n8n-editor-ui 1.110.1 → 1.112.0

package/dist/assets/{NodeView-Bj14aKtm.js → NodeView-BRwQ5Cqs.js}

@@ -1,10 +1,11 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreation-iNUuiza-.js","assets/index--OJ5nhDf.js","assets/index-DXNU_2Fk.css","assets/NodeCreation-C4gQlPqI.css","assets/NodeDetailsView-BKEGFeZ7.js","assets/TriggerPanel-C-c5cPsc.js","assets/RunDataParsedAiContent-Byf4f3hM.js","assets/core-Br-UFy15.js","assets/RunDataParsedAiContent-wfIiKsq7.css","assets/ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-CSmXlf80.js","assets/InfoAccordion-u7XlbH6a.js","assets/InfoAccordion-dxudNqVC.css","assets/TriggerPanel-DiD8pi0I.css","assets/useWorkflowActivate-7Rw9KyzM.js","assets/global-link-actions--TiC75iP.js","assets/useExecutionDebugging-Bve-aaKO.js","assets/useBeforeUnload-ZtUpNFCu.js","assets/canvas-DbK7UyVG.js","assets/readyToRunWorkflows.store-Dhb8bhvk.js","assets/NodeDetailsView-CjdovDgq.css","assets/NodeDetailsViewV2-XPdbzrLu.js","assets/NodeDetailsViewV2-J_3cfdea.css","assets/SetupWorkflowCredentialsButton-DMIEMB5C.js"])))=>i.map(i=>d[i]);
-import { d as defineComponent, aq as createEventBus, as as useCssModule, cx as useVueFlow, b_ as toRef, x as computed, cy as useCanvasMapping, r as ref, cz as refThrottled, h as createElementBlock, g as openBlock, n as normalizeClass, l as unref, j as createBaseVNode, X as renderSlot, e as createBlock, f as createCommentVNode, cA as Canvas, K as mergeProps, _ as _export_sfc, a1 as useWorkflowsStore, cB as useExpressionResolveCtx, p as N8nText, w as withCtx, k as createTextVNode, t as toDisplayString, cC as _sfc_main$b, i as createVNode, aa as _sfc_main$c, bO as provide, cD as ExpressionLocalResolveContextSymbol, ad as useNodeTypesStore, bX as NodeIcon, F as Fragment, cE as _sfc_main$d, aG as useTemplateRef, bL as useNodeHelpers, cF as useFocusPanelStore, cG as useNodeSettingsParameters, cH as useEnvironmentsStore, cI as useExperimentalNdvStore, aY as useNDVStore, cJ as useDeviceSupport, cv as useActiveElement, cK as useTelemetryContext, cL as HTML_NODE_TYPE, cM as isValueExpression, cN as isResourceLocatorValue, cO as AI_TRANSFORM_NODE_TYPE, cP as useResolvedExpression, a7 as watch, cl as useThrottleFn, B as withModifiers, N as N8nIcon, cQ as InfoTip, c as useI18n, cR as __unplugin_components_2, cS as __unplugin_components_3, cT as __unplugin_components_4, cU as __unplugin_components_5, cV as __unplugin_components_6, cW as __unplugin_components_7, cX as __unplugin_components_8, cY as __unplugin_components_9, cZ as N8nInput, O as N8nRadioButtons, ap as normalizeStyle, ch as N8nResizeWrapper, c_ as getParameterTypeOption, c$ as htmlEditorEventBus, d0 as parseFromExpression, d1 as isValidParameterOption, d2 as formatAsExpression, al as useTelemetry, Y as nextTick, d3 as hasFocusOnInput, d4 as isFocusableEl, bB as isChatNode, d5 as truncateBeforeLast, q as N8nButton, ab as I18nT, cg as KeyboardShortcutTooltip, aM as N8nActionDropdown, d6 as reactive, o as onMounted, c7 as onUnmounted, d7 as _sfc_main$e, D as useI18n$1, b as useRouter, a2 as useRoute, a as useToast, ax as useDocumentTitle, az as useWorkflowHelpers, ay as useWorkflowSaving, Q as useUIStore, af as useSourceControlStore, d8 as useNodeCreatorStore, v as useSettingsStore, d9 as useCredentialsStore, da as useExternalSecretsStore, at as useRootStore, aZ as useExecutionsStore, co as useCanvasStore, aw as useNpsSurveyStore, db as useHistoryStore, au as useProjectsStore, u as useUsersStore, ar as useTagsStore, a0 as usePushConnectionStore, bk as useTemplatesStore, dc as useBuilderStore, av as useFoldersStore, dd as usePostHog, de as useAgentRequestStore, bK as useLogsStore, bM as useRunWorkflow, bP as useCanvasOperations, df as useWorkflowExtraction, ca as useClipboard, bn as useKeybindings, bu as ABOUT_MODAL_KEY, a3 as PLACEHOLDER_EMPTY_WORKFLOW_ID, dg as NEW_WORKFLOW_ID, V as VIEWS, dh as NDV_UI_OVERHAUL_EXPERIMENT, bQ as START_NODE_TYPE, di as getNodeViewTab, L as MAIN_HEADER_TABS, dj as VALID_WORKFLOW_IMPORT_URL_REGEX, am as useMessage, an as MODAL_CONFIRM, dk as jsonParse, aB as getResourcePermissions, bH as CHAT_TRIGGER_NODE_TYPE, bG as MANUAL_CHAT_TRIGGER_NODE_TYPE, dl as EVALUATION_TRIGGER_NODE_TYPE, dm as getBounds, dn as onBeforeRouteLeave, b1 as onBeforeMount, ak as WORKFLOW_SETTINGS_MODAL_KEY, bp as useExternalHooks, dp as onActivated, dq as onDeactivated, W as onBeforeUnmount, dr as Suspense, ds as defineAsyncComponent, z as N8nCallout, aU as __vitePreload, aE as EnterpriseEditionFeature, dt as NODE_CREATOR_OPEN_SOURCES, du as EVALUATION_NODE_TYPE, dv as getSampleWorkflowByTemplateId, dw as tryToParseNumber, aO as nodeViewEventBus, bC as NodeConnectionTypes, dx as createCanvasConnectionHandleString, dy as CanvasConnectionMode, dz as isValidNodeConnectionType, dA as sourceControlEventBus, dB as getNodesWithNormalizedPosition, aW as h, dC as CanvasNodeRenderType, dD as shouldIgnoreCanvasShortcut, b0 as STICKY_NODE_TYPE, dE as needsAgentInput, dF as FROM_AI_PARAMETERS_MODAL_KEY, dG as historyBus, dH as DRAG_EVENT_DATA_KEY } from "./index--OJ5nhDf.js";
-import { g as globalLinkActionsEventBus } from "./global-link-actions--TiC75iP.js";
-import { u as useExecutionDebugging } from "./useExecutionDebugging-Bve-aaKO.js";
-import { u as useBeforeUnload } from "./useBeforeUnload-ZtUpNFCu.js";
-import { c as canvasEventBus } from "./canvas-DbK7UyVG.js";
-import { u as useAITemplatesStarterCollectionStore, a as useReadyToRunWorkflowsStore } from "./readyToRunWorkflows.store-Dhb8bhvk.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreation-DO5k3aK3.js","assets/index-4g2Akj0I.js","assets/index-BJG79OsS.js","assets/index-B7wrqKiF.css","assets/NodeCreation-C4gQlPqI.css","assets/NodeDetailsView-BACft9ex.js","assets/TriggerPanel-BFQ6veDz.js","assets/RunDataParsedAiContent-Cg9vUI0v.js","assets/core-Be7WBA6o.js","assets/RunDataParsedAiContent-wfIiKsq7.css","assets/ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-BG5somV-.js","assets/InfoAccordion-8iWJ2sSU.js","assets/InfoAccordion-dxudNqVC.css","assets/TriggerPanel-DiD8pi0I.css","assets/useWorkflowActivate-BDE2t3MM.js","assets/global-link-actions-B9WsUojd.js","assets/useExecutionDebugging-B8xDxcb6.js","assets/useBeforeUnload-DmAaB1v5.js","assets/canvas-D2PwiGnN.js","assets/readyToRunWorkflows.store-HSpbq3Bf.js","assets/NodeDetailsView-CBYV4Rrz.css","assets/NodeDetailsViewV2--1S2eK5u.js","assets/NodeDetailsViewV2-J_3cfdea.css","assets/SetupWorkflowCredentialsButton-Bjhx_rck.js"])))=>i.map(i=>d[i]);
+import { o as defineComponent, bB as useTemplateRef, br as toRef, a9 as computed, b8 as ref, ac as createElementBlock, b1 as openBlock, aQ as normalizeClass, u as unref, ad as createBaseVNode, bb as renderSlot, aa as createBlock, ab as createCommentVNode, aP as mergeProps, w as watch, bI as withCtx, bo as toDisplayString, F as Fragment, ba as renderList, k as createVNode, ah as createTextVNode, b3 as provide, bT as useI18n, aS as normalizeStyle, n as nextTick, bX as I18nT, b6 as reactive, r as onMounted, s as onUnmounted, aU as onBeforeMount, aT as onActivated, aW as onDeactivated, aV as onBeforeUnmount, a0 as Suspense, aj as defineAsyncComponent, bN as __vitePreload, K as h } from "./index-4g2Akj0I.js";
+import { a1 as createEventBus, a3 as useCssModule, bQ as useVueFlow, bR as useCanvasMapping, bS as refThrottled, bT as Canvas, _ as _export_sfc, C as useWorkflowsStore, bU as useExpressionResolveCtx, bV as useContextMenuItems, au as useNDVStore, d as N8nText, e as N8nButton, bW as N8nKeyboardShortcut, bX as _sfc_main$b, bY as ExpressionLocalResolveContextSymbol, K as useNodeTypesStore, bp as NodeIcon, I as _sfc_main$c, bZ as _sfc_main$d, be as useNodeHelpers, b_ as useFocusPanelStore, b$ as useNodeSettingsParameters, c0 as useEnvironmentsStore, c1 as useExperimentalNdvStore, c2 as useDeviceSupport, bO as useActiveElement, c3 as useTelemetryContext, c4 as CanvasNodeRenderType, c5 as HTML_NODE_TYPE, c6 as isValueExpression, c7 as isResourceLocatorValue, c8 as AI_TRANSFORM_NODE_TYPE, c9 as useResolvedExpression, bG as useThrottleFn, w as withModifiers, N as N8nIcon, ca as InfoTip, cb as __unplugin_components_2, cc as __unplugin_components_3, cd as __unplugin_components_4, ce as __unplugin_components_5, cf as __unplugin_components_6, cg as __unplugin_components_7, ch as __unplugin_components_8, ci as __unplugin_components_9, cj as N8nInput, q as N8nRadioButtons, bC as N8nResizeWrapper, ck as getParameterTypeOption, cl as htmlEditorEventBus, cm as parseFromExpression, cn as isValidParameterOption, co as formatAsExpression, Y as useTelemetry, cp as hasFocusOnInput, cq as isFocusableEl, b4 as isChatNode, cr as truncateBeforeLast, bB as KeyboardShortcutTooltip, am as N8nActionDropdown, cs as _sfc_main$e, k as useI18n$1, b as useRouter, D as useRoute, a as useToast, a8 as useDocumentTitle, aa as useWorkflowHelpers, a9 as useWorkflowSaving, s as useUIStore, O as useSourceControlStore, ct as useNodeCreatorStore, g as useSettingsStore, cu as useCredentialsStore, cv as useExternalSecretsStore, a4 as useRootStore, av as useExecutionsStore, bI as useCanvasStore, a7 as useNpsSurveyStore, cw as useHistoryStore, a5 as useProjectsStore, u as useUsersStore, a2 as useTagsStore, A as usePushConnectionStore, aQ as useTemplatesStore, cx as useBuilderStore, a6 as useFoldersStore, cy as usePostHog, cz as useAgentRequestStore, bd as useLogsStore, bf as useRunWorkflow, bh as useCanvasOperations, cA as useWorkflowExtraction, bv as useClipboard, aT as useKeybindings, aZ as ABOUT_MODAL_KEY, P as PLACEHOLDER_EMPTY_WORKFLOW_ID, cB as NEW_WORKFLOW_ID, V as VIEWS, cC as NDV_UI_OVERHAUL_EXPERIMENT, bi as START_NODE_TYPE, cD as getNodeViewTab, p as MAIN_HEADER_TABS, cE as VALID_WORKFLOW_IMPORT_URL_REGEX, Z as useMessage, $ as MODAL_CONFIRM, cF as jsonParse, ac as getResourcePermissions, ba as CHAT_TRIGGER_NODE_TYPE, b9 as MANUAL_CHAT_TRIGGER_NODE_TYPE, cG as EVALUATION_TRIGGER_NODE_TYPE, cH as getBounds, cI as onBeforeRouteLeave, X as WORKFLOW_SETTINGS_MODAL_KEY, aV as useExternalHooks, i as N8nCallout, af as EnterpriseEditionFeature, cJ as NODE_CREATOR_OPEN_SOURCES, cK as EVALUATION_NODE_TYPE, cL as getSampleWorkflowByTemplateId, cM as tryToParseNumber, ao as nodeViewEventBus, b5 as NodeConnectionTypes, cN as createCanvasConnectionHandleString, cO as CanvasConnectionMode, cP as isValidNodeConnectionType, cQ as sourceControlEventBus, cR as getNodesWithNormalizedPosition, cS as shouldIgnoreCanvasShortcut, ay as STICKY_NODE_TYPE, cT as needsAgentInput, cU as FROM_AI_PARAMETERS_MODAL_KEY, cV as historyBus, cW as DRAG_EVENT_DATA_KEY } from "./index-BJG79OsS.js";
+import { g as globalLinkActionsEventBus } from "./global-link-actions-B9WsUojd.js";
+import { u as useExecutionDebugging } from "./useExecutionDebugging-B8xDxcb6.js";
+import { u as useBeforeUnload } from "./useBeforeUnload-DmAaB1v5.js";
+import { c as canvasEventBus } from "./canvas-D2PwiGnN.js";
+import { u as useAITemplatesStarterCollectionStore, a as useReadyToRunWorkflowsStore } from "./readyToRunWorkflows.store-HSpbq3Bf.js";
 const _sfc_main$a = /* @__PURE__ */ defineComponent({
   ...{
     inheritAttrs: false
@@ -18,10 +19,12 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     showFallbackNodes: { type: Boolean, default: true },
     eventBus: { default: () => createEventBus() },
     readOnly: { type: Boolean },
-    executing: { type: Boolean }
+    executing: { type: Boolean },
+    suppressInteraction: { type: Boolean, default: false }
   },
-  setup(__props) {
+  setup(__props, { expose: __expose }) {
     const props = __props;
+    const canvasRef = useTemplateRef("canvas");
     const $style = useCssModule();
     const { onNodesInitialized } = useVueFlow(props.id);
     const workflow = toRef(props, "workflow");
@@ -44,6 +47,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     });
     const mappedNodesThrottled = refThrottled(mappedNodes, 200);
     const mappedConnectionsThrottled = refThrottled(mappedConnections, 200);
+    __expose({
+      executeContextMenuAction: (action, nodeIds) => canvasRef.value?.executeContextMenuAction(action, nodeIds)
+    });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(unref($style).wrapper),
@@ -55,13 +61,15 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
         }, [
           workflow.value ? (openBlock(), createBlock(Canvas, mergeProps({
             key: 0,
+            ref: "canvas",
             id: _ctx.id,
             nodes: _ctx.executing ? unref(mappedNodesThrottled) : unref(mappedNodes),
             connections: _ctx.executing ? unref(mappedConnectionsThrottled) : unref(mappedConnections),
             "event-bus": _ctx.eventBus,
             "read-only": _ctx.readOnly,
-            executing: _ctx.executing
-          }, _ctx.$attrs), null, 16, ["id", "nodes", "connections", "event-bus", "read-only", "executing"])) : createCommentVNode("", true)
+            executing: _ctx.executing,
+            "suppress-interaction": _ctx.suppressInteraction
+          }, _ctx.$attrs), null, 16, ["id", "nodes", "connections", "event-bus", "read-only", "executing", "suppress-interaction"])) : createCommentVNode("", true)
         ], 2),
         renderSlot(_ctx.$slots, "default")
       ], 2);
