ROOG 86e0f4936d main: 增加工具调用支持及相关功能集成
- 添加多个工具卡片组件,包括 LsResultCard、BashResultCard、FileReadResultCard 和 ToolCallCard
- 更新 ChatView 消息处理逻辑,支持工具消息的解析与展示
- 实现工具调用与结果处理机制,完善工具消息的归一化及合并逻辑
- 优化消息界面,新增工具调用列表与对应的样式调整
- 更新工具调用相关功能的状态管理与交互逻辑
2025-12-24 01:43:01 +08:00

ARS 前端 Demo

本仓库是 ARSAgent Runtime Server 的无头后端默认前端。ARS 的愿景是为智能体提供“可治理、可观测、可组合”的运行时:解耦大模型与工具链,标准化会话/消息模型,让团队能安全、可审计地落地 Agent 能力。更多背景可参考博文:https://blog.roog-code.cn/posts/roog-agent-handler/roog-agent-handler/

我们在解决什么

  • 安全与治理OPEN/LOCKED/CLOSED 状态门禁幂等键dedupe_key、权限与审计避免重复执行与越权调用。
  • 可观测性:会话 + 消息序列seq统一建模便于追踪、回放和问题定位。
  • 可扩展性:面向多模态(文本/文件/图片)与插件/工具调用,作为“无头”运行时嵌入业务。
  • 落地效率:默认 UI 与接口示例,让团队快速验证 Agent 能力并迭代。

Demo 包含

  • 登录/欢迎页:获取 JWT查看运行概览。
  • 会话侧边栏ChatGPT 风格常驻列表,新建会话、分页“加载更多”、快速切换。
  • 会话详情页(演示数据):历史消息、文件/图片附件展示,自适应输入区 + 附件槽。
  • 用户管理:列表、编辑/新建、启用/禁用等后台常见操作。

目录速览

  • 源码入口:src/
  • 路由与页面:src/router/index.jssrc/views/*
  • 会话侧边栏:src/components/SessionSidebar.vue
  • 会话详情 UI假数据演示src/views/ChatView.vue
  • 测试:tests/Vitest + Vue Test Utils

快速开始

  1. 安装依赖:npm install
  2. 启动开发:npm run dev
  3. 可选:配置后端基址 VITE_API_BASE=http://localhost:8000/api

默认对接 ars-backend 接口(接口文档见 ../ars-backend/docs)。登录后可体验会话与用户管理流程;如需真实消息收发,请在 ChatView 中接入后端消息接口。***

Description
Agent Runtime Server 前端部分。 作为一个无头应用理论上不应该有前端部分,但是我们总得有一个拿的出手的前端demo,让它作为我们ARS的默认可参考的前端工程。
Readme 266 KiB
Languages
Vue 71.4%
JavaScript 25.2%
CSS 3.1%
HTML 0.3%