n8n-editor-ui 1.113.1 → 1.114.0

package/dist/assets/{NodeView-D_Lf20Cj.js → NodeView-C9_Bsqwa.js}

@@ -1,11 +1,11 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreation-DndFLn5s.js","assets/index-BDDH_NIA.js","assets/index-CpPc1kM8.css","assets/NodeCreation-C4gQlPqI.css","assets/NodeDetailsView-G0hcQtkE.js","assets/TriggerPanel-BC7r1f-p.js","assets/RunDataParsedAiContent-BnKhGr-k.js","assets/core-BDQ6uBcD.js","assets/RunDataParsedAiContent-wfIiKsq7.css","assets/ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-Bm1msTtB.js","assets/InfoAccordion-DE2_sS98.js","assets/InfoAccordion-dxudNqVC.css","assets/TriggerPanel-DiD8pi0I.css","assets/useWorkflowActivate-DykqGtLA.js","assets/global-link-actions-Cz-zl4uP.js","assets/useExecutionDebugging-Dgg7jmNh.js","assets/useBeforeUnload-C1FPWSkO.js","assets/canvas-tCm4ovGg.js","assets/readyToRunWorkflows.store-lmsJGEVO.js","assets/NodeDetailsView-CBYV4Rrz.css","assets/NodeDetailsViewV2-BGHhaOjo.js","assets/NodeDetailsViewV2-J_3cfdea.css","assets/SetupWorkflowCredentialsButton-DUCOv6F6.js"])))=>i.map(i=>d[i]);
-import { d as defineComponent, ar as createEventBus, aH as useTemplateRef, at as useCssModule, cz as useVueFlow, b$ as toRef, x as computed, cA as useCanvasMapping, r as ref, cB as refThrottled, h as createElementBlock, g as openBlock, n as normalizeClass, l as unref, j as createBaseVNode, Y as renderSlot, e as createBlock, f as createCommentVNode, cC as Canvas, K as mergeProps, _ as _export_sfc, a2 as useWorkflowsStore, cD as useExpressionResolveCtx, cE as useContextMenuItems, aZ as useNDVStore, a8 as watch, p as N8nText, w as withCtx, t as toDisplayString, F as Fragment, A as renderList, i as createVNode, q as N8nButton, k as createTextVNode, cF as N8nKeyboardShortcut, cG as _sfc_main$b, bP as provide, cH as ExpressionLocalResolveContextSymbol, ae as useNodeTypesStore, bY as NodeIcon, ab as _sfc_main$c, cI as _sfc_main$d, bM as useNodeHelpers, cJ as useFocusPanelStore, cK as useNodeSettingsParameters, cL as useEnvironmentsStore, cM as useExperimentalNdvStore, cN as useDeviceSupport, cx as useActiveElement, cO as useTelemetryContext, cP as CanvasNodeRenderType, cQ as HTML_NODE_TYPE, cR as isValueExpression, cS as isResourceLocatorValue, cT as AI_TRANSFORM_NODE_TYPE, c as useI18n, cU as useResolvedExpression, cn as useThrottleFn, B as withModifiers, N as N8nIcon, cV as InfoTip, cW as __unplugin_components_2, cX as __unplugin_components_3, cY as __unplugin_components_4, cZ as __unplugin_components_5, c_ as __unplugin_components_6, c$ as __unplugin_components_7, d0 as __unplugin_components_8, d1 as __unplugin_components_9, d2 as N8nInput, O as N8nRadioButtons, aq as normalizeStyle, cj as N8nResizeWrapper, d3 as getParameterTypeOption, d4 as htmlEditorEventBus, d5 as parseFromExpression, d6 as isValidParameterOption, d7 as formatAsExpression, am as useTelemetry, Z as nextTick, d8 as hasFocusOnInput, d9 as isFocusableEl, bC as isChatNode, da as truncateBeforeLast, ac as I18nT, ci as KeyboardShortcutTooltip, aN as N8nActionDropdown, db as reactive, o as onMounted, c8 as onUnmounted, dc as _sfc_main$e, D as useI18n$1, b as useRouter, a3 as useRoute, a as useToast, ay as useDocumentTitle, aA as useWorkflowHelpers, az as useWorkflowSaving, Q as useUIStore, ag as useSourceControlStore, dd as useNodeCreatorStore, v as useSettingsStore, de as useCredentialsStore, df as useExternalSecretsStore, au as useRootStore, a_ as useExecutionsStore, cq as useCanvasStore, ax as useNpsSurveyStore, dg as useHistoryStore, av as useProjectsStore, u as useUsersStore, as as useTagsStore, a1 as usePushConnectionStore, bl as useTemplatesStore, dh as useBuilderStore, aw as useFoldersStore, di as usePostHog, dj as useAgentRequestStore, bL as useLogsStore, bN as useRunWorkflow, bQ as useCanvasOperations, dk as useWorkflowExtraction, cb as useClipboard, bo as useKeybindings, bv as ABOUT_MODAL_KEY, a4 as PLACEHOLDER_EMPTY_WORKFLOW_ID, dl as NEW_WORKFLOW_ID, V as VIEWS, dm as NDV_UI_OVERHAUL_EXPERIMENT, bR as START_NODE_TYPE, dn as getNodeViewTab, L as MAIN_HEADER_TABS, dp as VALID_WORKFLOW_IMPORT_URL_REGEX, an as useMessage, ao as MODAL_CONFIRM, dq as jsonParse, aC as getResourcePermissions, bI as CHAT_TRIGGER_NODE_TYPE, bH as MANUAL_CHAT_TRIGGER_NODE_TYPE, dr as EVALUATION_TRIGGER_NODE_TYPE, ds as getBounds, dt as onBeforeRouteLeave, b2 as onBeforeMount, al as WORKFLOW_SETTINGS_MODAL_KEY, bq as useExternalHooks, du as onActivated, dv as onDeactivated, X as onBeforeUnmount, dw as Suspense, dx as defineAsyncComponent, z as N8nCallout, aV as __vitePreload, aF as EnterpriseEditionFeature, dy as NODE_CREATOR_OPEN_SOURCES, dz as EVALUATION_NODE_TYPE, dA as getSampleWorkflowByTemplateId, dB as tryToParseNumber, aP as nodeViewEventBus, bD as NodeConnectionTypes, dC as createCanvasConnectionHandleString, dD as CanvasConnectionMode, dE as isValidNodeConnectionType, dF as sourceControlEventBus, dG as getNodesWithNormalizedPosition, aX as h, dH as historyBus, dI as shouldIgnoreCanvasShortcut, b1 as STICKY_NODE_TYPE, dJ as needsAgentInput, dK as FROM_AI_PARAMETERS_MODAL_KEY, dL as DRAG_EVENT_DATA_KEY } from "./index-BDDH_NIA.js";
-import { g as globalLinkActionsEventBus } from "./global-link-actions-Cz-zl4uP.js";
-import { u as useExecutionDebugging } from "./useExecutionDebugging-Dgg7jmNh.js";
-import { u as useBeforeUnload } from "./useBeforeUnload-C1FPWSkO.js";
-import { c as canvasEventBus } from "./canvas-tCm4ovGg.js";
-import { u as useAITemplatesStarterCollectionStore, a as useReadyToRunWorkflowsStore } from "./readyToRunWorkflows.store-lmsJGEVO.js";
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreation-BeqOH71X.js","assets/index-BOW55EQc.js","assets/index-CTgzCbB9.css","assets/NodeCreation-C4gQlPqI.css","assets/NodeDetailsView-BOC4Hg0s.js","assets/TriggerPanel-CrYeGN3J.js","assets/RunDataParsedAiContent-Dw4DMcCc.js","assets/core-VF74aV13.js","assets/RunDataParsedAiContent-wfIiKsq7.css","assets/ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-DFcvVtT3.js","assets/InfoAccordion-CsiczXnv.js","assets/InfoAccordion-dxudNqVC.css","assets/TriggerPanel-CZRJpcTa.css","assets/useWorkflowActivate-Ch6gRZjX.js","assets/global-link-actions-Ddo-afkv.js","assets/useExecutionDebugging-Moxdvo-v.js","assets/useBeforeUnload-CEwAxZFs.js","assets/canvas-DTKhYM6C.js","assets/readyToRunWorkflows.store-C7dZP8KI.js","assets/NodeDetailsView-CBYV4Rrz.css","assets/NodeDetailsViewV2-M9x7-EpG.js","assets/NodeDetailsViewV2-J_3cfdea.css","assets/SetupWorkflowCredentialsButton-BszdxOvj.js"])))=>i.map(i=>d[i]);
+import { d as defineComponent, ar as createEventBus, aH as useTemplateRef, at as useCssModule, cE as useVueFlow, c3 as toRef, x as computed, cF as useCanvasMapping, r as ref, cG as refThrottled, h as createElementBlock, g as openBlock, n as normalizeClass, l as unref, j as createBaseVNode, Y as renderSlot, e as createBlock, f as createCommentVNode, cH as Canvas, K as mergeProps, _ as _export_sfc, a2 as useWorkflowsStore, cI as useExpressionResolveCtx, cJ as useContextMenuItems, aZ as useNDVStore, a8 as watch, p as N8nText, w as withCtx, t as toDisplayString, F as Fragment, A as renderList, i as createVNode, q as N8nButton, k as createTextVNode, cK as N8nKeyboardShortcut, cL as _sfc_main$a, bT as provide, cM as ExpressionLocalResolveContextSymbol, ae as useNodeTypesStore, c0 as NodeIcon, aI as InlineRename, c as useI18n, ab as _sfc_main$b, cN as _sfc_main$c, bQ as useNodeHelpers, cO as useFocusPanelStore, cP as useNodeSettingsParameters, cQ as useEnvironmentsStore, cl as useExperimentalNdvStore, cR as useDeviceSupport, cC as useActiveElement, bU as useCanvasOperations, cS as useTelemetryContext, cT as CanvasNodeRenderType, cU as HTML_NODE_TYPE, cV as isValueExpression, cW as isResourceLocatorValue, cX as AI_TRANSFORM_NODE_TYPE, cY as useResolvedExpression, cs as useThrottleFn, B as withModifiers, N as N8nIcon, cZ as InfoTip, c_ as __unplugin_components_2, c$ as __unplugin_components_3, d0 as __unplugin_components_4, d1 as __unplugin_components_5, d2 as __unplugin_components_6, d3 as __unplugin_components_7, d4 as __unplugin_components_8, d5 as __unplugin_components_9, d6 as N8nInput, O as N8nRadioButtons, aq as normalizeStyle, co as N8nResizeWrapper, d7 as getParameterTypeOption, d8 as htmlEditorEventBus, d9 as parseFromExpression, da as isValidParameterOption, db as formatAsExpression, am as useTelemetry, Z as nextTick, dc as hasFocusOnInput, dd as isFocusableEl, de as reactive, o as onMounted, bm as onUnmounted, df as _sfc_main$d, D as useI18n$1, b as useRouter, a3 as useRoute, a as useToast, ay as useDocumentTitle, aA as useWorkflowHelpers, az as useWorkflowSaving, Q as useUIStore, ag as useSourceControlStore, dg as useNodeCreatorStore, v as useSettingsStore, dh as useCredentialsStore, di as useExternalSecretsStore, au as useRootStore, a_ as useExecutionsStore, cv as useCanvasStore, ax as useNpsSurveyStore, dj as useHistoryStore, av as useProjectsStore, u as useUsersStore, as as useTagsStore, a1 as usePushConnectionStore, bo as useTemplatesStore, dk as useBuilderStore, aw as useFoldersStore, dl as usePostHog, dm as useAgentRequestStore, bP as useLogsStore, bR as useRunWorkflow, dn as useWorkflowExtraction, ce as useClipboard, br as useKeybindings, by as ABOUT_MODAL_KEY, a4 as PLACEHOLDER_EMPTY_WORKFLOW_ID, dp as NEW_WORKFLOW_ID, V as VIEWS, dq as NDV_UI_OVERHAUL_EXPERIMENT, bV as START_NODE_TYPE, dr as getNodeViewTab, L as MAIN_HEADER_TABS, ds as VALID_WORKFLOW_IMPORT_URL_REGEX, an as useMessage, ao as MODAL_CONFIRM, dt as jsonParse, aC as getResourcePermissions, bM as CHAT_TRIGGER_NODE_TYPE, bL as MANUAL_CHAT_TRIGGER_NODE_TYPE, du as EVALUATION_TRIGGER_NODE_TYPE, dv as getBounds, dw as onBeforeRouteLeave, b2 as onBeforeMount, al as WORKFLOW_SETTINGS_MODAL_KEY, bt as useExternalHooks, dx as onActivated, dy as onDeactivated, X as onBeforeUnmount, dz as Suspense, dA as defineAsyncComponent, dB as CanvasRunWorkflowButton, cn as KeyboardShortcutTooltip, z as N8nCallout, aV as __vitePreload, aF as EnterpriseEditionFeature, dC as NODE_CREATOR_OPEN_SOURCES, dD as EVALUATION_NODE_TYPE, dE as getSampleWorkflowByTemplateId, dF as tryToParseNumber, aP as nodeViewEventBus, bH as NodeConnectionTypes, dG as createCanvasConnectionHandleString, dH as CanvasConnectionMode, dI as isValidNodeConnectionType, dJ as sourceControlEventBus, dK as getNodesWithNormalizedPosition, aX as h, dL as historyBus, dM as shouldIgnoreCanvasShortcut, b1 as STICKY_NODE_TYPE, dN as needsAgentInput, dO as FROM_AI_PARAMETERS_MODAL_KEY, dP as DRAG_EVENT_DATA_KEY } from "./index-BOW55EQc.js";
+import { g as globalLinkActionsEventBus } from "./global-link-actions-Ddo-afkv.js";
+import { u as useExecutionDebugging } from "./useExecutionDebugging-Moxdvo-v.js";
+import { u as useBeforeUnload } from "./useBeforeUnload-CEwAxZFs.js";
+import { c as canvasEventBus } from "./canvas-DTKhYM6C.js";
+import { u as useAITemplatesStarterCollectionStore, a as useReadyToRunWorkflowsStore } from "./readyToRunWorkflows.store-C7dZP8KI.js";
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
   },
