n8n-editor-ui 1.102.0 → 1.103.0

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

@@ -1,18 +1,18 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreation-DKbc91uY.js","assets/index-V0GOmfo8.js","assets/index-C66_v3sX.css","assets/NodeCreation-32nlvQSy.css","assets/NodeDetailsView-CPVE5S8P.js","assets/TriggerPanel-BOC7PYsi.js","assets/RunData-D3xzjO33.js","assets/FileSaver.min-CeGSkamF.js","assets/useKeybindings-CduQ2pi5.js","assets/useKeybindings-BUK7Ngh6.css","assets/useExecutionHelpers-DvBwGIzz.js","assets/RunData-DuKNwYqe.css","assets/RunDataParsedAiContent-BYISiW-I.js","assets/RunDataParsedAiContent-wfIiKsq7.css","assets/InfoAccordion-75IQV-_q.js","assets/InfoAccordion-dxudNqVC.css","assets/TriggerPanel-DRpKKKun.css","assets/useWorkflowActivate-z9iwP6OY.js","assets/ActionDropdown-D-JmCYsp.js","assets/ActionDropdown-BmC0wfMx.css","assets/import-curl-1LWAxRTV.js","assets/global-link-actions-BzAw9ZbO.js","assets/useExecutionDebugging-AwlOA2KI.js","assets/useBeforeUnload-B0EP7Q2i.js","assets/NodeDetailsView-CaTI-1QQ.css","assets/NodeDetailsViewV2-5pxsZwAo.js","assets/NodeDetailsViewV2-BxNx4ZUM.css","assets/SetupWorkflowCredentialsButton-Bj4rSqAV.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, bq as get$3, dh as set$3, di as unset, dj as SWITCH_NODE_TYPE, dk as isEqual, dl as captureException, dm as isINodePropertyCollectionList, dn as isINodePropertiesList, dp as isINodePropertyOptionsList, dq as displayParameter, bF as useCanvasOperations, dr as getNodeParameters, ds as deepCopy, dt as getUpdatedToolDescription, du as isDefaultNodeName, dv as makeNodeName, dw as useHistoryStore, aO as usePostHog, dx as useResizeObserver, aq as ProjectTypes, dy as NDV_UI_OVERHAUL_EXPERIMENT, dz as BASE_NODE_SURVEY_URL, cm as ndvEventBus, bO as withModifiers, a1 as N8nLink, dA as CUSTOM_NODES_DOCS_URL, aU as withDirectives, dB as N8nNotice, aV as vShow, dC as _sfc_main$W, dD as NodeCredentials, dE as RenameNodeCommand, Q as createEventBus, a2 as defineStore, cd as shallowRef, dF as watchOnce, dG as calculateNodeSize, dH as NodeId, dI as useGetPointerPosition, dJ as clamp, dK as N8nSticky, dL as useNodeCreatorStore, az as nodeViewEventBus, dM as NODE_CREATOR_OPEN_SOURCES, dN as useBuilderStore, a_ as withKeys, dO as N8nInput, dP as CanvasNodeHandleKey, dQ as Transition$1, dR as _sfc_main$f$1, b as useRouter, bA as useLogsStore, bC as useRunWorkflow, dS as insertSpacersBetweenEndpoints, dT as createCanvasConnectionHandleString, dU as CONFIGURATION_NODE_OFFSET, dV as useDeviceSupport, dW as isOutsideSelected, K as nextTick, dX as _sfc_main$1$4, dY as MarkerType, dZ as Suspense, bX as guardReactiveProps, d_ as updateViewportToContainNodes, d$ as useNodeDirtiness, e0 as CUSTOM_API_CALL_KEY, e1 as mapLegacyEndpointsToCanvasConnectionPort, e2 as getNodeOutputs, e3 as getTriggerNodeServiceName, e4 as sanitizeHtml, e5 as WAIT_NODE_TYPE, e6 as SEND_AND_WAIT_OPERATION, e7 as FORM_NODE_TYPE, e8 as WAIT_INDEFINITELY, e9 as checkOverlap, ea as SIMULATE_NODE_TYPE, eb as SIMULATE_TRIGGER_NODE_TYPE, ec as mapLegacyConnectionsToCanvasConnections, ed as getNodeIconSource, ee as refThrottled, ef as useFocusPanelStore, eg as isValueExpression, eh as __unplugin_components_2$2, ei as __unplugin_components_3$1, bn as isChatNode, ej as truncateBeforeLast, ek as reactive, a5 as useRoute, ai as useDocumentTitle, aj as useWorkflowSaving, el as useEnvironmentsStore, em 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, en as useAgentRequestStore, eo as useWorkflowExtraction, ep as FOCUS_PANEL_EXPERIMENT, a6 as PLACEHOLDER_EMPTY_WORKFLOW_ID, eq as NEW_WORKFLOW_ID, V as VIEWS, bH as START_NODE_TYPE, er as getNodeViewTab, G as MAIN_HEADER_TABS, es as VALID_WORKFLOW_IMPORT_URL_REGEX, aA as useMessage, aB as MODAL_CONFIRM, et as jsonParse, bw as MANUAL_CHAT_TRIGGER_NODE_TYPE, eu as EVALUATION_TRIGGER_NODE_TYPE, ev as getBounds, ew as onBeforeRouteLeave, aT as onBeforeMount, aC as WORKFLOW_SETTINGS_MODAL_KEY, ex as onActivated, ey as onDeactivated, ez as defineAsyncComponent, aI as __vitePreload, ap as EnterpriseEditionFeature, eA as EVALUATION_NODE_TYPE, eB as getEasyAiWorkflowJson, eC as getRagStarterWorkflowJson, eD as tryToParseNumber, b3 as sourceControlEventBus, eE as getNodesWithNormalizedPosition, eF as needsAgentInput, eG as FROM_AI_PARAMETERS_MODAL_KEY, eH as historyBus, eI as DRAG_EVENT_DATA_KEY } from "./index-V0GOmfo8.js";
-import { N as N8nActionDropdown } from "./ActionDropdown-D-JmCYsp.js";
-import { N as N8nBlockUi, u as useKeybindings, c as canvasEventBus } from "./useKeybindings-CduQ2pi5.js";
-import { i as importCurlEventBus } from "./import-curl-1LWAxRTV.js";
-import { g as globalLinkActionsEventBus } from "./global-link-actions-BzAw9ZbO.js";
-import { u as useExecutionDebugging } from "./useExecutionDebugging-AwlOA2KI.js";
-import { u as useBeforeUnload } from "./useBeforeUnload-B0EP7Q2i.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,297 +9779,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
 function shouldShowParameter(item) {
   return item.name.match(/resource|authentication|operation/i) === null;
 }
