n8n-editor-ui 1.111.0 → 1.112.0

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

@@ -1,10 +1,11 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreation-Dtlm36Oq.js","assets/index-DuLlH1tF.js","assets/index-DnpNicM9.css","assets/NodeCreation-C4gQlPqI.css","assets/NodeDetailsView-Di4Qgo0H.js","assets/TriggerPanel-dDX4Bzu7.js","assets/RunDataParsedAiContent-CD12A0kN.js","assets/core-e2mfCMV8.js","assets/RunDataParsedAiContent-wfIiKsq7.css","assets/ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-4IRcAtjj.js","assets/InfoAccordion-DUHSL9ZE.js","assets/InfoAccordion-dxudNqVC.css","assets/TriggerPanel-DiD8pi0I.css","assets/useWorkflowActivate-RFJxTj5m.js","assets/global-link-actions-CR3odK4e.js","assets/useExecutionDebugging-XRtGhlAr.js","assets/useBeforeUnload-DpCu12iW.js","assets/canvas-k8kjfgjE.js","assets/readyToRunWorkflows.store-SxwN_l4P.js","assets/NodeDetailsView-CjdovDgq.css","assets/NodeDetailsViewV2-DeY6N1Bz.js","assets/NodeDetailsViewV2-J_3cfdea.css","assets/SetupWorkflowCredentialsButton-D6h_IgTa.js"])))=>i.map(i=>d[i]);
-import { d as defineComponent, aq as createEventBus, aG as useTemplateRef, 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, cC as useContextMenuItems, aY as useNDVStore, a7 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, cD as N8nKeyboardShortcut, cE as _sfc_main$b, aa as _sfc_main$c, bO as provide, cF as ExpressionLocalResolveContextSymbol, ad as useNodeTypesStore, bX as NodeIcon, cG as _sfc_main$d, bL as useNodeHelpers, cH as useFocusPanelStore, cI as useNodeSettingsParameters, cJ as useEnvironmentsStore, cK as useExperimentalNdvStore, cL as useDeviceSupport, cv as useActiveElement, cM as useTelemetryContext, cN as HTML_NODE_TYPE, cO as isValueExpression, cP as isResourceLocatorValue, cQ as AI_TRANSFORM_NODE_TYPE, cR as useResolvedExpression, cl as useThrottleFn, B as withModifiers, N as N8nIcon, cS as InfoTip, c as useI18n, cT as __unplugin_components_2, cU as __unplugin_components_3, cV as __unplugin_components_4, cW as __unplugin_components_5, cX as __unplugin_components_6, cY as __unplugin_components_7, cZ as __unplugin_components_8, c_ as __unplugin_components_9, c$ as N8nInput, O as N8nRadioButtons, ap as normalizeStyle, ch as N8nResizeWrapper, d0 as getParameterTypeOption, d1 as htmlEditorEventBus, d2 as parseFromExpression, d3 as isValidParameterOption, d4 as formatAsExpression, al as useTelemetry, Y as nextTick, d5 as hasFocusOnInput, d6 as isFocusableEl, bB as isChatNode, d7 as truncateBeforeLast, ab as I18nT, cg as KeyboardShortcutTooltip, aM as N8nActionDropdown, d8 as reactive, o as onMounted, c7 as onUnmounted, d9 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, da as useNodeCreatorStore, v as useSettingsStore, db as useCredentialsStore, dc as useExternalSecretsStore, at as useRootStore, aZ as useExecutionsStore, co as useCanvasStore, aw as useNpsSurveyStore, dd as useHistoryStore, au as useProjectsStore, u as useUsersStore, ar as useTagsStore, a0 as usePushConnectionStore, bk as useTemplatesStore, de as useBuilderStore, av as useFoldersStore, df as usePostHog, dg as useAgentRequestStore, bK as useLogsStore, bM as useRunWorkflow, bP as useCanvasOperations, dh as useWorkflowExtraction, ca as useClipboard, bn as useKeybindings, bu as ABOUT_MODAL_KEY, a3 as PLACEHOLDER_EMPTY_WORKFLOW_ID, di as NEW_WORKFLOW_ID, V as VIEWS, dj as NDV_UI_OVERHAUL_EXPERIMENT, bQ as START_NODE_TYPE, dk as getNodeViewTab, L as MAIN_HEADER_TABS, dl as VALID_WORKFLOW_IMPORT_URL_REGEX, am as useMessage, an as MODAL_CONFIRM, dm as jsonParse, aB as getResourcePermissions, bH as CHAT_TRIGGER_NODE_TYPE, bG as MANUAL_CHAT_TRIGGER_NODE_TYPE, dn as EVALUATION_TRIGGER_NODE_TYPE, dp as getBounds, dq as onBeforeRouteLeave, b1 as onBeforeMount, ak as WORKFLOW_SETTINGS_MODAL_KEY, bp as useExternalHooks, dr as onActivated, ds as onDeactivated, W as onBeforeUnmount, dt as Suspense, du as defineAsyncComponent, z as N8nCallout, aU as __vitePreload, aE as EnterpriseEditionFeature, dv as NODE_CREATOR_OPEN_SOURCES, dw as EVALUATION_NODE_TYPE, dx as getSampleWorkflowByTemplateId, dy as tryToParseNumber, aO as nodeViewEventBus, bC as NodeConnectionTypes, dz as createCanvasConnectionHandleString, dA as CanvasConnectionMode, dB as isValidNodeConnectionType, dC as sourceControlEventBus, dD as getNodesWithNormalizedPosition, aW as h, dE as CanvasNodeRenderType, dF as shouldIgnoreCanvasShortcut, b0 as STICKY_NODE_TYPE, dG as needsAgentInput, dH as FROM_AI_PARAMETERS_MODAL_KEY, dI as historyBus, dJ as DRAG_EVENT_DATA_KEY } from "./index-DuLlH1tF.js";
-import { g as globalLinkActionsEventBus } from "./global-link-actions-CR3odK4e.js";
-import { u as useExecutionDebugging } from "./useExecutionDebugging-XRtGhlAr.js";
-import { u as useBeforeUnload } from "./useBeforeUnload-DpCu12iW.js";
-import { c as canvasEventBus } from "./canvas-k8kjfgjE.js";
-import { u as useAITemplatesStarterCollectionStore, a as useReadyToRunWorkflowsStore } from "./readyToRunWorkflows.store-SxwN_l4P.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,7 +19,8 @@ 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, { expose: __expose }) {
     const props = __props;
