n8n-editor-ui 1.56.0 → 1.57.0

package/dist/assets/{NodeViewSwitcher-Ccma3pLE.js → NodeViewSwitcher-D6nuSKAB.js}

@@ -1,25 +1,25 @@
-const __vite__fileDeps=["assets/RunDataTable-vo-QDjQp.js","assets/index-CLI1n-jB.js","assets/vendor--ibC2Mep.js","assets/n8n-CImTAF3S.js","assets/lodash-es-dKZCeUxP.js","assets/esprima-next-DUEu30kB.js","assets/axios-B4zXCSve.js","assets/luxon-Bt_g4NOb.js","assets/@vueuse/core--FBPUsui.js","assets/uuid-sKupIUZ4.js","assets/n8n-B5E4lBZf.css","assets/vue-i18n-DIALciIu.js","assets/flatted-D70IerrI.js","assets/pinia-CRxmBHO7.js","assets/@n8n/permissions-BdHAniXb.js","assets/dateformat-BQ7xPnyT.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-D7OrEcyE.js","assets/timeago.js-CgQus8nl.js","assets/qrcode.vue-CfPA0F87.js","assets/vue3-touch-events-DVOgU3fI.js","assets/chart.js-DiBOFLDH.js","assets/index-BEMjTsUh.css","assets/RunDataTable-ZwoYenSI.css","assets/RunDataJson-P0yEohIY.js","assets/vue-json-pretty-CFFqJM37.js","assets/RunDataJson-DGge2zsB.css","assets/RunDataSearch-Cq60VG7b.js","assets/RunDataSearch-BA0wlJtp.css","assets/NodeCreation-flnxFWcn.js","assets/NodeCreation-DaYUHVNB.css","assets/CanvasControls-DbRWTsgU.js","assets/CanvasControls-Gjw5xMXK.css","assets/SetupWorkflowCredentialsButton-DQy479iH.js"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]);
-import { r as ref, c as computed, w as watch, d as defineComponent, g as unref, o as openBlock, a as createBlock, j as createBaseVNode, i as createVNode, e as withCtx, n as normalizeClass, a7 as normalizeStyle, a6 as Teleport, q as createCommentVNode, ao as resolveComponent, k as createElementBlock, a2 as Fragment, ag as renderList, t as toDisplayString, s as createTextVNode, aM as useRouter, aB as pushScopeId, aC as popScopeId, m as mergeProps, ah as withKeys, ad as withModifiers, L as nextTick, aa as withDirectives, ab as vShow, N as onMounted, M as onBeforeUnmount, a8 as useSlots, f as renderSlot, I as toRef, aP as defineAsyncComponent, aR as Suspense, ai as createSlots, aW as createStaticVNode, b as resolveDynamicComponent, a9 as Transition, J as getCurrentInstance, av as resolveDirective, aE as useRoute, u as useCssModule, E as inject, h, D as provide, aG as toValue, O as onUnmounted, ak as normalizeProps, as as guardReactiveProps, K as onBeforeMount, aX as onActivated, af as onDeactivated, aY as onBeforeRouteLeave } from "./vendor--ibC2Mep.js";
-import { o as onClickOutside, h as useActiveElement, a7 as useEventListener, a6 as useLocalStorage } from "./@vueuse/core--FBPUsui.js";
-import { e as useUIStore, a3 as useNodeTypesStore, m as useWorkflowsStore, l as useSourceControlStore, v as useI18n, q as getResourcePermissions, a4 as isPresent, a5 as NOT_DUPLICATABLE_NODE_TYPES, a6 as getMousePosition, N as STICKY_NODE_TYPE, a7 as usePinnedData, a8 as useNodeHelpers, d as useDebounce, a9 as TitledList, aa as _sfc_main$Q, ab as OnClickOutside, 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, K as useNDVStore, ah as isCommunityPackageName, ai as NPM_PACKAGE_DOCS_BASE_URL, aj as BUILTIN_NODES_DOCS_URL, ak as COMMUNITY_NODES_INSTALLATION_DOCS_URL, a2 as useExternalHooks, w as useTelemetry, al as useRunWorkflow, x as useMessage, am as MANUAL_TRIGGER_NODE_TYPE, an as WEBHOOK_NODE_TYPE, A as nodeViewEventBus, C as MODAL_CONFIRM, ao as __unplugin_components_4, ap as _sfc_main$R, aq as useWorkflowsEEStore, ar as useCredentialsStore, as as useHistoryStore, at as CUSTOM_NODES_DOCS_URL, au as MAIN_NODE_PANEL_WIDTH, av as importCurlEventBus, aw as ndvEventBus, ax as RenameNodeCommand, ay as SHOULD_CLEAR_NODE_OUTPUTS, az as __unplugin_components_2$3, Z as useStorage, aA as LOCAL_STORAGE_MAIN_PANEL_RELATIVE_WIDTH, j as useRootStore, aB as useAssistantStore, aC as MAX_DISPLAY_DATA_SIZE, aD as InlineAskAssistantButton, aE as sanitizeHtml, aF as NEW_ASSISTANT_SESSION_MODAL, aG as __unplugin_components_2$4, aH as MAX_DISPLAY_DATA_SIZE_SCHEMA_VIEW, aI as MAX_DISPLAY_ITEMS_AUTO_ALL, aJ as DATA_PINNING_DOCS_URL, aK as DATA_EDITING_DOCS_URL, aL as HTML_NODE_TYPE, aM as executionDataToJson, aN as NODE_TYPES_EXCLUDED_FROM_OUTPUT_NAME_APPEND, aO as isEmpty, aP as LOCAL_STORAGE_PIN_DATA_DISCOVERY_NDV_FLAG, aQ as dataPinningEventBus, aR as LOCAL_STORAGE_PIN_DATA_DISCOVERY_CANVAS_FLAG, aS as clearJsonKey, aT as searchInObject, aU as TEST_PIN_DATA, aV as useNodeType, aW as START_NODE_TYPE, aX as CRON_NODE_TYPE, aY as INTERVAL_NODE_TYPE, aZ as CopyInput, a_ as isTriggerPanelObject, a$ as getTriggerNodeServiceName, V as VIEWS, F as WORKFLOW_SETTINGS_MODAL_KEY, b as useSettingsStore, b0 as EXECUTABLE_TRIGGER_NODE_TYPES, b1 as BASE_NODE_SURVEY_URL, E as EnterpriseEditionFeature, b2 as NODE_CONNECTION_TYPE_ALLOW_MULTIPLE, b3 as getAnchorPosition, b4 as isValidNodeConnectionType, b5 as getEndpointScope, b6 as getInputEndpointUUID, b7 as getInputEndpointStyle, b8 as getScope, b9 as getInputNameOverlay, ba as NODE_INSERT_SPACER_BETWEEN_INPUT_GROUPS, bb as NODE_MIN_INPUT_ITEMS_COUNT, bc as getOutputEndpointUUID, bd as getOutputEndpointStyle, be as getOutputNameOverlay, bf as NO_OP_NODE_TYPE, bg as GRID_SIZE, k as useCanvasStore, bh as isString, bi as isNumber, bj as assert, bk as QUICKSTART_NOTE_NAME, bl as WAIT_TIME_UNLIMITED, bm as SIMULATE_NODE_TYPE, bn as SIMULATE_TRIGGER_NODE_TYPE, bo as CUSTOM_API_CALL_KEY, bp as EnableNodeToggleCommand, bq as getRelativePosition, br as CORE_NODES_CATEGORY, bs as DEFAULT_SUBCATEGORY, bt as AI_SUBCATEGORY, bu as usePostHog, bv as AI_TRANSFORM_NODE_TYPE, bw as AI_CATEGORY_AGENTS, bx as i18n, _ as useTemplatesStore, by as AI_CATEGORY_CHAINS, bz as AI_NODE_CREATOR_VIEW, bA as AI_OTHERS_NODE_CREATOR_VIEW, bB as AI_CATEGORY_DOCUMENT_LOADERS, bC as AI_CATEGORY_LANGUAGE_MODELS, bD as AI_CATEGORY_MEMORY, bE as AI_CATEGORY_OUTPUTPARSER, bF as AI_CATEGORY_RETRIEVERS, bG as AI_CATEGORY_TEXT_SPLITTERS, bH as AI_CATEGORY_TOOLS, bI as AI_WORKFLOW_TOOL_LANGCHAIN_NODE_TYPE, bJ as AI_CODE_TOOL_LANGCHAIN_NODE_TYPE, bK as AI_CATEGORY_EMBEDDING, bL as AI_CATEGORY_VECTOR_STORES, bM as AI_UNCATEGORIZED_CATEGORY, bN as TRIGGER_NODE_CREATOR_VIEW, bO as EMAIL_IMAP_NODE_TYPE, bP as SCHEDULE_TRIGGER_NODE_TYPE, bQ as EXECUTE_WORKFLOW_TRIGGER_NODE_TYPE, bR as MANUAL_CHAT_TRIGGER_NODE_TYPE, bS as OTHER_TRIGGER_NODES_SUBCATEGORY, bT as SET_NODE_TYPE, bU as CODE_NODE_TYPE, bV as DATETIME_NODE_TYPE, bW as REGULAR_NODE_CREATOR_VIEW, bX as RSS_READ_NODE_TYPE, bY as EMAIL_SEND_NODE_TYPE, bZ as TRANSFORM_DATA_SUBCATEGORY, b_ as FILTER_NODE_TYPE, b$ as REMOVE_DUPLICATES_NODE_TYPE, c0 as SPLIT_OUT_NODE_TYPE, c1 as LIMIT_NODE_TYPE, c2 as SUMMARIZE_NODE_TYPE, c3 as AGGREGATE_NODE_TYPE, c4 as MERGE_NODE_TYPE, c5 as MARKDOWN_NODE_TYPE, c6 as XML_NODE_TYPE, c7 as CRYPTO_NODE_TYPE, c8 as EXTRACT_FROM_FILE_NODE_TYPE, c9 as CONVERT_TO_FILE_NODE_TYPE, ca as COMPRESSION_NODE_TYPE, cb as EDIT_IMAGE_NODE_TYPE, cc as FLOWS_CONTROL_SUBCATEGORY, cd as IF_NODE_TYPE, ce as SPLIT_IN_BATCHES_NODE_TYPE, cf as HELPERS_SUBCATEGORY, cg as HTTP_REQUEST_NODE_TYPE, ch as AI_CATEGORY_ROOT_NODES, ci as AI_CODE_NODE_TYPE, cj as CanvasConnectionMode, ck as isValidCanvasConnectionMode, X as STORES, cl as NODE_CREATOR_OPEN_SOURCES, cm as isVueFlowConnection, cn as MOUSE_EVENT_BUTTON, co as MOUSE_EVENT_BUTTONS, cp as KeyboardShortcutTooltip, cq as useGlobalLinkActions, y as useTitleChange, o as useNpsSurveyStore, n as useProjectsStore, L as useExecutionsStore, cr as useExternalSecretsStore, cs as useEnvironmentsStore, a as useUsersStore, c as useTagsStore, ct as getBackgroundStyles, J as MAIN_HEADER_TABS, Q as sourceControlEventBus, cu as historyBus, P as PLACEHOLDER_EMPTY_WORKFLOW_ID, cv as WORKFLOW_LM_CHAT_MODAL_KEY, cw as N8nAddInputEndpointType, cx as getFixedNodesList, cy as tryToParseNumber, cz as MoveNodeCommand, H as VALID_WORKFLOW_IMPORT_URL_REGEX, cA as UPDATE_WEBHOOK_ID_NODE_TYPES, cB as getNewNodePosition, cC as DRAG_EVENT_DATA_KEY, cD as MAX_X_TO_PUSH_DOWNSTREAM_NODES, cE as PUSH_NODES_OFFSET, cF as NODE_SIZE, cG as resetConnectionAfterPull, cH as resetConnection, cI as moveBackInputLabelPosition, cJ as hideOutputNameLabel, cK as addConnectionActionsOverlay, cL as getOverlay, cM as OVERLAY_ENDPOINT_ARROW_ID, cN as getConnectorPaintStyleData, cO as AddConnectionCommand, cP as addConnectionTestData, cQ as showOrHideItemsLabel, cR as showOrHideMidpointArrow, cS as isJSPlumbConnection, cT as hideConnectionActions, cU as showConnectionActions, cV as resetInputLabelPosition, cW as getConnectionInfo, cX as showOutputNameLabel, cY as RemoveConnectionCommand, cZ as isJSPlumbEndpointElement, c_ as EVENT_PLUS_ENDPOINT_CLICK, c$ as EVENT_ADD_INPUT_ENDPOINT_CLICK, d0 as N8nPlusEndpointType, d1 as CANVAS_AUTO_ADD_MANUAL_TRIGGER_EXPERIMENT, d2 as MODAL_CANCEL, d3 as addClassesToOverlays, d4 as OVERLAY_RUN_ITEMS_ID, d5 as getJSPlumbEndpoints, d6 as RemoveNodeCommand, d7 as useDataSchema, d8 as getNodeViewTab, d9 as getConnectorLengths, da as isElementIntersection, db as calculateElementIntersection, dc as showDropConnectionState, dd as showPullConnectionState, de as CanvasNodeKey, df as CanvasNodeRenderType, dg as CanvasNodeHandleKey, dh as AddNodeCommand } from "./index-CLI1n-jB.js";
-import { av as N8nActionDropdown, _ as _export_sfc, aw as nodeIssuesToString, q as getNodeInputs, N as NodeConnectionType, p as getConnectionTypes, ax as isSingleExecution, m as deepCopy, t as getNodeParameters, ay as isINodePropertyCollectionList, az as isINodePropertiesList, aA as isINodePropertyOptionsList, aj as displayParameter, aB as sanitizeHtml$1, aC as sanitizeHtml_1, j as jsonParse, o as getNodeOutputs, aD as getNodeHints, z as __vitePreload, f as createEventBus, aq as useDeviceSupport, au as FontAwesomeIcon, x as xss, n as nodeConnectionTypes, aE as generateNodesGraph, a2 as isSubNodeType, T as N8nTooltip } from "./n8n-CImTAF3S.js";
-import { m as mapStores, s as storeToRefs, d as defineStore } from "./pinia-CRxmBHO7.js";
-import { g as get, s as set, B as unset, e as isEqual, z as isObject, C as sortBy, D as camelCase, E as difference } from "./lodash-es-dKZCeUxP.js";
-import { V as VueJsonPretty } from "./vue-json-pretty-CFFqJM37.js";
-import { F as FileSaver_minExports } from "./file-saver-BC4qXfnG.js";
-import { c as convertToDisplayDateComponents } from "./dateFormatter-BLs-6hBq.js";
-import RunDataAi from "./RunDataAi-B5qgU5_2.js";
-import { u as useWorkflowActivate } from "./useWorkflowActivate-BDd0oBIt.js";
+const __vite__fileDeps=["assets/RunDataTable-D-c1L5v9.js","assets/index-BMqv_cxE.js","assets/vendor-tVazXwC6.js","assets/n8n-NifPGZSM.js","assets/esprima-next-DUEu30kB.js","assets/axios-B4zXCSve.js","assets/luxon-Bt_g4NOb.js","assets/lodash-es-kRWQHL5K.js","assets/@vueuse/core-C-N7SOS8.js","assets/uuid-sKupIUZ4.js","assets/n8n-OU8f1_-B.css","assets/flatted-D70IerrI.js","assets/pinia-DvV9jJ-A.js","assets/bowser-C3wWO1p5.js","assets/@n8n/permissions-BdHAniXb.js","assets/dateformat-U_ybGERk.js","assets/vue-i18n-DNQ-lWfW.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-DFVeKQSP.js","assets/timeago.js-CgQus8nl.js","assets/qrcode.vue-Di8rc46A.js","assets/vue3-touch-events-DVOgU3fI.js","assets/chart.js-DiBOFLDH.js","assets/index-1JP5ktFc.css","assets/RunDataTable-ZwoYenSI.css","assets/RunDataJson-C-dseNta.js","assets/vue-json-pretty-CUUthm-2.js","assets/RunDataJson-DGge2zsB.css","assets/RunDataSearch-tlq4S7N-.js","assets/RunDataSearch-BA0wlJtp.css","assets/NodeCreation-B-ZsOH-L.js","assets/NodeCreation-DaYUHVNB.css","assets/CanvasControls-Besc3nk2.js","assets/CanvasControls-Gjw5xMXK.css","assets/SetupWorkflowCredentialsButton-C2wXpCdh.js"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]);
+import { a as ref, f as computed, b as watch, I as defineComponent, u as unref, J as openBlock, V as createBlock, L as createBaseVNode, a8 as createVNode, a3 as withCtx, _ as normalizeClass, $ as normalizeStyle, Y as Teleport, U as createCommentVNode, an as resolveComponent, K as createElementBlock, R as Fragment, af as renderList, a7 as toDisplayString, a6 as createTextVNode, aM as useRouter, aB as pushScopeId, aC as popScopeId, a0 as mergeProps, ag as withKeys, ac as withModifiers, n as nextTick, a4 as withDirectives, a9 as vShow, q as onMounted, m as onBeforeUnmount, a1 as useSlots, Z as renderSlot, j as toRef, aP as defineAsyncComponent, aR as Suspense, ah as createSlots, aW as createStaticVNode, a5 as resolveDynamicComponent, a2 as Transition, k as getCurrentInstance, au as resolveDirective, h as reactive, x as onUnmounted, aE as useRoute, aA as useCssModule, i as inject, X as h, p as provide, aG as toValue, aj as normalizeProps, ar as guardReactiveProps, l as onBeforeMount, aX as onActivated, ae as onDeactivated, aY as onBeforeRouteLeave } from "./vendor-tVazXwC6.js";
+import { o as onClickOutside, h as useActiveElement, a7 as useEventListener, a6 as useLocalStorage } from "./@vueuse/core-C-N7SOS8.js";
+import { e as useUIStore, a3 as useNodeTypesStore, m as useWorkflowsStore, l as useSourceControlStore, v as useI18n, q as getResourcePermissions, a4 as isPresent, a5 as NOT_DUPLICATABLE_NODE_TYPES, a6 as getMousePosition, N as STICKY_NODE_TYPE, a7 as usePinnedData, a8 as useNodeHelpers, d as useDebounce, a9 as TitledList, aa as _sfc_main$V, ab as OnClickOutside, 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, K as useNDVStore, ah as isCommunityPackageName, ai as NPM_PACKAGE_DOCS_BASE_URL, aj as BUILTIN_NODES_DOCS_URL, ak as COMMUNITY_NODES_INSTALLATION_DOCS_URL, a2 as useExternalHooks, w as useTelemetry, al as useRunWorkflow, x as useMessage, am as MANUAL_TRIGGER_NODE_TYPE, an as WEBHOOK_NODE_TYPE, A as nodeViewEventBus, C as MODAL_CONFIRM, ao as __unplugin_components_4, ap as _sfc_main$W, aq as useWorkflowsEEStore, ar as useCredentialsStore, as as useHistoryStore, at as CUSTOM_NODES_DOCS_URL, au as MAIN_NODE_PANEL_WIDTH, av as importCurlEventBus, aw as ndvEventBus, ax as RenameNodeCommand, ay as SHOULD_CLEAR_NODE_OUTPUTS, az as __unplugin_components_2$3, Z as useStorage, aA as LOCAL_STORAGE_MAIN_PANEL_RELATIVE_WIDTH, j as useRootStore, aB as useAssistantStore, aC as MAX_DISPLAY_DATA_SIZE, aD as InlineAskAssistantButton, aE as sanitizeHtml, aF as NEW_ASSISTANT_SESSION_MODAL, aG as __unplugin_components_2$4, aH as MAX_DISPLAY_DATA_SIZE_SCHEMA_VIEW, aI as MAX_DISPLAY_ITEMS_AUTO_ALL, aJ as DATA_PINNING_DOCS_URL, aK as DATA_EDITING_DOCS_URL, aL as HTML_NODE_TYPE, aM as executionDataToJson, aN as NODE_TYPES_EXCLUDED_FROM_OUTPUT_NAME_APPEND, aO as isEmpty, aP as LOCAL_STORAGE_PIN_DATA_DISCOVERY_NDV_FLAG, aQ as dataPinningEventBus, aR as LOCAL_STORAGE_PIN_DATA_DISCOVERY_CANVAS_FLAG, aS as clearJsonKey, aT as searchInObject, aU as TEST_PIN_DATA, aV as useNodeType, aW as START_NODE_TYPE, aX as CRON_NODE_TYPE, aY as INTERVAL_NODE_TYPE, aZ as CopyInput, a_ as isTriggerPanelObject, a$ as getTriggerNodeServiceName, V as VIEWS, F as WORKFLOW_SETTINGS_MODAL_KEY, b as useSettingsStore, b0 as EXECUTABLE_TRIGGER_NODE_TYPES, b1 as BASE_NODE_SURVEY_URL, E as EnterpriseEditionFeature, b2 as NODE_CONNECTION_TYPE_ALLOW_MULTIPLE, b3 as getAnchorPosition, b4 as isValidNodeConnectionType, b5 as getEndpointScope, b6 as getInputEndpointUUID, b7 as getInputEndpointStyle, b8 as getScope, b9 as getInputNameOverlay, ba as NODE_INSERT_SPACER_BETWEEN_INPUT_GROUPS, bb as NODE_MIN_INPUT_ITEMS_COUNT, bc as getOutputEndpointUUID, bd as getOutputEndpointStyle, be as getOutputNameOverlay, bf as NO_OP_NODE_TYPE, bg as GRID_SIZE, k as useCanvasStore, bh as isString, bi as isNumber, bj as assert, bk as QUICKSTART_NOTE_NAME, bl as WAIT_TIME_UNLIMITED, bm as SIMULATE_NODE_TYPE, bn as SIMULATE_TRIGGER_NODE_TYPE, bo as CUSTOM_API_CALL_KEY, bp as globalLinkActionsEventBus, bq as getRelativePosition, br as CORE_NODES_CATEGORY, bs as DEFAULT_SUBCATEGORY, bt as AI_SUBCATEGORY, bu as usePostHog, bv as AI_TRANSFORM_NODE_TYPE, bw as AI_CATEGORY_AGENTS, bx as i18n, _ as useTemplatesStore, by as AI_CATEGORY_CHAINS, bz as AI_NODE_CREATOR_VIEW, bA as AI_OTHERS_NODE_CREATOR_VIEW, bB as AI_CATEGORY_DOCUMENT_LOADERS, bC as AI_CATEGORY_LANGUAGE_MODELS, bD as AI_CATEGORY_MEMORY, bE as AI_CATEGORY_OUTPUTPARSER, bF as AI_CATEGORY_RETRIEVERS, bG as AI_CATEGORY_TEXT_SPLITTERS, bH as AI_CATEGORY_TOOLS, bI as AI_WORKFLOW_TOOL_LANGCHAIN_NODE_TYPE, bJ as AI_CODE_TOOL_LANGCHAIN_NODE_TYPE, bK as AI_CATEGORY_EMBEDDING, bL as AI_CATEGORY_VECTOR_STORES, bM as AI_UNCATEGORIZED_CATEGORY, bN as TRIGGER_NODE_CREATOR_VIEW, bO as EMAIL_IMAP_NODE_TYPE, bP as SCHEDULE_TRIGGER_NODE_TYPE, bQ as EXECUTE_WORKFLOW_TRIGGER_NODE_TYPE, bR as MANUAL_CHAT_TRIGGER_NODE_TYPE, bS as OTHER_TRIGGER_NODES_SUBCATEGORY, bT as SET_NODE_TYPE, bU as CODE_NODE_TYPE, bV as DATETIME_NODE_TYPE, bW as REGULAR_NODE_CREATOR_VIEW, bX as RSS_READ_NODE_TYPE, bY as EMAIL_SEND_NODE_TYPE, bZ as TRANSFORM_DATA_SUBCATEGORY, b_ as FILTER_NODE_TYPE, b$ as REMOVE_DUPLICATES_NODE_TYPE, c0 as SPLIT_OUT_NODE_TYPE, c1 as LIMIT_NODE_TYPE, c2 as SUMMARIZE_NODE_TYPE, c3 as AGGREGATE_NODE_TYPE, c4 as MERGE_NODE_TYPE, c5 as MARKDOWN_NODE_TYPE, c6 as XML_NODE_TYPE, c7 as CRYPTO_NODE_TYPE, c8 as EXTRACT_FROM_FILE_NODE_TYPE, c9 as CONVERT_TO_FILE_NODE_TYPE, ca as COMPRESSION_NODE_TYPE, cb as EDIT_IMAGE_NODE_TYPE, cc as FLOWS_CONTROL_SUBCATEGORY, cd as IF_NODE_TYPE, ce as SPLIT_IN_BATCHES_NODE_TYPE, cf as HELPERS_SUBCATEGORY, cg as HTTP_REQUEST_NODE_TYPE, ch as AI_CATEGORY_ROOT_NODES, ci as AI_CODE_NODE_TYPE, cj as CanvasConnectionMode, ck as isValidCanvasConnectionMode, X as STORES, cl as NODE_CREATOR_OPEN_SOURCES, cm as isVueFlowConnection, cn as MOUSE_EVENT_BUTTON, co as MOUSE_EVENT_BUTTONS, cp as KeyboardShortcutTooltip, y as useTitleChange, o as useNpsSurveyStore, n as useProjectsStore, L as useExecutionsStore, cq as useExternalSecretsStore, cr as useEnvironmentsStore, a as useUsersStore, c as useTagsStore, cs as getBackgroundStyles, J as MAIN_HEADER_TABS, Q as sourceControlEventBus, ct as historyBus, P as PLACEHOLDER_EMPTY_WORKFLOW_ID, cu as WORKFLOW_LM_CHAT_MODAL_KEY, cv as N8nAddInputEndpointType, cw as getFixedNodesList, cx as tryToParseNumber, cy as MoveNodeCommand, H as VALID_WORKFLOW_IMPORT_URL_REGEX, cz as UPDATE_WEBHOOK_ID_NODE_TYPES, cA as getNewNodePosition, cB as DRAG_EVENT_DATA_KEY, cC as MAX_X_TO_PUSH_DOWNSTREAM_NODES, cD as PUSH_NODES_OFFSET, cE as NODE_SIZE, cF as resetConnectionAfterPull, cG as resetConnection, cH as moveBackInputLabelPosition, cI as hideOutputNameLabel, cJ as addConnectionActionsOverlay, cK as getOverlay, cL as OVERLAY_ENDPOINT_ARROW_ID, cM as getConnectorPaintStyleData, cN as AddConnectionCommand, cO as addConnectionTestData, cP as showOrHideItemsLabel, cQ as showOrHideMidpointArrow, cR as isJSPlumbConnection, cS as hideConnectionActions, cT as showConnectionActions, cU as resetInputLabelPosition, cV as getConnectionInfo, cW as showOutputNameLabel, cX as RemoveConnectionCommand, cY as isJSPlumbEndpointElement, cZ as EVENT_PLUS_ENDPOINT_CLICK, c_ as EVENT_ADD_INPUT_ENDPOINT_CLICK, c$ as N8nPlusEndpointType, d0 as CANVAS_AUTO_ADD_MANUAL_TRIGGER_EXPERIMENT, d1 as MODAL_CANCEL, d2 as addClassesToOverlays, d3 as OVERLAY_RUN_ITEMS_ID, d4 as getJSPlumbEndpoints, d5 as RemoveNodeCommand, d6 as useDataSchema, d7 as getNodeViewTab, d8 as getConnectorLengths, d9 as isElementIntersection, da as calculateElementIntersection, db as showDropConnectionState, dc as showPullConnectionState, dd as CanvasNodeKey, de as CanvasNodeRenderType, df as CanvasNodeHandleKey, dg as CanvasKey, dh as AddNodeCommand } from "./index-BMqv_cxE.js";
+import { av as N8nActionDropdown, _ as _export_sfc, aw as nodeIssuesToString, w as getNodeInputs, N as NodeConnectionType, v as getConnectionTypes, ax as isSingleExecution, q as deepCopy, y as getNodeParameters, ay as isINodePropertyCollectionList, az as isINodePropertiesList, aA as isINodePropertyOptionsList, al as displayParameter, aB as sanitizeHtml$1, aC as sanitizeHtml_1, j as jsonParse, t as getNodeOutputs, aD as getNodeHints, k as __vitePreload, f as createEventBus, aq as useDeviceSupport, x as xss, au as FontAwesomeIcon, aE as _sfc_main$X, aF as AI_TRANSFORM_NODE_TYPE$1, n as nodeConnectionTypes, aG as generateNodesGraph, a4 as isSubNodeType, V as N8nTooltip } from "./n8n-NifPGZSM.js";
+import { m as mapStores, s as storeToRefs, d as defineStore } from "./pinia-DvV9jJ-A.js";
+import { g as get, s as set, C as unset, e as isEqual, A as isObject, x as sortBy, D as camelCase, E as difference } from "./lodash-es-kRWQHL5K.js";
+import { V as VueJsonPretty } from "./vue-json-pretty-CUUthm-2.js";
+import { F as FileSaver_minExports } from "./file-saver-Kt7b8Ak0.js";
+import { c as convertToDisplayDateComponents } from "./dateFormatter--Jm_2fEm.js";
+import RunDataAi from "./RunDataAi-B3Q65dEL.js";
+import { u as useWorkflowActivate } from "./useWorkflowActivate-BpRa7BDT.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 { u as useExecutionDebugging } from "./useExecutionDebugging-C71VIaeO.js";
+import { u as useExecutionDebugging } from "./useExecutionDebugging-CjiDOv4V.js";
 import { v as v4 } from "./uuid-sKupIUZ4.js";
