Skip to content

Task

One piece of work an agent did, with what it found or touched underneath. Open by default.

Sourcecomponents/task.tsx
Read components/button.tsx and components/card.tsx
Scanned 67 components for a date picker
Matched components/date-picker.tsx

Usage

Task usage
import { Task, TaskContent, TaskItem, TaskItemFile, TaskTrigger } from "@/components/task";
export function TaskUsage() {  return (    <Task>      <TaskTrigger title="Found the project files" />      <TaskContent>        <TaskItem>          Read <TaskItemFile>app/pricing/page.tsx</TaskItemFile>        </TaskItem>        <TaskItem>Scanned 52 components</TaskItem>      </TaskContent>    </Task>  );}

When to use

Use when

One piece of work an agent did, with what it found or touched listed underneath (TaskItemFile for file names)

Don’t use when

Many steps with running/failed statuses (use Trace); a checklist of work still to do (use Queue)