n8n-editor-ui 1.93.0 → 1.95.0

package/dist/assets/EvaluationsView-Y_Nzp-LP.js

@@ -0,0 +1,570 @@
+import { f_ as useCssVar, fY as dateFormat, d as defineComponent, q as computed, a$ as watchEffect, h as resolveComponent, i as createElementBlock, g as openBlock, n as normalizeClass, k as createBaseVNode, j as createVNode, w as withCtx, F as Fragment, D as renderList, e as createBlock, m as unref, _ as _export_sfc, l as createTextVNode, t as toDisplayString, c as useI18n, f$ as TestTableBase, bf as N8nText, bJ as N8nIcon, g0 as statusDictionary, g1 as getErrorBaseKey, aV as createSlots, ct as mergeModels, b as useRouter, cu as useModel, fB as convertToDisplayDate, V as VIEWS, a as useToast, g2 as useEvaluationStore, r as ref, en as orderBy, bh as N8nButton, f as createCommentVNode } from "./index-BSlk84mz.js";
+import { L as Line } from "./index-lOeP0Jxq.js";
+import { _ as __unplugin_components_0 } from "./AnimatedSpinner-DlBYfeum.js";
+function useMetricsChart() {
+  const colors = {
+    primary: useCssVar("--color-primary", document.body).value,
+    textBase: useCssVar("--color-text-base", document.body).value,
+    backgroundXLight: useCssVar("--color-background-xlight", document.body).value,
+    foregroundLight: useCssVar("--color-foreground-light", document.body).value,
+    foregroundBase: useCssVar("--color-foreground-base", document.body).value,
+    foregroundDark: useCssVar("--color-foreground-dark", document.body).value
+  };
+  function generateChartData(runs2, metric) {
+    const data = {
+      datasets: [
+        {
+          data: runs2,
+          parsing: {
+            xAxisKey: "id",
+            yAxisKey: `metrics.${metric}`
+          },
+          borderColor: colors.primary,
+          backgroundColor: colors.backgroundXLight,
+          borderWidth: 1,
+          pointRadius: 2,
+          pointHoverRadius: 4,
+          pointBackgroundColor: colors.backgroundXLight,
+          pointHoverBackgroundColor: colors.backgroundXLight
+        }
+      ]
+    };
+    return data;
+  }
+  function generateChartOptions({
+    metric,
+    data
+  }) {
+    return {
+      responsive: true,
+      maintainAspectRatio: false,
+      animation: false,
+      devicePixelRatio: 2,
+      interaction: {
+        mode: "index",
+        intersect: false
+      },
+      scales: {
+        y: {
+          border: {
+            display: false
+          },
+          grid: {
+            color: colors.foregroundBase
+          },
+          ticks: {
+            padding: 8,
+            color: colors.textBase
+          }
+        },
+        x: {
+          border: {
+            display: false
+          },
+          grid: {
+            display: false
+          },
+          ticks: {
+            color: colors.textBase,
+            // eslint-disable-next-line id-denylist
+            callback(_tickValue, index) {
+              return `#${data[index].index}`;
+            }
+          }
+        }
+      },
+      plugins: {
+        tooltip: {
+          backgroundColor: colors.backgroundXLight,
+          titleColor: colors.textBase,
+          titleFont: {
+            weight: "600"
+          },
+          bodyColor: colors.textBase,
+          bodySpacing: 4,
+          padding: 12,
+          borderColor: colors.foregroundBase,
+          borderWidth: 1,
+          displayColors: true,
+          callbacks: {
+            title: (tooltipItems) => {
+              return dateFormat(tooltipItems[0].raw.runAt, "yyyy-mm-dd HH:MM");
+            },
+            label: (context) => `${metric}: ${context.parsed.y.toFixed(2)}`,
+            labelColor() {
+              return {
+                borderColor: "rgba(29, 21, 21, 0)",
+                backgroundColor: colors.primary,
+                borderWidth: 0,
+                borderRadius: 5
+              };
+            }
+          }
+        },
+        legend: {
+          display: false
+        }
+      }
+    };
+  }
+  return {
+    generateChartData,
+    generateChartOptions
+  };
+}
+const _sfc_main$3 = /* @__PURE__ */ defineComponent({
+  __name: "MetricsChart",
+  props: {
+    selectedMetric: {},
+    runs: {}
+  },
+  emits: ["update:selectedMetric"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    const metricsChart = useMetricsChart();
+    const availableMetrics = computed(() => {
+      return props.runs.reduce((acc, run) => {
+        const metricKeys = Object.keys(run.metrics ?? {});
+        return [.../* @__PURE__ */ new Set([...acc, ...metricKeys])];
+      }, []);
+    });
+    const filteredRuns = computed(
+      () => props.runs.filter((run) => run.metrics?.[props.selectedMetric] !== void 0)
+    );
+    const chartData = computed(
+      () => metricsChart.generateChartData(filteredRuns.value, props.selectedMetric)
+    );
+    const chartOptions = computed(
+      () => metricsChart.generateChartOptions({
+        metric: props.selectedMetric,
+        data: filteredRuns.value
+      })
+    );
+    watchEffect(() => {
+      if (props.runs.length > 0 && !props.selectedMetric) {
+        emit("update:selectedMetric", availableMetrics.value[0]);
+      }
+    });
+    return (_ctx, _cache) => {
+      const _component_N8nOption = resolveComponent("N8nOption");
+      const _component_N8nSelect = resolveComponent("N8nSelect");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.metricsChartContainer)
+      }, [
+        createBaseVNode("div", {
+          class: normalizeClass(_ctx.$style.chartHeader)
+        }, [
+          createVNode(_component_N8nSelect, {
+            "model-value": _ctx.selectedMetric,
+            class: normalizeClass(_ctx.$style.metricSelect),
+            placeholder: "Select metric",
+            size: "small",
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:selectedMetric", $event))
+          }, {
+            default: withCtx(() => [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(availableMetrics.value, (metric) => {
+                return openBlock(), createBlock(_component_N8nOption, {
+                  key: metric,
+                  label: metric,
+                  value: metric
+                }, null, 8, ["label", "value"]);
+              }), 128))
+            ]),
+            _: 1
+          }, 8, ["model-value", "class"])
+        ], 2),
+        createBaseVNode("div", {
+          class: normalizeClass(_ctx.$style.chartWrapper)
+        }, [
+          (openBlock(), createBlock(unref(Line), {
+            key: _ctx.selectedMetric,
+            data: chartData.value,
+            options: chartOptions.value,
+            class: normalizeClass(_ctx.$style.metricsChart)
+          }, null, 8, ["data", "options", "class"]))
+        ], 2)
+      ], 2);
+    };
+  }
+});
+const metricsChartContainer = "_metricsChartContainer_1xhz2_123";
+const chartHeader = "_chartHeader_1xhz2_128";
+const chartTitle = "_chartTitle_1xhz2_131";
+const metricSelect = "_metricSelect_1xhz2_136";
+const chartWrapper = "_chartWrapper_1xhz2_139";
+const style0$3 = {
+  metricsChartContainer,
+  chartHeader,
+  chartTitle,
+  metricSelect,
+  chartWrapper
+};
+const cssModules$3 = {
+  "$style": style0$3
+};
+const MetricsChart = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__cssModules", cssModules$3]]);
+const _hoisted_1 = { style: { "display": "inline-flex", "gap": "12px", "text-transform": "capitalize", "align-items": "center" } };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "TestRunsTable",
+  props: {
+    runs: {},
+    columns: {}
+  },
+  emits: ["rowClick"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    const locale = useI18n();
+    const styledColumns = computed(() => {
+      return props.columns.map((column) => {
+        if (column.prop === "id") {
+          return {
+            ...column,
+            width: 100
+          };
+        }
+        if (column.prop === "runAt") {
+          return {
+            ...column,
+            width: 150
+          };
+        }
+        return column;
+      });
+    });
+    const runSummaries = computed(() => {
+      return props.runs.map(({ status, finalResult, errorDetails, ...run }) => {
+        if (status === "completed" && finalResult && ["error", "warning"].includes(finalResult)) {
+          status = "warning";
+        }
+        return {
+          ...run,
+          status,
+          finalResult,
+          errorDetails
+        };
+      });
+    });
+    return (_ctx, _cache) => {
+      const _component_N8nHeading = resolveComponent("N8nHeading");
+      const _component_AnimatedSpinner = __unplugin_components_0;
+      const _component_i18n_t = resolveComponent("i18n-t");
+      const _component_N8nTooltip = resolveComponent("N8nTooltip");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.container)
+      }, [
+        createVNode(_component_N8nHeading, {
+          size: "large",
+          bold: true,
+          class: normalizeClass(_ctx.$style.runsTableHeading),
+          color: "text-base"
+        }, {
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(locale).baseText("evaluation.listRuns.pastRuns.total", { adjustToNumber: _ctx.runs.length })) + " (" + toDisplayString(_ctx.runs.length) + ") ", 1)
+          ]),
+          _: 1
+        }, 8, ["class"]),
+        createVNode(TestTableBase, {
+          data: runSummaries.value,
+          columns: styledColumns.value,
+          "default-sort": { prop: "runAt", order: "descending" },
+          onRowClick: _cache[0] || (_cache[0] = (row) => row.status !== "error" ? emit("rowClick", row) : void 0)
+        }, {
+          id: withCtx(({ row }) => [
+            createTextVNode("#" + toDisplayString(row.index), 1)
+          ]),
+          status: withCtx(({ row }) => [
+            createBaseVNode("div", _hoisted_1, [
+              row.status === "running" ? (openBlock(), createBlock(unref(N8nText), {
+                key: 0,
+                color: "secondary"
+              }, {
+                default: withCtx(() => [
+                  createVNode(_component_AnimatedSpinner)
+                ]),
+                _: 1
+              })) : (openBlock(), createBlock(unref(N8nIcon), {
+                key: 1,
+                icon: unref(statusDictionary)[row.status].icon,
+                color: unref(statusDictionary)[row.status].color
+              }, null, 8, ["icon", "color"])),
+              row.status === "warning" ? (openBlock(), createBlock(unref(N8nText), {
+                key: 2,
+                color: "warning",
+                class: normalizeClass([_ctx.$style.alertText, _ctx.$style.warningText])
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(locale).baseText(`evaluation.runDetail.error.partialCasesFailed`)), 1)
+                ]),
+                _: 1
+              }, 8, ["class"])) : row.status === "error" ? (openBlock(), createBlock(_component_N8nTooltip, {
+                key: 3,
+                placement: "top",
+                "show-after": 300
+              }, {
+                content: withCtx(() => [
+                  createVNode(_component_i18n_t, {
+                    keypath: `${unref(getErrorBaseKey)(row.errorCode)}`
+                  }, createSlots({ _: 2 }, [
+                    unref(locale).exists(`${unref(getErrorBaseKey)(row.errorCode)}.description`) ? {
+                      name: "description",
+                      fn: withCtx(() => [
+                        createTextVNode(toDisplayString(unref(locale).baseText(
+                          `${unref(getErrorBaseKey)(row.errorCode)}.description`
+                        ) && ". ") + " " + toDisplayString(unref(locale).baseText(
+                          `${unref(getErrorBaseKey)(row.errorCode)}.description`
+                        )), 1)
+                      ]),
+                      key: "0"
+                    } : void 0
+                  ]), 1032, ["keypath"])
+                ]),
+                default: withCtx(() => [
+                  createVNode(unref(N8nText), {
+                    class: normalizeClass([_ctx.$style.alertText, _ctx.$style.errorText])
+                  }, {
+                    default: withCtx(() => [
+                      createVNode(_component_i18n_t, {
+                        keypath: `${unref(getErrorBaseKey)(row.errorCode)}`
+                      }, createSlots({ _: 2 }, [
+                        unref(locale).exists(`${unref(getErrorBaseKey)(row.errorCode)}.description`) ? {
+                          name: "description",
+                          fn: withCtx(() => [
+                            createBaseVNode("p", {
+                              class: normalizeClass(_ctx.$style.grayText)
+                            }, toDisplayString(unref(locale).baseText(
+                              `${unref(getErrorBaseKey)(row.errorCode)}.description`
+                            )), 3)
+                          ]),
+                          key: "0"
+                        } : void 0
+                      ]), 1032, ["keypath"])
+                    ]),
+                    _: 2
+                  }, 1032, ["class"])
+                ]),
+                _: 2
+              }, 1024)) : (openBlock(), createElementBlock(Fragment, { key: 4 }, [
+                createTextVNode(toDisplayString(row.status), 1)
+              ], 64))
+            ])
+          ]),
+          _: 1
+        }, 8, ["data", "columns"])
+      ], 2);
+    };
+  }
+});
+const container = "_container_okb74_123";
+const grayText = "_grayText_okb74_129";
+const alertText = "_alertText_okb74_133";
+const warningText = "_warningText_okb74_151";
+const errorText = "_errorText_okb74_155";
+const style0$2 = {
+  container,
+  grayText,
+  alertText,
+  warningText,
+  errorText
+};
+const cssModules$2 = {
+  "$style": style0$2
+};
+const TestRunsTable = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__cssModules", cssModules$2]]);
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "RunsSection",
+  props: /* @__PURE__ */ mergeModels({
+    runs: {},
+    workflowId: {}
+  }, {
+    "selectedMetric": { required: true },
+    "selectedMetricModifiers": {}
+  }),
+  emits: ["update:selectedMetric"],
+  setup(__props) {
+    const props = __props;
+    const locale = useI18n();
+    const router = useRouter();
+    const selectedMetric = useModel(__props, "selectedMetric");
+    const metrics = computed(() => {
+      const metricKeys = props.runs.reduce((acc, run) => {
+        Object.keys(run.metrics ?? {}).forEach((metric) => acc.add(metric));
+        return acc;
+      }, /* @__PURE__ */ new Set());
+      return [...metricKeys];
+    });
+    const metricColumns = computed(
+      () => metrics.value.map((metric) => ({
+        prop: `metrics.${metric}`,
+        label: metric,
+        sortable: true,
+        showHeaderTooltip: true,
+        sortMethod: (a, b) => (a.metrics?.[metric] ?? 0) - (b.metrics?.[metric] ?? 0),
+        formatter: (row) => row.metrics?.[metric] !== void 0 ? (row.metrics?.[metric]).toFixed(2) : ""
+      }))
+    );
+    const columns = computed(() => [
+      {
+        prop: "id",
+        label: locale.baseText("evaluation.listRuns.runNumber"),
+        showOverflowTooltip: true
+      },
+      {
+        prop: "runAt",
+        label: "Run at",
+        sortable: true,
+        showOverflowTooltip: true,
+        formatter: (row) => {
+          const { date, time } = convertToDisplayDate(row.runAt);
+          return [date, time].join(", ");
+        },
+        sortMethod: (a, b) => new Date(a.runAt ?? a.createdAt).getTime() - new Date(b.runAt ?? b.createdAt).getTime()
+      },
+      {
+        prop: "status",
+        label: locale.baseText("evaluation.listRuns.status"),
+        sortable: true
+      },
+      ...metricColumns.value
+    ]);
+    const handleRowClick = (row) => {
+      void router.push({
+        name: VIEWS.EVALUATION_RUNS_DETAIL,
+        params: { runId: row.id }
+      });
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.runs)
+      }, [
+        createVNode(MetricsChart, {
+          selectedMetric: selectedMetric.value,
+          "onUpdate:selectedMetric": _cache[0] || (_cache[0] = ($event) => selectedMetric.value = $event),
+          runs: _ctx.runs
+        }, null, 8, ["selectedMetric", "runs"]),
+        createVNode(TestRunsTable, {
+          class: normalizeClass(_ctx.$style.runsTable),
+          runs: _ctx.runs,
+          columns: columns.value,
+          selectable: true,
+          "data-test-id": "past-runs-table",
+          onRowClick: handleRowClick
+        }, null, 8, ["class", "runs", "columns"])
+      ], 2);
+    };
+  }
+});
+const runs$1 = "_runs_37xaf_123";
+const style0$1 = {
+  runs: runs$1
+};
+const cssModules$1 = {
+  "$style": style0$1
+};
+const RunsSection = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__cssModules", cssModules$1]]);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "EvaluationsView",
+  props: {
+    name: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const locale = useI18n();
+    const toast = useToast();
+    const evaluationStore = useEvaluationStore();
+    const selectedMetric = ref("");
+    async function runTest() {
+      try {
+        await evaluationStore.startTestRun(props.name);
+      } catch (error) {
+        toast.showError(error, locale.baseText("evaluation.listRuns.error.cantStartTestRun"));
+      }
+      try {
+        await evaluationStore.fetchTestRuns(props.name);
+      } catch (error) {
+        toast.showError(error, locale.baseText("evaluation.listRuns.error.cantFetchTestRuns"));
+      }
+    }
+    const runs2 = computed(() => {
+      const testRuns = Object.values(evaluationStore.testRunsById ?? {}).filter(
+        ({ workflowId }) => workflowId === props.name
+      );
+      return orderBy(testRuns, (record) => new Date(record.runAt), ["asc"]).map((record, index) => ({
+        ...record,
+        index: index + 1
+      }));
+    });
+    const isRunning = computed(() => runs2.value.some((run) => run.status === "running"));
+    const isRunTestEnabled = computed(() => !isRunning.value);
+    return (_ctx, _cache) => {
+      const _component_N8nTooltip = resolveComponent("N8nTooltip");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.evaluationsView)
+      }, [
+        createBaseVNode("div", {
+          class: normalizeClass(_ctx.$style.header)
+        }, [
+          createVNode(_component_N8nTooltip, {
+            disabled: isRunTestEnabled.value,
+            placement: "left"
+          }, {
+            content: withCtx(() => [
+              isRunning.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                createTextVNode(toDisplayString(unref(locale).baseText("evaluation.testIsRunning")), 1)
+              ], 64)) : createCommentVNode("", true)
+            ]),
+            default: withCtx(() => [
+              createVNode(unref(N8nButton), {
+                disabled: !isRunTestEnabled.value,
+                class: normalizeClass(_ctx.$style.runTestButton),
+                size: "small",
+                "data-test-id": "run-test-button",
+                label: unref(locale).baseText("evaluation.runTest"),
+                type: "primary",
+                onClick: runTest
+              }, null, 8, ["disabled", "class", "label"])
+            ]),
+            _: 1
+          }, 8, ["disabled"])
+        ], 2),
+        createBaseVNode("div", {
+          class: normalizeClass(_ctx.$style.wrapper)
+        }, [
+          createBaseVNode("div", {
+            class: normalizeClass(_ctx.$style.content)
+          }, [
+            createVNode(RunsSection, {
+              selectedMetric: selectedMetric.value,
+              "onUpdate:selectedMetric": _cache[0] || (_cache[0] = ($event) => selectedMetric.value = $event),
+              class: normalizeClass(_ctx.$style.runs),
+              runs: runs2.value,
+              "workflow-id": props.name
+            }, null, 8, ["selectedMetric", "class", "runs", "workflow-id"])
+          ], 2)
+        ], 2)
+      ], 2);
+    };
+  }
+});
+const evaluationsView = "_evaluationsView_1n2uy_123";
+const content = "_content_1n2uy_127";
+const header = "_header_1n2uy_134";
+const wrapper = "_wrapper_1n2uy_148";
+const runTestButton = "_runTestButton_1n2uy_153";
+const runs = "_runs_1n2uy_157";
+const style0 = {
+  evaluationsView,
+  content,
+  header,
+  wrapper,
+  runTestButton,
+  runs
+};
+const cssModules = {
+  "$style": style0
+};
+const EvaluationsView = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  EvaluationsView as default
+};

