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 simulation of a protected-content gate with loading, signed-out, and signed-in states. Its sign-in CTA changes only the preview state.
Change the width and theme, then interact with the components.
세션 상태 시뮬레이션
현재 상태: signed-out
이 화면을 이용하려면 Reopt 계정으로 로그인해주세요.
authClient.useSession()으로 세션 상태를 감지합니다. 이 데모는 버튼으로 3-state 분기를 시각화한 로컬 시뮬레이션입니다.opt block add sign-in-gateimport { SignInGate } from "@/components/surfaces/sign-in-gate";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 re-auth dialog simulation with manual expiry, optional dismissal, and a simulated sign-in action. Automatic session/401 detection belongs to the copied Surface.
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.