会话时间轴面板 LeonaDavinci/dsh-webui

dsh webui

DeepSeek Harness 的开源 Web UI。 会话时间轴、分叉 / 回放、成本驾驶舱——把智能体的每一步变成可视、可查、可回溯的事件流。

Open-source Web UI for DeepSeek Harness. Session timeline, fork/replay, and a cost cockpit — every agent step rendered as inspectable events.

官网 / Website: www.dshwebui.com

当前为 v0.1 原型阶段：web/ 目录为可直接在浏览器打开的高保真原型（mock 数据），src/ 为核心模块与适配层骨架。

快速预览

无需安装，直接用浏览器打开：

web/index.html

原型已包含：

- 聊天工作区（用户 / 思维链 / 工具调用 / 工具返回 / 子代理 分层渲染）
- Session Timeline：横向事件泳道，点击节点联动聊天与检查器
- 回放：0.5x - 8x 变速重放会话执行过程
- 分叉：从任意事件节点创建 fork 分支泳道
- 成本驾驶舱：峰谷定价实时核算（2026-08-17 新价目），预算仪表与逐事件成本表
- 明暗双主题（本地记忆）

设计立场

- 设计即功能：界面不是皮肤，是生产力。实色激活态、清晰边框、等宽数字——拒绝"AI 模板感"。
- 长期主义：每周五发版，公开路线图，跟随 DSH 官方演进，破坏性变更当日适配。
- MIT、模型无关：dsh 支持任何模型，dshwebui 同样不绑定厂商。

目录结构

dshwebui/
├── web/ # 高保真原型（无构建依赖，浏览器直开） │ ├── index.html │ ├── app.js / app.css │ └── mock-session.js # 模拟 DSH append-only Session Log ├── src/ │ ├── core/ │ │ ├── session-log.ts # 事件类型 / JSONL 解析 / resume·fork·replay / 检索 │ │ └── cost.ts # 峰谷定价成本模型 │ ├── adapter/ │ │ └── dsh-adapter.ts # Cordis 插件形态适配层（破坏性变更收敛于此） │ └── design-system/ │ ├── tokens.css # 设计令牌（明暗双主题） │ └── components.css # 基础组件 ├── PROPOSAL.md # 项目方案（定位 / 差异化 / 1000 星路线） └── package.json / tsconfig.json

路线图

- [x] v0.1 高保真原型：聊天 + 时间轴 + 回放 + 分叉 + 成本仪表
- [ ] v0.2 接入真实 dsh runtime（adapter 落地），diff 视图
- [ ] v0.3 Agent Fleet 多代理视图、主题系统与皮肤规范
- [ ] v0.4 插件面板、Docker 分发
- [ ] v1.0 设计系统独立开源、文档站

贡献

处于早期阶段，欢迎 Issue 讨论方向。提交前请运行 npm run typecheck。

License

MIT