@@ -60,8 +60,8 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         }, [
           workflow.value ? (openBlock(), createBlock(Canvas, mergeProps({
             key: 0,
-            ref: "canvas",
             id: _ctx.id,
+            ref: "canvas",
             nodes: _ctx.executing ? unref(mappedNodesThrottled) : unref(mappedNodes),
             connections: _ctx.executing ? unref(mappedConnectionsThrottled) : unref(mappedConnections),
             "event-bus": _ctx.eventBus,
@@ -77,14 +77,14 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
 });
 const wrapper$2 = "_wrapper_jyurh_123";
 const canvas = "_canvas_jyurh_131";
-const style0$6 = {
+const style0$5 = {
   wrapper: wrapper$2,
   canvas
 };
-const cssModules$6 = {
-  "$style": style0$6
+const cssModules$5 = {
+  "$style": style0$5
 };
-const WorkflowCanvas = /* @__PURE__ */ _export_sfc(_sfc_main$a, [["__cssModules", cssModules$6]]);
+const WorkflowCanvas = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__cssModules", cssModules$5]]);
 function useExecutionData({ node }) {
   const workflowsStore = useWorkflowsStore();
   const workflowExecution = computed(() => {
@@ -112,7 +112,7 @@ function useExecutionData({ node }) {
     hasNodeRun
   };
 }
-const _sfc_main$9 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "ExperimentalNodeDetailsDrawer",
   props: {
     node: {},
@@ -175,7 +175,7 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
             ], 2)
           ]),
           _: 1
-        }, 8, ["class"])) : _ctx.node ? (openBlock(), createBlock(_sfc_main$b, {
+        }, 8, ["class"])) : _ctx.node ? (openBlock(), createBlock(_sfc_main$a, {
           key: nodeSettingsViewKey.value,
           "node-id": _ctx.node.id,
           "is-read-only": _ctx.isReadOnly
@@ -184,32 +184,34 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const component$2 = "_component_6x5cw_123";
+const component$1 = "_component_6x5cw_123";
 const multipleNodes = "_multipleNodes_6x5cw_128";
 const multipleNodesActions = "_multipleNodesActions_6x5cw_138";
 const multipleNodesAction = "_multipleNodesAction_6x5cw_138";
-const style0$5 = {
-  component: component$2,
+const style0$4 = {
+  component: component$1,
   multipleNodes,
   multipleNodesActions,
   multipleNodesAction
 };
-const cssModules$5 = {
-  "$style": style0$5
+const cssModules$4 = {
+  "$style": style0$4
 };
-const ExperimentalNodeDetailsDrawer = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["__cssModules", cssModules$5]]);
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+const ExperimentalNodeDetailsDrawer = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__cssModules", cssModules$4]]);
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   __name: "ExperimentalFocusPanelHeader",
   props: {
     node: {},
     parameter: {},
-    isExecutable: { type: Boolean }
+    isExecutable: { type: Boolean },
+    readOnly: { type: Boolean }
   },
-  emits: ["execute", "openNdv", "clearParameter"],
+  emits: ["execute", "openNdv", "clearParameter", "renameNode"],
   setup(__props, { emit: __emit }) {
+    const emit = __emit;
     const nodeTypesStore = useNodeTypesStore();
+    const i18n = useI18n();
     const nodeType = computed(() => nodeTypesStore.getNodeType(__props.node.type, __props.node.typeVersion));
-    const emit = __emit;
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(N8nText), {
         tag: "header",
@@ -240,32 +242,38 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
                 size: "small",
                 color: "text-light"
               }, {
-                default: withCtx(() => _cache[3] || (_cache[3] = [
+                default: withCtx(() => _cache[4] || (_cache[4] = [
                   createTextVNode("/")
                 ])),
                 _: 1
               }),
               createTextVNode(" " + toDisplayString(_ctx.parameter.displayName), 1)
-            ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-              createTextVNode(toDisplayString(_ctx.node.name), 1)
-            ], 64))
+            ], 64)) : (openBlock(), createBlock(unref(InlineRename), {
+              key: 1,
+              "model-value": _ctx.node.name,
+              "min-width": 0,
+              "max-width": 500,
+              placeholder: unref(i18n).baseText("ndv.title.rename.placeholder"),
+              "read-only": _ctx.readOnly,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("renameNode", $event))
+            }, null, 8, ["model-value", "placeholder", "read-only"]))
           ], 2),
