n8n-editor-ui 1.102.1 → 1.103.0

package/dist/assets/{NodeView-uEKgrAcq.js → NodeView-4YXAVrWh.js}

@@ -1,18 +1,18 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreation-CxSDDbsd.js","assets/index-Bc_EAhEX.js","assets/index-COleXxZf.css","assets/NodeCreation-32nlvQSy.css","assets/NodeDetailsView-CZg_bwey.js","assets/TriggerPanel-BtxQKEba.js","assets/RunData-BDJozDMW.js","assets/FileSaver.min-cXi1Jtg0.js","assets/useKeybindings-CWoF0-wG.js","assets/useKeybindings-BUK7Ngh6.css","assets/useExecutionHelpers-D2zXfbFy.js","assets/RunData-DuKNwYqe.css","assets/RunDataParsedAiContent-CqrmaGMC.js","assets/RunDataParsedAiContent-wfIiKsq7.css","assets/InfoAccordion-CUj8VOSA.js","assets/InfoAccordion-dxudNqVC.css","assets/TriggerPanel-DRpKKKun.css","assets/useWorkflowActivate-BtgQtLYi.js","assets/ActionDropdown-DetvHLId.js","assets/ActionDropdown-BmC0wfMx.css","assets/import-curl-C97T8B2Z.js","assets/global-link-actions-ApLuKzR7.js","assets/useExecutionDebugging-B_nePSQI.js","assets/useBeforeUnload-BB6o3uNC.js","assets/NodeDetailsView-CaTI-1QQ.css","assets/NodeDetailsViewV2-DAJDWuEM.js","assets/NodeDetailsViewV2-BxNx4ZUM.css","assets/SetupWorkflowCredentialsButton-De_46BW9.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$R, x as computed, a0 as _sfc_main$S, c as useI18n, c7 as KeyboardShortcutTooltip, n as normalizeClass, q as N8nButton, bo as NodeConnectionTypes, cq as getBezierPath, cr as getSmoothStepPath, cs as Position, bU as inject, ct as CanvasKey, ab 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, bG as useNodeTypesStore, a4 as useWorkflowsStore, ae as useSourceControlStore, am as getResourcePermissions, cw as isNodeWithWorkflowSelector, cx as getSubworkflowId, cy as isPresent, aa as watch, cz as getMousePosition, aS as STICKY_NODE_TYPE, bz as usePinnedData, cA as NOT_DUPLICATABLE_NODE_TYPES, cB as isExecutable, cC as Teleport, c9 as useStyles, bJ 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, bE as provide, aK as h, bh 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$T, N as N8nIcon, $ as N8nTooltip, bB as useNodeHelpers, cU as TitledList, k as createTextVNode, cV as CanvasNodeDirtiness, ar as useTemplateRef, cW as useElementSize, bP as _sfc_main$U, as as InlineRename, cX as toValue, cY as isCommunityPackageName, cZ as NPM_PACKAGE_DOCS_BASE_URL, c_ as BUILTIN_NODES_DOCS_URL, aM as useNDVStore, c$ as COMMUNITY_NODES_INSTALLATION_DOCS_URL, d0 as N8nTabs, bf as useExternalHooks, ay as useTelemetry, c2 as useClipboard, ak as useWorkflowHelpers, a as useToast, d1 as OPEN_URL_PANEL_TRIGGER_NODE_TYPES, d2 as PRODUCTION_ONLY_TRIGGER_NODE_TYPES, d3 as MCP_TRIGGER_NODE_TYPE, d4 as FORM_TRIGGER_NODE_TYPE, bx as CHAT_TRIGGER_NODE_TYPE, O as resolveComponent, H as N8nRadioButtons, bg as onClickOutside, d5 as toRef$1, d6 as tryOnScopeDispose, d7 as toValue$1, d8 as isIOS, d9 as noop$2, da as isObject, db as isClient, S as useDebounce, dc as getNodeInputs, dd as _sfc_main$V, v as useSettingsStore, de as useCredentialsStore, u as useUsersStore, af as useProjectsStore, df as OPEN_AI_API_CREDENTIAL_TYPE, dg as N8nCallout, p as N8nText, dh as useHistoryStore, aO as usePostHog, di as useNodeSettingsParameters, dj as useResizeObserver, aq as ProjectTypes, dk as NDV_UI_OVERHAUL_EXPERIMENT, dl as BASE_NODE_SURVEY_URL, cm as ndvEventBus, bO as withModifiers, a1 as N8nLink, dm as CUSTOM_NODES_DOCS_URL, aU as withDirectives, dn as N8nNotice, aV as vShow, dp as _sfc_main$W, dq as NodeCredentials, bq as get$3, dr as getNodeParameters, ds as deepCopy, dt as nameIsParameter, du as RenameNodeCommand, bF as useCanvasOperations, Q as createEventBus, a2 as defineStore, cd as shallowRef, dv as watchOnce, dw as calculateNodeSize, dx as NodeId, dy as useGetPointerPosition, dz as clamp, dA as N8nSticky, dB as useNodeCreatorStore, az as nodeViewEventBus, dC as NODE_CREATOR_OPEN_SOURCES, dD as useBuilderStore, a_ as withKeys, dE as N8nInput, dF as CanvasNodeHandleKey, dG as Transition$1, dH as _sfc_main$f$1, b as useRouter, bA as useLogsStore, bC as useRunWorkflow, dI as insertSpacersBetweenEndpoints, dJ as createCanvasConnectionHandleString, dK as CONFIGURATION_NODE_OFFSET, dL as isEqual, dM as useDeviceSupport, dN as isOutsideSelected, K as nextTick, dO as _sfc_main$1$4, dP as MarkerType, dQ as Suspense, bX as guardReactiveProps, dR as updateViewportToContainNodes, dS as useNodeDirtiness, dT as CUSTOM_API_CALL_KEY, dU as mapLegacyEndpointsToCanvasConnectionPort, dV as getNodeOutputs, dW as getTriggerNodeServiceName, dX as sanitizeHtml, dY as WAIT_NODE_TYPE, dZ as SEND_AND_WAIT_OPERATION, d_ as FORM_NODE_TYPE, d$ as WAIT_INDEFINITELY, e0 as checkOverlap, e1 as SIMULATE_NODE_TYPE, e2 as SIMULATE_TRIGGER_NODE_TYPE, e3 as mapLegacyConnectionsToCanvasConnections, e4 as getNodeIconSource, e5 as refThrottled, e6 as useFocusPanelStore, e7 as isValueExpression, e8 as __unplugin_components_2$2, e9 as __unplugin_components_3$1, bn as isChatNode, ea as truncateBeforeLast, eb as reactive, a5 as useRoute, ai as useDocumentTitle, aj as useWorkflowSaving, ec as useEnvironmentsStore, ed as useExternalSecretsStore, ac as useRootStore, aN as useExecutionsStore, ad as useCanvasStore, ah as useNpsSurveyStore, R as useTagsStore, a3 as usePushConnectionStore, bd as useTemplatesStore, ag as useFoldersStore, ee as useAgentRequestStore, ef as useWorkflowExtraction, eg as FOCUS_PANEL_EXPERIMENT, a6 as PLACEHOLDER_EMPTY_WORKFLOW_ID, eh as NEW_WORKFLOW_ID, V as VIEWS, bH as START_NODE_TYPE, ei as getNodeViewTab, G as MAIN_HEADER_TABS, ej as VALID_WORKFLOW_IMPORT_URL_REGEX, aA as useMessage, aB as MODAL_CONFIRM, ek as jsonParse, bw as MANUAL_CHAT_TRIGGER_NODE_TYPE, el as EVALUATION_TRIGGER_NODE_TYPE, em as getBounds, en as onBeforeRouteLeave, aT as onBeforeMount, aC as WORKFLOW_SETTINGS_MODAL_KEY, eo as onActivated, ep as onDeactivated, eq as defineAsyncComponent, aI as __vitePreload, ap as EnterpriseEditionFeature, er as EVALUATION_NODE_TYPE, es as getEasyAiWorkflowJson, et as getRagStarterWorkflowJson, eu as tryToParseNumber, b3 as sourceControlEventBus, ev as getNodesWithNormalizedPosition, ew as needsAgentInput, ex as FROM_AI_PARAMETERS_MODAL_KEY, ey as historyBus, ez as DRAG_EVENT_DATA_KEY } from "./index-Bc_EAhEX.js";
-import { N as N8nActionDropdown } from "./ActionDropdown-DetvHLId.js";
-import { N as N8nBlockUi, u as useKeybindings, c as canvasEventBus } from "./useKeybindings-CWoF0-wG.js";
-import { i as importCurlEventBus } from "./import-curl-C97T8B2Z.js";
-import { g as globalLinkActionsEventBus } from "./global-link-actions-ApLuKzR7.js";
-import { u as useExecutionDebugging } from "./useExecutionDebugging-B_nePSQI.js";
-import { u as useBeforeUnload } from "./useBeforeUnload-BB6o3uNC.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreation-vn1s6ViE.js","assets/index-CAU8Zeff.js","assets/index-C6LoGNAx.css","assets/NodeCreation-CxN6JIS_.css","assets/NodeDetailsView-Bfqrvndc.js","assets/TriggerPanel-C-0JCegt.js","assets/RunData-B9jGswDT.js","assets/FileSaver.min-BoHgd5iv.js","assets/useKeybindings-0d48UFTt.js","assets/useKeybindings-BUK7Ngh6.css","assets/useExecutionHelpers-BIfEl-h7.js","assets/RunData-D0dKnadD.css","assets/RunDataParsedAiContent-B6Ss5mvl.js","assets/RunDataParsedAiContent-wfIiKsq7.css","assets/InfoAccordion-KgxR9XUm.js","assets/InfoAccordion-dxudNqVC.css","assets/TriggerPanel-DRpKKKun.css","assets/useWorkflowActivate-C39vU0rW.js","assets/ActionDropdown-oe2q-18e.js","assets/ActionDropdown-BmC0wfMx.css","assets/import-curl-jc1UtwMR.js","assets/global-link-actions-BZz1vmQq.js","assets/useExecutionDebugging-dVW9cpg5.js","assets/useBeforeUnload-aOI6YxZR.js","assets/NodeDetailsView-CaTI-1QQ.css","assets/NodeDetailsViewV2-DvXkio7Z.js","assets/NodeDetailsViewV2-BxNx4ZUM.css","assets/SetupWorkflowCredentialsButton-Do2E5w2d.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$R, x as computed, a0 as _sfc_main$S, c as useI18n, c7 as KeyboardShortcutTooltip, n as normalizeClass, q as N8nButton, $ as N8nTooltip, bo as NodeConnectionTypes, cq as getBezierPath, cr as getSmoothStepPath, cs as Position, bU as inject, ct as CanvasKey, ab 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, bG as useNodeTypesStore, a4 as useWorkflowsStore, ae as useSourceControlStore, am as getResourcePermissions, cw as isNodeWithWorkflowSelector, cx as getSubworkflowId, cy as isPresent, aa as watch, cz as getMousePosition, aQ as STICKY_NODE_TYPE, bz as usePinnedData, cA as NOT_DUPLICATABLE_NODE_TYPES, cB as isExecutable, cC as Teleport, c9 as useStyles, bJ 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, bE as provide, aK as h, bf 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$T, N as N8nIcon, bB as useNodeHelpers, cU as TitledList, k as createTextVNode, cV as CanvasNodeDirtiness, ar as useTemplateRef, cW as useElementSize, bP as _sfc_main$U, as as InlineRename, cX as toValue, cY as isCommunityPackageName, cZ as NPM_PACKAGE_DOCS_BASE_URL, c_ as BUILTIN_NODES_DOCS_URL, aM as useNDVStore, c$ as COMMUNITY_NODES_INSTALLATION_DOCS_URL, d0 as N8nTabs, bd as useExternalHooks, ay as useTelemetry, c2 as useClipboard, ak as useWorkflowHelpers, a as useToast, d1 as OPEN_URL_PANEL_TRIGGER_NODE_TYPES, d2 as PRODUCTION_ONLY_TRIGGER_NODE_TYPES, d3 as MCP_TRIGGER_NODE_TYPE, d4 as FORM_TRIGGER_NODE_TYPE, bx as CHAT_TRIGGER_NODE_TYPE, O as resolveComponent, H as N8nRadioButtons, be as onClickOutside, d5 as toRef$1, d6 as tryOnScopeDispose, d7 as toValue$1, d8 as isIOS, d9 as noop$2, da as isObject, db as isClient, S as useDebounce, dc as getNodeInputs, dd as _sfc_main$V, v as useSettingsStore, de as useCredentialsStore, u as useUsersStore, af as useProjectsStore, df as OPEN_AI_API_CREDENTIAL_TYPE, dg as N8nCallout, p as N8nText, dh as useHistoryStore, di as usePostHog, dj as useNodeSettingsParameters, dk as useResizeObserver, aq as ProjectTypes, dl as NDV_UI_OVERHAUL_EXPERIMENT, dm as BASE_NODE_SURVEY_URL, cm as ndvEventBus, bO as withModifiers, a1 as N8nLink, dn as CUSTOM_NODES_DOCS_URL, aS as withDirectives, dp as N8nNotice, aT as vShow, dq as _sfc_main$W, dr as NodeCredentials, bq as get$3, ds as getNodeParameters, dt as deepCopy, du as nameIsParameter, dv as RenameNodeCommand, bF as useCanvasOperations, Q as createEventBus, dw as useEnvironmentsStore, dx as ExpressionLocalResolveContextSymbol, dy as watchOnce, dz as calculateNodeSize, dA as NodeId, dB as useGetPointerPosition, dC as clamp, dD as N8nSticky, dE as useNodeCreatorStore, bb as useTemplatesStore, V as VIEWS, dF as isExtraTemplateLinksExperimentEnabled, az as nodeViewEventBus, bj as trackTemplatesClick, bk as TemplateClickSource, dG as NODE_CREATOR_OPEN_SOURCES, dH as useBuilderStore, aY as withKeys, dI as N8nInput, dJ as CanvasNodeHandleKey, dK as Transition$1, dL as _sfc_main$f$1, b as useRouter, bA as useLogsStore, bC as useRunWorkflow, dM as insertSpacersBetweenEndpoints, dN as createCanvasConnectionHandleString, dO as CONFIGURATION_NODE_OFFSET, dP as isEqual, dQ as useDeviceSupport, dR as isOutsideSelected, K as nextTick, dS as _sfc_main$1$4, dT as MarkerType, dU as Suspense, bX as guardReactiveProps, dV as updateViewportToContainNodes, dW as useNodeDirtiness, dX as CUSTOM_API_CALL_KEY, dY as mapLegacyEndpointsToCanvasConnectionPort, dZ as getNodeOutputs, d_ as getTriggerNodeServiceName, d$ as sanitizeHtml, e0 as WAIT_NODE_TYPE, e1 as SEND_AND_WAIT_OPERATION, e2 as FORM_NODE_TYPE, e3 as WAIT_INDEFINITELY, e4 as checkOverlap, e5 as SIMULATE_NODE_TYPE, e6 as SIMULATE_TRIGGER_NODE_TYPE, e7 as mapLegacyConnectionsToCanvasConnections, e8 as getNodeIconSource, e9 as refThrottled, ea as useFocusPanelStore, eb as HTML_NODE_TYPE, ec as isValueExpression, ed as isResourceLocatorValue, ee as AI_TRANSFORM_NODE_TYPE, ef as useResolvedExpression, eg as __unplugin_components_2$2, eh as __unplugin_components_3$1, ei as __unplugin_components_4, ej as __unplugin_components_5, ek as __unplugin_components_6, el as __unplugin_components_7, em as __unplugin_components_8, en as __unplugin_components_9, eo as getParameterTypeOption, ep as htmlEditorEventBus, eq as parseFromExpression, er as isValidParameterOption, es as formatAsExpression, et as hasFocusOnInput, eu as isFocusableEl, bn as isChatNode, ev as truncateBeforeLast, ew as reactive, a5 as useRoute, ai as useDocumentTitle, aj as useWorkflowSaving, ex as useExternalSecretsStore, ac as useRootStore, aN as useExecutionsStore, ad as useCanvasStore, ah as useNpsSurveyStore, R as useTagsStore, a3 as usePushConnectionStore, ag as useFoldersStore, ey as useAgentRequestStore, ez as useWorkflowExtraction, eA as FOCUS_PANEL_EXPERIMENT, a6 as PLACEHOLDER_EMPTY_WORKFLOW_ID, eB as NEW_WORKFLOW_ID, bH as START_NODE_TYPE, eC as getNodeViewTab, G as MAIN_HEADER_TABS, eD as VALID_WORKFLOW_IMPORT_URL_REGEX, aA as useMessage, aB as MODAL_CONFIRM, eE as jsonParse, bw as MANUAL_CHAT_TRIGGER_NODE_TYPE, eF as EVALUATION_TRIGGER_NODE_TYPE, eG as getBounds, eH as onBeforeRouteLeave, aR as onBeforeMount, aC as WORKFLOW_SETTINGS_MODAL_KEY, eI as onActivated, eJ as onDeactivated, eK as defineAsyncComponent, aI as __vitePreload, ap as EnterpriseEditionFeature, eL as EVALUATION_NODE_TYPE, eM as getEasyAiWorkflowJson, eN as getRagStarterWorkflowJson, eO as tryToParseNumber, b1 as sourceControlEventBus, eP as getNodesWithNormalizedPosition, eQ as needsAgentInput, eR as FROM_AI_PARAMETERS_MODAL_KEY, eS as historyBus, eT as DRAG_EVENT_DATA_KEY } from "./index-CAU8Zeff.js";
+import { u as useExperimentalNdvStore, N as N8nBlockUi, a as useKeybindings, c as canvasEventBus } from "./useKeybindings-0d48UFTt.js";
+import { N as N8nActionDropdown } from "./ActionDropdown-oe2q-18e.js";
+import { i as importCurlEventBus } from "./import-curl-jc1UtwMR.js";
+import { g as globalLinkActionsEventBus } from "./global-link-actions-BZz1vmQq.js";
+import { u as useExecutionDebugging } from "./useExecutionDebugging-dVW9cpg5.js";
+import { u as useBeforeUnload } from "./useBeforeUnload-aOI6YxZR.js";
 const _sfc_main$Q = {};
