Task Row

Live agent task status with progress ring, details, and retry.

Verified vendors

12 suppliers

Completed

Score stockout risk

Draft emails

Failed

Installation

Every AI component page installs the same aggregate @constructive/ai entry. Examples use the default @/components/ui alias; use your configured ui alias if it differs.

components.json

{
  "registries": {
    "@constructive": "https://constructive-io.github.io/blocks/r/{name}.json"
  }
}

Install aggregate

pnpm dlx shadcn@latest add @constructive/ai

When to use

Use TaskRow for multi-task agent runs outside the transcript or in a side panel.
Prefer the command-palette background task model for app-wide background work.

Usage

example.tsx

tsx

import { TaskList, TaskRow } from '@/components/ui/ai';

<TaskList>
  <TaskRow status="running" label="Index files" progress={40} />
</TaskList>

API

Primary props for this surface. The installed source types are the full contract.

API for Task Row.
Prop	Type	Behavior
status / progress	TaskStatus / number	pending \| running \| completed \| failed.
details / onRetry / index	detail[] / callback / number	Expand body, retry, stagger.