Sonarist project

Sonarist / Design system

Documentation v1.0.0 · Work in progress · UI prototype with separate server foundations

Design system contents

Components

Conversation details sheet

Read routing, ownership and activity without confusing metadata with verified infrastructure.

On this page

Purpose and composition

Read routing, ownership and activity without confusing metadata with verified infrastructure.

Use for inspection, separate from the person profile and message-level source.

Anatomy

Anatomy
PartResponsibility
Summary cardSubject, queue/type and optional follow-up badges
DetailsPerson, inbox, assignee, recipients, messages and activity

Configuration and variants

Configuration and variants
Input / variantContract
conversation/contactRequired typed records
open/onCloseControlled sheet

States and feedback

States and feedback
StateVisible / behavioral result
AssignedNamed teammate
UnassignedExplicit fallback
No added recipientsReadable empty text
OpenRight-side native sheet

Interaction and responsive behavior

  • Read-only sheet; no metadata mutation.
  • Resolve product/inbox through source helpers.
  • Keep long address/subject content readable in narrow layouts.

Accessibility contract

  • Definition list provides term/value relationships.
  • Sheet close action is labeled.

Known implementation limits

Inbound route wording is a static source string, not evidence that the fixture was actually routed by a provider.

Composition example

<ConversationDetailsDialog conversation={thread} contact={person} open={open} onClose={close} />

Source references

Source references
FileResponsibility
components/inbox/conversation-details-dialog.tsxConversationDetailsDialog

Examples from the app

Actual Sonarist components with fictional conversations, people, example.com addresses and simulated operational states. Captured at 2× resolution or higher. Select an image to inspect it full size.

Conversation Details · Component detail · Light · Desktop · 1152 × 2000 px

Source audit: 2026-10-08 · Revision 10f45d1377b5 · Documentation v1.0.0