-const _hoisted_1$h = {
+const _hoisted_1$g = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 16 16"
 };
 function _sfc_render$1(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$h, _cache[0] || (_cache[0] = [
+  return openBlock(), createElementBlock("svg", _hoisted_1$g, _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"
@@ -86,7 +86,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$g = {
+const _hoisted_1$f = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 25 32"
 };
@@ -95,7 +95,7 @@ const _hoisted_3$7 = [
   _hoisted_2$b
 ];
 function render(_ctx, _cache) {
-  return openBlock(), createElementBlock("svg", _hoisted_1$g, _hoisted_3$7);
+  return openBlock(), createElementBlock("svg", _hoisted_1$f, _hoisted_3$7);
 }
 const Unlock = { render };
 const __default__$4 = {
@@ -229,6 +229,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     const props = __props;
     const emit = __emit;
     const i18n = useI18n();
+    const experimentalNdvStore = useExperimentalNdvStore();
     const isResetZoomVisible = computed(() => props.zoom !== 1);
     function onResetZoom() {
       emit("reset-zoom");
@@ -248,6 +249,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_N8nIconButton = _sfc_main$S;
       const _component_N8nButton = N8nButton;
+      const _component_N8nTooltip = N8nTooltip;
       return openBlock(), createBlock(unref(_sfc_main$P), {
         "show-zoom": false,
         "show-fit-view": false
@@ -335,7 +337,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(i18n).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(i18n).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
       });
@@ -7294,7 +7326,7 @@ const _sfc_main$1$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$f = ["width", "height", "viewBox", "aria-labelledby"];
+const _hoisted_1$e = ["width", "height", "viewBox", "aria-labelledby"];
 const _hoisted_2$a = ["id"];
 const _hoisted_3$6 = ["d", "fill", "stroke", "stroke-width"];
 const __default__$3 = {
@@ -7515,14 +7547,14 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
               "stroke-width": _ctx.maskStrokeWidth,
               "fill-rule": "evenodd"
             }, null, 8, _hoisted_3$6)
-          ], 8, _hoisted_1$f))
+          ], 8, _hoisted_1$e))
         ]),
         _: 1
       }, 8, ["position", "class"]);
     };
   }
 });
