dsh-client-ui-android
Android/mobile adaptation for the DeepSeek Harness web GUI: UA-based Android detection plus a touch-first mobile layout (off-canvas sidebar drawer, full-screen settings, single-line composer toolbar, safe-area insets)
The plugin will be installed here. Keep web if you are unsure.
npx -y @deepseek-ai/dsh plugin --profile web add github:LeMonXi-i/dsh-client-ui-android#2dccd8033f7510233510b916da9502ef0bc9bb1d
Client Ui Android is published as dsh-client-ui-android and currently resolves to version 0.1.0. The Hub verifies its manifest and preserves the exact installation source for reproducible installs.
Android / mobile adaptation for the DeepSeek Harness web GUI (dsh web).
When the GUI is opened from an Android phone (or any narrow touch screen), this plugin detects it and makes the desktop UI usable on a phone:
English | 中文
| Phone home (drawer) | Drawer open | Settings (Models) | Composer toolbar |
|---|---|---|---|
| home | drawer | settings | composer |
At page load the browser half reads the user agent + UA-Client-Hints and stamps <html>:
data-platform="android", data-android="true" (+ data-android-version),data-device-type="mobile|tablet|desktop", data-touch,data-dsh-mobile / data-dsh-tablet + the dsh-mobile / dsh-android classes,window.__DSH_DEVICE__.viewport-fit=cover + interactive-widget=resizes-content
(the composer stays above the Android keyboard, content avoids the cutout/gesture area),env(safe-area-inset-*)),touch-action: manipulation (no double-tap zoom / 300ms tap delay), 16px input
font (no focus zoom), overscroll containment (no accidental pull-to-refresh).data-dsh-mobile)left/right offsets — never transform — so
position: fixed overlays (the settings modal is rendered inside the sidebar)
are not trapped in a transformed containing block.Full-screen page with a horizontal nav row (the desktop two-column layout would otherwise squeeze the content column); long model names get ellipsis truncation and permission rows keep their text + selector pill from overflowing.
On phones the "+" button, the permission button, the model name and the send button stay on one line: the permission trigger is compacted to an icon-only button (its name appears in the picker after tapping), and the model group may only shrink (name ellipsis) on very narrow screens — nothing ever overlaps.
Nothing changes when the platform is not Android / not a narrow touch device.
Requires DeepSeek Harness >= 0.1.0-rc.6 (the web surface with client bundles).
dsh plugin --profile web add dsh-client-ui-android
dsh plugin --profile web add github:LeMonXi-i/dsh-client-ui-android
dsh-client-ui-android folder into ~/.dsh/profiles/web/node_modules/.dsh.profile.bundles in ~/.dsh/profiles/web/package.json:"dsh": {
"profile": {
"bundles": [
"@deepseek-ai/dsh-base",
"@deepseek-ai/dsh-web-app",
"dsh-client-ui-android"
]
}
}
Then restart dsh web and refresh the page (hard refresh on the phone). Open the
GUI from an Android phone and the adaptation kicks in automatically. On desktop
nothing changes.
lib/index.js) — a minimal cordis loader entry. It exists so the
profile loader can mount the package and the client-modules scanner can serve the
browser bundle; it does nothing itself.lib/client.js) — declared via dsh.client in package.json
(platform web, eager load). It is served at /plugins/dsh-client-ui-android/client.js
and appears in window.__DSH_BOOT__. It runs the detection pass, injects a scoped
stylesheet, tags the AppFrame / settings modal with stable data-* attributes, and
mounts the hamburger + scrim into the shell.overlay slot.cordis.patch.yml) — the profile patch row that activates the bundle.The lib/*.js files are the source — plain JS, no build step required.
:has() (Chrome 105+/Safari 15.4+), 100dvh, and
interactive-widget=resizes-content (Chrome 108+) with graceful fallbacks.# edit lib/client.js, then copy the folder into the profile and restart
# or use the HMR flow: pnpm run dev:web from the deepseek-harness checkout
MIT