MIT 開源的 DSH Web UI 側邊欄外掛：即時展示代理產物與檔案樹，支援多類型預覽，可一鍵彈出為獨立瀏覽器分頁（拖到另一台顯示器放大觀看），與其他 sidebar 外掛相容；可透過官方 dsh CLI 原生安裝。
DSH 整合
原生執行環境
作者聲明
安全稽核
未稽核
最後核實
2026-08-27
授權條款
MIT
01它能幫你完成什麼？
在 DeepSeek Harness Web UI 中即時查看代理的產物與工作區檔案
產物側邊欄即時列出代理透過 write / edit 建立或修改的檔案，以及 bash / pwsh 指令產生的檔案，支援多類型預覽，並附帶即時跟隨工作區切換的檔案樹
使用 DeepSeek Harness（dsh）Web UI 的開發者，希望不用離開介面就能看到產物與檔案
把側邊欄彈出到另一台顯示器上，更大、更清楚地觀看
獨立的瀏覽器分頁（/popout-sidebar），每 1.5s 自動重新整理，可拖到另一台顯示器上觀看
多顯示器使用者，希望產物與檔案樹常駐顯示
02如何將外掛接入 DeepSeek Harness？
先決條件
- DeepSeek Harness（dsh）Web UI 可用（README 的安裝流程圍繞 `dsh web` 與 DSH 內 Plugin Market 展開）
- 建議路線需先安裝 dsh-market 市集（`dsh plugin --profile web add dshmarket`）
安裝步驟
- 01
先裝市集：`dsh plugin --profile web add dshmarket`
$ dsh plugin --profile web add dshmarket
- 02
重新啟動 `dsh web` 後，開啟 設定 → Plugin Market，搜尋 popout 或 sidebar，點「安裝」
$ dsh web
- 03
或直接以登錄表指令安裝：`dsh plugin --profile web add github:e2mcc/dsh-popout-sidebar`
$ dsh plugin --profile web add github:e2mcc/dsh-popout-sidebar
- 04
裝完重新啟動 `dsh web` 並強制重新整理瀏覽器（Cmd/Ctrl+Shift+R）
$ dsh web
驗證整合成功
- 重新啟動 `dsh web` 並強制重新整理瀏覽器（Cmd/Ctrl+Shift+R）後，確認介面右上角出現常駐「產物」圖示按鈕（沒有工作階段時也可見）
03DSH 整合程度與能力邊界
經由官方 dsh 外掛體系與 DSH Plugin Market 原生安裝（`dsh plugin --profile web add github:e2mcc/dsh-popout-sidebar`），直接把產物側邊欄加到 DeepSeek Harness Web UI 中。
彈出為獨立瀏覽器分頁
側邊欄內容（產物清單與檔案樹）→獨立網頁分頁（/popout-sidebar），每 1.5s 自動重新整理
產物側邊欄
代理透過 write / edit 建立或修改的檔案，以及 bash / pwsh 指令產生的檔案→即時檔案清單，清單與預覽區之間的分界線可拖曳調整
檔案樹
目前工作區目錄→懶載入展開的目錄樹，點擊檔案即可預覽，即時跟隨工作區切換
多類型預覽
程式碼 / 純文字、Markdown、圖片、PDF、HTML 檔案→語法醒目提示 + 行號、Markdown 渲染、圖片、PDF（瀏覽器原生檢視器）、HTML（沙箱 iframe）預覽，超長內容自動截斷
編輯差異
被 edit 修改過的檔案→預覽中展示「刪除 / 新增」變更片段對比
與其他 sidebar 相容
其他「側邊卡片」開啟時→本側邊欄自動讓位到其左側，兩者可同時顯示
04適合誰？何時不該用？
適合
- 使用 DeepSeek Harness（dsh）Web UI 的開發者，希望不用離開介面就能看到產物與檔案
- 多顯示器使用者，希望產物與檔案樹常駐顯示
05相容性、維護與安全提醒
- 清除模式只作用於清單：點擊產物會將其標紅，再點紅色 × 移除清單條目，僅移除條目，不動磁碟上的檔案。
- 面板設定存放於 localStorage：DSH 設定中新增「Popout Sidebar」分頁，可開關預設展開、自動重新整理、檔案樹並設定最短面板寬度。
MIT · 積極維護中（最新版本 v1.0.1，2026-08-20）
06常見問題
要怎麼安裝這個外掛？
建議先安裝市集：執行 `dsh plugin --profile web add dshmarket`，重新啟動 `dsh web` 後開啟 設定 → Plugin Market，搜尋 popout 或 sidebar，點「安裝」；也可以直接執行 `dsh plugin --profile web add github:e2mcc/dsh-popout-sidebar`。裝完需重新啟動 `dsh web` 並強制重新整理瀏覽器（Cmd/Ctrl+Shift+R）。
裝完要怎麼確認生效？
重新啟動 `dsh web` 並強制重新整理瀏覽器後，介面右上角會出現常駐「產物」圖示按鈕，沒有工作階段時也可見。
會和其他 sidebar 外掛衝突嗎？
不會。README 明確說明本外掛與其他 sidebar 外掛相容：其他「側邊卡片」開啟時，本側邊欄會自動讓位到其左側，兩者可同時顯示。
清除模式會刪除磁碟上的檔案嗎？
不會。清除模式下點擊產物會將其標紅，再點紅色 × 僅移除清單條目，不動磁碟上的檔案。
面板設定存放在哪裡？
DSH 設定中新增了「Popout Sidebar」分頁，可開關預設展開、自動重新整理、檔案樹並設定最短面板寬度，設定存放在 `localStorage`；要讓面板更寬可拖曳左邊緣調整。
07相關的 DSH 工作流程
dsh-tui
作者 ccch1mneyyy
DSH's officially top-recommended TUI plugin — high performance, low overhead, cute pixel whale, smooth mouse interaction. One-command install via npm. / DSH 官方首推的 TUI 外掛，高效能低佔用，可愛畫素鯨魚，流暢滑鼠互動，npm 一鍵安裝
dsh-better-sidebar
作者 omdsh-dev
開放的側邊欄底座，支援三方拓展註冊新側邊欄頁面。內建檔案渲染編輯/終端/側邊對話/Git/子代理頁面 ｜ Open sidebar foundation, supports third-party extensions to register new sidebar pages. Built-in file rendering/editing, terminal, side chat, Git, and sub-agent pages.
dsh-tianshu-tui
作者 huiliyi37
官方 DeepSeek Harness 的互動式終端 UI 外掛：自研 ANSI 極簡互動渲染、流式 Markdown/工具卡、16+ 主題、slash 命令與選擇器、輸入歷史與本地偏好持久化、LSP 診斷、memory記憶，很絲滑的開發體驗。
dsh-damage-pulse
作者 wssfk12138
DeepSeek Harness Token 餘額監控外掛：鯨魚娘待機/扣費/復甦動畫、峰谷計費、連續扣費飄字與會話費用統計。
08資料與來源
dsh plugin --profile web add github:e2mcc/dsh-popout-sidebar
给 [DeepSeek Harness](https://github.com/deepseek-ai/DeepSeek-Harness) Web UI 增加一个展示**产物（artifacts）**与**文件树**的侧边栏，并可一键弹出为…
本插件已收录进 DeepSeek Harness 插件生态：
此頁面根據專案公開文件、儲存庫中繼資料與 DSH Plugins 的結構化解析所產生；最後核實於 2026-08-27。發現錯誤？提交更正。
最佳 DeepSeek Harness 外掛
從全目錄挑出的 12 個值得優先安裝的外掛，涵蓋各個分類。