BrandApp Control Center
ExamplesSDK 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.
A local simulation of the OAuth button’s pending, success, and error states using Button and Toast. It does not sign in; the copied Surface wires the actual auth flow.
Change the width and theme, then interact with the components.
Success path
클릭 시 1.4초 pending을 시뮬레이션하고 성공 토스트를 띄웁니다. 실제 환경에서는 브라우저가 Reopt OAuth 엔드포인트로 리다이렉트됩니다.
Error path
OAuth 클라이언트가 비활성/오타인 경우 useToast로 에러 메시지가 노출됩니다. 버튼은 idle 상태로 복귀합니다.
reopt-auth의 signInWithReopt({ callbackURL })을 호출합니다. 이 데모는 네트워크 왕복을 setTimeout으로 대체한 로컬 시뮬레이션입니다.opt block add sign-in-with-reopt-buttonimport { SignInWithReoptButton } from "@/components/surfaces/sign-in-with-reopt-button";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.
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.