-          _ctx.parameter ? (openBlock(), createBlock(unref(_sfc_main$c), {
+          _ctx.parameter ? (openBlock(), createBlock(unref(_sfc_main$b), {
             key: 0,
             icon: "x",
             size: "small",
             type: "tertiary",
             text: "",
-            onClick: _cache[0] || (_cache[0] = ($event) => emit("clearParameter"))
-          })) : (openBlock(), createBlock(unref(_sfc_main$c), {
+            onClick: _cache[1] || (_cache[1] = ($event) => emit("clearParameter"))
+          })) : (openBlock(), createBlock(unref(_sfc_main$b), {
             key: 1,
             icon: "expand",
             size: "small",
             type: "tertiary",
             text: "",
-            onClick: _cache[1] || (_cache[1] = ($event) => emit("openNdv"))
+            onClick: _cache[2] || (_cache[2] = ($event) => emit("openNdv"))
           })),
-          _ctx.isExecutable ? (openBlock(), createBlock(_sfc_main$d, {
+          _ctx.isExecutable ? (openBlock(), createBlock(_sfc_main$c, {
             key: 2,
             "data-test-id": "node-execute-button",
             "node-name": _ctx.node.name,
@@ -276,7 +284,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             square: true,
             "hide-label": true,
             "telemetry-source": "focus",
-            onExecute: _cache[2] || (_cache[2] = ($event) => emit("execute"))
+            onExecute: _cache[3] || (_cache[3] = ($event) => emit("execute"))
           }, null, 8, ["node-name", "tooltip"])) : createCommentVNode("", true)
         ]),
         _: 1
@@ -284,17 +292,17 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const component$1 = "_component_dktdl_123";
+const component = "_component_dktdl_123";
 const breadcrumbs = "_breadcrumbs_dktdl_131";
-const style0$4 = {
-  component: component$1,
+const style0$3 = {
+  component,
   breadcrumbs
 };
-const cssModules$4 = {
-  "$style": style0$4
+const cssModules$3 = {
+  "$style": style0$3
 };
-const ExperimentalFocusPanelHeader = /* @__PURE__ */ _export_sfc(_sfc_main$8, [["__cssModules", cssModules$4]]);
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const ExperimentalFocusPanelHeader = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__cssModules", cssModules$3]]);
+const _sfc_main$6 = /* @__PURE__ */ defineComponent({
   ...{ name: "FocusPanel" },
   __name: "FocusPanel",
   props: {
@@ -319,6 +327,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     const deviceSupport = useDeviceSupport();
     const vueFlow = useVueFlow(workflowsStore.workflowId);
     const activeElement = useActiveElement();
+    const { renameNode } = useCanvasOperations();
     useTelemetryContext({ view_shown: "focus_panel" });
     const resolvedParameter = computed(() => focusPanelStore.resolvedParameter);
     const inputValue = ref("");
@@ -582,8 +591,13 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         ndvStore.setActiveNodeName(node.value.name, "focus_panel");
       }
     }
+    function onRenameNode(value) {
+      if (node.value) {
+        void renameNode(node.value.name, value);
+      }
+    }
     return (_ctx, _cache) => {
-      const _component_NodeExecuteButton = _sfc_main$d;
+      const _component_NodeExecuteButton = _sfc_main$c;
       const _component_N8nIcon = N8nIcon;
       const _component_ParameterOptions = __unplugin_components_2;
       const _component_ExpressionEditorModalInput = __unplugin_components_3;
@@ -600,6 +614,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
         "data-test-id": "focus-panel",
         class: normalizeClass([
           _ctx.$style.wrapper,
+          "ignore-key-press-canvas",
           { [_ctx.$style.isNdvInFocusPanelEnabled]: unref(experimentalNdvStore).isNdvInFocusPanelEnabled }
         ]),
         onKeydown: _cache[10] || (_cache[10] = withModifiers(() => {
@@ -623,10 +638,12 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                 node: node.value,
                 parameter: resolvedParameter.value?.parameter,
                 "is-executable": isExecutable.value,
+                "read-only": _ctx.isCanvasReadOnly,
                 onExecute,
                 onOpenNdv,
-                onClearParameter: closeFocusPanel
-              }, null, 8, ["node", "parameter", "is-executable"])) : createCommentVNode("", true),
+                onClearParameter: closeFocusPanel,
+                onRenameNode
+              }, null, 8, ["node", "parameter", "is-executable", "read-only"])) : createCommentVNode("", true),
               resolvedParameter.value ? (openBlock(), createElementBlock("div", {
                 key: 1,
                 class: normalizeClass(_ctx.$style.content),
@@ -942,7 +959,7 @@ const triggerShow = "_triggerShow_1v9yh_1";
 const closeButton = "_closeButton_1v9yh_239";
 const heightFull = "_heightFull_1v9yh_243";
 const forceHover = "_forceHover_1v9yh_247";
-const style0$3 = {
+const style0$2 = {
   wrapper: wrapper$1,
   container,
   content,
@@ -966,210 +983,10 @@ const style0$3 = {
   heightFull,
   forceHover
 };
-const cssModules$3 = {
-  "$style": style0$3
-};
-const FocusPanel = /* @__PURE__ */ _export_sfc(_sfc_main$7, [["__cssModules", cssModules$3]]);
-const _sfc_main$6 = /* @__PURE__ */ defineComponent({
-  __name: "CanvasRunWorkflowButton",
-  props: {
-    selectedTriggerNodeName: {},
-    triggerNodes: {},
-    waitingForWebhook: { type: Boolean },
-    executing: { type: Boolean },
-    disabled: { type: Boolean },
-    getNodeType: { type: Function }
-  },
-  emits: ["mouseenter", "mouseleave", "execute", "selectTriggerNode"],
-  setup(__props, { emit: __emit }) {
-    const emit = __emit;
-    const props = __props;
-    const i18n = useI18n();
-    const selectableTriggerNodes = computed(
-      () => props.triggerNodes.filter((node) => !node.disabled && !isChatNode(node))
-    );
-    const label = computed(() => {
-      if (!props.executing) {
-        return i18n.baseText("nodeView.runButtonText.executeWorkflow");
-      }
-      if (props.waitingForWebhook) {
-        return i18n.baseText("nodeView.runButtonText.waitingForTriggerEvent");
-      }
-      return i18n.baseText("nodeView.runButtonText.executingWorkflow");
-    });
-    const actions = computed(
-      () => props.triggerNodes.filter((node) => !isChatNode(node)).toSorted((a, b) => {
-        const [aX, aY] = a.position;
-        const [bX, bY] = b.position;
-        return aY === bY ? aX - bX : aY - bY;
-      }).map((node) => ({
-        label: truncateBeforeLast(node.name, 50),
-        disabled: !!node.disabled || props.executing,
-        id: node.name,
-        checked: props.selectedTriggerNodeName === node.name
-      }))
-    );
-    const isSplitButton = computed(
-      () => selectableTriggerNodes.value.length > 1 && props.selectedTriggerNodeName !== void 0
-    );
-    function getNodeTypeByName(name) {
-      const node = props.triggerNodes.find((trigger) => trigger.name === name);
-      if (!node) {
-        return null;
-      }
-      return props.getNodeType(node.type, node.typeVersion);
-    }
-    return (_ctx, _cache) => {
-      const _component_NodeIcon = NodeIcon;
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass([_ctx.$style.component, isSplitButton.value ? _ctx.$style.split : ""])
-      }, [
-        createVNode(KeyboardShortcutTooltip, {
-          label: label.value,
-          shortcut: { metaKey: true, keys: ["↵"] },
-          disabled: _ctx.executing
-        }, {
-          default: withCtx(() => [
-            createVNode(unref(N8nButton), {
-              class: normalizeClass(_ctx.$style.button),
-              loading: _ctx.executing,
-              disabled: _ctx.disabled,
-              size: "large",
-              icon: "flask-conical",
-              type: "primary",
-              "data-test-id": "execute-workflow-button",
-              onMouseenter: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("mouseenter", $event)),
-              onMouseleave: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("mouseleave", $event)),
-              onClick: _cache[2] || (_cache[2] = ($event) => emit("execute"))
-            }, {
-              default: withCtx(() => [
-                createBaseVNode("span", {
-                  class: normalizeClass(_ctx.$style.buttonContent)
-                }, [
-                  createTextVNode(toDisplayString(label.value) + " ", 1),
-                  isSplitButton.value ? (openBlock(), createBlock(unref(N8nText), {
-                    key: 0,
-                    class: normalizeClass(_ctx.$style.subText),
-                    bold: false
-                  }, {
-                    default: withCtx(() => [
-                      createVNode(unref(I18nT), {
-                        keypath: "nodeView.runButtonText.from",
-                        scope: "global"
-                      }, {
-                        nodeName: withCtx(() => [
-                          createVNode(unref(N8nText), {
-                            bold: "",
-                            size: "mini"
-                          }, {
-                            default: withCtx(() => [
-                              createTextVNode(toDisplayString(unref(truncateBeforeLast)(props.selectedTriggerNodeName ?? "", 25)), 1)
-                            ]),
-                            _: 1
-                          })
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  }, 8, ["class"])) : createCommentVNode("", true)
-                ], 2)
-              ]),
-              _: 1
-            }, 8, ["class", "loading", "disabled"])
-          ]),
-          _: 1
-        }, 8, ["label", "disabled"]),
-        isSplitButton.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-          createBaseVNode("div", {
-            role: "presentation",
-            class: normalizeClass(_ctx.$style.divider)
-          }, null, 2),
-          createVNode(unref(N8nActionDropdown), {
-            class: normalizeClass(_ctx.$style.menu),
-            items: actions.value,
-            disabled: _ctx.disabled,
-            placement: "top",
-            "extra-popper-class": _ctx.$style.menuPopper,
-            onSelect: _cache[3] || (_cache[3] = ($event) => emit("selectTriggerNode", $event))
-          }, {
-            activator: withCtx(() => [
-              createVNode(unref(N8nButton), {
-                type: "primary",
-                "icon-size": "large",
-                disabled: _ctx.disabled,
-                class: normalizeClass(_ctx.$style.chevron),
-                "aria-label": "Select trigger node",
-                icon: "chevron-down"
-              }, null, 8, ["disabled", "class"])
-            ]),
-            menuItem: withCtx((item) => [
-              createBaseVNode("div", {
-                class: normalizeClass([_ctx.$style.menuItem, item.disabled ? _ctx.$style.disabled : ""])
-              }, [
-                createVNode(_component_NodeIcon, {
-                  class: normalizeClass(_ctx.$style.menuIcon),
-                  size: 16,
-                  "node-type": getNodeTypeByName(item.id)
-                }, null, 8, ["class", "node-type"]),
-                createBaseVNode("span", null, [
-                  createVNode(unref(I18nT), {
-                    keypath: "nodeView.runButtonText.from",
-                    scope: "global"
-                  }, {
-                    nodeName: withCtx(() => [
-                      createVNode(unref(N8nText), {
-                        bold: "",
-                        size: "small"
-                      }, {
-                        default: withCtx(() => [
-                          createTextVNode(toDisplayString(item.label), 1)
-                        ]),
-                        _: 2
-                      }, 1024)
-                    ]),
-                    _: 2
-                  }, 1024)
-                ])
-              ], 2)
-            ]),
-            _: 1
-          }, 8, ["class", "items", "disabled", "extra-popper-class"])
-        ], 64)) : createCommentVNode("", true)
-      ], 2);
-    };
-  }
-});
-const component = "_component_3izac_123";
-const split = "_split_3izac_129";
-const button = "_button_3izac_129";
-const divider = "_divider_3izac_137";
-const chevron = "_chevron_3izac_142";
-const menu = "_menu_3izac_148";
-const menuPopper = "_menuPopper_3izac_152";
-const menuItem = "_menuItem_3izac_156";
-const disabled = "_disabled_3izac_162";
-const menuIcon = "_menuIcon_3izac_162";
-const buttonContent = "_buttonContent_3izac_166";
-const subText = "_subText_3izac_173";
-const style0$2 = {
-  component,
-  split,
-  button,
-  divider,
-  chevron,
-  menu,
-  menuPopper,
-  menuItem,
-  disabled,
-  menuIcon,
-  buttonContent,
-  subText
-};
 const cssModules$2 = {
   "$style": style0$2
 };
-const CanvasRunWorkflowButton = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__cssModules", cssModules$2]]);
+const FocusPanel = /* @__PURE__ */ _export_sfc(_sfc_main$6, [["__cssModules", cssModules$2]]);
 const state = reactive({
   customActions: {},
   delegatedClickHandler: null
@@ -1241,7 +1058,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
       () => props.stopping ? i18n.baseText("nodeView.stoppingCurrentExecution") : i18n.baseText("nodeView.stopCurrentExecution")
     );
     return (_ctx, _cache) => {
-      const _component_N8nIconButton = _sfc_main$c;
+      const _component_N8nIconButton = _sfc_main$b;
       return openBlock(), createBlock(_component_N8nIconButton, {
         icon: "square",
         size: "large",
@@ -1259,7 +1076,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
   setup(__props) {
     const i18n = useI18n();
     return (_ctx, _cache) => {
-      const _component_N8nIconButton = _sfc_main$c;
+      const _component_N8nIconButton = _sfc_main$b;
       return openBlock(), createBlock(_component_N8nIconButton, {
         class: "stop-execution",
         icon: "square",
@@ -1291,7 +1108,7 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
         createBaseVNode("div", {
           class: normalizeClass(unref($style).iconWrapper)
         }, [
-          createVNode(_sfc_main$e, { theme: "blank" })
+          createVNode(_sfc_main$d, { theme: "blank" })
         ], 2),
         createBaseVNode("span", {
           class: normalizeClass(unref($style).text)
@@ -1369,16 +1186,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "NodeView",
   setup(__props) {
     const LazyNodeCreation = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeCreation-DndFLn5s.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
+      async () => await __vitePreload(() => import("./NodeCreation-BeqOH71X.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
     );
     const LazyNodeDetailsView = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeDetailsView-G0hcQtkE.js"), true ? __vite__mapDeps([4,1,2,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19]) : void 0)
+      async () => await __vitePreload(() => import("./NodeDetailsView-BOC4Hg0s.js"), true ? __vite__mapDeps([4,1,2,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19]) : void 0)
     );
     const LazyNodeDetailsViewV2 = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeDetailsViewV2-BGHhaOjo.js"), true ? __vite__mapDeps([20,1,2,5,6,7,8,9,10,11,12,13,14,15,16,17,18,21]) : void 0)
+      async () => await __vitePreload(() => import("./NodeDetailsViewV2-M9x7-EpG.js"), true ? __vite__mapDeps([20,1,2,5,6,7,8,9,10,11,12,13,14,15,16,17,18,21]) : void 0)
     );
     const LazySetupWorkflowCredentialsButton = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./SetupWorkflowCredentialsButton-DUCOv6F6.js"), true ? __vite__mapDeps([22,1,2]) : void 0)
+      async () => await __vitePreload(() => import("./SetupWorkflowCredentialsButton-BszdxOvj.js"), true ? __vite__mapDeps([22,1,2]) : void 0)
     );
     const $style = useCssModule();
     const router = useRouter();
@@ -1592,6 +1409,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           historyStore.reset();
           if (!isDemoRoute.value) {
             await loadCredentials();
+            void builderStore.fetchBuilderCredits();
           }
           if (isNewWorkflowRoute.value || !workflowId.value) {
             if (route.meta?.nodeView === true) {
@@ -1665,7 +1483,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             workflowData.meta.templateId.split("-").pop() ?? ""
           );
         }
-        await projectsStore.setProjectNavActiveIdByWorkflowHomeProject(workflowData.homeProject);
+        await projectsStore.setProjectNavActiveIdByWorkflowHomeProject(
+          workflowData.homeProject,
+          workflowData.sharedWithProjects
+        );
       } catch (error) {
         if (error.httpStatusCode === 404) {
           return await router.replace({
@@ -2100,16 +1921,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         regenerateIds: data.regenerateIds === true || data.regenerateIds === void 0,
         trackEvents
       });
+      await nextTick();
       fitView();
       selectNodes(workflowData.nodes?.map((node) => node.id) ?? []);
       if (data.tidyUp) {
         const nodesIdsToTidyUp = data.nodesIdsToTidyUp;
-        setTimeout(() => {
+        setTimeout(async () => {
           canvasEventBus.emit("tidyUp", {
             source: "import-workflow-data",
             nodeIdsFilter: nodesIdsToTidyUp,
             trackEvents
           });
+          await nextTick();
+          fitView();
         }, 0);
       }
     }
@@ -2782,8 +2606,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, [
         unref(editableWorkflow) && unref(editableWorkflowObject) && !isLoading.value ? (openBlock(), createBlock(WorkflowCanvas, {
           key: 0,
-          ref: "canvas",
           id: unref(editableWorkflow).id,
+          ref: "canvas",
           workflow: unref(editableWorkflow),
           "workflow-object": unref(editableWorkflowObject),
           "fallback-nodes": fallbackNodes.value,
@@ -2792,7 +2616,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "read-only": isCanvasReadOnly.value,
           executing: isWorkflowRunning.value,
           "key-bindings": keyBindingsEnabled.value,
-          "suppress-interaction": unref(canvasStore).suppressInteraction,
+          "suppress-interaction": unref(experimentalNdvStore).isMapperOpen,
           "onUpdate:nodes:position": onUpdateNodesPosition,
           "onUpdate:node:position": onUpdateNodePosition,
           "onUpdate:node:activated": onSetNodeActivated,