Files
box-box/documentations/refactor/24-phase-16-live-timing-polish.md

44 lines
1.4 KiB
Markdown
Raw Permalink Normal View History

2026-05-25 10:45:35 -04:00
# Phase 16: Live Timing Polish
## Goal
Improve the React Live Timing route as an operations screen while preserving the
existing official F1 SignalR bridge and TUI live behavior.
## Completed Scope
- Added pure helpers for position delta styling and race-control flag classes.
- Improved the timing tower with podium position styling, colored position
deltas, best-lap/lap-count columns, and compact status badges.
- Reworked the session banner so track status, lap count, clock, live/stale
state, and weather read as dense operational metadata.
- Improved race-control feed treatment with color-coded flag badges, category
labels for non-flag messages, and bounded scrolling.
- Reworked the live route layout into a two-column desktop view with timing
tower priority and race control alongside it.
- Improved empty and disconnected states without requiring a real live F1
session.
## Constraints
- No backend live bridge or TUI live code was changed.
- No persisted live storage was added.
- Tests continue to use disabled-live/empty-state coverage because an active F1
session is not guaranteed.
## Verification
```bash
npm --prefix frontend test -- --run
npm --prefix frontend run build
npm run test:e2e
npm run test:e2e:prod
npm run test:visual
npm run test:visual:prod
```
## Related
- [21 MVP Completion Checklist](21-mvp-completion-checklist.md)
- [23 Phase 15 Command Center](23-phase-15-command-center.md)