n8n-editor-ui 2.3.3 → 2.4.1

package/dist/assets/{useCanvasMapping-BLB5IFnL.js → CanvasRunWorkflowButton-D05EeNT9.js}

@@ -1,181 +1,27 @@
-import { o as __toESM, t as __commonJSMin } from "./chunk-6z4oVpB-.js";
-import { C as computed, Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, G as nextTick, Gt as unref, I as guardReactiveProps, It as ref, J as onBeforeUnmount, L as h, M as createVNode, P as defineComponent, Pt as reactive, Q as onUnmounted, T as createBlock, U as mergeModels, Vt as toRef, W as mergeProps, Z as onMounted, _ as Fragment, _t as watch, at as renderSlot, b as Teleport, bn as normalizeStyle, bt as withCtx, c as useCssModule, ct as resolveDynamicComponent, et as openBlock, ft as useModel, h as withModifiers, it as renderList, j as createTextVNode, k as createSlots, n as Transition, nt as provide, p as vShow, pt as useSlots, ut as useAttrs, vn as normalizeClass, vt as watchEffect, w as createBaseVNode, xt as withDirectives, y as Suspense, yn as normalizeProps, z as inject } from "./vue.runtime.esm-bundler-tP5dCd7J.js";
-import { _ as onKeyDown, _t as useI18n, at as useThrottleFn, ct as watchThrottled, st as watchOnce, vt as I18nT, y as onKeyUp } from "./_MapCache-ficiegRb.js";
-import { D as N8nPopover_default, S as N8nSticky_default, Sn as N8nButton_default, ct as useDeviceSupport, ht as N8nTooltip_default, mt as N8nLink_default, ot as N8nActionDropdown_default, wn as N8nIcon_default, xn as N8nText_default, xt as N8nIconButton_default } from "./src-BiuB4CZc.js";
-import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
-import { T as createEventBus, n as truncateBeforeLast, v as useRoute, y as useRouter } from "./truncate-B1HVeveJ.js";
-import { $ as MarkerType, $i as nodeViewEventBus, B as PUSH_NODES_OFFSET, E as sanitizeHtml, F as CONFIGURATION_NODE_RADIUS, Gi as isPresent, Gn as useNodeHelpers, Jr as CanvasNodeDirtiness, Kn as injectWorkflowState, L as DEFAULT_NODE_SIZE, M as useNDVStore, N as useWorkflowsStore, Nt as useNodeTypesStore, O as useTelemetry, Q as updateViewportToContainNodes, T as isOutsideSelected, Ti as getTriggerNodeServiceName, Un as environments_store_default, Ur as isValidNodeConnectionType, V as calculateNodeSize, Xr as useHistoryStore, Yr as CanvasNodeRenderType, Zn as useSourceControlStore, _t as wheelDelta, at as _sfc_main$3, c as useTemplatesStore, ct as clamp, d as trackTemplatesClick, dt as getConnectedEdges, et as NodeId, f as useTemplatesDataQualityStore, fs as v4_default, ft as getRectOfNodes, gs as useSettingsStore, gt as useVueFlow, ht as useGetPointerPosition, it as _sfc_main$1, l as TemplateClickSource, lt as getBezierPath, mt as isMacOs, na as globalLinkActionsEventBus, nt as Position, oa as useUIStore, ot as _sfc_main$d, pt as getSmoothStepPath, q as getMousePosition, qr as CanvasConnectionMode, rt as _sfc_main$4, st as _sfc_main$f, tt as PanelPosition, u as isExtraTemplateLinksExperimentEnabled, ut as getBoundsofRects, v as useToast, xt as isChatNode, y as useStyles, z as GRID_SIZE } from "./builder.store-CgMqPgnW.js";
-import { D as TitledList_default } from "./ParameterInputList-D3pQ9DPD.js";
-import { $i as getNodeInputs, $s as CanvasKey, Ao as getResourcePermissions, Bo as VIEWS, Cc as CANVAS_EXECUTION_DATA_THROTTLE_DURATION, Da as isCommunityPackageName, F as CUSTOM_API_CALL_KEY, Ga as NodeConnectionTypes, Gn as PRODUCTION_ONLY_TRIGGER_NODE_TYPES, Jo as EXPERIMENT_TEMPLATES_DATA_QUALITY_KEY, Ki as mapConnectionsByDestination, Ln as NOT_DUPLICATABLE_NODE_TYPES, St as NODE_CREATOR_OPEN_SOURCES, _o as require_isEqual, di as buildAdjacencyList, ea as getNodeOutputs, ec as CanvasNodeHandleKey, fi as parseExtractableSubgraphSelection, fo as SEND_AND_WAIT_OPERATION, gi as extractReferencesInNodeExpressions, go as WEBHOOK_NODE_TYPE, ho as WAIT_INDEFINITELY, la as isExecutable, ln as FORM_NODE_TYPE, mr as WAIT_NODE_TYPE, nc as ExpressionLocalResolveContextSymbol, nr as SIMULATE_TRIGGER_NODE_TYPE, oa as getSubworkflowId, ro as EXECUTE_WORKFLOW_TRIGGER_NODE_TYPE, sr as STICKY_NODE_TYPE, tc as CanvasNodeKey, tr as SIMULATE_NODE_TYPE, ua as isNodeWithWorkflowSelector, ys as WORKFLOW_EXTRACTION_NAME_MODAL_KEY, zt as CHAT_TRIGGER_NODE_TYPE } from "./constants-B5yiZflE.js";
-import { t as useAssistantStore } from "./assistant.store-BWyMPD4R.js";
-import { t as useChatPanelStore } from "./chatPanel.store-gj4bbTwF.js";
-import { r as useNodeDirtiness, t as useRunWorkflow } from "./useRunWorkflow-BK9B9ALV.js";
-import { t as usePinnedData } from "./usePinnedData-B88__knO.js";
-import { c as mapLegacyEndpointsToCanvasConnectionPort, i as insertSpacersBetweenEndpoints, l as parseCanvasConnectionHandleString, n as checkOverlap, r as createCanvasConnectionHandleString, s as mapLegacyConnectionsToCanvasConnections, t as useNodeCreatorStore } from "./nodeCreator.store-CXJtK_5o.js";
-import { t as getNodeIconSource } from "./nodeIcon-CIlNGIQ6.js";
-import { a as useLogsStore, i as useExperimentalNdvStore, t as useCanvasOperations } from "./useCanvasOperations-BttAaAbZ.js";
-import { t as NodeIcon_default } from "./NodeIcon-t97i3ntx.js";
-import { t as KeyboardShortcutTooltip_default } from "./KeyboardShortcutTooltip-Bpb4SkjE.js";
-import { t as useTelemetryContext } from "./useTelemetryContext-DoX4HWmg.js";
-import { t as NodeSettings_default } from "./NodeSettings-Cz9vhjW-.js";
-import { t as useKeybindings } from "./useKeybindings-30WRTvmG.js";
-var CanvasRunWorkflowButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
-	__name: "CanvasRunWorkflowButton",
-	props: {
-		selectedTriggerNodeName: {},
-		triggerNodes: {},
-		waitingForWebhook: { type: Boolean },
-		executing: { type: Boolean },
-		disabled: { type: Boolean },
-		hideTooltip: { type: Boolean },
-		label: {},
-		size: {},
-		includeChatTrigger: { type: Boolean },
-		getNodeType: { type: Function }
-	},
-	emits: [
-		"mouseenter",
-		"mouseleave",
-		"execute",
-		"selectTriggerNode"
-	],
-	setup(__props, { emit: __emit }) {
-		const emit = __emit;
-		const props = __props;
-		const i18n = useI18n();
-		const selectableTriggerNodes = computed(() => props.triggerNodes.filter((node$1) => !node$1.disabled && (props.includeChatTrigger ? true : !isChatNode(node$1))));
-		const label$7 = computed(() => {
-			if (!props.executing) return props.label ?? i18n.baseText("nodeView.runButtonText.executeWorkflow");
-			if (props.waitingForWebhook) return i18n.baseText("nodeView.runButtonText.waitingForTriggerEvent");
-			return i18n.baseText("nodeView.runButtonText.executingWorkflow");
-		});
-		const actions$1 = computed(() => props.triggerNodes.filter((node$1) => props.includeChatTrigger ? true : !isChatNode(node$1)).toSorted((a, b) => {
-			const [aX, aY] = a.position;
-			const [bX, bY] = b.position;
-			return aY === bY ? aX - bX : aY - bY;
-		}).map((node$1) => ({
-			label: truncateBeforeLast(node$1.name, 50),
-			disabled: !!node$1.disabled || props.executing,
-			id: node$1.name,
-			checked: props.selectedTriggerNodeName === node$1.name
-		})));
-		const isSplitButton = computed(() => selectableTriggerNodes.value.length > 1 && props.selectedTriggerNodeName !== void 0);
-		function getNodeTypeByName(name) {
-			const node$1 = props.triggerNodes.find((trigger$2) => trigger$2.name === name);
-			if (!node$1) return null;
-			return props.getNodeType(node$1.type, node$1.typeVersion);
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass([_ctx.$style.component, isSplitButton.value ? _ctx.$style.split : ""]) }, [createVNode(KeyboardShortcutTooltip_default, {
-				label: label$7.value,
-				shortcut: {
-					metaKey: true,
-					keys: ["↵"]
-				},
-				disabled: _ctx.executing || _ctx.hideTooltip
-			}, {
-				default: withCtx(() => [createVNode(unref(N8nButton_default), {
-					class: normalizeClass(_ctx.$style.button),
-					loading: _ctx.executing,
-					disabled: _ctx.disabled,
-					size: _ctx.size ?? "large",
-					icon: "flask-conical",
-					type: "primary",
-					"data-test-id": "execute-workflow-button",
-					onMouseenter: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("mouseenter", $event)),
-					onMouseleave: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("mouseleave", $event)),
-					onClick: _cache[2] || (_cache[2] = ($event) => emit("execute"))
-				}, {
-					default: withCtx(() => [createBaseVNode("span", { class: normalizeClass(_ctx.$style.buttonContent) }, [createTextVNode(toDisplayString(label$7.value) + " ", 1), isSplitButton.value ? (openBlock(), createBlock(unref(N8nText_default), {
-						key: 0,
-						class: normalizeClass(_ctx.$style.subText),
-						bold: false
-					}, {
-						default: withCtx(() => [createVNode(unref(I18nT), {
-							keypath: "nodeView.runButtonText.from",
-							scope: "global"
-						}, {
-							nodeName: withCtx(() => [createVNode(unref(N8nText_default), {
-								bold: "",
-								size: "mini"
-							}, {
-								default: withCtx(() => [createTextVNode(toDisplayString(unref(truncateBeforeLast)(props.selectedTriggerNodeName ?? "", 25)), 1)]),
-								_: 1
-							})]),
-							_: 1
-						})]),
-						_: 1
-					}, 8, ["class"])) : createCommentVNode("", true)], 2)]),
-					_: 1
-				}, 8, [
-					"class",
-					"loading",
-					"disabled",
-					"size"
-				])]),
-				_: 1
-			}, 8, ["label", "disabled"]), isSplitButton.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createBaseVNode("div", {
-				role: "presentation",
-				class: normalizeClass(_ctx.$style.divider)
-			}, null, 2), createVNode(unref(N8nActionDropdown_default), {
-				class: normalizeClass(_ctx.$style.menu),
-				items: actions$1.value,
-				disabled: _ctx.disabled,
-				placement: "top",
-				"extra-popper-class": _ctx.$style.menuPopper,
-				onSelect: _cache[3] || (_cache[3] = ($event) => emit("selectTriggerNode", $event))
-			}, {
-				activator: withCtx(() => [createVNode(unref(N8nButton_default), {
-					type: "primary",
-					"icon-size": "large",
-					disabled: _ctx.disabled,
-					class: normalizeClass(_ctx.$style.chevron),
-					"aria-label": "Select trigger node",
-					icon: "chevron-down"
-				}, null, 8, ["disabled", "class"])]),
-				menuItem: withCtx((item) => [createBaseVNode("div", { class: normalizeClass([_ctx.$style.menuItem, item.disabled ? _ctx.$style.disabled : ""]) }, [createVNode(NodeIcon_default, {
-					class: normalizeClass(_ctx.$style.menuIcon),
-					size: 16,
-					"node-type": getNodeTypeByName(item.id)
-				}, null, 8, ["class", "node-type"]), createBaseVNode("span", null, [createVNode(unref(I18nT), {
-					keypath: "nodeView.runButtonText.from",
-					scope: "global"
-				}, {
-					nodeName: withCtx(() => [createVNode(unref(N8nText_default), {
-						bold: "",
-						size: "small"
-					}, {
-						default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1)]),
-						_: 2
-					}, 1024)]),
-					_: 2
-				}, 1024)])], 2)]),
-				_: 1
-			}, 8, [
-				"class",
-				"items",
-				"disabled",
-				"extra-popper-class"
-			])], 64)) : createCommentVNode("", true)], 2);
-		};
-	}
-});
-var CanvasRunWorkflowButton_vue_vue_type_style_index_0_lang_module_default = {
-	component: "_component_1dst5_123",
-	split: "_split_1dst5_129",
-	button: "_button_1dst5_129",
-	divider: "_divider_1dst5_137",
-	chevron: "_chevron_1dst5_142",
-	menu: "_menu_1dst5_148",
-	menuPopper: "_menuPopper_1dst5_152",
-	menuItem: "_menuItem_1dst5_156",
-	disabled: "_disabled_1dst5_162",
-	menuIcon: "_menuIcon_1dst5_162",
-	buttonContent: "_buttonContent_1dst5_166",
-	subText: "_subText_1dst5_173"
-};
-var CanvasRunWorkflowButton_default = /* @__PURE__ */ __plugin_vue_export_helper_default(CanvasRunWorkflowButton_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": CanvasRunWorkflowButton_vue_vue_type_style_index_0_lang_module_default }]]);
-var import_isEqual$1 = /* @__PURE__ */ __toESM(require_isEqual());
+import { o as __toESM, t as __commonJSMin } from "./chunk-r2Y0G7H8.js";
+import { C as computed, Cn as toDisplayString, D as createElementBlock, E as createCommentVNode, G as nextTick, Gt as unref, I as guardReactiveProps, It as ref, J as onBeforeUnmount, L as h, M as createVNode, P as defineComponent, Pt as reactive, Q as onUnmounted, T as createBlock, U as mergeModels, Vt as toRef, W as mergeProps, Z as onMounted, _ as Fragment, _t as watch, at as renderSlot, b as Teleport, bn as normalizeStyle, bt as withCtx, c as useCssModule, ct as resolveDynamicComponent, et as openBlock, ft as useModel, h as withModifiers, it as renderList, j as createTextVNode, k as createSlots, n as Transition, nt as provide, p as vShow, pt as useSlots, ut as useAttrs, vn as normalizeClass, vt as watchEffect, w as createBaseVNode, xt as withDirectives, y as Suspense, yn as normalizeProps, z as inject } from "./vue.runtime.esm-bundler-XtMkEjzB.js";
+import { _ as onKeyDown, _t as useI18n, at as useThrottleFn, ct as watchThrottled, st as watchOnce, vt as I18nT, y as onKeyUp } from "./_MapCache-DkLivSSb.js";
+import { C as N8nSticky_default, O as N8nPopover_default, On as N8nText_default, Ot as N8nIconButton_default, St as N8nTooltip_default, ft as N8nActionDropdown_default, jn as N8nIcon_default, kn as N8nButton_default, mt as useDeviceSupport, xt as N8nLink_default } from "./src-DpZSuyLC.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-fRq25RGE.js";
+import { T as createEventBus, n as truncateBeforeLast, v as useRoute, y as useRouter } from "./truncate-BrM_9cme.js";
+import { $n as isExtraTemplateLinksExperimentEnabled, $r as useHistoryStore, Bn as _sfc_main$d, C as useNodeTypesStore, Cc as isOutsideSelected, Dn as getMousePosition, Dr as v4_default, Fn as PanelPosition, Ft as useNDVStore, Gn as getConnectedEdges, Hn as clamp, In as Position, It as injectWorkflowState, Ji as isPresent, Jn as isMacOs, Kn as getRectOfNodes, Kr as isValidNodeConnectionType, Ln as _sfc_main$4, Mn as updateViewportToContainNodes, Mt as useTelemetry, Nn as MarkerType, Oi as getTriggerNodeServiceName, Pn as NodeId, Qn as TemplateClickSource, Qr as CanvasNodeRenderType, Rn as _sfc_main$1, Un as getBezierPath, Vn as _sfc_main$f, Wn as getBoundsofRects, Xn as useVueFlow, Xr as CanvasConnectionMode, Yn as useGetPointerPosition, Zn as wheelDelta, Zr as CanvasNodeDirtiness, _n as DEFAULT_NODE_SIZE, aa as globalLinkActionsEventBus, bn as PUSH_NODES_OFFSET, br as useToast, d as isChatNode, er as trackTemplatesClick, hn as CONFIGURATION_NODE_RADIUS, hr as useSourceControlStore, jt as useNodeHelpers, kt as environments_store_default, ls as useSettingsStore, na as nodeViewEventBus, pn as useTemplatesStore, qn as getSmoothStepPath, r as useUIStore, s as useWorkflowsStore, tr as useTemplatesDataQualityStore, wc as sanitizeHtml, xn as calculateNodeSize, xr as useStyles, yn as GRID_SIZE, zn as _sfc_main$3 } from "./users.store-KBMG-745.js";
+import { k as TitledList_default } from "./ParameterInputList-Cb2_SQfz.js";
+import { $s as CanvasNodeKey, Ea as isCommunityPackageName, F as CUSTOM_API_CALL_KEY, In as NOT_DUPLICATABLE_NODE_TYPES, Qi as getNodeOutputs, Qs as CanvasNodeHandleKey, Rt as CHAT_TRIGGER_NODE_TYPE, St as NODE_CREATOR_OPEN_SOURCES, Wa as NodeConnectionTypes, Wi as mapConnectionsByDestination, Wn as PRODUCTION_ONLY_TRIGGER_NODE_TYPES, Zi as getNodeInputs, Zs as CanvasKey, _s as WORKFLOW_EXTRACTION_NAME_MODAL_KEY, ca as isNodeWithWorkflowSelector, cn as FORM_NODE_TYPE, di as parseExtractableSubgraphSelection, do as SEND_AND_WAIT_OPERATION, ec as ExpressionLocalResolveContextSymbol, gi as extractReferencesInNodeExpressions, go as require_isEqual, ho as WEBHOOK_NODE_TYPE, ia as getSubworkflowId, ko as getResourcePermissions, mo as WAIT_INDEFINITELY, mr as WAIT_NODE_TYPE, no as EXECUTE_WORKFLOW_TRIGGER_NODE_TYPE, nr as SIMULATE_TRIGGER_NODE_TYPE, qo as EXPERIMENT_TEMPLATES_DATA_QUALITY_KEY, sa as isExecutable, sr as STICKY_NODE_TYPE, tr as SIMULATE_NODE_TYPE, ui as buildAdjacencyList, xc as CANVAS_EXECUTION_DATA_THROTTLE_DURATION, zo as VIEWS } from "./constants-CRdXn3zB.js";
+import { t as useAssistantStore } from "./assistant.store-BsyT2BFh.js";
+import { t as useChatPanelStore } from "./chatPanel.store-XTtvoDW8.js";
+import { t as usePinnedData } from "./usePinnedData-BFTyeyJG.js";
+import { t as useNodeCreatorStore } from "./nodeCreator.store-BL_XgPCV.js";
+import { c as parseCanvasConnectionHandleString, n as createCanvasConnectionHandleString, o as mapLegacyConnectionsToCanvasConnections, r as insertSpacersBetweenEndpoints, s as mapLegacyEndpointsToCanvasConnectionPort, t as checkOverlap } from "./canvas.utils-6yT3qDz5.js";
+import { t as getNodeIconSource } from "./nodeIcon-G45tSifH.js";
+import { a as useLogsStore, i as useExperimentalNdvStore, t as useCanvasOperations } from "./useCanvasOperations-DY9_Vcrs.js";
+import { t as NodeIcon_default } from "./NodeIcon-SaoWBT_U.js";
+import { t as useTelemetryContext } from "./useTelemetryContext-CE5phjaX.js";
+import { r as useNodeDirtiness, t as useRunWorkflow } from "./useRunWorkflow-wOjZEWNr.js";
+import { t as useCollaborationStore } from "./collaboration.store-DuCY-6U-.js";
+import { t as NodeSettings_default } from "./NodeSettings-BWWEo77y.js";
+import { t as KeyboardShortcutTooltip_default } from "./KeyboardShortcutTooltip-Dwz4Hv8g.js";
+import { t as useKeybindings } from "./useKeybindings-MR6cNtmK.js";
+var import_isEqual$1 = /* @__PURE__ */ __toESM(require_isEqual(), 1);
 var CANVAS_HISTORY_OPTIONS = {
 	trackBulk: false,
 	trackHistory: true
@@ -388,7 +234,7 @@ function useWorkflowExtraction() {
 			if ((0, import_isEqual$1.default)(node$1, currentNode)) continue;
 			canvasOperations.replaceNodeParameters(node$1.id, { ...currentNode?.parameters }, { ...node$1.parameters }, CANVAS_HISTORY_OPTIONS);
 		}
-		uiStore.stateIsDirty = true;
+		uiStore.markStateDirty();
 		historyStore.stopRecordingUndo();
 	}
 	function tryExtractNodesIntoSubworkflow(nodeIds) {
@@ -465,7 +311,7 @@ function useGlobalLinkActions() {
 		state.customActions[key] = action;
 	}
 	function unregisterCustomAction(key) {
-		const { [key]: _,...rest } = state.customActions;
+		const { [key]: _, ...rest } = state.customActions;
 		state.customActions = rest;
 	}
 	function getElementAttributes(element) {
@@ -653,7 +499,7 @@ var CanvasNodeStatusIcons_vue_vue_type_script_setup_true_lang_default = /* @__PU
 				content: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("node.install-to-use")), 1)]),
 				default: withCtx(() => [createVNode(unref(N8nIcon_default), {
 					icon: "hard-drive-download",
-					size: _ctx.size
+					size: __props.size
 				}, null, 8, ["size"])]),
 				_: 1
 			})], 2)) : unref(isDisabled) ? (openBlock(), createElementBlock("div", {
@@ -661,7 +507,7 @@ var CanvasNodeStatusIcons_vue_vue_type_script_setup_true_lang_default = /* @__PU
 				class: normalizeClass([...commonClasses.value, unref($style).disabled])
 			}, [createVNode(unref(N8nIcon_default), {
 				icon: "power",
-				size: _ctx.size
+				size: __props.size
 			}, null, 8, ["size"])], 2)) : unref(hasExecutionErrors) && !hideNodeIssues.value ? (openBlock(), createElementBlock("div", {
 				key: 2,
 				class: normalizeClass([...commonClasses.value, unref($style).issues]),
@@ -676,7 +522,7 @@ var CanvasNodeStatusIcons_vue_vue_type_script_setup_true_lang_default = /* @__PU
 				}, null, 8, ["title", "items"])]),
 				default: withCtx(() => [createVNode(unref(N8nIcon_default), {
 					icon: "node-execution-error",
-					size: _ctx.size
+					size: __props.size
 				}, null, 8, ["size"])]),
 				_: 1
 			})], 2)) : unref(hasValidationErrors) && !hideNodeIssues.value ? (openBlock(), createElementBlock("div", {
@@ -693,7 +539,7 @@ var CanvasNodeStatusIcons_vue_vue_type_script_setup_true_lang_default = /* @__PU
 				}, null, 8, ["title", "items"])]),
 				default: withCtx(() => [createVNode(unref(N8nIcon_default), {
 					icon: "node-validation-error",
-					size: _ctx.size
+					size: __props.size
 				}, null, 8, ["size"])]),
 				_: 1
 			})], 2)) : unref(executionStatus) === "unknown" ? (openBlock(), createElementBlock("div", _hoisted_1$17)) : unref(hasPinnedData) && !unref(nodeHelpers).isProductionExecutionPreview.value ? (openBlock(), createElementBlock("div", {
@@ -702,7 +548,7 @@ var CanvasNodeStatusIcons_vue_vue_type_script_setup_true_lang_default = /* @__PU
 				class: normalizeClass([...commonClasses.value, unref($style).pinnedData])
 			}, [createVNode(unref(N8nIcon_default), {
 				icon: "node-pin",
-				size: _ctx.size
+				size: __props.size
 			}, null, 8, ["size"])], 2)) : dirtiness.value !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_2$7, [createVNode(unref(N8nTooltip_default), {
 				"show-after": 500,
 				placement: "bottom"
@@ -713,7 +559,7 @@ var CanvasNodeStatusIcons_vue_vue_type_script_setup_true_lang_default = /* @__PU
 					class: normalizeClass([...commonClasses.value, unref($style).warning])
 				}, [createVNode(unref(N8nIcon_default), {
 					icon: "node-dirty",
-					size: _ctx.size
+					size: __props.size
 				}, null, 8, ["size"]), unref(runDataIterations) > 1 ? (openBlock(), createElementBlock("span", {
 					key: 0,
 					class: normalizeClass(unref($style).count)
@@ -725,7 +571,7 @@ var CanvasNodeStatusIcons_vue_vue_type_script_setup_true_lang_default = /* @__PU
 				class: normalizeClass([...commonClasses.value, unref($style).runData])
 			}, [createVNode(unref(N8nIcon_default), {
 				icon: "node-success",
-				size: _ctx.size
+				size: __props.size
 			}, null, 8, ["size"]), unref(runDataIterations) > 1 ? (openBlock(), createElementBlock("span", {
 				key: 0,
 				class: normalizeClass(unref($style).count)
@@ -926,7 +772,7 @@ var CanvasNodeToolbar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 				onMouseleave: onMouseLeave,
 				onMousedown: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"])),
 				onClick: _cache[2] || (_cache[2] = withModifiers(() => {}, ["stop"]))
-			}, [createBaseVNode("div", { class: normalizeClass([unref($style).canvasNodeToolbarItems, _ctx.itemsClass]) }, [
+			}, [createBaseVNode("div", { class: normalizeClass([unref($style).canvasNodeToolbarItems, __props.itemsClass]) }, [
 				isExecuteNodeVisible.value ? (openBlock(), createBlock(unref(N8nTooltip_default), {
 					key: 0,
 					placement: "top",
@@ -987,7 +833,7 @@ var CanvasNodeToolbar_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 					icon: "node-ellipsis",
 					onClick: withModifiers(onOpenContextMenu, ["stop"])
 				})
-			], 2), _ctx.showStatusIcons ? (openBlock(), createBlock(CanvasNodeStatusIcons_default, {
+			], 2), __props.showStatusIcons ? (openBlock(), createBlock(CanvasNodeStatusIcons_default, {
 				key: 0,
 				class: normalizeClass(unref($style).statusIcons),
 				"spinner-layout": "static"
@@ -1184,11 +1030,11 @@ var ExperimentalCanvasNodeSettings_default = /* @__PURE__ */ defineComponent({
 				"active-node": activeNode.value,
 				"push-ref": unref(ndvStore).pushRef,
 				"foreign-credentials": foreignCredentials.value,
-				"read-only": _ctx.isReadOnly,
+				"read-only": __props.isReadOnly,
 				"block-u-i": blockUi.value,
-				executable: !_ctx.isReadOnly,
-				"is-embedded-in-canvas": _ctx.isEmbeddedInCanvas,
-				"sub-title": _ctx.subTitle,
+				executable: !__props.isReadOnly,
+				"is-embedded-in-canvas": __props.isEmbeddedInCanvas,
+				"sub-title": __props.subTitle,
 				"extra-tabs-class-name": "nodrag",
 				"extra-parameter-wrapper-class-name": "nodrag",
 				"is-ndv-v2": "",
@@ -1239,7 +1085,7 @@ var ExperimentalEmbeddedNdvActions_vue_vue_type_script_setup_true_lang_default =
 				"aria-label": "Open...",
 				onClick: _cache[0] || (_cache[0] = withModifiers(($event) => emit("openNdv"), ["stop"]))
 			}), createVNode(unref(N8nIconButton_default), {
-				icon: _ctx.isExpanded ? "chevron-down" : "chevron-up",
+				icon: __props.isExpanded ? "chevron-down" : "chevron-up",
 				type: "secondary",
 				text: "",
 				size: "mini",
@@ -1342,9 +1188,9 @@ var ExperimentalEmbeddedNodeDetails_vue_vue_type_script_setup_true_lang_default
 			}, [!node$1.value || !isOnceVisible.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [], 64)) : isExpanded.value ? (openBlock(), createBlock(ExperimentalCanvasNodeSettings_default, {
 				key: 1,
 				tabindex: "-1",
-				"node-id": _ctx.nodeId,
+				"node-id": __props.nodeId,
 				class: normalizeClass(_ctx.$style.settingsView),
-				"is-read-only": _ctx.isReadOnly,
+				"is-read-only": __props.isReadOnly,
 				"sub-title": subTitle.value,
 				"input-node-name": unref(expressionResolveCtx)?.inputNode?.name,
 				"is-embedded-in-canvas": "",
@@ -1595,24 +1441,24 @@ var CanvasNodeDefault_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 		};
 	}
 });
-const node = "_node_y72lx_123";
-const trigger$1 = "_trigger_y72lx_146";
-const running = "_running_y72lx_149";
-const waiting = "_waiting_y72lx_149";
-const configuration = "_configuration_y72lx_152";
-const statusIcons = "_statusIcons_y72lx_158";
-const configurable = "_configurable_y72lx_161";
-const icon = "_icon_y72lx_161";
-const description = "_description_y72lx_164";
-const label$6 = "_label_y72lx_177";
-const subtitle = "_subtitle_y72lx_180";
-const selected$1 = "_selected_y72lx_193";
-const success$1 = "_success_y72lx_197";
-const warning = "_warning_y72lx_204";
-const error = "_error_y72lx_208";
-const pinned = "_pinned_y72lx_211";
-const disabled = "_disabled_y72lx_218";
-const disabledLabel = "_disabledLabel_y72lx_281";
+const node = "_node_xjtm2_123";
+const trigger$1 = "_trigger_xjtm2_146";
+const running = "_running_xjtm2_149";
+const waiting = "_waiting_xjtm2_149";
+const configuration = "_configuration_xjtm2_152";
+const statusIcons = "_statusIcons_xjtm2_158";
+const configurable = "_configurable_xjtm2_161";
+const icon = "_icon_xjtm2_161";
+const description = "_description_xjtm2_164";
+const label$6 = "_label_xjtm2_177";
+const subtitle = "_subtitle_xjtm2_180";
+const selected$1 = "_selected_xjtm2_193";
+const success$1 = "_success_xjtm2_197";
+const warning = "_warning_xjtm2_204";
+const error = "_error_xjtm2_208";
+const pinned = "_pinned_xjtm2_211";
+const disabled$1 = "_disabled_xjtm2_218";
+const disabledLabel = "_disabledLabel_xjtm2_281";
 var CanvasNodeDefault_vue_vue_type_style_index_0_lang_module_default = {
 	node,
 	trigger: trigger$1,
@@ -1630,8 +1476,8 @@ var CanvasNodeDefault_vue_vue_type_style_index_0_lang_module_default = {
 	warning,
 	error,
 	pinned,
-	disabled,
-	"border-rotate": "_border-rotate_y72lx_1",
+	disabled: disabled$1,
+	"border-rotate": "_border-rotate_xjtm2_1",
 	disabledLabel
 };
 var CanvasNodeDefault_default = /* @__PURE__ */ __plugin_vue_export_helper_default(CanvasNodeDefault_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": CanvasNodeDefault_vue_vue_type_style_index_0_lang_module_default }]]);
@@ -3281,7 +3127,7 @@ var CanvasHandleDot_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 		const props = __props;
 		const isOutputHandle = computed(() => props.handleClasses === "source");
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass([_ctx.$style.wrapper, { [_ctx.$style.output]: isOutputHandle.value }]) }, [createBaseVNode("div", { class: normalizeClass([_ctx.$style.dot, _ctx.handleClasses]) }, null, 2)], 2);
+			return openBlock(), createElementBlock("div", { class: normalizeClass([_ctx.$style.wrapper, { [_ctx.$style.output]: isOutputHandle.value }]) }, [createBaseVNode("div", { class: normalizeClass([_ctx.$style.dot, __props.handleClasses]) }, null, 2)], 2);
 		};
 	}
 });
