n8n-editor-ui 1.93.0 → 1.94.0

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-5rpYY7YT.js → InsightsTableWorkflows-ybloXdDn.js}

@@ -1,5 +1,5 @@
-import { d as defineComponent, gj as mergeModels, q as computed, r as ref, c as useI18n, iA as transformInsightsFailureRate, iB as INSIGHTS_UNIT_MAPPING, iD as transformInsightsTimeSaved, iE as transformInsightsAverageRunTime, gk 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, iF as N8nDataTableServer, ag as useTelemetry, _ as _export_sfc } from "./index-DZ6VpjNj.js";
-import { s as smartDecimal } from "./InsightsSummary-MECenLJQ.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-DUDCllkm.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, dw 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-DZ6VpjNj.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",