@burdenoff/microfe-kadaikodi 2026.625.1 → 2026.626.2

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

@@ -6,13 +6,14 @@ import { formatCurrency as i } from "../../utils/formatters.js";
 import { useEffect as a, useState as o } from "react";
 import { Award as s, BarChart3 as c, IndianRupee as l, Loader2 as u, ShoppingBag as d, Star as f, Timer as p, Users as m, Zap as h } from "lucide-react";
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { EmphasisPanel as v, NextSteps as y, PagePurpose as b } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/admin/AdminAnalyticsPage.tsx
-function v() {
-	let { currentUser: v } = e(), [y, b] = o(null), [x, S] = o(!0), [C, w] = o("month"), [T, E] = o("overview");
+function x() {
+	let { currentUser: x, navigateTo: S } = e(), [C, w] = o(null), [T, E] = o(!0), [D, O] = o("month"), [k, A] = o("overview");
 	a(() => {
-		S(!0);
+		E(!0);
 		let e = setTimeout(() => {
-			b({
+			w({
 				revenue: {
 					total: 125e5,
 					growth: 15.2,
@@ -114,12 +115,12 @@ function v() {
 						revenue: 189e4
 					}
 				] }
-			}), S(!1);
+			}), E(!1);
 		}, 800);
 		return () => clearTimeout(e);
-	}, [C]);
-	let D = (e) => e >= 1e7 ? `₹${(e / 1e7).toFixed(1)}Cr` : e >= 1e5 ? `₹${(e / 1e5).toFixed(1)}L` : i(e, { minimumFractionDigits: 0 }), O = (e) => e === 0 ? /* @__PURE__ */ g(s, { className: "h-5 w-5 text-status-warning-text" }) : e === 1 ? /* @__PURE__ */ g(s, { className: "h-5 w-5 text-text-secondary" }) : e === 2 ? /* @__PURE__ */ g(s, { className: "h-5 w-5 text-status-warning-text" }) : /* @__PURE__ */ g(c, { className: "h-5 w-5 text-text-secondary" });
-	if (x || !y) return /* @__PURE__ */ g(n, {
+	}, [D]);
+	let j = (e) => e >= 1e7 ? `₹${(e / 1e7).toFixed(1)}Cr` : e >= 1e5 ? `₹${(e / 1e5).toFixed(1)}L` : i(e, { minimumFractionDigits: 0 }), M = (e) => e === 0 ? /* @__PURE__ */ g(s, { className: "h-5 w-5 text-status-warning-text" }) : e === 1 ? /* @__PURE__ */ g(s, { className: "h-5 w-5 text-text-secondary" }) : e === 2 ? /* @__PURE__ */ g(s, { className: "h-5 w-5 text-status-warning-text" }) : /* @__PURE__ */ g(c, { className: "h-5 w-5 text-text-secondary" });
+	if (T || !C) return /* @__PURE__ */ g(n, {
 		title: "Platform Analytics",
 		description: "Loading analytics...",
 		children: /* @__PURE__ */ _("div", {
@@ -130,7 +131,7 @@ function v() {
 			})]
 		})
 	});
