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
claude/tml-validate-xml-jpdj1x
Controls on master
master

Data

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

Data
claude/tml-validate-xml-jpdj1x
Data on master
master

Media

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

Media
claude/tml-validate-xml-jpdj1x
Media on master
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
claude/tml-validate-xml-jpdj1x
A popup over the page on master
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
claude/tml-validate-xml-jpdj1x
The agent example, mid-session on master
master

The agent example, asking

The permission beat stops the script until it is answered.

The agent example, asking
claude/tml-validate-xml-jpdj1x
The agent example, asking on master
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
claude/tml-validate-xml-jpdj1x
Typing at the prompt on master
master