@@ -65,8 +67,9 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
             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);
@@ -114,7 +117,8 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "ExperimentalNodeDetailsDrawer",
   props: {
     node: {},
-    nodeIds: {}
+    nodeIds: {},
+    isReadOnly: { type: Boolean }
   },
   emits: ["openNdv", "contextMenuAction"],
   setup(__props, { emit: __emit }) {
@@ -134,7 +138,6 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     );
     provide(ExpressionLocalResolveContextSymbol, expressionResolveCtx);
     return (_ctx, _cache) => {
-      const _component_N8nIconButton = _sfc_main$c;
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.component)
       }, [
@@ -175,21 +178,9 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
           _: 1
         }, 8, ["class"])) : _ctx.node ? (openBlock(), createBlock(_sfc_main$b, {
           key: nodeSettingsViewKey.value,
-          "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"))
-            })
-          ]),
-          _: 1
-        }, 8, ["node-id"])) : createCommentVNode("", true)
+          "node-id": _ctx.node.id,
+          "is-read-only": _ctx.isReadOnly
+        }, null, 8, ["node-id", "is-read-only"])) : createCommentVNode("", true)
       ], 2);
     };
   }
@@ -222,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)
@@ -269,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: "",
@@ -280,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,
@@ -357,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(() => {
@@ -423,6 +415,12 @@ 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,
@@ -600,7 +598,11 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
       return focusPanelActive.value ? (openBlock(), createElementBlock("div", {
         key: 0,
         ref: "wrapper",
-        class: normalizeClass(_ctx.$style.wrapper),
+        "data-test-id": "focus-panel",
+        class: normalizeClass([
+          _ctx.$style.wrapper,
+          { [_ctx.$style.isNdvInFocusPanelEnabled]: unref(experimentalNdvStore).isNdvInFocusPanelEnabled }
+        ]),
         onKeydown: _cache[10] || (_cache[10] = withModifiers(() => {
         }, ["stop"]))
       }, [
@@ -628,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,
@@ -846,55 +849,56 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
                 key: 2,
                 node: node.value,
                 "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"])) : (openBlock(), createElementBlock("div", {
+              }, 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
                   }),
@@ -903,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
                   })
