Files
Agent-n8n/.serena/memories/exhibition_demo_architecture_2025.md
Yep_Q 0d96ffd429 fix: 修复Agent头像显示和结果弹窗问题
主要修复:
- 恢复Agent真实头像显示(替换emoji为实际图片)
- 删除自动跳转到ResultPageV2的逻辑
- 修改ResultModal支持动态内容显示
- 根据不同订单班显示对应的方案信息

优化内容:
- 重构Agent系统,每个订单班独立管理Agent配置
- 删除不需要的ResultPageV2组件
- handleViewDetails改为在新标签页打开

影响模块:
- web_frontend/exhibition-demo/src/components/ResultModal.tsx
- web_frontend/exhibition-demo/src/pages/WorkflowPageV4.tsx
- web_frontend/exhibition-demo/src/App.tsx
- web_frontend/exhibition-demo/src/data/terminalSimulations/*.ts

🤖 Generated with Claude Code

Co-Authored-By: Claude <noreply@anthropic.com>
2025-09-29 20:12:57 +08:00

2.4 KiB
Raw Blame History

Exhibition-Demo 项目记忆 (2025-09-29)

项目概述

一个基于 React + TypeScript 的多智能体协同演示系统支持12个专业领域的AI Agent协同工作。

最新架构决策

  • UI设计: 采用苹果风格设计语言,简洁优雅
  • 数据管理: 终端模拟数据使用TypeScriptsrc/data/terminalSimulations/已废弃JSON方案
  • 主题系统: 12个订单班各有独特主题色和图标
  • 组件版本: WorkflowPageV4和ResultPageV2是最新版本

项目结构

exhibition-demo/
├── src/
│   ├── components/
│   │   ├── RequirementModal.tsx  # 苹果风格弹窗含视频Logo
│   │   └── OrderClassIcons.tsx   # 订单班图标映射
│   ├── pages/
│   │   ├── WorkflowPageV4.tsx    # 最新工作流页面
│   │   └── ResultPageV2.tsx      # 最新结果页面
│   ├── data/
│   │   ├── orderClasses.json     # 12个订单班配置
│   │   └── terminalSimulations/  # TypeScript终端数据
│   │       ├── wenlu.ts
│   │       └── food.ts

12个订单班配置

  1. food - 食品(橙色)
  2. tourism - 文旅(翠绿)
  3. finance - 财经商贸(蓝色)
  4. dev - 智能开发(紫色)
  5. manufacturing - 智能制造(灰色)
  6. design - 视觉设计(粉色)
  7. logistics - 交通物流(靛蓝)
  8. civil - 土木(黄色)
  9. health - 大健康(红色)
  10. energy - 能源(绿色)
  11. chemical - 化工(青色)
  12. environment - 环保(青柠)

UI关键特性

重要技术细节

  • 打字机速度: CHARS_PER_SECOND = 35
  • 行间延迟: LINE_DELAY = 100ms
  • URL参数: ?orderClass=food/wenlu/...
  • 终端模拟: 使用动态import加载TypeScript数据

最近完成的优化

  • RequirementModal订单班卡片优化间距、动画、选中效果
  • 标题增大text-sm → text-base并添加图标
  • 删除未使用的JSON文件food.json, wenlu.json
  • 更新README.md文档

待优化事项

  • 为其他10个订单班添加terminalSimulations数据
  • Agent卡片动画效果优化
  • 结果页面展示效果完善