n8n-editor-ui 1.92.0 → 1.94.0

package/dist/assets/{InsightsDashboard-CbiFbJ8w.js → InsightsDashboard-CxQ9H296.js}

@@ -1,6 +1,6 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/InsightsPaywall-5d-cSdiS.js","assets/index-B6eunbxp.js","assets/index-DCpy4nCU.css","assets/InsightsPaywall-CE5W3W4m.css","assets/InsightsChartTotal-2QD4wPLR.js","assets/chartjs.utils-Dk1WO3Mr.js","assets/InsightsSummary-gldDQ9rg.js","assets/InsightsSummary-CdlaUpAt.css","assets/index-Br8T1Gn6.js","assets/InsightsChartFailed-IZ-KYOU9.js","assets/InsightsChartFailureRate-2fWw3p0L.js","assets/InsightsChartTimeSaved-B2pLVys1.js","assets/InsightsChartAverageRuntime-Boh0SMb3.js","assets/InsightsTableWorkflows-_eTCUNCX.js","assets/InsightsTableWorkflows-Blv_GPUj.css"])))=>i.map(i=>d[i]);
-import { d as defineComponent, ge as useModel, h3 as useInsightsStore, r as ref, ho as UNLICENSED_TIME_RANGE, h9 as TIME_RANGE_LABELS, e as createBlock, g as openBlock, w as withCtx, i as createElementBlock, F as Fragment, D as renderList, m as unref, ed as _sfc_main$3, l as createTextVNode, f as createCommentVNode, t as toDisplayString, k as createBaseVNode, ee as N8nSelect, q as computed, c as useI18n, j as createVNode, be as N8nText, bg as N8nButton, hp as ElDialog, a6 as usePageRedirectionHelper, _ as _export_sfc, c3 as defineAsyncComponent, X as watch, h as resolveComponent, n as normalizeClass, b6 as resolveDynamicComponent, ao as __vitePreload, ag as useTelemetry, hq as TELEMETRY_TIME_RANGE } from "./index-B6eunbxp.js";
-import { I as InsightsSummary } from "./InsightsSummary-gldDQ9rg.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/InsightsPaywall-hRkAfeHz.js","assets/index-hdsPF3tl.js","assets/index-BA8d2DN9.css","assets/InsightsPaywall-CE5W3W4m.css","assets/InsightsChartTotal-DlF47gob.js","assets/chartjs.utils-CuWcgqCr.js","assets/InsightsSummary-BcXd-3nU.js","assets/InsightsSummary-DzGQpM5h.css","assets/index-vIybYvt3.js","assets/InsightsChartFailed-DMD3c7zM.js","assets/InsightsChartFailureRate-D_qeZo4f.js","assets/InsightsChartTimeSaved-Cw2T-Wvp.js","assets/InsightsChartAverageRuntime-JzBkV6Rc.js","assets/InsightsTableWorkflows-ybloXdDn.js","assets/InsightsTableWorkflows-DfTZQkWL.css"])))=>i.map(i=>d[i]);
+import { d as defineComponent, f4 as useModel, g0 as useInsightsStore, r as ref, gl as UNLICENSED_TIME_RANGE, g7 as TIME_RANGE_LABELS, e as createBlock, g as openBlock, w as withCtx, i as createElementBlock, F as Fragment, D as renderList, m as unref, em as _sfc_main$3, l as createTextVNode, f as createCommentVNode, t as toDisplayString, k as createBaseVNode, en as N8nSelect, q as computed, c as useI18n, j as createVNode, bf as N8nText, bh as N8nButton, gm as ElDialog, a6 as usePageRedirectionHelper, _ as _export_sfc, ca as defineAsyncComponent, X as watch, h as resolveComponent, n as normalizeClass, b7 as resolveDynamicComponent, ao as __vitePreload, ag as useTelemetry, gn as TELEMETRY_TIME_RANGE } from "./index-hdsPF3tl.js";
+import { I as InsightsSummary } from "./InsightsSummary-BcXd-3nU.js";
 const _hoisted_1$2 = {
   key: 0,
   width: "16",
@@ -167,7 +167,6 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 });
 const InsightsUpgradeModal = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-481d45c1"]]);
 const _hoisted_1 = { class: "mt-s" };
