前言¶

DeepSeek Harness (DSH) 的设计理念是“一切皆插件”。在 Web GUI 中，Tool 调用与助手正文往往混在一起，缺乏视觉层级，容易导致阅读困难。dsh-tool-indent 是一个浏览器专属 UI 插件，它的核心作用是给所有 Tool 调用增加统一左缩进，并提供一套设置项来调整外观。

插件定位¶

这是一个由 Asheep233 维护的客户端 UI 插件。它不改变模型行为，仅通过 CSS 变量和 DOM 属性操作来优化 Web GUI 的展示效果。

核心功能¶

该插件提供了以下具体能力：

1. 统一缩进：给 DSH Web GUI 中所有 Tool 调用增加统一的左缩进，使调用内容与助手正文在视觉上分离。
2. 外观设置：在 设置 → 工具调用外观 中，提供四个滑块，分别控制 Tool 摘要、思考摘要的缩进量、灰度（透明度）和行间距。
3. 持久化：设置通过 localStorage 保存在浏览器端，刷新页面后依然有效。
4. CSS 变量覆盖：支持通过 CSS 变量 --dsh-tool-indent、--dsh-tool-dim、--dsh-think-dim、--dsh-row-leading 进行全局覆盖。

安装与启用¶

使用官方 CLI 进行安装：

dsh plugin --profile web add github:Asheep233/dsh-tool-indent

安装后，在 DSH 的 Web 界面中找到 设置 → 工具调用外观，即可看到插件提供的设置项。

典型用法¶

插件默认缩进值为 calc(22px + 字号增量)。通过设置页或自定义 CSS，可以调整这些参数。

例如，通过浏览器控制台或自定义样式覆盖变量：

:root {
  --dsh-tool-indent: 32px;
  --dsh-tool-dim: 0.6;
  --dsh-think-dim: 0.75;
  --dsh-row-leading: 4px;
}

嵌套的子调用（PTC）会自动呈现逐级缩进，深度越大越靠右。

适用场景与注意¶

• 适用人群：DSH Web GUI 用户，需要更清晰阅读 Tool 调用链路的开发者。
• 功能范围：仅影响会话正文，不包含右侧的“轨迹”表格视图。
• 构建依赖：插件使用 React，构建时必须保持 react 与 react/jsx-runtime 为 external，否则会出现 hooks 报错。
• 安全建议：插件为 MIT 许可证，安装前建议查看源码，确认无异常行为。

结尾¶

dsh-tool-indent 通过简单的 CSS 注入解决了 Tool 调用视觉混乱的问题，适合需要精细控制 DSH Web GUI 观感的用户。

• 目录页：dsh-tool-indent
• GitHub 仓库：github.com/Asheep233/dsh-tool-indent