@burdenoff/microfe-auth 2026.527.2 → 2026.528.1

package/dist/auth/pages/LoginPage.js

@@ -1,19 +1,20 @@
-import { useAuthStore as e } from "../store/authStore.js";
-import { useAuthOperations as t } from "../hooks/useAuthOperations.js";
-import { useMyWorkspaces as n } from "../hooks/useMyWorkspaces.js";
-import { useOAuthOperations as r } from "../hooks/useOAuthOperations.js";
-import { AuthLayout as i } from "../components/AuthLayout.js";
-import { AlertIcon as a, EmailIcon as o, EyeIcon as s, EyeOffIcon as c, GoogleIcon as l, LockIcon as ee, MicrosoftIcon as u, SpinnerIcon as te } from "../components/AuthIcons.js";
-import { useCaptchaV3 as ne } from "../hooks/useCaptchaV3.js";
-import { useCallback as d, useEffect as f, useRef as re, useState as p } from "react";
-import { SSORedirectSpinner as ie, getSSORedirectUrl as ae } from "@burdenoff/fe-libs/shared/components";
-import { useLocation as oe, useNavigate as se, useSearchParams as ce } from "react-router-dom";
-import { useActiveContext as le, useI18n as ue } from "@burdenoff/fe-libs/shared/providers/shell";
+import { useAuth as e } from "../providers/AuthProvider.js";
+import { useAuthStore as t } from "../store/authStore.js";
+import { useAuthOperations as n } from "../hooks/useAuthOperations.js";
+import { useMyWorkspaces as r } from "../hooks/useMyWorkspaces.js";
+import { useOAuthOperations as i } from "../hooks/useOAuthOperations.js";
+import { AuthLayout as a } from "../components/AuthLayout.js";
+import { AlertIcon as o, EmailIcon as s, EyeIcon as c, EyeOffIcon as ee, GoogleIcon as l, LockIcon as u, MicrosoftIcon as te, SpinnerIcon as ne } from "../components/AuthIcons.js";
+import { useCaptchaV3 as re } from "../hooks/useCaptchaV3.js";
+import { useCallback as d, useEffect as f, useRef as ie, useState as p } from "react";
+import { SSORedirectSpinner as ae, getSSORedirectUrl as oe } from "@burdenoff/fe-libs/shared/components";
+import { useLocation as se, useNavigate as ce, useSearchParams as le } from "react-router-dom";
+import { useActiveContext as ue, useI18n as de } from "@burdenoff/fe-libs/shared/providers/shell";
 import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { resolveAuthBridgeConfig as de } from "@burdenoff/fe-libs/shared/config";
-import { getProfileTokens as _, getProfileUser as v, getProfileWorkspaceToken as fe, getProfiles as y, resolveActiveProfileId as pe } from "@burdenoff/fe-libs/shared/providers/shell/ProfileStorageManager";
+import { resolveAuthBridgeConfig as fe } from "@burdenoff/fe-libs/shared/config";
+import { getProfileTokens as pe, getProfileUser as me, getProfileWorkspaceToken as he, getProfiles as _, resolveActiveProfileId as v } from "@burdenoff/fe-libs/shared/providers/shell/ProfileStorageManager";
 //#region src/auth/pages/LoginPage.tsx
