Applied screens
People directory
Responsive person rows with product relationships and responsibility.
On this page
Screen intent
Responsive person rows with product relationships and responsibility.
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
- People list and relationship rows
- Badges and status labels
- 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
| File | Responsibility |
|---|---|
| components/helpdesk-app.tsx | Current route and view composition |
| lib/mock-data.ts | Fictional 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.
Related topics
Source audit: 2026-10-08 · Revision 10f45d1377b5 · Documentation v1.0.0