@burdenoff/microfe-adaptercloud 2026.624.1 → 2026.625.2

package/dist/adaptercloud/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 } from "@burdenoff/fe-libs/ui";
 //#region src/adaptercloud/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 k() {
+	let { navigateTo: k, currentUser: A } = e(), j = A?.firstName ?? A?.name ?? "Admin", [M, N] = a(null), [P, F] = a([]), [I, L] = a(null), [R, z] = a(!0);
 	i(() => {
 		let e = setTimeout(() => {
-			j({
+			N({
 				totalUsers: 12847,
 				totalCarts: 2934,
 				totalOrders: 45621,
@@ -19,13 +20,13 @@ function D() {
 				pendingApprovals: 47,
 				totalRevenue: 245e4,
 				platformCommission: 122500
-			}), F({
+			}), L({
 				customers: 8934,
 				cartOwners: 2456,
 				workers: 1245,
 				investors: 212,
 				growth: 15.7
-			}), N([
+			}), F([
 				{
 					id: "ACT-001",
 					type: "user_registration",
@@ -76,28 +77,28 @@ function D() {
 					status: "completed",
 					user: "Fatima Ali"
 				}
-			]), L(!1);
+			]), z(!1);
 		}, 1e3);
 		return () => clearTimeout(e);
 	}, []);
-	let R = (e) => /* @__PURE__ */ T({
+	let B = (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" }), V = (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", H = (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 R ? /* @__PURE__ */ T(n, {
 		title: "Admin Dashboard",
 		description: "Loading...",
 		children: /* @__PURE__ */ E("div", {
@@ -109,12 +110,13 @@ 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, ${j}! Monitor and manage the platform.`,
+		purpose: "Your command center for the whole marketplace — review platform health at a glance, clear pending cart approvals, and jump into user, order, and financial management. Start here whenever you need to keep the platform running smoothly.",
+		actions: M?.pendingApprovals && M.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: [M.pendingApprovals, " pending approvals"]
 			})]
 		}) : void 0,
 		children: [
@@ -128,61 +130,85 @@ 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: () => k("/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,
+								M?.pendingApprovals,
 								")"
 							]
 						}),
 						/* @__PURE__ */ E("button", {
 							type: "button",
-							onClick: () => D("/admin/carts"),
+							onClick: () => k("/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: () => k("/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: () => k("/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: () => k("/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: () => k("/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: () => k("/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: () => k("/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", {
+			/* @__PURE__ */ T(O, {
+				storageKey: "adaptercloud-admin-dashboard",
+				className: "mb-8",
+				steps: [
+					{
+						id: "approve-carts",
+						label: "Review pending cart approvals",
+						description: "Keep the marketplace clean by approving or rejecting new carts.",
+						onClick: () => k("/admin/carts")
+					},
+					{
+						id: "manage-users",
+						label: "Manage users and roles",
+						description: "Verify, suspend, or activate accounts across the platform.",
+						onClick: () => k("/admin/users")
+					},
+					{
+						id: "check-finances",
+						label: "Check financial analytics",
+						description: "Track revenue, commission, and payouts.",
+						onClick: () => k("/admin/financial")
+					}
+				]
+			}),
+			M && /* @__PURE__ */ E(D, {
 				className: "mb-8",
 				children: [
 					/* @__PURE__ */ T("h2", {
@@ -194,28 +220,28 @@ function D() {
 						children: [
 							/* @__PURE__ */ T(r, {
 								icon: /* @__PURE__ */ T(C, { className: "h-5 w-5" }),
-								value: A.totalUsers.toLocaleString("en-IN"),
+								value: M.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: M.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: M.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: `₹${(M.totalRevenue / 1e5).toFixed(1)}L`,
 								label: "Total Revenue",
 								trend: "up",
 								trendValue: "+8.5%"
@@ -226,45 +252,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: M.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: M.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: M.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),
+										(M.platformCommission / 1e3).toFixed(0),
 										"K"
 									]
 								})]
@@ -273,13 +299,13 @@ function D() {
 					})
 				]
 			}),
-			P && /* @__PURE__ */ E("div", {
+			I && /* @__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 +313,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: I.customers.toLocaleString("en-IN")
 									}),
 									/* @__PURE__ */ T("div", {
 										className: "text-sm text-text-secondary",
@@ -304,8 +330,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: I.cartOwners.toLocaleString("en-IN")
 									}),
 									/* @__PURE__ */ T("div", {
 										className: "text-sm text-text-secondary",
@@ -321,8 +347,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: I.workers.toLocaleString("en-IN")
 									}),
 									/* @__PURE__ */ T("div", {
 										className: "text-sm text-text-secondary",
@@ -338,8 +364,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: I.investors.toLocaleString("en-IN")
 									}),
 									/* @__PURE__ */ T("div", {
 										className: "text-sm text-text-secondary",
@@ -360,10 +386,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,
+									I.growth,
 									"%"
 								]
 							})]
@@ -380,17 +406,17 @@ function D() {
 						children: "Recent Platform Activity"
 					}), /* @__PURE__ */ E("button", {
 						type: "button",
-						onClick: () => D("/admin/analytics"),
+						onClick: () => k("/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: P.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", V(e.type)),
+							children: B(e.type)
 						}), /* @__PURE__ */ E("div", {
 							className: "flex-1 min-w-0",
 							children: [/* @__PURE__ */ E("div", {
@@ -399,7 +425,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", H(e.status)),
 									children: e.status
 								})]
 							}), /* @__PURE__ */ E("div", {
@@ -427,7 +453,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 +472,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 +485,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 +498,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 +531,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 +638,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: () => k(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 +660,6 @@ function D() {
 	});
 }
 //#endregion
-export { D as AdminDashboard };
+export { k as AdminDashboard };
 
 //# sourceMappingURL=AdminDashboard.js.map