dsh-client-ui-mobile-adapt:DeepSeek Harness Web GUI 的手机端适配插件

前言

DSH 的理念是「一切皆插件」,客户端可以通过插件扩展已有 Web GUI。对需要在手机上继续操作 DeepSeek Harness 的场景来说,桌面端布局在窄屏下并不直接可用:侧边栏、输入区、设置面板和轨迹详情都需要重新适配。

dsh-client-ui-mobile-adapt 解决的就是这个问题:在移动端视口下把界面收敛为单栏布局,桌面端保持原样。

这是什么

dsh-client-ui-mobile-adapt 是 DeepSeek Harness Web GUI 的手机端适配客户端插件,由 Hotsteel2901 维护,许可证为 MIT。

它采用官方客户端插件格式:dsh.client 声明 + window.__ModuleLoader__.load 模块,也可以作为 profile bundle(dsh.bundle.patch)挂载。它是纯客户端插件,仅在 max-width: 768px 视口下生效,桌面端完全不受影响。

核心功能

  • 三栏桌面布局收敛为单栏移动布局。
  • 侧边栏变为左侧抽屉,内容组件填满抽屉宽度。
  • 汉堡按钮作为 shell.overlay 槽位浮动按钮,点遮罩关闭。
  • 输入工具行强制单行,触发器限宽 112px
  • 模型选择、上下文详情、命令菜单限宽 calc(100vw - 16px)
  • 设置面板全屏显示,顶部导航单行可横滑,内容区可滚动。
  • 插件面板 fixed 悬浮,底部 130px,可开可关。
  • 轨迹表格全宽;详情面板为固定高度悬浮窗 min(52vh,460px),内部可滚动。
  • 底部统计以胶囊摘要呈现,点击展开完整统计面板,可滚动。
  • iOS 使用 100dvh 动态视口,并适配刘海/底部安全区。

安装与启用

安装时使用 https tarball URL,不要使用 github: 简写。资料说明,在 npm 12 安全策略下,普通 https://.../archive/refs/heads/main.tar.gz URL 可正常安装。

在已有 profile 中安装:

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

这一步把插件加入指定 profile。之后启动或重启对应 profile 使用即可。

也可以手动写入 profile 的 cordis.patch.yml

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

更新到最新版本时:

npm cache clean --force && rm -rf node_modules/dsh-client-ui-mobile-adapt && npm install

典型用法

推荐做法之一是创建专用 profile,例如 webmobile。在 profile 的依赖中指向该插件的 tarball URL,安装依赖后启动:

npm install
dsh --profile webmobile

该用法对应 profile bundle(dsh.bundle.patch)挂载方式。启动后,Web GUI 即带上手机端适配。

适用场景与注意

这个插件适合在手机上查看和操作 DeepSeek Harness Web GUI 的场景,例如在 Android Termux 中继续处理会话、输入、设置和轨迹详情。

使用注意:

1、插件以当前 dsh 进程权限运行,安装前应检查源码与许可证。

2、许可证为 MIT。

3、插件依赖 react@deepseek-ai/cordis,以及 host 侧客户端服务 slotslayoutlocale

4、peerDependencies 将 @deepseek-ai/dsh-client-runtime@deepseek-ai/dsh-client-ui-slots@deepseek-ai/dsh-client-ui-layout@deepseek-ai/dsh-client-locale 精确锁定为 0.1.0-rc.6

5、如果 DSH 前端构建或类名变化,需要按新构建产物重新核对,并同步更新 peerDependencies。

链接

社区目录为独立站点,不与 DeepSeek / 幻方存在官方从属关系;以下链接仅为插件来源与检索线索。

  • GitHub:https://github.com/Hotsteel2901/dsh-client-ui-mobile-adapt
  • 目录页线索:https://www.skillhub.cn/plugins/Hotsteel2901/dsh-client-ui-mobile-adapt
羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