n8n-editor-ui 1.117.3 → 1.118.1

package/dist/assets/InsightsDashboard-DgPTPhXD.js

@@ -0,0 +1,474 @@
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/InsightsPaywall-C_Osp3Xn.js","assets/_plugin-vue_export-helper-BwBpWJRZ.js","assets/src-Cl0xZtCE.js","assets/preload-helper-CR0ecmWK.js","assets/icon-C8yfF1LY.js","assets/vue.runtime.esm-bundler-DDuXT-9r.js","assets/chunk-6z4oVpB-.js","assets/truncate-Dc79aML5.js","assets/_MapCache-BGBKpT5S.js","assets/sanitize-html-BuXr7o4T.js","assets/empty-BuGRxzl4.js","assets/path-browserify-DsmB_HMK.js","assets/en-BYTsM8fR.js","assets/src-C5a_PFvg.css","assets/constants-B1JYxPAR.js","assets/merge-Db6rb1_m.js","assets/useTelemetry-BxbCYDca.js","assets/dateformat-D7TIhVd4.js","assets/useDebounce-BRhQZVIC.js","assets/useToast-CKD06lpn.js","assets/useExternalHooks-ChElZw8W.js","assets/versions.store-DyddKRXT.js","assets/usePageRedirectionHelper-Cn-LYQLi.js","assets/cloudPlan.store-x1IpiElw.js","assets/InsightsPaywall-CE5W3W4m.css","assets/InsightsChartTotal-f6iwgPv4.js","assets/chart-inxSB4fp.js","assets/dist-BCqe3G7U.js","assets/smartDecimal-BitNC0jz.js","assets/chartjs.utils-DrHDj0Lr.js","assets/insights.constants-DK2g3nnD.js","assets/InsightsChartFailed-D8rDUthj.js","assets/InsightsChartFailureRate-D7MEDAWL.js","assets/insights.utils-7zZgNSKk.js","assets/InsightsChartTimeSaved-BjEX9cpj.js","assets/InsightsChartAverageRuntime-B9_qwMgO.js","assets/InsightsTableWorkflows-BY4sevh1.js","assets/InsightsTableWorkflows-D20Yb7ZW.css"])))=>i.map(i=>d[i]);
+import { o as __toESM } from "./chunk-6z4oVpB-.js";
+import { C as computed, D as createElementBlock, E as createCommentVNode, Gt as unref, It as ref, M as createVNode, N as defineAsyncComponent, P as defineComponent, Sn as toDisplayString, T as createBlock, Z as onMounted, _ as Fragment, _n as normalizeClass, _t as watch, bt as withCtx, ct as resolveDynamicComponent, et as openBlock, ft as useModel, it as renderList, j as createTextVNode, q as onBeforeMount, w as createBaseVNode, zt as shallowRef } from "./vue.runtime.esm-bundler-DDuXT-9r.js";
+import { gt as useI18n } from "./_MapCache-BGBKpT5S.js";
+import { Fn as N8nText_default, In as N8nButton_default, Ln as N8nSpinner_default, Nn as N8nHeading_default, Rn as N8nIcon_default, dt as $14e0f24ef4ac5c92$export$d0bdf45af03a6ea3, lt as $14e0f24ef4ac5c92$export$629b0a497aa65267, r as DateRangePicker_default, ut as $14e0f24ef4ac5c92$export$aa8b41735afcabd2 } from "./src-Cl0xZtCE.js";
+import "./en-BYTsM8fR.js";
+import { t as __vitePreload } from "./preload-helper-CR0ecmWK.js";
+import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
+import { y as useRoute } from "./truncate-Dc79aML5.js";
+import "./icon-C8yfF1LY.js";
+import "./overlay-DeoWJ8oB.js";
+import "./empty-BuGRxzl4.js";
+import { t as ElDialog } from "./dialog-B1U4ND70.js";
+import { An as useProjectsStore, kn as useDocumentTitle, t as useTelemetry } from "./useTelemetry-BxbCYDca.js";
+import "./useToast-CKD06lpn.js";
+import "./sanitize-html-BuXr7o4T.js";
+import "./path-browserify-DsmB_HMK.js";
+import "./constants-B1JYxPAR.js";
+import "./merge-Db6rb1_m.js";
+import { t as require_dateformat } from "./dateformat-D7TIhVd4.js";
+import "./useDebounce-BRhQZVIC.js";
+import "./useExternalHooks-ChElZw8W.js";
+import "./cloudPlan.store-x1IpiElw.js";
+import "./versions.store-DyddKRXT.js";
+import { t as usePageRedirectionHelper } from "./usePageRedirectionHelper-Cn-LYQLi.js";
+import "./ProjectIcon-Doey-RQc.js";
+import "./orderBy-CanHuORU.js";
+import { t as ProjectSharing_default } from "./ProjectSharing-CRwSdefc.js";
+import { t as useInsightsStore } from "./insights.store-LOsCbJQU.js";
+import { s as INSIGHT_TYPES } from "./insights.constants-DK2g3nnD.js";
+import { n as timeRangeMappings, t as getTimeRangeLabels } from "./insights.utils-7zZgNSKk.js";
+import "./smartDecimal-BitNC0jz.js";
+import { t as InsightsSummary_default } from "./InsightsSummary-CAapTcha.js";
+var import_dateformat = /* @__PURE__ */ __toESM(require_dateformat());
+var _hoisted_1$1 = { class: "perks-list" };
+var InsightsUpgradeModal_default = /* @__PURE__ */ __plugin_vue_export_helper_default(/* @__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;
+			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_default), {
+					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_default), {
+					type: "primary",
+					onClick: goToUpgrade
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("generic.upgrade")), 1)]),
+					_: 1
+				})])]),
+				default: withCtx(() => [createBaseVNode("div", null, [createVNode(unref(N8nText_default), {
+					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_default), {
+						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"]);
+		};
+	}
+}), [["__scopeId", "data-v-324431e6"]]);
+var DATE_FORMAT_DAY_MONTH_YEAR = "d mmm, yyyy";
+var DATE_FORMAT_DAY_MONTH = "d mmm";
+var InsightsDataRangePicker_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "InsightsDataRangePicker",
+	props: {
+		maxValue: {},
+		minValue: {},
+		modelValue: {},
+		presets: {}
+	},
+	emits: [
+		"update:modelValue",
+		"update:placeholder",
+		"update:startValue",
+		"update:open"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const telemetry = useTelemetry();
+		const upgradeModal = ref(false);
+		function showUpgradeModal() {
+			upgradeModal.value = true;
+		}
+		const actionType = ref("custom");
+		function getDaysDiff({ start, end }) {
+			if (!start) return 0;
+			if (!end) return 0;
+			return end.compare(start) + 1;
+		}
+		function isBeforeOrSame(dateToCompare, referenceDate) {
+			return dateToCompare.compare(referenceDate) <= 0;
+		}
+		function isAfterOrSame(dateToCompare, referenceDate) {
+			return dateToCompare.compare(referenceDate) >= 0;
+		}
+		function isEqual(dateToCompare, referenceDate) {
+			if (!dateToCompare || !referenceDate) return false;
+			return dateToCompare.compare(referenceDate) === 0;
+		}
+		function isValidDateRange({ start, end }) {
+			if (!start) return false;
+			if (!end) return false;
+			return isBeforeOrSame(end, props.maxValue) && isAfterOrSame(start, props.minValue);
+		}
+		const range = shallowRef({
+			start: props.modelValue.start?.copy(),
+			end: props.modelValue.end?.copy()
+		});
+		function syncWithParentValue() {
+			if (!isEqual(range.value?.start, props.modelValue.start) || !isEqual(range.value?.end, props.modelValue.end)) range.value = {
+				start: props.modelValue.start?.copy(),
+				end: props.modelValue.end?.copy()
+			};
+		}
+		function syncData(isOpen) {
+			if (isOpen) {
+				syncWithParentValue();
+				return;
+			}
+			const normalizedRange = {
+				start: range.value?.start?.copy(),
+				end: range.value?.end?.copy() ?? range.value?.start?.copy()
+			};
+			if (!isValidDateRange(normalizedRange)) {
+				console.error("Invalid date range selected", normalizedRange);
+				syncWithParentValue();
+				return;
+			}
+			if (isEqual(normalizedRange.start, props.modelValue.start) && isEqual(normalizedRange.end, props.modelValue.end)) return;
+			emit("update:modelValue", normalizedRange);
+			const trackData = {
+				start_date: normalizedRange.start?.toDate($14e0f24ef4ac5c92$export$aa8b41735afcabd2()).toISOString(),
+				end_date: normalizedRange.end?.toDate($14e0f24ef4ac5c92$export$aa8b41735afcabd2()).toISOString(),
+				range_length_days: getDaysDiff(normalizedRange),
+				type: actionType.value
+			};
+			telemetry.track("User updated insights time range", trackData);
+		}
+		const open = ref(false);
+		watch(open, (opened) => {
+			syncData(opened);
+			actionType.value = "custom";
+		});
+		function setPresetRange(days) {
+			range.value = {
+				start: props.maxValue.copy().subtract({ days }),
+				end: props.maxValue.copy()
+			};
+			actionType.value = "preset";
+			open.value = false;
+		}
+		const formattedRange = computed(() => {
+			const { start, end } = props.modelValue;
+			if (!start) return "Select range";
+			const startStr = start.toString();
+			const endStr = end?.toString();
+			if (!end || startStr === endStr) return (0, import_dateformat.default)(startStr, DATE_FORMAT_DAY_MONTH_YEAR);
+			if (start.year === end.year) return `${(0, import_dateformat.default)(startStr, DATE_FORMAT_DAY_MONTH)} - ${(0, import_dateformat.default)(endStr, DATE_FORMAT_DAY_MONTH_YEAR)}`;
+			return `${(0, import_dateformat.default)(startStr, DATE_FORMAT_DAY_MONTH_YEAR)} - ${(0, import_dateformat.default)(endStr, DATE_FORMAT_DAY_MONTH_YEAR)}`;
+		});
+		function isActiveRange(presetValue) {
+			if (!$14e0f24ef4ac5c92$export$629b0a497aa65267(props.modelValue.end, $14e0f24ef4ac5c92$export$aa8b41735afcabd2())) return false;
+			return props.modelValue.end.compare(props.modelValue.start) === presetValue;
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock(Fragment, null, [createVNode(unref(DateRangePicker_default), {
+				modelValue: range.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => range.value = $event),
+				open: open.value,
+				"onUpdate:open": _cache[1] || (_cache[1] = ($event) => open.value = $event),
+				"max-value": _ctx.maxValue,
+				"min-value": _ctx.minValue
+			}, {
+				trigger: withCtx(() => [createVNode(unref(N8nButton_default), {
+					icon: "calendar",
+					type: "secondary"
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(formattedRange.value), 1)]),
+					_: 1
+				})]),
+				presets: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.presets, (preset) => {
+					return openBlock(), createBlock(unref(N8nButton_default), {
+						key: preset.value,
+						class: normalizeClass(_ctx.$style.PresetButton),
+						type: isActiveRange(preset.value) ? "primary" : "secondary",
+						size: "small",
+						onClick: ($event) => preset.disabled ? showUpgradeModal() : setPresetRange(preset.value)
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(preset.label) + " ", 1), preset.disabled ? (openBlock(), createBlock(unref(N8nIcon_default), {
+							key: 0,
+							icon: "lock",
+							class: normalizeClass(_ctx.$style.LockIcon)
+						}, null, 8, ["class"])) : createCommentVNode("", true)]),
+						_: 2
+					}, 1032, [
+						"class",
+						"type",
+						"onClick"
+					]);
+				}), 128))]),
+				_: 1
+			}, 8, [
+				"modelValue",
+				"open",
+				"max-value",
+				"min-value"
+			]), createVNode(InsightsUpgradeModal_default, {
+				modelValue: upgradeModal.value,
+				"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => upgradeModal.value = $event)
+			}, null, 8, ["modelValue"])], 64);
+		};
+	}
+});
+var InsightsDataRangePicker_vue_vue_type_style_index_0_lang_module_default = {
+	PresetButton: "_PresetButton_qb951_2",
+	LockIcon: "_LockIcon_qb951_7"
+};
+var InsightsDataRangePicker_default = /* @__PURE__ */ __plugin_vue_export_helper_default(InsightsDataRangePicker_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": InsightsDataRangePicker_vue_vue_type_style_index_0_lang_module_default }]]);
+var _hoisted_1 = {
+	class: "mt-s",
+	style: {
+		"display": "flex",
+		"gap": "12px",
+		"align-items": "center"
+	}
+};
+var InsightsDashboard_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	__name: "InsightsDashboard",
+	props: { insightType: {} },
+	setup(__props) {
+		const InsightsPaywall = defineAsyncComponent(async () => await __vitePreload(() => import("./InsightsPaywall-C_Osp3Xn.js"), __vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24])));
+		const InsightsChartTotal = defineAsyncComponent(async () => await __vitePreload(() => import("./InsightsChartTotal-f6iwgPv4.js"), __vite__mapDeps([25,8,5,6,26,17,15,27,28,29,30])));
+		const InsightsChartFailed = defineAsyncComponent(async () => await __vitePreload(() => import("./InsightsChartFailed-D8rDUthj.js"), __vite__mapDeps([31,8,5,6,26,17,15,27,28,29,30])));
+		const InsightsChartFailureRate = defineAsyncComponent(async () => await __vitePreload(() => import("./InsightsChartFailureRate-D7MEDAWL.js"), __vite__mapDeps([32,8,5,6,26,17,15,27,28,29,30,33])));
+		const InsightsChartTimeSaved = defineAsyncComponent(async () => await __vitePreload(() => import("./InsightsChartTimeSaved-BjEX9cpj.js"), __vite__mapDeps([34,8,5,6,26,17,15,27,28,29,30,33])));
+		const InsightsChartAverageRuntime = defineAsyncComponent(async () => await __vitePreload(() => import("./InsightsChartAverageRuntime-B9_qwMgO.js"), __vite__mapDeps([35,8,5,6,26,17,15,27,28,29,30,33])));
+		const InsightsTableWorkflows = defineAsyncComponent(async () => await __vitePreload(() => import("./InsightsTableWorkflows-BY4sevh1.js"), __vite__mapDeps([36,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,28,30,33,37])));
+		const props = __props;
+		const route = useRoute();
+		const i18n = useI18n();
+		const insightsStore = useInsightsStore();
+		const projectsStore = useProjectsStore();
+		const isTimeSavedRoute = computed(() => route.params.insightType === INSIGHT_TYPES.TIME_SAVED);
+		const chartComponents = computed(() => ({
+			total: InsightsChartTotal,
+			failed: InsightsChartFailed,
+			failureRate: InsightsChartFailureRate,
+			timeSaved: InsightsChartTimeSaved,
+			averageRunTime: InsightsChartAverageRuntime
+		}));
+		const transformFilter = ({ id, desc }) => {
+			return `${id}:${desc ? "desc" : "asc"}`;
+		};
+		const sortTableBy = ref([{
+			id: props.insightType,
+			desc: true
+		}]);
+		const selectedDateRange = ref("week");
+		const granularity = computed(() => {
+			const { start, end } = range.value;
+			if (!start || !end) return "day";
+			const comparison = end.compare(start);
+			if (comparison <= 0) return "hour";
+			if (comparison <= 30) return "day";
+			return "week";
+		});
+		const selectedProject = ref(null);
+		const maxDate = $14e0f24ef4ac5c92$export$d0bdf45af03a6ea3($14e0f24ef4ac5c92$export$aa8b41735afcabd2());
+		const maxLicensedDate = insightsStore.dateRanges.toReversed().find((dateRange) => dateRange.licensed)?.key ?? "week";
+		const timeRangeLabels = getTimeRangeLabels();
+		const presets = computed(() => insightsStore.dateRanges.map((item) => {
+			return {
+				value: timeRangeMappings[item.key],
+				label: timeRangeLabels[item.key],
+				disabled: !item.licensed
+			};
+		}));
+		const maximumValue = shallowRef(maxDate.copy());
+		const minimumValue = shallowRef(maxDate.copy().subtract({ days: timeRangeMappings[maxLicensedDate] }));
+		const range = shallowRef({
+			start: maxDate.copy().subtract({ days: 6 }),
+			end: maxDate.copy()
+		});
+		const fetchPaginatedTableData = ({ page = 0, itemsPerPage = 25, sortBy, projectId = selectedProject.value?.id }) => {
+			const skip = page * itemsPerPage;
+			const take = itemsPerPage;
+			const sortKey = sortBy.length ? transformFilter(sortBy[0]) : void 0;
+			const startDate = range.value.start?.toDate($14e0f24ef4ac5c92$export$aa8b41735afcabd2()).toISOString();
+			const endDate = range.value.end?.toDate($14e0f24ef4ac5c92$export$aa8b41735afcabd2()).toISOString();
+			insightsStore.table.execute(0, {
+				skip,
+				take,
+				sortBy: sortKey,
+				startDate,
+				endDate,
+				projectId
+			});
+		};
+		watch(() => [
+			props.insightType,
+			selectedDateRange.value,
+			selectedProject.value,
+			range.value
+		], () => {
+			sortTableBy.value = [{
+				id: props.insightType,
+				desc: true
+			}];
+			const startDate = range.value.start?.toDate($14e0f24ef4ac5c92$export$aa8b41735afcabd2()).toISOString();
+			const endDate = range.value.end?.toDate($14e0f24ef4ac5c92$export$aa8b41735afcabd2()).toISOString();
+			if (insightsStore.isSummaryEnabled) insightsStore.summary.execute(0, {
+				startDate,
+				endDate,
+				projectId: selectedProject.value?.id
+			});
+			insightsStore.charts.execute(0, {
+				startDate,
+				endDate,
+				projectId: selectedProject.value?.id
+			});
+			if (insightsStore.isDashboardEnabled) fetchPaginatedTableData({
+				sortBy: sortTableBy.value,
+				projectId: selectedProject.value?.id
+			});
+		}, { immediate: true });
+		onMounted(() => {
+			useDocumentTitle().set(i18n.baseText("insights.heading"));
+		});
+		onBeforeMount(async () => {
+			await projectsStore.getAvailableProjects();
+		});
+		const emailPattern = /^<([A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,})>$/;
+		const projects = computed(() => projectsStore.availableProjects.filter((project) => project.name && !emailPattern.test(project.name.trim())));
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", { class: normalizeClass(_ctx.$style.insightsView) }, [createBaseVNode("div", { class: normalizeClass(_ctx.$style.insightsContainer) }, [
+				createVNode(unref(N8nHeading_default), {
+					bold: "",
+					tag: "h2",
+					size: "xlarge"
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(i18n).baseText("insights.dashboard.title")), 1)]),
+					_: 1
+				}),
+				createBaseVNode("div", _hoisted_1, [createVNode(ProjectSharing_default, {
+					modelValue: selectedProject.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => selectedProject.value = $event),
+					projects: projects.value,
+					placeholder: unref(i18n).baseText("insights.dashboard.search.placeholder"),
+					"empty-options-text": unref(i18n).baseText("projects.sharing.noMatchingProjects"),
+					size: "mini",
+					class: normalizeClass(_ctx.$style.projectSelect),
+					clearable: "",
+					onClear: _cache[1] || (_cache[1] = ($event) => selectedProject.value = null)
+				}, null, 8, [
+					"modelValue",
+					"projects",
+					"placeholder",
+					"empty-options-text",
+					"class"
+				]), createVNode(InsightsDataRangePicker_default, {
+					modelValue: range.value,
+					"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => range.value = $event),
+					"max-value": maximumValue.value,
+					"min-value": minimumValue.value,
+					presets: presets.value
+				}, null, 8, [
+					"modelValue",
+					"max-value",
+					"min-value",
+					"presets"
+				])]),
+				unref(insightsStore).isSummaryEnabled ? (openBlock(), createBlock(InsightsSummary_default, {
+					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 || isTimeSavedRoute.value ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					class: normalizeClass(_ctx.$style.insightsContentWrapper)
+				}, [
+					createBaseVNode("div", { class: normalizeClass([_ctx.$style.dataLoader, { [_ctx.$style.isDataLoading]: unref(insightsStore).charts.isLoading || unref(insightsStore).table.isLoading }]) }, [createVNode(unref(N8nSpinner_default)), createBaseVNode("span", null, toDisplayString(unref(i18n).baseText("insights.chart.loading")), 1)], 2),
+					createBaseVNode("div", { class: normalizeClass(_ctx.$style.insightsChartWrapper) }, [createTextVNode(toDisplayString(granularity.value) + " ", 1), (openBlock(), createBlock(resolveDynamicComponent(chartComponents.value[props.insightType]), {
+						type: props.insightType,
+						data: unref(insightsStore).charts.state,
+						granularity: granularity.value,
+						"start-date": range.value.start.toString(),
+						"end-date": range.value.end.toString()
+					}, null, 8, [
+						"type",
+						"data",
+						"granularity",
+						"start-date",
+						"end-date"
+					]))], 2),
+					createBaseVNode("div", { class: normalizeClass(_ctx.$style.insightsTableWrapper) }, [createVNode(unref(InsightsTableWorkflows), {
+						"sort-by": sortTableBy.value,
+						"onUpdate:sortBy": _cache[3] || (_cache[3] = ($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",
+						"is-dashboard-enabled"
+					])], 2)
+				], 2)) : (openBlock(), createBlock(unref(InsightsPaywall), { key: 1 }))], 2)
+			], 2)], 2);
+		};
+	}
+});
+var InsightsDashboard_vue_vue_type_style_index_0_lang_module_default = {
+	insightsView: "_insightsView_1snk4_123",
+	insightsContainer: "_insightsContainer_1snk4_131",
+	insightsBanner: "_insightsBanner_1snk4_138",
+	insightsContent: "_insightsContent_1snk4_146",
+	insightsContentWrapper: "_insightsContentWrapper_1snk4_155",
+	insightsChartWrapper: "_insightsChartWrapper_1snk4_160",
+	insightsTableWrapper: "_insightsTableWrapper_1snk4_167",
+	dataLoader: "_dataLoader_1snk4_173",
+	isDataLoading: "_isDataLoading_1snk4_186",
+	projectSelect: "_projectSelect_1snk4_208",
+	PresetButton: "_PresetButton_1snk4_215"
+};
+var InsightsDashboard_default = /* @__PURE__ */ __plugin_vue_export_helper_default(InsightsDashboard_vue_vue_type_script_setup_true_lang_default, [["__cssModules", { "$style": InsightsDashboard_vue_vue_type_style_index_0_lang_module_default }]]);
+export { InsightsDashboard_default as default };