-const _hoisted_1$e = ["id", "x", "y", "width", "height", "patternTransform"];
+const _hoisted_1$d = ["id", "x", "y", "width", "height", "patternTransform"];
 const _hoisted_2$9 = ["d", "stroke-width"];
 const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "CanvasBackgroundStripedPattern",
@@ -7550,7 +7582,7 @@ 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$e);
+      ], 8, _hoisted_1$d);
     };
   }
 });
@@ -7578,7 +7610,7 @@ const DefaultBgColors = {
   [BackgroundVariant.Dots]: "#81818a",
   [BackgroundVariant.Lines]: "#eee"
 };
-const _hoisted_1$d = ["id", "x", "y", "width", "height", "patternTransform"];
+const _hoisted_1$c = ["id", "x", "y", "width", "height", "patternTransform"];
 const _hoisted_2$8 = {
   key: 2,
   height: "100",
@@ -7661,7 +7693,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
                 }, null, 8, _hoisted_3$5)
               ])) : createCommentVNode("", true)
             ])
-          ], 8, _hoisted_1$d)
+          ], 8, _hoisted_1$c)
         ]),
         createBaseVNode("rect", {
           x: _ctx.x,
@@ -7705,7 +7737,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$c = ["id"];
+const _hoisted_1$b = ["id"];
 const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "CanvasArrowHeadMarker",
   props: {
@@ -7733,7 +7765,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
               stroke: "context-stroke",
               fill: "context-stroke"
             }, null, -1)
-          ]), 8, _hoisted_1$c)
+          ]), 8, _hoisted_1$b)
         ])
       ]);
     };
