@burdenoff/microfe-coolandlovely 2026.625.1 → 2026.625.2

package/dist/coolandlovely/pages/admin/UserManagementPage.js

@@ -1,11 +1,13 @@
 import { useCoolAndLovely as e } from "../../context/CoolAndLovelyContext.js";
 import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
-import { useCallback as r, useEffect as i, useMemo as a, useState as o } from "react";
-import { ChevronLeft as s, ChevronRight as c, Edit3 as l, Loader2 as u, Search as d, Shield as f, Smartphone as p, Trash2 as m, UserCheck as h, UserX as g, Users as _, X as v } from "lucide-react";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { EmptyState as r } from "../../components/EmptyState.js";
+import { useCallback as i, useEffect as a, useMemo as o, useState as s } from "react";
+import { ChevronLeft as c, ChevronRight as l, Edit3 as u, Loader2 as d, Search as f, Shield as p, Smartphone as m, Trash2 as h, UserCheck as g, UserX as _, Users as v, X as y } from "lucide-react";
+import { Fragment as b, jsx as x, jsxs as S } from "react/jsx-runtime";
+import { EmphasisPanel as C, PagePurpose as w } from "@burdenoff/fe-libs/ui";
 //#region src/coolandlovely/pages/admin/UserManagementPage.tsx
