@burdenoff/microfe-auth 2026.1031.1 → 2026.1101.1

package/dist/auth/pages/UsersPage.js

@@ -1,36 +1,36 @@
-import { useAuthStore as e } from "../store/authStore.js";
-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 { useTr as e } from "../../shared/hooks/useTr.js";
+import { useAuthPermissions as t } from "../hooks/useAuthPermissions.js";
+import { useUserOperations as n } from "../hooks/useUserOperations.js";
+import { validatePhoneNumber as r, validateUserFields as i } from "../utils/validation.js";
+import { useAuthStore as a } from "../store/authStore.js";
 import { ConfirmActionDialog as o } from "../components/ConfirmActionDialog.js";
-import { nativeImpact as s, nativeNotify as c } from "../../utils/nativeBridge.js";
-import { validatePhoneNumber as ee, validateUserFields as te } from "../utils/validation.js";
-import { useCallback as ne, useEffect as re, useId as l, useState as u } from "react";
-import { useNavigate as ie } from "react-router";
-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 ae, IllustratedEmptyState as h, NextSteps as oe, PagePurpose as se } from "@burdenoff/fe-libs/ui";
-//#region src/auth/pages/UsersPage.tsx
-var g = [
+import { AlertIcon as s, SpinnerIcon as c } from "../components/AuthIcons.js";
+import { nativeImpact as ee, nativeNotify as l } from "../../utils/nativeBridge.js";
+import { useCallback as te, useEffect as ne, useId as u, useState as d } from "react";
+import { useNavigate as re } from "react-router";
+import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Button as h } from "@burdenoff/fe-libs/button";
+import { EmphasisPanel as ie, IllustratedEmptyState as g, NextSteps as ae, PagePurpose as oe } from "@burdenoff/fe-libs/ui";
+// src/auth/pages/UsersPage.tsx
+var _ = [
 	"TENANT_ADMIN",
 	"ORG_ADMIN",
 	"WORKSPACE_ADMIN",
 	"MEMBER",
 	"GUEST"
-], _ = [
+], v = [
 	"ACTIVE",
 	"INACTIVE",
 	"SUSPENDED",
 	"DELETED"
 ];
