@burdenoff/microfe-kadaikodi 2026.704.3 → 2026.704.5

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

@@ -1,75 +1,116 @@
 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 { MetricsCard as r } from "../../components/MetricsCard.js";
-import { useAdminAnalytics as i, useDashboardStats as a, useOrders as o, useProviders as s } from "../../hooks/useKadaikodiApi.js";
-import { formatCurrency as c } from "../../utils/formatters.js";
-import { useMemo as l, useState as u } from "react";
-import { Award as d, BarChart3 as f, IndianRupee as p, Loader2 as m, ShoppingBag as h, Star as g, Store as _, TrendingUp as v, Users as y, Zap as b } from "lucide-react";
-import { jsx as x, jsxs as S } from "react/jsx-runtime";
-import { EmphasisPanel as C, NextSteps as w, PagePurpose as T } from "@burdenoff/fe-libs/ui";
+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 "../../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";
 //#region src/kadaikodi/pages/admin/AdminAnalyticsPage.tsx
-function E() {
-	let { navigateTo: E } = e(), { data: D, isLoading: O } = a(), { data: k, isLoading: A } = i(), { data: j = [], isLoading: M } = s(), { data: N = [], isLoading: P } = o({}), [F, I] = u("overview"), L = O || A || M || P, R = (e) => e >= 1e7 ? `₹${(e / 1e7).toFixed(1)}Cr` : e >= 1e5 ? `₹${(e / 1e5).toFixed(1)}L` : c(e, { minimumFractionDigits: 0 }), z = l(() => {
-		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();
+var O = 1440 * 60 * 1e3, k = (e) => e.replace(/_/g, " ").toLowerCase().replace(/\b\w/g, (e) => e.toUpperCase()), A = (e) => {
+	let t = new Date(e);
+	return t.setHours(0, 0, 0, 0), t.getTime();
+}, j = (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();
 		return i.setHours(0, 0, 0, 0), {
 			total: e,
 			completed: t,
 			cancelled: n,
 			pending: r,
-			ordersToday: N.filter((e) => new Date(e.orderDate).getTime() >= i.getTime()).length,
-			avgOrderValue: D && D.totalOrders > 0 ? D.totalRevenue / D.totalOrders : 0
+			ordersToday: z.filter((e) => new Date(e.orderDate).getTime() >= i.getTime()).length,
+			avgOrderValue: N && N.totalOrders > 0 ? N.totalRevenue / N.totalOrders : 0
 		};
-	}, [N, D]), B = l(() => j.filter((e) => !e.isOpen).length, [j]), V = k?.topProviders ?? [], H = k?.customerGrowth?.customers ?? 0, U = l(() => {
-		let e = Object.entries(k?.categoryDistribution ?? {}), t = e.reduce((e, [, t]) => e + t, 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);
 		return e.map(([e, n]) => ({
 			category: e,
 			count: n,
 			percentage: t > 0 ? n / t * 100 : 0
 		})).sort((e, t) => t.count - e.count);
-	}, [k]), W = (e) => e.replace(/_/g, " ").toLowerCase(), G = (e, t) => t > 0 ? e / t * 100 : 0, K = (e) => e < 3 ? /* @__PURE__ */ x(d, { className: "h-5 w-5 text-status-warning-text" }) : /* @__PURE__ */ x(f, { className: "h-5 w-5 text-text-secondary" });
-	if (L || !D) return /* @__PURE__ */ x(n, {
+	}, [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),
+		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));
+		}
+		return {
+			gmvTrend: [...n.entries()].map(([e, t]) => ({
+				label: j(e),
+				value: t
+			})),
+			volumeTrend: [...r.entries()].map(([e, t]) => ({
+				label: j(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) {
+			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),
+			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, {
 		title: "Platform Analytics",
 		description: "Loading analytics...",
-		children: /* @__PURE__ */ S("div", {
+		children: /* @__PURE__ */ C("div", {
 			className: "flex flex-col items-center justify-center py-20",
-			children: [/* @__PURE__ */ x(m, { className: "h-10 w-10 animate-spin text-text-secondary mb-4" }), /* @__PURE__ */ x("p", {
+			children: [/* @__PURE__ */ S(g, { className: "h-10 w-10 animate-spin text-text-secondary mb-4" }), /* @__PURE__ */ S("p", {
 				className: "text-text-secondary",
 				children: "Loading analytics..."
 			})]
 		})
 	});
-	let q = [
+	let oe = [
 		{
 			key: "overview",
 			label: "Overview",
-			icon: f
+			icon: m
 		},
 		{
 			key: "revenue",
 			label: "Revenue",
-			icon: p
+			icon: h
 		},
 		{
 			key: "users",
 			label: "Users",
-			icon: y
+			icon: x
 		},
 		{
 			key: "performance",
 			label: "Performance",
-			icon: b
+			icon: te
 		}
 	];
-	return /* @__PURE__ */ S(n, {
+	return /* @__PURE__ */ C(n, {
 		title: "Platform Analytics",
 		description: "Comprehensive platform metrics and trends",
 		children: [
-			/* @__PURE__ */ x(T, {
+			/* @__PURE__ */ S(D, {
 				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__ */ x(w, {
+			/* @__PURE__ */ S(E, {
 				storageKey: "kadaikodi-admin-analytics",
 				className: "mb-6",
 				steps: [
@@ -77,309 +118,403 @@ function E() {
 						id: "review-carts",
 						label: "Review top-performing carts",
 						description: "See which carts drive the most revenue and orders.",
-						onClick: () => I("overview")
+						onClick: () => H("overview")
 					},
 					{
 						id: "check-revenue",
 						label: "Break down revenue by category",
 						description: "Find your strongest categories in the Revenue tab.",
-						onClick: () => I("revenue")
+						onClick: () => H("revenue")
 					},
 					{
 						id: "manage-carts",
 						label: "Approve pending carts",
 						description: "Onboard the carts waiting for review.",
-						onClick: () => E("/admin/carts"),
-						done: B === 0
+						onClick: () => M("/admin/carts"),
+						done: K === 0
 					}
 				]
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ S("div", {
 				className: "flex justify-end mb-6",
-				children: /* @__PURE__ */ S("span", {
+				children: /* @__PURE__ */ C("span", {
 					className: "text-sm text-text-secondary",
 					children: ["Last updated: ", (/* @__PURE__ */ new Date()).toLocaleString("en-IN")]
 				})
 			}),
-			/* @__PURE__ */ S(C, {
+			/* @__PURE__ */ C(w, {
 				className: "mb-8",
-				children: [/* @__PURE__ */ x("h2", {
+				children: [/* @__PURE__ */ S("h2", {
 					className: "mb-4 text-lg font-semibold text-text-primary",
 					children: "Key Metrics"
-				}), /* @__PURE__ */ S("div", {
+				}), /* @__PURE__ */ C("div", {
 					className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",
 					children: [
-						/* @__PURE__ */ x(r, {
+						/* @__PURE__ */ S(c, {
 							featured: !0,
-							icon: /* @__PURE__ */ x(p, { className: "h-5 w-5" }),
-							value: R(D.totalRevenue),
+							icon: /* @__PURE__ */ S(h, { className: "h-5 w-5" }),
+							value: W(N.totalRevenue),
 							label: "Total Revenue"
 						}),
-						/* @__PURE__ */ x(r, {
-							icon: /* @__PURE__ */ x(h, { className: "h-5 w-5" }),
-							value: (D.totalOrders ?? 0).toLocaleString("en-IN"),
+						/* @__PURE__ */ S(c, {
+							icon: /* @__PURE__ */ S(_, { className: "h-5 w-5" }),
+							value: (N.totalOrders ?? 0).toLocaleString("en-IN"),
 							label: "Total Orders"
 						}),
-						/* @__PURE__ */ x(r, {
-							icon: /* @__PURE__ */ x(y, { className: "h-5 w-5" }),
-							value: (D.activeCustomers ?? 0).toLocaleString("en-IN"),
+						/* @__PURE__ */ S(c, {
+							icon: /* @__PURE__ */ S(x, { className: "h-5 w-5" }),
+							value: (N.activeCustomers ?? 0).toLocaleString("en-IN"),
 							label: "Active Customers"
 						}),
-						/* @__PURE__ */ x(r, {
-							icon: /* @__PURE__ */ x(_, { className: "h-5 w-5" }),
-							value: (D.activeProviders ?? 0).toLocaleString("en-IN"),
+						/* @__PURE__ */ S(c, {
+							icon: /* @__PURE__ */ S(y, { className: "h-5 w-5" }),
+							value: (N.activeProviders ?? 0).toLocaleString("en-IN"),
 							label: "Active Carts",
-							trendValue: `${B} pending`
+							trendValue: `${K} pending`
 						})
 					]
 				})]
 			}),
-			/* @__PURE__ */ S("div", {
+			/* @__PURE__ */ C("div", {
+				className: "mb-8 grid grid-cols-1 gap-6 lg:grid-cols-2",
+				children: [
+					/* @__PURE__ */ C(T, {
+						treatment: "plain",
+						className: "p-6",
+						children: [/* @__PURE__ */ S("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"),
+							centerCaption: "carts",
+							valueFormatter: (e) => e.toLocaleString("en-IN")
+						}) : /* @__PURE__ */ S("p", {
+							className: "text-sm text-text-secondary",
+							children: "Category breakdown will appear here as carts are onboarded."
+						})]
+					}),
+					/* @__PURE__ */ C(T, {
+						treatment: "plain",
+						className: "p-6",
+						children: [/* @__PURE__ */ C("div", {
+							className: "mb-4 flex items-center justify-between gap-2",
+							children: [/* @__PURE__ */ S("h3", {
+								className: "text-base font-semibold text-text-primary",
+								children: "GMV over time"
+							}), /* @__PURE__ */ S("span", {
+								className: "text-xs text-text-muted",
+								children: "Last 30 days"
+							})]
+						}), z.length > 0 ? /* @__PURE__ */ S(l, {
+							series: re,
+							height: 200,
+							valueFormatter: (e) => W(e),
+							title: "Gross merchandise value per day over the last 30 days"
+						}) : /* @__PURE__ */ S("p", {
+							className: "text-sm text-text-secondary",
+							children: "GMV will chart here once orders are placed."
+						})]
+					}),
+					/* @__PURE__ */ C(T, {
+						treatment: "plain",
+						className: "p-6",
+						children: [/* @__PURE__ */ C("div", {
+							className: "mb-4 flex items-center justify-between gap-2",
+							children: [/* @__PURE__ */ S("h3", {
+								className: "text-base font-semibold text-text-primary",
+								children: "Order Volume"
+							}), /* @__PURE__ */ S("span", {
+								className: "text-xs text-text-muted",
+								children: "Last 30 days"
+							})]
+						}), z.length > 0 ? /* @__PURE__ */ S(l, {
+							series: ie,
+							height: 200,
+							valueFormatter: (e) => e.toLocaleString("en-IN"),
+							title: "Order volume per day over the last 30 days"
+						}) : /* @__PURE__ */ S("p", {
+							className: "text-sm text-text-secondary",
+							children: "Order volume will chart here once orders are placed."
+						})]
+					}),
+					/* @__PURE__ */ C(T, {
+						treatment: "plain",
+						className: "p-6",
+						children: [/* @__PURE__ */ S("h3", {
+							className: "mb-4 text-base font-semibold text-text-primary",
+							children: "Top Categories by Revenue"
+						}), $.length > 0 ? /* @__PURE__ */ S(u, {
+							stages: $,
+							showConversion: !1,
+							valueFormatter: (e) => W(e)
+						}) : /* @__PURE__ */ S("p", {
+							className: "text-sm text-text-secondary",
+							children: "Category revenue will rank here as orders come in."
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ C("div", {
 				className: "rounded-lg border border-border-subtle bg-bg-surface mb-8",
-				children: [/* @__PURE__ */ x("div", {
+				children: [/* @__PURE__ */ S("div", {
 					className: "border-b border-border-subtle",
-					children: /* @__PURE__ */ x("nav", {
+					children: /* @__PURE__ */ S("nav", {
 						className: "flex -mb-px overflow-x-auto",
-						children: q.map((e) => {
+						children: oe.map((e) => {
 							let n = e.icon;
-							return /* @__PURE__ */ S("button", {
+							return /* @__PURE__ */ C("button", {
 								type: "button",
-								onClick: () => I(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", F === e.key ? "border-primary text-primary" : "border-transparent text-text-secondary hover:text-text-primary"),
-								children: [/* @__PURE__ */ x(n, { className: "h-4 w-4" }), /* @__PURE__ */ x("span", {
+								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", {
 									className: "hidden sm:inline",
 									children: e.label
 								})]
 							}, e.key);
 						})
 					})
-				}), /* @__PURE__ */ S("div", {
+				}), /* @__PURE__ */ C("div", {
 					className: "p-4 sm:p-6",
 					children: [
-						F === "overview" && /* @__PURE__ */ S("div", {
+						V === "overview" && /* @__PURE__ */ C("div", {
 							className: "space-y-8",
-							children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("h3", {
+							children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("h3", {
 								className: "text-lg font-semibold text-text-primary mb-4",
 								children: "Order Status Distribution"
-							}), z.total > 0 ? /* @__PURE__ */ S("div", {
+							}), G.total > 0 ? /* @__PURE__ */ C("div", {
 								className: "grid grid-cols-1 sm:grid-cols-3 gap-4",
 								children: [
-									/* @__PURE__ */ S("div", {
+									/* @__PURE__ */ C("div", {
 										className: "rounded-lg border border-status-success-text/30 bg-status-success-bg-subtle p-4",
 										children: [
-											/* @__PURE__ */ x("p", {
+											/* @__PURE__ */ S("p", {
 												className: "text-sm text-status-success-text",
 												children: "Completed Orders"
 											}),
-											/* @__PURE__ */ x("p", {
+											/* @__PURE__ */ S("p", {
 												className: "text-2xl font-bold text-status-success-text",
-												children: z.completed.toLocaleString("en-IN")
+												children: G.completed.toLocaleString("en-IN")
 											}),
-											/* @__PURE__ */ S("p", {
+											/* @__PURE__ */ C("p", {
 												className: "text-sm text-status-success-text/80",
-												children: [G(z.completed, z.total).toFixed(1), "% of total"]
+												children: [Z(G.completed, G.total).toFixed(1), "% of total"]
 											})
 										]
 									}),
-									/* @__PURE__ */ S("div", {
+									/* @__PURE__ */ C("div", {
 										className: "rounded-lg border border-status-warning-text/30 bg-status-warning-bg-subtle p-4",
 										children: [
-											/* @__PURE__ */ x("p", {
+											/* @__PURE__ */ S("p", {
 												className: "text-sm text-status-warning-text",
 												children: "Pending Orders"
 											}),
-											/* @__PURE__ */ x("p", {
+											/* @__PURE__ */ S("p", {
 												className: "text-2xl font-bold text-status-warning-text",
-												children: z.pending.toLocaleString("en-IN")
+												children: G.pending.toLocaleString("en-IN")
 											}),
-											/* @__PURE__ */ S("p", {
+											/* @__PURE__ */ C("p", {
 												className: "text-sm text-status-warning-text/80",
-												children: [G(z.pending, z.total).toFixed(1), "% of total"]
+												children: [Z(G.pending, G.total).toFixed(1), "% of total"]
 											})
 										]
 									}),
-									/* @__PURE__ */ S("div", {
+									/* @__PURE__ */ C("div", {
 										className: "rounded-lg border border-status-error-text/30 bg-status-error-bg-subtle p-4",
 										children: [
-											/* @__PURE__ */ x("p", {
+											/* @__PURE__ */ S("p", {
 												className: "text-sm text-status-error-text",
 												children: "Cancelled Orders"
 											}),
-											/* @__PURE__ */ x("p", {
+											/* @__PURE__ */ S("p", {
 												className: "text-2xl font-bold text-status-error-text",
-												children: z.cancelled.toLocaleString("en-IN")
+												children: G.cancelled.toLocaleString("en-IN")
 											}),
-											/* @__PURE__ */ S("p", {
+											/* @__PURE__ */ C("p", {
 												className: "text-sm text-status-error-text/80",
-												children: [G(z.cancelled, z.total).toFixed(1), "% of total"]
+												children: [Z(G.cancelled, G.total).toFixed(1), "% of total"]
 											})
 										]
 									})
 								]
-							}) : /* @__PURE__ */ x("p", {
+							}) : /* @__PURE__ */ S("p", {
 								className: "text-sm text-text-secondary",
 								children: "Order breakdowns will appear here once orders are placed."
-							})] }), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("h3", {
+							})] }), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("h3", {
 								className: "text-lg font-semibold text-text-primary mb-4",
 								children: "Top Performing Carts"
-							}), V.length > 0 ? /* @__PURE__ */ x("div", {
+							}), q.length > 0 ? /* @__PURE__ */ S("div", {
 								className: "rounded-lg border border-border-subtle overflow-hidden",
-								children: /* @__PURE__ */ S("table", {
+								children: /* @__PURE__ */ C("table", {
 									className: "w-full",
-									children: [/* @__PURE__ */ x("thead", { children: /* @__PURE__ */ S("tr", {
+									children: [/* @__PURE__ */ S("thead", { children: /* @__PURE__ */ C("tr", {
 										className: "border-b border-border-subtle bg-bg-sunken/50",
 										children: [
-											/* @__PURE__ */ x("th", {
+											/* @__PURE__ */ S("th", {
 												className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase",
 												children: "Cart Name"
 											}),
-											/* @__PURE__ */ x("th", {
+											/* @__PURE__ */ S("th", {
 												className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase",
 												children: "Category"
 											}),
-											/* @__PURE__ */ x("th", {
+											/* @__PURE__ */ S("th", {
 												className: "px-4 py-3 text-right text-xs font-medium text-text-secondary uppercase",
 												children: "Rating"
 											})
 										]
-									}) }), /* @__PURE__ */ x("tbody", {
+									}) }), /* @__PURE__ */ S("tbody", {
 										className: "divide-y divide-border",
-										children: V.map((e, t) => /* @__PURE__ */ S("tr", {
+										children: q.map((e, t) => /* @__PURE__ */ C("tr", {
 											className: "hover:bg-accent/50 transition-colors",
 											children: [
-												/* @__PURE__ */ x("td", {
+												/* @__PURE__ */ S("td", {
 													className: "px-4 py-3",
-													children: /* @__PURE__ */ S("div", {
+													children: /* @__PURE__ */ C("div", {
 														className: "flex items-center gap-2",
-														children: [K(t), /* @__PURE__ */ x("span", {
+														children: [ae(t), /* @__PURE__ */ S("span", {
 															className: "text-sm font-medium text-text-primary",
 															children: e.name
 														})]
 													})
 												}),
-												/* @__PURE__ */ x("td", {
+												/* @__PURE__ */ S("td", {
 													className: "px-4 py-3 text-sm text-left text-text-secondary capitalize",
-													children: W(e.category)
+													children: X(e.category)
 												}),
-												/* @__PURE__ */ x("td", {
+												/* @__PURE__ */ S("td", {
 													className: "px-4 py-3 text-sm text-right text-text-primary",
-													children: /* @__PURE__ */ S("span", {
+													children: /* @__PURE__ */ C("span", {
 														className: "flex items-center justify-end gap-1",
-														children: [/* @__PURE__ */ x(g, { className: "h-3.5 w-3.5 fill-status-warning-text text-status-warning-text" }), (e.rating ?? 0).toFixed(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)]
 													})
 												})
 											]
 										}, e.id))
 									})]
 								})
-							}) : /* @__PURE__ */ x("p", {
+							}) : /* @__PURE__ */ S("p", {
 								className: "text-sm text-text-secondary",
 								children: "Top-performing carts will be ranked here once orders start flowing."
 							})] })]
 						}),
-						F === "revenue" && /* @__PURE__ */ S("div", {
+						V === "revenue" && /* @__PURE__ */ C("div", {
 							className: "space-y-8",
-							children: [/* @__PURE__ */ S("div", {
+							children: [/* @__PURE__ */ C("div", {
 								className: "grid grid-cols-1 md:grid-cols-3 gap-4",
 								children: [
-									/* @__PURE__ */ S("div", {
+									/* @__PURE__ */ C("div", {
 										className: "rounded-lg border border-border-focus/30 bg-[var(--color-accent-soft)] p-6",
-										children: [/* @__PURE__ */ x("h4", {
+										children: [/* @__PURE__ */ S("h4", {
 											className: "text-sm font-medium text-text-primary mb-2",
 											children: "Total Revenue"
-										}), /* @__PURE__ */ x("p", {
+										}), /* @__PURE__ */ S("p", {
 											className: "text-2xl font-bold text-text-primary",
-											children: R(D.totalRevenue)
+											children: W(N.totalRevenue)
 										})]
 									}),
-									/* @__PURE__ */ S("div", {
+									/* @__PURE__ */ C("div", {
 										className: "rounded-lg border border-border-subtle bg-bg-sunken/30 p-6",
-										children: [/* @__PURE__ */ x("h4", {
+										children: [/* @__PURE__ */ S("h4", {
 											className: "text-sm font-medium text-text-secondary mb-2",
 											children: "Total Orders"
-										}), /* @__PURE__ */ x("p", {
+										}), /* @__PURE__ */ S("p", {
 											className: "text-2xl font-bold text-text-primary",
-											children: (D.totalOrders ?? 0).toLocaleString("en-IN")
+											children: (N.totalOrders ?? 0).toLocaleString("en-IN")
 										})]
 									}),
-									/* @__PURE__ */ S("div", {
+									/* @__PURE__ */ C("div", {
 										className: "rounded-lg border border-status-success-text/30 bg-status-success-bg-subtle p-6",
-										children: [/* @__PURE__ */ x("h4", {
+										children: [/* @__PURE__ */ S("h4", {
 											className: "text-sm font-medium text-status-success-text mb-2",
 											children: "Average Order Value"
-										}), /* @__PURE__ */ x("p", {
+										}), /* @__PURE__ */ S("p", {
 											className: "text-2xl font-bold text-status-success-text",
-											children: R(z.avgOrderValue)
+											children: W(G.avgOrderValue)
 										})]
 									})
 								]
-							}), /* @__PURE__ */ x("p", {
+							}), $.length > 0 ? /* @__PURE__ */ C("div", { children: [
+								/* @__PURE__ */ S("h4", {
+									className: "mb-3 text-sm font-semibold text-text-primary",
+									children: "Revenue by Category"
+								}),
+								/* @__PURE__ */ S(u, {
+									stages: $,
+									showConversion: !1,
+									valueFormatter: (e) => W(e)
+								}),
+								/* @__PURE__ */ S("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", {
 								className: "text-sm text-text-secondary",
-								children: "Revenue is not broken down by category by the platform backend. See the Users tab for how carts are distributed across categories."
+								children: "Revenue by category will appear here as orders come in."
 							})]
 						}),
-						F === "users" && /* @__PURE__ */ S("div", {
+						V === "users" && /* @__PURE__ */ C("div", {
 							className: "space-y-8",
 							children: [
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ C("div", {
 									className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ S("div", {
+									children: [/* @__PURE__ */ C("div", {
 										className: "rounded-lg border border-border-subtle bg-bg-sunken/30 p-6",
-										children: [/* @__PURE__ */ S("div", {
+										children: [/* @__PURE__ */ C("div", {
 											className: "flex items-center gap-2 mb-2",
-											children: [/* @__PURE__ */ x(y, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ x("h4", {
+											children: [/* @__PURE__ */ S(x, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ S("h4", {
 												className: "text-sm font-medium text-text-secondary",
 												children: "Active Customers"
 											})]
-										}), /* @__PURE__ */ x("p", {
+										}), /* @__PURE__ */ S("p", {
 											className: "text-3xl font-bold text-text-primary",
-											children: (D.activeCustomers ?? 0).toLocaleString("en-IN")
+											children: (N.activeCustomers ?? 0).toLocaleString("en-IN")
 										})]
-									}), /* @__PURE__ */ S("div", {
+									}), /* @__PURE__ */ C("div", {
 										className: "rounded-lg border border-border-subtle bg-bg-sunken/30 p-6",
-										children: [/* @__PURE__ */ S("div", {
+										children: [/* @__PURE__ */ C("div", {
 											className: "flex items-center gap-2 mb-2",
-											children: [/* @__PURE__ */ x(_, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ x("h4", {
+											children: [/* @__PURE__ */ S(y, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ S("h4", {
 												className: "text-sm font-medium text-text-secondary",
 												children: "Active Cart Owners"
 											})]
-										}), /* @__PURE__ */ x("p", {
+										}), /* @__PURE__ */ S("p", {
 											className: "text-3xl font-bold text-text-primary",
-											children: (D.activeProviders ?? 0).toLocaleString("en-IN")
+											children: (N.activeProviders ?? 0).toLocaleString("en-IN")
 										})]
 									})]
 								}),
-								/* @__PURE__ */ S("div", {
+								/* @__PURE__ */ C("div", {
 									className: "rounded-lg border border-border-subtle bg-bg-sunken/20 p-6",
 									children: [
-										/* @__PURE__ */ S("div", {
+										/* @__PURE__ */ C("div", {
 											className: "flex items-center gap-2 mb-2",
-											children: [/* @__PURE__ */ x(y, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ x("h3", {
+											children: [/* @__PURE__ */ S(x, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ S("h3", {
 												className: "text-sm font-medium text-text-secondary",
 												children: "Total Customers"
 											})]
 										}),
-										/* @__PURE__ */ x("p", {
+										/* @__PURE__ */ S("p", {
 											className: "text-3xl font-bold text-text-primary",
-											children: H.toLocaleString("en-IN")
+											children: J.toLocaleString("en-IN")
 										}),
-										/* @__PURE__ */ x("p", {
+										/* @__PURE__ */ S("p", {
 											className: "mt-1 text-sm text-text-secondary",
 											children: "Customers on the platform to date."
 										})
 									]
 								}),
-								U.length > 0 && /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("h3", {
+								Y.length > 0 && /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("h3", {
 									className: "text-lg font-semibold text-text-primary mb-4",
 									children: "Cart Category Distribution"
-								}), /* @__PURE__ */ x("div", {
+								}), /* @__PURE__ */ S("div", {
 									className: "space-y-3",
-									children: U.map((e) => /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("div", {
+									children: Y.map((e) => /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ C("div", {
 										className: "flex items-center justify-between mb-1",
-										children: [/* @__PURE__ */ x("span", {
+										children: [/* @__PURE__ */ S("span", {
 											className: "text-sm font-medium text-text-primary capitalize",
-											children: W(e.category)
-										}), /* @__PURE__ */ S("span", {
+											children: X(e.category)
+										}), /* @__PURE__ */ C("span", {
 											className: "text-sm text-text-secondary",
 											children: [
 												(e.count ?? 0).toLocaleString("en-IN"),
@@ -388,9 +523,9 @@ function E() {
 												"%)"
 											]
 										})]
-									}), /* @__PURE__ */ x("div", {
+									}), /* @__PURE__ */ S("div", {
 										className: "w-full bg-bg-sunken rounded-full h-2",
-										children: /* @__PURE__ */ x("div", {
+										children: /* @__PURE__ */ S("div", {
 											className: "bg-action-primary-bg h-2 rounded-full transition-all duration-300",
 											style: { width: `${e.percentage}%` }
 										})
@@ -398,91 +533,91 @@ function E() {
 								})] })
 							]
 						}),
-						F === "performance" && /* @__PURE__ */ S("div", {
+						V === "performance" && /* @__PURE__ */ C("div", {
 							className: "space-y-8",
-							children: [/* @__PURE__ */ S("div", {
+							children: [/* @__PURE__ */ C("div", {
 								className: "grid grid-cols-1 md:grid-cols-3 gap-6",
 								children: [
-									/* @__PURE__ */ S("div", {
+									/* @__PURE__ */ C("div", {
 										className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
 										children: [
-											/* @__PURE__ */ S("div", {
+											/* @__PURE__ */ C("div", {
 												className: "flex items-center gap-2 mb-2",
-												children: [/* @__PURE__ */ x(g, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ x("h4", {
+												children: [/* @__PURE__ */ S(v, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ S("h4", {
 													className: "text-sm font-medium text-text-secondary",
 													children: "Customer Satisfaction"
 												})]
 											}),
-											/* @__PURE__ */ S("p", {
+											/* @__PURE__ */ C("p", {
 												className: "text-3xl font-bold text-text-primary flex items-center gap-1",
-												children: [/* @__PURE__ */ x(g, { className: "h-6 w-6 fill-status-warning-text text-status-warning-text" }), D.avgRating > 0 ? D.avgRating.toFixed(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) : "—"]
 											}),
-											/* @__PURE__ */ x("p", {
+											/* @__PURE__ */ S("p", {
 												className: "text-sm text-text-secondary mt-1",
 												children: "Average rating across carts"
 											})
 										]
 									}),
-									/* @__PURE__ */ S("div", {
+									/* @__PURE__ */ C("div", {
 										className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
 										children: [
-											/* @__PURE__ */ S("div", {
+											/* @__PURE__ */ C("div", {
 												className: "flex items-center gap-2 mb-2",
-												children: [/* @__PURE__ */ x(v, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ x("h4", {
+												children: [/* @__PURE__ */ S(b, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ S("h4", {
 													className: "text-sm font-medium text-text-secondary",
 													children: "Completion Rate"
 												})]
 											}),
-											/* @__PURE__ */ x("p", {
+											/* @__PURE__ */ S("p", {
 												className: "text-3xl font-bold text-text-primary",
-												children: z.total > 0 ? `${G(z.completed, z.total).toFixed(1)}%` : "—"
+												children: G.total > 0 ? `${Z(G.completed, G.total).toFixed(1)}%` : "—"
 											}),
-											/* @__PURE__ */ x("p", {
+											/* @__PURE__ */ S("p", {
 												className: "text-sm text-text-secondary mt-1",
 												children: "Orders delivered"
 											})
 										]
 									}),
-									/* @__PURE__ */ S("div", {
+									/* @__PURE__ */ C("div", {
 										className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
 										children: [
-											/* @__PURE__ */ S("div", {
+											/* @__PURE__ */ C("div", {
 												className: "flex items-center gap-2 mb-2",
-												children: [/* @__PURE__ */ x(f, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ x("h4", {
+												children: [/* @__PURE__ */ S(m, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ S("h4", {
 													className: "text-sm font-medium text-text-secondary",
 													children: "Cancellation Rate"
 												})]
 											}),
-											/* @__PURE__ */ x("p", {
+											/* @__PURE__ */ S("p", {
 												className: "text-3xl font-bold text-text-primary",
-												children: z.total > 0 ? `${G(z.cancelled, z.total).toFixed(1)}%` : "—"
+												children: G.total > 0 ? `${Z(G.cancelled, G.total).toFixed(1)}%` : "—"
 											}),
-											/* @__PURE__ */ x("p", {
+											/* @__PURE__ */ S("p", {
 												className: "text-sm text-text-secondary mt-1",
 												children: "Orders cancelled"
 											})
 										]
 									})
 								]
-							}), /* @__PURE__ */ S("div", {
+							}), /* @__PURE__ */ C("div", {
 								className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
-								children: [/* @__PURE__ */ x("h3", {
+								children: [/* @__PURE__ */ S("h3", {
 									className: "text-lg font-semibold text-text-primary mb-4",
 									children: "Today's Activity"
-								}), /* @__PURE__ */ S("div", {
+								}), /* @__PURE__ */ C("div", {
 									className: "grid grid-cols-1 md:grid-cols-2 gap-6",
-									children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+									children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
 										className: "text-sm text-text-secondary mb-2",
 										children: "Orders Today"
-									}), /* @__PURE__ */ x("p", {
+									}), /* @__PURE__ */ S("p", {
 										className: "text-3xl font-bold text-text-primary",
-										children: z.ordersToday.toLocaleString("en-IN")
-									})] }), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
+										children: G.ordersToday.toLocaleString("en-IN")
+									})] }), /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
 										className: "text-sm text-text-secondary mb-2",
 										children: "Pending Orders"
-									}), /* @__PURE__ */ x("p", {
+									}), /* @__PURE__ */ S("p", {
 										className: "text-3xl font-bold text-status-warning-text",
-										children: (D.pendingOrders ?? 0).toLocaleString("en-IN")
+										children: (N.pendingOrders ?? 0).toLocaleString("en-IN")
 									})] })]
 								})]
 							})]
@@ -494,6 +629,6 @@ function E() {
 	});
 }
 //#endregion
-export { E as AdminAnalyticsPage };
+export { M as AdminAnalyticsPage };
 
 //# sourceMappingURL=AdminAnalyticsPage.js.map