From a85603d8cfd6ad6cf51c63c1ed86c0cfac834bef Mon Sep 17 00:00:00 2001 From: arkon Date: Sat, 31 Jan 2026 15:41:15 +0100 Subject: [PATCH] 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 --- CLAUDE.md | 2 +- README.md | 41 +++++++++++++++++++++++++++++++++++++++++ package.json | 2 +- 3 files changed, 43 insertions(+), 2 deletions(-) diff --git a/CLAUDE.md b/CLAUDE.md index d476fb47..c092d3d2 100644 --- a/CLAUDE.md +++ b/CLAUDE.md @@ -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 diff --git a/README.md b/README.md index 370185c1..901f19c0 100644 --- a/README.md +++ b/README.md @@ -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 diff --git a/package.json b/package.json index d956b8c8..2f17798d 100644 --- a/package.json +++ b/package.json @@ -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",