Appearance
CO.5: Sessions List
Summary
Counselors browse upcoming, past, cancelled, and overdue meetings from the sessions page, with search/filter controls and quick actions for creating sessions.
Role
- Primary: Counselor
Entry Point
- URL:
/sessions - Sidebar: Sessions
Preconditions
- User is authenticated.
Steps
- Counselor opens
/sessions. - Frontend loads meeting/session rows.
- Counselor switches between status tabs.
- Counselor searches or filters the list.
- Counselor selects a session row.
- App navigates to
/sessions/:sessionId.
Diagram
Edge Cases
- Empty tab: Page shows an empty-state message.
- Pagination/filter state: Filters update the visible result set.
- Create action: New session sheet is available for counselor workflows.
Current Implementation Notes
- Frontend:
frontend/src/app/pages/sessions.tsx,frontend/src/features/sessions/components/new-session-sheet.tsx
Screenshot Status
- Captured with Playwright using deterministic mock data:
- Upcoming tab:

- Completed tab:

- Cancelled tab:

- Overdue tab:

- Upcoming tab: