n8n-editor-ui 1.91.1 → 1.93.0

package/dist/assets/{MainHeader-C7XOaZKu.js → MainHeader-DkKOOZ_D.js}

@@ -1,12 +1,12 @@
-import { d as defineComponent, s as MAIN_HEADER_TABS, h as resolveComponent, i as createElementBlock, f as createCommentVNode, g as openBlock, n as normalizeClass, j as createVNode, _ as _export_sfc, q as computed, v as shorten, x as renderSlot, r as ref, y as onBeforeUnmount, o as onMounted, z as nextTick, A as debounce, e as createBlock, m as unref, B as normalizeStyle, C as createEventBus, w as withCtx, k as createBaseVNode, F as Fragment, D as renderList, l as createTextVNode, t as toDisplayString, E as useTagsStore, G as useDebounce, H as useUIStore, I as BREAKPOINT_SM, J as BREAKPOINT_XL, K as BREAKPOINT_LG, L as BREAKPOINT_MD, N as getBannerRowHeight, V as VIEWS, c as useI18n, O as defineStore, P as usePushConnectionStore, Q as useWorkflowsStore, u as useUsersStore, R as useRoute, S as PLACEHOLDER_EMPTY_WORKFLOW_ID, T as STORES, U as TIME, W as useDocumentVisibility, X as watch, Y as useCssModule, Z as useRootStore, $ as useCanvasStore, p as useSettingsStore, a0 as useSourceControlStore, a1 as useProjectsStore, a2 as useFoldersStore, a3 as useNpsSurveyStore, b as useRouter, a as useToast, a4 as useDocumentTitle, a5 as useWorkflowHelpers, a6 as usePageRedirectionHelper, a7 as getResourcePermissions, a8 as WORKFLOW_MENU_ACTIONS, a9 as hasPermission, aa as EnterpriseEditionFeature, ab as ProjectTypes, ac as MAX_WORKFLOW_NAME_LENGTH, ad as _sfc_main$b, ae as SaveButton, af as WORKFLOW_SHARE_MODAL_KEY, ag as useTelemetry, ah as nodeViewEventBus, ai as useMessage, aj as MODAL_CONFIRM, ak as WORKFLOW_SETTINGS_MODAL_KEY, al as SOURCE_CONTROL_PUSH_MODAL_KEY, am as VALID_WORKFLOW_IMPORT_URL_REGEX, an as DUPLICATE_MODAL_KEY, ao as __vitePreload, ap as hyphenate, aq as h, ar as hasOwn, as as useNDVStore, at as useExecutionsStore, au as usePostHog, av as useLocalStorage, aw as LOCAL_STORAGE_HIDE_GITHUB_STAR_BUTTON, ax as WORKFLOW_EVALUATION_EXPERIMENT, ay as STICKY_NODE_TYPE, az as onBeforeMount, aA as withDirectives, aB as vShow, aC as N8N_MAIN_GITHUB_REPO_URL } from "./index-BLAboPd2.js";
-import { _ as __unplugin_components_0, I as InlineTextEdit, W as WorkflowActivator } from "./WorkflowActivator-BDLto9c0.js";
-import { _ as _sfc_main$c } from "./PushConnectionTracker.vue_vue_type_script_setup_true_lang-BNtCDFSj.js";
-import { u as useBeforeUnload } from "./useBeforeUnload-DbfysOS-.js";
-import { F as FileSaver_minExports } from "./FileSaver.min-CcnqpaV-.js";
-import { u as usePushConnection } from "./usePushConnection-x0iF1Axz.js";
-import "./useWorkflowActivate-CvmIpy5T.js";
-import "./global-link-actions-COf-9vBh.js";
-import "./easyAiWorkflowUtils-BWgfZ0am.js";
+import { d as defineComponent, s as MAIN_HEADER_TABS, h as resolveComponent, i as createElementBlock, f as createCommentVNode, g as openBlock, n as normalizeClass, j as createVNode, _ as _export_sfc, q as computed, v as shorten, x as renderSlot, r as ref, y as onBeforeUnmount, o as onMounted, z as nextTick, A as debounce, e as createBlock, m as unref, B as normalizeStyle, C as createEventBus, w as withCtx, k as createBaseVNode, F as Fragment, D as renderList, l as createTextVNode, t as toDisplayString, E as useTagsStore, G as useDebounce, H as useUIStore, I as BREAKPOINT_SM, J as BREAKPOINT_XL, K as BREAKPOINT_LG, L as BREAKPOINT_MD, N as getBannerRowHeight, V as VIEWS, c as useI18n, O as defineStore, P as usePushConnectionStore, Q as useWorkflowsStore, u as useUsersStore, R as useRoute, S as PLACEHOLDER_EMPTY_WORKFLOW_ID, T as STORES, U as TIME, W as useDocumentVisibility, X as watch, Y as useCssModule, Z as useRootStore, $ as useCanvasStore, p as useSettingsStore, a0 as useSourceControlStore, a1 as useProjectsStore, a2 as useFoldersStore, a3 as useNpsSurveyStore, b as useRouter, a as useToast, a4 as useDocumentTitle, a5 as useWorkflowHelpers, a6 as usePageRedirectionHelper, a7 as getResourcePermissions, a8 as WORKFLOW_MENU_ACTIONS, a9 as hasPermission, aa as EnterpriseEditionFeature, ab as ProjectTypes, ac as MAX_WORKFLOW_NAME_LENGTH, ad as _sfc_main$b, ae as SaveButton, af as WORKFLOW_SHARE_MODAL_KEY, ag as useTelemetry, ah as nodeViewEventBus, ai as useMessage, aj as MODAL_CONFIRM, ak as WORKFLOW_SETTINGS_MODAL_KEY, al as SOURCE_CONTROL_PUSH_MODAL_KEY, am as IMPORT_WORKFLOW_URL_MODAL_KEY, an as DUPLICATE_MODAL_KEY, ao as __vitePreload, ap as hyphenate, aq as h, ar as hasOwn, as as useNDVStore, at as useExecutionsStore, au as usePostHog, av as useLocalStorage, aw as LOCAL_STORAGE_HIDE_GITHUB_STAR_BUTTON, ax as WORKFLOW_EVALUATION_EXPERIMENT, ay as STICKY_NODE_TYPE, az as onBeforeMount, aA as withDirectives, aB as vShow, aC as N8N_MAIN_GITHUB_REPO_URL } from "./index-DZ6VpjNj.js";
+import { _ as __unplugin_components_0, I as InlineTextEdit, W as WorkflowActivator } from "./WorkflowActivator-B7jRy4L1.js";
+import { _ as _sfc_main$c } from "./PushConnectionTracker.vue_vue_type_script_setup_true_lang-CUf0LkWR.js";
+import { u as useBeforeUnload } from "./useBeforeUnload-Cu0LPVWe.js";
+import { F as FileSaver_minExports } from "./FileSaver.min-bgn7Q9Gt.js";
+import { u as usePushConnection } from "./usePushConnection-wm-7Id6Q.js";
+import "./useWorkflowActivate-65xML23U.js";
+import "./easyAiWorkflowUtils-kgtpBx2h.js";
+import "./global-link-actions-CnWOMvqA.js";
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "TabBar",
   props: {
@@ -612,15 +612,11 @@ const cssModules$2 = {
 };
 const CollaborationPane = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$2]]);
 const _hoisted_1 = {
-  key: 0,
   class: "tags",
   "data-test-id": "workflow-tags-container"
 };
 const _hoisted_2 = { key: 1 };
