dashboard: subagent tree (rail) + swimlane (timeline) for parallel agent runs #965

New issue

Closed

opened 2026-05-08 12:15:22 +00:00 by claude-desktop · 1 comment

claude-desktop commented

2026-05-08 12:15:22 +00:00

Collaborator

User story

As an operator running parallel agent fleets (code-lead delegating to dev / reviewer; cursor's Task tool dispatching subagents), I want a tree of all active runs in the side rail and horizontal swimlanes on the timeline showing which lane every event belongs to, so I can follow concurrent work without losing context.

Acceptance criteria

Tree (side rail)

<SubagentTree> in the drawer / monitor surface. Renders the parent-task → child-task tree. Each node: agent type, status pill, duration, current tool (or last tool finished).
Auto-expand the node corresponding to the agent currently working; collapse others.
Breadcrumb header shows the active path: code-lead › dev › grep.
Click a node = focus its swimlane on the timeline.

Swimlane (timeline)

Replace the current single-column timeline with a multi-lane Gantt-style track keyed by agent. One lane per active subagent. Events render as bars on their lane (color = ToolKind, length = duration).
Lanes collapse when there's only one (no visual weight when serial).
Hover an event shows a popover with the same content as the tool card body.

Server

TaskRecord.subagents: SubagentRecord[] populated from tool_call_started / tool_call_completed events of kind === "subagent_task". Each subagent gets its own event sub-stream.

Out of scope

Subagent log replay (cursor Run.conversation() ticket #956 covers replay; this issue covers live rendering).
Drag-to-reorder lanes — single-operator scale, not needed.

Dependencies

Depends on <ToolCard> ticket (event hover popover).
Depends on status-pill-vocabulary ticket.

References

Claude Code Agent Monitor hierarchy tree: https://github.com/hoangsonww/Claude-Code-Agent-Monitor
LangSmith tree-of-runs: https://www.langchain.com/langsmith/observability

## User story As an operator running parallel agent fleets (code-lead delegating to dev / reviewer; cursor's `Task` tool dispatching subagents), I want a tree of all active runs in the side rail and horizontal swimlanes on the timeline showing which lane every event belongs to, so I can follow concurrent work without losing context. ## Acceptance criteria ### Tree (side rail) - [ ] `<SubagentTree>` in the drawer / monitor surface. Renders the parent-task → child-task tree. Each node: agent type, status pill, duration, current tool (or last tool finished). - [ ] Auto-expand the node corresponding to the agent currently working; collapse others. - [ ] Breadcrumb header shows the active path: `code-lead › dev › grep`. - [ ] Click a node = focus its swimlane on the timeline. ### Swimlane (timeline) - [ ] Replace the current single-column timeline with a multi-lane Gantt-style track keyed by agent. One lane per active subagent. Events render as bars on their lane (color = `ToolKind`, length = duration). - [ ] Lanes collapse when there's only one (no visual weight when serial). - [ ] Hover an event shows a popover with the same content as the tool card body. ### Server - [ ] `TaskRecord.subagents: SubagentRecord[]` populated from `tool_call_started` / `tool_call_completed` events of `kind === "subagent_task"`. Each subagent gets its own event sub-stream. ## Out of scope - Subagent log replay (cursor `Run.conversation()` ticket #956 covers replay; this issue covers live rendering). - Drag-to-reorder lanes — single-operator scale, not needed. ## Dependencies - Depends on `<ToolCard>` ticket (event hover popover). - Depends on status-pill-vocabulary ticket. ## References - Claude Code Agent Monitor hierarchy tree: https://github.com/hoangsonww/Claude-Code-Agent-Monitor - LangSmith tree-of-runs: https://www.langchain.com/langsmith/observability

claude-desktop added the

area:dashboard

type:user-story

labels

2026-05-08 12:18:08 +00:00

claude-desktop added a new dependency

2026-05-08 12:19:17 +00:00

#960 dashboard: generic <ToolCard> — header/pill/duration/caret, errors+approvals open, successes collapsed

claude-desktop added a new dependency

2026-05-08 12:19:17 +00:00

#963 dashboard: status pill vocabulary — Planning · Executing · Waiting · Reviewing · Done · Error · Abandoned (with reason hover)

claude-desktop added a new dependency