docs: add Mobile UI section to README

- Document fixed toolbar and keyboard handling
- Swipe navigation between sessions
- Keyboard accessory bar with /init, /clear, /compact
- Confirmation dialogs for commands
- Touch target sizes and mobile simplifications

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
arkon
2026-01-31 15:41:15 +01:00
co-authored by Claude Opus 4.5
parent d70e2d1d93
commit a85603d8cf
3 changed files with 43 additions and 2 deletions
+1 -1
View File
@@ -16,7 +16,7 @@ When user says "COM":
1. Increment version in BOTH `package.json` AND `CLAUDE.md`
2. Run: `git add -A && git commit -m "chore: bump version to X.XXXX" && git push && npm run build && systemctl --user restart claudeman-web`
**Version**: 0.1462 (must match `package.json` for npm publish)
**Version**: 0.1463 (must match `package.json` for npm publish)
## Project Overview
+41
View File
@@ -385,6 +385,47 @@ sc -h # Help
---
## Mobile UI
Claudeman's web interface is fully optimized for mobile browsers (iPhone, Android). Access the dashboard from any device on your network using `--https` mode.
### Features
| Feature | Description |
|---------|-------------|
| **Fixed Toolbar** | Run Claude / Run Shell buttons fixed at bottom, above safe area |
| **Smart Keyboard Handling** | Toolbar and terminal content move up when virtual keyboard appears |
| **Swipe Navigation** | Swipe left/right on terminal to switch between sessions |
| **Quick Commands** | Keyboard accessory bar with /init, /clear, /compact buttons |
| **Confirmation Dialogs** | Accidental taps on commands prompt for confirmation |
| **Touch Targets** | 44px minimum touch targets per iOS Human Interface Guidelines |
### Keyboard Accessory Bar
When the virtual keyboard is open, a quick-action bar appears above the toolbar:
| Button | Action | Confirmation |
|--------|--------|--------------|
| `/init` | Send /init to reinitialize context | "Run /init command?" |
| `/clear` | Send /clear to clear conversation | "Clear conversation history?" |
| `/compact` | Send /compact to summarize context | "Compact context?" |
| `⌄` | Dismiss keyboard | — |
### Swipe Gestures
- **Swipe left** → Next session
- **Swipe right** → Previous session
Gestures require 80px minimum horizontal movement within 300ms.
### Mobile-Only Simplifications
- Case selector hidden (use desktop for case management)
- Monitor and subagent panels hidden by default
- Full-screen modals for settings
---
## API
### Sessions
+1 -1
View File
@@ -1,6 +1,6 @@
{
"name": "claudeman",
"version": "0.1462",
"version": "0.1463",
"description": "The missing control plane for Claude Code - run 20 autonomous agents with real-time monitoring and session persistence",
"type": "module",
"main": "dist/index.js",