n8n-editor-ui 2.1.1 → 2.2.0

package/dist/assets/{SettingsMCPView-B61X_NPm.js → SettingsMCPView-C7HQFidB.js}

@@ -1,48 +1,45 @@
 import { C as computed, Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, Gt as unref, It as ref, M as createVNode, P as defineComponent, T as createBlock, Z as onMounted, _t as watch, at as renderSlot, bt as withCtx, et as openBlock, j as createTextVNode, k as createSlots, p as vShow, vn as normalizeClass, w as createBaseVNode, xt as withDirectives } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
-import { gt as useI18n } from "./_MapCache-BXj4WgHo.js";
-import { A as N8nNotice_default, Bn as N8nHeading_default, D as N8nPopoverReka_default, Et as ElSwitch, F as N8nMarkdown_default, Gn as N8nIcon_default, Hn as N8nText_default, R as N8nInfoTip_default, T as N8nRadioButtons_default, Un as N8nButton_default, at as N8nLoading_default, ht as N8nTooltip_default, it as N8nActionToggle_default, mt as N8nLink_default, u as N8nDataTableServer_default, wt as N8nActionBox_default, y as N8nTabs_default, yt as N8nInput_default } from "./src-RwnQoRPP.js";
-import "./en-b3uD8cvU.js";
+import { _t as useI18n } from "./_MapCache-0zNxISSG.js";
+import { Ct as N8nActionBox_default, D as N8nPopover_default, F as N8nMarkdown_default, R as N8nInfoTip_default, Sn as N8nButton_default, T as N8nRadioButtons_default, Tt as ElSwitch, at as N8nLoading_default, ht as N8nTooltip_default, it as N8nActionToggle_default, k as N8nNotice_default, mt as N8nLink_default, u as N8nDataTableServer_default, wn as N8nIcon_default, xn as N8nText_default, y as N8nTabs_default, yn as N8nHeading_default, yt as N8nInput_default } from "./src-DTY1hJHs.js";
+import "./en-CF30SCh2.js";
 import "./preload-helper-CR0ecmWK.js";
 import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
-import "./truncate-BmR9EyjG.js";
+import "./truncate-ByNK2lRy.js";
+import { Dr as useUsersStore, O as useTelemetry, Yn as useDocumentTitle, oa as useUIStore, v as useToast } from "./builder.store-YujiPssa.js";
 import "./empty-BuGRxzl4.js";