-function me() {
+function ge() {
 	if (typeof window > "u") return !1;
 	let e = window;
 	if (typeof e.Capacitor?.isNativePlatform == "function") try {
@@ -21,7 +22,7 @@ function me() {
 	} catch {}
 	return !!(typeof navigator < "u" && /Electron/i.test(navigator.userAgent || ""));
 }
-function he(e) {
+function _e(e) {
 	if (typeof window > "u") return e;
 	try {
 		let t = new URL(e, window.location.origin);
@@ -30,7 +31,7 @@ function he(e) {
 		return e;
 	}
 }
-function ge(e) {
+function ve(e) {
 	try {
 		let t = e.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"), n = t.padEnd(Math.ceil(t.length / 4) * 4, "="), r = JSON.parse(atob(n));
 		return typeof r.exp == "number" && r.exp > Date.now() / 1e3;
@@ -38,16 +39,16 @@ function ge(e) {
 		return !1;
 	}
 }
-function _e(e) {
+function ye(e) {
 	if (!e) return null;
 	try {
 		let t = new URL(decodeURIComponent(e), window.location.origin);
-		return t.origin === window.location.origin ? b(t, { includeOrigin: !1 }) : null;
+		return t.origin === window.location.origin ? y(t, { includeOrigin: !1 }) : null;
 	} catch {
 		return null;
 	}
 }
-function b(e, t) {
+function y(e, t) {
 	for (let t of [
 		"sso_failed",
 		"sso-failed",
@@ -57,82 +58,82 @@ function b(e, t) {
 	let n = e.searchParams.toString();
 	return `${e.pathname}${n ? `?${n}` : ""}${e.hash}`;
 }
-function ve(e) {
+function be(e) {
 	try {
 		let t = new URL(decodeURIComponent(e), window.location.origin);
-		return b(t, { includeOrigin: t.origin !== window.location.origin });
+		return y(t, { includeOrigin: t.origin !== window.location.origin });
 	} catch {
 		return e;
 	}
 }
-function x() {
-	let b = se(), x = oe(), [S] = ce(), { t: ye } = ue(), C = d((e, t) => {
-		let n = ye(e);
+function b() {
+	let y = ce(), b = se(), [x] = le(), { t: xe } = de(), S = d((e, t) => {
+		let n = xe(e);
 		return n === e ? t : n;
-	}, [ye]), { signIn: be, isLoading: w, error: T, errorCode: E, resendVerification: xe } = t(), { completeAuthFlow: Se } = n(), { setWorkspace: D, setOrganization: O } = le(), { initiateGoogleOAuth: Ce, initiateMicrosoftOAuth: we, isProviderConfigured: k } = r(), A = e((e) => e.mfaRequired), { executeRecaptcha: Te } = ne(), [j, M] = p(!1), [Ee, De] = p(!1), N = d((e) => {
-		if (typeof window > "u" || me()) return e;
+	}, [xe]), { signIn: Se, isLoading: C, error: w, errorCode: T, resendVerification: Ce } = n(), { completeAuthFlow: we } = r(), { setWorkspace: E, setOrganization: D } = ue(), { defaultPostLoginPath: Te } = e(), { initiateGoogleOAuth: Ee, initiateMicrosoftOAuth: De, isProviderConfigured: O } = i(), k = t((e) => e.mfaRequired), { executeRecaptcha: Oe } = re(), [A, j] = p(!1), [ke, Ae] = p(!1), M = d((e) => {
+		if (typeof window > "u" || ge()) return e;
 		try {
-			let t = de(), n = new URL(t.url), r = window.location.origin;
+			let t = fe(), n = new URL(t.url), r = window.location.origin;
 			if (n.origin === r) return e;
-			let i = new URL(e, r).href, a = pe();
+			let i = new URL(e, r).href, a = v();
 			if (!a) return e;
-			let o = _(a), s = v(a);
+			let o = pe(a), s = me(a);
 			if (!o || !s) return e;
-			let c = fe(a), l = {
+			let c = he(a), ee = {
 				profileId: a,
 				tokens: JSON.stringify({
 					...o,
 					workspaceToken: c
 				}),
 				user: JSON.stringify(s),
-				profiles: JSON.stringify(y())
-			}, ee = btoa(JSON.stringify(l)), u = new URL("/auth/sso-deposit", n.origin);
-			return u.searchParams.set("returnTo", i), `${u.href}#sso=${ee}`;
+				profiles: JSON.stringify(_())
+			}, l = btoa(JSON.stringify(ee)), u = new URL("/auth/sso-deposit", n.origin);
+			return u.searchParams.set("returnTo", i), `${u.href}#sso=${l}`;
 		} catch {
 			return e;
 		}
-	}, []), P = d((e) => {
+	}, []), N = d((e) => {
 		if (typeof window < "u") {
 			try {
 				sessionStorage.setItem("bf-post-login-return-to", e);
 			} catch {}
-			if (me()) {
-				b(he(e));
+			if (ge()) {
+				y(_e(e));
 				return;
 			}
-			window.location.assign(N(e));
+			window.location.assign(M(e));
 			return;
 		}
-		b(e);
-	}, [b, N]), [F, Oe] = p(!1), [I, L] = p(!1), [ke, R] = p(!1), [Ae, z] = p(!1), [B, V] = p(!1), [H, U] = p(!1), [je, Me] = p(!1), [Ne, W] = p(!1), [Pe, G] = p(null), [Fe, Ie] = p(null), [K, q] = p({
+		y(e);
+	}, [y, M]), [P, je] = p(!1), [F, I] = p(!1), [Me, L] = p(!1), [Ne, R] = p(!1), [z, B] = p(!1), [V, H] = p(!1), [Pe, Fe] = p(!1), [Ie, U] = p(!1), [Le, W] = p(null), [Re, ze] = p(null), [G, K] = p({
 		email: "",
 		password: "",
 		rememberMe: !1
-	}), [J, Y] = p(null), [Le, X] = p(!1), Z = S.get("mode") === "add-account", Q = S.get("returnTo"), $ = re(Q);
+	}), [q, J] = p(null), [Be, Y] = p(!1), X = x.get("mode") === "add-account", Z = x.get("returnTo"), Q = ie(Z);
 	f(() => {
-		!$.current && Q && ($.current = Q);
-	}, [Q]), f(() => {
-		if (Z || j) return;
-		let t = pe();
-		if (t) {
-			let n = _(t), r = v(t);
-			if (n?.accessToken && r && ge(n.accessToken)) {
-				e.getState().loadFromProfile(t), P(_e(Q) ?? "/");
+		!Q.current && Z && (Q.current = Z);
+	}, [Z]), f(() => {
+		if (X || A) return;
+		let e = v();
+		if (e) {
+			let n = pe(e), r = me(e);
+			if (n?.accessToken && r && ve(n.accessToken)) {
+				t.getState().loadFromProfile(e), N(ye(Z) ?? "/");
 				return;
 			}
 		}
-		let n = ae();
-		n && (De(!0), window.location.replace(n));
+		let n = oe();
+		n && (Ae(!0), window.location.replace(n));
 	}, [
-		Z,
-		j,
-		P,
-		Q
+		X,
+		A,
+		N,
+		Z
 	]), f(() => {
 		try {
 			localStorage.removeItem("remembered_password");
 			let e = localStorage.getItem("remembered_email");
-			e && q((t) => ({
+			e && K((t) => ({
 				...t,
 				email: e,
 				rememberMe: !0
@@ -141,13 +142,13 @@ function x() {
 			console.warn("[LoginPage] Failed to load remembered email:", e);
 		}
 	}, []), f(() => {
-		let e = x.state;
-		e?.message && Ie(e.message), e?.email && q((t) => ({
+		let e = b.state;
+		e?.message && ze(e.message), e?.email && K((t) => ({
 			...t,
 			email: e.email
 		})), e && window.history.replaceState({}, document.title);
-	}, [x.state]);
-	let Re = (e, t) => {
+	}, [b.state]);
+	let Ve = (e, t) => {
 		if (t) switch (t) {
 			case "ACCOUNT_DELETED": return "DELETED";
 			case "ACCOUNT_SUSPENDED": return "SUSPENDED";
@@ -161,43 +162,43 @@ function x() {
 		return n.includes("deleted") || n.includes("permanently deleted") ? "DELETED" : n.includes("suspended") ? "SUSPENDED" : n.includes("oauth provider") || n.includes("oauth-only") || n.includes("oauth only") ? "OAUTH_ONLY" : n.includes("inactive") || n.includes("deactivated") || n.includes("not active") ? "INACTIVE" : n.includes("verify your email") || n.includes("email not verified") || n.includes("email_not_verified") ? "EMAIL_NOT_VERIFIED" : null;
 	};
 	f(() => {
-		let e = S.get("email");
-		if (e && q((t) => ({
+		let e = x.get("email");
+		if (e && K((t) => ({
 			...t,
 			email: e
-		})), S.get("expired") === "true") {
-			Ie(C("auth.login.sessionExpired", "Your session has expired. Please sign in again."));
+		})), x.get("expired") === "true") {
+			ze(S("auth.login.sessionExpired", "Your session has expired. Please sign in again."));
 			let e = window.location.pathname;
 			window.history.replaceState({}, document.title, e);
 		}
-	}, [S, C]), f(() => {
-		A && b("/auth/mfa-verify");
-	}, [A, b]);
-	let ze = async (t) => {
-		t.preventDefault(), L(!1), R(!1), z(!1), V(!1), U(!1), X(!1), W(!1), Y(null);
-		let n = (K.email ?? "").trim();
+	}, [x, S]), f(() => {
+		k && y("/auth/mfa-verify");
+	}, [k, y]);
+	let He = async (e) => {
+		e.preventDefault(), I(!1), L(!1), R(!1), B(!1), H(!1), Y(!1), U(!1), J(null);
+		let n = (G.email ?? "").trim();
 		if (!n) {
-			Y(C("auth.login.enterEmailOrUsername", "Please enter your email or username"));
+			J(S("auth.login.enterEmailOrUsername", "Please enter your email or username"));
 			return;
 		}
 		if (n.includes("@") && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(n)) {
-			Y(C("auth.login.invalidEmail", "Please enter a valid email address"));
+			J(S("auth.login.invalidEmail", "Please enter a valid email address"));
 			return;
 		}
-		if (!K.password || K.password.length < 1) {
-			Y(C("auth.login.enterPassword", "Please enter your password"));
+		if (!G.password || G.password.length < 1) {
+			J(S("auth.login.enterPassword", "Please enter your password"));
 			return;
 		}
-		if (Z && y().some((e) => e.email.toLowerCase() === n.toLowerCase())) {
-			X(!0), Y(null);
+		if (X && _().some((e) => e.email.toLowerCase() === n.toLowerCase())) {
+			Y(!0), J(null);
 			return;
 		}
-		X(!1);
+		Y(!1);
 		try {
-			let e = await Te("login"), t = await be({
+			let e = await Oe("login"), t = await Se({
 				email: n,
-				password: K.password,
-				rememberMe: K.rememberMe,
+				password: G.password,
+				rememberMe: G.rememberMe,
 				...e ? { recaptchaToken: e } : {}
 			});
 			if (t.requiresMFA) return;
@@ -213,14 +214,14 @@ function x() {
 					}
 				} catch {}
 				try {
-					K.rememberMe ? localStorage.setItem("remembered_email", n) : localStorage.removeItem("remembered_email");
+					G.rememberMe ? localStorage.setItem("remembered_email", n) : localStorage.removeItem("remembered_email");
 				} catch (e) {
 					console.warn("[LoginPage] Failed to save/clear remembered email:", e);
 				}
-				M(!0);
-				let e = $.current || Q, r = e ? ve(e) : "/dashboard";
+				j(!0);
+				let e = be(Q.current || Z || (Te ?? "/dashboard"));
 				try {
-					let e = await Promise.race([Se(t.token), new Promise((e) => {
+					let n = await Promise.race([we(t.token), new Promise((e) => {
 						window.setTimeout(() => {
 							e({
 								success: !1,
@@ -228,71 +229,71 @@ function x() {
 							});
 						}, 5e3);
 					})]);
-					e.success ? (e.workspace && (D(e.workspace.id), e.workspace.organizationId && O(e.workspace.organizationId)), P(r)) : e.error?.includes("No workspaces found") ? b("/onboarding/create-workspace") : (e.workspace && (D(e.workspace.id), e.workspace.organizationId && O(e.workspace.organizationId)), console.warn("Auth flow warning:", e.error), P(r));
-				} catch (e) {
-					console.error("Auth flow error (login succeeded):", e), P(r);
+					n.success ? (n.workspace && (E(n.workspace.id), n.workspace.organizationId && D(n.workspace.organizationId)), N(e)) : n.error?.includes("No workspaces found") ? y("/onboarding/create-workspace") : (n.workspace && (E(n.workspace.id), n.workspace.organizationId && D(n.workspace.organizationId)), console.warn("Auth flow warning:", n.error), N(e));
+				} catch (t) {
+					console.error("Auth flow error (login succeeded):", t), N(e);
 				} finally {
-					M(!1);
+					j(!1);
 				}
 			}
-		} catch (t) {
-			let n = t instanceof Error ? t.message : String(t);
-			n.includes("reCAPTCHA") && Y(n);
-			let r = e.getState().errorCode, i = Re(n, r);
-			i === "DELETED" ? R(!0) : i === "SUSPENDED" ? z(!0) : i === "OAUTH_ONLY" ? V(!0) : i === "INACTIVE" ? L(!0) : i === "EMAIL_NOT_VERIFIED" && U(!0);
+		} catch (e) {
+			let n = e instanceof Error ? e.message : String(e);
+			n.includes("reCAPTCHA") && J(n);
+			let r = t.getState().errorCode, i = Ve(n, r);
+			i === "DELETED" ? L(!0) : i === "SUSPENDED" ? R(!0) : i === "OAUTH_ONLY" ? B(!0) : i === "INACTIVE" ? I(!0) : i === "EMAIL_NOT_VERIFIED" && H(!0);
 		}
 	};
 	f(() => {
-		if (T) {
-			let e = Re(T, E);
-			e === "DELETED" ? R(!0) : e === "SUSPENDED" ? z(!0) : e === "OAUTH_ONLY" ? V(!0) : e === "INACTIVE" ? L(!0) : e === "EMAIL_NOT_VERIFIED" && U(!0);
+		if (w) {
+			let e = Ve(w, T);
+			e === "DELETED" ? L(!0) : e === "SUSPENDED" ? R(!0) : e === "OAUTH_ONLY" ? B(!0) : e === "INACTIVE" ? I(!0) : e === "EMAIL_NOT_VERIFIED" && H(!0);
 		}
-	}, [T, E]);
-	let Be = () => {
-		G(null);
+	}, [w, T]);
+	let Ue = () => {
+		W(null);
 		try {
-			Ce();
+			Ee();
 		} catch (e) {
-			G(e instanceof Error ? e.message : C("auth.login.googleSignInFailed", "Failed to initiate Google sign in"));
+			W(e instanceof Error ? e.message : S("auth.login.googleSignInFailed", "Failed to initiate Google sign in"));
 		}
-	}, Ve = () => {
-		G(null);
+	}, We = () => {
+		W(null);
 		try {
-			we();
+			De();
 		} catch (e) {
-			G(e instanceof Error ? e.message : C("auth.login.microsoftSignInFailed", "Failed to initiate Microsoft sign in"));
+			W(e instanceof Error ? e.message : S("auth.login.microsoftSignInFailed", "Failed to initiate Microsoft sign in"));
 		}
-	}, He = async () => {
-		Me(!0), W(!1);
+	}, Ge = async () => {
+		Fe(!0), U(!1);
 		try {
-			(await xe((K.email ?? "").trim())).success ? W(!0) : Y(C("auth.login.resendFailed", "Failed to resend verification email. Please try again."));
+			(await Ce((G.email ?? "").trim())).success ? U(!0) : J(S("auth.login.resendFailed", "Failed to resend verification email. Please try again."));
 		} catch (e) {
-			console.error("Failed to resend verification email:", e), Y(e instanceof Error ? e.message : C("auth.login.resendFailed", "Failed to resend verification email. Please try again."));
+			console.error("Failed to resend verification email:", e), J(e instanceof Error ? e.message : S("auth.login.resendFailed", "Failed to resend verification email. Please try again."));
 		} finally {
-			Me(!1);
+			Fe(!1);
 		}
-	}, Ue = k("google"), We = k("microsoft"), Ge = [{
+	}, Ke = O("google"), $ = O("microsoft"), qe = [{
 		name: "Google",
 		icon: l,
-		onClick: Be,
-		disabled: !Ue,
-		tooltip: Ue ? void 0 : C("auth.login.googleNotConfigured", "Google sign in is not configured")
+		onClick: Ue,
+		disabled: !Ke,
+		tooltip: Ke ? void 0 : S("auth.login.googleNotConfigured", "Google sign in is not configured")
 	}, {
 		name: "Microsoft",
-		icon: u,
-		onClick: Ve,
-		disabled: !We,
-		tooltip: We ? void 0 : C("auth.login.microsoftNotConfigured", "Microsoft sign in is not configured")
+		icon: te,
+		onClick: We,
+		disabled: !$,
+		tooltip: $ ? void 0 : S("auth.login.microsoftNotConfigured", "Microsoft sign in is not configured")
 	}];
-	return Ee ? /* @__PURE__ */ h(ie, {}) : /* @__PURE__ */ g(i, {
-		title: C("auth.login.welcomeBack", "Welcome back"),
-		subtitle: C("auth.login.enterCredentials", "Enter your credentials to continue"),
+	return ke ? /* @__PURE__ */ h(ae, {}) : /* @__PURE__ */ g(a, {
+		title: S("auth.login.welcomeBack", "Welcome back"),
+		subtitle: S("auth.login.enterCredentials", "Enter your credentials to continue"),
 		children: [
 			/* @__PURE__ */ g("form", {
-				onSubmit: ze,
+				onSubmit: He,
 				className: "space-y-5",
 				children: [
-					Fe && /* @__PURE__ */ g("div", {
+					Re && /* @__PURE__ */ g("div", {
 						className: "flex items-start gap-3 p-4 rounded-xl border bg-status-info-bg-subtle border-status-info-border",
 						children: [/* @__PURE__ */ h("svg", {
 							className: "size-5 flex-shrink-0 mt-0.5 text-text-link",
@@ -307,32 +308,32 @@ function x() {
 							})
 						}), /* @__PURE__ */ h("p", {
 							className: "text-sm text-status-info-text",
-							children: Fe
+							children: Re
 						})]
 					}),
-					J && /* @__PURE__ */ g("div", {
+					q && /* @__PURE__ */ g("div", {
 						className: "flex items-start gap-3 p-4 rounded-xl border bg-status-warning-bg-subtle border-status-warning-border",
-						children: [/* @__PURE__ */ h(a, { className: "size-5 flex-shrink-0 mt-0.5 text-status-warning-text" }), /* @__PURE__ */ h("p", {
+						children: [/* @__PURE__ */ h(o, { className: "size-5 flex-shrink-0 mt-0.5 text-status-warning-text" }), /* @__PURE__ */ h("p", {
 							className: "text-sm text-status-warning-text",
-							children: J
+							children: q
 						})]
 					}),
-					Le && /* @__PURE__ */ g("div", {
+					Be && /* @__PURE__ */ g("div", {
 						className: "flex items-start gap-3 p-4 rounded-xl border bg-status-warning-bg-subtle border-status-warning-border",
-						children: [/* @__PURE__ */ h(a, { className: "size-5 flex-shrink-0 mt-0.5 text-status-warning-text" }), /* @__PURE__ */ g("div", {
+						children: [/* @__PURE__ */ h(o, { className: "size-5 flex-shrink-0 mt-0.5 text-status-warning-text" }), /* @__PURE__ */ g("div", {
 							className: "flex-1",
 							children: [
 								/* @__PURE__ */ h("p", {
 									className: "text-sm font-medium text-status-warning-text",
-									children: C("auth.login.duplicateAccount", "This account is already signed in.")
+									children: S("auth.login.duplicateAccount", "This account is already signed in.")
 								}),
 								/* @__PURE__ */ h("p", {
 									className: "mt-1 text-sm text-status-warning-text/80",
-									children: C("auth.login.duplicateAccountHint", "Please use a different account, or go back and switch to this account from the profile menu.")
+									children: S("auth.login.duplicateAccountHint", "Please use a different account, or go back and switch to this account from the profile menu.")
 								}),
-								($.current || Q) && /* @__PURE__ */ g("button", {
+								(Q.current || Z) && /* @__PURE__ */ g("button", {
 									type: "button",
-									onClick: () => b(decodeURIComponent($.current || Q || "/dashboard")),
+									onClick: () => y(decodeURIComponent(Q.current || Z || "/dashboard")),
 									className: "mt-3 inline-flex items-center gap-2 px-4 py-2.5 rounded-xl border border-status-warning-border bg-bg-surface text-status-warning-text text-sm font-medium hover:bg-status-warning-bg-subtle hover:border-status-warning-border transition-all shadow-sm",
 									children: [/* @__PURE__ */ h("svg", {
 										className: "size-4",
@@ -345,29 +346,29 @@ function x() {
 											strokeWidth: 2,
 											d: "M10 19l-7-7m0 0l7-7m-7 7h18"
 										})
-									}), C("auth.login.goBackSwitchAccount", "Go back and switch account")]
+									}), S("auth.login.goBackSwitchAccount", "Go back and switch account")]
 								})
 							]
 						})]
 					}),
-					T && !J && !Le && /* @__PURE__ */ g("div", {
-						className: `flex items-start gap-3 p-4 rounded-xl border ${I || B || H ? "bg-status-warning-bg-subtle border-status-warning-border" : "bg-status-error-bg-subtle border-status-error-border"}`,
-						children: [/* @__PURE__ */ h(a, { className: `size-5 flex-shrink-0 mt-0.5 ${I || B || H ? "text-status-warning-text" : "text-status-error-text"}` }), /* @__PURE__ */ g("div", {
+					w && !q && !Be && /* @__PURE__ */ g("div", {
+						className: `flex items-start gap-3 p-4 rounded-xl border ${F || z || V ? "bg-status-warning-bg-subtle border-status-warning-border" : "bg-status-error-bg-subtle border-status-error-border"}`,
+						children: [/* @__PURE__ */ h(o, { className: `size-5 flex-shrink-0 mt-0.5 ${F || z || V ? "text-status-warning-text" : "text-status-error-text"}` }), /* @__PURE__ */ g("div", {
 							className: "flex-1",
 							children: [
 								/* @__PURE__ */ h("p", {
-									className: `text-sm ${I || B || H ? "text-status-warning-text" : "text-status-error-text"}`,
-									children: ke ? C("auth.login.accountDeleted", "This account has been permanently deleted and cannot be recovered.") : Ae ? C("auth.login.accountSuspended", "Your account has been suspended. Please contact support for assistance.") : I ? C("auth.login.accountDeactivated", "Your account has been deactivated.") : B ? C("auth.login.oauthOnly", "This account uses OAuth sign-in. Please use Google or Microsoft to sign in.") : H ? C("auth.login.emailNotVerified", "Please verify your email before signing in. Check your inbox for the verification link.") : T
+									className: `text-sm ${F || z || V ? "text-status-warning-text" : "text-status-error-text"}`,
+									children: Me ? S("auth.login.accountDeleted", "This account has been permanently deleted and cannot be recovered.") : Ne ? S("auth.login.accountSuspended", "Your account has been suspended. Please contact support for assistance.") : F ? S("auth.login.accountDeactivated", "Your account has been deactivated.") : z ? S("auth.login.oauthOnly", "This account uses OAuth sign-in. Please use Google or Microsoft to sign in.") : V ? S("auth.login.emailNotVerified", "Please verify your email before signing in. Check your inbox for the verification link.") : w
 								}),
-								I && /* @__PURE__ */ h("button", {
+								F && /* @__PURE__ */ h("button", {
 									type: "button",
-									onClick: () => b("/auth/reactivate", { state: { email: K.email } }),
+									onClick: () => y("/auth/reactivate", { state: { email: G.email } }),
 									className: "mt-2 text-sm font-semibold text-status-warning-text hover:text-status-warning-text underline underline-offset-2",
-									children: C("auth.login.clickReactivate", "Click here to reactivate your account")
+									children: S("auth.login.clickReactivate", "Click here to reactivate your account")
 								}),
-								H && /* @__PURE__ */ h("div", {
+								V && /* @__PURE__ */ h("div", {
 									className: "mt-3",
-									children: Ne ? /* @__PURE__ */ g("div", {
+									children: Ie ? /* @__PURE__ */ g("div", {
 										className: "flex items-center gap-2 text-sm text-status-success-text",
 										children: [/* @__PURE__ */ h("svg", {
 											className: "size-4",
@@ -380,13 +381,13 @@ function x() {
 												strokeWidth: 2,
 												d: "M5 13l4 4L19 7"
 											})
-										}), C("auth.login.verificationSent", "Verification email sent! Please check your inbox.")]
+										}), S("auth.login.verificationSent", "Verification email sent! Please check your inbox.")]
 									}) : /* @__PURE__ */ h("button", {
 										type: "button",
-										onClick: He,
-										disabled: je,
+										onClick: Ge,
+										disabled: Pe,
 										className: "inline-flex items-center gap-2 px-4 py-2.5 rounded-xl border border-status-warning-border bg-bg-surface text-status-warning-text text-sm font-medium hover:bg-status-warning-bg-subtle hover:border-status-warning-border transition-all shadow-sm disabled:opacity-50 disabled:cursor-not-allowed",
-										children: je ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(te, { className: "size-4 animate-spin" }), C("auth.login.sending", "Sending...")] }) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("svg", {
+										children: Pe ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(ne, { className: "size-4 animate-spin" }), S("auth.login.sending", "Sending...")] }) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("svg", {
 											className: "size-4",
 											fill: "none",
 											viewBox: "0 0 24 24",
@@ -397,21 +398,21 @@ function x() {
 												strokeWidth: 2,
 												d: "M3 8l7.89 5.26a2 2 0 002.22 0L21 8M5 19h14a2 2 0 002-2V7a2 2 0 00-2-2H5a2 2 0 00-2 2v10a2 2 0 002 2z"
 											})
-										}), C("auth.login.resendVerification", "Resend verification email")] })
+										}), S("auth.login.resendVerification", "Resend verification email")] })
 									})
 								}),
-								B && /* @__PURE__ */ g("div", {
+								z && /* @__PURE__ */ g("div", {
 									className: "mt-3 flex flex-col gap-2",
-									children: [k("google") && /* @__PURE__ */ g("button", {
+									children: [O("google") && /* @__PURE__ */ g("button", {
 										type: "button",
-										onClick: Be,
+										onClick: Ue,
 										className: "inline-flex items-center justify-center gap-2 px-4 py-2.5 rounded-xl border border-border-default bg-bg-surface text-text-primary text-sm font-medium hover:bg-bg-canvas hover:border-border-default transition-all shadow-sm",
-										children: [/* @__PURE__ */ h(l, { className: "size-5" }), C("auth.login.signInWithGoogle", "Sign in with Google")]
-									}), k("microsoft") && /* @__PURE__ */ g("button", {
+										children: [/* @__PURE__ */ h(l, { className: "size-5" }), S("auth.login.signInWithGoogle", "Sign in with Google")]
+									}), O("microsoft") && /* @__PURE__ */ g("button", {
 										type: "button",
-										onClick: Ve,
+										onClick: We,
 										className: "inline-flex items-center justify-center gap-2 px-4 py-2.5 rounded-xl border border-border-default bg-bg-surface text-text-primary text-sm font-medium hover:bg-bg-canvas hover:border-border-default transition-all shadow-sm",
-										children: [/* @__PURE__ */ h(u, { className: "size-5" }), C("auth.login.signInWithMicrosoft", "Sign in with Microsoft")]
+										children: [/* @__PURE__ */ h(te, { className: "size-5" }), S("auth.login.signInWithMicrosoft", "Sign in with Microsoft")]
 									})]
 								})
 							]
@@ -422,25 +423,26 @@ function x() {
 						children: [/* @__PURE__ */ h("label", {
 							htmlFor: "email",
 							className: "block text-sm font-medium text-[var(--color-text-primary)]",
-							children: C("auth.login.emailLabel", "Email")
+							children: S("auth.login.emailLabel", "Email")
 						}), /* @__PURE__ */ g("div", {
 							className: "relative",
 							children: [/* @__PURE__ */ h("div", {
 								className: "absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none",
-								children: /* @__PURE__ */ h(o, { className: "size-5 text-[var(--color-text-tertiary)]" })
+								children: /* @__PURE__ */ h(s, { className: "size-5 text-[var(--color-text-tertiary)]" })
 							}), /* @__PURE__ */ h("input", {
 								id: "email",
 								type: "email",
 								autoComplete: "email",
 								required: !0,
 								"aria-required": "true",
-								value: K.email,
-								onChange: (e) => q({
-									...K,
+								"aria-label": S("auth.login.emailLabel", "Email"),
+								value: G.email,
+								onChange: (e) => K({
+									...G,
 									email: e.target.value
 								}),
 								className: "block w-full pl-[3.5rem] pr-4 py-3 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] placeholder:text-[var(--color-text-tertiary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all",
-								placeholder: C("auth.login.emailPlaceholder", "you@example.com")
+								placeholder: S("auth.login.emailPlaceholder", "you@example.com")
 							})]
 						})]
 					}),
@@ -449,34 +451,35 @@ function x() {
 						children: [/* @__PURE__ */ h("label", {
 							htmlFor: "password",
 							className: "block text-sm font-medium text-[var(--color-text-primary)]",
-							children: C("auth.login.passwordLabel", "Password")
+							children: S("auth.login.passwordLabel", "Password")
 						}), /* @__PURE__ */ g("div", {
 							className: "relative",
 							children: [
 								/* @__PURE__ */ h("div", {
 									className: "absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none",
-									children: /* @__PURE__ */ h(ee, { className: "size-5 text-[var(--color-text-tertiary)]" })
+									children: /* @__PURE__ */ h(u, { className: "size-5 text-[var(--color-text-tertiary)]" })
 								}),
 								/* @__PURE__ */ h("input", {
 									id: "password",
-									type: F ? "text" : "password",
+									type: P ? "text" : "password",
 									autoComplete: "current-password",
 									required: !0,
 									"aria-required": "true",
-									value: K.password,
-									onChange: (e) => q({
-										...K,
+									"aria-label": S("auth.login.passwordLabel", "Password"),
+									value: G.password,
+									onChange: (e) => K({
+										...G,
 										password: e.target.value
 									}),
 									className: "block w-full pl-[3.5rem] pr-12 py-3 rounded-xl border border-[var(--color-border-default)] bg-[var(--color-bg-surface)] text-[var(--color-text-primary)] placeholder:text-[var(--color-text-tertiary)] focus:outline-none focus:ring-2 focus:ring-action-primary-bg/20 focus:border-action-primary-bg transition-all",
-									placeholder: C("auth.login.passwordPlaceholder", "Enter your password")
+									placeholder: S("auth.login.passwordPlaceholder", "Enter your password")
 								}),
 								/* @__PURE__ */ h("button", {
 									type: "button",
-									onClick: () => Oe(!F),
-									"aria-label": F ? "Hide password" : "Show password",
+									onClick: () => je(!P),
+									"aria-label": P ? "Hide password" : "Show password",
 									className: "absolute inset-y-0 right-0 pr-3.5 flex items-center text-[var(--color-text-tertiary)] hover:text-[var(--color-text-secondary)] transition-colors",
-									children: h(F ? c : s, { className: "size-5" })
+									children: h(P ? ee : c, { className: "size-5" })
 								})
 							]
 						})]
@@ -489,11 +492,12 @@ function x() {
 								className: "relative",
 								children: [/* @__PURE__ */ h("input", {
 									type: "checkbox",
-									checked: K.rememberMe,
+									"aria-label": S("auth.login.rememberMe", "Remember me"),
+									checked: G.rememberMe,
 									onChange: (e) => {
 										let t = e.target.checked;
-										if (q({
-											...K,
+										if (K({
+											...G,
 											rememberMe: t
 										}), !t) try {
 											localStorage.removeItem("remembered_email");
@@ -519,20 +523,20 @@ function x() {
 								})]
 							}), /* @__PURE__ */ h("span", {
 								className: "text-sm text-[var(--color-text-secondary)] group-hover:text-[var(--color-text-primary)] transition-colors",
-								children: C("auth.login.rememberMe", "Remember me")
+								children: S("auth.login.rememberMe", "Remember me")
 							})]
 						}), /* @__PURE__ */ h("button", {
 							type: "button",
-							onClick: () => b("/auth/reset-password"),
+							onClick: () => y("/auth/reset-password"),
 							className: "text-sm font-medium text-text-link hover:text-text-linkHover transition-colors",
-							children: C("auth.login.forgotPassword", "Forgot password?")
+							children: S("auth.login.forgotPassword", "Forgot password?")
 						})]
 					}),
 					/* @__PURE__ */ h("button", {
 						type: "submit",
-						disabled: w || j,
+						disabled: C || A,
 						className: "auth-primary-button flex w-full items-center justify-center gap-2 px-4 py-3 font-semibold",
-						children: w || j ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(te, { className: "size-5 animate-spin" }), /* @__PURE__ */ h("span", { children: j ? C("auth.login.settingUpWorkspace", "Setting up workspace...") : C("auth.login.signingIn", "Signing in...") })] }) : C("auth.login.signIn", "Sign in")
+						children: C || A ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(ne, { className: "size-5 animate-spin" }), /* @__PURE__ */ h("span", { children: A ? S("auth.login.settingUpWorkspace", "Setting up workspace...") : S("auth.login.signingIn", "Signing in...") })] }) : S("auth.login.signIn", "Sign in")
 					})
 				]
 			}),
@@ -545,20 +549,20 @@ function x() {
 					className: "relative flex justify-center",
 					children: /* @__PURE__ */ h("span", {
 						className: "px-4 bg-[var(--color-bg-canvas)] text-sm text-[var(--color-text-tertiary)]",
-						children: C("auth.login.orContinueWith", "or continue with")
+						children: S("auth.login.orContinueWith", "or continue with")
 					})
 				})]
 			}),
-			Pe && /* @__PURE__ */ g("div", {
+			Le && /* @__PURE__ */ g("div", {
 				className: "flex items-start gap-3 p-4 rounded-xl border bg-status-error-bg-subtle border-status-error-border",
-				children: [/* @__PURE__ */ h(a, { className: "size-5 flex-shrink-0 mt-0.5 text-status-error-text" }), /* @__PURE__ */ h("p", {
+				children: [/* @__PURE__ */ h(o, { className: "size-5 flex-shrink-0 mt-0.5 text-status-error-text" }), /* @__PURE__ */ h("p", {
 					className: "text-sm text-status-error-text",
-					children: Pe
+					children: Le
 				})]
 			}),
 			/* @__PURE__ */ h("div", {
 				className: "grid grid-cols-3 gap-3",
-				children: Ge.map((e) => /* @__PURE__ */ g("button", {
+				children: qe.map((e) => /* @__PURE__ */ g("button", {
 					type: "button",
 					onClick: e.onClick,
 					disabled: e.disabled,
@@ -575,14 +579,14 @@ function x() {
 				className: "mt-4 text-center",
 				children: /* @__PURE__ */ g("button", {
 					type: "button",
-					onClick: () => b("/auth/magic-link"),
+					onClick: () => y("/auth/magic-link"),
 					className: "text-sm text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)] transition-colors",
 					children: [
-						C("auth.login.preferPasswordless", "Prefer passwordless login?"),
+						S("auth.login.preferPasswordless", "Prefer passwordless login?"),
 						" ",
 						/* @__PURE__ */ h("span", {
 							className: "font-semibold text-text-link hover:text-text-linkHover",
-							children: C("auth.login.signInMagicLink", "Sign in with Magic Link")
+							children: S("auth.login.signInMagicLink", "Sign in with Magic Link")
 						})
 					]
 				})
@@ -590,13 +594,13 @@ function x() {
 			/* @__PURE__ */ g("p", {
 				className: "mt-6 text-center text-sm text-[var(--color-text-secondary)]",
 				children: [
-					C("auth.login.dontHaveAccount", "Don't have an account?"),
+					S("auth.login.dontHaveAccount", "Don't have an account?"),
 					" ",
 					/* @__PURE__ */ h("button", {
 						type: "button",
-						onClick: () => b("/auth/register"),
+						onClick: () => y("/auth/register"),
 						className: "font-semibold text-text-link hover:text-text-linkHover transition-colors",
-						children: C("auth.login.signUp", "Sign up")
+						children: S("auth.login.signUp", "Sign up")
 					})
 				]
 			})
@@ -604,6 +608,6 @@ function x() {
 	});
 }
 //#endregion
-export { x as LoginPage };
+export { b as LoginPage };
 
 //# sourceMappingURL=LoginPage.js.map