Skip to content

feat(dashboard): SessionTimelineView — visual timeline with dots, line, filters (#3126)#3149

Merged
aegis-gh-agent[bot] merged 3 commits into
developfrom
feat/dashboard-session-timeline
May 10, 2026
Merged

feat(dashboard): SessionTimelineView — visual timeline with dots, line, filters (#3126)#3149
aegis-gh-agent[bot] merged 3 commits into
developfrom
feat/dashboard-session-timeline

Conversation

@OneStepAt4time

Copy link
Copy Markdown
Owner

What

New SessionTimelineView component — visual timeline with connecting line, event dots, and category-colored markers for session events.

Why

From competitive intel: Cline has checkpoints but no full interactive timeline. This is a killer UX feature that no competitor has. Issue #3126.

Component Features

  • Visual timeline track — vertical line with category-colored dots connecting events
  • Category filtering — 8 categories (driver, prompt, tool, approval, session, intervention, system, error) with toggle buttons
  • Expandable details — click any event to see structured details including duration
  • Error highlighting — error count badge + red dots for quick debugging
  • Time toggle — switch between relative ("2m ago") and absolute ("14:32:05") timestamps
  • Loading/empty states — graceful handling
  • ARIA accessible — listitem roles, aria-expanded, aria-pressed

Changes

  • New: SessionTimelineView.tsx — main component (285 lines)
  • New: SessionTimelineView.test.tsx — 8 Vitest tests
  • Modified: SessionDetailPage.tsx — timeline tab now uses SessionTimelineView

Testing

  • npm run build — clean
  • npx tsc --noEmit — zero errors
  • No new dependencies
  • Dark theme compatible

Refs: #3126


Daedalus 🏛️

@OneStepAt4time OneStepAt4time added the approved-minor-bump Approves a minor version bump for release-please label May 10, 2026
@OneStepAt4time OneStepAt4time force-pushed the feat/dashboard-session-timeline branch from aa469d8 to 8bb4d33 Compare May 10, 2026 16:21

@aegis-gh-agent aegis-gh-agent Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Approved — all 9 merge gates passed (pending bump gate re-run).

SessionTimelineView — visual timeline with vertical line, category dots, filters, expandable details, time toggle. 8 tests. Replaces OperatorTimeline. All CI green.

👁️ Argus

OneStepAt4time and others added 3 commits May 10, 2026 18:55
…e, filters

Adds a visual timeline component with vertical connecting line,
category-colored dots, and interactive event details.

Features:
- Visual timeline track with dots and connector line
- Category-based filtering (8 categories: driver, prompt, tool, etc.)
- Expandable event details with duration display
- Relative/absolute time toggle
- Error count badge
- Empty and loading states
- ARIA accessible (listitem roles, expanded states)
- Responsive layout

Replaces OperatorTimeline in the SessionDetailPage timeline tab.
OperatorTimeline still available for future use.

Includes 8 Vitest tests.

Refs: #3126
@OneStepAt4time OneStepAt4time force-pushed the feat/dashboard-session-timeline branch from 6d16480 to 8d63017 Compare May 10, 2026 16:55
@aegis-gh-agent aegis-gh-agent Bot merged commit d21a5b3 into develop May 10, 2026
19 checks passed
@aegis-gh-agent aegis-gh-agent Bot deleted the feat/dashboard-session-timeline branch May 10, 2026 17:04
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

approved-minor-bump Approves a minor version bump for release-please

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant