Status Timeline Widget
Component Detail
User Interface
medium complexity
mobile
0
Dependencies
0
Dependents
2
Entities
0
Integrations
Description
Vertical timeline widget rendering the full immutable state history of a single assignment. Each timeline node represents a state transition (dispatched → delivered → read → accepted → in_progress → completed/escalated/closed) with timestamp and actor. Supports accessibility via semantic labels for screen reader compatibility.
status-timeline-widget
Responsibilities
- Render ordered list of state transitions as a vertical timeline
- Display timestamp and responsible actor for each transition
- Visually distinguish terminal states (completed, closed, escalated)
- Provide accessible semantic markup for VoiceOver/JAWS
Interfaces
renderTimeline(assignmentId)
loadStateHistory(assignmentId)
getLatestState(assignmentId)
formatTransitionLabel(state)
scrollToLatestEvent()
Related Data Entities (2)
Data entities managed by this component