ThoughtChain 思维链

思维链组件用于可视化和追踪 Agent 对 Actions 和 Tools 的调用链。
使用
源码 components/thought-chain
文档 编辑此页

何时使用#

  • 调试和跟踪复杂 Agent System 中的调用链
  • 类似的链式场景中使用

代码演示#

1
Thought Chain Item Title description
2
Thought Chain Item Title description
基本

基础用法。

      加载中


1
Thought Chain Item Title description
2
Thought Chain Item Title description
尺寸

ThoughtChain 有大、中、小三种尺寸。默认尺寸为中 - middle。

      加载中
Thought Chain Item Title description
Thought Chain Item Title description
Thought Chain Item Title description
节点状态

思维链节点支持配置 status 属性来明显的表明当前节点的执行状态

      加载中
1
Thought Chain Item Title description
2
Thought Chain Item Title description
可折叠的

配置 collapsible 可开启对思维链节点内容区域的折叠功能

      加载中
Thought Chain Item Title description
Thought Chain Item Title description
Thought Chain Item Title description
客制化

items 属性支持灵活的客制化配置，详情参考 ThoughtChainItem 定义

      加载中
1
Thought Chain Item Title description
2
Thought Chain Item Title description
嵌套使用

ThoughtChain 组件支持嵌套使用

      加载中

API#

nx-thought-chain#

参数说明类型默认值全局配置
[nxCollapsible]是否可折叠boolean | NxCollapsibleOptionsfalse-
[nxItems]思维节点集合NxThoughtChainItem[]--
[nxSize]尺寸large | middle | smallmiddle-

NxThoughtChainItem#

参数说明类型默认值全局配置
[content]思维节点内容TemplateRef<void>--
[description]思维节点描述TemplateRef<void> | string--
[extra]思维节点额外内容TemplateRef<void>--
[footer]思维节点脚注TemplateRef<void>--
[icon]思维节点图标string--
[key]思维节点唯一标识符string--
[status]思维节点状态pending | success | error--
[title]思维节点标题TemplateRef<void> | string--

NxCollapsibleOptions#

参数说明类型默认值全局配置
[expandedKeys]当前展开的节点string[]--
[onExpand]展开节点变化的回调函数(expandedKeys: string[]) => void--