前些天,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
特别声明:以上内容(如有图片或视频亦包括在内)为自媒体平台“网易号”用户上传并发布,本平台仅提供信息存储服务。
Notice: The content above (including the pictures and videos if any) is uploaded and posted by a user of NetEase Hao, which is a social media platform and only provides information storage services.