-const _hoisted_3 = {
-  key: 1,
-  class: "tags"
-};
+const _hoisted_3 = { class: "archived" };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "WorkflowDetails",
   props: {
@@ -631,7 +627,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     meta: {},
     scopes: {},
     active: { type: Boolean },
-    currentFolder: {}
+    currentFolder: {},
+    isArchived: { type: Boolean }
   },
   setup(__props) {
     const props = __props;
@@ -694,14 +691,16 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           id: WORKFLOW_MENU_ACTIONS.DOWNLOAD,
           label: locale.baseText("menuActions.download"),
           disabled: !onWorkflowPage.value
-        },
-        {
+        }
+      ];
+      if (!props.readOnly && !props.isArchived) {
+        actions.push({
           id: WORKFLOW_MENU_ACTIONS.RENAME,
           label: locale.baseText("generic.rename"),
           disabled: !onWorkflowPage.value || workflowPermissions.value.update !== true
-        }
-      ];
-      if (workflowPermissions.value.delete && !props.readOnly || isNewWorkflow.value) {
+        });
+      }
+      if (workflowPermissions.value.delete === true && !props.readOnly && !props.isArchived || isNewWorkflow.value) {
         actions.unshift({
           id: WORKFLOW_MENU_ACTIONS.DUPLICATE,
           label: locale.baseText("menuActions.duplicate"),
@@ -732,14 +731,29 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         label: locale.baseText("generic.settings"),
         disabled: !onWorkflowPage.value || isNewWorkflow.value
       });
-      if (workflowPermissions.value.delete && !props.readOnly || isNewWorkflow.value) {
-        actions.push({
-          id: WORKFLOW_MENU_ACTIONS.DELETE,
-          label: locale.baseText("menuActions.delete"),
-          disabled: !onWorkflowPage.value || isNewWorkflow.value,
-          customClass: $style.deleteItem,
-          divided: true
-        });
+      if (workflowPermissions.value.delete === true && !props.readOnly || isNewWorkflow.value) {
+        if (props.isArchived) {
+          actions.push({
+            id: WORKFLOW_MENU_ACTIONS.UNARCHIVE,
+            label: locale.baseText("menuActions.unarchive"),
+            disabled: !onWorkflowPage.value || isNewWorkflow.value
+          });
+          actions.push({
+            id: WORKFLOW_MENU_ACTIONS.DELETE,
+            label: locale.baseText("menuActions.delete"),
+            disabled: !onWorkflowPage.value || isNewWorkflow.value,
+            customClass: $style.deleteItem,
+            divided: true
+          });
+        } else {
+          actions.push({
+            id: WORKFLOW_MENU_ACTIONS.ARCHIVE,
+            label: locale.baseText("menuActions.archive"),
+            disabled: !onWorkflowPage.value || isNewWorkflow.value,
+            customClass: $style.deleteItem,
+            divided: true
+          });
+        }
       }
       return actions;
     });
