n8n-editor-ui 1.115.0 → 1.116.0

package/dist/assets/{NodeView-CQ2v8bC9.js → NodeView-B8KEEH6t.js}

@@ -1,9 +1,9 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreation-BzZSLnM4.js","assets/index-2jyPHFNT.js","assets/index-ChhN_qYc.css","assets/NodeCreation-C4gQlPqI.css","assets/NodeDetailsView-De_K53eb.js","assets/TriggerPanel-DHajDDDp.js","assets/RunDataParsedAiContent-DZVqW5bO.js","assets/core-DKN4KnQc.js","assets/RunDataParsedAiContent-wfIiKsq7.css","assets/ConsumedTokensDetails.vue_vue_type_script_setup_true_lang-BQSNGXVy.js","assets/InfoAccordion-9dQ3s6Ri.js","assets/InfoAccordion-dxudNqVC.css","assets/TriggerPanel-CQgUdcjv.css","assets/global-link-actions-da8EIYUQ.js","assets/useExecutionDebugging-DfwTMvVJ.js","assets/useBeforeUnload-DdVhQ2mY.js","assets/readyToRunWorkflows.store-b5xzSTzi.js","assets/NodeDetailsView-CBYV4Rrz.css","assets/NodeDetailsViewV2-DmXZQhyi.js","assets/NodeDetailsViewV2-J_3cfdea.css","assets/SetupWorkflowCredentialsButton-tIWDDVJQ.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-2jyPHFNT.js";
-import { g as globalLinkActionsEventBus } from "./global-link-actions-da8EIYUQ.js";
-import { u as useExecutionDebugging } from "./useExecutionDebugging-DfwTMvVJ.js";
-import { u as useBeforeUnload } from "./useBeforeUnload-DdVhQ2mY.js";
-import { u as useAITemplatesStarterCollectionStore, a as useReadyToRunWorkflowsStore } from "./readyToRunWorkflows.store-b5xzSTzi.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/NodeCreation-sJ6PySWn.js","assets/index-CW8ZBeS3.js","assets/index-DXwb0-8G.css","assets/NodeCreation-B1fOtARK.css","assets/NodeDetailsView-BpyGVsgu.js","assets/TriggerPanel-DexAqK4Y.js","assets/useLogsTreeExpand-s-Y7s8m-.js","assets/AnimatedSpinner-Cr27l8Js.js","assets/AnimatedSpinner-ChSRgyeI.css","assets/useLogsTreeExpand-BZb1m-U7.css","assets/RunDataParsedAiContent-BuF6D9QB.js","assets/core-DzD694JE.js","assets/RunDataParsedAiContent-CvjNCtpG.css","assets/InfoAccordion-DZZQAfE2.js","assets/InfoAccordion-BuKidEQb.css","assets/TriggerPanel-BbB_P9ZT.css","assets/global-link-actions-DY3w9YDm.js","assets/useExecutionDebugging-C4qxdFPE.js","assets/useBeforeUnload-LctWPBl6.js","assets/readyToRunWorkflows.store-VC9XUBEb.js","assets/NodeDetailsView-D3QAo3SF.css","assets/NodeDetailsViewV2-DGkdo0vX.js","assets/NodeDetailsViewV2-bvXejqU_.css","assets/SetupWorkflowCredentialsButton-CAXEm7u9.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-CW8ZBeS3.js";
+import { g as globalLinkActionsEventBus } from "./global-link-actions-DY3w9YDm.js";
+import { u as useExecutionDebugging } from "./useExecutionDebugging-C4qxdFPE.js";
+import { u as useBeforeUnload } from "./useBeforeUnload-LctWPBl6.js";
+import { u as useAITemplatesStarterCollectionStore, a as useReadyToRunWorkflowsStore } from "./readyToRunWorkflows.store-VC9XUBEb.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-BzZSLnM4.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
+      async () => await __vitePreload(() => import("./NodeCreation-sJ6PySWn.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
     );
     const LazyNodeDetailsView = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./NodeDetailsView-De_K53eb.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-BpyGVsgu.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-DmXZQhyi.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-DGkdo0vX.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-tIWDDVJQ.js"), true ? __vite__mapDeps([20,1,2]) : void 0)
+      async () => await __vitePreload(() => import("./SetupWorkflowCredentialsButton-CAXEm7u9.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
@@ -1396,7 +1397,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           historyStore.reset();
           if (!isDemoRoute.value) {
             await loadCredentials();
-            void builderStore.fetchBuilderCredits();
           }
           if (isNewWorkflowRoute.value || !workflowId.value) {
             if (route.meta?.nodeView === true) {
@@ -1480,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,
@@ -1510,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 });
@@ -1857,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 }) {
@@ -1918,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) {
@@ -1950,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 : {};
     });
@@ -2135,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);
           }
         }
@@ -2262,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;
@@ -2387,16 +2395,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           position: [0, 0],
           parameters: {}
         };
-        const aiPromptItem = {
-          id: CanvasNodeRenderType.AIPrompt,
-          name: CanvasNodeRenderType.AIPrompt,
-          type: CanvasNodeRenderType.AIPrompt,
+        const choicePromptItem = {
+          id: CanvasNodeRenderType.ChoicePrompt,
+          name: CanvasNodeRenderType.ChoicePrompt,
+          type: CanvasNodeRenderType.ChoicePrompt,
           typeVersion: 1,
-          position: [-300, -100],
+          position: [0, 0],
           parameters: {},
           draggable: false
         };
-        fallbackNodes.value = builderStore.isAIBuilderEnabled && builderStore.isAssistantEnabled && builderStore.assistantMessages.length === 0 ? [aiPromptItem] : [addNodesItem];
+        fallbackNodes.value = builderStore.isAIBuilderEnabled && builderStore.isAssistantEnabled && builderStore.assistantMessages.length === 0 ? [choicePromptItem] : [addNodesItem];
       }
     );
     watch(
@@ -2553,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,
@@ -2648,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
@@ -2699,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,