@burdenoff/microfe-auth 2026.828.2 → 2026.830.2

package/dist/auth/pages/UserDetailsPage.js

@@ -1,12 +1,12 @@
 import { useAuthStore as e } from "../store/authStore.js";
-import { AlertIcon as t, SpinnerIcon as n } from "../components/AuthIcons.js";
-import { useUserOperations as r } from "../hooks/useUserOperations.js";
-import { useAuthPermissions as i } from "../hooks/useAuthPermissions.js";
-import { ConfirmActionDialog as a } from "../components/ConfirmActionDialog.js";
-import { useCreateAuthExportJobMutation as o } from "../../generated/wspace-operations.js";
-import { useEffect as s, useState as c } from "react";
-import { useNavigate as l, useParams as u } from "react-router";
-import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell";
+import { useTr as t } from "../../shared/hooks/useTr.js";
+import { AlertIcon as n, SpinnerIcon as r } from "../components/AuthIcons.js";
+import { useUserOperations as i } from "../hooks/useUserOperations.js";
+import { useAuthPermissions as a } from "../hooks/useAuthPermissions.js";
+import { ConfirmActionDialog as o } from "../components/ConfirmActionDialog.js";
+import { useCreateAuthExportJobMutation as s } from "../../generated/wspace-operations.js";
+import { useEffect as c, useState as l } from "react";
+import { useNavigate as u, useParams as d } from "react-router";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 import { isQuotaExhaustedError as h } from "@burdenoff/fe-libs/shared/utils";
 import { EmphasisPanel as g, IllustratedEmptyState as _, NextSteps as v, PagePurpose as y } from "@burdenoff/fe-libs/ui";
