n8n-editor-ui 1.68.0 → 1.69.0

package/dist/assets/{useRunWorkflow-MrEKURG4.js → useRunWorkflow-DOJBXbbW.js}

@@ -1,4 +1,5 @@
-import { hM as baseSlice, hN as toString, ed as getDefaultExportFromCjs, d as defineComponent, aZ as useClipboard, a as useToast, hO as useAIAssistantHelpers, bf as useNodeTypesStore, at as useNDVStore, Z as useRootStore, hP as useAssistantStore, K as useUIStore, p as computed, c as openBlock, h as createElementBlock, j as createBaseVNode, t as toDisplayString, aw as withDirectives, f as createCommentVNode, i as createVNode, A as unref, hQ as InlineAskAssistantButton, w as withCtx, k as createTextVNode, F as Fragment, z as renderList, g as useI18n, eo as MAX_DISPLAY_DATA_SIZE, dt as isCommunityPackageName, hR as NEW_ASSISTANT_SESSION_MODAL, l as resolveComponent, cD as resolveDirective, hC as sanitizeHtml, b8 as NodeConnectionType, hS as isObjectEmpty, r as ref, o as onMounted, n as normalizeClass, e as createBlock, aU as VueMarkdown, _ as _export_sfc, T as useWorkflowsStore, ds as _sfc_main$4, H as watch, B as normalizeStyle, hT as ElTree, ho as isSubNodeType, hU as PIN_DATA_NODE_TYPES_DENYLIST, b7 as getNodeOutputs, hV as jsonStringify, hW as toMegaBytes, hX as stringSizeInBytes, eg as jsonParse, ak as useTelemetry, aK as useExternalHooks, hp as useDataSchema, hY as MAX_PINNED_DATA_SIZE, hZ as MAX_WORKFLOW_SIZE, h_ as MAX_EXPECTED_REQUEST_SIZE, bg as useNodeHelpers, a4 as useWorkflowHelpers, au as useExecutionsStore, a_ as CHAT_TRIGGER_NODE_TYPE, b9 as get, hK as useLocalStorage, h$ as displayForm, dz as FORM_TRIGGER_NODE_TYPE, eE as isEmpty, i0 as FORM_NODE_TYPE, fl as WAIT_NODE_TYPE, i1 as openPopUpWindow } from "./index-40I5DMGP.js";
+import { hN as baseSlice, hO as toString, ef as getDefaultExportFromCjs, d as defineComponent, a$ as useClipboard, a as useToast, hP as useAIAssistantHelpers, bh as useNodeTypesStore, at as useNDVStore, Z as useRootStore, hQ as useAssistantStore, K as useUIStore, q as computed, c as openBlock, h as createElementBlock, j as createBaseVNode, t as toDisplayString, ax as withDirectives, f as createCommentVNode, i as createVNode, l as unref, hR as InlineAskAssistantButton, w as withCtx, k as createTextVNode, F as Fragment, A as renderList, g as useI18n, eq as MAX_DISPLAY_DATA_SIZE, dv as isCommunityPackageName, hS as NEW_ASSISTANT_SESSION_MODAL, m as resolveComponent, cF as resolveDirective, hD as sanitizeHtml, ba as NodeConnectionType, hT as isObjectEmpty, r as ref, o as onMounted, n as normalizeClass, e as createBlock, aW as VueMarkdown, _ as _export_sfc, T as useWorkflowsStore, du as _sfc_main$4, I as withModifiers, H as watch, B as normalizeStyle, hU as ElTree, hq as isSubNodeType, hV as PIN_DATA_NODE_TYPES_DENYLIST, b9 as getNodeOutputs, hW as jsonStringify, hX as toMegaBytes, hY as stringSizeInBytes, ei as jsonParse, ak as useTelemetry, aM as useExternalHooks, hr as useDataSchema, hZ as MAX_PINNED_DATA_SIZE, h_ as MAX_WORKFLOW_SIZE, h$ as MAX_EXPECTED_REQUEST_SIZE, bi as useNodeHelpers, a4 as useWorkflowHelpers, au as useExecutionsStore, b0 as CHAT_TRIGGER_NODE_TYPE, bb as get, i0 as SINGLE_WEBHOOK_TRIGGERS, hL as useLocalStorage, i1 as displayForm, eG as isEmpty } from "./index-BcRlEQdt.js";
+import { u as useExecutionHelpers } from "./useExecutionHelpers-DYE5_K78.js";
 function castSlice(array, start, end) {
   var length = array.length;
   end = end === void 0 ? length : end;
@@ -1570,11 +1571,11 @@ highlight.default = highlight;
 const HighlightJS = /* @__PURE__ */ getDefaultExportFromCjs(core);
 const _hoisted_1$3 = { class: "node-error-view" };
 const _hoisted_2$3 = { class: "node-error-view__header" };
-const _hoisted_3$1 = {
+const _hoisted_3$2 = {
   class: "node-error-view__header-message",
   "data-test-id": "node-error-message"
 };
-const _hoisted_4 = {
+const _hoisted_4$1 = {
   key: 0,
   "data-test-id": "node-error-description",
   class: "node-error-view__header-description"
@@ -2004,10 +2005,10 @@ const _sfc_main$3 = /* @__PURE__ */ defineComponent({
       const _directive_n8n_html = resolveDirective("n8n-html");
       return openBlock(), createElementBlock("div", _hoisted_1$3, [
         createBaseVNode("div", _hoisted_2$3, [
-          createBaseVNode("div", _hoisted_3$1, [
+          createBaseVNode("div", _hoisted_3$2, [
             createBaseVNode("div", null, toDisplayString(getErrorMessage()), 1)
           ]),
-          (_ctx.error.description || ((_a = _ctx.error.context) == null ? void 0 : _a.descriptionKey)) && !isSubNodeError.value ? withDirectives((openBlock(), createElementBlock("div", _hoisted_4, null, 512)), [
+          (_ctx.error.description || ((_a = _ctx.error.context) == null ? void 0 : _a.descriptionKey)) && !isSubNodeError.value ? withDirectives((openBlock(), createElementBlock("div", _hoisted_4$1, null, 512)), [
             [_directive_n8n_html, getErrorDescription()]
           ]) : createCommentVNode("", true),
           isSubNodeError.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
@@ -2532,7 +2533,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
                   size: "small",
                   class: normalizeClass(_ctx.$style.copyToClipboard),
                   type: "secondary",
-                  title: _ctx.$locale.baseText("nodeErrorView.copyToClipboard"),
+                  title: unref(i18n).baseText("nodeErrorView.copyToClipboard"),
                   icon: "copy",
                   onClick: ($event) => onCopyToClipboard(raw)
                 }, null, 8, ["class", "title", "onClick"]),
@@ -2582,6 +2583,8 @@ const cssModules$2 = {
 const AiRunContentBlock = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$2]]);
 const _hoisted_1$1 = { key: 0 };
 const _hoisted_2$1 = { key: 1 };
+const _hoisted_3$1 = { key: 2 };
+const _hoisted_4 = ["href"];
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "RunDataAiContent",
   props: {
@@ -2592,6 +2595,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const props = __props;
     const nodeTypesStore = useNodeTypesStore();
     const workflowsStore = useWorkflowsStore();
+    const { trackOpeningRelatedExecution, resolveRelatedExecutionUrl } = useExecutionHelpers();
+    const i18n = useI18n();
     const consumedTokensSum = computed(() => {
       var _a, _b;
       const tokenUsage = (_b = (_a = outputRun.value) == null ? void 0 : _a.data) == null ? void 0 : _b.reduce(
@@ -2624,6 +2629,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       return usingTokensEstimates.value ? `~${count}` : count.toString();
     }
     function extractRunMeta(run) {
+      var _a;
       const uiNode = workflowsStore.getNodeByName(props.inputData.node);
       const nodeType = nodeTypesStore.getNodeType((uiNode == null ? void 0 : uiNode.type) ?? "");
       const runMeta2 = {
@@ -2631,7 +2637,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
         executionTimeMs: run.metadata.executionTime,
         node: nodeType,
         type: run.inOut,
-        connectionType: run.type
+        connectionType: run.type,
+        subExecution: (_a = run.metadata) == null ? void 0 : _a.subExecution
       };
       return runMeta2;
     }
@@ -2653,8 +2660,9 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       return (_c = (_b = (_a = executionRunData.value) == null ? void 0 : _a[props.inputData.node]) == null ? void 0 : _b[props.inputData.runIndex]) == null ? void 0 : _c.error;
     });
     return (_ctx, _cache) => {
-      var _a, _b, _c, _d, _e, _f;
+      var _a, _b, _c, _d, _e, _f, _g, _h;
       const _component_n8n_tooltip = resolveComponent("n8n-tooltip");
+      const _component_N8nIcon = resolveComponent("N8nIcon");
       const _component_n8n_text = resolveComponent("n8n-text");
       const _component_n8n_info_tip = resolveComponent("n8n-info-tip");
       return openBlock(), createElementBlock("div", {
@@ -2690,7 +2698,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   default: withCtx(() => {
                     var _a2;
                     return [
-                      createTextVNode(" " + toDisplayString(_ctx.$locale.baseText("runData.aiContentBlock.startedAt", {
+                      createTextVNode(" " + toDisplayString(unref(i18n).baseText("runData.aiContentBlock.startedAt", {
                         interpolate: {
                           startTime: new Date((_a2 = runMeta.value) == null ? void 0 : _a2.startTimeMs).toLocaleTimeString()
                         }
@@ -2700,13 +2708,30 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                   _: 1
                 })
               ])) : createCommentVNode("", true),
-              (((_e = consumedTokensSum.value) == null ? void 0 : _e.totalTokens) ?? 0) > 0 ? (openBlock(), createElementBlock("li", {
-                key: 2,
+              ((_e = runMeta.value) == null ? void 0 : _e.subExecution) ? (openBlock(), createElementBlock("li", _hoisted_3$1, [
+                createBaseVNode("a", {
+                  href: unref(resolveRelatedExecutionUrl)(runMeta.value),
+                  target: "_blank",
+                  onClick: _cache[0] || (_cache[0] = withModifiers(($event) => unref(trackOpeningRelatedExecution)(runMeta.value, "ai"), ["stop"]))
+                }, [
+                  createVNode(_component_N8nIcon, {
+                    icon: "external-link-alt",
+                    size: "xsmall"
+                  }),
+                  createTextVNode(" " + toDisplayString(unref(i18n).baseText("runData.openSubExecution", {
+                    interpolate: {
+                      id: (_f = runMeta.value.subExecution) == null ? void 0 : _f.executionId
+                    }
+                  })), 1)
+                ], 8, _hoisted_4)
+              ])) : createCommentVNode("", true),
+              (((_g = consumedTokensSum.value) == null ? void 0 : _g.totalTokens) ?? 0) > 0 ? (openBlock(), createElementBlock("li", {
+                key: 3,
                 class: normalizeClass(_ctx.$style.tokensUsage)
               }, [
-                createTextVNode(toDisplayString(_ctx.$locale.baseText("runData.aiContentBlock.tokens", {
+                createTextVNode(toDisplayString(unref(i18n).baseText("runData.aiContentBlock.tokens", {
                   interpolate: {
-                    count: formatTokenUsageCount(((_f = consumedTokensSum.value) == null ? void 0 : _f.totalTokens) ?? 0)
+                    count: formatTokenUsageCount(((_h = consumedTokensSum.value) == null ? void 0 : _h.totalTokens) ?? 0)
                   }
                 })) + " ", 1),
                 createVNode(_component_n8n_info_tip, {
@@ -2723,7 +2748,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => {
                           var _a2;
                           return [
-                            createTextVNode(toDisplayString(_ctx.$locale.baseText("runData.aiContentBlock.tokens.prompt")) + " " + toDisplayString(_ctx.$locale.baseText("runData.aiContentBlock.tokens", {
+                            createTextVNode(toDisplayString(unref(i18n).baseText("runData.aiContentBlock.tokens.prompt")) + " " + toDisplayString(unref(i18n).baseText("runData.aiContentBlock.tokens", {
                               interpolate: {
                                 count: formatTokenUsageCount(((_a2 = consumedTokensSum.value) == null ? void 0 : _a2.promptTokens) ?? 0)
                               }
@@ -2732,7 +2757,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                         }),
                         _: 1
                       }),
-                      _cache[0] || (_cache[0] = createBaseVNode("br", null, null, -1)),
+                      _cache[1] || (_cache[1] = createBaseVNode("br", null, null, -1)),
                       createVNode(_component_n8n_text, {
                         bold: true,
                         size: "small"
@@ -2740,7 +2765,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
                         default: withCtx(() => {
                           var _a2;
                           return [
-                            createTextVNode(toDisplayString(_ctx.$locale.baseText("runData.aiContentBlock.tokens.completion")) + " " + toDisplayString(_ctx.$locale.baseText("runData.aiContentBlock.tokens", {
+                            createTextVNode(toDisplayString(unref(i18n).baseText("runData.aiContentBlock.tokens.completion")) + " " + toDisplayString(unref(i18n).baseText("runData.aiContentBlock.tokens", {
                               interpolate: {
                                 count: formatTokenUsageCount(((_a2 = consumedTokensSum.value) == null ? void 0 : _a2.completionTokens) ?? 0)
                               }
@@ -2808,6 +2833,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const workflowsStore = useWorkflowsStore();
     const nodeTypesStore = useNodeTypesStore();
     const selectedRun = ref([]);
+    const i18n = useI18n();
     function isTreeNodeSelected(node) {
       return selectedRun.value.some((run) => run.node === node.node && run.runIndex === node.runIndex);
     }
@@ -2821,13 +2847,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           return;
         }
         Object.keys(data).map((type) => {
+          var _a;
           returnData.push({
             data: data[type][0],
             inOut,
             type,
             metadata: {
               executionTime: taskData.executionTime,
-              startTime: taskData.startTime
+              startTime: taskData.startTime,
+              subExecution: (_a = taskData.metadata) == null ? void 0 : _a.subExecution
             }
           });
         });
@@ -3019,7 +3047,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             }, [
               createVNode(_component_n8n_text, { size: "large" }, {
                 default: withCtx(() => [
-                  createTextVNode(toDisplayString(_ctx.$locale.baseText("ndv.output.ai.empty", {
+                  createTextVNode(toDisplayString(unref(i18n).baseText("ndv.output.ai.empty", {
                     interpolate: {
                       node: props.node.name
                     }
@@ -3043,7 +3071,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ], 64)) : (openBlock(), createElementBlock("div", {
           key: 1,
           class: normalizeClass(_ctx.$style.noData)
-        }, toDisplayString(_ctx.$locale.baseText("ndv.output.ai.waiting")), 3))
+        }, toDisplayString(unref(i18n).baseText("ndv.output.ai.waiting")), 3))
       ], 2);
     };
   }
@@ -3309,7 +3337,6 @@ function usePinnedData(node, options = {}) {
     isValidSize
   };
 }
-const FORM_RELOAD = "n8n_redirect_to_next_form_test_page";
 function useRunWorkflow(useRunWorkflowOpts) {
   const nodeHelpers = useNodeHelpers();
   const workflowHelpers = useWorkflowHelpers({ router: useRunWorkflowOpts.router });
@@ -3350,7 +3377,6 @@ function useRunWorkflow(useRunWorkflowOpts) {
     if (uiStore.isActionActive["workflowRunning"]) {
       return;
     }
-    workflowHelpers.setDocumentTitle(workflow.name, "EXECUTING");
     toast.clearAllStickyNotifications();
     try {
       let directParentNodes = [];
@@ -3399,10 +3425,11 @@ function useRunWorkflow(useRunWorkflowOpts) {
           }
         }
       }
+      const triggers = workflowData.nodes.filter(
+        (node) => node.type.toLowerCase().includes("trigger") && !node.disabled
+      );
       if (!options.destinationNode && options.source !== "RunData.ManualChatMessage" && workflowData.nodes.some((node) => node.type === CHAT_TRIGGER_NODE_TYPE)) {
-        const otherTriggers = workflowData.nodes.filter(
-          (node) => node.type !== CHAT_TRIGGER_NODE_TYPE && node.type.toLowerCase().includes("trigger") && !node.disabled
-        );
+        const otherTriggers = triggers.filter((node) => node.type !== CHAT_TRIGGER_NODE_TYPE);
         if (otherTriggers.length) {
           const chatTriggerNode = workflowData.nodes.find(
             (node) => node.type === CHAT_TRIGGER_NODE_TYPE
@@ -3429,6 +3456,19 @@ function useRunWorkflow(useRunWorkflowOpts) {
           sourceData
         };
       });
+      const singleWebhookTrigger = triggers.find(
+        (node) => SINGLE_WEBHOOK_TRIGGERS.includes(node.type)
+      );
+      if (singleWebhookTrigger && workflowsStore.isWorkflowActive) {
+        toast.showMessage({
+          title: i18n.baseText("workflowRun.showError.deactivate"),
+          message: i18n.baseText("workflowRun.showError.productionActive", {
+            interpolate: { nodeName: singleWebhookTrigger.name }
+          }),
+          type: "error"
+        });
+        return void 0;
+      }
       const partialExecutionVersion = useLocalStorage("PartialExecution.version", -1);
       const startRunData = {
         workflowData,
@@ -3445,6 +3485,7 @@ function useRunWorkflow(useRunWorkflowOpts) {
         finished: false,
         mode: "manual",
         status: "running",
+        createdAt: /* @__PURE__ */ new Date(),
         startedAt: /* @__PURE__ */ new Date(),
         stoppedAt: void 0,
         workflowId: workflow.id,
@@ -3467,6 +3508,7 @@ function useRunWorkflow(useRunWorkflowOpts) {
       };
       workflowsStore.setWorkflowExecutionData(executionData);
       nodeHelpers.updateNodesExecutionIssues();
+      workflowHelpers.setDocumentTitle(workflow.name, "EXECUTING");
       const runWorkflowApiResponse = await runWorkflowApi(startRunData);
       const pinData = workflowData.pinData ?? {};
       const getTestUrl = /* @__PURE__ */ (() => {
@@ -3499,112 +3541,6 @@ function useRunWorkflow(useRunWorkflowOpts) {
       return void 0;
     }
   }
-  function getFormResumeUrl(node, executionId) {
-    const { webhookSuffix } = node.parameters.options ?? {};
-    const suffix = webhookSuffix && typeof webhookSuffix !== "object" ? `/${webhookSuffix}` : "";
-    const testUrl = `${rootStore.formWaitingUrl}/${executionId}${suffix}`;
-    return testUrl;
-  }
-  async function runWorkflowResolvePending(options) {
-    let runWorkflowApiResponse = await runWorkflow(options);
-    let { executionId } = runWorkflowApiResponse || {};
-    const MAX_DELAY = 3e3;
-    const waitForWebhook = async () => {
-      return await new Promise((resolve) => {
-        let delay = 300;
-        let timeoutId = null;
-        const checkWebhook = async () => {
-          await useExternalHooks().run("workflowRun.runWorkflow", {
-            nodeName: options.destinationNode,
-            source: options.source
-          });
-          if (workflowsStore.activeExecutionId) {
-            executionId = workflowsStore.activeExecutionId;
-            runWorkflowApiResponse = { executionId };
-            if (timeoutId) clearTimeout(timeoutId);
-            resolve(executionId);
-          }
-          delay = Math.min(delay * 1.1, MAX_DELAY);
-          timeoutId = setTimeout(checkWebhook, delay);
-        };
-        timeoutId = setTimeout(checkWebhook, delay);
-      });
-    };
-    if (!executionId) executionId = await waitForWebhook();
-    let isFormShown = !options.destinationNode && workflowsStore.allNodes.some(
-      (node) => {
-        var _a;
-        return node.type === FORM_TRIGGER_NODE_TYPE && !((_a = workflowsStore == null ? void 0 : workflowsStore.pinnedWorkflowData) == null ? void 0 : _a[node.name]);
-      }
-    );
-    const resolveWaitingNodesData = async () => {
-      return await new Promise((resolve) => {
-        let delay = 300;
-        let timeoutId = null;
-        const processExecution = async () => {
-          var _a, _b, _c, _d;
-          await useExternalHooks().run("workflowRun.runWorkflow", {
-            nodeName: options.destinationNode,
-            source: options.source
-          });
-          const execution = await workflowsStore.getExecution(executionId || "");
-          localStorage.removeItem(FORM_RELOAD);
-          if (!execution || workflowsStore.workflowExecutionData === null) {
-            uiStore.removeActiveAction("workflowRunning");
-            if (timeoutId) clearTimeout(timeoutId);
-            resolve();
-            return;
-          }
-          const { lastNodeExecuted } = ((_a = execution.data) == null ? void 0 : _a.resultData) || {};
-          const lastNode = execution.workflowData.nodes.find((node) => {
-            return node.name === lastNodeExecuted;
-          });
-          if (execution.finished || ["error", "canceled", "crashed", "success"].includes(execution.status)) {
-            workflowsStore.setWorkflowExecutionData(execution);
-            uiStore.removeActiveAction("workflowRunning");
-            workflowsStore.activeExecutionId = null;
-            if (timeoutId) clearTimeout(timeoutId);
-            resolve();
-            return;
-          }
-          if (execution.status === "waiting" && ((_b = execution.data) == null ? void 0 : _b.waitTill)) {
-            delete execution.data.resultData.runData[execution.data.resultData.lastNodeExecuted];
-            workflowsStore.setWorkflowExecutionRunData(execution.data);
-            if (lastNode && (lastNode.type === FORM_NODE_TYPE || lastNode.type === WAIT_NODE_TYPE && lastNode.parameters.resume === "form")) {
-              let testUrl = getFormResumeUrl(lastNode, executionId);
-              if (isFormShown) {
-                localStorage.setItem(FORM_RELOAD, testUrl);
-              } else {
-                if (options.destinationNode) {
-                  const formTrigger = execution == null ? void 0 : execution.workflowData.nodes.find((node) => {
-                    return node.type === FORM_TRIGGER_NODE_TYPE;
-                  });
-                  const runNodeFilter = ((_d = (_c = execution == null ? void 0 : execution.data) == null ? void 0 : _c.startData) == null ? void 0 : _d.runNodeFilter) || [];
-                  if (formTrigger && !runNodeFilter.includes(formTrigger.name)) {
-                    isFormShown = true;
-                  }
-                }
-                if (!isFormShown) {
-                  if (lastNode.type === FORM_NODE_TYPE) {
-                    testUrl = `${rootStore.formWaitingUrl}/${executionId}`;
-                  } else {
-                    testUrl = getFormResumeUrl(lastNode, executionId);
-                  }
-                  isFormShown = true;
-                  if (testUrl) openPopUpWindow(testUrl);
-                }
-              }
-            }
-          }
-          delay = Math.min(delay * 1.1, MAX_DELAY);
-          timeoutId = setTimeout(processExecution, delay);
-        };
-        timeoutId = setTimeout(processExecution, delay);
-      });
-    };
-    await resolveWaitingNodesData();
-    return runWorkflowApiResponse;
-  }
   function consolidateRunDataAndStartNodes(directParentNodes, runData2, pinData, workflow) {
     var _a, _b, _c, _d, _e, _f, _g;
     const startNodeNames = /* @__PURE__ */ new Set();
@@ -3641,13 +3577,6 @@ function useRunWorkflow(useRunWorkflowOpts) {
     } catch (error2) {
       const execution = await workflowsStore.getExecution(executionId);
       if (execution === void 0) {
-        workflowsStore.finishActiveExecution({
-          executionId,
-          data: { finished: true, stoppedAt: /* @__PURE__ */ new Date() }
-        });
-        workflowsStore.executingNode.length = 0;
-        uiStore.removeActiveAction("workflowRunning");
-        workflowHelpers.setDocumentTitle(workflowsStore.workflowName, "IDLE");
         toast.showMessage({
           title: i18n.baseText("nodeView.showMessage.stopExecutionCatch.unsaved.title"),
           message: i18n.baseText("nodeView.showMessage.stopExecutionCatch.unsaved.message"),
@@ -3661,16 +3590,7 @@ function useRunWorkflow(useRunWorkflowOpts) {
           startedAt: execution.startedAt,
           stoppedAt: execution.stoppedAt
         };
-        const pushData = {
-          data: executedData,
-          executionId,
-          retryOf: execution.retryOf
-        };
-        workflowsStore.finishActiveExecution(pushData);
-        workflowHelpers.setDocumentTitle(execution.workflowData.name, "IDLE");
-        workflowsStore.executingNode.length = 0;
         workflowsStore.setWorkflowExecutionData(executedData);
-        uiStore.removeActiveAction("workflowRunning");
         toast.showMessage({
           title: i18n.baseText("nodeView.showMessage.stopExecutionCatch.title"),
           message: i18n.baseText("nodeView.showMessage.stopExecutionCatch.message"),
@@ -3679,6 +3599,8 @@ function useRunWorkflow(useRunWorkflowOpts) {
       } else {
         toast.showError(error2, i18n.baseText("nodeView.showError.stopExecution.title"));
       }
+    } finally {
+      workflowsStore.markExecutionAsStopped();
     }
   }
   async function stopWaitingForWebhook() {
@@ -3692,7 +3614,6 @@ function useRunWorkflow(useRunWorkflowOpts) {
   return {
     consolidateRunDataAndStartNodes,
     runWorkflow,
-    runWorkflowResolvePending,
     runWorkflowApi,
     stopCurrentExecution,
     stopWaitingForWebhook

package/dist/assets/{useWorkflowActivate-CKedJlgZ.js → useWorkflowActivate-DmBELETa.js}

@@ -1,4 +1,4 @@
-import { r as ref, b as useRouter, a4 as useWorkflowHelpers, T as useWorkflowsStore, K as useUIStore, a as useToast, a2 as useNpsSurveyStore, X as PLACEHOLDER_EMPTY_WORKFLOW_ID, aK as useExternalHooks, aE as useStorage, j0 as LOCAL_STORAGE_ACTIVATION_FLAG, j1 as WORKFLOW_ACTIVE_MODAL_KEY, ak as useTelemetry, g as useI18n } from "./index-40I5DMGP.js";
+import { r as ref, b as useRouter, a4 as useWorkflowHelpers, T as useWorkflowsStore, K as useUIStore, a as useToast, a2 as useNpsSurveyStore, X as PLACEHOLDER_EMPTY_WORKFLOW_ID, aM as useExternalHooks, aF as useStorage, j0 as LOCAL_STORAGE_ACTIVATION_FLAG, j1 as WORKFLOW_ACTIVE_MODAL_KEY, ak as useTelemetry, g as useI18n } from "./index-BcRlEQdt.js";
 function useWorkflowActivate() {
   const updatingWorkflowActivation = ref(false);
   const router = useRouter();

package/dist/index.html

@@ -14,8 +14,8 @@
 		<script>!function(t,e){var o,n,p,r;e.__SV||(window.posthog=e,e._i=[],e.init=function(i,s,a){function g(t,e){var o=e.split(".");2==o.length&&(t=t[o[0]],e=o[1]),t[e]=function(){t.push([e].concat(Array.prototype.slice.call(arguments,0)))}}(p=t.createElement("script")).type="text/javascript",p.async=!0,p.src=s.api_host+"/static/array.js",(r=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,r);var u=e;for(void 0!==a?u=e[a]=[]:a="posthog",u.people=u.people||[],u.toString=function(t){var e="posthog";return"posthog"!==a&&(e+="."+a),t||(e+=" (stub)"),e},u.people.toString=function(){return u.toString(1)+".people (stub)"},o="capture identify alias people.set people.set_once set_config register register_once unregister opt_out_capturing has_opted_out_capturing opt_in_capturing reset isFeatureEnabled getFeatureFlag onFeatureFlags reloadFeatureFlags".split(" "),n=0;n<o.length;n++)g(u,o[n]);e._i.push([i,s,a])},e.__SV=1)}(document,window.posthog||[])</script>
 
 		<title>n8n.io - Workflow Automation</title>
-		<script type="module" crossorigin src="/{{BASE_PATH}}/assets/index-40I5DMGP.js"></script>
-		<link rel="stylesheet" crossorigin href="/{{BASE_PATH}}/assets/index-Dr3zFZlC.css">
+		<script type="module" crossorigin src="/{{BASE_PATH}}/assets/index-BcRlEQdt.js"></script>
+		<link rel="stylesheet" crossorigin href="/{{BASE_PATH}}/assets/index-CSJeF569.css">
 	</head>
 	<body>
 		<noscript>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "n8n-editor-ui",
-  "version": "1.68.0",
+  "version": "1.69.0",
   "description": "Workflow Editor UI for n8n",
   "main": "index.js",
   "license": "SEE LICENSE IN LICENSE.md",

package/dist/assets/CollectionParameter-DNJAimAt.js

@@ -1,4 +0,0 @@
-import { jp as _sfc_main } from "./index-40I5DMGP.js";
-export {
-  _sfc_main as default
-};

package/dist/assets/dateFormatter-BRi2wSZ-.js

@@ -1,21 +0,0 @@
-import { j2 as dateformat } from "./index-40I5DMGP.js";
-const convertToDisplayDateComponents = (fullDate) => {
-  const mask = `d mmm${new Date(fullDate).getFullYear() === (/* @__PURE__ */ new Date()).getFullYear() ? "" : ", yyyy"}#HH:MM:ss`;
-  const formattedDate = dateformat(fullDate, mask);
-  const [date, time] = formattedDate.split("#");
-  return { date, time };
-};
-function convertToDisplayDate(fullDate) {
-  const mask = `d mmm${new Date(fullDate).getFullYear() === (/* @__PURE__ */ new Date()).getFullYear() ? "" : ", yyyy"}#HH:MM:ss`;
-  const formattedDate = dateformat(fullDate, mask);
-  const [date, time] = formattedDate.split("#");
-  return { date, time };
-}
-const toDayMonth = (fullDate) => dateformat(fullDate, "d mmm");
-const toTime = (fullDate) => dateformat(fullDate, "HH:MM:ss");
-export {
-  toTime as a,
-  convertToDisplayDate as b,
-  convertToDisplayDateComponents as c,
-  toDayMonth as t
-};

package/dist/assets/useExecutionHelpers-CXGl_HIp.js

@@ -1,115 +0,0 @@
-import { d as defineComponent, j4 as useAnnotationTagsStore, K as useUIStore, p as computed, c as openBlock, e as createBlock, j5 as ANNOTATION_TAGS_MANAGER_MODAL_KEY, j6 as _sfc_main$1, g as useI18n } from "./index-40I5DMGP.js";
-import { b as convertToDisplayDate } from "./dateFormatter-BRi2wSZ-.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "AnnotationTagsDropdown.ee",
-  props: {
-    placeholder: { default: "" },
-    modelValue: { default: () => [] },
-    createEnabled: { type: Boolean, default: false },
-    eventBus: { default: null }
-  },
-  emits: ["update:modelValue", "esc", "blur"],
-  setup(__props, { emit: __emit }) {
-    const props = __props;
-    const emit = __emit;
-    const tagsStore = useAnnotationTagsStore();
-    const uiStore = useUIStore();
-    const selectedTags = computed({
-      get: () => props.modelValue,
-      set: (value) => emit("update:modelValue", value)
-    });
-    const allTags = computed(() => tagsStore.allTags);
-    const isLoading = computed(() => tagsStore.isLoading);
-    const tagsById = computed(() => tagsStore.tagsById);
-    async function createTag(name) {
-      return await tagsStore.create(name);
-    }
-    function handleManageTags() {
-      uiStore.openModal(ANNOTATION_TAGS_MANAGER_MODAL_KEY);
-    }
-    function handleEsc() {
-      emit("esc");
-    }
-    function handleBlur() {
-      emit("blur");
-    }
-    void tagsStore.fetchAll();
-    return (_ctx, _cache) => {
-      const _component_TagsDropdown = _sfc_main$1;
-      return openBlock(), createBlock(_component_TagsDropdown, {
-        modelValue: selectedTags.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedTags.value = $event),
-        placeholder: _ctx.placeholder,
-        "create-enabled": _ctx.createEnabled,
-        "event-bus": _ctx.eventBus,
-        "all-tags": allTags.value,
-        "is-loading": isLoading.value,
-        "tags-by-id": tagsById.value,
-        "create-tag": createTag,
-        onManageTags: handleManageTags,
-        onEsc: handleEsc,
-        onBlur: handleBlur
-      }, null, 8, ["modelValue", "placeholder", "create-enabled", "event-bus", "all-tags", "is-loading", "tags-by-id"]);
-    };
-  }
-});
-function useExecutionHelpers() {
-  const i18n = useI18n();
-  function getUIDetails(execution) {
-    var _a, _b;
-    const status = {
-      name: "unknown",
-      createdAt: ((_a = execution.createdAt) == null ? void 0 : _a.toString()) ?? "",
-      startTime: formatDate(execution.startedAt),
-      label: "Status unknown",
-      runningTime: "",
-      showTimestamp: true,
-      tags: ((_b = execution.annotation) == null ? void 0 : _b.tags) ?? []
-    };
-    if (execution.status === "new") {
-      status.name = "new";
-      status.label = i18n.baseText("executionsList.new");
-      status.showTimestamp = false;
-    } else if (execution.status === "waiting") {
-      status.name = "waiting";
-      status.label = i18n.baseText("executionsList.waiting");
-      status.showTimestamp = false;
-    } else if (execution.status === "canceled") {
-      status.label = i18n.baseText("executionsList.canceled");
-    } else if (execution.status === "running") {
-      status.name = "running";
-      status.label = i18n.baseText("executionsList.running");
-    } else if (execution.status === "success") {
-      status.name = "success";
-      status.label = i18n.baseText("executionsList.succeeded");
-    } else if (execution.status === "error" || execution.status === "crashed") {
-      status.name = "error";
-      status.label = i18n.baseText("executionsList.error");
-    }
-    if (!execution.status) execution.status = "unknown";
-    if (execution.startedAt && execution.stoppedAt) {
-      const stoppedAt = execution.stoppedAt ? new Date(execution.stoppedAt).getTime() : Date.now();
-      status.runningTime = i18n.displayTimer(
-        stoppedAt - new Date(execution.startedAt).getTime(),
-        true
-      );
-    }
-    return status;
-  }
-  function formatDate(fullDate) {
-    const { date, time } = convertToDisplayDate(fullDate);
-    return i18n.baseText("executionsList.started", { interpolate: { time, date } });
-  }
-  function isExecutionRetriable(execution) {
-    return ["crashed", "error"].includes(execution.status) && !execution.retrySuccessId;
-  }
-  return {
-    getUIDetails,
-    formatDate,
-    isExecutionRetriable
-  };
-}
-export {
-  _sfc_main as _,
-  useExecutionHelpers as u
-};