/next-event-lab
Next Event
Sub-component demos · assembled carousel preview · live countdown from ISO delta
What's showing in the Octa Next Event cell right now
The exact cell the Octa dashboard renders — N2NextEventCell from @iudofia2026/n2/cards, fed by the live useCalendarData hook as <N2NextEventCell events empty error permissionDenied loading />. Below: a representative events feed (live countdown from ISO delta), then every CURRENT state the cell can be in — its “tooltips” are really these states.
events · representative carousel feed
Every state the cell renders today
Driven by the same boolean props the dashboard passes: events / empty / permissionDenied / error / loading. Side by side so each can be inspected without reproducing the upstream calendar condition.
events
empty · no events
permission denied
error
loading · skeleton
Icons
Meta row icons used in the carousel
IconPin — location
IconPeople — attendee
Countdown
H:M:S display. Liveness dot pulses at 1Hz. SOON label when < 10 min.
Normal (2h 59m)
Soon (< 10 min)
Minutes only
ArrowNav
Prev/next arrows — dim at rest, full on hover.
Default
NavProgress
Progress bars — filled, active (animating drain), pending. Click to advance.
3 events, advancing
Assembled
Full NextEventCell as it appears in octa/desktop — live countdown from Apple Calendar ISO timestamps, 3 soonest events
N2NextEventCell · imported from @iudofia2026/n2/cards