ffb7ef0d21
- Add proposal for unified session list components - Add design doc with component architecture - Add specs for SessionCard and SessionList requirements - Add implementation tasks Refs: session-list-overhaul
1.4 KiB
1.4 KiB
Why
The current session list UI is fragmented between the dashboard home page and the dedicated sessions page, with duplicated rendering logic, inconsistent styling, and missing control actions. Users need a unified, clear view of their sessions with easy access to controls (start, stop, delete, open) regardless of which page they're on.
What Changes
- Create a unified
SessionCardcomponent used on both dashboard and sessions pages - Create a
SessionListcomponent that handles filtering, grouping, and layout - Add clear status indicators and action buttons (open, stop, start, delete) to each session card
- Remove duplicated session rendering logic from dashboard.tsx and sessions.tsx
- Consistent empty states and loading states across both pages
- Better visual hierarchy with project/repository context
Capabilities
New Capabilities
session-list-ui: Unified session list components with clear information display and control buttons
Modified Capabilities
session-lifecycle-ux: Update to include unified list component requirementssessions-hub: Update to use unified components instead of page-specific rendering
Impact
- Frontend: New components in
apps/web/src/components/session-list.tsxandapps/web/src/components/session-card.tsx - Modified pages:
apps/web/src/pages/dashboard.tsx,apps/web/src/pages/sessions.tsx - Modified styles:
apps/web/src/styles.css - No API changes required