package/dist/assets/{InsightsPaywall-D-vzB-Rj.js → InsightsPaywall-C_Osp3Xn.js}

@@ -1,24 +1,24 @@
 import { D as createElementBlock, Gt as unref, M as createVNode, P as defineComponent, Sn as toDisplayString, _n as normalizeClass, bt as withCtx, et as openBlock, j as createTextVNode } from "./vue.runtime.esm-bundler-DDuXT-9r.js";
-import { gt as useI18n } from "./_MapCache-CaP4mhI9.js";
-import { Fn as N8nIcon_default, Mn as N8nText_default, Nn as N8nButton_default } from "./src-DEMmv7aL.js";
+import { gt as useI18n } from "./_MapCache-BGBKpT5S.js";
+import { Fn as N8nText_default, In as N8nButton_default, Rn as N8nIcon_default } from "./src-Cl0xZtCE.js";
 import "./en-BYTsM8fR.js";
 import "./preload-helper-CR0ecmWK.js";
 import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
-import "./truncate-Zm7rqMgr.js";
-import "./icon-bktrs2EQ.js";
+import "./truncate-Dc79aML5.js";
+import "./icon-C8yfF1LY.js";
 import "./empty-BuGRxzl4.js";
-import "./useTelemetry-DMMCGp2b.js";
-import "./useToast-C1ZpPbXg.js";
+import "./useTelemetry-BxbCYDca.js";
+import "./useToast-CKD06lpn.js";
 import "./sanitize-html-BuXr7o4T.js";
 import "./path-browserify-DsmB_HMK.js";
