@burdenoff/microfe-kadaikodi 2026.802.1 → 2026.830.1

package/dist/kadaikodi/pages/admin/AdminAnalyticsPage.js

@@ -1,116 +1,158 @@
 import { useKadaikodi as e } from "../../context/KadaikodiContext.js";
 import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
-import { useAdminAnalytics as r, useDashboardStats as i, useOrders as a, useProviders as o } from "../../hooks/useKadaikodiApi.js";
-import { formatCurrency as s } from "../../utils/formatters.js";
-import { MetricsCard as c } from "../../components/MetricsCard.js";
-import { AreaChart as l } from "../../components/viz/AreaChart.js";
-import { HBarFunnel as u } from "../../components/viz/HBarFunnel.js";
-import { DonutChart as d } from "../../components/viz/DonutChart.js";
+import { useAdminAnalytics as r, useDashboardStats as i, useOrders as a, useProviders as ee } from "../../hooks/useKadaikodiApi.js";
+import { formatCurrency as o } from "../../utils/formatters.js";
+import { MetricsCard as s } from "../../components/MetricsCard.js";
+import { AreaChart as c } from "../../components/viz/AreaChart.js";
+import { HBarFunnel as l } from "../../components/viz/HBarFunnel.js";
+import { DonutChart as te } from "../../components/viz/DonutChart.js";
 import "../../components/viz/index.js";