package/dist/assets/{ExecutionsTime.vue_vue_type_script_setup_true_lang--2G21NNR.js → ExecutionsTime.vue_vue_type_script_setup_true_lang-BioZloew.js}

@@ -1,5 +1,5 @@
-import { d as defineComponent, au as usePostHog, q as computed, c as useI18n, ax as WORKFLOW_EVALUATION_EXPERIMENT, h as resolveComponent, i as createElementBlock, g as openBlock, j as createVNode, w as withCtx, l as createTextVNode, t as toDisplayString, k as createBaseVNode, n as normalizeClass, e as createBlock, m as unref, _ as _export_sfc, p as useSettingsStore, G as useDebounce, a6 as usePageRedirectionHelper, r as ref, aa as EnterpriseEditionFeature, bR as reactive, gx as getObjectKeys, dr as i18n, ep as isEmpty, az as onBeforeMount, f as createCommentVNode, F as Fragment, D as renderList, ad as _sfc_main$3, b2 as withModifiers, aV as createSlots, ag as useTelemetry, o as onMounted, y as onBeforeUnmount } from "./index-DZ6VpjNj.js";
-import { _ as _sfc_main$4 } from "./AnnotationTagsDropdown.ee.vue_vue_type_script_setup_true_lang-CYzc5StE.js";
+import { d as defineComponent, au as usePostHog, q as computed, c as useI18n, ax as WORKFLOW_EVALUATION_EXPERIMENT, h as resolveComponent, i as createElementBlock, g as openBlock, j as createVNode, w as withCtx, l as createTextVNode, t as toDisplayString, k as createBaseVNode, n as normalizeClass, e as createBlock, m as unref, _ as _export_sfc, p as useSettingsStore, G as useDebounce, a6 as usePageRedirectionHelper, r as ref, aa as EnterpriseEditionFeature, d2 as reactive, fC as getObjectKeys, ez as i18n, fx as isEmpty, az as onBeforeMount, f as createCommentVNode, F as Fragment, D as renderList, ad as _sfc_main$3, b3 as withModifiers, aV as createSlots, ag as useTelemetry, o as onMounted, y as onBeforeUnmount } from "./index-BSlk84mz.js";
+import { _ as _sfc_main$4 } from "./AnnotationTagsDropdown.ee.vue_vue_type_script_setup_true_lang-b_VpBPcV.js";
 const _hoisted_1$1 = { "data-test-id": "concurrent-executions-header" };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "ConcurrentExecutionsHeader",

package/dist/assets/{ExecutionsView-C_YtciAr.js → ExecutionsView-SVk21vMq.js}

@@ -1,12 +1,11 @@
-import { P as ProjectHeader } from "./ProjectHeader-DNm605Kk.js";
-import { _ as _sfc_main$4, E as ExecutionsFilter, C as ConcurrentExecutionsHeader } from "./ExecutionsTime.vue_vue_type_script_setup_true_lang--2G21NNR.js";
-import { d as defineComponent, h as resolveComponent, e as createBlock, g as openBlock, w as withCtx, x as renderSlot, f as createCommentVNode, j as createVNode, n as normalizeClass, l as createTextVNode, t as toDisplayString, m as unref, c as useI18n, _ as _export_sfc, Y as useCssModule, r as ref, q as computed, gt as WAIT_INDEFINITELY, i as createElementBlock, k as createBaseVNode, dn as N8nCheckbox, aR as N8nTooltip, V as VIEWS, bE as N8nIcon, be as N8nText, F as Fragment, bg as N8nButton, b2 as withModifiers, aT as _sfc_main$5, Q as useWorkflowsStore, at as useExecutionsStore, p as useSettingsStore, a6 as usePageRedirectionHelper, a as useToast, aa as EnterpriseEditionFeature, X as watch, aY as useTemplateRef, ht as useIntersectionObserver, D as renderList, hu as ElSkeletonItem, hv as N8nTableBase, a7 as getResourcePermissions, ck as executionRetryMessage, ag as useTelemetry, ai as useMessage, aj as MODAL_CONFIRM, R as useRoute, hb as useInsightsStore, a4 as useDocumentTitle, cT as storeToRefs, az as onBeforeMount, aP as useExternalHooks, o as onMounted, y as onBeforeUnmount } from "./index-DZ6VpjNj.js";
-import { _ as __unplugin_components_0$1 } from "./AnimatedSpinner-hbTZDd93.js";
-import { u as useExecutionHelpers } from "./useExecutionHelpers-DqwMonFW.js";
-import { c as convertToDisplayDate } from "./dateFormatter-BPfJSa6q.js";
-import { u as useProjectPages } from "./useProjectPages-e8b03-5_.js";
-import { I as InsightsSummary } from "./InsightsSummary-MECenLJQ.js";
-import "./AnnotationTagsDropdown.ee.vue_vue_type_script_setup_true_lang-CYzc5StE.js";
+import { P as ProjectHeader } from "./ProjectHeader-DQk1kmw3.js";
+import { _ as _sfc_main$4, E as ExecutionsFilter, C as ConcurrentExecutionsHeader } from "./ExecutionsTime.vue_vue_type_script_setup_true_lang-BioZloew.js";
+import { d as defineComponent, h as resolveComponent, e as createBlock, g as openBlock, w as withCtx, x as renderSlot, f as createCommentVNode, j as createVNode, n as normalizeClass, l as createTextVNode, t as toDisplayString, m as unref, c as useI18n, _ as _export_sfc, Y as useCssModule, r as ref, q as computed, cX as WAIT_INDEFINITELY, fB as convertToDisplayDate, i as createElementBlock, k as createBaseVNode, ew as N8nCheckbox, aR as N8nTooltip, V as VIEWS, bJ as N8nIcon, bf as N8nText, F as Fragment, bh as N8nButton, b3 as withModifiers, aT as _sfc_main$5, Q as useWorkflowsStore, at as useExecutionsStore, p as useSettingsStore, a6 as usePageRedirectionHelper, a as useToast, aa as EnterpriseEditionFeature, X as watch, aZ as useTemplateRef, gt as useIntersectionObserver, D as renderList, gu as ElSkeletonItem, gv as N8nTableBase, ai as useMessage, aj as MODAL_CONFIRM, a7 as getResourcePermissions, dw as executionRetryMessage, ag as useTelemetry, R as useRoute, ga as useInsightsStore, a4 as useDocumentTitle, e0 as storeToRefs, az as onBeforeMount, aP as useExternalHooks, o as onMounted, y as onBeforeUnmount } from "./index-BSlk84mz.js";
+import { _ as __unplugin_components_0$1 } from "./AnimatedSpinner-DlBYfeum.js";
+import { u as useExecutionHelpers } from "./useExecutionHelpers-q1_8c2Pm.js";
+import { u as useProjectPages } from "./useProjectPages-DlqnxMvy.js";
+import { I as InsightsSummary } from "./InsightsSummary-CwTpu3sa.js";
+import "./AnnotationTagsDropdown.ee.vue_vue_type_script_setup_true_lang-b_VpBPcV.js";
 const _sfc_main$3 = /* @__PURE__ */ defineComponent({
   __name: "GlobalExecutionsListItemQueuedTooltip",
   props: {
@@ -97,9 +96,10 @@ const cssModules$2 = {
 };
 const __unplugin_components_0 = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["__cssModules", cssModules$2]]);
 const _hoisted_1$1 = { "data-test-id": "execution-status" };
-const _hoisted_2$1 = { key: 0 };
-const _hoisted_3$1 = { key: 1 };
-const _hoisted_4$1 = { key: 2 };
+const _hoisted_2$1 = { "data-test-id": "execution-time" };
+const _hoisted_3$1 = { key: 0 };
+const _hoisted_4$1 = { key: 1 };
+const _hoisted_5$1 = { key: 2 };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "GlobalExecutionsListItem",
   props: {
@@ -184,7 +184,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     });
     const formattedStoppedAtDate = computed(() => {
       return props.execution.stoppedAt ? locale.displayTimer(
-        new Date(props.execution.stoppedAt).getTime() - new Date(props.execution.startedAt).getTime(),
+        new Date(props.execution.stoppedAt).getTime() - new Date(props.execution.startedAt ?? props.execution.createdAt).getTime(),
         true
       ) : "";
     });
