n8n-editor-ui 1.113.0 → 1.114.0

package/dist/assets/{WorkflowsView-DfkdEDYd.js → WorkflowsView-DyYy_N8O.js}

@@ -1,17 +1,17 @@
-import { d as defineComponent, a3 as useRoute, b as useRouter, aw as useFoldersStore, r as ref, x as computed, c as useI18n, aG as ProjectTypes, V as VIEWS, a9 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, gb as ProjectCardBadge, l as unref, aT as ResourceType, ej as N8nActionToggle, B as withModifiers, p as N8nText, k as createTextVNode, t as toDisplayString, eQ as _sfc_main$8, m as N8nHeading, aL as N8nBadge, N as N8nIcon, _ as _export_sfc, a as useToast, v as useSettingsStore, Q as useUIStore, u as useUsersStore, a2 as useWorkflowsStore, av as useProjectsStore, aC as getResourcePermissions, g2 as dateFormat, b3 as withDirectives, b4 as vShow, aO as WORKFLOW_SHARE_MODAL_KEY, am as useTelemetry, aS as DUPLICATE_MODAL_KEY, an as useMessage, ao as MODAL_CONFIRM, aU as PROJECT_MOVE_RESOURCE_MODAL, gc as FOLDER_NAME_ILLEGAL_CHARACTERS_REGEX, gd as ILLEGAL_FOLDER_CHARACTERS, ge as FOLDER_NAME_ONLY_DOTS_REGEX, gf as FOLDER_NAME_MAX_LENGTH, a0 as defineStore, di as usePostHog, bc as useCloudPlanStore, bl as useTemplatesStore, bd as useStorage, gg as LOCAL_STORAGE_EXPERIMENTAL_DISMISSED_SUGGESTED_WORKFLOWS, dq as jsonParse, a8 as watch, fu as TEMPLATE_ONBOARDING_EXPERIMENT, a5 as STORES, z as N8nCallout, C as N8nLink, Y as renderSlot, ae as useNodeTypesStore, bm as usePersonalizedTemplatesV2Store, o as onMounted, bY as NodeIcon, bw as EXPERIMENT_TEMPLATE_RECO_V2_KEY, F as Fragment, A as renderList, ag as useSourceControlStore, bn as useCalloutHelpers, as as useTagsStore, f5 as useUsageStore, gh as useInsightsStore, ay as useDocumentTitle, P as useDebounce, aF as EnterpriseEditionFeature, gi as isExtraTemplateLinksExperimentEnabled, ar as createEventBus, X as onBeforeUnmount, ap as debounce, gj as PROJECT_ROOT, aH as useTemplateRef, bs as createSlots, aa as Tooltip, q as N8nButton, cV as InfoTip, e0 as N8nActionBox, e9 as N8nInputLabel, aK as _sfc_main$a, ec as N8nSelect, ed as _sfc_main$b, f3 as N8nCheckbox, gk as Draggable, dO as N8nLoading, aI as InlineRename, gl as DEFAULT_WORKFLOW_PAGE_SIZE, bx as trackTemplatesClick, by as TemplateClickSource, gm as getEasyAiWorkflowJson, f7 as COMMUNITY_PLUS_ENROLLMENT_MODAL } from "./index-DGLJxfnn.js";
-import { _ as _sfc_main$9 } from "./EmptySharedSectionActionBox.vue_vue_type_script_setup_true_lang-BfHfE-dU.js";
-import { B as Breadcrumbs } from "./ProjectBreadcrumb-DdovGxoT.js";
-import { W as WorkflowActivator, _ as __unplugin_components_0 } from "./WorkflowActivator-2k4uBcXx.js";
-import { R as ResourcesListLayout } from "./ResourcesListLayout-CFoOOQpo.js";
-import { P as ProjectHeader } from "./ProjectHeader-CmNr3RiV.js";
-import { T as Tags } from "./Tags-DHmekS5b.js";
-import { u as useProjectPages } from "./useProjectPages-eaNvpOz-.js";
-import { u as useAITemplatesStarterCollectionStore, a as useReadyToRunWorkflowsStore } from "./readyToRunWorkflows.store-By37rv7G.js";
-import { u as useReadyToRunWorkflowsV2Store } from "./readyToRunWorkflowsV2.store-Dl9lSVnl.js";
-import { I as InsightsSummary } from "./InsightsSummary-BWRporX0.js";
-import "./useWorkflowActivate-ByzVgA6z.js";
-import "./TableBase-J7qyS7Oi.js";
-import "./PageViewLayout-_SQAsKsq.js";
+import { d as defineComponent, a3 as useRoute, b as useRouter, aw as useFoldersStore, r as ref, x as computed, c as useI18n, aG as ProjectTypes, V as VIEWS, a9 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, gf as ProjectCardBadge, l as unref, aT as ResourceType, en as N8nActionToggle, B as withModifiers, p as N8nText, k as createTextVNode, t as toDisplayString, eU as _sfc_main$a, m as N8nHeading, aL as N8nBadge, N as N8nIcon, _ as _export_sfc, a as useToast, Q as useUIStore, u as useUsersStore, a2 as useWorkflowsStore, av as useProjectsStore, aC as getResourcePermissions, g6 as dateFormat, b3 as withDirectives, b4 as vShow, aa as Tooltip, aO as WORKFLOW_SHARE_MODAL_KEY, am as useTelemetry, aS as DUPLICATE_MODAL_KEY, an as useMessage, ao as MODAL_CONFIRM, aU as PROJECT_MOVE_RESOURCE_MODAL, gg as FOLDER_NAME_ILLEGAL_CHARACTERS_REGEX, gh as ILLEGAL_FOLDER_CHARACTERS, gi as FOLDER_NAME_ONLY_DOTS_REGEX, gj as FOLDER_NAME_MAX_LENGTH, a0 as defineStore, dl as usePostHog, bc as useCloudPlanStore, bo as useTemplatesStore, bd as useStorage, gk as LOCAL_STORAGE_EXPERIMENTAL_DISMISSED_SUGGESTED_WORKFLOWS, dt as jsonParse, a8 as watch, fy as TEMPLATE_ONBOARDING_EXPERIMENT, a5 as STORES, z as N8nCallout, C as N8nLink, Y as renderSlot, ae as useNodeTypesStore, bp as usePersonalizedTemplatesV2Store, o as onMounted, c0 as NodeIcon, bC as EXPERIMENT_TEMPLATE_RECO_V2_KEY, F as Fragment, A as renderList, bl as usePersonalizedTemplatesV3Store, bz as EXPERIMENT_TEMPLATE_RECO_V3_KEY, ag as useSourceControlStore, bq as useCalloutHelpers, v as useSettingsStore, as as useTagsStore, f9 as useUsageStore, gl as useInsightsStore, ay as useDocumentTitle, P as useDebounce, aF as EnterpriseEditionFeature, gm as isExtraTemplateLinksExperimentEnabled, ar as createEventBus, X as onBeforeUnmount, ap as debounce, gn as PROJECT_ROOT, aH as useTemplateRef, bv as createSlots, q as N8nButton, cZ as InfoTip, e4 as N8nActionBox, ed as N8nInputLabel, aK as _sfc_main$c, eg as N8nSelect, eh as _sfc_main$d, f7 as N8nCheckbox, go as Draggable, dS as N8nLoading, aI as InlineRename, gp as DEFAULT_WORKFLOW_PAGE_SIZE, bA as trackTemplatesClick, bB as TemplateClickSource, gq as getEasyAiWorkflowJson, fb as COMMUNITY_PLUS_ENROLLMENT_MODAL } from "./index-BOW55EQc.js";
+import { _ as _sfc_main$b } from "./EmptySharedSectionActionBox.vue_vue_type_script_setup_true_lang-Ber_ThA-.js";
+import { B as Breadcrumbs } from "./ProjectBreadcrumb-BO4fGsZ-.js";
+import { W as WorkflowActivator, _ as __unplugin_components_0 } from "./WorkflowActivator-ULjjOqRW.js";
+import { R as ResourcesListLayout } from "./ResourcesListLayout-Dpz7rW4E.js";
+import { P as ProjectHeader } from "./ProjectHeader-DeQSPU2Z.js";
+import { T as Tags } from "./Tags-BXpnsQt9.js";
+import { u as useProjectPages } from "./useProjectPages-D2nu5pZ9.js";
+import { u as useAITemplatesStarterCollectionStore, a as useReadyToRunWorkflowsStore } from "./readyToRunWorkflows.store-C7dZP8KI.js";
+import { u as useReadyToRunWorkflowsV2Store } from "./readyToRunWorkflowsV2.store-BJY-F_Le.js";
+import { I as InsightsSummary } from "./InsightsSummary-B_lIzS7D.js";
+import "./useWorkflowActivate-Ch6gRZjX.js";
+import "./TableBase-CtxQxn5Y.js";
+import "./PageViewLayout-BIOAQYgC.js";
 const FOLDER_LIST_ITEM_ACTIONS = {
   OPEN: "open",
   CREATE: "create",
@@ -20,9 +20,9 @@ const FOLDER_LIST_ITEM_ACTIONS = {
   MOVE: "move",
   DELETE: "delete"
 };
-const _hoisted_1$3 = { "data-test-id": "folder-card" };
+const _hoisted_1$5 = { "data-test-id": "folder-card" };
 const _hoisted_2$1 = { key: 0 };
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "FolderCard",
   props: {
     data: {},
@@ -114,27 +114,27 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      const _component_n8n_icon = N8nIcon;
-      const _component_n8n_heading = N8nHeading;
+      const _component_N8nIcon = N8nIcon;
+      const _component_N8nHeading = N8nHeading;
       const _component_N8nBadge = N8nBadge;
-      const _component_n8n_text = N8nText;
-      const _component_TimeAgo = _sfc_main$8;
-      const _component_n8n_breadcrumbs = Breadcrumbs;
+      const _component_N8nText = N8nText;
+      const _component_TimeAgo = _sfc_main$a;
+      const _component_N8nBreadcrumbs = 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$3, [
-        createVNode(_component_router_link, {
+      const _component_N8nActionToggle = N8nActionToggle;
+      const _component_N8nCard = N8nCard;
+      const _component_RouterLink = resolveComponent("RouterLink");
+      return openBlock(), createElementBlock("div", _hoisted_1$5, [
+        createVNode(_component_RouterLink, {
           to: cardUrl.value,
           onClick: _cache[1] || (_cache[1] = () => emit("folderOpened", { folder: props.data }))
         }, {
           default: withCtx(() => [
-            createVNode(_component_n8n_card, {
+            createVNode(_component_N8nCard, {
               class: normalizeClass(_ctx.$style.card)
             }, {
               prepend: withCtx(() => [
-                createVNode(_component_n8n_icon, {
+                createVNode(_component_N8nIcon, {
                   "data-test-id": "folder-card-icon",
                   class: normalizeClass(_ctx.$style["folder-icon"]),
                   icon: "folder",
@@ -146,7 +146,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                 createBaseVNode("div", {
                   class: normalizeClass(_ctx.$style["card-header"])
                 }, [
-                  createVNode(_component_n8n_heading, {
+                  createVNode(_component_N8nHeading, {
                     tag: "h2",
                     bold: "",
                     size: "small",
@@ -174,7 +174,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                 createBaseVNode("div", {
                   class: normalizeClass(_ctx.$style["card-footer"])
                 }, [
-                  _ctx.data.workflowCount > 0 ? (openBlock(), createBlock(_component_n8n_text, {
+                  _ctx.data.workflowCount > 0 ? (openBlock(), createBlock(_component_N8nText, {
                     key: 0,
                     size: "small",
                     color: "text-light",
@@ -186,7 +186,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   }, 8, ["class"])) : createCommentVNode("", true),
-                  _ctx.data.subFolderCount > 0 ? (openBlock(), createBlock(_component_n8n_text, {
+                  _ctx.data.subFolderCount > 0 ? (openBlock(), createBlock(_component_N8nText, {
                     key: 1,
                     size: "small",
                     color: "text-light",
@@ -200,7 +200,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   }, 8, ["class"])) : createCommentVNode("", true),
-                  createVNode(_component_n8n_text, {
+                  createVNode(_component_N8nText, {
                     size: "small",
                     color: "text-light",
                     class: normalizeClass([_ctx.$style["info-cell"], _ctx.$style["info-cell--updated"]]),
@@ -214,7 +214,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                     ]),
                     _: 1
                   }, 8, ["class"]),
-                  createVNode(_component_n8n_text, {
+                  createVNode(_component_N8nText, {
                     size: "small",
                     color: "text-light",
                     class: normalizeClass([_ctx.$style["info-cell"], _ctx.$style["info-cell--created"]]),
@@ -253,7 +253,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                           key: 0,
                           class: normalizeClass(_ctx.$style.breadcrumbs)
                         }, [
-                          createVNode(_component_n8n_breadcrumbs, {
+                          createVNode(_component_N8nBreadcrumbs, {
                             items: cardBreadcrumbs.value,
                             "hidden-items": _ctx.data.parentFolder?.parentFolderId !== null ? hiddenBreadcrumbsItemsAsync.value : void 0,
                             "path-truncated": _ctx.data.parentFolder?.parentFolderId !== null,
@@ -272,7 +272,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                       _: 1
                     }, 8, ["class", "resource", "resource-type", "resource-type-label", "personal-project"])
                   ])) : createCommentVNode("", true),
-                  _ctx.actions.length ? (openBlock(), createBlock(_component_n8n_action_toggle, {
+                  _ctx.actions.length ? (openBlock(), createBlock(_component_N8nActionToggle, {
                     key: 1,
                     actions: _ctx.actions,
                     theme: "dark",
@@ -292,7 +292,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
 });
 const card = "_card_pt4ir_123";
 const cardBadge$1 = "_cardBadge_pt4ir_157";
-const style0$7 = {
+const style0$9 = {
   card,
   "folder-icon": "_folder-icon_pt4ir_131",
   "card-header": "_card-header_pt4ir_140",
@@ -303,17 +303,21 @@ const style0$7 = {
   "card-actions": "_card-actions_pt4ir_164",
   "info-cell--created": "_info-cell--created_pt4ir_182"
 };
-const cssModules$7 = {
-  "$style": style0$7
+const cssModules$9 = {
+  "$style": style0$9
 };
-const __unplugin_components_5 = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__cssModules", cssModules$7]]);
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const __unplugin_components_5 = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__cssModules", cssModules$9]]);
+const _hoisted_1$4 = { key: 0 };
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "WorkflowCard",
   props: {
     data: {},
     readOnly: { type: Boolean, default: false },
     workflowListEventBus: { default: void 0 },
-    showOwnershipBadge: { type: Boolean, default: false }
+    showOwnershipBadge: { type: Boolean, default: false },
+    areTagsEnabled: { type: Boolean, default: true },
+    isMcpEnabled: { type: Boolean, default: false },
+    areFoldersEnabled: { type: Boolean, default: false }
   },
   emits: ["expand:tags", "click:tag", "workflow:deleted", "workflow:archived", "workflow:unarchived", "workflow:active-toggle", "action:move-to-folder"],
   setup(__props, { emit: __emit }) {
@@ -325,7 +329,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       ARCHIVE: "archive",
       UNARCHIVE: "unarchive",
       MOVE: "move",
-      MOVE_TO_FOLDER: "moveToFolder"
+      MOVE_TO_FOLDER: "moveToFolder",
+      ENABLE_MCP_ACCESS: "enableMCPAccess",
+      REMOVE_MCP_ACCESS: "removeMCPAccess"
     };
     const props = __props;
     const emit = __emit;
@@ -335,7 +341,6 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     const router = useRouter();
     const route = useRoute();
     const telemetry = useTelemetry();
-    const settingsStore = useSettingsStore();
     const uiStore = useUIStore();
     const usersStore = useUsersStore();
     const workflowsStore = useWorkflowsStore();
@@ -344,11 +349,12 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     const hiddenBreadcrumbsItemsAsync = ref(new Promise(() => {
     }));
     const cachedHiddenBreadcrumbsItems = ref([]);
+    const mcpToggleStatus = ref(null);
     const resourceTypeLabel = computed(() => locale.baseText("generic.workflow").toLowerCase());
     const currentUser = computed(() => usersStore.currentUser ?? {});
     const workflowPermissions = computed(() => getResourcePermissions(props.data.scopes).workflow);
     const showFolders = computed(() => {
-      return settingsStore.isFoldersFeatureEnabled && route.name !== VIEWS.WORKFLOWS;
+      return props.areFoldersEnabled && route.name !== VIEWS.WORKFLOWS;
     });
     const showCardBreadcrumbs = computed(() => {
       return props.showOwnershipBadge && !isSomeoneElsesWorkflow.value && cardBreadcrumbs.value.length;
@@ -418,6 +424,19 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           });
         }
       }
+      if (props.isMcpEnabled && workflowPermissions.value.update && !props.readOnly && !props.data.isArchived) {
+        if (props.data.settings?.availableInMCP) {
+          items.push({
+            label: locale.baseText("workflows.item.disableMCPAccess"),
+            value: WORKFLOW_LIST_ITEM_ACTIONS.REMOVE_MCP_ACCESS
+          });
+        } else {
+          items.push({
+            label: locale.baseText("workflows.item.enableMCPAccess"),
+            value: WORKFLOW_LIST_ITEM_ACTIONS.ENABLE_MCP_ACCESS
+          });
+        }
+      }
       return items;
     });
     const formattedCreatedAtDate = computed(() => {
@@ -427,6 +446,12 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         `d mmmm${String(props.data.createdAt).startsWith(currentYear) ? "" : ", yyyy"}`
       );
     });
+    const isAvailableInMCP = computed(() => {
+      if (mcpToggleStatus.value === null) {
+        return props.data.settings?.availableInMCP ?? false;
+      }
+      return mcpToggleStatus.value;
+    });
     const isSomeoneElsesWorkflow = computed(
       () => props.data.homeProject?.type !== ProjectTypes.Team && props.data.homeProject?.id !== projectsStore.personalProject?.id
     );
@@ -501,6 +526,21 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             sharedWithProjects: props.data.sharedWithProjects
           });
           break;
+        case WORKFLOW_LIST_ITEM_ACTIONS.ENABLE_MCP_ACCESS:
+          await toggleMCPAccess(true);
+          break;
+        case WORKFLOW_LIST_ITEM_ACTIONS.REMOVE_MCP_ACCESS:
+          await toggleMCPAccess(false);
+          break;
+      }
+    }
+    async function toggleMCPAccess(enabled) {
+      try {
+        await workflowsStore.updateWorkflowSetting(props.data.id, "availableInMCP", enabled);
+        mcpToggleStatus.value = enabled;
+      } catch (error) {
+        toast.showError(error, locale.baseText("workflowSettings.toggleMCP.error.title"));
+        return;
       }
     }
     async function deleteWorkflow() {
@@ -626,12 +666,14 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     );
     return (_ctx, _cache) => {
       const _component_N8nBadge = N8nBadge;
-      const _component_n8n_text = N8nText;
-      const _component_n8n_tags = Tags;
-      const _component_n8n_breadcrumbs = Breadcrumbs;
-      const _component_n8n_action_toggle = N8nActionToggle;
-      const _component_n8n_card = N8nCard;
-      return openBlock(), createBlock(_component_n8n_card, {
+      const _component_N8nText = N8nText;
+      const _component_N8nIcon = N8nIcon;
+      const _component_N8nTooltip = Tooltip;
+      const _component_N8nTags = Tags;
+      const _component_N8nBreadcrumbs = Breadcrumbs;
+      const _component_N8nActionToggle = N8nActionToggle;
+      const _component_N8nCard = N8nCard;
+      return openBlock(), createBlock(_component_N8nCard, {
         class: normalizeClass({
           [_ctx.$style.cardLink]: true,
           [_ctx.$style.cardArchived]: _ctx.data.isArchived
@@ -640,7 +682,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         onClick
       }, {
         header: withCtx(() => [
-          createVNode(_component_n8n_text, {
+          createVNode(_component_N8nText, {
             tag: "h2",
             bold: "",
             class: normalizeClass({
@@ -686,7 +728,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                   key: 0,
                   class: normalizeClass(_ctx.$style.breadcrumbs)
                 }, [
-                  createVNode(_component_n8n_breadcrumbs, {
+                  createVNode(_component_N8nBreadcrumbs, {
                     items: cardBreadcrumbs.value,
                     "hidden-items": _ctx.data.parentFolder?.parentFolderId !== null ? hiddenBreadcrumbsItemsAsync.value : void 0,
                     "path-truncated": _ctx.data.parentFolder?.parentFolderId !== null,
@@ -704,7 +746,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["class", "resource", "resource-type", "resource-type-label", "personal-project"])) : createCommentVNode("", true),
-            _ctx.data.isArchived ? (openBlock(), createBlock(_component_n8n_text, {
+            _ctx.data.isArchived ? (openBlock(), createBlock(_component_N8nText, {
               key: 1,
               color: "text-light",
               size: "small",
@@ -726,7 +768,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
               "data-test-id": "workflow-card-activator",
               "onUpdate:workflowActive": emitWorkflowActiveToggle
             }, null, 8, ["is-archived", "workflow-active", "workflow-id", "workflow-permissions"])),
-            createVNode(_component_n8n_action_toggle, {
+            createVNode(_component_N8nActionToggle, {
               actions: actions.value,
               theme: "dark",
               "data-test-id": "workflow-card-actions",
@@ -738,41 +780,56 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
           createBaseVNode("div", {
             class: normalizeClass(_ctx.$style.cardDescription)
           }, [
-            createVNode(_component_n8n_text, {
-              color: "text-light",
-              size: "small"
-            }, {
-              default: withCtx(() => [
-                withDirectives(createBaseVNode("span", null, [
-                  createTextVNode(toDisplayString(unref(locale).baseText("workflows.item.updated")) + " ", 1),
-                  createVNode(_sfc_main$8, {
-                    date: String(_ctx.data.updatedAt)
-                  }, null, 8, ["date"]),
-                  _cache[1] || (_cache[1] = createTextVNode(" | "))
-                ], 512), [
-                  [vShow, _ctx.data]
-                ]),
-                withDirectives(createBaseVNode("span", { class: "mr-2xs" }, toDisplayString(unref(locale).baseText("workflows.item.created")) + " " + toDisplayString(formattedCreatedAtDate.value), 513), [
-                  [vShow, _ctx.data]
+            withDirectives(createBaseVNode("span", null, [
+              createTextVNode(toDisplayString(unref(locale).baseText("workflows.item.updated")) + " ", 1),
+              createVNode(_sfc_main$a, {
+                date: String(_ctx.data.updatedAt)
+              }, null, 8, ["date"]),
+              _cache[1] || (_cache[1] = createTextVNode(" | "))
+            ], 512), [
+              [vShow, _ctx.data]
+            ]),
+            withDirectives(createBaseVNode("span", null, [
+              createTextVNode(toDisplayString(unref(locale).baseText("workflows.item.created")) + " " + toDisplayString(formattedCreatedAtDate.value) + " ", 1),
+              props.isMcpEnabled && isAvailableInMCP.value ? (openBlock(), createElementBlock("span", _hoisted_1$4, "|")) : createCommentVNode("", true)
+            ], 512), [
+              [vShow, _ctx.data]
+            ]),
+            withDirectives(createBaseVNode("span", {
+              class: normalizeClass([_ctx.$style["description-cell"], _ctx.$style["description-cell--mcp"]]),
+              "data-test-id": "workflow-card-mcp"
+            }, [
+              createVNode(_component_N8nTooltip, {
+                placement: "right",
+                content: unref(locale).baseText("workflows.item.availableInMCP"),
+                "data-test-id": "workflow-card-mcp-tooltip"
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_N8nIcon, {
+                    icon: "mcp",
+                    size: "medium"
+                  })
                 ]),
-                unref(settingsStore).areTagsEnabled && _ctx.data.tags && _ctx.data.tags.length > 0 ? withDirectives((openBlock(), createElementBlock("span", {
-                  key: 0,
-                  class: normalizeClass(_ctx.$style.cardTags)
-                }, [
-                  createVNode(_component_n8n_tags, {
-                    tags: tags.value,
-                    "truncate-at": 3,
-                    truncate: "",
-                    "data-test-id": "workflow-card-tags",
-                    "onClick:tag": onClickTag,
-                    onExpand: onExpandTags
-                  }, null, 8, ["tags"])
-                ], 2)), [
-                  [vShow, _ctx.data]
-                ]) : createCommentVNode("", true)
-              ]),
-              _: 1
-            })
+                _: 1
+              }, 8, ["content"])
+            ], 2), [
+              [vShow, props.isMcpEnabled && isAvailableInMCP.value]
+            ]),
+            props.areTagsEnabled && _ctx.data.tags && _ctx.data.tags.length > 0 ? withDirectives((openBlock(), createElementBlock("span", {
+              key: 0,
+              class: normalizeClass(_ctx.$style.cardTags)
+            }, [
+              createVNode(_component_N8nTags, {
+                tags: tags.value,
+                "truncate-at": 3,
+                truncate: "",
+                "data-test-id": "workflow-card-tags",
+                "onClick:tag": onClickTag,
+                onExpand: onExpandTags
+              }, null, 8, ["tags"])
+            ], 2)), [
+              [vShow, _ctx.data]
+            ]) : createCommentVNode("", true)
           ], 2)
         ]),
         _: 1
@@ -780,16 +837,16 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const cardLink = "_cardLink_9y0d7_123";
-const cardHeading = "_cardHeading_9y0d7_133";
-const cardHeadingArchived = "_cardHeadingArchived_9y0d7_142";
-const cardDescription = "_cardDescription_9y0d7_146";
-const cardTags = "_cardTags_9y0d7_153";
-const cardActions = "_cardActions_9y0d7_158";
-const cardBadge = "_cardBadge_9y0d7_169";
-const cardArchived = "_cardArchived_9y0d7_180";
-const breadcrumbs = "_breadcrumbs_9y0d7_198";
-const style0$6 = {
+const cardLink = "_cardLink_otzcc_123";
+const cardHeading = "_cardHeading_otzcc_133";
+const cardHeadingArchived = "_cardHeadingArchived_otzcc_142";
+const cardDescription = "_cardDescription_otzcc_146";
+const cardTags = "_cardTags_otzcc_156";
+const cardActions = "_cardActions_otzcc_161";
+const cardBadge = "_cardBadge_otzcc_172";
+const cardArchived = "_cardArchived_otzcc_183";
+const breadcrumbs = "_breadcrumbs_otzcc_209";
+const style0$8 = {
   cardLink,
   cardHeading,
   cardHeadingArchived,
@@ -797,14 +854,15 @@ const style0$6 = {
   cardTags,
   cardActions,
   cardBadge,
-  "with-breadcrumbs": "_with-breadcrumbs_9y0d7_173",
+  "with-breadcrumbs": "_with-breadcrumbs_otzcc_176",
   cardArchived,
+  "description-cell--mcp": "_description-cell--mcp_otzcc_189",
   breadcrumbs
 };
-const cssModules$6 = {
-  "$style": style0$6
+const cssModules$8 = {
+  "$style": style0$8
 };
-const WorkflowCard = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__cssModules", cssModules$6]]);
+const WorkflowCard = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__cssModules", cssModules$8]]);
 function isDropTarget(target) {
   return target.type === "folder" || target.type === "project";
 }
@@ -1057,7 +1115,7 @@ const usePersonalizedTemplatesStore = defineStore(STORES.PERSONALIZED_TEMPLATES,
     getTemplateRoute
   };
 });
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "SuggestedWorkflowCard",
   props: {
     data: {}
@@ -1124,33 +1182,33 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const style0$5 = {
+const style0$7 = {
   "suggested-workflow-callout": "_suggested-workflow-callout_1alzo_123",
   "callout-content": "_callout-content_1alzo_129",
   "callout-trailing-content": "_callout-trailing-content_1alzo_133"
 };
-const cssModules$5 = {
-  "$style": style0$5
+const cssModules$7 = {
+  "$style": style0$7
 };
-const SuggestedWorkflowCard = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__cssModules", cssModules$5]]);
-const style0$4 = {
+const SuggestedWorkflowCard = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__cssModules", cssModules$7]]);
+const style0$6 = {
   "suggested-workflows": "_suggested-workflows_t3ed6_123"
 };
-const _sfc_main$4 = {};
-const _hoisted_1$2 = {
+const _sfc_main$6 = {};
+const _hoisted_1$3 = {
   class: "suggested-workflows",
   "data-test-id": "suggested-workflows"
 };
 function _sfc_render(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$2, [
+  return openBlock(), createElementBlock("div", _hoisted_1$3, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-const cssModules$4 = {
-  "$style": style0$4
+const cssModules$6 = {
+  "$style": style0$6
 };
-const SuggestedWorkflows = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["render", _sfc_render], ["__cssModules", cssModules$4]]);
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const SuggestedWorkflows = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["render", _sfc_render], ["__cssModules", cssModules$6]]);
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "NodeRecommendationCard",
   props: {
     nodeName: {}
@@ -1208,6 +1266,123 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const nodeCard$1 = "_nodeCard_1ub18_123";
+const nodeIcon$1 = "_nodeIcon_1ub18_133";
+const emptyStateCardContent$2 = "_emptyStateCardContent_1ub18_137";
+const style0$5 = {
+  nodeCard: nodeCard$1,
+  nodeIcon: nodeIcon$1,
+  emptyStateCardContent: emptyStateCardContent$2
+};
+const cssModules$5 = {
+  "$style": style0$5
+};
+const NodeRecommendationCard$1 = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__cssModules", cssModules$5]]);
+const _hoisted_1$2 = {
+  key: 0,
+  class: "text-center mt-3xl",
+  "data-test-id": "list-empty-state"
+};
+const _sfc_main$4 = /* @__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$2, [
+        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$1, {
+              key: node,
+              "node-name": node
+            }, null, 8, ["node-name"]);
+          }), 128))
+        ], 2)
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+const nodeCardsContainer$1 = "_nodeCardsContainer_7g2he_123";
+const style0$4 = {
+  nodeCardsContainer: nodeCardsContainer$1
+};
+const cssModules$4 = {
+  "$style": style0$4
+};
+const TemplateRecommendationV2 = /* @__PURE__ */ _export_sfc(_sfc_main$4, [["__cssModules", cssModules$4]]);
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "NodeRecommendationCard",
+  props: {
+    nodeName: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const uiStore = useUIStore();
+    const nodeTypesStore = useNodeTypesStore();
+    const { trackPersonalizationCardClick, markTemplateRecommendationInteraction } = usePersonalizedTemplatesV3Store();
+    const nodeType = computed(() => nodeTypesStore.getNodeType(props.nodeName));
+    const openModal = () => {
+      trackPersonalizationCardClick();
+      markTemplateRecommendationInteraction();
+      uiStore.openModalWithData({
+        name: EXPERIMENT_TEMPLATE_RECO_V3_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";
@@ -1226,13 +1401,13 @@ const _hoisted_1$1 = {
   "data-test-id": "list-empty-state"
 };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "TemplateRecommendationV2",
+  __name: "TemplateRecommendationV3",
   setup(__props) {
-    const templateRecoV2Store = usePersonalizedTemplatesV2Store();
+    const personalizedTemplateStore = usePersonalizedTemplatesV3Store();
     const locale = useI18n();
     return (_ctx, _cache) => {
       const _component_N8nHeading = N8nHeading;
-      return unref(templateRecoV2Store).nodes.length ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
+      return unref(personalizedTemplateStore).hasChosenHubSpot ? (openBlock(), createElementBlock("div", _hoisted_1$1, [
         createVNode(_component_N8nHeading, {
           tag: "h2",
           size: "medium",
@@ -1240,19 +1415,14 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           color: "text-light"
         }, {
           default: withCtx(() => [
-            createTextVNode(toDisplayString(unref(locale).baseText("workflows.templateRecoV2.exploreTemplates")), 1)
+            createTextVNode(toDisplayString(unref(locale).baseText("experiments.personalizedTemplatesV3.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))
+          createVNode(NodeRecommendationCard, { "node-name": "n8n-nodes-base.hubspot" })
         ], 2)
       ])) : createCommentVNode("", true);
     };
@@ -1265,7 +1435,7 @@ const style0$2 = {
 const cssModules$2 = {
   "$style": style0$2
 };
-const TemplateRecommendationV2 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$2]]);
+const TemplateRecommendationV3 = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$2]]);
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "SimplifiedEmptyLayout",
   emits: ["click:add"],
@@ -1502,6 +1672,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const readyToRunWorkflowsStore = useReadyToRunWorkflowsStore();
     const readyToRunWorkflowsV2Store = useReadyToRunWorkflowsV2Store();
     const personalizedTemplatesV2Store = usePersonalizedTemplatesV2Store();
+    const personalizedTemplatesV3Store = usePersonalizedTemplatesV3Store();
     const documentTitle = useDocumentTitle();
     const { callDebounced } = useDebounce();
     const projectPages = useProjectPages();
@@ -1651,7 +1822,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             sharedWithProjects: resource.sharedWithProjects,
             readOnly: !getResourcePermissions(resource.scopes).workflow.update,
             tags: resource.tags,
-            parentFolder: resource.parentFolder
+            parentFolder: resource.parentFolder,
+            settings: resource.settings
           };
         }
       });
@@ -1783,11 +1955,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     };
     const showInsights = computed(() => {
-      return projectPages.isOverviewSubPage && insightsStore.isSummaryEnabled && (!personalizedTemplatesV2Store.isFeatureEnabled() || workflowListResources.value.length > 0);
+      return projectPages.isOverviewSubPage && insightsStore.isSummaryEnabled && (workflowListResources.value.length > 0 || !personalizedTemplatesV2Store.isFeatureEnabled() && !personalizedTemplatesV3Store.isFeatureEnabled());
     });
     const showTemplateRecommendationV2 = computed(() => {
       return personalizedTemplatesV2Store.isFeatureEnabled() && !loading.value;
     });
+    const showTemplateRecommendationV3 = computed(() => {
+      return personalizedTemplatesV3Store.isFeatureEnabled() && !loading.value;
+    });
     onMounted(async () => {
       documentTitle.set(i18n.baseText("workflows.heading"));
       void usersStore.showPersonalizationSurvey();
@@ -2758,10 +2933,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_N8nTooltip = Tooltip;
       const _component_N8nLink = N8nLink;
       const _component_N8nCallout = N8nCallout;
-      const _component_n8n_loading = N8nLoading;
+      const _component_N8nLoading = N8nLoading;
       const _component_FolderBreadcrumbs = __unplugin_components_0;
       const _component_FolderCard = __unplugin_components_5;
-      const _component_EmptySharedSectionActionBox = _sfc_main$9;
+      const _component_EmptySharedSectionActionBox = _sfc_main$b;
       const _component_N8nCheckbox = N8nCheckbox;
       const _component_N8nInfoTip = InfoTip;
       const _component_N8nActionBox = N8nActionBox;
@@ -2941,7 +3116,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             key: 0,
             class: normalizeClass(_ctx.$style["breadcrumbs-loading"])
           }, [
-            createVNode(_component_n8n_loading, {
+            createVNode(_component_N8nLoading, {
               loading: breadcrumbsLoading.value,
               rows: 1,
               variant: "p"
@@ -3056,6 +3231,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               createVNode(WorkflowCard, {
                 "data-test-id": "resources-list-item-workflow",
+                "data-target": "workflow",
                 class: normalizeClass({
                   ["mb-2xs"]: true,
                   [_ctx.$style["drag-active"]]: isDragging.value,
@@ -3067,7 +3243,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "data-resourceid": data.id,
                 "data-resourcename": data.name,
                 "show-ownership-badge": showCardsBadge.value,
-                "data-target": "workflow",
+                "are-folders-enabled": unref(settingsStore).isFoldersFeatureEnabled,
+                "are-tags-enabled": unref(settingsStore).areTagsEnabled,
+                "is-mcp-enabled": unref(settingsStore).isModuleActive("mcp"),
                 "onClick:tag": onClickTag,
                 "onWorkflow:deleted": refreshWorkflows,
                 "onWorkflow:archived": refreshWorkflows,
@@ -3077,7 +3255,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 "onWorkflow:activeToggle": onWorkflowActiveToggle,
                 "onAction:moveToFolder": moveWorkflowToFolder,
                 onMouseenter: _cache[4] || (_cache[4] = ($event) => isDragging.value ? unref(folderHelpers).resetDropTarget() : {})
-              }, null, 8, ["class", "data", "workflow-list-event-bus", "read-only", "data-resourceid", "data-resourcename", "show-ownership-badge"])
+              }, null, 8, ["class", "data", "workflow-list-event-bus", "read-only", "data-resourceid", "data-resourcename", "show-ownership-badge", "are-folders-enabled", "are-tags-enabled", "is-mcp-enabled"])
             ]),
             _: 2
           }, 1032, ["disabled", "onDragstart", "onDragend"]))
@@ -3293,7 +3471,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 _: 1
               }, 8, ["class"])) : createCommentVNode("", true)
             ], 2)) : createCommentVNode("", true),
-            showTemplateRecommendationV2.value ? (openBlock(), createBlock(TemplateRecommendationV2, { key: 1 })) : createCommentVNode("", true)
+            showTemplateRecommendationV3.value ? (openBlock(), createBlock(TemplateRecommendationV3, { key: 1 })) : showTemplateRecommendationV2.value ? (openBlock(), createBlock(TemplateRecommendationV2, { key: 2 })) : createCommentVNode("", true)
           ]))
         ]),
         filters: withCtx(({ setKeyValue }) => [
@@ -3305,7 +3483,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               color: "text-base",
               class: "mb-3xs"
             }, null, 8, ["label"]),
-            createVNode(_sfc_main$a, {
+            createVNode(_sfc_main$c, {
               placeholder: unref(i18n).baseText("workflowOpen.filterWorkflows"),
               "model-value": filters.value.tags,
               "create-enabled": false,
@@ -3327,7 +3505,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, {
               default: withCtx(() => [
                 (openBlock(true), createElementBlock(Fragment, null, renderList(statusFilterOptions.value, (option) => {
-                  return openBlock(), createBlock(unref(_sfc_main$b), {
+                  return openBlock(), createBlock(unref(_sfc_main$d), {
                     key: option.label,
                     label: option.label,
                     value: option.value,