component-thought-chain

name	component-thought-chain
description	Develop ThoughtChainList and thought-chain visualization in @ant-design/agentic-ui. Use when showing reasoning steps, thinking process, tool calls timeline, or collapsible thought chain. Triggers on thought chain, thinking, reasoning, ThoughtChainList, step list. Use when this capability is needed.
metadata	{"author":"antdigital-ai"}

ThoughtChainList 组件开发

思维链列表的展示与交互，用于呈现 AI 推理步骤、思考过程或工具调用时间线。

源码位置

• 主组件：src/ThoughtChainList/index.tsx
• 列表项：src/ThoughtChainList/ThoughtChainListItem.tsx
• 样式：src/ThoughtChainList/style.ts
• 类型：src/ThoughtChainList/types.ts

主要能力

• 思维链条目展示（thought / action 等类型）
• 折叠/展开、加载状态、耗时等
• 与 MarkdownEditor、Drawer 等配合
• 国际化通过 I18nContext

开发规范

• 使用 Ant Design token 与 createStyles，禁止硬编码颜色与间距。
• Props 使用 onToggle、onClick 等 on 前缀。
• 类型定义见 ThoughtChainListProps、WhiteBoxProcessInterface、DocMeta 等。

开发或修改思维链展示时，参考 src/ThoughtChainList/ 与项目 AGENTS.md。

---

Source: antdigital-ai/agentic-ui — distributed by TomeVault.