@@ -307,20 +307,20 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
           }, 8, ["disabled", "content"]))
         ]),
         createBaseVNode("td", null, toDisplayString(formattedStartedAtDate.value), 1),
-        createBaseVNode("td", null, [
+        createBaseVNode("td", _hoisted_2$1, [
           formattedStoppedAtDate.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
             createTextVNode(toDisplayString(formattedStoppedAtDate.value), 1)
           ], 64)) : (openBlock(), createBlock(_sfc_main$4, {
             key: 1,
-            "start-time": _ctx.execution.startedAt
+            "start-time": _ctx.execution.startedAt ?? _ctx.execution.createdAt
           }, null, 8, ["start-time"]))
         ]),
         createBaseVNode("td", null, [
-          _ctx.execution.id ? (openBlock(), createElementBlock("span", _hoisted_2$1, toDisplayString(_ctx.execution.id), 1)) : createCommentVNode("", true),
-          _ctx.execution.retryOf ? (openBlock(), createElementBlock("span", _hoisted_3$1, [
+          _ctx.execution.id ? (openBlock(), createElementBlock("span", _hoisted_3$1, toDisplayString(_ctx.execution.id), 1)) : createCommentVNode("", true),
+          _ctx.execution.retryOf ? (openBlock(), createElementBlock("span", _hoisted_4$1, [
             _cache[1] || (_cache[1] = createBaseVNode("br", null, null, -1)),
             createBaseVNode("small", null, " (" + toDisplayString(unref(locale).baseText("executionsList.retryOf")) + " " + toDisplayString(_ctx.execution.retryOf) + ") ", 1)
-          ])) : _ctx.execution.retrySuccessId ? (openBlock(), createElementBlock("span", _hoisted_4$1, [
+          ])) : _ctx.execution.retrySuccessId ? (openBlock(), createElementBlock("span", _hoisted_5$1, [
             _cache[2] || (_cache[2] = createBaseVNode("br", null, null, -1)),
             createBaseVNode("small", null, " (" + toDisplayString(unref(locale).baseText("executionsList.successRetry")) + " " + toDisplayString(_ctx.execution.retrySuccessId) + ") ", 1)
           ])) : createCommentVNode("", true)

package/dist/assets/{FileSaver.min-bgn7Q9Gt.js → FileSaver.min-ZbRn_Jz1.js}

@@ -1,4 +1,4 @@
-import { dN as commonjsGlobal } from "./index-DZ6VpjNj.js";
+import { eV as commonjsGlobal } from "./index-BSlk84mz.js";
 var FileSaver_min$1 = { exports: {} };
 var FileSaver_min = FileSaver_min$1.exports;
 var hasRequiredFileSaver_min;

package/dist/assets/{FixedCollectionParameter-BPCJ5aaq.js → FixedCollectionParameter-iCfhPCTX.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, Q as useWorkflowsStore, as as useNDVStore, q as computed, c as useI18n, r as ref, hz as isINodePropertyCollectionList, X as watch, az as onBeforeMount, cn as deepCopy, i as createElementBlock, g as openBlock, f as createCommentVNode, j as createVNode, w as withCtx, l as createTextVNode, t as toDisplayString, m as unref, be as N8nText, F as Fragment, D as renderList, e as createBlock, dm as N8nInputLabel, k as createBaseVNode, n as normalizeClass, aT as _sfc_main$1, c4 as Suspense, hA as _sfc_main$2, hB as Draggable, bg as N8nButton, ee as _sfc_main$3, ef as N8nSelect, b2 as withModifiers, bo as get, du as telemetry, _ as _export_sfc } from "./index-DZ6VpjNj.js";
+import { d as defineComponent, Q as useWorkflowsStore, as as useNDVStore, q as computed, c as useI18n, r as ref, gz as isINodePropertyCollectionList, X as watch, az as onBeforeMount, dz as deepCopy, i as createElementBlock, g as openBlock, f as createCommentVNode, j as createVNode, w as withCtx, l as createTextVNode, t as toDisplayString, m as unref, bf as N8nText, F as Fragment, D as renderList, e as createBlock, ev as N8nInputLabel, k as createBaseVNode, n as normalizeClass, aT as _sfc_main$1, cN as Suspense, gA as _sfc_main$2, gB as Draggable, bh as N8nButton, fn as _sfc_main$3, fo as N8nSelect, b3 as withModifiers, gC as get, eC as telemetry, _ as _export_sfc } from "./index-BSlk84mz.js";
 const _hoisted_1 = ["data-test-id"];
 const _hoisted_2 = {
   key: 0,

package/dist/assets/{ForgotMyPasswordView-DyUaGd6Z.js → ForgotMyPasswordView-DID5un7M.js}

@@ -1,6 +1,6 @@
-import { A as AuthView } from "./AuthView-8SLMP0H_.js";
-import { d as defineComponent, p as useSettingsStore, u as useUsersStore, a as useToast, r as ref, q as computed, c as useI18n, e as createBlock, g as openBlock } from "./index-DZ6VpjNj.js";
-import "./Logo-DUDCllkm.js";
+import { A as AuthView } from "./AuthView-3BmNl_WD.js";
+import { d as defineComponent, p as useSettingsStore, u as useUsersStore, a as useToast, r as ref, q as computed, c as useI18n, e as createBlock, g as openBlock } from "./index-BSlk84mz.js";
+import "./Logo-nyJoHWQJ.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "ForgotMyPasswordView",
   setup(__props) {