npm - @burdenoff/microfe-proserviceworld - Versions diffs - 2026.703.1 → 2026.706.1 - Mend

@burdenoff/microfe-proserviceworld 2026.703.1 → 2026.706.1

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 (75) hide show

package/dist/proserviceworld/pages/AdminUsersPage.js DELETED Viewed

@@ -1,468 +0,0 @@
-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 { AuroraBackground as y, Badge as b, Button as x, CTAOverflowMenu as S, Card as C, CardContent as w, GlassCard as T, GradientText as E, IllustratedEmptyState as D, Input as O, PagePurpose as k } from "@burdenoff/fe-libs/ui";
-//#region src/proserviceworld/pages/AdminUsersPage.tsx
-var A = {
-	client: {
-		label: "Client",
-		variant: "secondary"
-	},
-	provider: {
-		label: "Provider",
-		variant: "default"
-	},
-	admin: {
-		label: "Admin",
-		variant: "destructive"
-	},
-	team_member: {
-		label: "Team",
-		variant: "outline"
-	}
-}, j = {
-	active: {
-		label: "Active",
-		icon: i,
-		color: "text-status-success-text"
-	},
-	suspended: {
-		label: "Suspended",
-		icon: r,
-		color: "text-status-warning-text"
-	},
-	pending: {
-		label: "Pending",
-		icon: a,
-		color: "text-status-warning-text"
-	},
-	banned: {
-		label: "Banned",
-		icon: g,
-		color: "text-status-error-text"
-	}
-};
-function M() {
-	let { adminUsers: r } = e(), [a, M] = n(""), [N, P] = n("all"), [F, I] = n("all"), [L, R] = n(/* @__PURE__ */ new Set()), z = t(() => {
-		let e = [...r];
-		if (N !== "all" && (e = e.filter((e) => e.role === N)), F !== "all" && (e = e.filter((e) => e.status === F)), a.trim()) {
-			let t = a.toLowerCase();
-			e = e.filter((e) => e.name.toLowerCase().includes(t) || e.email.toLowerCase().includes(t));
-		}
-		return e;
-	}, [
-		r,
-		N,
-		F,
-		a
-	]), B = r.length, V = r.filter((e) => e.status === "active").length, H = r.filter((e) => e.role === "provider").length, U = r.filter((e) => e.verified).length, W = (e) => {
-		let t = new Set(L);
-		t.has(e) ? t.delete(e) : t.add(e), R(t);
-	};
-	return /* @__PURE__ */ v("div", {
-		className: "space-y-6 p-6 bg-bg-canvas min-h-screen",
-		children: [
-			/* @__PURE__ */ v("div", {
-				className: "relative overflow-hidden rounded-card -mx-2 px-2 pt-1 flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
-				children: [
-					/* @__PURE__ */ _(y, { intensity: "subtle" }),
-					/* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("h1", {
-						className: "text-2xl font-semibold tracking-tight",
-						children: /* @__PURE__ */ _(E, { children: "User Management" })
-					}), /* @__PURE__ */ _("p", {
-						className: "text-sm text-text-secondary",
-						children: "Admin panel to manage platform users, roles, and access."
-					})] }),
-					/* @__PURE__ */ _(S, {
-						primary: {
-							label: "Invite User",
-							onSelect: () => {},
-							icon: /* @__PURE__ */ _(u, { className: "h-4 w-4" })
-						},
-						actions: [{
-							label: "Export",
-							onSelect: () => {},
-							icon: /* @__PURE__ */ _(o, { className: "h-4 w-4" })
-						}]
-					})
-				]
-			}),
-			/* @__PURE__ */ _(k, {
-				icon: /* @__PURE__ */ _(h, { className: "h-4 w-4" }),
-				children: "The control room for everyone on the platform. Search, filter by role and status, and review each user's activity and spend at a glance — then invite new members or take bulk action to activate, suspend, or ban accounts as needed."
-			}),
-			/* @__PURE__ */ v("div", {
-				className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4",
-				children: [
-					/* @__PURE__ */ _(T, {
-						treatment: "glass",
-						glow: !0,
-						className: "border-border-seam",
-						children: /* @__PURE__ */ v("div", {
-							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ _("div", {
-								className: "rounded-lg bg-status-info-bg-subtle p-2",
-								children: /* @__PURE__ */ _(h, { className: "h-5 w-5 text-accent-blue" })
-							}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
-								className: "text-2xl font-bold tabular-nums",
-								children: B
-							}), /* @__PURE__ */ _("p", {
-								className: "text-xs text-text-secondary",
-								children: "Total Users"
-							})] })]
-						})
-					}),
-					/* @__PURE__ */ _(T, {
-						treatment: "metric",
-						className: "border-border-seam",
-						children: /* @__PURE__ */ v("div", {
-							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ _("div", {
-								className: "rounded-lg bg-status-success-bg-subtle p-2",
-								children: /* @__PURE__ */ _(m, { className: "h-5 w-5 text-status-success-text" })
-							}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
-								className: "text-2xl font-bold tabular-nums",
-								children: V
-							}), /* @__PURE__ */ _("p", {
-								className: "text-xs text-text-secondary",
-								children: "Active Users"
-							})] })]
-						})
-					}),
-					/* @__PURE__ */ _(T, {
-						treatment: "metric",
-						className: "border-border-seam",
-						children: /* @__PURE__ */ v("div", {
-							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ _("div", {
-								className: "rounded-lg bg-accent-purple-subtle p-2",
-								children: /* @__PURE__ */ _(f, { className: "h-5 w-5 text-accent-purple" })
-							}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
-								className: "text-2xl font-bold tabular-nums",
-								children: H
-							}), /* @__PURE__ */ _("p", {
-								className: "text-xs text-text-secondary",
-								children: "Providers"
-							})] })]
-						})
-					}),
-					/* @__PURE__ */ _(T, {
-						treatment: "metric",
-						className: "border-border-seam",
-						children: /* @__PURE__ */ v("div", {
-							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ _("div", {
-								className: "rounded-lg bg-status-warning-bg-subtle p-2",
-								children: /* @__PURE__ */ _(i, { className: "h-5 w-5 text-status-warning-text" })
-							}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("p", {
-								className: "text-2xl font-bold tabular-nums",
-								children: U
-							}), /* @__PURE__ */ _("p", {
-								className: "text-xs text-text-secondary",
-								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-text-secondary" }), /* @__PURE__ */ _(O, {
-						placeholder: "Search by name or email...",
-						value: a,
-						onChange: (e) => M(e.target.value),
-						className: "pl-10"
-					})]
-				}), /* @__PURE__ */ v("div", {
-					className: "flex items-center gap-2",
-					children: [
-						/* @__PURE__ */ _(s, { className: "h-4 w-4 text-text-secondary" }),
-						/* @__PURE__ */ v("select", {
-							className: "rounded border border-border-seam bg-bg-surface px-2 py-1 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
-							value: N,
-							onChange: (e) => P(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 border-border-seam bg-bg-surface px-2 py-1 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus",
-							value: F,
-							onChange: (e) => I(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"
-								})
-							]
-						})
-					]
-				})]
-			}),
-			L.size > 0 && /* @__PURE__ */ v("div", {
-				className: "flex items-center gap-3 rounded-lg bg-accent-soft border border-border-seam p-3",
-				children: [
-					/* @__PURE__ */ v("span", {
-						className: "text-sm font-medium",
-						children: [L.size, " user(s) selected"]
-					}),
-					/* @__PURE__ */ _(x, {
-						variant: "outline",
-						size: "sm",
-						children: "Activate"
-					}),
-					/* @__PURE__ */ _(x, {
-						variant: "outline",
-						size: "sm",
-						children: "Suspend"
-					}),
-					/* @__PURE__ */ _(x, {
-						variant: "destructive",
-						size: "sm",
-						children: "Ban"
-					})
-				]
-			}),
-			/* @__PURE__ */ _(C, {
-				className: "border-border-seam",
-				children: /* @__PURE__ */ v(w, {
-					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 border-border-seam text-left text-text-secondary",
-								children: [
-									/* @__PURE__ */ _("th", {
-										className: "p-3",
-										children: /* @__PURE__ */ _("input", {
-											type: "checkbox",
-											checked: L.size === z.length && z.length > 0,
-											onChange: () => {
-												L.size === z.length ? R(/* @__PURE__ */ new Set()) : R(new Set(z.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: z.length === 0 ? /* @__PURE__ */ _("tr", { children: /* @__PURE__ */ _("td", {
-								colSpan: 11,
-								className: "p-4",
-								children: /* @__PURE__ */ _(D, {
-									illustration: "empty-people",
-									title: "No users found",
-									description: "No users match your current filters."
-								})
-							}) }) : z.map((e) => {
-								let t = j[e.status], n = t.icon;
-								return /* @__PURE__ */ v("tr", {
-									className: "border-b border-border-seam transition-colors hover:bg-bg-sunken/50",
-									children: [
-										/* @__PURE__ */ _("td", {
-											className: "p-3",
-											children: /* @__PURE__ */ _("input", {
-												type: "checkbox",
-												"aria-label": `Select ${e.name}`,
-												checked: L.has(e.id),
-												onChange: () => W(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-accent-soft text-xs font-semibold text-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-text-secondary",
-													children: e.email
-												})] })]
-											})
-										}),
-										/* @__PURE__ */ _("td", {
-											className: "p-3",
-											children: /* @__PURE__ */ _(b, {
-												variant: A[e.role].variant,
-												children: A[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-status-success-text" }) : /* @__PURE__ */ _(g, { className: "h-4 w-4 text-text-muted" })
-										}),
-										/* @__PURE__ */ _("td", {
-											className: "p-3 text-text-secondary",
-											children: e.joinedDate
-										}),
-										/* @__PURE__ */ _("td", {
-											className: "p-3 text-text-secondary",
-											children: e.lastActive
-										}),
-										/* @__PURE__ */ _("td", {
-											className: "p-3 text-right tabular-nums",
-											children: e.bookingsCount
-										}),
-										/* @__PURE__ */ _("td", {
-											className: "p-3 text-right tabular-nums",
-											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-status-warning-text text-status-warning-text" }), /* @__PURE__ */ _("span", {
-													className: "text-xs font-medium tabular-nums",
-													children: e.rating
-												})]
-											}) : /* @__PURE__ */ _("span", {
-												className: "text-xs text-text-secondary",
-												children: "-"
-											})
-										}),
-										/* @__PURE__ */ _("td", {
-											className: "p-3 text-right",
-											children: /* @__PURE__ */ v("div", {
-												className: "flex justify-end gap-1",
-												children: [/* @__PURE__ */ _(x, {
-													variant: "outline",
-													size: "sm",
-													"aria-label": `Email ${e.name}`,
-													children: /* @__PURE__ */ _(c, { className: "h-3 w-3" })
-												}), /* @__PURE__ */ _(x, {
-													variant: "outline",
-													size: "sm",
-													"aria-label": `More actions for ${e.name}`,
-													children: /* @__PURE__ */ _(l, { className: "h-3 w-3" })
-												})]
-											})
-										})
-									]
-								}, e.id);
-							}) })]
-						})
-					}), /* @__PURE__ */ v("div", {
-						className: "mt-4 flex items-center justify-between border-t border-border-seam pt-4 text-sm text-text-secondary",
-						children: [/* @__PURE__ */ v("span", { children: [
-							"Showing ",
-							z.length,
-							" of ",
-							r.length,
-							" users"
-						] }), /* @__PURE__ */ v("div", {
-							className: "flex gap-1",
-							children: [/* @__PURE__ */ _(x, {
-								variant: "outline",
-								size: "sm",
-								disabled: !0,
-								children: "Previous"
-							}), /* @__PURE__ */ _(x, {
-								variant: "outline",
-								size: "sm",
-								disabled: !0,
-								children: "Next"
-							})]
-						})]
-					})]
-				})
-			})
-		]
-	});
-}
-//#endregion
-export { M as AdminUsersPage };
-//# sourceMappingURL=AdminUsersPage.js.map

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

