n8n-editor-ui 1.101.0 → 1.102.0

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

@@ -1,12 +1,12 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreation-Bq5626Ha.js","assets/index-7S5ADieN.js","assets/index-BzamKJpD.css","assets/NodeCreation-32nlvQSy.css","assets/NodeDetailsView-DB-5JPUD.js","assets/RunData-DG20AzLo.js","assets/FileSaver.min-C5wzcK59.js","assets/useKeybindings-CV0VsjNP.js","assets/useKeybindings-BUK7Ngh6.css","assets/useExecutionHelpers-BfF56crp.js","assets/RunData-B5_okvCv.css","assets/RunDataParsedAiContent-DRO1Bjsh.js","assets/RunDataParsedAiContent-9EEUzCKp.css","assets/InfoAccordion-CEk3XG5b.js","assets/InfoAccordion-dxudNqVC.css","assets/useWorkflowActivate-BKz3N1SO.js","assets/ActionDropdown-BujIG0Jq.js","assets/ActionDropdown-BmC0wfMx.css","assets/import-curl-DD21H3kK.js","assets/global-link-actions-olwfH36z.js","assets/useExecutionDebugging-DM4nhx6D.js","assets/useBeforeUnload-DveXGtGN.js","assets/NodeDetailsView-BaIj2qAa.css","assets/SetupWorkflowCredentialsButton-BWISZAxq.js"])))=>i.map(i=>d[i]);
-import { _ as _export_sfc$1, i as createElementBlock, g as openBlock, k as createBaseVNode, d as defineComponent, cs as PanelPosition, ct as useVueFlow, bZ as toRef, e as createBlock, w as withCtx, J as renderSlot, f as createCommentVNode, F as Fragment, j as createVNode, c2 as resolveDynamicComponent, m as unref, cu as _sfc_main$Q, x as computed, $ as _sfc_main$R, c as useI18n, cd as KeyboardShortcutTooltip, n as normalizeClass, q as N8nButton, bw as NodeConnectionTypes, cv as getBezierPath, cw as getSmoothStepPath, cx as Position, b_ as inject, cy as CanvasKey, aa as useCssModule, cz as parseCanvasConnectionHandleString, r as ref, o as onMounted, y as renderList, cA as _sfc_main$d$1, O as normalizeStyle, S as useUIStore, bN as useNodeTypesStore, a3 as useWorkflowsStore, ad as useSourceControlStore, al as getResourcePermissions, cB as isNodeWithWorkflowSelector, cC as getSubworkflowId, cD as isPresent, a9 as watch, cE as getMousePosition, aR as STICKY_NODE_TYPE, bG as usePinnedData, cF as NOT_DUPLICATABLE_NODE_TYPES, cG as isExecutable, cH as Teleport, cf as useStyles, bQ as getDefaultExportFromCjs, cI as NODE_SIZE, cJ as CanvasNodeRenderType, cK as GRID_SIZE, ch as useThrottleFn, cL as getRectOfNodes, c5 as onUnmounted, cM as onKeyDown, cN as onKeyUp, cO as useSlots, c7 as useAttrs, cP as getBoundsofRects, cQ as watchEffect, t as toDisplayString, cR as getConnectedEdges, c0 as normalizeProps, D as mergeProps, bL as provide, aJ as h, bh as createSlots, cS as isValidNodeConnectionType, cT as _sfc_main$3$1, cU as CanvasNodeKey, cV as CanvasConnectionMode, cW as mergeModels, cX as useModel, I as onBeforeUnmount, h as resolveComponent, cY as _sfc_main$S, Z as N8nTooltip, bI as useNodeHelpers, cZ as TitledList, l as createTextVNode, c_ as CanvasNodeDirtiness, aL as useNDVStore, c$ as isCommunityPackageName, d0 as NPM_PACKAGE_DOCS_BASE_URL, d1 as BUILTIN_NODES_DOCS_URL, d2 as COMMUNITY_NODES_INSTALLATION_DOCS_URL, d3 as N8nTabs, bf as useExternalHooks, ax as useTelemetry, aq as useTemplateRef, d4 as useElementSize, bW as _sfc_main$T, ar as InlineRename, c8 as useClipboard, aj as useWorkflowHelpers, a as useToast, d5 as OPEN_URL_PANEL_TRIGGER_NODE_TYPES, d6 as PRODUCTION_ONLY_TRIGGER_NODE_TYPES, d7 as MCP_TRIGGER_NODE_TYPE, d8 as FORM_TRIGGER_NODE_TYPE, bF as CHAT_TRIGGER_NODE_TYPE, H as N8nRadioButtons, bg as onClickOutside, d9 as toRef$1, da as tryOnScopeDispose, db as toValue, dc as isIOS, dd as noop$2, de as isObject, df as isClient, R as useDebounce, dg as getNodeInputs, v as useSettingsStore, aN as usePostHog, dh as useCredentialsStore, u as useUsersStore, ae as useProjectsStore, di as OPEN_AI_API_CREDENTIAL_TYPE, dj as AI_CREDITS_EXPERIMENT, dk as N8nCallout, p as N8nText, dl as get$3, dm as set$3, dn as unset, dp as SWITCH_NODE_TYPE, dq as isEqual, dr as captureException, ds as isINodePropertyCollectionList, dt as isINodePropertiesList, du as isINodePropertyOptionsList, dv as displayParameter, bM as useCanvasOperations, dw as getNodeParameters, dx as deepCopy, dy as getUpdatedToolDescription, dz as isDefaultNodeName, dA as makeNodeName, dB as useHistoryStore, dC as useResizeObserver, ap as ProjectTypes, dD as getConnectionTypes, cr as ndvEventBus, bV as withModifiers, dE as _sfc_main$U, a0 as N8nLink, dF as CUSTOM_NODES_DOCS_URL, aT as withDirectives, dG as N8nNotice, aU as vShow, dH as _sfc_main$V, dI as NodeCredentials, dJ as RenameNodeCommand, P as createEventBus, a1 as defineStore, dK as shallowRef, dL as watchOnce, aW as N8nIcon, dM as calculateNodeSize, dN as NodeId, dO as useGetPointerPosition, dP as clamp, dQ as N8nSticky, dR as useNodeCreatorStore, ay as nodeViewEventBus, dS as NODE_CREATOR_OPEN_SOURCES, dT as useBuilderStore, a_ as withKeys, dU as N8nInput, dV as CanvasNodeHandleKey, dW as Transition$1, dX as _sfc_main$f$1, b as useRouter, bH as useLogsStore, bJ as useRunWorkflow, dY as insertSpacersBetweenEndpoints, dZ as createCanvasConnectionHandleString, d_ as useDeviceSupport, d$ as isOutsideSelected, K as nextTick, e0 as _sfc_main$1$4, e1 as MarkerType, e2 as Suspense, c1 as guardReactiveProps, e3 as updateViewportToContainNodes, e4 as useNodeDirtiness, e5 as CUSTOM_API_CALL_KEY, e6 as mapLegacyEndpointsToCanvasConnectionPort, e7 as getNodeOutputs, e8 as getTriggerNodeServiceName, e9 as sanitizeHtml, ea as WAIT_NODE_TYPE, eb as SEND_AND_WAIT_OPERATION, ec as FORM_NODE_TYPE, ed as WAIT_INDEFINITELY, ee as checkOverlap, ef as SIMULATE_NODE_TYPE, eg as SIMULATE_TRIGGER_NODE_TYPE, eh as mapLegacyConnectionsToCanvasConnections, ei as getNodeIconSource, ej as refThrottled, ek as useFocusPanelStore, el as isValueExpression, em as __unplugin_components_3$1, en as __unplugin_components_4, bv as isChatNode, eo as truncateBeforeLast, ep as reactive, a4 as useRoute, ah as useDocumentTitle, ai as useWorkflowSaving, eq as useEnvironmentsStore, er as useExternalSecretsStore, ab as useRootStore, aM as useExecutionsStore, ac as useCanvasStore, ag as useNpsSurveyStore, Q as useTagsStore, a2 as usePushConnectionStore, bd as useTemplatesStore, af as useFoldersStore, es as useAgentRequestStore, et as useWorkflowExtraction, eu as FOCUS_PANEL_EXPERIMENT, a5 as PLACEHOLDER_EMPTY_WORKFLOW_ID, ev as NEW_WORKFLOW_ID, V as VIEWS, bO as START_NODE_TYPE, ew as getNodeViewTab, G as MAIN_HEADER_TABS, ex as VALID_WORKFLOW_IMPORT_URL_REGEX, az as useMessage, aA as MODAL_CONFIRM, ey as jsonParse, bE as MANUAL_CHAT_TRIGGER_NODE_TYPE, ez as EVALUATION_TRIGGER_NODE_TYPE, eA as getBounds, eB as onBeforeRouteLeave, aS as onBeforeMount, aB as WORKFLOW_SETTINGS_MODAL_KEY, eC as onActivated, eD as onDeactivated, eE as defineAsyncComponent, aH as __vitePreload, ao as EnterpriseEditionFeature, eF as EVALUATION_NODE_TYPE, eG as getEasyAiWorkflowJson, eH as getRagStarterWorkflowJson, eI as tryToParseNumber, b3 as sourceControlEventBus, eJ as getNodesWithNormalizedPosition, eK as needsAgentInput, eL as FROM_AI_PARAMETERS_MODAL_KEY, eM as historyBus, eN as DRAG_EVENT_DATA_KEY } from "./index-7S5ADieN.js";
-import { N as N8nActionDropdown } from "./ActionDropdown-BujIG0Jq.js";
-import { N as N8nBlockUi, u as useKeybindings, c as canvasEventBus } from "./useKeybindings-CV0VsjNP.js";
-import { i as importCurlEventBus } from "./import-curl-DD21H3kK.js";
-import { g as globalLinkActionsEventBus } from "./global-link-actions-olwfH36z.js";
-import { u as useExecutionDebugging } from "./useExecutionDebugging-DM4nhx6D.js";
-import { u as useBeforeUnload } from "./useBeforeUnload-DveXGtGN.js";
-const _sfc_main$P = {};
+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 _sfc_main$Q = {};
 const _hoisted_1$h = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 16 16"
@@ -19,7 +19,7 @@ function _sfc_render$1(_ctx, _cache) {
     }, null, -1)
   ]));
 }
