Sonarist project

Sonarist / Design system

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

Design system contents

Applied screens

Unified inbox

New sender screening and active needs-reply work in one scoped view.

On this page

Screen intent

New sender screening and active needs-reply work in one scoped view.

These are actual source layouts in an isolated snapshot. Desktop and phone controls use their native breakpoints; light and dark examples are independently rendered rather than recolored.

Composition map

  • Sender screening and decision bar
  • Conversation rows
  • Assignee and work-type filters

Evidence and limits

All names, conversations, operational states and displayed financial/integration values are demonstrations. Local actions do not send, charge, save to live data or verify providers. Viewport captures establish normal layout; supplemental full-content captures retain actual browser-rendered geometry.

Source references

Source references
FileResponsibility
components/helpdesk-app.tsxCurrent route and view composition
lib/mock-data.tsFictional starting records

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.

Inbox · Screen · Light · Desktop · 2880 × 2000 px

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