@@ -3400,7 +3246,7 @@ var CanvasHandlePlus_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 				viewBox: `0 0 ${viewBox.value.width} ${viewBox.value.height}`,
 				style: normalizeStyle(styles.value)
 			}, [createBaseVNode("line", {
-				class: normalizeClass([_ctx.handleClasses, _ctx.$style.line]),
+				class: normalizeClass([__props.handleClasses, _ctx.$style.line]),
 				x1: linePosition.value[0][0],
 				y1: linePosition.value[0][1],
 				x2: linePosition.value[1][0],
@@ -3410,13 +3256,13 @@ var CanvasHandlePlus_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 				"data-test-id": "canvas-handle-plus",
 				class: normalizeClass([
 					_ctx.$style.plus,
-					_ctx.handleClasses,
+					__props.handleClasses,
 					"clickable"
 				]),
 				transform: `translate(${plusPosition.value[0]}, ${plusPosition.value[1]})`,
 				onClick: withModifiers(onClick, ["stop"])
 			}, [createBaseVNode("rect", {
-				class: normalizeClass([_ctx.handleClasses, "clickable"]),
+				class: normalizeClass([__props.handleClasses, "clickable"]),
 				x: "2",
 				y: "2",
 				width: "20",
@@ -3548,7 +3394,7 @@ var CanvasHandleDiamond_vue_vue_type_script_setup_true_lang_default = /* @__PURE
 	props: { handleClasses: { default: void 0 } },
 	setup(__props) {
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(_ctx.$style.wrapper) }, [createBaseVNode("div", { class: normalizeClass([_ctx.$style.diamond, _ctx.handleClasses]) }, null, 2)], 2);
+			return openBlock(), createElementBlock("div", { class: normalizeClass(_ctx.$style.wrapper) }, [createBaseVNode("div", { class: normalizeClass([_ctx.$style.diamond, __props.handleClasses]) }, null, 2)], 2);
 		};
 	}
 });
@@ -3728,20 +3574,20 @@ var CanvasHandleRenderer_vue_vue_type_script_setup_true_lang_default = /* @__PUR
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(_sfc_main$f), mergeProps(_ctx.$attrs, {
-				id: _ctx.handleId,
+				id: __props.handleId,
 				class: handleClasses$4.value,
 				type: handleType.value,
-				position: _ctx.position,
-				style: _ctx.offset,
+				position: __props.position,
+				style: __props.offset,
 				"connectable-start": isConnectableStart.value,
 				"connectable-end": isConnectableEnd.value,
-				"is-valid-connection": _ctx.isValidConnection
+				"is-valid-connection": __props.isValidConnection
 			}), {
 				default: withCtx(() => [createVNode(RenderType, {
 					class: normalizeClass(renderTypeClasses.value),
 					"is-connected": isConnected.value,
 					"max-connections": maxConnections.value,
-					style: normalizeStyle(_ctx.offset),
+					style: normalizeStyle(__props.offset),
 					label: label$7.value,
 					onAdd: onAdd$2
 				}, null, 8, [
@@ -3781,10 +3627,11 @@ function useContextMenuItems(targetNodeIds) {
 	const nodeTypesStore = useNodeTypesStore();
 	const workflowsStore = useWorkflowsStore();
 	const sourceControlStore = useSourceControlStore();
+	const collaborationStore = useCollaborationStore();
 	const i18n = useI18n();
 	const workflowObject = computed(() => workflowsStore.workflowObject);
 	const workflowPermissions = computed(() => getResourcePermissions(workflowsStore.workflow.scopes).workflow);
-	const isReadOnly = computed(() => sourceControlStore.preferences.branchReadOnly || uiStore.isReadOnlyView || !workflowPermissions.value.update || workflowsStore.workflow.isArchived);
+	const isReadOnly = computed(() => sourceControlStore.preferences.branchReadOnly || uiStore.isReadOnlyView || !workflowPermissions.value.update || workflowsStore.workflow.isArchived || collaborationStore.shouldBeReadOnly);
 	const canOpenSubworkflow = computed(() => {
 		if (targetNodes.value.length !== 1) return false;
 		const node$1 = targetNodes.value[0];
@@ -4075,7 +3922,7 @@ var CanvasNodeTrigger_vue_vue_type_script_setup_true_lang_default = /* @__PURE__
 			}, [createBaseVNode("div", null, [createBaseVNode("div", { class: normalizeClass(_ctx.$style.bolt) }, [createVNode(unref(N8nIcon_default), {
 				icon: "bolt-filled",
 				size: "large"
-			})], 2), !_ctx.readOnly ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [_ctx.type === unref("@n8n/n8n-nodes-langchain.chatTrigger") ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [isChatOpen.value ? (openBlock(), createBlock(unref(N8nButton_default), {
+			})], 2), !__props.readOnly ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [__props.type === unref("@n8n/n8n-nodes-langchain.chatTrigger") ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [isChatOpen.value ? (openBlock(), createBlock(unref(N8nButton_default), {
 				key: 0,
 				type: "secondary",
 				icon: "message-circle",
@@ -4132,7 +3979,7 @@ var CanvasNodeTrigger_vue_vue_type_style_index_0_lang_module_default = {
 	bolt: "_bolt_19xnh_156"
 };
 var CanvasNodeTrigger_default = /* @__PURE__ */ __plugin_vue_export_helper_default(CanvasNodeTrigger_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": CanvasNodeTrigger_vue_vue_type_style_index_0_lang_module_default }]]);
-var import_isEqual = /* @__PURE__ */ __toESM(require_isEqual());
+var import_isEqual = /* @__PURE__ */ __toESM(require_isEqual(), 1);
 var _hoisted_1$12 = [
 	"data-test-id",
 	"data-node-name",
@@ -4426,7 +4273,7 @@ var CanvasNode_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 					key: 2,
 					name: data.value.name,
 					type: data.value.type,
-					hovered: _ctx.nearbyHovered,
+					hovered: __props.nearbyHovered,
 					disabled: isDisabled.value,
 					"read-only": readOnly.value,
 					class: normalizeClass(_ctx.$style.trigger),
@@ -4475,10 +4322,10 @@ var CanvasBackgroundStripedPattern_default = /* @__PURE__ */ __plugin_vue_export
 		const patternOffset = computed(() => scaledGap.value / 2);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("pattern", {
-				id: _ctx.id,
+				id: __props.id,
 				patternUnits: "userSpaceOnUse",
-				x: _ctx.x % scaledGap.value,
-				y: _ctx.y % scaledGap.value,
+				x: __props.x % scaledGap.value,
+				y: __props.y % scaledGap.value,
 				width: scaledGap.value,
 				height: scaledGap.value,
 				patternTransform: `rotate(135) translate(-${patternOffset.value},-${patternOffset.value})`
@@ -4625,14 +4472,14 @@ var CanvasBackground_default = /* @__PURE__ */ defineComponent({
 				"data-test-id": "canvas-background",
 				"pattern-color": "var(--canvas--dot--color)",
 				gap: unref(16)
-			}, createSlots({ _: 2 }, [_ctx.striped ? {
+			}, createSlots({ _: 2 }, [__props.striped ? {
 				name: "pattern-container",
 				fn: withCtx((patternProps) => [createVNode(CanvasBackgroundStripedPattern_default, {
 					id: patternProps.id,
 					"data-test-id": "canvas-background-striped-pattern",
-					x: _ctx.viewport.x,
-					y: _ctx.viewport.y,
-					zoom: _ctx.viewport.zoom
+					x: __props.viewport.x,
+					y: __props.viewport.y,
+					zoom: __props.viewport.zoom
 				}, null, 8, [
 					"id",
 					"x",
@@ -7519,7 +7366,7 @@ var import_dagre = /* @__PURE__ */ __toESM((/* @__PURE__ */ __commonJSMin(((expo
 		},
 		version: require_version()
 	};
-})))());
+})))(), 1);
 var NODE_X_SPACING = 128;
 var NODE_Y_SPACING = 96;
 var SUBGRAPH_SPACING = 128;
@@ -10695,7 +10542,7 @@ var CanvasArrowHeadMarker_default = /* @__PURE__ */ defineComponent({
 	setup(__props) {
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("svg", null, [createBaseVNode("defs", null, [createBaseVNode("marker", {
-				id: _ctx.id,
+				id: __props.id,
 				viewBox: "-10 -10 20 20",
 				refX: "0",
 				refY: "0",
@@ -10703,14 +10550,14 @@ var CanvasArrowHeadMarker_default = /* @__PURE__ */ defineComponent({
 				markerHeight: "12.5",
 				markerUnits: "strokeWidth",
 				orient: "auto-start-reverse"
-			}, _cache[0] || (_cache[0] = [createBaseVNode("polyline", {
+			}, [..._cache[0] || (_cache[0] = [createBaseVNode("polyline", {
 				"stroke-linecap": "round",
 				"stroke-linejoin": "round",
 				points: "-5,-4 0,0 -5,4 -5,-4",
 				"stroke-width": "2",
 				stroke: "context-stroke",
 				fill: "context-stroke"
-			}, null, -1)]), 8, _hoisted_1$8)])]);
+			}, null, -1)])], 8, _hoisted_1$8)])]);
 		};
 	}
 });
@@ -10804,7 +10651,7 @@ var CanvasConnectionLine_vue_vue_type_script_setup_true_lang_default = /* @__PUR
 					class: normalizeClass(classes.value),
 					style: normalizeStyle(edgeStyle.value),
 					path: segment[0],
-					"marker-end": _ctx.markerEnd
+					"marker-end": __props.markerEnd
 				}, null, 8, [
 					"class",
 					"style",
@@ -10826,10 +10673,10 @@ var _hoisted_1$7 = {
 	viewBox: "0 0 16 16"
 };
 function _sfc_render$1(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1$7, _cache[0] || (_cache[0] = [createBaseVNode("path", {
+	return openBlock(), createElementBlock("svg", _hoisted_1$7, [..._cache[0] || (_cache[0] = [createBaseVNode("path", {
 		fill: "currentColor",
 		d: "M1.6.13c-.18-.17-.47-.18-.62 0L.56.57.14.98c-.2.15-.18.44 0 .62l3.63 3.6c.1.1.1.27 0 .37-.2.2-.53.52-.93.94-.56.57-.12 1.62.22 2.11.05.07.12.1.2.1.05-.01.1-.04.15-.08l5.23-5.22c.1-.1.1-.26-.02-.34-.5-.34-1.55-.78-2.12-.22-.42.4-.75.73-.94.93-.1.1-.27.1-.37 0L1.6.13ZM9.5 3.9c.07-.09.2-.1.3-.04l6.07 3.44c.15.08.18.29.05.4l-1.21 1.22a.26.26 0 0 1-.26.07l-2.18-.64a.26.26 0 0 0-.32.33l.76 2.02c.04.1.01.2-.06.27L7.7 15.92a.26.26 0 0 1-.41-.05L3.83 9.8a.26.26 0 0 1 .04-.3l5.62-5.6Z"
-	}, null, -1)]));
+	}, null, -1)])]);
 }
 var TidyUpIcon_default = /* @__PURE__ */ __plugin_vue_export_helper_default(_sfc_main$6, [["render", _sfc_render$1]]);
 var _sfc_main$1$5 = {
@@ -11098,7 +10945,7 @@ var CanvasControlButtons_vue_vue_type_script_setup_true_lang_default = /* @__PUR
 						})]),
 						_: 1
 					}, 8, ["label"])) : createCommentVNode("", true),
-					!_ctx.readOnly ? (openBlock(), createBlock(KeyboardShortcutTooltip_default, {
+					!__props.readOnly ? (openBlock(), createBlock(KeyboardShortcutTooltip_default, {
 						key: 2,
 						label: unref(i18n).baseText("nodeView.tidyUp"),
 						shortcut: {
@@ -11216,7 +11063,11 @@ var CanvasEdge_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 		source: {},
 		target: {},
 		type: {},
-		label: {},
+		label: { type: [
+			String,
+			Object,
+			Function
+		] },
 		style: {},
 		selected: { type: Boolean },
 		sourcePosition: {},
@@ -11332,12 +11183,12 @@ var CanvasEdge_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 				style: edgeStyles.value
 			}, _ctx.$attrs), [renderSlot(_ctx.$slots, "highlight", normalizeProps(guardReactiveProps({ segments: segments.value }))), (openBlock(true), createElementBlock(Fragment, null, renderList(segments.value, (segment, index) => {
 				return openBlock(), createBlock(unref(_sfc_main$d), {
-					id: `${_ctx.id}-${index}`,
+					id: `${__props.id}-${index}`,
 					key: segment[0],
 					class: normalizeClass(edgeClasses.value),
 					style: normalizeStyle(edgeStyle.value),
 					path: segment[0],
-					"marker-end": isMainConnection.value ? _ctx.markerEnd : void 0,
+					"marker-end": isMainConnection.value ? __props.markerEnd : void 0,
 					"interaction-width": 40
 				}, null, 8, [
 					"id",
@@ -11364,7 +11215,7 @@ var CanvasEdge_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ def
 				}, null, 8, ["type"])) : (openBlock(), createElementBlock("div", {
 					key: 1,
 					class: normalizeClass(unref($style).edgeLabel)
-				}, toDisplayString(_ctx.label), 3))], 46, _hoisted_2)]),
+				}, toDisplayString(__props.label), 3))], 46, _hoisted_2)]),
 				_: 1
 			})], 64);
 		};
@@ -11448,7 +11299,6 @@ var Canvas_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		"click:connection:add",
 		"click:pane",
 		"run:workflow",
-		"save:workflow",
 		"create:workflow",
 		"drag-and-drop",
 		"tidy-up",
@@ -11569,7 +11419,7 @@ var Canvas_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 				shift_f: () => emit("toggle:focus-panel"),
 				ctrl_alt_n: () => emit("create:workflow"),
 				ctrl_enter: () => emit("run:workflow"),
-				ctrl_s: () => emit("save:workflow"),
+				ctrl_s: () => {},
 				shift_alt_t: async () => await onTidyUp({ source: "keyboard-shortcut" }),
 				alt_x: emitWithSelectedNodes((ids) => emit("extract-workflow", ids)),
 				c: () => emit("start-chat"),
@@ -11944,9 +11794,9 @@ var Canvas_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 		__expose({ executeContextMenuAction: onContextMenuAction });
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(unref(_sfc_main$1), {
-				id: _ctx.id,
-				nodes: _ctx.nodes,
-				edges: _ctx.connections,
+				id: __props.id,
+				nodes: __props.nodes,
+				edges: __props.connections,
 				class: normalizeClass(classes.value),
 				"apply-changes": false,
 				"connection-line-options": { markerEnd: unref(MarkerType).ArrowClosed },
@@ -11981,8 +11831,8 @@ var Canvas_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 			}, {
 				"node-canvas-node": withCtx((nodeProps) => [renderSlot(_ctx.$slots, "node", normalizeProps(guardReactiveProps({ nodeProps })), () => [createVNode(CanvasNode_default, mergeProps(nodeProps, {
 					data: nodeDataById.value[nodeProps.id],
-					"read-only": _ctx.readOnly,
-					"event-bus": _ctx.eventBus,
+					"read-only": __props.readOnly,
+					"event-bus": __props.eventBus,
 					hovered: nodesHoveredById.value[nodeProps.id],
 					"nearby-hovered": nodeProps.id === unref(hoveredTriggerNode).id.value,
 					onDelete: onDeleteNode,
@@ -12014,7 +11864,7 @@ var Canvas_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 					arrowHeadMarkerId: arrowHeadMarkerId.value
 				})), () => [createVNode(CanvasEdge_default, mergeProps(edgeProps, {
 					"marker-end": `url(#${arrowHeadMarkerId.value})`,
-					"read-only": _ctx.readOnly,
+					"read-only": __props.readOnly,
 					hovered: edgesHoveredById.value[edgeProps.id],
 					"bring-to-front": edgesBringToFrontById.value[edgeProps.id],
 					onAdd: onClickConnectionAdd,
@@ -12032,7 +11882,7 @@ var Canvas_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 					createVNode(CanvasArrowHeadMarker_default, { id: arrowHeadMarkerId.value }, null, 8, ["id"]),
 					renderSlot(_ctx.$slots, "canvas-background", normalizeProps(guardReactiveProps({ viewport: unref(viewport) })), () => [createVNode(CanvasBackground_default, {
 						viewport: unref(viewport),
-						striped: _ctx.readOnly
+						striped: __props.readOnly
 					}, null, 8, ["viewport", "striped"])], true),
 					createVNode(Transition, { name: "minimap" }, {
 						default: withCtx(() => [withDirectives(createVNode(unref(_sfc_main), {
@@ -12053,10 +11903,10 @@ var Canvas_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineC
 					createVNode(CanvasControlButtons_default, {
 						"data-test-id": "canvas-controls",
 						class: normalizeClass(unref($style).canvasControls),
-						position: _ctx.controlsPosition,
+						position: __props.controlsPosition,
 						"show-interactive": false,
 						zoom: unref(viewport).zoom,
-						"read-only": _ctx.readOnly,
+						"read-only": __props.readOnly,
 						"is-experimental-ndv-active": isExperimentalNdvActive$3.value,
 						onZoomToFit: onFitView,
 						onZoomIn,
@@ -12098,7 +11948,7 @@ var Canvas_vue_vue_type_style_index_0_lang_module_default = {
 	ready: "_ready_rygeb_129",
 	isExperimentalNdvActive: "_isExperimentalNdvActive_rygeb_132"
 };
-var Canvas_default = /* @__PURE__ */ __plugin_vue_export_helper_default(Canvas_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": Canvas_vue_vue_type_style_index_0_lang_module_default }], ["__scopeId", "data-v-3dfb422b"]]);
+var Canvas_default = /* @__PURE__ */ __plugin_vue_export_helper_default(Canvas_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": Canvas_vue_vue_type_style_index_0_lang_module_default }], ["__scopeId", "data-v-76d34b77"]]);
 function useCanvasMapping({ nodes, connections, workflowObject }) {
 	const i18n = useI18n();
 	const workflowsStore = useWorkflowsStore();
@@ -12573,4 +12423,160 @@ function useCanvasMapping({ nodes, connections, workflowObject }) {
 		nodes: mappedNodes
 	};
 }
-export { CanvasNode_default as a, ExperimentalCanvasNodeSettings_default as c, CanvasRunWorkflowButton_default as d, CanvasBackground_default as i, useGlobalLinkActions as l, Canvas_default as n, useContextMenuItems as o, CanvasEdge_default as r, useExpressionResolveCtx as s, useCanvasMapping as t, useWorkflowExtraction as u };
+var CanvasRunWorkflowButton_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "CanvasRunWorkflowButton",
+	props: {
+		selectedTriggerNodeName: {},
+		triggerNodes: {},
+		waitingForWebhook: { type: Boolean },
+		executing: { type: Boolean },
+		disabled: { type: Boolean },
+		hideTooltip: { type: Boolean },
+		label: {},
+		size: {},
+		includeChatTrigger: { type: Boolean },
+		getNodeType: { type: Function }
+	},
+	emits: [
+		"mouseenter",
+		"mouseleave",
+		"execute",
+		"selectTriggerNode"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const props = __props;
+		const i18n = useI18n();
+		const selectableTriggerNodes = computed(() => props.triggerNodes.filter((node$1) => !node$1.disabled && (props.includeChatTrigger ? true : !isChatNode(node$1))));
+		const label$7 = computed(() => {
+			if (!props.executing) return props.label ?? i18n.baseText("nodeView.runButtonText.executeWorkflow");
+			if (props.waitingForWebhook) return i18n.baseText("nodeView.runButtonText.waitingForTriggerEvent");
+			return i18n.baseText("nodeView.runButtonText.executingWorkflow");
+		});
+		const actions$1 = computed(() => props.triggerNodes.filter((node$1) => props.includeChatTrigger ? true : !isChatNode(node$1)).toSorted((a, b) => {
+			const [aX, aY] = a.position;
+			const [bX, bY] = b.position;
+			return aY === bY ? aX - bX : aY - bY;
+		}).map((node$1) => ({
+			label: truncateBeforeLast(node$1.name, 50),
+			disabled: !!node$1.disabled || props.executing,
+			id: node$1.name,
+			checked: props.selectedTriggerNodeName === node$1.name
+		})));
+		const isSplitButton = computed(() => selectableTriggerNodes.value.length > 1 && props.selectedTriggerNodeName !== void 0);
+		function getNodeTypeByName(name) {
+			const node$1 = props.triggerNodes.find((trigger$2) => trigger$2.name === name);
+			if (!node$1) return null;
+			return props.getNodeType(node$1.type, node$1.typeVersion);
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass([_ctx.$style.component, isSplitButton.value ? _ctx.$style.split : ""]) }, [createVNode(KeyboardShortcutTooltip_default, {
+				label: label$7.value,
+				shortcut: {
+					metaKey: true,
+					keys: ["↵"]
+				},
+				disabled: __props.executing || __props.hideTooltip
+			}, {
+				default: withCtx(() => [createVNode(unref(N8nButton_default), {
+					class: normalizeClass(_ctx.$style.button),
+					loading: __props.executing,
+					disabled: __props.disabled,
+					size: __props.size ?? "large",
+					icon: "flask-conical",
+					type: "primary",
+					"data-test-id": "execute-workflow-button",
+					onMouseenter: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("mouseenter", $event)),
+					onMouseleave: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("mouseleave", $event)),
+					onClick: _cache[2] || (_cache[2] = ($event) => emit("execute"))
+				}, {
+					default: withCtx(() => [createBaseVNode("span", { class: normalizeClass(_ctx.$style.buttonContent) }, [createTextVNode(toDisplayString(label$7.value) + " ", 1), isSplitButton.value ? (openBlock(), createBlock(unref(N8nText_default), {
+						key: 0,
+						class: normalizeClass(_ctx.$style.subText),
+						bold: false
+					}, {
+						default: withCtx(() => [createVNode(unref(I18nT), {
+							keypath: "nodeView.runButtonText.from",
+							scope: "global"
+						}, {
+							nodeName: withCtx(() => [createVNode(unref(N8nText_default), {
+								bold: "",
+								size: "mini"
+							}, {
+								default: withCtx(() => [createTextVNode(toDisplayString(unref(truncateBeforeLast)(props.selectedTriggerNodeName ?? "", 25)), 1)]),
+								_: 1
+							})]),
+							_: 1
+						})]),
+						_: 1
+					}, 8, ["class"])) : createCommentVNode("", true)], 2)]),
+					_: 1
+				}, 8, [
+					"class",
+					"loading",
+					"disabled",
+					"size"
+				])]),
+				_: 1
+			}, 8, ["label", "disabled"]), isSplitButton.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createBaseVNode("div", {
+				role: "presentation",
+				class: normalizeClass(_ctx.$style.divider)
+			}, null, 2), createVNode(unref(N8nActionDropdown_default), {
+				class: normalizeClass(_ctx.$style.menu),
+				items: actions$1.value,
+				disabled: __props.disabled,
+				placement: "top",
+				"extra-popper-class": _ctx.$style.menuPopper,
+				onSelect: _cache[3] || (_cache[3] = ($event) => emit("selectTriggerNode", $event))
+			}, {
+				activator: withCtx(() => [createVNode(unref(N8nButton_default), {
+					type: "primary",
+					"icon-size": "large",
+					disabled: __props.disabled,
+					class: normalizeClass(_ctx.$style.chevron),
+					"aria-label": "Select trigger node",
+					icon: "chevron-down"
+				}, null, 8, ["disabled", "class"])]),
+				menuItem: withCtx((item) => [createBaseVNode("div", { class: normalizeClass([_ctx.$style.menuItem, item.disabled ? _ctx.$style.disabled : ""]) }, [createVNode(NodeIcon_default, {
+					class: normalizeClass(_ctx.$style.menuIcon),
+					size: 16,
+					"node-type": getNodeTypeByName(item.id)
+				}, null, 8, ["class", "node-type"]), createBaseVNode("span", null, [createVNode(unref(I18nT), {
+					keypath: "nodeView.runButtonText.from",
+					scope: "global"
+				}, {
+					nodeName: withCtx(() => [createVNode(unref(N8nText_default), {
+						bold: "",
+						size: "small"
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(item.label), 1)]),
+						_: 2
+					}, 1024)]),
+					_: 2
+				}, 1024)])], 2)]),
+				_: 1
+			}, 8, [
+				"class",
+				"items",
+				"disabled",
+				"extra-popper-class"
+			])], 64)) : createCommentVNode("", true)], 2);
+		};
+	}
+});
+var CanvasRunWorkflowButton_vue_vue_type_style_index_0_lang_module_default = {
+	component: "_component_1dst5_123",
+	split: "_split_1dst5_129",
+	button: "_button_1dst5_129",
+	divider: "_divider_1dst5_137",
+	chevron: "_chevron_1dst5_142",
+	menu: "_menu_1dst5_148",
+	menuPopper: "_menuPopper_1dst5_152",
+	menuItem: "_menuItem_1dst5_156",
+	disabled: "_disabled_1dst5_162",
+	menuIcon: "_menuIcon_1dst5_162",
+	buttonContent: "_buttonContent_1dst5_166",
+	subText: "_subText_1dst5_173"
+};
+var CanvasRunWorkflowButton_default = /* @__PURE__ */ __plugin_vue_export_helper_default(CanvasRunWorkflowButton_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": CanvasRunWorkflowButton_vue_vue_type_style_index_0_lang_module_default }]]);
+export { CanvasBackground_default as a, useExpressionResolveCtx as c, useWorkflowExtraction as d, CanvasEdge_default as i, ExperimentalCanvasNodeSettings_default as l, useCanvasMapping as n, CanvasNode_default as o, Canvas_default as r, useContextMenuItems as s, CanvasRunWorkflowButton_default as t, useGlobalLinkActions as u };