Components
Kit context and connection mapping
Keep audience information adjacent to a person while distinguishing sample context from connected integration.
On this page
Purpose and composition
Keep audience information adjacent to a person while distinguishing sample context from connected integration.
Use for contextual integration design; keep live sync claims out of the guide.
Anatomy
| Part | Responsibility |
|---|---|
| Connection | Mock connected label and last mock sync |
| Mapping | Product checkboxes |
| Person context | Subscriber state, tags, segments and activity |
Configuration and variants
| Input / variant | Contract |
|---|---|
| connection name | Local text state |
| mapped products | Source product IDs |
| onSave | No-argument callback |
| contact.kit | Optional KitContext fixture |
States and feedback
| State | Visible / behavioral result |
|---|---|
| Mock connected | Source explicitly labels mock status |
| Mapped | Checkbox state |
| No person context | Optional data absent |
Interaction and responsive behavior
- Manage and Add another connection open same prototype editor.
- Credentials are not displayed.
- No OAuth or reconnection is performed.
Accessibility contract
- Mapped products use labeled native checkboxes.
- Connection status uses text.
Known implementation limits
Healthy status is a static mock message; saving does not persist a connection or refresh contact data.
Composition example
<KitConnectionEditor onClose={close} onSave={notifyLocal} />Source references
| File | Responsibility |
|---|---|
| components/views/settings-view.tsx | Integration overview |
| components/views/settings-editors.tsx | KitConnectionEditor |
| components/views/person-profile-view.tsx | Contact Kit display |
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