Sonarist project

Sonarist / Design system

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

Design system contents

Applied screens

Inbox settings

Public identities, purpose and teammate access in the hierarchy.

On this page

Screen intent

Public identities, purpose and teammate access in the hierarchy.

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

  • Company, product and inbox editors
  • Avatars and identity marks

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.

Settings Inboxes · Screen · Light · Desktop · 2880 × 2000 px

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