@@ -109,50 +117,83 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "ExperimentalNodeDetailsDrawer",
   props: {
     node: {},
-    nodes: {}
+    nodeIds: {},
+    isReadOnly: { type: Boolean }
   },
-  emits: ["openNdv"],
+  emits: ["openNdv", "contextMenuAction"],
   setup(__props, { emit: __emit }) {
     const emit = __emit;
     const expressionResolveCtx = useExpressionResolveCtx(computed(() => __props.node));
+    const contextMenuItems = useContextMenuItems(computed(() => __props.nodeIds));
+    const ndvStore = useNDVStore();
+    const ndvCloseTimes = ref(0);
+    const nodeSettingsViewKey = computed(() => [__props.node.id, ndvCloseTimes.value].join("|"));
+    watch(
+      () => ndvStore.activeNodeName,
+      (name, oldName) => {
+        if (name === null && oldName !== null) {
+          ndvCloseTimes.value += 1;
+        }
+      }
+    );
     provide(ExpressionLocalResolveContextSymbol, expressionResolveCtx);
     return (_ctx, _cache) => {
-      const _component_N8nIconButton = _sfc_main$c;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.component)
       }, [
-        _ctx.nodes.length > 1 ? (openBlock(), createBlock(unref(N8nText), {
+        _ctx.nodeIds.length > 1 ? (openBlock(), createBlock(unref(N8nText), {
           key: 0,
-          color: "text-base"
+          tag: "div",
+          color: "text-base",
+          class: normalizeClass(_ctx.$style.multipleNodes)
         }, {
           default: withCtx(() => [
-            createTextVNode(toDisplayString(_ctx.nodes.length) + " nodes selected ", 1)
-          ]),
-          _: 1
-        })) : _ctx.node ? (openBlock(), createBlock(_sfc_main$b, {
-          key: _ctx.node.id,
-          "node-id": _ctx.node.id
-        }, {
-          actions: withCtx(() => [
-            createVNode(_component_N8nIconButton, {
-              icon: "maximize-2",
-              type: "secondary",
-              text: "",
-              size: "mini",
-              "icon-size": "large",
-              "aria-label": "Expand",
-              onClick: _cache[0] || (_cache[0] = ($event) => emit("openNdv"))
-            })
+            createBaseVNode("div", null, toDisplayString(_ctx.nodeIds.length) + " nodes selected", 1),
+            createBaseVNode("ul", {
+              class: normalizeClass(_ctx.$style.multipleNodesActions)
+            }, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(contextMenuItems), (action) => {
+                return openBlock(), createElementBlock("li", {
+                  key: action.id,
+                  class: normalizeClass(_ctx.$style.multipleNodesAction)
+                }, [
+                  createVNode(unref(N8nButton), {
+                    type: "secondary",
+                    disabled: action.disabled,
+                    onClick: ($event) => emit("contextMenuAction", action.id, _ctx.nodeIds)
+                  }, {
+                    default: withCtx(() => [
+                      createTextVNode(toDisplayString(action.label) + " ", 1),
+                      action.shortcut ? (openBlock(), createBlock(unref(N8nKeyboardShortcut), mergeProps({
+                        key: 0,
+                        ref_for: true
+                      }, action.shortcut), null, 16)) : createCommentVNode("", true)
+                    ]),
+                    _: 2
+                  }, 1032, ["disabled", "onClick"])
+                ], 2);
+              }), 128))
+            ], 2)
           ]),
           _: 1
-        }, 8, ["node-id"])) : createCommentVNode("", true)
+        }, 8, ["class"])) : _ctx.node ? (openBlock(), createBlock(_sfc_main$b, {
+          key: nodeSettingsViewKey.value,
+          "node-id": _ctx.node.id,
+          "is-read-only": _ctx.isReadOnly
+        }, null, 8, ["node-id", "is-read-only"])) : createCommentVNode("", true)
       ], 2);
     };
   }
 });
