Pattern Lab — Operational Week Grid
Operational calendar
The shared WeekCalendar pattern composes a 7-day × hourly grid from serializable blocks. Here it renders the time-mind weekly-plan fixtures, mapped into generic blocks with semantic tone — proving the component knows no domain vocabulary.
No server, no DB. Blocks are read-only here; selection is a callback the consumer binds in production.
§01
Populated week
Ideal blocks from MOCK_WEEKLY_PLAN, positioned by day column and time span. Peak hours are highlighted; tone is derived from each block's time category (proactive → positive, passive → warning, reactive → critical).
§02
Loading state
A stable skeleton grid with aria-busy while data resolves — no layout shift when the populated week arrives.
§03
Empty state
No blocks scheduled — the grid scaffold stays, with a caller-provided message centred over the days.