Skip to the page
Tactile UI

Templates

Agent console · Lode

An operator’s desk for agents in production: the fleet’s status on an LED sign as the masthead, the chosen run’s steps as a full-width LED tape, runs in a rail, throughput on the recorder, evals on a heatmap, spend on a ring, and a command line.

On this page
  1. Anatomy
  2. Usage notes

Anatomy

Bar

The top of a page: a wordmark with a lamp, printed links, and one contrast key at most.

Readout

A printed label over a value: key figures, with the unit small and the change in words.

Selector

One mode of two to five: latching keys in a tray, one down at a time, each with a lamp that lights when chosen.

List

Rows in a rack: a mark, a title, a second line and a fact or a key at the end. Chosen rows sink into a recess with their check key latched; in a running order, a row lifts out of the rack on its skirt and slides past the others, from the keyboard or by its grip.

Status

A lamp with words: the state line in tables, panel heads and lists. The words carry the meaning; the lamp is the glance.

Dialog

A decision that must be made now: a native dialog with a question, one sentence of consequence, a way back and the act.

Panel

A face plate that groups what belongs together: a head, a rule, then the parts. Screws only on device-like panels.

Spec list

Key and value facts, printed like the plate on the back of a device.

Lamp

The only colour in the kit: a lamp that is on. Green is on, amber is waiting, red is recording or failing, blue is linked, white is standing by. Always next to words.

Key

Every button, and every link that acts like one: a cap on a skirt that drops below the plate when pressed.

Field

Text entry in a recess, the label printed above it, and a hint that says how to fix an error.

LED matrix

A dot-matrix display of round LEDs behind smoked acrylic, each with its own bloom and a short warm-up and fade.

Tag

A small printed plate: a type, a count, a badge. Solid for the one tag that must stand out.

LED bar chart

A bar chart built like a studio meter bridge: columns of LED segments behind a smoked window, green then amber then red, with a peak segment that lingers and a lit readout for the exact value.

Chart recorder

A strip-chart recorder: gridded paper advancing under a pen that rides a rail, drawing the live value as the paper moves and printing the time in the margin. For p95 latency, tokens per second, grid frequency, a cold room’s log.

Lamp heatmap

A heatmap as a matrix of small panel lamps set into the plate: each lamp’s brightness is the value, off to full in four steps, with a printed legend. Deploys per day over a year, incidents by hour of the week, energy by the hour.

Ring meter

The kit’s donut chart as an instrument: a ring of lamps behind dark glass in a spun bezel, lit clockwise from twelve like a studio clock’s seconds, with the value in lit digits in the middle.

Switch

On or off, applied the moment it moves. A native checkbox with a ridged thumb in a slot that lights green when on.

Command palette

Every action and page behind one key: a modal plate whose entry line is a lit display, with the results printed below and the chosen one pressed in.

Select

A choice from a longer list, in the same recess as a field, with a printed chevron. The browser’s own menu opens it.

Text area

Longer text in a deeper recess: notes, messages, descriptions. It grows by its corner handle.

Commit key

A key for work that takes time and must not run twice. It latches below the plate while the work runs, an LED matrix in its face scanning amber, and says how it ended.

Usage notes

A strip on the desk (name, environment, command line, finish, New run) · one screwed plate: a matrix masthead over four printed figures · a listbox rail of runs · the trace: display title, readouts, an LED tape of steps, the step’s line, pause and commit keys · the recorder · an eval heatmap beside a ring and a spec list.