Room cards update in real time via Supabase Realtime. When milestones are recorded on any case, the corresponding room card’s phase indicator and pace bar update automatically.
Room grid
Rooms are displayed in a 2-column card grid. Each room card shows:- Room name and status badge — active (case in progress), available (idle), or done (all cases complete)
- Current case — surgeon avatar, procedure name, laterality, and current phase indicator
- Pace tracking — progress bar with color-coded status:
- Green — on pace or ahead of schedule
- Amber — slightly behind
- Red — significantly behind expected timing
- Real-time countdown — estimated time to next milestone or case completion
- Assigned staff — avatar row showing the current surgical team
- Next case — preview of the next scheduled case
- Upcoming cases — collapsed list of remaining cases
Date navigation
A calendar picker in the header lets you view any date’s room schedule. Previous/next buttons and a “Today” shortcut make navigation quick.Filters
| Filter | Description |
|---|---|
| Hide Completed | Hides rooms that have finished all cases (checked by default) |
| Staff panel | Admin-only toggle that enables the drag-and-drop staff assignment sidebar |
Staff assignment
When the staff panel is enabled (admin only), a left sidebar appears with staff avatars organized by role — surgeon, anesthesia, nursing, and tech. Drag staff from the panel onto a case card to assign them. Staff assignments have three visual states:| State | Appearance |
|---|---|
| Active | Full opacity — currently assigned to the case |
| Completed | Faded — case is done but staff still listed |
| Removable | Hover reveals an X button to unassign |
Room reordering
Admins can reorder rooms by opening the reorder modal from the header. Drag rooms to set the display order — the order saves to the database and persists across sessions.Phase detection
Each room card shows the current case phase as a visual indicator. The system reads milestone timestamps to determine which phase the case is in — pre-op, surgical, closing, or post-op — using the case’s stamped milestone template.Phase detection is derived from the milestone template boundaries, not a separate status field. This means phases stay accurate even if your facility customizes milestone ordering.
All cases list
Below the room grid, a sortable table lists all of the day’s cases with columns for time, room, surgeon, procedure, status, and duration. Click any row to open the case detail view.Call next patient
A floating action button lets coordinators trigger the “Call Next Patient” workflow, which identifies the next scheduled case across all rooms and generates a notification.FAQ
Can I change the room grid layout?
Can I change the room grid layout?
Admins can reorder rooms via the reorder modal in the header. Drag rooms to set the display order — this persists across sessions for all users.
Why is a room showing 'behind pace' even though it just started?
Why is a room showing 'behind pace' even though it just started?
Pace tracking compares elapsed time against median surgeon-procedure durations. If the first milestone takes longer than the median, the pace indicator will show amber or red. This often self-corrects as the case progresses.
How do I assign staff to a room?
How do I assign staff to a room?
Enable the Staff panel toggle (admin only). A sidebar appears with staff avatars organized by role. Drag staff from the panel onto a case card to assign them.
Next steps
Block schedule
Manage surgeon room time allocations.
Dashboard
See the facility-wide operations overview.