@burdenoff/microfe-auth 2026.518.2 → 2026.518.3

package/dist/auth/pages/LoginPage.js

@@ -4,16 +4,17 @@ import { useMyWorkspaces as n } from "../hooks/useMyWorkspaces.js";
 import { useOAuthOperations as r } from "../hooks/useOAuthOperations.js";
 import "../hooks/index.js";
 import { AuthLayout as i } from "../components/AuthLayout.js";
-import { AlertIcon as a, EmailIcon as ee, EyeIcon as te, EyeOffIcon as ne, GoogleIcon as re, LockIcon as ie, MicrosoftIcon as ae, SpinnerIcon as oe } from "../components/AuthIcons.js";
-import { useCaptchaV3 as se } from "../hooks/useCaptchaV3.js";
-import { useCallback as o, useEffect as s, useRef as ce, useState as c } from "react";
-import { SSORedirectSpinner as le, getSSORedirectUrl as ue } from "@burdenoff/fe-libs/shared/components";
-import { useLocation as de, useNavigate as fe, useSearchParams as pe } from "react-router-dom";
-import { useActiveContext as me, useI18n as he } from "@burdenoff/fe-libs/shared/providers/shell";
-import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
-import { getProfileTokens as ge, getProfileUser as _e, getProfiles as ve, resolveActiveProfileId as ye } from "@burdenoff/fe-libs/shared/providers/shell/ProfileStorageManager";
+import { AlertIcon as a, EmailIcon as o, EyeIcon as s, EyeOffIcon as ee, GoogleIcon as c, LockIcon as l, 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 { 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 pe, resolveActiveProfileId as me } from "@burdenoff/fe-libs/shared/providers/shell/ProfileStorageManager";
 //#region src/auth/pages/LoginPage.tsx
-function be(e) {
+function he(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;
@@ -21,7 +22,7 @@ function be(e) {
 		return !1;
 	}
 }
-function xe(e) {
+function ge(e) {
 	if (!e) return null;
 	try {
 		let t = new URL(decodeURIComponent(e), window.location.origin);
@@ -30,48 +31,70 @@ function xe(e) {
 		return null;
 	}
 }
-function f() {
-	let f = fe(), p = de(), [m] = pe(), { t: h } = he(), g = o((e, t) => {
-		let n = h(e);
+function y() {
+	let y = se(), _e = oe(), [b] = ce(), { t: ve } = ue(), x = d((e, t) => {
+		let n = ve(e);
 		return n === e ? t : n;
-	}, [h]), { signIn: Se, isLoading: _, error: v, errorCode: y, resendVerification: Ce } = t(), { completeAuthFlow: we } = n(), { setWorkspace: b, setOrganization: x } = me(), { initiateGoogleOAuth: Te, initiateMicrosoftOAuth: Ee, isProviderConfigured: S } = r(), C = e((e) => e.mfaRequired), { executeRecaptcha: De } = se(), [w, T] = c(!1), [Oe, ke] = c(!1), E = o((e) => {
+	}, [ve]), { signIn: ye, isLoading: be, error: S, errorCode: C, resendVerification: xe } = t(), { completeAuthFlow: Se } = n(), { setWorkspace: w, setOrganization: T } = le(), { initiateGoogleOAuth: Ce, initiateMicrosoftOAuth: we, isProviderConfigured: E } = r(), D = e((e) => e.mfaRequired), { executeRecaptcha: Te } = ne(), [O, k] = p(!1), [Ee, De] = p(!1), A = d((e) => {
+		if (typeof window > "u") return e;
+		try {
+			let t = de(), n = new URL(t.url), r = window.location.origin;
+			if (n.origin === r) return e;
+			let i = new URL(e, r).href, a = me();
+			if (!a) return e;
+			let o = _(a), s = v(a);
+			if (!o || !s) return e;
+			let ee = fe(a), c = {
+				profileId: a,
+				tokens: JSON.stringify({
+					...o,
+					workspaceToken: ee
+				}),
+				user: JSON.stringify(s),
+				profiles: JSON.stringify(pe())
+			}, l = btoa(JSON.stringify(c)), u = new URL("/auth/sso-deposit", n.origin);
+			return u.searchParams.set("returnTo", i), `${u.href}#sso=${l}`;
+		} catch {
+			return e;
+		}
+	}, []), j = d((e) => {
 		if (typeof window < "u") {
 			try {
 				sessionStorage.setItem("bf-post-login-return-to", e);
 			} catch {}
-			window.location.assign(e);
+			window.location.assign(A(e));
 			return;
 		}
-		f(e);
-	}, [f]), [D, Ae] = c(!1), [O, k] = c(!1), [je, A] = c(!1), [Me, j] = c(!1), [M, N] = c(!1), [P, F] = c(!1), [I, L] = c(!1), [Ne, R] = c(!1), [z, B] = c(null), [V, H] = c(null), [U, W] = c({
+		y(e);
+	}, [y, A]), [M, Oe] = p(!1), [N, P] = p(!1), [ke, F] = p(!1), [Ae, I] = p(!1), [L, R] = p(!1), [z, B] = p(!1), [V, H] = p(!1), [je, U] = p(!1), [Me, W] = p(null), [Ne, Pe] = p(null), [G, K] = p({
 		email: "",
 		password: "",
 		rememberMe: !1
-	}), [G, K] = c(null), [q, J] = c(!1), Y = m.get("mode") === "add-account", X = m.get("returnTo"), Z = ce(X);
-	s(() => {
-		!Z.current && X && (Z.current = X);
-	}, [X]), s(() => {
-		if (Y || w) return;
-		let t = ye();
+	}), [q, J] = p(null), [Fe, Y] = p(!1), X = b.get("mode") === "add-account", Z = b.get("returnTo"), Q = re(Z);
+	f(() => {
+		!Q.current && Z && (Q.current = Z);
+	}, [Z]), f(() => {
+		if (X || O) return;
+		let t = me();
 		if (t) {
-			let n = ge(t), r = _e(t);
-			if (n?.accessToken && r && be(n.accessToken)) {
-				e.getState().loadFromProfile(t), E(xe(X) ?? "/");
+			let n = _(t), r = v(t);
+			if (n?.accessToken && r && he(n.accessToken)) {
+				e.getState().loadFromProfile(t), j(ge(Z) ?? "/");
 				return;
 			}
 		}
-		let n = ue();
-		n && (ke(!0), window.location.replace(n));
+		let n = ae();
+		n && (De(!0), window.location.replace(n));
 	}, [
-		Y,
-		w,
-		E,
-		X
-	]), s(() => {
+		X,
+		O,
+		j,
+		Z
+	]), f(() => {
 		try {
 			localStorage.removeItem("remembered_password");
 			let e = localStorage.getItem("remembered_email");
-			e && W((t) => ({
+			e && K((t) => ({
 				...t,
 				email: e,
 				rememberMe: !0
@@ -79,14 +102,14 @@ function f() {
 		} catch (e) {
 			console.warn("[LoginPage] Failed to load remembered email:", e);
 		}
-	}, []), s(() => {
-		let e = p.state;
-		e?.message && H(e.message), e?.email && W((t) => ({
+	}, []), f(() => {
+		let e = _e.state;
+		e?.message && Pe(e.message), e?.email && K((t) => ({
 			...t,
 			email: e.email
 		})), e && window.history.replaceState({}, document.title);
-	}, [p.state]);
-	let Pe = (e, t) => {
+	}, [_e.state]);
+	let Ie = (e, t) => {
 		if (t) switch (t) {
 			case "ACCOUNT_DELETED": return "DELETED";
 			case "ACCOUNT_SUSPENDED": return "SUSPENDED";
@@ -99,44 +122,44 @@ function f() {
 		let n = e.toLowerCase();
 		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;
 	};
-	s(() => {
-		let e = m.get("email");
-		if (e && W((t) => ({
+	f(() => {
+		let e = b.get("email");
+		if (e && K((t) => ({
 			...t,
 			email: e
-		})), m.get("expired") === "true") {
-			H(g("auth.login.sessionExpired", "Your session has expired. Please sign in again."));
+		})), b.get("expired") === "true") {
+			Pe(x("auth.login.sessionExpired", "Your session has expired. Please sign in again."));
 			let e = window.location.pathname;
 			window.history.replaceState({}, document.title, e);
 		}
-	}, [m, g]), s(() => {
-		C && f("/auth/mfa-verify");
-	}, [C, f]);
-	let Fe = async (t) => {
-		t.preventDefault(), k(!1), A(!1), j(!1), N(!1), F(!1), J(!1), R(!1), K(null);
-		let n = (U.email ?? "").trim();
+	}, [b, x]), f(() => {
+		D && y("/auth/mfa-verify");
+	}, [D, y]);
+	let Le = async (t) => {
+		t.preventDefault(), P(!1), F(!1), I(!1), R(!1), B(!1), Y(!1), U(!1), J(null);
+		let n = (G.email ?? "").trim();
 		if (!n) {
-			K(g("auth.login.enterEmailOrUsername", "Please enter your email or username"));
+			J(x("auth.login.enterEmailOrUsername", "Please enter your email or username"));
 			return;
 		}
 		if (n.includes("@") && !/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(n)) {
-			K(g("auth.login.invalidEmail", "Please enter a valid email address"));
+			J(x("auth.login.invalidEmail", "Please enter a valid email address"));
 			return;
 		}
-		if (!U.password || U.password.length < 1) {
-			K(g("auth.login.enterPassword", "Please enter your password"));
+		if (!G.password || G.password.length < 1) {
+			J(x("auth.login.enterPassword", "Please enter your password"));
 			return;
 		}
-		if (Y && ve().some((e) => e.email.toLowerCase() === n.toLowerCase())) {
-			J(!0), K(null);
+		if (X && pe().some((e) => e.email.toLowerCase() === n.toLowerCase())) {
+			Y(!0), J(null);
 			return;
 		}
-		J(!1);
+		Y(!1);
 		try {
-			let e = await De("login"), t = await Se({
+			let e = await Te("login"), t = await ye({
 				email: n,
-				password: U.password,
-				rememberMe: U.rememberMe,
+				password: G.password,
+				rememberMe: G.rememberMe,
 				...e ? { recaptchaToken: e } : {}
 			});
 			if (t.requiresMFA) return;
@@ -152,14 +175,14 @@ function f() {
 					}
 				} catch {}
 				try {
-					U.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);
 				}
-				T(!0);
-				let e = Z.current || X, r = e ? decodeURIComponent(e) : "/dashboard";
+				k(!0);
+				let e = Q.current || Z, r = e ? decodeURIComponent(e) : "/dashboard";
 				try {
-					let e = await Promise.race([we(t.token), new Promise((e) => {
+					let e = await Promise.race([Se(t.token), new Promise((e) => {
 						window.setTimeout(() => {
 							e({
 								success: !1,
@@ -167,270 +190,270 @@ function f() {
 							});
 						}, 5e3);
 					})]);
-					e.success ? (e.workspace && (b(e.workspace.id), e.workspace.organizationId && x(e.workspace.organizationId)), E(r)) : e.error?.includes("No workspaces found") ? f("/onboarding/create-workspace") : (e.workspace && (b(e.workspace.id), e.workspace.organizationId && x(e.workspace.organizationId)), console.warn("Auth flow warning:", e.error), E(r));
+					e.success ? (e.workspace && (w(e.workspace.id), e.workspace.organizationId && T(e.workspace.organizationId)), j(r)) : e.error?.includes("No workspaces found") ? y("/onboarding/create-workspace") : (e.workspace && (w(e.workspace.id), e.workspace.organizationId && T(e.workspace.organizationId)), console.warn("Auth flow warning:", e.error), j(r));
 				} catch (e) {
-					console.error("Auth flow error (login succeeded):", e), E(r);
+					console.error("Auth flow error (login succeeded):", e), j(r);
 				} finally {
-					T(!1);
+					k(!1);
 				}
 			}
 		} catch (t) {
 			let n = t instanceof Error ? t.message : String(t);
-			n.includes("reCAPTCHA") && K(n);
-			let r = e.getState().errorCode, i = Pe(n, r);
-			i === "DELETED" ? A(!0) : i === "SUSPENDED" ? j(!0) : i === "OAUTH_ONLY" ? N(!0) : i === "INACTIVE" ? k(!0) : i === "EMAIL_NOT_VERIFIED" && F(!0);
+			n.includes("reCAPTCHA") && J(n);
+			let r = e.getState().errorCode, i = Ie(n, r);
+			i === "DELETED" ? F(!0) : i === "SUSPENDED" ? I(!0) : i === "OAUTH_ONLY" ? R(!0) : i === "INACTIVE" ? P(!0) : i === "EMAIL_NOT_VERIFIED" && B(!0);
 		}
 	};
-	s(() => {
-		if (v) {
-			let e = Pe(v, y);
-			e === "DELETED" ? A(!0) : e === "SUSPENDED" ? j(!0) : e === "OAUTH_ONLY" ? N(!0) : e === "INACTIVE" ? k(!0) : e === "EMAIL_NOT_VERIFIED" && F(!0);
+	f(() => {
+		if (S) {
+			let e = Ie(S, C);
+			e === "DELETED" ? F(!0) : e === "SUSPENDED" ? I(!0) : e === "OAUTH_ONLY" ? R(!0) : e === "INACTIVE" ? P(!0) : e === "EMAIL_NOT_VERIFIED" && B(!0);
 		}
-	}, [v, y]);
-	let Ie = () => {
-		B(null);
+	}, [S, C]);
+	let $ = () => {
+		W(null);
 		try {
-			Te();
+			Ce();
 		} catch (e) {
-			B(e instanceof Error ? e.message : g("auth.login.googleSignInFailed", "Failed to initiate Google sign in"));
+			W(e instanceof Error ? e.message : x("auth.login.googleSignInFailed", "Failed to initiate Google sign in"));
 		}
-	}, Q = () => {
-		B(null);
+	}, Re = () => {
+		W(null);
 		try {
-			Ee();
+			we();
 		} catch (e) {
-			B(e instanceof Error ? e.message : g("auth.login.microsoftSignInFailed", "Failed to initiate Microsoft sign in"));
+			W(e instanceof Error ? e.message : x("auth.login.microsoftSignInFailed", "Failed to initiate Microsoft sign in"));
 		}
-	}, Le = async () => {
-		L(!0), R(!1);
+	}, ze = async () => {
+		H(!0), U(!1);
 		try {
-			(await Ce((U.email ?? "").trim())).success ? R(!0) : K(g("auth.login.resendFailed", "Failed to resend verification email. Please try again."));
+			(await xe((G.email ?? "").trim())).success ? U(!0) : J(x("auth.login.resendFailed", "Failed to resend verification email. Please try again."));
 		} catch (e) {
-			console.error("Failed to resend verification email:", e), K(e instanceof Error ? e.message : g("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 : x("auth.login.resendFailed", "Failed to resend verification email. Please try again."));
 		} finally {
-			L(!1);
+			H(!1);
 		}
-	}, Re = S("google"), $ = S("microsoft"), ze = [{
+	}, Be = E("google"), Ve = E("microsoft"), He = [{
 		name: "Google",
-		icon: re,
-		onClick: Ie,
-		disabled: !Re,
-		tooltip: Re ? void 0 : g("auth.login.googleNotConfigured", "Google sign in is not configured")
+		icon: c,
+		onClick: $,
+		disabled: !Be,
+		tooltip: Be ? void 0 : x("auth.login.googleNotConfigured", "Google sign in is not configured")
 	}, {
 		name: "Microsoft",
-		icon: ae,
-		onClick: Q,
-		disabled: !$,
-		tooltip: $ ? void 0 : g("auth.login.microsoftNotConfigured", "Microsoft sign in is not configured")
+		icon: u,
+		onClick: Re,
+		disabled: !Ve,
+		tooltip: Ve ? void 0 : x("auth.login.microsoftNotConfigured", "Microsoft sign in is not configured")
 	}];
-	return Oe ? /* @__PURE__ */ u(le, {}) : /* @__PURE__ */ d(i, {
-		title: g("auth.login.welcomeBack", "Welcome back"),
-		subtitle: g("auth.login.enterCredentials", "Enter your credentials to continue"),
+	return Ee ? /* @__PURE__ */ h(ie, {}) : /* @__PURE__ */ g(i, {
+		title: x("auth.login.welcomeBack", "Welcome back"),
+		subtitle: x("auth.login.enterCredentials", "Enter your credentials to continue"),
 		children: [
-			/* @__PURE__ */ d("form", {
-				onSubmit: Fe,
+			/* @__PURE__ */ g("form", {
+				onSubmit: Le,
 				className: "space-y-5",
 				children: [
-					V && /* @__PURE__ */ d("div", {
+					Ne && /* @__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__ */ u("svg", {
+						children: [/* @__PURE__ */ h("svg", {
 							className: "w-5 h-5 flex-shrink-0 mt-0.5 text-text-link",
 							fill: "none",
 							viewBox: "0 0 24 24",
 							stroke: "currentColor",
-							children: /* @__PURE__ */ u("path", {
+							children: /* @__PURE__ */ h("path", {
 								strokeLinecap: "round",
 								strokeLinejoin: "round",
 								strokeWidth: 2,
 								d: "M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z"
 							})
-						}), /* @__PURE__ */ u("p", {
+						}), /* @__PURE__ */ h("p", {
 							className: "text-sm text-status-info-text",
-							children: V
+							children: Ne
 						})]
 					}),
-					G && /* @__PURE__ */ d("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__ */ u(a, { className: "w-5 h-5 flex-shrink-0 mt-0.5 text-status-warning-text" }), /* @__PURE__ */ u("p", {
+						children: [/* @__PURE__ */ h(a, { className: "w-5 h-5 flex-shrink-0 mt-0.5 text-status-warning-text" }), /* @__PURE__ */ h("p", {
 							className: "text-sm text-status-warning-text",
-							children: G
+							children: q
 						})]
 					}),
-					q && /* @__PURE__ */ d("div", {
+					Fe && /* @__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__ */ u(a, { className: "w-5 h-5 flex-shrink-0 mt-0.5 text-status-warning-text" }), /* @__PURE__ */ d("div", {
+						children: [/* @__PURE__ */ h(a, { className: "w-5 h-5 flex-shrink-0 mt-0.5 text-status-warning-text" }), /* @__PURE__ */ g("div", {
 							className: "flex-1",
 							children: [
-								/* @__PURE__ */ u("p", {
+								/* @__PURE__ */ h("p", {
 									className: "text-sm font-medium text-status-warning-text",
-									children: g("auth.login.duplicateAccount", "This account is already signed in.")
+									children: x("auth.login.duplicateAccount", "This account is already signed in.")
 								}),
-								/* @__PURE__ */ u("p", {
+								/* @__PURE__ */ h("p", {
 									className: "mt-1 text-sm text-status-warning-text/80",
-									children: g("auth.login.duplicateAccountHint", "Please use a different account, or go back and switch to this account from the profile menu.")
+									children: x("auth.login.duplicateAccountHint", "Please use a different account, or go back and switch to this account from the profile menu.")
 								}),
-								(Z.current || X) && /* @__PURE__ */ d("button", {
+								(Q.current || Z) && /* @__PURE__ */ g("button", {
 									type: "button",
-									onClick: () => f(decodeURIComponent(Z.current || X || "/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__ */ u("svg", {
+									children: [/* @__PURE__ */ h("svg", {
 										className: "w-4 h-4",
 										fill: "none",
 										viewBox: "0 0 24 24",
 										stroke: "currentColor",
-										children: /* @__PURE__ */ u("path", {
+										children: /* @__PURE__ */ h("path", {
 											strokeLinecap: "round",
 											strokeLinejoin: "round",
 											strokeWidth: 2,
 											d: "M10 19l-7-7m0 0l7-7m-7 7h18"
 										})
-									}), g("auth.login.goBackSwitchAccount", "Go back and switch account")]
+									}), x("auth.login.goBackSwitchAccount", "Go back and switch account")]
 								})
 							]
 						})]
 					}),
-					v && !G && !q && /* @__PURE__ */ d("div", {
-						className: `flex items-start gap-3 p-4 rounded-xl border ${O || M || P ? "bg-status-warning-bg-subtle border-status-warning-border" : "bg-status-error-bg-subtle border-status-error-border"}`,
-						children: [/* @__PURE__ */ u(a, { className: `w-5 h-5 flex-shrink-0 mt-0.5 ${O || M || P ? "text-status-warning-text" : "text-status-error-text"}` }), /* @__PURE__ */ d("div", {
+					S && !q && !Fe && /* @__PURE__ */ g("div", {
+						className: `flex items-start gap-3 p-4 rounded-xl border ${N || L || z ? "bg-status-warning-bg-subtle border-status-warning-border" : "bg-status-error-bg-subtle border-status-error-border"}`,
+						children: [/* @__PURE__ */ h(a, { className: `w-5 h-5 flex-shrink-0 mt-0.5 ${N || L || z ? "text-status-warning-text" : "text-status-error-text"}` }), /* @__PURE__ */ g("div", {
 							className: "flex-1",
 							children: [
-								/* @__PURE__ */ u("p", {
-									className: `text-sm ${O || M || P ? "text-status-warning-text" : "text-status-error-text"}`,
-									children: je ? g("auth.login.accountDeleted", "This account has been permanently deleted and cannot be recovered.") : Me ? g("auth.login.accountSuspended", "Your account has been suspended. Please contact support for assistance.") : O ? g("auth.login.accountDeactivated", "Your account has been deactivated.") : M ? g("auth.login.oauthOnly", "This account uses OAuth sign-in. Please use Google or Microsoft to sign in.") : P ? g("auth.login.emailNotVerified", "Please verify your email before signing in. Check your inbox for the verification link.") : v
+								/* @__PURE__ */ h("p", {
+									className: `text-sm ${N || L || z ? "text-status-warning-text" : "text-status-error-text"}`,
+									children: ke ? x("auth.login.accountDeleted", "This account has been permanently deleted and cannot be recovered.") : Ae ? x("auth.login.accountSuspended", "Your account has been suspended. Please contact support for assistance.") : N ? x("auth.login.accountDeactivated", "Your account has been deactivated.") : L ? x("auth.login.oauthOnly", "This account uses OAuth sign-in. Please use Google or Microsoft to sign in.") : z ? x("auth.login.emailNotVerified", "Please verify your email before signing in. Check your inbox for the verification link.") : S
 								}),
-								O && /* @__PURE__ */ u("button", {
+								N && /* @__PURE__ */ h("button", {
 									type: "button",
-									onClick: () => f("/auth/reactivate", { state: { email: U.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: g("auth.login.clickReactivate", "Click here to reactivate your account")
+									children: x("auth.login.clickReactivate", "Click here to reactivate your account")
 								}),
-								P && /* @__PURE__ */ u("div", {
+								z && /* @__PURE__ */ h("div", {
 									className: "mt-3",
-									children: Ne ? /* @__PURE__ */ d("div", {
+									children: je ? /* @__PURE__ */ g("div", {
 										className: "flex items-center gap-2 text-sm text-status-success-text",
-										children: [/* @__PURE__ */ u("svg", {
+										children: [/* @__PURE__ */ h("svg", {
 											className: "w-4 h-4",
 											fill: "none",
 											viewBox: "0 0 24 24",
 											stroke: "currentColor",
-											children: /* @__PURE__ */ u("path", {
+											children: /* @__PURE__ */ h("path", {
 												strokeLinecap: "round",
 												strokeLinejoin: "round",
 												strokeWidth: 2,
 												d: "M5 13l4 4L19 7"
 											})
-										}), g("auth.login.verificationSent", "Verification email sent! Please check your inbox.")]
-									}) : /* @__PURE__ */ u("button", {
+										}), x("auth.login.verificationSent", "Verification email sent! Please check your inbox.")]
+									}) : /* @__PURE__ */ h("button", {
 										type: "button",
-										onClick: Le,
-										disabled: I,
+										onClick: ze,
+										disabled: V,
 										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: I ? /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(oe, { className: "w-4 h-4 animate-spin" }), g("auth.login.sending", "Sending...")] }) : /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u("svg", {
+										children: V ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(te, { className: "w-4 h-4 animate-spin" }), x("auth.login.sending", "Sending...")] }) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("svg", {
 											className: "w-4 h-4",
 											fill: "none",
 											viewBox: "0 0 24 24",
 											stroke: "currentColor",
-											children: /* @__PURE__ */ u("path", {
+											children: /* @__PURE__ */ h("path", {
 												strokeLinecap: "round",
 												strokeLinejoin: "round",
 												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"
 											})
-										}), g("auth.login.resendVerification", "Resend verification email")] })
+										}), x("auth.login.resendVerification", "Resend verification email")] })
 									})
 								}),
-								M && /* @__PURE__ */ d("div", {
+								L && /* @__PURE__ */ g("div", {
 									className: "mt-3 flex flex-col gap-2",
-									children: [S("google") && /* @__PURE__ */ d("button", {
+									children: [E("google") && /* @__PURE__ */ g("button", {
 										type: "button",
-										onClick: Ie,
+										onClick: $,
 										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__ */ u(re, { className: "w-5 h-5" }), g("auth.login.signInWithGoogle", "Sign in with Google")]
-									}), S("microsoft") && /* @__PURE__ */ d("button", {
+										children: [/* @__PURE__ */ h(c, { className: "w-5 h-5" }), x("auth.login.signInWithGoogle", "Sign in with Google")]
+									}), E("microsoft") && /* @__PURE__ */ g("button", {
 										type: "button",
-										onClick: Q,
+										onClick: Re,
 										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__ */ u(ae, { className: "w-5 h-5" }), g("auth.login.signInWithMicrosoft", "Sign in with Microsoft")]
+										children: [/* @__PURE__ */ h(u, { className: "w-5 h-5" }), x("auth.login.signInWithMicrosoft", "Sign in with Microsoft")]
 									})]
 								})
 							]
 						})]
 					}),
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ g("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ u("label", {
+						children: [/* @__PURE__ */ h("label", {
 							htmlFor: "email",
 							className: "block text-sm font-medium text-[var(--color-text-primary)]",
-							children: g("auth.login.emailLabel", "Email")
-						}), /* @__PURE__ */ d("div", {
+							children: x("auth.login.emailLabel", "Email")
+						}), /* @__PURE__ */ g("div", {
 							className: "relative",
-							children: [/* @__PURE__ */ u("div", {
+							children: [/* @__PURE__ */ h("div", {
 								className: "absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none",
-								children: /* @__PURE__ */ u(ee, { className: "w-5 h-5 text-[var(--color-text-tertiary)]" })
-							}), /* @__PURE__ */ u("input", {
+								children: /* @__PURE__ */ h(o, { className: "w-5 h-5 text-[var(--color-text-tertiary)]" })
+							}), /* @__PURE__ */ h("input", {
 								id: "email",
 								type: "text",
 								autoComplete: "email username",
 								required: !0,
-								value: U.email,
-								onChange: (e) => W({
-									...U,
+								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: g("auth.login.emailPlaceholder", "you@example.com")
+								placeholder: x("auth.login.emailPlaceholder", "you@example.com")
 							})]
 						})]
 					}),
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ g("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ u("label", {
+						children: [/* @__PURE__ */ h("label", {
 							htmlFor: "password",
 							className: "block text-sm font-medium text-[var(--color-text-primary)]",
-							children: g("auth.login.passwordLabel", "Password")
-						}), /* @__PURE__ */ d("div", {
+							children: x("auth.login.passwordLabel", "Password")
+						}), /* @__PURE__ */ g("div", {
 							className: "relative",
 							children: [
-								/* @__PURE__ */ u("div", {
+								/* @__PURE__ */ h("div", {
 									className: "absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none",
-									children: /* @__PURE__ */ u(ie, { className: "w-5 h-5 text-[var(--color-text-tertiary)]" })
+									children: /* @__PURE__ */ h(l, { className: "w-5 h-5 text-[var(--color-text-tertiary)]" })
 								}),
-								/* @__PURE__ */ u("input", {
+								/* @__PURE__ */ h("input", {
 									id: "password",
-									type: D ? "text" : "password",
+									type: M ? "text" : "password",
 									autoComplete: "current-password",
 									required: !0,
-									value: U.password,
-									onChange: (e) => W({
-										...U,
+									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: g("auth.login.passwordPlaceholder", "Enter your password")
+									placeholder: x("auth.login.passwordPlaceholder", "Enter your password")
 								}),
-								/* @__PURE__ */ u("button", {
+								/* @__PURE__ */ h("button", {
 									type: "button",
-									onClick: () => Ae(!D),
-									"aria-label": D ? "Hide password" : "Show password",
+									onClick: () => Oe(!M),
+									"aria-label": M ? "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: u(D ? ne : te, { className: "w-5 h-5" })
+									children: h(M ? ee : s, { className: "w-5 h-5" })
 								})
 							]
 						})]
 					}),
-					/* @__PURE__ */ d("div", {
+					/* @__PURE__ */ g("div", {
 						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ d("label", {
+						children: [/* @__PURE__ */ g("label", {
 							className: "flex items-center gap-2 cursor-pointer group",
-							children: [/* @__PURE__ */ d("div", {
+							children: [/* @__PURE__ */ g("div", {
 								className: "relative",
-								children: [/* @__PURE__ */ u("input", {
+								children: [/* @__PURE__ */ h("input", {
 									type: "checkbox",
-									checked: U.rememberMe,
+									checked: G.rememberMe,
 									onChange: (e) => {
 										let t = e.target.checked;
-										if (W({
-											...U,
+										if (K({
+											...G,
 											rememberMe: t
 										}), !t) try {
 											localStorage.removeItem("remembered_email");
@@ -439,98 +462,98 @@ function f() {
 										}
 									},
 									className: "sr-only peer"
-								}), /* @__PURE__ */ u("div", {
+								}), /* @__PURE__ */ h("div", {
 									className: "w-5 h-5 rounded-md border-2 border-[var(--color-border-default)] bg-[var(--color-bg-surface)] peer-checked:bg-status-info-bg-subtle0 peer-checked:border-action-primary-bg transition-all peer-focus:ring-2 peer-focus:ring-action-primary-bg/20",
-									children: /* @__PURE__ */ u("svg", {
+									children: /* @__PURE__ */ h("svg", {
 										className: "w-full h-full text-white opacity-0 peer-checked:opacity-100 transition-opacity p-0.5",
 										fill: "none",
 										viewBox: "0 0 24 24",
 										stroke: "currentColor",
 										strokeWidth: 3,
-										children: /* @__PURE__ */ u("path", {
+										children: /* @__PURE__ */ h("path", {
 											strokeLinecap: "round",
 											strokeLinejoin: "round",
 											d: "M5 13l4 4L19 7"
 										})
 									})
 								})]
-							}), /* @__PURE__ */ u("span", {
+							}), /* @__PURE__ */ h("span", {
 								className: "text-sm text-[var(--color-text-secondary)] group-hover:text-[var(--color-text-primary)] transition-colors",
-								children: g("auth.login.rememberMe", "Remember me")
+								children: x("auth.login.rememberMe", "Remember me")
 							})]
-						}), /* @__PURE__ */ u("button", {
+						}), /* @__PURE__ */ h("button", {
 							type: "button",
-							onClick: () => f("/auth/reset-password"),
+							onClick: () => y("/auth/reset-password"),
 							className: "text-sm font-medium text-text-link hover:text-text-linkHover transition-colors",
-							children: g("auth.login.forgotPassword", "Forgot password?")
+							children: x("auth.login.forgotPassword", "Forgot password?")
 						})]
 					}),
-					/* @__PURE__ */ u("button", {
+					/* @__PURE__ */ h("button", {
 						type: "submit",
-						disabled: _ || w,
+						disabled: be || O,
 						className: "auth-primary-button flex w-full items-center justify-center gap-2 px-4 py-3 font-semibold",
-						children: _ || w ? /* @__PURE__ */ d(l, { children: [/* @__PURE__ */ u(oe, { className: "w-5 h-5 animate-spin" }), /* @__PURE__ */ u("span", { children: w ? g("auth.login.settingUpWorkspace", "Setting up workspace...") : g("auth.login.signingIn", "Signing in...") })] }) : g("auth.login.signIn", "Sign in")
+						children: be || O ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(te, { className: "w-5 h-5 animate-spin" }), /* @__PURE__ */ h("span", { children: O ? x("auth.login.settingUpWorkspace", "Setting up workspace...") : x("auth.login.signingIn", "Signing in...") })] }) : x("auth.login.signIn", "Sign in")
 					})
 				]
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ g("div", {
 				className: "relative my-8",
-				children: [/* @__PURE__ */ u("div", {
+				children: [/* @__PURE__ */ h("div", {
 					className: "absolute inset-0 flex items-center",
-					children: /* @__PURE__ */ u("div", { className: "w-full border-t border-[var(--color-border-default)]" })
-				}), /* @__PURE__ */ u("div", {
+					children: /* @__PURE__ */ h("div", { className: "w-full border-t border-[var(--color-border-default)]" })
+				}), /* @__PURE__ */ h("div", {
 					className: "relative flex justify-center",
-					children: /* @__PURE__ */ u("span", {
+					children: /* @__PURE__ */ h("span", {
 						className: "px-4 bg-[var(--color-bg-canvas)] text-sm text-[var(--color-text-tertiary)]",
-						children: g("auth.login.orContinueWith", "or continue with")
+						children: x("auth.login.orContinueWith", "or continue with")
 					})
 				})]
 			}),
-			z && /* @__PURE__ */ d("div", {
+			Me && /* @__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__ */ u(a, { className: "w-5 h-5 flex-shrink-0 mt-0.5 text-status-error-text" }), /* @__PURE__ */ u("p", {
+				children: [/* @__PURE__ */ h(a, { className: "w-5 h-5 flex-shrink-0 mt-0.5 text-status-error-text" }), /* @__PURE__ */ h("p", {
 					className: "text-sm text-status-error-text",
-					children: z
+					children: Me
 				})]
 			}),
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ h("div", {
 				className: "grid grid-cols-3 gap-3",
-				children: ze.map((e) => /* @__PURE__ */ d("button", {
+				children: He.map((e) => /* @__PURE__ */ g("button", {
 					type: "button",
 					onClick: e.onClick,
 					disabled: e.disabled,
 					title: e.tooltip,
 					className: `flex items-center justify-center gap-2 px-4 py-3 rounded-xl border transition-all duration-200 group ${e.disabled ? "border-[var(--color-border-subtle)] bg-[var(--color-bg-disabled)] cursor-not-allowed opacity-50" : "border-[var(--color-border-default)] bg-[var(--color-bg-surface)] hover:bg-[var(--color-bg-sunken)] hover:border-[var(--color-border-strong)]"}`,
-					children: [/* @__PURE__ */ u(e.icon, { className: `w-5 h-5 ${e.disabled ? "opacity-50" : ""}` }), /* @__PURE__ */ u("span", {
+					children: [/* @__PURE__ */ h(e.icon, { className: `w-5 h-5 ${e.disabled ? "opacity-50" : ""}` }), /* @__PURE__ */ h("span", {
 						className: `sr-only sm:not-sr-only text-sm font-medium transition-colors hidden sm:inline ${e.disabled ? "text-[var(--color-text-disabled)]" : "text-[var(--color-text-secondary)] group-hover:text-[var(--color-text-primary)]"}`,
 						children: e.name
 					})]
 				}, e.name))
 			}),
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ h("div", {
 				className: "mt-4 text-center",
-				children: /* @__PURE__ */ d("button", {
-					onClick: () => f("/auth/magic-link"),
+				children: /* @__PURE__ */ g("button", {
+					onClick: () => y("/auth/magic-link"),
 					className: "text-sm text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)] transition-colors",
 					children: [
-						g("auth.login.preferPasswordless", "Prefer passwordless login?"),
+						x("auth.login.preferPasswordless", "Prefer passwordless login?"),
 						" ",
-						/* @__PURE__ */ u("span", {
+						/* @__PURE__ */ h("span", {
 							className: "font-semibold text-text-link hover:text-text-linkHover",
-							children: g("auth.login.signInMagicLink", "Sign in with Magic Link")
+							children: x("auth.login.signInMagicLink", "Sign in with Magic Link")
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ d("p", {
+			/* @__PURE__ */ g("p", {
 				className: "mt-6 text-center text-sm text-[var(--color-text-secondary)]",
 				children: [
-					g("auth.login.dontHaveAccount", "Don't have an account?"),
+					x("auth.login.dontHaveAccount", "Don't have an account?"),
 					" ",
-					/* @__PURE__ */ u("button", {
-						onClick: () => f("/auth/register"),
+					/* @__PURE__ */ h("button", {
+						onClick: () => y("/auth/register"),
 						className: "font-semibold text-text-link hover:text-text-linkHover transition-colors",
-						children: g("auth.login.signUp", "Sign up")
+						children: x("auth.login.signUp", "Sign up")
 					})
 				]
 			})
@@ -538,6 +561,6 @@ function f() {
 	});
 }
 //#endregion
-export { f as LoginPage };
+export { y as LoginPage };
 
 //# sourceMappingURL=LoginPage.js.map