DSH Sidebar Auto-hide:爲 Web 界面側邊欄提供 Notion 式自動收起

前言

在 DeepSeek Harness(DSH)的 Web 客戶端裏,左右側邊欄默認需要手動展開或收起。寬屏下若兩側常開,中間對話區域會被壓縮;若手動頻繁點摺疊,又容易打斷閱讀與操作節奏。社區插件 dsh-sidebar-autohide(維護者 VNHUYY,分類:客戶端)針對這一問題:在寬屏佈局下爲左右欄增加「靠邊緣懸停展開、移開收起」,並支持固定某一側欄,行爲上接近 Notion 的側欄交互。

這是什麼

dsh-sidebar-autohide 是 DSH 的客戶端插件包,npm 包名爲 @local/dsh-sidebar-autohide(見倉庫 package.json)。它不自帶獨立設置界面,安裝後在 DSH Web 殼層上注入邏輯,隻影響寬屏(視口寬度 ≥ 1024px)時的左右側邊欄;窄屏與抽屜模式保持殼層原有行爲。

目錄頁:SkillHub 插件頁。源碼與說明:GitHub — VNHUYY/dsh-sidebar-autohide。許可證爲 MIT。

核心功能

下列能力均來自項目 README,安裝並刷新 DSH 窗口後即可使用:

  1. 將鼠標移到窗口左邊緣或右邊緣,對應側邊欄展開;指針移開後自動收起。
  2. 點擊側邊欄上的切換按鈕,可將該列固定爲展開;固定狀態在頁面重載後仍會保留。
  3. 若右側欄被固定,在切換 Session 後會自動重新展開。
  4. 窗口頂部用於拖拽/系統按鈕的條帶(traffic lights / drag region)不會觸發側欄收起邏輯。
  5. 僅在寬屏(viewport ≥ 1024px)生效;殼層在窄屏下的抽屜等行爲不做改動。

插件自身無 UI,通過 Cordis 注入殼層的 layout 服務,並讀取可選的 sidebarRight 服務;觀察 DOM 上的 data-sidebar-collapsed、data-sidebar-right-open 等穩定屬性以同步列狀態;在捕獲階段攔截側欄切換按鈕,使點擊表現爲「固定」而非單純摺疊。實現上不依賴私有 API,也不直接 patch 殼層,但若未來 DSH 更名相關 data-* 屬性,插件可能需要跟進更新。

安裝與啓用

安裝方式與其他本地或 git 形式的 DSH 插件包相同。README 未給出統一的 CLI 安裝串,不同 DSH 版本的安裝命令可能不一致,以桌面端 Plugin Manager 爲準。

  1. 在 DSH 桌面應用中打開 Settings → Plugins,從本倉庫的 git URL 安裝,或從本地 checkout 安裝。
  2. 也可在安裝流程中指向倉庫地址:
https://github.com/VNHUYY/dsh-sidebar-autohide

安裝完成後刷新 DSH 窗口,客戶端 bundle 纔會加載(package.json 中 dsh.client 爲 platform: web、immediately: true,並注入 @deepseek-ai/dsh-client-ui-layout)。

典型用法

無需額外配置文件或命令行參數,啓用後按邊緣懸停與按鈕固定即可:

  • 臨時查看左側欄:指針靠左邊緣,看完移開即收起。
  • 臨時查看右側欄:指針靠右邊緣,移開即收起。
  • 長期保留某一側:點擊該側欄切換按鈕將其 pin 住;需要恢復自動收起時,再次通過殼層原有方式取消固定(插件在 pin 狀態下會攔截按鈕的默認摺疊語義)。

右側欄 pin 後切換會話仍會保持展開,適合需要常駐工具欄或右側面板的 workflow。

適用場景與注意

適合誰:主要在 DSH Web UI 寬屏下工作、希望擴大中間內容區、又希望側欄「按需出現」的智能體開發者或日常用戶。

權限與安全:客戶端插件隨當前 DSH 進程在本地 Web 環境運行,能訪問與修改殼層 DOM 及服務注入點。安裝前建議瀏覽 GitHub 倉庫 源碼(尤其 client.js、cordis.patch.yml)並確認 MIT 許可證是否符合你的合規要求。

生態說明:DSH 奉行「一切皆插件」;SkillHub 等社區目錄爲獨立站點,與 DeepSeek / 幻方無官方從屬關係,本文所述安裝與行爲以倉庫 README 爲準。

結尾

dsh-sidebar-autohide 在寬屏 DSH Web 界面上補上 Notion 式側欄自動隱藏與固定,改動面集中在客戶端、不增加獨立配置頁。需要試用或跟進更新時,可訪問 SkillHub 目錄頁 與 GitHub 倉庫。

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

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

小夜