-import { u as usePushConnectionStore } from "./pushConnection.store-CPTpOU-5.js";
+import { u as usePushConnectionStore } from "./pushConnection.store-BQ8wQOWv.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 { _ as _sfc_main$S } from "./@vue-flow/controls-Cvh307dC.js";
-import { e as Position, f as getSmoothStepPath, h as getBezierPath, i as _sfc_main$d$1, j as _sfc_main$f$1, k as _sfc_main$3$1, P as PanelPosition, u as useVueFlow, l as _sfc_main$1$1, M as MarkerType } from "./@vue-flow/core-Du7k5uW6.js";
-import { _ as _sfc_main$U } from "./@vue-flow/background-_Zw85-vf.js";
-import { _ as _sfc_main$V } from "./@vue-flow/minimap-BjAqrjdG.js";
-import { _ as _sfc_main$T } from "./@vue-flow/node-resizer-B1pjSu9a.js";
+import { _ as _sfc_main$Y } from "./@vue-flow/controls-DN_qYfUs.js";
+import { e as Position, f as getSmoothStepPath, h as getBezierPath, i as _sfc_main$d$1, j as _sfc_main$f$1, k as _sfc_main$3$1, P as PanelPosition, u as useVueFlow, l as _sfc_main$1$1, M as MarkerType } from "./@vue-flow/core-B3xjPof0.js";
+import { _ as _sfc_main$_ } from "./@vue-flow/background-Cs_KhuIs.js";
+import { _ as _sfc_main$$ } from "./@vue-flow/minimap-Bbba1Snt.js";
+import { _ as _sfc_main$Z } from "./@vue-flow/node-resizer-C8R17lSK.js";
 const position = ref([0, 0]);
 const isOpen = ref(false);
 const target = ref();
@@ -209,7 +209,7 @@ const useContextMenu = (onAction = () => {
     _dispatchAction
   };
 };
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
   __name: "ContextMenu",
   emits: ["action"],
   setup(__props, { emit: __emit }) {
@@ -286,21 +286,21 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
 });
 const contextMenu = "_contextMenu_1t4kq_1";
 const activator = "_activator_1t4kq_5";
-const style0$u = {
+const style0$z = {
   contextMenu,
   activator
 };
-const cssModules$w = {
-  "$style": style0$u
+const cssModules$B = {
+  "$style": style0$z
 };
-const ContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__cssModules", cssModules$w]]);
+const ContextMenu = /* @__PURE__ */ _export_sfc(_sfc_main$U, [["__cssModules", cssModules$B]]);
 const _hoisted_1$o = ["data-test-id"];
 const _hoisted_2$h = ["textContent"];
 const _hoisted_3$d = ["onClick"];
-const _hoisted_4$9 = ["onClick"];
-const _hoisted_5$a = ["data-node-name"];
+const _hoisted_4$8 = ["onClick"];
+const _hoisted_5$9 = ["data-node-name"];
 const _hoisted_6$8 = ["onClick"];
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
   __name: "NDVSubConnections",
   props: {
     rootNode: {}
@@ -501,7 +501,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
                           ]),
                           _: 2
                         }, 1032, ["disabled"])
-                      ], 10, _hoisted_4$9)) : createCommentVNode("", true),
+                      ], 10, _hoisted_4$8)) : createCommentVNode("", true),
                       connectedNodes2.value[connection.type].length > 0 ? (openBlock(), createElementBlock("div", {
                         key: 1,
                         class: normalizeClass({
@@ -538,7 +538,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
                                   class: normalizeClass(_ctx.$style.connectedNode),
                                   onClick: ($event) => onNodeClick(node2.node.name, connection.type)
                                 }, [
-                                  createVNode(_sfc_main$Q, {
+                                  createVNode(_sfc_main$V, {
                                     "node-type": node2.nodeType,
                                     "node-name": node2.node.name,
                                     "tooltip-position": "top",
@@ -549,7 +549,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
                               ]),
                               _: 2
                             }, 1032, ["disabled"]))
-                          ], 14, _hoisted_5$a);
+                          ], 14, _hoisted_5$9);
                         }), 128))
                       ], 2)) : createCommentVNode("", true)
                     ], 14, _hoisted_3$d)
@@ -576,7 +576,7 @@ const connectedNodesMultiple = "_connectedNodesMultiple_tfxh3_87";
 const connectedNode$1 = "_connectedNode_tfxh3_55";
 const connectedNodes = "_connectedNodes_tfxh3_55";
 const nodeWrapper = "_nodeWrapper_tfxh3_125";
