TaskItem

TaskItem works on its own or inside a Plan step detail:

import { TaskItem } from "smthrs/ui";

<TaskItem
  label="Run focused tests"
  status="running"
  files={["tests/plan.test.tsx"]}
  elapsedSeconds={72}
/>

The status string flows through the shared normalizeStatus, statusClass, and formatStatus helpers; every tinted dot has matching screen-reader text.

Props

Prop	Type	Description
`label`	`ReactNode`	Unit-of-work label.
`status`	`string`	Any shared status vocabulary string, e.g. `running`, `complete`, `failed`.
`files`	`readonly string[]`	Optional text-only monospace file badges.
`elapsedSeconds`	`number`	Optional elapsed duration: seconds, or minutes and seconds.

Source: packages/ui/src/agentic/TaskItem.tsx Tests: packages/ui/tests/task-item.test.tsx

Overview

Core API

Runtime

Types & errors

Gateway RPC

Props

​Props

Props