tml screenshots

Every picture is the example running in a real terminal -- ttyd serving a PTY, xterm.js in Chromium -- captured by tools/shots.

Controls

Buttons, a field, a checkbox, radios, a progress bar and a sparkline. The keyboard is on Save.

Controls
master

Data

A list beside a table and a scrolling log, laid out on a Grid.

Data
master

Media

An image on its half-block fallback, a rule, badges and a spinner.

Media
master

A popup over the page

A Popup centres itself on the Canvas and the layout behind it keeps rendering.

A popup over the page
master

The agent example, mid-session

A transcript scrolled to its tail, a diff card, and the context list beside it.

The agent example, mid-session
master

The agent example, asking

The permission beat stops the script until it is answered.

The agent example, asking
master

Typing at the prompt

Typed into the running terminal rather than set from a flag: the keys go through ttyd, the PTY and the focus ring.

Typing at the prompt
master