PeopleOwnerCard
components/people/OwnerCard.vue
Who and what an instance belongs to — the person (avatar or initials, name, email, team pill) and the endpoint (laptop glyph, host, OS) as two columns in one bordered card, split by a hairline. Each part is a link when its `*To` is set. Identity only, no numbers.
Scenarios
empty — no owner, no host (proxy-only install)
User
unattributed
Endpoint
—
OS —
minimal — user only (Endpoint detail,
only="user")typical — user + endpoint, both linked (Harness install detail)
missing team, OS known, static
User
WZ
Wei Zhang
wei@meridian.dev
Endpoint
wei-tower
OS Linux
components/people/OwnerCard.vue
Usage
<PeopleOwnerCard
name = "email local part"
email = "—"
avatar = "—"
team = "—"
host = "—"
os = "—"
userTo = "—"
hostTo = "—"
:only = "—"
userLabel = "User"
hostLabel = "Endpoint"
emptyUser = "unattributed"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| name | String | email local part | Display name beside the avatar. |
| String | — | Shown under the name; its local part is the fallback name. | |
| avatar | String | — | Image URL; UxAvatar initials when absent. |
| team | String | — | Grey UxPill beside the name when set. |
| host | String | — | Endpoint hostname (mono). Absent → "—". |
| os | String | — | Endpoint OS; "OS —" until a source exists. |
| userTo | String | — | Link for the user part; absent = static. |
| hostTo | String | — | Link for the endpoint part; absent = static. |
| only | 'user' | 'host' | — | Render one part alone in the same frame. |
| userLabel | String | 'User' | User part caption. |
| hostLabel | String | 'Endpoint' | Endpoint part caption. |
| emptyUser | String | 'unattributed' | User part text when there is no name or email. |