yusys-ai-platform/yusys-ai-front

yusys-ai-front

基于 Vue3 + Vite 的 AG-UI 智能体对话前端。使用官方标准客户端 @ag-ui/client (HTTP + SSE)对接任意符合 AG-UI 协议 的后端(如 AgentScope-Java)。

功能

• 顶部下拉框选择智能体 URL,可自定义、可临时增删(仅当前会话有效,刷新恢复预设)
• 流式对话:文本增量 (TEXT_MESSAGE_*)、工具调用 (TOOL_CALL_*) 实时渲染
• Enter 发送,Shift+Enter 换行

运行

npm install
npm run dev      # 开发,默认 http://localhost:5173
npm run build    # 生产构建到 dist/

配置智能体

src/App.vue 中 agents 是预设列表,请改成你的真实 AG-UI 端点,或直接在界面 URL 输入框里填写。界面上的“保存/删除”只在当前会话生效,刷新后恢复预设。

注意:CORS

前端会向所选 URL 直接发起跨域请求,后端需允许前端来源的跨域 (Access-Control-Allow-Origin 等)。AgentScope-Java 侧开启 AG-UI 端点的 CORS 即可。