@@ -952,23 +966,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           break;
         }
         case WORKFLOW_MENU_ACTIONS.IMPORT_FROM_URL: {
-          try {
-            const promptResponse = await message.prompt(
-              locale.baseText("mainSidebar.prompt.workflowUrl") + ":",
-              locale.baseText("mainSidebar.prompt.importWorkflowFromUrl") + ":",
-              {
-                confirmButtonText: locale.baseText("mainSidebar.prompt.import"),
-                cancelButtonText: locale.baseText("mainSidebar.prompt.cancel"),
-                inputErrorMessage: locale.baseText("mainSidebar.prompt.invalidUrl"),
-                inputPattern: VALID_WORKFLOW_IMPORT_URL_REGEX
-              }
-            );
-            if (promptResponse.action === "cancel") {
-              return;
-            }
-            nodeViewEventBus.emit("importWorkflowUrl", { url: promptResponse.value });
-          } catch (e) {
-          }
+          uiStore.openModal(IMPORT_WORKFLOW_URL_MODAL_KEY);
           break;
         }
         case WORKFLOW_MENU_ACTIONS.IMPORT_FROM_FILE: {
@@ -1005,6 +1003,53 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           uiStore.openModal(WORKFLOW_SETTINGS_MODAL_KEY);
           break;
         }
