AgentToolResult

终端输出和请求响应的可折叠工具结果。

案例

AgentToolResultH5 与 Wevu 使用同一公共 API

实时状态

发布检查工作流AgentToolResult

Test Files 7 passed
Tests 38 passed

安装

pnpm add @varo-ui/ai
pnpm dlx @varo-ui/cli add --target h5 components/agent-ui
pnpm dlx @varo-ui/cli add --target weapp components/agent-ui

UI 组件由 Registry 安装到项目本地，因此从 @/components/agent-ui 导入；@varo-ui/ai 只提供事件协议、流控制和 Markdown 能力，不导出 Vue/Wevu UI 组件。

基础用法

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

<template>
  <AgentToolResult name="pnpm test" output="38 tests passed" status="completed" default-open />
</template>

Props

Prop	Type	Default	说明
name	string	required	工具名
status	AgentAdvancedStatus	completed	状态
summary	string	—	摘要
output	string	''	输出
duration	string	—	耗时
defaultOpen	boolean	false	默认展开

Events

Event	Payload	说明
retry	void	重试
update:open	boolean	展开变化

Slots

Slot	说明
default	自定义输出

平台差异

Target	Import
H5	Named export from @/components/agent-ui
weapp	默认导出自 @/components/agent-ui/AgentToolResult.vue

组件 API 在两个目标保持一致；DOM/WXML、调度和原生事件由目标实现负责。