-var S = [
+var T = [
 	{
 		id: "user-001",
 		email: "rahul.sharma@gmail.com",
@@ -89,20 +91,20 @@ var S = [
 		deviceInfo: "iPhone 15"
 	}
 ];
-function C() {
-	let { navigateTo: C } = e(), [w, T] = o([]), [E, D] = o(!0), [O, k] = o(null), [A, j] = o(!1), [M, N] = o("edit"), [P, F] = o({
+function E() {
+	let { navigateTo: E } = e(), [D, O] = s([]), [k, A] = s(!0), [j, M] = s(null), [N, P] = s(!1), [F, I] = s("edit"), [L, R] = s({
 		firstName: "",
 		lastName: "",
 		email: "",
 		phone: "",
 		role: ""
-	}), [I, L] = o(1), [R, z] = o({
+	}), [z, B] = s(1), [V, H] = s({
 		role: "",
 		status: "",
 		searchQuery: "",
 		sortBy: "recent",
 		registrationDate: ""
-	}), [B] = o({
+	}), [U] = s({
 		totalUsers: 2456,
 		activeUsers: 2134,
 		newUsers: 89,
@@ -111,18 +113,18 @@ function C() {
 		cartOwners: 342,
 		workers: 156,
 		investors: 113
-	}), V = r(() => {
-		D(!0), setTimeout(() => {
-			let e = [...S];
-			if (R.searchQuery) {
-				let t = R.searchQuery.toLowerCase();
+	}), W = i(() => {
+		A(!0), setTimeout(() => {
+			let e = [...T];
+			if (V.searchQuery) {
+				let t = V.searchQuery.toLowerCase();
 				e = e.filter((e) => e.firstName.toLowerCase().includes(t) || e.lastName.toLowerCase().includes(t) || e.email.toLowerCase().includes(t) || e.phone.includes(t));
 			}
-			if (R.role && (e = e.filter((e) => e.role === R.role)), R.status && (e = e.filter((e) => e.status === R.status)), R.registrationDate) {
-				let t = parseInt(R.registrationDate), n = /* @__PURE__ */ new Date(Date.now() - t * 864e5);
+			if (V.role && (e = e.filter((e) => e.role === V.role)), V.status && (e = e.filter((e) => e.status === V.status)), V.registrationDate) {
+				let t = parseInt(V.registrationDate), n = /* @__PURE__ */ new Date(Date.now() - t * 864e5);
 				e = e.filter((e) => new Date(e.registrationDate) >= n);
 			}
-			switch (R.sortBy) {
+			switch (V.sortBy) {
 				case "name":
 					e.sort((e, t) => e.firstName.localeCompare(t.firstName));
 					break;
@@ -134,42 +136,42 @@ function C() {
 					break;
 				default: e.sort((e, t) => new Date(t.registrationDate).getTime() - new Date(e.registrationDate).getTime());
 			}
-			T(e), D(!1);
+			O(e), A(!1);
 		}, 800);
-	}, [R]);
-	i(() => {
-		V();
 	}, [V]);
-	let H = (e, t) => {
-		z((n) => ({
+	a(() => {
+		W();
+	}, [W]);
+	let G = (e, t) => {
+		H((n) => ({
 			...n,
 			[e]: t
-		})), L(1);
-	}, U = (e, t) => {
+		})), B(1);
+	}, K = (e, t) => {
 		if (t === "suspend" || t === "activate" || t === "verify") {
 			let n = t === "suspend" ? `User ${e.firstName} ${e.lastName} suspended` : t === "activate" ? `User ${e.firstName} ${e.lastName} activated` : `User ${e.firstName} ${e.lastName} verified`;
-			alert(n), V();
+			alert(n), W();
 			return;
 		}
-		k(e), N(t), F({
+		M(e), I(t), R({
 			firstName: e.firstName,
 			lastName: e.lastName,
 			email: e.email,
 			phone: e.phone,
 			role: e.role
-		}), j(!0);
-	}, W = () => {
-		O && (alert(`User ${O.firstName} ${O.lastName} deleted`), j(!1), V());
-	}, G = () => {
-		alert("User updated successfully"), j(!1), V();
-	}, K = (e) => new Date(e).toLocaleDateString("en-IN", {
+		}), P(!0);
+	}, q = () => {
+		j && (alert(`User ${j.firstName} ${j.lastName} deleted`), P(!1), W());
+	}, J = () => {
+		alert("User updated successfully"), P(!1), W();
+	}, Y = (e) => new Date(e).toLocaleDateString("en-IN", {
 		year: "numeric",
 		month: "short",
 		day: "numeric"
-	}), q = (e) => `₹${e.toLocaleString("en-IN")}`, J = a(() => {
-		let e = (I - 1) * 10;
-		return w.slice(e, e + 10);
-	}, [w, I]), Y = (e) => /* @__PURE__ */ b("span", {
+	}), X = (e) => `₹${e.toLocaleString("en-IN")}`, Z = o(() => {
+		let e = (z - 1) * 10;
+		return D.slice(e, e + 10);
+	}, [D, z]), Q = (e) => /* @__PURE__ */ x("span", {
 		className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", {
 			customer: "bg-accent-blue-subtle/20 text-accent-blue",
 			cart_owner: "bg-status-success-bg-subtle/20 text-status-success-text",
@@ -184,7 +186,7 @@ function C() {
 			investor: "Investor",
 			admin: "Admin"
 		}[e] ?? e
-	}), X = (e) => /* @__PURE__ */ b("span", {
+	}), $ = (e) => /* @__PURE__ */ x("span", {
 		className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium capitalize", {
 			active: "bg-status-success-bg-subtle/20 text-status-success-text",
 			inactive: "bg-secondary text-secondary-foreground",
@@ -193,184 +195,189 @@ function C() {
 		}[e]),
 		children: e
 	});
-	return E ? /* @__PURE__ */ b(n, {
+	return k ? /* @__PURE__ */ x(n, {
 		title: "User Management",
 		description: "Loading users...",
-		children: /* @__PURE__ */ x("div", {
+		children: /* @__PURE__ */ S("div", {
 			className: "flex flex-col items-center justify-center py-20",
-			children: [/* @__PURE__ */ b(u, { className: "h-10 w-10 animate-spin text-text-secondary mb-4" }), /* @__PURE__ */ b("p", {
+			children: [/* @__PURE__ */ x(d, { className: "h-10 w-10 animate-spin text-text-secondary mb-4" }), /* @__PURE__ */ x("p", {
 				className: "text-text-secondary",
 				children: "Loading users..."
 			})]
 		})
-	}) : /* @__PURE__ */ x(n, {
+	}) : /* @__PURE__ */ S(n, {
 		title: "User Management",
-		description: `${B.totalUsers.toLocaleString("en-IN")} registered users on the platform`,
+		description: `${U.totalUsers.toLocaleString("en-IN")} registered users on the platform`,
 		children: [
-			/* @__PURE__ */ b("div", {
-				className: "grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-8 gap-3 mb-6",
+			/* @__PURE__ */ x(w, {
+				className: "mb-6",
+				icon: /* @__PURE__ */ x(v, { className: "h-4 w-4" }),
+				children: "Manage every account on the platform — customers, cart owners, workers and investors. See who's active, suspended or pending, filter and search to find anyone, and edit roles or remove accounts when needed to keep the community safe and well-run."
+			}),
+			/* @__PURE__ */ x(C, {
+				className: "grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-8 gap-3 mb-6 p-4",
 				children: [
 					{
 						label: "Total Users",
-						value: B.totalUsers.toLocaleString("en-IN"),
+						value: U.totalUsers.toLocaleString("en-IN"),
 						cls: ""
 					},
 					{
 						label: "Active",
-						value: B.activeUsers.toLocaleString("en-IN"),
+						value: U.activeUsers.toLocaleString("en-IN"),
 						cls: "bg-status-success-bg-subtle/10 border-status-success-border/30"
 					},
 					{
 						label: "New (30d)",
-						value: B.newUsers.toString(),
+						value: U.newUsers.toString(),
 						cls: "bg-accent-blue-subtle/10 border-accent-blue-subtle/30"
 					},
 					{
 						label: "Verified",
-						value: B.verifiedUsers.toLocaleString("en-IN"),
+						value: U.verifiedUsers.toLocaleString("en-IN"),
 						cls: "bg-accent-purple-subtle/10 border-accent-purple-subtle/30"
 					},
 					{
 						label: "Customers",
-						value: B.customers.toLocaleString("en-IN"),
+						value: U.customers.toLocaleString("en-IN"),
 						cls: ""
 					},
 					{
 						label: "Cart Owners",
-						value: B.cartOwners.toString(),
+						value: U.cartOwners.toString(),
 						cls: ""
 					},
 					{
 						label: "Workers",
-						value: B.workers.toString(),
+						value: U.workers.toString(),
 						cls: ""
 					},
 					{
 						label: "Investors",
-						value: B.investors.toString(),
+						value: U.investors.toString(),
 						cls: ""
 					}
-				].map((e) => /* @__PURE__ */ x("div", {
+				].map((e) => /* @__PURE__ */ S("div", {
 					className: t("rounded-lg border border-border-subtle bg-bg-surface p-3", e.cls),
-					children: [/* @__PURE__ */ b("p", {
+					children: [/* @__PURE__ */ x("p", {
 						className: "text-xs text-text-secondary",
 						children: e.label
-					}), /* @__PURE__ */ b("p", {
+					}), /* @__PURE__ */ x("p", {
 						className: "text-lg font-bold text-text-primary",
 						children: e.value
 					})]
 				}, e.label))
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ x("div", {
 				className: "rounded-lg border border-border-seam bg-bg-surface p-4 mb-6 bg-gloss-card shadow-pop",
-				children: /* @__PURE__ */ x("div", {
+				children: /* @__PURE__ */ S("div", {
 					className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-3",
 					children: [
-						/* @__PURE__ */ x("div", {
+						/* @__PURE__ */ S("div", {
 							className: "relative",
-							children: [/* @__PURE__ */ b(d, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ b("input", {
+							children: [/* @__PURE__ */ x(f, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ x("input", {
 								type: "text",
 								placeholder: "Search users...",
-								value: R.searchQuery,
-								onChange: (e) => H("searchQuery", e.target.value),
+								value: V.searchQuery,
+								onChange: (e) => G("searchQuery", e.target.value),
 								className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 pl-10 pr-4 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 							})]
 						}),
-						/* @__PURE__ */ x("select", {
-							value: R.role,
-							onChange: (e) => H("role", e.target.value),
+						/* @__PURE__ */ S("select", {
+							value: V.role,
+							onChange: (e) => G("role", e.target.value),
 							className: "rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 							children: [
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ x("option", {
 									value: "",
 									children: "All Roles"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ x("option", {
 									value: "customer",
 									children: "Customers"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ x("option", {
 									value: "cart_owner",
 									children: "Cart Owners"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ x("option", {
 									value: "worker",
 									children: "Workers"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ x("option", {
 									value: "investor",
 									children: "Investors"
 								})
 							]
 						}),
-						/* @__PURE__ */ x("select", {
-							value: R.status,
-							onChange: (e) => H("status", e.target.value),
+						/* @__PURE__ */ S("select", {
+							value: V.status,
+							onChange: (e) => G("status", e.target.value),
 							className: "rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 							children: [
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ x("option", {
 									value: "",
 									children: "All Status"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ x("option", {
 									value: "active",
 									children: "Active"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ x("option", {
 									value: "inactive",
 									children: "Inactive"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ x("option", {
 									value: "suspended",
 									children: "Suspended"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ x("option", {
 									value: "pending",
 									children: "Pending"
 								})
 							]
 						}),
-						/* @__PURE__ */ x("select", {
-							value: R.registrationDate,
-							onChange: (e) => H("registrationDate", e.target.value),
+						/* @__PURE__ */ S("select", {
+							value: V.registrationDate,
+							onChange: (e) => G("registrationDate", e.target.value),
 							className: "rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 							children: [
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ x("option", {
 									value: "",
 									children: "All Time"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ x("option", {
 									value: "1",
 									children: "Last 24 hours"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ x("option", {
 									value: "7",
 									children: "Last 7 days"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ x("option", {
 									value: "30",
 									children: "Last 30 days"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ x("option", {
 									value: "90",
 									children: "Last 90 days"
 								})
 							]
 						}),
-						/* @__PURE__ */ x("select", {
-							value: R.sortBy,
-							onChange: (e) => H("sortBy", e.target.value),
+						/* @__PURE__ */ S("select", {
+							value: V.sortBy,
+							onChange: (e) => G("sortBy", e.target.value),
 							className: "rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 							children: [
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ x("option", {
 									value: "recent",
 									children: "Most Recent"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ x("option", {
 									value: "name",
 									children: "Name A-Z"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ x("option", {
 									value: "activity",
 									children: "Last Activity"
 								})
@@ -379,27 +386,27 @@ function C() {
 					]
 				})
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ S("div", {
 				className: "rounded-lg border border-border-subtle bg-bg-surface overflow-hidden",
 				children: [
-					/* @__PURE__ */ b("div", {
+					/* @__PURE__ */ x("div", {
 						className: "block md:hidden space-y-4 p-4",
-						children: J.map((e) => /* @__PURE__ */ x("div", {
+						children: Z.map((e) => /* @__PURE__ */ S("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-sunken/30 p-4",
 							children: [
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ S("div", {
 									className: "flex items-center mb-3",
-									children: [e.profilePicture ? /* @__PURE__ */ b("img", {
+									children: [e.profilePicture ? /* @__PURE__ */ x("img", {
 										src: e.profilePicture,
 										alt: `${e.firstName} ${e.lastName}`,
 										className: "w-12 h-12 rounded-full object-cover mr-3"
-									}) : /* @__PURE__ */ b("div", {
+									}) : /* @__PURE__ */ x("div", {
 										className: "w-12 h-12 rounded-full bg-bg-sunken flex items-center justify-center mr-3",
-										children: /* @__PURE__ */ b(_, { className: "h-6 w-6 text-text-secondary" })
-									}), /* @__PURE__ */ x("div", {
+										children: /* @__PURE__ */ x(v, { className: "h-6 w-6 text-text-secondary" })
+									}), /* @__PURE__ */ S("div", {
 										className: "flex-1 min-w-0",
 										children: [
-											/* @__PURE__ */ x("h3", {
+											/* @__PURE__ */ S("h3", {
 												className: "font-medium text-text-primary",
 												children: [
 													e.firstName,
@@ -407,86 +414,86 @@ function C() {
 													e.lastName
 												]
 											}),
-											/* @__PURE__ */ b("p", {
+											/* @__PURE__ */ x("p", {
 												className: "text-sm text-text-secondary truncate",
 												children: e.email
 											}),
-											/* @__PURE__ */ b("p", {
+											/* @__PURE__ */ x("p", {
 												className: "text-sm text-text-secondary",
 												children: e.phone
 											})
 										]
 									})]
 								}),
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ S("div", {
 									className: "flex flex-wrap gap-2 mb-3",
-									children: [Y(e.role), X(e.status)]
+									children: [Q(e.role), $(e.status)]
 								}),
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ S("div", {
 									className: "grid grid-cols-2 gap-4 text-sm mb-3",
-									children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+									children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 										className: "text-text-secondary",
 										children: "Registered"
-									}), /* @__PURE__ */ b("p", {
+									}), /* @__PURE__ */ x("p", {
 										className: "text-text-primary",
-										children: K(e.registrationDate)
-									})] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+										children: Y(e.registrationDate)
+									})] }), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("p", {
 										className: "text-text-secondary",
 										children: "Last Login"
-									}), /* @__PURE__ */ b("p", {
+									}), /* @__PURE__ */ x("p", {
 										className: "text-text-primary",
-										children: e.lastLoginTime ? K(e.lastLoginTime) : "Never"
+										children: e.lastLoginTime ? Y(e.lastLoginTime) : "Never"
 									})] })]
 								}),
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ S("div", {
 									className: "flex flex-wrap gap-3 mb-3",
 									children: [
-										/* @__PURE__ */ x("div", {
+										/* @__PURE__ */ S("div", {
 											className: "flex items-center",
-											children: [/* @__PURE__ */ b("span", { className: t("w-2 h-2 rounded-full mr-2", e.isEmailVerified ? "bg-status-success-bg-subtle" : "bg-status-error-bg-subtle") }), /* @__PURE__ */ b("span", {
+											children: [/* @__PURE__ */ x("span", { className: t("w-2 h-2 rounded-full mr-2", e.isEmailVerified ? "bg-status-success-bg-subtle" : "bg-status-error-bg-subtle") }), /* @__PURE__ */ x("span", {
 												className: "text-sm text-text-secondary",
 												children: "Email"
 											})]
 										}),
-										/* @__PURE__ */ x("div", {
+										/* @__PURE__ */ S("div", {
 											className: "flex items-center",
-											children: [/* @__PURE__ */ b("span", { className: t("w-2 h-2 rounded-full mr-2", e.isPhoneVerified ? "bg-status-success-bg-subtle" : "bg-status-error-bg-subtle") }), /* @__PURE__ */ b("span", {
+											children: [/* @__PURE__ */ x("span", { className: t("w-2 h-2 rounded-full mr-2", e.isPhoneVerified ? "bg-status-success-bg-subtle" : "bg-status-error-bg-subtle") }), /* @__PURE__ */ x("span", {
 												className: "text-sm text-text-secondary",
 												children: "Phone"
 											})]
 										}),
-										e.kycStatus && /* @__PURE__ */ x("div", {
+										e.kycStatus && /* @__PURE__ */ S("div", {
 											className: "flex items-center",
-											children: [/* @__PURE__ */ b("span", { className: t("w-2 h-2 rounded-full mr-2", e.kycStatus === "verified" ? "bg-status-success-bg-subtle" : e.kycStatus === "pending" ? "bg-status-warning-bg-subtle" : "bg-status-error-bg-subtle") }), /* @__PURE__ */ b("span", {
+											children: [/* @__PURE__ */ x("span", { className: t("w-2 h-2 rounded-full mr-2", e.kycStatus === "verified" ? "bg-status-success-bg-subtle" : e.kycStatus === "pending" ? "bg-status-warning-bg-subtle" : "bg-status-error-bg-subtle") }), /* @__PURE__ */ x("span", {
 												className: "text-sm text-text-secondary",
 												children: "KYC"
 											})]
 										})
 									]
 								}),
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ S("div", {
 									className: "flex flex-wrap gap-2",
 									children: [
-										/* @__PURE__ */ b("button", {
+										/* @__PURE__ */ x("button", {
 											type: "button",
-											onClick: () => U(e, "edit"),
+											onClick: () => K(e, "edit"),
 											className: "rounded-lg border border-border-subtle px-3 py-1.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 											children: "Edit"
 										}),
-										e.status === "active" ? /* @__PURE__ */ b("button", {
+										e.status === "active" ? /* @__PURE__ */ x("button", {
 											type: "button",
-											onClick: () => U(e, "suspend"),
+											onClick: () => K(e, "suspend"),
 											className: "rounded-lg border border-border-subtle px-3 py-1.5 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle/10 transition-colors",
 											children: "Suspend"
-										}) : /* @__PURE__ */ b("button", {
+										}) : /* @__PURE__ */ x("button", {
 											type: "button",
-											onClick: () => U(e, "activate"),
+											onClick: () => K(e, "activate"),
 											className: "rounded-lg border border-border-subtle px-3 py-1.5 text-sm font-medium text-status-success-text hover:bg-status-success-bg-subtle/10 transition-colors",
 											children: "Activate"
 										}),
-										e.kycStatus === "pending" && /* @__PURE__ */ b("button", {
+										e.kycStatus === "pending" && /* @__PURE__ */ x("button", {
 											type: "button",
-											onClick: () => U(e, "verify"),
+											onClick: () => K(e, "verify"),
 											className: "rounded-lg bg-action-primary-bg px-3 py-1.5 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
 											children: "Verify"
 										})
@@ -495,56 +502,56 @@ function C() {
 							]
 						}, e.id))
 					}),
-					/* @__PURE__ */ b("div", {
+					/* @__PURE__ */ x("div", {
 						className: "hidden md:block overflow-x-auto",
-						children: /* @__PURE__ */ x("table", {
+						children: /* @__PURE__ */ S("table", {
 							className: "w-full",
-							children: [/* @__PURE__ */ b("thead", { children: /* @__PURE__ */ x("tr", {
+							children: [/* @__PURE__ */ x("thead", { children: /* @__PURE__ */ S("tr", {
 								className: "border-b border-border-subtle bg-bg-sunken/50",
 								children: [
-									/* @__PURE__ */ b("th", {
+									/* @__PURE__ */ x("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "User"
 									}),
-									/* @__PURE__ */ b("th", {
+									/* @__PURE__ */ x("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Role & Status"
 									}),
-									/* @__PURE__ */ b("th", {
+									/* @__PURE__ */ x("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Activity"
 									}),
-									/* @__PURE__ */ b("th", {
+									/* @__PURE__ */ x("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Performance"
 									}),
-									/* @__PURE__ */ b("th", {
+									/* @__PURE__ */ x("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Verification"
 									}),
-									/* @__PURE__ */ b("th", {
+									/* @__PURE__ */ x("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Actions"
 									})
 								]
-							}) }), /* @__PURE__ */ b("tbody", {
+							}) }), /* @__PURE__ */ x("tbody", {
 								className: "divide-y divide-border",
-								children: J.map((e) => /* @__PURE__ */ x("tr", {
+								children: Z.map((e) => /* @__PURE__ */ S("tr", {
 									className: "hover:bg-accent/50 transition-colors",
 									children: [
-										/* @__PURE__ */ b("td", {
+										/* @__PURE__ */ x("td", {
 											className: "px-4 py-3",
-											children: /* @__PURE__ */ x("div", {
+											children: /* @__PURE__ */ S("div", {
 												className: "flex items-center gap-3",
-												children: [e.profilePicture ? /* @__PURE__ */ b("img", {
+												children: [e.profilePicture ? /* @__PURE__ */ x("img", {
 													src: e.profilePicture,
 													alt: `${e.firstName}`,
 													className: "w-10 h-10 rounded-full object-cover"
-												}) : /* @__PURE__ */ b("div", {
+												}) : /* @__PURE__ */ x("div", {
 													className: "w-10 h-10 rounded-full bg-bg-sunken flex items-center justify-center",
-													children: /* @__PURE__ */ b(_, { className: "h-5 w-5 text-text-secondary" })
-												}), /* @__PURE__ */ x("div", { children: [
-													/* @__PURE__ */ x("p", {
+													children: /* @__PURE__ */ x(v, { className: "h-5 w-5 text-text-secondary" })
+												}), /* @__PURE__ */ S("div", { children: [
+													/* @__PURE__ */ S("p", {
 														className: "text-sm font-medium text-text-primary",
 														children: [
 															e.firstName,
@@ -552,60 +559,60 @@ function C() {
 															e.lastName
 														]
 													}),
-													/* @__PURE__ */ b("p", {
+													/* @__PURE__ */ x("p", {
 														className: "text-xs text-text-secondary",
 														children: e.email
 													}),
-													/* @__PURE__ */ b("p", {
+													/* @__PURE__ */ x("p", {
 														className: "text-xs text-text-secondary",
 														children: e.phone
 													})
 												] })]
 											})
 										}),
-										/* @__PURE__ */ b("td", {
+										/* @__PURE__ */ x("td", {
 											className: "px-4 py-3",
-											children: /* @__PURE__ */ x("div", {
+											children: /* @__PURE__ */ S("div", {
 												className: "space-y-1",
 												children: [
-													Y(e.role),
-													/* @__PURE__ */ b("br", {}),
-													X(e.status)
+													Q(e.role),
+													/* @__PURE__ */ x("br", {}),
+													$(e.status)
 												]
 											})
 										}),
-										/* @__PURE__ */ x("td", {
+										/* @__PURE__ */ S("td", {
 											className: "px-4 py-3 text-sm",
 											children: [
-												/* @__PURE__ */ x("p", {
+												/* @__PURE__ */ S("p", {
 													className: "text-text-primary",
-													children: ["Registered: ", K(e.registrationDate)]
+													children: ["Registered: ", Y(e.registrationDate)]
 												}),
-												e.lastLoginTime && /* @__PURE__ */ x("p", {
+												e.lastLoginTime && /* @__PURE__ */ S("p", {
 													className: "text-text-secondary",
-													children: ["Last login: ", K(e.lastLoginTime)]
+													children: ["Last login: ", Y(e.lastLoginTime)]
 												}),
-												e.deviceInfo && /* @__PURE__ */ x("p", {
+												e.deviceInfo && /* @__PURE__ */ S("p", {
 													className: "text-text-secondary flex items-center gap-1",
-													children: [/* @__PURE__ */ b(p, { className: "h-3 w-3" }), e.deviceInfo]
+													children: [/* @__PURE__ */ x(m, { className: "h-3 w-3" }), e.deviceInfo]
 												})
 											]
 										}),
-										/* @__PURE__ */ x("td", {
+										/* @__PURE__ */ S("td", {
 											className: "px-4 py-3 text-sm",
 											children: [
-												e.role === "customer" && e.totalOrders != null && /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x("p", {
+												e.role === "customer" && e.totalOrders != null && /* @__PURE__ */ S(b, { children: [/* @__PURE__ */ S("p", {
 													className: "text-text-primary",
 													children: [e.totalOrders, " orders"]
-												}), /* @__PURE__ */ x("p", {
+												}), /* @__PURE__ */ S("p", {
 													className: "text-text-secondary",
-													children: [q(e.totalSpent ?? 0), " spent"]
+													children: [X(e.totalSpent ?? 0), " spent"]
 												})] }),
-												(e.role === "cart_owner" || e.role === "worker") && e.totalEarnings != null && /* @__PURE__ */ x("p", {
+												(e.role === "cart_owner" || e.role === "worker") && e.totalEarnings != null && /* @__PURE__ */ S("p", {
 													className: "text-text-primary",
-													children: [q(e.totalEarnings), " earned"]
+													children: [X(e.totalEarnings), " earned"]
 												}),
-												e.role === "investor" && e.riskScore != null && /* @__PURE__ */ x("p", {
+												e.role === "investor" && e.riskScore != null && /* @__PURE__ */ S("p", {
 													className: "text-text-primary",
 													children: [
 														"Risk: ",
@@ -615,28 +622,28 @@ function C() {
 												})
 											]
 										}),
-										/* @__PURE__ */ b("td", {
+										/* @__PURE__ */ x("td", {
 											className: "px-4 py-3",
-											children: /* @__PURE__ */ x("div", {
+											children: /* @__PURE__ */ S("div", {
 												className: "space-y-1",
 												children: [
-													/* @__PURE__ */ x("div", {
+													/* @__PURE__ */ S("div", {
 														className: "flex items-center gap-2",
-														children: [/* @__PURE__ */ b("span", { className: t("w-2 h-2 rounded-full", e.isEmailVerified ? "bg-status-success-bg-subtle" : "bg-status-error-bg-subtle") }), /* @__PURE__ */ b("span", {
+														children: [/* @__PURE__ */ x("span", { className: t("w-2 h-2 rounded-full", e.isEmailVerified ? "bg-status-success-bg-subtle" : "bg-status-error-bg-subtle") }), /* @__PURE__ */ x("span", {
 															className: "text-sm text-text-secondary",
 															children: "Email"
 														})]
 													}),
-													/* @__PURE__ */ x("div", {
+													/* @__PURE__ */ S("div", {
 														className: "flex items-center gap-2",
-														children: [/* @__PURE__ */ b("span", { className: t("w-2 h-2 rounded-full", e.isPhoneVerified ? "bg-status-success-bg-subtle" : "bg-status-error-bg-subtle") }), /* @__PURE__ */ b("span", {
+														children: [/* @__PURE__ */ x("span", { className: t("w-2 h-2 rounded-full", e.isPhoneVerified ? "bg-status-success-bg-subtle" : "bg-status-error-bg-subtle") }), /* @__PURE__ */ x("span", {
 															className: "text-sm text-text-secondary",
 															children: "Phone"
 														})]
 													}),
-													e.kycStatus && /* @__PURE__ */ x("div", {
+													e.kycStatus && /* @__PURE__ */ S("div", {
 														className: "flex items-center gap-2",
-														children: [/* @__PURE__ */ b("span", { className: t("w-2 h-2 rounded-full", e.kycStatus === "verified" ? "bg-status-success-bg-subtle" : e.kycStatus === "pending" ? "bg-status-warning-bg-subtle" : "bg-status-error-bg-subtle") }), /* @__PURE__ */ b("span", {
+														children: [/* @__PURE__ */ x("span", { className: t("w-2 h-2 rounded-full", e.kycStatus === "verified" ? "bg-status-success-bg-subtle" : e.kycStatus === "pending" ? "bg-status-warning-bg-subtle" : "bg-status-error-bg-subtle") }), /* @__PURE__ */ x("span", {
 															className: "text-sm text-text-secondary",
 															children: "KYC"
 														})]
@@ -644,37 +651,37 @@ function C() {
 												]
 											})
 										}),
-										/* @__PURE__ */ b("td", {
+										/* @__PURE__ */ x("td", {
 											className: "px-4 py-3",
-											children: /* @__PURE__ */ x("div", {
+											children: /* @__PURE__ */ S("div", {
 												className: "flex gap-1",
 												children: [
-													/* @__PURE__ */ b("button", {
+													/* @__PURE__ */ x("button", {
 														type: "button",
-														onClick: () => U(e, "edit"),
+														onClick: () => K(e, "edit"),
 														title: "Edit",
 														className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-accent transition-colors",
-														children: /* @__PURE__ */ b(l, { className: "h-4 w-4" })
+														children: /* @__PURE__ */ x(u, { className: "h-4 w-4" })
 													}),
-													e.status === "active" ? /* @__PURE__ */ b("button", {
+													e.status === "active" ? /* @__PURE__ */ x("button", {
 														type: "button",
-														onClick: () => U(e, "suspend"),
+														onClick: () => K(e, "suspend"),
 														title: "Suspend",
 														className: "rounded p-1.5 text-text-secondary hover:text-status-error-text hover:bg-status-error-bg-subtle/10 transition-colors",
-														children: /* @__PURE__ */ b(g, { className: "h-4 w-4" })
-													}) : /* @__PURE__ */ b("button", {
+														children: /* @__PURE__ */ x(_, { className: "h-4 w-4" })
+													}) : /* @__PURE__ */ x("button", {
 														type: "button",
-														onClick: () => U(e, "activate"),
+														onClick: () => K(e, "activate"),
 														title: "Activate",
 														className: "rounded p-1.5 text-text-secondary hover:text-status-success-text hover:bg-status-success-bg-subtle/10 transition-colors",
-														children: /* @__PURE__ */ b(h, { className: "h-4 w-4" })
+														children: /* @__PURE__ */ x(g, { className: "h-4 w-4" })
 													}),
-													e.kycStatus === "pending" && /* @__PURE__ */ b("button", {
+													e.kycStatus === "pending" && /* @__PURE__ */ x("button", {
 														type: "button",
-														onClick: () => U(e, "verify"),
+														onClick: () => K(e, "verify"),
 														title: "Verify",
 														className: "rounded p-1.5 text-text-secondary hover:text-accent-blue hover:bg-accent-blue-subtle/10 transition-colors",
-														children: /* @__PURE__ */ b(f, { className: "h-4 w-4" })
+														children: /* @__PURE__ */ x(p, { className: "h-4 w-4" })
 													})
 												]
 											})
@@ -684,200 +691,198 @@ function C() {
 							})]
 						})
 					}),
-					w.length === 0 && /* @__PURE__ */ x("div", {
-						className: "flex flex-col items-center justify-center py-12 px-4",
-						children: [/* @__PURE__ */ b(_, { className: "h-10 w-10 text-text-secondary/50 mb-3" }), /* @__PURE__ */ b("p", {
-							className: "text-sm text-text-secondary",
-							children: "No users found matching your criteria"
-						})]
+					D.length === 0 && /* @__PURE__ */ x(r, {
+						illustration: "empty-people",
+						title: "No users found",
+						description: "No users match your current filters. Try adjusting your search criteria."
 					})
 				]
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ S("div", {
 				className: "mt-6 flex flex-col sm:flex-row sm:items-center justify-between gap-4",
-				children: [/* @__PURE__ */ x("p", {
+				children: [/* @__PURE__ */ S("p", {
 					className: "text-sm text-text-secondary text-center sm:text-left",
 					children: [
 						"Showing",
 						" ",
-						/* @__PURE__ */ b("span", {
+						/* @__PURE__ */ x("span", {
 							className: "font-medium",
-							children: Math.min((I - 1) * 10 + 1, w.length)
+							children: Math.min((z - 1) * 10 + 1, D.length)
 						}),
 						" ",
 						"to",
 						" ",
-						/* @__PURE__ */ b("span", {
+						/* @__PURE__ */ x("span", {
 							className: "font-medium",
-							children: Math.min(I * 10, w.length)
+							children: Math.min(z * 10, D.length)
 						}),
 						" ",
 						"of ",
-						/* @__PURE__ */ b("span", {
+						/* @__PURE__ */ x("span", {
 							className: "font-medium",
-							children: w.length
+							children: D.length
 						}),
 						" results"
 					]
-				}), /* @__PURE__ */ x("div", {
+				}), /* @__PURE__ */ S("div", {
 					className: "flex justify-center sm:justify-end gap-2",
-					children: [/* @__PURE__ */ x("button", {
+					children: [/* @__PURE__ */ S("button", {
 						type: "button",
-						disabled: I === 1,
-						onClick: () => L((e) => Math.max(1, e - 1)),
+						disabled: z === 1,
+						onClick: () => B((e) => Math.max(1, e - 1)),
 						className: "flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-						children: [/* @__PURE__ */ b(s, { className: "h-4 w-4" }), "Previous"]
-					}), /* @__PURE__ */ x("button", {
+						children: [/* @__PURE__ */ x(c, { className: "h-4 w-4" }), "Previous"]
+					}), /* @__PURE__ */ S("button", {
 						type: "button",
-						disabled: I * 10 >= w.length,
-						onClick: () => L((e) => e + 1),
+						disabled: z * 10 >= D.length,
+						onClick: () => B((e) => e + 1),
 						className: "flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-						children: ["Next", /* @__PURE__ */ b(c, { className: "h-4 w-4" })]
+						children: ["Next", /* @__PURE__ */ x(l, { className: "h-4 w-4" })]
 					})]
 				})]
 			}),
-			A && O && /* @__PURE__ */ b("div", {
+			N && j && /* @__PURE__ */ x("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-				children: /* @__PURE__ */ x("div", {
+				children: /* @__PURE__ */ S("div", {
 					className: "w-full max-w-md rounded-lg border border-border-subtle bg-bg-surface shadow-lg max-h-[90vh] overflow-y-auto",
-					children: [/* @__PURE__ */ x("div", {
+					children: [/* @__PURE__ */ S("div", {
 						className: "flex items-center justify-between p-4 border-b border-border-subtle",
-						children: [/* @__PURE__ */ b("h3", {
+						children: [/* @__PURE__ */ x("h3", {
 							className: "text-lg font-semibold text-text-primary",
-							children: M === "edit" ? "Edit User" : "Delete User"
-						}), /* @__PURE__ */ b("button", {
+							children: F === "edit" ? "Edit User" : "Delete User"
+						}), /* @__PURE__ */ x("button", {
 							type: "button",
-							onClick: () => j(!1),
+							onClick: () => P(!1),
 							className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-accent transition-colors",
-							children: /* @__PURE__ */ b(v, { className: "h-5 w-5" })
+							children: /* @__PURE__ */ x(y, { className: "h-5 w-5" })
 						})]
-					}), /* @__PURE__ */ b("div", {
+					}), /* @__PURE__ */ x("div", {
 						className: "p-4",
-						children: M === "delete" ? /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("p", {
+						children: F === "delete" ? /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("p", {
 							className: "text-text-secondary mb-4",
 							children: [
 								"Are you sure you want to delete user \"",
-								O.firstName,
+								j.firstName,
 								" ",
-								O.lastName,
+								j.lastName,
 								"\"? This action cannot be undone."
 							]
-						}), /* @__PURE__ */ x("div", {
+						}), /* @__PURE__ */ S("div", {
 							className: "flex gap-3",
-							children: [/* @__PURE__ */ b("button", {
+							children: [/* @__PURE__ */ x("button", {
 								type: "button",
-								onClick: () => j(!1),
+								onClick: () => P(!1),
 								className: "flex-1 rounded-lg border border-border-subtle py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 								children: "Cancel"
-							}), /* @__PURE__ */ b("button", {
+							}), /* @__PURE__ */ x("button", {
 								type: "button",
-								onClick: W,
+								onClick: q,
 								className: "flex-1 rounded-lg bg-status-error-bg-subtle hover:bg-status-error-bg-subtle py-2 text-sm font-medium text-white transition-colors",
 								children: "Delete User"
 							})]
-						})] }) : /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("div", {
+						})] }) : /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("div", {
 							className: "space-y-4",
 							children: [
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ S("div", {
 									className: "grid grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+									children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
 										className: "block text-sm font-medium text-text-secondary mb-1",
 										children: "First Name"
-									}), /* @__PURE__ */ b("input", {
+									}), /* @__PURE__ */ x("input", {
 										type: "text",
-										value: P.firstName,
-										onChange: (e) => F((t) => ({
+										value: L.firstName,
+										onChange: (e) => R((t) => ({
 											...t,
 											firstName: e.target.value
 										})),
 										className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
-									})] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+									})] }), /* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
 										className: "block text-sm font-medium text-text-secondary mb-1",
 										children: "Last Name"
-									}), /* @__PURE__ */ b("input", {
+									}), /* @__PURE__ */ x("input", {
 										type: "text",
-										value: P.lastName,
-										onChange: (e) => F((t) => ({
+										value: L.lastName,
+										onChange: (e) => R((t) => ({
 											...t,
 											lastName: e.target.value
 										})),
 										className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 									})] })]
 								}),
-								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
 									className: "block text-sm font-medium text-text-secondary mb-1",
 									children: "Email"
-								}), /* @__PURE__ */ b("input", {
+								}), /* @__PURE__ */ x("input", {
 									type: "email",
-									value: P.email,
-									onChange: (e) => F((t) => ({
+									value: L.email,
+									onChange: (e) => R((t) => ({
 										...t,
 										email: e.target.value
 									})),
 									className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 								})] }),
-								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
 									className: "block text-sm font-medium text-text-secondary mb-1",
 									children: "Phone"
-								}), /* @__PURE__ */ b("input", {
+								}), /* @__PURE__ */ x("input", {
 									type: "tel",
-									value: P.phone,
-									onChange: (e) => F((t) => ({
+									value: L.phone,
+									onChange: (e) => R((t) => ({
 										...t,
 										phone: e.target.value
 									})),
 									className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]"
 								})] }),
-								/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
+								/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ x("label", {
 									className: "block text-sm font-medium text-text-secondary mb-1",
 									children: "Role"
-								}), /* @__PURE__ */ x("select", {
-									value: P.role,
-									onChange: (e) => F((t) => ({
+								}), /* @__PURE__ */ S("select", {
+									value: L.role,
+									onChange: (e) => R((t) => ({
 										...t,
 										role: e.target.value
 									})),
 									className: "w-full rounded-lg border border-border-subtle bg-bg-surface py-2 px-3 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 									children: [
-										/* @__PURE__ */ b("option", {
+										/* @__PURE__ */ x("option", {
 											value: "customer",
 											children: "Customer"
 										}),
-										/* @__PURE__ */ b("option", {
+										/* @__PURE__ */ x("option", {
 											value: "cart_owner",
 											children: "Cart Owner"
 										}),
-										/* @__PURE__ */ b("option", {
+										/* @__PURE__ */ x("option", {
 											value: "worker",
 											children: "Worker"
 										}),
-										/* @__PURE__ */ b("option", {
+										/* @__PURE__ */ x("option", {
 											value: "investor",
 											children: "Investor"
 										})
 									]
 								})] })
 							]
-						}), /* @__PURE__ */ x("div", {
+						}), /* @__PURE__ */ S("div", {
 							className: "flex gap-3 mt-6",
 							children: [
-								/* @__PURE__ */ b("button", {
+								/* @__PURE__ */ x("button", {
 									type: "button",
-									onClick: () => j(!1),
+									onClick: () => P(!1),
 									className: "flex-1 rounded-lg border border-border-subtle py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 									children: "Cancel"
 								}),
-								/* @__PURE__ */ b("button", {
+								/* @__PURE__ */ x("button", {
 									type: "button",
-									onClick: G,
+									onClick: J,
 									className: "flex-1 rounded-lg bg-action-primary-bg py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
 									children: "Save Changes"
 								}),
-								/* @__PURE__ */ b("button", {
+								/* @__PURE__ */ x("button", {
 									type: "button",
-									onClick: () => N("delete"),
+									onClick: () => I("delete"),
 									className: "rounded-lg border border-border-subtle py-2 px-3 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle/10 transition-colors",
-									children: /* @__PURE__ */ b(m, { className: "h-4 w-4" })
+									children: /* @__PURE__ */ x(h, { className: "h-4 w-4" })
 								})
 							]
 						})] })
@@ -888,6 +893,6 @@ function C() {
 	});
 }
 //#endregion
-export { C as UserManagementPage };
+export { E as UserManagementPage };
 
 //# sourceMappingURL=UserManagementPage.js.map