n8n-editor-ui 1.92.0 → 1.94.0

package/dist/assets/{MainHeader-CEPLiR-5.css → MainHeader-Y95RcfHb.css}

@@ -259,26 +259,26 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.tags-container[data-v-9f29f608] {
+.tags-container[data-v-d2c6672c] {
   display: block;
   max-width: 300px;
 }
-.tags[data-v-9f29f608] {
+.tags[data-v-d2c6672c] {
   display: block;
   white-space: nowrap;
   overflow: hidden;
   max-width: 100%;
 }
-.tags > span[data-v-9f29f608] {
+.tags > span[data-v-d2c6672c] {
   padding-right: 4px;
 }
-.hideTag[data-v-9f29f608] {
+.hideTag[data-v-d2c6672c] {
   visibility: hidden;
 }
-.el-tag.hoverable[data-v-9f29f608]:hover {
+.el-tag.hoverable[data-v-d2c6672c]:hover {
   border-color: var(--color-primary);
 }
-.count-container[data-v-9f29f608] {
+.count-container[data-v-d2c6672c] {
   position: absolute;
   max-width: 40px;
   text-overflow: ellipsis;
@@ -664,56 +664,63 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.name-container[data-v-7ec35e38] {
+.name-container[data-v-7abecd76] {
   margin-right: var(--spacing-s);
 }
-.name-container[data-v-7ec35e38] .el-input {
+.name-container[data-v-7abecd76] .el-input {
   padding: 0;
 }
-.name[data-v-7ec35e38] {
+.name[data-v-7abecd76] {
   color: var(--color-text-dark);
   font-size: var(--font-size-s);
 }
-.activator[data-v-7ec35e38] {
+.activator[data-v-7abecd76] {
   color: var(--color-text-dark);
   font-weight: var(--font-weight-regular);
   font-size: 13px;
   line-height: 24px;
   align-items: center;
 }
-.activator > span[data-v-7ec35e38] {
+.activator > span[data-v-7abecd76] {
   margin-right: 5px;
 }
-.add-tag[data-v-7ec35e38] {
+.add-tag[data-v-7abecd76] {
   font-size: 12px;
   padding: 20px 0;
   color: var(--color-text-light);
   font-weight: var(--font-weight-bold);
   white-space: nowrap;
 }
-.add-tag[data-v-7ec35e38]:hover {
+.add-tag[data-v-7abecd76]:hover {
   color: var(--color-primary);
 }
-.tags[data-v-7ec35e38] {
+.tags[data-v-7abecd76] {
   display: flex;
   align-items: center;
   width: 100%;
   flex: 1;
   margin-right: 20px;
 }
-.tags-edit[data-v-7ec35e38] {
+.tags-edit[data-v-7abecd76] {
   min-width: 100px;
   width: 100%;
   max-width: 460px;
 }
-.actions[data-v-7ec35e38] {
+.archived[data-v-7abecd76] {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  flex: 1;
+  margin-right: 20px;
+}
+.actions[data-v-7abecd76] {
   display: flex;
   align-items: center;
   gap: var(--spacing-m);
   flex-wrap: nowrap;
 }
 @media screen and (max-width: 767px) {
-.name[data-v-7ec35e38] input {
+.name[data-v-7abecd76] input {
     min-width: 180px;
 }
 }/* BEM support Func

package/dist/assets/{MainHeader-Bk29pgmL.js → MainHeader-h2DV-VuD.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-B6eunbxp.js";
-import { _ as __unplugin_components_0, I as InlineTextEdit, W as WorkflowActivator } from "./WorkflowActivator-CPCbgb_n.js";
-import { _ as _sfc_main$c } from "./PushConnectionTracker.vue_vue_type_script_setup_true_lang-C3JbZMCk.js";
-import { u as useBeforeUnload } from "./useBeforeUnload-DxrN8vOO.js";
-import { F as FileSaver_minExports } from "./FileSaver.min-BzAtcQXX.js";
-import { u as usePushConnection } from "./usePushConnection-Pobjq0U9.js";
-import "./useWorkflowActivate-DFqvrpj6.js";
-import "./easyAiWorkflowUtils-CLqHnasO.js";
-import "./global-link-actions-BvoZh8u9.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-hdsPF3tl.js";
+import { _ as __unplugin_components_0, I as InlineTextEdit, W as WorkflowActivator } from "./WorkflowActivator-e7wvW1kJ.js";
+import { _ as _sfc_main$c } from "./PushConnectionTracker.vue_vue_type_script_setup_true_lang-DaoPdG_5.js";
+import { u as useBeforeUnload } from "./useBeforeUnload-B7JAQiE8.js";
+import { F as FileSaver_minExports } from "./FileSaver.min-C1p9Eies.js";
+import { u as usePushConnection } from "./usePushConnection-DNGIaS0A.js";
+import "./useWorkflowActivate-CJ1hLmv2.js";
+import "./easyAiWorkflowUtils-_kvYb5hw.js";
+import "./global-link-actions-DG0SjhQE.js";
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "TabBar",
   props: {
@@ -283,7 +283,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                     createVNode(_component_el_tag, {
                       title: tag.name,
                       type: "info",
-                      size: "small",
+                      size: "mini",
                       class: normalizeClass({ hoverable: _ctx.hoverable }),
                       "disable-transitions": true
                     }, {
@@ -304,7 +304,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const TagsContainer = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-9f29f608"]]);
+const TagsContainer = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__scopeId", "data-v-d2c6672c"]]);
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "WorkflowTagsContainer",
   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");
@@ -1106,7 +1154,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               onItemSelected: onBreadcrumbsItemSelected
             }, {
               append: withCtx(() => [
-                unref(projectsStore).currentProject ? (openBlock(), createElementBlock("span", {
+                unref(projectsStore).currentProject ?? unref(projectsStore).personalProject ? (openBlock(), createElementBlock("span", {
                   key: 0,
                   class: normalizeClass(unref($style)["path-separator"])
                 }, "/", 2)) : createCommentVNode("", true),
@@ -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-7abecd76"]]);
 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-BM5ku_wM.js → MainSidebar-AAHHRXFA.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-B6eunbxp.js";
-import { L as Logo } from "./Logo-Dl2xVRIu.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-hdsPF3tl.js";
+import { L as Logo } from "./Logo-BGe7-2Vd.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,
@@ -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-1eaa6fab"]]);
+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/{MainSidebar-zZpP3qQ0.css → MainSidebar-D1_1YFQZ.css}

@@ -748,10 +748,10 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.home[data-v-1eaa6fab] {
+.home[data-v-f02e68ce] {
   padding: 0 var(--spacing-xs);
 }
-.home[data-v-1eaa6fab] .el-menu-item {
+.home[data-v-f02e68ce] .el-menu-item {
   padding: var(--spacing-m) var(--spacing-xs) !important;
 }/* BEM support Func
  -------------------------- */

package/dist/assets/{NodeCreation-BEjdAYc_.js → NodeCreation-nHiG-Lhi.js}

@@ -1,6 +1,5 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreator-cEUgbAI9.js","assets/index-B6eunbxp.js","assets/index-DCpy4nCU.css","assets/useCanvasOperations-DaP5jKbH.js","assets/NodeCreator-D9fmPdS2.css"])))=>i.map(i=>d[i]);
-import { bz as useNodeTypesStore, q as computed, c as useI18n, Q as useWorkflowsStore, fn as MANUAL_TRIGGER_NODE_TYPE, hH as CHAIN_LLM_LANGCHAIN_NODE_TYPE, bm as NodeConnectionTypes, bk as CHAT_TRIGGER_NODE_TYPE, hI as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, hJ as OPEN_AI_NODE_TYPE, ff as SPLIT_IN_BATCHES_NODE_TYPE, hK as NO_OP_NODE_TYPE, fi as WEBHOOK_NODE_TYPE, fp as SCHEDULE_TRIGGER_NODE_TYPE, aP as useExternalHooks, $ as useCanvasStore, eJ as AI_CATEGORY_LANGUAGE_MODELS, hL as QA_CHAIN_NODE_TYPE, hM as AGENT_NODE_TYPE, hN as BASIC_CHAIN_NODE_TYPE, hO as OPEN_AI_ASSISTANT_NODE_TYPE, ay as STICKY_NODE_TYPE, fl as TRIGGER_NODE_CREATOR_VIEW, ca 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, c3 as defineAsyncComponent, c2 as Suspense, F as Fragment, ao as __vitePreload, hP as getMidCanvasPosition, hQ as DEFAULT_STICKY_WIDTH, hR as DEFAULT_STICKY_HEIGHT, _ as _export_sfc } from "./index-B6eunbxp.js";
-import { a as useNodeCreatorStore, t as transformNodeType, s as sortNodeCreateElements } from "./useCanvasOperations-DaP5jKbH.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreator-weAzsmlU.js","assets/index-hdsPF3tl.js","assets/index-BA8d2DN9.css","assets/NodeCreator-D18StsVZ.css"])))=>i.map(i=>d[i]);
+import { bT as useNodeCreatorStore, bz as useNodeTypesStore, q as computed, c as useI18n, Q as useWorkflowsStore, gF as MANUAL_TRIGGER_NODE_TYPE, gG as CHAIN_LLM_LANGCHAIN_NODE_TYPE, by as NodeConnectionTypes, c4 as CHAT_TRIGGER_NODE_TYPE, gH as OPEN_AI_NODE_MESSAGE_ASSISTANT_TYPE, gI as OPEN_AI_NODE_TYPE, gJ as SPLIT_IN_BATCHES_NODE_TYPE, gK as NO_OP_NODE_TYPE, gL as WEBHOOK_NODE_TYPE, gM as SCHEDULE_TRIGGER_NODE_TYPE, gN as transformNodeType, aP as useExternalHooks, $ as useCanvasStore, gO as AI_CATEGORY_LANGUAGE_MODELS, gP as QA_CHAIN_NODE_TYPE, gQ as AGENT_NODE_TYPE, gR as BASIC_CHAIN_NODE_TYPE, gS as OPEN_AI_ASSISTANT_NODE_TYPE, ay as STICKY_NODE_TYPE, gT as sortNodeCreateElements, gU as TRIGGER_NODE_CREATOR_VIEW, ch as NODE_CREATOR_OPEN_SOURCES, d as defineComponent, H as useUIStore, r as ref, bO 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, bL as KeyboardShortcutTooltip, ca as defineAsyncComponent, c9 as Suspense, F as Fragment, ao as __vitePreload, gV as getMidCanvasPosition, gW as DEFAULT_STICKY_WIDTH, gX as DEFAULT_STICKY_HEIGHT, _ as _export_sfc } from "./index-hdsPF3tl.js";
 const useActions = () => {
   const nodeCreatorStore = useNodeCreatorStore();
   const nodeTypesStore = useNodeTypesStore();
@@ -241,7 +240,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["addNodes", "toggleNodeCreator"],
   setup(__props, { emit: __emit }) {
     const LazyNodeCreator = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeCreator-cEUgbAI9.js"), true ? __vite__mapDeps([0,1,2,3,4]) : void 0)
+      async () => await __vitePreload(() => import("./NodeCreator-weAzsmlU.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
     );
     const props = __props;
     const emit = __emit;
@@ -284,12 +283,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");