前些天,DeepSeek Harness 以「一切皆插件」的姿态横空出世,很快就冲上 GitHub 趋势榜,Star 数一路狂飙破 14w+。

作为一个 AI Agent 运行框架,Harness 把模型、工具、技能、会话、沙箱全部拆成可插拔的积木,自由度拉满。

但自由度高的另一面,是默认的 Web UI 相对克制。文件浏览、终端操作、代码对比这些高频动作,需要在对话和各个工具页面之间来回跳转。AI 在后面跑任务,你却很难一眼看全它到底干了什么。

就在 Harness 发布后短短几天,社区里已经有人动手补上了这块短板。

一个叫DSH-better-sidebar插件迅速出圈,它给 Harness 装了一套完整的侧边工作台——文件树带编辑器、预览器、真终端、Git 面板、内嵌浏览器、后台任务页,全部塞进右侧栏和底部面板,对话和验证放进同一屏。

打开网易新闻 查看精彩图片

更新还特别勤,发布一周就迭代到了 v0.12.3,连按需加载的设计文档都写好了。

正在折腾 DSH 的朋友,这个插件可以试试装上。

项目简介

DSH-better-sidebar是一个服务化的侧边栏框架,也是一套开箱即用的完整工作台

在不改动 Harness 核心的前提下,通过 Cordis 插件系统把一整套开发者需要的侧边工具整合进来,同时把 ctx.betterSidebar 服务开放给所有第三方插件,让别人也能注册自己的页面。

一句话概括:默认 Harness 给你一副「大脑+手脚」的骨架,better-sidebar 则帮你把「书桌、工具架、显示器、控制台」全部摆好。

它的核心设计理念有两个:

1. 双工作台布局——右侧栏 + 底部面板两块工作区。标签页可以随手拖拽拆分、跨面板合并分栏,到手机上自动缩成全宽抽屉。

2. 服务优先、能力对等——内置的 7 个 Tab + 6 个文件预览器,和第三方插件通过完全同一套 API 注册,官方不搞特权,能内置的就内置,适合生态做的就开放出去。

核心亮点

1、文件工作台:目录树 + 编辑器 + 多格式预览

这是使用率最高的一块。资源管理器采用懒加载目录树,打开大项目不会一上来就卡顿;软链接按目标类型智能展示——目录软链接可正常展开,失效链接会标红提醒。

点文件直接打开CodeMirror 编辑器,语法高亮覆盖 JavaScript/TypeScript/Python/Go/Rust/C#/Kotlin/Swift 等主流语言。

图片、Markdown、HTML、PDF 都能内联预览,不用跳出界面。

Office 三件套(.docx/.xlsx/.pptx)通过推荐插件也支持预览,未安装时自动兜底为代码查看或下载。

一个小细节很贴心:悬浮在文件行尾会出现@文件按钮,点一下直接把文件引用插入对话输入框,省去手动写路径的麻烦。

2、内嵌浏览器:多开 Tab,沙箱隔离

查文档、搜资料、验证网页效果,不用切出浏览器。侧边栏里直接内嵌浏览器,支持多开网页 Tab,后退/前进/刷新一个不少。

安全上做了严格隔离:网页内容运行在沙箱 iframe里,不允许 allow-same-origin、不允许顶层跳转、referrer 全禁、权限策略全关。

外链默认按协议分流——HTTP 在侧边栏打开、HTTPS 走系统浏览器,设置页可以分别调整。对 X-Frame-Options 拒绝嵌入的站点(如 arxiv.org),会直接显示原因面板并提供「在浏览器中打开」的跳转按钮。

3、真实终端:断线重连 + 回放

这不是那种模拟输入的「伪终端」,而是基于xterm.js + node-pty的真实 Shell。

断线后能自动重连并回放历史输出,体验接近 VSCode 的内置终端。

终端 Shell 可自定义,Windows 下会自动探测 pwsh。

如果 node-pty 因编译问题加载失败,插件也不会拖垮整个服务——而是在终端区显示修复横幅(带复制命令 + 重试按钮),Agent 的终端工具会自动跳过,不影响其他功能使用。

4、Git 面板:真 Diff + 右键暂存提交

Git 面板做了 VSCode 用户熟悉的交互:真实 diff 对比、VSCode 风格的 diff Tab、历史记录一览无余。

文件或行右键就能暂存 / 提交 / 还原,常用操作不用记命令。

5、后台任务 & 子代理专页:Agent 干了什么一眼看全

这是最戳「Agent 开发者」痛点的一块。

Harness 的子代理(Subagent)能把大任务拆成小任务并行执行,但默认界面里这些后台活动很难全局观察。better-sidebar 专门做了两页:

  • 子代理拓扑页:用可视化的拓扑图展示父子代理关系和执行链路
  • 后台任务页:每个任务的退出码、实时输出、强制终止按钮,一目了然

AI 在后面跑了什么、哪个子任务卡住了、哪个进程异常退出,不再是黑箱。

6、双工作台 + 拖拽分栏

右侧栏 + 底部面板是两块独立的工作区。

Tab 可以用鼠标拖到分栏边缘来拆分面板,拖到中间就是合并,还能跨面板拖动。

宽度不够的移动端(<768px)会自动把底部面板的 Tab 一次性并入右侧栏,变成全宽抽屉,操作依然流畅。

7、插件接口全开放:第三方能注册自己的页面

better-sidebar 最有「生态思维」的设计,是把侧边栏能力全部开放成服务接口。

快速上手

安装(官方推荐,最简)

dsh plugin --profile web add dsh-better-sidebar@latest

装完后硬刷新浏览器(Cmd/Ctrl+Shift+R)即可看到侧边栏。

提示:DSH 对 client 改动支持热加载,无需重启;只有 host 半更新时才需要重启。

更新

dsh plugin --profile web add dsh-better-sidebar@latest

也可以手动把 ~/.dsh/profiles/web/package.json 里的版本号改高后执行 pnpm install,然后硬刷新浏览器。

DeepSeek Harness 发布不过短短一周,从 147K Star 的主仓库到社区插件生态,节奏快得惊人。

better-sidebar 这样的项目能在几天内快速迭代出 v0.12 系列,把按需加载、皮肤兼容、服务化基座、推荐插件目录这些「本该是后期才有的东西」一次做齐,本身就说明了一件事:

Harness 的「一切皆插件」设计真的跑通了——社区开发者不用等官方 roadmap,看中什么缺口,自己就能动手补上,而且还能开放接口让更多人接着往下做。

对于正在折腾 DSH 的朋友,better-sidebar 属于那种「装上就回不去」的插件。对话和验证同屏、文件终端 Git 一手掌握、Agent 在后面跑了什么一眼看全,这几个痛点挠得很准。

而且它完全开放。你用它的工作台,也可以基于它的接口写自己的插件。乐高式的生态,就是这样一块块搭起来的。

GitHub:http://github.com/omdsh-dev/DSH-better-sidebar