@burdenoff/microfe-proserviceworld 2026.625.1 → 2026.626.2

package/dist/proserviceworld/pages/AdminReportsPage.js

@@ -2,10 +2,10 @@ import { useProServiceWorldStore as e } from "../store/proserviceworldStore.js";
 import { useState as t } from "react";
 import { AlertTriangle as n, ArrowUpRight as r, BarChart3 as i, Calendar as a, DollarSign as o, Download as s, FileText as c, Minus as l, Shield as u, ShoppingCart as d, Star as f, TrendingDown as p, TrendingUp as m, Users as h } from "lucide-react";
 import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { AuroraBackground as v, Badge as y, CTAOverflowMenu as b, Card as x, CardContent as S, CardHeader as C, CardTitle as w, GlassCard as T, GradientText as E } from "@burdenoff/fe-libs/ui";
+import { AuroraBackground as v, Badge as y, CTAOverflowMenu as b, Card as x, CardContent as S, CardHeader as C, CardTitle as w, GlassCard as T, GradientText as E, NextSteps as D, PagePurpose as O } from "@burdenoff/fe-libs/ui";
 //#region src/proserviceworld/pages/AdminReportsPage.tsx
-function D() {
-	let { adminReportMetrics: D, revenueData: O, servicePerformance: k, geographicData: A, adminUsers: j } = e(), [M, N] = t("overview"), [P, F] = t("30d"), I = [
+function k() {
+	let { adminReportMetrics: k, revenueData: A, servicePerformance: j, geographicData: M, adminUsers: N } = e(), [P, F] = t("overview"), [I, L] = t("30d"), R = [
 		{
 			key: "overview",
 			label: "Overview",
@@ -26,19 +26,19 @@ function D() {
 			label: "Bookings",
 			icon: d
 		}
-	], L = (e) => e === "positive" ? /* @__PURE__ */ g(m, { className: "h-4 w-4 text-status-success-text" }) : e === "negative" ? /* @__PURE__ */ g(p, { className: "h-4 w-4 text-status-error-text" }) : /* @__PURE__ */ g(l, { className: "h-4 w-4 text-text-secondary" }), R = (e) => e === "positive" ? "text-status-success-text" : e === "negative" ? "text-status-error-text" : "text-text-secondary", z = [
+	], z = (e) => e === "positive" ? /* @__PURE__ */ g(m, { className: "h-4 w-4 text-status-success-text" }) : e === "negative" ? /* @__PURE__ */ g(p, { className: "h-4 w-4 text-status-error-text" }) : /* @__PURE__ */ g(l, { className: "h-4 w-4 text-text-secondary" }), B = (e) => e === "positive" ? "text-status-success-text" : e === "negative" ? "text-status-error-text" : "text-text-secondary", V = [
 		h,
 		u,
 		d,
 		o,
 		f,
 		n
-	], B = Math.max(...O.map((e) => e.value)), V = Math.max(...k.map((e) => e.value)), H = j.reduce((e, t) => (e[t.role] = (e[t.role] ?? 0) + 1, e), {}), U = j.reduce((e, t) => (e[t.status] = (e[t.status] ?? 0) + 1, e), {}), W = {
+	], H = Math.max(...A.map((e) => e.value)), U = Math.max(...j.map((e) => e.value)), W = N.reduce((e, t) => (e[t.role] = (e[t.role] ?? 0) + 1, e), {}), G = N.reduce((e, t) => (e[t.status] = (e[t.status] ?? 0) + 1, e), {}), K = {
 		client: "bg-chart-1",
 		provider: "bg-chart-2",
 		admin: "bg-chart-3",
 		team_member: "bg-chart-4"
-	}, G = {
+	}, q = {
 		active: "bg-status-success-text",
 		suspended: "bg-status-warning-text",
 		pending: "bg-chart-5",
@@ -71,14 +71,44 @@ function D() {
 					})]
 				})]
 			}),
+			/* @__PURE__ */ g(O, {
+				icon: /* @__PURE__ */ g(i, { className: "h-4 w-4" }),
+				children: "The operational pulse of the platform. Track headline KPIs, dig into revenue, user, and booking trends across time ranges, and export reports for stakeholders — use it to spot what is growing, what needs attention, and where to act next."
+			}),
+			/* @__PURE__ */ g(D, {
+				storageKey: "proserviceworld-admin-reports",
+				steps: [
+					{
+						id: "revenue",
+						label: "Review revenue trends",
+						description: "Open the Revenue tab to compare months and spot growth or dips.",
+						icon: /* @__PURE__ */ g(o, { className: "h-4 w-4" }),
+						onClick: () => F("revenue")
+					},
+					{
+						id: "users",
+						label: "Check user health",
+						description: "See role and status distribution plus your top spenders.",
+						icon: /* @__PURE__ */ g(h, { className: "h-4 w-4" }),
+						onClick: () => F("users")
+					},
+					{
+						id: "export",
+						label: "Export a report",
+						description: "Generate a shareable report or CSV for stakeholders.",
+						icon: /* @__PURE__ */ g(s, { className: "h-4 w-4" }),
+						onClick: () => {}
+					}
+				]
+			}),
 			/* @__PURE__ */ _("div", {
 				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
 				children: [/* @__PURE__ */ g("div", {
 					className: "flex gap-1 border-b border-border-seam",
-					children: I.map(({ key: e, label: t, icon: n }) => /* @__PURE__ */ _("button", {
-						onClick: () => N(e),
-						"aria-pressed": M === e,
-						className: `flex items-center gap-2 border-b-2 px-4 py-2 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${M === e ? "border-accent-blue text-accent-blue" : "border-transparent text-text-secondary hover:text-text-primary"}`,
+					children: R.map(({ key: e, label: t, icon: n }) => /* @__PURE__ */ _("button", {
+						onClick: () => F(e),
+						"aria-pressed": P === e,
+						className: `flex items-center gap-2 border-b-2 px-4 py-2 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${P === e ? "border-accent-blue text-accent-blue" : "border-transparent text-text-secondary hover:text-text-primary"}`,
 						children: [/* @__PURE__ */ g(n, { className: "h-4 w-4" }), t]
 					}, e))
 				}), /* @__PURE__ */ _("div", {
@@ -91,9 +121,9 @@ function D() {
 							"90d",
 							"1y"
 						].map((e) => /* @__PURE__ */ g("button", {
-							onClick: () => F(e),
-							"aria-pressed": P === e,
-							className: `px-3 py-1 text-xs font-medium tabular-nums focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${P === e ? "bg-accent-blue text-action-primary-text" : "text-text-secondary hover:bg-bg-sunken"}`,
+							onClick: () => L(e),
+							"aria-pressed": I === e,
+							className: `px-3 py-1 text-xs font-medium tabular-nums focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${I === e ? "bg-accent-blue text-action-primary-text" : "text-text-secondary hover:bg-bg-sunken"}`,
 							children: e
 						}, e))
 					})]
@@ -101,39 +131,43 @@ function D() {
 			}),
 			/* @__PURE__ */ g("div", {
 				className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
-				children: D.map((e, t) => /* @__PURE__ */ g(T, {
-					treatment: "metric",
-					className: "border-border-seam",
-					children: /* @__PURE__ */ _(S, {
-						className: "pt-4",
-						children: [
-							/* @__PURE__ */ _("div", {
-								className: "flex items-center justify-between",
-								children: [/* @__PURE__ */ _("div", {
-									className: "flex items-center gap-2",
-									children: [/* @__PURE__ */ g(z[t % z.length] ?? i, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ g("p", {
-										className: "text-sm font-medium text-text-secondary",
-										children: e.label
-									})]
-								}), L(e.changeType)]
-							}),
-							/* @__PURE__ */ g("p", {
-								className: "mt-2 text-3xl font-bold tabular-nums",
-								children: e.value
-							}),
-							/* @__PURE__ */ _("p", {
-								className: `mt-1 flex items-center gap-1 text-xs ${R(e.changeType)}`,
-								children: [
-									/* @__PURE__ */ g(r, { className: "h-3 w-3" }),
-									e.change,
-									" vs last period"
-								]
-							})
-						]
-					})
-				}, t))
+				children: k.map((e, t) => {
+					let n = V[t % V.length] ?? i;
+					return /* @__PURE__ */ g(T, {
+						treatment: t === 0 ? "glass" : "metric",
+						glow: t === 0,
+						className: "border-border-seam",
+						children: /* @__PURE__ */ _(S, {
+							className: "pt-4",
+							children: [
+								/* @__PURE__ */ _("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ _("div", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ g(n, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ g("p", {
+											className: "text-sm font-medium text-text-secondary",
+											children: e.label
+										})]
+									}), z(e.changeType)]
+								}),
+								/* @__PURE__ */ g("p", {
+									className: "mt-2 text-3xl font-bold tabular-nums",
+									children: e.value
+								}),
+								/* @__PURE__ */ _("p", {
+									className: `mt-1 flex items-center gap-1 text-xs ${B(e.changeType)}`,
+									children: [
+										/* @__PURE__ */ g(r, { className: "h-3 w-3" }),
+										e.change,
+										" vs last period"
+									]
+								})
+							]
+						})
+					}, t);
+				})
 			}),
