Skip to content

AgentThinking ​

Collapsible reasoning, search, coding, and execution traces.

Demo ​

AgentThinkingOne public API for H5 and Wevu
Live state
Release readiness workflowAgentThinking
理解请求0.2s识别为发布前检查
读取 Registry0.4s验证 44 个 Agent UI surface
检查构建双端产物已生成

Basic Usage ​

vue
<script setup lang="ts">
import { AgentThinking } from '@/components/agent-ui'
</script>

<template>
  <AgentThinking label="推理过程" :steps="steps" default-open />
</template>

Props ​

PropTypeDefaultDescription
classNameClassValueundefinedRoot classes merged by the target-specific cn helper
labelstringAgent 执行轨迹Title
openbooleanundefinedControlled open state
defaultOpenbooleanfalseInitial uncontrolled open state
stepsAgentTraceStep[][]Trace steps

Events ​

EventPayloadDescription
update:openbooleanOpen state changed

Target notes

TargetImport
H5Named export from @/components/agent-ui
weapp@/components/agent-ui/AgentThinking.vue