Launch priceOne payment

Agent Run Status

Answers "is it still going, and should I worry" at a glance. A ring that turns while it works and closes when it ends, one progress segment per step, a clock that counts while the run is live, and the same seven states as a small badge for tables.

Ready for AI tools one file typed props installs by name prompt included

The decision inside it

Segments, not a percentage

"Step 3 of 6" is a fact; "47%" of an agent run is a guess. The bar is one segment per step, and only becomes a plain bar past twelve.

Installation

How you get it

Paste this into Claude Code, Cursor, Codex or any coding agent. It installs the file and uses it as it is, instead of writing a new one.

Use Layro's Agent Run Status for this.
Install it: npx shadcn@latest add @layro/agent-run-status
Import it from @/components/ui/agent-run-status.
Do not rewrite or restyle it. Pass my data through its props
and keep its built-in states.

For the full brief with every prop and the mistakes assistants usually make, use Copy prompt above. Pro components install through the @layro registry with your CLI token: see the Namespaced tab.

API

“Copy prompt” above puts a full brief on your clipboard — install command, dependencies, props, and the mistakes an assistant usually makes with this component.

Props

Read from the component’s own TypeScript interface when the site is built, so this table cannot drift from the file you install.

PropTypeNotes
statusrequiredRunStatus—
labelReact.ReactNodeReplaces the default word: "Needs you" for `waiting`, say.
size"sm" | "md"—

Dependencies

npm packages

clsxframer-motionlucide-reacttailwind-merge

Layro foundations, installed alongside it

layro-themebadgebuttontooltip

Lifetime access

Every component, and everything we ship next.

  • All 112 components, source included
  • The template, and everything released after you buy
  • shadcn CLI or download — React 18/19, Tailwind v4
  • One payment. No subscription.

More in AI Agent

All AI Agent components