@burdenoff/microfe-auth 2026.624.2 → 2026.625.1

package/dist/auth/pages/SecurityPage.js

@@ -1,447 +1,455 @@
 import { useAuthStore as e } from "../store/authStore.js";
 import { useAuthOperations as t } from "../hooks/useAuthOperations.js";
 import { useAccountOperations as n } from "../hooks/useAccountOperations.js";
-import { formatDate as r } from "../utils/formatters.js";
-import { ConfirmActionDialog as ee } from "../components/ConfirmActionDialog.js";
-import { nativeImpact as i, nativeNotify as a } from "../../utils/nativeBridge.js";
-import { useEffect as o, useId as s, useRef as c, useState as l } from "react";
-import { useNavigate as te } from "react-router-dom";
-import { useI18n as ne } from "@burdenoff/fe-libs/shared/providers/shell";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { formatDate as ee } from "../utils/formatters.js";
+import { ConfirmActionDialog as te } from "../components/ConfirmActionDialog.js";
+import { nativeImpact as ne, nativeNotify as r } from "../../utils/nativeBridge.js";
+import { useEffect as i, useId as a, useRef as o, useState as s } from "react";
+import { useNavigate as re } from "react-router-dom";
+import { useI18n as ie } from "@burdenoff/fe-libs/shared/providers/shell";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Button as u } from "@burdenoff/fe-libs/button";
+import { EmphasisPanel as ae, NextSteps as oe, PagePurpose as d } from "@burdenoff/fe-libs/ui";
 //#region src/auth/pages/SecurityPage.tsx
