n8n-editor-ui 1.66.0 → 1.67.0

package/dist/assets/{NodeViewSwitcher-C1Gp-jKb.js → NodeViewSwitcher-B9JUn3eY.js}

@@ -1,13 +1,13 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/RunDataTable--RIqj8DU.js","assets/index-QAq8Sa9R.js","assets/index-DaeOVPzE.css","assets/RunDataTable-ZwoYenSI.css","assets/RunDataJson-CUsbBWaI.js","assets/RunDataAi-CYTNyRq_.js","assets/RunDataAi-x30tU8-0.css","assets/FileSaver.min-B3lWZPMp.js","assets/dateFormatter-BCrxaIdG.js","assets/useWorkflowActivate-DKPQP7qy.js","assets/pushConnection.store-Cdssd0uJ.js","assets/useExecutionDebugging-CwyVwJqO.js","assets/useNodeViewVersionSwitcher-BPNKvsXw.js","assets/useBugReporting-Bvr7bSQt.js","assets/RunDataJson-Dtc8i0I7.css","assets/RunDataSearch-BiygytJ8.js","assets/RunDataSearch-BA0wlJtp.css","assets/NodeCreation-BqSkxffS.js","assets/NodeCreation-30KXmZi2.css","assets/CanvasControls-DkT1iClJ.js","assets/CanvasControls-Gjw5xMXK.css","assets/SetupWorkflowCredentialsButton-u1qhjj5K.js"])))=>i.map(i=>d[i]);
-import { aI as BaseTransition, aJ as BaseTransitionPropsValidators, aK as Comment, aL as DeprecationTypes, aM as EffectScope, aN as ErrorCodes, aO as ErrorTypeStrings, F as Fragment, aP as KeepAlive, aQ as ReactiveEffect, aR as Static, aS as Suspense, aT as Teleport, aU as Text, aV as TrackOpTypes, aW as Transition$2, aX as TransitionGroup, aY as TriggerOpTypes, aZ as VueElement, a_ as assertNumber, a$ as callWithAsyncErrorHandling, b0 as callWithErrorHandling, b1 as camelize, b2 as capitalize, b3 as cloneVNode, b4 as compatUtils, p as computed, b5 as createApp, e as createBlock, f as createCommentVNode, h as createElementBlock, j as createBaseVNode, b6 as createHydrationRenderer, b7 as createPropsRestProxy, b8 as createRenderer, b9 as createSSRApp, aE as createSlots, ba as createStaticVNode, k as createTextVNode, i as createVNode, bb as customRef, bc as defineAsyncComponent, d as defineComponent, bd as defineCustomElement, be as defineEmits, bf as defineExpose, bg as defineModel, bh as defineOptions, bi as defineProps, bj as defineSSRCustomElement, bk as defineSlots, bl as devtools, bm as effect, bn as effectScope, bo as getCurrentInstance, bp as getCurrentScope, bq as getCurrentWatcher, br as getTransitionRawChildren, bs as guardReactiveProps, bt as h, bu as handleError, bv as hasInjectionContext, bw as hydrate, bx as hydrateOnIdle, by as hydrateOnInteraction, bz as hydrateOnMediaQuery, bA as hydrateOnVisible, bB as initCustomFormatter, bC as initDirectivesForSSR, bD as inject, bE as isMemoSame, bF as isProxy, bG as isReactive, bH as isReadonly, bI as isRef, bJ as isRuntimeOnly, bK as isShallow, bL as isVNode, bM as markRaw, bN as mergeDefaults, bO as mergeModels, bP as mergeProps, C as nextTick, n as normalizeClass, bQ as normalizeProps, B as normalizeStyle, bR as onActivated, aq as onBeforeMount, y as onBeforeUnmount, bS as onBeforeUpdate, bT as onDeactivated, bU as onErrorCaptured, o as onMounted, bV as onRenderTracked, bW as onRenderTriggered, bX as onScopeDispose, bY as onServerPrefetch, bZ as onUnmounted, b_ as onUpdated, b$ as onWatcherCleanup, c as openBlock, c0 as popScopeId, c1 as provide, c2 as proxyRefs, c3 as pushScopeId, c4 as queuePostFlushCb, c5 as reactive, c6 as readonly, r as ref, c7 as registerRuntimeCompiler, c8 as render$5, z as renderList, q as renderSlot, l as resolveComponent, c9 as resolveDirective, ca as resolveDynamicComponent, cb as resolveFilter, cc as resolveTransitionHooks, cd as setBlockTracking, ce as setDevtoolsHook, cf as setTransitionHooks, cg as shallowReactive, ch as shallowReadonly, ci as shallowRef, cj as ssrContextKey, ck as ssrUtils, cl as stop, t as toDisplayString, cm as toHandlerKey, cn as toHandlers, co as toRaw, cp as toRef, cq as toRefs$1, cr as toValue$1, cs as transformVNodeArgs, ct as triggerRef, A as unref, cu as useAttrs, a9 as useCssModule, cv as useCssVars, cw as useHost, cx as useId, cy as useModel, cz as useSSRContext, cA as useShadowRoot, cB as useSlots, cC as useTemplateRef, cD as useTransitionState, cE as vModelCheckbox, cF as vModelDynamic, cG as vModelRadio, cH as vModelSelect, cI as vModelText, as as vShow, cJ as version, cK as warn$1, H as watch, cL as watchEffect, cM as watchPostEffect, cN as watchSyncEffect, cO as withAsyncContext, w as withCtx, cP as withDefaults, ar as withDirectives, G as withKeys, cQ as withMemo, I as withModifiers, cR as withScopeId, cS as createCompounder, cT as SetCache, cU as arrayIncludes, cV as cacheHas, cW as baseRest, cX as isArrayLikeObject, cY as baseFlatten, K as useUIStore, cZ as useNodeTypesStore, T as useWorkflowsStore, a0 as useSourceControlStore, al as getResourcePermissions, c_ as isPresent, c$ as getMousePosition$1, at as STICKY_NODE_TYPE, d0 as usePinnedData, g as useI18n, d1 as NOT_DUPLICATABLE_NODE_TYPES, E as onClickOutside, d2 as N8nActionDropdown, _ as _export_sfc$1, d3 as _sfc_main$11, ao as useNDVStore, d4 as isCommunityPackageName, d5 as NPM_PACKAGE_DOCS_BASE_URL, d6 as BUILTIN_NODES_DOCS_URL, d7 as COMMUNITY_NODES_INSTALLATION_DOCS_URL, d8 as NodeConnectionType, aF as useExternalHooks, aj as useTelemetry, b as useRouter, d9 as useClipboard, a4 as useWorkflowHelpers, a as useToast, da as OPEN_URL_PANEL_TRIGGER_NODE_TYPES, db as PRODUCTION_ONLY_TRIGGER_NODE_TYPES, dc as FORM_TRIGGER_NODE_TYPE, dd as CHAT_TRIGGER_NODE_TYPE, de as toValue$2, df as toRef$1, dg as tryOnScopeDispose$1, dh as isIOS, di as noop$4, dj as isObject$1, dk as isClient$1, dl as useNodeHelpers, J as useDebounce, dm as TitledList, dn as nodeIssuesToString, dp as getNodeInputs, dq as useRunWorkflow, dr as MANUAL_TRIGGER_NODE_TYPE, ds as WEBHOOK_NODE_TYPE, ab as nodeViewEventBus, ak as useMessage, ad as MODAL_CONFIRM, dt as useCredentialsStore, du as useHistoryStore, dv as importCurlEventBus, dw as ndvEventBus, dx as CUSTOM_NODES_DOCS_URL, dy as NodeCredentials, dz as _sfc_main$12, dA as ProjectTypes, dB as getConnectionTypes, dC as isSingleExecution, dD as get$4, dE as getNodeParameters, dF as deepCopy, dG as set$4, dH as unset, dI as SHOULD_CLEAR_NODE_OUTPUTS, dJ as RenameNodeCommand, dK as isINodePropertyCollectionList, dL as isINodePropertiesList, dM as isINodePropertyOptionsList, dN as displayParameter, dO as Draggable, az as useStorage, dP as LOCAL_STORAGE_MAIN_PANEL_RELATIVE_WIDTH, dQ as MAIN_NODE_PANEL_WIDTH, dR as getAugmentedNamespace, dS as commonjsGlobal, dT as getDefaultExportFromCjs, dU as sanitizeHtml_1, dV as sanitizeHtml, dW as jsonParse, dX as __unplugin_components_2$2, dY as useNodeType, dZ as MAX_DISPLAY_DATA_SIZE, d_ as MAX_DISPLAY_DATA_SIZE_SCHEMA_VIEW, d$ as MAX_DISPLAY_ITEMS_AUTO_ALL, e0 as mapStores, Z as useRootStore, e1 as DATA_PINNING_DOCS_URL, e2 as DATA_EDITING_DOCS_URL, e3 as HTML_NODE_TYPE, e4 as executionDataToJson, e5 as NODE_TYPES_EXCLUDED_FROM_OUTPUT_NAME_APPEND, e6 as isEmpty, e7 as isEqual, e8 as getNodeOutputs, e9 as getNodeHints, ea as getGenericHints, eb as dataPinningEventBus, ec as clearJsonKey, ed as searchInObject, ee as isObject$2, ef as LOCAL_STORAGE_PIN_DATA_DISCOVERY_NDV_FLAG, eg as LOCAL_STORAGE_PIN_DATA_DISCOVERY_CANVAS_FLAG, eh as TEST_PIN_DATA, ei as __vitePreload, ej as storeToRefs, ek as waitingNodeTooltip, el as truncate, em as START_NODE_TYPE, en as CRON_NODE_TYPE, eo as INTERVAL_NODE_TYPE, ep as CopyInput, v as createEventBus, eq as isTriggerPanelObject, er as getTriggerNodeServiceName, V as VIEWS, af as WORKFLOW_SETTINGS_MODAL_KEY, m as useSettingsStore, es as useDeviceSupport, et as APP_MODALS_ELEMENT_ID, eu as useStyles, ev as EXECUTABLE_TRIGGER_NODE_TYPES, ew as BASE_NODE_SURVEY_URL, a7 as EnterpriseEditionFeature, ex as getAnchorPosition, ey as isValidNodeConnectionType, ez as getEndpointScope, eA as getInputEndpointUUID, eB as getInputEndpointStyle, eC as getScope, eD as getInputNameOverlay, eE as NODE_INSERT_SPACER_BETWEEN_INPUT_GROUPS, eF as NODE_MIN_INPUT_ITEMS_COUNT, eG as getOutputEndpointUUID, eH as getOutputEndpointStyle, eI as getOutputNameOverlay, eJ as NO_OP_NODE_TYPE, eK as NODE_CONNECTION_TYPE_ALLOW_MULTIPLE, eL as GRID_SIZE, eM as isString, eN as isNumber, eO as assert, eP as QUICKSTART_NOTE_NAME, eQ as CUSTOM_API_CALL_KEY, eR as FontAwesomeIcon, eS as _sfc_main$14, eT as xss, eU as WAIT_NODE_TYPE, eV as SEND_AND_WAIT_OPERATION, eW as FORM_NODE_TYPE, eX as WAIT_TIME_UNLIMITED, eY as SIMULATE_NODE_TYPE, eZ as SIMULATE_TRIGGER_NODE_TYPE, $ as useCanvasStore, e_ as getRelativePosition, e$ as v4, f0 as CORE_NODES_CATEGORY, f1 as DEFAULT_SUBCATEGORY, f2 as AI_TRANSFORM_NODE_TYPE, f3 as sublimeSearch, f4 as AI_SUBCATEGORY, f5 as AI_CATEGORY_AGENTS, f6 as sortBy, f7 as i18n, aC as useTemplatesStore, f8 as AI_NODE_CREATOR_VIEW, f9 as AI_OTHERS_NODE_CREATOR_VIEW, fa as AI_CATEGORY_DOCUMENT_LOADERS, fb as AI_CATEGORY_LANGUAGE_MODELS, fc as AI_CATEGORY_MEMORY, fd as AI_CATEGORY_OUTPUTPARSER, fe as AI_CATEGORY_RETRIEVERS, ff as AI_CATEGORY_TEXT_SPLITTERS, fg as AI_CATEGORY_TOOLS, fh as AI_WORKFLOW_TOOL_LANGCHAIN_NODE_TYPE, fi as AI_CODE_TOOL_LANGCHAIN_NODE_TYPE, fj as AI_CATEGORY_EMBEDDING, fk as AI_CATEGORY_VECTOR_STORES, fl as AI_UNCATEGORIZED_CATEGORY, fm as TRIGGER_NODE_CREATOR_VIEW, fn as EMAIL_IMAP_NODE_TYPE, fo as SCHEDULE_TRIGGER_NODE_TYPE, fp as EXECUTE_WORKFLOW_TRIGGER_NODE_TYPE, fq as MANUAL_CHAT_TRIGGER_NODE_TYPE, fr as OTHER_TRIGGER_NODES_SUBCATEGORY, fs as REGULAR_NODE_CREATOR_VIEW, ft as RSS_READ_NODE_TYPE, fu as EMAIL_SEND_NODE_TYPE, fv as TRANSFORM_DATA_SUBCATEGORY, fw as FILTER_NODE_TYPE, fx as REMOVE_DUPLICATES_NODE_TYPE, fy as SPLIT_OUT_NODE_TYPE, fz as LIMIT_NODE_TYPE, fA as SUMMARIZE_NODE_TYPE, fB as AGGREGATE_NODE_TYPE, fC as MERGE_NODE_TYPE, fD as MARKDOWN_NODE_TYPE, fE as XML_NODE_TYPE, fF as CRYPTO_NODE_TYPE, fG as EXTRACT_FROM_FILE_NODE_TYPE, fH as CONVERT_TO_FILE_NODE_TYPE, fI as COMPRESSION_NODE_TYPE, fJ as EDIT_IMAGE_NODE_TYPE, fK as FLOWS_CONTROL_SUBCATEGORY, fL as IF_NODE_TYPE, fM as SPLIT_IN_BATCHES_NODE_TYPE, fN as HELPERS_SUBCATEGORY, fO as HTTP_REQUEST_NODE_TYPE, fP as CODE_NODE_TYPE, fQ as AI_CATEGORY_CHAINS, fR as SET_NODE_TYPE, fS as DATETIME_NODE_TYPE, R as defineStore, fT as AI_CATEGORY_ROOT_NODES, fU as AI_CODE_NODE_TYPE, fV as AI_TRANSFORM_NODE_TYPE$1, fW as isValidCanvasConnectionMode, fX as CanvasConnectionMode, S as STORES, fY as NODE_CREATOR_OPEN_SOURCES, fZ as isVueFlowConnection, f_ as nodeConnectionTypes, f$ as MOUSE_EVENT_BUTTON, g0 as MOUSE_EVENT_BUTTONS, g1 as KeyboardShortcutTooltip, U as useRoute, a3 as useDocumentTitle, a2 as useNpsSurveyStore, a1 as useProjectsStore, ap as useExecutionsStore, g2 as useExternalSecretsStore, g3 as useWorkflowsEEStore, g4 as useEnvironmentsStore, u as useUsersStore, D as useTagsStore, g5 as getBackgroundStyles, g6 as getNodeViewTab, X as PLACEHOLDER_EMPTY_WORKFLOW_ID, an as MAIN_HEADER_TABS, g7 as ready$1, av as sourceControlEventBus, g8 as historyBus, g9 as WORKFLOW_LM_CHAT_MODAL_KEY, ga as generateNodesGraph, gb as N8nAddInputEndpointType, gc as getFixedNodesList, gd as tryToParseNumber, ge as MoveNodeCommand, ah as VALID_WORKFLOW_IMPORT_URL_REGEX, gf as UPDATE_WEBHOOK_ID_NODE_TYPES, gg as getNewNodePosition, gh as DRAG_EVENT_DATA_KEY, gi as NODE_SIZE, gj as getConnectorLengths, gk as MAX_X_TO_PUSH_DOWNSTREAM_NODES, gl as PUSH_NODES_OFFSET, gm as generateOffsets, gn as resetConnectionAfterPull, go as resetConnection, gp as moveBackInputLabelPosition, gq as hideOutputNameLabel, gr as addConnectionActionsOverlay, gs as getOverlay, gt as OVERLAY_ENDPOINT_ARROW_ID, gu as getConnectorPaintStyleData, gv as AddConnectionCommand, gw as addConnectionTestData, gx as showOrHideItemsLabel, gy as showOrHideMidpointArrow, gz as isJSPlumbConnection, gA as hideConnectionActions, gB as showConnectionActions, gC as resetInputLabelPosition, gD as getConnectionInfo, gE as showOutputNameLabel, gF as RemoveConnectionCommand, gG as isJSPlumbEndpointElement, gH as isElementIntersection, gI as calculateElementIntersection, gJ as showDropConnectionState, gK as showPullConnectionState, gL as EVENT_CONNECTION_ABORT, gM as INTERCEPT_BEFORE_DROP, gN as EVENT_CONNECTION, gO as EVENT_DRAG_MOVE, gP as EVENT_CONNECTION_MOUSEOVER, gQ as EVENT_CONNECTION_MOUSEOUT, gR as EVENT_CONNECTION_MOVED, gS as EVENT_ENDPOINT_MOUSEOVER, gT as EVENT_ENDPOINT_MOUSEOUT, gU as EVENT_CONNECTION_DETACHED, gV as EVENT_CONNECTION_DRAG, gW as EVENT_PLUS_ENDPOINT_CLICK, gX as EVENT_ADD_INPUT_ENDPOINT_CLICK, gY as N8nPlusEndpointType, gZ as usePostHog, g_ as CANVAS_AUTO_ADD_MANUAL_TRIGGER_EXPERIMENT, g$ as MODAL_CANCEL, h0 as addClassesToOverlays, h1 as getJSPlumbEndpoints, h2 as isSubNodeType, h3 as useDataSchema, h4 as OVERLAY_RUN_ITEMS_ID, h5 as RemoveNodeCommand, h6 as CanvasKey, h7 as CanvasNodeKey, h8 as CanvasNodeRenderType, h9 as N8nTooltip, ha as CanvasNodeHandleKey, hb as useActiveElement, hc as useEventListener$2, hd as onKeyDown, he as onKeyUp, hf as useDebounceFn, hg as sanitizeHtml$1, hh as AddNodeCommand, hi as DEFAULT_NODE_SIZE, hj as CONFIGURATION_NODE_SIZE, hk as CONFIGURABLE_NODE_SIZE, hl as NEW_WORKFLOW_ID, hm as onBeforeRouteLeave } from "./index-QAq8Sa9R.js";
-import { c as capitalize$1, _ as _sfc_main$13, R as RunDataAi } from "./RunDataAi-CYTNyRq_.js";
-import { F as FileSaver_minExports } from "./FileSaver.min-B3lWZPMp.js";
-import { c as convertToDisplayDateComponents } from "./dateFormatter-BCrxaIdG.js";
-import { u as useWorkflowActivate } from "./useWorkflowActivate-DKPQP7qy.js";
-import { g as globalLinkActionsEventBus, u as usePushConnectionStore } from "./pushConnection.store-Cdssd0uJ.js";
-import { u as useExecutionDebugging } from "./useExecutionDebugging-CwyVwJqO.js";
-import { u as useBeforeUnload, a as useNodeViewVersionSwitcher } from "./useNodeViewVersionSwitcher-BPNKvsXw.js";
-import { u as useBugReporting } from "./useBugReporting-Bvr7bSQt.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/RunDataTable-DISLWxMc.js","assets/index-7YFQEQmt.js","assets/index-BFH_KxyA.css","assets/RunDataTable-ZwoYenSI.css","assets/RunDataJson-ea5u1EeD.js","assets/RunDataAi-BKu1beM6.js","assets/RunDataAi-x30tU8-0.css","assets/FileSaver.min-DNytcjKT.js","assets/dateFormatter-C53K7zEn.js","assets/useWorkflowActivate-D_gK841h.js","assets/pushConnection.store-DbprXL-x.js","assets/useExecutionDebugging-CLORI_Ma.js","assets/useNodeViewVersionSwitcher-CJLQ5lju.js","assets/useBugReporting-IgwBNdXI.js","assets/RunDataJson-Dtc8i0I7.css","assets/RunDataSearch-DKNVmEqa.js","assets/RunDataSearch-BA0wlJtp.css","assets/NodeCreation-Ce1ct2i3.js","assets/NodeCreation-30KXmZi2.css","assets/CanvasControls-BPXQqeeO.js","assets/CanvasControls-Gjw5xMXK.css","assets/SetupWorkflowCredentialsButton-C1Jv_-V5.js"])))=>i.map(i=>d[i]);
+import { aJ as BaseTransition, aK as BaseTransitionPropsValidators, aL as Comment, aM as DeprecationTypes, aN as EffectScope, aO as ErrorCodes, aP as ErrorTypeStrings, F as Fragment, aQ as KeepAlive, aR as ReactiveEffect, aS as Static, aT as Suspense, aU as Teleport, aV as Text, aW as TrackOpTypes, aX as Transition$2, aY as TransitionGroup, aZ as TriggerOpTypes, a_ as VueElement, a$ as assertNumber, b0 as callWithAsyncErrorHandling, b1 as callWithErrorHandling, b2 as camelize, b3 as capitalize, b4 as cloneVNode, b5 as compatUtils, p as computed, b6 as createApp, e as createBlock, f as createCommentVNode, h as createElementBlock, j as createBaseVNode, b7 as createHydrationRenderer, b8 as createPropsRestProxy, b9 as createRenderer, ba as createSSRApp, aF as createSlots, bb as createStaticVNode, k as createTextVNode, i as createVNode, bc as customRef, bd as defineAsyncComponent, d as defineComponent, be as defineCustomElement, bf as defineEmits, bg as defineExpose, bh as defineModel, bi as defineOptions, bj as defineProps, bk as defineSSRCustomElement, bl as defineSlots, bm as devtools, bn as effect, bo as effectScope, bp as getCurrentInstance, bq as getCurrentScope, br as getCurrentWatcher, bs as getTransitionRawChildren, bt as guardReactiveProps, bu as h, bv as handleError, bw as hasInjectionContext, bx as hydrate, by as hydrateOnIdle, bz as hydrateOnInteraction, bA as hydrateOnMediaQuery, bB as hydrateOnVisible, bC as initCustomFormatter, bD as initDirectivesForSSR, bE as inject, bF as isMemoSame, bG as isProxy, bH as isReactive, bI as isReadonly, bJ as isRef, bK as isRuntimeOnly, bL as isShallow, bM as isVNode, bN as markRaw, bO as mergeDefaults, bP as mergeModels, bQ as mergeProps, x as nextTick, n as normalizeClass, bR as normalizeProps, B as normalizeStyle, bS as onActivated, ar as onBeforeMount, v as onBeforeUnmount, bT as onBeforeUpdate, bU as onDeactivated, bV as onErrorCaptured, o as onMounted, bW as onRenderTracked, bX as onRenderTriggered, bY as onScopeDispose, bZ as onServerPrefetch, b_ as onUnmounted, b$ as onUpdated, c0 as onWatcherCleanup, c as openBlock, c1 as popScopeId, c2 as provide, c3 as proxyRefs, c4 as pushScopeId, c5 as queuePostFlushCb, c6 as reactive, c7 as readonly, r as ref, c8 as registerRuntimeCompiler, c9 as render$5, z as renderList, q as renderSlot, l as resolveComponent, ca as resolveDirective, cb as resolveDynamicComponent, cc as resolveFilter, cd as resolveTransitionHooks, ce as setBlockTracking, cf as setDevtoolsHook, cg as setTransitionHooks, ch as shallowReactive, ci as shallowReadonly, cj as shallowRef, ck as ssrContextKey, cl as ssrUtils, cm as stop, t as toDisplayString, cn as toHandlerKey, co as toHandlers, cp as toRaw, cq as toRef, cr as toRefs$1, cs as toValue$1, ct as transformVNodeArgs, cu as triggerRef, A as unref, cv as useAttrs, aa as useCssModule, cw as useCssVars, cx as useHost, cy as useId, cz as useModel, cA as useSSRContext, cB as useShadowRoot, cC as useSlots, cD as useTemplateRef, cE as useTransitionState, cF as vModelCheckbox, cG as vModelDynamic, cH as vModelRadio, cI as vModelSelect, cJ as vModelText, at as vShow, cK as version, cL as warn$1, H as watch, cM as watchEffect, cN as watchPostEffect, cO as watchSyncEffect, cP as withAsyncContext, w as withCtx, cQ as withDefaults, as as withDirectives, G as withKeys, cR as withMemo, I as withModifiers, cS as withScopeId, cT as createCompounder, cU as SetCache, cV as arrayIncludes, cW as cacheHas, cX as baseRest, cY as isArrayLikeObject, cZ as baseFlatten, K as useUIStore, c_ as useNodeTypesStore, T as useWorkflowsStore, a0 as useSourceControlStore, am as getResourcePermissions, c$ as isPresent, d0 as getMousePosition$1, au as STICKY_NODE_TYPE, d1 as usePinnedData, g as useI18n, d2 as NOT_DUPLICATABLE_NODE_TYPES, E as onClickOutside, d3 as N8nActionDropdown, _ as _export_sfc$1, d4 as _sfc_main$11, ap as useNDVStore, d5 as isCommunityPackageName, d6 as NPM_PACKAGE_DOCS_BASE_URL, d7 as BUILTIN_NODES_DOCS_URL, d8 as COMMUNITY_NODES_INSTALLATION_DOCS_URL, d9 as NodeConnectionType, aG as useExternalHooks, ak as useTelemetry, b as useRouter, da as useClipboard, a4 as useWorkflowHelpers, a as useToast, db as OPEN_URL_PANEL_TRIGGER_NODE_TYPES, dc as PRODUCTION_ONLY_TRIGGER_NODE_TYPES, dd as FORM_TRIGGER_NODE_TYPE, de as CHAT_TRIGGER_NODE_TYPE, df as toValue$2, dg as toRef$1, dh as tryOnScopeDispose$1, di as isIOS, dj as noop$4, dk as isObject$1, dl as isClient$1, dm as useNodeHelpers, J as useDebounce, dn as TitledList, dp as nodeIssuesToString, dq as getNodeInputs, dr as useRunWorkflow, ds as MANUAL_TRIGGER_NODE_TYPE, dt as WEBHOOK_NODE_TYPE, du as AI_TRANSFORM_NODE_TYPE, dv as AI_TRANSFORM_CODE_GENERATED_FOR_PROMPT, dw as generateCodeForAiTransform, dx as AI_TRANSFORM_JS_CODE, ac as nodeViewEventBus, al as useMessage, ae as MODAL_CONFIRM, dy as useCredentialsStore, dz as useHistoryStore, dA as importCurlEventBus, dB as ndvEventBus, dC as CUSTOM_NODES_DOCS_URL, dD as NodeCredentials, dE as _sfc_main$12, dF as ProjectTypes, dG as getConnectionTypes, dH as isSingleExecution, dI as get$4, dJ as getNodeParameters, dK as deepCopy, dL as set$4, dM as unset, dN as SHOULD_CLEAR_NODE_OUTPUTS, dO as RenameNodeCommand, dP as isINodePropertyCollectionList, dQ as isINodePropertiesList, dR as isINodePropertyOptionsList, dS as displayParameter, dT as Draggable, aA as useStorage, dU as LOCAL_STORAGE_MAIN_PANEL_RELATIVE_WIDTH, dV as MAIN_NODE_PANEL_WIDTH, dW as getAugmentedNamespace, dX as commonjsGlobal, dY as getDefaultExportFromCjs, dZ as sanitizeHtml_1, d_ as sanitizeHtml, d$ as jsonParse, e0 as __unplugin_components_2$2, e1 as useNodeType, e2 as MAX_DISPLAY_DATA_SIZE, e3 as MAX_DISPLAY_DATA_SIZE_SCHEMA_VIEW, e4 as MAX_DISPLAY_ITEMS_AUTO_ALL, e5 as mapStores, Z as useRootStore, e6 as DATA_PINNING_DOCS_URL, e7 as DATA_EDITING_DOCS_URL, e8 as HTML_NODE_TYPE, e9 as executionDataToJson, ea as NODE_TYPES_EXCLUDED_FROM_OUTPUT_NAME_APPEND, eb as isEmpty, ec as isEqual, ed as getNodeOutputs, ee as getNodeHints, ef as getGenericHints, eg as dataPinningEventBus, eh as clearJsonKey, ei as searchInObject, ej as isObject$2, ek as LOCAL_STORAGE_PIN_DATA_DISCOVERY_NDV_FLAG, el as LOCAL_STORAGE_PIN_DATA_DISCOVERY_CANVAS_FLAG, em as TEST_PIN_DATA, en as __vitePreload, eo as storeToRefs, ep as waitingNodeTooltip, eq as truncate, er as START_NODE_TYPE, es as CRON_NODE_TYPE, et as INTERVAL_NODE_TYPE, eu as CopyInput, C as createEventBus, ev as isTriggerPanelObject, ew as getTriggerNodeServiceName, V as VIEWS, ag as WORKFLOW_SETTINGS_MODAL_KEY, m as useSettingsStore, ex as useDeviceSupport, ey as APP_MODALS_ELEMENT_ID, ez as useStyles, eA as EXECUTABLE_TRIGGER_NODE_TYPES, eB as BASE_NODE_SURVEY_URL, a8 as EnterpriseEditionFeature, eC as getAnchorPosition, eD as isValidNodeConnectionType, eE as getEndpointScope, eF as getInputEndpointUUID, eG as getInputEndpointStyle, eH as getScope, eI as getInputNameOverlay, eJ as NODE_INSERT_SPACER_BETWEEN_INPUT_GROUPS, eK as NODE_MIN_INPUT_ITEMS_COUNT, eL as getOutputEndpointUUID, eM as getOutputEndpointStyle, eN as getOutputNameOverlay, eO as NO_OP_NODE_TYPE, eP as NODE_CONNECTION_TYPE_ALLOW_MULTIPLE, eQ as GRID_SIZE, eR as isString, eS as isNumber, eT as assert, eU as QUICKSTART_NOTE_NAME, eV as CUSTOM_API_CALL_KEY, eW as FontAwesomeIcon, eX as _sfc_main$14, eY as xss, eZ as WAIT_NODE_TYPE, e_ as SEND_AND_WAIT_OPERATION, e$ as FORM_NODE_TYPE, f0 as WAIT_TIME_UNLIMITED, f1 as SIMULATE_NODE_TYPE, f2 as SIMULATE_TRIGGER_NODE_TYPE, $ as useCanvasStore, f3 as getRelativePosition, f4 as v4, f5 as CORE_NODES_CATEGORY, f6 as DEFAULT_SUBCATEGORY, f7 as AI_TRANSFORM_NODE_TYPE$1, f8 as sublimeSearch, f9 as AI_SUBCATEGORY, fa as AI_CATEGORY_AGENTS, fb as sortBy, fc as i18n, aD as useTemplatesStore, fd as AI_NODE_CREATOR_VIEW, fe as AI_OTHERS_NODE_CREATOR_VIEW, ff as AI_CATEGORY_DOCUMENT_LOADERS, fg as AI_CATEGORY_LANGUAGE_MODELS, fh as AI_CATEGORY_MEMORY, fi as AI_CATEGORY_OUTPUTPARSER, fj as AI_CATEGORY_RETRIEVERS, fk as AI_CATEGORY_TEXT_SPLITTERS, fl as AI_CATEGORY_TOOLS, fm as AI_WORKFLOW_TOOL_LANGCHAIN_NODE_TYPE, fn as AI_CODE_TOOL_LANGCHAIN_NODE_TYPE, fo as AI_CATEGORY_EMBEDDING, fp as AI_CATEGORY_VECTOR_STORES, fq as AI_UNCATEGORIZED_CATEGORY, fr as TRIGGER_NODE_CREATOR_VIEW, fs as EMAIL_IMAP_NODE_TYPE, ft as SCHEDULE_TRIGGER_NODE_TYPE, fu as EXECUTE_WORKFLOW_TRIGGER_NODE_TYPE, fv as MANUAL_CHAT_TRIGGER_NODE_TYPE, fw as OTHER_TRIGGER_NODES_SUBCATEGORY, fx as REGULAR_NODE_CREATOR_VIEW, fy as RSS_READ_NODE_TYPE, fz as EMAIL_SEND_NODE_TYPE, fA as TRANSFORM_DATA_SUBCATEGORY, fB as FILTER_NODE_TYPE, fC as REMOVE_DUPLICATES_NODE_TYPE, fD as SPLIT_OUT_NODE_TYPE, fE as LIMIT_NODE_TYPE, fF as SUMMARIZE_NODE_TYPE, fG as AGGREGATE_NODE_TYPE, fH as MERGE_NODE_TYPE, fI as MARKDOWN_NODE_TYPE, fJ as XML_NODE_TYPE, fK as CRYPTO_NODE_TYPE, fL as EXTRACT_FROM_FILE_NODE_TYPE, fM as CONVERT_TO_FILE_NODE_TYPE, fN as COMPRESSION_NODE_TYPE, fO as EDIT_IMAGE_NODE_TYPE, fP as FLOWS_CONTROL_SUBCATEGORY, fQ as IF_NODE_TYPE, fR as SPLIT_IN_BATCHES_NODE_TYPE, fS as HELPERS_SUBCATEGORY, fT as HTTP_REQUEST_NODE_TYPE, fU as CODE_NODE_TYPE, fV as AI_CATEGORY_CHAINS, fW as SET_NODE_TYPE, fX as DATETIME_NODE_TYPE, R as defineStore, fY as AI_CATEGORY_ROOT_NODES, fZ as AI_CODE_NODE_TYPE, f_ as isValidCanvasConnectionMode, f$ as CanvasConnectionMode, S as STORES, g0 as NODE_CREATOR_OPEN_SOURCES, g1 as isVueFlowConnection, g2 as nodeConnectionTypes, g3 as MOUSE_EVENT_BUTTON, g4 as MOUSE_EVENT_BUTTONS, g5 as KeyboardShortcutTooltip, U as useRoute, a3 as useDocumentTitle, a2 as useNpsSurveyStore, a1 as useProjectsStore, aq as useExecutionsStore, g6 as useExternalSecretsStore, g7 as useWorkflowsEEStore, g8 as useEnvironmentsStore, u as useUsersStore, D as useTagsStore, g9 as getBackgroundStyles, ga as getNodeViewTab, X as PLACEHOLDER_EMPTY_WORKFLOW_ID, ao as MAIN_HEADER_TABS, gb as ready$1, aw as sourceControlEventBus, gc as historyBus, gd as WORKFLOW_LM_CHAT_MODAL_KEY, ge as generateNodesGraph, gf as N8nAddInputEndpointType, gg as getFixedNodesList, gh as tryToParseNumber, gi as MoveNodeCommand, ai as VALID_WORKFLOW_IMPORT_URL_REGEX, gj as UPDATE_WEBHOOK_ID_NODE_TYPES, gk as getNewNodePosition, gl as DRAG_EVENT_DATA_KEY, gm as NODE_SIZE, gn as getConnectorLengths, go as MAX_X_TO_PUSH_DOWNSTREAM_NODES, gp as PUSH_NODES_OFFSET, gq as generateOffsets, gr as resetConnectionAfterPull, gs as resetConnection, gt as moveBackInputLabelPosition, gu as hideOutputNameLabel, gv as addConnectionActionsOverlay, gw as getOverlay, gx as OVERLAY_ENDPOINT_ARROW_ID, gy as getConnectorPaintStyleData, gz as AddConnectionCommand, gA as addConnectionTestData, gB as showOrHideItemsLabel, gC as showOrHideMidpointArrow, gD as isJSPlumbConnection, gE as hideConnectionActions, gF as showConnectionActions, gG as resetInputLabelPosition, gH as getConnectionInfo, gI as showOutputNameLabel, gJ as RemoveConnectionCommand, gK as isJSPlumbEndpointElement, gL as isElementIntersection, gM as calculateElementIntersection, gN as showDropConnectionState, gO as showPullConnectionState, gP as EVENT_CONNECTION_ABORT, gQ as INTERCEPT_BEFORE_DROP, gR as EVENT_CONNECTION, gS as EVENT_DRAG_MOVE, gT as EVENT_CONNECTION_MOUSEOVER, gU as EVENT_CONNECTION_MOUSEOUT, gV as EVENT_CONNECTION_MOVED, gW as EVENT_ENDPOINT_MOUSEOVER, gX as EVENT_ENDPOINT_MOUSEOUT, gY as EVENT_CONNECTION_DETACHED, gZ as EVENT_CONNECTION_DRAG, g_ as EVENT_PLUS_ENDPOINT_CLICK, g$ as EVENT_ADD_INPUT_ENDPOINT_CLICK, h0 as N8nPlusEndpointType, h1 as usePostHog, h2 as CANVAS_AUTO_ADD_MANUAL_TRIGGER_EXPERIMENT, h3 as MODAL_CANCEL, h4 as addClassesToOverlays, h5 as getJSPlumbEndpoints, h6 as isSubNodeType, h7 as useDataSchema, h8 as OVERLAY_RUN_ITEMS_ID, h9 as RemoveNodeCommand, ha as CanvasKey, hb as CanvasNodeKey, hc as CanvasNodeRenderType, hd as N8nTooltip, he as CanvasNodeHandleKey, hf as useActiveElement, hg as useEventListener$2, hh as onKeyDown, hi as onKeyUp, hj as useDebounceFn, hk as sanitizeHtml$1, hl as AddNodeCommand, hm as DEFAULT_NODE_SIZE, hn as CONFIGURATION_NODE_SIZE, ho as CONFIGURABLE_NODE_SIZE, hp as NEW_WORKFLOW_ID, hq as onBeforeRouteLeave } from "./index-7YFQEQmt.js";
+import { c as capitalize$1, _ as _sfc_main$13, R as RunDataAi } from "./RunDataAi-BKu1beM6.js";
+import { F as FileSaver_minExports } from "./FileSaver.min-DNytcjKT.js";
+import { c as convertToDisplayDateComponents } from "./dateFormatter-C53K7zEn.js";
+import { u as useWorkflowActivate } from "./useWorkflowActivate-D_gK841h.js";
+import { g as globalLinkActionsEventBus, u as usePushConnectionStore } from "./pushConnection.store-DbprXL-x.js";
+import { u as useExecutionDebugging } from "./useExecutionDebugging-CLORI_Ma.js";
+import { u as useBeforeUnload, a as useNodeViewVersionSwitcher } from "./useNodeViewVersionSwitcher-CJLQ5lju.js";
+import { u as useBugReporting } from "./useBugReporting-IgwBNdXI.js";
 /**
 * vue v3.5.11
 * (c) 2018-present Yuxi (Evan) You and Vue contributors
@@ -569,9 +569,9 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
               class: normalizeClass(_ctx.$style.editContainer),
               onKeydown: [
                 withKeys(onRename, ["enter"]),
-                _cache[2] || (_cache[2] = withModifiers(() => {
+                _cache[3] || (_cache[3] = withModifiers(() => {
                 }, ["stop"])),
-                _cache[3] || (_cache[3] = withKeys(($event) => editName.value = false, ["esc"]))
+                _cache[4] || (_cache[4] = withKeys(($event) => editName.value = false, ["esc"]))
               ]
             }, [
               createVNode(_component_n8n_text, {
@@ -599,7 +599,9 @@ const _sfc_main$$ = /* @__PURE__ */ defineComponent({
                   type: "secondary",
                   size: "small",
                   label: _ctx.$locale.baseText("ndv.title.cancel"),
-                  onClick: _cache[1] || (_cache[1] = ($event) => editName.value = false)
+                  onClick: _cache[1] || (_cache[1] = ($event) => editName.value = false),
+                  onKeydown: _cache[2] || (_cache[2] = withKeys(withModifiers(() => {
+                  }, ["stop"]), ["enter"]))
                 }, null, 8, ["label"]),
                 createVNode(_component_n8n_button, {
                   type: "primary",
@@ -1499,11 +1501,12 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     hideIcon: { type: Boolean },
     tooltip: {}
   },
-  emits: ["stopExecution", "execute"],
+  emits: ["stopExecution", "execute", "valueChanged"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
     const lastPopupCountUpdate = ref(0);
+    const codeGenerationInProgress = ref(false);
     const router = useRouter();
     const { runWorkflow, runWorkflowResolvePending, stopCurrentExecution } = useRunWorkflow({ router });
     const workflowsStore = useWorkflowsStore();
@@ -1522,7 +1525,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
     });
     const isNodeRunning = computed(() => {
       var _a, _b;
-      if (!uiStore.isActionActive["workflowRunning"]) return false;
+      if (!uiStore.isActionActive["workflowRunning"] || codeGenerationInProgress.value) return false;
       const triggeredNode = workflowsStore.executedNode;
       return workflowsStore.isNodeExecuting(((_a = node2.value) == null ? void 0 : _a.name) ?? "") || triggeredNode === ((_b = node2.value) == null ? void 0 : _b.name);
     });
