@burdenoff/microfe-auth 2026.531.4 → 2026.601.2

package/dist/auth/pages/SecurityPage.js

@@ -1,134 +1,134 @@
 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 ee } from "../utils/formatters.js";
-import { ConfirmActionDialog as te } from "../components/ConfirmActionDialog.js";
-import { nativeImpact as r, nativeNotify as i } from "../../utils/nativeBridge.js";
-import { useEffect as a, useId as o, useRef as s, useState as c } from "react";
-import { useNavigate as l } from "react-router-dom";
-import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell";
-import { jsx as d, jsxs as f } from "react/jsx-runtime";
+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";
 //#region src/auth/pages/SecurityPage.tsx
-var p = ({ className: e }) => /* @__PURE__ */ d("svg", {
+var f = ({ className: e }) => /* @__PURE__ */ u("svg", {
 	className: e,
 	fill: "none",
 	viewBox: "0 0 24 24",
 	stroke: "currentColor",
 	"aria-hidden": "true",
-	children: /* @__PURE__ */ d("path", {
+	children: /* @__PURE__ */ u("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"
 	})
-}), ne = ({ className: e }) => /* @__PURE__ */ d("svg", {
+}), re = ({ className: e }) => /* @__PURE__ */ u("svg", {
 	className: e,
 	fill: "none",
 	viewBox: "0 0 24 24",
 	stroke: "currentColor",
 	"aria-hidden": "true",
-	children: /* @__PURE__ */ d("path", {
+	children: /* @__PURE__ */ u("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"
 	})
-}), re = ({ className: e }) => /* @__PURE__ */ d("svg", {
+}), ie = ({ className: e }) => /* @__PURE__ */ u("svg", {
 	className: e,
 	fill: "none",
 	viewBox: "0 0 24 24",
 	stroke: "currentColor",
 	"aria-hidden": "true",
-	children: /* @__PURE__ */ d("path", {
+	children: /* @__PURE__ */ u("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"
 	})
-}), ie = ({ className: e }) => /* @__PURE__ */ d("svg", {
+}), ae = ({ className: e }) => /* @__PURE__ */ u("svg", {
 	className: e,
 	fill: "none",
 	viewBox: "0 0 24 24",
 	stroke: "currentColor",
 	"aria-hidden": "true",
-	children: /* @__PURE__ */ d("path", {
+	children: /* @__PURE__ */ u("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"
 	})
-}), ae = ({ className: e }) => /* @__PURE__ */ d("svg", {
+}), oe = ({ className: e }) => /* @__PURE__ */ u("svg", {
 	className: e,
 	fill: "none",
 	viewBox: "0 0 24 24",
 	stroke: "currentColor",
 	"aria-hidden": "true",
-	children: /* @__PURE__ */ d("path", {
+	children: /* @__PURE__ */ u("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"
 	})
-}), m = ({ className: e }) => /* @__PURE__ */ d("svg", {
+}), p = ({ className: e }) => /* @__PURE__ */ u("svg", {
 	className: e,
 	fill: "none",
 	viewBox: "0 0 24 24",
 	stroke: "currentColor",
 	"aria-hidden": "true",
-	children: /* @__PURE__ */ d("path", {
+	children: /* @__PURE__ */ u("path", {
 		strokeLinecap: "round",
 		strokeLinejoin: "round",
 		strokeWidth: 2,
 		d: "M9 5l7 7-7 7"
 	})
-}), h = ({ className: e }) => /* @__PURE__ */ d("svg", {
+}), m = ({ className: e }) => /* @__PURE__ */ u("svg", {
 	className: e,
 	fill: "currentColor",
 	viewBox: "0 0 20 20",
 	"aria-hidden": "true",
-	children: /* @__PURE__ */ d("path", {
+	children: /* @__PURE__ */ u("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"
 	})
-}), g = ({ className: e }) => /* @__PURE__ */ d("svg", {
+}), h = ({ className: e }) => /* @__PURE__ */ u("svg", {
 	className: e,
 	fill: "currentColor",
 	viewBox: "0 0 20 20",
 	"aria-hidden": "true",
-	children: /* @__PURE__ */ d("path", {
+	children: /* @__PURE__ */ u("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"
 	})
-}), _ = ({ className: e }) => /* @__PURE__ */ f("svg", {
+}), g = ({ className: e }) => /* @__PURE__ */ d("svg", {
 	className: e,
 	fill: "none",
 	viewBox: "0 0 24 24",
 	"aria-hidden": "true",
-	children: [/* @__PURE__ */ d("circle", {
+	children: [/* @__PURE__ */ u("circle", {
 		className: "opacity-25",
 		cx: "12",
 		cy: "12",
 		r: "10",
 		stroke: "currentColor",
 		strokeWidth: "4"
-	}), /* @__PURE__ */ d("path", {
+	}), /* @__PURE__ */ u("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"
 	})]
-}), v = "DELETE MY ACCOUNT";
-function y() {
-	let { t: y } = u(), b = (e, t) => {
+}), _ = "DELETE MY ACCOUNT";
+function v({ enableAdminRoutes: v = !1 }) {
+	let { t: y } = ne(), b = (e, t) => {
 		let n = y(e);
 		return n === e ? t : n;
-	}, x = l(), S = e((e) => e.user), { signOut: oe } = t({ disableCurrentUserQuery: !0 }), { deactivateAccount: se, deleteAccount: ce, isDeactivating: C, isDeleting: w } = n(), [T, E] = c(!1), [D, O] = c(!1), le = [
+	}, 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 = [
 		{
 			name: b("auth.security.navProfile", "User Profile"),
 			description: b("auth.security.navProfileDesc", "View and edit your profile information"),
 			path: "/auth/profile",
-			icon: ie,
+			icon: ae,
 			color: "text-accent-teal",
 			bgColor: "bg-accent-teal-subtle"
 		},
@@ -136,7 +136,7 @@ function y() {
 			name: b("auth.security.navMfa", "Two-Factor Authentication"),
 			description: b("auth.security.navMfaDesc", "Secure your account with TOTP"),
 			path: "/auth/mfa",
-			icon: ne,
+			icon: re,
 			color: "text-accent-purple",
 			bgColor: "bg-accent-purple-subtle"
 		},
@@ -144,58 +144,58 @@ function y() {
 			name: b("auth.security.navUsers", "Users"),
 			description: b("auth.security.navUsersDesc", "Manage system users"),
 			path: "/auth/users",
-			icon: re,
+			icon: ie,
 			color: "text-accent-indigo",
 			bgColor: "bg-accent-indigo-subtle",
 			adminOnly: !0
 		}
-	], ue = [{
+	], de = [{
 		name: b("auth.security.navSso", "SSO Configuration"),
 		description: b("auth.security.navSsoDesc", "Enterprise single sign-on"),
 		path: "/auth/sso",
-		icon: ae,
+		icon: oe,
 		color: "text-accent-cyan",
 		bgColor: "bg-accent-cyan-subtle",
 		adminOnly: !0
-	}], [k, A] = c(!1), [j, M] = c(!1), [N, P] = c(""), [F, I] = c(""), [L, R] = c(null), [z, B] = c(null), V = o(), H = o(), U = o(), W = o(), G = o(), K = o(), q = o(), J = s(null), Y = s(null), X = s(null), Z = s(null);
-	a(() => {
+	}], [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]), a(() => {
+	}, [k]), o(() => {
 		j ? Z.current?.focus() : Y.current?.focus();
 	}, [j]);
-	let de = async () => {
+	let fe = async () => {
 		E(!0);
 		try {
-			await oe(), x("/auth/login"), O(!1);
+			await se(), x("/auth/login"), O(!1);
 		} catch (e) {
 			console.error("Logout failed:", e), E(!1);
 		}
-	}, fe = async () => {
+	}, pe = async () => {
 		R(null);
 		try {
-			let e = await se(N);
+			let e = await ce(N);
 			e.success ? x("/auth/login", { replace: !0 }) : R(e.message || b("auth.security.deactivateFailed", "Failed to deactivate account"));
 		} catch (e) {
 			R(e instanceof Error ? e.message : b("auth.security.deactivateFailed", "Failed to deactivate account"));
 		}
-	}, pe = async () => {
-		if (R(null), F !== v) {
+	}, me = async () => {
+		if (R(null), F !== _) {
 			R(b("auth.security.deleteConfirmMismatch", "Please type \"DELETE MY ACCOUNT\" to confirm"));
 			return;
 		}
-		r("medium");
+		i("medium");
 		try {
-			let e = await ce(N, F);
-			e.success ? (i("success"), x("/auth/login", { replace: !0 })) : (i("error"), R(e.message || b("auth.security.deleteFailed", "Failed to delete account")));
+			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")));
 		} catch (e) {
-			i("error"), R(e instanceof Error ? e.message : b("auth.security.deleteFailed", "Failed to delete account"));
+			a("error"), R(e instanceof Error ? e.message : b("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", me = le.filter((e) => !e.adminOnly || $), he = ue.filter((e) => !e.adminOnly || $);
-	return /* @__PURE__ */ f("div", {
+	}, $ = 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", {
 		className: "bg-bg-canvas p-6",
-		children: [/* @__PURE__ */ d(te, {
+		children: [/* @__PURE__ */ u(ee, {
 			open: D,
 			onOpenChange: O,
 			title: b("auth.security.signOutDialogTitle", "Sign out now?"),
@@ -203,228 +203,228 @@ function y() {
 			confirmText: b("auth.security.signOutDialogConfirm", "Sign out"),
 			variant: "warning",
 			isPending: T,
-			onConfirm: de
-		}), /* @__PURE__ */ f("main", {
+			onConfirm: fe
+		}), /* @__PURE__ */ d("main", {
 			className: "max-w-7xl mx-auto space-y-8",
 			children: [
-				/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ d("div", {
 					className: "flex items-center gap-3",
 					"data-tour": "auth-security-header",
-					children: [/* @__PURE__ */ d("div", {
+					children: [/* @__PURE__ */ u("div", {
 						className: "auth-brand-badge flex size-10 items-center justify-center rounded-xl",
-						children: /* @__PURE__ */ d(p, { className: "size-6 text-white" })
-					}), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h1", {
+						children: /* @__PURE__ */ u(f, { className: "size-6 text-white" })
+					}), /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h1", {
 						className: "text-lg font-bold text-text-primary",
 						children: b("auth.security.title", "Security Center")
-					}), /* @__PURE__ */ d("p", {
+					}), /* @__PURE__ */ u("p", {
 						className: "text-xs text-text-secondary ",
 						children: b("auth.security.subtitle", "Account & Authentication")
 					})] })]
 				}),
-				/* @__PURE__ */ d("div", {
+				/* @__PURE__ */ u("div", {
 					className: "auth-hero-card rounded-2xl p-6",
 					"data-tour": "auth-security-status-banner",
-					children: /* @__PURE__ */ f("div", {
+					children: /* @__PURE__ */ d("div", {
 						className: "flex flex-col md:flex-row md:items-center md:justify-between gap-4",
-						children: [/* @__PURE__ */ f("div", {
+						children: [/* @__PURE__ */ d("div", {
 							className: "flex items-center gap-4",
-							children: [/* @__PURE__ */ d("div", {
+							children: [/* @__PURE__ */ u("div", {
 								className: "size-14 rounded-2xl bg-bg-surface/20 backdrop-blur flex items-center justify-center",
-								children: /* @__PURE__ */ d(p, { className: "size-8 text-white" })
-							}), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h2", {
+								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__ */ d("p", {
+							}), /* @__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")
 							})] })]
-						}), /* @__PURE__ */ d("div", {
+						}), /* @__PURE__ */ u("div", {
 							className: "flex items-center gap-3",
-							children: S?.mfaEnabled ? /* @__PURE__ */ f("span", {
+							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__ */ d(h, { className: "size-5 text-status-success-text" }), b("auth.security.mfaEnabled", "MFA Enabled")]
-							}) : /* @__PURE__ */ f("button", {
+								children: [/* @__PURE__ */ u(m, { className: "size-5 text-status-success-text" }), b("auth.security.mfaEnabled", "MFA Enabled")]
+							}) : /* @__PURE__ */ d("button", {
 								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__ */ d(g, { className: "size-5 text-status-warning-text" }), b("auth.security.enableMfaNow", "Enable MFA Now")]
+								children: [/* @__PURE__ */ u(h, { className: "size-5 text-status-warning-text" }), b("auth.security.enableMfaNow", "Enable MFA Now")]
 							})
 						})]
 					})
 				}),
-				/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ d("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__ */ d("h3", {
+					children: [/* @__PURE__ */ u("h3", {
 						className: "text-lg font-semibold text-text-primary mb-4",
 						children: b("auth.security.accountInfo", "Account Information")
-					}), /* @__PURE__ */ f("dl", {
+					}), /* @__PURE__ */ d("dl", {
 						className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-6",
 						children: [
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ d("div", {
 								className: "sm:col-span-2 lg:col-span-1",
-								children: [/* @__PURE__ */ d("dt", {
+								children: [/* @__PURE__ */ u("dt", {
 									className: "text-sm font-medium text-text-secondary",
 									children: b("auth.security.email", "Email")
-								}), /* @__PURE__ */ f("dd", {
+								}), /* @__PURE__ */ d("dd", {
 									className: "mt-1 text-text-primary",
-									children: [/* @__PURE__ */ d("span", {
+									children: [/* @__PURE__ */ u("span", {
 										className: "block truncate",
 										title: S?.email,
 										children: S?.email
-									}), S?.emailVerified && /* @__PURE__ */ f("span", {
+									}), S?.emailVerified && /* @__PURE__ */ d("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__ */ d(h, { className: "size-3" }), b("auth.security.verified", "Verified")]
+										children: [/* @__PURE__ */ u(m, { className: "size-3" }), b("auth.security.verified", "Verified")]
 									})]
 								})]
 							}),
-							/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("dt", {
+							/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("dt", {
 								className: "text-sm font-medium text-text-secondary",
 								children: b("auth.security.username", "Username")
-							}), /* @__PURE__ */ d("dd", {
+							}), /* @__PURE__ */ u("dd", {
 								className: "mt-1 text-text-primary truncate",
 								title: S?.username ?? void 0,
 								children: S?.username || "-"
 							})] }),
-							/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("dt", {
+							/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("dt", {
 								className: "text-sm font-medium text-text-secondary",
 								children: b("auth.security.role", "Role")
-							}), /* @__PURE__ */ d("dd", {
+							}), /* @__PURE__ */ u("dd", {
 								className: "mt-1",
-								children: /* @__PURE__ */ d("span", {
+								children: /* @__PURE__ */ u("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"
 								})
 							})] }),
-							/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("dt", {
+							/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("dt", {
 								className: "text-sm font-medium text-text-secondary",
 								children: b("auth.security.memberSince", "Member Since")
-							}), /* @__PURE__ */ d("dd", {
+							}), /* @__PURE__ */ u("dd", {
 								className: "mt-1 text-text-primary",
-								children: S?.createdAt ? ee(S.createdAt) : "-"
+								children: S?.createdAt ? r(S.createdAt) : "-"
 							})] })
 						]
 					})]
 				}),
-				/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ d("div", {
 					className: "mb-8",
-					children: [/* @__PURE__ */ d("h3", {
+					children: [/* @__PURE__ */ u("h3", {
 						className: "text-lg font-semibold text-text-primary mb-4",
 						children: b("auth.security.securityAuth", "Security & Authentication")
-					}), /* @__PURE__ */ d("div", {
+					}), /* @__PURE__ */ u("div", {
 						className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4",
 						"data-tour": "auth-security-nav-grid",
-						children: me.map((e) => /* @__PURE__ */ d("button", {
+						children: he.map((e) => /* @__PURE__ */ u("button", {
 							type: "button",
 							onClick: () => x(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__ */ f("div", {
+							children: /* @__PURE__ */ d("div", {
 								className: "flex items-start gap-4",
 								children: [
-									/* @__PURE__ */ d("div", {
+									/* @__PURE__ */ u("div", {
 										className: `size-12 rounded-xl ${e.bgColor} flex items-center justify-center flex-shrink-0 transition-transform group-hover:scale-110`,
-										children: /* @__PURE__ */ d(e.icon, { className: `size-6 ${e.color}` })
+										children: /* @__PURE__ */ u(e.icon, { className: `size-6 ${e.color}` })
 									}),
-									/* @__PURE__ */ f("div", {
+									/* @__PURE__ */ d("div", {
 										className: "flex-1 min-w-0",
-										children: [/* @__PURE__ */ d("h4", {
+										children: [/* @__PURE__ */ u("h4", {
 											className: "text-base font-semibold text-text-primary group-hover:text-accent-indigo transition-colors",
 											children: e.name
-										}), /* @__PURE__ */ d("p", {
+										}), /* @__PURE__ */ u("p", {
 											className: "mt-1 text-sm text-text-secondary ",
 											children: e.description
 										})]
 									}),
-									/* @__PURE__ */ d(m, { className: "size-5 text-text-tertiary group-hover:text-indigo-500 transition-colors flex-shrink-0" })
+									/* @__PURE__ */ u(p, { className: "size-5 text-text-tertiary group-hover:text-indigo-500 transition-colors flex-shrink-0" })
 								]
 							})
 						}, e.path))
 					})]
 				}),
-				/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ d("div", {
 					className: "mb-8",
-					children: [/* @__PURE__ */ d("h3", {
+					children: [/* @__PURE__ */ u("h3", {
 						className: "text-lg font-semibold text-text-primary mb-4",
 						children: b("auth.security.quickActions", "Quick Actions")
-					}), /* @__PURE__ */ d("div", {
+					}), /* @__PURE__ */ u("div", {
 						className: "grid grid-cols-1 sm:grid-cols-2 gap-4",
-						children: he.map((e) => /* @__PURE__ */ d("button", {
+						children: ge.map((e) => /* @__PURE__ */ u("button", {
 							type: "button",
 							onClick: () => x(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__ */ f("div", {
+							children: /* @__PURE__ */ d("div", {
 								className: "flex items-start gap-4",
 								children: [
-									/* @__PURE__ */ d("div", {
+									/* @__PURE__ */ u("div", {
 										className: `size-12 rounded-xl ${e.bgColor} flex items-center justify-center flex-shrink-0 transition-transform group-hover:scale-110`,
-										children: /* @__PURE__ */ d(e.icon, { className: `size-6 ${e.color}` })
+										children: /* @__PURE__ */ u(e.icon, { className: `size-6 ${e.color}` })
 									}),
-									/* @__PURE__ */ f("div", {
+									/* @__PURE__ */ d("div", {
 										className: "flex-1 min-w-0",
-										children: [/* @__PURE__ */ d("h4", {
+										children: [/* @__PURE__ */ u("h4", {
 											className: "text-base font-semibold text-text-primary group-hover:text-accent-indigo transition-colors",
 											children: e.name
-										}), /* @__PURE__ */ d("p", {
+										}), /* @__PURE__ */ u("p", {
 											className: "mt-1 text-sm text-text-secondary ",
 											children: e.description
 										})]
 									}),
-									/* @__PURE__ */ d(m, { className: "size-5 text-text-tertiary group-hover:text-indigo-500 transition-colors flex-shrink-0" })
+									/* @__PURE__ */ u(p, { className: "size-5 text-text-tertiary group-hover:text-indigo-500 transition-colors flex-shrink-0" })
 								]
 							})
 						}, e.path))
 					})]
 				}),
-				/* @__PURE__ */ f("div", {
+				/* @__PURE__ */ d("div", {
 					className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
-					children: [/* @__PURE__ */ f("div", {
+					children: [/* @__PURE__ */ d("div", {
 						className: "p-6 rounded-2xl bg-bg-surface border border-border-subtle",
 						"data-tour": "auth-password-section",
-						children: [/* @__PURE__ */ d("div", {
+						children: [/* @__PURE__ */ u("div", {
 							className: "flex items-start justify-between",
-							children: /* @__PURE__ */ f("div", { children: [
-								/* @__PURE__ */ d("h3", {
+							children: /* @__PURE__ */ d("div", { children: [
+								/* @__PURE__ */ u("h3", {
 									className: "text-lg font-semibold text-text-primary",
 									children: b("auth.security.password", "Password")
 								}),
-								/* @__PURE__ */ d("p", {
+								/* @__PURE__ */ u("p", {
 									className: "mt-1 text-sm text-text-secondary ",
 									children: b("auth.security.updatePassword", "Update your password to keep your account secure")
 								}),
-								/* @__PURE__ */ d("p", {
+								/* @__PURE__ */ u("p", {
 									className: "mt-2 text-xs text-text-tertiary ",
 									children: b("auth.security.lastChanged", "Last changed: Never")
 								})
 							] })
-						}), /* @__PURE__ */ d("button", {
+						}), /* @__PURE__ */ u("button", {
 							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")
 						})]
-					}), /* @__PURE__ */ f("div", {
+					}), /* @__PURE__ */ d("div", {
 						className: "p-6 rounded-2xl bg-status-error-bg-subtle border border-status-error-border",
 						"data-tour": "auth-danger-zone",
 						children: [
-							/* @__PURE__ */ d("h3", {
+							/* @__PURE__ */ u("h3", {
 								className: "text-lg font-semibold text-status-error-text",
 								children: b("auth.security.dangerZone", "Danger Zone")
 							}),
-							/* @__PURE__ */ d("p", {
+							/* @__PURE__ */ u("p", {
 								className: "mt-1 text-sm text-status-error-text/80",
 								children: b("auth.security.dangerWarning", "These actions affect your account. Proceed with caution.")
 							}),
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ d("div", {
 								className: "mt-4 flex flex-wrap gap-3",
-								children: [/* @__PURE__ */ d("button", {
+								children: [/* @__PURE__ */ u("button", {
 									ref: J,
 									type: "button",
 									onClick: () => A(!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__ */ d("button", {
+								}), /* @__PURE__ */ u("button", {
 									ref: Y,
 									type: "button",
 									onClick: () => M(!0),
@@ -435,13 +435,13 @@ function y() {
 						]
 					})]
 				}),
-				k && /* @__PURE__ */ d("div", {
+				k && /* @__PURE__ */ u("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__ */ f("div", {
+					children: /* @__PURE__ */ d("div", {
 						ref: X,
 						role: "dialog",
 						"aria-modal": "true",
@@ -449,32 +449,32 @@ function y() {
 						tabIndex: -1,
 						className: "w-full max-w-md bg-bg-surface rounded-2xl shadow-2xl p-6 outline-none",
 						children: [
-							/* @__PURE__ */ d("h3", {
+							/* @__PURE__ */ u("h3", {
 								id: V,
 								className: "text-xl font-bold text-text-primary mb-2",
 								children: b("auth.security.deactivateTitle", "Deactivate Account")
 							}),
-							/* @__PURE__ */ d("p", {
+							/* @__PURE__ */ u("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.")
 							}),
-							L && /* @__PURE__ */ d("div", {
+							L && /* @__PURE__ */ u("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
 							}),
-							z && /* @__PURE__ */ d("output", {
+							z && /* @__PURE__ */ u("output", {
 								className: "block mb-4 p-3 rounded-lg bg-status-success-bg-subtle text-status-success-text text-sm",
 								children: z
 							}),
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ d("div", {
 								className: "mb-4",
-								children: [/* @__PURE__ */ d("label", {
+								children: [/* @__PURE__ */ u("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__ */ d("input", {
+								}), /* @__PURE__ */ u("input", {
 									id: H,
 									type: "password",
 									value: N,
@@ -488,31 +488,31 @@ function y() {
 									placeholder: b("auth.security.yourPassword", "Your password")
 								})]
 							}),
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ d("div", {
 								className: "flex gap-3",
-								children: [/* @__PURE__ */ d("button", {
+								children: [/* @__PURE__ */ u("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__ */ f("button", {
+								}), /* @__PURE__ */ d("button", {
 									type: "button",
-									onClick: () => void fe(),
+									onClick: () => void pe(),
 									disabled: !N || C,
 									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__ */ d(_, { className: "size-4 animate-spin" }), b("auth.security.deactivateBtn", "Deactivate")]
+									children: [C && /* @__PURE__ */ u(g, { className: "size-4 animate-spin" }), b("auth.security.deactivateBtn", "Deactivate")]
 								})]
 							})
 						]
 					})
 				}),
-				j && /* @__PURE__ */ d("div", {
+				j && /* @__PURE__ */ u("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__ */ f("div", {
+					children: /* @__PURE__ */ d("div", {
 						ref: Z,
 						role: "dialog",
 						"aria-modal": "true",
@@ -520,32 +520,32 @@ function y() {
 						tabIndex: -1,
 						className: "w-full max-w-md bg-bg-surface rounded-2xl shadow-2xl p-6 outline-none",
 						children: [
-							/* @__PURE__ */ d("h3", {
+							/* @__PURE__ */ u("h3", {
 								id: W,
 								className: "text-xl font-bold text-status-error-text mb-2",
 								children: b("auth.security.deleteTitle", "Delete Account Permanently")
 							}),
-							/* @__PURE__ */ d("p", {
+							/* @__PURE__ */ u("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.")
 							}),
-							L && /* @__PURE__ */ d("div", {
+							L && /* @__PURE__ */ u("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
 							}),
-							z && /* @__PURE__ */ d("output", {
+							z && /* @__PURE__ */ u("output", {
 								className: "block mb-4 p-3 rounded-lg bg-status-success-bg-subtle text-status-success-text text-sm",
 								children: z
 							}),
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ d("div", {
 								className: "mb-4",
-								children: [/* @__PURE__ */ d("label", {
+								children: [/* @__PURE__ */ u("label", {
 									htmlFor: G,
 									className: "block text-sm font-medium text-text-primary mb-1",
 									children: b("auth.security.enterPasswordDelete", "Enter your password")
-								}), /* @__PURE__ */ d("input", {
+								}), /* @__PURE__ */ u("input", {
 									id: G,
 									type: "password",
 									value: N,
@@ -559,22 +559,22 @@ function y() {
 									placeholder: b("auth.security.yourPassword", "Your password")
 								})]
 							}),
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ d("div", {
 								className: "mb-4",
-								children: [/* @__PURE__ */ f("label", {
+								children: [/* @__PURE__ */ d("label", {
 									htmlFor: K,
 									className: "block text-sm font-medium text-text-primary mb-1",
 									children: [
 										b("auth.security.type", "Type"),
 										" ",
-										/* @__PURE__ */ d("code", {
+										/* @__PURE__ */ u("code", {
 											className: "px-1 py-0.5 rounded bg-bg-sunken text-status-error-text font-mono text-sm",
-											children: v
+											children: _
 										}),
 										" ",
 										b("auth.security.toConfirm", "to confirm")
 									]
-								}), /* @__PURE__ */ d("input", {
+								}), /* @__PURE__ */ u("input", {
 									id: K,
 									type: "text",
 									value: F,
@@ -582,57 +582,57 @@ function y() {
 									"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 !== v,
+									"aria-invalid": F.length > 0 && F !== _,
 									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")
 								})]
 							}),
-							/* @__PURE__ */ f("div", {
+							/* @__PURE__ */ d("div", {
 								className: "flex gap-3",
-								children: [/* @__PURE__ */ d("button", {
+								children: [/* @__PURE__ */ u("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__ */ f("button", {
+								}), /* @__PURE__ */ d("button", {
 									type: "button",
-									onClick: () => void pe(),
-									disabled: !N || F !== v || w,
+									onClick: () => void me(),
+									disabled: !N || F !== _ || w,
 									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__ */ d(_, { className: "size-4 animate-spin" }), b("auth.security.deleteForever", "Delete Forever")]
+									children: [w && /* @__PURE__ */ u(g, { className: "size-4 animate-spin" }), b("auth.security.deleteForever", "Delete Forever")]
 								})]
 							})
 						]
 					})
 				}),
-				/* @__PURE__ */ d("footer", {
+				/* @__PURE__ */ u("footer", {
 					className: "mt-12 pt-6 border-t border-border-subtle ",
-					children: /* @__PURE__ */ f("div", {
+					children: /* @__PURE__ */ d("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__ */ f("p", { children: [
+						children: [/* @__PURE__ */ d("p", { children: [
 							b("auth.security.signedInAs", "Signed in as"),
 							" ",
-							/* @__PURE__ */ d("span", {
+							/* @__PURE__ */ u("span", {
 								className: "font-medium text-text-primary ",
 								children: S?.email
 							})
-						] }), /* @__PURE__ */ f("div", {
+						] }), /* @__PURE__ */ d("div", {
 							className: "flex items-center gap-4",
 							children: [
-								/* @__PURE__ */ d("button", {
+								/* @__PURE__ */ u("button", {
 									type: "button",
 									onClick: () => x("/auth/login"),
 									className: "hover:text-text-primary transition-colors",
 									children: b("auth.security.switchAccount", "Switch Account")
 								}),
-								/* @__PURE__ */ d("span", {
+								/* @__PURE__ */ u("span", {
 									className: "text-text-muted",
 									"aria-hidden": "true",
 									children: "|"
 								}),
-								/* @__PURE__ */ d("button", {
+								/* @__PURE__ */ u("button", {
 									type: "button",
 									onClick: () => O(!0),
 									className: "hover:text-status-error-text transition-colors",
@@ -647,6 +647,6 @@ function y() {
 	});
 }
 //#endregion
-export { y as SecurityPage };
+export { v as SecurityPage };
 
 //# sourceMappingURL=SecurityPage.js.map