前言¶
在 DeepSeek Harness (DSH) 的 Web GUI 中,會話頁頭的視圖標籤(如“對話 / Chat”、“軌跡 / Trajectory”)由官方視圖插件通過 conversation.view 插槽提供。默認情況下,DSH 不提供隱藏標籤、重命名或調整順序的功能。
dsh-view-manager 插件通過攔截官方插槽的數據並在 DOM 層應用配置,實現了對這些標籤的精細管理。
插件介紹¶
- 定位:管理 DSH 會話頁頭的視圖標籤(Chat / Trajectory 等)。
- 維護者:
runcat-tommy - 許可:MIT
核心功能¶
- 啓用 / 停用:停用某個視圖標籤後,標籤在會話頁頭隱藏,但視圖功能本身不受影響。
- 排序:通過上移 / 下移按鈕調整標籤的顯示順序。
- 重命名:自定義標籤的顯示名稱,留空則恢復默認名稱。
- 多語言支持:插件文案隨 DSH 界面語言自動切換(中文 / 英文)。
- 本地存儲:配置保存在瀏覽器的
localStorage中,修改即時生效,無需重啓 Web UI。 - 更新提醒:自動檢測 npm 上的新版本,面板頂部顯示更新卡片,支持立即更新、忽略或稍後處理。
安裝與啓用¶
執行以下命令安裝插件:
dsh plugin --profile web add dsh-view-manager
安裝完成後重啓 Web UI。打開任意會話,在會話頁頭右側會出現 ⚙ 逃咪-視圖管理 按鈕,點擊即可打開管理面板。
使用方法¶
- 打開一個會話(對話或軌跡界面)。
- 在會話頁頭最右側點擊 ⚙ 逃咪-視圖管理。
- 在管理面板中操作:
- 使用開關啓用或停用視圖標籤。
- 在輸入框中修改顯示名(留空恢復默認)。
- 使用
↑/↓按鈕調整標籤順序。 - 使用“恢復默認”按鈕清空所有自定義配置。
工作原理¶
- 數據源:讀取官方插槽數據
slots.entries("conversation.view"),確保能獲取當前所有註冊的視圖項。 - DOM 操作:在
[role="tablist"]容器內對齊按鈕。 - 渲染守護:使用
MutationObserver監聽 DOM 變化,確保 React 重渲染後配置依然生效。 - 樣式控制:隱藏使用
display:none,排序使用flex order,重命名直接修改textContent。 - 文案管理:通過
locale服務註冊viewManager命名空間,實現語言跟隨。
開發與維護¶
- 源碼倉庫:runcat-tommy/dsh-view-manager
- 插件目錄:dsh-view-manager
- 本地開發:克隆倉庫後進入目錄,執行
dsh plugin --profile web add .即可測試。