@burdenoff/microfe-proserviceworld 2026.624.1 → 2026.626.1

package/dist/proserviceworld/pages/AdminUsersPage.js

@@ -2,9 +2,9 @@ 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";
+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 w = {
+var A = {
 	client: {
 		label: "Client",
 		variant: "secondary"
@@ -21,145 +21,159 @@ var w = {
 		label: "Team",
 		variant: "outline"
 	}
-}, T = {
+}, j = {
 	active: {
 		label: "Active",
 		icon: i,
-		color: "text-green-600"
+		color: "text-status-success-text"
 	},
 	suspended: {
 		label: "Suspended",
 		icon: r,
-		color: "text-orange-600"
+		color: "text-status-warning-text"
 	},
 	pending: {
 		label: "Pending",
 		icon: a,
-		color: "text-yellow-600"
+		color: "text-status-warning-text"
 	},
 	banned: {
 		label: "Banned",
 		icon: g,
-		color: "text-red-600"
+		color: "text-status-error-text"
 	}
 };
-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(() => {
+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 (D !== "all" && (e = e.filter((e) => e.role === D)), k !== "all" && (e = e.filter((e) => e.status === k)), a.trim()) {
+		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,
-		D,
-		k,
+		N,
+		F,
 		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);
+	]), 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",
+		className: "space-y-6 p-6 bg-bg-canvas min-h-screen",
 		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-text-secondary",
-					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"]
-					})]
-				})]
+				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__ */ _(x, { children: /* @__PURE__ */ _(S, {
-						className: "pt-4",
+					/* @__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-blue-100 p-2 dark:bg-blue-950",
-								children: /* @__PURE__ */ _(h, { className: "h-5 w-5 text-blue-600" })
+								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",
-								children: P
+								className: "text-2xl font-bold tabular-nums",
+								children: B
 							}), /* @__PURE__ */ _("p", {
 								className: "text-xs text-text-secondary",
 								children: "Total Users"
 							})] })]
 						})
-					}) }),
-					/* @__PURE__ */ _(x, { children: /* @__PURE__ */ _(S, {
-						className: "pt-4",
+					}),
+					/* @__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-green-100 p-2 dark:bg-green-950",
-								children: /* @__PURE__ */ _(m, { className: "h-5 w-5 text-green-600" })
+								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",
-								children: F
+								className: "text-2xl font-bold tabular-nums",
+								children: V
 							}), /* @__PURE__ */ _("p", {
 								className: "text-xs text-text-secondary",
 								children: "Active Users"
 							})] })]
 						})
-					}) }),
-					/* @__PURE__ */ _(x, { children: /* @__PURE__ */ _(S, {
-						className: "pt-4",
+					}),
+					/* @__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-purple-100 p-2 dark:bg-purple-950",
-								children: /* @__PURE__ */ _(f, { className: "h-5 w-5 text-purple-600" })
+								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",
-								children: I
+								className: "text-2xl font-bold tabular-nums",
+								children: H
 							}), /* @__PURE__ */ _("p", {
 								className: "text-xs text-text-secondary",
 								children: "Providers"
 							})] })]
 						})