-	let k = [
+	let N = [
 		{
 			key: "overview",
 			label: "Overview",
@@ -156,11 +157,39 @@ function v() {
 		title: "Platform Analytics",
 		description: "Comprehensive platform metrics and trends",
 		children: [
+			/* @__PURE__ */ g(b, {
+				className: "mb-6",
+				children: "Your bird's-eye view of how Kadaikodi is performing. Use this page to spot revenue and order trends, see which carts and cities drive the most business, and understand where users are growing — so you can decide where to invest, which carts to promote, and where service quality needs attention. Switch the period filter and tabs to drill into revenue, users, and operational performance."
+			}),
+			/* @__PURE__ */ g(y, {
+				storageKey: "kadaikodi-admin-analytics",
+				className: "mb-6",
+				steps: [
+					{
+						id: "review-carts",
+						label: "Review top-performing carts",
+						description: "See which carts drive the most revenue and orders.",
+						onClick: () => A("overview")
+					},
+					{
+						id: "check-revenue",
+						label: "Break down revenue by city",
+						description: "Find your strongest markets in the Revenue tab.",
+						onClick: () => A("revenue")
+					},
+					{
+						id: "manage-carts",
+						label: "Approve pending carts",
+						description: "Onboard the carts waiting for review.",
+						onClick: () => S("/admin/carts")
+					}
+				]
+			}),
 			/* @__PURE__ */ _("div", {
 				className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 mb-6",
 				children: [/* @__PURE__ */ _("select", {
-					value: C,
-					onChange: (e) => w(e.target.value),
+					value: D,
+					onChange: (e) => O(e.target.value),
 					className: "rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)] w-fit",
 					children: [
 						/* @__PURE__ */ g("option", {
@@ -189,38 +218,44 @@ function v() {
 					children: ["Last updated: ", (/* @__PURE__ */ new Date()).toLocaleString("en-IN")]
 				})]
 			}),
-			/* @__PURE__ */ _("div", {
-				className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4 mb-8",
-				children: [
-					/* @__PURE__ */ g(r, {
-						featured: !0,
-						icon: /* @__PURE__ */ g(l, { className: "h-5 w-5" }),
-						value: D(y.revenue.total),
-						label: "Total Revenue",
-						trend: "up",
-						trendValue: `+${y.revenue.growth}%`
-					}),
-					/* @__PURE__ */ g(r, {
-						icon: /* @__PURE__ */ g(d, { className: "h-5 w-5" }),
-						value: y.orders.total.toLocaleString("en-IN"),
-						label: "Total Orders",
-						trend: "up",
-						trendValue: `+${y.orders.growth}%`
-					}),
-					/* @__PURE__ */ g(r, {
-						icon: /* @__PURE__ */ g(m, { className: "h-5 w-5" }),
-						value: y.users.active.toLocaleString("en-IN"),
-						label: "Active Users",
-						trend: "up",
-						trendValue: `+${y.users.growth}%`
-					}),
-					/* @__PURE__ */ g(r, {
-						icon: /* @__PURE__ */ g(c, { className: "h-5 w-5" }),
-						value: y.carts.active.toLocaleString("en-IN"),
-						label: "Active Carts",
-						trendValue: `${y.carts.pending} pending`
-					})
-				]
+			/* @__PURE__ */ _(v, {
+				className: "mb-8",
+				children: [/* @__PURE__ */ g("h2", {
+					className: "mb-4 text-lg font-semibold text-text-primary",
+					children: "Key Metrics"
+				}), /* @__PURE__ */ _("div", {
+					className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-4",
+					children: [
+						/* @__PURE__ */ g(r, {
+							featured: !0,
+							icon: /* @__PURE__ */ g(l, { className: "h-5 w-5" }),
+							value: j(C.revenue.total),
+							label: "Total Revenue",
+							trend: "up",
+							trendValue: `+${C.revenue.growth}%`
+						}),
+						/* @__PURE__ */ g(r, {
+							icon: /* @__PURE__ */ g(d, { className: "h-5 w-5" }),
+							value: C.orders.total.toLocaleString("en-IN"),
+							label: "Total Orders",
+							trend: "up",
+							trendValue: `+${C.orders.growth}%`
+						}),
+						/* @__PURE__ */ g(r, {
+							icon: /* @__PURE__ */ g(m, { className: "h-5 w-5" }),
+							value: C.users.active.toLocaleString("en-IN"),
+							label: "Active Users",
+							trend: "up",
+							trendValue: `+${C.users.growth}%`
+						}),
+						/* @__PURE__ */ g(r, {
+							icon: /* @__PURE__ */ g(c, { className: "h-5 w-5" }),
+							value: C.carts.active.toLocaleString("en-IN"),
+							label: "Active Carts",
+							trendValue: `${C.carts.pending} pending`
+						})
+					]
+				})]
 			}),
 			/* @__PURE__ */ _("div", {
 				className: "rounded-lg border border-border-subtle bg-bg-surface mb-8",
@@ -228,12 +263,12 @@ function v() {
 					className: "border-b border-border-subtle",
 					children: /* @__PURE__ */ g("nav", {
 						className: "flex -mb-px overflow-x-auto",
-						children: k.map((e) => {
+						children: N.map((e) => {
 							let n = e.icon;
 							return /* @__PURE__ */ _("button", {
 								type: "button",
-								onClick: () => E(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", T === e.key ? "border-primary text-primary" : "border-transparent text-text-secondary hover:text-text-primary"),
+								onClick: () => A(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", k === e.key ? "border-primary text-primary" : "border-transparent text-text-secondary hover:text-text-primary"),
 								children: [/* @__PURE__ */ g(n, { className: "h-4 w-4" }), /* @__PURE__ */ g("span", {
 									className: "hidden sm:inline",
 									children: e.label
@@ -244,7 +279,7 @@ function v() {
 				}), /* @__PURE__ */ _("div", {
 					className: "p-4 sm:p-6",
 					children: [
-						T === "overview" && /* @__PURE__ */ _("div", {
+						k === "overview" && /* @__PURE__ */ _("div", {
 							className: "space-y-8",
 							children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("h3", {
 								className: "text-lg font-semibold text-text-primary mb-4",
@@ -261,11 +296,11 @@ function v() {
 											}),
 											/* @__PURE__ */ g("p", {
 												className: "text-2xl font-bold text-status-success-text",
-												children: y.orders.completed.toLocaleString("en-IN")
+												children: C.orders.completed.toLocaleString("en-IN")
 											}),
 											/* @__PURE__ */ _("p", {
 												className: "text-sm text-status-success-text/80",
-												children: [(y.orders.completed / y.orders.total * 100).toFixed(1), "% of total"]
+												children: [(C.orders.completed / C.orders.total * 100).toFixed(1), "% of total"]
 											})
 										]
 									}),
@@ -278,11 +313,11 @@ function v() {
 											}),
 											/* @__PURE__ */ g("p", {
 												className: "text-2xl font-bold text-status-warning-text",
-												children: y.orders.pending.toLocaleString("en-IN")
+												children: C.orders.pending.toLocaleString("en-IN")
 											}),
 											/* @__PURE__ */ _("p", {
 												className: "text-sm text-status-warning-text/80",
-												children: [(y.orders.pending / y.orders.total * 100).toFixed(1), "% of total"]
+												children: [(C.orders.pending / C.orders.total * 100).toFixed(1), "% of total"]
 											})
 										]
 									}),
@@ -295,11 +330,11 @@ function v() {
 											}),
 											/* @__PURE__ */ g("p", {
 												className: "text-2xl font-bold text-status-error-text",
-												children: y.orders.cancelled.toLocaleString("en-IN")
+												children: C.orders.cancelled.toLocaleString("en-IN")
 											}),
 											/* @__PURE__ */ _("p", {
 												className: "text-sm text-status-error-text/80",
-												children: [(y.orders.cancelled / y.orders.total * 100).toFixed(1), "% of total"]
+												children: [(C.orders.cancelled / C.orders.total * 100).toFixed(1), "% of total"]
 											})
 										]
 									})
@@ -333,14 +368,14 @@ function v() {
 										]
 									}) }), /* @__PURE__ */ g("tbody", {
 										className: "divide-y divide-border",
-										children: y.carts.topPerforming.map((e, t) => /* @__PURE__ */ _("tr", {
+										children: C.carts.topPerforming.map((e, t) => /* @__PURE__ */ _("tr", {
 											className: "hover:bg-accent/50 transition-colors",
 											children: [
 												/* @__PURE__ */ g("td", {
 													className: "px-4 py-3",
 													children: /* @__PURE__ */ _("div", {
 														className: "flex items-center gap-2",
-														children: [O(t), /* @__PURE__ */ g("span", {
+														children: [M(t), /* @__PURE__ */ g("span", {
 															className: "text-sm font-medium text-text-primary",
 															children: e.name
 														})]
@@ -348,7 +383,7 @@ function v() {
 												}),
 												/* @__PURE__ */ g("td", {
 													className: "px-4 py-3 text-sm text-right font-medium text-text-primary",
-													children: D(e.revenue)
+													children: j(e.revenue)
 												}),
 												/* @__PURE__ */ g("td", {
 													className: "px-4 py-3 text-sm text-right text-text-primary",
@@ -367,7 +402,7 @@ function v() {
 								})
 							})] })]
 						}),
-						T === "revenue" && /* @__PURE__ */ _("div", {
+						k === "revenue" && /* @__PURE__ */ _("div", {
 							className: "space-y-8",
 							children: [/* @__PURE__ */ _("div", {
 								className: "grid grid-cols-1 md:grid-cols-3 gap-4",
@@ -379,7 +414,7 @@ function v() {
 											children: "This Month"
 										}), /* @__PURE__ */ g("p", {
 											className: "text-2xl font-bold text-text-primary",
-											children: D(y.revenue.thisMonth)
+											children: j(C.revenue.thisMonth)
 										})]
 									}),
 									/* @__PURE__ */ _("div", {
@@ -389,7 +424,7 @@ function v() {
 											children: "Last Month"
 										}), /* @__PURE__ */ g("p", {
 											className: "text-2xl font-bold text-text-primary",
-											children: D(y.revenue.lastMonth)
+											children: j(C.revenue.lastMonth)
 										})]
 									}),
 									/* @__PURE__ */ _("div", {
@@ -399,7 +434,7 @@ function v() {
 											children: "Average Order Value"
 										}), /* @__PURE__ */ _("p", {
 											className: "text-2xl font-bold text-status-success-text",
-											children: ["₹", y.orders.averageOrderValue]
+											children: ["₹", C.orders.averageOrderValue]
 										})]
 									})
 								]
@@ -408,11 +443,11 @@ function v() {
 								children: "Revenue by City"
 							}), /* @__PURE__ */ g("div", {
 								className: "space-y-3",
-								children: y.geography.topCities.map((e, t) => /* @__PURE__ */ _("div", {
+								children: C.geography.topCities.map((e, t) => /* @__PURE__ */ _("div", {
 									className: "flex items-center justify-between p-4 rounded-lg border border-border-subtle bg-bg-sunken/30",
 									children: [/* @__PURE__ */ _("div", {
 										className: "flex items-center gap-3",
-										children: [O(t), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+										children: [M(t), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 											className: "font-medium text-text-primary",
 											children: e.city
 										}), /* @__PURE__ */ _("p", {
@@ -423,38 +458,38 @@ function v() {
 										className: "text-right",
 										children: [/* @__PURE__ */ g("p", {
 											className: "font-bold text-text-primary",
-											children: D(e.revenue)
+											children: j(e.revenue)
 										}), /* @__PURE__ */ _("p", {
 											className: "text-sm text-text-secondary",
-											children: [(e.revenue / y.revenue.total * 100).toFixed(1), "%"]
+											children: [(e.revenue / C.revenue.total * 100).toFixed(1), "%"]
 										})]
 									})]
 								}, e.city))
 							})] })]
 						}),
-						T === "users" && /* @__PURE__ */ _("div", {
+						k === "users" && /* @__PURE__ */ _("div", {
 							className: "space-y-8",
 							children: [/* @__PURE__ */ g("div", {
 								className: "grid grid-cols-1 md:grid-cols-4 gap-4",
 								children: [
 									{
 										label: "Customers",
-										value: y.users.customers,
+										value: C.users.customers,
 										color: "blue"
 									},
 									{
 										label: "Cart Owners",
-										value: y.users.cartOwners,
+										value: C.users.cartOwners,
 										color: "green"
 									},
 									{
 										label: "Workers",
-										value: y.users.workers,
+										value: C.users.workers,
 										color: "yellow"
 									},
 									{
 										label: "Investors",
-										value: y.users.investors,
+										value: C.users.investors,
 										color: "purple"
 									}
 								].map((e) => /* @__PURE__ */ _("div", {
@@ -470,7 +505,7 @@ function v() {
 										}),
 										/* @__PURE__ */ _("p", {
 											className: t("text-sm", `text-${e.color}-600/80 dark:text-${e.color}-400/80`),
-											children: [(e.value / y.users.total * 100).toFixed(1), "%"]
+											children: [(e.value / C.users.total * 100).toFixed(1), "%"]
 										})
 									]
 								}, e.label))
@@ -486,18 +521,18 @@ function v() {
 										children: "New Users This Month"
 									}), /* @__PURE__ */ g("p", {
 										className: "text-3xl font-bold text-text-primary",
-										children: y.users.newThisMonth
+										children: C.users.newThisMonth
 									})] }), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 										className: "text-sm text-text-secondary mb-2",
 										children: "Active Users Rate"
 									}), /* @__PURE__ */ _("p", {
 										className: "text-3xl font-bold text-status-success-text",
-										children: [(y.users.active / y.users.total * 100).toFixed(1), "%"]
+										children: [(C.users.active / C.users.total * 100).toFixed(1), "%"]
 									})] })]
 								})]
 							})]
 						}),
-						T === "performance" && /* @__PURE__ */ _("div", {
+						k === "performance" && /* @__PURE__ */ _("div", {
 							className: "space-y-8",
 							children: [
 								/* @__PURE__ */ _("div", {
@@ -515,7 +550,7 @@ function v() {
 												}),
 												/* @__PURE__ */ _("p", {
 													className: "text-3xl font-bold text-text-primary",
-													children: [y.performance.averageDeliveryTime, " min"]
+													children: [C.performance.averageDeliveryTime, " min"]
 												}),
 												/* @__PURE__ */ g("p", {
 													className: "text-sm text-text-secondary mt-1",
@@ -535,7 +570,7 @@ function v() {
 												}),
 												/* @__PURE__ */ _("p", {
 													className: "text-3xl font-bold text-text-primary flex items-center gap-1",
-													children: [/* @__PURE__ */ g(f, { className: "h-6 w-6 fill-status-warning-text text-status-warning-text" }), y.performance.customerSatisfaction]
+													children: [/* @__PURE__ */ g(f, { className: "h-6 w-6 fill-status-warning-text text-status-warning-text" }), C.performance.customerSatisfaction]
 												}),
 												/* @__PURE__ */ g("p", {
 													className: "text-sm text-text-secondary mt-1",
@@ -555,7 +590,7 @@ function v() {
 												}),
 												/* @__PURE__ */ _("p", {
 													className: "text-3xl font-bold text-text-primary",
-													children: [y.performance.platformFee, "%"]
+													children: [C.performance.platformFee, "%"]
 												}),
 												/* @__PURE__ */ g("p", {
 													className: "text-sm text-text-secondary mt-1",
@@ -580,21 +615,21 @@ function v() {
 													children: "Operating Costs"
 												}), /* @__PURE__ */ g("p", {
 													className: "text-2xl font-bold text-status-error-text",
-													children: D(y.performance.operatingCosts)
+													children: j(C.performance.operatingCosts)
 												})] }),
 												/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 													className: "text-sm text-text-secondary mb-2",
 													children: "Total Revenue"
 												}), /* @__PURE__ */ g("p", {
 													className: "text-2xl font-bold text-text-primary",
-													children: D(y.revenue.total)
+													children: j(C.revenue.total)
 												})] }),
 												/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 													className: "text-sm text-text-secondary mb-2",
 													children: "Net Profit"
 												}), /* @__PURE__ */ g("p", {
 													className: "text-2xl font-bold text-status-success-text",
-													children: D(y.performance.netProfit)
+													children: j(C.performance.netProfit)
 												})] })
 											]
 										}),
@@ -605,7 +640,7 @@ function v() {
 												children: "Profit Margin"
 											}), /* @__PURE__ */ _("p", {
 												className: "text-xl font-bold text-text-primary",
-												children: [(y.performance.netProfit / y.revenue.total * 100).toFixed(1), "%"]
+												children: [(C.performance.netProfit / C.revenue.total * 100).toFixed(1), "%"]
 											})]
 										})
 									]
@@ -622,13 +657,13 @@ function v() {
 											children: "Orders Today"
 										}), /* @__PURE__ */ g("p", {
 											className: "text-3xl font-bold text-text-primary",
-											children: y.orders.ordersToday
+											children: C.orders.ordersToday
 										})] }), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
 											className: "text-sm text-text-secondary mb-2",
 											children: "Estimated Revenue"
 										}), /* @__PURE__ */ g("p", {
 											className: "text-3xl font-bold text-status-success-text",
-											children: D(y.orders.ordersToday * y.orders.averageOrderValue)
+											children: j(C.orders.ordersToday * C.orders.averageOrderValue)
 										})] })]
 									})]
 								})
@@ -641,6 +676,6 @@ function v() {
 	});
 }
 //#endregion
-export { v as AdminAnalyticsPage };
+export { x as AdminAnalyticsPage };
 
 //# sourceMappingURL=AdminAnalyticsPage.js.map