Conversation detail

Open a conversation at /conversations/{conversationId} (from the inbox or any link). This is the ConversationDetailsPage experience.

Layout

• Main column: header with title, badges, actions, and the message thread with ChatBox when you can reply.
• Left column (wide screens): collapsible conversation list with its own filters (dates, search, archive scope, status). On mobile, open the list from a control to slide the drawer over the thread.
• Right / secondary panel: detail sections you switch between (icons or tabs depend on viewport).

Detail sections

The UI tracks an active section such as:

• Conversation: IDs, channel, agent, created/updated times, status, and metadata useful for support.
• Contact: Linked contact record when one exists; loading and error states if the contact cannot be fetched.
• Custom fields: Field values extracted or stored on the conversation/contact per your Fields & Tags configuration.
• Privacy: Tools aligned with retention and compliance (for example purge flows when implemented).

Exact field labels follow the live form.

Actions

Depending on permissions you may archive, restore, delete, or purge data. Destructive actions use confirmation modals. Copy actions (for example conversation id) may appear in the header area.

Messages

Behavior matches the inbox: streaming or loaded history, rich payloads, and scroll-to-latest on new activity.

List view note

A separate route /conversations/list exists in the router as a table-style list page, but the main navigation targets /conversations. If your team still bookmarks the table view, behavior is similar (filters, archive, delete) with a different layout.