@@ -7799,7 +7831,7 @@ const cssModules$w = {
   "$style": style0$w
 };
 const CanvasEdgeToolbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$G, [["__cssModules", cssModules$w]]);
-const _hoisted_1$b = ["data-source-node-name", "data-target-node-name"];
+const _hoisted_1$a = ["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({
@@ -7948,7 +7980,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
               "interaction-width": 40
             }, null, 8, ["id", "class", "style", "path", "marker-end"]);
           }), 128))
-        ], 8, _hoisted_1$b),
+        ], 8, _hoisted_1$a),
         createVNode(unref(_sfc_main$3$1), null, {
           default: withCtx(() => [
             createBaseVNode("div", {
@@ -8066,7 +8098,7 @@ function useCanvasNode() {
     eventBus
   };
 }
-const _hoisted_1$a = ["title"];
+const _hoisted_1$9 = ["title"];
 const _hoisted_2$6 = ["onClick"];
 const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeStickyColorSelector",
@@ -8132,7 +8164,7 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
             title: unref(i18n).baseText("node.changeColor")
           }, [
             createVNode(_component_N8nIcon, { icon: "palette" })
-          ], 10, _hoisted_1$a)
+          ], 10, _hoisted_1$9)
         ]),
         default: withCtx(() => [
           createBaseVNode("div", {
@@ -8195,7 +8227,8 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
     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");
@@ -8214,6 +8247,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,6 +8276,11 @@ 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_N8nTooltip = N8nTooltip;
@@ -8293,8 +8334,16 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
             title: unref(i18n).baseText("node.delete"),
             onClick: onDeleteNode
           }, null, 8, ["title"])) : createCommentVNode("", true),
-          isStickyNoteChangeColorVisible.value ? (openBlock(), createBlock(_component_CanvasNodeStickyColorSelector, {
+          isFocusNodeVisible.value ? (openBlock(), createBlock(_component_N8nIconButton, {
             key: 2,
+            type: "tertiary",
+            size: "small",
+            text: "",
+            icon: "crosshair",
+            onClick: onFocusNode
+          })) : createCommentVNode("", true),
+          isStickyNoteChangeColorVisible.value ? (openBlock(), createBlock(_component_CanvasNodeStickyColorSelector, {
+            key: 3,
             visible: isStickyColorSelectorOpen.value,
             "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => isStickyColorSelectorOpen.value = $event),
             onUpdate: onChangeStickyColor
@@ -8324,7 +8373,7 @@ const cssModules$t = {
   "$style": style0$t
 };
 const CanvasNodeToolbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$D, [["__cssModules", cssModules$t]]);
-const _hoisted_1$9 = { key: 1 };
+const _hoisted_1$8 = { key: 1 };
 const _hoisted_2$5 = ["textContent"];
 const _hoisted_3$4 = { key: 2 };
 const _hoisted_4$3 = { key: 5 };
@@ -8377,7 +8426,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
           ]),
           _: 1
         })
-      ], 2)) : unref(executionWaiting) || unref(executionStatus) === "waiting" ? (openBlock(), createElementBlock("div", _hoisted_1$9, [
+      ], 2)) : unref(executionWaiting) || unref(executionStatus) === "waiting" ? (openBlock(), createElementBlock("div", _hoisted_1$8, [
         createBaseVNode("div", {
           class: normalizeClass([_ctx.$style.status, _ctx.$style.waiting])
         }, [
@@ -8804,7 +8853,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _hoisted_1$8 = {
+const _hoisted_1$7 = {
   key: 0,
   class: "webhooks"
 };
@@ -8979,7 +9028,7 @@ const _sfc_main$x = /* @__PURE__ */ defineComponent({
       const _component_el_row = resolveComponent("el-row");
       const _component_n8n_tooltip = N8nTooltip;
       const _component_el_collapse_transition = resolveComponent("el-collapse-transition");
-      return webhooksNode.value.length && visibleWebhookUrls.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$8, [
+      return webhooksNode.value.length && visibleWebhookUrls.value.length > 0 ? (openBlock(), createElementBlock("div", _hoisted_1$7, [
         createBaseVNode("div", {
           class: normalizeClass(["clickable headline", { expanded: !isMinimized.value }]),
           title: isMinimized.value ? baseText.value.clickToDisplay : baseText.value.clickToHide,
@@ -9229,7 +9278,7 @@ function onScrollLock() {
   };
 }
 onScrollLock();
-const _hoisted_1$7 = ["data-test-id"];
+const _hoisted_1$6 = ["data-test-id"];
 const _hoisted_2$3 = ["textContent"];
 const _hoisted_3$2 = ["onClick"];
 const _hoisted_4$1 = ["onClick"];
@@ -9523,7 +9572,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
                   _: 2
                 }, 1032, ["onTrigger"])
               ], 2)
-            ], 8, _hoisted_1$7);
+            ], 8, _hoisted_1$6);
           }), 128))
         ], 6)
       ], 2)) : createCommentVNode("", true);
