Primitive

Token Rail

Compact token rail for mentions, commands, attachments, and scoped context.

Use TokenRail to expose committed context inside composer, search, and generated-input workflows. Inline serialization, token commits, and removal behavior stay workflow-owned.
control
DOM renderImage render
Token RailDefault
Arihan V.Summarizeresearch-brief.pdf · PDF

Playground

Controls update query params directly, so every primitive state can be linked, rendered, and screenshotted deterministically.

Loading playground

Rendered matrix

Every state maps to the same primitive render route through the state query param.

Default

Token rail for mentions, commands, and attachments.
Arihan V.Summarizeresearch-brief.pdf · PDF
Render state

Tokens

Mention and command token rail without attachments.
Design systemDocs appAudit examples
Render state

Attachments

Attachment-only rail for uploaded context.
catalog-trace.json · JSONrender-screenshot.png · PNG
Render state

Public contract

The public prop table is generated from item metadata and schema-backed controls.
NameTypeDefaultDescription
itemsreadonly TokenRailItemData[]-Committed context items to render.
TokenRailItem.kind'attachment' | 'command' | 'mention'-Token semantic role.
TokenRailItem.onRemove() => void-Optional remove command.