Build an agent run trace timeline with Tailwind CSS: a vertical timeline of steps (thought, tool call, tool result, final answer) each with a type icon, timestamp and duration; tool-call rows expand to show the input JSON and output JSON side by side in scrollable code blocks with copy buttons, and failed steps render red with the error message and a retry affordance. Include a run header with status, total tokens and elapsed time, a filter to show only tool calls, and a collapse-all toggle; streamed steps should append live with a subtle highlight animation.
提示词保持英文原文——直接粘贴进 Claude、Cursor、v0 或任何 AI 编程工具即可使用。