-import { Nn as useDocumentTitle, Wi as useUIStore, dr as useUsersStore, n as useToast, p as useTelemetry, v as useWorkflowsStore } from "./builder.store--AJ05qsa.js";
-import "./sanitize-html-Cft-jOcY.js";
-import "./CalendarDate-B-JEhNYg.js";
-import "./path-browserify-BgjP7RyT.js";
-import { Vo as VIEWS, jo as getResourcePermissions, vs as WORKFLOW_DESCRIPTION_MODAL_KEY } from "./constants-B6Jp7SZD.js";
-import "./merge-BfSiz1ty.js";
-import { r as useRootStore } from "./_baseOrderBy-GjkKJVvF.js";
-import "./dateformat-hG8NERse.js";
-import "./useDebounce-Cisb25yt.js";
-import "./npsSurvey.store-DF2xZcCA.js";
-import "./cloudPlan.store-Dad6qPdn.js";
-import "./templates.store-C3DEfML8.js";
-import "./focusPanel.store-C5r79FXL.js";
-import "./executions.store-Di5hWapE.js";
-import "./usePinnedData-B3-uxBtk.js";
-import "./nodeCreator.store-CPxLvRpA.js";
-import "./nodeIcon-CwI12n1T.js";
-import { t as useClipboard } from "./useClipboard-DvY5RseI.js";
-import "./useCanvasOperations-Biw6mnUM.js";
-import "./folders.store-CHmc_cIa.js";
-import "./NodeIcon-CWyPkrTk.js";
-import "./versions.store-BIIVPCEy.js";
-import "./banners.store-COEGRZB2.js";
-import "./dataTable.store-DjA0BZm0.js";
-import { t as TimeAgo_default } from "./TimeAgo-DxwwBGgJ.js";
-import "./roles.store-CfxqweOK.js";
-import { t as router_default } from "./router-WNnUej-x.js";
-import "./sso.store-BfZ0zC0E.js";
-import "./insights.store-CUBXm-KC.js";
-import "./insights.constants-B7y0cvTb.js";
-import "./insights.utils-Dc4VSauh.js";
-import { i as MCP_ENDPOINT, n as MCP_CONNECT_POPOVER_WIDTH, r as MCP_DOCS_PAGE_URL, s as MCP_TOOLTIP_DELAY, t as LOADING_INDICATOR_TIMEOUT } from "./mcp.constants-svQUbNx5.js";
-import "./constants-qk3hx0l8.js";
-import "./useRecentResources-C_Rg8cei.js";
-import { t as useMcp } from "./useMcp-1Dma_uQx.js";
-import { t as useMCPStore } from "./mcp.store-BY003P3O.js";
-var _hoisted_1$3 = { key: 0 };
+import "./sanitize-html-Cc45ZKm8.js";
+import "./CalendarDate-zWqgZMlk.js";
+import "./path-browserify-BtCDmZ3_.js";
+import { Oo as getResourcePermissions, Ro as VIEWS, ms as WORKFLOW_DESCRIPTION_MODAL_KEY } from "./constants-D52YoOSp.js";
+import "./merge-BmWPLD5Q.js";
+import { r as useRootStore } from "./_baseOrderBy-CesQfsb9.js";
+import "./dateformat-CM9k0--B.js";
+import "./useDebounce-DGSOfe85.js";
+import "./executions.store-Dodf4hZt.js";
+import "./usePinnedData-Dztv0dCp.js";
+import "./nodeCreator.store-CnQC3Thy.js";
+import "./nodeIcon-Bcr-G7rB.js";
+import { t as useClipboard } from "./useClipboard-CqFyEHaX.js";
+import "./useCanvasOperations-BQyHvbXi.js";
+import "./folders.store-Bld2a-oS.js";
+import "./NodeIcon-DL6ucXJC.js";
+import "./versions.store-qQUmfjg3.js";
+import "./banners.store-CRNqMmnn.js";
+import "./dataTable.store-CUsh5p9b.js";
+import { t as TimeAgo_default } from "./TimeAgo-BpAJIqal.js";
+import "./roles.store-pbRRxt0E.js";
+import { t as router_default } from "./router-nTea-Urj.js";
+import "./sso.store-Di00dtDC.js";
+import "./insights.store-CwovPTtG.js";
+import "./insights.constants-C8GITe6H.js";
+import "./insights.utils-BjffJfoC.js";
+import { a as MCP_DOCS_PAGE_URL, i as MCP_CONNECT_WORKFLOWS_MODAL_KEY, l as MCP_TOOLTIP_DELAY, n as LOADING_INDICATOR_TIMEOUT, o as MCP_ENDPOINT, r as MCP_CONNECT_POPOVER_WIDTH } from "./mcp.constants-DQPD3Ntp.js";
+import "./constants-DLTaaipl.js";
+import "./useRecentResources-fniP3oOE.js";
+import { t as useMcp } from "./useMcp-CtPU_6al.js";
+import { t as useMCPStore } from "./mcp.store-CaNRXC4L.js";
+import { t as WorkflowLocation_default } from "./WorkflowLocation-BcPFmw0j.js";
+var _hoisted_1$4 = { key: 0 };
 var _hoisted_2$3 = { key: 1 };
 var _hoisted_3$2 = ["href"];
 var MCPEmptyState_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