@@ -917,32 +921,34 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const wrapper$1 = "_wrapper_s6jeo_123";
-const container = "_container_s6jeo_135";
-const content = "_content_s6jeo_141";
-const emptyContent = "_emptyContent_s6jeo_147";
-const emptyText = "_emptyText_s6jeo_152";
-const focusParameterWrapper = "_focusParameterWrapper_s6jeo_158";
-const iconWrapper$1 = "_iconWrapper_s6jeo_165";
-const pointerIcon = "_pointerIcon_s6jeo_169";
-const tabHeader = "_tabHeader_s6jeo_179";
-const tabHeaderText = "_tabHeaderText_s6jeo_186";
-const buttonWrapper = "_buttonWrapper_s6jeo_191";
-const parameterDetailsWrapper = "_parameterDetailsWrapper_s6jeo_196";
-const parameterOptionsWrapper = "_parameterOptionsWrapper_s6jeo_203";
-const noExecutionDataTip = "_noExecutionDataTip_s6jeo_207";
-const editorContainer = "_editorContainer_s6jeo_210";
-const editor = "_editor_s6jeo_210";
-const delayedShow = "_delayedShow_s6jeo_225";
-const triggerShow = "_triggerShow_s6jeo_1";
-const closeButton = "_closeButton_s6jeo_236";
-const heightFull = "_heightFull_s6jeo_240";
-const forceHover = "_forceHover_s6jeo_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,
@@ -1364,16 +1370,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "NodeView",
   setup(__props) {
     const LazyNodeCreation = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeCreation-Dtlm36Oq.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-Di4Qgo0H.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-DeY6N1Bz.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-D6h_IgTa.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();
@@ -1634,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);
       }
@@ -1722,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,
@@ -1787,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);
@@ -2084,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) ?? []);
@@ -2095,7 +2107,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         setTimeout(() => {
           canvasEventBus.emit("tidyUp", {
             source: "import-workflow-data",
-            nodeIdsFilter: nodesIdsToTidyUp
+            nodeIdsFilter: nodesIdsToTidyUp,
+            trackEvents
           });
         }, 0);
       }
@@ -2647,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
         };
@@ -2773,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,
@@ -2940,7 +2954,7 @@ 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,

package/dist/assets/{NodeView-DMJpfBYR.css → NodeView-Chs2u0U9.css}