-import "./constants-yBDcqULv.js";
-import "./merge-BONzxfgw.js";
+import "./constants-B1JYxPAR.js";
+import "./merge-Db6rb1_m.js";
 import "./dateformat-D7TIhVd4.js";
-import "./useDebounce-BDOVCaxX.js";
-import "./useExternalHooks-zp0_PYje.js";
-import "./cloudPlan.store-DVjbdiNL.js";
-import "./versions.store-BiGAlubj.js";
-import { t as usePageRedirectionHelper } from "./usePageRedirectionHelper-UBkr_KXQ.js";
+import "./useDebounce-BRhQZVIC.js";
+import "./useExternalHooks-ChElZw8W.js";
+import "./cloudPlan.store-x1IpiElw.js";
+import "./versions.store-DyddKRXT.js";
+import { t as usePageRedirectionHelper } from "./usePageRedirectionHelper-Cn-LYQLi.js";
 var InsightsPaywall_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "InsightsPaywall",
 	setup(__props) {

package/dist/assets/{InsightsSummary-BwL8KTCw.js → InsightsSummary-CAapTcha.js}

@@ -1,13 +1,13 @@
 import { C as computed, D as createElementBlock, E as createCommentVNode, Gt as unref, M as createVNode, P as defineComponent, Sn as toDisplayString, _ as Fragment, _n as normalizeClass, bt as withCtx, c as useCssModule, et as openBlock, it as renderList, j as createTextVNode, ot as resolveComponent, w as createBaseVNode } from "./vue.runtime.esm-bundler-DDuXT-9r.js";
-import { _t as I18nT, gt as useI18n } from "./_MapCache-CaP4mhI9.js";
-import { Fn as N8nIcon_default, ft as N8nTooltip_default } from "./src-DEMmv7aL.js";
+import { _t as I18nT, gt as useI18n } from "./_MapCache-BGBKpT5S.js";
+import { Rn as N8nIcon_default, ht as N8nTooltip_default } from "./src-Cl0xZtCE.js";
 import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
-import { y as useRoute } from "./truncate-Zm7rqMgr.js";
-import { t as useTelemetry } from "./useTelemetry-DMMCGp2b.js";
-import { oa as VIEWS } from "./constants-yBDcqULv.js";
-import { i as INSIGHTS_UNIT_IMPACT_MAPPING, o as INSIGHT_IMPACT_TYPES } from "./insights.constants-BkI0n967.js";
-import { t as getTimeRangeLabels } from "./insights.utils-BwI_ySXw.js";
-import { t as smartDecimal } from "./smartDecimal-Bi50OE4b.js";
+import { y as useRoute } from "./truncate-Dc79aML5.js";
+import { t as useTelemetry } from "./useTelemetry-BxbCYDca.js";
+import { co as VIEWS } from "./constants-B1JYxPAR.js";
+import { i as INSIGHTS_UNIT_IMPACT_MAPPING, o as INSIGHT_IMPACT_TYPES } from "./insights.constants-DK2g3nnD.js";
+import { t as getTimeRangeLabels } from "./insights.utils-7zZgNSKk.js";
+import { t as smartDecimal } from "./smartDecimal-BitNC0jz.js";
 var _hoisted_1 = { "data-test-id": "insights-summary-tabs" };
 var _hoisted_2 = ["data-test-id"];
 var _hoisted_3 = ["href"];
@@ -62,8 +62,9 @@ var InsightsSummary_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 					key: id,
 					"data-test-id": `insights-summary-tab-${id}`
 				}, [createVNode(unref(N8nTooltip_default), {
-					placement: "top",
-					disabled: !(summaryHasNoData.value && id === "total")
+					placement: unref(route).name === unref(VIEWS).INSIGHTS ? "bottom" : "top",
+					disabled: !(summaryHasNoData.value && id === "total"),
+					"show-after": 500
 				}, {
 					content: withCtx(() => [createVNode(unref(I18nT), {
 						keypath: "insights.banner.noData.tooltip",
@@ -129,7 +130,7 @@ var InsightsSummary_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ *
 						"onClick"
 					])]),
 					_: 2
-				}, 1032, ["disabled"])], 8, _hoisted_2);
+				}, 1032, ["placement", "disabled"])], 8, _hoisted_2);
 			}), 128))])], 2);
 		};
 	}

