ns-ui

Log Viewer ASCII Tail

A live `tail -f` log pane with a real ring buffer, a per-line severity glyph column, and follow-mode that detaches the instant you scroll up and reports how many lines arrived while you were reading.

Use when Pick log-viewer-ascii-tail when the subject is an unbounded, still-arriving log stream that a person needs to read while it moves — it is the only component here with a bounded ring buffer, windowed row rendering, and a follow/detach contract that counts what arrived while you were scrolled up. Reach for progress-telegraph-log instead when the lines are the finite, ordered sub-steps of one operation with per-step elapsed cost, not an open-ended firehose; reach for streaming-token-settle when the thing arriving is model output rather than service telemetry.

Install

npx shadcn add https://design.helpmarq.com/r/log-viewer-ascii-tail.json
View source and playground

ns-ui / log-viewer-ascii-tail

edge fleet · eu-central-1 · streaming

tail -f /var/log/edge.log
0/0 lines · ring 2000

Props

PropTypeDefaultDescription
capacity?numberring buffer size — appends past this overwrite the oldest line. Default 2000.
seed?numberLCG seed; the same seed replays the same stream exactly. Default 20240804.
initialLines?numberlines synthesised before the stream starts, so the pane is dense at rest. Default 200.
services?string[]service column values drawn from.
className?string
aria-label?string