Sonarist project

Sonarist / Design system

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

Design system contents

Components

New-message composition

Start a conversation without requiring a one-off recipient to become a saved person first.

On this page

Purpose and composition

Start a conversation without requiring a one-off recipient to become a saved person first.

Use for deliberate outreach; the initial sample recipient is a prototype default that should be reconsidered for production.

Anatomy

Anatomy
PartResponsibility
EnvelopeFrom, To and optional copies
SubjectRequired text
BodyPlain-text textarea
MetadataWork type and assigned owner
SendLocal conversation creation

Configuration and variants

Configuration and variants
Input / variantContract
peopleKnown contacts; spam excluded from options
onCreateReceives new typed Conversation
onBackReturn to inbox
defaultsRadarist sales inbox, Oliver recipient, Lena owner, Sales type

States and feedback

States and feedback
StateVisible / behavioral result
Empty draftSend disabled
Valid draftSender, recipient, subject and body present
One-offcontactSnapshot generated
AttachmentFixed partnership-overview.pdf metadata

Interaction and responsive behavior

  • Known person reused by ID; otherwise snapshot represents recipient.
  • New conversation goes to waiting.
  • Body splits on newline and removes blank lines.
  • Draft timer is local, not saved persistence.

Accessibility contract

  • Subject and Message have hidden labels.
  • To chips remain individually removable.
  • Sender callback validation requires a known inbox.

Known implementation limits

UI does not deliver a message or validate permissions. Do not claim upload, rich text or durable drafts.

Composition example

<NewMessageView people={people} onBack={back} onCreate={addLocalConversation} />

Source references

Source references
FileResponsibility
components/inbox/new-message-view.tsxNewMessageView

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.

New Message · Screen · Light · Desktop · 2880 × 2000 px
New Message · Screen · Light · Desktop · Draft With Attachment · 2880 × 2000 px

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