在使用 DeepSeek Harness 进行模型推理和调试时,Web 界面的交互体验直接影响效率。针对长对话流中杂乱的工具调用显示以及原生输入框功能的局限性,本插件提供了一套轻量级的增强方案。
Dsh UI 增强 (dsh-ui-enhance) 是由 xjackzenvey 维护的插件,旨在为 DeepSeek Harness 的 Web 界面提供一组可选的交互与样式增强。当前版本为 0.4.0,基于 DeepSeek Harness 0.1.0-rc.6 客户端包开发。
核心功能¶
语音输入¶
在“发送消息”按钮左侧增加麦克风按钮,利用浏览器 Web Speech API 将语音转换为文本。点击麦克风可开始或停止识别,识别结果会追加到当前输入框的内容中,不会自动发送消息。该功能需要浏览器授予麦克风权限,建议使用支持 SpeechRecognition 的 Chromium 浏览器。
工具调用折叠¶
在工具调用较多时,该功能会自动将连续且类型相同的工具调用合并为一张可展开的汇总卡。例如,多个 Read 调用会被合并为一张卡片。展开汇总卡后,会恢复原有的工具行、文件链接和详情交互能力。不同工具调用,或被思考、文本等内容隔开的同类调用不会被合并。该功能默认开启,可通过设置即时切换。
自定义 CSS¶
在插件设置中提供多行 CSS 编辑器。编写的内容会立即应用于整个 Harness 页面并自动保存。清空编辑器即可移除自定义样式。由于作用于整个页面,错误或过于宽泛的选择器可能会影响 Harness 原有布局。
安装与启用¶
使用官方提供的安装命令即可将插件添加到 Web profile 中:
dsh plugin --profile web add "dsh-ui-enhance"
安装完成后,启动 Harness Web profile:
dsh --profile web
典型用法¶
语音输入¶
在输入框中点击麦克风图标开始识别。识别出的文字会追加在光标处,确认内容无误后点击发送按钮即可。
工具调用折叠¶
进入插件设置页面,路径为 设置 → 插件 → 插件配置 → Dsh UI 增强 → 工具调用折叠。点击开关即可切换折叠功能。关闭时页面会立即恢复为原生工具调用列表。
自定义 CSS¶
在多行编辑器中编写 CSS 代码。修改完成后,页面样式会即时更新。若需恢复默认样式,只需清空编辑器内容并保存。
环境要求¶
安装及运行本插件需要满足以下环境条件:
- Node.js:
^22.19.0或>=24.0.0 - pnpm:
11.19.0 - DeepSeek Harness: 当前依赖以
0.1.0-rc.6客户端包为基准
注意事项¶
- 语音输入功能依赖浏览器的
SpeechRecognition接口,不支持该接口的浏览器将禁用麦克风按钮。 - 自定义 CSS 作用于整个页面,编写时需注意选择器范围,避免覆盖 Harness 原有的布局结构。
- 插件卸载命令为:
dsh plugin --profile web remove dsh-ui-enhance。
结语¶
Dsh UI Enhance 是一个针对 DeepSeek Harness Web 界面的实用补丁,通过语音输入、工具折叠和 CSS 定制,提升了本地开发与调试的体验。更多细节和源码可参考项目主页。