CollaborationPresence
Multi-user + agent co-presence indicator. Visually distinguishes humans (round avatars) from agents (square monograms). Shows execution state, ghost presence, and typed participant counts.
import { CollaborationPresence } from "@danagraph/design-system/patterns"Props
| Prop | Type | Default | Description |
|---|---|---|---|
participantsreq | Participant[] | — | All participants (humans and agents) in the collaboration space. |
variant | "bar" | "panel" | "bar" | bar: inline toolbar row; panel: full presence list with sections. |
maxVisible | number | 5 | Max avatars before collapsing to overflow count. |
showTypeSeparation | boolean | true | Show agents and humans in separate visual groups. |
contextLabel | string | — | Label for the shared surface (shown in panel header). |
participantsrequiredParticipant[]Default —All participants (humans and agents) in the collaboration space.
variant"bar" | "panel"Default "bar"bar: inline toolbar row; panel: full presence list with sections.
maxVisiblenumberDefault 5Max avatars before collapsing to overflow count.
showTypeSeparationbooleanDefault trueShow agents and humans in separate visual groups.
contextLabelstringDefault —Label for the shared surface (shown in panel header).
This component was designed to express:
Explore Related
Three-surface agent identity signal — inline @mention chip, card with capabilities, full sidebar panel. Encodes role, execution state, and approval-gated capabilities using semantic tokens.
Non-intrusive background activity indicator. Shows agents working without demanding attention. Three variants: dot (toolbar), strip (bottom bar), tray (collapsible side panel).
Overlapping avatar circles showing multiple users or active sessions with overflow count
Chronological log of agent actions with status filtering