n8n-editor-ui 1.50.2 → 1.51.1

package/dist/assets/{NodeViewSwitcher-CP-fNo1R.js → NodeViewSwitcher-Cj2fR39Z.js}

@@ -1,24 +1,25 @@
-const __vite__fileDeps=["assets/RunDataTable-CcjIMnur.js","assets/vendor-CqkvC5oQ.js","assets/pinia-BcU9Qewp.js","assets/index-CHn9oFdm.js","assets/axios-Cp0EV6RZ.js","assets/flatted-D70IerrI.js","assets/n8n-CwcFEeof.js","assets/esprima-next-CPsTzYsC.js","assets/luxon-0uZhUj7B.js","assets/lodash-es-COViF6dG.js","assets/@vueuse/core-cLiG7CtG.js","assets/uuid-sKupIUZ4.js","assets/n8n-HyitiRil.css","assets/@n8n/permissions-DSKt-Zl7.js","assets/dateformat-B0XmVuvm.js","assets/vue-i18n-CakRshnZ.js","assets/@n8n/codemirror-lang-CIGGB1t0.js","assets/@lezer/common-CnY9etib.js","assets/@n8n/codemirror-lang-sql-C41WNa63.js","assets/prettier-_aQB57xD.js","assets/@jsplumb/util-BwtpiQ4c.js","assets/@jsplumb/core-B__RSZHf.js","assets/@jsplumb/common-s1StEx7B.js","assets/@jsplumb/connector-bezier-D659hq4c.js","assets/@jsplumb/browser-ui-BphmFVJY.js","assets/codemirror-lang-html-n8n-CXTCIWzP.js","assets/fast-json-stable-stringify-BkuDyKfx.js","assets/timeago.js-CgQus8nl.js","assets/qrcode.vue-DI7-KOl3.js","assets/vue3-touch-events-DVOgU3fI.js","assets/chart.js-DiBOFLDH.js","assets/index-BGdiexS3.css","assets/TextWithHighlights-D4eF9kOt.js","assets/TextWithHighlights-D6qDtZxR.css","assets/useExecutionDebugging-KM-vw4jK.js","assets/file-saver-DmnSLJjs.js","assets/vue-json-pretty-DP0y-sh1.js","assets/dateFormatter-DqxIOphq.js","assets/RunDataAi-Dgvd1T5A.js","assets/RunDataAi-HUzSX62R.css","assets/useWorkflowActivate-BnEf28Z0.js","assets/pushConnection.store-By-nDT2Y.js","assets/@vue-flow/core-OODHovzO.js","assets/@vue-flow/background-D_Un7DUl.js","assets/@vue-flow/controls-BwRI_oge.js","assets/@vue-flow/minimap-BK2HcOSp.js","assets/RunDataTable-ZwoYenSI.css","assets/RunDataJson-BvbuRbkm.js","assets/RunDataJson-DGge2zsB.css","assets/RunDataSchema-DnEX9Ozj.js","assets/RunDataSchema-DTbSxIk6.css","assets/RunDataSearch-LaoX-xfk.js","assets/RunDataSearch-BA0wlJtp.css","assets/NodeCreation-CgjwaWLn.js","assets/NodeCreation-DZWp-d3f.css","assets/CanvasControls-C9YoqDJR.js","assets/CanvasControls-CdlXdkgj.css","assets/SetupWorkflowCredentialsButton-D61YFBaI.js"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]);
-import { a as ref, f as computed, b as watch, Z as defineComponent, ao as resolveComponent, J as openBlock, K as createElementBlock, I as createBaseVNode, a9 as createVNode, $ as normalizeClass, a4 as withCtx, a7 as createTextVNode, a8 as toDisplayString, V as createBlock, U as createCommentVNode, ah as withKeys, ad as withModifiers, n as nextTick, aL as useRouter, aB as pushScopeId, aC as popScopeId, R as Fragment, ag as renderList, av as resolveDirective, a5 as withDirectives, a0 as normalizeStyle, a1 as mergeProps, aa as vShow, _ as renderSlot, Y as Teleport, a6 as resolveDynamicComponent, q as onMounted, m as onBeforeUnmount, u as unref, j as toRef, aO as defineAsyncComponent, aQ as Suspense, ai as createSlots, L as createStaticVNode, a3 as Transition, k as getCurrentInstance, i as inject, aA as useCssModule, a2 as useSlots, X as h, p as provide, x as onUnmounted, aE as useRoute, aV as onBeforeRouteLeave, l as onBeforeMount } from "./vendor-CqkvC5oQ.js";
-import { a7 as useLocalStorage } from "./@vueuse/core-cLiG7CtG.js";
-import { ah as useDeviceSupport, _ as _export_sfc, N as NodeConnectionType, am as nodeIssuesToString, m as getNodeInputs, k as getConnectionTypes, an as isSingleExecution, f as deepCopy, o as getNodeParameters, ao as isINodePropertyCollectionList, ap as isINodePropertiesList, aq as isINodePropertyOptionsList, ac as displayParameter, ar as sanitizeHtml, as as sanitizeHtml_1, j as jsonParse, h as getNodeOutputs, at as getNodeHints, e as __vitePreload, b as createEventBus, au as N8nActionDropdown, al as FontAwesomeIcon, x as xss, n as nodeConnectionTypes, av as generateNodesGraph } from "./n8n-CwcFEeof.js";
-import { m as mapStores, s as storeToRefs, d as defineStore } from "./pinia-BcU9Qewp.js";
+const __vite__fileDeps=["assets/RunDataTable-ChEosD0Y.js","assets/vendor-CMkNOP5U.js","assets/pinia-6fcdwe0b.js","assets/index-Dw_hLuPQ.js","assets/axios-Cp0EV6RZ.js","assets/n8n-BZOg0o2s.js","assets/esprima-next-CPsTzYsC.js","assets/luxon-0uZhUj7B.js","assets/lodash-es-COViF6dG.js","assets/@vueuse/core-DjbzQ1zB.js","assets/uuid-sKupIUZ4.js","assets/n8n-HyitiRil.css","assets/flatted-D70IerrI.js","assets/@n8n/permissions-DSKt-Zl7.js","assets/dateformat-BGxyBe2P.js","assets/vue-i18n-ia8PeNLb.js","assets/@n8n/codemirror-lang-CIGGB1t0.js","assets/@lezer/common-CnY9etib.js","assets/@n8n/codemirror-lang-sql-C41WNa63.js","assets/prettier-_aQB57xD.js","assets/@jsplumb/util-BwtpiQ4c.js","assets/@jsplumb/core-B__RSZHf.js","assets/@jsplumb/common-s1StEx7B.js","assets/@jsplumb/connector-bezier-D659hq4c.js","assets/@jsplumb/browser-ui-BphmFVJY.js","assets/codemirror-lang-html-n8n-CXTCIWzP.js","assets/fast-json-stable-stringify-Dwd4D7iT.js","assets/timeago.js-CgQus8nl.js","assets/qrcode.vue-DO5L5sO1.js","assets/vue3-touch-events-DVOgU3fI.js","assets/chart.js-DiBOFLDH.js","assets/index-DQ-dNHi3.css","assets/TextWithHighlights-D2q_A9ZR.js","assets/TextWithHighlights-D6qDtZxR.css","assets/useExecutionDebugging-sbySCkVo.js","assets/file-saver-EX5V8lV4.js","assets/vue-json-pretty-Smey0Oxa.js","assets/dateFormatter-Cz94F6Me.js","assets/RunDataAi-BlypxkpJ.js","assets/RunDataAi-HUzSX62R.css","assets/useWorkflowActivate-Dj5uE_-1.js","assets/pushConnection.store-B3t7vH4m.js","assets/@vue-flow/core-CjwW6FwV.js","assets/@vue-flow/background-Dvxud2mg.js","assets/@vue-flow/controls-C3soidEc.js","assets/@vue-flow/minimap-Bdd7TR2F.js","assets/@vue-flow/node-resizer-B3B5vubL.js","assets/RunDataTable-ZwoYenSI.css","assets/RunDataJson-D3tbV5-Q.js","assets/RunDataJson-DGge2zsB.css","assets/RunDataSchema-Bf4JKHHb.js","assets/RunDataSchema-ECZtkGiE.css","assets/RunDataSearch-Cp1pkU7O.js","assets/RunDataSearch-BA0wlJtp.css","assets/NodeCreation-DDxu1Y6l.js","assets/NodeCreation-DZWp-d3f.css","assets/CanvasControls-BEPEvUZz.js","assets/CanvasControls-CdlXdkgj.css","assets/SetupWorkflowCredentialsButton-Cl1OTBlm.js"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]);
+import { a as ref, f as computed, b as watch, Z as defineComponent, ao as resolveComponent, J as openBlock, K as createElementBlock, I as createBaseVNode, a9 as createVNode, $ as normalizeClass, a4 as withCtx, a7 as createTextVNode, a8 as toDisplayString, V as createBlock, U as createCommentVNode, ah as withKeys, ad as withModifiers, n as nextTick, aM as useRouter, aB as pushScopeId, aC as popScopeId, R as Fragment, ag as renderList, av as resolveDirective, a5 as withDirectives, a0 as normalizeStyle, a1 as mergeProps, aa as vShow, _ as renderSlot, Y as Teleport, a6 as resolveDynamicComponent, q as onMounted, m as onBeforeUnmount, a2 as useSlots, u as unref, j as toRef, aP as defineAsyncComponent, aR as Suspense, ai as createSlots, L as createStaticVNode, a3 as Transition, k as getCurrentInstance, i as inject, aA as useCssModule, X as h, p as provide, x as onUnmounted, aE as useRoute, aW as onBeforeRouteLeave, l as onBeforeMount } from "./vendor-CMkNOP5U.js";
+import { a7 as useLocalStorage } from "./@vueuse/core-DjbzQ1zB.js";
+import { ai as useDeviceSupport, _ as _export_sfc, N as NodeConnectionType, an as nodeIssuesToString, m as getNodeInputs, k as getConnectionTypes, ao as isSingleExecution, f as deepCopy, o as getNodeParameters, ap as isINodePropertyCollectionList, aq as isINodePropertiesList, ar as isINodePropertyOptionsList, ad as displayParameter, as as sanitizeHtml, at as sanitizeHtml_1, j as jsonParse, h as getNodeOutputs, au as getNodeHints, e as __vitePreload, b as createEventBus, av as N8nActionDropdown, am as FontAwesomeIcon, x as xss, n as nodeConnectionTypes, aw as generateNodesGraph, M as N8nTooltip } from "./n8n-BZOg0o2s.js";
+import { m as mapStores, s as storeToRefs, d as defineStore } from "./pinia-6fcdwe0b.js";
 import { _ as INTERCEPT_BEFORE_DROP, $ as EVENT_CONNECTION, a0 as EVENT_CONNECTION_MOVED, a1 as EVENT_CONNECTION_DETACHED } from "./@jsplumb/core-B__RSZHf.js";
-import { e as useUIStore, a2 as useNodeTypesStore, m as useWorkflowsStore, l as useSourceControlStore, v as useI18n, a3 as NOT_DUPLICATABLE_NODE_TYPES, a4 as getMousePosition, L as STICKY_NODE_TYPE, a5 as usePinnedData, k as useCanvasStore, a6 as getRelativePosition, a7 as _sfc_main$L, J as useNDVStore, a8 as isCommunityPackageName, a9 as NPM_PACKAGE_DOCS_BASE_URL, aa as BUILTIN_NODES_DOCS_URL, ab as COMMUNITY_NODES_INSTALLATION_DOCS_URL, a1 as useExternalHooks, w as useTelemetry, ac as useClipboard, p as useWorkflowHelpers, u as useToast, ad as OPEN_URL_PANEL_TRIGGER_NODE_TYPES, ae as PRODUCTION_ONLY_TRIGGER_NODE_TYPES, af as FORM_TRIGGER_NODE_TYPE, ag as CHAT_TRIGGER_NODE_TYPE, ah as useNodeHelpers, d as useDebounce, ai as TitledList, aj as useRunWorkflow, x as useMessage, ak as MANUAL_TRIGGER_NODE_TYPE, al as WEBHOOK_NODE_TYPE, A as nodeViewEventBus, C as MODAL_CONFIRM, am as NodeCredentials, an as _sfc_main$M, ao as useWorkflowsEEStore, ap as useCredentialsStore, aq as useHistoryStore, ar as CUSTOM_NODES_DOCS_URL, as as MAIN_NODE_PANEL_WIDTH, at as importCurlEventBus, au as RenameNodeCommand, av as SHOULD_CLEAR_NODE_OUTPUTS, aw as isPresent, ax as ndvEventBus, R as useStorage, ay as LOCAL_STORAGE_MAIN_PANEL_RELATIVE_WIDTH, j as useRootStore, az as MAX_DISPLAY_DATA_SIZE, aA as sanitizeHtml$1, aB as JsonEditor, aC as MAX_DISPLAY_DATA_SIZE_SCHEMA_VIEW, aD as MAX_DISPLAY_ITEMS_AUTO_ALL, aE as DATA_PINNING_DOCS_URL, aF as DATA_EDITING_DOCS_URL, aG as HTML_NODE_TYPE, aH as executionDataToJson, aI as NODE_TYPES_EXCLUDED_FROM_OUTPUT_NAME_APPEND, aJ as isEmpty, aK as LOCAL_STORAGE_PIN_DATA_DISCOVERY_NDV_FLAG, aL as dataPinningEventBus, aM as LOCAL_STORAGE_PIN_DATA_DISCOVERY_CANVAS_FLAG, aN as clearJsonKey, aO as searchInObject, aP as TEST_PIN_DATA, aQ as useNodeType, aR as START_NODE_TYPE, aS as CRON_NODE_TYPE, aT as INTERVAL_NODE_TYPE, aU as CopyInput, aV as isTriggerPanelObject, aW as getTriggerNodeServiceName, V as VIEWS, F as WORKFLOW_SETTINGS_MODAL_KEY, b as useSettingsStore, aX as EXECUTABLE_TRIGGER_NODE_TYPES, aY as BASE_NODE_SURVEY_URL, E as EnterpriseEditionFeature, aZ as NODE_CONNECTION_TYPE_ALLOW_MULTIPLE, a_ as getAnchorPosition, a$ as isValidNodeConnectionType, b0 as getEndpointScope, b1 as getInputEndpointUUID, b2 as getInputEndpointStyle, b3 as getScope, b4 as getInputNameOverlay, b5 as NODE_INSERT_SPACER_BETWEEN_INPUT_GROUPS, b6 as NODE_MIN_INPUT_ITEMS_COUNT, b7 as getOutputEndpointUUID, b8 as getOutputEndpointStyle, b9 as getOutputNameOverlay, ba as NO_OP_NODE_TYPE, bb as WAIT_TIME_UNLIMITED, bc as SIMULATE_NODE_TYPE, bd as SIMULATE_TRIGGER_NODE_TYPE, be as CUSTOM_API_CALL_KEY, bf as EnableNodeToggleCommand, bg as GRID_SIZE, bh as isString, bi as isNumber, bj as assert, bk as QUICKSTART_NOTE_NAME, bl as CORE_NODES_CATEGORY, bm as DEFAULT_SUBCATEGORY, bn as AI_SUBCATEGORY, bo as AI_CATEGORY_AGENTS, bp as i18n, Z as useTemplatesStore, bq as AI_CATEGORY_CHAINS, br as AI_NODE_CREATOR_VIEW, bs as AI_OTHERS_NODE_CREATOR_VIEW, bt as AI_CATEGORY_DOCUMENT_LOADERS, bu as AI_CATEGORY_LANGUAGE_MODELS, bv as AI_CATEGORY_MEMORY, bw as AI_CATEGORY_OUTPUTPARSER, bx as AI_CATEGORY_RETRIEVERS, by as AI_CATEGORY_TEXT_SPLITTERS, bz as AI_CATEGORY_TOOLS, bA as AI_WORKFLOW_TOOL_LANGCHAIN_NODE_TYPE, bB as AI_CODE_TOOL_LANGCHAIN_NODE_TYPE, bC as AI_CATEGORY_EMBEDDING, bD as AI_CATEGORY_VECTOR_STORES, bE as AI_UNCATEGORIZED_CATEGORY, bF as TRIGGER_NODE_CREATOR_VIEW, bG as EMAIL_IMAP_NODE_TYPE, bH as SCHEDULE_TRIGGER_NODE_TYPE, bI as EXECUTE_WORKFLOW_TRIGGER_NODE_TYPE, bJ as MANUAL_CHAT_TRIGGER_NODE_TYPE, bK as OTHER_TRIGGER_NODES_SUBCATEGORY, bL as REGULAR_NODE_CREATOR_VIEW, bM as RSS_READ_NODE_TYPE, bN as EMAIL_SEND_NODE_TYPE, bO as TRANSFORM_DATA_SUBCATEGORY, bP as SET_NODE_TYPE, bQ as CODE_NODE_TYPE, bR as DATETIME_NODE_TYPE, bS as FILTER_NODE_TYPE, bT as REMOVE_DUPLICATES_NODE_TYPE, bU as SPLIT_OUT_NODE_TYPE, bV as LIMIT_NODE_TYPE, bW as SUMMARIZE_NODE_TYPE, bX as AGGREGATE_NODE_TYPE, bY as MERGE_NODE_TYPE, bZ as MARKDOWN_NODE_TYPE, b_ as XML_NODE_TYPE, b$ as CRYPTO_NODE_TYPE, c0 as EXTRACT_FROM_FILE_NODE_TYPE, c1 as CONVERT_TO_FILE_NODE_TYPE, c2 as COMPRESSION_NODE_TYPE, c3 as EDIT_IMAGE_NODE_TYPE, c4 as FLOWS_CONTROL_SUBCATEGORY, c5 as IF_NODE_TYPE, c6 as SPLIT_IN_BATCHES_NODE_TYPE, c7 as HELPERS_SUBCATEGORY, c8 as HTTP_REQUEST_NODE_TYPE, c9 as AI_CATEGORY_ROOT_NODES, ca as AI_CODE_NODE_TYPE, cb as CanvasConnectionMode, cc as isValidCanvasConnectionMode, O as STORES, cd as NODE_CREATOR_OPEN_SOURCES, ce as MOUSE_EVENT_BUTTON, cf as MOUSE_EVENT_BUTTONS, cg as KeyboardShortcutTooltip, ch as getNodeViewTab, I as MAIN_HEADER_TABS, P as PLACEHOLDER_EMPTY_WORKFLOW_ID, ci as MODAL_CANCEL, cj as useGlobalLinkActions, y as useTitleChange, o as useNpsSurveyStore, n as useProjectsStore, K as useExecutionsStore, ck as useExternalSecretsStore, cl as useEnvironmentsStore, a as useUsersStore, c as useTagsStore, cm as getBackgroundStyles, X as sourceControlEventBus, cn as historyBus, co as WORKFLOW_LM_CHAT_MODAL_KEY, cp as N8nAddInputEndpointType, cq as getFixedNodesList, cr as tryToParseNumber, cs as MoveNodeCommand, ct as UPDATE_WEBHOOK_ID_NODE_TYPES, cu as getNewNodePosition, cv as DRAG_EVENT_DATA_KEY, cw as MAX_X_TO_PUSH_DOWNSTREAM_NODES, cx as PUSH_NODES_OFFSET, cy as NODE_SIZE, cz as resetConnectionAfterPull, cA as resetConnection, cB as moveBackInputLabelPosition, cC as hideOutputNameLabel, cD as addConnectionActionsOverlay, cE as getOverlay, cF as OVERLAY_ENDPOINT_ARROW_ID, cG as getConnectorPaintStyleData, cH as AddConnectionCommand, cI as addConnectionTestData, cJ as showOrHideItemsLabel, cK as showOrHideMidpointArrow, cL as isJSPlumbConnection, cM as hideConnectionActions, cN as showConnectionActions, cO as resetInputLabelPosition, cP as getConnectionInfo, cQ as showOutputNameLabel, cR as RemoveConnectionCommand, cS as isJSPlumbEndpointElement, cT as EVENT_PLUS_ENDPOINT_CLICK, cU as EVENT_ADD_INPUT_ENDPOINT_CLICK, cV as N8nPlusEndpointType, cW as usePostHog, cX as CANVAS_AUTO_ADD_MANUAL_TRIGGER_EXPERIMENT, cY as addClassesToOverlays, cZ as OVERLAY_RUN_ITEMS_ID, c_ as getJSPlumbEndpoints, c$ as RemoveNodeCommand, d0 as useDataSchema, d1 as getConnectorLengths, d2 as isElementIntersection, d3 as calculateElementIntersection, d4 as showDropConnectionState, d5 as showPullConnectionState, d6 as CanvasNodeKey, d7 as CanvasNodeHandleKey, d8 as AddNodeCommand } from "./index-CHn9oFdm.js";
-import { u as useExecutionDebugging } from "./useExecutionDebugging-KM-vw4jK.js";
+import { e as useUIStore, a2 as useNodeTypesStore, m as useWorkflowsStore, l as useSourceControlStore, v as useI18n, a3 as NOT_DUPLICATABLE_NODE_TYPES, a4 as getMousePosition, L as STICKY_NODE_TYPE, a5 as usePinnedData, k as useCanvasStore, a6 as getRelativePosition, a7 as _sfc_main$O, J as useNDVStore, a8 as isCommunityPackageName, a9 as NPM_PACKAGE_DOCS_BASE_URL, aa as BUILTIN_NODES_DOCS_URL, ab as COMMUNITY_NODES_INSTALLATION_DOCS_URL, a1 as useExternalHooks, w as useTelemetry, ac as useClipboard, p as useWorkflowHelpers, u as useToast, ad as OPEN_URL_PANEL_TRIGGER_NODE_TYPES, ae as PRODUCTION_ONLY_TRIGGER_NODE_TYPES, af as FORM_TRIGGER_NODE_TYPE, ag as CHAT_TRIGGER_NODE_TYPE, ah as useNodeHelpers, d as useDebounce, ai as TitledList, aj as useRunWorkflow, x as useMessage, ak as MANUAL_TRIGGER_NODE_TYPE, al as WEBHOOK_NODE_TYPE, A as nodeViewEventBus, C as MODAL_CONFIRM, am as NodeCredentials, an as _sfc_main$P, ao as useWorkflowsEEStore, ap as useCredentialsStore, aq as useHistoryStore, ar as CUSTOM_NODES_DOCS_URL, as as MAIN_NODE_PANEL_WIDTH, at as importCurlEventBus, au as RenameNodeCommand, av as SHOULD_CLEAR_NODE_OUTPUTS, aw as isPresent, ax as ndvEventBus, R as useStorage, ay as LOCAL_STORAGE_MAIN_PANEL_RELATIVE_WIDTH, j as useRootStore, az as MAX_DISPLAY_DATA_SIZE, aA as sanitizeHtml$1, aB as JsonEditor, aC as MAX_DISPLAY_DATA_SIZE_SCHEMA_VIEW, aD as MAX_DISPLAY_ITEMS_AUTO_ALL, aE as DATA_PINNING_DOCS_URL, aF as DATA_EDITING_DOCS_URL, aG as HTML_NODE_TYPE, aH as executionDataToJson, aI as NODE_TYPES_EXCLUDED_FROM_OUTPUT_NAME_APPEND, aJ as isEmpty, aK as LOCAL_STORAGE_PIN_DATA_DISCOVERY_NDV_FLAG, aL as dataPinningEventBus, aM as LOCAL_STORAGE_PIN_DATA_DISCOVERY_CANVAS_FLAG, aN as clearJsonKey, aO as searchInObject, aP as TEST_PIN_DATA, aQ as useNodeType, aR as START_NODE_TYPE, aS as CRON_NODE_TYPE, aT as INTERVAL_NODE_TYPE, aU as CopyInput, aV as isTriggerPanelObject, aW as getTriggerNodeServiceName, V as VIEWS, F as WORKFLOW_SETTINGS_MODAL_KEY, b as useSettingsStore, aX as EXECUTABLE_TRIGGER_NODE_TYPES, aY as BASE_NODE_SURVEY_URL, E as EnterpriseEditionFeature, aZ as NODE_CONNECTION_TYPE_ALLOW_MULTIPLE, a_ as getAnchorPosition, a$ as isValidNodeConnectionType, b0 as getEndpointScope, b1 as getInputEndpointUUID, b2 as getInputEndpointStyle, b3 as getScope, b4 as getInputNameOverlay, b5 as NODE_INSERT_SPACER_BETWEEN_INPUT_GROUPS, b6 as NODE_MIN_INPUT_ITEMS_COUNT, b7 as getOutputEndpointUUID, b8 as getOutputEndpointStyle, b9 as getOutputNameOverlay, ba as NO_OP_NODE_TYPE, bb as WAIT_TIME_UNLIMITED, bc as SIMULATE_NODE_TYPE, bd as SIMULATE_TRIGGER_NODE_TYPE, be as CUSTOM_API_CALL_KEY, bf as EnableNodeToggleCommand, bg as GRID_SIZE, bh as isString, bi as isNumber, bj as assert, bk as QUICKSTART_NOTE_NAME, bl as CORE_NODES_CATEGORY, bm as DEFAULT_SUBCATEGORY, bn as AI_SUBCATEGORY, bo as AI_CATEGORY_AGENTS, bp as i18n, Z as useTemplatesStore, bq as AI_CATEGORY_CHAINS, br as AI_NODE_CREATOR_VIEW, bs as AI_OTHERS_NODE_CREATOR_VIEW, bt as AI_CATEGORY_DOCUMENT_LOADERS, bu as AI_CATEGORY_LANGUAGE_MODELS, bv as AI_CATEGORY_MEMORY, bw as AI_CATEGORY_OUTPUTPARSER, bx as AI_CATEGORY_RETRIEVERS, by as AI_CATEGORY_TEXT_SPLITTERS, bz as AI_CATEGORY_TOOLS, bA as AI_WORKFLOW_TOOL_LANGCHAIN_NODE_TYPE, bB as AI_CODE_TOOL_LANGCHAIN_NODE_TYPE, bC as AI_CATEGORY_EMBEDDING, bD as AI_CATEGORY_VECTOR_STORES, bE as AI_UNCATEGORIZED_CATEGORY, bF as TRIGGER_NODE_CREATOR_VIEW, bG as EMAIL_IMAP_NODE_TYPE, bH as SCHEDULE_TRIGGER_NODE_TYPE, bI as EXECUTE_WORKFLOW_TRIGGER_NODE_TYPE, bJ as MANUAL_CHAT_TRIGGER_NODE_TYPE, bK as OTHER_TRIGGER_NODES_SUBCATEGORY, bL as REGULAR_NODE_CREATOR_VIEW, bM as RSS_READ_NODE_TYPE, bN as EMAIL_SEND_NODE_TYPE, bO as TRANSFORM_DATA_SUBCATEGORY, bP as SET_NODE_TYPE, bQ as CODE_NODE_TYPE, bR as DATETIME_NODE_TYPE, bS as FILTER_NODE_TYPE, bT as REMOVE_DUPLICATES_NODE_TYPE, bU as SPLIT_OUT_NODE_TYPE, bV as LIMIT_NODE_TYPE, bW as SUMMARIZE_NODE_TYPE, bX as AGGREGATE_NODE_TYPE, bY as MERGE_NODE_TYPE, bZ as MARKDOWN_NODE_TYPE, b_ as XML_NODE_TYPE, b$ as CRYPTO_NODE_TYPE, c0 as EXTRACT_FROM_FILE_NODE_TYPE, c1 as CONVERT_TO_FILE_NODE_TYPE, c2 as COMPRESSION_NODE_TYPE, c3 as EDIT_IMAGE_NODE_TYPE, c4 as FLOWS_CONTROL_SUBCATEGORY, c5 as IF_NODE_TYPE, c6 as SPLIT_IN_BATCHES_NODE_TYPE, c7 as HELPERS_SUBCATEGORY, c8 as HTTP_REQUEST_NODE_TYPE, c9 as AI_CATEGORY_ROOT_NODES, ca as AI_CODE_NODE_TYPE, cb as CanvasConnectionMode, cc as isValidCanvasConnectionMode, cd as PUSH_NODES_OFFSET, O as STORES, ce as NODE_CREATOR_OPEN_SOURCES, cf as isVueFlowConnection, cg as MOUSE_EVENT_BUTTON, ch as MOUSE_EVENT_BUTTONS, ci as KeyboardShortcutTooltip, cj as getNodeViewTab, I as MAIN_HEADER_TABS, P as PLACEHOLDER_EMPTY_WORKFLOW_ID, ck as MODAL_CANCEL, cl as useGlobalLinkActions, y as useTitleChange, o as useNpsSurveyStore, n as useProjectsStore, K as useExecutionsStore, cm as useExternalSecretsStore, cn as useEnvironmentsStore, a as useUsersStore, c as useTagsStore, co as getBackgroundStyles, X as sourceControlEventBus, cp as historyBus, cq as WORKFLOW_LM_CHAT_MODAL_KEY, cr as N8nAddInputEndpointType, cs as getFixedNodesList, ct as tryToParseNumber, cu as MoveNodeCommand, cv as UPDATE_WEBHOOK_ID_NODE_TYPES, cw as getNewNodePosition, cx as DRAG_EVENT_DATA_KEY, cy as MAX_X_TO_PUSH_DOWNSTREAM_NODES, cz as NODE_SIZE, cA as resetConnectionAfterPull, cB as resetConnection, cC as moveBackInputLabelPosition, cD as hideOutputNameLabel, cE as addConnectionActionsOverlay, cF as getOverlay, cG as OVERLAY_ENDPOINT_ARROW_ID, cH as getConnectorPaintStyleData, cI as AddConnectionCommand, cJ as addConnectionTestData, cK as showOrHideItemsLabel, cL as showOrHideMidpointArrow, cM as isJSPlumbConnection, cN as hideConnectionActions, cO as showConnectionActions, cP as resetInputLabelPosition, cQ as getConnectionInfo, cR as showOutputNameLabel, cS as RemoveConnectionCommand, cT as isJSPlumbEndpointElement, cU as EVENT_PLUS_ENDPOINT_CLICK, cV as EVENT_ADD_INPUT_ENDPOINT_CLICK, cW as N8nPlusEndpointType, cX as usePostHog, cY as CANVAS_AUTO_ADD_MANUAL_TRIGGER_EXPERIMENT, cZ as addClassesToOverlays, c_ as OVERLAY_RUN_ITEMS_ID, c$ as getJSPlumbEndpoints, d0 as RemoveNodeCommand, d1 as useDataSchema, d2 as getConnectorLengths, d3 as isElementIntersection, d4 as calculateElementIntersection, d5 as showDropConnectionState, d6 as showPullConnectionState, d7 as CanvasNodeKey, d8 as CanvasNodeRenderType, d9 as CanvasNodeHandleKey, da as AddNodeCommand } from "./index-Dw_hLuPQ.js";
+import { u as useExecutionDebugging } from "./useExecutionDebugging-sbySCkVo.js";
 import { g as get, s as set, A as unset, e as isEqual, y as isObject, B as sortBy, C as difference } from "./lodash-es-COViF6dG.js";
