e2mcc/dsh-popout-sidebar

Name: e2mcc/dsh-popout-sidebar
Author: e2mcc

Plugin插件 Native原生 ⭐ 209 MIT Search & Web Access搜索与联网 UI & Themes界面与主题

侧边栏可以弹出独立的浏览器标签页（将其拖到另一台显示器上）

Project Overview项目介绍

Edited by Zhiwei Agent (zhiwei)由知微Agent(zhiwei)编辑

This plugin is a native DeepSeek Harness plugin that adds a customizable popout sidebar to the DSH Web UI for displaying agent-generated artifacts and workspace file trees. It can be installed in two ways: either via the DSH CLI by running dsh plugin --profile web add github:e2mcc/dsh-popout-sidebar, or through the DSH Plugin Market after adding the market plugin. After installation completes, users must restart the DSH web service and perform a hard refresh of their browser (Cmd/Ctrl+Shift+R) for the plugin to load correctly. The plugin adds a persistent "Artifacts" icon button to the upper right corner of the DSH interface, visible even when there is no active session.

This plugin is intended for DeepSeek Harness users who need a convenient way to track and preview files generated by the agent during development sessions. After clicking the Artifacts icon, the sidebar expands to show a list of all modified and generated files, plus a browsable file tree of the current workspace. Users can click any file to preview it, view the diff of edited files, copy the file path, or insert a reference to the file into the conversation input box. When a larger view is needed, users can pop the sidebar out into a separate browser tab that can be dragged to another monitor for clearer viewing.

This plugin is released under the permissive MIT open source license, so it is free to use, modify, and distribute for any purpose. It only requires a working installation of DeepSeek Harness web profile to run, and there are no additional external dependencies required to use the pre-built plugin. For local development, after modifying source files in the src/ directory, developers must run the build script to regenerate the bundled host and client files. It is recommended to add the pre-commit hook that automatically checks for out-of-date bundles and blocks commits if the bundle is not synced with the source code.

这是一个专为 DeepSeek Harness 开发的原生插件，用于给 DSH 的网页端界面添加可弹出侧边栏，展示代理生成的产物和完整工作区文件树。插件支持多种格式文件的预览，还能一键将侧边栏弹出为独立浏览器标签页，可拖至另一台显示器放大清晰查看。它可与其他侧边栏插件共存不冲突，能通过 DSH CLI 命令行或 DSH 插件市场一键安装，安装后需重启 DSH 服务并硬刷新浏览器生效。

该插件面向使用 DeepSeek Harness 进行开发的用户，方便用户随时查看代理生成的各类文件产物，快速浏览整个工作区的目录结构。典型使用流程为安装完成后，点击界面右上角常驻的「产物」按钮即可展开侧边栏，点击可预览对应文件，查看编辑差异、复制文件路径或引用文件到对话输入框。需要更大查看空间时，点击弹出按钮即可生成独立标签页拖走查看。

本插件采用 MIT 开源许可证，无使用成本，依赖已正确安装的 DeepSeek Harness 网页端运行环境，支持静态持久安装和动态临时加载两种使用方式。设置项保存在浏览器本地存储中，支持自定义面板默认行为、主题适配等参数。本地开发修改源码后需要重新构建 bundle 文件，建议安装提交前守护脚本来避免产物不同步问题。

View on GitHub在 GitHub 查看

Send to your DSH发给你的 DSH 安装

请帮我安装这个 DSH 插件。安装前先完成【兼容性检查 + 安全性检查】，检查通过再动手。

插件：dsh-popout-sidebar（e2mcc/dsh-popout-sidebar）
仓库：https://github.com/e2mcc/dsh-popout-sidebar
本站详情页：https://www.yhbd.top/plugins/e2mcc-dsh-popout-sidebar/
本站登记：类型 plugin · 归类 原生 DSH 插件 · 许可证 MIT · ⭐ 209 · 最近提交 2026-08-20 · 主语言 JavaScript

按下面顺序执行，每步先把结论告诉我，再进入下一步：

