EndpointInline
components/endpoint/Inline.vue
Compact inline endpoint (device) identity — machine pixel pawn beside a bold name and a "Vendor / kind / ● status" sub-line. Same layout grammar as AgentInline; the pawn has one body, so status only drives the dot (stopped also dims the pawn).
marks-macbook-pro
Apple/laptop/ active
All statuses — stopped dims (single body, dot carries the signal)
marks-macbook-pro
Apple/laptop/ active
marks-macbook-pro
Apple/laptop/ idle
marks-macbook-pro
Apple/laptop/ stopped
marks-macbook-pro
Apple/laptop/ errored
In a fleet table row
marks-macbook-pro Apple/laptop/ active | 3 agents | 2m ago |
build-runner-03 AWS/vm/ idle | 1 agent | 3d ago |
legacy-workstation-7 Dell/desktop/ stopped | 0 agents | 2w ago |
Minimal — sub-line facts are optional
build-runner-03
active
jons-mbp
laptop/ idle
components/endpoint/Inline.vue
Usage
<EndpointInline
name = "—"
vendor = "—"
kind = "—"
status = "active"
:size = "29"
>
Content here
</EndpointInline>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| name | String | — | Display name, e.g. "marks-macbook-pro". Required; overridable via the default slot. |
| vendor | String | '' | First sub-line fact, e.g. "Apple". Omitted = its separator drops. |
| kind | String | '' | Second sub-line fact, e.g. "laptop" or "vm". Omitted = its separator drops. |
| status | String | 'active' | One of active, idle, stopped, errored. stopped dims the pawn and renders a hollow dot. |
| size | Number | String | 29 | Pawn width; number → px. The landscape art at 29px reads level with the two-line text block (AgentInline's square art uses 28). |
Slots
| Slot | Description |
|---|---|
| default | Replaces the name text — e.g. to wrap it in a link. |