n8n-editor-ui 1.93.0 → 1.95.0

package/dist/assets/{InsightsChartAverageRuntime-BB2I2vpV.js → InsightsChartAverageRuntime-Db4OWo7M.js}

@@ -1,7 +1,7 @@
-import { d as defineComponent, q as computed, iy as GRANULARITY_DATE_FORMAT_MASK, iE as transformInsightsAverageRunTime, c as useI18n, e as createBlock, g as openBlock, m as unref, iC as index, iB as INSIGHTS_UNIT_MAPPING } from "./index-DZ6VpjNj.js";
-import { a as generateLineChartOptions, b as generateLinearGradient } from "./chartjs.utils-DalQn9bk.js";
-import { s as smartDecimal } from "./InsightsSummary-MECenLJQ.js";
-import { L as Line } from "./index-Bb2NNknG.js";
+import { d as defineComponent, q as computed, hK as GRANULARITY_DATE_FORMAT_MASK, hQ as transformInsightsAverageRunTime, c as useI18n, e as createBlock, g as openBlock, m as unref, hO as index, hN as INSIGHTS_UNIT_MAPPING } from "./index-BSlk84mz.js";
+import { a as generateLineChartOptions, b as generateLinearGradient } from "./chartjs.utils-hlpJdzhb.js";
+import { s as smartDecimal } from "./InsightsSummary-CwTpu3sa.js";
+import { L as Line } from "./index-lOeP0Jxq.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InsightsChartAverageRuntime",
   props: {

package/dist/assets/{InsightsChartFailed-CN_Rl3Bl.js → InsightsChartFailed-DjssZ9vc.js}

@@ -1,7 +1,7 @@
-import { d as defineComponent, h1 as useCssVar, q as computed, iy as GRANULARITY_DATE_FORMAT_MASK, c as useI18n, e as createBlock, g as openBlock, m as unref } from "./index-DZ6VpjNj.js";
-import { g as generateBarChartOptions } from "./chartjs.utils-DalQn9bk.js";
-import { s as smartDecimal } from "./InsightsSummary-MECenLJQ.js";
-import { B as Bar } from "./index-Bb2NNknG.js";
+import { d as defineComponent, f_ as useCssVar, q as computed, hK as GRANULARITY_DATE_FORMAT_MASK, c as useI18n, e as createBlock, g as openBlock, m as unref } from "./index-BSlk84mz.js";
+import { g as generateBarChartOptions } from "./chartjs.utils-hlpJdzhb.js";
+import { s as smartDecimal } from "./InsightsSummary-CwTpu3sa.js";
+import { B as Bar } from "./index-lOeP0Jxq.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InsightsChartFailed",
   props: {

package/dist/assets/{InsightsChartFailureRate-CHKlg6tg.js → InsightsChartFailureRate-C4U_fOhA.js}

@@ -1,7 +1,7 @@
-import { d as defineComponent, h1 as useCssVar, q as computed, iy as GRANULARITY_DATE_FORMAT_MASK, iA as transformInsightsFailureRate, c as useI18n, e as createBlock, g as openBlock, m as unref, iB as INSIGHTS_UNIT_MAPPING } from "./index-DZ6VpjNj.js";
-import { g as generateBarChartOptions } from "./chartjs.utils-DalQn9bk.js";
-import { s as smartDecimal } from "./InsightsSummary-MECenLJQ.js";
-import { B as Bar } from "./index-Bb2NNknG.js";
+import { d as defineComponent, f_ as useCssVar, q as computed, hK as GRANULARITY_DATE_FORMAT_MASK, hM as transformInsightsFailureRate, c as useI18n, e as createBlock, g as openBlock, m as unref, hN as INSIGHTS_UNIT_MAPPING } from "./index-BSlk84mz.js";
+import { g as generateBarChartOptions } from "./chartjs.utils-hlpJdzhb.js";
+import { s as smartDecimal } from "./InsightsSummary-CwTpu3sa.js";
+import { B as Bar } from "./index-lOeP0Jxq.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InsightsChartFailureRate",
   props: {

package/dist/assets/{InsightsChartTimeSaved-Cd05cM8q.js → InsightsChartTimeSaved-DmcamM8z.js}

@@ -1,7 +1,7 @@
-import { d as defineComponent, q as computed, iy as GRANULARITY_DATE_FORMAT_MASK, c as useI18n, e as createBlock, g as openBlock, m as unref, iC as index, iD as transformInsightsTimeSaved, iB as INSIGHTS_UNIT_MAPPING } from "./index-DZ6VpjNj.js";
-import { a as generateLineChartOptions, b as generateLinearGradient } from "./chartjs.utils-DalQn9bk.js";
-import { L as Line } from "./index-Bb2NNknG.js";
-import "./InsightsSummary-MECenLJQ.js";
+import { d as defineComponent, q as computed, hK as GRANULARITY_DATE_FORMAT_MASK, c as useI18n, e as createBlock, g as openBlock, m as unref, hO as index, hP as transformInsightsTimeSaved, hN as INSIGHTS_UNIT_MAPPING } from "./index-BSlk84mz.js";
+import { a as generateLineChartOptions, b as generateLinearGradient } from "./chartjs.utils-hlpJdzhb.js";
+import { L as Line } from "./index-lOeP0Jxq.js";
+import "./InsightsSummary-CwTpu3sa.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InsightsChartTimeSaved",
   props: {

package/dist/assets/{InsightsChartTotal-ChAO7myf.js → InsightsChartTotal-ywrK30zz.js}

@@ -1,7 +1,7 @@
-import { d as defineComponent, h1 as useCssVar, q as computed, iy as GRANULARITY_DATE_FORMAT_MASK, c as useI18n, e as createBlock, g as openBlock, m as unref } from "./index-DZ6VpjNj.js";
-import { g as generateBarChartOptions } from "./chartjs.utils-DalQn9bk.js";
-import { B as Bar } from "./index-Bb2NNknG.js";
-import "./InsightsSummary-MECenLJQ.js";
+import { d as defineComponent, f_ as useCssVar, q as computed, hK as GRANULARITY_DATE_FORMAT_MASK, c as useI18n, e as createBlock, g as openBlock, m as unref } from "./index-BSlk84mz.js";
+import { g as generateBarChartOptions } from "./chartjs.utils-hlpJdzhb.js";
+import { B as Bar } from "./index-lOeP0Jxq.js";
+import "./InsightsSummary-CwTpu3sa.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InsightsChartTotal",
   props: {

package/dist/assets/{InsightsDashboard-Bx4vx9gz.css → InsightsDashboard-BSrakbzr.css}

@@ -136,27 +136,27 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._insightsView_1j6u6_123 {
+._insightsView_8g4zl_123 {
   flex: 1;
   display: flex;
   flex-direction: column;
   gap: 30px;
   overflow: auto;
 }
-._insightsContainer_1j6u6_131 {
+._insightsContainer_8g4zl_131 {
   width: 100%;
   max-width: var(--content-container-width);
   padding: var(--spacing-l) var(--spacing-2xl);
   margin: 0 auto;
 }
-._insightsBanner_1j6u6_138 {
+._insightsBanner_8g4zl_138 {
   padding-bottom: 0;
 }
-._insightsBanner_1j6u6_138 ul {
+._insightsBanner_8g4zl_138 ul {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }
-._insightsContent_1j6u6_146 {
+._insightsContent_8g4zl_146 {
   padding: var(--spacing-l) 0;
   border: var(--border-width-base) var(--border-style-base) var(--color-foreground-base);
   border-top: 0;
@@ -164,18 +164,52 @@
   border-bottom-right-radius: 6px;
   background: var(--color-background-xlight);
 }
-._insightsChartWrapper_1j6u6_155 {
+._insightsContentWrapper_8g4zl_155 {
+  position: relative;
+  overflow-x: hidden;
+}
+._insightsChartWrapper_8g4zl_160 {
+  position: relative;
   height: 292px;
   padding: 0 var(--spacing-l);
+  z-index: 1;
 }
-._insightsTableWrapper_1j6u6_160 {
+._insightsTableWrapper_8g4zl_167 {
+  position: relative;
   padding: var(--spacing-l) var(--spacing-l) 0;
+  z-index: 1;
 }
-._chartLoader_1j6u6_164 {
+._dataLoader_8g4zl_173 {
+  position: absolute;
+  top: 0;
+  left: -100%;
   height: 100%;
+  width: 100%;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   gap: 9px;
+  z-index: 2;
+}
+._dataLoader_8g4zl_173._isDataLoading_8g4zl_186 {
+  transition: left 0s linear;
+  left: 0;
+  transition-delay: 0.5s;
+}
+._dataLoader_8g4zl_173 > span {
+  position: relative;
+  z-index: 2;
+}
+._dataLoader_8g4zl_173::before {
+  content: "";
+  position: absolute;
+  display: block;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: var(--color-background-xlight);
+  opacity: 0.75;
+  z-index: 1;
 }

package/dist/assets/{InsightsDashboard-BeCfBVUz.js → InsightsDashboard-CM-ieUCq.js}

@@ -1,6 +1,6 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/InsightsPaywall-Chz8CDc3.js","assets/index-DZ6VpjNj.js","assets/index-yNaoC3fo.css","assets/InsightsPaywall-CE5W3W4m.css","assets/InsightsChartTotal-ChAO7myf.js","assets/chartjs.utils-DalQn9bk.js","assets/InsightsSummary-MECenLJQ.js","assets/InsightsSummary-CdlaUpAt.css","assets/index-Bb2NNknG.js","assets/InsightsChartFailed-CN_Rl3Bl.js","assets/InsightsChartFailureRate-CHKlg6tg.js","assets/InsightsChartTimeSaved-Cd05cM8q.js","assets/InsightsChartAverageRuntime-BB2I2vpV.js","assets/InsightsTableWorkflows-5rpYY7YT.js","assets/InsightsTableWorkflows-Blv_GPUj.css"])))=>i.map(i=>d[i]);
-import { d as defineComponent, gk as useModel, hb as useInsightsStore, r as ref, hw as UNLICENSED_TIME_RANGE, hi 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, ee as _sfc_main$3, l as createTextVNode, f as createCommentVNode, t as toDisplayString, k as createBaseVNode, ef as N8nSelect, q as computed, c as useI18n, j as createVNode, be as N8nText, bg as N8nButton, hx as ElDialog, a6 as usePageRedirectionHelper, _ as _export_sfc, c5 as defineAsyncComponent, X as watch, h as resolveComponent, n as normalizeClass, b6 as resolveDynamicComponent, ao as __vitePreload, ag as useTelemetry, hy as TELEMETRY_TIME_RANGE } from "./index-DZ6VpjNj.js";
-import { I as InsightsSummary } from "./InsightsSummary-MECenLJQ.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/InsightsPaywall-D-bIgmwT.js","assets/index-BSlk84mz.js","assets/index-DH8MNLw5.css","assets/InsightsPaywall-CE5W3W4m.css","assets/InsightsChartTotal-ywrK30zz.js","assets/chartjs.utils-hlpJdzhb.js","assets/InsightsSummary-CwTpu3sa.js","assets/InsightsSummary-DzGQpM5h.css","assets/index-lOeP0Jxq.js","assets/InsightsChartFailed-DjssZ9vc.js","assets/InsightsChartFailureRate-C4U_fOhA.js","assets/InsightsChartTimeSaved-DmcamM8z.js","assets/InsightsChartAverageRuntime-Db4OWo7M.js","assets/InsightsTableWorkflows-CVtm_fGN.js","assets/InsightsTableWorkflows-DfTZQkWL.css"])))=>i.map(i=>d[i]);
+import { d as defineComponent, cu as useModel, ga as useInsightsStore, r as ref, gw as UNLICENSED_TIME_RANGE, gi 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, fn as _sfc_main$3, l as createTextVNode, f as createCommentVNode, t as toDisplayString, k as createBaseVNode, fo as N8nSelect, q as computed, c as useI18n, j as createVNode, bf as N8nText, bh as N8nButton, gx as ElDialog, a6 as usePageRedirectionHelper, _ as _export_sfc, dj as defineAsyncComponent, X as watch, o as onMounted, a4 as useDocumentTitle, h as resolveComponent, n as normalizeClass, b7 as resolveDynamicComponent, ao as __vitePreload, ag as useTelemetry, gy as TELEMETRY_TIME_RANGE } from "./index-BSlk84mz.js";
+import { I as InsightsSummary } from "./InsightsSummary-CwTpu3sa.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-Chz8CDc3.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsPaywall-D-bIgmwT.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
     );
     const InsightsChartTotal = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsChartTotal-ChAO7myf.js"), true ? __vite__mapDeps([4,1,2,5,6,7,8]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsChartTotal-ywrK30zz.js"), true ? __vite__mapDeps([4,1,2,5,6,7,8]) : void 0)
     );
     const InsightsChartFailed = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsChartFailed-CN_Rl3Bl.js"), true ? __vite__mapDeps([9,1,2,5,6,7,8]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsChartFailed-DjssZ9vc.js"), true ? __vite__mapDeps([9,1,2,5,6,7,8]) : void 0)
     );
     const InsightsChartFailureRate = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsChartFailureRate-CHKlg6tg.js"), true ? __vite__mapDeps([10,1,2,5,6,7,8]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsChartFailureRate-C4U_fOhA.js"), true ? __vite__mapDeps([10,1,2,5,6,7,8]) : void 0)
     );
     const InsightsChartTimeSaved = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsChartTimeSaved-Cd05cM8q.js"), true ? __vite__mapDeps([11,1,2,5,6,7,8]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsChartTimeSaved-DmcamM8z.js"), true ? __vite__mapDeps([11,1,2,5,6,7,8]) : void 0)
     );
     const InsightsChartAverageRuntime = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsChartAverageRuntime-BB2I2vpV.js"), true ? __vite__mapDeps([12,1,2,5,6,7,8]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsChartAverageRuntime-Db4OWo7M.js"), true ? __vite__mapDeps([12,1,2,5,6,7,8]) : void 0)
     );
     const InsightsTableWorkflows = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsTableWorkflows-5rpYY7YT.js"), true ? __vite__mapDeps([13,1,2,6,7,14]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsTableWorkflows-CVtm_fGN.js"), true ? __vite__mapDeps([13,1,2,6,7,14]) : void 0)
     );
     const props = __props;
     const i18n = useI18n();
@@ -257,8 +256,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         immediate: true
       }
     );
+    onMounted(() => {
+      useDocumentTitle().set(i18n.baseText("insights.heading"));
+    });
     return (_ctx, _cache) => {
       const _component_N8nHeading = resolveComponent("N8nHeading");
+      const _component_N8nSpinner = resolveComponent("N8nSpinner");
       return openBlock(), createElementBlock("div", {
         class: normalizeClass(_ctx.$style.insightsView)
       }, [
@@ -300,30 +303,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 +338,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-Chz8CDc3.js → InsightsPaywall-D-bIgmwT.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-DZ6VpjNj.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-BSlk84mz.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InsightsPaywall",
   setup(__props) {

package/dist/assets/InsightsSummary-CwTpu3sa.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, gi as TIME_RANGE_LABELS, f as createCommentVNode, gj as INSIGHT_IMPACT_TYPES, ag as useTelemetry, gk as INSIGHTS_UNIT_IMPACT_MAPPING, _ as _export_sfc } from "./index-BSlk84mz.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
+};