Pieces/Terminal(15)

Terminal pieces from Beste UI, drop-in widgets built with shadcn/ui and Tailwind CSS.

beste-web / production
09:14:02Cloning repository main@8f2c1d

Deploy Log

Streaming build log where timestamped lines append every half second and older ones slide up out of view, with warnings in amber and successes in green until the deploy lands.

Command Run

Dark terminal that types a command after the prompt, prints its output line by line up to a green success line behind a blinking block cursor, then clears and runs again.

npx sirius-cli@latest init

✓ Workspace ready. Open the dashboard to invite your team.

CLI Command Card

A dark terminal card with traffic-light dots, a prompted command, and a success output line.

renders the label
fires onClick
respects disabled state
2 passed1 failed1.24s

Test Summary

Test run output with pass and fail markers and a totals bar.

>[1, 2, 3].map((n) => n * 2)
[ 2, 4, 6 ]
>

REPL

Interactive prompt showing an evaluated expression and its result.

Installing packagesctrl-c to cancel

Loading Line

Single indeterminate line with a spinner and a cancel hint.

components/Button.tsx
function Button({ label }) {
return <button>{label}</button>;
return <button className="btn">{label}</button>;
}

Diff Block

Unified diff with added and removed lines tinted green and red.

➜beste-uigit:(main)✗

Git Prompt

Shell prompt with a git branch segment and a clean or dirty status marker.

12:04:01OKServer ready on port 3000
12:04:03INFOCompiled /dashboard in 240ms
12:04:06WARNSlow query took 412ms
12:04:09ERRFailed to reach cache

Log Stream

Timestamped log lines tagged by level in info, warn, error, and ok colors.

Compiling modules
Bundling assets
Optimizing output
Publishing build

Build Steps

Stacked task list with done, running, and pending status markers.

Installing dependencies72%

Progress Bar

Monospace install line with a segmented progress meter and percentage.

$npm install beste-ui

Install Tabs

Package manager tabs that swap the install command, with a copy button.

deploy
$beste deploy --prod
Building application…Uploading assets…Deployed in 4.2s

Output Window

Window-chrome shell showing a command and its output ending in a success line.

pnpm dlx shadcn@latest add button

Copy Command

CLI code line with a chevron prefix and a copy button that flips to a check.

$npx beste-ui@latest init

Terminal Prompt

Dark shell line with an emerald prompt, command text, and a blinking block cursor.

Markdown version