@burdenoff/microfe-proserviceworld 2026.509.101

package/dist/proserviceworld/pages/AdminUsersPage.js

@@ -0,0 +1,444 @@
+import { useProServiceWorldStore as e } from "../store/proserviceworldStore.js";
+import { useMemo as t, useState as n } from "react";
+import { Ban as r, CheckCircle2 as i, Clock as a, Download as o, Filter as s, Mail as c, MoreHorizontal as l, Plus as u, Search as d, Shield as f, Star as p, UserCheck as m, Users as h, XCircle as g } from "lucide-react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Badge as y, Button as b, Card as x, CardContent as S, Input as C } from "@burdenoff/fe-libs/ui";
+//#region src/proserviceworld/pages/AdminUsersPage.tsx
+var w = {
+	client: {
+		label: "Client",
+		variant: "secondary"
+	},
+	provider: {
+		label: "Provider",
+		variant: "default"
+	},
+	admin: {
+		label: "Admin",
+		variant: "destructive"
+	},
+	team_member: {
+		label: "Team",
+		variant: "outline"
+	}
+}, T = {
+	active: {
+		label: "Active",
+		icon: i,
+		color: "text-green-600"
+	},
+	suspended: {
+		label: "Suspended",
+		icon: r,
+		color: "text-orange-600"
+	},
+	pending: {
+		label: "Pending",
+		icon: a,
+		color: "text-yellow-600"
+	},
+	banned: {
+		label: "Banned",
+		icon: g,
+		color: "text-red-600"
+	}
+};
+function E() {
+	let { adminUsers: r } = e(), [a, E] = n(""), [D, O] = n("all"), [k, A] = n("all"), [j, M] = n(/* @__PURE__ */ new Set()), N = t(() => {
+		let e = [...r];
+		if (D !== "all" && (e = e.filter((e) => e.role === D)), k !== "all" && (e = e.filter((e) => e.status === k)), a.trim()) {
+			let t = a.toLowerCase();
+			e = e.filter((e) => e.name.toLowerCase().includes(t) || e.email.toLowerCase().includes(t));
+		}
+		return e;
+	}, [
+		r,
+		D,
+		k,
+		a
+	]), P = r.length, F = r.filter((e) => e.status === "active").length, I = r.filter((e) => e.role === "provider").length, L = r.filter((e) => e.verified).length, R = (e) => {
+		let t = new Set(j);
+		t.has(e) ? t.delete(e) : t.add(e), M(t);
+	};
+	return /* @__PURE__ */ v("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ v("div", {
+				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
+				children: [/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h1", {
+					className: "text-2xl font-semibold",
+					children: "User Management"
+				}), /* @__PURE__ */ _("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Admin panel to manage platform users, roles, and access."
+				})] }), /* @__PURE__ */ v("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ v(b, {
+						variant: "outline",
+						size: "sm",
+						children: [/* @__PURE__ */ _(o, { className: "mr-2 h-4 w-4" }), " Export"]
+					}), /* @__PURE__ */ v(b, {
+						size: "sm",
+						children: [/* @__PURE__ */ _(u, { className: "mr-2 h-4 w-4" }), " Invite User"]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ v("div", {
+				className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ _(x, { children: /* @__PURE__ */ _(S, {
+						className: "pt-4",
+						children: /* @__PURE__ */ v("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ _("div", {
+								className: "rounded-lg bg-blue-100 p-2 dark:bg-blue-950",
+								children: /* @__PURE__ */ _(h, { className: "h-5 w-5 text-blue-600" })
+							}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+								className: "text-2xl font-bold",
+								children: P
+							}), /* @__PURE__ */ _("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Total Users"
+							})] })]
+						})
+					}) }),
+					/* @__PURE__ */ _(x, { children: /* @__PURE__ */ _(S, {
+						className: "pt-4",
+						children: /* @__PURE__ */ v("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ _("div", {
+								className: "rounded-lg bg-green-100 p-2 dark:bg-green-950",
+								children: /* @__PURE__ */ _(m, { className: "h-5 w-5 text-green-600" })
+							}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+								className: "text-2xl font-bold",
+								children: F
+							}), /* @__PURE__ */ _("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Active Users"
+							})] })]
+						})
+					}) }),
+					/* @__PURE__ */ _(x, { children: /* @__PURE__ */ _(S, {
+						className: "pt-4",
+						children: /* @__PURE__ */ v("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ _("div", {
+								className: "rounded-lg bg-purple-100 p-2 dark:bg-purple-950",
+								children: /* @__PURE__ */ _(f, { className: "h-5 w-5 text-purple-600" })
+							}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+								className: "text-2xl font-bold",
+								children: I
+							}), /* @__PURE__ */ _("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Providers"
+							})] })]
+						})
+					}) }),
+					/* @__PURE__ */ _(x, { children: /* @__PURE__ */ _(S, {
+						className: "pt-4",
+						children: /* @__PURE__ */ v("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ _("div", {
+								className: "rounded-lg bg-yellow-100 p-2 dark:bg-yellow-950",
+								children: /* @__PURE__ */ _(i, { className: "h-5 w-5 text-yellow-600" })
+							}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+								className: "text-2xl font-bold",
+								children: L
+							}), /* @__PURE__ */ _("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Verified"
+							})] })]
+						})
+					}) })
+				]
+			}),
+			/* @__PURE__ */ v("div", {
+				className: "flex flex-col gap-4 sm:flex-row sm:items-center",
+				children: [/* @__PURE__ */ v("div", {
+					className: "relative flex-1",
+					children: [/* @__PURE__ */ _(d, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ _(C, {
+						placeholder: "Search by name or email...",
+						value: a,
+						onChange: (e) => E(e.target.value),
+						className: "pl-10"
+					})]
+				}), /* @__PURE__ */ v("div", {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ _(s, { className: "h-4 w-4 text-muted-foreground" }),
+						/* @__PURE__ */ v("select", {
+							className: "rounded border bg-background px-2 py-1 text-sm",
+							value: D,
+							onChange: (e) => O(e.target.value),
+							children: [
+								/* @__PURE__ */ _("option", {
+									value: "all",
+									children: "All Roles"
+								}),
+								/* @__PURE__ */ _("option", {
+									value: "client",
+									children: "Client"
+								}),
+								/* @__PURE__ */ _("option", {
+									value: "provider",
+									children: "Provider"
+								}),
+								/* @__PURE__ */ _("option", {
+									value: "admin",
+									children: "Admin"
+								}),
+								/* @__PURE__ */ _("option", {
+									value: "team_member",
+									children: "Team Member"
+								})
+							]
+						}),
+						/* @__PURE__ */ v("select", {
+							className: "rounded border bg-background px-2 py-1 text-sm",
+							value: k,
+							onChange: (e) => A(e.target.value),
+							children: [
+								/* @__PURE__ */ _("option", {
+									value: "all",
+									children: "All Status"
+								}),
+								/* @__PURE__ */ _("option", {
+									value: "active",
+									children: "Active"
+								}),
+								/* @__PURE__ */ _("option", {
+									value: "suspended",
+									children: "Suspended"
+								}),
+								/* @__PURE__ */ _("option", {
+									value: "pending",
+									children: "Pending"
+								}),
+								/* @__PURE__ */ _("option", {
+									value: "banned",
+									children: "Banned"
+								})
+							]
+						})
+					]
+				})]
+			}),
+			j.size > 0 && /* @__PURE__ */ v("div", {
+				className: "flex items-center gap-3 rounded-lg bg-primary/5 border border-primary/20 p-3",
+				children: [
+					/* @__PURE__ */ v("span", {
+						className: "text-sm font-medium",
+						children: [j.size, " user(s) selected"]
+					}),
+					/* @__PURE__ */ _(b, {
+						variant: "outline",
+						size: "sm",
+						children: "Activate"
+					}),
+					/* @__PURE__ */ _(b, {
+						variant: "outline",
+						size: "sm",
+						children: "Suspend"
+					}),
+					/* @__PURE__ */ _(b, {
+						variant: "destructive",
+						size: "sm",
+						children: "Ban"
+					})
+				]
+			}),
+			/* @__PURE__ */ _(x, { children: /* @__PURE__ */ v(S, {
+				className: "pt-4",
+				children: [/* @__PURE__ */ _("div", {
+					className: "overflow-x-auto",
+					children: /* @__PURE__ */ v("table", {
+						className: "w-full text-sm",
+						children: [/* @__PURE__ */ _("thead", { children: /* @__PURE__ */ v("tr", {
+							className: "border-b text-left text-muted-foreground",
+							children: [
+								/* @__PURE__ */ _("th", {
+									className: "p-3",
+									children: /* @__PURE__ */ _("input", {
+										type: "checkbox",
+										checked: j.size === N.length && N.length > 0,
+										onChange: () => {
+											j.size === N.length ? M(/* @__PURE__ */ new Set()) : M(new Set(N.map((e) => e.id)));
+										},
+										className: "rounded"
+									})
+								}),
+								/* @__PURE__ */ _("th", {
+									className: "p-3",
+									children: "User"
+								}),
+								/* @__PURE__ */ _("th", {
+									className: "p-3",
+									children: "Role"
+								}),
+								/* @__PURE__ */ _("th", {
+									className: "p-3",
+									children: "Status"
+								}),
+								/* @__PURE__ */ _("th", {
+									className: "p-3",
+									children: "Verified"
+								}),
+								/* @__PURE__ */ _("th", {
+									className: "p-3",
+									children: "Joined"
+								}),
+								/* @__PURE__ */ _("th", {
+									className: "p-3",
+									children: "Last Active"
+								}),
+								/* @__PURE__ */ _("th", {
+									className: "p-3 text-right",
+									children: "Bookings"
+								}),
+								/* @__PURE__ */ _("th", {
+									className: "p-3 text-right",
+									children: "Spent"
+								}),
+								/* @__PURE__ */ _("th", {
+									className: "p-3",
+									children: "Rating"
+								}),
+								/* @__PURE__ */ _("th", {
+									className: "p-3 text-right",
+									children: "Actions"
+								})
+							]
+						}) }), /* @__PURE__ */ _("tbody", { children: N.length === 0 ? /* @__PURE__ */ _("tr", { children: /* @__PURE__ */ _("td", {
+							colSpan: 11,
+							className: "p-8 text-center text-muted-foreground",
+							children: "No users match your filters."
+						}) }) : N.map((e) => {
+							let t = T[e.status], n = t.icon;
+							return /* @__PURE__ */ v("tr", {
+								className: "border-b hover:bg-muted/50",
+								children: [
+									/* @__PURE__ */ _("td", {
+										className: "p-3",
+										children: /* @__PURE__ */ _("input", {
+											type: "checkbox",
+											checked: j.has(e.id),
+											onChange: () => R(e.id),
+											className: "rounded"
+										})
+									}),
+									/* @__PURE__ */ _("td", {
+										className: "p-3",
+										children: /* @__PURE__ */ v("div", {
+											className: "flex items-center gap-3",
+											children: [/* @__PURE__ */ _("div", {
+												className: "flex h-8 w-8 items-center justify-center rounded-full bg-primary/10 text-xs font-semibold text-primary",
+												children: e.name.charAt(0)
+											}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
+												className: "font-medium",
+												children: e.name
+											}), /* @__PURE__ */ _("p", {
+												className: "text-xs text-muted-foreground",
+												children: e.email
+											})] })]
+										})
+									}),
+									/* @__PURE__ */ _("td", {
+										className: "p-3",
+										children: /* @__PURE__ */ _(y, {
+											variant: w[e.role].variant,
+											children: w[e.role].label
+										})
+									}),
+									/* @__PURE__ */ _("td", {
+										className: "p-3",
+										children: /* @__PURE__ */ v("div", {
+											className: "flex items-center gap-1",
+											children: [/* @__PURE__ */ _(n, { className: `h-4 w-4 ${t.color}` }), /* @__PURE__ */ _("span", {
+												className: `text-xs font-medium ${t.color}`,
+												children: t.label
+											})]
+										})
+									}),
+									/* @__PURE__ */ _("td", {
+										className: "p-3",
+										children: e.verified ? /* @__PURE__ */ _(i, { className: "h-4 w-4 text-green-500" }) : /* @__PURE__ */ _(g, { className: "h-4 w-4 text-gray-300" })
+									}),
+									/* @__PURE__ */ _("td", {
+										className: "p-3 text-muted-foreground",
+										children: e.joinedDate
+									}),
+									/* @__PURE__ */ _("td", {
+										className: "p-3 text-muted-foreground",
+										children: e.lastActive
+									}),
+									/* @__PURE__ */ _("td", {
+										className: "p-3 text-right",
+										children: e.bookingsCount
+									}),
+									/* @__PURE__ */ _("td", {
+										className: "p-3 text-right",
+										children: e.totalSpent > 0 ? `$${e.totalSpent.toLocaleString()}` : "-"
+									}),
+									/* @__PURE__ */ _("td", {
+										className: "p-3",
+										children: e.rating ? /* @__PURE__ */ v("div", {
+											className: "flex items-center gap-1",
+											children: [/* @__PURE__ */ _(p, { className: "h-3 w-3 fill-yellow-400 text-yellow-400" }), /* @__PURE__ */ _("span", {
+												className: "text-xs font-medium",
+												children: e.rating
+											})]
+										}) : /* @__PURE__ */ _("span", {
+											className: "text-xs text-muted-foreground",
+											children: "-"
+										})
+									}),
+									/* @__PURE__ */ _("td", {
+										className: "p-3 text-right",
+										children: /* @__PURE__ */ v("div", {
+											className: "flex justify-end gap-1",
+											children: [/* @__PURE__ */ _(b, {
+												variant: "outline",
+												size: "sm",
+												children: /* @__PURE__ */ _(c, { className: "h-3 w-3" })
+											}), /* @__PURE__ */ _(b, {
+												variant: "outline",
+												size: "sm",
+												children: /* @__PURE__ */ _(l, { className: "h-3 w-3" })
+											})]
+										})
+									})
+								]
+							}, e.id);
+						}) })]
+					})
+				}), /* @__PURE__ */ v("div", {
+					className: "mt-4 flex items-center justify-between border-t pt-4 text-sm text-muted-foreground",
+					children: [/* @__PURE__ */ v("span", { children: [
+						"Showing ",
+						N.length,
+						" of ",
+						r.length,
+						" users"
+					] }), /* @__PURE__ */ v("div", {
+						className: "flex gap-1",
+						children: [/* @__PURE__ */ _(b, {
+							variant: "outline",
+							size: "sm",
+							disabled: !0,
+							children: "Previous"
+						}), /* @__PURE__ */ _(b, {
+							variant: "outline",
+							size: "sm",
+							disabled: !0,
+							children: "Next"
+						})]
+					})]
+				})]
+			}) })
+		]
+	});
+}
+//#endregion
+export { E as AdminUsersPage };
+
+//# sourceMappingURL=AdminUsersPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AdminUsersPage.js","names":[],"sources":["../../../src/proserviceworld/pages/AdminUsersPage.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Input,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  Search,\n  Filter,\n  Users,\n  UserCheck,\n  UserX,\n  Shield,\n  Star,\n  CheckCircle2,\n  XCircle,\n  Clock,\n  Ban,\n  MoreHorizontal,\n  Download,\n  Plus,\n  Mail,\n  Calendar,\n} from 'lucide-react';\nimport { useProServiceWorldStore } from '../store/proserviceworldStore';\nimport type { AdminUserRole, AdminUserStatus } from '../types';\n\nconst roleConfig: Record<\n  AdminUserRole,\n  { label: string; variant: 'default' | 'secondary' | 'outline' | 'destructive' }\n> = {\n  client: { label: 'Client', variant: 'secondary' },\n  provider: { label: 'Provider', variant: 'default' },\n  admin: { label: 'Admin', variant: 'destructive' },\n  team_member: { label: 'Team', variant: 'outline' },\n};\n\nconst statusConfig: Record<\n  AdminUserStatus,\n  { label: string; icon: typeof CheckCircle2; color: string }\n> = {\n  active: { label: 'Active', icon: CheckCircle2, color: 'text-green-600' },\n  suspended: { label: 'Suspended', icon: Ban, color: 'text-orange-600' },\n  pending: { label: 'Pending', icon: Clock, color: 'text-yellow-600' },\n  banned: { label: 'Banned', icon: XCircle, color: 'text-red-600' },\n};\n\nexport function AdminUsersPage() {\n  const { adminUsers } = useProServiceWorldStore();\n  const [searchQuery, setSearchQuery] = useState('');\n  const [roleFilter, setRoleFilter] = useState<AdminUserRole | 'all'>('all');\n  const [statusFilter, setStatusFilter] = useState<AdminUserStatus | 'all'>('all');\n  const [selectedIds, setSelectedIds] = useState<Set<string>>(new Set());\n\n  const filtered = useMemo(() => {\n    let result = [...adminUsers];\n    if (roleFilter !== 'all') result = result.filter((u) => u.role === roleFilter);\n    if (statusFilter !== 'all') result = result.filter((u) => u.status === statusFilter);\n    if (searchQuery.trim()) {\n      const q = searchQuery.toLowerCase();\n      result = result.filter(\n        (u) => u.name.toLowerCase().includes(q) || u.email.toLowerCase().includes(q)\n      );\n    }\n    return result;\n  }, [adminUsers, roleFilter, statusFilter, searchQuery]);\n\n  // Stats\n  const totalUsers = adminUsers.length;\n  const activeUsers = adminUsers.filter((u) => u.status === 'active').length;\n  const providers = adminUsers.filter((u) => u.role === 'provider').length;\n  const verifiedUsers = adminUsers.filter((u) => u.verified).length;\n\n  const toggleSelect = (id: string) => {\n    const next = new Set(selectedIds);\n    if (next.has(id)) next.delete(id);\n    else next.add(id);\n    setSelectedIds(next);\n  };\n\n  const toggleSelectAll = () => {\n    if (selectedIds.size === filtered.length) setSelectedIds(new Set());\n    else setSelectedIds(new Set(filtered.map((u) => u.id)));\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\">User Management</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Admin panel to manage platform users, roles, and access.\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\">\n            <Download className=\"mr-2 h-4 w-4\" /> Export\n          </Button>\n          <Button size=\"sm\">\n            <Plus className=\"mr-2 h-4 w-4\" /> Invite User\n          </Button>\n        </div>\n      </div>\n\n      {/* Stats */}\n      <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-3\">\n              <div className=\"rounded-lg bg-blue-100 p-2 dark:bg-blue-950\">\n                <Users className=\"h-5 w-5 text-blue-600\" />\n              </div>\n              <div>\n                <p className=\"text-2xl font-bold\">{totalUsers}</p>\n                <p className=\"text-xs text-muted-foreground\">Total Users</p>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-3\">\n              <div className=\"rounded-lg bg-green-100 p-2 dark:bg-green-950\">\n                <UserCheck className=\"h-5 w-5 text-green-600\" />\n              </div>\n              <div>\n                <p className=\"text-2xl font-bold\">{activeUsers}</p>\n                <p className=\"text-xs text-muted-foreground\">Active Users</p>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-3\">\n              <div className=\"rounded-lg bg-purple-100 p-2 dark:bg-purple-950\">\n                <Shield className=\"h-5 w-5 text-purple-600\" />\n              </div>\n              <div>\n                <p className=\"text-2xl font-bold\">{providers}</p>\n                <p className=\"text-xs text-muted-foreground\">Providers</p>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-3\">\n              <div className=\"rounded-lg bg-yellow-100 p-2 dark:bg-yellow-950\">\n                <CheckCircle2 className=\"h-5 w-5 text-yellow-600\" />\n              </div>\n              <div>\n                <p className=\"text-2xl font-bold\">{verifiedUsers}</p>\n                <p className=\"text-xs text-muted-foreground\">Verified</p>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n\n      {/* Filters */}\n      <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center\">\n        <div className=\"relative flex-1\">\n          <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n          <Input\n            placeholder=\"Search by name or email...\"\n            value={searchQuery}\n            onChange={(e) => setSearchQuery(e.target.value)}\n            className=\"pl-10\"\n          />\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <Filter className=\"h-4 w-4 text-muted-foreground\" />\n          <select\n            className=\"rounded border bg-background px-2 py-1 text-sm\"\n            value={roleFilter}\n            onChange={(e) => setRoleFilter(e.target.value as AdminUserRole | 'all')}\n          >\n            <option value=\"all\">All Roles</option>\n            <option value=\"client\">Client</option>\n            <option value=\"provider\">Provider</option>\n            <option value=\"admin\">Admin</option>\n            <option value=\"team_member\">Team Member</option>\n          </select>\n          <select\n            className=\"rounded border bg-background px-2 py-1 text-sm\"\n            value={statusFilter}\n            onChange={(e) => setStatusFilter(e.target.value as AdminUserStatus | 'all')}\n          >\n            <option value=\"all\">All Status</option>\n            <option value=\"active\">Active</option>\n            <option value=\"suspended\">Suspended</option>\n            <option value=\"pending\">Pending</option>\n            <option value=\"banned\">Banned</option>\n          </select>\n        </div>\n      </div>\n\n      {/* Bulk actions */}\n      {selectedIds.size > 0 && (\n        <div className=\"flex items-center gap-3 rounded-lg bg-primary/5 border border-primary/20 p-3\">\n          <span className=\"text-sm font-medium\">{selectedIds.size} user(s) selected</span>\n          <Button variant=\"outline\" size=\"sm\">\n            Activate\n          </Button>\n          <Button variant=\"outline\" size=\"sm\">\n            Suspend\n          </Button>\n          <Button variant=\"destructive\" size=\"sm\">\n            Ban\n          </Button>\n        </div>\n      )}\n\n      {/* User table */}\n      <Card>\n        <CardContent className=\"pt-4\">\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\">\n                    <input\n                      type=\"checkbox\"\n                      checked={selectedIds.size === filtered.length && filtered.length > 0}\n                      onChange={toggleSelectAll}\n                      className=\"rounded\"\n                    />\n                  </th>\n                  <th className=\"p-3\">User</th>\n                  <th className=\"p-3\">Role</th>\n                  <th className=\"p-3\">Status</th>\n                  <th className=\"p-3\">Verified</th>\n                  <th className=\"p-3\">Joined</th>\n                  <th className=\"p-3\">Last Active</th>\n                  <th className=\"p-3 text-right\">Bookings</th>\n                  <th className=\"p-3 text-right\">Spent</th>\n                  <th className=\"p-3\">Rating</th>\n                  <th className=\"p-3 text-right\">Actions</th>\n                </tr>\n              </thead>\n              <tbody>\n                {filtered.length === 0 ? (\n                  <tr>\n                    <td colSpan={11} className=\"p-8 text-center text-muted-foreground\">\n                      No users match your filters.\n                    </td>\n                  </tr>\n                ) : (\n                  filtered.map((user) => {\n                    const sCfg = statusConfig[user.status];\n                    const StatusIcon = sCfg.icon;\n                    return (\n                      <tr key={user.id} className=\"border-b hover:bg-muted/50\">\n                        <td className=\"p-3\">\n                          <input\n                            type=\"checkbox\"\n                            checked={selectedIds.has(user.id)}\n                            onChange={() => toggleSelect(user.id)}\n                            className=\"rounded\"\n                          />\n                        </td>\n                        <td className=\"p-3\">\n                          <div className=\"flex items-center gap-3\">\n                            <div className=\"flex h-8 w-8 items-center justify-center rounded-full bg-primary/10 text-xs font-semibold text-primary\">\n                              {user.name.charAt(0)}\n                            </div>\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                        </td>\n                        <td className=\"p-3\">\n                          <Badge variant={roleConfig[user.role].variant}>\n                            {roleConfig[user.role].label}\n                          </Badge>\n                        </td>\n                        <td className=\"p-3\">\n                          <div className=\"flex items-center gap-1\">\n                            <StatusIcon className={`h-4 w-4 ${sCfg.color}`} />\n                            <span className={`text-xs font-medium ${sCfg.color}`}>\n                              {sCfg.label}\n                            </span>\n                          </div>\n                        </td>\n                        <td className=\"p-3\">\n                          {user.verified ? (\n                            <CheckCircle2 className=\"h-4 w-4 text-green-500\" />\n                          ) : (\n                            <XCircle className=\"h-4 w-4 text-gray-300\" />\n                          )}\n                        </td>\n                        <td className=\"p-3 text-muted-foreground\">{user.joinedDate}</td>\n                        <td className=\"p-3 text-muted-foreground\">{user.lastActive}</td>\n                        <td className=\"p-3 text-right\">{user.bookingsCount}</td>\n                        <td className=\"p-3 text-right\">\n                          {user.totalSpent > 0 ? `$${user.totalSpent.toLocaleString()}` : '-'}\n                        </td>\n                        <td className=\"p-3\">\n                          {user.rating ? (\n                            <div className=\"flex items-center gap-1\">\n                              <Star className=\"h-3 w-3 fill-yellow-400 text-yellow-400\" />\n                              <span className=\"text-xs font-medium\">{user.rating}</span>\n                            </div>\n                          ) : (\n                            <span className=\"text-xs text-muted-foreground\">-</span>\n                          )}\n                        </td>\n                        <td className=\"p-3 text-right\">\n                          <div className=\"flex justify-end gap-1\">\n                            <Button variant=\"outline\" size=\"sm\">\n                              <Mail className=\"h-3 w-3\" />\n                            </Button>\n                            <Button variant=\"outline\" size=\"sm\">\n                              <MoreHorizontal className=\"h-3 w-3\" />\n                            </Button>\n                          </div>\n                        </td>\n                      </tr>\n                    );\n                  })\n                )}\n              </tbody>\n            </table>\n          </div>\n\n          {/* Pagination hint */}\n          <div className=\"mt-4 flex items-center justify-between border-t pt-4 text-sm text-muted-foreground\">\n            <span>\n              Showing {filtered.length} of {adminUsers.length} users\n            </span>\n            <div className=\"flex gap-1\">\n              <Button variant=\"outline\" size=\"sm\" disabled>\n                Previous\n              </Button>\n              <Button variant=\"outline\" size=\"sm\" disabled>\n                Next\n              </Button>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/proserviceworld/pages/AnalyticsPage.d.ts

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

package/dist/proserviceworld/pages/AnalyticsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnalyticsPage.d.ts","sourceRoot":"","sources":["../../../src/proserviceworld/pages/AnalyticsPage.tsx"],"names":[],"mappings":"AAoBA,wBAAgB,aAAa,4CA2Z5B"}