Components
Company, product and inbox editors
Configure the product hierarchy with shared dialog, field and action families.
On this page
Purpose and composition
Configure the product hierarchy with shared dialog, field and action families.
Use these as existing UI contracts; persistence requires a future structured payload.
Anatomy
| Part | Responsibility |
|---|---|
| Company | Name and initials |
| Product | Name, parent company and internal description |
| Inbox | Name, email, display name, product, purpose and signature |
| Access | Teammate inclusion and active checkbox |
Configuration and variants
| Input / variant | Contract |
|---|---|
| entity prop | Optional existing object seeds state |
| onClose/onSave | No-argument callbacks; draft is not returned |
| company/product gate | Nonblank name |
| inbox gate | Nonblank name/email |
States and feedback
| State | Visible / behavioral result |
|---|---|
| New | Default parent and owner selection |
| Edit | Existing fields visible |
| Disabled submit | Required presence missing |
| Readiness | Static identity panel and View domain button |
Interaction and responsive behavior
- Source parents key editor by entity ID.
- Inbox uses selected member IDs and active state locally.
- Company initials uppercase and limit to three characters.
Accessibility contract
- Field helper wraps native controls in labels.
- Inbox access uses native checkbox labels.
Known implementation limits
onSave receives no entity payload, and settings lists remain imported arrays. View domain currently has no action handler.
Composition example
<InboxEditor inbox={selectedInbox} onClose={close} onSave={notifyPrototypeSave} />Source references
| File | Responsibility |
|---|---|
| components/views/settings-editors.tsx | CompanyEditor, ProductEditor, InboxEditor |
| components/views/settings-view.tsx | Lists and editor entry points |
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.
Related topics
Source audit: 2026-10-08 · Revision 10f45d1377b5 · Documentation v1.0.0