【1 兼容性检查】
① 我这边：DSH 版本、Node 版本、操作系统、当前 profile（web / desktop）。
② 读它的 README、package.json、插件 manifest，列出它要求的 DSH 版本 / Node 版本 / 操作系统 / 外部依赖 / 需要另外先装的运行时。
③ 逐条比对，结论只写「满足 / 不满足 / 未知」三种；不满足的给出可行替代方案。
④ 检查是否和我已装的插件冲突：命令名重复、skill / tool 重名、端口占用、重复注册的 MCP server。

【2 安全性检查】
① 仓库可信度：和上面「本站登记」是否一致；star / fork 数、创建时间、最近提交，是否归档或长期停更。
② 安装脚本：逐行看 package.json 的 preinstall / install / postinstall，以及 install.sh、setup.ps1 之类脚本。出现 curl|bash、下载后直接执行、混淆代码、访问与插件功能无关的域名，立刻停下来告诉我，不要继续装。
③ 依赖：列出新增依赖，标出无人维护、或与知名包拼写近似的可疑包（typosquatting）。
④ 权限与副作用：它会读写哪些目录、访问哪些域名、需要哪些 DSH 权限（filesystem / network / shell / clipboard 等），以及怎么卸载和回滚。
⑤ 如果它要求 sudo / 管理员权限，或权限明显超出功能所需，先停下来问我。

【3 安装】
上面两步没有「不满足」和「高危项」时才执行；用官方推荐方式安装，不要自行提权。

【4 汇报】
用表格输出：检查项 / 结论 / 依据 / 是否需要我决策。拿不准的一律写「未知」并说明要我怎么确认——不要猜，也不要替我决定。

Send this message to DSH in your current session: it verifies compatibility and security first (answering met / not met / unknown item by item) and only installs once everything checks out — it will stop and ask you if it finds a high-risk item. The box scrolls; the copy is the full prompt. CLI install commands may not be accurate across systems, so DSH is the safer route.把上面这条消息直接发给当前会话里的 DSH：它会先核对兼容性与安全性（逐条给「满足 / 不满足 / 未知」），确认没问题再安装，有高危项会停下来问你。框内可滚动，复制到的是完整提示词；安装命令不一定准确，发给 DSH 更稳。

Pre-install check安装前体检Compatibility · Security兼容性 · 安全性 no risk signal found未发现风险信号

This site's static screen found no obvious risk signal (stars, license, activity, manifest)本站静态筛查没发现明显风险信号（星标、许可证、更新活跃度、清单完整度）

DSH walks through these 9 checksDSH 会逐条核对这 9 项

Compatibility兼容性

DSH, Node, OS and profile requirementsDSH 版本 / Node 版本 / 操作系统 / profile 是否满足要求
External dependencies and runtimes (Electron / Python / Docker, ...)外部依赖与运行时（Electron / Python / Docker 等）是否齐备
Conflicts with installed plugins: command names, skill / tool names, ports, duplicate MCP registration与已装插件是否冲突：命令名、skill / tool 重名、端口占用、重复 MCP 注册

Security安全性

Repo matches the facts registered here; archived or abandoned?仓库是否与页面登记一致，是否归档或长期停更
Safety of preinstall / install / postinstall and install.sh / setup.ps1preinstall / install / postinstall 与 install.sh、setup.ps1 是否安全
curl|bash, download-then-execute, obfuscation, unrelated domains → stop immediatelycurl|bash、下载即执行、混淆代码、无关域名 → 立刻停止
Typosquatting or unmaintained packages among the new dependencies新增依赖里有没有 typosquatting 或无人维护的包
Requested permissions vs. what the feature actually needs申请了哪些权限、是否超出功能所需（filesystem / network / shell / clipboard）
Any sudo / admin requirement, plus uninstall and rollback是否要求 sudo / 管理员权限，以及卸载与回滚方式

Anything uncertain must be marked unknown with a note on how to confirm it. This site's signal screen is a static snapshot, not a security audit.拿不准的必须标「未知」并说明要我怎么确认。本站的信号筛查是静态快照，不能替代安全审计。

Or use CLI install (for developers)或使用命令行安装（适合开发者）

CLI Install命令行安装

dsh plugin --profile web add dshmarket

把 e2mcc/dsh-popout-sidebar 加入你的 DSH 配置（web profile）即可启用。

READMEREADME

10.3 KB · 缓存于 2026-08-23 03:40:52 · 10.3 KB

可弹出式侧边栏 · Popout Sidebar

