dsh-iphone-mode
Mobile/touch optimizations for the DeepSeek Harness (DSH) Web GUI — makes the harness genuinely usable from a phone browser (e.g. over Tailscale).
What it fixes
| Problem on iPhone | Fix |
|---|---|
| iOS Safari zooms into any input under 16px on focus (composer, search boxes) and the layout never recovers | font-size: 16px on all inputs under @media (pointer: coarse) — desktop untouched |
| Content hidden under the notch / home indicator | viewport-fit=cover + env(safe-area-inset-*) body padding (portrait bottom, landscape sides) |
| Tiny touch targets | gentle 36px minimums on buttons/options under coarse pointers |
| Stock GUI dialogs render off-viewport at desktop width on a phone (Commands palette "doesn't work" — it opens, you just can't see it; menus clip both edges) | viewport clamp: every [class*="_dialog_"] capped to calc(100vw - 24px) on narrow screens, with 16px inputs inside them too |
Pure client-side plugin: injects one <style> tag and ensures the viewport meta allows cover fitting. No server-side work.
Install
cd /path/to/your-dsh-profile # e.g. ~/.dsh/profiles/web
pnpm add github:johndfowler/dsh-iphone-mode
# append "dsh-iphone-mode" to dsh.profile.bundles in package.json
# restart `dsh web`Pairs with (the mobile stack)
- dsh-voice — voice dictation mic (shared composer-tools toolbar)
- dsh-photos — photo upload via the stock paste pipeline
- dsh-serena-lens — Serena dashboard lens panel
- dsh-model-search — searchable model picker with viewport-clamped sheets
- dsh-draft-shield — blocks page translation from wiping composer drafts
License
MIT