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

AI 시대를 위한 디자인 시스템

  • 문서
  • 가격
  • 릴리즈 노트
  • GitHub
  • 서비스 약관
  • 개인정보처리방침

주식회사 리옵트사업자등록번호 217-88-02453contact@reopt.ai

© 2026 reopt Inc. All rights reserved.

Explore/brandapp-ui/Session Expired Dialog
Session Modalbrandapp-ui 예제

Session Expired Dialog

한 번 로그인된 세션이 만료되거나 401 응답이 발생하면 전역 모달로 재로그인을 유도합니다. forceReauth=true 면 backdrop/ESC dismiss 가 비활성화됩니다.

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 이벤트로만 열립니다.

관련 예제

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
이전Sign In Gate다음Reopt AI Chat