n8n-editor-ui 1.106.1 → 1.107.0

package/dist/assets/{WorkflowsView-Dp2UtSsK.js → WorkflowsView-Cj7NMxOp.js}

@@ -1,14 +1,15 @@
-import { d as defineComponent, a6 as useRoute, b as useRouter, ah as useFoldersStore, r as ref, x as computed, c as useI18n, ar as ProjectTypes, V as VIEWS, O as resolveComponent, h as createElementBlock, g as openBlock, i as createVNode, w as withCtx, s as N8nCard, n as normalizeClass, j as createBaseVNode, f as createCommentVNode, e as createBlock, fS as ProjectCardBadge, l as unref, aJ as ResourceType, e5 as N8nActionToggle, bS as withModifiers, p as N8nText, k as createTextVNode, t as toDisplayString, eA as _sfc_main$5, m as N8nHeading, aw as N8nBadge, N as N8nIcon, _ as _export_sfc, a as useToast, v as useSettingsStore, T as useUIStore, u as useUsersStore, a5 as useWorkflowsStore, ag as useProjectsStore, an as getResourcePermissions, fJ as dateFormat, aV as withDirectives, aW as vShow, az as WORKFLOW_SHARE_MODAL_KEY, aA as useTelemetry, aI as DUPLICATE_MODAL_KEY, aC as useMessage, aD as MODAL_CONFIRM, aK as PROJECT_MOVE_RESOURCE_MODAL, fT as FOLDER_NAME_ILLEGAL_CHARACTERS_REGEX, fU as ILLEGAL_FOLDER_CHARACTERS, fV as FOLDER_NAME_ONLY_DOTS_REGEX, fW as FOLDER_NAME_MAX_LENGTH, a3 as defineStore, d5 as usePostHog, b6 as useCloudPlanStore, be as useTemplatesStore, b7 as useStorage, fX as LOCAL_STORAGE_EXPERIMENTAL_DISMISSED_SUGGESTED_WORKFLOWS, dc as jsonParse, ab as watch, fd as TEMPLATE_ONBOARDING_EXPERIMENT, a8 as STORES, dk as N8nCallout, a2 as N8nLink, J as renderSlot, af as useSourceControlStore, R as useTagsStore, eQ as useUsageStore, fY as useInsightsStore, aj as useDocumentTitle, S as useDebounce, aq as EnterpriseEditionFeature, fZ as isExtraTemplateLinksExperimentEnabled, o as onMounted, Q as createEventBus, I as onBeforeUnmount, L as debounce, f_ as PROJECT_ROOT, as as useTemplateRef, bi as createSlots, $ as N8nTooltip, q as N8nButton, dQ as N8nActionBox, dZ as N8nInputLabel, av as _sfc_main$7, e0 as N8nSelect, F as Fragment, y as renderList, e1 as _sfc_main$8, eO as N8nCheckbox, f$ as Draggable, dC as N8nLoading, at as InlineRename, g0 as DEFAULT_WORKFLOW_PAGE_SIZE, bm as trackTemplatesClick, bn as TemplateClickSource, dn as getEasyAiWorkflowJson, eS as COMMUNITY_PLUS_ENROLLMENT_MODAL } from "./index-BoUr_2PB.js";
-import { _ as _sfc_main$6 } from "./EmptySharedSectionActionBox.vue_vue_type_script_setup_true_lang-DI7KmJ0_.js";
-import { B as Breadcrumbs, W as WorkflowActivator, _ as __unplugin_components_0 } from "./WorkflowActivator-By2YPIxR.js";
-import { R as ResourcesListLayout } from "./ResourcesListLayout-DwQ-KO8O.js";
-import { P as ProjectHeader } from "./ProjectHeader-CPQrclqi.js";
-import { T as Tags } from "./Tags-DgGumzup.js";
-import { u as useProjectPages } from "./useProjectPages-BJ7N1xfl.js";
-import { u as useAITemplatesStarterCollectionStore, a as useReadyToRunWorkflowsStore } from "./readyToRunWorkflows.store-BujC1ADB.js";
-import { I as InsightsSummary } from "./InsightsSummary-C2OXzc3_.js";
-import "./useWorkflowActivate-DZbVs_iD.js";
-import "./TableBase-j-43b-BE.js";
+import { d as defineComponent, aa as useRoute, b as useRouter, aw as useFoldersStore, r as ref, x as computed, c as useI18n, aG as ProjectTypes, V as VIEWS, T as resolveComponent, h as createElementBlock, g as openBlock, i as createVNode, w as withCtx, s as N8nCard, n as normalizeClass, j as createBaseVNode, f as createCommentVNode, e as createBlock, f_ as ProjectCardBadge, l as unref, aU as ResourceType, eb as N8nActionToggle, B as withModifiers, p as N8nText, k as createTextVNode, t as toDisplayString, eI as _sfc_main$7, m as N8nHeading, aL as N8nBadge, N as N8nIcon, _ as _export_sfc, a as useToast, v as useSettingsStore, Z as useUIStore, u as useUsersStore, a9 as useWorkflowsStore, av as useProjectsStore, aC as getResourcePermissions, fS as dateFormat, b4 as withDirectives, b5 as vShow, aO as WORKFLOW_SHARE_MODAL_KEY, ap as useTelemetry, aT as DUPLICATE_MODAL_KEY, aq as useMessage, ar as MODAL_CONFIRM, aV as PROJECT_MOVE_RESOURCE_MODAL, f$ as FOLDER_NAME_ILLEGAL_CHARACTERS_REGEX, g0 as ILLEGAL_FOLDER_CHARACTERS, g1 as FOLDER_NAME_ONLY_DOTS_REGEX, g2 as FOLDER_NAME_MAX_LENGTH, a7 as defineStore, dd as usePostHog, bh as useCloudPlanStore, bp as useTemplatesStore, bi as useStorage, g3 as LOCAL_STORAGE_EXPERIMENTAL_DISMISSED_SUGGESTED_WORKFLOWS, dk as jsonParse, af as watch, fn as TEMPLATE_ONBOARDING_EXPERIMENT, ac as STORES, z as N8nCallout, C as N8nLink, Q as renderSlot, ah as useNodeTypesStore, g4 as usePersonalizedTemplatesV2Store, o as onMounted, c0 as NodeIcon, g5 as EXPERIMENT_TEMPLATE_RECO_V2_KEY, F as Fragment, A as renderList, aj as useSourceControlStore, X as useTagsStore, eY as useUsageStore, g6 as useInsightsStore, ay as useDocumentTitle, Y as useDebounce, aF as EnterpriseEditionFeature, g7 as isExtraTemplateLinksExperimentEnabled, W as createEventBus, P as onBeforeUnmount, S as debounce, g8 as PROJECT_ROOT, aH as useTemplateRef, bt as createSlots, a4 as N8nTooltip, q as N8nButton, cQ as InfoTip, dW as N8nActionBox, e3 as N8nInputLabel, aK as _sfc_main$9, e6 as N8nSelect, e7 as _sfc_main$a, eW as N8nCheckbox, g9 as Draggable, dI as N8nLoading, aI as InlineRename, ga as DEFAULT_WORKFLOW_PAGE_SIZE, bx as trackTemplatesClick, by as TemplateClickSource, gb as getEasyAiWorkflowJson, e_ as COMMUNITY_PLUS_ENROLLMENT_MODAL } from "./index-DDSBmiav.js";
+import { _ as _sfc_main$8 } from "./EmptySharedSectionActionBox.vue_vue_type_script_setup_true_lang-DWVikcET.js";
+import { B as Breadcrumbs, W as WorkflowActivator, _ as __unplugin_components_0 } from "./WorkflowActivator-Gdx2psBe.js";
+import { R as ResourcesListLayout } from "./ResourcesListLayout-DBQ41l-N.js";
+import { P as ProjectHeader } from "./ProjectHeader-BmTqrjC0.js";
+import { T as Tags } from "./Tags-BDQ6pSco.js";
+import { u as useProjectPages } from "./useProjectPages-CGM579dS.js";
+import { u as useAITemplatesStarterCollectionStore, a as useReadyToRunWorkflowsStore } from "./readyToRunWorkflows.store-6LXk59HV.js";
+import { I as InsightsSummary } from "./InsightsSummary-B-mKtkfy.js";
+import "./useWorkflowActivate-DVGKXFvY.js";
+import "./TableBase-IV317tIn.js";
+import "./Tag-Bs4tMVi1.js";
 const FOLDER_LIST_ITEM_ACTIONS = {
   OPEN: "open",
   CREATE: "create",
@@ -17,9 +18,9 @@ const FOLDER_LIST_ITEM_ACTIONS = {
   MOVE: "move",
   DELETE: "delete"
 };
-const _hoisted_1$2 = { "data-test-id": "folder-card" };
+const _hoisted_1$3 = { "data-test-id": "folder-card" };
 const _hoisted_2$1 = { key: 0 };
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   __name: "FolderCard",
   props: {
     data: {},
@@ -115,13 +116,13 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       const _component_n8n_heading = N8nHeading;
       const _component_N8nBadge = N8nBadge;
       const _component_n8n_text = N8nText;
-      const _component_TimeAgo = _sfc_main$5;
+      const _component_TimeAgo = _sfc_main$7;
       const _component_n8n_breadcrumbs = Breadcrumbs;
       const _component_ProjectCardBadge = ProjectCardBadge;
       const _component_n8n_action_toggle = N8nActionToggle;
       const _component_n8n_card = N8nCard;
       const _component_router_link = resolveComponent("router-link");
-      return openBlock(), createElementBlock("div", _hoisted_1$2, [
+      return openBlock(), createElementBlock("div", _hoisted_1$3, [
         createVNode(_component_router_link, {
           to: cardUrl.value,
           onClick: _cache[1] || (_cache[1] = () => emit("folderOpened", { folder: props.data }))
@@ -289,7 +290,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
 });
 const card = "_card_pt4ir_123";
 const cardBadge$1 = "_cardBadge_pt4ir_157";
-const style0$4 = {
+const style0$6 = {
   card,
   "folder-icon": "_folder-icon_pt4ir_131",
   "card-header": "_card-header_pt4ir_140",
@@ -300,11 +301,11 @@ const style0$4 = {
   "card-actions": "_card-actions_pt4ir_164",
   "info-cell--created": "_info-cell--created_pt4ir_182"
 };
-const cssModules$4 = {
-  "$style": style0$4
+const cssModules$6 = {
+  "$style": style0$6
 };
-const __unplugin_components_4 = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__cssModules", cssModules$4]]);
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const __unplugin_components_4 = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__cssModules", cssModules$6]]);
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "WorkflowCard",
   props: {
     data: {},
@@ -742,7 +743,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
               default: withCtx(() => [
                 withDirectives(createBaseVNode("span", null, [
                   createTextVNode(toDisplayString(unref(locale).baseText("workflows.item.updated")) + " ", 1),
-                  createVNode(_sfc_main$5, {
+                  createVNode(_sfc_main$7, {
                     date: String(_ctx.data.updatedAt)
                   }, null, 8, ["date"]),
                   _cache[1] || (_cache[1] = createTextVNode(" | "))
@@ -786,7 +787,7 @@ const cardActions = "_cardActions_ycbf3_158";
 const cardBadge = "_cardBadge_ycbf3_168";
 const cardArchived = "_cardArchived_ycbf3_179";
 const breadcrumbs = "_breadcrumbs_ycbf3_197";
-const style0$3 = {
+const style0$5 = {
   cardLink,
   cardHeading,
   cardHeadingArchived,
@@ -798,10 +799,10 @@ const style0$3 = {
   cardArchived,
   breadcrumbs
 };
-const cssModules$3 = {
-  "$style": style0$3
+const cssModules$5 = {
+  "$style": style0$5
 };
-const WorkflowCard = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__cssModules", cssModules$3]]);
+const WorkflowCard = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__cssModules", cssModules$5]]);
 function isDropTarget(target) {
   return target.type === "folder" || target.type === "project";
 }
@@ -1054,7 +1055,7 @@ const usePersonalizedTemplatesStore = defineStore(STORES.PERSONALIZED_TEMPLATES,
     getTemplateRoute
   };
 });
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "SuggestedWorkflowCard",
   props: {
     data: {}
@@ -1121,32 +1122,148 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const style0$2 = {
+const style0$4 = {
   "suggested-workflow-callout": "_suggested-workflow-callout_1alzo_123",
   "callout-content": "_callout-content_1alzo_129",
   "callout-trailing-content": "_callout-trailing-content_1alzo_133"
 };
-const cssModules$2 = {
-  "$style": style0$2
+const cssModules$4 = {
+  "$style": style0$4
 };
-const SuggestedWorkflowCard = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$2]]);
-const style0$1 = {
+const SuggestedWorkflowCard = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__cssModules", cssModules$4]]);
+const style0$3 = {
   "suggested-workflows": "_suggested-workflows_t3ed6_123"
 };
-const _sfc_main$1 = {};
-const _hoisted_1$1 = {
+const _sfc_main$3 = {};
+const _hoisted_1$2 = {
   class: "suggested-workflows",
   "data-test-id": "suggested-workflows"
 };
 function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$1, [
+  return openBlock(), createElementBlock("div", _hoisted_1$2, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
+const cssModules$3 = {
+  "$style": style0$3
+};
+const SuggestedWorkflows = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render], ["__cssModules", cssModules$3]]);
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "NodeRecommendationCard",
+  props: {
+    nodeName: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const uiStore = useUIStore();
+    const nodeTypesStore = useNodeTypesStore();
+    const { trackMinicardClick } = usePersonalizedTemplatesV2Store();
+    const nodeType = computed(() => nodeTypesStore.getNodeType(props.nodeName));
+    const openModal = () => {
+      trackMinicardClick(nodeType.value?.displayName ?? props.nodeName);
+      uiStore.openModalWithData({
+        name: EXPERIMENT_TEMPLATE_RECO_V2_KEY,
+        data: { nodeName: props.nodeName }
+      });
+    };
+    onMounted(async () => {
+      await nodeTypesStore.loadNodeTypesIfNotLoaded();
+    });
+    return (_ctx, _cache) => {
+      const _component_NodeIcon = NodeIcon;
+      const _component_N8nText = N8nText;
+      const _component_N8nCard = N8nCard;
+      return openBlock(), createElementBlock("div", null, [
+        createVNode(_component_N8nCard, {
+          class: normalizeClass(_ctx.$style.nodeCard),
+          hoverable: "",
+          onClick: openModal
+        }, {
+          default: withCtx(() => [
+            createBaseVNode("div", {
+              class: normalizeClass(_ctx.$style.emptyStateCardContent)
+            }, [
+              createVNode(_component_NodeIcon, {
+                "node-type": nodeType.value,
+                class: normalizeClass(_ctx.$style.nodeIcon),
+                "stroke-width": 1.5
+              }, null, 8, ["node-type", "class"]),
+              createVNode(_component_N8nText, {
+                size: "xsmall",
+                class: "mt-xs pl-2xs pr-2xs",
+                bold: true
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(nodeType.value?.displayName), 1)
+                ]),
+                _: 1
+              })
+            ], 2)
+          ]),
+          _: 1
+        }, 8, ["class"])
+      ]);
+    };
+  }
+});
+const nodeCard = "_nodeCard_1ub18_123";
+const nodeIcon = "_nodeIcon_1ub18_133";
+const emptyStateCardContent$1 = "_emptyStateCardContent_1ub18_137";
+const style0$2 = {
+  nodeCard,
+  nodeIcon,
+  emptyStateCardContent: emptyStateCardContent$1
+};
+const cssModules$2 = {
+  "$style": style0$2
+};
+const NodeRecommendationCard = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$2]]);
+const _hoisted_1$1 = {
+  key: 0,
+  class: "text-center mt-3xl",
+  "data-test-id": "list-empty-state"
+};
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "TemplateRecommendationV2",
+  setup(__props) {
+    const templateRecoV2Store = usePersonalizedTemplatesV2Store();
+    const locale = useI18n();
+    return (_ctx, _cache) => {
+      const _component_N8nHeading = N8nHeading;
+      return unref(templateRecoV2Store).nodes.length ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+        createVNode(_component_N8nHeading, {
+          tag: "h2",
+          size: "medium",
+          class: "mb-2xs",
+          color: "text-light"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(locale).baseText("workflows.templateRecoV2.exploreTemplates")), 1)
+          ]),
+          _: 1
+        }),
+        createBaseVNode("div", {
+          class: normalizeClass(_ctx.$style.nodeCardsContainer)
+        }, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(unref(templateRecoV2Store).nodes, (node) => {
+            return openBlock(), createBlock(NodeRecommendationCard, {
+              key: node,
+              "node-name": node
+            }, null, 8, ["node-name"]);
+          }), 128))
+        ], 2)
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+const nodeCardsContainer = "_nodeCardsContainer_7g2he_123";
+const style0$1 = {
+  nodeCardsContainer
+};
 const cssModules$1 = {
   "$style": style0$1
 };
-const SuggestedWorkflows = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render], ["__cssModules", cssModules$1]]);
+const TemplateRecommendationV2 = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1]]);
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = { key: 0 };
 const _hoisted_3 = { key: 1 };
