Files
tty7/mobile/index.html
T
l0ng-aiandClaude 5733483d7d feat(mobile): the Terminal Mobile redesign
The app takes the desktop's neutral greys, light and dark, with ink rather
than a system blue for what is pressed or chosen.

- Machines: pairing's "+" moves to a floating bar at the bottom beside a
  search field. Each machine shows its link, round trip and tab count as
  last seen.
- A machine: tabs grouped by workspace with a count; round agent glyphs;
  a dot on the right for running or waiting on you. The per-group New tab
  buttons give way to one "+" in the same floating bar, beside tab search.
- New tab: a sheet to pick Claude Code, Codex or a shell, and the
  workspace. An agent's command is typed into the new tab once it is live.
- A pane: the bar keeps only back, the title with its state, and a menu
  for selecting text, the fit and the phone's size. Under it, one row of
  equal keys, a page at a time, and a message box that is always there;
  its round button sends, or when empty hands the keyboard to the
  terminal.

Co-Authored-By: Claude <noreply@anthropic.com>
2026-09-28 21:55:50 +08:00

35 lines
1.7 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta
name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no, viewport-fit=cover"
/>
<meta name="color-scheme" content="light dark" />
<meta name="theme-color" media="(prefers-color-scheme: light)" content="#f3f3f1" />
<meta name="theme-color" media="(prefers-color-scheme: dark)" content="#0f0f10" />
<title>tty7</title>
</head>
<body>
<!--
THESIS: the phone is a second window onto the desktop's live panes; it reads
like an installed app (pushed screens, grouped lists, a keycap bar), never a
web page of bordered boxes.
OWN-WORLD: tty7 desktop Light/Dark presets following the system; canvas
#f2f3f6/#0f1013, cells #fff/#191b20, accent #1f6bf0/#78a8f5; agent avatars on
their brand fields with the desktop status badge (Working blue blinking,
Waiting amber hollow, Done green); Hack for terminal and code; system UI face.
STORY: pick a machine, see what needs you, open a pane, type.
FIRST VIEWPORT: large "Machines" title folding into the bar, one inset card of
paired machines, + to pair; empty state is the Duo mark and one button.
FORM: brief-pinned, no seed roll: the user asked for "modern native minimal" and
confirmed one neutral language for iOS and Android that carries the desktop
Light/Dark presets and agent status dots.
FINISH: unreviewed and undocumented is unfinished; this build ends with the finish review, the verdict, and DESIGN.md
-->
<div id="app"></div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>