-					}) }),
-					/* @__PURE__ */ _(x, { children: /* @__PURE__ */ _(S, {
-						className: "pt-4",
+					}),
+					/* @__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-yellow-100 p-2 dark:bg-yellow-950",
-								children: /* @__PURE__ */ _(i, { className: "h-5 w-5 text-yellow-600" })
+								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",
-								children: L
+								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__ */ _(C, {
+					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) => E(e.target.value),
+						onChange: (e) => M(e.target.value),
 						className: "pl-10"
 					})]
 				}), /* @__PURE__ */ v("div", {
@@ -167,9 +181,9 @@ function E() {
 					children: [
 						/* @__PURE__ */ _(s, { className: "h-4 w-4 text-text-secondary" }),
 						/* @__PURE__ */ v("select", {
-							className: "rounded border bg-bg-surface px-2 py-1 text-sm",
-							value: D,
-							onChange: (e) => O(e.target.value),
+							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",
@@ -194,9 +208,9 @@ function E() {
 							]
 						}),
 						/* @__PURE__ */ v("select", {
-							className: "rounded border bg-bg-surface px-2 py-1 text-sm",
-							value: k,
-							onChange: (e) => A(e.target.value),
+							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",
@@ -223,222 +237,232 @@ function E() {
 					]
 				})]
 			}),
-			j.size > 0 && /* @__PURE__ */ v("div", {
-				className: "flex items-center gap-3 rounded-lg bg-action-primary-bg/5 border border-primary/20 p-3",
+			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: [j.size, " user(s) selected"]
+						children: [L.size, " user(s) selected"]
 					}),
-					/* @__PURE__ */ _(b, {
+					/* @__PURE__ */ _(x, {
 						variant: "outline",
 						size: "sm",
 						children: "Activate"
 					}),
-					/* @__PURE__ */ _(b, {
+					/* @__PURE__ */ _(x, {
 						variant: "outline",
 						size: "sm",
 						children: "Suspend"
 					}),
-					/* @__PURE__ */ _(b, {
+					/* @__PURE__ */ _(x, {
 						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-text-secondary",
-							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-text-secondary",
-							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-bg-sunken/50",
+			/* @__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__ */ _("td", {
+									/* @__PURE__ */ _("th", {
 										className: "p-3",
 										children: /* @__PURE__ */ _("input", {
 											type: "checkbox",
-											checked: j.has(e.id),
-											onChange: () => R(e.id),
+											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__ */ _("td", {
+									/* @__PURE__ */ _("th", {
 										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-action-primary-bg/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-text-secondary",
-												children: e.email
-											})] })]
-										})
+										children: "User"
 									}),
-									/* @__PURE__ */ _("td", {
+									/* @__PURE__ */ _("th", {
 										className: "p-3",
-										children: /* @__PURE__ */ _(y, {
-											variant: w[e.role].variant,
-											children: w[e.role].label
-										})
+										children: "Role"
 									}),
-									/* @__PURE__ */ _("td", {
+									/* @__PURE__ */ _("th", {
 										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
-											})]
-										})
+										children: "Status"
 									}),
-									/* @__PURE__ */ _("td", {
+									/* @__PURE__ */ _("th", {
 										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" })
+										children: "Verified"
 									}),
-									/* @__PURE__ */ _("td", {
-										className: "p-3 text-text-secondary",
-										children: e.joinedDate
+									/* @__PURE__ */ _("th", {
+										className: "p-3",
+										children: "Joined"
 									}),
-									/* @__PURE__ */ _("td", {
-										className: "p-3 text-text-secondary",
-										children: e.lastActive
+									/* @__PURE__ */ _("th", {
+										className: "p-3",
+										children: "Last Active"
 									}),
-									/* @__PURE__ */ _("td", {
+									/* @__PURE__ */ _("th", {
 										className: "p-3 text-right",
-										children: e.bookingsCount
+										children: "Bookings"
 									}),
-									/* @__PURE__ */ _("td", {
+									/* @__PURE__ */ _("th", {
 										className: "p-3 text-right",
-										children: e.totalSpent > 0 ? `$${e.totalSpent.toLocaleString()}` : "-"
+										children: "Spent"
 									}),
-									/* @__PURE__ */ _("td", {
+									/* @__PURE__ */ _("th", {
 										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-text-secondary",
-											children: "-"
-										})
+										children: "Rating"
 									}),
-									/* @__PURE__ */ _("td", {
+									/* @__PURE__ */ _("th", {
 										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" })
-											})]
-										})
+										children: "Actions"
 									})
 								]
-							}, e.id);
-						}) })]
-					})
-				}), /* @__PURE__ */ v("div", {
-					className: "mt-4 flex items-center justify-between border-t pt-4 text-sm text-text-secondary",
-					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"
+							}) }), /* @__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 { E as AdminUsersPage };
+export { M as AdminUsersPage };
 
 //# sourceMappingURL=AdminUsersPage.js.map