前言¶

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