Skip to content
  • Home
  • Plugin manual
  • dsh-client-ui-mobile-adapt

Hotsteel2901/dsh-client-ui-mobile-adapt

80Last commit Aug 14, 2026

dsh-client-ui-mobile-adapt DSH plugin

This plugin rebuilds the DSH web UI for mobile devices, especially for developers using Termux on Android. It transforms the three-column desktop layout into a clean single-column mobile layout with a swipe sidebar drawer, full-screen panels, and a stats pill for session reports. The desktop experience remains completely unchanged.

ui-productivitybrowser-web

How to install the dsh-client-ui-mobile-adapt DSH plugin

dsh plugin --profile web <profile 名> add https://github.com/Hotsteel2901/dsh-client-ui-mobile-adapt/archive/refs/heads/main.tar.gz

This source command needs manual review. Copying does not run it.

dsh-client-ui-mobile-adapt DSH plugin data source

dsh-client-ui-mobile-adapt DSH plugin snapshot date: Aug 16, 2026

discovered

What the dsh-client-ui-mobile-adapt DSH plugin can do

  • Collapses three-column grid to single-column layout on viewports ≤768px wide.
  • Sidebar becomes a swipe drawer with a floating hamburger button; tap overlay to close.
  • Input toolbar, session header, and overlay panels (settings, model selection, plugin panel) are adapted for mobile touch.
  • Bottom stats pill shows a summary of rounds, steps, cache, and tokens; tap to expand a full scrollable session report panel.
  • Supports iOS safe areas and dynamic viewport height (100dvh) for proper display on notched devices.

Where the dsh-client-ui-mobile-adapt DSH plugin fits

  • Using DeepSeek Harness on a phone via Termux with a comfortable mobile UI.
  • Developers who want to code on the go without switching to a desktop environment.
  • Quickly checking session stats, trajectory details, and settings on a mobile device.
  • Installing as a profile bundle for one-command setup alongside other DSH base and web app packages.

Who the dsh-client-ui-mobile-adapt DSH plugin is for

  • Developers who use DeepSeek Harness on Android via Termux.
  • DSH users who need a mobile-friendly interface for on-the-go usage or occasional mobile access.

dsh-client-ui-mobile-adapt DSH plugin limitations

  • Only active on viewports with max-width 768px; desktop and wider screens are unaffected.
  • CSS class names correspond to DSH 0.1.0-rc.6 frontend build; may break if DSH upgrades and the frontend build changes.
  • Requires runtime client services (slots, layout, locale) from the host; cannot run standalone.

dsh-client-ui-mobile-adapt DSH plugin: from the repository README

Quoted from the Hotsteel2901/dsh-client-ui-mobile-adapt README, the upstream source of the dsh-client-ui-mobile-adapt DSH plugin. Copyright remains with the original authors.

> **Your DeepSeek Harness web UI, rebuilt for the phone in your hand.** > > Built for developers who code in **Termux on Android**: the three-column > desktop shell collapses into a clean single-column mobile layout — sidebar > becomes a swipe drawer, composer tools stay on one line, settings and > trajectory details open as full-screen panels that actually scroll, and a > tap on the stats pill reveals the whole session report. Desktop stays > exactly as it is; your phone finally works. > **为在手机上用 Termux 敲代码的你，把 DeepSeek Harness 的 Web 界面真正搬上手机屏。** > > 专为 Android 上的 Termux 开发者打造：三栏桌面布局收敛为清爽的单栏移动布局—— > 侧边栏变成滑出抽屉、输入工具保持一行、设置与轨迹详情以可滚动的全屏面板呈现、 > 点一下统计胶囊就能看到完整会话报告。桌面端分毫不动，手机端终于能用了。 DeepSeek Harness Web GUI 的手机端适配**客户端插件**。 纯客户端插件：仅在 `max-width: 768px` 视口下生效，桌面端完全不受影响。 采用官方客户端插件格式（`dsh.client` 声明 + `window.__ModuleLoader__.load` 模块）， 同时可作为 profile bundle（`dsh.bundle.patch`）一键挂载。 ## 功能 | 区域 | 效果 | | --- | --- | | 整体布局 | 三栏 Grid 覆盖为 `0 minmax(0,1fr) 0`，中栏占满全宽 | | 侧边栏 | 左侧抽屉（`left` 位移动画），内容组件填满抽屉宽度 | | 汉堡按钮 | `shell.overlay` 槽位浮动按钮（左上角，安全区适配），点遮罩关闭 | | 会话头部 | 给汉堡留位、标题/操作可换行、「对话/轨迹」标签以屏幕中线为对称轴居中 | | 输入工具行 | 强制单行（权限选择/计划/附加/模型选择/上下文/发送），触发器限宽 112px | | 弹层 | 模型选择、上下文详情、命令菜单限宽 `calc(100vw -

Read the full READMERepository license: MIT

dsh-client-ui-mobile-adapt DSH plugin questions

How do I install dsh-client-ui-mobile-adapt?

You can install it as a profile bundle by creating a new profile with a package.json that includes this package as a dependency, then run `npm install` and start DSH with `dsh --profile webmobile`. Alternatively, add it to an existing profile using `dsh plugin --profile web <profile name> add <tarball URL>` or manually insert the plugin entry in your `cordis.patch.yml` file.

Will this plugin break my desktop DSH UI?

No, it only activates on viewports with max-width 768px. Your desktop and wider screens will remain exactly as they were. The plugin is designed to leave the desktop layout untouched.

What devices and browsers are supported?

The plugin is optimized for mobile devices running Android with Termux, but it should work on any browser that respects CSS media queries and supports dynamic viewport units (100dvh). It includes iOS safe area adjustments for notched devices.

How do I update the plugin to a newer version?

If you installed via tarball URL, clear the npm cache and reinstall: `npm cache clean --force && rm -rf node_modules/dsh-client-ui-mobile-adapt && npm install`. If you pinned a specific commit hash, update the URL in your package.json and reinstall.

Can I uninstall the plugin later?

Yes. If you installed via profile bundle, remove the `dsh-client-ui-mobile-adapt` entry from the bundles array in your profile's package.json, delete the node_modules and reinstall. If you used cordis.patch.yml, remove the inserted plugin entry and restart DSH.