n8n-editor-ui 1.102.2 → 1.104.0

package/dist/assets/{NodeView-DKlyR0_C.js → NodeView-BzC6ELga.js}

@@ -1,25 +1,26 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreation-DCV9QVeh.js","assets/index-B3p3789J.js","assets/index-COleXxZf.css","assets/NodeCreation-32nlvQSy.css","assets/NodeDetailsView-D7qedYA0.js","assets/TriggerPanel-CP3_UsCW.js","assets/RunData-CctCvWsu.js","assets/FileSaver.min-BemkeU_7.js","assets/useKeybindings-ul7syjnB.js","assets/useKeybindings-BUK7Ngh6.css","assets/useExecutionHelpers-i07QEXws.js","assets/RunData-DuKNwYqe.css","assets/RunDataParsedAiContent-BILLIvVH.js","assets/RunDataParsedAiContent-wfIiKsq7.css","assets/InfoAccordion--ZQQuSPX.js","assets/InfoAccordion-dxudNqVC.css","assets/TriggerPanel-DRpKKKun.css","assets/useWorkflowActivate-DpHXxGAq.js","assets/ActionDropdown-CiegfqhB.js","assets/ActionDropdown-BmC0wfMx.css","assets/import-curl-CjhdjoGU.js","assets/global-link-actions-BIVeUMGo.js","assets/useExecutionDebugging-wUQ9K2sh.js","assets/useBeforeUnload-Yj83KQFp.js","assets/NodeDetailsView-CaTI-1QQ.css","assets/NodeDetailsViewV2-BAkPjDo5.js","assets/NodeDetailsViewV2-BxNx4ZUM.css","assets/SetupWorkflowCredentialsButton-ujybntOa.js"])))=>i.map(i=>d[i]);
-import { _ as _export_sfc$1, h as createElementBlock, g as openBlock, j as createBaseVNode, d as defineComponent, cp as PanelPosition, cq as useVueFlow, bV as toRef, e as createBlock, w as withCtx, J as renderSlot, f as createCommentVNode, F as Fragment, i as createVNode, b_ as resolveDynamicComponent, l as unref, cr as _sfc_main$R, x as computed, a0 as _sfc_main$S, c as useI18n, c9 as KeyboardShortcutTooltip, n as normalizeClass, q as N8nButton, bq as NodeConnectionTypes, cs as getBezierPath, ct as getSmoothStepPath, cu as Position, bW as inject, cv as CanvasKey, ab as useCssModule, cw as parseCanvasConnectionHandleString, r as ref, o as onMounted, y as renderList, cx as _sfc_main$d$1, P as normalizeStyle, T as useUIStore, bI as useNodeTypesStore, a4 as useWorkflowsStore, ae as useSourceControlStore, am as getResourcePermissions, cy as isNodeWithWorkflowSelector, cz as getSubworkflowId, cA as isPresent, aa as watch, cB as getMousePosition, aS as STICKY_NODE_TYPE, bB as usePinnedData, cC as NOT_DUPLICATABLE_NODE_TYPES, cD as isExecutable, cE as Teleport, cb as useStyles, bL as getDefaultExportFromCjs, cF as DEFAULT_NODE_SIZE, cG as CanvasNodeRenderType, cH as GRID_SIZE, cd as useThrottleFn, cI as getRectOfNodes, c1 as onUnmounted, cJ as onKeyDown, cK as onKeyUp, cL as useSlots, c3 as useAttrs, cM as getBoundsofRects, cN as watchEffect, t as toDisplayString, cO as getConnectedEdges, bY as normalizeProps, D as mergeProps, bG as provide, aK as h, bh as createSlots, cP as isValidNodeConnectionType, cQ as _sfc_main$3$1, cR as CanvasNodeKey, cS as CanvasConnectionMode, cT as mergeModels, cU as useModel, I as onBeforeUnmount, cV as _sfc_main$T, N as N8nIcon, $ as N8nTooltip, bD as useNodeHelpers, cW as TitledList, k as createTextVNode, cX as CanvasNodeDirtiness, ar as useTemplateRef, cY as useElementSize, bR as _sfc_main$U, as as InlineRename, cZ as toValue, c_ as isCommunityPackageName, c$ as NPM_PACKAGE_DOCS_BASE_URL, d0 as BUILTIN_NODES_DOCS_URL, aM as useNDVStore, d1 as COMMUNITY_NODES_INSTALLATION_DOCS_URL, d2 as N8nTabs, bf as useExternalHooks, ay as useTelemetry, c4 as useClipboard, ak as useWorkflowHelpers, a as useToast, d3 as OPEN_URL_PANEL_TRIGGER_NODE_TYPES, d4 as PRODUCTION_ONLY_TRIGGER_NODE_TYPES, d5 as MCP_TRIGGER_NODE_TYPE, d6 as FORM_TRIGGER_NODE_TYPE, bz as CHAT_TRIGGER_NODE_TYPE, O as resolveComponent, H as N8nRadioButtons, bg as onClickOutside, d7 as toRef$1, d8 as tryOnScopeDispose, d9 as toValue$1, da as isIOS, db as noop$2, dc as isObject, dd as isClient, S as useDebounce, de as getNodeInputs, df as _sfc_main$V, v as useSettingsStore, dg as useCredentialsStore, u as useUsersStore, af as useProjectsStore, dh as OPEN_AI_API_CREDENTIAL_TYPE, di as N8nCallout, p as N8nText, dj as useHistoryStore, aO as usePostHog, dk as useNodeSettingsParameters, dl as useResizeObserver, aq as ProjectTypes, dm as NDV_UI_OVERHAUL_EXPERIMENT, dn as BASE_NODE_SURVEY_URL, co as ndvEventBus, bQ as withModifiers, a1 as N8nLink, dp as CUSTOM_NODES_DOCS_URL, aU as withDirectives, dq as N8nNotice, aV as vShow, dr as _sfc_main$W, ds as NodeCredentials, bs as get$3, dt as getNodeParameters, du as deepCopy, dv as nameIsParameter, dw as RenameNodeCommand, bH as useCanvasOperations, Q as createEventBus, a2 as defineStore, cf as shallowRef, dx as watchOnce, dy as calculateNodeSize, dz as NodeId, dA as useGetPointerPosition, dB as clamp, dC as N8nSticky, dD as useNodeCreatorStore, bd as useTemplatesStore, V as VIEWS, dE as isExtraTemplateLinksExperimentEnabled, az as nodeViewEventBus, bl as trackTemplatesClick, bm as TemplateClickSource, dF as NODE_CREATOR_OPEN_SOURCES, dG as useBuilderStore, a_ as withKeys, dH as N8nInput, dI as CanvasNodeHandleKey, dJ as Transition$1, dK as _sfc_main$f$1, b as useRouter, bC as useLogsStore, bE as useRunWorkflow, dL as insertSpacersBetweenEndpoints, dM as createCanvasConnectionHandleString, dN as CONFIGURATION_NODE_OFFSET, dO as isEqual, dP as useDeviceSupport, dQ as isOutsideSelected, K as nextTick, dR as _sfc_main$1$4, dS as MarkerType, dT as Suspense, bZ as guardReactiveProps, dU as updateViewportToContainNodes, dV as useNodeDirtiness, dW as CUSTOM_API_CALL_KEY, dX as mapLegacyEndpointsToCanvasConnectionPort, dY as getNodeOutputs, dZ as getTriggerNodeServiceName, d_ as sanitizeHtml, d$ as WAIT_NODE_TYPE, e0 as SEND_AND_WAIT_OPERATION, e1 as FORM_NODE_TYPE, e2 as WAIT_INDEFINITELY, e3 as checkOverlap, e4 as SIMULATE_NODE_TYPE, e5 as SIMULATE_TRIGGER_NODE_TYPE, e6 as mapLegacyConnectionsToCanvasConnections, e7 as getNodeIconSource, e8 as refThrottled, e9 as useFocusPanelStore, ea as isValueExpression, eb as __unplugin_components_2$2, ec as __unplugin_components_3$1, bp as isChatNode, ed as truncateBeforeLast, ee as reactive, a5 as useRoute, ai as useDocumentTitle, aj as useWorkflowSaving, ef as useEnvironmentsStore, eg as useExternalSecretsStore, ac as useRootStore, aN as useExecutionsStore, ad as useCanvasStore, ah as useNpsSurveyStore, R as useTagsStore, a3 as usePushConnectionStore, ag as useFoldersStore, eh as useAgentRequestStore, ei as useWorkflowExtraction, ej as FOCUS_PANEL_EXPERIMENT, a6 as PLACEHOLDER_EMPTY_WORKFLOW_ID, ek as NEW_WORKFLOW_ID, bJ as START_NODE_TYPE, el as getNodeViewTab, G as MAIN_HEADER_TABS, em as VALID_WORKFLOW_IMPORT_URL_REGEX, aA as useMessage, aB as MODAL_CONFIRM, en as jsonParse, by as MANUAL_CHAT_TRIGGER_NODE_TYPE, eo as EVALUATION_TRIGGER_NODE_TYPE, ep as getBounds, eq as onBeforeRouteLeave, aT as onBeforeMount, aC as WORKFLOW_SETTINGS_MODAL_KEY, er as onActivated, es as onDeactivated, et as defineAsyncComponent, aI as __vitePreload, ap as EnterpriseEditionFeature, eu as EVALUATION_NODE_TYPE, ev as getEasyAiWorkflowJson, ew as getRagStarterWorkflowJson, ex as tryToParseNumber, b3 as sourceControlEventBus, ey as getNodesWithNormalizedPosition, ez as needsAgentInput, eA as FROM_AI_PARAMETERS_MODAL_KEY, eB as historyBus, eC as DRAG_EVENT_DATA_KEY } from "./index-B3p3789J.js";
-import { N as N8nActionDropdown } from "./ActionDropdown-CiegfqhB.js";
-import { N as N8nBlockUi, u as useKeybindings, c as canvasEventBus } from "./useKeybindings-ul7syjnB.js";
-import { i as importCurlEventBus } from "./import-curl-CjhdjoGU.js";
-import { g as globalLinkActionsEventBus } from "./global-link-actions-BIVeUMGo.js";
-import { u as useExecutionDebugging } from "./useExecutionDebugging-wUQ9K2sh.js";
-import { u as useBeforeUnload } from "./useBeforeUnload-Yj83KQFp.js";
-const _sfc_main$Q = {};
-const _hoisted_1$g = {
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreation-CVbCKnet.js","assets/index-Cm5yBbby.js","assets/index-BWpYwmXd.css","assets/NodeCreation-CxN6JIS_.css","assets/NodeDetailsView-KFidngJi.js","assets/TriggerPanel-JaXhe1VW.js","assets/useKeybindings-DetzdpXy.js","assets/FileSaver.min-BvxTURBB.js","assets/useExecutionHelpers-DQcWcZ8o.js","assets/useKeybindings-2A271Jke.css","assets/RunDataParsedAiContent-CHK6Y4ET.js","assets/VueMarkdown-DDKnTMgT.js","assets/RunDataParsedAiContent-wfIiKsq7.css","assets/ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-CkASni2S.js","assets/InfoAccordion-BNmUe2V9.js","assets/InfoAccordion-dxudNqVC.css","assets/TriggerPanel-DJv04feX.css","assets/useWorkflowActivate-BE4Ckf9k.js","assets/ActionDropdown-Ct6XJ0cl.js","assets/ActionDropdown-BmC0wfMx.css","assets/import-curl-BD22LJ4z.js","assets/global-link-actions-BjpAG7gt.js","assets/useExecutionDebugging-C8zR-uFJ.js","assets/useBeforeUnload-BR-V9Uaz.js","assets/aiTemplatesStarterCollection.store-oECEA5nR.js","assets/NodeDetailsView-CaTI-1QQ.css","assets/NodeDetailsViewV2-BL4KKqW-.js","assets/NodeDetailsViewV2-BxNx4ZUM.css","assets/SetupWorkflowCredentialsButton-Pzrxag-k.js"])))=>i.map(i=>d[i]);
+import { _ as _export_sfc$1, h as createElementBlock, g as openBlock, j as createBaseVNode, d as defineComponent, cn as PanelPosition, co as useVueFlow, bT as toRef, e as createBlock, w as withCtx, J as renderSlot, f as createCommentVNode, F as Fragment, i as createVNode, bY as resolveDynamicComponent, l as unref, cp as _sfc_main$X, x as computed, a0 as _sfc_main$Y, c as useI18n, c7 as KeyboardShortcutTooltip, n as normalizeClass, q as N8nButton, $ as N8nTooltip, bp as NodeConnectionTypes, cq as getBezierPath, cr as getSmoothStepPath, cs as Position, bU as inject, ct as CanvasKey, ac as useCssModule, cu as parseCanvasConnectionHandleString, r as ref, o as onMounted, y as renderList, cv as _sfc_main$d$1, P as normalizeStyle, T as useUIStore, bH as useNodeTypesStore, a5 as useWorkflowsStore, af as useSourceControlStore, an as getResourcePermissions, cw as isNodeWithWorkflowSelector, cx as getSubworkflowId, cy as isPresent, ab as watch, cz as getMousePosition, aR as STICKY_NODE_TYPE, bA as usePinnedData, cA as NOT_DUPLICATABLE_NODE_TYPES, cB as isExecutable, cC as Teleport, c9 as useStyles, bK as getDefaultExportFromCjs, cD as DEFAULT_NODE_SIZE, cE as CanvasNodeRenderType, cF as GRID_SIZE, cb as useThrottleFn, cG as getRectOfNodes, b$ as onUnmounted, cH as onKeyDown, cI as onKeyUp, cJ as useSlots, c1 as useAttrs, cK as getBoundsofRects, cL as watchEffect, t as toDisplayString, cM as getConnectedEdges, bW as normalizeProps, D as mergeProps, bF as provide, aL as h, bg as createSlots, cN as isValidNodeConnectionType, cO as _sfc_main$3$1, cP as CanvasNodeKey, cQ as CanvasConnectionMode, cR as mergeModels, cS as useModel, I as onBeforeUnmount, cT as _sfc_main$Z, N as N8nIcon, bC as useNodeHelpers, cU as TitledList, k as createTextVNode, cV as CanvasNodeDirtiness, aN as useNDVStore, cW as N8nSelect, cX as _sfc_main$_, bQ as _sfc_main$$, cY as truncate, cZ as createStaticVNode, c_ as usePostHog, bI as START_NODE_TYPE, c$ as MANUAL_TRIGGER_NODE_TYPE, d0 as CRON_NODE_TYPE, d1 as INTERVAL_NODE_TYPE, d2 as getNodeInputs, d3 as getNodeOutputs, d4 as uniqBy, c5 as waitingNodeTooltip, d5 as NDV_UI_OVERHAUL_EXPERIMENT, c4 as resolveDirective, p as N8nText, aT as withDirectives, d6 as _sfc_main$10, a1 as I18nT, bP as withModifiers, H as N8nRadioButtons, az as useTelemetry, as as useTemplateRef, d7 as useElementSize, at as InlineRename, b as useRouter, d8 as useCommunityNodesStore, a2 as N8nLink, V as VIEWS, d9 as captureException, da as N8nNotice, db as i18n, dc as toValue, dd as isCommunityPackageName, de as NPM_PACKAGE_DOCS_BASE_URL, df as BUILTIN_NODES_DOCS_URL, dg as COMMUNITY_NODES_INSTALLATION_DOCS_URL, u as useUsersStore, dh as N8nTabs, be as useExternalHooks, c2 as useClipboard, al as useWorkflowHelpers, a as useToast, di as OPEN_URL_PANEL_TRIGGER_NODE_TYPES, dj as PRODUCTION_ONLY_TRIGGER_NODE_TYPES, dk as MCP_TRIGGER_NODE_TYPE, dl as FORM_TRIGGER_NODE_TYPE, by as CHAT_TRIGGER_NODE_TYPE, O as resolveComponent, bf as onClickOutside, dm as toRef$1, dn as tryOnScopeDispose, dp as toValue$1, dq as isIOS, dr as noop$2, ds as isObject, dt as isClient, S as useDebounce, v as useSettingsStore, du as useCredentialsStore, ag as useProjectsStore, dv as OPEN_AI_API_CREDENTIAL_TYPE, dw as N8nCallout, dx as useHistoryStore, dy as useNodeSettingsParameters, dz as useResizeObserver, ar as ProjectTypes, dA as BASE_NODE_SURVEY_URL, cm as ndvEventBus, dB as CUSTOM_NODES_DOCS_URL, aU as vShow, dC as _sfc_main$11, dD as NodeCredentials, br as get$3, dE as getNodeParameters, dF as deepCopy, dG as nameIsParameter, dH as RenameNodeCommand, bG as useCanvasOperations, Q as createEventBus, cl as useActiveElement, dI as useEnvironmentsStore, dJ as watchOnce, dK as Transition$1, dL as ExpressionLocalResolveContextSymbol, dM as calculateNodeSize, dN as NodeId, dO as useGetPointerPosition, dP as clamp, dQ as N8nSticky, dR as useNodeCreatorStore, bc as useTemplatesStore, dS as isExtraTemplateLinksExperimentEnabled, aA as nodeViewEventBus, bk as trackTemplatesClick, bl as TemplateClickSource, dT as NODE_CREATOR_OPEN_SOURCES, dU as useBuilderStore, ak as useWorkflowSaving, aZ as withKeys, dV as N8nInput, dW as CanvasNodeHandleKey, dX as _sfc_main$f$1, bB as useLogsStore, bD as useRunWorkflow, dY as insertSpacersBetweenEndpoints, dZ as createCanvasConnectionHandleString, d_ as CONFIGURATION_NODE_OFFSET, d$ as isEqual, e0 as useDeviceSupport, e1 as isOutsideSelected, K as nextTick, e2 as _sfc_main$1$4, e3 as MarkerType, e4 as Suspense, bX as guardReactiveProps, e5 as updateViewportToContainNodes, e6 as useNodeDirtiness, e7 as CUSTOM_API_CALL_KEY, e8 as mapLegacyEndpointsToCanvasConnectionPort, e9 as getTriggerNodeServiceName, ea as sanitizeHtml, eb as WAIT_NODE_TYPE, ec as SEND_AND_WAIT_OPERATION, ed as FORM_NODE_TYPE, ee as WAIT_INDEFINITELY, ef as checkOverlap, eg as SIMULATE_NODE_TYPE, eh as SIMULATE_TRIGGER_NODE_TYPE, ei as mapLegacyConnectionsToCanvasConnections, ej as getNodeIconSource, ek as refThrottled, el as useFocusPanelStore, em as HTML_NODE_TYPE, en as isValueExpression, eo as isResourceLocatorValue, ep as AI_TRANSFORM_NODE_TYPE, eq as useResolvedExpression, er as InfoTip, es as __unplugin_components_2$3, et as __unplugin_components_3$1, eu as __unplugin_components_4, ev as __unplugin_components_5, ew as __unplugin_components_6, ex as __unplugin_components_7, ey as __unplugin_components_8, ez as __unplugin_components_9, c8 as N8nResizeWrapper, eA as getParameterTypeOption, eB as htmlEditorEventBus, eC as parseFromExpression, eD as isValidParameterOption, eE as formatAsExpression, eF as hasFocusOnInput, eG as isFocusableEl, bo as isChatNode, eH as truncateBeforeLast, eI as reactive, a6 as useRoute, aj as useDocumentTitle, eJ as useExternalSecretsStore, ad as useRootStore, aO as useExecutionsStore, ae as useCanvasStore, ai as useNpsSurveyStore, R as useTagsStore, a4 as usePushConnectionStore, ah as useFoldersStore, eK as useAgentRequestStore, eL as useWorkflowExtraction, eM as FOCUS_PANEL_EXPERIMENT, a7 as PLACEHOLDER_EMPTY_WORKFLOW_ID, eN as NEW_WORKFLOW_ID, eO as getNodeViewTab, G as MAIN_HEADER_TABS, eP as VALID_WORKFLOW_IMPORT_URL_REGEX, aB as useMessage, aC as MODAL_CONFIRM, eQ as jsonParse, bx as MANUAL_CHAT_TRIGGER_NODE_TYPE, eR as EVALUATION_TRIGGER_NODE_TYPE, eS as getBounds, eT as onBeforeRouteLeave, aS as onBeforeMount, aD as WORKFLOW_SETTINGS_MODAL_KEY, eU as onActivated, eV as onDeactivated, eW as defineAsyncComponent, aJ as __vitePreload, aq as EnterpriseEditionFeature, eX as EVALUATION_NODE_TYPE, eY as getEasyAiWorkflowJson, eZ as getRagStarterWorkflowJson, e_ as tryToParseNumber, b2 as sourceControlEventBus, e$ as getNodesWithNormalizedPosition, f0 as needsAgentInput, f1 as FROM_AI_PARAMETERS_MODAL_KEY, f2 as historyBus, f3 as DRAG_EVENT_DATA_KEY } from "./index-Cm5yBbby.js";
+import { u as useExperimentalNdvStore, R as RunData, N as N8nBlockUi, a as useKeybindings, c as canvasEventBus } from "./useKeybindings-DetzdpXy.js";
+import { N as N8nActionDropdown } from "./ActionDropdown-Ct6XJ0cl.js";
+import { i as importCurlEventBus } from "./import-curl-BD22LJ4z.js";
+import { g as globalLinkActionsEventBus } from "./global-link-actions-BjpAG7gt.js";
+import { u as useExecutionDebugging } from "./useExecutionDebugging-C8zR-uFJ.js";
+import { u as useBeforeUnload } from "./useBeforeUnload-BR-V9Uaz.js";
+import { u as useAITemplatesStarterCollectionStore } from "./aiTemplatesStarterCollection.store-oECEA5nR.js";
+const _sfc_main$W = {};
+const _hoisted_1$i = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 16 16"
 };
