Docs / Screenshot reference

Current screenshot reference

These screenshots come from the seeded Playwright environment so the docs stay aligned with the product. Use them as visual reference for the dashboard, sessions, guides, and monitoring views.

Reference

Current captures

/dashboard

Dashboard overview

Key usage metrics, sync actions, and recent session activity in one view.

Dashboard overview Key usage metrics, sync actions, and recent session activity in one view. Click image to expand

/sessions

Sessions list

Filterable session inventory with message, token, and cost summaries.

Sessions list Filterable session inventory with message, token, and cost summaries. Click image to expand

/analytics

Analytics overview

Operator dashboard with KPI cards, trend charts, tool mix, project leaderboard, and hotspots.

Analytics overview Operator dashboard with KPI cards, trend charts, tool mix, project leaderboard, and hotspots. Click image to expand

/sessions/demo-session-active

Session detail

Deep dive into one conversation with summary, files, folders, and message history.

Session detail Deep dive into one conversation with summary, files, folders, and message history. Click image to expand

/monitoring/sessions

Tiling monitor

Real-time terminal-inspired monitoring for active sessions.

Tiling monitor Real-time terminal-inspired monitoring for active sessions. Click image to expand

/guides

Guides hub

Built-in onboarding page that links product workflows with current screenshots.

Guides hub Built-in onboarding page that links product workflows with current screenshots. Click image to expand

Automation

Refresh workflow

Refresh the committed product screenshots with the seeded Playwright flow so the docs and Pages site stay visually current.

Generate screenshots
npm run screenshots
Why this matters

The screenshot pipeline uses deterministic seed data, which keeps the docs stable and makes CI Pages builds predictable.

Built from repository content with npm run pages:build.