n8n-editor-ui 1.115.1 → 1.116.1

package/dist/assets/{NodeView-B9LYqx2z.js → NodeView-C9PvNIUz.js}

@@ -1,9 +1,9 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreation-BkqOy8gF.js","assets/index-MTM6BbvW.js","assets/index-CFiA0qjr.css","assets/NodeCreation-C4gQlPqI.css","assets/NodeDetailsView-BuhpInfo.js","assets/TriggerPanel-BS69Ky8P.js","assets/RunDataParsedAiContent-Bl49tvwG.js","assets/core-HZaYo_tU.js","assets/RunDataParsedAiContent-wfIiKsq7.css","assets/ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-Bv40HGJu.js","assets/InfoAccordion-BpibqNsS.js","assets/InfoAccordion-dxudNqVC.css","assets/TriggerPanel-CQgUdcjv.css","assets/global-link-actions-DdzlWwjw.js","assets/useExecutionDebugging-yUnwhnYk.js","assets/useBeforeUnload-DsbgbymL.js","assets/readyToRunWorkflows.store-nzu6XNAP.js","assets/NodeDetailsView-CBYV4Rrz.css","assets/NodeDetailsViewV2-C0bp_zCD.js","assets/NodeDetailsViewV2-J_3cfdea.css","assets/SetupWorkflowCredentialsButton-CUzPtmot.js"])))=>i.map(i=>d[i]);
-import { d as defineComponent, at as useCssModule, h as createElementBlock, g as openBlock, n as normalizeClass, k as unref, j as createBaseVNode, i as createVNode, d8 as _sfc_main$a, l as createTextVNode, e as createBlock, f as createCommentVNode, t as toDisplayString, D as useI18n, q as N8nButton, _ as _export_sfc, aq as createEventBus, aH as useTemplateRef, d9 as useVueFlow, bD as toRef, x as computed, da as useCanvasMapping, r as ref, db as refThrottled, Y as renderSlot, dc as Canvas, K as mergeProps, a2 as useWorkflowsStore, dd as useExpressionResolveCtx, de as useContextMenuItems, a_ as useNDVStore, a8 as watch, p as N8nText, w as withCtx, F as Fragment, A as renderList, df as N8nKeyboardShortcut, dg as _sfc_main$b, bn as provide, dh as ExpressionLocalResolveContextSymbol, ae as useNodeTypesStore, cx as NodeIcon, aI as InlineRename, c as useI18n$1, ab as _sfc_main$c, di as _sfc_main$d, cm as useNodeHelpers, dj as useFocusPanelStore, dk as useNodeSettingsParameters, dl as useEnvironmentsStore, cQ as useExperimentalNdvStore, dm as useDeviceSupport, d6 as useActiveElement, cp as useCanvasOperations, dn as useTelemetryContext, dp as CanvasNodeRenderType, dq as HTML_NODE_TYPE, dr as isValueExpression, ds as isResourceLocatorValue, dt as AI_TRANSFORM_NODE_TYPE, du as useResolvedExpression, cX as useThrottleFn, B as withModifiers, N as N8nIcon, dv as InfoTip, dw as ParameterOptions, dx as ExpressionEditorModalInput, dy as CodeNodeEditor, dz as HtmlEditor, dA as CssEditor, dB as SqlEditor, dC as JsEditor, dD as JsonEditor, dE as N8nInput, O as N8nRadioButtons, ap as normalizeStyle, cT as N8nResizeWrapper, dF as getParameterTypeOption, dG as htmlEditorEventBus, dH as parseFromExpression, dI as isValidParameterOption, dJ as formatAsExpression, al as useTelemetry, Z as nextTick, dK as hasFocusOnInput, dL as isFocusableEl, bm as reactive, o as onMounted, bS as onUnmounted, b as useRouter, a3 as useRoute, a as useToast, ay as useDocumentTitle, aA as useWorkflowHelpers, az as useWorkflowSaving, Q as useUIStore, af as useSourceControlStore, dM as useNodeCreatorStore, v as useSettingsStore, dN as useCredentialsStore, dO as useExternalSecretsStore, au as useRootStore, a$ as useExecutionsStore, c_ as useCanvasStore, ax as useNpsSurveyStore, dP as useHistoryStore, av as useProjectsStore, u as useUsersStore, as as useTagsStore, a1 as usePushConnectionStore, dQ as useBuilderStore, dR as usePostHog, dS as useAgentRequestStore, cl as useLogsStore, dT as useWorkflowState, cn as useRunWorkflow, dU as useWorkflowExtraction, dV as useParentFolder, cI as useClipboard, bY as useKeybindings, c3 as ABOUT_MODAL_KEY, a4 as PLACEHOLDER_EMPTY_WORKFLOW_ID, dW as NEW_WORKFLOW_ID, V as VIEWS, dX as NDV_UI_OVERHAUL_EXPERIMENT, cq as START_NODE_TYPE, dY as getNodeViewTab, L as MAIN_HEADER_TABS, dZ as VALID_WORKFLOW_IMPORT_URL_REGEX, am as useMessage, an as MODAL_CONFIRM, d_ as jsonParse, aC as getResourcePermissions, ch as CHAT_TRIGGER_NODE_TYPE, cg as MANUAL_CHAT_TRIGGER_NODE_TYPE, d$ as EVALUATION_TRIGGER_NODE_TYPE, e0 as getBounds, c$ as canvasEventBus, e1 as onBeforeRouteLeave, b3 as onBeforeMount, ak as WORKFLOW_SETTINGS_MODAL_KEY, b_ as useExternalHooks, e2 as onActivated, e3 as onDeactivated, X as onBeforeUnmount, e4 as Suspense, e5 as defineAsyncComponent, e6 as CanvasRunWorkflowButton, cS as KeyboardShortcutTooltip, z as N8nCallout, aW as __vitePreload, aF as EnterpriseEditionFeature, e7 as NODE_CREATOR_OPEN_SOURCES, e8 as EVALUATION_NODE_TYPE, e9 as getSampleWorkflowByTemplateId, aQ as nodeViewEventBus, cc as NodeConnectionTypes, ea as createCanvasConnectionHandleString, eb as CanvasConnectionMode, ec as isValidNodeConnectionType, ed as sourceControlEventBus, ee as getNodesWithNormalizedPosition, b2 as STICKY_NODE_TYPE, aY as h, ef as historyBus, eg as shouldIgnoreCanvasShortcut, eh as needsAgentInput, ei as FROM_AI_PARAMETERS_MODAL_KEY, ej as DRAG_EVENT_DATA_KEY, ek as WorkflowStateKey } from "./index-MTM6BbvW.js";
-import { g as globalLinkActionsEventBus } from "./global-link-actions-DdzlWwjw.js";
-import { u as useExecutionDebugging } from "./useExecutionDebugging-yUnwhnYk.js";
-import { u as useBeforeUnload } from "./useBeforeUnload-DsbgbymL.js";
-import { u as useAITemplatesStarterCollectionStore, a as useReadyToRunWorkflowsStore } from "./readyToRunWorkflows.store-nzu6XNAP.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreation-CsCoqAnU.js","assets/index-C2iJCVYf.js","assets/index-BvbpnRSm.css","assets/NodeCreation-B1fOtARK.css","assets/NodeDetailsView-6bLQaVHT.js","assets/TriggerPanel-nPxZrihp.js","assets/useLogsTreeExpand-2auAOTOK.js","assets/AnimatedSpinner-DFjfUB--.js","assets/AnimatedSpinner-ChSRgyeI.css","assets/useLogsTreeExpand-BZb1m-U7.css","assets/RunDataParsedAiContent-BkNc-yBy.js","assets/core-DsTi4w-I.js","assets/RunDataParsedAiContent-CvjNCtpG.css","assets/InfoAccordion-B_T19Esx.js","assets/InfoAccordion-BuKidEQb.css","assets/TriggerPanel-BbB_P9ZT.css","assets/global-link-actions-DSKsOCqo.js","assets/useExecutionDebugging-DWOhAQo4.js","assets/useBeforeUnload-D788NzAs.js","assets/readyToRunWorkflows.store-ia-2Nluj.js","assets/NodeDetailsView-D3QAo3SF.css","assets/NodeDetailsViewV2-DRCY6EX6.js","assets/NodeDetailsViewV2-bvXejqU_.css","assets/SetupWorkflowCredentialsButton-6T0EX3L6.js"])))=>i.map(i=>d[i]);
+import { d as defineComponent, at as useCssModule, h as createElementBlock, g as openBlock, n as normalizeClass, k as unref, j as createBaseVNode, i as createVNode, cn as _sfc_main$a, l as createTextVNode, e as createBlock, f as createCommentVNode, t as toDisplayString, D as useI18n, q as N8nButton, _ as _export_sfc, aq as createEventBus, aH as useTemplateRef, co as useVueFlow, cl as toRef, x as computed, cp as useCanvasMapping, r as ref, cq as refThrottled, Y as renderSlot, cr as Canvas, K as mergeProps, a2 as useWorkflowsStore, cs as useExpressionResolveCtx, ct as useContextMenuItems, a_ as useNDVStore, a8 as watch, p as N8nText, w as withCtx, F as Fragment, A as renderList, cu as N8nKeyboardShortcut, cv as _sfc_main$b, bK as provide, cw as ExpressionLocalResolveContextSymbol, ae as useNodeTypesStore, c8 as NodeIcon, aI as InlineRename, c as useI18n$1, ab as _sfc_main$c, cx as _sfc_main$d, bG as useNodeHelpers, cy as useFocusPanelStore, bE as injectWorkflowState, cz as useNodeSettingsParameters, cA as useEnvironmentsStore, c5 as useExperimentalNdvStore, cB as useDeviceSupport, ck as useActiveElement, bM as useCanvasOperations, cC as useTelemetryContext, cD as CanvasNodeRenderType, cE as HTML_NODE_TYPE, cF as isValueExpression, cG as isResourceLocatorValue, cH as AI_TRANSFORM_NODE_TYPE, cI as useResolvedExpression, cJ as useThrottleFn, B as withModifiers, N as N8nIcon, cK as InfoTip, cL as ParameterOptions, cM as ExpressionEditorModalInput, cN as CodeNodeEditor, cO as HtmlEditor, cP as CssEditor, cQ as SqlEditor, cR as JsEditor, cS as JsonEditor, cT as N8nInput, O as N8nRadioButtons, ap as normalizeStyle, c9 as N8nResizeWrapper, cU as getParameterTypeOption, cV as htmlEditorEventBus, cW as parseFromExpression, cX as isValidParameterOption, cY as formatAsExpression, al as useTelemetry, Z as nextTick, cZ as hasFocusOnInput, c_ as isFocusableEl, c$ as reactive, o as onMounted, bh as onUnmounted, b as useRouter, a3 as useRoute, a as useToast, ay as useDocumentTitle, az as useWorkflowSaving, Q as useUIStore, af as useSourceControlStore, d0 as useNodeCreatorStore, v as useSettingsStore, d1 as useCredentialsStore, d2 as useExternalSecretsStore, au as useRootStore, a$ as useExecutionsStore, cc as useCanvasStore, ax as useNpsSurveyStore, d3 as useHistoryStore, av as useProjectsStore, u as useUsersStore, as as useTagsStore, a1 as usePushConnectionStore, d4 as useBuilderStore, bn as usePostHog, d5 as useAgentRequestStore, bF as useLogsStore, d6 as useWorkflowState, bH as useRunWorkflow, d7 as useWorkflowExtraction, d8 as useParentFolder, bZ as useClipboard, bo as useKeybindings, bx as ABOUT_MODAL_KEY, a4 as PLACEHOLDER_EMPTY_WORKFLOW_ID, d9 as NEW_WORKFLOW_ID, V as VIEWS, da as NDV_UI_OVERHAUL_EXPERIMENT, bN as START_NODE_TYPE, db as getNodeViewTab, L as MAIN_HEADER_TABS, dc as VALID_WORKFLOW_IMPORT_URL_REGEX, am as useMessage, an as MODAL_CONFIRM, dd as jsonParse, aC as getResourcePermissions, de as CHAT_TRIGGER_NODE_TYPE, df as MANUAL_CHAT_TRIGGER_NODE_TYPE, dg as EVALUATION_TRIGGER_NODE_TYPE, dh as getBounds, cd as canvasEventBus, di as onBeforeRouteLeave, b3 as onBeforeMount, ak as WORKFLOW_SETTINGS_MODAL_KEY, bs as useExternalHooks, dj as onActivated, dk as onDeactivated, X as onBeforeUnmount, dl as Suspense, dm as defineAsyncComponent, dn as CanvasRunWorkflowButton, c7 as KeyboardShortcutTooltip, z as N8nCallout, aW as __vitePreload, aF as EnterpriseEditionFeature, dp as NODE_CREATOR_OPEN_SOURCES, dq as EVALUATION_NODE_TYPE, dr as getSampleWorkflowByTemplateId, aQ as nodeViewEventBus, ds as sourceControlEventBus, dt as getNodesWithNormalizedPosition, b2 as STICKY_NODE_TYPE, aY as h, du as historyBus, dv as shouldIgnoreCanvasShortcut, dw as isTriggerNode, dx as getNodeInputs, dy as getNodeOutputs, dz as needsAgentInput, dA as FROM_AI_PARAMETERS_MODAL_KEY, dB as DRAG_EVENT_DATA_KEY, dC as WorkflowStateKey } from "./index-C2iJCVYf.js";
+import { g as globalLinkActionsEventBus } from "./global-link-actions-DSKsOCqo.js";
+import { u as useExecutionDebugging } from "./useExecutionDebugging-DWOhAQo4.js";
+import { u as useBeforeUnload } from "./useBeforeUnload-D788NzAs.js";
+import { u as useAITemplatesStarterCollectionStore, a as useReadyToRunWorkflowsStore } from "./readyToRunWorkflows.store-ia-2Nluj.js";
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   ...{
     name: "N8nCanvasThinkingPill"
@@ -43,10 +43,10 @@ const _sfc_main$9 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const thinkingPill$1 = "_thinkingPill_nk220_123";
-const iconWrapper$1 = "_iconWrapper_nk220_139";
-const stopButton = "_stopButton_nk220_149";
-const text = "_text_nk220_153";
+const thinkingPill$1 = "_thinkingPill_1nafl_123";
+const iconWrapper$1 = "_iconWrapper_1nafl_139";
+const stopButton = "_stopButton_1nafl_149";
+const text = "_text_1nafl_153";
 const style0$5 = {
   thinkingPill: thinkingPill$1,
   iconWrapper: iconWrapper$1,
@@ -236,10 +236,10 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const component$1 = "_component_6x5cw_123";
-const multipleNodes = "_multipleNodes_6x5cw_128";
-const multipleNodesActions = "_multipleNodesActions_6x5cw_138";
-const multipleNodesAction = "_multipleNodesAction_6x5cw_138";
+const component$1 = "_component_17fl4_123";
+const multipleNodes = "_multipleNodes_17fl4_128";
+const multipleNodesActions = "_multipleNodesActions_17fl4_138";
+const multipleNodesAction = "_multipleNodesAction_17fl4_138";
 const style0$3 = {
   component: component$1,
   multipleNodes,
@@ -344,8 +344,8 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const component = "_component_dktdl_123";
-const breadcrumbs = "_breadcrumbs_dktdl_131";
+const component = "_component_hvb6m_123";
+const breadcrumbs = "_breadcrumbs_hvb6m_131";
 const style0$2 = {
   component,
   breadcrumbs
@@ -370,6 +370,7 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     const nodeHelpers = useNodeHelpers();
     const focusPanelStore = useFocusPanelStore();
     const workflowsStore = useWorkflowsStore();
+    const workflowState = injectWorkflowState();
     const nodeTypesStore = useNodeTypesStore();
     const telemetry = useTelemetry();
     const nodeSettingsParameters = useNodeSettingsParameters();
@@ -473,7 +474,9 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
         parameterPath: resolvedParameter.value.parameterPath
       };
     });
-    const isNodeExecuting = computed(() => workflowsStore.isNodeExecuting(node.value?.name ?? ""));
+    const isNodeExecuting = computed(
+      () => workflowState.executingNode.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")
@@ -978,28 +981,28 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-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 = "_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 wrapper$1 = "_wrapper_15fqx_123";
+const container = "_container_15fqx_135";
+const content = "_content_15fqx_141";
+const emptyContent = "_emptyContent_15fqx_147";
+const isNdvInFocusPanelEnabled = "_isNdvInFocusPanelEnabled_15fqx_152";
+const emptyText = "_emptyText_15fqx_155";
+const focusParameterWrapper = "_focusParameterWrapper_15fqx_161";
+const iconWrapper = "_iconWrapper_15fqx_168";
+const pointerIcon = "_pointerIcon_15fqx_172";
+const tabHeader = "_tabHeader_15fqx_182";
+const tabHeaderText = "_tabHeaderText_15fqx_189";
+const buttonWrapper = "_buttonWrapper_15fqx_194";
+const parameterDetailsWrapper = "_parameterDetailsWrapper_15fqx_199";
+const parameterOptionsWrapper = "_parameterOptionsWrapper_15fqx_206";
+const noExecutionDataTip = "_noExecutionDataTip_15fqx_210";
+const editorContainer = "_editorContainer_15fqx_213";
+const editor = "_editor_15fqx_213";
+const delayedShow = "_delayedShow_15fqx_228";
+const triggerShow = "_triggerShow_15fqx_1";
+const closeButton = "_closeButton_15fqx_239";
+const heightFull = "_heightFull_15fqx_243";
+const forceHover = "_forceHover_15fqx_247";
 const style0$1 = {
   wrapper: wrapper$1,
   container,
@@ -1171,16 +1174,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "NodeView",
   setup(__props) {
     const LazyNodeCreation = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeCreation-BkqOy8gF.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
+      async () => await __vitePreload(() => import("./NodeCreation-CsCoqAnU.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
     );
     const LazyNodeDetailsView = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeDetailsView-BuhpInfo.js"), true ? __vite__mapDeps([4,1,2,5,6,7,8,9,10,11,12,13,14,15,16,17]) : void 0)
+      async () => await __vitePreload(() => import("./NodeDetailsView-6bLQaVHT.js"), true ? __vite__mapDeps([4,1,2,5,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-C0bp_zCD.js"), true ? __vite__mapDeps([18,1,2,5,6,7,8,9,10,11,12,13,14,15,16,19]) : void 0)
+      async () => await __vitePreload(() => import("./NodeDetailsViewV2-DRCY6EX6.js"), true ? __vite__mapDeps([21,1,2,5,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-CUzPtmot.js"), true ? __vite__mapDeps([20,1,2]) : void 0)
+      async () => await __vitePreload(() => import("./SetupWorkflowCredentialsButton-6T0EX3L6.js"), true ? __vite__mapDeps([23,1,2]) : void 0)
     );
     const $style = useCssModule();
     const router = useRouter();
@@ -1191,7 +1194,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const toast = useToast();
     const message = useMessage();
     const documentTitle = useDocumentTitle();
-    const workflowHelpers = useWorkflowHelpers();
     const workflowSaving = useWorkflowSaving({ router });
     const nodeHelpers = useNodeHelpers();
     const nodeTypesStore = useNodeTypesStore();
@@ -1248,7 +1250,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       cutNodes,
       duplicateNodes,
       revertDeleteNode,
-      addNodes,
       revertAddNode,
       createConnection,
       revertCreateConnection,
@@ -1258,7 +1259,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       revalidateNodeOutputConnections,
       setNodeActiveByName,
       clearNodeActive,
-      addConnections,
       tryToOpenSubworkflowInNewTab,
       importWorkflowData,
       fetchWorkflowDataFromUrl,
@@ -1269,6 +1269,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       editableWorkflowObject,
       lastClickPosition,
       startChat,
+      addNodesAndConnections,
       fitView,
       openWorkflowTemplate,
       openWorkflowTemplateFromJSON
@@ -1479,7 +1480,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function openWorkflow(data) {
       resetWorkspace();
-      workflowHelpers.setDocumentTitle(data.name, "IDLE");
+      documentTitle.setDocumentTitle(data.name, "IDLE");
       initializeWorkspace(data);
       void externalHooks.run("workflow.open", {
         workflowId: data.id,
@@ -1509,7 +1510,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       tidyUp(event, options);
     }
     function onExtractWorkflow(nodeIds) {
-      void extractWorkflow(nodeIds);
+      extractWorkflow(nodeIds);
     }
     function onUpdateNodesPosition(events) {
       updateNodesPosition(events, { trackHistory: true });
@@ -1856,51 +1857,31 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       nodeViewEventBus.off("importWorkflowUrl", onImportWorkflowUrlEvent);
       nodeViewEventBus.off("openChat", onOpenChat);
     }
+    const nodeCreatorReplaceTargetId = ref(void 0);
+    function onNodeCreatorClose() {
+      nodeCreatorReplaceTargetId.value = void 0;
+    }
     async function onAddNodesAndConnections({ nodes, connections }, dragAndDrop = false, position) {
       if (!checkIfEditingIsAllowed()) {
         return;
       }
-      const addedNodes = await addNodes(nodes, {
+      if (nodeCreatorReplaceTargetId.value !== void 0) {
+        uiStore.resetLastInteractedWith();
+        nodes = nodes.map((x) => ({
+          ...x,
+          openDetail: false
+        }));
+      }
+      const { addedNodes } = await addNodesAndConnections(nodes, connections, {
         dragAndDrop,
         position,
         viewport: viewportBoundaries.value,
-        trackHistory: true,
-        telemetry: true
-      });
-      const offsetIndex = editableWorkflow.value.nodes.length - nodes.length;
-      const mappedConnections = connections.map(({ from, to }) => {
-        const fromNode = editableWorkflow.value.nodes[offsetIndex + from.nodeIndex];
-        const toNode = editableWorkflow.value.nodes[offsetIndex + to.nodeIndex];
-        const type = from.type ?? to.type ?? NodeConnectionTypes.Main;
-        return {
-          source: fromNode.id,
-          sourceHandle: createCanvasConnectionHandleString({
-            mode: CanvasConnectionMode.Output,
-            type: isValidNodeConnectionType(type) ? type : NodeConnectionTypes.Main,
-            index: from.outputIndex ?? 0
-          }),
-          target: toNode.id,
-          targetHandle: createCanvasConnectionHandleString({
-            mode: CanvasConnectionMode.Input,
-            type: isValidNodeConnectionType(type) ? type : NodeConnectionTypes.Main,
-            index: to.inputIndex ?? 0
-          }),
-          data: {
-            source: {
-              index: from.outputIndex ?? 0,
-              type
-            },
-            target: {
-              index: to.inputIndex ?? 0,
-              type
-            }
-          }
-        };
+        telemetry: true,
+        replaceNodeId: nodeCreatorReplaceTargetId.value
       });
-      await addConnections(mappedConnections);
-      uiStore.resetLastInteractedWith();
       if (addedNodes.length > 0) {
-        selectNodes([addedNodes[addedNodes.length - 1].id]);
+        const lastAddedNodeId = addedNodes[addedNodes.length - 1].id;
+        selectNodes([lastAddedNodeId]);
       }
     }
     async function onRevertAddNode({ node }) {
@@ -1917,8 +1898,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function onToggleNodeCreator(options) {
       nodeCreatorStore.setNodeCreatorState(options);
-      if (!options.createNodeActive && !options.hasAddedNodes) {
-        uiStore.resetLastInteractedWith();
+      if (!options.createNodeActive) {
+        nodeCreatorReplaceTargetId.value = void 0;
+        if (!options.hasAddedNodes) uiStore.resetLastInteractedWith();
       }
     }
     function onOpenNodeCreatorFromCanvas(source) {
@@ -1949,6 +1931,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         eventSource: NODE_CREATOR_OPEN_SOURCES.NODE_CONNECTION_ACTION
       });
     }
+    function onClickReplaceNode(nodeId) {
+      const node = workflowsStore.getNodeById(nodeId);
+      if (!node) return;
+      const nodeType = nodeTypesStore.getNodeType(node.type);
+      if (!nodeType) return;
+      nodeCreatorReplaceTargetId.value = nodeId;
+      if (isTriggerNode(nodeType)) {
+        nodeCreatorStore.openNodeCreatorForTriggerNodes(NODE_CREATOR_OPEN_SOURCES.REPLACE_NODE_ACTION);
+      } else {
+        const inputs = getNodeInputs(editableWorkflowObject.value, node, nodeType).map(
+          (output) => typeof output === "string" ? output : output.type
+        );
+        const outputs = getNodeOutputs(editableWorkflowObject.value, node, nodeType).map(
+          (output) => typeof output === "string" ? output : output.type
+        );
+        if (inputs[0] && outputs[0] && inputs[0] !== outputs[0]) {
+          nodeCreatorStore.openNodeCreatorForRegularNodes(
+            NODE_CREATOR_OPEN_SOURCES.REPLACE_NODE_ACTION
+          );
+        } else {
+          nodeCreatorStore.openSelectiveNodeCreator({
+            connectionType: inputs[0] ?? outputs[0],
+            node: node.name
+          });
+        }
+      }
+    }
     const workflowPermissions = computed(() => {
       return workflowId.value ? getResourcePermissions(workflowsStore.getWorkflowById(workflowId.value)?.scopes).workflow : {};
     });
@@ -2134,7 +2143,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         if (workflowId.value && !uiStore.stateIsDirty) {
           const workflowData = await workflowsStore.fetchWorkflow(workflowId.value);
           if (workflowData) {
-            workflowHelpers.setDocumentTitle(workflowData.name, "IDLE");
+            documentTitle.setDocumentTitle(workflowData.name, "IDLE");
             openWorkflow(workflowData);
           }
         }
@@ -2261,7 +2270,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     }
     async function initializeDebugMode() {
-      workflowHelpers.setDocumentTitle(workflowsStore.workflowName, "DEBUG");
+      documentTitle.setDocumentTitle(workflowsStore.workflowName, "DEBUG");
       if (!workflowsStore.isInDebugMode) {
         await applyExecutionData(route.params.executionId);
         workflowsStore.isInDebugMode = true;
@@ -2552,6 +2561,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "onDuplicate:nodes": onDuplicateNodes,
           "onCopy:nodes": onCopyNodes,
           "onCut:nodes": onCutNodes,
+          "onReplace:node": onClickReplaceNode,
           "onRun:workflow": _cache[4] || (_cache[4] = ($event) => unref(runEntireWorkflow)("main")),
           "onSave:workflow": onSaveWorkflow,
           "onCreate:workflow": onCreateWorkflow,
@@ -2647,7 +2657,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "node-view-scale": viewportTransform.value.zoom,
                   "focus-panel-active": unref(focusPanelStore).focusPanelActive,
                   onToggleNodeCreator,
-                  onAddNodes: onAddNodesAndConnections
+                  onAddNodes: onAddNodesAndConnections,
+                  onClose: onNodeCreatorClose
                 }, null, 8, ["create-node-active", "node-view-scale", "focus-panel-active"])) : createCommentVNode("", true)
               ]),
               _: 1
@@ -2698,12 +2709,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const wrapper = "_wrapper_16h3t_123";
-const executionButtons = "_executionButtons_16h3t_128";
-const chatButton = "_chatButton_16h3t_165";
-const setupCredentialsButtonWrapper = "_setupCredentialsButtonWrapper_16h3t_169";
-const readOnlyEnvironmentNotification = "_readOnlyEnvironmentNotification_16h3t_175";
-const thinkingPill = "_thinkingPill_16h3t_182";
+const wrapper = "_wrapper_1ahwb_123";
+const executionButtons = "_executionButtons_1ahwb_128";
+const chatButton = "_chatButton_1ahwb_165";
+const setupCredentialsButtonWrapper = "_setupCredentialsButtonWrapper_1ahwb_169";
+const readOnlyEnvironmentNotification = "_readOnlyEnvironmentNotification_1ahwb_175";
+const thinkingPill = "_thinkingPill_1ahwb_182";
 const style0 = {
   wrapper,
   executionButtons,

package/dist/assets/{PageViewLayout-CJlzbuVj.css → PageViewLayout-BIiboMgG.css}

@@ -120,7 +120,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._wrapper_1x8n3_123 {
+._wrapper_e6hlb_123 {
   display: flex;
   flex-direction: column;
   height: 100%;
@@ -128,14 +128,14 @@
   max-width: var(--content-container-width);
   box-sizing: border-box;
   align-content: start;
-  padding: var(--spacing-l) var(--spacing-2xl) 0;
+  padding: var(--spacing--lg) var(--spacing--2xl) 0;
 }
 @media screen and (max-width: 991px) {
-._wrapper_1x8n3_123 {
-    padding: var(--spacing-s) var(--spacing-s) 0;
+._wrapper_e6hlb_123 {
+    padding: var(--spacing--sm) var(--spacing--sm) 0;
 }
 }
-._content_1x8n3_139 {
+._content_e6hlb_139 {
   display: grid;
   height: 100%;
 }

package/dist/assets/{PageViewLayout-B8D8Tkxn.js → PageViewLayout-DNBKIQ4N.js}

@@ -1,6 +1,6 @@
-import { _ as _export_sfc, h as createElementBlock, g as openBlock, Y as renderSlot, j as createBaseVNode, n as normalizeClass } from "./index-MTM6BbvW.js";
-const wrapper = "_wrapper_1x8n3_123";
-const content = "_content_1x8n3_139";
+import { _ as _export_sfc, h as createElementBlock, g as openBlock, Y as renderSlot, j as createBaseVNode, n as normalizeClass } from "./index-C2iJCVYf.js";
+const wrapper = "_wrapper_e6hlb_123";
+const content = "_content_e6hlb_139";
 const style0 = {
   wrapper,
   content

package/dist/assets/{PrebuiltAgentTemplatesView-DZAkWI4E.js → PrebuiltAgentTemplatesView-C0Uqhzma.js}

@@ -1,5 +1,5 @@
-import { d as defineComponent, ae as useNodeTypesStore, bX 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, k as unref, m as N8nHeading, l as createTextVNode, t as toDisplayString, c as useI18n, C as N8nLink, V as VIEWS, h as createElementBlock, F as Fragment, A as renderList, s as N8nCard, gQ as NodeCreatorNode, cJ as createSlots, cx as NodeIcon, _ as _export_sfc } from "./index-MTM6BbvW.js";
-import { P as PageViewLayout } from "./PageViewLayout-B8D8Tkxn.js";
+import { d as defineComponent, ae 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, k as unref, m as N8nHeading, l as createTextVNode, t as toDisplayString, c as useI18n, C as N8nLink, V as VIEWS, h as createElementBlock, F as Fragment, A as renderList, s as N8nCard, gT as NodeCreatorNode, b_ as createSlots, c8 as NodeIcon, _ as _export_sfc } from "./index-C2iJCVYf.js";
+import { P as PageViewLayout } from "./PageViewLayout-DNBKIQ4N.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PrebuiltAgentTemplatesView",
   setup(__props) {
@@ -165,13 +165,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const content = "_content_13cuf_123";
-const header = "_header_13cuf_131";
-const section = "_section_13cuf_137";
-const grid = "_grid_13cuf_143";
-const card = "_card_13cuf_155";
-const tutorials = "_tutorials_13cuf_162";
-const templateLink = "_templateLink_13cuf_170";
+const content = "_content_1jt4v_123";
+const header = "_header_1jt4v_131";
+const section = "_section_1jt4v_137";
+const grid = "_grid_1jt4v_143";
+const card = "_card_1jt4v_155";
+const tutorials = "_tutorials_1jt4v_162";
+const templateLink = "_templateLink_1jt4v_170";
 const style0 = {
   content,
   header,

package/dist/assets/{PrebuiltAgentTemplatesView-COxu7Iih.css → PrebuiltAgentTemplatesView-jF7HvWnL.css}

@@ -120,47 +120,47 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._content_13cuf_123 {
+._content_1jt4v_123 {
   display: flex;
   flex-direction: column;
   justify-content: flex-start;
-  gap: var(--spacing-m);
-  padding-bottom: var(--spacing-l);
+  gap: var(--spacing--md);
+  padding-bottom: var(--spacing--lg);
 }
-._header_13cuf_131 {
+._header_1jt4v_131 {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-._section_13cuf_137 {
+._section_1jt4v_137 {
   display: flex;
   flex-direction: column;
-  gap: var(--spacing-s);
+  gap: var(--spacing--sm);
 }
-._grid_13cuf_143 {
+._grid_1jt4v_143 {
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-  gap: var(--spacing-s);
+  gap: var(--spacing--sm);
   width: 100%;
   box-sizing: border-box;
   align-items: start;
   align-content: start;
   grid-auto-rows: auto;
-  margin-bottom: var(--spacing-s);
+  margin-bottom: var(--spacing--sm);
 }
-._card_13cuf_155 {
+._card_1jt4v_155 {
   margin: 0;
   display: flex;
   flex-direction: column;
   align-self: start;
 }
-._tutorials_13cuf_162 {
+._tutorials_1jt4v_162 {
   display: flex;
   flex-direction: column;
   width: 100%;
-  gap: var(--spacing-s);
-  margin-bottom: var(--spacing-s);
+  gap: var(--spacing--sm);
+  margin-bottom: var(--spacing--sm);
 }
-._templateLink_13cuf_170 {
+._templateLink_1jt4v_170 {
   padding: 0;
 }