Reopt User Menu
ExamplesA local user-menu simulation with loading, signed-out, sign-in, and sign-out transitions. The copied ReoptUserMenu Surface derives these states from the real session.
A local re-auth dialog simulation with manual expiry, optional dismissal, and a simulated sign-in action. Automatic session/401 detection belongs to the copied Surface.
Change the width and theme, then interact with the components.
forceReauth 옵션
true(기본)이면 backdrop/ESC dismiss 가 비활성화되어 사용자가 반드시 재로그인을 거쳐야 합니다.
트리거
실제 환경에서는 (1) authClient.useSession()이 truthy→falsy 로 전이되거나 (2) 보호된 fetch 헬퍼가 401 응답을 받아 notifySessionExpired()(또는 withSessionExpiry(fetch)가 401을 받아) 이벤트를 디스패치할 때 자동으로 열립니다.
opt block add session-expired-dialogimport { SessionExpiredDialog } from "@/components/surfaces/session-expired-dialog";A local user-menu simulation with loading, signed-out, sign-in, and sign-out transitions. The copied ReoptUserMenu Surface derives these states from the real session.
A local simulation of a protected-content gate with loading, signed-out, and signed-in states. Its sign-in CTA changes only the preview state.
SDK control center showing server-side verifier checks, auth health, secret rotation, EAV schema remediation, AI credit guardrails, webhook replay, terms publication, and lazy server-client boundaries.