-const style0$t = {
+const style0$y = {
   container: container$3,
   connections,
   connectionType,
@@ -591,11 +591,11 @@ const style0$t = {
   connectedNodes,
   nodeWrapper
 };
-const cssModules$v = {
-  "$style": style0$t
+const cssModules$A = {
+  "$style": style0$y
 };
-const __unplugin_components_6 = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["__cssModules", cssModules$v]]);
-const _sfc_main$N = defineComponent({
+const __unplugin_components_6 = /* @__PURE__ */ _export_sfc(_sfc_main$T, [["__cssModules", cssModules$A]]);
+const _sfc_main$S = defineComponent({
   name: "NodeWebhooks",
   props: [
     "node",
@@ -742,7 +742,7 @@ const _sfc_main$N = defineComponent({
     }
   }
 });
-const _withScopeId$6 = (n) => (pushScopeId("data-v-36c5dbc7"), n = n(), popScopeId(), n);
+const _withScopeId$6 = (n) => (pushScopeId("data-v-24fa3e97"), n = n(), popScopeId(), n);
 const _hoisted_1$n = {
   key: 0,
   class: "webhooks"
@@ -752,11 +752,11 @@ const _hoisted_3$c = {
   key: 0,
   class: "node-webhooks"
 };
-const _hoisted_4$8 = {
+const _hoisted_4$7 = {
   key: 0,
   class: "url-selection"
 };
-const _hoisted_5$9 = {
+const _hoisted_5$8 = {
   key: 0,
   class: "webhook-wrapper"
 };
@@ -773,7 +773,7 @@ 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");
@@ -795,7 +795,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     createVNode(_component_el_collapse_transition, null, {
       default: withCtx(() => [
         !_ctx.isMinimized ? (openBlock(), createElementBlock("div", _hoisted_3$c, [
-          !_ctx.isProductionOnly ? (openBlock(), createElementBlock("div", _hoisted_4$8, [
+          !_ctx.isProductionOnly ? (openBlock(), createElementBlock("div", _hoisted_4$7, [
             createVNode(_component_el_row, null, {
               default: withCtx(() => [
                 createVNode(_component_el_col, { span: 24 }, {
@@ -820,7 +820,7 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
               placement: "left"
             }, {
               default: withCtx(() => [
-                _ctx.isWebhookMethodVisible(webhook) ? (openBlock(), createElementBlock("div", _hoisted_5$9, [
+                _ctx.isWebhookMethodVisible(webhook) ? (openBlock(), createElementBlock("div", _hoisted_5$8, [
                   createBaseVNode("div", _hoisted_6$7, [
                     createBaseVNode("div", _hoisted_7$6, [
                       createTextVNode(toDisplayString(_ctx.getWebhookHttpMethod(webhook)), 1),
@@ -857,8 +857,8 @@ function _sfc_render$d(_ctx, _cache, $props, $setup, $data, $options) {
     })
   ])) : createCommentVNode("", true);
 }
-const __unplugin_components_3$1 = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$d], ["__scopeId", "data-v-36c5dbc7"]]);
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const __unplugin_components_3$1 = /* @__PURE__ */ _export_sfc(_sfc_main$S, [["render", _sfc_render$c], ["__scopeId", "data-v-24fa3e97"]]);
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   __name: "NodeSettingsTabs",
   props: {
     modelValue: { default: "params" },
@@ -987,7 +987,7 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
 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$L = defineComponent({
+const _sfc_main$Q = defineComponent({
   inheritAttrs: false,
   props: {
     nodeName: {
@@ -1220,7 +1220,7 @@ const _sfc_main$L = 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, [
@@ -1251,8 +1251,8 @@ function _sfc_render$c(_ctx, _cache, $props, $setup, $data, $options) {
     }, 8, ["disabled"])
   ]);
 }
-const __unplugin_components_2$2 = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["render", _sfc_render$c]]);
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const __unplugin_components_2$2 = /* @__PURE__ */ _export_sfc(_sfc_main$Q, [["render", _sfc_render$b]]);
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   __name: "NodeTitle",
   props: {
     modelValue: { default: "" },
@@ -1295,7 +1295,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
         createBaseVNode("span", {
           class: normalizeClass(_ctx.$style.iconWrapper)
         }, [
-          createVNode(_sfc_main$Q, {
+          createVNode(_sfc_main$V, {
             "node-type": _ctx.nodeType,
             size: 18
           }, null, 8, ["node-type"])
@@ -1382,7 +1382,7 @@ const iconWrapper = "_iconWrapper_9bi3m_26";
 const editIconContainer = "_editIconContainer_9bi3m_39";
 const editButtons = "_editButtons_9bi3m_45";
 const editContainer = "_editContainer_9bi3m_53";
-const style0$s = {
+const style0$x = {
   container: container$2,
   title: title$3,
   hoverable,
@@ -1392,17 +1392,17 @@ const style0$s = {
   editButtons,
   editContainer
 };
-const cssModules$u = {
-  "$style": style0$s
+const cssModules$z = {
+  "$style": style0$x
 };
-const __unplugin_components_0$4 = /* @__PURE__ */ _export_sfc(_sfc_main$K, [["__cssModules", cssModules$u]]);
-const _sfc_main$J = defineComponent({
+const __unplugin_components_0$7 = /* @__PURE__ */ _export_sfc(_sfc_main$P, [["__cssModules", cssModules$z]]);
+const _sfc_main$O = defineComponent({
   name: "NodeSettings",
   components: {
-    NodeTitle: __unplugin_components_0$4,
+    NodeTitle: __unplugin_components_0$7,
     NodeCredentials: __unplugin_components_4,
-    ParameterInputList: _sfc_main$R,
-    NodeSettingsTabs: _sfc_main$M,
+    ParameterInputList: _sfc_main$W,
+    NodeSettingsTabs: _sfc_main$R,
     NodeWebhooks: __unplugin_components_3$1,
     NDVSubConnections: __unplugin_components_6,
     NodeExecuteButton: __unplugin_components_2$2
@@ -2207,20 +2207,20 @@ const _sfc_main$J = defineComponent({
 const header$2 = "_header_1pn0y_1";
 const warningIcon = "_warningIcon_1pn0y_5";
 const descriptionContainer = "_descriptionContainer_1pn0y_10";
-const style0$r = {
+const style0$w = {
   header: header$2,
   warningIcon,
   descriptionContainer
 };
-const _withScopeId$5 = (n) => (pushScopeId("data-v-f492f692"), n = n(), popScopeId(), n);
+const _withScopeId$5 = (n) => (pushScopeId("data-v-fed3b7a1"), n = n(), popScopeId(), n);
 const _hoisted_1$m = { class: "header-side-menu" };
 const _hoisted_2$f = { key: 1 };
 const _hoisted_3$b = {
   key: 0,
   class: "node-is-not-valid"
 };
-const _hoisted_4$7 = { class: "missingNodeTitleContainer mt-s mb-xs" };
-const _hoisted_5$8 = { class: "mb-l" };
+const _hoisted_4$6 = { class: "missingNodeTitleContainer mt-s mb-xs" };
+const _hoisted_5$7 = { class: "mb-l" };
 const _hoisted_6$6 = ["href"];
 const _hoisted_7$5 = ["href", "textContent"];
 const _hoisted_8$5 = {
@@ -2241,11 +2241,11 @@ 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 = __unplugin_components_0$4;
+  const _component_NodeTitle = __unplugin_components_0$7;
   const _component_NodeExecuteButton = __unplugin_components_2$2;
-  const _component_NodeSettingsTabs = _sfc_main$M;
+  const _component_NodeSettingsTabs = _sfc_main$R;
   const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
   const _component_n8n_text = resolveComponent("n8n-text");
   const _component_i18n_t = resolveComponent("i18n-t");
@@ -2253,7 +2253,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_n8n_notice = resolveComponent("n8n-notice");
   const _component_NodeWebhooks = __unplugin_components_3$1;
   const _component_NodeCredentials = __unplugin_components_4;
-  const _component_ParameterInputList = _sfc_main$R;
+  const _component_ParameterInputList = _sfc_main$W;
   const _component_NDVSubConnections = __unplugin_components_6;
   const _component_n8n_block_ui = resolveComponent("n8n-block-ui");
   return openBlock(), createElementBlock("div", {
@@ -2304,7 +2304,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
       }, [
         createVNode(_component_font_awesome_icon, { icon: "exclamation-triangle" })
       ], 2),
-      createBaseVNode("div", _hoisted_4$7, [
+      createBaseVNode("div", _hoisted_4$6, [
         createVNode(_component_n8n_text, {
           size: "large",
           color: "text-dark",
@@ -2320,7 +2320,7 @@ function _sfc_render$b(_ctx, _cache, $props, $setup, $data, $options) {
         key: 0,
         class: normalizeClass(_ctx.$style.descriptionContainer)
       }, [
-        createBaseVNode("div", _hoisted_5$8, [
+        createBaseVNode("div", _hoisted_5$7, [
           createVNode(_component_i18n_t, {
             keypath: "nodeSettings.communityNodeUnknown.description",
             tag: "span",
@@ -2458,11 +2458,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$t = {
-  "$style": style0$r
+const cssModules$y = {
+  "$style": style0$w
 };
-const NodeSettings = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_render$b], ["__cssModules", cssModules$t], ["__scopeId", "data-v-f492f692"]]);
-const _sfc_main$I = defineComponent({
+const NodeSettings = /* @__PURE__ */ _export_sfc(_sfc_main$O, [["render", _sfc_render$a], ["__cssModules", cssModules$y], ["__scopeId", "data-v-fed3b7a1"]]);
+const _sfc_main$N = defineComponent({
   components: {
     Draggable: __unplugin_components_2$3
   },
@@ -2493,7 +2493,7 @@ const rightArrow = "_rightArrow_1fum9_20 _arrow_1fum9_28";
 const visible$2 = "_visible_1fum9_24";
 const arrow = "_arrow_1fum9_28";
 const grid = "_grid_1fum9_46";
-const style0$q = {
+const style0$v = {
   dragContainer,
   dragButton,
   leftArrow,
@@ -2520,7 +2520,7 @@ const _hoisted_3$a = [
   _hoisted_1$l,
   _hoisted_2$e
 ];
-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 = __unplugin_components_2$3;
   return openBlock(), createBlock(_component_Draggable, {
@@ -2554,10 +2554,10 @@ function _sfc_render$a(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["class", "onDrag", "onDragstart", "onDragend"]);
 }
-const cssModules$s = {
-  "$style": style0$q
+const cssModules$x = {
+  "$style": style0$v
 };
-const PanelDragButton = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$a], ["__cssModules", cssModules$s]]);
+const PanelDragButton = /* @__PURE__ */ _export_sfc(_sfc_main$N, [["render", _sfc_render$9], ["__cssModules", cssModules$x]]);
 const _hoisted_1$k = ["data-node-name", "data-node-placement", "onClick"];
 var FloatingNodePosition = /* @__PURE__ */ ((FloatingNodePosition2) => {
   FloatingNodePosition2["top"] = "outputSub";
@@ -2565,7 +2565,7 @@ var FloatingNodePosition = /* @__PURE__ */ ((FloatingNodePosition2) => {
   FloatingNodePosition2["left"] = "inputMain";
   return FloatingNodePosition2;
 })(FloatingNodePosition || {});
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "NDVFloatingNodes",
   props: {
     rootNode: {}
@@ -2686,7 +2686,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
                       "data-node-placement": connectionGroup,
                       onClick: ($event) => emit("switchSelectedNode", node2.name)
                     }, [
-                      createVNode(_sfc_main$Q, {
+                      createVNode(_sfc_main$V, {
                         "node-type": nodeType,
                         "node-name": node2.name,
                         "tooltip-position": tooltipPositionMapper[connectionGroup],
@@ -2712,7 +2712,7 @@ const outputSub = "_outputSub_1sze0_29";
 const outputMain = "_outputMain_1sze0_40";
 const inputMain = "_inputMain_1sze0_40";
 const connectedNode = "_connectedNode_1sze0_63";
-const style0$p = {
+const style0$u = {
   floatingNodes,
   nodesList,
   inputSub,
@@ -2721,16 +2721,16 @@ const style0$p = {
   inputMain,
   connectedNode
 };
-const cssModules$r = {
-  "$style": style0$p
+const cssModules$w = {
+  "$style": style0$u
 };
-const NDVFloatingNodes = /* @__PURE__ */ _export_sfc(_sfc_main$H, [["__cssModules", cssModules$r]]);
+const NDVFloatingNodes = /* @__PURE__ */ _export_sfc(_sfc_main$M, [["__cssModules", cssModules$w]]);
 const SIDE_MARGIN = 24;
 const SIDE_PANELS_MARGIN = 80;
 const MIN_PANEL_WIDTH = 280;
 const PANEL_WIDTH = 320;
 const PANEL_WIDTH_LARGE = 420;
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "NDVDraggablePanels",
   props: {
     isDraggable: { type: Boolean },
@@ -3068,7 +3068,7 @@ const mainPanelInner = "_mainPanelInner_a6j4o_34";
 const dragging = "_dragging_a6j4o_41";
 const dragButtonContainer = "_dragButtonContainer_a6j4o_54";
 const visible$1 = "_visible_a6j4o_70";
-const style0$o = {
+const style0$t = {
   dataPanel,
   inputPanel,
   outputPanel,
@@ -3080,18 +3080,18 @@ const style0$o = {
   dragButtonContainer,
   visible: visible$1
 };
-const cssModules$q = {
-  "$style": style0$o
+const cssModules$v = {
+  "$style": style0$t
 };
-const NDVDraggablePanels = /* @__PURE__ */ _export_sfc(_sfc_main$G, [["__cssModules", cssModules$q]]);
+const NDVDraggablePanels = /* @__PURE__ */ _export_sfc(_sfc_main$L, [["__cssModules", cssModules$v]]);
 const _hoisted_1$j = { class: "node-error-view" };
 const _hoisted_2$d = { class: "node-error-view__header" };
 const _hoisted_3$9 = {
   class: "node-error-view__header-message",
   "data-test-id": "node-error-message"
 };
-const _hoisted_4$6 = ["innerHTML"];
-const _hoisted_5$7 = {
+const _hoisted_4$5 = ["innerHTML"];
+const _hoisted_5$6 = {
   key: 1,
   class: "node-error-view__assistant-button",
   "data-test-id": "node-error-view-ask-assistant-button"
@@ -3200,7 +3200,7 @@ const _hoisted_59 = {
 };
 const _hoisted_60 = { class: "node-error-view__details-label" };
 const _hoisted_61 = { class: "node-error-view__details-value" };
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "NodeErrorView",
   props: {
     error: {},
@@ -3548,8 +3548,8 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
             "data-test-id": "node-error-description",
             class: "node-error-view__header-description",
             innerHTML: getErrorDescription()
-          }, null, 8, _hoisted_4$6)) : createCommentVNode("", true),
-          isAskAssistantAvailable.value ? (openBlock(), createElementBlock("div", _hoisted_5$7, [
+          }, null, 8, _hoisted_4$5)) : createCommentVNode("", true),
+          isAskAssistantAvailable.value ? (openBlock(), createElementBlock("div", _hoisted_5$6, [
             createVNode(InlineAskAssistantButton, {
               asked: assistantAlreadyAsked.value,
               onClick: onAskAssistantClick
@@ -3718,7 +3718,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
 const _hoisted_1$i = { key: 0 };
 const _hoisted_2$c = { key: 1 };
 const _hoisted_3$8 = { key: 2 };
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "RunDataPinButton",
   props: {
     tooltipContentsVisibility: {},
@@ -3783,13 +3783,13 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
   }
 });
 const pinDataButton = "_pinDataButton_9p8um_1";
-const style0$n = {
+const style0$s = {
   pinDataButton
 };
-const cssModules$p = {
-  "$style": style0$n
+const cssModules$u = {
+  "$style": style0$s
 };
-const __unplugin_components_1$1 = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["__cssModules", cssModules$p]]);
+const __unplugin_components_1$1 = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["__cssModules", cssModules$u]]);
 const sanitizeOptions = {
   allowVulnerableTags: false,
   enforceHtmlBoundary: false,
@@ -3803,7 +3803,7 @@ const sanitizeOptions = {
     head: ""
   }
 };
-const _sfc_main$D = {
+const _sfc_main$I = {
   name: "RunDataHtml",
   props: {
     inputHtml: {
@@ -3818,13 +3818,13 @@ const _sfc_main$D = {
   }
 };
 const _hoisted_1$h = ["srcdoc"];
-function _sfc_render$9(_ctx, _cache, $props, $setup, $data, $options) {
+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);
 }
-const RunDataHtml = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["render", _sfc_render$9]]);
+const RunDataHtml = /* @__PURE__ */ _export_sfc(_sfc_main$I, [["render", _sfc_render$8]]);
 const RunDataHtml$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: RunDataHtml
@@ -3832,12 +3832,12 @@ const RunDataHtml$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defin
 const _hoisted_1$g = { key: 0 };
 const _hoisted_2$b = { key: 1 };
 const _hoisted_3$7 = { key: 2 };
-const _hoisted_4$5 = {
+const _hoisted_4$4 = {
   key: 0,
   controls: "",
   autoplay: ""
 };
-const _hoisted_5$6 = ["src", "type"];
+const _hoisted_5$5 = ["src", "type"];
 const _hoisted_6$4 = {
   key: 1,
   controls: "",
@@ -3845,7 +3845,7 @@ const _hoisted_6$4 = {
 };
 const _hoisted_7$3 = ["src", "type"];
 const _hoisted_8$3 = ["src"];
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "BinaryDataDisplayEmbed",
   props: {
     binaryData: {}
@@ -3888,11 +3888,11 @@ const _sfc_main$C = /* @__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$b, "Error loading binary data")) : (openBlock(), createElementBlock("span", _hoisted_3$7, [
-          _ctx.binaryData.fileType === "video" ? (openBlock(), createElementBlock("video", _hoisted_4$5, [
+          _ctx.binaryData.fileType === "video" ? (openBlock(), createElementBlock("video", _hoisted_4$4, [
             createBaseVNode("source", {
               src: embedSource.value,
               type: _ctx.binaryData.mimeType
-            }, null, 8, _hoisted_5$6),
+            }, null, 8, _hoisted_5$5),
             createTextVNode(" " + toDisplayString(_ctx.$locale.baseText("binaryDataDisplay.yourBrowserDoesNotSupport")), 1)
           ])) : _ctx.binaryData.fileType === "audio" ? (openBlock(), createElementBlock("audio", _hoisted_6$4, [
             createBaseVNode("source", {
@@ -3920,7 +3920,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$f = { class: "binary-data-window-wrapper" };
 const _hoisted_2$a = { key: 0 };
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "BinaryDataDisplay",
   props: {
     displayData: {},
@@ -3979,7 +3979,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
           onClick: withModifiers(closeWindow, ["stop"])
         }, null, 8, ["title", "label"]),
         createBaseVNode("div", _hoisted_1$f, [
-          !binaryData.value ? (openBlock(), createElementBlock("div", _hoisted_2$a, toDisplayString(_ctx.$locale.baseText("binaryDataDisplay.noDataFoundToDisplay")), 1)) : (openBlock(), createBlock(_sfc_main$C, {
+          !binaryData.value ? (openBlock(), createElementBlock("div", _hoisted_2$a, toDisplayString(_ctx.$locale.baseText("binaryDataDisplay.noDataFoundToDisplay")), 1)) : (openBlock(), createBlock(_sfc_main$H, {
             key: 1,
             "binary-data": binaryData.value
           }, null, 8, ["binary-data"]))
@@ -3989,25 +3989,25 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
   }
 });
 const LazyRunDataTable = defineAsyncComponent(
-  async () => await __vitePreload(() => import("./RunDataTable-vo-QDjQp.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]) : void 0)
+  async () => await __vitePreload(() => import("./RunDataTable-D-c1L5v9.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]) : void 0)
 );
 const LazyRunDataJson = defineAsyncComponent(
-  async () => await __vitePreload(() => import("./RunDataJson-P0yEohIY.js"), true ? __vite__mapDeps([33,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,34,35]) : void 0)
+  async () => await __vitePreload(() => import("./RunDataJson-C-dseNta.js"), true ? __vite__mapDeps([34,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,35,36]) : void 0)
 );
 const LazyRunDataSchema = defineAsyncComponent(
-  async () => await __vitePreload(() => import("./index-CLI1n-jB.js").then((n) => n.eJ), true ? __vite__mapDeps([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]) : void 0)
+  async () => await __vitePreload(() => import("./index-BMqv_cxE.js").then((n) => n.eI), true ? __vite__mapDeps([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]) : void 0)
 );
 const LazyRunDataHtml = defineAsyncComponent(
   async () => await __vitePreload(() => Promise.resolve().then(() => RunDataHtml$1), true ? void 0 : void 0)
 );
 const LazyRunDataSearch = defineAsyncComponent(
-  async () => await __vitePreload(() => import("./RunDataSearch-Cq60VG7b.js"), true ? __vite__mapDeps([36,2,1,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,37]) : void 0)
+  async () => await __vitePreload(() => import("./RunDataSearch-tlq4S7N-.js"), true ? __vite__mapDeps([37,2,1,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,38]) : void 0)
 );
-const _sfc_main$A = defineComponent({
+const _sfc_main$F = defineComponent({
   name: "RunData",
   components: {
-    BinaryDataDisplay: _sfc_main$B,
-    NodeErrorView: _sfc_main$F,
+    BinaryDataDisplay: _sfc_main$G,
+    NodeErrorView: _sfc_main$K,
     JsonEditor: __unplugin_components_2$4,
     LazyRunDataTable,
     LazyRunDataJson,
@@ -4996,7 +4996,7 @@ const stretchVertically = "_stretchVertically_12msl_275";
 const uiBlocker = "_uiBlocker_12msl_279";
 const hintCallout = "_hintCallout_12msl_284";
 const schema = "_schema_12msl_290";
-const style0$m = {
+const style0$r = {
   infoIcon,
   center,
   container: container$1,
@@ -5036,25 +5036,25 @@ const style0$m = {
   hintCallout,
   schema
 };
-const _withScopeId$4 = (n) => (pushScopeId("data-v-2cded2ce"), n = n(), popScopeId(), n);
+const _withScopeId$4 = (n) => (pushScopeId("data-v-724a6930"), n = n(), popScopeId(), n);
 const _hoisted_1$e = {
   key: 0,
   class: "ml-4xs"
 };
 const _hoisted_2$9 = { key: 1 };
 const _hoisted_3$6 = { key: 0 };
-const _hoisted_4$4 = ["innerHTML"];
-const _hoisted_5$5 = ["data-test-id"];
+const _hoisted_4$3 = ["innerHTML"];
+const _hoisted_5$4 = ["data-test-id"];
 const _hoisted_6$3 = { key: 0 };
 const _hoisted_7$2 = { key: 1 };
 const _hoisted_8$2 = { key: 2 };
 const _hoisted_9$2 = { key: 3 };
 const _hoisted_10$1 = { key: 4 };
-function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
   var _a, _b, _c, _d, _e, _f;
   const _component_n8n_link = resolveComponent("n8n-link");
   const _component_n8n_callout = resolveComponent("n8n-callout");
-  const _component_BinaryDataDisplay = _sfc_main$B;
+  const _component_BinaryDataDisplay = _sfc_main$G;
   const _component_LazyRunDataSearch = resolveComponent("LazyRunDataSearch");
   const _component_n8n_radio_buttons = resolveComponent("n8n-radio-buttons");
   const _component_n8n_icon_button = resolveComponent("n8n-icon-button");
@@ -5068,7 +5068,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_n8n_spinner = resolveComponent("n8n-spinner");
   const _component_JsonEditor = __unplugin_components_2$4;
   const _component_n8n_info_tip = resolveComponent("n8n-info-tip");
-  const _component_NodeErrorView = _sfc_main$F;
+  const _component_NodeErrorView = _sfc_main$K;
   const _component_i18n_t = resolveComponent("i18n-t");
   const _component_LazyRunDataTable = resolveComponent("LazyRunDataTable");
   const _component_LazyRunDataJson = resolveComponent("LazyRunDataJson");
@@ -5518,7 +5518,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
               innerHTML: _ctx.$locale.baseText("ndv.output.tooMuchData.message", {
                 interpolate: { size: _ctx.dataSizeInMB }
               })
-            }, null, 8, _hoisted_4$4)
+            }, null, 8, _hoisted_4$3)
           ]),
           _: 1
         }),
@@ -5770,7 +5770,7 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
                         onClick: ($event) => _ctx.downloadBinaryData(index, key)
                       }, null, 8, ["label", "onClick"])) : createCommentVNode("", true)
                     ], 2)
-                  ], 8, _hoisted_5$5)
+                  ], 8, _hoisted_5$4)
                 ], 2);
               }), 128))
             ], 2)
@@ -5830,11 +5830,11 @@ function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
     }, null, 8, ["show", "class"])
   ], 34);
 }
-const cssModules$o = {
-  "$style": style0$m
+const cssModules$t = {
+  "$style": style0$r
 };
-const __unplugin_components_3 = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$8], ["__cssModules", cssModules$o], ["__scopeId", "data-v-2cded2ce"]]);
-const _sfc_main$z = defineComponent({
+const __unplugin_components_3 = /* @__PURE__ */ _export_sfc(_sfc_main$F, [["render", _sfc_render$7], ["__cssModules", cssModules$t], ["__scopeId", "data-v-724a6930"]]);
+const _sfc_main$E = defineComponent({
   props: {
     taskData: {},
     // ITaskData
@@ -5864,7 +5864,7 @@ const _sfc_main$z = defineComponent({
 const _hoisted_1$d = ["innerHTML"];
 const _hoisted_2$8 = /* @__PURE__ */ createBaseVNode("br", null, null, -1);
 const _hoisted_3$5 = /* @__PURE__ */ createBaseVNode("br", null, null, -1);
-function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
+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");
   return _ctx.hasStaleData ? (openBlock(), createBlock(_component_n8n_info_tip, {
@@ -5927,9 +5927,9 @@ function _sfc_render$7(_ctx, _cache, $props, $setup, $data, $options) {
     _: 1
   }, 8, ["theme", "data-test-id"])) : createCommentVNode("", true);
 }
-const RunInfo = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$7]]);
+const RunInfo = /* @__PURE__ */ _export_sfc(_sfc_main$E, [["render", _sfc_render$6]]);
 const _hoisted_1$c = /* @__PURE__ */ createBaseVNode("br", null, null, -1);
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "OutputPanel",
   props: {
     workflow: {},
@@ -6282,18 +6282,18 @@ 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$l = {
+const style0$q = {
   outputTypeSelect,
   titleSection: titleSection$1,
   title: title$2,
   noOutputData: noOutputData$1,
   recoveredOutputData: recoveredOutputData$1
 };
-const cssModules$n = {
-  "$style": style0$l
+const cssModules$s = {
+  "$style": style0$q
 };
-const OutputPanel = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__cssModules", cssModules$n]]);
-const _sfc_main$x = {};
+const OutputPanel = /* @__PURE__ */ _export_sfc(_sfc_main$D, [["__cssModules", cssModules$s]]);
+const _sfc_main$C = {};
 const _hoisted_1$b = {
   width: "112",
   height: "80",
@@ -6303,15 +6303,15 @@ const _hoisted_1$b = {
   "xmlns:xlink": "http://www.w3.org/1999/xlink"
 };
 const _hoisted_2$7 = /* @__PURE__ */ createStaticVNode('<mask id="mask0_489_46042" style="mask-type:alpha;" maskUnits="userSpaceOnUse" x="0" y="0" width="112" height="80"><rect width="112" height="80" fill="url(#paint0_linear_489_46042)"></rect></mask><g mask="url(#mask0_489_46042)"><rect x="-0.5" width="112" height="80" fill="url(#pattern0)" fill-opacity="0.6"></rect></g><defs><pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1"><use xlink:href="#image0_489_46042" transform="scale(0.00357143 0.005)"></use></pattern><linearGradient id="paint0_linear_489_46042" x1="90.5" y1="40.4494" x2="112.5" y2="40.4494" gradientUnits="userSpaceOnUse"><stop></stop><stop offset="1" stop-color="white" stop-opacity="0"></stop></linearGradient><image id="image0_489_46042" width="280" height="200" xlink:href="data:image/png;base64,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"></image></defs>', 3);
-const _hoisted_5$4 = [
+const _hoisted_5$3 = [
   _hoisted_2$7
 ];
-function _sfc_render$6(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$b, _hoisted_5$4);
+function _sfc_render$5(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$b, _hoisted_5$3);
 }
-const __unplugin_components_2$1 = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$6]]);
+const __unplugin_components_2$1 = /* @__PURE__ */ _export_sfc(_sfc_main$C, [["render", _sfc_render$5]]);
 const _hoisted_1$a = { key: 0 };
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "InputNodeSelect",
   props: {
     nodes: {},
@@ -6418,7 +6418,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
         prefix: withCtx(() => {
           var _a;
           return [
-            createVNode(_sfc_main$Q, {
+            createVNode(_sfc_main$V, {
               disabled: (_a = selectedInputNode.value) == null ? void 0 : _a.disabled,
               "node-type": selectedInputNodeType.value,
               size: 14,
@@ -6436,7 +6436,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
               "data-test-id": "ndv-input-option"
             }, {
               default: withCtx(() => [
-                createVNode(_sfc_main$Q, {
+                createVNode(_sfc_main$V, {
                   disabled: node2.disabled,
                   "node-type": type,
                   size: 14,
@@ -6468,7 +6468,7 @@ const icon = "_icon_68vpa_18";
 const title$1 = "_title_68vpa_22";
 const disabled$1 = "_disabled_68vpa_31";
 const subtitle$1 = "_subtitle_68vpa_35";
-const style0$k = {
+const style0$p = {
   select,
   node: node$1,
   icon,
@@ -6476,13 +6476,13 @@ const style0$k = {
   disabled: disabled$1,
   subtitle: subtitle$1
 };
-const cssModules$m = {
-  "$style": style0$k
+const cssModules$r = {
+  "$style": style0$p
 };
-const __unplugin_components_0$3 = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__cssModules", cssModules$m]]);
-const _sfc_main$v = defineComponent({
+const __unplugin_components_0$6 = /* @__PURE__ */ _export_sfc(_sfc_main$B, [["__cssModules", cssModules$r]]);
+const _sfc_main$A = defineComponent({
   name: "InputPanel",
-  components: { RunData: __unplugin_components_3, NodeExecuteButton: __unplugin_components_2$2, WireMeUp: __unplugin_components_2$1, InputNodeSelect: __unplugin_components_0$3 },
+  components: { RunData: __unplugin_components_3, NodeExecuteButton: __unplugin_components_2$2, WireMeUp: __unplugin_components_2$1, InputNodeSelect: __unplugin_components_0$6 },
   props: {
     currentNodeName: {
       type: String
@@ -6758,7 +6758,7 @@ const noOutputData = "_noOutputData_17wvq_18";
 const recoveredOutputData = "_recoveredOutputData_17wvq_28";
 const notConnected = "_notConnected_17wvq_37";
 const title = "_title_17wvq_5";
-const style0$j = {
+const style0$o = {
   mappedNode,
   titleSection,
   inputModeTab,
@@ -6768,9 +6768,9 @@ const style0$j = {
   title
 };
 const _hoisted_1$9 = ["innerHTML"];
-function _sfc_render$5(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_n8n_radio_buttons = resolveComponent("n8n-radio-buttons");
-  const _component_InputNodeSelect = __unplugin_components_0$3;
+  const _component_InputNodeSelect = __unplugin_components_0$6;
   const _component_n8n_text = resolveComponent("n8n-text");
   const _component_NodeExecuteButton = __unplugin_components_2$2;
   const _component_n8n_tooltip = resolveComponent("n8n-tooltip");
@@ -6971,16 +6971,16 @@ function _sfc_render$5(_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$l = {
-  "$style": style0$j
+const cssModules$q = {
+  "$style": style0$o
 };
-const InputPanel = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["render", _sfc_render$5], ["__cssModules", cssModules$l]]);
-const _sfc_main$u = defineComponent({
+const InputPanel = /* @__PURE__ */ _export_sfc(_sfc_main$A, [["render", _sfc_render$4], ["__cssModules", cssModules$q]]);
+const _sfc_main$z = defineComponent({
   name: "TriggerPanel",
   components: {
     NodeExecuteButton: __unplugin_components_2$2,
     CopyInput,
-    NodeIcon: _sfc_main$Q
+    NodeIcon: _sfc_main$V
   },
   props: {
     nodeName: {
@@ -7282,19 +7282,19 @@ const header = "_header_1evnm_18";
 const action = "_action_1evnm_25";
 const shake$1 = "_shake_1evnm_29";
 const accordion = "_accordion_1evnm_50";
-const style0$i = {
+const style0$n = {
   container,
   header,
   action,
   shake: shake$1,
   accordion
 };
-const _withScopeId$3 = (n) => (pushScopeId("data-v-36b80c39"), n = n(), popScopeId(), n);
+const _withScopeId$3 = (n) => (pushScopeId("data-v-08c63586"), n = n(), popScopeId(), n);
 const _hoisted_1$8 = { key: "empty" };
 const _hoisted_2$6 = { key: "listening" };
 const _hoisted_3$4 = { key: 0 };
-const _hoisted_4$3 = { key: 1 };
-const _hoisted_5$3 = { key: 0 };
+const _hoisted_4$2 = { key: 1 };
+const _hoisted_5$2 = { key: 0 };
 const _hoisted_6$2 = { key: "default" };
 const _hoisted_7$1 = {
   key: 0,
@@ -7302,8 +7302,8 @@ const _hoisted_7$1 = {
 };
 const _hoisted_8$1 = ["textContent"];
 const _hoisted_9$1 = ["innerHTML"];
-function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_NodeIcon = _sfc_main$Q;
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_NodeIcon = _sfc_main$V;
   const _component_n8n_pulse = resolveComponent("n8n-pulse");
   const _component_n8n_text = resolveComponent("n8n-text");
   const _component_CopyInput = CopyInput;
@@ -7372,7 +7372,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
               "telemetry-source": "inputs",
               onExecute: _ctx.onNodeExecute
             }, null, 8, ["node-name", "onExecute"])
-          ])) : (openBlock(), createElementBlock("div", _hoisted_4$3, [
+          ])) : (openBlock(), createElementBlock("div", _hoisted_4$2, [
             createVNode(_component_n8n_text, {
               tag: "div",
               size: "large",
@@ -7395,7 +7395,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
                 _: 1
               })
             ], 2),
-            _ctx.displayChatButton ? (openBlock(), createElementBlock("div", _hoisted_5$3, [
+            _ctx.displayChatButton ? (openBlock(), createElementBlock("div", _hoisted_5$2, [
               createVNode(_component_n8n_button, {
                 class: "mb-xl",
                 onClick: _cache[0] || (_cache[0] = ($event) => _ctx.openWebhookUrl())
@@ -7487,11 +7487,11 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     })
   ], 2);
 }
-const cssModules$k = {
-  "$style": style0$i
+const cssModules$p = {
+  "$style": style0$n
 };
-const TriggerPanel = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$4], ["__cssModules", cssModules$k], ["__scopeId", "data-v-36b80c39"]]);
-const _sfc_main$t = /* @__PURE__ */ defineComponent({
+const TriggerPanel = /* @__PURE__ */ _export_sfc(_sfc_main$z, [["render", _sfc_render$3], ["__cssModules", cssModules$p], ["__scopeId", "data-v-08c63586"]]);
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "NodeDetailsView",
   props: {
     workflowObject: {},
@@ -7539,7 +7539,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       }
       return null;
     });
-    const workflowRunning2 = computed(() => uiStore.isActionActive["workflowRunning"]);
+    const workflowRunning2 = computed(() => uiStore.isActionActive.workflowRunning);
     const showTriggerWaitingWarning = computed(
       () => triggerWaitingWarningEnabled.value && !!activeNodeType.value && !activeNodeType.value.group.includes("trigger") && workflowRunning2.value && workflowsStore.executionWaitingForWebhook
     );
@@ -7673,7 +7673,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       return `${BASE_NODE_SURVEY_URL}${activeNodeType.value.name}`;
     });
     const outputPanelEditMode = computed(() => ndvStore.outputPanelEditMode);
-    const isWorkflowRunning = computed(() => uiStore.isActionActive["workflowRunning"]);
+    const isWorkflowRunning = computed(() => uiStore.isActionActive.workflowRunning);
     const isExecutionWaitingForWebhook = computed(() => workflowsStore.executionWaitingForWebhook);
     const blockUi = computed(() => isWorkflowRunning.value || isExecutionWaitingForWebhook.value);
     const foreignCredentials = computed(() => {
@@ -8162,10 +8162,10 @@ const style1 = {
   backToCanvas,
   featureRequest
 };
-const cssModules$j = {
+const cssModules$o = {
   "$style": style1
 };
-const __unplugin_components_2 = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["__cssModules", cssModules$j]]);
+const __unplugin_components_2 = /* @__PURE__ */ _export_sfc(_sfc_main$y, [["__cssModules", cssModules$o]]);
 const NodeDetailsView = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: __unplugin_components_2
@@ -8660,7 +8660,7 @@ function useNodeBase({
     outputs: outputs2
   };
 }
-const _sfc_main$s = defineComponent({
+const _sfc_main$x = defineComponent({
   name: "Sticky",
   props: {
     nodeViewScale: {
@@ -8933,14 +8933,14 @@ const _sfc_main$s = defineComponent({
     }
   }
 });
-const _withScopeId$2 = (n) => (pushScopeId("data-v-6b154f28"), n = n(), popScopeId(), n);
+const _withScopeId$2 = (n) => (pushScopeId("data-v-d3f1b373"), n = n(), popScopeId(), n);
 const _hoisted_1$7 = ["id", "data-name"];
 const _hoisted_2$5 = { class: "select-sticky-background" };
 const _hoisted_3$3 = ["title"];
-const _hoisted_4$2 = ["title"];
-const _hoisted_5$2 = { class: "content" };
+const _hoisted_4$1 = ["title"];
+const _hoisted_5$1 = { class: "content" };
 const _hoisted_6$1 = ["onClick"];
-function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   var _a, _b;
   const _component_N8nResizeableSticky = resolveComponent("N8nResizeableSticky");
   const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
@@ -9024,10 +9024,10 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
               onClick: _cache[2] || (_cache[2] = () => _ctx.setColorPopoverVisible(!_ctx.isColorPopoverVisible))
             }, [
               createVNode(_component_font_awesome_icon, { icon: "palette" })
-            ], 8, _hoisted_4$2)
+            ], 8, _hoisted_4$1)
           ]),
           default: withCtx(() => [
-            createBaseVNode("div", _hoisted_5$2, [
+            createBaseVNode("div", _hoisted_5$1, [
               (openBlock(true), createElementBlock(Fragment, null, renderList(Array.from({ length: 7 }), (_, index) => {
                 var _a2, _b2;
                 return openBlock(), createElementBlock("div", {
@@ -9054,70 +9054,83 @@ function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
     ], 6)
   ], 12, _hoisted_1$7);
 }
-const __unplugin_components_1 = /* @__PURE__ */ _export_sfc(_sfc_main$s, [["render", _sfc_render$3], ["__scopeId", "data-v-6b154f28"]]);
-const _sfc_main$r = defineComponent({
-  name: "Node",
-  components: {
-    TitledList,
-    FontAwesomeIcon,
-    NodeIcon: _sfc_main$Q
-  },
+const __unplugin_components_1 = /* @__PURE__ */ _export_sfc(_sfc_main$x, [["render", _sfc_render$2], ["__scopeId", "data-v-d3f1b373"]]);
+const _withScopeId$1 = (n) => (pushScopeId("data-v-03df39cd"), n = n(), popScopeId(), n);
+const _hoisted_1$6 = ["id", "data-name", "data-node-type"];
+const _hoisted_2$4 = { class: "select-background" };
+const _hoisted_3$2 = {
+  key: 0,
+  class: "trigger-icon"
+};
+const _hoisted_4 = ["innerHTML"];
+const _hoisted_5 = {
+  key: 0,
+  class: "node-issues",
+  "data-test-id": "node-issues"
+};
+const _hoisted_6 = {
+  key: 1,
+  class: "waiting"
+};
+const _hoisted_7 = ["textContent"];
+const _hoisted_8 = {
+  key: 2,
+  class: "node-pin-data-icon"
+};
+const _hoisted_9 = {
+  key: 0,
+  class: "items-count"
+};
+const _hoisted_10 = { key: 3 };
+const _hoisted_11 = {
+  key: 4,
+  class: "data-count"
+};
+const _hoisted_12 = {
+  key: 0,
+  class: "items-count"
+};
+const _hoisted_13 = ["title"];
+const _hoisted_14 = { class: "node-trigger-tooltip__wrapper" };
+const _hoisted_15 = ["textContent"];
+const _hoisted_16 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createBaseVNode("span", null, null, -1));
+const _hoisted_17 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createBaseVNode("span", null, null, -1));
+const _hoisted_18 = { class: "node-description" };
+const _hoisted_19 = ["title"];
+const _hoisted_20 = { "data-test-id": "canvas-node-box-title" };
+const _hoisted_21 = { key: 0 };
+const _hoisted_22 = ["title"];
+const _hoisted_23 = { class: "node-options-inner" };
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
+  __name: "Node",
   props: {
-    isProductionExecutionPreview: {
-      type: Boolean,
-      default: false
-    },
-    disablePointerEvents: {
-      type: Boolean,
-      default: false
-    },
-    hideNodeIssues: {
-      type: Boolean,
-      default: false
-    },
-    name: {
-      type: String,
-      required: true
-    },
-    instance: {
-      type: Object,
-      required: true
-    },
-    isReadOnly: {
-      type: Boolean
-    },
-    isActive: {
-      type: Boolean
-    },
-    hideActions: {
-      type: Boolean
-    },
-    disableSelecting: {
-      type: Boolean
-    },
-    showCustomTooltip: {
-      type: Boolean
-    },
-    workflow: {
-      type: Object,
-      required: true
-    }
-  },
-  emits: {
-    run: null,
-    runWorkflow: null,
-    removeNode: null,
-    toggleDisableNode: null
+    name: {},
+    instance: {},
+    workflow: {},
+    isReadOnly: { type: Boolean, default: false },
+    isActive: { type: Boolean, default: false },
+    hideActions: { type: Boolean, default: false },
+    disableSelecting: { type: Boolean, default: false },
+    showCustomTooltip: { type: Boolean, default: false },
+    isProductionExecutionPreview: { type: Boolean, default: false },
+    disablePointerEvents: { type: Boolean, default: false },
+    hideNodeIssues: { type: Boolean, default: false }
   },
-  setup(props, { emit }) {
+  emits: ["run", "runWorkflow", "removeNode", "toggleDisableNode"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
     const workflowsStore = useWorkflowsStore();
+    const nodeTypesStore = useNodeTypesStore();
+    const ndvStore = useNDVStore();
+    const uiStore = useUIStore();
     const contextMenu2 = useContextMenu();
-    const externalHooks = useExternalHooks();
     const nodeHelpers = useNodeHelpers();
-    const node2 = workflowsStore.getNodeByName(props.name);
-    const pinnedData2 = usePinnedData(node2);
+    const pinnedData2 = usePinnedData(workflowsStore.getNodeByName(props.name));
     const deviceSupport = useDeviceSupport();
     const { callDebounced } = useDebounce();
+    const i18n2 = useI18n();
+    const telemetry = useTelemetry();
     const nodeBase = useNodeBase({
       name: props.name,
       instance: props.instance,
@@ -9125,170 +9138,120 @@ const _sfc_main$r = defineComponent({
       isReadOnly: props.isReadOnly,
       emit
     });
-    return {
-      contextMenu: contextMenu2,
-      externalHooks,
-      nodeHelpers,
-      pinnedData: pinnedData2,
-      deviceSupport,
-      ...nodeBase,
-      callDebounced
-    };
-  },
-  data() {
-    return {
-      isTouchActive: false,
-      nodeSubtitle: "",
-      showTriggerNodeTooltip: false,
-      pinDataDiscoveryTooltipVisible: false,
-      dragging: false,
-      unwatchWorkflowDataItems: () => {
-      }
-    };
-  },
-  computed: {
-    ...mapStores(
-      useNodeTypesStore,
-      useCanvasStore,
-      useNDVStore,
-      useUIStore,
-      useWorkflowsStore,
-      useHistoryStore
-    ),
-    data() {
-      return this.workflowsStore.getNodeByName(this.name);
-    },
-    nodeId() {
+    const isTouchActive = ref(false);
+    const nodeSubtitle = ref("");
+    const showTriggerNodeTooltip = ref(false);
+    const pinDataDiscoveryTooltipVisible = ref(false);
+    const dragging2 = ref(false);
+    const node2 = computed(() => workflowsStore.getNodeByName(props.name));
+    const nodeId = computed(() => {
       var _a;
-      return ((_a = this.data) == null ? void 0 : _a.id) || "";
-    },
-    showPinnedDataInfo() {
-      return this.pinnedData.hasData.value && !this.isProductionExecutionPreview;
-    },
-    isDuplicatable() {
-      if (!this.nodeType)
-        return true;
-      if (NOT_DUPLICATABLE_NODE_TYPES.includes(this.nodeType.name))
-        return false;
-      return this.nodeType.maxNodes === void 0 || this.sameTypeNodes.length < this.nodeType.maxNodes;
-    },
-    isScheduledGroup() {
+      return ((_a = node2.value) == null ? void 0 : _a.id) ?? "";
+    });
+    const showPinnedDataInfo = computed(
+      () => pinnedData2.hasData.value && !props.isProductionExecutionPreview
+    );
+    const isScheduledGroup = computed(() => {
       var _a;
-      return ((_a = this.nodeType) == null ? void 0 : _a.group.includes("schedule")) === true;
-    },
-    iconColorDefault() {
-      if (this.isConfigNode) {
+      return ((_a = nodeType.value) == null ? void 0 : _a.group.includes("schedule")) === true;
+    });
+    const iconColorDefault = computed(() => {
+      if (isConfigNode.value) {
         return "var(--color-text-base)";
       }
       return void 0;
-    },
-    nodeRunData() {
-      if (!this.data)
+    });
+    const nodeRunData = computed(() => {
+      if (!node2.value)
         return [];
-      return this.workflowsStore.getWorkflowResultDataByNodeName(this.data.name) ?? [];
-    },
-    hasIssues() {
+      return workflowsStore.getWorkflowResultDataByNodeName(node2.value.name) ?? [];
+    });
+    const hasIssues2 = computed(() => {
       var _a;
-      if (this.nodeExecutionStatus && ["crashed", "error"].includes(this.nodeExecutionStatus))
+      if (nodeExecutionStatus.value && ["crashed", "error"].includes(nodeExecutionStatus.value))
         return true;
-      if (this.pinnedData.hasData.value)
+      if (pinnedData2.hasData.value)
         return false;
-      if (((_a = this.data) == null ? void 0 : _a.issues) !== void 0 && Object.keys(this.data.issues).length) {
+      if (((_a = node2.value) == null ? void 0 : _a.issues) !== void 0 && Object.keys(node2.value.issues).length) {
         return true;
       }
       return false;
-    },
-    workflowDataItems() {
-      const workflowResultDataNode = this.nodeRunData;
+    });
+    const workflowDataItems = computed(() => {
+      const workflowResultDataNode = nodeRunData.value;
       if (workflowResultDataNode === null) {
         return 0;
       }
       return workflowResultDataNode.length;
-    },
-    canvasOffsetPosition() {
-      return this.uiStore.nodeViewOffsetPosition;
-    },
-    getTriggerNodeTooltip() {
-      if (this.nodeType !== null && this.nodeType.hasOwnProperty("eventTriggerDescription")) {
-        const nodeName = this.$locale.shortNodeType(this.nodeType.name);
-        const { eventTriggerDescription } = this.nodeType;
-        return this.$locale.nodeText().eventTriggerDescription(nodeName, eventTriggerDescription ?? "");
+    });
+    const canvasOffsetPosition = computed(() => uiStore.nodeViewOffsetPosition);
+    const getTriggerNodeTooltip = computed(() => {
+      if (nodeType.value !== null && nodeType.value.hasOwnProperty("eventTriggerDescription")) {
+        const nodeName = i18n2.shortNodeType(nodeType.value.name);
+        const { eventTriggerDescription } = nodeType.value;
+        return i18n2.nodeText().eventTriggerDescription(nodeName, eventTriggerDescription ?? "");
       } else {
-        return this.$locale.baseText("node.waitingForYouToCreateAnEventIn", {
+        return i18n2.baseText("node.waitingForYouToCreateAnEventIn", {
           interpolate: {
-            nodeType: this.nodeType ? getTriggerNodeServiceName(this.nodeType) : ""
+            nodeType: nodeType.value ? getTriggerNodeServiceName(nodeType.value) : ""
           }
         });
       }
-    },
-    isPollingTypeNode() {
+    });
+    const isPollingTypeNode = computed(() => {
       var _a;
-      return !!((_a = this.nodeType) == null ? void 0 : _a.polling);
-    },
-    isExecuting() {
-      if (!this.data)
+      return !!((_a = nodeType.value) == null ? void 0 : _a.polling);
+    });
+    const isExecuting = computed(() => {
+      if (!node2.value)
         return false;
-      return this.workflowsStore.isNodeExecuting(this.data.name);
-    },
-    isSingleActiveTriggerNode() {
-      const nodes = this.workflowsStore.workflowTriggerNodes.filter((node2) => {
-        const nodeType = this.nodeTypesStore.getNodeType(node2.type, node2.typeVersion);
-        return nodeType && nodeType.eventTriggerDescription !== "" && !node2.disabled;
+      return workflowsStore.isNodeExecuting(node2.value.name);
+    });
+    const isSingleActiveTriggerNode = computed(() => {
+      const nodes = workflowsStore.workflowTriggerNodes.filter((triggerNode) => {
+        const nodeType2 = nodeTypesStore.getNodeType(triggerNode.type, triggerNode.typeVersion);
+        return nodeType2 && nodeType2.eventTriggerDescription !== "" && !triggerNode.disabled;
       });
       return nodes.length === 1;
-    },
-    isManualTypeNode() {
+    });
+    const isManualTypeNode = computed(() => {
       var _a;
-      return ((_a = this.data) == null ? void 0 : _a.type) === MANUAL_TRIGGER_NODE_TYPE;
-    },
-    isConfigNode() {
-      if (!this.data)
+      return ((_a = node2.value) == null ? void 0 : _a.type) === MANUAL_TRIGGER_NODE_TYPE;
+    });
+    const isConfigNode = computed(() => {
+      if (!node2.value)
         return false;
-      return this.nodeTypesStore.isConfigNode(this.workflow, this.data, this.data.type ?? "");
-    },
-    isConfigurableNode() {
+      return nodeTypesStore.isConfigNode(props.workflow, node2.value, node2.value.type ?? "");
+    });
+    const isConfigurableNode = computed(() => {
       var _a;
-      if (!this.data)
+      if (!node2.value)
         return false;
-      return this.nodeTypesStore.isConfigurableNode(
-        this.workflow,
-        this.data,
-        ((_a = this.data) == null ? void 0 : _a.type) ?? ""
-      );
-    },
-    isTriggerNode() {
-      return this.data ? this.nodeTypesStore.isTriggerNode(this.data.type) : false;
-    },
-    isTriggerNodeTooltipEmpty() {
-      return this.nodeType !== null ? this.nodeType.eventTriggerDescription === "" : false;
-    },
-    isNodeDisabled() {
-      return this.node && this.node.disabled;
-    },
-    nodeType() {
-      return this.data && this.nodeTypesStore.getNodeType(this.data.type, this.data.typeVersion);
-    },
-    node() {
-      return this.workflowsStore.nodesByName[this.name];
-    },
-    sameTypeNodes() {
-      return this.workflowsStore.allNodes.filter((node2) => {
-        var _a;
-        return node2.type === ((_a = this.data) == null ? void 0 : _a.type);
-      });
-    },
-    nodeWrapperClass() {
+      return nodeTypesStore.isConfigurableNode(props.workflow, node2.value, ((_a = node2.value) == null ? void 0 : _a.type) ?? "");
+    });
+    const isTriggerNode = computed(
+      () => node2.value ? nodeTypesStore.isTriggerNode(node2.value.type) : false
+    );
+    const isTriggerNodeTooltipEmpty = computed(
+      () => nodeType.value !== null ? nodeType.value.eventTriggerDescription === "" : false
+    );
+    const isNodeDisabled = computed(() => {
+      var _a;
+      return ((_a = node2.value) == null ? void 0 : _a.disabled) ?? false;
+    });
+    const nodeType = computed(
+      () => node2.value && nodeTypesStore.getNodeType(node2.value.type, node2.value.typeVersion)
+    );
+    const nodeWrapperClass = computed(() => {
       const classes = {
         "node-wrapper": true,
-        "node-wrapper--trigger": this.isTriggerNode,
-        "node-wrapper--configurable": this.isConfigurableNode,
-        "node-wrapper--config": this.isConfigNode
+        "node-wrapper--trigger": isTriggerNode.value,
+        "node-wrapper--configurable": isConfigurableNode.value,
+        "node-wrapper--config": isConfigNode.value
       };
-      if (this.outputs.length) {
-        const outputTypes = getConnectionTypes(this.outputs);
-        const otherOutputs = outputTypes.filter(
-          (outputName) => outputName !== NodeConnectionType.Main
-        );
+      if (nodeBase.outputs.value.length) {
+        const outputTypes = getConnectionTypes(nodeBase.outputs.value);
+        const otherOutputs = outputTypes.filter((outputName) => outputName !== NodeConnectionType.Main);
         if (otherOutputs.length) {
           otherOutputs.forEach((outputName) => {
             classes[`node-wrapper--connection-type-${outputName}`] = true;
@@ -9296,14 +9259,14 @@ const _sfc_main$r = defineComponent({
         }
       }
       return classes;
-    },
-    nodeWrapperStyles() {
+    });
+    const nodeWrapperStyles = computed(() => {
       const styles = {
-        left: this.position[0] + "px",
-        top: this.position[1] + "px"
+        left: position2.value[0] + "px",
+        top: position2.value[1] + "px"
       };
-      if (this.node && this.nodeType) {
-        const inputs2 = getNodeInputs(this.workflow, this.node, this.nodeType) || [];
+      if (node2.value && nodeType.value) {
+        const inputs2 = getNodeInputs(props.workflow, node2.value, nodeType.value) ?? [];
         const inputTypes = getConnectionTypes(inputs2);
         const nonMainInputs = inputTypes.filter((input) => input !== NodeConnectionType.Main);
         if (nonMainInputs.length) {
@@ -9321,35 +9284,35 @@ const _sfc_main$r = defineComponent({
         const mainInputs = inputTypes.filter((output) => output === NodeConnectionType.Main);
         styles["--node-main-input-count"] = mainInputs.length;
         let outputs2 = [];
-        if (this.workflow.nodes[this.node.name]) {
-          outputs2 = getNodeOutputs(this.workflow, this.node, this.nodeType);
+        if (props.workflow.nodes[node2.value.name]) {
+          outputs2 = getNodeOutputs(props.workflow, node2.value, nodeType.value);
         }
         const outputTypes = getConnectionTypes(outputs2);
         const mainOutputs = outputTypes.filter((output) => output === NodeConnectionType.Main);
         styles["--node-main-output-count"] = mainOutputs.length;
       }
       return styles;
-    },
-    nodeClass() {
+    });
+    const nodeClass = computed(() => {
       var _a;
       return {
         "node-box": true,
-        disabled: (_a = this.data) == null ? void 0 : _a.disabled,
-        executing: this.isExecuting
+        disabled: (_a = node2.value) == null ? void 0 : _a.disabled,
+        executing: isExecuting.value
       };
-    },
-    nodeExecutionStatus() {
+    });
+    const nodeExecutionStatus = computed(() => {
       var _a;
-      const nodeExecutionRunData = (_a = this.workflowsStore.getWorkflowRunData) == null ? void 0 : _a[this.name];
+      const nodeExecutionRunData = (_a = workflowsStore.getWorkflowRunData) == null ? void 0 : _a[props.name];
       if (nodeExecutionRunData) {
         return nodeExecutionRunData.filter(Boolean)[0].executionStatus ?? "";
       }
       return "";
-    },
-    nodeIssues() {
+    });
+    const nodeIssues = computed(() => {
       var _a, _b;
       const issues2 = [];
-      const nodeExecutionRunData = (_a = this.workflowsStore.getWorkflowRunData) == null ? void 0 : _a[this.name];
+      const nodeExecutionRunData = (_a = workflowsStore.getWorkflowRunData) == null ? void 0 : _a[props.name];
       if (nodeExecutionRunData) {
         nodeExecutionRunData.forEach((executionRunData) => {
           if (executionRunData == null ? void 0 : executionRunData.error) {
@@ -9359,48 +9322,42 @@ const _sfc_main$r = defineComponent({
           }
         });
       }
-      if (((_b = this.data) == null ? void 0 : _b.issues) !== void 0) {
-        issues2.push(...nodeIssuesToString(this.data.issues, this.data));
+      if (((_b = node2.value) == null ? void 0 : _b.issues) !== void 0) {
+        issues2.push(...nodeIssuesToString(node2.value.issues, node2.value));
       }
       return issues2;
-    },
-    nodeDisabledTitle() {
-      var _a;
-      return ((_a = this.data) == null ? void 0 : _a.disabled) ? this.$locale.baseText("node.enable") : this.$locale.baseText("node.disable");
-    },
-    position() {
-      return this.node ? this.node.position : [0, 0];
-    },
-    showDisabledLineThrough() {
-      var _a;
-      return !this.isConfigurableNode && !!(((_a = this.data) == null ? void 0 : _a.disabled) && this.inputs.length === 1 && this.outputs.length === 1);
-    },
-    shortNodeType() {
+    });
+    const nodeDisabledTitle2 = computed(() => {
       var _a;
-      return this.$locale.shortNodeType(((_a = this.data) == null ? void 0 : _a.type) ?? "");
-    },
-    nodeTitle() {
+      return ((_a = node2.value) == null ? void 0 : _a.disabled) ? i18n2.baseText("node.enable") : i18n2.baseText("node.disable");
+    });
+    const position2 = computed(() => node2.value ? node2.value.position : [0, 0]);
+    const showDisabledLineThrough = computed(
+      () => {
+        var _a;
+        return !isConfigurableNode.value && !!(((_a = node2.value) == null ? void 0 : _a.disabled) && nodeBase.inputs.value.length === 1 && nodeBase.outputs.value.length === 1);
+      }
+    );
+    const nodeTitle = computed(() => {
       var _a, _b;
-      if (((_a = this.data) == null ? void 0 : _a.name) === "Start") {
-        return this.$locale.headerText({
+      if (((_a = node2.value) == null ? void 0 : _a.name) === "Start") {
+        return i18n2.headerText({
           key: "headers.start.displayName",
           fallback: "Start"
         });
       }
-      return ((_b = this.data) == null ? void 0 : _b.name) ?? "";
-    },
-    waiting() {
-      const workflowExecution = this.workflowsStore.getWorkflowExecution;
+      return ((_b = node2.value) == null ? void 0 : _b.name) ?? "";
+    });
+    const waiting = computed(() => {
+      const workflowExecution = workflowsStore.getWorkflowExecution;
       if (workflowExecution == null ? void 0 : workflowExecution.waitTill) {
         const lastNodeExecuted = get(workflowExecution, "data.resultData.lastNodeExecuted");
-        if (this.name === lastNodeExecuted) {
+        if (props.name === lastNodeExecuted) {
           const waitDate = new Date(workflowExecution.waitTill);
           if (waitDate.toISOString() === WAIT_TIME_UNLIMITED) {
-            return this.$locale.baseText(
-              "node.theNodeIsWaitingIndefinitelyForAnIncomingWebhookCall"
-            );
+            return i18n2.baseText("node.theNodeIsWaitingIndefinitelyForAnIncomingWebhookCall");
           }
-          return this.$locale.baseText("node.nodeIsWaitingTill", {
+          return i18n2.baseText("node.nodeIsWaitingTill", {
             interpolate: {
               date: waitDate.toLocaleDateString(),
               time: waitDate.toLocaleTimeString()
@@ -9409,31 +9366,29 @@ const _sfc_main$r = defineComponent({
         }
       }
       return void 0;
-    },
-    workflowRunning() {
-      return this.uiStore.isActionActive["workflowRunning"];
-    },
-    nodeStyle() {
+    });
+    const workflowRunning2 = computed(() => uiStore.isActionActive.workflowRunning);
+    const nodeStyle = computed(() => {
       var _a, _b, _c, _d;
       const returnStyles = {};
       let borderColor = "--color-foreground-xdark";
-      if (this.isConfigurableNode || this.isConfigNode) {
+      if (isConfigurableNode.value || isConfigNode.value) {
         borderColor = "--color-foreground-dark";
       }
-      if ((_a = this.data) == null ? void 0 : _a.disabled) {
+      if ((_a = node2.value) == null ? void 0 : _a.disabled) {
         borderColor = "--color-foreground-base";
-      } else if (!this.isExecuting) {
-        if (this.hasIssues && !this.hideNodeIssues) {
-          if (((_d = (_c = (_b = this.nodeRunData) == null ? void 0 : _b[0]) == null ? void 0 : _c.error) == null ? void 0 : _d.functionality) !== "configuration-node") {
+      } else if (!isExecuting.value) {
+        if (hasIssues2.value && !props.hideNodeIssues) {
+          if (((_d = (_c = (_b = nodeRunData.value) == null ? void 0 : _b[0]) == null ? void 0 : _c.error) == null ? void 0 : _d.functionality) !== "configuration-node") {
             borderColor = "--color-danger";
             returnStyles["border-width"] = "2px";
             returnStyles["border-style"] = "solid";
           }
-        } else if (!!this.waiting || this.showPinnedDataInfo) {
+        } else if (!!waiting.value || showPinnedDataInfo.value) {
           borderColor = "--color-node-pinned-border";
-        } else if (this.nodeExecutionStatus === "unknown") {
+        } else if (nodeExecutionStatus.value === "unknown") {
           borderColor = "--color-foreground-xdark";
-        } else if (this.workflowDataItems) {
+        } else if (workflowDataItems.value) {
           returnStyles["border-width"] = "2px";
           returnStyles["border-style"] = "solid";
           borderColor = "--color-success";
@@ -9441,467 +9396,462 @@ const _sfc_main$r = defineComponent({
       }
       returnStyles["border-color"] = `var(${borderColor})`;
       return returnStyles;
-    },
-    isSelected() {
-      return this.uiStore.getSelectedNodes.find((node2) => {
+    });
+    const isSelected = computed(
+      () => uiStore.getSelectedNodes.find((n) => {
         var _a;
-        return node2.name === ((_a = this.data) == null ? void 0 : _a.name);
-      }) !== void 0;
-    },
-    shiftOutputCount() {
-      return !!(this.nodeType && this.outputs.length > 2);
-    },
-    shouldShowTriggerTooltip() {
-      return !!this.node && this.isTriggerNode && !this.isPollingTypeNode && !this.pinnedData.hasData.value && !this.isNodeDisabled && this.workflowRunning && this.workflowDataItems === 0 && this.isSingleActiveTriggerNode && !this.isTriggerNodeTooltipEmpty && !this.hasIssues && !this.dragging;
-    },
-    isContextMenuOpen() {
-      var _a, _b;
-      return this.contextMenu.isOpen.value && ((_a = this.contextMenu.target.value) == null ? void 0 : _a.source) === "node-button" && this.contextMenu.target.value.nodeId === ((_b = this.data) == null ? void 0 : _b.id);
-    },
-    iconNodeType() {
+        return n.name === ((_a = node2.value) == null ? void 0 : _a.name);
+      }) !== void 0
+    );
+    const shiftOutputCount = computed(() => !!(nodeType.value && nodeBase.outputs.value.length > 2));
+    const shouldShowTriggerTooltip = computed(() => {
+      return !!node2.value && isTriggerNode.value && !isPollingTypeNode.value && !pinnedData2.hasData.value && !isNodeDisabled.value && workflowRunning2.value && workflowDataItems.value === 0 && isSingleActiveTriggerNode.value && !isTriggerNodeTooltipEmpty.value && !hasIssues2.value && !dragging2.value;
+    });
+    const isContextMenuOpen = computed(
+      () => {
+        var _a, _b;
+        return contextMenu2.isOpen.value && ((_a = contextMenu2.target.value) == null ? void 0 : _a.source) === "node-button" && contextMenu2.target.value.nodeId === ((_b = node2.value) == null ? void 0 : _b.id);
+      }
+    );
+    const iconNodeType = computed(() => {
       var _a, _b, _c;
-      if (((_a = this.data) == null ? void 0 : _a.type) === SIMULATE_NODE_TYPE || ((_b = this.data) == null ? void 0 : _b.type) === SIMULATE_TRIGGER_NODE_TYPE) {
-        const icon2 = (_c = this.data.parameters) == null ? void 0 : _c.icon;
-        const iconNodeType = this.workflow.expression.getSimpleParameterValue(
-          this.data,
+      if (((_a = node2.value) == null ? void 0 : _a.type) === SIMULATE_NODE_TYPE || ((_b = node2.value) == null ? void 0 : _b.type) === SIMULATE_TRIGGER_NODE_TYPE) {
+        const icon2 = (_c = node2.value.parameters) == null ? void 0 : _c.icon;
+        const iconValue = props.workflow.expression.getSimpleParameterValue(
+          node2.value,
           icon2,
           "internal",
           {}
         );
-        if (iconNodeType && typeof iconNodeType === "string") {
-          return this.nodeTypesStore.getNodeType(iconNodeType);
+        if (iconValue && typeof iconValue === "string") {
+          return nodeTypesStore.getNodeType(iconValue);
         }
       }
-      return this.nodeType;
-    }
-  },
-  watch: {
-    isActive(newValue, oldValue) {
-      if (!newValue && oldValue) {
-        this.setSubtitle();
+      return nodeType.value;
+    });
+    const hasSeenPinDataTooltip = useStorage(LOCAL_STORAGE_PIN_DATA_DISCOVERY_CANVAS_FLAG);
+    watch(
+      () => props.isActive,
+      (newValue, oldValue) => {
+        if (!newValue && oldValue) {
+          setSubtitle();
+        }
       }
-    },
-    canvasOffsetPosition() {
-      if (this.showTriggerNodeTooltip) {
-        this.showTriggerNodeTooltip = false;
+    );
+    watch(canvasOffsetPosition, () => {
+      if (showTriggerNodeTooltip.value) {
+        showTriggerNodeTooltip.value = false;
         setTimeout(() => {
-          this.showTriggerNodeTooltip = this.shouldShowTriggerTooltip;
+          showTriggerNodeTooltip.value = shouldShowTriggerTooltip.value;
         }, 200);
       }
-      if (this.pinDataDiscoveryTooltipVisible) {
-        this.pinDataDiscoveryTooltipVisible = false;
+      if (pinDataDiscoveryTooltipVisible.value) {
+        pinDataDiscoveryTooltipVisible.value = false;
         setTimeout(() => {
-          this.pinDataDiscoveryTooltipVisible = true;
+          pinDataDiscoveryTooltipVisible.value = true;
         }, 200);
       }
-    },
-    shouldShowTriggerTooltip(shouldShowTriggerTooltip) {
-      if (shouldShowTriggerTooltip) {
+    });
+    watch(shouldShowTriggerTooltip, (newValue) => {
+      if (newValue) {
         setTimeout(() => {
-          this.showTriggerNodeTooltip = this.shouldShowTriggerTooltip;
+          showTriggerNodeTooltip.value = shouldShowTriggerTooltip.value;
         }, 2500);
       } else {
-        this.showTriggerNodeTooltip = false;
+        showTriggerNodeTooltip.value = false;
       }
-    },
-    nodeRunData: {
-      deep: true,
-      handler(newValue) {
-        if (!this.data) {
+    });
+    watch(
+      nodeRunData,
+      (newValue) => {
+        if (!node2.value) {
           return;
         }
-        this.$emit("run", { name: this.data.name, data: newValue, waiting: !!this.waiting });
-      }
-    }
-  },
-  created() {
-    const hasSeenPinDataTooltip = useStorage(LOCAL_STORAGE_PIN_DATA_DISCOVERY_CANVAS_FLAG).value;
-    if (!hasSeenPinDataTooltip) {
-      this.unwatchWorkflowDataItems = this.$watch("workflowDataItems", (dataItemsCount) => {
-        this.showPinDataDiscoveryTooltip(dataItemsCount);
-      });
-    }
-  },
-  mounted() {
-    if (this.data !== null) {
-      try {
-        this.addNode(this.data);
-      } catch (error2) {
+        emit("run", { name: node2.value.name, data: newValue, waiting: !!waiting.value });
+      },
+      { deep: true }
+    );
+    const unwatchWorkflowDataItems = watch(workflowDataItems, (dataItemsCount) => {
+      if (!hasSeenPinDataTooltip.value)
+        showPinDataDiscoveryTooltip(dataItemsCount);
+    });
+    onMounted(() => {
+      if (node2.value !== null) {
+        try {
+          nodeBase.addNode(node2.value);
+        } catch (error2) {
+        }
       }
-    }
-    setTimeout(() => {
-      this.setSubtitle();
-    }, 0);
-    if (this.nodeRunData) {
       setTimeout(() => {
-        var _a;
-        this.$emit("run", {
-          name: (_a = this.data) == null ? void 0 : _a.name,
-          data: this.nodeRunData,
-          waiting: !!this.waiting
-        });
+        setSubtitle();
       }, 0);
-    }
-  },
-  methods: {
-    showPinDataDiscoveryTooltip(dataItemsCount) {
-      if (!this.isTriggerNode || this.isManualTypeNode || this.isScheduledGroup || this.uiStore.isAnyModalOpen || dataItemsCount === 0)
+      setTimeout(() => {
+        if (nodeRunData.value && node2.value) {
+          emit("run", {
+            name: node2.value.name,
+            data: nodeRunData.value,
+            waiting: !!waiting.value
+          });
+        }
+      }, 0);
+    });
+    function showPinDataDiscoveryTooltip(dataItemsCount) {
+      if (!isTriggerNode.value || isManualTypeNode.value || isScheduledGroup.value || uiStore.isAnyModalOpen || dataItemsCount === 0)
         return;
       useStorage(LOCAL_STORAGE_PIN_DATA_DISCOVERY_CANVAS_FLAG).value = "true";
-      this.pinDataDiscoveryTooltipVisible = true;
-      this.unwatchWorkflowDataItems();
-    },
-    setSubtitle() {
-      if (!this.data || !this.nodeType)
+      pinDataDiscoveryTooltipVisible.value = true;
+      unwatchWorkflowDataItems();
+    }
+    function setSubtitle() {
+      if (!node2.value || !nodeType.value)
         return;
       try {
-        const nodeSubtitle = this.nodeHelpers.getNodeSubtitle(this.data, this.nodeType, this.workflow) ?? "";
-        this.nodeSubtitle = nodeSubtitle.includes(CUSTOM_API_CALL_KEY) ? "" : nodeSubtitle;
+        const subtitle2 = nodeHelpers.getNodeSubtitle(node2.value, nodeType.value, props.workflow) ?? "";
+        nodeSubtitle.value = subtitle2.includes(CUSTOM_API_CALL_KEY) ? "" : subtitle2;
       } catch (e) {
       }
-    },
-    disableNode() {
-      if (this.data !== null) {
-        this.nodeHelpers.disableNodes([this.data]);
-        this.historyStore.pushCommandToUndo(
-          new EnableNodeToggleCommand(
-            this.data.name,
-            !this.data.disabled,
-            this.data.disabled === true
-          )
-        );
-        this.$telemetry.track("User clicked node hover button", {
-          node_type: this.data.type,
-          button_name: "disable",
-          workflow_id: this.workflowsStore.workflowId
-        });
-      }
-    },
-    executeNode() {
-      var _a, _b;
-      this.$emit("runWorkflow", (_a = this.data) == null ? void 0 : _a.name, "Node.executeNode");
-      this.$telemetry.track("User clicked node hover button", {
-        node_type: (_b = this.data) == null ? void 0 : _b.type,
+    }
+    function executeNode() {
+      if (!node2.value)
+        return;
+      emit("runWorkflow", node2.value.name, "Node.executeNode");
+      telemetry.track("User clicked node hover button", {
+        node_type: node2.value.type,
         button_name: "execute",
-        workflow_id: this.workflowsStore.workflowId
+        workflow_id: workflowsStore.workflowId
       });
-    },
-    deleteNode() {
-      var _a, _b;
-      this.$telemetry.track("User clicked node hover button", {
-        node_type: (_a = this.data) == null ? void 0 : _a.type,
+    }
+    function deleteNode() {
+      if (!node2.value)
+        return;
+      telemetry.track("User clicked node hover button", {
+        node_type: node2.value.type,
         button_name: "delete",
-        workflow_id: this.workflowsStore.workflowId
+        workflow_id: workflowsStore.workflowId
       });
-      this.$emit("removeNode", (_b = this.data) == null ? void 0 : _b.name);
-    },
-    toggleDisableNode(event) {
+      emit("removeNode", node2.value.name);
+    }
+    function toggleDisableNode(event) {
       var _a;
+      if (!node2.value)
+        return;
       event.currentTarget.blur();
-      this.$telemetry.track("User clicked node hover button", {
-        node_type: (_a = this.data) == null ? void 0 : _a.type,
+      telemetry.track("User clicked node hover button", {
+        node_type: (_a = node2.value) == null ? void 0 : _a.type,
         button_name: "disable",
-        workflow_id: this.workflowsStore.workflowId
+        workflow_id: workflowsStore.workflowId
       });
-      this.$emit("toggleDisableNode", this.data);
-    },
-    onClick(event) {
-      void this.callDebounced(this.onClickDebounced, { debounceTime: 50, trailing: true }, event);
-    },
-    onClickDebounced(...args) {
+      emit("toggleDisableNode", node2.value);
+    }
+    function onClick(event) {
+      void callDebounced(onClickDebounced, { debounceTime: 50, trailing: true }, event);
+    }
+    function onClickDebounced(...args) {
       const event = args[0];
       const isDoubleClick = event.detail >= 2;
       if (isDoubleClick) {
-        this.setNodeActive();
+        setNodeActive();
       } else {
-        this.mouseLeftClick(event);
+        nodeBase.mouseLeftClick(event);
       }
-    },
-    setNodeActive() {
-      this.ndvStore.activeNodeName = this.data ? this.data.name : "";
-      this.pinDataDiscoveryTooltipVisible = false;
-    },
-    touchStart() {
-      if (this.deviceSupport.isTouchDevice && !this.deviceSupport.isMacOs && !this.isTouchActive) {
-        this.isTouchActive = true;
+    }
+    function setNodeActive() {
+      ndvStore.activeNodeName = node2.value ? node2.value.name : "";
+      pinDataDiscoveryTooltipVisible.value = false;
+    }
+    function touchStart() {
+      if (deviceSupport.isTouchDevice && !deviceSupport.isMacOs && !isTouchActive.value) {
+        isTouchActive.value = true;
         setTimeout(() => {
-          this.isTouchActive = false;
+          isTouchActive.value = false;
         }, 2e3);
       }
-    },
-    openContextMenu(event, source) {
-      if (this.data) {
-        this.contextMenu.open(event, { source, nodeId: this.data.id });
+    }
+    const touchEnd = nodeBase.touchEnd;
+    function openContextMenu(event, source) {
+      if (node2.value) {
+        contextMenu2.open(event, { source, nodeId: node2.value.id });
       }
     }
-  }
-});
-const _withScopeId$1 = (n) => (pushScopeId("data-v-75cfc2b3"), n = n(), popScopeId(), n);
-const _hoisted_1$6 = ["id", "data-name", "data-node-type"];
-const _hoisted_2$4 = { class: "select-background" };
-const _hoisted_3$2 = {
-  key: 0,
-  class: "trigger-icon"
-};
-const _hoisted_4$1 = ["innerHTML"];
-const _hoisted_5$1 = {
-  key: 0,
-  class: "node-issues",
-  "data-test-id": "node-issues"
-};
-const _hoisted_6 = {
-  key: 1,
-  class: "waiting"
-};
-const _hoisted_7 = ["textContent"];
-const _hoisted_8 = {
-  key: 2,
-  class: "node-pin-data-icon"
-};
-const _hoisted_9 = {
-  key: 0,
-  class: "items-count"
-};
-const _hoisted_10 = { key: 3 };
-const _hoisted_11 = {
-  key: 4,
-  class: "data-count"
-};
-const _hoisted_12 = {
-  key: 0,
-  class: "items-count"
-};
-const _hoisted_13 = ["title"];
-const _hoisted_14 = { class: "node-trigger-tooltip__wrapper" };
-const _hoisted_15 = ["textContent"];
-const _hoisted_16 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createBaseVNode("span", null, null, -1));
-const _hoisted_17 = /* @__PURE__ */ _withScopeId$1(() => /* @__PURE__ */ createBaseVNode("span", null, null, -1));
-const _hoisted_18 = { class: "node-description" };
-const _hoisted_19 = ["title"];
-const _hoisted_20 = { "data-test-id": "canvas-node-box-title" };
-const _hoisted_21 = { key: 0 };
-const _hoisted_22 = ["title"];
-const _hoisted_23 = { class: "node-options-inner" };
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
-  var _a;
-  const _component_FontAwesomeIcon = resolveComponent("FontAwesomeIcon");
-  const _component_n8n_tooltip = resolveComponent("n8n-tooltip");
-  const _component_TitledList = TitledList;
-  const _component_NodeIcon = _sfc_main$Q;
-  const _component_n8n_icon_button = resolveComponent("n8n-icon-button");
-  const _directive_touch = resolveDirective("touch");
-  return _ctx.data ? (openBlock(), createElementBlock("div", {
-    key: 0,
-    id: _ctx.nodeId,
-    ref: _ctx.data.name,
-    class: normalizeClass(_ctx.nodeWrapperClass),
-    style: normalizeStyle(_ctx.nodeWrapperStyles),
-    "data-test-id": "canvas-node",
-    "data-name": _ctx.data.name,
-    "data-node-type": (_a = _ctx.nodeType) == null ? void 0 : _a.name,
-    onContextmenu: _cache[4] || (_cache[4] = (e) => _ctx.openContextMenu(e, "node-right-click"))
-  }, [
-    withDirectives(createBaseVNode("div", _hoisted_2$4, null, 512), [
-      [vShow, _ctx.isSelected]
-    ]),
-    createBaseVNode("div", {
-      class: normalizeClass({
-        "node-default": true,
-        "touch-active": _ctx.isTouchActive,
-        "is-touch-device": _ctx.deviceSupport.isTouchDevice,
-        "menu-open": _ctx.isContextMenuOpen,
-        "disable-pointer-events": _ctx.disablePointerEvents
-      })
-    }, [
-      withDirectives((openBlock(), createElementBlock("div", {
-        class: normalizeClass(_ctx.nodeClass),
-        style: normalizeStyle(_ctx.nodeStyle),
-        onClick: _cache[0] || (_cache[0] = withModifiers((...args) => _ctx.onClick && _ctx.onClick(...args), ["left"]))
+    return (_ctx, _cache) => {
+      var _a;
+      const _component_n8n_tooltip = resolveComponent("n8n-tooltip");
+      const _directive_touch = resolveDirective("touch");
+      return node2.value ? (openBlock(), createElementBlock("div", {
+        key: 0,
+        id: nodeId.value,
+        ref: node2.value.name,
+        class: normalizeClass(nodeWrapperClass.value),
+        style: normalizeStyle(nodeWrapperStyles.value),
+        "data-test-id": "canvas-node",
+        "data-name": node2.value.name,
+        "data-node-type": (_a = nodeType.value) == null ? void 0 : _a.name,
+        onContextmenu: _cache[3] || (_cache[3] = (e) => openContextMenu(e, "node-right-click"))
       }, [
-        _ctx.isTriggerNode ? (openBlock(), createElementBlock("i", _hoisted_3$2, [
-          createVNode(_component_n8n_tooltip, { placement: "bottom" }, {
-            content: withCtx(() => [
-              createBaseVNode("span", {
-                innerHTML: _ctx.$locale.baseText("node.thisIsATriggerNode")
-              }, null, 8, _hoisted_4$1)
-            ]),
-            default: withCtx(() => [
-              createVNode(_component_FontAwesomeIcon, {
-                icon: "bolt",
-                size: "lg"
-              })
-            ]),
-            _: 1
-          })
-        ])) : createCommentVNode("", true),
-        !_ctx.data.disabled ? (openBlock(), createElementBlock("div", {
-          key: 1,
-          class: normalizeClass({ "node-info-icon": true, "shift-icon": _ctx.shiftOutputCount })
-        }, [
-          _ctx.hasIssues && !_ctx.hideNodeIssues ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
-            createVNode(_component_n8n_tooltip, {
-              "show-after": 500,
-              placement: "bottom"
-            }, {
-              content: withCtx(() => [
-                createVNode(_component_TitledList, {
-                  title: `${_ctx.$locale.baseText("node.issues")}:`,
-                  items: _ctx.nodeIssues
-                }, null, 8, ["title", "items"])
-              ]),
-              default: withCtx(() => [
-                createVNode(_component_FontAwesomeIcon, { icon: "exclamation-triangle" })
-              ]),
-              _: 1
-            })
-          ])) : _ctx.waiting || _ctx.nodeExecutionStatus === "waiting" ? (openBlock(), createElementBlock("div", _hoisted_6, [
-            createVNode(_component_n8n_tooltip, { placement: "bottom" }, {
-              content: withCtx(() => [
-                createBaseVNode("div", {
-                  textContent: toDisplayString(_ctx.waiting)
-                }, null, 8, _hoisted_7)
-              ]),
-              default: withCtx(() => [
-                createVNode(_component_FontAwesomeIcon, { icon: "clock" })
-              ]),
-              _: 1
-            })
-          ])) : _ctx.showPinnedDataInfo ? (openBlock(), createElementBlock("span", _hoisted_8, [
-            createVNode(_component_FontAwesomeIcon, { icon: "thumbtack" }),
-            _ctx.workflowDataItems > 1 ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(_ctx.workflowDataItems), 1)) : createCommentVNode("", true)
-          ])) : _ctx.nodeExecutionStatus === "unknown" ? (openBlock(), createElementBlock("span", _hoisted_10)) : _ctx.workflowDataItems ? (openBlock(), createElementBlock("span", _hoisted_11, [
-            createVNode(_component_FontAwesomeIcon, { icon: "check" }),
-            _ctx.workflowDataItems > 1 ? (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(_ctx.workflowDataItems), 1)) : createCommentVNode("", true)
-          ])) : createCommentVNode("", true)
-        ], 2)) : createCommentVNode("", true),
+        withDirectives(createBaseVNode("div", _hoisted_2$4, null, 512), [
+          [vShow, isSelected.value]
+        ]),
         createBaseVNode("div", {
-          class: "node-executing-info",
-          title: _ctx.$locale.baseText("node.nodeIsExecuting")
-        }, [
-          createVNode(_component_FontAwesomeIcon, {
-            icon: "sync-alt",
-            spin: ""
+          class: normalizeClass({
+            "node-default": true,
+            "touch-active": isTouchActive.value,
+            "is-touch-device": unref(deviceSupport).isTouchDevice,
+            "menu-open": isContextMenuOpen.value,
+            "disable-pointer-events": _ctx.disablePointerEvents
           })
-        ], 8, _hoisted_13),
-        createBaseVNode("div", _hoisted_14, [
-          createVNode(_component_n8n_tooltip, {
-            placement: "top",
-            "show-after": 500,
-            visible: _ctx.showTriggerNodeTooltip,
-            "popper-class": "node-trigger-tooltip__wrapper--item"
-          }, {
-            content: withCtx(() => [
-              createBaseVNode("div", {
-                textContent: toDisplayString(_ctx.getTriggerNodeTooltip)
-              }, null, 8, _hoisted_15)
-            ]),
-            default: withCtx(() => [
-              _hoisted_16
+        }, [
+          withDirectives((openBlock(), createElementBlock("div", {
+            class: normalizeClass(nodeClass.value),
+            style: normalizeStyle(nodeStyle.value),
+            onClick: withModifiers(onClick, ["left"])
+          }, [
+            isTriggerNode.value ? (openBlock(), createElementBlock("i", _hoisted_3$2, [
+              createVNode(_component_n8n_tooltip, { placement: "bottom" }, {
+                content: withCtx(() => [
+                  createBaseVNode("span", {
+                    innerHTML: unref(i18n2).baseText("node.thisIsATriggerNode")
+                  }, null, 8, _hoisted_4)
+                ]),
+                default: withCtx(() => [
+                  createVNode(unref(FontAwesomeIcon), {
+                    icon: "bolt",
+                    size: "lg"
+                  })
+                ]),
+                _: 1
+              })
+            ])) : createCommentVNode("", true),
+            !node2.value.disabled ? (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: normalizeClass({ "node-info-icon": true, "shift-icon": shiftOutputCount.value })
+            }, [
+              hasIssues2.value && !_ctx.hideNodeIssues ? (openBlock(), createElementBlock("div", _hoisted_5, [
+                createVNode(_component_n8n_tooltip, {
+                  "show-after": 500,
+                  placement: "bottom"
+                }, {
+                  content: withCtx(() => [
+                    createVNode(TitledList, {
+                      title: `${unref(i18n2).baseText("node.issues")}:`,
+                      items: nodeIssues.value
+                    }, null, 8, ["title", "items"])
+                  ]),
+                  default: withCtx(() => [
+                    createVNode(unref(FontAwesomeIcon), { icon: "exclamation-triangle" })
+                  ]),
+                  _: 1
+                })
+              ])) : waiting.value || nodeExecutionStatus.value === "waiting" ? (openBlock(), createElementBlock("div", _hoisted_6, [
+                createVNode(_component_n8n_tooltip, { placement: "bottom" }, {
+                  content: withCtx(() => [
+                    createBaseVNode("div", {
+                      textContent: toDisplayString(waiting.value)
+                    }, null, 8, _hoisted_7)
+                  ]),
+                  default: withCtx(() => [
+                    createVNode(unref(FontAwesomeIcon), { icon: "clock" })
+                  ]),
+                  _: 1
+                })
+              ])) : showPinnedDataInfo.value ? (openBlock(), createElementBlock("span", _hoisted_8, [
+                createVNode(unref(FontAwesomeIcon), { icon: "thumbtack" }),
+                workflowDataItems.value > 1 ? (openBlock(), createElementBlock("span", _hoisted_9, toDisplayString(workflowDataItems.value), 1)) : createCommentVNode("", true)
+              ])) : nodeExecutionStatus.value === "unknown" ? (openBlock(), createElementBlock("span", _hoisted_10)) : workflowDataItems.value ? (openBlock(), createElementBlock("span", _hoisted_11, [
+                createVNode(unref(FontAwesomeIcon), { icon: "check" }),
+                workflowDataItems.value > 1 ? (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(workflowDataItems.value), 1)) : createCommentVNode("", true)
+              ])) : createCommentVNode("", true)
+            ], 2)) : createCommentVNode("", true),
+            createBaseVNode("div", {
+              class: "node-executing-info",
+              title: unref(i18n2).baseText("node.nodeIsExecuting")
+            }, [
+              createVNode(unref(FontAwesomeIcon), {
+                icon: "sync-alt",
+                spin: ""
+              })
+            ], 8, _hoisted_13),
+            createBaseVNode("div", _hoisted_14, [
+              createVNode(_component_n8n_tooltip, {
+                placement: "top",
+                "show-after": 500,
+                visible: showTriggerNodeTooltip.value,
+                "popper-class": "node-trigger-tooltip__wrapper--item"
+              }, {
+                content: withCtx(() => [
+                  createBaseVNode("div", {
+                    textContent: toDisplayString(getTriggerNodeTooltip.value)
+                  }, null, 8, _hoisted_15)
+                ]),
+                default: withCtx(() => [
+                  _hoisted_16
+                ]),
+                _: 1
+              }, 8, ["visible"]),
+              isTriggerNode.value ? (openBlock(), createBlock(_component_n8n_tooltip, {
+                key: 0,
+                placement: "top",
+                visible: pinDataDiscoveryTooltipVisible.value,
+                "popper-class": "node-trigger-tooltip__wrapper--item"
+              }, {
+                content: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(i18n2).baseText("node.discovery.pinData.canvas")), 1)
+                ]),
+                default: withCtx(() => [
+                  _hoisted_17
+                ]),
+                _: 1
+              }, 8, ["visible"])) : createCommentVNode("", true)
             ]),
-            _: 1
-          }, 8, ["visible"]),
-          _ctx.isTriggerNode ? (openBlock(), createBlock(_component_n8n_tooltip, {
+            createVNode(_sfc_main$V, {
+              class: "node-icon",
+              "node-type": iconNodeType.value,
+              size: 40,
+              shrink: false,
+              "color-default": iconColorDefault.value,
+              disabled: node2.value.disabled
+            }, null, 8, ["node-type", "color-default", "disabled"])
+          ], 6)), [
+            [_directive_touch, touchStart, "start"],
+            [_directive_touch, unref(touchEnd), "end"]
+          ]),
+          showDisabledLineThrough.value ? (openBlock(), createElementBlock("div", {
             key: 0,
-            placement: "top",
-            visible: _ctx.pinDataDiscoveryTooltipVisible,
-            "popper-class": "node-trigger-tooltip__wrapper--item"
-          }, {
-            content: withCtx(() => [
-              createTextVNode(toDisplayString(_ctx.$locale.baseText("node.discovery.pinData.canvas")), 1)
-            ]),
-            default: withCtx(() => [
-              _hoisted_17
-            ]),
-            _: 1
-          }, 8, ["visible"])) : createCommentVNode("", true)
+            class: normalizeClass({
+              "disabled-line-through": true,
+              success: !["unknown"].includes(nodeExecutionStatus.value) && workflowDataItems.value > 0
+            })
+          }, null, 2)) : createCommentVNode("", true)
+        ], 2),
+        createBaseVNode("div", _hoisted_18, [
+          createBaseVNode("div", {
+            class: "node-name",
+            title: nodeTitle.value
+          }, [
+            createBaseVNode("p", _hoisted_20, toDisplayString(nodeTitle.value), 1),
+            node2.value.disabled ? (openBlock(), createElementBlock("p", _hoisted_21, "(" + toDisplayString(unref(i18n2).baseText("node.disabled")) + ")", 1)) : createCommentVNode("", true)
+          ], 8, _hoisted_19),
+          nodeSubtitle.value !== void 0 ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: "node-subtitle",
+            title: nodeSubtitle.value
+          }, toDisplayString(nodeSubtitle.value), 9, _hoisted_22)) : createCommentVNode("", true)
         ]),
-        createVNode(_component_NodeIcon, {
-          class: "node-icon",
-          "node-type": _ctx.iconNodeType,
-          size: 40,
-          shrink: false,
-          "color-default": _ctx.iconColorDefault,
-          disabled: _ctx.data.disabled
-        }, null, 8, ["node-type", "color-default", "disabled"])
-      ], 6)), [
-        [_directive_touch, _ctx.touchStart, "start"],
-        [_directive_touch, _ctx.touchEnd, "end"]
-      ]),
-      _ctx.showDisabledLineThrough ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: normalizeClass({
-          "disabled-line-through": true,
-          success: !["unknown"].includes(_ctx.nodeExecutionStatus) && _ctx.workflowDataItems > 0
-        })
-      }, null, 2)) : createCommentVNode("", true)
-    ], 2),
-    createBaseVNode("div", _hoisted_18, [
-      createBaseVNode("div", {
-        class: "node-name",
-        title: _ctx.nodeTitle
-      }, [
-        createBaseVNode("p", _hoisted_20, toDisplayString(_ctx.nodeTitle), 1),
-        _ctx.data.disabled ? (openBlock(), createElementBlock("p", _hoisted_21, "(" + toDisplayString(_ctx.$locale.baseText("node.disabled")) + ")", 1)) : createCommentVNode("", true)
-      ], 8, _hoisted_19),
-      _ctx.nodeSubtitle !== void 0 ? (openBlock(), createElementBlock("div", {
-        key: 0,
-        class: "node-subtitle",
-        title: _ctx.nodeSubtitle
-      }, toDisplayString(_ctx.nodeSubtitle), 9, _hoisted_22)) : createCommentVNode("", true)
-    ]),
-    !_ctx.isReadOnly ? withDirectives((openBlock(), createElementBlock("div", {
-      key: 0,
-      class: "node-options no-select-on-click",
-      onContextmenu: _cache[2] || (_cache[2] = withModifiers(() => {
-      }, ["stop"])),
-      onMousedown: _cache[3] || (_cache[3] = withModifiers(() => {
-      }, ["stop"]))
-    }, [
-      createBaseVNode("div", _hoisted_23, [
-        !_ctx.isConfigNode ? (openBlock(), createBlock(_component_n8n_icon_button, {
+        !_ctx.isReadOnly ? withDirectives((openBlock(), createElementBlock("div", {
           key: 0,
-          "data-test-id": "execute-node-button",
-          type: "tertiary",
-          text: "",
-          size: "small",
-          icon: "play",
-          disabled: _ctx.workflowRunning,
-          title: _ctx.$locale.baseText("node.testStep"),
-          onClick: _ctx.executeNode
-        }, null, 8, ["disabled", "title", "onClick"])) : createCommentVNode("", true),
-        createVNode(_component_n8n_icon_button, {
-          "data-test-id": "disable-node-button",
-          type: "tertiary",
-          text: "",
-          size: "small",
-          icon: "power-off",
-          title: _ctx.nodeDisabledTitle,
-          onClick: _ctx.toggleDisableNode
-        }, null, 8, ["title", "onClick"]),
-        createVNode(_component_n8n_icon_button, {
-          "data-test-id": "delete-node-button",
-          type: "tertiary",
-          size: "small",
-          text: "",
-          icon: "trash",
-          title: _ctx.$locale.baseText("node.delete"),
-          onClick: _ctx.deleteNode
-        }, null, 8, ["title", "onClick"]),
-        createVNode(_component_n8n_icon_button, {
-          "data-test-id": "overflow-node-button",
-          type: "tertiary",
-          size: "small",
-          text: "",
-          icon: "ellipsis-h",
-          onClick: _cache[1] || (_cache[1] = (e) => _ctx.openContextMenu(e, "node-button"))
-        })
-      ])
-    ], 544)), [
-      [vShow, !_ctx.hideActions]
-    ]) : createCommentVNode("", true)
-  ], 46, _hoisted_1$6)) : createCommentVNode("", true);
+          class: "node-options no-select-on-click",
+          onContextmenu: _cache[1] || (_cache[1] = withModifiers(() => {
+          }, ["stop"])),
+          onMousedown: _cache[2] || (_cache[2] = withModifiers(() => {
+          }, ["stop"]))
+        }, [
+          createBaseVNode("div", _hoisted_23, [
+            !isConfigNode.value ? (openBlock(), createBlock(unref(_sfc_main$X), {
+              key: 0,
+              "data-test-id": "execute-node-button",
+              type: "tertiary",
+              text: "",
+              size: "small",
+              icon: "play",
+              disabled: workflowRunning2.value,
+              title: unref(i18n2).baseText("node.testStep"),
+              onClick: executeNode
+            }, null, 8, ["disabled", "title"])) : createCommentVNode("", true),
+            createVNode(unref(_sfc_main$X), {
+              "data-test-id": "disable-node-button",
+              type: "tertiary",
+              text: "",
+              size: "small",
+              icon: "power-off",
+              title: nodeDisabledTitle2.value,
+              onClick: toggleDisableNode
+            }, null, 8, ["title"]),
+            createVNode(unref(_sfc_main$X), {
+              "data-test-id": "delete-node-button",
+              type: "tertiary",
+              size: "small",
+              text: "",
+              icon: "trash",
+              title: unref(i18n2).baseText("node.delete"),
+              onClick: deleteNode
+            }, null, 8, ["title"]),
+            createVNode(unref(_sfc_main$X), {
+              "data-test-id": "overflow-node-button",
+              type: "tertiary",
+              size: "small",
+              text: "",
+              icon: "ellipsis-h",
+              onClick: _cache[0] || (_cache[0] = (e) => openContextMenu(e, "node-button"))
+            })
+          ])
+        ], 544)), [
+          [vShow, !_ctx.hideActions]
+        ]) : createCommentVNode("", true)
+      ], 46, _hoisted_1$6)) : createCommentVNode("", true);
+    };
+  }
+});
+const __unplugin_components_0$5 = /* @__PURE__ */ _export_sfc(_sfc_main$w, [["__scopeId", "data-v-03df39cd"]]);
+const state = reactive({
+  customActions: {},
+  delegatedClickHandler: null
+});
+function useGlobalLinkActions() {
+  function registerCustomAction({ key, action: action2 }) {
+    state.customActions[key] = action2;
+  }
+  function unregisterCustomAction(key) {
+    const { [key]: _, ...rest } = state.customActions;
+    state.customActions = rest;
+  }
+  function getElementAttributes(element) {
+    const attributesObject = {};
+    for (let i = 0; i < element.attributes.length; i++) {
+      const attr = element.attributes[i];
+      if (attr.name.startsWith("data-action-parameter-")) {
+        attributesObject[attr.name.replace("data-action-parameter-", "")] = attr.value;
+      }
+    }
+    return attributesObject;
+  }
+  function delegateClick(e) {
+    const clickedElement = e.target;
+    if (!(clickedElement instanceof Element) || clickedElement.tagName !== "A")
+      return;
+    const actionAttribute = clickedElement.getAttribute("data-action");
+    if (actionAttribute && typeof availableActions.value[actionAttribute] === "function") {
+      e.preventDefault();
+      const elementAttributes = getElementAttributes(clickedElement);
+      availableActions.value[actionAttribute](elementAttributes);
+    }
+  }
+  function reload() {
+    if (window.top) {
+      window.top.location.reload();
+    } else {
+      window.location.reload();
+    }
+  }
+  const availableActions = computed(() => ({
+    reload,
+    ...state.customActions
+  }));
+  onMounted(() => {
+    if (state.delegatedClickHandler)
+      return;
+    state.delegatedClickHandler = delegateClick;
+    window.addEventListener("click", delegateClick);
+    globalLinkActionsEventBus.on("registerGlobalLinkAction", registerCustomAction);
+  });
+  onUnmounted(() => {
+    window.removeEventListener("click", delegateClick);
+    state.delegatedClickHandler = null;
+    globalLinkActionsEventBus.off("registerGlobalLinkAction", registerCustomAction);
+  });
+  return {
+    registerCustomAction,
+    unregisterCustomAction
+  };
 }
-const __unplugin_components_0$2 = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["render", _sfc_render$2], ["__scopeId", "data-v-75cfc2b3"]]);
 function useCanvasMouseSelect() {
   const selectActive = ref(false);
   const selectBox = ref(document.createElement("span"));
@@ -10728,11 +10678,12 @@ function TriggerView() {
 }
 function RegularView(nodes) {
   const i18n2 = useI18n();
-  const popularItemsSubcategory = [SET_NODE_TYPE, CODE_NODE_TYPE, DATETIME_NODE_TYPE];
-  const aiEnabled = usePostHog().isAiEnabled();
-  if (aiEnabled) {
-    popularItemsSubcategory.push(AI_TRANSFORM_NODE_TYPE);
-  }
+  const popularItemsSubcategory = [
+    SET_NODE_TYPE,
+    CODE_NODE_TYPE,
+    DATETIME_NODE_TYPE,
+    AI_TRANSFORM_NODE_TYPE
+  ];
   const view = {
     value: REGULAR_NODE_CREATOR_VIEW,
     title: i18n2.baseText("nodeCreator.triggerHelperPanel.whatHappensNext"),
@@ -11196,7 +11147,13 @@ const useViewStacks = defineStore("nodeCreatorViewStacks", () => {
     let stackItems = (stack == null ? void 0 : stack.items) ?? [];
     if (!(stack == null ? void 0 : stack.items)) {
       const subcategory = (stack == null ? void 0 : stack.subcategory) ?? DEFAULT_SUBCATEGORY;
-      const itemsInSubcategory = itemsBySubcategory.value[subcategory];
+      let itemsInSubcategory = itemsBySubcategory.value[subcategory];
+      const aiEnabled = usePostHog().isAiEnabled();
+      if (!aiEnabled) {
+        itemsInSubcategory = itemsInSubcategory.filter(
+          (item) => item.key !== AI_TRANSFORM_NODE_TYPE$1
+        );
+      }
       const sections = stack.sections;
       if (sections) {
         stackItems = groupItemsInSections(itemsInSubcategory, sections);
@@ -11622,7 +11579,7 @@ const useNodeCreatorStore = defineStore(STORES.NODE_CREATOR, () => {
   };
 });
 const _hoisted_1$5 = ["textContent"];
-const _sfc_main$q = /* @__PURE__ */ defineComponent({
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
   __name: "CanvasAddButton",
   props: {
     showTooltip: { type: Boolean },
@@ -11678,16 +11635,16 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
 });
 const canvasAddButton = "_canvasAddButton_1easi_1";
 const button$1 = "_button_1easi_13";
-const label$4 = "_label_1easi_34";
-const style0$h = {
+const label$6 = "_label_1easi_34";
+const style0$m = {
   canvasAddButton,
   button: button$1,
-  label: label$4
+  label: label$6
 };
-const cssModules$i = {
-  "$style": style0$h
+const cssModules$n = {
+  "$style": style0$m
 };
-const CanvasAddButton = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__cssModules", cssModules$i]]);
+const CanvasAddButton = /* @__PURE__ */ _export_sfc(_sfc_main$v, [["__cssModules", cssModules$n]]);
 function useCanvasPanning(elementRef, options = {}) {
   const uiStore = useUIStore();
   const moveLastPosition = ref([0, 0]);
@@ -11779,19 +11736,19 @@ function useBeforeUnload({ route }) {
   };
 }
 const LazyNodeCreation = defineAsyncComponent(
-  async () => await __vitePreload(() => import("./NodeCreation-flnxFWcn.js").then((n) => n.N), true ? __vite__mapDeps([38,3,2,4,5,6,7,8,9,10,1,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,39]) : void 0)
+  async () => await __vitePreload(() => import("./NodeCreation-B-ZsOH-L.js").then((n) => n.N), true ? __vite__mapDeps([39,3,4,5,6,2,7,8,9,10,1,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,40]) : void 0)
 );
 const LazyCanvasControls = defineAsyncComponent(
-  async () => await __vitePreload(() => import("./CanvasControls-DbRWTsgU.js"), true ? __vite__mapDeps([40,2,13,1,3,4,5,6,7,8,9,10,11,12,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,41]) : void 0)
+  async () => await __vitePreload(() => import("./CanvasControls-Besc3nk2.js"), true ? __vite__mapDeps([41,2,12,1,3,4,5,6,7,8,9,10,11,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,42]) : void 0)
 );
 const LazySetupWorkflowCredentialsButton = defineAsyncComponent(
-  async () => await __vitePreload(() => import("./SetupWorkflowCredentialsButton-DQy479iH.js"), true ? __vite__mapDeps([42,2,1,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]) : void 0)
+  async () => await __vitePreload(() => import("./SetupWorkflowCredentialsButton-C2wXpCdh.js"), true ? __vite__mapDeps([43,2,1,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]) : void 0)
 );
-const _sfc_main$p = defineComponent({
+const _sfc_main$u = defineComponent({
   name: "NodeView",
   components: {
     NodeDetailsView: __unplugin_components_2,
-    Node: __unplugin_components_0$2,
+    Node: __unplugin_components_0$5,
     Sticky: __unplugin_components_1,
     CanvasAddButton,
     KeyboardShortcutTooltip,
@@ -15232,7 +15189,7 @@ const style2 = {
   shake,
   setupCredentialsButtonWrapper
 };
-const _withScopeId = (n) => (pushScopeId("data-v-00532269"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-b3bab945"), n = n(), popScopeId(), n);
 const _hoisted_1$4 = ["textContent"];
 const _hoisted_2$3 = {
   key: 0,
@@ -15240,7 +15197,7 @@ const _hoisted_2$3 = {
 };
 function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_CanvasAddButton = resolveComponent("CanvasAddButton");
-  const _component_Node = __unplugin_components_0$2;
+  const _component_Node = __unplugin_components_0$5;
   const _component_Sticky = __unplugin_components_1;
   const _component_NodeDetailsView = __unplugin_components_2;
   const _component_LazySetupWorkflowCredentialsButton = resolveComponent("LazySetupWorkflowCredentialsButton");
@@ -15461,11 +15418,11 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
     ], 32)
   ], 2);
 }
-const cssModules$h = {
+const cssModules$m = {
   "$style": style2
 };
-const NodeViewV1 = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["render", _sfc_render$1], ["__cssModules", cssModules$h], ["__scopeId", "data-v-00532269"]]);
-const _sfc_main$o = {};
+const NodeViewV1 = /* @__PURE__ */ _export_sfc(_sfc_main$u, [["render", _sfc_render$1], ["__cssModules", cssModules$m], ["__scopeId", "data-v-b3bab945"]]);
+const _sfc_main$t = {};
 function _sfc_render(_ctx, _cache) {
   const _component_N8nButton = resolveComponent("N8nButton");
   return openBlock(), createBlock(_component_N8nButton, {
@@ -15476,8 +15433,8 @@ function _sfc_render(_ctx, _cache) {
     "data-test-id": "workflow-chat-button"
   });
 }
-const __unplugin_components_0$1 = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["render", _sfc_render]]);
-const _sfc_main$n = /* @__PURE__ */ defineComponent({
+const __unplugin_components_0$4 = /* @__PURE__ */ _export_sfc(_sfc_main$t, [["render", _sfc_render]]);
+const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "CanvasControlButtons",
   props: {
     zoom: { default: 1 }
@@ -15501,7 +15458,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _component_N8nIconButton = resolveComponent("N8nIconButton");
-      return openBlock(), createBlock(unref(_sfc_main$S), {
+      return openBlock(), createBlock(unref(_sfc_main$Y), {
         "show-zoom": false,
         "show-fit-view": false
       }, {
@@ -15611,7 +15568,7 @@ function getCustomPath(props) {
   }
   return getBezierPath(props);
 }
-const _sfc_main$m = /* @__PURE__ */ defineComponent({
+const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "CanvasConnectionLine",
   props: {
     sourceX: {},
@@ -15646,13 +15603,13 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   }
 });
 const edge$1 = "_edge_ujtc6_1";
-const style0$g = {
+const style0$l = {
   edge: edge$1
 };
-const cssModules$g = {
-  "$style": style0$g
+const cssModules$l = {
+  "$style": style0$l
 };
-const __unplugin_components_0 = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__cssModules", cssModules$g]]);
+const __unplugin_components_0$3 = /* @__PURE__ */ _export_sfc(_sfc_main$r, [["__cssModules", cssModules$l]]);
 function useCanvasNode() {
   const node2 = inject(CanvasNodeKey);
   const data = computed(
@@ -15722,7 +15679,7 @@ function useCanvasNode() {
 }
 const workflowRunning = false;
 const nodeDisabledTitle = "Test";
-const _sfc_main$l = /* @__PURE__ */ defineComponent({
+const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeToolbar",
   props: {
     readOnly: { type: Boolean }
@@ -15811,14 +15768,14 @@ const _sfc_main$l = /* @__PURE__ */ defineComponent({
 });
 const canvasNodeToolbar$1 = "_canvasNodeToolbar_1rzl3_1";
 const canvasNodeToolbarItems = "_canvasNodeToolbarItems_1rzl3_8";
-const style0$f = {
+const style0$k = {
   canvasNodeToolbar: canvasNodeToolbar$1,
   canvasNodeToolbarItems
 };
-const cssModules$f = {
-  "$style": style0$f
+const cssModules$k = {
+  "$style": style0$k
 };
-const CanvasNodeToolbar = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__cssModules", cssModules$f]]);
+const CanvasNodeToolbar = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["__cssModules", cssModules$k]]);
 function useNodeConnections({
   inputs: inputs2,
   outputs: outputs2,
@@ -15868,7 +15825,7 @@ function useNodeConnections({
     isValidConnection
   };
 }
-const _sfc_main$k = /* @__PURE__ */ defineComponent({
+const _sfc_main$p = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeDisabledStrikeThrough",
   setup(__props) {
     const $style = useCssModule();
@@ -15902,17 +15859,17 @@ const _sfc_main$k = /* @__PURE__ */ defineComponent({
 });
 const disabledStrikeThrough = "_disabledStrikeThrough_8cj0z_1";
 const success$1 = "_success_8cj0z_10";
-const style0$e = {
+const style0$j = {
   disabledStrikeThrough,
   success: success$1
 };
-const cssModules$e = {
-  "$style": style0$e
+const cssModules$j = {
+  "$style": style0$j
 };
-const CanvasNodeDisabledStrikeThrough = /* @__PURE__ */ _export_sfc(_sfc_main$k, [["__cssModules", cssModules$e]]);
+const CanvasNodeDisabledStrikeThrough = /* @__PURE__ */ _export_sfc(_sfc_main$p, [["__cssModules", cssModules$j]]);
 const _hoisted_1$3 = ["textContent"];
 const _hoisted_2$2 = { key: 3 };
-const _sfc_main$j = /* @__PURE__ */ defineComponent({
+const _sfc_main$o = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeStatusIcons",
   setup(__props) {
     const nodeHelpers = useNodeHelpers();
@@ -16000,7 +15957,7 @@ const pinnedData = "_pinnedData_r5e7l_12";
 const running$1 = "_running_r5e7l_16";
 const issues = "_issues_r5e7l_26";
 const count = "_count_r5e7l_31";
-const style0$d = {
+const style0$i = {
   status,
   runData,
   pinnedData,
@@ -16008,14 +15965,14 @@ const style0$d = {
   issues,
   count
 };
-const cssModules$d = {
-  "$style": style0$d
+const cssModules$i = {
+  "$style": style0$i
 };
-const CanvasNodeStatusIcons = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__cssModules", cssModules$d]]);
+const CanvasNodeStatusIcons = /* @__PURE__ */ _export_sfc(_sfc_main$o, [["__cssModules", cssModules$i]]);
 const _hoisted_1$2 = ["data-test-id"];
 const _hoisted_2$1 = ["innerHTML"];
 const _hoisted_3$1 = { key: 0 };
-const _sfc_main$i = /* @__PURE__ */ defineComponent({
+const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeDefault",
   emits: ["open:contextmenu"],
   setup(__props, { emit: __emit }) {
@@ -16149,10 +16106,10 @@ const error = "_error_1lhi1_61";
 const pinned = "_pinned_1lhi1_64";
 const disabled = "_disabled_1lhi1_67";
 const running = "_running_1lhi1_70";
-const label$3 = "_label_1lhi1_87";
+const label$5 = "_label_1lhi1_87";
 const subtitle = "_subtitle_1lhi1_100";
 const triggerIcon = "_triggerIcon_1lhi1_118";
-const style0$c = {
+const style0$h = {
   node,
   trigger,
   configuration,
@@ -16165,15 +16122,15 @@ const style0$c = {
   pinned,
   disabled,
   running,
-  label: label$3,
+  label: label$5,
   subtitle,
   triggerIcon
 };
-const cssModules$c = {
-  "$style": style0$c
+const cssModules$h = {
+  "$style": style0$h
 };
-const CanvasNodeDefault = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__cssModules", cssModules$c]]);
-const _sfc_main$h = /* @__PURE__ */ defineComponent({
+const CanvasNodeDefault = /* @__PURE__ */ _export_sfc(_sfc_main$n, [["__cssModules", cssModules$h]]);
+const _sfc_main$m = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -16213,7 +16170,7 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_N8nSticky = resolveComponent("N8nSticky");
       return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(unref(_sfc_main$T), {
+        createVNode(unref(_sfc_main$Z), {
           "min-height": 80,
           "min-width": 150,
           height: renderOptions.value.height,
@@ -16239,16 +16196,16 @@ const _sfc_main$h = /* @__PURE__ */ defineComponent({
 });
 const sticky = "_sticky_ko0n2_1";
 const selected = "_selected_ko0n2_8";
-const style0$b = {
+const style0$g = {
   sticky,
   selected
 };
-const cssModules$b = {
-  "$style": style0$b
+const cssModules$g = {
+  "$style": style0$g
 };
-const CanvasNodeStickyNote = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__cssModules", cssModules$b]]);
+const CanvasNodeStickyNote = /* @__PURE__ */ _export_sfc(_sfc_main$m, [["__cssModules", cssModules$g]]);
 const _hoisted_1$1 = ["textContent"];
-const _sfc_main$g = /* @__PURE__ */ defineComponent({
+const _sfc_main$l = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeAddNodes",
   setup(__props) {
     const nodeCreatorStore = useNodeCreatorStore();
@@ -16314,17 +16271,17 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
 });
 const addNodes = "_addNodes_13pm7_1";
 const button = "_button_13pm7_9";
-const label$2 = "_label_13pm7_30";
-const style0$a = {
+const label$4 = "_label_13pm7_30";
+const style0$f = {
   addNodes,
   button,
-  label: label$2
+  label: label$4
 };
-const cssModules$a = {
-  "$style": style0$a
+const cssModules$f = {
+  "$style": style0$f
 };
-const CanvasNodeAddNodes = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__cssModules", cssModules$a]]);
-const _sfc_main$f = /* @__PURE__ */ defineComponent({
+const CanvasNodeAddNodes = /* @__PURE__ */ _export_sfc(_sfc_main$l, [["__cssModules", cssModules$f]]);
+const _sfc_main$k = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeRenderer",
   setup(__props) {
     const node2 = inject(CanvasNodeKey);
@@ -16348,158 +16305,380 @@ const _sfc_main$f = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _sfc_main$j = /* @__PURE__ */ defineComponent({
+  __name: "CanvasHandleRectangle",
+  props: {
+    handleClasses: { default: void 0 }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([_ctx.$style.rectangle, _ctx.handleClasses])
+      }, null, 2);
+    };
+  }
+});
+const rectangle = "_rectangle_m7e52_1";
+const style0$e = {
+  rectangle
+};
+const cssModules$e = {
+  "$style": style0$e
+};
+const __unplugin_components_0$2 = /* @__PURE__ */ _export_sfc(_sfc_main$j, [["__cssModules", cssModules$e]]);
 function useCanvasNodeHandle() {
   const handle2 = inject(CanvasNodeHandleKey);
   const label2 = computed(() => (handle2 == null ? void 0 : handle2.label.value) ?? "");
-  const connected = computed(() => (handle2 == null ? void 0 : handle2.connected.value) ?? false);
+  const isConnected = computed(() => (handle2 == null ? void 0 : handle2.isConnected.value) ?? false);
+  const isConnecting = computed(() => (handle2 == null ? void 0 : handle2.isConnecting.value) ?? false);
   const type = computed(() => (handle2 == null ? void 0 : handle2.type.value) ?? NodeConnectionType.Main);
   const mode = computed(() => (handle2 == null ? void 0 : handle2.mode.value) ?? CanvasConnectionMode.Input);
   return {
     label: label2,
-    connected,
+    isConnected,
+    isConnecting,
     type,
     mode
   };
 }
-const _hoisted_1 = /* @__PURE__ */ createBaseVNode("line", {
-  x1: "0",
-  y1: "12",
-  x2: "46",
-  y2: "12",
-  stroke: "var(--color-foreground-xdark)",
-  "stroke-width": "2"
-}, null, -1);
-const _hoisted_2 = [
-  _hoisted_1
-];
-const _hoisted_3 = /* @__PURE__ */ createBaseVNode("rect", {
-  x: "2",
-  y: "2",
-  width: "20",
-  height: "20",
-  stroke: "var(--color-foreground-xdark)",
-  "stroke-width": "2",
-  rx: "4",
-  fill: "#ffffff"
-}, null, -1);
-const _hoisted_4 = /* @__PURE__ */ createBaseVNode("g", { transform: "translate(0, 0)" }, [
-  /* @__PURE__ */ createBaseVNode("path", {
-    fill: "var(--color-foreground-xdark)",
-    d: "m16.40655,10.89837l-3.30491,0l0,-3.30491c0,-0.40555 -0.32889,-0.73443 -0.73443,-0.73443l-0.73443,0c-0.40554,0 -0.73442,0.32888 -0.73442,0.73443l0,3.30491l-3.30491,0c-0.40555,0 -0.73443,0.32888 -0.73443,0.73442l0,0.73443c0,0.40554 0.32888,0.73443 0.73443,0.73443l3.30491,0l0,3.30491c0,0.40554 0.32888,0.73442 0.73442,0.73442l0.73443,0c0.40554,0 0.73443,-0.32888 0.73443,-0.73442l0,-3.30491l3.30491,0c0.40554,0 0.73442,-0.32889 0.73442,-0.73443l0,-0.73443c0,-0.40554 -0.32888,-0.73442 -0.73442,-0.73442z"
-  })
-], -1);
-const _hoisted_5 = [
-  _hoisted_3,
-  _hoisted_4
-];
-const _sfc_main$e = /* @__PURE__ */ defineComponent({
+const handleClasses$3 = "target";
+const _sfc_main$i = /* @__PURE__ */ defineComponent({
+  __name: "CanvasHandleMainInput",
+  setup(__props) {
+    const { label: label2 } = useCanvasNodeHandle();
+    return (_ctx, _cache) => {
+      const _component_CanvasHandleRectangle = __unplugin_components_0$2;
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["canvas-node-handle-main-input", _ctx.$style.handle])
+      }, [
+        createBaseVNode("div", {
+          class: normalizeClass([_ctx.$style.label])
+        }, toDisplayString(unref(label2)), 3),
+        createVNode(_component_CanvasHandleRectangle, { "handle-classes": handleClasses$3 })
+      ], 2);
+    };
+  }
+});
+const handle$4 = "_handle_1robp_1";
+const label$3 = "_label_1robp_8";
+const style0$d = {
+  handle: handle$4,
+  label: label$3
+};
+const cssModules$d = {
+  "$style": style0$d
+};
+const CanvasHandleMainInput = /* @__PURE__ */ _export_sfc(_sfc_main$i, [["__cssModules", cssModules$d]]);
+const _hoisted_1 = ["viewBox"];
+const _hoisted_2 = ["x1", "y1", "x2", "y2"];
+const _hoisted_3 = ["transform"];
+const plusSize = 24;
+const lineSize = 46;
+const _sfc_main$h = /* @__PURE__ */ defineComponent({
   __name: "CanvasHandlePlus",
   props: {
-    position: { default: "right" }
+    position: { default: "right" },
+    handleClasses: { default: void 0 }
   },
   emits: ["click:plus"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const style = useCssModule();
-    const classes = computed(() => [style.wrapper, style[props.position]]);
+    const classes = computed(() => [style.wrapper, style[props.position], props.handleClasses]);
+    const viewBox = computed(() => {
+      switch (props.position) {
+        case "bottom":
+        case "top":
+          return {
+            width: plusSize,
+            height: lineSize + plusSize
+          };
+        default:
+          return {
+            width: lineSize + plusSize,
+            height: plusSize
+          };
+      }
+    });
+    const linePosition = computed(() => {
+      switch (props.position) {
+        case "top":
+          return [
+            [viewBox.value.width / 2, viewBox.value.height - lineSize + 1],
+            [viewBox.value.width / 2, viewBox.value.height]
+          ];
+        case "bottom":
+          return [
+            [viewBox.value.width / 2, 0],
+            [viewBox.value.width / 2, lineSize + 1]
+          ];
+        case "left":
+          return [
+            [viewBox.value.width - lineSize - 1, viewBox.value.height / 2],
+            [viewBox.value.width, viewBox.value.height / 2]
+          ];
+        default:
+          return [
+            [0, viewBox.value.height / 2],
+            [lineSize + 1, viewBox.value.height / 2]
+          ];
+      }
+    });
+    const plusPosition = computed(() => {
+      switch (props.position) {
+        case "bottom":
+          return [0, viewBox.value.height - plusSize];
+        case "top":
+          return [0, 0];
+        case "left":
+          return [0, 0];
+        default:
+          return [viewBox.value.width - plusSize, 0];
+      }
+    });
     function onClick(event) {
       emit("click:plus", event);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(classes.value)
+      return openBlock(), createElementBlock("svg", {
+        class: normalizeClass(classes.value),
+        viewBox: `0 0 ${viewBox.value.width} ${viewBox.value.height}`
       }, [
-        (openBlock(), createElementBlock("svg", {
-          class: normalizeClass(_ctx.$style.line),
-          viewBox: "0 0 46 24"
-        }, _hoisted_2, 2)),
-        (openBlock(), createElementBlock("svg", {
-          class: normalizeClass(_ctx.$style.plus),
-          viewBox: "0 0 24 24",
+        createBaseVNode("line", {
+          class: normalizeClass(_ctx.handleClasses),
+          x1: linePosition.value[0][0],
+          y1: linePosition.value[0][1],
+          x2: linePosition.value[1][0],
+          y2: linePosition.value[1][1],
+          stroke: "var(--color-foreground-xdark)",
+          "stroke-width": "2"
+        }, null, 10, _hoisted_2),
+        createBaseVNode("g", {
+          class: normalizeClass([_ctx.$style.plus, _ctx.handleClasses, "clickable"]),
+          transform: `translate(${plusPosition.value[0]}, ${plusPosition.value[1]})`,
           onClick
-        }, _hoisted_5, 2))
-      ], 2);
+        }, [
+          createBaseVNode("rect", {
+            class: normalizeClass([_ctx.handleClasses, "clickable"]),
+            x: "2",
+            y: "2",
+            width: "20",
+            height: "20",
+            stroke: "var(--color-foreground-xdark)",
+            "stroke-width": "2",
+            rx: "4",
+            fill: "#ffffff"
+          }, null, 2),
+          createBaseVNode("path", {
+            class: normalizeClass([_ctx.handleClasses, "clickable"]),
+            fill: "var(--color-foreground-xdark)",
+            d: "m16.40655,10.89837l-3.30491,0l0,-3.30491c0,-0.40555 -0.32889,-0.73443 -0.73443,-0.73443l-0.73443,0c-0.40554,0 -0.73442,0.32888 -0.73442,0.73443l0,3.30491l-3.30491,0c-0.40555,0 -0.73443,0.32888 -0.73443,0.73442l0,0.73443c0,0.40554 0.32888,0.73443 0.73443,0.73443l3.30491,0l0,3.30491c0,0.40554 0.32888,0.73442 0.73442,0.73442l0.73443,0c0.40554,0 0.73443,-0.32888 0.73443,-0.73442l0,-3.30491l3.30491,0c0.40554,0 0.73442,-0.32889 0.73442,-0.73443l0,-0.73443c0,-0.40554 -0.32888,-0.73442 -0.73442,-0.73442z"
+          }, null, 2)
+        ], 10, _hoisted_3)
+      ], 10, _hoisted_1);
     };
   }
 });
-const wrapper$1 = "_wrapper_41pdh_1";
-const line = "_line_41pdh_10";
-const plus$1 = "_plus_41pdh_15";
-const style0$9 = {
+const wrapper$1 = "_wrapper_1uwi9_1";
+const top$1 = "_top_1uwi9_4";
+const bottom$1 = "_bottom_1uwi9_4";
+const left$1 = "_left_1uwi9_8";
+const right$1 = "_right_1uwi9_8";
+const plus$1 = "_plus_1uwi9_13";
+const style0$c = {
   wrapper: wrapper$1,
-  line,
+  top: top$1,
+  bottom: bottom$1,
+  left: left$1,
+  right: right$1,
   plus: plus$1
 };
-const cssModules$9 = {
-  "$style": style0$9
+const cssModules$c = {
+  "$style": style0$c
 };
-const CanvasHandlePlus = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__cssModules", cssModules$9]]);
-const _sfc_main$d = /* @__PURE__ */ defineComponent({
+const CanvasHandlePlus = /* @__PURE__ */ _export_sfc(_sfc_main$h, [["__cssModules", cssModules$c]]);
+const _sfc_main$g = /* @__PURE__ */ defineComponent({
+  __name: "CanvasHandleDot",
+  props: {
+    handleClasses: { default: void 0 }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([_ctx.$style.dot, _ctx.handleClasses])
+      }, null, 2);
+    };
+  }
+});
+const dot = "_dot_14pp2_1";
+const style0$b = {
+  dot
+};
+const cssModules$b = {
+  "$style": style0$b
+};
+const __unplugin_components_0$1 = /* @__PURE__ */ _export_sfc(_sfc_main$g, [["__cssModules", cssModules$b]]);
+const handleClasses$2 = "source";
+const _sfc_main$f = /* @__PURE__ */ defineComponent({
   __name: "CanvasHandleMainOutput",
   emits: ["add"],
   setup(__props, { emit: __emit }) {
     const emit = __emit;
-    const { label: label2, connected } = useCanvasNodeHandle();
+    const { label: label2, isConnected, isConnecting } = useCanvasNodeHandle();
+    const isHandlePlusVisible = computed(() => !isConnecting.value || isHovered.value);
+    const isHovered = ref(false);
+    function onMouseEnter() {
+      isHovered.value = true;
+    }
+    function onMouseLeave() {
+      isHovered.value = false;
+    }
     function onClickAdd() {
       emit("add");
     }
     return (_ctx, _cache) => {
+      const _component_CanvasHandleDot = __unplugin_components_0$1;
+      const _component_CanvasHandlePlus = CanvasHandlePlus;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(["canvas-node-handle-main-output", _ctx.$style.handle])
       }, [
         createBaseVNode("div", {
-          class: normalizeClass(_ctx.$style.label)
+          class: normalizeClass([_ctx.$style.label])
         }, toDisplayString(unref(label2)), 3),
-        !unref(connected) ? (openBlock(), createBlock(CanvasHandlePlus, {
-          key: 0,
-          "onClick:plus": onClickAdd
-        })) : createCommentVNode("", true)
+        createVNode(_component_CanvasHandleDot, { "handle-classes": handleClasses$2 }),
+        createVNode(Transition, { name: "canvas-node-handle-main-output" }, {
+          default: withCtx(() => [
+            !unref(isConnected) ? withDirectives((openBlock(), createBlock(_component_CanvasHandlePlus, {
+              key: 0,
+              "handle-classes": handleClasses$2,
+              onMouseenter: onMouseEnter,
+              onMouseleave: onMouseLeave,
+              "onClick:plus": onClickAdd
+            }, null, 512)), [
+              [vShow, isHandlePlusVisible.value]
+            ]) : createCommentVNode("", true)
+          ]),
+          _: 1
+        })
       ], 2);
     };
   }
 });
-const handle$2 = "_handle_k53b3_1";
-const label$1 = "_label_k53b3_5";
-const style0$8 = {
-  handle: handle$2,
-  label: label$1
+const handle$3 = "_handle_ys7gc_1";
+const label$2 = "_label_ys7gc_8";
+const style0$a = {
+  handle: handle$3,
+  label: label$2
 };
-const cssModules$8 = {
-  "$style": style0$8
+const cssModules$a = {
+  "$style": style0$a
 };
-const CanvasHandleMainOutput = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__cssModules", cssModules$8]]);
-const _sfc_main$c = /* @__PURE__ */ defineComponent({
+const CanvasHandleMainOutput = /* @__PURE__ */ _export_sfc(_sfc_main$f, [["__cssModules", cssModules$a]]);
+const _sfc_main$e = /* @__PURE__ */ defineComponent({
+  __name: "CanvasHandleDiamond",
+  props: {
+    handleClasses: { default: void 0 }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([_ctx.$style.diamond, _ctx.handleClasses])
+      }, null, 2);
+    };
+  }
+});
+const diamond = "_diamond_1pjv3_1";
+const style0$9 = {
+  diamond
+};
+const cssModules$9 = {
+  "$style": style0$9
+};
+const __unplugin_components_0 = /* @__PURE__ */ _export_sfc(_sfc_main$e, [["__cssModules", cssModules$9]]);
+const handleClasses$1 = "target";
+const _sfc_main$d = /* @__PURE__ */ defineComponent({
   __name: "CanvasHandleNonMainInput",
   emits: ["add"],
   setup(__props, { emit: __emit }) {
     const emit = __emit;
-    const { label: label2, connected, type } = useCanvasNodeHandle();
-    const isAddButtonVisible = computed(
-      () => !connected.value || type.value === NodeConnectionType.AiTool
+    const { label: label2, isConnected, isConnecting, type } = useCanvasNodeHandle();
+    const supportsMultipleConnections = computed(() => type.value === NodeConnectionType.AiTool);
+    const isHandlePlusAvailable = computed(
+      () => !isConnected.value || supportsMultipleConnections.value
     );
+    const isHandlePlusVisible = computed(
+      () => !isConnecting.value || isHovered.value || supportsMultipleConnections.value
+    );
+    const isHovered = ref(false);
+    function onMouseEnter() {
+      isHovered.value = true;
+    }
+    function onMouseLeave() {
+      isHovered.value = false;
+    }
     function onClickAdd() {
       emit("add");
     }
     return (_ctx, _cache) => {
+      const _component_CanvasHandleDiamond = __unplugin_components_0;
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["canvas-node-handle-non-main", _ctx.$style.handle])
+        class: normalizeClass(["canvas-node-handle-non-main-input", _ctx.$style.handle])
       }, [
         createBaseVNode("div", {
-          class: normalizeClass(_ctx.$style.label)
+          class: normalizeClass([_ctx.$style.label])
         }, toDisplayString(unref(label2)), 3),
-        isAddButtonVisible.value ? (openBlock(), createBlock(CanvasHandlePlus, {
-          key: 0,
-          class: normalizeClass(_ctx.$style.plus),
-          onClick: onClickAdd
-        }, null, 8, ["class"])) : createCommentVNode("", true)
+        createVNode(_component_CanvasHandleDiamond, { "handle-classes": handleClasses$1 }),
+        createVNode(Transition, { name: "canvas-node-handle-non-main-input" }, {
+          default: withCtx(() => [
+            isHandlePlusAvailable.value ? withDirectives((openBlock(), createBlock(CanvasHandlePlus, {
+              key: 0,
+              "handle-classes": handleClasses$1,
+              position: "bottom",
+              onMouseenter: onMouseEnter,
+              onMouseleave: onMouseLeave,
+              "onClick:plus": onClickAdd
+            }, null, 512)), [
+              [vShow, isHandlePlusVisible.value]
+            ]) : createCommentVNode("", true)
+          ]),
+          _: 1
+        })
+      ], 2);
+    };
+  }
+});
+const handle$2 = "_handle_1robp_1";
+const label$1 = "_label_1robp_8";
+const style0$8 = {
+  handle: handle$2,
+  label: label$1
+};
+const cssModules$8 = {
+  "$style": style0$8
+};
+const CanvasHandleNonMainInput = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["__cssModules", cssModules$8]]);
+const handleClasses = "source";
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
+  __name: "CanvasHandleNonMainOutput",
+  setup(__props) {
+    const { label: label2 } = useCanvasNodeHandle();
+    return (_ctx, _cache) => {
+      const _component_CanvasHandleDiamond = __unplugin_components_0;
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["canvas-node-handle-non-main-output", _ctx.$style.handle])
+      }, [
+        createBaseVNode("div", {
+          class: normalizeClass([_ctx.$style.label])
+        }, toDisplayString(unref(label2)), 3),
+        createVNode(_component_CanvasHandleDiamond, { "handle-classes": handleClasses })
       ], 2);
     };
   }
 });
-const handle$1 = "_handle_n4btp_1";
-const label = "_label_n4btp_5";
-const plus = "_plus_n4btp_16";
+const handle$1 = "_handle_kdhnk_1";
+const label = "_label_kdhnk_8";
+const plus = "_plus_kdhnk_19";
 const style0$7 = {
   handle: handle$1,
   label,
@@ -16508,7 +16687,7 @@ const style0$7 = {
 const cssModules$7 = {
   "$style": style0$7
 };
-const CanvasHandleNonMainInput = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__cssModules", cssModules$7]]);
+const CanvasHandleNonMainOutput = /* @__PURE__ */ _export_sfc(_sfc_main$c, [["__cssModules", cssModules$7]]);
 const _sfc_main$b = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
@@ -16516,7 +16695,8 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
   __name: "CanvasHandleRenderer",
   props: {
     mode: {},
-    connected: { type: Boolean },
+    isConnected: { type: Boolean },
+    isConnecting: { type: Boolean },
     label: {},
     type: {},
     index: {},
@@ -16545,19 +16725,20 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
     const isConnectableEnd = computed(() => {
       return props.mode === CanvasConnectionMode.Input || props.type !== NodeConnectionType.Main;
     });
-    const handleClasses = computed(() => [style.handle, style[props.type], style[props.mode]]);
-    const hasRenderType = computed(() => {
-      return props.type === NodeConnectionType.Main && props.mode === CanvasConnectionMode.Output || props.type !== NodeConnectionType.Main;
-    });
+    const handleClasses2 = computed(() => [style.handle, style[props.type], style[props.mode]]);
     const renderTypeClasses = computed(() => [style.renderType, style[props.position]]);
     const RenderType = () => {
       let Component;
       if (props.mode === CanvasConnectionMode.Output) {
         if (props.type === NodeConnectionType.Main) {
           Component = CanvasHandleMainOutput;
+        } else {
+          Component = CanvasHandleNonMainOutput;
         }
       } else {
-        if (props.type !== NodeConnectionType.Main) {
+        if (props.type === NodeConnectionType.Main) {
+          Component = CanvasHandleMainInput;
+        } else {
           Component = CanvasHandleNonMainInput;
         }
       }
@@ -16567,47 +16748,50 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       emit("add", handleString.value);
     }
     const label2 = toRef(props, "label");
-    const connected = toRef(props, "connected");
+    const isConnected = toRef(props, "isConnected");
+    const isConnecting = toRef(props, "isConnecting");
     const mode = toRef(props, "mode");
     const type = toRef(props, "type");
     provide(CanvasNodeHandleKey, {
       label: label2,
       mode,
       type,
-      connected
+      isConnected,
+      isConnecting
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock(Fragment, null, [
-        createVNode(unref(_sfc_main$f$1), mergeProps(_ctx.$attrs, {
-          id: handleString.value,
-          class: handleClasses.value,
-          type: handleType.value,
-          position: _ctx.position,
-          style: _ctx.offset,
-          "connectable-start": isConnectableStart.value,
-          "connectable-end": isConnectableEnd.value,
-          "is-valid-connection": _ctx.isValidConnection
-        }), null, 16, ["id", "class", "type", "position", "style", "connectable-start", "connectable-end", "is-valid-connection"]),
-        hasRenderType.value ? (openBlock(), createBlock(RenderType, {
-          key: 0,
-          class: normalizeClass(renderTypeClasses.value),
-          connected: connected.value,
-          style: normalizeStyle(_ctx.offset),
-          label: label2.value,
-          onAdd
-        }, null, 8, ["class", "connected", "style", "label"])) : createCommentVNode("", true)
-      ], 64);
+      return openBlock(), createBlock(unref(_sfc_main$f$1), mergeProps(_ctx.$attrs, {
+        id: handleString.value,
+        class: handleClasses2.value,
+        type: handleType.value,
+        position: _ctx.position,
+        style: _ctx.offset,
+        "connectable-start": isConnectableStart.value,
+        "connectable-end": isConnectableEnd.value,
+        "is-valid-connection": _ctx.isValidConnection
+      }), {
+        default: withCtx(() => [
+          createVNode(RenderType, {
+            class: normalizeClass(renderTypeClasses.value),
+            "is-connected": isConnected.value,
+            style: normalizeStyle(_ctx.offset),
+            label: label2.value,
+            onAdd
+          }, null, 8, ["class", "is-connected", "style", "label"])
+        ]),
+        _: 1
+      }, 16, ["id", "class", "type", "position", "style", "connectable-start", "connectable-end", "is-valid-connection"]);
     };
   }
 });
-const handle = "_handle_4sv5e_1";
-const inputs = "_inputs_4sv5e_14";
-const main = "_main_4sv5e_14";
-const renderType = "_renderType_4sv5e_30";
-const top = "_top_4sv5e_34";
-const right = "_right_4sv5e_38";
-const left = "_left_4sv5e_42";
-const bottom = "_bottom_4sv5e_46";
+const handle = "_handle_3cwat_1";
+const inputs = "_inputs_3cwat_14";
+const main = "_main_3cwat_14";
+const renderType = "_renderType_3cwat_18";
+const top = "_top_3cwat_18";
+const right = "_right_3cwat_22";
+const left = "_left_3cwat_26";
+const bottom = "_bottom_3cwat_30";
 const style0$6 = {
   handle,
   inputs,
@@ -16622,6 +16806,13 @@ const cssModules$6 = {
   "$style": style0$6
 };
 const CanvasHandleRenderer = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["__cssModules", cssModules$6]]);
+function useCanvas() {
+  const canvas2 = inject(CanvasKey);
+  const connectingHandle = computed(() => canvas2 == null ? void 0 : canvas2.connectingHandle.value);
+  return {
+    connectingHandle
+  };
+}
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
   __name: "CanvasNode",
   props: {
@@ -16652,6 +16843,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     const props = __props;
     const nodeTypesStore = useNodeTypesStore();
     const contextMenu2 = useContextMenu();
+    const { connectingHandle } = useCanvas();
     const inputs2 = computed(() => props.data.inputs);
     const outputs2 = computed(() => props.data.outputs);
     const connections2 = computed(() => props.data.connections);
@@ -16708,10 +16900,20 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       position: position2,
       offsetAxis
     }) => (endpoint, index, endpoints) => {
-      var _a, _b;
+      var _a, _b, _c, _d, _e;
+      const handleId = createCanvasConnectionHandleString({
+        mode,
+        type: endpoint.type,
+        index: endpoint.index
+      });
+      const handleType = mode === CanvasConnectionMode.Input ? "target" : "source";
+      const isConnected = !!((_b = (_a = connections2.value[mode][endpoint.type]) == null ? void 0 : _a[endpoint.index]) == null ? void 0 : _b.length);
+      const isConnecting = ((_c = connectingHandle.value) == null ? void 0 : _c.nodeId) === props.id && ((_d = connectingHandle.value) == null ? void 0 : _d.handleType) === handleType && ((_e = connectingHandle.value) == null ? void 0 : _e.handleId) === handleId;
       return {
         ...endpoint,
-        connected: !!((_b = (_a = connections2.value[mode][endpoint.type]) == null ? void 0 : _a[endpoint.index]) == null ? void 0 : _b.length),
+        handleId,
+        isConnected,
+        isConnecting,
         position: position2,
         offset: {
           [offsetAxis]: `${100 / (endpoints.length + 1) * (index + 1)}%`
@@ -16772,34 +16974,35 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       }, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(mappedOutputs.value, (source) => {
           return openBlock(), createBlock(CanvasHandleRenderer, {
-            key: `${unref(CanvasConnectionMode).Output}/${source.type}/${source.index}`,
+            key: source.handleId,
             "data-test-id": "canvas-node-output-handle",
-            connected: source.connected,
             mode: unref(CanvasConnectionMode).Output,
             type: source.type,
             label: source.label,
             index: source.index,
             position: source.position,
             offset: source.offset,
+            "is-connected": source.isConnected,
+            "is-connecting": source.isConnecting,
             "is-valid-connection": unref(isValidConnection),
             onAdd
-          }, null, 8, ["connected", "mode", "type", "label", "index", "position", "offset", "is-valid-connection"]);
+          }, null, 8, ["mode", "type", "label", "index", "position", "offset", "is-connected", "is-connecting", "is-valid-connection"]);
         }), 128)),
         (openBlock(true), createElementBlock(Fragment, null, renderList(mappedInputs.value, (target2) => {
-          var _a, _b;
           return openBlock(), createBlock(CanvasHandleRenderer, {
-            key: `${unref(CanvasConnectionMode).Input}/${target2.type}/${target2.index}`,
+            key: target2.handleId,
             "data-test-id": "canvas-node-input-handle",
-            connected: !!((_b = (_a = connections2.value[unref(CanvasConnectionMode).Input][target2.type]) == null ? void 0 : _a[target2.index]) == null ? void 0 : _b.length),
             mode: unref(CanvasConnectionMode).Input,
             type: target2.type,
             label: target2.label,
             index: target2.index,
             position: target2.position,
             offset: target2.offset,
+            "is-connected": target2.isConnected,
+            "is-connecting": target2.isConnecting,
             "is-valid-connection": unref(isValidConnection),
             onAdd
-          }, null, 8, ["connected", "mode", "type", "label", "index", "position", "offset", "is-valid-connection"]);
+          }, null, 8, ["mode", "type", "label", "index", "position", "offset", "is-connected", "is-connecting", "is-valid-connection"]);
         }), 128)),
         nodeTypeDescription.value ? (openBlock(), createBlock(CanvasNodeToolbar, {
           key: 0,
@@ -16811,14 +17014,14 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
           onRun,
           "onOpen:contextmenu": onOpenContextMenuFromToolbar
         }, null, 8, ["read-only", "class"])) : createCommentVNode("", true),
-        createVNode(_sfc_main$f, {
+        createVNode(_sfc_main$k, {
           onDblclick: withModifiers(onActivate, ["stop"]),
           onMove,
           onUpdate,
           "onOpen:contextmenu": onOpenContextMenuFromNode
         }, {
           default: withCtx(() => [
-            nodeTypeDescription.value ? (openBlock(), createBlock(_sfc_main$Q, {
+            nodeTypeDescription.value ? (openBlock(), createBlock(_sfc_main$V, {
               key: 0,
               "node-type": nodeTypeDescription.value,
               size: nodeIconSize.value,
@@ -16832,9 +17035,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const canvasNode = "_canvasNode_1oyiq_1";
-const canvasNodeToolbar = "_canvasNodeToolbar_1oyiq_1";
-const showToolbar = "_showToolbar_1oyiq_1";
+const canvasNode = "_canvasNode_xdq35_1";
+const canvasNodeToolbar = "_canvasNodeToolbar_xdq35_1";
+const showToolbar = "_showToolbar_xdq35_1";
 const style0$5 = {
   canvasNode,
   canvasNodeToolbar,
@@ -17157,17 +17360,18 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     function onClickNodeAdd(id, handle2) {
       emit("click:node:add", id, handle2);
     }
-    function onNodeDragStop(e) {
-      onUpdateNodesPosition(e.nodes.map((node2) => ({ id: node2.id, position: node2.position })));
-    }
     function onUpdateNodesPosition(events) {
       emit("update:nodes:position", events);
     }
     function onUpdateNodePosition(id, position2) {
       emit("update:node:position", id, position2);
     }
-    function onSelectionDragStop(e) {
-      onNodeDragStop(e);
+    function onNodesChange(events) {
+      const isPositionChangeEvent = (event) => event.type === "position" && "position" in event;
+      const positionChangeEndEvents = events.filter(isPositionChangeEvent);
+      if (positionChangeEndEvents.length > 0) {
+        onUpdateNodesPosition(positionChangeEndEvents);
+      }
     }
     function onSetNodeActive(id) {
       emit("update:node:active", id);
@@ -17194,25 +17398,26 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       emit("update:node:parameters", id, parameters);
     }
     const connectionCreated = ref(false);
-    const connectionEventData = ref();
-    const isConnection = (data) => !!data && connectionCreated.value;
-    const isConnectionCancelled = (data) => !!data && !connectionCreated.value;
+    const connectingHandle = ref();
+    const connectedHandle = ref();
     function onConnectStart(handle2) {
       emit("create:connection:start", handle2);
-      connectionEventData.value = handle2;
+      connectingHandle.value = handle2;
       connectionCreated.value = false;
     }
     function onConnect(connection) {
       emit("create:connection", connection);
-      connectionEventData.value = connection;
+      connectedHandle.value = connection;
       connectionCreated.value = true;
     }
-    function onConnectEnd() {
-      if (isConnection(connectionEventData.value)) {
-        emit("create:connection:end", connectionEventData.value);
-      } else if (isConnectionCancelled(connectionEventData.value)) {
-        emit("create:connection:cancelled", connectionEventData.value);
+    function onConnectEnd(event) {
+      if (connectedHandle.value) {
+        emit("create:connection:end", connectedHandle.value, event);
+      } else if (connectingHandle.value) {
+        emit("create:connection:cancelled", connectingHandle.value, event);
       }
+      connectedHandle.value = void 0;
+      connectingHandle.value = void 0;
     }
     function onDeleteConnection(connection) {
       emit("delete:connection", connection);
@@ -17335,9 +17540,12 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     watch(() => props.readOnly, setReadonly, {
       immediate: true
     });
+    provide(CanvasKey, {
+      connectingHandle
+    });
     return (_ctx, _cache) => {
-      const _component_CanvasConnectionLine = __unplugin_components_0;
-      const _component_CanvasControlButtons = _sfc_main$n;
+      const _component_CanvasConnectionLine = __unplugin_components_0$3;
+      const _component_CanvasControlButtons = _sfc_main$s;
       return openBlock(), createBlock(unref(_sfc_main$1$1), {
         id: _ctx.id,
         nodes: _ctx.nodes,
@@ -17350,8 +17558,6 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         "max-zoom": 4,
         class: normalizeClass([unref($style).canvas, { [unref($style).visible]: paneReady.value }]),
         "data-test-id": "canvas",
-        onNodeDragStop,
-        onSelectionDragStop,
         onEdgeMouseEnter: onMouseEnterEdge,
         onEdgeMouseLeave: onMouseLeaveEdge,
         onConnectStart,
@@ -17359,7 +17565,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         onConnectEnd,
         onPaneClick: onClickPane,
         onContextmenu: onOpenContextMenu,
-        onViewportChange
+        onViewportChange,
+        onNodesChange
       }, {
         "node-canvas-node": withCtx((canvasNodeProps) => [
           createVNode(Node, mergeProps(canvasNodeProps, {
@@ -17387,12 +17594,12 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           createVNode(_component_CanvasConnectionLine, normalizeProps(guardReactiveProps(connectionLineProps)), null, 16)
         ]),
         default: withCtx(() => [
-          createVNode(unref(_sfc_main$U), {
+          createVNode(unref(_sfc_main$_), {
             "data-test-id": "canvas-background",
             "pattern-color": "#aaa",
             gap: unref(GRID_SIZE)
           }, null, 8, ["gap"]),
-          createVNode(unref(_sfc_main$V), {
+          createVNode(unref(_sfc_main$$), {
             "data-test-id": "canvas-minimap",
             "aria-label": "n8n Minimap",
             height: 120,
@@ -18509,7 +18716,7 @@ function useCanvasOperations({ router }) {
         }
       }
     }
-    const position2 = nodeTypesStore.isTriggerNode(node2.type) && triggerNodes.value.length === 0 ? canvasStore.canvasAddButtonPosition : (
+    const position2 = nodeTypesStore.isTriggerNode(node2.type) && triggerNodes.value.length === 0 ? [0, 0] : (
       // If no node is active find a free spot
       lastClickPosition.value
     );
@@ -19105,7 +19312,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "NodeView.v2",
   setup(__props) {
     const LazyNodeCreation2 = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeCreation-flnxFWcn.js").then((n) => n.N), true ? __vite__mapDeps([38,3,2,4,5,6,7,8,9,10,1,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,39]) : void 0)
+      async () => await __vitePreload(() => import("./NodeCreation-B-ZsOH-L.js").then((n) => n.N), true ? __vite__mapDeps([39,3,4,5,6,2,7,8,9,10,1,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,40]) : void 0)
     );
     const LazyNodeDetailsView = defineAsyncComponent(
       async () => await __vitePreload(() => Promise.resolve().then(() => NodeDetailsView), true ? void 0 : void 0)
@@ -19589,7 +19796,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     function onRevertCreateConnection({ connection }) {
       revertCreateConnection(connection);
     }
-    function onCreateConnectionCancelled(event) {
+    function onCreateConnectionCancelled(event, mouseEvent) {
+      var _a;
+      const preventDefault = (_a = (mouseEvent == null ? void 0 : mouseEvent.target).classList) == null ? void 0 : _a.contains("clickable");
+      if (preventDefault) {
+        return;
+      }
       setTimeout(() => {
         nodeCreatorStore.openNodeCreatorForConnectingNode({
           connection: {
@@ -20132,7 +20344,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       removeBeforeUnloadEventBindings();
     });
     return (_ctx, _cache) => {
-      const _component_CanvasChatButton = __unplugin_components_0$1;
+      const _component_CanvasChatButton = __unplugin_components_0$4;
       return unref(editableWorkflow) && unref(editableWorkflowObject) && !isLoading.value ? (openBlock(), createBlock(WorkflowCanvas, {
         key: 0,
         workflow: unref(editableWorkflow),
@@ -20245,11 +20457,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const workflowsStore = useWorkflowsStore();
     const sourceControlStore = useSourceControlStore();
+    const settingsStore = useSettingsStore();
     const router = useRouter();
     const route = useRoute();
     const workflowHelpers = useWorkflowHelpers({ router });
     const { resetWorkspace } = useCanvasOperations({ router });
-    const nodeViewVersion = useLocalStorage("NodeView.version", "1");
+    const nodeViewVersion = useLocalStorage(
+      "NodeView.version",
+      settingsStore.deploymentType === "n8n-internal" ? "2" : "1"
+    );
     const workflowId = computed(() => route.params.name);
     const isReadOnlyEnvironment = computed(() => {
       return sourceControlStore.preferences.branchReadOnly;