reopt designreopt design
DocsExploreToolsPricingBuilder
Login
Explore/
opt-ui165opt-charts33opt-datagrid6opt-editor5opt-calendar4opt-filemanager4opt-chat6opt-shell14brandapp-ui8Examples12Builder Blocks
reopt designreopt design

A design system for the AI era

  • Docs
  • Pricing
  • Releases
  • GitHub
  • Terms of Service
  • Privacy Policy

reopt Inc.Business registration no. 217-88-02453contact@reopt.ai

© 2026 reopt Inc. All rights reserved.

Explore/brandapp-ui/Session Expired Dialog
Session Modalbrandapp-ui example

Session Expired Dialog

Global re-auth modal triggered by session truthy→falsy transition or the reopt:session-expired window event.

authsessiondialogglobal
opt surface add session-expired-dialog
SessionExpiredDialog
1024px

forceReauth 옵션

true(기본)이면 backdrop/ESC dismiss 가 비활성화되어 사용자가 반드시 재로그인을 거쳐야 합니다.

트리거

실제 환경에서는 (1) authClient.useSession()이 truthy→falsy 로 전이되거나 (2) 보호된 fetch 헬퍼가 401 응답을 받아 reopt:session-expired 윈도우 이벤트를 디스패치할 때 자동으로 열립니다.

이 데모는 트리거 버튼으로 모달을 즉시 열어 비교합니다. 실제 Surface는 자동 감지 + window 이벤트로만 열립니다.

Related Examples

brandapp-ui

Reopt User Menu

brandapp-ui - User Menu

Examples
ReoptUserMenu
brandapp-ui

Sign In Gate

brandapp-ui - Auth Gate

Examples
SignInGate
brandapp-ui

BrandApp Control Center

brandapp-ui - Control

Examples
createReoptEavClientcreateReoptTermsClient
PreviousSign In GateNextReopt AI Chat