-function updateDynamicConnections(node2, workflowConnections, parameterData) {
-  const connections2 = { ...workflowConnections };
-  try {
-    if (parameterData.name.includes("conditions") || !connections2[node2.name]?.main) return null;
-    if (node2.type === SWITCH_NODE_TYPE && parameterData.name === "parameters.numberOutputs") {
-      const curentNumberOutputs = node2.parameters?.numberOutputs;
-      const newNumberOutputs = parameterData.value;
-      if (newNumberOutputs < curentNumberOutputs) {
-        connections2[node2.name].main = connections2[node2.name].main.slice(0, newNumberOutputs);
-        return connections2;
-      }
-    }
-    if (node2.type === SWITCH_NODE_TYPE && parameterData.name === "parameters.options.fallbackOutput") {
-      const curentFallbackOutput = node2.parameters?.options?.fallbackOutput;
-      if (curentFallbackOutput === "extra") {
-        if (!parameterData.value || parameterData.value !== "extra") {
-          connections2[node2.name].main = connections2[node2.name].main.slice(0, -1);
-          return connections2;
-        }
-      }
-    }
-    if (node2.type === SWITCH_NODE_TYPE && parameterData.name.includes("parameters.rules.values")) {
-      const { fallbackOutput } = node2.parameters?.options;
-      if (parameterData.value === void 0) {
-        let extractIndex = function(path) {
-          const match = path.match(/parameters\.rules\.values\[(\d+)\]$/);
-          return match ? parseInt(match[1], 10) : null;
-        };
-        const index = extractIndex(parameterData.name);
-        if (index !== null) {
-          connections2[node2.name].main.splice(index, 1);
-          return connections2;
-        }
-        if (parameterData.name === "parameters.rules.values") {
-          if (fallbackOutput === "extra") {
-            connections2[node2.name].main = [
-              connections2[node2.name].main[connections2[node2.name].main.length - 1]
-            ];
-          } else {
-            connections2[node2.name].main = [];
-          }
-          return connections2;
-        }
-      } else if (parameterData.name === "parameters.rules.values") {
-        const curentRulesvalues = node2.parameters?.rules?.values;
-        let lastConnection = void 0;
-        if (fallbackOutput === "extra" && connections2[node2.name].main.length === curentRulesvalues.length + 1) {
-          lastConnection = connections2[node2.name].main.pop();
-        }
-        const currentRulesLength = node2.parameters?.rules?.values?.length;
-        const newRulesLength = parameterData.value?.length;
-        if (newRulesLength - currentRulesLength === 1) {
-          connections2[node2.name].main = [...connections2[node2.name].main, []];
-          if (lastConnection) {
-            connections2[node2.name].main.push(lastConnection);
-          }
-          return connections2;
-        } else {
-          const newRulesvalues = parameterData.value;
-          const updatedConnectionsIndex = [];
-          for (const newRule of newRulesvalues) {
-            const index = curentRulesvalues.findIndex((rule) => isEqual(rule, newRule));
-            if (index !== -1) {
-              updatedConnectionsIndex.push(index);
-            }
-          }
-          const reorderedConnections = [];
-          for (const index of updatedConnectionsIndex) {
-            reorderedConnections.push(connections2[node2.name].main[index] ?? []);
-          }
-          if (lastConnection) {
-            reorderedConnections.push(lastConnection);
-          }
-          connections2[node2.name].main = reorderedConnections;
-          return connections2;
-        }
-      }
-    }
-  } catch (error2) {
-    captureException(error2);
-  }
-  return null;
-}
-function removeMismatchedOptionValues(nodeType, nodeTypeVersion, nodeParameterValues, updatedParameter) {
-  nodeType.properties.forEach((prop) => {
-    const displayOptions = prop.displayOptions;
-    if (!nodeParameterValues?.hasOwnProperty(prop.name) || !displayOptions || !prop.options) {
-      return;
-    }
-    const showCondition = displayOptions.show?.[updatedParameter.name];
-    const hideCondition = displayOptions.hide?.[updatedParameter.name];
-    if (showCondition === void 0 && hideCondition === void 0) {
-      return;
-    }
-    let hasValidOptions = true;
-    if (isINodePropertyCollectionList(prop.options) || isINodePropertiesList(prop.options)) {
-      hasValidOptions = Object.keys(nodeParameterValues).every(
-        (key) => (prop.options ?? []).find((option2) => option2.name === key) !== void 0
-      );
-    } else if (isINodePropertyOptionsList(prop.options)) {
-      hasValidOptions = !!prop.options.find(
-        (option2) => option2.value === nodeParameterValues[prop.name]
-      );
-    }
-    if (!hasValidOptions && displayParameter(nodeParameterValues, prop, { typeVersion: nodeTypeVersion }, nodeType)) {
-      unset(nodeParameterValues, prop.name);
-    }
-  });
-}
-function updateParameterByPath(parameterName, newValue, nodeParameters, nodeType, nodeTypeVersion) {
-  const parameterPath = parameterName.split(".").slice(1).join(".");
-  const parameterPathArray = parameterPath.match(/(.*)\[(\d+)\]$/);
-  if (newValue === void 0 && parameterPathArray !== null) {
-    const path = parameterPathArray[1];
-    const index = parameterPathArray[2];
-    const data = get$3(nodeParameters, path);
-    if (Array.isArray(data)) {
-      data.splice(parseInt(index, 10), 1);
-      set$3(nodeParameters, path, data);
-    }
-  } else {
-    if (newValue === void 0) {
-      unset(nodeParameters, parameterPath);
-    } else {
-      set$3(nodeParameters, parameterPath, newValue);
-    }
-    removeMismatchedOptionValues(nodeType, nodeTypeVersion, nodeParameters, {
-      name: parameterPath
-    });
-  }
-  return parameterPath;
-}
-function useNodeSettingsParameters() {
-  const workflowsStore = useWorkflowsStore();
-  const nodeTypesStore = useNodeTypesStore();
-  const telemetry = useTelemetry();
-  const nodeHelpers = useNodeHelpers();
-  const canvasOperations = useCanvasOperations();
-  const externalHooks = useExternalHooks();
-  const nodeValues = ref({
-    color: "#ff0000",
-    alwaysOutputData: false,
-    executeOnce: false,
-    notesInFlow: false,
-    onError: "stopWorkflow",
-    retryOnFail: false,
-    maxTries: 3,
-    waitBetweenTries: 1e3,
-    notes: "",
-    parameters: {}
-  });
-  function setValue(name, value) {
-    const nameParts = name.split(".");
-    let lastNamePart = nameParts.pop();
-    let isArray = false;
-    if (lastNamePart !== void 0 && lastNamePart.includes("[")) {
-      const lastNameParts = lastNamePart.match(/(.*)\[(\d+)\]$/);
-      if (lastNameParts) {
-        nameParts.push(lastNameParts[1]);
-        lastNamePart = lastNameParts[2];
-        isArray = true;
-      }
-    }
-    if (nameParts.length === 0) {
-      if (value === null) {
-        if (lastNamePart) {
-          const { [lastNamePart]: removedNodeValue, ...remainingNodeValues } = nodeValues.value;
-          nodeValues.value = remainingNodeValues;
-        }
-      } else {
-        nodeValues.value = {
-          ...nodeValues.value,
-          [lastNamePart]: value
-        };
-      }
-    } else {
-      if (value === null) {
-        let tempValue = get$3(nodeValues.value, nameParts.join("."));
-        if (lastNamePart && !Array.isArray(tempValue)) {
-          const { [lastNamePart]: removedNodeValue, ...remainingNodeValues } = tempValue;
-          tempValue = remainingNodeValues;
-        }
-        if (isArray && Array.isArray(tempValue) && tempValue.length === 0) {
-          lastNamePart = nameParts.pop();
-          tempValue = get$3(nodeValues.value, nameParts.join("."));
-          if (lastNamePart) {
-            const { [lastNamePart]: removedArrayNodeValue, ...remainingArrayNodeValues } = tempValue;
-            tempValue = remainingArrayNodeValues;
-          }
-        }
-      } else {
-        if (typeof value === "object") {
-          set$3(
-            get$3(nodeValues.value, nameParts.join(".")),
-            lastNamePart,
-            deepCopy(value)
-          );
-        } else {
-          set$3(
-            get$3(nodeValues.value, nameParts.join(".")),
-            lastNamePart,
-            value
-          );
-        }
-      }
-    }
-    nodeValues.value = { ...nodeValues.value };
-  }
-  function nameIsParameter(parameterData) {
-    return parameterData.name.startsWith("parameters.");
-  }
-  function updateNodeParameter(parameterData, newValue, node2, isToolNode) {
-    const nodeTypeDescription = nodeTypesStore.getNodeType(node2.type, node2.typeVersion);
-    if (!nodeTypeDescription) {
-      return;
-    }
-    let nodeParameters = getNodeParameters(
-      nodeTypeDescription.properties,
-      node2.parameters,
-      false,
-      false,
-      node2,
-      nodeTypeDescription
-    );
-    const oldNodeParameters = Object.assign({}, nodeParameters);
-    nodeParameters = deepCopy(nodeParameters);
-    const parameterPath = updateParameterByPath(
-      parameterData.name,
-      newValue,
-      nodeParameters,
-      nodeTypeDescription,
-      node2.typeVersion
-    );
-    nodeParameters = getNodeParameters(
-      nodeTypeDescription.properties,
-      nodeParameters,
-      true,
-      false,
-      node2,
-      nodeTypeDescription
-    );
-    if (isToolNode) {
-      const updatedDescription = getUpdatedToolDescription(
-        nodeTypeDescription,
-        nodeParameters,
-        node2.parameters
-      );
-      if (updatedDescription && nodeParameters) {
-        nodeParameters.toolDescription = updatedDescription;
-      }
-    }
-    if (isDefaultNodeName(node2.name, nodeTypeDescription, node2.parameters ?? {})) {
-      const newName = makeNodeName(nodeParameters ?? {}, nodeTypeDescription);
-      if (!node2.name.startsWith(newName)) {
-        setTimeout(async () => await canvasOperations.renameNode(node2.name, newName));
-      }
-    }
-    for (const [key, value] of Object.entries(nodeParameters)) {
-      if (value !== null && value !== void 0) {
-        setValue(`parameters.${key}`, value);
-      }
-    }
-    const updateInformation = {
-      name: node2.name,
-      value: nodeParameters
-    };
-    const connections2 = workflowsStore.allConnections;
-    const updatedConnections = updateDynamicConnections(node2, connections2, parameterData);
-    if (updatedConnections) {
-      workflowsStore.setConnections(updatedConnections, true);
-    }
-    workflowsStore.setNodeParameters(updateInformation);
-    void externalHooks.run("nodeSettings.valueChanged", {
-      parameterPath,
-      newValue,
-      parameters: nodeTypeDescription.properties,
-      oldNodeParameters
-    });
-    nodeHelpers.updateNodeParameterIssuesByName(node2.name);
-    nodeHelpers.updateNodeCredentialIssuesByName(node2.name);
-    telemetry.trackNodeParametersValuesChange(nodeTypeDescription.name, parameterData);
-  }
-  return {
-    nodeValues,
-    setValue,
-    updateParameterByPath,
-    updateNodeParameter,
-    nameIsParameter
-  };
-}
-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"
@@ -10258,7 +10017,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
           nodeHelpers.updateNodeParameterIssuesByName(_node.name);
           nodeHelpers.updateNodeCredentialIssuesByName(_node.name);
         }
