n8n-editor-ui 1.100.0 → 1.101.0

package/dist/assets/{NodeView-DWCMsw1d.js → NodeView-DoR46iB5.js}

@@ -1,11 +1,12 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreation-T5AfZVS1.js","assets/index-ZImlcrmd.js","assets/index-CeLskvTy.css","assets/NodeCreation-RKvezEeg.css","assets/NodeDetailsView-BvClCeyF.js","assets/RunData-C-tqFRZO.js","assets/FileSaver.min-CxOI-Vgx.js","assets/useExecutionHelpers-DfJOrkT9.js","assets/RunData-B5_okvCv.css","assets/RunDataParsedAiContent-CGCVmkuV.js","assets/RunDataParsedAiContent-9EEUzCKp.css","assets/useWorkflowActivate-CnaSqjqM.js","assets/useKeybindings-Dl2fatxs.js","assets/import-curl-Q2R3Aa93.js","assets/global-link-actions-CudV1inR.js","assets/useExecutionDebugging-Bw29Xcz_.js","assets/useBeforeUnload-CX6OL9lX.js","assets/NodeDetailsView-DWA1ZgwG.css","assets/SetupWorkflowCredentialsButton-DODNIDNV.js"])))=>i.map(i=>d[i]);
-import { _ as _export_sfc$1, i as createElementBlock, g as openBlock, k as createBaseVNode, d as defineComponent, cf as PanelPosition, cg as useVueFlow, bJ as toRef, e as createBlock, w as withCtx, A as renderSlot, f as createCommentVNode, F as Fragment, j as createVNode, bQ as resolveDynamicComponent, m as unref, ch as _sfc_main$O, x as computed, h as resolveComponent, c as useI18n, b$ as KeyboardShortcutTooltip, n as normalizeClass, bf as NodeConnectionTypes, ci as getBezierPath, cj as getSmoothStepPath, ck as Position, bM as inject, cl as CanvasKey, a0 as useCssModule, cm as parseCanvasConnectionHandleString, r as ref, o as onMounted, G as renderList, cn as _sfc_main$d$1, D as normalizeStyle, J as useUIStore, bw as useNodeTypesStore, T as useWorkflowsStore, a3 as useSourceControlStore, ab as getResourcePermissions, co as isNodeWithWorkflowSelector, cp as getSubworkflowId, cq as isPresent, $ as watch, cr as getMousePosition, aG as STICKY_NODE_TYPE, bp as usePinnedData, cs as NOT_DUPLICATABLE_NODE_TYPES, ct as isExecutable, cu as Teleport, c1 as useStyles, c2 as N8nActionDropdown, bz as getDefaultExportFromCjs, cv as NODE_SIZE, cw as CanvasNodeRenderType, cx as GRID_SIZE, c4 as useThrottleFn, cy as getRectOfNodes, bT as onUnmounted, cz as onKeyDown, cA as onKeyUp, cB as useSlots, cC as useAttrs, cD as getBoundsofRects, cE as watchEffect, t as toDisplayString, cF as getConnectedEdges, bO as normalizeProps, bK as mergeProps, bu as provide, ay as h, b1 as createSlots, cG as isValidNodeConnectionType, cH as _sfc_main$3$1, cI as CanvasConnectionMode, cJ as CanvasNodeKey, cK as mergeModels, cL as useModel, z as onBeforeUnmount, br as useNodeHelpers, cM as TitledList, aZ as N8nTooltip, l as createTextVNode, cN as CanvasNodeDirtiness, v as useSettingsStore, bv as useCanvasOperations, cO as refDebounced, ag as useTemplateRef, cP as useElementSize, bF as _sfc_main$P, ah as InlineRename, aA as useNDVStore, cQ as isCommunityPackageName, cR as NPM_PACKAGE_DOCS_BASE_URL, cS as BUILTIN_NODES_DOCS_URL, cT as COMMUNITY_NODES_INSTALLATION_DOCS_URL, aX as useExternalHooks, am as useTelemetry, bW as useClipboard, a9 as useWorkflowHelpers, a as useToast, cU as OPEN_URL_PANEL_TRIGGER_NODE_TYPES, cV as PRODUCTION_ONLY_TRIGGER_NODE_TYPES, cW as MCP_TRIGGER_NODE_TYPE, cX as FORM_TRIGGER_NODE_TYPE, bo as CHAT_TRIGGER_NODE_TYPE, aY as onClickOutside, cY as toRef$1, cZ as tryOnScopeDispose, c_ as toValue, c$ as isIOS, d0 as noop$2, d1 as isObject, d2 as isClient, I as useDebounce, d3 as getNodeInputs, d4 as SWITCH_NODE_TYPE, d5 as isEqual, d6 as captureException, aC as usePostHog, d7 as useCredentialsStore, u as useUsersStore, a4 as useProjectsStore, d8 as OPEN_AI_API_CREDENTIAL_TYPE, d9 as AI_CREDITS_EXPERIMENT, da as useHistoryStore, af as ProjectTypes, db as getConnectionTypes, ce as ndvEventBus, bE as withModifiers, dc as _sfc_main$Q, a$ as _sfc_main$R, dd as CUSTOM_NODES_DOCS_URL, aI as withDirectives, aJ as vShow, de as _sfc_main$S, df as NodeCredentials, dg as get$3, dh as getNodeParameters, di as deepCopy, dj as set$3, dk as unset, dl as getUpdatedToolDescription, dm as isDefaultNodeName, dn as makeNodeName, dp as RenameNodeCommand, dq as isINodePropertyCollectionList, dr as isINodePropertiesList, ds as isINodePropertyOptionsList, dt as displayParameter, E as createEventBus, du as calculateNodeSize, dv as useGetPointerPosition, dw as clamp, dx as NodeId, dy as useNodeCreatorStore, an as nodeViewEventBus, dz as NODE_CREATOR_OPEN_SOURCES, dA as useBuilderStore, bV as withKeys, dB as CanvasNodeHandleKey, dC as Transition$1, dD as _sfc_main$f$1, b as useRouter, bq as useLogsStore, bs as useRunWorkflow, q as N8nButton, dE as insertSpacersBetweenEndpoints, dF as createCanvasConnectionHandleString, dG as useDeviceSupport, dH as isOutsideSelected, B as nextTick, dI as _sfc_main$1$4, dJ as MarkerType, dK as Suspense, bP as guardReactiveProps, dL as updateViewportToContainNodes, dM as useNodeDirtiness, dN as CUSTOM_API_CALL_KEY, dO as mapLegacyEndpointsToCanvasConnectionPort, dP as getNodeOutputs, dQ as getTriggerNodeServiceName, dR as sanitizeHtml, dS as WAIT_NODE_TYPE, dT as SEND_AND_WAIT_OPERATION, dU as FORM_NODE_TYPE, dV as WAIT_INDEFINITELY, dW as checkOverlap, dX as SIMULATE_NODE_TYPE, dY as SIMULATE_TRIGGER_NODE_TYPE, dZ as mapLegacyConnectionsToCanvasConnections, d_ as getNodeIconSource, p as N8nText, d$ as refThrottled, be as isChatNode, e0 as truncateBeforeLast, e1 as reactive, U as useRoute, a7 as useDocumentTitle, a8 as useWorkflowSaving, e2 as useEnvironmentsStore, e3 as useExternalSecretsStore, a1 as useRootStore, aB as useExecutionsStore, a2 as useCanvasStore, a6 as useNpsSurveyStore, H as useTagsStore, S as usePushConnectionStore, aV as useTemplatesStore, a5 as useFoldersStore, e4 as useAgentRequestStore, e5 as useWorkflowExtraction, W as PLACEHOLDER_EMPTY_WORKFLOW_ID, e6 as NEW_WORKFLOW_ID, V as VIEWS, bx as START_NODE_TYPE, e7 as getNodeViewTab, y as MAIN_HEADER_TABS, e8 as VALID_WORKFLOW_IMPORT_URL_REGEX, ao as useMessage, ap as MODAL_CONFIRM, e9 as jsonParse, bn as MANUAL_CHAT_TRIGGER_NODE_TYPE, ea as EVALUATION_TRIGGER_NODE_TYPE, eb as getBounds, ec as onBeforeRouteLeave, aH as onBeforeMount, aq as WORKFLOW_SETTINGS_MODAL_KEY, ed as onActivated, ee as onDeactivated, ef as defineAsyncComponent, eg as N8nCallout, aw as __vitePreload, ae as EnterpriseEditionFeature, eh as EVALUATION_NODE_TYPE, ei as getEasyAiWorkflowJson, ej as getRagStarterWorkflowJson, ek as tryToParseNumber, aO as sourceControlEventBus, el as getNodesWithNormalizedPosition, em as historyBus, en as needsAgentInput, eo as FROM_AI_PARAMETERS_MODAL_KEY, ep as DRAG_EVENT_DATA_KEY } from "./index-ZImlcrmd.js";
-import { u as useKeybindings, c as canvasEventBus } from "./useKeybindings-Dl2fatxs.js";
-import { i as importCurlEventBus } from "./import-curl-Q2R3Aa93.js";
-import { g as globalLinkActionsEventBus } from "./global-link-actions-CudV1inR.js";
-import { u as useExecutionDebugging } from "./useExecutionDebugging-Bw29Xcz_.js";
-import { u as useBeforeUnload } from "./useBeforeUnload-CX6OL9lX.js";
-const _sfc_main$N = {};
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreation-Bq5626Ha.js","assets/index-7S5ADieN.js","assets/index-BzamKJpD.css","assets/NodeCreation-32nlvQSy.css","assets/NodeDetailsView-DB-5JPUD.js","assets/RunData-DG20AzLo.js","assets/FileSaver.min-C5wzcK59.js","assets/useKeybindings-CV0VsjNP.js","assets/useKeybindings-BUK7Ngh6.css","assets/useExecutionHelpers-BfF56crp.js","assets/RunData-B5_okvCv.css","assets/RunDataParsedAiContent-DRO1Bjsh.js","assets/RunDataParsedAiContent-9EEUzCKp.css","assets/InfoAccordion-CEk3XG5b.js","assets/InfoAccordion-dxudNqVC.css","assets/useWorkflowActivate-BKz3N1SO.js","assets/ActionDropdown-BujIG0Jq.js","assets/ActionDropdown-BmC0wfMx.css","assets/import-curl-DD21H3kK.js","assets/global-link-actions-olwfH36z.js","assets/useExecutionDebugging-DM4nhx6D.js","assets/useBeforeUnload-DveXGtGN.js","assets/NodeDetailsView-BaIj2qAa.css","assets/SetupWorkflowCredentialsButton-BWISZAxq.js"])))=>i.map(i=>d[i]);
+import { _ as _export_sfc$1, i as createElementBlock, g as openBlock, k as createBaseVNode, d as defineComponent, cs as PanelPosition, ct as useVueFlow, bZ as toRef, e as createBlock, w as withCtx, J as renderSlot, f as createCommentVNode, F as Fragment, j as createVNode, c2 as resolveDynamicComponent, m as unref, cu as _sfc_main$Q, x as computed, $ as _sfc_main$R, c as useI18n, cd as KeyboardShortcutTooltip, n as normalizeClass, q as N8nButton, bw as NodeConnectionTypes, cv as getBezierPath, cw as getSmoothStepPath, cx as Position, b_ as inject, cy as CanvasKey, aa as useCssModule, cz as parseCanvasConnectionHandleString, r as ref, o as onMounted, y as renderList, cA as _sfc_main$d$1, O as normalizeStyle, S as useUIStore, bN as useNodeTypesStore, a3 as useWorkflowsStore, ad as useSourceControlStore, al as getResourcePermissions, cB as isNodeWithWorkflowSelector, cC as getSubworkflowId, cD as isPresent, a9 as watch, cE as getMousePosition, aR as STICKY_NODE_TYPE, bG as usePinnedData, cF as NOT_DUPLICATABLE_NODE_TYPES, cG as isExecutable, cH as Teleport, cf as useStyles, bQ as getDefaultExportFromCjs, cI as NODE_SIZE, cJ as CanvasNodeRenderType, cK as GRID_SIZE, ch as useThrottleFn, cL as getRectOfNodes, c5 as onUnmounted, cM as onKeyDown, cN as onKeyUp, cO as useSlots, c7 as useAttrs, cP as getBoundsofRects, cQ as watchEffect, t as toDisplayString, cR as getConnectedEdges, c0 as normalizeProps, D as mergeProps, bL as provide, aJ as h, bh as createSlots, cS as isValidNodeConnectionType, cT as _sfc_main$3$1, cU as CanvasNodeKey, cV as CanvasConnectionMode, cW as mergeModels, cX as useModel, I as onBeforeUnmount, h as resolveComponent, cY as _sfc_main$S, Z as N8nTooltip, bI as useNodeHelpers, cZ as TitledList, l as createTextVNode, c_ as CanvasNodeDirtiness, aL as useNDVStore, c$ as isCommunityPackageName, d0 as NPM_PACKAGE_DOCS_BASE_URL, d1 as BUILTIN_NODES_DOCS_URL, d2 as COMMUNITY_NODES_INSTALLATION_DOCS_URL, d3 as N8nTabs, bf as useExternalHooks, ax as useTelemetry, aq as useTemplateRef, d4 as useElementSize, bW as _sfc_main$T, ar as InlineRename, c8 as useClipboard, aj as useWorkflowHelpers, a as useToast, d5 as OPEN_URL_PANEL_TRIGGER_NODE_TYPES, d6 as PRODUCTION_ONLY_TRIGGER_NODE_TYPES, d7 as MCP_TRIGGER_NODE_TYPE, d8 as FORM_TRIGGER_NODE_TYPE, bF as CHAT_TRIGGER_NODE_TYPE, H as N8nRadioButtons, bg as onClickOutside, d9 as toRef$1, da as tryOnScopeDispose, db as toValue, dc as isIOS, dd as noop$2, de as isObject, df as isClient, R as useDebounce, dg as getNodeInputs, v as useSettingsStore, aN as usePostHog, dh as useCredentialsStore, u as useUsersStore, ae as useProjectsStore, di as OPEN_AI_API_CREDENTIAL_TYPE, dj as AI_CREDITS_EXPERIMENT, dk as N8nCallout, p as N8nText, dl as get$3, dm as set$3, dn as unset, dp as SWITCH_NODE_TYPE, dq as isEqual, dr as captureException, ds as isINodePropertyCollectionList, dt as isINodePropertiesList, du as isINodePropertyOptionsList, dv as displayParameter, bM as useCanvasOperations, dw as getNodeParameters, dx as deepCopy, dy as getUpdatedToolDescription, dz as isDefaultNodeName, dA as makeNodeName, dB as useHistoryStore, dC as useResizeObserver, ap as ProjectTypes, dD as getConnectionTypes, cr as ndvEventBus, bV as withModifiers, dE as _sfc_main$U, a0 as N8nLink, dF as CUSTOM_NODES_DOCS_URL, aT as withDirectives, dG as N8nNotice, aU as vShow, dH as _sfc_main$V, dI as NodeCredentials, dJ as RenameNodeCommand, P as createEventBus, a1 as defineStore, dK as shallowRef, dL as watchOnce, aW as N8nIcon, dM as calculateNodeSize, dN as NodeId, dO as useGetPointerPosition, dP as clamp, dQ as N8nSticky, dR as useNodeCreatorStore, ay as nodeViewEventBus, dS as NODE_CREATOR_OPEN_SOURCES, dT as useBuilderStore, a_ as withKeys, dU as N8nInput, dV as CanvasNodeHandleKey, dW as Transition$1, dX as _sfc_main$f$1, b as useRouter, bH as useLogsStore, bJ as useRunWorkflow, dY as insertSpacersBetweenEndpoints, dZ as createCanvasConnectionHandleString, d_ as useDeviceSupport, d$ as isOutsideSelected, K as nextTick, e0 as _sfc_main$1$4, e1 as MarkerType, e2 as Suspense, c1 as guardReactiveProps, e3 as updateViewportToContainNodes, e4 as useNodeDirtiness, e5 as CUSTOM_API_CALL_KEY, e6 as mapLegacyEndpointsToCanvasConnectionPort, e7 as getNodeOutputs, e8 as getTriggerNodeServiceName, e9 as sanitizeHtml, ea as WAIT_NODE_TYPE, eb as SEND_AND_WAIT_OPERATION, ec as FORM_NODE_TYPE, ed as WAIT_INDEFINITELY, ee as checkOverlap, ef as SIMULATE_NODE_TYPE, eg as SIMULATE_TRIGGER_NODE_TYPE, eh as mapLegacyConnectionsToCanvasConnections, ei as getNodeIconSource, ej as refThrottled, ek as useFocusPanelStore, el as isValueExpression, em as __unplugin_components_3$1, en as __unplugin_components_4, bv as isChatNode, eo as truncateBeforeLast, ep as reactive, a4 as useRoute, ah as useDocumentTitle, ai as useWorkflowSaving, eq as useEnvironmentsStore, er as useExternalSecretsStore, ab as useRootStore, aM as useExecutionsStore, ac as useCanvasStore, ag as useNpsSurveyStore, Q as useTagsStore, a2 as usePushConnectionStore, bd as useTemplatesStore, af as useFoldersStore, es as useAgentRequestStore, et as useWorkflowExtraction, eu as FOCUS_PANEL_EXPERIMENT, a5 as PLACEHOLDER_EMPTY_WORKFLOW_ID, ev as NEW_WORKFLOW_ID, V as VIEWS, bO as START_NODE_TYPE, ew as getNodeViewTab, G as MAIN_HEADER_TABS, ex as VALID_WORKFLOW_IMPORT_URL_REGEX, az as useMessage, aA as MODAL_CONFIRM, ey as jsonParse, bE as MANUAL_CHAT_TRIGGER_NODE_TYPE, ez as EVALUATION_TRIGGER_NODE_TYPE, eA as getBounds, eB as onBeforeRouteLeave, aS as onBeforeMount, aB as WORKFLOW_SETTINGS_MODAL_KEY, eC as onActivated, eD as onDeactivated, eE as defineAsyncComponent, aH as __vitePreload, ao as EnterpriseEditionFeature, eF as EVALUATION_NODE_TYPE, eG as getEasyAiWorkflowJson, eH as getRagStarterWorkflowJson, eI as tryToParseNumber, b3 as sourceControlEventBus, eJ as getNodesWithNormalizedPosition, eK as needsAgentInput, eL as FROM_AI_PARAMETERS_MODAL_KEY, eM as historyBus, eN as DRAG_EVENT_DATA_KEY } from "./index-7S5ADieN.js";
+import { N as N8nActionDropdown } from "./ActionDropdown-BujIG0Jq.js";
+import { N as N8nBlockUi, u as useKeybindings, c as canvasEventBus } from "./useKeybindings-CV0VsjNP.js";
+import { i as importCurlEventBus } from "./import-curl-DD21H3kK.js";
+import { g as globalLinkActionsEventBus } from "./global-link-actions-olwfH36z.js";
+import { u as useExecutionDebugging } from "./useExecutionDebugging-DM4nhx6D.js";
+import { u as useBeforeUnload } from "./useBeforeUnload-DveXGtGN.js";
+const _sfc_main$P = {};
 const _hoisted_1$h = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 16 16"
@@ -18,7 +19,7 @@ function _sfc_render$1(_ctx, _cache) {
     }, null, -1)
   ]));
 }
