n8n-editor-ui 1.52.2 → 1.53.0

package/dist/assets/{WorkflowExecutionsPreview-H9824s0i.js → WorkflowExecutionsPreview-Bcx5l_XB.js}

@@ -1,19 +1,19 @@
-import { W as WorkflowPreview } from "./WorkflowPreview-BGDjpnKS.js";
+import { W as WorkflowPreview } from "./WorkflowPreview-ne3U5b7k.js";
 import { d as defineComponent, j as createBaseVNode, ap as resolveComponent, o as openBlock, k as createElementBlock, n as normalizeClass, i as createVNode, e as withCtx, s as createTextVNode, t as toDisplayString, a as createBlock, q as createCommentVNode } from "./vendor-k9_XExsQ.js";
-import { ax as ElDropdown, _ as _export_sfc } from "./n8n-CQyDjUnA.js";
-import { u as useExecutionDebugging } from "./useExecutionDebugging-Cx4ENg1F.js";
-import { x as useMessage, m as useWorkflowsStore, V as VIEWS, C as MODAL_CONFIRM } from "./index-l9r79ueq.js";
-import { u as useExecutionHelpers } from "./useExecutionHelpers-J-Yb0LWX.js";
+import { ax as ElDropdown, _ as _export_sfc } from "./n8n-CdNJGT99.js";
+import { u as useExecutionDebugging } from "./useExecutionDebugging-DxLomlHU.js";
+import { x as useMessage, m as useWorkflowsStore, V as VIEWS, C as MODAL_CONFIRM } from "./index-BYZJlMWX.js";
+import { u as useExecutionHelpers } from "./useExecutionHelpers-D4K4AI5o.js";
 import { m as mapStores } from "./pinia-C0SpIvcC.js";
-import "./esprima-next-CPsTzYsC.js";
-import "./luxon-0uZhUj7B.js";
+import "./esprima-next-DUEu30kB.js";
+import "./luxon-Bt_g4NOb.js";
 import "./axios-Cp0EV6RZ.js";
-import "./lodash-es-COViF6dG.js";
+import "./lodash-es-BwUH-6hq.js";
 import "./@vueuse/core-zoLH-FU7.js";
 import "./uuid-sKupIUZ4.js";
 import "./flatted-D70IerrI.js";
 import "./@n8n/permissions-DSKt-Zl7.js";
-import "./dateformat-BZ7ie_ed.js";
+import "./dateformat-CJDSAxT5.js";
 import "./vue-i18n-w8we4vO-.js";
 import "./@n8n/codemirror-lang-CIGGB1t0.js";
 import "./@lezer/common-CnY9etib.js";
@@ -25,12 +25,12 @@ import "./@jsplumb/common-s1StEx7B.js";
 import "./@jsplumb/connector-bezier-D659hq4c.js";
 import "./@jsplumb/browser-ui-BphmFVJY.js";
 import "./codemirror-lang-html-n8n-CXTCIWzP.js";
-import "./fast-json-stable-stringify-C3l7e1Gf.js";
+import "./fast-json-stable-stringify-CZL0ASD6.js";
 import "./timeago.js-CgQus8nl.js";
 import "./qrcode.vue-Ngu3dGMl.js";
 import "./vue3-touch-events-DVOgU3fI.js";
 import "./chart.js-DiBOFLDH.js";