package/dist/assets/{InsightsTableWorkflows-vK_3zH-v.js → InsightsTableWorkflows-BY4sevh1.js}

@@ -1,23 +1,23 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/InsightsPaywall-D-vzB-Rj.js","assets/_plugin-vue_export-helper-BwBpWJRZ.js","assets/src-DEMmv7aL.js","assets/preload-helper-CR0ecmWK.js","assets/icon-bktrs2EQ.js","assets/vue.runtime.esm-bundler-DDuXT-9r.js","assets/chunk-6z4oVpB-.js","assets/truncate-Zm7rqMgr.js","assets/_MapCache-CaP4mhI9.js","assets/sanitize-html-BuXr7o4T.js","assets/empty-BuGRxzl4.js","assets/path-browserify-DsmB_HMK.js","assets/en-BYTsM8fR.js","assets/src-B3UiHJ-Q.css","assets/constants-yBDcqULv.js","assets/merge-BONzxfgw.js","assets/useTelemetry-DMMCGp2b.js","assets/dateformat-D7TIhVd4.js","assets/useDebounce-BDOVCaxX.js","assets/useToast-C1ZpPbXg.js","assets/useExternalHooks-zp0_PYje.js","assets/versions.store-BiGAlubj.js","assets/usePageRedirectionHelper-UBkr_KXQ.js","assets/cloudPlan.store-DVjbdiNL.js","assets/InsightsPaywall-CE5W3W4m.css"])))=>i.map(i=>d[i]);
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/InsightsPaywall-C_Osp3Xn.js","assets/_plugin-vue_export-helper-BwBpWJRZ.js","assets/src-Cl0xZtCE.js","assets/preload-helper-CR0ecmWK.js","assets/icon-C8yfF1LY.js","assets/vue.runtime.esm-bundler-DDuXT-9r.js","assets/chunk-6z4oVpB-.js","assets/truncate-Dc79aML5.js","assets/_MapCache-BGBKpT5S.js","assets/sanitize-html-BuXr7o4T.js","assets/empty-BuGRxzl4.js","assets/path-browserify-DsmB_HMK.js","assets/en-BYTsM8fR.js","assets/src-C5a_PFvg.css","assets/constants-B1JYxPAR.js","assets/merge-Db6rb1_m.js","assets/useTelemetry-BxbCYDca.js","assets/dateformat-D7TIhVd4.js","assets/useDebounce-BRhQZVIC.js","assets/useToast-CKD06lpn.js","assets/useExternalHooks-ChElZw8W.js","assets/versions.store-DyddKRXT.js","assets/usePageRedirectionHelper-Cn-LYQLi.js","assets/cloudPlan.store-x1IpiElw.js","assets/InsightsPaywall-CE5W3W4m.css"])))=>i.map(i=>d[i]);
 import { C as computed, D as createElementBlock, Gt as unref, I as guardReactiveProps, It as ref, M as createVNode, N as defineAsyncComponent, P as defineComponent, Sn as toDisplayString, T as createBlock, U as mergeModels, _ as Fragment, _n as normalizeClass, _t as watch, bt as withCtx, ct as resolveDynamicComponent, et as openBlock, ft as useModel, j as createTextVNode, k as createSlots, vn as normalizeProps, w as createBaseVNode } from "./vue.runtime.esm-bundler-DDuXT-9r.js";
