Sonarist project

Sonarist / Design system

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

Design system contents

Implementation

Quick start for a team

Use the current components and local data contracts before introducing a parallel library.

On this page

Source map

Source map
LocationResponsibility
components/uiPrimitives, icon wrapper, dialog, recipient fields and section navigation
components/inboxQueue, thread, composer and contextual dialogs
components/viewsPeople, team, settings and editors
components/helpdesk-app.tsxClient route/state orchestration
lib/types.tsFrontend record types
lib/serverSeparate trusted provider/database foundation
helpdesk-notesInfrastructure and product rationale

Source development

cd ../makeable-helpdesk
npm install
npm run dev
# Local source UI uses fixtures. Do not load production env for captures.

Composition order

Start with types and helpers, then shared UI primitives, then the domain component, then its parent workflow. Preserve source utility classes and theme logic before generalizing a token API. The documentation examples are integration sketches; they do not supply missing persistence callbacks.

For capture reproduction, use the portfolio scripts below instead of pointing the app at a live account.

Source references

Source references
FileResponsibility
package.jsonInstalled dependency baseline
lib/types.tsFrontend types
components/helpdesk-app.tsxApplication entry

Reference downloads

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