n8n-editor-ui 1.99.1 → 1.100.1

package/dist/assets/{NodeView-Bc086Y-p.js → NodeView-B0s9cPrB.js}

@@ -1,11 +1,11 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreation-BdlX_3Tg.js","assets/index-CKxPg00R.js","assets/index-C1XlnjOl.css","assets/NodeCreation-RKvezEeg.css","assets/NodeDetailsView-CJ_lg1pq.js","assets/RunData-Ccq7yyEj.js","assets/FileSaver.min-Ba1NW2qr.js","assets/useExecutionHelpers-C_9FYOFV.js","assets/RunData-B5_okvCv.css","assets/RunDataParsedAiContent-CS9WopeO.js","assets/RunDataParsedAiContent-9EEUzCKp.css","assets/useWorkflowActivate-5rNzZIb4.js","assets/import-curl-DznX-6zQ.js","assets/global-link-actions-D9rAyY2i.js","assets/useExecutionDebugging-DLm_-3mN.js","assets/useBeforeUnload-5dUIo4WK.js","assets/canvas-CIm8w6n1.js","assets/NodeDetailsView-DWA1ZgwG.css","assets/SetupWorkflowCredentialsButton-1OgGhAkl.js"])))=>i.map(i=>d[i]);
-import { _ as _export_sfc$1, i as createElementBlock, g as openBlock, k as createBaseVNode, d as defineComponent, cc as PanelPosition, cd 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, ce as _sfc_main$N, x as computed, h as resolveComponent, c as useI18n, b_ as KeyboardShortcutTooltip, n as normalizeClass, bf as NodeConnectionTypes, cf as getBezierPath, cg as getSmoothStepPath, ch as Position, bM as inject, ci as CanvasKey, a0 as useCssModule, cj as parseCanvasConnectionHandleString, r as ref, o as onMounted, G as renderList, ck as _sfc_main$d$1, D as normalizeStyle, J as useUIStore, bw as useNodeTypesStore, T as useWorkflowsStore, a3 as useSourceControlStore, ab as getResourcePermissions, cl as isNodeWithWorkflowSelector, cm as getSubworkflowId, cn as isPresent, $ as watch, co as getMousePosition, aG as STICKY_NODE_TYPE, bp as usePinnedData, cp as NOT_DUPLICATABLE_NODE_TYPES, cq as isExecutable, cr as Teleport, c0 as useStyles, c1 as N8nActionDropdown, bz as getDefaultExportFromCjs, cs as NODE_SIZE, ct as CanvasNodeRenderType, cu as GRID_SIZE, c3 as useThrottleFn, cv as getRectOfNodes, bT as onUnmounted, cw as useActiveElement, cx as useDeviceSupport, cy as useEventListener$1, 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$O, 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, cb as ndvEventBus, dc as _sfc_main$P, dd as CUSTOM_NODES_DOCS_URL, aI as withDirectives, aJ as vShow, de as _sfc_main$Q, df as NodeCredentials, bE as withModifiers, 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 useGetPointerPosition, dv as clamp, dw as NodeId, dx as useNodeCreatorStore, an as nodeViewEventBus, dy as NODE_CREATOR_OPEN_SOURCES, dz as useBuilderStore, bV as withKeys, dA as CanvasNodeHandleKey, dB as Transition$1, dC as _sfc_main$f$1, b as useRouter, bq as useLogsStore, bs as useRunWorkflow, q as N8nButton, dD as insertSpacersBetweenEndpoints, dE as createCanvasConnectionHandleString, B as nextTick, dF as _sfc_main$1$4, dG as MarkerType, dH as Suspense, bP as guardReactiveProps, dI as updateViewportToContainNodes, dJ as useNodeDirtiness, dK as CUSTOM_API_CALL_KEY, dL as mapLegacyEndpointsToCanvasConnectionPort, dM as getNodeOutputs, dN as getTriggerNodeServiceName, dO as sanitizeHtml, dP as WAIT_NODE_TYPE, dQ as SEND_AND_WAIT_OPERATION, dR as FORM_NODE_TYPE, dS as WAIT_INDEFINITELY, dT as checkOverlap, dU as SIMULATE_NODE_TYPE, dV as SIMULATE_TRIGGER_NODE_TYPE, dW as mapLegacyConnectionsToCanvasConnections, dX as getNodeIconSource, dY as refThrottled, be as isChatNode, dZ as truncateBeforeLast, p as N8nText, d_ as reactive, U as useRoute, a7 as useDocumentTitle, a8 as useWorkflowSaving, d$ as useEnvironmentsStore, e0 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, e1 as useAgentRequestStore, e2 as useWorkflowExtraction, W as PLACEHOLDER_EMPTY_WORKFLOW_ID, e3 as NEW_WORKFLOW_ID, V as VIEWS, bx as START_NODE_TYPE, e4 as getNodeViewTab, y as MAIN_HEADER_TABS, e5 as VALID_WORKFLOW_IMPORT_URL_REGEX, ao as useMessage, ap as MODAL_CONFIRM, e6 as jsonParse, bn as MANUAL_CHAT_TRIGGER_NODE_TYPE, e7 as EVALUATION_TRIGGER_NODE_TYPE, e8 as getBounds, e9 as onBeforeRouteLeave, aH as onBeforeMount, aq as WORKFLOW_SETTINGS_MODAL_KEY, ea as onActivated, eb as onDeactivated, ec as defineAsyncComponent, ed as N8nCallout, aw as __vitePreload, ae as EnterpriseEditionFeature, ee as EVALUATION_NODE_TYPE, ef as getEasyAiWorkflowJson, eg as getRagStarterWorkflowJson, eh as tryToParseNumber, aO as sourceControlEventBus, ei as getNodesWithNormalizedPosition, ej as historyBus, ek as needsAgentInput, el as FROM_AI_PARAMETERS_MODAL_KEY, em as DRAG_EVENT_DATA_KEY } from "./index-CKxPg00R.js";
-import { i as importCurlEventBus } from "./import-curl-DznX-6zQ.js";
-import { g as globalLinkActionsEventBus } from "./global-link-actions-D9rAyY2i.js";
-import { u as useExecutionDebugging } from "./useExecutionDebugging-DLm_-3mN.js";
-import { u as useBeforeUnload } from "./useBeforeUnload-5dUIo4WK.js";
-import { c as canvasEventBus } from "./canvas-CIm8w6n1.js";
-const _sfc_main$M = {};
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreation-BsZaXqbI.js","assets/index-Cb_lQ9m_.js","assets/index-CeLskvTy.css","assets/NodeCreation-RKvezEeg.css","assets/NodeDetailsView-C_kBwPui.js","assets/RunData-D-o34apM.js","assets/FileSaver.min-C7cViz61.js","assets/useExecutionHelpers-Ae2t-uj6.js","assets/RunData-B5_okvCv.css","assets/RunDataParsedAiContent-jMIWlUHw.js","assets/RunDataParsedAiContent-9EEUzCKp.css","assets/useWorkflowActivate-BInq6R2j.js","assets/useKeybindings-BZXwu-r0.js","assets/import-curl-nlEV28nJ.js","assets/global-link-actions-BTpxVk8y.js","assets/useExecutionDebugging-CTegQXp3.js","assets/useBeforeUnload-BIFFkMiK.js","assets/NodeDetailsView-DWA1ZgwG.css","assets/SetupWorkflowCredentialsButton-BElZF8gF.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-Cb_lQ9m_.js";
+import { u as useKeybindings, c as canvasEventBus } from "./useKeybindings-BZXwu-r0.js";
+import { i as importCurlEventBus } from "./import-curl-nlEV28nJ.js";
+import { g as globalLinkActionsEventBus } from "./global-link-actions-BTpxVk8y.js";
+import { u as useExecutionDebugging } from "./useExecutionDebugging-CTegQXp3.js";
+import { u as useBeforeUnload } from "./useBeforeUnload-BIFFkMiK.js";
+const _sfc_main$N = {};
 const _hoisted_1$h = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 16 16"
@@ -18,7 +18,7 @@ function _sfc_render$1(_ctx, _cache) {
     }, null, -1)
   ]));
 }
