@burdenoff/microfe-subscriberbot 2026.625.1 → 2026.626.2

package/dist/subscriberbot/pages/admin/AdminDashboard.js

@@ -5,12 +5,13 @@ import { MetricsCard as r } from "../../components/MetricsCard.js";
 import { useEffect as i, useState as a } from "react";
 import { Activity as o, AlertTriangle as s, ArrowRight as c, BarChart3 as l, CheckCircle2 as u, Clock as d, CreditCard as f, Database as p, FileText as m, IndianRupee as h, Loader2 as g, Server as _, Settings as v, ShieldCheck as y, ShoppingBag as b, Store as x, UserPlus as S, Users as C, Wifi as w } from "lucide-react";
 import { jsx as T, jsxs as E } from "react/jsx-runtime";
+import { EmphasisPanel as D, NextSteps as O, PagePurpose as k } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/pages/admin/AdminDashboard.tsx
-function D() {
-	let { navigateTo: D, currentUser: O } = e(), k = O?.firstName ?? O?.name ?? "Admin", [A, j] = a(null), [M, N] = a([]), [P, F] = a(null), [I, L] = a(!0);
+function A() {
+	let { navigateTo: A, currentUser: j } = e(), M = j?.firstName ?? j?.name ?? "Admin", [N, P] = a(null), [F, I] = a([]), [L, R] = a(null), [z, B] = a(!0);
 	i(() => {
 		let e = setTimeout(() => {
-			j({
+			P({
 				totalUsers: 12847,
 				totalCarts: 2934,
 				totalOrders: 45621,
@@ -19,13 +20,13 @@ function D() {
 				pendingApprovals: 47,
 				totalRevenue: 245e4,
 				platformCommission: 122500
-			}), F({
+			}), R({
 				customers: 8934,
 				cartOwners: 2456,
 				workers: 1245,
 				investors: 212,
 				growth: 15.7
-			}), N([
+			}), I([
 				{
 					id: "ACT-001",
 					type: "user_registration",
@@ -76,28 +77,28 @@ function D() {
 					status: "completed",
 					user: "Fatima Ali"
 				}
-			]), L(!1);
+			]), B(!1);
 		}, 1e3);
 		return () => clearTimeout(e);
 	}, []);
-	let R = (e) => /* @__PURE__ */ T({
+	let V = (e) => /* @__PURE__ */ T({
 		user_registration: S,
 		cart_approval: x,
 		investment: h,
 		order: b,
 		dispute: s
-	}[e] ?? o, { className: "h-4 w-4" }), z = (e) => ({
+	}[e] ?? o, { className: "h-4 w-4" }), H = (e) => ({
 		user_registration: "text-status-info-text",
 		cart_approval: "text-accent-purple",
 		investment: "text-status-success-text",
 		order: "text-status-success-text",
 		dispute: "text-status-warning-text"
-	})[e] ?? "text-text-secondary", B = (e) => ({
+	})[e] ?? "text-text-secondary", U = (e) => ({
 		completed: "bg-status-success-bg/20 text-status-success-text",
 		pending: "bg-status-warning-bg/20 text-status-warning-text",
 		failed: "bg-status-error-bg/20 text-status-error-text"
 	})[e] ?? "bg-secondary text-secondary-foreground";
-	return I ? /* @__PURE__ */ T(n, {
+	return z ? /* @__PURE__ */ T(n, {
 		title: "Admin Dashboard",
 		description: "Loading...",
 		children: /* @__PURE__ */ E("div", {
@@ -109,16 +110,54 @@ function D() {
 		})
 	}) : /* @__PURE__ */ E(n, {
 		title: "Admin Dashboard",
-		description: `Welcome, ${k}! Monitor and manage the platform.`,
+		description: `Welcome, ${M}! Monitor and manage the platform.`,
 		titleGradient: !0,
-		actions: A?.pendingApprovals && A.pendingApprovals > 0 ? /* @__PURE__ */ E("div", {
+		actions: N?.pendingApprovals && N.pendingApprovals > 0 ? /* @__PURE__ */ E("div", {
 			className: "flex items-center gap-2 rounded-lg border border-status-error-border/30 bg-status-error-bg/10 px-3 py-2",
 			children: [/* @__PURE__ */ T(s, { className: "h-4 w-4 text-status-error-text" }), /* @__PURE__ */ E("span", {
 				className: "text-sm font-medium text-status-error-text",
-				children: [A.pendingApprovals, " pending approvals"]
+				children: [N.pendingApprovals, " pending approvals"]
 			})]
 		}) : void 0,
 		children: [
+			/* @__PURE__ */ T(k, {
+				icon: /* @__PURE__ */ T(y, { className: "h-4 w-4" }),
+				className: "mb-6",
+				children: "Your control room for the whole SubscriberBot marketplace. Use this dashboard to keep the platform healthy at a glance — approve new carts before they go live, watch user growth and revenue trends, and jump straight to the area that needs attention. Start with anything flagged as pending; everything else can wait."
+			}),
+			/* @__PURE__ */ T(O, {
+				storageKey: "subscriberbot-admin-dashboard",
+				steps: [
+					{
+						id: "approve-carts",
+						label: "Review pending cart approvals",
+						description: "Vet new service providers before customers can find them.",
+						icon: /* @__PURE__ */ T(s, { className: "h-4 w-4" }),
+						onClick: () => A("/admin/carts")
+					},
+					{
+						id: "check-users",
+						label: "Check on user accounts",
+						description: "Spot suspicious sign-ups or accounts needing action.",
+						icon: /* @__PURE__ */ T(C, { className: "h-4 w-4" }),
+						onClick: () => A("/admin/users")
+					},
+					{
+						id: "review-finance",
+						label: "Review platform finances",
+						description: "Track revenue, commission and payouts at a glance.",
+						icon: /* @__PURE__ */ T(h, { className: "h-4 w-4" }),
+						onClick: () => A("/admin/financial")
+					},
+					{
+						id: "dive-analytics",
+						label: "Dive into analytics",
+						description: "Understand growth, retention and order trends in depth.",
+						icon: /* @__PURE__ */ T(l, { className: "h-4 w-4" }),
+						onClick: () => A("/admin/analytics")
+					}
+				]
+			}),
 			/* @__PURE__ */ E("div", {
 				className: "mb-8",
 				children: [/* @__PURE__ */ T("h2", {
@@ -129,61 +168,61 @@ function D() {
 					children: [
 						/* @__PURE__ */ E("button", {
 							type: "button",
-							onClick: () => D("/admin/carts"),
+							onClick: () => A("/admin/carts"),
 							className: "flex items-center gap-3 rounded-lg bg-status-error-text hover:bg-status-error-text text-text-inverse p-3 text-sm font-medium transition-colors",
 							children: [
 								/* @__PURE__ */ T(s, { className: "h-5 w-5" }),
 								"Approve Carts (",
-								A?.pendingApprovals,
+								N?.pendingApprovals,
 								")"
 							]
 						}),
 						/* @__PURE__ */ E("button", {
 							type: "button",
-							onClick: () => D("/admin/carts"),
+							onClick: () => A("/admin/carts"),
 							className: "flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface hover:bg-accent p-3 text-sm font-medium text-text-primary transition-colors",
 							children: [/* @__PURE__ */ T(x, { className: "h-5 w-5 text-text-secondary" }), "Manage Carts"]
 						}),
 						/* @__PURE__ */ E("button", {
 							type: "button",
-							onClick: () => D("/admin/users"),
+							onClick: () => A("/admin/users"),
 							className: "flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface hover:bg-accent p-3 text-sm font-medium text-text-primary transition-colors",
 							children: [/* @__PURE__ */ T(C, { className: "h-5 w-5 text-text-secondary" }), "User Management"]
 						}),
 						/* @__PURE__ */ E("button", {
 							type: "button",
-							onClick: () => D("/admin/orders"),
+							onClick: () => A("/admin/orders"),
 							className: "flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface hover:bg-accent p-3 text-sm font-medium text-text-primary transition-colors",
 							children: [/* @__PURE__ */ T(b, { className: "h-5 w-5 text-text-secondary" }), "Order Management"]
 						}),
 						/* @__PURE__ */ E("button", {
 							type: "button",
-							onClick: () => D("/admin/financial"),
+							onClick: () => A("/admin/financial"),
 							className: "flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface hover:bg-accent p-3 text-sm font-medium text-text-primary transition-colors",
 							children: [/* @__PURE__ */ T(h, { className: "h-5 w-5 text-text-secondary" }), "Financial Analytics"]
 						}),
 						/* @__PURE__ */ E("button", {
 							type: "button",
-							onClick: () => D("/admin/analytics"),
+							onClick: () => A("/admin/analytics"),
 							className: "flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface hover:bg-accent p-3 text-sm font-medium text-text-primary transition-colors",
 							children: [/* @__PURE__ */ T(l, { className: "h-5 w-5 text-text-secondary" }), "Analytics"]
 						}),
 						/* @__PURE__ */ E("button", {
 							type: "button",
-							onClick: () => D("/admin/settings"),
+							onClick: () => A("/admin/settings"),
 							className: "flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface hover:bg-accent p-3 text-sm font-medium text-text-primary transition-colors",
 							children: [/* @__PURE__ */ T(v, { className: "h-5 w-5 text-text-secondary" }), "Settings"]
 						}),
 						/* @__PURE__ */ E("button", {
 							type: "button",
-							onClick: () => D("/admin/analytics"),
+							onClick: () => A("/admin/analytics"),
 							className: "flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface hover:bg-accent p-3 text-sm font-medium text-text-primary transition-colors",
 							children: [/* @__PURE__ */ T(m, { className: "h-5 w-5 text-text-secondary" }), "Reports"]
 						})
 					]
 				})]
 			}),
-			A && /* @__PURE__ */ E("div", {
+			N && /* @__PURE__ */ E(D, {
 				className: "mb-8",
 				children: [
 					/* @__PURE__ */ T("h2", {
@@ -195,28 +234,28 @@ function D() {
 						children: [
 							/* @__PURE__ */ T(r, {
 								icon: /* @__PURE__ */ T(C, { className: "h-5 w-5" }),
-								value: A.totalUsers.toLocaleString("en-IN"),
+								value: N.totalUsers.toLocaleString("en-IN"),
 								label: "Total Users",
 								trend: "up",
 								trendValue: "+15.7%"
 							}),
 							/* @__PURE__ */ T(r, {
 								icon: /* @__PURE__ */ T(x, { className: "h-5 w-5" }),
-								value: A.totalCarts.toLocaleString("en-IN"),
+								value: N.totalCarts.toLocaleString("en-IN"),
 								label: "Active Carts",
 								trend: "up",
 								trendValue: "+8 this week"
 							}),
 							/* @__PURE__ */ T(r, {
 								icon: /* @__PURE__ */ T(b, { className: "h-5 w-5" }),
-								value: A.totalOrders.toLocaleString("en-IN"),
+								value: N.totalOrders.toLocaleString("en-IN"),
 								label: "Total Orders",
 								trend: "up",
 								trendValue: "+12.3%"
 							}),
 							/* @__PURE__ */ T(r, {
 								icon: /* @__PURE__ */ T(h, { className: "h-5 w-5" }),
-								value: `₹${(A.totalRevenue / 1e5).toFixed(1)}L`,
+								value: `₹${(N.totalRevenue / 1e5).toFixed(1)}L`,
 								label: "Total Revenue",
 								trend: "up",
 								trendValue: "+8.5%"
@@ -233,7 +272,7 @@ function D() {
 									children: "Active Users (24h)"
 								}), /* @__PURE__ */ T("p", {
 									className: "text-xl font-bold text-status-success-text",
-									children: A.activeUsers.toLocaleString("en-IN")
+									children: N.activeUsers.toLocaleString("en-IN")
 								})]
 							}),
 							/* @__PURE__ */ E("div", {
@@ -243,7 +282,7 @@ function D() {
 									children: "Pending Approvals"
 								}), /* @__PURE__ */ T("p", {
 									className: "text-xl font-bold text-status-error-text",
-									children: A.pendingApprovals
+									children: N.pendingApprovals
 								})]
 							}),
 							/* @__PURE__ */ E("div", {
@@ -253,7 +292,7 @@ function D() {
 									children: "Total Investments"
 								}), /* @__PURE__ */ T("p", {
 									className: "text-xl font-bold text-status-info-text",
-									children: A.totalInvestments.toLocaleString("en-IN")
+									children: N.totalInvestments.toLocaleString("en-IN")
 								})]
 							}),
 							/* @__PURE__ */ E("div", {
@@ -265,7 +304,7 @@ function D() {
 									className: "text-xl font-bold text-accent-purple",
 									children: [
 										"₹",
-										(A.platformCommission / 1e3).toFixed(0),
+										(N.platformCommission / 1e3).toFixed(0),
 										"K"
 									]
 								})]
@@ -274,7 +313,7 @@ function D() {
 					})
 				]
 			}),
-			P && /* @__PURE__ */ E("div", {
+			L && /* @__PURE__ */ E("div", {
 				className: "mb-8",
 				children: [/* @__PURE__ */ T("h2", {
 					className: "text-lg font-semibold text-text-primary mb-4",
@@ -289,7 +328,7 @@ function D() {
 								children: [
 									/* @__PURE__ */ T("div", {
 										className: "text-2xl sm:text-3xl font-bold text-status-info-text",
-										children: P.customers.toLocaleString("en-IN")
+										children: L.customers.toLocaleString("en-IN")
 									}),
 									/* @__PURE__ */ T("div", {
 										className: "text-sm text-text-secondary",
@@ -306,7 +345,7 @@ function D() {
 								children: [
 									/* @__PURE__ */ T("div", {
 										className: "text-2xl sm:text-3xl font-bold text-status-success-text",
-										children: P.cartOwners.toLocaleString("en-IN")
+										children: L.cartOwners.toLocaleString("en-IN")
 									}),
 									/* @__PURE__ */ T("div", {
 										className: "text-sm text-text-secondary",
@@ -323,7 +362,7 @@ function D() {
 								children: [
 									/* @__PURE__ */ T("div", {
 										className: "text-2xl sm:text-3xl font-bold text-status-warning-text",
-										children: P.workers.toLocaleString("en-IN")
+										children: L.workers.toLocaleString("en-IN")
 									}),
 									/* @__PURE__ */ T("div", {
 										className: "text-sm text-text-secondary",
@@ -340,7 +379,7 @@ function D() {
 								children: [
 									/* @__PURE__ */ T("div", {
 										className: "text-2xl sm:text-3xl font-bold text-accent-purple",
-										children: P.investors.toLocaleString("en-IN")
+										children: L.investors.toLocaleString("en-IN")
 									}),
 									/* @__PURE__ */ T("div", {
 										className: "text-sm text-text-secondary",
@@ -364,7 +403,7 @@ function D() {
 								className: "text-sm font-medium text-status-success-text",
 								children: [
 									"+",
-									P.growth,
+									L.growth,
 									"%"
 								]
 							})]
@@ -381,17 +420,17 @@ function D() {
 						children: "Recent Platform Activity"
 					}), /* @__PURE__ */ E("button", {
 						type: "button",
-						onClick: () => D("/admin/analytics"),
+						onClick: () => A("/admin/analytics"),
 						className: "flex items-center gap-1 text-sm font-medium text-text-secondary hover:text-text-primary transition-colors",
 						children: ["View all activities", /* @__PURE__ */ T(c, { className: "h-4 w-4" })]
 					})]
 				}), /* @__PURE__ */ T("div", {
 					className: "rounded-lg border border-border-seam bg-bg-surface divide-y divide-border",
-					children: M.map((e) => /* @__PURE__ */ E("div", {
+					children: F.map((e) => /* @__PURE__ */ E("div", {
 						className: "flex items-start gap-3 px-4 py-3",
 						children: [/* @__PURE__ */ T("div", {
-							className: t("flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-bg-sunken mt-0.5", z(e.type)),
-							children: R(e.type)
+							className: t("flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-bg-sunken mt-0.5", H(e.type)),
+							children: V(e.type)
 						}), /* @__PURE__ */ E("div", {
 							className: "flex-1 min-w-0",
 							children: [/* @__PURE__ */ E("div", {
@@ -400,7 +439,7 @@ function D() {
 									className: "text-sm font-medium text-text-primary",
 									children: e.description
 								}), /* @__PURE__ */ T("span", {
-									className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize w-fit", B(e.status)),
+									className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize w-fit", U(e.status)),
 									children: e.status
 								})]
 							}), /* @__PURE__ */ E("div", {
@@ -613,7 +652,7 @@ function D() {
 					let n = e.icon;
 					return /* @__PURE__ */ E("button", {
 						type: "button",
-						onClick: () => D(e.path),
+						onClick: () => A(e.path),
 						className: t("flex items-center gap-4 rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6 text-left shadow-sm transition-all", "hover:bg-accent hover:shadow-md"),
 						children: [/* @__PURE__ */ T("div", {
 							className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-text-secondary",
@@ -635,6 +674,6 @@ function D() {
 	});
 }
 //#endregion
-export { D as AdminDashboard };
+export { A as AdminDashboard };
 
 //# sourceMappingURL=AdminDashboard.js.map

package/dist/subscriberbot/pages/admin/AdminDashboard.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdminDashboard.js","names":[],"sources":["../../../../src/subscriberbot/pages/admin/AdminDashboard.tsx"],"sourcesContent":["/**\n * Admin Dashboard Page\n * @module subscriberbot/pages/admin\n *\n * Full-featured admin dashboard with loading state, 8 stats cards,\n * user distribution, recent activity, system health, financial overview,\n * management links, pending approvals banner, and quick actions.\n */\n\nimport { useState, useEffect } from 'react';\nimport {\n  Users,\n  Store,\n  ShoppingBag,\n  IndianRupee,\n  Activity,\n  ArrowRight,\n  CheckCircle2,\n  AlertCircle,\n  Clock,\n  UserPlus,\n  Settings,\n  BarChart3,\n  ShieldCheck,\n  Server,\n  Database,\n  Wifi,\n  CreditCard,\n  TrendingUp,\n  FileText,\n  AlertTriangle,\n  Loader2,\n} from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { MetricsCard } from '../../components/MetricsCard';\nimport { useSubscriberBot } from '../../context/SubscriberBotContext';\nimport { cn } from '../../utils/cn';\n\n/* ------------------------------------------------------------------ */\n/*  Types                                                              */\n/* ------------------------------------------------------------------ */\n\ninterface SystemMetrics {\n  totalUsers: number;\n  totalCarts: number;\n  totalOrders: number;\n  totalInvestments: number;\n  activeUsers: number;\n  pendingApprovals: number;\n  totalRevenue: number;\n  platformCommission: number;\n}\n\ninterface RecentActivity {\n  id: string;\n  type: 'user_registration' | 'cart_approval' | 'investment' | 'order' | 'dispute';\n  description: string;\n  timestamp: string;\n  status: 'completed' | 'pending' | 'failed';\n  user?: string;\n  amount?: number;\n}\n\ninterface UserStats {\n  customers: number;\n  cartOwners: number;\n  workers: number;\n  investors: number;\n  growth: number;\n}\n\n/* ------------------------------------------------------------------ */\n/*  Component                                                          */\n/* ------------------------------------------------------------------ */\n\nexport function AdminDashboard() {\n  const { navigateTo, currentUser } = useSubscriberBot();\n  const firstName = currentUser?.firstName ?? currentUser?.name ?? 'Admin';\n\n  const [metrics, setMetrics] = useState<SystemMetrics | null>(null);\n  const [activities, setActivities] = useState<RecentActivity[]>([]);\n  const [userStats, setUserStats] = useState<UserStats | null>(null);\n  const [isLoading, setIsLoading] = useState(true);\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      setMetrics({\n        totalUsers: 12847,\n        totalCarts: 2934,\n        totalOrders: 45621,\n        totalInvestments: 1256,\n        activeUsers: 8934,\n        pendingApprovals: 47,\n        totalRevenue: 2450000,\n        platformCommission: 122500,\n      });\n\n      setUserStats({\n        customers: 8934,\n        cartOwners: 2456,\n        workers: 1245,\n        investors: 212,\n        growth: 15.7,\n      });\n\n      setActivities([\n        {\n          id: 'ACT-001',\n          type: 'user_registration',\n          description: 'New cart owner registered: Rajesh Kumar',\n          timestamp: '2 minutes ago',\n          status: 'completed',\n          user: 'Rajesh Kumar',\n        },\n        {\n          id: 'ACT-002',\n          type: 'cart_approval',\n          description: 'Cart approval request from Mumbai Chaat Corner',\n          timestamp: '5 minutes ago',\n          status: 'pending',\n          user: 'Priya Sharma',\n        },\n        {\n          id: 'ACT-003',\n          type: 'investment',\n          description: 'New investment in Dosa Express',\n          timestamp: '12 minutes ago',\n          status: 'completed',\n          user: 'Amit Patel',\n          amount: 75000,\n        },\n        {\n          id: 'ACT-004',\n          type: 'order',\n          description: 'Large order placed: ₹2,500',\n          timestamp: '18 minutes ago',\n          status: 'completed',\n          amount: 2500,\n        },\n        {\n          id: 'ACT-005',\n          type: 'dispute',\n          description: 'Payment dispute raised by customer',\n          timestamp: '25 minutes ago',\n          status: 'pending',\n          user: 'Suresh Nair',\n          amount: 450,\n        },\n        {\n          id: 'ACT-006',\n          type: 'user_registration',\n          description: 'New investor registered: Fatima Ali',\n          timestamp: '32 minutes ago',\n          status: 'completed',\n          user: 'Fatima Ali',\n        },\n      ]);\n\n      setIsLoading(false);\n    }, 1000);\n\n    return () => clearTimeout(timer);\n  }, []);\n\n  const getActivityIcon = (type: RecentActivity['type']) => {\n    const iconMap = {\n      user_registration: UserPlus,\n      cart_approval: Store,\n      investment: IndianRupee,\n      order: ShoppingBag,\n      dispute: AlertTriangle,\n    };\n    const Icon = iconMap[type] ?? Activity;\n    return <Icon className=\"h-4 w-4\" />;\n  };\n\n  const getActivityIconColor = (type: RecentActivity['type']) => {\n    const colorMap: Record<string, string> = {\n      user_registration: 'text-status-info-text',\n      cart_approval: 'text-accent-purple',\n      investment: 'text-status-success-text',\n      order: 'text-status-success-text',\n      dispute: 'text-status-warning-text',\n    };\n    return colorMap[type] ?? 'text-text-secondary';\n  };\n\n  const getStatusBadge = (status: RecentActivity['status']) => {\n    const config = {\n      completed: 'bg-status-success-bg/20 text-status-success-text',\n      pending: 'bg-status-warning-bg/20 text-status-warning-text',\n      failed: 'bg-status-error-bg/20 text-status-error-text',\n    };\n    return config[status] ?? 'bg-secondary text-secondary-foreground';\n  };\n\n  /* ---- Loading state ---- */\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Admin Dashboard\" description=\"Loading...\">\n        <div className=\"flex flex-col items-center justify-center py-20\">\n          <Loader2 className=\"h-10 w-10 animate-spin text-text-secondary mb-4\" />\n          <p className=\"text-text-secondary\">Loading admin dashboard...</p>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Admin Dashboard\"\n      description={`Welcome, ${firstName}! Monitor and manage the platform.`}\n      titleGradient\n      actions={\n        metrics?.pendingApprovals && metrics.pendingApprovals > 0 ? (\n          <div className=\"flex items-center gap-2 rounded-lg border border-status-error-border/30 bg-status-error-bg/10 px-3 py-2\">\n            <AlertTriangle className=\"h-4 w-4 text-status-error-text\" />\n            <span className=\"text-sm font-medium text-status-error-text\">\n              {metrics.pendingApprovals} pending approvals\n            </span>\n          </div>\n        ) : undefined\n      }\n    >\n      {/* Quick Actions */}\n      <div className=\"mb-8\">\n        <h2 className=\"text-lg font-semibold text-text-primary mb-4\">Quick Actions</h2>\n        <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3\">\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/admin/carts')}\n            className=\"flex items-center gap-3 rounded-lg bg-status-error-text hover:bg-status-error-text text-text-inverse p-3 text-sm font-medium transition-colors\"\n          >\n            <AlertTriangle className=\"h-5 w-5\" />\n            Approve Carts ({metrics?.pendingApprovals})\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/admin/carts')}\n            className=\"flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface hover:bg-accent p-3 text-sm font-medium text-text-primary transition-colors\"\n          >\n            <Store className=\"h-5 w-5 text-text-secondary\" />\n            Manage Carts\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/admin/users')}\n            className=\"flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface hover:bg-accent p-3 text-sm font-medium text-text-primary transition-colors\"\n          >\n            <Users className=\"h-5 w-5 text-text-secondary\" />\n            User Management\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/admin/orders')}\n            className=\"flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface hover:bg-accent p-3 text-sm font-medium text-text-primary transition-colors\"\n          >\n            <ShoppingBag className=\"h-5 w-5 text-text-secondary\" />\n            Order Management\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/admin/financial')}\n            className=\"flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface hover:bg-accent p-3 text-sm font-medium text-text-primary transition-colors\"\n          >\n            <IndianRupee className=\"h-5 w-5 text-text-secondary\" />\n            Financial Analytics\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/admin/analytics')}\n            className=\"flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface hover:bg-accent p-3 text-sm font-medium text-text-primary transition-colors\"\n          >\n            <BarChart3 className=\"h-5 w-5 text-text-secondary\" />\n            Analytics\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/admin/settings')}\n            className=\"flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface hover:bg-accent p-3 text-sm font-medium text-text-primary transition-colors\"\n          >\n            <Settings className=\"h-5 w-5 text-text-secondary\" />\n            Settings\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/admin/analytics')}\n            className=\"flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface hover:bg-accent p-3 text-sm font-medium text-text-primary transition-colors\"\n          >\n            <FileText className=\"h-5 w-5 text-text-secondary\" />\n            Reports\n          </button>\n        </div>\n      </div>\n\n      {/* Platform Overview - 4 Primary Stats */}\n      {metrics && (\n        <div className=\"mb-8\">\n          <h2 className=\"text-lg font-semibold text-text-primary mb-4\">Platform Overview</h2>\n          <div className=\"grid grid-cols-2 lg:grid-cols-4 gap-4\">\n            <MetricsCard\n              icon={<Users className=\"h-5 w-5\" />}\n              value={metrics.totalUsers.toLocaleString('en-IN')}\n              label=\"Total Users\"\n              trend=\"up\"\n              trendValue=\"+15.7%\"\n            />\n            <MetricsCard\n              icon={<Store className=\"h-5 w-5\" />}\n              value={metrics.totalCarts.toLocaleString('en-IN')}\n              label=\"Active Carts\"\n              trend=\"up\"\n              trendValue=\"+8 this week\"\n            />\n            <MetricsCard\n              icon={<ShoppingBag className=\"h-5 w-5\" />}\n              value={metrics.totalOrders.toLocaleString('en-IN')}\n              label=\"Total Orders\"\n              trend=\"up\"\n              trendValue=\"+12.3%\"\n            />\n            <MetricsCard\n              icon={<IndianRupee className=\"h-5 w-5\" />}\n              value={`₹${(metrics.totalRevenue / 100000).toFixed(1)}L`}\n              label=\"Total Revenue\"\n              trend=\"up\"\n              trendValue=\"+8.5%\"\n            />\n          </div>\n\n          {/* 4 Additional Metric Cards */}\n          <div className=\"grid grid-cols-2 lg:grid-cols-4 gap-4 mt-4\">\n            <div className=\"rounded-lg border border-border-seam bg-bg-surface p-4\">\n              <p className=\"text-xs text-text-secondary\">Active Users (24h)</p>\n              <p className=\"text-xl font-bold text-status-success-text\">\n                {metrics.activeUsers.toLocaleString('en-IN')}\n              </p>\n            </div>\n            <div className=\"rounded-lg border border-border-seam bg-bg-surface p-4\">\n              <p className=\"text-xs text-text-secondary\">Pending Approvals</p>\n              <p className=\"text-xl font-bold text-status-error-text\">{metrics.pendingApprovals}</p>\n            </div>\n            <div className=\"rounded-lg border border-border-seam bg-bg-surface p-4\">\n              <p className=\"text-xs text-text-secondary\">Total Investments</p>\n              <p className=\"text-xl font-bold text-status-info-text\">\n                {metrics.totalInvestments.toLocaleString('en-IN')}\n              </p>\n            </div>\n            <div className=\"rounded-lg border border-border-seam bg-bg-surface p-4\">\n              <p className=\"text-xs text-text-secondary\">Platform Commission</p>\n              <p className=\"text-xl font-bold text-accent-purple\">\n                ₹{(metrics.platformCommission / 1000).toFixed(0)}K\n              </p>\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* User Distribution */}\n      {userStats && (\n        <div className=\"mb-8\">\n          <h2 className=\"text-lg font-semibold text-text-primary mb-4\">User Distribution</h2>\n          <div className=\"rounded-lg border border-border-seam bg-bg-surface p-6\">\n            <div className=\"grid grid-cols-2 lg:grid-cols-4 gap-6\">\n              <div className=\"text-center\">\n                <div className=\"text-2xl sm:text-3xl font-bold text-status-info-text\">\n                  {userStats.customers.toLocaleString('en-IN')}\n                </div>\n                <div className=\"text-sm text-text-secondary\">Customers</div>\n                <div className=\"text-xs text-text-secondary\">69.5%</div>\n              </div>\n              <div className=\"text-center\">\n                <div className=\"text-2xl sm:text-3xl font-bold text-status-success-text\">\n                  {userStats.cartOwners.toLocaleString('en-IN')}\n                </div>\n                <div className=\"text-sm text-text-secondary\">Cart Owners</div>\n                <div className=\"text-xs text-text-secondary\">19.1%</div>\n              </div>\n              <div className=\"text-center\">\n                <div className=\"text-2xl sm:text-3xl font-bold text-status-warning-text\">\n                  {userStats.workers.toLocaleString('en-IN')}\n                </div>\n                <div className=\"text-sm text-text-secondary\">Workers</div>\n                <div className=\"text-xs text-text-secondary\">9.7%</div>\n              </div>\n              <div className=\"text-center\">\n                <div className=\"text-2xl sm:text-3xl font-bold text-accent-purple\">\n                  {userStats.investors.toLocaleString('en-IN')}\n                </div>\n                <div className=\"text-sm text-text-secondary\">Investors</div>\n                <div className=\"text-xs text-text-secondary\">1.7%</div>\n              </div>\n            </div>\n            <div className=\"mt-4 pt-4 border-t border-border-seam\">\n              <div className=\"flex justify-between items-center\">\n                <span className=\"text-sm text-text-secondary\">User Growth (This Month)</span>\n                <span className=\"text-sm font-medium text-status-success-text\">\n                  +{userStats.growth}%\n                </span>\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* Recent Activity */}\n      <div className=\"mb-8\">\n        <div className=\"flex items-center justify-between mb-4\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">Recent Platform Activity</h2>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/admin/analytics')}\n            className=\"flex items-center gap-1 text-sm font-medium text-text-secondary hover:text-text-primary transition-colors\"\n          >\n            View all activities\n            <ArrowRight className=\"h-4 w-4\" />\n          </button>\n        </div>\n        <div className=\"rounded-lg border border-border-seam bg-bg-surface divide-y divide-border\">\n          {activities.map((activity) => (\n            <div key={activity.id} className=\"flex items-start gap-3 px-4 py-3\">\n              <div\n                className={cn(\n                  'flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-bg-sunken mt-0.5',\n                  getActivityIconColor(activity.type)\n                )}\n              >\n                {getActivityIcon(activity.type)}\n              </div>\n              <div className=\"flex-1 min-w-0\">\n                <div className=\"flex flex-col sm:flex-row sm:items-center justify-between gap-2\">\n                  <p className=\"text-sm font-medium text-text-primary\">{activity.description}</p>\n                  <span\n                    className={cn(\n                      'inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize w-fit',\n                      getStatusBadge(activity.status)\n                    )}\n                  >\n                    {activity.status}\n                  </span>\n                </div>\n                <div className=\"flex flex-wrap items-center mt-1 text-xs text-text-secondary gap-3\">\n                  <span>{activity.timestamp}</span>\n                  {activity.user && (\n                    <span className=\"flex items-center gap-1\">\n                      <Users className=\"h-3 w-3\" />\n                      {activity.user}\n                    </span>\n                  )}\n                  {activity.amount && (\n                    <span className=\"flex items-center gap-1\">\n                      <IndianRupee className=\"h-3 w-3\" />₹{activity.amount.toLocaleString('en-IN')}\n                    </span>\n                  )}\n                </div>\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n\n      {/* System Health & Financial Overview */}\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6 mb-8\">\n        {/* System Health */}\n        <div className=\"rounded-lg border border-border-seam bg-bg-surface p-6\">\n          <div className=\"flex items-center gap-2 mb-4\">\n            <ShieldCheck className=\"h-5 w-5 text-text-secondary\" />\n            <h3 className=\"text-lg font-semibold text-text-primary\">System Health</h3>\n          </div>\n          <div className=\"space-y-4\">\n            <div className=\"flex items-center justify-between\">\n              <div className=\"flex items-center gap-3\">\n                <Server className=\"h-4 w-4 text-text-secondary\" />\n                <span className=\"text-sm text-text-secondary\">Server Status</span>\n              </div>\n              <span className=\"inline-flex items-center gap-1.5 rounded-full bg-status-success-bg/20 px-3 py-1 text-xs font-medium text-status-success-text\">\n                <CheckCircle2 className=\"h-3 w-3\" />\n                Healthy\n              </span>\n            </div>\n            <div className=\"flex items-center justify-between\">\n              <div className=\"flex items-center gap-3\">\n                <Database className=\"h-4 w-4 text-text-secondary\" />\n                <span className=\"text-sm text-text-secondary\">Database Performance</span>\n              </div>\n              <span className=\"inline-flex items-center gap-1.5 rounded-full bg-status-success-bg/20 px-3 py-1 text-xs font-medium text-status-success-text\">\n                <CheckCircle2 className=\"h-3 w-3\" />\n                Optimal\n              </span>\n            </div>\n            <div className=\"flex items-center justify-between\">\n              <div className=\"flex items-center gap-3\">\n                <CreditCard className=\"h-4 w-4 text-text-secondary\" />\n                <span className=\"text-sm text-text-secondary\">Payment Gateway</span>\n              </div>\n              <span className=\"inline-flex items-center gap-1.5 rounded-full bg-status-success-bg/20 px-3 py-1 text-xs font-medium text-status-success-text\">\n                <CheckCircle2 className=\"h-3 w-3\" />\n                Online\n              </span>\n            </div>\n            <div className=\"flex items-center justify-between\">\n              <div className=\"flex items-center gap-3\">\n                <Wifi className=\"h-4 w-4 text-text-secondary\" />\n                <span className=\"text-sm text-text-secondary\">API Response Time</span>\n              </div>\n              <span className=\"text-sm font-medium text-text-primary\">145ms</span>\n            </div>\n            <div className=\"flex items-center justify-between\">\n              <div className=\"flex items-center gap-3\">\n                <Clock className=\"h-4 w-4 text-text-secondary\" />\n                <span className=\"text-sm text-text-secondary\">Uptime (30 days)</span>\n              </div>\n              <span className=\"text-sm font-medium text-text-primary\">99.8%</span>\n            </div>\n          </div>\n        </div>\n\n        {/* Financial Overview */}\n        <div className=\"rounded-lg border border-border-seam bg-bg-surface p-6\">\n          <div className=\"flex items-center gap-2 mb-4\">\n            <IndianRupee className=\"h-5 w-5 text-text-secondary\" />\n            <h3 className=\"text-lg font-semibold text-text-primary\">Financial Overview</h3>\n          </div>\n          <div className=\"space-y-3\">\n            <div className=\"flex justify-between\">\n              <span className=\"text-sm text-text-secondary\">Today&apos;s Revenue</span>\n              <span className=\"font-medium text-text-primary\">₹1,45,230</span>\n            </div>\n            <div className=\"flex justify-between\">\n              <span className=\"text-sm text-text-secondary\">This Month</span>\n              <span className=\"font-medium text-text-primary\">₹24,50,000</span>\n            </div>\n            <div className=\"flex justify-between\">\n              <span className=\"text-sm text-text-secondary\">Platform Commission</span>\n              <span className=\"font-medium text-text-primary\">₹1,22,500</span>\n            </div>\n            <div className=\"flex justify-between\">\n              <span className=\"text-sm text-text-secondary\">Active Investments</span>\n              <span className=\"font-medium text-text-primary\">₹1.52Cr</span>\n            </div>\n            <div className=\"flex justify-between\">\n              <span className=\"text-sm text-text-secondary\">Pending Payouts</span>\n              <span className=\"font-medium text-text-primary\">₹45,600</span>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {/* Management Links */}\n      <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\">\n        {[\n          {\n            icon: Store,\n            label: 'Cart Management',\n            desc: 'Approve, manage, and monitor carts',\n            path: '/admin/carts',\n          },\n          {\n            icon: Users,\n            label: 'User Management',\n            desc: 'Manage users and permissions',\n            path: '/admin/users',\n          },\n          {\n            icon: BarChart3,\n            label: 'Analytics & Reports',\n            desc: 'View detailed platform analytics',\n            path: '/admin/analytics',\n          },\n          {\n            icon: IndianRupee,\n            label: 'Financial Analytics',\n            desc: 'View revenue, investments, and financial metrics',\n            path: '/admin/financial',\n          },\n          {\n            icon: AlertTriangle,\n            label: 'Order & Dispute Management',\n            desc: 'Handle orders, disputes, and customer issues',\n            path: '/admin/orders',\n          },\n          {\n            icon: Settings,\n            label: 'Platform Settings',\n            desc: 'Configure platform-wide settings',\n            path: '/admin/settings',\n          },\n        ].map((link) => {\n          const LinkIcon = link.icon;\n          return (\n            <button\n              key={link.label}\n              type=\"button\"\n              onClick={() => navigateTo(link.path)}\n              className={cn(\n                'flex items-center gap-4 rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6 text-left shadow-sm transition-all',\n                'hover:bg-accent hover:shadow-md'\n              )}\n            >\n              <div className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-text-secondary\">\n                <LinkIcon className=\"h-5 w-5\" />\n              </div>\n              <div className=\"min-w-0\">\n                <h3 className=\"font-semibold text-text-primary text-sm sm:text-base\">\n                  {link.label}\n                </h3>\n                <p className=\"text-xs sm:text-sm text-text-secondary\">{link.desc}</p>\n              </div>\n            </button>\n          );\n        })}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AdminDashboard.js","names":[],"sources":["../../../../src/subscriberbot/pages/admin/AdminDashboard.tsx"],"sourcesContent":["/**\n * Admin Dashboard Page\n * @module subscriberbot/pages/admin\n *\n * Full-featured admin dashboard with loading state, 8 stats cards,\n * user distribution, recent activity, system health, financial overview,\n * management links, pending approvals banner, and quick actions.\n */\n\nimport { useState, useEffect } from 'react';\nimport {\n  Users,\n  Store,\n  ShoppingBag,\n  IndianRupee,\n  Activity,\n  ArrowRight,\n  CheckCircle2,\n  AlertCircle,\n  Clock,\n  UserPlus,\n  Settings,\n  BarChart3,\n  ShieldCheck,\n  Server,\n  Database,\n  Wifi,\n  CreditCard,\n  TrendingUp,\n  FileText,\n  AlertTriangle,\n  Loader2,\n} from 'lucide-react';\nimport { PagePurpose, NextSteps, EmphasisPanel } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { MetricsCard } from '../../components/MetricsCard';\nimport { useSubscriberBot } from '../../context/SubscriberBotContext';\nimport { cn } from '../../utils/cn';\n\n/* ------------------------------------------------------------------ */\n/*  Types                                                              */\n/* ------------------------------------------------------------------ */\n\ninterface SystemMetrics {\n  totalUsers: number;\n  totalCarts: number;\n  totalOrders: number;\n  totalInvestments: number;\n  activeUsers: number;\n  pendingApprovals: number;\n  totalRevenue: number;\n  platformCommission: number;\n}\n\ninterface RecentActivity {\n  id: string;\n  type: 'user_registration' | 'cart_approval' | 'investment' | 'order' | 'dispute';\n  description: string;\n  timestamp: string;\n  status: 'completed' | 'pending' | 'failed';\n  user?: string;\n  amount?: number;\n}\n\ninterface UserStats {\n  customers: number;\n  cartOwners: number;\n  workers: number;\n  investors: number;\n  growth: number;\n}\n\n/* ------------------------------------------------------------------ */\n/*  Component                                                          */\n/* ------------------------------------------------------------------ */\n\nexport function AdminDashboard() {\n  const { navigateTo, currentUser } = useSubscriberBot();\n  const firstName = currentUser?.firstName ?? currentUser?.name ?? 'Admin';\n\n  const [metrics, setMetrics] = useState<SystemMetrics | null>(null);\n  const [activities, setActivities] = useState<RecentActivity[]>([]);\n  const [userStats, setUserStats] = useState<UserStats | null>(null);\n  const [isLoading, setIsLoading] = useState(true);\n\n  useEffect(() => {\n    const timer = setTimeout(() => {\n      setMetrics({\n        totalUsers: 12847,\n        totalCarts: 2934,\n        totalOrders: 45621,\n        totalInvestments: 1256,\n        activeUsers: 8934,\n        pendingApprovals: 47,\n        totalRevenue: 2450000,\n        platformCommission: 122500,\n      });\n\n      setUserStats({\n        customers: 8934,\n        cartOwners: 2456,\n        workers: 1245,\n        investors: 212,\n        growth: 15.7,\n      });\n\n      setActivities([\n        {\n          id: 'ACT-001',\n          type: 'user_registration',\n          description: 'New cart owner registered: Rajesh Kumar',\n          timestamp: '2 minutes ago',\n          status: 'completed',\n          user: 'Rajesh Kumar',\n        },\n        {\n          id: 'ACT-002',\n          type: 'cart_approval',\n          description: 'Cart approval request from Mumbai Chaat Corner',\n          timestamp: '5 minutes ago',\n          status: 'pending',\n          user: 'Priya Sharma',\n        },\n        {\n          id: 'ACT-003',\n          type: 'investment',\n          description: 'New investment in Dosa Express',\n          timestamp: '12 minutes ago',\n          status: 'completed',\n          user: 'Amit Patel',\n          amount: 75000,\n        },\n        {\n          id: 'ACT-004',\n          type: 'order',\n          description: 'Large order placed: ₹2,500',\n          timestamp: '18 minutes ago',\n          status: 'completed',\n          amount: 2500,\n        },\n        {\n          id: 'ACT-005',\n          type: 'dispute',\n          description: 'Payment dispute raised by customer',\n          timestamp: '25 minutes ago',\n          status: 'pending',\n          user: 'Suresh Nair',\n          amount: 450,\n        },\n        {\n          id: 'ACT-006',\n          type: 'user_registration',\n          description: 'New investor registered: Fatima Ali',\n          timestamp: '32 minutes ago',\n          status: 'completed',\n          user: 'Fatima Ali',\n        },\n      ]);\n\n      setIsLoading(false);\n    }, 1000);\n\n    return () => clearTimeout(timer);\n  }, []);\n\n  const getActivityIcon = (type: RecentActivity['type']) => {\n    const iconMap = {\n      user_registration: UserPlus,\n      cart_approval: Store,\n      investment: IndianRupee,\n      order: ShoppingBag,\n      dispute: AlertTriangle,\n    };\n    const Icon = iconMap[type] ?? Activity;\n    return <Icon className=\"h-4 w-4\" />;\n  };\n\n  const getActivityIconColor = (type: RecentActivity['type']) => {\n    const colorMap: Record<string, string> = {\n      user_registration: 'text-status-info-text',\n      cart_approval: 'text-accent-purple',\n      investment: 'text-status-success-text',\n      order: 'text-status-success-text',\n      dispute: 'text-status-warning-text',\n    };\n    return colorMap[type] ?? 'text-text-secondary';\n  };\n\n  const getStatusBadge = (status: RecentActivity['status']) => {\n    const config = {\n      completed: 'bg-status-success-bg/20 text-status-success-text',\n      pending: 'bg-status-warning-bg/20 text-status-warning-text',\n      failed: 'bg-status-error-bg/20 text-status-error-text',\n    };\n    return config[status] ?? 'bg-secondary text-secondary-foreground';\n  };\n\n  /* ---- Loading state ---- */\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Admin Dashboard\" description=\"Loading...\">\n        <div className=\"flex flex-col items-center justify-center py-20\">\n          <Loader2 className=\"h-10 w-10 animate-spin text-text-secondary mb-4\" />\n          <p className=\"text-text-secondary\">Loading admin dashboard...</p>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Admin Dashboard\"\n      description={`Welcome, ${firstName}! Monitor and manage the platform.`}\n      titleGradient\n      actions={\n        metrics?.pendingApprovals && metrics.pendingApprovals > 0 ? (\n          <div className=\"flex items-center gap-2 rounded-lg border border-status-error-border/30 bg-status-error-bg/10 px-3 py-2\">\n            <AlertTriangle className=\"h-4 w-4 text-status-error-text\" />\n            <span className=\"text-sm font-medium text-status-error-text\">\n              {metrics.pendingApprovals} pending approvals\n            </span>\n          </div>\n        ) : undefined\n      }\n    >\n      <PagePurpose\n        icon={<ShieldCheck className=\"h-4 w-4\" />}\n        className=\"mb-6\"\n      >\n        Your control room for the whole SubscriberBot marketplace. Use this dashboard to\n        keep the platform healthy at a glance — approve new carts before they go live,\n        watch user growth and revenue trends, and jump straight to the area that needs\n        attention. Start with anything flagged as pending; everything else can wait.\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"subscriberbot-admin-dashboard\"\n        steps={[\n          {\n            id: 'approve-carts',\n            label: 'Review pending cart approvals',\n            description: 'Vet new service providers before customers can find them.',\n            icon: <AlertTriangle className=\"h-4 w-4\" />,\n            onClick: () => navigateTo('/admin/carts'),\n          },\n          {\n            id: 'check-users',\n            label: 'Check on user accounts',\n            description: 'Spot suspicious sign-ups or accounts needing action.',\n            icon: <Users className=\"h-4 w-4\" />,\n            onClick: () => navigateTo('/admin/users'),\n          },\n          {\n            id: 'review-finance',\n            label: 'Review platform finances',\n            description: 'Track revenue, commission and payouts at a glance.',\n            icon: <IndianRupee className=\"h-4 w-4\" />,\n            onClick: () => navigateTo('/admin/financial'),\n          },\n          {\n            id: 'dive-analytics',\n            label: 'Dive into analytics',\n            description: 'Understand growth, retention and order trends in depth.',\n            icon: <BarChart3 className=\"h-4 w-4\" />,\n            onClick: () => navigateTo('/admin/analytics'),\n          },\n        ]}\n      />\n\n      {/* Quick Actions */}\n      <div className=\"mb-8\">\n        <h2 className=\"text-lg font-semibold text-text-primary mb-4\">Quick Actions</h2>\n        <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-3\">\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/admin/carts')}\n            className=\"flex items-center gap-3 rounded-lg bg-status-error-text hover:bg-status-error-text text-text-inverse p-3 text-sm font-medium transition-colors\"\n          >\n            <AlertTriangle className=\"h-5 w-5\" />\n            Approve Carts ({metrics?.pendingApprovals})\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/admin/carts')}\n            className=\"flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface hover:bg-accent p-3 text-sm font-medium text-text-primary transition-colors\"\n          >\n            <Store className=\"h-5 w-5 text-text-secondary\" />\n            Manage Carts\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/admin/users')}\n            className=\"flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface hover:bg-accent p-3 text-sm font-medium text-text-primary transition-colors\"\n          >\n            <Users className=\"h-5 w-5 text-text-secondary\" />\n            User Management\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/admin/orders')}\n            className=\"flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface hover:bg-accent p-3 text-sm font-medium text-text-primary transition-colors\"\n          >\n            <ShoppingBag className=\"h-5 w-5 text-text-secondary\" />\n            Order Management\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/admin/financial')}\n            className=\"flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface hover:bg-accent p-3 text-sm font-medium text-text-primary transition-colors\"\n          >\n            <IndianRupee className=\"h-5 w-5 text-text-secondary\" />\n            Financial Analytics\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/admin/analytics')}\n            className=\"flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface hover:bg-accent p-3 text-sm font-medium text-text-primary transition-colors\"\n          >\n            <BarChart3 className=\"h-5 w-5 text-text-secondary\" />\n            Analytics\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/admin/settings')}\n            className=\"flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface hover:bg-accent p-3 text-sm font-medium text-text-primary transition-colors\"\n          >\n            <Settings className=\"h-5 w-5 text-text-secondary\" />\n            Settings\n          </button>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/admin/analytics')}\n            className=\"flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface hover:bg-accent p-3 text-sm font-medium text-text-primary transition-colors\"\n          >\n            <FileText className=\"h-5 w-5 text-text-secondary\" />\n            Reports\n          </button>\n        </div>\n      </div>\n\n      {/* Platform Overview - 4 Primary Stats — the ONE emphasis zone */}\n      {metrics && (\n        <EmphasisPanel className=\"mb-8\">\n          <h2 className=\"text-lg font-semibold text-text-primary mb-4\">Platform Overview</h2>\n          <div className=\"grid grid-cols-2 lg:grid-cols-4 gap-4\">\n            <MetricsCard\n              icon={<Users className=\"h-5 w-5\" />}\n              value={metrics.totalUsers.toLocaleString('en-IN')}\n              label=\"Total Users\"\n              trend=\"up\"\n              trendValue=\"+15.7%\"\n            />\n            <MetricsCard\n              icon={<Store className=\"h-5 w-5\" />}\n              value={metrics.totalCarts.toLocaleString('en-IN')}\n              label=\"Active Carts\"\n              trend=\"up\"\n              trendValue=\"+8 this week\"\n            />\n            <MetricsCard\n              icon={<ShoppingBag className=\"h-5 w-5\" />}\n              value={metrics.totalOrders.toLocaleString('en-IN')}\n              label=\"Total Orders\"\n              trend=\"up\"\n              trendValue=\"+12.3%\"\n            />\n            <MetricsCard\n              icon={<IndianRupee className=\"h-5 w-5\" />}\n              value={`₹${(metrics.totalRevenue / 100000).toFixed(1)}L`}\n              label=\"Total Revenue\"\n              trend=\"up\"\n              trendValue=\"+8.5%\"\n            />\n          </div>\n\n          {/* 4 Additional Metric Cards */}\n          <div className=\"grid grid-cols-2 lg:grid-cols-4 gap-4 mt-4\">\n            <div className=\"rounded-lg border border-border-seam bg-bg-surface p-4\">\n              <p className=\"text-xs text-text-secondary\">Active Users (24h)</p>\n              <p className=\"text-xl font-bold text-status-success-text\">\n                {metrics.activeUsers.toLocaleString('en-IN')}\n              </p>\n            </div>\n            <div className=\"rounded-lg border border-border-seam bg-bg-surface p-4\">\n              <p className=\"text-xs text-text-secondary\">Pending Approvals</p>\n              <p className=\"text-xl font-bold text-status-error-text\">{metrics.pendingApprovals}</p>\n            </div>\n            <div className=\"rounded-lg border border-border-seam bg-bg-surface p-4\">\n              <p className=\"text-xs text-text-secondary\">Total Investments</p>\n              <p className=\"text-xl font-bold text-status-info-text\">\n                {metrics.totalInvestments.toLocaleString('en-IN')}\n              </p>\n            </div>\n            <div className=\"rounded-lg border border-border-seam bg-bg-surface p-4\">\n              <p className=\"text-xs text-text-secondary\">Platform Commission</p>\n              <p className=\"text-xl font-bold text-accent-purple\">\n                ₹{(metrics.platformCommission / 1000).toFixed(0)}K\n              </p>\n            </div>\n          </div>\n        </EmphasisPanel>\n      )}\n\n      {/* User Distribution */}\n      {userStats && (\n        <div className=\"mb-8\">\n          <h2 className=\"text-lg font-semibold text-text-primary mb-4\">User Distribution</h2>\n          <div className=\"rounded-lg border border-border-seam bg-bg-surface p-6\">\n            <div className=\"grid grid-cols-2 lg:grid-cols-4 gap-6\">\n              <div className=\"text-center\">\n                <div className=\"text-2xl sm:text-3xl font-bold text-status-info-text\">\n                  {userStats.customers.toLocaleString('en-IN')}\n                </div>\n                <div className=\"text-sm text-text-secondary\">Customers</div>\n                <div className=\"text-xs text-text-secondary\">69.5%</div>\n              </div>\n              <div className=\"text-center\">\n                <div className=\"text-2xl sm:text-3xl font-bold text-status-success-text\">\n                  {userStats.cartOwners.toLocaleString('en-IN')}\n                </div>\n                <div className=\"text-sm text-text-secondary\">Cart Owners</div>\n                <div className=\"text-xs text-text-secondary\">19.1%</div>\n              </div>\n              <div className=\"text-center\">\n                <div className=\"text-2xl sm:text-3xl font-bold text-status-warning-text\">\n                  {userStats.workers.toLocaleString('en-IN')}\n                </div>\n                <div className=\"text-sm text-text-secondary\">Workers</div>\n                <div className=\"text-xs text-text-secondary\">9.7%</div>\n              </div>\n              <div className=\"text-center\">\n                <div className=\"text-2xl sm:text-3xl font-bold text-accent-purple\">\n                  {userStats.investors.toLocaleString('en-IN')}\n                </div>\n                <div className=\"text-sm text-text-secondary\">Investors</div>\n                <div className=\"text-xs text-text-secondary\">1.7%</div>\n              </div>\n            </div>\n            <div className=\"mt-4 pt-4 border-t border-border-seam\">\n              <div className=\"flex justify-between items-center\">\n                <span className=\"text-sm text-text-secondary\">User Growth (This Month)</span>\n                <span className=\"text-sm font-medium text-status-success-text\">\n                  +{userStats.growth}%\n                </span>\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n\n      {/* Recent Activity */}\n      <div className=\"mb-8\">\n        <div className=\"flex items-center justify-between mb-4\">\n          <h2 className=\"text-lg font-semibold text-text-primary\">Recent Platform Activity</h2>\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/admin/analytics')}\n            className=\"flex items-center gap-1 text-sm font-medium text-text-secondary hover:text-text-primary transition-colors\"\n          >\n            View all activities\n            <ArrowRight className=\"h-4 w-4\" />\n          </button>\n        </div>\n        <div className=\"rounded-lg border border-border-seam bg-bg-surface divide-y divide-border\">\n          {activities.map((activity) => (\n            <div key={activity.id} className=\"flex items-start gap-3 px-4 py-3\">\n              <div\n                className={cn(\n                  'flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-bg-sunken mt-0.5',\n                  getActivityIconColor(activity.type)\n                )}\n              >\n                {getActivityIcon(activity.type)}\n              </div>\n              <div className=\"flex-1 min-w-0\">\n                <div className=\"flex flex-col sm:flex-row sm:items-center justify-between gap-2\">\n                  <p className=\"text-sm font-medium text-text-primary\">{activity.description}</p>\n                  <span\n                    className={cn(\n                      'inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize w-fit',\n                      getStatusBadge(activity.status)\n                    )}\n                  >\n                    {activity.status}\n                  </span>\n                </div>\n                <div className=\"flex flex-wrap items-center mt-1 text-xs text-text-secondary gap-3\">\n                  <span>{activity.timestamp}</span>\n                  {activity.user && (\n                    <span className=\"flex items-center gap-1\">\n                      <Users className=\"h-3 w-3\" />\n                      {activity.user}\n                    </span>\n                  )}\n                  {activity.amount && (\n                    <span className=\"flex items-center gap-1\">\n                      <IndianRupee className=\"h-3 w-3\" />₹{activity.amount.toLocaleString('en-IN')}\n                    </span>\n                  )}\n                </div>\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n\n      {/* System Health & Financial Overview */}\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6 mb-8\">\n        {/* System Health */}\n        <div className=\"rounded-lg border border-border-seam bg-bg-surface p-6\">\n          <div className=\"flex items-center gap-2 mb-4\">\n            <ShieldCheck className=\"h-5 w-5 text-text-secondary\" />\n            <h3 className=\"text-lg font-semibold text-text-primary\">System Health</h3>\n          </div>\n          <div className=\"space-y-4\">\n            <div className=\"flex items-center justify-between\">\n              <div className=\"flex items-center gap-3\">\n                <Server className=\"h-4 w-4 text-text-secondary\" />\n                <span className=\"text-sm text-text-secondary\">Server Status</span>\n              </div>\n              <span className=\"inline-flex items-center gap-1.5 rounded-full bg-status-success-bg/20 px-3 py-1 text-xs font-medium text-status-success-text\">\n                <CheckCircle2 className=\"h-3 w-3\" />\n                Healthy\n              </span>\n            </div>\n            <div className=\"flex items-center justify-between\">\n              <div className=\"flex items-center gap-3\">\n                <Database className=\"h-4 w-4 text-text-secondary\" />\n                <span className=\"text-sm text-text-secondary\">Database Performance</span>\n              </div>\n              <span className=\"inline-flex items-center gap-1.5 rounded-full bg-status-success-bg/20 px-3 py-1 text-xs font-medium text-status-success-text\">\n                <CheckCircle2 className=\"h-3 w-3\" />\n                Optimal\n              </span>\n            </div>\n            <div className=\"flex items-center justify-between\">\n              <div className=\"flex items-center gap-3\">\n                <CreditCard className=\"h-4 w-4 text-text-secondary\" />\n                <span className=\"text-sm text-text-secondary\">Payment Gateway</span>\n              </div>\n              <span className=\"inline-flex items-center gap-1.5 rounded-full bg-status-success-bg/20 px-3 py-1 text-xs font-medium text-status-success-text\">\n                <CheckCircle2 className=\"h-3 w-3\" />\n                Online\n              </span>\n            </div>\n            <div className=\"flex items-center justify-between\">\n              <div className=\"flex items-center gap-3\">\n                <Wifi className=\"h-4 w-4 text-text-secondary\" />\n                <span className=\"text-sm text-text-secondary\">API Response Time</span>\n              </div>\n              <span className=\"text-sm font-medium text-text-primary\">145ms</span>\n            </div>\n            <div className=\"flex items-center justify-between\">\n              <div className=\"flex items-center gap-3\">\n                <Clock className=\"h-4 w-4 text-text-secondary\" />\n                <span className=\"text-sm text-text-secondary\">Uptime (30 days)</span>\n              </div>\n              <span className=\"text-sm font-medium text-text-primary\">99.8%</span>\n            </div>\n          </div>\n        </div>\n\n        {/* Financial Overview */}\n        <div className=\"rounded-lg border border-border-seam bg-bg-surface p-6\">\n          <div className=\"flex items-center gap-2 mb-4\">\n            <IndianRupee className=\"h-5 w-5 text-text-secondary\" />\n            <h3 className=\"text-lg font-semibold text-text-primary\">Financial Overview</h3>\n          </div>\n          <div className=\"space-y-3\">\n            <div className=\"flex justify-between\">\n              <span className=\"text-sm text-text-secondary\">Today&apos;s Revenue</span>\n              <span className=\"font-medium text-text-primary\">₹1,45,230</span>\n            </div>\n            <div className=\"flex justify-between\">\n              <span className=\"text-sm text-text-secondary\">This Month</span>\n              <span className=\"font-medium text-text-primary\">₹24,50,000</span>\n            </div>\n            <div className=\"flex justify-between\">\n              <span className=\"text-sm text-text-secondary\">Platform Commission</span>\n              <span className=\"font-medium text-text-primary\">₹1,22,500</span>\n            </div>\n            <div className=\"flex justify-between\">\n              <span className=\"text-sm text-text-secondary\">Active Investments</span>\n              <span className=\"font-medium text-text-primary\">₹1.52Cr</span>\n            </div>\n            <div className=\"flex justify-between\">\n              <span className=\"text-sm text-text-secondary\">Pending Payouts</span>\n              <span className=\"font-medium text-text-primary\">₹45,600</span>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      {/* Management Links */}\n      <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4\">\n        {[\n          {\n            icon: Store,\n            label: 'Cart Management',\n            desc: 'Approve, manage, and monitor carts',\n            path: '/admin/carts',\n          },\n          {\n            icon: Users,\n            label: 'User Management',\n            desc: 'Manage users and permissions',\n            path: '/admin/users',\n          },\n          {\n            icon: BarChart3,\n            label: 'Analytics & Reports',\n            desc: 'View detailed platform analytics',\n            path: '/admin/analytics',\n          },\n          {\n            icon: IndianRupee,\n            label: 'Financial Analytics',\n            desc: 'View revenue, investments, and financial metrics',\n            path: '/admin/financial',\n          },\n          {\n            icon: AlertTriangle,\n            label: 'Order & Dispute Management',\n            desc: 'Handle orders, disputes, and customer issues',\n            path: '/admin/orders',\n          },\n          {\n            icon: Settings,\n            label: 'Platform Settings',\n            desc: 'Configure platform-wide settings',\n            path: '/admin/settings',\n          },\n        ].map((link) => {\n          const LinkIcon = link.icon;\n          return (\n            <button\n              key={link.label}\n              type=\"button\"\n              onClick={() => navigateTo(link.path)}\n              className={cn(\n                'flex items-center gap-4 rounded-lg border border-border-seam bg-bg-surface p-4 sm:p-6 text-left shadow-sm transition-all',\n                'hover:bg-accent hover:shadow-md'\n              )}\n            >\n              <div className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-text-secondary\">\n                <LinkIcon className=\"h-5 w-5\" />\n              </div>\n              <div className=\"min-w-0\">\n                <h3 className=\"font-semibold text-text-primary text-sm sm:text-base\">\n                  {link.label}\n                </h3>\n                <p className=\"text-xs sm:text-sm text-text-secondary\">{link.desc}</p>\n              </div>\n            </button>\n          );\n        })}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}