-const TidyUpIcon = /* @__PURE__ */ _export_sfc$1(_sfc_main$P, [["render", _sfc_render$1]]);
+const TidyUpIcon = /* @__PURE__ */ _export_sfc$1(_sfc_main$Q, [["render", _sfc_render$1]]);
 const _sfc_main$1$3 = {
   name: "ControlButton",
   compatConfig: { MODE: 3 }
@@ -102,7 +102,7 @@ const __default__$4 = {
   name: "Controls",
   compatConfig: { MODE: 3 }
 };
-const _sfc_main$O = /* @__PURE__ */ defineComponent({
+const _sfc_main$P = /* @__PURE__ */ defineComponent({
   ...__default__$4,
   props: {
     showZoom: { type: Boolean, default: true },
@@ -145,7 +145,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
       emit("interactionChange", !isInteractive.value);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$Q), {
+      return openBlock(), createBlock(unref(_sfc_main$R), {
         class: "vue-flow__controls",
         position: _ctx.position
       }, {
@@ -218,7 +218,7 @@ const _sfc_main$O = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$N = /* @__PURE__ */ defineComponent({
+const _sfc_main$O = /* @__PURE__ */ defineComponent({
   __name: "CanvasControlButtons",
   props: {
     zoom: { default: 1 },
@@ -246,9 +246,9 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
       emit("tidy-up");
     }
     return (_ctx, _cache) => {
-      const _component_N8nIconButton = _sfc_main$R;
+      const _component_N8nIconButton = _sfc_main$S;
       const _component_N8nButton = N8nButton;
-      return openBlock(), createBlock(unref(_sfc_main$O), {
+      return openBlock(), createBlock(unref(_sfc_main$P), {
         "show-zoom": false,
         "show-fit-view": false
       }, {
@@ -261,7 +261,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
               createVNode(_component_N8nIconButton, {
                 type: "tertiary",
                 size: "large",
-                icon: "expand",
+                icon: "maximize",
                 "data-test-id": "zoom-to-fit",
                 onClick: onZoomToFit
               })
@@ -276,7 +276,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
               createVNode(_component_N8nIconButton, {
                 type: "tertiary",
                 size: "large",
-                icon: "search-plus",
+                icon: "zoom-in",
                 "data-test-id": "zoom-in-button",
                 onClick: onZoomIn
               })
@@ -291,7 +291,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
               createVNode(_component_N8nIconButton, {
                 type: "tertiary",
                 size: "large",
-                icon: "search-minus",
+                icon: "zoom-out",
                 "data-test-id": "zoom-out-button",
                 onClick: onZoomOut
               })
@@ -307,7 +307,7 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
               createVNode(_component_N8nIconButton, {
                 type: "tertiary",
                 size: "large",
-                icon: "undo",
+                icon: "undo-2",
                 "data-test-id": "reset-zoom-button",
                 onClick: onResetZoom
               })
@@ -343,13 +343,13 @@ const _sfc_main$N = /* @__PURE__ */ defineComponent({
   }
 });
 const iconButton = "_iconButton_fx9xi_123";
-const style0$y = {
+const style0$z = {
   iconButton
 };
-const cssModules$y = {
-  "$style": style0$y
+const cssModules$z = {
+  "$style": style0$z
 };
-const __unplugin_components_1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$N, [["__cssModules", cssModules$y]]);
+const __unplugin_components_1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$O, [["__cssModules", cssModules$z]]);
 const EDGE_PADDING_BOTTOM = 130;
 const EDGE_PADDING_X = 40;
 const EDGE_BORDER_RADIUS = 16;
@@ -406,7 +406,7 @@ function injectStrict(key, fallback) {
 function useCanvas() {
   return injectStrict(CanvasKey);
 }
-const _sfc_main$M = /* @__PURE__ */ defineComponent({
+const _sfc_main$N = /* @__PURE__ */ defineComponent({
   __name: "CanvasConnectionLine",
   props: {
     sourceX: {},
@@ -473,14 +473,14 @@ const _sfc_main$M = /* @__PURE__ */ defineComponent({
 });
 const edge$1 = "_edge_cbk94_123";
 const visible = "_visible_cbk94_129";
-const style0$x = {
+const style0$y = {
   edge: edge$1,
   visible
 };
-const cssModules$x = {
-  "$style": style0$x
+const cssModules$y = {
+  "$style": style0$y
 };
-const __unplugin_components_0$4 = /* @__PURE__ */ _export_sfc$1(_sfc_main$M, [["__cssModules", cssModules$x]]);
+const __unplugin_components_0$4 = /* @__PURE__ */ _export_sfc$1(_sfc_main$N, [["__cssModules", cssModules$y]]);
 const position = ref([0, 0]);
 const isOpen = ref(false);
 const target = ref();
@@ -711,7 +711,7 @@ const useContextMenu = (onAction = () => {
     _dispatchAction
   };
 };
-const _sfc_main$L = /* @__PURE__ */ defineComponent({
+const _sfc_main$M = /* @__PURE__ */ defineComponent({
   __name: "ContextMenu",
   emits: ["action"],
   setup(__props, { emit: __emit }) {
@@ -779,14 +779,14 @@ const _sfc_main$L = /* @__PURE__ */ defineComponent({
 });
 const contextMenu = "_contextMenu_12fz3_123";
 const activator = "_activator_12fz3_127";
-const style0$w = {
+const style0$x = {
   contextMenu,
   activator
 };
-const cssModules$w = {
-  "$style": style0$w
+const cssModules$x = {
+  "$style": style0$x
 };
-const ContextMenu = /* @__PURE__ */ _export_sfc$1(_sfc_main$L, [["__cssModules", cssModules$w]]);
+const ContextMenu = /* @__PURE__ */ _export_sfc$1(_sfc_main$M, [["__cssModules", cssModules$x]]);
 var graph;
 var hasRequiredGraph;
 function requireGraph() {
@@ -4290,12 +4290,12 @@ function requireDagre() {
 }
 var dagreExports = requireDagre();
 const dagre = /* @__PURE__ */ getDefaultExportFromCjs(dagreExports);
-const NODE_X_SPACING = GRID_SIZE * 6;
-const NODE_Y_SPACING = GRID_SIZE * 5;
+const NODE_X_SPACING = GRID_SIZE * 8;
+const NODE_Y_SPACING = GRID_SIZE * 6;
 const SUBGRAPH_SPACING = GRID_SIZE * 8;
-const AI_X_SPACING = GRID_SIZE * 2;
-const AI_Y_SPACING = GRID_SIZE * 6;
-const STICKY_BOTTOM_PADDING = GRID_SIZE * 3;
+const AI_X_SPACING = GRID_SIZE * 3;
+const AI_Y_SPACING = GRID_SIZE * 8;
+const STICKY_BOTTOM_PADDING = GRID_SIZE * 4;
 function useCanvasLayout({ id: canvasId } = {}) {
   const {
     findNode,
@@ -4575,7 +4575,7 @@ function useCanvasLayout({ id: canvasId } = {}) {
       const aiGraphBoundingBox = compositeBoundingBox(
         aiNodes.map((nodeId) => boundingBoxByNodeId[nodeId]).filter(isPresent)
       );
-      const aiNodeVerticalCorrection = aiGraphBoundingBox.height / 2 - NODE_SIZE / 2;
+      const aiNodeVerticalCorrection = aiGraphBoundingBox.height / 2 - DEFAULT_NODE_SIZE[0] / 2;
       aiGraphBoundingBox.y += aiNodeVerticalCorrection;
       const hasConflictingNodes = Object.entries(boundingBoxByNodeId).filter(([id2]) => !graph2.hasNode(id2)).some(
         ([, nodeBoundingBox]) => intersects(aiGraphBoundingBox, nodeBoundingBox, NODE_Y_SPACING)
@@ -7301,7 +7301,7 @@ const __default__$3 = {
   name: "MiniMap",
   compatConfig: { MODE: 3 }
 };
-const _sfc_main$K = /* @__PURE__ */ defineComponent({
+const _sfc_main$L = /* @__PURE__ */ defineComponent({
   ...__default__$3,
   props: {
     nodeColor: { type: [String, Function], default: "#e2e2e2" },
@@ -7464,7 +7464,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
       emit("nodeMouseleave", param);
     }
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$Q), {
+      return openBlock(), createBlock(unref(_sfc_main$R), {
         position: _ctx.position,
         class: normalizeClass(["vue-flow__minimap", { pannable: _ctx.pannable, zoomable: _ctx.zoomable }])
       }, {
@@ -7524,7 +7524,7 @@ const _sfc_main$K = /* @__PURE__ */ defineComponent({
 });
 const _hoisted_1$e = ["id", "x", "y", "width", "height", "patternTransform"];
 const _hoisted_2$9 = ["d", "stroke-width"];
-const _sfc_main$J = /* @__PURE__ */ defineComponent({
+const _sfc_main$K = /* @__PURE__ */ defineComponent({
   __name: "CanvasBackgroundStripedPattern",
   props: {
     id: {},
@@ -7554,7 +7554,7 @@ const _sfc_main$J = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const CanvasBackgroundStripedPattern = /* @__PURE__ */ _export_sfc$1(_sfc_main$J, [["__scopeId", "data-v-161512f5"]]);
+const CanvasBackgroundStripedPattern = /* @__PURE__ */ _export_sfc$1(_sfc_main$K, [["__scopeId", "data-v-efb5a8d2"]]);
 var BackgroundVariant = /* @__PURE__ */ ((BackgroundVariant2) => {
   BackgroundVariant2["Lines"] = "lines";
   BackgroundVariant2["Dots"] = "dots";
@@ -7590,7 +7590,7 @@ const __default__$2 = {
   name: "Background",
   compatConfig: { MODE: 3 }
 };
-const _sfc_main$I = /* @__PURE__ */ defineComponent({
+const _sfc_main$J = /* @__PURE__ */ defineComponent({
   ...__default__$2,
   props: {
     id: {},
@@ -7675,7 +7675,7 @@ const _sfc_main$I = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$H = /* @__PURE__ */ defineComponent({
+const _sfc_main$I = /* @__PURE__ */ defineComponent({
   __name: "CanvasBackground",
   props: {
     striped: { type: Boolean },
@@ -7683,7 +7683,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(unref(_sfc_main$I), {
+      return openBlock(), createBlock(unref(_sfc_main$J), {
         "data-test-id": "canvas-background",
         "pattern-color": "#aaa",
         gap: unref(GRID_SIZE)
@@ -7706,7 +7706,7 @@ const _sfc_main$H = /* @__PURE__ */ defineComponent({
   }
 });
 const _hoisted_1$c = ["id"];
-const _sfc_main$G = /* @__PURE__ */ defineComponent({
+const _sfc_main$H = /* @__PURE__ */ defineComponent({
   __name: "CanvasArrowHeadMarker",
   props: {
     id: {}
@@ -7739,7 +7739,7 @@ const _sfc_main$G = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$F = /* @__PURE__ */ defineComponent({
+const _sfc_main$G = /* @__PURE__ */ defineComponent({
   __name: "CanvasEdgeToolbar",
   props: {
     type: {}
@@ -7761,7 +7761,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
       emit("delete");
     }
     return (_ctx, _cache) => {
-      const _component_N8nIconButton = _sfc_main$R;
+      const _component_N8nIconButton = _sfc_main$S;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(classes.value),
         "data-test-id": "canvas-edge-toolbar"
@@ -7772,6 +7772,7 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
           "data-test-id": "add-connection-button",
           type: "tertiary",
           size: "small",
+          "icon-size": "medium",
           icon: "plus",
           title: unref(i18n).baseText("node.add"),
           onClick: onAdd2
@@ -7781,7 +7782,8 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
           class: "canvas-edge-toolbar-button",
           type: "tertiary",
           size: "small",
-          icon: "trash",
+          "icon-size": "medium",
+          icon: "trash-2",
           title: unref(i18n).baseText("node.delete"),
           onClick: onDelete
         }, null, 8, ["title"])
@@ -7790,17 +7792,17 @@ const _sfc_main$F = /* @__PURE__ */ defineComponent({
   }
 });
 const canvasEdgeToolbar = "_canvasEdgeToolbar_uogmx_123";
-const style0$v = {
+const style0$w = {
   canvasEdgeToolbar
 };
-const cssModules$v = {
-  "$style": style0$v
+const cssModules$w = {
+  "$style": style0$w
 };
-const CanvasEdgeToolbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$F, [["__cssModules", cssModules$v]]);
+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_2$7 = ["data-source-node-name", "data-target-node-name", "data-edge-status"];
 const delayedHoveredTimeout = 600;
-const _sfc_main$E = /* @__PURE__ */ defineComponent({
+const _sfc_main$F = /* @__PURE__ */ defineComponent({
   __name: "CanvasEdge",
   props: {
     id: {},
@@ -7980,15 +7982,15 @@ const _sfc_main$E = /* @__PURE__ */ defineComponent({
 const edge = "_edge_fyzmo_123";
 const edgeLabelWrapper = "_edgeLabelWrapper_fyzmo_127";
 const edgeLabel = "_edgeLabel_fyzmo_127";
-const style0$u = {
+const style0$v = {
   edge,
   edgeLabelWrapper,
   edgeLabel
 };
-const cssModules$u = {
-  "$style": style0$u
+const cssModules$v = {
+  "$style": style0$v
 };
-const Edge = /* @__PURE__ */ _export_sfc$1(_sfc_main$E, [["__cssModules", cssModules$u]]);
+const Edge = /* @__PURE__ */ _export_sfc$1(_sfc_main$F, [["__cssModules", cssModules$v]]);
 function useCanvasNode() {
   const node2 = inject(CanvasNodeKey);
   const data = computed(
@@ -8066,7 +8068,7 @@ function useCanvasNode() {
 }
 const _hoisted_1$a = ["title"];
 const _hoisted_2$6 = ["onClick"];
-const _sfc_main$D = /* @__PURE__ */ defineComponent({
+const _sfc_main$E = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeStickyColorSelector",
   props: {
     "visible": { type: Boolean },
@@ -8109,8 +8111,8 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
       eventBus.value?.off("update:sticky:color", showPopover);
     });
     return (_ctx, _cache) => {
-      const _component_FontAwesomeIcon = resolveComponent("FontAwesomeIcon");
-      const _component_N8nPopover = _sfc_main$S;
+      const _component_N8nIcon = N8nIcon;
+      const _component_N8nPopover = _sfc_main$T;
       return openBlock(), createBlock(_component_N8nPopover, {
         visible: isPopoverVisible.value,
         "onUpdate:visible": _cache[0] || (_cache[0] = ($event) => isPopoverVisible.value = $event),
@@ -8129,7 +8131,7 @@ const _sfc_main$D = /* @__PURE__ */ defineComponent({
             "data-test-id": "change-sticky-color",
             title: unref(i18n).baseText("node.changeColor")
           }, [
-            createVNode(_component_FontAwesomeIcon, { icon: "palette" })
+            createVNode(_component_N8nIcon, { icon: "palette" })
           ], 10, _hoisted_1$a)
         ]),
         default: withCtx(() => [
@@ -8160,7 +8162,7 @@ const content$1 = "_content_3lp7u_129";
 const color = "_color_3lp7u_136";
 const selected$2 = "_selected_3lp7u_148";
 const option = "_option_3lp7u_173";
-const style0$t = {
+const style0$u = {
   popover,
   content: content$1,
   color,
@@ -8174,11 +8176,11 @@ const style0$t = {
   "sticky-color-7": "_sticky-color-7_3lp7u_169",
   option
 };
-const cssModules$t = {
-  "$style": style0$t
+const cssModules$u = {
+  "$style": style0$u
 };
-const __unplugin_components_2$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$D, [["__cssModules", cssModules$t]]);
-const _sfc_main$C = /* @__PURE__ */ defineComponent({
+const __unplugin_components_2$1 = /* @__PURE__ */ _export_sfc$1(_sfc_main$E, [["__cssModules", cssModules$u]]);
+const _sfc_main$D = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeToolbar",
   props: {
     readOnly: { type: Boolean }
@@ -8239,7 +8241,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
       isHovered.value = false;
     }
     return (_ctx, _cache) => {
-      const _component_N8nIconButton = _sfc_main$R;
+      const _component_N8nIconButton = _sfc_main$S;
       const _component_N8nTooltip = N8nTooltip;
       const _component_CanvasNodeStickyColorSelector = __unplugin_components_2$1;
       return openBlock(), createElementBlock("div", {
@@ -8277,7 +8279,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
             type: "tertiary",
             text: "",
             size: "small",
-            icon: "power-off",
+            icon: "power",
             title: nodeDisabledTitle.value,
             onClick: onToggleNode
           }, null, 8, ["title"])) : createCommentVNode("", true),
@@ -8287,7 +8289,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
             type: "tertiary",
             size: "small",
             text: "",
-            icon: "trash",
+            icon: "trash-2",
             title: unref(i18n).baseText("node.delete"),
             onClick: onDeleteNode
           }, null, 8, ["title"])) : createCommentVNode("", true),
@@ -8302,7 +8304,7 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
             type: "tertiary",
             size: "small",
             text: "",
-            icon: "ellipsis-h",
+            icon: "ellipsis",
             onClick: onOpenContextMenu
           })
         ], 2)
@@ -8313,20 +8315,20 @@ const _sfc_main$C = /* @__PURE__ */ defineComponent({
 const canvasNodeToolbar$1 = "_canvasNodeToolbar_104hp_123";
 const canvasNodeToolbarItems = "_canvasNodeToolbarItems_104hp_130";
 const forceVisible = "_forceVisible_104hp_141";
-const style0$s = {
+const style0$t = {
   canvasNodeToolbar: canvasNodeToolbar$1,
   canvasNodeToolbarItems,
   forceVisible
 };
-const cssModules$s = {
-  "$style": style0$s
+const cssModules$t = {
+  "$style": style0$t
 };
-const CanvasNodeToolbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$C, [["__cssModules", cssModules$s]]);
+const CanvasNodeToolbar = /* @__PURE__ */ _export_sfc$1(_sfc_main$D, [["__cssModules", cssModules$t]]);
 const _hoisted_1$9 = { key: 1 };
 const _hoisted_2$5 = ["textContent"];
 const _hoisted_3$4 = { key: 2 };
 const _hoisted_4$3 = { key: 5 };
-const _sfc_main$B = /* @__PURE__ */ defineComponent({
+const _sfc_main$C = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeStatusIcons",
   setup(__props) {
     const nodeHelpers = useNodeHelpers();
@@ -8344,12 +8346,17 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
       isDisabled,
       render: render2
     } = useCanvasNode();
+    const { isExecuting } = useCanvas();
     const hideNodeIssues = computed(() => false);
     const dirtiness = computed(
       () => render2.value.type === CanvasNodeRenderType.Default ? render2.value.options.dirtiness : void 0
     );
+    const isNodeExecuting = computed(() => {
+      if (!isExecuting.value) return false;
+      return executionRunning.value || executionWaitingForNext.value || executionStatus.value === "running";
+    });
     return (_ctx, _cache) => {
-      const _component_FontAwesomeIcon = resolveComponent("FontAwesomeIcon");
+      const _component_N8nIcon = N8nIcon;
       return unref(hasIssues2) && !hideNodeIssues.value ? (openBlock(), createElementBlock("div", {
         key: 0,
         class: normalizeClass([_ctx.$style.status, _ctx.$style.issues]),
@@ -8366,7 +8373,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
             }, null, 8, ["title", "items"])
           ]),
           default: withCtx(() => [
-            createVNode(_component_FontAwesomeIcon, { icon: "exclamation-triangle" })
+            createVNode(_component_N8nIcon, { icon: "triangle-alert" })
           ]),
           _: 1
         })
@@ -8381,7 +8388,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
               }, null, 8, _hoisted_2$5)
             ]),
             default: withCtx(() => [
-              createVNode(_component_FontAwesomeIcon, { icon: "clock" })
+              createVNode(_component_N8nIcon, { icon: "clock" })
             ]),
             _: 1
           })
@@ -8389,18 +8396,18 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
         createBaseVNode("div", {
           class: normalizeClass([_ctx.$style.status, _ctx.$style["node-waiting-spinner"]])
         }, [
-          createVNode(_component_FontAwesomeIcon, {
-            icon: "sync-alt",
+          createVNode(_component_N8nIcon, {
+            icon: "refresh-cw",
             spin: ""
           })
         ], 2)
-      ])) : unref(executionStatus) === "unknown" ? (openBlock(), createElementBlock("div", _hoisted_3$4)) : unref(executionRunning) || unref(executionWaitingForNext) || unref(executionStatus) === "running" ? (openBlock(), createElementBlock("div", {
+      ])) : unref(executionStatus) === "unknown" ? (openBlock(), createElementBlock("div", _hoisted_3$4)) : isNodeExecuting.value ? (openBlock(), createElementBlock("div", {
         key: 3,
         "data-test-id": "canvas-node-status-running",
         class: normalizeClass([_ctx.$style.status, _ctx.$style.running])
       }, [
-        createVNode(_component_FontAwesomeIcon, {
-          icon: "sync-alt",
+        createVNode(_component_N8nIcon, {
+          icon: "refresh-cw",
           spin: ""
         })
       ], 2)) : unref(hasPinnedData) && !unref(nodeHelpers).isProductionExecutionPreview.value && !unref(isDisabled) ? (openBlock(), createElementBlock("div", {
@@ -8408,7 +8415,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
         "data-test-id": "canvas-node-status-pinned",
         class: normalizeClass([_ctx.$style.status, _ctx.$style.pinnedData])
       }, [
-        createVNode(_component_FontAwesomeIcon, { icon: "thumbtack" })
+        createVNode(_component_N8nIcon, { icon: "pin" })
       ], 2)) : dirtiness.value !== void 0 ? (openBlock(), createElementBlock("div", _hoisted_4$3, [
         createVNode(unref(N8nTooltip), {
           "show-after": 500,
@@ -8424,7 +8431,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
               "data-test-id": "canvas-node-status-warning",
               class: normalizeClass([_ctx.$style.status, _ctx.$style.warning])
             }, [
-              createVNode(_component_FontAwesomeIcon, { icon: "triangle" }),
+              createVNode(_component_N8nIcon, { icon: "triangle" }),
               unref(runDataIterations) > 1 ? (openBlock(), createElementBlock("span", {
                 key: 0,
                 class: normalizeClass(_ctx.$style.count)
@@ -8438,7 +8445,7 @@ const _sfc_main$B = /* @__PURE__ */ defineComponent({
         "data-test-id": "canvas-node-status-success",
         class: normalizeClass([_ctx.$style.status, _ctx.$style.runData])
       }, [
-        createVNode(_component_FontAwesomeIcon, { icon: "check" }),
+        createVNode(_component_N8nIcon, { icon: "check" }),
         unref(runDataIterations) > 1 ? (openBlock(), createElementBlock("span", {
           key: 0,
           class: normalizeClass(_ctx.$style.count)
@@ -8455,7 +8462,7 @@ const running$1 = "_running_93vv6_142";
 const issues = "_issues_93vv6_165";
 const count = "_count_93vv6_170";
 const warning$2 = "_warning_93vv6_174";
-const style0$r = {
+const style0$s = {
   status,
   runData,
   waiting: waiting$1,
@@ -8466,11 +8473,11 @@ const style0$r = {
   count,
   warning: warning$2
 };
-const cssModules$r = {
-  "$style": style0$r
+const cssModules$s = {
+  "$style": style0$s
 };
-const __unplugin_components_3 = /* @__PURE__ */ _export_sfc$1(_sfc_main$B, [["__cssModules", cssModules$r]]);
-const _sfc_main$A = /* @__PURE__ */ defineComponent({
+const __unplugin_components_3 = /* @__PURE__ */ _export_sfc$1(_sfc_main$C, [["__cssModules", cssModules$s]]);
+const _sfc_main$B = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeDisabledStrikeThrough",
   setup(__props) {
     const $style = useCssModule();
@@ -8492,16 +8499,16 @@ const _sfc_main$A = /* @__PURE__ */ defineComponent({
 const disabledStrikeThrough = "_disabledStrikeThrough_nl2g7_123";
 const success$2 = "_success_nl2g7_132";
 const warning$1 = "_warning_nl2g7_136";
-const style0$q = {
+const style0$r = {
   disabledStrikeThrough,
   success: success$2,
   warning: warning$1
 };
-const cssModules$q = {
-  "$style": style0$q
+const cssModules$r = {
+  "$style": style0$r
 };
-const __unplugin_components_2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$A, [["__cssModules", cssModules$q]]);
-const _sfc_main$z = /* @__PURE__ */ defineComponent({
+const __unplugin_components_2 = /* @__PURE__ */ _export_sfc$1(_sfc_main$B, [["__cssModules", cssModules$r]]);
+const _sfc_main$A = /* @__PURE__ */ defineComponent({
   __name: "CanvasNodeTooltip",
   props: {
     visible: { type: Boolean }
@@ -8540,14 +8547,14 @@ const _sfc_main$z = /* @__PURE__ */ defineComponent({
 });
 const tooltipTrigger = "_tooltipTrigger_dauyi_123";
 const popper = "_popper_dauyi_131";
-const style0$p = {
+const style0$q = {
   tooltipTrigger,
   popper
 };
-const cssModules$p = {
-  "$style": style0$p
+const cssModules$q = {
+  "$style": style0$q
 };
-const __unplugin_components_0$3 = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["__cssModules", cssModules$p]]);
+const __unplugin_components_0$3 = /* @__PURE__ */ _export_sfc$1(_sfc_main$A, [["__cssModules", cssModules$q]]);
 function useNodeConnections({
   inputs: inputs2,
   outputs,
@@ -8596,12 +8603,108 @@ function useNodeConnections({
     isValidConnection
   };
 }
+const _sfc_main$z = /* @__PURE__ */ defineComponent({
+  __name: "NodeTitle",
+  props: {
+    modelValue: { default: "" },
+    nodeType: { default: void 0 },
+    readOnly: { type: Boolean, default: false }
+  },
+  emits: ["update:model-value"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    function onRename(value) {
+      if (value.trim() !== "") {
+        emit("update:model-value", value.trim());
+      }
+    }
+    const wrapperRef = useTemplateRef("wrapperRef");
+    const { width } = useElementSize(wrapperRef);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("span", {
+        class: normalizeClass(_ctx.$style.container),
+        "data-test-id": "node-title-container"
+      }, [
+        createBaseVNode("span", {
+          class: normalizeClass(_ctx.$style.iconWrapper)
+        }, [
+          createVNode(_sfc_main$U, {
+            "node-type": _ctx.nodeType,
+            size: 18,
+            "show-tooltip": true,
+            "tooltip-position": "left"
+          }, null, 8, ["node-type"])
+        ], 2),
+        createBaseVNode("div", {
+          ref_key: "wrapperRef",
+          ref: wrapperRef,
+          class: normalizeClass(_ctx.$style.textWrapper)
+        }, [
+          createVNode(unref(InlineRename), {
+            "max-width": unref(width),
+            "model-value": _ctx.modelValue,
+            "read-only": _ctx.readOnly,
+            "onUpdate:modelValue": onRename
+          }, null, 8, ["max-width", "model-value", "read-only"])
+        ], 2)
+      ], 2);
+    };
+  }
+});
+const container$4 = "_container_178ym_123";
+const textWrapper = "_textWrapper_178ym_132";
+const iconWrapper = "_iconWrapper_178ym_137";
+const style0$p = {
+  container: container$4,
+  textWrapper,
+  iconWrapper
+};
+const cssModules$p = {
+  "$style": style0$p
+};
+const NodeTitle = /* @__PURE__ */ _export_sfc$1(_sfc_main$z, [["__cssModules", cssModules$p]]);
+const useNodeDocsUrl = ({
+  nodeType: nodeTypeRef
+}) => {
+  const packageName = computed(() => toValue(nodeTypeRef)?.name.split(".")[0] ?? "");
+  const isCommunityNode = computed(() => {
+    const nodeType = toValue(nodeTypeRef);
+    if (nodeType) {
+      return isCommunityPackageName(nodeType.name);
+    }
+    return false;
+  });
+  const docsUrl = computed(() => {
+    const nodeType = toValue(nodeTypeRef);
+    if (!nodeType) {
+      return "";
+    }
+    if (nodeType.documentationUrl?.startsWith("http")) {
+      return nodeType.documentationUrl;
+    }
+    const utmParams = new URLSearchParams({
+      utm_source: "n8n_app",
+      utm_medium: "node_settings_modal-credential_link",
+      utm_campaign: nodeType.name
+    });
+    const primaryDocUrl = nodeType.codex?.resources?.primaryDocumentation?.[0]?.url;
+    if (primaryDocUrl) {
+      return `${primaryDocUrl}?${utmParams.toString()}`;
+    }
+    if (isCommunityNode.value) {
+      return `${NPM_PACKAGE_DOCS_BASE_URL}${packageName.value}`;
+    }
+    return `${BUILTIN_NODES_DOCS_URL}?${utmParams.toString()}`;
+  });
+  return { docsUrl };
+};
 const _sfc_main$y = /* @__PURE__ */ defineComponent({
   __name: "NodeSettingsTabs",
   props: {
     modelValue: { default: "params" },
     nodeType: { default: void 0 },
-    pushRef: { default: "" }
+    pushRef: { default: "" },
+    hideDocs: { type: Boolean }
   },
   emits: ["update:model-value"],
   setup(__props, { emit: __emit }) {
@@ -8612,6 +8715,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     const workflowsStore = useWorkflowsStore();
     const i18n = useI18n();
     const telemetry = useTelemetry();
+    const { docsUrl } = useNodeDocsUrl({ nodeType: () => props.nodeType });
     const activeNode = computed(() => ndvStore.activeNode);
     const isCommunityNode = computed(() => {
       const nodeType = props.nodeType;
@@ -8622,26 +8726,10 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     });
     const packageName = computed(() => props.nodeType?.name.split(".")[0] ?? "");
     const documentationUrl = computed(() => {
-      const nodeType = props.nodeType;
-      if (!nodeType) {
+      if (props.hideDocs) {
         return "";
       }
-      if (nodeType.documentationUrl && nodeType.documentationUrl.startsWith("http")) {
-        return nodeType.documentationUrl;
-      }
-      const utmParams = new URLSearchParams({
-        utm_source: "n8n_app",
-        utm_medium: "node_settings_modal-credential_link",
-        utm_campaign: nodeType.name
-      });
-      const primaryDocUrl = nodeType.codex?.resources?.primaryDocumentation?.[0]?.url;
-      if (primaryDocUrl) {
-        return `${primaryDocUrl}?${utmParams.toString()}`;
-      }
-      if (isCommunityNode.value) {
-        return `${NPM_PACKAGE_DOCS_BASE_URL}${packageName.value}`;
-      }
-      return `${BUILTIN_NODES_DOCS_URL}?${utmParams.toString()}`;
+      return docsUrl.value;
     });
     const options = computed(() => {
       const options2 = [
@@ -8656,7 +8744,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       ];
       if (isCommunityNode.value) {
         options2.push({
-          icon: "cube",
+          icon: "box",
           value: "communityNode",
           align: "right",
           tooltip: i18n.baseText("generic.communityNode.tooltip", {
@@ -8707,8 +8795,7 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
       }
     }
     return (_ctx, _cache) => {
-      const _component_N8nTabs = N8nTabs;
-      return openBlock(), createBlock(_component_N8nTabs, {
+      return openBlock(), createBlock(unref(N8nTabs), {
         options: options.value,
         "model-value": _ctx.modelValue,
         "onUpdate:modelValue": onTabSelect,
@@ -8717,66 +8804,6 @@ const _sfc_main$y = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$x = /* @__PURE__ */ defineComponent({
-  __name: "NodeTitle",
-  props: {
-    modelValue: { default: "" },
-    nodeType: { default: void 0 },
-    readOnly: { type: Boolean, default: false }
-  },
-  emits: ["update:model-value"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    function onRename(value) {
-      if (value.trim() !== "") {
-        emit("update:model-value", value.trim());
-      }
-    }
-    const wrapperRef = useTemplateRef("wrapperRef");
-    const { width } = useElementSize(wrapperRef);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass(_ctx.$style.container),
-        "data-test-id": "node-title-container"
-      }, [
-        createBaseVNode("span", {
-          class: normalizeClass(_ctx.$style.iconWrapper)
-        }, [
-          createVNode(_sfc_main$T, {
-            "node-type": _ctx.nodeType,
-            size: 18,
-            "show-tooltip": true,
-            "tooltip-position": "left"
-          }, null, 8, ["node-type"])
-        ], 2),
-        createBaseVNode("div", {
-          ref_key: "wrapperRef",
-          ref: wrapperRef,
-          class: normalizeClass(_ctx.$style.textWrapper)
-        }, [
-          createVNode(unref(InlineRename), {
-            "max-width": unref(width),
-            "model-value": _ctx.modelValue,
-            "read-only": _ctx.readOnly,
-            "onUpdate:modelValue": onRename
-          }, null, 8, ["max-width", "model-value", "read-only"])
-        ], 2)
-      ], 2);
-    };
-  }
-});
-const container$4 = "_container_178ym_123";
-const textWrapper = "_textWrapper_178ym_132";
-const iconWrapper = "_iconWrapper_178ym_137";
-const style0$o = {
-  container: container$4,
-  textWrapper,
-  iconWrapper
-};
-const cssModules$o = {
-  "$style": style0$o
-};
-const NodeTitle = /* @__PURE__ */ _export_sfc$1(_sfc_main$x, [["__cssModules", cssModules$o]]);
 const _hoisted_1$8 = {
   key: 0,
   class: "webhooks"
@@ -8804,7 +8831,7 @@ const _hoisted_10 = {
 };
 const _hoisted_11 = { class: "url-field-full-width" };
 const _hoisted_12 = ["onClick"];
-const _sfc_main$w = /* @__PURE__ */ defineComponent({
+const _sfc_main$x = /* @__PURE__ */ defineComponent({
   __name: "NodeWebhooks",
   props: {
     node: {},
@@ -8946,7 +8973,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
       }
     );
     return (_ctx, _cache) => {
-      const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
+      const _component_n8n_icon = N8nIcon;
       const _component_n8n_radio_buttons = N8nRadioButtons;
       const _component_el_col = resolveComponent("el-col");
       const _component_el_row = resolveComponent("el-row");
@@ -8958,8 +8985,8 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
           title: isMinimized.value ? baseText.value.clickToDisplay : baseText.value.clickToHide,
           onClick: _cache[0] || (_cache[0] = ($event) => isMinimized.value = !isMinimized.value)
         }, [
-          createVNode(_component_font_awesome_icon, {
-            icon: "angle-right",
+          createVNode(_component_n8n_icon, {
+            icon: "chevron-right",
             class: "minimize-button minimize-icon"
           }),
           createTextVNode(" " + toDisplayString(baseText.value.toggleTitle), 1)
@@ -9031,7 +9058,7 @@ const _sfc_main$w = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const NodeWebhooks = /* @__PURE__ */ _export_sfc$1(_sfc_main$w, [["__scopeId", "data-v-84b9da4b"]]);
+const NodeWebhooks = /* @__PURE__ */ _export_sfc$1(_sfc_main$x, [["__scopeId", "data-v-0dd27b5e"]]);
 const OnClickOutside = /* @__PURE__ */ defineComponent({
   name: "OnClickOutside",
   props: ["as", "options"],
@@ -9049,7 +9076,7 @@ const OnClickOutside = /* @__PURE__ */ defineComponent({
 });
 function unrefElement(elRef) {
   var _a;
-  const plain = toValue(elRef);
+  const plain = toValue$1(elRef);
   return (_a = plain == null ? void 0 : plain.$el) != null ? _a : plain;
 }
 const defaultWindow = isClient ? window : void 0;
@@ -9080,7 +9107,7 @@ function useEventListener(...args) {
     return () => el.removeEventListener(event, listener, options2);
   };
   const stopWatch = watch(
-    () => [unrefElement(target2), toValue(options)],
+    () => [unrefElement(target2), toValue$1(options)],
     ([el, options2]) => {
       cleanup();
       if (!el)
@@ -9136,7 +9163,7 @@ function useScrollLock(element, initialState = false) {
   let stopTouchMoveListener = null;
   let initialOverflow = "";
   watch(toRef$1(element), (el) => {
-    const target2 = resolveElement(toValue(el));
+    const target2 = resolveElement(toValue$1(el));
     if (target2) {
       const ele = target2;
       if (!elInitialOverflow.get(ele))
@@ -9152,7 +9179,7 @@ function useScrollLock(element, initialState = false) {
     immediate: true
   });
   const lock = () => {
-    const el = resolveElement(toValue(element));
+    const el = resolveElement(toValue$1(element));
     if (!el || isLocked.value)
       return;
     if (isIOS) {
@@ -9169,7 +9196,7 @@ function useScrollLock(element, initialState = false) {
     isLocked.value = true;
   };
   const unlock = () => {
-    const el = resolveElement(toValue(element));
+    const el = resolveElement(toValue$1(element));
     if (!el || !isLocked.value)
       return;
     isIOS && (stopTouchMoveListener == null ? void 0 : stopTouchMoveListener());
@@ -9208,7 +9235,7 @@ const _hoisted_3$2 = ["onClick"];
 const _hoisted_4$1 = ["onClick"];
 const _hoisted_5$1 = ["data-node-name"];
 const _hoisted_6$1 = ["onClick"];
-const _sfc_main$v = /* @__PURE__ */ defineComponent({
+const _sfc_main$w = /* @__PURE__ */ defineComponent({
   __name: "NDVSubConnections",
   props: {
     rootNode: {}
@@ -9368,7 +9395,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
       showNodeInputsIssues
     });
     return (_ctx, _cache) => {
-      const _component_n8n_icon_button = _sfc_main$R;
+      const _component_n8n_icon_button = _sfc_main$S;
       const _component_n8n_tooltip = N8nTooltip;
       return possibleConnections.value.length ? (openBlock(), createElementBlock("div", {
         key: 0,
@@ -9477,7 +9504,7 @@ const _sfc_main$v = /* @__PURE__ */ defineComponent({
                                   class: normalizeClass(_ctx.$style.connectedNode),
                                   onClick: ($event) => onNodeClick(node2.node.name, getConnectionContext(connection, index))
                                 }, [
-                                  createVNode(_sfc_main$T, {
+                                  createVNode(_sfc_main$U, {
                                     "node-type": node2.nodeType,
                                     "node-name": node2.node.name,
                                     "tooltip-position": "top",
@@ -9515,7 +9542,7 @@ const connectedNodesMultiple = "_connectedNodesMultiple_ac466_209";
 const connectedNode = "_connectedNode_ac466_177";
 const connectedNodes = "_connectedNodes_ac466_177";
 const nodeWrapper = "_nodeWrapper_ac466_247";
-const style0$n = {
+const style0$o = {
   container: container$3,
   connections,
   connectionType,
@@ -9530,10 +9557,65 @@ const style0$n = {
   connectedNodes,
   nodeWrapper
 };
+const cssModules$o = {
+  "$style": style0$o
+};
+const NDVSubConnections = /* @__PURE__ */ _export_sfc$1(_sfc_main$w, [["__cssModules", cssModules$o]]);
+const _sfc_main$v = /* @__PURE__ */ defineComponent({
+  __name: "NodeSettingsHeader",
+  props: {
+    nodeName: {},
+    hideExecute: { type: Boolean },
+    hideTabs: { type: Boolean },
+    disableExecute: { type: Boolean },
+    executeButtonTooltip: {},
+    selectedTab: {},
+    nodeType: {},
+    pushRef: {}
+  },
+  emits: ["execute", "stop-execution", "value-changed", "tab-changed"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.header)
+      }, [
+        !_ctx.hideTabs ? (openBlock(), createBlock(_sfc_main$y, {
+          key: 0,
+          "hide-docs": "",
+          "model-value": _ctx.selectedTab,
+          "node-type": _ctx.nodeType,
+          "push-ref": _ctx.pushRef,
+          class: normalizeClass(_ctx.$style.tabs),
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("tab-changed", $event))
+        }, null, 8, ["model-value", "node-type", "push-ref", "class"])) : createCommentVNode("", true),
+        !_ctx.hideExecute ? (openBlock(), createBlock(_sfc_main$V, {
+          key: 1,
+          "data-test-id": "node-execute-button",
+          "node-name": _ctx.nodeName,
+          disabled: _ctx.disableExecute,
+          tooltip: _ctx.executeButtonTooltip,
+          class: normalizeClass(_ctx.$style.execute),
+          size: "small",
+          "telemetry-source": "parameters",
+          onExecute: _cache[1] || (_cache[1] = ($event) => emit("execute")),
+          onStopExecution: _cache[2] || (_cache[2] = ($event) => emit("stop-execution")),
+          onValueChanged: _cache[3] || (_cache[3] = ($event) => emit("value-changed", $event))
+        }, null, 8, ["node-name", "disabled", "tooltip", "class"])) : createCommentVNode("", true)
+      ], 2);
+    };
+  }
+});
+const header$2 = "_header_1mro3_123";
+const tabs = "_tabs_1mro3_135";
+const style0$n = {
+  header: header$2,
+  tabs
+};
 const cssModules$n = {
   "$style": style0$n
 };
-const NDVSubConnections = /* @__PURE__ */ _export_sfc$1(_sfc_main$v, [["__cssModules", cssModules$n]]);
+const NodeSettingsHeader = /* @__PURE__ */ _export_sfc$1(_sfc_main$v, [["__cssModules", cssModules$n]]);
 const _hoisted_1$6 = { class: "mt-xs" };
 const LANGCHAIN_NODES_PREFIX = "@n8n/n8n-nodes-langchain.";
 const N8N_NODES_PREFIX = "@n8n/n8n-nodes.";
@@ -9549,7 +9631,6 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
     const showSuccessCallout = ref(false);
     const claimingCredits = ref(false);
     const settingsStore = useSettingsStore();
-    const posthogStore = usePostHog();
     const credentialsStore = useCredentialsStore();
     const usersStore = useUsersStore();
     const ndvStore = useNDVStore();
@@ -9569,7 +9650,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
       () => ndvStore.activeNode?.type && NODES_WITH_OPEN_AI_API_CREDENTIAL.includes(ndvStore.activeNode.type)
     );
     const userCanClaimOpenAiCredits = computed(() => {
-      return settingsStore.isAiCreditsEnabled && activeNodeHasOpenAiApiCredential.value && posthogStore.getVariant(AI_CREDITS_EXPERIMENT.name) === AI_CREDITS_EXPERIMENT.variant && !userHasOpenAiCredentialAlready.value && !userHasClaimedAiCreditsAlready.value;
+      return settingsStore.isAiCreditsEnabled && activeNodeHasOpenAiApiCredential.value && !userHasOpenAiCredentialAlready.value && !userHasClaimedAiCreditsAlready.value;
     });
     const onClaimCreditsClicked = async () => {
       claimingCredits.value = true;
@@ -9598,7 +9679,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
         userCanClaimOpenAiCredits.value && !showSuccessCallout.value ? (openBlock(), createBlock(_component_n8n_callout, {
           key: 0,
           theme: "secondary",
-          icon: "exclamation-circle"
+          icon: "circle-alert"
         }, {
           trailingContent: withCtx(() => [
             createVNode(_component_n8n_button, {
@@ -9618,7 +9699,7 @@ const _sfc_main$u = /* @__PURE__ */ defineComponent({
         })) : showSuccessCallout.value ? (openBlock(), createBlock(_component_n8n_callout, {
           key: 1,
           theme: "success",
-          icon: "check-circle"
+          icon: "circle-check"
         }, {
           default: withCtx(() => [
             createVNode(_component_n8n_text, { size: "small" }, {
@@ -9941,7 +10022,7 @@ function useNodeSettingsParameters() {
 }
 const _hoisted_1$5 = { class: "header-side-menu" };
 const _hoisted_2$2 = {
-  key: 0,
+  key: 2,
   class: "node-is-not-valid"
 };
 const _hoisted_3$1 = { class: "missingNodeTitleContainer mt-s mb-xs" };
@@ -9967,7 +10048,6 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     eventBus: {},
     dragging: { type: Boolean },
     pushRef: {},
-    nodeType: {},
     readOnly: { type: Boolean, default: false },
     foreignCredentials: { default: () => [] },
     blockUI: { type: Boolean, default: false },
@@ -9987,6 +10067,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     const workflowsStore = useWorkflowsStore();
     const credentialsStore = useCredentialsStore();
     const historyStore = useHistoryStore();
+    const posthogStore = usePostHog();
     const telemetry = useTelemetry();
     const nodeHelpers = useNodeHelpers();
     const externalHooks = useExternalHooks();
@@ -10018,23 +10099,14 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       () => props.readOnly || hasForeignCredential.value && !isHomeProjectTeam.value
     );
     const node2 = computed(() => props.activeNode ?? ndvStore.activeNode);
+    const nodeType = computed(
+      () => node2.value ? nodeTypesStore.getNodeType(node2.value.type, node2.value.typeVersion) : null
+    );
     const isTriggerNode = computed(() => !!node2.value && nodeTypesStore.isTriggerNode(node2.value.type));
     const isToolNode = computed(() => !!node2.value && nodeTypesStore.isToolNode(node2.value.type));
-    const isExecutable2 = computed(() => {
-      if (props.nodeType && node2.value) {
-        const workflowNode = currentWorkflowInstance.value.getNode(node2.value.name);
-        const inputs2 = getNodeInputs(
-          currentWorkflowInstance.value,
-          workflowNode,
-          props.nodeType
-        );
-        const inputNames = getConnectionTypes(inputs2);
-        if (!inputNames.includes(NodeConnectionTypes.Main) && !isToolNode.value && !isTriggerNode.value) {
-          return false;
-        }
-      }
-      return props.executable || props.foreignCredentials.length > 0;
-    });
+    const isExecutable2 = computed(
+      () => nodeHelpers.isNodeExecutable(node2.value, props.executable, props.foreignCredentials)
+    );
     const nodeTypeVersions = computed(() => {
       if (!node2.value) return [];
       return nodeTypesStore.getNodeVersions(node2.value.type);
@@ -10052,7 +10124,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       return "";
     });
     const nodeVersionTag = computed(() => {
-      if (!props.nodeType || props.nodeType.hidden) {
+      if (!nodeType.value || nodeType.value.hidden) {
         return i18n.baseText("nodeSettings.deprecated");
       }
       if (isLatestNodeVersion.value) {
@@ -10063,10 +10135,10 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       });
     });
     const parameters = computed(() => {
-      if (props.nodeType === null) {
+      if (nodeType.value === null) {
         return [];
       }
-      return props.nodeType?.properties ?? [];
+      return nodeType.value?.properties ?? [];
     });
     const parametersSetting = computed(() => parameters.value.filter((item) => item.isNodeSetting));
     const parametersNoneSetting = computed(() => {
@@ -10074,7 +10146,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       return props.isEmbeddedInCanvas ? parameters.value.filter(shouldShowParameter) : paramsToShow;
     });
     const isDisplayingCredentials = computed(
-      () => credentialsStore.getCredentialTypesNodeDescriptions("", props.nodeType).filter((credentialTypeDescription) => displayCredentials(credentialTypeDescription)).length > 0
+      () => credentialsStore.getCredentialTypesNodeDescriptions("", nodeType.value).filter((credentialTypeDescription) => displayCredentials(credentialTypeDescription)).length > 0
     );
     const showNoParametersNotice = computed(
       () => !isDisplayingCredentials.value && parametersNoneSetting.value.filter((item) => item.type !== "notice").length === 0
@@ -10094,6 +10166,18 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       ) : void 0;
       return credentialsStore.getCredentialOwnerName(credential);
     });
+    const isNDVV2 = computed(
+      () => posthogStore.isVariantEnabled(
+        NDV_UI_OVERHAUL_EXPERIMENT.name,
+        NDV_UI_OVERHAUL_EXPERIMENT.variant
+      )
+    );
+    const featureRequestUrl = computed(() => {
+      if (!nodeType.value) {
+        return "";
+      }
+      return `${BASE_NODE_SURVEY_URL}${nodeType.value.name}`;
+    });
     const valueChanged = (parameterData) => {
       let newValue;
       if (parameterData.hasOwnProperty("value")) {
@@ -10120,17 +10204,17 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
         };
         emit("valueChanged", sendData);
       } else if (parameterData.name === "parameters") {
-        const nodeType = nodeTypesStore.getNodeType(_node.type, _node.typeVersion);
-        if (!nodeType) {
+        const _nodeType = nodeTypesStore.getNodeType(_node.type, _node.typeVersion);
+        if (!_nodeType) {
           return;
         }
         let nodeParameters = getNodeParameters(
-          nodeType.properties,
+          _nodeType.properties,
           _node.parameters,
           false,
           false,
           _node,
-          nodeType
+          _nodeType
         );
         const oldNodeParameters = Object.assign({}, nodeParameters);
         nodeParameters = deepCopy(nodeParameters);
@@ -10141,7 +10225,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
               parameterName,
               newValue,
               nodeParameters,
-              nodeType,
+              _nodeType,
               _node.typeVersion
             );
             void externalHooks.run("nodeSettings.valueChanged", {
@@ -10153,12 +10237,12 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
           }
         }
         nodeParameters = getNodeParameters(
-          nodeType.properties,
+          _nodeType.properties,
           nodeParameters,
           true,
           false,
           _node,
-          nodeType
+          _nodeType
         );
         for (const key of Object.keys(nodeParameters)) {
           if (nodeParameters?.[key] !== null && nodeParameters?.[key] !== void 0) {
@@ -10365,7 +10449,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
         nodeValuesInitialized.value = true;
         return;
       }
-      if (props.nodeType !== null) {
+      if (nodeType.value !== null) {
         nodeValid.value = true;
         const foundNodeSettings = [];
         if (node2.value.color) {
@@ -10478,6 +10562,18 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     const onTabSelect = (tab) => {
       openPanel.value = tab;
     };
+    const onFeatureRequestClick = () => {
+      window.open(featureRequestUrl.value, "_blank");
+      if (node2.value) {
+        telemetry.track("User clicked ndv link", {
+          node_type: node2.value.type,
+          workflow_id: workflowsStore.workflowId,
+          push_ref: props.pushRef,
+          pane: NodeConnectionTypes.Main,
+          type: "i-wish-this-node-would"
+        });
+      }
+    };
     watch(node2, () => {
       setNodeValues();
     });
@@ -10487,7 +10583,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
       setNodeValues();
       props.eventBus?.on("openSettings", openSettings);
       if (node2.value !== null) {
-        nodeHelpers.updateNodeParameterIssues(node2.value, props.nodeType);
+        nodeHelpers.updateNodeParameterIssues(node2.value, nodeType.value);
       }
       importCurlEventBus.on("setHttpNodeParameters", setHttpNodeParameters);
       ndvEventBus.on("updateParameterValue", valueChanged);
@@ -10510,12 +10606,12 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _component_NodeTitle = NodeTitle;
-      const _component_NodeSettingsTabs = _sfc_main$y;
-      const _component_font_awesome_icon = resolveComponent("font-awesome-icon");
+      const _component_n8n_icon = N8nIcon;
       const _component_n8n_text = N8nText;
       const _component_i18n_t = resolveComponent("i18n-t");
       const _component_n8n_link = N8nLink;
       const _component_n8n_notice = N8nNotice;
+      const _component_N8nIcon = N8nIcon;
       const _component_n8n_block_ui = N8nBlockUi;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass({
@@ -10526,7 +10622,8 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
         onKeydown: _cache[1] || (_cache[1] = withModifiers(() => {
         }, ["stop"]))
       }, [
-        createBaseVNode("div", {
+        !isNDVV2.value ? (openBlock(), createElementBlock("div", {
+          key: 0,
           class: normalizeClass(_ctx.$style.header)
         }, [
           createBaseVNode("div", _hoisted_1$5, [
@@ -10534,12 +10631,12 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
               key: 0,
               class: "node-name",
               "model-value": node2.value.name,
-              "node-type": _ctx.nodeType,
+              "node-type": nodeType.value,
               "read-only": isReadOnly.value,
               "onUpdate:modelValue": nameChanged
             }, null, 8, ["model-value", "node-type", "read-only"])) : createCommentVNode("", true),
             isExecutable2.value || slots.actions ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              isExecutable2.value && !_ctx.blockUI && node2.value && nodeValid.value ? (openBlock(), createBlock(_sfc_main$U, {
+              isExecutable2.value && !_ctx.blockUI && node2.value && nodeValid.value ? (openBlock(), createBlock(_sfc_main$V, {
                 key: 0,
                 "data-test-id": "node-execute-button",
                 "node-name": node2.value.name,
@@ -10554,19 +10651,33 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
               renderSlot(_ctx.$slots, "actions", {}, void 0, true)
             ], 64)) : createCommentVNode("", true)
           ]),
-          node2.value && nodeValid.value ? (openBlock(), createBlock(_component_NodeSettingsTabs, {
+          node2.value && nodeValid.value ? (openBlock(), createBlock(_sfc_main$y, {
             key: 0,
             "model-value": openPanel.value,
-            "node-type": _ctx.nodeType,
+            "node-type": nodeType.value,
             "push-ref": _ctx.pushRef,
             "onUpdate:modelValue": onTabSelect
           }, null, 8, ["model-value", "node-type", "push-ref"])) : createCommentVNode("", true)
-        ], 2),
+        ], 2)) : node2.value ? (openBlock(), createBlock(NodeSettingsHeader, {
+          key: 1,
+          "selected-tab": openPanel.value,
+          "node-name": node2.value.name,
+          "node-type": nodeType.value,
+          "execute-button-tooltip": executeButtonTooltip.value,
+          "hide-execute": !isExecutable2.value || _ctx.blockUI || !node2.value || !nodeValid.value,
+          "disable-execute": outputPanelEditMode.value.enabled && !isTriggerNode.value,
+          "hide-tabs": !nodeValid.value,
+          "push-ref": _ctx.pushRef,
+          onExecute: onNodeExecute,
+          onStopExecution,
+          onValueChanged: valueChanged,
+          onTabChanged: onTabSelect
+        }, null, 8, ["selected-tab", "node-name", "node-type", "execute-button-tooltip", "hide-execute", "disable-execute", "hide-tabs", "push-ref"])) : createCommentVNode("", true),
         node2.value && !nodeValid.value ? (openBlock(), createElementBlock("div", _hoisted_2$2, [
           createBaseVNode("p", {
             class: normalizeClass(_ctx.$style.warningIcon)
           }, [
-            createVNode(_component_font_awesome_icon, { icon: "exclamation-triangle" })
+            createVNode(_component_n8n_icon, { icon: "triangle-alert" })
           ], 2),
           createBaseVNode("div", _hoisted_3$1, [
             createVNode(_component_n8n_text, {
@@ -10624,13 +10735,14 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
           }))
         ])) : createCommentVNode("", true),
         node2.value && nodeValid.value ? (openBlock(), createElementBlock("div", {
-          key: 1,
+          key: 3,
           ref_key: "nodeParameterWrapper",
           ref: nodeParameterWrapper,
           class: normalizeClass([
             "node-parameters-wrapper",
             shouldShowStaticScrollbar.value ? "with-static-scrollbar" : "",
-            _ctx.noWheel && shouldShowStaticScrollbar.value ? "nowheel" : ""
+            _ctx.noWheel && shouldShowStaticScrollbar.value ? "nowheel" : "",
+            { "ndv-v2": isNDVV2.value }
           ]),
           "data-test-id": "node-parameters",
           onWheel: _cache[0] || (_cache[0] = ($event) => _ctx.noWheel ? handleWheelEvent : void 0)
@@ -10645,9 +10757,9 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
           withDirectives(createBaseVNode("div", null, [
             createVNode(NodeWebhooks, {
               node: node2.value,
-              "node-type-description": _ctx.nodeType
+              "node-type-description": nodeType.value
             }, null, 8, ["node", "node-type-description"]),
-            nodeValuesInitialized.value ? (openBlock(), createBlock(_sfc_main$V, {
+            nodeValuesInitialized.value ? (openBlock(), createBlock(_sfc_main$W, {
               key: 0,
               parameters: parametersNoneSetting.value,
               "hide-delete": true,
@@ -10685,7 +10797,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             unref(nodeHelpers).isCustomApiCallSelected(unref(nodeValues)) ? (openBlock(), createElementBlock("div", _hoisted_8, [
               createVNode(_component_n8n_notice, {
                 content: unref(i18n).baseText("nodeSettings.useTheHttpRequestNode", {
-                  interpolate: { nodeTypeDisplayName: _ctx.nodeType?.displayName ?? "" }
+                  interpolate: { nodeTypeDisplayName: nodeType.value?.displayName ?? "" }
                 })
               }, null, 8, ["content"])
             ])) : createCommentVNode("", true)
@@ -10693,7 +10805,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             [vShow, openPanel.value === "params"]
           ]),
           withDirectives(createBaseVNode("div", null, [
-            createVNode(_sfc_main$V, {
+            createVNode(_sfc_main$W, {
               parameters: parametersSetting.value,
               "node-values": unref(nodeValues),
               "is-read-only": isReadOnly.value,
@@ -10703,7 +10815,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
               onValueChanged: valueChanged,
               onParameterBlur
             }, null, 8, ["parameters", "node-values", "is-read-only", "hidden-issues-inputs"]),
-            createVNode(_sfc_main$V, {
+            createVNode(_sfc_main$W, {
               parameters: nodeSettings.value,
               "hide-delete": true,
               "node-values": unref(nodeValues),
@@ -10716,7 +10828,7 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             createBaseVNode("div", _hoisted_9, [
               createTextVNode(toDisplayString(unref(i18n).baseText("nodeSettings.nodeVersion", {
                 interpolate: {
-                  node: _ctx.nodeType?.displayName,
+                  node: nodeType.value?.displayName,
                   version: (node2.value.typeVersion ?? latestVersion.value).toString()
                 }
               })) + " ", 1),
@@ -10724,10 +10836,22 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
             ])
           ], 512), [
             [vShow, openPanel.value === "settings"]
-          ])
+          ]),
+          isNDVV2.value && featureRequestUrl.value ? (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: normalizeClass(_ctx.$style.featureRequest)
+          }, [
+            createBaseVNode("a", {
+              target: "_blank",
+              onClick: onFeatureRequestClick
+            }, [
+              createVNode(_component_N8nIcon, { icon: "lightbulb" }),
+              createTextVNode(" " + toDisplayString(unref(i18n).baseText("ndv.featureRequest")), 1)
+            ])
+          ], 2)) : createCommentVNode("", true)
         ], 34)) : createCommentVNode("", true),
         node2.value && !props.isEmbeddedInCanvas ? (openBlock(), createBlock(NDVSubConnections, {
-          key: 2,
+          key: 4,
           ref_key: "subConnections",
           ref: subConnections,
           "root-node": node2.value,
@@ -10739,18 +10863,20 @@ const _sfc_main$t = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const header$1 = "_header_13al3_123";
-const warningIcon = "_warningIcon_13al3_127";
-const descriptionContainer = "_descriptionContainer_13al3_132";
+const header$1 = "_header_1vh2c_123";
+const warningIcon = "_warningIcon_1vh2c_127";
+const descriptionContainer = "_descriptionContainer_1vh2c_132";
+const featureRequest = "_featureRequest_1vh2c_137";
 const style0$m = {
   header: header$1,
   warningIcon,
-  descriptionContainer
+  descriptionContainer,
+  featureRequest
 };
 const cssModules$m = {
   "$style": style0$m
 };
-const NodeSettings = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["__cssModules", cssModules$m], ["__scopeId", "data-v-8e2785e0"]]);
+const NodeSettings = /* @__PURE__ */ _export_sfc$1(_sfc_main$t, [["__cssModules", cssModules$m], ["__scopeId", "data-v-a75f342f"]]);
 const _sfc_main$s = /* @__PURE__ */ defineComponent({
   __name: "ExperimentalCanvasNodeSettings",
   props: {
@@ -10759,16 +10885,9 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const settingsEventBus = createEventBus();
-    const nodeTypesStore = useNodeTypesStore();
     const workflowsStore = useWorkflowsStore();
     const { renameNode } = useCanvasOperations();
     const activeNode = computed(() => workflowsStore.getNodeById(__props.nodeId));
-    const activeNodeType = computed(() => {
-      if (activeNode.value) {
-        return nodeTypesStore.getNodeType(activeNode.value.type, activeNode.value.typeVersion);
-      }
-      return null;
-    });
     function handleValueChanged(parameterData) {
       if (parameterData.name === "name" && parameterData.oldValue) {
         void renameNode(parameterData.oldValue, parameterData.value);
@@ -10779,7 +10898,6 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
         "event-bus": unref(settingsEventBus),
         dragging: false,
         "active-node": activeNode.value,
-        "node-type": activeNodeType.value,
         "push-ref": "",
         "foreign-credentials": [],
         "read-only": false,
@@ -10794,7 +10912,7 @@ const _sfc_main$s = /* @__PURE__ */ defineComponent({
           renderSlot(_ctx.$slots, "actions")
         ]),
         _: 3
-      }, 8, ["event-bus", "active-node", "node-type", "no-wheel"]);
+      }, 8, ["event-bus", "active-node", "no-wheel"]);
     };
   }
 });
@@ -10901,8 +11019,8 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
             /* to not interrupt panning while allowing scroll of the settings pane, allow wheel event while panning */
           }, {
             actions: withCtx(() => [
-              createVNode(unref(_sfc_main$R), {
-                icon: "compress",
+              createVNode(unref(_sfc_main$S), {
+                icon: "minimize-2",
                 type: "secondary",
                 text: "",
                 size: "mini",
@@ -10926,7 +11044,7 @@ const _sfc_main$r = /* @__PURE__ */ defineComponent({
               "read-only": ""
             }, null, 8, ["model-value", "node-type"])) : createCommentVNode("", true),
             createVNode(unref(N8nIcon), {
-              icon: "expand",
+              icon: "maximize-2",
               size: "large"
             })
           ], 2))
@@ -11053,7 +11171,7 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _component_CanvasNodeTooltip = __unplugin_components_0$3;
-      const _component_NodeIcon = _sfc_main$T;
+      const _component_NodeIcon = _sfc_main$U;
       const _component_CanvasNodeDisabledStrikeThrough = __unplugin_components_2;
       const _component_CanvasNodeStatusIcons = __unplugin_components_3;
       return unref(experimentalNdvStore).isActive(unref(viewport).zoom) ? (openBlock(), createBlock(ExperimentalInPlaceNodeSettings, {
@@ -11105,24 +11223,24 @@ const _sfc_main$q = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const node = "_node_1gj9w_123";
-const trigger$1 = "_trigger_1gj9w_145";
-const configuration = "_configuration_1gj9w_148";
-const statusIcons = "_statusIcons_1gj9w_153";
-const configurable = "_configurable_1gj9w_156";
-const icon = "_icon_1gj9w_156";
-const description = "_description_1gj9w_159";
-const label$5 = "_label_1gj9w_172";
-const subtitle = "_subtitle_1gj9w_175";
-const running = "_running_1gj9w_181";
-const selected$1 = "_selected_1gj9w_188";
-const success$1 = "_success_1gj9w_191";
-const warning = "_warning_1gj9w_197";
-const error = "_error_1gj9w_200";
-const pinned = "_pinned_1gj9w_203";
-const disabled$1 = "_disabled_1gj9w_209";
-const waiting = "_waiting_1gj9w_222";
-const disabledLabel = "_disabledLabel_1gj9w_241";
+const node = "_node_15pfo_123";
+const trigger$1 = "_trigger_15pfo_145";
+const configuration = "_configuration_15pfo_148";
+const statusIcons = "_statusIcons_15pfo_153";
+const configurable = "_configurable_15pfo_156";
+const icon = "_icon_15pfo_156";
+const description = "_description_15pfo_159";
+const label$5 = "_label_15pfo_172";
+const subtitle = "_subtitle_15pfo_175";
+const running = "_running_15pfo_181";
+const selected$1 = "_selected_15pfo_188";
+const success$1 = "_success_15pfo_191";
+const warning = "_warning_15pfo_197";
+const error = "_error_15pfo_200";
+const pinned = "_pinned_15pfo_203";
+const disabled$1 = "_disabled_15pfo_209";
+const waiting = "_waiting_15pfo_222";
+const disabledLabel = "_disabledLabel_15pfo_242";
 const style0$k = {
   node,
   trigger: trigger$1,
@@ -12660,7 +12778,7 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
       );
     }
     return (_ctx, _cache) => {
-      const _component_FontAwesomeIcon = resolveComponent("FontAwesomeIcon");
+      const _component_N8nIcon = N8nIcon;
       const _component_N8nTooltip = N8nTooltip;
       return openBlock(), createElementBlock("div", {
         ref: "container",
@@ -12683,9 +12801,10 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
               "data-test-id": "canvas-plus-button",
               onClick: withModifiers(onClick, ["stop"])
             }, [
-              createVNode(_component_FontAwesomeIcon, {
+              createVNode(_component_N8nIcon, {
                 icon: "plus",
-                size: "lg"
+                color: "foreground-xdark",
+                size: 40
               })
             ], 2)
           ]),
@@ -12699,9 +12818,9 @@ const _sfc_main$n = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const addNodes = "_addNodes_1qfrq_123";
-const button$1 = "_button_1qfrq_131";
-const label$4 = "_label_1qfrq_152";
+const addNodes = "_addNodes_kytyq_123";
+const button$1 = "_button_kytyq_131";
+const label$4 = "_label_kytyq_145";
 const style0$i = {
   addNodes,
   button: button$1,
@@ -12935,6 +13054,7 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     const style = useCssModule();
     const classes = computed(() => [
+      "canvas-handle-plus-wrapper",
       style.wrapper,
       style[props.position],
       style[props.type],
@@ -13031,11 +13151,13 @@ const _sfc_main$i = /* @__PURE__ */ defineComponent({
             rx: "4",
             fill: "var(--color-foreground-xlight)"
           }, null, 2),
-          createBaseVNode("path", {
-            class: normalizeClass([_ctx.handleClasses, "clickable"]),
-            fill: "var(--color-foreground-xdark)",
-            d: "m16.40655,10.89837l-3.30491,0l0,-3.30491c0,-0.40555 -0.32889,-0.73443 -0.73443,-0.73443l-0.73443,0c-0.40554,0 -0.73442,0.32888 -0.73442,0.73443l0,3.30491l-3.30491,0c-0.40555,0 -0.73443,0.32888 -0.73443,0.73442l0,0.73443c0,0.40554 0.32888,0.73443 0.73443,0.73443l3.30491,0l0,3.30491c0,0.40554 0.32888,0.73442 0.73442,0.73442l0.73443,0c0.40554,0 0.73443,-0.32888 0.73443,-0.73442l0,-3.30491l3.30491,0c0.40554,0 0.73442,-0.32889 0.73442,-0.73443l0,-0.73443c0,-0.40554 -0.32888,-0.73442 -0.73442,-0.73442z"
-          }, null, 2)
+          _cache[0] || (_cache[0] = createBaseVNode("path", {
+            stroke: "currentColor",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            d: "M8 12h8m-4-4v8",
+            class: "source clickable"
+          }, null, -1))
         ], 10, _hoisted_3)
       ], 14, _hoisted_1$2);
     };
@@ -13479,7 +13601,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
       await runEntireWorkflow("node", __props.name);
     }
     return (_ctx, _cache) => {
-      const _component_FontAwesomeIcon = resolveComponent("FontAwesomeIcon");
+      const _component_N8nIcon = N8nIcon;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(containerClass.value),
         onClick: _cache[2] || (_cache[2] = withModifiers(() => {
@@ -13491,9 +13613,9 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
           createBaseVNode("div", {
             class: normalizeClass(_ctx.$style.bolt)
           }, [
-            createVNode(_component_FontAwesomeIcon, {
-              icon: "bolt",
-              size: "lg"
+            createVNode(_component_N8nIcon, {
+              icon: "bolt-filled",
+              size: "large"
             })
           ], 2),
           !_ctx.readOnly ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
@@ -13501,7 +13623,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
               isChatOpen.value ? (openBlock(), createBlock(unref(N8nButton), {
                 key: 0,
                 type: "secondary",
-                icon: "comment",
+                icon: "message-circle",
                 size: "large",
                 disabled: isExecuting.value,
                 "data-test-id": testId.value,
@@ -13515,7 +13637,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
                 default: withCtx(() => [
                   createVNode(unref(N8nButton), {
                     type: "primary",
-                    icon: "comment",
+                    icon: "message-circle",
                     size: "large",
                     disabled: isExecuting.value,
                     "data-test-id": testId.value,
@@ -13528,7 +13650,7 @@ const _sfc_main$b = /* @__PURE__ */ defineComponent({
             ], 64)) : (openBlock(), createBlock(unref(N8nButton), {
               key: 1,
               type: "primary",
-              icon: "flask",
+              icon: "flask-conical",
               size: "large",
               disabled: isExecuting.value,
               "data-test-id": testId.value,
@@ -13656,7 +13778,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 + index * 2)}px` : `${100 / (endpoints.length + 1) * (index + 1)}%`;
+      const offsetValue = position2 === Position.Bottom ? `${GRID_SIZE * 2 * (1 + index * 2) + CONFIGURATION_NODE_OFFSET}px` : `${100 / (endpoints.length + 1) * (index + 1)}%`;
       return {
         ...endpoint,
         handleId,
@@ -14513,14 +14635,14 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           createVNode(_component_CanvasConnectionLine, normalizeProps(guardReactiveProps(connectionLineProps)), null, 16)
         ]),
         default: withCtx(() => [
-          createVNode(_sfc_main$G, { id: arrowHeadMarkerId.value }, null, 8, ["id"]),
-          createVNode(_sfc_main$H, {
+          createVNode(_sfc_main$H, { id: arrowHeadMarkerId.value }, null, 8, ["id"]),
+          createVNode(_sfc_main$I, {
             viewport: unref(viewport),
             striped: _ctx.readOnly
           }, null, 8, ["viewport", "striped"]),
           createVNode(Transition$1, { name: "minimap" }, {
             default: withCtx(() => [
-              withDirectives(createVNode(unref(_sfc_main$K), {
+              withDirectives(createVNode(unref(_sfc_main$L), {
                 "data-test-id": "canvas-minimap",
                 "aria-label": "n8n Minimap",
                 height: 120,
@@ -15116,7 +15238,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
       { immediate: true }
     );
     return (_ctx, _cache) => {
-      const _component_N8nIconButton = _sfc_main$R;
+      const _component_N8nIconButton = _sfc_main$S;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([_ctx.$style.component, content2.value === void 0 ? _ctx.$style.closed : ""])
       }, [
@@ -15134,7 +15256,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
         }, {
           actions: withCtx(() => [
             createVNode(_component_N8nIconButton, {
-              icon: "expand",
+              icon: "maximize-2",
               type: "secondary",
               text: "",
               size: "mini",
@@ -15213,8 +15335,9 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
             nodes: _ctx.executing ? unref(mappedNodesThrottled) : unref(mappedNodes),
             connections: _ctx.executing ? unref(mappedConnectionsThrottled) : unref(mappedConnections),
             "event-bus": _ctx.eventBus,
-            "read-only": _ctx.readOnly
-          }, _ctx.$attrs), null, 16, ["id", "nodes", "connections", "event-bus", "read-only"])) : createCommentVNode("", true)
+            "read-only": _ctx.readOnly,
+            executing: _ctx.executing
+          }, _ctx.$attrs), null, 16, ["id", "nodes", "connections", "event-bus", "read-only", "executing"])) : createCommentVNode("", true)
         ], 2),
         renderSlot(_ctx.$slots, "default"),
         unref(settingsStore).experimental__dockedNodeSettingsEnabled && !props.readOnly ? (openBlock(), createBlock(ExperimentalNodeDetailsDrawer, {
@@ -15238,29 +15361,61 @@ const WorkflowCanvas = /* @__PURE__ */ _export_sfc$1(_sfc_main$7, [["__cssModule
 const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   ...{ name: "FocusPanel" },
   __name: "FocusPanel",
+  props: {
+    executable: { type: Boolean }
+  },
   setup(__props) {
+    const props = __props;
     const locale = useI18n();
+    const nodeHelpers = useNodeHelpers();
     const focusPanelStore = useFocusPanelStore();
+    const nodeTypesStore = useNodeTypesStore();
+    const nodeSettingsParameters = useNodeSettingsParameters();
     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 isExecutable2 = computed(() => {
+      if (!resolvedParameter.value) return false;
+      const foreignCredentials = nodeHelpers.getForeignCredentialsIfSharingEnabled(
+        resolvedParameter.value.node.credentials
+      );
+      return nodeHelpers.isNodeExecutable(
+        resolvedParameter.value.node,
+        props.executable,
+        foreignCredentials
+      );
+    });
+    const isToolNode = computed(
+      () => resolvedParameter.value ? nodeTypesStore.isToolNode(resolvedParameter.value?.node.type) : false
+    );
     const expressionModeEnabled = computed(
-      () => focusedNodeParameter.value && isValueExpression(focusedNodeParameter.value.parameter, focusedNodeParameter.value.value)
+      () => resolvedParameter.value && isValueExpression(resolvedParameter.value.parameter, resolvedParameter.value.value)
     );
     function optionSelected() {
     }
-    function valueChanged() {
-    }
-    function executeFocusedNode() {
+    function valueChanged(value) {
+      if (resolvedParameter.value === void 0) {
+        return;
+      }
+      nodeSettingsParameters.updateNodeParameter(
+        { value, name: resolvedParameter.value.parameterPath },
+        value,
+        resolvedParameter.value.node,
+        isToolNode.value
+      );
     }
     return (_ctx, _cache) => {
       const _component_n8n_icon = N8nIcon;
-      const _component_n8n_button = N8nButton;
-      const _component_N8nTooltip = N8nTooltip;
-      const _component_ParameterOptions = __unplugin_components_3$1;
-      const _component_ExpressionEditorModalInput = __unplugin_components_4;
+      const _component_NodeExecuteButton = _sfc_main$V;
+      const _component_ParameterOptions = __unplugin_components_2$2;
+      const _component_ExpressionEditorModalInput = __unplugin_components_3$1;
       return focusPanelActive.value ? (openBlock(), createElementBlock("div", {
         key: 0,
-        class: normalizeClass(_ctx.$style.container)
+        class: normalizeClass(_ctx.$style.container),
+        onKeydown: _cache[3] || (_cache[3] = withModifiers(() => {
+        }, ["stop"]))
       }, [
         createBaseVNode("div", {
           class: normalizeClass(_ctx.$style.header)
@@ -15285,7 +15440,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             })
           ], 2)
         ], 2),
-        focusedNodeParameter.value ? (openBlock(), createElementBlock("div", {
+        resolvedParameter.value ? (openBlock(), createElementBlock("div", {
           key: 0,
           class: normalizeClass(_ctx.$style.content)
         }, [
@@ -15300,7 +15455,7 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                 size: "small"
               }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(focusedNodeParameter.value.parameter.displayName), 1)
+                  createTextVNode(toDisplayString(resolvedParameter.value.parameter.displayName), 1)
                 ]),
                 _: 1
               }),
@@ -15309,29 +15464,22 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
                 size: "xsmall"
               }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(focusedNodeParameter.value.nodeName), 1)
+                  createTextVNode(toDisplayString(resolvedParameter.value.node.name), 1)
                 ]),
                 _: 1
               })
             ], 2),
-            createVNode(_component_N8nTooltip, null, {
-              content: withCtx(() => [
-                createVNode(unref(N8nText), { size: "small" }, {
-                  default: withCtx(() => [
-                    createTextVNode(toDisplayString(unref(locale).baseText("nodeView.focusPanel.executeButtonTooltip")), 1)
-                  ]),
-                  _: 1
-                })
-              ]),
-              default: withCtx(() => [
-                createVNode(_component_n8n_button, mergeProps({ icon: "play", square: true }, {
-                  size: "small",
-                  type: "primary",
-                  onClick: executeFocusedNode
-                }), null, 16)
-              ]),
-              _: 1
-            })
+            createVNode(_component_NodeExecuteButton, {
+              "data-test-id": "node-execute-button",
+              "node-name": resolvedParameter.value.node.name,
+              tooltip: `Execute ${resolvedParameter.value.node.name}`,
+              disabled: !isExecutable2.value,
+              size: "small",
+              icon: "play",
+              square: true,
+              "hide-label": true,
+              "telemetry-source": "focus"
+            }, null, 8, ["node-name", "tooltip", "disabled"])
           ], 2),
           createBaseVNode("div", {
             class: normalizeClass(_ctx.$style.parameterDetailsWrapper)
@@ -15339,38 +15487,39 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             createBaseVNode("div", {
               class: normalizeClass(_ctx.$style.parameterOptionsWrapper)
             }, [
-              _cache[2] || (_cache[2] = createBaseVNode("div", null, null, -1)),
+              _cache[4] || (_cache[4] = createBaseVNode("div", null, null, -1)),
               createVNode(_component_ParameterOptions, {
-                parameter: focusedNodeParameter.value.parameter,
-                value: focusedNodeParameter.value.value,
+                parameter: resolvedParameter.value.parameter,
+                value: resolvedParameter.value.value,
                 "is-read-only": false,
                 "onUpdate:modelValue": optionSelected
               }, null, 8, ["parameter", "value"])
             ], 2),
-            createBaseVNode("div", {
+            typeof resolvedParameter.value.value === "string" ? (openBlock(), createElementBlock("div", {
+              key: 0,
               class: normalizeClass(_ctx.$style.editorContainer)
             }, [
               expressionModeEnabled.value ? (openBlock(), createBlock(_component_ExpressionEditorModalInput, {
                 key: 0,
-                "model-value": focusedNodeParameter.value.value,
+                "model-value": resolvedParameter.value.value,
                 class: normalizeClass(_ctx.$style.editor),
                 "is-read-only": false,
-                path: focusedNodeParameter.value.parameterPath,
+                path: resolvedParameter.value.parameterPath,
                 "data-test-id": "expression-modal-input",
                 "target-node-parameter-context": {
-                  nodeName: focusedNodeParameter.value.nodeName,
-                  parameterPath: focusedNodeParameter.value.parameterPath
+                  nodeName: resolvedParameter.value.node.name,
+                  parameterPath: resolvedParameter.value.parameterPath
                 },
-                onChange: valueChanged
+                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,
-                modelValue: focusedNodeParameter.value.value,
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => focusedNodeParameter.value.value = $event),
+                "model-value": resolvedParameter.value.value,
                 class: normalizeClass(_ctx.$style.editor),
                 type: "textarea",
-                resize: "none"
-              }, null, 8, ["modelValue", "class"]))
-            ], 2)
+                resize: "none",
+                "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => valueChanged($event))
+              }, null, 8, ["model-value", "class"]))
+            ], 2)) : createCommentVNode("", true)
           ], 2)
         ], 2)) : (openBlock(), createElementBlock("div", {
           key: 1,
@@ -15387,23 +15536,23 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
             })
           ], 2)
         ], 2))
-      ], 2)) : createCommentVNode("", true);
+      ], 34)) : createCommentVNode("", true);
     };
   }
 });
-const container = "_container_1s06k_123";
-const closeButton = "_closeButton_1s06k_131";
-const header = "_header_1s06k_135";
-const content = "_content_1s06k_143";
-const emptyContent = "_emptyContent_1s06k_149";
-const emptyText = "_emptyText_1s06k_154";
-const tabHeader = "_tabHeader_1s06k_157";
-const tabHeaderText = "_tabHeaderText_1s06k_164";
-const buttonWrapper = "_buttonWrapper_1s06k_169";
-const parameterDetailsWrapper = "_parameterDetailsWrapper_1s06k_174";
-const parameterOptionsWrapper = "_parameterOptionsWrapper_1s06k_181";
-const editorContainer = "_editorContainer_1s06k_185";
-const editor = "_editor_1s06k_185";
+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 style0$2 = {
   container,
   closeButton,
@@ -15474,7 +15623,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       const _component_I18nT = resolveComponent("I18nT");
-      const _component_NodeIcon = _sfc_main$T;
+      const _component_NodeIcon = _sfc_main$U;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass([_ctx.$style.component, isSplitButton.value ? _ctx.$style.split : ""])
       }, [
@@ -15489,7 +15638,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
               loading: _ctx.executing,
               disabled: _ctx.disabled,
               size: "large",
-              icon: "flask",
+              icon: "flask-conical",
               type: "primary",
               "data-test-id": "execute-workflow-button",
               onMouseenter: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("mouseenter", $event)),
@@ -15550,7 +15699,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
                 disabled: _ctx.disabled,
                 class: normalizeClass(_ctx.$style.chevron),
                 "aria-label": "Select trigger node",
-                icon: "angle-down"
+                icon: "chevron-down"
               }, null, 8, ["disabled", "class"])
             ]),
             menuItem: withCtx((item) => [
@@ -15686,9 +15835,9 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
       () => props.stopping ? i18n.baseText("nodeView.stoppingCurrentExecution") : i18n.baseText("nodeView.stopCurrentExecution")
     );
     return (_ctx, _cache) => {
-      const _component_N8nIconButton = _sfc_main$R;
+      const _component_N8nIconButton = _sfc_main$S;
       return openBlock(), createBlock(_component_N8nIconButton, {
-        icon: "stop",
+        icon: "square",
         size: "large",
         class: "stop-execution",
         type: "secondary",
@@ -15704,10 +15853,10 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const i18n = useI18n();
     return (_ctx, _cache) => {
-      const _component_N8nIconButton = _sfc_main$R;
+      const _component_N8nIconButton = _sfc_main$S;
       return openBlock(), createBlock(_component_N8nIconButton, {
         class: "stop-execution",
-        icon: "stop",
+        icon: "square",
         size: "large",
         title: unref(i18n).baseText("nodeView.stopWaitingForWebhookCall"),
         type: "secondary",
@@ -15747,7 +15896,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       return openBlock(), createBlock(_component_N8nButton, {
         label: _ctx.label,
         size: "large",
-        icon: "comment",
+        icon: "message-circle",
         type: _ctx.type,
         "data-test-id": "workflow-chat-button"
       }, null, 8, ["label", "type"]);
@@ -15761,13 +15910,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "NodeView",
   setup(__props) {
     const LazyNodeCreation = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeCreation-Bq5626Ha.js").then((n) => n.N), true ? __vite__mapDeps([0,1,2,3]) : void 0)
+      async () => await __vitePreload(() => import("./NodeCreation-DKbc91uY.js").then((n) => n.N), true ? __vite__mapDeps([0,1,2,3]) : void 0)
     );
     const LazyNodeDetailsView = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeDetailsView-DB-5JPUD.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]) : void 0)
+      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)
+    );
+    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)
     );
     const LazySetupWorkflowCredentialsButton = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./SetupWorkflowCredentialsButton-BWISZAxq.js"), true ? __vite__mapDeps([23,1,2]) : void 0)
+      async () => await __vitePreload(() => import("./SetupWorkflowCredentialsButton-Bj4rSqAV.js"), true ? __vite__mapDeps([27,1,2]) : void 0)
     );
     const $style = useCssModule();
     const router = useRouter();
@@ -15804,6 +15956,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const templatesStore = useTemplatesStore();
     const builderStore = useBuilderStore();
     const foldersStore = useFoldersStore();
+    const posthogStore = usePostHog();
     const agentRequestStore = useAgentRequestStore();
     const logsStore = useLogsStore();
     const { addBeforeUnloadEventBindings, removeBeforeUnloadEventBindings } = useBeforeUnload({
@@ -15881,6 +16034,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isReadOnlyEnvironment = computed(() => {
       return sourceControlStore.preferences.branchReadOnly;
     });
+    const isNDVV2 = computed(
+      () => posthogStore.isVariantEnabled(
+        NDV_UI_OVERHAUL_EXPERIMENT.name,
+        NDV_UI_OVERHAUL_EXPERIMENT.variant
+      )
+    );
     const isCanvasReadOnly = computed(() => {
       return isDemoRoute.value || isReadOnlyEnvironment.value || !(workflowPermissions.value.update ?? projectPermissions.value.workflow.update) || editableWorkflow.value.isArchived;
     });
@@ -16078,9 +16237,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         `User opened workflow from onboarding template with ID ${editableWorkflow.value.meta?.onboardingId}`,
         {
           workflow_id: workflowId.value
-        },
-        {
-          withPostHog: true
         }
       );
     }
@@ -16146,17 +16302,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       fitView();
     }
     function trackOpenWorkflowTemplate(templateId) {
-      telemetry.track(
-        "User inserted workflow template",
-        {
-          source: "workflow",
-          template_id: tryToParseNumber(templateId),
-          wf_template_repo_session_id: templatesStore.previousSessionId
-        },
-        {
-          withPostHog: true
-        }
-      );
+      telemetry.track("User inserted workflow template", {
+        source: "workflow",
+        template_id: tryToParseNumber(templateId),
+        wf_template_repo_session_id: templatesStore.previousSessionId
+      });
     }
     const triggerNodes = computed(() => {
       return editableWorkflow.value.nodes.filter(
@@ -16299,7 +16449,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       toggleNodesPinned(ids, source);
     }
     async function onSaveWorkflow() {
-      const workflowIsSaved = !uiStore.stateIsDirty;
+      const workflowIsSaved = !uiStore.stateIsDirty && !workflowsStore.isNewWorkflow;
       const workflowIsArchived = workflowsStore.workflow.isArchived;
       if (workflowIsSaved || workflowIsArchived) {
         return;
@@ -16329,9 +16479,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     async function onCreateWorkflow() {
       await router.push({ name: VIEWS.NEW_WORKFLOW });
     }
-    function onRenameNode(parameterData) {
-      if (parameterData.name === "name" && parameterData.oldValue) {
-        void renameNode(parameterData.oldValue, parameterData.value);
+    function onRenameNode(name) {
+      if (ndvStore.activeNode?.name) {
+        void renameNode(ndvStore.activeNode.name, name);
       }
     }
     async function onOpenRenameNodeModal(id2) {
@@ -17152,7 +17302,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "onUpdate:node:parameters": onUpdateNodeParameters,
           "onUpdate:node:inputs": onUpdateNodeInputs,
           "onUpdate:node:outputs": onUpdateNodeOutputs,
-          "onUpdate:logsOpen": _cache[2] || (_cache[2] = ($event) => unref(logsStore).toggleOpen($event)),
+          "onUpdate:logsOpen": _cache[3] || (_cache[3] = ($event) => unref(logsStore).toggleOpen($event)),
           "onUpdate:logs:inputOpen": unref(logsStore).toggleInputOpen,
           "onUpdate:logs:outputOpen": unref(logsStore).toggleOutputOpen,
           "onUpdate:hasRangeSelection": unref(canvasStore).setHasRangeSelection,
@@ -17174,7 +17324,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "onDuplicate:nodes": onDuplicateNodes,
           "onCopy:nodes": onCopyNodes,
           "onCut:nodes": onCutNodes,
-          "onRun:workflow": _cache[3] || (_cache[3] = ($event) => unref(runEntireWorkflow)("main")),
+          "onRun:workflow": _cache[4] || (_cache[4] = ($event) => unref(runEntireWorkflow)("main")),
           "onSave:workflow": onSaveWorkflow,
           "onCreate:workflow": onCreateWorkflow,
           "onViewport:change": onViewportChange,
@@ -17183,7 +17333,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onTidyUp,
           "onToggle:focusPanel": onToggleFocusPanel,
           onExtractWorkflow,
-          onStartChat: _cache[4] || (_cache[4] = ($event) => unref(startChat)())
+          onStartChat: _cache[5] || (_cache[5] = ($event) => unref(startChat)())
         }, {
           default: withCtx(() => [
             (openBlock(), createBlock(Suspense, null, {
@@ -17269,24 +17419,44 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             })),
             (openBlock(), createBlock(Suspense, null, {
               default: withCtx(() => [
-                createVNode(unref(LazyNodeDetailsView), {
+                !isNDVV2.value ? (openBlock(), createBlock(unref(LazyNodeDetailsView), {
+                  key: 0,
                   "workflow-object": unref(editableWorkflowObject),
                   "read-only": isCanvasReadOnly.value,
                   "is-production-execution-preview": isProductionExecutionPreview.value,
                   renaming: false,
-                  onValueChanged: onRenameNode,
+                  onValueChanged: _cache[2] || (_cache[2] = ($event) => onRenameNode($event.value)),
+                  onStopExecution,
+                  onSwitchSelectedNode: onSwitchActiveNode,
+                  onOpenConnectionNodeCreator: onOpenSelectiveNodeCreator,
+                  onSaveKeyboardShortcut: onSaveWorkflow
+                }, null, 8, ["workflow-object", "read-only", "is-production-execution-preview"])) : createCommentVNode("", true)
+              ]),
+              _: 1
+            })),
+            (openBlock(), createBlock(Suspense, null, {
+              default: withCtx(() => [
+                isNDVV2.value ? (openBlock(), createBlock(unref(LazyNodeDetailsViewV2), {
+                  key: 0,
+                  "workflow-object": unref(editableWorkflowObject),
+                  "read-only": isCanvasReadOnly.value,
+                  "is-production-execution-preview": isProductionExecutionPreview.value,
+                  onRenameNode,
                   onStopExecution,
                   onSwitchSelectedNode: onSwitchActiveNode,
                   onOpenConnectionNodeCreator: onOpenSelectiveNodeCreator,
                   onSaveKeyboardShortcut: onSaveWorkflow
-                }, null, 8, ["workflow-object", "read-only", "is-production-execution-preview"])
+                }, null, 8, ["workflow-object", "read-only", "is-production-execution-preview"])) : createCommentVNode("", true)
               ]),
               _: 1
             }))
           ]),
           _: 1
         }, 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 })) : createCommentVNode("", true)
+        isFocusPanelFeatureEnabled.value ? (openBlock(), createBlock(FocusPanel, {
+          key: 1,
+          executable: !isCanvasReadOnly.value
+        }, null, 8, ["executable"])) : createCommentVNode("", true)
       ], 2);
     };
   }
@@ -17313,6 +17483,7 @@ const NodeView$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePr
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   NodeSettings as N,
-  NodeView$1 as a,
+  useNodeDocsUrl as a,
+  NodeView$1 as b,
   useExperimentalNdvStore as u
 };