-const _hoisted_2 = { key: 1 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InsightsDashboard",
   props: {
@@ -175,25 +174,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const InsightsPaywall = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsPaywall-5d-cSdiS.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsPaywall-hRkAfeHz.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
     );
     const InsightsChartTotal = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsChartTotal-2QD4wPLR.js"), true ? __vite__mapDeps([4,1,2,5,6,7,8]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsChartTotal-DlF47gob.js"), true ? __vite__mapDeps([4,1,2,5,6,7,8]) : void 0)
     );
     const InsightsChartFailed = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsChartFailed-IZ-KYOU9.js"), true ? __vite__mapDeps([9,1,2,5,6,7,8]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsChartFailed-DMD3c7zM.js"), true ? __vite__mapDeps([9,1,2,5,6,7,8]) : void 0)
     );
     const InsightsChartFailureRate = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsChartFailureRate-2fWw3p0L.js"), true ? __vite__mapDeps([10,1,2,5,6,7,8]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsChartFailureRate-D_qeZo4f.js"), true ? __vite__mapDeps([10,1,2,5,6,7,8]) : void 0)
     );
     const InsightsChartTimeSaved = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsChartTimeSaved-B2pLVys1.js"), true ? __vite__mapDeps([11,1,2,5,6,7,8]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsChartTimeSaved-Cw2T-Wvp.js"), true ? __vite__mapDeps([11,1,2,5,6,7,8]) : void 0)
     );
     const InsightsChartAverageRuntime = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsChartAverageRuntime-Boh0SMb3.js"), true ? __vite__mapDeps([12,1,2,5,6,7,8]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsChartAverageRuntime-JzBkV6Rc.js"), true ? __vite__mapDeps([12,1,2,5,6,7,8]) : void 0)
     );
     const InsightsTableWorkflows = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsTableWorkflows-_eTCUNCX.js"), true ? __vite__mapDeps([13,1,2,6,7,14]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsTableWorkflows-ybloXdDn.js"), true ? __vite__mapDeps([13,1,2,6,7,14]) : void 0)
     );
     const props = __props;
     const i18n = useI18n();
@@ -259,6 +258,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     );
     return (_ctx, _cache) => {
       const _component_N8nHeading = resolveComponent("N8nHeading");
+      const _component_N8nSpinner = resolveComponent("N8nSpinner");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.insightsView)
       }, [
@@ -300,30 +300,25 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             !unref(insightsStore).isDashboardEnabled ? (openBlock(), createBlock(unref(InsightsPaywall), {
               key: 0,
               "data-test-id": "insights-dashboard-unlicensed"
-            })) : (openBlock(), createElementBlock("div", _hoisted_2, [
+            })) : (openBlock(), createElementBlock("div", {
+              key: 1,
+              class: normalizeClass(_ctx.$style.insightsContentWrapper)
+            }, [
+              createBaseVNode("div", {
+                class: normalizeClass([
+                  _ctx.$style.dataLoader,
+                  {
+                    [_ctx.$style.isDataLoading]: unref(insightsStore).charts.isLoading || unref(insightsStore).table.isLoading
+                  }
+                ])
+              }, [
+                createVNode(_component_N8nSpinner),
+                createBaseVNode("span", null, toDisplayString(unref(i18n).baseText("insights.chart.loading")), 1)
+              ], 2),
               createBaseVNode("div", {
                 class: normalizeClass(_ctx.$style.insightsChartWrapper)
               }, [
-                unref(insightsStore).charts.isLoading ? (openBlock(), createElementBlock("div", {
-                  key: 0,
-                  class: normalizeClass(_ctx.$style.chartLoader)
-                }, [
-                  _cache[2] || (_cache[2] = createBaseVNode("svg", {
-                    width: "22",
-                    height: "22",
-                    viewBox: "0 0 22 22",
-                    fill: "none",
-                    xmlns: "http://www.w3.org/2000/svg"
-                  }, [
-                    createBaseVNode("path", {
-                      d: "M21 11C21 16.5228 16.5228 21 11 21C5.47715 21 1 16.5228 1 11C1 5.47715 5.47715 1 11 1C11.6293 1 12.245 1.05813 12.8421 1.16931",
-                      stroke: "currentColor",
-                      "stroke-width": "2"
-                    })
-                  ], -1)),
-                  createTextVNode(" " + toDisplayString(unref(i18n).baseText("insights.chart.loading")), 1)
-                ], 2)) : (openBlock(), createBlock(resolveDynamicComponent(chartComponents.value[props.insightType]), {
-                  key: 1,
+                (openBlock(), createBlock(resolveDynamicComponent(chartComponents.value[props.insightType]), {
                   type: props.insightType,
                   data: unref(insightsStore).charts.state,
                   granularity: granularity.value
@@ -340,28 +335,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "onUpdate:options": fetchPaginatedTableData
                 }, null, 8, ["sort-by", "data", "loading"])
               ], 2)
-            ]))
+            ], 2))
           ], 2)
         ], 2)
       ], 2);
     };
   }
 });