-import { F as FileSaver_minExports } from "./file-saver-DmnSLJjs.js";
-import { V as VueJsonPretty } from "./vue-json-pretty-DP0y-sh1.js";
-import { c as convertToDisplayDateComponents } from "./dateFormatter-DqxIOphq.js";
-import RunDataAi from "./RunDataAi-Dgvd1T5A.js";
-import { u as useWorkflowActivate } from "./useWorkflowActivate-BnEf28Z0.js";
+import { F as FileSaver_minExports } from "./file-saver-EX5V8lV4.js";
+import { V as VueJsonPretty } from "./vue-json-pretty-Smey0Oxa.js";
+import { c as convertToDisplayDateComponents } from "./dateFormatter-Cz94F6Me.js";
+import RunDataAi from "./RunDataAi-BlypxkpJ.js";
+import { u as useWorkflowActivate } from "./useWorkflowActivate-Dj5uE_-1.js";
 import { v as v4 } from "./uuid-sKupIUZ4.js";
-import { u as usePushConnectionStore } from "./pushConnection.store-By-nDT2Y.js";
+import { u as usePushConnectionStore } from "./pushConnection.store-B3t7vH4m.js";
 import { g as ready, f as EVENT_CONNECTION_ABORT, h as EVENT_DRAG_MOVE, a as EVENT_CONNECTION_MOUSEOVER, E as EVENT_CONNECTION_MOUSEOUT, b as EVENT_ENDPOINT_MOUSEOVER, d as EVENT_ENDPOINT_MOUSEOUT, i as EVENT_CONNECTION_DRAG } from "./@jsplumb/browser-ui-BphmFVJY.js";
-import { c as _sfc_main$f$1, d as Position, e as getBezierPath, f as _sfc_main$d$1, h as _sfc_main$3$1, P as PanelPosition, u as useVueFlow, i as _sfc_main$1$1 } from "./@vue-flow/core-OODHovzO.js";
-import { _ as _sfc_main$N } from "./@vue-flow/background-D_Un7DUl.js";
-import { _ as _sfc_main$P } from "./@vue-flow/controls-BwRI_oge.js";
-import { _ as _sfc_main$O } from "./@vue-flow/minimap-BK2HcOSp.js";
+import { e as _sfc_main$f$1, f as Position, h as getBezierPath, i as _sfc_main$d$1, j as _sfc_main$3$1, P as PanelPosition, u as useVueFlow, k as _sfc_main$1$1 } from "./@vue-flow/core-CjwW6FwV.js";
+import { _ as _sfc_main$R } from "./@vue-flow/background-Dvxud2mg.js";
+import { _ as _sfc_main$T } from "./@vue-flow/controls-C3soidEc.js";
+import { _ as _sfc_main$S } from "./@vue-flow/minimap-Bdd7TR2F.js";
+import { _ as _sfc_main$Q } from "./@vue-flow/node-resizer-B3B5vubL.js";
 const position = ref([0, 0]);
 const isOpen = ref(false);
 const target = ref({ source: "canvas" });
@@ -432,7 +433,7 @@ function useUniqueNodeName() {
   }
   return { uniqueNodeName };
 }
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "NodeTitle",
   props: {
     modelValue: { default: "" },
@@ -475,7 +476,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
         createBaseVNode("span", {
           class: normalizeClass(_ctx.$style.iconWrapper)
         }, [
-          createVNode(_sfc_main$L, {
+          createVNode(_sfc_main$O, {
             "node-type": _ctx.nodeType,
             size: 18
           }, null, 8, ["node-type"])
@@ -562,7 +563,7 @@ const iconWrapper = "_iconWrapper_9bi3m_26";
 const editIconContainer = "_editIconContainer_9bi3m_39";
 const editButtons = "_editButtons_9bi3m_45";
 const editContainer = "_editContainer_9bi3m_53";
-const style0$r = {
+const style0$t = {
   container: container$3,
   title: title$3,
   hoverable,
@@ -572,11 +573,11 @@ const style0$r = {
   editButtons,
   editContainer
 };
-const cssModules$t = {
-  "$style": style0$r
+const cssModules$v = {
+  "$style": style0$t
 };
-const NodeTitle = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__cssModules", cssModules$t]]);
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const NodeTitle = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["__cssModules", cssModules$v]]);
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "NodeSettingsTabs",
   props: {
     modelValue: { default: "params" },
@@ -702,7 +703,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$I = defineComponent({
+const _sfc_main$L = defineComponent({
   name: "NodeWebhooks",
   props: [
     "node",
@@ -850,12 +851,12 @@ const _sfc_main$I = defineComponent({
   }
 });
 const _withScopeId$6 = (n) => (pushScopeId("data-v-36c5dbc7"), n = n(), popScopeId(), n);
-const _hoisted_1$m = {
+const _hoisted_1$n = {
   key: 0,
   class: "webhooks"
 };
 const _hoisted_2$g = ["title"];
-const _hoisted_3$b = {
+const _hoisted_3$c = {
   key: 0,
   class: "node-webhooks"
 };
@@ -880,14 +881,14 @@ const _hoisted_12$2 = {
 const _hoisted_13$2 = { class: "url-field-full-width" };
 const _hoisted_14$2 = ["onClick"];
 const _hoisted_15$2 = /* @__PURE__ */ _withScopeId$6(() => /* @__PURE__ */ createBaseVNode("br", null, null, -1));
-function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
   const _component_n8n_radio_buttons = resolveComponent("n8n-radio-buttons");
   const _component_el_col = resolveComponent("el-col");
   const _component_el_row = resolveComponent("el-row");
   const _component_n8n_tooltip = resolveComponent("n8n-tooltip");
   const _component_el_collapse_transition = resolveComponent("el-collapse-transition");
-  return _ctx.webhooksNode.length && _ctx.visibleWebhookUrls.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$m, [
+  return _ctx.webhooksNode.length && _ctx.visibleWebhookUrls.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$n, [
     createBaseVNode("div", {
       class: normalizeClass(["clickable headline", { expanded: !_ctx.isMinimized }]),
       title: _ctx.isMinimized ? _ctx.baseText.clickToDisplay : _ctx.baseText.clickToHide,
@@ -901,7 +902,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     ], 10, _hoisted_2$g),
     createVNode(_component_el_collapse_transition, null, {
       default: withCtx(() => [
-        !_ctx.isMinimized ? (openBlock(), createElementBlock("div", _hoisted_3$b, [
+        !_ctx.isMinimized ? (openBlock(), createElementBlock("div", _hoisted_3$c, [
           !_ctx.isProductionOnly ? (openBlock(), createElementBlock("div", _hoisted_4$8, [
             createVNode(_component_el_row, null, {
               default: withCtx(() => [
@@ -964,14 +965,14 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     })
   ])) : createCommentVNode("", true);
 }
-const NodeWebhooks = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$d], ["__scopeId", "data-v-36c5dbc7"]]);
-const _hoisted_1$l = ["data-test-id"];
+const NodeWebhooks = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$c], ["__scopeId", "data-v-36c5dbc7"]]);
+const _hoisted_1$m = ["data-test-id"];
 const _hoisted_2$f = ["textContent"];
-const _hoisted_3$a = ["onClick"];
+const _hoisted_3$b = ["onClick"];
 const _hoisted_4$7 = ["onClick"];
 const _hoisted_5$8 = ["data-node-name"];
 const _hoisted_6$7 = ["onClick"];
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "NDVSubConnections",
   props: {
     rootNode: {}
@@ -1204,7 +1205,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                               class: normalizeClass(_ctx.$style.connectedNode),
                               onClick: ($event) => onNodeClick(node2.node.name, connection.type)
                             }, [
-                              createVNode(_sfc_main$L, {
+                              createVNode(_sfc_main$O, {
                                 "node-type": node2.nodeType,
                                 "node-name": node2.node.name,
                                 "tooltip-position": "top",
@@ -1218,11 +1219,11 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                       ], 14, _hoisted_5$8);
                     }), 128))
                   ], 2)) : createCommentVNode("", true)
-                ], 14, _hoisted_3$a)), [
+                ], 14, _hoisted_3$b)), [
                   [_directive_on_click_outside, () => expandConnectionGroup(connection.type, false)]
                 ])
               ], 2)
-            ], 8, _hoisted_1$l);
+            ], 8, _hoisted_1$m);
           }), 128))
         ], 6)
       ], 2);
@@ -1241,7 +1242,7 @@ const connectedNodesMultiple = "_connectedNodesMultiple_tfxh3_87";
 const connectedNode$1 = "_connectedNode_tfxh3_55";
 const connectedNodes = "_connectedNodes_tfxh3_55";
 const nodeWrapper = "_nodeWrapper_tfxh3_125";
