Request Log

Accessibility

• The list is a log region that takes focus, so it scrolls from the keyboard.
• Each dot is labelled, so status is never color alone.

Motion

• Pending pulses its dot. The pulse shows status, so it keeps running when component motion is off, and pauses offscreen.
• With reduced motion, the dot is still.

Responsive behavior

• RequestLogList renders only the rows near the viewport.
• 640 wide on Web and 358 on Mobile. Mobile drops the time column.

Performance

• RequestLogList is windowed: at the default height at most 33 rows exist, whatever the length of entries.
• Scroll is read once per frame, and the window only moves every 8 rows.
• The Pending dot's loop pauses while it is offscreen.

• Import RequestLog and RequestLogList from @/components/fetaui/request-log. Use the list for anything long.
• A RequestEntry needs an id, status, method, path, duration and time. A null status means Pending and shows dots instead of a code.
• Rows are a fixed 38 px, so duration and time are preformatted strings and height sets the list. A row narrower than 440 px hides time, and below 340 px hides duration, so the path keeps room. The list is a log region named by label.
• New entries come from you. The demo generates 20,000 static rows and nothing streams.