#226

Add the phone mockups and the design decisions behind them

Opencalledforthwants to merge intofrom

What this adds

docs/ui-prototypes/mobile/ — three phone-frame HTML mockups (390×844, dark and light; two frames are interactive) and a README that records the owner's reactions as a decisions list, so the screen issues can be refined from it.

  • 01-home-and-session.html — sessions home and session page
  • 02-composer-and-pickers.html — where the model/mode/effort picks live (four options; B is clickable), model sheet, mode/effort popovers, full-screen composer
  • 03-environments-pairing-drafts.html — settings, environment detail, pairing (scan a QR or paste a link, interactive), drafts tab, project picker

Every colour is a web token name lifted from globals.css / fluid.css, so the frames double as the spec for the token pipeline.

docs/ui-prototypes/ was gitignored as a scratch folder for local experiments; it stays that way, with only the mobile/ folder un-ignored.

Decisions recorded

  • Picks move out of the session header into the composer: picks row at rest, one summary chip while a turn runs. The header is title + project only.
  • Glass on every floating surface, with a per-scheme --glass recipe.
  • Pill nav is Sessions · Inbox · Settings, search detached, compose top-right.
  • Home tabs All · Active · Drafts; one status glyph per state.
  • Still open: Inbox and search screens, tool-row detail, other environments' drafts placement.

No code changes; docs only.

🤖 Generated with Claude Code

Activity

16
cloudflare-workers-and-pages[bot]9d ago

🚀 Deploying Preview to Cloudflare 🚀

Preview Deployments by commit

StatusDeployment URLCommitUpdated (UTC)See this deployment's details
  • Build: Failed ❌

View logs ↗
e76e5932026-10-21T03:30:43.952ZView logs ↗
  • Build: Failed ❌

View logs ↗
c5a04c82026-10-21T03:23:15.702ZView logs ↗
greptile-apps[bot]9d ago


[Low impact] This docs-only PR appears safe to merge.

Summary

Adds three phone mockup pages and records the design decisions behind them.

  • Session screens keep the conversation and reply box together.
  • Composer picks stay beside the prompt and fold away during a turn.
  • Settings shows machine routes and lets a phone pair by QR or link.
  • Drafts and project choices stay grouped by the machine they use.

Reviews (2) · Last reviewed commit: "Fix the mockup interactions and theme cl..." · Reviewed by Greptile

greptile-apps[bot]reviewed9d ago
greptile-apps[bot]reviewed9d ago
greptile-apps[bot]reviewed9d ago
greptile-apps[bot]reviewed9d ago
greptile-apps[bot]reviewed9d ago
calledforthreviewed9d ago
calledforthreviewed9d ago
calledforthreviewed9d ago
calledforthreviewed9d ago
calledforthreviewed9d ago
calledforthreviewed9d ago
calledforthreviewed9d ago
calledforthreviewed9d ago