@burdenoff/microfe-auth 2026.917.2 → 2026.1005.1

package/dist/auth/pages/LoginPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"LoginPage.js","names":[],"sources":["../../../src/auth/pages/LoginPage.tsx"],"sourcesContent":["import { useState, useEffect, useCallback, useRef } from \"react\";\nimport { useNavigate, useSearchParams, useLocation } from \"react-router\";\nimport { useActiveContext } from \"@burdenoff/fe-libs/shared/providers/shell\";\nimport { useTr } from \"../../shared/hooks/useTr\";\nimport {\n  getSSORedirectUrl,\n  SSORedirectSpinner,\n} from \"@burdenoff/fe-libs/shared/components\";\nimport { resolveAuthBridgeConfig } from \"@burdenoff/fe-libs/shared/config\";\nimport { resolveGatewayUrls } from \"@burdenoff/fe-libs/shared/config/gatewayUrls\";\nimport {\n  beginSsoNavigation,\n  buildSsoDepositUrl,\n  isSsoNavigationPending,\n  markSsoDepositPending,\n  mintSsoSessionTokens,\n} from \"@burdenoff/fe-libs/shared/utils\";\nimport { Button } from \"@burdenoff/fe-libs/button\";\nimport { Checkbox, PagePurpose } from \"@burdenoff/fe-libs/ui\";\n\nimport {\n  getProfileTokens,\n  getProfileUser,\n  getProfiles,\n  getProfileWorkspaceToken,\n  resolveActiveProfileId,\n} from \"@burdenoff/fe-libs/shared/providers/shell/ProfileStorageManager\";\nimport { useAuthOperations } from \"../hooks/useAuthOperations\";\nimport { useMyWorkspaces } from \"../hooks/useMyWorkspaces\";\nimport { useOAuthOperations } from \"../hooks/useOAuthOperations\";\nimport { sanitizePostLoginPath } from \"../utils/redirect\";\nimport { useAuthStore } from \"../store/authStore\";\nimport { useAuth } from \"../providers/AuthProvider\";\nimport { AuthLayout } from \"../components/AuthLayout\";\nimport {\n  EmailIcon,\n  LockIcon,\n  EyeIcon,\n  EyeOffIcon,\n  AlertIcon,\n  SpinnerIcon,\n  GoogleIcon,\n  // GitHubIcon,\n  MicrosoftIcon,\n} from \"../components/AuthIcons\";\nimport { useCaptchaV3 } from \"../hooks/useCaptchaV3\";\nimport { MFA_REDIRECT } from \"../constants/sessionKeys\";\nimport type { SignInInput } from \"../types\";\n\n/**\n * Detect whether the bundle is running inside a native shell (Capacitor on\n * iOS/Android, or Electron). Cross-origin SSO deposit/relay detours only make\n * sense in a multi-origin web context — in a native shell there is one product\n * origin, tokens already live in localStorage, and `window.location.assign` to\n * an external https URL escapes the embedded webview.\n *\n * Detection is runtime-only and avoids importing any platform-specific module\n * so this stays valid when microfe-auth is consumed by a pure web shell too.\n */\nfunction isNativeShell(): boolean {\n  if (typeof window === \"undefined\") return false;\n  const w = window as typeof window & {\n    Capacitor?: { isNativePlatform?: () => boolean };\n  };\n  if (typeof w.Capacitor?.isNativePlatform === \"function\") {\n    try {\n      if (w.Capacitor.isNativePlatform()) return true;\n    } catch {\n      /* fall through */\n    }\n  }\n  if (\n    typeof navigator !== \"undefined\" &&\n    /Electron/i.test(navigator.userAgent || \"\")\n  ) {\n    return true;\n  }\n  return false;\n}\n\nfunction toSameOriginPath(target: string): string {\n  if (typeof window === \"undefined\") return target;\n  try {\n    const url = new URL(target, window.location.origin);\n    return `${url.pathname}${url.search}${url.hash}`;\n  } catch {\n    return target;\n  }\n}\n\nfunction hasValidAccessToken(token: string): boolean {\n  try {\n    const raw = token.split(\".\")[1].replace(/-/g, \"+\").replace(/_/g, \"/\");\n    const padded = raw.padEnd(Math.ceil(raw.length / 4) * 4, \"=\");\n    const payload = JSON.parse(atob(padded)) as { exp?: unknown };\n    return typeof payload.exp === \"number\" && payload.exp > Date.now() / 1000;\n  } catch {\n    return false;\n  }\n}\n\nfunction decodeSameOriginReturnTo(returnTo: string | null): string | null {\n  if (!returnTo) return null;\n  try {\n    const decoded = decodeURIComponent(returnTo);\n    const url = new URL(decoded, window.location.origin);\n    if (url.origin !== window.location.origin) return null;\n    return stripStaleSsoParams(url, { includeOrigin: false });\n  } catch {\n    return null;\n  }\n}\n\nfunction stripStaleSsoParams(\n  url: URL,\n  options: { includeOrigin: boolean },\n): string {\n  for (const param of [\"sso_failed\", \"sso-failed\", \"sso-attempted\"] as const) {\n    url.searchParams.delete(param);\n  }\n\n  if (options.includeOrigin) {\n    return url.toString();\n  }\n\n  const search = url.searchParams.toString();\n  return `${url.pathname}${search ? `?${search}` : \"\"}${url.hash}`;\n}\n\nfunction cleanReturnToValue(returnTo: string): string {\n  try {\n    const decoded = decodeURIComponent(returnTo);\n    const url = new URL(decoded, window.location.origin);\n    // Preserve cross-origin absolute returnTo values (e.g., redirects back to\n    // another product's app shell) — only strip stale SSO params.\n    const isCrossOrigin = url.origin !== window.location.origin;\n    return stripStaleSsoParams(url, { includeOrigin: isCrossOrigin });\n  } catch {\n    return returnTo;\n  }\n}\n\n/**\n * Login page with professional design\n * Provides email/password login and social OAuth options\n */\nexport function LoginPage() {\n  const tr = useTr();\n  const navigate = useNavigate();\n  const location = useLocation();\n  const [searchParams] = useSearchParams();\n\n  const { signIn, isLoading, error, errorCode, resendVerification } =\n    useAuthOperations();\n  const { completeAuthFlow } = useMyWorkspaces();\n  const { setWorkspace, setOrganization } = useActiveContext();\n  const { defaultPostLoginPath } = useAuth();\n  const { initiateGoogleOAuth, initiateMicrosoftOAuth, isProviderConfigured } =\n    useOAuthOperations();\n  const mfaRequired = useAuthStore((state) => state.mfaRequired);\n  const { executeRecaptcha: executeCaptchaV3 } = useCaptchaV3();\n  const [isCompletingAuth, setIsCompletingAuth] = useState(false);\n  const [isSsoRedirecting, setIsSsoRedirecting] = useState(false);\n\n  /**\n   * Build the URL that should receive the post-login redirect.\n   *\n   * For cross-eTLD+1 SSO on alpha/prod we detour through the central bridge\n   * host (alphaapp/app.burdenoff.com) so the freshly-issued tokens land in\n   * the bridge origin's first-party (unpartitioned) localStorage. Without\n   * this step, a later direct visit to the bridge host has no local tokens\n   * and no shared cookie (cross-eTLD+1 cookies don't propagate), so the user\n   * sees the login page again.\n   *\n   * Skipped when:\n   *   - Already on the bridge host origin (would be a no-op self-redirect).\n   *   - The user's intended destination is itself on the bridge host\n   *     (likely an in-product navigation, no deposit needed).\n   *   - The freshly-stored profile snapshot can't be read (best-effort only —\n   *     login still succeeds via the direct redirect).\n   */\n  const buildPostLoginUrl = useCallback(\n    async (intendedPath: string): Promise<string> => {\n      if (typeof window === \"undefined\") return intendedPath;\n      // Native shells (Electron, Capacitor iOS/Android) run as a single origin —\n      // skip the cross-eTLD+1 deposit detour, which would otherwise navigate to\n      // an external https URL and escape the embedded webview.\n      if (isNativeShell()) return intendedPath;\n      try {\n        const bridge = resolveAuthBridgeConfig();\n        const bridgeUrl = new URL(bridge.url);\n        const currentOrigin = window.location.origin;\n        if (bridgeUrl.origin === currentOrigin) return intendedPath;\n\n        // intendedPath can be a path or an absolute URL; resolve to absolute\n        // against current origin so the bridge host knows where to send the\n        // user back.\n        const absoluteIntended = new URL(intendedPath, currentOrigin).href;\n\n        const profileId = resolveActiveProfileId();\n        if (!profileId) return intendedPath;\n        const tokens = getProfileTokens(profileId);\n        const user = getProfileUser(profileId);\n        if (!tokens || !user) return intendedPath;\n        const workspaceToken = getProfileWorkspaceToken(profileId);\n\n        // BOFF-4463: mint a DEDICATED refresh-token lineage for the bridge\n        // host. Copying this origin's pair verbatim meant the bridge (and\n        // every product it later relayed to) shared ONE rotating refresh\n        // token — the first origin to refresh revoked it for all others,\n        // surfacing as \"products log me out after minutes/hours\". Falls back\n        // to the legacy copy if the mutation is unreachable (rollout gap /\n        // transient failure) so SSO keeps working.\n        let depositTokens: Record<string, unknown> = {\n          ...tokens,\n          workspaceToken,\n        };\n        if (tokens.refreshToken) {\n          const { globalBaseUrl } = resolveGatewayUrls();\n          const { tokens: minted } = await mintSsoSessionTokens(\n            `${globalBaseUrl}/global/graphql`,\n            tokens.refreshToken,\n          );\n          if (minted) {\n            depositTokens = { ...minted, workspaceToken };\n          }\n        }\n\n        markSsoDepositPending(profileId);\n        return buildSsoDepositUrl(bridgeUrl.origin, absoluteIntended, {\n          profileId,\n          tokens: JSON.stringify(depositTokens),\n          user: JSON.stringify(user),\n          profiles: JSON.stringify(getProfiles()),\n        });\n      } catch {\n        return intendedPath;\n      }\n    },\n    [],\n  );\n\n  // Once a cross-document post-login redirect is initiated, the login page\n  // must FREEZE: resetting isCompletingAuth re-runs the auto-redirect effect\n  // and any state churn schedules same-document navigations that cancel the\n  // provisional deposit hop (BOFF-4463).\n  const redirectInitiatedRef = useRef(false);\n\n  const redirectAfterLogin = useCallback(\n    (path: string) => {\n      const safePath = sanitizePostLoginPath(path);\n      if (typeof window === \"undefined\") {\n        navigate(safePath);\n        return;\n      }\n      try {\n        sessionStorage.setItem(\"bf-post-login-return-to\", safePath);\n      } catch {\n        // Ignore storage failures; redirect still proceeds.\n      }\n      // In native shells use SPA navigation so the embedded webview stays in\n      // the app — no full reload, no chance of the OS opening the URL\n      // externally. Tokens are already in this origin's localStorage.\n      if (isNativeShell()) {\n        navigate(toSameOriginPath(safePath));\n        return;\n      }\n      redirectInitiatedRef.current = true;\n      void (async () => {\n        // Cap the bridge URL build so a hanging SSO token mint cannot keep the\n        // login page stuck on the spinner (BOFF-6807). The sanitized path is\n        // always safe to redirect to directly.\n        const target = await Promise.race([\n          buildPostLoginUrl(safePath),\n          new Promise<string>((resolve) => {\n            window.setTimeout(() => resolve(safePath), 3000);\n          }),\n        ]);\n        if (target.includes(\"/auth/sso-deposit\")) {\n          // Cross-document deposit hop: suppress same-document navigators\n          // while it is provisional, and retry once if it still gets\n          // cancelled — on a committed navigation this document unloads and\n          // the timer never fires.\n          beginSsoNavigation();\n          window.location.assign(target);\n          window.setTimeout(() => {\n            beginSsoNavigation();\n            window.location.replace(target);\n          }, 2500);\n        } else {\n          window.location.assign(target);\n        }\n        // Fallback: if the document is still stuck on the login page after a\n        // full redirect attempt, force an in-app navigation so the spinner\n        // cannot stall forever (BOFF-6807). This only fires when the browser\n        // failed to leave /auth/login, e.g. because the computed target was\n        // still an auth URL or the location.assign was a no-op.\n        window.setTimeout(() => {\n          if (\n            typeof window !== \"undefined\" &&\n            window.location.pathname === \"/auth/login\"\n          ) {\n            navigate(\"/dashboard\");\n          }\n        }, 3500);\n      })();\n    },\n    [navigate, buildPostLoginUrl],\n  );\n  const [showPassword, setShowPassword] = useState(false);\n  const [isAccountInactive, setIsAccountInactive] = useState(false);\n  const [isAccountDeleted, setIsAccountDeleted] = useState(false);\n  const [isAccountSuspended, setIsAccountSuspended] = useState(false);\n  const [isOAuthOnlyAccount, setIsOAuthOnlyAccount] = useState(false);\n  const [isEmailNotVerified, setIsEmailNotVerified] = useState(false);\n  const [isResendingVerification, setIsResendingVerification] = useState(false);\n  const [resendSuccess, setResendSuccess] = useState(false);\n  const [oauthError, setOauthError] = useState<string | null>(null);\n  const [infoMessage, setInfoMessage] = useState<string | null>(null);\n  const [formData, setFormData] = useState<\n    SignInInput & { rememberMe?: boolean }\n  >({\n    email: \"\",\n    password: \"\",\n    rememberMe: false,\n  });\n  const [validationError, setValidationError] = useState<string | null>(null);\n  const [isDuplicateAccount, setIsDuplicateAccount] = useState(false);\n\n  // Detect add-account mode and returnTo from URL params\n  const isAddAccountMode = searchParams.get(\"mode\") === \"add-account\";\n  const returnTo = searchParams.get(\"returnTo\");\n  const initialReturnToRef = useRef<string | null>(returnTo);\n\n  // Tell the user WHY they are back on the login page. `session-expired` is\n  // set by the shell's forced logout (expired session whose refresh failed);\n  // `logout` covers explicit sign-outs and the SSO-clear fallback (which can\n  // rewrite a session-expired redirect's reason on the cross-product bounce).\n  // Without this the auto-logout looked like a silent, unexplained kick-out.\n  const reasonParam = searchParams.get(\"reason\");\n  useEffect(() => {\n    if (reasonParam === \"session-expired\") {\n      setInfoMessage(\n        tr(\n          \"auth.login.sessionExpired\",\n          \"Your session has expired. Please sign in again.\",\n        ),\n      );\n    } else if (reasonParam === \"logout\") {\n      setInfoMessage(tr(\"auth.login.signedOut\", \"You have been signed out.\"));\n    }\n  }, [reasonParam, tr]);\n\n  useEffect(() => {\n    if (!initialReturnToRef.current && returnTo) {\n      initialReturnToRef.current = returnTo;\n    }\n  }, [returnTo]);\n\n  useEffect(() => {\n    if (isAddAccountMode || isCompletingAuth) return;\n    // A cross-document SSO navigation (deposit/relay hop) is already in\n    // flight — issuing another redirect here would cancel it (BOFF-4463).\n    if (redirectInitiatedRef.current || isSsoNavigationPending()) return;\n\n    const profileId = resolveActiveProfileId();\n    if (profileId) {\n      const tokens = getProfileTokens(profileId);\n      const user = getProfileUser(profileId);\n      if (\n        tokens?.accessToken &&\n        user &&\n        hasValidAccessToken(tokens.accessToken)\n      ) {\n        useAuthStore.getState().loadFromProfile(profileId);\n        redirectAfterLogin(decodeSameOriginReturnTo(returnTo) ?? \"/\");\n        return;\n      }\n    }\n\n    const ssoUrl = getSSORedirectUrl();\n    if (ssoUrl) {\n      setIsSsoRedirecting(true);\n      window.location.replace(ssoUrl);\n    }\n  }, [isAddAccountMode, isCompletingAuth, redirectAfterLogin, returnTo]);\n\n  // Load remembered email on mount and clean up any legacy plaintext password storage\n  useEffect(() => {\n    try {\n      // Security cleanup: remove any previously stored plaintext passwords\n      localStorage.removeItem(\"remembered_password\");\n\n      const rememberedEmail = localStorage.getItem(\"remembered_email\");\n\n      if (rememberedEmail) {\n        setFormData((prev) => ({\n          ...prev,\n          email: rememberedEmail,\n          rememberMe: true,\n        }));\n      }\n    } catch (error) {\n      console.warn(\"[LoginPage] Failed to load remembered email:\", error);\n    }\n  }, []);\n\n  // Check for redirect message and email from location state (e.g., from expired MFA or SSO redirect)\n  useEffect(() => {\n    const state = location.state as { message?: string; email?: string } | null;\n    if (state?.message) {\n      setInfoMessage(state.message);\n    }\n    if (state?.email) {\n      setFormData((prev) => ({ ...prev, email: state.email }));\n    }\n    // Clear state to prevent showing message on refresh\n    if (state) {\n      window.history.replaceState({}, document.title);\n    }\n  }, [location.state]);\n\n  // Determine error type from GraphQL error code (primary) or message (fallback).\n  // The backend sends structured codes in extensions.code which are propagated\n  // through useAuthOperations → authStore.errorCode.\n  const checkErrorType = (\n    err: string | null,\n    code?: string | null,\n  ):\n    | \"DELETED\"\n    | \"SUSPENDED\"\n    | \"OAUTH_ONLY\"\n    | \"INACTIVE\"\n    | \"EMAIL_NOT_VERIFIED\"\n    | null => {\n    // Primary: match on GraphQL error code from extensions\n    if (code) {\n      switch (code) {\n        case \"ACCOUNT_DELETED\":\n          return \"DELETED\";\n        case \"ACCOUNT_SUSPENDED\":\n          return \"SUSPENDED\";\n        case \"OAUTH_ONLY_ACCOUNT\":\n          return \"OAUTH_ONLY\";\n        case \"ACCOUNT_INACTIVE\":\n          return \"INACTIVE\";\n        case \"EMAIL_NOT_VERIFIED\":\n          return \"EMAIL_NOT_VERIFIED\";\n        default:\n          break;\n      }\n    }\n\n    // Fallback: match on error message for non-GraphQL errors or legacy responses\n    if (!err) return null;\n    const lowerErr = err.toLowerCase();\n\n    if (\n      lowerErr.includes(\"deleted\") ||\n      lowerErr.includes(\"permanently deleted\")\n    ) {\n      return \"DELETED\";\n    }\n    if (lowerErr.includes(\"suspended\")) {\n      return \"SUSPENDED\";\n    }\n    if (\n      lowerErr.includes(\"oauth provider\") ||\n      lowerErr.includes(\"oauth-only\") ||\n      lowerErr.includes(\"oauth only\")\n    ) {\n      return \"OAUTH_ONLY\";\n    }\n    if (\n      lowerErr.includes(\"inactive\") ||\n      lowerErr.includes(\"deactivated\") ||\n      lowerErr.includes(\"not active\")\n    ) {\n      return \"INACTIVE\";\n    }\n    if (\n      lowerErr.includes(\"verify your email\") ||\n      lowerErr.includes(\"email not verified\") ||\n      lowerErr.includes(\"email_not_verified\")\n    ) {\n      return \"EMAIL_NOT_VERIFIED\";\n    }\n    return null;\n  };\n\n  // Pre-fill email from URL query parameter (e.g., after email verification)\n  useEffect(() => {\n    const emailFromUrl = searchParams.get(\"email\");\n    if (emailFromUrl) {\n      setFormData((prev) => ({ ...prev, email: emailFromUrl }));\n    }\n\n    // Check for expired session redirect\n    const isExpired = searchParams.get(\"expired\");\n    if (isExpired === \"true\") {\n      setInfoMessage(\n        tr(\n          \"auth.login.sessionExpired\",\n          \"Your session has expired. Please sign in again.\",\n        ),\n      );\n      // Clear the query param to prevent showing on refresh\n      const newUrl = window.location.pathname;\n      window.history.replaceState({}, document.title, newUrl);\n    }\n  }, [searchParams, tr]);\n\n  // Redirect to MFA verification when required\n  useEffect(() => {\n    if (mfaRequired) {\n      navigate(\"/auth/mfa-verify\");\n    }\n  }, [mfaRequired, navigate]);\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setIsAccountInactive(false);\n    setIsAccountDeleted(false);\n    setIsAccountSuspended(false);\n    setIsOAuthOnlyAccount(false);\n    setIsEmailNotVerified(false);\n    setIsDuplicateAccount(false);\n    setResendSuccess(false);\n    setValidationError(null);\n\n    // Client-side validation\n    const emailTrimmed = (formData.email ?? \"\").trim();\n    if (!emailTrimmed) {\n      setValidationError(\n        tr(\n          \"auth.login.enterEmailOrUsername\",\n          \"Please enter your email or username\",\n        ),\n      );\n      return;\n    }\n\n    // Basic email format validation (if it contains @)\n    if (emailTrimmed.includes(\"@\")) {\n      const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n      if (!emailRegex.test(emailTrimmed)) {\n        setValidationError(\n          tr(\"auth.login.invalidEmail\", \"Please enter a valid email address\"),\n        );\n        return;\n      }\n    }\n\n    if (!formData.password || formData.password.length < 1) {\n      setValidationError(\n        tr(\"auth.login.enterPassword\", \"Please enter your password\"),\n      );\n      return;\n    }\n\n    // In add-account mode, check if this email is already signed in\n    if (isAddAccountMode) {\n      const existingProfiles = getProfiles();\n      const alreadySignedIn = existingProfiles.some(\n        (p) => p.email.toLowerCase() === emailTrimmed.toLowerCase(),\n      );\n      if (alreadySignedIn) {\n        setIsDuplicateAccount(true);\n        setValidationError(null);\n        return;\n      }\n    }\n    setIsDuplicateAccount(false);\n\n    try {\n      // Get reCAPTCHA v3 token (no-op when captcha is disabled)\n      const recaptchaToken = await executeCaptchaV3(\"login\");\n\n      const result = await signIn({\n        email: emailTrimmed,\n        password: formData.password,\n        rememberMe: formData.rememberMe,\n        ...(recaptchaToken ? { recaptchaToken } : {}),\n      });\n\n      // If MFA is required, the useEffect above will handle redirect\n      if (result.requiresMFA) {\n        // Persist the post-login destination so MfaVerifyPage honors\n        // `returnTo` and `defaultPostLoginPath` after the user completes\n        // verification — otherwise the MFA path falls back to \"/\" and the\n        // host-configured home (e.g. \"/vibecontrols\") is lost.\n        const effectiveReturnTo = initialReturnToRef.current || returnTo;\n        const postMfaPath = effectiveReturnTo\n          ? cleanReturnToValue(effectiveReturnTo)\n          : cleanReturnToValue(defaultPostLoginPath ?? \"/dashboard\");\n        try {\n          sessionStorage.setItem(MFA_REDIRECT, postMfaPath);\n        } catch {\n          // sessionStorage may be unavailable (private mode, quota) — the\n          // MFA page still works, it just defaults to \"/\" on completion.\n        }\n        return;\n      }\n\n      // Successful login - complete auth flow (fetch workspaces + issue token)\n      if (result.success) {\n        try {\n          const profileId = result.user?.id;\n          if (profileId) {\n            const hostname = window.location.hostname;\n            const domain = hostname.endsWith(\".local.burdenoff.com\")\n              ? \".local.burdenoff.com\"\n              : undefined;\n            const domainPart = domain ? `; domain=${domain}` : \"\";\n            const securePart =\n              window.location.protocol === \"https:\" ? \"; secure\" : \"\";\n            const ssoValue = JSON.stringify({\n              id: profileId,\n              origin: window.location.origin,\n            });\n            document.cookie = `bf-sso=${encodeURIComponent(ssoValue)}${domainPart}; path=/; samesite=lax${securePart}; max-age=86400`;\n            document.cookie = `bf-sso-profile=${encodeURIComponent(ssoValue)}${domainPart}; path=/; samesite=lax${securePart}; max-age=86400`;\n          }\n        } catch {\n          // Best effort only. Login can continue without the fast-path cookie.\n        }\n\n        // Handle Remember Me: Save or clear email only (never store passwords)\n        try {\n          if (formData.rememberMe) {\n            localStorage.setItem(\"remembered_email\", emailTrimmed);\n          } else {\n            localStorage.removeItem(\"remembered_email\");\n          }\n        } catch (error) {\n          console.warn(\n            \"[LoginPage] Failed to save/clear remembered email:\",\n            error,\n          );\n        }\n\n        setIsCompletingAuth(true);\n        // In add-account mode, redirect back to where the user was\n        const effectiveReturnTo = initialReturnToRef.current || returnTo;\n        const postLoginPath = effectiveReturnTo\n          ? cleanReturnToValue(effectiveReturnTo)\n          : cleanReturnToValue(defaultPostLoginPath ?? \"/dashboard\");\n        try {\n          type AuthFlowResult = Awaited<ReturnType<typeof completeAuthFlow>>;\n          // Pass the token directly to avoid race condition with React state updates\n          const authFlowResult = await Promise.race<AuthFlowResult>([\n            completeAuthFlow(result.token),\n            new Promise<AuthFlowResult>((resolve) => {\n              window.setTimeout(() => {\n                resolve({\n                  success: false,\n                  error: \"Auth flow timed out after login\",\n                });\n              }, 5000);\n            }),\n          ]);\n\n          if (authFlowResult.success) {\n            // Sync workspace and organization to ActiveContext\n            // This is critical for global search and other workspace-scoped features\n            if (authFlowResult.workspace) {\n              setWorkspace(authFlowResult.workspace.id);\n              if (authFlowResult.workspace.organizationId) {\n                setOrganization(authFlowResult.workspace.organizationId);\n              }\n            }\n\n            // Full auth flow completed - redirect to dashboard or returnTo\n            redirectAfterLogin(postLoginPath);\n          } else if (authFlowResult.error?.includes(\"No workspaces found\")) {\n            // No workspaces - redirect to onboarding/workspace creation\n            navigate(\"/onboarding/create-workspace\");\n          } else {\n            // Partial success or error - still sync workspace if available and redirect\n            if (authFlowResult.workspace) {\n              setWorkspace(authFlowResult.workspace.id);\n              if (authFlowResult.workspace.organizationId) {\n                setOrganization(authFlowResult.workspace.organizationId);\n              }\n            }\n            console.warn(\"Auth flow warning:\", authFlowResult.error);\n            redirectAfterLogin(postLoginPath);\n          }\n        } catch (authFlowError) {\n          // Auth flow failed but login succeeded - still redirect\n          console.error(\"Auth flow error (login succeeded):\", authFlowError);\n          redirectAfterLogin(postLoginPath);\n        } finally {\n          // Keep the completing state (spinner) once a redirect is in\n          // flight: resetting it re-arms the auto-redirect effect whose\n          // competing navigation cancels the deposit hop (BOFF-4463). The\n          // page is about to unload anyway.\n          if (!redirectInitiatedRef.current) {\n            setIsCompletingAuth(false);\n          }\n        }\n      }\n    } catch (err) {\n      if (import.meta.env.DEV) {\n        console.error(\"Sign in failed:\", err);\n      }\n      // Check error type using error code (from store) and message\n      const errorMsg = err instanceof Error ? err.message : String(err);\n      if (errorMsg.includes(\"reCAPTCHA\")) {\n        setValidationError(errorMsg);\n      }\n      const storeErrorCode = useAuthStore.getState().errorCode;\n      const errorType = checkErrorType(errorMsg, storeErrorCode);\n      if (errorType === \"DELETED\") {\n        setIsAccountDeleted(true);\n      } else if (errorType === \"SUSPENDED\") {\n        setIsAccountSuspended(true);\n      } else if (errorType === \"OAUTH_ONLY\") {\n        setIsOAuthOnlyAccount(true);\n      } else if (errorType === \"INACTIVE\") {\n        setIsAccountInactive(true);\n      } else if (errorType === \"EMAIL_NOT_VERIFIED\") {\n        setIsEmailNotVerified(true);\n      }\n    }\n  };\n\n  // Also check the error from useAuthOperations\n  useEffect(() => {\n    if (error) {\n      const errorType = checkErrorType(error, errorCode);\n      if (errorType === \"DELETED\") {\n        setIsAccountDeleted(true);\n      } else if (errorType === \"SUSPENDED\") {\n        setIsAccountSuspended(true);\n      } else if (errorType === \"OAUTH_ONLY\") {\n        setIsOAuthOnlyAccount(true);\n      } else if (errorType === \"INACTIVE\") {\n        setIsAccountInactive(true);\n      } else if (errorType === \"EMAIL_NOT_VERIFIED\") {\n        setIsEmailNotVerified(true);\n      }\n    }\n  }, [error, errorCode]);\n\n  /**\n   * Handle Google OAuth login\n   */\n  const handleGoogleLogin = () => {\n    setOauthError(null);\n    try {\n      initiateGoogleOAuth();\n    } catch (err) {\n      setOauthError(\n        err instanceof Error\n          ? err.message\n          : tr(\n              \"auth.login.googleSignInFailed\",\n              \"Failed to initiate Google sign in\",\n            ),\n      );\n    }\n  };\n\n  /**\n   * Handle Microsoft OAuth login\n   */\n  const handleMicrosoftLogin = () => {\n    setOauthError(null);\n    try {\n      initiateMicrosoftOAuth();\n    } catch (err) {\n      setOauthError(\n        err instanceof Error\n          ? err.message\n          : tr(\n              \"auth.login.microsoftSignInFailed\",\n              \"Failed to initiate Microsoft sign in\",\n            ),\n      );\n    }\n  };\n\n  /**\n   * Handle resend verification email\n   */\n  const handleResendVerification = async () => {\n    setIsResendingVerification(true);\n    setResendSuccess(false);\n    try {\n      const emailTrimmed = (formData.email ?? \"\").trim();\n      const result = await resendVerification(emailTrimmed);\n      if (result.success) {\n        setResendSuccess(true);\n      } else {\n        setValidationError(\n          tr(\n            \"auth.login.resendFailed\",\n            \"Failed to resend verification email. Please try again.\",\n          ),\n        );\n      }\n    } catch (err) {\n      console.error(\"Failed to resend verification email:\", err);\n      setValidationError(\n        err instanceof Error\n          ? err.message\n          : tr(\n              \"auth.login.resendFailed\",\n              \"Failed to resend verification email. Please try again.\",\n            ),\n      );\n    } finally {\n      setIsResendingVerification(false);\n    }\n  };\n\n  // Check if OAuth providers are configured\n  const isGoogleConfigured = isProviderConfigured(\"google\");\n  const isMicrosoftConfigured = isProviderConfigured(\"microsoft\");\n\n  const oauthProviders = [\n    {\n      name: \"Google\",\n      icon: GoogleIcon,\n      onClick: handleGoogleLogin,\n      disabled: !isGoogleConfigured,\n      tooltip: isGoogleConfigured\n        ? undefined\n        : tr(\n            \"auth.login.googleNotConfigured\",\n            \"Google sign in is not configured\",\n          ),\n    },\n    // {\n    //   name: \"GitHub\",\n    //   icon: GitHubIcon,\n    //   onClick: () => {},\n    //   disabled: true,\n    //   tooltip: tr(\n    //     \"auth.login.githubNotConfigured\",\n    //     \"GitHub sign in is not configured\",\n    //   ),\n    // },\n    {\n      name: \"Microsoft\",\n      icon: MicrosoftIcon,\n      onClick: handleMicrosoftLogin,\n      disabled: !isMicrosoftConfigured,\n      tooltip: isMicrosoftConfigured\n        ? undefined\n        : tr(\n            \"auth.login.microsoftNotConfigured\",\n            \"Microsoft sign in is not configured\",\n          ),\n    },\n  ];\n\n  if (isSsoRedirecting) {\n    return <SSORedirectSpinner />;\n  }\n\n  return (\n    <AuthLayout\n      title={tr(\"auth.login.welcomeBack\", \"Welcome back\")}\n      subtitle={tr(\n        \"auth.login.enterCredentials\",\n        \"Enter your credentials to continue\",\n      )}\n    >\n      <PagePurpose className=\"mb-5\">\n        {tr(\n          \"auth.login.purpose\",\n          \"Sign in to reach your workspaces, agents, and settings. Use your email and password, a social provider, or a passwordless magic link.\",\n        )}\n      </PagePurpose>\n      <form onSubmit={handleSubmit} className=\"space-y-5\">\n        {/* Info Message (e.g., from expired MFA redirect) */}\n        {infoMessage && (\n          <div className=\"flex items-start gap-3 p-4 rounded-xl border bg-status-info-bg-subtle border-status-info-border\">\n            <svg\n              className=\"size-5 flex-shrink-0 mt-0.5 text-text-link\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n              />\n            </svg>\n            <p className=\"text-sm text-status-info-text\">{infoMessage}</p>\n          </div>\n        )}\n\n        {/* Validation Error */}\n        {validationError && (\n          <div className=\"flex items-start gap-3 p-4 rounded-xl border bg-status-warning-bg-subtle border-status-warning-border\">\n            <AlertIcon className=\"size-5 flex-shrink-0 mt-0.5 text-status-warning-text\" />\n            <p className=\"text-sm text-status-warning-text\">\n              {validationError}\n            </p>\n          </div>\n        )}\n\n        {/* Duplicate Account Warning (Add Account mode) */}\n        {isDuplicateAccount && (\n          <div className=\"flex items-start gap-3 p-4 rounded-xl border bg-status-warning-bg-subtle border-status-warning-border\">\n            <AlertIcon className=\"size-5 flex-shrink-0 mt-0.5 text-status-warning-text\" />\n            <div className=\"flex-1\">\n              <p className=\"text-sm font-medium text-status-warning-text\">\n                {tr(\n                  \"auth.login.duplicateAccount\",\n                  \"This account is already signed in.\",\n                )}\n              </p>\n              <p className=\"mt-1 text-sm text-status-warning-text/80\">\n                {tr(\n                  \"auth.login.duplicateAccountHint\",\n                  \"Please use a different account, or go back and switch to this account from the profile menu.\",\n                )}\n              </p>\n              {(initialReturnToRef.current || returnTo) && (\n                <button\n                  type=\"button\"\n                  onClick={() =>\n                    navigate(\n                      decodeURIComponent(\n                        initialReturnToRef.current || returnTo || \"/dashboard\",\n                      ),\n                    )\n                  }\n                  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\"\n                >\n                  <svg\n                    className=\"size-4\"\n                    fill=\"none\"\n                    viewBox=\"0 0 24 24\"\n                    stroke=\"currentColor\"\n                  >\n                    <path\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                      strokeWidth={2}\n                      d=\"M10 19l-7-7m0 0l7-7m-7 7h18\"\n                    />\n                  </svg>\n                  {tr(\n                    \"auth.login.goBackSwitchAccount\",\n                    \"Go back and switch account\",\n                  )}\n                </button>\n              )}\n            </div>\n          </div>\n        )}\n\n        {/* Error Alert */}\n        {error && !validationError && !isDuplicateAccount && (\n          <div\n            className={`flex items-start gap-3 p-4 rounded-xl border ${\n              isAccountInactive || isOAuthOnlyAccount || isEmailNotVerified\n                ? \"bg-status-warning-bg-subtle border-status-warning-border\"\n                : \"bg-status-error-bg-subtle border-status-error-border\"\n            }`}\n          >\n            <AlertIcon\n              className={`size-5 flex-shrink-0 mt-0.5 ${\n                isAccountInactive || isOAuthOnlyAccount || isEmailNotVerified\n                  ? \"text-status-warning-text\"\n                  : \"text-status-error-text\"\n              }`}\n            />\n            <div className=\"flex-1\">\n              <p\n                className={`text-sm ${\n                  isAccountInactive || isOAuthOnlyAccount || isEmailNotVerified\n                    ? \"text-status-warning-text\"\n                    : \"text-status-error-text\"\n                }`}\n              >\n                {isAccountDeleted\n                  ? tr(\n                      \"auth.login.accountDeleted\",\n                      \"This account has been permanently deleted and cannot be recovered.\",\n                    )\n                  : isAccountSuspended\n                    ? tr(\n                        \"auth.login.accountSuspended\",\n                        \"Your account has been suspended. Please contact support for assistance.\",\n                      )\n                    : isAccountInactive\n                      ? tr(\n                          \"auth.login.accountDeactivated\",\n                          \"Your account has been deactivated.\",\n                        )\n                      : isOAuthOnlyAccount\n                        ? tr(\n                            \"auth.login.oauthOnly\",\n                            \"This account uses OAuth sign-in. Please use Google or Microsoft to sign in.\",\n                          )\n                        : isEmailNotVerified\n                          ? tr(\n                              \"auth.login.emailNotVerified\",\n                              \"Please verify your email before signing in. Check your inbox for the verification link.\",\n                            )\n                          : error}\n              </p>\n              {isAccountInactive && (\n                <button\n                  type=\"button\"\n                  onClick={() =>\n                    navigate(\"/auth/reactivate\", {\n                      state: { email: formData.email },\n                    })\n                  }\n                  className=\"mt-2 text-sm font-semibold text-status-warning-text hover:text-status-warning-text underline underline-offset-2\"\n                >\n                  {tr(\n                    \"auth.login.clickReactivate\",\n                    \"Click here to reactivate your account\",\n                  )}\n                </button>\n              )}\n              {isEmailNotVerified && (\n                <div className=\"mt-3\">\n                  {resendSuccess ? (\n                    <div className=\"flex items-center gap-2 text-sm text-status-success-text\">\n                      <svg\n                        className=\"size-4\"\n                        fill=\"none\"\n                        viewBox=\"0 0 24 24\"\n                        stroke=\"currentColor\"\n                      >\n                        <path\n                          strokeLinecap=\"round\"\n                          strokeLinejoin=\"round\"\n                          strokeWidth={2}\n                          d=\"M5 13l4 4L19 7\"\n                        />\n                      </svg>\n                      {tr(\n                        \"auth.login.verificationSent\",\n                        \"Verification email sent! Please check your inbox.\",\n                      )}\n                    </div>\n                  ) : (\n                    <button\n                      type=\"button\"\n                      onClick={handleResendVerification}\n                      disabled={isResendingVerification}\n                      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\"\n                    >\n                      {isResendingVerification ? (\n                        <>\n                          <SpinnerIcon className=\"size-4 animate-spin\" />\n                          {tr(\"auth.login.sending\", \"Sending...\")}\n                        </>\n                      ) : (\n                        <>\n                          <svg\n                            className=\"size-4\"\n                            fill=\"none\"\n                            viewBox=\"0 0 24 24\"\n                            stroke=\"currentColor\"\n                          >\n                            <path\n                              strokeLinecap=\"round\"\n                              strokeLinejoin=\"round\"\n                              strokeWidth={2}\n                              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\"\n                            />\n                          </svg>\n                          {tr(\n                            \"auth.login.resendVerification\",\n                            \"Resend verification email\",\n                          )}\n                        </>\n                      )}\n                    </button>\n                  )}\n                </div>\n              )}\n              {isOAuthOnlyAccount && (\n                <div className=\"mt-3 flex flex-col gap-2\">\n                  {isProviderConfigured(\"google\") && (\n                    <button\n                      type=\"button\"\n                      onClick={handleGoogleLogin}\n                      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\"\n                    >\n                      <GoogleIcon className=\"size-5\" />\n                      {tr(\"auth.login.signInWithGoogle\", \"Sign in with Google\")}\n                    </button>\n                  )}\n                  {isProviderConfigured(\"microsoft\") && (\n                    <button\n                      type=\"button\"\n                      onClick={handleMicrosoftLogin}\n                      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\"\n                    >\n                      <MicrosoftIcon className=\"size-5\" />\n                      {tr(\n                        \"auth.login.signInWithMicrosoft\",\n                        \"Sign in with Microsoft\",\n                      )}\n                    </button>\n                  )}\n                </div>\n              )}\n            </div>\n          </div>\n        )}\n\n        {/* Email Input */}\n        <div className=\"space-y-2\">\n          <label\n            htmlFor=\"email\"\n            className=\"block text-sm font-medium text-[var(--color-text-primary)]\"\n          >\n            {tr(\"auth.login.emailLabel\", \"Email\")}\n          </label>\n          <div className=\"relative\">\n            <div className=\"absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none\">\n              <EmailIcon className=\"size-5 text-[var(--color-text-tertiary)]\" />\n            </div>\n            <input\n              id=\"email\"\n              type=\"email\"\n              autoComplete=\"email\"\n              required\n              aria-required=\"true\"\n              aria-label={tr(\"auth.login.emailLabel\", \"Email\")}\n              value={formData.email}\n              onChange={(e) =>\n                setFormData({ ...formData, email: e.target.value })\n              }\n              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\"\n              placeholder={tr(\"auth.login.emailPlaceholder\", \"you@example.com\")}\n            />\n          </div>\n        </div>\n\n        {/* Password Input */}\n        <div className=\"space-y-2\">\n          <label\n            htmlFor=\"password\"\n            className=\"block text-sm font-medium text-[var(--color-text-primary)]\"\n          >\n            {tr(\"auth.login.passwordLabel\", \"Password\")}\n          </label>\n          <div className=\"relative\">\n            <div className=\"absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none\">\n              <LockIcon className=\"size-5 text-[var(--color-text-tertiary)]\" />\n            </div>\n            <input\n              id=\"password\"\n              type={showPassword ? \"text\" : \"password\"}\n              autoComplete=\"current-password\"\n              required\n              aria-required=\"true\"\n              aria-label={tr(\"auth.login.passwordLabel\", \"Password\")}\n              value={formData.password}\n              onChange={(e) =>\n                setFormData({ ...formData, password: e.target.value })\n              }\n              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\"\n              placeholder={tr(\n                \"auth.login.passwordPlaceholder\",\n                \"Enter your password\",\n              )}\n            />\n            <button\n              type=\"button\"\n              onClick={() => setShowPassword(!showPassword)}\n              aria-label={\n                showPassword\n                  ? tr(\"auth.login.hidePassword\", \"Hide password\")\n                  : tr(\"auth.login.showPassword\", \"Show password\")\n              }\n              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\"\n            >\n              {showPassword ? (\n                <EyeOffIcon className=\"size-5\" />\n              ) : (\n                <EyeIcon className=\"size-5\" />\n              )}\n            </button>\n          </div>\n        </div>\n\n        {/* Remember & Forgot */}\n        <div className=\"flex items-center justify-between\">\n          <label\n            htmlFor=\"remember-me\"\n            className=\"flex items-center gap-2 cursor-pointer group\"\n          >\n            <Checkbox\n              id=\"remember-me\"\n              checked={formData.rememberMe}\n              onCheckedChange={(checked: boolean | \"indeterminate\") => {\n                const isChecked = checked === true;\n                setFormData({ ...formData, rememberMe: isChecked });\n\n                // Clear saved email immediately when unchecked\n                if (!isChecked) {\n                  try {\n                    localStorage.removeItem(\"remembered_email\");\n                  } catch (error) {\n                    console.warn(\n                      \"[LoginPage] Failed to clear remembered email:\",\n                      error,\n                    );\n                  }\n                }\n              }}\n              aria-label={tr(\"auth.login.rememberMe\", \"Remember me\")}\n            />\n            <span className=\"text-sm text-[var(--color-text-secondary)] group-hover:text-[var(--color-text-primary)] transition-colors\">\n              {tr(\"auth.login.rememberMe\", \"Remember me\")}\n            </span>\n          </label>\n          <button\n            type=\"button\"\n            onClick={() => navigate(\"/auth/reset-password\")}\n            className=\"text-sm font-medium text-text-link hover:text-text-linkHover transition-colors\"\n          >\n            {tr(\"auth.login.forgotPassword\", \"Forgot password?\")}\n          </button>\n        </div>\n\n        {/* Submit Button */}\n        <Button\n          type=\"submit\"\n          disabled={isLoading || isCompletingAuth}\n          variant=\"default\"\n          size=\"lg\"\n          className=\"w-full font-semibold\"\n        >\n          {isLoading || isCompletingAuth ? (\n            <>\n              <SpinnerIcon className=\"size-5 animate-spin\" />\n              <span>\n                {isCompletingAuth\n                  ? tr(\n                      \"auth.login.settingUpWorkspace\",\n                      \"Setting up workspace...\",\n                    )\n                  : tr(\"auth.login.signingIn\", \"Signing in...\")}\n              </span>\n            </>\n          ) : (\n            tr(\"auth.login.signIn\", \"Sign in\")\n          )}\n        </Button>\n      </form>\n\n      {/* Divider */}\n      <div className=\"relative my-8\">\n        <div className=\"absolute inset-0 flex items-center\">\n          <div className=\"w-full border-t border-[var(--color-border-default)]\" />\n        </div>\n        <div className=\"relative flex justify-center\">\n          <span className=\"px-4 bg-[var(--color-bg-canvas)] text-sm text-[var(--color-text-tertiary)]\">\n            {tr(\"auth.login.orContinueWith\", \"or continue with\")}\n          </span>\n        </div>\n      </div>\n\n      {/* OAuth Error */}\n      {oauthError && (\n        <div className=\"flex items-start gap-3 p-4 rounded-xl border bg-status-error-bg-subtle border-status-error-border\">\n          <AlertIcon className=\"size-5 flex-shrink-0 mt-0.5 text-status-error-text\" />\n          <p className=\"text-sm text-status-error-text\">{oauthError}</p>\n        </div>\n      )}\n\n      {/* OAuth Buttons */}\n      <div className=\"grid grid-cols-3 gap-3\">\n        {oauthProviders.map((provider) => (\n          <button\n            key={provider.name}\n            type=\"button\"\n            onClick={provider.onClick}\n            disabled={provider.disabled}\n            title={provider.tooltip}\n            aria-label={provider.name}\n            className={`flex items-center justify-center gap-2 px-4 py-3 rounded-xl border transition-all duration-200 group ${\n              provider.disabled\n                ? \"border-[var(--color-border-subtle)] bg-[var(--color-bg-disabled)] cursor-not-allowed opacity-50\"\n                : \"border-[var(--color-border-default)] bg-[var(--color-bg-surface)] hover:bg-[var(--color-bg-sunken)] hover:border-[var(--color-border-strong)]\"\n            }`}\n          >\n            <provider.icon\n              className={`size-5 ${provider.disabled ? \"opacity-50\" : \"\"}`}\n            />\n            <span\n              className={`sr-only sm:not-sr-only text-sm font-medium transition-colors ${\n                provider.disabled\n                  ? \"text-[var(--color-text-disabled)]\"\n                  : \"text-[var(--color-text-secondary)] group-hover:text-[var(--color-text-primary)]\"\n              }`}\n            >\n              {provider.name}\n            </span>\n          </button>\n        ))}\n      </div>\n\n      {/* Enterprise SSO Option — temporarily hidden */}\n      {/* <div className=\"mt-6\">\n        <button type=\"button\"\n          onClick={() => navigate(\"/auth/sso/login\")}\n          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\"\n        >\n          <svg\n            className=\"size-5 text-[var(--color-text-tertiary)] group-hover:text-text-link\"\n            fill=\"none\"\n            viewBox=\"0 0 24 24\"\n            stroke=\"currentColor\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={1.5}\n              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\"\n            />\n          </svg>\n          <span className=\"text-sm font-medium text-[var(--color-text-secondary)] group-hover:text-text-link\">\n            {tr(\"auth.login.enterpriseSso\", \"Sign in with Enterprise SSO\")}\n          </span>\n        </button>\n      </div> */}\n\n      {/* Magic Link Option */}\n      <div className=\"mt-4 text-center\">\n        <button\n          type=\"button\"\n          onClick={() => navigate(\"/auth/magic-link\")}\n          className=\"text-sm text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)] transition-colors\"\n        >\n          {tr(\"auth.login.preferPasswordless\", \"Prefer passwordless login?\")}{\" \"}\n          <span className=\"font-semibold text-text-link hover:text-text-linkHover\">\n            {tr(\"auth.login.signInMagicLink\", \"Sign in with Magic Link\")}\n          </span>\n        </button>\n      </div>\n\n      {/* Sign Up Link */}\n      <p className=\"mt-6 text-center text-sm text-[var(--color-text-secondary)]\">\n        {tr(\"auth.login.dontHaveAccount\", \"Don't have an account?\")}{\" \"}\n        <button\n          type=\"button\"\n          onClick={() => navigate(\"/auth/register\")}\n          className=\"font-semibold text-text-link hover:text-text-linkHover transition-colors\"\n        >\n          {tr(\"auth.login.signUp\", \"Sign up\")}\n        </button>\n      </p>\n    </AuthLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"LoginPage.js","names":[],"sources":["../../../src/auth/pages/LoginPage.tsx"],"sourcesContent":["import { useState, useEffect, useCallback, useRef } from \"react\";\nimport { useNavigate, useSearchParams, useLocation } from \"react-router\";\nimport { useActiveContext } from \"@burdenoff/fe-libs/shared/providers/shell\";\nimport { useTr } from \"../../shared/hooks/useTr\";\nimport {\n  getSSORedirectUrl,\n  SSORedirectSpinner,\n} from \"@burdenoff/fe-libs/shared/components\";\nimport { resolveAuthBridgeConfig } from \"@burdenoff/fe-libs/shared/config\";\nimport { resolveGatewayUrls } from \"@burdenoff/fe-libs/shared/config/gatewayUrls\";\nimport {\n  beginSsoNavigation,\n  buildSsoDepositUrl,\n  isSsoNavigationPending,\n  markSsoDepositPending,\n  mintSsoSessionTokens,\n} from \"@burdenoff/fe-libs/shared/utils\";\nimport { Button } from \"@burdenoff/fe-libs/button\";\nimport { Checkbox, PagePurpose } from \"@burdenoff/fe-libs/ui\";\n\nimport {\n  getProfileTokens,\n  getProfileUser,\n  getProfiles,\n  getProfileWorkspaceToken,\n  resolveActiveProfileId,\n} from \"@burdenoff/fe-libs/shared/providers/shell/ProfileStorageManager\";\nimport { useAuthOperations } from \"../hooks/useAuthOperations\";\nimport { useMyWorkspaces } from \"../hooks/useMyWorkspaces\";\nimport { useOAuthOperations } from \"../hooks/useOAuthOperations\";\nimport { sanitizePostLoginPath } from \"../utils/redirect\";\nimport { useAuthStore } from \"../store/authStore\";\nimport { useAuth } from \"../providers/AuthProvider\";\nimport { AuthLayout } from \"../components/AuthLayout\";\nimport {\n  EmailIcon,\n  LockIcon,\n  EyeIcon,\n  EyeOffIcon,\n  AlertIcon,\n  SpinnerIcon,\n  GoogleIcon,\n  // GitHubIcon,\n  MicrosoftIcon,\n} from \"../components/AuthIcons\";\nimport { useCaptchaV3 } from \"../hooks/useCaptchaV3\";\nimport { MFA_REDIRECT } from \"../constants/sessionKeys\";\nimport type { SignInInput } from \"../types\";\n\n/**\n * Detect whether the bundle is running inside a native shell (Capacitor on\n * iOS/Android, or Electron). Cross-origin SSO deposit/relay detours only make\n * sense in a multi-origin web context — in a native shell there is one product\n * origin, tokens already live in localStorage, and `window.location.assign` to\n * an external https URL escapes the embedded webview.\n *\n * Detection is runtime-only and avoids importing any platform-specific module\n * so this stays valid when microfe-auth is consumed by a pure web shell too.\n */\nfunction isNativeShell(): boolean {\n  if (typeof window === \"undefined\") return false;\n  const w = window as typeof window & {\n    Capacitor?: { isNativePlatform?: () => boolean };\n  };\n  if (typeof w.Capacitor?.isNativePlatform === \"function\") {\n    try {\n      if (w.Capacitor.isNativePlatform()) return true;\n    } catch {\n      /* fall through */\n    }\n  }\n  if (\n    typeof navigator !== \"undefined\" &&\n    /Electron/i.test(navigator.userAgent || \"\")\n  ) {\n    return true;\n  }\n  return false;\n}\n\nfunction toSameOriginPath(target: string): string {\n  if (typeof window === \"undefined\") return target;\n  try {\n    const url = new URL(target, window.location.origin);\n    return `${url.pathname}${url.search}${url.hash}`;\n  } catch {\n    return target;\n  }\n}\n\nfunction hasValidAccessToken(token: string): boolean {\n  try {\n    const raw = token.split(\".\")[1].replace(/-/g, \"+\").replace(/_/g, \"/\");\n    const padded = raw.padEnd(Math.ceil(raw.length / 4) * 4, \"=\");\n    const payload = JSON.parse(atob(padded)) as { exp?: unknown };\n    return typeof payload.exp === \"number\" && payload.exp > Date.now() / 1000;\n  } catch {\n    return false;\n  }\n}\n\nfunction decodeSameOriginReturnTo(returnTo: string | null): string | null {\n  if (!returnTo) return null;\n  try {\n    const decoded = decodeURIComponent(returnTo);\n    const url = new URL(decoded, window.location.origin);\n    if (url.origin !== window.location.origin) return null;\n    return stripStaleSsoParams(url, { includeOrigin: false });\n  } catch {\n    return null;\n  }\n}\n\nfunction stripStaleSsoParams(\n  url: URL,\n  options: { includeOrigin: boolean },\n): string {\n  for (const param of [\"sso_failed\", \"sso-failed\", \"sso-attempted\"] as const) {\n    url.searchParams.delete(param);\n  }\n\n  if (options.includeOrigin) {\n    return url.toString();\n  }\n\n  const search = url.searchParams.toString();\n  return `${url.pathname}${search ? `?${search}` : \"\"}${url.hash}`;\n}\n\nfunction cleanReturnToValue(returnTo: string): string {\n  try {\n    const decoded = decodeURIComponent(returnTo);\n    const url = new URL(decoded, window.location.origin);\n    // Preserve cross-origin absolute returnTo values (e.g., redirects back to\n    // another product's app shell) — only strip stale SSO params.\n    const isCrossOrigin = url.origin !== window.location.origin;\n    return stripStaleSsoParams(url, { includeOrigin: isCrossOrigin });\n  } catch {\n    return returnTo;\n  }\n}\n\n/**\n * Login page with professional design\n * Provides email/password login and social OAuth options\n */\nexport function LoginPage() {\n  const tr = useTr();\n  const navigate = useNavigate();\n  const location = useLocation();\n  const [searchParams] = useSearchParams();\n\n  const { signIn, isLoading, error, errorCode, resendVerification } =\n    useAuthOperations();\n  const { completeAuthFlow } = useMyWorkspaces();\n  const { setWorkspace, setOrganization } = useActiveContext();\n  const { defaultPostLoginPath } = useAuth();\n  const { initiateGoogleOAuth, initiateMicrosoftOAuth, isProviderConfigured } =\n    useOAuthOperations();\n  const mfaRequired = useAuthStore((state) => state.mfaRequired);\n  const { executeRecaptcha: executeCaptchaV3 } = useCaptchaV3();\n  const [isCompletingAuth, setIsCompletingAuth] = useState(false);\n  const [isSsoRedirecting, setIsSsoRedirecting] = useState(false);\n\n  /**\n   * Build the URL that should receive the post-login redirect.\n   *\n   * For cross-eTLD+1 SSO on alpha/prod we detour through the central bridge\n   * host (alphaapp/app.burdenoff.com) so the freshly-issued tokens land in\n   * the bridge origin's first-party (unpartitioned) localStorage. Without\n   * this step, a later direct visit to the bridge host has no local tokens\n   * and no shared cookie (cross-eTLD+1 cookies don't propagate), so the user\n   * sees the login page again.\n   *\n   * Skipped when:\n   *   - Already on the bridge host origin (would be a no-op self-redirect).\n   *   - The user's intended destination is itself on the bridge host\n   *     (likely an in-product navigation, no deposit needed).\n   *   - The freshly-stored profile snapshot can't be read (best-effort only —\n   *     login still succeeds via the direct redirect).\n   */\n  const buildPostLoginUrl = useCallback(\n    async (intendedPath: string): Promise<string> => {\n      if (typeof window === \"undefined\") return intendedPath;\n      // Native shells (Electron, Capacitor iOS/Android) run as a single origin —\n      // skip the cross-eTLD+1 deposit detour, which would otherwise navigate to\n      // an external https URL and escape the embedded webview.\n      if (isNativeShell()) return intendedPath;\n      try {\n        const bridge = resolveAuthBridgeConfig();\n        const bridgeUrl = new URL(bridge.url);\n        const currentOrigin = window.location.origin;\n        if (bridgeUrl.origin === currentOrigin) return intendedPath;\n\n        // intendedPath can be a path or an absolute URL; resolve to absolute\n        // against current origin so the bridge host knows where to send the\n        // user back.\n        const absoluteIntended = new URL(intendedPath, currentOrigin).href;\n\n        const profileId = resolveActiveProfileId();\n        if (!profileId) return intendedPath;\n        const tokens = getProfileTokens(profileId);\n        const user = getProfileUser(profileId);\n        if (!tokens || !user) return intendedPath;\n        const workspaceToken = getProfileWorkspaceToken(profileId);\n\n        // BOFF-4463: mint a DEDICATED refresh-token lineage for the bridge\n        // host. Copying this origin's pair verbatim meant the bridge (and\n        // every product it later relayed to) shared ONE rotating refresh\n        // token — the first origin to refresh revoked it for all others,\n        // surfacing as \"products log me out after minutes/hours\". Falls back\n        // to the legacy copy if the mutation is unreachable (rollout gap /\n        // transient failure) so SSO keeps working.\n        let depositTokens: Record<string, unknown> = {\n          ...tokens,\n          workspaceToken,\n        };\n        if (tokens.refreshToken) {\n          const { globalBaseUrl } = resolveGatewayUrls();\n          const { tokens: minted } = await mintSsoSessionTokens(\n            `${globalBaseUrl}/global/graphql`,\n            tokens.refreshToken,\n          );\n          if (minted) {\n            depositTokens = { ...minted, workspaceToken };\n          }\n        }\n\n        markSsoDepositPending(profileId);\n        return buildSsoDepositUrl(bridgeUrl.origin, absoluteIntended, {\n          profileId,\n          tokens: JSON.stringify(depositTokens),\n          user: JSON.stringify(user),\n          profiles: JSON.stringify(getProfiles()),\n        });\n      } catch {\n        return intendedPath;\n      }\n    },\n    [],\n  );\n\n  // Once a cross-document post-login redirect is initiated, the login page\n  // must FREEZE: resetting isCompletingAuth re-runs the auto-redirect effect\n  // and any state churn schedules same-document navigations that cancel the\n  // provisional deposit hop (BOFF-4463).\n  const redirectInitiatedRef = useRef(false);\n\n  const redirectAfterLogin = useCallback(\n    (path: string) => {\n      const safePath = sanitizePostLoginPath(path);\n      if (typeof window === \"undefined\") {\n        navigate(safePath);\n        return;\n      }\n      try {\n        sessionStorage.setItem(\"bf-post-login-return-to\", safePath);\n      } catch {\n        // Ignore storage failures; redirect still proceeds.\n      }\n      // In native shells use SPA navigation so the embedded webview stays in\n      // the app — no full reload, no chance of the OS opening the URL\n      // externally. Tokens are already in this origin's localStorage.\n      if (isNativeShell()) {\n        navigate(toSameOriginPath(safePath));\n        return;\n      }\n      redirectInitiatedRef.current = true;\n      void (async () => {\n        // Cap the bridge URL build so a hanging SSO token mint cannot keep the\n        // login page stuck on the spinner (BOFF-6807). The sanitized path is\n        // always safe to redirect to directly.\n        const target = await Promise.race([\n          buildPostLoginUrl(safePath),\n          new Promise<string>((resolve) => {\n            window.setTimeout(() => resolve(safePath), 3000);\n          }),\n        ]);\n        if (target.includes(\"/auth/sso-deposit\")) {\n          // Cross-document deposit hop: suppress same-document navigators\n          // while it is provisional, and retry once if it still gets\n          // cancelled — on a committed navigation this document unloads and\n          // the timer never fires.\n          beginSsoNavigation();\n          window.location.assign(target);\n          window.setTimeout(() => {\n            beginSsoNavigation();\n            window.location.replace(target);\n          }, 2500);\n        } else {\n          window.location.assign(target);\n        }\n        // Fallback: if the document is still stuck on the login page after a\n        // full redirect attempt, force an in-app navigation so the spinner\n        // cannot stall forever (BOFF-6807). This only fires when the browser\n        // failed to leave /auth/login, e.g. because the computed target was\n        // still an auth URL or the location.assign was a no-op.\n        window.setTimeout(() => {\n          if (\n            typeof window !== \"undefined\" &&\n            window.location.pathname === \"/auth/login\"\n          ) {\n            navigate(\"/dashboard\");\n          }\n        }, 3500);\n      })();\n    },\n    [navigate, buildPostLoginUrl],\n  );\n  const [showPassword, setShowPassword] = useState(false);\n  const [isAccountInactive, setIsAccountInactive] = useState(false);\n  const [isAccountDeleted, setIsAccountDeleted] = useState(false);\n  const [isAccountSuspended, setIsAccountSuspended] = useState(false);\n  const [isOAuthOnlyAccount, setIsOAuthOnlyAccount] = useState(false);\n  const [isEmailNotVerified, setIsEmailNotVerified] = useState(false);\n  const [isResendingVerification, setIsResendingVerification] = useState(false);\n  const [resendSuccess, setResendSuccess] = useState(false);\n  const [oauthError, setOauthError] = useState<string | null>(null);\n  const [infoMessage, setInfoMessage] = useState<string | null>(null);\n  const [formData, setFormData] = useState<\n    SignInInput & { rememberMe?: boolean }\n  >({\n    email: \"\",\n    password: \"\",\n    rememberMe: false,\n  });\n  const [validationError, setValidationError] = useState<string | null>(null);\n  const [isDuplicateAccount, setIsDuplicateAccount] = useState(false);\n\n  // Detect add-account mode and returnTo from URL params\n  const isAddAccountMode = searchParams.get(\"mode\") === \"add-account\";\n  const returnTo = searchParams.get(\"returnTo\");\n  const initialReturnToRef = useRef<string | null>(returnTo);\n\n  // Tell the user WHY they are back on the login page. `session-expired` is\n  // set by the shell's forced logout (expired session whose refresh failed);\n  // `logout` covers explicit sign-outs and the SSO-clear fallback (which can\n  // rewrite a session-expired redirect's reason on the cross-product bounce).\n  // Without this the auto-logout looked like a silent, unexplained kick-out.\n  const reasonParam = searchParams.get(\"reason\");\n  useEffect(() => {\n    if (reasonParam === \"session-expired\") {\n      setInfoMessage(\n        tr(\n          \"auth.login.sessionExpired\",\n          \"Your session has expired. Please sign in again.\",\n        ),\n      );\n    } else if (reasonParam === \"logout\") {\n      setInfoMessage(tr(\"auth.login.signedOut\", \"You have been signed out.\"));\n    }\n  }, [reasonParam, tr]);\n\n  useEffect(() => {\n    if (!initialReturnToRef.current && returnTo) {\n      initialReturnToRef.current = returnTo;\n    }\n  }, [returnTo]);\n\n  useEffect(() => {\n    if (isAddAccountMode || isCompletingAuth) return;\n    // A cross-document SSO navigation (deposit/relay hop) is already in\n    // flight — issuing another redirect here would cancel it (BOFF-4463).\n    if (redirectInitiatedRef.current || isSsoNavigationPending()) return;\n\n    const profileId = resolveActiveProfileId();\n    if (profileId) {\n      const tokens = getProfileTokens(profileId);\n      const user = getProfileUser(profileId);\n      if (\n        tokens?.accessToken &&\n        user &&\n        hasValidAccessToken(tokens.accessToken)\n      ) {\n        useAuthStore.getState().loadFromProfile(profileId);\n        redirectAfterLogin(decodeSameOriginReturnTo(returnTo) ?? \"/\");\n        return;\n      }\n    }\n\n    const ssoUrl = getSSORedirectUrl();\n    if (ssoUrl) {\n      setIsSsoRedirecting(true);\n      window.location.replace(ssoUrl);\n    }\n  }, [isAddAccountMode, isCompletingAuth, redirectAfterLogin, returnTo]);\n\n  // Load remembered email on mount and clean up any legacy plaintext password storage\n  useEffect(() => {\n    try {\n      // Security cleanup: remove any previously stored plaintext passwords\n      localStorage.removeItem(\"remembered_password\");\n\n      const rememberedEmail = localStorage.getItem(\"remembered_email\");\n\n      if (rememberedEmail) {\n        setFormData((prev) => ({\n          ...prev,\n          email: rememberedEmail,\n          rememberMe: true,\n        }));\n      }\n    } catch (error) {\n      console.warn(\"[LoginPage] Failed to load remembered email:\", error);\n    }\n  }, []);\n\n  // Check for redirect message and email from location state (e.g., from expired MFA or SSO redirect)\n  useEffect(() => {\n    const state = location.state as { message?: string; email?: string } | null;\n    if (state?.message) {\n      setInfoMessage(state.message);\n    }\n    if (state?.email) {\n      setFormData((prev) => ({ ...prev, email: state.email }));\n    }\n    // Clear state to prevent showing message on refresh\n    if (state) {\n      window.history.replaceState({}, document.title);\n    }\n  }, [location.state]);\n\n  // Determine error type from GraphQL error code (primary) or message (fallback).\n  // The backend sends structured codes in extensions.code which are propagated\n  // through useAuthOperations → authStore.errorCode.\n  const checkErrorType = (\n    err: string | null,\n    code?: string | null,\n  ):\n    | \"DELETED\"\n    | \"SUSPENDED\"\n    | \"OAUTH_ONLY\"\n    | \"INACTIVE\"\n    | \"EMAIL_NOT_VERIFIED\"\n    | null => {\n    // Primary: match on GraphQL error code from extensions\n    if (code) {\n      switch (code) {\n        case \"ACCOUNT_DELETED\":\n          return \"DELETED\";\n        case \"ACCOUNT_SUSPENDED\":\n          return \"SUSPENDED\";\n        case \"OAUTH_ONLY_ACCOUNT\":\n          return \"OAUTH_ONLY\";\n        case \"ACCOUNT_INACTIVE\":\n          return \"INACTIVE\";\n        case \"EMAIL_NOT_VERIFIED\":\n          return \"EMAIL_NOT_VERIFIED\";\n        default:\n          break;\n      }\n    }\n\n    // Fallback: match on error message for non-GraphQL errors or legacy responses\n    if (!err) return null;\n    const lowerErr = err.toLowerCase();\n\n    if (\n      lowerErr.includes(\"deleted\") ||\n      lowerErr.includes(\"permanently deleted\")\n    ) {\n      return \"DELETED\";\n    }\n    if (lowerErr.includes(\"suspended\")) {\n      return \"SUSPENDED\";\n    }\n    if (\n      lowerErr.includes(\"oauth provider\") ||\n      lowerErr.includes(\"oauth-only\") ||\n      lowerErr.includes(\"oauth only\")\n    ) {\n      return \"OAUTH_ONLY\";\n    }\n    if (\n      lowerErr.includes(\"inactive\") ||\n      lowerErr.includes(\"deactivated\") ||\n      lowerErr.includes(\"not active\")\n    ) {\n      return \"INACTIVE\";\n    }\n    if (\n      lowerErr.includes(\"verify your email\") ||\n      lowerErr.includes(\"email not verified\") ||\n      lowerErr.includes(\"email_not_verified\")\n    ) {\n      return \"EMAIL_NOT_VERIFIED\";\n    }\n    return null;\n  };\n\n  // Pre-fill email from URL query parameter (e.g., after email verification)\n  useEffect(() => {\n    const emailFromUrl = searchParams.get(\"email\");\n    if (emailFromUrl) {\n      setFormData((prev) => ({ ...prev, email: emailFromUrl }));\n    }\n\n    // Check for expired session redirect\n    const isExpired = searchParams.get(\"expired\");\n    if (isExpired === \"true\") {\n      setInfoMessage(\n        tr(\n          \"auth.login.sessionExpired\",\n          \"Your session has expired. Please sign in again.\",\n        ),\n      );\n      // Clear the query param to prevent showing on refresh\n      const newUrl = window.location.pathname;\n      window.history.replaceState({}, document.title, newUrl);\n    }\n  }, [searchParams, tr]);\n\n  // Redirect to MFA verification when required\n  useEffect(() => {\n    if (mfaRequired) {\n      navigate(\"/auth/mfa-verify\");\n    }\n  }, [mfaRequired, navigate]);\n\n  const handleSubmit = async (e: React.FormEvent) => {\n    e.preventDefault();\n    setIsAccountInactive(false);\n    setIsAccountDeleted(false);\n    setIsAccountSuspended(false);\n    setIsOAuthOnlyAccount(false);\n    setIsEmailNotVerified(false);\n    setIsDuplicateAccount(false);\n    setResendSuccess(false);\n    setValidationError(null);\n\n    // Client-side validation\n    const emailTrimmed = (formData.email ?? \"\").trim();\n    if (!emailTrimmed) {\n      setValidationError(\n        tr(\n          \"auth.login.enterEmailOrUsername\",\n          \"Please enter your email or username\",\n        ),\n      );\n      return;\n    }\n\n    // Basic email format validation (if it contains @)\n    if (emailTrimmed.includes(\"@\")) {\n      const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n      if (!emailRegex.test(emailTrimmed)) {\n        setValidationError(\n          tr(\"auth.login.invalidEmail\", \"Please enter a valid email address\"),\n        );\n        return;\n      }\n    }\n\n    if (!formData.password || formData.password.length < 1) {\n      setValidationError(\n        tr(\"auth.login.enterPassword\", \"Please enter your password\"),\n      );\n      return;\n    }\n\n    // In add-account mode, check if this email is already signed in\n    if (isAddAccountMode) {\n      const existingProfiles = getProfiles();\n      const alreadySignedIn = existingProfiles.some(\n        (p) => p.email.toLowerCase() === emailTrimmed.toLowerCase(),\n      );\n      if (alreadySignedIn) {\n        setIsDuplicateAccount(true);\n        setValidationError(null);\n        return;\n      }\n    }\n    setIsDuplicateAccount(false);\n\n    try {\n      // Get reCAPTCHA v3 token (no-op when captcha is disabled)\n      const recaptchaToken = await executeCaptchaV3(\"login\");\n\n      const result = await signIn({\n        email: emailTrimmed,\n        password: formData.password,\n        rememberMe: formData.rememberMe,\n        ...(recaptchaToken ? { recaptchaToken } : {}),\n      });\n\n      // If MFA is required, the useEffect above will handle redirect\n      if (result.requiresMFA) {\n        // Persist the post-login destination so MfaVerifyPage honors\n        // `returnTo` and `defaultPostLoginPath` after the user completes\n        // verification — otherwise the MFA path falls back to \"/\" and the\n        // host-configured home (e.g. \"/vibecontrols\") is lost.\n        const effectiveReturnTo = initialReturnToRef.current || returnTo;\n        const postMfaPath = effectiveReturnTo\n          ? cleanReturnToValue(effectiveReturnTo)\n          : cleanReturnToValue(defaultPostLoginPath ?? \"/dashboard\");\n        try {\n          sessionStorage.setItem(MFA_REDIRECT, postMfaPath);\n        } catch {\n          // sessionStorage may be unavailable (private mode, quota) — the\n          // MFA page still works, it just defaults to \"/\" on completion.\n        }\n        return;\n      }\n\n      // Successful login - complete auth flow (fetch workspaces + issue token)\n      if (result.success) {\n        try {\n          const profileId = result.user?.id;\n          if (profileId) {\n            const hostname = window.location.hostname;\n            const domain = hostname.endsWith(\".local.burdenoff.com\")\n              ? \".local.burdenoff.com\"\n              : undefined;\n            const domainPart = domain ? `; domain=${domain}` : \"\";\n            const securePart =\n              window.location.protocol === \"https:\" ? \"; secure\" : \"\";\n            const ssoValue = JSON.stringify({\n              id: profileId,\n              origin: window.location.origin,\n            });\n            document.cookie = `bf-sso=${encodeURIComponent(ssoValue)}${domainPart}; path=/; samesite=lax${securePart}; max-age=86400`;\n            document.cookie = `bf-sso-profile=${encodeURIComponent(ssoValue)}${domainPart}; path=/; samesite=lax${securePart}; max-age=86400`;\n          }\n        } catch {\n          // Best effort only. Login can continue without the fast-path cookie.\n        }\n\n        // Handle Remember Me: Save or clear email only (never store passwords)\n        try {\n          if (formData.rememberMe) {\n            localStorage.setItem(\"remembered_email\", emailTrimmed);\n          } else {\n            localStorage.removeItem(\"remembered_email\");\n          }\n        } catch (error) {\n          console.warn(\n            \"[LoginPage] Failed to save/clear remembered email:\",\n            error,\n          );\n        }\n\n        setIsCompletingAuth(true);\n        // In add-account mode, redirect back to where the user was\n        const effectiveReturnTo = initialReturnToRef.current || returnTo;\n        const postLoginPath = effectiveReturnTo\n          ? cleanReturnToValue(effectiveReturnTo)\n          : cleanReturnToValue(defaultPostLoginPath ?? \"/dashboard\");\n        try {\n          type AuthFlowResult = Awaited<ReturnType<typeof completeAuthFlow>>;\n          // Pass the token directly to avoid race condition with React state updates\n          const authFlowResult = await Promise.race<AuthFlowResult>([\n            completeAuthFlow(result.token),\n            new Promise<AuthFlowResult>((resolve) => {\n              window.setTimeout(() => {\n                resolve({\n                  success: false,\n                  error: \"Auth flow timed out after login\",\n                });\n              }, 5000);\n            }),\n          ]);\n\n          if (authFlowResult.success) {\n            // Sync workspace and organization to ActiveContext\n            // This is critical for global search and other workspace-scoped features\n            if (authFlowResult.workspace) {\n              setWorkspace(authFlowResult.workspace.id);\n              if (authFlowResult.workspace.organizationId) {\n                setOrganization(authFlowResult.workspace.organizationId);\n              }\n            }\n\n            // Full auth flow completed - redirect to dashboard or returnTo\n            redirectAfterLogin(postLoginPath);\n          } else if (authFlowResult.error?.includes(\"No workspaces found\")) {\n            // No workspaces - redirect to onboarding/workspace creation\n            navigate(\"/onboarding/create-workspace\");\n          } else {\n            // Partial success or error - still sync workspace if available and redirect\n            if (authFlowResult.workspace) {\n              setWorkspace(authFlowResult.workspace.id);\n              if (authFlowResult.workspace.organizationId) {\n                setOrganization(authFlowResult.workspace.organizationId);\n              }\n            }\n            console.warn(\"Auth flow warning:\", authFlowResult.error);\n            redirectAfterLogin(postLoginPath);\n          }\n        } catch (authFlowError) {\n          // Auth flow failed but login succeeded - still redirect\n          console.error(\"Auth flow error (login succeeded):\", authFlowError);\n          redirectAfterLogin(postLoginPath);\n        } finally {\n          // Keep the completing state (spinner) once a redirect is in\n          // flight: resetting it re-arms the auto-redirect effect whose\n          // competing navigation cancels the deposit hop (BOFF-4463). The\n          // page is about to unload anyway.\n          if (!redirectInitiatedRef.current) {\n            setIsCompletingAuth(false);\n          }\n        }\n      }\n    } catch (err) {\n      if (import.meta.env.DEV) {\n        console.error(\"Sign in failed:\", err);\n      }\n      // Check error type using error code (from store) and message\n      const errorMsg = err instanceof Error ? err.message : String(err);\n      if (errorMsg.includes(\"reCAPTCHA\")) {\n        setValidationError(errorMsg);\n      }\n      const storeErrorCode = useAuthStore.getState().errorCode;\n      const errorType = checkErrorType(errorMsg, storeErrorCode);\n      if (errorType === \"DELETED\") {\n        setIsAccountDeleted(true);\n      } else if (errorType === \"SUSPENDED\") {\n        setIsAccountSuspended(true);\n      } else if (errorType === \"OAUTH_ONLY\") {\n        setIsOAuthOnlyAccount(true);\n      } else if (errorType === \"INACTIVE\") {\n        setIsAccountInactive(true);\n      } else if (errorType === \"EMAIL_NOT_VERIFIED\") {\n        setIsEmailNotVerified(true);\n      }\n    }\n  };\n\n  // Also check the error from useAuthOperations\n  useEffect(() => {\n    if (error) {\n      const errorType = checkErrorType(error, errorCode);\n      if (errorType === \"DELETED\") {\n        setIsAccountDeleted(true);\n      } else if (errorType === \"SUSPENDED\") {\n        setIsAccountSuspended(true);\n      } else if (errorType === \"OAUTH_ONLY\") {\n        setIsOAuthOnlyAccount(true);\n      } else if (errorType === \"INACTIVE\") {\n        setIsAccountInactive(true);\n      } else if (errorType === \"EMAIL_NOT_VERIFIED\") {\n        setIsEmailNotVerified(true);\n      }\n    }\n  }, [error, errorCode]);\n\n  /**\n   * Handle Google OAuth login\n   */\n  const handleGoogleLogin = () => {\n    setOauthError(null);\n    try {\n      initiateGoogleOAuth();\n    } catch (err) {\n      setOauthError(\n        err instanceof Error\n          ? err.message\n          : tr(\n              \"auth.login.googleSignInFailed\",\n              \"Failed to initiate Google sign in\",\n            ),\n      );\n    }\n  };\n\n  /**\n   * Handle Microsoft OAuth login\n   */\n  const handleMicrosoftLogin = () => {\n    setOauthError(null);\n    try {\n      initiateMicrosoftOAuth();\n    } catch (err) {\n      setOauthError(\n        err instanceof Error\n          ? err.message\n          : tr(\n              \"auth.login.microsoftSignInFailed\",\n              \"Failed to initiate Microsoft sign in\",\n            ),\n      );\n    }\n  };\n\n  /**\n   * Handle resend verification email\n   */\n  const handleResendVerification = async () => {\n    setIsResendingVerification(true);\n    setResendSuccess(false);\n    try {\n      const emailTrimmed = (formData.email ?? \"\").trim();\n      const result = await resendVerification(emailTrimmed);\n      if (result.success) {\n        setResendSuccess(true);\n      } else {\n        setValidationError(\n          tr(\n            \"auth.login.resendFailed\",\n            \"Failed to resend verification email. Please try again.\",\n          ),\n        );\n      }\n    } catch (err) {\n      console.error(\"Failed to resend verification email:\", err);\n      setValidationError(\n        err instanceof Error\n          ? err.message\n          : tr(\n              \"auth.login.resendFailed\",\n              \"Failed to resend verification email. Please try again.\",\n            ),\n      );\n    } finally {\n      setIsResendingVerification(false);\n    }\n  };\n\n  // Check if OAuth providers are configured\n  const isGoogleConfigured = isProviderConfigured(\"google\");\n  const isMicrosoftConfigured = isProviderConfigured(\"microsoft\");\n\n  const oauthProviders = [\n    {\n      name: \"Google\",\n      icon: GoogleIcon,\n      onClick: handleGoogleLogin,\n      disabled: !isGoogleConfigured,\n      tooltip: isGoogleConfigured\n        ? undefined\n        : tr(\n            \"auth.login.googleNotConfigured\",\n            \"Google sign in is not configured\",\n          ),\n    },\n    // {\n    //   name: \"GitHub\",\n    //   icon: GitHubIcon,\n    //   onClick: () => {},\n    //   disabled: true,\n    //   tooltip: tr(\n    //     \"auth.login.githubNotConfigured\",\n    //     \"GitHub sign in is not configured\",\n    //   ),\n    // },\n    {\n      name: \"Microsoft\",\n      icon: MicrosoftIcon,\n      onClick: handleMicrosoftLogin,\n      disabled: !isMicrosoftConfigured,\n      tooltip: isMicrosoftConfigured\n        ? undefined\n        : tr(\n            \"auth.login.microsoftNotConfigured\",\n            \"Microsoft sign in is not configured\",\n          ),\n    },\n  ];\n\n  if (isSsoRedirecting) {\n    return <SSORedirectSpinner />;\n  }\n\n  return (\n    <AuthLayout\n      title={tr(\"auth.login.welcomeBack\", \"Welcome back\")}\n      subtitle={tr(\n        \"auth.login.enterCredentials\",\n        \"Enter your credentials to continue\",\n      )}\n    >\n      <PagePurpose className=\"mb-5\">\n        {tr(\n          \"auth.login.purpose\",\n          \"Sign in to reach your workspaces, agents, and settings. Use your email and password, a social provider, or a passwordless magic link.\",\n        )}\n      </PagePurpose>\n      <form onSubmit={handleSubmit} className=\"space-y-5\">\n        {/* Info Message (e.g., from expired MFA redirect) */}\n        {infoMessage && (\n          <div className=\"flex items-start gap-3 p-4 rounded-xl border bg-status-info-bg-subtle border-status-info-border\">\n            <svg\n              className=\"size-5 flex-shrink-0 mt-0.5 text-text-link\"\n              fill=\"none\"\n              viewBox=\"0 0 24 24\"\n              stroke=\"currentColor\"\n            >\n              <path\n                strokeLinecap=\"round\"\n                strokeLinejoin=\"round\"\n                strokeWidth={2}\n                d=\"M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z\"\n              />\n            </svg>\n            <p className=\"text-sm text-status-info-text\">{infoMessage}</p>\n          </div>\n        )}\n\n        {/* Validation Error */}\n        {validationError && (\n          <div className=\"flex items-start gap-3 p-4 rounded-xl border bg-status-warning-bg-subtle border-status-warning-border\">\n            <AlertIcon className=\"size-5 flex-shrink-0 mt-0.5 text-status-warning-text\" />\n            <p className=\"text-sm text-status-warning-text\">\n              {validationError}\n            </p>\n          </div>\n        )}\n\n        {/* Duplicate Account Warning (Add Account mode) */}\n        {isDuplicateAccount && (\n          <div className=\"flex items-start gap-3 p-4 rounded-xl border bg-status-warning-bg-subtle border-status-warning-border\">\n            <AlertIcon className=\"size-5 flex-shrink-0 mt-0.5 text-status-warning-text\" />\n            <div className=\"flex-1\">\n              <p className=\"text-sm font-medium text-status-warning-text\">\n                {tr(\n                  \"auth.login.duplicateAccount\",\n                  \"This account is already signed in.\",\n                )}\n              </p>\n              <p className=\"mt-1 text-sm text-status-warning-text/80\">\n                {tr(\n                  \"auth.login.duplicateAccountHint\",\n                  \"Please use a different account, or go back and switch to this account from the profile menu.\",\n                )}\n              </p>\n              {(initialReturnToRef.current || returnTo) && (\n                <button\n                  type=\"button\"\n                  onClick={() =>\n                    navigate(\n                      decodeURIComponent(\n                        initialReturnToRef.current || returnTo || \"/dashboard\",\n                      ),\n                    )\n                  }\n                  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\"\n                >\n                  <svg\n                    className=\"size-4\"\n                    fill=\"none\"\n                    viewBox=\"0 0 24 24\"\n                    stroke=\"currentColor\"\n                  >\n                    <path\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                      strokeWidth={2}\n                      d=\"M10 19l-7-7m0 0l7-7m-7 7h18\"\n                    />\n                  </svg>\n                  {tr(\n                    \"auth.login.goBackSwitchAccount\",\n                    \"Go back and switch account\",\n                  )}\n                </button>\n              )}\n            </div>\n          </div>\n        )}\n\n        {/* Error Alert */}\n        {error && !validationError && !isDuplicateAccount && (\n          <div\n            className={`flex items-start gap-3 p-4 rounded-xl border ${\n              isAccountInactive || isOAuthOnlyAccount || isEmailNotVerified\n                ? \"bg-status-warning-bg-subtle border-status-warning-border\"\n                : \"bg-status-error-bg-subtle border-status-error-border\"\n            }`}\n          >\n            <AlertIcon\n              className={`size-5 flex-shrink-0 mt-0.5 ${\n                isAccountInactive || isOAuthOnlyAccount || isEmailNotVerified\n                  ? \"text-status-warning-text\"\n                  : \"text-status-error-text\"\n              }`}\n            />\n            <div className=\"flex-1\">\n              <p\n                className={`text-sm ${\n                  isAccountInactive || isOAuthOnlyAccount || isEmailNotVerified\n                    ? \"text-status-warning-text\"\n                    : \"text-status-error-text\"\n                }`}\n              >\n                {isAccountDeleted\n                  ? tr(\n                      \"auth.login.accountDeleted\",\n                      \"This account has been permanently deleted and cannot be recovered.\",\n                    )\n                  : isAccountSuspended\n                    ? tr(\n                        \"auth.login.accountSuspended\",\n                        \"Your account has been suspended. Please contact support for assistance.\",\n                      )\n                    : isAccountInactive\n                      ? tr(\n                          \"auth.login.accountDeactivated\",\n                          \"Your account has been deactivated.\",\n                        )\n                      : isOAuthOnlyAccount\n                        ? tr(\n                            \"auth.login.oauthOnly\",\n                            \"This account uses OAuth sign-in. Please use Google or Microsoft to sign in.\",\n                          )\n                        : isEmailNotVerified\n                          ? tr(\n                              \"auth.login.emailNotVerified\",\n                              \"Please verify your email before signing in. Check your inbox for the verification link.\",\n                            )\n                          : error}\n              </p>\n              {isAccountInactive && (\n                <button\n                  type=\"button\"\n                  onClick={() =>\n                    navigate(\"/auth/reactivate\", {\n                      state: { email: formData.email },\n                    })\n                  }\n                  className=\"mt-2 text-sm font-semibold text-status-warning-text hover:text-status-warning-text underline underline-offset-2\"\n                >\n                  {tr(\n                    \"auth.login.clickReactivate\",\n                    \"Click here to reactivate your account\",\n                  )}\n                </button>\n              )}\n              {isEmailNotVerified && (\n                <div className=\"mt-3\">\n                  {resendSuccess ? (\n                    <div className=\"flex items-center gap-2 text-sm text-status-success-text\">\n                      <svg\n                        className=\"size-4\"\n                        fill=\"none\"\n                        viewBox=\"0 0 24 24\"\n                        stroke=\"currentColor\"\n                      >\n                        <path\n                          strokeLinecap=\"round\"\n                          strokeLinejoin=\"round\"\n                          strokeWidth={2}\n                          d=\"M5 13l4 4L19 7\"\n                        />\n                      </svg>\n                      {tr(\n                        \"auth.login.verificationSent\",\n                        \"Verification email sent! Please check your inbox.\",\n                      )}\n                    </div>\n                  ) : (\n                    <button\n                      type=\"button\"\n                      onClick={handleResendVerification}\n                      disabled={isResendingVerification}\n                      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\"\n                    >\n                      {isResendingVerification ? (\n                        <>\n                          <SpinnerIcon className=\"size-4 animate-spin\" />\n                          {tr(\"auth.login.sending\", \"Sending...\")}\n                        </>\n                      ) : (\n                        <>\n                          <svg\n                            className=\"size-4\"\n                            fill=\"none\"\n                            viewBox=\"0 0 24 24\"\n                            stroke=\"currentColor\"\n                          >\n                            <path\n                              strokeLinecap=\"round\"\n                              strokeLinejoin=\"round\"\n                              strokeWidth={2}\n                              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\"\n                            />\n                          </svg>\n                          {tr(\n                            \"auth.login.resendVerification\",\n                            \"Resend verification email\",\n                          )}\n                        </>\n                      )}\n                    </button>\n                  )}\n                </div>\n              )}\n              {isOAuthOnlyAccount && (\n                <div className=\"mt-3 flex flex-col gap-2\">\n                  {isProviderConfigured(\"google\") && (\n                    <button\n                      type=\"button\"\n                      onClick={handleGoogleLogin}\n                      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\"\n                    >\n                      <GoogleIcon className=\"size-5\" />\n                      {tr(\"auth.login.signInWithGoogle\", \"Sign in with Google\")}\n                    </button>\n                  )}\n                  {isProviderConfigured(\"microsoft\") && (\n                    <button\n                      type=\"button\"\n                      onClick={handleMicrosoftLogin}\n                      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\"\n                    >\n                      <MicrosoftIcon className=\"size-5\" />\n                      {tr(\n                        \"auth.login.signInWithMicrosoft\",\n                        \"Sign in with Microsoft\",\n                      )}\n                    </button>\n                  )}\n                </div>\n              )}\n            </div>\n          </div>\n        )}\n\n        {/* Email Input */}\n        <div className=\"space-y-2\">\n          <label\n            htmlFor=\"email\"\n            className=\"block text-sm font-medium text-[var(--color-text-primary)]\"\n          >\n            {tr(\"auth.login.emailLabel\", \"Email\")}\n          </label>\n          <div className=\"relative\">\n            <div className=\"absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none\">\n              <EmailIcon className=\"size-5 text-[var(--color-text-tertiary)]\" />\n            </div>\n            <input\n              id=\"email\"\n              type=\"email\"\n              autoComplete=\"email\"\n              required\n              aria-required=\"true\"\n              aria-label={tr(\"auth.login.emailLabel\", \"Email\")}\n              value={formData.email}\n              onChange={(e) =>\n                setFormData({ ...formData, email: e.target.value })\n              }\n              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\"\n              placeholder={tr(\"auth.login.emailPlaceholder\", \"you@example.com\")}\n            />\n          </div>\n        </div>\n\n        {/* Password Input */}\n        <div className=\"space-y-2\">\n          <label\n            htmlFor=\"password\"\n            className=\"block text-sm font-medium text-[var(--color-text-primary)]\"\n          >\n            {tr(\"auth.login.passwordLabel\", \"Password\")}\n          </label>\n          <div className=\"relative\">\n            <div className=\"absolute inset-y-0 left-0 pl-3.5 flex items-center pointer-events-none\">\n              <LockIcon className=\"size-5 text-[var(--color-text-tertiary)]\" />\n            </div>\n            <input\n              id=\"password\"\n              type={showPassword ? \"text\" : \"password\"}\n              autoComplete=\"current-password\"\n              required\n              aria-required=\"true\"\n              aria-label={tr(\"auth.login.passwordLabel\", \"Password\")}\n              value={formData.password}\n              onChange={(e) =>\n                setFormData({ ...formData, password: e.target.value })\n              }\n              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\"\n              placeholder={tr(\n                \"auth.login.passwordPlaceholder\",\n                \"Enter your password\",\n              )}\n            />\n            <button\n              type=\"button\"\n              onClick={() => setShowPassword(!showPassword)}\n              aria-label={\n                showPassword\n                  ? tr(\"auth.login.hidePassword\", \"Hide password\")\n                  : tr(\"auth.login.showPassword\", \"Show password\")\n              }\n              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\"\n            >\n              {showPassword ? (\n                <EyeOffIcon className=\"size-5\" />\n              ) : (\n                <EyeIcon className=\"size-5\" />\n              )}\n            </button>\n          </div>\n        </div>\n\n        {/* Remember & Forgot */}\n        <div className=\"flex items-center justify-between\">\n          <label\n            htmlFor=\"remember-me\"\n            className=\"flex items-center gap-2 cursor-pointer group\"\n          >\n            <Checkbox\n              id=\"remember-me\"\n              checked={formData.rememberMe}\n              onCheckedChange={(checked: boolean | \"indeterminate\") => {\n                const isChecked = checked === true;\n                setFormData({ ...formData, rememberMe: isChecked });\n\n                // Clear saved email immediately when unchecked\n                if (!isChecked) {\n                  try {\n                    localStorage.removeItem(\"remembered_email\");\n                  } catch (error) {\n                    console.warn(\n                      \"[LoginPage] Failed to clear remembered email:\",\n                      error,\n                    );\n                  }\n                }\n              }}\n              aria-label={tr(\"auth.login.rememberMe\", \"Remember me\")}\n            />\n            <span className=\"text-sm text-[var(--color-text-secondary)] group-hover:text-[var(--color-text-primary)] transition-colors\">\n              {tr(\"auth.login.rememberMe\", \"Remember me\")}\n            </span>\n          </label>\n          <button\n            type=\"button\"\n            onClick={() => navigate(\"/auth/reset-password\")}\n            className=\"text-sm font-medium text-text-link hover:text-text-linkHover transition-colors\"\n          >\n            {tr(\"auth.login.forgotPassword\", \"Forgot password?\")}\n          </button>\n        </div>\n\n        {/* Submit Button */}\n        <Button\n          type=\"submit\"\n          disabled={isLoading || isCompletingAuth}\n          variant=\"default\"\n          size=\"lg\"\n          className=\"w-full font-semibold\"\n        >\n          {isLoading || isCompletingAuth ? (\n            <>\n              <SpinnerIcon className=\"size-5 animate-spin\" />\n              <span>\n                {isCompletingAuth\n                  ? tr(\n                      \"auth.login.settingUpWorkspace\",\n                      \"Setting up workspace...\",\n                    )\n                  : tr(\"auth.login.signingIn\", \"Signing in...\")}\n              </span>\n            </>\n          ) : (\n            tr(\"auth.login.signIn\", \"Sign in\")\n          )}\n        </Button>\n      </form>\n\n      {/* Divider */}\n      <div className=\"relative my-8\">\n        <div className=\"absolute inset-0 flex items-center\">\n          <div className=\"w-full border-t border-[var(--color-border-default)]\" />\n        </div>\n        <div className=\"relative flex justify-center\">\n          <span className=\"px-4 bg-[var(--color-bg-canvas)] text-sm text-[var(--color-text-tertiary)]\">\n            {tr(\"auth.login.orContinueWith\", \"or continue with\")}\n          </span>\n        </div>\n      </div>\n\n      {/* OAuth Error */}\n      {oauthError && (\n        <div className=\"flex items-start gap-3 p-4 rounded-xl border bg-status-error-bg-subtle border-status-error-border\">\n          <AlertIcon className=\"size-5 flex-shrink-0 mt-0.5 text-status-error-text\" />\n          <p className=\"text-sm text-status-error-text\">{oauthError}</p>\n        </div>\n      )}\n\n      {/* OAuth Buttons */}\n      <div className=\"grid grid-cols-3 gap-3\">\n        {oauthProviders.map((provider) => (\n          <button\n            key={provider.name}\n            type=\"button\"\n            onClick={provider.onClick}\n            disabled={provider.disabled}\n            title={provider.tooltip}\n            aria-label={provider.name}\n            className={`flex items-center justify-center gap-2 px-4 py-3 rounded-xl border transition-all duration-200 group ${\n              provider.disabled\n                ? \"border-[var(--color-border-subtle)] bg-[var(--color-bg-disabled)] cursor-not-allowed opacity-50\"\n                : \"border-[var(--color-border-default)] bg-[var(--color-bg-surface)] hover:bg-[var(--color-bg-sunken)] hover:border-[var(--color-border-strong)]\"\n            }`}\n          >\n            <provider.icon\n              className={`size-5 ${provider.disabled ? \"opacity-50\" : \"\"}`}\n            />\n            <span\n              className={`sr-only sm:not-sr-only text-sm font-medium transition-colors ${\n                provider.disabled\n                  ? \"text-[var(--color-text-disabled)]\"\n                  : \"text-[var(--color-text-secondary)] group-hover:text-[var(--color-text-primary)]\"\n              }`}\n            >\n              {provider.name}\n            </span>\n          </button>\n        ))}\n      </div>\n\n      {/* Enterprise SSO Option — temporarily hidden */}\n      {/* <div className=\"mt-6\">\n        <button type=\"button\"\n          onClick={() => navigate(\"/auth/sso/login\")}\n          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\"\n        >\n          <svg\n            className=\"size-5 text-[var(--color-text-tertiary)] group-hover:text-text-link\"\n            fill=\"none\"\n            viewBox=\"0 0 24 24\"\n            stroke=\"currentColor\"\n          >\n            <path\n              strokeLinecap=\"round\"\n              strokeLinejoin=\"round\"\n              strokeWidth={1.5}\n              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\"\n            />\n          </svg>\n          <span className=\"text-sm font-medium text-[var(--color-text-secondary)] group-hover:text-text-link\">\n            {tr(\"auth.login.enterpriseSso\", \"Sign in with Enterprise SSO\")}\n          </span>\n        </button>\n      </div> */}\n\n      {/* Magic Link Option */}\n      <div className=\"mt-4 text-center\">\n        <button\n          type=\"button\"\n          onClick={() => navigate(\"/auth/magic-link\")}\n          className=\"text-sm text-[var(--color-text-secondary)] hover:text-[var(--color-text-primary)] transition-colors\"\n        >\n          {tr(\"auth.login.preferPasswordless\", \"Prefer passwordless login?\")}{\" \"}\n          <span className=\"font-semibold text-text-link hover:text-text-linkHover\">\n            {tr(\"auth.login.signInMagicLink\", \"Sign in with Magic Link\")}\n          </span>\n        </button>\n      </div>\n\n      {/* Sign Up Link */}\n      <p className=\"mt-6 text-center text-sm text-[var(--color-text-secondary)]\">\n        {tr(\"auth.login.dontHaveAccount\", \"Don't have an account?\")}{\" \"}\n        <button\n          type=\"button\"\n          onClick={() => navigate(\"/auth/register\")}\n          className=\"font-semibold text-text-link hover:text-text-linkHover transition-colors\"\n        >\n          {tr(\"auth.login.signUp\", \"Sign up\")}\n        </button>\n      </p>\n    </AuthLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/auth/pages/MagicLinkPage.d.ts

@@ -2,4 +2,4 @@
  * Magic Link authentication page
  * Supports both sending magic links and verifying them via token
  */
-export declare function MagicLinkPage(): import("react").JSX.Element;
+export declare function MagicLinkPage(): import('react').JSX.Element;

package/dist/auth/pages/MagicLinkPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"MagicLinkPage.js","names":[],"sources":["../../../src/auth/pages/MagicLinkPage.tsx"],"sourcesContent":["import { useState, useEffect, useCallback, useRef } from \"react\";\nimport { useTr } from \"../../shared/hooks/useTr\";\nimport { useNavigate, useSearchParams } from \"react-router\";\nimport { useMutation } from \"@apollo/client/react\";\nimport { useEventBus } from \"@burdenoff/fe-libs/shared/events\";\nimport {\n  loginProfile,\n  type ProfileUser,\n} from \"@burdenoff/fe-libs/shared/providers/shell/ProfileStorageManager\";\nimport { AuthLayout } from \"../components/AuthLayout\";\nimport { Button } from \"@burdenoff/fe-libs/button\";\nimport { PagePurpose } from \"@burdenoff/fe-libs/ui\";\nimport { EmailIcon, CheckIcon, AlertIcon } from \"../components/AuthIcons\";\nimport { useAuthStore } from \"../store/authStore\";\nimport { useAuth } from \"../providers/AuthProvider\";\nimport type { MagicLinkSendResult, AuthResult, User } from \"../types\";\n\nfunction toProfileUser(user: User): ProfileUser {\n  return { ...user };\n}\n\nfunction setShellSsoCookie(userId: string): void {\n  try {\n    const hostname = window.location.hostname;\n    const domain = hostname.endsWith(\".local.burdenoff.com\")\n      ? \".local.burdenoff.com\"\n      : undefined;\n    const domainPart = domain ? `; domain=${domain}` : \"\";\n    const securePart = window.location.protocol === \"https:\" ? \"; secure\" : \"\";\n    const ssoValue = JSON.stringify({\n      id: userId,\n      origin: window.location.origin,\n    });\n    document.cookie = `bf-sso=${encodeURIComponent(ssoValue)}${domainPart}; path=/; samesite=lax${securePart}; max-age=86400`;\n    document.cookie = `bf-sso-profile=${encodeURIComponent(ssoValue)}${domainPart}; path=/; samesite=lax${securePart}; max-age=86400`;\n  } catch {\n    // Best effort only.\n  }\n}\n\nimport {\n  SendMagicLinkDocument,\n  AuthenticateMagicLinkDocument,\n} from \"../../generated/global-operations\";\n// Response types for GraphQL mutations\ninterface SendMagicLinkResponse {\n  sendMagicLink: MagicLinkSendResult;\n}\n\ninterface AuthenticateMagicLinkResponse {\n  authenticateMagicLink: AuthResult;\n}\n\n// GraphQL Operations\n\ntype PageStatus = \"form\" | \"sent\" | \"verifying\" | \"success\" | \"error\";\n\n/**\n * Magic Link authentication page\n * Supports both sending magic links and verifying them via token\n */\nexport function MagicLinkPage() {\n  const tr = useTr();\n\n  const navigate = useNavigate();\n  const [searchParams] = useSearchParams();\n  const token = searchParams.get(\"token\");\n  const context = useAuth();\n  const eventBus = useEventBus();\n\n  const [email, setEmail] = useState(\"\");\n  const [status, setStatus] = useState<PageStatus>(\n    token ? \"verifying\" : \"form\",\n  );\n  const [message, setMessage] = useState(\"\");\n  const hasVerifiedRef = useRef(false);\n\n  const [sendMagicLink, { loading: sendLoading }] =\n    useMutation<SendMagicLinkResponse>(SendMagicLinkDocument);\n  const [authenticateMagicLink] = useMutation<AuthenticateMagicLinkResponse>(\n    AuthenticateMagicLinkDocument,\n  );\n\n  const handleVerifyToken = useCallback(\n    async (tokenValue: string) => {\n      const store = useAuthStore.getState();\n\n      try {\n        setStatus(\"verifying\");\n        store.setLoading(true);\n\n        const { data } = await authenticateMagicLink({\n          variables: { token: tokenValue },\n        });\n        const result = data!.authenticateMagicLink;\n\n        if (!result.success || !result.user) {\n          throw new Error(result.error || \"Authentication failed\");\n        }\n\n        store.setUser(result.user);\n        store.setAuthTokens(result.token ?? \"\", result.refreshToken ?? \"\");\n        store.setAuthenticated(true);\n        store.setMfaRequired(false);\n\n        const expiresAt = result.expiresIn\n          ? Date.now() + result.expiresIn * 1000\n          : undefined;\n        loginProfile(toProfileUser(result.user), {\n          accessToken: result.token ?? \"\",\n          refreshToken: result.refreshToken ?? \"\",\n          expiresAt,\n        });\n        setShellSsoCookie(result.user.id);\n\n        eventBus.emit(\n          \"auth.signed_in\",\n          {\n            userId: result.user.id,\n            tenantId: result.user.tenantId,\n            workspaceId: result.user.defaultWorkspaceId,\n            mfaEnabled: result.user.mfaEnabled,\n            emailVerified: result.user.emailVerified,\n          },\n          { component: \"MagicLinkPage\" },\n        );\n\n        context.onAuthSuccess?.(result.user, result.token, result.refreshToken);\n\n        setStatus(\"success\");\n        setMessage(\n          tr(\n            \"auth.magicLink.signedInMessage\",\n            \"You have been signed in successfully!\",\n          ),\n        );\n\n        // Redirect to dashboard after successful authentication\n        setTimeout(() => {\n          navigate(\"/\", { replace: true });\n        }, 1500);\n      } catch (err) {\n        // If user is already authenticated (token was already used), redirect to dashboard\n        if (store.isAuthenticated && store.user) {\n          console.info(\n            \"[MagicLink] Token already used but user is authenticated, redirecting...\",\n          );\n          navigate(\"/\", { replace: true });\n          return;\n        }\n\n        setStatus(\"error\");\n        const errorMessage =\n          err instanceof Error\n            ? err.message\n            : tr(\n                \"auth.magicLink.invalidOrExpired\",\n                \"Invalid or expired magic link\",\n              );\n        setMessage(errorMessage);\n      } finally {\n        store.setLoading(false);\n      }\n    },\n    [authenticateMagicLink, context, eventBus, navigate, tr],\n  );\n\n  // Handle token verification on page load (only once)\n  useEffect(() => {\n    if (token && !hasVerifiedRef.current) {\n      hasVerifiedRef.current = true;\n      handleVerifyToken(token);\n    }\n  }, [token, handleVerifyToken]);\n\n  const handleSendMagicLink = async (e: React.FormEvent) => {\n    e.preventDefault();\n\n    if (!email) {\n      setMessage(\n        tr(\"auth.magicLink.enterEmail\", \"Please enter your email address\"),\n      );\n      return;\n    }\n\n    try {\n      const { data } = await sendMagicLink({ variables: { email } });\n\n      if (data!.sendMagicLink.success) {\n        setStatus(\"sent\");\n        setMessage(\n          data!.sendMagicLink.message ||\n            tr(\n              \"auth.magicLink.sentSuccess\",\n              \"Magic link sent! Check your email.\",\n            ),\n        );\n      } else {\n        setMessage(\n          data!.sendMagicLink.message ||\n            tr(\"auth.magicLink.sendFailed\", \"Failed to send magic link\"),\n        );\n      }\n    } catch (err) {\n      const errorMessage =\n        err instanceof Error\n          ? err.message\n          : tr(\"auth.magicLink.sendFailed\", \"Failed to send magic link\");\n      setMessage(errorMessage);\n    }\n  };\n\n  // Verifying state\n  if (status === \"verifying\") {\n    return (\n      <AuthLayout\n        title={tr(\"auth.magicLink.signingIn\", \"Signing you in...\")}\n        subtitle={tr(\n          \"auth.magicLink.verifyingSubtitle\",\n          \"Please wait while we verify your magic link\",\n        )}\n      >\n        <div className=\"flex flex-col items-center py-8\">\n          <div className=\"animate-spin rounded-full size-12 border-b-2 border-[var(--color-accent-primary)]\" />\n          <p className=\"mt-4 text-[var(--color-text-secondary)]\">\n            {tr(\"auth.magicLink.verifying\", \"Verifying magic link...\")}\n          </p>\n        </div>\n      </AuthLayout>\n    );\n  }\n\n  // Success state\n  if (status === \"success\") {\n    return (\n      <AuthLayout\n        title={tr(\"auth.magicLink.welcomeBack\", \"Welcome back!\")}\n        subtitle={tr(\n          \"auth.magicLink.signedInSuccess\",\n          \"You have been signed in successfully\",\n        )}\n      >\n        <div className=\"flex flex-col items-center py-8\">\n          <div className=\"size-16 rounded-full bg-[var(--color-status-success-subtle)] flex items-center justify-center mb-4\">\n            <CheckIcon className=\"size-8 text-[var(--color-status-success)]\" />\n          </div>\n          <p className=\"text-[var(--color-text-primary)] text-center mb-4\">\n            {message}\n          </p>\n          <p className=\"text-sm text-[var(--color-text-secondary)]\">\n            {tr(\"auth.magicLink.redirecting\", \"Redirecting to application...\")}\n          </p>\n        </div>\n      </AuthLayout>\n    );\n  }\n\n  // Error state\n  if (status === \"error\") {\n    return (\n      <AuthLayout\n        title={tr(\"auth.magicLink.oops\", \"Oops!\")}\n        subtitle={tr(\"auth.magicLink.somethingWrong\", \"Something went wrong\")}\n      >\n        <div className=\"flex flex-col items-center py-8\">\n          <div className=\"size-16 rounded-full bg-[var(--color-status-error-subtle)] flex items-center justify-center mb-4\">\n            <AlertIcon className=\"size-8 text-[var(--color-status-error)]\" />\n          </div>\n          <p className=\"text-[var(--color-status-error)] text-center mb-4\">\n            {message}\n          </p>\n          <button\n            type=\"button\"\n            onClick={() => {\n              setStatus(\"form\");\n              setMessage(\"\");\n            }}\n            className=\"px-4 py-2 rounded-lg bg-[var(--color-accent-primary)] text-white hover:bg-[var(--color-accent-primary-hover)]\"\n          >\n            {tr(\"auth.magicLink.tryAgain\", \"Try again\")}\n          </button>\n        </div>\n      </AuthLayout>\n    );\n  }\n\n  // Sent state\n  if (status === \"sent\") {\n    return (\n      <AuthLayout\n        title={tr(\"auth.magicLink.checkEmail\", \"Check your email\")}\n        subtitle={tr(\n          \"auth.magicLink.sentMagicLink\",\n          \"We've sent you a magic link\",\n        )}\n      >\n        <div className=\"flex flex-col items-center py-8\">\n          <div className=\"size-16 rounded-full bg-[var(--color-status-success-subtle)] flex items-center justify-center mb-4\">\n            <EmailIcon className=\"size-8 text-[var(--color-status-success)]\" />\n          </div>\n          <p className=\"text-[var(--color-text-primary)] text-center mb-2\">\n            {tr(\"auth.magicLink.sentTo\", \"We've sent a magic link to:\")}\n          </p>\n          <p className=\"text-[var(--color-accent-primary)] font-medium mb-4\">\n            {email}\n          </p>\n          <p className=\"text-sm text-[var(--color-text-secondary)] text-center mb-6\">\n            {tr(\n              \"auth.magicLink.linkExpires\",\n              \"Click the link in the email to sign in. The link expires in 24 hours.\",\n            )}\n          </p>\n          <button\n            type=\"button\"\n            onClick={() => {\n              setStatus(\"form\");\n              setMessage(\"\");\n            }}\n            className=\"text-[var(--color-accent-primary)] hover:underline\"\n          >\n            {tr(\"auth.magicLink.differentEmail\", \"Use a different email\")}\n          </button>\n        </div>\n      </AuthLayout>\n    );\n  }\n\n  // Form state\n  return (\n    <AuthLayout\n      title={tr(\"auth.magicLink.title\", \"Sign in with Magic Link\")}\n      subtitle={tr(\n        \"auth.magicLink.subtitle\",\n        \"No password needed - we'll email you a link\",\n      )}\n    >\n      <PagePurpose className=\"mb-6\">\n        {tr(\n          \"auth.magicLink.purpose\",\n          \"Skip the password — we'll email you a one-time link that signs you in instantly. Great when you don't remember your password or are on a trusted device.\",\n        )}\n      </PagePurpose>\n      <form onSubmit={handleSendMagicLink} className=\"space-y-6\">\n        <div>\n          <label\n            htmlFor=\"email\"\n            className=\"block text-sm font-medium text-[var(--color-text-primary)] mb-2\"\n          >\n            {tr(\"auth.magicLink.emailLabel\", \"Email address\")}\n          </label>\n          <div className=\"relative\">\n            <div className=\"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none\">\n              <EmailIcon className=\"size-5 text-[var(--color-text-secondary)]\" />\n            </div>\n            <input\n              id=\"email\"\n              type=\"email\"\n              value={email}\n              onChange={(e) => setEmail(e.target.value)}\n              placeholder={tr(\n                \"auth.magicLink.emailPlaceholder\",\n                \"you@example.com\",\n              )}\n              aria-label={tr(\"auth.magicLink.emailLabel\", \"Email address\")}\n              className=\"block w-full pl-[3.25rem] pr-4 py-3 border border-[var(--color-border-primary)] rounded-lg bg-[var(--color-background-base)] text-[var(--color-text-primary)] placeholder-[var(--color-text-secondary)] focus:outline-none focus:ring-2 focus:ring-[var(--color-accent-primary)] focus:border-transparent\"\n              required\n            />\n          </div>\n        </div>\n\n        {message && (\n          <p className=\"text-sm text-[var(--color-status-error)]\">{message}</p>\n        )}\n\n        <Button\n          type=\"submit\"\n          disabled={sendLoading}\n          variant=\"default\"\n          size=\"lg\"\n          className=\"w-full font-semibold\"\n        >\n          {sendLoading\n            ? tr(\"auth.magicLink.sending\", \"Sending...\")\n            : tr(\"auth.magicLink.sendButton\", \"Send Magic Link\")}\n        </Button>\n\n        <div className=\"text-center\">\n          <button\n            type=\"button\"\n            onClick={() => navigate(\"/auth/login\")}\n            className=\"text-sm text-[var(--color-accent-primary)] hover:underline\"\n          >\n            {tr(\n              \"auth.magicLink.passwordInstead\",\n              \"Sign in with password instead\",\n            )}\n          </button>\n        </div>\n      </form>\n    </AuthLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"MagicLinkPage.js","names":[],"sources":["../../../src/auth/pages/MagicLinkPage.tsx"],"sourcesContent":["import { useState, useEffect, useCallback, useRef } from \"react\";\nimport { useTr } from \"../../shared/hooks/useTr\";\nimport { useNavigate, useSearchParams } from \"react-router\";\nimport { useMutation } from \"@apollo/client/react\";\nimport { useEventBus } from \"@burdenoff/fe-libs/shared/events\";\nimport {\n  loginProfile,\n  type ProfileUser,\n} from \"@burdenoff/fe-libs/shared/providers/shell/ProfileStorageManager\";\nimport { AuthLayout } from \"../components/AuthLayout\";\nimport { Button } from \"@burdenoff/fe-libs/button\";\nimport { PagePurpose } from \"@burdenoff/fe-libs/ui\";\nimport { EmailIcon, CheckIcon, AlertIcon } from \"../components/AuthIcons\";\nimport { useAuthStore } from \"../store/authStore\";\nimport { useAuth } from \"../providers/AuthProvider\";\nimport type { MagicLinkSendResult, AuthResult, User } from \"../types\";\n\nfunction toProfileUser(user: User): ProfileUser {\n  return { ...user };\n}\n\nfunction setShellSsoCookie(userId: string): void {\n  try {\n    const hostname = window.location.hostname;\n    const domain = hostname.endsWith(\".local.burdenoff.com\")\n      ? \".local.burdenoff.com\"\n      : undefined;\n    const domainPart = domain ? `; domain=${domain}` : \"\";\n    const securePart = window.location.protocol === \"https:\" ? \"; secure\" : \"\";\n    const ssoValue = JSON.stringify({\n      id: userId,\n      origin: window.location.origin,\n    });\n    document.cookie = `bf-sso=${encodeURIComponent(ssoValue)}${domainPart}; path=/; samesite=lax${securePart}; max-age=86400`;\n    document.cookie = `bf-sso-profile=${encodeURIComponent(ssoValue)}${domainPart}; path=/; samesite=lax${securePart}; max-age=86400`;\n  } catch {\n    // Best effort only.\n  }\n}\n\nimport {\n  SendMagicLinkDocument,\n  AuthenticateMagicLinkDocument,\n} from \"../../generated/global-operations\";\n// Response types for GraphQL mutations\ninterface SendMagicLinkResponse {\n  sendMagicLink: MagicLinkSendResult;\n}\n\ninterface AuthenticateMagicLinkResponse {\n  authenticateMagicLink: AuthResult;\n}\n\n// GraphQL Operations\n\ntype PageStatus = \"form\" | \"sent\" | \"verifying\" | \"success\" | \"error\";\n\n/**\n * Magic Link authentication page\n * Supports both sending magic links and verifying them via token\n */\nexport function MagicLinkPage() {\n  const tr = useTr();\n\n  const navigate = useNavigate();\n  const [searchParams] = useSearchParams();\n  const token = searchParams.get(\"token\");\n  const context = useAuth();\n  const eventBus = useEventBus();\n\n  const [email, setEmail] = useState(\"\");\n  const [status, setStatus] = useState<PageStatus>(\n    token ? \"verifying\" : \"form\",\n  );\n  const [message, setMessage] = useState(\"\");\n  const hasVerifiedRef = useRef(false);\n\n  const [sendMagicLink, { loading: sendLoading }] =\n    useMutation<SendMagicLinkResponse>(SendMagicLinkDocument);\n  const [authenticateMagicLink] = useMutation<AuthenticateMagicLinkResponse>(\n    AuthenticateMagicLinkDocument,\n  );\n\n  const handleVerifyToken = useCallback(\n    async (tokenValue: string) => {\n      const store = useAuthStore.getState();\n\n      try {\n        setStatus(\"verifying\");\n        store.setLoading(true);\n\n        const { data } = await authenticateMagicLink({\n          variables: { token: tokenValue },\n        });\n        const result = data!.authenticateMagicLink;\n\n        if (!result.success || !result.user) {\n          throw new Error(result.error || \"Authentication failed\");\n        }\n\n        store.setUser(result.user);\n        store.setAuthTokens(result.token ?? \"\", result.refreshToken ?? \"\");\n        store.setAuthenticated(true);\n        store.setMfaRequired(false);\n\n        const expiresAt = result.expiresIn\n          ? Date.now() + result.expiresIn * 1000\n          : undefined;\n        loginProfile(toProfileUser(result.user), {\n          accessToken: result.token ?? \"\",\n          refreshToken: result.refreshToken ?? \"\",\n          expiresAt,\n        });\n        setShellSsoCookie(result.user.id);\n\n        eventBus.emit(\n          \"auth.signed_in\",\n          {\n            userId: result.user.id,\n            tenantId: result.user.tenantId,\n            workspaceId: result.user.defaultWorkspaceId,\n            mfaEnabled: result.user.mfaEnabled,\n            emailVerified: result.user.emailVerified,\n          },\n          { component: \"MagicLinkPage\" },\n        );\n\n        context.onAuthSuccess?.(result.user, result.token, result.refreshToken);\n\n        setStatus(\"success\");\n        setMessage(\n          tr(\n            \"auth.magicLink.signedInMessage\",\n            \"You have been signed in successfully!\",\n          ),\n        );\n\n        // Redirect to dashboard after successful authentication\n        setTimeout(() => {\n          navigate(\"/\", { replace: true });\n        }, 1500);\n      } catch (err) {\n        // If user is already authenticated (token was already used), redirect to dashboard\n        if (store.isAuthenticated && store.user) {\n          console.info(\n            \"[MagicLink] Token already used but user is authenticated, redirecting...\",\n          );\n          navigate(\"/\", { replace: true });\n          return;\n        }\n\n        setStatus(\"error\");\n        const errorMessage =\n          err instanceof Error\n            ? err.message\n            : tr(\n                \"auth.magicLink.invalidOrExpired\",\n                \"Invalid or expired magic link\",\n              );\n        setMessage(errorMessage);\n      } finally {\n        store.setLoading(false);\n      }\n    },\n    [authenticateMagicLink, context, eventBus, navigate, tr],\n  );\n\n  // Handle token verification on page load (only once)\n  useEffect(() => {\n    if (token && !hasVerifiedRef.current) {\n      hasVerifiedRef.current = true;\n      handleVerifyToken(token);\n    }\n  }, [token, handleVerifyToken]);\n\n  const handleSendMagicLink = async (e: React.FormEvent) => {\n    e.preventDefault();\n\n    if (!email) {\n      setMessage(\n        tr(\"auth.magicLink.enterEmail\", \"Please enter your email address\"),\n      );\n      return;\n    }\n\n    try {\n      const { data } = await sendMagicLink({ variables: { email } });\n\n      if (data!.sendMagicLink.success) {\n        setStatus(\"sent\");\n        setMessage(\n          data!.sendMagicLink.message ||\n            tr(\n              \"auth.magicLink.sentSuccess\",\n              \"Magic link sent! Check your email.\",\n            ),\n        );\n      } else {\n        setMessage(\n          data!.sendMagicLink.message ||\n            tr(\"auth.magicLink.sendFailed\", \"Failed to send magic link\"),\n        );\n      }\n    } catch (err) {\n      const errorMessage =\n        err instanceof Error\n          ? err.message\n          : tr(\"auth.magicLink.sendFailed\", \"Failed to send magic link\");\n      setMessage(errorMessage);\n    }\n  };\n\n  // Verifying state\n  if (status === \"verifying\") {\n    return (\n      <AuthLayout\n        title={tr(\"auth.magicLink.signingIn\", \"Signing you in...\")}\n        subtitle={tr(\n          \"auth.magicLink.verifyingSubtitle\",\n          \"Please wait while we verify your magic link\",\n        )}\n      >\n        <div className=\"flex flex-col items-center py-8\">\n          <div className=\"animate-spin rounded-full size-12 border-b-2 border-[var(--color-accent-primary)]\" />\n          <p className=\"mt-4 text-[var(--color-text-secondary)]\">\n            {tr(\"auth.magicLink.verifying\", \"Verifying magic link...\")}\n          </p>\n        </div>\n      </AuthLayout>\n    );\n  }\n\n  // Success state\n  if (status === \"success\") {\n    return (\n      <AuthLayout\n        title={tr(\"auth.magicLink.welcomeBack\", \"Welcome back!\")}\n        subtitle={tr(\n          \"auth.magicLink.signedInSuccess\",\n          \"You have been signed in successfully\",\n        )}\n      >\n        <div className=\"flex flex-col items-center py-8\">\n          <div className=\"size-16 rounded-full bg-[var(--color-status-success-subtle)] flex items-center justify-center mb-4\">\n            <CheckIcon className=\"size-8 text-[var(--color-status-success)]\" />\n          </div>\n          <p className=\"text-[var(--color-text-primary)] text-center mb-4\">\n            {message}\n          </p>\n          <p className=\"text-sm text-[var(--color-text-secondary)]\">\n            {tr(\"auth.magicLink.redirecting\", \"Redirecting to application...\")}\n          </p>\n        </div>\n      </AuthLayout>\n    );\n  }\n\n  // Error state\n  if (status === \"error\") {\n    return (\n      <AuthLayout\n        title={tr(\"auth.magicLink.oops\", \"Oops!\")}\n        subtitle={tr(\"auth.magicLink.somethingWrong\", \"Something went wrong\")}\n      >\n        <div className=\"flex flex-col items-center py-8\">\n          <div className=\"size-16 rounded-full bg-[var(--color-status-error-subtle)] flex items-center justify-center mb-4\">\n            <AlertIcon className=\"size-8 text-[var(--color-status-error)]\" />\n          </div>\n          <p className=\"text-[var(--color-status-error)] text-center mb-4\">\n            {message}\n          </p>\n          <button\n            type=\"button\"\n            onClick={() => {\n              setStatus(\"form\");\n              setMessage(\"\");\n            }}\n            className=\"px-4 py-2 rounded-lg bg-[var(--color-accent-primary)] text-white hover:bg-[var(--color-accent-primary-hover)]\"\n          >\n            {tr(\"auth.magicLink.tryAgain\", \"Try again\")}\n          </button>\n        </div>\n      </AuthLayout>\n    );\n  }\n\n  // Sent state\n  if (status === \"sent\") {\n    return (\n      <AuthLayout\n        title={tr(\"auth.magicLink.checkEmail\", \"Check your email\")}\n        subtitle={tr(\n          \"auth.magicLink.sentMagicLink\",\n          \"We've sent you a magic link\",\n        )}\n      >\n        <div className=\"flex flex-col items-center py-8\">\n          <div className=\"size-16 rounded-full bg-[var(--color-status-success-subtle)] flex items-center justify-center mb-4\">\n            <EmailIcon className=\"size-8 text-[var(--color-status-success)]\" />\n          </div>\n          <p className=\"text-[var(--color-text-primary)] text-center mb-2\">\n            {tr(\"auth.magicLink.sentTo\", \"We've sent a magic link to:\")}\n          </p>\n          <p className=\"text-[var(--color-accent-primary)] font-medium mb-4\">\n            {email}\n          </p>\n          <p className=\"text-sm text-[var(--color-text-secondary)] text-center mb-6\">\n            {tr(\n              \"auth.magicLink.linkExpires\",\n              \"Click the link in the email to sign in. The link expires in 24 hours.\",\n            )}\n          </p>\n          <button\n            type=\"button\"\n            onClick={() => {\n              setStatus(\"form\");\n              setMessage(\"\");\n            }}\n            className=\"text-[var(--color-accent-primary)] hover:underline\"\n          >\n            {tr(\"auth.magicLink.differentEmail\", \"Use a different email\")}\n          </button>\n        </div>\n      </AuthLayout>\n    );\n  }\n\n  // Form state\n  return (\n    <AuthLayout\n      title={tr(\"auth.magicLink.title\", \"Sign in with Magic Link\")}\n      subtitle={tr(\n        \"auth.magicLink.subtitle\",\n        \"No password needed - we'll email you a link\",\n      )}\n    >\n      <PagePurpose className=\"mb-6\">\n        {tr(\n          \"auth.magicLink.purpose\",\n          \"Skip the password — we'll email you a one-time link that signs you in instantly. Great when you don't remember your password or are on a trusted device.\",\n        )}\n      </PagePurpose>\n      <form onSubmit={handleSendMagicLink} className=\"space-y-6\">\n        <div>\n          <label\n            htmlFor=\"email\"\n            className=\"block text-sm font-medium text-[var(--color-text-primary)] mb-2\"\n          >\n            {tr(\"auth.magicLink.emailLabel\", \"Email address\")}\n          </label>\n          <div className=\"relative\">\n            <div className=\"absolute inset-y-0 left-0 pl-3 flex items-center pointer-events-none\">\n              <EmailIcon className=\"size-5 text-[var(--color-text-secondary)]\" />\n            </div>\n            <input\n              id=\"email\"\n              type=\"email\"\n              value={email}\n              onChange={(e) => setEmail(e.target.value)}\n              placeholder={tr(\n                \"auth.magicLink.emailPlaceholder\",\n                \"you@example.com\",\n              )}\n              aria-label={tr(\"auth.magicLink.emailLabel\", \"Email address\")}\n              className=\"block w-full pl-[3.25rem] pr-4 py-3 border border-[var(--color-border-primary)] rounded-lg bg-[var(--color-background-base)] text-[var(--color-text-primary)] placeholder-[var(--color-text-secondary)] focus:outline-none focus:ring-2 focus:ring-[var(--color-accent-primary)] focus:border-transparent\"\n              required\n            />\n          </div>\n        </div>\n\n        {message && (\n          <p className=\"text-sm text-[var(--color-status-error)]\">{message}</p>\n        )}\n\n        <Button\n          type=\"submit\"\n          disabled={sendLoading}\n          variant=\"default\"\n          size=\"lg\"\n          className=\"w-full font-semibold\"\n        >\n          {sendLoading\n            ? tr(\"auth.magicLink.sending\", \"Sending...\")\n            : tr(\"auth.magicLink.sendButton\", \"Send Magic Link\")}\n        </Button>\n\n        <div className=\"text-center\">\n          <button\n            type=\"button\"\n            onClick={() => navigate(\"/auth/login\")}\n            className=\"text-sm text-[var(--color-accent-primary)] hover:underline\"\n          >\n            {tr(\n              \"auth.magicLink.passwordInstead\",\n              \"Sign in with password instead\",\n            )}\n          </button>\n        </div>\n      </form>\n    </AuthLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/auth/pages/MfaSetupPage.d.ts

@@ -1,4 +1,4 @@
 /**
  * MFA setup and management page with professional UI
  */
-export declare function MfaSetupPage(): import("react").JSX.Element;
+export declare function MfaSetupPage(): import('react').JSX.Element;