-import { gt as useI18n } from "./_MapCache-CaP4mhI9.js";
-import { An as N8nHeading_default, ft as N8nTooltip_default, o as N8nDataTableServer_default } from "./src-DEMmv7aL.js";
+import { gt as useI18n } from "./_MapCache-BGBKpT5S.js";
+import { Nn as N8nHeading_default, ht as N8nTooltip_default, s as N8nDataTableServer_default } from "./src-Cl0xZtCE.js";
 import "./en-BYTsM8fR.js";
 import { t as __vitePreload } from "./preload-helper-CR0ecmWK.js";
 import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
-import { p as RouterLink } from "./truncate-Zm7rqMgr.js";
-import "./icon-bktrs2EQ.js";
+import { p as RouterLink } from "./truncate-Dc79aML5.js";
+import "./icon-C8yfF1LY.js";
 import "./empty-BuGRxzl4.js";
-import { t as useTelemetry } from "./useTelemetry-DMMCGp2b.js";
+import { t as useTelemetry } from "./useTelemetry-BxbCYDca.js";
 import "./sanitize-html-BuXr7o4T.js";
 import "./path-browserify-DsmB_HMK.js";
-import { oa as VIEWS } from "./constants-yBDcqULv.js";
-import "./merge-BONzxfgw.js";
+import { co as VIEWS } from "./constants-B1JYxPAR.js";
+import "./merge-Db6rb1_m.js";
 import "./dateformat-D7TIhVd4.js";
