Modular ASCII wireframes for every screen in the mobile app. Each file maps to a feature module. Screens are ordered by user flow.
+------------------+
| Splash Screen |
+--------+---------+
|
+--------v---------+
| Login Screen |
+--------+---------+
|
+--------v---------+
| Bridge Pairing |
+--------+---------+
|
+--------------v--------------+
| Main Shell (Bottom Nav) |
+-+--------+--------+--------+-+
| | | |
+---v--+ +---v--+ +---v--+ +---v------+
| Chat | | Repos| | Git | | Settings |
+---+--+ +---+--+ +---+--+ +----------+
| | |
+----v--+ +---v----+ +-v--------+
|Session| |File | |Diff |
|List | |Browser | |Viewer |
+-------+ +-------+ +----------+
+============+============+============+============+
| Agent | Repos | Git | Settings |
| (chat) | (browse) | (operations)| (config) |
+============+============+============+============+
| File | Screens | Phase |
|---|---|---|
01-auth.md |
Splash, Login, OAuth WebView | 1 |
02-bridge.md |
QR Pairing, Connection Status | 1 |
03-chat.md |
Chat, Session List, Streaming, Voice Input | 1, 3 |
04-repos.md |
Repo List, File Tree, File Viewer | 1 |
05-git.md |
Branch Manager, Commit, Push/Pull | 2 |
06-diff.md |
Unified Diff, Side-by-Side, File Nav | 2 |
07-approvals.md |
Tool Call Approval, Audit Log | 2 |
08-terminal.md |
Terminal View, Command Input | 3 |
09-agents.md |
Agent Registry, Agent Switcher | 3 |
10-settings.md |
Settings, Notifications, Offline Status | 1-4 |
11-tablet.md |
Tablet Split Views, Landscape Layouts | 4 |
- Primary action: Bottom-right FAB or prominent button
- Status indicators: Top bar connection pill (green/yellow/red)
- Streaming text: Word-by-word render with cursor blink
- Destructive actions: Red text, confirmation dialog required
- Offline indicator: Persistent banner at top when disconnected