-import { useMemo as f, useState as p } from "react";
-import { Award as ee, BarChart3 as m, IndianRupee as h, Loader2 as g, ShoppingBag as _, Star as v, Store as y, TrendingUp as b, Users as x, Zap as te } from "lucide-react";
-import { jsx as S, jsxs as C } from "react/jsx-runtime";
-import { EmphasisPanel as w, GlassCard as T, NextSteps as E, PagePurpose as D } from "@burdenoff/fe-libs/ui";
+import { useMemo as u, useState as d } from "react";
+import { Award as ne, BarChart3 as f, CalendarRange as re, IndianRupee as p, Loader2 as ie, ShoppingBag as ae, Star as m, Store as h, TrendingUp as g, Users as _, Zap as v } from "lucide-react";
+import { Fragment as oe, jsx as y, jsxs as b } from "react/jsx-runtime";
+import { EmphasisPanel as se, GlassCard as x, NextSteps as S, PagePurpose as ce } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/admin/AdminAnalyticsPage.tsx
-var O = 1440 * 60 * 1e3, k = (e) => e.replace(/_/g, " ").toLowerCase().replace(/\b\w/g, (e) => e.toUpperCase()), A = (e) => {
+var C = 1440 * 60 * 1e3, w = [
+	{
+		id: "7",
+		label: "Last 7 days",
+		days: 7
+	},
+	{
+		id: "30",
+		label: "Last 30 days",
+		days: 30
+	},
+	{
+		id: "90",
+		label: "Last 90 days",
+		days: 90
+	}
+], T = (e) => e.replace(/_/g, " ").toLowerCase().replace(/\b\w/g, (e) => e.toUpperCase()), E = (e) => {
 	let t = new Date(e);
 	return t.setHours(0, 0, 0, 0), t.getTime();
-}, j = (e) => new Date(e).toLocaleDateString("en-IN", {
+}, D = (e) => new Date(e).toLocaleDateString("en-IN", {
 	day: "numeric",
 	month: "short"
 });
-function M() {
-	let { navigateTo: M } = e(), { data: N, isLoading: P } = i(), { data: F, isLoading: I } = r(), { data: L = [], isLoading: R } = o(), { data: z = [], isLoading: B } = a({}), [V, H] = p("overview"), U = P || I || R || B, W = (e) => e >= 1e7 ? `₹${(e / 1e7).toFixed(1)}Cr` : e >= 1e5 ? `₹${(e / 1e5).toFixed(1)}L` : s(e, { minimumFractionDigits: 0 }), G = f(() => {
-		let e = z.length, t = z.filter((e) => e.status === "delivered").length, n = z.filter((e) => e.status === "cancelled").length, r = z.filter((e) => e.status === "pending" || e.status === "confirmed").length, i = /* @__PURE__ */ new Date();
+function O() {
+	let { navigateTo: O } = e(), { data: k, isLoading: A } = i(), { data: j, isLoading: le } = r(), { data: M = [], isLoading: ue } = ee(), { data: N = [], isLoading: de } = a({}), [P, F] = d("overview"), [I, L] = d("30"), R = u(() => w.find((e) => e.id === I)?.days ?? 30, [I]), z = u(() => w.find((e) => e.id === I)?.label ?? "Last 30 days", [I]), B = A || le || ue || de, V = (e) => e >= 1e7 ? `₹${(e / 1e7).toFixed(1)}Cr` : e >= 1e5 ? `₹${(e / 1e5).toFixed(1)}L` : o(e, { minimumFractionDigits: 0 }), H = u(() => {
+		let e = N.length, t = N.filter((e) => e.status === "delivered").length, n = N.filter((e) => e.status === "cancelled").length, r = N.filter((e) => e.status === "pending" || e.status === "confirmed").length, i = /* @__PURE__ */ new Date();
 		return i.setHours(0, 0, 0, 0), {
 			total: e,
 			completed: t,
 			cancelled: n,
 			pending: r,
-			ordersToday: z.filter((e) => new Date(e.orderDate).getTime() >= i.getTime()).length,
-			avgOrderValue: N && N.totalOrders > 0 ? N.totalRevenue / N.totalOrders : 0
+			ordersToday: N.filter((e) => new Date(e.orderDate).getTime() >= i.getTime()).length,
+			avgOrderValue: k && k.totalOrders > 0 ? k.totalRevenue / k.totalOrders : 0
 		};
-	}, [z, N]), K = f(() => L.filter((e) => !e.isOpen).length, [L]), q = F?.topProviders ?? [], J = F?.customerGrowth?.customers ?? 0, Y = f(() => {
-		let e = Object.entries(F?.categoryDistribution ?? {}), t = e.reduce((e, [, t]) => e + t, 0);
+	}, [N, k]), U = u(() => M.filter((e) => !e.isOpen).length, [M]), W = j?.topProviders ?? [], fe = j?.customerGrowth?.customers ?? 0, G = u(() => {
+		let e = Object.entries(j?.categoryDistribution ?? {}), t = e.reduce((e, [, t]) => e + t, 0);
 		return e.map(([e, n]) => ({
 			category: e,
 			count: n,
 			percentage: t > 0 ? n / t * 100 : 0
 		})).sort((e, t) => t.count - e.count);
-	}, [F]), X = (e) => e.replace(/_/g, " ").toLowerCase(), Z = (e, t) => t > 0 ? e / t * 100 : 0, Q = f(() => Object.entries(F?.categoryDistribution ?? {}).sort((e, t) => t[1] - e[1]).map(([e, t]) => ({
-		label: k(e),
+	}, [j]), K = (e) => e.replace(/_/g, " ").toLowerCase(), q = (e, t) => t > 0 ? e / t * 100 : 0, J = u(() => Object.entries(j?.categoryDistribution ?? {}).sort((e, t) => t[1] - e[1]).map(([e, t]) => ({
+		label: T(e),
 		value: t
-	})), [F]), ne = f(() => Q.reduce((e, t) => e + t.value, 0), [Q]), { gmvTrend: re, volumeTrend: ie } = f(() => {
-		let e = A(/* @__PURE__ */ new Date()), t = e - 29 * O, n = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
-		for (let i = t; i <= e; i += O) n.set(i, 0), r.set(i, 0);
-		for (let e of z) {
-			let t = A(new Date(e.orderDate));
-			n.has(t) && (n.set(t, (n.get(t) ?? 0) + (e.total ?? 0)), r.set(t, (r.get(t) ?? 0) + 1));
+	})), [j]), Y = u(() => J.reduce((e, t) => e + t.value, 0), [J]), X = u(() => E(/* @__PURE__ */ new Date()) - (R - 1) * C, [R]), { gmvTrend: pe, volumeTrend: me } = u(() => {
+		let e = E(/* @__PURE__ */ new Date()), t = /* @__PURE__ */ new Map(), n = /* @__PURE__ */ new Map();
+		for (let r = X; r <= e; r += C) t.set(r, 0), n.set(r, 0);
+		for (let e of N) {
+			let r = E(new Date(e.orderDate));
+			t.has(r) && (t.set(r, (t.get(r) ?? 0) + (e.total ?? 0)), n.set(r, (n.get(r) ?? 0) + 1));
 		}
 		return {
-			gmvTrend: [...n.entries()].map(([e, t]) => ({
-				label: j(e),
+			gmvTrend: [...t.entries()].map(([e, t]) => ({
+				label: D(e),
 				value: t
 			})),
-			volumeTrend: [...r.entries()].map(([e, t]) => ({
-				label: j(e),
+			volumeTrend: [...n.entries()].map(([e, t]) => ({
+				label: D(e),
 				value: t
 			}))
 		};
-	}, [z]), $ = f(() => {
-		let e = new Map(L.map((e) => [e.id, e.category])), t = /* @__PURE__ */ new Map();
-		for (let n of z) {
+	}, [N, X]), Z = u(() => {
+		let e = j?.orderTrends ?? [];
+		if (e.length === 0) return [];
+		let t = E(/* @__PURE__ */ new Date()), n = /* @__PURE__ */ new Map();
+		for (let t of e) {
+			let e = t.customerId;
+			if (!e) continue;
+			let r = E(new Date(t.createdAt));
+			if (Number.isNaN(r)) continue;
+			let i = n.get(e);
+			(i === void 0 || r < i) && n.set(e, r);
+		}
+		if (n.size === 0) return [];
+		let r = [...n.values()], i = [];
+		for (let e = X; e <= t; e += C) i.push({
+			label: D(e),
+			value: r.filter((t) => t <= e).length
+		});
+		return i;
+	}, [j, X]), Q = u(() => ({
+		count: M.filter((e) => {
+			if (!e.createdAt) return !1;
+			let t = new Date(e.createdAt).getTime();
+			return !Number.isNaN(t) && t >= X;
+		}).length,
+		isFloor: M.length >= 100
+	}), [M, X]), $ = u(() => {
+		let e = new Map(M.map((e) => [e.id, e.category])), t = /* @__PURE__ */ new Map();
+		for (let n of N) {
 			let r = e.get(n.cartId) ?? "OTHER";
 			t.set(r, (t.get(r) ?? 0) + (n.total ?? 0));
 		}
 		return [...t.entries()].filter(([, e]) => e > 0).sort((e, t) => t[1] - e[1]).slice(0, 6).map(([e, t]) => ({
-			label: k(e),
+			label: T(e),
 			value: t
 		}));
-	}, [z, L]), ae = (e) => e < 3 ? /* @__PURE__ */ S(ee, { className: "h-5 w-5 text-status-warning-text" }) : /* @__PURE__ */ S(m, { className: "h-5 w-5 text-text-secondary" });
-	if (U || !N) return /* @__PURE__ */ S(n, {
+	}, [N, M]), he = (e) => e < 3 ? /* @__PURE__ */ y(ne, { className: "h-5 w-5 text-status-warning-text" }) : /* @__PURE__ */ y(f, { className: "h-5 w-5 text-text-secondary" });
+	if (B || !k) return /* @__PURE__ */ y(n, {
 		title: "Platform Analytics",
 		description: "Loading analytics...",
-		children: /* @__PURE__ */ C("div", {
+		children: /* @__PURE__ */ b("div", {
 			className: "flex flex-col items-center justify-center py-20",
-			children: [/* @__PURE__ */ S(g, { className: "h-10 w-10 animate-spin text-text-secondary mb-4" }), /* @__PURE__ */ S("p", {
+			children: [/* @__PURE__ */ y(ie, { className: "h-10 w-10 animate-spin text-text-secondary mb-4" }), /* @__PURE__ */ y("p", {
 				className: "text-text-secondary",
 				children: "Loading analytics..."
 			})]
 		})
 	});
-	let oe = [
+	let ge = [
 		{
 			key: "overview",
 			label: "Overview",
-			icon: m
+			icon: f
 		},
 		{
 			key: "revenue",
 			label: "Revenue",
-			icon: h
+			icon: p
 		},
 		{
 			key: "users",
 			label: "Users",
-			icon: x
+			icon: _
 		},
 		{
 			key: "performance",
 			label: "Performance",
-			icon: te
+			icon: v
 		}
 	];
-	return /* @__PURE__ */ C(n, {
+	return /* @__PURE__ */ b(n, {
 		title: "Platform Analytics",
 		description: "Comprehensive platform metrics and trends",
 		children: [
-			/* @__PURE__ */ S(D, {
+			/* @__PURE__ */ y(ce, {
 				className: "mb-6",
 				children: "Your bird's-eye view of how Kadaikodi is performing. Spot revenue and order trends, see which carts and categories drive the most business, and understand where customers are growing — so you can decide where to invest and which carts to promote. Switch tabs to drill into revenue, users, and operational performance."
 			}),
-			/* @__PURE__ */ S(E, {
+			/* @__PURE__ */ y(S, {
 				storageKey: "kadaikodi-admin-analytics",
 				className: "mb-6",
 				steps: [
@@ -118,403 +160,452 @@ function M() {
 						id: "review-carts",
 						label: "Review top-performing carts",
 						description: "See which carts drive the most revenue and orders.",
-						onClick: () => H("overview")
+						onClick: () => F("overview")
 					},
 					{
 						id: "check-revenue",
 						label: "Break down revenue by category",
 						description: "Find your strongest categories in the Revenue tab.",
-						onClick: () => H("revenue")
+						onClick: () => F("revenue")
 					},
 					{
 						id: "manage-carts",
 						label: "Approve pending carts",
 						description: "Onboard the carts waiting for review.",
-						onClick: () => M("/admin/carts"),
-						done: K === 0
+						onClick: () => O("/admin/carts"),
+						done: U === 0
 					}
 				]
 			}),
-			/* @__PURE__ */ S("div", {
-				className: "flex justify-end mb-6",
-				children: /* @__PURE__ */ C("span", {
+			/* @__PURE__ */ b("div", {
+				className: "mb-6 flex flex-wrap items-center justify-end gap-3",
+				children: [/* @__PURE__ */ b("span", {
 					className: "text-sm text-text-secondary",
 					children: ["Last updated: ", (/* @__PURE__ */ new Date()).toLocaleString("en-IN")]
-				})
+				}), /* @__PURE__ */ b("label", {
+					className: "flex items-center gap-2 text-sm text-text-secondary",
+					children: [
+						/* @__PURE__ */ y(re, { className: "h-4 w-4" }),
+						/* @__PURE__ */ y("span", {
+							className: "sr-only",
+							children: "Reporting period"
+						}),
+						/* @__PURE__ */ y("select", {
+							value: I,
+							onChange: (e) => L(e.target.value),
+							className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
+							children: w.map((e) => /* @__PURE__ */ y("option", {
+								value: e.id,
+								children: e.label
+							}, e.id))
+						})
+					]
+				})]
 			}),
-			/* @__PURE__ */ C(w, {
+			/* @__PURE__ */ b(se, {
 				className: "mb-8",
-				children: [/* @__PURE__ */ S("h2", {
+				children: [/* @__PURE__ */ y("h2", {
 					className: "mb-4 text-lg font-semibold text-text-primary",
 					children: "Key Metrics"
-				}), /* @__PURE__ */ C("div", {
-					className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",
+				}), /* @__PURE__ */ b("div", {
+					className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-4",
 					children: [
-						/* @__PURE__ */ S(c, {
+						/* @__PURE__ */ y(s, {
 							featured: !0,
-							icon: /* @__PURE__ */ S(h, { className: "h-5 w-5" }),
-							value: W(N.totalRevenue),
+							icon: /* @__PURE__ */ y(p, { className: "h-5 w-5" }),
+							value: V(k.totalRevenue),
 							label: "Total Revenue"
 						}),
-						/* @__PURE__ */ S(c, {
-							icon: /* @__PURE__ */ S(_, { className: "h-5 w-5" }),
-							value: (N.totalOrders ?? 0).toLocaleString("en-IN"),
+						/* @__PURE__ */ y(s, {
+							icon: /* @__PURE__ */ y(ae, { className: "h-5 w-5" }),
+							value: (k.totalOrders ?? 0).toLocaleString("en-IN"),
 							label: "Total Orders"
 						}),
-						/* @__PURE__ */ S(c, {
-							icon: /* @__PURE__ */ S(x, { className: "h-5 w-5" }),
-							value: (N.activeCustomers ?? 0).toLocaleString("en-IN"),
+						/* @__PURE__ */ y(s, {
+							icon: /* @__PURE__ */ y(_, { className: "h-5 w-5" }),
+							value: (k.activeCustomers ?? 0).toLocaleString("en-IN"),
 							label: "Active Customers"
 						}),
-						/* @__PURE__ */ S(c, {
-							icon: /* @__PURE__ */ S(y, { className: "h-5 w-5" }),
-							value: (N.activeProviders ?? 0).toLocaleString("en-IN"),
+						/* @__PURE__ */ y(s, {
+							icon: /* @__PURE__ */ y(h, { className: "h-5 w-5" }),
+							value: (k.activeProviders ?? 0).toLocaleString("en-IN"),
 							label: "Active Carts",
-							trendValue: `${K} pending`
+							trendValue: `${U} pending`
+						}),
+						/* @__PURE__ */ y(s, {
+							icon: /* @__PURE__ */ y(g, { className: "h-5 w-5" }),
+							value: `${Q.count.toLocaleString("en-IN")}${Q.isFloor ? "+" : ""}`,
+							label: "New Carts",
+							trendValue: Q.isFloor ? `${z.toLowerCase()} · of carts loaded` : z.toLowerCase()
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ b("div", {
 				className: "mb-8 grid grid-cols-1 gap-6 lg:grid-cols-2",
 				children: [
-					/* @__PURE__ */ C(T, {
+					/* @__PURE__ */ b(x, {
 						treatment: "plain",
 						className: "p-6",
-						children: [/* @__PURE__ */ S("h3", {
+						children: [/* @__PURE__ */ y("h3", {
 							className: "mb-4 text-base font-semibold text-text-primary",
 							children: "Category Distribution"
-						}), Q.length > 0 ? /* @__PURE__ */ S(d, {
-							segments: Q,
-							centerLabel: ne.toLocaleString("en-IN"),
+						}), J.length > 0 ? /* @__PURE__ */ y(te, {
+							segments: J,
+							centerLabel: Y.toLocaleString("en-IN"),
 							centerCaption: "carts",
 							valueFormatter: (e) => e.toLocaleString("en-IN")
-						}) : /* @__PURE__ */ S("p", {
+						}) : /* @__PURE__ */ y("p", {
 							className: "text-sm text-text-secondary",
 							children: "Category breakdown will appear here as carts are onboarded."
 						})]
 					}),
-					/* @__PURE__ */ C(T, {
+					/* @__PURE__ */ b(x, {
 						treatment: "plain",
 						className: "p-6",
-						children: [/* @__PURE__ */ C("div", {
+						children: [/* @__PURE__ */ b("div", {
 							className: "mb-4 flex items-center justify-between gap-2",
-							children: [/* @__PURE__ */ S("h3", {
+							children: [/* @__PURE__ */ y("h3", {
 								className: "text-base font-semibold text-text-primary",
 								children: "GMV over time"
-							}), /* @__PURE__ */ S("span", {
+							}), /* @__PURE__ */ y("span", {
 								className: "text-xs text-text-muted",
-								children: "Last 30 days"
+								children: z
 							})]
-						}), z.length > 0 ? /* @__PURE__ */ S(l, {
-							series: re,
+						}), N.length > 0 ? /* @__PURE__ */ y(c, {
+							series: pe,
 							height: 200,
-							valueFormatter: (e) => W(e),
-							title: "Gross merchandise value per day over the last 30 days"
-						}) : /* @__PURE__ */ S("p", {
+							valueFormatter: (e) => V(e),
+							title: `Gross merchandise value per day, ${z.toLowerCase()}`
+						}) : /* @__PURE__ */ y("p", {
 							className: "text-sm text-text-secondary",
 							children: "GMV will chart here once orders are placed."
 						})]
 					}),
-					/* @__PURE__ */ C(T, {
+					/* @__PURE__ */ b(x, {
+						treatment: "plain",
+						className: "p-6",
+						children: [/* @__PURE__ */ b("div", {
+							className: "mb-4 flex items-center justify-between gap-2",
+							children: [/* @__PURE__ */ y("h3", {
+								className: "text-base font-semibold text-text-primary",
+								children: "Customer Growth"
+							}), /* @__PURE__ */ y("span", {
+								className: "text-xs text-text-muted",
+								children: z
+							})]
+						}), Z.length > 0 ? /* @__PURE__ */ b(oe, { children: [/* @__PURE__ */ y(c, {
+							series: Z,
+							height: 200,
+							valueFormatter: (e) => e.toLocaleString("en-IN"),
+							title: `Cumulative distinct ordering customers, ${z.toLowerCase()}`
+						}), /* @__PURE__ */ y("p", {
+							className: "mt-3 text-xs text-text-muted",
+							children: "Distinct customers seen in the recent order stream, cumulative by day."
+						})] }) : /* @__PURE__ */ y("p", {
+							className: "text-sm text-text-secondary",
+							children: "Customer growth will chart here once orders carry customers."
+						})]
+					}),
+					/* @__PURE__ */ b(x, {
 						treatment: "plain",
 						className: "p-6",
-						children: [/* @__PURE__ */ C("div", {
+						children: [/* @__PURE__ */ b("div", {
 							className: "mb-4 flex items-center justify-between gap-2",
-							children: [/* @__PURE__ */ S("h3", {
+							children: [/* @__PURE__ */ y("h3", {
 								className: "text-base font-semibold text-text-primary",
 								children: "Order Volume"
-							}), /* @__PURE__ */ S("span", {
+							}), /* @__PURE__ */ y("span", {
 								className: "text-xs text-text-muted",
-								children: "Last 30 days"
+								children: z
 							})]
-						}), z.length > 0 ? /* @__PURE__ */ S(l, {
-							series: ie,
+						}), N.length > 0 ? /* @__PURE__ */ y(c, {
+							series: me,
 							height: 200,
 							valueFormatter: (e) => e.toLocaleString("en-IN"),
-							title: "Order volume per day over the last 30 days"
-						}) : /* @__PURE__ */ S("p", {
+							title: `Order volume per day, ${z.toLowerCase()}`
+						}) : /* @__PURE__ */ y("p", {
 							className: "text-sm text-text-secondary",
 							children: "Order volume will chart here once orders are placed."
 						})]
 					}),
-					/* @__PURE__ */ C(T, {
+					/* @__PURE__ */ b(x, {
 						treatment: "plain",
 						className: "p-6",
-						children: [/* @__PURE__ */ S("h3", {
+						children: [/* @__PURE__ */ y("h3", {
 							className: "mb-4 text-base font-semibold text-text-primary",
 							children: "Top Categories by Revenue"
-						}), $.length > 0 ? /* @__PURE__ */ S(u, {
+						}), $.length > 0 ? /* @__PURE__ */ y(l, {
 							stages: $,
 							showConversion: !1,
-							valueFormatter: (e) => W(e)
-						}) : /* @__PURE__ */ S("p", {
+							valueFormatter: (e) => V(e)
+						}) : /* @__PURE__ */ y("p", {
 							className: "text-sm text-text-secondary",
 							children: "Category revenue will rank here as orders come in."
 						})]
 					})
 				]
 			}),
-			/* @__PURE__ */ C("div", {
+			/* @__PURE__ */ b("div", {
 				className: "rounded-lg border border-border-subtle bg-bg-surface mb-8",
-				children: [/* @__PURE__ */ S("div", {
+				children: [/* @__PURE__ */ y("div", {
 					className: "border-b border-border-subtle",
-					children: /* @__PURE__ */ S("nav", {
+					children: /* @__PURE__ */ y("nav", {
 						className: "flex -mb-px overflow-x-auto",
-						children: oe.map((e) => {
+						children: ge.map((e) => {
 							let n = e.icon;
-							return /* @__PURE__ */ C("button", {
+							return /* @__PURE__ */ b("button", {
 								type: "button",
-								onClick: () => H(e.key),
-								className: t("flex items-center gap-2 py-3 px-4 sm:px-6 text-sm font-medium whitespace-nowrap border-b-2 transition-colors", V === e.key ? "border-primary text-primary" : "border-transparent text-text-secondary hover:text-text-primary"),
-								children: [/* @__PURE__ */ S(n, { className: "h-4 w-4" }), /* @__PURE__ */ S("span", {
+								onClick: () => F(e.key),
+								className: t("flex items-center gap-2 py-3 px-4 sm:px-6 text-sm font-medium whitespace-nowrap border-b-2 transition-colors", P === e.key ? "border-primary text-primary" : "border-transparent text-text-secondary hover:text-text-primary"),
+								children: [/* @__PURE__ */ y(n, { className: "h-4 w-4" }), /* @__PURE__ */ y("span", {
 									className: "hidden sm:inline",
 									children: e.label
 								})]
 							}, e.key);
 						})
 					})
-				}), /* @__PURE__ */ C("div", {
+				}), /* @__PURE__ */ b("div", {
 					className: "p-4 sm:p-6",
 					children: [
-						V === "overview" && /* @__PURE__ */ C("div", {
+						P === "overview" && /* @__PURE__ */ b("div", {
 							className: "space-y-8",
-							children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("h3", {
+							children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h3", {
 								className: "text-lg font-semibold text-text-primary mb-4",
 								children: "Order Status Distribution"
-							}), G.total > 0 ? /* @__PURE__ */ C("div", {
+							}), H.total > 0 ? /* @__PURE__ */ b("div", {
 								className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
 								children: [
-									/* @__PURE__ */ C("div", {
+									/* @__PURE__ */ b("div", {
 										className: "rounded-lg border border-status-success-text/30 bg-status-success-bg-subtle p-4",
 										children: [
-											/* @__PURE__ */ S("p", {
+											/* @__PURE__ */ y("p", {
 												className: "text-sm text-status-success-text",
 												children: "Completed Orders"
 											}),
-											/* @__PURE__ */ S("p", {
+											/* @__PURE__ */ y("p", {
 												className: "text-2xl font-bold text-status-success-text",
-												children: G.completed.toLocaleString("en-IN")
+												children: H.completed.toLocaleString("en-IN")
 											}),
-											/* @__PURE__ */ C("p", {
+											/* @__PURE__ */ b("p", {
 												className: "text-sm text-status-success-text/80",
-												children: [Z(G.completed, G.total).toFixed(1), "% of total"]
+												children: [q(H.completed, H.total).toFixed(1), "% of total"]
 											})
 										]
 									}),
-									/* @__PURE__ */ C("div", {
+									/* @__PURE__ */ b("div", {
 										className: "rounded-lg border border-status-warning-text/30 bg-status-warning-bg-subtle p-4",
 										children: [
-											/* @__PURE__ */ S("p", {
+											/* @__PURE__ */ y("p", {
 												className: "text-sm text-status-warning-text",
 												children: "Pending Orders"
 											}),
-											/* @__PURE__ */ S("p", {
+											/* @__PURE__ */ y("p", {
 												className: "text-2xl font-bold text-status-warning-text",
-												children: G.pending.toLocaleString("en-IN")
+												children: H.pending.toLocaleString("en-IN")
 											}),
-											/* @__PURE__ */ C("p", {
+											/* @__PURE__ */ b("p", {
 												className: "text-sm text-status-warning-text/80",
-												children: [Z(G.pending, G.total).toFixed(1), "% of total"]
+												children: [q(H.pending, H.total).toFixed(1), "% of total"]
 											})
 										]
 									}),
-									/* @__PURE__ */ C("div", {
+									/* @__PURE__ */ b("div", {
 										className: "rounded-lg border border-status-error-text/30 bg-status-error-bg-subtle p-4",
 										children: [
-											/* @__PURE__ */ S("p", {
+											/* @__PURE__ */ y("p", {
 												className: "text-sm text-status-error-text",
 												children: "Cancelled Orders"
 											}),
-											/* @__PURE__ */ S("p", {
+											/* @__PURE__ */ y("p", {
 												className: "text-2xl font-bold text-status-error-text",
-												children: G.cancelled.toLocaleString("en-IN")
+												children: H.cancelled.toLocaleString("en-IN")
 											}),
-											/* @__PURE__ */ C("p", {
+											/* @__PURE__ */ b("p", {
 												className: "text-sm text-status-error-text/80",
-												children: [Z(G.cancelled, G.total).toFixed(1), "% of total"]
+												children: [q(H.cancelled, H.total).toFixed(1), "% of total"]
 											})
 										]
 									})
 								]
-							}) : /* @__PURE__ */ S("p", {
+							}) : /* @__PURE__ */ y("p", {
 								className: "text-sm text-text-secondary",
 								children: "Order breakdowns will appear here once orders are placed."
-							})] }), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("h3", {
+							})] }), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h3", {
 								className: "text-lg font-semibold text-text-primary mb-4",
 								children: "Top Performing Carts"
-							}), q.length > 0 ? /* @__PURE__ */ S("div", {
+							}), W.length > 0 ? /* @__PURE__ */ y("div", {
 								className: "rounded-lg border border-border-subtle overflow-hidden",
-								children: /* @__PURE__ */ C("table", {
+								children: /* @__PURE__ */ b("table", {
 									className: "w-full",
-									children: [/* @__PURE__ */ S("thead", { children: /* @__PURE__ */ C("tr", {
+									children: [/* @__PURE__ */ y("thead", { children: /* @__PURE__ */ b("tr", {
 										className: "border-b border-border-subtle bg-bg-sunken/50",
 										children: [
-											/* @__PURE__ */ S("th", {
+											/* @__PURE__ */ y("th", {
 												className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase",
 												children: "Cart Name"
 											}),
-											/* @__PURE__ */ S("th", {
+											/* @__PURE__ */ y("th", {
 												className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase",
 												children: "Category"
 											}),
-											/* @__PURE__ */ S("th", {
+											/* @__PURE__ */ y("th", {
 												className: "px-4 py-3 text-right text-xs font-medium text-text-secondary uppercase",
 												children: "Rating"
 											})
 										]
-									}) }), /* @__PURE__ */ S("tbody", {
+									}) }), /* @__PURE__ */ y("tbody", {
 										className: "divide-y divide-border",
-										children: q.map((e, t) => /* @__PURE__ */ C("tr", {
+										children: W.map((e, t) => /* @__PURE__ */ b("tr", {
 											className: "hover:bg-accent/50 transition-colors",
 											children: [
-												/* @__PURE__ */ S("td", {
+												/* @__PURE__ */ y("td", {
 													className: "px-4 py-3",
-													children: /* @__PURE__ */ C("div", {
+													children: /* @__PURE__ */ b("div", {
 														className: "flex items-center gap-2",
-														children: [ae(t), /* @__PURE__ */ S("span", {
+														children: [he(t), /* @__PURE__ */ y("span", {
 															className: "text-sm font-medium text-text-primary",
 															children: e.name
 														})]
 													})
 												}),
-												/* @__PURE__ */ S("td", {
+												/* @__PURE__ */ y("td", {
 													className: "px-4 py-3 text-sm text-left text-text-secondary capitalize",
-													children: X(e.category)
+													children: K(e.category)
 												}),
-												/* @__PURE__ */ S("td", {
+												/* @__PURE__ */ y("td", {
 													className: "px-4 py-3 text-sm text-right text-text-primary",
-													children: /* @__PURE__ */ C("span", {
+													children: /* @__PURE__ */ b("span", {
 														className: "flex items-center justify-end gap-1",
-														children: [/* @__PURE__ */ S(v, { className: "h-3.5 w-3.5 fill-status-warning-text text-status-warning-text" }), (e.rating ?? 0).toFixed(1)]
+														children: [/* @__PURE__ */ y(m, { className: "h-3.5 w-3.5 fill-status-warning-text text-status-warning-text" }), (e.rating ?? 0).toFixed(1)]
 													})
 												})
 											]
 										}, e.id))
 									})]
 								})
-							}) : /* @__PURE__ */ S("p", {
+							}) : /* @__PURE__ */ y("p", {
 								className: "text-sm text-text-secondary",
 								children: "Top-performing carts will be ranked here once orders start flowing."
 							})] })]
 						}),
-						V === "revenue" && /* @__PURE__ */ C("div", {
+						P === "revenue" && /* @__PURE__ */ b("div", {
 							className: "space-y-8",
-							children: [/* @__PURE__ */ C("div", {
+							children: [/* @__PURE__ */ b("div", {
 								className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 								children: [
-									/* @__PURE__ */ C("div", {
+									/* @__PURE__ */ b("div", {
 										className: "rounded-lg border border-border-focus/30 bg-[var(--color-accent-soft)] p-6",
-										children: [/* @__PURE__ */ S("h4", {
+										children: [/* @__PURE__ */ y("h4", {
 											className: "text-sm font-medium text-text-primary mb-2",
 											children: "Total Revenue"
-										}), /* @__PURE__ */ S("p", {
+										}), /* @__PURE__ */ y("p", {
 											className: "text-2xl font-bold text-text-primary",
-											children: W(N.totalRevenue)
+											children: V(k.totalRevenue)
 										})]
 									}),
-									/* @__PURE__ */ C("div", {
+									/* @__PURE__ */ b("div", {
 										className: "rounded-lg border border-border-subtle bg-bg-sunken/30 p-6",
-										children: [/* @__PURE__ */ S("h4", {
+										children: [/* @__PURE__ */ y("h4", {
 											className: "text-sm font-medium text-text-secondary mb-2",
 											children: "Total Orders"
-										}), /* @__PURE__ */ S("p", {
+										}), /* @__PURE__ */ y("p", {
 											className: "text-2xl font-bold text-text-primary",
-											children: (N.totalOrders ?? 0).toLocaleString("en-IN")
+											children: (k.totalOrders ?? 0).toLocaleString("en-IN")
 										})]
 									}),
-									/* @__PURE__ */ C("div", {
+									/* @__PURE__ */ b("div", {
 										className: "rounded-lg border border-status-success-text/30 bg-status-success-bg-subtle p-6",
-										children: [/* @__PURE__ */ S("h4", {
+										children: [/* @__PURE__ */ y("h4", {
 											className: "text-sm font-medium text-status-success-text mb-2",
 											children: "Average Order Value"
-										}), /* @__PURE__ */ S("p", {
+										}), /* @__PURE__ */ y("p", {
 											className: "text-2xl font-bold text-status-success-text",
-											children: W(G.avgOrderValue)
+											children: V(H.avgOrderValue)
 										})]
 									})
 								]
-							}), $.length > 0 ? /* @__PURE__ */ C("div", { children: [
-								/* @__PURE__ */ S("h4", {
+							}), $.length > 0 ? /* @__PURE__ */ b("div", { children: [
+								/* @__PURE__ */ y("h4", {
 									className: "mb-3 text-sm font-semibold text-text-primary",
 									children: "Revenue by Category"
 								}),
-								/* @__PURE__ */ S(u, {
+								/* @__PURE__ */ y(l, {
 									stages: $,
 									showConversion: !1,
-									valueFormatter: (e) => W(e)
+									valueFormatter: (e) => V(e)
 								}),
-								/* @__PURE__ */ S("p", {
+								/* @__PURE__ */ y("p", {
 									className: "mt-3 text-xs text-text-muted",
 									children: "Derived by attributing each order's value to its cart's category."
 								})
-							] }) : /* @__PURE__ */ S("p", {
+							] }) : /* @__PURE__ */ y("p", {
 								className: "text-sm text-text-secondary",
 								children: "Revenue by category will appear here as orders come in."
 							})]
 						}),
-						V === "users" && /* @__PURE__ */ C("div", {
+						P === "users" && /* @__PURE__ */ b("div", {
 							className: "space-y-8",
 							children: [
-								/* @__PURE__ */ C("div", {
+								/* @__PURE__ */ b("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ C("div", {
+									children: [/* @__PURE__ */ b("div", {
 										className: "rounded-lg border border-border-subtle bg-bg-sunken/30 p-6",
-										children: [/* @__PURE__ */ C("div", {
+										children: [/* @__PURE__ */ b("div", {
 											className: "flex items-center gap-2 mb-2",
-											children: [/* @__PURE__ */ S(x, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ S("h4", {
+											children: [/* @__PURE__ */ y(_, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ y("h4", {
 												className: "text-sm font-medium text-text-secondary",
 												children: "Active Customers"
 											})]
-										}), /* @__PURE__ */ S("p", {
+										}), /* @__PURE__ */ y("p", {
 											className: "text-3xl font-bold text-text-primary",
-											children: (N.activeCustomers ?? 0).toLocaleString("en-IN")
+											children: (k.activeCustomers ?? 0).toLocaleString("en-IN")
 										})]
-									}), /* @__PURE__ */ C("div", {
+									}), /* @__PURE__ */ b("div", {
 										className: "rounded-lg border border-border-subtle bg-bg-sunken/30 p-6",
-										children: [/* @__PURE__ */ C("div", {
+										children: [/* @__PURE__ */ b("div", {
 											className: "flex items-center gap-2 mb-2",
-											children: [/* @__PURE__ */ S(y, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ S("h4", {
+											children: [/* @__PURE__ */ y(h, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ y("h4", {
 												className: "text-sm font-medium text-text-secondary",
 												children: "Active Cart Owners"
 											})]
-										}), /* @__PURE__ */ S("p", {
+										}), /* @__PURE__ */ y("p", {
 											className: "text-3xl font-bold text-text-primary",
-											children: (N.activeProviders ?? 0).toLocaleString("en-IN")
+											children: (k.activeProviders ?? 0).toLocaleString("en-IN")
 										})]
 									})]
 								}),
-								/* @__PURE__ */ C("div", {
+								/* @__PURE__ */ b("div", {
 									className: "rounded-lg border border-border-subtle bg-bg-sunken/20 p-6",
 									children: [
-										/* @__PURE__ */ C("div", {
+										/* @__PURE__ */ b("div", {
 											className: "flex items-center gap-2 mb-2",
-											children: [/* @__PURE__ */ S(x, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ S("h3", {
+											children: [/* @__PURE__ */ y(_, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ y("h3", {
 												className: "text-sm font-medium text-text-secondary",
 												children: "Total Customers"
 											})]
 										}),
-										/* @__PURE__ */ S("p", {
+										/* @__PURE__ */ y("p", {
 											className: "text-3xl font-bold text-text-primary",
-											children: J.toLocaleString("en-IN")
+											children: fe.toLocaleString("en-IN")
 										}),
-										/* @__PURE__ */ S("p", {
+										/* @__PURE__ */ y("p", {
 											className: "mt-1 text-sm text-text-secondary",
 											children: "Customers on the platform to date."
 										})
 									]
 								}),
-								Y.length > 0 && /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("h3", {
+								G.length > 0 && /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("h3", {
 									className: "text-lg font-semibold text-text-primary mb-4",
 									children: "Cart Category Distribution"
-								}), /* @__PURE__ */ S("div", {
+								}), /* @__PURE__ */ y("div", {
 									className: "space-y-3",
-									children: Y.map((e) => /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ C("div", {
+									children: G.map((e) => /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ b("div", {
 										className: "flex items-center justify-between mb-1",
-										children: [/* @__PURE__ */ S("span", {
+										children: [/* @__PURE__ */ y("span", {
 											className: "text-sm font-medium text-text-primary capitalize",
-											children: X(e.category)
-										}), /* @__PURE__ */ C("span", {
+											children: K(e.category)
+										}), /* @__PURE__ */ b("span", {
 											className: "text-sm text-text-secondary",
 											children: [
 												(e.count ?? 0).toLocaleString("en-IN"),
@@ -523,9 +614,9 @@ function M() {
 												"%)"
 											]
 										})]
-									}), /* @__PURE__ */ S("div", {
+									}), /* @__PURE__ */ y("div", {
 										className: "w-full bg-bg-sunken rounded-full h-2",
-										children: /* @__PURE__ */ S("div", {
+										children: /* @__PURE__ */ y("div", {
 											className: "bg-action-primary-bg h-2 rounded-full transition-all duration-300",
 											style: { width: `${e.percentage}%` }
 										})
@@ -533,91 +624,91 @@ function M() {
 								})] })
 							]
 						}),
-						V === "performance" && /* @__PURE__ */ C("div", {
+						P === "performance" && /* @__PURE__ */ b("div", {
 							className: "space-y-8",
-							children: [/* @__PURE__ */ C("div", {
+							children: [/* @__PURE__ */ b("div", {
 								className: "grid grid-cols-1 md:grid-cols-3 gap-6",
 								children: [
-									/* @__PURE__ */ C("div", {
+									/* @__PURE__ */ b("div", {
 										className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
 										children: [
-											/* @__PURE__ */ C("div", {
+											/* @__PURE__ */ b("div", {
 												className: "flex items-center gap-2 mb-2",
-												children: [/* @__PURE__ */ S(v, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ S("h4", {
+												children: [/* @__PURE__ */ y(m, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ y("h4", {
 													className: "text-sm font-medium text-text-secondary",
 													children: "Customer Satisfaction"
 												})]
 											}),
-											/* @__PURE__ */ C("p", {
+											/* @__PURE__ */ b("p", {
 												className: "text-3xl font-bold text-text-primary flex items-center gap-1",
-												children: [/* @__PURE__ */ S(v, { className: "h-6 w-6 fill-status-warning-text text-status-warning-text" }), N.avgRating > 0 ? N.avgRating.toFixed(1) : "—"]
+												children: [/* @__PURE__ */ y(m, { className: "h-6 w-6 fill-status-warning-text text-status-warning-text" }), k.avgRating > 0 ? k.avgRating.toFixed(1) : "—"]
 											}),
-											/* @__PURE__ */ S("p", {
+											/* @__PURE__ */ y("p", {
 												className: "text-sm text-text-secondary mt-1",
 												children: "Average rating across carts"
 											})
 										]
 									}),
-									/* @__PURE__ */ C("div", {
+									/* @__PURE__ */ b("div", {
 										className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
 										children: [
-											/* @__PURE__ */ C("div", {
+											/* @__PURE__ */ b("div", {
 												className: "flex items-center gap-2 mb-2",
-												children: [/* @__PURE__ */ S(b, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ S("h4", {
+												children: [/* @__PURE__ */ y(g, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ y("h4", {
 													className: "text-sm font-medium text-text-secondary",
 													children: "Completion Rate"
 												})]
 											}),
-											/* @__PURE__ */ S("p", {
+											/* @__PURE__ */ y("p", {
 												className: "text-3xl font-bold text-text-primary",
-												children: G.total > 0 ? `${Z(G.completed, G.total).toFixed(1)}%` : "—"
+												children: H.total > 0 ? `${q(H.completed, H.total).toFixed(1)}%` : "—"
 											}),
-											/* @__PURE__ */ S("p", {
+											/* @__PURE__ */ y("p", {
 												className: "text-sm text-text-secondary mt-1",
 												children: "Orders delivered"
 											})
 										]
 									}),
-									/* @__PURE__ */ C("div", {
+									/* @__PURE__ */ b("div", {
 										className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
 										children: [
-											/* @__PURE__ */ C("div", {
+											/* @__PURE__ */ b("div", {
 												className: "flex items-center gap-2 mb-2",
-												children: [/* @__PURE__ */ S(m, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ S("h4", {
+												children: [/* @__PURE__ */ y(f, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ y("h4", {
 													className: "text-sm font-medium text-text-secondary",
 													children: "Cancellation Rate"
 												})]
 											}),
-											/* @__PURE__ */ S("p", {
+											/* @__PURE__ */ y("p", {
 												className: "text-3xl font-bold text-text-primary",
-												children: G.total > 0 ? `${Z(G.cancelled, G.total).toFixed(1)}%` : "—"
+												children: H.total > 0 ? `${q(H.cancelled, H.total).toFixed(1)}%` : "—"
 											}),
-											/* @__PURE__ */ S("p", {
+											/* @__PURE__ */ y("p", {
 												className: "text-sm text-text-secondary mt-1",
 												children: "Orders cancelled"
 											})
 										]
 									})
 								]
-							}), /* @__PURE__ */ C("div", {
+							}), /* @__PURE__ */ b("div", {
 								className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
-								children: [/* @__PURE__ */ S("h3", {
+								children: [/* @__PURE__ */ y("h3", {
 									className: "text-lg font-semibold text-text-primary mb-4",
 									children: "Today's Activity"
-								}), /* @__PURE__ */ C("div", {
+								}), /* @__PURE__ */ b("div", {
 									className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-									children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+									children: [/* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 										className: "text-sm text-text-secondary mb-2",
 										children: "Orders Today"
-									}), /* @__PURE__ */ S("p", {
+									}), /* @__PURE__ */ y("p", {
 										className: "text-3xl font-bold text-text-primary",
-										children: G.ordersToday.toLocaleString("en-IN")
-									})] }), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
+										children: H.ordersToday.toLocaleString("en-IN")
+									})] }), /* @__PURE__ */ b("div", { children: [/* @__PURE__ */ y("p", {
 										className: "text-sm text-text-secondary mb-2",
 										children: "Pending Orders"
-									}), /* @__PURE__ */ S("p", {
+									}), /* @__PURE__ */ y("p", {
 										className: "text-3xl font-bold text-status-warning-text",
-										children: (N.pendingOrders ?? 0).toLocaleString("en-IN")
+										children: (k.pendingOrders ?? 0).toLocaleString("en-IN")
 									})] })]
 								})]
 							})]
@@ -629,6 +720,6 @@ function M() {
 	});
 }
 //#endregion
-export { M as AdminAnalyticsPage };
+export { O as AdminAnalyticsPage };
 
 //# sourceMappingURL=AdminAnalyticsPage.js.map