@@ -9616,7 +9665,7 @@ const cssModules$n = {
   "$style": style0$n
 };
 const NodeSettingsHeader = /* @__PURE__ */ _export_sfc$1(_sfc_main$v, [["__cssModules", cssModules$n]]);
-const _hoisted_1$6 = { class: "mt-xs" };
+const _hoisted_1$5 = { class: "mt-xs" };
 const LANGCHAIN_NODES_PREFIX = "@n8n/n8n-nodes-langchain.";
 const N8N_NODES_PREFIX = "@n8n/n8n-nodes.";
 const _sfc_main$u = /* @__PURE__ */ defineComponent({
@@ -9675,7 +9724,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
       const _component_n8n_button = N8nButton;
       const _component_n8n_callout = N8nCallout;
       const _component_n8n_text = N8nText;
-      return openBlock(), createElementBlock("div", _hoisted_1$6, [
+      return openBlock(), createElementBlock("div", _hoisted_1$5, [
         userCanClaimOpenAiCredits.value && !showSuccessCallout.value ? (openBlock(), createBlock(_component_n8n_callout, {
           key: 0,
           theme: "secondary",
@@ -9730,7 +9779,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
 function shouldShowParameter(item) {
   return item.name.match(/resource|authentication|operation/i) === null;
 }
-const _hoisted_1$5 = { class: "header-side-menu" };
+const _hoisted_1$4 = { class: "header-side-menu" };
 const _hoisted_2$2 = {
   key: 2,
   class: "node-is-not-valid"
@@ -10017,7 +10066,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
               type: "boolean",
               default: false,
               noDataExpression: true,
-              description: i18n.baseText("nodeSettings.alwaysOutputData.description")
+              description: i18n.baseText("nodeSettings.alwaysOutputData.description"),
+              isNodeSetting: true
             },
             {
               displayName: i18n.baseText("nodeSettings.executeOnce.displayName"),
@@ -10025,7 +10075,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
               type: "boolean",
               default: false,
               noDataExpression: true,
-              description: i18n.baseText("nodeSettings.executeOnce.description")
+              description: i18n.baseText("nodeSettings.executeOnce.description"),
+              isNodeSetting: true
             },
             {
               displayName: i18n.baseText("nodeSettings.retryOnFail.displayName"),
@@ -10033,7 +10084,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
               type: "boolean",
               default: false,
               noDataExpression: true,
-              description: i18n.baseText("nodeSettings.retryOnFail.description")
+              description: i18n.baseText("nodeSettings.retryOnFail.description"),
+              isNodeSetting: true
             },
             {
               displayName: i18n.baseText("nodeSettings.maxTries.displayName"),
@@ -10050,7 +10102,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                 }
               },
               noDataExpression: true,
-              description: i18n.baseText("nodeSettings.maxTries.description")
+              description: i18n.baseText("nodeSettings.maxTries.description"),
+              isNodeSetting: true
             },
             {
               displayName: i18n.baseText("nodeSettings.waitBetweenTries.displayName"),
@@ -10067,7 +10120,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
                 }
               },
               noDataExpression: true,
-              description: i18n.baseText("nodeSettings.waitBetweenTries.description")
+              description: i18n.baseText("nodeSettings.waitBetweenTries.description"),
+              isNodeSetting: true
             },
             {
               displayName: i18n.baseText("nodeSettings.onError.displayName"),
@@ -10096,7 +10150,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
               ],
               default: "stopWorkflow",
               description: i18n.baseText("nodeSettings.onError.description"),
-              noDataExpression: true
+              noDataExpression: true,
+              isNodeSetting: true
             }
           ]
         );
@@ -10112,7 +10167,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             },
             default: "",
             noDataExpression: true,
-            description: i18n.baseText("nodeSettings.notes.description")
+            description: i18n.baseText("nodeSettings.notes.description"),
+            isNodeSetting: true
           },
           {
             displayName: i18n.baseText("nodeSettings.notesInFlow.displayName"),
@@ -10120,7 +10176,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             type: "boolean",
             default: false,
             noDataExpression: true,
-            description: i18n.baseText("nodeSettings.notesInFlow.description")
+            description: i18n.baseText("nodeSettings.notesInFlow.description"),
+            isNodeSetting: true
           }
         ]
       );
