@burdenoff/microfe-auth 2026.828.2 → 2026.830.2

package/dist/auth/pages/UsersPage.js

@@ -1,37 +1,34 @@
 import { useAuthStore as e } from "../store/authStore.js";
-import { AlertIcon as t, SpinnerIcon as n } from "../components/AuthIcons.js";
-import { useUserOperations as r } from "../hooks/useUserOperations.js";
-import { useAuthPermissions as i } from "../hooks/useAuthPermissions.js";
-import { ConfirmActionDialog as a } from "../components/ConfirmActionDialog.js";
-import { nativeImpact as o, nativeNotify as s } from "../../utils/nativeBridge.js";
-import { useCallback as ee, useEffect as te, useId as c, useState as l } from "react";
+import { useTr as t } from "../../shared/hooks/useTr.js";
+import { AlertIcon as n, SpinnerIcon as r } from "../components/AuthIcons.js";
+import { useUserOperations as i } from "../hooks/useUserOperations.js";
+import { useAuthPermissions as a } from "../hooks/useAuthPermissions.js";
+import { ConfirmActionDialog as o } from "../components/ConfirmActionDialog.js";
+import { nativeImpact as s, nativeNotify as c } from "../../utils/nativeBridge.js";
+import { useCallback as ee, useEffect as te, useId as l, useState as u } from "react";
 import { useNavigate as ne } from "react-router";
-import { useI18n as re } from "@burdenoff/fe-libs/shared/providers/shell";
-import { Fragment as u, jsx as d, jsxs as f } from "react/jsx-runtime";
-import { Button as p } from "@burdenoff/fe-libs/button";
-import { EmphasisPanel as ie, IllustratedEmptyState as m, NextSteps as ae, PagePurpose as oe } from "@burdenoff/fe-libs/ui";
+import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
+import { Button as m } from "@burdenoff/fe-libs/button";
+import { EmphasisPanel as re, IllustratedEmptyState as h, NextSteps as ie, PagePurpose as ae } from "@burdenoff/fe-libs/ui";
 //#region src/auth/pages/UsersPage.tsx
