n8n-editor-ui 1.90.1 → 1.91.1

package/dist/assets/InsightsDashboard-5cOORj5z.js

@@ -0,0 +1,372 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/InsightsPaywall-Bdo_3Ic_.js","assets/index-BLAboPd2.js","assets/index-sq5ggyEC.css","assets/InsightsPaywall-CE5W3W4m.css","assets/InsightsChartTotal-Bxjmisao.js","assets/chartjs.utils-C--HONKb.js","assets/InsightsSummary-DB62HhNM.js","assets/InsightsSummary-CdlaUpAt.css","assets/index-B6xE9gZ1.js","assets/InsightsChartFailed-Bd1BlFEm.js","assets/InsightsChartFailureRate-DPTCueAp.js","assets/InsightsChartTimeSaved-CSVKB08W.js","assets/InsightsChartAverageRuntime-B-9BU5qw.js","assets/InsightsTableWorkflows-BEC5Yh0b.js","assets/InsightsTableWorkflows-Blv_GPUj.css"])))=>i.map(i=>d[i]);
+import { d as defineComponent, g9 as useModel, g_ as useInsightsStore, r as ref, hj as UNLICENSED_TIME_RANGE, h4 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, e7 as _sfc_main$3, l as createTextVNode, f as createCommentVNode, t as toDisplayString, k as createBaseVNode, e8 as N8nSelect, q as computed, c as useI18n, j as createVNode, be as N8nText, bg as N8nButton, hk as ElDialog, a6 as usePageRedirectionHelper, _ as _export_sfc, c2 as defineAsyncComponent, X as watch, h as resolveComponent, n as normalizeClass, b6 as resolveDynamicComponent, ao as __vitePreload, ag as useTelemetry, hl as TELEMETRY_TIME_RANGE } from "./index-BLAboPd2.js";
+import { I as InsightsSummary } from "./InsightsSummary-DB62HhNM.js";
+const _hoisted_1$2 = {
+  key: 0,
+  width: "16",
+  height: "17",
+  viewBox: "0 0 16 17",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  style: { "margin-left": "auto" }
+};
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "InsightsDateRangeSelect",
+  props: {
+    "modelValue": {
+      required: true
+    },
+    "modelModifiers": {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const model = useModel(__props, "modelValue");
+    const insightsStore = useInsightsStore();
+    const timeOptions = ref(
+      insightsStore.dateRanges.map((option) => {
+        return {
+          key: option.key,
+          label: TIME_RANGE_LABELS[option.key],
+          value: option.licensed ? option.key : UNLICENSED_TIME_RANGE,
+          licensed: option.licensed
+        };
+      })
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(N8nSelect), {
+        modelValue: model.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+        size: "small"
+      }, {
+        default: withCtx(() => [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(timeOptions.value, (item) => {
+            return openBlock(), createBlock(unref(_sfc_main$3), {
+              key: item.key,
+              value: item.value,
+              label: item.label
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(item.label) + " ", 1),
+                !item.licensed ? (openBlock(), createElementBlock("svg", _hoisted_1$2, _cache[1] || (_cache[1] = [
+                  createBaseVNode("path", {
+                    d: "M12.6667 7.83337H3.33333C2.59695 7.83337 2 8.43033 2 9.16671V13.8334C2 14.5698 2.59695 15.1667 3.33333 15.1667H12.6667C13.403 15.1667 14 14.5698 14 13.8334V9.16671C14 8.43033 13.403 7.83337 12.6667 7.83337Z",
+                    stroke: "#9A9A9A",
+                    "stroke-width": "1.33333",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round"
+                  }, null, -1),
+                  createBaseVNode("path", {
+                    d: "M4.66681 7.83337V5.16671C4.66681 4.28265 5.018 3.43481 5.64312 2.80968C6.26824 2.18456 7.11609 1.83337 8.00014 1.83337C8.8842 1.83337 9.73204 2.18456 10.3572 2.80968C10.9823 3.43481 11.3335 4.28265 11.3335 5.16671V7.83337",
+                    stroke: "#9A9A9A",
+                    "stroke-width": "1.33333",
+                    "stroke-linecap": "round",
+                    "stroke-linejoin": "round"
+                  }, null, -1)
+                ]))) : createCommentVNode("", true)
+              ]),
+              _: 2
+            }, 1032, ["value", "label"]);
+          }), 128))
+        ]),
+        _: 1
+      }, 8, ["modelValue"]);
+    };
+  }
+});
+const _hoisted_1$1 = { class: "perks-list" };
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "InsightsUpgradeModal",
+  props: {
+    "modelValue": { type: Boolean },
+    "modelModifiers": {}
+  },
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const model = useModel(__props, "modelValue");
+    const i18n = useI18n();
+    function goToUpgrade() {
+      model.value = false;
+      void usePageRedirectionHelper().goToUpgrade("insights", "upgrade-insights");
+    }
+    const perks = computed(
+      () => [...Array(3).keys()].map(
+        (index) => i18n.baseText(`insights.upgradeModal.perks.${index}`)
+      )
+    );
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(ElDialog), {
+        modelValue: model.value,
+        "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => model.value = $event),
+        title: unref(i18n).baseText("insights.upgradeModal.title"),
+        width: "500"
+      }, {
+        footer: withCtx(() => [
+          createBaseVNode("div", null, [
+            createVNode(unref(N8nButton), {
+              type: "secondary",
+              onClick: _cache[0] || (_cache[0] = ($event) => model.value = false)
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(i18n).baseText("insights.upgradeModal.button.dismiss")), 1)
+              ]),
+              _: 1
+            }),
+            createVNode(unref(N8nButton), {
+              type: "primary",
+              onClick: goToUpgrade
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(i18n).baseText("insights.upgradeModal.button.upgrade")), 1)
+              ]),
+              _: 1
+            })
+          ])
+        ]),
+        default: withCtx(() => [
+          createBaseVNode("div", null, [
+            createVNode(unref(N8nText), {
+              tag: "p",
+              class: "mb-s"
+            }, {
+              default: withCtx(() => [
+                createTextVNode(toDisplayString(unref(i18n).baseText("insights.upgradeModal.content")), 1)
+              ]),
+              _: 1
+            }),
+            createBaseVNode("ul", _hoisted_1$1, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(perks.value, (perk) => {
+                return openBlock(), createBlock(unref(N8nText), {
+                  key: perk,
+                  color: "text-dark",
+                  tag: "li"
+                }, {
+                  default: withCtx(() => [
+                    _cache[2] || (_cache[2] = createBaseVNode("svg", {
+                      xmlns: "http://www.w3.org/2000/svg",
+                      viewBox: "0 0 16 16",
+                      width: "16px",
+                      height: "16px"
+                    }, [
+                      createBaseVNode("path", {
+                        d: "M 16 8 C 16 12.418 12.418 16 8 16 C 3.582 16 0 12.418 0 8 C 0 3.582 3.582 0 8 0 C 12.418 0 16 3.582 16 8 Z M 3.97 9.03 L 5.97 11.03 L 6.5 11.561 L 7.03 11.03 L 12.53 5.53 L 11.47 4.47 L 6.5 9.439 L 5.03 7.97 L 3.97 9.03 Z",
+                        fill: "currentColor"
+                      })
+                    ], -1)),
+                    createTextVNode(" " + toDisplayString(perk), 1)
+                  ]),
+                  _: 2
+                }, 1024);
+              }), 128))
+            ])
+          ])
+        ]),
+        _: 1
+      }, 8, ["modelValue", "title"]);
+    };
+  }
+});
+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: {
+    insightType: {}
+  },
+  setup(__props) {
+    const InsightsPaywall = defineAsyncComponent(
+      async () => await __vitePreload(() => import("./InsightsPaywall-Bdo_3Ic_.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
+    );
+    const InsightsChartTotal = defineAsyncComponent(
+      async () => await __vitePreload(() => import("./InsightsChartTotal-Bxjmisao.js"), true ? __vite__mapDeps([4,1,2,5,6,7,8]) : void 0)
+    );
+    const InsightsChartFailed = defineAsyncComponent(
+      async () => await __vitePreload(() => import("./InsightsChartFailed-Bd1BlFEm.js"), true ? __vite__mapDeps([9,1,2,5,6,7,8]) : void 0)
+    );
+    const InsightsChartFailureRate = defineAsyncComponent(
+      async () => await __vitePreload(() => import("./InsightsChartFailureRate-DPTCueAp.js"), true ? __vite__mapDeps([10,1,2,5,6,7,8]) : void 0)
+    );
+    const InsightsChartTimeSaved = defineAsyncComponent(
+      async () => await __vitePreload(() => import("./InsightsChartTimeSaved-CSVKB08W.js"), true ? __vite__mapDeps([11,1,2,5,6,7,8]) : void 0)
+    );
+    const InsightsChartAverageRuntime = defineAsyncComponent(
+      async () => await __vitePreload(() => import("./InsightsChartAverageRuntime-B-9BU5qw.js"), true ? __vite__mapDeps([12,1,2,5,6,7,8]) : void 0)
+    );
+    const InsightsTableWorkflows = defineAsyncComponent(
+      async () => await __vitePreload(() => import("./InsightsTableWorkflows-BEC5Yh0b.js"), true ? __vite__mapDeps([13,1,2,6,7,14]) : void 0)
+    );
+    const props = __props;
+    const i18n = useI18n();
+    const telemetry = useTelemetry();
+    const insightsStore = useInsightsStore();
+    const chartComponents = computed(() => ({
+      total: InsightsChartTotal,
+      failed: InsightsChartFailed,
+      failureRate: InsightsChartFailureRate,
+      timeSaved: InsightsChartTimeSaved,
+      averageRunTime: InsightsChartAverageRuntime
+    }));
+    const transformFilter = ({ id, desc }) => {
+      const key = id;
+      const order = desc ? "desc" : "asc";
+      return `${key}:${order}`;
+    };
+    const fetchPaginatedTableData = ({
+      page = 0,
+      itemsPerPage = 20,
+      sortBy,
+      dateRange = selectedDateRange.value
+    }) => {
+      const skip = page * itemsPerPage;
+      const take = itemsPerPage;
+      const sortKey = sortBy.length ? transformFilter(sortBy[0]) : void 0;
+      void insightsStore.table.execute(0, {
+        skip,
+        take,
+        sortBy: sortKey,
+        dateRange
+      });
+    };
+    const sortTableBy = ref([{ id: props.insightType, desc: true }]);
+    const upgradeModalVisible = ref(false);
+    const selectedDateRange = ref("week");
+    const granularity = computed(
+      () => insightsStore.dateRanges.find((item) => item.key === selectedDateRange.value)?.granularity ?? "day"
+    );
+    function handleTimeChange(value) {
+      if (value === UNLICENSED_TIME_RANGE) {
+        upgradeModalVisible.value = true;
+        return;
+      }
+      selectedDateRange.value = value;
+      telemetry.track("User updated insights time range", { range: TELEMETRY_TIME_RANGE[value] });
+    }
+    watch(
+      () => [props.insightType, selectedDateRange.value],
+      () => {
+        sortTableBy.value = [{ id: props.insightType, desc: true }];
+        if (insightsStore.isSummaryEnabled) {
+          void insightsStore.summary.execute(0, { dateRange: selectedDateRange.value });
+        }
+        if (insightsStore.isDashboardEnabled) {
+          void insightsStore.charts.execute(0, { dateRange: selectedDateRange.value });
+          fetchPaginatedTableData({ sortBy: sortTableBy.value, dateRange: selectedDateRange.value });
+        }
+      },
+      {
+        immediate: true
+      }
+    );
+    return (_ctx, _cache) => {
+      const _component_N8nHeading = resolveComponent("N8nHeading");
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(_ctx.$style.insightsView)
+      }, [
+        createBaseVNode("div", {
+          class: normalizeClass(_ctx.$style.insightsContainer)
+        }, [
+          createVNode(_component_N8nHeading, {
+            bold: "",
+            tag: "h2",
+            size: "xlarge"
+          }, {
+            default: withCtx(() => [
+              createTextVNode(toDisplayString(unref(i18n).baseText("insights.dashboard.title")), 1)
+            ]),
+            _: 1
+          }),
+          createBaseVNode("div", _hoisted_1, [
+            createVNode(_sfc_main$2, {
+              "model-value": selectedDateRange.value,
+              style: { "width": "173px" },
+              "data-test-id": "range-select",
+              "onUpdate:modelValue": handleTimeChange
+            }, null, 8, ["model-value"]),
+            createVNode(InsightsUpgradeModal, {
+              modelValue: upgradeModalVisible.value,
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => upgradeModalVisible.value = $event)
+            }, null, 8, ["modelValue"])
+          ]),
+          unref(insightsStore).isSummaryEnabled ? (openBlock(), createBlock(InsightsSummary, {
+            key: 0,
+            summary: unref(insightsStore).summary.state,
+            loading: unref(insightsStore).summary.isLoading,
+            "time-range": selectedDateRange.value,
+            class: normalizeClass(_ctx.$style.insightsBanner)
+          }, null, 8, ["summary", "loading", "time-range", "class"])) : createCommentVNode("", true),
+          createBaseVNode("div", {
+            class: normalizeClass(_ctx.$style.insightsContent)
+          }, [
+            !unref(insightsStore).isDashboardEnabled ? (openBlock(), createBlock(unref(InsightsPaywall), {
+              key: 0,
+              "data-test-id": "insights-dashboard-unlicensed"
+            })) : (openBlock(), createElementBlock("div", _hoisted_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,
+                  type: props.insightType,
+                  data: unref(insightsStore).charts.state,
+                  granularity: granularity.value
+                }, null, 8, ["type", "data", "granularity"]))
+              ], 2),
+              createBaseVNode("div", {
+                class: normalizeClass(_ctx.$style.insightsTableWrapper)
+              }, [
+                createVNode(unref(InsightsTableWorkflows), {
+                  "sort-by": sortTableBy.value,
+                  "onUpdate:sortBy": _cache[1] || (_cache[1] = ($event) => sortTableBy.value = $event),
+                  data: unref(insightsStore).table.state,
+                  loading: unref(insightsStore).table.isLoading,
+                  "onUpdate:options": fetchPaginatedTableData
+                }, null, 8, ["sort-by", "data", "loading"])
+              ], 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 style0 = {
+  insightsView,
+  insightsContainer,
+  insightsBanner,
+  insightsContent,
+  insightsChartWrapper,
+  insightsTableWrapper,
+  chartLoader
+};
+const cssModules = {
+  "$style": style0
+};
+const InsightsDashboard = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
+export {
+  InsightsDashboard as default
+};

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

@@ -1,3 +1,19 @@
+
+.perks-list {
+&[data-v-481d45c1] {
+	margin: 0;
+	padding: 0;
+	list-style: none;
+	display: flex;
+	flex-direction: column;
+	gap: var(--spacing-s);
+}
+> li[data-v-481d45c1] {
+		display: flex;
+		align-items: center;
+		gap: var(--spacing-2xs);
+}
+}
 /* BEM support Func
  -------------------------- */
 /* Transition

package/dist/assets/{InsightsPaywall-Z4Y0nO-i.js → InsightsPaywall-Bdo_3Ic_.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, a8 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-BpdkKRP4.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-BLAboPd2.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InsightsPaywall",
   setup(__props) {

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

@@ -120,12 +120,12 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-._insights_nn8kp_123 {
+._insights_syjwy_123 {
   display: grid;
   grid-template-rows: auto 1fr;
   padding: var(--spacing-xs) 0 var(--spacing-2xl);
 }
-._insights_nn8kp_123 ul {
+._insights_syjwy_123 ul {
   display: flex;
   height: 101px;
   align-items: stretch;
@@ -135,17 +135,17 @@
   list-style: none;
   overflow-x: auto;
 }
-._insights_nn8kp_123 ul li {
+._insights_syjwy_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_nn8kp_123 ul li:first-child {
+._insights_syjwy_123 ul li:first-child {
   border-left: 0;
 }
-._insights_nn8kp_123 ul a {
+._insights_syjwy_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_nn8kp_123 ul a:hover {
+._insights_syjwy_123 ul a:hover {
   background-color: var(--color-background-xlight);
   transition: background-color 0.3s;
 }
-._insights_nn8kp_123 ul a._activeTab_nn8kp_161 {
+._insights_syjwy_123 ul a._activeTab_syjwy_161 {
   background-color: var(--color-background-xlight);
   border-color: var(--color-primary);
   transition: background-color 0.3s ease-in-out;
 }
-._insights_nn8kp_123 ul a strong {
+._insights_syjwy_123 ul a strong {
   justify-self: flex-start;
   color: var(--color-text-dark);
   font-size: var(--font-size-s);
@@ -171,33 +171,33 @@
   white-space: nowrap;
   margin-bottom: var(--spacing-3xs);
 }
-._insights_nn8kp_123 ul a ._days_nn8kp_174 {
+._insights_syjwy_123 ul a ._days_syjwy_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_nn8kp_123 ul a span {
+._insights_syjwy_123 ul a span {
   display: flex;
   align-items: baseline;
 }
-._insights_nn8kp_123 ul a span._empty_nn8kp_185 em {
+._insights_syjwy_123 ul a span._empty_syjwy_185 em {
   color: var(--color-text-lighter);
 }
-._insights_nn8kp_123 ul a span._empty_nn8kp_185 small {
+._insights_syjwy_123 ul a span._empty_syjwy_185 small {
   padding: 0;
   height: 21px;
   font-weight: var(--font-weight-bold);
 }
-._insights_nn8kp_123 ul a span._empty_nn8kp_185 small ._icon_nn8kp_193 {
+._insights_syjwy_123 ul a span._empty_syjwy_185 small ._icon_syjwy_193 {
   height: 20px;
   width: 8px;
-  top: -3px;
+  top: 5px;
   transform: translateY(0);
   color: var(--color-text-light);
 }
-._insights_nn8kp_123 ul a em {
+._insights_syjwy_123 ul a em {
   display: flex;
   align-items: baseline;
   justify-content: flex-start;
@@ -208,11 +208,11 @@
   font-style: normal;
   gap: var(--spacing-5xs);
 }
-._insights_nn8kp_123 ul a em i {
+._insights_syjwy_123 ul a em i {
   font-size: 22px;
   font-style: normal;
 }
-._insights_nn8kp_123 ul a small {
+._insights_syjwy_123 ul a small {
   position: relative;
   display: flex;
   align-items: center;
@@ -222,35 +222,35 @@
   font-weight: var(--font-weight-bold);
   white-space: nowrap;
 }
-._insights_nn8kp_123 ._noData_nn8kp_225 em {
+._insights_syjwy_123 ._noData_syjwy_225 em {
   color: var(--color-text-light);
   font-size: var(--font-size-m);
 }
-._positive_nn8kp_230 {
+._positive_syjwy_230 {
   color: var(--color-success);
 }
-._negative_nn8kp_234 {
+._negative_syjwy_234 {
   color: var(--color-danger);
 }
-._neutral_nn8kp_238 {
+._neutral_syjwy_238 {
   color: var(--color-text-light);
 }
-._neutral_nn8kp_238 ._icon_nn8kp_193 {
+._neutral_syjwy_238 ._icon_syjwy_193 {
   font-size: 17px;
 }
-._icon_nn8kp_193 {
+._icon_syjwy_193 {
   position: absolute;
   font-size: 17px;
   left: 0;
   top: 50%;
   transform: translateY(-50%);
 }
-._loading_nn8kp_253 {
+._loading_syjwy_253 {
   display: flex;
   align-self: stretch;
   align-items: stretch;
 }
-._loading_nn8kp_253 > div {
+._loading_syjwy_253 > div {
   margin: 0;
   height: auto;
   border-radius: inherit;

package/dist/assets/{InsightsSummary-DzYli0Pu.js → InsightsSummary-DB62HhNM.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, W as useRoute, a0 as useCssModule, r as ref, q as computed, c as useI18n, V as VIEWS, h as resolveComponent, i as createElementBlock, g as openBlock, k as createBaseVNode, e as createBlock, n as normalizeClass, m as unref, F as Fragment, D as renderList, j as createVNode, w as withCtx, l as createTextVNode, t as toDisplayString, f as createCommentVNode, h0 as INSIGHT_IMPACT_TYPES, h1 as INSIGHTS_UNIT_IMPACT_MAPPING, ai as useTelemetry, _ as _export_sfc } from "./index-BpdkKRP4.js";
+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, e as createBlock, n as normalizeClass, m as unref, F as Fragment, D as renderList, j as createVNode, w as withCtx, l as createTextVNode, t as toDisplayString, h4 as TIME_RANGE_LABELS, f as createCommentVNode, h5 as INSIGHT_IMPACT_TYPES, h6 as INSIGHTS_UNIT_IMPACT_MAPPING, ag as useTelemetry, _ as _export_sfc } from "./index-BLAboPd2.js";
 const smartDecimal = (value, decimals = 2) => {
   if (Number.isInteger(value)) {
     return value;
@@ -10,12 +10,12 @@ const smartDecimal = (value, decimals = 2) => {
 };
 const _hoisted_1 = { "data-test-id": "insights-summary-tabs" };
 const _hoisted_2 = ["data-test-id"];
-const _hoisted_3 = { href: "#" };
-const _hoisted_4 = { key: 2 };
+const _hoisted_3 = { key: 2 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InsightsSummary",
   props: {
     summary: {},
+    timeRange: {},
     loading: { type: Boolean }
   },
   setup(__props) {
@@ -24,7 +24,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const route = useRoute();
     const $style = useCssModule();
     const telemetry = useTelemetry();
-    const lastNDays = ref(7);
     const summaryTitles = computed(() => ({
       total: i18n.baseText("insights.banner.title.total"),
       failed: i18n.baseText("insights.banner.title.failed"),
@@ -101,7 +100,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   ]),
                   createBaseVNode("small", {
                     class: normalizeClass(unref($style).days)
-                  }, toDisplayString(unref(i18n).baseText("insights.lastNDays", { interpolate: { count: lastNDays.value } })), 3),
+                  }, toDisplayString(unref(TIME_RANGE_LABELS)[_ctx.timeRange]), 3),
                   summaryHasNoData.value ? (openBlock(), createElementBlock("span", {
                     key: 0,
                     class: normalizeClass(unref($style).noData)
@@ -125,7 +124,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         content: withCtx(() => [
                           createVNode(_component_i18n_t, { keypath: "insights.banner.timeSaved.tooltip" }, {
                             link: withCtx(() => [
-                              createBaseVNode("a", _hoisted_3, toDisplayString(unref(i18n).baseText("insights.banner.timeSaved.tooltip.link.text")), 1)
+                              createTextVNode(toDisplayString(unref(i18n).baseText("insights.banner.timeSaved.tooltip.link.text")), 1)
                             ]),
                             _: 1
                           })
@@ -139,7 +138,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         _: 1
                       })
                     ])
-                  ], 2)) : (openBlock(), createElementBlock("span", _hoisted_4, [
+                  ], 2)) : (openBlock(), createElementBlock("span", _hoisted_3, [
                     createBaseVNode("em", null, [
                       createTextVNode(toDisplayString(unref(smartDecimal)(value).toLocaleString("en-US")) + " ", 1),
                       createBaseVNode("i", null, toDisplayString(unit), 1)
@@ -176,16 +175,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const insights = "_insights_nn8kp_123";
-const activeTab = "_activeTab_nn8kp_161";
-const days = "_days_nn8kp_174";
-const empty = "_empty_nn8kp_185";
-const icon = "_icon_nn8kp_193";
-const noData = "_noData_nn8kp_225";
-const positive = "_positive_nn8kp_230";
-const negative = "_negative_nn8kp_234";
-const neutral = "_neutral_nn8kp_238";
-const loading = "_loading_nn8kp_253";
+const insights = "_insights_syjwy_123";
+const activeTab = "_activeTab_syjwy_161";
+const days = "_days_syjwy_174";
+const empty = "_empty_syjwy_185";
+const icon = "_icon_syjwy_193";
+const noData = "_noData_syjwy_225";
+const positive = "_positive_syjwy_230";
+const negative = "_negative_syjwy_234";
+const neutral = "_neutral_syjwy_238";
+const loading = "_loading_syjwy_253";
 const style0 = {
   insights,
   activeTab,

package/dist/assets/{InsightsTableWorkflows-CUHAG57c.js → InsightsTableWorkflows-BEC5Yh0b.js}

@@ -1,5 +1,5 @@
-import { d as defineComponent, g0 as mergeModels, q as computed, r as ref, c as useI18n, id as transformInsightsFailureRate, ie as INSIGHTS_UNIT_MAPPING, ih as transformInsightsTimeSaved, ii as transformInsightsAverageRunTime, g1 as useModel, I 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, aS as N8nTooltip, k as createBaseVNode, t as toDisplayString, F as Fragment, V as VIEWS, ij as N8nDataTableServer, ai as useTelemetry, _ as _export_sfc } from "./index-BpdkKRP4.js";
-import { s as smartDecimal } from "./InsightsSummary-DzYli0Pu.js";
+import { d as defineComponent, g8 as mergeModels, q as computed, r as ref, c as useI18n, im as transformInsightsFailureRate, io as INSIGHTS_UNIT_MAPPING, iq as transformInsightsTimeSaved, ir as transformInsightsAverageRunTime, g9 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, is as N8nDataTableServer, ag as useTelemetry, _ as _export_sfc } from "./index-BLAboPd2.js";
+import { s as smartDecimal } from "./InsightsSummary-DB62HhNM.js";
 const _hoisted_1 = { class: "ellipsis" };
 const _hoisted_2 = { class: "ellipsis" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/assets/{Logo-Dxp4M9dy.js → Logo-CK8euEWT.js}

@@ -1,4 +1,4 @@
-import { i as createElementBlock, g as openBlock, k as createBaseVNode, d as defineComponent, q as computed, a0 as useCssModule, aZ as useTemplateRef, o as onMounted, dj 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-BpdkKRP4.js";
+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, dp 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-BLAboPd2.js";
 const _hoisted_1$1 = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "32",