EndpointPawn

components/endpoint/Pawn.vue

The "Endpoint" pixel pawn — a machine (laptop/workstation) with a check-pattern screen, from the machine pixel icon. Art renders via UxPixelArt. Single body for now; state art mirrors AgentPawn's system when it lands.

Sizes — landscape art, width sets scale
36px
64px
96px
160px
Above-machine slot
3 agents active
Theme contexts
Beside AgentPawn — 36px endpoint ≈ 28px agent
components/endpoint/Pawn.vue

Usage

<EndpointPawn :size = "96" > Content here </EndpointPawn>

Props

PropTypeDefaultDescription
sizeNumber | String96Pawn width; number → px. Height scales automatically (art is ~1.7:1 landscape).

Slots

SlotDescription
defaultConsumer content anchored above the machine — mirrors AgentPawn's above-head slot.

Related

Qpoint Brand Style Guide