dsh-web-mobile: Making DeepSeek Harness Web UI Work Well on Portrait Phones
mexiaosqwq/dsh-web-mobile
Mobile adaptation plugin for DSH Web UI, making DeepSeek Harness usable on portrait phones: sidebar becomes drawer, modals become sheets, safe-area handling, automatic JSON compression, tablet width limiting, no-op on desktop.
dsh-web-mobile is a mobile adaptation plugin for the DeepSeek Harness Web UI, solving the pain points of cramped sidebars, hard-to-tap popups, and overlapping input areas on portrait phones. It turns the sidebar into a drawer, popups into bottom sheets, and optimizes safe-area handling and input layout, while automatically compressing large JSON responses to reduce data usage. Maintained by mexiaosqwq under the MIT license, it is compatible with common plugins like dsh-web-ui and dshmarket; after installation, restart `dsh web` to apply, with no extra configuration needed.
How to Install
dsh plugin --profile web add dsh-web-mobile- Category
- UI & Experience
- Platform
- DSH Plugin
- Author
- mexiaosqwq
- Distribution
- Plugin
dsh-web-mobile Key Features
dsh-web-mobile Repo Summary
What Does It Do?
dsh-web-mobile is a DSH plugin for DeepSeek Harness that adapts the DSH Web UI for mobile portrait screens. It solves the problems of cramped sidebars, hard-to-tap popups, and overlapping input areas on narrow screens, turning the sidebar into a drawer, popups into bottom sheets, and optimizing safe-area handling and input layout, while automatically compressing large JSON responses to reduce data usage. Maintained by mexiaosqwq under the MIT license, it was last updated in 2026-08.
Core Features
- Sidebar becomes a drawer: on portrait phones, the sidebar collapses into an overlay drawer, the conversation area goes full-width, and tapping a conversation row auto-closes it; swipe right from the left edge to open, swipe right inside the drawer to close.
- Popups become bottom sheets: settings, file tree, and preview are converted to bottom sheets for easy touch interaction.
- Safe-area handling: accounts for notch safe areas, dark/light themes, and double-tap zoom to prevent UI obstruction.
- Input area no longer overlaps: permission pills, model names, and switch menus stay non-overlapping on narrow screens with fixed sizing.
- Large conversations don't eat data: large JSON responses (like conversation history) are automatically gzip/brotli compressed, noticeably speeding up mobile loading.
- Tablet support: 768–1023px widths are centered with a max width; desktop ≥1024px is completely no-op, leaving desktop experience untouched.
How to Use This Plugin?
After enabling it in DSH, just visit the Web UI on a phone in portrait mode and it takes effect automatically, with no extra configuration needed. For diagnostics, append ?mobile-nav-debug=1 to the URL to show a floating diagnostic bar (viewport / overlay state / JS errors). The plugin is compatible with common plugins like dsh-web-ui, dshmarket, dsh-usage-stats, dsh-genui, and dsh-meme; after installation, restart dsh web to apply.
This page is an independent rewrite of the plugin's official README — for authoritative documentation and the latest changes, refer to the source: mexiaosqwq/dsh-web-mobile. The plugin is third-party code that runs on your machine once installed; inclusion does not imply endorsement — please review the source before installing.