+        case WORKFLOW_MENU_ACTIONS.ARCHIVE: {
+          if (props.active) {
+            const archiveConfirmed = await message.confirm(
+              locale.baseText("mainSidebar.confirmMessage.workflowArchive.message", {
+                interpolate: { workflowName: props.name }
+              }),
+              locale.baseText("mainSidebar.confirmMessage.workflowArchive.headline"),
+              {
+                type: "warning",
+                confirmButtonText: locale.baseText(
+                  "mainSidebar.confirmMessage.workflowArchive.confirmButtonText"
+                ),
+                cancelButtonText: locale.baseText(
+                  "mainSidebar.confirmMessage.workflowArchive.cancelButtonText"
+                )
+              }
+            );
+            if (archiveConfirmed !== MODAL_CONFIRM) {
+              return;
+            }
+          }
+          try {
+            await workflowsStore.archiveWorkflow(props.id);
+          } catch (error) {
+            toast.showError(error, locale.baseText("generic.archiveWorkflowError"));
+            return;
+          }
+          uiStore.stateIsDirty = false;
+          toast.showMessage({
+            title: locale.baseText("mainSidebar.showMessage.handleArchive.title", {
+              interpolate: { workflowName: props.name }
+            }),
+            type: "success"
+          });
+          await router.push({ name: VIEWS.WORKFLOWS });
+          break;
+        }
+        case WORKFLOW_MENU_ACTIONS.UNARCHIVE: {
+          await workflowsStore.unarchiveWorkflow(props.id);
+          toast.showMessage({
+            title: locale.baseText("mainSidebar.showMessage.handleUnarchive.title", {
+              interpolate: { workflowName: props.name }
+            }),
+            type: "success"
+          });
+          break;
+        }
         case WORKFLOW_MENU_ACTIONS.DELETE: {
           const deleteConfirmed = await message.confirm(
             locale.baseText("mainSidebar.confirmMessage.workflowDelete.message", {
@@ -1033,7 +1078,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           uiStore.stateIsDirty = false;
           documentTitle.reset();
           toast.showMessage({
-            title: locale.baseText("mainSidebar.showMessage.handleSelect1.title"),
+            title: locale.baseText("mainSidebar.showMessage.handleSelect1.title", {
+              interpolate: { workflowName: props.name }
+            }),
             type: "success"
           });
           await router.push({ name: VIEWS.WORKFLOWS });
@@ -1084,6 +1131,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       const _component_FolderBreadcrumbs = __unplugin_components_0;
+      const _component_N8nBadge = resolveComponent("N8nBadge");
       const _component_N8nButton = resolveComponent("N8nButton");
       const _component_i18n_t = resolveComponent("i18n-t");
       const _component_N8nTooltip = resolveComponent("N8nTooltip");
@@ -1122,7 +1170,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                       "preview-value": shortenedName,
                       "is-edit-enabled": isNameEditEnabled.value,
                       "max-length": unref(MAX_WORKFLOW_NAME_LENGTH),
-                      disabled: _ctx.readOnly || !isNewWorkflow.value && !workflowPermissions.value.update,
+                      disabled: _ctx.readOnly || _ctx.isArchived || !isNewWorkflow.value && !workflowPermissions.value.update,
                       placeholder: "Enter workflow name",
                       class: "name",
                       onToggle: onNameToggle,
@@ -1137,43 +1185,60 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }),
-        unref(settingsStore).areTagsEnabled ? (openBlock(), createElementBlock("span", _hoisted_1, [
-          isTagsEditEnabled.value && !_ctx.readOnly && (isNewWorkflow.value || workflowPermissions.value.update) ? (openBlock(), createBlock(_sfc_main$b, {
-            key: 0,
-            ref: "dropdown",
-            modelValue: appliedTagIds.value,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => appliedTagIds.value = $event),
-            "event-bus": unref(tagsEventBus),
-            placeholder: unref(i18n).baseText("workflowDetails.chooseOrCreateATag"),
-            class: "tags-edit",
-            "data-test-id": "workflow-tags-dropdown",
-            onBlur: onTagsBlur,
-            onEsc: onTagsEditEsc
-          }, null, 8, ["modelValue", "event-bus", "placeholder"])) : (_ctx.tags ?? []).length === 0 && !_ctx.readOnly && (isNewWorkflow.value || workflowPermissions.value.update) ? (openBlock(), createElementBlock("div", _hoisted_2, [
-            createBaseVNode("span", {
-              class: "add-tag clickable",
-              "data-test-id": "new-tag-link",
+        createBaseVNode("span", _hoisted_1, [
+          unref(settingsStore).areTagsEnabled ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+            isTagsEditEnabled.value && !(_ctx.readOnly || _ctx.isArchived) && (isNewWorkflow.value || workflowPermissions.value.update) ? (openBlock(), createBlock(_sfc_main$b, {
+              key: 0,
+              ref: "dropdown",
+              modelValue: appliedTagIds.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => appliedTagIds.value = $event),
+              "event-bus": unref(tagsEventBus),
+              placeholder: unref(i18n).baseText("workflowDetails.chooseOrCreateATag"),
+              class: "tags-edit",
+              "data-test-id": "workflow-tags-dropdown",
+              onBlur: onTagsBlur,
+              onEsc: onTagsEditEsc
+            }, null, 8, ["modelValue", "event-bus", "placeholder"])) : (_ctx.tags ?? []).length === 0 && !(_ctx.readOnly || _ctx.isArchived) && (isNewWorkflow.value || workflowPermissions.value.update) ? (openBlock(), createElementBlock("div", _hoisted_2, [
+              createBaseVNode("span", {
+                class: "add-tag clickable",
+                "data-test-id": "new-tag-link",
+                onClick: onTagsEditEnable
+              }, " + " + toDisplayString(unref(i18n).baseText("workflowDetails.addTag")), 1)
+            ])) : (openBlock(), createBlock(_sfc_main$5, {
+              key: _ctx.id,
+              "tag-ids": workflowTagIds.value,
+              clickable: true,
+              responsive: true,
+              "data-test-id": "workflow-tags",
               onClick: onTagsEditEnable
-            }, " + " + toDisplayString(unref(i18n).baseText("workflowDetails.addTag")), 1)
-          ])) : (openBlock(), createBlock(_sfc_main$5, {
-            key: _ctx.id,
-            "tag-ids": workflowTagIds.value,
-            clickable: true,
-            responsive: true,
-            "data-test-id": "workflow-tags",
-            onClick: onTagsEditEnable
-          }, null, 8, ["tag-ids"]))
-        ])) : (openBlock(), createElementBlock("span", _hoisted_3)),
+            }, null, 8, ["tag-ids"]))
+          ], 64)) : createCommentVNode("", true),
+          createBaseVNode("span", _hoisted_3, [
+            _ctx.isArchived ? (openBlock(), createBlock(_component_N8nBadge, {
+              key: 0,
+              class: "ml-3xs",
+              theme: "tertiary",
+              bold: "",
+              "data-test-id": "workflow-archived-tag"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(locale).baseText("workflows.item.archived")), 1)
+              ]),
+              _: 1
+            })) : createCommentVNode("", true)
+          ])
+        ]),
         createVNode(_sfc_main$c, { class: "actions" }, {
           default: withCtx(() => [
             createBaseVNode("span", {
               class: normalizeClass(`activator ${unref($style).group}`)
             }, [
               createVNode(WorkflowActivator, {
+                "is-archived": _ctx.isArchived,
                 "workflow-active": _ctx.active,
                 "workflow-id": _ctx.id,
                 "workflow-permissions": workflowPermissions.value
-              }, null, 8, ["workflow-active", "workflow-id", "workflow-permissions"])
+              }, null, 8, ["is-archived", "workflow-active", "workflow-id", "workflow-permissions"])
             ], 2),
             createVNode(_component_EnterpriseEdition, {
               features: [unref(EnterpriseEditionFeature).Sharing]
@@ -1232,9 +1297,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               createVNode(SaveButton, {
                 type: "primary",
                 saved: !unref(uiStore).stateIsDirty && !isNewWorkflow.value,
-                disabled: isWorkflowSaving.value || _ctx.readOnly || !isNewWorkflow.value && !workflowPermissions.value.update,
+                disabled: isWorkflowSaving.value || _ctx.readOnly || _ctx.isArchived || !isNewWorkflow.value && !workflowPermissions.value.update,
                 "is-saving": isWorkflowSaving.value,
-                "with-shortcut": !_ctx.readOnly && workflowPermissions.value.update,
+                "with-shortcut": !_ctx.readOnly && !_ctx.isArchived && workflowPermissions.value.update,
                 "shortcut-tooltip": unref(i18n).baseText("saveWorkflowButton.hint"),
                 "data-test-id": "workflow-save-button",
                 onClick: onSaveButtonClick
@@ -1288,7 +1353,7 @@ const style1 = {
 const cssModules$1 = {
   "$style": style1
 };
-const WorkflowDetails = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1], ["__scopeId", "data-v-7ec35e38"]]);
+const WorkflowDetails = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1], ["__scopeId", "data-v-7bae9e0c"]]);
 const GithubButton = defineComponent({
   name: "github-button",
   props: {
@@ -1540,8 +1605,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               scopes: workflow.value.scopes,
               active: workflow.value.active,
               "read-only": readOnly.value,
-              "current-folder": parentFolderForBreadcrumbs.value
-            }, null, 8, ["id", "tags", "name", "meta", "scopes", "active", "read-only", "current-folder"])) : createCommentVNode("", true),
+              "current-folder": parentFolderForBreadcrumbs.value,
+              "is-archived": workflow.value.isArchived
+            }, null, 8, ["id", "tags", "name", "meta", "scopes", "active", "read-only", "current-folder", "is-archived"])) : createCommentVNode("", true),
             showGitHubButton.value ? (openBlock(), createElementBlock("div", {
               key: 1,
               class: normalizeClass([_ctx.$style["github-button"], "hidden-sm-and-down"])

package/dist/assets/{MainSidebar-CKMiDGvH.css → MainSidebar-D1_1YFQZ.css}

@@ -574,7 +574,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._projects_iytlh_123 {
+._projects_jcrfa_123 {
   display: grid;
   grid-auto-rows: auto;
   width: 100%;
@@ -582,22 +582,22 @@
   align-items: start;
   gap: var(--spacing-3xs);
 }
-._projects_iytlh_123:hover ._plusBtn_iytlh_131 {
+._projects_jcrfa_123:hover ._plusBtn_jcrfa_131 {
   display: block;
 }
-._projectItems_iytlh_135 {
+._projectItems_jcrfa_135 {
   height: 100%;
   padding: 0 var(--spacing-xs) var(--spacing-s);
   overflow: auto;
 }
-._upgradeLink_iytlh_141 {
+._upgradeLink_jcrfa_141 {
   color: var(--color-primary);
   cursor: pointer;
 }
-._collapsed_iytlh_146 {
+._collapsed_jcrfa_146 {
   text-transform: uppercase;
 }
-._projectsLabel_iytlh_150 {
+._projectsLabel_jcrfa_150 {
   display: flex;
   justify-content: space-between;
   margin: 0 0 var(--spacing-s) var(--spacing-xs);
@@ -607,24 +607,25 @@
   box-sizing: border-box;
   color: var(--color-text-base);
 }
-._projectsLabel_iytlh_150._collapsed_iytlh_146 {
+._projectsLabel_jcrfa_150._collapsed_jcrfa_146 {
   padding: 0;
   margin-left: 0;
   justify-content: center;
 }
-._plusBtn_iytlh_131 {
+._plusBtn_jcrfa_131 {
   margin: 0;
   padding: 0;
   color: var(--color-text-light);
   display: none;
 }
-._addFirstProjectBtn_iytlh_173 {
+._addFirstProjectBtn_jcrfa_173 {
   font-size: var(--font-size-xs);
   padding: var(--spacing-3xs);
   margin: 0 var(--spacing-m) var(--spacing-m);
 }
-._addFirstProjectBtn_iytlh_173._collapsed_iytlh_146 > span:last-child {
+._addFirstProjectBtn_jcrfa_173._collapsed_jcrfa_146 > span:last-child {
   display: none;
+  margin: 0 var(--spacing-s) var(--spacing-m);
 }/* BEM support Func
  -------------------------- */
 /* Transition
@@ -747,10 +748,10 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.home[data-v-661c60ab] {
+.home[data-v-f02e68ce] {
   padding: 0 var(--spacing-xs);
 }
-.home[data-v-661c60ab] .el-menu-item {
+.home[data-v-f02e68ce] .el-menu-item {
   padding: var(--spacing-m) var(--spacing-xs) !important;
 }/* BEM support Func
  -------------------------- */

package/dist/assets/{MainSidebar-DD_ugRL3.js → MainSidebar-ZUBIWeXm.js}

@@ -1,5 +1,5 @@
-import { d as defineComponent, aD as useLoadingService, H as useUIStore, a0 as useSourceControlStore, a as useToast, r as ref, q as computed, a9 as hasPermission, h as resolveComponent, i as createElementBlock, f as createCommentVNode, g as openBlock, B as normalizeStyle, n as normalizeClass, m as unref, k as createBaseVNode, j as createVNode, l as createTextVNode, t as toDisplayString, e as createBlock, w as withCtx, c as useI18n, C as createEventBus, al as SOURCE_CONTROL_PUSH_MODAL_KEY, aE as notifyUserAboutPullWorkFolderOutcome, aF as sourceControlEventBus, aG as SOURCE_CONTROL_PULL_MODAL_KEY, _ as _export_sfc, aH as get, O as defineStore, aI as useCloudPlanStore, Z as useRootStore, aJ as useStorage, aK as DateTime, T as STORES, ag as useTelemetry, p as useSettingsStore, a1 as useProjectsStore, b as useRouter, aL as sortByProperty, V as VIEWS, a7 as getResourcePermissions, a6 as usePageRedirectionHelper, F as Fragment, D as renderList, aM as useDebugInfo, aN as useTemplatesStore, u as useUsersStore, aO as useVersionsStore, Q as useWorkflowsStore, G as useDebounce, R as useRoute, o as onMounted, aP as useExternalHooks, z as nextTick, y as onBeforeUnmount, aQ as onClickOutside, aR as N8nTooltip, aS as N8nLink, aT as _sfc_main$5, aU as N8nNavigationDropdown, aV as createSlots, aW as VERSIONS_MODAL_KEY, aX as ABOUT_MODAL_KEY } from "./index-BLAboPd2.js";
-import { L as Logo } from "./Logo-CK8euEWT.js";
+import { d as defineComponent, aD as useLoadingService, H as useUIStore, a0 as useSourceControlStore, a as useToast, r as ref, q as computed, a9 as hasPermission, h as resolveComponent, i as createElementBlock, f as createCommentVNode, g as openBlock, B as normalizeStyle, n as normalizeClass, m as unref, k as createBaseVNode, j as createVNode, l as createTextVNode, t as toDisplayString, e as createBlock, w as withCtx, c as useI18n, C as createEventBus, al as SOURCE_CONTROL_PUSH_MODAL_KEY, aE as notifyUserAboutPullWorkFolderOutcome, aF as sourceControlEventBus, aG as SOURCE_CONTROL_PULL_MODAL_KEY, _ as _export_sfc, aH as get, O as defineStore, aI as useCloudPlanStore, Z as useRootStore, aJ as useStorage, aK as DateTime, T as STORES, ag as useTelemetry, p as useSettingsStore, a1 as useProjectsStore, b as useRouter, aL as sortByProperty, V as VIEWS, a7 as getResourcePermissions, a6 as usePageRedirectionHelper, F as Fragment, D as renderList, aM as useDebugInfo, aN as useTemplatesStore, u as useUsersStore, aO as useVersionsStore, Q as useWorkflowsStore, G as useDebounce, R as useRoute, o as onMounted, aP as useExternalHooks, z as nextTick, y as onBeforeUnmount, aQ as onClickOutside, aR as N8nTooltip, aS as N8nLink, aT as _sfc_main$5, aU as N8nNavigationDropdown, aV as createSlots, aW as VERSIONS_MODAL_KEY, aX as ABOUT_MODAL_KEY } from "./index-DZ6VpjNj.js";
+import { L as Logo } from "./Logo-DUDCllkm.js";
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "MainSidebarSourceControl",
   props: {
@@ -544,6 +544,14 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         to: { name: VIEWS.HOMEPAGE }
       }
     }));
+    const shared = computed(() => ({
+      id: "shared",
+      label: locale.baseText("projects.menu.shared"),
+      icon: "share",
+      route: {
+        to: { name: VIEWS.SHARED_WITH_ME }
+      }
+    }));
     const getProjectMenuItem = (project) => ({
       id: project.id,
       label: project.name,
@@ -589,7 +597,23 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               "active-tab": unref(projectsStore).projectNavActiveId,
               mode: "tabs",
               "data-test-id": "project-home-menu-item"
-            }, null, 8, ["item", "compact", "active-tab"])
+            }, null, 8, ["item", "compact", "active-tab"]),
+            unref(projectsStore).isTeamProjectFeatureEnabled || isFoldersFeatureEnabled.value ? (openBlock(), createBlock(_component_N8nMenuItem, {
+              key: 0,
+              item: personalProject.value,
+              compact: props.collapsed,
+              "active-tab": unref(projectsStore).projectNavActiveId,
+              mode: "tabs",
+              "data-test-id": "project-personal-menu-item"
+            }, null, 8, ["item", "compact", "active-tab"])) : createCommentVNode("", true),
+            unref(projectsStore).isTeamProjectFeatureEnabled || isFoldersFeatureEnabled.value ? (openBlock(), createBlock(_component_N8nMenuItem, {
+              key: 1,
+              item: shared.value,
+              compact: props.collapsed,
+              "active-tab": unref(projectsStore).projectNavActiveId,
+              mode: "tabs",
+              "data-test-id": "project-shared-menu-item"
+            }, null, 8, ["item", "compact", "active-tab"])) : createCommentVNode("", true)
           ]),
           _: 1
         }, 8, ["collapse"]),
@@ -629,13 +653,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           class: normalizeClass(_ctx.$style.projectItems)
         }, {
           default: withCtx(() => [
-            createVNode(_component_N8nMenuItem, {
-              item: personalProject.value,
-              compact: props.collapsed,
-              "active-tab": unref(projectsStore).projectNavActiveId,
-              mode: "tabs",
-              "data-test-id": "project-personal-menu-item"
-            }, null, 8, ["item", "compact", "active-tab"]),
             (openBlock(true), createElementBlock(Fragment, null, renderList(displayProjects.value, (project) => {
               return openBlock(), createBlock(_component_N8nMenuItem, {
                 key: project.id,
@@ -673,7 +690,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               onClick: unref(globalEntityCreation).createProject
             }, {
               default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(locale).baseText("projects.menu.addFirstProject")), 1)
+                createBaseVNode("span", null, toDisplayString(unref(locale).baseText("projects.menu.addFirstProject")), 1)
               ]),
               _: 1
             }, 8, ["class", "disabled", "onClick"])) : createCommentVNode("", true)
@@ -685,13 +702,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const projects = "_projects_iytlh_123";
-const plusBtn = "_plusBtn_iytlh_131";
-const projectItems = "_projectItems_iytlh_135";
-const upgradeLink = "_upgradeLink_iytlh_141";
-const collapsed = "_collapsed_iytlh_146";
-const projectsLabel = "_projectsLabel_iytlh_150";
-const addFirstProjectBtn = "_addFirstProjectBtn_iytlh_173";
+const projects = "_projects_jcrfa_123";
+const plusBtn = "_plusBtn_jcrfa_131";
+const projectItems = "_projectItems_jcrfa_135";
+const upgradeLink = "_upgradeLink_jcrfa_141";
+const collapsed = "_collapsed_jcrfa_146";
+const projectsLabel = "_projectsLabel_jcrfa_150";
+const addFirstProjectBtn = "_addFirstProjectBtn_jcrfa_173";
 const style0$1 = {
   projects,
   plusBtn,
@@ -704,7 +721,7 @@ const style0$1 = {
 const cssModules$1 = {
   "$style": style0$1
 };
-const __unplugin_components_0 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1], ["__scopeId", "data-v-661c60ab"]]);
+const __unplugin_components_0 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1], ["__scopeId", "data-v-f02e68ce"]]);
 const BASE_FORUM_URL = "https://github.com/n8n-io/n8n/issues/new?labels=bug-report";
 const REPORT_TEMPLATE = `
 <!-- Please follow the template below. Skip the questions that are not relevant to you. -->

package/dist/assets/{NodeCreation-S2FoBcnW.js → NodeCreation-DCfAFuL5.js}

@@ -1,6 +1,6 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreator-D6TKVgLu.js","assets/index-BLAboPd2.js","assets/index-sq5ggyEC.css","assets/useCanvasOperations-C0pQBHW3.js","assets/NodeCreator-D9fmPdS2.css"])))=>i.map(i=>d[i]);
-import { bz as useNodeTypesStore, q as computed, c as useI18n, Q as useWorkflowsStore, fh as MANUAL_TRIGGER_NODE_TYPE, hC as CHAIN_LLM_LANGCHAIN_NODE_TYPE, bm as NodeConnectionTypes, bk as CHAT_TRIGGER_NODE_TYPE, hD as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, hE as OPEN_AI_NODE_TYPE, f9 as SPLIT_IN_BATCHES_NODE_TYPE, hF as NO_OP_NODE_TYPE, fc as WEBHOOK_NODE_TYPE, fj as SCHEDULE_TRIGGER_NODE_TYPE, aP as useExternalHooks, $ as useCanvasStore, eD as AI_CATEGORY_LANGUAGE_MODELS, hG as QA_CHAIN_NODE_TYPE, hH as AGENT_NODE_TYPE, hI as BASIC_CHAIN_NODE_TYPE, hJ as OPEN_AI_ASSISTANT_NODE_TYPE, ay as STICKY_NODE_TYPE, ff as TRIGGER_NODE_CREATOR_VIEW, c9 as NODE_CREATOR_OPEN_SOURCES, d as defineComponent, H as useUIStore, r as ref, bM as useThrottleFn, o as onMounted, y as onBeforeUnmount, h as resolveComponent, i as createElementBlock, g as openBlock, f as createCommentVNode, e as createBlock, n as normalizeClass, k as createBaseVNode, j as createVNode, w as withCtx, m as unref, bP as KeyboardShortcutTooltip, c2 as defineAsyncComponent, c1 as Suspense, F as Fragment, ao as __vitePreload, hK as getMidCanvasPosition, hL as DEFAULT_STICKY_WIDTH, hM as DEFAULT_STICKY_HEIGHT, _ as _export_sfc } from "./index-BLAboPd2.js";
-import { a as useNodeCreatorStore, t as transformNodeType, s as sortNodeCreateElements } from "./useCanvasOperations-C0pQBHW3.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreator-a0YVv1IE.js","assets/index-DZ6VpjNj.js","assets/index-yNaoC3fo.css","assets/useCanvasOperations-u8oSDa_u.js","assets/NodeCreator-D18StsVZ.css"])))=>i.map(i=>d[i]);
+import { bz as useNodeTypesStore, q as computed, c as useI18n, Q as useWorkflowsStore, fj as MANUAL_TRIGGER_NODE_TYPE, hP as CHAIN_LLM_LANGCHAIN_NODE_TYPE, bm as NodeConnectionTypes, bk as CHAT_TRIGGER_NODE_TYPE, hQ as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, hR as OPEN_AI_NODE_TYPE, fa as SPLIT_IN_BATCHES_NODE_TYPE, hS as NO_OP_NODE_TYPE, fd as WEBHOOK_NODE_TYPE, fl as SCHEDULE_TRIGGER_NODE_TYPE, fr as transformNodeType, aP as useExternalHooks, $ as useCanvasStore, eC as AI_CATEGORY_LANGUAGE_MODELS, hT as QA_CHAIN_NODE_TYPE, hU as AGENT_NODE_TYPE, hV as BASIC_CHAIN_NODE_TYPE, hW as OPEN_AI_ASSISTANT_NODE_TYPE, ay as STICKY_NODE_TYPE, fz as sortNodeCreateElements, fh as TRIGGER_NODE_CREATOR_VIEW, cc as NODE_CREATOR_OPEN_SOURCES, d as defineComponent, H as useUIStore, r as ref, bN as useThrottleFn, o as onMounted, y as onBeforeUnmount, h as resolveComponent, i as createElementBlock, g as openBlock, f as createCommentVNode, e as createBlock, n as normalizeClass, k as createBaseVNode, j as createVNode, w as withCtx, m as unref, bQ as KeyboardShortcutTooltip, c5 as defineAsyncComponent, c4 as Suspense, F as Fragment, ao as __vitePreload, hX as getMidCanvasPosition, hY as DEFAULT_STICKY_WIDTH, hZ as DEFAULT_STICKY_HEIGHT, _ as _export_sfc } from "./index-DZ6VpjNj.js";
+import { u as useNodeCreatorStore } from "./useCanvasOperations-u8oSDa_u.js";
 const useActions = () => {
   const nodeCreatorStore = useNodeCreatorStore();
   const nodeTypesStore = useNodeTypesStore();
@@ -241,7 +241,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["addNodes", "toggleNodeCreator"],
   setup(__props, { emit: __emit }) {
     const LazyNodeCreator = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeCreator-D6TKVgLu.js"), true ? __vite__mapDeps([0,1,2,3,4]) : void 0)
+      async () => await __vitePreload(() => import("./NodeCreator-a0YVv1IE.js"), true ? __vite__mapDeps([0,1,2,3,4]) : void 0)
     );
     const props = __props;
     const emit = __emit;
@@ -284,12 +284,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emit("addNodes", getAddedNodesAndConnections(nodeTypes.map((type) => ({ type }))));
       closeNodeCreator(true);
     }
-    onMounted(() => {
+    function setWrapperRect() {
       wrapperBoundingRect.value = wrapperRef.value?.getBoundingClientRect();
+    }
+    onMounted(() => {
+      setWrapperRect();
       document.addEventListener("mousemove", onMouseMove);
+      window.addEventListener("resize", setWrapperRect);
     });
     onBeforeUnmount(() => {
       document.removeEventListener("mousemove", onMouseMove);
+      window.removeEventListener("resize", setWrapperRect);
     });
     return (_ctx, _cache) => {
       const _component_n8n_icon_button = resolveComponent("n8n-icon-button");