@@ -31,58 +31,55 @@ var b = (e) => {
 	}
 };
 function S() {
-	let { id: S } = u(), C = l(), { t: w } = d(), T = (e, t) => {
-		let n = w(e);
-		return n === e ? t : n;
-	}, E = e((e) => e.isAuthenticated), D = e((e) => e.user), { canViewUsers: O, canDeleteUsers: k, isLoading: A } = i(), { getUser: j, deleteUser: M, hardDeleteUser: N } = r(), [P, F] = c(null), [I, L] = c(!0), [R, z] = c(null), [B, V] = c(null), [H, U] = c(null), [W, { loading: G }] = o(), [K, q] = c(null), [J, Y] = c(!1);
-	s(() => {
+	let S = t(), { id: C } = d(), w = u(), T = e((e) => e.isAuthenticated), E = e((e) => e.user), { canViewUsers: D, canDeleteUsers: O, isLoading: k } = a(), { getUser: A, deleteUser: j, hardDeleteUser: M } = i(), [N, P] = l(null), [F, I] = l(!0), [L, R] = l(null), [z, B] = l(null), [V, H] = l(null), [U, { loading: W }] = s(), [G, K] = l(null), [q, J] = l(!1);
+	c(() => {
 		let e = !1;
-		if (!S) {
-			z("Missing user id"), L(!1);
+		if (!C) {
+			R("Missing user id"), I(!1);
 			return;
 		}
-		if (!E) {
-			L(!1);
+		if (!T) {
+			I(!1);
 			return;
 		}
-		return L(!0), z(null), j(S).then((t) => {
-			e || (t ? F(t) : z(T("auth.userDetails.userNotFound", "User not found")));
+		return I(!0), R(null), A(C).then((t) => {
+			e || (t ? P(t) : R(S("auth.userDetails.userNotFound", "User not found")));
 		}).catch((t) => {
-			e || z(t instanceof Error ? t.message : "Failed to fetch user details");
+			e || R(t instanceof Error ? t.message : "Failed to fetch user details");
 		}).finally(() => {
-			e || L(!1);
+			e || I(!1);
 		}), () => {
 			e = !0;
 		};
 	}, [
-		S,
-		j,
-		E
+		C,
+		A,
+		T
 	]);
-	let X = async () => {
-		if (P) try {
-			let e = await M(P.id);
+	let Y = async () => {
+		if (N) try {
+			let e = await j(N.id);
 			if (e.success) {
-				V(T("auth.userDetails.userDeactivated", "User \"{email}\" has been deactivated.").replace("{email}", P.email)), U(null);
-				let e = await j(P.id);
-				e && F(e);
-			} else z(e.message);
+				B(S("auth.userDetails.userDeactivated", "User \"{email}\" has been deactivated.").replace("{email}", N.email)), H(null);
+				let e = await A(N.id);
+				e && P(e);
+			} else R(e.message);
 		} catch (e) {
-			z(e instanceof Error ? e.message : "Failed to delete user");
+			R(e instanceof Error ? e.message : "Failed to delete user");
 		}
-	}, Z = async () => {
-		if (P) try {
-			let e = await N(P.id);
-			e.success ? (U(null), C("/auth/users")) : z(e.message);
+	}, X = async () => {
+		if (N) try {
+			let e = await M(N.id);
+			e.success ? (H(null), w("/auth/users")) : R(e.message);
 		} catch (e) {
-			z(e instanceof Error ? e.message : "Failed to hard delete user");
+			R(e instanceof Error ? e.message : "Failed to hard delete user");
 		}
-	}, Q = async () => {
-		if (P) {
-			q(null);
+	}, Z = async () => {
+		if (N) {
+			K(null);
 			try {
-				await W({ variables: { input: {
-					name: `User Data Export - ${P.email}`,
+				await U({ variables: { input: {
+					name: `User Data Export - ${N.email}`,
 					entityTypes: [
 						"user_profile",
 						"user_sessions",
@@ -94,32 +91,32 @@ function S() {
 				} } });
 			} catch (e) {
 				if (h(e)) {
-					Y(!0), q(T("auth.userDetails.exportQuotaReached", "You have reached your export limit for this month."));
+					J(!0), K(S("auth.userDetails.exportQuotaReached", "You have reached your export limit for this month."));
 					return;
 				}
-				q(e instanceof Error ? e.message : "Failed to start export");
+				K(e instanceof Error ? e.message : "Failed to start export");
 			}
 		}
 	};
-	return E ? A || I ? /* @__PURE__ */ p("div", {
+	return T ? k || F ? /* @__PURE__ */ p("div", {
 		className: "max-w-4xl mx-auto p-6",
 		children: /* @__PURE__ */ m("div", {
 			className: "text-center py-16",
 			"aria-live": "polite",
 			"aria-busy": "true",
-			children: [/* @__PURE__ */ p(n, {
+			children: [/* @__PURE__ */ p(r, {
 				className: "size-8 mx-auto text-text-secondary animate-spin",
 				"aria-hidden": "true"
 			}), /* @__PURE__ */ p("p", {
 				className: "mt-4 text-text-secondary",
-				children: T("auth.userDetails.loading", "Loading user...")
+				children: S("auth.userDetails.loading", "Loading user...")
 			})]
 		})
-	}) : O ? R || !P ? /* @__PURE__ */ m("div", {
+	}) : D ? L || !N ? /* @__PURE__ */ m("div", {
 		className: "max-w-4xl mx-auto p-6",
 		children: [/* @__PURE__ */ m("button", {
 			type: "button",
-			onClick: () => C("/auth/users"),
+			onClick: () => w("/auth/users"),
 			className: "mb-6 flex items-center gap-2 text-text-link hover:underline font-medium",
 			children: [/* @__PURE__ */ p("svg", {
 				className: "size-4",
@@ -133,36 +130,36 @@ function S() {
 					strokeWidth: 2,
 					d: "M10 19l-7-7m0 0l7-7m-7 7h18"
 				})
-			}), T("auth.userDetails.backToUsers", "Back to Users")]
+			}), S("auth.userDetails.backToUsers", "Back to Users")]
 		}), /* @__PURE__ */ p("div", {
 			role: "alert",
 			children: /* @__PURE__ */ p(_, {
 				illustration: "empty-search",
-				title: T("auth.userDetails.userNotFound", "User not found"),
-				description: R ?? T("auth.userDetails.userNotFoundDesc", "We couldn't find this user. They may have been removed, or the link is out of date.")
+				title: S("auth.userDetails.userNotFound", "User not found"),
+				description: L ?? S("auth.userDetails.userNotFoundDesc", "We couldn't find this user. They may have been removed, or the link is out of date.")
 			})
 		})]
 	}) : /* @__PURE__ */ m("div", {
 		className: "max-w-4xl mx-auto p-6",
 		children: [
-			/* @__PURE__ */ p(a, {
-				open: H !== null,
+			/* @__PURE__ */ p(o, {
+				open: V !== null,
 				onOpenChange: (e) => {
-					e || U(null);
+					e || H(null);
 				},
-				title: H === "hard-delete" ? T("auth.userDetails.hardDeleteTitle", "Permanently delete user?") : T("auth.userDetails.deactivateTitle", "Deactivate user?"),
-				description: H === "hard-delete" ? T("auth.userDetails.hardDeleteDesc", "This permanently deletes \"{email}\" and cannot be undone.").replace("{email}", P.email) : T("auth.userDetails.deactivateDesc", "\"{email}\" will be prevented from signing in until reactivated.").replace("{email}", P.email),
-				confirmText: H === "hard-delete" ? T("auth.userDetails.hardDeleteConfirm", "Delete permanently") : T("auth.userDetails.deactivateConfirm", "Deactivate user"),
-				variant: H === "hard-delete" ? "danger" : "warning",
+				title: V === "hard-delete" ? S("auth.userDetails.hardDeleteTitle", "Permanently delete user?") : S("auth.userDetails.deactivateTitle", "Deactivate user?"),
+				description: V === "hard-delete" ? S("auth.userDetails.hardDeleteDesc", "This permanently deletes \"{email}\" and cannot be undone.").replace("{email}", N.email) : S("auth.userDetails.deactivateDesc", "\"{email}\" will be prevented from signing in until reactivated.").replace("{email}", N.email),
+				confirmText: V === "hard-delete" ? S("auth.userDetails.hardDeleteConfirm", "Delete permanently") : S("auth.userDetails.deactivateConfirm", "Deactivate user"),
+				variant: V === "hard-delete" ? "danger" : "warning",
 				onConfirm: async () => {
-					H === "hard-delete" ? await Z() : H === "deactivate" && await X();
+					V === "hard-delete" ? await X() : V === "deactivate" && await Y();
 				}
 			}),
 			/* @__PURE__ */ m("div", {
 				className: "flex items-center justify-between mb-6",
 				children: [/* @__PURE__ */ m("button", {
 					type: "button",
-					onClick: () => C("/auth/users"),
+					onClick: () => w("/auth/users"),
 					className: "flex items-center gap-2 text-text-link hover:underline font-medium",
 					children: [/* @__PURE__ */ p("svg", {
 						className: "size-4",
@@ -176,17 +173,17 @@ function S() {
 							strokeWidth: 2,
 							d: "M10 19l-7-7m0 0l7-7m-7 7h18"
 						})
-					}), T("auth.userDetails.backToUsers", "Back to Users")]
+					}), S("auth.userDetails.backToUsers", "Back to Users")]
 				}), /* @__PURE__ */ p("button", {
 					type: "button",
-					onClick: () => void Q(),
-					disabled: G,
-					"aria-label": T("auth.userDetails.exportAriaLabel", "Export user data"),
+					onClick: () => void Z(),
+					disabled: W,
+					"aria-label": S("auth.userDetails.exportAriaLabel", "Export user data"),
 					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: G ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(n, {
+					children: W ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(r, {
 						className: "size-4 animate-spin",
 						"aria-hidden": "true"
-					}), T("auth.userDetails.exporting", "Exporting...")] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("svg", {
+					}), S("auth.userDetails.exporting", "Exporting...")] }) : /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("svg", {
 						className: "size-4",
 						fill: "none",
 						viewBox: "0 0 24 24",
@@ -198,34 +195,34 @@ function S() {
 							strokeWidth: 2,
 							d: "M4 16v1a3 3 0 003 3h10a3 3 0 003-3v-1m-4-4l-4 4m0 0l-4-4m4 4V4"
 						})
-					}), T("auth.userDetails.exportButton", "Export User Data")] })
+					}), S("auth.userDetails.exportButton", "Export User Data")] })
 				})]
 			}),
 			/* @__PURE__ */ p(y, {
 				className: "mb-6",
-				children: T("auth.userDetails.purpose", "The full record for this person — their role, status, verification, and activity. From here you can export their data, deactivate them, or (for super admins) permanently delete a removed account.")
+				children: S("auth.userDetails.purpose", "The full record for this person — their role, status, verification, and activity. From here you can export their data, deactivate them, or (for super admins) permanently delete a removed account.")
 			}),
-			K && /* @__PURE__ */ m("div", {
+			G && /* @__PURE__ */ m("div", {
 				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__ */ p(t, {
+				children: [/* @__PURE__ */ p(n, {
 					className: "size-5 text-status-error-text flex-shrink-0 mt-0.5",
 					"aria-hidden": "true"
 				}), /* @__PURE__ */ p("p", {
 					className: "text-sm text-status-error-text",
-					children: K
+					children: G
 				})]
 			}),
-			B && /* @__PURE__ */ m("div", {
+			z && /* @__PURE__ */ m("div", {
 				className: "mb-6 p-4 rounded-xl bg-status-success-bg-subtle border border-status-success-border",
 				children: [/* @__PURE__ */ p("p", {
 					className: "text-status-success-text",
-					children: B
+					children: z
 				}), /* @__PURE__ */ p("button", {
 					type: "button",
-					onClick: () => V(null),
+					onClick: () => B(null),
 					className: "mt-2 text-sm text-status-success-text hover:underline",
-					children: T("auth.userDetails.dismiss", "Dismiss")
+					children: S("auth.userDetails.dismiss", "Dismiss")
 				})]
 			}),
 			/* @__PURE__ */ m("div", {
@@ -238,25 +235,25 @@ function S() {
 							children: [/* @__PURE__ */ p("div", {
 								className: "auth-brand-badge flex size-20 items-center justify-center rounded-full text-3xl font-semibold",
 								"aria-hidden": "true",
-								children: (P.name || P.username || P.email).charAt(0).toUpperCase()
+								children: (N.name || N.username || N.email).charAt(0).toUpperCase()
 							}), /* @__PURE__ */ m("div", { children: [
 								/* @__PURE__ */ p("h1", {
 									className: "text-2xl font-semibold text-text-primary",
-									children: P.name || P.username
+									children: N.name || N.username
 								}),
 								/* @__PURE__ */ p("p", {
 									className: "text-text-secondary",
 									"data-testid": "user-email",
-									children: P.email
+									children: N.email
 								}),
 								/* @__PURE__ */ m("div", {
 									className: "flex items-center gap-2 mt-2",
 									children: [/* @__PURE__ */ p("span", {
-										className: `px-2.5 py-1 rounded-full text-xs font-medium ${b(P.role)}`,
-										children: P.role.replace("_", " ")
+										className: `px-2.5 py-1 rounded-full text-xs font-medium ${b(N.role)}`,
+										children: N.role.replace("_", " ")
 									}), /* @__PURE__ */ p("span", {
-										className: `px-2.5 py-1 rounded-full text-xs font-medium ${x(P.status)}`,
-										children: P.status
+										className: `px-2.5 py-1 rounded-full text-xs font-medium ${x(N.status)}`,
+										children: N.status
 									})]
 								})
 							] })]
@@ -269,35 +266,35 @@ function S() {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
 								children: [/* @__PURE__ */ p("dt", {
 									className: "text-sm font-medium text-text-secondary mb-1",
-									children: T("auth.userDetails.username", "Username")
+									children: S("auth.userDetails.username", "Username")
 								}), /* @__PURE__ */ p("dd", {
 									className: "text-text-primary font-medium",
-									children: P.username
+									children: N.username
 								})]
 							}),
 							/* @__PURE__ */ m("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
 								children: [/* @__PURE__ */ p("dt", {
 									className: "text-sm font-medium text-text-secondary mb-1",
-									children: T("auth.userDetails.email", "Email")
+									children: S("auth.userDetails.email", "Email")
 								}), /* @__PURE__ */ p("dd", {
 									className: "text-text-primary font-medium",
-									children: P.email
+									children: N.email
 								})]
 							}),
 							/* @__PURE__ */ m("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
 								children: [/* @__PURE__ */ p("dt", {
 									className: "text-sm font-medium text-text-secondary mb-1",
-									children: T("auth.userDetails.emailVerified", "Email Verified")
+									children: S("auth.userDetails.emailVerified", "Email Verified")
 								}), /* @__PURE__ */ p("dd", {
 									className: "text-text-primary font-medium",
-									children: P.emailVerified ? /* @__PURE__ */ p("span", {
+									children: N.emailVerified ? /* @__PURE__ */ p("span", {
 										className: "text-status-success-text",
-										children: T("auth.userDetails.yes", "Yes")
+										children: S("auth.userDetails.yes", "Yes")
 									}) : /* @__PURE__ */ p("span", {
 										className: "text-status-warning-text",
-										children: T("auth.userDetails.no", "No")
+										children: S("auth.userDetails.no", "No")
 									})
 								})]
 							}),
@@ -305,72 +302,72 @@ function S() {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
 								children: [/* @__PURE__ */ p("dt", {
 									className: "text-sm font-medium text-text-secondary mb-1",
-									children: T("auth.userDetails.mfaEnabled", "MFA Enabled")
+									children: S("auth.userDetails.mfaEnabled", "MFA Enabled")
 								}), /* @__PURE__ */ p("dd", {
 									className: "text-text-primary font-medium",
-									children: P.mfaEnabled ? /* @__PURE__ */ p("span", {
+									children: N.mfaEnabled ? /* @__PURE__ */ p("span", {
 										className: "text-status-success-text",
-										children: T("auth.userDetails.yes", "Yes")
+										children: S("auth.userDetails.yes", "Yes")
 									}) : /* @__PURE__ */ p("span", {
 										className: "text-text-secondary",
-										children: T("auth.userDetails.no", "No")
+										children: S("auth.userDetails.no", "No")
 									})
 								})]
 							}),
-							P.phoneNumber && /* @__PURE__ */ m("div", {
+							N.phoneNumber && /* @__PURE__ */ m("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
 								children: [/* @__PURE__ */ p("dt", {
 									className: "text-sm font-medium text-text-secondary mb-1",
-									children: T("auth.userDetails.phoneNumber", "Phone Number")
+									children: S("auth.userDetails.phoneNumber", "Phone Number")
 								}), /* @__PURE__ */ p("dd", {
 									className: "text-text-primary font-medium",
-									children: P.phoneNumber
+									children: N.phoneNumber
 								})]
 							}),
 							/* @__PURE__ */ m("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
 								children: [/* @__PURE__ */ p("dt", {
 									className: "text-sm font-medium text-text-secondary mb-1",
-									children: T("auth.userDetails.lastLogin", "Last Login")
+									children: S("auth.userDetails.lastLogin", "Last Login")
 								}), /* @__PURE__ */ p("dd", {
 									className: "text-text-primary font-medium",
-									children: P.lastLoginAt ? new Date(P.lastLoginAt).toLocaleString() : T("auth.userDetails.never", "Never")
+									children: N.lastLoginAt ? new Date(N.lastLoginAt).toLocaleString() : S("auth.userDetails.never", "Never")
 								})]
 							}),
 							/* @__PURE__ */ m("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
 								children: [/* @__PURE__ */ p("dt", {
 									className: "text-sm font-medium text-text-secondary mb-1",
-									children: T("auth.userDetails.created", "Created")
+									children: S("auth.userDetails.created", "Created")
 								}), /* @__PURE__ */ p("dd", {
 									className: "text-text-primary font-medium",
-									children: new Date(P.createdAt).toLocaleString()
+									children: new Date(N.createdAt).toLocaleString()
 								})]
 							}),
 							/* @__PURE__ */ m("div", {
 								className: "p-4 rounded-lg bg-bg-canvas/50",
 								children: [/* @__PURE__ */ p("dt", {
 									className: "text-sm font-medium text-text-secondary mb-1",
-									children: T("auth.userDetails.lastUpdated", "Last Updated")
+									children: S("auth.userDetails.lastUpdated", "Last Updated")
 								}), /* @__PURE__ */ p("dd", {
 									className: "text-text-primary font-medium",
-									children: new Date(P.updatedAt).toLocaleString()
+									children: new Date(N.updatedAt).toLocaleString()
 								})]
 							})
 						]
 					}),
 					/* @__PURE__ */ m("div", {
 						className: "mt-8 pt-6 border-t border-border-subtle flex gap-3",
-						children: [P.status !== "DELETED" && k && /* @__PURE__ */ p("button", {
+						children: [N.status !== "DELETED" && O && /* @__PURE__ */ p("button", {
 							type: "button",
-							onClick: () => U("deactivate"),
+							onClick: () => H("deactivate"),
 							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: T("auth.userDetails.deactivateUser", "Deactivate User")
-						}), k && P.status === "DELETED" && D?.role === "SUPER_ADMIN" && /* @__PURE__ */ p("button", {
+							children: S("auth.userDetails.deactivateUser", "Deactivate User")
+						}), O && N.status === "DELETED" && E?.role === "SUPER_ADMIN" && /* @__PURE__ */ p("button", {
 							type: "button",
-							onClick: () => U("hard-delete"),
+							onClick: () => H("hard-delete"),
 							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: T("auth.userDetails.permanentlyDelete", "Permanently Delete")
+							children: S("auth.userDetails.permanentlyDelete", "Permanently Delete")
 						})]
 					}),
 					/* @__PURE__ */ p(v, {
@@ -378,23 +375,23 @@ function S() {
 						storageKey: "auth-user-details",
 						steps: [{
 							id: "back-to-users",
-							label: T("auth.userDetails.nextBack", "Return to the user list"),
-							description: T("auth.userDetails.nextBackDesc", "Browse or search everyone in your organization."),
-							onClick: () => C("/auth/users")
+							label: S("auth.userDetails.nextBack", "Return to the user list"),
+							description: S("auth.userDetails.nextBackDesc", "Browse or search everyone in your organization."),
+							onClick: () => w("/auth/users")
 						}, {
 							id: "export-user",
-							label: T("auth.userDetails.nextExport", "Export this user's data"),
-							description: T("auth.userDetails.nextExportDesc", "Download their profile, sessions, and audit history as CSV."),
-							onClick: () => void Q()
+							label: S("auth.userDetails.nextExport", "Export this user's data"),
+							description: S("auth.userDetails.nextExportDesc", "Download their profile, sessions, and audit history as CSV."),
+							onClick: () => void Z()
 						}]
 					}),
-					/* @__PURE__ */ p(a, {
-						open: J,
-						onOpenChange: Y,
-						title: T("auth.userDetails.exportQuotaTitle", "Export Limit Reached"),
-						description: T("auth.userDetails.exportQuotaDescription", "You have reached your export limit for this month."),
-						confirmText: T("auth.userDetails.exportQuotaViewBilling", "View Billing"),
-						cancelText: T("auth.userDetails.exportQuotaDismiss", "Dismiss"),
+					/* @__PURE__ */ p(o, {
+						open: q,
+						onOpenChange: J,
+						title: S("auth.userDetails.exportQuotaTitle", "Export Limit Reached"),
+						description: S("auth.userDetails.exportQuotaDescription", "You have reached your export limit for this month."),
+						confirmText: S("auth.userDetails.exportQuotaViewBilling", "View Billing"),
+						cancelText: S("auth.userDetails.exportQuotaDismiss", "Dismiss"),
 						variant: "warning",
 						onConfirm: () => window.location.assign("/billing")
 					})
@@ -405,15 +402,15 @@ function S() {
 		className: "max-w-4xl mx-auto p-6",
 		children: /* @__PURE__ */ p(_, {
 			illustration: "empty-generic",
-			title: T("auth.userDetails.adminRequired", "Admin Access Required"),
-			description: T("auth.userDetails.adminRequiredDesc", "You need administrator privileges to view user details.")
+			title: S("auth.userDetails.adminRequired", "Admin Access Required"),
+			description: S("auth.userDetails.adminRequiredDesc", "You need administrator privileges to view user details.")
 		})
 	}) : /* @__PURE__ */ p("div", {
 		className: "max-w-4xl mx-auto p-6",
 		children: /* @__PURE__ */ p(_, {
 			illustration: "empty-generic",
-			title: T("auth.userDetails.authRequired", "Authentication Required"),
-			description: T("auth.userDetails.signInToView", "Please sign in to view user details")
+			title: S("auth.userDetails.authRequired", "Authentication Required"),
+			description: S("auth.userDetails.signInToView", "Please sign in to view user details")
 		})
 	});
 }