-const insightsView = "_insightsView_1j6u6_123";
-const insightsContainer = "_insightsContainer_1j6u6_131";
-const insightsBanner = "_insightsBanner_1j6u6_138";
-const insightsContent = "_insightsContent_1j6u6_146";
-const insightsChartWrapper = "_insightsChartWrapper_1j6u6_155";
-const insightsTableWrapper = "_insightsTableWrapper_1j6u6_160";
-const chartLoader = "_chartLoader_1j6u6_164";
+const insightsView = "_insightsView_8g4zl_123";
+const insightsContainer = "_insightsContainer_8g4zl_131";
+const insightsBanner = "_insightsBanner_8g4zl_138";
+const insightsContent = "_insightsContent_8g4zl_146";
+const insightsContentWrapper = "_insightsContentWrapper_8g4zl_155";
+const insightsChartWrapper = "_insightsChartWrapper_8g4zl_160";
+const insightsTableWrapper = "_insightsTableWrapper_8g4zl_167";
+const dataLoader = "_dataLoader_8g4zl_173";
+const isDataLoading = "_isDataLoading_8g4zl_186";
 const style0 = {
   insightsView,
   insightsContainer,
   insightsBanner,
   insightsContent,
+  insightsContentWrapper,
   insightsChartWrapper,
   insightsTableWrapper,
-  chartLoader
+  dataLoader,
+  isDataLoading
 };
 const cssModules = {
   "$style": style0

package/dist/assets/{InsightsPaywall-5d-cSdiS.js → InsightsPaywall-hRkAfeHz.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, a6 as usePageRedirectionHelper, h as resolveComponent, i as createElementBlock, g as openBlock, j as createVNode, w as withCtx, l as createTextVNode, t as toDisplayString, m as unref, c as useI18n, n as normalizeClass, _ as _export_sfc } from "./index-B6eunbxp.js";
+import { d as defineComponent, a6 as usePageRedirectionHelper, h as resolveComponent, i as createElementBlock, g as openBlock, j as createVNode, w as withCtx, l as createTextVNode, t as toDisplayString, m as unref, c as useI18n, n as normalizeClass, _ as _export_sfc } from "./index-hdsPF3tl.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InsightsPaywall",
   setup(__props) {

package/dist/assets/InsightsSummary-BcXd-3nU.js

@@ -0,0 +1,209 @@
+import { d as defineComponent, R as useRoute, Y as useCssModule, q as computed, c as useI18n, V as VIEWS, h as resolveComponent, i as createElementBlock, g as openBlock, k as createBaseVNode, F as Fragment, D as renderList, j as createVNode, w as withCtx, m as unref, l as createTextVNode, t as toDisplayString, n as normalizeClass, g7 as TIME_RANGE_LABELS, f as createCommentVNode, g8 as INSIGHT_IMPACT_TYPES, ag as useTelemetry, g9 as INSIGHTS_UNIT_IMPACT_MAPPING, _ as _export_sfc } from "./index-hdsPF3tl.js";
+const smartDecimal = (value, decimals = 2) => {
+  if (Number.isInteger(value)) {
+    return value;
+  }
+  if (value.toString().split(".")[1].length <= decimals) {
+    return value;
+  }
+  return Number(value.toFixed(decimals));
+};
+const _hoisted_1 = { "data-test-id": "insights-summary-tabs" };
+const _hoisted_2 = ["data-test-id"];
+const _hoisted_3 = ["href"];
+const _hoisted_4 = { key: 1 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "InsightsSummary",
+  props: {
+    summary: {},
+    timeRange: {},
+    loading: { type: Boolean }
+  },
+  setup(__props) {
+    const props = __props;
+    const i18n = useI18n();
+    const route = useRoute();
+    const $style = useCssModule();
+    const telemetry = useTelemetry();
+    const summaryTitles = computed(() => ({
+      total: i18n.baseText("insights.banner.title.total"),
+      failed: i18n.baseText("insights.banner.title.failed"),
+      failureRate: i18n.baseText("insights.banner.title.failureRate"),
+      timeSaved: i18n.baseText("insights.banner.title.timeSaved"),
+      averageRunTime: i18n.baseText("insights.banner.title.averageRunTime")
+    }));
+    const summaryHasNoData = computed(() => {
+      const summaryValues = Object.values(props.summary);
+      return summaryValues.length > 0 && summaryValues.every((summary) => !summary.value);
+    });
+    const summaryWithRouteLocations = computed(
+      () => props.summary.map((s) => ({
+        ...s,
+        to: { name: VIEWS.INSIGHTS, params: { insightType: s.id }, query: route.query }
+      }))
+    );
+    const getImpactStyle = (id, value) => {
+      const impact = INSIGHTS_UNIT_IMPACT_MAPPING[id];
+      if (value === 0 || impact === INSIGHT_IMPACT_TYPES.NEUTRAL) {
+        return $style.neutral;
+      }
+      if (impact === INSIGHT_IMPACT_TYPES.POSITIVE) {
+        return value > 0 ? $style.positive : $style.negative;
+      }
+      if (impact === INSIGHT_IMPACT_TYPES.NEGATIVE) {
+        return value < 0 ? $style.positive : $style.negative;
+      }
+      return $style.neutral;
+    };
+    const trackTabClick = (insightType) => {
+      telemetry.track(`User clicked ${summaryTitles.value[insightType]}`, {
+        referrer: route.name === VIEWS.INSIGHTS ? "Dashboard" : "Overview"
+      });
+    };
+    return (_ctx, _cache) => {
+      const _component_i18n_t = resolveComponent("i18n-t");
+      const _component_N8nTooltip = resolveComponent("N8nTooltip");
+      const _component_N8nIcon = resolveComponent("N8nIcon");
+      const _component_router_link = resolveComponent("router-link");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref($style).insights)
+      }, [
+        createBaseVNode("ul", _hoisted_1, [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(summaryWithRouteLocations.value, ({ id, value, deviation, deviationUnit, unit, to }) => {
+            return openBlock(), createElementBlock("li", {
+              key: id,
+              "data-test-id": `insights-summary-tab-${id}`
+            }, [
+              createVNode(_component_N8nTooltip, {
+                placement: "top",
+                disabled: !(summaryHasNoData.value && id === "total")
+              }, {
+                content: withCtx(() => [
+                  createVNode(_component_i18n_t, { keypath: "insights.banner.noData.tooltip" }, {
+                    link: withCtx(() => [
+                      createBaseVNode("a", {
+                        href: unref(i18n).baseText("insights.banner.noData.tooltip.link.url"),
+                        target: "_blank"
+                      }, toDisplayString(unref(i18n).baseText("insights.banner.noData.tooltip.link")), 9, _hoisted_3)
+                    ]),
+                    _: 1
+                  })
+                ]),
+                default: withCtx(() => [
+                  createVNode(_component_router_link, {
+                    to,
+                    "exact-active-class": unref($style).activeTab,
+                    onClick: ($event) => trackTabClick(id)
+                  }, {
+                    default: withCtx(() => [
+                      createBaseVNode("strong", null, [
+                        createVNode(_component_N8nTooltip, {
+                          placement: "bottom",
+                          disabled: id !== "timeSaved"
+                        }, {
+                          content: withCtx(() => [
+                            createTextVNode(toDisplayString(unref(i18n).baseText("insights.banner.title.timeSaved.tooltip")), 1)
+                          ]),
+                          default: withCtx(() => [
+                            createTextVNode(" " + toDisplayString(summaryTitles.value[id]), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["disabled"])
+                      ]),
+                      createBaseVNode("small", {
+                        class: normalizeClass(unref($style).days)
+                      }, toDisplayString(unref(TIME_RANGE_LABELS)[_ctx.timeRange]), 3),
+                      value === 0 && id === "timeSaved" ? (openBlock(), createElementBlock("span", {
+                        key: 0,
+                        class: normalizeClass(unref($style).empty)
+                      }, [
+                        _cache[0] || (_cache[0] = createBaseVNode("em", null, "--", -1)),
+                        createBaseVNode("small", null, [
+                          createVNode(_component_N8nTooltip, { placement: "bottom" }, {
+                            content: withCtx(() => [
+                              createVNode(_component_i18n_t, { keypath: "insights.banner.timeSaved.tooltip" }, {
+                                link: withCtx(() => [
+                                  createTextVNode(toDisplayString(unref(i18n).baseText("insights.banner.timeSaved.tooltip.link.text")), 1)
+                                ]),
+                                _: 1
+                              })
+                            ]),
+                            default: withCtx(() => [
+                              createVNode(_component_N8nIcon, {
+                                class: normalizeClass(unref($style).icon),
+                                icon: "info-circle"
+                              }, null, 8, ["class"])
+                            ]),
+                            _: 1
+                          })
+                        ])
+                      ], 2)) : (openBlock(), createElementBlock("span", _hoisted_4, [
+                        createBaseVNode("em", null, [
+                          createTextVNode(toDisplayString(unref(smartDecimal)(value).toLocaleString("en-US")) + " ", 1),
+                          createBaseVNode("i", null, toDisplayString(unit), 1)
+                        ]),
+                        deviation !== null ? (openBlock(), createElementBlock("small", {
+                          key: 0,
+                          class: normalizeClass(getImpactStyle(id, deviation))
+                        }, [
+                          createVNode(_component_N8nIcon, {
+                            class: normalizeClass([unref($style).icon, getImpactStyle(id, deviation)]),
+                            icon: deviation === 0 ? "caret-right" : deviation > 0 ? "caret-up" : "caret-down"
+                          }, null, 8, ["class", "icon"]),
+                          createVNode(_component_N8nTooltip, {
+                            placement: "bottom",
+                            disabled: id !== "failureRate"
+                          }, {
+                            content: withCtx(() => [
+                              createTextVNode(toDisplayString(unref(i18n).baseText("insights.banner.failureRate.deviation.tooltip")), 1)
+                            ]),
+                            default: withCtx(() => [
+                              createTextVNode(" " + toDisplayString(unref(smartDecimal)(Math.abs(deviation)).toLocaleString("en-US")) + toDisplayString(deviationUnit), 1)
+                            ]),
+                            _: 2
+                          }, 1032, ["disabled"])
+                        ], 2)) : createCommentVNode("", true)
+                      ]))
+                    ]),
+                    _: 2
+                  }, 1032, ["to", "exact-active-class", "onClick"])
+                ]),
+                _: 2
+              }, 1032, ["disabled"])
+            ], 8, _hoisted_2);
+          }), 128))
+        ])
+      ], 2);
+    };
+  }
+});
+const insights = "_insights_14hot_123";
+const activeTab = "_activeTab_14hot_161";
+const days = "_days_14hot_174";
+const empty = "_empty_14hot_185";
+const icon = "_icon_14hot_196";
+const noData = "_noData_14hot_228";
+const positive = "_positive_14hot_233";
+const negative = "_negative_14hot_237";
+const neutral = "_neutral_14hot_241";
+const loading = "_loading_14hot_256";
+const style0 = {
+  insights,
+  activeTab,
+  days,
+  empty,
+  icon,
+  noData,
+  positive,
+  negative,
+  neutral,
+  loading
+};
+const cssModules = {
+  "$style": style0
+};
+const InsightsSummary = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  InsightsSummary as I,
+  smartDecimal as s
+};