@@ -10336,7 +10393,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
           key: 0,
           class: normalizeClass(_ctx.$style.header)
         }, [
-          createBaseVNode("div", _hoisted_1$5, [
+          createBaseVNode("div", _hoisted_1$4, [
             node2.value ? (openBlock(), createBlock(_component_NodeTitle, {
               key: 0,
               class: "node-name",
@@ -10586,12 +10643,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-529b0cab"]]);
 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,7 +10668,7 @@ 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,
@@ -10622,55 +10680,16 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "actions")
         ]),
         _: 3
-      }, 8, ["event-bus", "active-node", "no-wheel"]);
+      }, 8, ["event-bus", "active-node", "read-only", "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;
-  }
-  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 experimentalNdvStore = useExperimentalNdvStore();
@@ -10684,7 +10703,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,6 +10727,47 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
       )
     );
     const isOnceVisible = ref(isVisible.value);
+    provide(
+      ExpressionLocalResolveContextSymbol,
+      computed(() => {
+        if (!node2.value) {
+          return void 0;
+        }
+        const workflow = workflowsStore.getCurrentWorkflow();
+        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.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,
+          execution,
+          nodeName,
+          additionalKeys: {},
+          inputNode: findInputNode()
+        };
+      })
+    );
     watchOnce(isVisible, (visible2) => {
       isOnceVisible.value = isOnceVisible.value || visible2;
     });
@@ -10718,15 +10778,18 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
       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,
             "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), {
@@ -10740,7 +10803,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),
@@ -10763,11 +10826,11 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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_1o2au_123";
+const expanded = "_expanded_1o2au_132";
+const collapsed = "_collapsed_1o2au_136";
+const collapsedContent = "_collapsedContent_1o2au_147";
+const settingsView = "_settingsView_1o2au_148";
 const style0$l = {
   component: component$2,
   expanded,
@@ -10779,7 +10842,7 @@ const cssModules$l = {
   "$style": style0$l
 };
 const ExperimentalInPlaceNodeSettings = /* @__PURE__ */ _export_sfc$1(_sfc_main$r, [["__cssModules", cssModules$l]]);
-const _hoisted_1$4 = ["data-test-id"];
+const _hoisted_1$3 = ["data-test-id"];
 const _sfc_main$q = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeDefault",
   emits: ["open:contextmenu", "activate"],
@@ -10796,6 +10859,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       outputs,
       connections: connections2,
       isDisabled,
+      isReadOnly,
       isSelected,
       hasPinnedData,
       executionStatus,
@@ -10888,8 +10952,10 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
         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),
