@burdenoff/microfe-coolandlovely 2026.624.1 → 2026.625.2

package/dist/coolandlovely/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/coolandlovely/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) => ({
-		user_registration: "text-blue-600 dark:text-blue-400",
-		cart_approval: "text-purple-600 dark:text-purple-400",
-		investment: "text-emerald-600 dark:text-emerald-400",
-		order: "text-green-600 dark:text-green-400",
-		dispute: "text-yellow-600 dark:text-yellow-400"
-	})[e] ?? "text-text-secondary", B = (e) => ({
-		completed: "bg-green-500/20 text-green-600 dark:text-green-400",
-		pending: "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400",
-		failed: "bg-red-500/20 text-red-600 dark:text-red-400"
+	}[e] ?? o, { className: "h-4 w-4" }), H = (e) => ({
+		user_registration: "text-accent-blue",
+		cart_approval: "text-accent-purple",
+		investment: "text-status-success-text",
+		order: "text-status-success-text",
+		dispute: "text-status-warning-text"
+	})[e] ?? "text-text-secondary", U = (e) => ({
+		completed: "bg-status-success-bg-subtle/20 text-status-success-text",
+		pending: "bg-status-warning-bg-subtle/20 text-status-warning-text",
+		failed: "bg-status-error-bg-subtle/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,15 +110,48 @@ function D() {
 		})
 	}) : /* @__PURE__ */ E(n, {
 		title: "Admin Dashboard",
-		description: `Welcome, ${k}! Monitor and manage the platform.`,
-		actions: A?.pendingApprovals && A.pendingApprovals > 0 ? /* @__PURE__ */ E("div", {
-			className: "flex items-center gap-2 rounded-lg border border-red-500/30 bg-red-500/10 px-3 py-2",
-			children: [/* @__PURE__ */ T(s, { className: "h-4 w-4 text-red-600 dark:text-red-400" }), /* @__PURE__ */ E("span", {
-				className: "text-sm font-medium text-red-600 dark:text-red-400",
-				children: [A.pendingApprovals, " pending approvals"]
+		description: `Welcome, ${M}! Monitor and manage the platform.`,
+		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-subtle/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: [N.pendingApprovals, " pending approvals"]
 			})]
 		}) : void 0,
 		children: [
+			/* @__PURE__ */ T(k, {
+				className: "mb-6",
+				icon: /* @__PURE__ */ T(l, { className: "h-4 w-4" }),
+				children: "The platform-wide command centre. Keep the marketplace healthy: approve new carts, watch users, orders and revenue across every business, and jump straight to the area that needs attention — so issues get caught before they reach customers."
+			}),
+			/* @__PURE__ */ T(O, {
+				className: "mb-6",
+				storageKey: "coolandlovely-admin-dashboard",
+				steps: [
+					{
+						id: "approvals",
+						label: "Clear pending cart approvals",
+						description: "Review and approve carts waiting to go live.",
+						icon: /* @__PURE__ */ T(x, { className: "h-4 w-4" }),
+						onClick: () => A("/admin/carts"),
+						done: !N?.pendingApprovals
+					},
+					{
+						id: "users",
+						label: "Check user accounts",
+						description: "Manage members, roles and flagged accounts.",
+						icon: /* @__PURE__ */ T(C, { className: "h-4 w-4" }),
+						onClick: () => A("/admin/users")
+					},
+					{
+						id: "analytics",
+						label: "Review platform analytics",
+						description: "Track growth, revenue and order trends platform-wide.",
+						icon: /* @__PURE__ */ T(l, { className: "h-4 w-4" }),
+						onClick: () => A("/admin/analytics")
+					}
+				]
+			}),
 			/* @__PURE__ */ E("div", {
 				className: "mb-8",
 				children: [/* @__PURE__ */ T("h2", {
@@ -128,62 +162,62 @@ function D() {
 					children: [
 						/* @__PURE__ */ E("button", {
 							type: "button",
-							onClick: () => D("/admin/carts"),
-							className: "flex items-center gap-3 rounded-lg bg-red-600 hover:bg-red-700 text-white p-3 text-sm font-medium transition-colors",
+							onClick: () => A("/admin/carts"),
+							className: "flex items-center gap-3 rounded-lg bg-status-error-bg-subtle hover:bg-status-error-bg-subtle text-white 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-subtle 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-subtle 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-subtle 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-subtle 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-subtle 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-subtle 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-subtle 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", {
-				className: "mb-8",
+			N && /* @__PURE__ */ E(D, {
+				className: "mb-8 p-5",
 				children: [
 					/* @__PURE__ */ T("h2", {
 						className: "text-lg font-semibold text-text-primary mb-4",
@@ -194,28 +228,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%"
@@ -226,45 +260,45 @@ function D() {
 						className: "grid grid-cols-2 lg:grid-cols-4 gap-4 mt-4",
 						children: [
 							/* @__PURE__ */ E("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
 								children: [/* @__PURE__ */ T("p", {
 									className: "text-xs text-text-secondary",
 									children: "Active Users (24h)"
 								}), /* @__PURE__ */ T("p", {
-									className: "text-xl font-bold text-green-600 dark:text-green-400",
-									children: A.activeUsers.toLocaleString("en-IN")
+									className: "text-xl font-bold text-status-success-text",
+									children: N.activeUsers.toLocaleString("en-IN")
 								})]
 							}),
 							/* @__PURE__ */ E("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
 								children: [/* @__PURE__ */ T("p", {
 									className: "text-xs text-text-secondary",
 									children: "Pending Approvals"
 								}), /* @__PURE__ */ T("p", {
-									className: "text-xl font-bold text-red-600 dark:text-red-400",
-									children: A.pendingApprovals
+									className: "text-xl font-bold text-status-error-text",
+									children: N.pendingApprovals
 								})]
 							}),
 							/* @__PURE__ */ E("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
 								children: [/* @__PURE__ */ T("p", {
 									className: "text-xs text-text-secondary",
 									children: "Total Investments"
 								}), /* @__PURE__ */ T("p", {
-									className: "text-xl font-bold text-blue-600 dark:text-blue-400",
-									children: A.totalInvestments.toLocaleString("en-IN")
+									className: "text-xl font-bold text-accent-blue",
+									children: N.totalInvestments.toLocaleString("en-IN")
 								})]
 							}),
 							/* @__PURE__ */ E("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
+								className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
 								children: [/* @__PURE__ */ T("p", {
 									className: "text-xs text-text-secondary",
 									children: "Platform Commission"
 								}), /* @__PURE__ */ E("p", {
-									className: "text-xl font-bold text-purple-600 dark:text-purple-400",
+									className: "text-xl font-bold text-accent-purple",
 									children: [
 										"₹",
-										(A.platformCommission / 1e3).toFixed(0),
+										(N.platformCommission / 1e3).toFixed(0),
 										"K"
 									]
 								})]
@@ -273,13 +307,13 @@ 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",
 					children: "User Distribution"
 				}), /* @__PURE__ */ E("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
+					className: "rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
 					children: [/* @__PURE__ */ E("div", {
 						className: "grid grid-cols-2 lg:grid-cols-4 gap-6",
 						children: [
@@ -287,8 +321,8 @@ function D() {
 								className: "text-center",
 								children: [
 									/* @__PURE__ */ T("div", {
-										className: "text-2xl sm:text-3xl font-bold text-blue-600 dark:text-blue-400",
-										children: P.customers.toLocaleString("en-IN")
+										className: "text-2xl sm:text-3xl font-bold text-accent-blue",
+										children: L.customers.toLocaleString("en-IN")
 									}),
 									/* @__PURE__ */ T("div", {
 										className: "text-sm text-text-secondary",
@@ -304,8 +338,8 @@ function D() {
 								className: "text-center",
 								children: [
 									/* @__PURE__ */ T("div", {
-										className: "text-2xl sm:text-3xl font-bold text-green-600 dark:text-green-400",
-										children: P.cartOwners.toLocaleString("en-IN")
+										className: "text-2xl sm:text-3xl font-bold text-status-success-text",
+										children: L.cartOwners.toLocaleString("en-IN")
 									}),
 									/* @__PURE__ */ T("div", {
 										className: "text-sm text-text-secondary",
@@ -321,8 +355,8 @@ function D() {
 								className: "text-center",
 								children: [
 									/* @__PURE__ */ T("div", {
-										className: "text-2xl sm:text-3xl font-bold text-yellow-600 dark:text-yellow-400",
-										children: P.workers.toLocaleString("en-IN")
+										className: "text-2xl sm:text-3xl font-bold text-status-warning-text",
+										children: L.workers.toLocaleString("en-IN")
 									}),
 									/* @__PURE__ */ T("div", {
 										className: "text-sm text-text-secondary",
@@ -338,8 +372,8 @@ function D() {
 								className: "text-center",
 								children: [
 									/* @__PURE__ */ T("div", {
-										className: "text-2xl sm:text-3xl font-bold text-purple-600 dark:text-purple-400",
-										children: P.investors.toLocaleString("en-IN")
+										className: "text-2xl sm:text-3xl font-bold text-accent-purple",
+										children: L.investors.toLocaleString("en-IN")
 									}),
 									/* @__PURE__ */ T("div", {
 										className: "text-sm text-text-secondary",
@@ -360,10 +394,10 @@ function D() {
 								className: "text-sm text-text-secondary",
 								children: "User Growth (This Month)"
 							}), /* @__PURE__ */ E("span", {
-								className: "text-sm font-medium text-green-600 dark:text-green-400",
+								className: "text-sm font-medium text-status-success-text",
 								children: [
 									"+",
-									P.growth,
+									L.growth,
 									"%"
 								]
 							})]
@@ -380,17 +414,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-subtle 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", {
@@ -399,7 +433,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", {
@@ -427,7 +461,7 @@ function D() {
 			/* @__PURE__ */ E("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-6 mb-8",
 				children: [/* @__PURE__ */ E("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
+					className: "rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
 					children: [/* @__PURE__ */ E("div", {
 						className: "flex items-center gap-2 mb-4",
 						children: [/* @__PURE__ */ T(y, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ T("h3", {
@@ -446,7 +480,7 @@ function D() {
 										children: "Server Status"
 									})]
 								}), /* @__PURE__ */ E("span", {
-									className: "inline-flex items-center gap-1.5 rounded-full bg-green-500/20 px-3 py-1 text-xs font-medium text-green-600 dark:text-green-400",
+									className: "inline-flex items-center gap-1.5 rounded-full bg-status-success-bg-subtle/20 px-3 py-1 text-xs font-medium text-status-success-text",
 									children: [/* @__PURE__ */ T(u, { className: "h-3 w-3" }), "Healthy"]
 								})]
 							}),
@@ -459,7 +493,7 @@ function D() {
 										children: "Database Performance"
 									})]
 								}), /* @__PURE__ */ E("span", {
-									className: "inline-flex items-center gap-1.5 rounded-full bg-green-500/20 px-3 py-1 text-xs font-medium text-green-600 dark:text-green-400",
+									className: "inline-flex items-center gap-1.5 rounded-full bg-status-success-bg-subtle/20 px-3 py-1 text-xs font-medium text-status-success-text",
 									children: [/* @__PURE__ */ T(u, { className: "h-3 w-3" }), "Optimal"]
 								})]
 							}),
@@ -472,7 +506,7 @@ function D() {
 										children: "Payment Gateway"
 									})]
 								}), /* @__PURE__ */ E("span", {
-									className: "inline-flex items-center gap-1.5 rounded-full bg-green-500/20 px-3 py-1 text-xs font-medium text-green-600 dark:text-green-400",
+									className: "inline-flex items-center gap-1.5 rounded-full bg-status-success-bg-subtle/20 px-3 py-1 text-xs font-medium text-status-success-text",
 									children: [/* @__PURE__ */ T(u, { className: "h-3 w-3" }), "Online"]
 								})]
 							}),
@@ -505,7 +539,7 @@ function D() {
 						]
 					})]
 				}), /* @__PURE__ */ E("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
+					className: "rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
 					children: [/* @__PURE__ */ E("div", {
 						className: "flex items-center gap-2 mb-4",
 						children: [/* @__PURE__ */ T(h, { className: "h-5 w-5 text-text-secondary" }), /* @__PURE__ */ T("h3", {
@@ -612,8 +646,8 @@ function D() {
 					let n = e.icon;
 					return /* @__PURE__ */ E("button", {
 						type: "button",
-						onClick: () => D(e.path),
-						className: t("flex items-center gap-4 rounded-lg border border-border-subtle bg-bg-surface p-4 sm:p-6 text-left shadow-sm transition-all", "hover:bg-accent hover:shadow-md"),
+						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 transition-all bg-gloss-card shadow-pop", "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",
 							children: /* @__PURE__ */ T(n, { className: "h-5 w-5" })
@@ -634,6 +668,6 @@ function D() {
 	});
 }
 //#endregion
-export { D as AdminDashboard };
+export { A as AdminDashboard };
 
 //# sourceMappingURL=AdminDashboard.js.map