-function v() {
-	let v = t(), ce = ie(), y = e((e) => e.isAuthenticated), le = e((e) => e.user), { canViewUsers: ue, canUpdateUsers: de, canDeleteUsers: b, isLoading: fe } = a(), { listUsers: x, updateUser: pe, deleteUser: me, hardDeleteUser: he, isLoading: S } = i(), C = l(), ge = l(), w = l(), T = l(), _e = l(), [E, D] = u(!1), O = async () => {
-		D(!0);
+function y() {
+	let y = e(), se = re(), b = a((e) => e.isAuthenticated), ce = a((e) => e.user), { canViewUsers: le, canUpdateUsers: ue, canDeleteUsers: x, isLoading: de } = t(), { listUsers: S, updateUser: fe, deleteUser: pe, hardDeleteUser: me, isLoading: C } = n(), w = u(), he = u(), ge = u(), _e = u(), ve = u(), [T, E] = d(!1), D = async () => {
+		E(!0);
 		try {
 			let e = {};
-			K && (e.search = K), q && (e.role = q), J && (e.status = J);
-			let t = (await x(e, {
+			G && (e.search = G), K && (e.role = K), q && (e.status = q);
+			let t = (await S(e, {
 				offset: 0,
 				limit: 1e4
 			})).users, n = [
@@ -66,11 +66,11 @@ function v() {
 			].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");
+			L(e instanceof Error ? e.message : "Failed to export users");
 		} finally {
-			D(!1);
+			E(!1);
 		}
-	}, [k, ve] = u([]), [A, ye] = u(0), [be, xe] = u(!1), [j, M] = u("list"), [N, P] = u(null), [F, I] = u({
+	}, [O, ye] = d([]), [k, be] = d(0), [xe, Se] = d(!1), [A, j] = d("list"), [M, N] = d(null), [P, F] = d({
 		username: "",
 		firstName: "",
 		lastName: "",
@@ -79,34 +79,34 @@ function v() {
 		role: "MEMBER",
 		status: "ACTIVE",
 		emailVerified: !1
-	}), [L, R] = u(null), [z, B] = u(null), [Se, V] = u(!1), [H, U] = u(null), [W, G] = u(null), [K, Ce] = u(""), [q, we] = u(""), [J, Te] = u(""), [Y, X] = u(0), Z = ne(async () => {
-		if (y) try {
-			V(!1);
+	}), [I, L] = d(null), [R, z] = d(null), [Ce, B] = d(!1), [V, H] = d(null), [U, W] = d(null), [G, we] = d(""), [K, Te] = d(""), [q, Ee] = d(""), [J, Y] = d(0), X = te(async () => {
+		if (b) try {
+			B(!1);
 			let e = {};
-			K && (e.search = K), q && (e.role = q), J && (e.status = J);
-			let t = await x(e, {
-				offset: Y * 10,
+			G && (e.search = G), K && (e.role = K), q && (e.status = q);
+			let t = {
+				offset: J * 10,
 				limit: 10
-			});
-			ve(t.users), ye(t.totalCount), xe(t.hasMore), R(null);
+			}, n = await S(e, t);
+			ye(n.users), be(n.totalCount), Se(n.hasMore), L(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") ? (V(!0), R(null)) : R(t);
+			t.toLowerCase().includes("not authorized") || t.toLowerCase().includes("forbidden") ? (B(!0), L(null)) : L(t);
 		}
 	}, [
-		x,
+		S,
+		G,
 		K,
 		q,
 		J,
-		Y,
-		y
+		b
 	]);
-	re(() => {
-		Z();
-	}, [Z]);
-	let Q = () => {
-		I({
+	ne(() => {
+		X();
+	}, [X]);
+	let Z = () => {
+		F({
 			username: "",
 			firstName: "",
 			lastName: "",
@@ -115,50 +115,50 @@ function v() {
 			role: "MEMBER",
 			status: "ACTIVE",
 			emailVerified: !1
-		}), P(null), R(null), B(null), U(null);
-	}, Ee = async (e) => {
-		if (e.preventDefault(), !N) return;
-		if (R(null), B(null), !ee(F.phoneNumber).valid) {
-			let e = v("auth.users.phoneNumber_invalid", "Invalid phone number");
-			B(e), R(e);
-			return;
-		}
-		let t = te(F, { requireAll: !1 });
-		if (!t.valid) {
-			R(t.errors.map((e) => v(`auth.users.${e.field}_${e.code}`, e.message)).join(" · "));
+		}), N(null), L(null), z(null), H(null);
+	}, De = async (e) => {
+		if (e.preventDefault(), !M) return;
+		if (L(null), z(null), !r(P.phoneNumber).valid) {
+			let e = y("auth.users.phoneNumber_invalid", "Invalid phone number");
+			z(e), L(e);
 			return;
 		}
-		try {
-			await pe(N.id, {
+		let t = i(P, { requireAll: !1 });
+		if (!t.valid) L(t.errors.map((e) => {
+			let t = `auth.users.${e.field}_${e.code}`;
+			return y(t, e.message);
+		}).join(" · "));
+		else try {
+			await fe(M.id, {
 				username: t.values.username || void 0,
 				firstName: t.values.firstName || void 0,
 				lastName: t.values.lastName || void 0,
-				name: F.name || void 0,
-				phoneNumber: F.phoneNumber || void 0,
-				role: F.role,
-				status: F.status,
-				emailVerified: F.emailVerified
-			}), U(v("auth.users.updateSuccess", "User updated successfully!")), M("list"), Q(), Z();
+				name: P.name || void 0,
+				phoneNumber: P.phoneNumber || void 0,
+				role: P.role,
+				status: P.status,
+				emailVerified: P.emailVerified
+			}), H(y("auth.users.updateSuccess", "User updated successfully!")), j("list"), Z(), X();
 		} catch (e) {
-			R(e instanceof Error ? e.message : "Failed to update user");
+			L(e instanceof Error ? e.message : "Failed to update user");
 		}
-	}, De = async (e) => {
-		s("medium");
+	}, Oe = async (e) => {
+		ee("medium");
 		try {
-			let t = await me(e.id);
-			t.success ? (c("success"), U(v("auth.users.userDeactivated", "User \"{email}\" has been deactivated.").replace("{email}", e.email)), G(null), Z()) : (c("error"), R(t.message));
+			let t = await pe(e.id);
+			t.success ? (l("success"), H(y("auth.users.userDeactivated", "User \"{email}\" has been deactivated.").replace("{email}", e.email)), W(null), X()) : (l("error"), L(t.message));
 		} catch (e) {
-			c("error"), R(e instanceof Error ? e.message : "Failed to delete user");
+			l("error"), L(e instanceof Error ? e.message : "Failed to delete user");
 		}
-	}, Oe = async (e) => {
+	}, ke = async (e) => {
 		try {
-			let t = await he(e.id);
-			t.success ? (U(v("auth.users.userPermanentlyDeleted", "User \"{email}\" has been permanently deleted.").replace("{email}", e.email)), G(null), Z()) : R(t.message);
+			let t = await me(e.id);
+			t.success ? (H(y("auth.users.userPermanentlyDeleted", "User \"{email}\" has been permanently deleted.").replace("{email}", e.email)), W(null), X()) : L(t.message);
 		} catch (e) {
-			R(e instanceof Error ? e.message : "Failed to hard delete user");
+			L(e instanceof Error ? e.message : "Failed to hard delete user");
 		}
-	}, ke = (e) => {
-		P(e), I({
+	}, Ae = (e) => {
+		N(e), F({
 			username: e.username || "",
 			firstName: e.firstName || "",
 			lastName: e.lastName || "",
@@ -167,26 +167,20 @@ function v() {
 			role: e.role,
 			status: e.status,
 			emailVerified: e.emailVerified
-		}), M("edit"), R(null);
-	}, $ = /* @__PURE__ */ f(o, {
-		open: W !== null,
+		}), j("edit"), L(null);
+	}, Q = /* @__PURE__ */ p(o, {
+		open: U !== null,
 		onOpenChange: (e) => {
-			e || G(null);
+			e || W(null);
 		},
-		title: W?.type === "hard-delete" ? v("auth.users.hardDeleteTitle", "Permanently delete user?") : v("auth.users.deactivateTitle", "Deactivate user?"),
-		description: W?.type === "hard-delete" ? W ? v("auth.users.hardDeleteDesc", "This permanently deletes \"{email}\" and cannot be undone.").replace("{email}", W.user.email) : "" : W ? v("auth.users.deactivateDesc", "\"{email}\" will be prevented from signing in until reactivated.").replace("{email}", W.user.email) : "",
-		confirmText: W?.type === "hard-delete" ? v("auth.users.hardDeleteConfirm", "Delete permanently") : v("auth.users.deactivateConfirm", "Deactivate user"),
-		variant: W?.type === "hard-delete" ? "danger" : "warning",
+		title: U?.type === "hard-delete" ? y("auth.users.hardDeleteTitle", "Permanently delete user?") : y("auth.users.deactivateTitle", "Deactivate user?"),
+		description: U?.type === "hard-delete" ? U ? y("auth.users.hardDeleteDesc", "This permanently deletes \"{email}\" and cannot be undone.").replace("{email}", U.user.email) : "" : U ? y("auth.users.deactivateDesc", "\"{email}\" will be prevented from signing in until reactivated.").replace("{email}", U.user.email) : "",
+		confirmText: U?.type === "hard-delete" ? y("auth.users.hardDeleteConfirm", "Delete permanently") : y("auth.users.deactivateConfirm", "Deactivate user"),
+		variant: U?.type === "hard-delete" ? "danger" : "warning",
 		onConfirm: async () => {
-			if (W) {
-				if (W.type === "hard-delete") {
-					await Oe(W.user);
-					return;
-				}
-				await De(W.user);
-			}
+			U && (U.type === "hard-delete" ? await ke(U.user) : await Oe(U.user));
 		}
-	}), Ae = (e) => {
+	}), je = (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";
@@ -196,7 +190,7 @@ function v() {
 			case "GUEST": return "bg-bg-sunken text-text-primary";
 			default: return "bg-bg-sunken text-text-primary";
 		}
-	}, je = (e) => {
+	}, $ = (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";
@@ -205,193 +199,193 @@ function v() {
 			default: return "bg-bg-sunken text-text-primary";
 		}
 	};
-	return y ? fe ? /* @__PURE__ */ f("div", {
+	return b ? de ? /* @__PURE__ */ p("div", {
 		className: "max-w-6xl mx-auto p-6",
-		children: /* @__PURE__ */ p("div", {
+		children: /* @__PURE__ */ m("div", {
 			className: "text-center py-16",
-			children: [/* @__PURE__ */ f(r, { className: "size-8 mx-auto text-text-secondary animate-spin" }), /* @__PURE__ */ f("p", {
+			children: [/* @__PURE__ */ p(c, { className: "size-8 mx-auto text-text-secondary animate-spin" }), /* @__PURE__ */ p("p", {
 				className: "mt-4 text-text-secondary",
-				children: v("auth.users.loadingPermissions", "Loading permissions...")
+				children: y("auth.users.loadingPermissions", "Loading permissions...")
 			})]
 		})
-	}) : !ue || Se ? /* @__PURE__ */ f("div", {
+	}) : !le || Ce ? /* @__PURE__ */ p("div", {
 		className: "max-w-6xl mx-auto p-6",
-		children: /* @__PURE__ */ f(h, {
+		children: /* @__PURE__ */ p(g, {
 			illustration: "empty-generic",
-			title: v("auth.users.adminAccessRequired", "Admin Access Required"),
-			description: /* @__PURE__ */ p(d, { children: [
-				v("auth.users.adminAccessDesc", "You need administrator privileges to view and manage users."),
+			title: y("auth.users.adminAccessRequired", "Admin Access Required"),
+			description: /* @__PURE__ */ m(f, { children: [
+				y("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")
+				y("auth.users.requiredRoles", "Required roles: Super Admin, Tenant Admin, or Org Admin")
 			] })
 		})
-	}) : j === "list" ? /* @__PURE__ */ p("div", {
+	}) : A === "list" ? /* @__PURE__ */ m("div", {
 		className: "max-w-6xl mx-auto p-6",
 		children: [
-			$,
-			/* @__PURE__ */ p("div", {
+			Q,
+			/* @__PURE__ */ m("div", {
 				className: "flex items-center justify-between mb-8",
-				children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h1", {
+				children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
 					className: "text-3xl font-semibold text-text-primary",
-					children: v("auth.users.title", "Users")
-				}), /* @__PURE__ */ p("p", {
+					children: y("auth.users.title", "Users")
+				}), /* @__PURE__ */ m("p", {
 					className: "text-text-secondary mt-2",
 					children: [
-						v("auth.users.subtitle", "Manage users in your organization"),
+						y("auth.users.subtitle", "Manage users in your organization"),
 						" (",
-						A,
+						k,
 						" ",
-						v("auth.users.paginationUsers", "total"),
+						y("auth.users.paginationUsers", "total"),
 						")"
 					]
-				})] }), /* @__PURE__ */ f("button", {
+				})] }), /* @__PURE__ */ p("button", {
 					type: "button",
-					onClick: () => void O(),
-					disabled: E,
-					"aria-label": v("auth.users.exportAriaLabel", "Export user list"),
+					onClick: () => void D(),
+					disabled: T,
+					"aria-label": y("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: E ? /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f(r, {
+					children: T ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(c, {
 						className: "size-4 animate-spin",
 						"aria-hidden": "true"
-					}), v("auth.users.exporting", "Exporting...")] }) : /* @__PURE__ */ p(d, { children: [/* @__PURE__ */ f("svg", {
+					}), y("auth.users.exporting", "Exporting...")] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("svg", {
 						className: "size-4",
 						fill: "none",
 						viewBox: "0 0 24 24",
 						stroke: "currentColor",
 						"aria-hidden": "true",
-						children: /* @__PURE__ */ f("path", {
+						children: /* @__PURE__ */ p("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 2,
 							d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
 						})
-					}), v("auth.users.export", "Export")] })
+					}), y("auth.users.export", "Export")] })
 				})]
 			}),
-			/* @__PURE__ */ f(se, {
+			/* @__PURE__ */ p(oe, {
 				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.")
+				children: y("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__ */ p(ae, {
+			/* @__PURE__ */ m(ie, {
 				className: "mb-6",
 				children: [
-					/* @__PURE__ */ f("p", {
+					/* @__PURE__ */ p("p", {
 						className: "text-sm font-medium text-text-secondary",
-						children: v("auth.users.summaryLabel", "People in this organization")
+						children: y("auth.users.summaryLabel", "People in this organization")
 					}),
-					/* @__PURE__ */ f("p", {
+					/* @__PURE__ */ p("p", {
 						className: "mt-1 text-3xl font-semibold text-text-primary",
-						children: A
+						children: k
 					}),
-					/* @__PURE__ */ f("p", {
+					/* @__PURE__ */ p("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.")
+						children: y("auth.users.summaryHint", "Use the filters below to find a specific person or role.")
 					})
 				]
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p("div", {
 				"aria-live": "polite",
 				"aria-atomic": "true",
 				className: "sr-only",
-				children: H
+				children: V
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p("div", {
 				role: "alert",
 				"aria-live": "assertive",
 				"aria-atomic": "true",
 				className: "sr-only",
-				children: L
+				children: I
 			}),
-			H && /* @__PURE__ */ p("output", {
-				id: _e,
+			V && /* @__PURE__ */ m("output", {
+				id: ve,
 				className: "block mb-6 p-4 rounded-xl bg-status-success-bg-subtle border border-status-success-border",
-				children: [/* @__PURE__ */ f("p", {
+				children: [/* @__PURE__ */ p("p", {
 					className: "text-status-success-text",
-					children: H
-				}), /* @__PURE__ */ f("button", {
+					children: V
+				}), /* @__PURE__ */ p("button", {
 					type: "button",
-					onClick: () => U(null),
+					onClick: () => H(null),
 					className: "mt-2 text-sm text-status-success-text hover:underline",
-					children: v("auth.users.dismiss", "Dismiss")
+					children: y("auth.users.dismiss", "Dismiss")
 				})]
 			}),
-			L && /* @__PURE__ */ p("div", {
-				id: T,
+			I && /* @__PURE__ */ m("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__ */ f(n, {
+				children: [/* @__PURE__ */ p(s, {
 					className: "size-5 text-status-error-text flex-shrink-0 mt-0.5",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ p("div", {
+				}), /* @__PURE__ */ m("div", {
 					className: "flex-1",
-					children: [/* @__PURE__ */ f("p", {
+					children: [/* @__PURE__ */ p("p", {
 						className: "text-sm text-status-error-text",
-						children: L
-					}), /* @__PURE__ */ f("button", {
+						children: I
+					}), /* @__PURE__ */ p("button", {
 						type: "button",
-						onClick: () => R(null),
+						onClick: () => L(null),
 						className: "mt-2 text-sm text-status-error-text hover:underline",
-						children: v("auth.users.dismiss", "Dismiss")
+						children: y("auth.users.dismiss", "Dismiss")
 					})]
 				})]
 			}),
-			/* @__PURE__ */ f("div", {
+			/* @__PURE__ */ p("div", {
 				className: "mb-6 p-4 rounded-xl border border-border-subtle bg-bg-surface",
-				children: /* @__PURE__ */ p("div", {
+				children: /* @__PURE__ */ m("div", {
 					className: "flex flex-wrap gap-4 items-end",
 					children: [
-						/* @__PURE__ */ p("div", {
+						/* @__PURE__ */ m("div", {
 							className: "flex-1 min-w-[200px]",
-							children: [/* @__PURE__ */ f("label", {
-								htmlFor: C,
+							children: [/* @__PURE__ */ p("label", {
+								htmlFor: w,
 								className: "sr-only",
-								children: v("auth.users.searchLabel", "Search users")
-							}), /* @__PURE__ */ f("input", {
-								id: C,
+								children: y("auth.users.searchLabel", "Search users")
+							}), /* @__PURE__ */ p("input", {
+								id: w,
 								type: "search",
-								"aria-label": v("auth.users.searchLabel", "Search users"),
-								placeholder: v("auth.users.searchPlaceholder", "Search by email, username, or name..."),
-								value: K,
+								"aria-label": y("auth.users.searchLabel", "Search users"),
+								placeholder: y("auth.users.searchPlaceholder", "Search by email, username, or name..."),
+								value: G,
 								onChange: (e) => {
-									Ce(e.target.value), X(0);
+									we(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__ */ p("div", { children: [/* @__PURE__ */ f("label", {
-							htmlFor: ge,
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+							htmlFor: he,
 							className: "sr-only",
-							children: v("auth.users.filterRoleLabel", "Filter by role")
-						}), /* @__PURE__ */ p("select", {
-							id: ge,
-							value: q,
+							children: y("auth.users.filterRoleLabel", "Filter by role")
+						}), /* @__PURE__ */ m("select", {
+							id: he,
+							value: K,
 							onChange: (e) => {
-								we(e.target.value), X(0);
+								Te(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 scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-primary",
-							children: [/* @__PURE__ */ f("option", {
+							children: [/* @__PURE__ */ p("option", {
 								value: "",
-								children: v("auth.users.allRoles", "All Roles")
-							}), g.map((e) => /* @__PURE__ */ f("option", {
+								children: y("auth.users.allRoles", "All Roles")
+							}), _.map((e) => /* @__PURE__ */ p("option", {
 								value: e,
 								children: e.replace("_", " ")
 							}, e))]
 						})] }),
-						/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
-							htmlFor: w,
+						/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+							htmlFor: ge,
 							className: "sr-only",
-							children: v("auth.users.filterStatusLabel", "Filter by status")
-						}), /* @__PURE__ */ p("select", {
-							id: w,
-							value: J,
+							children: y("auth.users.filterStatusLabel", "Filter by status")
+						}), /* @__PURE__ */ m("select", {
+							id: ge,
+							value: q,
 							onChange: (e) => {
-								Te(e.target.value), X(0);
+								Ee(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 scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-primary",
-							children: [/* @__PURE__ */ f("option", {
+							children: [/* @__PURE__ */ p("option", {
 								value: "",
-								children: v("auth.users.allStatuses", "All Statuses")
-							}), _.map((e) => /* @__PURE__ */ f("option", {
+								children: y("auth.users.allStatuses", "All Statuses")
+							}), v.map((e) => /* @__PURE__ */ p("option", {
 								value: e,
 								children: e
 							}, e))]
@@ -399,165 +393,165 @@ function v() {
 					]
 				})
 			}),
-			S ? /* @__PURE__ */ p("div", {
+			C ? /* @__PURE__ */ m("div", {
 				"aria-live": "polite",
 				"aria-busy": "true",
 				className: "flex items-center justify-center py-12",
-				children: [/* @__PURE__ */ f(r, {
+				children: [/* @__PURE__ */ p(c, {
 					className: "size-8 text-text-link animate-spin",
 					"aria-hidden": "true"
-				}), /* @__PURE__ */ f("span", {
+				}), /* @__PURE__ */ p("span", {
 					className: "ml-3 text-text-secondary",
-					children: v("auth.users.loadingUsers", "Loading users...")
+					children: y("auth.users.loadingUsers", "Loading users...")
 				})]
-			}) : k.length === 0 ? /* @__PURE__ */ f(h, {
-				illustration: K || q || J ? "empty-search" : "empty-people",
-				title: v("auth.users.noUsersFound", "No users found"),
-				description: K || q || J ? 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", {
+			}) : O.length === 0 ? /* @__PURE__ */ p(g, {
+				illustration: G || K || q ? "empty-search" : "empty-people",
+				title: y("auth.users.noUsersFound", "No users found"),
+				description: G || K || q ? y("auth.users.noUsersFilteredDesc", "No users match your current search or filters. Try clearing them to see everyone.") : y("auth.users.noUsersDesc", "Once people join your organization they'll show up here for you to manage.")
+			}) : /* @__PURE__ */ m(f, { children: [
+				/* @__PURE__ */ p("div", {
 					className: "rounded-xl border border-border-subtle bg-bg-surface overflow-hidden shadow-sm",
-					children: /* @__PURE__ */ f("div", {
+					children: /* @__PURE__ */ p("div", {
 						className: "overflow-x-auto",
-						children: /* @__PURE__ */ p("table", {
+						children: /* @__PURE__ */ m("table", {
 							className: "w-full min-w-[800px]",
-							"aria-label": v("auth.users.tableAriaLabel", "Users table"),
-							children: [/* @__PURE__ */ f("thead", { children: /* @__PURE__ */ p("tr", {
+							"aria-label": y("auth.users.tableAriaLabel", "Users table"),
+							children: [/* @__PURE__ */ p("thead", { children: /* @__PURE__ */ m("tr", {
 								className: "border-b border-border-subtle bg-bg-canvas",
 								children: [
-									/* @__PURE__ */ f("th", {
+									/* @__PURE__ */ p("th", {
 										scope: "col",
 										className: "text-left p-4 text-sm font-medium text-text-secondary w-[280px]",
-										children: v("auth.users.columnUser", "User")
+										children: y("auth.users.columnUser", "User")
 									}),
-									/* @__PURE__ */ f("th", {
+									/* @__PURE__ */ p("th", {
 										scope: "col",
 										className: "text-left p-4 text-sm font-medium text-text-secondary w-[130px]",
-										children: v("auth.users.columnRole", "Role")
+										children: y("auth.users.columnRole", "Role")
 									}),
-									/* @__PURE__ */ f("th", {
+									/* @__PURE__ */ p("th", {
 										scope: "col",
 										className: "text-left p-4 text-sm font-medium text-text-secondary w-[100px]",
-										children: v("auth.users.columnStatus", "Status")
+										children: y("auth.users.columnStatus", "Status")
 									}),
-									/* @__PURE__ */ f("th", {
+									/* @__PURE__ */ p("th", {
 										scope: "col",
 										className: "text-left p-4 text-sm font-medium text-text-secondary w-[80px]",
-										children: v("auth.users.columnVerified", "Verified")
+										children: y("auth.users.columnVerified", "Verified")
 									}),
-									/* @__PURE__ */ f("th", {
+									/* @__PURE__ */ p("th", {
 										scope: "col",
 										className: "text-left p-4 text-sm font-medium text-text-secondary w-[100px]",
-										children: v("auth.users.columnLastLogin", "Last Login")
+										children: y("auth.users.columnLastLogin", "Last Login")
 									}),
-									/* @__PURE__ */ f("th", {
+									/* @__PURE__ */ p("th", {
 										scope: "col",
 										className: "text-right p-4 text-sm font-medium text-text-secondary w-[180px]",
-										children: v("auth.users.columnActions", "Actions")
+										children: y("auth.users.columnActions", "Actions")
 									})
 								]
-							}) }), /* @__PURE__ */ f("tbody", { children: k.map((e) => /* @__PURE__ */ p("tr", {
+							}) }), /* @__PURE__ */ p("tbody", { children: O.map((e) => /* @__PURE__ */ m("tr", {
 								className: "border-b border-border-subtle last:border-b-0 hover:bg-bg-sunken/50 transition-colors",
 								children: [
-									/* @__PURE__ */ f("td", {
+									/* @__PURE__ */ p("td", {
 										className: "p-4",
-										children: /* @__PURE__ */ p("div", {
+										children: /* @__PURE__ */ m("div", {
 											className: "flex items-center gap-3 min-w-0",
-											children: [/* @__PURE__ */ f("div", {
+											children: [/* @__PURE__ */ p("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__ */ p("div", {
+											}), /* @__PURE__ */ m("div", {
 												className: "min-w-0 flex-1",
-												children: [/* @__PURE__ */ f("p", {
+												children: [/* @__PURE__ */ p("p", {
 													className: "font-medium text-text-primary truncate",
 													children: e.name || e.username
-												}), /* @__PURE__ */ f("p", {
+												}), /* @__PURE__ */ p("p", {
 													className: "text-sm text-text-secondary truncate",
 													children: e.email
 												})]
 											})]
 										})
 									}),
-									/* @__PURE__ */ f("td", {
+									/* @__PURE__ */ p("td", {
 										className: "p-4",
-										children: /* @__PURE__ */ f("span", {
-											className: `inline-block px-2.5 py-1 rounded-full text-xs font-medium whitespace-nowrap ${Ae(e.role)}`,
+										children: /* @__PURE__ */ p("span", {
+											className: `inline-block px-2.5 py-1 rounded-full text-xs font-medium whitespace-nowrap ${je(e.role)}`,
 											children: e.role.replace("_", " ")
 										})
 									}),
-									/* @__PURE__ */ f("td", {
+									/* @__PURE__ */ p("td", {
 										className: "p-4",
-										children: /* @__PURE__ */ f("span", {
-											className: `inline-block px-2.5 py-1 rounded-full text-xs font-medium whitespace-nowrap ${je(e.status)}`,
+										children: /* @__PURE__ */ p("span", {
+											className: `inline-block px-2.5 py-1 rounded-full text-xs font-medium whitespace-nowrap ${$(e.status)}`,
 											children: e.status
 										})
 									}),
-									/* @__PURE__ */ f("td", {
+									/* @__PURE__ */ p("td", {
 										className: "p-4",
-										children: e.emailVerified ? /* @__PURE__ */ p("span", {
+										children: e.emailVerified ? /* @__PURE__ */ m("span", {
 											className: "inline-flex items-center gap-1 text-status-success-text whitespace-nowrap",
-											children: [/* @__PURE__ */ f("svg", {
+											children: [/* @__PURE__ */ p("svg", {
 												className: "size-4 flex-shrink-0",
 												fill: "currentColor",
 												viewBox: "0 0 20 20",
-												children: /* @__PURE__ */ f("path", {
+												children: /* @__PURE__ */ p("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__ */ f("span", {
+											}), /* @__PURE__ */ p("span", {
 												className: "text-sm",
-												children: v("auth.users.verifiedYes", "Yes")
+												children: y("auth.users.verifiedYes", "Yes")
 											})]
-										}) : /* @__PURE__ */ p("span", {
+										}) : /* @__PURE__ */ m("span", {
 											className: "inline-flex items-center gap-1 text-status-warning-text whitespace-nowrap",
-											children: [/* @__PURE__ */ f("svg", {
+											children: [/* @__PURE__ */ p("svg", {
 												className: "size-4 flex-shrink-0",
 												fill: "currentColor",
 												viewBox: "0 0 20 20",
-												children: /* @__PURE__ */ f("path", {
+												children: /* @__PURE__ */ p("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__ */ f("span", {
+											}), /* @__PURE__ */ p("span", {
 												className: "text-sm",
-												children: v("auth.users.verifiedNo", "No")
+												children: y("auth.users.verifiedNo", "No")
 											})]
 										})
 									}),
-									/* @__PURE__ */ f("td", {
+									/* @__PURE__ */ p("td", {
 										className: "p-4 text-sm text-text-secondary whitespace-nowrap",
-										children: e.lastLoginAt ? new Date(e.lastLoginAt).toLocaleDateString() : v("auth.users.lastLoginNever", "Never")
+										children: e.lastLoginAt ? new Date(e.lastLoginAt).toLocaleDateString() : y("auth.users.lastLoginNever", "Never")
 									}),
-									/* @__PURE__ */ f("td", {
+									/* @__PURE__ */ p("td", {
 										className: "p-4",
-										children: /* @__PURE__ */ p("div", {
+										children: /* @__PURE__ */ m("div", {
 											className: "flex justify-end gap-1.5 flex-nowrap",
 											children: [
-												/* @__PURE__ */ f("button", {
+												/* @__PURE__ */ p("button", {
 													type: "button",
-													onClick: () => ce(`/auth/users/${e.id}`),
-													"aria-label": `${v("auth.users.actionView", "View")} ${e.name || e.username || e.email}`,
+													onClick: () => se(`/auth/users/${e.id}`),
+													"aria-label": `${y("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")
+													children: y("auth.users.actionView", "View")
 												}),
-												de && /* @__PURE__ */ f("button", {
+												ue && /* @__PURE__ */ p("button", {
 													type: "button",
-													onClick: () => ke(e),
-													"aria-label": `${v("auth.users.actionEdit", "Edit")} ${e.name || e.username || e.email}`,
+													onClick: () => Ae(e),
+													"aria-label": `${y("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")
+													children: y("auth.users.actionEdit", "Edit")
 												}),
-												b && e.status !== "DELETED" && /* @__PURE__ */ f("button", {
+												x && e.status !== "DELETED" && /* @__PURE__ */ p("button", {
 													type: "button",
-													onClick: () => G({
+													onClick: () => W({
 														type: "deactivate",
 														user: e
 													}),
-													"aria-label": `${v("auth.users.actionDelete", "Delete")} ${e.name || e.username || e.email}`,
+													"aria-label": `${y("auth.users.actionDelete", "Delete")} ${e.name || e.username || e.email}`,
 													className: "px-2.5 py-1.5 rounded-lg text-xs font-medium border border-status-error-border text-status-error-text bg-bg-surface hover:bg-status-error-bg-subtle transition-colors whitespace-nowrap flex-shrink-0",
-													children: v("auth.users.actionDelete", "Delete")
+													children: y("auth.users.actionDelete", "Delete")
 												})
 											]
 										})
@@ -567,466 +561,466 @@ function v() {
 						})
 					})
 				}),
-				/* @__PURE__ */ p("div", {
+				/* @__PURE__ */ m("div", {
 					className: "mt-6 flex items-center justify-between",
-					children: [/* @__PURE__ */ p("p", {
+					children: [/* @__PURE__ */ m("p", {
 						className: "text-sm text-text-secondary",
 						children: [
-							v("auth.users.showing", "Showing"),
+							y("auth.users.showing", "Showing"),
 							" ",
-							Y * 10 + 1,
+							J * 10 + 1,
 							" ",
-							v("auth.users.to", "to"),
+							y("auth.users.to", "to"),
 							" ",
-							Math.min((Y + 1) * 10, A),
+							Math.min((J + 1) * 10, k),
 							" ",
-							v("auth.users.of", "of"),
+							y("auth.users.of", "of"),
 							" ",
-							A,
+							k,
 							" ",
-							v("auth.users.paginationUsers", "users")
+							y("auth.users.paginationUsers", "users")
 						]
-					}), /* @__PURE__ */ f("nav", {
-						"aria-label": v("auth.users.paginationAriaLabel", "User list pagination"),
-						children: /* @__PURE__ */ p("div", {
+					}), /* @__PURE__ */ p("nav", {
+						"aria-label": y("auth.users.paginationAriaLabel", "User list pagination"),
+						children: /* @__PURE__ */ m("div", {
 							className: "flex gap-2",
-							children: [/* @__PURE__ */ f("button", {
+							children: [/* @__PURE__ */ p("button", {
 								type: "button",
-								onClick: () => X((e) => Math.max(0, e - 1)),
-								disabled: Y === 0,
-								"aria-label": v("auth.users.previousPageAriaLabel", "Go to previous page"),
+								onClick: () => Y((e) => Math.max(0, e - 1)),
+								disabled: J === 0,
+								"aria-label": y("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__ */ f("button", {
+								children: y("auth.users.previousPage", "Previous")
+							}), /* @__PURE__ */ p("button", {
 								type: "button",
-								onClick: () => X((e) => e + 1),
-								disabled: !be,
-								"aria-label": v("auth.users.nextPageAriaLabel", "Go to next page"),
+								onClick: () => Y((e) => e + 1),
+								disabled: !xe,
+								"aria-label": y("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")
+								children: y("auth.users.nextPage", "Next")
 							})]
 						})
 					})]
 				}),
-				/* @__PURE__ */ f(oe, {
+				/* @__PURE__ */ p(ae, {
 					className: "mt-8",
 					storageKey: "auth-users",
 					steps: [{
 						id: "search-user",
-						label: v("auth.users.nextSearch", "Find a specific person"),
-						description: v("auth.users.nextSearchDesc", "Use the search and role / status filters above to narrow the list."),
+						label: y("auth.users.nextSearch", "Find a specific person"),
+						description: y("auth.users.nextSearchDesc", "Use the search and role / status filters above to narrow the list."),
 						onClick: () => {
-							let e = document.getElementById(C);
+							let e = document.getElementById(w);
 							e instanceof HTMLInputElement && e.focus();
 						}
 					}, {
 						id: "export-users",
-						label: v("auth.users.nextExport", "Export the user list"),
-						description: v("auth.users.nextExportDesc", "Download a CSV of users matching your current filters."),
-						onClick: () => void O()
+						label: y("auth.users.nextExport", "Export the user list"),
+						description: y("auth.users.nextExportDesc", "Download a CSV of users matching your current filters."),
+						onClick: () => void D()
 					}]
 				})
 			] })
 		]
-	}) : j === "view" && N ? /* @__PURE__ */ p("div", {
+	}) : A === "view" && M ? /* @__PURE__ */ m("div", {
 		className: "max-w-4xl mx-auto p-6",
 		children: [
-			$,
-			/* @__PURE__ */ p("button", {
+			Q,
+			/* @__PURE__ */ m("button", {
 				type: "button",
 				onClick: () => {
-					M("list"), Q();
+					j("list"), Z();
 				},
 				className: "mb-6 flex items-center gap-2 text-text-link hover:underline font-medium",
-				children: [/* @__PURE__ */ f("svg", {
+				children: [/* @__PURE__ */ p("svg", {
 					className: "size-4",
 					fill: "none",
 					viewBox: "0 0 24 24",
 					stroke: "currentColor",
-					children: /* @__PURE__ */ f("path", {
+					children: /* @__PURE__ */ p("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						strokeWidth: 2,
 						d: "M10 19l-7-7m0 0l7-7m-7 7h18"
 					})
-				}), v("auth.users.backToUsers", "Back to Users")]
+				}), y("auth.users.backToUsers", "Back to Users")]
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m("div", {
 				className: "p-6 rounded-xl border border-border-subtle bg-bg-surface shadow-sm",
 				children: [
-					/* @__PURE__ */ p("div", {
+					/* @__PURE__ */ m("div", {
 						className: "flex items-center gap-4 mb-8",
-						children: [/* @__PURE__ */ f("div", {
+						children: [/* @__PURE__ */ p("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__ */ p("div", { children: [
-							/* @__PURE__ */ f("h1", {
+							children: (M.name || M.username || M.email).charAt(0).toUpperCase()
+						}), /* @__PURE__ */ m("div", { children: [
+							/* @__PURE__ */ p("h1", {
 								className: "text-2xl font-semibold text-text-primary",
-								children: N.name || N.username
+								children: M.name || M.username
 							}),
-							/* @__PURE__ */ f("p", {
+							/* @__PURE__ */ p("p", {
 								className: "text-text-secondary",
-								children: N.email
+								children: M.email
 							}),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ m("div", {
 								className: "flex items-center gap-2 mt-2",
-								children: [/* @__PURE__ */ f("span", {
-									className: `px-2.5 py-1 rounded-full text-xs font-medium ${Ae(N.role)}`,
-									children: N.role.replace("_", " ")
-								}), /* @__PURE__ */ f("span", {
-									className: `px-2.5 py-1 rounded-full text-xs font-medium ${je(N.status)}`,
-									children: N.status
+								children: [/* @__PURE__ */ p("span", {
+									className: `px-2.5 py-1 rounded-full text-xs font-medium ${je(M.role)}`,
+									children: M.role.replace("_", " ")
+								}), /* @__PURE__ */ p("span", {
+									className: `px-2.5 py-1 rounded-full text-xs font-medium ${$(M.status)}`,
+									children: M.status
 								})]
 							})
 						] })]
 					}),
-					/* @__PURE__ */ p("div", {
+					/* @__PURE__ */ m("div", {
 						className: "grid grid-cols-2 gap-6",
 						children: [
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ m("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
-								children: [/* @__PURE__ */ f("label", {
+								children: [/* @__PURE__ */ p("label", {
 									className: "block text-sm font-medium text-text-secondary mb-1",
-									children: v("auth.users.viewDetailsUsername", "Username")
-								}), /* @__PURE__ */ f("p", {
+									children: y("auth.users.viewDetailsUsername", "Username")
+								}), /* @__PURE__ */ p("p", {
 									className: "text-text-primary font-medium",
-									children: N.username
+									children: M.username
 								})]
 							}),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ m("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
-								children: [/* @__PURE__ */ f("label", {
+								children: [/* @__PURE__ */ p("label", {
 									className: "block text-sm font-medium text-text-secondary mb-1",
-									children: v("auth.users.viewDetailsEmail", "Email")
-								}), /* @__PURE__ */ f("p", {
+									children: y("auth.users.viewDetailsEmail", "Email")
+								}), /* @__PURE__ */ p("p", {
 									className: "text-text-primary font-medium",
-									children: N.email
+									children: M.email
 								})]
 							}),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ m("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
-								children: [/* @__PURE__ */ f("label", {
+								children: [/* @__PURE__ */ p("label", {
 									className: "block text-sm font-medium text-text-secondary mb-1",
-									children: v("auth.users.viewDetailsEmailVerified", "Email Verified")
-								}), /* @__PURE__ */ f("p", {
+									children: y("auth.users.viewDetailsEmailVerified", "Email Verified")
+								}), /* @__PURE__ */ p("p", {
 									className: "text-text-primary font-medium",
-									children: N.emailVerified ? /* @__PURE__ */ f("span", {
+									children: M.emailVerified ? /* @__PURE__ */ p("span", {
 										className: "text-status-success-text",
-										children: v("auth.users.verifiedYes", "Yes")
-									}) : /* @__PURE__ */ f("span", {
+										children: y("auth.users.verifiedYes", "Yes")
+									}) : /* @__PURE__ */ p("span", {
 										className: "text-status-warning-text",
-										children: v("auth.users.verifiedNo", "No")
+										children: y("auth.users.verifiedNo", "No")
 									})
 								})]
 							}),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ m("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
-								children: [/* @__PURE__ */ f("label", {
+								children: [/* @__PURE__ */ p("label", {
 									className: "block text-sm font-medium text-text-secondary mb-1",
-									children: v("auth.users.viewDetailsMfaEnabled", "MFA Enabled")
-								}), /* @__PURE__ */ f("p", {
+									children: y("auth.users.viewDetailsMfaEnabled", "MFA Enabled")
+								}), /* @__PURE__ */ p("p", {
 									className: "text-text-primary font-medium",
-									children: N.mfaEnabled ? /* @__PURE__ */ f("span", {
+									children: M.mfaEnabled ? /* @__PURE__ */ p("span", {
 										className: "text-status-success-text",
-										children: v("auth.users.verifiedYes", "Yes")
-									}) : /* @__PURE__ */ f("span", {
+										children: y("auth.users.verifiedYes", "Yes")
+									}) : /* @__PURE__ */ p("span", {
 										className: "text-text-secondary",
-										children: v("auth.users.verifiedNo", "No")
+										children: y("auth.users.verifiedNo", "No")
 									})
 								})]
 							}),
-							N.phoneNumber && /* @__PURE__ */ p("div", {
+							M.phoneNumber && /* @__PURE__ */ m("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
-								children: [/* @__PURE__ */ f("label", {
+								children: [/* @__PURE__ */ p("label", {
 									className: "block text-sm font-medium text-text-secondary mb-1",
-									children: v("auth.users.viewDetailsPhoneNumber", "Phone Number")
-								}), /* @__PURE__ */ f("p", {
+									children: y("auth.users.viewDetailsPhoneNumber", "Phone Number")
+								}), /* @__PURE__ */ p("p", {
 									className: "text-text-primary font-medium",
-									children: N.phoneNumber
+									children: M.phoneNumber
 								})]
 							}),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ m("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
-								children: [/* @__PURE__ */ f("label", {
+								children: [/* @__PURE__ */ p("label", {
 									className: "block text-sm font-medium text-text-secondary mb-1",
-									children: v("auth.users.viewDetailsLastLogin", "Last Login")
-								}), /* @__PURE__ */ f("p", {
+									children: y("auth.users.viewDetailsLastLogin", "Last Login")
+								}), /* @__PURE__ */ p("p", {
 									className: "text-text-primary font-medium",
-									children: N.lastLoginAt ? new Date(N.lastLoginAt).toLocaleString() : v("auth.users.lastLoginNever", "Never")
+									children: M.lastLoginAt ? new Date(M.lastLoginAt).toLocaleString() : y("auth.users.lastLoginNever", "Never")
 								})]
 							}),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ m("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
-								children: [/* @__PURE__ */ f("label", {
+								children: [/* @__PURE__ */ p("label", {
 									className: "block text-sm font-medium text-text-secondary mb-1",
-									children: v("auth.users.viewDetailsCreated", "Created")
-								}), /* @__PURE__ */ f("p", {
+									children: y("auth.users.viewDetailsCreated", "Created")
+								}), /* @__PURE__ */ p("p", {
 									className: "text-text-primary font-medium",
-									children: new Date(N.createdAt).toLocaleString()
+									children: new Date(M.createdAt).toLocaleString()
 								})]
 							}),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ m("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
-								children: [/* @__PURE__ */ f("label", {
+								children: [/* @__PURE__ */ p("label", {
 									className: "block text-sm font-medium text-text-secondary mb-1",
-									children: v("auth.users.viewDetailsLastUpdated", "Last Updated")
-								}), /* @__PURE__ */ f("p", {
+									children: y("auth.users.viewDetailsLastUpdated", "Last Updated")
+								}), /* @__PURE__ */ p("p", {
 									className: "text-text-primary font-medium",
-									children: new Date(N.updatedAt).toLocaleString()
+									children: new Date(M.updatedAt).toLocaleString()
 								})]
 							})
 						]
 					}),
-					/* @__PURE__ */ p("div", {
+					/* @__PURE__ */ m("div", {
 						className: "mt-8 pt-6 border-t border-border-subtle flex gap-3",
 						children: [
-							/* @__PURE__ */ f(m, {
+							/* @__PURE__ */ p(h, {
 								type: "button",
-								onClick: () => ke(N),
+								onClick: () => Ae(M),
 								variant: "default",
 								className: "font-semibold",
-								children: v("auth.users.editUser", "Edit User")
+								children: y("auth.users.editUser", "Edit User")
 							}),
-							N.status !== "DELETED" && /* @__PURE__ */ f("button", {
+							M.status !== "DELETED" && /* @__PURE__ */ p("button", {
 								type: "button",
-								onClick: () => G({
+								onClick: () => W({
 									type: "deactivate",
-									user: N
+									user: M
 								}),
 								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")
+								children: y("auth.users.deleteUser", "Delete User")
 							}),
-							b && N.status === "DELETED" && le?.role === "SUPER_ADMIN" && /* @__PURE__ */ f("button", {
+							x && M.status === "DELETED" && ce?.role === "SUPER_ADMIN" && /* @__PURE__ */ p("button", {
 								type: "button",
-								onClick: () => G({
+								onClick: () => W({
 									type: "hard-delete",
-									user: N
+									user: M
 								}),
 								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")
+								children: y("auth.users.permanentlyDelete", "Permanently Delete")
 							})
 						]
 					})
 				]
 			})
 		]
-	}) : /* @__PURE__ */ p("div", {
+	}) : /* @__PURE__ */ m("div", {
 		className: "max-w-2xl mx-auto p-6",
 		children: [
-			$,
-			/* @__PURE__ */ p("button", {
+			Q,
+			/* @__PURE__ */ m("button", {
 				type: "button",
 				onClick: () => {
-					M("list"), Q();
+					j("list"), Z();
 				},
 				className: "mb-6 flex items-center gap-2 text-text-link hover:underline font-medium",
-				children: [/* @__PURE__ */ f("svg", {
+				children: [/* @__PURE__ */ p("svg", {
 					className: "size-4",
 					fill: "none",
 					viewBox: "0 0 24 24",
 					stroke: "currentColor",
-					children: /* @__PURE__ */ f("path", {
+					children: /* @__PURE__ */ p("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						strokeWidth: 2,
 						d: "M10 19l-7-7m0 0l7-7m-7 7h18"
 					})
-				}), v("auth.users.backToUsers", "Back to Users")]
+				}), y("auth.users.backToUsers", "Back to Users")]
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m("div", {
 				className: "p-6 rounded-xl border border-border-subtle bg-bg-surface shadow-sm",
 				children: [
-					/* @__PURE__ */ f("h1", {
+					/* @__PURE__ */ p("h1", {
 						className: "text-2xl font-semibold text-text-primary mb-2",
-						children: v("auth.users.editUser", "Edit User")
+						children: y("auth.users.editUser", "Edit User")
 					}),
-					N && /* @__PURE__ */ p("p", {
+					M && /* @__PURE__ */ m("p", {
 						className: "text-text-secondary mb-6",
 						children: [
-							v("auth.users.editingUser", "Editing:"),
+							y("auth.users.editingUser", "Editing:"),
 							" ",
-							/* @__PURE__ */ f("strong", { children: N.email })
+							/* @__PURE__ */ p("strong", { children: M.email })
 						]
 					}),
-					L && /* @__PURE__ */ p("div", {
+					I && /* @__PURE__ */ m("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__ */ f(n, { className: "size-5 text-status-error-text flex-shrink-0 mt-0.5" }), /* @__PURE__ */ f("div", {
+						children: [/* @__PURE__ */ p(s, { className: "size-5 text-status-error-text flex-shrink-0 mt-0.5" }), /* @__PURE__ */ p("div", {
 							className: "flex-1",
-							children: /* @__PURE__ */ f("p", {
+							children: /* @__PURE__ */ p("p", {
 								className: "text-sm text-status-error-text",
-								children: L
+								children: I
 							})
 						})]
 					}),
-					/* @__PURE__ */ p("form", {
-						onSubmit: Ee,
+					/* @__PURE__ */ m("form", {
+						onSubmit: De,
 						className: "space-y-6",
-						"aria-describedby": L ? T : void 0,
+						"aria-describedby": I ? _e : void 0,
 						noValidate: !0,
 						children: [
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ m("div", {
 								className: "grid grid-cols-2 gap-4",
-								children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+								children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 									htmlFor: "edit-username",
 									className: "block text-sm font-medium text-text-primary mb-2",
-									children: v("auth.users.fieldUsername", "Username")
-								}), /* @__PURE__ */ f("input", {
+									children: y("auth.users.fieldUsername", "Username")
+								}), /* @__PURE__ */ p("input", {
 									id: "edit-username",
 									type: "text",
-									"aria-label": v("auth.users.fieldUsername", "Username"),
-									value: F.username,
-									onChange: (e) => I({
-										...F,
+									"aria-label": y("auth.users.fieldUsername", "Username"),
+									value: P.username,
+									onChange: (e) => F({
+										...P,
 										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__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+								})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 									htmlFor: "edit-name",
 									className: "block text-sm font-medium text-text-primary mb-2",
-									children: v("auth.users.fieldName", "Name")
-								}), /* @__PURE__ */ f("input", {
+									children: y("auth.users.fieldName", "Name")
+								}), /* @__PURE__ */ p("input", {
 									id: "edit-name",
 									type: "text",
-									"aria-label": v("auth.users.fieldName", "Name"),
-									value: F.name,
-									onChange: (e) => I({
-										...F,
+									"aria-label": y("auth.users.fieldName", "Name"),
+									value: P.name,
+									onChange: (e) => F({
+										...P,
 										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__ */ p("div", {
+							/* @__PURE__ */ m("div", {
 								className: "grid grid-cols-2 gap-4",
-								children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+								children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 									htmlFor: "edit-firstName",
 									className: "block text-sm font-medium text-text-primary mb-2",
-									children: v("auth.users.fieldFirstName", "First Name")
-								}), /* @__PURE__ */ f("input", {
+									children: y("auth.users.fieldFirstName", "First Name")
+								}), /* @__PURE__ */ p("input", {
 									id: "edit-firstName",
 									type: "text",
-									"aria-label": v("auth.users.fieldFirstName", "First Name"),
-									value: F.firstName,
-									onChange: (e) => I({
-										...F,
+									"aria-label": y("auth.users.fieldFirstName", "First Name"),
+									value: P.firstName,
+									onChange: (e) => F({
+										...P,
 										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__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+								})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 									htmlFor: "edit-lastName",
 									className: "block text-sm font-medium text-text-primary mb-2",
-									children: v("auth.users.fieldLastName", "Last Name")
-								}), /* @__PURE__ */ f("input", {
+									children: y("auth.users.fieldLastName", "Last Name")
+								}), /* @__PURE__ */ p("input", {
 									id: "edit-lastName",
 									type: "text",
-									"aria-label": v("auth.users.fieldLastName", "Last Name"),
-									value: F.lastName,
-									onChange: (e) => I({
-										...F,
+									"aria-label": y("auth.users.fieldLastName", "Last Name"),
+									value: P.lastName,
+									onChange: (e) => F({
+										...P,
 										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__ */ p("div", { children: [
-								/* @__PURE__ */ f("label", {
+							/* @__PURE__ */ m("div", { children: [
+								/* @__PURE__ */ p("label", {
 									htmlFor: "edit-phoneNumber",
 									className: "block text-sm font-medium text-text-primary mb-2",
-									children: v("auth.users.fieldPhoneNumber", "Phone Number")
+									children: y("auth.users.fieldPhoneNumber", "Phone Number")
 								}),
-								/* @__PURE__ */ f("input", {
+								/* @__PURE__ */ p("input", {
 									id: "edit-phoneNumber",
 									type: "tel",
-									"aria-label": v("auth.users.fieldPhoneNumber", "Phone Number"),
-									"aria-invalid": z ? !0 : void 0,
-									"aria-describedby": z ? "edit-phoneNumber-error" : void 0,
-									value: F.phoneNumber,
+									"aria-label": y("auth.users.fieldPhoneNumber", "Phone Number"),
+									"aria-invalid": R ? !0 : void 0,
+									"aria-describedby": R ? "edit-phoneNumber-error" : void 0,
+									value: P.phoneNumber,
 									onChange: (e) => {
-										I({
-											...F,
+										F({
+											...P,
 											phoneNumber: e.target.value
-										}), z && (B(null), R(null));
+										}), R && (z(null), L(null));
 									},
 									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"
 								}),
-								z && /* @__PURE__ */ f("p", {
+								R && /* @__PURE__ */ p("p", {
 									id: "edit-phoneNumber-error",
 									role: "alert",
 									className: "mt-2 text-sm text-[var(--color-status-error-text)]",
-									children: z
+									children: R
 								})
 							] }),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ m("div", {
 								className: "grid grid-cols-2 gap-4",
-								children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+								children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 									htmlFor: "edit-role",
 									className: "block text-sm font-medium text-text-primary mb-2",
-									children: v("auth.users.fieldRole", "Role")
-								}), /* @__PURE__ */ f("select", {
+									children: y("auth.users.fieldRole", "Role")
+								}), /* @__PURE__ */ p("select", {
 									id: "edit-role",
-									"aria-label": v("auth.users.fieldRole", "Role"),
-									value: F.role,
-									onChange: (e) => I({
-										...F,
+									"aria-label": y("auth.users.fieldRole", "Role"),
+									value: P.role,
+									onChange: (e) => F({
+										...P,
 										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 scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-primary",
-									children: g.map((e) => /* @__PURE__ */ f("option", {
+									children: _.map((e) => /* @__PURE__ */ p("option", {
 										value: e,
 										children: e.replace("_", " ")
 									}, e))
-								})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+								})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 									htmlFor: "edit-status",
 									className: "block text-sm font-medium text-text-primary mb-2",
-									children: v("auth.users.fieldStatus", "Status")
-								}), /* @__PURE__ */ f("select", {
+									children: y("auth.users.fieldStatus", "Status")
+								}), /* @__PURE__ */ p("select", {
 									id: "edit-status",
-									"aria-label": v("auth.users.fieldStatus", "Status"),
-									value: F.status,
-									onChange: (e) => I({
-										...F,
+									"aria-label": y("auth.users.fieldStatus", "Status"),
+									value: P.status,
+									onChange: (e) => F({
+										...P,
 										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 scheme-normal dark:scheme-dark [&_option]:bg-bg-surface [&_option]:text-text-primary",
-									children: _.map((e) => /* @__PURE__ */ f("option", {
+									children: v.map((e) => /* @__PURE__ */ p("option", {
 										value: e,
 										children: e
 									}, e))
 								})] })]
 							}),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ m("div", {
 								className: "flex items-center gap-3 p-4 rounded-xl bg-bg-canvas/50",
-								children: [/* @__PURE__ */ f("input", {
+								children: [/* @__PURE__ */ p("input", {
 									type: "checkbox",
 									id: "emailVerified",
-									checked: F.emailVerified,
-									onChange: (e) => I({
-										...F,
+									checked: P.emailVerified,
+									onChange: (e) => F({
+										...P,
 										emailVerified: e.target.checked
 									}),
 									className: "size-5 rounded border-border-default text-text-link focus:ring-action-primary-bg"
-								}), /* @__PURE__ */ f("label", {
+								}), /* @__PURE__ */ p("label", {
 									htmlFor: "emailVerified",
 									className: "text-sm font-medium text-text-primary",
-									children: v("auth.users.fieldEmailVerified", "Email Verified")
+									children: y("auth.users.fieldEmailVerified", "Email Verified")
 								})]
 							}),
-							/* @__PURE__ */ p("div", {
+							/* @__PURE__ */ m("div", {
 								className: "flex gap-3 pt-6 mt-6 border-t border-border-default",
-								children: [/* @__PURE__ */ f(m, {
+								children: [/* @__PURE__ */ p(h, {
 									type: "submit",
-									disabled: S,
+									disabled: C,
 									variant: "default",
 									size: "lg",
 									className: "font-semibold",
-									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", {
+									children: C ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(c, { className: "size-4 animate-spin" }), y("auth.users.saving", "Saving...")] }) : y("auth.users.saveChanges", "Save Changes")
+								}), /* @__PURE__ */ p("button", {
 									type: "button",
 									onClick: () => {
-										M("list"), Q();
+										j("list"), Z();
 									},
 									className: "inline-flex items-center h-10 px-8 rounded-xl border border-border-default text-text-primary font-medium hover:bg-bg-sunken transition-colors",
-									children: v("auth.users.cancel", "Cancel")
+									children: y("auth.users.cancel", "Cancel")
 								})]
 							})
 						]
@@ -1034,16 +1028,15 @@ function v() {
 				]
 			})
 		]
-	}) : /* @__PURE__ */ f("div", {
+	}) : /* @__PURE__ */ p("div", {
 		className: "max-w-6xl mx-auto p-6",
-		children: /* @__PURE__ */ f(h, {
+		children: /* @__PURE__ */ p(g, {
 			illustration: "empty-generic",
-			title: v("auth.users.authRequired", "Authentication Required"),
-			description: v("auth.users.signInToManage", "Please sign in to manage users")
+			title: y("auth.users.authRequired", "Authentication Required"),
+			description: y("auth.users.signInToManage", "Please sign in to manage users")
 		})
 	});
 }
-//#endregion
-export { v as UsersPage };
+export { y as UsersPage };
 
 //# sourceMappingURL=UsersPage.js.map