@@ -1 +0,0 @@

- {"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 Input,\n GlassCard,\n AuroraBackground,\n GradientText,\n CTAOverflowMenu,\n IllustratedEmptyState,\n PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport {\n Search,\n Filter,\n Users,\n UserCheck,\n Shield,\n Star,\n CheckCircle2,\n XCircle,\n Clock,\n Ban,\n MoreHorizontal,\n Download,\n Plus,\n Mail,\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-status-success-text' },\n suspended: { label: 'Suspended', icon: Ban, color: 'text-status-warning-text' },\n pending: { label: 'Pending', icon: Clock, color: 'text-status-warning-text' },\n banned: { label: 'Banned', icon: XCircle, color: 'text-status-error-text' },\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 bg-bg-canvas min-h-screen\">\n {/* Hero header — the ONE aurora backdrop for this MFE */}\n <div className=\"relative overflow-hidden rounded-card -mx-2 px-2 pt-1 flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n <AuroraBackground intensity=\"subtle\" />\n <div>\n <h1 className=\"text-2xl font-semibold tracking-tight\">\n <GradientText>User Management</GradientText>\n </h1>\n <p className=\"text-sm text-text-secondary\">\n Admin panel to manage platform users, roles, and access.\n </p>\n </div>\n <CTAOverflowMenu\n primary={{\n label: 'Invite User',\n onSelect: () => {},\n icon: <Plus className=\"h-4 w-4\" />,\n }}\n actions={[\n {\n label: 'Export',\n onSelect: () => {},\n icon: <Download className=\"h-4 w-4\" />,\n },\n ]}\n />\n </div>\n\n <PagePurpose icon={<Users className=\"h-4 w-4\" />}>\n The control room for everyone on the platform. Search, filter by role and status, and\n review each user's activity and spend at a glance — then invite new members or take\n bulk action to activate, suspend, or ban accounts as needed.\n </PagePurpose>\n\n {/* Stats */}\n <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n <div className=\"flex items-center gap-3\">\n <div className=\"rounded-lg bg-status-info-bg-subtle p-2\">\n <Users className=\"h-5 w-5 text-accent-blue\" />\n </div>\n <div>\n <p className=\"text-2xl font-bold tabular-nums\">{totalUsers}</p>\n <p className=\"text-xs text-text-secondary\">Total Users</p>\n </div>\n </div>\n </GlassCard>\n <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n <div className=\"flex items-center gap-3\">\n <div className=\"rounded-lg bg-status-success-bg-subtle p-2\">\n <UserCheck className=\"h-5 w-5 text-status-success-text\" />\n </div>\n <div>\n <p className=\"text-2xl font-bold tabular-nums\">{activeUsers}</p>\n <p className=\"text-xs text-text-secondary\">Active Users</p>\n </div>\n </div>\n </GlassCard>\n <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n <div className=\"flex items-center gap-3\">\n <div className=\"rounded-lg bg-accent-purple-subtle p-2\">\n <Shield className=\"h-5 w-5 text-accent-purple\" />\n </div>\n <div>\n <p className=\"text-2xl font-bold tabular-nums\">{providers}</p>\n <p className=\"text-xs text-text-secondary\">Providers</p>\n </div>\n </div>\n </GlassCard>\n <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n <div className=\"flex items-center gap-3\">\n <div className=\"rounded-lg bg-status-warning-bg-subtle p-2\">\n <CheckCircle2 className=\"h-5 w-5 text-status-warning-text\" />\n </div>\n <div>\n <p className=\"text-2xl font-bold tabular-nums\">{verifiedUsers}</p>\n <p className=\"text-xs text-text-secondary\">Verified</p>\n </div>\n </div>\n </GlassCard>\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-text-secondary\" />\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-text-secondary\" />\n <select\n className=\"rounded border border-border-seam bg-bg-surface px-2 py-1 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus\"\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 border-border-seam bg-bg-surface px-2 py-1 text-sm focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus\"\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-accent-soft border border-border-seam 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 className=\"border-border-seam\">\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 border-border-seam text-left text-text-secondary\">\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-4\">\n <IllustratedEmptyState\n illustration=\"empty-people\"\n title=\"No users found\"\n description=\"No users match your current filters.\"\n />\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 border-border-seam transition-colors hover:bg-bg-sunken/50\">\n <td className=\"p-3\">\n <input\n type=\"checkbox\"\n aria-label={`Select ${user.name}`}\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-accent-soft text-xs font-semibold text-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-text-secondary\">{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-status-success-text\" />\n ) : (\n <XCircle className=\"h-4 w-4 text-text-muted\" />\n )}\n </td>\n <td className=\"p-3 text-text-secondary\">{user.joinedDate}</td>\n <td className=\"p-3 text-text-secondary\">{user.lastActive}</td>\n <td className=\"p-3 text-right tabular-nums\">{user.bookingsCount}</td>\n <td className=\"p-3 text-right tabular-nums\">\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-status-warning-text text-status-warning-text\" />\n <span className=\"text-xs font-medium tabular-nums\">{user.rating}</span>\n </div>\n ) : (\n <span className=\"text-xs text-text-secondary\">-</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\" aria-label={`Email ${user.name}`}>\n <Mail className=\"h-3 w-3\" />\n </Button>\n <Button variant=\"outline\" size=\"sm\" aria-label={`More actions for ${user.name}`}>\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 border-border-seam pt-4 text-sm text-text-secondary\">\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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"}