n8n-editor-ui 1.103.0 → 1.104.0

package/dist/assets/{InfoAccordion-KgxR9XUm.js → InfoAccordion-BNmUe2V9.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, Q as createEventBus, r as ref, o as onMounted, c4 as resolveDirective, h as createElementBlock, g as openBlock, n as normalizeClass, j as createBaseVNode, f as createCommentVNode, e as createBlock, i as createVNode, l as unref, N as N8nIcon, p as N8nText, w as withCtx, k as createTextVNode, t as toDisplayString, J as renderSlot, F as Fragment, y as renderList, $ as N8nTooltip, aS as withDirectives, _ as _export_sfc } from "./index-CAU8Zeff.js";
+import { d as defineComponent, Q as createEventBus, r as ref, o as onMounted, c4 as resolveDirective, h as createElementBlock, g as openBlock, n as normalizeClass, j as createBaseVNode, f as createCommentVNode, e as createBlock, i as createVNode, l as unref, N as N8nIcon, p as N8nText, w as withCtx, k as createTextVNode, t as toDisplayString, J as renderSlot, F as Fragment, y as renderList, $ as N8nTooltip, aT as withDirectives, _ as _export_sfc } from "./index-Cm5yBbby.js";
 const _hoisted_1 = ["onClick"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{ name: "N8nInfoAccordion" },

package/dist/assets/{InsightsChartAverageRuntime-COSI3_o5.js → InsightsChartAverageRuntime-C9sCNhzD.js}

@@ -1,7 +1,7 @@
-import { d as defineComponent, x as computed, iL as INSIGHTS_UNIT_MAPPING, iI as GRANULARITY_DATE_FORMAT_MASK, iO as transformInsightsAverageRunTime, c as useI18n, e as createBlock, g as openBlock, l as unref, iM as index } from "./index-CAU8Zeff.js";
-import { a as generateLineChartOptions, b as generateLinearGradient } from "./chartjs.utils-Bc5bGj66.js";
-import { s as smartDecimal } from "./InsightsSummary-DT-p4HNY.js";
-import { L as Line } from "./index-Cohi4onR.js";
+import { d as defineComponent, x as computed, iS as INSIGHTS_UNIT_MAPPING, iP as GRANULARITY_DATE_FORMAT_MASK, iV as transformInsightsAverageRunTime, c as useI18n, e as createBlock, g as openBlock, l as unref, iT as index } from "./index-Cm5yBbby.js";
+import { a as generateLineChartOptions, b as generateLinearGradient } from "./chartjs.utils-CP28DnUQ.js";
+import { s as smartDecimal } from "./InsightsSummary-OiO7efWD.js";
+import { L as Line } from "./index-CjbtyS1n.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InsightsChartAverageRuntime",
   props: {
@@ -50,6 +50,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Line), {
+        "data-test-id": "insights-chart-average-runtime",
         data: chartData.value,
         options: chartOptions.value,
         plugins: [unref(index)]

package/dist/assets/{InsightsChartFailed-zPbPiVrK.js → InsightsChartFailed-DWA6YbZj.js}

@@ -1,7 +1,7 @@
-import { d as defineComponent, hp as useCssVar, x as computed, iI as GRANULARITY_DATE_FORMAT_MASK, c as useI18n, e as createBlock, g as openBlock, l as unref } from "./index-CAU8Zeff.js";
-import { g as generateBarChartOptions } from "./chartjs.utils-Bc5bGj66.js";
-import { s as smartDecimal } from "./InsightsSummary-DT-p4HNY.js";
-import { B as Bar } from "./index-Cohi4onR.js";
+import { d as defineComponent, hx as useCssVar, x as computed, iP as GRANULARITY_DATE_FORMAT_MASK, c as useI18n, e as createBlock, g as openBlock, l as unref } from "./index-Cm5yBbby.js";
+import { g as generateBarChartOptions } from "./chartjs.utils-CP28DnUQ.js";
+import { s as smartDecimal } from "./InsightsSummary-OiO7efWD.js";
+import { B as Bar } from "./index-CjbtyS1n.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InsightsChartFailed",
   props: {
@@ -47,6 +47,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Bar), {
+        "data-test-id": "insights-chart-failed",
         data: chartData.value,
         options: chartOptions.value
       }, null, 8, ["data", "options"]);

package/dist/assets/{InsightsChartFailureRate-BijFuiun.js → InsightsChartFailureRate-CfknGtrr.js}

@@ -1,7 +1,7 @@
-import { d as defineComponent, hp as useCssVar, x as computed, iI as GRANULARITY_DATE_FORMAT_MASK, iK as transformInsightsFailureRate, c as useI18n, e as createBlock, g as openBlock, l as unref, iL as INSIGHTS_UNIT_MAPPING } from "./index-CAU8Zeff.js";
-import { g as generateBarChartOptions } from "./chartjs.utils-Bc5bGj66.js";
-import { s as smartDecimal } from "./InsightsSummary-DT-p4HNY.js";
-import { B as Bar } from "./index-Cohi4onR.js";
+import { d as defineComponent, hx as useCssVar, x as computed, iP as GRANULARITY_DATE_FORMAT_MASK, iR as transformInsightsFailureRate, c as useI18n, e as createBlock, g as openBlock, l as unref, iS as INSIGHTS_UNIT_MAPPING } from "./index-Cm5yBbby.js";
+import { g as generateBarChartOptions } from "./chartjs.utils-CP28DnUQ.js";
+import { s as smartDecimal } from "./InsightsSummary-OiO7efWD.js";
+import { B as Bar } from "./index-CjbtyS1n.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InsightsChartFailureRate",
   props: {
@@ -47,6 +47,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Bar), {
+        "data-test-id": "insights-chart-failure-rate",
         data: chartData.value,
         options: chartOptions.value
       }, null, 8, ["data", "options"]);

