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 个值得优先安装的插件，覆盖各个分类。