Skip to content

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

  1. Counselor opens /sessions.
  2. Frontend loads meeting/session rows.
  3. Counselor switches between status tabs.
  4. Counselor searches or filters the list.
  5. Counselor selects a session row.
  6. 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: upcoming.png
    • Completed tab: completed.png
    • Cancelled tab: cancelled.png
    • Overdue tab: overdue.png