@@ -79,7 +76,7 @@ var MCPEmptyState_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				"data-test-id": "enable-mcp-access-button",
 				"onClick:button": _cache[0] || (_cache[0] = ($event) => emit("turnOnMcp"))
 			}, {
-				disabledButtonTooltip: withCtx(() => [props.loading ? (openBlock(), createElementBlock("span", _hoisted_1$3, toDisplayString(unref(i18n).baseText("generic.loading")) + "...", 1)) : props.disabled ? (openBlock(), createElementBlock("span", _hoisted_2$3, toDisplayString(unref(i18n).baseText("settings.mcp.toggle.disabled.tooltip")), 1)) : createCommentVNode("", true)]),
+				disabledButtonTooltip: withCtx(() => [props.loading ? (openBlock(), createElementBlock("span", _hoisted_1$4, toDisplayString(unref(i18n).baseText("generic.loading")) + "...", 1)) : props.disabled ? (openBlock(), createElementBlock("span", _hoisted_2$3, toDisplayString(unref(i18n).baseText("settings.mcp.toggle.disabled.tooltip")), 1)) : createCommentVNode("", true)]),
 				additionalContent: withCtx(() => [createVNode(unref(N8nText_default), {
 					color: "text-light",
 					size: "small"
@@ -166,7 +163,7 @@ var McpAccessToggle_vue_vue_type_style_index_0_lang_module_default = {
 	"main-toggle": "_main-toggle_13hh6_123"
 };
 var McpAccessToggle_default = /* @__PURE__ */ __plugin_vue_export_helper_default(McpAccessToggle_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": McpAccessToggle_vue_vue_type_style_index_0_lang_module_default }]]);
-var _hoisted_1$2 = ["for"];
+var _hoisted_1$3 = ["for"];
 var _hoisted_2$2 = ["id"];
 var ConnectionParameter_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "ConnectionParameter",
@@ -198,7 +195,7 @@ var ConnectionParameter_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 			return openBlock(), createElementBlock("div", { class: normalizeClass(_ctx.$style.container) }, [createBaseVNode("div", { class: normalizeClass(_ctx.$style["label-wrapper"]) }, [createBaseVNode("label", {
 				class: normalizeClass(_ctx.$style.label),
 				for: `connection-parameter-${props.id}`
-			}, toDisplayString(props.label), 11, _hoisted_1$2), props.infoTip ? (openBlock(), createElementBlock("div", {
+			}, toDisplayString(props.label), 11, _hoisted_1$3), props.infoTip ? (openBlock(), createElementBlock("div", {
 				key: 0,
 				class: normalizeClass(_ctx.$style["info-tip"])
 			}, [createVNode(unref(N8nInfoTip_default), {
@@ -535,10 +532,9 @@ var McpConnectPopover_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 			if (!newValue) mcpStore.openConnectPopover();
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", null, [createVNode(unref(N8nPopoverReka_default), {
+			return openBlock(), createElementBlock("div", null, [createVNode(unref(N8nPopover_default), {
 				id: "mcp-connect-popover",
 				open: unref(mcpStore).connectPopoverOpen,
-				"popper-options": { strategy: "fixed" },
 				"content-class": _ctx.$style.popper,
 				"show-arrow": false,
 				width: `${unref(460)}px`,
@@ -549,7 +545,7 @@ var McpConnectPopover_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 					type: "tertiary",
 					disabled: _ctx.disabled
 				}, {
-					default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("generic.connect")), 1)]),
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("settings.mcp.connectPopover.triggerLabel")), 1)]),
 					_: 1
 				}, 8, ["disabled"])]),
 				content: withCtx(() => [createBaseVNode("div", {
@@ -624,23 +620,25 @@ var MCPHeaderActions_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 });
 var MCPHeaderActions_vue_vue_type_style_index_0_lang_module_default = { container: "_container_1bb92_123" };
 var MCPHeaderActions_default = /* @__PURE__ */ __plugin_vue_export_helper_default(MCPHeaderActions_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": MCPHeaderActions_vue_vue_type_style_index_0_lang_module_default }]]);
-var _hoisted_1$1 = { key: 0 };
+var _hoisted_1$2 = { key: 0 };
 var _hoisted_2$1 = {
 	key: 1,
 	class: "mt-s mb-xl"
 };
-var _hoisted_3$1 = { key: 0 };
-var _hoisted_4 = { key: 1 };
-var _hoisted_5 = ["onClick"];
-var _hoisted_6 = { key: 0 };
-var _hoisted_7 = { key: 1 };
+var _hoisted_3$1 = ["onClick"];
+var _hoisted_4 = { key: 0 };
+var _hoisted_5 = { key: 1 };
 var WorkflowsTable_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "WorkflowsTable",
 	props: {
 		workflows: {},
 		loading: { type: Boolean }
 	},
-	emits: ["removeMcpAccess", "updateDescription"],
+	emits: [
+		"removeMcpAccess",
+		"connectWorkflows",
+		"updateDescription"
+	],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
@@ -688,10 +686,6 @@ var WorkflowsTable_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				disabled: !permissions.workflow.update
 			}];
 		};
-		const getProjectName = (workflow) => {
-			if (workflow.homeProject?.type === "personal") return i18n.baseText("projects.menu.personal");
-			return workflow.homeProject?.name ?? "";
-		};
 		const onWorkflowAction = (action, workflow) => {
 			switch (action) {
 				case "removeFromMCP":
@@ -703,11 +697,11 @@ var WorkflowsTable_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 				default: break;
 			}
 		};
-		const navigateToWorkflowList = () => {
-			router_default.push({ name: VIEWS.WORKFLOWS });
+		const onConnectClick = () => {
+			emit("connectWorkflows");
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(_ctx.$style["workflow-table-container"]) }, [props.loading ? (openBlock(), createElementBlock("div", _hoisted_1$1, [createVNode(unref(N8nLoading_default), {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(_ctx.$style["workflow-table-container"]) }, [props.loading ? (openBlock(), createElementBlock("div", _hoisted_1$2, [createVNode(unref(N8nLoading_default), {
 				loading: props.loading,
 				variant: "h1",
 				class: "mb-l"
@@ -734,73 +728,30 @@ var WorkflowsTable_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 						params: { name: item.id }
 					}).fullPath,
 					theme: "text",
-					class: normalizeClass(_ctx.$style["table-link"])
+					class: normalizeClass([_ctx.$style["table-link"], _ctx.$style.truncate])
 				}, {
-					default: withCtx(() => [createVNode(unref(N8nText_default), { "data-test-id": "mcp-workflow-name" }, {
+					default: withCtx(() => [createVNode(unref(N8nText_default), {
+						class: normalizeClass(_ctx.$style.truncate),
+						"data-test-id": "mcp-workflow-name"
+					}, {
 						default: withCtx(() => [createTextVNode(toDisplayString(item.name), 1)]),
 						_: 2
-					}, 1024)]),
+					}, 1032, ["class"])]),
 					_: 2
 				}, 1032, ["to", "class"])], 2)]),
 				[`item.location`]: withCtx(({ item }) => [createBaseVNode("div", {
 					class: normalizeClass(_ctx.$style["location-cell"]),
 					"data-test-id": "mcp-workflow-location-cell"
-				}, [
-					item.homeProject ? (openBlock(), createElementBlock("span", _hoisted_3$1, [createVNode(unref(N8nLink_default), {
-						"data-test-id": "mcp-workflow-project-link",
-						to: unref(router_default).resolve({
-							name: unref(VIEWS).PROJECTS_WORKFLOWS,
-							params: { projectId: item.homeProject.id }
-						}).fullPath,
-						theme: "text",
-						class: normalizeClass([_ctx.$style["table-link"], _ctx.$style["project-link"]]),
-						"new-window": true
-					}, {
-						default: withCtx(() => [createVNode(unref(N8nText_default), { "data-test-id": "mcp-workflow-project-name" }, {
-							default: withCtx(() => [createTextVNode(toDisplayString(getProjectName(item)), 1)]),
-							_: 2
-						}, 1024)]),
-						_: 2
-					}, 1032, ["to", "class"])])) : createCommentVNode("", true),
-					item.parentFolder ? (openBlock(), createElementBlock("span", {
-						key: 1,
-						class: normalizeClass(_ctx.$style.separator),
-						"data-test-id": "mcp-workflow-ellipsis-separator"
-					}, "/", 2)) : createCommentVNode("", true),
-					item.parentFolder?.parentFolderId ? (openBlock(), createElementBlock("span", {
-						key: 2,
-						class: normalizeClass(_ctx.$style["parent-folder"]),
-						"data-test-id": "mcp-workflow-grandparent-folder"
-					}, [createBaseVNode("span", { class: normalizeClass(_ctx.$style.ellipsis) }, "...", 2), createBaseVNode("span", {
-						class: normalizeClass(_ctx.$style.separator),
-						"data-test-id": "mcp-workflow-ellipsis-separator"
-					}, "/", 2)], 2)) : createCommentVNode("", true),
-					item.parentFolder ? (openBlock(), createElementBlock("span", {
-						key: 3,
-						class: normalizeClass(_ctx.$style["parent-folder"])
-					}, [item.homeProject ? (openBlock(), createBlock(unref(N8nLink_default), {
-						key: 0,
-						"data-test-id": "mcp-workflow-folder-link",
-						to: `/projects/${item.homeProject.id}/folders/${item.parentFolder.id}/workflows`,
-						theme: "text",
-						class: normalizeClass(_ctx.$style["table-link"]),
-						"new-window": true
-					}, {
-						default: withCtx(() => [createVNode(unref(N8nText_default), { "data-test-id": "mcp-workflow-folder-name" }, {
-							default: withCtx(() => [createTextVNode(toDisplayString(item.parentFolder.name), 1)]),
-							_: 2
-						}, 1024)]),
-						_: 2
-					}, 1032, ["to", "class"])) : (openBlock(), createElementBlock("span", _hoisted_4, [item.parentFolder ? (openBlock(), createBlock(unref(N8nIcon_default), {
-						key: 0,
-						icon: "folder",
-						size: 16,
-						color: "text-light"
-					})) : createCommentVNode("", true), createVNode(unref(N8nText_default), { "data-test-id": "mcp-workflow-folder-name" }, {
-						default: withCtx(() => [createTextVNode(toDisplayString(item.parentFolder.name), 1)]),
-						_: 2
-					}, 1024)]))], 2)) : createCommentVNode("", true)
-				], 2)]),
+				}, [createVNode(WorkflowLocation_default, {
+					"workflow-id": item.id,
+					"home-project": item.homeProject,
+					"parent-folder": item.parentFolder,
+					"as-links": true
+				}, null, 8, [
+					"workflow-id",
+					"home-project",
+					"parent-folder"
+				])], 2)]),
 				[`item.description`]: withCtx(({ item }) => [createVNode(unref(N8nTooltip_default), {
 					content: item.description || unref(i18n).baseText("settings.mcp.workflows.table.column.description.emptyTooltip"),
 					"show-after": unref(100),
@@ -810,10 +761,10 @@ var WorkflowsTable_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 						"data-test-id": "mcp-workflow-description-cell",
 						class: normalizeClass(_ctx.$style["description-cell"]),
 						onClick: ($event) => emit("updateDescription", item)
-					}, [item.description ? (openBlock(), createElementBlock("span", _hoisted_6, [createVNode(unref(N8nText_default), { "data-test-id": "mcp-workflow-description" }, {
+					}, [item.description ? (openBlock(), createElementBlock("span", _hoisted_4, [createVNode(unref(N8nText_default), { "data-test-id": "mcp-workflow-description" }, {
 						default: withCtx(() => [createTextVNode(toDisplayString(item.description), 1)]),
 						_: 2
-					}, 1024)])) : (openBlock(), createElementBlock("span", _hoisted_7, [createVNode(unref(N8nIcon_default), {
+					}, 1024)])) : (openBlock(), createElementBlock("span", _hoisted_5, [createVNode(unref(N8nIcon_default), {
 						icon: "triangle-alert",
 						size: 14,
 						color: "warning",
@@ -821,7 +772,7 @@ var WorkflowsTable_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 					}), createVNode(unref(N8nText_default), { "data-test-id": "mcp-workflow-description-empty" }, {
 						default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("settings.mcp.workflows.table.column.description.emptyContent")), 1)]),
 						_: 1
-					})]))], 10, _hoisted_5)]),
+					})]))], 10, _hoisted_3$1)]),
 					_: 2
 				}, 1032, [
 					"content",
@@ -863,8 +814,8 @@ var WorkflowsTable_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 					createVNode(unref(N8nButton_default), {
 						"data-test-id": "mcp-workflow-table-empty-state-button",
 						type: "primary",
-						label: unref(i18n).baseText("settings.mcp.workflows.table.empty.button.label"),
-						onClick: navigateToWorkflowList
+						label: unref(i18n).baseText("settings.mcp.connectWorkflows"),
+						onClick: onConnectClick
 					}, null, 8, ["label"])
 				], 2)]),
 				key: "0"
