npm - @burdenoff/microfe-proserviceworld - Versions diffs - 2026.509.101 - Mend

@burdenoff/microfe-proserviceworld 2026.509.101

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (106) hide show

package/dist/proserviceworld/pages/AdminReportsPage.js ADDED Viewed

@@ -0,0 +1,512 @@
+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 { Badge as v, Button as y, Card as b, CardContent as x, CardHeader as S, CardTitle as C } from "@burdenoff/fe-libs/ui";
+//#region src/proserviceworld/pages/AdminReportsPage.tsx
+function w() {
+	let { adminReportMetrics: w, revenueData: T, servicePerformance: E, geographicData: D, adminUsers: O } = e(), [k, A] = t("overview"), [j, M] = t("30d"), N = [
+		{
+			key: "overview",
+			label: "Overview",
+			icon: i
+		},
+		{
+			key: "users",
+			label: "Users",
+			icon: h
+		},
+		{
+			key: "revenue",
+			label: "Revenue",
+			icon: o
+		},
+		{
+			key: "bookings",
+			label: "Bookings",
+			icon: d
+		}
+	], P = (e) => e === "positive" ? /* @__PURE__ */ g(m, { className: "h-4 w-4 text-green-500" }) : e === "negative" ? /* @__PURE__ */ g(p, { className: "h-4 w-4 text-red-500" }) : /* @__PURE__ */ g(l, { className: "h-4 w-4 text-gray-400" }), F = [
+		h,
+		u,
+		d,
+		o,
+		f,
+		n
+	], I = Math.max(...T.map((e) => e.value)), L = Math.max(...E.map((e) => e.value)), R = O.reduce((e, t) => (e[t.role] = (e[t.role] ?? 0) + 1, e), {}), z = O.reduce((e, t) => (e[t.status] = (e[t.status] ?? 0) + 1, e), {});
+	return /* @__PURE__ */ _("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ _("div", {
+				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
+				children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("h1", {
+					className: "text-2xl font-semibold",
+					children: "Admin Reports"
+				}), /* @__PURE__ */ g("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Platform analytics, performance metrics, and operational reports."
+				})] }), /* @__PURE__ */ _("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ _(y, {
+						variant: "outline",
+						size: "sm",
+						children: [/* @__PURE__ */ g(c, { className: "mr-2 h-4 w-4" }), " Generate Report"]
+					}), /* @__PURE__ */ _(y, {
+						variant: "outline",
+						size: "sm",
+						children: [/* @__PURE__ */ g(s, { className: "mr-2 h-4 w-4" }), " Export CSV"]
+					})]
+				})]
+			}),
+			/* @__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",
+					children: N.map(({ key: e, label: t, icon: n }) => /* @__PURE__ */ _("button", {
+						onClick: () => A(e),
+						className: `flex items-center gap-2 border-b-2 px-4 py-2 text-sm font-medium transition-colors ${k === e ? "border-primary text-primary" : "border-transparent text-muted-foreground hover:text-foreground"}`,
+						children: [/* @__PURE__ */ g(n, { className: "h-4 w-4" }), t]
+					}, e))
+				}), /* @__PURE__ */ _("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ g(a, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ g("div", {
+						className: "flex rounded border",
+						children: [
+							"7d",
+							"30d",
+							"90d",
+							"1y"
+						].map((e) => /* @__PURE__ */ g("button", {
+							onClick: () => M(e),
+							className: `px-3 py-1 text-xs font-medium ${j === e ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted/50"}`,
+							children: e
+						}, e))
+					})]
+				})]
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-3",
+				children: w.map((e, t) => /* @__PURE__ */ g(b, { children: /* @__PURE__ */ _(x, {
+					className: "pt-4",
+					children: [
+						/* @__PURE__ */ _("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ _("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ g(F[t % F.length] ?? i, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ g("p", {
+									className: "text-sm font-medium text-muted-foreground",
+									children: e.label
+								})]
+							}), P(e.changeType)]
+						}),
+						/* @__PURE__ */ g("p", {
+							className: "mt-2 text-3xl font-bold",
+							children: e.value
+						}),
+						/* @__PURE__ */ _("p", {
+							className: `mt-1 flex items-center gap-1 text-xs ${e.changeType === "positive" ? "text-green-600" : e.changeType === "negative" ? "text-red-600" : "text-gray-500"}`,
+							children: [
+								/* @__PURE__ */ g(r, { className: "h-3 w-3" }),
+								e.change,
+								" vs last period"
+							]
+						})
+					]
+				}) }, t))
+			}),
+			k === "overview" && /* @__PURE__ */ _("div", {
+				className: "grid gap-6 lg:grid-cols-2",
+				children: [
+					/* @__PURE__ */ _(b, { children: [/* @__PURE__ */ g(S, { children: /* @__PURE__ */ _("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ g(C, {
+							className: "text-base",
+							children: "Platform Revenue"
+						}), /* @__PURE__ */ g(v, {
+							variant: "secondary",
+							children: "Monthly"
+						})]
+					}) }), /* @__PURE__ */ g(x, {
+						className: "space-y-3",
+						children: T.map((e) => /* @__PURE__ */ _("div", {
+							className: "flex items-center gap-3",
+							children: [
+								/* @__PURE__ */ g("span", {
+									className: "w-10 text-xs text-muted-foreground",
+									children: e.name
+								}),
+								/* @__PURE__ */ g("div", {
+									className: "flex-1 h-5 bg-muted rounded overflow-hidden",
+									children: /* @__PURE__ */ g("div", {
+										className: "h-5 bg-primary rounded",
+										style: { width: `${e.value / I * 100}%` }
+									})
+								}),
+								/* @__PURE__ */ _("span", {
+									className: "w-16 text-right text-xs font-medium",
+									children: [
+										"$",
+										(e.value / 1e3).toFixed(1),
+										"k"
+									]
+								})
+							]
+						}, e.name))
+					})] }),
+					/* @__PURE__ */ _(b, { children: [/* @__PURE__ */ g(S, { children: /* @__PURE__ */ _("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ g(C, {
+							className: "text-base",
+							children: "Service Bookings"
+						}), /* @__PURE__ */ g(v, {
+							variant: "secondary",
+							children: "Total"
+						})]
+					}) }), /* @__PURE__ */ g(x, {
+						className: "space-y-3",
+						children: [...E].sort((e, t) => t.value - e.value).map((e) => /* @__PURE__ */ _("div", {
+							className: "flex items-center gap-3",
+							children: [
+								/* @__PURE__ */ g("span", {
+									className: "w-32 truncate text-xs text-muted-foreground",
+									children: e.name
+								}),
+								/* @__PURE__ */ g("div", {
+									className: "flex-1 h-5 bg-muted rounded overflow-hidden",
+									children: /* @__PURE__ */ g("div", {
+										className: "h-5 bg-blue-500 rounded",
+										style: { width: `${e.value / L * 100}%` }
+									})
+								}),
+								/* @__PURE__ */ g("span", {
+									className: "w-12 text-right text-xs font-medium",
+									children: e.value
+								})
+							]
+						}, e.name))
+					})] }),
+					/* @__PURE__ */ _(b, {
+						className: "lg:col-span-2",
+						children: [/* @__PURE__ */ g(S, { children: /* @__PURE__ */ g(C, {
+							className: "text-base",
+							children: "Revenue by Region"
+						}) }), /* @__PURE__ */ g(x, { children: /* @__PURE__ */ g("div", {
+							className: "overflow-x-auto",
+							children: /* @__PURE__ */ _("table", {
+								className: "w-full text-sm",
+								children: [/* @__PURE__ */ g("thead", { children: /* @__PURE__ */ _("tr", {
+									className: "border-b text-left text-muted-foreground",
+									children: [
+										/* @__PURE__ */ g("th", {
+											className: "p-3",
+											children: "Region"
+										}),
+										/* @__PURE__ */ g("th", {
+											className: "p-3 text-right",
+											children: "Clients"
+										}),
+										/* @__PURE__ */ g("th", {
+											className: "p-3 text-right",
+											children: "Revenue"
+										}),
+										/* @__PURE__ */ g("th", {
+											className: "p-3 text-right",
+											children: "Avg. per Client"
+										}),
+										/* @__PURE__ */ g("th", {
+											className: "p-3",
+											children: "Share"
+										})
+									]
+								}) }), /* @__PURE__ */ g("tbody", { children: D.map((e) => {
+									let t = D.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 hover:bg-muted/50",
+										children: [
+											/* @__PURE__ */ g("td", {
+												className: "p-3 font-medium",
+												children: e.country
+											}),
+											/* @__PURE__ */ g("td", {
+												className: "p-3 text-right",
+												children: e.clients
+											}),
+											/* @__PURE__ */ _("td", {
+												className: "p-3 text-right font-medium",
+												children: [
+													"$",
+													(e.revenue / 1e3).toFixed(0),
+													"k"
+												]
+											}),
+											/* @__PURE__ */ _("td", {
+												className: "p-3 text-right text-muted-foreground",
+												children: ["$", r.toLocaleString()]
+											}),
+											/* @__PURE__ */ g("td", {
+												className: "p-3",
+												children: /* @__PURE__ */ _("div", {
+													className: "flex items-center gap-2",
+													children: [/* @__PURE__ */ g("div", {
+														className: "h-2 flex-1 overflow-hidden rounded-full bg-muted",
+														children: /* @__PURE__ */ g("div", {
+															className: "h-2 rounded-full bg-primary",
+															style: { width: `${n}%` }
+														})
+													}), /* @__PURE__ */ _("span", {
+														className: "w-10 text-right text-xs",
+														children: [n, "%"]
+													})]
+												})
+											})
+										]
+									}, e.country);
+								}) })]
+							})
+						}) })]
+					})
+				]
+			}),
+			k === "users" && /* @__PURE__ */ _("div", {
+				className: "grid gap-6 lg:grid-cols-2",
+				children: [
+					/* @__PURE__ */ _(b, { children: [/* @__PURE__ */ g(S, { children: /* @__PURE__ */ g(C, {
+						className: "text-base",
+						children: "User Role Distribution"
+					}) }), /* @__PURE__ */ g(x, {
+						className: "space-y-3",
+						children: Object.entries(R).map(([e, t]) => {
+							let n = Math.round(t / O.length * 100);
+							return /* @__PURE__ */ _("div", {
+								className: "flex items-center gap-3",
+								children: [
+									/* @__PURE__ */ g("span", {
+										className: "w-24 text-sm font-medium capitalize",
+										children: e.replace("_", " ")
+									}),
+									/* @__PURE__ */ g("div", {
+										className: "flex-1 h-5 bg-muted rounded overflow-hidden",
+										children: /* @__PURE__ */ g("div", {
+											className: `h-5 rounded ${{
+												client: "bg-blue-500",
+												provider: "bg-green-500",
+												admin: "bg-red-500",
+												team_member: "bg-purple-500"
+											}[e] ?? "bg-gray-400"}`,
+											style: { width: `${n}%` }
+										})
+									}),
+									/* @__PURE__ */ _("span", {
+										className: "w-16 text-right text-sm",
+										children: [
+											t,
+											" (",
+											n,
+											"%)"
+										]
+									})
+								]
+							}, e);
+						})
+					})] }),
+					/* @__PURE__ */ _(b, { children: [/* @__PURE__ */ g(S, { children: /* @__PURE__ */ g(C, {
+						className: "text-base",
+						children: "User Status Distribution"
+					}) }), /* @__PURE__ */ g(x, {
+						className: "space-y-3",
+						children: Object.entries(z).map(([e, t]) => {
+							let n = Math.round(t / O.length * 100);
+							return /* @__PURE__ */ _("div", {
+								className: "flex items-center gap-3",
+								children: [
+									/* @__PURE__ */ g("span", {
+										className: "w-24 text-sm font-medium capitalize",
+										children: e
+									}),
+									/* @__PURE__ */ g("div", {
+										className: "flex-1 h-5 bg-muted rounded overflow-hidden",
+										children: /* @__PURE__ */ g("div", {
+											className: `h-5 rounded ${{
+												active: "bg-green-500",
+												suspended: "bg-orange-500",
+												pending: "bg-yellow-500",
+												banned: "bg-red-500"
+											}[e] ?? "bg-gray-400"}`,
+											style: { width: `${n}%` }
+										})
+									}),
+									/* @__PURE__ */ _("span", {
+										className: "w-16 text-right text-sm",
+										children: [
+											t,
+											" (",
+											n,
+											"%)"
+										]
+									})
+								]
+							}, e);
+						})
+					})] }),
+					/* @__PURE__ */ _(b, {
+						className: "lg:col-span-2",
+						children: [/* @__PURE__ */ g(S, { children: /* @__PURE__ */ g(C, {
+							className: "text-base",
+							children: "Top Users by Spending"
+						}) }), /* @__PURE__ */ g(x, { children: /* @__PURE__ */ g("div", {
+							className: "space-y-2",
+							children: [...O].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 p-3",
+								children: [/* @__PURE__ */ _("div", {
+									className: "flex items-center gap-3",
+									children: [/* @__PURE__ */ g("span", {
+										className: "flex h-8 w-8 items-center justify-center rounded-full bg-primary/10 text-sm font-bold text-primary",
+										children: t + 1
+									}), /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ g("p", {
+										className: "font-medium",
+										children: e.name
+									}), /* @__PURE__ */ g("p", {
+										className: "text-xs text-muted-foreground",
+										children: e.email
+									})] })]
+								}), /* @__PURE__ */ _("div", {
+									className: "text-right",
+									children: [/* @__PURE__ */ _("p", {
+										className: "font-bold",
+										children: ["$", e.totalSpent.toLocaleString()]
+									}), /* @__PURE__ */ _("p", {
+										className: "text-xs text-muted-foreground",
+										children: [e.bookingsCount, " bookings"]
+									})]
+								})]
+							}, e.id))
+						}) })]
+					})
+				]
+			}),
+			k === "revenue" && /* @__PURE__ */ g("div", {
+				className: "space-y-6",
+				children: /* @__PURE__ */ _(b, { children: [/* @__PURE__ */ g(S, { children: /* @__PURE__ */ g(C, {
+					className: "text-base",
+					children: "Monthly Revenue Comparison"
+				}) }), /* @__PURE__ */ g(x, {
+					className: "space-y-4",
+					children: T.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 p-4",
+							children: [/* @__PURE__ */ _("div", {
+								className: "flex items-center justify-between",
+								children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("p", {
+									className: "font-medium",
+									children: [e.name, " 2025"]
+								}), /* @__PURE__ */ _("div", {
+									className: "mt-1 flex items-center gap-4 text-sm text-muted-foreground",
+									children: [/* @__PURE__ */ _("span", { children: [
+										"Current: $",
+										(e.value / 1e3).toFixed(1),
+										"k"
+									] }), /* @__PURE__ */ _("span", { children: [
+										"Previous: $",
+										((e.prev ?? 0) / 1e3).toFixed(1),
+										"k"
+									] })]
+								})] }), /* @__PURE__ */ _(v, {
+									variant: n ? "default" : "destructive",
+									children: [
+										n ? "+" : "",
+										t,
+										"%"
+									]
+								})]
+							}), /* @__PURE__ */ _("div", {
+								className: "mt-3 flex gap-1 h-4",
+								children: [/* @__PURE__ */ g("div", {
+									className: "h-4 rounded bg-primary/30",
+									style: { width: `${(e.prev ?? 0) / I * 100}%` }
+								}), /* @__PURE__ */ g("div", {
+									className: "h-4 rounded bg-primary",
+									style: { width: `${Math.max(0, (e.value - (e.prev ?? 0)) / I * 100)}%` }
+								})]
+							})]
+						}, e.name);
+					})
+				})] })
+			}),
+			k === "bookings" && /* @__PURE__ */ _("div", {
+				className: "grid gap-6 lg:grid-cols-2",
+				children: [/* @__PURE__ */ _(b, { children: [/* @__PURE__ */ g(S, { children: /* @__PURE__ */ g(C, {
+					className: "text-base",
+					children: "Bookings by Service Category"
+				}) }), /* @__PURE__ */ g(x, {
+					className: "space-y-3",
+					children: [...E].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-muted-foreground",
+							children: ["#", t + 1]
+						}), /* @__PURE__ */ _("div", {
+							className: "flex-1",
+							children: [/* @__PURE__ */ _("div", {
+								className: "flex items-center justify-between text-sm",
+								children: [/* @__PURE__ */ g("span", {
+									className: "font-medium",
+									children: e.name
+								}), /* @__PURE__ */ _("span", { children: [e.value, " bookings"] })]
+							}), /* @__PURE__ */ g("div", {
+								className: "mt-1 h-2 overflow-hidden rounded-full bg-muted",
+								children: /* @__PURE__ */ g("div", {
+									className: "h-2 rounded-full bg-primary",
+									style: { width: `${e.value / L * 100}%` }
+								})
+							})]
+						})]
+					}, e.name))
+				})] }), /* @__PURE__ */ _(b, { children: [/* @__PURE__ */ g(S, { children: /* @__PURE__ */ g(C, {
+					className: "text-base",
+					children: "Quick Stats"
+				}) }), /* @__PURE__ */ g(x, {
+					className: "space-y-4",
+					children: [
+						{
+							label: "Total Bookings",
+							value: E.reduce((e, t) => e + t.value, 0).toLocaleString(),
+							icon: d
+						},
+						{
+							label: "Avg. Booking Value",
+							value: "$3,804",
+							icon: o
+						},
+						{
+							label: "Completion Rate",
+							value: "96.5%",
+							icon: m
+						},
+						{
+							label: "Client Satisfaction",
+							value: "4.7/5.0",
+							icon: f
+						}
+					].map(({ label: e, value: t, icon: n }) => /* @__PURE__ */ _("div", {
+						className: "flex items-center justify-between rounded-lg border p-3",
+						children: [/* @__PURE__ */ _("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ g(n, { className: "h-5 w-5 text-muted-foreground" }), /* @__PURE__ */ g("span", {
+								className: "text-sm font-medium",
+								children: e
+							})]
+						}), /* @__PURE__ */ g("span", {
+							className: "text-lg font-bold",
+							children: t
+						})]
+					}, e))
+				})] })]
+			})
+		]
+	});
+}
+//#endregion
+export { w as AdminReportsPage };
+//# sourceMappingURL=AdminReportsPage.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"AdminReportsPage.js","names":[],"sources":["../../../src/proserviceworld/pages/AdminReportsPage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Badge, Button, Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport {\n TrendingUp,\n TrendingDown,\n Minus,\n Download,\n FileText,\n BarChart3,\n PieChart,\n Calendar,\n Filter,\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') return <TrendingUp className=\"h-4 w-4 text-green-500\" />;\n if (type === 'negative') return <TrendingDown className=\"h-4 w-4 text-red-500\" />;\n return <Minus className=\"h-4 w-4 text-gray-400\" />;\n };\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 return (\n <div className=\"space-y-6 p-6\">\n {/* Header */}\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\">Admin Reports</h1>\n <p className=\"text-sm text-muted-foreground\">\n Platform analytics, performance metrics, and operational reports.\n </p>\n </div>\n <div className=\"flex gap-2\">\n <Button variant=\"outline\" size=\"sm\">\n <FileText className=\"mr-2 h-4 w-4\" /> Generate Report\n </Button>\n <Button variant=\"outline\" size=\"sm\">\n <Download className=\"mr-2 h-4 w-4\" /> Export CSV\n </Button>\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\">\n {tabs.map(({ key, label, icon: Icon }) => (\n <button\n key={key}\n onClick={() => setActiveTab(key)}\n className={`flex items-center gap-2 border-b-2 px-4 py-2 text-sm font-medium transition-colors ${\n activeTab === key\n ? 'border-primary text-primary'\n : 'border-transparent text-muted-foreground hover:text-foreground'\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-muted-foreground\" />\n <div className=\"flex rounded border\">\n {(['7d', '30d', '90d', '1y'] as TimeRange[]).map((range) => (\n <button\n key={range}\n onClick={() => setTimeRange(range)}\n className={`px-3 py-1 text-xs font-medium ${\n timeRange === range\n ? 'bg-primary text-primary-foreground'\n : 'text-muted-foreground hover:bg-muted/50'\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 <Card key={i}>\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-muted-foreground\" />\n <p className=\"text-sm font-medium text-muted-foreground\">{metric.label}</p>\n </div>\n {changeIcon(metric.changeType)}\n </div>\n <p className=\"mt-2 text-3xl font-bold\">{metric.value}</p>\n <p\n className={`mt-1 flex items-center gap-1 text-xs ${\n metric.changeType === 'positive'\n ? 'text-green-600'\n : metric.changeType === 'negative'\n ? 'text-red-600'\n : 'text-gray-500'\n }`}\n >\n <ArrowUpRight className=\"h-3 w-3\" />\n {metric.change} vs last period\n </p>\n </CardContent>\n </Card>\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>\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-muted-foreground\">{point.name}</span>\n <div className=\"flex-1 h-5 bg-muted rounded overflow-hidden\">\n <div\n className=\"h-5 bg-primary rounded\"\n style={{ width: `${(point.value / maxRevenue) * 100}%` }}\n />\n </div>\n <span className=\"w-16 text-right text-xs font-medium\">\n ${(point.value / 1000).toFixed(1)}k\n </span>\n </div>\n ))}\n </CardContent>\n </Card>\n\n {/* Service breakdown */}\n <Card>\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-muted-foreground\">\n {service.name}\n </span>\n <div className=\"flex-1 h-5 bg-muted rounded overflow-hidden\">\n <div\n className=\"h-5 bg-blue-500 rounded\"\n style={{ width: `${(service.value / maxServiceBookings) * 100}%` }}\n />\n </div>\n <span className=\"w-12 text-right text-xs font-medium\">{service.value}</span>\n </div>\n ))}\n </CardContent>\n </Card>\n\n {/* Geographic revenue */}\n <Card className=\"lg:col-span-2\">\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 text-left text-muted-foreground\">\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 key={geo.country} className=\"border-b hover:bg-muted/50\">\n <td className=\"p-3 font-medium\">{geo.country}</td>\n <td className=\"p-3 text-right\">{geo.clients}</td>\n <td className=\"p-3 text-right font-medium\">\n ${(geo.revenue / 1000).toFixed(0)}k\n </td>\n <td className=\"p-3 text-right text-muted-foreground\">\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-muted\">\n <div\n className=\"h-2 rounded-full bg-primary\"\n style={{ width: `${pct}%` }}\n />\n </div>\n <span className=\"w-10 text-right text-xs\">{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>\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 const roleColors: Record<string, string> = {\n client: 'bg-blue-500',\n provider: 'bg-green-500',\n admin: 'bg-red-500',\n team_member: 'bg-purple-500',\n };\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-muted rounded overflow-hidden\">\n <div\n className={`h-5 rounded ${roleColors[role] ?? 'bg-gray-400'}`}\n style={{ width: `${pct}%` }}\n />\n </div>\n <span className=\"w-16 text-right text-sm\">\n {count} ({pct}%)\n </span>\n </div>\n );\n })}\n </CardContent>\n </Card>\n\n <Card>\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 const statusColors: Record<string, string> = {\n active: 'bg-green-500',\n suspended: 'bg-orange-500',\n pending: 'bg-yellow-500',\n banned: 'bg-red-500',\n };\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-muted rounded overflow-hidden\">\n <div\n className={`h-5 rounded ${statusColors[status] ?? 'bg-gray-400'}`}\n style={{ width: `${pct}%` }}\n />\n </div>\n <span className=\"w-16 text-right text-sm\">\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\">\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 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-primary/10 text-sm font-bold text-primary\">\n {idx + 1}\n </span>\n <div>\n <p className=\"font-medium\">{user.name}</p>\n <p className=\"text-xs text-muted-foreground\">{user.email}</p>\n </div>\n </div>\n <div className=\"text-right\">\n <p className=\"font-bold\">${user.totalSpent.toLocaleString()}</p>\n <p className=\"text-xs text-muted-foreground\">\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>\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 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-muted-foreground\">\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-primary/30\"\n style={{ width: `${((point.prev ?? 0) / maxRevenue) * 100}%` }}\n />\n <div\n className=\"h-4 rounded bg-primary\"\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>\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-muted-foreground\">#{idx + 1}</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>{service.value} bookings</span>\n </div>\n <div className=\"mt-1 h-2 overflow-hidden rounded-full bg-muted\">\n <div\n className=\"h-2 rounded-full bg-primary\"\n style={{ width: `${(service.value / maxServiceBookings) * 100}%` }}\n />\n </div>\n </div>\n </div>\n ))}\n </CardContent>\n </Card>\n\n <Card>\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 p-3\"\n >\n <div className=\"flex items-center gap-3\">\n <Icon className=\"h-5 w-5 text-muted-foreground\" />\n <span className=\"text-sm font-medium\">{label}</span>\n </div>\n <span className=\"text-lg font-bold\">{value}</span>\n </div>\n ))}\n </CardContent>\n </Card>\n </div>\n )}\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/proserviceworld/pages/AdminUsersPage.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ export declare function AdminUsersPage(): import("react/jsx-runtime").JSX.Element;
2	+ //# sourceMappingURL=AdminUsersPage.d.ts.map

package/dist/proserviceworld/pages/AdminUsersPage.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"AdminUsersPage.d.ts","sourceRoot":"","sources":["../../../src/proserviceworld/pages/AdminUsersPage.tsx"],"names":[],"mappings":"AAmDA,wBAAgB,cAAc,4CA2S7B"}