CO.30: Inbox

Summary

Counselors use the Inbox to read and send client messages and review notification activity.

Role

• Primary: Counselor
• Secondary: Client

Entry Point

• URL: /inbox
• Sidebar: Inbox

Preconditions

• User is authenticated.

Steps

1. Counselor opens Inbox.
2. Frontend loads conversations and notifications.
3. Counselor selects a conversation.
4. Counselor sends messages and receives realtime updates.
5. Counselor can switch to notifications, mark items read, or archive notifications.

Diagram

Edge Cases

• Realtime gap: Reconnect fetches missed notifications.
• No conversation: Empty state is shown.
• Unread state: Notification and message counts update separately.

Current Implementation Notes

• Frontend: frontend/src/app/pages/inbox.tsx, frontend/src/features/conversations/components/realtime-provider.tsx

Screenshot Status

• Captured with Playwright using deterministic mock data:
  • Messages tab with selected conversation:
  • Notifications tab with selected notification:

Related Flows

• C.9 Inbox
• IE.8 In-App Notification Delivery