@burdenoff/microfe-auth 2026.510.127

package/dist/auth/pages/LoginPage.js

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