-var h = [
+var g = [
 	"TENANT_ADMIN",
 	"ORG_ADMIN",
 	"WORKSPACE_ADMIN",
 	"MEMBER",
 	"GUEST"
-], g = [
+], _ = [
 	"ACTIVE",
 	"INACTIVE",
 	"SUSPENDED",
 	"DELETED"
 ];
-function _() {
-	let _ = ne(), { t: se } = re(), v = (e, t) => {
-		let n = se(e);
-		return n === e ? t : n;
-	}, y = e((e) => e.isAuthenticated), ce = e((e) => e.user), { canViewUsers: le, canUpdateUsers: ue, canDeleteUsers: b, isLoading: de } = i(), { listUsers: x, updateUser: fe, deleteUser: pe, hardDeleteUser: me, isLoading: S } = r(), C = c(), w = c(), T = c(), E = c(), he = c(), [D, O] = l(!1), k = async () => {
+function v() {
+	let v = t(), oe = ne(), y = e((e) => e.isAuthenticated), se = e((e) => e.user), { canViewUsers: ce, canUpdateUsers: le, canDeleteUsers: b, isLoading: ue } = a(), { listUsers: x, updateUser: de, deleteUser: fe, hardDeleteUser: pe, isLoading: S } = i(), C = l(), w = l(), T = l(), E = l(), me = l(), [D, O] = u(!1), k = async () => {
 		O(!0);
 		try {
 			let e = {};
-			W && (e.search = W), G && (e.role = G), K && (e.status = K);
+			G && (e.search = G), K && (e.role = K), q && (e.status = q);
 			let t = (await x(e, {
 				offset: 0,
 				limit: 1e4
@@ -68,11 +65,11 @@ function _() {
 			].join(","))], a = new Blob([i.join("\n")], { type: "text/csv;charset=utf-8;" }), o = URL.createObjectURL(a), s = document.createElement("a");
 			s.href = o, s.download = `users-${(/* @__PURE__ */ new Date()).toISOString().slice(0, 10)}.csv`, s.click(), URL.revokeObjectURL(o);
 		} catch (e) {
-			R(e instanceof Error ? e.message : "Failed to export users");
+			z(e instanceof Error ? e.message : "Failed to export users");
 		} finally {
 			O(!1);
 		}
-	}, [A, ge] = l([]), [j, _e] = l(0), [ve, ye] = l(!1), [be, M] = l("list"), [N, P] = l(null), [F, I] = l({
+	}, [A, he] = u([]), [j, ge] = u(0), [_e, ve] = u(!1), [M, N] = u("list"), [P, F] = u(null), [I, L] = u({
 		username: "",
 		firstName: "",
 		lastName: "",
@@ -81,34 +78,34 @@ function _() {
 		role: "MEMBER",
 		status: "ACTIVE",
 		emailVerified: !1
-	}), [L, R] = l(null), [xe, z] = l(!1), [B, V] = l(null), [H, U] = l(null), [W, Se] = l(""), [G, Ce] = l(""), [K, we] = l(""), [q, J] = l(0), Y = ee(async () => {
+	}), [R, z] = u(null), [ye, B] = u(!1), [V, H] = u(null), [U, W] = u(null), [G, be] = u(""), [K, xe] = u(""), [q, Se] = u(""), [J, Y] = u(0), X = ee(async () => {
 		if (y) try {
-			z(!1);
+			B(!1);
 			let e = {};
-			W && (e.search = W), G && (e.role = G), K && (e.status = K);
+			G && (e.search = G), K && (e.role = K), q && (e.status = q);
 			let t = await x(e, {
-				offset: q * 10,
+				offset: J * 10,
 				limit: 10
 			});
-			ge(t.users), _e(t.totalCount), ye(t.hasMore), R(null);
+			he(t.users), ge(t.totalCount), ve(t.hasMore), z(null);
 		} catch (e) {
 			if (e instanceof Error && (e.name === "AbortError" || e.message.includes("aborted"))) return;
 			let t = e instanceof Error ? e.message : "Failed to fetch users";
-			t.toLowerCase().includes("not authorized") || t.toLowerCase().includes("forbidden") ? (z(!0), R(null)) : R(t);
+			t.toLowerCase().includes("not authorized") || t.toLowerCase().includes("forbidden") ? (B(!0), z(null)) : z(t);
 		}
 	}, [
 		x,
-		W,
 		G,
 		K,
 		q,
+		J,
 		y
 	]);
 	te(() => {
-		Y();
-	}, [Y]);
-	let X = () => {
-		I({
+		X();
+	}, [X]);
+	let Z = () => {
+		L({
 			username: "",
 			firstName: "",
 			lastName: "",
@@ -117,42 +114,42 @@ function _() {
 			role: "MEMBER",
 			status: "ACTIVE",
 			emailVerified: !1
-		}), P(null), R(null), V(null);
-	}, Te = async (e) => {
-		if (e.preventDefault(), N) {
-			R(null);
+		}), F(null), z(null), H(null);
+	}, Ce = async (e) => {
+		if (e.preventDefault(), P) {
+			z(null);
 			try {
-				await fe(N.id, {
-					username: F.username || void 0,
-					firstName: F.firstName || void 0,
-					lastName: F.lastName || void 0,
-					name: F.name || void 0,
-					phoneNumber: F.phoneNumber || void 0,
-					role: F.role,
-					status: F.status,
-					emailVerified: F.emailVerified
-				}), V(v("auth.users.updateSuccess", "User updated successfully!")), M("list"), X(), Y();
+				await de(P.id, {
+					username: I.username || void 0,
+					firstName: I.firstName || void 0,
+					lastName: I.lastName || void 0,
+					name: I.name || void 0,
+					phoneNumber: I.phoneNumber || void 0,
+					role: I.role,
+					status: I.status,
+					emailVerified: I.emailVerified
+				}), H(v("auth.users.updateSuccess", "User updated successfully!")), N("list"), Z(), X();
 			} catch (e) {
-				R(e instanceof Error ? e.message : "Failed to update user");
+				z(e instanceof Error ? e.message : "Failed to update user");
 			}
 		}
-	}, Ee = async (e) => {
-		o("medium");
+	}, we = async (e) => {
+		s("medium");
 		try {
-			let t = await pe(e.id);
-			t.success ? (s("success"), V(v("auth.users.userDeactivated", `User "${e.email}" has been deactivated.`)), U(null), Y()) : (s("error"), R(t.message));
+			let t = await fe(e.id);
+			t.success ? (c("success"), H(v("auth.users.userDeactivated", "User \"{email}\" has been deactivated.").replace("{email}", e.email)), W(null), X()) : (c("error"), z(t.message));
 		} catch (e) {
-			s("error"), R(e instanceof Error ? e.message : "Failed to delete user");
+			c("error"), z(e instanceof Error ? e.message : "Failed to delete user");
 		}
-	}, De = async (e) => {
+	}, Te = async (e) => {
 		try {
-			let t = await me(e.id);
-			t.success ? (V(v("auth.users.userPermanentlyDeleted", `User "${e.email}" has been permanently deleted.`)), U(null), Y()) : R(t.message);
+			let t = await pe(e.id);
+			t.success ? (H(v("auth.users.userPermanentlyDeleted", "User \"{email}\" has been permanently deleted.").replace("{email}", e.email)), W(null), X()) : z(t.message);
 		} catch (e) {
-			R(e instanceof Error ? e.message : "Failed to hard delete user");
+			z(e instanceof Error ? e.message : "Failed to hard delete user");
 		}
-	}, Z = (e) => {
-		P(e), I({
+	}, Q = (e) => {
+		F(e), L({
 			username: e.username || "",
 			firstName: e.firstName || "",
 			lastName: e.lastName || "",
@@ -161,26 +158,26 @@ function _() {
 			role: e.role,
 			status: e.status,
 			emailVerified: e.emailVerified
-		}), M("edit"), R(null);
-	}, Q = /* @__PURE__ */ d(a, {
-		open: H !== null,
+		}), N("edit"), z(null);
+	}, $ = /* @__PURE__ */ f(o, {
+		open: U !== null,
 		onOpenChange: (e) => {
-			e || U(null);
+			e || W(null);
 		},
-		title: H?.type === "hard-delete" ? v("auth.users.hardDeleteTitle", "Permanently delete user?") : v("auth.users.deactivateTitle", "Deactivate user?"),
-		description: H?.type === "hard-delete" ? H ? v("auth.users.hardDeleteDesc", `This permanently deletes "${H.user.email}" and cannot be undone.`) : "" : H ? v("auth.users.deactivateDesc", `"${H.user.email}" will be prevented from signing in until reactivated.`) : "",
-		confirmText: H?.type === "hard-delete" ? v("auth.users.hardDeleteConfirm", "Delete permanently") : v("auth.users.deactivateConfirm", "Deactivate user"),
-		variant: H?.type === "hard-delete" ? "danger" : "warning",
+		title: U?.type === "hard-delete" ? v("auth.users.hardDeleteTitle", "Permanently delete user?") : v("auth.users.deactivateTitle", "Deactivate user?"),
+		description: U?.type === "hard-delete" ? U ? v("auth.users.hardDeleteDesc", "This permanently deletes \"{email}\" and cannot be undone.").replace("{email}", U.user.email) : "" : U ? v("auth.users.deactivateDesc", "\"{email}\" will be prevented from signing in until reactivated.").replace("{email}", U.user.email) : "",
+		confirmText: U?.type === "hard-delete" ? v("auth.users.hardDeleteConfirm", "Delete permanently") : v("auth.users.deactivateConfirm", "Deactivate user"),
+		variant: U?.type === "hard-delete" ? "danger" : "warning",
 		onConfirm: async () => {
-			if (H) {
-				if (H.type === "hard-delete") {
-					await De(H.user);
+			if (U) {
+				if (U.type === "hard-delete") {
+					await Te(U.user);
 					return;
 				}
-				await Ee(H.user);
+				await we(U.user);
 			}
 		}
-	}), Oe = (e) => {
+	}), Ee = (e) => {
 		switch (e) {
 			case "SUPER_ADMIN": return "bg-accent-purple-subtle text-accent-purple";
 			case "TENANT_ADMIN": return "bg-status-info-bg-subtle text-status-info-text";
@@ -190,7 +187,7 @@ function _() {
 			case "GUEST": return "bg-bg-sunken text-text-primary";
 			default: return "bg-bg-sunken text-text-primary";
 		}
-	}, $ = (e) => {
+	}, De = (e) => {
 		switch (e) {
 			case "ACTIVE": return "bg-status-success-bg-subtle text-status-success-text";
 			case "INACTIVE": return "bg-status-warning-bg-subtle text-status-warning-text";
@@ -199,36 +196,36 @@ function _() {
 			default: return "bg-bg-sunken text-text-primary";
 		}
 	};
-	return y ? de ? /* @__PURE__ */ d("div", {
+	return y ? ue ? /* @__PURE__ */ f("div", {
 		className: "max-w-6xl mx-auto p-6",
-		children: /* @__PURE__ */ f("div", {
+		children: /* @__PURE__ */ p("div", {
 			className: "text-center py-16",
-			children: [/* @__PURE__ */ d(n, { className: "size-8 mx-auto text-text-secondary animate-spin" }), /* @__PURE__ */ d("p", {
+			children: [/* @__PURE__ */ f(r, { className: "size-8 mx-auto text-text-secondary animate-spin" }), /* @__PURE__ */ f("p", {
 				className: "mt-4 text-text-secondary",
 				children: v("auth.users.loadingPermissions", "Loading permissions...")
 			})]
 		})
-	}) : !le || xe ? /* @__PURE__ */ d("div", {
+	}) : !ce || ye ? /* @__PURE__ */ f("div", {
 		className: "max-w-6xl mx-auto p-6",
-		children: /* @__PURE__ */ d(m, {
+		children: /* @__PURE__ */ f(h, {
 			illustration: "empty-generic",
 			title: v("auth.users.adminAccessRequired", "Admin Access Required"),
-			description: /* @__PURE__ */ f(u, { children: [
+			description: /* @__PURE__ */ p(d, { children: [
 				v("auth.users.adminAccessDesc", "You need administrator privileges to view and manage users."),
 				" ",
 				v("auth.users.requiredRoles", "Required roles: Super Admin, Tenant Admin, or Org Admin")
 			] })
 		})
-	}) : be === "list" ? /* @__PURE__ */ f("div", {
+	}) : M === "list" ? /* @__PURE__ */ p("div", {
 		className: "max-w-6xl mx-auto p-6",
 		children: [
-			Q,
-			/* @__PURE__ */ f("div", {
+			$,
+			/* @__PURE__ */ p("div", {
 				className: "flex items-center justify-between mb-8",
-				children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h1", {
+				children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h1", {
 					className: "text-3xl font-semibold text-text-primary",
 					children: v("auth.users.title", "Users")
-				}), /* @__PURE__ */ f("p", {
+				}), /* @__PURE__ */ p("p", {
 					className: "text-text-secondary mt-2",
 					children: [
 						v("auth.users.subtitle", "Manage users in your organization"),
@@ -238,22 +235,22 @@ function _() {
 						v("auth.users.paginationUsers", "total"),
 						")"
 					]
-				})] }), /* @__PURE__ */ d("button", {
+				})] }), /* @__PURE__ */ f("button", {
 					type: "button",
 					onClick: () => void k(),
 					disabled: D,
 					"aria-label": v("auth.users.exportAriaLabel", "Export user list"),
 					className: "flex items-center gap-2 px-4 py-2.5 rounded-xl border border-border-default text-text-primary bg-bg-surface hover:bg-bg-sunken disabled:opacity-50 disabled:cursor-not-allowed transition-colors font-medium",
-					children: D ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(n, {
+					children: D ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(r, {
 						className: "size-4 animate-spin",
 						"aria-hidden": "true"
-					}), v("auth.users.exporting", "Exporting...")] }) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("svg", {
+					}), v("auth.users.exporting", "Exporting...")] }) : /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("svg", {
 						className: "size-4",
 						fill: "none",
 						viewBox: "0 0 24 24",
 						stroke: "currentColor",
 						"aria-hidden": "true",
-						children: /* @__PURE__ */ d("path", {
+						children: /* @__PURE__ */ f("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 2,
@@ -262,130 +259,130 @@ function _() {
 					}), v("auth.users.export", "Export")] })
 				})]
 			}),
-			/* @__PURE__ */ d(oe, {
+			/* @__PURE__ */ f(ae, {
 				className: "mb-6",
 				children: v("auth.users.purpose", "Manage everyone with access to your organization. Search and filter accounts, review their role and status, edit details, or deactivate people who should no longer have access.")
 			}),
-			/* @__PURE__ */ f(ie, {
+			/* @__PURE__ */ p(re, {
 				className: "mb-6",
 				children: [
-					/* @__PURE__ */ d("p", {
+					/* @__PURE__ */ f("p", {
 						className: "text-sm font-medium text-text-secondary",
 						children: v("auth.users.summaryLabel", "People in this organization")
 					}),
-					/* @__PURE__ */ d("p", {
+					/* @__PURE__ */ f("p", {
 						className: "mt-1 text-3xl font-semibold text-text-primary",
 						children: j
 					}),
-					/* @__PURE__ */ d("p", {
+					/* @__PURE__ */ f("p", {
 						className: "mt-1 text-sm text-text-secondary",
 						children: v("auth.users.summaryHint", "Use the filters below to find a specific person or role.")
 					})
 				]
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ f("div", {
 				"aria-live": "polite",
 				"aria-atomic": "true",
 				className: "sr-only",
-				children: B
+				children: V
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ f("div", {
 				role: "alert",
 				"aria-live": "assertive",
 				"aria-atomic": "true",
 				className: "sr-only",
-				children: L
+				children: R
 			}),
-			B && /* @__PURE__ */ f("output", {
-				id: he,
+			V && /* @__PURE__ */ p("output", {
+				id: me,
 				className: "block mb-6 p-4 rounded-xl bg-status-success-bg-subtle border border-status-success-border",
-				children: [/* @__PURE__ */ d("p", {
+				children: [/* @__PURE__ */ f("p", {
 					className: "text-status-success-text",
-					children: B
-				}), /* @__PURE__ */ d("button", {
+					children: V
+				}), /* @__PURE__ */ f("button", {
 					type: "button",
-					onClick: () => V(null),
+					onClick: () => H(null),
 					className: "mt-2 text-sm text-status-success-text hover:underline",
 					children: v("auth.users.dismiss", "Dismiss")
 				})]
 			}),
-			L && /* @__PURE__ */ f("div", {
+			R && /* @__PURE__ */ p("div", {
 				id: E,
 				role: "alert",
 				className: "mb-6 flex items-start gap-3 p-4 rounded-xl bg-status-error-bg-subtle border border-status-error-border",
-				children: [/* @__PURE__ */ d(t, {
+				children: [/* @__PURE__ */ f(n, {
 					className: "size-5 text-status-error-text flex-shrink-0 mt-0.5",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ f("div", {
+				}), /* @__PURE__ */ p("div", {
 					className: "flex-1",
-					children: [/* @__PURE__ */ d("p", {
+					children: [/* @__PURE__ */ f("p", {
 						className: "text-sm text-status-error-text",
-						children: L
-					}), /* @__PURE__ */ d("button", {
+						children: R
+					}), /* @__PURE__ */ f("button", {
 						type: "button",
-						onClick: () => R(null),
+						onClick: () => z(null),
 						className: "mt-2 text-sm text-status-error-text hover:underline",
 						children: v("auth.users.dismiss", "Dismiss")
 					})]
 				})]
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ f("div", {
 				className: "mb-6 p-4 rounded-xl border border-border-subtle bg-bg-surface",
-				children: /* @__PURE__ */ f("div", {
+				children: /* @__PURE__ */ p("div", {
 					className: "flex flex-wrap gap-4 items-end",
 					children: [
-						/* @__PURE__ */ f("div", {
+						/* @__PURE__ */ p("div", {
 							className: "flex-1 min-w-[200px]",
-							children: [/* @__PURE__ */ d("label", {
+							children: [/* @__PURE__ */ f("label", {
 								htmlFor: C,
 								className: "sr-only",
 								children: v("auth.users.searchLabel", "Search users")
-							}), /* @__PURE__ */ d("input", {
+							}), /* @__PURE__ */ f("input", {
 								id: C,
 								type: "search",
 								"aria-label": v("auth.users.searchLabel", "Search users"),
 								placeholder: v("auth.users.searchPlaceholder", "Search by email, username, or name..."),
-								value: W,
+								value: G,
 								onChange: (e) => {
-									Se(e.target.value), J(0);
+									be(e.target.value), Y(0);
 								},
 								className: "w-full px-4 py-2.5 border border-border-default rounded-xl bg-bg-surface text-text-primary placeholder-text-tertiary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all"
 							})]
 						}),
-						/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 							htmlFor: w,
 							className: "sr-only",
 							children: v("auth.users.filterRoleLabel", "Filter by role")
-						}), /* @__PURE__ */ f("select", {
+						}), /* @__PURE__ */ p("select", {
 							id: w,
-							value: G,
+							value: K,
 							onChange: (e) => {
-								Ce(e.target.value), J(0);
+								xe(e.target.value), Y(0);
 							},
 							className: "px-4 py-2.5 border border-border-default rounded-xl bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all",
-							children: [/* @__PURE__ */ d("option", {
+							children: [/* @__PURE__ */ f("option", {
 								value: "",
 								children: v("auth.users.allRoles", "All Roles")
-							}), h.map((e) => /* @__PURE__ */ d("option", {
+							}), g.map((e) => /* @__PURE__ */ f("option", {
 								value: e,
 								children: e.replace("_", " ")
 							}, e))]
 						})] }),
-						/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 							htmlFor: T,
 							className: "sr-only",
 							children: v("auth.users.filterStatusLabel", "Filter by status")
-						}), /* @__PURE__ */ f("select", {
+						}), /* @__PURE__ */ p("select", {
 							id: T,
-							value: K,
+							value: q,
 							onChange: (e) => {
-								we(e.target.value), J(0);
+								Se(e.target.value), Y(0);
 							},
 							className: "px-4 py-2.5 border border-border-default rounded-xl bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all",
-							children: [/* @__PURE__ */ d("option", {
+							children: [/* @__PURE__ */ f("option", {
 								value: "",
 								children: v("auth.users.allStatuses", "All Statuses")
-							}), g.map((e) => /* @__PURE__ */ d("option", {
+							}), _.map((e) => /* @__PURE__ */ f("option", {
 								value: e,
 								children: e
 							}, e))]
@@ -393,159 +390,159 @@ function _() {
 					]
 				})
 			}),
-			S ? /* @__PURE__ */ f("div", {
+			S ? /* @__PURE__ */ p("div", {
 				"aria-live": "polite",
 				"aria-busy": "true",
 				className: "flex items-center justify-center py-12",
-				children: [/* @__PURE__ */ d(n, {
+				children: [/* @__PURE__ */ f(r, {
 					className: "size-8 text-text-link animate-spin",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ d("span", {
+				}), /* @__PURE__ */ f("span", {
 					className: "ml-3 text-text-secondary",
 					children: v("auth.users.loadingUsers", "Loading users...")
 				})]
-			}) : A.length === 0 ? /* @__PURE__ */ d(m, {
-				illustration: W || G || K ? "empty-search" : "empty-people",
+			}) : A.length === 0 ? /* @__PURE__ */ f(h, {
+				illustration: G || K || q ? "empty-search" : "empty-people",
 				title: v("auth.users.noUsersFound", "No users found"),
-				description: W || G || K ? v("auth.users.noUsersFilteredDesc", "No users match your current search or filters. Try clearing them to see everyone.") : v("auth.users.noUsersDesc", "Once people join your organization they'll show up here for you to manage.")
-			}) : /* @__PURE__ */ f(u, { children: [
-				/* @__PURE__ */ d("div", {
+				description: G || K || q ? v("auth.users.noUsersFilteredDesc", "No users match your current search or filters. Try clearing them to see everyone.") : v("auth.users.noUsersDesc", "Once people join your organization they'll show up here for you to manage.")
+			}) : /* @__PURE__ */ p(d, { children: [
+				/* @__PURE__ */ f("div", {
 					className: "rounded-xl border border-border-subtle bg-bg-surface overflow-hidden shadow-sm",
-					children: /* @__PURE__ */ d("div", {
+					children: /* @__PURE__ */ f("div", {
 						className: "overflow-x-auto",
-						children: /* @__PURE__ */ f("table", {
+						children: /* @__PURE__ */ p("table", {
 							className: "w-full min-w-[800px]",
 							"aria-label": v("auth.users.tableAriaLabel", "Users table"),
-							children: [/* @__PURE__ */ d("thead", { children: /* @__PURE__ */ f("tr", {
+							children: [/* @__PURE__ */ f("thead", { children: /* @__PURE__ */ p("tr", {
 								className: "border-b border-border-subtle bg-bg-canvas",
 								children: [
-									/* @__PURE__ */ d("th", {
+									/* @__PURE__ */ f("th", {
 										scope: "col",
 										className: "text-left p-4 text-sm font-medium text-text-secondary w-[280px]",
 										children: v("auth.users.columnUser", "User")
 									}),
-									/* @__PURE__ */ d("th", {
+									/* @__PURE__ */ f("th", {
 										scope: "col",
 										className: "text-left p-4 text-sm font-medium text-text-secondary w-[130px]",
 										children: v("auth.users.columnRole", "Role")
 									}),
-									/* @__PURE__ */ d("th", {
+									/* @__PURE__ */ f("th", {
 										scope: "col",
 										className: "text-left p-4 text-sm font-medium text-text-secondary w-[100px]",
 										children: v("auth.users.columnStatus", "Status")
 									}),
-									/* @__PURE__ */ d("th", {
+									/* @__PURE__ */ f("th", {
 										scope: "col",
 										className: "text-left p-4 text-sm font-medium text-text-secondary w-[80px]",
 										children: v("auth.users.columnVerified", "Verified")
 									}),
-									/* @__PURE__ */ d("th", {
+									/* @__PURE__ */ f("th", {
 										scope: "col",
 										className: "text-left p-4 text-sm font-medium text-text-secondary w-[100px]",
 										children: v("auth.users.columnLastLogin", "Last Login")
 									}),
-									/* @__PURE__ */ d("th", {
+									/* @__PURE__ */ f("th", {
 										scope: "col",
 										className: "text-right p-4 text-sm font-medium text-text-secondary w-[180px]",
 										children: v("auth.users.columnActions", "Actions")
 									})
 								]
-							}) }), /* @__PURE__ */ d("tbody", { children: A.map((e) => /* @__PURE__ */ f("tr", {
+							}) }), /* @__PURE__ */ f("tbody", { children: A.map((e) => /* @__PURE__ */ p("tr", {
 								className: "border-b border-border-subtle last:border-b-0 hover:bg-bg-sunken/50 transition-colors",
 								children: [
-									/* @__PURE__ */ d("td", {
+									/* @__PURE__ */ f("td", {
 										className: "p-4",
-										children: /* @__PURE__ */ f("div", {
+										children: /* @__PURE__ */ p("div", {
 											className: "flex items-center gap-3 min-w-0",
-											children: [/* @__PURE__ */ d("div", {
+											children: [/* @__PURE__ */ f("div", {
 												className: "auth-brand-badge flex size-10 shrink-0 items-center justify-center rounded-full font-medium",
 												children: (e.name || e.username || e.email).charAt(0).toUpperCase()
-											}), /* @__PURE__ */ f("div", {
+											}), /* @__PURE__ */ p("div", {
 												className: "min-w-0 flex-1",
-												children: [/* @__PURE__ */ d("p", {
+												children: [/* @__PURE__ */ f("p", {
 													className: "font-medium text-text-primary truncate",
 													children: e.name || e.username
-												}), /* @__PURE__ */ d("p", {
+												}), /* @__PURE__ */ f("p", {
 													className: "text-sm text-text-secondary truncate",
 													children: e.email
 												})]
 											})]
 										})
 									}),
-									/* @__PURE__ */ d("td", {
+									/* @__PURE__ */ f("td", {
 										className: "p-4",
-										children: /* @__PURE__ */ d("span", {
-											className: `inline-block px-2.5 py-1 rounded-full text-xs font-medium whitespace-nowrap ${Oe(e.role)}`,
+										children: /* @__PURE__ */ f("span", {
+											className: `inline-block px-2.5 py-1 rounded-full text-xs font-medium whitespace-nowrap ${Ee(e.role)}`,
 											children: e.role.replace("_", " ")
 										})
 									}),
-									/* @__PURE__ */ d("td", {
+									/* @__PURE__ */ f("td", {
 										className: "p-4",
-										children: /* @__PURE__ */ d("span", {
-											className: `inline-block px-2.5 py-1 rounded-full text-xs font-medium whitespace-nowrap ${$(e.status)}`,
+										children: /* @__PURE__ */ f("span", {
+											className: `inline-block px-2.5 py-1 rounded-full text-xs font-medium whitespace-nowrap ${De(e.status)}`,
 											children: e.status
 										})
 									}),
-									/* @__PURE__ */ d("td", {
+									/* @__PURE__ */ f("td", {
 										className: "p-4",
-										children: e.emailVerified ? /* @__PURE__ */ f("span", {
+										children: e.emailVerified ? /* @__PURE__ */ p("span", {
 											className: "inline-flex items-center gap-1 text-status-success-text whitespace-nowrap",
-											children: [/* @__PURE__ */ d("svg", {
+											children: [/* @__PURE__ */ f("svg", {
 												className: "size-4 flex-shrink-0",
 												fill: "currentColor",
 												viewBox: "0 0 20 20",
-												children: /* @__PURE__ */ d("path", {
+												children: /* @__PURE__ */ f("path", {
 													fillRule: "evenodd",
 													d: "M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",
 													clipRule: "evenodd"
 												})
-											}), /* @__PURE__ */ d("span", {
+											}), /* @__PURE__ */ f("span", {
 												className: "text-sm",
 												children: v("auth.users.verifiedYes", "Yes")
 											})]
-										}) : /* @__PURE__ */ f("span", {
+										}) : /* @__PURE__ */ p("span", {
 											className: "inline-flex items-center gap-1 text-status-warning-text whitespace-nowrap",
-											children: [/* @__PURE__ */ d("svg", {
+											children: [/* @__PURE__ */ f("svg", {
 												className: "size-4 flex-shrink-0",
 												fill: "currentColor",
 												viewBox: "0 0 20 20",
-												children: /* @__PURE__ */ d("path", {
+												children: /* @__PURE__ */ f("path", {
 													fillRule: "evenodd",
 													d: "M10 18a8 8 0 100-16 8 8 0 000 16zM8.707 7.293a1 1 0 00-1.414 1.414L8.586 10l-1.293 1.293a1 1 0 101.414 1.414L10 11.414l1.293 1.293a1 1 0 001.414-1.414L11.414 10l1.293-1.293a1 1 0 00-1.414-1.414L10 8.586 8.707 7.293z",
 													clipRule: "evenodd"
 												})
-											}), /* @__PURE__ */ d("span", {
+											}), /* @__PURE__ */ f("span", {
 												className: "text-sm",
 												children: v("auth.users.verifiedNo", "No")
 											})]
 										})
 									}),
-									/* @__PURE__ */ d("td", {
+									/* @__PURE__ */ f("td", {
 										className: "p-4 text-sm text-text-secondary whitespace-nowrap",
 										children: e.lastLoginAt ? new Date(e.lastLoginAt).toLocaleDateString() : v("auth.users.lastLoginNever", "Never")
 									}),
-									/* @__PURE__ */ d("td", {
+									/* @__PURE__ */ f("td", {
 										className: "p-4",
-										children: /* @__PURE__ */ f("div", {
+										children: /* @__PURE__ */ p("div", {
 											className: "flex justify-end gap-1.5 flex-nowrap",
 											children: [
-												/* @__PURE__ */ d("button", {
+												/* @__PURE__ */ f("button", {
 													type: "button",
-													onClick: () => _(`/auth/users/${e.id}`),
+													onClick: () => oe(`/auth/users/${e.id}`),
 													"aria-label": `${v("auth.users.actionView", "View")} ${e.name || e.username || e.email}`,
 													className: "px-2.5 py-1.5 rounded-lg text-xs font-medium border border-border-default text-text-primary bg-bg-surface hover:bg-bg-sunken transition-colors whitespace-nowrap flex-shrink-0",
 													children: v("auth.users.actionView", "View")
 												}),
-												ue && /* @__PURE__ */ d("button", {
+												le && /* @__PURE__ */ f("button", {
 													type: "button",
-													onClick: () => Z(e),
+													onClick: () => Q(e),
 													"aria-label": `${v("auth.users.actionEdit", "Edit")} ${e.name || e.username || e.email}`,
 													className: "px-2.5 py-1.5 rounded-lg text-xs font-medium border border-status-info-border text-text-link bg-bg-surface hover:bg-status-info-bg-subtle transition-colors whitespace-nowrap flex-shrink-0",
 													children: v("auth.users.actionEdit", "Edit")
 												}),
-												b && e.status !== "DELETED" && /* @__PURE__ */ d("button", {
+												b && e.status !== "DELETED" && /* @__PURE__ */ f("button", {
 													type: "button",
-													onClick: () => U({
+													onClick: () => W({
 														type: "deactivate",
 														user: e
 													}),
@@ -561,18 +558,18 @@ function _() {
 						})
 					})
 				}),
-				/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ p("div", {
 					className: "mt-6 flex items-center justify-between",
-					children: [/* @__PURE__ */ f("p", {
+					children: [/* @__PURE__ */ p("p", {
 						className: "text-sm text-text-secondary",
 						children: [
 							v("auth.users.showing", "Showing"),
 							" ",
-							q * 10 + 1,
+							J * 10 + 1,
 							" ",
 							v("auth.users.to", "to"),
 							" ",
-							Math.min((q + 1) * 10, j),
+							Math.min((J + 1) * 10, j),
 							" ",
 							v("auth.users.of", "of"),
 							" ",
@@ -580,21 +577,21 @@ function _() {
 							" ",
 							v("auth.users.paginationUsers", "users")
 						]
-					}), /* @__PURE__ */ d("nav", {
+					}), /* @__PURE__ */ f("nav", {
 						"aria-label": v("auth.users.paginationAriaLabel", "User list pagination"),
-						children: /* @__PURE__ */ f("div", {
+						children: /* @__PURE__ */ p("div", {
 							className: "flex gap-2",
-							children: [/* @__PURE__ */ d("button", {
+							children: [/* @__PURE__ */ f("button", {
 								type: "button",
-								onClick: () => J((e) => Math.max(0, e - 1)),
-								disabled: q === 0,
+								onClick: () => Y((e) => Math.max(0, e - 1)),
+								disabled: J === 0,
 								"aria-label": v("auth.users.previousPageAriaLabel", "Go to previous page"),
 								className: "px-4 py-2 rounded-lg border border-border-default text-text-primary bg-bg-surface disabled:opacity-50 disabled:cursor-not-allowed hover:bg-bg-sunken transition-colors",
 								children: v("auth.users.previousPage", "Previous")
-							}), /* @__PURE__ */ d("button", {
+							}), /* @__PURE__ */ f("button", {
 								type: "button",
-								onClick: () => J((e) => e + 1),
-								disabled: !ve,
+								onClick: () => Y((e) => e + 1),
+								disabled: !_e,
 								"aria-label": v("auth.users.nextPageAriaLabel", "Go to next page"),
 								className: "px-4 py-2 rounded-lg border border-border-default text-text-primary bg-bg-surface disabled:opacity-50 disabled:cursor-not-allowed hover:bg-bg-sunken transition-colors",
 								children: v("auth.users.nextPage", "Next")
@@ -602,7 +599,7 @@ function _() {
 						})
 					})]
 				}),
-				/* @__PURE__ */ d(ae, {
+				/* @__PURE__ */ f(ie, {
 					className: "mt-8",
 					storageKey: "auth-users",
 					steps: [{
@@ -622,22 +619,22 @@ function _() {
 				})
 			] })
 		]
-	}) : be === "view" && N ? /* @__PURE__ */ f("div", {
+	}) : M === "view" && P ? /* @__PURE__ */ p("div", {
 		className: "max-w-4xl mx-auto p-6",
 		children: [
-			Q,
-			/* @__PURE__ */ f("button", {
+			$,
+			/* @__PURE__ */ p("button", {
 				type: "button",
 				onClick: () => {
-					M("list"), X();
+					N("list"), Z();
 				},
 				className: "mb-6 flex items-center gap-2 text-text-link hover:underline font-medium",
-				children: [/* @__PURE__ */ d("svg", {
+				children: [/* @__PURE__ */ f("svg", {
 					className: "size-4",
 					fill: "none",
 					viewBox: "0 0 24 24",
 					stroke: "currentColor",
-					children: /* @__PURE__ */ d("path", {
+					children: /* @__PURE__ */ f("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						strokeWidth: 2,
@@ -645,156 +642,156 @@ function _() {
 					})
 				}), v("auth.users.backToUsers", "Back to Users")]
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p("div", {
 				className: "p-6 rounded-xl border border-border-subtle bg-bg-surface shadow-sm",
 				children: [
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ p("div", {
 						className: "flex items-center gap-4 mb-8",
-						children: [/* @__PURE__ */ d("div", {
+						children: [/* @__PURE__ */ f("div", {
 							className: "auth-brand-badge flex size-20 items-center justify-center rounded-full text-3xl font-semibold",
-							children: (N.name || N.username || N.email).charAt(0).toUpperCase()
-						}), /* @__PURE__ */ f("div", { children: [
-							/* @__PURE__ */ d("h1", {
+							children: (P.name || P.username || P.email).charAt(0).toUpperCase()
+						}), /* @__PURE__ */ p("div", { children: [
+							/* @__PURE__ */ f("h1", {
 								className: "text-2xl font-semibold text-text-primary",
-								children: N.name || N.username
+								children: P.name || P.username
 							}),
-							/* @__PURE__ */ d("p", {
+							/* @__PURE__ */ f("p", {
 								className: "text-text-secondary",
-								children: N.email
+								children: P.email
 							}),
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ p("div", {
 								className: "flex items-center gap-2 mt-2",
-								children: [/* @__PURE__ */ d("span", {
-									className: `px-2.5 py-1 rounded-full text-xs font-medium ${Oe(N.role)}`,
-									children: N.role.replace("_", " ")
-								}), /* @__PURE__ */ d("span", {
-									className: `px-2.5 py-1 rounded-full text-xs font-medium ${$(N.status)}`,
-									children: N.status
+								children: [/* @__PURE__ */ f("span", {
+									className: `px-2.5 py-1 rounded-full text-xs font-medium ${Ee(P.role)}`,
+									children: P.role.replace("_", " ")
+								}), /* @__PURE__ */ f("span", {
+									className: `px-2.5 py-1 rounded-full text-xs font-medium ${De(P.status)}`,
+									children: P.status
 								})]
 							})
 						] })]
 					}),
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ p("div", {
 						className: "grid grid-cols-2 gap-6",
 						children: [
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ p("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
-								children: [/* @__PURE__ */ d("label", {
+								children: [/* @__PURE__ */ f("label", {
 									className: "block text-sm font-medium text-text-secondary mb-1",
 									children: v("auth.users.viewDetailsUsername", "Username")
-								}), /* @__PURE__ */ d("p", {
+								}), /* @__PURE__ */ f("p", {
 									className: "text-text-primary font-medium",
-									children: N.username
+									children: P.username
 								})]
 							}),
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ p("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
-								children: [/* @__PURE__ */ d("label", {
+								children: [/* @__PURE__ */ f("label", {
 									className: "block text-sm font-medium text-text-secondary mb-1",
 									children: v("auth.users.viewDetailsEmail", "Email")
-								}), /* @__PURE__ */ d("p", {
+								}), /* @__PURE__ */ f("p", {
 									className: "text-text-primary font-medium",
-									children: N.email
+									children: P.email
 								})]
 							}),
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ p("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
-								children: [/* @__PURE__ */ d("label", {
+								children: [/* @__PURE__ */ f("label", {
 									className: "block text-sm font-medium text-text-secondary mb-1",
 									children: v("auth.users.viewDetailsEmailVerified", "Email Verified")
-								}), /* @__PURE__ */ d("p", {
+								}), /* @__PURE__ */ f("p", {
 									className: "text-text-primary font-medium",
-									children: N.emailVerified ? /* @__PURE__ */ d("span", {
+									children: P.emailVerified ? /* @__PURE__ */ f("span", {
 										className: "text-status-success-text",
 										children: v("auth.users.verifiedYes", "Yes")
-									}) : /* @__PURE__ */ d("span", {
+									}) : /* @__PURE__ */ f("span", {
 										className: "text-status-warning-text",
 										children: v("auth.users.verifiedNo", "No")
 									})
 								})]
 							}),
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ p("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
-								children: [/* @__PURE__ */ d("label", {
+								children: [/* @__PURE__ */ f("label", {
 									className: "block text-sm font-medium text-text-secondary mb-1",
 									children: v("auth.users.viewDetailsMfaEnabled", "MFA Enabled")
-								}), /* @__PURE__ */ d("p", {
+								}), /* @__PURE__ */ f("p", {
 									className: "text-text-primary font-medium",
-									children: N.mfaEnabled ? /* @__PURE__ */ d("span", {
+									children: P.mfaEnabled ? /* @__PURE__ */ f("span", {
 										className: "text-status-success-text",
 										children: v("auth.users.verifiedYes", "Yes")
-									}) : /* @__PURE__ */ d("span", {
+									}) : /* @__PURE__ */ f("span", {
 										className: "text-text-secondary",
 										children: v("auth.users.verifiedNo", "No")
 									})
 								})]
 							}),
-							N.phoneNumber && /* @__PURE__ */ f("div", {
+							P.phoneNumber && /* @__PURE__ */ p("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
-								children: [/* @__PURE__ */ d("label", {
+								children: [/* @__PURE__ */ f("label", {
 									className: "block text-sm font-medium text-text-secondary mb-1",
 									children: v("auth.users.viewDetailsPhoneNumber", "Phone Number")
-								}), /* @__PURE__ */ d("p", {
+								}), /* @__PURE__ */ f("p", {
 									className: "text-text-primary font-medium",
-									children: N.phoneNumber
+									children: P.phoneNumber
 								})]
 							}),
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ p("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
-								children: [/* @__PURE__ */ d("label", {
+								children: [/* @__PURE__ */ f("label", {
 									className: "block text-sm font-medium text-text-secondary mb-1",
 									children: v("auth.users.viewDetailsLastLogin", "Last Login")
-								}), /* @__PURE__ */ d("p", {
+								}), /* @__PURE__ */ f("p", {
 									className: "text-text-primary font-medium",
-									children: N.lastLoginAt ? new Date(N.lastLoginAt).toLocaleString() : v("auth.users.lastLoginNever", "Never")
+									children: P.lastLoginAt ? new Date(P.lastLoginAt).toLocaleString() : v("auth.users.lastLoginNever", "Never")
 								})]
 							}),
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ p("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
-								children: [/* @__PURE__ */ d("label", {
+								children: [/* @__PURE__ */ f("label", {
 									className: "block text-sm font-medium text-text-secondary mb-1",
 									children: v("auth.users.viewDetailsCreated", "Created")
-								}), /* @__PURE__ */ d("p", {
+								}), /* @__PURE__ */ f("p", {
 									className: "text-text-primary font-medium",
-									children: new Date(N.createdAt).toLocaleString()
+									children: new Date(P.createdAt).toLocaleString()
 								})]
 							}),
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ p("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
-								children: [/* @__PURE__ */ d("label", {
+								children: [/* @__PURE__ */ f("label", {
 									className: "block text-sm font-medium text-text-secondary mb-1",
 									children: v("auth.users.viewDetailsLastUpdated", "Last Updated")
-								}), /* @__PURE__ */ d("p", {
+								}), /* @__PURE__ */ f("p", {
 									className: "text-text-primary font-medium",
-									children: new Date(N.updatedAt).toLocaleString()
+									children: new Date(P.updatedAt).toLocaleString()
 								})]
 							})
 						]
 					}),
-					/* @__PURE__ */ f("div", {
+					/* @__PURE__ */ p("div", {
 						className: "mt-8 pt-6 border-t border-border-subtle flex gap-3",
 						children: [
-							/* @__PURE__ */ d(p, {
+							/* @__PURE__ */ f(m, {
 								type: "button",
-								onClick: () => Z(N),
+								onClick: () => Q(P),
 								variant: "default",
 								className: "font-semibold",
 								children: v("auth.users.editUser", "Edit User")
 							}),
-							N.status !== "DELETED" && /* @__PURE__ */ d("button", {
+							P.status !== "DELETED" && /* @__PURE__ */ f("button", {
 								type: "button",
-								onClick: () => U({
+								onClick: () => W({
 									type: "deactivate",
-									user: N
+									user: P
 								}),
 								className: "px-4 py-2.5 rounded-xl border border-status-error-border text-status-error-text font-medium hover:bg-status-error-bg-subtle transition-colors",
 								children: v("auth.users.deleteUser", "Delete User")
 							}),
-							b && N.status === "DELETED" && ce?.role === "SUPER_ADMIN" && /* @__PURE__ */ d("button", {
+							b && P.status === "DELETED" && se?.role === "SUPER_ADMIN" && /* @__PURE__ */ f("button", {
 								type: "button",
-								onClick: () => U({
+								onClick: () => W({
 									type: "hard-delete",
-									user: N
+									user: P
 								}),
 								className: "px-4 py-2.5 rounded-xl bg-status-error-bg text-white font-medium hover:bg-status-error-bg-hover transition-colors",
 								children: v("auth.users.permanentlyDelete", "Permanently Delete")
@@ -804,22 +801,22 @@ function _() {
 				]
 			})
 		]
-	}) : /* @__PURE__ */ f("div", {
+	}) : /* @__PURE__ */ p("div", {
 		className: "max-w-2xl mx-auto p-6",
 		children: [
-			Q,
-			/* @__PURE__ */ f("button", {
+			$,
+			/* @__PURE__ */ p("button", {
 				type: "button",
 				onClick: () => {
-					M("list"), X();
+					N("list"), Z();
 				},
 				className: "mb-6 flex items-center gap-2 text-text-link hover:underline font-medium",
-				children: [/* @__PURE__ */ d("svg", {
+				children: [/* @__PURE__ */ f("svg", {
 					className: "size-4",
 					fill: "none",
 					viewBox: "0 0 24 24",
 					stroke: "currentColor",
-					children: /* @__PURE__ */ d("path", {
+					children: /* @__PURE__ */ f("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						strokeWidth: 2,
@@ -827,184 +824,184 @@ function _() {
 					})
 				}), v("auth.users.backToUsers", "Back to Users")]
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p("div", {
 				className: "p-6 rounded-xl border border-border-subtle bg-bg-surface shadow-sm",
 				children: [
-					/* @__PURE__ */ d("h1", {
+					/* @__PURE__ */ f("h1", {
 						className: "text-2xl font-semibold text-text-primary mb-2",
 						children: v("auth.users.editUser", "Edit User")
 					}),
-					N && /* @__PURE__ */ f("p", {
+					P && /* @__PURE__ */ p("p", {
 						className: "text-text-secondary mb-6",
 						children: [
 							v("auth.users.editingUser", "Editing:"),
 							" ",
-							/* @__PURE__ */ d("strong", { children: N.email })
+							/* @__PURE__ */ f("strong", { children: P.email })
 						]
 					}),
-					L && /* @__PURE__ */ f("div", {
+					R && /* @__PURE__ */ p("div", {
 						className: "mb-6 flex items-start gap-3 p-4 rounded-xl bg-status-error-bg-subtle border border-status-error-border",
-						children: [/* @__PURE__ */ d(t, { className: "size-5 text-status-error-text flex-shrink-0 mt-0.5" }), /* @__PURE__ */ d("div", {
+						children: [/* @__PURE__ */ f(n, { className: "size-5 text-status-error-text flex-shrink-0 mt-0.5" }), /* @__PURE__ */ f("div", {
 							className: "flex-1",
-							children: /* @__PURE__ */ d("p", {
+							children: /* @__PURE__ */ f("p", {
 								className: "text-sm text-status-error-text",
-								children: L
+								children: R
 							})
 						})]
 					}),
-					/* @__PURE__ */ f("form", {
-						onSubmit: Te,
+					/* @__PURE__ */ p("form", {
+						onSubmit: Ce,
 						className: "space-y-6",
-						"aria-describedby": L ? E : void 0,
+						"aria-describedby": R ? E : void 0,
 						noValidate: !0,
 						children: [
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ p("div", {
 								className: "grid grid-cols-2 gap-4",
-								children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+								children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 									htmlFor: "edit-username",
 									className: "block text-sm font-medium text-text-primary mb-2",
 									children: v("auth.users.fieldUsername", "Username")
-								}), /* @__PURE__ */ d("input", {
+								}), /* @__PURE__ */ f("input", {
 									id: "edit-username",
 									type: "text",
 									"aria-label": v("auth.users.fieldUsername", "Username"),
-									value: F.username,
-									onChange: (e) => I({
-										...F,
+									value: I.username,
+									onChange: (e) => L({
+										...I,
 										username: e.target.value
 									}),
 									className: "block w-full px-4 py-3 border border-border-default rounded-xl bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all"
-								})] }), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+								})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 									htmlFor: "edit-name",
 									className: "block text-sm font-medium text-text-primary mb-2",
 									children: v("auth.users.fieldName", "Name")
-								}), /* @__PURE__ */ d("input", {
+								}), /* @__PURE__ */ f("input", {
 									id: "edit-name",
 									type: "text",
 									"aria-label": v("auth.users.fieldName", "Name"),
-									value: F.name,
-									onChange: (e) => I({
-										...F,
+									value: I.name,
+									onChange: (e) => L({
+										...I,
 										name: e.target.value
 									}),
 									className: "block w-full px-4 py-3 border border-border-default rounded-xl bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all"
 								})] })]
 							}),
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ p("div", {
 								className: "grid grid-cols-2 gap-4",
-								children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+								children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 									htmlFor: "edit-firstName",
 									className: "block text-sm font-medium text-text-primary mb-2",
 									children: v("auth.users.fieldFirstName", "First Name")
-								}), /* @__PURE__ */ d("input", {
+								}), /* @__PURE__ */ f("input", {
 									id: "edit-firstName",
 									type: "text",
 									"aria-label": v("auth.users.fieldFirstName", "First Name"),
-									value: F.firstName,
-									onChange: (e) => I({
-										...F,
+									value: I.firstName,
+									onChange: (e) => L({
+										...I,
 										firstName: e.target.value
 									}),
 									className: "block w-full px-4 py-3 border border-border-default rounded-xl bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all"
-								})] }), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+								})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 									htmlFor: "edit-lastName",
 									className: "block text-sm font-medium text-text-primary mb-2",
 									children: v("auth.users.fieldLastName", "Last Name")
-								}), /* @__PURE__ */ d("input", {
+								}), /* @__PURE__ */ f("input", {
 									id: "edit-lastName",
 									type: "text",
 									"aria-label": v("auth.users.fieldLastName", "Last Name"),
-									value: F.lastName,
-									onChange: (e) => I({
-										...F,
+									value: I.lastName,
+									onChange: (e) => L({
+										...I,
 										lastName: e.target.value
 									}),
 									className: "block w-full px-4 py-3 border border-border-default rounded-xl bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all"
 								})] })]
 							}),
-							/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+							/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 								htmlFor: "edit-phoneNumber",
 								className: "block text-sm font-medium text-text-primary mb-2",
 								children: v("auth.users.fieldPhoneNumber", "Phone Number")
-							}), /* @__PURE__ */ d("input", {
+							}), /* @__PURE__ */ f("input", {
 								id: "edit-phoneNumber",
 								type: "tel",
 								"aria-label": v("auth.users.fieldPhoneNumber", "Phone Number"),
-								value: F.phoneNumber,
-								onChange: (e) => I({
-									...F,
+								value: I.phoneNumber,
+								onChange: (e) => L({
+									...I,
 									phoneNumber: e.target.value
 								}),
 								className: "block w-full px-4 py-3 border border-border-default rounded-xl bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all"
 							})] }),
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ p("div", {
 								className: "grid grid-cols-2 gap-4",
-								children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+								children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 									htmlFor: "edit-role",
 									className: "block text-sm font-medium text-text-primary mb-2",
 									children: v("auth.users.fieldRole", "Role")
-								}), /* @__PURE__ */ d("select", {
+								}), /* @__PURE__ */ f("select", {
 									id: "edit-role",
 									"aria-label": v("auth.users.fieldRole", "Role"),
-									value: F.role,
-									onChange: (e) => I({
-										...F,
+									value: I.role,
+									onChange: (e) => L({
+										...I,
 										role: e.target.value
 									}),
 									className: "block w-full px-4 py-3 border border-border-default rounded-xl bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all",
-									children: h.map((e) => /* @__PURE__ */ d("option", {
+									children: g.map((e) => /* @__PURE__ */ f("option", {
 										value: e,
 										children: e.replace("_", " ")
 									}, e))
-								})] }), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+								})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
 									htmlFor: "edit-status",
 									className: "block text-sm font-medium text-text-primary mb-2",
 									children: v("auth.users.fieldStatus", "Status")
-								}), /* @__PURE__ */ d("select", {
+								}), /* @__PURE__ */ f("select", {
 									id: "edit-status",
 									"aria-label": v("auth.users.fieldStatus", "Status"),
-									value: F.status,
-									onChange: (e) => I({
-										...F,
+									value: I.status,
+									onChange: (e) => L({
+										...I,
 										status: e.target.value
 									}),
 									className: "block w-full px-4 py-3 border border-border-default rounded-xl bg-bg-surface text-text-primary focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all",
-									children: g.map((e) => /* @__PURE__ */ d("option", {
+									children: _.map((e) => /* @__PURE__ */ f("option", {
 										value: e,
 										children: e
 									}, e))
 								})] })]
 							}),
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ p("div", {
 								className: "flex items-center gap-3 p-4 rounded-xl bg-bg-canvas/50",
-								children: [/* @__PURE__ */ d("input", {
+								children: [/* @__PURE__ */ f("input", {
 									type: "checkbox",
 									id: "emailVerified",
-									checked: F.emailVerified,
-									onChange: (e) => I({
-										...F,
+									checked: I.emailVerified,
+									onChange: (e) => L({
+										...I,
 										emailVerified: e.target.checked
 									}),
 									className: "size-5 rounded border-border-default text-text-link focus:ring-action-primary-bg"
-								}), /* @__PURE__ */ d("label", {
+								}), /* @__PURE__ */ f("label", {
 									htmlFor: "emailVerified",
 									className: "text-sm font-medium text-text-primary",
 									children: v("auth.users.fieldEmailVerified", "Email Verified")
 								})]
 							}),
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ p("div", {
 								className: "flex gap-3 pt-4",
-								children: [/* @__PURE__ */ d(p, {
+								children: [/* @__PURE__ */ f(m, {
 									type: "submit",
 									disabled: S,
 									variant: "default",
 									size: "lg",
 									className: "font-semibold",
-									children: S ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(n, { className: "size-4 animate-spin" }), v("auth.users.saving", "Saving...")] }) : v("auth.users.saveChanges", "Save Changes")
-								}), /* @__PURE__ */ d("button", {
+									children: S ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(r, { className: "size-4 animate-spin" }), v("auth.users.saving", "Saving...")] }) : v("auth.users.saveChanges", "Save Changes")
+								}), /* @__PURE__ */ f("button", {
 									type: "button",
 									onClick: () => {
-										M("list"), X();
+										N("list"), Z();
 									},
 									className: "px-6 py-3 rounded-xl border border-border-default text-text-primary font-medium hover:bg-bg-sunken transition-colors",
 									children: v("auth.users.cancel", "Cancel")
@@ -1015,9 +1012,9 @@ function _() {
 				]
 			})
 		]
-	}) : /* @__PURE__ */ d("div", {
+	}) : /* @__PURE__ */ f("div", {
 		className: "max-w-6xl mx-auto p-6",
-		children: /* @__PURE__ */ d(m, {
+		children: /* @__PURE__ */ f(h, {
 			illustration: "empty-generic",
 			title: v("auth.users.authRequired", "Authentication Required"),
 			description: v("auth.users.signInToManage", "Please sign in to manage users")
@@ -1025,6 +1022,6 @@ function _() {
 	});
 }
 //#endregion
-export { _ as UsersPage };
+export { v as UsersPage };
 
 //# sourceMappingURL=UsersPage.js.map