About this block

Session Expired Page stays calm: a Clock icon in a muted circle, the heading "Your session expired", and a subheading that names the reason without alarm: signed out after 14 days, the maximum session length on this workspace, nothing was lost. A muted callout below makes the draft promise explicit: unsaved drafts are kept locally in this browser and restore the moment you sign back in, stated as how the app works, not a best effort. The sign-in form prefills the email as maya@acme.com so returning takes one click, with a Use a different account escape link below.

No data arrays are needed. The draft promise is inline copy, and it is load-bearing: it stops the panicked ticket from users who lost a long form.

When to use

Reach for this block as the page shown when a session token expires mid-use, wired to prefill the email from the expired token claims. Back the draft-restore promise with localStorage or IndexedDB draft persistence in your editor components.

A natural flow around it on an Application Pro page:

Before

• App shell

After

• App shell

What you can display

One strong use is the automatic 14 day expiry screen. Other shapes:

• Admin forced signout. Subheading names that an admin ended all sessions, not a timeout.
• Password changed elsewhere. Session was invalidated because the password changed; the heading explains why.
• Concurrent session limit. Signed out because a new device signed in and the plan allows one session.

Tip: prefill the email from the expired token so the user does not have to type it; the whole point of this screen is frictionless return.