Skip to content
AI & AgentsPro

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

bash
npm install @wunderui/react

Then import what you need:

tsx
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

  1. Read the migration notesDone1m 12s
  2. Bump the package versionsDone1m 12s
  3. Sync tokens from FigmaRunning0:16

    Rewriting the variant map so legacy props keep resolving after the rename.

    Targetpackages/react/tabs.tsxEstimate4 min

  4. Regenerate the changelogQueued—
  5. Publish to npmQueued—
  6. Notify the release channelSkipped—
  7. 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

PropTypeDefault
lines{ id?: string; time: ReactNode; level?: "debug" | "info" | "warn" | "error"; message: ReactNode }[]—
titleReactNode"Run log"
level"all" | "errors"uncontrolled
defaultLevel"all" | "errors""all"
onLevelChange(level: "all" | "errors") => void—
autoScrollbooleanuncontrolled
defaultAutoScrollbooleantrue
onAutoScrollChange(autoScroll: boolean) => void—
maxHeightnumber240
emptyLabelReactNode—