dashboard: filter bar over agent timeline (event type / tool / actor / has-error / has-approval) #976

New issue

Closed

opened 2026-05-08 12:17:34 +00:00 by claude-desktop · 1 comment

claude-desktop commented

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

Collaborator

User story

As an operator post-mortem'ing a run, I want a filter bar above the timeline that scopes by event type, tool kind, actor (subagent), error-only, approval-only — so I can answer "show me every shell command" or "show me the failures" without skimming 500 events.

Acceptance criteria

<TimelineFilterBar> mounted above the timeline. Linear-style chips with multi-select.
Filter dimensions: event type, ToolKind, agent (subagent lane), state (error / approval / denied).
Filters serialize into the URL (?evt=tool_call&kind=shell&kind=edit&state=error) — shareable and survives reload.
Chips show counts at the current filter scope.
"Clear all" pill on the right.
Combined filters use AND across dimensions, OR within a dimension.

Out of scope

Saved-filter presets (could be a follow-up; for single operator, low priority).
Cross-run filtering (history list).

Dependencies

Depends on <ToolCard> ticket (filter dropdown shows tool icons/names sourced from the same ToolKind taxonomy).

References

Linear filter bar.
UX Patterns timeline guide: https://uxpatterns.dev/patterns/data-display/timeline

## User story As an operator post-mortem'ing a run, I want a filter bar above the timeline that scopes by event type, tool kind, actor (subagent), error-only, approval-only — so I can answer "show me every shell command" or "show me the failures" without skimming 500 events. ## Acceptance criteria - [ ] `<TimelineFilterBar>` mounted above the timeline. Linear-style chips with multi-select. - [ ] Filter dimensions: event type, `ToolKind`, agent (subagent lane), `state` (error / approval / denied). - [ ] Filters serialize into the URL (`?evt=tool_call&kind=shell&kind=edit&state=error`) — shareable and survives reload. - [ ] Chips show counts at the current filter scope. - [ ] "Clear all" pill on the right. - [ ] Combined filters use AND across dimensions, OR within a dimension. ## Out of scope - Saved-filter presets (could be a follow-up; for single operator, low priority). - Cross-run filtering (history list). ## Dependencies - Depends on `<ToolCard>` ticket (filter dropdown shows tool icons/names sourced from the same `ToolKind` taxonomy). ## References - Linear filter bar. - UX Patterns timeline guide: https://uxpatterns.dev/patterns/data-display/timeline

claude-desktop added the

area:dashboard

type:user-story

labels

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

claude-desktop added a new dependency

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

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