@burdenoff/microfe-auth 2026.512.1 → 2026.514.2

package/dist/auth/pages/UsersPage.js

@@ -3,31 +3,40 @@ import { useUserOperations as t } from "../hooks/useUserOperations.js";
 import { useAuthPermissions as n } from "../hooks/useAuthPermissions.js";
 import "../hooks/index.js";
 import { AlertIcon as r, SpinnerIcon as i } from "../components/AuthIcons.js";
-import { ConfirmActionDialog as a } from "../components/ConfirmActionDialog.js";
-import { nativeImpact as ee, nativeNotify as o } from "../../utils/nativeBridge.js";
-import { useCallback as te, useEffect as ne, useState as s } from "react";
-import { useNavigate as re } from "react-router-dom";
-import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
+import { ConfirmActionDialog as ee } from "../components/ConfirmActionDialog.js";
+import { nativeImpact as te, nativeNotify as a } from "../../utils/nativeBridge.js";
+import { useCallback as o, useEffect as ne, useId as s, useState as c } from "react";
+import { useNavigate as l } from "react-router-dom";
+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";
 //#region src/auth/pages/UsersPage.tsx
-var f = [
+var p = [
 	"SUPER_ADMIN",
 	"TENANT_ADMIN",
 	"ORG_ADMIN",
 	"WORKSPACE_ADMIN",
 	"MEMBER",
 	"GUEST"
-], p = [
+], m = [
 	"ACTIVE",
 	"INACTIVE",
 	"SUSPENDED",
 	"DELETED"
 ];
-function m() {
-	let m = re(), { t: ie } = c(), ae = (e, t) => {
+function h() {
+	let h = l(), { t: ie } = re(), g = (e, t) => {
 		let n = ie(e);
 		return n === e ? t : n;
-	}, h = e((e) => e.isAuthenticated), g = e((e) => e.user), { canViewUsers: _, canUpdateUsers: oe, canDeleteUsers: v, isLoading: se } = n(), { listUsers: y, updateUser: b, deleteUser: ce, hardDeleteUser: le, isLoading: x } = t(), [S, C] = s([]), [w, T] = s(0), [E, ue] = s(!1), [D, O] = s("list"), [k, A] = s(null), [j, M] = s({
+	}, _ = e((e) => e.isAuthenticated), v = e((e) => e.user), { canViewUsers: ae, canUpdateUsers: oe, canDeleteUsers: y, isLoading: se } = n(), { listUsers: b, updateUser: ce, deleteUser: le, hardDeleteUser: ue, isLoading: x } = t(), S = s(), C = s(), w = s(), T = s(), de = s(), [E, D] = c(!1), fe = async () => {
+		D(!0);
+		try {
+			await new Promise((e) => setTimeout(e, 500));
+		} catch (e) {
+			L(e instanceof Error ? e.message : "Failed to start export");
+		} finally {
+			D(!1);
+		}
+	}, [O, pe] = c([]), [k, me] = c(0), [he, ge] = c(!1), [A, j] = c("list"), [M, N] = c(null), [P, F] = c({
 		username: "",
 		firstName: "",
 		lastName: "",
@@ -36,34 +45,34 @@ function m() {
 		role: "MEMBER",
 		status: "ACTIVE",
 		emailVerified: !1
-	}), [N, P] = s(null), [F, I] = s(!1), [L, R] = s(null), [z, B] = s(null), [V, H] = s(""), [U, de] = s(""), [W, G] = s(""), [K, q] = s(0), J = te(async () => {
-		if (h) try {
-			I(!1);
+	}), [I, L] = c(null), [_e, R] = c(!1), [z, B] = c(null), [V, H] = c(null), [U, ve] = c(""), [W, ye] = c(""), [G, be] = c(""), [K, q] = c(0), J = o(async () => {
+		if (_) try {
+			R(!1);
 			let e = {};
-			V && (e.search = V), U && (e.role = U), W && (e.status = W);
-			let t = await y(e, {
+			U && (e.search = U), W && (e.role = W), G && (e.status = G);
+			let t = await b(e, {
 				offset: K * 10,
 				limit: 10
 			});
-			C(t.users), T(t.totalCount), ue(t.hasMore), P(null);
+			pe(t.users), me(t.totalCount), ge(t.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") ? (I(!0), P(null)) : P(t);
+			t.toLowerCase().includes("not authorized") || t.toLowerCase().includes("forbidden") ? (R(!0), L(null)) : L(t);
 		}
 	}, [
-		y,
-		V,
+		b,
 		U,
 		W,
+		G,
 		K,
-		h
+		_
 	]);
 	ne(() => {
 		J();
 	}, [J]);
 	let Y = () => {
-		M({
+		F({
 			username: "",
 			firstName: "",
 			lastName: "",
@@ -72,42 +81,42 @@ function m() {
 			role: "MEMBER",
 			status: "ACTIVE",
 			emailVerified: !1
-		}), A(null), P(null), R(null);
-	}, fe = async (e) => {
-		if (e.preventDefault(), k) {
-			P(null);
+		}), N(null), L(null), B(null);
+	}, xe = async (e) => {
+		if (e.preventDefault(), M) {
+			L(null);
 			try {
-				await b(k.id, {
-					username: j.username || void 0,
-					firstName: j.firstName || void 0,
-					lastName: j.lastName || void 0,
-					name: j.name || void 0,
-					phoneNumber: j.phoneNumber || void 0,
-					role: j.role,
-					status: j.status,
-					emailVerified: j.emailVerified
-				}), R("User updated successfully!"), O("list"), Y(), J();
+				await ce(M.id, {
+					username: P.username || void 0,
+					firstName: P.firstName || void 0,
+					lastName: P.lastName || void 0,
+					name: P.name || void 0,
+					phoneNumber: P.phoneNumber || void 0,
+					role: P.role,
+					status: P.status,
+					emailVerified: P.emailVerified
+				}), B(g("auth.users.updateSuccess", "User updated successfully!")), j("list"), Y(), J();
 			} catch (e) {
-				P(e instanceof Error ? e.message : "Failed to update user");
+				L(e instanceof Error ? e.message : "Failed to update user");
 			}
 		}
-	}, pe = async (e) => {
-		ee("medium");
+	}, Se = async (e) => {
+		te("medium");
 		try {
-			let t = await ce(e.id);
-			t.success ? (o("success"), R(`User "${e.email}" has been deactivated.`), B(null), J()) : (o("error"), P(t.message));
+			let t = await le(e.id);
+			t.success ? (a("success"), B(g("auth.users.userDeactivated", `User "${e.email}" has been deactivated.`)), H(null), J()) : (a("error"), L(t.message));
 		} catch (e) {
-			o("error"), P(e instanceof Error ? e.message : "Failed to delete user");
+			a("error"), L(e instanceof Error ? e.message : "Failed to delete user");
 		}
-	}, me = async (e) => {
+	}, Ce = async (e) => {
 		try {
-			let t = await le(e.id);
-			t.success ? (R(`User "${e.email}" has been permanently deleted.`), B(null), J()) : P(t.message);
+			let t = await ue(e.id);
+			t.success ? (B(g("auth.users.userPermanentlyDeleted", `User "${e.email}" has been permanently deleted.`)), H(null), J()) : L(t.message);
 		} catch (e) {
-			P(e instanceof Error ? e.message : "Failed to hard delete user");
+			L(e instanceof Error ? e.message : "Failed to hard delete user");
 		}
 	}, X = (e) => {
-		A(e), M({
+		N(e), F({
 			username: e.username || "",
 			firstName: e.firstName || "",
 			lastName: e.lastName || "",
@@ -116,23 +125,23 @@ function m() {
 			role: e.role,
 			status: e.status,
 			emailVerified: e.emailVerified
-		}), O("edit"), P(null);
-	}, Z = /* @__PURE__ */ u(a, {
-		open: z !== null,
+		}), j("edit"), L(null);
+	}, Z = /* @__PURE__ */ d(ee, {
+		open: V !== null,
 		onOpenChange: (e) => {
-			e || B(null);
+			e || H(null);
 		},
-		title: z?.type === "hard-delete" ? "Permanently delete user?" : "Deactivate user?",
-		description: z?.type === "hard-delete" ? z ? `This permanently deletes "${z.user.email}" and cannot be undone.` : "" : z ? `"${z.user.email}" will be prevented from signing in until reactivated.` : "",
-		confirmText: z?.type === "hard-delete" ? "Delete permanently" : "Deactivate user",
-		variant: z?.type === "hard-delete" ? "danger" : "warning",
+		title: V?.type === "hard-delete" ? g("auth.users.hardDeleteTitle", "Permanently delete user?") : g("auth.users.deactivateTitle", "Deactivate user?"),
+		description: V?.type === "hard-delete" ? V ? g("auth.users.hardDeleteDesc", `This permanently deletes "${V.user.email}" and cannot be undone.`) : "" : V ? g("auth.users.deactivateDesc", `"${V.user.email}" will be prevented from signing in until reactivated.`) : "",
+		confirmText: V?.type === "hard-delete" ? g("auth.users.hardDeleteConfirm", "Delete permanently") : g("auth.users.deactivateConfirm", "Deactivate user"),
+		variant: V?.type === "hard-delete" ? "danger" : "warning",
 		onConfirm: async () => {
-			if (z) {
-				if (z.type === "hard-delete") {
-					await me(z.user);
+			if (V) {
+				if (V.type === "hard-delete") {
+					await Ce(V.user);
 					return;
 				}
-				await pe(z.user);
+				await Se(V.user);
 			}
 		}
 	}), Q = (e) => {
@@ -154,23 +163,23 @@ function m() {
 			default: return "bg-bg-sunken text-text-primary";
 		}
 	};
-	return h ? g && ![
+	return _ ? v && ![
 		"SUPER_ADMIN",
 		"TENANT_ADMIN",
 		"ORG_ADMIN"
-	].includes(g.role) ? /* @__PURE__ */ u("div", {
+	].includes(v.role) ? /* @__PURE__ */ d("div", {
 		className: "max-w-6xl mx-auto p-6",
-		children: /* @__PURE__ */ d("div", {
+		children: /* @__PURE__ */ f("div", {
 			className: "text-center py-16 border-2 border-dashed border-border-subtle rounded-xl",
 			children: [
-				/* @__PURE__ */ u("div", {
+				/* @__PURE__ */ d("div", {
 					className: "w-16 h-16 mx-auto mb-4 rounded-full bg-status-error-bg-subtle flex items-center justify-center",
-					children: /* @__PURE__ */ u("svg", {
+					children: /* @__PURE__ */ d("svg", {
 						className: "w-8 h-8 text-status-error-text",
 						fill: "none",
 						viewBox: "0 0 24 24",
 						stroke: "currentColor",
-						children: /* @__PURE__ */ u("path", {
+						children: /* @__PURE__ */ d("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 1.5,
@@ -178,38 +187,38 @@ function m() {
 						})
 					})
 				}),
-				/* @__PURE__ */ u("h2", {
+				/* @__PURE__ */ d("h2", {
 					className: "text-xl font-semibold text-text-primary mb-2",
-					children: "You are not allowed to access this page"
+					children: g("auth.users.notAllowed", "You are not allowed to access this page")
 				}),
-				/* @__PURE__ */ u("p", {
+				/* @__PURE__ */ d("p", {
 					className: "text-text-secondary",
-					children: "This page is restricted to administrators only. Contact your admin if you need access."
+					children: g("auth.users.notAllowedDesc", "This page is restricted to administrators only. Contact your admin if you need access.")
 				})
 			]
 		})
-	}) : se ? /* @__PURE__ */ u("div", {
+	}) : se ? /* @__PURE__ */ d("div", {
 		className: "max-w-6xl mx-auto p-6",
-		children: /* @__PURE__ */ d("div", {
+		children: /* @__PURE__ */ f("div", {
 			className: "text-center py-16",
-			children: [/* @__PURE__ */ u(i, { className: "w-8 h-8 mx-auto text-text-secondary animate-spin" }), /* @__PURE__ */ u("p", {
+			children: [/* @__PURE__ */ d(i, { className: "w-8 h-8 mx-auto text-text-secondary animate-spin" }), /* @__PURE__ */ d("p", {
 				className: "mt-4 text-text-secondary",
-				children: "Loading permissions..."
+				children: g("auth.users.loadingPermissions", "Loading permissions...")
 			})]
 		})
-	}) : !_ || F ? /* @__PURE__ */ u("div", {
+	}) : !ae || _e ? /* @__PURE__ */ d("div", {
 		className: "max-w-6xl mx-auto p-6",
-		children: /* @__PURE__ */ d("div", {
+		children: /* @__PURE__ */ f("div", {
 			className: "text-center py-16 border-2 border-dashed border-border-subtle rounded-xl",
 			children: [
-				/* @__PURE__ */ u("div", {
+				/* @__PURE__ */ d("div", {
 					className: "w-16 h-16 mx-auto mb-4 rounded-full bg-status-error-bg-subtle flex items-center justify-center",
-					children: /* @__PURE__ */ u("svg", {
+					children: /* @__PURE__ */ d("svg", {
 						className: "w-8 h-8 text-status-error-text",
 						fill: "none",
 						viewBox: "0 0 24 24",
 						stroke: "currentColor",
-						children: /* @__PURE__ */ u("path", {
+						children: /* @__PURE__ */ d("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 1.5,
@@ -217,264 +226,347 @@ function m() {
 						})
 					})
 				}),
-				/* @__PURE__ */ u("h2", {
+				/* @__PURE__ */ d("h2", {
 					className: "text-xl font-semibold text-text-primary mb-2",
-					children: "Admin Access Required"
+					children: g("auth.users.adminAccessRequired", "Admin Access Required")
 				}),
-				/* @__PURE__ */ u("p", {
+				/* @__PURE__ */ d("p", {
 					className: "text-text-secondary mb-4",
-					children: "You need administrator privileges to view and manage users."
+					children: g("auth.users.adminAccessDesc", "You need administrator privileges to view and manage users.")
 				}),
-				/* @__PURE__ */ u("p", {
+				/* @__PURE__ */ d("p", {
 					className: "text-sm text-text-secondary",
-					children: "Required roles: Super Admin, Tenant Admin, or Org Admin"
+					children: g("auth.users.requiredRoles", "Required roles: Super Admin, Tenant Admin, or Org Admin")
 				})
 			]
 		})
-	}) : D === "list" ? /* @__PURE__ */ d("div", {
+	}) : A === "list" ? /* @__PURE__ */ f("div", {
 		className: "max-w-6xl mx-auto p-6",
 		children: [
 			Z,
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ f("div", {
 				className: "flex items-center justify-between mb-8",
-				children: /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h1", {
+				children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h1", {
 					className: "text-3xl font-semibold text-text-primary",
-					children: "Users"
-				}), /* @__PURE__ */ d("p", {
+					children: g("auth.users.title", "Users")
+				}), /* @__PURE__ */ f("p", {
 					className: "text-text-secondary mt-2",
 					children: [
-						"Manage users in your organization (",
-						w,
-						" total)"
+						g("auth.users.subtitle", "Manage users in your organization"),
+						" (",
+						k,
+						" ",
+						g("auth.users.paginationUsers", "total"),
+						")"
 					]
-				})] })
+				})] }), /* @__PURE__ */ d("button", {
+					type: "button",
+					onClick: () => void fe(),
+					disabled: E,
+					"aria-label": g("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__ */ f(u, { children: [/* @__PURE__ */ d(i, {
+						className: "w-4 h-4 animate-spin",
+						"aria-hidden": "true"
+					}), g("auth.users.exporting", "Exporting...")] }) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("svg", {
+						className: "w-4 h-4",
+						fill: "none",
+						viewBox: "0 0 24 24",
+						stroke: "currentColor",
+						"aria-hidden": "true",
+						children: /* @__PURE__ */ d("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"
+						})
+					}), g("auth.users.export", "Export")] })
+				})]
+			}),
+			/* @__PURE__ */ d("div", {
+				"aria-live": "polite",
+				"aria-atomic": "true",
+				className: "sr-only",
+				children: z
+			}),
+			/* @__PURE__ */ d("div", {
+				role: "alert",
+				"aria-live": "assertive",
+				"aria-atomic": "true",
+				className: "sr-only",
+				children: I
 			}),
-			L && /* @__PURE__ */ d("div", {
+			z && /* @__PURE__ */ f("div", {
+				id: de,
+				role: "status",
 				className: "mb-6 p-4 rounded-xl bg-status-success-bg-subtle border border-status-success-border",
-				children: [/* @__PURE__ */ u("p", {
+				children: [/* @__PURE__ */ d("p", {
 					className: "text-status-success-text",
-					children: L
-				}), /* @__PURE__ */ u("button", {
-					onClick: () => R(null),
+					children: z
+				}), /* @__PURE__ */ d("button", {
+					type: "button",
+					onClick: () => B(null),
 					className: "mt-2 text-sm text-status-success-text hover:underline",
-					children: "Dismiss"
+					children: g("auth.users.dismiss", "Dismiss")
 				})]
 			}),
-			N && /* @__PURE__ */ d("div", {
+			I && /* @__PURE__ */ f("div", {
+				id: T,
+				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__ */ u(r, { className: "w-5 h-5 text-status-error-text flex-shrink-0 mt-0.5" }), /* @__PURE__ */ d("div", {
+				children: [/* @__PURE__ */ d(r, {
+					className: "w-5 h-5 text-status-error-text flex-shrink-0 mt-0.5",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ f("div", {
 					className: "flex-1",
-					children: [/* @__PURE__ */ u("p", {
+					children: [/* @__PURE__ */ d("p", {
 						className: "text-sm text-status-error-text",
-						children: N
-					}), /* @__PURE__ */ u("button", {
-						onClick: () => P(null),
+						children: I
+					}), /* @__PURE__ */ d("button", {
+						type: "button",
+						onClick: () => L(null),
 						className: "mt-2 text-sm text-status-error-text hover:underline",
-						children: "Dismiss"
+						children: g("auth.users.dismiss", "Dismiss")
 					})]
 				})]
 			}),
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ d("div", {
 				className: "mb-6 p-4 rounded-xl border border-border-subtle bg-bg-surface",
-				children: /* @__PURE__ */ d("div", {
-					className: "flex flex-wrap gap-4",
+				children: /* @__PURE__ */ f("div", {
+					className: "flex flex-wrap gap-4 items-end",
 					children: [
-						/* @__PURE__ */ u("input", {
-							type: "text",
-							placeholder: "Search by email, username, or name...",
-							value: V,
-							onChange: (e) => {
-								H(e.target.value), q(0);
-							},
-							className: "flex-1 min-w-[200px] 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", {
+							className: "flex-1 min-w-[200px]",
+							children: [/* @__PURE__ */ d("label", {
+								htmlFor: S,
+								className: "sr-only",
+								children: g("auth.users.searchLabel", "Search users")
+							}), /* @__PURE__ */ d("input", {
+								id: S,
+								type: "search",
+								placeholder: g("auth.users.searchPlaceholder", "Search by email, username, or name..."),
+								value: U,
+								onChange: (e) => {
+									ve(e.target.value), q(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__ */ d("select", {
-							value: U,
+						/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+							htmlFor: C,
+							className: "sr-only",
+							children: g("auth.users.filterRoleLabel", "Filter by role")
+						}), /* @__PURE__ */ f("select", {
+							id: C,
+							value: W,
 							onChange: (e) => {
-								de(e.target.value), q(0);
+								ye(e.target.value), q(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__ */ u("option", {
+							children: [/* @__PURE__ */ d("option", {
 								value: "",
-								children: "All Roles"
-							}), f.map((e) => /* @__PURE__ */ u("option", {
+								children: g("auth.users.allRoles", "All Roles")
+							}), p.map((e) => /* @__PURE__ */ d("option", {
 								value: e,
 								children: e.replace("_", " ")
 							}, e))]
-						}),
-						/* @__PURE__ */ d("select", {
-							value: W,
+						})] }),
+						/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+							htmlFor: w,
+							className: "sr-only",
+							children: g("auth.users.filterStatusLabel", "Filter by status")
+						}), /* @__PURE__ */ f("select", {
+							id: w,
+							value: G,
 							onChange: (e) => {
-								G(e.target.value), q(0);
+								be(e.target.value), q(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__ */ u("option", {
+							children: [/* @__PURE__ */ d("option", {
 								value: "",
-								children: "All Statuses"
-							}), p.map((e) => /* @__PURE__ */ u("option", {
+								children: g("auth.users.allStatuses", "All Statuses")
+							}), m.map((e) => /* @__PURE__ */ d("option", {
 								value: e,
 								children: e
 							}, e))]
-						})
+						})] })
 					]
 				})
 			}),
-			x ? /* @__PURE__ */ d("div", {
+			x ? /* @__PURE__ */ f("div", {
+				"aria-live": "polite",
+				"aria-busy": "true",
 				className: "flex items-center justify-center py-12",
-				children: [/* @__PURE__ */ u(i, { className: "w-8 h-8 text-text-link animate-spin" }), /* @__PURE__ */ u("span", {
+				children: [/* @__PURE__ */ d(i, {
+					className: "w-8 h-8 text-text-link animate-spin",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ d("span", {
 					className: "ml-3 text-text-secondary",
-					children: "Loading users..."
+					children: g("auth.users.loadingUsers", "Loading users...")
 				})]
-			}) : S.length === 0 ? /* @__PURE__ */ d("div", {
+			}) : O.length === 0 ? /* @__PURE__ */ f("div", {
 				className: "text-center py-16 border-2 border-dashed border-border-subtle rounded-xl",
-				children: [/* @__PURE__ */ u("div", {
+				children: [/* @__PURE__ */ d("div", {
 					className: "w-16 h-16 mx-auto mb-4 rounded-full bg-bg-sunken flex items-center justify-center",
-					children: /* @__PURE__ */ u("svg", {
+					children: /* @__PURE__ */ d("svg", {
 						className: "w-8 h-8 text-text-tertiary",
 						fill: "none",
 						viewBox: "0 0 24 24",
 						stroke: "currentColor",
-						children: /* @__PURE__ */ u("path", {
+						children: /* @__PURE__ */ d("path", {
 							strokeLinecap: "round",
 							strokeLinejoin: "round",
 							strokeWidth: 1.5,
 							d: "M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"
 						})
 					})
-				}), /* @__PURE__ */ u("p", {
+				}), /* @__PURE__ */ d("p", {
 					className: "text-text-secondary",
-					children: "No users found"
+					children: g("auth.users.noUsersFound", "No users found")
 				})]
-			}) : /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("div", {
+			}) : /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d("div", {
 				className: "rounded-xl border border-border-subtle bg-bg-surface overflow-hidden shadow-sm",
-				children: /* @__PURE__ */ u("div", {
+				children: /* @__PURE__ */ d("div", {
 					className: "overflow-x-auto",
-					children: /* @__PURE__ */ d("table", {
+					children: /* @__PURE__ */ f("table", {
 						className: "w-full min-w-[800px]",
-						children: [/* @__PURE__ */ u("thead", { children: /* @__PURE__ */ d("tr", {
+						"aria-label": g("auth.users.tableAriaLabel", "Users table"),
+						children: [/* @__PURE__ */ d("thead", { children: /* @__PURE__ */ f("tr", {
 							className: "border-b border-border-subtle bg-bg-canvas",
 							children: [
-								/* @__PURE__ */ u("th", {
+								/* @__PURE__ */ d("th", {
+									scope: "col",
 									className: "text-left py-4 px-4 text-sm font-medium text-text-secondary w-[280px]",
-									children: "User"
+									children: g("auth.users.columnUser", "User")
 								}),
-								/* @__PURE__ */ u("th", {
+								/* @__PURE__ */ d("th", {
+									scope: "col",
 									className: "text-left py-4 px-4 text-sm font-medium text-text-secondary w-[130px]",
-									children: "Role"
+									children: g("auth.users.columnRole", "Role")
 								}),
-								/* @__PURE__ */ u("th", {
+								/* @__PURE__ */ d("th", {
+									scope: "col",
 									className: "text-left py-4 px-4 text-sm font-medium text-text-secondary w-[100px]",
-									children: "Status"
+									children: g("auth.users.columnStatus", "Status")
 								}),
-								/* @__PURE__ */ u("th", {
+								/* @__PURE__ */ d("th", {
+									scope: "col",
 									className: "text-left py-4 px-4 text-sm font-medium text-text-secondary w-[80px]",
-									children: "Verified"
+									children: g("auth.users.columnVerified", "Verified")
 								}),
-								/* @__PURE__ */ u("th", {
+								/* @__PURE__ */ d("th", {
+									scope: "col",
 									className: "text-left py-4 px-4 text-sm font-medium text-text-secondary w-[100px]",
-									children: "Last Login"
+									children: g("auth.users.columnLastLogin", "Last Login")
 								}),
-								/* @__PURE__ */ u("th", {
+								/* @__PURE__ */ d("th", {
+									scope: "col",
 									className: "text-right py-4 px-4 text-sm font-medium text-text-secondary w-[180px]",
-									children: "Actions"
+									children: g("auth.users.columnActions", "Actions")
 								})
 							]
-						}) }), /* @__PURE__ */ u("tbody", { children: S.map((e) => /* @__PURE__ */ d("tr", {
+						}) }), /* @__PURE__ */ d("tbody", { children: O.map((e) => /* @__PURE__ */ f("tr", {
 							className: "border-b border-border-subtle last:border-b-0 hover:bg-bg-sunken/50 transition-colors",
 							children: [
-								/* @__PURE__ */ u("td", {
+								/* @__PURE__ */ d("td", {
 									className: "py-4 px-4",
-									children: /* @__PURE__ */ d("div", {
+									children: /* @__PURE__ */ f("div", {
 										className: "flex items-center gap-3 min-w-0",
-										children: [/* @__PURE__ */ u("div", {
+										children: [/* @__PURE__ */ d("div", {
 											className: "auth-brand-badge flex h-10 w-10 shrink-0 items-center justify-center rounded-full font-medium",
 											children: (e.name || e.username || e.email).charAt(0).toUpperCase()
-										}), /* @__PURE__ */ d("div", {
+										}), /* @__PURE__ */ f("div", {
 											className: "min-w-0 flex-1",
-											children: [/* @__PURE__ */ u("p", {
+											children: [/* @__PURE__ */ d("p", {
 												className: "font-medium text-text-primary truncate",
 												children: e.name || e.username
-											}), /* @__PURE__ */ u("p", {
+											}), /* @__PURE__ */ d("p", {
 												className: "text-sm text-text-secondary truncate",
 												children: e.email
 											})]
 										})]
 									})
 								}),
-								/* @__PURE__ */ u("td", {
+								/* @__PURE__ */ d("td", {
 									className: "py-4 px-4",
-									children: /* @__PURE__ */ u("span", {
+									children: /* @__PURE__ */ d("span", {
 										className: `inline-block px-2.5 py-1 rounded-full text-xs font-medium whitespace-nowrap ${Q(e.role)}`,
 										children: e.role.replace("_", " ")
 									})
 								}),
-								/* @__PURE__ */ u("td", {
+								/* @__PURE__ */ d("td", {
 									className: "py-4 px-4",
-									children: /* @__PURE__ */ u("span", {
+									children: /* @__PURE__ */ d("span", {
 										className: `inline-block px-2.5 py-1 rounded-full text-xs font-medium whitespace-nowrap ${$(e.status)}`,
 										children: e.status
 									})
 								}),
-								/* @__PURE__ */ u("td", {
+								/* @__PURE__ */ d("td", {
 									className: "py-4 px-4",
-									children: e.emailVerified ? /* @__PURE__ */ d("span", {
+									children: e.emailVerified ? /* @__PURE__ */ f("span", {
 										className: "inline-flex items-center gap-1 text-status-success-text whitespace-nowrap",
-										children: [/* @__PURE__ */ u("svg", {
+										children: [/* @__PURE__ */ d("svg", {
 											className: "w-4 h-4 flex-shrink-0",
 											fill: "currentColor",
 											viewBox: "0 0 20 20",
-											children: /* @__PURE__ */ u("path", {
+											children: /* @__PURE__ */ d("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__ */ u("span", {
+										}), /* @__PURE__ */ d("span", {
 											className: "text-sm",
-											children: "Yes"
+											children: g("auth.users.verifiedYes", "Yes")
 										})]
-									}) : /* @__PURE__ */ d("span", {
+									}) : /* @__PURE__ */ f("span", {
 										className: "inline-flex items-center gap-1 text-status-warning-text whitespace-nowrap",
-										children: [/* @__PURE__ */ u("svg", {
+										children: [/* @__PURE__ */ d("svg", {
 											className: "w-4 h-4 flex-shrink-0",
 											fill: "currentColor",
 											viewBox: "0 0 20 20",
-											children: /* @__PURE__ */ u("path", {
+											children: /* @__PURE__ */ d("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__ */ u("span", {
+										}), /* @__PURE__ */ d("span", {
 											className: "text-sm",
-											children: "No"
+											children: g("auth.users.verifiedNo", "No")
 										})]
 									})
 								}),
-								/* @__PURE__ */ u("td", {
+								/* @__PURE__ */ d("td", {
 									className: "py-4 px-4 text-sm text-text-secondary whitespace-nowrap",
-									children: e.lastLoginAt ? new Date(e.lastLoginAt).toLocaleDateString() : "Never"
+									children: e.lastLoginAt ? new Date(e.lastLoginAt).toLocaleDateString() : g("auth.users.lastLoginNever", "Never")
 								}),
-								/* @__PURE__ */ u("td", {
+								/* @__PURE__ */ d("td", {
 									className: "py-4 px-4",
-									children: /* @__PURE__ */ d("div", {
+									children: /* @__PURE__ */ f("div", {
 										className: "flex justify-end gap-1.5 flex-nowrap",
 										children: [
-											/* @__PURE__ */ u("button", {
-												onClick: () => m(`/auth/users/${e.id}`),
+											/* @__PURE__ */ d("button", {
+												type: "button",
+												onClick: () => h(`/auth/users/${e.id}`),
+												"aria-label": `${g("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: "View"
+												children: g("auth.users.actionView", "View")
 											}),
-											oe && /* @__PURE__ */ u("button", {
+											oe && /* @__PURE__ */ d("button", {
+												type: "button",
 												onClick: () => X(e),
+												"aria-label": `${g("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: "Edit"
+												children: g("auth.users.actionEdit", "Edit")
 											}),
-											v && e.status !== "DELETED" && /* @__PURE__ */ u("button", {
-												onClick: () => B({
+											y && e.status !== "DELETED" && /* @__PURE__ */ d("button", {
+												type: "button",
+												onClick: () => H({
 													type: "deactivate",
 													user: e
 												}),
+												"aria-label": `${g("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: "Delete"
+												children: g("auth.users.actionDelete", "Delete")
 											})
 										]
 									})
@@ -483,388 +575,419 @@ function m() {
 						}, e.id)) })]
 					})
 				})
-			}), /* @__PURE__ */ d("div", {
+			}), /* @__PURE__ */ f("div", {
 				className: "mt-6 flex items-center justify-between",
-				children: [/* @__PURE__ */ d("p", {
+				children: [/* @__PURE__ */ f("p", {
 					className: "text-sm text-text-secondary",
 					children: [
-						"Showing ",
+						g("auth.users.showing", "Showing"),
+						" ",
 						K * 10 + 1,
-						" to",
 						" ",
-						Math.min((K + 1) * 10, w),
-						" of",
+						g("auth.users.to", "to"),
+						" ",
+						Math.min((K + 1) * 10, k),
+						" ",
+						g("auth.users.of", "of"),
+						" ",
+						k,
 						" ",
-						w,
-						" users"
+						g("auth.users.paginationUsers", "users")
 					]
-				}), /* @__PURE__ */ d("div", {
-					className: "flex gap-2",
-					children: [/* @__PURE__ */ u("button", {
-						onClick: () => q((e) => Math.max(0, e - 1)),
-						disabled: K === 0,
-						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: "Previous"
-					}), /* @__PURE__ */ u("button", {
-						onClick: () => q((e) => e + 1),
-						disabled: !E,
-						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: "Next"
-					})]
+				}), /* @__PURE__ */ d("nav", {
+					"aria-label": g("auth.users.paginationAriaLabel", "User list pagination"),
+					children: /* @__PURE__ */ f("div", {
+						className: "flex gap-2",
+						children: [/* @__PURE__ */ d("button", {
+							type: "button",
+							onClick: () => q((e) => Math.max(0, e - 1)),
+							disabled: K === 0,
+							"aria-label": g("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: g("auth.users.previousPage", "Previous")
+						}), /* @__PURE__ */ d("button", {
+							type: "button",
+							onClick: () => q((e) => e + 1),
+							disabled: !he,
+							"aria-label": g("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: g("auth.users.nextPage", "Next")
+						})]
+					})
 				})]
 			})] })
 		]
-	}) : D === "view" && k ? /* @__PURE__ */ d("div", {
+	}) : A === "view" && M ? /* @__PURE__ */ f("div", {
 		className: "max-w-4xl mx-auto p-6",
 		children: [
 			Z,
-			/* @__PURE__ */ d("button", {
+			/* @__PURE__ */ f("button", {
 				onClick: () => {
-					O("list"), Y();
+					j("list"), Y();
 				},
 				className: "mb-6 flex items-center gap-2 text-text-link hover:underline font-medium",
-				children: [/* @__PURE__ */ u("svg", {
+				children: [/* @__PURE__ */ d("svg", {
 					className: "w-4 h-4",
 					fill: "none",
 					viewBox: "0 0 24 24",
 					stroke: "currentColor",
-					children: /* @__PURE__ */ u("path", {
+					children: /* @__PURE__ */ d("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						strokeWidth: 2,
 						d: "M10 19l-7-7m0 0l7-7m-7 7h18"
 					})
-				}), "Back to Users"]
+				}), g("auth.users.backToUsers", "Back to Users")]
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ f("div", {
 				className: "p-6 rounded-xl border border-border-subtle bg-bg-surface shadow-sm",
 				children: [
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ f("div", {
 						className: "flex items-center gap-4 mb-8",
-						children: [/* @__PURE__ */ u("div", {
+						children: [/* @__PURE__ */ d("div", {
 							className: "auth-brand-badge flex h-20 w-20 items-center justify-center rounded-full text-3xl font-semibold",
-							children: (k.name || k.username || k.email).charAt(0).toUpperCase()
-						}), /* @__PURE__ */ d("div", { children: [
-							/* @__PURE__ */ u("h1", {
+							children: (M.name || M.username || M.email).charAt(0).toUpperCase()
+						}), /* @__PURE__ */ f("div", { children: [
+							/* @__PURE__ */ d("h1", {
 								className: "text-2xl font-semibold text-text-primary",
-								children: k.name || k.username
+								children: M.name || M.username
 							}),
-							/* @__PURE__ */ u("p", {
+							/* @__PURE__ */ d("p", {
 								className: "text-text-secondary",
-								children: k.email
+								children: M.email
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ f("div", {
 								className: "flex items-center gap-2 mt-2",
-								children: [/* @__PURE__ */ u("span", {
-									className: `px-2.5 py-1 rounded-full text-xs font-medium ${Q(k.role)}`,
-									children: k.role.replace("_", " ")
-								}), /* @__PURE__ */ u("span", {
-									className: `px-2.5 py-1 rounded-full text-xs font-medium ${$(k.status)}`,
-									children: k.status
+								children: [/* @__PURE__ */ d("span", {
+									className: `px-2.5 py-1 rounded-full text-xs font-medium ${Q(M.role)}`,
+									children: M.role.replace("_", " ")
+								}), /* @__PURE__ */ d("span", {
+									className: `px-2.5 py-1 rounded-full text-xs font-medium ${$(M.status)}`,
+									children: M.status
 								})]
 							})
 						] })]
 					}),
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ f("div", {
 						className: "grid grid-cols-2 gap-6",
 						children: [
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ f("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
-								children: [/* @__PURE__ */ u("label", {
+								children: [/* @__PURE__ */ d("label", {
 									className: "block text-sm font-medium text-text-secondary mb-1",
-									children: "Username"
-								}), /* @__PURE__ */ u("p", {
+									children: g("auth.users.viewDetailsUsername", "Username")
+								}), /* @__PURE__ */ d("p", {
 									className: "text-text-primary font-medium",
-									children: k.username
+									children: M.username
 								})]
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ f("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
-								children: [/* @__PURE__ */ u("label", {
+								children: [/* @__PURE__ */ d("label", {
 									className: "block text-sm font-medium text-text-secondary mb-1",
-									children: "Email"
-								}), /* @__PURE__ */ u("p", {
+									children: g("auth.users.viewDetailsEmail", "Email")
+								}), /* @__PURE__ */ d("p", {
 									className: "text-text-primary font-medium",
-									children: k.email
+									children: M.email
 								})]
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ f("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
-								children: [/* @__PURE__ */ u("label", {
+								children: [/* @__PURE__ */ d("label", {
 									className: "block text-sm font-medium text-text-secondary mb-1",
-									children: "Email Verified"
-								}), /* @__PURE__ */ u("p", {
+									children: g("auth.users.viewDetailsEmailVerified", "Email Verified")
+								}), /* @__PURE__ */ d("p", {
 									className: "text-text-primary font-medium",
-									children: k.emailVerified ? /* @__PURE__ */ u("span", {
+									children: M.emailVerified ? /* @__PURE__ */ d("span", {
 										className: "text-status-success-text",
-										children: "Yes"
-									}) : /* @__PURE__ */ u("span", {
+										children: g("auth.users.verifiedYes", "Yes")
+									}) : /* @__PURE__ */ d("span", {
 										className: "text-status-warning-text",
-										children: "No"
+										children: g("auth.users.verifiedNo", "No")
 									})
 								})]
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ f("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
-								children: [/* @__PURE__ */ u("label", {
+								children: [/* @__PURE__ */ d("label", {
 									className: "block text-sm font-medium text-text-secondary mb-1",
-									children: "MFA Enabled"
-								}), /* @__PURE__ */ u("p", {
+									children: g("auth.users.viewDetailsMfaEnabled", "MFA Enabled")
+								}), /* @__PURE__ */ d("p", {
 									className: "text-text-primary font-medium",
-									children: k.mfaEnabled ? /* @__PURE__ */ u("span", {
+									children: M.mfaEnabled ? /* @__PURE__ */ d("span", {
 										className: "text-status-success-text",
-										children: "Yes"
-									}) : /* @__PURE__ */ u("span", {
+										children: g("auth.users.verifiedYes", "Yes")
+									}) : /* @__PURE__ */ d("span", {
 										className: "text-text-secondary",
-										children: "No"
+										children: g("auth.users.verifiedNo", "No")
 									})
 								})]
 							}),
-							k.phoneNumber && /* @__PURE__ */ d("div", {
+							M.phoneNumber && /* @__PURE__ */ f("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
-								children: [/* @__PURE__ */ u("label", {
+								children: [/* @__PURE__ */ d("label", {
 									className: "block text-sm font-medium text-text-secondary mb-1",
-									children: "Phone Number"
-								}), /* @__PURE__ */ u("p", {
+									children: g("auth.users.viewDetailsPhoneNumber", "Phone Number")
+								}), /* @__PURE__ */ d("p", {
 									className: "text-text-primary font-medium",
-									children: k.phoneNumber
+									children: M.phoneNumber
 								})]
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ f("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
-								children: [/* @__PURE__ */ u("label", {
+								children: [/* @__PURE__ */ d("label", {
 									className: "block text-sm font-medium text-text-secondary mb-1",
-									children: "Last Login"
-								}), /* @__PURE__ */ u("p", {
+									children: g("auth.users.viewDetailsLastLogin", "Last Login")
+								}), /* @__PURE__ */ d("p", {
 									className: "text-text-primary font-medium",
-									children: k.lastLoginAt ? new Date(k.lastLoginAt).toLocaleString() : "Never"
+									children: M.lastLoginAt ? new Date(M.lastLoginAt).toLocaleString() : g("auth.users.lastLoginNever", "Never")
 								})]
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ f("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
-								children: [/* @__PURE__ */ u("label", {
+								children: [/* @__PURE__ */ d("label", {
 									className: "block text-sm font-medium text-text-secondary mb-1",
-									children: "Created"
-								}), /* @__PURE__ */ u("p", {
+									children: g("auth.users.viewDetailsCreated", "Created")
+								}), /* @__PURE__ */ d("p", {
 									className: "text-text-primary font-medium",
-									children: new Date(k.createdAt).toLocaleString()
+									children: new Date(M.createdAt).toLocaleString()
 								})]
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ f("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
-								children: [/* @__PURE__ */ u("label", {
+								children: [/* @__PURE__ */ d("label", {
 									className: "block text-sm font-medium text-text-secondary mb-1",
-									children: "Last Updated"
-								}), /* @__PURE__ */ u("p", {
+									children: g("auth.users.viewDetailsLastUpdated", "Last Updated")
+								}), /* @__PURE__ */ d("p", {
 									className: "text-text-primary font-medium",
-									children: new Date(k.updatedAt).toLocaleString()
+									children: new Date(M.updatedAt).toLocaleString()
 								})]
 							})
 						]
 					}),
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ f("div", {
 						className: "mt-8 pt-6 border-t border-border-subtle flex gap-3",
 						children: [
-							/* @__PURE__ */ u("button", {
-								onClick: () => X(k),
+							/* @__PURE__ */ d("button", {
+								onClick: () => X(M),
 								className: "auth-primary-button px-4 py-2.5 font-medium",
-								children: "Edit User"
+								children: g("auth.users.editUser", "Edit User")
 							}),
-							k.status !== "DELETED" && /* @__PURE__ */ u("button", {
-								onClick: () => B({
+							M.status !== "DELETED" && /* @__PURE__ */ d("button", {
+								onClick: () => H({
 									type: "deactivate",
-									user: k
+									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: "Delete User"
+								children: g("auth.users.deleteUser", "Delete User")
 							}),
-							v && k.status === "DELETED" && /* @__PURE__ */ u("button", {
-								onClick: () => B({
+							y && M.status === "DELETED" && v?.role === "SUPER_ADMIN" && /* @__PURE__ */ d("button", {
+								onClick: () => H({
 									type: "hard-delete",
-									user: k
+									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: "Permanently Delete"
+								children: g("auth.users.permanentlyDelete", "Permanently Delete")
 							})
 						]
 					})
 				]
 			})
 		]
-	}) : /* @__PURE__ */ d("div", {
+	}) : /* @__PURE__ */ f("div", {
 		className: "max-w-2xl mx-auto p-6",
 		children: [
 			Z,
-			/* @__PURE__ */ d("button", {
+			/* @__PURE__ */ f("button", {
 				onClick: () => {
-					O("list"), Y();
+					j("list"), Y();
 				},
 				className: "mb-6 flex items-center gap-2 text-text-link hover:underline font-medium",
-				children: [/* @__PURE__ */ u("svg", {
+				children: [/* @__PURE__ */ d("svg", {
 					className: "w-4 h-4",
 					fill: "none",
 					viewBox: "0 0 24 24",
 					stroke: "currentColor",
-					children: /* @__PURE__ */ u("path", {
+					children: /* @__PURE__ */ d("path", {
 						strokeLinecap: "round",
 						strokeLinejoin: "round",
 						strokeWidth: 2,
 						d: "M10 19l-7-7m0 0l7-7m-7 7h18"
 					})
-				}), "Back to Users"]
+				}), g("auth.users.backToUsers", "Back to Users")]
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ f("div", {
 				className: "p-6 rounded-xl border border-border-subtle bg-bg-surface shadow-sm",
 				children: [
-					/* @__PURE__ */ u("h1", {
+					/* @__PURE__ */ d("h1", {
 						className: "text-2xl font-semibold text-text-primary mb-2",
-						children: "Edit User"
+						children: g("auth.users.editUser", "Edit User")
 					}),
-					k && /* @__PURE__ */ d("p", {
+					M && /* @__PURE__ */ f("p", {
 						className: "text-text-secondary mb-6",
-						children: ["Editing: ", /* @__PURE__ */ u("strong", { children: k.email })]
+						children: [
+							g("auth.users.editingUser", "Editing:"),
+							" ",
+							/* @__PURE__ */ d("strong", { children: M.email })
+						]
 					}),
-					N && /* @__PURE__ */ d("div", {
+					I && /* @__PURE__ */ f("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__ */ u(r, { className: "w-5 h-5 text-status-error-text flex-shrink-0 mt-0.5" }), /* @__PURE__ */ u("div", {
+						children: [/* @__PURE__ */ d(r, { className: "w-5 h-5 text-status-error-text flex-shrink-0 mt-0.5" }), /* @__PURE__ */ d("div", {
 							className: "flex-1",
-							children: /* @__PURE__ */ u("p", {
+							children: /* @__PURE__ */ d("p", {
 								className: "text-sm text-status-error-text",
-								children: N
+								children: I
 							})
 						})]
 					}),
-					/* @__PURE__ */ d("form", {
-						onSubmit: fe,
+					/* @__PURE__ */ f("form", {
+						onSubmit: xe,
 						className: "space-y-6",
+						"aria-describedby": I ? T : void 0,
+						noValidate: !0,
 						children: [
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ f("div", {
 								className: "grid grid-cols-2 gap-4",
-								children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+								children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+									htmlFor: "edit-username",
 									className: "block text-sm font-medium text-text-primary mb-2",
-									children: "Username"
-								}), /* @__PURE__ */ u("input", {
+									children: g("auth.users.fieldUsername", "Username")
+								}), /* @__PURE__ */ d("input", {
+									id: "edit-username",
 									type: "text",
-									value: j.username,
-									onChange: (e) => M({
-										...j,
+									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__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+								})] }), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+									htmlFor: "edit-name",
 									className: "block text-sm font-medium text-text-primary mb-2",
-									children: "Name"
-								}), /* @__PURE__ */ u("input", {
+									children: g("auth.users.fieldName", "Name")
+								}), /* @__PURE__ */ d("input", {
+									id: "edit-name",
 									type: "text",
-									value: j.name,
-									onChange: (e) => M({
-										...j,
+									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__ */ d("div", {
+							/* @__PURE__ */ f("div", {
 								className: "grid grid-cols-2 gap-4",
-								children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+								children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+									htmlFor: "edit-firstName",
 									className: "block text-sm font-medium text-text-primary mb-2",
-									children: "First Name"
-								}), /* @__PURE__ */ u("input", {
+									children: g("auth.users.fieldFirstName", "First Name")
+								}), /* @__PURE__ */ d("input", {
+									id: "edit-firstName",
 									type: "text",
-									value: j.firstName,
-									onChange: (e) => M({
-										...j,
+									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__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+								})] }), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+									htmlFor: "edit-lastName",
 									className: "block text-sm font-medium text-text-primary mb-2",
-									children: "Last Name"
-								}), /* @__PURE__ */ u("input", {
+									children: g("auth.users.fieldLastName", "Last Name")
+								}), /* @__PURE__ */ d("input", {
+									id: "edit-lastName",
 									type: "text",
-									value: j.lastName,
-									onChange: (e) => M({
-										...j,
+									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__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+							/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+								htmlFor: "edit-phoneNumber",
 								className: "block text-sm font-medium text-text-primary mb-2",
-								children: "Phone Number"
-							}), /* @__PURE__ */ u("input", {
+								children: g("auth.users.fieldPhoneNumber", "Phone Number")
+							}), /* @__PURE__ */ d("input", {
+								id: "edit-phoneNumber",
 								type: "tel",
-								value: j.phoneNumber,
-								onChange: (e) => M({
-									...j,
+								value: P.phoneNumber,
+								onChange: (e) => F({
+									...P,
 									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__ */ d("div", {
+							/* @__PURE__ */ f("div", {
 								className: "grid grid-cols-2 gap-4",
-								children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+								children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+									htmlFor: "edit-role",
 									className: "block text-sm font-medium text-text-primary mb-2",
-									children: "Role"
-								}), /* @__PURE__ */ u("select", {
-									value: j.role,
-									onChange: (e) => M({
-										...j,
+									children: g("auth.users.fieldRole", "Role")
+								}), /* @__PURE__ */ d("select", {
+									id: "edit-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",
-									children: f.map((e) => /* @__PURE__ */ u("option", {
+									children: p.map((e) => /* @__PURE__ */ d("option", {
 										value: e,
 										children: e.replace("_", " ")
 									}, e))
-								})] }), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("label", {
+								})] }), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+									htmlFor: "edit-status",
 									className: "block text-sm font-medium text-text-primary mb-2",
-									children: "Status"
-								}), /* @__PURE__ */ u("select", {
-									value: j.status,
-									onChange: (e) => M({
-										...j,
+									children: g("auth.users.fieldStatus", "Status")
+								}), /* @__PURE__ */ d("select", {
+									id: "edit-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",
-									children: p.map((e) => /* @__PURE__ */ u("option", {
+									children: m.map((e) => /* @__PURE__ */ d("option", {
 										value: e,
 										children: e
 									}, e))
 								})] })]
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ f("div", {
 								className: "flex items-center gap-3 p-4 rounded-xl bg-bg-canvas/50",
-								children: [/* @__PURE__ */ u("input", {
+								children: [/* @__PURE__ */ d("input", {
 									type: "checkbox",
 									id: "emailVerified",
-									checked: j.emailVerified,
-									onChange: (e) => M({
-										...j,
+									checked: P.emailVerified,
+									onChange: (e) => F({
+										...P,
 										emailVerified: e.target.checked
 									}),
 									className: "w-5 h-5 rounded border-border-default text-text-link focus:ring-action-primary-bg"
-								}), /* @__PURE__ */ u("label", {
+								}), /* @__PURE__ */ d("label", {
 									htmlFor: "emailVerified",
 									className: "text-sm font-medium text-text-primary",
-									children: "Email Verified"
+									children: g("auth.users.fieldEmailVerified", "Email Verified")
 								})]
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ f("div", {
 								className: "flex gap-3 pt-4",
-								children: [/* @__PURE__ */ u("button", {
+								children: [/* @__PURE__ */ d("button", {
 									type: "submit",
 									disabled: x,
 									className: "auth-primary-button flex items-center gap-2 px-6 py-3 font-medium",
-									children: x ? /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(i, { className: "w-4 h-4 animate-spin" }), "Saving..."] }) : "Save Changes"
-								}), /* @__PURE__ */ u("button", {
+									children: x ? /* @__PURE__ */ f(u, { children: [/* @__PURE__ */ d(i, { className: "w-4 h-4 animate-spin" }), g("auth.users.saving", "Saving...")] }) : g("auth.users.saveChanges", "Save Changes")
+								}), /* @__PURE__ */ d("button", {
 									type: "button",
 									onClick: () => {
-										O("list"), Y();
+										j("list"), Y();
 									},
 									className: "px-6 py-3 rounded-xl border border-border-default text-text-primary font-medium hover:bg-bg-sunken transition-colors",
-									children: "Cancel"
+									children: g("auth.users.cancel", "Cancel")
 								})]
 							})
 						]
@@ -872,28 +995,28 @@ function m() {
 				]
 			})
 		]
-	}) : /* @__PURE__ */ u("div", {
+	}) : /* @__PURE__ */ d("div", {
 		className: "max-w-6xl mx-auto p-6",
-		children: /* @__PURE__ */ d("div", {
+		children: /* @__PURE__ */ f("div", {
 			className: "text-center py-16 border-2 border-dashed border-border-subtle rounded-xl",
 			children: [
-				/* @__PURE__ */ u("div", {
+				/* @__PURE__ */ d("div", {
 					className: "w-16 h-16 mx-auto mb-4 rounded-full bg-status-warning-bg-subtle flex items-center justify-center",
-					children: /* @__PURE__ */ u(r, { className: "w-8 h-8 text-status-warning-text" })
+					children: /* @__PURE__ */ d(r, { className: "w-8 h-8 text-status-warning-text" })
 				}),
-				/* @__PURE__ */ u("h2", {
+				/* @__PURE__ */ d("h2", {
 					className: "text-xl font-semibold text-text-primary mb-2",
-					children: ae("auth.users.authRequired", "Authentication Required")
+					children: g("auth.users.authRequired", "Authentication Required")
 				}),
-				/* @__PURE__ */ u("p", {
+				/* @__PURE__ */ d("p", {
 					className: "text-text-secondary",
-					children: "Please sign in to manage users"
+					children: g("auth.users.signInToManage", "Please sign in to manage users")
 				})
 			]
 		})
 	});
 }
 //#endregion
-export { m as UsersPage };
+export { h as UsersPage };
 
 //# sourceMappingURL=UsersPage.js.map