dsh-mobile-nav
Ultra-light mobile nav for DSH web UI: hamburger button + drawer sidebar on narrow screens, chat stays full-width. Pure client-side, zero build.
安装
$
npx -p @deepseek-ai/dsh dsh plugin --profile web add github:xDer666/dsh-mobile-nav说明文档
阅读完整 README ↗dsh-mobile-nav
Ultra-light mobile UI plugin for DeepSeek Harness (DSH) Web UI.
零构建、纯手写 JS + CSS 的手机端优化插件。不改 DSH 源码,桌面端完全不受影响。
功能 Features
| 功能 | 说明 |
|---|---|
| 🗂️ 抽屉侧边栏 | 手机端侧边栏收进抽屉,点会话标题(或新会话页的"探索未至之境"文字)滑出会话列表,聊天保持全宽 |
| 🔍 头部精简 | 手机端隐藏 standard 预设标签、Session log 下载按钮、输入框加号、权限选择器箭头 |
| 📊 统计面板 | 聊天框底部的轮数/步数统计条默认隐藏;输入框右侧 ⓘ 图标 弹出与上下文卡片同款的统计面板(轮数/步数/LLM 耗时/TTFT/输出速度/输入输出 Token/缓存命中率进度条),点击外部自动关闭 |
| 🔗 链接预览 | 消息中的 http(s) 链接后自动附加 预览 按钮;顶部标签栏新增 预览 标签,在聊天窗口内以 iframe 打开网页(切走再切回,浏览器状态保留) |
| ✂️ 操作行精简 | 消息下方的操作行只保留复制 + 分支;时间行文本紧凑化(用时 8秒 → 8s) |
| 🖥️ 桌面零影响 | 所有改动仅在 ≤640px 视口生效 |
安装 Install
git clone https://github.com/xDer666/dsh-mobile-nav.git
dsh plugin --profile web add link:
# 重启 dsh web,手机/窄窗口(≤640px)访问即可
卸载 Uninstall
dsh plugin --profile web remove dsh-mobile-nav
自定义 Customize
所有样式与行为集中在 lib/client.js(单文件,无构建步骤):
- 抽屉宽度 / 模型名限宽(96px)/ 面板宽度(264px)等:搜索对应
.dshmn-*CSS 类修改 - 隐藏/显示更多元素:在
hideButtons/hideExtraActions中按官方 CSS Modules 语义类名([hash]_[local]的后缀部分)添加匹配
修改
lib/client.js后刷新浏览器即可生效,无需重启服务(client bundle 走 no-cache + rev 哈希)。
兼容性 Compatibility
- 在 DSH
0.1.0-rc.6上开发测试 - 依赖官方 CSS Modules 类名的语义后缀(
_label/_sessionLogButton/_crumb/_headlineText/_sep/_timeStart等)——哈希前缀随构建变化,语义名稳定;若 DSH 大幅重构布局,需要同步更新匹配
许可证 License
MIT © xDer666