-const TidyUpIcon = /* @__PURE__ */ _export_sfc$1(_sfc_main$M, [["render", _sfc_render$1]]);
+const TidyUpIcon = /* @__PURE__ */ _export_sfc$1(_sfc_main$N, [["render", _sfc_render$1]]);
 const _sfc_main$1$3 = {
   name: "ControlButton",
   compatConfig: { MODE: 3 }
@@ -101,7 +101,7 @@ const __default__$4 = {
   name: "Controls",
   compatConfig: { MODE: 3 }
 };
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   ...__default__$4,
   props: {
     showZoom: { type: Boolean, default: true },
@@ -144,7 +144,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
       emit("interactionChange", !isInteractive.value);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$N), {
+      return openBlock(), createBlock(unref(_sfc_main$O), {
         class: "vue-flow__controls",
         position: _ctx.position
       }, {
@@ -217,7 +217,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "CanvasControlButtons",
   props: {
     zoom: { default: 1 },
@@ -247,7 +247,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_N8nIconButton = resolveComponent("N8nIconButton");
       const _component_N8nButton = resolveComponent("N8nButton");
-      return openBlock(), createBlock(unref(_sfc_main$L), {
+      return openBlock(), createBlock(unref(_sfc_main$M), {
         "show-zoom": false,
         "show-fit-view": false
       }, {
@@ -342,13 +342,13 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
   }
 });
 const iconButton = "_iconButton_fx9xi_123";
-const style0$v = {
+const style0$w = {
   iconButton
 };
-const cssModules$v = {
-  "$style": style0$v
+const cssModules$w = {
+  "$style": style0$w
 };
-const __unplugin_components_1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$K, [["__cssModules", cssModules$v]]);
+const __unplugin_components_1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$L, [["__cssModules", cssModules$w]]);
 const EDGE_PADDING_BOTTOM = 130;
 const EDGE_PADDING_X = 40;
 const EDGE_BORDER_RADIUS = 16;
@@ -405,7 +405,7 @@ function injectStrict(key, fallback) {
 function useCanvas() {
   return injectStrict(CanvasKey);
 }
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "CanvasConnectionLine",
   props: {
     sourceX: {},
@@ -472,14 +472,14 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
 });
 const edge$1 = "_edge_cbk94_123";
 const visible = "_visible_cbk94_129";
-const style0$u = {
+const style0$v = {
   edge: edge$1,
   visible
 };
-const cssModules$u = {
-  "$style": style0$u
+const cssModules$v = {
+  "$style": style0$v
 };
-const __unplugin_components_0$5 = /* @__PURE__ */ _export_sfc$1(_sfc_main$J, [["__cssModules", cssModules$u]]);
+const __unplugin_components_0$5 = /* @__PURE__ */ _export_sfc$1(_sfc_main$K, [["__cssModules", cssModules$v]]);
 const position = ref([0, 0]);
 const isOpen = ref(false);
 const target = ref();
@@ -710,7 +710,7 @@ const useContextMenu = (onAction = () => {
     _dispatchAction
   };
 };
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "ContextMenu",
   emits: ["action"],
   setup(__props, { emit: __emit }) {
@@ -778,14 +778,14 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
 });
 const contextMenu = "_contextMenu_12fz3_123";
 const activator = "_activator_12fz3_127";
-const style0$t = {
+const style0$u = {
   contextMenu,
   activator
 };
-const cssModules$t = {
-  "$style": style0$t
+const cssModules$u = {
+  "$style": style0$u
 };
-const ContextMenu = /* @__PURE__ */ _export_sfc$1(_sfc_main$I, [["__cssModules", cssModules$t]]);
+const ContextMenu = /* @__PURE__ */ _export_sfc$1(_sfc_main$J, [["__cssModules", cssModules$u]]);
 var graph;
 var hasRequiredGraph;
 function requireGraph() {
@@ -4729,82 +4729,6 @@ function useCanvasTraversal({ getIncomers, getOutgoers }) {
     getUpstreamNodes
   };
 }
-const useKeybindings = (keymap, options) => {
-  const activeElement = useActiveElement();
-  const { isCtrlKeyPressed } = useDeviceSupport();
-  const isDisabled = computed(() => unref(options?.disabled));
-  const ignoreKeyPresses = computed(() => {
-    if (!activeElement.value) return false;
-    const active = activeElement.value;
-    const isInput = ["INPUT", "TEXTAREA"].includes(active.tagName);
-    const isContentEditable = active.closest("[contenteditable]") !== null;
-    const isIgnoreClass = active.closest(".ignore-key-press-canvas") !== null;
-    return isInput || isContentEditable || isIgnoreClass;
-  });
-  const normalizedKeymap = computed(
-    () => Object.fromEntries(
-      Object.entries(keymap.value).flatMap(([shortcut, handler]) => {
-        const shortcuts = shortcut.split("|");
-        return shortcuts.map((s) => [normalizeShortcutString(s), handler]);
-      })
-    )
-  );
-  function shortcutPartsToString(parts) {
-    return parts.map((key) => key.toLowerCase()).sort((a, b) => a.localeCompare(b)).join("+");
-  }
-  function normalizeShortcutString(shortcut) {
-    if (shortcut.length === 1) {
-      return shortcut.toLowerCase();
-    }
-    const splitChars = ["+", "_", "-"];
-    const splitCharsRegEx = splitChars.reduce((acc, char) => {
-      if (shortcut.startsWith(char) || shortcut.endsWith(char)) {
-        return acc;
-      }
-      return char + acc;
-    }, "");
-    return shortcutPartsToString(shortcut.split(new RegExp(`[${splitCharsRegEx}]`)));
-  }
-  function keyboardEventCodeToKey(code) {
-    if (code.startsWith("Digit")) {
-      return code.replace("Digit", "").toLowerCase();
-    } else if (code.startsWith("Key")) {
-      return code.replace("Key", "").toLowerCase();
-    }
-    return code.toLowerCase();
-  }
-  function toShortcutString(event) {
-    const { shiftKey, altKey } = event;
-    const ctrlKey = isCtrlKeyPressed(event);
-    const keys = "key" in event ? [event.key] : [];
-    const codes = "code" in event ? [keyboardEventCodeToKey(event.code)] : [];
-    const modifiers = [];
-    if (shiftKey) {
-      modifiers.push("shift");
-    }
-    if (ctrlKey) {
-      modifiers.push("ctrl");
-    }
-    if (altKey) {
-      modifiers.push("alt");
-    }
-    return {
-      byKey: shortcutPartsToString([...modifiers, ...keys]),
-      byCode: shortcutPartsToString([...modifiers, ...codes])
-    };
-  }
-  function onKeyDown2(event) {
-    if (ignoreKeyPresses.value || isDisabled.value) return;
-    const { byKey, byCode } = toShortcutString(event);
-    const handler = normalizedKeymap.value[byKey] ?? normalizedKeymap.value[byCode];
-    if (handler) {
-      event.preventDefault();
-      event.stopPropagation();
-      handler(event);
-    }
-  }
-  useEventListener$1(document, "keydown", onKeyDown2);
-};
 function useShortKeyPress(key, fn, {
   dedupe = true,
   threshold = 300,
@@ -7376,7 +7300,7 @@ const __default__$3 = {
   name: "MiniMap",
   compatConfig: { MODE: 3 }
 };
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   ...__default__$3,
   props: {
     nodeColor: { type: [String, Function], default: "#e2e2e2" },
@@ -7539,7 +7463,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
       emit("nodeMouseleave", param);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$N), {
+      return openBlock(), createBlock(unref(_sfc_main$O), {
         position: _ctx.position,
         class: normalizeClass(["vue-flow__minimap", { pannable: _ctx.pannable, zoomable: _ctx.zoomable }])
       }, {
@@ -7599,7 +7523,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$e = ["id", "x", "y", "width", "height", "patternTransform"];
 const _hoisted_2$9 = ["d", "stroke-width"];
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "CanvasBackgroundStripedPattern",
   props: {
     id: {},
@@ -7629,7 +7553,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CanvasBackgroundStripedPattern = /* @__PURE__ */ _export_sfc$1(_sfc_main$G, [["__scopeId", "data-v-161512f5"]]);
+const CanvasBackgroundStripedPattern = /* @__PURE__ */ _export_sfc$1(_sfc_main$H, [["__scopeId", "data-v-161512f5"]]);
 var BackgroundVariant = /* @__PURE__ */ ((BackgroundVariant2) => {
   BackgroundVariant2["Lines"] = "lines";
   BackgroundVariant2["Dots"] = "dots";
@@ -7665,7 +7589,7 @@ const __default__$2 = {
   name: "Background",
   compatConfig: { MODE: 3 }
 };
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   ...__default__$2,
   props: {
     id: {},
@@ -7750,7 +7674,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "CanvasBackground",
   props: {
     striped: { type: Boolean },
@@ -7758,7 +7682,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$F), {
+      return openBlock(), createBlock(unref(_sfc_main$G), {
         "data-test-id": "canvas-background",
         "pattern-color": "#aaa",
         gap: unref(GRID_SIZE)
@@ -7781,7 +7705,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$c = ["id"];
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "CanvasArrowHeadMarker",
   props: {
     id: {}
@@ -7814,7 +7738,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "CanvasEdgeToolbar",
   props: {
     type: {}
@@ -7865,17 +7789,17 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
   }
 });
 const canvasEdgeToolbar = "_canvasEdgeToolbar_uogmx_123";
-const style0$s = {
+const style0$t = {
   canvasEdgeToolbar
 };
-const cssModules$s = {
-  "$style": style0$s
+const cssModules$t = {
+  "$style": style0$t
 };
-const CanvasEdgeToolbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$C, [["__cssModules", cssModules$s]]);
+const CanvasEdgeToolbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$D, [["__cssModules", cssModules$t]]);
 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$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "CanvasEdge",
   props: {
     id: {},
@@ -8055,15 +7979,15 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
 const edge = "_edge_fyzmo_123";
 const edgeLabelWrapper = "_edgeLabelWrapper_fyzmo_127";
 const edgeLabel = "_edgeLabel_fyzmo_127";
-const style0$r = {
+const style0$s = {
   edge,
   edgeLabelWrapper,
   edgeLabel
 };
-const cssModules$r = {
-  "$style": style0$r
+const cssModules$s = {
+  "$style": style0$s
 };
-const Edge = /* @__PURE__ */ _export_sfc$1(_sfc_main$B, [["__cssModules", cssModules$r]]);
+const Edge = /* @__PURE__ */ _export_sfc$1(_sfc_main$C, [["__cssModules", cssModules$s]]);
 function useCanvasNode() {
   const node2 = inject(CanvasNodeKey);
   const data = computed(
@@ -8141,7 +8065,7 @@ function useCanvasNode() {
 }
 const _hoisted_1$a = ["title"];
 const _hoisted_2$6 = ["onClick"];
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeStickyColorSelector",
   props: {
     "visible": { type: Boolean },
@@ -8235,7 +8159,7 @@ const content = "_content_3lp7u_129";
 const color = "_color_3lp7u_136";
 const selected$2 = "_selected_3lp7u_148";
 const option = "_option_3lp7u_173";
-const style0$q = {
+const style0$r = {
   popover,
   content,
   color,
@@ -8249,11 +8173,11 @@ const style0$q = {
   "sticky-color-7": "_sticky-color-7_3lp7u_169",
   option
 };
-const cssModules$q = {
-  "$style": style0$q
+const cssModules$r = {
+  "$style": style0$r
 };
-const __unplugin_components_0$4 = /* @__PURE__ */ _export_sfc$1(_sfc_main$A, [["__cssModules", cssModules$q]]);
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const __unplugin_components_0$4 = /* @__PURE__ */ _export_sfc$1(_sfc_main$B, [["__cssModules", cssModules$r]]);
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeToolbar",
   props: {
     readOnly: { type: Boolean }
@@ -8388,51 +8312,20 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
 const canvasNodeToolbar$1 = "_canvasNodeToolbar_104hp_123";
 const canvasNodeToolbarItems = "_canvasNodeToolbarItems_104hp_130";
 const forceVisible = "_forceVisible_104hp_141";
-const style0$p = {
+const style0$q = {
   canvasNodeToolbar: canvasNodeToolbar$1,
   canvasNodeToolbarItems,
   forceVisible
 };
-const cssModules$p = {
-  "$style": style0$p
-};
-const CanvasNodeToolbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["__cssModules", cssModules$p]]);
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
-  __name: "CanvasNodeDisabledStrikeThrough",
-  setup(__props) {
-    const $style = useCssModule();
-    const { hasRunData, render: render2 } = useCanvasNode();
-    const classes = computed(() => {
-      return {
-        [$style.disabledStrikeThrough]: true,
-        [$style.success]: hasRunData.value,
-        [$style.warning]: render2.value.type === CanvasNodeRenderType.Default && render2.value.options.dirtiness !== void 0
-      };
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(classes.value)
-      }, null, 2);
-    };
-  }
-});
-const disabledStrikeThrough = "_disabledStrikeThrough_nl2g7_123";
-const success$2 = "_success_nl2g7_132";
-const warning$2 = "_warning_nl2g7_136";
-const style0$o = {
-  disabledStrikeThrough,
-  success: success$2,
-  warning: warning$2
-};
-const cssModules$o = {
-  "$style": style0$o
+const cssModules$q = {
+  "$style": style0$q
 };
-const __unplugin_components_3 = /* @__PURE__ */ _export_sfc$1(_sfc_main$y, [["__cssModules", cssModules$o]]);
+const CanvasNodeToolbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$A, [["__cssModules", cssModules$q]]);
 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$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeStatusIcons",
   setup(__props) {
     const nodeHelpers = useNodeHelpers();
@@ -8560,8 +8453,8 @@ const pinnedData = "_pinnedData_93vv6_138";
 const running$1 = "_running_93vv6_142";
 const issues = "_issues_93vv6_165";
 const count = "_count_93vv6_170";
-const warning$1 = "_warning_93vv6_174";
-const style0$n = {
+const warning$2 = "_warning_93vv6_174";
+const style0$p = {
   status,
   runData,
   waiting: waiting$1,
@@ -8570,13 +8463,44 @@ const style0$n = {
   "node-waiting-spinner": "_node-waiting-spinner_93vv6_152",
   issues,
   count,
+  warning: warning$2
+};
+const cssModules$p = {
+  "$style": style0$p
+};
+const __unplugin_components_3 = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["__cssModules", cssModules$p]]);
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
+  __name: "CanvasNodeDisabledStrikeThrough",
+  setup(__props) {
+    const $style = useCssModule();
+    const { hasRunData, render: render2 } = useCanvasNode();
+    const classes = computed(() => {
+      return {
+        [$style.disabledStrikeThrough]: true,
+        [$style.success]: hasRunData.value,
+        [$style.warning]: render2.value.type === CanvasNodeRenderType.Default && render2.value.options.dirtiness !== void 0
+      };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(classes.value)
+      }, null, 2);
+    };
+  }
+});
+const disabledStrikeThrough = "_disabledStrikeThrough_nl2g7_123";
+const success$2 = "_success_nl2g7_132";
+const warning$1 = "_warning_nl2g7_136";
+const style0$o = {
+  disabledStrikeThrough,
+  success: success$2,
   warning: warning$1
 };
-const cssModules$n = {
-  "$style": style0$n
+const cssModules$o = {
+  "$style": style0$o
 };
-const __unplugin_components_2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$x, [["__cssModules", cssModules$n]]);
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const __unplugin_components_2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$y, [["__cssModules", cssModules$o]]);
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeTooltip",
   props: {
     visible: { type: Boolean }
@@ -8615,14 +8539,14 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
 });
 const tooltipTrigger = "_tooltipTrigger_dauyi_123";
 const popper = "_popper_dauyi_131";
-const style0$m = {
+const style0$n = {
   tooltipTrigger,
   popper
 };
-const cssModules$m = {
-  "$style": style0$m
+const cssModules$n = {
+  "$style": style0$n
 };
-const __unplugin_components_0$3 = /* @__PURE__ */ _export_sfc$1(_sfc_main$w, [["__cssModules", cssModules$m]]);
+const __unplugin_components_0$3 = /* @__PURE__ */ _export_sfc$1(_sfc_main$x, [["__cssModules", cssModules$n]]);
 function useNodeConnections({
   inputs: inputs2,
   outputs,
@@ -8684,7 +8608,7 @@ function useNodeSettingsInCanvas() {
     () => debouncedZoom.value > settingsStore.experimental__minZoomNodeSettingsInCanvas ? debouncedZoom.value : void 0
   );
 }
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "NodeTitle",
   props: {
     modelValue: { default: "" },
@@ -8709,7 +8633,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
         createBaseVNode("span", {
           class: normalizeClass(_ctx.$style.iconWrapper)
         }, [
-          createVNode(_sfc_main$O, {
+          createVNode(_sfc_main$P, {
             "node-type": _ctx.nodeType,
             size: 18,
             "show-tooltip": true,
@@ -8735,16 +8659,16 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
 const container$3 = "_container_178ym_123";
 const textWrapper = "_textWrapper_178ym_132";
 const iconWrapper = "_iconWrapper_178ym_137";
-const style0$l = {
+const style0$m = {
   container: container$3,
   textWrapper,
   iconWrapper
 };
-const cssModules$l = {
-  "$style": style0$l
+const cssModules$m = {
+  "$style": style0$m
 };
-const NodeTitle = /* @__PURE__ */ _export_sfc$1(_sfc_main$v, [["__cssModules", cssModules$l]]);
-const _sfc_main$u = /* @__PURE__ */ defineComponent({
+const NodeTitle = /* @__PURE__ */ _export_sfc$1(_sfc_main$w, [["__cssModules", cssModules$m]]);
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "NodeSettingsTabs",
   props: {
     modelValue: { default: "params" },
@@ -8890,9 +8814,9 @@ const _hoisted_10$1 = {
   key: 1,
   class: "webhook-wrapper"
 };
-const _hoisted_11$1 = { class: "url-field-full-width" };
+const _hoisted_11 = { class: "url-field-full-width" };
 const _hoisted_12 = ["onClick"];
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const _sfc_main$u = /* @__PURE__ */ defineComponent({
   __name: "NodeWebhooks",
   props: {
     node: {},
@@ -9097,7 +9021,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                         ], 8, _hoisted_9$1)
                       ])
                     ])) : (openBlock(), createElementBlock("div", _hoisted_10$1, [
-                      createBaseVNode("div", _hoisted_11$1, [
+                      createBaseVNode("div", _hoisted_11, [
                         createBaseVNode("div", {
                           class: "webhook-url left-ellipsis clickable",
                           onClick: ($event) => copyWebhookUrl(webhook)
@@ -9119,7 +9043,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const NodeWebhooks = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["__scopeId", "data-v-84b9da4b"]]);
+const NodeWebhooks = /* @__PURE__ */ _export_sfc$1(_sfc_main$u, [["__scopeId", "data-v-84b9da4b"]]);
 const OnClickOutside = /* @__PURE__ */ defineComponent({
   name: "OnClickOutside",
   props: ["as", "options"],
@@ -9296,7 +9220,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$s = /* @__PURE__ */ defineComponent({
+const _sfc_main$t = /* @__PURE__ */ defineComponent({
   __name: "NDVSubConnections",
   props: {
     rootNode: {}
@@ -9329,34 +9253,61 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
       return issues2?.input ?? {};
     });
     const connectedNodes2 = computed(() => {
+      const typeIndexCounters = {};
       return possibleConnections.value.reduce(
         (acc, connection) => {
-          const nodes = getINodesFromNames(
-            workflow.value.getParentNodes(props.rootNode.name, connection.type)
-          );
-          return { ...acc, [connection.type]: nodes };
+          const typeIndex = typeIndexCounters[connection.type] ?? 0;
+          typeIndexCounters[connection.type] = typeIndex + 1;
+          const nodeConnections = workflow.value.connectionsByDestinationNode[props.rootNode.name]?.[connection.type] ?? [];
+          const inputConnections = nodeConnections[typeIndex] ?? [];
+          const nodeNames = inputConnections.map((conn) => conn.node);
+          const nodes = getINodesFromNames(nodeNames);
+          const connectionKey = `${connection.type}-${typeIndex}`;
+          return { ...acc, [connectionKey]: nodes };
         },
         {}
       );
     });
-    function getConnectionConfig(connectionType2) {
-      return possibleConnections.value.find((c) => c.type === connectionType2);
+    function getConnectionKey(connection, globalIndex) {
+      let typeIndex = 0;
+      for (let i = 0; i < globalIndex; i++) {
+        if (possibleConnections.value[i].type === connection.type) {
+          typeIndex++;
+        }
+      }
+      return `${connection.type}-${typeIndex}`;
     }
-    function isMultiConnection(connectionType2) {
-      const connectionConfig = getConnectionConfig(connectionType2);
+    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 isMultiConnection(connectionKey) {
+      const connectionConfig = getConnectionConfig(connectionKey);
       return connectionConfig?.maxConnections !== 1;
     }
-    function shouldShowConnectionTooltip(connectionType2) {
-      return isMultiConnection(connectionType2) && !expandedGroups.value.includes(connectionType2);
+    function shouldShowConnectionTooltip(connectionKey) {
+      const [type] = connectionKey.split("-");
+      return isMultiConnection(connectionKey) && !expandedGroups.value.includes(type);
     }
-    function expandConnectionGroup(connectionType2, isExpanded) {
-      if (!isMultiConnection(connectionType2)) {
+    function expandConnectionGroup(connectionKey, isExpanded) {
+      const [type] = connectionKey.split("-");
+      if (!isMultiConnection(connectionKey)) {
         return;
       }
       if (isExpanded) {
-        expandedGroups.value = [...expandedGroups.value, connectionType2];
+        expandedGroups.value = [...expandedGroups.value, type];
       } else {
-        expandedGroups.value = expandedGroups.value.filter((g) => g !== connectionType2);
+        expandedGroups.value = expandedGroups.value.filter((g) => g !== type);
       }
     }
     function getINodesFromNames(names) {
@@ -9373,8 +9324,9 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
         return null;
       }).filter((n) => n !== null);
     }
-    function hasInputIssues(connectionType2) {
-      return shouldShowNodeInputIssues.value && (nodeInputIssues.value[connectionType2] ?? []).length > 0;
+    function hasInputIssues(connectionKey) {
+      const [type] = connectionKey.split("-");
+      return shouldShowNodeInputIssues.value && (nodeInputIssues.value[type] ?? []).length > 0;
     }
     function isNodeInputConfiguration(connectionConfig) {
       if (typeof connectionConfig === "string") return false;
@@ -9389,20 +9341,22 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
       });
       return nonMainInputs;
     }
-    function onNodeClick(nodeName, connectionType2) {
-      if (isMultiConnection(connectionType2) && !expandedGroups.value.includes(connectionType2)) {
-        expandConnectionGroup(connectionType2, true);
+    function onNodeClick(nodeName, connectionKey) {
+      const [type] = connectionKey.split("-");
+      if (isMultiConnection(connectionKey) && !expandedGroups.value.includes(type)) {
+        expandConnectionGroup(connectionKey, true);
         return;
       }
       emit("switchSelectedNode", nodeName);
     }
-    function onPlusClick(connectionType2) {
-      const connectionNodes = connectedNodes2.value[connectionType2];
-      if (isMultiConnection(connectionType2) && !expandedGroups.value.includes(connectionType2) && connectionNodes.length >= 1) {
-        expandConnectionGroup(connectionType2, true);
+    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);
         return;
       }
-      emit("openConnectionNodeCreator", props.rootNode.name, connectionType2);
+      emit("openConnectionNodeCreator", props.rootNode.name, type);
     }
     function showNodeInputsIssues() {
       shouldShowNodeInputIssues.value = false;
@@ -9435,10 +9389,10 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
           class: normalizeClass(_ctx.$style.connections),
           style: normalizeStyle(`--possible-connections: ${possibleConnections.value.length}`)
         }, [
-          (openBlock(true), createElementBlock(Fragment, null, renderList(possibleConnections.value, (connection) => {
+          (openBlock(true), createElementBlock(Fragment, null, renderList(possibleConnections.value, (connection, index) => {
             return openBlock(), createElementBlock("div", {
-              key: connection.type,
-              "data-test-id": `subnode-connection-group-${connection.type}`
+              key: getConnectionKey(connection, index),
+              "data-test-id": `subnode-connection-group-${getConnectionKey(connection, index)}`
             }, [
               createBaseVNode("div", {
                 class: normalizeClass(_ctx.$style.connectionType)
@@ -9446,12 +9400,12 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
                 createBaseVNode("span", {
                   class: normalizeClass({
                     [_ctx.$style.connectionLabel]: true,
-                    [_ctx.$style.hasIssues]: hasInputIssues(connection.type)
+                    [_ctx.$style.hasIssues]: hasInputIssues(getConnectionKey(connection, index))
                   }),
                   textContent: toDisplayString(`${connection.displayName}${connection.required ? " *" : ""}`)
                 }, null, 10, _hoisted_2$3),
                 createVNode(unref(OnClickOutside), {
-                  onTrigger: ($event) => expandConnectionGroup(connection.type, false)
+                  onTrigger: ($event) => expandConnectionGroup(getConnectionKey(connection, index), false)
                 }, {
                   default: withCtx(() => [
                     createBaseVNode("div", {
@@ -9461,27 +9415,27 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
                         [_ctx.$style.connectedNodesWrapper]: true,
                         [_ctx.$style.connectedNodesWrapperExpanded]: expandedGroups.value.includes(connection.type)
                       }),
-                      style: normalizeStyle(`--nodes-length: ${connectedNodes2.value[connection.type].length}`),
-                      onClick: ($event) => expandConnectionGroup(connection.type, true)
+                      style: normalizeStyle(`--nodes-length: ${connectedNodes2.value[getConnectionKey(connection, index)].length}`),
+                      onClick: ($event) => expandConnectionGroup(getConnectionKey(connection, index), true)
                     }, [
-                      (connectedNodes2.value[connection.type].length >= 1 ? connection.maxConnections !== 1 : true) ? (openBlock(), createElementBlock("div", {
+                      (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(connection.type)
+                          [_ctx.$style.hasIssues]: hasInputIssues(getConnectionKey(connection, index))
                         }),
-                        onClick: ($event) => onPlusClick(connection.type)
+                        onClick: ($event) => onPlusClick(getConnectionKey(connection, index))
                       }, [
                         createVNode(_component_n8n_tooltip, {
                           placement: "top",
                           teleported: true,
                           offset: 10,
                           "show-after": 300,
-                          disabled: shouldShowConnectionTooltip(connection.type) && connectedNodes2.value[connection.type].length >= 1
+                          disabled: shouldShowConnectionTooltip(getConnectionKey(connection, index)) && connectedNodes2.value[getConnectionKey(connection, index)].length >= 1
                         }, {
                           content: withCtx(() => [
                             createTextVNode(" Add " + toDisplayString(connection.displayName) + " ", 1),
-                            hasInputIssues(connection.type) ? (openBlock(), createBlock(TitledList, {
+                            hasInputIssues(getConnectionKey(connection, index)) ? (openBlock(), createBlock(TitledList, {
                               key: 0,
                               title: `${unref(i18n).baseText("node.issues")}:`,
                               items: nodeInputIssues.value[connection.type]
@@ -9492,26 +9446,26 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
                               size: "medium",
                               icon: "plus",
                               type: "tertiary",
-                              "data-test-id": `add-subnode-${connection.type}`
+                              "data-test-id": `add-subnode-${getConnectionKey(connection, index)}`
                             }, null, 8, ["data-test-id"])
                           ]),
                           _: 2
                         }, 1032, ["disabled"])
                       ], 10, _hoisted_4$1)) : createCommentVNode("", true),
-                      connectedNodes2.value[connection.type].length > 0 ? (openBlock(), createElementBlock("div", {
+                      connectedNodes2.value[getConnectionKey(connection, index)].length > 0 ? (openBlock(), createElementBlock("div", {
                         key: 1,
                         class: normalizeClass({
                           [_ctx.$style.connectedNodes]: true,
-                          [_ctx.$style.connectedNodesMultiple]: connectedNodes2.value[connection.type].length > 1
+                          [_ctx.$style.connectedNodesMultiple]: connectedNodes2.value[getConnectionKey(connection, index)].length > 1
                         })
                       }, [
-                        (openBlock(true), createElementBlock(Fragment, null, renderList(connectedNodes2.value[connection.type], (node2, index) => {
+                        (openBlock(true), createElementBlock(Fragment, null, renderList(connectedNodes2.value[getConnectionKey(connection, index)], (node2, nodeIndex) => {
                           return openBlock(), createElementBlock("div", {
                             key: node2.node.name,
                             class: normalizeClass({ [_ctx.$style.nodeWrapper]: true, [_ctx.$style.hasIssues]: node2.issues }),
                             "data-test-id": "floating-subnode",
                             "data-node-name": node2.node.name,
-                            style: normalizeStyle(`--node-index: ${index}`)
+                            style: normalizeStyle(`--node-index: ${nodeIndex}`)
                           }, [
                             (openBlock(), createBlock(_component_n8n_tooltip, {
                               key: node2.node.name,
@@ -9519,7 +9473,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
                               teleported: true,
                               offset: 10,
                               "show-after": 300,
-                              disabled: shouldShowConnectionTooltip(connection.type)
+                              disabled: shouldShowConnectionTooltip(getConnectionKey(connection, index))
                             }, {
                               content: withCtx(() => [
                                 createTextVNode(toDisplayString(node2.node.name) + " ", 1),
@@ -9532,9 +9486,9 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
                               default: withCtx(() => [
                                 createBaseVNode("div", {
                                   class: normalizeClass(_ctx.$style.connectedNode),
-                                  onClick: ($event) => onNodeClick(node2.node.name, connection.type)
+                                  onClick: ($event) => onNodeClick(node2.node.name, getConnectionKey(connection, index))
                                 }, [
-                                  createVNode(_sfc_main$O, {
+                                  createVNode(_sfc_main$P, {
                                     "node-type": node2.nodeType,
                                     "node-name": node2.node.name,
                                     "tooltip-position": "top",
@@ -9572,7 +9526,7 @@ const connectedNodesMultiple = "_connectedNodesMultiple_ac466_209";
 const connectedNode = "_connectedNode_ac466_177";
 const connectedNodes = "_connectedNodes_ac466_177";
 const nodeWrapper = "_nodeWrapper_ac466_247";
-const style0$k = {
+const style0$l = {
   container: container$2,
   connections,
   connectionType,
@@ -9587,10 +9541,10 @@ const style0$k = {
   connectedNodes,
   nodeWrapper
 };
-const cssModules$k = {
-  "$style": style0$k
+const cssModules$l = {
+  "$style": style0$l
 };
-const NDVSubConnections = /* @__PURE__ */ _export_sfc$1(_sfc_main$s, [["__cssModules", cssModules$k]]);
+const NDVSubConnections = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["__cssModules", cssModules$l]]);
 function updateDynamicConnections(node2, workflowConnections, parameterData) {
   const connections2 = { ...workflowConnections };
   try {
@@ -9677,7 +9631,7 @@ function updateDynamicConnections(node2, workflowConnections, parameterData) {
 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$r = /* @__PURE__ */ defineComponent({
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "FreeAiCreditsCallout",
   setup(__props) {
     const NODES_WITH_OPEN_AI_API_CREDENTIAL = [
@@ -9787,34 +9741,33 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$5 = { class: "header-side-menu" };
-const _hoisted_2$2 = { key: 1 };
-const _hoisted_3$1 = {
+const _hoisted_2$2 = {
   key: 0,
   class: "node-is-not-valid"
 };
-const _hoisted_4 = { class: "missingNodeTitleContainer mt-s mb-xs" };
-const _hoisted_5 = { class: "mb-l" };
-const _hoisted_6 = ["href"];
-const _hoisted_7 = ["href", "textContent"];
-const _hoisted_8 = {
+const _hoisted_3$1 = { class: "missingNodeTitleContainer mt-s mb-xs" };
+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_9 = {
+const _hoisted_8 = {
   key: 1,
   class: "no-parameters"
 };
-const _hoisted_10 = {
+const _hoisted_9 = {
   key: 2,
   class: "parameter-item parameter-notice",
   "data-test-id": "node-parameters-http-notice"
 };
-const _hoisted_11 = {
+const _hoisted_10 = {
   class: "node-version",
   "data-test-id": "node-version"
 };
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "NodeSettings",
   props: {
     eventBus: {},
@@ -9826,9 +9779,11 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     blockUI: { type: Boolean, default: false },
     executable: { type: Boolean, default: true },
     inputSize: { default: 0 },
-    activeNode: {}
+    activeNode: { default: void 0 },
+    canExpand: { type: Boolean, default: false },
+    hideConnections: { type: Boolean, default: false }
   },
-  emits: ["stopExecution", "redrawRequired", "valueChanged", "switchSelectedNode", "openConnectionNodeCreator", "activate", "execute"],
+  emits: ["stopExecution", "redrawRequired", "valueChanged", "switchSelectedNode", "openConnectionNodeCreator", "activate", "execute", "expand"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -10516,7 +10471,9 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       populateSettings();
       setNodeValues();
       props.eventBus?.on("openSettings", openSettings);
-      nodeHelpers.updateNodeParameterIssues(node2.value, props.nodeType);
+      if (node2.value !== null) {
+        nodeHelpers.updateNodeParameterIssues(node2.value, props.nodeType);
+      }
       importCurlEventBus.on("setHttpNodeParameters", setHttpNodeParameters);
       ndvEventBus.on("updateParameterValue", valueChanged);
     });
@@ -10543,7 +10500,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
           "node-settings": true,
           dragging: _ctx.dragging
         }),
-        onKeydown: _cache[0] || (_cache[0] = withModifiers(() => {
+        onKeydown: _cache[1] || (_cache[1] = withModifiers(() => {
         }, ["stop"]))
       }, [
         createBaseVNode("div", {
@@ -10558,8 +10515,11 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
               "read-only": isReadOnly.value,
               "onUpdate:modelValue": nameChanged
             }, null, 8, ["model-value", "node-type", "read-only"])) : createCommentVNode("", true),
-            isExecutable2.value ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
-              !_ctx.blockUI && node2.value && nodeValid.value ? (openBlock(), createBlock(_sfc_main$P, {
+            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, {
                 key: 0,
                 "data-test-id": "node-execute-button",
                 "node-name": node2.value.name,
@@ -10570,10 +10530,20 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                 onExecute: onNodeExecute,
                 onStopExecution,
                 onValueChanged: valueChanged
-              }, null, 8, ["node-name", "disabled", "tooltip"])) : createCommentVNode("", true)
-            ])) : createCommentVNode("", true)
+              }, 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)
           ]),
-          node2.value && nodeValid.value ? (openBlock(), createBlock(_sfc_main$u, {
+          node2.value && nodeValid.value ? (openBlock(), createBlock(_sfc_main$v, {
             key: 0,
             "model-value": openPanel.value,
             "node-type": _ctx.nodeType,
@@ -10581,13 +10551,13 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
             "onUpdate:modelValue": onTabSelect
           }, null, 8, ["model-value", "node-type", "push-ref"])) : createCommentVNode("", true)
         ], 2),
-        node2.value && !nodeValid.value ? (openBlock(), createElementBlock("div", _hoisted_3$1, [
+        node2.value && !nodeValid.value ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
           createBaseVNode("p", {
             class: normalizeClass(_ctx.$style.warningIcon)
           }, [
             createVNode(_component_font_awesome_icon, { icon: "exclamation-triangle" })
           ], 2),
-          createBaseVNode("div", _hoisted_4, [
+          createBaseVNode("div", _hoisted_3$1, [
             createVNode(_component_n8n_text, {
               size: "large",
               color: "text-dark",
@@ -10603,7 +10573,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
             key: 0,
             class: normalizeClass(_ctx.$style.descriptionContainer)
           }, [
-            createBaseVNode("div", _hoisted_5, [
+            createBaseVNode("div", _hoisted_4, [
               createVNode(_component_i18n_t, {
                 keypath: "nodeSettings.communityNodeUnknown.description",
                 tag: "span",
@@ -10613,7 +10583,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                   createBaseVNode("a", {
                     href: `https://www.npmjs.com/package/${node2.value.type.split(".")[0]}`,
                     target: "_blank"
-                  }, toDisplayString(node2.value.type.split(".")[0]), 9, _hoisted_6)
+                  }, toDisplayString(node2.value.type.split(".")[0]), 9, _hoisted_5)
                 ]),
                 _: 1
               })
@@ -10637,25 +10607,25 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                 href: unref(CUSTOM_NODES_DOCS_URL),
                 target: "_blank",
                 textContent: toDisplayString(unref(i18n).baseText("nodeSettings.nodeTypeUnknown.description.customNode"))
-              }, null, 8, _hoisted_7)
+              }, null, 8, _hoisted_6)
             ]),
             _: 1
           }))
         ])) : createCommentVNode("", true),
-        node2.value && nodeValid.value ? (openBlock(), createElementBlock("div", _hoisted_8, [
+        node2.value && nodeValid.value ? (openBlock(), createElementBlock("div", _hoisted_7, [
           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$r),
+          createVNode(_sfc_main$s),
           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$Q, {
+            nodeValuesInitialized.value ? (openBlock(), createBlock(_sfc_main$S, {
               key: 0,
               parameters: parametersNoneSetting.value,
               "hide-delete": true,
@@ -10680,7 +10650,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }, 8, ["parameters", "node-values", "is-read-only", "hidden-issues-inputs"])) : createCommentVNode("", true),
-            showNoParametersNotice.value ? (openBlock(), createElementBlock("div", _hoisted_9, [
+            showNoParametersNotice.value ? (openBlock(), createElementBlock("div", _hoisted_8, [
               createVNode(_component_n8n_text, null, {
                 default: withCtx(() => [
                   createTextVNode(toDisplayString(unref(i18n).baseText("nodeSettings.thisNodeDoesNotHaveAnyParameters")), 1)
@@ -10688,7 +10658,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
                 _: 1
               })
             ])) : createCommentVNode("", true),
-            unref(nodeHelpers).isCustomApiCallSelected(nodeValues.value) ? (openBlock(), createElementBlock("div", _hoisted_10, [
+            unref(nodeHelpers).isCustomApiCallSelected(nodeValues.value) ? (openBlock(), createElementBlock("div", _hoisted_9, [
               createVNode(_component_n8n_notice, {
                 content: unref(i18n).baseText("nodeSettings.useTheHttpRequestNode", {
                   interpolate: { nodeTypeDisplayName: _ctx.nodeType?.displayName ?? "" }
@@ -10699,7 +10669,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
             [vShow, openPanel.value === "params"]
           ]),
           withDirectives(createBaseVNode("div", null, [
-            createVNode(_sfc_main$Q, {
+            createVNode(_sfc_main$S, {
               parameters: parametersSetting.value,
               "node-values": nodeValues.value,
               "is-read-only": isReadOnly.value,
@@ -10709,7 +10679,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
               onValueChanged: valueChanged,
               onParameterBlur
             }, null, 8, ["parameters", "node-values", "is-read-only", "hidden-issues-inputs"]),
-            createVNode(_sfc_main$Q, {
+            createVNode(_sfc_main$S, {
               parameters: nodeSettings.value,
               "hide-delete": true,
               "node-values": nodeValues.value,
@@ -10719,7 +10689,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
               onValueChanged: valueChanged,
               onParameterBlur
             }, null, 8, ["parameters", "node-values", "is-read-only", "hidden-issues-inputs"]),
-            createBaseVNode("div", _hoisted_11, [
+            createBaseVNode("div", _hoisted_10, [
               createTextVNode(toDisplayString(unref(i18n).baseText("nodeSettings.nodeVersion", {
                 interpolate: {
                   node: _ctx.nodeType?.displayName,
@@ -10732,7 +10702,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
             [vShow, openPanel.value === "settings"]
           ])
         ])) : createCommentVNode("", true),
-        node2.value ? (openBlock(), createBlock(NDVSubConnections, {
+        node2.value && !props.hideConnections ? (openBlock(), createBlock(NDVSubConnections, {
           key: 2,
           ref_key: "subConnections",
           ref: subConnections,
@@ -10745,27 +10715,32 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const header = "_header_13al3_123";
-const warningIcon = "_warningIcon_13al3_127";
-const descriptionContainer = "_descriptionContainer_13al3_132";
-const style0$j = {
+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,
   warningIcon,
   descriptionContainer
 };
-const cssModules$j = {
-  "$style": style0$j
+const cssModules$k = {
+  "$style": style0$k
 };
-const NodeSettings = /* @__PURE__ */ _export_sfc$1(_sfc_main$q, [["__cssModules", cssModules$j], ["__scopeId", "data-v-1c54b7ac"]]);
-const _sfc_main$p = /* @__PURE__ */ defineComponent({
-  __name: "CanvasNodeNodeSettings",
+const NodeSettings = /* @__PURE__ */ _export_sfc$1(_sfc_main$r, [["__cssModules", cssModules$k], ["__scopeId", "data-v-d069a584"]]);
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
+  __name: "ExperimentalCanvasNodeSettings",
   props: {
-    nodeId: {}
+    nodeId: {},
+    canOpenNdv: { 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(() => {
       if (activeNode.value) {
@@ -10773,8 +10748,19 @@ const _sfc_main$p = /* @__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);
+      }
+    }
     return (_ctx, _cache) => {
       return openBlock(), createBlock(NodeSettings, {
+        "can-expand": _ctx.canOpenNdv,
         "event-bus": unref(settingsEventBus),
         dragging: false,
         "active-node": activeNode.value,
@@ -10784,13 +10770,16 @@ const _sfc_main$p = /* @__PURE__ */ defineComponent({
         "read-only": false,
         "block-u-i": false,
         executable: false,
-        "input-size": 0
-      }, null, 8, ["event-bus", "active-node", "node-type"]);
+        "input-size": 0,
+        "hide-connections": "",
+        onExpand: handleOpenNdv,
+        onValueChanged: handleValueChanged
+      }, null, 8, ["can-expand", "event-bus", "active-node", "node-type"]);
     };
   }
 });
 const _hoisted_1$4 = ["data-test-id"];
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeDefault",
   emits: ["open:contextmenu", "activate"],
   setup(__props, { emit: __emit }) {
@@ -10816,13 +10805,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       hasIssues: hasIssues2,
       render: render2
     } = useCanvasNode();
-    const {
-      mainOutputs,
-      mainOutputConnections,
-      mainInputs,
-      mainInputConnections,
-      nonMainInputs
-    } = useNodeConnections({
+    const { mainOutputs, mainOutputConnections, mainInputs, mainInputConnections, nonMainInputs } = useNodeConnections({
       inputs: inputs2,
       outputs,
       connections: connections2
@@ -10846,19 +10829,22 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
         [$style.settingsView]: nodeSettingsZoom.value !== void 0
       };
     });
-    const styles = computed(() => {
-      const stylesObject = {};
-      if (renderOptions.value.configurable) {
-        let spacerCount = 0;
-        stylesObject["--configurable-node--input-count"] = nonMainInputs.value.length + spacerCount;
-      }
-      if (nodeSettingsZoom.value !== void 0) {
-        stylesObject["--zoom"] = nodeSettingsZoom.value;
-      }
-      stylesObject["--canvas-node--main-input-count"] = mainInputs.value.length;
-      stylesObject["--canvas-node--main-output-count"] = mainOutputs.value.length;
-      return stylesObject;
-    });
+    const iconSize = computed(() => renderOptions.value.configuration ? 30 : 40);
+    const nodeSize = computed(
+      () => calculateNodeSize(
+        renderOptions.value.configuration ?? false,
+        renderOptions.value.configurable ?? false,
+        mainInputs.value.length,
+        mainOutputs.value.length,
+        nonMainInputs.value.length
+      )
+    );
+    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 }
+    }));
     const dataTestId = computed(() => {
       let type = "default";
       if (renderOptions.value.configurable) {
@@ -10875,7 +10861,6 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
       const isSingleMainOutputNode = mainOutputs.value.length === 1 && mainOutputConnections.value.length <= 1;
       return isDisabled.value && isSingleMainInputNode && isSingleMainOutputNode;
     });
-    const iconSize = computed(() => renderOptions.value.configuration ? 30 : 40);
     const iconSource = computed(() => renderOptions.value.icon);
     const showTooltip = ref(false);
     watch(initialized, () => {
@@ -10897,9 +10882,9 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _component_CanvasNodeTooltip = __unplugin_components_0$3;
-      const _component_NodeIcon = _sfc_main$O;
-      const _component_CanvasNodeStatusIcons = __unplugin_components_2;
-      const _component_CanvasNodeDisabledStrikeThrough = __unplugin_components_3;
+      const _component_NodeIcon = _sfc_main$P;
+      const _component_CanvasNodeDisabledStrikeThrough = __unplugin_components_2;
+      const _component_CanvasNodeStatusIcons = __unplugin_components_3;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(classes.value),
         style: normalizeStyle(styles.value),
@@ -10907,7 +10892,7 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
         onContextmenu: openContextMenu,
         onDblclick: withModifiers(onActivate, ["stop"])
       }, [
-        unref(nodeSettingsZoom) !== void 0 ? (openBlock(), createBlock(_sfc_main$p, {
+        unref(nodeSettingsZoom) !== void 0 ? (openBlock(), createBlock(_sfc_main$q, {
           key: 0,
           "node-id": unref(id2)
         }, null, 8, ["node-id"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
@@ -10919,13 +10904,10 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
             "icon-source": iconSource.value,
             size: iconSize.value,
             shrink: false,
-            disabled: unref(isDisabled)
-          }, null, 8, ["icon-source", "size", "disabled"]),
-          !unref(isDisabled) ? (openBlock(), createBlock(_component_CanvasNodeStatusIcons, {
-            key: 1,
-            class: normalizeClass(unref($style).statusIcons)
-          }, null, 8, ["class"])) : createCommentVNode("", true),
-          isStrikethroughVisible.value ? (openBlock(), createBlock(_component_CanvasNodeDisabledStrikeThrough, { key: 2 })) : createCommentVNode("", true),
+            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)
           }, [
@@ -10941,54 +10923,60 @@ const _sfc_main$o = /* @__PURE__ */ defineComponent({
               key: 2,
               class: normalizeClass(unref($style).subtitle)
             }, toDisplayString(unref(subtitle2)), 3)) : createCommentVNode("", true)
-          ], 2)
+          ], 2),
+          !unref(isDisabled) ? (openBlock(), createBlock(_component_CanvasNodeStatusIcons, {
+            key: 2,
+            class: normalizeClass(unref($style).statusIcons)
+          }, null, 8, ["class"])) : createCommentVNode("", true)
         ], 64))
       ], 46, _hoisted_1$4);
     };
   }
 });
-const node = "_node_jt24t_123";
-const trigger$1 = "_trigger_jt24t_156";
-const settingsView = "_settingsView_jt24t_159";
-const configuration = "_configuration_jt24t_172";
-const statusIcons = "_statusIcons_jt24t_179";
-const configurable = "_configurable_jt24t_182";
-const description = "_description_jt24t_193";
-const label$5 = "_label_jt24t_203";
-const subtitle = "_subtitle_jt24t_206";
-const selected$1 = "_selected_jt24t_216";
-const success$1 = "_success_jt24t_219";
-const warning = "_warning_jt24t_222";
-const error = "_error_jt24t_225";
-const pinned = "_pinned_jt24t_228";
-const disabled$1 = "_disabled_jt24t_231";
-const running = "_running_jt24t_234";
-const waiting = "_waiting_jt24t_238";
-const disabledLabel = "_disabledLabel_jt24t_255";
-const style0$i = {
+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 = {
   node,
   trigger: trigger$1,
   settingsView,
   configuration,
   statusIcons,
   configurable,
+  icon,
   description,
   label: label$5,
   subtitle,
+  running,
   selected: selected$1,
   success: success$1,
   warning,
   error,
   pinned,
   disabled: disabled$1,
-  running,
   waiting,
   disabledLabel
 };
-const cssModules$i = {
-  "$style": style0$i
+const cssModules$j = {
+  "$style": style0$j
 };
-const CanvasNodeDefault = /* @__PURE__ */ _export_sfc$1(_sfc_main$o, [["__cssModules", cssModules$i]]);
+const CanvasNodeDefault = /* @__PURE__ */ _export_sfc$1(_sfc_main$p, [["__cssModules", cssModules$j]]);
 var xhtml = "http://www.w3.org/1999/xhtml";
 const namespaces = {
   svg: "http://www.w3.org/2000/svg",
@@ -12268,7 +12256,7 @@ const __default__ = {
   compatConfig: { MODE: 3 },
   inheritAttrs: false
 };
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   ...__default__,
   props: {
     nodeId: {},
@@ -12381,7 +12369,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -12438,7 +12426,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_N8nSticky = resolveComponent("N8nSticky");
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(unref(_sfc_main$n), {
+        createVNode(unref(_sfc_main$o), {
           "min-height": 80,
           "min-width": 150,
           height: renderOptions.value.height,
@@ -12467,16 +12455,16 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
 });
 const sticky = "_sticky_1jyj2_123";
 const selected = "_selected_1jyj2_130";
-const style0$h = {
+const style0$i = {
   sticky,
   selected
 };
-const cssModules$h = {
-  "$style": style0$h
+const cssModules$i = {
+  "$style": style0$i
 };
-const CanvasNodeStickyNote = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["__cssModules", cssModules$h]]);
+const CanvasNodeStickyNote = /* @__PURE__ */ _export_sfc$1(_sfc_main$n, [["__cssModules", cssModules$i]]);
 const _hoisted_1$3 = ["textContent"];
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeAddNodes",
   setup(__props) {
     const nodeCreatorStore = useNodeCreatorStore();
@@ -12544,16 +12532,16 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
 const addNodes = "_addNodes_1qfrq_123";
 const button$1 = "_button_1qfrq_131";
 const label$4 = "_label_1qfrq_152";
-const style0$g = {
+const style0$h = {
   addNodes,
   button: button$1,
   label: label$4
 };
-const cssModules$g = {
-  "$style": style0$g
+const cssModules$h = {
+  "$style": style0$h
 };
-const CanvasNodeAddNodes = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["__cssModules", cssModules$g]]);
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const CanvasNodeAddNodes = /* @__PURE__ */ _export_sfc$1(_sfc_main$m, [["__cssModules", cssModules$h]]);
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeAIPrompt",
   emits: ["delete"],
   setup(__props, { emit: __emit }) {
@@ -12634,7 +12622,7 @@ 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$f = {
+const style0$g = {
   container: container$1,
   promptContainer,
   focused,
@@ -12644,11 +12632,11 @@ const style0$f = {
   or,
   or_text
 };
-const cssModules$f = {
-  "$style": style0$f
+const cssModules$g = {
+  "$style": style0$g
 };
-const CanvasNodeAIPrompt = /* @__PURE__ */ _export_sfc$1(_sfc_main$k, [["__cssModules", cssModules$f]]);
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const CanvasNodeAIPrompt = /* @__PURE__ */ _export_sfc$1(_sfc_main$l, [["__cssModules", cssModules$g]]);
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeRenderer",
   setup(__props) {
     const node2 = inject(CanvasNodeKey);
@@ -12677,7 +12665,7 @@ const _sfc_main$j = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "CanvasHandleRectangle",
   props: {
     handleClasses: { default: void 0 }
@@ -12691,13 +12679,13 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
   }
 });
 const rectangle = "_rectangle_rd2w6_123";
-const style0$e = {
+const style0$f = {
   rectangle
 };
-const cssModules$e = {
-  "$style": style0$e
+const cssModules$f = {
+  "$style": style0$f
 };
-const __unplugin_components_0$2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["__cssModules", cssModules$e]]);
+const __unplugin_components_0$2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$j, [["__cssModules", cssModules$f]]);
 function useCanvasNodeHandle() {
   const handle2 = inject(CanvasNodeHandleKey);
   const label2 = computed(() => handle2?.label.value ?? "");
@@ -12724,7 +12712,7 @@ function useCanvasNodeHandle() {
   };
 }
 const handleClasses$3 = "target";
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "CanvasHandleMainInput",
   setup(__props) {
     const $style = useCssModule();
@@ -12750,19 +12738,19 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
 const handle$4 = "_handle_1v80z_123";
 const label$3 = "_label_1v80z_130";
 const required$3 = "_required_1v80z_143";
-const style0$d = {
+const style0$e = {
   handle: handle$4,
   label: label$3,
   required: required$3
 };
-const cssModules$d = {
-  "$style": style0$d
+const cssModules$e = {
+  "$style": style0$e
 };
-const CanvasHandleMainInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["__cssModules", cssModules$d]]);
+const CanvasHandleMainInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$i, [["__cssModules", cssModules$e]]);
 const _hoisted_1$2 = ["viewBox"];
 const _hoisted_2$1 = ["x1", "y1", "x2", "y2"];
 const _hoisted_3 = ["transform"];
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "CanvasHandlePlus",
   props: {
     position: { default: "right" },
@@ -12888,18 +12876,18 @@ const secondary = "_secondary_hyidj_126";
 const line = "_line_hyidj_126";
 const plus$1 = "_plus_hyidj_129";
 const success = "_success_hyidj_135";
-const style0$c = {
+const style0$d = {
   wrapper: wrapper$1,
   secondary,
   line,
   plus: plus$1,
   success
 };
-const cssModules$c = {
-  "$style": style0$c
+const cssModules$d = {
+  "$style": style0$d
 };
-const CanvasHandlePlus = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["__cssModules", cssModules$c]]);
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const CanvasHandlePlus = /* @__PURE__ */ _export_sfc$1(_sfc_main$h, [["__cssModules", cssModules$d]]);
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
   __name: "CanvasHandleDot",
   props: {
     handleClasses: { default: void 0 }
@@ -12913,15 +12901,15 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
   }
 });
 const dot = "_dot_gdjps_123";
-const style0$b = {
+const style0$c = {
   dot
 };
-const cssModules$b = {
-  "$style": style0$b
+const cssModules$c = {
+  "$style": style0$c
 };
-const __unplugin_components_0$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["__cssModules", cssModules$b]]);
+const __unplugin_components_0$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$g, [["__cssModules", cssModules$c]]);
 const handleClasses$2 = "source";
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "CanvasHandleMainOutput",
   emits: ["add"],
   setup(__props, { emit: __emit }) {
@@ -13013,7 +13001,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$a = {
+const style0$b = {
   handle: handle$3,
   connected,
   label: label$2,
@@ -13021,11 +13009,11 @@ const style0$a = {
   outputLabel,
   runDataLabel
 };
-const cssModules$a = {
-  "$style": style0$a
+const cssModules$b = {
+  "$style": style0$b
 };
-const CanvasHandleMainOutput = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["__cssModules", cssModules$a]]);
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const CanvasHandleMainOutput = /* @__PURE__ */ _export_sfc$1(_sfc_main$f, [["__cssModules", cssModules$b]]);
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "CanvasHandleDiamond",
   props: {
     handleClasses: { default: void 0 }
@@ -13039,15 +13027,15 @@ const _sfc_main$d = /* @__PURE__ */ defineComponent({
   }
 });
 const diamond = "_diamond_kuwdo_123";
-const style0$9 = {
+const style0$a = {
   diamond
 };
-const cssModules$9 = {
-  "$style": style0$9
+const cssModules$a = {
+  "$style": style0$a
 };
-const __unplugin_components_0 = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["__cssModules", cssModules$9]]);
+const __unplugin_components_0 = /* @__PURE__ */ _export_sfc$1(_sfc_main$e, [["__cssModules", cssModules$a]]);
 const handleClasses$1 = "target";
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "CanvasHandleNonMainInput",
   emits: ["add"],
   setup(__props, { emit: __emit }) {
@@ -13107,17 +13095,17 @@ const _sfc_main$c = /* @__PURE__ */ defineComponent({
 const handle$2 = "_handle_3v1rt_123";
 const label$1 = "_label_3v1rt_130";
 const required$1 = "_required_3v1rt_143";
-const style0$8 = {
+const style0$9 = {
   handle: handle$2,
   label: label$1,
   required: required$1
 };
-const cssModules$8 = {
-  "$style": style0$8
+const cssModules$9 = {
+  "$style": style0$9
 };
-const CanvasHandleNonMainInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["__cssModules", cssModules$8]]);
+const CanvasHandleNonMainInput = /* @__PURE__ */ _export_sfc$1(_sfc_main$d, [["__cssModules", cssModules$9]]);
 const handleClasses = "source";
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "CanvasHandleNonMainOutput",
   setup(__props) {
     const $style = useCssModule();
@@ -13144,17 +13132,17 @@ const handle$1 = "_handle_1x1ua_123";
 const label = "_label_1x1ua_130";
 const required = "_required_1x1ua_142";
 const plus = "_plus_1x1ua_147";
-const style0$7 = {
+const style0$8 = {
   handle: handle$1,
   label,
   required,
   plus
 };
-const cssModules$7 = {
-  "$style": style0$7
+const cssModules$8 = {
+  "$style": style0$8
 };
-const CanvasHandleNonMainOutput = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["__cssModules", cssModules$7]]);
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const CanvasHandleNonMainOutput = /* @__PURE__ */ _export_sfc$1(_sfc_main$c, [["__cssModules", cssModules$8]]);
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -13275,7 +13263,7 @@ const top = "_top_5ceyz_140";
 const right = "_right_5ceyz_144";
 const left = "_left_5ceyz_148";
 const bottom = "_bottom_5ceyz_152";
-const style0$6 = {
+const style0$7 = {
   handle,
   inputs,
   main,
@@ -13285,11 +13273,11 @@ const style0$6 = {
   left,
   bottom
 };
-const cssModules$6 = {
-  "$style": style0$6
+const cssModules$7 = {
+  "$style": style0$7
 };
-const CanvasHandleRenderer = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["__cssModules", cssModules$6]]);
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const CanvasHandleRenderer = /* @__PURE__ */ _export_sfc$1(_sfc_main$b, [["__cssModules", cssModules$7]]);
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeTrigger",
   props: {
     name: {},
@@ -13387,18 +13375,18 @@ const container = "_container_ze6b9_123";
 const interactive = "_interactive_ze6b9_144";
 const hovered = "_hovered_ze6b9_144";
 const bolt = "_bolt_ze6b9_150";
-const style0$5 = {
+const style0$6 = {
   container,
   interactive,
   hovered,
   bolt
 };
-const cssModules$5 = {
-  "$style": style0$5
+const cssModules$6 = {
+  "$style": style0$6
 };
-const CanvasNodeTrigger = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["__cssModules", cssModules$5]]);
+const CanvasNodeTrigger = /* @__PURE__ */ _export_sfc$1(_sfc_main$a, [["__cssModules", cssModules$6]]);
 const _hoisted_1$1 = ["data-test-id", "data-node-name", "data-node-type"];
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "CanvasNode",
   props: {
     id: {},
@@ -13498,6 +13486,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       const handleType = mode === CanvasConnectionMode.Input ? "target" : "source";
       const connectionsCount = connections2.value[mode][endpoint.type]?.[endpoint.index]?.length ?? 0;
       const isConnecting = connectingHandle.value?.nodeId === props.id && connectingHandle.value?.handleType === handleType && connectingHandle.value?.handleId === handleId;
+      const offsetValue = position2 === Position.Bottom ? `${GRID_SIZE * (2 + index * 2)}px` : `${100 / (endpoints.length + 1) * (index + 1)}%`;
       return {
         ...endpoint,
         handleId,
@@ -13505,7 +13494,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         isConnecting,
         position: position2,
         offset: {
-          [offsetAxis]: `${100 / (endpoints.length + 1) * (index + 1)}%`
+          [offsetAxis]: offsetValue
         }
       };
     };
@@ -13659,7 +13648,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
           onUpdate,
           "onOpen:contextmenu": onOpenContextMenuFromToolbar
         }, null, 8, ["read-only", "class"])) : createCommentVNode("", true),
-        createVNode(_sfc_main$j, {
+        createVNode(_sfc_main$k, {
           onActivate,
           onDeactivate,
           onMove,
@@ -13684,16 +13673,16 @@ const canvasNode = "_canvasNode_1ftik_123";
 const trigger = "_trigger_1ftik_123";
 const canvasNodeToolbar = "_canvasNodeToolbar_1ftik_123";
 const showToolbar = "_showToolbar_1ftik_123";
-const style0$4 = {
+const style0$5 = {
   canvasNode,
   trigger,
   canvasNodeToolbar,
   showToolbar
 };
-const cssModules$4 = {
-  "$style": style0$4
+const cssModules$5 = {
+  "$style": style0$5
 };
-const Node = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__cssModules", cssModules$4]]);
+const Node = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["__cssModules", cssModules$5]]);
 function useViewportAutoAdjust(viewportRef, viewport, setViewport) {
   const canvasRect = ref();
   watch(
@@ -13733,7 +13722,7 @@ function useViewportAutoAdjust(viewportRef, viewport, setViewport) {
 const renameKeyCode = " ";
 const defaultZoom = 1;
 const minimapVisibilityDelay = 1e3;
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "Canvas",
   props: {
     id: { default: "canvas" },
@@ -13865,7 +13854,10 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     const keyMap = computed(() => {
       const readOnlyKeymap = {
         ctrl_shift_o: emitWithLastSelectedNode((id2) => emit("open:sub-workflow", id2)),
-        ctrl_c: emitWithSelectedNodes((ids) => emit("copy:nodes", ids)),
+        ctrl_c: {
+          disabled: () => isOutsideSelected(viewportRef.value),
+          run: emitWithSelectedNodes((ids) => emit("copy:nodes", ids))
+        },
         enter: emitWithLastSelectedNode((id2) => onSetNodeActivated(id2)),
         ctrl_a: () => addSelectedNodes(graphNodes.value),
         // Support both key and code for zooming in and out
@@ -14349,14 +14341,14 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           createVNode(_component_CanvasConnectionLine, normalizeProps(guardReactiveProps(connectionLineProps)), null, 16)
         ]),
         default: withCtx(() => [
-          createVNode(_sfc_main$D, { id: arrowHeadMarkerId.value }, null, 8, ["id"]),
-          createVNode(_sfc_main$E, {
+          createVNode(_sfc_main$E, { id: arrowHeadMarkerId.value }, null, 8, ["id"]),
+          createVNode(_sfc_main$F, {
             viewport: unref(viewport),
             striped: _ctx.readOnly
           }, null, 8, ["viewport", "striped"]),
           createVNode(Transition$1, { name: "minimap" }, {
             default: withCtx(() => [
-              withDirectives(createVNode(unref(_sfc_main$H), {
+              withDirectives(createVNode(unref(_sfc_main$I), {
                 "data-test-id": "canvas-minimap",
                 "aria-label": "n8n Minimap",
                 height: 120,
@@ -14401,14 +14393,14 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
 });
 const canvas$1 = "_canvas_1fjji_123";
 const ready = "_ready_1fjji_129";
-const style0$3 = {
+const style0$4 = {
   canvas: canvas$1,
   ready
 };
-const cssModules$3 = {
-  "$style": style0$3
+const cssModules$4 = {
+  "$style": style0$4
 };
-const Canvas = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["__cssModules", cssModules$3], ["__scopeId", "data-v-ff688b7e"]]);
+const Canvas = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__cssModules", cssModules$4], ["__scopeId", "data-v-f87bc480"]]);
 function useCanvasMapping({
   nodes,
   connections: connections2,
@@ -14444,7 +14436,7 @@ function useCanvasMapping({
   }
   function createDefaultNodeRenderType(node2) {
     const nodeType = nodeTypeDescriptionByNodeId.value[node2.id];
-    const icon = getNodeIconSource(
+    const icon2 = getNodeIconSource(
       simulatedNodeTypeDescriptionByNodeId.value[node2.id] ? simulatedNodeTypeDescriptionByNodeId.value[node2.id] : nodeType
     );
     return {
@@ -14461,7 +14453,7 @@ function useCanvasMapping({
         },
         tooltip: nodeTooltipById.value[node2.id],
         dirtiness: dirtinessByName.value[node2.name],
-        icon
+        icon: icon2
       }
     };
   }
@@ -14786,10 +14778,10 @@ function useCanvasMapping({
   const simulatedNodeTypeDescriptionByNodeId = computed(() => {
     return nodes.value.reduce((acc, node2) => {
       if ([SIMULATE_NODE_TYPE, SIMULATE_TRIGGER_NODE_TYPE].includes(node2.type)) {
-        const icon = node2.parameters?.icon;
+        const icon2 = node2.parameters?.icon;
         const iconValue = workflowObject.value.expression.getSimpleParameterValue(
           node2,
-          icon,
+          icon2,
           "internal",
           {}
         );
@@ -14926,6 +14918,56 @@ function useCanvasMapping({
     nodes: mappedNodes
   };
 }
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "ExperimentalNodeDetailsDrawer",
+  props: {
+    selectedNodes: {}
+  },
+  setup(__props) {
+    const content2 = computed(
+      () => __props.selectedNodes.length > 1 ? `${__props.selectedNodes.length} nodes selected` : __props.selectedNodes.length > 0 ? __props.selectedNodes[0] : void 0
+    );
+    const lastContent = ref();
+    watch(
+      content2,
+      (newContent) => {
+        if (newContent !== void 0) {
+          lastContent.value = newContent;
+        }
+      },
+      { immediate: true }
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([_ctx.$style.component, content2.value === void 0 ? _ctx.$style.closed : ""])
+      }, [
+        typeof lastContent.value === "string" ? (openBlock(), createBlock(unref(N8nText), {
+          key: 0,
+          color: "text-base"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(lastContent.value), 1)
+          ]),
+          _: 1
+        })) : lastContent.value !== void 0 ? (openBlock(), createBlock(_sfc_main$q, {
+          key: lastContent.value.id,
+          "node-id": lastContent.value.id,
+          "can-open-ndv": ""
+        }, null, 8, ["node-id"])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const component$1 = "_component_wojby_123";
+const closed = "_closed_wojby_138";
+const style0$3 = {
+  component: component$1,
+  closed
+};
+const cssModules$3 = {
+  "$style": style0$3
+};
+const ExperimentalNodeDetailsDrawer = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["__cssModules", cssModules$3]]);
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
@@ -14944,7 +14986,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const props = __props;
     const $style = useCssModule();
-    const { onNodesInitialized } = useVueFlow({ id: props.id });
+    const settingsStore = useSettingsStore();
+    const { onNodesInitialized, getSelectedNodes } = useVueFlow({ id: props.id });
     const workflow = toRef(props, "workflow");
     const workflowObject = toRef(props, "workflowObject");
     const nodes = computed(() => {
@@ -14982,13 +15025,17 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             "read-only": _ctx.readOnly
           }, _ctx.$attrs), null, 16, ["id", "nodes", "connections", "event-bus", "read-only"])) : createCommentVNode("", true)
         ], 2),
-        renderSlot(_ctx.$slots, "default")
+        renderSlot(_ctx.$slots, "default"),
+        unref(settingsStore).experimental__dockedNodeSettingsEnabled && !props.readOnly ? (openBlock(), createBlock(ExperimentalNodeDetailsDrawer, {
+          key: 0,
+          "selected-nodes": unref(getSelectedNodes)
+        }, null, 8, ["selected-nodes"])) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const wrapper = "_wrapper_17o0o_123";
-const canvas = "_canvas_17o0o_131";
+const wrapper = "_wrapper_jyurh_123";
+const canvas = "_canvas_jyurh_131";
 const style0$2 = {
   wrapper,
   canvas
@@ -15048,7 +15095,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _component_I18nT = resolveComponent("I18nT");
-      const _component_NodeIcon = _sfc_main$O;
+      const _component_NodeIcon = _sfc_main$P;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([_ctx.$style.component, isSplitButton.value ? _ctx.$style.split : ""])
       }, [
@@ -15328,13 +15375,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "NodeView",
   setup(__props) {
     const LazyNodeCreation = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeCreation-BdlX_3Tg.js").then((n) => n.N), true ? __vite__mapDeps([0,1,2,3]) : void 0)
+      async () => await __vitePreload(() => import("./NodeCreation-BsZaXqbI.js").then((n) => n.N), true ? __vite__mapDeps([0,1,2,3]) : void 0)
     );
     const LazyNodeDetailsView = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeDetailsView-CJ_lg1pq.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-C_kBwPui.js"), true ? __vite__mapDeps([4,1,2,5,6,7,8,9,10,11,12,13,14,15,16,17]) : void 0)
     );
     const LazySetupWorkflowCredentialsButton = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./SetupWorkflowCredentialsButton-1OgGhAkl.js"), true ? __vite__mapDeps([18,1,2]) : void 0)
+      async () => await __vitePreload(() => import("./SetupWorkflowCredentialsButton-BElZF8gF.js"), true ? __vite__mapDeps([18,1,2]) : void 0)
     );
     const $style = useCssModule();
     const router = useRouter();