package/dist/assets/{InsightsChartTimeSaved-QPkPrxuo.js → InsightsChartTimeSaved-DtLO9DJx.js}

@@ -1,7 +1,7 @@
-import { d as defineComponent, x as computed, iI as GRANULARITY_DATE_FORMAT_MASK, c as useI18n, e as createBlock, g as openBlock, l as unref, iM as index, iN as transformInsightsTimeSaved, iL as INSIGHTS_UNIT_MAPPING } from "./index-CAU8Zeff.js";
-import { a as generateLineChartOptions, b as generateLinearGradient } from "./chartjs.utils-Bc5bGj66.js";
-import { L as Line } from "./index-Cohi4onR.js";
-import "./InsightsSummary-DT-p4HNY.js";
+import { d as defineComponent, x as computed, iP as GRANULARITY_DATE_FORMAT_MASK, c as useI18n, e as createBlock, g as openBlock, l as unref, iT as index, iU as transformInsightsTimeSaved, iS as INSIGHTS_UNIT_MAPPING } from "./index-Cm5yBbby.js";
+import { a as generateLineChartOptions, b as generateLinearGradient } from "./chartjs.utils-CP28DnUQ.js";
+import { L as Line } from "./index-CjbtyS1n.js";
+import "./InsightsSummary-OiO7efWD.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InsightsChartTimeSaved",
   props: {
@@ -60,6 +60,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Line), {
+        "data-test-id": "insights-chart-time-saved",
         data: chartData.value,
         options: chartOptions.value,
         plugins: [unref(index)]

package/dist/assets/{InsightsChartTotal-CAIfpPOZ.js → InsightsChartTotal-yX_QJ-44.js}

@@ -1,7 +1,7 @@
-import { d as defineComponent, hp as useCssVar, x as computed, iI as GRANULARITY_DATE_FORMAT_MASK, c as useI18n, e as createBlock, g as openBlock, l as unref } from "./index-CAU8Zeff.js";
-import { g as generateBarChartOptions } from "./chartjs.utils-Bc5bGj66.js";
-import { B as Bar } from "./index-Cohi4onR.js";
-import "./InsightsSummary-DT-p4HNY.js";
+import { d as defineComponent, hx as useCssVar, x as computed, iP as GRANULARITY_DATE_FORMAT_MASK, c as useI18n, e as createBlock, g as openBlock, l as unref } from "./index-Cm5yBbby.js";
+import { g as generateBarChartOptions } from "./chartjs.utils-CP28DnUQ.js";
+import { B as Bar } from "./index-CjbtyS1n.js";
+import "./InsightsSummary-OiO7efWD.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InsightsChartTotal",
   props: {
@@ -49,6 +49,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(Bar), {
+        "data-test-id": "insights-chart-total",
         data: chartData.value,
         options: chartOptions.value
       }, null, 8, ["data", "options"]);

package/dist/assets/{InsightsDashboard-D8_DXUIT.js → InsightsDashboard-BlYvn96O.js}

@@ -1,6 +1,6 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/InsightsPaywall-BlFkYC7C.js","assets/index-CAU8Zeff.js","assets/index-C6LoGNAx.css","assets/InsightsPaywall-CE5W3W4m.css","assets/InsightsChartTotal-CAIfpPOZ.js","assets/chartjs.utils-Bc5bGj66.js","assets/InsightsSummary-DT-p4HNY.js","assets/InsightsSummary-DTFIhBF3.css","assets/index-Cohi4onR.js","assets/InsightsChartFailed-zPbPiVrK.js","assets/InsightsChartFailureRate-BijFuiun.js","assets/InsightsChartTimeSaved-QPkPrxuo.js","assets/InsightsChartAverageRuntime-COSI3_o5.js","assets/InsightsTableWorkflows-CN4YWTtH.js","assets/N8nDataTableServer-OWjVTbuy.js","assets/InsightsTableWorkflows-RGpSnp7n.css"])))=>i.map(i=>d[i]);
-import { d as defineComponent, cS as useModel, hz as useInsightsStore, r as ref, hP as UNLICENSED_TIME_RANGE, hD as TIME_RANGE_LABELS, e as createBlock, g as openBlock, w as withCtx, h as createElementBlock, F as Fragment, y as renderList, l as unref, fj as _sfc_main$3, k as createTextVNode, f as createCommentVNode, t as toDisplayString, j as createBaseVNode, fi as N8nSelect, x as computed, c as useI18n, i as createVNode, p as N8nText, q as N8nButton, hQ as ElDialog, al as usePageRedirectionHelper, _ as _export_sfc, eK as defineAsyncComponent, aa as watch, o as onMounted, ai as useDocumentTitle, m as N8nHeading, n as normalizeClass, eV as _sfc_main$4, bY as resolveDynamicComponent, ay as useTelemetry, hR as TELEMETRY_TIME_RANGE, aI as __vitePreload } from "./index-CAU8Zeff.js";
-import { I as InsightsSummary } from "./InsightsSummary-DT-p4HNY.js";
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/InsightsPaywall-BCfIY_xn.js","assets/index-Cm5yBbby.js","assets/index-BWpYwmXd.css","assets/InsightsPaywall-CE5W3W4m.css","assets/InsightsChartTotal-yX_QJ-44.js","assets/chartjs.utils-CP28DnUQ.js","assets/InsightsSummary-OiO7efWD.js","assets/InsightsSummary-DTFIhBF3.css","assets/index-CjbtyS1n.js","assets/InsightsChartFailed-DWA6YbZj.js","assets/InsightsChartFailureRate-CfknGtrr.js","assets/InsightsChartTimeSaved-DtLO9DJx.js","assets/InsightsChartAverageRuntime-C9sCNhzD.js","assets/InsightsTableWorkflows-pTl3m7wx.js","assets/N8nDataTableServer-9HerjyzX.js","assets/InsightsTableWorkflows-BTHSCwX8.css"])))=>i.map(i=>d[i]);
+import { d as defineComponent, cS as useModel, hH as useInsightsStore, r as ref, hX as UNLICENSED_TIME_RANGE, hL as TIME_RANGE_LABELS, e as createBlock, g as openBlock, w as withCtx, h as createElementBlock, F as Fragment, y as renderList, l as unref, cX as _sfc_main$3, k as createTextVNode, f as createCommentVNode, t as toDisplayString, j as createBaseVNode, cW as N8nSelect, x as computed, c as useI18n, i as createVNode, p as N8nText, q as N8nButton, hY as ElDialog, am as usePageRedirectionHelper, _ as _export_sfc, a6 as useRoute, hZ as INSIGHT_TYPES, eW as defineAsyncComponent, ab as watch, o as onMounted, aj as useDocumentTitle, m as N8nHeading, n as normalizeClass, fx as _sfc_main$4, bY as resolveDynamicComponent, az as useTelemetry, h_ as TELEMETRY_TIME_RANGE, aJ as __vitePreload } from "./index-Cm5yBbby.js";
+import { I as InsightsSummary } from "./InsightsSummary-OiO7efWD.js";
 const _hoisted_1$2 = {
   key: 0,
   width: "16",
@@ -116,7 +116,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               onClick: goToUpgrade
             }, {
               default: withCtx(() => [
-                createTextVNode(toDisplayString(unref(i18n).baseText("insights.upgradeModal.button.upgrade")), 1)
+                createTextVNode(toDisplayString(unref(i18n).baseText("generic.upgrade")), 1)
               ]),
               _: 1
             })
