在使用 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 倉庫。