@@ -1570,6 +1573,9 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
       if (isListeningForEvents.value) {
         return "";
       }
+      if (codeGenerationInProgress.value) {
+        return i18n2.baseText("ndv.execute.generatingCode");
+      }
       if (isTriggerNode.value && ((_a = node2 == null ? void 0 : node2.value) == null ? void 0 : _a.disabled)) {
         return i18n2.baseText("ndv.execute.nodeIsDisabled");
       }
@@ -1586,6 +1592,9 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
       return "";
     });
     const tooltipText = computed(() => {
+      if (shouldGenerateCode.value) {
+        return i18n2.baseText("ndv.execute.generateCodeAndTestNode.description");
+      }
       if (disabledHint.value) return disabledHint.value;
       if (props.tooltip && !isLoading.value && testStepButtonPopupCount() < MAX_POPUP_COUNT) {
         return props.tooltip;
@@ -1615,8 +1624,29 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
       return i18n2.baseText("ndv.execute.testNode");
     });
     const isLoading = computed(
-      () => isNodeRunning.value && !isListeningForEvents.value && !isListeningForWorkflowEvents.value
+      () => codeGenerationInProgress.value || isNodeRunning.value && !isListeningForEvents.value && !isListeningForWorkflowEvents.value
     );
+    const buttonIcon = computed(() => {
+      if (shouldGenerateCode.value) return "terminal";
+      if (!isListeningForEvents.value && !props.hideIcon) return "flask";
+      return void 0;
+    });
+    const shouldGenerateCode = computed(() => {
+      var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+      if (((_a = node2.value) == null ? void 0 : _a.type) !== AI_TRANSFORM_NODE_TYPE) {
+        return false;
+      }
+      if (!((_c = (_b = node2.value) == null ? void 0 : _b.parameters) == null ? void 0 : _c.instructions)) {
+        return false;
+      }
+      if (!((_e = (_d = node2.value) == null ? void 0 : _d.parameters) == null ? void 0 : _e.jsCode)) {
+        return true;
+      }
+      if (((_f = node2.value) == null ? void 0 : _f.parameters[AI_TRANSFORM_CODE_GENERATED_FOR_PROMPT]) && ((_h = (_g = node2.value) == null ? void 0 : _g.parameters) == null ? void 0 : _h.instructions).trim() !== ((_j = (_i = node2.value) == null ? void 0 : _i.parameters) == null ? void 0 : _j[AI_TRANSFORM_CODE_GENERATED_FOR_PROMPT]).trim()) {
+        return true;
+      }
+      return false;
+    });
     async function stopWaitingForWebhook() {
       try {
         await workflowsStore.removeTestWebhook(workflowsStore.workflowId);
@@ -1638,6 +1668,46 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
       }
     }
     async function onClick() {
+      var _a, _b, _c;
+      if (shouldGenerateCode.value) {
+        codeGenerationInProgress.value = true;
+        try {
+          toast.showMessage({
+            title: i18n2.baseText("ndv.execute.generateCode.title"),
+            message: i18n2.baseText("ndv.execute.generateCode.message", {
+              interpolate: { nodeName: (_a = node2.value) == null ? void 0 : _a.name }
+            }),
+            type: "success"
+          });
+          const prompt2 = (_c = (_b = node2.value) == null ? void 0 : _b.parameters) == null ? void 0 : _c.instructions;
+          const updateInformation = await generateCodeForAiTransform(
+            prompt2,
+            `parameters.${AI_TRANSFORM_JS_CODE}`
+          );
+          if (!updateInformation) return;
+          emit("valueChanged", updateInformation);
+          emit("valueChanged", {
+            name: `parameters.${AI_TRANSFORM_CODE_GENERATED_FOR_PROMPT}`,
+            value: prompt2
+          });
+          useTelemetry().trackAiTransform("generationFinished", {
+            prompt: prompt2,
+            code: updateInformation.value
+          });
+        } catch (error2) {
+          useTelemetry().trackAiTransform("generationFinished", {
+            prompt,
+            code: "",
+            hasError: true
+          });
+          toast.showMessage({
+            type: "error",
+            title: i18n2.baseText("codeNodeEditor.askAi.generationFailed"),
+            message: error2.message
+          });
+        }
+        codeGenerationInProgress.value = false;
+      }
       if (isChatNode.value || isChatChild.value && ndvStore.isNDVDataEmpty("input")) {
         ndvStore.setActiveNodeName(null);
         nodeViewEventBus.emit("openChat");
@@ -1705,7 +1775,7 @@ const _sfc_main$X = /* @__PURE__ */ defineComponent({
                 label: buttonLabel.value,
                 type: _ctx.type,
                 size: _ctx.size,
-                icon: !isListeningForEvents.value && !_ctx.hideIcon ? "flask" : void 0,
+                icon: buttonIcon.value,
                 "transparent-background": _ctx.transparent,
                 title: !isTriggerNode.value && !tooltipText.value ? unref(i18n2).baseText("ndv.execute.testNode.description") : "",
                 onMouseover: onMouseOver,
@@ -1799,8 +1869,8 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
     const hasForeignCredential = computed(() => props.foreignCredentials.length > 0);
     const isHomeProjectTeam = computed(
       () => {
-        var _a;
-        return ((_a = currentWorkflow.value.homeProject) == null ? void 0 : _a.type) === ProjectTypes.Team;
+        var _a, _b;
+        return ((_b = (_a = currentWorkflow.value) == null ? void 0 : _a.homeProject) == null ? void 0 : _b.type) === ProjectTypes.Team;
       }
     );
     const isReadOnly = computed(
@@ -2486,7 +2556,8 @@ const _sfc_main$W = /* @__PURE__ */ defineComponent({
                 size: "small",
                 "telemetry-source": "parameters",
                 onExecute: onNodeExecute,
-                onStopExecution
+                onStopExecution,
+                onValueChanged: valueChanged
               }, null, 8, ["node-name", "disabled", "tooltip"])) : createCommentVNode("", true)
             ])) : createCommentVNode("", true)
           ]),