-			M === "overview" && /* @__PURE__ */ _("div", {
+			P === "overview" && /* @__PURE__ */ _("div", {
 				className: "grid gap-6 lg:grid-cols-2",
 				children: [
 					/* @__PURE__ */ _(x, {
@@ -149,7 +183,7 @@ function D() {
 							})]
 						}) }), /* @__PURE__ */ g(S, {
 							className: "space-y-3",
-							children: O.map((e) => /* @__PURE__ */ _("div", {
+							children: A.map((e) => /* @__PURE__ */ _("div", {
 								className: "flex items-center gap-3",
 								children: [
 									/* @__PURE__ */ g("span", {
@@ -160,7 +194,7 @@ function D() {
 										className: "flex-1 h-5 bg-bg-sunken rounded overflow-hidden",
 										children: /* @__PURE__ */ g("div", {
 											className: "h-5 bg-accent-blue rounded",
-											style: { width: `${e.value / B * 100}%` }
+											style: { width: `${e.value / H * 100}%` }
 										})
 									}),
 									/* @__PURE__ */ _("span", {
@@ -188,7 +222,7 @@ function D() {
 							})]
 						}) }), /* @__PURE__ */ g(S, {
 							className: "space-y-3",
-							children: [...k].sort((e, t) => t.value - e.value).map((e) => /* @__PURE__ */ _("div", {
+							children: [...j].sort((e, t) => t.value - e.value).map((e) => /* @__PURE__ */ _("div", {
 								className: "flex items-center gap-3",
 								children: [
 									/* @__PURE__ */ g("span", {
@@ -199,7 +233,7 @@ function D() {
 										className: "flex-1 h-5 bg-bg-sunken rounded overflow-hidden",
 										children: /* @__PURE__ */ g("div", {
 											className: "h-5 bg-accent-purple rounded",
-											style: { width: `${e.value / V * 100}%` }
+											style: { width: `${e.value / U * 100}%` }
 										})
 									}),
 									/* @__PURE__ */ g("span", {
@@ -243,8 +277,8 @@ function D() {
 											children: "Share"
 										})
 									]
-								}) }), /* @__PURE__ */ g("tbody", { children: A.map((e) => {
-									let t = A.reduce((e, t) => e + t.revenue, 0), n = Math.round(e.revenue / t * 100), r = Math.round(e.revenue / e.clients);
+								}) }), /* @__PURE__ */ g("tbody", { children: M.map((e) => {
+									let t = M.reduce((e, t) => e + t.revenue, 0), n = Math.round(e.revenue / t * 100), r = Math.round(e.revenue / e.clients);
 									return /* @__PURE__ */ _("tr", {
 										className: "border-b border-border-seam hover:bg-bg-sunken",
 										children: [
@@ -292,7 +326,7 @@ function D() {
 					})
 				]
 			}),
-			M === "users" && /* @__PURE__ */ _("div", {
+			P === "users" && /* @__PURE__ */ _("div", {
 				className: "grid gap-6 lg:grid-cols-2",
 				children: [
 					/* @__PURE__ */ _(x, {
@@ -302,8 +336,8 @@ function D() {
 							children: "User Role Distribution"
 						}) }), /* @__PURE__ */ g(S, {
 							className: "space-y-3",
-							children: Object.entries(H).map(([e, t]) => {
-								let n = Math.round(t / j.length * 100);
+							children: Object.entries(W).map(([e, t]) => {
+								let n = Math.round(t / N.length * 100);
 								return /* @__PURE__ */ _("div", {
 									className: "flex items-center gap-3",
 									children: [
@@ -314,7 +348,7 @@ function D() {
 										/* @__PURE__ */ g("div", {
 											className: "flex-1 h-5 bg-bg-sunken rounded overflow-hidden",
 											children: /* @__PURE__ */ g("div", {
-												className: `h-5 rounded ${W[e] ?? "bg-chart-6"}`,
+												className: `h-5 rounded ${K[e] ?? "bg-chart-6"}`,
 												style: { width: `${n}%` }
 											})
 										}),
@@ -339,8 +373,8 @@ function D() {
 							children: "User Status Distribution"
 						}) }), /* @__PURE__ */ g(S, {
 							className: "space-y-3",
-							children: Object.entries(U).map(([e, t]) => {
-								let n = Math.round(t / j.length * 100);
+							children: Object.entries(G).map(([e, t]) => {
+								let n = Math.round(t / N.length * 100);
 								return /* @__PURE__ */ _("div", {
 									className: "flex items-center gap-3",
 									children: [
@@ -351,7 +385,7 @@ function D() {
 										/* @__PURE__ */ g("div", {
 											className: "flex-1 h-5 bg-bg-sunken rounded overflow-hidden",
 											children: /* @__PURE__ */ g("div", {
-												className: `h-5 rounded ${G[e] ?? "bg-chart-6"}`,
+												className: `h-5 rounded ${q[e] ?? "bg-chart-6"}`,
 												style: { width: `${n}%` }
 											})
 										}),
@@ -376,7 +410,7 @@ function D() {
 							children: "Top Users by Spending"
 						}) }), /* @__PURE__ */ g(S, { children: /* @__PURE__ */ g("div", {
 							className: "space-y-2",
-							children: [...j].filter((e) => e.totalSpent > 0).sort((e, t) => t.totalSpent - e.totalSpent).slice(0, 5).map((e, t) => /* @__PURE__ */ _("div", {
+							children: [...N].filter((e) => e.totalSpent > 0).sort((e, t) => t.totalSpent - e.totalSpent).slice(0, 5).map((e, t) => /* @__PURE__ */ _("div", {
 								className: "flex items-center justify-between rounded-lg border border-border-seam p-3",
 								children: [/* @__PURE__ */ _("div", {
 									className: "flex items-center gap-3",
@@ -405,7 +439,7 @@ function D() {
 					})
 				]
 			}),
-			M === "revenue" && /* @__PURE__ */ g("div", {
+			P === "revenue" && /* @__PURE__ */ g("div", {
 				className: "space-y-6",
 				children: /* @__PURE__ */ _(x, {
 					className: "border-border-seam",
@@ -414,7 +448,7 @@ function D() {
 						children: "Monthly Revenue Comparison"
 					}) }), /* @__PURE__ */ g(S, {
 						className: "space-y-4",
-						children: O.map((e) => {
+						children: A.map((e) => {
 							let t = e.prev ? ((e.value - e.prev) / e.prev * 100).toFixed(1) : "0", n = e.prev ? e.value >= e.prev : !0;
 							return /* @__PURE__ */ _("div", {
 								className: "rounded-lg border border-border-seam p-4",
@@ -446,10 +480,10 @@ function D() {
 									className: "mt-3 flex gap-1 h-4",
 									children: [/* @__PURE__ */ g("div", {
 										className: "h-4 rounded bg-accent-blue-subtle",
-										style: { width: `${(e.prev ?? 0) / B * 100}%` }
+										style: { width: `${(e.prev ?? 0) / H * 100}%` }
 									}), /* @__PURE__ */ g("div", {
 										className: "h-4 rounded bg-accent-blue",
-										style: { width: `${Math.max(0, (e.value - (e.prev ?? 0)) / B * 100)}%` }
+										style: { width: `${Math.max(0, (e.value - (e.prev ?? 0)) / H * 100)}%` }
 									})]
 								})]
 							}, e.name);
@@ -457,7 +491,7 @@ function D() {
 					})]
 				})
 			}),
-			M === "bookings" && /* @__PURE__ */ _("div", {
+			P === "bookings" && /* @__PURE__ */ _("div", {
 				className: "grid gap-6 lg:grid-cols-2",
 				children: [/* @__PURE__ */ _(x, {
 					className: "border-border-seam",
@@ -466,7 +500,7 @@ function D() {
 						children: "Bookings by Service Category"
 					}) }), /* @__PURE__ */ g(S, {
 						className: "space-y-3",
-						children: [...k].sort((e, t) => t.value - e.value).map((e, t) => /* @__PURE__ */ _("div", {
+						children: [...j].sort((e, t) => t.value - e.value).map((e, t) => /* @__PURE__ */ _("div", {
 							className: "flex items-center gap-3",
 							children: [/* @__PURE__ */ _("span", {
 								className: "w-6 text-sm font-bold text-text-secondary tabular-nums",
@@ -486,7 +520,7 @@ function D() {
 									className: "mt-1 h-2 overflow-hidden rounded-full bg-bg-sunken",
 									children: /* @__PURE__ */ g("div", {
 										className: "h-2 rounded-full bg-accent-blue",
-										style: { width: `${e.value / V * 100}%` }
+										style: { width: `${e.value / U * 100}%` }
 									})
 								})]
 							})]
@@ -502,7 +536,7 @@ function D() {
 						children: [
 							{
 								label: "Total Bookings",
-								value: k.reduce((e, t) => e + t.value, 0).toLocaleString(),
+								value: j.reduce((e, t) => e + t.value, 0).toLocaleString(),
 								icon: d
 							},
 							{
@@ -540,6 +574,6 @@ function D() {
 	});
 }
 //#endregion
-export { D as AdminReportsPage };
+export { k as AdminReportsPage };
 
 //# sourceMappingURL=AdminReportsPage.js.map

package/dist/proserviceworld/pages/AdminReportsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdminReportsPage.js","names":[],"sources":["../../../src/proserviceworld/pages/AdminReportsPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  AuroraBackground,\n  GradientText,\n  CTAOverflowMenu,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  TrendingUp,\n  TrendingDown,\n  Minus,\n  Download,\n  FileText,\n  BarChart3,\n  Calendar,\n  Users,\n  DollarSign,\n  ShoppingCart,\n  Star,\n  AlertTriangle,\n  ArrowUpRight,\n  Shield,\n} from 'lucide-react';\nimport { useProServiceWorldStore } from '../store/proserviceworldStore';\n\ntype ReportTab = 'overview' | 'users' | 'revenue' | 'bookings';\ntype TimeRange = '7d' | '30d' | '90d' | '1y';\n\nexport function AdminReportsPage() {\n  const { adminReportMetrics, revenueData, servicePerformance, geographicData, adminUsers } =\n    useProServiceWorldStore();\n  const [activeTab, setActiveTab] = useState<ReportTab>('overview');\n  const [timeRange, setTimeRange] = useState<TimeRange>('30d');\n\n  const tabs: { key: ReportTab; label: string; icon: typeof BarChart3 }[] = [\n    { key: 'overview', label: 'Overview', icon: BarChart3 },\n    { key: 'users', label: 'Users', icon: Users },\n    { key: 'revenue', label: 'Revenue', icon: DollarSign },\n    { key: 'bookings', label: 'Bookings', icon: ShoppingCart },\n  ];\n\n  const changeIcon = (type: string) => {\n    if (type === 'positive')\n      return <TrendingUp className=\"h-4 w-4 text-status-success-text\" />;\n    if (type === 'negative')\n      return <TrendingDown className=\"h-4 w-4 text-status-error-text\" />;\n    return <Minus className=\"h-4 w-4 text-text-secondary\" />;\n  };\n\n  const changeColor = (type: string) =>\n    type === 'positive'\n      ? 'text-status-success-text'\n      : type === 'negative'\n        ? 'text-status-error-text'\n        : 'text-text-secondary';\n\n  const metricIcons = [Users, Shield, ShoppingCart, DollarSign, Star, AlertTriangle];\n\n  const maxRevenue = Math.max(...revenueData.map((d) => d.value));\n  const maxServiceBookings = Math.max(...servicePerformance.map((d) => d.value));\n\n  // Role distribution\n  const roleCounts = adminUsers.reduce<Record<string, number>>((acc, u) => {\n    acc[u.role] = (acc[u.role] ?? 0) + 1;\n    return acc;\n  }, {});\n\n  // Status distribution\n  const statusCounts = adminUsers.reduce<Record<string, number>>((acc, u) => {\n    acc[u.status] = (acc[u.status] ?? 0) + 1;\n    return acc;\n  }, {});\n\n  const roleColors: Record<string, string> = {\n    client: 'bg-chart-1',\n    provider: 'bg-chart-2',\n    admin: 'bg-chart-3',\n    team_member: 'bg-chart-4',\n  };\n\n  const statusColors: Record<string, string> = {\n    active: 'bg-status-success-text',\n    suspended: 'bg-status-warning-text',\n    pending: 'bg-chart-5',\n    banned: 'bg-status-error-text',\n  };\n\n  return (\n    <div className=\"space-y-6 p-6 bg-bg-canvas min-h-screen\">\n      {/* Hero header — the ONE aurora backdrop for this page. */}\n      <div className=\"relative overflow-hidden rounded-card -mx-2 px-2 pt-1\">\n        <AuroraBackground intensity=\"subtle\" />\n        <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n          <div>\n            <h1 className=\"text-2xl font-semibold tracking-tight\">\n              <GradientText>Admin Reports</GradientText>\n            </h1>\n            <p className=\"text-sm text-text-secondary\">\n              Platform analytics, performance metrics, and operational reports.\n            </p>\n          </div>\n          <CTAOverflowMenu\n            primary={{\n              label: 'Generate Report',\n              onSelect: () => {},\n              icon: <FileText className=\"h-4 w-4\" />,\n            }}\n            actions={[\n              {\n                label: 'Export CSV',\n                onSelect: () => {},\n                icon: <Download className=\"h-4 w-4\" />,\n              },\n            ]}\n          />\n        </div>\n      </div>\n\n      {/* Time Range + Tabs */}\n      <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"flex gap-1 border-b border-border-seam\">\n          {tabs.map(({ key, label, icon: Icon }) => (\n            <button\n              key={key}\n              onClick={() => setActiveTab(key)}\n              aria-pressed={activeTab === key}\n              className={`flex items-center gap-2 border-b-2 px-4 py-2 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${\n                activeTab === key\n                  ? 'border-accent-blue text-accent-blue'\n                  : 'border-transparent text-text-secondary hover:text-text-primary'\n              }`}\n            >\n              <Icon className=\"h-4 w-4\" />\n              {label}\n            </button>\n          ))}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <Calendar className=\"h-4 w-4 text-text-secondary\" />\n          <div className=\"flex rounded border border-border-seam\">\n            {(['7d', '30d', '90d', '1y'] as TimeRange[]).map((range) => (\n              <button\n                key={range}\n                onClick={() => setTimeRange(range)}\n                aria-pressed={timeRange === range}\n                className={`px-3 py-1 text-xs font-medium tabular-nums focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${\n                  timeRange === range\n                    ? 'bg-accent-blue text-action-primary-text'\n                    : 'text-text-secondary hover:bg-bg-sunken'\n                }`}\n              >\n                {range}\n              </button>\n            ))}\n          </div>\n        </div>\n      </div>\n\n      {/* Metric Cards */}\n      <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n        {adminReportMetrics.map((metric, i) => {\n          const MetricIcon = metricIcons[i % metricIcons.length] ?? BarChart3;\n          return (\n            <GlassCard key={i} treatment=\"metric\" className=\"border-border-seam\">\n              <CardContent className=\"pt-4\">\n                <div className=\"flex items-center justify-between\">\n                  <div className=\"flex items-center gap-2\">\n                    <MetricIcon className=\"h-4 w-4 text-text-secondary\" />\n                    <p className=\"text-sm font-medium text-text-secondary\">{metric.label}</p>\n                  </div>\n                  {changeIcon(metric.changeType)}\n                </div>\n                <p className=\"mt-2 text-3xl font-bold tabular-nums\">{metric.value}</p>\n                <p className={`mt-1 flex items-center gap-1 text-xs ${changeColor(metric.changeType)}`}>\n                  <ArrowUpRight className=\"h-3 w-3\" />\n                  {metric.change} vs last period\n                </p>\n              </CardContent>\n            </GlassCard>\n          );\n        })}\n      </div>\n\n      {/* Overview Tab */}\n      {activeTab === 'overview' && (\n        <div className=\"grid gap-6 lg:grid-cols-2\">\n          {/* Revenue trend */}\n          <Card className=\"border-border-seam\">\n            <CardHeader>\n              <div className=\"flex items-center justify-between\">\n                <CardTitle className=\"text-base\">Platform Revenue</CardTitle>\n                <Badge variant=\"secondary\">Monthly</Badge>\n              </div>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {revenueData.map((point) => (\n                <div key={point.name} className=\"flex items-center gap-3\">\n                  <span className=\"w-10 text-xs text-text-secondary\">{point.name}</span>\n                  <div className=\"flex-1 h-5 bg-bg-sunken rounded overflow-hidden\">\n                    <div\n                      className=\"h-5 bg-accent-blue rounded\"\n                      style={{ width: `${(point.value / maxRevenue) * 100}%` }}\n                    />\n                  </div>\n                  <span className=\"w-16 text-right text-xs font-medium tabular-nums\">\n                    ${(point.value / 1000).toFixed(1)}k\n                  </span>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n\n          {/* Service breakdown */}\n          <Card className=\"border-border-seam\">\n            <CardHeader>\n              <div className=\"flex items-center justify-between\">\n                <CardTitle className=\"text-base\">Service Bookings</CardTitle>\n                <Badge variant=\"secondary\">Total</Badge>\n              </div>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {[...servicePerformance]\n                .sort((a, b) => b.value - a.value)\n                .map((service) => (\n                  <div key={service.name} className=\"flex items-center gap-3\">\n                    <span className=\"w-32 truncate text-xs text-text-secondary\">\n                      {service.name}\n                    </span>\n                    <div className=\"flex-1 h-5 bg-bg-sunken rounded overflow-hidden\">\n                      <div\n                        className=\"h-5 bg-accent-purple rounded\"\n                        style={{ width: `${(service.value / maxServiceBookings) * 100}%` }}\n                      />\n                    </div>\n                    <span className=\"w-12 text-right text-xs font-medium tabular-nums\">\n                      {service.value}\n                    </span>\n                  </div>\n                ))}\n            </CardContent>\n          </Card>\n\n          {/* Geographic revenue */}\n          <Card className=\"lg:col-span-2 border-border-seam\">\n            <CardHeader>\n              <CardTitle className=\"text-base\">Revenue by Region</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <div className=\"overflow-x-auto\">\n                <table className=\"w-full text-sm\">\n                  <thead>\n                    <tr className=\"border-b border-border-seam text-left text-text-secondary\">\n                      <th className=\"p-3\">Region</th>\n                      <th className=\"p-3 text-right\">Clients</th>\n                      <th className=\"p-3 text-right\">Revenue</th>\n                      <th className=\"p-3 text-right\">Avg. per Client</th>\n                      <th className=\"p-3\">Share</th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    {geographicData.map((geo) => {\n                      const totalRevenue = geographicData.reduce((s, g) => s + g.revenue, 0);\n                      const pct = Math.round((geo.revenue / totalRevenue) * 100);\n                      const avgPerClient = Math.round(geo.revenue / geo.clients);\n                      return (\n                        <tr\n                          key={geo.country}\n                          className=\"border-b border-border-seam hover:bg-bg-sunken\"\n                        >\n                          <td className=\"p-3 font-medium\">{geo.country}</td>\n                          <td className=\"p-3 text-right tabular-nums\">{geo.clients}</td>\n                          <td className=\"p-3 text-right font-medium tabular-nums\">\n                            ${(geo.revenue / 1000).toFixed(0)}k\n                          </td>\n                          <td className=\"p-3 text-right text-text-secondary tabular-nums\">\n                            ${avgPerClient.toLocaleString()}\n                          </td>\n                          <td className=\"p-3\">\n                            <div className=\"flex items-center gap-2\">\n                              <div className=\"h-2 flex-1 overflow-hidden rounded-full bg-bg-sunken\">\n                                <div\n                                  className=\"h-2 rounded-full bg-accent-blue\"\n                                  style={{ width: `${pct}%` }}\n                                />\n                              </div>\n                              <span className=\"w-10 text-right text-xs tabular-nums\">{pct}%</span>\n                            </div>\n                          </td>\n                        </tr>\n                      );\n                    })}\n                  </tbody>\n                </table>\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      )}\n\n      {/* Users Tab */}\n      {activeTab === 'users' && (\n        <div className=\"grid gap-6 lg:grid-cols-2\">\n          <Card className=\"border-border-seam\">\n            <CardHeader>\n              <CardTitle className=\"text-base\">User Role Distribution</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {Object.entries(roleCounts).map(([role, count]) => {\n                const pct = Math.round((count / adminUsers.length) * 100);\n                return (\n                  <div key={role} className=\"flex items-center gap-3\">\n                    <span className=\"w-24 text-sm font-medium capitalize\">\n                      {role.replace('_', ' ')}\n                    </span>\n                    <div className=\"flex-1 h-5 bg-bg-sunken rounded overflow-hidden\">\n                      <div\n                        className={`h-5 rounded ${roleColors[role] ?? 'bg-chart-6'}`}\n                        style={{ width: `${pct}%` }}\n                      />\n                    </div>\n                    <span className=\"w-16 text-right text-sm tabular-nums\">\n                      {count} ({pct}%)\n                    </span>\n                  </div>\n                );\n              })}\n            </CardContent>\n          </Card>\n\n          <Card className=\"border-border-seam\">\n            <CardHeader>\n              <CardTitle className=\"text-base\">User Status Distribution</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {Object.entries(statusCounts).map(([status, count]) => {\n                const pct = Math.round((count / adminUsers.length) * 100);\n                return (\n                  <div key={status} className=\"flex items-center gap-3\">\n                    <span className=\"w-24 text-sm font-medium capitalize\">{status}</span>\n                    <div className=\"flex-1 h-5 bg-bg-sunken rounded overflow-hidden\">\n                      <div\n                        className={`h-5 rounded ${statusColors[status] ?? 'bg-chart-6'}`}\n                        style={{ width: `${pct}%` }}\n                      />\n                    </div>\n                    <span className=\"w-16 text-right text-sm tabular-nums\">\n                      {count} ({pct}%)\n                    </span>\n                  </div>\n                );\n              })}\n            </CardContent>\n          </Card>\n\n          {/* Top users by spend */}\n          <Card className=\"lg:col-span-2 border-border-seam\">\n            <CardHeader>\n              <CardTitle className=\"text-base\">Top Users by Spending</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <div className=\"space-y-2\">\n                {[...adminUsers]\n                  .filter((u) => u.totalSpent > 0)\n                  .sort((a, b) => b.totalSpent - a.totalSpent)\n                  .slice(0, 5)\n                  .map((user, idx) => (\n                    <div\n                      key={user.id}\n                      className=\"flex items-center justify-between rounded-lg border border-border-seam p-3\"\n                    >\n                      <div className=\"flex items-center gap-3\">\n                        <span className=\"flex h-8 w-8 items-center justify-center rounded-full bg-accent-soft text-sm font-bold text-text-primary tabular-nums\">\n                          {idx + 1}\n                        </span>\n                        <div>\n                          <p className=\"font-medium\">{user.name}</p>\n                          <p className=\"text-xs text-text-secondary\">{user.email}</p>\n                        </div>\n                      </div>\n                      <div className=\"text-right\">\n                        <p className=\"font-bold tabular-nums\">\n                          ${user.totalSpent.toLocaleString()}\n                        </p>\n                        <p className=\"text-xs text-text-secondary tabular-nums\">\n                          {user.bookingsCount} bookings\n                        </p>\n                      </div>\n                    </div>\n                  ))}\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      )}\n\n      {/* Revenue Tab */}\n      {activeTab === 'revenue' && (\n        <div className=\"space-y-6\">\n          <Card className=\"border-border-seam\">\n            <CardHeader>\n              <CardTitle className=\"text-base\">Monthly Revenue Comparison</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              {revenueData.map((point) => {\n                const growth = point.prev\n                  ? (((point.value - point.prev) / point.prev) * 100).toFixed(1)\n                  : '0';\n                const isPositive = point.prev ? point.value >= point.prev : true;\n                return (\n                  <div key={point.name} className=\"rounded-lg border border-border-seam p-4\">\n                    <div className=\"flex items-center justify-between\">\n                      <div>\n                        <p className=\"font-medium\">{point.name} 2025</p>\n                        <div className=\"mt-1 flex items-center gap-4 text-sm text-text-secondary tabular-nums\">\n                          <span>Current: ${(point.value / 1000).toFixed(1)}k</span>\n                          <span>Previous: ${((point.prev ?? 0) / 1000).toFixed(1)}k</span>\n                        </div>\n                      </div>\n                      <Badge variant={isPositive ? 'default' : 'destructive'}>\n                        {isPositive ? '+' : ''}\n                        {growth}%\n                      </Badge>\n                    </div>\n                    <div className=\"mt-3 flex gap-1 h-4\">\n                      <div\n                        className=\"h-4 rounded bg-accent-blue-subtle\"\n                        style={{ width: `${((point.prev ?? 0) / maxRevenue) * 100}%` }}\n                      />\n                      <div\n                        className=\"h-4 rounded bg-accent-blue\"\n                        style={{\n                          width: `${Math.max(0, ((point.value - (point.prev ?? 0)) / maxRevenue) * 100)}%`,\n                        }}\n                      />\n                    </div>\n                  </div>\n                );\n              })}\n            </CardContent>\n          </Card>\n        </div>\n      )}\n\n      {/* Bookings Tab */}\n      {activeTab === 'bookings' && (\n        <div className=\"grid gap-6 lg:grid-cols-2\">\n          <Card className=\"border-border-seam\">\n            <CardHeader>\n              <CardTitle className=\"text-base\">Bookings by Service Category</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {[...servicePerformance]\n                .sort((a, b) => b.value - a.value)\n                .map((service, idx) => (\n                  <div key={service.name} className=\"flex items-center gap-3\">\n                    <span className=\"w-6 text-sm font-bold text-text-secondary tabular-nums\">\n                      #{idx + 1}\n                    </span>\n                    <div className=\"flex-1\">\n                      <div className=\"flex items-center justify-between text-sm\">\n                        <span className=\"font-medium\">{service.name}</span>\n                        <span className=\"tabular-nums\">{service.value} bookings</span>\n                      </div>\n                      <div className=\"mt-1 h-2 overflow-hidden rounded-full bg-bg-sunken\">\n                        <div\n                          className=\"h-2 rounded-full bg-accent-blue\"\n                          style={{ width: `${(service.value / maxServiceBookings) * 100}%` }}\n                        />\n                      </div>\n                    </div>\n                  </div>\n                ))}\n            </CardContent>\n          </Card>\n\n          <Card className=\"border-border-seam\">\n            <CardHeader>\n              <CardTitle className=\"text-base\">Quick Stats</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              {[\n                {\n                  label: 'Total Bookings',\n                  value: servicePerformance.reduce((s, p) => s + p.value, 0).toLocaleString(),\n                  icon: ShoppingCart,\n                },\n                { label: 'Avg. Booking Value', value: '$3,804', icon: DollarSign },\n                { label: 'Completion Rate', value: '96.5%', icon: TrendingUp },\n                { label: 'Client Satisfaction', value: '4.7/5.0', icon: Star },\n              ].map(({ label, value, icon: Icon }) => (\n                <div\n                  key={label}\n                  className=\"flex items-center justify-between rounded-lg border border-border-seam p-3\"\n                >\n                  <div className=\"flex items-center gap-3\">\n                    <Icon className=\"h-5 w-5 text-text-secondary\" />\n                    <span className=\"text-sm font-medium\">{label}</span>\n                  </div>\n                  <span className=\"text-lg font-bold tabular-nums\">{value}</span>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AdminReportsPage.js","names":[],"sources":["../../../src/proserviceworld/pages/AdminReportsPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  AuroraBackground,\n  GradientText,\n  CTAOverflowMenu,\n  PagePurpose,\n  NextSteps,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  TrendingUp,\n  TrendingDown,\n  Minus,\n  Download,\n  FileText,\n  BarChart3,\n  Calendar,\n  Users,\n  DollarSign,\n  ShoppingCart,\n  Star,\n  AlertTriangle,\n  ArrowUpRight,\n  Shield,\n} from 'lucide-react';\nimport { useProServiceWorldStore } from '../store/proserviceworldStore';\n\ntype ReportTab = 'overview' | 'users' | 'revenue' | 'bookings';\ntype TimeRange = '7d' | '30d' | '90d' | '1y';\n\nexport function AdminReportsPage() {\n  const { adminReportMetrics, revenueData, servicePerformance, geographicData, adminUsers } =\n    useProServiceWorldStore();\n  const [activeTab, setActiveTab] = useState<ReportTab>('overview');\n  const [timeRange, setTimeRange] = useState<TimeRange>('30d');\n\n  const tabs: { key: ReportTab; label: string; icon: typeof BarChart3 }[] = [\n    { key: 'overview', label: 'Overview', icon: BarChart3 },\n    { key: 'users', label: 'Users', icon: Users },\n    { key: 'revenue', label: 'Revenue', icon: DollarSign },\n    { key: 'bookings', label: 'Bookings', icon: ShoppingCart },\n  ];\n\n  const changeIcon = (type: string) => {\n    if (type === 'positive')\n      return <TrendingUp className=\"h-4 w-4 text-status-success-text\" />;\n    if (type === 'negative')\n      return <TrendingDown className=\"h-4 w-4 text-status-error-text\" />;\n    return <Minus className=\"h-4 w-4 text-text-secondary\" />;\n  };\n\n  const changeColor = (type: string) =>\n    type === 'positive'\n      ? 'text-status-success-text'\n      : type === 'negative'\n        ? 'text-status-error-text'\n        : 'text-text-secondary';\n\n  const metricIcons = [Users, Shield, ShoppingCart, DollarSign, Star, AlertTriangle];\n\n  const maxRevenue = Math.max(...revenueData.map((d) => d.value));\n  const maxServiceBookings = Math.max(...servicePerformance.map((d) => d.value));\n\n  // Role distribution\n  const roleCounts = adminUsers.reduce<Record<string, number>>((acc, u) => {\n    acc[u.role] = (acc[u.role] ?? 0) + 1;\n    return acc;\n  }, {});\n\n  // Status distribution\n  const statusCounts = adminUsers.reduce<Record<string, number>>((acc, u) => {\n    acc[u.status] = (acc[u.status] ?? 0) + 1;\n    return acc;\n  }, {});\n\n  const roleColors: Record<string, string> = {\n    client: 'bg-chart-1',\n    provider: 'bg-chart-2',\n    admin: 'bg-chart-3',\n    team_member: 'bg-chart-4',\n  };\n\n  const statusColors: Record<string, string> = {\n    active: 'bg-status-success-text',\n    suspended: 'bg-status-warning-text',\n    pending: 'bg-chart-5',\n    banned: 'bg-status-error-text',\n  };\n\n  return (\n    <div className=\"space-y-6 p-6 bg-bg-canvas min-h-screen\">\n      {/* Hero header — the ONE aurora backdrop for this page. */}\n      <div className=\"relative overflow-hidden rounded-card -mx-2 px-2 pt-1\">\n        <AuroraBackground intensity=\"subtle\" />\n        <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n          <div>\n            <h1 className=\"text-2xl font-semibold tracking-tight\">\n              <GradientText>Admin Reports</GradientText>\n            </h1>\n            <p className=\"text-sm text-text-secondary\">\n              Platform analytics, performance metrics, and operational reports.\n            </p>\n          </div>\n          <CTAOverflowMenu\n            primary={{\n              label: 'Generate Report',\n              onSelect: () => {},\n              icon: <FileText className=\"h-4 w-4\" />,\n            }}\n            actions={[\n              {\n                label: 'Export CSV',\n                onSelect: () => {},\n                icon: <Download className=\"h-4 w-4\" />,\n              },\n            ]}\n          />\n        </div>\n      </div>\n\n      <PagePurpose icon={<BarChart3 className=\"h-4 w-4\" />}>\n        The operational pulse of the platform. Track headline KPIs, dig into revenue, user, and\n        booking trends across time ranges, and export reports for stakeholders — use it to spot\n        what is growing, what needs attention, and where to act next.\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"proserviceworld-admin-reports\"\n        steps={[\n          {\n            id: 'revenue',\n            label: 'Review revenue trends',\n            description: 'Open the Revenue tab to compare months and spot growth or dips.',\n            icon: <DollarSign className=\"h-4 w-4\" />,\n            onClick: () => setActiveTab('revenue'),\n          },\n          {\n            id: 'users',\n            label: 'Check user health',\n            description: 'See role and status distribution plus your top spenders.',\n            icon: <Users className=\"h-4 w-4\" />,\n            onClick: () => setActiveTab('users'),\n          },\n          {\n            id: 'export',\n            label: 'Export a report',\n            description: 'Generate a shareable report or CSV for stakeholders.',\n            icon: <Download className=\"h-4 w-4\" />,\n            onClick: () => {},\n          },\n        ]}\n      />\n\n      {/* Time Range + Tabs */}\n      <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n        <div className=\"flex gap-1 border-b border-border-seam\">\n          {tabs.map(({ key, label, icon: Icon }) => (\n            <button\n              key={key}\n              onClick={() => setActiveTab(key)}\n              aria-pressed={activeTab === key}\n              className={`flex items-center gap-2 border-b-2 px-4 py-2 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${\n                activeTab === key\n                  ? 'border-accent-blue text-accent-blue'\n                  : 'border-transparent text-text-secondary hover:text-text-primary'\n              }`}\n            >\n              <Icon className=\"h-4 w-4\" />\n              {label}\n            </button>\n          ))}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <Calendar className=\"h-4 w-4 text-text-secondary\" />\n          <div className=\"flex rounded border border-border-seam\">\n            {(['7d', '30d', '90d', '1y'] as TimeRange[]).map((range) => (\n              <button\n                key={range}\n                onClick={() => setTimeRange(range)}\n                aria-pressed={timeRange === range}\n                className={`px-3 py-1 text-xs font-medium tabular-nums focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${\n                  timeRange === range\n                    ? 'bg-accent-blue text-action-primary-text'\n                    : 'text-text-secondary hover:bg-bg-sunken'\n                }`}\n              >\n                {range}\n              </button>\n            ))}\n          </div>\n        </div>\n      </div>\n\n      {/* Metric Cards */}\n      <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n        {adminReportMetrics.map((metric, i) => {\n          const MetricIcon = metricIcons[i % metricIcons.length] ?? BarChart3;\n          return (\n            <GlassCard\n              key={i}\n              treatment={i === 0 ? 'glass' : 'metric'}\n              glow={i === 0}\n              className=\"border-border-seam\"\n            >\n              <CardContent className=\"pt-4\">\n                <div className=\"flex items-center justify-between\">\n                  <div className=\"flex items-center gap-2\">\n                    <MetricIcon className=\"h-4 w-4 text-text-secondary\" />\n                    <p className=\"text-sm font-medium text-text-secondary\">{metric.label}</p>\n                  </div>\n                  {changeIcon(metric.changeType)}\n                </div>\n                <p className=\"mt-2 text-3xl font-bold tabular-nums\">{metric.value}</p>\n                <p className={`mt-1 flex items-center gap-1 text-xs ${changeColor(metric.changeType)}`}>\n                  <ArrowUpRight className=\"h-3 w-3\" />\n                  {metric.change} vs last period\n                </p>\n              </CardContent>\n            </GlassCard>\n          );\n        })}\n      </div>\n\n      {/* Overview Tab */}\n      {activeTab === 'overview' && (\n        <div className=\"grid gap-6 lg:grid-cols-2\">\n          {/* Revenue trend */}\n          <Card className=\"border-border-seam\">\n            <CardHeader>\n              <div className=\"flex items-center justify-between\">\n                <CardTitle className=\"text-base\">Platform Revenue</CardTitle>\n                <Badge variant=\"secondary\">Monthly</Badge>\n              </div>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {revenueData.map((point) => (\n                <div key={point.name} className=\"flex items-center gap-3\">\n                  <span className=\"w-10 text-xs text-text-secondary\">{point.name}</span>\n                  <div className=\"flex-1 h-5 bg-bg-sunken rounded overflow-hidden\">\n                    <div\n                      className=\"h-5 bg-accent-blue rounded\"\n                      style={{ width: `${(point.value / maxRevenue) * 100}%` }}\n                    />\n                  </div>\n                  <span className=\"w-16 text-right text-xs font-medium tabular-nums\">\n                    ${(point.value / 1000).toFixed(1)}k\n                  </span>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n\n          {/* Service breakdown */}\n          <Card className=\"border-border-seam\">\n            <CardHeader>\n              <div className=\"flex items-center justify-between\">\n                <CardTitle className=\"text-base\">Service Bookings</CardTitle>\n                <Badge variant=\"secondary\">Total</Badge>\n              </div>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {[...servicePerformance]\n                .sort((a, b) => b.value - a.value)\n                .map((service) => (\n                  <div key={service.name} className=\"flex items-center gap-3\">\n                    <span className=\"w-32 truncate text-xs text-text-secondary\">\n                      {service.name}\n                    </span>\n                    <div className=\"flex-1 h-5 bg-bg-sunken rounded overflow-hidden\">\n                      <div\n                        className=\"h-5 bg-accent-purple rounded\"\n                        style={{ width: `${(service.value / maxServiceBookings) * 100}%` }}\n                      />\n                    </div>\n                    <span className=\"w-12 text-right text-xs font-medium tabular-nums\">\n                      {service.value}\n                    </span>\n                  </div>\n                ))}\n            </CardContent>\n          </Card>\n\n          {/* Geographic revenue */}\n          <Card className=\"lg:col-span-2 border-border-seam\">\n            <CardHeader>\n              <CardTitle className=\"text-base\">Revenue by Region</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <div className=\"overflow-x-auto\">\n                <table className=\"w-full text-sm\">\n                  <thead>\n                    <tr className=\"border-b border-border-seam text-left text-text-secondary\">\n                      <th className=\"p-3\">Region</th>\n                      <th className=\"p-3 text-right\">Clients</th>\n                      <th className=\"p-3 text-right\">Revenue</th>\n                      <th className=\"p-3 text-right\">Avg. per Client</th>\n                      <th className=\"p-3\">Share</th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    {geographicData.map((geo) => {\n                      const totalRevenue = geographicData.reduce((s, g) => s + g.revenue, 0);\n                      const pct = Math.round((geo.revenue / totalRevenue) * 100);\n                      const avgPerClient = Math.round(geo.revenue / geo.clients);\n                      return (\n                        <tr\n                          key={geo.country}\n                          className=\"border-b border-border-seam hover:bg-bg-sunken\"\n                        >\n                          <td className=\"p-3 font-medium\">{geo.country}</td>\n                          <td className=\"p-3 text-right tabular-nums\">{geo.clients}</td>\n                          <td className=\"p-3 text-right font-medium tabular-nums\">\n                            ${(geo.revenue / 1000).toFixed(0)}k\n                          </td>\n                          <td className=\"p-3 text-right text-text-secondary tabular-nums\">\n                            ${avgPerClient.toLocaleString()}\n                          </td>\n                          <td className=\"p-3\">\n                            <div className=\"flex items-center gap-2\">\n                              <div className=\"h-2 flex-1 overflow-hidden rounded-full bg-bg-sunken\">\n                                <div\n                                  className=\"h-2 rounded-full bg-accent-blue\"\n                                  style={{ width: `${pct}%` }}\n                                />\n                              </div>\n                              <span className=\"w-10 text-right text-xs tabular-nums\">{pct}%</span>\n                            </div>\n                          </td>\n                        </tr>\n                      );\n                    })}\n                  </tbody>\n                </table>\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      )}\n\n      {/* Users Tab */}\n      {activeTab === 'users' && (\n        <div className=\"grid gap-6 lg:grid-cols-2\">\n          <Card className=\"border-border-seam\">\n            <CardHeader>\n              <CardTitle className=\"text-base\">User Role Distribution</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {Object.entries(roleCounts).map(([role, count]) => {\n                const pct = Math.round((count / adminUsers.length) * 100);\n                return (\n                  <div key={role} className=\"flex items-center gap-3\">\n                    <span className=\"w-24 text-sm font-medium capitalize\">\n                      {role.replace('_', ' ')}\n                    </span>\n                    <div className=\"flex-1 h-5 bg-bg-sunken rounded overflow-hidden\">\n                      <div\n                        className={`h-5 rounded ${roleColors[role] ?? 'bg-chart-6'}`}\n                        style={{ width: `${pct}%` }}\n                      />\n                    </div>\n                    <span className=\"w-16 text-right text-sm tabular-nums\">\n                      {count} ({pct}%)\n                    </span>\n                  </div>\n                );\n              })}\n            </CardContent>\n          </Card>\n\n          <Card className=\"border-border-seam\">\n            <CardHeader>\n              <CardTitle className=\"text-base\">User Status Distribution</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {Object.entries(statusCounts).map(([status, count]) => {\n                const pct = Math.round((count / adminUsers.length) * 100);\n                return (\n                  <div key={status} className=\"flex items-center gap-3\">\n                    <span className=\"w-24 text-sm font-medium capitalize\">{status}</span>\n                    <div className=\"flex-1 h-5 bg-bg-sunken rounded overflow-hidden\">\n                      <div\n                        className={`h-5 rounded ${statusColors[status] ?? 'bg-chart-6'}`}\n                        style={{ width: `${pct}%` }}\n                      />\n                    </div>\n                    <span className=\"w-16 text-right text-sm tabular-nums\">\n                      {count} ({pct}%)\n                    </span>\n                  </div>\n                );\n              })}\n            </CardContent>\n          </Card>\n\n          {/* Top users by spend */}\n          <Card className=\"lg:col-span-2 border-border-seam\">\n            <CardHeader>\n              <CardTitle className=\"text-base\">Top Users by Spending</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <div className=\"space-y-2\">\n                {[...adminUsers]\n                  .filter((u) => u.totalSpent > 0)\n                  .sort((a, b) => b.totalSpent - a.totalSpent)\n                  .slice(0, 5)\n                  .map((user, idx) => (\n                    <div\n                      key={user.id}\n                      className=\"flex items-center justify-between rounded-lg border border-border-seam p-3\"\n                    >\n                      <div className=\"flex items-center gap-3\">\n                        <span className=\"flex h-8 w-8 items-center justify-center rounded-full bg-accent-soft text-sm font-bold text-text-primary tabular-nums\">\n                          {idx + 1}\n                        </span>\n                        <div>\n                          <p className=\"font-medium\">{user.name}</p>\n                          <p className=\"text-xs text-text-secondary\">{user.email}</p>\n                        </div>\n                      </div>\n                      <div className=\"text-right\">\n                        <p className=\"font-bold tabular-nums\">\n                          ${user.totalSpent.toLocaleString()}\n                        </p>\n                        <p className=\"text-xs text-text-secondary tabular-nums\">\n                          {user.bookingsCount} bookings\n                        </p>\n                      </div>\n                    </div>\n                  ))}\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      )}\n\n      {/* Revenue Tab */}\n      {activeTab === 'revenue' && (\n        <div className=\"space-y-6\">\n          <Card className=\"border-border-seam\">\n            <CardHeader>\n              <CardTitle className=\"text-base\">Monthly Revenue Comparison</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              {revenueData.map((point) => {\n                const growth = point.prev\n                  ? (((point.value - point.prev) / point.prev) * 100).toFixed(1)\n                  : '0';\n                const isPositive = point.prev ? point.value >= point.prev : true;\n                return (\n                  <div key={point.name} className=\"rounded-lg border border-border-seam p-4\">\n                    <div className=\"flex items-center justify-between\">\n                      <div>\n                        <p className=\"font-medium\">{point.name} 2025</p>\n                        <div className=\"mt-1 flex items-center gap-4 text-sm text-text-secondary tabular-nums\">\n                          <span>Current: ${(point.value / 1000).toFixed(1)}k</span>\n                          <span>Previous: ${((point.prev ?? 0) / 1000).toFixed(1)}k</span>\n                        </div>\n                      </div>\n                      <Badge variant={isPositive ? 'default' : 'destructive'}>\n                        {isPositive ? '+' : ''}\n                        {growth}%\n                      </Badge>\n                    </div>\n                    <div className=\"mt-3 flex gap-1 h-4\">\n                      <div\n                        className=\"h-4 rounded bg-accent-blue-subtle\"\n                        style={{ width: `${((point.prev ?? 0) / maxRevenue) * 100}%` }}\n                      />\n                      <div\n                        className=\"h-4 rounded bg-accent-blue\"\n                        style={{\n                          width: `${Math.max(0, ((point.value - (point.prev ?? 0)) / maxRevenue) * 100)}%`,\n                        }}\n                      />\n                    </div>\n                  </div>\n                );\n              })}\n            </CardContent>\n          </Card>\n        </div>\n      )}\n\n      {/* Bookings Tab */}\n      {activeTab === 'bookings' && (\n        <div className=\"grid gap-6 lg:grid-cols-2\">\n          <Card className=\"border-border-seam\">\n            <CardHeader>\n              <CardTitle className=\"text-base\">Bookings by Service Category</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {[...servicePerformance]\n                .sort((a, b) => b.value - a.value)\n                .map((service, idx) => (\n                  <div key={service.name} className=\"flex items-center gap-3\">\n                    <span className=\"w-6 text-sm font-bold text-text-secondary tabular-nums\">\n                      #{idx + 1}\n                    </span>\n                    <div className=\"flex-1\">\n                      <div className=\"flex items-center justify-between text-sm\">\n                        <span className=\"font-medium\">{service.name}</span>\n                        <span className=\"tabular-nums\">{service.value} bookings</span>\n                      </div>\n                      <div className=\"mt-1 h-2 overflow-hidden rounded-full bg-bg-sunken\">\n                        <div\n                          className=\"h-2 rounded-full bg-accent-blue\"\n                          style={{ width: `${(service.value / maxServiceBookings) * 100}%` }}\n                        />\n                      </div>\n                    </div>\n                  </div>\n                ))}\n            </CardContent>\n          </Card>\n\n          <Card className=\"border-border-seam\">\n            <CardHeader>\n              <CardTitle className=\"text-base\">Quick Stats</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              {[\n                {\n                  label: 'Total Bookings',\n                  value: servicePerformance.reduce((s, p) => s + p.value, 0).toLocaleString(),\n                  icon: ShoppingCart,\n                },\n                { label: 'Avg. Booking Value', value: '$3,804', icon: DollarSign },\n                { label: 'Completion Rate', value: '96.5%', icon: TrendingUp },\n                { label: 'Client Satisfaction', value: '4.7/5.0', icon: Star },\n              ].map(({ label, value, icon: Icon }) => (\n                <div\n                  key={label}\n                  className=\"flex items-center justify-between rounded-lg border border-border-seam p-3\"\n                >\n                  <div className=\"flex items-center gap-3\">\n                    <Icon className=\"h-5 w-5 text-text-secondary\" />\n                    <span className=\"text-sm font-medium\">{label}</span>\n                  </div>\n                  <span className=\"text-lg font-bold tabular-nums\">{value}</span>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}