@@ -10929,7 +10995,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
           key: 2,
           class: normalizeClass(unref($style).statusIcons)
         }, null, 8, ["class"])) : createCommentVNode("", true)
-      ], 46, _hoisted_1$4));
+      ], 46, _hoisted_1$3));
     };
   }
 });
@@ -12461,13 +12527,28 @@ const cssModules$j = {
   "$style": style0$j
 };
 const CanvasNodeStickyNote = /* @__PURE__ */ _export_sfc$1(_sfc_main$o, [["__cssModules", cssModules$j]]);
-const _hoisted_1$3 = ["textContent"];
 const _sfc_main$n = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeAddNodes",
   setup(__props) {
     const nodeCreatorStore = useNodeCreatorStore();
     const i18n = useI18n();
+    const settingsStore = useSettingsStore();
+    const templatesStore = useTemplatesStore();
     const isTooltipVisible = ref(false);
+    const templateRepository = computed(() => {
+      if (templatesStore.hasCustomTemplatesHost) {
+        return {
+          to: { name: VIEWS.TEMPLATES }
+        };
+      }
+      return {
+        to: templatesStore.websiteTemplateRepositoryURL,
+        target: "_blank"
+      };
+    });
+    const templatesLinkEnabled = computed(() => {
+      return isExtraTemplateLinksExperimentEnabled() && settingsStore.isTemplatesEnabled;
+    });
     onMounted(() => {
       nodeViewEventBus.on("runWorkflowButton:mouseenter", onShowTooltip);
       nodeViewEventBus.on("runWorkflowButton:mouseleave", onHideTooltip);
@@ -12490,6 +12571,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_N8nIcon = N8nIcon;
       const _component_N8nTooltip = N8nTooltip;
+      const _component_N8nLink = N8nLink;
       return openBlock(), createElementBlock("div", {
         ref: "container",
         class: normalizeClass(_ctx.$style.addNodes),
@@ -12521,16 +12603,31 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
           _: 1
         }, 8, ["visible", "disabled", "popper-class"]),
         createBaseVNode("p", {
-          class: normalizeClass(_ctx.$style.label),
-          textContent: toDisplayString(unref(i18n).baseText("nodeView.canvasAddButton.addFirstStep"))
-        }, null, 10, _hoisted_1$3)
+          class: normalizeClass(_ctx.$style.label)
+        }, [
+          createTextVNode(toDisplayString(unref(i18n).baseText("nodeView.canvasAddButton.addFirstStep")) + " ", 1),
+          templatesLinkEnabled.value ? (openBlock(), createBlock(_component_N8nLink, {
+            key: 0,
+            to: templateRepository.value.to,
+            target: templateRepository.value.target,
+            underline: true,
+            size: "small",
+            "data-test-id": "canvas-template-link",
+            onClick: _cache[0] || (_cache[0] = ($event) => unref(trackTemplatesClick)(unref(TemplateClickSource).emptyWorkflowLink))
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(i18n).baseText("nodeView.templateLink")), 1)
+            ]),
+            _: 1
+          }, 8, ["to", "target"])) : createCommentVNode("", true)
+        ], 2)
       ], 2);
     };
   }
 });
-const addNodes = "_addNodes_kytyq_123";
-const button$1 = "_button_kytyq_131";
-const label$4 = "_label_kytyq_145";
+const addNodes = "_addNodes_164y0_123";
+const button$1 = "_button_164y0_131";
+const label$4 = "_label_164y0_145";
 const style0$i = {
   addNodes,
   button: button$1,
@@ -13422,7 +13519,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);
@@ -13440,6 +13538,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,
@@ -13488,7 +13589,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,
@@ -15072,39 +15173,106 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   ...{ name: "FocusPanel" },
   __name: "FocusPanel",
   props: {
-    executable: { type: Boolean }
+    isCanvasReadOnly: { type: Boolean }
   },
