e2mcc/dsh-popout-sidebar

README 摘要

可弹出侧边栏 · Popout Sidebar 给 DeepSeek Harness Web UI 增加一个展示 产物（artifacts） 的侧边栏，并支持把侧边栏内容弹出为 更大的网页标签页 ，拖到另一块显示器上观看。 A sidebar for the DeepSeek Harness Web UI that shows the agent's artifacts (files created/edited by write / edit ), with the ability to pop the sidebar out into a larger web tab viewable on another monitor. 特性 / Features - 🗂 产物侧边栏 ：实时列出代理通过 write / edit 工具创建或修改的文件；产物列表与预览区之间的分界线可拖动调整。 - 🌳 文件树 ：侧边栏与独立标签页内都有「文件树」标签页，可浏览工作区目录（懒加载展开，点击文件即预览）。 - 👀 多类型预览 ：按文件类型预览——纯文本 / Markdown 渲染 / 图片 / HTML（沙箱 iframe），超长内容自动截断。 - 📝 编辑差异 ： edit 修改过的文件在预览里展示「删除 / 新增」的改动片段对比。 - 🔗 复制 / 引用 ：一键复制文件路径，或把 @path 引用写入会话输入框（悬浮在列表行）。 - ↗️ 独立标签页 ：一键把侧边栏弹出为独立网页标签页（ /artifacts-panel ），每 1.5s 自动刷新，可拖到另一块显示器。 - 🎨 主题一致 ：面板与标签页都跟随主界面浅色 / 深色主题（使用 --dsw-alias- 主题变量）。 - 🧭 与其他 sidebar 兼容 ：当其他的「侧边卡片」打开时，本侧边栏自动让位到其左侧，两者同时可见。 - ⚙️ 设置面板 ：在 DSH 设置里新增「Popout Sidebar」选项卡，可开关自动刷新、设置最短面板宽度（存于 localStorage ）；面板更宽可通过拖动左边缘调整。 - 🗑 删除模式 ：面板右上角进入删除模式后，点击产物将其标红（红框），再点红色 × 删除该产物；删除仅移除列表条目，不动磁盘文件。 - ✖️ 关闭 ：面板右上角一键关闭面板。 工作原理 / How it works - Host（Node 进程） - 监听 tools/result 事件，追踪 write / edit 的成功调用并提取 file path （ edit 额外记录 old string / new string 改动片段，并按扩展名标注预览类型）。 - 通过 harness.handle 暴露包私有 RPC： artifacts.list 、 artifacts.rea…

分类