dsh-web-mobile-fix
English | 简体中文
Mobile layout fixes for the DeepSeek Harness Web UI.
A pure client-side CSS overlay that repairs the worst mobile breakages on narrow (≤700px viewport) screens, without touching any product source:
- Settings panel becomes a full-screen column layout instead of a squeezed desktop layout
- Sidebar opens floating instead of squeezing the conversation
- Settings nav tabs fit on a single horizontal row
- Composer action bar fits on a single row without wrapping or layering
How it works
The plugin ships a browser half (exports["./client"], declared via dsh.client.platform: "web"), discovered by the client-modules scanner and loaded from the boot manifest. It injects one <style> tag with @media (max-width: 700px) overrides targeting the product's stable data-slot attributes, and removes the tag on unload — fully reversible.
Requirements
- DeepSeek Harness Web profile (
dsh --profile web), any recent 0.1.x release
- Selectors target product slot contracts; they are stable within a version line but may need small updates after a major product revamp
Install
Method 1: Ask your DSH Agent (Easiest 🤖)
Just send this repository link directly to your DSH web chat and say:
"Install this plugin for me: https://github.com/AcidGr/dsh-web-mobile-fix"
Your DSH coding agent will automatically execute the installation command and set everything up for you.
Method 2: CLI Install (Recommended)
Install from npm:
dsh plugin --profile web add dsh-web-mobile-fix
(Or install directly from GitHub:
dsh plugin --profile web add github:AcidGr/dsh-web-mobile-fix
)
After installation, simply refresh your browser.
Method 3: Manual install (no pnpm / offline)
PROFILE="$DSH_HOME/profiles/web" # adjust DSH_HOME and profile name
mkdir -p "$PROFILE/plugins" "$PROFILE/node_modules/@dsh-profile"
cp -r dsh-web-mobile-fix "$PROFILE/plugins/mobile-fix"
ln -sfn ../../plugins/mobile-fix "$PROFILE/node_modules/@dsh-profile/mobile-fix"
# append to $PROFILE/cordis.patch.yml:
# - insert:
# - id: mobile-fix
# name: '@dsh-profile/mobile-fix'
Verify
Open the Web UI on a phone or resize your browser to mobile width (≤700px):
- Click the whale logo to open the sidebar: it will smoothly open as an overlay drawer without squeezing your conversation content, and taps outside will collapse it;
- The composer bar tools and the send button stay on a single row without wrapping or layering;
- The settings modal displays as a full-screen vertical layout with scrollable tabs.
Rollback
- Bundle install:
dsh plugin --profile web remove dsh-web-mobile-fix
- Manual install: delete the
mobile-fix insert block from cordis.patch.yml (the plugin dir can stay or go)
No product source is modified; upgrades do not overwrite it.
License
MIT