-  setup(__props) {
+  emits: ["focus"],
+  setup(__props, { emit: __emit }) {
     const props = __props;
+    const emit = __emit;
+    const inputField = ref();
     const locale = useI18n();
     const nodeHelpers = useNodeHelpers();
     const focusPanelStore = useFocusPanelStore();
     const nodeTypesStore = useNodeTypesStore();
     const nodeSettingsParameters = useNodeSettingsParameters();
+    const environmentsStore = useEnvironmentsStore();
+    const { debounce } = useDebounce();
     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 isDisabled = computed(() => {
+      if (!resolvedParameter.value) return false;
+      return !!resolvedParameter.value.parameter.disabledOptions && nodeSettingsParameters.shouldDisplayNodeParameter(
+        resolvedParameter.value.node.parameters,
+        resolvedParameter.value.node,
+        resolvedParameter.value.parameter,
+        "",
+        "disabledOptions"
+      );
+    });
+    const isDisplayed = computed(() => {
+      if (!resolvedParameter.value) return true;
+      return nodeSettingsParameters.shouldDisplayNodeParameter(
+        resolvedParameter.value.node.parameters,
+        resolvedParameter.value.node,
+        resolvedParameter.value.parameter,
+        "",
+        "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
       );
     });
+    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 { resolvedExpression } = useResolvedExpression({
+      expression,
+      additionalData: resolvedAdditionalExpressionData,
+      stringifyObject: resolvedParameter.value && resolvedParameter.value.parameter.type !== "multiOptions"
+    });
     function valueChanged(value) {
       if (resolvedParameter.value === void 0) {
         return;
@@ -15116,15 +15284,68 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
         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":
+          return typeof resolvedParameter.value.parameter.default === "string" && valueChanged(resolvedParameter.value.parameter.default);
+        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");
+          return;
+      }
+    }
+    const valueChangedDebounced = debounce(valueChanged, { debounceTime: 0 });
     return (_ctx, _cache) => {
       const _component_n8n_icon = N8nIcon;
       const _component_NodeExecuteButton = _sfc_main$V;
       const _component_ParameterOptions = __unplugin_components_2$2;
       const _component_ExpressionEditorModalInput = __unplugin_components_3$1;
+      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;
       return focusPanelActive.value ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: normalizeClass(_ctx.$style.container),
-        onKeydown: _cache[3] || (_cache[3] = withModifiers(() => {
+        onKeydown: _cache[2] || (_cache[2] = withModifiers(() => {
         }, ["stop"]))
       }, [
         createBaseVNode("div", {
@@ -15197,38 +15418,109 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             createBaseVNode("div", {
               class: normalizeClass(_ctx.$style.parameterOptionsWrapper)
             }, [
-              _cache[4] || (_cache[4] = createBaseVNode("div", null, null, -1)),
-              createVNode(_component_ParameterOptions, {
+              _cache[3] || (_cache[3] = createBaseVNode("div", null, null, -1)),
+              isDisplayed.value ? (openBlock(), createBlock(_component_ParameterOptions, {
+                key: 0,
                 parameter: resolvedParameter.value.parameter,
                 value: resolvedParameter.value.value,
-                "is-read-only": false,
+                "is-read-only": isReadOnly.value,
                 "onUpdate:modelValue": optionSelected
-              }, null, 8, ["parameter", "value"])
+              }, 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)
             }, [
-              expressionModeEnabled.value ? (openBlock(), createBlock(_component_ExpressionEditorModalInput, {
+              !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": false,
+                "is-read-only": isReadOnly.value,
                 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), {
-                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"]))
+                "target-node-parameter-context": targetNodeParameterContext.value,
+                onChange: _cache[1] || (_cache[1] = ($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,
+                  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", "mode", "model-value", "default-value", "language", "is-read-only", "target-node-parameter-context", "onUpdate:modelValue"])) : editorType.value === "htmlEditor" ? (openBlock(), createBlock(_component_HtmlEditor, {
+                  key: 1,
+                  "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,
+                  "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,
+                  "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,
+                  "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,
+                  "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", {
@@ -15250,19 +15542,19 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 container = "_container_1gj6t_123";
+const closeButton = "_closeButton_1gj6t_132";
+const header = "_header_1gj6t_136";
+const content = "_content_1gj6t_144";
+const emptyContent = "_emptyContent_1gj6t_150";
+const emptyText = "_emptyText_1gj6t_155";
+const tabHeader = "_tabHeader_1gj6t_158";
+const tabHeaderText = "_tabHeaderText_1gj6t_165";
+const buttonWrapper = "_buttonWrapper_1gj6t_170";
+const parameterDetailsWrapper = "_parameterDetailsWrapper_1gj6t_175";
+const parameterOptionsWrapper = "_parameterOptionsWrapper_1gj6t_182";
+const editorContainer = "_editorContainer_1gj6t_186";
+const editor = "_editor_1gj6t_186";
 const style0$2 = {
   container,
   closeButton,
@@ -15620,16 +15912,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "NodeView",
   setup(__props) {
     const LazyNodeCreation = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeCreation-CxSDDbsd.js").then((n) => n.N), true ? __vite__mapDeps([0,1,2,3]) : void 0)
+      async () => await __vitePreload(() => import("./NodeCreation-vn1s6ViE.js").then((n) => n.N), true ? __vite__mapDeps([0,1,2,3]) : void 0)
     );
     const LazyNodeDetailsView = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeDetailsView-CZg_bwey.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-Bfqrvndc.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)
     );
     const LazyNodeDetailsViewV2 = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeDetailsViewV2-DAJDWuEM.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-DvXkio7Z.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)
     );
     const LazySetupWorkflowCredentialsButton = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./SetupWorkflowCredentialsButton-De_46BW9.js"), true ? __vite__mapDeps([27,1,2]) : void 0)
+      async () => await __vitePreload(() => import("./SetupWorkflowCredentialsButton-Do2E5w2d.js"), true ? __vite__mapDeps([27,1,2]) : void 0)
     );
     const $style = useCssModule();
     const router = useRouter();
@@ -16421,6 +16713,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function onToggleNodeCreator(options) {
       nodeCreatorStore.setNodeCreatorState(options);
+      if (options.createNodeActive) {
+        focusPanelStore.closeFocusPanel();
+      }
       if (!options.createNodeActive && !options.hasAddedNodes) {
         uiStore.resetLastInteractedWith();
       }
@@ -16496,11 +16791,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;
       }
@@ -16685,7 +16980,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         } 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;
@@ -17165,8 +17460,8 @@ 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
+        }, null, 8, ["is-canvas-read-only"])) : createCommentVNode("", true)
       ], 2);
     };
   }
@@ -17193,7 +17488,6 @@ const NodeView$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   NodeSettings as N,
-  useNodeDocsUrl as a,
-  NodeView$1 as b,
-  useExperimentalNdvStore as u
+  NodeView$1 as a,
+  useNodeDocsUrl as u
 };