-const component$2 = "_component_1u8pj_123";
+const component$2 = "_component_6x5cw_123";
+const multipleNodes = "_multipleNodes_6x5cw_128";
+const multipleNodesActions = "_multipleNodesActions_6x5cw_138";
+const multipleNodesAction = "_multipleNodesAction_6x5cw_138";
 const style0$5 = {
-  component: component$2
+  component: component$2,
+  multipleNodes,
+  multipleNodesActions,
+  multipleNodesAction
 };
 const cssModules$5 = {
   "$style": style0$5
@@ -172,7 +213,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
     const emit = __emit;
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(N8nText), {
-        tag: "div",
+        tag: "header",
         size: "small",
         bold: "",
         class: normalizeClass(_ctx.$style.component)
@@ -219,7 +260,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             onClick: _cache[0] || (_cache[0] = ($event) => emit("clearParameter"))
           })) : (openBlock(), createBlock(unref(_sfc_main$c), {
             key: 1,
-            icon: "maximize-2",
+            icon: "expand",
             size: "small",
             type: "tertiary",
             text: "",
@@ -230,6 +271,7 @@ const _sfc_main$8 = /* @__PURE__ */ defineComponent({
             "data-test-id": "node-execute-button",
             "node-name": _ctx.node.name,
             tooltip: `Execute ${_ctx.node.name}`,
+            type: "secondary",
             size: "small",
             icon: "play",
             square: true,
@@ -259,7 +301,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
   props: {
     isCanvasReadOnly: { type: Boolean }
   },
-  emits: ["focus", "saveKeyboardShortcut"],
+  emits: ["focus", "saveKeyboardShortcut", "contextMenuAction"],
   setup(__props, { emit: __emit }) {
     const props = __props;
     const emit = __emit;
@@ -307,8 +349,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       if (!experimentalNdvStore.isNdvInFocusPanelEnabled || resolvedParameter.value) {
         return resolvedParameter.value?.node;
       }
-      const selected = vueFlow.getSelectedNodes.value[0]?.id;
-      return selected ? workflowsStore.allNodes.find((n) => n.id === selected) : void 0;
+      const selected = vueFlow.getSelectedNodes.value[0];
+      return selected?.data?.render.type === CanvasNodeRenderType.Default ? workflowsStore.allNodes.find((n) => n.id === selected.id) : void 0;
     });
     const multipleNodesSelected = computed(() => vueFlow.getSelectedNodes.value.length > 1);
     const isExecutable = computed(() => {
@@ -372,6 +414,13 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       };
     });
     const isNodeExecuting = computed(() => workflowsStore.isNodeExecuting(node.value?.name ?? ""));
+    const selectedNodeIds = computed(() => vueFlow.getSelectedNodes.value.map((n) => n.id));
+    const emptyTitle = computed(
+      () => experimentalNdvStore.isNdvInFocusPanelEnabled ? locale.baseText("nodeView.focusPanel.v2.noParameters.title") : locale.baseText("nodeView.focusPanel.noParameters.title")
+    );
+    const emptySubtitle = computed(
+      () => experimentalNdvStore.isNdvInFocusPanelEnabled ? locale.baseText("nodeView.focusPanel.v2.noParameters.subtitle") : locale.baseText("nodeView.focusPanel.noParameters.subtitle")
+    );
     const { resolvedExpression } = useResolvedExpression({
       expression,
       additionalData: resolvedAdditionalExpressionData,
@@ -549,8 +598,12 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       return focusPanelActive.value ? (openBlock(), createElementBlock("div", {
         key: 0,
         ref: "wrapper",
-        class: normalizeClass(_ctx.$style.wrapper),
-        onKeydown: _cache[9] || (_cache[9] = withModifiers(() => {
+        "data-test-id": "focus-panel",
+        class: normalizeClass([
+          _ctx.$style.wrapper,
+          { [_ctx.$style.isNdvInFocusPanelEnabled]: unref(experimentalNdvStore).isNdvInFocusPanelEnabled }
+        ]),
+        onKeydown: _cache[10] || (_cache[10] = withModifiers(() => {
         }, ["stop"]))
       }, [
         createVNode(unref(N8nResizeWrapper), {
@@ -577,7 +630,8 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
               }, null, 8, ["node", "parameter", "is-executable"])) : createCommentVNode("", true),
               resolvedParameter.value ? (openBlock(), createElementBlock("div", {
                 key: 1,
-                class: normalizeClass(_ctx.$style.content)
+                class: normalizeClass(_ctx.$style.content),
+                "data-test-id": "focus-parameter"
               }, [
                 !unref(experimentalNdvStore).isNdvInFocusPanelEnabled ? (openBlock(), createElementBlock("div", {
                   key: 0,
@@ -794,55 +848,57 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
               ], 2)) : node.value && unref(experimentalNdvStore).isNdvInFocusPanelEnabled ? (openBlock(), createBlock(ExperimentalNodeDetailsDrawer, {
                 key: 2,
                 node: node.value,
-                nodes: unref(vueFlow).getSelectedNodes.value,
-                onOpenNdv
-              }, null, 8, ["node", "nodes"])) : (openBlock(), createElementBlock("div", {
+                "node-ids": selectedNodeIds.value,
+                "is-read-only": isReadOnly.value,
+                onOpenNdv,
+                onContextMenuAction: _cache[9] || (_cache[9] = (action, nodeIds) => emit("contextMenuAction", action, nodeIds))
+              }, null, 8, ["node", "node-ids", "is-read-only"])) : (openBlock(), createElementBlock("div", {
                 key: 3,
                 class: normalizeClass([_ctx.$style.content, _ctx.$style.emptyContent])
               }, [
                 createBaseVNode("div", {
-                  class: normalizeClass(_ctx.$style.emptyText)
+                  class: normalizeClass(_ctx.$style.focusParameterWrapper)
                 }, [
                   createBaseVNode("div", {
-                    class: normalizeClass(_ctx.$style.focusParameterWrapper)
+                    class: normalizeClass(_ctx.$style.iconWrapper)
                   }, [
-                    createBaseVNode("div", {
-                      class: normalizeClass(_ctx.$style.iconWrapper)
-                    }, [
-                      createVNode(_component_N8nIcon, {
-                        class: normalizeClass(_ctx.$style.forceHover),
-                        icon: "panel-right",
-                        size: "medium"
-                      }, null, 8, ["class"]),
-                      createVNode(_component_N8nIcon, {
-                        class: normalizeClass(_ctx.$style.pointerIcon),
-                        icon: "mouse-pointer",
-                        color: "text-dark",
-                        size: "large"
-                      }, null, 8, ["class"])
-                    ], 2),
                     createVNode(_component_N8nIcon, {
-                      icon: "ellipsis-vertical",
-                      size: "small",
-                      color: "text-base"
-                    }),
-                    createVNode(_component_N8nRadioButtons, {
-                      size: "small",
-                      "model-value": "expression",
-                      disabled: true,
-                      options: [
-                        { label: unref(locale).baseText("parameterInput.fixed"), value: "fixed" },
-                        { label: unref(locale).baseText("parameterInput.expression"), value: "expression" }
-                      ]
-                    }, null, 8, ["options"])
+                      class: normalizeClass(_ctx.$style.forceHover),
+                      icon: "panel-right",
+                      size: "medium"
+                    }, null, 8, ["class"]),
+                    createVNode(_component_N8nIcon, {
+                      class: normalizeClass(_ctx.$style.pointerIcon),
+                      icon: "mouse-pointer",
+                      color: "text-dark",
+                      size: "large"
+                    }, null, 8, ["class"])
                   ], 2),
+                  createVNode(_component_N8nIcon, {
+                    icon: "ellipsis-vertical",
+                    size: "small",
+                    color: "text-base"
+                  }),
+                  createVNode(_component_N8nRadioButtons, {
+                    size: "small",
+                    "model-value": "expression",
+                    disabled: true,
+                    options: [
+                      { label: unref(locale).baseText("parameterInput.fixed"), value: "fixed" },
+                      { label: unref(locale).baseText("parameterInput.expression"), value: "expression" }
+                    ]
+                  }, null, 8, ["options"])
+                ], 2),
+                createBaseVNode("div", {
+                  class: normalizeClass(_ctx.$style.emptyText)
+                }, [
                   createVNode(unref(N8nText), {
                     color: "text-base",
                     size: "medium",
                     bold: true
                   }, {
                     default: withCtx(() => [
-                      createTextVNode(toDisplayString(unref(locale).baseText("nodeView.focusPanel.noParameters.title")), 1)
+                      createTextVNode(toDisplayString(emptyTitle.value), 1)
                     ]),
                     _: 1
                   }),
@@ -851,7 +907,7 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                     size: "small"
                   }, {
                     default: withCtx(() => [
-                      createTextVNode(toDisplayString(unref(locale).baseText("nodeView.focusPanel.noParameters.subtitle")), 1)
+                      createTextVNode(toDisplayString(emptySubtitle.value), 1)
                     ]),
                     _: 1
                   })
@@ -865,32 +921,34 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const wrapper$1 = "_wrapper_1yhze_123";
-const container = "_container_1yhze_135";
-const content = "_content_1yhze_141";
-const emptyContent = "_emptyContent_1yhze_147";
-const emptyText = "_emptyText_1yhze_152";
-const focusParameterWrapper = "_focusParameterWrapper_1yhze_158";
-const iconWrapper$1 = "_iconWrapper_1yhze_165";
-const pointerIcon = "_pointerIcon_1yhze_169";
-const tabHeader = "_tabHeader_1yhze_179";
-const tabHeaderText = "_tabHeaderText_1yhze_186";
-const buttonWrapper = "_buttonWrapper_1yhze_191";
-const parameterDetailsWrapper = "_parameterDetailsWrapper_1yhze_196";
-const parameterOptionsWrapper = "_parameterOptionsWrapper_1yhze_203";
-const noExecutionDataTip = "_noExecutionDataTip_1yhze_207";
-const editorContainer = "_editorContainer_1yhze_210";
-const editor = "_editor_1yhze_210";
-const delayedShow = "_delayedShow_1yhze_225";
-const triggerShow = "_triggerShow_1yhze_1";
-const closeButton = "_closeButton_1yhze_236";
-const heightFull = "_heightFull_1yhze_240";
-const forceHover = "_forceHover_1yhze_244";
+const wrapper$1 = "_wrapper_1v9yh_123";
+const container = "_container_1v9yh_135";
+const content = "_content_1v9yh_141";
+const emptyContent = "_emptyContent_1v9yh_147";
+const isNdvInFocusPanelEnabled = "_isNdvInFocusPanelEnabled_1v9yh_152";
+const emptyText = "_emptyText_1v9yh_155";
+const focusParameterWrapper = "_focusParameterWrapper_1v9yh_161";
+const iconWrapper$1 = "_iconWrapper_1v9yh_168";
+const pointerIcon = "_pointerIcon_1v9yh_172";
+const tabHeader = "_tabHeader_1v9yh_182";
+const tabHeaderText = "_tabHeaderText_1v9yh_189";
+const buttonWrapper = "_buttonWrapper_1v9yh_194";
+const parameterDetailsWrapper = "_parameterDetailsWrapper_1v9yh_199";
+const parameterOptionsWrapper = "_parameterOptionsWrapper_1v9yh_206";
+const noExecutionDataTip = "_noExecutionDataTip_1v9yh_210";
+const editorContainer = "_editorContainer_1v9yh_213";
+const editor = "_editor_1v9yh_213";
+const delayedShow = "_delayedShow_1v9yh_228";
+const triggerShow = "_triggerShow_1v9yh_1";
+const closeButton = "_closeButton_1v9yh_239";
+const heightFull = "_heightFull_1v9yh_243";
+const forceHover = "_forceHover_1v9yh_247";
 const style0$3 = {
   wrapper: wrapper$1,
   container,
   content,
   emptyContent,
+  isNdvInFocusPanelEnabled,
   emptyText,
   focusParameterWrapper,
   iconWrapper: iconWrapper$1,
@@ -1312,16 +1370,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "NodeView",
   setup(__props) {
     const LazyNodeCreation = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeCreation-iNUuiza-.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
+      async () => await __vitePreload(() => import("./NodeCreation-DO5k3aK3.js"), true ? __vite__mapDeps([0,1,2,3,4]) : void 0)
     );
     const LazyNodeDetailsView = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeDetailsView-BKEGFeZ7.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-BACft9ex.js"), true ? __vite__mapDeps([5,2,1,3,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20]) : void 0)
     );
     const LazyNodeDetailsViewV2 = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeDetailsViewV2-XPdbzrLu.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--1S2eK5u.js"), true ? __vite__mapDeps([21,2,1,3,6,7,8,9,10,11,12,13,14,15,16,17,18,19,22]) : void 0)
     );
     const LazySetupWorkflowCredentialsButton = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./SetupWorkflowCredentialsButton-DMIEMB5C.js"), true ? __vite__mapDeps([22,1,2]) : void 0)
+      async () => await __vitePreload(() => import("./SetupWorkflowCredentialsButton-Bjhx_rck.js"), true ? __vite__mapDeps([23,2,1,3]) : void 0)
     );
     const $style = useCssModule();
     const router = useRouter();
@@ -1417,6 +1475,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     useKeybindings({
       ctrl_alt_o: () => uiStore.openModal(ABOUT_MODAL_KEY)
     });
+    const canvasRef = useTemplateRef("canvas");
     const isLoading = ref(true);
     const isBlankRedirect = ref(false);
     const readOnlyNotification = ref(null);
@@ -1581,7 +1640,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     async function fetchAndSetProject(projectId) {
-      if (!projectsStore.currentProject) {
+      if (projectsStore.currentProject?.id !== projectId) {
         const project = await projectsStore.fetchProject(projectId);
         projectsStore.setCurrentProject(project);
       }
@@ -1669,9 +1728,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       isBlankRedirect.value = true;
       const templateId = workflow.meta.templateId;
       const parentFolderId = route.query.parentFolderId;
+      if (projectsStore.currentProjectId) {
+        await fetchAndSetProject(projectsStore.currentProjectId);
+      }
+      await fetchAndSetParentFolder(parentFolderId);
       await router.replace({
         name: VIEWS.NEW_WORKFLOW,
-        query: { templateId, parentFolderId }
+        query: { templateId, parentFolderId, projectId: projectsStore.currentProjectId }
       });
       await importTemplate({
         id: templateId,
@@ -1734,8 +1797,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const disabledTriggerNodes = triggerNodes.value.filter((node) => node.disabled);
       return disabledTriggerNodes.length === triggerNodes.value.length;
     });
-    function onTidyUp(event) {
-      tidyUp(event);
+    function onTidyUp(event, options) {
+      tidyUp(event, options);
     }
     function onExtractWorkflow(nodeIds) {
       void extractWorkflow(nodeIds);
@@ -1875,6 +1938,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         canvasEventBus.emit("saved:workflow");
       }
     }
+    function onContextMenuAction(action, nodeIds) {
+      canvasRef.value?.executeContextMenuAction(action, nodeIds);
+    }
     function addWorkflowSavedEventBindings() {
       canvasEventBus.on("saved:workflow", npsSurveyStore.fetchPromptsData);
       canvasEventBus.on("saved:workflow", onSaveFromWithinNDV);
@@ -2028,9 +2094,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     async function onImportWorkflowDataEvent(data) {
       const workflowData = data.data;
+      const trackEvents = typeof data.trackEvents === "boolean" ? data.trackEvents : void 0;
       await importWorkflowData(workflowData, "file", {
         viewport: viewportBoundaries.value,
-        regenerateIds: data.regenerateIds === true || data.regenerateIds === void 0
+        regenerateIds: data.regenerateIds === true || data.regenerateIds === void 0,
+        trackEvents
       });
       fitView();
       selectNodes(workflowData.nodes?.map((node) => node.id) ?? []);
@@ -2039,7 +2107,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         setTimeout(() => {
           canvasEventBus.emit("tidyUp", {
             source: "import-workflow-data",
-            nodeIdsFilter: nodesIdsToTidyUp
+            nodeIdsFilter: nodesIdsToTidyUp,
+            trackEvents
           });
         }, 0);
       }
@@ -2591,7 +2660,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           name: CanvasNodeRenderType.AIPrompt,
           type: CanvasNodeRenderType.AIPrompt,
           typeVersion: 1,
-          position: [-690, -15],
+          position: [-300, -100],
           parameters: {},
           draggable: false
         };
@@ -2707,6 +2776,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }, [
         unref(editableWorkflow) && unref(editableWorkflowObject) && !isLoading.value ? (openBlock(), createBlock(WorkflowCanvas, {
           key: 0,
+          ref: "canvas",
           id: unref(editableWorkflow).id,
           workflow: unref(editableWorkflow),
           "workflow-object": unref(editableWorkflowObject),
@@ -2716,6 +2786,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "read-only": isCanvasReadOnly.value,
           executing: isWorkflowRunning.value,
           "key-bindings": keyBindingsEnabled.value,
+          "suppress-interaction": unref(canvasStore).suppressInteraction,
           "onUpdate:nodes:position": onUpdateNodesPosition,
           "onUpdate:node:position": onUpdateNodePosition,
           "onUpdate:node:activated": onSetNodeActivated,
@@ -2883,11 +2954,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }))
           ]),
           _: 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),
+        }, 8, ["id", "workflow", "workflow-object", "fallback-nodes", "show-fallback-nodes", "event-bus", "read-only", "executing", "key-bindings", "suppress-interaction", "onUpdate:logs:inputOpen", "onUpdate:logs:outputOpen", "onUpdate:hasRangeSelection"])) : createCommentVNode("", true),
         !isLoading.value ? (openBlock(), createBlock(FocusPanel, {
           key: 1,
           "is-canvas-read-only": isCanvasReadOnly.value,
-          onSaveKeyboardShortcut: onSaveWorkflow
+          onSaveKeyboardShortcut: onSaveWorkflow,
+          onContextMenuAction
         }, null, 8, ["is-canvas-read-only"])) : createCommentVNode("", true)
       ], 2);
     };