AgentRagPipeline

五阶段检索增强生成：进度、来源卡片，以及可追溯到来源的引用回答。

案例

AgentRagPipelineH5 与 Wevu 使用同一公共 API

实时状态

发布检查工作流AgentRagPipeline

检索增强生成

流程已完成

2.9 s

1. 理解问题380 ms已完成

   确认本次查询与来源范围

   如何让注册失败的用户顺利恢复流程？

2. 向量编码650 ms已完成

   将问题转换为检索表示
3. 检索来源540 ms已完成

   查找与问题相关的片段
4. 组装上下文580 ms已完成

   将来源片段组织为上下文

   1. 1来源 1：客服工单
   2. 2来源 2：会话回放
5. 引用回答720 ms已完成

   生成可追溯到来源的回答

   验证链接过期后应提供新链接。 会话回放也显示缺少恢复入口。

基础用法

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

<template>
  <AgentRagPipeline
    :query="query"
    :steps="steps"
    :sources="sources"
    :answer="answer"
    @run="run"
    @cancel="cancel"
    @select-source="selectSource"
  />
</template>

Props

Prop	Type	Default	说明
className	ClassValue	undefined	根节点样式
query	string	''	当前查询
steps	readonly AgentRagStep[]	[]	五阶段进度
sources	readonly AgentRagSource[]	[]	检索来源
answer	readonly AgentRagAnswerPart[]	[]	文本片段与引用来源
title	string	'检索增强生成'	标题
elapsedMs	number	undefined	总耗时
reducedMotion	boolean	false	关闭非必要动效

Events

Event	Payload	说明
run	void	开始或重跑
cancel	void	停止当前流程
selectSource	AgentRagSource	选中某个来源

平台差异

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

文档演示使用本地快照，不调用模型或检索服务。