dsh-replay-studio

DSH 插件：会话回放可视化工具 — 用 Web UI 浏览、调试、对比 Agent 会话。

功能

• 会话列表：按时间倒序浏览所有历史会话
• 时间线视图：每个 turn/step/tool call 以彩色时间线展示
• 统计面板：turns / tool calls / errors 一目了然
• 一键启动：Agent 调用 open_replay_studio 即可打开

使用

User: 打开 replay studio 看看上次的会话

Agent: → open_replay_studio()
Replay Studio running at http://localhost:3090

打开浏览器访问即可。

也可独立启动

cd dsh-replay-studio
node src/server.ts
# → http://localhost:3090

配置

- insert:
    - id: replay-studio
      name: dsh-replay-studio
      config:
        sessionsDir: ~/.dsh/sessions   # 会话存储目录
        port: 3090                      # Web UI 端口

界面预览

┌─────────────────────────────────────────┐
│  DSH Replay Studio                       │
├─────────────────────────────────────────┤
│  ┌─────────────────────────────────┐    │
│  │ a1b2c3d4...                     │    │
│  │ 2026-08-14 15:30 · 5 turns      │    │
│  └─────────────────────────────────┘    │
│  ┌─────────────────────────────────┐    │
│  │ e5f6g7h8...                     │    │
│  │ 2026-08-14 14:00 · 3 turns      │    │
│  └─────────────────────────────────┘    │
└─────────────────────────────────────────┘

点击进入会话：

┌─────────────────────────────────────────┐
│ ← Back    [5 Turns] [12 Tools] [1 Error]│
├─────────────────────────────────────────┤
│ ── Turn 1 ──                            │
│ │→ bash("ls -la")                       │
│ │← OK                                   │
│ │→ read("src/index.ts")                 │
│ │← OK                                   │
│ │💬 assistant response                  │
│ │⏹ turn end: completed                  │
│ ── Turn 2 ──                            │
│ │→ edit("src/index.ts")                 │
│ │← ERROR                                │
│ ...                                      │
└─────────────────────────────────────────┘

Roadmap

• [ ] 对比模式：两个会话并排查看差异
• [ ] Token 用量柱状图
• [ ] 搜索：按工具名/错误信息/关键词过滤
• [ ] 导出为 Markdown 报告
• [ ] 性能火焰图（tool call 耗时分布）

License

MIT