Skip to content

AgentSelectionActions

Agent actions such as explain, improve, or shorten for selected text.

Demo

AgentSelectionActionsOne public API for H5 and Wevu
Live state
Release readiness workflowAgentSelectionActions
小程序 Agent UI 已通过双端构建。

Install

bash
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

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

<template>
  <AgentSelectionActions :text="selectedText" :actions="actions" />
</template>

Props

PropTypeDefaultDescription
textstringrequiredSelected text
actionsAgentSelectionAction[][]Actions

Events

EventPayloadDescription
select{ action; text }Action selected

Target Notes

TargetImport
H5Named export from @/components/agent-ui
weappDefault export from @/components/agent-ui/AgentSelectionActions.vue

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