DeepSeek Harness plugin

dsh-client-ui-mobile-adapt

Mobile adaptation for the DeepSeek Harness Web GUI: single-column layout, sidebar drawer, compact header/composer, fullscreen settings, trajectory floating details, stats pill panel

Jump to install

Source facts

Repository
Hotsteel2901/dsh-client-ui-mobile-adapt
Latest update
Aug 14, 2026
Category
UI Enhancements
GitHub stars
8
Format
plugin
Catalog evidence
Upstream dsh.bundle evidence
Evidence path
package.json#dsh.bundle
Checked against
0.1.0-rc.8
Upstream check date
2026-08-20

This evidence comes from the upstream catalog. This site has not installed, run, or security-reviewed the plugin.

Install

Start with a prompt that asks an agent to review the GitHub repository and source. Switch to the command if you want to install it yourself.

Copy this prompt into DSH, Codex, or another agent and ask it to review the GitHub repository and source first.

Do not install or run any commands yet. Read this plugin's GitHub repository, README, and relevant source code. Then answer the questions below clearly and directly so I can decide whether it fits my needs:

1. What is this plugin, and what problem does it solve?
2. Who is it for, and what are its typical use cases?
3. How is it used after installation? Include one minimal example.
4. What known limitations or privacy, security, compatibility, or maintenance risks does it have?
5. Give a clear recommendation: recommend, conditionally recommend, or do not recommend, with reasons.

Distinguish statements documented by the repository, inferences from source code, and unknowns. If evidence is insufficient, say so explicitly. Do not guess or simply repeat the README.

GitHub: https://github.com/Hotsteel2901/dsh-client-ui-mobile-adapt
Plugin: dsh-client-ui-mobile-adapt
Author: Hotsteel2901

Check the source files

Read the README and other files from this plugin directory before installing.

File explorer3 files
README.mdSource · read only

dsh-client-ui-mobile-adapt

> 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 - 16px) 不出屏
设置面板全屏显示,顶部导航单行可横滑,内容区可滚动,自带 × 关闭
插件面板fixed 悬浮、底部 130px(不遮触发按钮),可开可关
轨迹页面表格全宽;详情面板改固定高度悬浮窗(min(52vh,460px)),内部可滚动
底部统计胶囊摘要(轮/步/缓存/Token),点击展开完整统计面板(可滚动,× 关闭)
iOS100dvh 动态视口、刘海/底部安全区适配

安装

方式一:推荐 —— 专用 profile(dsh --profile webmobile

本包同时是 profile bundle,最省事的使用方式是建一个包含它的 profile。

# 1. 创建 webmobile profile(在 $DSH_HOME/profiles/webmobile/)
#    package.json:
#    {
#      "name": "dsh-profile-webmobile",
#      "private": true,
#      "dependencies": {
#        "dsh-client-ui-mobile-adapt": "https://github.com/Hotsteel2901/dsh-client-ui-mobile-adapt/archive/refs/heads/main.tar.gz"
#      },
#      "dsh": { "profile": { "bundles": [
#        "@deepseek-ai/dsh-base",
#        "@deepseek-ai/dsh-web-app",
#        "dsh-client-ui-mobile-adapt"
#      ] } }
#    }

# 2. 安装依赖
cd ~/.dsh/profiles/webmobile
npm install

# 3. 启动(= web 全部功能 + 手机适配)
dsh --profile webmobile

方式二:装进已有 profile

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

或手动在 profile 的 cordis.patch.yml 里插入一行:

- insert:
    - id: ui-mobile-adapt
      name: 'dsh-client-ui-mobile-adapt'

重启即生效。

> ⚠️ npm 12 安全策略:npm 默认禁止 git://github:用户名/仓库 和远程 tarball 依赖 > (EALLOWGIT / EALLOWREMOTE)。普通 https://.../archive/refs/heads/main.tar.gz URL 可以正常安装, > 所以请使用 tarball URL 形式,不要用 github: 简写。 > > 更新到最新版本(改代码重新 push 后): > ``bash > npm cache clean --force && rm -rf node_modules/dsh-client-ui-mobile-adapt && npm install > ``

> 版本约束:CSS 类名对应 DSH 0.1.0-rc.6 的前端构建产物(CSS Modules 哈希类名)。 > 若 DSH 升级、前端构建变化,需要按新构建产物重新核对类名。

依赖

  • react@deepseek-ai/cordis
  • 运行时客户端服务(由 host 侧其他 client 包提供):slotslayoutlocale
  • peer 依赖中的 @deepseek-ai/dsh-client-*

开发 / 发布

npm pack              # 本地打包验证
npm publish           # 发布到 npm(需 npm 账号与 2FA;本包也可以只留在 GitHub)

包结构:

lib/index.js       # host 空入口
lib/client.js      # 浏览器客户端插件(window.__ModuleLoader__.load 官方格式)
cordis.patch.yml   # bundle patch(insert ui-mobile-adapt 行)

涉及的产品内部类名(对应 0.1.0-rc.6 前端构建)

  • 布局:.pI_x6G_*dsh-client-ui-layout
  • 会话/输入:.wSkVaW_*.uV2eYG_*.Md3f7G_*dsh-client-ui-conversation
  • 设置:.VOzbGW_*dsh-client-ui-settings-general
  • 插件面板:.Nqubda_*dsh-client-ui-cordis
  • 轨迹:.qBU-ya_*.Y0dWHa_*.fV0t5q_*dsh-client-ui-trajectory

License

MIT