-const style0$q = {
+const style0$s = {
   container: container$2,
   connections,
   connectionType,
@@ -1256,14 +1257,14 @@ const style0$q = {
   connectedNodes,
   nodeWrapper
 };
-const cssModules$s = {
-  "$style": style0$q
+const cssModules$u = {
+  "$style": style0$s
 };
-const NDVSubConnections = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__cssModules", cssModules$s]]);
+const NDVSubConnections = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__cssModules", cssModules$u]]);
 const NODE_TEST_STEP_POPUP_COUNT_KEY = "N8N_NODE_TEST_STEP_POPUP_COUNT";
 const MAX_POPUP_COUNT = 10;
 const POPUP_UPDATE_DELAY = 3e3;
-const _sfc_main$G = defineComponent({
+const _sfc_main$J = defineComponent({
   inheritAttrs: false,
   props: {
     nodeName: {
@@ -1496,7 +1497,7 @@ const _sfc_main$G = defineComponent({
     }
   }
 });
-function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_n8n_button = resolveComponent("n8n-button");
   const _component_n8n_tooltip = resolveComponent("n8n-tooltip");
   return openBlock(), createElementBlock("div", null, [
@@ -1527,14 +1528,14 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["disabled"])
   ]);
 }
-const NodeExecuteButton = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$c]]);
-const _sfc_main$F = defineComponent({
+const NodeExecuteButton = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$b]]);
+const _sfc_main$I = defineComponent({
   name: "NodeSettings",
   components: {
     NodeTitle,
     NodeCredentials,
-    ParameterInputList: _sfc_main$M,
-    NodeSettingsTabs: _sfc_main$J,
+    ParameterInputList: _sfc_main$P,
+    NodeSettingsTabs: _sfc_main$M,
     NodeWebhooks,
     NDVSubConnections,
     NodeExecuteButton
@@ -2337,15 +2338,15 @@ const _sfc_main$F = defineComponent({
 const header$2 = "_header_1pn0y_1";
 const warningIcon = "_warningIcon_1pn0y_5";
 const descriptionContainer = "_descriptionContainer_1pn0y_10";
-const style0$p = {
+const style0$r = {
   header: header$2,
   warningIcon,
   descriptionContainer
 };
 const _withScopeId$5 = (n) => (pushScopeId("data-v-6b8146a9"), n = n(), popScopeId(), n);
-const _hoisted_1$k = { class: "header-side-menu" };
+const _hoisted_1$l = { class: "header-side-menu" };
 const _hoisted_2$e = { key: 1 };
-const _hoisted_3$9 = {
+const _hoisted_3$a = {
   key: 0,
   class: "node-is-not-valid"
 };
@@ -2371,7 +2372,7 @@ const _hoisted_11$2 = {
   class: "node-version",
   "data-test-id": "node-version"
 };
-function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
   var _a, _b;
   const _component_NodeTitle = resolveComponent("NodeTitle");
   const _component_NodeExecuteButton = resolveComponent("NodeExecuteButton");
@@ -2397,7 +2398,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     createBaseVNode("div", {
       class: normalizeClass(_ctx.$style.header)
     }, [
-      createBaseVNode("div", _hoisted_1$k, [
+      createBaseVNode("div", _hoisted_1$l, [
         _ctx.node ? (openBlock(), createBlock(_component_NodeTitle, {
           key: 0,
           class: "node-name",
@@ -2428,7 +2429,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
         "onUpdate:modelValue": _ctx.onTabSelect
       }, null, 8, ["model-value", "node-type", "push-ref", "onUpdate:modelValue"])) : createCommentVNode("", true)
     ], 2),
-    _ctx.node && !_ctx.nodeValid ? (openBlock(), createElementBlock("div", _hoisted_3$9, [
+    _ctx.node && !_ctx.nodeValid ? (openBlock(), createElementBlock("div", _hoisted_3$a, [
       createBaseVNode("p", {
         class: normalizeClass(_ctx.$style.warningIcon)
       }, [
@@ -2588,11 +2589,11 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
     createVNode(_component_n8n_block_ui, { show: _ctx.blockUI }, null, 8, ["show"])
   ], 34);
 }
-const cssModules$r = {
-  "$style": style0$p
+const cssModules$t = {
+  "$style": style0$r
 };
-const NodeSettings = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$b], ["__cssModules", cssModules$r], ["__scopeId", "data-v-6b8146a9"]]);
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const NodeSettings = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$a], ["__cssModules", cssModules$t], ["__scopeId", "data-v-6b8146a9"]]);
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "Draggable",
   props: {
     type: {},
@@ -2715,16 +2716,16 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
 });
 const dragging$1 = "_dragging_r2v9t_1";
 const draggable$1 = "_draggable_r2v9t_6";
-const style0$o = {
+const style0$q = {
   dragging: dragging$1,
   draggable: draggable$1,
   "draggable-data-transfer": "_draggable-data-transfer_r2v9t_14"
 };
-const cssModules$q = {
-  "$style": style0$o
+const cssModules$s = {
+  "$style": style0$q
 };
-const Draggable = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__cssModules", cssModules$q]]);
-const _sfc_main$D = defineComponent({
+const Draggable = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__cssModules", cssModules$s]]);
+const _sfc_main$G = defineComponent({
   components: {
     Draggable
   },
@@ -2755,7 +2756,7 @@ const rightArrow = "_rightArrow_1fum9_20 _arrow_1fum9_28";
 const visible$1 = "_visible_1fum9_24";
 const arrow = "_arrow_1fum9_28";
 const grid = "_grid_1fum9_46";
-const style0$n = {
+const style0$p = {
   dragContainer,
   dragButton,
   leftArrow,
@@ -2764,7 +2765,7 @@ const style0$n = {
   arrow,
   grid
 };
-const _hoisted_1$j = /* @__PURE__ */ createBaseVNode("div", null, [
+const _hoisted_1$k = /* @__PURE__ */ createBaseVNode("div", null, [
   /* @__PURE__ */ createBaseVNode("div"),
   /* @__PURE__ */ createBaseVNode("div"),
   /* @__PURE__ */ createBaseVNode("div"),
@@ -2778,11 +2779,11 @@ const _hoisted_2$d = /* @__PURE__ */ createBaseVNode("div", null, [
   /* @__PURE__ */ createBaseVNode("div"),
   /* @__PURE__ */ createBaseVNode("div")
 ], -1);
-const _hoisted_3$8 = [
-  _hoisted_1$j,
+const _hoisted_3$9 = [
+  _hoisted_1$k,
   _hoisted_2$d
 ];
-function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
   const _component_Draggable = resolveComponent("Draggable");
   return openBlock(), createBlock(_component_Draggable, {
@@ -2810,24 +2811,24 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
         ], 2)) : createCommentVNode("", true),
         createBaseVNode("div", {
           class: normalizeClass(_ctx.$style.grid)
-        }, _hoisted_3$8, 2)
+        }, _hoisted_3$9, 2)
       ], 2)
     ]),
     _: 1
   }, 8, ["class", "onDrag", "onDragstart", "onDragend"]);
 }
-const cssModules$p = {
-  "$style": style0$n
+const cssModules$r = {
+  "$style": style0$p
 };
-const PanelDragButton = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$a], ["__cssModules", cssModules$p]]);
-const _hoisted_1$i = ["data-node-name", "data-node-placement", "onClick"];
+const PanelDragButton = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["render", _sfc_render$9], ["__cssModules", cssModules$r]]);
+const _hoisted_1$j = ["data-node-name", "data-node-placement", "onClick"];
 var FloatingNodePosition = /* @__PURE__ */ ((FloatingNodePosition2) => {
   FloatingNodePosition2["top"] = "outputSub";
   FloatingNodePosition2["right"] = "outputMain";
   FloatingNodePosition2["left"] = "inputMain";
   return FloatingNodePosition2;
 })(FloatingNodePosition || {});
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "NDVFloatingNodes",
   props: {
     rootNode: {}
@@ -2948,14 +2949,14 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
                       "data-node-placement": connectionGroup,
                       onClick: ($event) => emit("switchSelectedNode", node2.name)
                     }, [
-                      createVNode(_sfc_main$L, {
+                      createVNode(_sfc_main$O, {
                         "node-type": nodeType,
                         "node-name": node2.name,
                         "tooltip-position": tooltipPositionMapper[connectionGroup],
                         size: 35,
                         circle: ""
                       }, null, 8, ["node-type", "node-name", "tooltip-position"])
-                    ], 10, _hoisted_1$i)
+                    ], 10, _hoisted_1$j)
                   ]),
                   _: 2
                 }, 1032, ["placement"])) : createCommentVNode("", true)
@@ -2974,7 +2975,7 @@ const outputSub = "_outputSub_1sze0_29";
 const outputMain = "_outputMain_1sze0_40";
 const inputMain = "_inputMain_1sze0_40";
 const connectedNode = "_connectedNode_1sze0_63";
-const style0$m = {
+const style0$o = {
   floatingNodes,
   nodesList,
   inputSub,
@@ -2983,315 +2984,342 @@ const style0$m = {
   inputMain,
   connectedNode
 };
-const cssModules$o = {
-  "$style": style0$m
+const cssModules$q = {
+  "$style": style0$o
 };
-const NDVFloatingNodes = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["__cssModules", cssModules$o]]);
+const NDVFloatingNodes = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["__cssModules", cssModules$q]]);
 const SIDE_MARGIN = 24;
 const SIDE_PANELS_MARGIN = 80;
 const MIN_PANEL_WIDTH = 280;
 const PANEL_WIDTH = 320;
 const PANEL_WIDTH_LARGE = 420;
-const initialMainPanelWidth = {
-  regular: MAIN_NODE_PANEL_WIDTH,
-  dragless: MAIN_NODE_PANEL_WIDTH,
-  unknown: MAIN_NODE_PANEL_WIDTH,
-  inputless: MAIN_NODE_PANEL_WIDTH,
-  wide: MAIN_NODE_PANEL_WIDTH * 2
-};
-const _sfc_main$B = defineComponent({
-  name: "NDVDraggablePanels",
-  components: {
-    PanelDragButton,
-    NDVFloatingNodes
-  },
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
+  __name: "NDVDraggablePanels",
   props: {
-    isDraggable: {
-      type: Boolean
-    },
-    hideInputAndOutput: {
-      type: Boolean
-    },
-    position: {
-      type: Number
-    },
-    nodeType: {
-      type: Object,
-      default: () => ({})
-    }
-  },
-  setup() {
-    const { callDebounced } = useDebounce();
-    return { callDebounced };
+    isDraggable: { type: Boolean },
+    hideInputAndOutput: { type: Boolean },
+    nodeType: {}
   },
-  data() {
-    return {
-      windowWidth: 1,
-      isDragging: false,
-      MIN_PANEL_WIDTH,
-      initialized: false
+  emits: ["init", "dragstart", "dragend", "switchSelectedNode", "close"],
+  setup(__props, { emit: __emit }) {
+    const MIN_WINDOW_WIDTH = 2 * (SIDE_MARGIN + SIDE_PANELS_MARGIN) + MIN_PANEL_WIDTH;
+    const initialMainPanelWidth = {
+      regular: MAIN_NODE_PANEL_WIDTH,
+      dragless: MAIN_NODE_PANEL_WIDTH,
+      unknown: MAIN_NODE_PANEL_WIDTH,
+      inputless: MAIN_NODE_PANEL_WIDTH,
+      wide: MAIN_NODE_PANEL_WIDTH * 2
     };
-  },
-  mounted() {
-    this.setTotalWidth();
-    if (this.mainPanelDimensions.relativeLeft === 1 && this.mainPanelDimensions.relativeRight === 1) {
-      this.setMainPanelWidth();
-      this.setPositions(this.getInitialLeftPosition(this.mainPanelDimensions.relativeWidth));
-      this.restorePositionData();
-    }
-    window.addEventListener("resize", this.setTotalWidth);
-    this.$emit("init", { position: this.mainPanelDimensions.relativeLeft });
-    setTimeout(() => {
-      this.initialized = true;
-    }, 0);
-    ndvEventBus.on("setPositionByName", this.setPositionByName);
-  },
-  beforeUnmount() {
-    window.removeEventListener("resize", this.setTotalWidth);
-    ndvEventBus.off("setPositionByName", this.setPositionByName);
-  },
-  computed: {
-    ...mapStores(useNDVStore),
-    mainPanelDimensions() {
-      return this.ndvStore.getMainPanelDimensions(this.currentNodePaneType);
-    },
-    activeNode() {
-      return this.ndvStore.activeNode;
-    },
-    supportedResizeDirections() {
-      const supportedDirections = ["right"];
-      if (this.isDraggable)
-        supportedDirections.push("left");
-      return supportedDirections;
-    },
-    currentNodePaneType() {
-      if (!this.hasInputSlot)
+    const { callDebounced } = useDebounce();
+    const ndvStore = useNDVStore();
+    const props = __props;
+    const windowWidth = ref(1);
+    const isDragging = ref(false);
+    const initialized = ref(false);
+    const emit = __emit;
+    const slots = useSlots();
+    onMounted(() => {
+      setTotalWidth();
+      if (mainPanelDimensions.value.relativeLeft === 1 && mainPanelDimensions.value.relativeRight === 1) {
+        setMainPanelWidth();
+        setPositions(getInitialLeftPosition(mainPanelDimensions.value.relativeWidth));
+        restorePositionData();
+      }
+      window.addEventListener("resize", setTotalWidth);
+      emit("init", { position: mainPanelDimensions.value.relativeLeft });
+      setTimeout(() => {
+        initialized.value = true;
+      }, 0);
+      ndvEventBus.on("setPositionByName", setPositionByName);
+    });
+    onBeforeUnmount(() => {
+      window.removeEventListener("resize", setTotalWidth);
+      ndvEventBus.off("setPositionByName", setPositionByName);
+    });
+    watch(windowWidth, (width) => {
+      const minRelativeWidth = pxToRelativeWidth(MIN_PANEL_WIDTH);
+      const isBelowMinWidthMainPanel = mainPanelDimensions.value.relativeWidth < minRelativeWidth;
+      if (isBelowMinWidthMainPanel) {
+        setMainPanelWidth(minRelativeWidth);
+      }
+      const isBelowMinLeft = minimumLeftPosition.value > mainPanelDimensions.value.relativeLeft;
+      const isMaxRight = maximumRightPosition.value > mainPanelDimensions.value.relativeRight;
+      if (width > MIN_WINDOW_WIDTH && isBelowMinLeft && isMaxRight) {
+        setMainPanelWidth(minRelativeWidth);
+        setPositions(getInitialLeftPosition(mainPanelDimensions.value.relativeWidth));
+      }
+      setPositions(mainPanelDimensions.value.relativeLeft);
+    });
+    const currentNodePaneType = computed(() => {
+      if (!hasInputSlot.value)
         return "inputless";
-      if (!this.isDraggable)
+      if (!props.isDraggable)
         return "dragless";
-      if (this.nodeType === null)
+      if (props.nodeType === null)
         return "unknown";
-      return get(this, "nodeType.parameterPane") || "regular";
-    },
-    hasInputSlot() {
-      return this.$slots.input !== void 0;
-    },
-    inputPanelMargin() {
-      return this.pxToRelativeWidth(SIDE_PANELS_MARGIN);
-    },
-    minWindowWidth() {
-      return 2 * (SIDE_MARGIN + SIDE_PANELS_MARGIN) + MIN_PANEL_WIDTH;
-    },
-    minimumLeftPosition() {
-      if (this.windowWidth < this.minWindowWidth)
-        return this.pxToRelativeWidth(1);
-      if (!this.hasInputSlot)
-        return this.pxToRelativeWidth(SIDE_MARGIN);
-      return this.pxToRelativeWidth(SIDE_MARGIN + 20) + this.inputPanelMargin;
-    },
-    maximumRightPosition() {
-      if (this.windowWidth < this.minWindowWidth)
-        return this.pxToRelativeWidth(1);
-      return this.pxToRelativeWidth(SIDE_MARGIN + 20) + this.inputPanelMargin;
-    },
-    canMoveLeft() {
-      return this.mainPanelDimensions.relativeLeft > this.minimumLeftPosition;
-    },
-    canMoveRight() {
-      return this.mainPanelDimensions.relativeRight > this.maximumRightPosition;
-    },
-    mainPanelStyles() {
-      return {
-        left: `${this.relativeWidthToPx(this.mainPanelDimensions.relativeLeft)}px`,
-        right: `${this.relativeWidthToPx(this.mainPanelDimensions.relativeRight)}px`
-      };
-    },
-    inputPanelStyles() {
+      return props.nodeType.parameterPane ?? "regular";
+    });
+    const mainPanelDimensions = computed(
+      () => {
+        return ndvStore.getMainPanelDimensions(currentNodePaneType.value);
+      }
+    );
+    const calculatedPositions = computed(
+      () => {
+        const hasInput = slots.input !== void 0;
+        const outputPanelRelativeLeft = mainPanelDimensions.value.relativeLeft + mainPanelDimensions.value.relativeWidth;
+        const inputPanelRelativeRight = hasInput ? 1 - outputPanelRelativeLeft + mainPanelDimensions.value.relativeWidth : 1 - pxToRelativeWidth(SIDE_MARGIN);
+        return {
+          inputPanelRelativeRight,
+          outputPanelRelativeLeft
+        };
+      }
+    );
+    const outputPanelRelativeTranslate = computed(() => {
+      const panelMinLeft = 1 - pxToRelativeWidth(MIN_PANEL_WIDTH + SIDE_MARGIN);
+      const currentRelativeLeftDelta = calculatedPositions.value.outputPanelRelativeLeft - panelMinLeft;
+      return currentRelativeLeftDelta > 0 ? currentRelativeLeftDelta : 0;
+    });
+    const supportedResizeDirections = computed(() => {
+      const supportedDirections = ["right"];
+      if (props.isDraggable)
+        supportedDirections.push("left");
+      return supportedDirections;
+    });
+    const hasInputSlot = computed(() => {
+      return slots.input !== void 0;
+    });
+    const inputPanelMargin = computed(() => pxToRelativeWidth(SIDE_PANELS_MARGIN));
+    const minimumLeftPosition = computed(() => {
+      if (windowWidth.value < MIN_WINDOW_WIDTH)
+        return pxToRelativeWidth(1);
+      if (!hasInputSlot.value)
+        return pxToRelativeWidth(SIDE_MARGIN);
+      return pxToRelativeWidth(SIDE_MARGIN + 20) + inputPanelMargin.value;
+    });
+    const maximumRightPosition = computed(() => {
+      if (windowWidth.value < MIN_WINDOW_WIDTH)
+        return pxToRelativeWidth(1);
+      return pxToRelativeWidth(SIDE_MARGIN + 20) + inputPanelMargin.value;
+    });
+    const canMoveLeft = computed(() => {
+      return mainPanelDimensions.value.relativeLeft > minimumLeftPosition.value;
+    });
+    const canMoveRight = computed(() => {
+      return mainPanelDimensions.value.relativeRight > maximumRightPosition.value;
+    });
+    const mainPanelStyles = computed(() => {
       return {
-        right: `${this.relativeWidthToPx(this.calculatedPositions.inputPanelRelativeRight)}px`
+        left: `${relativeWidthToPx(mainPanelDimensions.value.relativeLeft)}px`,
+        right: `${relativeWidthToPx(mainPanelDimensions.value.relativeRight)}px`
       };
-    },
-    outputPanelStyles() {
+    });
+    const inputPanelStyles = computed(() => {
       return {
-        left: `${this.relativeWidthToPx(this.calculatedPositions.outputPanelRelativeLeft)}px`,
-        transform: `translateX(-${this.relativeWidthToPx(this.outputPanelRelativeTranslate)}px)`
+        right: `${relativeWidthToPx(calculatedPositions.value.inputPanelRelativeRight)}px`
       };
-    },
-    calculatedPositions() {
-      const hasInput = this.$slots.input !== void 0;
-      const outputPanelRelativeLeft = this.mainPanelDimensions.relativeLeft + this.mainPanelDimensions.relativeWidth;
-      const inputPanelRelativeRight = hasInput ? 1 - outputPanelRelativeLeft + this.mainPanelDimensions.relativeWidth : 1 - this.pxToRelativeWidth(SIDE_MARGIN);
+    });
+    const outputPanelStyles = computed(() => {
       return {
-        inputPanelRelativeRight,
-        outputPanelRelativeLeft
+        left: `${relativeWidthToPx(calculatedPositions.value.outputPanelRelativeLeft)}px`,
+        transform: `translateX(-${relativeWidthToPx(outputPanelRelativeTranslate.value)}px)`
       };
-    },
-    outputPanelRelativeTranslate() {
-      const panelMinLeft = 1 - this.pxToRelativeWidth(MIN_PANEL_WIDTH + SIDE_MARGIN);
-      const currentRelativeLeftDelta = this.calculatedPositions.outputPanelRelativeLeft - panelMinLeft;
-      return currentRelativeLeftDelta > 0 ? currentRelativeLeftDelta : 0;
-    },
-    hasDoubleWidth() {
-      return get(this, "nodeType.parameterPane") === "wide";
-    },
-    fixedPanelWidth() {
-      const multiplier = this.hasDoubleWidth ? 2 : 1;
-      if (this.windowWidth > 1700) {
+    });
+    const hasDoubleWidth = computed(() => {
+      var _a;
+      return ((_a = props.nodeType) == null ? void 0 : _a.parameterPane) === "wide";
+    });
+    const fixedPanelWidth = computed(() => {
+      const multiplier = hasDoubleWidth.value ? 2 : 1;
+      if (windowWidth.value > 1700) {
         return PANEL_WIDTH_LARGE * multiplier;
       }
       return PANEL_WIDTH * multiplier;
-    },
-    isBelowMinWidthMainPanel() {
-      const minRelativeWidth = this.pxToRelativeWidth(MIN_PANEL_WIDTH);
-      return this.mainPanelDimensions.relativeWidth < minRelativeWidth;
-    }
-  },
-  watch: {
-    windowWidth(windowWidth) {
-      const minRelativeWidth = this.pxToRelativeWidth(MIN_PANEL_WIDTH);
-      if (this.isBelowMinWidthMainPanel) {
-        this.setMainPanelWidth(minRelativeWidth);
-      }
-      const isBelowMinLeft = this.minimumLeftPosition > this.mainPanelDimensions.relativeLeft;
-      const isMaxRight = this.maximumRightPosition > this.mainPanelDimensions.relativeRight;
-      if (windowWidth > this.minWindowWidth && isBelowMinLeft && isMaxRight) {
-        this.setMainPanelWidth(minRelativeWidth);
-        this.setPositions(this.getInitialLeftPosition(this.mainPanelDimensions.relativeWidth));
-      }
-      this.setPositions(this.mainPanelDimensions.relativeLeft);
-    }
-  },
-  methods: {
-    onSwitchSelectedNode(node2) {
-      this.$emit("switchSelectedNode", node2);
-    },
-    getInitialLeftPosition(width) {
-      if (this.currentNodePaneType === "dragless")
-        return this.pxToRelativeWidth(SIDE_MARGIN + 1 + this.fixedPanelWidth);
-      return this.hasInputSlot ? 0.5 - width / 2 : this.minimumLeftPosition;
-    },
-    setMainPanelWidth(relativeWidth) {
-      const mainPanelRelativeWidth = relativeWidth || this.pxToRelativeWidth(initialMainPanelWidth[this.currentNodePaneType]);
-      this.ndvStore.setMainPanelDimensions({
-        panelType: this.currentNodePaneType,
+    });
+    const onSwitchSelectedNode = (node2) => emit("switchSelectedNode", node2);
+    function getInitialLeftPosition(width) {
+      if (currentNodePaneType.value === "dragless")
+        return pxToRelativeWidth(SIDE_MARGIN + 1 + fixedPanelWidth.value);
+      return hasInputSlot.value ? 0.5 - width / 2 : minimumLeftPosition.value;
+    }
+    function setMainPanelWidth(relativeWidth) {
+      const mainPanelRelativeWidth = relativeWidth || pxToRelativeWidth(initialMainPanelWidth[currentNodePaneType.value]);
+      ndvStore.setMainPanelDimensions({
+        panelType: currentNodePaneType.value,
         dimensions: {
           relativeWidth: mainPanelRelativeWidth
         }
       });
-    },
-    setPositions(relativeLeft) {
-      const mainPanelRelativeLeft = relativeLeft || 1 - this.calculatedPositions.inputPanelRelativeRight;
-      const mainPanelRelativeRight = 1 - mainPanelRelativeLeft - this.mainPanelDimensions.relativeWidth;
-      const isMaxRight = this.maximumRightPosition > mainPanelRelativeRight;
-      const isMinLeft = this.minimumLeftPosition > mainPanelRelativeLeft;
-      const isInputless = this.currentNodePaneType === "inputless";
+    }
+    function setPositions(relativeLeft) {
+      const mainPanelRelativeLeft = relativeLeft || 1 - calculatedPositions.value.inputPanelRelativeRight;
+      const mainPanelRelativeRight = 1 - mainPanelRelativeLeft - mainPanelDimensions.value.relativeWidth;
+      const isMaxRight = maximumRightPosition.value > mainPanelRelativeRight;
+      const isMinLeft = minimumLeftPosition.value > mainPanelRelativeLeft;
+      const isInputless = currentNodePaneType.value === "inputless";
       if (isMinLeft) {
-        this.ndvStore.setMainPanelDimensions({
-          panelType: this.currentNodePaneType,
+        ndvStore.setMainPanelDimensions({
+          panelType: currentNodePaneType.value,
           dimensions: {
-            relativeLeft: this.minimumLeftPosition,
-            relativeRight: 1 - this.mainPanelDimensions.relativeWidth - this.minimumLeftPosition
+            relativeLeft: minimumLeftPosition.value,
+            relativeRight: 1 - mainPanelDimensions.value.relativeWidth - minimumLeftPosition.value
           }
         });
         return;
       }
       if (isMaxRight) {
-        this.ndvStore.setMainPanelDimensions({
-          panelType: this.currentNodePaneType,
+        ndvStore.setMainPanelDimensions({
+          panelType: currentNodePaneType.value,
           dimensions: {
-            relativeLeft: 1 - this.mainPanelDimensions.relativeWidth - this.maximumRightPosition,
-            relativeRight: this.maximumRightPosition
+            relativeLeft: 1 - mainPanelDimensions.value.relativeWidth - maximumRightPosition.value,
+            relativeRight: maximumRightPosition.value
           }
         });
         return;
       }
-      this.ndvStore.setMainPanelDimensions({
-        panelType: this.currentNodePaneType,
+      ndvStore.setMainPanelDimensions({
+        panelType: currentNodePaneType.value,
         dimensions: {
-          relativeLeft: isInputless ? this.minimumLeftPosition : mainPanelRelativeLeft,
+          relativeLeft: isInputless ? minimumLeftPosition.value : mainPanelRelativeLeft,
           relativeRight: mainPanelRelativeRight
         }
       });
-    },
-    setPositionByName(position2) {
+    }
+    function setPositionByName(position2) {
       const positionByName = {
-        minLeft: this.minimumLeftPosition,
-        maxRight: this.maximumRightPosition,
-        initial: this.getInitialLeftPosition(this.mainPanelDimensions.relativeWidth)
+        minLeft: minimumLeftPosition.value,
+        maxRight: maximumRightPosition.value,
+        initial: getInitialLeftPosition(mainPanelDimensions.value.relativeWidth)
       };
-      this.setPositions(positionByName[position2]);
-    },
-    pxToRelativeWidth(px) {
-      return px / this.windowWidth;
-    },
-    relativeWidthToPx(relativeWidth) {
-      return relativeWidth * this.windowWidth;
-    },
-    onResizeStart() {
-      this.setTotalWidth();
-    },
-    onResizeEnd() {
-      this.storePositionData();
-    },
-    onResizeDebounced(data) {
-      if (this.initialized) {
-        void this.callDebounced(this.onResize, { debounceTime: 10, trailing: true }, data);
+      setPositions(positionByName[position2]);
+    }
+    function pxToRelativeWidth(px) {
+      return px / windowWidth.value;
+    }
+    function relativeWidthToPx(relativeWidth) {
+      return relativeWidth * windowWidth.value;
+    }
+    function onResizeStart() {
+      setTotalWidth();
+    }
+    function onResizeEnd() {
+      storePositionData();
+    }
+    function onResizeDebounced(data) {
+      if (initialized.value) {
+        void callDebounced(onResize, { debounceTime: 10, trailing: true }, data);
       }
-    },
-    onResize({ direction, x, width }) {
-      const relativeDistance = this.pxToRelativeWidth(x);
-      const relativeWidth = this.pxToRelativeWidth(width);
-      if (direction === "left" && relativeDistance <= this.minimumLeftPosition)
+    }
+    function onResize({ direction, x, width }) {
+      const relativeDistance = pxToRelativeWidth(x);
+      const relativeWidth = pxToRelativeWidth(width);
+      if (direction === "left" && relativeDistance <= minimumLeftPosition.value)
         return;
-      if (direction === "right" && 1 - relativeDistance <= this.maximumRightPosition)
+      if (direction === "right" && 1 - relativeDistance <= maximumRightPosition.value)
         return;
       if (width <= MIN_PANEL_WIDTH)
         return;
-      this.setMainPanelWidth(relativeWidth);
-      this.setPositions(
-        direction === "left" ? relativeDistance : this.mainPanelDimensions.relativeLeft
-      );
-    },
-    restorePositionData() {
+      setMainPanelWidth(relativeWidth);
+      setPositions(direction === "left" ? relativeDistance : mainPanelDimensions.value.relativeLeft);
+    }
+    function restorePositionData() {
       const storedPanelWidthData = useStorage(
-        `${LOCAL_STORAGE_MAIN_PANEL_RELATIVE_WIDTH}_${this.currentNodePaneType}`
+        `${LOCAL_STORAGE_MAIN_PANEL_RELATIVE_WIDTH}_${currentNodePaneType.value}`
       ).value;
       if (storedPanelWidthData) {
         const parsedWidth = parseFloat(storedPanelWidthData);
-        this.setMainPanelWidth(parsedWidth);
-        const initialPosition = this.getInitialLeftPosition(parsedWidth);
-        this.setPositions(initialPosition);
+        setMainPanelWidth(parsedWidth);
+        const initialPosition = getInitialLeftPosition(parsedWidth);
+        setPositions(initialPosition);
         return true;
       }
       return false;
-    },
-    storePositionData() {
-      useStorage(`${LOCAL_STORAGE_MAIN_PANEL_RELATIVE_WIDTH}_${this.currentNodePaneType}`).value = this.mainPanelDimensions.relativeWidth.toString();
-    },
-    onDragStart() {
-      this.isDragging = true;
-      this.$emit("dragstart", { position: this.mainPanelDimensions.relativeLeft });
-    },
-    onDrag(position2) {
-      const relativeLeft = this.pxToRelativeWidth(position2[0]) - this.mainPanelDimensions.relativeWidth / 2;
-      this.setPositions(relativeLeft);
-    },
-    onDragEnd() {
+    }
+    function storePositionData() {
+      useStorage(`${LOCAL_STORAGE_MAIN_PANEL_RELATIVE_WIDTH}_${currentNodePaneType.value}`).value = mainPanelDimensions.value.relativeWidth.toString();
+    }
+    function onDragStart() {
+      isDragging.value = true;
+      emit("dragstart", { position: mainPanelDimensions.value.relativeLeft });
+    }
+    function onDrag(position2) {
+      const relativeLeft = pxToRelativeWidth(position2[0]) - mainPanelDimensions.value.relativeWidth / 2;
+      setPositions(relativeLeft);
+    }
+    function onDragEnd() {
       setTimeout(() => {
-        this.isDragging = false;
-        this.$emit("dragend", {
-          windowWidth: this.windowWidth,
-          position: this.mainPanelDimensions.relativeLeft
+        isDragging.value = false;
+        emit("dragend", {
+          windowWidth: windowWidth.value,
+          position: mainPanelDimensions.value.relativeLeft
         });
       }, 0);
-      this.storePositionData();
-    },
-    setTotalWidth() {
-      this.windowWidth = window.innerWidth;
-    },
-    close() {
-      this.$emit("close");
+      storePositionData();
+    }
+    function setTotalWidth() {
+      windowWidth.value = window.innerWidth;
     }
+    return (_ctx, _cache) => {
+      const _component_n8n_resize_wrapper = resolveComponent("n8n-resize-wrapper");
+      return openBlock(), createElementBlock("div", null, [
+        unref(ndvStore).activeNode ? (openBlock(), createBlock(NDVFloatingNodes, {
+          key: 0,
+          "root-node": unref(ndvStore).activeNode,
+          onSwitchSelectedNode
+        }, null, 8, ["root-node"])) : createCommentVNode("", true),
+        !_ctx.hideInputAndOutput ? (openBlock(), createElementBlock("div", {
+          key: 1,
+          class: normalizeClass(_ctx.$style.inputPanel),
+          style: normalizeStyle(inputPanelStyles.value)
+        }, [
+          renderSlot(_ctx.$slots, "input")
+        ], 6)) : createCommentVNode("", true),
+        !_ctx.hideInputAndOutput ? (openBlock(), createElementBlock("div", {
+          key: 2,
+          class: normalizeClass(_ctx.$style.outputPanel),
+          style: normalizeStyle(outputPanelStyles.value)
+        }, [
+          renderSlot(_ctx.$slots, "output")
+        ], 6)) : createCommentVNode("", true),
+        createBaseVNode("div", {
+          class: normalizeClass(_ctx.$style.mainPanel),
+          style: normalizeStyle(mainPanelStyles.value)
+        }, [
+          createVNode(_component_n8n_resize_wrapper, {
+            "is-resizing-enabled": currentNodePaneType.value !== "unknown",
+            width: relativeWidthToPx(mainPanelDimensions.value.relativeWidth),
+            "min-width": MIN_PANEL_WIDTH,
+            "grid-size": 20,
+            "supported-directions": supportedResizeDirections.value,
+            onResize: onResizeDebounced,
+            onResizestart: onResizeStart,
+            onResizeend: onResizeEnd
+          }, {
+            default: withCtx(() => [
+              createBaseVNode("div", {
+                class: normalizeClass(_ctx.$style.dragButtonContainer)
+              }, [
+                !_ctx.hideInputAndOutput && _ctx.isDraggable ? (openBlock(), createBlock(PanelDragButton, {
+                  key: 0,
+                  class: normalizeClass({ [_ctx.$style.draggable]: true, [_ctx.$style.visible]: isDragging.value }),
+                  "can-move-left": canMoveLeft.value,
+                  "can-move-right": canMoveRight.value,
+                  onDragstart: onDragStart,
+                  onDrag,
+                  onDragend: onDragEnd
+                }, null, 8, ["class", "can-move-left", "can-move-right"])) : createCommentVNode("", true)
+              ], 2),
+              createBaseVNode("div", {
+                class: normalizeClass({ [_ctx.$style.mainPanelInner]: true, [_ctx.$style.dragging]: isDragging.value })
+              }, [
+                renderSlot(_ctx.$slots, "main")
+              ], 2)
+            ]),
+            _: 3
+          }, 8, ["is-resizing-enabled", "width", "supported-directions"])
+        ], 6)
+      ]);
+    };
   }
 });
 const dataPanel = "_dataPanel_a6j4o_1";
@@ -3303,7 +3331,7 @@ const mainPanelInner = "_mainPanelInner_a6j4o_34";
 const dragging = "_dragging_a6j4o_41";
 const dragButtonContainer = "_dragButtonContainer_a6j4o_54";
 const visible = "_visible_a6j4o_70";
-const style0$l = {
+const style0$n = {
   dataPanel,
   inputPanel,
   outputPanel,
@@ -3315,73 +3343,10 @@ const style0$l = {
   dragButtonContainer,
   visible
 };
-function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_NDVFloatingNodes = resolveComponent("NDVFloatingNodes");
-  const _component_PanelDragButton = resolveComponent("PanelDragButton");
-  const _component_n8n_resize_wrapper = resolveComponent("n8n-resize-wrapper");
-  return openBlock(), createElementBlock("div", null, [
-    _ctx.activeNode ? (openBlock(), createBlock(_component_NDVFloatingNodes, {
-      key: 0,
-      "root-node": _ctx.activeNode,
-      onSwitchSelectedNode: _ctx.onSwitchSelectedNode
-    }, null, 8, ["root-node", "onSwitchSelectedNode"])) : createCommentVNode("", true),
-    !_ctx.hideInputAndOutput ? (openBlock(), createElementBlock("div", {
-      key: 1,
-      class: normalizeClass(_ctx.$style.inputPanel),
-      style: normalizeStyle(_ctx.inputPanelStyles)
-    }, [
-      renderSlot(_ctx.$slots, "input")
-    ], 6)) : createCommentVNode("", true),
-    !_ctx.hideInputAndOutput ? (openBlock(), createElementBlock("div", {
-      key: 2,
-      class: normalizeClass(_ctx.$style.outputPanel),
-      style: normalizeStyle(_ctx.outputPanelStyles)
-    }, [
-      renderSlot(_ctx.$slots, "output")
-    ], 6)) : createCommentVNode("", true),
-    createBaseVNode("div", {
-      class: normalizeClass(_ctx.$style.mainPanel),
-      style: normalizeStyle(_ctx.mainPanelStyles)
-    }, [
-      createVNode(_component_n8n_resize_wrapper, {
-        "is-resizing-enabled": _ctx.currentNodePaneType !== "unknown",
-        width: _ctx.relativeWidthToPx(_ctx.mainPanelDimensions.relativeWidth),
-        "min-width": _ctx.MIN_PANEL_WIDTH,
-        "grid-size": 20,
-        "supported-directions": _ctx.supportedResizeDirections,
-        onResize: _ctx.onResizeDebounced,
-        onResizestart: _ctx.onResizeStart,
-        onResizeend: _ctx.onResizeEnd
-      }, {
-        default: withCtx(() => [
-          createBaseVNode("div", {
-            class: normalizeClass(_ctx.$style.dragButtonContainer)
-          }, [
-            !_ctx.hideInputAndOutput && _ctx.isDraggable ? (openBlock(), createBlock(_component_PanelDragButton, {
-              key: 0,
-              class: normalizeClass({ [_ctx.$style.draggable]: true, [_ctx.$style.visible]: _ctx.isDragging }),
-              "can-move-left": _ctx.canMoveLeft,
-              "can-move-right": _ctx.canMoveRight,
-              onDragstart: _ctx.onDragStart,
-              onDrag: _ctx.onDrag,
-              onDragend: _ctx.onDragEnd
-            }, null, 8, ["class", "can-move-left", "can-move-right", "onDragstart", "onDrag", "onDragend"])) : createCommentVNode("", true)
-          ], 2),
-          createBaseVNode("div", {
-            class: normalizeClass({ [_ctx.$style.mainPanelInner]: true, [_ctx.$style.dragging]: _ctx.isDragging })
-          }, [
-            renderSlot(_ctx.$slots, "main")
-          ], 2)
-        ]),
-        _: 3
-      }, 8, ["is-resizing-enabled", "width", "min-width", "supported-directions", "onResize", "onResizestart", "onResizeend"])
-    ], 6)
-  ]);
-}
-const cssModules$n = {
-  "$style": style0$l
+const cssModules$p = {
+  "$style": style0$n
 };
-const NDVDraggablePanels = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["render", _sfc_render$9], ["__cssModules", cssModules$n]]);
+const NDVDraggablePanels = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__cssModules", cssModules$p]]);
 const sanitizeOptions = {
   allowVulnerableTags: false,
   enforceHtmlBoundary: false,
@@ -3395,7 +3360,7 @@ const sanitizeOptions = {
     head: ""
   }
 };
-const _sfc_main$A = {
+const _sfc_main$D = {
   name: "RunDataHtml",
   props: {
     inputHtml: {
@@ -3409,21 +3374,21 @@ const _sfc_main$A = {
     }
   }
 };
-const _hoisted_1$h = ["srcdoc"];
+const _hoisted_1$i = ["srcdoc"];
 function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("iframe", {
     class: "__html-display",
     srcdoc: $options.sanitizedHtml
-  }, null, 8, _hoisted_1$h);
+  }, null, 8, _hoisted_1$i);
 }
-const RunDataHtml$1 = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$8]]);
+const RunDataHtml$1 = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$8]]);
 const RunDataHtml$2 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: RunDataHtml$1
 }, Symbol.toStringTag, { value: "Module" }));
-const _hoisted_1$g = { key: 0 };
+const _hoisted_1$h = { key: 0 };
 const _hoisted_2$c = { key: 1 };
-const _hoisted_3$7 = { key: 2 };
+const _hoisted_3$8 = { key: 2 };
 const _hoisted_4$5 = {
   key: 0,
   controls: "",
@@ -3437,7 +3402,7 @@ const _hoisted_6$5 = {
 };
 const _hoisted_7$4 = ["src", "type"];
 const _hoisted_8$4 = ["src"];
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "BinaryDataDisplayEmbed",
   props: {
     binaryData: {}
@@ -3479,7 +3444,7 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("span", null, [
-        isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_1$g, "Loading binary data...")) : error2.value ? (openBlock(), createElementBlock("div", _hoisted_2$c, "Error loading binary data")) : (openBlock(), createElementBlock("span", _hoisted_3$7, [
+        isLoading.value ? (openBlock(), createElementBlock("div", _hoisted_1$h, "Loading binary data...")) : error2.value ? (openBlock(), createElementBlock("div", _hoisted_2$c, "Error loading binary data")) : (openBlock(), createElementBlock("span", _hoisted_3$8, [
           _ctx.binaryData.fileType === "video" ? (openBlock(), createElementBlock("video", _hoisted_4$5, [
             createBaseVNode("source", {
               src: embedSource.value,
@@ -3510,9 +3475,9 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$f = { class: "binary-data-window-wrapper" };
+const _hoisted_1$g = { class: "binary-data-window-wrapper" };
 const _hoisted_2$b = { key: 0 };
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "BinaryDataDisplay",
   props: {
     displayData: {},
@@ -3570,8 +3535,8 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
           label: _ctx.$locale.baseText("binaryDataDisplay.backToList"),
           onClick: withModifiers(closeWindow, ["stop"])
         }, null, 8, ["title", "label"]),
-        createBaseVNode("div", _hoisted_1$f, [
-          !binaryData.value ? (openBlock(), createElementBlock("div", _hoisted_2$b, toDisplayString(_ctx.$locale.baseText("binaryDataDisplay.noDataFoundToDisplay")), 1)) : (openBlock(), createBlock(_sfc_main$z, {
+        createBaseVNode("div", _hoisted_1$g, [
+          !binaryData.value ? (openBlock(), createElementBlock("div", _hoisted_2$b, toDisplayString(_ctx.$locale.baseText("binaryDataDisplay.noDataFoundToDisplay")), 1)) : (openBlock(), createBlock(_sfc_main$C, {
             key: 1,
             "binary-data": binaryData.value
           }, null, 8, ["binary-data"]))
@@ -3580,9 +3545,9 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$e = { class: "node-error-view" };
+const _hoisted_1$f = { class: "node-error-view" };
 const _hoisted_2$a = { class: "node-error-view__header" };
-const _hoisted_3$6 = {
+const _hoisted_3$7 = {
   class: "node-error-view__header-message",
   "data-test-id": "node-error-message"
 };
@@ -3688,7 +3653,7 @@ const _hoisted_58 = {
 };
 const _hoisted_59 = { class: "node-error-view__details-label" };
 const _hoisted_60 = { class: "node-error-view__details-value" };
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "NodeErrorView",
   props: {
     error: {}
@@ -3954,9 +3919,9 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       const _component_n8n_icon_button = resolveComponent("n8n-icon-button");
       const _component_n8n_tooltip = resolveComponent("n8n-tooltip");
       const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
-      return openBlock(), createElementBlock("div", _hoisted_1$e, [
+      return openBlock(), createElementBlock("div", _hoisted_1$f, [
         createBaseVNode("div", _hoisted_2$a, [
-          createBaseVNode("div", _hoisted_3$6, [
+          createBaseVNode("div", _hoisted_3$7, [
             createBaseVNode("div", null, toDisplayString(getErrorMessage()), 1)
           ]),
           _ctx.error.description || ((_a = _ctx.error.context) == null ? void 0 : _a.descriptionKey) ? (openBlock(), createElementBlock("div", {
@@ -4125,10 +4090,10 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$d = { key: 0 };
+const _hoisted_1$e = { key: 0 };
 const _hoisted_2$9 = { key: 1 };
-const _hoisted_3$5 = { key: 2 };
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _hoisted_3$6 = { key: 2 };
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
   __name: "RunDataPinButton",
   props: {
     tooltipContentsVisibility: {},
@@ -4154,7 +4119,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
         visible: visible2.value
       }, {
         content: withCtx(() => [
-          props.tooltipContentsVisibility.binaryDataTooltipContent ? (openBlock(), createElementBlock("div", _hoisted_1$d, toDisplayString(unref(locale).baseText("ndv.pinData.pin.binary")), 1)) : props.tooltipContentsVisibility.pinDataDiscoveryTooltipContent ? (openBlock(), createElementBlock("div", _hoisted_2$9, toDisplayString(unref(locale).baseText("node.discovery.pinData.ndv")), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$5, [
+          props.tooltipContentsVisibility.binaryDataTooltipContent ? (openBlock(), createElementBlock("div", _hoisted_1$e, toDisplayString(unref(locale).baseText("ndv.pinData.pin.binary")), 1)) : props.tooltipContentsVisibility.pinDataDiscoveryTooltipContent ? (openBlock(), createElementBlock("div", _hoisted_2$9, toDisplayString(unref(locale).baseText("node.discovery.pinData.ndv")), 1)) : (openBlock(), createElementBlock("div", _hoisted_3$6, [
             createBaseVNode("strong", null, toDisplayString(unref(locale).baseText("ndv.pinData.pin.title")), 1),
             createVNode(_component_n8n_text, {
               size: "small",
@@ -4193,29 +4158,29 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
   }
 });
 const pinDataButton = "_pinDataButton_9p8um_1";
-const style0$k = {
+const style0$m = {
   pinDataButton
 };
-const cssModules$m = {
-  "$style": style0$k
+const cssModules$o = {
+  "$style": style0$m
 };
-const RunDataPinButton = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__cssModules", cssModules$m]]);
+const RunDataPinButton = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["__cssModules", cssModules$o]]);
 const RunDataTable = defineAsyncComponent(
-  async () => await __vitePreload(() => import("./RunDataTable-CcjIMnur.js"), true ? __vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46]) : void 0)
+  async () => await __vitePreload(() => import("./RunDataTable-ChEosD0Y.js"), true ? __vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47]) : void 0)
 );
-const RunDataJson = defineAsyncComponent(async () => await __vitePreload(() => import("./RunDataJson-BvbuRbkm.js"), true ? __vite__mapDeps([47,6,7,8,4,1,9,10,11,12,36,3,2,5,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,37,38,39,40,41,42,43,44,45,48]) : void 0));
+const RunDataJson = defineAsyncComponent(async () => await __vitePreload(() => import("./RunDataJson-D3tbV5-Q.js"), true ? __vite__mapDeps([48,5,6,7,4,1,8,9,10,11,36,3,2,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,37,38,39,40,41,42,43,44,45,46,49]) : void 0));
 const RunDataSchema = defineAsyncComponent(
-  async () => await __vitePreload(() => import("./RunDataSchema-DnEX9Ozj.js"), true ? __vite__mapDeps([49,1,9,3,2,4,5,6,7,8,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,50]) : void 0)
+  async () => await __vitePreload(() => import("./RunDataSchema-Bf4JKHHb.js"), true ? __vite__mapDeps([50,1,8,3,2,4,5,6,7,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,51]) : void 0)
 );
 const RunDataHtml = defineAsyncComponent(async () => await __vitePreload(() => Promise.resolve().then(() => RunDataHtml$2), true ? void 0 : void 0));
 const RunDataSearch = defineAsyncComponent(
-  async () => await __vitePreload(() => import("./RunDataSearch-LaoX-xfk.js"), true ? __vite__mapDeps([51,1,3,2,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,52]) : void 0)
+  async () => await __vitePreload(() => import("./RunDataSearch-Cp1pkU7O.js"), true ? __vite__mapDeps([52,1,3,2,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,53]) : void 0)
 );
-const _sfc_main$v = defineComponent({
+const _sfc_main$y = defineComponent({
   name: "RunData",
   components: {
-    BinaryDataDisplay: _sfc_main$y,
-    NodeErrorView: _sfc_main$x,
+    BinaryDataDisplay: _sfc_main$B,
+    NodeErrorView: _sfc_main$A,
     JsonEditor,
     RunDataTable,
     RunDataJson,
@@ -5199,7 +5164,7 @@ const editModeActions = "_editModeActions_1ozut_261";
 const stretchVertically = "_stretchVertically_1ozut_268";
 const uiBlocker = "_uiBlocker_1ozut_272";
 const hintCallout = "_hintCallout_1ozut_277";
-const style0$j = {
+const style0$l = {
   infoIcon,
   center,
   container: container$1,
@@ -5237,13 +5202,13 @@ const style0$j = {
   uiBlocker,
   hintCallout
 };
-const _withScopeId$4 = (n) => (pushScopeId("data-v-da2aa5ea"), n = n(), popScopeId(), n);
-const _hoisted_1$c = {
+const _withScopeId$4 = (n) => (pushScopeId("data-v-09e06d98"), n = n(), popScopeId(), n);
+const _hoisted_1$d = {
   key: 0,
   class: "ml-4xs"
 };
 const _hoisted_2$8 = { key: 0 };
-const _hoisted_3$4 = ["innerHTML"];
+const _hoisted_3$5 = ["innerHTML"];
 const _hoisted_4$3 = ["data-test-id"];
 const _hoisted_5$4 = { key: 0 };
 const _hoisted_6$3 = { key: 1 };
@@ -5251,7 +5216,7 @@ const _hoisted_7$2 = { key: 2 };
 const _hoisted_8$2 = { key: 3 };
 const _hoisted_9$2 = { key: 4 };
 function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f;
   const _component_n8n_link = resolveComponent("n8n-link");
   const _component_n8n_callout = resolveComponent("n8n-callout");
   const _component_BinaryDataDisplay = resolveComponent("BinaryDataDisplay");
@@ -5303,7 +5268,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
       ]),
       default: withCtx(() => [
         createTextVNode(toDisplayString(_ctx.$locale.baseText("runData.pindata.thisDataIsPinned")) + " ", 1),
-        !_ctx.isReadOnlyRoute && !_ctx.readOnlyEnv ? (openBlock(), createElementBlock("span", _hoisted_1$c, [
+        !_ctx.isReadOnlyRoute && !_ctx.readOnlyEnv ? (openBlock(), createElementBlock("span", _hoisted_1$d, [
           createVNode(_component_n8n_link, {
             theme: "secondary",
             size: "small",
@@ -5587,12 +5552,12 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
           error: _ctx.subworkflowExecutionError,
           class: normalizeClass(_ctx.$style.errorDisplay)
         }, null, 8, ["error", "class"])
-      ], 2)) : !_ctx.hasNodeRun ? (openBlock(), createElementBlock("div", {
+      ], 2)) : !_ctx.hasNodeRun && !(_ctx.isInputSchemaView && ((_e = _ctx.node) == null ? void 0 : _e.disabled)) ? (openBlock(), createElementBlock("div", {
         key: 3,
         class: normalizeClass(_ctx.$style.center)
       }, [
         renderSlot(_ctx.$slots, "node-not-run", {}, void 0, true)
-      ], 2)) : _ctx.paneType === "input" && ((_e = _ctx.node) == null ? void 0 : _e.disabled) ? (openBlock(), createElementBlock("div", {
+      ], 2)) : _ctx.paneType === "input" && !_ctx.isInputSchemaView && ((_f = _ctx.node) == null ? void 0 : _f.disabled) ? (openBlock(), createElementBlock("div", {
         key: 4,
         class: normalizeClass(_ctx.$style.center)
       }, [
@@ -5705,7 +5670,7 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
               innerHTML: _ctx.$locale.baseText("ndv.output.tooMuchData.message", {
                 interpolate: { size: _ctx.dataSizeInMB }
               })
-            }, null, 8, _hoisted_3$4)
+            }, null, 8, _hoisted_3$5)
           ]),
           _: 1
         }),
@@ -6016,11 +5981,11 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["show", "class"])
   ], 34);
 }
-const cssModules$l = {
-  "$style": style0$j
+const cssModules$n = {
+  "$style": style0$l
 };
-const RunData = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$7], ["__cssModules", cssModules$l], ["__scopeId", "data-v-da2aa5ea"]]);
-const _sfc_main$u = defineComponent({
+const RunData = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["render", _sfc_render$7], ["__cssModules", cssModules$n], ["__scopeId", "data-v-09e06d98"]]);
+const _sfc_main$x = defineComponent({
   props: {
     taskData: {},
     // ITaskData
@@ -6047,9 +6012,9 @@ const _sfc_main$u = defineComponent({
     }
   }
 });
-const _hoisted_1$b = ["innerHTML"];
+const _hoisted_1$c = ["innerHTML"];
 const _hoisted_2$7 = /* @__PURE__ */ createBaseVNode("br", null, null, -1);
-const _hoisted_3$3 = /* @__PURE__ */ createBaseVNode("br", null, null, -1);
+const _hoisted_3$4 = /* @__PURE__ */ createBaseVNode("br", null, null, -1);
 function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_n8n_info_tip = resolveComponent("n8n-info-tip");
   const _component_n8n_text = resolveComponent("n8n-text");
@@ -6065,7 +6030,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
         innerHTML: _ctx.$locale.baseText(
           _ctx.hasPinData ? "ndv.output.staleDataWarning.pinData" : "ndv.output.staleDataWarning.regular"
         )
-      }, null, 8, _hoisted_1$b)
+      }, null, 8, _hoisted_1$c)
     ]),
     _: 1
   })) : _ctx.runMetadata ? (openBlock(), createBlock(_component_n8n_info_tip, {
@@ -6097,7 +6062,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
           _: 1
         }),
         createTextVNode(" " + toDisplayString(_ctx.runMetadata.startTime), 1),
-        _hoisted_3$3,
+        _hoisted_3$4,
         createVNode(_component_n8n_text, {
           bold: true,
           size: "small"
@@ -6113,9 +6078,9 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["theme", "data-test-id"])) : createCommentVNode("", true);
 }
-const RunInfo = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$6]]);
-const _hoisted_1$a = /* @__PURE__ */ createBaseVNode("br", null, null, -1);
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const RunInfo = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$6]]);
+const _hoisted_1$b = /* @__PURE__ */ createBaseVNode("br", null, null, -1);
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "OutputPanel",
   props: {
     workflow: {},
@@ -6365,7 +6330,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                   key: 0,
                   onClick: insertTestData
                 }, [
-                  _hoisted_1$a,
+                  _hoisted_1$b,
                   createTextVNode(" " + toDisplayString(_ctx.$locale.baseText("generic.or")) + " ", 1),
                   createVNode(_component_n8n_text, {
                     tag: "a",
@@ -6454,19 +6419,19 @@ const titleSection$1 = "_titleSection_f1tu5_11";
 const title$2 = "_title_f1tu5_11";
 const noOutputData$1 = "_noOutputData_f1tu5_27";
 const recoveredOutputData$1 = "_recoveredOutputData_f1tu5_37";
-const style0$i = {
+const style0$k = {
   outputTypeSelect,
   titleSection: titleSection$1,
   title: title$2,
   noOutputData: noOutputData$1,
   recoveredOutputData: recoveredOutputData$1
 };
-const cssModules$k = {
-  "$style": style0$i
+const cssModules$m = {
+  "$style": style0$k
 };
-const OutputPanel = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__cssModules", cssModules$k]]);
-const _hoisted_1$9 = { key: 0 };
-const _sfc_main$s = /* @__PURE__ */ defineComponent({
+const OutputPanel = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__cssModules", cssModules$m]]);
+const _hoisted_1$a = { key: 0 };
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "InputNodeSelect",
   props: {
     nodes: {},
@@ -6564,7 +6529,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
         prefix: withCtx(() => {
           var _a;
           return [
-            createVNode(_sfc_main$L, {
+            createVNode(_sfc_main$O, {
               disabled: (_a = selectedInputNode.value) == null ? void 0 : _a.disabled,
               "node-type": selectedInputNodeType.value,
               size: 14,
@@ -6582,7 +6547,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
               "data-test-id": "ndv-input-option"
             }, {
               default: withCtx(() => [
-                createVNode(_sfc_main$L, {
+                createVNode(_sfc_main$O, {
                   disabled: node2.disabled,
                   "node-type": type,
                   size: 14,
@@ -6593,7 +6558,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
                   class: normalizeClass(_ctx.$style.title)
                 }, [
                   createTextVNode(toDisplayString(title2(node2.name)) + " ", 1),
-                  node2.disabled ? (openBlock(), createElementBlock("span", _hoisted_1$9, "(" + toDisplayString(unref(i18n2).baseText("node.disabled")) + ")", 1)) : createCommentVNode("", true)
+                  node2.disabled ? (openBlock(), createElementBlock("span", _hoisted_1$a, "(" + toDisplayString(unref(i18n2).baseText("node.disabled")) + ")", 1)) : createCommentVNode("", true)
                 ], 2),
                 createBaseVNode("span", {
                   class: normalizeClass(_ctx.$style.subtitle)
@@ -6614,7 +6579,7 @@ const icon = "_icon_68vpa_18";
 const title$1 = "_title_68vpa_22";
 const disabled$1 = "_disabled_68vpa_31";
 const subtitle = "_subtitle_68vpa_35";
-const style0$h = {
+const style0$j = {
   select,
   node: node$1,
   icon,
@@ -6622,12 +6587,12 @@ const style0$h = {
   disabled: disabled$1,
   subtitle
 };
-const cssModules$j = {
-  "$style": style0$h
+const cssModules$l = {
+  "$style": style0$j
 };
-const InputNodeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["__cssModules", cssModules$j]]);
-const _sfc_main$r = {};
-const _hoisted_1$8 = {
+const InputNodeSelect = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__cssModules", cssModules$l]]);
+const _sfc_main$u = {};
+const _hoisted_1$9 = {
   width: "112",
   height: "80",
   viewBox: "0 0 112 80",
@@ -6640,10 +6605,10 @@ const _hoisted_5$3 = [
   _hoisted_2$6
 ];
 function _sfc_render$5(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$8, _hoisted_5$3);
+  return openBlock(), createElementBlock("svg", _hoisted_1$9, _hoisted_5$3);
 }
-const WireMeUp = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$5]]);
-const _sfc_main$q = defineComponent({
+const WireMeUp = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$5]]);
+const _sfc_main$t = defineComponent({
   name: "InputPanel",
   components: { RunData, NodeExecuteButton, WireMeUp, InputNodeSelect },
   props: {
@@ -6921,7 +6886,7 @@ const noOutputData = "_noOutputData_17wvq_18";
 const recoveredOutputData = "_recoveredOutputData_17wvq_28";
 const notConnected = "_notConnected_17wvq_37";
 const title = "_title_17wvq_5";
-const style0$g = {
+const style0$i = {
   mappedNode,
   titleSection,
   inputModeTab,
@@ -6930,7 +6895,7 @@ const style0$g = {
   notConnected,
   title
 };
-const _hoisted_1$7 = ["innerHTML"];
+const _hoisted_1$8 = ["innerHTML"];
 function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_n8n_radio_buttons = resolveComponent("n8n-radio-buttons");
   const _component_InputNodeSelect = resolveComponent("InputNodeSelect");
@@ -7015,7 +6980,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
               innerHTML: _ctx.$locale.baseText("dataMapping.dragFromPreviousHint", {
                 interpolate: { name: _ctx.focusedMappableInput }
               })
-            }, null, 8, _hoisted_1$7)
+            }, null, 8, _hoisted_1$8)
           ]),
           default: withCtx(() => [
             createVNode(_component_NodeExecuteButton, {
@@ -7134,16 +7099,16 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     } : void 0
   ]), 1032, ["node", "nodes", "workflow", "run-index", "linked-runs", "can-link-runs", "too-much-data-title", "no-data-in-branch-message", "is-executing", "executing-message", "push-ref", "override-outputs", "mapping-enabled", "distance-from-active", "is-production-execution-preview", "is-pane-active", "onActivatePane", "onLinkRun", "onUnlinkRun", "onRunChange"]);
 }
-const cssModules$i = {
-  "$style": style0$g
+const cssModules$k = {
+  "$style": style0$i
 };
-const InputPanel = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$4], ["__cssModules", cssModules$i]]);
-const _sfc_main$p = defineComponent({
+const InputPanel = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render$4], ["__cssModules", cssModules$k]]);
+const _sfc_main$s = defineComponent({
   name: "TriggerPanel",
   components: {
     NodeExecuteButton,
     CopyInput,
-    NodeIcon: _sfc_main$L
+    NodeIcon: _sfc_main$O
   },
   props: {
     nodeName: {
@@ -7445,7 +7410,7 @@ const header = "_header_1evnm_18";
 const action = "_action_1evnm_25";
 const shake$1 = "_shake_1evnm_29";
 const accordion = "_accordion_1evnm_50";
-const style0$f = {
+const style0$h = {
   container,
   header,
   action,
@@ -7453,9 +7418,9 @@ const style0$f = {
   accordion
 };
 const _withScopeId$3 = (n) => (pushScopeId("data-v-36b80c39"), n = n(), popScopeId(), n);
-const _hoisted_1$6 = { key: "empty" };
+const _hoisted_1$7 = { key: "empty" };
 const _hoisted_2$5 = { key: "listening" };
-const _hoisted_3$2 = { key: 0 };
+const _hoisted_3$3 = { key: 0 };
 const _hoisted_4$2 = { key: 1 };
 const _hoisted_5$2 = { key: 0 };
 const _hoisted_6$2 = { key: "default" };
@@ -7484,7 +7449,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
       mode: "out-in"
     }, {
       default: withCtx(() => [
-        _ctx.hasIssues || _ctx.hideContent ? (openBlock(), createElementBlock("div", _hoisted_1$6)) : _ctx.isListeningForEvents ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
+        _ctx.hasIssues || _ctx.hideContent ? (openBlock(), createElementBlock("div", _hoisted_1$7)) : _ctx.isListeningForEvents ? (openBlock(), createElementBlock("div", _hoisted_2$5, [
           createVNode(_component_n8n_pulse, null, {
             default: withCtx(() => [
               createVNode(_component_NodeIcon, {
@@ -7494,7 +7459,7 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
             ]),
             _: 1
           }),
-          _ctx.isWebhookNode ? (openBlock(), createElementBlock("div", _hoisted_3$2, [
+          _ctx.isWebhookNode ? (openBlock(), createElementBlock("div", _hoisted_3$3, [
             createVNode(_component_n8n_text, {
               tag: "div",
               size: "large",
@@ -7650,11 +7615,11 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     })
   ], 2);
 }
-const cssModules$h = {
-  "$style": style0$f
+const cssModules$j = {
+  "$style": style0$h
 };
-const TriggerPanel = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$3], ["__cssModules", cssModules$h], ["__scopeId", "data-v-36b80c39"]]);
-const _sfc_main$o = /* @__PURE__ */ defineComponent({
+const TriggerPanel = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$3], ["__cssModules", cssModules$j], ["__scopeId", "data-v-36b80c39"]]);
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "NodeDetailsView",
   props: {
     workflowObject: {},
@@ -8325,15 +8290,15 @@ const style1 = {
   backToCanvas,
   featureRequest
 };
-const cssModules$g = {
+const cssModules$i = {
   "$style": style1
 };
-const NodeDetailsView = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__cssModules", cssModules$g]]);
+const NodeDetailsView = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__cssModules", cssModules$i]]);
 const NodeDetailsView$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: NodeDetailsView
 }, Symbol.toStringTag, { value: "Module" }));
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "ContextMenu",
   emits: ["action"],
   setup(__props, { emit: __emit }) {
@@ -8399,14 +8364,14 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
 });
 const contextMenu = "_contextMenu_1t4kq_1";
 const activator = "_activator_1t4kq_5";
-const style0$e = {
+const style0$g = {
   contextMenu,
   activator
 };
-const cssModules$f = {
-  "$style": style0$e
+const cssModules$h = {
+  "$style": style0$g
 };
-const ContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__cssModules", cssModules$f]]);
+const ContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__cssModules", cssModules$h]]);
 function useNodeBase({
   name,
   instance,
@@ -8897,12 +8862,12 @@ function useNodeBase({
     outputs: outputs2
   };
 }
-const _sfc_main$m = defineComponent({
+const _sfc_main$p = defineComponent({
   name: "Node",
   components: {
     TitledList,
     FontAwesomeIcon,
-    NodeIcon: _sfc_main$L
+    NodeIcon: _sfc_main$O
   },
   props: {
     isProductionExecutionPreview: {
@@ -9479,9 +9444,9 @@ const _sfc_main$m = defineComponent({
   }
 });
 const _withScopeId$2 = (n) => (pushScopeId("data-v-45f1741d"), n = n(), popScopeId(), n);
-const _hoisted_1$5 = ["id", "data-name", "data-node-type"];
+const _hoisted_1$6 = ["id", "data-name", "data-node-type"];
 const _hoisted_2$4 = { class: "select-background" };
-const _hoisted_3$1 = {
+const _hoisted_3$2 = {
   key: 0,
   class: "trigger-icon"
 };
@@ -9560,7 +9525,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
         style: normalizeStyle(_ctx.nodeStyle),
         onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onClick && _ctx.onClick(...args), ["left"]))
       }, [
-        _ctx.isTriggerNode ? (openBlock(), createElementBlock("i", _hoisted_3$1, [
+        _ctx.isTriggerNode ? (openBlock(), createElementBlock("i", _hoisted_3$2, [
           createVNode(_component_n8n_tooltip, { placement: "bottom" }, {
             content: withCtx(() => [
               createBaseVNode("span", {
@@ -9741,10 +9706,10 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
     ], 544)), [
       [vShow, !_ctx.hideActions]
     ]) : createCommentVNode("", true)
-  ], 46, _hoisted_1$5)) : createCommentVNode("", true);
+  ], 46, _hoisted_1$6)) : createCommentVNode("", true);
 }
-const Node = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render$2], ["__scopeId", "data-v-45f1741d"]]);
-const _sfc_main$l = defineComponent({
+const Node$1 = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$2], ["__scopeId", "data-v-45f1741d"]]);
+const _sfc_main$o = defineComponent({
   name: "Sticky",
   props: {
     nodeViewScale: {
@@ -10011,16 +9976,16 @@ const _sfc_main$l = defineComponent({
     }
   }
 });
-const _withScopeId$1 = (n) => (pushScopeId("data-v-4f480943"), n = n(), popScopeId(), n);
-const _hoisted_1$4 = ["id", "data-name"];
+const _withScopeId$1 = (n) => (pushScopeId("data-v-679f99cc"), n = n(), popScopeId(), n);
+const _hoisted_1$5 = ["id", "data-name"];
 const _hoisted_2$3 = { class: "select-sticky-background" };
-const _hoisted_3 = ["title"];
+const _hoisted_3$1 = ["title"];
 const _hoisted_4 = ["title"];
 const _hoisted_5 = { class: "content" };
 const _hoisted_6 = ["onClick"];
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   var _a, _b;
-  const _component_n8n_sticky = resolveComponent("n8n-sticky");
+  const _component_N8nResizeableSticky = resolveComponent("N8nResizeableSticky");
   const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
   const _component_n8n_popover = resolveComponent("n8n-popover");
   const _directive_touch = resolveDirective("touch");
@@ -10049,7 +10014,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
         onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.mouseLeftClick && _ctx.mouseLeftClick(...args), ["left"])),
         onContextmenu: _cache[1] || (_cache[1] = (...args) => _ctx.onContextMenu && _ctx.onContextMenu(...args))
       }, [
-        _ctx.node ? (openBlock(), createBlock(_component_n8n_sticky, {
+        _ctx.node ? (openBlock(), createBlock(_component_N8nResizeableSticky, {
           key: 0,
           id: _ctx.node.id,
           "model-value": _ctx.node.parameters.content,
@@ -10081,7 +10046,7 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
           title: _ctx.$locale.baseText("node.delete")
         }, [
           createVNode(_component_font_awesome_icon, { icon: "trash" })
-        ], 8, _hoisted_3)), [
+        ], 8, _hoisted_3$1)), [
           [_directive_touch, _ctx.deleteNode, "tap"]
         ]),
         createVNode(_component_n8n_popover, {
@@ -10128,9 +10093,9 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
         [vShow, _ctx.showActions]
       ])
     ], 6)
-  ], 12, _hoisted_1$4);
+  ], 12, _hoisted_1$5);
 }
-const Sticky = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["render", _sfc_render$1], ["__scopeId", "data-v-4f480943"]]);
+const Sticky = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render$1], ["__scopeId", "data-v-679f99cc"]]);
 const SEQUENTIAL_BONUS = 60;
 const SEPARATOR_BONUS = 30;
 const CAMEL_BONUS = 30;
@@ -10960,10 +10925,19 @@ const useViewStacks = defineStore("nodeCreatorViewStacks", () => {
       return stack.items ? extendItemsWithUUID(stack.items) : [];
     }
     if (stack.search && searchBaseItems.value) {
-      const searchBase = searchBaseItems.value.length > 0 ? searchBaseItems.value : flattenCreateElements(stack.baselineItems ?? []);
+      let searchBase = searchBaseItems.value;
       const canvasHasAINodes = useCanvasStore().aiNodes.length > 0;
-      const filteredNodes = isAiRootView(stack) || canvasHasAINodes ? searchBase : filterOutAiNodes(searchBase);
-      const searchResults = extendItemsWithUUID(searchNodes(stack.search || "", filteredNodes));
+      if (searchBaseItems.value.length === 0) {
+        searchBase = flattenCreateElements(stack.baselineItems ?? []);
+      }
+      if (
+        // Filter-out AI sub-nodes if canvas has no AI nodes and the root view is not AI
+        !(isAiRootView(stack) || canvasHasAINodes) || // or if the source is a plus endpoint or a node connection drop
+        ["plus_endpoint", "node_connection_drop"].includes(nodeCreatorStore.openSource)
+      ) {
+        searchBase = filterOutAiNodes(searchBase);
+      }
+      const searchResults = extendItemsWithUUID(searchNodes(stack.search || "", searchBase));
       const groupedNodes = groupIfAiNodes(searchResults, false) ?? searchResults;
       stack.activeIndex = groupedNodes.some((node2) => node2.type === "section") ? 1 : 0;
       return groupedNodes;
@@ -11031,11 +11005,24 @@ const useViewStacks = defineStore("nodeCreatorViewStacks", () => {
   function isAiRootView(stack) {
     return stack.rootView === AI_NODE_CREATOR_VIEW;
   }
+  function filterAiRootNodes(items) {
+    return items.filter((node2) => {
+      var _a, _b;
+      if (node2.type !== "node")
+        return false;
+      return (_b = (_a = node2.properties.codex) == null ? void 0 : _a.subcategories) == null ? void 0 : _b[AI_SUBCATEGORY].includes(
+        AI_CATEGORY_ROOT_NODES
+      );
+    });
+  }
   function groupIfAiNodes(items, sortAlphabetically = true) {
     const aiNodes = items.filter((node2) => isAINode(node2));
-    if (aiNodes.length > 0) {
+    const canvasHasAINodes = useCanvasStore().aiNodes.length > 0;
+    if (aiNodes.length > 0 && (canvasHasAINodes || isAiRootView(getLastActiveStack()))) {
       const sectionsMap = /* @__PURE__ */ new Map();
-      aiNodes.forEach((node2) => {
+      const aiRootNodes = filterAiRootNodes(aiNodes);
+      const aiSubNodes = difference(aiNodes, aiRootNodes);
+      aiSubNodes.forEach((node2) => {
         var _a, _b, _c, _d, _e, _f;
         const section = (_c = (_b = (_a = node2.properties.codex) == null ? void 0 : _a.subcategories) == null ? void 0 : _b[AI_SUBCATEGORY]) == null ? void 0 : _c[0];
         if (section) {
@@ -11051,26 +11038,12 @@ const useViewStacks = defineStore("nodeCreatorViewStacks", () => {
         }
       });
       const nonAiNodes = difference(items, aiNodes);
-      const nonAiTriggerNodes = nonAiNodes.filter(
-        (item) => item.type === "node" && useNodeTypesStore().isTriggerNode(item.properties.name)
-      );
-      const nonAiRegularNodes = difference(nonAiNodes, nonAiTriggerNodes);
-      if (nonAiNodes.length > 0) {
-        let sectionKey = "";
-        if (nonAiRegularNodes.length && nonAiTriggerNodes.length) {
-          sectionKey = i18n2.baseText("nodeCreator.actionsCategory.regularAndTriggers");
-        } else {
-          sectionKey = nonAiRegularNodes.length ? i18n2.baseText("nodeCreator.actionsCategory.regularNodes") : i18n2.baseText("nodeCreator.actionsCategory.triggerNodes");
-        }
-        const nodesKeys = nonAiNodes.map((node2) => node2.key);
-        sectionsMap.set(sectionKey, {
-          key: sectionKey,
-          title: sectionKey,
-          items: [...nodesKeys]
-        });
-      }
       const sections = Array.from(sectionsMap.values());
-      return groupItemsInSections(items, sections, sortAlphabetically);
+      return [
+        ...nonAiNodes,
+        ...aiRootNodes,
+        ...groupItemsInSections(aiSubNodes, sections, sortAlphabetically)
+      ];
     }
     return items;
   }
@@ -11227,23 +11200,41 @@ function mapLegacyConnectionsToCanvasConnections(legacyConnections, nodes) {
   const mappedConnections = [];
   Object.keys(legacyConnections).forEach((fromNodeName) => {
     var _a;
-    const fromId = (_a = nodes.find((node2) => node2.name === fromNodeName)) == null ? void 0 : _a.id;
-    const fromConnectionTypes = Object.keys(legacyConnections[fromNodeName]);
+    const fromId = ((_a = nodes.find((node2) => node2.name === fromNodeName)) == null ? void 0 : _a.id) ?? "";
+    const fromConnectionTypes = Object.keys(
+      legacyConnections[fromNodeName]
+    );
     fromConnectionTypes.forEach((fromConnectionType) => {
       const fromPorts = legacyConnections[fromNodeName][fromConnectionType];
       fromPorts.forEach((toPorts, fromIndex) => {
         toPorts.forEach((toPort) => {
           var _a2;
-          const toId = (_a2 = nodes.find((node2) => node2.name === toPort.node)) == null ? void 0 : _a2.id;
+          const toId = ((_a2 = nodes.find((node2) => node2.name === toPort.node)) == null ? void 0 : _a2.id) ?? "";
           const toConnectionType = toPort.type;
           const toIndex = toPort.index;
+          const sourceHandle = createCanvasConnectionHandleString({
+            mode: CanvasConnectionMode.Output,
+            type: fromConnectionType,
+            index: fromIndex
+          });
+          const targetHandle = createCanvasConnectionHandleString({
+            mode: CanvasConnectionMode.Input,
+            type: toConnectionType,
+            index: toIndex
+          });
+          const connectionId = createCanvasConnectionId({
+            source: fromId,
+            sourceHandle,
+            target: toId,
+            targetHandle
+          });
           if (fromId && toId) {
             mappedConnections.push({
-              id: `[${fromId}/${fromConnectionType}/${fromIndex}][${toId}/${toConnectionType}/${toIndex}]`,
+              id: connectionId,
               source: fromId,
               target: toId,
-              sourceHandle: `${CanvasConnectionMode.Output}/${fromConnectionType}/${fromIndex}`,
-              targetHandle: `${CanvasConnectionMode.Input}/${toConnectionType}/${toIndex}`,
+              sourceHandle,
+              targetHandle,
               data: {
                 fromNodeName,
                 source: {
@@ -11277,6 +11268,14 @@ function parseCanvasConnectionHandleString(handle2) {
     index: resolvedIndex
   };
 }
+function getVueFlowConnectorLengths(connection) {
+  const connectionId = createCanvasConnectionId(connection);
+  const edgeRef = document.getElementById(connectionId);
+  if (!edgeRef) {
+    return [PUSH_NODES_OFFSET, PUSH_NODES_OFFSET];
+  }
+  return [edgeRef.clientWidth, edgeRef.clientHeight];
+}
 function createCanvasConnectionHandleString({
   mode,
   type = NodeConnectionType.Main,
@@ -11284,6 +11283,9 @@ function createCanvasConnectionHandleString({
 }) {
   return `${mode}/${type}/${index}`;
 }
+function createCanvasConnectionId(connection) {
+  return `[${connection.source}/${connection.sourceHandle}][${connection.target}/${connection.targetHandle}]`;
+}
 function mapCanvasConnectionToLegacyConnection(sourceNode, targetNode, connection) {
   const sourceNodeName = (sourceNode == null ? void 0 : sourceNode.name) ?? "";
   const { type: sourceType, index: sourceIndex } = parseCanvasConnectionHandleString(
@@ -11382,15 +11384,15 @@ const useNodeCreatorStore = defineStore(STORES.NODE_CREATOR, () => {
         });
       } else if (connectionType2 && nodeData) {
         openNodeCreatorForConnectingNode({
-          index: 0,
-          endpointUuid: createCanvasConnectionHandleString({
-            mode: "inputs",
-            type: connectionType2,
-            index: 0
-          }),
-          eventSource: NODE_CREATOR_OPEN_SOURCES.NOTICE_ERROR_MESSAGE,
-          outputType: connectionType2,
-          sourceId: nodeData.id
+          connection: {
+            source: nodeData.id,
+            sourceHandle: createCanvasConnectionHandleString({
+              mode: "inputs",
+              type: connectionType2,
+              index: 0
+            })
+          },
+          eventSource: NODE_CREATOR_OPEN_SOURCES.NOTICE_ERROR_MESSAGE
         });
       }
     });
@@ -11447,28 +11449,44 @@ const useNodeCreatorStore = defineStore(STORES.NODE_CREATOR, () => {
       workflow_id: workflowId
     });
   }
-  function openNodeCreatorForConnectingNode(info) {
-    var _a;
-    const type = info.outputType ?? NodeConnectionType.Main;
-    const sourceNode = workflowsStore.getNodeById(info.sourceId);
+  function openNodeCreatorForConnectingNode({
+    connection,
+    eventSource,
+    nodeCreatorView
+  }) {
+    const sourceNode = workflowsStore.getNodeById(connection.source);
     if (!sourceNode) {
       return;
     }
+    const { type, index, mode } = parseCanvasConnectionHandleString(connection.sourceHandle);
     uiStore.lastSelectedNode = sourceNode.name;
-    uiStore.lastSelectedNodeEndpointUuid = info.endpointUuid ?? null;
-    uiStore.lastSelectedNodeOutputIndex = info.index;
+    uiStore.lastSelectedNodeEndpointUuid = connection.sourceHandle ?? null;
+    uiStore.lastSelectedNodeOutputIndex = index;
+    if (isVueFlowConnection(connection)) {
+      uiStore.lastSelectedNodeConnection = connection;
+    }
     openNodeCreator({
-      source: info.eventSource,
+      source: eventSource,
       createNodeActive: true,
-      nodeCreatorView: info.nodeCreatorView
+      nodeCreatorView
     });
-    const isOutput = ((_a = info.connection) == null ? void 0 : _a.endpoints[0].parameters.connection) === "source";
+    const isOutput = mode === CanvasConnectionMode.Output;
     const isScopedConnection = type !== NodeConnectionType.Main && nodeConnectionTypes.includes(type);
     if (isScopedConnection) {
       useViewStacks().gotoCompatibleConnectionView(type, isOutput, getNodeCreatorFilter(sourceNode.name, type)).catch(() => {
       });
     }
   }
+  function openNodeCreatorForTriggerNodes(source) {
+    ndvStore.activeNodeName = null;
+    setSelectedView(TRIGGER_NODE_CREATOR_VIEW);
+    setShowScrim(true);
+    openNodeCreator({
+      source,
+      createNodeActive: true,
+      nodeCreatorView: TRIGGER_NODE_CREATOR_VIEW
+    });
+  }
   function getNodeCreatorFilter(nodeName, outputType) {
     let filter;
     const workflow = workflowsStore.getCurrentWorkflow();
@@ -11504,11 +11522,12 @@ const useNodeCreatorStore = defineStore(STORES.NODE_CREATOR, () => {
     openNodeCreator,
     openSelectiveNodeCreator,
     openNodeCreatorForConnectingNode,
+    openNodeCreatorForTriggerNodes,
     allNodeCreatorNodes
   };
 });
-const _hoisted_1$3 = ["textContent"];
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _hoisted_1$4 = ["textContent"];
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "CanvasAddButton",
   props: {
     showTooltip: { type: Boolean },
@@ -11557,23 +11576,23 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
         createBaseVNode("p", {
           class: normalizeClass(_ctx.$style.label),
           textContent: toDisplayString(_ctx.$locale.baseText("nodeView.canvasAddButton.addFirstStep"))
-        }, null, 10, _hoisted_1$3)
+        }, null, 10, _hoisted_1$4)
       ], 6);
     };
   }
 });
 const canvasAddButton = "_canvasAddButton_1easi_1";
-const button = "_button_1easi_13";
-const label$4 = "_label_1easi_34";
-const style0$d = {
+const button$1 = "_button_1easi_13";
+const label$5 = "_label_1easi_34";
+const style0$f = {
   canvasAddButton,
-  button,
-  label: label$4
+  button: button$1,
+  label: label$5
 };
-const cssModules$e = {
-  "$style": style0$d
+const cssModules$g = {
+  "$style": style0$f
 };
-const CanvasAddButton = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__cssModules", cssModules$e]]);
+const CanvasAddButton = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__cssModules", cssModules$g]]);
 function useCanvasPanning(elementRef, options = {}) {
   const uiStore = useUIStore();
   const moveLastPosition = ref([0, 0]);
@@ -11637,19 +11656,19 @@ function useCanvasPanning(elementRef, options = {}) {
   };
 }
 const NodeCreation = defineAsyncComponent(
-  async () => await __vitePreload(() => import("./NodeCreation-CgjwaWLn.js").then((n) => n.N), true ? __vite__mapDeps([53,6,7,8,4,1,9,10,11,12,3,2,5,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,54]) : void 0)
+  async () => await __vitePreload(() => import("./NodeCreation-DDxu1Y6l.js").then((n) => n.N), true ? __vite__mapDeps([54,5,6,7,4,1,8,9,10,11,3,2,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,55]) : void 0)
 );
 const CanvasControls = defineAsyncComponent(
-  async () => await __vitePreload(() => import("./CanvasControls-C9YoqDJR.js"), true ? __vite__mapDeps([55,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,56]) : void 0)
+  async () => await __vitePreload(() => import("./CanvasControls-BEPEvUZz.js"), true ? __vite__mapDeps([56,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,57]) : void 0)
 );
 const SetupWorkflowCredentialsButton = defineAsyncComponent(
-  async () => await __vitePreload(() => import("./SetupWorkflowCredentialsButton-D61YFBaI.js"), true ? __vite__mapDeps([57,1,3,2,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31]) : void 0)
+  async () => await __vitePreload(() => import("./SetupWorkflowCredentialsButton-Cl1OTBlm.js"), true ? __vite__mapDeps([58,1,3,2,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31]) : void 0)
 );
-const _sfc_main$j = defineComponent({
+const _sfc_main$m = defineComponent({
   name: "NodeView",
   components: {
     NodeDetailsView,
-    Node,
+    Node: Node$1,
     Sticky,
     CanvasAddButton,
     KeyboardShortcutTooltip,
@@ -13487,7 +13506,7 @@ const _sfc_main$j = defineComponent({
         }
         this.$telemetry.trackNodesPanel("nodeView.addNodeButton", trackProperties);
       }
-      if (trackHistory) {
+      if (trackHistory && !isAutoAdd) {
         this.deselectAllNodes();
         setTimeout(() => {
           this.nodeSelectedByName(
@@ -15115,8 +15134,8 @@ const style2 = {
   shake,
   setupCredentialsButtonWrapper
 };
-const _withScopeId = (n) => (pushScopeId("data-v-18db1a5a"), n = n(), popScopeId(), n);
-const _hoisted_1$2 = ["textContent"];
+const _withScopeId = (n) => (pushScopeId("data-v-6169c2fe"), n = n(), popScopeId(), n);
+const _hoisted_1$3 = ["textContent"];
 const _hoisted_2$2 = {
   key: 0,
   class: "workflow-execute-wrapper"
@@ -15204,7 +15223,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
               "custom-tooltip": withCtx(() => [
                 createBaseVNode("span", {
                   textContent: toDisplayString(_ctx.$locale.baseText("nodeView.canvasAddButton.addATriggerNodeBeforeExecuting"))
-                }, null, 8, _hoisted_1$2)
+                }, null, 8, _hoisted_1$3)
               ]),
               _: 2
             }, 1032, ["name", "is-read-only", "instance", "is-active", "hide-actions", "is-production-execution-preview", "workflow", "disable-pointer-events", "hide-node-issues", "onDeselectAllNodes", "onDeselectNode", "onNodeSelected", "onRunWorkflow", "onMoved", "onRun"]);
@@ -15344,15 +15363,16 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     ], 32)
   ], 2);
 }
-const cssModules$d = {
+const cssModules$f = {
   "$style": style2
 };
-const NodeViewV1 = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["render", _sfc_render], ["__cssModules", cssModules$d], ["__scopeId", "data-v-18db1a5a"]]);
+const NodeViewV1 = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["render", _sfc_render], ["__cssModules", cssModules$f], ["__scopeId", "data-v-6169c2fe"]]);
 function useCanvasNode() {
   const node2 = inject(CanvasNodeKey);
   const data = computed(
     () => (node2 == null ? void 0 : node2.data.value) ?? {
       id: "",
+      name: "",
       type: "",
       typeVersion: 1,
       disabled: false,
@@ -15366,12 +15386,14 @@ function useCanvasNode() {
       },
       runData: { count: 0, visible: false },
       render: {
-        type: "default",
+        type: CanvasNodeRenderType.Default,
         options: {}
       }
     }
   );
+  const id = computed(() => (node2 == null ? void 0 : node2.id.value) ?? "");
   const label2 = computed(() => (node2 == null ? void 0 : node2.label.value) ?? "");
+  const name = computed(() => data.value.name);
   const inputs = computed(() => data.value.inputs);
   const outputs2 = computed(() => data.value.outputs);
   const connections2 = computed(() => data.value.connections);
@@ -15386,9 +15408,11 @@ function useCanvasNode() {
   const executionRunning = computed(() => data.value.execution.running);
   const runDataCount = computed(() => data.value.runData.count);
   const hasRunData = computed(() => data.value.runData.visible);
-  const renderOptions = computed(() => data.value.render.options);
+  const render = computed(() => data.value.render);
   return {
     node: node2,
+    id,
+    name,
     label: label2,
     inputs,
     outputs: outputs2,
@@ -15404,19 +15428,25 @@ function useCanvasNode() {
     executionStatus,
     executionWaiting,
     executionRunning,
-    renderOptions
+    render
   };
 }
 const workflowRunning = false;
 const nodeDisabledTitle = "Test";
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeToolbar",
   emits: ["delete", "toggle", "run"],
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const $style = useCssModule();
     const i18n2 = useI18n();
-    const { renderOptions } = useCanvasNode();
+    const { render } = useCanvasNode();
+    const isExecuteNodeVisible = computed(() => {
+      return render.value.type === CanvasNodeRenderType.Default && "configuration" in render.value.options && !render.value.options.configuration;
+    });
+    const isDisableNodeVisible = computed(() => {
+      return render.value.type === CanvasNodeRenderType.Default;
+    });
     function executeNode() {
       emit("run");
     }
@@ -15436,7 +15466,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
         createBaseVNode("div", {
           class: normalizeClass(unref($style).canvasNodeToolbarItems)
         }, [
-          !unref(renderOptions).configuration ? (openBlock(), createBlock(_component_N8nIconButton, {
+          isExecuteNodeVisible.value ? (openBlock(), createBlock(_component_N8nIconButton, {
             key: 0,
             "data-test-id": "execute-node-button",
             type: "tertiary",
@@ -15447,7 +15477,8 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
             title: unref(i18n2).baseText("node.testStep"),
             onClick: executeNode
           }, null, 8, ["title"])) : createCommentVNode("", true),
-          createVNode(_component_N8nIconButton, {
+          isDisableNodeVisible.value ? (openBlock(), createBlock(_component_N8nIconButton, {
+            key: 1,
             "data-test-id": "disable-node-button",
             type: "tertiary",
             text: "",
@@ -15455,7 +15486,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
             icon: "power-off",
             title: nodeDisabledTitle,
             onClick: onToggleNode
-          }),
+          })) : createCommentVNode("", true),
           createVNode(_component_N8nIconButton, {
             "data-test-id": "delete-node-button",
             type: "tertiary",
@@ -15480,14 +15511,14 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
 });
 const canvasNodeToolbar$1 = "_canvasNodeToolbar_1ljrn_1";
 const canvasNodeToolbarItems = "_canvasNodeToolbarItems_1ljrn_5";
-const style0$c = {
+const style0$e = {
   canvasNodeToolbar: canvasNodeToolbar$1,
   canvasNodeToolbarItems
 };
-const cssModules$c = {
-  "$style": style0$c
+const cssModules$e = {
+  "$style": style0$e
 };
-const CanvasNodeToolbar = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__cssModules", cssModules$c]]);
+const CanvasNodeToolbar = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__cssModules", cssModules$e]]);
 function useNodeConnections({
   inputs,
   outputs: outputs2,
@@ -15514,6 +15545,18 @@ function useNodeConnections({
   const mainOutputConnections = computed(
     () => unref(connections2).output[NodeConnectionType.Main] ?? []
   );
+  function isValidConnection(connection) {
+    const { type: sourceType, mode: sourceMode } = parseCanvasConnectionHandleString(
+      connection.sourceHandle
+    );
+    const { type: targetType, mode: targetMode } = parseCanvasConnectionHandleString(
+      connection.targetHandle
+    );
+    const isSameNode = connection.source === connection.target;
+    const isSameMode = sourceMode === targetMode;
+    const isSameType = sourceType === targetType;
+    return !isSameNode && !isSameMode && isSameType;
+  }
   return {
     mainInputs,
     nonMainInputs,
@@ -15521,10 +15564,11 @@ function useNodeConnections({
     mainInputConnections,
     mainOutputs,
     nonMainOutputs,
-    mainOutputConnections
+    mainOutputConnections,
+    isValidConnection
   };
 }
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeDisabledStrikeThrough",
   setup(__props) {
     const $style = useCssModule();
@@ -15558,17 +15602,17 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
 });
 const disabledStrikeThrough = "_disabledStrikeThrough_8cj0z_1";
 const success$1 = "_success_8cj0z_10";
-const style0$b = {
+const style0$d = {
   disabledStrikeThrough,
   success: success$1
 };
-const cssModules$b = {
-  "$style": style0$b
+const cssModules$d = {
+  "$style": style0$d
 };
-const CanvasNodeDisabledStrikeThrough = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__cssModules", cssModules$b]]);
-const _hoisted_1$1 = ["textContent"];
+const CanvasNodeDisabledStrikeThrough = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__cssModules", cssModules$d]]);
+const _hoisted_1$2 = ["textContent"];
 const _hoisted_2$1 = { key: 3 };
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeStatusIcons",
   setup(__props) {
     const nodeHelpers = useNodeHelpers();
@@ -15615,7 +15659,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
           content: withCtx(() => [
             createBaseVNode("div", {
               textContent: toDisplayString(unref(executionWaiting))
-            }, null, 8, _hoisted_1$1)
+            }, null, 8, _hoisted_1$2)
           ]),
           default: withCtx(() => [
             createVNode(_component_FontAwesomeIcon, { icon: "clock" })
@@ -15661,7 +15705,7 @@ const pinnedData = "_pinnedData_zk3it_12";
 const running$1 = "_running_zk3it_16";
 const issues = "_issues_zk3it_20";
 const count = "_count_zk3it_25";
-const style0$a = {
+const style0$c = {
   status,
   runData,
   pinnedData,
@@ -15669,13 +15713,14 @@ const style0$a = {
   issues,
   count
 };
-const cssModules$a = {
-  "$style": style0$a
+const cssModules$c = {
+  "$style": style0$c
 };
-const CanvasNodeStatusIcons = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__cssModules", cssModules$a]]);
-const _hoisted_1 = ["data-test-id"];
-const _hoisted_2 = { key: 0 };
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const CanvasNodeStatusIcons = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__cssModules", cssModules$c]]);
+const _hoisted_1$1 = ["data-test-id"];
+const _hoisted_2 = ["innerHTML"];
+const _hoisted_3 = { key: 0 };
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeDefault",
   setup(__props) {
     const $style = useCssModule();
@@ -15691,13 +15736,14 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       executionRunning,
       hasRunData,
       hasIssues: hasIssues2,
-      renderOptions
+      render
     } = useCanvasNode();
     const { mainOutputs, nonMainInputs, requiredNonMainInputs } = useNodeConnections({
       inputs,
       outputs: outputs2,
       connections: connections2
     });
+    const renderOptions = computed(() => render.value.options);
     const classes = computed(() => {
       return {
         [$style.node]: true,
@@ -15738,56 +15784,223 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
       return `canvas-${type}-node`;
     });
     return (_ctx, _cache) => {
+      const _component_FontAwesomeIcon = resolveComponent("FontAwesomeIcon");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(classes.value),
         style: normalizeStyle(styles.value),
         "data-test-id": dataTestId.value
       }, [
         renderSlot(_ctx.$slots, "default"),
+        renderOptions.value.trigger ? (openBlock(), createBlock(unref(N8nTooltip), {
+          key: 0,
+          placement: "bottom"
+        }, {
+          content: withCtx(() => [
+            createBaseVNode("span", {
+              innerHTML: _ctx.$locale.baseText("node.thisIsATriggerNode")
+            }, null, 8, _hoisted_2)
+          ]),
+          default: withCtx(() => [
+            createBaseVNode("div", {
+              class: normalizeClass(unref($style).triggerIcon)
+            }, [
+              createVNode(_component_FontAwesomeIcon, {
+                icon: "bolt",
+                size: "lg"
+              })
+            ], 2)
+          ]),
+          _: 1
+        })) : createCommentVNode("", true),
         createVNode(CanvasNodeStatusIcons, {
           class: normalizeClass(unref($style).statusIcons)
         }, null, 8, ["class"]),
-        unref(isDisabled) ? (openBlock(), createBlock(CanvasNodeDisabledStrikeThrough, { key: 0 })) : createCommentVNode("", true),
+        unref(isDisabled) ? (openBlock(), createBlock(CanvasNodeDisabledStrikeThrough, { key: 1 })) : createCommentVNode("", true),
         unref(label2) ? (openBlock(), createElementBlock("div", {
-          key: 1,
+          key: 2,
           class: normalizeClass(unref($style).label)
         }, [
           createTextVNode(toDisplayString(unref(label2)) + " ", 1),
-          unref(isDisabled) ? (openBlock(), createElementBlock("div", _hoisted_2, "(" + toDisplayString(unref(i18n2).baseText("node.disabled")) + ")", 1)) : createCommentVNode("", true)
+          unref(isDisabled) ? (openBlock(), createElementBlock("div", _hoisted_3, "(" + toDisplayString(unref(i18n2).baseText("node.disabled")) + ")", 1)) : createCommentVNode("", true)
         ], 2)) : createCommentVNode("", true)
-      ], 14, _hoisted_1);
+      ], 14, _hoisted_1$1);
     };
   }
 });
-const node = "_node_ihclb_1";
-const configuration = "_configuration_ihclb_24";
-const statusIcons = "_statusIcons_ihclb_31";
-const configurable = "_configurable_ihclb_34";
-const label$3 = "_label_ihclb_41";
-const selected = "_selected_ihclb_49";
-const success = "_success_ihclb_52";
-const error = "_error_ihclb_55";
-const pinned = "_pinned_ihclb_58";
-const disabled = "_disabled_ihclb_61";
-const running = "_running_ihclb_64";
-const style0$9 = {
+const node = "_node_tn88s_1";
+const trigger = "_trigger_tn88s_26";
+const configuration = "_configuration_tn88s_29";
+const statusIcons = "_statusIcons_tn88s_36";
+const configurable = "_configurable_tn88s_39";
+const label$4 = "_label_tn88s_46";
+const selected = "_selected_tn88s_54";
+const success = "_success_tn88s_57";
+const error = "_error_tn88s_60";
+const pinned = "_pinned_tn88s_63";
+const disabled = "_disabled_tn88s_66";
+const running = "_running_tn88s_69";
+const triggerIcon = "_triggerIcon_tn88s_90";
+const style0$b = {
   node,
+  trigger,
   configuration,
   statusIcons,
   configurable,
-  label: label$3,
+  label: label$4,
   selected,
   success,
   error,
   pinned,
   disabled,
-  running
+  running,
+  triggerIcon
+};
+const cssModules$b = {
+  "$style": style0$b
+};
+const CanvasNodeDefault = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__cssModules", cssModules$b]]);
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
+  __name: "CanvasNodeStickyNote",
+  emits: ["update", "move", "dblclick"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const { id, render } = useCanvasNode();
+    const renderOptions = computed(() => render.value.options);
+    function onResize(event) {
+      emit("move", {
+        x: event.params.x,
+        y: event.params.y
+      });
+      emit("update", {
+        ...event.params.width ? { width: event.params.width } : {},
+        ...event.params.height ? { height: event.params.height } : {}
+      });
+    }
+    const isActive = ref(false);
+    function onInputChange(value) {
+      emit("update", {
+        content: value
+      });
+    }
+    function onEdit(edit) {
+      isActive.value = edit;
+    }
+    function onDoubleClick(event) {
+      emit("dblclick", event);
+    }
+    return (_ctx, _cache) => {
+      const _component_N8nSticky = resolveComponent("N8nSticky");
+      return openBlock(), createElementBlock(Fragment, null, [
+        createVNode(unref(_sfc_main$Q), {
+          "min-height": 80,
+          "min-width": 150,
+          height: renderOptions.value.height,
+          width: renderOptions.value.width,
+          onResize
+        }, null, 8, ["height", "width"]),
+        createVNode(_component_N8nSticky, {
+          id: unref(id),
+          "data-test-id": "canvas-sticky-note-node",
+          height: renderOptions.value.height,
+          width: renderOptions.value.width,
+          class: normalizeClass(_ctx.$style.sticky),
+          "model-value": renderOptions.value.content,
+          background: renderOptions.value.color,
+          "edit-mode": isActive.value,
+          onEdit,
+          onDblclick: onDoubleClick,
+          "onUpdate:modelValue": onInputChange
+        }, null, 8, ["id", "height", "width", "class", "model-value", "background", "edit-mode"])
+      ], 64);
+    };
+  }
+});
+const sticky = "_sticky_1bbax_1";
+const style0$a = {
+  sticky
+};
+const cssModules$a = {
+  "$style": style0$a
+};
+const CanvasNodeStickyNote = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__cssModules", cssModules$a]]);
+const _hoisted_1 = ["textContent"];
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
+  __name: "CanvasNodeAddNodes",
+  setup(__props) {
+    const nodeCreatorStore = useNodeCreatorStore();
+    const isTooltipVisible = ref(false);
+    onMounted(() => {
+      nodeViewEventBus.on("runWorkflowButton:mouseenter", onShowTooltip);
+      nodeViewEventBus.on("runWorkflowButton:mouseleave", onHideTooltip);
+    });
+    onBeforeUnmount(() => {
+      nodeViewEventBus.off("runWorkflowButton:mouseenter", onShowTooltip);
+      nodeViewEventBus.off("runWorkflowButton:mouseleave", onHideTooltip);
+    });
+    function onShowTooltip() {
+      isTooltipVisible.value = true;
+    }
+    function onHideTooltip() {
+      isTooltipVisible.value = false;
+    }
+    function onClick() {
+      nodeCreatorStore.openNodeCreatorForTriggerNodes(
+        NODE_CREATOR_OPEN_SOURCES.TRIGGER_PLACEHOLDER_BUTTON
+      );
+    }
+    return (_ctx, _cache) => {
+      const _component_FontAwesomeIcon = resolveComponent("FontAwesomeIcon");
+      const _component_N8nTooltip = resolveComponent("N8nTooltip");
+      return openBlock(), createElementBlock("div", {
+        ref: "container",
+        class: normalizeClass(_ctx.$style.addNodes),
+        "data-test-id": "canvas-add-button"
+      }, [
+        createVNode(_component_N8nTooltip, {
+          placement: "top",
+          visible: isTooltipVisible.value,
+          disabled: unref(nodeCreatorStore).showScrim,
+          "popper-class": _ctx.$style.tooltip,
+          "show-after": 700
+        }, {
+          content: withCtx(() => [
+            createTextVNode(toDisplayString(_ctx.$locale.baseText("nodeView.canvasAddButton.addATriggerNodeBeforeExecuting")), 1)
+          ]),
+          default: withCtx(() => [
+            createBaseVNode("button", {
+              class: normalizeClass(_ctx.$style.button),
+              "data-test-id": "canvas-plus-button",
+              onClick
+            }, [
+              createVNode(_component_FontAwesomeIcon, {
+                icon: "plus",
+                size: "lg"
+              })
+            ], 2)
+          ]),
+          _: 1
+        }, 8, ["visible", "disabled", "popper-class"]),
+        createBaseVNode("p", {
+          class: normalizeClass(_ctx.$style.label),
+          textContent: toDisplayString(_ctx.$locale.baseText("nodeView.canvasAddButton.addFirstStep"))
+        }, null, 10, _hoisted_1)
+      ], 2);
+    };
+  }
+});
+const addNodes = "_addNodes_13pm7_1";
+const button = "_button_13pm7_9";
+const label$3 = "_label_13pm7_30";
+const style0$9 = {
+  addNodes,
+  button,
+  label: label$3
 };
 const cssModules$9 = {
   "$style": style0$9
 };
-const CanvasNodeDefault = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__cssModules", cssModules$9]]);
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const CanvasNodeAddNodes = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__cssModules", cssModules$9]]);
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeRenderer",
   setup(__props) {
     const node2 = inject(CanvasNodeKey);
@@ -15795,6 +16008,12 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     const Render = () => {
       let Component;
       switch (node2 == null ? void 0 : node2.data.value.render.type) {
+        case CanvasNodeRenderType.StickyNote:
+          Component = CanvasNodeStickyNote;
+          break;
+        case CanvasNodeRenderType.AddNodes:
+          Component = CanvasNodeAddNodes;
+          break;
         default:
           Component = CanvasNodeDefault;
       }
@@ -15805,7 +16024,7 @@ const _sfc_main$e = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
   __name: "CanvasHandleMainInput",
   setup(__props) {
     const handle2 = inject(CanvasNodeHandleKey);
@@ -15831,8 +16050,8 @@ const style0$8 = {
 const cssModules$8 = {
   "$style": style0$8
 };
-const CanvasHandleMainInput = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__cssModules", cssModules$8]]);
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const CanvasHandleMainInput = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__cssModules", cssModules$8]]);
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "CanvasHandleMainOutput",
   setup(__props) {
     const handle2 = inject(CanvasNodeHandleKey);
@@ -15865,8 +16084,8 @@ const style0$7 = {
 const cssModules$7 = {
   "$style": style0$7
 };
-const CanvasHandleMainOutput = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__cssModules", cssModules$7]]);
-const _sfc_main$b = /* @__PURE__ */ defineComponent({
+const CanvasHandleMainOutput = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__cssModules", cssModules$7]]);
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "CanvasHandleNonMain",
   setup(__props) {
     const handle2 = inject(CanvasNodeHandleKey);
@@ -15897,8 +16116,8 @@ const style0$6 = {
 const cssModules$6 = {
   "$style": style0$6
 };
-const CanvasHandleNonMain = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__cssModules", cssModules$6]]);
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const CanvasHandleNonMain = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__cssModules", cssModules$6]]);
+const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "HandleRenderer",
   props: {
     mode: {},
@@ -15906,7 +16125,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     type: {},
     index: {},
     position: {},
-    offset: {}
+    offset: {},
+    isValidConnection: { type: Function }
   },
   setup(__props) {
     const props = __props;
@@ -15943,13 +16163,14 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         position: _ctx.position,
         style: normalizeStyle(_ctx.offset),
         "connectable-start": isConnectableStart.value,
-        "connectable-end": isConnectableEnd.value
+        "connectable-end": isConnectableEnd.value,
+        "is-valid-connection": _ctx.isValidConnection
       }, {
         default: withCtx(() => [
           createVNode(Render, { label: label2.value }, null, 8, ["label"])
         ]),
         _: 1
-      }, 8, ["id", "class", "type", "position", "style", "connectable-start", "connectable-end"]);
+      }, 8, ["id", "class", "type", "position", "style", "connectable-start", "connectable-end", "is-valid-connection"]);
     };
   }
 });
@@ -15960,8 +16181,8 @@ const style0$5 = {
 const cssModules$5 = {
   "$style": style0$5
 };
-const HandleRenderer = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__cssModules", cssModules$5]]);
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const HandleRenderer = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__cssModules", cssModules$5]]);
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "CanvasNode",
   props: {
     id: {},
@@ -15984,7 +16205,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     data: {},
     events: {}
   },
-  emits: ["delete", "run", "select", "toggle", "activate"],
+  emits: ["delete", "run", "select", "toggle", "activate", "update", "move"],
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const props = __props;
@@ -15992,7 +16213,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     const inputs = computed(() => props.data.inputs);
     const outputs2 = computed(() => props.data.outputs);
     const connections2 = computed(() => props.data.connections);
-    const { mainInputs, nonMainInputs, mainOutputs, nonMainOutputs } = useNodeConnections({
+    const { mainInputs, nonMainInputs, mainOutputs, nonMainOutputs, isValidConnection } = useNodeConnections({
       inputs,
       outputs: outputs2,
       connections: connections2
@@ -16001,12 +16222,6 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     const nodeType = computed(() => {
       return nodeTypesStore.getNodeType(props.data.type, props.data.typeVersion);
     });
-    watch(
-      () => props.selected,
-      (selected22) => {
-        emit("select", props.id, selected22);
-      }
-    );
     const inputsWithPosition = computed(() => {
       return [
         ...mainInputs.value.map(mapEndpointWithPosition(Position.Left, "top")),
@@ -16019,6 +16234,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         ...nonMainOutputs.value.map(mapEndpointWithPosition(Position.Top, "left"))
       ];
     });
+    const nodeIconSize = computed(
+      () => "configuration" in data.value.render.options && data.value.render.options.configuration ? 30 : 40
+    );
     const mapEndpointWithPosition = (position2, offsetAxis) => (endpoint, index, endpoints) => {
       return {
         ...endpoint,
@@ -16028,17 +16246,6 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
         }
       };
     };
-    const id = toRef(props, "id");
-    const data = toRef(props, "data");
-    const label2 = toRef(props, "label");
-    const selected2 = toRef(props, "selected");
-    provide(CanvasNodeKey, {
-      id,
-      data,
-      label: label2,
-      selected: selected2,
-      nodeType
-    });
     function onDelete() {
       emit("delete", props.id);
     }
@@ -16051,6 +16258,29 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     function onActivate() {
       emit("activate", props.id);
     }
+    function onUpdate(parameters) {
+      emit("update", props.id, parameters);
+    }
+    function onMove(position2) {
+      emit("move", props.id, position2);
+    }
+    const id = toRef(props, "id");
+    const data = toRef(props, "data");
+    const label2 = toRef(props, "label");
+    const selected2 = toRef(props, "selected");
+    provide(CanvasNodeKey, {
+      id,
+      data,
+      label: label2,
+      selected: selected2,
+      nodeType
+    });
+    watch(
+      () => props.selected,
+      (selected22) => {
+        emit("select", props.id, selected22);
+      }
+    );
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.canvasNode),
@@ -16065,8 +16295,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             label: source.label,
             index: source.index,
             position: source.position,
-            offset: source.offset
-          }, null, 8, ["type", "label", "index", "position", "offset"]);
+            offset: source.offset,
+            "is-valid-connection": unref(isValidConnection)
+          }, null, 8, ["type", "label", "index", "position", "offset", "is-valid-connection"]);
         }), 128)),
         (openBlock(true), createElementBlock(Fragment, null, renderList(inputsWithPosition.value, (target2) => {
           return openBlock(), createBlock(HandleRenderer, {
@@ -16077,8 +16308,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             label: target2.label,
             index: target2.index,
             position: target2.position,
-            offset: target2.offset
-          }, null, 8, ["type", "label", "index", "position", "offset"]);
+            offset: target2.offset,
+            "is-valid-connection": unref(isValidConnection)
+          }, null, 8, ["type", "label", "index", "position", "offset", "is-valid-connection"]);
         }), 128)),
         nodeType.value ? (openBlock(), createBlock(CanvasNodeToolbar, {
           key: 0,
@@ -16088,20 +16320,22 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           onToggle: onDisabledToggle,
           onRun
         }, null, 8, ["class"])) : createCommentVNode("", true),
-        nodeType.value ? (openBlock(), createBlock(_sfc_main$e, {
-          key: 1,
-          onDblclick: onActivate
+        createVNode(_sfc_main$f, {
+          onDblclick: onActivate,
+          onMove,
+          onUpdate
         }, {
           default: withCtx(() => [
-            createVNode(_sfc_main$L, {
+            nodeType.value ? (openBlock(), createBlock(_sfc_main$O, {
+              key: 0,
               "node-type": nodeType.value,
-              size: 40,
+              size: nodeIconSize.value,
               shrink: false,
               disabled: isDisabled.value
-            }, null, 8, ["node-type", "disabled"])
+            }, null, 8, ["node-type", "size", "disabled"])) : createCommentVNode("", true)
           ]),
           _: 1
-        })) : createCommentVNode("", true)
+        })
       ], 2);
     };
   }
@@ -16115,17 +16349,25 @@ const style0$4 = {
 const cssModules$4 = {
   "$style": style0$4
 };
-const CanvasNode = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__cssModules", cssModules$4]]);
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const Node = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__cssModules", cssModules$4]]);
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "CanvasEdgeToolbar",
-  emits: ["delete"],
+  props: {
+    type: {}
+  },
+  emits: ["add", "delete"],
   setup(__props, { emit: __emit }) {
     const emit = __emit;
+    const props = __props;
     const $style = useCssModule();
     const i18n2 = useI18n();
     const classes = computed(() => ({
       [$style.canvasEdgeToolbar]: true
     }));
+    const isAddButtonVisible = computed(() => props.type === NodeConnectionType.Main);
+    function onAdd() {
+      emit("add");
+    }
     function onDelete() {
       emit("delete");
     }
@@ -16135,6 +16377,15 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         class: normalizeClass(classes.value),
         "data-test-id": "canvas-edge-toolbar"
       }, [
+        isAddButtonVisible.value ? (openBlock(), createBlock(_component_N8nIconButton, {
+          key: 0,
+          "data-test-id": "add-connection-button",
+          type: "tertiary",
+          size: "small",
+          icon: "plus",
+          title: unref(i18n2).baseText("node.add"),
+          onClick: onAdd
+        }, null, 8, ["title"])) : createCommentVNode("", true),
         createVNode(_component_N8nIconButton, {
           "data-test-id": "delete-connection-button",
           type: "tertiary",
@@ -16147,15 +16398,15 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const canvasEdgeToolbar = "_canvasEdgeToolbar_szqhv_1";
+const canvasEdgeToolbar = "_canvasEdgeToolbar_gool4_1";
 const style0$3 = {
   canvasEdgeToolbar
 };
 const cssModules$3 = {
   "$style": style0$3
 };
-const CanvasEdgeToolbar = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__cssModules", cssModules$3]]);
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const CanvasEdgeToolbar = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__cssModules", cssModules$3]]);
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "CanvasEdge",
   props: {
     id: {},
@@ -16190,11 +16441,14 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     targetY: {},
     hovered: { type: Boolean }
   },
-  emits: ["delete"],
+  emits: ["add", "delete"],
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const props = __props;
     const $style = useCssModule();
+    const connectionType2 = computed(
+      () => isValidNodeConnectionType(props.data.source.type) ? props.data.source.type : NodeConnectionType.Main
+    );
     const isFocused = computed(() => props.selected || props.hovered);
     const status2 = computed(() => props.data.status);
     const statusColor = computed(() => {
@@ -16253,6 +16507,9 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       sourceHandle: props.sourceHandleId,
       targetHandle: props.targetHandleId
     }));
+    function onAdd() {
+      emit("add", connection.value);
+    }
     function onDelete() {
       emit("delete", connection.value);
     }
@@ -16273,10 +16530,12 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         createVNode(unref(_sfc_main$3$1), null, {
           default: withCtx(() => [
             createVNode(CanvasEdgeToolbar, {
+              type: connectionType2.value,
               class: normalizeClass(edgeToolbarClasses.value),
               style: normalizeStyle(edgeToolbarStyle.value),
+              onAdd,
               onDelete
-            }, null, 8, ["class", "style"])
+            }, null, 8, ["type", "class", "style"])
           ]),
           _: 1
         })
@@ -16295,35 +16554,32 @@ const style0$2 = {
 const cssModules$2 = {
   "$style": style0$2
 };
-const CanvasEdge = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__cssModules", cssModules$2]]);
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
+const Edge = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__cssModules", cssModules$2]]);
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "Canvas",
   props: {
     id: { default: "canvas" },
-    elements: { default: () => [] },
+    nodes: { default: () => [] },
     connections: { default: () => [] },
-    controlsPosition: { default: PanelPosition.BottomLeft }
+    controlsPosition: { default: PanelPosition.BottomLeft },
+    eventBus: { default: () => createEventBus() }
   },
-  emits: ["update:modelValue", "update:node:position", "update:node:active", "update:node:enabled", "update:node:selected", "run:node", "delete:node", "delete:connection", "create:connection:start", "create:connection", "create:connection:end", "create:connection:cancelled", "click:pane"],
+  emits: ["update:modelValue", "update:node:position", "update:node:active", "update:node:enabled", "update:node:selected", "update:node:parameters", "run:node", "delete:node", "delete:connection", "create:connection:start", "create:connection", "create:connection:end", "create:connection:cancelled", "click:connection:add", "click:pane"],
   setup(__props, { emit: __emit }) {
     const $style = useCssModule();
     const emit = __emit;
     const props = __props;
-    const { getSelectedEdges, getSelectedNodes, viewportRef, project } = useVueFlow({
+    const { getSelectedEdges, getSelectedNodes, viewportRef, fitView, project } = useVueFlow({
       id: props.id
     });
-    const hoveredEdges = ref({});
-    onMounted(() => {
-      document.addEventListener("keydown", onKeyDown);
-    });
-    onUnmounted(() => {
-      document.removeEventListener("keydown", onKeyDown);
-    });
     function onNodeDragStop(e) {
       e.nodes.forEach((node2) => {
-        emit("update:node:position", node2.id, node2.position);
+        onUpdateNodePosition(node2.id, node2.position);
       });
     }
+    function onUpdateNodePosition(id, position2) {
+      emit("update:node:position", id, position2);
+    }
     function onSelectionDragStop(e) {
       onNodeDragStop(e);
     }
@@ -16341,6 +16597,9 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     function onDeleteNode(id) {
       emit("delete:node", id);
     }
+    function onUpdateNodeParameters(id, parameters) {
+      emit("update:node:parameters", id, parameters);
+    }
     const connectionCreated = ref(false);
     const connectionEventData = ref();
     const isConnection = (data) => !!data && connectionCreated.value;
@@ -16365,6 +16624,16 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     function onDeleteConnection(connection) {
       emit("delete:connection", connection);
     }
+    function onClickConnectionAdd(connection) {
+      emit("click:connection:add", connection);
+    }
+    const hoveredEdges = ref({});
+    function onMouseEnterEdge(event) {
+      hoveredEdges.value[event.edge.id] = true;
+    }
+    function onMouseLeaveEdge(event) {
+      hoveredEdges.value[event.edge.id] = false;
+    }
     function onRunNode(id) {
       emit("run:node", id);
     }
@@ -16374,12 +16643,6 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         getSelectedNodes.value.forEach(({ id }) => onDeleteNode(id));
       }
     }
-    function onMouseEnterEdge(event) {
-      hoveredEdges.value[event.edge.id] = true;
-    }
-    function onMouseLeaveEdge(event) {
-      hoveredEdges.value[event.edge.id] = false;
-    }
     function onClickPane(event) {
       var _a;
       const bounds = ((_a = viewportRef.value) == null ? void 0 : _a.getBoundingClientRect()) ?? { left: 0, top: 0 };
@@ -16389,10 +16652,21 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
       });
       emit("click:pane", position2);
     }
+    async function onFitView() {
+      await fitView();
+    }
+    onMounted(() => {
+      document.addEventListener("keydown", onKeyDown);
+      props.eventBus.on("fitView", onFitView);
+    });
+    onUnmounted(() => {
+      props.eventBus.off("fitView", onFitView);
+      document.removeEventListener("keydown", onKeyDown);
+    });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(_sfc_main$1$1), {
         id: _ctx.id,
-        nodes: _ctx.elements,
+        nodes: _ctx.nodes,
         edges: _ctx.connections,
         "apply-changes": false,
         "fit-view-on-init": "",
@@ -16412,31 +16686,34 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         onPaneClick: onClickPane
       }, {
         "node-canvas-node": withCtx((canvasNodeProps) => [
-          createVNode(CanvasNode, mergeProps(canvasNodeProps, {
+          createVNode(Node, mergeProps(canvasNodeProps, {
             onDelete: onDeleteNode,
             onRun: onRunNode,
             onSelect: onSelectNode,
             onToggle: onToggleNodeEnabled,
-            onActivate: onSetNodeActive
+            onActivate: onSetNodeActive,
+            onUpdate: onUpdateNodeParameters,
+            onMove: onUpdateNodePosition
           }), null, 16)
         ]),
         "edge-canvas-edge": withCtx((canvasEdgeProps) => [
-          createVNode(CanvasEdge, mergeProps(canvasEdgeProps, {
+          createVNode(Edge, mergeProps(canvasEdgeProps, {
             hovered: hoveredEdges.value[canvasEdgeProps.id],
+            onAdd: onClickConnectionAdd,
             onDelete: onDeleteConnection
           }), null, 16, ["hovered"])
         ]),
         default: withCtx(() => [
-          createVNode(unref(_sfc_main$N), {
+          createVNode(unref(_sfc_main$R), {
             "data-test-id": "canvas-background",
             "pattern-color": "#aaa",
             gap: 16
           }),
-          createVNode(unref(_sfc_main$O), {
+          createVNode(unref(_sfc_main$S), {
             "data-test-id": "canvas-minimap",
             pannable: ""
           }),
-          createVNode(unref(_sfc_main$P), {
+          createVNode(unref(_sfc_main$T), {
             "data-test-id": "canvas-controls",
             class: normalizeClass(unref($style).canvasControls),
             position: _ctx.controlsPosition
@@ -16448,27 +16725,57 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   }
 });
 function useCanvasMapping({
-  workflow,
+  nodes,
+  connections: connections2,
   workflowObject
 }) {
   const i18n2 = useI18n();
   const workflowsStore = useWorkflowsStore();
   const nodeTypesStore = useNodeTypesStore();
-  const renderTypeByNodeType = computed(
-    () => workflow.value.nodes.reduce((acc, node2) => {
-      acc[node2.type] = {
-        type: "default",
-        options: {
-          trigger: nodeTypesStore.isTriggerNode(node2.type),
-          configuration: nodeTypesStore.isConfigNode(workflowObject.value, node2, node2.type),
-          configurable: nodeTypesStore.isConfigurableNode(workflowObject.value, node2, node2.type)
-        }
-      };
+  function createStickyNoteRenderType(node2) {
+    return {
+      type: CanvasNodeRenderType.StickyNote,
+      options: {
+        width: node2.parameters.width,
+        height: node2.parameters.height,
+        color: node2.parameters.color,
+        content: node2.parameters.content
+      }
+    };
+  }
+  function createAddNodesRenderType() {
+    return {
+      type: CanvasNodeRenderType.AddNodes,
+      options: {}
+    };
+  }
+  function createDefaultNodeRenderType(node2) {
+    return {
+      type: CanvasNodeRenderType.Default,
+      options: {
+        trigger: nodeTypesStore.isTriggerNode(node2.type),
+        configuration: nodeTypesStore.isConfigNode(workflowObject.value, node2, node2.type),
+        configurable: nodeTypesStore.isConfigurableNode(workflowObject.value, node2, node2.type)
+      }
+    };
+  }
+  const renderTypeByNodeId = computed(
+    () => nodes.value.reduce((acc, node2) => {
+      switch (node2.type) {
+        case `${CanvasNodeRenderType.StickyNote}`:
+          acc[node2.id] = createStickyNoteRenderType(node2);
+          break;
+        case `${CanvasNodeRenderType.AddNodes}`:
+          acc[node2.id] = createAddNodesRenderType();
+          break;
+        default:
+          acc[node2.id] = createDefaultNodeRenderType(node2);
+      }
       return acc;
     }, {}) ?? {}
   );
   const nodeInputsById = computed(
-    () => workflow.value.nodes.reduce((acc, node2) => {
+    () => nodes.value.reduce((acc, node2) => {
       const nodeTypeDescription = nodeTypesStore.getNodeType(node2.type);
       const workflowObjectNode = workflowObject.value.getNode(node2.name);
       acc[node2.id] = workflowObjectNode && nodeTypeDescription ? mapLegacyEndpointsToCanvasConnectionPort(
@@ -16482,7 +16789,7 @@ function useCanvasMapping({
     }, {})
   );
   const nodeOutputsById = computed(
-    () => workflow.value.nodes.reduce((acc, node2) => {
+    () => nodes.value.reduce((acc, node2) => {
       const nodeTypeDescription = nodeTypesStore.getNodeType(node2.type);
       const workflowObjectNode = workflowObject.value.getNode(node2.name);
       acc[node2.id] = workflowObjectNode && nodeTypeDescription ? mapLegacyEndpointsToCanvasConnectionPort(
@@ -16496,32 +16803,32 @@ function useCanvasMapping({
     }, {})
   );
   const nodePinnedDataById = computed(
-    () => workflow.value.nodes.reduce((acc, node2) => {
+    () => nodes.value.reduce((acc, node2) => {
       acc[node2.id] = workflowsStore.pinDataByNodeName(node2.name);
       return acc;
     }, {})
   );
   const nodeExecutionRunningById = computed(
-    () => workflow.value.nodes.reduce((acc, node2) => {
+    () => nodes.value.reduce((acc, node2) => {
       acc[node2.id] = workflowsStore.isNodeExecuting(node2.name);
       return acc;
     }, {})
   );
   const nodeExecutionStatusById = computed(
-    () => workflow.value.nodes.reduce((acc, node2) => {
+    () => nodes.value.reduce((acc, node2) => {
       var _a, _b;
       acc[node2.id] = ((_b = (_a = workflowsStore.getWorkflowRunData) == null ? void 0 : _a[node2.name]) == null ? void 0 : _b.filter(Boolean)[0].executionStatus) ?? "new";
       return acc;
     }, {})
   );
   const nodeExecutionRunDataById = computed(
-    () => workflow.value.nodes.reduce((acc, node2) => {
+    () => nodes.value.reduce((acc, node2) => {
       acc[node2.id] = workflowsStore.getWorkflowResultDataByNodeName(node2.name);
       return acc;
     }, {})
   );
   const nodeIssuesById = computed(
-    () => workflow.value.nodes.reduce((acc, node2) => {
+    () => nodes.value.reduce((acc, node2) => {
       var _a;
       const issues2 = [];
       const nodeExecutionRunData = (_a = workflowsStore.getWorkflowRunData) == null ? void 0 : _a[node2.name];
@@ -16542,7 +16849,7 @@ function useCanvasMapping({
     }, {})
   );
   const nodeHasIssuesById = computed(
-    () => workflow.value.nodes.reduce((acc, node2) => {
+    () => nodes.value.reduce((acc, node2) => {
       if (["crashed", "error"].includes(nodeExecutionStatusById.value[node2.id])) {
         acc[node2.id] = true;
       } else if (nodePinnedDataById.value[node2.id]) {
@@ -16554,7 +16861,7 @@ function useCanvasMapping({
     }, {})
   );
   const nodeExecutionWaitingById = computed(
-    () => workflow.value.nodes.reduce((acc, node2) => {
+    () => nodes.value.reduce((acc, node2) => {
       var _a, _b, _c, _d;
       const isExecutionSummary = (execution) => "waitTill" in execution;
       const workflowExecution = workflowsStore.getWorkflowExecution;
@@ -16578,13 +16885,26 @@ function useCanvasMapping({
       return acc;
     }, {})
   );
-  const elements = computed(() => [
-    ...workflow.value.nodes.map((node2) => {
+  const additionalNodePropertiesById = computed(() => {
+    return nodes.value.reduce((acc, node2) => {
+      if (node2.type === STICKY_NODE_TYPE) {
+        acc[node2.id] = {
+          style: {
+            zIndex: -1
+          }
+        };
+      }
+      return acc;
+    }, {});
+  });
+  const mappedNodes = computed(() => [
+    ...nodes.value.map((node2) => {
       var _a, _b;
       const inputConnections = workflowObject.value.connectionsByDestinationNode[node2.name] ?? {};
       const outputConnections = workflowObject.value.connectionsBySourceNode[node2.name] ?? {};
       const data = {
         id: node2.id,
+        name: node2.name,
         type: node2.type,
         typeVersion: node2.typeVersion,
         disabled: !!node2.disabled,
@@ -16611,42 +16931,39 @@ function useCanvasMapping({
           count: ((_b = nodeExecutionRunDataById.value[node2.id]) == null ? void 0 : _b.length) ?? 0,
           visible: !!nodeExecutionRunDataById.value[node2.id]
         },
-        render: renderTypeByNodeType.value[node2.type] ?? { type: "default", options: {} }
+        render: renderTypeByNodeId.value[node2.id] ?? { type: "default", options: {} }
       };
       return {
         id: node2.id,
         label: node2.name,
         type: "canvas-node",
         position: { x: node2.position[0], y: node2.position[1] },
-        data
+        data,
+        ...additionalNodePropertiesById.value[node2.id]
       };
     })
   ]);
-  const connections2 = computed(() => {
-    const mappedConnections = mapLegacyConnectionsToCanvasConnections(
-      workflow.value.connections ?? [],
-      workflow.value.nodes ?? []
+  const mappedConnections = computed(() => {
+    return mapLegacyConnectionsToCanvasConnections(connections2.value ?? [], nodes.value ?? []).map(
+      (connection) => {
+        const type = getConnectionType(connection);
+        const label2 = getConnectionLabel(connection);
+        const data = getConnectionData(connection);
+        return {
+          ...connection,
+          data,
+          type,
+          label: label2,
+          animated: data.status === "running"
+        };
+      }
     );
-    return mappedConnections.map((connection) => {
-      const type = getConnectionType(connection);
-      const label2 = getConnectionLabel(connection);
-      const data = getConnectionData(connection);
-      return {
-        ...connection,
-        data,
-        type,
-        label: label2,
-        animated: data.status === "running"
-      };
-    });
   });
   function getConnectionData(connection) {
-    const fromNode = workflow.value.nodes.find(
-      (node2) => {
-        var _a;
-        return node2.name === ((_a = connection.data) == null ? void 0 : _a.fromNodeName);
-      }
-    );
+    const fromNode = nodes.value.find((node2) => {
+      var _a;
+      return node2.name === ((_a = connection.data) == null ? void 0 : _a.fromNodeName);
+    });
     let status2;
     if (fromNode) {
       if (nodeExecutionRunningById.value[fromNode.id]) {
@@ -16669,12 +16986,10 @@ function useCanvasMapping({
   }
   function getConnectionLabel(connection) {
     var _a, _b;
-    const fromNode = workflow.value.nodes.find(
-      (node2) => {
-        var _a2;
-        return node2.name === ((_a2 = connection.data) == null ? void 0 : _a2.fromNodeName);
-      }
-    );
+    const fromNode = nodes.value.find((node2) => {
+      var _a2;
+      return node2.name === ((_a2 = connection.data) == null ? void 0 : _a2.fromNodeName);
+    });
     if (!fromNode) {
       return "";
     }
@@ -16694,26 +17009,36 @@ function useCanvasMapping({
     return "";
   }
   return {
-    connections: connections2,
-    elements
+    connections: mappedConnections,
+    nodes: mappedNodes
   };
 }
-const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
   __name: "WorkflowCanvas",
   props: {
-    id: {},
+    id: { default: "canvas" },
     workflow: {},
-    workflowObject: {}
+    workflowObject: {},
+    fallbackNodes: { default: () => [] },
+    eventBus: {}
   },
   setup(__props) {
     const props = __props;
     const $style = useCssModule();
     const workflow = toRef(props, "workflow");
     const workflowObject = toRef(props, "workflowObject");
-    const { elements, connections: connections2 } = useCanvasMapping({ workflow, workflowObject });
+    const nodes = computed(
+      () => props.workflow.nodes.length > 0 ? props.workflow.nodes : props.fallbackNodes
+    );
+    const connections2 = computed(() => props.workflow.connections);
+    const { nodes: mappedNodes, connections: mappedConnections } = useCanvasMapping({
+      nodes,
+      connections: connections2,
+      workflowObject
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(unref($style).wrapper)
@@ -16721,11 +17046,12 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         createBaseVNode("div", {
           class: normalizeClass(unref($style).canvas)
         }, [
-          workflow.value ? (openBlock(), createBlock(_sfc_main$6, mergeProps({
+          workflow.value ? (openBlock(), createBlock(_sfc_main$7, mergeProps({
             key: 0,
-            elements: unref(elements),
-            connections: unref(connections2)
-          }, _ctx.$attrs), null, 16, ["elements", "connections"])) : createCommentVNode("", true)
+            nodes: unref(mappedNodes),
+            connections: unref(mappedConnections),
+            "event-bus": _ctx.eventBus
+          }, _ctx.$attrs), null, 16, ["nodes", "connections", "event-bus"])) : createCommentVNode("", true)
         ], 2),
         renderSlot(_ctx.$slots, "default")
       ], 2);
@@ -16741,14 +17067,15 @@ const style0$1 = {
 const cssModules$1 = {
   "$style": style0$1
 };
-const WorkflowCanvas = /* @__PURE__ */ _export_sfc(_sfc_main$5, [["__cssModules", cssModules$1]]);
-const _sfc_main$4 = /* @__PURE__ */ defineComponent({
-  __name: "CanvasExecuteWorkflowButton",
+const WorkflowCanvas = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__cssModules", cssModules$1]]);
+const _sfc_main$5 = /* @__PURE__ */ defineComponent({
+  __name: "CanvasRunWorkflowButton",
   props: {
     waitingForWebhook: { type: Boolean },
-    executing: { type: Boolean }
+    executing: { type: Boolean },
+    disabled: { type: Boolean }
   },
-  emits: ["click"],
+  emits: ["mouseenter", "mouseleave", "click"],
   setup(__props) {
     const props = __props;
     const i18n2 = useI18n();
@@ -16771,12 +17098,15 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
           createVNode(_component_N8nButton, {
             loading: _ctx.executing,
             label: label2.value,
+            disabled: _ctx.disabled,
             size: "large",
             icon: "flask",
             type: "primary",
             "data-test-id": "execute-workflow-button",
-            onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.$emit("click", $event), ["stop"]))
-          }, null, 8, ["loading", "label"])
+            onMouseenter: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("mouseenter", $event)),
+            onMouseleave: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("mouseleave", $event)),
+            onClick: _cache[2] || (_cache[2] = withModifiers(($event) => _ctx.$emit("click", $event), ["stop"]))
+          }, null, 8, ["loading", "label", "disabled"])
         ]),
         _: 1
       }, 8, ["label"]);
@@ -16900,6 +17230,19 @@ function useCanvasOperations({
   function setNodeActiveByName(name) {
     ndvStore.activeNodeName = name;
   }
+  function setNodeParameters(id, parameters) {
+    const node2 = workflowsStore.getNodeById(id);
+    if (!node2) {
+      return;
+    }
+    workflowsStore.setNodeParameters(
+      {
+        name: node2.name,
+        value: parameters
+      },
+      true
+    );
+  }
   function setNodeSelected(id) {
     if (!id) {
       uiStore.lastSelectedNode = "";
@@ -16918,7 +17261,7 @@ function useCanvasOperations({
     }
     nodeHelpers.disableNodes([node2], trackHistory);
   }
-  async function addNodes(nodes, {
+  async function addNodes2(nodes, {
     dragAndDrop,
     position: position2
   } = {}) {
@@ -16976,6 +17319,7 @@ function useCanvasOperations({
     workflowsStore.addNode(newNodeData);
     nodeHelpers.matchCredentials(newNodeData);
     const lastSelectedNode = uiStore.getLastSelectedNode;
+    const lastSelectedNodeConnection = uiStore.lastSelectedNodeConnection;
     const lastSelectedNodeOutputIndex = uiStore.lastSelectedNodeOutputIndex;
     const lastSelectedNodeEndpointUuid = uiStore.lastSelectedNodeEndpointUuid;
     historyStore.startRecordingUndo();
@@ -17011,11 +17355,35 @@ function useCanvasOperations({
       } else {
         createConnection({
           source: lastSelectedNode.id,
-          sourceHandle: `outputs/${NodeConnectionType.Main}/${outputIndex}`,
+          sourceHandle: createCanvasConnectionHandleString({
+            mode: CanvasConnectionMode.Output,
+            type: NodeConnectionType.Main,
+            index: outputIndex
+          }),
           target: newNodeData.id,
-          targetHandle: `inputs/${NodeConnectionType.Main}/0`
+          targetHandle: createCanvasConnectionHandleString({
+            mode: CanvasConnectionMode.Input,
+            type: NodeConnectionType.Main,
+            index: 0
+          })
         });
       }
+      if (lastSelectedNodeConnection) {
+        deleteConnection(lastSelectedNodeConnection, { trackHistory: options.trackHistory });
+        const targetNode = workflowsStore.getNodeById(lastSelectedNodeConnection.target);
+        if (targetNode) {
+          createConnection({
+            source: newNodeData.id,
+            sourceHandle: createCanvasConnectionHandleString({
+              mode: CanvasConnectionMode.Input,
+              type: NodeConnectionType.Main,
+              index: 0
+            }),
+            target: lastSelectedNodeConnection.target,
+            targetHandle: lastSelectedNodeConnection.targetHandle
+          });
+        }
+      }
     }
     historyStore.stopRecordingUndo();
     return newNodeData;
@@ -17044,7 +17412,7 @@ function useCanvasOperations({
     const nodeType = nodeTypesStore.getNodeType(newNodeData.type, newNodeData.typeVersion);
     const nodeParameters = getNodeParameters(
       (nodeType == null ? void 0 : nodeType.properties) ?? [],
-      {},
+      node2.parameters ?? {},
       true,
       false,
       newNodeData
@@ -17118,9 +17486,8 @@ function useCanvasOperations({
         node2.position
       );
     } else if (lastSelectedNode) {
-      const lastSelectedConnection = canvasStore.lastSelectedConnection;
-      if (lastSelectedConnection) {
-        const [diffX] = getConnectorLengths(lastSelectedConnection);
+      if (uiStore.lastSelectedNodeConnection) {
+        const [diffX] = getVueFlowConnectorLengths(uiStore.lastSelectedNodeConnection);
         if (diffX <= MAX_X_TO_PUSH_DOWNSTREAM_NODES) {
           pushDownstreamNodes(lastSelectedNode.name, PUSH_NODES_OFFSET, {
             trackHistory: options.trackHistory
@@ -17135,7 +17502,7 @@ function useCanvasOperations({
         canvasStore.newNodeInsertPosition = null;
       } else {
         let yOffset = 0;
-        if (lastSelectedConnection) {
+        if (uiStore.lastSelectedNodeConnection) {
           const sourceNodeType = nodeTypesStore.getNodeType(
             lastSelectedNode.type,
             lastSelectedNode.typeVersion
@@ -17156,8 +17523,10 @@ function useCanvasOperations({
               (output) => output === NodeConnectionType.Main
             );
             if (sourceNodeOutputMainOutputs.length > 1) {
+              const { index: sourceOutputIndex } = parseCanvasConnectionHandleString(
+                uiStore.lastSelectedNodeConnection.sourceHandle
+              );
               const offset = offsets[sourceNodeOutputMainOutputs.length - 2];
-              const sourceOutputIndex = lastSelectedConnection.__meta ? lastSelectedConnection.__meta.sourceOutputIndex : 0;
               yOffset = offset[sourceOutputIndex];
             }
           }
@@ -17265,24 +17634,17 @@ function useCanvasOperations({
     );
     for (const nodeName of checkNodes) {
       const node2 = workflowsStore.nodesByName[nodeName];
-      const oldPosition = node2.position;
       if (node2.position[0] < sourceNode.position[0]) {
         continue;
       }
-      const updateInformation = {
-        name: nodeName,
-        properties: {
-          position: [node2.position[0] + margin, node2.position[1]]
-        }
-      };
-      workflowsStore.updateNodeProperties(updateInformation);
-      updateNodePosition(node2.id, { x: node2.position[0], y: node2.position[1] });
-      if (trackHistory && oldPosition[0] !== updateInformation.properties.position[0] || oldPosition[1] !== updateInformation.properties.position[1]) {
-        historyStore.pushCommandToUndo(
-          new MoveNodeCommand(nodeName, oldPosition, updateInformation.properties.position),
-          trackHistory
-        );
-      }
+      updateNodePosition(
+        node2.id,
+        {
+          x: node2.position[0] + margin,
+          y: node2.position[1]
+        },
+        { trackHistory }
+      );
     }
   }
   async function loadNodeTypesProperties(nodeInfos) {
@@ -17367,9 +17729,13 @@ function useCanvasOperations({
   }
   function isConnectionAllowed(sourceNode, targetNode, connectionType2) {
     var _a, _b;
+    const blocklist = [STICKY_NODE_TYPE];
     if (sourceNode.id === targetNode.id) {
       return false;
     }
+    if (blocklist.includes(sourceNode.type) || blocklist.includes(targetNode.type)) {
+      return false;
+    }
     const targetNodeType = nodeTypesStore.getNodeType(targetNode.type, targetNode.typeVersion);
     if ((_a = targetNodeType == null ? void 0 : targetNodeType.inputs) == null ? void 0 : _a.length) {
       const workflowNode = editableWorkflowObject.value.getNode(targetNode.name);
@@ -17421,11 +17787,12 @@ function useCanvasOperations({
     editableWorkflowObject,
     triggerNodes,
     initializeNodeDataWithDefaultCredentials,
-    addNodes,
+    addNodes: addNodes2,
     updateNodePosition,
     setNodeActive,
     setNodeActiveByName,
     setNodeSelected,
+    setNodeParameters,
     toggleNodeDisabled,
     renameNode,
     revertRenameNode,
@@ -17438,7 +17805,7 @@ function useCanvasOperations({
     isConnectionAllowed
   };
 }
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   __name: "CanvasStopCurrentExecutionButton",
   props: {
     stopping: { type: Boolean }
@@ -17463,7 +17830,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "CanvasStopWaitingForWebhookButton",
   setup(__props) {
     const i18n2 = useI18n();
@@ -17480,11 +17847,26 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "CanvasClearExecutionDataButton",
+  setup(__props) {
+    const i18n2 = useI18n();
+    return (_ctx, _cache) => {
+      const _component_n8n_icon_button = resolveComponent("n8n-icon-button");
+      return openBlock(), createBlock(_component_n8n_icon_button, {
+        title: unref(i18n2).baseText("nodeView.deletesTheCurrentExecutionData"),
+        icon: "trash",
+        size: "large",
+        "data-test-id": "clear-execution-data-button"
+      }, null, 8, ["title"]);
+    };
+  }
+});
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "NodeView.v2",
   setup(__props) {
     const NodeCreation2 = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeCreation-CgjwaWLn.js").then((n) => n.N), true ? __vite__mapDeps([53,6,7,8,4,1,9,10,11,12,3,2,5,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,54]) : void 0)
+      async () => await __vitePreload(() => import("./NodeCreation-DDxu1Y6l.js").then((n) => n.N), true ? __vite__mapDeps([54,5,6,7,4,1,8,9,10,11,3,2,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,55]) : void 0)
     );
     const NodeDetailsView2 = defineAsyncComponent(
       async () => await __vitePreload(() => Promise.resolve().then(() => NodeDetailsView$1), true ? void 0 : void 0)
@@ -17521,6 +17903,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const tagsStore = useTagsStore();
     const pushConnectionStore = usePushConnectionStore();
     const ndvStore = useNDVStore();
+    const templatesStore = useTemplatesStore();
+    const canvasEventBus = createEventBus();
     const lastClickPosition = ref([450, 450]);
     const { runWorkflow, stopCurrentExecution, stopWaitingForWebhook } = useRunWorkflow({ router });
     const {
@@ -17530,9 +17914,10 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       setNodeActive,
       setNodeSelected,
       toggleNodeDisabled,
+      setNodeParameters,
       deleteNode,
       revertDeleteNode,
-      addNodes,
+      addNodes: addNodes2,
       createConnection,
       deleteConnection,
       revertDeleteConnection,
@@ -17560,6 +17945,21 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const isReadOnlyEnvironment = computed(() => {
       return sourceControlStore.preferences.branchReadOnly;
     });
+    const isCanvasReadOnly = computed(() => {
+      return isLoading.value || isDemoRoute.value || isReadOnlyEnvironment.value;
+    });
+    const fallbackNodes = computed(
+      () => isCanvasReadOnly.value ? [] : [
+        {
+          id: CanvasNodeRenderType.AddNodes,
+          name: CanvasNodeRenderType.AddNodes,
+          type: CanvasNodeRenderType.AddNodes,
+          typeVersion: 1,
+          position: [0, 0],
+          parameters: {}
+        }
+      ]
+    );
     async function initializeData() {
       isLoading.value = true;
       canvasStore.startLoading();
@@ -17613,6 +18013,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       if (isBlankRedirect.value) {
         isBlankRedirect.value = false;
       } else if (route.name === VIEWS.TEMPLATE_IMPORT) {
+        const templateId = route.params.id;
+        await openWorkflowTemplate(templateId.toString());
       } else {
         historyStore.reset();
         if (!workflowId.value || isNewWorkflowRoute.value) {
@@ -17638,6 +18040,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       nodeHelpers.updateNodesCredentialsIssues();
       nodeHelpers.updateNodesParameterIssues();
       await loadCredentials();
+      canvasEventBus.emit("fitView");
       uiStore.nodeViewInitialized = true;
       toast.showNotificationForViews([VIEWS.WORKFLOW, VIEWS.NEW_WORKFLOW]);
     }
@@ -17658,7 +18061,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }
       const manualTriggerNode = canvasStore.getAutoAddManualTriggerNode();
       if (manualTriggerNode) {
-        await addNodes([manualTriggerNode]);
+        await addNodes2([manualTriggerNode]);
         uiStore.lastSelectedNode = manualTriggerNode.name;
       }
     }
@@ -17681,7 +18084,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       const selectedExecution = executionsStore.activeExecution;
       resetWorkspace();
       await workflowHelpers.initState(data);
-      await addNodes(data.nodes);
+      await addNodes2(data.nodes);
       workflowsStore.setConnections(data.connections);
       if (data.sharedWithProjects) {
         workflowsEEStore.setWorkflowSharedWith({
@@ -17728,6 +18131,68 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       workflowsStore.workflow.homeProject = homeProject;
       workflowsStore.workflow.scopes = scopes;
     }
+    async function openWorkflowTemplate(templateId) {
+      resetWorkspace();
+      canvasStore.startLoading();
+      canvasStore.setLoadingText(i18n2.baseText("nodeView.loadingTemplate"));
+      workflowsStore.currentWorkflowExecutions = [];
+      executionsStore.activeExecution = null;
+      let data;
+      try {
+        void externalHooks.run("template.requested", { templateId });
+        data = await templatesStore.getFixedWorkflowTemplate(templateId);
+        if (!data) {
+          throw new Error(
+            i18n2.baseText("nodeView.workflowTemplateWithIdCouldNotBeFound", {
+              interpolate: { templateId }
+            })
+          );
+        }
+      } catch (error2) {
+        toast.showError(error2, i18n2.baseText("nodeView.couldntImportWorkflow"));
+        await router.replace({ name: VIEWS.NEW_WORKFLOW });
+        return;
+      }
+      trackOpenWorkflowTemplate(templateId);
+      isBlankRedirect.value = true;
+      await router.replace({ name: VIEWS.NEW_WORKFLOW, query: { templateId } });
+      const convertedNodes = data.workflow.nodes.map(workflowsStore.convertTemplateNodeToNodeUi);
+      workflowsStore.setConnections(data.workflow.connections);
+      await addNodes2(convertedNodes);
+      await workflowsStore.getNewWorkflowData(data.name, projectsStore.currentProjectId);
+      workflowsStore.addToWorkflowMetadata({ templateId });
+      uiStore.stateIsDirty = true;
+      canvasEventBus.emit("fitView");
+      canvasStore.stopLoading();
+      void externalHooks.run("template.open", {
+        templateId,
+        templateName: data.name,
+        workflow: data.workflow
+      });
+    }
+    function trackOpenWorkflowTemplate(templateId) {
+      telemetry.track(
+        "User inserted workflow template",
+        {
+          source: "workflow",
+          template_id: tryToParseNumber(templateId),
+          wf_template_repo_session_id: templatesStore.previousSessionId
+        },
+        {
+          withPostHog: true
+        }
+      );
+    }
+    const triggerNodes = computed(() => {
+      return editableWorkflow.value.nodes.filter(
+        (node2) => node2.type === START_NODE_TYPE || nodeTypesStore.isTriggerNode(node2.type)
+      );
+    });
+    const containsTriggerNodes = computed(() => triggerNodes.value.length > 0);
+    const allTriggerNodesDisabled = computed(() => {
+      const disabledTriggerNodes = triggerNodes.value.filter((node2) => node2.disabled);
+      return disabledTriggerNodes.length === triggerNodes.value.length;
+    });
     function onUpdateNodePosition(id, position2) {
       updateNodePosition(id, position2, { trackHistory: true });
     }
@@ -17760,6 +18225,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     }) {
       await revertRenameNode(currentName, newName);
     }
+    function onUpdateNodeParameters(id, parameters) {
+      setNodeParameters(id, parameters);
+    }
     async function loadCredentials() {
       var _a, _b, _c;
       let options;
@@ -17781,14 +18249,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       createConnection(connection);
     }
     function onCreateConnectionCancelled(event) {
-      const { type, index } = parseCanvasConnectionHandleString(event.handleId);
       setTimeout(() => {
         nodeCreatorStore.openNodeCreatorForConnectingNode({
-          index,
-          endpointUuid: event.handleId,
-          eventSource: NODE_CREATOR_OPEN_SOURCES.NODE_CONNECTION_DROP,
-          outputType: type,
-          sourceId: event.nodeId
+          connection: {
+            source: event.nodeId,
+            sourceHandle: event.handleId
+          },
+          eventSource: NODE_CREATOR_OPEN_SOURCES.NODE_CONNECTION_DROP
         });
       });
     }
@@ -17804,10 +18271,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       if (!checkIfEditingIsAllowed()) {
         return;
       }
-      await addNodes(nodes, { dragAndDrop, position: position2 });
+      await addNodes2(nodes, { dragAndDrop, position: position2 });
       await addConnections(connections2, {
         offsetIndex: editableWorkflow.value.nodes.length - nodes.length
       });
+      uiStore.lastSelectedNodeConnection = null;
     }
     async function onSwitchActiveNode(nodeName) {
       setNodeActiveByName(nodeName);
@@ -17818,15 +18286,31 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     function onOpenNodeCreator(options) {
       nodeCreatorStore.openNodeCreator(options);
     }
+    function onClickConnectionAdd(connection) {
+      nodeCreatorStore.openNodeCreatorForConnectingNode({
+        connection,
+        eventSource: NODE_CREATOR_OPEN_SOURCES.NODE_CONNECTION_ACTION
+      });
+    }
     const isStoppingExecution = ref(false);
     const isWorkflowRunning = computed(() => uiStore.isActionActive.workflowRunning);
     const isExecutionWaitingForWebhook = computed(() => workflowsStore.executionWaitingForWebhook);
+    const isExecutionDisabled = computed(() => {
+      if (containsChatTriggerNodes.value && isOnlyChatTriggerNodeActive.value && !chatTriggerNodePinnedData.value) {
+        return true;
+      }
+      return !containsTriggerNodes.value || allTriggerNodesDisabled.value;
+    });
     const isStopExecutionButtonVisible = computed(
       () => isWorkflowRunning.value && !isExecutionWaitingForWebhook.value
     );
     const isStopWaitingForWebhookButtonVisible = computed(
       () => isWorkflowRunning.value && isExecutionWaitingForWebhook.value
     );
+    const isClearExecutionButtonVisible = computed(
+      () => !isReadOnlyRoute.value && !isReadOnlyEnvironment.value && !isWorkflowRunning.value && !allTriggerNodesDisabled.value && workflowExecutionData.value
+    );
+    const workflowExecutionData = computed(() => workflowsStore.workflowExecutionData);
     async function onRunWorkflow() {
       trackRunWorkflow();
       await runWorkflow({});
@@ -17874,6 +18358,32 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     async function onStopWaitingForWebhook() {
       await stopWaitingForWebhook();
     }
+    async function onClearExecutionData() {
+      workflowsStore.workflowExecutionData = null;
+      nodeHelpers.updateNodesExecutionIssues();
+    }
+    function onRunWorkflowButtonMouseEnter() {
+      nodeViewEventBus.emit("runWorkflowButton:mouseenter");
+    }
+    function onRunWorkflowButtonMouseLeave() {
+      nodeViewEventBus.emit("runWorkflowButton:mouseleave");
+    }
+    const chatTriggerNode = computed(() => {
+      return editableWorkflow.value.nodes.find((node2) => node2.type === CHAT_TRIGGER_NODE_TYPE);
+    });
+    const containsChatTriggerNodes = computed(() => {
+      return !isExecutionWaitingForWebhook.value && !!editableWorkflow.value.nodes.find(
+        (node2) => [MANUAL_CHAT_TRIGGER_NODE_TYPE, CHAT_TRIGGER_NODE_TYPE].includes(node2.type) && node2.disabled !== true
+      );
+    });
+    const isOnlyChatTriggerNodeActive = computed(() => {
+      return triggerNodes.value.every((node2) => node2.disabled || node2.type === CHAT_TRIGGER_NODE_TYPE);
+    });
+    const chatTriggerNodePinnedData = computed(() => {
+      if (!chatTriggerNode.value)
+        return null;
+      return workflowsStore.pinDataByNodeName(chatTriggerNode.value.name);
+    });
     function addKeyboardEventBindings() {
     }
     function removeKeyboardEventBindings() {
@@ -18095,34 +18605,45 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         key: 0,
         workflow: unref(editableWorkflow),
         "workflow-object": unref(editableWorkflowObject),
+        "fallback-nodes": fallbackNodes.value,
+        "event-bus": unref(canvasEventBus),
         "onUpdate:node:position": onUpdateNodePosition,
         "onUpdate:node:active": onSetNodeActive,
         "onUpdate:node:selected": onSetNodeSelected,
         "onUpdate:node:enabled": onToggleNodeDisabled,
+        "onUpdate:node:parameters": onUpdateNodeParameters,
         "onRun:node": onRunWorkflowToNode,
         "onDelete:node": onDeleteNode,
         "onCreate:connection": onCreateConnection,
         "onCreate:connection:cancelled": onCreateConnectionCancelled,
         "onDelete:connection": onDeleteConnection,
+        "onClick:connection:add": onClickConnectionAdd,
         "onClick:pane": onClickPane
       }, {
         default: withCtx(() => [
           createBaseVNode("div", {
             class: normalizeClass(unref($style).executionButtons)
           }, [
-            createVNode(_sfc_main$4, {
+            createVNode(_sfc_main$5, {
               "waiting-for-webhook": isExecutionWaitingForWebhook.value,
+              disabled: isExecutionDisabled.value,
               executing: isWorkflowRunning.value,
+              onMouseenter: onRunWorkflowButtonMouseEnter,
+              onMouseleave: onRunWorkflowButtonMouseLeave,
               onClick: onRunWorkflow
-            }, null, 8, ["waiting-for-webhook", "executing"]),
-            isStopExecutionButtonVisible.value ? (openBlock(), createBlock(_sfc_main$3, {
+            }, null, 8, ["waiting-for-webhook", "disabled", "executing"]),
+            isStopExecutionButtonVisible.value ? (openBlock(), createBlock(_sfc_main$4, {
               key: 0,
               stopping: isStoppingExecution.value,
               onClick: onStopExecution
             }, null, 8, ["stopping"])) : createCommentVNode("", true),
-            isStopWaitingForWebhookButtonVisible.value ? (openBlock(), createBlock(_sfc_main$2, {
+            isStopWaitingForWebhookButtonVisible.value ? (openBlock(), createBlock(_sfc_main$3, {
               key: 1,
               onClick: onStopWaitingForWebhook
+            })) : createCommentVNode("", true),
+            isClearExecutionButtonVisible.value ? (openBlock(), createBlock(_sfc_main$2, {
+              key: 2,
+              onClick: onClearExecutionData
             })) : createCommentVNode("", true)
           ], 2),
           (openBlock(), createBlock(Suspense, null, {
@@ -18154,7 +18675,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           }))
         ]),
         _: 1
-      }, 8, ["workflow", "workflow-object"])) : createCommentVNode("", true);
+      }, 8, ["workflow", "workflow-object", "fallback-nodes", "event-bus"])) : createCommentVNode("", true);
     };
   }
 });