-function _sfc_render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$g, _cache[0] || (_cache[0] = [
+function _sfc_render$2(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$i, _cache[0] || (_cache[0] = [
     createBaseVNode("path", {
       fill: "currentColor",
       d: "M1.6.13c-.18-.17-.47-.18-.62 0L.56.57.14.98c-.2.15-.18.44 0 .62l3.63 3.6c.1.1.1.27 0 .37-.2.2-.53.52-.93.94-.56.57-.12 1.62.22 2.11.05.07.12.1.2.1.05-.01.1-.04.15-.08l5.23-5.22c.1-.1.1-.26-.02-.34-.5-.34-1.55-.78-2.12-.22-.42.4-.75.73-.94.93-.1.1-.27.1-.37 0L1.6.13ZM9.5 3.9c.07-.09.2-.1.3-.04l6.07 3.44c.15.08.18.29.05.4l-1.21 1.22a.26.26 0 0 1-.26.07l-2.18-.64a.26.26 0 0 0-.32.33l.76 2.02c.04.1.01.2-.06.27L7.7 15.92a.26.26 0 0 1-.41-.05L3.83 9.8a.26.26 0 0 1 .04-.3l5.62-5.6Z"
     }, null, -1)
   ]));
 }
-const TidyUpIcon = /* @__PURE__ */ _export_sfc$1(_sfc_main$Q, [["render", _sfc_render$1]]);
+const TidyUpIcon = /* @__PURE__ */ _export_sfc$1(_sfc_main$W, [["render", _sfc_render$2]]);
 const _sfc_main$1$3 = {
   name: "ControlButton",
   compatConfig: { MODE: 3 }
@@ -32,12 +33,12 @@ const _export_sfc = (sfc, props) => {
   return target2;
 };
 const _hoisted_1$5$1 = { class: "vue-flow__controls-button" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("button", _hoisted_1$5$1, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-const ControlButton = /* @__PURE__ */ _export_sfc(_sfc_main$1$3, [["render", _sfc_render]]);
+const ControlButton = /* @__PURE__ */ _export_sfc(_sfc_main$1$3, [["render", _sfc_render$1]]);
 const _hoisted_1$4$1 = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 32 32"
@@ -86,7 +87,7 @@ function render$1(_ctx, _cache) {
   return openBlock(), createElementBlock("svg", _hoisted_1$1$2, _hoisted_3$1$1);
 }
 const Lock = { render: render$1 };
-const _hoisted_1$f = {
+const _hoisted_1$h = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 25 32"
 };
@@ -95,14 +96,14 @@ const _hoisted_3$7 = [
   _hoisted_2$b
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$f, _hoisted_3$7);
+  return openBlock(), createElementBlock("svg", _hoisted_1$h, _hoisted_3$7);
 }
 const Unlock = { render };
 const __default__$4 = {
   name: "Controls",
   compatConfig: { MODE: 3 }
 };
-const _sfc_main$P = /* @__PURE__ */ defineComponent({
+const _sfc_main$V = /* @__PURE__ */ defineComponent({
   ...__default__$4,
   props: {
     showZoom: { type: Boolean, default: true },
@@ -145,7 +146,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
       emit("interactionChange", !isInteractive.value);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$R), {
+      return openBlock(), createBlock(unref(_sfc_main$X), {
         class: "vue-flow__controls",
         position: _ctx.position
       }, {
@@ -218,7 +219,7 @@ const _sfc_main$P = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _sfc_main$U = /* @__PURE__ */ defineComponent({
   __name: "CanvasControlButtons",
   props: {
     zoom: { default: 1 },
@@ -228,7 +229,8 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const i18n = useI18n();
+    const i18n2 = useI18n();
+    const experimentalNdvStore = useExperimentalNdvStore();
     const isResetZoomVisible = computed(() => props.zoom !== 1);
     function onResetZoom() {
       emit("reset-zoom");
@@ -246,15 +248,16 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
       emit("tidy-up");
     }
     return (_ctx, _cache) => {
-      const _component_N8nIconButton = _sfc_main$S;
+      const _component_N8nIconButton = _sfc_main$Y;
       const _component_N8nButton = N8nButton;
-      return openBlock(), createBlock(unref(_sfc_main$P), {
+      const _component_N8nTooltip = N8nTooltip;
+      return openBlock(), createBlock(unref(_sfc_main$V), {
         "show-zoom": false,
         "show-fit-view": false
       }, {
         default: withCtx(() => [
           createVNode(KeyboardShortcutTooltip, {
-            label: unref(i18n).baseText("nodeView.zoomToFit"),
+            label: unref(i18n2).baseText("nodeView.zoomToFit"),
             shortcut: { keys: ["1"] }
           }, {
             default: withCtx(() => [
@@ -269,7 +272,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
             _: 1
           }, 8, ["label"]),
           createVNode(KeyboardShortcutTooltip, {
-            label: unref(i18n).baseText("nodeView.zoomIn"),
+            label: unref(i18n2).baseText("nodeView.zoomIn"),
             shortcut: { keys: ["+"] }
           }, {
             default: withCtx(() => [
@@ -284,7 +287,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
             _: 1
           }, 8, ["label"]),
           createVNode(KeyboardShortcutTooltip, {
-            label: unref(i18n).baseText("nodeView.zoomOut"),
+            label: unref(i18n2).baseText("nodeView.zoomOut"),
             shortcut: { keys: ["-"] }
           }, {
             default: withCtx(() => [
@@ -300,7 +303,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
           }, 8, ["label"]),
           isResetZoomVisible.value ? (openBlock(), createBlock(KeyboardShortcutTooltip, {
             key: 0,
-            label: unref(i18n).baseText("nodeView.resetZoom"),
+            label: unref(i18n2).baseText("nodeView.resetZoom"),
             shortcut: { keys: ["0"] }
           }, {
             default: withCtx(() => [
@@ -316,7 +319,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
           }, 8, ["label"])) : createCommentVNode("", true),
           !_ctx.readOnly ? (openBlock(), createBlock(KeyboardShortcutTooltip, {
             key: 1,
-            label: unref(i18n).baseText("nodeView.tidyUp"),
+            label: unref(i18n2).baseText("nodeView.tidyUp"),
             shortcut: { shiftKey: true, altKey: true, keys: ["T"] }
           }, {
             default: withCtx(() => [
@@ -335,7 +338,37 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
               }, 8, ["class"])
             ]),
             _: 1
-          }, 8, ["label"])) : createCommentVNode("", true)
+          }, 8, ["label"])) : createCommentVNode("", true),
+          unref(experimentalNdvStore).isActive(props.zoom) ? (openBlock(), createBlock(_component_N8nTooltip, {
+            key: 2,
+            placement: "top",
+            content: unref(i18n2).baseText("nodeView.expandAllNodes")
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_N8nIconButton, {
+                type: "tertiary",
+                size: "large",
+                icon: "maximize-2",
+                onClick: unref(experimentalNdvStore).expandAllNodes
+              }, null, 8, ["onClick"])
+            ]),
+            _: 1
+          }, 8, ["content"])) : createCommentVNode("", true),
+          unref(experimentalNdvStore).isActive(props.zoom) ? (openBlock(), createBlock(_component_N8nTooltip, {
+            key: 3,
+            placement: "top",
+            content: unref(i18n2).baseText("nodeView.collapseAllNodes")
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_N8nIconButton, {
+                type: "tertiary",
+                size: "large",
+                icon: "minimize-2",
+                onClick: unref(experimentalNdvStore).collapseAllNodes
+              }, null, 8, ["onClick"])
+            ]),
+            _: 1
+          }, 8, ["content"])) : createCommentVNode("", true)
         ]),
         _: 1
       });
@@ -343,13 +376,13 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
   }
 });
 const iconButton = "_iconButton_fx9xi_123";
-const style0$z = {
+const style0$D = {
   iconButton
 };
-const cssModules$z = {
-  "$style": style0$z
+const cssModules$D = {
+  "$style": style0$D
 };
-const __unplugin_components_1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$O, [["__cssModules", cssModules$z]]);
+const __unplugin_components_1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$U, [["__cssModules", cssModules$D]]);
 const EDGE_PADDING_BOTTOM = 130;
 const EDGE_PADDING_X = 40;
 const EDGE_BORDER_RADIUS = 16;
@@ -406,7 +439,7 @@ function injectStrict(key, fallback) {
 function useCanvas() {
   return injectStrict(CanvasKey);
 }
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
+const _sfc_main$T = /* @__PURE__ */ defineComponent({
   __name: "CanvasConnectionLine",
   props: {
     sourceX: {},
@@ -473,14 +506,14 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
 });
 const edge$1 = "_edge_cbk94_123";
 const visible = "_visible_cbk94_129";
-const style0$y = {
+const style0$C = {
   edge: edge$1,
   visible
 };
-const cssModules$y = {
-  "$style": style0$y
+const cssModules$C = {
+  "$style": style0$C
 };
-const __unplugin_components_0$4 = /* @__PURE__ */ _export_sfc$1(_sfc_main$N, [["__cssModules", cssModules$y]]);
+const __unplugin_components_0$4 = /* @__PURE__ */ _export_sfc$1(_sfc_main$T, [["__cssModules", cssModules$C]]);
 const position = ref([0, 0]);
 const isOpen = ref(false);
 const target = ref();
@@ -493,7 +526,7 @@ const useContextMenu = (onAction = () => {
   const nodeTypesStore = useNodeTypesStore();
   const workflowsStore = useWorkflowsStore();
   const sourceControlStore = useSourceControlStore();
-  const i18n = useI18n();
+  const i18n2 = useI18n();
   const workflowPermissions = computed(
     () => getResourcePermissions(workflowsStore.workflow.scopes).workflow
   );
@@ -558,20 +591,20 @@ const useContextMenu = (onAction = () => {
     const i18nOptions = {
       adjustToNumber: nodes.length,
       interpolate: {
-        subject: onlyStickies ? i18n.baseText("contextMenu.sticky", { adjustToNumber: nodes.length }) : i18n.baseText("contextMenu.node", { adjustToNumber: nodes.length })
+        subject: onlyStickies ? i18n2.baseText("contextMenu.sticky", { adjustToNumber: nodes.length }) : i18n2.baseText("contextMenu.node", { adjustToNumber: nodes.length })
       }
     };
     const selectionActions = [
       {
         id: "select_all",
         divided: true,
-        label: i18n.baseText("contextMenu.selectAll"),
+        label: i18n2.baseText("contextMenu.selectAll"),
         shortcut: { metaKey: true, keys: ["A"] },
         disabled: nodes.length === workflowsStore.allNodes.length
       },
       {
         id: "deselect_all",
-        label: i18n.baseText("contextMenu.deselectAll"),
+        label: i18n2.baseText("contextMenu.deselectAll"),
         disabled: nodes.length === 0
       }
     ];
@@ -579,7 +612,7 @@ const useContextMenu = (onAction = () => {
       {
         id: "extract_sub_workflow",
         divided: true,
-        label: i18n.baseText("contextMenu.extract", { adjustToNumber: nodes.length }),
+        label: i18n2.baseText("contextMenu.extract", { adjustToNumber: nodes.length }),
         shortcut: { altKey: true, keys: ["X"] },
         disabled: isReadOnly.value
       }
@@ -588,7 +621,7 @@ const useContextMenu = (onAction = () => {
       {
         id: "tidy_up",
         divided: true,
-        label: i18n.baseText(
+        label: i18n2.baseText(
           nodes.length < 2 ? "contextMenu.tidyUpWorkflow" : "contextMenu.tidyUpSelection"
         ),
         shortcut: { shiftKey: true, altKey: true, keys: ["T"] }
@@ -599,13 +632,13 @@ const useContextMenu = (onAction = () => {
         {
           id: "add_node",
           shortcut: { keys: ["Tab"] },
-          label: i18n.baseText("contextMenu.addNode"),
+          label: i18n2.baseText("contextMenu.addNode"),
           disabled: isReadOnly.value
         },
         {
           id: "add_sticky",
           shortcut: { shiftKey: true, keys: ["s"] },
-          label: i18n.baseText("contextMenu.addSticky"),
+          label: i18n2.baseText("contextMenu.addSticky"),
           disabled: isReadOnly.value
         },
         ...layoutActions,
@@ -615,24 +648,24 @@ const useContextMenu = (onAction = () => {
       const menuActions = [
         !onlyStickies && {
           id: "toggle_activation",
-          label: nodes.every((node2) => node2.disabled) ? i18n.baseText("contextMenu.activate", i18nOptions) : i18n.baseText("contextMenu.deactivate", i18nOptions),
+          label: nodes.every((node2) => node2.disabled) ? i18n2.baseText("contextMenu.activate", i18nOptions) : i18n2.baseText("contextMenu.deactivate", i18nOptions),
           shortcut: { keys: ["D"] },
           disabled: isReadOnly.value
         },
         !onlyStickies && {
           id: "toggle_pin",
-          label: nodes.every((node2) => hasPinData(node2)) ? i18n.baseText("contextMenu.unpin", i18nOptions) : i18n.baseText("contextMenu.pin", i18nOptions),
+          label: nodes.every((node2) => hasPinData(node2)) ? i18n2.baseText("contextMenu.unpin", i18nOptions) : i18n2.baseText("contextMenu.pin", i18nOptions),
           shortcut: { keys: ["p"] },
           disabled: isReadOnly.value || !nodes.every((n) => usePinnedData(n).canPinNode(true))
         },
         {
           id: "copy",
-          label: i18n.baseText("contextMenu.copy", i18nOptions),
+          label: i18n2.baseText("contextMenu.copy", i18nOptions),
           shortcut: { metaKey: true, keys: ["C"] }
         },
         {
           id: "duplicate",
-          label: i18n.baseText("contextMenu.duplicate", i18nOptions),
+          label: i18n2.baseText("contextMenu.duplicate", i18nOptions),
           shortcut: { metaKey: true, keys: ["D"] },
           disabled: isReadOnly.value || !nodes.every(canDuplicateNode)
         },
@@ -642,7 +675,7 @@ const useContextMenu = (onAction = () => {
         {
           id: "delete",
           divided: true,
-          label: i18n.baseText("contextMenu.delete", i18nOptions),
+          label: i18n2.baseText("contextMenu.delete", i18nOptions),
           shortcut: { keys: ["Del"] },
           disabled: isReadOnly.value
         }
@@ -651,29 +684,29 @@ const useContextMenu = (onAction = () => {
         const singleNodeActions = onlyStickies ? [
           {
             id: "open",
-            label: i18n.baseText("contextMenu.editSticky"),
+            label: i18n2.baseText("contextMenu.editSticky"),
             shortcut: { keys: ["↵"] },
             disabled: isReadOnly.value
           },
           {
             id: "change_color",
-            label: i18n.baseText("contextMenu.changeColor"),
+            label: i18n2.baseText("contextMenu.changeColor"),
             disabled: isReadOnly.value
           }
         ] : [
           {
             id: "open",
-            label: i18n.baseText("contextMenu.open"),
+            label: i18n2.baseText("contextMenu.open"),
             shortcut: { keys: ["↵"] }
           },
           {
             id: "execute",
-            label: i18n.baseText("contextMenu.test"),
+            label: i18n2.baseText("contextMenu.test"),
             disabled: isReadOnly.value || !isExecutable$1(nodes[0])
           },
           {
             id: "rename",
-            label: i18n.baseText("contextMenu.rename"),
+            label: i18n2.baseText("contextMenu.rename"),
             shortcut: { keys: ["Space"] },
             disabled: isReadOnly.value
           }
@@ -681,7 +714,7 @@ const useContextMenu = (onAction = () => {
         if (isNodeWithWorkflowSelector(nodes[0])) {
           singleNodeActions.push({
             id: "open_sub_workflow",
-            label: i18n.baseText("contextMenu.openSubworkflow"),
+            label: i18n2.baseText("contextMenu.openSubworkflow"),
             shortcut: { shiftKey: true, metaKey: true, keys: ["O"] },
             disabled: !canOpenSubworkflow.value
           });
@@ -711,7 +744,7 @@ const useContextMenu = (onAction = () => {
     _dispatchAction
   };
 };
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const _sfc_main$S = /* @__PURE__ */ defineComponent({
   __name: "ContextMenu",
   emits: ["action"],
   setup(__props, { emit: __emit }) {
@@ -779,14 +812,14 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
 });
 const contextMenu = "_contextMenu_12fz3_123";
 const activator = "_activator_12fz3_127";
-const style0$x = {
+const style0$B = {
   contextMenu,
   activator
 };
-const cssModules$x = {
-  "$style": style0$x
+const cssModules$B = {
+  "$style": style0$B
 };
-const ContextMenu = /* @__PURE__ */ _export_sfc$1(_sfc_main$M, [["__cssModules", cssModules$x]]);
+const ContextMenu = /* @__PURE__ */ _export_sfc$1(_sfc_main$S, [["__cssModules", cssModules$B]]);
 var graph;
 var hasRequiredGraph;
 function requireGraph() {
@@ -4871,11 +4904,11 @@ function selection_select$1(select2) {
 function array$1(x) {
   return x == null ? [] : Array.isArray(x) ? x : Array.from(x);
 }
-function empty$1() {
+function empty$2() {
   return [];
 }
 function selectorAll$1(selector2) {
-  return selector2 == null ? empty$1 : function() {
+  return selector2 == null ? empty$2 : function() {
     return this.querySelectorAll(selector2);
   };
 }
@@ -5513,7 +5546,7 @@ Selection$1.prototype = selection.prototype = {
   dispatch: selection_dispatch$1,
   [Symbol.iterator]: selection_iterator$1
 };
-function select$1(selector2) {
+function select$2(selector2) {
   return typeof selector2 === "string" ? new Selection$1([[document.querySelector(selector2)]], [document.documentElement]) : new Selection$1([[selector2]], root$1);
 }
 function sourceEvent$1(event) {
@@ -5545,7 +5578,7 @@ function noevent$1(event) {
   event.stopImmediatePropagation();
 }
 function dragDisable(view) {
-  var root2 = view.document.documentElement, selection2 = select$1(view).on("dragstart.drag", noevent$1, nonpassivecapture$1);
+  var root2 = view.document.documentElement, selection2 = select$2(view).on("dragstart.drag", noevent$1, nonpassivecapture$1);
   if ("onselectstart" in root2) {
     selection2.on("selectstart.drag", noevent$1, nonpassivecapture$1);
   } else {
@@ -5554,7 +5587,7 @@ function dragDisable(view) {
   }
 }
 function yesdrag$1(view, noclick) {
-  var root2 = view.document.documentElement, selection2 = select$1(view).on("dragstart.drag", null);
+  var root2 = view.document.documentElement, selection2 = select$2(view).on("dragstart.drag", null);
   if (noclick) {
     selection2.on("click.drag", noevent$1, nonpassivecapture$1);
     setTimeout(function() {
@@ -7054,7 +7087,7 @@ function zoom() {
       return this;
     },
     emit: function(type) {
-      var d = select$1(this.that).datum();
+      var d = select$2(this.that).datum();
       listeners.call(
         type,
         this.that,
@@ -7092,7 +7125,7 @@ function zoom() {
   }
   function mousedowned(event, ...args) {
     if (touchending || !filter2.apply(this, arguments)) return;
-    var currentTarget = event.currentTarget, g = gesture(this, args, true).event(event), v = select$1(event.view).on("mousemove.zoom", mousemoved, true).on("mouseup.zoom", mouseupped, true), p = pointer$1(event, currentTarget), x0 = event.clientX, y0 = event.clientY;
+    var currentTarget = event.currentTarget, g = gesture(this, args, true).event(event), v = select$2(event.view).on("mousemove.zoom", mousemoved, true).on("mouseup.zoom", mouseupped, true), p = pointer$1(event, currentTarget), x0 = event.clientX, y0 = event.clientY;
     dragDisable(event.view);
     nopropagation$1(event);
     g.mouse = [p, this.__zoom.invert(p)];
@@ -7117,8 +7150,8 @@ function zoom() {
     if (!filter2.apply(this, arguments)) return;
     var t0 = this.__zoom, p0 = pointer$1(event.changedTouches ? event.changedTouches[0] : event, this), p1 = t0.invert(p0), k1 = t0.k * (event.shiftKey ? 0.5 : 2), t1 = constrain(translate(scale(t0, k1), p0, p1), extent.apply(this, args), translateExtent);
     noevent$2(event);
-    if (duration > 0) select$1(this).transition().duration(duration).call(schedule2, t1, p0, event);
-    else select$1(this).call(zoom2.transform, t1, p0, event);
+    if (duration > 0) select$2(this).transition().duration(duration).call(schedule2, t1, p0, event);
+    else select$2(this).call(zoom2.transform, t1, p0, event);
   }
   function touchstarted(event, ...args) {
     if (!filter2.apply(this, arguments)) return;
@@ -7178,7 +7211,7 @@ function zoom() {
       if (g.taps === 2) {
         t = pointer$1(t, this);
         if (Math.hypot(touchfirst[0] - t[0], touchfirst[1] - t[1]) < tapDistance) {
-          var p = select$1(this).on("dblclick.zoom");
+          var p = select$2(this).on("dblclick.zoom");
           if (p) p.apply(this, arguments);
         }
       }
@@ -7294,14 +7327,14 @@ const _sfc_main$1$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$e = ["width", "height", "viewBox", "aria-labelledby"];
+const _hoisted_1$g = ["width", "height", "viewBox", "aria-labelledby"];
 const _hoisted_2$a = ["id"];
 const _hoisted_3$6 = ["d", "fill", "stroke", "stroke-width"];
 const __default__$3 = {
   name: "MiniMap",
   compatConfig: { MODE: 3 }
 };
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const _sfc_main$R = /* @__PURE__ */ defineComponent({
   ...__default__$3,
   props: {
     nodeColor: { type: [String, Function], default: "#e2e2e2" },
@@ -7397,7 +7430,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
     watchEffect(
       (onCleanup) => {
         if (el.value) {
-          const selection2 = select$1(el.value);
+          const selection2 = select$2(el.value);
           const zoomHandler = (event) => {
             if (event.sourceEvent.type !== "wheel" || !d3Selection.value || !d3Zoom.value) {
               return;
@@ -7464,7 +7497,7 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
       emit("nodeMouseleave", param);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$R), {
+      return openBlock(), createBlock(unref(_sfc_main$X), {
         position: _ctx.position,
         class: normalizeClass(["vue-flow__minimap", { pannable: _ctx.pannable, zoomable: _ctx.zoomable }])
       }, {
@@ -7515,16 +7548,16 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
               "stroke-width": _ctx.maskStrokeWidth,
               "fill-rule": "evenodd"
             }, null, 8, _hoisted_3$6)
-          ], 8, _hoisted_1$e))
+          ], 8, _hoisted_1$g))
         ]),
         _: 1
       }, 8, ["position", "class"]);
     };
   }
 });
-const _hoisted_1$d = ["id", "x", "y", "width", "height", "patternTransform"];
+const _hoisted_1$f = ["id", "x", "y", "width", "height", "patternTransform"];
 const _hoisted_2$9 = ["d", "stroke-width"];
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$Q = /* @__PURE__ */ defineComponent({
   __name: "CanvasBackgroundStripedPattern",
   props: {
     id: {},
@@ -7550,11 +7583,11 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
           d: `M0 ${scaledGap.value / 2} H${scaledGap.value}`,
           "stroke-width": scaledGap.value / 2
         }, null, 8, _hoisted_2$9)
-      ], 8, _hoisted_1$d);
+      ], 8, _hoisted_1$f);
     };
   }
 });
-const CanvasBackgroundStripedPattern = /* @__PURE__ */ _export_sfc$1(_sfc_main$K, [["__scopeId", "data-v-efb5a8d2"]]);
+const CanvasBackgroundStripedPattern = /* @__PURE__ */ _export_sfc$1(_sfc_main$Q, [["__scopeId", "data-v-efb5a8d2"]]);
 var BackgroundVariant = /* @__PURE__ */ ((BackgroundVariant2) => {
   BackgroundVariant2["Lines"] = "lines";
   BackgroundVariant2["Dots"] = "dots";
@@ -7578,7 +7611,7 @@ const DefaultBgColors = {
   [BackgroundVariant.Dots]: "#81818a",
   [BackgroundVariant.Lines]: "#eee"
 };
-const _hoisted_1$c = ["id", "x", "y", "width", "height", "patternTransform"];
+const _hoisted_1$e = ["id", "x", "y", "width", "height", "patternTransform"];
 const _hoisted_2$8 = {
   key: 2,
   height: "100",
@@ -7590,7 +7623,7 @@ const __default__$2 = {
   name: "Background",
   compatConfig: { MODE: 3 }
 };
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   ...__default__$2,
   props: {
     id: {},
@@ -7661,7 +7694,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
                 }, null, 8, _hoisted_3$5)
               ])) : createCommentVNode("", true)
             ])
-          ], 8, _hoisted_1$c)
+          ], 8, _hoisted_1$e)
         ]),
         createBaseVNode("rect", {
           x: _ctx.x,
@@ -7675,7 +7708,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "CanvasBackground",
   props: {
     striped: { type: Boolean },
@@ -7683,7 +7716,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$J), {
+      return openBlock(), createBlock(unref(_sfc_main$P), {
         "data-test-id": "canvas-background",
         "pattern-color": "#aaa",
         gap: unref(GRID_SIZE)
@@ -7705,8 +7738,8 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$b = ["id"];
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _hoisted_1$d = ["id"];
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "CanvasArrowHeadMarker",
   props: {
     id: {}
@@ -7733,13 +7766,13 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
               stroke: "context-stroke",
               fill: "context-stroke"
             }, null, -1)
-          ]), 8, _hoisted_1$b)
+          ]), 8, _hoisted_1$d)
         ])
       ]);
     };
   }
 });
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "CanvasEdgeToolbar",
   props: {
     type: {}
@@ -7749,7 +7782,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const props = __props;
     const $style = useCssModule();
-    const i18n = useI18n();
+    const i18n2 = useI18n();
     const classes = computed(() => ({
       [$style.canvasEdgeToolbar]: true
     }));
@@ -7761,7 +7794,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
       emit("delete");
     }
     return (_ctx, _cache) => {
-      const _component_N8nIconButton = _sfc_main$S;
+      const _component_N8nIconButton = _sfc_main$Y;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(classes.value),
         "data-test-id": "canvas-edge-toolbar"
@@ -7774,7 +7807,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           size: "small",
           "icon-size": "medium",
           icon: "plus",
-          title: unref(i18n).baseText("node.add"),
+          title: unref(i18n2).baseText("node.add"),
           onClick: onAdd2
         }, null, 8, ["title"])) : createCommentVNode("", true),
         createVNode(_component_N8nIconButton, {
@@ -7784,7 +7817,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
           size: "small",
           "icon-size": "medium",
           icon: "trash-2",
-          title: unref(i18n).baseText("node.delete"),
+          title: unref(i18n2).baseText("node.delete"),
           onClick: onDelete
         }, null, 8, ["title"])
       ], 2);
@@ -7792,17 +7825,17 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
   }
 });
 const canvasEdgeToolbar = "_canvasEdgeToolbar_uogmx_123";
-const style0$w = {
+const style0$A = {
   canvasEdgeToolbar
 };
-const cssModules$w = {
-  "$style": style0$w
+const cssModules$A = {
+  "$style": style0$A
 };
-const CanvasEdgeToolbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$G, [["__cssModules", cssModules$w]]);
-const _hoisted_1$a = ["data-source-node-name", "data-target-node-name"];
+const CanvasEdgeToolbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$M, [["__cssModules", cssModules$A]]);
+const _hoisted_1$c = ["data-source-node-name", "data-target-node-name"];
 const _hoisted_2$7 = ["data-source-node-name", "data-target-node-name", "data-edge-status"];
 const delayedHoveredTimeout = 600;
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   __name: "CanvasEdge",
   props: {
     id: {},
@@ -7948,7 +7981,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
               "interaction-width": 40
             }, null, 8, ["id", "class", "style", "path", "marker-end"]);
           }), 128))
-        ], 8, _hoisted_1$a),
+        ], 8, _hoisted_1$c),
         createVNode(unref(_sfc_main$3$1), null, {
           default: withCtx(() => [
             createBaseVNode("div", {
@@ -7982,15 +8015,15 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
 const edge = "_edge_fyzmo_123";
 const edgeLabelWrapper = "_edgeLabelWrapper_fyzmo_127";
 const edgeLabel = "_edgeLabel_fyzmo_127";
-const style0$v = {
+const style0$z = {
   edge,
   edgeLabelWrapper,
   edgeLabel
 };
-const cssModules$v = {
-  "$style": style0$v
+const cssModules$z = {
+  "$style": style0$z
 };
-const Edge = /* @__PURE__ */ _export_sfc$1(_sfc_main$F, [["__cssModules", cssModules$v]]);
+const Edge = /* @__PURE__ */ _export_sfc$1(_sfc_main$L, [["__cssModules", cssModules$z]]);
 function useCanvasNode() {
   const node2 = inject(CanvasNodeKey);
   const data = computed(
@@ -8066,9 +8099,9 @@ function useCanvasNode() {
     eventBus
   };
 }
-const _hoisted_1$9 = ["title"];
+const _hoisted_1$b = ["title"];
 const _hoisted_2$6 = ["onClick"];
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeStickyColorSelector",
   props: {
     "visible": { type: Boolean },
@@ -8077,7 +8110,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
   emits: /* @__PURE__ */ mergeModels(["update"], ["update:visible"]),
   setup(__props, { emit: __emit }) {
     const emit = __emit;
-    const i18n = useI18n();
+    const i18n2 = useI18n();
     const { render: render2, eventBus } = useCanvasNode();
     const renderOptions = computed(() => render2.value.options);
     const autoHideTimeout = ref(null);
@@ -8112,7 +8145,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       const _component_N8nIcon = N8nIcon;
-      const _component_N8nPopover = _sfc_main$T;
+      const _component_N8nPopover = _sfc_main$Z;
       return openBlock(), createBlock(_component_N8nPopover, {
         visible: isPopoverVisible.value,
         "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => isPopoverVisible.value = $event),
@@ -8129,10 +8162,10 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
           createBaseVNode("div", {
             class: normalizeClass(_ctx.$style.option),
             "data-test-id": "change-sticky-color",
-            title: unref(i18n).baseText("node.changeColor")
+            title: unref(i18n2).baseText("node.changeColor")
           }, [
             createVNode(_component_N8nIcon, { icon: "palette" })
-          ], 10, _hoisted_1$9)
+          ], 10, _hoisted_1$b)
         ]),
         default: withCtx(() => [
           createBaseVNode("div", {
@@ -8162,7 +8195,7 @@ const content$1 = "_content_3lp7u_129";
 const color = "_color_3lp7u_136";
 const selected$2 = "_selected_3lp7u_148";
 const option = "_option_3lp7u_173";
-const style0$u = {
+const style0$y = {
   popover,
   content: content$1,
   color,
@@ -8176,11 +8209,11 @@ const style0$u = {
   "sticky-color-7": "_sticky-color-7_3lp7u_169",
   option
 };
-const cssModules$u = {
-  "$style": style0$u
+const cssModules$y = {
+  "$style": style0$y
 };
-const __unplugin_components_2$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$E, [["__cssModules", cssModules$u]]);
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const __unplugin_components_2$2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$K, [["__cssModules", cssModules$y]]);
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeToolbar",
   props: {
     readOnly: { type: Boolean }
@@ -8190,15 +8223,16 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const props = __props;
     const $style = useCssModule();
-    const i18n = useI18n();
+    const i18n2 = useI18n();
     const { isExecuting } = useCanvas();
     const { isDisabled, render: render2, name } = useCanvasNode();
     const workflowsStore = useWorkflowsStore();
     const nodeTypesStore = useNodeTypesStore();
-    const node2 = computed(() => !!name.value && workflowsStore.getNodeByName(name.value));
+    const experimentalNdvStore = useExperimentalNdvStore();
+    const node2 = computed(() => name.value ? workflowsStore.getNodeByName(name.value) : null);
     const isToolNode = computed(() => !!node2.value && nodeTypesStore.isToolNode(node2.value.type));
     const nodeDisabledTitle = computed(() => {
-      return isDisabled.value ? i18n.baseText("node.enable") : i18n.baseText("node.disable");
+      return isDisabled.value ? i18n2.baseText("node.enable") : i18n2.baseText("node.disable");
     });
     const isStickyColorSelectorOpen = ref(false);
     const isHovered = ref(false);
@@ -8214,6 +8248,9 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       return !props.readOnly && render2.value.type === CanvasNodeRenderType.Default;
     });
     const isDeleteNodeVisible = computed(() => !props.readOnly);
+    const isFocusNodeVisible = computed(
+      () => experimentalNdvStore.isEnabled && node2.value !== null && experimentalNdvStore.collapsedNodes[node2.value.id] !== false
+    );
     const isStickyNoteChangeColorVisible = computed(
       () => !props.readOnly && render2.value.type === CanvasNodeRenderType.StickyNote
     );
@@ -8240,10 +8277,15 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     function onMouseLeave() {
       isHovered.value = false;
     }
+    function onFocusNode() {
+      if (node2.value) {
+        experimentalNdvStore.focusNode(node2.value.id);
+      }
+    }
     return (_ctx, _cache) => {
-      const _component_N8nIconButton = _sfc_main$S;
+      const _component_N8nIconButton = _sfc_main$Y;
       const _component_N8nTooltip = N8nTooltip;
-      const _component_CanvasNodeStickyColorSelector = __unplugin_components_2$1;
+      const _component_CanvasNodeStickyColorSelector = __unplugin_components_2$2;
       return openBlock(), createElementBlock("div", {
         "data-test-id": "canvas-node-toolbar",
         class: normalizeClass(classes.value),
@@ -8253,28 +8295,28 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
         createBaseVNode("div", {
           class: normalizeClass(unref($style).canvasNodeToolbarItems)
         }, [
-          createVNode(_component_N8nTooltip, {
+          isExecuteNodeVisible.value ? (openBlock(), createBlock(_component_N8nTooltip, {
+            key: 0,
             placement: "top",
             disabled: !unref(isDisabled),
-            content: unref(i18n).baseText("ndv.execute.deactivated")
+            content: unref(i18n2).baseText("ndv.execute.deactivated")
           }, {
             default: withCtx(() => [
-              isExecuteNodeVisible.value ? (openBlock(), createBlock(_component_N8nIconButton, {
-                key: 0,
+              createVNode(_component_N8nIconButton, {
                 "data-test-id": "execute-node-button",
                 type: "tertiary",
                 text: "",
                 size: "small",
                 icon: "play",
                 disabled: unref(isExecuting) || unref(isDisabled),
-                title: unref(i18n).baseText("node.testStep"),
+                title: unref(i18n2).baseText("node.testStep"),
                 onClick: executeNode
-              }, null, 8, ["disabled", "title"])) : createCommentVNode("", true)
+              }, null, 8, ["disabled", "title"])
             ]),
             _: 1
-          }, 8, ["disabled", "content"]),
+          }, 8, ["disabled", "content"])) : createCommentVNode("", true),
           isDisableNodeVisible.value ? (openBlock(), createBlock(_component_N8nIconButton, {
-            key: 0,
+            key: 1,
             "data-test-id": "disable-node-button",
             type: "tertiary",
             text: "",
@@ -8284,17 +8326,25 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
             onClick: onToggleNode
           }, null, 8, ["title"])) : createCommentVNode("", true),
           isDeleteNodeVisible.value ? (openBlock(), createBlock(_component_N8nIconButton, {
-            key: 1,
+            key: 2,
             "data-test-id": "delete-node-button",
             type: "tertiary",
             size: "small",
             text: "",
             icon: "trash-2",
-            title: unref(i18n).baseText("node.delete"),
+            title: unref(i18n2).baseText("node.delete"),
             onClick: onDeleteNode
           }, null, 8, ["title"])) : createCommentVNode("", true),
+          isFocusNodeVisible.value ? (openBlock(), createBlock(_component_N8nIconButton, {
+            key: 3,
+            type: "tertiary",
+            size: "small",
+            text: "",
+            icon: "crosshair",
+            onClick: onFocusNode
+          })) : createCommentVNode("", true),
           isStickyNoteChangeColorVisible.value ? (openBlock(), createBlock(_component_CanvasNodeStickyColorSelector, {
-            key: 2,
+            key: 4,
             visible: isStickyColorSelectorOpen.value,
             "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => isStickyColorSelectorOpen.value = $event),
             onUpdate: onChangeStickyColor
@@ -8315,24 +8365,24 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
 const canvasNodeToolbar$1 = "_canvasNodeToolbar_104hp_123";
 const canvasNodeToolbarItems = "_canvasNodeToolbarItems_104hp_130";
 const forceVisible = "_forceVisible_104hp_141";
-const style0$t = {
+const style0$x = {
   canvasNodeToolbar: canvasNodeToolbar$1,
   canvasNodeToolbarItems,
   forceVisible
 };
-const cssModules$t = {
-  "$style": style0$t
+const cssModules$x = {
+  "$style": style0$x
 };
-const CanvasNodeToolbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$D, [["__cssModules", cssModules$t]]);
-const _hoisted_1$8 = { key: 1 };
+const CanvasNodeToolbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$J, [["__cssModules", cssModules$x]]);
+const _hoisted_1$a = { key: 1 };
 const _hoisted_2$5 = ["textContent"];
 const _hoisted_3$4 = { key: 2 };
 const _hoisted_4$3 = { key: 5 };
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeStatusIcons",
   setup(__props) {
     const nodeHelpers = useNodeHelpers();
-    const i18n = useI18n();
+    const i18n2 = useI18n();
     const {
       hasPinnedData,
       issues: issues2,
@@ -8368,7 +8418,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
         }, {
           content: withCtx(() => [
             createVNode(TitledList, {
-              title: `${unref(i18n).baseText("node.issues")}:`,
+              title: `${unref(i18n2).baseText("node.issues")}:`,
               items: unref(issues2)
             }, null, 8, ["title", "items"])
           ]),
@@ -8377,7 +8427,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         })
-      ], 2)) : unref(executionWaiting) || unref(executionStatus) === "waiting" ? (openBlock(), createElementBlock("div", _hoisted_1$8, [
+      ], 2)) : unref(executionWaiting) || unref(executionStatus) === "waiting" ? (openBlock(), createElementBlock("div", _hoisted_1$a, [
         createBaseVNode("div", {
           class: normalizeClass([_ctx.$style.status, _ctx.$style.waiting])
         }, [
@@ -8422,7 +8472,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
           placement: "bottom"
         }, {
           content: withCtx(() => [
-            createTextVNode(toDisplayString(unref(i18n).baseText(
+            createTextVNode(toDisplayString(unref(i18n2).baseText(
               dirtiness.value === unref(CanvasNodeDirtiness).PARAMETERS_UPDATED ? "node.dirty" : "node.subjectToChange"
             )), 1)
           ]),
@@ -8455,16 +8505,16 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
   }
 });
 const status = "_status_93vv6_123";
-const runData = "_runData_93vv6_130";
+const runData$1 = "_runData_93vv6_130";
 const waiting$1 = "_waiting_93vv6_134";
 const pinnedData = "_pinnedData_93vv6_138";
 const running$1 = "_running_93vv6_142";
 const issues = "_issues_93vv6_165";
 const count = "_count_93vv6_170";
 const warning$2 = "_warning_93vv6_174";
-const style0$s = {
+const style0$w = {
   status,
-  runData,
+  runData: runData$1,
   waiting: waiting$1,
   pinnedData,
   running: running$1,
@@ -8473,11 +8523,11 @@ const style0$s = {
   count,
   warning: warning$2
 };
-const cssModules$s = {
-  "$style": style0$s
+const cssModules$w = {
+  "$style": style0$w
 };
-const __unplugin_components_3 = /* @__PURE__ */ _export_sfc$1(_sfc_main$C, [["__cssModules", cssModules$s]]);
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const __unplugin_components_3 = /* @__PURE__ */ _export_sfc$1(_sfc_main$I, [["__cssModules", cssModules$w]]);
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeDisabledStrikeThrough",
   setup(__props) {
     const $style = useCssModule();
@@ -8499,16 +8549,16 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
 const disabledStrikeThrough = "_disabledStrikeThrough_nl2g7_123";
 const success$2 = "_success_nl2g7_132";
 const warning$1 = "_warning_nl2g7_136";
-const style0$r = {
+const style0$v = {
   disabledStrikeThrough,
   success: success$2,
   warning: warning$1
 };
-const cssModules$r = {
-  "$style": style0$r
+const cssModules$v = {
+  "$style": style0$v
 };
-const __unplugin_components_2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$B, [["__cssModules", cssModules$r]]);
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const __unplugin_components_2$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$H, [["__cssModules", cssModules$v]]);
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeTooltip",
   props: {
     visible: { type: Boolean }
@@ -8547,14 +8597,14 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
 });
 const tooltipTrigger = "_tooltipTrigger_dauyi_123";
 const popper = "_popper_dauyi_131";
-const style0$q = {
+const style0$u = {
   tooltipTrigger,
   popper
 };
-const cssModules$q = {
-  "$style": style0$q
+const cssModules$u = {
+  "$style": style0$u
 };
-const __unplugin_components_0$3 = /* @__PURE__ */ _export_sfc$1(_sfc_main$A, [["__cssModules", cssModules$q]]);
+const __unplugin_components_0$3 = /* @__PURE__ */ _export_sfc$1(_sfc_main$G, [["__cssModules", cssModules$u]]);
 function useNodeConnections({
   inputs: inputs2,
   outputs,
@@ -8603,122 +8653,1126 @@ function useNodeConnections({
     isValidConnection
   };
 }
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
-  __name: "NodeTitle",
+const _hoisted_1$9 = { key: 0 };
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
+  __name: "InputNodeSelect",
   props: {
-    modelValue: { default: "" },
-    nodeType: { default: void 0 },
-    readOnly: { type: Boolean, default: false }
+    nodes: {},
+    workflow: {},
+    modelValue: {}
   },
   emits: ["update:model-value"],
   setup(__props, { emit: __emit }) {
+    const props = __props;
     const emit = __emit;
-    function onRename(value) {
-      if (value.trim() !== "") {
-        emit("update:model-value", value.trim());
+    const i18n2 = useI18n();
+    const workflowsStore = useWorkflowsStore();
+    const nodeTypesStore = useNodeTypesStore();
+    const ndvStore = useNDVStore();
+    const selectedInputNode = computed(() => workflowsStore.getNodeByName(props.modelValue ?? ""));
+    const selectedInputNodeType = computed(() => {
+      const node2 = selectedInputNode.value;
+      if (!node2) return null;
+      return nodeTypesStore.getNodeType(node2.type, node2.typeVersion);
+    });
+    const inputNodes = computed(
+      () => props.nodes?.map((node2) => {
+        const fullNode = workflowsStore.getNodeByName(node2.name);
+        if (!fullNode) return null;
+        return {
+          node: fullNode,
+          type: nodeTypesStore.getNodeType(fullNode.type, fullNode.typeVersion),
+          depth: node2.depth
+        };
+      }).filter(isPresent) ?? []
+    );
+    const activeNode = computed(() => ndvStore.activeNode);
+    const activeNodeType = computed(() => {
+      const node2 = activeNode.value;
+      if (!node2) return null;
+      return nodeTypesStore.getNodeType(node2.type, node2.typeVersion);
+    });
+    const isMultiInputNode = computed(() => {
+      const nodeType = activeNodeType.value;
+      return nodeType !== null && nodeType.inputs.length > 1;
+    });
+    const connectedTo = (nodeName) => {
+      const connections2 = ndvStore.ndvNodeInputNumber[nodeName];
+      if (!connections2) return "";
+      if (connections2.length === 1) {
+        return `Input ${ndvStore.ndvNodeInputNumber[nodeName]}`;
       }
+      return `Inputs ${ndvStore.ndvNodeInputNumber[nodeName].join(", ")}`;
+    };
+    function getMultipleNodesText(nodeName) {
+      if (!nodeName || !isMultiInputNode.value || !activeNode.value || !activeNodeType.value?.inputNames)
+        return "";
+      const activeNodeConnections = props.workflow.connectionsByDestinationNode[activeNode.value.name].main || [];
+      const connectedInputIndexes = activeNodeConnections.reduce((acc, node2, index) => {
+        if (node2?.[0] && node2[0].node === nodeName) return [...acc, index];
+        return acc;
+      }, []);
+      const connectedInputs = connectedInputIndexes.map(
+        (inputIndex) => activeNodeType.value?.inputNames?.[inputIndex]
+      );
+      if (connectedInputs.length === 0) return "";
+      return `(${connectedInputs.join(" & ")})`;
+    }
+    function title2(nodeName, length = 30) {
+      return truncate(nodeName, length);
+    }
+    function subtitle2(nodeName, depth) {
+      const multipleNodesText = getMultipleNodesText(nodeName);
+      if (multipleNodesText) return multipleNodesText;
+      return i18n2.baseText("ndv.input.nodeDistance", { adjustToNumber: depth });
+    }
+    function onInputNodeChange(value) {
+      emit("update:model-value", value);
     }
-    const wrapperRef = useTemplateRef("wrapperRef");
-    const { width } = useElementSize(wrapperRef);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass(_ctx.$style.container),
-        "data-test-id": "node-title-container"
+      const _component_n8n_option = _sfc_main$_;
+      const _component_n8n_select = N8nSelect;
+      return openBlock(), createBlock(_component_n8n_select, {
+        "model-value": _ctx.modelValue,
+        "no-data-text": unref(i18n2).baseText("ndv.input.noNodesFound"),
+        placeholder: unref(i18n2).baseText("ndv.input.parentNodes"),
+        class: normalizeClass(_ctx.$style.select),
+        teleported: "",
+        size: "small",
+        filterable: "",
+        "data-test-id": "ndv-input-select",
+        "onUpdate:modelValue": onInputNodeChange
+      }, {
+        prefix: withCtx(() => [
+          createVNode(_sfc_main$$, {
+            disabled: selectedInputNode.value?.disabled,
+            "node-type": selectedInputNodeType.value,
+            size: 14,
+            shrink: false
+          }, null, 8, ["disabled", "node-type"])
+        ]),
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(inputNodes.value, ({ node: node2, type, depth }) => {
+            return openBlock(), createBlock(_component_n8n_option, {
+              key: node2.name,
+              value: node2.name,
+              class: normalizeClass([_ctx.$style.node, { [_ctx.$style.disabled]: node2.disabled }]),
+              label: `${title2(node2.name)} ${getMultipleNodesText(node2.name)}`,
+              "data-test-id": "ndv-input-option"
+            }, {
+              default: withCtx(() => [
+                createVNode(_sfc_main$$, {
+                  disabled: node2.disabled,
+                  "node-type": type,
+                  size: 14,
+                  shrink: false,
+                  class: normalizeClass(_ctx.$style.icon)
+                }, null, 8, ["disabled", "node-type", "class"]),
+                createBaseVNode("span", {
+                  class: normalizeClass(_ctx.$style.title)
+                }, [
+                  createTextVNode(toDisplayString(title2(node2.name)) + " ", 1),
+                  node2.disabled ? (openBlock(), createElementBlock("span", _hoisted_1$9, "(" + toDisplayString(unref(i18n2).baseText("node.disabled")) + ")", 1)) : createCommentVNode("", true)
+                ], 2),
+                createBaseVNode("span", {
+                  class: normalizeClass(_ctx.$style.subtitle)
+                }, toDisplayString(connectedTo(node2.name) ? connectedTo(node2.name) : subtitle2(node2.name, depth)), 3)
+              ]),
+              _: 2
+            }, 1032, ["value", "class", "label"]);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["model-value", "no-data-text", "placeholder", "class"]);
+    };
+  }
+});
+const select$1 = "_select_wv0ev_123";
+const node$1 = "_node_wv0ev_132";
+const icon$1 = "_icon_wv0ev_140";
+const title$2 = "_title_wv0ev_144";
+const disabled$2 = "_disabled_wv0ev_153";
+const subtitle$1 = "_subtitle_wv0ev_157";
+const style0$t = {
+  select: select$1,
+  node: node$1,
+  icon: icon$1,
+  title: title$2,
+  disabled: disabled$2,
+  subtitle: subtitle$1
+};
+const cssModules$t = {
+  "$style": style0$t
+};
+const InputNodeSelect = /* @__PURE__ */ _export_sfc$1(_sfc_main$F, [["__cssModules", cssModules$t]]);
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
+  __name: "NDVEmptyState",
+  props: {
+    title: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("article", {
+        class: normalizeClass(_ctx.$style.empty)
       }, [
-        createBaseVNode("span", {
-          class: normalizeClass(_ctx.$style.iconWrapper)
-        }, [
-          createVNode(_sfc_main$U, {
-            "node-type": _ctx.nodeType,
-            size: 18,
-            "show-tooltip": true,
-            "tooltip-position": "left"
-          }, null, 8, ["node-type"])
-        ], 2),
-        createBaseVNode("div", {
-          ref_key: "wrapperRef",
-          ref: wrapperRef,
-          class: normalizeClass(_ctx.$style.textWrapper)
+        renderSlot(_ctx.$slots, "icon"),
+        createBaseVNode("h1", {
+          class: normalizeClass(_ctx.$style.title)
+        }, toDisplayString(_ctx.title), 3),
+        createBaseVNode("p", {
+          class: normalizeClass(_ctx.$style.description)
         }, [
-          createVNode(unref(InlineRename), {
-            "max-width": unref(width),
-            "model-value": _ctx.modelValue,
-            "read-only": _ctx.readOnly,
-            "onUpdate:modelValue": onRename
-          }, null, 8, ["max-width", "model-value", "read-only"])
+          renderSlot(_ctx.$slots, "description")
         ], 2)
       ], 2);
     };
   }
 });
-const container$4 = "_container_178ym_123";
-const textWrapper = "_textWrapper_178ym_132";
-const iconWrapper = "_iconWrapper_178ym_137";
-const style0$p = {
-  container: container$4,
-  textWrapper,
-  iconWrapper
+const empty$1 = "_empty_1x72k_2";
+const title$1 = "_title_1x72k_13";
+const description$1 = "_description_1x72k_20";
+const style0$s = {
+  empty: empty$1,
+  title: title$1,
+  description: description$1
 };
-const cssModules$p = {
-  "$style": style0$p
+const cssModules$s = {
+  "$style": style0$s
 };
-const NodeTitle = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["__cssModules", cssModules$p]]);
-const useNodeDocsUrl = ({
-  nodeType: nodeTypeRef
-}) => {
-  const packageName = computed(() => toValue(nodeTypeRef)?.name.split(".")[0] ?? "");
-  const isCommunityNode = computed(() => {
-    const nodeType = toValue(nodeTypeRef);
-    if (nodeType) {
-      return isCommunityPackageName(nodeType.name);
-    }
-    return false;
-  });
-  const docsUrl = computed(() => {
-    const nodeType = toValue(nodeTypeRef);
-    if (!nodeType) {
-      return "";
-    }
-    if (nodeType.documentationUrl?.startsWith("http")) {
-      return nodeType.documentationUrl;
-    }
-    const utmParams = new URLSearchParams({
-      utm_source: "n8n_app",
-      utm_medium: "node_settings_modal-credential_link",
-      utm_campaign: nodeType.name
-    });
-    const primaryDocUrl = nodeType.codex?.resources?.primaryDocumentation?.[0]?.url;
-    if (primaryDocUrl) {
-      return `${primaryDocUrl}?${utmParams.toString()}`;
-    }
-    if (isCommunityNode.value) {
-      return `${NPM_PACKAGE_DOCS_BASE_URL}${packageName.value}`;
-    }
-    return `${BUILTIN_NODES_DOCS_URL}?${utmParams.toString()}`;
-  });
-  return { docsUrl };
+const __unplugin_components_2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$E, [["__cssModules", cssModules$s]]);
+const _sfc_main$D = {};
+const _hoisted_1$8 = {
+  width: "112",
+  height: "80",
+  viewBox: "0 0 112 80",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  "xmlns:xlink": "http://www.w3.org/1999/xlink"
 };
-const _sfc_main$y = /* @__PURE__ */ defineComponent({
-  __name: "NodeSettingsTabs",
+function _sfc_render(_ctx, _cache) {
+  return openBlock(), createElementBlock("svg", _hoisted_1$8, _cache[0] || (_cache[0] = [
+    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,iVBORw0KGgoAAAANSUhEUgAAARgAAADICAYAAAAzx/4XAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAABhdSURBVHgB7d0JcFTVngbw/72d4IYa0Ie4IK2llgpodNwtB9AaxVILF7ZxynkgWupojaRwASXQGEBqEAI8LXfBpZQS9IFabjMFkXFfijCKyqjQqIiKShCUpdP3vvPdpXP7pjtk6dPdSX+/qlPpJX07UfrL/yz3XEOIPJNiswaZkbKBtkiluC0qRB1gCJW86ntmjzYM81YvWIhyhgFTwlCxGJGyBcJKhTQxhUrSpJraKSpcVgjDhTQqEyo5U+6prbVExmV6TnWT6ixbnuxmSZ262xCLVTUIUTsxYEoMKpdM4aKCZV5ZUmIMFMoljsGUkMk1c9RArjE39HBchcuYadVVdUKUYwyYEjEhVhstj8gqdbMi8HA8kpTBqmqJC5EGHOQtEeVlMkXSw6WB4UK6cQymBKB6UYMso4OPWYZMrWG4kGasYEpAmWGHB3Xj0ydVzRUizRgwJcAwjaFpD9gyVYjygAHTxTndo9Bium2WLBWiPGDAdHFlkWT4/KK6uVzrQnnCgOniDNuIBu/blr1aiPKEAdPF2Xba1DQeYfVCecOAISJtGDBEpA0Dhoi0YcAQkTYMGCLShgFDRNowYIhIGwYMEWnDgCEibRgwRKQNA4aItGHAEJE2DBgi0oYBQ0TaMGCISBsGDBFpw4AhIm0YMESkDQOGiLRhwBCRNgwYItKGAUNE2jBgiEgbBgwRacOAISJtGDBEpA0Dhoi0YcAQkTYMGCLShgFDRNowYIhIGwYMEWnDgCEibRgwRKQNA4aItGHAEJE2DBgi0oYBQ0TaMGCISBsGDBFpw4AhIm0YMESkDQOGiLRhwBCRNgwYItKGAUNE2jBgiEgbBgwRacOAISJtGDBEpA0Dhoi0YcAQkTYMGCLShgFDRNowYIhIGwYMEWnDgCEibRgwRKQNA4aItGHAEJE2DBgi0oYBQ0TaMGCISBsGDBFpw4AhIm0YMESkDQOGiLRhwBCRNgwYItKGAUNE2hhCXc7ll19eUVZWNto0zYFGJDLIamys8J+LRMrilpWst217WSKRqFu6dGlciDRhwHQho0aNilqWVavC4/I2vGyhCpqpDBrSISLUJYwcOfJWFS6vq5vHS9tURiKRcf3795c1a9a8JUQ5xAqmk0N3qLy8/O/q5iDpIMMwlu7evXuMqmYahCgHOMjbyalwWSE5CBdA18o7HlFOsIvUiY0YMaJWfWnLeEtr9FbdpQrVXXpDiDqIXaROavjw4aPVlwWiiapmBi9ZsqROiDqAXaTOa4popMZjtIUXlQ4GTCfkVS9R0SvqvQ9RuzFgOqe/Sn7k632oi+IYTCfjTUtvkTxJJBI9OG1N7cUKppMpKyurlDzK9/tR18KA6Xzy+oG3LCsqRO3EgOl8KiSPTNOMClE7MWCISJsyIUcsVlvRGJEVhm3Nq5k8fqEUr3wPuHKAl9qNFYwnFqtqMND9MMwF1TW16yfXzLl1Qqw2KkXGtu245Fe9ELUTAybAaPprHbXFmFsekfXV02oX3BX7r6KZSUkmk3WSR42NjQwYajcGTIBl2aubPWjL6EikfJWqalZU3zN7tBSYtyalTvJAVUt1XANDHcExmDTofmRdezhIdZ8GqaCZYog9d3fSWDYzVhWXwnhScrRFQ0sMw3hSiDqAFUyAZUi8Fd9W8O5TIpFYqr7ERa/44sWLFwpRBzBggiJm28YbCtR9QrfFsqwq0WuqEHUQz0UKwFR1MiIdOc8nns/u01VXXTXXNM1bJcdUeM174YUXxglRBzFgQlQ1goDp+GpZQxYmGxPzZsTu0DYL4534iC0uc9lNq1ddo1OEKAfYRQoYpyoYI1djG6r7ZEbKF+CYogm6Smo8ZjA265YcwHFwPCHKkZKrYPCB31cSUTEjlaYtUSNi9rVtqTTcqiUqOWKLzCtLql5XrCov07zDhg2LqYBo9y53akq6asmSJXOFKIe6ZMDEYvdGG6W80jKNioiYJ6vfUs38qDBxA0T7yYJqNqpq+qSqvH9YceG1xsZGBE1bNorihddIm04ZMMEqJILAMFWI2E5wYCwiKoUTV0E2Zlp1VZ0UEIImmUwOUjeHRiKRSnU76j9nlpU1WI2NdapieUuF0UIupCOdijZgUIXslkhFhq5MVPRWIQ3tOb4KlnrVJboiVrjFdxlNmjo7ZphmqutkW9bUaVPGx4QoDwq6ktfvyhimEVV/W/uiKyNuFVKRVC110SbEoJ2zNGywMZ1sSL2dtLdahlFvGtKgwqEe4aCmqqNqqnp9Ww6Y7/EWos5Ca8Bk6cpExa1CoipEdJVQ6Ko0uCFibbAMM94tIvWSkPieQgAho6aqpbUKNd5C1Bl0OGCaDaiaUpHelSlv+mZbcimuWr1t2RvUoGbcNiSOKkQ91pCDSiIuex7LccZbVLjUhR5vT2bm9r8MUZHYY8CgCqmQnRVZujKpKiTVnclTV0b0QlBFsz2ZZbzFCH0N3w4dIo3Riu/Z0+NERScVMM5Je1nWhiRlb21dGcGHWQWHWLJahVVDa7syOjlVkZn5Nw6Nt4S/yQg0LGJECJ+n2nGqdVPtO9XeUW2lagnZw4+R4bYdeE8GDRW9VMCURcoX2PhA5HhA1WvNujLFNtsSZBjetg12+mfYErtq+uTx86QpQFIvkab/ZOgTnqlajWpniBssQY2qrVJtumornMOK9BQ3jE5XrY9q3VXbodo61d5U7TPVtgeO4QcNQ4aKWipgsNmS+qvdnnNaAl2ZtAHVhmIOkZbYKmCM9HCJJ3bvGjtz2sT/FffDv7e4/+3wTegl7lJtt3f/JHHD5VzVjH333Ve6deuGZfjYHU62b99eZts2gmS+ajHVvlZtjGqjVNsnw4+DkxkfVW2OapuF1Qx1IoExmBY3W1LPFV9XRhcracUjpulUMKq8WP3Lr1uGPzx/Gk6CPFu1gaqdrNrB4lYjP6n2iWr/p9pG1W5X7Z9UM4499li59NJL5ZRTTnFC5ssvv5Tly5fL+++/L7t370alMkO1TaqdYqr36969uxx44IG42Bm2xpStW7fK77//fqAKpPHiVkYIpR+897Wl5WBh6FDBNQWMaSJAFhZgQLXYGNbO5AZzn4gkLWv+199+O23xgr/tpR7/V9VuUK1fhtdcLW43BhXOaart07NnT5kzZ44MGTLECQxABTN06FAZM2aM1NfXI817oyFcEEbnn3++DBgwwAmZbdu2yTvvvCNvvPGGbN68WRVU9s3ijt9sFbdqOki1fcUNEoTfL9I0rhOsbogKJhUw06qrcEZuTs7K7exmzpy49a7qe8feWzPxKXErh39TrVq1ngiLCjWv1qNHD+ybggpDGhoasMtcf/X8ieJ9sC+88EI599xzU+ECuH3MMcfIyJEjETCpxw8++GCpqqqSa665RtCl8g0fPlzuuusuWbRoEaoZHOhKcSumY8Ttgh0pbjWD6ul/xJ39+i3wq7CKoYLinrzpUlPNM9xwwQAtQuM/VeuJILjgggucdvTRRzsVyTfffCPLli2T9957D1VHauD3zDPPdLpFYfvtt5+cdtppTpD8+eefzmP9+vWTgQMHpoULoAq69tpr5e2333a6S8r54obLaaHDXqTaNar9TbUnVPtVguGC8SSDBQ3lHwOmueA0MwZdMRN01D777COnnnqq1NTUON2ZIHRr7rzzTidkfAcddJBEIpHmB1cfdARV37595YsvvnAeQ0X0l7/8JeMPc8IJJ8ghhxwin3/+ObZU6KUe6uUfPxqNyo4dO2TdunXGzp07D1UP/4dq34hbiWJ2Cq8x8J4MGSoEbjjVJLhQLhgwGNB1xkVQuYTDBc444ww5++yz5YADDkg9tv/++zthkgnCChUQIITQ3cLxM8FxjjrqKCkvb1oRjdCZMWOGzJs3zxnnufrqq3ENaTyFMZ1LxR2ANv3fif0kKhRWMOnCC+XQMMDrjJ+EuzC+vfbay+n2YEB2zZo1zmP+1HQme++9t1OV+LdRwQTHasJQ7SBg1MyTc//mm2+W66+/3jk+xoHw3GuvvSabNm3CQfp4zRmLsdWkO+sWKhRWMJkFF9JhdsYZL9m4cWPWF5x++ulOpeGHSksBg0BCFwdQoWTrHvmOOOKIVAWDMBoxYkTq2KhcevXq5by3Zz9xK5iI83uoAEL3yKlibNYylF8MmHTh6sWfoXEGWT/99NPUwGwYxkMwJY1qA10m3M80BgPoEmGGqbKy0hkMRmsJxn4wOIxQwXuEAwlhhuDx74obMs7vkFRjMIwVKhR2kVzBpf7BbhICZr1qW5LJZA/MGK1du9ZZOBeGLs5ll13mTEPj9mGHHeaPizSDQBg8eLAzZoNqpn///tISjPvMmjVLNmzYIIMGDWr2PN4Hx/Eg1RAyTsBgkDdVubCzRHnGgMkcLH4Fg9vbxK1iBm7evNlZhZspYODII4902h7fUH3QES4ImdbA2M+wYcOcGSNUMpkEwsw/uT01yEtUKKXeRco0c4SG2ZgrVLtRtb+KNxGDBXXvvvsuVtZKvmEMBqGUrdsVkgpIO5k0/HMK2FWifCvlCiZT5YJp6RGqjVXtEO++3+Vwzg/CepS6ujpnlW2RMkKNqGBYwTRVLvuLe8byveIurouKGzKYkUktcME09EsvveSvrC16lhAVTqlWMMHqxe9O3CbuuT7OdMzxxx/vnAmNLsknn3wiK1eudNah7Nq1ywmZVatWZRxwLQScsrBz507/LjIFJz2ygqGCK+Uukj8Iiq/YcW6keOFyww03yN133+2sUcHgKaqV5557TqZOnepMU3/77bfO1gvFEjDougWmzxEuu4WoCJRiwGSaLbpANWdxyVlnnSUPPfRQ2gswuDp27Fhn1ezEiROdr63xww8/yPr16+Wcc85ptugOA8aYkcIpAlg3Ex68xZQ0zrg++eSTpU+fPi0O7qKCCXTZEC47hKgIlOoYTDBk8MnFMlhnqewll1yS8QVYeYvl+Y8++qjMnDnTmTZuCVb94gzp8847T6qrq9OeQxg888wzcvHFF8tNN90kL7/8ctrzv/zyi0yYMEGuvPJKufHGG+Wrr75q8b3QbcNrPOgrdY4BIurySrmCQbj660XKvcdSS/gzwXPXXXedtAbGabBXjG3bznYLQVjP8v333zu3f/vtN6fLFYSw2LJli1Mpff3119hms8X3QsD8+uuv/l30lRAwzsw0l2pTIZXav7/wJUX8CuYP8SZc8IHvTBBgCKA//vjDuStuBfO7EBWBUvwDF5xd8cdgUttNrlu3TjqTRCIh8Xg8dVfczaawCTnX1VHBlXIFHewqob/iBAy6NnYnOusYAYOBZA+ql58leOUBNQvGVXdUKFxo58In1Pmrj5W6GP/o8IEDs0aYRtYFa3NwlrcH/SR/TwlWMFRwpV7B+PChxEhrI3bzf/7556WjsGudHzLZtnjoKExPYzr7448/9h/CANL/S9OpR9gvk0FDBVPKARP84KHEeEu89SNPPPFEh09oxJYNfsDoqmAwsPvqq6/6U9T42dHVQ1Cmn9+In4NbNVABlGLAhK/57DcsRomrlvzoo4/kvvvuS21RWawwIP3444/7dzG4i8vMImgwI8YTqKngSi1ggpdd9ZvlNVwxEbvxO4tO8MFdunRpq1ft5hsGonH6gjfrhSTEJWhxWYNguLCLRAVV6l0kS9JD5lVxr87oLFybPXu2rFixQnINXSd/gygERXtCDCdfPvvss/5d9JH+W7Ufpel3SS20S80gsZtEeVaqXaRgwwCJ5X3FwMsDqq3CN+JcICzz/+CDDySXcF6Rv8UlBmrb2hVbvXq1cyVIbxNyTK9jqTACxgo1VjBUUKVawQS7R37I+A19DlwhcR0++NiWAdce+uyzzySXgicvtqWCQWU1efJk5+cS9+fHz/uCuDNIflimmmFGbFYuVCilXMH4H0L/Q9no3cbXD1Wbr9pm7LPyyiuvSG1tbcFX+SKIHnzwQXn99df9hzCw+4i4ewYHQ5KDvFQUSn0Mxg+a4IcTAYM+CwZfZqm2BetYsDYGlcN3333XqoMfeuihqbUwuMJAEK4qgEuXADb0Dp9giX1ounfv7rwWx8HF2QAXV3vssceCXaoHxb3o/W7v5/ZD0g9PB8dfqFBatYN0F5TppMdwQ/g0iLv0/sxEIlGOcEFFc+KJJ2a91KsPwYFrUGNnPGy5cPjhh6eewxoZvB7PY9OqK664wgkVHwIFe9DgciWjRo2Sk046yTkDe/z48c64kKdO3IDBVQ8QLAlJr8KcKmbg4Iv+WQXVoFTA2PZbK+verBOiPCjVHe0QHn6I+GMwqOYS3vP+SZAIl9dU66Vme67fsmVL+YIFC+Tnn3+W6dOnOxdZywZVysiRI51qI3ypEYy/IHjuuOOO8DWNUq+96KKLnMua4Htx//777xesz/HOk8Ks0Qxxt2VISnq4sItERaPUr4sUnk0KngDp38bWB4vFvUb1v2/durUcm36j4sBMznHHHZf14AiOcHgEZbvWNaDK8a9XjbGXxYsXC05j8Dyh2iZp6hZlC5emlbxEBVDKAROsYvzxiuAVHYMnIP+k2jOq7VIVxLXbt2/f++mnn3bOMbrttttkwIABohO23sSWDN5sE6qVl6SpagmHS7ARFVSpn02daU1MIktDyDyl2gMqZLbhPKCnnnpKbr/9dmeLh/ZAcNxyyy3Su3dv6devnzz88MPBKiUF2zFg1zoPRpl/C/1smWaQRNhFogLjpWObPoTBv/jB7pIEvqK7hDUn+LTfotoBb775pnOdJAziBi5Av0c//vijzJ8/Xx544AHn/k8//SRTpkxxFt5hn97gda2xQXjghMmNkh4o4XDh+AsVDW7Zmnm62p+V8S8BEqwWMLD6d9UeVu1nDLouX77cuYxJa2FbTgQTAsZ7b6e7g5BZtGiRfPjhh2lnYKN6CWyCtUOyj70EqxeigmPAuIJdinDQBMPGb9jg5RPVPseLsGQfVUZrYYOoWbNmOVPP4p5cWe8dy8a1r1ER4Zh+qIQueWJK5vEWW9g1oiLDLlKTTFPXRuh5/3vQsO2ds7k2LkPiX4wNMLUcvg4SwgLbW2ItDS7g5p16gLDCiU4LVTtBtR5qILcPVuuiizRkyBBnvQwqG7zWg+s3ZQsXdo2oqDBg0vkBgg+tXymINL9YW3DTcKfL88gjj8iLL77oBAMWygXHUABjK9iKEwHj7aGLY8dVW6baN+IO3PZW7SpVDVXgTO4lS5Y44zp4XWBXvL7e+zJYqOgxYJoLhox4t4NB4y/CA2clNFb34vrVbYBuF1IG+898JE1ncmO7CKzK+xd1zB5r167N1IXtJu51nFi9UNFjwGQWDhlfsILBtDVOisSJRPuGno9I8038cUzMPmHnf8wEYd+ZleKGjR8MOJtyobhbX1aqdqB3LASQf0lY7PD9hzBYqBNgwGQXDBm/e+QP/vrXUkIFgg98T0m/UmQ3aQqi4DQ4ggELXbBvrn/1xeDMD74f4YNFfW94x8WxEt7rMO6zSTKfDsCQoaLDgGlZeLVveJUvQgZBgS5LRJoCxsxwnEzbRPiDyb5gFwxVzEbJvAgwKaxgqBNgwLROOBwQMqb31YcP/Z4CxsrS/IDwqx5T0isgW9L3rOGCOuoUGDB7FuyCBM9bagw8jsf8cMk2/tJSwPiCYzzB2apM+9bwrGkqegyY1guGCzQGHiuTpqom05VagwETDppgQISnws0Mr/cXAPK8Iyp6DJjWC6/2Dd72181ASwETrmQyVR/h7SLCxwhu88kxGCpqDJjWCa/ytaR5WIR3xAu/Pjzj01LA7Cmk2DWiToEB03Z+mJiB28GAEckcMMHbVuhxO/S6TCHlf1+msGLQUFFiwLSeX8X4ty1pHiit2TouU7cmU8BI6Lad5StR0WLAtE0wCMKDs209RkvPtTY8GDJU1Bgw7WNnuW+04TVEXR4DJrcYIkQB3HCKiLRhwBCRNgwYItKGAUNE2jBgiEgbBgwRacOAISJtGDBdnGFI2gWbjIjZV4jyhAHTxdmGHU9/QKJClCcMmC6uLBmpDz1UOS5W2/qLaBN1AAOmi4vFquLiXuDNV7GfaY0WojxgwJQA27KeDN43DXOoEOUBA6YElNnmwtBDg6rvmT1OiDRjwJQAdJNssdOqGDHMKRNitVEh0ogBUyLKkkZMfQlOWVeUR2QFQ4Z0YsCUCGew15CpoYejCJlJNbWDhEiDtmz1SF2ACpOY+p8+pdkThixMNMrUme6sE1FOMGBK0KSaOXMNMW7N8vRSNe20LGkl62fE7qgXog5gwJSorJUMUQ4xYEoYxl7UP4AF6mZUiDRgwJBU31M7Wv1LQDUTFaIcYsBQSmx6bWVjo3W5mOZAww2bqBB1wD8AobUpv0xPqN8AAAAASUVORK5CYII="></image></defs>', 3)
+  ]));
+}
+const WireMeUp = /* @__PURE__ */ _export_sfc$1(_sfc_main$D, [["render", _sfc_render]]);
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
+  __name: "InputPanel",
   props: {
-    modelValue: { default: "params" },
-    nodeType: { default: void 0 },
-    pushRef: { default: "" },
-    hideDocs: { type: Boolean }
+    runIndex: {},
+    workflow: {},
+    pushRef: {},
+    activeNodeName: {},
+    currentNodeName: { default: "" },
+    canLinkRuns: { type: Boolean, default: false },
+    linkedRuns: { type: Boolean },
+    readOnly: { type: Boolean, default: false },
+    isProductionExecutionPreview: { type: Boolean, default: false },
+    isPaneActive: { type: Boolean, default: false },
+    displayMode: {},
+    compact: { type: Boolean },
+    disableDisplayModeSelection: { type: Boolean },
+    focusedMappableInput: {},
+    isMappingOnboarded: { type: Boolean }
   },
-  emits: ["update:model-value"],
+  emits: ["itemHover", "tableMounted", "linkRun", "unlinkRun", "runChange", "search", "changeInputNode", "execute", "activatePane", "displayModeChange"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
-    const externalHooks = useExternalHooks();
-    const ndvStore = useNDVStore();
-    const workflowsStore = useWorkflowsStore();
-    const i18n = useI18n();
+    const i18n2 = useI18n();
     const telemetry = useTelemetry();
-    const { docsUrl } = useNodeDocsUrl({ nodeType: () => props.nodeType });
-    const activeNode = computed(() => ndvStore.activeNode);
-    const isCommunityNode = computed(() => {
-      const nodeType = props.nodeType;
+    const showDraggableHintWithDelay = ref(false);
+    const draggableHintShown = ref(false);
+    const mappedNode2 = ref(null);
+    const collapsingColumnName = ref(null);
+    const inputModes = [
+      { value: "mapping", label: i18n2.baseText("ndv.input.mapping") },
+      { value: "debugging", label: i18n2.baseText("ndv.input.fromAI") }
+    ];
+    const nodeTypesStore = useNodeTypesStore();
+    const workflowsStore = useWorkflowsStore();
+    const posthogStore = usePostHog();
+    const activeNode = computed(() => workflowsStore.getNodeByName(props.activeNodeName));
+    const rootNode = computed(() => {
+      if (!activeNode.value) return null;
+      return props.workflow.getChildNodes(activeNode.value.name, "ALL").at(0) ?? null;
+    });
+    const hasRootNodeRun = computed(() => {
+      return !!(rootNode.value && workflowsStore.getWorkflowExecution?.data?.resultData.runData[rootNode.value]);
+    });
+    const inputMode = ref(
+      // Show debugging mode by default only when the node has already run
+      activeNode.value && workflowsStore.getWorkflowExecution?.data?.resultData.runData[activeNode.value.name] ? "debugging" : "mapping"
+    );
+    const isMappingMode = computed(() => isActiveNodeConfig.value && inputMode.value === "mapping");
+    const showDraggableHint = computed(() => {
+      const toIgnore = [START_NODE_TYPE, MANUAL_TRIGGER_NODE_TYPE, CRON_NODE_TYPE, INTERVAL_NODE_TYPE];
+      if (!currentNode.value || toIgnore.includes(currentNode.value.type)) {
+        return false;
+      }
+      return !!props.focusedMappableInput && !props.isMappingOnboarded;
+    });
+    const isActiveNodeConfig = computed(() => {
+      let inputs2 = activeNodeType.value?.inputs ?? [];
+      let outputs = activeNodeType.value?.outputs ?? [];
+      if (props.workflow && activeNode.value) {
+        const node2 = props.workflow.getNode(activeNode.value.name);
+        if (node2 && activeNodeType.value) {
+          inputs2 = getNodeInputs(props.workflow, node2, activeNodeType.value);
+          outputs = getNodeOutputs(props.workflow, node2, activeNodeType.value);
+        }
+      }
+      if (!Array.isArray(inputs2)) {
+        inputs2 = [];
+      }
+      if (!Array.isArray(outputs)) {
+        outputs = [];
+      }
+      return inputs2.length === 0 || inputs2.every((input) => filterOutConnectionType(input, NodeConnectionTypes.Main)) && outputs.find((output) => filterOutConnectionType(output, NodeConnectionTypes.Main));
+    });
+    const isMappingEnabled = computed(() => {
+      if (props.readOnly) return false;
+      if (isActiveNodeConfig.value) return isMappingMode.value && mappedNode2.value !== null;
+      return true;
+    });
+    const isExecutingPrevious = computed(() => {
+      if (!workflowsStore.isWorkflowRunning) {
+        return false;
+      }
+      const triggeredNode = workflowsStore.executedNode;
+      const executingNode = workflowsStore.executingNode;
+      if (activeNode.value && triggeredNode === activeNode.value.name && workflowsStore.isNodeExecuting(props.currentNodeName)) {
+        return true;
+      }
+      if (executingNode.length || triggeredNode) {
+        return !!parentNodes.value.find(
+          (node2) => workflowsStore.isNodeExecuting(node2.name) || node2.name === triggeredNode
+        );
+      }
+      return false;
+    });
+    const rootNodesParents = computed(() => {
+      if (!rootNode.value) return [];
+      return props.workflow.getParentNodesByDepth(rootNode.value);
+    });
+    const currentNode = computed(() => {
+      if (isActiveNodeConfig.value) {
+        if (mappedNode2.value) {
+          return workflowsStore.getNodeByName(mappedNode2.value);
+        }
+        return activeNode.value;
+      }
+      return workflowsStore.getNodeByName(props.currentNodeName ?? "");
+    });
+    const connectedCurrentNodeOutputs = computed(() => {
+      const search = parentNodes.value.find(({ name }) => name === props.currentNodeName);
+      return search?.indicies;
+    });
+    const parentNodes = computed(() => {
+      if (!activeNode.value) {
+        return [];
+      }
+      const parents = props.workflow.getParentNodesByDepth(activeNode.value.name).filter((parent) => parent.name !== activeNode.value?.name);
+      return uniqBy(parents, (parent) => parent.name);
+    });
+    const currentNodeDepth = computed(() => {
+      const node2 = parentNodes.value.find(
+        (parent) => currentNode.value && parent.name === currentNode.value.name
+      );
+      return node2?.depth ?? -1;
+    });
+    const activeNodeType = computed(() => {
+      if (!activeNode.value) return null;
+      return nodeTypesStore.getNodeType(activeNode.value.type, activeNode.value.typeVersion);
+    });
+    const waitingMessage = computed(() => {
+      const parentNode = parentNodes.value[0];
+      return parentNode && waitingNodeTooltip(workflowsStore.getNodeByName(parentNode.name));
+    });
+    const isNDVV2 = computed(
+      () => posthogStore.isVariantEnabled(
+        NDV_UI_OVERHAUL_EXPERIMENT.name,
+        NDV_UI_OVERHAUL_EXPERIMENT.variant
+      )
+    );
+    watch(
+      inputMode,
+      (mode) => {
+        onRunIndexChange(-1);
+        if (mode === "mapping") {
+          onUnlinkRun();
+          mappedNode2.value = rootNodesParents.value[0]?.name ?? null;
+        } else {
+          mappedNode2.value = null;
+        }
+      },
+      { immediate: true }
+    );
+    watch(showDraggableHint, (curr, prev) => {
+      if (curr && !prev) {
+        setTimeout(() => {
+          if (draggableHintShown.value) {
+            return;
+          }
+          showDraggableHintWithDelay.value = showDraggableHint.value;
+          if (showDraggableHintWithDelay.value) {
+            draggableHintShown.value = true;
+            telemetry.track("User viewed data mapping tooltip", {
+              type: "unexecuted input pane"
+            });
+          }
+        }, 1e3);
+      } else if (!curr) {
+        showDraggableHintWithDelay.value = false;
+      }
+    });
+    function filterOutConnectionType(item, type) {
+      if (!item) return false;
+      return typeof item === "string" ? item !== type : item.type !== type;
+    }
+    function onInputModeChange(val) {
+      inputMode.value = val;
+    }
+    function onMappedNodeSelected(val) {
+      mappedNode2.value = val;
+      onRunIndexChange(0);
+      onUnlinkRun();
+    }
+    function onNodeExecute() {
+      emit("execute");
+      if (activeNode.value) {
+        telemetry.track("User clicked ndv button", {
+          node_type: activeNode.value.type,
+          workflow_id: workflowsStore.workflowId,
+          push_ref: props.pushRef,
+          pane: "input",
+          type: "executePrevious"
+        });
+      }
+    }
+    function onRunIndexChange(run) {
+      emit("runChange", run);
+    }
+    function onLinkRun() {
+      emit("linkRun");
+    }
+    function onUnlinkRun() {
+      emit("unlinkRun");
+    }
+    function onSearch(search) {
+      emit("search", search);
+    }
+    function onItemHover(item) {
+      emit("itemHover", item);
+    }
+    function onTableMounted(event) {
+      emit("tableMounted", event);
+    }
+    function onInputNodeChange(value) {
+      const index = parentNodes.value.findIndex((node2) => node2.name === value) + 1;
+      emit("changeInputNode", value, index);
+    }
+    function onConnectionHelpClick() {
+      if (activeNode.value) {
+        telemetry.track("User clicked ndv link", {
+          node_type: activeNode.value.type,
+          workflow_id: workflowsStore.workflowId,
+          push_ref: props.pushRef,
+          pane: "input",
+          type: "not-connected-help"
+        });
+      }
+    }
+    function activatePane() {
+      emit("activatePane");
+    }
+    function handleChangeCollapsingColumn(columnName) {
+      collapsingColumnName.value = columnName;
+    }
+    return (_ctx, _cache) => {
+      const _directive_n8n_html = resolveDirective("n8n-html");
+      return openBlock(), createBlock(RunData, {
+        class: normalizeClass(_ctx.$style.runData),
+        node: currentNode.value,
+        nodes: isMappingMode.value ? rootNodesParents.value : parentNodes.value,
+        workflow: _ctx.workflow,
+        "run-index": isMappingMode.value ? 0 : _ctx.runIndex,
+        "linked-runs": _ctx.linkedRuns,
+        "can-link-runs": !mappedNode2.value && _ctx.canLinkRuns,
+        "too-much-data-title": unref(i18n2).baseText("ndv.input.tooMuchData.title"),
+        "no-data-in-branch-message": unref(i18n2).baseText("ndv.input.noOutputDataInBranch"),
+        "is-executing": isExecutingPrevious.value,
+        "executing-message": unref(i18n2).baseText("ndv.input.executingPrevious"),
+        "push-ref": _ctx.pushRef,
+        "override-outputs": connectedCurrentNodeOutputs.value,
+        "mapping-enabled": isMappingEnabled.value,
+        "distance-from-active": currentNodeDepth.value,
+        "is-production-execution-preview": _ctx.isProductionExecutionPreview,
+        "is-pane-active": _ctx.isPaneActive,
+        "display-mode": _ctx.displayMode,
+        "pane-type": "input",
+        "data-test-id": "ndv-input-panel",
+        "disable-ai-content": true,
+        "collapsing-table-column-name": collapsingColumnName.value,
+        compact: _ctx.compact,
+        "disable-display-mode-selection": _ctx.disableDisplayModeSelection,
+        onActivatePane: activatePane,
+        onItemHover,
+        onLinkRun,
+        onUnlinkRun,
+        onRunChange: onRunIndexChange,
+        onTableMounted,
+        onSearch,
+        onDisplayModeChange: _cache[2] || (_cache[2] = ($event) => emit("displayModeChange", $event)),
+        onCollapsingTableColumnChanged: handleChangeCollapsingColumn
+      }, createSlots({
+        header: withCtx(() => [
+          createBaseVNode("div", {
+            class: normalizeClass([_ctx.$style.titleSection, { [_ctx.$style.titleSectionV2]: isNDVV2.value }])
+          }, [
+            createVNode(unref(N8nText), {
+              bold: true,
+              color: "text-light",
+              size: _ctx.compact ? "small" : "medium",
+              class: normalizeClass([_ctx.$style.title, { [_ctx.$style.titleV2]: isNDVV2.value }])
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(i18n2).baseText("ndv.input")), 1)
+              ]),
+              _: 1
+            }, 8, ["size", "class"]),
+            isActiveNodeConfig.value && !_ctx.readOnly ? (openBlock(), createBlock(unref(N8nRadioButtons), {
+              key: 0,
+              "data-test-id": "input-panel-mode",
+              options: inputModes,
+              "model-value": inputMode.value,
+              "onUpdate:modelValue": onInputModeChange
+            }, null, 8, ["model-value"])) : createCommentVNode("", true)
+          ], 2)
+        ]),
+        "input-select": withCtx(() => [
+          parentNodes.value.length && _ctx.currentNodeName ? (openBlock(), createBlock(InputNodeSelect, {
+            key: 0,
+            "model-value": _ctx.currentNodeName,
+            workflow: _ctx.workflow,
+            nodes: parentNodes.value,
+            "onUpdate:modelValue": onInputNodeChange
+          }, null, 8, ["model-value", "workflow", "nodes"])) : createCommentVNode("", true)
+        ]),
+        "node-not-run": withCtx(() => [
+          isActiveNodeConfig.value && rootNode.value || parentNodes.value.length ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(_ctx.$style.noOutputData)
+          }, [
+            isNDVV2.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              isMappingEnabled.value || hasRootNodeRun.value ? (openBlock(), createBlock(__unplugin_components_2, {
+                key: 0,
+                title: unref(i18n2).baseText("ndv.input.noOutputData.v2.title")
+              }, {
+                icon: withCtx(() => [
+                  createVNode(unref(N8nIcon), {
+                    icon: "arrow-right-to-line",
+                    size: "xlarge"
+                  })
+                ]),
+                description: withCtx(() => [
+                  createVNode(unref(I18nT), {
+                    tag: "span",
+                    keypath: "ndv.input.noOutputData.v2.description",
+                    scope: "global"
+                  }, {
+                    link: withCtx(() => [
+                      createVNode(_sfc_main$10, {
+                        "hide-icon": "",
+                        transparent: "",
+                        type: "secondary",
+                        "node-name": (isActiveNodeConfig.value ? rootNode.value : activeNode.value?.name) ?? "",
+                        label: unref(i18n2).baseText("ndv.input.noOutputData.v2.action"),
+                        tooltip: unref(i18n2).baseText("ndv.input.noOutputData.v2.tooltip"),
+                        "tooltip-placement": "bottom",
+                        "telemetry-source": "inputs",
+                        "data-test-id": "execute-previous-node",
+                        onExecute: onNodeExecute
+                      }, null, 8, ["node-name", "label", "tooltip"]),
+                      _cache[4] || (_cache[4] = createBaseVNode("br", null, null, -1))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["title"])) : (openBlock(), createBlock(__unplugin_components_2, {
+                key: 1,
+                title: unref(i18n2).baseText("ndv.input.rootNodeHasNotRun.title")
+              }, {
+                icon: withCtx(() => _cache[5] || (_cache[5] = [
+                  createBaseVNode("svg", {
+                    width: "16px",
+                    viewBox: "0 0 16 14",
+                    fill: "none",
+                    xmlns: "http://www.w3.org/2000/svg"
+                  }, [
+                    createBaseVNode("path", {
+                      d: "M11 2C10.4375 2 10 1.5625 10 1C10 0.46875 10.4375 0 11 0H13C14.6562 0 16 1.34375 16 3V11C16 12.6562 14.6562 14 13 14H11C10.4375 14 10 13.5625 10 13C10 12.4688 10.4375 12 11 12H13C13.5312 12 14 11.5625 14 11V3C14 2.46875 13.5312 2 13 2H11ZM10.6875 7.71875L6.6875 11.7188C6.3125 12.125 5.65625 12.125 5.28125 11.7188C4.875 11.3438 4.875 10.6875 5.28125 10.3125L7.5625 8H1C0.4375 8 0 7.5625 0 7C0 6.46875 0.4375 6 1 6H7.5625L5.28125 3.71875C4.875 3.34375 4.875 2.6875 5.28125 2.3125C5.65625 1.90625 6.3125 1.90625 6.6875 2.3125L10.6875 6.3125C11.0938 6.6875 11.0938 7.34375 10.6875 7.71875Z",
+                      fill: "currentColor"
+                    })
+                  ], -1)
+                ])),
+                description: withCtx(() => [
+                  createVNode(unref(I18nT), {
+                    tag: "span",
+                    keypath: "ndv.input.rootNodeHasNotRun.description",
+                    scope: "global"
+                  }, {
+                    link: withCtx(() => [
+                      createBaseVNode("a", {
+                        href: "#",
+                        "data-test-id": "switch-to-mapping-mode-link",
+                        onClick: _cache[0] || (_cache[0] = withModifiers(($event) => onInputModeChange("mapping"), ["prevent"]))
+                      }, toDisplayString(unref(i18n2).baseText("ndv.input.rootNodeHasNotRun.description.link")), 1)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["title"]))
+            ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              isMappingEnabled.value || hasRootNodeRun.value ? (openBlock(), createBlock(unref(N8nText), {
+                key: 0,
+                tag: "div",
+                bold: true,
+                color: "text-dark",
+                size: "large"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(i18n2).baseText("ndv.input.noOutputData.title")), 1)
+                ]),
+                _: 1
+              })) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                createVNode(unref(N8nText), {
+                  tag: "div",
+                  bold: true,
+                  color: "text-dark",
+                  size: "large"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(toDisplayString(unref(i18n2).baseText("ndv.input.rootNodeHasNotRun.title")), 1)
+                  ]),
+                  _: 1
+                }),
+                createVNode(unref(N8nText), {
+                  tag: "div",
+                  color: "text-dark",
+                  size: "medium"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(I18nT), {
+                      tag: "span",
+                      keypath: "ndv.input.rootNodeHasNotRun.description",
+                      scope: "global"
+                    }, {
+                      link: withCtx(() => [
+                        createBaseVNode("a", {
+                          href: "#",
+                          "data-test-id": "switch-to-mapping-mode-link",
+                          onClick: _cache[1] || (_cache[1] = withModifiers(($event) => onInputModeChange("mapping"), ["prevent"]))
+                        }, toDisplayString(unref(i18n2).baseText("ndv.input.rootNodeHasNotRun.description.link")), 1)
+                      ]),
+                      _: 1
+                    })
+                  ]),
+                  _: 1
+                })
+              ], 64)),
+              !_ctx.readOnly ? (openBlock(), createBlock(unref(N8nTooltip), {
+                key: 2,
+                visible: showDraggableHint.value && showDraggableHintWithDelay.value
+              }, {
+                content: withCtx(() => [
+                  withDirectives(createBaseVNode("div", null, null, 512), [
+                    [
+                      _directive_n8n_html,
+                      unref(i18n2).baseText("dataMapping.dragFromPreviousHint", {
+                        interpolate: { name: _ctx.focusedMappableInput }
+                      })
+                    ]
+                  ])
+                ]),
+                default: withCtx(() => [
+                  createVNode(_sfc_main$10, {
+                    type: "secondary",
+                    "hide-icon": "",
+                    transparent: true,
+                    "node-name": (isActiveNodeConfig.value ? rootNode.value : activeNode.value?.name) ?? "",
+                    label: unref(i18n2).baseText("ndv.input.noOutputData.executePrevious"),
+                    class: "mt-m",
+                    "telemetry-source": "inputs",
+                    "data-test-id": "execute-previous-node",
+                    onExecute: onNodeExecute
+                  }, null, 8, ["node-name", "label"])
+                ]),
+                _: 1
+              }, 8, ["visible"])) : createCommentVNode("", true),
+              !_ctx.readOnly ? (openBlock(), createBlock(unref(N8nText), {
+                key: 3,
+                tag: "div",
+                size: "small"
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(I18nT), {
+                    keypath: "ndv.input.noOutputData.hint",
+                    scope: "global"
+                  }, {
+                    info: withCtx(() => [
+                      createVNode(unref(N8nTooltip), { placement: "bottom" }, {
+                        content: withCtx(() => [
+                          createTextVNode(toDisplayString(unref(i18n2).baseText("ndv.input.noOutputData.hint.tooltip")), 1)
+                        ]),
+                        default: withCtx(() => [
+                          createVNode(unref(N8nIcon), { icon: "circle-help" })
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })) : createCommentVNode("", true)
+            ], 64))
+          ], 2)) : (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: normalizeClass(_ctx.$style.notConnected)
+          }, [
+            isNDVV2.value ? (openBlock(), createBlock(__unplugin_components_2, {
+              key: 0,
+              title: unref(i18n2).baseText("ndv.input.notConnected.v2.title")
+            }, {
+              icon: withCtx(() => [
+                createVNode(WireMeUp)
+              ]),
+              description: withCtx(() => [
+                createVNode(unref(I18nT), {
+                  tag: "span",
+                  keypath: "ndv.input.notConnected.v2.description",
+                  scope: "global"
+                }, {
+                  link: withCtx(() => [
+                    createBaseVNode("a", {
+                      href: "https://docs.n8n.io/workflows/connections/",
+                      target: "_blank",
+                      onClick: onConnectionHelpClick
+                    }, toDisplayString(unref(i18n2).baseText("ndv.input.notConnected.learnMore")), 1)
+                  ]),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }, 8, ["title"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+              createBaseVNode("div", null, [
+                createVNode(WireMeUp)
+              ]),
+              createVNode(unref(N8nText), {
+                tag: "div",
+                bold: true,
+                color: "text-dark",
+                size: "large"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(i18n2).baseText("ndv.input.notConnected.title")), 1)
+                ]),
+                _: 1
+              }),
+              createVNode(unref(N8nText), { tag: "div" }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(i18n2).baseText("ndv.input.notConnected.message")) + " ", 1),
+                  createBaseVNode("a", {
+                    href: "https://docs.n8n.io/workflows/connections/",
+                    target: "_blank",
+                    onClick: onConnectionHelpClick
+                  }, toDisplayString(unref(i18n2).baseText("ndv.input.notConnected.learnMore")), 1)
+                ]),
+                _: 1
+              })
+            ], 64))
+          ], 2))
+        ]),
+        "node-waiting": withCtx(() => [
+          createVNode(unref(N8nText), {
+            bold: true,
+            color: "text-dark",
+            size: "large"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(i18n2).baseText("ndv.output.waitNodeWaiting.title")), 1)
+            ]),
+            _: 1
+          }),
+          withDirectives(createVNode(unref(N8nText), null, null, 512), [
+            [_directive_n8n_html, waitingMessage.value]
+          ])
+        ]),
+        "no-output-data": withCtx(() => [
+          createVNode(unref(N8nText), {
+            tag: "div",
+            bold: true,
+            color: "text-dark",
+            size: "large"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(i18n2).baseText("ndv.input.noOutputData")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        "recovered-artificial-output-data": withCtx(() => [
+          createBaseVNode("div", {
+            class: normalizeClass(_ctx.$style.recoveredOutputData)
+          }, [
+            createVNode(unref(N8nText), {
+              tag: "div",
+              bold: true,
+              color: "text-dark",
+              size: "large"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(i18n2).baseText("executionDetails.executionFailed.recoveredNodeTitle")), 1)
+              ]),
+              _: 1
+            }),
+            createVNode(unref(N8nText), null, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(i18n2).baseText("executionDetails.executionFailed.recoveredNodeMessage")), 1)
+              ]),
+              _: 1
+            })
+          ], 2)
+        ]),
+        _: 2
+      }, [
+        isMappingMode.value ? {
+          name: "before-data",
+          fn: withCtx(() => [
+            (openBlock(), createBlock(resolveDynamicComponent("style"), null, {
+              default: withCtx(() => _cache[3] || (_cache[3] = [
+                createTextVNode("button.linkRun { display: none }")
+              ])),
+              _: 1
+            })),
+            createBaseVNode("div", {
+              class: normalizeClass(_ctx.$style.mappedNode)
+            }, [
+              createVNode(InputNodeSelect, {
+                "model-value": mappedNode2.value,
+                workflow: _ctx.workflow,
+                nodes: rootNodesParents.value,
+                "onUpdate:modelValue": onMappedNodeSelected
+              }, null, 8, ["model-value", "workflow", "nodes"])
+            ], 2)
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1032, ["class", "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", "display-mode", "collapsing-table-column-name", "compact", "disable-display-mode-selection"]);
+    };
+  }
+});
+const runData = "_runData_1mq3a_123";
+const mappedNode = "_mappedNode_1mq3a_127";
+const titleSection = "_titleSection_1mq3a_131";
+const titleSectionV2 = "_titleSectionV2_1mq3a_140";
+const inputModeTab = "_inputModeTab_1mq3a_144";
+const noOutputData = "_noOutputData_1mq3a_148";
+const recoveredOutputData = "_recoveredOutputData_1mq3a_155";
+const notConnected = "_notConnected_1mq3a_164";
+const title = "_title_1mq3a_131";
+const titleV2 = "_titleV2_1mq3a_179";
+const style0$r = {
+  runData,
+  mappedNode,
+  titleSection,
+  titleSectionV2,
+  inputModeTab,
+  noOutputData,
+  recoveredOutputData,
+  notConnected,
+  title,
+  titleV2
+};
+const cssModules$r = {
+  "$style": style0$r
+};
+const InputPanel = /* @__PURE__ */ _export_sfc$1(_sfc_main$C, [["__cssModules", cssModules$r]]);
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
+  __name: "NodeTitle",
+  props: {
+    modelValue: { default: "" },
+    nodeType: { default: void 0 },
+    readOnly: { type: Boolean, default: false }
+  },
+  emits: ["update:model-value"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    function onRename(value) {
+      if (value.trim() !== "") {
+        emit("update:model-value", value.trim());
+      }
+    }
+    const wrapperRef = useTemplateRef("wrapperRef");
+    const { width } = useElementSize(wrapperRef);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass(_ctx.$style.container),
+        "data-test-id": "node-title-container"
+      }, [
+        createBaseVNode("span", {
+          class: normalizeClass(_ctx.$style.iconWrapper)
+        }, [
+          createVNode(_sfc_main$$, {
+            "node-type": _ctx.nodeType,
+            size: 18,
+            "show-tooltip": true,
+            "tooltip-position": "left"
+          }, null, 8, ["node-type"])
+        ], 2),
+        createBaseVNode("div", {
+          ref_key: "wrapperRef",
+          ref: wrapperRef,
+          class: normalizeClass(_ctx.$style.textWrapper)
+        }, [
+          createVNode(unref(InlineRename), {
+            "max-width": unref(width),
+            "model-value": _ctx.modelValue,
+            "read-only": _ctx.readOnly,
+            "onUpdate:modelValue": onRename
+          }, null, 8, ["max-width", "model-value", "read-only"])
+        ], 2)
+      ], 2);
+    };
+  }
+});
+const container$5 = "_container_178ym_123";
+const textWrapper = "_textWrapper_178ym_132";
+const iconWrapper$1 = "_iconWrapper_178ym_137";
+const style0$q = {
+  container: container$5,
+  textWrapper,
+  iconWrapper: iconWrapper$1
+};
+const cssModules$q = {
+  "$style": style0$q
+};
+const NodeTitle = /* @__PURE__ */ _export_sfc$1(_sfc_main$B, [["__cssModules", cssModules$q]]);
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
+  __name: "CommunityNodeFooter",
+  props: {
+    packageName: {},
+    showManage: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const router = useRouter();
+    const bugsUrl = ref(`https://registry.npmjs.org/${props.packageName}`);
+    const installedPackage = ref(void 0);
+    async function openSettingsPage() {
+      await router.push({ name: VIEWS.COMMUNITY_NODES });
+    }
+    async function openIssuesPage() {
+      if (bugsUrl.value) {
+        window.open(bugsUrl.value, "_blank");
+      }
+    }
+    async function getBugsUrl(packageName) {
+      const url = `https://registry.npmjs.org/${packageName}`;
+      try {
+        const response = await fetch(url);
+        if (!response.ok) {
+          throw new Error("Could not get metadata for package");
+        }
+        const data = await response.json();
+        if (data.bugs?.url) {
+          bugsUrl.value = data.bugs.url;
+        }
+      } catch (error2) {
+        captureException(error2);
+      }
+    }
+    onMounted(async () => {
+      if (props.packageName) {
+        await getBugsUrl(props.packageName);
+        installedPackage.value = await useCommunityNodesStore().getInstalledPackage(props.packageName);
+      }
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", null, [
+        createBaseVNode("div", {
+          class: normalizeClass(_ctx.$style.separator)
+        }, null, 2),
+        createBaseVNode("div", {
+          class: normalizeClass(_ctx.$style.container)
+        }, [
+          installedPackage.value ? (openBlock(), createBlock(unref(N8nText), {
+            key: 0,
+            size: "small",
+            color: "text-light",
+            style: { "margin-right": "auto" }
+          }, {
+            default: withCtx(() => [
+              createTextVNode(" Package version " + toDisplayString(installedPackage.value.installedVersion) + " (" + toDisplayString(installedPackage.value.updateAvailable ? "Legacy" : "Latest") + ") ", 1)
+            ]),
+            _: 1
+          })) : createCommentVNode("", true),
+          props.showManage ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            createVNode(unref(N8nLink), {
+              theme: "text",
+              onClick: openSettingsPage
+            }, {
+              default: withCtx(() => [
+                createVNode(unref(N8nText), {
+                  size: "small",
+                  color: "primary",
+                  bold: ""
+                }, {
+                  default: withCtx(() => _cache[0] || (_cache[0] = [
+                    createTextVNode(" Manage ")
+                  ])),
+                  _: 1
+                })
+              ]),
+              _: 1
+            }),
+            createVNode(unref(N8nText), {
+              size: "small",
+              style: { "color": "var(--color-foreground-base)" },
+              bold: ""
+            }, {
+              default: withCtx(() => _cache[1] || (_cache[1] = [
+                createTextVNode("|")
+              ])),
+              _: 1
+            })
+          ], 64)) : createCommentVNode("", true),
+          createVNode(unref(N8nLink), {
+            theme: "text",
+            onClick: openIssuesPage
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(N8nText), {
+                size: "small",
+                color: "primary",
+                bold: ""
+              }, {
+                default: withCtx(() => _cache[2] || (_cache[2] = [
+                  createTextVNode(" Report issue ")
+                ])),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ], 2)
+      ]);
+    };
+  }
+});
+const container$4 = "_container_1lo1n_123";
+const separator = "_separator_1lo1n_131";
+const style0$p = {
+  container: container$4,
+  separator
+};
+const cssModules$p = {
+  "$style": style0$p
+};
+const CommunityNodeFooter = /* @__PURE__ */ _export_sfc$1(_sfc_main$A, [["__cssModules", cssModules$p]]);
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
+  __name: "CommunityNodeUpdateInfo",
+  setup(__props) {
+    const noticeStyles = computed(() => {
+      const isDark = useUIStore().appliedTheme === "dark";
+      if (isDark) {
+        return {
+          borderColor: "var(--color-callout-secondary-border)",
+          backgroundColor: "var(--color-callout-secondary-background)",
+          color: "var(--color-callout-secondary-font)"
+        };
+      }
+      return {
+        borderColor: "var(--color-secondary)",
+        backgroundColor: "var(--color-secondary-tint-3)"
+      };
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(N8nNotice), {
+        theme: "info",
+        style: normalizeStyle({
+          marginTop: "0",
+          ...noticeStyles.value
+        })
+      }, {
+        default: withCtx(() => [
+          createTextVNode(toDisplayString(unref(i18n).baseText("communityNodeUpdateInfo.available")), 1)
+        ]),
+        _: 1
+      }, 8, ["style"]);
+    };
+  }
+});
+const useNodeDocsUrl = ({
+  nodeType: nodeTypeRef
+}) => {
+  const packageName = computed(() => toValue(nodeTypeRef)?.name.split(".")[0] ?? "");
+  const isCommunityNode = computed(() => {
+    const nodeType = toValue(nodeTypeRef);
+    if (nodeType) {
+      return isCommunityPackageName(nodeType.name);
+    }
+    return false;
+  });
+  const docsUrl = computed(() => {
+    const nodeType = toValue(nodeTypeRef);
+    if (!nodeType) {
+      return "";
+    }
+    if (nodeType.documentationUrl?.startsWith("http")) {
+      return nodeType.documentationUrl;
+    }
+    const utmParams = new URLSearchParams({
+      utm_source: "n8n_app",
+      utm_medium: "node_settings_modal-credential_link",
+      utm_campaign: nodeType.name
+    });
+    const primaryDocUrl = nodeType.codex?.resources?.primaryDocumentation?.[0]?.url;
+    if (primaryDocUrl) {
+      return `${primaryDocUrl}?${utmParams.toString()}`;
+    }
+    if (isCommunityNode.value) {
+      return `${NPM_PACKAGE_DOCS_BASE_URL}${packageName.value}`;
+    }
+    return `${BUILTIN_NODES_DOCS_URL}?${utmParams.toString()}`;
+  });
+  return { docsUrl };
+};
+const _sfc_main$y = /* @__PURE__ */ defineComponent({
+  __name: "NodeSettingsTabs",
+  props: {
+    modelValue: { default: "params" },
+    nodeType: { default: void 0 },
+    pushRef: { default: "" },
+    hideDocs: { type: Boolean }
+  },
+  emits: ["update:model-value"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const externalHooks = useExternalHooks();
+    const ndvStore = useNDVStore();
+    const workflowsStore = useWorkflowsStore();
+    const i18n2 = useI18n();
+    const telemetry = useTelemetry();
+    const { docsUrl } = useNodeDocsUrl({ nodeType: () => props.nodeType });
+    const communityNodesStore = useCommunityNodesStore();
+    const activeNode = computed(() => ndvStore.activeNode);
+    const installedPackage = ref(void 0);
+    const isCommunityNode = computed(() => {
+      const nodeType = props.nodeType;
       if (nodeType) {
         return isCommunityPackageName(nodeType.name);
       }
@@ -8734,12 +9788,13 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     const options = computed(() => {
       const options2 = [
         {
-          label: i18n.baseText("nodeSettings.parameters"),
+          label: i18n2.baseText("nodeSettings.parameters"),
           value: "params"
         },
         {
-          label: i18n.baseText("nodeSettings.settings"),
-          value: "settings"
+          label: i18n2.baseText("nodeSettings.settings"),
+          value: "settings",
+          notification: installedPackage.value?.updateAvailable ? true : void 0
         }
       ];
       if (isCommunityNode.value) {
@@ -8747,7 +9802,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
           icon: "box",
           value: "communityNode",
           align: "right",
-          tooltip: i18n.baseText("generic.communityNode.tooltip", {
+          tooltip: i18n2.baseText("generic.communityNode.tooltip", {
             interpolate: {
               docUrl: COMMUNITY_NODES_INSTALLATION_DOCS_URL,
               packageName: packageName.value
@@ -8757,7 +9812,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       }
       if (documentationUrl.value) {
         options2.push({
-          label: i18n.baseText("nodeSettings.docs"),
+          label: i18n2.baseText("nodeSettings.docs"),
           value: "docs",
           href: documentationUrl.value,
           align: "right"
@@ -8794,6 +9849,11 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
         telemetry.track("user clicked cnr docs link", { source: "node details view" });
       }
     }
+    onMounted(async () => {
+      if (isCommunityNode.value && useUsersStore().isInstanceOwner) {
+        installedPackage.value = await communityNodesStore.getInstalledPackage(packageName.value);
+      }
+    });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(N8nTabs), {
         options: options.value,
@@ -8842,7 +9902,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
     const clipboard = useClipboard();
     const workflowHelpers = useWorkflowHelpers();
     const toast = useToast();
-    const i18n = useI18n();
+    const i18n2 = useI18n();
     const telemetry = useTelemetry();
     const isMinimized = ref(
       props.nodeTypeDescription && !OPEN_URL_PANEL_TRIGGER_NODE_TYPES.includes(props.nodeTypeDescription.name)
@@ -8879,46 +9939,46 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       switch (nodeType) {
         case CHAT_TRIGGER_NODE_TYPE:
           return {
-            toggleTitle: i18n.baseText("nodeWebhooks.webhookUrls.chatTrigger"),
-            clickToDisplay: i18n.baseText("nodeWebhooks.clickToDisplayWebhookUrls.formTrigger"),
-            clickToHide: i18n.baseText("nodeWebhooks.clickToHideWebhookUrls.chatTrigger"),
-            clickToCopy: i18n.baseText("nodeWebhooks.clickToCopyWebhookUrls.chatTrigger"),
-            testUrl: i18n.baseText("nodeWebhooks.testUrl"),
-            productionUrl: i18n.baseText("nodeWebhooks.productionUrl"),
-            copyTitle: i18n.baseText("nodeWebhooks.showMessage.title.chatTrigger"),
-            copyMessage: i18n.baseText("nodeWebhooks.showMessage.message.chatTrigger")
+            toggleTitle: i18n2.baseText("nodeWebhooks.webhookUrls.chatTrigger"),
+            clickToDisplay: i18n2.baseText("nodeWebhooks.clickToDisplayWebhookUrls.formTrigger"),
+            clickToHide: i18n2.baseText("nodeWebhooks.clickToHideWebhookUrls.chatTrigger"),
+            clickToCopy: i18n2.baseText("nodeWebhooks.clickToCopyWebhookUrls.chatTrigger"),
+            testUrl: i18n2.baseText("nodeWebhooks.testUrl"),
+            productionUrl: i18n2.baseText("nodeWebhooks.productionUrl"),
+            copyTitle: i18n2.baseText("nodeWebhooks.showMessage.title.chatTrigger"),
+            copyMessage: i18n2.baseText("nodeWebhooks.showMessage.message.chatTrigger")
           };
         case FORM_TRIGGER_NODE_TYPE:
           return {
-            toggleTitle: i18n.baseText("nodeWebhooks.webhookUrls.formTrigger"),
-            clickToDisplay: i18n.baseText("nodeWebhooks.clickToDisplayWebhookUrls.formTrigger"),
-            clickToHide: i18n.baseText("nodeWebhooks.clickToHideWebhookUrls.formTrigger"),
-            clickToCopy: i18n.baseText("nodeWebhooks.clickToCopyWebhookUrls.formTrigger"),
-            testUrl: i18n.baseText("nodeWebhooks.testUrl"),
-            productionUrl: i18n.baseText("nodeWebhooks.productionUrl"),
-            copyTitle: i18n.baseText("nodeWebhooks.showMessage.title.formTrigger"),
-            copyMessage: i18n.baseText("nodeWebhooks.showMessage.message.formTrigger")
+            toggleTitle: i18n2.baseText("nodeWebhooks.webhookUrls.formTrigger"),
+            clickToDisplay: i18n2.baseText("nodeWebhooks.clickToDisplayWebhookUrls.formTrigger"),
+            clickToHide: i18n2.baseText("nodeWebhooks.clickToHideWebhookUrls.formTrigger"),
+            clickToCopy: i18n2.baseText("nodeWebhooks.clickToCopyWebhookUrls.formTrigger"),
+            testUrl: i18n2.baseText("nodeWebhooks.testUrl"),
+            productionUrl: i18n2.baseText("nodeWebhooks.productionUrl"),
+            copyTitle: i18n2.baseText("nodeWebhooks.showMessage.title.formTrigger"),
+            copyMessage: i18n2.baseText("nodeWebhooks.showMessage.message.formTrigger")
           };
         case MCP_TRIGGER_NODE_TYPE:
           return {
-            toggleTitle: i18n.baseText("nodeWebhooks.webhookUrls.mcpTrigger"),
-            clickToDisplay: i18n.baseText("nodeWebhooks.clickToDisplayWebhookUrls.mcpTrigger"),
-            clickToHide: i18n.baseText("nodeWebhooks.clickToHideWebhookUrls.mcpTrigger"),
-            clickToCopy: i18n.baseText("nodeWebhooks.clickToCopyWebhookUrls.mcpTrigger"),
-            testUrl: i18n.baseText("nodeWebhooks.testUrl"),
-            productionUrl: i18n.baseText("nodeWebhooks.productionUrl"),
-            copyTitle: i18n.baseText("nodeWebhooks.showMessage.title.mcpTrigger"),
+            toggleTitle: i18n2.baseText("nodeWebhooks.webhookUrls.mcpTrigger"),
+            clickToDisplay: i18n2.baseText("nodeWebhooks.clickToDisplayWebhookUrls.mcpTrigger"),
+            clickToHide: i18n2.baseText("nodeWebhooks.clickToHideWebhookUrls.mcpTrigger"),
+            clickToCopy: i18n2.baseText("nodeWebhooks.clickToCopyWebhookUrls.mcpTrigger"),
+            testUrl: i18n2.baseText("nodeWebhooks.testUrl"),
+            productionUrl: i18n2.baseText("nodeWebhooks.productionUrl"),
+            copyTitle: i18n2.baseText("nodeWebhooks.showMessage.title.mcpTrigger"),
             copyMessage: void 0
           };
         default:
           return {
-            toggleTitle: i18n.baseText("nodeWebhooks.webhookUrls"),
-            clickToDisplay: i18n.baseText("nodeWebhooks.clickToDisplayWebhookUrls"),
-            clickToHide: i18n.baseText("nodeWebhooks.clickToHideWebhookUrls"),
-            clickToCopy: i18n.baseText("nodeWebhooks.clickToCopyWebhookUrls"),
-            testUrl: i18n.baseText("nodeWebhooks.testUrl"),
-            productionUrl: i18n.baseText("nodeWebhooks.productionUrl"),
-            copyTitle: i18n.baseText("nodeWebhooks.showMessage.title"),
+            toggleTitle: i18n2.baseText("nodeWebhooks.webhookUrls"),
+            clickToDisplay: i18n2.baseText("nodeWebhooks.clickToDisplayWebhookUrls"),
+            clickToHide: i18n2.baseText("nodeWebhooks.clickToHideWebhookUrls"),
+            clickToCopy: i18n2.baseText("nodeWebhooks.clickToCopyWebhookUrls"),
+            testUrl: i18n2.baseText("nodeWebhooks.testUrl"),
+            productionUrl: i18n2.baseText("nodeWebhooks.productionUrl"),
+            copyTitle: i18n2.baseText("nodeWebhooks.showMessage.title"),
             copyMessage: void 0
           };
       }
@@ -9246,7 +10306,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     const workflowsStore = useWorkflowsStore();
     const nodeTypesStore = useNodeTypesStore();
     const nodeHelpers = useNodeHelpers();
-    const i18n = useI18n();
+    const i18n2 = useI18n();
     const { debounce } = useDebounce();
     const emit = __emit;
     const possibleConnections = ref([]);
@@ -9395,7 +10455,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       showNodeInputsIssues
     });
     return (_ctx, _cache) => {
-      const _component_n8n_icon_button = _sfc_main$S;
+      const _component_n8n_icon_button = _sfc_main$Y;
       const _component_n8n_tooltip = N8nTooltip;
       return possibleConnections.value.length ? (openBlock(), createElementBlock("div", {
         key: 0,
@@ -9453,7 +10513,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
                             createTextVNode(" Add " + toDisplayString(connection.displayName) + " ", 1),
                             hasInputIssues(getConnectionContext(connection, index)) ? (openBlock(), createBlock(TitledList, {
                               key: 0,
-                              title: `${unref(i18n).baseText("node.issues")}:`,
+                              title: `${unref(i18n2).baseText("node.issues")}:`,
                               items: nodeInputIssues.value[connection.type]
                             }, null, 8, ["title", "items"])) : createCommentVNode("", true)
                           ]),
@@ -9495,7 +10555,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
                                 createTextVNode(toDisplayString(node2.node.name) + " ", 1),
                                 node2.issues ? (openBlock(), createBlock(TitledList, {
                                   key: 0,
-                                  title: `${unref(i18n).baseText("node.issues")}:`,
+                                  title: `${unref(i18n2).baseText("node.issues")}:`,
                                   items: node2.issues
                                 }, null, 8, ["title", "items"])) : createCommentVNode("", true)
                               ]),
@@ -9504,7 +10564,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
                                   class: normalizeClass(_ctx.$style.connectedNode),
                                   onClick: ($event) => onNodeClick(node2.node.name, getConnectionContext(connection, index))
                                 }, [
-                                  createVNode(_sfc_main$U, {
+                                  createVNode(_sfc_main$$, {
                                     "node-type": node2.nodeType,
                                     "node-name": node2.node.name,
                                     "tooltip-position": "top",
@@ -9589,7 +10649,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
           class: normalizeClass(_ctx.$style.tabs),
           "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("tab-changed", $event))
         }, null, 8, ["model-value", "node-type", "push-ref", "class"])) : createCommentVNode("", true),
-        !_ctx.hideExecute ? (openBlock(), createBlock(_sfc_main$V, {
+        !_ctx.hideExecute ? (openBlock(), createBlock(_sfc_main$10, {
           key: 1,
           "data-test-id": "node-execute-button",
           "node-name": _ctx.nodeName,
@@ -9606,10 +10666,10 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const header$2 = "_header_1mro3_123";
+const header$1 = "_header_1mro3_123";
 const tabs = "_tabs_1mro3_135";
 const style0$n = {
-  header: header$2,
+  header: header$1,
   tabs
 };
 const cssModules$n = {
@@ -9636,7 +10696,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     const ndvStore = useNDVStore();
     const projectsStore = useProjectsStore();
     const telemetry = useTelemetry();
-    const i18n = useI18n();
+    const i18n2 = useI18n();
     const toast = useToast();
     const userHasOpenAiCredentialAlready = computed(
       () => !!credentialsStore.allCredentials.filter(
@@ -9664,8 +10724,8 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
       } catch (e) {
         toast.showError(
           e,
-          i18n.baseText("freeAi.credits.showError.claim.title"),
-          i18n.baseText("freeAi.credits.showError.claim.message")
+          i18n2.baseText("freeAi.credits.showError.claim.title"),
+          i18n2.baseText("freeAi.credits.showError.claim.message")
         );
       } finally {
         claimingCredits.value = false;
@@ -9685,13 +10745,13 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
             createVNode(_component_n8n_button, {
               type: "tertiary",
               size: "small",
-              label: unref(i18n).baseText("freeAi.credits.callout.claim.button.label"),
+              label: unref(i18n2).baseText("freeAi.credits.callout.claim.button.label"),
               loading: claimingCredits.value,
               onClick: onClaimCreditsClicked
             }, null, 8, ["label", "loading"])
           ]),
           default: withCtx(() => [
-            createTextVNode(toDisplayString(unref(i18n).baseText("freeAi.credits.callout.claim.title", {
+            createTextVNode(toDisplayString(unref(i18n2).baseText("freeAi.credits.callout.claim.title", {
               interpolate: { credits: unref(settingsStore).aiCreditsQuota }
             })) + " ", 1)
           ]),
@@ -9704,7 +10764,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
           default: withCtx(() => [
             createVNode(_component_n8n_text, { size: "small" }, {
               default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(i18n).baseText("freeAi.credits.callout.success.title.part1", {
+                createTextVNode(toDisplayString(unref(i18n2).baseText("freeAi.credits.callout.success.title.part1", {
                   interpolate: { credits: unref(settingsStore).aiCreditsQuota }
                 })), 1)
               ]),
@@ -9716,7 +10776,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
               bold: true
             }, {
               default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(i18n).baseText("freeAi.credits.callout.success.title.part2")), 1)
+                createTextVNode(toDisplayString(unref(i18n2).baseText("freeAi.credits.callout.success.title.part2")), 1)
               ]),
               _: 1
             })
@@ -9772,6 +10832,18 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const slots = useSlots();
+    const nodeValues = ref({
+      color: "#ff0000",
+      alwaysOutputData: false,
+      executeOnce: false,
+      notesInFlow: false,
+      onError: "stopWorkflow",
+      retryOnFail: false,
+      maxTries: 3,
+      waitBetweenTries: 1e3,
+      notes: "",
+      parameters: {}
+    });
     const nodeTypesStore = useNodeTypesStore();
     const ndvStore = useNDVStore();
     const workflowsStore = useWorkflowsStore();
@@ -9781,9 +10853,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     const telemetry = useTelemetry();
     const nodeHelpers = useNodeHelpers();
     const externalHooks = useExternalHooks();
-    const i18n = useI18n();
+    const i18n2 = useI18n();
     const nodeSettingsParameters = useNodeSettingsParameters();
-    const nodeValues = nodeSettingsParameters.nodeValues;
     const nodeParameterWrapper = useTemplateRef("nodeParameterWrapper");
     const shouldShowStaticScrollbar = ref(false);
     if (props.isEmbeddedInCanvas) {
@@ -9797,6 +10868,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     const hiddenIssuesInputs = ref([]);
     const nodeSettings = ref([]);
     const subConnections = ref(null);
+    const installedPackage = ref(void 0);
     const currentWorkflowInstance = computed(() => workflowsStore.getCurrentWorkflow());
     const currentWorkflow = computed(
       () => workflowsStore.getWorkflowById(currentWorkflowInstance.value.id)
@@ -9827,7 +10899,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     );
     const executeButtonTooltip = computed(() => {
       if (node2.value && isLatestNodeVersion.value && props.inputSize > 1 && !nodeHelpers.isSingleExecution(node2.value.type, node2.value.parameters)) {
-        return i18n.baseText("nodeSettings.executeButtonTooltip.times", {
+        return i18n2.baseText("nodeSettings.executeButtonTooltip.times", {
           interpolate: { inputSize: props.inputSize }
         });
       }
@@ -9835,12 +10907,12 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     });
     const nodeVersionTag = computed(() => {
       if (!nodeType.value || nodeType.value.hidden) {
-        return i18n.baseText("nodeSettings.deprecated");
+        return i18n2.baseText("nodeSettings.deprecated");
       }
       if (isLatestNodeVersion.value) {
-        return i18n.baseText("nodeSettings.latest");
+        return i18n2.baseText("nodeSettings.latest");
       }
-      return i18n.baseText("nodeSettings.latestVersion", {
+      return i18n2.baseText("nodeSettings.latestVersion", {
         interpolate: { version: latestVersion.value.toString() }
       });
     });
@@ -9863,6 +10935,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     );
     const outputPanelEditMode = computed(() => ndvStore.outputPanelEditMode);
     const isCommunityNode = computed(() => !!node2.value && isCommunityPackageName(node2.value.type));
+    const packageName = computed(() => node2.value?.type.split(".")[0] ?? "");
     const usedCredentials = computed(
       () => Object.values(workflowsStore.usedCredentials).filter(
         (credential) => Object.values(node2.value?.credentials || []).find(
@@ -9956,7 +11029,11 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
         );
         for (const key of Object.keys(nodeParameters)) {
           if (nodeParameters?.[key] !== null && nodeParameters?.[key] !== void 0) {
-            nodeSettingsParameters.setValue(`parameters.${key}`, nodeParameters[key]);
+            nodeSettingsParameters.setValue(
+              nodeValues,
+              `parameters.${key}`,
+              nodeParameters[key]
+            );
           }
         }
         if (nodeParameters) {
@@ -9969,7 +11046,13 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
           nodeHelpers.updateNodeCredentialIssuesByName(_node.name);
         }
       } else if (nameIsParameter(parameterData)) {
-        nodeSettingsParameters.updateNodeParameter(parameterData, newValue, _node, isToolNode.value);
+        nodeSettingsParameters.updateNodeParameter(
+          nodeValues,
+          parameterData,
+          newValue,
+          _node,
+          isToolNode.value
+        );
       } else {
         nodeValues.value = {
           ...nodeValues.value,
@@ -10012,31 +11095,34 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
         nodeSettings.value.push(
           ...[
             {
-              displayName: i18n.baseText("nodeSettings.alwaysOutputData.displayName"),
+              displayName: i18n2.baseText("nodeSettings.alwaysOutputData.displayName"),
               name: "alwaysOutputData",
               type: "boolean",
               default: false,
               noDataExpression: true,
-              description: i18n.baseText("nodeSettings.alwaysOutputData.description")
+              description: i18n2.baseText("nodeSettings.alwaysOutputData.description"),
+              isNodeSetting: true
             },
             {
-              displayName: i18n.baseText("nodeSettings.executeOnce.displayName"),
+              displayName: i18n2.baseText("nodeSettings.executeOnce.displayName"),
               name: "executeOnce",
               type: "boolean",
               default: false,
               noDataExpression: true,
-              description: i18n.baseText("nodeSettings.executeOnce.description")
+              description: i18n2.baseText("nodeSettings.executeOnce.description"),
+              isNodeSetting: true
             },
             {
-              displayName: i18n.baseText("nodeSettings.retryOnFail.displayName"),
+              displayName: i18n2.baseText("nodeSettings.retryOnFail.displayName"),
               name: "retryOnFail",
               type: "boolean",
               default: false,
               noDataExpression: true,
-              description: i18n.baseText("nodeSettings.retryOnFail.description")
+              description: i18n2.baseText("nodeSettings.retryOnFail.description"),
+              isNodeSetting: true
             },
             {
-              displayName: i18n.baseText("nodeSettings.maxTries.displayName"),
+              displayName: i18n2.baseText("nodeSettings.maxTries.displayName"),
               name: "maxTries",
               type: "number",
               typeOptions: {
@@ -10050,10 +11136,11 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                 }
               },
               noDataExpression: true,
-              description: i18n.baseText("nodeSettings.maxTries.description")
+              description: i18n2.baseText("nodeSettings.maxTries.description"),
+              isNodeSetting: true
             },
             {
-              displayName: i18n.baseText("nodeSettings.waitBetweenTries.displayName"),
+              displayName: i18n2.baseText("nodeSettings.waitBetweenTries.displayName"),
               name: "waitBetweenTries",
               type: "number",
               typeOptions: {
@@ -10067,36 +11154,38 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                 }
               },
               noDataExpression: true,
-              description: i18n.baseText("nodeSettings.waitBetweenTries.description")
+              description: i18n2.baseText("nodeSettings.waitBetweenTries.description"),
+              isNodeSetting: true
             },
             {
-              displayName: i18n.baseText("nodeSettings.onError.displayName"),
+              displayName: i18n2.baseText("nodeSettings.onError.displayName"),
               name: "onError",
               type: "options",
               options: [
                 {
-                  name: i18n.baseText("nodeSettings.onError.options.stopWorkflow.displayName"),
+                  name: i18n2.baseText("nodeSettings.onError.options.stopWorkflow.displayName"),
                   value: "stopWorkflow",
-                  description: i18n.baseText("nodeSettings.onError.options.stopWorkflow.description")
+                  description: i18n2.baseText("nodeSettings.onError.options.stopWorkflow.description")
                 },
                 {
-                  name: i18n.baseText("nodeSettings.onError.options.continueRegularOutput.displayName"),
+                  name: i18n2.baseText("nodeSettings.onError.options.continueRegularOutput.displayName"),
                   value: "continueRegularOutput",
-                  description: i18n.baseText(
+                  description: i18n2.baseText(
                     "nodeSettings.onError.options.continueRegularOutput.description"
                   )
                 },
                 {
-                  name: i18n.baseText("nodeSettings.onError.options.continueErrorOutput.displayName"),
+                  name: i18n2.baseText("nodeSettings.onError.options.continueErrorOutput.displayName"),
                   value: "continueErrorOutput",
-                  description: i18n.baseText(
+                  description: i18n2.baseText(
                     "nodeSettings.onError.options.continueErrorOutput.description"
                   )
                 }
               ],
               default: "stopWorkflow",
-              description: i18n.baseText("nodeSettings.onError.description"),
-              noDataExpression: true
+              description: i18n2.baseText("nodeSettings.onError.description"),
+              noDataExpression: true,
+              isNodeSetting: true
             }
           ]
         );
@@ -10104,7 +11193,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       nodeSettings.value.push(
         ...[
           {
-            displayName: i18n.baseText("nodeSettings.notes.displayName"),
+            displayName: i18n2.baseText("nodeSettings.notes.displayName"),
             name: "notes",
             type: "string",
             typeOptions: {
@@ -10112,15 +11201,17 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             },
             default: "",
             noDataExpression: true,
-            description: i18n.baseText("nodeSettings.notes.description")
+            description: i18n2.baseText("nodeSettings.notes.description"),
+            isNodeSetting: true
           },
           {
-            displayName: i18n.baseText("nodeSettings.notesInFlow.displayName"),
+            displayName: i18n2.baseText("nodeSettings.notesInFlow.displayName"),
             name: "notesInFlow",
             type: "boolean",
             default: false,
             noDataExpression: true,
-            description: i18n.baseText("nodeSettings.notesInFlow.description")
+            description: i18n2.baseText("nodeSettings.notesInFlow.description"),
+            isNodeSetting: true
           }
         ]
       );
@@ -10287,7 +11378,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     watch(node2, () => {
       setNodeValues();
     });
-    onMounted(() => {
+    onMounted(async () => {
       populateHiddenIssuesSet();
       populateSettings();
       setNodeValues();
@@ -10297,6 +11388,9 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       }
       importCurlEventBus.on("setHttpNodeParameters", setHttpNodeParameters);
       ndvEventBus.on("updateParameterValue", valueChanged);
+      if (isCommunityNode.value && useUsersStore().isInstanceOwner) {
+        installedPackage.value = await useCommunityNodesStore().getInstalledPackage(packageName.value);
+      }
     });
     onBeforeUnmount(() => {
       props.eventBus?.off("openSettings", openSettings);
@@ -10318,11 +11412,12 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       const _component_NodeTitle = NodeTitle;
       const _component_n8n_icon = N8nIcon;
       const _component_n8n_text = N8nText;
-      const _component_i18n_t = resolveComponent("i18n-t");
       const _component_n8n_link = N8nLink;
       const _component_n8n_notice = N8nNotice;
+      const _component_CommunityNodeUpdateInfo = _sfc_main$z;
       const _component_N8nIcon = N8nIcon;
       const _component_n8n_block_ui = N8nBlockUi;
+      const _component_CommunityNodeFooter = CommunityNodeFooter;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass({
           "node-settings": true,
@@ -10346,7 +11441,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
               "onUpdate:modelValue": nameChanged
             }, null, 8, ["model-value", "node-type", "read-only"])) : createCommentVNode("", true),
             isExecutable2.value || slots.actions ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              isExecutable2.value && !_ctx.blockUI && node2.value && nodeValid.value ? (openBlock(), createBlock(_sfc_main$V, {
+              isExecutable2.value && !_ctx.blockUI && node2.value && nodeValid.value ? (openBlock(), createBlock(_sfc_main$10, {
                 key: 0,
                 "data-test-id": "node-execute-button",
                 "node-name": node2.value.name,
@@ -10396,7 +11491,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
               bold: ""
             }, {
               default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(i18n).baseText("nodeSettings.communityNodeUnknown.title")), 1)
+                createTextVNode(toDisplayString(unref(i18n2).baseText("nodeSettings.communityNodeUnknown.title")), 1)
               ]),
               _: 1
             })
@@ -10406,9 +11501,10 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             class: normalizeClass(_ctx.$style.descriptionContainer)
           }, [
             createBaseVNode("div", _hoisted_4, [
-              createVNode(_component_i18n_t, {
+              createVNode(unref(I18nT), {
                 keypath: "nodeSettings.communityNodeUnknown.description",
                 tag: "span",
+                scope: "global",
                 onClick: onMissingNodeTextClick
               }, {
                 action: withCtx(() => [
@@ -10425,20 +11521,21 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
               onClick: onMissingNodeLearnMoreLinkClick
             }, {
               default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(i18n).baseText("nodeSettings.communityNodeUnknown.installLink.text")), 1)
+                createTextVNode(toDisplayString(unref(i18n2).baseText("nodeSettings.communityNodeUnknown.installLink.text")), 1)
               ]),
               _: 1
             }, 8, ["to"])
-          ], 2)) : (openBlock(), createBlock(_component_i18n_t, {
+          ], 2)) : (openBlock(), createBlock(unref(I18nT), {
             key: 1,
             keypath: "nodeSettings.nodeTypeUnknown.description",
-            tag: "span"
+            tag: "span",
+            scope: "global"
           }, {
             action: withCtx(() => [
               createBaseVNode("a", {
                 href: unref(CUSTOM_NODES_DOCS_URL),
                 target: "_blank",
-                textContent: toDisplayString(unref(i18n).baseText("nodeSettings.nodeTypeUnknown.description.customNode"))
+                textContent: toDisplayString(unref(i18n2).baseText("nodeSettings.nodeTypeUnknown.description.customNode"))
               }, null, 8, _hoisted_6)
             ]),
             _: 1
@@ -10459,7 +11556,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
         }, [
           hasForeignCredential.value && !isHomeProjectTeam.value ? (openBlock(), createBlock(_component_n8n_notice, {
             key: 0,
-            content: unref(i18n).baseText("nodeSettings.hasForeignCredential", {
+            content: unref(i18n2).baseText("nodeSettings.hasForeignCredential", {
               interpolate: { owner: credentialOwnerName.value }
             })
           }, null, 8, ["content"])) : createCommentVNode("", true),
@@ -10469,11 +11566,11 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
               node: node2.value,
               "node-type-description": nodeType.value
             }, null, 8, ["node", "node-type-description"]),
-            nodeValuesInitialized.value ? (openBlock(), createBlock(_sfc_main$W, {
+            nodeValuesInitialized.value ? (openBlock(), createBlock(_sfc_main$11, {
               key: 0,
               parameters: parametersNoneSetting.value,
               "hide-delete": true,
-              "node-values": unref(nodeValues),
+              "node-values": nodeValues.value,
               "is-read-only": isReadOnly.value,
               "hidden-issues-inputs": hiddenIssuesInputs.value,
               path: "parameters",
@@ -10499,14 +11596,14 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             showNoParametersNotice.value ? (openBlock(), createElementBlock("div", _hoisted_7, [
               createVNode(_component_n8n_text, null, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(unref(i18n).baseText("nodeSettings.thisNodeDoesNotHaveAnyParameters")), 1)
+                  createTextVNode(toDisplayString(unref(i18n2).baseText("nodeSettings.thisNodeDoesNotHaveAnyParameters")), 1)
                 ]),
                 _: 1
               })
             ])) : createCommentVNode("", true),
-            unref(nodeHelpers).isCustomApiCallSelected(unref(nodeValues)) ? (openBlock(), createElementBlock("div", _hoisted_8, [
+            unref(nodeHelpers).isCustomApiCallSelected(nodeValues.value) ? (openBlock(), createElementBlock("div", _hoisted_8, [
               createVNode(_component_n8n_notice, {
-                content: unref(i18n).baseText("nodeSettings.useTheHttpRequestNode", {
+                content: unref(i18n2).baseText("nodeSettings.useTheHttpRequestNode", {
                   interpolate: { nodeTypeDisplayName: nodeType.value?.displayName ?? "" }
                 })
               }, null, 8, ["content"])
@@ -10515,9 +11612,13 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             [vShow, openPanel.value === "params"]
           ]),
           withDirectives(createBaseVNode("div", null, [
-            createVNode(_sfc_main$W, {
+            isCommunityNode.value && installedPackage.value?.updateAvailable ? (openBlock(), createBlock(_component_CommunityNodeUpdateInfo, {
+              key: 0,
+              "data-test-id": "update-available"
+            })) : createCommentVNode("", true),
+            createVNode(_sfc_main$11, {
               parameters: parametersSetting.value,
-              "node-values": unref(nodeValues),
+              "node-values": nodeValues.value,
               "is-read-only": isReadOnly.value,
               "hide-delete": true,
               "hidden-issues-inputs": hiddenIssuesInputs.value,
@@ -10525,10 +11626,10 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
               onValueChanged: valueChanged,
               onParameterBlur
             }, null, 8, ["parameters", "node-values", "is-read-only", "hidden-issues-inputs"]),
-            createVNode(_sfc_main$W, {
+            createVNode(_sfc_main$11, {
               parameters: nodeSettings.value,
               "hide-delete": true,
-              "node-values": unref(nodeValues),
+              "node-values": nodeValues.value,
               "is-read-only": isReadOnly.value,
               "hidden-issues-inputs": hiddenIssuesInputs.value,
               path: "",
@@ -10536,7 +11637,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
               onParameterBlur
             }, null, 8, ["parameters", "node-values", "is-read-only", "hidden-issues-inputs"]),
             createBaseVNode("div", _hoisted_9, [
-              createTextVNode(toDisplayString(unref(i18n).baseText("nodeSettings.nodeVersion", {
+              createTextVNode(toDisplayString(unref(i18n2).baseText("nodeSettings.nodeVersion", {
                 interpolate: {
                   node: nodeType.value?.displayName,
                   version: (node2.value.typeVersion ?? latestVersion.value).toString()
@@ -10556,7 +11657,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
               onClick: onFeatureRequestClick
             }, [
               createVNode(_component_N8nIcon, { icon: "lightbulb" }),
-              createTextVNode(" " + toDisplayString(unref(i18n).baseText("ndv.featureRequest")), 1)
+              createTextVNode(" " + toDisplayString(unref(i18n2).baseText("ndv.featureRequest")), 1)
             ])
           ], 2)) : createCommentVNode("", true)
         ], 34)) : createCommentVNode("", true),
@@ -10568,17 +11669,22 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
           onSwitchSelectedNode,
           onOpenConnectionNodeCreator
         }, null, 8, ["root-node"])) : createCommentVNode("", true),
-        createVNode(_component_n8n_block_ui, { show: _ctx.blockUI }, null, 8, ["show"])
+        createVNode(_component_n8n_block_ui, { show: _ctx.blockUI }, null, 8, ["show"]),
+        openPanel.value === "settings" && isCommunityNode.value ? (openBlock(), createBlock(_component_CommunityNodeFooter, {
+          key: 5,
+          "package-name": packageName.value,
+          "show-manage": unref(useUsersStore)().isInstanceOwner
+        }, null, 8, ["package-name", "show-manage"])) : createCommentVNode("", true)
       ], 34);
     };
   }
 });
-const header$1 = "_header_1vh2c_123";
+const header = "_header_1vh2c_123";
 const warningIcon = "_warningIcon_1vh2c_127";
 const descriptionContainer = "_descriptionContainer_1vh2c_132";
 const featureRequest = "_featureRequest_1vh2c_137";
 const style0$m = {
-  header: header$1,
+  header,
   warningIcon,
   descriptionContainer,
   featureRequest
@@ -10586,12 +11692,13 @@ const style0$m = {
 const cssModules$m = {
   "$style": style0$m
 };
-const NodeSettings = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["__cssModules", cssModules$m], ["__scopeId", "data-v-c8d3cd57"]]);
+const NodeSettings = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["__cssModules", cssModules$m], ["__scopeId", "data-v-b0fee41c"]]);
 const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "ExperimentalCanvasNodeSettings",
   props: {
     nodeId: {},
-    noWheel: { type: Boolean }
+    noWheel: { type: Boolean },
+    isReadOnly: { type: Boolean }
   },
   setup(__props) {
     const settingsEventBus = createEventBus();
@@ -10610,69 +11717,31 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
         "active-node": activeNode.value,
         "push-ref": "",
         "foreign-credentials": [],
-        "read-only": false,
+        "read-only": _ctx.isReadOnly,
         "block-u-i": false,
         executable: false,
         "input-size": 0,
         "is-embedded-in-canvas": "",
         "no-wheel": _ctx.noWheel,
         onValueChanged: handleValueChanged
-      }, {
-        actions: withCtx(() => [
-          renderSlot(_ctx.$slots, "actions")
-        ]),
-        _: 3
-      }, 8, ["event-bus", "active-node", "no-wheel"]);
-    };
-  }
-});
-const useExperimentalNdvStore = defineStore("experimentalNdv", () => {
-  const workflowStore = useWorkflowsStore();
-  const settingsStore = useSettingsStore();
-  const isEnabled = computed(
-    () => !Number.isNaN(settingsStore.experimental__minZoomNodeSettingsInCanvas) && settingsStore.experimental__minZoomNodeSettingsInCanvas > 0
-  );
-  const maxCanvasZoom = computed(
-    () => isEnabled.value ? settingsStore.experimental__minZoomNodeSettingsInCanvas : 4
-  );
-  const collapsedNodes = shallowRef({});
-  function setNodeExpanded(nodeId, isExpanded) {
-    collapsedNodes.value = {
-      ...collapsedNodes.value,
-      [nodeId]: isExpanded ?? !collapsedNodes.value[nodeId]
-    };
-  }
-  function collapseAllNodes() {
-    collapsedNodes.value = workflowStore.allNodes.reduce(
-      (acc, node2) => {
-        acc[node2.id] = true;
-        return acc;
-      },
-      {}
-    );
-  }
-  function expandAllNodes() {
-    collapsedNodes.value = {};
-  }
-  function isActive(canvasZoom) {
-    return isEnabled.value && canvasZoom === maxCanvasZoom.value;
+      }, {
+        actions: withCtx(() => [
+          renderSlot(_ctx.$slots, "actions")
+        ]),
+        _: 3
+      }, 8, ["event-bus", "active-node", "read-only", "no-wheel"]);
+    };
   }
-  return {
-    isEnabled,
-    maxCanvasZoom,
-    collapsedNodes: computed(() => collapsedNodes.value),
-    isActive,
-    setNodeExpanded,
-    expandAllNodes,
-    collapseAllNodes
-  };
 });
 const _sfc_main$r = /* @__PURE__ */ defineComponent({
   __name: "ExperimentalEmbeddedNodeDetails",
   props: {
-    nodeId: {}
+    nodeId: {},
+    isReadOnly: { type: Boolean },
+    isConfigurable: { type: Boolean }
   },
   setup(__props) {
+    const ndvStore = useNDVStore();
     const experimentalNdvStore = useExperimentalNdvStore();
     const isExpanded = computed(() => !experimentalNdvStore.collapsedNodes[__props.nodeId]);
     const nodeTypesStore = useNodeTypesStore();
@@ -10684,7 +11753,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
       }
       return null;
     });
-    const vf = useVueFlow(workflowsStore.workflowId);
+    const vf = useVueFlow();
     const isMoving = ref(false);
     const moveStartListener = vf.onMoveStart(() => {
       isMoving.value = true;
@@ -10708,28 +11777,84 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
       )
     );
     const isOnceVisible = ref(isVisible.value);
-    watchOnce(isVisible, (visible2) => {
-      isOnceVisible.value = isOnceVisible.value || visible2;
+    const shouldShowInputPanel = ref(false);
+    const containerRef = useTemplateRef("container");
+    const inputPanelContainerRef = useTemplateRef("inputPanelContainer");
+    const activeElement = useActiveElement();
+    const expressionResolveCtx = computed(() => {
+      if (!node2.value) {
+        return void 0;
+      }
+      const runIndex = 0;
+      const execution = workflowsStore.workflowExecutionData;
+      const nodeName = node2.value.name;
+      function findInputNode() {
+        const taskData = (execution?.data?.resultData.runData[nodeName] ?? [])[runIndex];
+        const source = taskData?.source[0];
+        if (source) {
+          return {
+            name: source.previousNode,
+            branchIndex: source.previousNodeOutput ?? 0,
+            runIndex: source.previousNodeRun ?? 0
+          };
+        }
+        const inputs2 = workflow.value.getParentNodesByDepth(nodeName, 1);
+        if (inputs2.length > 0) {
+          return {
+            name: inputs2[0].name,
+            branchIndex: inputs2[0].indicies[0] ?? 0,
+            runIndex: 0
+          };
+        }
+        return void 0;
+      }
+      return {
+        localResolve: true,
+        envVars: useEnvironmentsStore().variablesAsObject,
+        workflow: workflow.value,
+        execution,
+        nodeName,
+        additionalKeys: {},
+        inputNode: findInputNode()
+      };
     });
+    const workflow = computed(() => workflowsStore.getCurrentWorkflow());
     function handleToggleExpand() {
       experimentalNdvStore.setNodeExpanded(__props.nodeId);
     }
+    provide(ExpressionLocalResolveContextSymbol, expressionResolveCtx);
+    watchOnce(isVisible, (visible2) => {
+      isOnceVisible.value = isOnceVisible.value || visible2;
+    });
+    watch([activeElement, vf.getSelectedNodes], ([active, selected2]) => {
+      if (active && containerRef.value?.contains(active)) {
+        shouldShowInputPanel.value = !!active.closest("[data-test-id=inline-expression-editor-input]") || !!inputPanelContainerRef.value?.contains(active);
+      }
+      if (selected2.every((sel) => sel.id !== node2.value?.id)) {
+        shouldShowInputPanel.value = false;
+      }
+    });
     return (_ctx, _cache) => {
+      const _component_N8nText = N8nText;
       return openBlock(), createElementBlock("div", {
         ref: "container",
         class: normalizeClass([_ctx.$style.component, isExpanded.value ? _ctx.$style.expanded : _ctx.$style.collapsed]),
-        style: normalizeStyle({ "--zoom": `${1 / unref(experimentalNdvStore).maxCanvasZoom}` })
+        style: normalizeStyle({
+          "--zoom": `${1 / unref(experimentalNdvStore).maxCanvasZoom}`,
+          "--node-width-scaler": _ctx.isConfigurable ? 1 : 1.5
+        })
       }, [
         isOnceVisible.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
           isExpanded.value ? (openBlock(), createBlock(_sfc_main$s, {
             key: 0,
+            tabindex: "-1",
             "node-id": _ctx.nodeId,
             class: normalizeClass(_ctx.$style.settingsView),
-            "no-wheel": !isMoving.value
-            /* to not interrupt panning while allowing scroll of the settings pane, allow wheel event while panning */
+            "no-wheel": !isMoving.value,
+            "is-read-only": _ctx.isReadOnly
           }, {
             actions: withCtx(() => [
-              createVNode(unref(_sfc_main$S), {
+              createVNode(unref(_sfc_main$Y), {
                 icon: "minimize-2",
                 type: "secondary",
                 text: "",
@@ -10740,7 +11865,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
               })
             ]),
             _: 1
-          }, 8, ["node-id", "class", "no-wheel"])) : (openBlock(), createElementBlock("div", {
+          }, 8, ["node-id", "class", "no-wheel", "is-read-only"])) : (openBlock(), createElementBlock("div", {
             key: 1,
             role: "button ",
             class: normalizeClass(_ctx.$style.collapsedContent),
@@ -10757,35 +11882,81 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
               icon: "maximize-2",
               size: "large"
             })
-          ], 2))
+          ], 2)),
+          createVNode(Transition$1, { name: "input" }, {
+            default: withCtx(() => [
+              shouldShowInputPanel.value && node2.value ? (openBlock(), createElementBlock("div", {
+                key: 0,
+                ref: "inputPanelContainer",
+                class: normalizeClass(_ctx.$style.inputPanelContainer),
+                tabindex: -1
+              }, [
+                createVNode(InputPanel, {
+                  class: normalizeClass(_ctx.$style.inputPanel),
+                  workflow: workflow.value,
+                  "run-index": 0,
+                  compact: "",
+                  "push-ref": "",
+                  "display-mode": "schema",
+                  "disable-display-mode-selection": "",
+                  "active-node-name": node2.value.name,
+                  "current-node-name": expressionResolveCtx.value?.inputNode?.name,
+                  "is-mapping-onboarded": unref(ndvStore).isMappingOnboarded,
+                  "focused-mappable-input": unref(ndvStore).focusedMappableInput
+                }, {
+                  header: withCtx(() => [
+                    createVNode(_component_N8nText, {
+                      class: normalizeClass(_ctx.$style.inputPanelTitle),
+                      bold: true,
+                      color: "text-light",
+                      size: "small"
+                    }, {
+                      default: withCtx(() => _cache[0] || (_cache[0] = [
+                        createTextVNode(" Input ")
+                      ])),
+                      _: 1
+                    }, 8, ["class"])
+                  ]),
+                  _: 1
+                }, 8, ["class", "workflow", "active-node-name", "current-node-name", "is-mapping-onboarded", "focused-mappable-input"])
+              ], 2)) : createCommentVNode("", true)
+            ]),
+            _: 1
+          })
         ], 64)) : createCommentVNode("", true)
       ], 6);
     };
   }
 });
-const component$2 = "_component_1kmdn_123";
-const expanded = "_expanded_1kmdn_134";
-const collapsed = "_collapsed_1kmdn_137";
-const collapsedContent = "_collapsedContent_1kmdn_149";
-const settingsView = "_settingsView_1kmdn_150";
+const component$2 = "_component_1fv8q_123";
+const expanded = "_expanded_1fv8q_131";
+const collapsed = "_collapsed_1fv8q_137";
+const collapsedContent = "_collapsedContent_1fv8q_149";
+const settingsView = "_settingsView_1fv8q_150";
+const inputPanelContainer = "_inputPanelContainer_1fv8q_179";
+const inputPanel = "_inputPanel_1fv8q_179";
+const inputPanelTitle = "_inputPanelTitle_1fv8q_201";
 const style0$l = {
   component: component$2,
   expanded,
   collapsed,
   collapsedContent,
-  settingsView
+  settingsView,
+  inputPanelContainer,
+  inputPanel,
+  inputPanelTitle
 };
 const cssModules$l = {
   "$style": style0$l
 };
-const ExperimentalInPlaceNodeSettings = /* @__PURE__ */ _export_sfc$1(_sfc_main$r, [["__cssModules", cssModules$l]]);
+const ExperimentalInPlaceNodeSettings = /* @__PURE__ */ _export_sfc$1(_sfc_main$r, [["__cssModules", cssModules$l], ["__scopeId", "data-v-7a0aa493"]]);
 const _hoisted_1$3 = ["data-test-id"];
 const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeDefault",
   emits: ["open:contextmenu", "activate"],
   setup(__props, { emit: __emit }) {
     const $style = useCssModule();
-    const i18n = useI18n();
+    const i18n2 = useI18n();
     const emit = __emit;
     const { initialized, viewport } = useCanvas();
     const {
@@ -10796,6 +11967,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       outputs,
       connections: connections2,
       isDisabled,
+      isReadOnly,
       isSelected,
       hasPinnedData,
       executionStatus,
@@ -10881,15 +12053,17 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _component_CanvasNodeTooltip = __unplugin_components_0$3;
-      const _component_NodeIcon = _sfc_main$U;
-      const _component_CanvasNodeDisabledStrikeThrough = __unplugin_components_2;
+      const _component_NodeIcon = _sfc_main$$;
+      const _component_CanvasNodeDisabledStrikeThrough = __unplugin_components_2$1;
       const _component_CanvasNodeStatusIcons = __unplugin_components_3;
       return unref(experimentalNdvStore).isActive(unref(viewport).zoom) ? (openBlock(), createBlock(ExperimentalInPlaceNodeSettings, {
         key: 0,
         "node-id": unref(id2),
         class: normalizeClass(classes.value),
-        style: normalizeStyle(styles.value)
-      }, null, 8, ["node-id", "class", "style"])) : (openBlock(), createElementBlock("div", {
+        style: normalizeStyle(styles.value),
+        "is-read-only": unref(isReadOnly),
+        "is-configurable": renderOptions.value.configurable ?? false
+      }, null, 8, ["node-id", "class", "style", "is-read-only", "is-configurable"])) : (openBlock(), createElementBlock("div", {
         key: 1,
         class: normalizeClass(classes.value),
         style: normalizeStyle(styles.value),
@@ -10919,7 +12093,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
           unref(isDisabled) ? (openBlock(), createElementBlock("div", {
             key: 1,
             class: normalizeClass(unref($style).disabledLabel)
-          }, " (" + toDisplayString(unref(i18n).baseText("node.disabled")) + ") ", 3)) : createCommentVNode("", true),
+          }, " (" + toDisplayString(unref(i18n2).baseText("node.disabled")) + ") ", 3)) : createCommentVNode("", true),
           unref(subtitle2) ? (openBlock(), createElementBlock("div", {
             key: 2,
             class: normalizeClass(unref($style).subtitle)
@@ -12465,7 +13639,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeAddNodes",
   setup(__props) {
     const nodeCreatorStore = useNodeCreatorStore();
-    const i18n = useI18n();
+    const i18n2 = useI18n();
     const settingsStore = useSettingsStore();
     const templatesStore = useTemplatesStore();
     const isTooltipVisible = ref(false);
@@ -12519,7 +13693,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
           "show-after": 700
         }, {
           content: withCtx(() => [
-            createTextVNode(toDisplayString(unref(i18n).baseText("nodeView.canvasAddButton.addATriggerNodeBeforeExecuting")), 1)
+            createTextVNode(toDisplayString(unref(i18n2).baseText("nodeView.canvasAddButton.addATriggerNodeBeforeExecuting")), 1)
           ]),
           default: withCtx(() => [
             createBaseVNode("button", {
@@ -12539,7 +13713,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
         createBaseVNode("p", {
           class: normalizeClass(_ctx.$style.label)
         }, [
-          createTextVNode(toDisplayString(unref(i18n).baseText("nodeView.canvasAddButton.addFirstStep")) + " ", 1),
+          createTextVNode(toDisplayString(unref(i18n2).baseText("nodeView.canvasAddButton.addFirstStep")) + " ", 1),
           templatesLinkEnabled.value ? (openBlock(), createBlock(_component_N8nLink, {
             key: 0,
             to: templateRepository.value.to,
@@ -12550,7 +13724,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
             onClick: _cache[0] || (_cache[0] = ($event) => unref(trackTemplatesClick)(unref(TemplateClickSource).emptyWorkflowLink))
           }, {
             default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(i18n).baseText("nodeView.templateLink")), 1)
+              createTextVNode(toDisplayString(unref(i18n2).baseText("nodeView.templateLink")), 1)
             ]),
             _: 1
           }, 8, ["to", "target"])) : createCommentVNode("", true)
@@ -12576,17 +13750,24 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
   emits: ["delete"],
   setup(__props, { emit: __emit }) {
     const emit = __emit;
-    const i18n = useI18n();
+    const i18n2 = useI18n();
+    const router = useRouter();
     const { id: id2 } = useCanvasNode();
     const builderStore = useBuilderStore();
+    const workflowsStore = useWorkflowsStore();
+    const workflowSaver = useWorkflowSaving({ router });
     const isPromptVisible = ref(true);
     const isFocused = ref(false);
     const prompt = ref("");
     const hasContent = computed(() => prompt.value.trim().length > 0);
     async function onSubmit() {
-      builderStore.openChat();
+      const isNewWorkflow = workflowsStore.isNewWorkflow;
+      if (isNewWorkflow) {
+        await workflowSaver.saveCurrentWorkflow();
+      }
+      await builderStore.openChat();
       emit("delete", id2.value);
-      await builderStore.initBuilderChat(prompt.value, "canvas");
+      builderStore.sendChatMessage({ text: prompt.value, source: "canvas" });
       isPromptVisible.value = false;
     }
     return (_ctx, _cache) => {
@@ -12610,7 +13791,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
               class: normalizeClass(_ctx.$style.form_textarea),
               type: "textarea",
               disabled: unref(builderStore).streaming,
-              placeholder: unref(i18n).baseText("aiAssistant.builder.placeholder"),
+              placeholder: unref(i18n2).baseText("aiAssistant.builder.placeholder"),
               "read-only": false,
               rows: 15,
               onFocus: _cache[1] || (_cache[1] = ($event) => isFocused.value = true),
@@ -12626,7 +13807,7 @@ const _sfc_main$m = /* @__PURE__ */ defineComponent({
                 onKeydown: withKeys(onSubmit, ["enter"])
               }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(unref(i18n).baseText("aiAssistant.builder.buildWorkflow")), 1)
+                  createTextVNode(toDisplayString(unref(i18n2).baseText("aiAssistant.builder.buildWorkflow")), 1)
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -12904,13 +14085,13 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const wrapper$2 = "_wrapper_hyidj_123";
+const wrapper$3 = "_wrapper_hyidj_123";
 const secondary = "_secondary_hyidj_126";
 const line = "_line_hyidj_126";
 const plus$1 = "_plus_hyidj_129";
 const success = "_success_hyidj_135";
 const style0$e = {
-  wrapper: wrapper$2,
+  wrapper: wrapper$3,
   secondary,
   line,
   plus: plus$1,
@@ -12948,7 +14129,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const $style = useCssModule();
-    const i18n = useI18n();
+    const i18n2 = useI18n();
     const { render: render2 } = useCanvasNode();
     const { label: label2, isConnected, isConnecting, isReadOnly, isRequired, runData: runData2 } = useCanvasNodeHandle();
     const classes = computed(() => ({
@@ -12961,7 +14142,7 @@ const _sfc_main$g = /* @__PURE__ */ defineComponent({
     const renderOptions = computed(() => render2.value.options);
     const runDataTotal = computed(() => runData2.value?.total ?? 0);
     const runDataLabel2 = computed(
-      () => !isConnected.value && runData2.value && runData2.value.total > 0 ? i18n.baseText("ndv.output.items", {
+      () => !isConnected.value && runData2.value && runData2.value.total > 0 ? i18n2.baseText("ndv.output.items", {
         adjustToNumber: runData2.value.total,
         interpolate: { count: String(runData2.value.total) }
       }) : ""
@@ -13329,7 +14510,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       [style.hovered]: !!__props.hovered
     }));
     const router = useRouter();
-    const i18n = useI18n();
+    const i18n2 = useI18n();
     const workflowsStore = useWorkflowsStore();
     const logsStore = useLogsStore();
     const { runEntireWorkflow } = useRunWorkflow({ router });
@@ -13368,11 +14549,11 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                 size: "large",
                 disabled: isExecuting.value,
                 "data-test-id": testId.value,
-                label: unref(i18n).baseText("chat.hide"),
+                label: unref(i18n2).baseText("chat.hide"),
                 onClickCapture: _cache[0] || (_cache[0] = ($event) => unref(logsStore).toggleOpen(false))
               }, null, 8, ["disabled", "data-test-id", "label"])) : (openBlock(), createBlock(KeyboardShortcutTooltip, {
                 key: 1,
-                label: unref(i18n).baseText("chat.open"),
+                label: unref(i18n2).baseText("chat.open"),
                 shortcut: { keys: ["c"] }
               }, {
                 default: withCtx(() => [
@@ -13382,7 +14563,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                     size: "large",
                     disabled: isExecuting.value,
                     "data-test-id": testId.value,
-                    label: unref(i18n).baseText("chat.open"),
+                    label: unref(i18n2).baseText("chat.open"),
                     onClickCapture: _cache[1] || (_cache[1] = ($event) => unref(startChat)("node"))
                   }, null, 8, ["disabled", "data-test-id", "label"])
                 ]),
@@ -13395,7 +14576,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
               size: "large",
               disabled: isExecuting.value,
               "data-test-id": testId.value,
-              label: unref(i18n).baseText("nodeView.runButtonText.executeWorkflow"),
+              label: unref(i18n2).baseText("nodeView.runButtonText.executeWorkflow"),
               onClickCapture: handleClickExecute
             }, null, 8, ["disabled", "data-test-id", "label"]))
           ], 64)) : createCommentVNode("", true)
@@ -13453,7 +14634,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     const style = useCssModule();
     const props = __props;
     const contextMenu2 = useContextMenu();
-    const { connectingHandle } = useCanvas();
+    const { connectingHandle, viewport } = useCanvas();
+    const experimentalNdvStore = useExperimentalNdvStore();
     const nodeClasses = ref([]);
     const inputs2 = computed(() => props.data.inputs);
     const outputs = computed(() => props.data.outputs);
@@ -13471,6 +14653,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       connections: connections2
     });
     const isDisabled = computed(() => props.data.disabled);
+    const isExperimentalEmbeddedNdvShown = computed(
+      () => experimentalNdvStore.isActive(viewport.value.zoom)
+    );
     const classes = computed(() => ({
       [style.canvasNode]: true,
       [style.showToolbar]: showToolbar2.value,
@@ -13519,7 +14704,7 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
       const handleType = mode === CanvasConnectionMode.Input ? "target" : "source";
       const connectionsCount = connections2.value[mode][endpoint.type]?.[endpoint.index]?.length ?? 0;
       const isConnecting = connectingHandle.value?.nodeId === props.id && connectingHandle.value?.handleType === handleType && connectingHandle.value?.handleId === handleId;
-      const offsetValue = position2 === Position.Bottom ? `${GRID_SIZE * 2 * (1 + index * 2) + CONFIGURATION_NODE_OFFSET}px` : `${100 / (endpoints.length + 1) * (index + 1)}%`;
+      const offsetValue = position2 === Position.Bottom ? `${GRID_SIZE * 2 * (1 + index * 2) + CONFIGURATION_NODE_OFFSET}px` : isExperimentalEmbeddedNdvShown.value && endpoints.length === 1 ? `${(1 + index) * (GRID_SIZE * 2)}px` : `${100 / (endpoints.length + 1) * (index + 1)}%`;
       return {
         ...endpoint,
         handleId,
@@ -14209,6 +15394,10 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
       }
     }
     async function onTidyUp(payload) {
+      if (payload.nodeIdsFilter && payload.nodeIdsFilter.length > 0) {
+        clearSelectedNodes();
+        addSelectedNodes(payload.nodeIdsFilter.map(findNode).filter(isPresent));
+      }
       const applyOnSelection = selectedNodes.value.length > 1;
       const target2 = applyOnSelection ? "selection" : "all";
       const result = layout(target2);
@@ -14376,14 +15565,14 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           createVNode(_component_CanvasConnectionLine, normalizeProps(guardReactiveProps(connectionLineProps)), null, 16)
         ]),
         default: withCtx(() => [
-          createVNode(_sfc_main$H, { id: arrowHeadMarkerId.value }, null, 8, ["id"]),
-          createVNode(_sfc_main$I, {
+          createVNode(_sfc_main$N, { id: arrowHeadMarkerId.value }, null, 8, ["id"]),
+          createVNode(_sfc_main$O, {
             viewport: unref(viewport),
             striped: _ctx.readOnly
           }, null, 8, ["viewport", "striped"]),
           createVNode(Transition$1, { name: "minimap" }, {
             default: withCtx(() => [
-              withDirectives(createVNode(unref(_sfc_main$L), {
+              withDirectives(createVNode(unref(_sfc_main$R), {
                 "data-test-id": "canvas-minimap",
                 "aria-label": "n8n Minimap",
                 height: 120,
@@ -14435,13 +15624,13 @@ const style0$5 = {
 const cssModules$5 = {
   "$style": style0$5
 };
-const Canvas = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["__cssModules", cssModules$5], ["__scopeId", "data-v-49d79266"]]);
+const Canvas = /* @__PURE__ */ _export_sfc$1(_sfc_main$9, [["__cssModules", cssModules$5], ["__scopeId", "data-v-5ad26715"]]);
 function useCanvasMapping({
   nodes,
   connections: connections2,
   workflowObject
 }) {
-  const i18n = useI18n();
+  const i18n2 = useI18n();
   const workflowsStore = useWorkflowsStore();
   const nodeTypesStore = useNodeTypesStore();
   const nodeHelpers = useNodeHelpers();
@@ -14627,11 +15816,11 @@ function useCanvasMapping({
           return acc;
         }
         if ("eventTriggerDescription" in nodeTypeDescription) {
-          const nodeName = i18n.shortNodeType(nodeTypeDescription.name);
+          const nodeName = i18n2.shortNodeType(nodeTypeDescription.name);
           const { eventTriggerDescription } = nodeTypeDescription;
-          acc[node2.id] = i18n.nodeText(nodeTypeDescription.name).eventTriggerDescription(nodeName, eventTriggerDescription ?? "");
+          acc[node2.id] = i18n2.nodeText(nodeTypeDescription.name).eventTriggerDescription(nodeName, eventTriggerDescription ?? "");
         } else {
-          acc[node2.id] = i18n.baseText("node.waitingForYouToCreateAnEventIn", {
+          acc[node2.id] = i18n2.baseText("node.waitingForYouToCreateAnEventIn", {
             interpolate: {
               nodeType: nodeTypeDescription ? getTriggerNodeServiceName(nodeTypeDescription) : ""
             }
@@ -14733,24 +15922,24 @@ function useCanvasMapping({
       if (workflowExecution && lastNodeExecuted && isExecutionSummary(workflowExecution)) {
         if (node2.name === workflowExecution.data?.resultData?.lastNodeExecuted && workflowExecution?.waitTill && !workflowExecution?.finished) {
           if (node2 && node2.type === WAIT_NODE_TYPE && ["webhook", "form"].includes(node2.parameters.resume)) {
-            acc[node2.id] = node2.parameters.resume === "webhook" ? i18n.baseText("node.theNodeIsWaitingWebhookCall") : i18n.baseText("node.theNodeIsWaitingFormCall");
+            acc[node2.id] = node2.parameters.resume === "webhook" ? i18n2.baseText("node.theNodeIsWaitingWebhookCall") : i18n2.baseText("node.theNodeIsWaitingFormCall");
             return acc;
           }
           if (node2?.parameters.operation === SEND_AND_WAIT_OPERATION) {
-            acc[node2.id] = i18n.baseText("node.theNodeIsWaitingUserInput");
+            acc[node2.id] = i18n2.baseText("node.theNodeIsWaitingUserInput");
             return acc;
           }
           if (node2?.type === FORM_NODE_TYPE) {
-            acc[node2.id] = i18n.baseText("node.theNodeIsWaitingFormCall");
+            acc[node2.id] = i18n2.baseText("node.theNodeIsWaitingFormCall");
             return acc;
           }
           const waitDate = new Date(workflowExecution.waitTill);
           if (waitDate.getTime() === WAIT_INDEFINITELY.getTime()) {
-            acc[node2.id] = i18n.baseText(
+            acc[node2.id] = i18n2.baseText(
               "node.theNodeIsWaitingIndefinitelyForAnIncomingWebhookCall"
             );
           }
-          acc[node2.id] = i18n.baseText("node.nodeIsWaitingTill", {
+          acc[node2.id] = i18n2.baseText("node.nodeIsWaitingTill", {
             interpolate: {
               date: waitDate.toLocaleDateString(),
               time: waitDate.toLocaleTimeString()
@@ -14929,14 +16118,14 @@ function useCanvasMapping({
     }
     if (nodePinnedDataById.value[fromNode.id]) {
       const pinnedDataCount = nodePinnedDataById.value[fromNode.id]?.length ?? 0;
-      return pinnedDataCount > 0 ? i18n.baseText("ndv.output.items", {
+      return pinnedDataCount > 0 ? i18n2.baseText("ndv.output.items", {
         adjustToNumber: pinnedDataCount,
         interpolate: { count: String(pinnedDataCount) }
       }) : "";
     } else if (nodeExecutionRunDataById.value[fromNode.id]) {
       const { type, index } = parseCanvasConnectionHandleString(connection.sourceHandle);
       const runDataTotal = nodeExecutionRunDataOutputMapById.value[fromNode.id]?.[type]?.[index]?.total ?? 0;
-      return runDataTotal > 0 ? i18n.baseText("ndv.output.items", {
+      return runDataTotal > 0 ? i18n2.baseText("ndv.output.items", {
         adjustToNumber: runDataTotal,
         interpolate: { count: String(runDataTotal) }
       }) : "";
@@ -14979,7 +16168,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       { immediate: true }
     );
     return (_ctx, _cache) => {
-      const _component_N8nIconButton = _sfc_main$S;
+      const _component_N8nIconButton = _sfc_main$Y;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([_ctx.$style.component, content2.value === void 0 ? _ctx.$style.closed : ""])
       }, [
@@ -15089,225 +16278,591 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const wrapper$1 = "_wrapper_jyurh_123";
+const wrapper$2 = "_wrapper_jyurh_123";
 const canvas = "_canvas_jyurh_131";
 const style0$3 = {
-  wrapper: wrapper$1,
+  wrapper: wrapper$2,
   canvas
 };
 const cssModules$3 = {
   "$style": style0$3
 };
 const WorkflowCanvas = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["__cssModules", cssModules$3]]);
+function useExecutionData({ node: node2 }) {
+  const workflowsStore = useWorkflowsStore();
+  const workflowExecution = computed(() => {
+    return workflowsStore.getWorkflowExecution;
+  });
+  const workflowRunData = computed(() => {
+    if (workflowExecution.value === null) {
+      return null;
+    }
+    const executionData = workflowExecution.value.data;
+    if (!executionData?.resultData?.runData) {
+      return null;
+    }
+    return executionData.resultData.runData;
+  });
+  const hasNodeRun = computed(() => {
+    if (workflowsStore.subWorkflowExecutionError) return true;
+    return Boolean(
+      node2.value && workflowRunData.value && Object.prototype.hasOwnProperty.bind(workflowRunData.value)(node2.value.name)
+    );
+  });
+  return {
+    workflowExecution,
+    workflowRunData,
+    hasNodeRun
+  };
+}
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   ...{ name: "FocusPanel" },
   __name: "FocusPanel",
   props: {
-    executable: { type: Boolean }
+    isCanvasReadOnly: { type: Boolean }
   },
-  setup(__props) {
+  emits: ["focus", "saveKeyboardShortcut"],
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
+    const inputField = ref();
     const locale = useI18n();
     const nodeHelpers = useNodeHelpers();
     const focusPanelStore = useFocusPanelStore();
+    const workflowsStore = useWorkflowsStore();
     const nodeTypesStore = useNodeTypesStore();
     const nodeSettingsParameters = useNodeSettingsParameters();
+    const environmentsStore = useEnvironmentsStore();
+    const deviceSupport = useDeviceSupport();
+    const { debounce } = useDebounce();
+    const styles = useStyles();
     const focusedNodeParameter = computed(() => focusPanelStore.focusedNodeParameters[0]);
     const resolvedParameter = computed(
       () => focusedNodeParameter.value && focusPanelStore.isRichParameter(focusedNodeParameter.value) ? focusedNodeParameter.value : void 0
     );
     const focusPanelActive = computed(() => focusPanelStore.focusPanelActive);
+    const focusPanelHidden = computed(() => focusPanelStore.focusPanelHidden);
+    const focusPanelWidth = computed(() => focusPanelStore.focusPanelWidth);
+    const isDisabled = computed(() => {
+      if (!resolvedParameter.value) return false;
+      return !!resolvedParameter.value.parameter.disabledOptions && nodeSettingsParameters.shouldDisplayNodeParameter(
+        resolvedParameter.value.node.parameters,
+        resolvedParameter.value.node,
+        resolvedParameter.value.parameter,
+        resolvedParameter.value.parameterPath.split(".").slice(1, -1).join("."),
+        "disabledOptions"
+      );
+    });
+    const isDisplayed = computed(() => {
+      if (!resolvedParameter.value) return true;
+      return nodeSettingsParameters.shouldDisplayNodeParameter(
+        resolvedParameter.value.node.parameters,
+        resolvedParameter.value.node,
+        resolvedParameter.value.parameter,
+        resolvedParameter.value.parameterPath.split(".").slice(1, -1).join("."),
+        "displayOptions"
+      );
+    });
     const isExecutable2 = computed(() => {
       if (!resolvedParameter.value) return false;
+      if (!isDisplayed.value) return false;
       const foreignCredentials = nodeHelpers.getForeignCredentialsIfSharingEnabled(
         resolvedParameter.value.node.credentials
       );
       return nodeHelpers.isNodeExecutable(
         resolvedParameter.value.node,
-        props.executable,
+        !props.isCanvasReadOnly,
         foreignCredentials
       );
     });
+    const node2 = computed(() => resolvedParameter.value?.node);
+    const { hasNodeRun } = useExecutionData({ node: node2 });
+    function getTypeOption(optionName) {
+      return resolvedParameter.value ? getParameterTypeOption(resolvedParameter.value.parameter, optionName) : void 0;
+    }
+    const codeEditorMode = computed(() => {
+      return resolvedParameter.value?.node.parameters.mode;
+    });
+    const editorType = computed(() => {
+      return getTypeOption("editor") ?? void 0;
+    });
+    const editorLanguage = computed(() => {
+      if (editorType.value === "json" || resolvedParameter.value?.parameter.type === "json")
+        return "json";
+      return getTypeOption("editorLanguage") ?? "javaScript";
+    });
+    const editorRows = computed(() => getTypeOption("rows"));
     const isToolNode = computed(
       () => resolvedParameter.value ? nodeTypesStore.isToolNode(resolvedParameter.value?.node.type) : false
     );
+    const isHtmlNode = computed(
+      () => !!resolvedParameter.value && resolvedParameter.value.node.type === HTML_NODE_TYPE
+    );
     const expressionModeEnabled = computed(
       () => resolvedParameter.value && isValueExpression(resolvedParameter.value.parameter, resolvedParameter.value.value)
     );
-    function optionSelected() {
-    }
+    const expression = computed(() => {
+      if (!expressionModeEnabled.value) return "";
+      return isResourceLocatorValue(resolvedParameter.value) ? resolvedParameter.value.value : resolvedParameter.value;
+    });
+    const shouldCaptureForPosthog = computed(
+      () => resolvedParameter.value?.node.type === AI_TRANSFORM_NODE_TYPE
+    );
+    const isReadOnly = computed(() => props.isCanvasReadOnly || isDisabled.value);
+    const resolvedAdditionalExpressionData = computed(() => {
+      return {
+        $vars: environmentsStore.variablesAsObject
+      };
+    });
+    const targetNodeParameterContext = computed(() => {
+      if (!resolvedParameter.value) return void 0;
+      return {
+        nodeName: resolvedParameter.value.node.name,
+        parameterPath: resolvedParameter.value.parameterPath
+      };
+    });
+    const isNodeExecuting = computed(() => workflowsStore.isNodeExecuting(node2.value?.name ?? ""));
+    const { resolvedExpression } = useResolvedExpression({
+      expression,
+      additionalData: resolvedAdditionalExpressionData,
+      stringifyObject: resolvedParameter.value && resolvedParameter.value.parameter.type !== "multiOptions"
+    });
     function valueChanged(value) {
       if (resolvedParameter.value === void 0) {
         return;
       }
       nodeSettingsParameters.updateNodeParameter(
+        toRef(resolvedParameter.value.node.parameters),
         { value, name: resolvedParameter.value.parameterPath },
         value,
         resolvedParameter.value.node,
         isToolNode.value
       );
     }
+    async function setFocus() {
+      await nextTick();
+      if (inputField.value) {
+        if (hasFocusOnInput(inputField.value)) {
+          inputField.value.focusOnInput();
+        } else if (isFocusableEl(inputField.value)) {
+          inputField.value.focus();
+        }
+      }
+      emit("focus");
+    }
+    function optionSelected(command) {
+      if (!resolvedParameter.value) return;
+      switch (command) {
+        case "resetValue": {
+          if (typeof resolvedParameter.value.parameter.default === "string") {
+            valueChanged(resolvedParameter.value.parameter.default);
+          }
+          void setFocus();
+          break;
+        }
+        case "addExpression": {
+          const newValue = formatAsExpression(
+            resolvedParameter.value.value,
+            resolvedParameter.value.parameter.type
+          );
+          valueChanged(typeof newValue === "string" ? newValue : newValue.value);
+          void setFocus();
+          break;
+        }
+        case "removeExpression": {
+          const newValue = parseFromExpression(
+            resolvedParameter.value.value,
+            resolvedExpression.value,
+            resolvedParameter.value.parameter.type,
+            resolvedParameter.value.parameter.default,
+            (resolvedParameter.value.parameter.options ?? []).filter(isValidParameterOption)
+          );
+          if (typeof newValue === "string") {
+            valueChanged(newValue);
+          } else if (newValue && typeof newValue.value === "string") {
+            valueChanged(newValue.value);
+          }
+          void setFocus();
+          break;
+        }
+        case "formatHtml":
+          htmlEditorEventBus.emit("format-html");
+          break;
+      }
+    }
+    const valueChangedDebounced = debounce(valueChanged, { debounceTime: 0 });
+    function focusWithDelay() {
+      setTimeout(() => {
+        void setFocus();
+      }, 50);
+    }
+    function handleKeydown(event) {
+      if (event.key === "s" && deviceSupport.isCtrlKeyPressed(event)) {
+        event.stopPropagation();
+        event.preventDefault();
+        if (isReadOnly.value) return;
+        emit("saveKeyboardShortcut", event);
+      }
+    }
+    const registerKeyboardListener = () => {
+      document.addEventListener("keydown", handleKeydown, true);
+    };
+    const unregisterKeyboardListener = () => {
+      document.removeEventListener("keydown", handleKeydown, true);
+    };
+    watch(
+      [() => focusPanelStore.lastFocusTimestamp, () => expressionModeEnabled.value],
+      () => focusWithDelay()
+    );
+    watch(
+      () => focusPanelStore.focusPanelActive,
+      (newValue) => {
+        if (newValue) {
+          registerKeyboardListener();
+        } else {
+          unregisterKeyboardListener();
+        }
+      },
+      { immediate: true }
+    );
+    function onResize(event) {
+      focusPanelStore.updateWidth(event.width);
+    }
+    const onResizeThrottle = useThrottleFn(onResize, 10);
     return (_ctx, _cache) => {
-      const _component_n8n_icon = N8nIcon;
-      const _component_NodeExecuteButton = _sfc_main$V;
-      const _component_ParameterOptions = __unplugin_components_2$2;
+      const _component_NodeExecuteButton = _sfc_main$10;
+      const _component_N8nIcon = N8nIcon;
+      const _component_ParameterOptions = __unplugin_components_2$3;
       const _component_ExpressionEditorModalInput = __unplugin_components_3$1;
-      return focusPanelActive.value ? (openBlock(), createElementBlock("div", {
+      const _component_CodeNodeEditor = __unplugin_components_4;
+      const _component_HtmlEditor = __unplugin_components_5;
+      const _component_CssEditor = __unplugin_components_6;
+      const _component_SqlEditor = __unplugin_components_7;
+      const _component_JsEditor = __unplugin_components_8;
+      const _component_JsonEditor = __unplugin_components_9;
+      const _component_N8nRadioButtons = N8nRadioButtons;
+      return focusPanelActive.value ? withDirectives((openBlock(), createElementBlock("div", {
         key: 0,
-        class: normalizeClass(_ctx.$style.container),
-        onKeydown: _cache[3] || (_cache[3] = withModifiers(() => {
+        class: normalizeClass(_ctx.$style.wrapper),
+        onKeydown: _cache[1] || (_cache[1] = withModifiers(() => {
         }, ["stop"]))
       }, [
-        createBaseVNode("div", {
-          class: normalizeClass(_ctx.$style.header)
-        }, [
-          createVNode(unref(N8nText), {
-            size: "small",
-            bold: true
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(unref(locale).baseText("nodeView.focusPanel.title")), 1)
-            ]),
-            _: 1
-          }),
-          createBaseVNode("div", {
-            class: normalizeClass(_ctx.$style.closeButton),
-            onClick: _cache[0] || (_cache[0] = //@ts-ignore
-            (...args) => unref(focusPanelStore).closeFocusPanel && unref(focusPanelStore).closeFocusPanel(...args))
-          }, [
-            createVNode(_component_n8n_icon, {
-              icon: "arrow-right",
-              color: "text-base"
-            })
-          ], 2)
-        ], 2),
-        resolvedParameter.value ? (openBlock(), createElementBlock("div", {
-          key: 0,
-          class: normalizeClass(_ctx.$style.content)
-        }, [
-          createBaseVNode("div", {
-            class: normalizeClass(_ctx.$style.tabHeader)
-          }, [
-            createBaseVNode("div", {
-              class: normalizeClass(_ctx.$style.tabHeaderText)
-            }, [
-              createVNode(unref(N8nText), {
-                color: "text-dark",
-                size: "small"
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(resolvedParameter.value.parameter.displayName), 1)
-                ]),
-                _: 1
-              }),
-              createVNode(unref(N8nText), {
-                color: "text-base",
-                size: "xsmall"
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(resolvedParameter.value.node.name), 1)
-                ]),
-                _: 1
-              })
-            ], 2),
-            createVNode(_component_NodeExecuteButton, {
-              "data-test-id": "node-execute-button",
-              "node-name": resolvedParameter.value.node.name,
-              tooltip: `Execute ${resolvedParameter.value.node.name}`,
-              disabled: !isExecutable2.value,
-              size: "small",
-              icon: "play",
-              square: true,
-              "hide-label": true,
-              "telemetry-source": "focus"
-            }, null, 8, ["node-name", "tooltip", "disabled"])
-          ], 2),
-          createBaseVNode("div", {
-            class: normalizeClass(_ctx.$style.parameterDetailsWrapper)
-          }, [
+        createVNode(unref(N8nResizeWrapper), {
+          width: focusPanelWidth.value,
+          "supported-directions": ["left"],
+          "min-width": 300,
+          "max-width": 1e3,
+          "grid-size": 8,
+          style: normalizeStyle({ width: `${focusPanelWidth.value}px`, zIndex: unref(styles).APP_Z_INDEXES.FOCUS_PANEL }),
+          onResize: unref(onResizeThrottle)
+        }, {
+          default: withCtx(() => [
             createBaseVNode("div", {
-              class: normalizeClass(_ctx.$style.parameterOptionsWrapper)
-            }, [
-              _cache[4] || (_cache[4] = createBaseVNode("div", null, null, -1)),
-              createVNode(_component_ParameterOptions, {
-                parameter: resolvedParameter.value.parameter,
-                value: resolvedParameter.value.value,
-                "is-read-only": false,
-                "onUpdate:modelValue": optionSelected
-              }, null, 8, ["parameter", "value"])
-            ], 2),
-            typeof resolvedParameter.value.value === "string" ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: normalizeClass(_ctx.$style.editorContainer)
+              class: normalizeClass(_ctx.$style.container)
             }, [
-              expressionModeEnabled.value ? (openBlock(), createBlock(_component_ExpressionEditorModalInput, {
+              resolvedParameter.value ? (openBlock(), createElementBlock("div", {
                 key: 0,
-                "model-value": resolvedParameter.value.value,
-                class: normalizeClass(_ctx.$style.editor),
-                "is-read-only": false,
-                path: resolvedParameter.value.parameterPath,
-                "data-test-id": "expression-modal-input",
-                "target-node-parameter-context": {
-                  nodeName: resolvedParameter.value.node.name,
-                  parameterPath: resolvedParameter.value.parameterPath
-                },
-                onChange: _cache[1] || (_cache[1] = ($event) => valueChanged($event.value))
-              }, null, 8, ["model-value", "class", "path", "target-node-parameter-context"])) : (openBlock(), createBlock(unref(N8nInput), {
+                class: normalizeClass(_ctx.$style.content)
+              }, [
+                createBaseVNode("div", {
+                  class: normalizeClass(_ctx.$style.tabHeader)
+                }, [
+                  createBaseVNode("div", {
+                    class: normalizeClass(_ctx.$style.tabHeaderText)
+                  }, [
+                    createVNode(unref(N8nText), {
+                      color: "text-dark",
+                      size: "small"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(resolvedParameter.value.parameter.displayName), 1)
+                      ]),
+                      _: 1
+                    }),
+                    createVNode(unref(N8nText), {
+                      color: "text-base",
+                      size: "xsmall"
+                    }, {
+                      default: withCtx(() => [
+                        createTextVNode(toDisplayString(resolvedParameter.value.node.name), 1)
+                      ]),
+                      _: 1
+                    })
+                  ], 2),
+                  createBaseVNode("div", {
+                    class: normalizeClass(_ctx.$style.buttonWrapper)
+                  }, [
+                    createVNode(_component_NodeExecuteButton, {
+                      "data-test-id": "node-execute-button",
+                      "node-name": resolvedParameter.value.node.name,
+                      tooltip: `Execute ${resolvedParameter.value.node.name}`,
+                      disabled: !isExecutable2.value,
+                      size: "small",
+                      icon: "play",
+                      square: true,
+                      "hide-label": true,
+                      "telemetry-source": "focus"
+                    }, null, 8, ["node-name", "tooltip", "disabled"]),
+                    createVNode(_component_N8nIcon, {
+                      class: normalizeClass(_ctx.$style.closeButton),
+                      icon: "x",
+                      color: "text-base",
+                      size: "xlarge",
+                      onClick: unref(focusPanelStore).closeFocusPanel
+                    }, null, 8, ["class", "onClick"])
+                  ], 2)
+                ], 2),
+                createBaseVNode("div", {
+                  class: normalizeClass(_ctx.$style.parameterDetailsWrapper)
+                }, [
+                  createBaseVNode("div", {
+                    class: normalizeClass(_ctx.$style.parameterOptionsWrapper)
+                  }, [
+                    createBaseVNode("div", {
+                      class: normalizeClass(_ctx.$style.noExecutionDataTip)
+                    }, [
+                      !unref(hasNodeRun) && !isNodeExecuting.value ? (openBlock(), createBlock(unref(InfoTip), {
+                        key: 0,
+                        class: normalizeClass(_ctx.$style.delayedShow),
+                        bold: true
+                      }, {
+                        default: withCtx(() => [
+                          createTextVNode(toDisplayString(unref(locale).baseText("nodeView.focusPanel.noExecutionData")), 1)
+                        ]),
+                        _: 1
+                      }, 8, ["class"])) : createCommentVNode("", true)
+                    ], 2),
+                    isDisplayed.value ? (openBlock(), createBlock(_component_ParameterOptions, {
+                      key: 0,
+                      parameter: resolvedParameter.value.parameter,
+                      value: resolvedParameter.value.value,
+                      "is-read-only": isReadOnly.value,
+                      "onUpdate:modelValue": optionSelected
+                    }, null, 8, ["parameter", "value", "is-read-only"])) : createCommentVNode("", true)
+                  ], 2),
+                  typeof resolvedParameter.value.value === "string" ? (openBlock(), createElementBlock("div", {
+                    key: 0,
+                    class: normalizeClass(_ctx.$style.editorContainer)
+                  }, [
+                    !isDisplayed.value ? (openBlock(), createElementBlock("div", {
+                      key: 0,
+                      class: normalizeClass([_ctx.$style.content, _ctx.$style.emptyContent])
+                    }, [
+                      createBaseVNode("div", {
+                        class: normalizeClass(_ctx.$style.emptyText)
+                      }, [
+                        createVNode(unref(N8nText), { color: "text-base" }, {
+                          default: withCtx(() => [
+                            createTextVNode(toDisplayString(unref(locale).baseText("nodeView.focusPanel.missingParameter")), 1)
+                          ]),
+                          _: 1
+                        })
+                      ], 2)
+                    ], 2)) : expressionModeEnabled.value ? (openBlock(), createBlock(_component_ExpressionEditorModalInput, {
+                      key: 1,
+                      ref_key: "inputField",
+                      ref: inputField,
+                      "model-value": resolvedParameter.value.value,
+                      class: normalizeClass(_ctx.$style.editor),
+                      "is-read-only": isReadOnly.value,
+                      path: resolvedParameter.value.parameterPath,
+                      "data-test-id": "expression-modal-input",
+                      "target-node-parameter-context": targetNodeParameterContext.value,
+                      onChange: _cache[0] || (_cache[0] = ($event) => unref(valueChangedDebounced)($event.value))
+                    }, null, 8, ["model-value", "class", "is-read-only", "path", "target-node-parameter-context"])) : ["json", "string"].includes(resolvedParameter.value.parameter.type) ? (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+                      editorType.value === "codeNodeEditor" ? (openBlock(), createBlock(_component_CodeNodeEditor, {
+                        key: 0,
+                        id: resolvedParameter.value.parameterPath,
+                        ref_key: "inputField",
+                        ref: inputField,
+                        class: normalizeClass(_ctx.$style.heightFull),
+                        mode: codeEditorMode.value,
+                        "model-value": resolvedParameter.value.value,
+                        "default-value": resolvedParameter.value.parameter.default,
+                        language: editorLanguage.value,
+                        "is-read-only": isReadOnly.value,
+                        "target-node-parameter-context": targetNodeParameterContext.value,
+                        "fill-parent": "",
+                        "disable-ask-ai": true,
+                        "onUpdate:modelValue": unref(valueChangedDebounced)
+                      }, null, 8, ["id", "class", "mode", "model-value", "default-value", "language", "is-read-only", "target-node-parameter-context", "onUpdate:modelValue"])) : editorType.value === "htmlEditor" ? (openBlock(), createBlock(_component_HtmlEditor, {
+                        key: 1,
+                        ref_key: "inputField",
+                        ref: inputField,
+                        "model-value": resolvedParameter.value.value,
+                        "is-read-only": isReadOnly.value,
+                        rows: editorRows.value,
+                        "disable-expression-coloring": !isHtmlNode.value,
+                        "disable-expression-completions": !isHtmlNode.value,
+                        fullscreen: "",
+                        "onUpdate:modelValue": unref(valueChangedDebounced)
+                      }, null, 8, ["model-value", "is-read-only", "rows", "disable-expression-coloring", "disable-expression-completions", "onUpdate:modelValue"])) : editorType.value === "cssEditor" ? (openBlock(), createBlock(_component_CssEditor, {
+                        key: 2,
+                        ref_key: "inputField",
+                        ref: inputField,
+                        "model-value": resolvedParameter.value.value,
+                        "is-read-only": isReadOnly.value,
+                        rows: editorRows.value,
+                        fullscreen: "",
+                        "onUpdate:modelValue": unref(valueChangedDebounced)
+                      }, null, 8, ["model-value", "is-read-only", "rows", "onUpdate:modelValue"])) : editorType.value === "sqlEditor" ? (openBlock(), createBlock(_component_SqlEditor, {
+                        key: 3,
+                        ref_key: "inputField",
+                        ref: inputField,
+                        "model-value": resolvedParameter.value.value,
+                        dialect: getTypeOption("sqlDialect"),
+                        "is-read-only": isReadOnly.value,
+                        rows: editorRows.value,
+                        fullscreen: "",
+                        "onUpdate:modelValue": unref(valueChangedDebounced)
+                      }, null, 8, ["model-value", "dialect", "is-read-only", "rows", "onUpdate:modelValue"])) : editorType.value === "jsEditor" ? (openBlock(), createBlock(_component_JsEditor, {
+                        key: 4,
+                        ref_key: "inputField",
+                        ref: inputField,
+                        "model-value": resolvedParameter.value.value,
+                        "is-read-only": isReadOnly.value,
+                        rows: editorRows.value,
+                        "posthog-capture": shouldCaptureForPosthog.value,
+                        "fill-parent": "",
+                        "onUpdate:modelValue": unref(valueChangedDebounced)
+                      }, null, 8, ["model-value", "is-read-only", "rows", "posthog-capture", "onUpdate:modelValue"])) : resolvedParameter.value.parameter.type === "json" ? (openBlock(), createBlock(_component_JsonEditor, {
+                        key: 5,
+                        ref_key: "inputField",
+                        ref: inputField,
+                        "model-value": resolvedParameter.value.value,
+                        "is-read-only": isReadOnly.value,
+                        rows: editorRows.value,
+                        fullscreen: "",
+                        "fill-parent": "",
+                        "onUpdate:modelValue": unref(valueChangedDebounced)
+                      }, null, 8, ["model-value", "is-read-only", "rows", "onUpdate:modelValue"])) : (openBlock(), createBlock(unref(N8nInput), {
+                        key: 6,
+                        ref_key: "inputField",
+                        ref: inputField,
+                        "model-value": resolvedParameter.value.value,
+                        class: normalizeClass(_ctx.$style.editor),
+                        readonly: isReadOnly.value,
+                        type: "textarea",
+                        resize: "none",
+                        "onUpdate:modelValue": unref(valueChangedDebounced)
+                      }, null, 8, ["model-value", "class", "readonly", "onUpdate:modelValue"]))
+                    ], 64)) : createCommentVNode("", true)
+                  ], 2)) : createCommentVNode("", true)
+                ], 2)
+              ], 2)) : (openBlock(), createElementBlock("div", {
                 key: 1,
-                "model-value": resolvedParameter.value.value,
-                class: normalizeClass(_ctx.$style.editor),
-                type: "textarea",
-                resize: "none",
-                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => valueChanged($event))
-              }, null, 8, ["model-value", "class"]))
-            ], 2)) : createCommentVNode("", true)
-          ], 2)
-        ], 2)) : (openBlock(), createElementBlock("div", {
-          key: 1,
-          class: normalizeClass([_ctx.$style.content, _ctx.$style.emptyContent])
-        }, [
-          createBaseVNode("div", {
-            class: normalizeClass(_ctx.$style.emptyText)
-          }, [
-            createVNode(unref(N8nText), { color: "text-base" }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(locale).baseText("nodeView.focusPanel.noParameters")), 1)
-              ]),
-              _: 1
-            })
-          ], 2)
-        ], 2))
-      ], 34)) : createCommentVNode("", true);
+                class: normalizeClass([_ctx.$style.content, _ctx.$style.emptyContent])
+              }, [
+                createBaseVNode("div", {
+                  class: normalizeClass(_ctx.$style.emptyText)
+                }, [
+                  createBaseVNode("div", {
+                    class: normalizeClass(_ctx.$style.focusParameterWrapper)
+                  }, [
+                    createBaseVNode("div", {
+                      class: normalizeClass(_ctx.$style.iconWrapper)
+                    }, [
+                      createVNode(_component_N8nIcon, {
+                        class: normalizeClass(_ctx.$style.forceHover),
+                        icon: "panel-right",
+                        size: "medium"
+                      }, null, 8, ["class"]),
+                      createVNode(_component_N8nIcon, {
+                        class: normalizeClass(_ctx.$style.pointerIcon),
+                        icon: "mouse-pointer",
+                        color: "text-dark",
+                        size: "large"
+                      }, null, 8, ["class"])
+                    ], 2),
+                    createVNode(_component_N8nIcon, {
+                      icon: "ellipsis-vertical",
+                      size: "small",
+                      color: "text-base"
+                    }),
+                    createVNode(_component_N8nRadioButtons, {
+                      size: "small",
+                      "model-value": "expression",
+                      disabled: true,
+                      options: [
+                        { label: unref(locale).baseText("parameterInput.fixed"), value: "fixed" },
+                        { label: unref(locale).baseText("parameterInput.expression"), value: "expression" }
+                      ]
+                    }, null, 8, ["options"])
+                  ], 2),
+                  createVNode(unref(N8nText), {
+                    color: "text-base",
+                    size: "medium",
+                    bold: true
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(locale).baseText("nodeView.focusPanel.noParameters.title")), 1)
+                    ]),
+                    _: 1
+                  }),
+                  createVNode(unref(N8nText), {
+                    color: "text-base",
+                    size: "small"
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(unref(locale).baseText("nodeView.focusPanel.noParameters.subtitle")), 1)
+                    ]),
+                    _: 1
+                  })
+                ], 2)
+              ], 2))
+            ], 2)
+          ]),
+          _: 1
+        }, 8, ["width", "style", "onResize"])
+      ], 34)), [
+        [vShow, !focusPanelHidden.value]
+      ]) : createCommentVNode("", true);
     };
   }
 });
-const container = "_container_1shes_123";
-const closeButton = "_closeButton_1shes_132";
-const header = "_header_1shes_136";
-const content = "_content_1shes_144";
-const emptyContent = "_emptyContent_1shes_150";
-const emptyText = "_emptyText_1shes_155";
-const tabHeader = "_tabHeader_1shes_158";
-const tabHeaderText = "_tabHeaderText_1shes_165";
-const buttonWrapper = "_buttonWrapper_1shes_170";
-const parameterDetailsWrapper = "_parameterDetailsWrapper_1shes_175";
-const parameterOptionsWrapper = "_parameterOptionsWrapper_1shes_182";
-const editorContainer = "_editorContainer_1shes_186";
-const editor = "_editor_1shes_186";
+const wrapper$1 = "_wrapper_1ebmp_123";
+const container = "_container_1ebmp_132";
+const content = "_content_1ebmp_138";
+const emptyContent = "_emptyContent_1ebmp_144";
+const emptyText = "_emptyText_1ebmp_149";
+const focusParameterWrapper = "_focusParameterWrapper_1ebmp_155";
+const iconWrapper = "_iconWrapper_1ebmp_162";
+const pointerIcon = "_pointerIcon_1ebmp_166";
+const tabHeader = "_tabHeader_1ebmp_176";
+const tabHeaderText = "_tabHeaderText_1ebmp_183";
+const buttonWrapper = "_buttonWrapper_1ebmp_188";
+const parameterDetailsWrapper = "_parameterDetailsWrapper_1ebmp_193";
+const parameterOptionsWrapper = "_parameterOptionsWrapper_1ebmp_200";
+const noExecutionDataTip = "_noExecutionDataTip_1ebmp_204";
+const editorContainer = "_editorContainer_1ebmp_207";
+const editor = "_editor_1ebmp_207";
+const delayedShow = "_delayedShow_1ebmp_222";
+const triggerShow = "_triggerShow_1ebmp_1";
+const closeButton = "_closeButton_1ebmp_233";
+const heightFull = "_heightFull_1ebmp_237";
+const forceHover = "_forceHover_1ebmp_241";
 const style0$2 = {
+  wrapper: wrapper$1,
   container,
-  closeButton,
-  header,
   content,
   emptyContent,
   emptyText,
+  focusParameterWrapper,
+  iconWrapper,
+  pointerIcon,
   tabHeader,
   tabHeaderText,
   buttonWrapper,
   parameterDetailsWrapper,
   parameterOptionsWrapper,
+  noExecutionDataTip,
   editorContainer,
-  editor
+  editor,
+  delayedShow,
+  triggerShow,
+  closeButton,
+  heightFull,
+  forceHover
 };
 const cssModules$2 = {
   "$style": style0$2
@@ -15327,18 +16882,18 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const props = __props;
-    const i18n = useI18n();
+    const i18n2 = useI18n();
     const selectableTriggerNodes = computed(
       () => props.triggerNodes.filter((node2) => !node2.disabled && !isChatNode(node2))
     );
     const label2 = computed(() => {
       if (!props.executing) {
-        return i18n.baseText("nodeView.runButtonText.executeWorkflow");
+        return i18n2.baseText("nodeView.runButtonText.executeWorkflow");
       }
       if (props.waitingForWebhook) {
-        return i18n.baseText("nodeView.runButtonText.waitingForTriggerEvent");
+        return i18n2.baseText("nodeView.runButtonText.waitingForTriggerEvent");
       }
-      return i18n.baseText("nodeView.runButtonText.executingWorkflow");
+      return i18n2.baseText("nodeView.runButtonText.executingWorkflow");
     });
     const actions2 = computed(
       () => props.triggerNodes.filter((node2) => !isChatNode(node2)).toSorted((a, b) => {
@@ -15363,8 +16918,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       return props.getNodeType(node2.type, node2.typeVersion);
     }
     return (_ctx, _cache) => {
-      const _component_I18nT = resolveComponent("I18nT");
-      const _component_NodeIcon = _sfc_main$U;
+      const _component_NodeIcon = _sfc_main$$;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([_ctx.$style.component, isSplitButton.value ? _ctx.$style.split : ""])
       }, [
@@ -15397,7 +16951,10 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                     bold: false
                   }, {
                     default: withCtx(() => [
-                      createVNode(_component_I18nT, { keypath: "nodeView.runButtonText.from" }, {
+                      createVNode(unref(I18nT), {
+                        keypath: "nodeView.runButtonText.from",
+                        scope: "global"
+                      }, {
                         nodeName: withCtx(() => [
                           createVNode(unref(N8nText), {
                             bold: "",
@@ -15453,7 +17010,10 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                   "node-type": getNodeTypeByName(item.id)
                 }, null, 8, ["class", "node-type"]),
                 createBaseVNode("span", null, [
-                  createVNode(_component_I18nT, { keypath: "nodeView.runButtonText.from" }, {
+                  createVNode(unref(I18nT), {
+                    keypath: "nodeView.runButtonText.from",
+                    scope: "global"
+                  }, {
                     nodeName: withCtx(() => [
                       createVNode(unref(N8nText), {
                         bold: "",
@@ -15571,18 +17131,18 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    const i18n = useI18n();
-    const title = computed(
-      () => props.stopping ? i18n.baseText("nodeView.stoppingCurrentExecution") : i18n.baseText("nodeView.stopCurrentExecution")
+    const i18n2 = useI18n();
+    const title2 = computed(
+      () => props.stopping ? i18n2.baseText("nodeView.stoppingCurrentExecution") : i18n2.baseText("nodeView.stopCurrentExecution")
     );
     return (_ctx, _cache) => {
-      const _component_N8nIconButton = _sfc_main$S;
+      const _component_N8nIconButton = _sfc_main$Y;
       return openBlock(), createBlock(_component_N8nIconButton, {
         icon: "square",
         size: "large",
         class: "stop-execution",
         type: "secondary",
-        title: title.value,
+        title: title2.value,
         loading: _ctx.stopping,
         "data-test-id": "stop-execution-button"
       }, null, 8, ["title", "loading"]);
@@ -15592,14 +17152,14 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "CanvasStopWaitingForWebhookButton",
   setup(__props) {
-    const i18n = useI18n();
+    const i18n2 = useI18n();
     return (_ctx, _cache) => {
-      const _component_N8nIconButton = _sfc_main$S;
+      const _component_N8nIconButton = _sfc_main$Y;
       return openBlock(), createBlock(_component_N8nIconButton, {
         class: "stop-execution",
         icon: "square",
         size: "large",
-        title: unref(i18n).baseText("nodeView.stopWaitingForWebhookCall"),
+        title: unref(i18n2).baseText("nodeView.stopWaitingForWebhookCall"),
         type: "secondary",
         "data-test-id": "stop-execution-waiting-for-webhook-button"
       }, null, 8, ["title"]);
@@ -15651,21 +17211,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "NodeView",
   setup(__props) {
     const LazyNodeCreation = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeCreation-DCV9QVeh.js").then((n) => n.N), true ? __vite__mapDeps([0,1,2,3]) : void 0)
+      async () => await __vitePreload(() => import("./NodeCreation-CVbCKnet.js").then((n) => n.N), true ? __vite__mapDeps([0,1,2,3]) : void 0)
     );
     const LazyNodeDetailsView = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeDetailsView-D7qedYA0.js"), true ? __vite__mapDeps([4,1,2,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24]) : void 0)
+      async () => await __vitePreload(() => import("./NodeDetailsView-KFidngJi.js"), true ? __vite__mapDeps([4,1,2,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25]) : void 0)
     );
     const LazyNodeDetailsViewV2 = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeDetailsViewV2-BAkPjDo5.js"), true ? __vite__mapDeps([25,1,2,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,26]) : void 0)
+      async () => await __vitePreload(() => import("./NodeDetailsViewV2-BL4KKqW-.js"), true ? __vite__mapDeps([26,1,2,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,27]) : void 0)
     );
     const LazySetupWorkflowCredentialsButton = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./SetupWorkflowCredentialsButton-ujybntOa.js"), true ? __vite__mapDeps([27,1,2]) : void 0)
+      async () => await __vitePreload(() => import("./SetupWorkflowCredentialsButton-Pzrxag-k.js"), true ? __vite__mapDeps([28,1,2]) : void 0)
     );
     const $style = useCssModule();
     const router = useRouter();
     const route = useRoute();
-    const i18n = useI18n();
+    const i18n2 = useI18n();
     const telemetry = useTelemetry();
     const externalHooks = useExternalHooks();
     const toast = useToast();
@@ -15700,6 +17260,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const posthogStore = usePostHog();
     const agentRequestStore = useAgentRequestStore();
     const logsStore = useLogsStore();
+    const aiTemplatesStarterCollectionStore = useAITemplatesStarterCollectionStore();
     const { addBeforeUnloadEventBindings, removeBeforeUnloadEventBindings } = useBeforeUnload({
       route
     });
@@ -15813,8 +17374,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       } catch (error2) {
         toast.showError(
           error2,
-          i18n.baseText("nodeView.showError.mounted1.title"),
-          i18n.baseText("nodeView.showError.mounted1.message") + ":"
+          i18n2.baseText("nodeView.showError.mounted1.title"),
+          i18n2.baseText("nodeView.showError.mounted1.message") + ":"
         );
         return;
       }
@@ -15859,8 +17420,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               break;
             default:
               toast.showError(
-                new Error(i18n.baseText("nodeView.couldntLoadWorkflow.invalidWorkflowObject")),
-                i18n.baseText("nodeView.couldntImportWorkflow")
+                new Error(i18n2.baseText("nodeView.couldntLoadWorkflow.invalidWorkflowObject")),
+                i18n2.baseText("nodeView.couldntImportWorkflow")
               );
               await router.replace({ name: VIEWS.NEW_WORKFLOW });
           }
@@ -15935,6 +17496,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         if (workflowData.meta?.onboardingId) {
           trackOpenWorkflowFromOnboardingTemplate();
         }
+        if (workflowData.meta?.templateId?.startsWith("035_template_onboarding")) {
+          aiTemplatesStarterCollectionStore.trackUserOpenedWorkflow(
+            workflowData.meta.templateId.split("-").pop() ?? ""
+          );
+        }
         await projectsStore.setProjectNavActiveIdByWorkflowHomeProject(workflowData.homeProject);
       } catch (error2) {
         if (error2.httpStatusCode === 404) {
@@ -15949,7 +17515,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             params: { entityType: "workflow" }
           });
         }
-        toast.showError(error2, i18n.baseText("openWorkflow.workflowNotFoundError"));
+        toast.showError(error2, i18n2.baseText("openWorkflow.workflowNotFoundError"));
         void router.push({
           name: VIEWS.NEW_WORKFLOW
         });
@@ -15984,15 +17550,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     async function openTemplateFromWorkflowJSON(workflow) {
       if (!workflow.nodes || !workflow.connections) {
         toast.showError(
-          new Error(i18n.baseText("nodeView.couldntLoadWorkflow.invalidWorkflowObject")),
-          i18n.baseText("nodeView.couldntImportWorkflow")
+          new Error(i18n2.baseText("nodeView.couldntLoadWorkflow.invalidWorkflowObject")),
+          i18n2.baseText("nodeView.couldntImportWorkflow")
         );
         await router.replace({ name: VIEWS.NEW_WORKFLOW });
         return;
       }
       resetWorkspace();
       canvasStore.startLoading();
-      canvasStore.setLoadingText(i18n.baseText("nodeView.loadingTemplate"));
+      canvasStore.setLoadingText(i18n2.baseText("nodeView.loadingTemplate"));
       workflowsStore.currentWorkflowExecutions = [];
       executionsStore.activeExecution = null;
       isBlankRedirect.value = true;
@@ -16010,7 +17576,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     async function openWorkflowTemplate(templateId) {
       resetWorkspace();
       canvasStore.startLoading();
-      canvasStore.setLoadingText(i18n.baseText("nodeView.loadingTemplate"));
+      canvasStore.setLoadingText(i18n2.baseText("nodeView.loadingTemplate"));
       workflowsStore.currentWorkflowExecutions = [];
       executionsStore.activeExecution = null;
       let data;
@@ -16019,13 +17585,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         data = await templatesStore.getFixedWorkflowTemplate(templateId);
         if (!data) {
           throw new Error(
-            i18n.baseText("nodeView.workflowTemplateWithIdCouldNotBeFound", {
+            i18n2.baseText("nodeView.workflowTemplateWithIdCouldNotBeFound", {
               interpolate: { templateId }
             })
           );
         }
       } catch (error2) {
-        toast.showError(error2, i18n.baseText("nodeView.couldntImportWorkflow"));
+        toast.showError(error2, i18n2.baseText("nodeView.couldntImportWorkflow"));
         await router.replace({ name: VIEWS.NEW_WORKFLOW });
         return;
       }
@@ -16128,7 +17694,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     async function onCopyNodes(ids) {
       await copyNodes(ids);
-      toast.showMessage({ title: i18n.baseText("generic.copiedToClipboard"), type: "success" });
+      toast.showMessage({ title: i18n2.baseText("generic.copiedToClipboard"), type: "success" });
     }
     async function onClipboardPaste(plainTextData) {
       if (getNodeViewTab(route) !== MAIN_HEADER_TABS.WORKFLOW || !keyBindingsEnabled.value || !checkIfEditingIsAllowed()) {
@@ -16137,16 +17703,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       let workflowData = null;
       if (plainTextData.match(VALID_WORKFLOW_IMPORT_URL_REGEX)) {
         const importConfirm = await message.confirm(
-          i18n.baseText("nodeView.confirmMessage.onClipboardPasteEvent.message", {
+          i18n2.baseText("nodeView.confirmMessage.onClipboardPasteEvent.message", {
             interpolate: { plainTextData }
           }),
-          i18n.baseText("nodeView.confirmMessage.onClipboardPasteEvent.headline"),
+          i18n2.baseText("nodeView.confirmMessage.onClipboardPasteEvent.headline"),
           {
             type: "warning",
-            confirmButtonText: i18n.baseText(
+            confirmButtonText: i18n2.baseText(
               "nodeView.confirmMessage.onClipboardPasteEvent.confirmButtonText"
             ),
-            cancelButtonText: i18n.baseText(
+            cancelButtonText: i18n2.baseText(
               "nodeView.confirmMessage.onClipboardPasteEvent.cancelButtonText"
             )
           }
@@ -16212,7 +17778,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     async function onSaveFromWithinNDV() {
       if (ndvStore.activeNodeName) {
         toast.showMessage({
-          title: i18n.baseText("generic.workflowSaved"),
+          title: i18n2.baseText("generic.workflowSaved"),
           type: "success"
         });
       }
@@ -16234,17 +17800,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (!keyBindingsEnabled.value || document.querySelector(".rename-prompt")) return;
       try {
         const promptResponsePromise = message.prompt(
-          i18n.baseText("nodeView.prompt.newName") + ":",
-          i18n.baseText("nodeView.prompt.renameNode") + `: ${currentName}`,
+          i18n2.baseText("nodeView.prompt.newName") + ":",
+          i18n2.baseText("nodeView.prompt.renameNode") + `: ${currentName}`,
           {
             customClass: "rename-prompt",
-            confirmButtonText: i18n.baseText("nodeView.prompt.rename"),
-            cancelButtonText: i18n.baseText("nodeView.prompt.cancel"),
-            inputErrorMessage: i18n.baseText("nodeView.prompt.invalidName"),
+            confirmButtonText: i18n2.baseText("nodeView.prompt.rename"),
+            cancelButtonText: i18n2.baseText("nodeView.prompt.cancel"),
+            inputErrorMessage: i18n2.baseText("nodeView.prompt.invalidName"),
             inputValue: currentName,
             inputValidator: (value) => {
               if (!value.trim()) {
-                return i18n.baseText("nodeView.prompt.invalidName");
+                return i18n2.baseText("nodeView.prompt.invalidName");
               }
               return true;
             }
@@ -16284,6 +17850,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       revalidateNodeOutputConnections(id2);
     }
     function onClickNodeAdd(source, sourceHandle) {
+      if (isFocusPanelFeatureEnabled.value && focusPanelStore.focusPanelActive) {
+        focusPanelStore.hideFocusPanel();
+      }
       nodeCreatorStore.openNodeCreatorForConnectingNode({
         connection: {
           source,
@@ -16354,13 +17923,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     async function onImportWorkflowDataEvent(data) {
       const workflowData = data.data;
       await importWorkflowData(workflowData, "file", {
-        viewport: viewportBoundaries.value
+        viewport: viewportBoundaries.value,
+        regenerateIds: data.regenerateIds === true || data.regenerateIds === void 0
       });
       fitView();
       selectNodes(workflowData.nodes?.map((node2) => node2.id) ?? []);
       if (data.tidyUp) {
+        const nodesIdsToTidyUp = data.nodesIdsToTidyUp;
         setTimeout(() => {
-          canvasEventBus.emit("tidyUp", { source: "import-workflow-data" });
+          canvasEventBus.emit("tidyUp", {
+            source: "import-workflow-data",
+            nodeIdsFilter: nodesIdsToTidyUp
+          });
         }, 0);
       }
     }
@@ -16435,27 +18009,30 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     async function onRevertAddNode({ node: node2 }) {
       await revertAddNode(node2.name);
     }
-    async function onSwitchActiveNode(nodeName) {
+    function onSwitchActiveNode(nodeName) {
       const node2 = workflowsStore.getNodeByName(nodeName);
       if (!node2) return;
       setNodeActiveByName(nodeName);
       selectNodes([node2.id]);
     }
-    async function onOpenSelectiveNodeCreator(node2, connectionType2, connectionIndex = 0) {
+    function onOpenSelectiveNodeCreator(node2, connectionType2, connectionIndex = 0) {
       nodeCreatorStore.openSelectiveNodeCreator({ node: node2, connectionType: connectionType2, connectionIndex });
     }
-    function onOpenNodeCreatorForTriggerNodes(source) {
-      nodeCreatorStore.openNodeCreatorForTriggerNodes(source);
-    }
-    function onOpenNodeCreatorFromCanvas(source) {
-      onToggleNodeCreator({ createNodeActive: true, source });
-    }
     function onToggleNodeCreator(options) {
       nodeCreatorStore.setNodeCreatorState(options);
+      if (isFocusPanelFeatureEnabled.value && focusPanelStore.focusPanelActive) {
+        focusPanelStore.hideFocusPanel(options.createNodeActive);
+      }
       if (!options.createNodeActive && !options.hasAddedNodes) {
         uiStore.resetLastInteractedWith();
       }
     }
+    function onOpenNodeCreatorFromCanvas(source) {
+      onToggleNodeCreator({ createNodeActive: true, source });
+    }
+    function onOpenNodeCreatorForTriggerNodes(source) {
+      nodeCreatorStore.openNodeCreatorForTriggerNodes(source);
+    }
     function onToggleFocusPanel() {
       if (!isFocusPanelFeatureEnabled.value) {
         return;
@@ -16465,6 +18042,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function closeNodeCreator() {
       if (nodeCreatorStore.isCreateNodeActive) {
         nodeCreatorStore.isCreateNodeActive = false;
+        if (isFocusPanelFeatureEnabled.value && focusPanelStore.focusPanelActive) {
+          focusPanelStore.hideFocusPanel(false);
+        }
       }
     }
     function onCreateSticky() {
@@ -16527,11 +18107,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       telemetry.track("User clicked execute node button", telemetryPayload);
       void externalHooks.run("nodeView.onRunNode", telemetryPayload);
     }
-    async function onOpenExecution(executionId) {
+    async function onOpenExecution(executionId, nodeId) {
       canvasStore.startLoading();
       resetWorkspace();
       await initializeData();
-      const data = await openExecution(executionId);
+      const data = await openExecution(executionId, nodeId);
       if (!data) {
         return;
       }
@@ -16570,7 +18150,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           console.error(`Execution ${data.id} error:`);
           console.error(data.data.resultData.error.stack);
           toast.showMessage({
-            title: i18n.baseText("nodeView.showError.workflowError"),
+            title: i18n2.baseText("nodeView.showError.workflowError"),
             message: data.data.resultData.error.message,
             type: "error",
             duration: 0
@@ -16581,7 +18161,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     function onExecutionOpenedWithWaitTill(data) {
       if (data.waitTill) {
         toast.showMessage({
-          title: i18n.baseText("nodeView.thisExecutionHasntFinishedYet"),
+          title: i18n2.baseText("nodeView.thisExecutionHasntFinishedYet"),
           message: h(_sfc_main$2),
           type: "warning",
           duration: 0
@@ -16706,17 +18286,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               window.top.postMessage(
                 JSON.stringify({
                   command: "error",
-                  message: i18n.baseText("openWorkflow.workflowImportError")
+                  message: i18n2.baseText("openWorkflow.workflowImportError")
                 }),
                 "*"
               );
             }
-            toast.showError(e, i18n.baseText("openWorkflow.workflowImportError"));
+            toast.showError(e, i18n2.baseText("openWorkflow.workflowImportError"));
           }
         } else if (json2 && json2.command === "openExecution") {
           try {
             isProductionExecutionPreview.value = json2.executionMode !== "manual" && json2.executionMode !== "evaluation";
-            await onOpenExecution(json2.executionId);
+            await onOpenExecution(json2.executionId, json2.nodeId);
             canOpenNDV.value = json2.canOpenNDV ?? true;
             hideNodeIssues.value = json2.hideNodeIssues ?? false;
             isExecutionPreview.value = true;
@@ -16725,13 +18305,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               window.top.postMessage(
                 JSON.stringify({
                   command: "error",
-                  message: i18n.baseText("nodeView.showError.openExecution.title")
+                  message: i18n2.baseText("nodeView.showError.openExecution.title")
                 }),
                 "*"
               );
             }
             toast.showMessage({
-              title: i18n.baseText("nodeView.showError.openExecution.title"),
+              title: i18n2.baseText("nodeView.showError.openExecution.title"),
               message: e.message,
               type: "error"
             });
@@ -16754,10 +18334,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (isReadOnlyRoute.value || isReadOnlyEnvironment.value) {
         const messageContext = isReadOnlyRoute.value ? "executions" : "workflows";
         readOnlyNotification.value = toast.showMessage({
-          title: i18n.baseText(
+          title: i18n2.baseText(
             isReadOnlyEnvironment.value ? `readOnlyEnv.showMessage.${messageContext}.title` : "readOnly.showMessage.executions.title"
           ),
-          message: i18n.baseText(
+          message: i18n2.baseText(
             isReadOnlyEnvironment.value ? `readOnlyEnv.showMessage.${messageContext}.message` : "readOnly.showMessage.executions.message"
           ),
           type: "info"
@@ -16870,8 +18450,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         setNodeActive(nodeUi.id);
       } else {
         toast.showToast({
-          title: i18n.baseText("nodeView.showMessage.ndvUrl.missingNodes.title"),
-          message: i18n.baseText("nodeView.showMessage.ndvUrl.missingNodes.content"),
+          title: i18n2.baseText("nodeView.showMessage.ndvUrl.missingNodes.title"),
+          message: i18n2.baseText("nodeView.showMessage.ndvUrl.missingNodes.content"),
           type: "warning"
         });
         void router.replace({
@@ -17106,18 +18686,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 isLogsPanelOpen.value ? (openBlock(), createBlock(_sfc_main$1, {
                   key: 0,
                   type: "tertiary",
-                  label: unref(i18n).baseText("chat.hide"),
+                  label: unref(i18n2).baseText("chat.hide"),
                   class: normalizeClass(unref($style).chatButton),
                   onClick: _cache[1] || (_cache[1] = ($event) => unref(logsStore).toggleOpen(false))
                 }, null, 8, ["label", "class"])) : (openBlock(), createBlock(KeyboardShortcutTooltip, {
                   key: 1,
-                  label: unref(i18n).baseText("chat.open"),
+                  label: unref(i18n2).baseText("chat.open"),
                   shortcut: { keys: ["c"] }
                 }, {
                   default: withCtx(() => [
                     createVNode(_sfc_main$1, {
                       type: isRunWorkflowButtonVisible.value ? "secondary" : "primary",
-                      label: unref(i18n).baseText("chat.open"),
+                      label: unref(i18n2).baseText("chat.open"),
                       class: normalizeClass(unref($style).chatButton),
                       onClick: onOpenChat
                     }, null, 8, ["type", "label", "class"])
@@ -17142,7 +18722,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               class: normalizeClass(unref($style).readOnlyEnvironmentNotification)
             }, {
               default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(i18n).baseText("readOnlyEnv.cantEditOrRun")), 1)
+                createTextVNode(toDisplayString(unref(i18n2).baseText("readOnlyEnv.cantEditOrRun")), 1)
               ]),
               _: 1
             }, 8, ["class"])) : createCommentVNode("", true),
@@ -17196,8 +18776,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, 8, ["id", "workflow", "workflow-object", "fallback-nodes", "show-fallback-nodes", "event-bus", "read-only", "executing", "key-bindings", "onUpdate:logs:inputOpen", "onUpdate:logs:outputOpen", "onUpdate:hasRangeSelection"])) : createCommentVNode("", true),
         isFocusPanelFeatureEnabled.value ? (openBlock(), createBlock(FocusPanel, {
           key: 1,
-          executable: !isCanvasReadOnly.value
-        }, null, 8, ["executable"])) : createCommentVNode("", true)
+          "is-canvas-read-only": isCanvasReadOnly.value,
+          onSaveKeyboardShortcut: onSaveWorkflow
+        }, null, 8, ["is-canvas-read-only"])) : createCommentVNode("", true)
       ], 2);
     };
   }
@@ -17223,8 +18804,12 @@ const NodeView$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
   default: NodeView
 }, Symbol.toStringTag, { value: "Module" }));
 export {
+  CommunityNodeFooter as C,
+  InputPanel as I,
   NodeSettings as N,
+  __unplugin_components_2 as _,
   useNodeDocsUrl as a,
-  NodeView$1 as b,
-  useExperimentalNdvStore as u
+  _sfc_main$z as b,
+  NodeView$1 as c,
+  useExecutionData as u
 };