Session Expired State
Session expired screen showing the account for one click resume, a saved draft note, meta rows naming the policy, and sign in actions.
Session expired screen showing the account for one click resume, a saved draft note, meta rows naming the policy, and sign in actions.
The source for every Application block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Session Expired State is a full-page centered screen that removes the panic from an automatic sign out. The Acme lockup sits above a card that opens with a LockKeyhole icon, the heading Your session expired, and a line confirming that signing back in returns you to the exact page you were on. The account is shown with an avatar so one click resumes it, a muted note confirms the draft comment on Launch plan Q3 survived, and a ruled meta list names the facts: signed out at 14:32 UTC, the reason of 12 hours of inactivity, and the workspace security policy that set it. Two buttons offer Sign back in as Avery or Use a different account.
The session facts are a small array, so the time, reason, and policy each have one place to change, and the avatar comes from the shared avatars module. The footer points admins at the inactivity limit under Settings then Security and notes that trusted devices can stay signed in for up to 30 days.
Reach for this block when a session times out mid task, wired to your auth layer so the account, sign out time, and policy reason are real. Preserve the draft the note promises; a screen that claims saved work and loses it breaks trust.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the idle timeout sign out. Other session states:
Tip: name the exact policy that ended the session and confirm any unsaved work survived; a bare you were logged out reads as data loss.