梧桐设计语言- 每行：动作名（
label500）+ 参数（subtle，文件名用 mono）+ 可选增删行数（+74 −41，绿红）。 - 只有进行中的最后一行转圈，其余是灰勾。行逐条入场，错峰 120ms，封顶 6 行。
- 有链接的行整行可点（搜索结果）。
- 不折叠掉早期步骤——原来客户端只显示最近 3 条、更早的折成「…前 N 步」，用户看不到 AI 到底做了什么。
消费者提供：步骤数组、是否进行中、进行中 / 完成文案。
执行轨迹ThinkingTrace
Agent 执行轨迹：工具调用一步一行，进行中自动展开、结束后收起成一行「执行了 N 步」，想看全过程随时点开。与 Reasoning（模型的思考文字）分工：这里是动作。来自智算客户端（移植自 beautifului.dev，改为完全受控）。
示例
import
import { ThinkingTrace, type TraceStep } from "@wutong/ui";
执行中 → 完成
进行中自动展开、末行转圈；结束收起成一行
API
| 属性 | 类型 | 默认 | 说明 |
|---|---|---|---|
| steps | TraceStep[] | — | { name, detail?, mono?, add?, del?, href? } |
| working | boolean | false | 进行中：流光标题、末行转圈、默认展开 |
| activeLabel / doneLabel | string | "正在执行" / "执行了 N 步" | 两态文案 |