@burdenoff/microfe-kadaikodi 2026.704.3 → 2026.704.4

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

@@ -2,14 +2,15 @@ import { useKadaikodi as e } from "../../context/KadaikodiContext.js";
 import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
 import { EmptyState as r } from "../../components/EmptyState.js";
-import { useProviders as i } from "../../hooks/useKadaikodiApi.js";
-import { 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 { EmphasisPanel as S, PagePurpose as C } from "@burdenoff/fe-libs/ui";
+import { useProviders as i, useUpdateProvider as a } from "../../hooks/useKadaikodiApi.js";
+import { useMemo as o, useState as s } from "react";
+import { AlertCircle as c, CheckCircle2 as l, ChevronLeft as u, ChevronRight as d, Eye as f, Loader2 as p, Mail as m, Phone as h, Search as g, Shield as _, Smartphone as v, UserCheck as y, UserX as b, Users as x, X as S } from "lucide-react";
+import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { EmphasisPanel as E, PagePurpose as D } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/admin/UserManagementPage.tsx
-var w = (e) => ({
+var O = (e) => ({
 	id: e.ownerId ?? e.id,
+	providerId: e.id,
 	email: "",
 	phone: "",
 	firstName: e.name,
@@ -21,30 +22,29 @@ var w = (e) => ({
 	status: e.isOpen ? "active" : "inactive",
 	registrationDate: e.createdAt ?? (/* @__PURE__ */ new Date(0)).toISOString()
 });
-function T() {
-	let { navigateTo: T } = e(), { data: E = [], isLoading: D } = i(), [O, k] = o(null), [A, j] = o(!1), [M, N] = o("edit"), [P, F] = o({
-		firstName: "",
-		lastName: "",
-		email: "",
-		phone: "",
-		role: ""
-	}), [I, L] = o(1), [R, z] = o({
+function k() {
+	let { navigateTo: k } = e(), { data: A = [], isLoading: j } = i(), M = a(), [N, P] = s(null), [F, I] = s(!1), [L, R] = s(null), z = (e, t) => {
+		R({
+			text: e,
+			type: t
+		}), setTimeout(() => R(null), 3500);
+	}, [B, V] = s(1), [H, U] = s({
 		role: "",
 		status: "",
 		searchQuery: "",
 		sortBy: "recent",
 		registrationDate: ""
-	}), B = a(() => E.map(w), [E]), V = a(() => {
-		let e = [...B];
-		if (R.searchQuery) {
-			let t = R.searchQuery.toLowerCase();
+	}), W = o(() => A.map(O), [A]), G = o(() => {
+		let e = [...W];
+		if (H.searchQuery) {
+			let t = H.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 (H.role && (e = e.filter((e) => e.role === H.role)), H.status && (e = e.filter((e) => e.status === H.status)), H.registrationDate) {
+			let t = parseInt(H.registrationDate), n = /* @__PURE__ */ new Date(Date.now() - t * 864e5);
 			e = e.filter((e) => new Date(e.registrationDate) >= n);
 		}
-		switch (R.sortBy) {
+		switch (H.sortBy) {
 			case "name":
 				e.sort((e, t) => e.firstName.localeCompare(t.firstName));
 				break;
@@ -57,48 +57,44 @@ function T() {
 			default: e.sort((e, t) => new Date(t.registrationDate).getTime() - new Date(e.registrationDate).getTime());
 		}
 		return e;
-	}, [B, R]), H = a(() => {
+	}, [W, H]), K = o(() => {
 		let e = Date.now() - 30 * 864e5;
 		return {
-			totalUsers: B.length,
-			activeUsers: B.filter((e) => e.status === "active").length,
-			newUsers: B.filter((t) => new Date(t.registrationDate).getTime() >= e).length,
-			verifiedUsers: B.filter((e) => e.isEmailVerified).length,
-			customers: B.filter((e) => e.role === "customer").length,
-			cartOwners: B.filter((e) => e.role === "cart_owner").length,
-			workers: B.filter((e) => e.role === "worker").length,
-			investors: B.filter((e) => e.role === "investor").length
+			totalUsers: W.length,
+			activeUsers: W.filter((e) => e.status === "active").length,
+			newUsers: W.filter((t) => new Date(t.registrationDate).getTime() >= e).length,
+			verifiedUsers: W.filter((e) => e.isEmailVerified).length,
+			customers: W.filter((e) => e.role === "customer").length,
+			cartOwners: W.filter((e) => e.role === "cart_owner").length,
+			workers: W.filter((e) => e.role === "worker").length,
+			investors: W.filter((e) => e.role === "investor").length
 		};
-	}, [B]), U = (e, t) => {
-		z((n) => ({
+	}, [W]), q = (e, t) => {
+		U((n) => ({
 			...n,
 			[e]: t
-		})), L(1);
-	}, W = (e, t) => {
+		})), V(1);
+	}, J = (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);
+			let n = t === "suspend" ? "SUSPENDED" : t === "activate" ? "ACTIVE" : "VERIFIED", r = t === "suspend" ? "suspended" : t === "activate" ? "activated" : "verified";
+			M.mutate({
+				id: e.providerId,
+				input: { status: n }
+			}, {
+				onSuccess: () => z(`${e.firstName} ${e.lastName} ${r}.`, "success"),
+				onError: () => z(`Could not ${t} ${e.firstName}. Please try again.`, "error")
+			});
 			return;
 		}
-		k(e), N(t), F({
-			firstName: e.firstName,
-			lastName: e.lastName,
-			email: e.email,
-			phone: e.phone,
-			role: e.role
-		}), j(!0);
-	}, G = () => {
-		O && (alert(`User ${O.firstName} ${O.lastName} deleted`), j(!1));
-	}, K = () => {
-		alert("User updated successfully"), j(!1);
-	}, q = (e) => new Date(e).toLocaleDateString("en-IN", {
+		P(e), I(!0);
+	}, Y = (e) => new Date(e).toLocaleDateString("en-IN", {
 		year: "numeric",
 		month: "short",
 		day: "numeric"
-	}), J = (e) => `₹${e.toLocaleString("en-IN")}`, Y = a(() => {
-		let e = (I - 1) * 10;
-		return V.slice(e, e + 10);
-	}, [V, I]), X = (e) => /* @__PURE__ */ b("span", {
+	}), X = (e) => `₹${e.toLocaleString("en-IN")}`, Z = o(() => {
+		let e = (B - 1) * 10;
+		return G.slice(e, e + 10);
+	}, [G, B]), Q = (e) => /* @__PURE__ */ w("span", {
 		className: t("inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium", {
 			customer: "bg-[var(--color-accent-soft)] text-text-primary",
 			cart_owner: "bg-status-success-bg-subtle text-status-success-text",
@@ -113,7 +109,7 @@ function T() {
 			investor: "Investor",
 			admin: "Admin"
 		}[e] ?? e
-	}), Z = (e) => /* @__PURE__ */ b("span", {
+	}), $ = (e) => /* @__PURE__ */ w("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 text-status-success-text",
 			inactive: "bg-bg-sunken text-text-secondary",
@@ -122,194 +118,201 @@ function T() {
 		}[e]),
 		children: e
 	});
-	return D ? /* @__PURE__ */ b(n, {
+	return j ? /* @__PURE__ */ w(n, {
 		title: "User Management",
 		description: "Loading users...",
-		children: /* @__PURE__ */ x("div", {
+		children: /* @__PURE__ */ T("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__ */ w(p, { className: "h-10 w-10 animate-spin text-text-secondary mb-4" }), /* @__PURE__ */ w("p", {
 				className: "text-text-secondary",
 				children: "Loading users..."
 			})]
 		})
-	}) : /* @__PURE__ */ x(n, {
+	}) : /* @__PURE__ */ T(n, {
 		title: "User Management",
-		description: `${(H.totalUsers ?? 0).toLocaleString("en-IN")} registered users on the platform`,
+		description: `${(K.totalUsers ?? 0).toLocaleString("en-IN")} registered users on the platform`,
 		children: [
-			/* @__PURE__ */ b(C, {
+			/* @__PURE__ */ w(D, {
 				className: "mb-6",
-				children: "The directory of everyone on Kadaikodi — customers, cart owners, workers and investors. Use this page to find an account, verify or activate users, edit roles, and step in when someone needs help or needs to be removed. Filter by role or status to manage one group at a time."
+				children: "The directory of everyone on Kadaikodi — customers, cart owners, workers and investors. Use this page to find an account, verify or activate users, edit roles, and step in when someone needs help. Filter by role or status to manage one group at a time."
 			}),
-			/* @__PURE__ */ x(S, {
+			L && /* @__PURE__ */ T("div", {
+				className: t("mb-6 flex items-center gap-2 rounded-lg border p-3", L.type === "success" ? "border-status-success-text/30 bg-status-success-bg-subtle" : "border-status-error-text/30 bg-status-error-bg-subtle"),
+				children: [L.type === "success" ? /* @__PURE__ */ w(l, { className: "h-4 w-4 text-status-success-text" }) : /* @__PURE__ */ w(c, { className: "h-4 w-4 text-status-error-text" }), /* @__PURE__ */ w("span", {
+					className: t("text-sm font-medium", L.type === "success" ? "text-status-success-text" : "text-status-error-text"),
+					children: L.text
+				})]
+			}),
+			/* @__PURE__ */ T(E, {
 				className: "mb-6",
-				children: [/* @__PURE__ */ b("h2", {
+				children: [/* @__PURE__ */ w("h2", {
 					className: "mb-4 text-lg font-semibold text-text-primary",
 					children: "User Base Overview"
-				}), /* @__PURE__ */ b("div", {
+				}), /* @__PURE__ */ w("div", {
 					className: "grid grid-cols-2 sm:grid-cols-4 lg:grid-cols-8 gap-3",
 					children: [
 						{
 							label: "Total Users",
-							value: (H.totalUsers ?? 0).toLocaleString("en-IN"),
+							value: (K.totalUsers ?? 0).toLocaleString("en-IN"),
 							cls: ""
 						},
 						{
 							label: "Active",
-							value: (H.activeUsers ?? 0).toLocaleString("en-IN"),
+							value: (K.activeUsers ?? 0).toLocaleString("en-IN"),
 							cls: "bg-status-success-bg-subtle border-status-success-text/30"
 						},
 						{
 							label: "New (30d)",
-							value: H.newUsers.toString(),
+							value: K.newUsers.toString(),
 							cls: "bg-[var(--color-accent-soft)] border-border-focus/30"
 						},
 						{
 							label: "Verified",
-							value: (H.verifiedUsers ?? 0).toLocaleString("en-IN"),
+							value: (K.verifiedUsers ?? 0).toLocaleString("en-IN"),
 							cls: "bg-accent-purple-subtle border-accent-purple/30"
 						},
 						{
 							label: "Customers",
-							value: (H.customers ?? 0).toLocaleString("en-IN"),
+							value: (K.customers ?? 0).toLocaleString("en-IN"),
 							cls: ""
 						},
 						{
 							label: "Cart Owners",
-							value: H.cartOwners.toString(),
+							value: K.cartOwners.toString(),
 							cls: ""
 						},
 						{
 							label: "Workers",
-							value: H.workers.toString(),
+							value: K.workers.toString(),
 							cls: ""
 						},
 						{
 							label: "Investors",
-							value: H.investors.toString(),
+							value: K.investors.toString(),
 							cls: ""
 						}
-					].map((e) => /* @__PURE__ */ x("div", {
+					].map((e) => /* @__PURE__ */ T("div", {
 						className: t("rounded-lg border border-border-subtle bg-bg-surface p-3", e.cls),
-						children: [/* @__PURE__ */ b("p", {
+						children: [/* @__PURE__ */ w("p", {
 							className: "text-xs text-text-secondary",
 							children: e.label
-						}), /* @__PURE__ */ b("p", {
+						}), /* @__PURE__ */ w("p", {
 							className: "text-lg font-bold text-text-primary",
 							children: e.value
 						})]
 					}, e.label))
 				})]
 			}),
-			/* @__PURE__ */ b("div", {
+			/* @__PURE__ */ w("div", {
 				className: "rounded-lg border border-border-subtle bg-bg-surface p-4 mb-6",
-				children: /* @__PURE__ */ x("div", {
+				children: /* @__PURE__ */ T("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__ */ T("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__ */ w(g, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }), /* @__PURE__ */ w("input", {
 								type: "text",
 								placeholder: "Search users...",
-								value: R.searchQuery,
-								onChange: (e) => U("searchQuery", e.target.value),
+								value: H.searchQuery,
+								onChange: (e) => q("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) => U("role", e.target.value),
+						/* @__PURE__ */ T("select", {
+							value: H.role,
+							onChange: (e) => q("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__ */ w("option", {
 									value: "",
 									children: "All Roles"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ w("option", {
 									value: "customer",
 									children: "Customers"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ w("option", {
 									value: "cart_owner",
 									children: "Cart Owners"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ w("option", {
 									value: "worker",
 									children: "Workers"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ w("option", {
 									value: "investor",
 									children: "Investors"
 								})
 							]
 						}),
-						/* @__PURE__ */ x("select", {
-							value: R.status,
-							onChange: (e) => U("status", e.target.value),
+						/* @__PURE__ */ T("select", {
+							value: H.status,
+							onChange: (e) => q("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__ */ w("option", {
 									value: "",
 									children: "All Status"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ w("option", {
 									value: "active",
 									children: "Active"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ w("option", {
 									value: "inactive",
 									children: "Inactive"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ w("option", {
 									value: "suspended",
 									children: "Suspended"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ w("option", {
 									value: "pending",
 									children: "Pending"
 								})
 							]
 						}),
-						/* @__PURE__ */ x("select", {
-							value: R.registrationDate,
-							onChange: (e) => U("registrationDate", e.target.value),
+						/* @__PURE__ */ T("select", {
+							value: H.registrationDate,
+							onChange: (e) => q("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__ */ w("option", {
 									value: "",
 									children: "All Time"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ w("option", {
 									value: "1",
 									children: "Last 24 hours"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ w("option", {
 									value: "7",
 									children: "Last 7 days"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ w("option", {
 									value: "30",
 									children: "Last 30 days"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ w("option", {
 									value: "90",
 									children: "Last 90 days"
 								})
 							]
 						}),
-						/* @__PURE__ */ x("select", {
-							value: R.sortBy,
-							onChange: (e) => U("sortBy", e.target.value),
+						/* @__PURE__ */ T("select", {
+							value: H.sortBy,
+							onChange: (e) => q("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__ */ w("option", {
 									value: "recent",
 									children: "Most Recent"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ w("option", {
 									value: "name",
 									children: "Name A-Z"
 								}),
-								/* @__PURE__ */ b("option", {
+								/* @__PURE__ */ w("option", {
 									value: "activity",
 									children: "Last Activity"
 								})
@@ -318,27 +321,27 @@ function T() {
 					]
 				})
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ T("div", {
 				className: "rounded-lg border border-border-subtle bg-bg-surface overflow-hidden",
 				children: [
-					/* @__PURE__ */ b("div", {
+					/* @__PURE__ */ w("div", {
 						className: "block md:hidden space-y-4 p-4",
-						children: Y.map((e) => /* @__PURE__ */ x("div", {
+						children: Z.map((e) => /* @__PURE__ */ T("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-sunken/30 p-4",
 							children: [
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ T("div", {
 									className: "flex items-center mb-3",
-									children: [e.profilePicture ? /* @__PURE__ */ b("img", {
+									children: [e.profilePicture ? /* @__PURE__ */ w("img", {
 										src: e.profilePicture,
 										alt: `${e.firstName} ${e.lastName}`,
 										className: "w-12 h-12 rounded-full object-cover mr-3"
-									}) : /* @__PURE__ */ b("div", {
+									}) : /* @__PURE__ */ w("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__ */ w(x, { className: "h-6 w-6 text-text-secondary" })
+									}), /* @__PURE__ */ T("div", {
 										className: "flex-1 min-w-0",
 										children: [
-											/* @__PURE__ */ x("h3", {
+											/* @__PURE__ */ T("h3", {
 												className: "font-medium text-text-primary",
 												children: [
 													e.firstName,
@@ -346,86 +349,86 @@ function T() {
 													e.lastName
 												]
 											}),
-											/* @__PURE__ */ b("p", {
+											/* @__PURE__ */ w("p", {
 												className: "text-sm text-text-secondary truncate",
 												children: e.email
 											}),
-											/* @__PURE__ */ b("p", {
+											/* @__PURE__ */ w("p", {
 												className: "text-sm text-text-secondary",
 												children: e.phone
 											})
 										]
 									})]
 								}),
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ T("div", {
 									className: "flex flex-wrap gap-2 mb-3",
-									children: [X(e.role), Z(e.status)]
+									children: [Q(e.role), $(e.status)]
 								}),
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ T("div", {
 									className: "grid grid-cols-2 gap-4 text-sm mb-3",
-									children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+									children: [/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 										className: "text-text-secondary",
 										children: "Registered"
-									}), /* @__PURE__ */ b("p", {
+									}), /* @__PURE__ */ w("p", {
 										className: "text-text-primary",
-										children: q(e.registrationDate)
-									})] }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+										children: Y(e.registrationDate)
+									})] }), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
 										className: "text-text-secondary",
 										children: "Last Login"
-									}), /* @__PURE__ */ b("p", {
+									}), /* @__PURE__ */ w("p", {
 										className: "text-text-primary",
-										children: e.lastLoginTime ? q(e.lastLoginTime) : "Never"
+										children: e.lastLoginTime ? Y(e.lastLoginTime) : "Never"
 									})] })]
 								}),
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ T("div", {
 									className: "flex flex-wrap gap-3 mb-3",
 									children: [
-										/* @__PURE__ */ x("div", {
+										/* @__PURE__ */ T("div", {
 											className: "flex items-center",
-											children: [/* @__PURE__ */ b("span", { className: t("w-2 h-2 rounded-full mr-2", e.isEmailVerified ? "bg-status-success-text" : "bg-status-error-text") }), /* @__PURE__ */ b("span", {
+											children: [/* @__PURE__ */ w("span", { className: t("w-2 h-2 rounded-full mr-2", e.isEmailVerified ? "bg-status-success-text" : "bg-status-error-text") }), /* @__PURE__ */ w("span", {
 												className: "text-sm text-text-secondary",
 												children: "Email"
 											})]
 										}),
-										/* @__PURE__ */ x("div", {
+										/* @__PURE__ */ T("div", {
 											className: "flex items-center",
-											children: [/* @__PURE__ */ b("span", { className: t("w-2 h-2 rounded-full mr-2", e.isPhoneVerified ? "bg-status-success-text" : "bg-status-error-text") }), /* @__PURE__ */ b("span", {
+											children: [/* @__PURE__ */ w("span", { className: t("w-2 h-2 rounded-full mr-2", e.isPhoneVerified ? "bg-status-success-text" : "bg-status-error-text") }), /* @__PURE__ */ w("span", {
 												className: "text-sm text-text-secondary",
 												children: "Phone"
 											})]
 										}),
-										e.kycStatus && /* @__PURE__ */ x("div", {
+										e.kycStatus && /* @__PURE__ */ T("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-text" : e.kycStatus === "pending" ? "bg-status-warning-text" : "bg-status-error-text") }), /* @__PURE__ */ b("span", {
+											children: [/* @__PURE__ */ w("span", { className: t("w-2 h-2 rounded-full mr-2", e.kycStatus === "verified" ? "bg-status-success-text" : e.kycStatus === "pending" ? "bg-status-warning-text" : "bg-status-error-text") }), /* @__PURE__ */ w("span", {
 												className: "text-sm text-text-secondary",
 												children: "KYC"
 											})]
 										})
 									]
 								}),
-								/* @__PURE__ */ x("div", {
+								/* @__PURE__ */ T("div", {
 									className: "flex flex-wrap gap-2",
 									children: [
-										/* @__PURE__ */ b("button", {
+										/* @__PURE__ */ w("button", {
 											type: "button",
-											onClick: () => W(e, "edit"),
+											onClick: () => J(e, "view"),
 											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"
+											children: "View"
 										}),
-										e.status === "active" ? /* @__PURE__ */ b("button", {
+										e.status === "active" ? /* @__PURE__ */ w("button", {
 											type: "button",
-											onClick: () => W(e, "suspend"),
+											onClick: () => J(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 transition-colors",
 											children: "Suspend"
-										}) : /* @__PURE__ */ b("button", {
+										}) : /* @__PURE__ */ w("button", {
 											type: "button",
-											onClick: () => W(e, "activate"),
+											onClick: () => J(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 transition-colors",
 											children: "Activate"
 										}),
-										e.kycStatus === "pending" && /* @__PURE__ */ b("button", {
+										e.kycStatus === "pending" && /* @__PURE__ */ w("button", {
 											type: "button",
-											onClick: () => W(e, "verify"),
+											onClick: () => J(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"
 										})
@@ -434,56 +437,56 @@ function T() {
 							]
 						}, e.id))
 					}),
-					/* @__PURE__ */ b("div", {
+					/* @__PURE__ */ w("div", {
 						className: "hidden md:block overflow-x-auto",
-						children: /* @__PURE__ */ x("table", {
+						children: /* @__PURE__ */ T("table", {
 							className: "w-full",
-							children: [/* @__PURE__ */ b("thead", { children: /* @__PURE__ */ x("tr", {
+							children: [/* @__PURE__ */ w("thead", { children: /* @__PURE__ */ T("tr", {
 								className: "border-b border-border-subtle bg-bg-sunken/50",
 								children: [
-									/* @__PURE__ */ b("th", {
+									/* @__PURE__ */ w("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "User"
 									}),
-									/* @__PURE__ */ b("th", {
+									/* @__PURE__ */ w("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__ */ w("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Activity"
 									}),
-									/* @__PURE__ */ b("th", {
+									/* @__PURE__ */ w("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Performance"
 									}),
-									/* @__PURE__ */ b("th", {
+									/* @__PURE__ */ w("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Verification"
 									}),
-									/* @__PURE__ */ b("th", {
+									/* @__PURE__ */ w("th", {
 										className: "px-4 py-3 text-left text-xs font-medium text-text-secondary uppercase tracking-wider",
 										children: "Actions"
 									})
 								]
-							}) }), /* @__PURE__ */ b("tbody", {
+							}) }), /* @__PURE__ */ w("tbody", {
 								className: "divide-y divide-border",
-								children: Y.map((e) => /* @__PURE__ */ x("tr", {
+								children: Z.map((e) => /* @__PURE__ */ T("tr", {
 									className: "hover:bg-accent/50 transition-colors",
 									children: [
-										/* @__PURE__ */ b("td", {
+										/* @__PURE__ */ w("td", {
 											className: "px-4 py-3",
-											children: /* @__PURE__ */ x("div", {
+											children: /* @__PURE__ */ T("div", {
 												className: "flex items-center gap-3",
-												children: [e.profilePicture ? /* @__PURE__ */ b("img", {
+												children: [e.profilePicture ? /* @__PURE__ */ w("img", {
 													src: e.profilePicture,
 													alt: `${e.firstName}`,
 													className: "w-10 h-10 rounded-full object-cover"
-												}) : /* @__PURE__ */ b("div", {
+												}) : /* @__PURE__ */ w("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__ */ w(x, { className: "h-5 w-5 text-text-secondary" })
+												}), /* @__PURE__ */ T("div", { children: [
+													/* @__PURE__ */ T("p", {
 														className: "text-sm font-medium text-text-primary",
 														children: [
 															e.firstName,
@@ -491,60 +494,60 @@ function T() {
 															e.lastName
 														]
 													}),
-													/* @__PURE__ */ b("p", {
+													/* @__PURE__ */ w("p", {
 														className: "text-xs text-text-secondary",
 														children: e.email
 													}),
-													/* @__PURE__ */ b("p", {
+													/* @__PURE__ */ w("p", {
 														className: "text-xs text-text-secondary",
 														children: e.phone
 													})
 												] })]
 											})
 										}),
-										/* @__PURE__ */ b("td", {
+										/* @__PURE__ */ w("td", {
 											className: "px-4 py-3",
-											children: /* @__PURE__ */ x("div", {
+											children: /* @__PURE__ */ T("div", {
 												className: "space-y-1",
 												children: [
-													X(e.role),
-													/* @__PURE__ */ b("br", {}),
-													Z(e.status)
+													Q(e.role),
+													/* @__PURE__ */ w("br", {}),
+													$(e.status)
 												]
 											})
 										}),
-										/* @__PURE__ */ x("td", {
+										/* @__PURE__ */ T("td", {
 											className: "px-4 py-3 text-sm",
 											children: [
-												/* @__PURE__ */ x("p", {
+												/* @__PURE__ */ T("p", {
 													className: "text-text-primary",
-													children: ["Registered: ", q(e.registrationDate)]
+													children: ["Registered: ", Y(e.registrationDate)]
 												}),
-												e.lastLoginTime && /* @__PURE__ */ x("p", {
+												e.lastLoginTime && /* @__PURE__ */ T("p", {
 													className: "text-text-secondary",
-													children: ["Last login: ", q(e.lastLoginTime)]
+													children: ["Last login: ", Y(e.lastLoginTime)]
 												}),
-												e.deviceInfo && /* @__PURE__ */ x("p", {
+												e.deviceInfo && /* @__PURE__ */ T("p", {
 													className: "text-text-secondary flex items-center gap-1",
-													children: [/* @__PURE__ */ b(p, { className: "h-3 w-3" }), e.deviceInfo]
+													children: [/* @__PURE__ */ w(v, { className: "h-3 w-3" }), e.deviceInfo]
 												})
 											]
 										}),
-										/* @__PURE__ */ x("td", {
+										/* @__PURE__ */ T("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__ */ T(C, { children: [/* @__PURE__ */ T("p", {
 													className: "text-text-primary",
 													children: [e.totalOrders, " orders"]
-												}), /* @__PURE__ */ x("p", {
+												}), /* @__PURE__ */ T("p", {
 													className: "text-text-secondary",
-													children: [J(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__ */ T("p", {
 													className: "text-text-primary",
-													children: [J(e.totalEarnings), " earned"]
+													children: [X(e.totalEarnings), " earned"]
 												}),
-												e.role === "investor" && e.riskScore != null && /* @__PURE__ */ x("p", {
+												e.role === "investor" && e.riskScore != null && /* @__PURE__ */ T("p", {
 													className: "text-text-primary",
 													children: [
 														"Risk: ",
@@ -554,28 +557,28 @@ function T() {
 												})
 											]
 										}),
-										/* @__PURE__ */ b("td", {
+										/* @__PURE__ */ w("td", {
 											className: "px-4 py-3",
-											children: /* @__PURE__ */ x("div", {
+											children: /* @__PURE__ */ T("div", {
 												className: "space-y-1",
 												children: [
-													/* @__PURE__ */ x("div", {
+													/* @__PURE__ */ T("div", {
 														className: "flex items-center gap-2",
-														children: [/* @__PURE__ */ b("span", { className: t("w-2 h-2 rounded-full", e.isEmailVerified ? "bg-status-success-text" : "bg-status-error-text") }), /* @__PURE__ */ b("span", {
+														children: [/* @__PURE__ */ w("span", { className: t("w-2 h-2 rounded-full", e.isEmailVerified ? "bg-status-success-text" : "bg-status-error-text") }), /* @__PURE__ */ w("span", {
 															className: "text-sm text-text-secondary",
 															children: "Email"
 														})]
 													}),
-													/* @__PURE__ */ x("div", {
+													/* @__PURE__ */ T("div", {
 														className: "flex items-center gap-2",
-														children: [/* @__PURE__ */ b("span", { className: t("w-2 h-2 rounded-full", e.isPhoneVerified ? "bg-status-success-text" : "bg-status-error-text") }), /* @__PURE__ */ b("span", {
+														children: [/* @__PURE__ */ w("span", { className: t("w-2 h-2 rounded-full", e.isPhoneVerified ? "bg-status-success-text" : "bg-status-error-text") }), /* @__PURE__ */ w("span", {
 															className: "text-sm text-text-secondary",
 															children: "Phone"
 														})]
 													}),
-													e.kycStatus && /* @__PURE__ */ x("div", {
+													e.kycStatus && /* @__PURE__ */ T("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-text" : e.kycStatus === "pending" ? "bg-status-warning-text" : "bg-status-error-text") }), /* @__PURE__ */ b("span", {
+														children: [/* @__PURE__ */ w("span", { className: t("w-2 h-2 rounded-full", e.kycStatus === "verified" ? "bg-status-success-text" : e.kycStatus === "pending" ? "bg-status-warning-text" : "bg-status-error-text") }), /* @__PURE__ */ w("span", {
 															className: "text-sm text-text-secondary",
 															children: "KYC"
 														})]
@@ -583,37 +586,37 @@ function T() {
 												]
 											})
 										}),
-										/* @__PURE__ */ b("td", {
+										/* @__PURE__ */ w("td", {
 											className: "px-4 py-3",
-											children: /* @__PURE__ */ x("div", {
+											children: /* @__PURE__ */ T("div", {
 												className: "flex gap-1",
 												children: [
-													/* @__PURE__ */ b("button", {
+													/* @__PURE__ */ w("button", {
 														type: "button",
-														onClick: () => W(e, "edit"),
-														title: "Edit",
+														onClick: () => J(e, "view"),
+														title: "View details",
 														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__ */ w(f, { className: "h-4 w-4" })
 													}),
-													e.status === "active" ? /* @__PURE__ */ b("button", {
+													e.status === "active" ? /* @__PURE__ */ w("button", {
 														type: "button",
-														onClick: () => W(e, "suspend"),
+														onClick: () => J(e, "suspend"),
 														title: "Suspend",
 														className: "rounded p-1.5 text-text-secondary hover:text-status-error-text hover:bg-status-error-bg-subtle transition-colors",
-														children: /* @__PURE__ */ b(g, { className: "h-4 w-4" })
-													}) : /* @__PURE__ */ b("button", {
+														children: /* @__PURE__ */ w(b, { className: "h-4 w-4" })
+													}) : /* @__PURE__ */ w("button", {
 														type: "button",
-														onClick: () => W(e, "activate"),
+														onClick: () => J(e, "activate"),
 														title: "Activate",
 														className: "rounded p-1.5 text-text-secondary hover:text-status-success-text hover:bg-status-success-bg-subtle transition-colors",
-														children: /* @__PURE__ */ b(h, { className: "h-4 w-4" })
+														children: /* @__PURE__ */ w(y, { className: "h-4 w-4" })
 													}),
-													e.kycStatus === "pending" && /* @__PURE__ */ b("button", {
+													e.kycStatus === "pending" && /* @__PURE__ */ w("button", {
 														type: "button",
-														onClick: () => W(e, "verify"),
+														onClick: () => J(e, "verify"),
 														title: "Verify",
 														className: "rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-[var(--color-accent-soft)] transition-colors",
-														children: /* @__PURE__ */ b(f, { className: "h-4 w-4" })
+														children: /* @__PURE__ */ w(_, { className: "h-4 w-4" })
 													})
 												]
 											})
@@ -623,13 +626,13 @@ function T() {
 							})]
 						})
 					}),
-					V.length === 0 && /* @__PURE__ */ b(r, {
+					G.length === 0 && /* @__PURE__ */ w(r, {
 						illustration: "empty-people",
 						title: "No users found",
 						description: "No accounts match your current filters. Try clearing them or searching for a different name or email.",
-						action: /* @__PURE__ */ b("button", {
+						action: /* @__PURE__ */ w("button", {
 							type: "button",
-							onClick: () => z({
+							onClick: () => U({
 								role: "",
 								status: "",
 								searchQuery: "",
@@ -642,194 +645,135 @@ function T() {
 					})
 				]
 			}),
-			/* @__PURE__ */ x("div", {
+			/* @__PURE__ */ T("div", {
 				className: "mt-6 flex flex-col sm:flex-row sm:items-center justify-between gap-4",
-				children: [/* @__PURE__ */ x("p", {
+				children: [/* @__PURE__ */ T("p", {
 					className: "text-sm text-text-secondary text-center sm:text-left",
 					children: [
 						"Showing",
 						" ",
-						/* @__PURE__ */ b("span", {
+						/* @__PURE__ */ w("span", {
 							className: "font-medium",
-							children: Math.min((I - 1) * 10 + 1, V.length)
+							children: Math.min((B - 1) * 10 + 1, G.length)
 						}),
 						" ",
 						"to",
 						" ",
-						/* @__PURE__ */ b("span", {
+						/* @__PURE__ */ w("span", {
 							className: "font-medium",
-							children: Math.min(I * 10, V.length)
+							children: Math.min(B * 10, G.length)
 						}),
 						" ",
 						"of ",
-						/* @__PURE__ */ b("span", {
+						/* @__PURE__ */ w("span", {
 							className: "font-medium",
-							children: V.length
+							children: G.length
 						}),
 						" results"
 					]
-				}), /* @__PURE__ */ x("div", {
+				}), /* @__PURE__ */ T("div", {
 					className: "flex justify-center sm:justify-end gap-2",
-					children: [/* @__PURE__ */ x("button", {
+					children: [/* @__PURE__ */ T("button", {
 						type: "button",
-						disabled: I === 1,
-						onClick: () => L((e) => Math.max(1, e - 1)),
+						disabled: B === 1,
+						onClick: () => V((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__ */ w(u, { className: "h-4 w-4" }), "Previous"]
+					}), /* @__PURE__ */ T("button", {
 						type: "button",
-						disabled: I * 10 >= V.length,
-						onClick: () => L((e) => e + 1),
+						disabled: B * 10 >= G.length,
+						onClick: () => V((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__ */ w(d, { className: "h-4 w-4" })]
 					})]
 				})]
 			}),
-			A && O && /* @__PURE__ */ b("div", {
+			F && N && /* @__PURE__ */ w("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-				children: /* @__PURE__ */ x("div", {
+				children: /* @__PURE__ */ T("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__ */ T("div", {
 						className: "flex items-center justify-between p-4 border-b border-border-subtle",
-						children: [/* @__PURE__ */ b("h3", {
+						children: [/* @__PURE__ */ w("h3", {
 							className: "text-lg font-semibold text-text-primary",
-							children: M === "edit" ? "Edit User" : "Delete User"
-						}), /* @__PURE__ */ b("button", {
+							children: "User Details"
+						}), /* @__PURE__ */ w("button", {
 							type: "button",
-							onClick: () => j(!1),
+							onClick: () => I(!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__ */ w(S, { className: "h-5 w-5" })
 						})]
-					}), /* @__PURE__ */ b("div", {
-						className: "p-4",
-						children: M === "delete" ? /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("p", {
-							className: "text-text-secondary mb-4",
-							children: [
-								"Are you sure you want to delete user \"",
-								O.firstName,
-								" ",
-								O.lastName,
-								"\"? This action cannot be undone."
-							]
-						}), /* @__PURE__ */ x("div", {
-							className: "flex gap-3",
-							children: [/* @__PURE__ */ b("button", {
-								type: "button",
-								onClick: () => j(!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", {
-								type: "button",
-								onClick: G,
-								className: "flex-1 rounded-lg bg-status-error-text hover:bg-status-error-text py-2 text-sm font-medium text-white transition-colors",
-								children: "Delete User"
-							})]
-						})] }) : /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ x("div", {
-							className: "space-y-4",
-							children: [
-								/* @__PURE__ */ x("div", {
-									className: "grid grid-cols-2 gap-4",
-									children: [/* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("label", {
-										className: "block text-sm font-medium text-text-secondary mb-1",
-										children: "First Name"
-									}), /* @__PURE__ */ b("input", {
-										type: "text",
-										value: P.firstName,
-										onChange: (e) => F((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", {
-										className: "block text-sm font-medium text-text-secondary mb-1",
-										children: "Last Name"
-									}), /* @__PURE__ */ b("input", {
-										type: "text",
-										value: P.lastName,
-										onChange: (e) => F((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", {
-									className: "block text-sm font-medium text-text-secondary mb-1",
-									children: "Email"
-								}), /* @__PURE__ */ b("input", {
-									type: "email",
-									value: P.email,
-									onChange: (e) => F((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", {
-									className: "block text-sm font-medium text-text-secondary mb-1",
-									children: "Phone"
-								}), /* @__PURE__ */ b("input", {
-									type: "tel",
-									value: P.phone,
-									onChange: (e) => F((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", {
-									className: "block text-sm font-medium text-text-secondary mb-1",
-									children: "Role"
-								}), /* @__PURE__ */ x("select", {
-									value: P.role,
-									onChange: (e) => F((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", {
-											value: "customer",
-											children: "Customer"
-										}),
-										/* @__PURE__ */ b("option", {
-											value: "cart_owner",
-											children: "Cart Owner"
-										}),
-										/* @__PURE__ */ b("option", {
-											value: "worker",
-											children: "Worker"
-										}),
-										/* @__PURE__ */ b("option", {
-											value: "investor",
-											children: "Investor"
-										})
-									]
-								})] })
-							]
-						}), /* @__PURE__ */ x("div", {
-							className: "flex gap-3 mt-6",
-							children: [
-								/* @__PURE__ */ b("button", {
-									type: "button",
-									onClick: () => j(!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", {
-									type: "button",
-									onClick: K,
-									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__ */ T("div", {
+						className: "p-4 space-y-4",
+						children: [
+							/* @__PURE__ */ T("div", {
+								className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
+								children: [
+									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+										className: "text-sm text-text-secondary",
+										children: "Name"
+									}), /* @__PURE__ */ T("p", {
+										className: "font-medium text-text-primary",
+										children: [
+											N.firstName,
+											" ",
+											N.lastName
+										]
+									})] }),
+									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+										className: "text-sm text-text-secondary",
+										children: "Role"
+									}), /* @__PURE__ */ w("div", {
+										className: "mt-0.5",
+										children: Q(N.role)
+									})] }),
+									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+										className: "text-sm text-text-secondary",
+										children: "Status"
+									}), /* @__PURE__ */ w("div", {
+										className: "mt-0.5",
+										children: $(N.status)
+									})] }),
+									/* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+										className: "text-sm text-text-secondary",
+										children: "Registered"
+									}), /* @__PURE__ */ w("p", {
+										className: "font-medium text-text-primary",
+										children: Y(N.registrationDate)
+									})] }),
+									N.email && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+										className: "text-sm text-text-secondary",
+										children: "Email"
+									}), /* @__PURE__ */ T("p", {
+										className: "font-medium text-text-primary flex items-center gap-1",
+										children: [/* @__PURE__ */ w(m, { className: "h-3.5 w-3.5" }), N.email]
+									})] }),
+									N.phone && /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
+										className: "text-sm text-text-secondary",
+										children: "Phone"
+									}), /* @__PURE__ */ T("p", {
+										className: "font-medium text-text-primary flex items-center gap-1",
+										children: [/* @__PURE__ */ w(h, { className: "h-3.5 w-3.5" }), N.phone]
+									})] })
+								]
+							}),
+							/* @__PURE__ */ w("div", {
+								className: "rounded-lg border border-border-subtle bg-bg-sunken/40 p-3",
+								children: /* @__PURE__ */ w("p", {
+									className: "text-sm text-text-secondary",
+									children: "Profile details, email and role are managed by the account platform and can't be edited here. Use the Suspend / Activate controls in the list to change this account's access."
+								})
+							}),
+							/* @__PURE__ */ w("div", {
+								className: "flex justify-end",
+								children: /* @__PURE__ */ w("button", {
 									type: "button",
-									onClick: () => N("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 transition-colors",
-									children: /* @__PURE__ */ b(m, { className: "h-4 w-4" })
+									onClick: () => I(!1),
+									className: "rounded-lg border border-border-subtle py-2 px-4 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
+									children: "Close"
 								})
-							]
-						})] })
+							})
+						]
 					})]
 				})
 			})
@@ -837,6 +781,6 @@ function T() {
 	});
 }
 //#endregion
-export { T as UserManagementPage };
+export { k as UserManagementPage };
 
 //# sourceMappingURL=UserManagementPage.js.map