TaskTree

TaskTree(__namedParameters): ReactElement

Defined in: react/components/agent/task-tree.tsx:75

A hierarchical agent task tree: like TodoList but for nested plans. Each node carries a status glyph (○ pending, ◐ in-progress, ✔ done, ✗ cancelled) with the in-progress task emphasised and finished ones struck through, and sub-tasks are drawn indented under dimmed ├─/└─ connectors. Pass title for a heading with a live progress count over the whole tree. Read-only — re-render it with new items as work advances.

<TaskTree title="Plan" items={[
  { text: "Build feature", status: "in_progress", children: [
    { text: "Read the spec", status: "completed" },
    { text: "Implement", status: "in_progress" },
  ] },
  { text: "Ship it" },
]} />

Parameters

__namedParameters

TaskTreeProps

Returns

ReactElement