-const TidyUpIcon = /* @__PURE__ */ _export_sfc$1(_sfc_main$N, [["render", _sfc_render$1]]);
+const TidyUpIcon = /* @__PURE__ */ _export_sfc$1(_sfc_main$P, [["render", _sfc_render$1]]);
 const _sfc_main$1$3 = {
   name: "ControlButton",
   compatConfig: { MODE: 3 }
@@ -101,7 +102,7 @@ const __default__$4 = {
   name: "Controls",
   compatConfig: { MODE: 3 }
 };
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   ...__default__$4,
   props: {
     showZoom: { type: Boolean, default: true },
@@ -144,7 +145,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
       emit("interactionChange", !isInteractive.value);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$O), {
+      return openBlock(), createBlock(unref(_sfc_main$Q), {
         class: "vue-flow__controls",
         position: _ctx.position
       }, {
@@ -217,7 +218,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "CanvasControlButtons",
   props: {
     zoom: { default: 1 },
@@ -245,9 +246,9 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
       emit("tidy-up");
     }
     return (_ctx, _cache) => {
-      const _component_N8nIconButton = resolveComponent("N8nIconButton");
-      const _component_N8nButton = resolveComponent("N8nButton");
-      return openBlock(), createBlock(unref(_sfc_main$M), {
+      const _component_N8nIconButton = _sfc_main$R;
+      const _component_N8nButton = N8nButton;
+      return openBlock(), createBlock(unref(_sfc_main$O), {
         "show-zoom": false,
         "show-fit-view": false
       }, {
@@ -342,13 +343,13 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
   }
 });
 const iconButton = "_iconButton_fx9xi_123";
-const style0$w = {
+const style0$y = {
   iconButton
 };
-const cssModules$w = {
-  "$style": style0$w
+const cssModules$y = {
+  "$style": style0$y
 };
-const __unplugin_components_1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$L, [["__cssModules", cssModules$w]]);
+const __unplugin_components_1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$N, [["__cssModules", cssModules$y]]);
 const EDGE_PADDING_BOTTOM = 130;
 const EDGE_PADDING_X = 40;
 const EDGE_BORDER_RADIUS = 16;
@@ -405,7 +406,7 @@ function injectStrict(key, fallback) {
 function useCanvas() {
   return injectStrict(CanvasKey);
 }
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "CanvasConnectionLine",
   props: {
     sourceX: {},
@@ -472,14 +473,14 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
 });
 const edge$1 = "_edge_cbk94_123";
 const visible = "_visible_cbk94_129";
-const style0$v = {
+const style0$x = {
   edge: edge$1,
   visible
 };
-const cssModules$v = {
-  "$style": style0$v
+const cssModules$x = {
+  "$style": style0$x
 };
-const __unplugin_components_0$5 = /* @__PURE__ */ _export_sfc$1(_sfc_main$K, [["__cssModules", cssModules$v]]);
+const __unplugin_components_0$4 = /* @__PURE__ */ _export_sfc$1(_sfc_main$M, [["__cssModules", cssModules$x]]);
 const position = ref([0, 0]);
 const isOpen = ref(false);
 const target = ref();
@@ -710,7 +711,7 @@ const useContextMenu = (onAction = () => {
     _dispatchAction
   };
 };
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "ContextMenu",
   emits: ["action"],
   setup(__props, { emit: __emit }) {
@@ -778,14 +779,14 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
 });
 const contextMenu = "_contextMenu_12fz3_123";
 const activator = "_activator_12fz3_127";
-const style0$u = {
+const style0$w = {
   contextMenu,
   activator
 };
-const cssModules$u = {
-  "$style": style0$u
+const cssModules$w = {
+  "$style": style0$w
 };
-const ContextMenu = /* @__PURE__ */ _export_sfc$1(_sfc_main$J, [["__cssModules", cssModules$u]]);
+const ContextMenu = /* @__PURE__ */ _export_sfc$1(_sfc_main$L, [["__cssModules", cssModules$w]]);
 var graph;
 var hasRequiredGraph;
 function requireGraph() {
@@ -7300,7 +7301,7 @@ const __default__$3 = {
   name: "MiniMap",
   compatConfig: { MODE: 3 }
 };
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   ...__default__$3,
   props: {
     nodeColor: { type: [String, Function], default: "#e2e2e2" },
@@ -7463,7 +7464,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
       emit("nodeMouseleave", param);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$O), {
+      return openBlock(), createBlock(unref(_sfc_main$Q), {
         position: _ctx.position,
         class: normalizeClass(["vue-flow__minimap", { pannable: _ctx.pannable, zoomable: _ctx.zoomable }])
       }, {
@@ -7523,7 +7524,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$e = ["id", "x", "y", "width", "height", "patternTransform"];
 const _hoisted_2$9 = ["d", "stroke-width"];
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "CanvasBackgroundStripedPattern",
   props: {
     id: {},
@@ -7553,7 +7554,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CanvasBackgroundStripedPattern = /* @__PURE__ */ _export_sfc$1(_sfc_main$H, [["__scopeId", "data-v-161512f5"]]);
+const CanvasBackgroundStripedPattern = /* @__PURE__ */ _export_sfc$1(_sfc_main$J, [["__scopeId", "data-v-161512f5"]]);
 var BackgroundVariant = /* @__PURE__ */ ((BackgroundVariant2) => {
   BackgroundVariant2["Lines"] = "lines";
   BackgroundVariant2["Dots"] = "dots";
@@ -7589,7 +7590,7 @@ const __default__$2 = {
   name: "Background",
   compatConfig: { MODE: 3 }
 };
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   ...__default__$2,
   props: {
     id: {},
@@ -7674,7 +7675,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "CanvasBackground",
   props: {
     striped: { type: Boolean },
@@ -7682,7 +7683,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$G), {
+      return openBlock(), createBlock(unref(_sfc_main$I), {
         "data-test-id": "canvas-background",
         "pattern-color": "#aaa",
         gap: unref(GRID_SIZE)
@@ -7705,7 +7706,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$c = ["id"];
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "CanvasArrowHeadMarker",
   props: {
     id: {}
@@ -7738,7 +7739,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "CanvasEdgeToolbar",
   props: {
     type: {}
@@ -7760,7 +7761,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       emit("delete");
     }
     return (_ctx, _cache) => {
-      const _component_N8nIconButton = resolveComponent("N8nIconButton");
+      const _component_N8nIconButton = _sfc_main$R;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(classes.value),
         "data-test-id": "canvas-edge-toolbar"
@@ -7789,17 +7790,17 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
   }
 });
 const canvasEdgeToolbar = "_canvasEdgeToolbar_uogmx_123";
-const style0$t = {
+const style0$v = {
   canvasEdgeToolbar
 };
-const cssModules$t = {
-  "$style": style0$t
+const cssModules$v = {
+  "$style": style0$v
 };
-const CanvasEdgeToolbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$D, [["__cssModules", cssModules$t]]);
+const CanvasEdgeToolbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$F, [["__cssModules", cssModules$v]]);
 const _hoisted_1$b = ["data-source-node-name", "data-target-node-name"];
 const _hoisted_2$7 = ["data-source-node-name", "data-target-node-name", "data-edge-status"];
 const delayedHoveredTimeout = 600;
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "CanvasEdge",
   props: {
     id: {},
@@ -7979,15 +7980,15 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
 const edge = "_edge_fyzmo_123";
 const edgeLabelWrapper = "_edgeLabelWrapper_fyzmo_127";
 const edgeLabel = "_edgeLabel_fyzmo_127";
-const style0$s = {
+const style0$u = {
   edge,
   edgeLabelWrapper,
   edgeLabel
 };
-const cssModules$s = {
-  "$style": style0$s
+const cssModules$u = {
+  "$style": style0$u
 };
-const Edge = /* @__PURE__ */ _export_sfc$1(_sfc_main$C, [["__cssModules", cssModules$s]]);
+const Edge = /* @__PURE__ */ _export_sfc$1(_sfc_main$E, [["__cssModules", cssModules$u]]);
 function useCanvasNode() {
   const node2 = inject(CanvasNodeKey);
   const data = computed(
@@ -8065,7 +8066,7 @@ function useCanvasNode() {
 }
 const _hoisted_1$a = ["title"];
 const _hoisted_2$6 = ["onClick"];
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeStickyColorSelector",
   props: {
     "visible": { type: Boolean },
@@ -8109,7 +8110,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_FontAwesomeIcon = resolveComponent("FontAwesomeIcon");
-      const _component_N8nPopover = resolveComponent("N8nPopover");
+      const _component_N8nPopover = _sfc_main$S;
       return openBlock(), createBlock(_component_N8nPopover, {
         visible: isPopoverVisible.value,
         "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => isPopoverVisible.value = $event),
@@ -8155,13 +8156,13 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
   }
 });
 const popover = "_popover_3lp7u_123";
-const content = "_content_3lp7u_129";
+const content$1 = "_content_3lp7u_129";
 const color = "_color_3lp7u_136";
 const selected$2 = "_selected_3lp7u_148";
 const option = "_option_3lp7u_173";
-const style0$r = {
+const style0$t = {
   popover,
-  content,
+  content: content$1,
   color,
   selected: selected$2,
   "sticky-color-1": "_sticky-color-1_3lp7u_151",
@@ -8173,11 +8174,11 @@ const style0$r = {
   "sticky-color-7": "_sticky-color-7_3lp7u_169",
   option
 };
-const cssModules$r = {
-  "$style": style0$r
+const cssModules$t = {
+  "$style": style0$t
 };
-const __unplugin_components_0$4 = /* @__PURE__ */ _export_sfc$1(_sfc_main$B, [["__cssModules", cssModules$r]]);
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const __unplugin_components_2$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$D, [["__cssModules", cssModules$t]]);
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeToolbar",
   props: {
     readOnly: { type: Boolean }
@@ -8238,9 +8239,9 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
       isHovered.value = false;
     }
     return (_ctx, _cache) => {
-      const _component_N8nIconButton = resolveComponent("N8nIconButton");
-      const _component_N8nTooltip = resolveComponent("N8nTooltip");
-      const _component_CanvasNodeStickyColorSelector = __unplugin_components_0$4;
+      const _component_N8nIconButton = _sfc_main$R;
+      const _component_N8nTooltip = N8nTooltip;
+      const _component_CanvasNodeStickyColorSelector = __unplugin_components_2$1;
       return openBlock(), createElementBlock("div", {
         "data-test-id": "canvas-node-toolbar",
         class: normalizeClass(classes.value),
@@ -8312,20 +8313,20 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
 const canvasNodeToolbar$1 = "_canvasNodeToolbar_104hp_123";
 const canvasNodeToolbarItems = "_canvasNodeToolbarItems_104hp_130";
 const forceVisible = "_forceVisible_104hp_141";
-const style0$q = {
+const style0$s = {
   canvasNodeToolbar: canvasNodeToolbar$1,
   canvasNodeToolbarItems,
   forceVisible
 };
-const cssModules$q = {
-  "$style": style0$q
+const cssModules$s = {
+  "$style": style0$s
 };
-const CanvasNodeToolbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$A, [["__cssModules", cssModules$q]]);
+const CanvasNodeToolbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$C, [["__cssModules", cssModules$s]]);
 const _hoisted_1$9 = { key: 1 };
 const _hoisted_2$5 = ["textContent"];
 const _hoisted_3$4 = { key: 2 };
 const _hoisted_4$3 = { key: 5 };
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeStatusIcons",
   setup(__props) {
     const nodeHelpers = useNodeHelpers();
@@ -8454,7 +8455,7 @@ const running$1 = "_running_93vv6_142";
 const issues = "_issues_93vv6_165";
 const count = "_count_93vv6_170";
 const warning$2 = "_warning_93vv6_174";
-const style0$p = {
+const style0$r = {
   status,
   runData,
   waiting: waiting$1,
@@ -8465,11 +8466,11 @@ const style0$p = {
   count,
   warning: warning$2
 };
-const cssModules$p = {
-  "$style": style0$p
+const cssModules$r = {
+  "$style": style0$r
 };
-const __unplugin_components_3 = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["__cssModules", cssModules$p]]);
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const __unplugin_components_3 = /* @__PURE__ */ _export_sfc$1(_sfc_main$B, [["__cssModules", cssModules$r]]);
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeDisabledStrikeThrough",
   setup(__props) {
     const $style = useCssModule();
@@ -8491,16 +8492,16 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
 const disabledStrikeThrough = "_disabledStrikeThrough_nl2g7_123";
 const success$2 = "_success_nl2g7_132";
 const warning$1 = "_warning_nl2g7_136";
-const style0$o = {
+const style0$q = {
   disabledStrikeThrough,
   success: success$2,
   warning: warning$1
 };
-const cssModules$o = {
-  "$style": style0$o
+const cssModules$q = {
+  "$style": style0$q
 };
-const __unplugin_components_2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$y, [["__cssModules", cssModules$o]]);
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const __unplugin_components_2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$A, [["__cssModules", cssModules$q]]);
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeTooltip",
   props: {
     visible: { type: Boolean }
@@ -8515,7 +8516,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       ]
     };
     return (_ctx, _cache) => {
-      const _component_N8nTooltip = resolveComponent("N8nTooltip");
+      const _component_N8nTooltip = N8nTooltip;
       return openBlock(), createBlock(_component_N8nTooltip, {
         placement: "top",
         "show-after": 500,
@@ -8539,14 +8540,14 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
 });
 const tooltipTrigger = "_tooltipTrigger_dauyi_123";
 const popper = "_popper_dauyi_131";
-const style0$n = {
+const style0$p = {
   tooltipTrigger,
   popper
 };
-const cssModules$n = {
-  "$style": style0$n
+const cssModules$p = {
+  "$style": style0$p
 };
-const __unplugin_components_0$3 = /* @__PURE__ */ _export_sfc$1(_sfc_main$x, [["__cssModules", cssModules$n]]);
+const __unplugin_components_0$3 = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["__cssModules", cssModules$p]]);
 function useNodeConnections({
   inputs: inputs2,
   outputs,
@@ -8595,80 +8596,7 @@ function useNodeConnections({
     isValidConnection
   };
 }
-function useNodeSettingsInCanvas() {
-  const settingsStore = useSettingsStore();
-  if (Number.isNaN(settingsStore.experimental__minZoomNodeSettingsInCanvas) || settingsStore.experimental__minZoomNodeSettingsInCanvas <= 0) {
-    return computed(() => void 0);
-  }
-  const { editableWorkflow } = useCanvasOperations();
-  const viewFlow = useVueFlow({ id: editableWorkflow.value.id });
-  const zoom2 = computed(() => viewFlow.viewport.value.zoom);
-  const debouncedZoom = refDebounced(zoom2, 100);
-  return computed(
-    () => debouncedZoom.value > settingsStore.experimental__minZoomNodeSettingsInCanvas ? debouncedZoom.value : void 0
-  );
-}
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
-  __name: "NodeTitle",
-  props: {
-    modelValue: { default: "" },
-    nodeType: { default: void 0 },
-    readOnly: { type: Boolean, default: false }
-  },
-  emits: ["update:model-value"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    function onRename(value) {
-      if (value.trim() !== "") {
-        emit("update:model-value", value.trim());
-      }
-    }
-    const wrapperRef = useTemplateRef("wrapperRef");
-    const { width } = useElementSize(wrapperRef);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass(_ctx.$style.container),
-        "data-test-id": "node-title-container"
-      }, [
-        createBaseVNode("span", {
-          class: normalizeClass(_ctx.$style.iconWrapper)
-        }, [
-          createVNode(_sfc_main$P, {
-            "node-type": _ctx.nodeType,
-            size: 18,
-            "show-tooltip": true,
-            "tooltip-position": "left"
-          }, null, 8, ["node-type"])
-        ], 2),
-        createBaseVNode("div", {
-          ref_key: "wrapperRef",
-          ref: wrapperRef,
-          class: normalizeClass(_ctx.$style.textWrapper)
-        }, [
-          createVNode(unref(InlineRename), {
-            "max-width": unref(width),
-            "model-value": _ctx.modelValue,
-            "read-only": _ctx.readOnly,
-            "onUpdate:modelValue": onRename
-          }, null, 8, ["max-width", "model-value", "read-only"])
-        ], 2)
-      ], 2);
-    };
-  }
-});
-const container$3 = "_container_178ym_123";
-const textWrapper = "_textWrapper_178ym_132";
-const iconWrapper = "_iconWrapper_178ym_137";
-const style0$m = {
-  container: container$3,
-  textWrapper,
-  iconWrapper
-};
-const cssModules$m = {
-  "$style": style0$m
-};
-const NodeTitle = /* @__PURE__ */ _export_sfc$1(_sfc_main$w, [["__cssModules", cssModules$m]]);
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "NodeSettingsTabs",
   props: {
     modelValue: { default: "params" },
@@ -8779,7 +8707,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      const _component_N8nTabs = resolveComponent("N8nTabs");
+      const _component_N8nTabs = N8nTabs;
       return openBlock(), createBlock(_component_N8nTabs, {
         options: options.value,
         "model-value": _ctx.modelValue,
@@ -8789,6 +8717,66 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
+  __name: "NodeTitle",
+  props: {
+    modelValue: { default: "" },
+    nodeType: { default: void 0 },
+    readOnly: { type: Boolean, default: false }
+  },
+  emits: ["update:model-value"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    function onRename(value) {
+      if (value.trim() !== "") {
+        emit("update:model-value", value.trim());
+      }
+    }
+    const wrapperRef = useTemplateRef("wrapperRef");
+    const { width } = useElementSize(wrapperRef);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass(_ctx.$style.container),
+        "data-test-id": "node-title-container"
+      }, [
+        createBaseVNode("span", {
+          class: normalizeClass(_ctx.$style.iconWrapper)
+        }, [
+          createVNode(_sfc_main$T, {
+            "node-type": _ctx.nodeType,
+            size: 18,
+            "show-tooltip": true,
+            "tooltip-position": "left"
+          }, null, 8, ["node-type"])
+        ], 2),
+        createBaseVNode("div", {
+          ref_key: "wrapperRef",
+          ref: wrapperRef,
+          class: normalizeClass(_ctx.$style.textWrapper)
+        }, [
+          createVNode(unref(InlineRename), {
+            "max-width": unref(width),
+            "model-value": _ctx.modelValue,
+            "read-only": _ctx.readOnly,
+            "onUpdate:modelValue": onRename
+          }, null, 8, ["max-width", "model-value", "read-only"])
+        ], 2)
+      ], 2);
+    };
+  }
+});
+const container$4 = "_container_178ym_123";
+const textWrapper = "_textWrapper_178ym_132";
+const iconWrapper = "_iconWrapper_178ym_137";
+const style0$o = {
+  container: container$4,
+  textWrapper,
+  iconWrapper
+};
+const cssModules$o = {
+  "$style": style0$o
+};
+const NodeTitle = /* @__PURE__ */ _export_sfc$1(_sfc_main$x, [["__cssModules", cssModules$o]]);
 const _hoisted_1$8 = {
   key: 0,
   class: "webhooks"
@@ -8810,13 +8798,13 @@ const _hoisted_6$2 = { class: "http-field" };
 const _hoisted_7$1 = { class: "http-method" };
 const _hoisted_8$1 = { class: "url-field" };
 const _hoisted_9$1 = ["onClick"];
-const _hoisted_10$1 = {
+const _hoisted_10 = {
   key: 1,
   class: "webhook-wrapper"
 };
 const _hoisted_11 = { class: "url-field-full-width" };
 const _hoisted_12 = ["onClick"];
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "NodeWebhooks",
   props: {
     node: {},
@@ -8959,10 +8947,10 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     );
     return (_ctx, _cache) => {
       const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
-      const _component_n8n_radio_buttons = resolveComponent("n8n-radio-buttons");
+      const _component_n8n_radio_buttons = N8nRadioButtons;
       const _component_el_col = resolveComponent("el-col");
       const _component_el_row = resolveComponent("el-row");
-      const _component_n8n_tooltip = resolveComponent("n8n-tooltip");
+      const _component_n8n_tooltip = N8nTooltip;
       const _component_el_collapse_transition = resolveComponent("el-collapse-transition");
       return webhooksNode.value.length && visibleWebhookUrls.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$8, [
         createBaseVNode("div", {
@@ -9020,7 +9008,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
                           _cache[3] || (_cache[3] = createBaseVNode("br", null, null, -1))
                         ], 8, _hoisted_9$1)
                       ])
-                    ])) : (openBlock(), createElementBlock("div", _hoisted_10$1, [
+                    ])) : (openBlock(), createElementBlock("div", _hoisted_10, [
                       createBaseVNode("div", _hoisted_11, [
                         createBaseVNode("div", {
                           class: "webhook-url left-ellipsis clickable",
@@ -9043,7 +9031,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const NodeWebhooks = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["__scopeId", "data-v-84b9da4b"]]);
+const NodeWebhooks = /* @__PURE__ */ _export_sfc$1(_sfc_main$w, [["__scopeId", "data-v-84b9da4b"]]);
 const OnClickOutside = /* @__PURE__ */ defineComponent({
   name: "OnClickOutside",
   props: ["as", "options"],
@@ -9220,7 +9208,7 @@ const _hoisted_3$2 = ["onClick"];
 const _hoisted_4$1 = ["onClick"];
 const _hoisted_5$1 = ["data-node-name"];
 const _hoisted_6$1 = ["onClick"];
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "NDVSubConnections",
   props: {
     rootNode: {}
@@ -9268,46 +9256,45 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
         {}
       );
     });
-    function getConnectionKey(connection, globalIndex) {
+    function getConnectionContext(connection, globalIndex) {
       let typeIndex = 0;
       for (let i = 0; i < globalIndex; i++) {
         if (possibleConnections.value[i].type === connection.type) {
           typeIndex++;
         }
       }
-      return `${connection.type}-${typeIndex}`;
+      return {
+        connectionType: connection.type,
+        typeIndex,
+        key: `${connection.type}-${typeIndex}`
+      };
     }
-    function getConnectionConfig(connectionKey) {
-      const [type, indexStr] = connectionKey.split("-");
-      const typeIndex = parseInt(indexStr, 10);
-      let currentTypeIndex = 0;
-      for (const connection of possibleConnections.value) {
-        if (connection.type === type) {
-          if (currentTypeIndex === typeIndex) {
-            return connection;
-          }
-          currentTypeIndex++;
-        }
-      }
-      return void 0;
+    function getConnectionKey(connection, globalIndex) {
+      return getConnectionContext(connection, globalIndex).key;
     }
-    function isMultiConnection(connectionKey) {
-      const connectionConfig = getConnectionConfig(connectionKey);
+    function getConnectionConfig(connectionType2, typeIndex) {
+      return possibleConnections.value.filter((connection) => connection.type === connectionType2).at(typeIndex);
+    }
+    function isMultiConnection(connectionContext) {
+      const connectionConfig = getConnectionConfig(
+        connectionContext.connectionType,
+        connectionContext.typeIndex
+      );
       return connectionConfig?.maxConnections !== 1;
     }
-    function shouldShowConnectionTooltip(connectionKey) {
-      const [type] = connectionKey.split("-");
-      return isMultiConnection(connectionKey) && !expandedGroups.value.includes(type);
+    function shouldShowConnectionTooltip(connectionContext) {
+      return isMultiConnection(connectionContext) && !expandedGroups.value.includes(connectionContext.connectionType);
     }
-    function expandConnectionGroup(connectionKey, isExpanded) {
-      const [type] = connectionKey.split("-");
-      if (!isMultiConnection(connectionKey)) {
+    function expandConnectionGroup(connectionContext, isExpanded) {
+      if (!isMultiConnection(connectionContext)) {
         return;
       }
       if (isExpanded) {
-        expandedGroups.value = [...expandedGroups.value, type];
+        expandedGroups.value = [...expandedGroups.value, connectionContext.connectionType];
       } else {
-        expandedGroups.value = expandedGroups.value.filter((g) => g !== type);
+        expandedGroups.value = expandedGroups.value.filter(
+          (g) => g !== connectionContext.connectionType
+        );
       }
     }
     function getINodesFromNames(names) {
@@ -9324,9 +9311,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
         return null;
       }).filter((n) => n !== null);
     }
-    function hasInputIssues(connectionKey) {
-      const [type] = connectionKey.split("-");
-      return shouldShowNodeInputIssues.value && (nodeInputIssues.value[type] ?? []).length > 0;
+    function hasInputIssues(connectionContext) {
+      return shouldShowNodeInputIssues.value && (nodeInputIssues.value[connectionContext.connectionType] ?? []).length > 0;
     }
     function isNodeInputConfiguration(connectionConfig) {
       if (typeof connectionConfig === "string") return false;
@@ -9341,22 +9327,25 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       });
       return nonMainInputs;
     }
-    function onNodeClick(nodeName, connectionKey) {
-      const [type] = connectionKey.split("-");
-      if (isMultiConnection(connectionKey) && !expandedGroups.value.includes(type)) {
-        expandConnectionGroup(connectionKey, true);
+    function onNodeClick(nodeName, connectionContext) {
+      if (isMultiConnection(connectionContext) && !expandedGroups.value.includes(connectionContext.connectionType)) {
+        expandConnectionGroup(connectionContext, true);
         return;
       }
       emit("switchSelectedNode", nodeName);
     }
-    function onPlusClick(connectionKey) {
-      const [type] = connectionKey.split("-");
-      const connectionNodes = connectedNodes2.value[connectionKey];
-      if (isMultiConnection(connectionKey) && !expandedGroups.value.includes(type) && connectionNodes.length >= 1) {
-        expandConnectionGroup(connectionKey, true);
+    function onPlusClick(connectionContext) {
+      const connectionNodes = connectedNodes2.value[connectionContext.key];
+      if (isMultiConnection(connectionContext) && !expandedGroups.value.includes(connectionContext.connectionType) && connectionNodes.length >= 1) {
+        expandConnectionGroup(connectionContext, true);
         return;
       }
-      emit("openConnectionNodeCreator", props.rootNode.name, type);
+      emit(
+        "openConnectionNodeCreator",
+        props.rootNode.name,
+        connectionContext.connectionType,
+        connectionContext.typeIndex
+      );
     }
     function showNodeInputsIssues() {
       shouldShowNodeInputIssues.value = false;
@@ -9379,8 +9368,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       showNodeInputsIssues
     });
     return (_ctx, _cache) => {
-      const _component_n8n_icon_button = resolveComponent("n8n-icon-button");
-      const _component_n8n_tooltip = resolveComponent("n8n-tooltip");
+      const _component_n8n_icon_button = _sfc_main$R;
+      const _component_n8n_tooltip = N8nTooltip;
       return possibleConnections.value.length ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: normalizeClass(_ctx.$style.container)
@@ -9400,12 +9389,12 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                 createBaseVNode("span", {
                   class: normalizeClass({
                     [_ctx.$style.connectionLabel]: true,
-                    [_ctx.$style.hasIssues]: hasInputIssues(getConnectionKey(connection, index))
+                    [_ctx.$style.hasIssues]: hasInputIssues(getConnectionContext(connection, index))
                   }),
                   textContent: toDisplayString(`${connection.displayName}${connection.required ? " *" : ""}`)
                 }, null, 10, _hoisted_2$3),
                 createVNode(unref(OnClickOutside), {
-                  onTrigger: ($event) => expandConnectionGroup(getConnectionKey(connection, index), false)
+                  onTrigger: ($event) => expandConnectionGroup(getConnectionContext(connection, index), false)
                 }, {
                   default: withCtx(() => [
                     createBaseVNode("div", {
@@ -9416,26 +9405,26 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                         [_ctx.$style.connectedNodesWrapperExpanded]: expandedGroups.value.includes(connection.type)
                       }),
                       style: normalizeStyle(`--nodes-length: ${connectedNodes2.value[getConnectionKey(connection, index)].length}`),
-                      onClick: ($event) => expandConnectionGroup(getConnectionKey(connection, index), true)
+                      onClick: ($event) => expandConnectionGroup(getConnectionContext(connection, index), true)
                     }, [
                       (connectedNodes2.value[getConnectionKey(connection, index)].length >= 1 ? connection.maxConnections !== 1 : true) ? (openBlock(), createElementBlock("div", {
                         key: 0,
                         class: normalizeClass({
                           [_ctx.$style.plusButton]: true,
-                          [_ctx.$style.hasIssues]: hasInputIssues(getConnectionKey(connection, index))
+                          [_ctx.$style.hasIssues]: hasInputIssues(getConnectionContext(connection, index))
                         }),
-                        onClick: ($event) => onPlusClick(getConnectionKey(connection, index))
+                        onClick: ($event) => onPlusClick(getConnectionContext(connection, index))
                       }, [
                         createVNode(_component_n8n_tooltip, {
                           placement: "top",
                           teleported: true,
                           offset: 10,
                           "show-after": 300,
-                          disabled: shouldShowConnectionTooltip(getConnectionKey(connection, index)) && connectedNodes2.value[getConnectionKey(connection, index)].length >= 1
+                          disabled: shouldShowConnectionTooltip(getConnectionContext(connection, index)) && connectedNodes2.value[getConnectionKey(connection, index)].length >= 1
                         }, {
                           content: withCtx(() => [
                             createTextVNode(" Add " + toDisplayString(connection.displayName) + " ", 1),
-                            hasInputIssues(getConnectionKey(connection, index)) ? (openBlock(), createBlock(TitledList, {
+                            hasInputIssues(getConnectionContext(connection, index)) ? (openBlock(), createBlock(TitledList, {
                               key: 0,
                               title: `${unref(i18n).baseText("node.issues")}:`,
                               items: nodeInputIssues.value[connection.type]
@@ -9473,7 +9462,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                               teleported: true,
                               offset: 10,
                               "show-after": 300,
-                              disabled: shouldShowConnectionTooltip(getConnectionKey(connection, index))
+                              disabled: shouldShowConnectionTooltip(getConnectionContext(connection, index))
                             }, {
                               content: withCtx(() => [
                                 createTextVNode(toDisplayString(node2.node.name) + " ", 1),
@@ -9486,9 +9475,9 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                               default: withCtx(() => [
                                 createBaseVNode("div", {
                                   class: normalizeClass(_ctx.$style.connectedNode),
-                                  onClick: ($event) => onNodeClick(node2.node.name, getConnectionKey(connection, index))
+                                  onClick: ($event) => onNodeClick(node2.node.name, getConnectionContext(connection, index))
                                 }, [
-                                  createVNode(_sfc_main$P, {
+                                  createVNode(_sfc_main$T, {
                                     "node-type": node2.nodeType,
                                     "node-name": node2.node.name,
                                     "tooltip-position": "top",
@@ -9514,7 +9503,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container$2 = "_container_ac466_140";
+const container$3 = "_container_ac466_140";
 const connections = "_connections_ac466_148";
 const connectionType = "_connectionType_ac466_160";
 const connectionLabel = "_connectionLabel_ac466_167";
@@ -9526,8 +9515,8 @@ const connectedNodesMultiple = "_connectedNodesMultiple_ac466_209";
 const connectedNode = "_connectedNode_ac466_177";
 const connectedNodes = "_connectedNodes_ac466_177";
 const nodeWrapper = "_nodeWrapper_ac466_247";
-const style0$l = {
-  container: container$2,
+const style0$n = {
+  container: container$3,
   connections,
   connectionType,
   connectionLabel,
@@ -9541,97 +9530,14 @@ const style0$l = {
   connectedNodes,
   nodeWrapper
 };
-const cssModules$l = {
-  "$style": style0$l
+const cssModules$n = {
+  "$style": style0$n
 };
-const NDVSubConnections = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["__cssModules", cssModules$l]]);
-function updateDynamicConnections(node2, workflowConnections, parameterData) {
-  const connections2 = { ...workflowConnections };
-  try {
-    if (parameterData.name.includes("conditions") || !connections2[node2.name]?.main) return null;
-    if (node2.type === SWITCH_NODE_TYPE && parameterData.name === "parameters.numberOutputs") {
-      const curentNumberOutputs = node2.parameters?.numberOutputs;
-      const newNumberOutputs = parameterData.value;
-      if (newNumberOutputs < curentNumberOutputs) {
-        connections2[node2.name].main = connections2[node2.name].main.slice(0, newNumberOutputs);
-        return connections2;
-      }
-    }
-    if (node2.type === SWITCH_NODE_TYPE && parameterData.name === "parameters.options.fallbackOutput") {
-      const curentFallbackOutput = node2.parameters?.options?.fallbackOutput;
-      if (curentFallbackOutput === "extra") {
-        if (!parameterData.value || parameterData.value !== "extra") {
-          connections2[node2.name].main = connections2[node2.name].main.slice(0, -1);
-          return connections2;
-        }
-      }
-    }
-    if (node2.type === SWITCH_NODE_TYPE && parameterData.name.includes("parameters.rules.values")) {
-      const { fallbackOutput } = node2.parameters?.options;
-      if (parameterData.value === void 0) {
-        let extractIndex = function(path) {
-          const match = path.match(/parameters\.rules\.values\[(\d+)\]$/);
-          return match ? parseInt(match[1], 10) : null;
-        };
-        const index = extractIndex(parameterData.name);
-        if (index !== null) {
-          connections2[node2.name].main.splice(index, 1);
-          return connections2;
-        }
-        if (parameterData.name === "parameters.rules.values") {
-          if (fallbackOutput === "extra") {
-            connections2[node2.name].main = [
-              connections2[node2.name].main[connections2[node2.name].main.length - 1]
-            ];
-          } else {
-            connections2[node2.name].main = [];
-          }
-          return connections2;
-        }
-      } else if (parameterData.name === "parameters.rules.values") {
-        const curentRulesvalues = node2.parameters?.rules?.values;
-        let lastConnection = void 0;
-        if (fallbackOutput === "extra" && connections2[node2.name].main.length === curentRulesvalues.length + 1) {
-          lastConnection = connections2[node2.name].main.pop();
-        }
-        const currentRulesLength = node2.parameters?.rules?.values?.length;
-        const newRulesLength = parameterData.value?.length;
-        if (newRulesLength - currentRulesLength === 1) {
-          connections2[node2.name].main = [...connections2[node2.name].main, []];
-          if (lastConnection) {
-            connections2[node2.name].main.push(lastConnection);
-          }
-          return connections2;
-        } else {
-          const newRulesvalues = parameterData.value;
-          const updatedConnectionsIndex = [];
-          for (const newRule of newRulesvalues) {
-            const index = curentRulesvalues.findIndex((rule) => isEqual(rule, newRule));
-            if (index !== -1) {
-              updatedConnectionsIndex.push(index);
-            }
-          }
-          const reorderedConnections = [];
-          for (const index of updatedConnectionsIndex) {
-            reorderedConnections.push(connections2[node2.name].main[index] ?? []);
-          }
-          if (lastConnection) {
-            reorderedConnections.push(lastConnection);
-          }
-          connections2[node2.name].main = reorderedConnections;
-          return connections2;
-        }
-      }
-    }
-  } catch (error2) {
-    captureException(error2);
-  }
-  return null;
-}
+const NDVSubConnections = /* @__PURE__ */ _export_sfc$1(_sfc_main$v, [["__cssModules", cssModules$n]]);
 const _hoisted_1$6 = { class: "mt-xs" };
 const LANGCHAIN_NODES_PREFIX = "@n8n/n8n-nodes-langchain.";
 const N8N_NODES_PREFIX = "@n8n/n8n-nodes.";
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "FreeAiCreditsCallout",
   setup(__props) {
     const NODES_WITH_OPEN_AI_API_CREDENTIAL = [
@@ -9685,9 +9591,9 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
       }
     };
     return (_ctx, _cache) => {
-      const _component_n8n_button = resolveComponent("n8n-button");
-      const _component_n8n_callout = resolveComponent("n8n-callout");
-      const _component_n8n_text = resolveComponent("n8n-text");
+      const _component_n8n_button = N8nButton;
+      const _component_n8n_callout = N8nCallout;
+      const _component_n8n_text = N8nText;
       return openBlock(), createElementBlock("div", _hoisted_1$6, [
         userCanClaimOpenAiCredits.value && !showSuccessCallout.value ? (openBlock(), createBlock(_component_n8n_callout, {
           key: 0,
@@ -9726,7 +9632,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
             _cache[0] || (_cache[0] = createTextVNode("  ")),
             createVNode(_component_n8n_text, {
               size: "small",
-              bold: "true"
+              bold: true
             }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(unref(i18n).baseText("freeAi.credits.callout.success.title.part2")), 1)
@@ -9740,6 +9646,299 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
     };
   }
 });
+function shouldShowParameter(item) {
+  return item.name.match(/resource|authentication|operation/i) === null;
+}
+function updateDynamicConnections(node2, workflowConnections, parameterData) {
+  const connections2 = { ...workflowConnections };
+  try {
+    if (parameterData.name.includes("conditions") || !connections2[node2.name]?.main) return null;
+    if (node2.type === SWITCH_NODE_TYPE && parameterData.name === "parameters.numberOutputs") {
+      const curentNumberOutputs = node2.parameters?.numberOutputs;
+      const newNumberOutputs = parameterData.value;
+      if (newNumberOutputs < curentNumberOutputs) {
+        connections2[node2.name].main = connections2[node2.name].main.slice(0, newNumberOutputs);
+        return connections2;
+      }
+    }
+    if (node2.type === SWITCH_NODE_TYPE && parameterData.name === "parameters.options.fallbackOutput") {
+      const curentFallbackOutput = node2.parameters?.options?.fallbackOutput;
+      if (curentFallbackOutput === "extra") {
+        if (!parameterData.value || parameterData.value !== "extra") {
+          connections2[node2.name].main = connections2[node2.name].main.slice(0, -1);
+          return connections2;
+        }
+      }
+    }
+    if (node2.type === SWITCH_NODE_TYPE && parameterData.name.includes("parameters.rules.values")) {
+      const { fallbackOutput } = node2.parameters?.options;
+      if (parameterData.value === void 0) {
+        let extractIndex = function(path) {
+          const match = path.match(/parameters\.rules\.values\[(\d+)\]$/);
+          return match ? parseInt(match[1], 10) : null;
+        };
+        const index = extractIndex(parameterData.name);
+        if (index !== null) {
+          connections2[node2.name].main.splice(index, 1);
+          return connections2;
+        }
+        if (parameterData.name === "parameters.rules.values") {
+          if (fallbackOutput === "extra") {
+            connections2[node2.name].main = [
+              connections2[node2.name].main[connections2[node2.name].main.length - 1]
+            ];
+          } else {
+            connections2[node2.name].main = [];
+          }
+          return connections2;
+        }
+      } else if (parameterData.name === "parameters.rules.values") {
+        const curentRulesvalues = node2.parameters?.rules?.values;
+        let lastConnection = void 0;
+        if (fallbackOutput === "extra" && connections2[node2.name].main.length === curentRulesvalues.length + 1) {
+          lastConnection = connections2[node2.name].main.pop();
+        }
+        const currentRulesLength = node2.parameters?.rules?.values?.length;
+        const newRulesLength = parameterData.value?.length;
+        if (newRulesLength - currentRulesLength === 1) {
+          connections2[node2.name].main = [...connections2[node2.name].main, []];
+          if (lastConnection) {
+            connections2[node2.name].main.push(lastConnection);
+          }
+          return connections2;
+        } else {
+          const newRulesvalues = parameterData.value;
+          const updatedConnectionsIndex = [];
+          for (const newRule of newRulesvalues) {
+            const index = curentRulesvalues.findIndex((rule) => isEqual(rule, newRule));
+            if (index !== -1) {
+              updatedConnectionsIndex.push(index);
+            }
+          }
+          const reorderedConnections = [];
+          for (const index of updatedConnectionsIndex) {
+            reorderedConnections.push(connections2[node2.name].main[index] ?? []);
+          }
+          if (lastConnection) {
+            reorderedConnections.push(lastConnection);
+          }
+          connections2[node2.name].main = reorderedConnections;
+          return connections2;
+        }
+      }
+    }
+  } catch (error2) {
+    captureException(error2);
+  }
+  return null;
+}
+function removeMismatchedOptionValues(nodeType, nodeTypeVersion, nodeParameterValues, updatedParameter) {
+  nodeType.properties.forEach((prop) => {
+    const displayOptions = prop.displayOptions;
+    if (!nodeParameterValues?.hasOwnProperty(prop.name) || !displayOptions || !prop.options) {
+      return;
+    }
+    const showCondition = displayOptions.show?.[updatedParameter.name];
+    const hideCondition = displayOptions.hide?.[updatedParameter.name];
+    if (showCondition === void 0 && hideCondition === void 0) {
+      return;
+    }
+    let hasValidOptions = true;
+    if (isINodePropertyCollectionList(prop.options) || isINodePropertiesList(prop.options)) {
+      hasValidOptions = Object.keys(nodeParameterValues).every(
+        (key) => (prop.options ?? []).find((option2) => option2.name === key) !== void 0
+      );
+    } else if (isINodePropertyOptionsList(prop.options)) {
+      hasValidOptions = !!prop.options.find(
+        (option2) => option2.value === nodeParameterValues[prop.name]
+      );
+    }
+    if (!hasValidOptions && displayParameter(nodeParameterValues, prop, { typeVersion: nodeTypeVersion }, nodeType)) {
+      unset(nodeParameterValues, prop.name);
+    }
+  });
+}
+function updateParameterByPath(parameterName, newValue, nodeParameters, nodeType, nodeTypeVersion) {
+  const parameterPath = parameterName.split(".").slice(1).join(".");
+  const parameterPathArray = parameterPath.match(/(.*)\[(\d+)\]$/);
+  if (newValue === void 0 && parameterPathArray !== null) {
+    const path = parameterPathArray[1];
+    const index = parameterPathArray[2];
+    const data = get$3(nodeParameters, path);
+    if (Array.isArray(data)) {
+      data.splice(parseInt(index, 10), 1);
+      set$3(nodeParameters, path, data);
+    }
+  } else {
+    if (newValue === void 0) {
+      unset(nodeParameters, parameterPath);
+    } else {
+      set$3(nodeParameters, parameterPath, newValue);
+    }
+    removeMismatchedOptionValues(nodeType, nodeTypeVersion, nodeParameters, {
+      name: parameterPath
+    });
+  }
+  return parameterPath;
+}
+function useNodeSettingsParameters() {
+  const workflowsStore = useWorkflowsStore();
+  const nodeTypesStore = useNodeTypesStore();
+  const telemetry = useTelemetry();
+  const nodeHelpers = useNodeHelpers();
+  const canvasOperations = useCanvasOperations();
+  const externalHooks = useExternalHooks();
+  const nodeValues = ref({
+    color: "#ff0000",
+    alwaysOutputData: false,
+    executeOnce: false,
+    notesInFlow: false,
+    onError: "stopWorkflow",
+    retryOnFail: false,
+    maxTries: 3,
+    waitBetweenTries: 1e3,
+    notes: "",
+    parameters: {}
+  });
+  function setValue(name, value) {
+    const nameParts = name.split(".");
+    let lastNamePart = nameParts.pop();
+    let isArray = false;
+    if (lastNamePart !== void 0 && lastNamePart.includes("[")) {
+      const lastNameParts = lastNamePart.match(/(.*)\[(\d+)\]$/);
+      if (lastNameParts) {
+        nameParts.push(lastNameParts[1]);
+        lastNamePart = lastNameParts[2];
+        isArray = true;
+      }
+    }
+    if (nameParts.length === 0) {
+      if (value === null) {
+        if (lastNamePart) {
+          const { [lastNamePart]: removedNodeValue, ...remainingNodeValues } = nodeValues.value;
+          nodeValues.value = remainingNodeValues;
+        }
+      } else {
+        nodeValues.value = {
+          ...nodeValues.value,
+          [lastNamePart]: value
+        };
+      }
+    } else {
+      if (value === null) {
+        let tempValue = get$3(nodeValues.value, nameParts.join("."));
+        if (lastNamePart && !Array.isArray(tempValue)) {
+          const { [lastNamePart]: removedNodeValue, ...remainingNodeValues } = tempValue;
+          tempValue = remainingNodeValues;
+        }
+        if (isArray && Array.isArray(tempValue) && tempValue.length === 0) {
+          lastNamePart = nameParts.pop();
+          tempValue = get$3(nodeValues.value, nameParts.join("."));
+          if (lastNamePart) {
+            const { [lastNamePart]: removedArrayNodeValue, ...remainingArrayNodeValues } = tempValue;
+            tempValue = remainingArrayNodeValues;
+          }
+        }
+      } else {
+        if (typeof value === "object") {
+          set$3(
+            get$3(nodeValues.value, nameParts.join(".")),
+            lastNamePart,
+            deepCopy(value)
+          );
+        } else {
+          set$3(
+            get$3(nodeValues.value, nameParts.join(".")),
+            lastNamePart,
+            value
+          );
+        }
+      }
+    }
+    nodeValues.value = { ...nodeValues.value };
+  }
+  function nameIsParameter(parameterData) {
+    return parameterData.name.startsWith("parameters.");
+  }
+  function updateNodeParameter(parameterData, newValue, node2, isToolNode) {
+    const nodeTypeDescription = nodeTypesStore.getNodeType(node2.type, node2.typeVersion);
+    if (!nodeTypeDescription) {
+      return;
+    }
+    let nodeParameters = getNodeParameters(
+      nodeTypeDescription.properties,
+      node2.parameters,
+      false,
+      false,
+      node2,
+      nodeTypeDescription
+    );
+    const oldNodeParameters = Object.assign({}, nodeParameters);
+    nodeParameters = deepCopy(nodeParameters);
+    const parameterPath = updateParameterByPath(
+      parameterData.name,
+      newValue,
+      nodeParameters,
+      nodeTypeDescription,
+      node2.typeVersion
+    );
+    nodeParameters = getNodeParameters(
+      nodeTypeDescription.properties,
+      nodeParameters,
+      true,
+      false,
+      node2,
+      nodeTypeDescription
+    );
+    if (isToolNode) {
+      const updatedDescription = getUpdatedToolDescription(
+        nodeTypeDescription,
+        nodeParameters,
+        node2.parameters
+      );
+      if (updatedDescription && nodeParameters) {
+        nodeParameters.toolDescription = updatedDescription;
+      }
+    }
+    if (isDefaultNodeName(node2.name, nodeTypeDescription, node2.parameters ?? {})) {
+      const newName = makeNodeName(nodeParameters ?? {}, nodeTypeDescription);
+      if (!node2.name.startsWith(newName)) {
+        setTimeout(async () => await canvasOperations.renameNode(node2.name, newName));
+      }
+    }
+    for (const [key, value] of Object.entries(nodeParameters)) {
+      if (value !== null && value !== void 0) {
+        setValue(`parameters.${key}`, value);
+      }
+    }
+    const updateInformation = {
+      name: node2.name,
+      value: nodeParameters
+    };
+    const connections2 = workflowsStore.allConnections;
+    const updatedConnections = updateDynamicConnections(node2, connections2, parameterData);
+    if (updatedConnections) {
+      workflowsStore.setConnections(updatedConnections, true);
+    }
+    workflowsStore.setNodeParameters(updateInformation);
+    void externalHooks.run("nodeSettings.valueChanged", {
+      parameterPath,
+      newValue,
+      parameters: nodeTypeDescription.properties,
+      oldNodeParameters
+    });
+    nodeHelpers.updateNodeParameterIssuesByName(node2.name);
+    nodeHelpers.updateNodeCredentialIssuesByName(node2.name);
+    telemetry.trackNodeParametersValuesChange(nodeTypeDescription.name, parameterData);
+  }
+  return {
+    nodeValues,
+    setValue,
+    updateParameterByPath,
+    updateNodeParameter,
+    nameIsParameter
+  };
+}
 const _hoisted_1$5 = { class: "header-side-menu" };
 const _hoisted_2$2 = {
   key: 0,
@@ -9750,24 +9949,19 @@ const _hoisted_4 = { class: "mb-l" };
 const _hoisted_5 = ["href"];
 const _hoisted_6 = ["href", "textContent"];
 const _hoisted_7 = {
-  key: 1,
-  class: "node-parameters-wrapper",
-  "data-test-id": "node-parameters"
-};
-const _hoisted_8 = {
   key: 1,
   class: "no-parameters"
 };
-const _hoisted_9 = {
+const _hoisted_8 = {
   key: 2,
   class: "parameter-item parameter-notice",
   "data-test-id": "node-parameters-http-notice"
 };
-const _hoisted_10 = {
+const _hoisted_9 = {
   class: "node-version",
   "data-test-id": "node-version"
 };
-const _sfc_main$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "NodeSettings",
   props: {
     eventBus: {},
@@ -9780,13 +9974,14 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     executable: { type: Boolean, default: true },
     inputSize: { default: 0 },
     activeNode: { default: void 0 },
-    canExpand: { type: Boolean, default: false },
-    hideConnections: { type: Boolean, default: false }
+    isEmbeddedInCanvas: { type: Boolean, default: false },
+    noWheel: { type: Boolean, default: false }
   },
-  emits: ["stopExecution", "redrawRequired", "valueChanged", "switchSelectedNode", "openConnectionNodeCreator", "activate", "execute", "expand"],
+  emits: ["stopExecution", "redrawRequired", "valueChanged", "switchSelectedNode", "openConnectionNodeCreator", "activate", "execute"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
+    const slots = useSlots();
     const nodeTypesStore = useNodeTypesStore();
     const ndvStore = useNDVStore();
     const workflowsStore = useWorkflowsStore();
@@ -9796,21 +9991,17 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     const nodeHelpers = useNodeHelpers();
     const externalHooks = useExternalHooks();
     const i18n = useI18n();
-    const canvasOperations = useCanvasOperations();
+    const nodeSettingsParameters = useNodeSettingsParameters();
+    const nodeValues = nodeSettingsParameters.nodeValues;
+    const nodeParameterWrapper = useTemplateRef("nodeParameterWrapper");
+    const shouldShowStaticScrollbar = ref(false);
+    if (props.isEmbeddedInCanvas) {
+      useResizeObserver(nodeParameterWrapper, () => {
+        shouldShowStaticScrollbar.value = (nodeParameterWrapper.value?.scrollHeight ?? 0) > (nodeParameterWrapper.value?.offsetHeight ?? 0);
+      });
+    }
     const nodeValid = ref(true);
     const openPanel = ref("params");
-    const nodeValues = ref({
-      color: "#ff0000",
-      alwaysOutputData: false,
-      executeOnce: false,
-      notesInFlow: false,
-      onError: "stopWorkflow",
-      retryOnFail: false,
-      maxTries: 3,
-      waitBetweenTries: 1e3,
-      notes: "",
-      parameters: {}
-    });
     const nodeValuesInitialized = ref(false);
     const hiddenIssuesInputs = ref([]);
     const nodeSettings = ref([]);
@@ -9878,12 +10069,10 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
       return props.nodeType?.properties ?? [];
     });
     const parametersSetting = computed(() => parameters.value.filter((item) => item.isNodeSetting));
-    const parametersNoneSetting = computed(
-      () => (
-        // The connection hint notice is visually hidden via CSS in NodeDetails.vue when the node has output connections
-        parameters.value.filter((item) => !item.isNodeSetting)
-      )
-    );
+    const parametersNoneSetting = computed(() => {
+      const paramsToShow = parameters.value.filter((item) => !item.isNodeSetting);
+      return props.isEmbeddedInCanvas ? parameters.value.filter(shouldShowParameter) : paramsToShow;
+    });
     const isDisplayingCredentials = computed(
       () => credentialsStore.getCredentialTypesNodeDescriptions("", props.nodeType).filter((credentialTypeDescription) => displayCredentials(credentialTypeDescription)).length > 0
     );
@@ -9905,89 +10094,6 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
       ) : void 0;
       return credentialsStore.getCredentialOwnerName(credential);
     });
-    const setValue = (name, value) => {
-      const nameParts = name.split(".");
-      let lastNamePart = nameParts.pop();
-      let isArray = false;
-      if (lastNamePart !== void 0 && lastNamePart.includes("[")) {
-        const lastNameParts = lastNamePart.match(/(.*)\[(\d+)\]$/);
-        if (lastNameParts) {
-          nameParts.push(lastNameParts[1]);
-          lastNamePart = lastNameParts[2];
-          isArray = true;
-        }
-      }
-      if (nameParts.length === 0) {
-        if (value === null) {
-          if (lastNamePart) {
-            const { [lastNamePart]: removedNodeValue, ...remainingNodeValues } = nodeValues.value;
-            nodeValues.value = remainingNodeValues;
-          }
-        } else {
-          nodeValues.value = {
-            ...nodeValues.value,
-            [lastNamePart]: value
-          };
-        }
-      } else {
-        if (value === null) {
-          let tempValue = get$3(nodeValues.value, nameParts.join("."));
-          if (lastNamePart && !Array.isArray(tempValue)) {
-            const { [lastNamePart]: removedNodeValue, ...remainingNodeValues } = tempValue;
-            tempValue = remainingNodeValues;
-          }
-          if (isArray && Array.isArray(tempValue) && tempValue.length === 0) {
-            lastNamePart = nameParts.pop();
-            tempValue = get$3(nodeValues.value, nameParts.join("."));
-            if (lastNamePart) {
-              const { [lastNamePart]: removedArrayNodeValue, ...remainingArrayNodeValues } = tempValue;
-              tempValue = remainingArrayNodeValues;
-            }
-          }
-        } else {
-          if (typeof value === "object") {
-            set$3(
-              get$3(nodeValues.value, nameParts.join(".")),
-              lastNamePart,
-              deepCopy(value)
-            );
-          } else {
-            set$3(
-              get$3(nodeValues.value, nameParts.join(".")),
-              lastNamePart,
-              value
-            );
-          }
-        }
-      }
-      nodeValues.value = { ...nodeValues.value };
-    };
-    const removeMismatchedOptionValues = (nodeType, nodeParameterValues, updatedParameter) => {
-      nodeType.properties.forEach((prop) => {
-        const displayOptions = prop.displayOptions;
-        if (!nodeParameterValues?.hasOwnProperty(prop.name) || !displayOptions || !prop.options) {
-          return;
-        }
-        const showCondition = displayOptions.show?.[updatedParameter.name];
-        const hideCondition = displayOptions.hide?.[updatedParameter.name];
-        if (showCondition === void 0 && hideCondition === void 0) {
-          return;
-        }
-        let hasValidOptions = true;
-        if (isINodePropertyCollectionList(prop.options) || isINodePropertiesList(prop.options)) {
-          hasValidOptions = Object.keys(nodeParameterValues).every(
-            (key) => (prop.options ?? []).find((option2) => option2.name === key) !== void 0
-          );
-        } else if (isINodePropertyOptionsList(prop.options)) {
-          hasValidOptions = !!prop.options.find(
-            (option2) => option2.value === nodeParameterValues[prop.name]
-          );
-        }
-        if (!hasValidOptions && displayParameter(nodeParameterValues, prop, node2.value, nodeType)) {
-          unset(nodeParameterValues, prop.name);
-        }
-      });
-    };
     const valueChanged = (parameterData) => {
       let newValue;
       if (parameterData.hasOwnProperty("value")) {
@@ -10029,25 +10135,15 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
         const oldNodeParameters = Object.assign({}, nodeParameters);
         nodeParameters = deepCopy(nodeParameters);
         if (parameterData.value && typeof parameterData.value === "object") {
-          for (const parameterName of Object.keys(parameterData.value)) {
-            newValue = parameterData.value[parameterName];
-            const parameterPath = parameterName.split(".").slice(1).join(".");
-            const parameterPathArray = parameterPath.match(/(.*)\[(\d+)\]$/);
-            if (parameterData[parameterName] === void 0 && parameterPathArray !== null) {
-              const path = parameterPathArray[1];
-              const index = parameterPathArray[2];
-              const data = get$3(nodeParameters, path);
-              if (Array.isArray(data)) {
-                data.splice(parseInt(index, 10), 1);
-                set$3(nodeParameters, path, data);
-              }
-            } else {
-              if (newValue === void 0) {
-                unset(nodeParameters, parameterPath);
-              } else {
-                set$3(nodeParameters, parameterPath, newValue);
-              }
-            }
+          for (const [parameterName, parameterValue] of Object.entries(parameterData.value)) {
+            newValue = parameterValue;
+            const parameterPath = nodeSettingsParameters.updateParameterByPath(
+              parameterName,
+              newValue,
+              nodeParameters,
+              nodeType,
+              _node.typeVersion
+            );
             void externalHooks.run("nodeSettings.valueChanged", {
               parameterPath,
               newValue,
@@ -10065,8 +10161,8 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
           nodeType
         );
         for (const key of Object.keys(nodeParameters)) {
-          if (nodeParameters && nodeParameters[key] !== null && nodeParameters[key] !== void 0) {
-            setValue(`parameters.${key}`, nodeParameters[key]);
+          if (nodeParameters?.[key] !== null && nodeParameters?.[key] !== void 0) {
+            nodeSettingsParameters.setValue(`parameters.${key}`, nodeParameters[key]);
           }
         }
         if (nodeParameters) {
@@ -10078,89 +10174,8 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
           nodeHelpers.updateNodeParameterIssuesByName(_node.name);
           nodeHelpers.updateNodeCredentialIssuesByName(_node.name);
         }
-      } else if (parameterData.name.startsWith("parameters.")) {
-        const nodeType = nodeTypesStore.getNodeType(_node.type, _node.typeVersion);
-        if (!nodeType) {
-          return;
-        }
-        let nodeParameters = getNodeParameters(
-          nodeType.properties,
-          _node.parameters,
-          false,
-          false,
-          _node,
-          nodeType
-        );
-        const oldNodeParameters = Object.assign({}, nodeParameters);
-        nodeParameters = deepCopy(nodeParameters);
-        const parameterPath = parameterData.name.split(".").slice(1).join(".");
-        const parameterPathArray = parameterPath.match(/(.*)\[(\d+)\]$/);
-        if (parameterData.value === void 0 && parameterPathArray !== null) {
-          const path = parameterPathArray[1];
-          const index = parameterPathArray[2];
-          const data = get$3(nodeParameters, path);
-          if (Array.isArray(data)) {
-            data.splice(parseInt(index, 10), 1);
-            set$3(nodeParameters, path, data);
-          }
-        } else {
-          if (newValue === void 0) {
-            unset(nodeParameters, parameterPath);
-          } else {
-            set$3(nodeParameters, parameterPath, newValue);
-          }
-          removeMismatchedOptionValues(nodeType, nodeParameters, {
-            name: parameterPath
-          });
-        }
-        nodeParameters = getNodeParameters(
-          nodeType.properties,
-          nodeParameters,
-          true,
-          false,
-          _node,
-          nodeType
-        );
-        if (isToolNode.value) {
-          const updatedDescription = getUpdatedToolDescription(
-            props.nodeType,
-            nodeParameters,
-            node2.value?.parameters
-          );
-          if (updatedDescription && nodeParameters) {
-            nodeParameters.toolDescription = updatedDescription;
-          }
-        }
-        if (isDefaultNodeName(_node.name, nodeType, node2.value?.parameters ?? {})) {
-          const newName = makeNodeName(nodeParameters ?? {}, nodeType);
-          if (!_node.name.startsWith(newName)) {
-            setTimeout(async () => await canvasOperations.renameNode(_node.name, newName));
-          }
-        }
-        for (const key of Object.keys(nodeParameters)) {
-          if (nodeParameters && nodeParameters[key] !== null && nodeParameters[key] !== void 0) {
-            setValue(`parameters.${key}`, nodeParameters[key]);
-          }
-        }
-        const updateInformation = {
-          name: _node.name,
-          value: nodeParameters
-        };
-        const connections2 = workflowsStore.allConnections;
-        const updatedConnections = updateDynamicConnections(_node, connections2, parameterData);
-        if (updatedConnections) {
-          workflowsStore.setConnections(updatedConnections, true);
-        }
-        workflowsStore.setNodeParameters(updateInformation);
-        void externalHooks.run("nodeSettings.valueChanged", {
-          parameterPath,
-          newValue,
-          parameters: parameters.value,
-          oldNodeParameters
-        });
-        nodeHelpers.updateNodeParameterIssuesByName(_node.name);
-        nodeHelpers.updateNodeCredentialIssuesByName(_node.name);
-        telemetry.trackNodeParametersValuesChange(nodeType.name, parameterData);
+      } else if (nodeSettingsParameters.nameIsParameter(parameterData)) {
+        nodeSettingsParameters.updateNodeParameter(parameterData, newValue, _node, isToolNode.value);
       } else {
         nodeValues.value = {
           ...nodeValues.value,
@@ -10187,8 +10202,8 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     const onSwitchSelectedNode = (node22) => {
       emit("switchSelectedNode", node22);
     };
-    const onOpenConnectionNodeCreator = (nodeName, connectionType2) => {
-      emit("openConnectionNodeCreator", nodeName, connectionType2);
+    const onOpenConnectionNodeCreator = (nodeName, connectionType2, connectionIndex = 0) => {
+      emit("openConnectionNodeCreator", nodeName, connectionType2, connectionIndex);
     };
     const populateHiddenIssuesSet = () => {
       if (!node2.value || !workflowsStore.isNodePristine(node2.value.name)) return;
@@ -10488,17 +10503,25 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
       }
       return !!node2.value && nodeHelpers.displayParameter(node2.value.parameters, credentialTypeDescription, "", node2.value);
     }
+    function handleWheelEvent(event) {
+      if (event.ctrlKey) {
+        event.preventDefault();
+      }
+    }
     return (_ctx, _cache) => {
+      const _component_NodeTitle = NodeTitle;
+      const _component_NodeSettingsTabs = _sfc_main$y;
       const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
-      const _component_n8n_text = resolveComponent("n8n-text");
+      const _component_n8n_text = N8nText;
       const _component_i18n_t = resolveComponent("i18n-t");
-      const _component_n8n_link = resolveComponent("n8n-link");
-      const _component_n8n_notice = resolveComponent("n8n-notice");
-      const _component_n8n_block_ui = resolveComponent("n8n-block-ui");
+      const _component_n8n_link = N8nLink;
+      const _component_n8n_notice = N8nNotice;
+      const _component_n8n_block_ui = N8nBlockUi;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass({
           "node-settings": true,
-          dragging: _ctx.dragging
+          dragging: _ctx.dragging,
+          embedded: props.isEmbeddedInCanvas
         }),
         onKeydown: _cache[1] || (_cache[1] = withModifiers(() => {
         }, ["stop"]))
@@ -10507,7 +10530,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
           class: normalizeClass(_ctx.$style.header)
         }, [
           createBaseVNode("div", _hoisted_1$5, [
-            node2.value ? (openBlock(), createBlock(NodeTitle, {
+            node2.value ? (openBlock(), createBlock(_component_NodeTitle, {
               key: 0,
               class: "node-name",
               "model-value": node2.value.name,
@@ -10515,11 +10538,8 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
               "read-only": isReadOnly.value,
               "onUpdate:modelValue": nameChanged
             }, null, 8, ["model-value", "node-type", "read-only"])) : createCommentVNode("", true),
-            isExecutable2.value || props.canExpand ? (openBlock(), createElementBlock("div", {
-              key: 1,
-              class: normalizeClass(_ctx.$style.headerActions)
-            }, [
-              isExecutable2.value && !_ctx.blockUI && node2.value && nodeValid.value ? (openBlock(), createBlock(_sfc_main$Q, {
+            isExecutable2.value || slots.actions ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              isExecutable2.value && !_ctx.blockUI && node2.value && nodeValid.value ? (openBlock(), createBlock(_sfc_main$U, {
                 key: 0,
                 "data-test-id": "node-execute-button",
                 "node-name": node2.value.name,
@@ -10531,19 +10551,10 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
                 onStopExecution,
                 onValueChanged: valueChanged
               }, null, 8, ["node-name", "disabled", "tooltip"])) : createCommentVNode("", true),
-              props.canExpand ? (openBlock(), createBlock(unref(_sfc_main$R), {
-                key: 1,
-                icon: "expand",
-                type: "secondary",
-                text: "",
-                size: "mini",
-                "icon-size": "large",
-                "aria-label": "Expand",
-                onClick: _cache[0] || (_cache[0] = ($event) => emit("expand"))
-              })) : createCommentVNode("", true)
-            ], 2)) : createCommentVNode("", true)
+              renderSlot(_ctx.$slots, "actions", {}, void 0, true)
+            ], 64)) : createCommentVNode("", true)
           ]),
-          node2.value && nodeValid.value ? (openBlock(), createBlock(_sfc_main$v, {
+          node2.value && nodeValid.value ? (openBlock(), createBlock(_component_NodeSettingsTabs, {
             key: 0,
             "model-value": openPanel.value,
             "node-type": _ctx.nodeType,
@@ -10612,33 +10623,46 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
             _: 1
           }))
         ])) : createCommentVNode("", true),
-        node2.value && nodeValid.value ? (openBlock(), createElementBlock("div", _hoisted_7, [
+        node2.value && nodeValid.value ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          ref_key: "nodeParameterWrapper",
+          ref: nodeParameterWrapper,
+          class: normalizeClass([
+            "node-parameters-wrapper",
+            shouldShowStaticScrollbar.value ? "with-static-scrollbar" : "",
+            _ctx.noWheel && shouldShowStaticScrollbar.value ? "nowheel" : ""
+          ]),
+          "data-test-id": "node-parameters",
+          onWheel: _cache[0] || (_cache[0] = ($event) => _ctx.noWheel ? handleWheelEvent : void 0)
+        }, [
           hasForeignCredential.value && !isHomeProjectTeam.value ? (openBlock(), createBlock(_component_n8n_notice, {
             key: 0,
             content: unref(i18n).baseText("nodeSettings.hasForeignCredential", {
               interpolate: { owner: credentialOwnerName.value }
             })
           }, null, 8, ["content"])) : createCommentVNode("", true),
-          createVNode(_sfc_main$s),
+          createVNode(_sfc_main$u),
           withDirectives(createBaseVNode("div", null, [
             createVNode(NodeWebhooks, {
               node: node2.value,
               "node-type-description": _ctx.nodeType
             }, null, 8, ["node", "node-type-description"]),
-            nodeValuesInitialized.value ? (openBlock(), createBlock(_sfc_main$S, {
+            nodeValuesInitialized.value ? (openBlock(), createBlock(_sfc_main$V, {
               key: 0,
               parameters: parametersNoneSetting.value,
               "hide-delete": true,
-              "node-values": nodeValues.value,
+              "node-values": unref(nodeValues),
               "is-read-only": isReadOnly.value,
               "hidden-issues-inputs": hiddenIssuesInputs.value,
               path: "parameters",
+              node: props.activeNode,
               onValueChanged: valueChanged,
               onActivate: onWorkflowActivate,
               onParameterBlur
             }, {
               default: withCtx(() => [
-                createVNode(NodeCredentials, {
+                !_ctx.isEmbeddedInCanvas ? (openBlock(), createBlock(NodeCredentials, {
+                  key: 0,
                   node: node2.value,
                   readonly: isReadOnly.value,
                   "show-all": true,
@@ -10646,11 +10670,11 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
                   onCredentialSelected: credentialSelected,
                   onValueChanged: valueChanged,
                   onBlur: onParameterBlur
-                }, null, 8, ["node", "readonly", "hide-issues"])
+                }, null, 8, ["node", "readonly", "hide-issues"])) : createCommentVNode("", true)
               ]),
               _: 1
-            }, 8, ["parameters", "node-values", "is-read-only", "hidden-issues-inputs"])) : createCommentVNode("", true),
-            showNoParametersNotice.value ? (openBlock(), createElementBlock("div", _hoisted_8, [
+            }, 8, ["parameters", "node-values", "is-read-only", "hidden-issues-inputs", "node"])) : createCommentVNode("", true),
+            showNoParametersNotice.value ? (openBlock(), createElementBlock("div", _hoisted_7, [
               createVNode(_component_n8n_text, null, {
                 default: withCtx(() => [
                   createTextVNode(toDisplayString(unref(i18n).baseText("nodeSettings.thisNodeDoesNotHaveAnyParameters")), 1)
@@ -10658,7 +10682,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
                 _: 1
               })
             ])) : createCommentVNode("", true),
-            unref(nodeHelpers).isCustomApiCallSelected(nodeValues.value) ? (openBlock(), createElementBlock("div", _hoisted_9, [
+            unref(nodeHelpers).isCustomApiCallSelected(unref(nodeValues)) ? (openBlock(), createElementBlock("div", _hoisted_8, [
               createVNode(_component_n8n_notice, {
                 content: unref(i18n).baseText("nodeSettings.useTheHttpRequestNode", {
                   interpolate: { nodeTypeDisplayName: _ctx.nodeType?.displayName ?? "" }
@@ -10669,9 +10693,9 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
             [vShow, openPanel.value === "params"]
           ]),
           withDirectives(createBaseVNode("div", null, [
-            createVNode(_sfc_main$S, {
+            createVNode(_sfc_main$V, {
               parameters: parametersSetting.value,
-              "node-values": nodeValues.value,
+              "node-values": unref(nodeValues),
               "is-read-only": isReadOnly.value,
               "hide-delete": true,
               "hidden-issues-inputs": hiddenIssuesInputs.value,
@@ -10679,17 +10703,17 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
               onValueChanged: valueChanged,
               onParameterBlur
             }, null, 8, ["parameters", "node-values", "is-read-only", "hidden-issues-inputs"]),
-            createVNode(_sfc_main$S, {
+            createVNode(_sfc_main$V, {
               parameters: nodeSettings.value,
               "hide-delete": true,
-              "node-values": nodeValues.value,
+              "node-values": unref(nodeValues),
               "is-read-only": isReadOnly.value,
               "hidden-issues-inputs": hiddenIssuesInputs.value,
               path: "",
               onValueChanged: valueChanged,
               onParameterBlur
             }, null, 8, ["parameters", "node-values", "is-read-only", "hidden-issues-inputs"]),
-            createBaseVNode("div", _hoisted_10, [
+            createBaseVNode("div", _hoisted_9, [
               createTextVNode(toDisplayString(unref(i18n).baseText("nodeSettings.nodeVersion", {
                 interpolate: {
                   node: _ctx.nodeType?.displayName,
@@ -10701,8 +10725,8 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
           ], 512), [
             [vShow, openPanel.value === "settings"]
           ])
-        ])) : createCommentVNode("", true),
-        node2.value && !props.hideConnections ? (openBlock(), createBlock(NDVSubConnections, {
+        ], 34)) : createCommentVNode("", true),
+        node2.value && !props.isEmbeddedInCanvas ? (openBlock(), createBlock(NDVSubConnections, {
           key: 2,
           ref_key: "subConnections",
           ref: subConnections,
@@ -10715,31 +10739,28 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const header = "_header_ksz9x_123";
-const headerActions = "_headerActions_ksz9x_127";
-const warningIcon = "_warningIcon_ksz9x_133";
-const descriptionContainer = "_descriptionContainer_ksz9x_138";
-const style0$k = {
-  header,
-  headerActions,
+const header$1 = "_header_13al3_123";
+const warningIcon = "_warningIcon_13al3_127";
+const descriptionContainer = "_descriptionContainer_13al3_132";
+const style0$m = {
+  header: header$1,
   warningIcon,
   descriptionContainer
 };
-const cssModules$k = {
-  "$style": style0$k
+const cssModules$m = {
+  "$style": style0$m
 };
-const NodeSettings = /* @__PURE__ */ _export_sfc$1(_sfc_main$r, [["__cssModules", cssModules$k], ["__scopeId", "data-v-d069a584"]]);
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const NodeSettings = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["__cssModules", cssModules$m], ["__scopeId", "data-v-8e2785e0"]]);
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "ExperimentalCanvasNodeSettings",
   props: {
     nodeId: {},
-    canOpenNdv: { type: Boolean }
+    noWheel: { type: Boolean }
   },
   setup(__props) {
     const settingsEventBus = createEventBus();
     const nodeTypesStore = useNodeTypesStore();
     const workflowsStore = useWorkflowsStore();
-    const { setActiveNodeName } = useNDVStore();
     const { renameNode } = useCanvasOperations();
     const activeNode = computed(() => workflowsStore.getNodeById(__props.nodeId));
     const activeNodeType = computed(() => {
@@ -10748,11 +10769,6 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       }
       return null;
     });
-    function handleOpenNdv() {
-      if (activeNode.value) {
-        setActiveNodeName(activeNode.value.name);
-      }
-    }
     function handleValueChanged(parameterData) {
       if (parameterData.name === "name" && parameterData.oldValue) {
         void renameNode(parameterData.oldValue, parameterData.value);
@@ -10760,7 +10776,6 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createBlock(NodeSettings, {
-        "can-expand": _ctx.canOpenNdv,
         "event-bus": unref(settingsEventBus),
         dragging: false,
         "active-node": activeNode.value,
@@ -10771,15 +10786,173 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
         "block-u-i": false,
         executable: false,
         "input-size": 0,
-        "hide-connections": "",
-        onExpand: handleOpenNdv,
+        "is-embedded-in-canvas": "",
+        "no-wheel": _ctx.noWheel,
         onValueChanged: handleValueChanged
-      }, null, 8, ["can-expand", "event-bus", "active-node", "node-type"]);
+      }, {
+        actions: withCtx(() => [
+          renderSlot(_ctx.$slots, "actions")
+        ]),
+        _: 3
+      }, 8, ["event-bus", "active-node", "node-type", "no-wheel"]);
     };
   }
 });
+const useExperimentalNdvStore = defineStore("experimentalNdv", () => {
+  const workflowStore = useWorkflowsStore();
+  const settingsStore = useSettingsStore();
+  const isEnabled = computed(
+    () => !Number.isNaN(settingsStore.experimental__minZoomNodeSettingsInCanvas) && settingsStore.experimental__minZoomNodeSettingsInCanvas > 0
+  );
+  const maxCanvasZoom = computed(
+    () => isEnabled.value ? settingsStore.experimental__minZoomNodeSettingsInCanvas : 4
+  );
+  const collapsedNodes = shallowRef({});
+  function setNodeExpanded(nodeId, isExpanded) {
+    collapsedNodes.value = {
+      ...collapsedNodes.value,
+      [nodeId]: isExpanded ?? !collapsedNodes.value[nodeId]
+    };
+  }
+  function collapseAllNodes() {
+    collapsedNodes.value = workflowStore.allNodes.reduce(
+      (acc, node2) => {
+        acc[node2.id] = true;
+        return acc;
+      },
+      {}
+    );
+  }
+  function expandAllNodes() {
+    collapsedNodes.value = {};
+  }
+  function isActive(canvasZoom) {
+    return isEnabled.value && canvasZoom === maxCanvasZoom.value;
+  }
+  return {
+    isEnabled,
+    maxCanvasZoom,
+    collapsedNodes: computed(() => collapsedNodes.value),
+    isActive,
+    setNodeExpanded,
+    expandAllNodes,
+    collapseAllNodes
+  };
+});
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
+  __name: "ExperimentalEmbeddedNodeDetails",
+  props: {
+    nodeId: {}
+  },
+  setup(__props) {
+    const experimentalNdvStore = useExperimentalNdvStore();
+    const isExpanded = computed(() => !experimentalNdvStore.collapsedNodes[__props.nodeId]);
+    const nodeTypesStore = useNodeTypesStore();
+    const workflowsStore = useWorkflowsStore();
+    const node2 = computed(() => workflowsStore.getNodeById(__props.nodeId) ?? null);
+    const nodeType = computed(() => {
+      if (node2.value) {
+        return nodeTypesStore.getNodeType(node2.value.type, node2.value.typeVersion);
+      }
+      return null;
+    });
+    const vf = useVueFlow(workflowsStore.workflowId);
+    const isMoving = ref(false);
+    const moveStartListener = vf.onMoveStart(() => {
+      isMoving.value = true;
+    });
+    const moveEndListener = vf.onMoveEnd(() => {
+      isMoving.value = false;
+    });
+    onBeforeUnmount(() => {
+      moveStartListener.off();
+      moveEndListener.off();
+    });
+    const isVisible = computed(
+      () => vf.isNodeIntersecting(
+        { id: __props.nodeId },
+        {
+          x: -vf.viewport.value.x / vf.viewport.value.zoom,
+          y: -vf.viewport.value.y / vf.viewport.value.zoom,
+          width: vf.viewportRef.value?.offsetWidth ?? 0,
+          height: vf.viewportRef.value?.offsetHeight ?? 0
+        }
+      )
+    );
+    const isOnceVisible = ref(isVisible.value);
+    watchOnce(isVisible, (visible2) => {
+      isOnceVisible.value = isOnceVisible.value || visible2;
+    });
+    function handleToggleExpand() {
+      experimentalNdvStore.setNodeExpanded(__props.nodeId);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref: "container",
+        class: normalizeClass([_ctx.$style.component, isExpanded.value ? _ctx.$style.expanded : _ctx.$style.collapsed]),
+        style: normalizeStyle({ "--zoom": `${1 / unref(experimentalNdvStore).maxCanvasZoom}` })
+      }, [
+        isOnceVisible.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          isExpanded.value ? (openBlock(), createBlock(_sfc_main$s, {
+            key: 0,
+            "node-id": _ctx.nodeId,
+            class: normalizeClass(_ctx.$style.settingsView),
+            "no-wheel": !isMoving.value
+            /* to not interrupt panning while allowing scroll of the settings pane, allow wheel event while panning */
+          }, {
+            actions: withCtx(() => [
+              createVNode(unref(_sfc_main$R), {
+                icon: "compress",
+                type: "secondary",
+                text: "",
+                size: "mini",
+                "icon-size": "large",
+                "aria-label": "Toggle expand",
+                onClick: handleToggleExpand
+              })
+            ]),
+            _: 1
+          }, 8, ["node-id", "class", "no-wheel"])) : (openBlock(), createElementBlock("div", {
+            key: 1,
+            role: "button ",
+            class: normalizeClass(_ctx.$style.collapsedContent),
+            onClick: handleToggleExpand
+          }, [
+            node2.value ? (openBlock(), createBlock(NodeTitle, {
+              key: 0,
+              class: "node-name",
+              "model-value": node2.value.name,
+              "node-type": nodeType.value,
+              "read-only": ""
+            }, null, 8, ["model-value", "node-type"])) : createCommentVNode("", true),
+            createVNode(unref(N8nIcon), {
+              icon: "expand",
+              size: "large"
+            })
+          ], 2))
+        ], 64)) : createCommentVNode("", true)
+      ], 6);
+    };
+  }
+});
+const component$2 = "_component_1kmdn_123";
+const expanded = "_expanded_1kmdn_134";
+const collapsed = "_collapsed_1kmdn_137";
+const collapsedContent = "_collapsedContent_1kmdn_149";
+const settingsView = "_settingsView_1kmdn_150";
+const style0$l = {
+  component: component$2,
+  expanded,
+  collapsed,
+  collapsedContent,
+  settingsView
+};
+const cssModules$l = {
+  "$style": style0$l
+};
+const ExperimentalInPlaceNodeSettings = /* @__PURE__ */ _export_sfc$1(_sfc_main$r, [["__cssModules", cssModules$l]]);
 const _hoisted_1$4 = ["data-test-id"];
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeDefault",
   emits: ["open:contextmenu", "activate"],
   setup(__props, { emit: __emit }) {
@@ -10811,7 +10984,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
       connections: connections2
     });
     const renderOptions = computed(() => render2.value.options);
-    const nodeSettingsZoom = useNodeSettingsInCanvas();
+    const experimentalNdvStore = useExperimentalNdvStore();
     const classes = computed(() => {
       return {
         [$style.node]: true,
@@ -10825,8 +10998,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
         [$style.configurable]: renderOptions.value.configurable,
         [$style.configuration]: renderOptions.value.configuration,
         [$style.trigger]: renderOptions.value.trigger,
-        [$style.warning]: renderOptions.value.dirtiness !== void 0,
-        [$style.settingsView]: nodeSettingsZoom.value !== void 0
+        [$style.warning]: renderOptions.value.dirtiness !== void 0
       };
     });
     const iconSize = computed(() => renderOptions.value.configuration ? 30 : 40);
@@ -10842,8 +11014,7 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     const styles = computed(() => ({
       "--canvas-node--width": `${nodeSize.value.width}px`,
       "--canvas-node--height": `${nodeSize.value.height}px`,
-      "--node-icon-size": `${iconSize.value}px`,
-      ...nodeSettingsZoom.value === void 0 ? {} : { "--zoom": nodeSettingsZoom.value }
+      "--node-icon-size": `${iconSize.value}px`
     }));
     const dataTestId = computed(() => {
       let type = "default";
@@ -10882,80 +11053,79 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _component_CanvasNodeTooltip = __unplugin_components_0$3;
-      const _component_NodeIcon = _sfc_main$P;
+      const _component_NodeIcon = _sfc_main$T;
       const _component_CanvasNodeDisabledStrikeThrough = __unplugin_components_2;
       const _component_CanvasNodeStatusIcons = __unplugin_components_3;
-      return openBlock(), createElementBlock("div", {
+      return unref(experimentalNdvStore).isActive(unref(viewport).zoom) ? (openBlock(), createBlock(ExperimentalInPlaceNodeSettings, {
+        key: 0,
+        "node-id": unref(id2),
+        class: normalizeClass(classes.value),
+        style: normalizeStyle(styles.value)
+      }, null, 8, ["node-id", "class", "style"])) : (openBlock(), createElementBlock("div", {
+        key: 1,
         class: normalizeClass(classes.value),
         style: normalizeStyle(styles.value),
         "data-test-id": dataTestId.value,
         onContextmenu: openContextMenu,
         onDblclick: withModifiers(onActivate, ["stop"])
       }, [
-        unref(nodeSettingsZoom) !== void 0 ? (openBlock(), createBlock(_sfc_main$q, {
+        renderOptions.value.tooltip ? (openBlock(), createBlock(_component_CanvasNodeTooltip, {
           key: 0,
-          "node-id": unref(id2)
-        }, null, 8, ["node-id"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-          renderOptions.value.tooltip ? (openBlock(), createBlock(_component_CanvasNodeTooltip, {
+          visible: showTooltip.value
+        }, null, 8, ["visible"])) : createCommentVNode("", true),
+        createVNode(_component_NodeIcon, {
+          "icon-source": iconSource.value,
+          size: iconSize.value,
+          shrink: false,
+          disabled: unref(isDisabled),
+          class: normalizeClass(unref($style).icon)
+        }, null, 8, ["icon-source", "size", "disabled", "class"]),
+        isStrikethroughVisible.value ? (openBlock(), createBlock(_component_CanvasNodeDisabledStrikeThrough, { key: 1 })) : createCommentVNode("", true),
+        createBaseVNode("div", {
+          class: normalizeClass(unref($style).description)
+        }, [
+          unref(label2) ? (openBlock(), createElementBlock("div", {
             key: 0,
-            visible: showTooltip.value
-          }, null, 8, ["visible"])) : createCommentVNode("", true),
-          createVNode(_component_NodeIcon, {
-            "icon-source": iconSource.value,
-            size: iconSize.value,
-            shrink: false,
-            disabled: unref(isDisabled),
-            class: normalizeClass(unref($style).icon)
-          }, null, 8, ["icon-source", "size", "disabled", "class"]),
-          isStrikethroughVisible.value ? (openBlock(), createBlock(_component_CanvasNodeDisabledStrikeThrough, { key: 1 })) : createCommentVNode("", true),
-          createBaseVNode("div", {
-            class: normalizeClass(unref($style).description)
-          }, [
-            unref(label2) ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: normalizeClass(unref($style).label)
-            }, toDisplayString(unref(label2)), 3)) : createCommentVNode("", true),
-            unref(isDisabled) ? (openBlock(), createElementBlock("div", {
-              key: 1,
-              class: normalizeClass(unref($style).disabledLabel)
-            }, " (" + toDisplayString(unref(i18n).baseText("node.disabled")) + ") ", 3)) : createCommentVNode("", true),
-            unref(subtitle2) ? (openBlock(), createElementBlock("div", {
-              key: 2,
-              class: normalizeClass(unref($style).subtitle)
-            }, toDisplayString(unref(subtitle2)), 3)) : createCommentVNode("", true)
-          ], 2),
-          !unref(isDisabled) ? (openBlock(), createBlock(_component_CanvasNodeStatusIcons, {
+            class: normalizeClass(unref($style).label)
+          }, toDisplayString(unref(label2)), 3)) : createCommentVNode("", true),
+          unref(isDisabled) ? (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: normalizeClass(unref($style).disabledLabel)
+          }, " (" + toDisplayString(unref(i18n).baseText("node.disabled")) + ") ", 3)) : createCommentVNode("", true),
+          unref(subtitle2) ? (openBlock(), createElementBlock("div", {
             key: 2,
-            class: normalizeClass(unref($style).statusIcons)
-          }, null, 8, ["class"])) : createCommentVNode("", true)
-        ], 64))
-      ], 46, _hoisted_1$4);
+            class: normalizeClass(unref($style).subtitle)
+          }, toDisplayString(unref(subtitle2)), 3)) : createCommentVNode("", true)
+        ], 2),
+        !unref(isDisabled) ? (openBlock(), createBlock(_component_CanvasNodeStatusIcons, {
+          key: 2,
+          class: normalizeClass(unref($style).statusIcons)
+        }, null, 8, ["class"])) : createCommentVNode("", true)
+      ], 46, _hoisted_1$4));
     };
   }
 });
-const node = "_node_1b2gp_123";
-const trigger$1 = "_trigger_1b2gp_145";
-const settingsView = "_settingsView_1b2gp_148";
-const configuration = "_configuration_1b2gp_160";
-const statusIcons = "_statusIcons_1b2gp_165";
-const configurable = "_configurable_1b2gp_168";
-const icon = "_icon_1b2gp_168";
-const description = "_description_1b2gp_171";
-const label$5 = "_label_1b2gp_184";
-const subtitle = "_subtitle_1b2gp_187";
-const running = "_running_1b2gp_193";
-const selected$1 = "_selected_1b2gp_200";
-const success$1 = "_success_1b2gp_203";
-const warning = "_warning_1b2gp_206";
-const error = "_error_1b2gp_209";
-const pinned = "_pinned_1b2gp_212";
-const disabled$1 = "_disabled_1b2gp_215";
-const waiting = "_waiting_1b2gp_222";
-const disabledLabel = "_disabledLabel_1b2gp_238";
-const style0$j = {
+const node = "_node_1gj9w_123";
+const trigger$1 = "_trigger_1gj9w_145";
+const configuration = "_configuration_1gj9w_148";
+const statusIcons = "_statusIcons_1gj9w_153";
+const configurable = "_configurable_1gj9w_156";
+const icon = "_icon_1gj9w_156";
+const description = "_description_1gj9w_159";
+const label$5 = "_label_1gj9w_172";
+const subtitle = "_subtitle_1gj9w_175";
+const running = "_running_1gj9w_181";
+const selected$1 = "_selected_1gj9w_188";
+const success$1 = "_success_1gj9w_191";
+const warning = "_warning_1gj9w_197";
+const error = "_error_1gj9w_200";
+const pinned = "_pinned_1gj9w_203";
+const disabled$1 = "_disabled_1gj9w_209";
+const waiting = "_waiting_1gj9w_222";
+const disabledLabel = "_disabledLabel_1gj9w_241";
+const style0$k = {
   node,
   trigger: trigger$1,
-  settingsView,
   configuration,
   statusIcons,
   configurable,
@@ -10973,10 +11143,10 @@ const style0$j = {
   waiting,
   disabledLabel
 };
-const cssModules$j = {
-  "$style": style0$j
+const cssModules$k = {
+  "$style": style0$k
 };
-const CanvasNodeDefault = /* @__PURE__ */ _export_sfc$1(_sfc_main$p, [["__cssModules", cssModules$j]]);
+const CanvasNodeDefault = /* @__PURE__ */ _export_sfc$1(_sfc_main$q, [["__cssModules", cssModules$k]]);
 var xhtml = "http://www.w3.org/1999/xhtml";
 const namespaces = {
   svg: "http://www.w3.org/2000/svg",
@@ -12256,7 +12426,7 @@ const __default__ = {
   compatConfig: { MODE: 3 },
   inheritAttrs: false
 };
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   ...__default__,
   props: {
     nodeId: {},
@@ -12369,7 +12539,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -12424,9 +12594,9 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       eventBus.value?.off("update:node:activated", onActivate);
     });
     return (_ctx, _cache) => {
-      const _component_N8nSticky = resolveComponent("N8nSticky");
+      const _component_N8nSticky = N8nSticky;
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(unref(_sfc_main$o), {
+        createVNode(unref(_sfc_main$p), {
           "min-height": 80,
           "min-width": 150,
           height: renderOptions.value.height,
@@ -12455,16 +12625,16 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
 });
 const sticky = "_sticky_1jyj2_123";
 const selected = "_selected_1jyj2_130";
-const style0$i = {
+const style0$j = {
   sticky,
   selected
 };
-const cssModules$i = {
-  "$style": style0$i
+const cssModules$j = {
+  "$style": style0$j
 };
-const CanvasNodeStickyNote = /* @__PURE__ */ _export_sfc$1(_sfc_main$n, [["__cssModules", cssModules$i]]);
+const CanvasNodeStickyNote = /* @__PURE__ */ _export_sfc$1(_sfc_main$o, [["__cssModules", cssModules$j]]);
 const _hoisted_1$3 = ["textContent"];
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeAddNodes",
   setup(__props) {
     const nodeCreatorStore = useNodeCreatorStore();
@@ -12491,7 +12661,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _component_FontAwesomeIcon = resolveComponent("FontAwesomeIcon");
-      const _component_N8nTooltip = resolveComponent("N8nTooltip");
+      const _component_N8nTooltip = N8nTooltip;
       return openBlock(), createElementBlock("div", {
         ref: "container",
         class: normalizeClass(_ctx.$style.addNodes),
@@ -12532,16 +12702,16 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
 const addNodes = "_addNodes_1qfrq_123";
 const button$1 = "_button_1qfrq_131";
 const label$4 = "_label_1qfrq_152";
-const style0$h = {
+const style0$i = {
   addNodes,
   button: button$1,
   label: label$4
 };
-const cssModules$h = {
-  "$style": style0$h
+const cssModules$i = {
+  "$style": style0$i
 };
-const CanvasNodeAddNodes = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["__cssModules", cssModules$h]]);
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const CanvasNodeAddNodes = /* @__PURE__ */ _export_sfc$1(_sfc_main$n, [["__cssModules", cssModules$i]]);
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeAIPrompt",
   emits: ["delete"],
   setup(__props, { emit: __emit }) {
@@ -12560,8 +12730,8 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
       isPromptVisible.value = false;
     }
     return (_ctx, _cache) => {
-      const _component_n8n_input = resolveComponent("n8n-input");
-      const _component_n8n_button = resolveComponent("n8n-button");
+      const _component_n8n_input = N8nInput;
+      const _component_n8n_button = N8nButton;
       return isPromptVisible.value ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: normalizeClass(_ctx.$style.container),
@@ -12614,7 +12784,7 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container$1 = "_container_145fr_123";
+const container$2 = "_container_145fr_123";
 const promptContainer = "_promptContainer_145fr_128";
 const focused = "_focused_145fr_142";
 const form = "_form_145fr_146";
@@ -12622,8 +12792,8 @@ const form_textarea = "_form_textarea_145fr_153";
 const form_footer = "_form_footer_145fr_170";
 const or = "_or_145fr_176";
 const or_text = "_or_text_145fr_185";
-const style0$g = {
-  container: container$1,
+const style0$h = {
+  container: container$2,
   promptContainer,
   focused,
   form,
@@ -12632,11 +12802,11 @@ const style0$g = {
   or,
   or_text
 };
-const cssModules$g = {
-  "$style": style0$g
+const cssModules$h = {
+  "$style": style0$h
 };
-const CanvasNodeAIPrompt = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["__cssModules", cssModules$g]]);
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const CanvasNodeAIPrompt = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["__cssModules", cssModules$h]]);
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeRenderer",
   setup(__props) {
     const node2 = inject(CanvasNodeKey);
@@ -12665,7 +12835,7 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "CanvasHandleRectangle",
   props: {
     handleClasses: { default: void 0 }
@@ -12679,13 +12849,13 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
   }
 });
 const rectangle = "_rectangle_rd2w6_123";
-const style0$f = {
+const style0$g = {
   rectangle
 };
-const cssModules$f = {
-  "$style": style0$f
+const cssModules$g = {
+  "$style": style0$g
 };
-const __unplugin_components_0$2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["__cssModules", cssModules$f]]);
+const __unplugin_components_0$2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["__cssModules", cssModules$g]]);
 function useCanvasNodeHandle() {
   const handle2 = inject(CanvasNodeHandleKey);
   const label2 = computed(() => handle2?.label.value ?? "");
@@ -12712,7 +12882,7 @@ function useCanvasNodeHandle() {
   };
 }
 const handleClasses$3 = "target";
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "CanvasHandleMainInput",
   setup(__props) {
     const $style = useCssModule();
@@ -12738,19 +12908,19 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
 const handle$4 = "_handle_1v80z_123";
 const label$3 = "_label_1v80z_130";
 const required$3 = "_required_1v80z_143";
-const style0$e = {
+const style0$f = {
   handle: handle$4,
   label: label$3,
   required: required$3
 };
-const cssModules$e = {
-  "$style": style0$e
+const cssModules$f = {
+  "$style": style0$f
 };
-const CanvasHandleMainInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["__cssModules", cssModules$e]]);
+const CanvasHandleMainInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["__cssModules", cssModules$f]]);
 const _hoisted_1$2 = ["viewBox"];
 const _hoisted_2$1 = ["x1", "y1", "x2", "y2"];
 const _hoisted_3 = ["transform"];
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "CanvasHandlePlus",
   props: {
     position: { default: "right" },
@@ -12871,23 +13041,23 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const wrapper$1 = "_wrapper_hyidj_123";
+const wrapper$2 = "_wrapper_hyidj_123";
 const secondary = "_secondary_hyidj_126";
 const line = "_line_hyidj_126";
 const plus$1 = "_plus_hyidj_129";
 const success = "_success_hyidj_135";
-const style0$d = {
-  wrapper: wrapper$1,
+const style0$e = {
+  wrapper: wrapper$2,
   secondary,
   line,
   plus: plus$1,
   success
 };
-const cssModules$d = {
-  "$style": style0$d
+const cssModules$e = {
+  "$style": style0$e
 };
-const CanvasHandlePlus = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["__cssModules", cssModules$d]]);
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const CanvasHandlePlus = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["__cssModules", cssModules$e]]);
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "CanvasHandleDot",
   props: {
     handleClasses: { default: void 0 }
@@ -12901,15 +13071,15 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   }
 });
 const dot = "_dot_gdjps_123";
-const style0$c = {
+const style0$d = {
   dot
 };
-const cssModules$c = {
-  "$style": style0$c
+const cssModules$d = {
+  "$style": style0$d
 };
-const __unplugin_components_0$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["__cssModules", cssModules$c]]);
+const __unplugin_components_0$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["__cssModules", cssModules$d]]);
 const handleClasses$2 = "source";
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "CanvasHandleMainOutput",
   emits: ["add"],
   setup(__props, { emit: __emit }) {
@@ -13001,7 +13171,7 @@ const label$2 = "_label_1u904_129";
 const required$2 = "_required_1u904_143";
 const outputLabel = "_outputLabel_1u904_148";
 const runDataLabel = "_runDataLabel_1u904_156";
-const style0$b = {
+const style0$c = {
   handle: handle$3,
   connected,
   label: label$2,
@@ -13009,11 +13179,11 @@ const style0$b = {
   outputLabel,
   runDataLabel
 };
-const cssModules$b = {
-  "$style": style0$b
+const cssModules$c = {
+  "$style": style0$c
 };
-const CanvasHandleMainOutput = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["__cssModules", cssModules$b]]);
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const CanvasHandleMainOutput = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["__cssModules", cssModules$c]]);
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "CanvasHandleDiamond",
   props: {
     handleClasses: { default: void 0 }
@@ -13027,15 +13197,15 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
   }
 });
 const diamond = "_diamond_kuwdo_123";
-const style0$a = {
+const style0$b = {
   diamond
 };
-const cssModules$a = {
-  "$style": style0$a
+const cssModules$b = {
+  "$style": style0$b
 };
-const __unplugin_components_0 = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["__cssModules", cssModules$a]]);
+const __unplugin_components_0 = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["__cssModules", cssModules$b]]);
 const handleClasses$1 = "target";
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "CanvasHandleNonMainInput",
   emits: ["add"],
   setup(__props, { emit: __emit }) {
@@ -13095,17 +13265,17 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
 const handle$2 = "_handle_3v1rt_123";
 const label$1 = "_label_3v1rt_130";
 const required$1 = "_required_3v1rt_143";
-const style0$9 = {
+const style0$a = {
   handle: handle$2,
   label: label$1,
   required: required$1
 };
-const cssModules$9 = {
-  "$style": style0$9
+const cssModules$a = {
+  "$style": style0$a
 };
-const CanvasHandleNonMainInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["__cssModules", cssModules$9]]);
+const CanvasHandleNonMainInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["__cssModules", cssModules$a]]);
 const handleClasses = "source";
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "CanvasHandleNonMainOutput",
   setup(__props) {
     const $style = useCssModule();
@@ -13132,17 +13302,17 @@ const handle$1 = "_handle_1x1ua_123";
 const label = "_label_1x1ua_130";
 const required = "_required_1x1ua_142";
 const plus = "_plus_1x1ua_147";
-const style0$8 = {
+const style0$9 = {
   handle: handle$1,
   label,
   required,
   plus
 };
-const cssModules$8 = {
-  "$style": style0$8
+const cssModules$9 = {
+  "$style": style0$9
 };
-const CanvasHandleNonMainOutput = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["__cssModules", cssModules$8]]);
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const CanvasHandleNonMainOutput = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["__cssModules", cssModules$9]]);
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -13263,7 +13433,7 @@ const top = "_top_5ceyz_140";
 const right = "_right_5ceyz_144";
 const left = "_left_5ceyz_148";
 const bottom = "_bottom_5ceyz_152";
-const style0$7 = {
+const style0$8 = {
   handle,
   inputs,
   main,
@@ -13273,11 +13443,11 @@ const style0$7 = {
   left,
   bottom
 };
-const cssModules$7 = {
-  "$style": style0$7
+const cssModules$8 = {
+  "$style": style0$8
 };
-const CanvasHandleRenderer = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["__cssModules", cssModules$7]]);
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const CanvasHandleRenderer = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["__cssModules", cssModules$8]]);
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeTrigger",
   props: {
     name: {},
@@ -13371,22 +13541,22 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const container = "_container_ze6b9_123";
+const container$1 = "_container_ze6b9_123";
 const interactive = "_interactive_ze6b9_144";
 const hovered = "_hovered_ze6b9_144";
 const bolt = "_bolt_ze6b9_150";
-const style0$6 = {
-  container,
+const style0$7 = {
+  container: container$1,
   interactive,
   hovered,
   bolt
 };
-const cssModules$6 = {
-  "$style": style0$6
+const cssModules$7 = {
+  "$style": style0$7
 };
-const CanvasNodeTrigger = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["__cssModules", cssModules$6]]);
+const CanvasNodeTrigger = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["__cssModules", cssModules$7]]);
 const _hoisted_1$1 = ["data-test-id", "data-node-name", "data-node-type"];
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "CanvasNode",
   props: {
     id: {},
@@ -13648,7 +13818,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           onUpdate,
           "onOpen:contextmenu": onOpenContextMenuFromToolbar
         }, null, 8, ["read-only", "class"])) : createCommentVNode("", true),
-        createVNode(_sfc_main$k, {
+        createVNode(_sfc_main$l, {
           onActivate,
           onDeactivate,
           onMove,
@@ -13673,16 +13843,16 @@ const canvasNode = "_canvasNode_1ftik_123";
 const trigger = "_trigger_1ftik_123";
 const canvasNodeToolbar = "_canvasNodeToolbar_1ftik_123";
 const showToolbar = "_showToolbar_1ftik_123";
-const style0$5 = {
+const style0$6 = {
   canvasNode,
   trigger,
   canvasNodeToolbar,
   showToolbar
 };
-const cssModules$5 = {
-  "$style": style0$5
+const cssModules$6 = {
+  "$style": style0$6
 };
-const Node = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["__cssModules", cssModules$5]]);
+const Node = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["__cssModules", cssModules$6]]);
 function useViewportAutoAdjust(viewportRef, viewport, setViewport) {
   const canvasRect = ref();
   watch(
@@ -13722,7 +13892,7 @@ function useViewportAutoAdjust(viewportRef, viewport, setViewport) {
 const renameKeyCode = " ";
 const defaultZoom = 1;
 const minimapVisibilityDelay = 1e3;
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "Canvas",
   props: {
     id: { default: "canvas" },
@@ -13735,7 +13905,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     keyBindings: { type: Boolean, default: true },
     loading: { type: Boolean, default: false }
   },
-  emits: ["update:modelValue", "update:node:position", "update:nodes:position", "update:node:activated", "update:node:deactivated", "update:node:enabled", "update:node:selected", "update:node:name", "update:node:parameters", "update:node:inputs", "update:node:outputs", "update:logs-open", "update:logs:input-open", "update:logs:output-open", "update:has-range-selection", "click:node", "click:node:add", "run:node", "delete:node", "create:node", "create:sticky", "delete:nodes", "update:nodes:enabled", "copy:nodes", "duplicate:nodes", "update:nodes:pin", "cut:nodes", "delete:connection", "create:connection:start", "create:connection", "create:connection:end", "create:connection:cancelled", "click:connection:add", "click:pane", "run:workflow", "save:workflow", "create:workflow", "drag-and-drop", "tidy-up", "viewport:change", "selection:end", "open:sub-workflow", "start-chat", "extract-workflow"],
+  emits: ["update:modelValue", "update:node:position", "update:nodes:position", "update:node:activated", "update:node:deactivated", "update:node:enabled", "update:node:selected", "update:node:name", "update:node:parameters", "update:node:inputs", "update:node:outputs", "update:logs-open", "update:logs:input-open", "update:logs:output-open", "update:has-range-selection", "click:node", "click:node:add", "run:node", "delete:node", "create:node", "create:sticky", "delete:nodes", "update:nodes:enabled", "copy:nodes", "duplicate:nodes", "update:nodes:pin", "cut:nodes", "delete:connection", "create:connection:start", "create:connection", "create:connection:end", "create:connection:cancelled", "click:connection:add", "click:pane", "run:workflow", "save:workflow", "create:workflow", "drag-and-drop", "tidy-up", "toggle:focus-panel", "viewport:change", "selection:end", "open:sub-workflow", "start-chat", "extract-workflow"],
   setup(__props, { emit: __emit }) {
     const $style = useCssModule();
     const emit = __emit;
@@ -13777,6 +13947,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       getUpstreamNodes
     } = useCanvasTraversal(vueFlow);
     const { layout } = useCanvasLayout({ id: props.id });
+    const experimentalNdvStore = useExperimentalNdvStore();
     const isPaneReady = ref(false);
     const classes = computed(() => ({
       [$style.canvas]: true,
@@ -13886,6 +14057,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         f2: emitWithLastSelectedNode((id2) => emit("update:node:name", id2)),
         tab: () => emit("create:node", "tab"),
         shift_s: () => emit("create:sticky"),
+        shift_f: () => emit("toggle:focus-panel"),
         ctrl_alt_n: () => emit("create:workflow"),
         ctrl_enter: () => emit("run:workflow"),
         ctrl_s: () => emit("save:workflow"),
@@ -14258,7 +14430,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       viewport
     });
     return (_ctx, _cache) => {
-      const _component_CanvasConnectionLine = __unplugin_components_0$5;
+      const _component_CanvasConnectionLine = __unplugin_components_0$4;
       const _component_CanvasControlButtons = __unplugin_components_1;
       return openBlock(), createBlock(unref(_sfc_main$1$4), {
         id: _ctx.id,
@@ -14273,7 +14445,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         "snap-to-grid": "",
         "snap-grid": [unref(GRID_SIZE), unref(GRID_SIZE)],
         "min-zoom": 0,
-        "max-zoom": 4,
+        "max-zoom": unref(experimentalNdvStore).isEnabled ? unref(experimentalNdvStore).maxCanvasZoom : 4,
         "selection-key-code": selectionKeyCode.value,
         "zoom-activation-key-code": panningKeyCode.value,
         "pan-activation-key-code": panningKeyCode.value,
@@ -14341,14 +14513,14 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           createVNode(_component_CanvasConnectionLine, normalizeProps(guardReactiveProps(connectionLineProps)), null, 16)
         ]),
         default: withCtx(() => [
-          createVNode(_sfc_main$E, { id: arrowHeadMarkerId.value }, null, 8, ["id"]),
-          createVNode(_sfc_main$F, {
+          createVNode(_sfc_main$G, { id: arrowHeadMarkerId.value }, null, 8, ["id"]),
+          createVNode(_sfc_main$H, {
             viewport: unref(viewport),
             striped: _ctx.readOnly
           }, null, 8, ["viewport", "striped"]),
           createVNode(Transition$1, { name: "minimap" }, {
             default: withCtx(() => [
-              withDirectives(createVNode(unref(_sfc_main$I), {
+              withDirectives(createVNode(unref(_sfc_main$K), {
                 "data-test-id": "canvas-minimap",
                 "aria-label": "n8n Minimap",
                 height: 120,
@@ -14387,20 +14559,20 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           }))
         ]),
         _: 3
-      }, 8, ["id", "nodes", "edges", "class", "connection-line-options", "pan-on-drag", "snap-grid", "selection-key-code", "zoom-activation-key-code", "pan-activation-key-code"]);
+      }, 8, ["id", "nodes", "edges", "class", "connection-line-options", "pan-on-drag", "snap-grid", "max-zoom", "selection-key-code", "zoom-activation-key-code", "pan-activation-key-code"]);
     };
   }
 });
 const canvas$1 = "_canvas_1fjji_123";
 const ready = "_ready_1fjji_129";
-const style0$4 = {
+const style0$5 = {
   canvas: canvas$1,
   ready
 };
-const cssModules$4 = {
-  "$style": style0$4
+const cssModules$5 = {
+  "$style": style0$5
 };
-const Canvas = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__cssModules", cssModules$4], ["__scopeId", "data-v-f87bc480"]]);
+const Canvas = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["__cssModules", cssModules$5], ["__scopeId", "data-v-49d79266"]]);
 function useCanvasMapping({
   nodes,
   connections: connections2,
@@ -14918,7 +15090,7 @@ function useCanvasMapping({
     nodes: mappedNodes
   };
 }
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "ExperimentalNodeDetailsDrawer",
   props: {
     selectedNodes: {}
@@ -14928,6 +15100,12 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       () => __props.selectedNodes.length > 1 ? `${__props.selectedNodes.length} nodes selected` : __props.selectedNodes.length > 0 ? __props.selectedNodes[0] : void 0
     );
     const lastContent = ref();
+    const { setActiveNodeName } = useNDVStore();
+    function handleOpenNdv() {
+      if (typeof content2.value === "object" && content2.value.data) {
+        setActiveNodeName(content2.value.data.name);
+      }
+    }
     watch(
       content2,
       (newContent) => {
@@ -14938,6 +15116,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       { immediate: true }
     );
     return (_ctx, _cache) => {
+      const _component_N8nIconButton = _sfc_main$R;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([_ctx.$style.component, content2.value === void 0 ? _ctx.$style.closed : ""])
       }, [
@@ -14949,26 +15128,38 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             createTextVNode(toDisplayString(lastContent.value), 1)
           ]),
           _: 1
-        })) : lastContent.value !== void 0 ? (openBlock(), createBlock(_sfc_main$q, {
+        })) : lastContent.value !== void 0 ? (openBlock(), createBlock(_sfc_main$s, {
           key: lastContent.value.id,
-          "node-id": lastContent.value.id,
-          "can-open-ndv": ""
-        }, null, 8, ["node-id"])) : createCommentVNode("", true)
+          "node-id": lastContent.value.id
+        }, {
+          actions: withCtx(() => [
+            createVNode(_component_N8nIconButton, {
+              icon: "expand",
+              type: "secondary",
+              text: "",
+              size: "mini",
+              "icon-size": "large",
+              "aria-label": "Expand",
+              onClick: handleOpenNdv
+            })
+          ]),
+          _: 1
+        }, 8, ["node-id"])) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
 const component$1 = "_component_wojby_123";
 const closed = "_closed_wojby_138";
-const style0$3 = {
+const style0$4 = {
   component: component$1,
   closed
 };
-const cssModules$3 = {
-  "$style": style0$3
+const cssModules$4 = {
+  "$style": style0$4
 };
-const ExperimentalNodeDetailsDrawer = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["__cssModules", cssModules$3]]);
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const ExperimentalNodeDetailsDrawer = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__cssModules", cssModules$4]]);
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -15034,16 +15225,204 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const wrapper = "_wrapper_jyurh_123";
+const wrapper$1 = "_wrapper_jyurh_123";
 const canvas = "_canvas_jyurh_131";
-const style0$2 = {
-  wrapper,
+const style0$3 = {
+  wrapper: wrapper$1,
   canvas
 };
+const cssModules$3 = {
+  "$style": style0$3
+};
+const WorkflowCanvas = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["__cssModules", cssModules$3]]);
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+  ...{ name: "FocusPanel" },
+  __name: "FocusPanel",
+  setup(__props) {
+    const locale = useI18n();
+    const focusPanelStore = useFocusPanelStore();
+    const focusedNodeParameter = computed(() => focusPanelStore.focusedNodeParameters[0]);
+    const focusPanelActive = computed(() => focusPanelStore.focusPanelActive);
+    const expressionModeEnabled = computed(
+      () => focusedNodeParameter.value && isValueExpression(focusedNodeParameter.value.parameter, focusedNodeParameter.value.value)
+    );
+    function optionSelected() {
+    }
+    function valueChanged() {
+    }
+    function executeFocusedNode() {
+    }
+    return (_ctx, _cache) => {
+      const _component_n8n_icon = N8nIcon;
+      const _component_n8n_button = N8nButton;
+      const _component_N8nTooltip = N8nTooltip;
+      const _component_ParameterOptions = __unplugin_components_3$1;
+      const _component_ExpressionEditorModalInput = __unplugin_components_4;
+      return focusPanelActive.value ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        class: normalizeClass(_ctx.$style.container)
+      }, [
+        createBaseVNode("div", {
+          class: normalizeClass(_ctx.$style.header)
+        }, [
+          createVNode(unref(N8nText), {
+            size: "small",
+            bold: true
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(locale).baseText("nodeView.focusPanel.title")), 1)
+            ]),
+            _: 1
+          }),
+          createBaseVNode("div", {
+            class: normalizeClass(_ctx.$style.closeButton),
+            onClick: _cache[0] || (_cache[0] = //@ts-ignore
+            (...args) => unref(focusPanelStore).closeFocusPanel && unref(focusPanelStore).closeFocusPanel(...args))
+          }, [
+            createVNode(_component_n8n_icon, {
+              icon: "arrow-right",
+              color: "text-base"
+            })
+          ], 2)
+        ], 2),
+        focusedNodeParameter.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(_ctx.$style.content)
+        }, [
+          createBaseVNode("div", {
+            class: normalizeClass(_ctx.$style.tabHeader)
+          }, [
+            createBaseVNode("div", {
+              class: normalizeClass(_ctx.$style.tabHeaderText)
+            }, [
+              createVNode(unref(N8nText), {
+                color: "text-dark",
+                size: "small"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(focusedNodeParameter.value.parameter.displayName), 1)
+                ]),
+                _: 1
+              }),
+              createVNode(unref(N8nText), {
+                color: "text-base",
+                size: "xsmall"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(focusedNodeParameter.value.nodeName), 1)
+                ]),
+                _: 1
+              })
+            ], 2),
+            createVNode(_component_N8nTooltip, null, {
+              content: withCtx(() => [
+                createVNode(unref(N8nText), { size: "small" }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(unref(locale).baseText("nodeView.focusPanel.executeButtonTooltip")), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              default: withCtx(() => [
+                createVNode(_component_n8n_button, mergeProps({ icon: "play", square: true }, {
+                  size: "small",
+                  type: "primary",
+                  onClick: executeFocusedNode
+                }), null, 16)
+              ]),
+              _: 1
+            })
+          ], 2),
+          createBaseVNode("div", {
+            class: normalizeClass(_ctx.$style.parameterDetailsWrapper)
+          }, [
+            createBaseVNode("div", {
+              class: normalizeClass(_ctx.$style.parameterOptionsWrapper)
+            }, [
+              _cache[2] || (_cache[2] = createBaseVNode("div", null, null, -1)),
+              createVNode(_component_ParameterOptions, {
+                parameter: focusedNodeParameter.value.parameter,
+                value: focusedNodeParameter.value.value,
+                "is-read-only": false,
+                "onUpdate:modelValue": optionSelected
+              }, null, 8, ["parameter", "value"])
+            ], 2),
+            createBaseVNode("div", {
+              class: normalizeClass(_ctx.$style.editorContainer)
+            }, [
+              expressionModeEnabled.value ? (openBlock(), createBlock(_component_ExpressionEditorModalInput, {
+                key: 0,
+                "model-value": focusedNodeParameter.value.value,
+                class: normalizeClass(_ctx.$style.editor),
+                "is-read-only": false,
+                path: focusedNodeParameter.value.parameterPath,
+                "data-test-id": "expression-modal-input",
+                "target-node-parameter-context": {
+                  nodeName: focusedNodeParameter.value.nodeName,
+                  parameterPath: focusedNodeParameter.value.parameterPath
+                },
+                onChange: valueChanged
+              }, null, 8, ["model-value", "class", "path", "target-node-parameter-context"])) : (openBlock(), createBlock(unref(N8nInput), {
+                key: 1,
+                modelValue: focusedNodeParameter.value.value,
+                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => focusedNodeParameter.value.value = $event),
+                class: normalizeClass(_ctx.$style.editor),
+                type: "textarea",
+                resize: "none"
+              }, null, 8, ["modelValue", "class"]))
+            ], 2)
+          ], 2)
+        ], 2)) : (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass([_ctx.$style.content, _ctx.$style.emptyContent])
+        }, [
+          createBaseVNode("div", {
+            class: normalizeClass(_ctx.$style.emptyText)
+          }, [
+            createVNode(unref(N8nText), { color: "text-base" }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(locale).baseText("nodeView.focusPanel.noParameters")), 1)
+              ]),
+              _: 1
+            })
+          ], 2)
+        ], 2))
+      ], 2)) : createCommentVNode("", true);
+    };
+  }
+});
+const container = "_container_1s06k_123";
+const closeButton = "_closeButton_1s06k_131";
+const header = "_header_1s06k_135";
+const content = "_content_1s06k_143";
+const emptyContent = "_emptyContent_1s06k_149";
+const emptyText = "_emptyText_1s06k_154";
+const tabHeader = "_tabHeader_1s06k_157";
+const tabHeaderText = "_tabHeaderText_1s06k_164";
+const buttonWrapper = "_buttonWrapper_1s06k_169";
+const parameterDetailsWrapper = "_parameterDetailsWrapper_1s06k_174";
+const parameterOptionsWrapper = "_parameterOptionsWrapper_1s06k_181";
+const editorContainer = "_editorContainer_1s06k_185";
+const editor = "_editor_1s06k_185";
+const style0$2 = {
+  container,
+  closeButton,
+  header,
+  content,
+  emptyContent,
+  emptyText,
+  tabHeader,
+  tabHeaderText,
+  buttonWrapper,
+  parameterDetailsWrapper,
+  parameterOptionsWrapper,
+  editorContainer,
+  editor
+};
 const cssModules$2 = {
   "$style": style0$2
 };
-const WorkflowCanvas = /* @__PURE__ */ _export_sfc$1(_sfc_main$6, [["__cssModules", cssModules$2]]);
+const FocusPanel = /* @__PURE__ */ _export_sfc$1(_sfc_main$6, [["__cssModules", cssModules$2]]);
 const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   __name: "CanvasRunWorkflowButton",
   props: {
@@ -15078,7 +15457,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         return aY === bY ? aX - bX : aY - bY;
       }).map((node2) => ({
         label: truncateBeforeLast(node2.name, 25),
-        disabled: !!node2.disabled,
+        disabled: !!node2.disabled || props.executing,
         id: node2.name,
         checked: props.selectedTriggerNodeName === node2.name
       }))
@@ -15095,7 +15474,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _component_I18nT = resolveComponent("I18nT");
-      const _component_NodeIcon = _sfc_main$P;
+      const _component_NodeIcon = _sfc_main$T;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([_ctx.$style.component, isSplitButton.value ? _ctx.$style.split : ""])
       }, [
@@ -15152,71 +15531,78 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         }, 8, ["label", "disabled"]),
-        isSplitButton.value ? (openBlock(), createBlock(unref(N8nActionDropdown), {
-          key: 0,
-          class: normalizeClass(_ctx.$style.menu),
-          items: actions2.value,
-          disabled: _ctx.disabled,
-          placement: "top",
-          onSelect: _cache[3] || (_cache[3] = ($event) => emit("selectTriggerNode", $event))
-        }, {
-          activator: withCtx(() => [
-            createVNode(unref(N8nButton), {
-              type: "primary",
-              size: "large",
-              disabled: _ctx.disabled || _ctx.executing,
-              class: normalizeClass(_ctx.$style.chevron),
-              "aria-label": "Select trigger node",
-              icon: "angle-down"
-            }, null, 8, ["disabled", "class"])
-          ]),
-          menuItem: withCtx((item) => [
-            createBaseVNode("div", {
-              class: normalizeClass([_ctx.$style.menuItem, item.disabled ? _ctx.$style.disabled : ""])
-            }, [
-              createVNode(_component_NodeIcon, {
-                class: normalizeClass(_ctx.$style.menuIcon),
-                size: 16,
-                "node-type": getNodeTypeByName(item.id)
-              }, null, 8, ["class", "node-type"]),
-              createBaseVNode("span", null, [
-                createVNode(_component_I18nT, { keypath: "nodeView.runButtonText.from" }, {
-                  nodeName: withCtx(() => [
-                    createVNode(unref(N8nText), {
-                      bold: "",
-                      size: "small"
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(item.label), 1)
-                      ]),
-                      _: 2
-                    }, 1024)
-                  ]),
-                  _: 2
-                }, 1024)
-              ])
-            ], 2)
-          ]),
-          _: 1
-        }, 8, ["class", "items", "disabled"])) : createCommentVNode("", true)
+        isSplitButton.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+          createBaseVNode("div", {
+            role: "presentation",
+            class: normalizeClass(_ctx.$style.divider)
+          }, null, 2),
+          createVNode(unref(N8nActionDropdown), {
+            class: normalizeClass(_ctx.$style.menu),
+            items: actions2.value,
+            disabled: _ctx.disabled,
+            placement: "top",
+            onSelect: _cache[3] || (_cache[3] = ($event) => emit("selectTriggerNode", $event))
+          }, {
+            activator: withCtx(() => [
+              createVNode(unref(N8nButton), {
+                type: "primary",
+                "icon-size": "large",
+                disabled: _ctx.disabled,
+                class: normalizeClass(_ctx.$style.chevron),
+                "aria-label": "Select trigger node",
+                icon: "angle-down"
+              }, null, 8, ["disabled", "class"])
+            ]),
+            menuItem: withCtx((item) => [
+              createBaseVNode("div", {
+                class: normalizeClass([_ctx.$style.menuItem, item.disabled ? _ctx.$style.disabled : ""])
+              }, [
+                createVNode(_component_NodeIcon, {
+                  class: normalizeClass(_ctx.$style.menuIcon),
+                  size: 16,
+                  "node-type": getNodeTypeByName(item.id)
+                }, null, 8, ["class", "node-type"]),
+                createBaseVNode("span", null, [
+                  createVNode(_component_I18nT, { keypath: "nodeView.runButtonText.from" }, {
+                    nodeName: withCtx(() => [
+                      createVNode(unref(N8nText), {
+                        bold: "",
+                        size: "small"
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(item.label), 1)
+                        ]),
+                        _: 2
+                      }, 1024)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ])
+              ], 2)
+            ]),
+            _: 1
+          }, 8, ["class", "items", "disabled"])
+        ], 64)) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const component = "_component_18nok_123";
-const split = "_split_18nok_129";
-const button = "_button_18nok_129";
-const chevron = "_chevron_18nok_136";
-const menu = "_menu_18nok_153";
-const menuItem = "_menuItem_18nok_157";
-const disabled = "_disabled_18nok_163";
-const menuIcon = "_menuIcon_18nok_163";
-const buttonContent = "_buttonContent_18nok_167";
-const subText = "_subText_18nok_174";
+const component = "_component_p52lz_123";
+const split = "_split_p52lz_129";
+const button = "_button_p52lz_129";
+const divider = "_divider_p52lz_137";
+const chevron = "_chevron_p52lz_142";
+const menu = "_menu_p52lz_148";
+const menuItem = "_menuItem_p52lz_152";
+const disabled = "_disabled_p52lz_158";
+const menuIcon = "_menuIcon_p52lz_158";
+const buttonContent = "_buttonContent_p52lz_162";
+const subText = "_subText_p52lz_169";
 const style0$1 = {
   component,
   split,
   button,
+  divider,
   chevron,
   menu,
   menuItem,
@@ -15300,7 +15686,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       () => props.stopping ? i18n.baseText("nodeView.stoppingCurrentExecution") : i18n.baseText("nodeView.stopCurrentExecution")
     );
     return (_ctx, _cache) => {
-      const _component_N8nIconButton = resolveComponent("N8nIconButton");
+      const _component_N8nIconButton = _sfc_main$R;
       return openBlock(), createBlock(_component_N8nIconButton, {
         icon: "stop",
         size: "large",
@@ -15318,7 +15704,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const i18n = useI18n();
     return (_ctx, _cache) => {
-      const _component_N8nIconButton = resolveComponent("N8nIconButton");
+      const _component_N8nIconButton = _sfc_main$R;
       return openBlock(), createBlock(_component_N8nIconButton, {
         class: "stop-execution",
         icon: "stop",
@@ -15357,7 +15743,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      const _component_N8nButton = resolveComponent("N8nButton");
+      const _component_N8nButton = N8nButton;
       return openBlock(), createBlock(_component_N8nButton, {
         label: _ctx.label,
         size: "large",
@@ -15375,13 +15761,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "NodeView",
   setup(__props) {
     const LazyNodeCreation = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeCreation-T5AfZVS1.js").then((n) => n.N), true ? __vite__mapDeps([0,1,2,3]) : void 0)
+      async () => await __vitePreload(() => import("./NodeCreation-Bq5626Ha.js").then((n) => n.N), true ? __vite__mapDeps([0,1,2,3]) : void 0)
     );
     const LazyNodeDetailsView = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeDetailsView-BvClCeyF.js"), true ? __vite__mapDeps([4,1,2,5,6,7,8,9,10,11,12,13,14,15,16,17]) : void 0)
+      async () => await __vitePreload(() => import("./NodeDetailsView-DB-5JPUD.js"), true ? __vite__mapDeps([4,1,2,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22]) : void 0)
     );
     const LazySetupWorkflowCredentialsButton = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./SetupWorkflowCredentialsButton-DODNIDNV.js"), true ? __vite__mapDeps([18,1,2]) : void 0)
+      async () => await __vitePreload(() => import("./SetupWorkflowCredentialsButton-BWISZAxq.js"), true ? __vite__mapDeps([23,1,2]) : void 0)
     );
     const $style = useCssModule();
     const router = useRouter();
@@ -15414,6 +15800,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const tagsStore = useTagsStore();
     const pushConnectionStore = usePushConnectionStore();
     const ndvStore = useNDVStore();
+    const focusPanelStore = useFocusPanelStore();
     const templatesStore = useTemplatesStore();
     const builderStore = useBuilderStore();
     const foldersStore = useFoldersStore();
@@ -15470,6 +15857,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const { extractWorkflow } = useWorkflowExtraction();
     const { applyExecutionData } = useExecutionDebugging();
     useClipboard({ onPaste: onClipboardPaste });
+    const isFocusPanelFeatureEnabled = computed(() => {
+      return usePostHog().getVariant(FOCUS_PANEL_EXPERIMENT.name) === FOCUS_PANEL_EXPERIMENT.variant;
+    });
     const isLoading = ref(true);
     const isBlankRedirect = ref(false);
     const readOnlyNotification = ref(null);
@@ -16160,10 +16550,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       setNodeActiveByName(nodeName);
       selectNodes([node2.id]);
     }
-    async function onOpenSelectiveNodeCreator(node2, connectionType2) {
-      nodeCreatorStore.openSelectiveNodeCreator({ node: node2, connectionType: connectionType2 });
+    async function onOpenSelectiveNodeCreator(node2, connectionType2, connectionIndex = 0) {
+      nodeCreatorStore.openSelectiveNodeCreator({ node: node2, connectionType: connectionType2, connectionIndex });
     }
-    async function onOpenNodeCreatorForTriggerNodes(source) {
+    function onOpenNodeCreatorForTriggerNodes(source) {
       nodeCreatorStore.openNodeCreatorForTriggerNodes(source);
     }
     function onOpenNodeCreatorFromCanvas(source) {
@@ -16175,6 +16565,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         uiStore.resetLastInteractedWith();
       }
     }
+    function onToggleFocusPanel() {
+      if (!isFocusPanelFeatureEnabled.value) {
+        return;
+      }
+      focusPanelStore.toggleFocusPanel();
+    }
     function closeNodeCreator() {
       if (nodeCreatorStore.isCreateNodeActive) {
         nodeCreatorStore.isCreateNodeActive = false;
@@ -16732,168 +17128,176 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     });
     return (_ctx, _cache) => {
-      return unref(editableWorkflow) && unref(editableWorkflowObject) && !isLoading.value ? (openBlock(), createBlock(WorkflowCanvas, {
-        key: 0,
-        id: unref(editableWorkflow).id,
-        workflow: unref(editableWorkflow),
-        "workflow-object": unref(editableWorkflowObject),
-        "fallback-nodes": fallbackNodes.value,
-        "show-fallback-nodes": showFallbackNodes.value,
-        "event-bus": unref(canvasEventBus),
-        "read-only": isCanvasReadOnly.value,
-        executing: isWorkflowRunning.value,
-        "key-bindings": keyBindingsEnabled.value,
-        "onUpdate:nodes:position": onUpdateNodesPosition,
-        "onUpdate:node:position": onUpdateNodePosition,
-        "onUpdate:node:activated": onSetNodeActivated,
-        "onUpdate:node:deactivated": onSetNodeDeactivated,
-        "onUpdate:node:selected": onSetNodeSelected,
-        "onUpdate:node:enabled": onToggleNodeDisabled,
-        "onUpdate:node:name": onOpenRenameNodeModal,
-        "onUpdate:node:parameters": onUpdateNodeParameters,
-        "onUpdate:node:inputs": onUpdateNodeInputs,
-        "onUpdate:node:outputs": onUpdateNodeOutputs,
-        "onUpdate:logsOpen": _cache[2] || (_cache[2] = ($event) => unref(logsStore).toggleOpen($event)),
-        "onUpdate:logs:inputOpen": unref(logsStore).toggleInputOpen,
-        "onUpdate:logs:outputOpen": unref(logsStore).toggleOutputOpen,
-        "onUpdate:hasRangeSelection": unref(canvasStore).setHasRangeSelection,
-        "onOpen:subWorkflow": onOpenSubWorkflow,
-        "onClick:node": onClickNode,
-        "onClick:node:add": onClickNodeAdd,
-        "onRun:node": onRunWorkflowToNode,
-        "onDelete:node": onDeleteNode,
-        "onCreate:connection": onCreateConnection,
-        "onCreate:connection:cancelled": onCreateConnectionCancelled,
-        "onDelete:connection": onDeleteConnection,
-        "onClick:connection:add": onClickConnectionAdd,
-        "onClick:pane": onClickPane,
-        "onCreate:node": onOpenNodeCreatorFromCanvas,
-        "onCreate:sticky": onCreateSticky,
-        "onDelete:nodes": onDeleteNodes,
-        "onUpdate:nodes:enabled": onToggleNodesDisabled,
-        "onUpdate:nodes:pin": onPinNodes,
-        "onDuplicate:nodes": onDuplicateNodes,
-        "onCopy:nodes": onCopyNodes,
-        "onCut:nodes": onCutNodes,
-        "onRun:workflow": _cache[3] || (_cache[3] = ($event) => unref(runEntireWorkflow)("main")),
-        "onSave:workflow": onSaveWorkflow,
-        "onCreate:workflow": onCreateWorkflow,
-        "onViewport:change": onViewportChange,
-        "onSelection:end": onSelectionEnd,
-        onDragAndDrop,
-        onTidyUp,
-        onExtractWorkflow,
-        onStartChat: _cache[4] || (_cache[4] = ($event) => unref(startChat)())
-      }, {
-        default: withCtx(() => [
-          (openBlock(), createBlock(Suspense, null, {
-            default: withCtx(() => [
-              createVNode(unref(LazySetupWorkflowCredentialsButton), {
-                class: normalizeClass(unref($style).setupCredentialsButtonWrapper)
-              }, null, 8, ["class"])
-            ]),
-            _: 1
-          })),
-          !isCanvasReadOnly.value ? (openBlock(), createElementBlock("div", {
-            key: 0,
-            class: normalizeClass(unref($style).executionButtons)
-          }, [
-            isRunWorkflowButtonVisible.value ? (openBlock(), createBlock(CanvasRunWorkflowButton, {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref($style).wrapper)
+      }, [
+        unref(editableWorkflow) && unref(editableWorkflowObject) && !isLoading.value ? (openBlock(), createBlock(WorkflowCanvas, {
+          key: 0,
+          id: unref(editableWorkflow).id,
+          workflow: unref(editableWorkflow),
+          "workflow-object": unref(editableWorkflowObject),
+          "fallback-nodes": fallbackNodes.value,
+          "show-fallback-nodes": showFallbackNodes.value,
+          "event-bus": unref(canvasEventBus),
+          "read-only": isCanvasReadOnly.value,
+          executing: isWorkflowRunning.value,
+          "key-bindings": keyBindingsEnabled.value,
+          "onUpdate:nodes:position": onUpdateNodesPosition,
+          "onUpdate:node:position": onUpdateNodePosition,
+          "onUpdate:node:activated": onSetNodeActivated,
+          "onUpdate:node:deactivated": onSetNodeDeactivated,
+          "onUpdate:node:selected": onSetNodeSelected,
+          "onUpdate:node:enabled": onToggleNodeDisabled,
+          "onUpdate:node:name": onOpenRenameNodeModal,
+          "onUpdate:node:parameters": onUpdateNodeParameters,
+          "onUpdate:node:inputs": onUpdateNodeInputs,
+          "onUpdate:node:outputs": onUpdateNodeOutputs,
+          "onUpdate:logsOpen": _cache[2] || (_cache[2] = ($event) => unref(logsStore).toggleOpen($event)),
+          "onUpdate:logs:inputOpen": unref(logsStore).toggleInputOpen,
+          "onUpdate:logs:outputOpen": unref(logsStore).toggleOutputOpen,
+          "onUpdate:hasRangeSelection": unref(canvasStore).setHasRangeSelection,
+          "onOpen:subWorkflow": onOpenSubWorkflow,
+          "onClick:node": onClickNode,
+          "onClick:node:add": onClickNodeAdd,
+          "onRun:node": onRunWorkflowToNode,
+          "onDelete:node": onDeleteNode,
+          "onCreate:connection": onCreateConnection,
+          "onCreate:connection:cancelled": onCreateConnectionCancelled,
+          "onDelete:connection": onDeleteConnection,
+          "onClick:connection:add": onClickConnectionAdd,
+          "onClick:pane": onClickPane,
+          "onCreate:node": onOpenNodeCreatorFromCanvas,
+          "onCreate:sticky": onCreateSticky,
+          "onDelete:nodes": onDeleteNodes,
+          "onUpdate:nodes:enabled": onToggleNodesDisabled,
+          "onUpdate:nodes:pin": onPinNodes,
+          "onDuplicate:nodes": onDuplicateNodes,
+          "onCopy:nodes": onCopyNodes,
+          "onCut:nodes": onCutNodes,
+          "onRun:workflow": _cache[3] || (_cache[3] = ($event) => unref(runEntireWorkflow)("main")),
+          "onSave:workflow": onSaveWorkflow,
+          "onCreate:workflow": onCreateWorkflow,
+          "onViewport:change": onViewportChange,
+          "onSelection:end": onSelectionEnd,
+          onDragAndDrop,
+          onTidyUp,
+          "onToggle:focusPanel": onToggleFocusPanel,
+          onExtractWorkflow,
+          onStartChat: _cache[4] || (_cache[4] = ($event) => unref(startChat)())
+        }, {
+          default: withCtx(() => [
+            (openBlock(), createBlock(Suspense, null, {
+              default: withCtx(() => [
+                createVNode(unref(LazySetupWorkflowCredentialsButton), {
+                  class: normalizeClass(unref($style).setupCredentialsButtonWrapper)
+                }, null, 8, ["class"])
+              ]),
+              _: 1
+            })),
+            !isCanvasReadOnly.value ? (openBlock(), createElementBlock("div", {
               key: 0,
-              "waiting-for-webhook": isExecutionWaitingForWebhook.value,
-              disabled: isExecutionDisabled.value,
-              executing: isWorkflowRunning.value,
-              "trigger-nodes": triggerNodes.value,
-              "get-node-type": unref(nodeTypesStore).getNodeType,
-              "selected-trigger-node-name": unref(workflowsStore).selectedTriggerNodeName,
-              onMouseenter: onRunWorkflowButtonMouseEnter,
-              onMouseleave: onRunWorkflowButtonMouseLeave,
-              onExecute: _cache[0] || (_cache[0] = ($event) => unref(runEntireWorkflow)("main")),
-              onSelectTriggerNode: unref(workflowsStore).setSelectedTriggerNodeName
-            }, null, 8, ["waiting-for-webhook", "disabled", "executing", "trigger-nodes", "get-node-type", "selected-trigger-node-name", "onSelectTriggerNode"])) : createCommentVNode("", true),
-            containsChatTriggerNodes.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              isLogsPanelOpen.value ? (openBlock(), createBlock(_sfc_main$1, {
-                key: 0,
-                type: "tertiary",
-                label: unref(i18n).baseText("chat.hide"),
-                class: normalizeClass(unref($style).chatButton),
-                onClick: _cache[1] || (_cache[1] = ($event) => unref(logsStore).toggleOpen(false))
-              }, null, 8, ["label", "class"])) : (openBlock(), createBlock(KeyboardShortcutTooltip, {
-                key: 1,
-                label: unref(i18n).baseText("chat.open"),
-                shortcut: { keys: ["c"] }
-              }, {
-                default: withCtx(() => [
-                  createVNode(_sfc_main$1, {
-                    type: isRunWorkflowButtonVisible.value ? "secondary" : "primary",
-                    label: unref(i18n).baseText("chat.open"),
-                    class: normalizeClass(unref($style).chatButton),
-                    onClick: onOpenChat
-                  }, null, 8, ["type", "label", "class"])
-                ]),
-                _: 1
-              }, 8, ["label"]))
-            ], 64)) : createCommentVNode("", true),
-            isStopExecutionButtonVisible.value ? (openBlock(), createBlock(_sfc_main$4, {
-              key: 2,
-              stopping: isStoppingExecution.value,
-              onClick: onStopExecution
-            }, null, 8, ["stopping"])) : createCommentVNode("", true),
-            isStopWaitingForWebhookButtonVisible.value ? (openBlock(), createBlock(_sfc_main$3, {
-              key: 3,
-              onClick: onStopWaitingForWebhook
-            })) : createCommentVNode("", true)
-          ], 2)) : createCommentVNode("", true),
-          isReadOnlyEnvironment.value ? (openBlock(), createBlock(unref(N8nCallout), {
-            key: 1,
-            theme: "warning",
-            icon: "lock",
-            class: normalizeClass(unref($style).readOnlyEnvironmentNotification)
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(i18n).baseText("readOnlyEnv.cantEditOrRun")), 1)
-            ]),
-            _: 1
-          }, 8, ["class"])) : createCommentVNode("", true),
-          (openBlock(), createBlock(Suspense, null, {
-            default: withCtx(() => [
-              !isCanvasReadOnly.value ? (openBlock(), createBlock(unref(LazyNodeCreation), {
+              class: normalizeClass(unref($style).executionButtons)
+            }, [
+              isRunWorkflowButtonVisible.value ? (openBlock(), createBlock(CanvasRunWorkflowButton, {
                 key: 0,
-                "create-node-active": unref(nodeCreatorStore).isCreateNodeActive,
-                "node-view-scale": viewportTransform.value.zoom,
-                onToggleNodeCreator,
-                onAddNodes: onAddNodesAndConnections
-              }, null, 8, ["create-node-active", "node-view-scale"])) : createCommentVNode("", true)
-            ]),
-            _: 1
-          })),
-          (openBlock(), createBlock(Suspense, null, {
-            default: withCtx(() => [
-              createVNode(unref(LazyNodeDetailsView), {
-                "workflow-object": unref(editableWorkflowObject),
-                "read-only": isCanvasReadOnly.value,
-                "is-production-execution-preview": isProductionExecutionPreview.value,
-                renaming: false,
-                onValueChanged: onRenameNode,
-                onStopExecution,
-                onSwitchSelectedNode: onSwitchActiveNode,
-                onOpenConnectionNodeCreator: onOpenSelectiveNodeCreator,
-                onSaveKeyboardShortcut: onSaveWorkflow
-              }, null, 8, ["workflow-object", "read-only", "is-production-execution-preview"])
-            ]),
-            _: 1
-          }))
-        ]),
-        _: 1
-      }, 8, ["id", "workflow", "workflow-object", "fallback-nodes", "show-fallback-nodes", "event-bus", "read-only", "executing", "key-bindings", "onUpdate:logs:inputOpen", "onUpdate:logs:outputOpen", "onUpdate:hasRangeSelection"])) : createCommentVNode("", true);
+                "waiting-for-webhook": isExecutionWaitingForWebhook.value,
+                disabled: isExecutionDisabled.value,
+                executing: isWorkflowRunning.value,
+                "trigger-nodes": triggerNodes.value,
+                "get-node-type": unref(nodeTypesStore).getNodeType,
+                "selected-trigger-node-name": unref(workflowsStore).selectedTriggerNodeName,
+                onMouseenter: onRunWorkflowButtonMouseEnter,
+                onMouseleave: onRunWorkflowButtonMouseLeave,
+                onExecute: _cache[0] || (_cache[0] = ($event) => unref(runEntireWorkflow)("main")),
+                onSelectTriggerNode: unref(workflowsStore).setSelectedTriggerNodeName
+              }, null, 8, ["waiting-for-webhook", "disabled", "executing", "trigger-nodes", "get-node-type", "selected-trigger-node-name", "onSelectTriggerNode"])) : createCommentVNode("", true),
+              containsChatTriggerNodes.value ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                isLogsPanelOpen.value ? (openBlock(), createBlock(_sfc_main$1, {
+                  key: 0,
+                  type: "tertiary",
+                  label: unref(i18n).baseText("chat.hide"),
+                  class: normalizeClass(unref($style).chatButton),
+                  onClick: _cache[1] || (_cache[1] = ($event) => unref(logsStore).toggleOpen(false))
+                }, null, 8, ["label", "class"])) : (openBlock(), createBlock(KeyboardShortcutTooltip, {
+                  key: 1,
+                  label: unref(i18n).baseText("chat.open"),
+                  shortcut: { keys: ["c"] }
+                }, {
+                  default: withCtx(() => [
+                    createVNode(_sfc_main$1, {
+                      type: isRunWorkflowButtonVisible.value ? "secondary" : "primary",
+                      label: unref(i18n).baseText("chat.open"),
+                      class: normalizeClass(unref($style).chatButton),
+                      onClick: onOpenChat
+                    }, null, 8, ["type", "label", "class"])
+                  ]),
+                  _: 1
+                }, 8, ["label"]))
+              ], 64)) : createCommentVNode("", true),
+              isStopExecutionButtonVisible.value ? (openBlock(), createBlock(_sfc_main$4, {
+                key: 2,
+                stopping: isStoppingExecution.value,
+                onClick: onStopExecution
+              }, null, 8, ["stopping"])) : createCommentVNode("", true),
+              isStopWaitingForWebhookButtonVisible.value ? (openBlock(), createBlock(_sfc_main$3, {
+                key: 3,
+                onClick: onStopWaitingForWebhook
+              })) : createCommentVNode("", true)
+            ], 2)) : createCommentVNode("", true),
+            isReadOnlyEnvironment.value ? (openBlock(), createBlock(unref(N8nCallout), {
+              key: 1,
+              theme: "warning",
+              icon: "lock",
+              class: normalizeClass(unref($style).readOnlyEnvironmentNotification)
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(i18n).baseText("readOnlyEnv.cantEditOrRun")), 1)
+              ]),
+              _: 1
+            }, 8, ["class"])) : createCommentVNode("", true),
+            (openBlock(), createBlock(Suspense, null, {
+              default: withCtx(() => [
+                !isCanvasReadOnly.value ? (openBlock(), createBlock(unref(LazyNodeCreation), {
+                  key: 0,
+                  "create-node-active": unref(nodeCreatorStore).isCreateNodeActive,
+                  "node-view-scale": viewportTransform.value.zoom,
+                  onToggleNodeCreator,
+                  onAddNodes: onAddNodesAndConnections
+                }, null, 8, ["create-node-active", "node-view-scale"])) : createCommentVNode("", true)
+              ]),
+              _: 1
+            })),
+            (openBlock(), createBlock(Suspense, null, {
+              default: withCtx(() => [
+                createVNode(unref(LazyNodeDetailsView), {
+                  "workflow-object": unref(editableWorkflowObject),
+                  "read-only": isCanvasReadOnly.value,
+                  "is-production-execution-preview": isProductionExecutionPreview.value,
+                  renaming: false,
+                  onValueChanged: onRenameNode,
+                  onStopExecution,
+                  onSwitchSelectedNode: onSwitchActiveNode,
+                  onOpenConnectionNodeCreator: onOpenSelectiveNodeCreator,
+                  onSaveKeyboardShortcut: onSaveWorkflow
+                }, null, 8, ["workflow-object", "read-only", "is-production-execution-preview"])
+              ]),
+              _: 1
+            }))
+          ]),
+          _: 1
+        }, 8, ["id", "workflow", "workflow-object", "fallback-nodes", "show-fallback-nodes", "event-bus", "read-only", "executing", "key-bindings", "onUpdate:logs:inputOpen", "onUpdate:logs:outputOpen", "onUpdate:hasRangeSelection"])) : createCommentVNode("", true),
+        isFocusPanelFeatureEnabled.value ? (openBlock(), createBlock(FocusPanel, { key: 1 })) : createCommentVNode("", true)
+      ], 2);
     };
   }
 });
-const executionButtons = "_executionButtons_1d2c1_123";
-const chatButton = "_chatButton_1d2c1_160";
-const setupCredentialsButtonWrapper = "_setupCredentialsButtonWrapper_1d2c1_164";
-const readOnlyEnvironmentNotification = "_readOnlyEnvironmentNotification_1d2c1_170";
+const wrapper = "_wrapper_1xmhy_123";
+const executionButtons = "_executionButtons_1xmhy_128";
+const chatButton = "_chatButton_1xmhy_165";
+const setupCredentialsButtonWrapper = "_setupCredentialsButtonWrapper_1xmhy_169";
+const readOnlyEnvironmentNotification = "_readOnlyEnvironmentNotification_1xmhy_175";
 const style0 = {
+  wrapper,
   executionButtons,
   chatButton,
   setupCredentialsButtonWrapper,
@@ -16909,5 +17313,6 @@ const NodeView$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   NodeSettings as N,
-  NodeView$1 as a
+  NodeView$1 as a,
+  useExperimentalNdvStore as u
 };