Component Thought Chain

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.

antdigital-ai 26f808b 1.2 KB Updated

File contents

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 使用 onToggleonClickon 前缀。
  • 类型定义见 ThoughtChainListPropsWhiteBoxProcessInterfaceDocMeta 等。

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

antdigital-ai/agentic-ui/tree/main/.cursor/skills/component-thought-chain commit 26f808b1cb

Frequently asked questions

npx skillmds@latest add antdigital-ai/component-thought-chain