-import "./useDebounce-BDOVCaxX.js";
-import { a as INSIGHTS_UNIT_MAPPING } from "./insights.constants-BkI0n967.js";
-import { a as transformInsightsTimeSaved, n as transformInsightsAverageRunTime, r as transformInsightsFailureRate } from "./insights.utils-BwI_ySXw.js";
-import { t as smartDecimal } from "./smartDecimal-Bi50OE4b.js";
+import "./useDebounce-BRhQZVIC.js";
+import { a as INSIGHTS_UNIT_MAPPING } from "./insights.constants-DK2g3nnD.js";
+import { i as transformInsightsFailureRate, o as transformInsightsTimeSaved, r as transformInsightsAverageRunTime } from "./insights.utils-7zZgNSKk.js";
+import { t as smartDecimal } from "./smartDecimal-BitNC0jz.js";
 var InsightsTableWorkflows_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "InsightsTableWorkflows",
 	props: /* @__PURE__ */ mergeModels({
@@ -30,7 +30,7 @@ var InsightsTableWorkflows_vue_vue_type_script_setup_true_lang_default = /* @__P
 	}),
 	emits: /* @__PURE__ */ mergeModels(["update:options"], ["update:sortBy"]),
 	setup(__props, { emit: __emit }) {
-		const InsightsPaywall = defineAsyncComponent(async () => await __vitePreload(() => import("./InsightsPaywall-D-vzB-Rj.js"), __vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24])));
+		const InsightsPaywall = defineAsyncComponent(async () => await __vitePreload(() => import("./InsightsPaywall-C_Osp3Xn.js"), __vite__mapDeps([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24])));
 		const props = __props;
 		const i18n = useI18n();
 		const telemetry = useTelemetry();

package/dist/assets/{ItemsRenderer-BmYB1_dZ.js → ItemsRenderer-CTbNG2s3.js}

@@ -1,14 +1,14 @@
 import { o as __toESM } from "./chunk-6z4oVpB-.js";
 import { C as computed, D as createElementBlock, E as createCommentVNode, Gt as unref, Ht as toRefs, I as guardReactiveProps, It as ref, M as createVNode, P as defineComponent, Pt as reactive, Q as onUnmounted, Sn as toDisplayString, T as createBlock, W as mergeProps, Z as onMounted, _ as Fragment, _n as normalizeClass, _t as watch, at as renderSlot, bt as withCtx, et as openBlock, h as withModifiers, it as renderList, j as createTextVNode, k as createSlots, n as Transition, p as vShow, st as resolveDirective, vn as normalizeProps, w as createBaseVNode, xt as withDirectives, yn as normalizeStyle } from "./vue.runtime.esm-bundler-DDuXT-9r.js";
-import { gt as useI18n } from "./_MapCache-CaP4mhI9.js";
-import { D as N8nNodeCreatorNode_default, E as N8nNodeIcon_default, Fn as N8nIcon_default, Mn as N8nText_default, Nn as N8nButton_default, et as N8nLoading_default, ft as N8nTooltip_default } from "./src-DEMmv7aL.js";
+import { gt as useI18n } from "./_MapCache-BGBKpT5S.js";
+import { D as N8nNodeIcon_default, Fn as N8nText_default, In as N8nButton_default, O as N8nNodeCreatorNode_default, Rn as N8nIcon_default, et as N8nLoading_default, ht as N8nTooltip_default } from "./src-Cl0xZtCE.js";
 import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
-import { Hi as COMMUNITY_NODES_INSTALLATION_DOCS_URL, b as getNewNodePosition, bt as shouldShowCommunityNodeDetails, gt as isNodePreviewKey, ir as useUsersStore, o as useWorkflowsStore, rt as useNodeTypesStore, t as useTelemetry, u as DEFAULT_NODE_SIZE, vt as removePreviewToken } from "./useTelemetry-DMMCGp2b.js";
-import { Pt as DEFAULT_SUBCATEGORY, Rt as DRAG_EVENT_DATA_KEY, Ss as isCommunityPackageName, _n as HITL_SUBCATEGORY, ca as WEBHOOK_NODE_TYPE, ht as CREDENTIAL_ONLY_NODE_PREFIX } from "./constants-yBDcqULv.js";
-import { n as useNodeType } from "./usePinnedData-CyQ835zq.js";
-import { d as useViewStacks, f as useKeyboardNavigation, t as useNodeCreatorStore, v as require_camelCase } from "./nodeCreator.store-dfEe2Vlw.js";
-import { t as NodeIcon_default } from "./NodeIcon-BBzZc2Cr.js";
-import { t as useActions } from "./useActions-BPH1iZ0J.js";
+import { Hi as COMMUNITY_NODES_INSTALLATION_DOCS_URL, b as getNewNodePosition, bt as shouldShowCommunityNodeDetails, gt as isNodePreviewKey, ir as useUsersStore, o as useWorkflowsStore, rt as useNodeTypesStore, t as useTelemetry, u as DEFAULT_NODE_SIZE, vt as removePreviewToken } from "./useTelemetry-BxbCYDca.js";
+import { Ii as isCommunityPackageName, On as WEBHOOK_NODE_TYPE, R as DRAG_EVENT_DATA_KEY, Xa as HITL_SUBCATEGORY, it as CREDENTIAL_ONLY_NODE_PREFIX, qa as DEFAULT_SUBCATEGORY } from "./constants-B1JYxPAR.js";
+import { n as useNodeType } from "./usePinnedData-_-i0LUdd.js";
+import { d as useViewStacks, f as useKeyboardNavigation, t as useNodeCreatorStore, v as require_camelCase } from "./nodeCreator.store-DDUlc1Wi.js";
+import { t as NodeIcon_default } from "./NodeIcon-Bbl9Jpsi.js";
+import { t as useActions } from "./useActions-CYE2yaOW.js";
 var _sfc_main = {};
 function _sfc_render(_ctx, _cache) {
 	return openBlock(), createBlock(Transition, { name: "slide" }, {

package/dist/assets/{KeyboardShortcutTooltip-CqWoJrGF.js → KeyboardShortcutTooltip-CXKgjDIT.js}

@@ -1,5 +1,5 @@
 import { E as createCommentVNode, Gt as unref, P as defineComponent, Sn as toDisplayString, T as createBlock, W as mergeProps, _n as normalizeClass, at as renderSlot, bt as withCtx, et as openBlock, vn as normalizeProps, w as createBaseVNode } from "./vue.runtime.esm-bundler-DDuXT-9r.js";
-import { ft as N8nTooltip_default, nt as N8nKeyboardShortcut_default } from "./src-DEMmv7aL.js";
+import { ht as N8nTooltip_default, nt as N8nKeyboardShortcut_default } from "./src-Cl0xZtCE.js";
 import { t as __plugin_vue_export_helper_default } from "./_plugin-vue_export-helper-BwBpWJRZ.js";
 var KeyboardShortcutTooltip_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
 	__name: "KeyboardShortcutTooltip",