DeepSeek Harness 視圖標籤管理插件 (dsh-view-manager)

前言

在 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。打開任意會話,在會話頁頭右側會出現 ⚙ 逃咪-視圖管理 按鈕,點擊即可打開管理面板。

使用方法

  1. 打開一個會話(對話或軌跡界面)。
  2. 在會話頁頭最右側點擊 ⚙ 逃咪-視圖管理。
  3. 在管理面板中操作:
    • 使用開關啓用或停用視圖標籤。
    • 在輸入框中修改顯示名(留空恢復默認)。
    • 使用 ↑ / ↓ 按鈕調整標籤順序。
    • 使用“恢復默認”按鈕清空所有自定義配置。

工作原理

  • 數據源:讀取官方插槽數據 slots.entries("conversation.view"),確保能獲取當前所有註冊的視圖項。
  • DOM 操作:在 [role="tablist"] 容器內對齊按鈕。
  • 渲染守護:使用 MutationObserver 監聽 DOM 變化,確保 React 重渲染後配置依然生效。
  • 樣式控制:隱藏使用 display:none,排序使用 flex order,重命名直接修改 textContent。
  • 文案管理:通過 locale 服務註冊 viewManager 命名空間,實現語言跟隨。

開發與維護

羽毛球分组比赛记分
小程序二维码

欢迎使用《羽毛球分组比赛记分》微信小程序

小夜