AI & Agents
Log Stream
A run's log with an All or Errors filter and auto-scroll.
Usage
Run log
0:02.9InfoQueued 48 components for the contrast audit
0:05.2WarnFigma API busy, retrying in 2s
0:08.0InfoRead 214 variables from Figma
0:12.0ErrorPush to docs-preview timed out
0:12.4InfoRetrying the push with fewer files
0:17.1InfoScreenshots complete
0:19.9Error3 tokens differ between Figma and code
Installation
npm install @wunderui/reactThen import what you need:
import { LogStream } from "@wunderui/react"In context
How the component is used inside real screens — the same compositions as the Usage section of the Figma page.
Watch it run live
The live plan above the run log — Stop pauses the run, the log filters to errors.
Ship the Tabs v2 release
2 of 7 done
- Read the migration notesDone1m 12s
- Bump the package versionsDone1m 12s
- Sync tokens from FigmaRunning0:16
Rewriting the variant map so legacy props keep resolving after the rename.
Targetpackages/react/tabs.tsxEstimate4 min
- Regenerate the changelogQueued—
- Publish to npmQueued—
- Notify the release channelSkipped—
- Announce in #releasesQueued—
Run log
0:02.9InfoQueued 48 components for the contrast audit
0:05.2WarnFigma API busy, retrying in 2s
0:08.0InfoRead 214 variables from Figma
0:12.0ErrorPush to docs-preview timed out
0:12.4InfoRetrying the push with fewer files
0:17.1InfoScreenshots complete
0:19.9Error3 tokens differ between Figma and code
API Reference
| Prop | Type | Default |
|---|---|---|
| lines | { id?: string; time: ReactNode; level?: "debug" | "info" | "warn" | "error"; message: ReactNode }[] | — |
| title | ReactNode | "Run log" |
| level | "all" | "errors" | uncontrolled |
| defaultLevel | "all" | "errors" | "all" |
| onLevelChange | (level: "all" | "errors") => void | — |
| autoScroll | boolean | uncontrolled |
| defaultAutoScroll | boolean | true |
| onAutoScrollChange | (autoScroll: boolean) => void | — |
| maxHeight | number | 240 |
| emptyLabel | ReactNode | — |