Files
tty7/mobile/index.html
l0ng-ai b045ca0de6 feat(mobile): settings, message history, and a tighter home screen
- Settings, from beside the Machines title: appearance (automatic, light,
  dark; the status bar and keyboard follow through the window's interface
  style), terminal text size, how a pane wider than the phone first shows,
  clearing the message history, and the version.
- The message box keeps what it sends on the phone. As a message is
  written, past ones that match take the key row's place; with the box
  empty, a History button opens them all, searchable. A line that asks for
  a password is sent but not kept.
- ^R on the third key page, for the shell's own history search.
- A top-level screen's bar floats over the list, clear until the title
  scrolls under it, so the large title sits just under the status bar.

Claude-Session: https://claude.ai/code/session_01HVosmYyVSH3BrsLYx3tcSS
2026-09-29 17:30:23 +08:00

35 lines
1.6 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" />
<!-- Light or dark as Settings says: main.ts keeps it in step. -->
<meta name="theme-color" content="#f3f3f1" />
<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>