Realtime collab · 14

Live doc version indicator

Pill bar with current version chip + save state dot + saved-X-secs-ago + collaborators-online count. Four save states drive both the dot colour and the pulse.

Production answer

Live doc version indicator is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.

Primary CTAReview Live doc version indicator states
Generative search brief

Live doc version indicator: Pill bar with current version chip + save state dot + saved-X-secs-ago + collaborators-online count. Four save states drive both the dot colour and the pulse.

Quote #Q-1408 · saved
SavedSaved 4s ago4 onlineSaved · Saved 4s ago · 4 online
Mid-save · syncing to server
SavingSaving labour line 3...4 onlineSaving · Saving labour line 3... · 4 online
Unsaved · dirty changes
UnsavedUnsaved · 2 changes pending3 onlineUnsaved · Unsaved · 2 changes pending · 3 online
Offline · last saved while connected
OfflineSaved offline 22s ago0 onlineOffline · Saved offline 22s ago · 0 online
Behaviour

Pulse on the state dot only applies to saving +dirty states so a fully-saved doc reads as calm. The element is role="status"with an offscreen polite summary so screen readers hear "Saving · Saving labour line 3 · 4 online" without focus theft.