-var f = ({ className: e }) => /* @__PURE__ */ u("svg", {
+var f = ({ className: e }) => /* @__PURE__ */ c("svg", {
 	className: e,
 	fill: "none",
 	viewBox: "0 0 24 24",
 	stroke: "currentColor",
 	"aria-hidden": "true",
-	children: /* @__PURE__ */ u("path", {
+	children: /* @__PURE__ */ c("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 1.5,
 		d: "M9 12l2 2 4-4m5.618-4.016A11.955 11.955 0 0112 2.944a11.955 11.955 0 01-8.618 3.04A12.02 12.02 0 003 9c0 5.591 3.824 10.29 9 11.622 5.176-1.332 9-6.03 9-11.622 0-1.042-.133-2.052-.382-3.016z"
 	})
-}), re = ({ className: e }) => /* @__PURE__ */ u("svg", {
+}), p = ({ className: e }) => /* @__PURE__ */ c("svg", {
 	className: e,
 	fill: "none",
 	viewBox: "0 0 24 24",
 	stroke: "currentColor",
 	"aria-hidden": "true",
-	children: /* @__PURE__ */ u("path", {
+	children: /* @__PURE__ */ c("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 1.5,
 		d: "M12 15v2m-6 4h12a2 2 0 002-2v-6a2 2 0 00-2-2H6a2 2 0 00-2 2v6a2 2 0 002 2zm10-10V7a4 4 0 00-8 0v4h8z"
 	})
-}), ie = ({ className: e }) => /* @__PURE__ */ u("svg", {
+}), m = ({ className: e }) => /* @__PURE__ */ c("svg", {
 	className: e,
 	fill: "none",
 	viewBox: "0 0 24 24",
 	stroke: "currentColor",
 	"aria-hidden": "true",
-	children: /* @__PURE__ */ u("path", {
+	children: /* @__PURE__ */ c("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 1.5,
 		d: "M12 4.354a4 4 0 110 5.292M15 21H3v-1a6 6 0 0112 0v1zm0 0h6v-1a6 6 0 00-9-5.197M13 7a4 4 0 11-8 0 4 4 0 018 0z"
 	})
-}), ae = ({ className: e }) => /* @__PURE__ */ u("svg", {
+}), se = ({ className: e }) => /* @__PURE__ */ c("svg", {
 	className: e,
 	fill: "none",
 	viewBox: "0 0 24 24",
 	stroke: "currentColor",
 	"aria-hidden": "true",
-	children: /* @__PURE__ */ u("path", {
+	children: /* @__PURE__ */ c("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 1.5,
 		d: "M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"
 	})
-}), oe = ({ className: e }) => /* @__PURE__ */ u("svg", {
+}), ce = ({ className: e }) => /* @__PURE__ */ c("svg", {
 	className: e,
 	fill: "none",
 	viewBox: "0 0 24 24",
 	stroke: "currentColor",
 	"aria-hidden": "true",
-	children: /* @__PURE__ */ u("path", {
+	children: /* @__PURE__ */ c("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 1.5,
 		d: "M13.828 10.172a4 4 0 00-5.656 0l-4 4a4 4 0 105.656 5.656l1.102-1.101m-.758-4.899a4 4 0 005.656 0l4-4a4 4 0 00-5.656-5.656l-1.1 1.1"
 	})
-}), p = ({ className: e }) => /* @__PURE__ */ u("svg", {
+}), h = ({ className: e }) => /* @__PURE__ */ c("svg", {
 	className: e,
 	fill: "none",
 	viewBox: "0 0 24 24",
 	stroke: "currentColor",
 	"aria-hidden": "true",
-	children: /* @__PURE__ */ u("path", {
+	children: /* @__PURE__ */ c("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M9 5l7 7-7 7"
 	})
-}), m = ({ className: e }) => /* @__PURE__ */ u("svg", {
+}), g = ({ className: e }) => /* @__PURE__ */ c("svg", {
 	className: e,
 	fill: "currentColor",
 	viewBox: "0 0 20 20",
 	"aria-hidden": "true",
-	children: /* @__PURE__ */ u("path", {
+	children: /* @__PURE__ */ c("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"
 	})
-}), h = ({ className: e }) => /* @__PURE__ */ u("svg", {
+}), _ = ({ className: e }) => /* @__PURE__ */ c("svg", {
 	className: e,
 	fill: "currentColor",
 	viewBox: "0 0 20 20",
 	"aria-hidden": "true",
-	children: /* @__PURE__ */ u("path", {
+	children: /* @__PURE__ */ c("path", {
 		fillRule: "evenodd",
 		d: "M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z",
 		clipRule: "evenodd"
 	})
-}), g = ({ className: e }) => /* @__PURE__ */ d("svg", {
+}), v = ({ className: e }) => /* @__PURE__ */ l("svg", {
 	className: e,
 	fill: "none",
 	viewBox: "0 0 24 24",
 	"aria-hidden": "true",
-	children: [/* @__PURE__ */ u("circle", {
+	children: [/* @__PURE__ */ c("circle", {
 		className: "opacity-25",
 		cx: "12",
 		cy: "12",
 		r: "10",
 		stroke: "currentColor",
 		strokeWidth: "4"
-	}), /* @__PURE__ */ u("path", {
+	}), /* @__PURE__ */ c("path", {
 		className: "opacity-75",
 		fill: "currentColor",
 		d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
 	})]
-}), _ = "DELETE MY ACCOUNT";
-function v({ enableAdminRoutes: v = !1 }) {
-	let { t: y } = ne(), b = (e, t) => {
-		let n = y(e);
+}), y = "DELETE MY ACCOUNT";
+function b({ enableAdminRoutes: b = !1 }) {
+	let { t: le } = ie(), x = (e, t) => {
+		let n = le(e);
 		return n === e ? t : n;
-	}, x = te(), S = e((e) => e.user), { signOut: se } = t({ disableCurrentUserQuery: !0 }), { deactivateAccount: ce, deleteAccount: le, isDeactivating: C, isDeleting: w } = n(), [T, E] = l(!1), [D, O] = l(!1), ue = [
+	}, S = re(), C = e((e) => e.user), { signOut: w } = t({ disableCurrentUserQuery: !0 }), { deactivateAccount: T, deleteAccount: ue, isDeactivating: E, isDeleting: D } = n(), [de, O] = s(!1), [fe, k] = s(!1), pe = [
 		{
-			name: b("auth.security.navProfile", "User Profile"),
-			description: b("auth.security.navProfileDesc", "View and edit your profile information"),
+			name: x("auth.security.navProfile", "User Profile"),
+			description: x("auth.security.navProfileDesc", "View and edit your profile information"),
 			path: "/auth/profile",
-			icon: ae,
+			icon: se,
 			color: "text-accent-teal",
 			bgColor: "bg-accent-teal-subtle"
 		},
 		{
-			name: b("auth.security.navMfa", "Two-Factor Authentication"),
-			description: b("auth.security.navMfaDesc", "Secure your account with TOTP"),
+			name: x("auth.security.navMfa", "Two-Factor Authentication"),
+			description: x("auth.security.navMfaDesc", "Secure your account with TOTP"),
 			path: "/auth/mfa",
-			icon: re,
+			icon: p,
 			color: "text-accent-purple",
 			bgColor: "bg-accent-purple-subtle"
 		},
 		{
-			name: b("auth.security.navUsers", "Users"),
-			description: b("auth.security.navUsersDesc", "Manage system users"),
+			name: x("auth.security.navUsers", "Users"),
+			description: x("auth.security.navUsersDesc", "Manage system users"),
 			path: "/auth/users",
-			icon: ie,
+			icon: m,
 			color: "text-accent-indigo",
 			bgColor: "bg-accent-indigo-subtle",
 			adminOnly: !0
 		}
-	], de = [{
-		name: b("auth.security.navSso", "SSO Configuration"),
-		description: b("auth.security.navSsoDesc", "Enterprise single sign-on"),
+	], me = [{
+		name: x("auth.security.navSso", "SSO Configuration"),
+		description: x("auth.security.navSsoDesc", "Enterprise single sign-on"),
 		path: "/auth/sso",
-		icon: oe,
+		icon: ce,
 		color: "text-accent-cyan",
 		bgColor: "bg-accent-cyan-subtle",
 		adminOnly: !0
-	}], [k, A] = l(!1), [j, M] = l(!1), [N, P] = l(""), [F, I] = l(""), [L, R] = l(null), [z, B] = l(null), V = s(), H = s(), U = s(), W = s(), G = s(), K = s(), q = s(), J = c(null), Y = c(null), X = c(null), Z = c(null);
-	o(() => {
-		k ? X.current?.focus() : J.current?.focus();
-	}, [k]), o(() => {
-		j ? Z.current?.focus() : Y.current?.focus();
-	}, [j]);
-	let fe = async () => {
-		E(!0);
+	}], [A, j] = s(!1), [M, N] = s(!1), [P, F] = s(""), [I, L] = s(""), [R, z] = s(null), [B, he] = s(null), V = a(), H = a(), U = a(), W = a(), G = a(), K = a(), q = a(), J = o(null), Y = o(null), X = o(null), Z = o(null);
+	i(() => {
+		A ? X.current?.focus() : J.current?.focus();
+	}, [A]), i(() => {
+		M ? Z.current?.focus() : Y.current?.focus();
+	}, [M]);
+	let ge = async () => {
+		O(!0);
 		try {
-			await se(), x("/auth/login"), O(!1);
+			await w(), S("/auth/login"), k(!1);
 		} catch (e) {
-			console.error("Logout failed:", e), E(!1);
+			console.error("Logout failed:", e), O(!1);
 		}
-	}, pe = async () => {
-		R(null);
+	}, _e = async () => {
+		z(null);
 		try {
-			let e = await ce(N);
-			e.success ? x("/auth/login", { replace: !0 }) : R(e.message || b("auth.security.deactivateFailed", "Failed to deactivate account"));
+			let e = await T(P);
+			e.success ? S("/auth/login", { replace: !0 }) : z(e.message || x("auth.security.deactivateFailed", "Failed to deactivate account"));
 		} catch (e) {
-			R(e instanceof Error ? e.message : b("auth.security.deactivateFailed", "Failed to deactivate account"));
+			z(e instanceof Error ? e.message : x("auth.security.deactivateFailed", "Failed to deactivate account"));
 		}
-	}, me = async () => {
-		if (R(null), F !== _) {
-			R(b("auth.security.deleteConfirmMismatch", "Please type \"DELETE MY ACCOUNT\" to confirm"));
+	}, ve = async () => {
+		if (z(null), I !== y) {
+			z(x("auth.security.deleteConfirmMismatch", "Please type \"DELETE MY ACCOUNT\" to confirm"));
 			return;
 		}
-		i("medium");
+		ne("medium");
 		try {
-			let e = await le(N, F);
-			e.success ? (a("success"), x("/auth/login", { replace: !0 })) : (a("error"), R(e.message || b("auth.security.deleteFailed", "Failed to delete account")));
+			let e = await ue(P, I);
+			e.success ? (r("success"), S("/auth/login", { replace: !0 })) : (r("error"), z(e.message || x("auth.security.deleteFailed", "Failed to delete account")));
 		} catch (e) {
-			a("error"), R(e instanceof Error ? e.message : b("auth.security.deleteFailed", "Failed to delete account"));
+			r("error"), z(e instanceof Error ? e.message : x("auth.security.deleteFailed", "Failed to delete account"));
 		}
 	}, Q = () => {
-		A(!1), M(!1), P(""), I(""), R(null), B(null);
-	}, $ = S?.role === "SUPER_ADMIN" || S?.role === "TENANT_ADMIN" || S?.role === "ORG_ADMIN", he = ue.filter((e) => !e.adminOnly || v && $), ge = de.filter((e) => !e.adminOnly || v && $);
-	return /* @__PURE__ */ d("div", {
+		j(!1), N(!1), F(""), L(""), z(null), he(null);
+	}, $ = C?.role === "SUPER_ADMIN" || C?.role === "TENANT_ADMIN" || C?.role === "ORG_ADMIN", ye = pe.filter((e) => !e.adminOnly || b && $), be = me.filter((e) => !e.adminOnly || b && $);
+	return /* @__PURE__ */ l("div", {
 		className: "bg-bg-canvas p-6",
-		children: [/* @__PURE__ */ u(ee, {
-			open: D,
-			onOpenChange: O,
-			title: b("auth.security.signOutDialogTitle", "Sign out now?"),
-			description: b("auth.security.signOutDialogDescription", "You will be signed out of this device and returned to the login screen."),
-			confirmText: b("auth.security.signOutDialogConfirm", "Sign out"),
+		children: [/* @__PURE__ */ c(te, {
+			open: fe,
+			onOpenChange: k,
+			title: x("auth.security.signOutDialogTitle", "Sign out now?"),
+			description: x("auth.security.signOutDialogDescription", "You will be signed out of this device and returned to the login screen."),
+			confirmText: x("auth.security.signOutDialogConfirm", "Sign out"),
 			variant: "warning",
-			isPending: T,
-			onConfirm: fe
-		}), /* @__PURE__ */ d("main", {
+			isPending: de,
+			onConfirm: ge
+		}), /* @__PURE__ */ l("main", {
 			className: "max-w-7xl mx-auto space-y-8",
 			children: [
-				/* @__PURE__ */ d("div", {
+				/* @__PURE__ */ l("div", {
 					className: "flex items-center gap-3",
 					"data-tour": "auth-security-header",
-					children: [/* @__PURE__ */ u("div", {
+					children: [/* @__PURE__ */ c("div", {
 						className: "auth-brand-badge flex size-10 items-center justify-center rounded-xl",
-						children: /* @__PURE__ */ u(f, { className: "size-6 text-white" })
-					}), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h1", {
+						children: /* @__PURE__ */ c(f, { className: "size-6 text-white" })
+					}), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h1", {
 						className: "text-lg font-bold text-text-primary",
-						children: b("auth.security.title", "Security Center")
-					}), /* @__PURE__ */ u("p", {
+						children: x("auth.security.title", "Security Center")
+					}), /* @__PURE__ */ c("p", {
 						className: "text-xs text-text-secondary ",
-						children: b("auth.security.subtitle", "Account & Authentication")
+						children: x("auth.security.subtitle", "Account & Authentication")
 					})] })]
 				}),
-				/* @__PURE__ */ u("div", {
-					className: "auth-hero-card rounded-2xl p-6",
+				/* @__PURE__ */ c(d, {
+					"data-tour": "auth-security-purpose",
+					children: x("auth.security.purpose", "Your one place to keep your account safe: turn on two-factor authentication, change your password, review who can act on your behalf, and manage or close your account.")
+				}),
+				/* @__PURE__ */ c(ae, {
+					className: "p-6",
 					"data-tour": "auth-security-status-banner",
-					children: /* @__PURE__ */ d("div", {
+					children: /* @__PURE__ */ l("div", {
 						className: "flex flex-col md:flex-row md:items-center md:justify-between gap-4",
-						children: [/* @__PURE__ */ d("div", {
+						children: [/* @__PURE__ */ l("div", {
 							className: "flex items-center gap-4",
-							children: [/* @__PURE__ */ u("div", {
-								className: "size-14 rounded-2xl bg-bg-surface/20 backdrop-blur flex items-center justify-center",
-								children: /* @__PURE__ */ u(f, { className: "size-8 text-white" })
-							}), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h2", {
-								className: "text-xl font-bold",
-								children: b("auth.security.securityStatus", "Security Status")
-							}), /* @__PURE__ */ u("p", {
-								className: "opacity-80",
-								children: S?.mfaEnabled ? b("auth.security.wellProtected", "Your account is well protected") : b("auth.security.enableMfaSuggestion", "Enable MFA for better security")
+							children: [/* @__PURE__ */ c("div", {
+								className: "size-14 rounded-2xl bg-accent-soft flex items-center justify-center",
+								children: /* @__PURE__ */ c(f, { className: "size-8 text-[var(--color-action-primary-bg)]" })
+							}), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h2", {
+								className: "text-xl font-bold text-text-primary",
+								children: x("auth.security.securityStatus", "Security Status")
+							}), /* @__PURE__ */ c("p", {
+								className: "text-text-secondary",
+								children: C?.mfaEnabled ? x("auth.security.wellProtected", "Your account is well protected") : x("auth.security.enableMfaSuggestion", "Enable MFA for better security")
 							})] })]
-						}), /* @__PURE__ */ u("div", {
+						}), /* @__PURE__ */ c("div", {
 							className: "flex items-center gap-3",
-							children: S?.mfaEnabled ? /* @__PURE__ */ d("span", {
-								className: "inline-flex items-center gap-2 px-4 py-2 rounded-xl bg-bg-surface/20 backdrop-blur text-white font-medium",
-								children: [/* @__PURE__ */ u(m, { className: "size-5 text-status-success-text" }), b("auth.security.mfaEnabled", "MFA Enabled")]
-							}) : /* @__PURE__ */ d("button", {
+							children: C?.mfaEnabled ? /* @__PURE__ */ l("span", {
+								className: "inline-flex items-center gap-2 px-4 py-2 rounded-xl bg-status-success-bg-subtle text-status-success-text font-medium",
+								children: [/* @__PURE__ */ c(g, { className: "size-5 text-status-success-text" }), x("auth.security.mfaEnabled", "MFA Enabled")]
+							}) : /* @__PURE__ */ l(u, {
 								type: "button",
-								onClick: () => x("/auth/mfa"),
-								className: "inline-flex items-center gap-2 px-4 py-2 rounded-xl bg-bg-surface text-text-link font-semibold hover:bg-status-info-bg-subtle transition-colors shadow-lg",
-								children: [/* @__PURE__ */ u(h, { className: "size-5 text-status-warning-text" }), b("auth.security.enableMfaNow", "Enable MFA Now")]
+								onClick: () => S("/auth/mfa"),
+								variant: "default",
+								className: "font-semibold",
+								children: [/* @__PURE__ */ c(_, { className: "size-5" }), x("auth.security.enableMfaNow", "Enable MFA Now")]
 							})
 						})]
 					})
 				}),
-				/* @__PURE__ */ d("div", {
+				/* @__PURE__ */ l("div", {
 					className: "mb-8 p-6 rounded-2xl bg-bg-surface border border-border-subtle shadow-sm",
 					"data-tour": "auth-account-info-card",
-					children: [/* @__PURE__ */ u("h3", {
+					children: [/* @__PURE__ */ c("h3", {
 						className: "text-lg font-semibold text-text-primary mb-4",
-						children: b("auth.security.accountInfo", "Account Information")
-					}), /* @__PURE__ */ d("dl", {
+						children: x("auth.security.accountInfo", "Account Information")
+					}), /* @__PURE__ */ l("dl", {
 						className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6",
 						children: [
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ l("div", {
 								className: "sm:col-span-2 lg:col-span-1",
-								children: [/* @__PURE__ */ u("dt", {
+								children: [/* @__PURE__ */ c("dt", {
 									className: "text-sm font-medium text-text-secondary",
-									children: b("auth.security.email", "Email")
-								}), /* @__PURE__ */ d("dd", {
+									children: x("auth.security.email", "Email")
+								}), /* @__PURE__ */ l("dd", {
 									className: "mt-1 text-text-primary",
-									children: [/* @__PURE__ */ u("span", {
+									children: [/* @__PURE__ */ c("span", {
 										className: "block truncate",
-										title: S?.email,
-										children: S?.email
-									}), S?.emailVerified && /* @__PURE__ */ d("span", {
+										title: C?.email,
+										children: C?.email
+									}), C?.emailVerified && /* @__PURE__ */ l("span", {
 										className: "mt-1 inline-flex items-center gap-1 px-2 py-0.5 rounded-full bg-status-success-bg-subtle text-status-success-text text-xs font-medium",
-										children: [/* @__PURE__ */ u(m, { className: "size-3" }), b("auth.security.verified", "Verified")]
+										children: [/* @__PURE__ */ c(g, { className: "size-3" }), x("auth.security.verified", "Verified")]
 									})]
 								})]
 							}),
-							/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("dt", {
+							/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("dt", {
 								className: "text-sm font-medium text-text-secondary",
-								children: b("auth.security.username", "Username")
-							}), /* @__PURE__ */ u("dd", {
+								children: x("auth.security.username", "Username")
+							}), /* @__PURE__ */ c("dd", {
 								className: "mt-1 text-text-primary truncate",
-								title: S?.username ?? void 0,
-								children: S?.username || "-"
+								title: C?.username ?? void 0,
+								children: C?.username || "-"
 							})] }),
-							/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("dt", {
+							/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("dt", {
 								className: "text-sm font-medium text-text-secondary",
-								children: b("auth.security.role", "Role")
-							}), /* @__PURE__ */ u("dd", {
+								children: x("auth.security.role", "Role")
+							}), /* @__PURE__ */ c("dd", {
 								className: "mt-1",
-								children: /* @__PURE__ */ u("span", {
+								children: /* @__PURE__ */ c("span", {
 									className: "inline-flex px-2.5 py-0.5 rounded-full bg-accent-indigo-subtle text-accent-indigo text-xs font-medium",
-									children: S?.role || "USER"
+									children: C?.role || "USER"
 								})
 							})] }),
-							/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("dt", {
+							/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("dt", {
 								className: "text-sm font-medium text-text-secondary",
-								children: b("auth.security.memberSince", "Member Since")
-							}), /* @__PURE__ */ u("dd", {
+								children: x("auth.security.memberSince", "Member Since")
+							}), /* @__PURE__ */ c("dd", {
 								className: "mt-1 text-text-primary",
-								children: S?.createdAt ? r(S.createdAt) : "-"
+								children: C?.createdAt ? ee(C.createdAt) : "-"
 							})] })
 						]
 					})]
 				}),
-				/* @__PURE__ */ d("div", {
+				/* @__PURE__ */ l("div", {
 					className: "mb-8",
-					children: [/* @__PURE__ */ u("h3", {
+					children: [/* @__PURE__ */ c("h3", {
 						className: "text-lg font-semibold text-text-primary mb-4",
-						children: b("auth.security.securityAuth", "Security & Authentication")
-					}), /* @__PURE__ */ u("div", {
+						children: x("auth.security.securityAuth", "Security & Authentication")
+					}), /* @__PURE__ */ c("div", {
 						className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
 						"data-tour": "auth-security-nav-grid",
-						children: he.map((e) => /* @__PURE__ */ u("button", {
+						children: ye.map((e) => /* @__PURE__ */ c("button", {
 							type: "button",
-							onClick: () => x(e.path),
+							onClick: () => S(e.path),
 							"aria-label": e.name,
 							className: "group relative p-5 rounded-2xl bg-bg-surface  border border-border-subtle  hover:border-border-default  hover:shadow-lg transition-all duration-200 text-left",
-							children: /* @__PURE__ */ d("div", {
+							children: /* @__PURE__ */ l("div", {
 								className: "flex items-start gap-4",
 								children: [
-									/* @__PURE__ */ u("div", {
+									/* @__PURE__ */ c("div", {
 										className: `size-12 rounded-xl ${e.bgColor} flex items-center justify-center flex-shrink-0 transition-transform`,
-										children: /* @__PURE__ */ u(e.icon, { className: `size-6 ${e.color}` })
+										children: /* @__PURE__ */ c(e.icon, { className: `size-6 ${e.color}` })
 									}),
-									/* @__PURE__ */ d("div", {
+									/* @__PURE__ */ l("div", {
 										className: "flex-1 min-w-0",
-										children: [/* @__PURE__ */ u("h4", {
+										children: [/* @__PURE__ */ c("h4", {
 											className: "text-base font-semibold text-text-primary group-hover:text-accent-indigo transition-colors",
 											children: e.name
-										}), /* @__PURE__ */ u("p", {
+										}), /* @__PURE__ */ c("p", {
 											className: "mt-1 text-sm text-text-secondary ",
 											children: e.description
 										})]
 									}),
-									/* @__PURE__ */ u(p, { className: "size-5 text-text-tertiary group-hover:text-indigo-500 transition-colors flex-shrink-0" })
+									/* @__PURE__ */ c(h, { className: "size-5 text-text-tertiary group-hover:text-indigo-500 transition-colors flex-shrink-0" })
 								]
 							})
 						}, e.path))
 					})]
 				}),
-				/* @__PURE__ */ d("div", {
+				/* @__PURE__ */ l("div", {
 					className: "mb-8",
-					children: [/* @__PURE__ */ u("h3", {
+					children: [/* @__PURE__ */ c("h3", {
 						className: "text-lg font-semibold text-text-primary mb-4",
-						children: b("auth.security.quickActions", "Quick Actions")
-					}), /* @__PURE__ */ u("div", {
+						children: x("auth.security.quickActions", "Quick Actions")
+					}), /* @__PURE__ */ c("div", {
 						className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-						children: ge.map((e) => /* @__PURE__ */ u("button", {
+						children: be.map((e) => /* @__PURE__ */ c("button", {
 							type: "button",
-							onClick: () => x(e.path),
+							onClick: () => S(e.path),
 							"aria-label": e.name,
 							className: "group relative p-5 rounded-2xl bg-bg-surface  border border-border-subtle  hover:border-border-default  hover:shadow-lg transition-all duration-200 text-left",
-							children: /* @__PURE__ */ d("div", {
+							children: /* @__PURE__ */ l("div", {
 								className: "flex items-start gap-4",
 								children: [
-									/* @__PURE__ */ u("div", {
+									/* @__PURE__ */ c("div", {
 										className: `size-12 rounded-xl ${e.bgColor} flex items-center justify-center flex-shrink-0 transition-transform`,
-										children: /* @__PURE__ */ u(e.icon, { className: `size-6 ${e.color}` })
+										children: /* @__PURE__ */ c(e.icon, { className: `size-6 ${e.color}` })
 									}),
-									/* @__PURE__ */ d("div", {
+									/* @__PURE__ */ l("div", {
 										className: "flex-1 min-w-0",
-										children: [/* @__PURE__ */ u("h4", {
+										children: [/* @__PURE__ */ c("h4", {
 											className: "text-base font-semibold text-text-primary group-hover:text-accent-indigo transition-colors",
 											children: e.name
-										}), /* @__PURE__ */ u("p", {
+										}), /* @__PURE__ */ c("p", {
 											className: "mt-1 text-sm text-text-secondary ",
 											children: e.description
 										})]
 									}),
-									/* @__PURE__ */ u(p, { className: "size-5 text-text-tertiary group-hover:text-indigo-500 transition-colors flex-shrink-0" })
+									/* @__PURE__ */ c(h, { className: "size-5 text-text-tertiary group-hover:text-indigo-500 transition-colors flex-shrink-0" })
 								]
 							})
 						}, e.path))
 					})]
 				}),
-				/* @__PURE__ */ d("div", {
+				/* @__PURE__ */ l("div", {
 					className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
-					children: [/* @__PURE__ */ d("div", {
+					children: [/* @__PURE__ */ l("div", {
 						className: "p-6 rounded-2xl bg-bg-surface border border-border-subtle",
 						"data-tour": "auth-password-section",
-						children: [/* @__PURE__ */ u("div", {
+						children: [/* @__PURE__ */ c("div", {
 							className: "flex items-start justify-between",
-							children: /* @__PURE__ */ d("div", { children: [
-								/* @__PURE__ */ u("h3", {
+							children: /* @__PURE__ */ l("div", { children: [
+								/* @__PURE__ */ c("h3", {
 									className: "text-lg font-semibold text-text-primary",
-									children: b("auth.security.password", "Password")
+									children: x("auth.security.password", "Password")
 								}),
-								/* @__PURE__ */ u("p", {
+								/* @__PURE__ */ c("p", {
 									className: "mt-1 text-sm text-text-secondary ",
-									children: b("auth.security.updatePassword", "Update your password to keep your account secure")
+									children: x("auth.security.updatePassword", "Update your password to keep your account secure")
 								}),
-								/* @__PURE__ */ u("p", {
+								/* @__PURE__ */ c("p", {
 									className: "mt-2 text-xs text-text-tertiary ",
-									children: b("auth.security.lastChanged", "Last changed: Never")
+									children: x("auth.security.lastChanged", "Last changed: Never")
 								})
 							] })
-						}), /* @__PURE__ */ u("button", {
+						}), /* @__PURE__ */ c(u, {
 							type: "button",
-							onClick: () => x("/auth/reset-password"),
-							className: "auth-primary-button mt-4 w-full px-5 py-2.5 font-semibold sm:w-auto",
-							children: b("auth.security.changePassword", "Change Password")
+							onClick: () => S("/auth/reset-password"),
+							variant: "default",
+							className: "mt-4 w-full font-semibold sm:w-auto",
+							children: x("auth.security.changePassword", "Change Password")
 						})]
-					}), /* @__PURE__ */ d("div", {
+					}), /* @__PURE__ */ l("div", {
 						className: "p-6 rounded-2xl bg-status-error-bg-subtle border border-status-error-border",
 						"data-tour": "auth-danger-zone",
 						children: [
-							/* @__PURE__ */ u("h3", {
+							/* @__PURE__ */ c("h3", {
 								className: "text-lg font-semibold text-status-error-text",
-								children: b("auth.security.dangerZone", "Danger Zone")
+								children: x("auth.security.dangerZone", "Danger Zone")
 							}),
-							/* @__PURE__ */ u("p", {
+							/* @__PURE__ */ c("p", {
 								className: "mt-1 text-sm text-status-error-text/80",
-								children: b("auth.security.dangerWarning", "These actions affect your account. Proceed with caution.")
+								children: x("auth.security.dangerWarning", "These actions affect your account. Proceed with caution.")
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ l("div", {
 								className: "mt-4 flex flex-wrap gap-3",
-								children: [/* @__PURE__ */ u("button", {
+								children: [/* @__PURE__ */ c("button", {
 									ref: J,
 									type: "button",
-									onClick: () => A(!0),
+									onClick: () => j(!0),
 									className: "px-5 py-2.5 rounded-xl border-2 border-status-warning-border text-status-warning-text font-semibold hover:bg-status-warning-bg-subtle transition-all duration-200",
-									children: b("auth.security.deactivateAccount", "Deactivate Account")
-								}), /* @__PURE__ */ u("button", {
+									children: x("auth.security.deactivateAccount", "Deactivate Account")
+								}), /* @__PURE__ */ c("button", {
 									ref: Y,
 									type: "button",
-									onClick: () => M(!0),
+									onClick: () => N(!0),
 									className: "px-5 py-2.5 rounded-xl border-2 border-status-error-border text-status-error-text font-semibold hover:bg-status-error-bg-subtle transition-all duration-200",
-									children: b("auth.security.deleteAccount", "Delete Account")
+									children: x("auth.security.deleteAccount", "Delete Account")
 								})]
 							})
 						]
 					})]
 				}),
-				k && /* @__PURE__ */ u("div", {
+				A && /* @__PURE__ */ c("div", {
 					className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 backdrop-blur-sm p-4",
 					role: "presentation",
 					onClick: (e) => {
 						e.target === e.currentTarget && Q();
 					},
-					children: /* @__PURE__ */ d("div", {
+					children: /* @__PURE__ */ l("div", {
 						ref: X,
 						role: "dialog",
 						"aria-modal": "true",
@@ -449,70 +457,70 @@ function v({ enableAdminRoutes: v = !1 }) {
 						tabIndex: -1,
 						className: "w-full max-w-md bg-bg-surface rounded-2xl shadow-2xl p-6 outline-none",
 						children: [
-							/* @__PURE__ */ u("h3", {
+							/* @__PURE__ */ c("h3", {
 								id: V,
 								className: "text-xl font-bold text-text-primary mb-2",
-								children: b("auth.security.deactivateTitle", "Deactivate Account")
+								children: x("auth.security.deactivateTitle", "Deactivate Account")
 							}),
-							/* @__PURE__ */ u("p", {
+							/* @__PURE__ */ c("p", {
 								className: "text-sm text-text-secondary mb-4",
-								children: b("auth.security.deactivateDesc", "Your account will be temporarily disabled. You can reactivate it by signing in again with your credentials.")
+								children: x("auth.security.deactivateDesc", "Your account will be temporarily disabled. You can reactivate it by signing in again with your credentials.")
 							}),
-							L && /* @__PURE__ */ u("div", {
+							R && /* @__PURE__ */ c("div", {
 								id: U,
 								role: "alert",
 								className: "mb-4 p-3 rounded-lg bg-status-error-bg-subtle text-status-error-text text-sm",
-								children: L
+								children: R
 							}),
-							z && /* @__PURE__ */ u("output", {
+							B && /* @__PURE__ */ c("output", {
 								className: "block mb-4 p-3 rounded-lg bg-status-success-bg-subtle text-status-success-text text-sm",
-								children: z
+								children: B
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ l("div", {
 								className: "mb-4",
-								children: [/* @__PURE__ */ u("label", {
+								children: [/* @__PURE__ */ c("label", {
 									htmlFor: H,
 									className: "block text-sm font-medium text-text-primary mb-1",
-									children: b("auth.security.enterPasswordConfirm", "Enter your password to confirm")
-								}), /* @__PURE__ */ u("input", {
+									children: x("auth.security.enterPasswordConfirm", "Enter your password to confirm")
+								}), /* @__PURE__ */ c("input", {
 									id: H,
 									type: "password",
-									value: N,
-									onChange: (e) => P(e.target.value),
+									value: P,
+									onChange: (e) => F(e.target.value),
 									"aria-required": "true",
-									"aria-label": b("auth.security.enterPasswordConfirm", "Enter your password to confirm"),
-									"aria-describedby": L ? U : void 0,
-									"aria-invalid": !!L,
+									"aria-label": x("auth.security.enterPasswordConfirm", "Enter your password to confirm"),
+									"aria-describedby": R ? U : void 0,
+									"aria-invalid": !!R,
 									autoComplete: "current-password",
 									className: "w-full px-4 py-2 rounded-lg border border-border-default bg-bg-surface text-text-primary focus:ring-2 focus:ring-status-warning-bg focus:border-transparent",
-									placeholder: b("auth.security.yourPassword", "Your password")
+									placeholder: x("auth.security.yourPassword", "Your password")
 								})]
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ l("div", {
 								className: "flex gap-3",
-								children: [/* @__PURE__ */ u("button", {
+								children: [/* @__PURE__ */ c("button", {
 									type: "button",
 									onClick: Q,
 									className: "flex-1 px-4 py-2 rounded-lg border border-border-default text-text-primary font-medium hover:bg-bg-sunken transition-colors",
-									children: b("auth.security.cancel", "Cancel")
-								}), /* @__PURE__ */ d("button", {
+									children: x("auth.security.cancel", "Cancel")
+								}), /* @__PURE__ */ l("button", {
 									type: "button",
-									onClick: () => void pe(),
-									disabled: !N || C,
+									onClick: () => void _e(),
+									disabled: !P || E,
 									className: "flex-1 px-4 py-2 rounded-lg bg-status-warning-bg text-white font-medium hover:bg-status-warning-bg-hover disabled:opacity-50 disabled:cursor-not-allowed transition-colors flex items-center justify-center gap-2",
-									children: [C && /* @__PURE__ */ u(g, { className: "size-4 animate-spin" }), b("auth.security.deactivateBtn", "Deactivate")]
+									children: [E && /* @__PURE__ */ c(v, { className: "size-4 animate-spin" }), x("auth.security.deactivateBtn", "Deactivate")]
 								})]
 							})
 						]
 					})
 				}),
-				j && /* @__PURE__ */ u("div", {
+				M && /* @__PURE__ */ c("div", {
 					className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 backdrop-blur-sm p-4",
 					role: "presentation",
 					onClick: (e) => {
 						e.target === e.currentTarget && Q();
 					},
-					children: /* @__PURE__ */ d("div", {
+					children: /* @__PURE__ */ l("div", {
 						ref: Z,
 						role: "dialog",
 						"aria-modal": "true",
@@ -520,123 +528,146 @@ function v({ enableAdminRoutes: v = !1 }) {
 						tabIndex: -1,
 						className: "w-full max-w-md bg-bg-surface rounded-2xl shadow-2xl p-6 outline-none",
 						children: [
-							/* @__PURE__ */ u("h3", {
+							/* @__PURE__ */ c("h3", {
 								id: W,
 								className: "text-xl font-bold text-status-error-text mb-2",
-								children: b("auth.security.deleteTitle", "Delete Account Permanently")
+								children: x("auth.security.deleteTitle", "Delete Account Permanently")
 							}),
-							/* @__PURE__ */ u("p", {
+							/* @__PURE__ */ c("p", {
 								className: "text-sm text-text-secondary mb-4",
-								children: b("auth.security.deleteDesc", "This action is irreversible. All your data will be permanently deleted and cannot be recovered.")
+								children: x("auth.security.deleteDesc", "This action is irreversible. All your data will be permanently deleted and cannot be recovered.")
 							}),
-							L && /* @__PURE__ */ u("div", {
+							R && /* @__PURE__ */ c("div", {
 								id: q,
 								role: "alert",
 								className: "mb-4 p-3 rounded-lg bg-status-error-bg-subtle text-status-error-text text-sm",
-								children: L
+								children: R
 							}),
-							z && /* @__PURE__ */ u("output", {
+							B && /* @__PURE__ */ c("output", {
 								className: "block mb-4 p-3 rounded-lg bg-status-success-bg-subtle text-status-success-text text-sm",
-								children: z
+								children: B
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ l("div", {
 								className: "mb-4",
-								children: [/* @__PURE__ */ u("label", {
+								children: [/* @__PURE__ */ c("label", {
 									htmlFor: G,
 									className: "block text-sm font-medium text-text-primary mb-1",
-									children: b("auth.security.enterPasswordDelete", "Enter your password")
-								}), /* @__PURE__ */ u("input", {
+									children: x("auth.security.enterPasswordDelete", "Enter your password")
+								}), /* @__PURE__ */ c("input", {
 									id: G,
 									type: "password",
-									value: N,
-									onChange: (e) => P(e.target.value),
+									value: P,
+									onChange: (e) => F(e.target.value),
 									"aria-required": "true",
-									"aria-label": b("auth.security.enterPasswordDelete", "Enter your password"),
-									"aria-describedby": L ? q : void 0,
-									"aria-invalid": !!L,
+									"aria-label": x("auth.security.enterPasswordDelete", "Enter your password"),
+									"aria-describedby": R ? q : void 0,
+									"aria-invalid": !!R,
 									autoComplete: "current-password",
 									className: "w-full px-4 py-2 rounded-lg border border-border-default bg-bg-surface text-text-primary focus:ring-2 focus:ring-status-error-bg focus:border-transparent",
-									placeholder: b("auth.security.yourPassword", "Your password")
+									placeholder: x("auth.security.yourPassword", "Your password")
 								})]
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ l("div", {
 								className: "mb-4",
-								children: [/* @__PURE__ */ d("label", {
+								children: [/* @__PURE__ */ l("label", {
 									htmlFor: K,
 									className: "block text-sm font-medium text-text-primary mb-1",
 									children: [
-										b("auth.security.type", "Type"),
+										x("auth.security.type", "Type"),
 										" ",
-										/* @__PURE__ */ u("code", {
+										/* @__PURE__ */ c("code", {
 											className: "px-1 py-0.5 rounded bg-bg-sunken text-status-error-text font-mono text-sm",
-											children: _
+											children: y
 										}),
 										" ",
-										b("auth.security.toConfirm", "to confirm")
+										x("auth.security.toConfirm", "to confirm")
 									]
-								}), /* @__PURE__ */ u("input", {
+								}), /* @__PURE__ */ c("input", {
 									id: K,
 									type: "text",
-									value: F,
-									onChange: (e) => I(e.target.value),
+									value: I,
+									onChange: (e) => L(e.target.value),
 									"aria-required": "true",
-									"aria-label": b("auth.security.deleteConfirmAriaLabel", "Type DELETE MY ACCOUNT to confirm"),
-									"aria-describedby": L ? q : void 0,
-									"aria-invalid": F.length > 0 && F !== _,
+									"aria-label": x("auth.security.deleteConfirmAriaLabel", "Type DELETE MY ACCOUNT to confirm"),
+									"aria-describedby": R ? q : void 0,
+									"aria-invalid": I.length > 0 && I !== y,
 									autoComplete: "off",
 									className: "w-full px-4 py-2 rounded-lg border border-border-default bg-bg-surface text-text-primary focus:ring-2 focus:ring-status-error-bg focus:border-transparent font-mono",
-									placeholder: b("auth.security.deleteConfirmPlaceholder", "DELETE MY ACCOUNT")
+									placeholder: x("auth.security.deleteConfirmPlaceholder", "DELETE MY ACCOUNT")
 								})]
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ l("div", {
 								className: "flex gap-3",
-								children: [/* @__PURE__ */ u("button", {
+								children: [/* @__PURE__ */ c("button", {
 									type: "button",
 									onClick: Q,
 									className: "flex-1 px-4 py-2 rounded-lg border border-border-default text-text-primary font-medium hover:bg-bg-sunken transition-colors",
-									children: b("auth.security.cancel", "Cancel")
-								}), /* @__PURE__ */ d("button", {
+									children: x("auth.security.cancel", "Cancel")
+								}), /* @__PURE__ */ l("button", {
 									type: "button",
-									onClick: () => void me(),
-									disabled: !N || F !== _ || w,
+									onClick: () => void ve(),
+									disabled: !P || I !== y || D,
 									className: "flex-1 px-4 py-2 rounded-lg bg-status-error-bg text-white font-medium hover:bg-status-error-bg-hover disabled:opacity-50 disabled:cursor-not-allowed transition-colors flex items-center justify-center gap-2",
-									children: [w && /* @__PURE__ */ u(g, { className: "size-4 animate-spin" }), b("auth.security.deleteForever", "Delete Forever")]
+									children: [D && /* @__PURE__ */ c(v, { className: "size-4 animate-spin" }), x("auth.security.deleteForever", "Delete Forever")]
 								})]
 							})
 						]
 					})
 				}),
-				/* @__PURE__ */ u("footer", {
+				/* @__PURE__ */ c(oe, {
+					storageKey: "auth-security",
+					steps: [
+						...C?.mfaEnabled ? [] : [{
+							id: "enable-mfa",
+							label: x("auth.security.nextEnableMfa", "Turn on two-factor authentication"),
+							description: x("auth.security.nextEnableMfaDesc", "The single biggest step you can take to protect your account."),
+							onClick: () => S("/auth/mfa")
+						}],
+						{
+							id: "review-profile",
+							label: x("auth.security.nextProfile", "Review your profile details"),
+							description: x("auth.security.nextProfileDesc", "Make sure your name, email, and contact info are current."),
+							onClick: () => S("/auth/profile")
+						},
+						{
+							id: "change-password",
+							label: x("auth.security.nextPassword", "Update your password"),
+							description: x("auth.security.nextPasswordDesc", "Set a strong, unique password if you haven't recently."),
+							onClick: () => S("/auth/reset-password")
+						}
+					]
+				}),
+				/* @__PURE__ */ c("footer", {
 					className: "mt-12 pt-6 border-t border-border-subtle ",
-					children: /* @__PURE__ */ d("div", {
+					children: /* @__PURE__ */ l("div", {
 						className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-4 text-sm text-text-secondary ",
 						"data-tour": "auth-footer-actions",
-						children: [/* @__PURE__ */ d("p", { children: [
-							b("auth.security.signedInAs", "Signed in as"),
+						children: [/* @__PURE__ */ l("p", { children: [
+							x("auth.security.signedInAs", "Signed in as"),
 							" ",
-							/* @__PURE__ */ u("span", {
+							/* @__PURE__ */ c("span", {
 								className: "font-medium text-text-primary ",
-								children: S?.email
+								children: C?.email
 							})
-						] }), /* @__PURE__ */ d("div", {
+						] }), /* @__PURE__ */ l("div", {
 							className: "flex items-center gap-4",
 							children: [
-								/* @__PURE__ */ u("button", {
+								/* @__PURE__ */ c("button", {
 									type: "button",
-									onClick: () => x("/auth/login"),
+									onClick: () => S("/auth/login"),
 									className: "hover:text-text-primary transition-colors",
-									children: b("auth.security.switchAccount", "Switch Account")
+									children: x("auth.security.switchAccount", "Switch Account")
 								}),
-								/* @__PURE__ */ u("span", {
+								/* @__PURE__ */ c("span", {
 									className: "text-text-muted",
 									"aria-hidden": "true",
 									children: "|"
 								}),
-								/* @__PURE__ */ u("button", {
+								/* @__PURE__ */ c("button", {
 									type: "button",
-									onClick: () => O(!0),
+									onClick: () => k(!0),
 									className: "hover:text-status-error-text transition-colors",
-									children: b("auth.security.signOut", "Sign Out")
+									children: x("auth.security.signOut", "Sign Out")
 								})
 							]
 						})]
@@ -647,6 +678,6 @@ function v({ enableAdminRoutes: v = !1 }) {
 	});
 }
 //#endregion
-export { v as SecurityPage };
+export { b as SecurityPage };
 
 //# sourceMappingURL=SecurityPage.js.map