# AI Flow Frontend - 进度追踪文件 # 每次AI会话结束时必须更新此文件 # 新的AI会话开始时必须首先阅读此文件 ## 项目当前状态 (截至 2026-04-12) ### 已完成的核心功能 - **基础框架**: Cool Admin Vue 3 初始化,权限系统UI,流程编排UI(Vue Flow),知识库管理UI - **品牌重命名**: COOL-ADMIN → 毅行Agentics,登录页Canvas星河海洋动画 - **Agent对话页** (FE-100): SSE流式对话 + 会话管理 + Skill进度 + Agent选择器 + 动态欢迎页 - **Skill管理页** (FE-101): 卡片列表 + 启停 + 详情抽屉(3个tab) - **Skill提示词自定义** (FE-102): 合并到Skill详情的提示词tab - **Skill配置面板** (FE-110): 参数配置 + 模型配置 + 提示词编辑 - **检测结果页** (FE-111): 视频划痕检测报告展示 - **Skill分类UI** (FE-130): skillType标签(compute绿/llm蓝/multimodal橙) + 分类筛选 - **Agent管理列表** (FE-131): 卡片网格 + CRUD + 发布/取消 + 对话测试 - **Agent编辑页** (FE-132): 5个Tab(基本信息/Skill选择/提示词/模型/接口配置) - **对话页改造** (FE-133): Agent选择器 + 动态欢迎页 + 按Agent过滤会话 - **Agent菜单配置** (FE-134): 路由注册 + 数据库菜单 - **LLM思考显示**: 每条消息独立thinking折叠块 - **Skill执行结果展示**: OCR表格/通用JSON + 历史消息Skill执行记录 - **审核订单模块** (FE-400~403): 订单列表 + 详情页 + 统计面板 + 路由菜单 - **实时语音对话** (FE-500): Socket.io连接+麦克风PCM录音+TTS句子级缓冲播放+全屏语音面板 - **Skill配置面板改进** (FE-501): 实时语音音色下拉选择(4个精品音色)+模型版本下拉+文生图配置面板 - **模型渠道管理** (Neta Monorepo): 管理页面+级联选择器组件+Agent编辑页改造+Skill模型配置改造 ### 模块结构 ``` src/modules/ ├── agent/ ★ Agent智能代理(6个view + 11个component + 2个hook + store + types) ├── audit/ ★ 审核订单管理(4个view + 3个component + composable + types) ├── base/ 登录(Canvas动画) + 用户/角色/菜单/部门 ├── flow/ 流程编排UI(Vue Flow拖拽) ├── know/ 知识库管理 ├── dict/task/space/user/demo/recycle/helper 基础管理 ``` ### 数据库菜单 (base_sys_menu) | ID | 名称 | 路由 | 父级 | |----|------|------|------| | 112 | Agent管理(目录) | - | - | | 113 | Agent对话 | /agent/chat | 112 | | 114 | Skill管理 | /agent/skills | 112 | | 115 | 检测结果 | /agent/detection-result | 112 | | 116 | Agent管理 | /agent/agents | 112 | | 157 | 模型管理 | /agent/model-channel | 112 | | 120 | 审核订单管理(目录) | - | - | | 121 | 审核订单 | /audit/orders | 120 | | 122 | 审核详情 | /audit/detail | 120 (隐藏) | | 123 | 审核统计 | /audit/dashboard | 120 | ### Token追踪前端展示 (Phase 3 完成) - **实时token显示**: chat.vue 执行中显示 runningTokenUsage (入/出/总/调用次数,脉冲动画) - **消息级token统计**: message-item.vue 每条assistant消息底部显示 token 汇总 - **Skill级token**: 每个Skill执行记录显示 token 消耗和 API 调用次数 - **会话级统计**: 上下文进度条 + 累计 token 显示 - **SSE事件**: 新增 token_update 事件类型处理 ### 待开发 (按优先级) - FE-400~403 passes验证: 需后端audit API完成后联调 - FE-005~008: 流程编排核心功能(节点配置/保存发布/调试/日志) - FE-009: 知识库管理页面增强 - FE-017~018: TYCM审核定制页面 ## 历史会话摘要 (精简版) | 日期 | 会话 | 主要完成 | |------|------|---------| | 02-21 | #1~#4 | 上下文工程初始化 + Agent对话页(FE-100) + Skill管理(FE-101) + Skill配置(FE-110) + 检测结果(FE-111) | | 02-24 | #5~#8 | 文档同步 + Agent架构进化前端(FE-130~134) + 联调Bug修复9个 + UI优化 | | 02-27 | #9 | 品牌重命名 + 登录页Canvas星河海洋动画 + Agent模块补全(multimodal/middleware) | | 02-28 | #10 | Skill描述编辑 + 默认LLM填充 + Skill执行结果展示(OCR表格) | | 03-05 | #11 | LLM思考显示(每条消息独立) + 对话页流式优化 + 移除硬编码通用Agent | | 03-06 | #12~#13 | 审核订单模块规划 + 前端实现(FE-400~403: 列表/详情/统计/路由) | | 03-10 | #14~#15 | 实时语音对话集成(FE-500: Socket.io+录音+播放+面板) + Skill配置面板改进(FE-501: 音色下拉/模型下拉/文生图) + 上下文工程文档更新 | | 04-12 | #16 | Neta Monorepo 模型渠道管理:管理页面+级联选择器+Agent编辑页改造+Skill模型配置改造+路由菜单 |