e2mcc/dsh-standalone-tab-sidebar ↗★ 0
dsh-standalone-tab-sidebar
具有独立标签页的侧边栏 · A DeepSeek Harness sidebar that shows artifacts and pops out into a standalone web tab.
安装
npx -p @deepseek-ai/dsh dsh plugin --profile web add github:e2mcc/dsh-standalone-tab-sidebar说明文档
阅读完整 README ↗具有独立标签页的侧边栏 · Standalone Tab 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 standalone web tab viewable on another monitor.
特性 / Features
- 🗂 产物侧边栏:实时列出代理通过
write/edit工具创建或修改的文件;产物列表与预览区之间的分界线可拖动调整。 - 👀 多类型预览:按文件类型预览——纯文本 / Markdown 渲染 / 图片 / HTML(沙箱 iframe),超长内容自动截断。
- 📝 编辑差异:
edit修改过的文件在预览里展示「删除 / 新增」的改动片段对比。 - 🔗 复制 / 引用:一键复制文件路径,或把
@path引用写入会话输入框(悬浮在列表行)。 - ↗️ 独立标签页:一键把侧边栏弹出为独立网页标签页(
/artifacts-panel),每 1.5s 自动刷新,可拖到另一块显示器。 - 🎨 主题一致:面板与标签页都跟随主界面浅色 / 深色主题(使用
--dsw-alias-*主题变量)。 - 🧭 与 better sidebar 并排:当 dsh-better-sidebar 的「侧边卡片」打开时,本侧边栏自动让位到其左侧,两者同时可见(通过读取其
--dsh-sidebar-width变量实现,默认开启)。 - ⚙️ 设置面板:在 DSH 设置里新增「单页侧卡」选项卡,可开关自动刷新、设置最短面板宽度(存于
localStorage);面板更宽可通过拖动左边缘调整。 - 🗑 删除模式:面板右上角进入删除模式后,点击产物将其标红(红框),再点红色 × 删除该产物;删除仅移除列表条目,不动磁盘文件。
- ✖️ 关闭:面板右上角一键关闭面板。
工作原理 / How it works
- Host(Node 进程)
- 监听
tools/result事件,追踪write/edit的成功调用并提取file_path(edit额外记录old_string/new_string改动片段,并按扩展名标注预览类型)。 - 通过
harness.handle暴露三个包私有 RPC:artifacts.list、artifacts.read、artifacts.remove。 - 通过
webServer.register提供路由:/artifacts-panel(页面)、/artifacts-panel/data(JSON)、/artifacts-panel/content(文本预览)、/artifacts-panel/media(二进制图片)、/artifacts-panel/remove(删除单条产物)。
- 监听
- Client(浏览器)