DSH Web Workshop 可视化调试画板与工作台
@zhu1090093659/dsh-web-ui · v1.3.5
为开发者提供直观监控与交互调试环境的轻量级 Web 工作台。提供可视化会话时间轴、实时工具调用跟踪、状态机图谱呈现与即时变量注入修改功能。
可视化调试Web工作台轨迹回放状态图谱
GitHub Stars
46 K+
+12.4% this month
月度调用量
189 K+
Monthly registry pulls
Reach 影响力
99.0/ 100
Top Tier Ecosystem
运行环境
Cordis v3+
Node 18+ / Bun / Deno
安装与配置
支持 CLI 一键执行、包管理器以及 Cordis 总线编排
bash
manager:
$ pnpm add @zhu1090093659/dsh-web-ui架构解析
「DSH Web Workshop」让智能体的黑盒执行过程变得透明可控。当智能体陷入死循环或产出异常代码时，在纯文本终端日志中翻找成千上万行字符往往效率极低。
本扩展在本地端口自动拉起一个现代化响应式 WebUI，以图形化时间轴展示智能体的每一个决策节点。开发者可以清晰查看每一次 Tool Call 的输入参数与返回值、审查沙箱文件系统的变动历史，甚至在断点处手动修改变量上下文再恢复执行，是智能体开发不可或缺的利器。
架构设计原则与约束
01
强类型契约隔离
基于 TypeScript 编译期深度推断，跨插件总线调用享受严格类型校验与零偏差提示。
02
毫秒级热插拔调度
支持微内核动态注册与安全平滑卸载，无需重启主宿主进程即可完成逻辑热替换。
03
确定性有限状态机
内置严谨的多阶段任务生命周期控制，防止复杂长时迭代推理场景中会话状态丢失。
04
零动态构建底层依赖
采用纯原生跨平台运行时环境设计，在 Node.js、Bun 及 Deno 容器中极速冷启动。
核心特性
01
零侵入式即开即用调试：仅需声明插件配置，自动随智能体启动并打开浏览器面板
02
全时序决策轨迹回放：支持像看视频一样滑动时间轴回溯任意历史时刻的系统状态
03
实时文件 Diff 查看器：直观高亮展示智能体对项目文件做出的每一处增删修改
04
手动介入干预控制器：支持在关键节点暂停执行，由工程师手动修正模型推理方向
核心机制
01
轻量 Web 服务唤起
在本地指定端口启动轻量 HTTP/WebSocket 服务，挂载图形化调试界面。
02
事件总线实时捕获
无侵入监听 Cordis 事件总线，将流式 Token 与工具调用广播至画板。
03
状态树可视化呈现
以甘特图与分支树直观渲染智能体思考、行动与沙箱反馈的完整链路。
04
交互干预与热重载
开发者可在界面上点击断点、人工改写变量或终止失控会话。
配置参数参考 (YAML / JSON)
| 参数名 | 类型 | 默认值 | 说明 |
|---|---|---|---|
| port | number | 3210 | Web 调试工作台监听的本地网络端口 |
| autoOpenBrowser | boolean | true | 服务启动后是否自动调用系统默认浏览器打开界面 |
| maxLogHistory | number | 500 | 内存中保留的最大历史调试日志条目上限 |
应用场景
企业级生产智能体运行时
依托微内核生命周期与容错状态机，保障企业复杂 Agent 全天候稳定执行不崩溃。
基准测试标准化评测运行
深度原生集成 SWE-bench 标准流程，自动化抓取代码变更并产出规范复现指标。
全自主代码工程重构演进
精准拆解模型思考流与具体操作，跨多文件自主排查并高质量完成大型模块重构。
跨系统多工具流协同自动化
在多进程沙箱间安全并发调度事件，打通研发上下游系统实现端到端自动化流转。
最佳实践
01
权限沙箱隔离机制
严格限定子进程系统调用与外部网络范围，在生产环境中建议结合 Docker 独立容器执行。
02
配置指数退避重试
针对上游模型接口限流与偶发网络抖动，建议开启自适应退避重试并设定最大执行上限。
03
长时任务状态快照
利用内核事件总线快照功能实时固化会话节点，发生不可抗意外时支持秒级断点恢复。
04
全量结构化链路追踪
开启全量 Trace 日志输出，将大模型思考过程与具体工具入参返回值集中汇聚至监控。
常见问题
Q1:长时间执行任务超时如何正确配置？
可在配置文件中调大 timeout 阈值，并通过生命周期钩子定期向总线派发心跳信号。针对长耗时推理与工具调用，建议配合持久化会话快照机制，在任务暂停或重启后无缝恢复执行上下文，避免会话被内核提前回收。
Q2:如何捕获并流式解析模型思考过程？
框架原生提供流式回调机制，会话状态机自动拦截并剥离大模型的 <think> 思考标签。开发者只需监听 onThink 事件即可实时获取推理增量，结合前端流式渲染呈现动效，并支持将完整推导链沉淀至审计日志。
Q3:多个插件依赖冲突时如何按需加载？
Cordis 微内核基于有向无环图进行拓扑排序并解析依赖树。当插件间存在同名服务或版本冲突时，可通过命名空间隔离机制按需挂载；结合上下文注入与惰性初始化技术，仅在工具唤起时动态加载资源，保障系统稳定。
Q4:生产环境中如何实施权限与沙箱隔离？
推荐结合容器沙箱与细粒度权限管控，严密禁止插件越权访问敏感文件与未授权外部网络。可通过微内核提供的权限白名单机制严格限制系统调用，并将工具执行环境置于隔离容器内，彻底阻断潜在的代码注入与提权安全风险。
相关生态插件推荐
为你推荐同分类及高度协同的 Cordis 扩展
protocols34 K+
iPolloWork 人机协同研发工作台与断点治理器
专为企业级全自主编程智能体设计的人机交互治理工作台。提供生产代码合并审查、关键环境变更一键确认、沙箱交互式 Web 终端与多分支执行断点恢复能力。
View details
protocols23 K+
PetDex 桌面伙伴多模态状态机与伴侣系统
为桌面智能体与陪伴型机器人注入生动个性的多模态状态机。提供细腻的情绪能量数值演进、交互触发式动画状态流转、个性化语音音色包挂载与桌面悬浮微应用。
View details
protocols32 K+
Better Sidebar 智能侧边栏与工作区层级导航器
为复杂项目工作区提供极速目录树检索、多会话分屏管理与符号语义导览的高级侧边栏扩展。支持大仓数十万文件瞬时展开、多标签页状态保持与即时过滤定位。
View details