Components•Stream status
Components•Stream status
Stream status
One quiet line for a long AI wait. The phase slides in as it changes, a clock and step count keep time, a hairline shows progress, and the line settles into a receipt for done, failed or stopped.
Dependencies
Copy below cli
npx shadcn add @bjork-ui/stream-statusHow to use
import { StreamStatus } from "@/components/bjork-ui/ai/stream-status";export function Status({ phase, step, stop }: { phase: string; step: number; stop: () => void }) { return <StreamStatus phase={phase} step={step} totalSteps={5} onStop={stop} />;}
Planning the searchStep 1/ of 5
Planning the search
Options