@@ -1199,6 +1316,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const aiStarterTemplatesStore = useAITemplatesStarterCollectionStore();
     const personalizedTemplatesStore = usePersonalizedTemplatesStore();
     const readyToRunWorkflowsStore = useReadyToRunWorkflowsStore();
+    const personalizedTemplatesV2Store = usePersonalizedTemplatesV2Store();
     const documentTitle = useDocumentTitle();
     const { callDebounced } = useDebounce();
     const projectPages = useProjectPages();
@@ -1397,6 +1515,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const hasFilters = computed(() => {
       return !!(filters.value.search || filters.value.status !== StatusFilter.ALL || filters.value.showArchived || filters.value.tags.length);
     });
+    const showArchivedOnlyHint = computed(() => {
+      return workflowsAndFolders.value.length === 0 && !hasFilters.value && !filters.value.showArchived && foldersStore.totalWorkflowCount > 0;
+    });
     const isSelfHostedDeployment = computed(() => settingsStore.deploymentType === "default");
     const canUserRegisterCommunityPlus = computed(
       () => getResourcePermissions(usersStore.currentUser?.globalScopes).community.register
@@ -1454,6 +1575,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         deleted_sub_workflows: payload.workflowCount
       });
     };
+    const showInsights = computed(() => {
+      return projectPages.isOverviewSubPage && insightsStore.isSummaryEnabled && (!personalizedTemplatesV2Store.isFeatureEnabled() || workflowListResources.value.length > 0);
+    });
+    const showTemplateRecommendationV2 = computed(() => {
+      return personalizedTemplatesV2Store.isFeatureEnabled() && !loading.value;
+    });
     onMounted(async () => {
       documentTitle.set(i18n.baseText("workflows.heading"));
       void usersStore.showPersonalizationSurvey();
@@ -1769,6 +1896,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         return;
       }
     };