@@ -555,7 +555,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._wrapper_s6jeo_123 {
+._wrapper_1v9yh_123 {
   display: flex;
   flex-direction: row;
   flex-wrap: nowrap;
@@ -566,111 +566,114 @@
   flex-grow: 0;
   flex-shrink: 0;
 }
-._container_s6jeo_135 {
+._container_1v9yh_135 {
   display: flex;
   flex-direction: column;
   height: 100%;
 }
-._content_s6jeo_141 {
+._content_1v9yh_141 {
   display: flex;
   flex-direction: column;
   height: 100%;
   width: 100%;
 }
-._content_s6jeo_141._emptyContent_s6jeo_147 {
+._content_1v9yh_141._emptyContent_1v9yh_147 {
   text-align: center;
   justify-content: center;
   align-items: center;
 }
-._content_s6jeo_141._emptyContent_s6jeo_147 ._emptyText_s6jeo_152 {
+._isNdvInFocusPanelEnabled_1v9yh_152 ._content_1v9yh_141._emptyContent_1v9yh_147 {
+  flex-direction: column-reverse;
+}
+._content_1v9yh_141._emptyContent_1v9yh_147 ._emptyText_1v9yh_155 {
   margin: 0 var(--spacing-xl);
   display: flex;
   flex-direction: column;
   gap: var(--spacing-2xs);
 }
-._content_s6jeo_141._emptyContent_s6jeo_147 ._emptyText_s6jeo_152 ._focusParameterWrapper_s6jeo_158 {
+._content_1v9yh_141._emptyContent_1v9yh_147 ._focusParameterWrapper_1v9yh_161 {
   display: flex;
   align-items: center;
   justify-content: center;
   gap: var(--spacing-2xs);
-  margin-bottom: var(--spacing-m);
+  margin-block: var(--spacing-m);
 }
-._content_s6jeo_141._emptyContent_s6jeo_147 ._emptyText_s6jeo_152 ._focusParameterWrapper_s6jeo_158 ._iconWrapper_s6jeo_165 {
+._content_1v9yh_141._emptyContent_1v9yh_147 ._focusParameterWrapper_1v9yh_161 ._iconWrapper_1v9yh_168 {
   position: relative;
   display: inline-block;
 }
-._content_s6jeo_141._emptyContent_s6jeo_147 ._emptyText_s6jeo_152 ._focusParameterWrapper_s6jeo_158 ._pointerIcon_s6jeo_169 {
+._content_1v9yh_141._emptyContent_1v9yh_147 ._focusParameterWrapper_1v9yh_161 ._pointerIcon_1v9yh_172 {
   position: absolute;
   top: 100%;
   left: 50%;
   transform: translate(-20%, -30%);
   pointer-events: none;
 }
-._content_s6jeo_141._emptyContent_s6jeo_147 ._emptyText_s6jeo_152 ._focusParameterWrapper_s6jeo_158 [class*="_disabled_"] {
+._content_1v9yh_141._emptyContent_1v9yh_147 ._focusParameterWrapper_1v9yh_161 [class*="_disabled_"] {
   cursor: default !important;
 }
-._content_s6jeo_141 ._tabHeader_s6jeo_179 {
+._content_1v9yh_141 ._tabHeader_1v9yh_182 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-bottom: 1px solid var(--color-foreground-base);
   padding: var(--spacing-2xs);
 }
-._content_s6jeo_141 ._tabHeader_s6jeo_179 ._tabHeaderText_s6jeo_186 {
+._content_1v9yh_141 ._tabHeader_1v9yh_182 ._tabHeaderText_1v9yh_189 {
   display: flex;
   gap: var(--spacing-4xs);
   align-items: baseline;
 }
-._content_s6jeo_141 ._tabHeader_s6jeo_179 ._buttonWrapper_s6jeo_191 {
+._content_1v9yh_141 ._tabHeader_1v9yh_182 ._buttonWrapper_1v9yh_194 {
   display: flex;
   gap: var(--spacing-2xs);
   align-items: center;
 }
-._content_s6jeo_141 ._parameterDetailsWrapper_s6jeo_196 {
+._content_1v9yh_141 ._parameterDetailsWrapper_1v9yh_199 {
   display: flex;
   height: 100%;
   flex-direction: column;
   gap: var(--spacing-2xs);
   padding: var(--spacing-2xs);
 }
-._content_s6jeo_141 ._parameterDetailsWrapper_s6jeo_196 ._parameterOptionsWrapper_s6jeo_203 {
+._content_1v9yh_141 ._parameterDetailsWrapper_1v9yh_199 ._parameterOptionsWrapper_1v9yh_206 {
   display: flex;
   justify-content: space-between;
 }
-._content_s6jeo_141 ._parameterDetailsWrapper_s6jeo_196 ._noExecutionDataTip_s6jeo_207 {
+._content_1v9yh_141 ._parameterDetailsWrapper_1v9yh_199 ._noExecutionDataTip_1v9yh_210 {
   align-content: center;
 }
-._content_s6jeo_141 ._parameterDetailsWrapper_s6jeo_196 ._editorContainer_s6jeo_210 {
+._content_1v9yh_141 ._parameterDetailsWrapper_1v9yh_199 ._editorContainer_1v9yh_213 {
   height: 0;
   flex-grow: 1;
 }
-._content_s6jeo_141 ._parameterDetailsWrapper_s6jeo_196 ._editorContainer_s6jeo_210 ._editor_s6jeo_210 {
+._content_1v9yh_141 ._parameterDetailsWrapper_1v9yh_199 ._editorContainer_1v9yh_213 ._editor_1v9yh_213 {
   display: flex;
   height: 100%;
   width: 100%;
   font-size: var(--font-size-2xs);
 }
-._content_s6jeo_141 ._parameterDetailsWrapper_s6jeo_196 ._editorContainer_s6jeo_210 ._editor_s6jeo_210 .cm-editor {
+._content_1v9yh_141 ._parameterDetailsWrapper_1v9yh_199 ._editorContainer_1v9yh_213 ._editor_1v9yh_213 .cm-editor {
   background-color: var(--color-code-background);
   width: 100%;
 }
-._delayedShow_s6jeo_225 {
+._delayedShow_1v9yh_228 {
   opacity: 0;
   transition: opacity 0.1s none;
-  animation: _triggerShow_s6jeo_1 0.1s normal 0.1s forwards;
+  animation: _triggerShow_1v9yh_1 0.1s normal 0.1s forwards;
 }
-@keyframes _triggerShow_s6jeo_1 {
+@keyframes _triggerShow_1v9yh_1 {
 to {
     opacity: 1;
 }
 }
-._closeButton_s6jeo_236 {
+._closeButton_1v9yh_239 {
   cursor: pointer;
 }
-._heightFull_s6jeo_240 {
+._heightFull_1v9yh_243 {
   height: 100%;
 }
-._forceHover_s6jeo_244 {
+._forceHover_1v9yh_247 {
   color: var(--color-button-secondary-hover-active-focus-font);
   border-color: var(--color-button-secondary-hover-active-focus-border);
   background-color: var(--color-button-secondary-hover-active-focus-background);

package/dist/assets/{PageViewLayout-DC6xqvMl.js → PageViewLayout-DldtilHz.js}

@@ -1,4 +1,5 @@
-import { _ as _export_sfc, h as createElementBlock, g as openBlock, X as renderSlot, j as createBaseVNode, n as normalizeClass } from "./index-DuLlH1tF.js";
+import { _ as _export_sfc } from "./index-BJG79OsS.js";
+import { ac as createElementBlock, b1 as openBlock, bb as renderSlot, ad as createBaseVNode, aQ as normalizeClass } from "./index-4g2Akj0I.js";
 const wrapper = "_wrapper_1x8n3_123";
 const content = "_content_1x8n3_139";
 const style0 = {

package/dist/assets/{PrebuiltAgentTemplatesView-Bf_4L0Mz.js → PrebuiltAgentTemplatesView-ChyN8J2x.js}

@@ -1,5 +1,6 @@
-import { _ as __unplugin_components_5 } from "./PageViewLayout-DC6xqvMl.js";
-import { d as defineComponent, ad as useNodeTypesStore, bm as useCalloutHelpers, x as computed, o as onMounted, e as createBlock, g as openBlock, w as withCtx, j as createBaseVNode, n as normalizeClass, i as createVNode, m as N8nHeading, k as createTextVNode, t as toDisplayString, l as unref, c as useI18n, C as N8nLink, V as VIEWS, h as createElementBlock, F as Fragment, A as renderList, s as N8nCard, g6 as NodeCreatorNode, br as createSlots, bX as NodeIcon, _ as _export_sfc } from "./index-DuLlH1tF.js";
+import { _ as __unplugin_components_5 } from "./PageViewLayout-DldtilHz.js";
+import { K as useNodeTypesStore, aS as useCalloutHelpers, c as N8nHeading, j as N8nLink, V as VIEWS, f as N8nCard, fa as NodeCreatorNode, bp as NodeIcon, _ as _export_sfc } from "./index-BJG79OsS.js";
+import { o as defineComponent, a9 as computed, r as onMounted, aa as createBlock, b1 as openBlock, bI as withCtx, ad as createBaseVNode, aQ as normalizeClass, k as createVNode, ah as createTextVNode, bo as toDisplayString, u as unref, bT as useI18n, ac as createElementBlock, F as Fragment, ba as renderList, af as createSlots } from "./index-4g2Akj0I.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PrebuiltAgentTemplatesView",
   setup(__props) {

package/dist/assets/{ProjectBreadcrumb-OJlbtg71.js → ProjectBreadcrumb-9uWmVmc7.js}

@@ -1,4 +1,5 @@
-import { d as defineComponent, r as ref, x as computed, a7 as watch, h as createElementBlock, g as openBlock, n as normalizeClass, X as renderSlot, j as createBaseVNode, f as createCommentVNode, t as toDisplayString, e as createBlock, i as createVNode, l as unref, ef as N8nActionToggle, w as withCtx, p as N8nText, k as createTextVNode, a9 as Tooltip, dM as N8nLoading, F as Fragment, A as renderList, B as withModifiers, C as N8nLink, _ as _export_sfc, aF as ProjectTypes, ft as isIconOrEmoji, c as useI18n, fu as __unplugin_components_0$1 } from "./index-DuLlH1tF.js";
+import { dr as N8nActionToggle, d as N8nText, H as Tooltip, cZ as N8nLoading, w as withModifiers, j as N8nLink, _ as _export_sfc, ag as ProjectTypes, eC as isIconOrEmoji, eD as __unplugin_components_0$1 } from "./index-BJG79OsS.js";
+import { o as defineComponent, b8 as ref, a9 as computed, w as watch, ac as createElementBlock, b1 as openBlock, aQ as normalizeClass, bb as renderSlot, ad as createBaseVNode, ab as createCommentVNode, bo as toDisplayString, aa as createBlock, k as createVNode, u as unref, bI as withCtx, ah as createTextVNode, F as Fragment, ba as renderList, bT as useI18n } from "./index-4g2Akj0I.js";
 const _hoisted_1 = { "data-test-id": "hidden-items-tooltip" };
 const _hoisted_2 = ["title", "data-resourceid", "onClick", "onMouseenter", "onMouseup"];
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({