@burdenoff/microfe-devportal 2026.1112.2 → 2026.1113.2

package/dist/devportal/pages/AnalyticsDashboardPage.js

@@ -1,62 +1,70 @@
 import { Bar as e } from "../../node_modules/recharts/es6/cartesian/Bar.js";
 import { BarChart as t } from "../../node_modules/recharts/es6/chart/BarChart.js";
 import { CartesianGrid as n } from "../../node_modules/recharts/es6/cartesian/CartesianGrid.js";
-import { useGetAnalyticsDashboardOptionsQuery as r, useGetApplicationAnalyticsDashboardQuery as i } from "../../generated/global-operations.js";
-import { getErrorMessage as a } from "../hooks/useGraphQL.js";
-import { Line as o } from "../../node_modules/recharts/es6/cartesian/Line.js";
-import { LineChart as s } from "../../node_modules/recharts/es6/chart/LineChart.js";
-import { ResponsiveContainer as c } from "../../node_modules/recharts/es6/component/ResponsiveContainer.js";
-import { Tooltip as l } from "../../node_modules/recharts/es6/component/Tooltip.js";
-import { XAxis as u } from "../../node_modules/recharts/es6/cartesian/XAxis.js";
-import { YAxis as d } from "../../node_modules/recharts/es6/cartesian/YAxis.js";
-import { PageLayout as f, PageSection as p } from "../components/PageLayout.js";
-import { DataTable as m } from "../components/DataTable.js";
-import { EmptyState as h } from "../components/EmptyState.js";
-import { StatCard as g, StatCardGrid as ee } from "../components/StatCard.js";
-import { AppListItem as te } from "../components/AppCard.js";
-import { useDevportal as ne } from "../providers/DevportalProvider.js";
+import { useGetAnalyticsDashboardOptionsQuery as ee, useGetApplicationAnalyticsDashboardQuery as te } from "../../generated/global-operations.js";
+import { getErrorMessage as r } from "../hooks/useGraphQL.js";
+import { Line as i } from "../../node_modules/recharts/es6/cartesian/Line.js";
+import { LineChart as ne } from "../../node_modules/recharts/es6/chart/LineChart.js";
+import { ResponsiveContainer as a } from "../../node_modules/recharts/es6/component/ResponsiveContainer.js";
+import { Tooltip as o } from "../../node_modules/recharts/es6/component/Tooltip.js";
+import { XAxis as s } from "../../node_modules/recharts/es6/cartesian/XAxis.js";
+import { YAxis as c } from "../../node_modules/recharts/es6/cartesian/YAxis.js";
+import { PageLayout as l, PageSection as u } from "../components/PageLayout.js";
+import { DataTable as re } from "../components/DataTable.js";
+import { EmptyState as d } from "../components/EmptyState.js";
+import { StatCard as f, StatCardGrid as p } from "../components/StatCard.js";
+import { AppListItem as m } from "../components/AppCard.js";
+import { useDevportal as h, useIsFluidgridsVariant as ie } from "../providers/DevportalProvider.js";
 import "../hooks/index.js";
