@burdenoff/microfe-auth 2026.624.3 → 2026.625.1

package/dist/auth/pages/LoginPage.js

@@ -4,18 +4,20 @@ 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 ee, EyeOffIcon as te, GoogleIcon as c, LockIcon as l, MicrosoftIcon as ne, SpinnerIcon as u } from "../components/AuthIcons.js";
-import { useCaptchaV3 as re } from "../hooks/useCaptchaV3.js";
-import { MFA_REDIRECT as ie } from "../constants/sessionKeys.js";
-import { useCallback as d, useEffect as f, useRef as ae, useState as p } from "react";
-import { SSORedirectSpinner as oe, getSSORedirectUrl as se } from "@burdenoff/fe-libs/shared/components";
-import { useLocation as ce, useNavigate as le, useSearchParams as ue } from "react-router-dom";
-import { useActiveContext as de, useI18n as fe } from "@burdenoff/fe-libs/shared/providers/shell";
-import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
-import { resolveAuthBridgeConfig as pe } from "@burdenoff/fe-libs/shared/config";
-import { getProfileTokens as me, getProfileUser as he, getProfileWorkspaceToken as ge, getProfiles as _, resolveActiveProfileId as _e } from "@burdenoff/fe-libs/shared/providers/shell/ProfileStorageManager";
+import { AlertIcon as o, EmailIcon as s, EyeIcon as ee, EyeOffIcon as c, GoogleIcon as l, LockIcon as u, MicrosoftIcon as te, SpinnerIcon as d } from "../components/AuthIcons.js";
+import { useCaptchaV3 as ne } from "../hooks/useCaptchaV3.js";
+import { MFA_REDIRECT as re } from "../constants/sessionKeys.js";
+import { useCallback as f, useEffect as p, useRef as ie, useState as m } 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 h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { resolveAuthBridgeConfig as fe } from "@burdenoff/fe-libs/shared/config";
+import { Button as pe } from "@burdenoff/fe-libs/button";
+import { PagePurpose as me } from "@burdenoff/fe-libs/ui";
+import { getProfileTokens as he, getProfileUser as ge, getProfileWorkspaceToken as _e, getProfiles as ve, resolveActiveProfileId as ye } from "@burdenoff/fe-libs/shared/providers/shell/ProfileStorageManager";
 //#region src/auth/pages/LoginPage.tsx
-function v() {
+function be() {
 	if (typeof window > "u") return !1;
 	let e = window;
 	if (typeof e.Capacitor?.isNativePlatform == "function") try {
@@ -23,7 +25,7 @@ function v() {
 	} catch {}
 	return !!(typeof navigator < "u" && /Electron/i.test(navigator.userAgent || ""));
 }
-function ve(e) {
+function xe(e) {
 	if (typeof window > "u") return e;
 	try {
 		let t = new URL(e, window.location.origin);
@@ -32,7 +34,7 @@ function ve(e) {
 		return e;
 	}
 }
-function ye(e) {
+function Se(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;
@@ -40,16 +42,16 @@ function ye(e) {
 		return !1;
 	}
 }
-function be(e) {
+function Ce(e) {
 	if (!e) return null;
 	try {
 		let t = new URL(decodeURIComponent(e), window.location.origin);
-		return t.origin === window.location.origin ? y(t, { includeOrigin: !1 }) : null;
+		return t.origin === window.location.origin ? v(t, { includeOrigin: !1 }) : null;
 	} catch {
 		return null;
 	}
 }
-function y(e, t) {
+function v(e, t) {
 	for (let t of [
 		"sso_failed",
 		"sso-failed",
@@ -59,82 +61,82 @@ function y(e, t) {
 	let n = e.searchParams.toString();
 	return `${e.pathname}${n ? `?${n}` : ""}${e.hash}`;
 }
-function xe(e) {
+function we(e) {
 	try {
 		let t = new URL(decodeURIComponent(e), window.location.origin);
-		return y(t, { includeOrigin: t.origin !== window.location.origin });
+		return v(t, { includeOrigin: t.origin !== window.location.origin });
 	} catch {
 		return e;
 	}
 }
-function b() {
-	let y = le(), b = ce(), [x] = ue(), { t: Se } = fe(), S = d((e, t) => {
-		let n = Se(e);
+function y() {
+	let v = ce(), y = se(), [b] = le(), { t: x } = de(), S = f((e, t) => {
+		let n = x(e);
 		return n === e ? t : n;
-	}, [Se]), { signIn: Ce, isLoading: C, error: w, errorCode: T, resendVerification: we } = n(), { completeAuthFlow: Te } = r(), { setWorkspace: E, setOrganization: D } = de(), { defaultPostLoginPath: O } = e(), { initiateGoogleOAuth: Ee, initiateMicrosoftOAuth: De, isProviderConfigured: k } = i(), A = t((e) => e.mfaRequired), { executeRecaptcha: Oe } = re(), [j, M] = p(!1), [ke, Ae] = p(!1), N = d((e) => {
-		if (typeof window > "u" || v()) return e;
+	}, [x]), { signIn: Te, isLoading: C, error: w, errorCode: T, resendVerification: Ee } = n(), { completeAuthFlow: De } = r(), { setWorkspace: E, setOrganization: D } = ue(), { defaultPostLoginPath: O } = e(), { initiateGoogleOAuth: Oe, initiateMicrosoftOAuth: ke, isProviderConfigured: k } = i(), A = t((e) => e.mfaRequired), { executeRecaptcha: Ae } = ne(), [j, M] = m(!1), [je, Me] = m(!1), Ne = f((e) => {
+		if (typeof window > "u" || be()) return e;
 		try {
-			let t = pe(), 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 = _e();
+			let i = new URL(e, r).href, a = ye();
 			if (!a) return e;
-			let o = me(a), s = he(a);
+			let o = he(a), s = ge(a);
 			if (!o || !s) return e;
-			let ee = ge(a), te = {
+			let ee = _e(a), c = {
 				profileId: a,
 				tokens: JSON.stringify({
 					...o,
 					workspaceToken: ee
 				}),
 				user: JSON.stringify(s),
-				profiles: JSON.stringify(_())
-			}, c = btoa(JSON.stringify(te)), l = new URL("/auth/sso-deposit", n.origin);
-			return l.searchParams.set("returnTo", i), `${l.href}#sso=${c}`;
+				profiles: JSON.stringify(ve())
+			}, 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;
 		}
-	}, []), P = d((e) => {
+	}, []), N = f((e) => {
 		if (typeof window < "u") {
 			try {
 				sessionStorage.setItem("bf-post-login-return-to", e);
 			} catch {}
-			if (v()) {
-				y(ve(e));
+			if (be()) {
+				v(xe(e));
 				return;
 			}
-			window.location.assign(N(e));
+			window.location.assign(Ne(e));
 			return;
 		}
-		y(e);
-	}, [y, N]), [F, je] = p(!1), [I, L] = p(!1), [Me, R] = p(!1), [Ne, z] = p(!1), [B, V] = p(!1), [H, U] = p(!1), [Pe, Fe] = p(!1), [Ie, W] = p(!1), [Le, G] = p(null), [Re, ze] = p(null), [K, q] = p({
+		v(e);
+	}, [v, Ne]), [P, Pe] = m(!1), [F, I] = m(!1), [Fe, L] = m(!1), [Ie, R] = m(!1), [z, B] = m(!1), [V, H] = m(!1), [Le, Re] = m(!1), [ze, U] = m(!1), [Be, W] = m(null), [Ve, He] = m(null), [G, K] = m({
 		email: "",
 		password: "",
 		rememberMe: !1
-	}), [J, Y] = p(null), [Be, X] = p(!1), Z = x.get("mode") === "add-account", Q = x.get("returnTo"), $ = ae(Q);
-	f(() => {
-		!$.current && Q && ($.current = Q);
-	}, [Q]), f(() => {
-		if (Z || j) return;
-		let e = _e();
+	}), [q, J] = m(null), [Ue, Y] = m(!1), X = b.get("mode") === "add-account", Z = b.get("returnTo"), Q = ie(Z);
+	p(() => {
+		!Q.current && Z && (Q.current = Z);
+	}, [Z]), p(() => {
+		if (X || j) return;
+		let e = ye();
 		if (e) {
-			let n = me(e), r = he(e);
-			if (n?.accessToken && r && ye(n.accessToken)) {
-				t.getState().loadFromProfile(e), P(be(Q) ?? "/");
+			let n = he(e), r = ge(e);
+			if (n?.accessToken && r && Se(n.accessToken)) {
+				t.getState().loadFromProfile(e), N(Ce(Z) ?? "/");
 				return;
 			}
 		}
-		let n = se();
-		n && (Ae(!0), window.location.replace(n));
+		let n = oe();
+		n && (Me(!0), window.location.replace(n));
 	}, [
-		Z,
+		X,
 		j,
-		P,
-		Q
-	]), f(() => {
+		N,
+		Z
+	]), p(() => {
 		try {
 			localStorage.removeItem("remembered_password");
 			let e = localStorage.getItem("remembered_email");
-			e && q((t) => ({
+			e && K((t) => ({
 				...t,
 				email: e,
 				rememberMe: !0
@@ -142,14 +144,14 @@ function b() {
 		} catch (e) {
 			console.warn("[LoginPage] Failed to load remembered email:", e);
 		}
-	}, []), f(() => {
-		let e = b.state;
-		e?.message && ze(e.message), e?.email && q((t) => ({
+	}, []), p(() => {
+		let e = y.state;
+		e?.message && He(e.message), e?.email && K((t) => ({
 			...t,
 			email: e.email
 		})), e && window.history.replaceState({}, document.title);
-	}, [b.state]);
-	let Ve = (e, t) => {
+	}, [y.state]);
+	let We = (e, t) => {
 		if (t) switch (t) {
 			case "ACCOUNT_DELETED": return "DELETED";
 			case "ACCOUNT_SUSPENDED": return "SUSPENDED";
@@ -162,50 +164,50 @@ function b() {
 		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;
 	};
-	f(() => {
-		let e = x.get("email");
-		if (e && q((t) => ({
+	p(() => {
+		let e = b.get("email");
+		if (e && K((t) => ({
 			...t,
 			email: e
-		})), x.get("expired") === "true") {
-			ze(S("auth.login.sessionExpired", "Your session has expired. Please sign in again."));
+		})), b.get("expired") === "true") {
+			He(S("auth.login.sessionExpired", "Your session has expired. Please sign in again."));
 			let e = window.location.pathname;
 			window.history.replaceState({}, document.title, e);
 		}
-	}, [x, S]), f(() => {
-		A && y("/auth/mfa-verify");
-	}, [A, y]);
-	let He = async (e) => {
-		e.preventDefault(), L(!1), R(!1), z(!1), V(!1), U(!1), X(!1), W(!1), Y(null);
-		let n = (K.email ?? "").trim();
+	}, [b, S]), p(() => {
+		A && v("/auth/mfa-verify");
+	}, [A, v]);
+	let Ge = 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(S("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(S("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(S("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 && _().some((e) => e.email.toLowerCase() === n.toLowerCase())) {
-			X(!0), Y(null);
+		if (X && ve().some((e) => e.email.toLowerCase() === n.toLowerCase())) {
+			Y(!0), J(null);
 			return;
 		}
-		X(!1);
+		Y(!1);
 		try {
-			let e = await Oe("login"), t = await Ce({
+			let e = await Ae("login"), t = await Te({
 				email: n,
-				password: K.password,
-				rememberMe: K.rememberMe,
+				password: G.password,
+				rememberMe: G.rememberMe,
 				...e ? { recaptchaToken: e } : {}
 			});
 			if (t.requiresMFA) {
-				let e = xe($.current || Q || (O ?? "/dashboard"));
+				let e = we(Q.current || Z || (O ?? "/dashboard"));
 				try {
-					sessionStorage.setItem(ie, e);
+					sessionStorage.setItem(re, e);
 				} catch {}
 				return;
 			}
@@ -221,14 +223,14 @@ function b() {
 					}
 				} 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 = xe($.current || Q || (O ?? "/dashboard"));
+				let e = we(Q.current || Z || (O ?? "/dashboard"));
 				try {
-					let n = await Promise.race([Te(t.token), new Promise((e) => {
+					let n = await Promise.race([De(t.token), new Promise((e) => {
 						window.setTimeout(() => {
 							e({
 								success: !1,
@@ -236,118 +238,122 @@ function b() {
 							});
 						}, 5e3);
 					})]);
-					n.success ? (n.workspace && (E(n.workspace.id), n.workspace.organizationId && D(n.workspace.organizationId)), P(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), P(e));
+					n.success ? (n.workspace && (E(n.workspace.id), n.workspace.organizationId && D(n.workspace.organizationId)), N(e)) : n.error?.includes("No workspaces found") ? v("/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), P(e);
+					console.error("Auth flow error (login succeeded):", t), N(e);
 				} finally {
 					M(!1);
 				}
 			}
 		} catch (e) {
 			let n = e instanceof Error ? e.message : String(e);
-			n.includes("reCAPTCHA") && Y(n);
-			let r = t.getState().errorCode, i = Ve(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);
+			n.includes("reCAPTCHA") && J(n);
+			let r = t.getState().errorCode, i = We(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(() => {
+	p(() => {
 		if (w) {
-			let e = Ve(w, T);
-			e === "DELETED" ? R(!0) : e === "SUSPENDED" ? z(!0) : e === "OAUTH_ONLY" ? V(!0) : e === "INACTIVE" ? L(!0) : e === "EMAIL_NOT_VERIFIED" && U(!0);
+			let e = We(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);
 		}
 	}, [w, T]);
-	let Ue = () => {
-		G(null);
+	let Ke = () => {
+		W(null);
 		try {
-			Ee();
+			Oe();
 		} catch (e) {
-			G(e instanceof Error ? e.message : S("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"));
 		}
-	}, We = () => {
-		G(null);
+	}, qe = () => {
+		W(null);
 		try {
-			De();
+			ke();
 		} catch (e) {
-			G(e instanceof Error ? e.message : S("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"));
 		}
-	}, Ge = async () => {
-		Fe(!0), W(!1);
+	}, Je = async () => {
+		Re(!0), U(!1);
 		try {
-			(await we((K.email ?? "").trim())).success ? W(!0) : Y(S("auth.login.resendFailed", "Failed to resend verification email. Please try again."));
+			(await Ee((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 : S("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 {
-			Fe(!1);
+			Re(!1);
 		}
-	}, Ke = k("google"), qe = k("microsoft"), Je = [{
+	}, Ye = k("google"), $ = k("microsoft"), Xe = [{
 		name: "Google",
-		icon: c,
-		onClick: Ue,
-		disabled: !Ke,
-		tooltip: Ke ? void 0 : S("auth.login.googleNotConfigured", "Google sign in is not configured")
+		icon: l,
+		onClick: Ke,
+		disabled: !Ye,
+		tooltip: Ye ? void 0 : S("auth.login.googleNotConfigured", "Google sign in is not configured")
 	}, {
 		name: "Microsoft",
-		icon: ne,
-		onClick: We,
-		disabled: !qe,
-		tooltip: qe ? void 0 : S("auth.login.microsoftNotConfigured", "Microsoft sign in is not configured")
+		icon: te,
+		onClick: qe,
+		disabled: !$,
+		tooltip: $ ? void 0 : S("auth.login.microsoftNotConfigured", "Microsoft sign in is not configured")
 	}];
-	return ke ? /* @__PURE__ */ h(oe, {}) : /* @__PURE__ */ g(a, {
+	return je ? /* @__PURE__ */ g(ae, {}) : /* @__PURE__ */ _(a, {
 		title: S("auth.login.welcomeBack", "Welcome back"),
 		subtitle: S("auth.login.enterCredentials", "Enter your credentials to continue"),
 		children: [
-			/* @__PURE__ */ g("form", {
-				onSubmit: He,
+			/* @__PURE__ */ g(me, {
+				className: "mb-5",
+				children: S("auth.login.purpose", "Sign in to reach your workspaces, agents, and settings. Use your email and password, a social provider, or a passwordless magic link.")
+			}),
+			/* @__PURE__ */ _("form", {
+				onSubmit: Ge,
 				className: "space-y-5",
 				children: [
-					Re && /* @__PURE__ */ g("div", {
+					Ve && /* @__PURE__ */ _("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", {
+						children: [/* @__PURE__ */ g("svg", {
 							className: "size-5 flex-shrink-0 mt-0.5 text-text-link",
 							fill: "none",
 							viewBox: "0 0 24 24",
 							stroke: "currentColor",
-							children: /* @__PURE__ */ h("path", {
+							children: /* @__PURE__ */ g("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__ */ h("p", {
+						}), /* @__PURE__ */ g("p", {
 							className: "text-sm text-status-info-text",
-							children: Re
+							children: Ve
 						})]
 					}),
-					J && /* @__PURE__ */ g("div", {
+					q && /* @__PURE__ */ _("div", {
 						className: "flex items-start gap-3 p-4 rounded-xl border bg-status-warning-bg-subtle border-status-warning-border",
-						children: [/* @__PURE__ */ h(o, { className: "size-5 flex-shrink-0 mt-0.5 text-status-warning-text" }), /* @__PURE__ */ h("p", {
+						children: [/* @__PURE__ */ g(o, { className: "size-5 flex-shrink-0 mt-0.5 text-status-warning-text" }), /* @__PURE__ */ g("p", {
 							className: "text-sm text-status-warning-text",
-							children: J
+							children: q
 						})]
 					}),
-					Be && /* @__PURE__ */ g("div", {
+					Ue && /* @__PURE__ */ _("div", {
 						className: "flex items-start gap-3 p-4 rounded-xl border bg-status-warning-bg-subtle border-status-warning-border",
-						children: [/* @__PURE__ */ h(o, { className: "size-5 flex-shrink-0 mt-0.5 text-status-warning-text" }), /* @__PURE__ */ g("div", {
+						children: [/* @__PURE__ */ g(o, { className: "size-5 flex-shrink-0 mt-0.5 text-status-warning-text" }), /* @__PURE__ */ _("div", {
 							className: "flex-1",
 							children: [
-								/* @__PURE__ */ h("p", {
+								/* @__PURE__ */ g("p", {
 									className: "text-sm font-medium text-status-warning-text",
 									children: S("auth.login.duplicateAccount", "This account is already signed in.")
 								}),
-								/* @__PURE__ */ h("p", {
+								/* @__PURE__ */ g("p", {
 									className: "mt-1 text-sm text-status-warning-text/80",
 									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__ */ _("button", {
 									type: "button",
-									onClick: () => y(decodeURIComponent($.current || Q || "/dashboard")),
+									onClick: () => v(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", {
+									children: [/* @__PURE__ */ g("svg", {
 										className: "size-4",
 										fill: "none",
 										viewBox: "0 0 24 24",
 										stroke: "currentColor",
-										children: /* @__PURE__ */ h("path", {
+										children: /* @__PURE__ */ g("path", {
 											strokeLinecap: "round",
 											strokeLinejoin: "round",
 											strokeWidth: 2,
@@ -358,48 +364,48 @@ function b() {
 							]
 						})]
 					}),
-					w && !J && !Be && /* @__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(o, { 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 && !Ue && /* @__PURE__ */ _("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__ */ g(o, { className: `size-5 flex-shrink-0 mt-0.5 ${F || z || V ? "text-status-warning-text" : "text-status-error-text"}` }), /* @__PURE__ */ _("div", {
 							className: "flex-1",
 							children: [
-								/* @__PURE__ */ h("p", {
-									className: `text-sm ${I || B || H ? "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.") : I ? S("auth.login.accountDeactivated", "Your account has been deactivated.") : B ? S("auth.login.oauthOnly", "This account uses OAuth sign-in. Please use Google or Microsoft to sign in.") : H ? S("auth.login.emailNotVerified", "Please verify your email before signing in. Check your inbox for the verification link.") : w
+								/* @__PURE__ */ g("p", {
+									className: `text-sm ${F || z || V ? "text-status-warning-text" : "text-status-error-text"}`,
+									children: Fe ? S("auth.login.accountDeleted", "This account has been permanently deleted and cannot be recovered.") : Ie ? 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__ */ g("button", {
 									type: "button",
-									onClick: () => y("/auth/reactivate", { state: { email: K.email } }),
+									onClick: () => v("/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: S("auth.login.clickReactivate", "Click here to reactivate your account")
 								}),
-								H && /* @__PURE__ */ h("div", {
+								V && /* @__PURE__ */ g("div", {
 									className: "mt-3",
-									children: Ie ? /* @__PURE__ */ g("div", {
+									children: ze ? /* @__PURE__ */ _("div", {
 										className: "flex items-center gap-2 text-sm text-status-success-text",
-										children: [/* @__PURE__ */ h("svg", {
+										children: [/* @__PURE__ */ g("svg", {
 											className: "size-4",
 											fill: "none",
 											viewBox: "0 0 24 24",
 											stroke: "currentColor",
-											children: /* @__PURE__ */ h("path", {
+											children: /* @__PURE__ */ g("path", {
 												strokeLinecap: "round",
 												strokeLinejoin: "round",
 												strokeWidth: 2,
 												d: "M5 13l4 4L19 7"
 											})
 										}), S("auth.login.verificationSent", "Verification email sent! Please check your inbox.")]
-									}) : /* @__PURE__ */ h("button", {
+									}) : /* @__PURE__ */ g("button", {
 										type: "button",
-										onClick: Ge,
-										disabled: Pe,
+										onClick: Je,
+										disabled: Le,
 										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: Pe ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(u, { className: "size-4 animate-spin" }), S("auth.login.sending", "Sending...")] }) : /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h("svg", {
+										children: Le ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(d, { className: "size-4 animate-spin" }), S("auth.login.sending", "Sending...")] }) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("svg", {
 											className: "size-4",
 											fill: "none",
 											viewBox: "0 0 24 24",
 											stroke: "currentColor",
-											children: /* @__PURE__ */ h("path", {
+											children: /* @__PURE__ */ g("path", {
 												strokeLinecap: "round",
 												strokeLinejoin: "round",
 												strokeWidth: 2,
@@ -408,44 +414,44 @@ function b() {
 										}), S("auth.login.resendVerification", "Resend verification email")] })
 									})
 								}),
-								B && /* @__PURE__ */ g("div", {
+								z && /* @__PURE__ */ _("div", {
 									className: "mt-3 flex flex-col gap-2",
-									children: [k("google") && /* @__PURE__ */ g("button", {
+									children: [k("google") && /* @__PURE__ */ _("button", {
 										type: "button",
-										onClick: Ue,
+										onClick: Ke,
 										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(c, { className: "size-5" }), S("auth.login.signInWithGoogle", "Sign in with Google")]
-									}), k("microsoft") && /* @__PURE__ */ g("button", {
+										children: [/* @__PURE__ */ g(l, { className: "size-5" }), S("auth.login.signInWithGoogle", "Sign in with Google")]
+									}), k("microsoft") && /* @__PURE__ */ _("button", {
 										type: "button",
-										onClick: We,
+										onClick: qe,
 										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(ne, { className: "size-5" }), S("auth.login.signInWithMicrosoft", "Sign in with Microsoft")]
+										children: [/* @__PURE__ */ g(te, { className: "size-5" }), S("auth.login.signInWithMicrosoft", "Sign in with Microsoft")]
 									})]
 								})
 							]
 						})]
 					}),
-					/* @__PURE__ */ g("div", {
+					/* @__PURE__ */ _("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ h("label", {
+						children: [/* @__PURE__ */ g("label", {
 							htmlFor: "email",
 							className: "block text-sm font-medium text-[var(--color-text-primary)]",
 							children: S("auth.login.emailLabel", "Email")
-						}), /* @__PURE__ */ g("div", {
+						}), /* @__PURE__ */ _("div", {
 							className: "relative",
-							children: [/* @__PURE__ */ h("div", {
+							children: [/* @__PURE__ */ g("div", {
 								className: "absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none",
-								children: /* @__PURE__ */ h(s, { className: "size-5 text-[var(--color-text-tertiary)]" })
-							}), /* @__PURE__ */ h("input", {
+								children: /* @__PURE__ */ g(s, { className: "size-5 text-[var(--color-text-tertiary)]" })
+							}), /* @__PURE__ */ g("input", {
 								id: "email",
 								type: "email",
 								autoComplete: "email",
 								required: !0,
 								"aria-required": "true",
 								"aria-label": S("auth.login.emailLabel", "Email"),
-								value: K.email,
-								onChange: (e) => q({
-									...K,
+								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",
@@ -453,58 +459,58 @@ function b() {
 							})]
 						})]
 					}),
-					/* @__PURE__ */ g("div", {
+					/* @__PURE__ */ _("div", {
 						className: "space-y-2",
-						children: [/* @__PURE__ */ h("label", {
+						children: [/* @__PURE__ */ g("label", {
 							htmlFor: "password",
 							className: "block text-sm font-medium text-[var(--color-text-primary)]",
 							children: S("auth.login.passwordLabel", "Password")
-						}), /* @__PURE__ */ g("div", {
+						}), /* @__PURE__ */ _("div", {
 							className: "relative",
 							children: [
-								/* @__PURE__ */ h("div", {
+								/* @__PURE__ */ g("div", {
 									className: "absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none",
-									children: /* @__PURE__ */ h(l, { className: "size-5 text-[var(--color-text-tertiary)]" })
+									children: /* @__PURE__ */ g(u, { className: "size-5 text-[var(--color-text-tertiary)]" })
 								}),
-								/* @__PURE__ */ h("input", {
+								/* @__PURE__ */ g("input", {
 									id: "password",
-									type: F ? "text" : "password",
+									type: P ? "text" : "password",
 									autoComplete: "current-password",
 									required: !0,
 									"aria-required": "true",
 									"aria-label": S("auth.login.passwordLabel", "Password"),
-									value: K.password,
-									onChange: (e) => q({
-										...K,
+									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: S("auth.login.passwordPlaceholder", "Enter your password")
 								}),
-								/* @__PURE__ */ h("button", {
+								/* @__PURE__ */ g("button", {
 									type: "button",
-									onClick: () => je(!F),
-									"aria-label": F ? "Hide password" : "Show password",
+									onClick: () => Pe(!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 ? te : ee, { className: "size-5" })
+									children: g(P ? c : ee, { className: "size-5" })
 								})
 							]
 						})]
 					}),
-					/* @__PURE__ */ g("div", {
+					/* @__PURE__ */ _("div", {
 						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ g("label", {
+						children: [/* @__PURE__ */ _("label", {
 							className: "flex items-center gap-2 cursor-pointer group",
-							children: [/* @__PURE__ */ g("div", {
+							children: [/* @__PURE__ */ _("div", {
 								className: "relative",
-								children: [/* @__PURE__ */ h("input", {
+								children: [/* @__PURE__ */ g("input", {
 									type: "checkbox",
 									"aria-label": S("auth.login.rememberMe", "Remember me"),
-									checked: K.rememberMe,
+									checked: G.rememberMe,
 									onChange: (e) => {
 										let t = e.target.checked;
-										if (q({
-											...K,
+										if (K({
+											...G,
 											rememberMe: t
 										}), !t) try {
 											localStorage.removeItem("remembered_email");
@@ -513,99 +519,101 @@ function b() {
 										}
 									},
 									className: "sr-only peer"
-								}), /* @__PURE__ */ h("div", {
+								}), /* @__PURE__ */ g("div", {
 									className: "size-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__ */ h("svg", {
+									children: /* @__PURE__ */ g("svg", {
 										className: "size-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__ */ h("path", {
+										children: /* @__PURE__ */ g("path", {
 											strokeLinecap: "round",
 											strokeLinejoin: "round",
 											d: "M5 13l4 4L19 7"
 										})
 									})
 								})]
-							}), /* @__PURE__ */ h("span", {
+							}), /* @__PURE__ */ g("span", {
 								className: "text-sm text-[var(--color-text-secondary)] group-hover:text-[var(--color-text-primary)] transition-colors",
 								children: S("auth.login.rememberMe", "Remember me")
 							})]
-						}), /* @__PURE__ */ h("button", {
+						}), /* @__PURE__ */ g("button", {
 							type: "button",
-							onClick: () => y("/auth/reset-password"),
+							onClick: () => v("/auth/reset-password"),
 							className: "text-sm font-medium text-text-link hover:text-text-linkHover transition-colors",
 							children: S("auth.login.forgotPassword", "Forgot password?")
 						})]
 					}),
-					/* @__PURE__ */ h("button", {
+					/* @__PURE__ */ g(pe, {
 						type: "submit",
 						disabled: C || j,
-						className: "auth-primary-button flex w-full items-center justify-center gap-2 px-4 py-3 font-semibold",
-						children: C || j ? /* @__PURE__ */ g(m, { children: [/* @__PURE__ */ h(u, { className: "size-5 animate-spin" }), /* @__PURE__ */ h("span", { children: j ? S("auth.login.settingUpWorkspace", "Setting up workspace...") : S("auth.login.signingIn", "Signing in...") })] }) : S("auth.login.signIn", "Sign in")
+						variant: "default",
+						size: "lg",
+						className: "w-full font-semibold",
+						children: C || j ? /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(d, { className: "size-5 animate-spin" }), /* @__PURE__ */ g("span", { children: j ? S("auth.login.settingUpWorkspace", "Setting up workspace...") : S("auth.login.signingIn", "Signing in...") })] }) : S("auth.login.signIn", "Sign in")
 					})
 				]
 			}),
-			/* @__PURE__ */ g("div", {
+			/* @__PURE__ */ _("div", {
 				className: "relative my-8",
-				children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ g("div", {
 					className: "absolute inset-0 flex items-center",
-					children: /* @__PURE__ */ h("div", { className: "w-full border-t border-[var(--color-border-default)]" })
-				}), /* @__PURE__ */ h("div", {
+					children: /* @__PURE__ */ g("div", { className: "w-full border-t border-[var(--color-border-default)]" })
+				}), /* @__PURE__ */ g("div", {
 					className: "relative flex justify-center",
-					children: /* @__PURE__ */ h("span", {
+					children: /* @__PURE__ */ g("span", {
 						className: "px-4 bg-[var(--color-bg-canvas)] text-sm text-[var(--color-text-tertiary)]",
 						children: S("auth.login.orContinueWith", "or continue with")
 					})
 				})]
 			}),
-			Le && /* @__PURE__ */ g("div", {
+			Be && /* @__PURE__ */ _("div", {
 				className: "flex items-start gap-3 p-4 rounded-xl border bg-status-error-bg-subtle border-status-error-border",
-				children: [/* @__PURE__ */ h(o, { className: "size-5 flex-shrink-0 mt-0.5 text-status-error-text" }), /* @__PURE__ */ h("p", {
+				children: [/* @__PURE__ */ g(o, { className: "size-5 flex-shrink-0 mt-0.5 text-status-error-text" }), /* @__PURE__ */ g("p", {
 					className: "text-sm text-status-error-text",
-					children: Le
+					children: Be
 				})]
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ g("div", {
 				className: "grid grid-cols-3 gap-3",
-				children: Je.map((e) => /* @__PURE__ */ g("button", {
+				children: Xe.map((e) => /* @__PURE__ */ _("button", {
 					type: "button",
 					onClick: e.onClick,
 					disabled: e.disabled,
 					title: e.tooltip,
 					"aria-label": e.name,
 					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__ */ h(e.icon, { className: `size-5 ${e.disabled ? "opacity-50" : ""}` }), /* @__PURE__ */ h("span", {
+					children: [/* @__PURE__ */ g(e.icon, { className: `size-5 ${e.disabled ? "opacity-50" : ""}` }), /* @__PURE__ */ g("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__ */ h("div", {
+			/* @__PURE__ */ g("div", {
 				className: "mt-4 text-center",
-				children: /* @__PURE__ */ g("button", {
+				children: /* @__PURE__ */ _("button", {
 					type: "button",
-					onClick: () => y("/auth/magic-link"),
+					onClick: () => v("/auth/magic-link"),
 					className: "text-sm text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)] transition-colors",
 					children: [
 						S("auth.login.preferPasswordless", "Prefer passwordless login?"),
 						" ",
-						/* @__PURE__ */ h("span", {
+						/* @__PURE__ */ g("span", {
 							className: "font-semibold text-text-link hover:text-text-linkHover",
 							children: S("auth.login.signInMagicLink", "Sign in with Magic Link")
 						})
 					]
 				})
 			}),
-			/* @__PURE__ */ g("p", {
+			/* @__PURE__ */ _("p", {
 				className: "mt-6 text-center text-sm text-[var(--color-text-secondary)]",
 				children: [
 					S("auth.login.dontHaveAccount", "Don't have an account?"),
 					" ",
-					/* @__PURE__ */ h("button", {
+					/* @__PURE__ */ g("button", {
 						type: "button",
-						onClick: () => y("/auth/register"),
+						onClick: () => v("/auth/register"),
 						className: "font-semibold text-text-link hover:text-text-linkHover transition-colors",
 						children: S("auth.login.signUp", "Sign up")
 					})
@@ -615,6 +623,6 @@ function b() {
 	});
 }
 //#endregion
-export { b as LoginPage };
+export { y as LoginPage };
 
 //# sourceMappingURL=LoginPage.js.map