+    const dismissStarterCollectionCallout = () => {
+      aiStarterTemplatesStore.dismissCallout();
+      aiStarterTemplatesStore.trackUserDismissedCallout();
+    };
+    const dismissEasyAICallout = () => {
+      easyAICalloutVisible.value = false;
+    };
     const openAIWorkflow = async (source) => {
       dismissEasyAICallout();
       telemetry.track("User clicked test AI workflow", {
@@ -1781,12 +1915,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         query: { fromJson: "true", parentFolderId: route.params.folderId }
       });
     };
-    const dismissStarterCollectionCallout = () => {
-      aiStarterTemplatesStore.dismissCallout();
-      aiStarterTemplatesStore.trackUserDismissedCallout();
-    };
-    const dismissEasyAICallout = () => {
-      easyAICalloutVisible.value = false;
+    const onShowArchived = async () => {
+      filters.value.showArchived = true;
+      await onFiltersUpdated();
     };
     const handleDismissReadyToRunCallout = () => {
       readyToRunWorkflowsStore.dismissCallout();
@@ -2413,8 +2544,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_n8n_loading = N8nLoading;
       const _component_FolderBreadcrumbs = __unplugin_components_0;
       const _component_FolderCard = __unplugin_components_4;
-      const _component_EmptySharedSectionActionBox = _sfc_main$6;
+      const _component_EmptySharedSectionActionBox = _sfc_main$8;
       const _component_N8nCheckbox = N8nCheckbox;
+      const _component_N8nLink = N8nLink;
+      const _component_N8nInfoTip = InfoTip;
       const _component_N8nActionBox = N8nActionBox;
       return openBlock(), createBlock(ResourcesListLayout, {
         filters: filters.value,
@@ -2443,7 +2576,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         header: withCtx(() => [
           createVNode(ProjectHeader, { onCreateFolder: createFolderInCurrent }, {
             default: withCtx(() => [
-              unref(projectPages).isOverviewSubPage && unref(insightsStore).isSummaryEnabled ? (openBlock(), createBlock(InsightsSummary, {
+              showInsights.value ? (openBlock(), createBlock(InsightsSummary, {
                 key: 0,
                 loading: unref(insightsStore).weeklySummary.isLoading,
                 summary: unref(insightsStore).weeklySummary.state,
@@ -2900,7 +3033,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               }, 8, ["class"])) : createCommentVNode("", true)
-            ], 2)) : createCommentVNode("", true)
+            ], 2)) : createCommentVNode("", true),
+            showTemplateRecommendationV2.value ? (openBlock(), createBlock(TemplateRecommendationV2, { key: 1 })) : createCommentVNode("", true)
           ]))
         ]),
         filters: withCtx(({ setKeyValue }) => [
@@ -2912,7 +3046,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               color: "text-base",
               class: "mb-3xs"
             }, null, 8, ["label"]),
-            createVNode(_sfc_main$7, {
+            createVNode(_sfc_main$9, {
               placeholder: unref(i18n).baseText("workflowOpen.filterWorkflows"),
               "model-value": filters.value.tags,
               "create-enabled": false,
@@ -2934,7 +3068,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, {
               default: withCtx(() => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(statusFilterOptions.value, (option) => {
-                  return openBlock(), createBlock(unref(_sfc_main$8), {
+                  return openBlock(), createBlock(unref(_sfc_main$a), {
                     key: option.label,
                     label: option.label,
                     value: option.value,
@@ -2960,12 +3094,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             class: normalizeClass(_ctx.$style["empty-folder-container"]),
             "data-test-id": "empty-folder-container"
           }, [
-            unref(projectPages).isSharedSubPage && personalProject.value ? (openBlock(), createBlock(_component_EmptySharedSectionActionBox, {
+            showArchivedOnlyHint.value ? (openBlock(), createBlock(_component_N8nInfoTip, {
               key: 0,
+              bold: false
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(i18n).baseText("workflows.archivedOnly.hint")) + " ", 1),
+                createVNode(_component_N8nLink, {
+                  size: "small",
+                  "data-test-id": "show-archived-link",
+                  onClick: onShowArchived
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(unref(i18n).baseText("workflows.archivedOnly.hint.link")), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            })) : createCommentVNode("", true),
+            unref(projectPages).isSharedSubPage && personalProject.value ? (openBlock(), createBlock(_component_EmptySharedSectionActionBox, {
+              key: 1,
               "personal-project": personalProject.value,
               "resource-type": "workflows"
             }, null, 8, ["personal-project"])) : currentFolder.value ? (openBlock(), createBlock(_component_N8nActionBox, {
-              key: 1,
+              key: 2,
               "data-test-id": "empty-folder-action-box",
               heading: unref(i18n).baseText("folders.empty.actionbox.title", {
                 interpolate: { folderName: currentFolder.value.name }