前言¶

DeepSeek Harness 的側欄入口默認是 42px 高的整行佈局。插件廣場、遠程控制、面板入口等入口會一條一行佔滿高度，在空間有限時顯得浪費。這個插件把側欄入口重新組織成 36×36 的圖標方塊並排顯示，同時提供設置頁來控制圖標大小和可見性。

是什麼¶

這是 DeepSeek Harness 的一個客戶端插件，由維護者 watershow666 開發。它通過一個 <style> 節點把側欄中的條目從整行佈局壓縮成緊湊的圖標行，同時提供設置入口和配置選項。

核心功能¶

佈局改造¶

• 面板入口（sidebar.panellist）與底部入口（sidebar.footer.action）統一處理，都變成並排圖標；
• 「今日 / 餘額」卡片保持原有佈局（沿用 cost-meter 的 .cm-footer-stack），不參與壓縮；
• 側欄收起成 56px 軌道時，圖標改爲豎排顯示。

顯示樣式¶

• 每個入口只顯示圖標，常駐文字隱藏；
• 鼠標懸停時，在圖標上方顯示名稱（使用 CSS ::after + aria-label）。

設置入口¶

• 底部新增一個「設置」齒輪圖標，點擊直接打開 DSH 設置頁；
• 設置項包括：
• 圖標大小：16 / 18 / 20 / 24；
• 逐個開關入口的顯示與隱藏；
• 調整入口的先後順序。

安裝與啓用¶

插件安裝後需要刷新頁面才能生效。首次加載新增的 bundle 可能需要重啓一次 dsh web。

# 安裝（當前 profile；源碼放在 profile 的 local-plugins 下）
dsh plugin install "E:\DeepseekHarness-data\data\profiles\desktop\local-plugins\sidebar-icon-row"
# 卸載
dsh plugin remove dsh-sidebar-icon-row

安裝後，進入「插件 → 已安裝插件 → 側欄圖標並列」即可看到設置區。

配置方式¶

設置區註冊在 plugins.bundle.config（key 爲包名 dsh-sidebar-icon-row），在插件頁描述下方、插件行上方渲染。配置數據保存在瀏覽器的 localStorage 中，鍵爲 dsh.sidebar-icon-row.v1。

實現方式¶

• 只注入一個 <style> 節點，不修改任何宿主或其他插件的組件；
• 選擇器使用 [data-slot="sidebar.footer.action"] > * 與 [class*="panelList"] / [class*="panelRow"] 錨定，不依賴帶構建哈希的類名；
• 側欄入口按渲染出來的名字（aria-label 優先）打上 data-sir-key，隱藏與排序都作用在這個屬性上；
• 關閉的入口直接 display: none !important（內聯樣式），不依賴選擇器優先級；
• 排序通過給每個入口寫 order 實現，不移動 DOM。

回滾¶

在插件管理裏關閉「側欄圖標並列」，或者卸載本包即可回滾。樣式隨 <style> 清理消失，額外的「設置」圖標隨 sidebar.footer.action 的註冊一併移除。

適用場景與注意¶

適合希望把 DSH 側欄空間利用得更緊湊、希望快速切換入口的開發者。插件以當前 dsh 進程權限運行，安裝前應檢查源碼與許可證（MIT）。

結尾¶

這個插件通過 CSS 覆蓋的方式，在不修改宿主組件的前提下改善了側欄佈局的緊湊度，適合追求簡潔工作區的用戶。目錄頁：https://www.skillhub.cn/plugins/watershow666/dsh-sidebar-icon-row
GitHub：https://github.com/watershow666/dsh-sidebar-icon-row