package/dist/assets/{InsightsSummary-CdlaUpAt.css → InsightsSummary-DzGQpM5h.css}

@@ -120,12 +120,12 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._insights_syjwy_123 {
+._insights_14hot_123 {
   display: grid;
   grid-template-rows: auto 1fr;
   padding: var(--spacing-xs) 0 var(--spacing-2xl);
 }
-._insights_syjwy_123 ul {
+._insights_14hot_123 ul {
   display: flex;
   height: 101px;
   align-items: stretch;
@@ -135,17 +135,17 @@
   list-style: none;
   overflow-x: auto;
 }
-._insights_syjwy_123 ul li {
+._insights_14hot_123 ul li {
   display: flex;
   justify-content: stretch;
   align-items: stretch;
   flex: 1 0;
   border-left: var(--border-width-base) var(--border-style-base) var(--color-foreground-base);
 }
-._insights_syjwy_123 ul li:first-child {
+._insights_14hot_123 ul li:first-child {
   border-left: 0;
 }
-._insights_syjwy_123 ul a {
+._insights_14hot_123 ul a {
   display: grid;
   align-items: center;
   align-content: center;
@@ -154,16 +154,16 @@
   padding: var(--spacing-3xs) var(--spacing-l) 0;
   border-bottom: 3px solid transparent;
 }
-._insights_syjwy_123 ul a:hover {
+._insights_14hot_123 ul a:hover {
   background-color: var(--color-background-xlight);
   transition: background-color 0.3s;
 }
-._insights_syjwy_123 ul a._activeTab_syjwy_161 {
+._insights_14hot_123 ul a._activeTab_14hot_161 {
   background-color: var(--color-background-xlight);
   border-color: var(--color-primary);
   transition: background-color 0.3s ease-in-out;
 }
-._insights_syjwy_123 ul a strong {
+._insights_14hot_123 ul a strong {
   justify-self: flex-start;
   color: var(--color-text-dark);
   font-size: var(--font-size-s);
@@ -171,33 +171,36 @@
   white-space: nowrap;
   margin-bottom: var(--spacing-3xs);
 }
-._insights_syjwy_123 ul a ._days_syjwy_174 {
+._insights_14hot_123 ul a ._days_14hot_174 {
   padding: 0;
   margin: 0 0 var(--spacing-xs);
   color: var(--color-text-light);
   font-size: var(--font-size-2xs);
   font-weight: var(--font-weight-normal);
 }
-._insights_syjwy_123 ul a span {
+._insights_14hot_123 ul a span {
   display: flex;
   align-items: baseline;
 }
-._insights_syjwy_123 ul a span._empty_syjwy_185 em {
+._insights_14hot_123 ul a span._empty_14hot_185 em {
   color: var(--color-text-lighter);
 }
-._insights_syjwy_123 ul a span._empty_syjwy_185 small {
+body[data-theme=dark] ._insights_14hot_123 ul a span._empty_14hot_185 em {
+  color: var(--color-text-light);
+}
+._insights_14hot_123 ul a span._empty_14hot_185 small {
   padding: 0;
   height: 21px;
   font-weight: var(--font-weight-bold);
 }
-._insights_syjwy_123 ul a span._empty_syjwy_185 small ._icon_syjwy_193 {
+._insights_14hot_123 ul a span._empty_14hot_185 small ._icon_14hot_196 {
   height: 20px;
   width: 8px;
   top: 5px;
   transform: translateY(0);
   color: var(--color-text-light);
 }
-._insights_syjwy_123 ul a em {
+._insights_14hot_123 ul a em {
   display: flex;
   align-items: baseline;
   justify-content: flex-start;
@@ -208,11 +211,11 @@
   font-style: normal;
   gap: var(--spacing-5xs);
 }
-._insights_syjwy_123 ul a em i {
+._insights_14hot_123 ul a em i {
   font-size: 22px;
   font-style: normal;
 }
-._insights_syjwy_123 ul a small {
+._insights_14hot_123 ul a small {
   position: relative;
   display: flex;
   align-items: center;
@@ -222,35 +225,35 @@
   font-weight: var(--font-weight-bold);
   white-space: nowrap;
 }
-._insights_syjwy_123 ._noData_syjwy_225 em {
+._insights_14hot_123 ._noData_14hot_228 em {
   color: var(--color-text-light);
   font-size: var(--font-size-m);
 }
-._positive_syjwy_230 {
+._positive_14hot_233 {
   color: var(--color-success);
 }
-._negative_syjwy_234 {
+._negative_14hot_237 {
   color: var(--color-danger);
 }
-._neutral_syjwy_238 {
+._neutral_14hot_241 {
   color: var(--color-text-light);
 }
-._neutral_syjwy_238 ._icon_syjwy_193 {
+._neutral_14hot_241 ._icon_14hot_196 {
   font-size: 17px;
 }
-._icon_syjwy_193 {
+._icon_14hot_196 {
   position: absolute;
   font-size: 17px;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
 }
-._loading_syjwy_253 {
+._loading_14hot_256 {
   display: flex;
   align-self: stretch;
   align-items: stretch;
 }
-._loading_syjwy_253 > div {
+._loading_14hot_256 > div {
   margin: 0;
   height: auto;
   border-radius: inherit;

package/dist/assets/{InsightsTableWorkflows-Blv_GPUj.css → InsightsTableWorkflows-DfTZQkWL.css}

@@ -120,7 +120,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.ellipsis[data-v-2a567745] {
+.ellipsis[data-v-0db5c1d3] {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -129,15 +129,14 @@
   width: fit-content;
   max-width: 100%;
 }
-.link[data-v-2a567745] {
+.link[data-v-0db5c1d3] {
   display: inline-flex;
   height: 100%;
   align-items: center;
-  text-decoration: none;
   color: var(--color-text-base);
   text-decoration: underline;
   max-width: 100%;
 }
-.link[data-v-2a567745]:hover {
+.link[data-v-0db5c1d3]:hover {
   color: var(--color-text-dark);
 }

package/dist/assets/{InsightsTableWorkflows-_eTCUNCX.js → InsightsTableWorkflows-ybloXdDn.js}

@@ -1,5 +1,5 @@
-import { d as defineComponent, gd as mergeModels, q as computed, r as ref, c as useI18n, is as transformInsightsFailureRate, it as INSIGHTS_UNIT_MAPPING, iv as transformInsightsTimeSaved, iw as transformInsightsAverageRunTime, ge as useModel, X as watch, h as resolveComponent, i as createElementBlock, g as openBlock, j as createVNode, w as withCtx, l as createTextVNode, e as createBlock, m as unref, aR as N8nTooltip, k as createBaseVNode, t as toDisplayString, F as Fragment, V as VIEWS, ix as N8nDataTableServer, ag as useTelemetry, _ as _export_sfc } from "./index-B6eunbxp.js";
-import { s as smartDecimal } from "./InsightsSummary-gldDQ9rg.js";
+import { d as defineComponent, f3 as mergeModels, q as computed, r as ref, c as useI18n, hB as transformInsightsFailureRate, hC as INSIGHTS_UNIT_MAPPING, hE as transformInsightsTimeSaved, hF as transformInsightsAverageRunTime, f4 as useModel, X as watch, h as resolveComponent, i as createElementBlock, g as openBlock, j as createVNode, w as withCtx, l as createTextVNode, e as createBlock, m as unref, aR as N8nTooltip, k as createBaseVNode, t as toDisplayString, F as Fragment, V as VIEWS, hG as N8nDataTableServer, ag as useTelemetry, _ as _export_sfc } from "./index-hdsPF3tl.js";
+import { s as smartDecimal } from "./InsightsSummary-BcXd-3nU.js";
 const _hoisted_1 = { class: "ellipsis" };
 const _hoisted_2 = { class: "ellipsis" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -67,7 +67,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     ]);
     const sortBy = useModel(__props, "sortBy");
     const currentPage = ref(0);
-    const itemsPerPage = ref(20);
+    const itemsPerPage = ref(25);
     const emit = __emit;
     const getWorkflowLink = (item, query) => ({
       name: VIEWS.WORKFLOW,
@@ -114,7 +114,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           items: rows.value,
           headers: headers.value,
           "items-length": _ctx.data.count,
-          loading: _ctx.loading,
           "onUpdate:options": _cache[3] || (_cache[3] = ($event) => emit("update:options", $event))
         }, {
           [`item.workflowName`]: withCtx(({ item }) => [
@@ -166,12 +165,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ], 64))
           ]),
           _: 2
-        }, 1032, ["sort-by", "page", "items-per-page", "items", "headers", "items-length", "loading"])
+        }, 1032, ["sort-by", "page", "items-per-page", "items", "headers", "items-length"])
       ]);
     };
   }
 });
-const InsightsTableWorkflows = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2a567745"]]);
+const InsightsTableWorkflows = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0db5c1d3"]]);
 export {
   InsightsTableWorkflows as default
 };

package/dist/assets/{Logo-Dl2xVRIu.js → Logo-BGe7-2Vd.js}

@@ -1,4 +1,4 @@
-import { i as createElementBlock, g as openBlock, k as createBaseVNode, d as defineComponent, q as computed, Y as useCssModule, aY as useTemplateRef, o as onMounted, du as useFavicon, n as normalizeClass, j as createVNode, e as createBlock, f as createCommentVNode, x as renderSlot, m as unref, _ as _export_sfc } from "./index-B6eunbxp.js";
+import { i as createElementBlock, g as openBlock, k as createBaseVNode, d as defineComponent, q as computed, Y as useCssModule, aZ as useTemplateRef, o as onMounted, dC as useFavicon, n as normalizeClass, j as createVNode, e as createBlock, f as createCommentVNode, x as renderSlot, m as unref, _ as _export_sfc } from "./index-hdsPF3tl.js";
 const _hoisted_1$1 = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "32",