-      } else if (nodeSettingsParameters.nameIsParameter(parameterData)) {
+      } else if (nameIsParameter(parameterData)) {
         nodeSettingsParameters.updateNodeParameter(parameterData, newValue, _node, isToolNode.value);
       } else {
         nodeValues.value = {
@@ -10307,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"),
@@ -10315,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"),
@@ -10323,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"),
@@ -10340,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"),
@@ -10357,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"),
@@ -10386,7 +10150,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
               ],
               default: "stopWorkflow",
               description: i18n.baseText("nodeSettings.onError.description"),
-              noDataExpression: true
+              noDataExpression: true,
+              isNodeSetting: true
             }
           ]
         );
@@ -10402,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"),
@@ -10410,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
           }
         ]
       );
@@ -10626,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",
@@ -10876,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-a75f342f"]]);
+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();
@@ -10900,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,
@@ -10912,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();
@@ -10974,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;
@@ -10998,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;
     });
@@ -11008,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), {
@@ -11030,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),
@@ -11053,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,
@@ -11069,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"],
@@ -11086,6 +10859,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
       outputs,
       connections: connections2,
       isDisabled,
+      isReadOnly,
       isSelected,
       hasPinnedData,
       executionStatus,
@@ -11178,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),
@@ -11219,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));
     };
   }
 });
@@ -12751,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);
@@ -12780,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),
@@ -12811,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,
@@ -13712,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);
@@ -13730,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,
@@ -13778,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,
@@ -15362,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;
@@ -15406,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", {
@@ -15487,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", {
@@ -15540,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,
@@ -15910,16 +15912,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "NodeView",
   setup(__props) {
     const LazyNodeCreation = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeCreation-DKbc91uY.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-CPVE5S8P.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-5pxsZwAo.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-Bj4rSqAV.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();
@@ -16711,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();
       }
@@ -16786,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;
       }
@@ -16975,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;
@@ -17455,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);
     };
   }
@@ -17483,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
 };