@@ -165,7 +165,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const InsightsUpgradeModal = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-fe17be35"]]);
+const InsightsUpgradeModal = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-f995e7d0"]]);
 const _hoisted_1 = { class: "mt-s" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InsightsDashboard",
@@ -174,30 +174,32 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const InsightsPaywall = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsPaywall-BlFkYC7C.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsPaywall-BCfIY_xn.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
     );
     const InsightsChartTotal = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsChartTotal-CAIfpPOZ.js"), true ? __vite__mapDeps([4,1,2,5,6,7,8]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsChartTotal-yX_QJ-44.js"), true ? __vite__mapDeps([4,1,2,5,6,7,8]) : void 0)
     );
     const InsightsChartFailed = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsChartFailed-zPbPiVrK.js"), true ? __vite__mapDeps([9,1,2,5,6,7,8]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsChartFailed-DWA6YbZj.js"), true ? __vite__mapDeps([9,1,2,5,6,7,8]) : void 0)
     );
     const InsightsChartFailureRate = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsChartFailureRate-BijFuiun.js"), true ? __vite__mapDeps([10,1,2,5,6,7,8]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsChartFailureRate-CfknGtrr.js"), true ? __vite__mapDeps([10,1,2,5,6,7,8]) : void 0)
     );
     const InsightsChartTimeSaved = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsChartTimeSaved-QPkPrxuo.js"), true ? __vite__mapDeps([11,1,2,5,6,7,8]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsChartTimeSaved-DtLO9DJx.js"), true ? __vite__mapDeps([11,1,2,5,6,7,8]) : void 0)
     );
     const InsightsChartAverageRuntime = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsChartAverageRuntime-COSI3_o5.js"), true ? __vite__mapDeps([12,1,2,5,6,7,8]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsChartAverageRuntime-C9sCNhzD.js"), true ? __vite__mapDeps([12,1,2,5,6,7,8]) : void 0)
     );
     const InsightsTableWorkflows = defineAsyncComponent(
-      async () => await __vitePreload(() => import("./InsightsTableWorkflows-CN4YWTtH.js"), true ? __vite__mapDeps([13,1,2,14,6,7,15]) : void 0)
+      async () => await __vitePreload(() => import("./InsightsTableWorkflows-pTl3m7wx.js"), true ? __vite__mapDeps([13,1,2,14,6,7,15]) : void 0)
     );
     const props = __props;
