n8n-editor-ui 1.102.2 → 1.103.1

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

@@ -1,11 +1,11 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreation-DCV9QVeh.js","assets/index-B3p3789J.js","assets/index-COleXxZf.css","assets/NodeCreation-32nlvQSy.css","assets/NodeDetailsView-D7qedYA0.js","assets/TriggerPanel-CP3_UsCW.js","assets/RunData-CctCvWsu.js","assets/FileSaver.min-BemkeU_7.js","assets/useKeybindings-ul7syjnB.js","assets/useKeybindings-BUK7Ngh6.css","assets/useExecutionHelpers-i07QEXws.js","assets/RunData-DuKNwYqe.css","assets/RunDataParsedAiContent-BILLIvVH.js","assets/RunDataParsedAiContent-wfIiKsq7.css","assets/InfoAccordion--ZQQuSPX.js","assets/InfoAccordion-dxudNqVC.css","assets/TriggerPanel-DRpKKKun.css","assets/useWorkflowActivate-DpHXxGAq.js","assets/ActionDropdown-CiegfqhB.js","assets/ActionDropdown-BmC0wfMx.css","assets/import-curl-CjhdjoGU.js","assets/global-link-actions-BIVeUMGo.js","assets/useExecutionDebugging-wUQ9K2sh.js","assets/useBeforeUnload-Yj83KQFp.js","assets/NodeDetailsView-CaTI-1QQ.css","assets/NodeDetailsViewV2-BAkPjDo5.js","assets/NodeDetailsViewV2-BxNx4ZUM.css","assets/SetupWorkflowCredentialsButton-ujybntOa.js"])))=>i.map(i=>d[i]);
-import { _ as _export_sfc$1, h as createElementBlock, g as openBlock, j as createBaseVNode, d as defineComponent, cp as PanelPosition, cq as useVueFlow, bV as toRef, e as createBlock, w as withCtx, J as renderSlot, f as createCommentVNode, F as Fragment, i as createVNode, b_ as resolveDynamicComponent, l as unref, cr as _sfc_main$R, x as computed, a0 as _sfc_main$S, c as useI18n, c9 as KeyboardShortcutTooltip, n as normalizeClass, q as N8nButton, bq as NodeConnectionTypes, cs as getBezierPath, ct as getSmoothStepPath, cu as Position, bW as inject, cv as CanvasKey, ab as useCssModule, cw as parseCanvasConnectionHandleString, r as ref, o as onMounted, y as renderList, cx as _sfc_main$d$1, P as normalizeStyle, T as useUIStore, bI as useNodeTypesStore, a4 as useWorkflowsStore, ae as useSourceControlStore, am as getResourcePermissions, cy as isNodeWithWorkflowSelector, cz as getSubworkflowId, cA as isPresent, aa as watch, cB as getMousePosition, aS as STICKY_NODE_TYPE, bB as usePinnedData, cC as NOT_DUPLICATABLE_NODE_TYPES, cD as isExecutable, cE as Teleport, cb as useStyles, bL as getDefaultExportFromCjs, cF as DEFAULT_NODE_SIZE, cG as CanvasNodeRenderType, cH as GRID_SIZE, cd as useThrottleFn, cI as getRectOfNodes, c1 as onUnmounted, cJ as onKeyDown, cK as onKeyUp, cL as useSlots, c3 as useAttrs, cM as getBoundsofRects, cN as watchEffect, t as toDisplayString, cO as getConnectedEdges, bY as normalizeProps, D as mergeProps, bG as provide, aK as h, bh as createSlots, cP as isValidNodeConnectionType, cQ as _sfc_main$3$1, cR as CanvasNodeKey, cS as CanvasConnectionMode, cT as mergeModels, cU as useModel, I as onBeforeUnmount, cV as _sfc_main$T, N as N8nIcon, $ as N8nTooltip, bD as useNodeHelpers, cW as TitledList, k as createTextVNode, cX as CanvasNodeDirtiness, ar as useTemplateRef, cY as useElementSize, bR as _sfc_main$U, as as InlineRename, cZ as toValue, c_ as isCommunityPackageName, c$ as NPM_PACKAGE_DOCS_BASE_URL, d0 as BUILTIN_NODES_DOCS_URL, aM as useNDVStore, d1 as COMMUNITY_NODES_INSTALLATION_DOCS_URL, d2 as N8nTabs, bf as useExternalHooks, ay as useTelemetry, c4 as useClipboard, ak as useWorkflowHelpers, a as useToast, d3 as OPEN_URL_PANEL_TRIGGER_NODE_TYPES, d4 as PRODUCTION_ONLY_TRIGGER_NODE_TYPES, d5 as MCP_TRIGGER_NODE_TYPE, d6 as FORM_TRIGGER_NODE_TYPE, bz as CHAT_TRIGGER_NODE_TYPE, O as resolveComponent, H as N8nRadioButtons, bg as onClickOutside, d7 as toRef$1, d8 as tryOnScopeDispose, d9 as toValue$1, da as isIOS, db as noop$2, dc as isObject, dd as isClient, S as useDebounce, de as getNodeInputs, df as _sfc_main$V, v as useSettingsStore, dg as useCredentialsStore, u as useUsersStore, af as useProjectsStore, dh as OPEN_AI_API_CREDENTIAL_TYPE, di as N8nCallout, p as N8nText, dj as useHistoryStore, aO as usePostHog, dk as useNodeSettingsParameters, dl as useResizeObserver, aq as ProjectTypes, dm as NDV_UI_OVERHAUL_EXPERIMENT, dn as BASE_NODE_SURVEY_URL, co as ndvEventBus, bQ as withModifiers, a1 as N8nLink, dp as CUSTOM_NODES_DOCS_URL, aU as withDirectives, dq as N8nNotice, aV as vShow, dr as _sfc_main$W, ds as NodeCredentials, bs as get$3, dt as getNodeParameters, du as deepCopy, dv as nameIsParameter, dw as RenameNodeCommand, bH as useCanvasOperations, Q as createEventBus, a2 as defineStore, cf as shallowRef, dx as watchOnce, dy as calculateNodeSize, dz as NodeId, dA as useGetPointerPosition, dB as clamp, dC as N8nSticky, dD as useNodeCreatorStore, bd as useTemplatesStore, V as VIEWS, dE as isExtraTemplateLinksExperimentEnabled, az as nodeViewEventBus, bl as trackTemplatesClick, bm as TemplateClickSource, dF as NODE_CREATOR_OPEN_SOURCES, dG as useBuilderStore, a_ as withKeys, dH as N8nInput, dI as CanvasNodeHandleKey, dJ as Transition$1, dK as _sfc_main$f$1, b as useRouter, bC as useLogsStore, bE as useRunWorkflow, dL as insertSpacersBetweenEndpoints, dM as createCanvasConnectionHandleString, dN as CONFIGURATION_NODE_OFFSET, dO as isEqual, dP as useDeviceSupport, dQ as isOutsideSelected, K as nextTick, dR as _sfc_main$1$4, dS as MarkerType, dT as Suspense, bZ as guardReactiveProps, dU as updateViewportToContainNodes, dV as useNodeDirtiness, dW as CUSTOM_API_CALL_KEY, dX as mapLegacyEndpointsToCanvasConnectionPort, dY as getNodeOutputs, dZ as getTriggerNodeServiceName, d_ as sanitizeHtml, d$ as WAIT_NODE_TYPE, e0 as SEND_AND_WAIT_OPERATION, e1 as FORM_NODE_TYPE, e2 as WAIT_INDEFINITELY, e3 as checkOverlap, e4 as SIMULATE_NODE_TYPE, e5 as SIMULATE_TRIGGER_NODE_TYPE, e6 as mapLegacyConnectionsToCanvasConnections, e7 as getNodeIconSource, e8 as refThrottled, e9 as useFocusPanelStore, ea as isValueExpression, eb as __unplugin_components_2$2, ec as __unplugin_components_3$1, bp as isChatNode, ed as truncateBeforeLast, ee as reactive, a5 as useRoute, ai as useDocumentTitle, aj as useWorkflowSaving, ef as useEnvironmentsStore, eg as useExternalSecretsStore, ac as useRootStore, aN as useExecutionsStore, ad as useCanvasStore, ah as useNpsSurveyStore, R as useTagsStore, a3 as usePushConnectionStore, ag as useFoldersStore, eh as useAgentRequestStore, ei as useWorkflowExtraction, ej as FOCUS_PANEL_EXPERIMENT, a6 as PLACEHOLDER_EMPTY_WORKFLOW_ID, ek as NEW_WORKFLOW_ID, bJ as START_NODE_TYPE, el as getNodeViewTab, G as MAIN_HEADER_TABS, em as VALID_WORKFLOW_IMPORT_URL_REGEX, aA as useMessage, aB as MODAL_CONFIRM, en as jsonParse, by as MANUAL_CHAT_TRIGGER_NODE_TYPE, eo as EVALUATION_TRIGGER_NODE_TYPE, ep as getBounds, eq as onBeforeRouteLeave, aT as onBeforeMount, aC as WORKFLOW_SETTINGS_MODAL_KEY, er as onActivated, es as onDeactivated, et as defineAsyncComponent, aI as __vitePreload, ap as EnterpriseEditionFeature, eu as EVALUATION_NODE_TYPE, ev as getEasyAiWorkflowJson, ew as getRagStarterWorkflowJson, ex as tryToParseNumber, b3 as sourceControlEventBus, ey as getNodesWithNormalizedPosition, ez as needsAgentInput, eA as FROM_AI_PARAMETERS_MODAL_KEY, eB as historyBus, eC as DRAG_EVENT_DATA_KEY } from "./index-B3p3789J.js";
-import { N as N8nActionDropdown } from "./ActionDropdown-CiegfqhB.js";
-import { N as N8nBlockUi, u as useKeybindings, c as canvasEventBus } from "./useKeybindings-ul7syjnB.js";
-import { i as importCurlEventBus } from "./import-curl-CjhdjoGU.js";
-import { g as globalLinkActionsEventBus } from "./global-link-actions-BIVeUMGo.js";
-import { u as useExecutionDebugging } from "./useExecutionDebugging-wUQ9K2sh.js";
-import { u as useBeforeUnload } from "./useBeforeUnload-Yj83KQFp.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreation-B0_VqZl0.js","assets/index-BEC9W_3K.js","assets/index-C6LoGNAx.css","assets/NodeCreation-CxN6JIS_.css","assets/NodeDetailsView-D3jGDk45.js","assets/TriggerPanel-BsmQ9v2s.js","assets/RunData-CY2AnQ-5.js","assets/FileSaver.min-BRpMoNCX.js","assets/useKeybindings-D5pwrTFM.js","assets/useKeybindings-BUK7Ngh6.css","assets/useExecutionHelpers-CXZC4OGe.js","assets/RunData-D0dKnadD.css","assets/RunDataParsedAiContent-b0irqoyM.js","assets/RunDataParsedAiContent-wfIiKsq7.css","assets/InfoAccordion-B3ebdljQ.js","assets/InfoAccordion-dxudNqVC.css","assets/TriggerPanel-DRpKKKun.css","assets/useWorkflowActivate-BRxfn_zV.js","assets/ActionDropdown-BhU4vCrE.js","assets/ActionDropdown-BmC0wfMx.css","assets/import-curl-DcVVML3m.js","assets/global-link-actions-NNtNk_7A.js","assets/useExecutionDebugging-bE32iQtx.js","assets/useBeforeUnload-uH0nIAM3.js","assets/NodeDetailsView-CaTI-1QQ.css","assets/NodeDetailsViewV2-B0iyvHRQ.js","assets/NodeDetailsViewV2-BxNx4ZUM.css","assets/SetupWorkflowCredentialsButton-BX8a8Tuq.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-BEC9W_3K.js";
+import { u as useExperimentalNdvStore, N as N8nBlockUi, a as useKeybindings, c as canvasEventBus } from "./useKeybindings-D5pwrTFM.js";
+import { N as N8nActionDropdown } from "./ActionDropdown-BhU4vCrE.js";
+import { i as importCurlEventBus } from "./import-curl-DcVVML3m.js";
+import { g as globalLinkActionsEventBus } from "./global-link-actions-NNtNk_7A.js";
+import { u as useExecutionDebugging } from "./useExecutionDebugging-bE32iQtx.js";
+import { u as useBeforeUnload } from "./useBeforeUnload-uH0nIAM3.js";
 const _sfc_main$Q = {};
 const _hoisted_1$g = {
   xmlns: "http://www.w3.org/2000/svg",
@@ -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
       });