@@ -2672,29 +2743,73 @@ const style0$y = {
 const cssModules$A = {
   "$style": style0$y
 };
-const NodeSettings = /* @__PURE__ */ _export_sfc$1(_sfc_main$W, [["__cssModules", cssModules$A], ["__scopeId", "data-v-1b928372"]]);
-const _sfc_main$V = defineComponent({
-  components: {
-    Draggable
-  },
+const NodeSettings = /* @__PURE__ */ _export_sfc$1(_sfc_main$W, [["__cssModules", cssModules$A], ["__scopeId", "data-v-1dacd3ce"]]);
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
+  __name: "PanelDragButton",
   props: {
-    canMoveRight: {
-      type: Boolean
-    },
-    canMoveLeft: {
-      type: Boolean
-    }
+    canMoveRight: { type: Boolean },
+    canMoveLeft: { type: Boolean }
   },
-  methods: {
-    onDrag(e) {
-      this.$emit("drag", e);
-    },
-    onDragStart() {
-      this.$emit("dragstart");
-    },
-    onDragEnd() {
-      this.$emit("dragend");
-    }
+  emits: ["drag", "dragstart", "dragend"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const onDrag = (e) => {
+      emit("drag", e);
+    };
+    const onDragEnd = () => {
+      emit("dragend");
+    };
+    const onDragStart = () => {
+      emit("dragstart");
+    };
+    return (_ctx, _cache) => {
+      const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
+      return openBlock(), createBlock(Draggable, {
+        type: "panel-resize",
+        class: normalizeClass(_ctx.$style.dragContainer),
+        onDrag,
+        onDragstart: onDragStart,
+        onDragend: onDragEnd
+      }, {
+        default: withCtx(({ isDragging }) => [
+          createBaseVNode("div", {
+            class: normalizeClass({ [_ctx.$style.dragButton]: true })
+          }, [
+            _ctx.canMoveLeft ? (openBlock(), createElementBlock("span", {
+              key: 0,
+              class: normalizeClass({ [_ctx.$style.leftArrow]: true, [_ctx.$style.visible]: isDragging })
+            }, [
+              createVNode(_component_font_awesome_icon, { icon: "arrow-left" })
+            ], 2)) : createCommentVNode("", true),
+            _ctx.canMoveRight ? (openBlock(), createElementBlock("span", {
+              key: 1,
+              class: normalizeClass({ [_ctx.$style.rightArrow]: true, [_ctx.$style.visible]: isDragging })
+            }, [
+              createVNode(_component_font_awesome_icon, { icon: "arrow-right" })
+            ], 2)) : createCommentVNode("", true),
+            createBaseVNode("div", {
+              class: normalizeClass(_ctx.$style.grid)
+            }, _cache[0] || (_cache[0] = [
+              createBaseVNode("div", null, [
+                createBaseVNode("div"),
+                createBaseVNode("div"),
+                createBaseVNode("div"),
+                createBaseVNode("div"),
+                createBaseVNode("div")
+              ], -1),
+              createBaseVNode("div", null, [
+                createBaseVNode("div"),
+                createBaseVNode("div"),
+                createBaseVNode("div"),
+                createBaseVNode("div"),
+                createBaseVNode("div")
+              ], -1)
+            ]), 2)
+          ], 2)
+        ]),
+        _: 1
+      }, 8, ["class"]);
+    };
   }
 });
 const dragContainer = "_dragContainer_1fum9_1";
@@ -2713,59 +2828,10 @@ const style0$x = {
   arrow,
   grid
 };
-function _sfc_render$8(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
-  const _component_Draggable = Draggable;
-  return openBlock(), createBlock(_component_Draggable, {
-    type: "panel-resize",
-    class: normalizeClass(_ctx.$style.dragContainer),
-    onDrag: _ctx.onDrag,
-    onDragstart: _ctx.onDragStart,
-    onDragend: _ctx.onDragEnd
-  }, {
-    default: withCtx(({ isDragging }) => [
-      createBaseVNode("div", {
-        class: normalizeClass({ [_ctx.$style.dragButton]: true })
-      }, [
-        _ctx.canMoveLeft ? (openBlock(), createElementBlock("span", {
-          key: 0,
-          class: normalizeClass({ [_ctx.$style.leftArrow]: true, [_ctx.$style.visible]: isDragging })
-        }, [
-          createVNode(_component_font_awesome_icon, { icon: "arrow-left" })
-        ], 2)) : createCommentVNode("", true),
-        _ctx.canMoveRight ? (openBlock(), createElementBlock("span", {
-          key: 1,
-          class: normalizeClass({ [_ctx.$style.rightArrow]: true, [_ctx.$style.visible]: isDragging })
-        }, [
-          createVNode(_component_font_awesome_icon, { icon: "arrow-right" })
-        ], 2)) : createCommentVNode("", true),
-        createBaseVNode("div", {
-          class: normalizeClass(_ctx.$style.grid)
-        }, _cache[0] || (_cache[0] = [
-          createBaseVNode("div", null, [
-            createBaseVNode("div"),
-            createBaseVNode("div"),
-            createBaseVNode("div"),
-            createBaseVNode("div"),
-            createBaseVNode("div")
-          ], -1),
-          createBaseVNode("div", null, [
-            createBaseVNode("div"),
-            createBaseVNode("div"),
-            createBaseVNode("div"),
-            createBaseVNode("div"),
-            createBaseVNode("div")
-          ], -1)
-        ]), 2)
-      ], 2)
-    ]),
-    _: 1
-  }, 8, ["class", "onDrag", "onDragstart", "onDragend"]);
-}
 const cssModules$z = {
   "$style": style0$x
 };
-const PanelDragButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$V, [["render", _sfc_render$8], ["__cssModules", cssModules$z]]);
+const PanelDragButton = /* @__PURE__ */ _export_sfc$1(_sfc_main$V, [["__cssModules", cssModules$z]]);
 const _hoisted_1$r = ["data-node-name", "data-node-placement", "onClick"];
 const _sfc_main$U = /* @__PURE__ */ defineComponent({
   __name: "NDVFloatingNodes",
@@ -3250,7 +3316,7 @@ const dataPanel = "_dataPanel_a6j4o_1";
 const inputPanel = "_inputPanel_a6j4o_10 _dataPanel_a6j4o_1";
 const outputPanel = "_outputPanel_a6j4o_18 _dataPanel_a6j4o_1";
 const mainPanel = "_mainPanel_a6j4o_26";
-const draggable$1 = "_draggable_a6j4o_30";
+const draggable = "_draggable_a6j4o_30";
 const mainPanelInner = "_mainPanelInner_a6j4o_34";
 const dragging = "_dragging_a6j4o_41";
 const dragButtonContainer = "_dragButtonContainer_a6j4o_54";
@@ -3260,7 +3326,7 @@ const style0$v = {
   inputPanel,
   outputPanel,
   mainPanel,
-  draggable: draggable$1,
+  draggable,
   mainPanelInner,
   dragging,
   "double-width": "_double-width_a6j4o_50",
@@ -3882,19 +3948,19 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
   }
 });
 const LazyRunDataTable = defineAsyncComponent(
-  async () => await __vitePreload(() => import("./RunDataTable--RIqj8DU.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
+  async () => await __vitePreload(() => import("./RunDataTable-DISLWxMc.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
 );
 const LazyRunDataJson = defineAsyncComponent(
-  async () => await __vitePreload(() => import("./RunDataJson-CUsbBWaI.js"), true ? __vite__mapDeps([4,1,2,5,6,7,8,9,10,11,12,13,14]) : void 0)
+  async () => await __vitePreload(() => import("./RunDataJson-ea5u1EeD.js"), true ? __vite__mapDeps([4,1,2,5,6,7,8,9,10,11,12,13,14]) : void 0)
 );
 const LazyRunDataSchema = defineAsyncComponent(
-  async () => await __vitePreload(() => import("./index-QAq8Sa9R.js").then((n) => n.jx), true ? __vite__mapDeps([1,2]) : void 0)
+  async () => await __vitePreload(() => import("./index-7YFQEQmt.js").then((n) => n.jy), true ? __vite__mapDeps([1,2]) : 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-BiygytJ8.js"), true ? __vite__mapDeps([15,1,2,16]) : void 0)
+  async () => await __vitePreload(() => import("./RunDataSearch-DKNVmEqa.js"), true ? __vite__mapDeps([15,1,2,16]) : void 0)
 );
 const _sfc_main$O = defineComponent({
   name: "RunData",
@@ -3945,7 +4011,8 @@ const _sfc_main$O = defineComponent({
       type: String
     },
     pushRef: {
-      type: String
+      type: String,
+      required: true
     },
     paneType: {
       type: String,
@@ -5779,7 +5846,7 @@ function _sfc_render$6(_ctx, _cache, $props, $setup, $data, $options) {
 const cssModules$v = {
   "$style": style0$t
 };
-const __unplugin_components_3 = /* @__PURE__ */ _export_sfc$1(_sfc_main$O, [["render", _sfc_render$6], ["__cssModules", cssModules$v], ["__scopeId", "data-v-608fc001"]]);
+const __unplugin_components_3 = /* @__PURE__ */ _export_sfc$1(_sfc_main$O, [["render", _sfc_render$6], ["__cssModules", cssModules$v], ["__scopeId", "data-v-4243851b"]]);
 const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "RunInfo",
   props: {
@@ -6473,7 +6540,8 @@ const _sfc_main$J = defineComponent({
       type: Boolean
     },
     pushRef: {
-      type: String
+      type: String,
+      required: true
     },
     readOnly: {
       type: Boolean
@@ -6584,7 +6652,7 @@ const _sfc_main$J = defineComponent({
     rootNode() {
       var _a;
       const workflow = this.workflow;
-      const rootNodes = workflow.getChildNodes(((_a = this.activeNode) == null ? void 0 : _a.name) ?? "", "ALL_NON_MAIN");
+      const rootNodes = workflow.getChildNodes(((_a = this.activeNode) == null ? void 0 : _a.name) ?? "", "ALL");
       return rootNodes[0];
     },
     rootNodesParents() {
@@ -6750,7 +6818,7 @@ function _sfc_render$4(_ctx, _cache, $props, $setup, $data, $options) {
     node: _ctx.currentNode,
     nodes: _ctx.isMappingMode ? _ctx.rootNodesParents : _ctx.parentNodes,
     workflow: _ctx.workflow,
-    "run-index": _ctx.runIndex,
+    "run-index": _ctx.isMappingMode ? 0 : _ctx.runIndex,
     "linked-runs": _ctx.linkedRuns,
     "can-link-runs": !_ctx.mappedNode && _ctx.canLinkRuns,
     "too-much-data-title": _ctx.$locale.baseText("ndv.input.tooMuchData.title"),
@@ -7562,6 +7630,20 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
       return parentNodes.value[0];
     });
     const inputNodeName = computed(() => {
+      var _a;
+      const nodeOutputs = activeNode.value && activeNodeType.value ? getNodeOutputs(props.workflowObject, activeNode.value, activeNodeType.value) : [];
+      const nonMainOutputs = nodeOutputs.filter((output) => {
+        if (typeof output === "string") return output !== NodeConnectionType.Main;
+        return output.type !== NodeConnectionType.Main;
+      });
+      const isSubNode = nonMainOutputs.length > 0;
+      if (isSubNode && activeNode.value) {
+        const connectedOutputNode = (_a = props.workflowObject.getChildNodes(
+          activeNode.value.name,
+          "ALL_NON_MAIN"
+        )) == null ? void 0 : _a[0];
+        return connectedOutputNode;
+      }
       return selectedInput.value || parentNode.value;
     });
     const inputNode = computed(() => {
@@ -9223,10 +9305,10 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
       };
     });
     const nodeExecutionStatus = computed(() => {
-      var _a, _b;
+      var _a, _b, _c;
       const nodeExecutionRunData = (_a = workflowsStore.getWorkflowRunData) == null ? void 0 : _a[props.name];
       if (nodeExecutionRunData) {
-        return ((_b = nodeExecutionRunData.filter(Boolean)[0]) == null ? void 0 : _b.executionStatus) ?? "";
+        return ((_c = (_b = nodeExecutionRunData.filter(Boolean)) == null ? void 0 : _b[0]) == null ? void 0 : _c.executionStatus) ?? "";
       }
       return "";
     });
@@ -9728,7 +9810,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const __unplugin_components_0$6 = /* @__PURE__ */ _export_sfc$1(_sfc_main$F, [["__scopeId", "data-v-aa223f3f"]]);
+const __unplugin_components_0$6 = /* @__PURE__ */ _export_sfc$1(_sfc_main$F, [["__scopeId", "data-v-21033a3a"]]);
 const state = reactive({
   customActions: {},
   delegatedClickHandler: null
@@ -10116,7 +10198,7 @@ function sortNodeCreateElements(nodes) {
 function searchNodes(searchFilter, items) {
   const askAiEnabled = useSettingsStore().isAskAiEnabled;
   if (!askAiEnabled) {
-    items = items.filter((item) => item.key !== AI_TRANSFORM_NODE_TYPE);
+    items = items.filter((item) => item.key !== AI_TRANSFORM_NODE_TYPE$1);
   }
   const trimmedFilter = searchFilter.toLowerCase().replace("trigger", "").trimEnd();
   const result = (sublimeSearch(trimmedFilter, items, [
@@ -10494,7 +10576,7 @@ function RegularView(nodes) {
     SET_NODE_TYPE,
     CODE_NODE_TYPE,
     DATETIME_NODE_TYPE,
-    AI_TRANSFORM_NODE_TYPE
+    AI_TRANSFORM_NODE_TYPE$1
   ];
   const view = {
     value: REGULAR_NODE_CREATOR_VIEW,
@@ -10954,7 +11036,7 @@ const useViewStacks = defineStore("nodeCreatorViewStacks", () => {
       const isAskAiEnabled = settingsStore.isAskAiEnabled;
       if (!isAskAiEnabled) {
         itemsInSubcategory = itemsInSubcategory.filter(
-          (item) => item.key !== AI_TRANSFORM_NODE_TYPE$1
+          (item) => item.key !== AI_TRANSFORM_NODE_TYPE
         );
       }
       const sections = stack.sections;
@@ -11045,8 +11127,8 @@ function mapLegacyConnectionsToCanvasConnections(legacyConnections, nodes) {
     );
     fromConnectionTypes.forEach((fromConnectionType) => {
       const fromPorts = legacyConnections[fromNodeName][fromConnectionType];
-      fromPorts.forEach((toPorts, fromIndex) => {
-        toPorts.forEach((toPort) => {
+      fromPorts == null ? void 0 : fromPorts.forEach((toPorts, fromIndex) => {
+        toPorts == null ? void 0 : toPorts.forEach((toPort) => {
           var _a2;
           const toId = ((_a2 = nodes.find((node2) => node2.name === toPort.node)) == null ? void 0 : _a2.id) ?? "";
           const toConnectionType = toPort.type;
@@ -11192,13 +11274,15 @@ const useNodeCreatorStore = defineStore(STORES.NODE_CREATOR, () => {
   const ndvStore = useNDVStore();
   const uiStore = useUIStore();
   const nodeTypesStore = useNodeTypesStore();
-  const externalHooks = useExternalHooks();
   const telemetry = useTelemetry();
+  const externalHooks = useExternalHooks();
   const selectedView = ref(TRIGGER_NODE_CREATOR_VIEW);
   const mergedNodes = ref([]);
   const actions2 = ref({});
   const showScrim = ref(false);
   const openSource = ref("");
+  const isCreateNodeActive = ref(false);
+  const nodePanelSessionId = ref("");
   const allNodeCreatorNodes = computed(
     () => Object.values(mergedNodes.value).map((i) => transformNodeType(i))
   );
@@ -11251,52 +11335,29 @@ const useNodeCreatorStore = defineStore(STORES.NODE_CREATOR, () => {
     createNodeActive,
     nodeCreatorView
   }) {
-    if (createNodeActive === uiStore.isCreateNodeActive) {
+    if (createNodeActive === isCreateNodeActive.value) {
       return;
     }
     if (!nodeCreatorView) {
       nodeCreatorView = workflowsStore.workflowTriggerNodes.length > 0 ? REGULAR_NODE_CREATOR_VIEW : TRIGGER_NODE_CREATOR_VIEW;
     }
     setSelectedView(nodeCreatorView);
-    let mode;
-    switch (selectedView.value) {
-      case AI_NODE_CREATOR_VIEW:
-        mode = "ai";
-        break;
-      case REGULAR_NODE_CREATOR_VIEW:
-        mode = "regular";
-        break;
-      default:
-        mode = "regular";
-    }
-    uiStore.isCreateNodeActive = createNodeActive;
+    isCreateNodeActive.value = createNodeActive;
     if (createNodeActive && source) {
       setOpenSource(source);
     }
     void externalHooks.run("nodeView.createNodeActiveChanged", {
       source,
-      mode,
+      mode: getMode(nodeCreatorView),
       createNodeActive
     });
-    trackNodesPanelActiveChanged({
-      source,
-      mode,
-      createNodeActive,
-      workflowId: workflowsStore.workflowId
-    });
-  }
-  function trackNodesPanelActiveChanged({
-    source,
-    mode,
-    createNodeActive,
-    workflowId
-  }) {
-    telemetry.trackNodesPanel("nodeView.createNodeActiveChanged", {
-      source,
-      mode,
-      createNodeActive,
-      workflow_id: workflowId
-    });
+    if (createNodeActive) {
+      onCreatorOpened({
+        source,
+        mode: getMode(nodeCreatorView),
+        workflow_id: workflowsStore.workflowId
+      });
+    }
   }
   function openNodeCreatorForConnectingNode({
     connection,
@@ -11358,7 +11419,107 @@ const useNodeCreatorStore = defineStore(STORES.NODE_CREATOR, () => {
     }
     return filter2;
   }
+  function resetNodesPanelSession() {
+    nodePanelSessionId.value = `nodes_panel_session_${(/* @__PURE__ */ new Date()).valueOf()}`;
+  }
+  function trackNodeCreatorEvent(event, properties = {}, withPostHog = false) {
+    telemetry.track(
+      event,
+      {
+        ...properties,
+        nodes_panel_session_id: nodePanelSessionId.value
+      },
+      {
+        withPostHog
+      }
+    );
+  }
+  function onCreatorOpened({
+    source,
+    mode,
+    workflow_id
+  }) {
+    resetNodesPanelSession();
+    trackNodeCreatorEvent("User opened nodes panel", {
+      source,
+      mode,
+      workflow_id
+    });
+  }
+  function onNodeFilterChanged({
+    newValue,
+    filteredNodes,
+    filterMode,
+    subcategory,
+    title: title2
+  }) {
+    if (!newValue.length) {
+      return;
+    }
+    const { results_count, trigger_count, regular_count } = filteredNodes.reduce(
+      (accu, node2) => {
+        if (!("properties" in node2)) {
+          return accu;
+        }
+        const isCustomAction = "actionKey" in node2.properties && node2.properties.actionKey === CUSTOM_API_CALL_KEY;
+        if (isCustomAction) {
+          return accu;
+        }
+        const isTrigger = node2.key.includes("Trigger");
+        return {
+          results_count: accu.results_count + 1,
+          trigger_count: accu.trigger_count + (isTrigger ? 1 : 0),
+          regular_count: accu.regular_count + (isTrigger ? 0 : 1)
+        };
+      },
+      {
+        results_count: 0,
+        trigger_count: 0,
+        regular_count: 0
+      }
+    );
+    trackNodeCreatorEvent("User entered nodes panel search term", {
+      search_string: newValue,
+      filter_mode: getMode(filterMode),
+      category_name: subcategory,
+      results_count,
+      trigger_count,
+      regular_count,
+      title: title2
+    });
+  }
+  function onCategoryExpanded(properties) {
+    trackNodeCreatorEvent("User viewed node category", { ...properties, is_subcategory: false });
+  }
+  function onViewActions(properties) {
+    trackNodeCreatorEvent("User viewed node actions", properties);
+  }
+  function onActionsCustomAPIClicked(properties) {
+    trackNodeCreatorEvent("User clicked custom API from node actions", properties);
+  }
+  function onAddActions(properties) {
+    trackNodeCreatorEvent("User added action", properties);
+  }
+  function onSubcategorySelected(properties) {
+    trackNodeCreatorEvent("User viewed node category", {
+      category_name: properties.subcategory,
+      is_subcategory: true
+    });
+  }
+  function onNodeAddedToCanvas(properties) {
+    trackNodeCreatorEvent("User added node to workflow canvas", properties, true);
+  }
+  function getMode(mode) {
+    if (mode === AI_NODE_CREATOR_VIEW || mode === AI_OTHERS_NODE_CREATOR_VIEW) {
+      return "ai";
+    }
+    if (mode === TRIGGER_NODE_CREATOR_VIEW) {
+      return "trigger";
+    }
+    return "regular";
+  }
   return {
+    isCreateNodeActive,
     openSource,
     selectedView,
     showScrim,
@@ -11373,7 +11534,15 @@ const useNodeCreatorStore = defineStore(STORES.NODE_CREATOR, () => {
     openSelectiveNodeCreator,
     openNodeCreatorForConnectingNode,
     openNodeCreatorForTriggerNodes,
-    allNodeCreatorNodes
+    allNodeCreatorNodes,
+    onCreatorOpened,
+    onNodeFilterChanged,
+    onCategoryExpanded,
+    onActionsCustomAPIClicked,
+    onViewActions,
+    onAddActions,
+    onSubcategorySelected,
+    onNodeAddedToCanvas
   };
 });
 const _hoisted_1$g = ["textContent"];
@@ -11525,13 +11694,13 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
   }
 });
 const LazyNodeCreation = defineAsyncComponent(
-  async () => await __vitePreload(() => import("./NodeCreation-BqSkxffS.js").then((n) => n.N), true ? __vite__mapDeps([17,1,2,18]) : void 0)
+  async () => await __vitePreload(() => import("./NodeCreation-Ce1ct2i3.js").then((n) => n.N), true ? __vite__mapDeps([17,1,2,18]) : void 0)
 );
 const LazyCanvasControls = defineAsyncComponent(
-  async () => await __vitePreload(() => import("./CanvasControls-DkT1iClJ.js"), true ? __vite__mapDeps([19,1,2,20]) : void 0)
+  async () => await __vitePreload(() => import("./CanvasControls-BPXQqeeO.js"), true ? __vite__mapDeps([19,1,2,20]) : void 0)
 );
 const LazySetupWorkflowCredentialsButton = defineAsyncComponent(
-  async () => await __vitePreload(() => import("./SetupWorkflowCredentialsButton-u1qhjj5K.js"), true ? __vite__mapDeps([21,1,2]) : void 0)
+  async () => await __vitePreload(() => import("./SetupWorkflowCredentialsButton-C1Jv_-V5.js"), true ? __vite__mapDeps([21,1,2]) : void 0)
 );
 const _sfc_main$C = defineComponent({
   name: "NodeView",
@@ -13328,22 +13497,19 @@ const _sfc_main$C = defineComponent({
       this.workflowsStore.setNodePristine(newNodeData.name, true);
       this.uiStore.stateIsDirty = true;
       if (nodeTypeName === STICKY_NODE_TYPE) {
-        this.$telemetry.trackNodesPanel("nodeView.addSticky", {
+        this.$telemetry.track("User inserted workflow note", {
           workflow_id: this.workflowsStore.workflowId
         });
       } else {
         void this.externalHooks.run("nodeView.addNodeButton", { nodeTypeName });
-        const trackProperties = {
+        this.nodeCreatorStore.onNodeAddedToCanvas({
           node_type: nodeTypeName,
           node_version: newNodeData.typeVersion,
           is_auto_add: isAutoAdd,
           workflow_id: this.workflowsStore.workflowId,
-          drag_and_drop: options.dragAndDrop
-        };
-        if (lastSelectedNode) {
-          trackProperties.input_node_type = lastSelectedNode.type;
-        }
-        this.$telemetry.trackNodesPanel("nodeView.addNodeButton", trackProperties);
+          drag_and_drop: options.dragAndDrop,
+          input_node_type: lastSelectedNode ? lastSelectedNode.type : void 0
+        });
       }
       if (trackHistory && !isAutoAdd) {
         this.deselectAllNodes();
@@ -14749,12 +14915,13 @@ const _sfc_main$C = defineComponent({
         mode,
         createNodeActive
       });
-      this.$telemetry.trackNodesPanel("nodeView.createNodeActiveChanged", {
-        source,
-        mode,
-        createNodeActive,
-        workflow_id: this.workflowsStore.workflowId
-      });
+      if (createNodeActive) {
+        this.nodeCreatorStore.onCreatorOpened({
+          source,
+          mode,
+          workflow_id: this.workflowsStore.workflowId
+        });
+      }
     },
     async onAddNodes({ nodes, connections: connections2 }, dragAndDrop = false, position2) {
       let currentPosition = position2;
@@ -15193,7 +15360,7 @@ function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
 const cssModules$n = {
   "$style": style2
 };
-const NodeViewV1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$C, [["render", _sfc_render$2], ["__cssModules", cssModules$n], ["__scopeId", "data-v-58f513fa"]]);
+const NodeViewV1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$C, [["render", _sfc_render$2], ["__cssModules", cssModules$n], ["__scopeId", "data-v-07a30429"]]);
 const _sfc_main$B = {};
 function _sfc_render$1(_ctx, _cache) {
   const _component_N8nButton = resolveComponent("N8nButton");
@@ -18570,7 +18737,7 @@ function useKeyPress(keyFilter, options) {
   function reset() {
     modifierPressed = false;
     pressedKeys.clear();
-    isPressed.value = false;
+    isPressed.value = toValue$1(keyFilter) === true;
   }
   function createKeyFilterFn(keyFilter2) {
     if (keyFilter2 === null) {
@@ -22765,7 +22932,7 @@ class Storage {
       edgeLookup,
       emits,
       id: id2,
-      vueFlowVersion: "1.41.2",
+      vueFlowVersion: "1.41.4",
       $destroy: () => {
         this.remove(id2);
       }
@@ -23261,7 +23428,9 @@ const _sfc_main$8$1 = /* @__PURE__ */ defineComponent({
     const panKeyPressed = useKeyPress(panActivationKeyCode);
     const selectionKeyPressed = useKeyPress(selectionKeyCode);
     const zoomKeyPressed = useKeyPress(zoomActivationKeyCode);
-    const shouldPanOnDrag = toRef(() => !selectionKeyPressed.value && (panKeyPressed.value || panOnDrag.value));
+    const shouldPanOnDrag = toRef(
+      () => (!selectionKeyPressed.value || selectionKeyPressed.value && selectionKeyCode.value === true) && (panKeyPressed.value || panOnDrag.value)
+    );
     const shouldPanOnScroll = toRef(() => panKeyPressed.value || panOnScroll.value);
     const isSelecting = toRef(() => selectionKeyPressed.value || selectionKeyCode.value === true && shouldPanOnDrag.value !== true);
     onMounted(() => {
@@ -23354,10 +23523,13 @@ const _sfc_main$8$1 = /* @__PURE__ */ defineComponent({
         if (!shouldPanOnDrag.value && (event.type === "mousedown" || event.type === "touchstart")) {
           return false;
         }
+        if (selectionKeyCode.value === true && Array.isArray(panOnDrag.value) && panOnDrag.value.includes(0) && eventButton === 0) {
+          return false;
+        }
         if (Array.isArray(shouldPanOnDrag.value) && !shouldPanOnDrag.value.includes(eventButton) && (event.type === "mousedown" || event.type === "touchstart")) {
           return false;
         }
-        const buttonAllowed = Array.isArray(shouldPanOnDrag.value) && shouldPanOnDrag.value.includes(eventButton) || !eventButton || eventButton <= 1;
+        const buttonAllowed = Array.isArray(shouldPanOnDrag.value) && shouldPanOnDrag.value.includes(eventButton) || selectionKeyCode.value === true && Array.isArray(shouldPanOnDrag.value) && !shouldPanOnDrag.value.includes(0) || !eventButton || eventButton <= 1;
         return (!event.ctrlKey || event.type === "wheel") && buttonAllowed;
       });
       watch(
@@ -23935,9 +24107,10 @@ const ConnectionLine = defineComponent({
       const startHandleId = connectionStartHandle.value.handleId;
       const handleType = connectionStartHandle.value.type;
       const fromHandleBounds = fromNode.value.handleBounds;
-      let handleBounds = fromHandleBounds == null ? void 0 : fromHandleBounds[handleType];
+      let handleBounds = (fromHandleBounds == null ? void 0 : fromHandleBounds[handleType]) || [];
       if (connectionMode.value === ConnectionMode.Loose) {
-        handleBounds = handleBounds || (fromHandleBounds == null ? void 0 : fromHandleBounds[handleType === "source" ? "target" : "source"]);
+        const oppositeBounds = (fromHandleBounds == null ? void 0 : fromHandleBounds[handleType === "source" ? "target" : "source"]) || [];
+        handleBounds = [...handleBounds, ...oppositeBounds];
       }
       if (!handleBounds) {
         return null;
@@ -24630,7 +24803,7 @@ const _sfc_main$1$4 = /* @__PURE__ */ defineComponent({
     connectionRadius: {},
     isValidConnection: { type: [Function, null], default: void 0 },
     deleteKeyCode: { default: void 0 },
-    selectionKeyCode: { default: void 0 },
+    selectionKeyCode: { type: [Boolean, null], default: void 0 },
     multiSelectionKeyCode: { default: void 0 },
     zoomActivationKeyCode: { default: void 0 },
     panActivationKeyCode: { default: void 0 },
@@ -25230,10 +25403,14 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       const [gapX, gapY] = Array.isArray(__props.gap) ? __props.gap : [__props.gap, __props.gap];
       const scaledGap = [gapX * viewport.value.zoom || 1, gapY * viewport.value.zoom || 1];
       const scaledSize = __props.size * viewport.value.zoom;
-      const patternOffset = __props.variant === BackgroundVariant.Dots ? [scaledSize / __props.offset, scaledSize / __props.offset] : [scaledGap[0] / __props.offset, scaledGap[1] / __props.offset];
+      const [offsetX, offsetY] = Array.isArray(__props.offset) ? __props.offset : [__props.offset, __props.offset];
+      const scaledOffset = [
+        offsetX * viewport.value.zoom || 1 + scaledGap[0] / 2,
+        offsetY * viewport.value.zoom || 1 + scaledGap[1] / 2
+      ];
       return {
         scaledGap,
-        offset: patternOffset,
+        offset: scaledOffset,
         size: scaledSize
       };
     });
@@ -25266,7 +25443,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
               }, null, 8, ["size", "color", "dimensions"])) : _ctx.variant === unref(BackgroundVariant).Dots ? (openBlock(), createBlock(unref(DotPattern), {
                 key: 1,
                 color: patternColor.value,
-                radius: background.value.size / _ctx.offset
+                radius: background.value.size / 2
               }, null, 8, ["color", "radius"])) : createCommentVNode("", true),
               _ctx.bgColor ? (openBlock(), createElementBlock("svg", _hoisted_2$5, [
                 createBaseVNode("rect", {
@@ -31711,10 +31888,6 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   }
 });
 const CanvasBackgroundStripedPattern = /* @__PURE__ */ _export_sfc$1(_sfc_main$8, [["__scopeId", "data-v-3476bfc9"]]);
-function isMiddleMouseButton(event) {
-  return event.which === 2 || event.button === 1;
-}
-const panningKeyCode = " ";
 const defaultZoom = 1;
 const minimapVisibilityDelay = 1e3;
 const _sfc_main$7 = /* @__PURE__ */ defineComponent({
@@ -31735,8 +31908,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     const $style = useCssModule();
     const emit = __emit;
     const props = __props;
+    const { controlKeyCode } = useDeviceSupport();
     const {
-      vueFlowRef,
       getSelectedNodes: selectedNodes,
       addSelectedNodes,
       removeSelectedNodes,
@@ -31756,17 +31929,17 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     const isPaneReady = ref(false);
     const classes = computed(() => ({
       [$style.canvas]: true,
-      [$style.ready]: isPaneReady.value,
-      [$style.draggable]: isPanningEnabled.value
+      [$style.ready]: isPaneReady.value
     }));
     const disableKeyBindings = computed(() => !props.keyBindings);
-    const isPanningEnabled = ref(false);
+    const panningKeyCode = ref([" ", controlKeyCode]);
+    const panningMouseButton = ref([1]);
     const selectionKeyCode = ref(true);
-    onKeyDown(panningKeyCode, () => {
-      setPanningEnabled(true);
+    onKeyDown(panningKeyCode.value, () => {
+      selectionKeyCode.value = null;
     });
-    onKeyUp(panningKeyCode, () => {
-      setPanningEnabled(false);
+    onKeyUp(panningKeyCode.value, () => {
+      selectionKeyCode.value = true;
     });
     const keyMap = computed(() => ({
       ctrl_c: emitWithSelectedNodes((ids) => emit("copy:nodes", ids)),
@@ -31792,21 +31965,6 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       }
     }));
     useKeybindings(keyMap, { disabled: disableKeyBindings });
-    function setPanningEnabled(value) {
-      if (value) {
-        isPanningEnabled.value = true;
-        selectionKeyCode.value = null;
-      } else {
-        isPanningEnabled.value = false;
-        selectionKeyCode.value = true;
-      }
-    }
-    function resetSelectionKeyCode() {
-      selectionKeyCode.value = null;
-      void nextTick(() => {
-        selectionKeyCode.value = true;
-      });
-    }
     const lastSelectedNode = computed(() => selectedNodes.value[selectedNodes.value.length - 1]);
     const hasSelection = computed(() => selectedNodes.value.length > 0);
     const selectedNodeIds = computed(() => selectedNodes.value.map((node2) => node2.id));
@@ -31933,23 +32091,11 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       setInteractive(!value);
       elementsSelectable.value = true;
     }
-    function onPaneMouseDown(event) {
-      if (isMiddleMouseButton(event)) {
-        setPanningEnabled(true);
-        void nextTick(
-          () => {
-            var _a, _b;
-            return (_b = (_a = vueFlowRef.value) == null ? void 0 : _a.querySelector(".vue-flow__pane")) == null ? void 0 : _b.dispatchEvent(new MouseEvent("mousedown", event));
-          }
-        );
-      }
-    }
     function onPaneMoveStart() {
       isPaneMoving.value = true;
     }
     function onPaneMoveEnd() {
       isPaneMoving.value = false;
-      setPanningEnabled(false);
     }
     const contextMenu2 = useContextMenu();
     function onOpenContextMenu(event) {
@@ -32028,12 +32174,10 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     onMounted(() => {
       props.eventBus.on("fitView", onFitView);
       props.eventBus.on("nodes:select", onSelectNodes);
-      window.addEventListener("focus", resetSelectionKeyCode);
     });
     onUnmounted(() => {
       props.eventBus.off("fitView", onFitView);
       props.eventBus.off("nodes:select", onSelectNodes);
-      window.removeEventListener("focus", resetSelectionKeyCode);
     });
     onPaneReady(async () => {
       await onFitView();
@@ -32057,6 +32201,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         "apply-changes": false,
         "connection-line-options": { markerEnd: unref(MarkerType).ArrowClosed },
         "connection-radius": 60,
+        "pan-on-drag": panningMouseButton.value,
         "pan-on-scroll": "",
         "snap-to-grid": "",
         "snap-grid": [unref(GRID_SIZE), unref(GRID_SIZE)],
@@ -32064,7 +32209,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         "max-zoom": 4,
         class: normalizeClass(classes.value),
         "selection-key-code": selectionKeyCode.value,
-        "pan-activation-key-code": panningKeyCode,
+        "pan-activation-key-code": panningKeyCode.value,
         "data-test-id": "canvas",
         onConnectStart,
         onConnect,
@@ -32074,8 +32219,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         onViewportChange,
         onNodesChange,
         onMoveStart: onPaneMoveStart,
-        onMoveEnd: onPaneMoveEnd,
-        onMousedown: onPaneMouseDown
+        onMoveEnd: onPaneMoveEnd
       }, {
         "node-canvas-node": withCtx((canvasNodeProps) => [
           createVNode(Node, mergeProps(canvasNodeProps, {
@@ -32162,22 +32306,20 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
           }))
         ]),
         _: 1
-      }, 8, ["id", "nodes", "edges", "connection-line-options", "snap-grid", "class", "selection-key-code"]);
+      }, 8, ["id", "nodes", "edges", "connection-line-options", "pan-on-drag", "snap-grid", "class", "selection-key-code", "pan-activation-key-code"]);
     };
   }
 });
-const canvas$1 = "_canvas_rjqxg_1";
-const ready = "_ready_rjqxg_4";
-const draggable = "_draggable_rjqxg_7";
+const canvas$1 = "_canvas_1sz6z_1";
+const ready = "_ready_1sz6z_4";
 const style0$2 = {
   canvas: canvas$1,
-  ready,
-  draggable
+  ready
 };
 const cssModules$2 = {
   "$style": style0$2
 };
-const Canvas = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["__cssModules", cssModules$2], ["__scopeId", "data-v-2a7d0d16"]]);
+const Canvas = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["__cssModules", cssModules$2], ["__scopeId", "data-v-1991ee65"]]);
 function useCanvasMapping({
   nodes,
   connections: connections2,
@@ -33090,6 +33232,9 @@ function useCanvasOperations({ router }) {
     }
     void nextTick(() => {
       workflowsStore.setNodePristine(nodeData.name, true);
+      if (!options.keepPristine) {
+        uiStore.stateIsDirty = true;
+      }
       nodeHelpers.matchCredentials(nodeData);
       nodeHelpers.updateNodeParameterIssues(nodeData);
       nodeHelpers.updateNodeCredentialIssues(nodeData);
@@ -33189,22 +33334,19 @@ function useCanvasOperations({ router }) {
     }
   }
   function trackAddStickyNoteNode() {
-    telemetry.trackNodesPanel("nodeView.addSticky", {
+    telemetry.track("User inserted workflow note", {
       workflow_id: workflowsStore.workflowId
     });
   }
   function trackAddDefaultNode(nodeData, options) {
-    const trackProperties = {
+    nodeCreatorStore.onNodeAddedToCanvas({
       node_type: nodeData.type,
       node_version: nodeData.typeVersion,
       is_auto_add: options.isAutoAdd,
       workflow_id: workflowsStore.workflowId,
-      drag_and_drop: options.dragAndDrop
-    };
-    if (uiStore.lastInteractedWithNode) {
-      trackProperties.input_node_type = uiStore.lastInteractedWithNode.type;
-    }
-    telemetry.trackNodesPanel("nodeView.addNodeButton", trackProperties);
+      drag_and_drop: options.dragAndDrop,
+      input_node_type: uiStore.lastInteractedWithNode ? uiStore.lastInteractedWithNode.type : void 0
+    });
   }
   function resolveNodeData(node2, nodeTypeDescription) {
     const id2 = node2.id ?? v4();
@@ -33225,7 +33367,6 @@ function useCanvasOperations({ router }) {
       parameters
     };
     resolveNodeParameters(nodeData);
-    resolveNodeCredentials(nodeData, nodeTypeDescription);
     resolveNodeName(nodeData);
     resolveNodeWebhook(nodeData, nodeTypeDescription);
     return nodeData;
@@ -33266,48 +33407,6 @@ function useCanvasOperations({ router }) {
     );
     node2.parameters = nodeParameters ?? {};
   }
-  function resolveNodeCredentials(node2, nodeTypeDescription) {
-    var _a, _b, _c, _d;
-    const credentialPerType = (_a = nodeTypeDescription.credentials) == null ? void 0 : _a.map((type) => credentialsStore.getUsableCredentialByType(type.name)).flat();
-    if ((credentialPerType == null ? void 0 : credentialPerType.length) === 1) {
-      const defaultCredential = credentialPerType[0];
-      const selectedCredentials = credentialsStore.getCredentialById(defaultCredential.id);
-      const selected2 = { id: selectedCredentials.id, name: selectedCredentials.name };
-      const credentials = {
-        [defaultCredential.type]: selected2
-      };
-      if (nodeTypeDescription.credentials) {
-        const authentication = nodeTypeDescription.credentials.find(
-          (type) => type.name === defaultCredential.type
-        );
-        const authDisplayOptionsHide = (_b = authentication == null ? void 0 : authentication.displayOptions) == null ? void 0 : _b.hide;
-        const authDisplayOptionsShow = (_c = authentication == null ? void 0 : authentication.displayOptions) == null ? void 0 : _c.show;
-        if (!authDisplayOptionsHide) {
-          if (!authDisplayOptionsShow) {
-            node2.credentials = credentials;
-          } else if (Object.keys(authDisplayOptionsShow).length === 1 && authDisplayOptionsShow.authentication) {
-            node2.credentials = credentials;
-            let parameters = {};
-            for (const displayOption of Object.keys(authDisplayOptionsShow)) {
-              if (node2.parameters && !node2.parameters[displayOption]) {
-                parameters = {};
-                node2.credentials = void 0;
-                break;
-              }
-              const optionValue = (_d = authDisplayOptionsShow[displayOption]) == null ? void 0 : _d[0];
-              if (optionValue && typeof optionValue === "string") {
-                parameters[displayOption] = optionValue;
-              }
-              node2.parameters = {
-                ...node2.parameters,
-                ...parameters
-              };
-            }
-          }
-        }
-      }
-    }
-  }
   function resolveNodePosition(node2, nodeTypeDescription) {
     let position2 = node2.position;
     let pushOffsets = [40, 40];
@@ -33420,7 +33519,7 @@ function useCanvasOperations({ router }) {
   }
   function resolveNodeWebhook(node2, nodeTypeDescription) {
     var _a;
-    if ((_a = nodeTypeDescription.webhooks) == null ? void 0 : _a.length) {
+    if (((_a = nodeTypeDescription.webhooks) == null ? void 0 : _a.length) && !node2.webhookId) {
       node2.webhookId = v4();
     }
     if ([WEBHOOK_NODE_TYPE, FORM_TRIGGER_NODE_TYPE].includes(node2.type) && node2.parameters.path === "") {
@@ -33449,7 +33548,7 @@ function useCanvasOperations({ router }) {
       );
     }
   }
-  function createConnection(connection, { trackHistory = false } = {}) {
+  function createConnection(connection, { trackHistory = false, keepPristine = false } = {}) {
     const sourceNode = workflowsStore.getNodeById(connection.source);
     const targetNode = workflowsStore.getNodeById(connection.target);
     if (!sourceNode || !targetNode) {
@@ -33477,7 +33576,9 @@ function useCanvasOperations({ router }) {
       nodeHelpers.updateNodeInputIssues(sourceNode);
       nodeHelpers.updateNodeInputIssues(targetNode);
     });
-    uiStore.stateIsDirty = true;
+    if (!keepPristine) {
+      uiStore.stateIsDirty = true;
+    }
   }
   function revertCreateConnection(connection) {
     const sourceNodeName = connection[0].node;
@@ -33632,17 +33733,20 @@ function useCanvasOperations({ router }) {
     const targetNodeHasInputConnectionPortOfType = targetConnection.index < targetNodeInputs.length;
     return targetNodeHasInputConnectionOfType && targetNodeHasInputConnectionPortOfType;
   }
-  async function addConnections(connections2, { trackBulk = true, trackHistory = false } = {}) {
+  async function addConnections(connections2, { trackBulk = true, trackHistory = false, keepPristine = false } = {}) {
     await nextTick();
     if (trackBulk && trackHistory) {
       historyStore.startRecordingUndo();
     }
     for (const connection of connections2) {
-      createConnection(connection, { trackHistory });
+      createConnection(connection, { trackHistory, keepPristine });
     }
     if (trackBulk && trackHistory) {
       historyStore.stopRecordingUndo();
     }
+    if (!keepPristine) {
+      uiStore.stateIsDirty = true;
+    }
   }
   function resetWorkspace() {
     nodeCreatorStore.setNodeCreatorState({ createNodeActive: false });
@@ -33665,7 +33769,9 @@ function useCanvasOperations({ router }) {
   async function initializeWorkspace(data) {
     workflowHelpers.initState(data);
     await addNodes2(data.nodes, { keepPristine: true });
-    await addConnections(mapLegacyConnectionsToCanvasConnections(data.connections, data.nodes));
+    await addConnections(mapLegacyConnectionsToCanvasConnections(data.connections, data.nodes), {
+      keepPristine: true
+    });
   }
   function removeUnknownCredentials(workflow) {
     if (!(workflow == null ? void 0 : workflow.nodes)) return;
@@ -34018,7 +34124,8 @@ function useCanvasOperations({ router }) {
     importWorkflowData,
     fetchWorkflowDataFromUrl,
     resetWorkspace,
-    initializeWorkspace
+    initializeWorkspace,
+    resolveNodeWebhook
   };
 }
 const _sfc_main$4 = /* @__PURE__ */ defineComponent({
@@ -34082,7 +34189,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "NodeView.v2",
   setup(__props) {
     const LazyNodeCreation2 = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeCreation-BqSkxffS.js").then((n) => n.N), true ? __vite__mapDeps([17,1,2,18]) : void 0)
+      async () => await __vitePreload(() => import("./NodeCreation-Ce1ct2i3.js").then((n) => n.N), true ? __vite__mapDeps([17,1,2,18]) : void 0)
     );
     const LazyNodeDetailsView = defineAsyncComponent(
       async () => await __vitePreload(() => Promise.resolve().then(() => NodeDetailsView), true ? void 0 : void 0)
@@ -34954,6 +35061,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     }
     function addPostMessageEventBindings() {
       window.addEventListener("message", onPostMessageReceived);
+    }
+    function removePostMessageEventBindings() {
+      window.removeEventListener("message", onPostMessageReceived);
+    }
+    function emitPostMessageReady() {
       if (window.parent) {
         window.parent.postMessage(
           JSON.stringify({ command: "n8nReady", version: rootStore.versionCli }),
@@ -34961,9 +35073,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         );
       }
     }
-    function removePostMessageEventBindings() {
-      window.removeEventListener("message", onPostMessageReceived);
-    }
     async function onPostMessageReceived(messageEvent) {
       var _a, _b;
       if (!messageEvent || typeof messageEvent.data !== "string" || !((_b = (_a = messageEvent.data) == null ? void 0 : _a.includes) == null ? void 0 : _b.call(_a, '"command"'))) {
@@ -35081,7 +35190,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     }
     function onClickPane(position2) {
       lastClickPosition.value = [position2.x, position2.y];
-      uiStore.isCreateNodeActive = false;
+      nodeCreatorStore.isCreateNodeActive = false;
       setNodeSelected();
     }
     function registerCustomActions() {
@@ -35125,6 +35234,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       if (!isDemoRoute.value) {
         pushConnectionStore.pushConnect();
       }
+      addPostMessageEventBindings();
     });
     onMounted(() => {
       canvasStore.startLoading();
@@ -35138,12 +35248,12 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
           canvasStore.stopLoading();
           void externalHooks.run("nodeView.mount").catch(() => {
           });
+          emitPostMessageReady();
         });
         void usersStore.showPersonalizationSurvey();
         checkIfRouteIsAllowed();
       });
       addSourceControlEventBindings();
-      addPostMessageEventBindings();
       addWorkflowSavedEventBindings();
       addBeforeUnloadEventBindings();
       addImportEventBindings();
@@ -35246,7 +35356,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
             default: withCtx(() => [
               !isCanvasReadOnly.value ? (openBlock(), createBlock(unref(LazyNodeCreation2), {
                 key: 0,
-                "create-node-active": unref(uiStore).isCreateNodeActive,
+                "create-node-active": unref(nodeCreatorStore).isCreateNodeActive,
                 "node-view-scale": viewportTransform.value.zoom,
                 onToggleNodeCreator,
                 onAddNodes: onAddNodesAndConnections