+    const route = useRoute();
     const i18n = useI18n();
     const telemetry = useTelemetry();
     const insightsStore = useInsightsStore();
+    const isTimeSavedRoute = computed(() => route.params.insightType === INSIGHT_TYPES.TIME_SAVED);
     const chartComponents = computed(() => ({
       total: InsightsChartTotal,
       failed: InsightsChartFailed,
@@ -247,8 +249,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         if (insightsStore.isSummaryEnabled) {
           void insightsStore.summary.execute(0, { dateRange: selectedDateRange.value });
         }
+        void insightsStore.charts.execute(0, { dateRange: selectedDateRange.value });
         if (insightsStore.isDashboardEnabled) {
-          void insightsStore.charts.execute(0, { dateRange: selectedDateRange.value });
           fetchPaginatedTableData({ sortBy: sortTableBy.value, dateRange: selectedDateRange.value });
         }
       },
@@ -300,11 +302,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createBaseVNode("div", {
             class: normalizeClass(_ctx.$style.insightsContent)
           }, [
-            !unref(insightsStore).isDashboardEnabled ? (openBlock(), createBlock(unref(InsightsPaywall), {
+            unref(insightsStore).isDashboardEnabled || isTimeSavedRoute.value ? (openBlock(), createElementBlock("div", {
               key: 0,
-              "data-test-id": "insights-dashboard-unlicensed"
-            })) : (openBlock(), createElementBlock("div", {
-              key: 1,
               class: normalizeClass(_ctx.$style.insightsContentWrapper)
             }, [
               createBaseVNode("div", {
@@ -335,10 +334,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "onUpdate:sortBy": _cache[1] || (_cache[1] = ($event) => sortTableBy.value = $event),
                   data: unref(insightsStore).table.state,
                   loading: unref(insightsStore).table.isLoading,
+                  "is-dashboard-enabled": unref(insightsStore).isDashboardEnabled,
                   "onUpdate:options": fetchPaginatedTableData
-                }, null, 8, ["sort-by", "data", "loading"])
+                }, null, 8, ["sort-by", "data", "loading", "is-dashboard-enabled"])
               ], 2)
-            ], 2))
+            ], 2)) : (openBlock(), createBlock(unref(InsightsPaywall), { key: 1 }))
           ], 2)
         ], 2)
       ], 2);

