在使用 DeepSeek Harness (DSH) 进行调试或开发时,默认的 Web UI 对话列宽固定为 748px(--dsh-chat-content-width)。当对话中包含长文本、表格或大模型生成的复杂代码块时,过窄的宽度会导致排版挤压。如果不希望修改 DSH 的源码,可以通过插件覆盖这个 CSS 变量来实现加宽。
这是什么¶
dsh-chat-widener 是一个由 garrisonz 维护的轻量级插件。它通过纯 CSS 注入的方式,覆盖 DSH Web UI 中的对话内容宽度变量。插件默认将宽度设置为 1200px,并支持通过配置文件自定义,升级 DSH 后依然生效。
核心功能¶
- 覆盖 CSS 变量:直接修改
--dsh-chat-content-width变量。 - 调整宽度:将对话内容区加宽,消息、表格与输入框随之变宽。
- 可配置:默认 1200px,支持通过配置文件自定义。
- 纯 CSS 注入:无宿主逻辑,不修补供应商文件。
- 兼容升级:不依赖宿主逻辑,升级 DSH 后依然可用。
安装与启用¶
在终端执行以下命令安装插件。该命令会从 npm 安装 dsh-chat-widener。
dsh plugin --profile web add dsh-chat-widener
安装完成后,重启 dsh web 进程以使更改生效。
典型用法¶
编辑 DSH 的配置文件 ~/.dsh/profiles/web/cordis.patch.yml,在插件行中添加自定义宽度。
- id: chat-width
name: 'dsh-chat-widener'
config:
width: 1400
保存文件后重启服务,对话内容区将变为 1400px。
适用场景与注意¶
- 适用场景:需要查看更宽排版、包含复杂表格或长代码块的开发者。
- 运行权限:插件以当前 DSH 进程的权限运行。
- 边界处理:插件对输入的宽度值有范围限制([748, 2400]),超出此范围的值会自动回退到默认值 1200。
- 功能边界:该插件仅负责宽度调整,不包含按钮、持久化存储或其他界面元素。
- 安全建议:安装前应检查源码与许可证(MIT),确保符合你的使用环境。
短结尾¶
dsh-chat-widener 提供了一种无需修改宿主代码即可调整 UI 布局的方案。如果你需要更宽敞的对话展示空间,可以通过上述步骤快速启用。更多细节与源码请参考 GitHub 仓库。