-import "./dateFormatter-Bm-NazQh.js";
+import "./dateFormatter-sq-Dwf91.js";
 const _sfc_main = defineComponent({
   name: "WorkflowExecutionsPreview",
   components: {
@@ -115,16 +115,18 @@ const _sfc_main = defineComponent({
     }
   }
 });
-const previewContainer = "_previewContainer_1qf32_1";
-const executionDetails = "_executionDetails_1qf32_7";
-const spinner = "_spinner_1qf32_26";
-const running = "_running_1qf32_32";
-const waiting = "_waiting_1qf32_37";
-const success = "_success_1qf32_41";
-const error = "_error_1qf32_45";
-const runningInfo = "_runningInfo_1qf32_49";
-const runningMessage = "_runningMessage_1qf32_56";
-const debugLink = "_debugLink_1qf32_62";
+const previewContainer = "_previewContainer_1t2gt_1";
+const executionDetails = "_executionDetails_1t2gt_7";
+const spinner = "_spinner_1t2gt_26";
+const running = "_running_1t2gt_32";
+const waiting = "_waiting_1t2gt_37";
+const success = "_success_1t2gt_41";
+const error = "_error_1t2gt_45";
+const newInfo = "_newInfo_1t2gt_49";
+const runningInfo = "_runningInfo_1t2gt_50";
+const newMessage = "_newMessage_1t2gt_57";
+const runningMessage = "_runningMessage_1t2gt_58";
+const debugLink = "_debugLink_1t2gt_64";
 const style0 = {
   previewContainer,
   executionDetails,
@@ -133,7 +135,9 @@ const style0 = {
   waiting,
   success,
   error,
+  newInfo,
   runningInfo,
+  newMessage,
   runningMessage,
   debugLink
 };
@@ -142,18 +146,41 @@ const _hoisted_2 = /* @__PURE__ */ createBaseVNode("br", null, null, -1);
 const _hoisted_3 = /* @__PURE__ */ createBaseVNode("br", null, null, -1);
 const _hoisted_4 = { class: "retry-button" };
 function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  var _a, _b, _c;
-  const _component_n8n_spinner = resolveComponent("n8n-spinner");
+  var _a, _b, _c, _d;
   const _component_n8n_text = resolveComponent("n8n-text");
   const _component_n8n_button = resolveComponent("n8n-button");
+  const _component_n8n_spinner = resolveComponent("n8n-spinner");
   const _component_router_link = resolveComponent("router-link");
   const _component_n8n_icon_button = resolveComponent("n8n-icon-button");
   const _component_el_dropdown_item = resolveComponent("el-dropdown-item");
   const _component_el_dropdown_menu = resolveComponent("el-dropdown-menu");
   const _component_ElDropdown = resolveComponent("ElDropdown");
   const _component_WorkflowPreview = WorkflowPreview;
-  return ((_a = _ctx.executionUIDetails) == null ? void 0 : _a.name) === "running" ? (openBlock(), createElementBlock("div", {
+  return ((_a = _ctx.executionUIDetails) == null ? void 0 : _a.name) === "new" ? (openBlock(), createElementBlock("div", {
     key: 0,
+    class: normalizeClass(_ctx.$style.newInfo)
+  }, [
+    createVNode(_component_n8n_text, {
+      class: normalizeClass(_ctx.$style.newMessage),
+      color: "text-light"
+    }, {
+      default: withCtx(() => [
+        createTextVNode(toDisplayString(_ctx.$locale.baseText("executionDetails.newMessage")), 1)
+      ]),
+      _: 1
+    }, 8, ["class"]),
+    createVNode(_component_n8n_button, {
+      class: "mt-l",
+      type: "tertiary",
+      onClick: _ctx.handleStopClick
+    }, {
+      default: withCtx(() => [
+        createTextVNode(toDisplayString(_ctx.$locale.baseText("executionsList.stopExecution")), 1)
+      ]),
+      _: 1
+    }, 8, ["onClick"])
+  ], 2)) : ((_b = _ctx.executionUIDetails) == null ? void 0 : _b.name) === "running" ? (openBlock(), createElementBlock("div", {
+    key: 1,
     class: normalizeClass(_ctx.$style.runningInfo)
   }, [
     createBaseVNode("div", {
@@ -181,7 +208,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
       _: 1
     }, 8, ["onClick"])
   ], 2)) : _ctx.executionUIDetails ? (openBlock(), createElementBlock("div", {
-    key: 1,
+    key: 2,
     class: normalizeClass(_ctx.$style.previewContainer)
   }, [
     _ctx.execution ? (openBlock(), createElementBlock("div", {
@@ -205,7 +232,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           _: 1
         }),
         _hoisted_2,
-        ((_b = _ctx.executionUIDetails) == null ? void 0 : _b.name) === "running" ? (openBlock(), createBlock(_component_n8n_spinner, {
+        ((_c = _ctx.executionUIDetails) == null ? void 0 : _c.name) === "running" ? (openBlock(), createBlock(_component_n8n_spinner, {
           key: 0,
           size: "small",
           class: normalizeClass([_ctx.$style.spinner, "mr-4xs"])
@@ -221,10 +248,19 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           _: 1
         }, 8, ["class"]),
         createTextVNode(" " + toDisplayString(" ") + " "),
-        _ctx.executionUIDetails.name === "running" ? (openBlock(), createBlock(_component_n8n_text, {
+        ((_d = _ctx.executionUIDetails) == null ? void 0 : _d.showTimestamp) === false ? (openBlock(), createBlock(_component_n8n_text, {
           key: 1,
           color: "text-base",
           size: "medium"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(" | ID#" + toDisplayString(_ctx.execution.id), 1)
+          ]),
+          _: 1
+        })) : _ctx.executionUIDetails.name === "running" ? (openBlock(), createBlock(_component_n8n_text, {
+          key: 2,
+          color: "text-base",
+          size: "medium"
         }, {
           default: withCtx(() => {
             var _a2;
@@ -236,7 +272,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
           }),
           _: 1
         })) : _ctx.executionUIDetails.name !== "waiting" ? (openBlock(), createBlock(_component_n8n_text, {
-          key: 2,
+          key: 3,
           color: "text-base",
           size: "medium",
           "data-test-id": "execution-preview-id"
@@ -250,15 +286,6 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
             ];
           }),
           _: 1
-        })) : ((_c = _ctx.executionUIDetails) == null ? void 0 : _c.name) === "waiting" ? (openBlock(), createBlock(_component_n8n_text, {
-          key: 3,
-          color: "text-base",
-          size: "medium"
-        }, {
-          default: withCtx(() => [
-            createTextVNode(" | ID#" + toDisplayString(_ctx.execution.id), 1)
-          ]),
-          _: 1
         })) : createCommentVNode("", true),
         _hoisted_3,
         _ctx.execution.mode === "retry" ? (openBlock(), createBlock(_component_n8n_text, {

package/dist/assets/{WorkflowExecutionsPreview-BMrdUJUZ.css → WorkflowExecutionsPreview-CTCW6aUS.css}

@@ -1,9 +1,9 @@
-._previewContainer_1qf32_1 {
+._previewContainer_1t2gt_1 {
   position: relative;
   height: 100%;
   overflow: hidden;
 }
-._executionDetails_1qf32_7 {
+._executionDetails_1t2gt_7 {
   position: absolute;
   padding: var(--spacing-m);
   padding-right: var(--spacing-xl);
@@ -21,7 +21,7 @@
   transition: all 150ms ease-in-out;
   pointer-events: none;
 }
-._executionDetails_1qf32_7 > div:last-child {
+._executionDetails_1t2gt_7 > div:last-child {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -29,28 +29,29 @@
       -ms-flex-align: center;
           align-items: center;
 }
-._executionDetails_1qf32_7 * {
+._executionDetails_1t2gt_7 * {
   pointer-events: all;
 }
-._spinner_1qf32_26 div div {
+._spinner_1t2gt_26 div div {
   width: 30px;
   height: 30px;
   border-width: 2px;
 }
-._running_1qf32_32,
-._spinner_1qf32_26 {
+._running_1t2gt_32,
+._spinner_1t2gt_26 {
   color: var(--color-warning);
 }
-._waiting_1qf32_37 {
+._waiting_1t2gt_37 {
   color: var(--color-secondary);
 }
-._success_1qf32_41 {
+._success_1t2gt_41 {
   color: var(--color-success);
 }
-._error_1qf32_45 {
+._error_1t2gt_45 {
   color: var(--color-danger);
 }
-._runningInfo_1qf32_49 {
+._newInfo_1t2gt_49,
+._runningInfo_1t2gt_50 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -63,16 +64,17 @@
           align-items: center;
   margin-top: var(--spacing-4xl);
 }
-._runningMessage_1qf32_56 {
-  width: 200px;
+._newMessage_1t2gt_57,
+._runningMessage_1t2gt_58 {
+  width: 240px;
   margin-top: var(--spacing-l);
   text-align: center;
 }
-._debugLink_1qf32_62 {
+._debugLink_1t2gt_64 {
   margin-right: var(--spacing-xs);
   padding: 0;
 }
-._debugLink_1qf32_62 a > span {
+._debugLink_1t2gt_64 a > span {
   display: block;
   padding: var(--button-padding-vertical, var(--spacing-xs)) var(--button-padding-horizontal, var(--spacing-m));
 }

package/dist/assets/{WorkflowExecutionsView-DrvnOLQh.css → WorkflowExecutionsView-BUVLJOcg.css}

@@ -1,4 +1,4 @@
-._WorkflowExecutionsCard_16ozu_1 {
+._WorkflowExecutionsCard_1hja4_1 {
   --execution-list-item-background: var(--color-foreground-xlight);
   --execution-list-item-highlight-background: var(--color-warning-tint-1);
   display: -webkit-box;
@@ -10,46 +10,52 @@
           flex-direction: column;
   padding-right: var(--spacing-m);
 }
-._WorkflowExecutionsCard_16ozu_1._active_16ozu_8 {
+._WorkflowExecutionsCard_1hja4_1._active_1hja4_8 {
   border-left: var(--spacing-4xs) var(--border-style-base) transparent !important;
 }
-._WorkflowExecutionsCard_16ozu_1._active_16ozu_8 ._executionStatus_16ozu_11 {
+._WorkflowExecutionsCard_1hja4_1._active_1hja4_8 ._executionStatus_1hja4_11 {
   color: var(--color-text-dark) !important;
 }
-._WorkflowExecutionsCard_16ozu_1:hover ._executionLink_16ozu_14, ._WorkflowExecutionsCard_16ozu_1._active_16ozu_8 ._executionLink_16ozu_14 {
+._WorkflowExecutionsCard_1hja4_1:hover ._executionLink_1hja4_14, ._WorkflowExecutionsCard_1hja4_1._active_1hja4_8 ._executionLink_1hja4_14 {
   --execution-list-item-background: var(--color-foreground-light);
 }
-._WorkflowExecutionsCard_16ozu_1._new_16ozu_17 ._spinner_16ozu_17, ._WorkflowExecutionsCard_16ozu_1._running_16ozu_17 ._spinner_16ozu_17 {
+._WorkflowExecutionsCard_1hja4_1._new_1hja4_17 ._spinner_1hja4_17, ._WorkflowExecutionsCard_1hja4_1._running_1hja4_17 ._spinner_1hja4_17 {
   position: relative;
   top: 1px;
 }
-._WorkflowExecutionsCard_16ozu_1._new_16ozu_17, ._WorkflowExecutionsCard_16ozu_1._new_16ozu_17 ._executionLink_16ozu_14, ._WorkflowExecutionsCard_16ozu_1._running_16ozu_17, ._WorkflowExecutionsCard_16ozu_1._running_16ozu_17 ._executionLink_16ozu_14 {
+._WorkflowExecutionsCard_1hja4_1._new_1hja4_17, ._WorkflowExecutionsCard_1hja4_1._new_1hja4_17 ._executionLink_1hja4_14, ._WorkflowExecutionsCard_1hja4_1._running_1hja4_17, ._WorkflowExecutionsCard_1hja4_1._running_1hja4_17 ._executionLink_1hja4_14 {
   border-left: var(--spacing-4xs) var(--border-style-base) var(--execution-card-border-running);
 }
-._WorkflowExecutionsCard_16ozu_1._new_16ozu_17 ._statusLabel_16ozu_24,
-._WorkflowExecutionsCard_16ozu_1._new_16ozu_17 ._spinner_16ozu_17, ._WorkflowExecutionsCard_16ozu_1._running_16ozu_17 ._statusLabel_16ozu_24,
-._WorkflowExecutionsCard_16ozu_1._running_16ozu_17 ._spinner_16ozu_17 {
+._WorkflowExecutionsCard_1hja4_1._new_1hja4_17 ._statusLabel_1hja4_24,
+._WorkflowExecutionsCard_1hja4_1._new_1hja4_17 ._spinner_1hja4_17, ._WorkflowExecutionsCard_1hja4_1._running_1hja4_17 ._statusLabel_1hja4_24,
+._WorkflowExecutionsCard_1hja4_1._running_1hja4_17 ._spinner_1hja4_17 {
   color: var(--color-warning);
 }
-._WorkflowExecutionsCard_16ozu_1._success_16ozu_29, ._WorkflowExecutionsCard_16ozu_1._success_16ozu_29 ._executionLink_16ozu_14 {
+._WorkflowExecutionsCard_1hja4_1._success_1hja4_29, ._WorkflowExecutionsCard_1hja4_1._success_1hja4_29 ._executionLink_1hja4_14 {
   border-left: var(--spacing-4xs) var(--border-style-base) var(--execution-card-border-success);
 }
-._WorkflowExecutionsCard_16ozu_1._waiting_16ozu_32, ._WorkflowExecutionsCard_16ozu_1._waiting_16ozu_32 ._executionLink_16ozu_14 {
+._WorkflowExecutionsCard_1hja4_1._new_1hja4_17, ._WorkflowExecutionsCard_1hja4_1._new_1hja4_17 ._executionLink_1hja4_14 {
+  border-left: var(--spacing-4xs) var(--border-style-base) var(--execution-card-border-new);
+}
+._WorkflowExecutionsCard_1hja4_1._new_1hja4_17 ._statusLabel_1hja4_24 {
+  color: var(--color-text-dark);
+}
+._WorkflowExecutionsCard_1hja4_1._waiting_1hja4_38, ._WorkflowExecutionsCard_1hja4_1._waiting_1hja4_38 ._executionLink_1hja4_14 {
   border-left: var(--spacing-4xs) var(--border-style-base) var(--execution-card-border-waiting);
 }
-._WorkflowExecutionsCard_16ozu_1._waiting_16ozu_32 ._statusLabel_16ozu_24 {
+._WorkflowExecutionsCard_1hja4_1._waiting_1hja4_38 ._statusLabel_1hja4_24 {
   color: var(--color-secondary);
 }
-._WorkflowExecutionsCard_16ozu_1._error_16ozu_38, ._WorkflowExecutionsCard_16ozu_1._error_16ozu_38 ._executionLink_16ozu_14 {
+._WorkflowExecutionsCard_1hja4_1._error_1hja4_44, ._WorkflowExecutionsCard_1hja4_1._error_1hja4_44 ._executionLink_1hja4_14 {
   border-left: var(--spacing-4xs) var(--border-style-base) var(--execution-card-border-error);
 }
-._WorkflowExecutionsCard_16ozu_1._error_16ozu_38 ._statusLabel_16ozu_24 {
+._WorkflowExecutionsCard_1hja4_1._error_1hja4_44 ._statusLabel_1hja4_24 {
   color: var(--color-danger);
 }
-._WorkflowExecutionsCard_16ozu_1._unknown_16ozu_44, ._WorkflowExecutionsCard_16ozu_1._unknown_16ozu_44 ._executionLink_16ozu_14 {
+._WorkflowExecutionsCard_1hja4_1._unknown_1hja4_50, ._WorkflowExecutionsCard_1hja4_1._unknown_1hja4_50 ._executionLink_1hja4_14 {
   border-left: var(--spacing-4xs) var(--border-style-base) var(--execution-card-border-unknown);
 }
-._executionLink_16ozu_14 {
+._executionLink_1hja4_14 {
   background: var(--execution-list-item-background);
   display: -webkit-box;
   display: -ms-flexbox;
@@ -68,11 +74,11 @@
   position: relative;
   left: calc(-1 * var(--spacing-4xs));
 }
-._executionLink_16ozu_14:active ._icon_16ozu_61,
-._executionLink_16ozu_14:active ._statusLabel_16ozu_24 {
+._executionLink_1hja4_14:active ._icon_1hja4_67,
+._executionLink_1hja4_14:active ._statusLabel_1hja4_24 {
   color: var(--color-text-base);
 }
-._icons_16ozu_66 {
+._icons_1hja4_72 {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
@@ -80,23 +86,23 @@
       -ms-flex-align: center;
           align-items: center;
 }
-._icon_16ozu_61 {
+._icon_1hja4_67 {
   font-size: var(--font-size-s);
 }
-._icon_16ozu_61._retry_16ozu_74 svg {
+._icon_1hja4_67._retry_1hja4_80 svg {
   color: var(--color-primary);
 }
-._icon_16ozu_61._manual_16ozu_77 {
+._icon_1hja4_67._manual_1hja4_83 {
   position: relative;
   top: 1px;
 }
-._icon_16ozu_61 + ._icon_16ozu_61 {
+._icon_1hja4_67 + ._icon_1hja4_67 {
   margin-left: var(--spacing-2xs);
 }
-._showGap_16ozu_85 {
+._showGap_1hja4_91 {
   margin-bottom: var(--spacing-2xs);
 }
-._showGap_16ozu_85 ._executionLink_16ozu_14 {
+._showGap_1hja4_91 ._executionLink_1hja4_14 {
   border-bottom: 1px solid var(--color-foreground-dark);
 }._container_qg8we_1 {
   -webkit-box-flex: 310px;