package/dist/assets/{InsightsDashboard-CXbI-Jyg.css → InsightsDashboard-C27Avzrv.css}

@@ -1,6 +1,6 @@
 
 .perks-list {
-&[data-v-fe17be35] {
+&[data-v-f995e7d0] {
 	margin: 0;
 	padding: 0;
 	list-style: none;
@@ -8,7 +8,7 @@
 	flex-direction: column;
 	gap: var(--spacing-s);
 }
-> li[data-v-fe17be35] {
+> li[data-v-f995e7d0] {
 		display: flex;
 		align-items: center;
 		gap: var(--spacing-2xs);

package/dist/assets/{InsightsPaywall-BlFkYC7C.js → InsightsPaywall-BCfIY_xn.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, al as usePageRedirectionHelper, h as createElementBlock, g as openBlock, i as createVNode, N as N8nIcon, w as withCtx, k as createTextVNode, t as toDisplayString, l as unref, c as useI18n, p as N8nText, q as N8nButton, n as normalizeClass, _ as _export_sfc } from "./index-CAU8Zeff.js";
+import { d as defineComponent, am as usePageRedirectionHelper, h as createElementBlock, g as openBlock, i as createVNode, N as N8nIcon, w as withCtx, k as createTextVNode, t as toDisplayString, l as unref, c as useI18n, p as N8nText, q as N8nButton, n as normalizeClass, _ as _export_sfc } from "./index-Cm5yBbby.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InsightsPaywall",
   setup(__props) {
@@ -20,7 +20,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }),
         createVNode(_component_N8nText, {
           bold: "",
-          tag: "h3",
+          tag: "h4",
           size: "large"
         }, {
           default: withCtx(() => [
@@ -41,7 +41,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           onClick: goToUpgrade
         }, {
           default: withCtx(() => [
-            createTextVNode(toDisplayString(unref(i18n).baseText("insights.dashboard.paywall.cta")), 1)
+            createTextVNode(toDisplayString(unref(i18n).baseText("generic.upgrade")), 1)
           ]),
           _: 1
         })

package/dist/assets/{InsightsSummary-DT-p4HNY.js → InsightsSummary-OiO7efWD.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, a5 as useRoute, ab as useCssModule, x as computed, c as useI18n, V as VIEWS, O as resolveComponent, h as createElementBlock, g as openBlock, j as createBaseVNode, F as Fragment, y as renderList, i as createVNode, w as withCtx, l as unref, $ as N8nTooltip, k as createTextVNode, t as toDisplayString, n as normalizeClass, hD as TIME_RANGE_LABELS, N as N8nIcon, f as createCommentVNode, hE as INSIGHT_IMPACT_TYPES, ay as useTelemetry, hF as INSIGHTS_UNIT_IMPACT_MAPPING, _ as _export_sfc } from "./index-CAU8Zeff.js";
+import { d as defineComponent, a6 as useRoute, ac as useCssModule, x as computed, c as useI18n, V as VIEWS, O as resolveComponent, h as createElementBlock, g as openBlock, j as createBaseVNode, F as Fragment, y as renderList, i as createVNode, w as withCtx, l as unref, $ as N8nTooltip, k as createTextVNode, t as toDisplayString, n as normalizeClass, hL as TIME_RANGE_LABELS, N as N8nIcon, a1 as I18nT, f as createCommentVNode, hM as INSIGHT_IMPACT_TYPES, az as useTelemetry, hN as INSIGHTS_UNIT_IMPACT_MAPPING, _ as _export_sfc } from "./index-Cm5yBbby.js";
 const smartDecimal = (value, decimals = 2) => {
   if (Number.isInteger(value)) {
     return value;
@@ -61,7 +61,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       });
     };
     return (_ctx, _cache) => {
-      const _component_i18n_t = resolveComponent("i18n-t");
       const _component_N8nTooltip = N8nTooltip;
       const _component_N8nIcon = N8nIcon;
       const _component_router_link = resolveComponent("router-link");
@@ -79,7 +78,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 disabled: !(summaryHasNoData.value && id === "total")
               }, {
                 content: withCtx(() => [
-                  createVNode(_component_i18n_t, { keypath: "insights.banner.noData.tooltip" }, {
+                  createVNode(unref(I18nT), {
+                    keypath: "insights.banner.noData.tooltip",
+                    scope: "global"
+                  }, {
                     link: withCtx(() => [
                       createBaseVNode("a", {
                         href: unref(i18n).baseText("insights.banner.noData.tooltip.link.url"),
@@ -121,7 +123,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                         createBaseVNode("small", null, [
                           createVNode(_component_N8nTooltip, { placement: "bottom" }, {
                             content: withCtx(() => [
-                              createVNode(_component_i18n_t, { keypath: "insights.banner.timeSaved.tooltip" }, {
+                              createVNode(unref(I18nT), {
+                                keypath: "insights.banner.timeSaved.tooltip",
+                                scope: "global"
+                              }, {
                                 link: withCtx(() => [
                                   createTextVNode(toDisplayString(unref(i18n).baseText("insights.banner.timeSaved.tooltip.link.text")), 1)
                                 ]),

package/dist/assets/{InsightsTableWorkflows-RGpSnp7n.css → InsightsTableWorkflows-BTHSCwX8.css}

@@ -120,7 +120,7 @@
  -------------------------- */
 /* BEM
  -------------------------- */
-.ellipsis[data-v-ae79bb59] {
+._ellipsis_1sfih_123 {
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -129,7 +129,7 @@
   width: fit-content;
   max-width: 100%;
 }
-.link[data-v-ae79bb59] {
+._link_1sfih_132 {
   display: inline-flex;
   height: 100%;
   align-items: center;
@@ -137,6 +137,30 @@
   text-decoration: underline;
   max-width: 100%;
 }
-.link[data-v-ae79bb59]:hover {
+._link_1sfih_132:hover {
   color: var(--color-text-dark);
+}
+._blurryCover_1sfih_144 {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 1;
+  -webkit-backdrop-filter: blur(10px);
+          backdrop-filter: blur(10px);
+}
+._blurryCover_1sfih_144::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background: var(--color-foreground-xlight);
+  opacity: 0.5;
+  z-index: -1;
 }

package/dist/assets/{InsightsTableWorkflows-CN4YWTtH.js → InsightsTableWorkflows-pTl3m7wx.js}

@@ -1,63 +1,90 @@
-import { d as defineComponent, cR as mergeModels, x as computed, r as ref, c as useI18n, iK as transformInsightsFailureRate, iL as INSIGHTS_UNIT_MAPPING, iN as transformInsightsTimeSaved, iO as transformInsightsAverageRunTime, cS as useModel, aa as watch, O as resolveComponent, h as createElementBlock, g as openBlock, i as createVNode, w as withCtx, k as createTextVNode, m as N8nHeading, e as createBlock, l as unref, $ as N8nTooltip, j as createBaseVNode, t as toDisplayString, F as Fragment, V as VIEWS, ay as useTelemetry, _ as _export_sfc } from "./index-CAU8Zeff.js";
-import { N as N8nDataTableServer } from "./N8nDataTableServer-OWjVTbuy.js";
-import { s as smartDecimal } from "./InsightsSummary-DT-p4HNY.js";
-const _hoisted_1 = { class: "ellipsis" };
-const _hoisted_2 = { class: "ellipsis" };
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/InsightsPaywall-BCfIY_xn.js","assets/index-Cm5yBbby.js","assets/index-BWpYwmXd.css","assets/InsightsPaywall-CE5W3W4m.css"])))=>i.map(i=>d[i]);
+import { d as defineComponent, cR as mergeModels, x as computed, r as ref, c as useI18n, iR as transformInsightsFailureRate, iS as INSIGHTS_UNIT_MAPPING, iU as transformInsightsTimeSaved, iV as transformInsightsAverageRunTime, cS as useModel, ab as watch, O as resolveComponent, h as createElementBlock, g as openBlock, i as createVNode, w as withCtx, k as createTextVNode, t as toDisplayString, l as unref, m as N8nHeading, bg as createSlots, j as createBaseVNode, n as normalizeClass, eW as defineAsyncComponent, e as createBlock, $ as N8nTooltip, F as Fragment, V as VIEWS, aJ as __vitePreload, az as useTelemetry, _ as _export_sfc } from "./index-Cm5yBbby.js";
+import { N as N8nDataTableServer } from "./N8nDataTableServer-9HerjyzX.js";
+import { s as smartDecimal } from "./InsightsSummary-OiO7efWD.js";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InsightsTableWorkflows",
   props: /* @__PURE__ */ mergeModels({
     data: {},
-    loading: { type: Boolean }
+    loading: { type: Boolean },
+    isDashboardEnabled: { type: Boolean }
   }, {
     "sortBy": {},
     "sortByModifiers": {}
   }),
   emits: /* @__PURE__ */ mergeModels(["update:options"], ["update:sortBy"]),
   setup(__props, { emit: __emit }) {
+    const InsightsPaywall = defineAsyncComponent(
+      async () => await __vitePreload(() => import("./InsightsPaywall-BCfIY_xn.js"), true ? __vite__mapDeps([0,1,2,3]) : void 0)
+    );
     const props = __props;
     const i18n = useI18n();
     const telemetry = useTelemetry();
-    const rows = computed(() => props.data.data);
+    const sampleWorkflows = Array.from({ length: 10 }, (_, i) => ({
+      workflowId: `sample-workflow-${i + 1}`,
+      workflowName: `Sample Workflow ${i + 1}`,
+      total: Math.floor(Math.random() * 2e3) + 500,
+      failed: Math.floor(Math.random() * 100) + 20,
+      failureRate: Math.random() * 100,
+      timeSaved: Math.floor(Math.random() * 3e5) + 6e4,
+      averageRunTime: Math.floor(Math.random() * 6e4) + 15e3,
+      projectName: `Sample Project ${i + 1}`,
+      projectId: `sample-project-${i + 1}`,
+      succeeded: Math.floor(Math.random() * 2e3) + 500,
+      runTime: Math.floor(Math.random() * 6e4) + 15e3
+    }));
+    const sampleData = {
+      data: sampleWorkflows,
+      count: sampleWorkflows.length
+    };
+    const tableData = computed(() => props.isDashboardEnabled ? props.data : sampleData);
+    const rows = computed(() => tableData.value.data);
     const headers = ref([
       {
         title: "Name",
         key: "workflowName",
-        width: 400
+        width: 400,
+        disableSort: !props.isDashboardEnabled
       },
       {
         title: i18n.baseText("insights.banner.title.total"),
         key: "total",
         value(row) {
           return row.total.toLocaleString("en-US");
-        }
+        },
+        disableSort: !props.isDashboardEnabled
       },
       {
         title: i18n.baseText("insights.banner.title.failed"),
         key: "failed",
         value(row) {
           return row.failed.toLocaleString("en-US");
-        }
+        },
+        disableSort: !props.isDashboardEnabled
       },
       {
         title: i18n.baseText("insights.banner.title.failureRate"),
         key: "failureRate",
         value(row) {
           return smartDecimal(transformInsightsFailureRate(row.failureRate)) + INSIGHTS_UNIT_MAPPING.failureRate(row.failureRate);
-        }
+        },
+        disableSort: !props.isDashboardEnabled
       },
       {
         title: i18n.baseText("insights.banner.title.timeSaved"),
         key: "timeSaved",
         value(row) {
           return smartDecimal(transformInsightsTimeSaved(row.timeSaved)) + INSIGHTS_UNIT_MAPPING.timeSaved(row.timeSaved);
-        }
+        },
+        disableSort: !props.isDashboardEnabled
       },
       {
         title: i18n.baseText("insights.banner.title.averageRunTime"),
         key: "averageRunTime",
         value(row) {
           return smartDecimal(transformInsightsAverageRunTime(row.averageRunTime)) + INSIGHTS_UNIT_MAPPING.averageRunTime(row.averageRunTime);
-        }
+        },
+        disableSort: !props.isDashboardEnabled
       },
       {
         title: i18n.baseText("insights.dashboard.table.projectName"),
@@ -99,9 +126,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           size: "medium",
           class: "mb-s"
         }, {
-          default: withCtx(() => _cache[4] || (_cache[4] = [
-            createTextVNode("Workflow insights")
-          ])),
+          default: withCtx(() => [
+            createTextVNode(toDisplayString(unref(i18n).baseText("insights.dashboard.table.title")), 1)
+          ]),
           _: 1
         }),
         createVNode(unref(N8nDataTableServer), {
@@ -113,13 +140,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "onUpdate:itemsPerPage": _cache[2] || (_cache[2] = ($event) => itemsPerPage.value = $event),
           items: rows.value,
           headers: headers.value,
-          "items-length": _ctx.data.count,
+          "items-length": tableData.value.count,
           "onUpdate:options": _cache[3] || (_cache[3] = ($event) => emit("update:options", $event))
-        }, {
+        }, createSlots({
           [`item.workflowName`]: withCtx(({ item }) => [
             createVNode(_component_router_link, {
               to: getWorkflowLink(item),
-              class: "link",
+              class: normalizeClass(_ctx.$style.link),
               onClick: ($event) => trackWorkflowClick(item)
             }, {
               default: withCtx(() => [
@@ -128,25 +155,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   placement: "top"
                 }, {
                   default: withCtx(() => [
-                    createBaseVNode("div", _hoisted_1, toDisplayString(item.workflowName), 1)
+                    createBaseVNode("div", {
+                      class: normalizeClass(_ctx.$style.ellipsis)
+                    }, toDisplayString(item.workflowName), 3)
                   ]),
                   _: 2
                 }, 1032, ["content"])
               ]),
               _: 2
-            }, 1032, ["to", "onClick"])
+            }, 1032, ["to", "class", "onClick"])
           ]),
           [`item.timeSaved`]: withCtx(({ item, value }) => [
             !item.timeSaved ? (openBlock(), createBlock(_component_router_link, {
               key: 0,
               to: getWorkflowLink(item, { settings: "true" }),
-              class: "link"
+              class: normalizeClass(_ctx.$style.link)
             }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(unref(i18n).baseText("insights.dashboard.table.estimate")), 1)
               ]),
               _: 2
-            }, 1032, ["to"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+            }, 1032, ["to", "class"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
               createTextVNode(toDisplayString(value), 1)
             ], 64))
           ]),
@@ -157,7 +186,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               placement: "top"
             }, {
               default: withCtx(() => [
-                createBaseVNode("div", _hoisted_2, toDisplayString(item.projectName), 1)
+                createBaseVNode("div", {
+                  class: normalizeClass(_ctx.$style.ellipsis)
+                }, toDisplayString(item.projectName), 3)
               ]),
               _: 2
             }, 1032, ["content"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
@@ -165,12 +196,35 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ], 64))
           ]),
           _: 2
-        }, 1032, ["sort-by", "page", "items-per-page", "items", "headers", "items-length"])
+        }, [
+          !_ctx.isDashboardEnabled ? {
+            name: "cover",
+            fn: withCtx(() => [
+              createBaseVNode("div", {
+                class: normalizeClass(_ctx.$style.blurryCover)
+              }, [
+                createVNode(unref(InsightsPaywall))
+              ], 2)
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["sort-by", "page", "items-per-page", "items", "headers", "items-length"])
       ]);
     };
   }
 });
-const InsightsTableWorkflows = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ae79bb59"]]);
+const ellipsis = "_ellipsis_1sfih_123";
+const link = "_link_1sfih_132";
+const blurryCover = "_blurryCover_1sfih_144";
+const style0 = {
+  ellipsis,
+  link,
+  blurryCover
+};
+const cssModules = {
+  "$style": style0
+};
+const InsightsTableWorkflows = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
 export {
   InsightsTableWorkflows as default
 };

package/dist/assets/{Logo-BhBstNGh.js → Logo-8g4P9vyv.js}

@@ -1,4 +1,4 @@
-import { h as createElementBlock, g as openBlock, j as createBaseVNode, d as defineComponent, x as computed, ab as useCssModule, ar as useTemplateRef, o as onMounted, g6 as useFavicon, n as normalizeClass, i as createVNode, e as createBlock, f as createCommentVNode, J as renderSlot, l as unref, _ as _export_sfc } from "./index-CAU8Zeff.js";
+import { h as createElementBlock, g as openBlock, j as createBaseVNode, d as defineComponent, x as computed, ac as useCssModule, as as useTemplateRef, o as onMounted, gL as useFavicon, n as normalizeClass, i as createVNode, e as createBlock, f as createCommentVNode, J as renderSlot, l as unref, _ as _export_sfc } from "./index-Cm5yBbby.js";
 const _hoisted_1$1 = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "32",