AgentResponseActions

Response action bar for copy, retry, like, and dislike.

Demo

AgentResponseActionsOne public API for H5 and Wevu

Live state

Release readiness workflowAgentResponseActions

Install

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

Registry installs the UI component into your project, so import it from @/components/agent-ui; @varo-ui/ai provides the event protocol, stream controller, and Markdown primitives—not Vue/Wevu UI components.

Basic Usage

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

<template>
  <AgentResponseActions :content="answer" @retry="retry" />
</template>

Props

Prop	Type	Default	Description
content	string	''	Response text
disabled	boolean	false	Disabled

Events

Event	Payload	Description
copy	void	Copied
retry	void	Retry
like	void	Like
dislike	void	Dislike

Target Notes

Target	Import
H5	Named export from @/components/agent-ui
weapp	@/components/agent-ui/AgentResponseActions.vue

The public API stays aligned across targets; DOM/WXML, scheduling, and native events are target-owned.