可弹出式侧边栏：侧边栏展示产物与文件树，支持多种文件预览形式；并可弹出为独立浏览器标签页（可拖至另一显示器上更大更清晰的观看）；兼容其他 sidebar 插件，可以同时显示。

Popout Sidebar: a sidebar that lists the agent's artifacts and a file tree, with multiple preview formats, and pops out into a separate browser tab (drag it to another monitor for a larger, clearer view) — coexisting with other sidebar plugins at the same time.

给 DeepSeek Harness Web UI 增加一个展示产物（artifacts）与文件树的侧边栏，并可一键弹出为独立浏览器标签页。

已上线 / Now available

本插件已收录进 DeepSeek Harness 插件生态：

渠道	入口
插件精选列表	awesome-dsh-plugin.com · 详情页
插件市场	dsh-market（DSH 内：设置 → Plugin Market）

一键安装（推荐）

先装市场：

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），界面右上角出现常驻「产物」图标按钮（无会话时也可见）。

特性 / Features

↗️ 弹出为独立标签页：一键把侧边栏弹出为独立网页标签页（/popout-sidebar），每 1.5s 自动刷新，可拖到另一块显示器上更大、更清晰地观看。
🗂 产物侧边栏：实时列出代理通过 write / edit 创建或修改的文件，以及 bash / pwsh 命令在工作区里产生的文件（如脚本生成的图片）；列表与预览区之间的分界线可拖动调整。
🌳 文件树：侧边栏与独立标签页内都有「文件树」，可浏览当前工作区目录（懒加载展开，点击文件即预览），并实时跟随工作区切换。
👀 多类型预览：按文件类型预览——代码 / 纯文本（语法高亮 + 行号）、Markdown 渲染、图片、PDF（浏览器原生查看器）、HTML（沙箱 iframe），超长内容自动截断。
📝 编辑差异：edit 修改过的文件在预览里展示「删除 / 新增」改动片段对比。
🔗 复制 / 引用：一键复制文件路径，或把 @path 引用写入会话输入框（悬浮在列表行）。
🧭 与其他 sidebar 兼容：其他「侧边卡片」打开时，本侧边栏自动让位到其左侧，两者同时可见。
⚙️ 设置面板：DSH 设置里新增「Popout Sidebar」选项卡，可开关默认展开、自动刷新、文件树，设置最短面板宽度（存于 localStorage）；面板更宽可通过拖动左边缘调整。
🗑 清除模式：右上角进入清除模式后，点击产物将其标红，再点红色 × 移除列表条目（仅移除条目，不动磁盘文件）。
✖️ 关闭：点击右上角「产物」图标按钮收起面板。

工作原理 / How it works

Host（Node 进程）
- 监听 tools/result 事件，追踪 write / edit 的成功调用并提取 file_path（edit 额外记录 old_string/new_string 改动片段，并按扩展名标注预览类型）。
- 监听 tools/execute 事件，对 bash / pwsh 这类「不透明」执行器做工作区前后快照对比（fs.listDir 递归 + 版本 token 指纹，跳过 node_modules/.git 等大目录），把命令间接新增/改写的文件并入产物列表。
- 通过 harness.handle 暴露 RPC：artifacts.list、artifacts.read、artifacts.remove、artifacts.listDir。
- 通过 webServer.register 提供路由：/popout-sidebar（页面）、/popout-sidebar/data（JSON）、/popout-sidebar/content（文本预览）、/popout-sidebar/media（二进制图片 / PDF）、/popout-sidebar/remove（移除条目）、/popout-sidebar/listdir（目录列表）。
Client（浏览器）
- 在 shell.overlay（root 作用域）注册一个固定于右上角的常驻「产物」图标按钮，无会话时依然可见。
- 在 shell.overlay 渲染浮动侧边栏面板。
- 订阅 session store、并通过跨标签页 localStorage 同步当前会话，让侧边栏与独立标签页的文件树实时跟随工作区切换（行为一致）。

Showing the opening section of the README — the full document lives in the repository以上为 README 开头摘要，完整文档在仓库内 · View the full README on GitHub →在 GitHub 查看完整 README →

渲染基于仓库 e2mcc/dsh-popout-sidebar 的 README.md。在 GitHub 查看原文 →