-import { useTr as re } from "../utils/i18n.js";
-import { useEffect as ie, useMemo as _, useState as v } from "react";
-import { Activity as y, AlertCircle as b, AlertTriangle as ae, BarChart3 as x, Clock as S, Loader2 as C, Users as oe } from "lucide-react";
-import { useParams as se } from "react-router";
-import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
-import { EmphasisPanel as D, GlassCard as O } from "@burdenoff/fe-libs/ui";
+import { useTr as g } from "../utils/i18n.js";
+import { useEffect as ae, useMemo as _, useState as v } from "react";
+import { Activity as oe, AlertCircle as y, AlertTriangle as se, BarChart3 as b, Clock as x, Loader2 as S, Users as C } from "lucide-react";
+import { useParams as w } from "react-router";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+import { EmphasisPanel as O, GlassCard as k, OptionalFields as A } from "@burdenoff/fe-libs/ui";
 // src/devportal/pages/AnalyticsDashboardPage.tsx
 var ce = {
 	"7d": 7,
 	"30d": 30,
 	"90d": 90
-}, k = {
+}, j = {
 	primary: "var(--color-chart-1)",
 	secondary: "var(--color-chart-2)",
 	tertiary: "var(--color-chart-4)",
 	negative: "var(--color-chart-negative)"
-}, A = () => {
-	let { appId: A } = se(), { navigate: le, basePath: j, activeOrgId: M } = ne(), N = re(), [P, F] = v("30d"), [I, L] = v(A || ""), R = _(() => /* @__PURE__ */ new Date(), []), z = _(() => {
-		let e = new Date(R);
-		return e.setDate(e.getDate() - ce[P]), e.toISOString();
-	}, [R, P]), { data: B, loading: V, error: H } = r({
-		skip: !!A,
+}, le = ({ fold: e, children: t }) => {
+	let n = g();
+	return e ? /* @__PURE__ */ E(A, {
+		storageKey: "devportal.analytics.details",
+		title: n("devportal.analytics.detailsTitle", "Trends and daily breakdown"),
+		description: n("devportal.analytics.detailsDescription", "Traffic and user charts, plus the day-by-day table."),
+		children: t
+	}) : /* @__PURE__ */ E(T, { children: t });
+}, M = () => {
+	let A = ie(), { appId: M } = w(), { navigate: ue, basePath: de, activeOrgId: N } = h(), P = g(), [F, I] = v("30d"), [L, R] = v(M || ""), z = _(() => /* @__PURE__ */ new Date(), []), B = _(() => {
+		let e = new Date(z);
+		return e.setDate(e.getDate() - ce[F]), e.toISOString();
+	}, [z, F]), { data: V, loading: fe, error: H } = ee({
+		skip: !!M,
 		fetchPolicy: "cache-and-network"
-	}), { data: U, loading: ue, error: W } = i({
+	}), { data: U, loading: pe, error: W } = te({
 		variables: {
-			applicationId: I || A || "",
+			applicationId: L || M || "",
 			period: "daily",
-			startDate: z,
-			endDate: R.toISOString()
+			startDate: B,
+			endDate: z.toISOString()
 		},
-		skip: !(I || A),
+		skip: !(L || M),
 		fetchPolicy: "cache-and-network"
-	}), G = B?.applications?.edges?.map((e) => e.node) ?? [], K = M ? G.filter((e) => e.developerOrganizationId === M) : G, q = U?.application;
-	ie(() => {
-		let e = q?.name, t = A || I;
+	}), G = V?.applications?.edges?.map((e) => e.node) ?? [], K = N ? G.filter((e) => e.developerOrganizationId === N) : G, q = U?.application;
+	ae(() => {
+		let e = q?.name, t = M || L;
 		if (!t || !e) return;
 		let n = window.__breadcrumbRegistry;
 		return n?.register(t, e), () => n?.unregister(t);
 	}, [
-		A,
-		I,
+		M,
+		L,
 		q?.name
 	]);
 	let J = [...U?.applicationAnalytics ?? []].sort((e, t) => new Date(e.date).getTime() - new Date(t.date).getTime()), Y = J[J.length - 1], X = J[J.length - 2], Z = J.map((e) => ({
@@ -70,175 +78,175 @@ var ce = {
 		newUsers: e.newUsers,
 		sessions: e.sessions,
 		avgResponseTime: e.avgResponseTime ?? 0
-	})), Q = Y && Y.apiCalls > 0 ? Y.errors / Y.apiCalls * 100 : 0, de = X && X.apiCalls > 0 ? X.errors / X.apiCalls * 100 : 0, $ = Y?.avgResponseTime && X?.avgResponseTime ? X.avgResponseTime - Y.avgResponseTime : void 0, fe = (e) => {
-		le?.(`${j}${e}`);
+	})), Q = Y && Y.apiCalls > 0 ? Y.errors / Y.apiCalls * 100 : 0, me = X && X.apiCalls > 0 ? X.errors / X.apiCalls * 100 : 0, $ = Y?.avgResponseTime && X?.avgResponseTime ? X.avgResponseTime - Y.avgResponseTime : void 0, he = (e) => {
+		ue?.(`${de}${e}`);
 	};
-	return !A && V && !B ? /* @__PURE__ */ T(f, {
-		title: N("devportal.analytics.title", "Analytics"),
-		description: N("devportal.analytics.description", "Explore live application usage and performance metrics"),
-		children: /* @__PURE__ */ T("div", {
+	return !M && fe && !V ? /* @__PURE__ */ E(l, {
+		title: P("devportal.analytics.title", "Analytics"),
+		description: P("devportal.analytics.description", "Explore live application usage and performance metrics"),
+		children: /* @__PURE__ */ E("div", {
 			className: "flex items-center justify-center py-16 text-text-secondary",
-			children: /* @__PURE__ */ T(C, { className: "h-8 w-8 animate-spin" })
+			children: /* @__PURE__ */ E(S, { className: "h-8 w-8 animate-spin" })
 		})
-	}) : !A && H ? /* @__PURE__ */ T(f, {
-		title: N("devportal.analytics.title", "Analytics"),
-		description: N("devportal.analytics.description", "Explore live application usage and performance metrics"),
-		children: /* @__PURE__ */ T(h, {
-			icon: /* @__PURE__ */ T(b, {
+	}) : !M && H ? /* @__PURE__ */ E(l, {
+		title: P("devportal.analytics.title", "Analytics"),
+		description: P("devportal.analytics.description", "Explore live application usage and performance metrics"),
+		children: /* @__PURE__ */ E(d, {
+			icon: /* @__PURE__ */ E(y, {
 				size: 32,
 				className: "text-status-error-text"
 			}),
-			title: N("devportal.analytics.errorLoadApps", "Unable to load applications"),
-			description: a(H)
+			title: P("devportal.analytics.errorLoadApps", "Unable to load applications"),
+			description: r(H)
 		})
-	}) : !A && !I ? /* @__PURE__ */ T(f, {
-		title: N("devportal.analytics.title", "Analytics"),
-		description: N("devportal.analytics.selectAppDescription", "Select an application to review live usage metrics from the public gateway"),
-		children: K.length > 0 ? /* @__PURE__ */ T("div", {
+	}) : !M && !L ? /* @__PURE__ */ E(l, {
+		title: P("devportal.analytics.title", "Analytics"),
+		description: P("devportal.analytics.selectAppDescription", "Select an application to review live usage metrics from the public gateway"),
+		children: K.length > 0 ? /* @__PURE__ */ E("div", {
 			className: "space-y-2",
-			children: K.map((e) => /* @__PURE__ */ T(te, {
+			children: K.map((e) => /* @__PURE__ */ E(m, {
 				app: e,
-				onClick: () => L(e.id)
+				onClick: () => R(e.id)
 			}, e.id))
-		}) : /* @__PURE__ */ T(h, {
+		}) : /* @__PURE__ */ E(d, {
 			illustration: "empty-data",
-			icon: /* @__PURE__ */ T(x, { size: 32 }),
-			title: N("devportal.analytics.noAppsTitle", "No applications available"),
-			description: N("devportal.analytics.noAppsDescription", "Create an application before viewing analytics.")
+			icon: /* @__PURE__ */ E(b, { size: 32 }),
+			title: P("devportal.analytics.noAppsTitle", "No applications available"),
+			description: P("devportal.analytics.noAppsDescription", "Create an application before viewing analytics.")
 		})
-	}) : W ? /* @__PURE__ */ T(f, {
-		title: N("devportal.analytics.title", "Analytics"),
-		description: N("devportal.analytics.description", "Explore live application usage and performance metrics"),
-		backLink: I ? `/apps/${I}` : void 0,
-		backLabel: N("devportal.analytics.backToApplication", "Back to Application"),
-		children: /* @__PURE__ */ T(h, {
-			icon: /* @__PURE__ */ T(b, {
+	}) : W ? /* @__PURE__ */ E(l, {
+		title: P("devportal.analytics.title", "Analytics"),
+		description: P("devportal.analytics.description", "Explore live application usage and performance metrics"),
+		backLink: L ? `/apps/${L}` : void 0,
+		backLabel: P("devportal.analytics.backToApplication", "Back to Application"),
+		children: /* @__PURE__ */ E(d, {
+			icon: /* @__PURE__ */ E(y, {
 				size: 32,
 				className: "text-status-error-text"
 			}),
-			title: N("devportal.analytics.errorLoadAnalytics", "Unable to load analytics"),
-			description: a(W)
+			title: P("devportal.analytics.errorLoadAnalytics", "Unable to load analytics"),
+			description: r(W)
 		})
-	}) : /* @__PURE__ */ T(f, {
-		title: A ? N("devportal.analytics.appTitle", "Application Analytics") : N("devportal.analytics.title", "Analytics"),
-		description: q ? `${N("devportal.analytics.liveUsageFor", "Live usage and performance for")} ${q.name}` : N("devportal.analytics.description", "Explore live application usage and performance metrics"),
-		purpose: N("devportal.analytics.purpose", "Analytics shows how your apps are actually used — API call volume, active installs, latency, and error rates over time — so you can spot regressions, plan capacity, and prove value to your users. Pick an app and a time range to drill in."),
-		backLink: A && q ? `/apps/${q.id}` : void 0,
-		backLabel: N("devportal.analytics.backToApplication", "Back to Application"),
-		actions: /* @__PURE__ */ E("div", {
+	}) : /* @__PURE__ */ E(l, {
+		title: M ? P("devportal.analytics.appTitle", "Application Analytics") : P("devportal.analytics.title", "Analytics"),
+		description: q ? `${P("devportal.analytics.liveUsageFor", "Live usage and performance for")} ${q.name}` : P("devportal.analytics.description", "Explore live application usage and performance metrics"),
+		purpose: P("devportal.analytics.purpose", "Analytics shows how your apps are actually used — API call volume, active installs, latency, and error rates over time — so you can spot regressions, plan capacity, and prove value to your users. Pick an app and a time range to drill in."),
+		backLink: M && q ? `/apps/${q.id}` : void 0,
+		backLabel: P("devportal.analytics.backToApplication", "Back to Application"),
+		actions: /* @__PURE__ */ D("div", {
 			className: "flex flex-wrap gap-2",
-			children: [!A && K.length > 0 && /* @__PURE__ */ T("select", {
-				value: I,
-				onChange: (e) => L(e.target.value),
-				"aria-label": N("devportal.analytics.selectAppAria", "Select application"),
+			children: [!M && K.length > 0 && /* @__PURE__ */ E("select", {
+				value: L,
+				onChange: (e) => R(e.target.value),
+				"aria-label": P("devportal.analytics.selectAppAria", "Select application"),
 				className: "rounded-md border bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-primary",
-				children: K.map((e) => /* @__PURE__ */ T("option", {
+				children: K.map((e) => /* @__PURE__ */ E("option", {
 					value: e.id,
 					children: e.name
 				}, e.id))
-			}), /* @__PURE__ */ E("select", {
-				value: P,
-				onChange: (e) => F(e.target.value),
-				"aria-label": N("devportal.analytics.selectRangeAria", "Select time range"),
+			}), /* @__PURE__ */ D("select", {
+				value: F,
+				onChange: (e) => I(e.target.value),
+				"aria-label": P("devportal.analytics.selectRangeAria", "Select time range"),
 				className: "rounded-md border bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-primary",
 				children: [
-					/* @__PURE__ */ T("option", {
+					/* @__PURE__ */ E("option", {
 						value: "7d",
-						children: N("devportal.analytics.range.7d", "Last 7 days")
+						children: P("devportal.analytics.range.7d", "Last 7 days")
 					}),
-					/* @__PURE__ */ T("option", {
+					/* @__PURE__ */ E("option", {
 						value: "30d",
-						children: N("devportal.analytics.range.30d", "Last 30 days")
+						children: P("devportal.analytics.range.30d", "Last 30 days")
 					}),
-					/* @__PURE__ */ T("option", {
+					/* @__PURE__ */ E("option", {
 						value: "90d",
-						children: N("devportal.analytics.range.90d", "Last 90 days")
+						children: P("devportal.analytics.range.90d", "Last 90 days")
 					})
 				]
 			})]
 		}),
-		children: ue && !J.length ? /* @__PURE__ */ T("div", {
+		children: pe && !J.length ? /* @__PURE__ */ E("div", {
 			className: "flex items-center justify-center py-16 text-text-secondary",
-			children: /* @__PURE__ */ T(C, { className: "h-8 w-8 animate-spin" })
-		}) : J.length > 0 ? /* @__PURE__ */ E(w, { children: [
-			/* @__PURE__ */ T(D, {
-				className: "mb-6",
-				children: /* @__PURE__ */ E(ee, {
-					columns: 4,
-					children: [
-						/* @__PURE__ */ T(g, {
-							title: N("devportal.analytics.apiCalls", "API Calls"),
-							value: (Y?.apiCalls ?? 0).toLocaleString(),
-							icon: /* @__PURE__ */ T(y, { size: 20 })
-						}),
-						/* @__PURE__ */ T(g, {
-							title: N("devportal.analytics.activeUsers", "Active Users"),
-							value: (Y?.activeUsers ?? 0).toLocaleString(),
-							icon: /* @__PURE__ */ T(oe, { size: 20 })
-						}),
-						/* @__PURE__ */ T(g, {
-							title: N("devportal.analytics.errorRate", "Error Rate"),
-							value: `${Q.toFixed(2)}%`,
-							icon: /* @__PURE__ */ T(ae, { size: 20 }),
-							trend: X ? {
-								value: de - Q,
-								label: N("devportal.analytics.vsPrevious", "vs previous period")
-							} : void 0
-						}),
-						/* @__PURE__ */ T(g, {
-							title: N("devportal.analytics.avgResponseTime", "Avg Response Time"),
-							value: Y?.avgResponseTime ? `${Y.avgResponseTime}ms` : N("devportal.common.na", "N/A"),
-							icon: /* @__PURE__ */ T(S, { size: 20 }),
-							trend: typeof $ == "number" ? {
-								value: $,
-								label: N("devportal.analytics.fasterThanPrevious", "faster than previous")
-							} : void 0
-						})
-					]
-				})
-			}),
-			/* @__PURE__ */ E("div", {
+			children: /* @__PURE__ */ E(S, { className: "h-8 w-8 animate-spin" })
+		}) : J.length > 0 ? /* @__PURE__ */ D(T, { children: [/* @__PURE__ */ E(O, {
+			className: "mb-6",
+			children: /* @__PURE__ */ D(p, {
+				columns: 4,
+				children: [
+					/* @__PURE__ */ E(f, {
+						title: P("devportal.analytics.apiCalls", "API Calls"),
+						value: (Y?.apiCalls ?? 0).toLocaleString(),
+						icon: /* @__PURE__ */ E(oe, { size: 20 })
+					}),
+					/* @__PURE__ */ E(f, {
+						title: P("devportal.analytics.activeUsers", "Active Users"),
+						value: (Y?.activeUsers ?? 0).toLocaleString(),
+						icon: /* @__PURE__ */ E(C, { size: 20 })
+					}),
+					/* @__PURE__ */ E(f, {
+						title: P("devportal.analytics.errorRate", "Error Rate"),
+						value: `${Q.toFixed(2)}%`,
+						icon: /* @__PURE__ */ E(se, { size: 20 }),
+						trend: X ? {
+							value: me - Q,
+							label: P("devportal.analytics.vsPrevious", "vs previous period")
+						} : void 0
+					}),
+					/* @__PURE__ */ E(f, {
+						title: P("devportal.analytics.avgResponseTime", "Avg Response Time"),
+						value: Y?.avgResponseTime ? `${Y.avgResponseTime}ms` : P("devportal.common.na", "N/A"),
+						icon: /* @__PURE__ */ E(x, { size: 20 }),
+						trend: typeof $ == "number" ? {
+							value: $,
+							label: P("devportal.analytics.fasterThanPrevious", "faster than previous")
+						} : void 0
+					})
+				]
+			})
+		}), /* @__PURE__ */ D(le, {
+			fold: A,
+			children: [/* @__PURE__ */ D("div", {
 				className: "grid gap-6 xl:grid-cols-2",
-				children: [/* @__PURE__ */ T(p, {
-					title: N("devportal.analytics.trafficTrend", "Traffic trend"),
-					children: /* @__PURE__ */ T(O, {
+				children: [/* @__PURE__ */ E(u, {
+					title: P("devportal.analytics.trafficTrend", "Traffic trend"),
+					children: /* @__PURE__ */ E(k, {
 						treatment: "insight",
 						className: "p-4",
-						children: /* @__PURE__ */ T(c, {
+						children: /* @__PURE__ */ E(a, {
 							width: "100%",
 							height: 300,
-							children: /* @__PURE__ */ E(s, {
+							children: /* @__PURE__ */ D(ne, {
 								data: Z,
 								children: [
-									/* @__PURE__ */ T(n, {
+									/* @__PURE__ */ E(n, {
 										strokeDasharray: "3 3",
 										stroke: "var(--color-chart-grid)"
 									}),
-									/* @__PURE__ */ T(u, {
+									/* @__PURE__ */ E(s, {
 										dataKey: "date",
 										stroke: "var(--color-chart-axis)",
 										fontSize: 12
 									}),
-									/* @__PURE__ */ T(d, {
+									/* @__PURE__ */ E(c, {
 										stroke: "var(--color-chart-axis)",
 										fontSize: 12
 									}),
-									/* @__PURE__ */ T(l, { contentStyle: {
+									/* @__PURE__ */ E(o, { contentStyle: {
 										backgroundColor: "var(--color-card)",
 										border: "1px solid var(--color-border-default)",
 										borderRadius: 12
 									} }),
-									/* @__PURE__ */ T(o, {
+									/* @__PURE__ */ E(i, {
 										type: "monotone",
 										dataKey: "apiCalls",
-										stroke: k.primary,
+										stroke: j.primary,
 										strokeWidth: 2,
 										dot: !1
 									}),
-									/* @__PURE__ */ T(o, {
+									/* @__PURE__ */ E(i, {
 										type: "monotone",
 										dataKey: "errors",
-										stroke: k.negative,
+										stroke: j.negative,
 										strokeWidth: 2,
 										dot: !1
 									})
@@ -246,38 +254,38 @@ var ce = {
 							})
 						})
 					})
-				}), /* @__PURE__ */ T(p, {
-					title: N("devportal.analytics.userActivity", "User activity"),
-					children: /* @__PURE__ */ T(O, {
+				}), /* @__PURE__ */ E(u, {
+					title: P("devportal.analytics.userActivity", "User activity"),
+					children: /* @__PURE__ */ E(k, {
 						treatment: "insight",
 						className: "p-4",
-						children: /* @__PURE__ */ T(c, {
+						children: /* @__PURE__ */ E(a, {
 							width: "100%",
 							height: 300,
-							children: /* @__PURE__ */ E(t, {
+							children: /* @__PURE__ */ D(t, {
 								data: Z,
 								children: [
-									/* @__PURE__ */ T(n, {
+									/* @__PURE__ */ E(n, {
 										strokeDasharray: "3 3",
 										stroke: "var(--color-chart-grid)"
 									}),
-									/* @__PURE__ */ T(u, {
+									/* @__PURE__ */ E(s, {
 										dataKey: "date",
 										stroke: "var(--color-chart-axis)",
 										fontSize: 12
 									}),
-									/* @__PURE__ */ T(d, {
+									/* @__PURE__ */ E(c, {
 										stroke: "var(--color-chart-axis)",
 										fontSize: 12
 									}),
-									/* @__PURE__ */ T(l, { contentStyle: {
+									/* @__PURE__ */ E(o, { contentStyle: {
 										backgroundColor: "var(--color-card)",
 										border: "1px solid var(--color-border-default)",
 										borderRadius: 12
 									} }),
-									/* @__PURE__ */ T(e, {
+									/* @__PURE__ */ E(e, {
 										dataKey: "activeUsers",
-										fill: k.primary,
+										fill: j.primary,
 										radius: [
 											6,
 											6,
@@ -285,9 +293,9 @@ var ce = {
 											0
 										]
 									}),
-									/* @__PURE__ */ T(e, {
+									/* @__PURE__ */ E(e, {
 										dataKey: "newUsers",
-										fill: k.secondary,
+										fill: j.secondary,
 										radius: [
 											6,
 											6,
@@ -300,16 +308,15 @@ var ce = {
 						})
 					})
 				})]
-			}),
-			/* @__PURE__ */ T(p, {
-				title: N("devportal.analytics.dailyBreakdown", "Daily breakdown"),
-				children: /* @__PURE__ */ T(m, {
+			}), /* @__PURE__ */ E(u, {
+				title: P("devportal.analytics.dailyBreakdown", "Daily breakdown"),
+				children: /* @__PURE__ */ E(re, {
 					data: J,
 					keyField: "id",
 					columns: [
 						{
 							key: "date",
-							header: N("devportal.analytics.date", "Date"),
+							header: P("devportal.analytics.date", "Date"),
 							render: (e) => new Date(e.date).toLocaleDateString(void 0, {
 								month: "short",
 								day: "numeric",
@@ -318,51 +325,51 @@ var ce = {
 						},
 						{
 							key: "apiCalls",
-							header: N("devportal.analytics.apiCalls", "API Calls"),
+							header: P("devportal.analytics.apiCalls", "API Calls"),
 							render: (e) => e.apiCalls.toLocaleString()
 						},
 						{
 							key: "errors",
-							header: N("devportal.analytics.errors", "Errors"),
+							header: P("devportal.analytics.errors", "Errors"),
 							render: (e) => e.errors.toLocaleString()
 						},
 						{
 							key: "activeUsers",
-							header: N("devportal.analytics.activeUsers", "Active Users"),
+							header: P("devportal.analytics.activeUsers", "Active Users"),
 							render: (e) => e.activeUsers.toLocaleString()
 						},
 						{
 							key: "newUsers",
-							header: N("devportal.analytics.newUsers", "New Users"),
+							header: P("devportal.analytics.newUsers", "New Users"),
 							render: (e) => e.newUsers.toLocaleString()
 						},
 						{
 							key: "avgResponseTime",
-							header: N("devportal.analytics.avgResponse", "Avg Response"),
-							render: (e) => e.avgResponseTime ? `${e.avgResponseTime}ms` : N("devportal.common.na", "N/A")
+							header: P("devportal.analytics.avgResponse", "Avg Response"),
+							render: (e) => e.avgResponseTime ? `${e.avgResponseTime}ms` : P("devportal.common.na", "N/A")
 						},
 						{
 							key: "sessions",
-							header: N("devportal.analytics.sessions", "Sessions"),
+							header: P("devportal.analytics.sessions", "Sessions"),
 							render: (e) => e.sessions.toLocaleString()
 						}
 					]
 				})
-			})
-		] }) : /* @__PURE__ */ T(h, {
+			})]
+		})] }) : /* @__PURE__ */ E(d, {
 			illustration: "empty-data",
-			icon: /* @__PURE__ */ T(x, { size: 32 }),
-			title: N("devportal.analytics.noAnalyticsTitle", "No analytics available yet"),
-			description: N("devportal.analytics.noAnalyticsDescription", "Analytics will appear after this application starts receiving traffic through the public gateway."),
-			action: A ? void 0 : /* @__PURE__ */ T("button", {
+			icon: /* @__PURE__ */ E(b, { size: 32 }),
+			title: P("devportal.analytics.noAnalyticsTitle", "No analytics available yet"),
+			description: P("devportal.analytics.noAnalyticsDescription", "Analytics will appear after this application starts receiving traffic through the public gateway."),
+			action: M ? void 0 : /* @__PURE__ */ E("button", {
 				type: "button",
-				onClick: () => fe("/apps"),
+				onClick: () => he("/apps"),
 				className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-primary",
-				children: N("devportal.analytics.viewApplications", "View applications")
+				children: P("devportal.analytics.viewApplications", "View applications")
 			})
 		})
 	});
 };
-export { A as AnalyticsDashboardPage };
+export { M as AnalyticsDashboardPage };
 
 //# sourceMappingURL=AnalyticsDashboardPage.js.map