@@ -877,24 +828,22 @@ var WorkflowsTable_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */
 		};
 	}
 });
-const header$1 = "_header_1ubdk_127";
-const separator = "_separator_1ubdk_151";
-const ellipsis = "_ellipsis_1ubdk_152";
+const header$1 = "_header_1rtae_127";
+const truncate = "_truncate_1rtae_184";
 var WorkflowsTable_vue_vue_type_style_index_0_lang_module_default = {
-	"workflow-table-container": "_workflow-table-container_1ubdk_123",
+	"workflow-table-container": "_workflow-table-container_1rtae_123",
 	header: header$1,
-	"workflow-table": "_workflow-table_1ubdk_123",
-	"empty-state": "_empty-state_1ubdk_137",
-	"workflow-cell": "_workflow-cell_1ubdk_147",
-	separator,
-	ellipsis,
-	"location-cell": "_location-cell_1ubdk_157",
-	"description-cell": "_description-cell_1ubdk_173",
-	"description-popper": "_description-popper_1ubdk_191",
-	"table-link": "_table-link_1ubdk_195"
+	"workflow-table": "_workflow-table_1rtae_123",
+	"empty-state": "_empty-state_1rtae_137",
+	"workflow-cell": "_workflow-cell_1rtae_147",
+	"location-cell": "_location-cell_1rtae_154",
+	"description-cell": "_description-cell_1rtae_158",
+	"description-popper": "_description-popper_1rtae_176",
+	"table-link": "_table-link_1rtae_180",
+	truncate
 };
 var WorkflowsTable_default = /* @__PURE__ */ __plugin_vue_export_helper_default(WorkflowsTable_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": WorkflowsTable_vue_vue_type_style_index_0_lang_module_default }]]);
-var _hoisted_1 = { "data-test-id": "oauth-clients-table" };
+var _hoisted_1$1 = { "data-test-id": "oauth-clients-table" };
 var _hoisted_2 = { key: 0 };
 var _hoisted_3 = {
 	key: 1,
@@ -944,7 +893,7 @@ var OAuthClientsTable_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 			if (action === "revokeClient") emit("revokeClient", item);
 		};
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [props.loading ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(unref(N8nLoading_default), {
+			return openBlock(), createElementBlock("div", _hoisted_1$1, [props.loading ? (openBlock(), createElementBlock("div", _hoisted_2, [createVNode(unref(N8nLoading_default), {
 				loading: props.loading,
 				variant: "h1",
 				class: "mb-l"
@@ -1023,6 +972,7 @@ var OAuthClientsTable_vue_vue_type_style_index_0_lang_module_default = {
 	"empty-state": "_empty-state_1awbw_129"
 };
 var OAuthClientsTable_default = /* @__PURE__ */ __plugin_vue_export_helper_default(OAuthClientsTable_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": OAuthClientsTable_vue_vue_type_style_index_0_lang_module_default }]]);
+var _hoisted_1 = { "data-test-id": "mcp-settings-description" };
 var SettingsMCPView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "SettingsMCPView",
 	setup(__props) {
@@ -1030,7 +980,7 @@ var SettingsMCPView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 		const toast = useToast();
 		const documentTitle = useDocumentTitle();
 		const mcp = useMcp();
-		const workflowsStore = useWorkflowsStore();
+		const telemetry = useTelemetry();
 		const mcpStore = useMCPStore();
 		const usersStore = useUsersStore();
 		const uiStore = useUIStore();
@@ -1050,10 +1000,16 @@ var SettingsMCPView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 		const isOwner = computed(() => usersStore.isInstanceOwner);
 		const isAdmin = computed(() => usersStore.isAdmin);
 		const canToggleMCP = computed(() => isOwner.value || isAdmin.value);
+		const showConnectWorkflowsButton = computed(() => {
+			return selectedTab.value === "workflows" && availableWorkflows.value.length > 0;
+		});
 		const onTabSelected = async (tab) => {
 			selectedTab.value = tab;
 			if (tab === "workflows" && availableWorkflows.value.length === 0) await fetchAvailableWorkflows();
-			else if (tab === "oauth" && connectedOAuthClients.value.length === 0) await fetchoAuthCLients();
+			else if (tab === "oauth" && connectedOAuthClients.value.length === 0) {
+				await fetchoAuthCLients();
+				telemetry.track("User clicked connected clients tab");
+			}
 		};
 		const onToggleMCPAccess = async (enabled) => {
 			try {
@@ -1070,12 +1026,14 @@ var SettingsMCPView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 				workflowsLoading.value = false;
 			}
 		};
-		const onRemoveMCPAccess = async (workflow) => {
+		const onToggleWorkflowMCPAccess = async (workflowId, isEnabled) => {
 			try {
-				await workflowsStore.updateWorkflowSetting(workflow.id, "availableInMCP", false);
-				availableWorkflows.value = availableWorkflows.value.filter((w) => w.id !== workflow.id);
+				await mcpStore.toggleWorkflowMcpAccess(workflowId, isEnabled);
+				if (isEnabled) await fetchAvailableWorkflows();
+				else availableWorkflows.value = availableWorkflows.value.filter((w) => w.id !== workflowId);
 			} catch (error) {
 				toast.showError(error, i18n.baseText("workflowSettings.toggleMCP.error.title"));
+				throw error;
 			}
 		};
 		const onUpdateDescription = (workflow) => {
@@ -1098,11 +1056,6 @@ var SettingsMCPView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 			if (selectedTab.value === "workflows") await fetchAvailableWorkflows();
 			else if (selectedTab.value === "oauth") await fetchoAuthCLients();
 		};
-		onMounted(async () => {
-			documentTitle.set(i18n.baseText("settings.mcp"));
-			if (!mcpStore.mcpAccessEnabled) return;
-			await fetchAvailableWorkflows();
-		});
 		const fetchAvailableWorkflows = async () => {
 			workflowsLoading.value = true;
 			try {
@@ -1143,6 +1096,20 @@ var SettingsMCPView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 				toast.showError(error, i18n.baseText("settings.mcp.oAuthClients.revoke.error"));
 			}
 		};
+		const openConnectWorkflowsModal = () => {
+			uiStore.openModalWithData({
+				name: MCP_CONNECT_WORKFLOWS_MODAL_KEY,
+				data: { onEnableMcpAccess: async (workflowId) => {
+					await onToggleWorkflowMCPAccess(workflowId, true);
+				} }
+			});
+			telemetry.track("User clicked connect workflows from mcp settings");
+		};
+		onMounted(async () => {
+			documentTitle.set(i18n.baseText("settings.mcp"));
+			if (!mcpStore.mcpAccessEnabled) return;
+			await fetchAvailableWorkflows();
+		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", { class: normalizeClass(_ctx.$style.container) }, [
 				createBaseVNode("header", {
@@ -1154,10 +1121,7 @@ var SettingsMCPView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 				}, {
 					default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("settings.mcp")), 1)]),
 					_: 1
-				}), withDirectives(createBaseVNode("div", {
-					class: normalizeClass(_ctx.$style.description),
-					"data-test-id": "mcp-settings-description"
-				}, [createVNode(unref(N8nText_default), {
+				}), withDirectives(createBaseVNode("div", _hoisted_1, [createVNode(unref(N8nText_default), {
 					size: "small",
 					color: "text-light"
 				}, {
@@ -1172,7 +1136,7 @@ var SettingsMCPView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 				}, {
 					default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("generic.learnMore")), 1)]),
 					_: 1
-				}, 8, ["href"])], 2), [[vShow, unref(mcpStore).mcpAccessEnabled]])], 2), createVNode(MCPHeaderActions_default, {
+				}, 8, ["href"])], 512), [[vShow, unref(mcpStore).mcpAccessEnabled]])], 2), createVNode(MCPHeaderActions_default, {
 					"access-enabled": unref(mcpStore).mcpAccessEnabled,
 					"toggle-disabled": !canToggleMCP.value,
 					loading: mcpStatusLoading.value,
@@ -1196,7 +1160,14 @@ var SettingsMCPView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 					"model-value": selectedTab.value,
 					options: tabs.value,
 					"onUpdate:modelValue": onTabSelected
-				}, null, 8, ["model-value", "options"]), createVNode(unref(N8nTooltip_default), { content: unref(i18n).baseText("settings.mcp.refresh.tooltip") }, {
+				}, null, 8, ["model-value", "options"]), createBaseVNode("div", { class: normalizeClass(_ctx.$style.actions) }, [showConnectWorkflowsButton.value ? (openBlock(), createBlock(unref(N8nButton_default), {
+					key: 0,
+					label: unref(i18n).baseText("settings.mcp.connectWorkflows"),
+					"data-test-id": "mcp-connect-workflows-header-button",
+					size: "small",
+					type: "primary",
+					onClick: openConnectWorkflowsModal
+				}, null, 8, ["label"])) : createCommentVNode("", true), createVNode(unref(N8nTooltip_default), { content: unref(i18n).baseText("settings.mcp.refresh.tooltip") }, {
 					default: withCtx(() => [createVNode(unref(N8nButton_default), {
 						"data-test-id": "mcp-workflows-refresh-button",
 						size: "small",
@@ -1206,12 +1177,13 @@ var SettingsMCPView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 						onClick: onTableRefresh
 					})]),
 					_: 1
-				}, 8, ["content"])], 2), createBaseVNode("main", null, [selectedTab.value === "workflows" ? (openBlock(), createBlock(WorkflowsTable_default, {
+				}, 8, ["content"])], 2)], 2), createBaseVNode("main", null, [selectedTab.value === "workflows" ? (openBlock(), createBlock(WorkflowsTable_default, {
 					key: 0,
 					"data-test-id": "mcp-workflow-table",
 					workflows: availableWorkflows.value,
 					loading: workflowsLoading.value,
-					onRemoveMcpAccess: onRemoveMCPAccess,
+					onRemoveMcpAccess: _cache[2] || (_cache[2] = (workflow) => onToggleWorkflowMCPAccess(workflow.id, false)),
+					onConnectWorkflows: openConnectWorkflowsModal,
 					onUpdateDescription,
 					onRefresh: onRefreshWorkflows
 				}, null, 8, ["workflows", "loading"])) : selectedTab.value === "oauth" ? (openBlock(), createBlock(OAuthClientsTable_default, {
@@ -1226,15 +1198,15 @@ var SettingsMCPView_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 		};
 	}
 });
-const container = "_container_11gme_123";
-const headings = "_headings_11gme_141";
-const description = "_description_11gme_146";
+const container = "_container_84c03_123";
+const headings = "_headings_84c03_141";
+const actions = "_actions_84c03_153";
 var SettingsMCPView_vue_vue_type_style_index_0_lang_module_default = {
 	container,
-	"main-header": "_main-header_11gme_128",
+	"main-header": "_main-header_84c03_128",
 	headings,
-	description,
-	"tabs-header": "_tabs-header_11gme_152"
+	"tabs-header": "_tabs-header_84c03_147",
+	actions
 };
 var SettingsMCPView_default = /* @__PURE__ */ __plugin_vue_export_helper_default(SettingsMCPView_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": SettingsMCPView_vue_vue_type_style_index_0_lang_module_default }]]);
 export { SettingsMCPView_default as default };