feat: Add workflow sharing functionality and permissions (#4370)

* feat(editor): extract credentials view into reusable layout components for workflows view

* feat(editor): add workflow card and start work on empty state

* feat: add hoverable card and finish workflows empty state

* fix: undo workflows response interface changes

* chore: fix linting issues.

* fix: remove enterprise sharing env schema

* fix(editor): fix workflows resource view when sharing is enabled

* fix: change owner tag design and order

* feat: add personalization survey on workflows page

* fix: update component snapshots

* feat: refactored workflow card to use workflow-activator properly

* fix: fix workflow activator and proptypes

* fix: hide owner tag for workflow card until sharing is available

* fix: fixed ownedBy and sharedWith appearing for workflows list

* feat: update tags component design

* refactor: change resource filter select to n8n-user-select

* fix: made telemetry messages reusable

* chore: remove unused import

* refactor: fix component name casing

* refactor: use Vue.set to make workflow property reactive

* feat: add support for clicking on tags for filtering

* chore: fix tags linting issues

* fix: fix resources list layout when title words are very long

* refactor: add active and inactive status text to workflow activator

* fix: fix credentials and workflows sorting when name contains leading whitespace

* fix: remove wrongfully added style tag

* feat: add translations and storybook examples for truncated tags

* fix: remove enterprise sharing env from schema

* refactor: fix workflows module and workflows field store naming conflict

* feat: add workflow share button and open dummy modal

* feat: add workflow sharing modal (in progress)

* feat: add message when sharing disabled

* feat: add sharing messages based on flags

* feat: add workflow sharing api integration and readonly state handling

* fix: change how foreign credentials are handled

* refactor: migrate newly added workflow sharing store methods to pinia

* fix: update foreign credentials handler and add executable prop to node-settings

* fix: fix credentials display issue caused by addCredentials override

* fix: fix various issues when sharing from empty state

* fix: update node duplication credentials

* fix: revert defautl values for sharing env

* feat: hide share button behind feature flag

* chore: add env variable for sharing feature (testing only)

* fix: change enterprise-edition component casing

packages/editor-ui/src/stores/ui.ts

@@ -26,7 +26,7 @@ import {
 	VERSIONS_MODAL_KEY,
 	VIEWS,
 	WORKFLOW_ACTIVE_MODAL_KEY,
-	WORKFLOW_SETTINGS_MODAL_KEY,
+	WORKFLOW_SETTINGS_MODAL_KEY, WORKFLOW_SHARE_MODAL_KEY,
 } from "@/constants";
 import {
 	CurlToJSONResponse,
@@ -97,6 +97,9 @@ export const useUIStore = defineStore(STORES.UI, {
 			[EXECUTIONS_MODAL_KEY]: {
 				open: false,
 			},
+			[WORKFLOW_SHARE_MODAL_KEY]: {
+				open: false,
+			},
 			[WORKFLOW_ACTIVE_MODAL_KEY]: {
 				open: false,
 			},
@@ -141,13 +144,22 @@ export const useUIStore = defineStore(STORES.UI, {
 				uiLocations: ['settings'],
 			},
 			{
-				id: FAKE_DOOR_FEATURES.SHARING,
+				id: FAKE_DOOR_FEATURES.CREDENTIALS_SHARING,
 				featureName: 'fakeDoor.credentialEdit.sharing.name',
 				actionBoxTitle: 'fakeDoor.credentialEdit.sharing.actionBox.title',
 				actionBoxDescription: 'fakeDoor.credentialEdit.sharing.actionBox.description',
 				linkURL: 'https://n8n-community.typeform.com/to/l7QOrERN#f=sharing',
 				uiLocations: ['credentialsModal'],
 			},
+			{
+				id: FAKE_DOOR_FEATURES.WORKFLOWS_SHARING,
+				featureName: 'fakeDoor.workflowsSharing.name',
+				actionBoxTitle: 'workflows.shareModal.title', // Use this translation in modal title when removing fakeDoor
+				actionBoxDescription: 'fakeDoor.workflowsSharing.description',
+				actionBoxButtonLabel: 'fakeDoor.workflowsSharing.button',
+				linkURL: 'https://n8n.cloud',
+				uiLocations: ['workflowShareModal'],
+			},
 		],
 		draggable: {
 			isDragging: false,