@@ -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
@@ -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
           }
         ]
       );
@@ -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,
@@ -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),
@@ -13453,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);
@@ -13471,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,
@@ -13519,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,
@@ -15103,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;
@@ -15147,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", {
@@ -15228,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", {
@@ -15281,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,
@@ -15651,16 +15912,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "NodeView",
   setup(__props) {
     const LazyNodeCreation = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeCreation-DCV9QVeh.js").then((n) => n.N), true ? __vite__mapDeps([0,1,2,3]) : void 0)
+      async () => await __vitePreload(() => import("./NodeCreation-B0_VqZl0.js").then((n) => n.N), true ? __vite__mapDeps([0,1,2,3]) : void 0)
     );
     const LazyNodeDetailsView = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeDetailsView-D7qedYA0.js"), true ? __vite__mapDeps([4,1,2,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24]) : void 0)
+      async () => await __vitePreload(() => import("./NodeDetailsView-D3jGDk45.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-BAkPjDo5.js"), true ? __vite__mapDeps([25,1,2,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,26]) : void 0)
+      async () => await __vitePreload(() => import("./NodeDetailsViewV2-B0iyvHRQ.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-ujybntOa.js"), true ? __vite__mapDeps([27,1,2]) : void 0)
+      async () => await __vitePreload(() => import("./SetupWorkflowCredentialsButton-BX8a8Tuq.js"), true ? __vite__mapDeps([27,1,2]) : void 0)
     );
     const $style = useCssModule();
     const router = useRouter();
@@ -16452,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();
       }
@@ -16527,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;
       }
@@ -16716,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;
@@ -17196,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);
     };
   }
@@ -17224,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
 };