dsh-mobile-nav

Readme

# dsh-mobile-nav

Ultra-light mobile UI plugin for [DeepSeek Harness](https://github.com/deepseek-ai/deepseek-harness) (DSH) Web UI.

零构建、纯手写 JS + CSS 的手机端优化插件。不改 DSH 源码,桌面端完全不受影响。

## 功能 Features

| 功能 | 说明 |
|---|---|
| 🗂️ 抽屉侧边栏 | 手机端侧边栏收进抽屉,**点会话标题**(或新会话页的"探索未至之境"文字)滑出会话列表,聊天保持全宽 |
| 🔍 头部精简 | 手机端隐藏 `standard` 预设标签、`Session log` 下载按钮、输入框加号、权限选择器箭头 |
| 📊 统计面板 | 聊天框底部的轮数/步数统计条默认隐藏;输入框右侧 **ⓘ 图标** 弹出与上下文卡片同款的统计面板(轮数/步数/LLM 耗时/TTFT/输出速度/输入输出 Token/**缓存命中率进度条**),点击外部自动关闭 |
| 🔗 链接预览 | 消息中的 http(s) 链接后自动附加 `预览` 按钮;顶部标签栏新增 **预览** 标签,在聊天窗口内以 iframe 打开网页(切走再切回,浏览器状态保留) |
| ✂️ 操作行精简 | 消息下方的操作行只保留**复制 + 分支**;时间行文本紧凑化(`用时 8秒` → `8s`) |
| 🖥️ 桌面零影响 | 所有改动仅在 ≤640px 视口生效 |

## 安装 Install

```sh
git clone https://github.com/xDer666/dsh-mobile-nav.git
dsh plugin --profile web add link:<克隆到的绝对路径>
# 重启 dsh web,手机/窄窗口(≤640px)访问即可
```

## 卸载 Uninstall

```sh
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](./LICENSE) © xDer666