refactor: 清理web_result冗余文件夹并修复路径引用

详细说明: - 删除web_result下的3个冗余文件夹(会展策划/Agent_prompt/agent头像) - 所有资源已整合到订单班文档资料/文旅目录 - 更新11个文件中的122处路径引用 - 修复wenlu.ts的TypeScript类型声明 - 添加AgentOutput类型导入影响文件: - web_result/index.html (30处路径更新) - web_result/order-classes/wenlu/*.html (62处更新) - web_result/js/router.js (1处更新) - exhibition-demo/src/data/terminalSimulations/wenlu.ts (类型修复) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
2025-10-01 19:11:14 +08:00
parent 212c0af6bf
commit 712dbe3416
292 changed files with 4948 additions and 2540 deletions
--- a/.serena/memories/civil_engineering_terminal_simulation_creation.md
+++ b/.serena/memories/civil_engineering_terminal_simulation_creation.md
@@ -0,0 +1,208 @@
+# 土木订单班终端模拟创建实践记录
+
+## 创建日期
+2025-10-01
+
+## 项目概述
+为土木订单班创建终端模拟内容，项目类型为"120㎡现代简约三居室CAD整体方案设计"。
+
+## 关键发现
+
+### 1. Agent名称与头像文件名不匹配问题
+**问题描述**：
+- Agent提示词文件：`水单设计师.md`、`3D建模师.md`
+- Agent头像文件：`水电设计师.jpg`、`3D模型师.jpg`
+
+**解决方案**：
+在创建终端模拟时，优先使用**头像文件名**作为Agent的显示名称，因为头像文件是实际存在的资源。
+
+**配置示例**：
+```typescript
+{
+  id: 'civil_mep_engineer',
+  name: '水电设计师',  // 使用头像文件名
+  avatar: '/data/订单班文档资料/土木/agent头像/水电设计师.jpg',
+}
+```
+
+### 2. orderClasses.json 配置与实际文档不符
+**问题描述**：
+- `orderClasses.json` 中 civil 订单班描述的是"滨河防洪堤加固工程"
+- 实际文档是"室内CAD整体方案设计"
+
+**解决方案**：
+更新 `orderClasses.json` 配置，使其与实际文档内容一致：
+```json
+{
+  "id": "civil",
+  "name": "土木",
+  "template": {
+    "title": "120㎡现代简约三居室CAD整体方案设计",
+    "description": "项目类型：室内CAD整体方案设计\n户型面积：120㎡..."
+  },
+  "agentCount": 8
+}
+```
+
+### 3. Agent配置设计思路
+
+#### 8个Agent的工作流程
+1. **需求分析师** → 客户访谈、需求梳理、风格定位
+2. **室内设计师** → 功能分区、初稿设计、家具布置
+3. **CAD制图员** → 施工图绘制、节点详图
+4. **暖通设计师** → 顶面布置、灯具点位
+5. **水电设计师** → 强弱电布置、给排水设计
+6. **灯光设计师** → 灯光效果模拟、照度计算
+7. **软装设计师** → 材质选型、色彩搭配
+8. **3D建模师** → 3D建模、效果渲染、生长动画
+
+#### Agent顺序原则
+按照**室内设计的实际工作流程**排列：
+- 前期（需求→设计）→ 中期（制图→深化）→ 后期（效果呈现）
+
+### 4. 图片资源分配策略
+
+#### 图片与Agent的对应关系
+| Agent | 图片资源 | 展示目的 |
+|-------|---------|---------|
+| 室内设计师 | 室内平面设计图 | 展示功能分区和家具布置 |
+| CAD制图员 | 吊顶收口节点CAD图、地面与墙面收口CAD图、窗帘盒尺寸CAD图 | 展示施工图纸的细节 |
+| 水电设计师 | CAD绘制强弱电布置图 | 展示水电点位布局 |
+| 灯光设计师 | 实景渲染尺寸标记 | 展示灯光效果 |
+| 软装设计师 | 材质选型、尺寸标注 | 展示材质和色彩方案 |
+| 3D建模师 | 效果渲染图加尺寸标注 | 展示最终效果 |
+
+#### 图片分配原则
+1. **每个Agent展示与其工作内容直接相关的图片**
+2. **图片顺序遵循文档章节顺序**
+3. **关键技术节点配多张图片**（如CAD制图员展示3张节点图）
+4. **最后一个Agent展示最终成果**（效果渲染图）
+
+### 5. 内容设计亮点
+
+#### 启动序列亮点
+```typescript
+{ type: 'system', content: '加载专业知识库: 室内设计/CAD制图/建筑规范/材料工艺' },
+{ type: 'system', content: '├─ 《住宅设计规范》GB 50096-2011' },
+{ type: 'system', content: '├─ AutoCAD 2024 + 3ds Max + V-Ray' },
+```
+- 体现**专业性**：引用行业规范和专业软件
+- 体现**技术感**：展示工具链
+
+#### Agent输出序列亮点
+```typescript
+// 数据结构化展示
+{ type: 'info', content: '动线规划分析:' },
+{ type: 'output', content: '  • 生活动线: 入户 → 客厅 → 厨房 → 餐厅' },
+{ type: 'output', content: '  • 学习动线: 儿童房 → 书房（避免干扰）' },
+
+// 关键指标突出
+{ type: 'success', content: '✓ 原始户型使用率: 85%' },
+{ type: 'success', content: '✓ 优化目标: ≥92%（提升7个百分点）' },
+```
+
+#### 完成序列亮点
+```typescript
+{ type: 'info', content: '🎯 核心设计亮点:' },
+{ type: 'success', content: '✓ 空间利用率从85%提升至92%（提升7个百分点）' },
+{ type: 'success', content: '✓ 收纳体积达到35m³（超出行业平均水平）' },
+
+{ type: 'info', content: '💰 预算控制:' },
+{ type: 'success', content: '✓ 总预算: 35万元（严格控制，不超预算）' },
+{ type: 'success', content: '✓ 性价比: 2916元/㎡（中等偏上装修标准）' },
+```
+- **核心亮点**：空间优化、预算控制
+- **量化指标**：使用率提升7%、性价比2916元/㎡
+- **分类展示**：设计亮点、预算控制、工期安排、技术创新、交付物清单
+
+### 6. 特殊内容处理
+
+#### 户型生长动画
+```typescript
+{ type: 'info', content: '🎬 户型生长动画制作中...' },
+{ type: 'output', content: '  • 动画时长: 60秒' },
+{ type: 'output', content: '  • 展示内容: 墙体生长 → 家具摆放 → 材质贴图 → 灯光效果' },
+{ type: 'output', content: '  • 输出格式: 1920×1080 MP4' },
+```
+- 虽然视频文件存在，但在终端模拟中**用文字描述**动画内容
+- 不直接展示视频文件（终端模拟只支持图片）
+
+#### 技术工具链展示
+```typescript
+{ type: 'output', content: '  • CAD精确制图: 1:50比例，施工图纸完整规范' },
+{ type: 'output', content: '  • 3D建模渲染: 3ds Max + V-Ray，4K高清输出' },
+{ type: 'output', content: '  • Dialux照度计算: 科学灯光布局，节能舒适' },
+```
+- 展示**专业软件和工具**
+- 体现**技术创新**和**专业能力**
+
+### 7. 与之前订单班的对比
+
+#### 食品订单班
+- 7个Agent（市场→品牌→选址→菜品→运营→人员→财务）
+- 财务数据丰富（50万投资、290万营收）
+- 图片：店面、菜品、人员
+
+#### 视觉设计订单班
+- 5个Agent（总监→编剧→导演→分镜→制片）
+- AIGC分镜对比（线稿→AI生成）
+- 图片：古镇风光、分镜对比
+
+#### 土木订单班（本次）
+- 8个Agent（需求→设计→制图→暖通→水电→灯光→软装→3D）
+- 空间优化数据（85%→92%使用率）
+- 图片：CAD图纸、节点详图、效果渲染
+
+### 8. 经验总结
+
+#### 创建前必做检查
+- [ ] 检查Agent提示词文件数量
+- [ ] 检查Agent头像文件数量和名称
+- [ ] 验证头像文件名与提示词文件名的对应关系
+- [ ] 阅读Markdown文档，理解项目内容
+- [ ] 检查orderClasses.json配置是否与实际文档一致
+- [ ] 确认图片文件名是否为描述性名称
+
+#### 创建时的最佳实践
+1. **优先使用头像文件名作为Agent名称**（因为头像是实际显示的资源）
+2. **Agent顺序按实际工作流程排列**（前期→中期→后期）
+3. **每个Agent至少展示1-3张相关图片**
+4. **数据结构化展示**（使用 `output` 类型配合缩进）
+5. **关键指标量化**（提升百分比、预算金额、工期天数）
+6. **完成序列突出核心亮点**（分类展示：设计亮点、预算、工期、技术、交付物）
+
+#### 常见问题解决
+1. **名称不匹配**：使用头像文件名
+2. **配置不符**：更新orderClasses.json
+3. **图片路径**：使用 `/data/订单班文档资料/[订单班]/notion文稿/image/[图片名]`
+4. **视频处理**：用文字描述，不直接展示
+
+## 文件清单
+
+### 创建的文件
+- `/web_frontend/exhibition-demo/src/data/terminalSimulations/civilEngineering.ts`
+
+### 修改的文件
+- `/web_frontend/exhibition-demo/src/data/terminalSimulations/index.ts`（添加import和注册）
+- `/web_frontend/exhibition-demo/src/data/orderClasses.json`（更新civil配置）
+
+## 下一步建议
+
+### 对于后续订单班
+1. 先检查Agent头像和提示词文件的名称对应关系
+2. 确认orderClasses.json配置是否与实际文档一致
+3. 借鉴本次的Agent配置和内容结构
+4. 根据各订单班的特点调整展示重点
+
+### 需要注意的订单班
+- **智能制造**：可能涉及PLC、机器人等技术术语
+- **智能开发**：涉及代码、技术架构等内容
+- **财经商贸**：涉及电商运营、财务数据
+- **大健康**：涉及AI心理咨询、医疗数据
+- **交通物流**：涉及AGV调度、算法优化
+- **能源**：涉及光伏检测、设备配置
+- **化工**：涉及实验室建设、检测标准
+- **环保**：涉及水质监测、治理措施
+
+## 版本历史
+- v1.0 (2025-10-01): 土木订单班终端模拟创建完成
--- a/.serena/memories/exhibition_demo_data_folder_structure.md
+++ b/.serena/memories/exhibition_demo_data_folder_structure.md
@@ -0,0 +1,151 @@
+# Exhibition Demo 项目 Data 文件夹结构规范
+
+## 概述
+exhibition-demo 项目中存在两个 `data` 文件夹，各自有明确的用途和归档规范。
+
+## 📁 src/data/ - 应用程序逻辑数据
+
+### 用途
+存放前端应用的**配置数据和业务逻辑代码**
+
+### 内容结构
+```
+src/data/
+├── terminalSimulations/     # 终端模拟逻辑（TypeScript）
+│   ├── food.ts             # 食品订单班模拟
+│   ├── wenlu.ts            # 文旅订单班模拟
+│   └── ...                 # 其他订单班模拟
+├── agents/                 # Agent 配置逻辑
+└── orderClasses.json       # 订单班分类配置
+```
+
+### 特点
+- 文件类型：TypeScript (.ts) / JavaScript (.js) / JSON (.json)
+- 处理方式：会被 Vite 打包到应用中
+- 访问方式：通过 import 导入到代码中使用
+
+### 适合存放的内容
+✅ TypeScript 配置文件
+✅ JavaScript 逻辑代码
+✅ JSON 配置数据
+✅ Agent 业务逻辑
+✅ 模拟数据生成代码
+
+### 不适合存放的内容
+❌ 图片文件
+❌ 文档文件
+❌ 静态资源
+❌ 头像图片
+
+---
+
+## 📁 public/data/ - 静态资源文件
+
+### 用途
+存放**静态资源文件**，通过 URL 直接访问
+
+### 内容结构
+```
+public/data/
+├── Agent_prompt/           # Agent 提示词文档
+├── agent头像/              # Agent 头像图片
+├── 会展策划/               # 会展相关资源
+└── 订单班文档资料/         # 软链接 -> 项目根目录/data/订单班文档资料
+```
+
+### 特点
+- 文件类型：图片 (.jpg/.png/.svg) / 文档 / 其他静态文件
+- 处理方式：不会被打包，直接复制到构建输出目录
+- 访问方式：通过 `/data/...` URL 路径在浏览器中访问
+
+### 软链接说明
+`public/data/订单班文档资料` 是一个符号链接，指向：
+```
+/Users/xiaoqi/Documents/Dev/Project/2025-09-08_n8nDEMO演示/data/订单班文档资料
+```
+
+**重要**: 此软链接已经创建，不需要重复创建。Vite 配置中已添加 `fs.allow: ['..']` 允许访问。
+
+### 适合存放的内容
+✅ 图片文件（.jpg, .png, .svg, .webp）
+✅ Agent 头像
+✅ 文档资料
+✅ Markdown 文件
+✅ 其他静态资源
+
+### 不适合存放的内容
+❌ TypeScript 代码
+❌ JavaScript 逻辑
+❌ JSON 配置（应放在 src/data/）
+❌ 需要被打包的代码
+
+---
+
+## 🎯 快速判断规则
+
+### 问自己：
+1. **这是代码吗？** → 放 `src/data/`
+2. **这是资源吗？** → 放 `public/data/`
+
+### 示例判断
+
+| 文件类型 | 存放位置 | 原因 |
+|---------|---------|------|
+| food.ts | src/data/terminalSimulations/ | 业务逻辑代码 |
+| orderClasses.json | src/data/ | 配置数据 |
+| 餐饮市场调研专家.jpeg | public/data/agent头像/ | 静态图片资源 |
+| Agent提示词.md | public/data/Agent_prompt/ | 文档资源 |
+| 店面图片_正门.jpg | public/data/订单班文档资料/食品/... | 文档配图 |
+
+---
+
+## 🔧 Vite 配置要求
+
+为了让 public/data/ 中的软链接正常工作，vite.config.ts 必须包含：
+
+```typescript
+export default defineConfig({
+  server: {
+    fs: {
+      allow: ['..'],  // 允许访问父目录
+    },
+  },
+  preview: {
+    fs: {
+      allow: ['..'],
+    },
+  },
+})
+```
+
+---
+
+## ⚠️ 违规提醒清单
+
+如果发现以下情况，需要提醒用户：
+
+### src/data/ 违规情况
+- [ ] 存放了图片文件（应移到 public/data/）
+- [ ] 存放了文档文件（应移到 public/data/）
+- [ ] 存放了头像文件（应移到 public/data/agent头像/）
+
+### public/data/ 违规情况
+- [ ] 存放了 .ts 文件（应移到 src/data/）
+- [ ] 存放了 .js 文件（应移到 src/data/）
+- [ ] 存放了业务逻辑 JSON（应移到 src/data/）
+
+---
+
+## 📝 维护建议
+
+1. **定期检查**: 确保文件归档符合规范
+2. **命名规范**: 使用描述性文件名（如：店面图片_正门.jpg）
+3. **路径引用**: 
+   - src/data/ 使用 `import` 引用
+   - public/data/ 使用 `/data/...` URL 引用
+4. **软链接维护**: 不要删除或重建已存在的软链接
+
+---
+
+## 最后更新
+2025-10-01
--- a/.serena/memories/health_order_class_terminal_simulation_creation.md
+++ b/.serena/memories/health_order_class_terminal_simulation_creation.md
@@ -0,0 +1,99 @@
+# 大健康订单班终端模拟创建记录
+
+## 项目信息
+- **订单班ID**: health
+- **订单班名称**: 大健康
+- **项目标题**: 27岁女性社交焦虑心理咨询服务
+- **文档路径**: `/data/订单班文档资料/大健康/notion文稿/`
+
+## Agent配置
+实际创建了 **4个Agent** (与orderClasses.json中配置的6个不符):
+
+1. **用户分析师** (User Analyst)
+   - ID: health_user_analyst
+   - Icon: 📊
+   - 职责: 初步评估、建立关系、收集基础信息
+   - 关键输出: 情绪数据分析表.jpg
+
+2. **心理学家** (Psychologist)
+   - ID: health_psychologist
+   - Icon: 🧠
+   - 职责: 问题分析、目标设定、心理学理论指导
+   - 关键输出: 心理状态结构化分析示意图.jpg, 目标设定可视化示意图.jpg
+
+3. **治疗师** (Therapist)
+   - ID: health_therapist
+   - Icon: 💊
+   - 职责: 干预方案设计、治疗技术选择
+   - 关键输出: 干预方法选择示意图.jpg
+
+4. **精神病学家** (Psychiatrist)
+   - ID: health_psychiatrist
+   - Icon: 🩺
+   - 职责: 效果评估、后续跟进、结案报告
+   - 关键输出: 临床心理结案报告.jpg
+
+## 项目特点
+
+### 案例信息
+- **来访者**: 27岁女性，互联网产品经理
+- **主诉问题**: 社交焦虑，持续2年
+- **咨询周期**: 12次，每次50分钟
+- **治疗模式**: CBT + MBCT 结合
+
+### 量化评估数据
+- **SAS焦虑量表**: 65分 → 42分 (下降35%)
+- **SDS抑郁量表**: 58分 → 46分 (下降20%)
+- **PSQI睡眠指数**: 13分 → 6分 (改善54%)
+- **自我效能感**: 3/10 → 7.5/10
+
+### 核心技术
+- CBT认知行为疗法
+- MBCT正念认知疗法
+- 暴露疗法
+- 社交技能训练
+
+## 图片资源
+共5张图片,全部位于 `/data/订单班文档资料/大健康/notion文稿/image/` 目录:
+
+1. `情绪数据分析表.jpg` - 用户分析师使用
+2. `心理状态结构化分析示意图.jpg` - 心理学家使用
+3. `目标设定可视化示意图.jpg` - 心理学家使用
+4. `干预方法选择示意图.jpg` - 治疗师使用
+5. `临床心理结案报告.jpg` - 精神病学家使用
+
+## 配置修正
+
+### orderClasses.json配置错误
+- **错误配置**: agentCount为6
+- **实际情况**: 只有4个Agent
+- **修正操作**: 将agentCount从6改为4
+
+### 文件注册
+1. 创建 `/web_frontend/exhibition-demo/src/data/terminalSimulations/health.ts`
+2. 在 `index.ts` 中添加导入: `import { healthSimulation } from './health';`
+3. 在 `simulationMap` 中注册: `health: healthSimulation,`
+
+## 工作流程特点
+心理咨询服务的Agent工作流程体现了**医疗服务的循序渐进性**:
+
+1. **评估阶段** (用户分析师): 建立关系、收集信息、初步评估
+2. **分析阶段** (心理学家): 深度分析、目标设定、理论指导
+3. **干预阶段** (治疗师): 方案设计、技术实施、过程调整
+4. **评估阶段** (精神病学家): 效果评估、后续计划、结案报告
+
+## 经验总结
+
+### 与其他订单班的差异
+- **土木/食品/文旅**: 强调项目实施的线性流程 (需求→设计→实施→验收)
+- **视觉设计**: 强调创意过程的层层推进 (构思→策划→拍摄→后期)
+- **大健康**: 强调服务过程的循环反馈 (评估→分析→干预→再评估)
+
+### 关键学习点
+1. **Agent数量验证**: 始终要验证配置文件中的agentCount与实际Agent数量是否匹配
+2. **量化数据的重要性**: 心理咨询服务使用标准化量表(SAS、SDS、PSQI)提供客观评估
+3. **专业术语使用**: CBT、MBCT等专业术语体现了服务的专业性
+4. **图片资源命名**: 使用描述性名称直接反映内容 (如"情绪数据分析表.jpg")
+
+## 创建时间
+2025年10月1日
--- a/.serena/memories/terminal_simulation_creation_best_practices.md
+++ b/.serena/memories/terminal_simulation_creation_best_practices.md
@@ -0,0 +1,674 @@
+# 终端模拟文件创建最佳实践
+
+## 概述
+本文档记录创建订单班终端模拟文件（terminalSimulations）的标准流程和最佳实践，基于食品和视觉设计两个订单班的实际处理经验总结。
+
+## 一、文件位置规范
+
+### 存放目录
+```
+web_frontend/exhibition-demo/src/data/terminalSimulations/
+├── index.ts           # 类型定义和导出
+├── food.ts            # 食品订单班
+├── visualDesign.ts    # 视觉设计订单班
+└── [其他订单班].ts
+```
+
+### 为什么放在 src/data/ 而不是 public/data/？
+- **src/data/** 存放 TypeScript 代码和配置逻辑
+- **public/data/** 存放图片、文档等静态资源
+- 终端模拟文件是 TypeScript 代码，会被打包，因此放在 src/data/
+
+---
+
+## 二、创建前的准备工作
+
+### 1. 文档资料准备
+必须确保以下资料完整：
+
+```
+data/订单班文档资料/[订单班名称]/
+├── notion文稿/
+│   ├── [主文档].md              # 核心文档
+│   └── image/                   # 图片资源（已重命名为描述性名称）
+├── Agent_prompt/                # Agent 提示词文件
+│   ├── Agent1.md
+│   ├── Agent2.md
+│   └── ...
+└── agent头像/                   # Agent 头像图片
+    ├── Agent1.jpg
+    ├── Agent2.jpg
+    └── ...
+```
+
+**关键要求**：
+- ✅ 图片文件名必须是**描述性名称**（如：店面图片_正门.jpg）
+- ✅ Markdown 文档中的图片引用必须与实际文件名一致
+- ✅ Agent_prompt 文件数量必须与 agent头像 数量一致
+
+### 2. 文档内容审查
+
+**检查清单**：
+- [ ] 是否有清晰的章节结构？
+- [ ] 每个章节对应的图片是否有明确标注？
+- [ ] 是否有关键数据（预算、时间、数量等）？
+- [ ] 特殊内容（如 CSV 表格、对比图）是否已标注？
+
+**示例**：视觉设计订单班的特殊标注
+```markdown
+# 五、分镜设计
+
+| 镜号 | 生成图片 | 线稿图片 | 景别 | 时长 | ...
+```
+→ 这表示有一个 CSV 表格，展示 AIGC 分镜预览（线稿 → AI 生成图）
+
+---
+
+## 三、Agent 配置设计
+
+### 1. 确定 Agent 数量和类型
+
+**步骤**：
+1. 检查 `Agent_prompt/` 文件夹中的提示词文件数量
+2. 阅读每个提示词文件，理解 Agent 职责
+3. 按照文档章节顺序或工作流程顺序排列
+
+**食品订单班示例**（7个Agent）：
+```typescript
+const foodAgents: Agent[] = [
+  { id: 'food_market_analyst', name: '餐饮市场调研专家', icon: '📊' },
+  { id: 'food_brand_designer', name: '餐饮品牌设计专家', icon: '🎨' },
+  { id: 'food_location_decorator', name: '餐厅选址装修专家', icon: '🏗️' },
+  { id: 'food_menu_developer', name: '菜品研发专家', icon: '👨‍🍳' },
+  { id: 'food_operation_expert', name: '轻食店经营管理专家', icon: '🍽️' },
+  { id: 'food_team_manager', name: '餐饮团队人员管理专家', icon: '👥' },
+  { id: 'food_finance_advisor', name: '财务预算专家', icon: '💰' }
+];
+```
+
+**视觉设计订单班示例**（5个Agent）：
+```typescript
+const visualDesignAgents: Agent[] = [
+  { id: 'visual_project_director', name: '客户对接-项目总监', icon: '🎬' },
+  { id: 'visual_screenwriter', name: '编剧', icon: '✍️' },
+  { id: 'visual_director', name: '导演', icon: '🎥' },
+  { id: 'visual_storyboard_artist', name: '分镜师', icon: '🎨' },
+  { id: 'visual_production_manager', name: '制片主任', icon: '📋' }
+];
+```
+
+### 2. Agent 配置字段说明
+
+```typescript
+{
+  id: 'unique_agent_id',              // 唯一标识，建议格式：[订单班]_[职责]
+  name: 'Agent显示名称',               // 与提示词文件名一致
+  icon: '🎨',                         // 合适的emoji图标
+  avatar: '/data/订单班文档资料/[订单班]/agent头像/[Agent].jpg',
+  model: 'GPT-4',                     // AI 模型名称（可随意分配）
+  role: '简短职责描述',                // 3-5个词概括职责
+  status: 'waiting',                  // 初始状态固定为 waiting
+}
+```
+
+### 3. Agent 顺序原则
+
+**按工作流程顺序**：
+- ✅ **食品订单班**：市场调研 → 品牌设计 → 选址装修 → 菜品研发 → 运营管理 → 人员管理 → 财务预算
+- ✅ **视觉设计订单班**：客户对接 → 编剧 → 导演 → 分镜师 → 制片主任
+
+**原则**：
+- 前期准备 Agent 在前（调研、策划、设计）
+- 执行落地 Agent 在中（实施、制作、拍摄）
+- 收尾总结 Agent 在后（财务、验收、交付）
+
+---
+
+## 四、内容创作策略
+
+### 1. 启动序列（startupSequence）
+
+**目的**：营造系统初始化的氛围
+
+**标准模板**：
+```typescript
+startupSequence: [
+  { type: 'info', content: '🚀 启动[项目名称]生成系统...' },
+  { type: 'system', content: '初始化多Agent协作框架' },
+  { type: 'success', content: '✓ 系统核心加载完成' },
+  { type: 'system', content: '加载专业知识库: [领域1]/[领域2]/[领域3]' },
+  { type: 'progress', content: '████████████████████ 100%', duration: 1500 },
+  { type: 'success', content: '✓ 知识库加载完成' },
+  { type: 'info', content: '连接行业数据源...' },
+  { type: 'system', content: '├─ [数据源1]' },
+  { type: 'system', content: '├─ [数据源2]' },
+  { type: 'system', content: '├─ [数据源3]' },
+  { type: 'system', content: '└─ [数据源4]' },
+  { type: 'success', content: '✓ 数据源连接成功' },
+  { type: 'warning', content: '⚡ 检测到需求: [项目核心需求]' },
+  { type: 'info', content: '核心特点: [差异化定位/亮点]' },
+  { type: 'info', content: '正在分配[N]位专业Agent...' },
+]
+```
+
+**时长建议**：10-15条消息
+
+### 2. Agent 输出序列（agentSequence）
+
+**结构设计原则**：
+
+#### (1) 每个 Agent 的输出模板
+```typescript
+{
+  agent: () => agents[0],  // 当前 Agent
+  outputs: [
+    // 1. 开场白（必须）
+    { type: 'system', content: '[图标] [Agent名称] 正在[动作]...' },
+    
+    // 2. 工作说明（必须）
+    { type: 'info', content: '[工作内容概述]' },
+    
+    // 3. 进度条（可选，用于长时间任务）
+    { type: 'progress', content: '分析中...', duration: 1000 },
+    
+    // 4. 核心结果（3-8条）
+    { type: 'success', content: '✓ [关键成果1]' },
+    { type: 'success', content: '✓ [关键成果2]' },
+    
+    // 5. 详细输出（可选，用于列表数据）
+    { type: 'output', content: '  • [明细项1]' },
+    { type: 'output', content: '  • [明细项2]' },
+    
+    // 6. 图片展示（核心亮点）
+    {
+      type: 'image',
+      content: '[图标] [图片标题]',
+      imageSrc: '/data/订单班文档资料/[订单班]/notion文稿/image/[图片名].jpg',
+      imageAlt: '[图片描述]'
+    },
+    
+    // 7. 总结（必须）
+    { type: 'success', content: '✓ [Agent工作总结]' },
+  ]
+}
+```
+
+#### (2) 图片使用策略
+
+**原则**：
+- ✅ 每个 Agent 至少展示 1-3 张关键图片
+- ✅ 图片必须与当前 Agent 的工作内容紧密相关
+- ✅ 图片顺序遵循文档章节顺序
+- ✅ 使用描述性的 `content` 和 `imageAlt`
+
+**食品订单班图片示例**：
+```typescript
+// 市场调研专家 → 市场宣传图
+{
+  type: 'image',
+  content: '📊 市场宣传营销策略',
+  imageSrc: '/data/订单班文档资料/食品/notion文稿/image/市场宣传营销.jpg',
+  imageAlt: '青莳轻食市场定位与营销'
+}
+
+// 品牌设计专家 → 品牌Logo
+{
+  type: 'image',
+  content: '🏷️ 青莳品牌LOGO设计',
+  imageSrc: '/data/订单班文档资料/食品/notion文稿/image/品牌LOGO.jpg',
+  imageAlt: '青莳轻食品牌Logo'
+}
+```
+
+**视觉设计订单班特殊处理（AIGC对比）**：
+```typescript
+// 分镜师展示线稿 → AI生成对比
+{
+  type: 'image',
+  content: '📐 镜头4-线稿图',
+  imageSrc: '/data/订单班文档资料/视觉设计/notion文稿/分镜/线稿图片/xxx.jpg',
+  imageAlt: '传统乐器表演场景线稿'
+},
+{
+  type: 'image',
+  content: '🎬 镜头4-AI生成图',
+  imageSrc: '/data/订单班文档资料/视觉设计/notion文稿/分镜/生成图片/xxx.jpg',
+  imageAlt: 'AI生成的表演场景最终效果'
+}
+```
+
+#### (3) 数据展示规范
+
+**财务数据格式**：
+```typescript
+{ type: 'info', content: '成本结构分析:' },
+{ type: 'output', content: '  • 食材成本: 35% = 101.6万' },
+{ type: 'output', content: '  • 租金成本: 12% = 34.8万' },
+{ type: 'output', content: '  • 人工成本: 20% = 58.0万' },
+```
+
+**时间安排格式**：
+```typescript
+{ type: 'info', content: '拍摄时间表:' },
+{ type: 'output', content: '  • D1: 勘景与报批（机位/日光测绘）' },
+{ type: 'output', content: '  • D2: 开篇·江南序曲（晨雾窗口）' },
+```
+
+**人员配置格式**：
+```typescript
+{ type: 'success', content: '✓ 导演（6+1天）: 12,000元 - 全程在场' },
+{ type: 'success', content: '✓ 制片PM（6+1天）: 9,000元 - 预算与协调' },
+```
+
+### 3. 完成序列（completionSequence）
+
+**目的**：总结整个项目的核心亮点和交付成果
+
+**标准模板**：
+```typescript
+completionSequence: [
+  { type: 'system', content: '=' .repeat(70) },
+  { type: 'success', content: '🎉 [项目名称] 生成完成！' },
+  { type: 'system', content: '=' .repeat(70) },
+  { type: 'info', content: '' },
+  
+  // 1. 核心竞争优势（3-6条）
+  { type: 'info', content: '🎯 核心竞争优势:' },
+  { type: 'success', content: '✓ [优势1]' },
+  { type: 'success', content: '✓ [优势2]' },
+  
+  // 2. 财务亮点（3-5条）
+  { type: 'info', content: '💰 财务亮点:' },
+  { type: 'success', content: '✓ [财务指标1]' },
+  { type: 'success', content: '✓ [财务指标2]' },
+  
+  // 3. 风险管理/创新亮点（可选）
+  { type: 'info', content: '🎨 AIGC技术创新:' },
+  { type: 'output', content: '  • [创新点1]' },
+  
+  // 4. 交付物清单
+  { type: 'info', content: '📋 交付物清单:' },
+  { type: 'output', content: '  1. [交付物1]' },
+  
+  // 5. 文件保存位置
+  { type: 'success', content: '✅ 完整方案已保存至: /projects/[路径].pdf' },
+  { type: 'info', content: '📄 附件包含: [附件列表]' },
+]
+```
+
+**时长建议**：20-30条消息
+
+---
+
+## 五、特殊内容处理
+
+### 1. CSV 表格数据
+
+**场景**：视觉设计订单班的分镜表
+
+**处理方式**：
+- 不直接展示完整表格
+- 提取关键镜头展示（3-5个代表性镜头）
+- 配合图片展示线稿 → AI生成对比
+
+**示例**：
+```typescript
+{ type: 'success', content: '✓ 镜头1: 远景/无人机/24mm - 俯瞰古镇屋顶' },
+{ type: 'success', content: '✓ 镜头2: 中景/滑轨/50mm - 夕阳下古亭' },
+```
+
+### 2. 对比内容（如 AIGC 分镜）
+
+**展示策略**：
+1. 先说明创新点（"AIGC辅助分镜预览"）
+2. 展示线稿图片
+3. 展示AI生成图片
+4. 简短说明镜头内容
+
+**示例**：
+```typescript
+{ type: 'info', content: 'AIGC分镜对比展示（线稿 → AI生成）:' },
+{
+  type: 'image',
+  content: '📐 镜头4-线稿图',
+  imageSrc: '/path/to/sketch.jpg',
+  imageAlt: '场景线稿'
+},
+{
+  type: 'image',
+  content: '🎬 镜头4-AI生成图',
+  imageSrc: '/path/to/ai_generated.jpg',
+  imageAlt: 'AI生成最终效果'
+},
+{ type: 'output', content: '  → 中景/手持稳定器 - 场景描述' },
+```
+
+### 3. 多层级数据
+
+**场景**：预算明细、人员配置、设备清单
+
+**展示原则**：
+- 先展示总数
+- 再分类展示
+- 使用缩进区分层级
+
+**示例**：
+```typescript
+{ type: 'success', content: '✓ 总预算: 273,800元' },
+{ type: 'info', content: '成本结构分解:' },
+{ type: 'output', content: '  • 前期: 19,000元' },
+{ type: 'output', content: '  • 拍摄人力: 82,900元' },
+```
+
+---
+
+## 六、图片路径规范
+
+### 1. 路径格式
+
+**固定前缀**：`/data/订单班文档资料/`
+
+**完整格式**：
+```
+/data/订单班文档资料/[订单班名称]/notion文稿/image/[描述性文件名].jpg
+```
+
+**示例**：
+```typescript
+// ✅ 正确（描述性文件名）
+imageSrc: '/data/订单班文档资料/食品/notion文稿/image/店面图片_正门.jpg'
+
+// ❌ 错误（通用文件名）
+imageSrc: '/data/订单班文档资料/食品/notion文稿/image/图片_01.jpg'
+```
+
+### 2. 图片文件名规范
+
+**命名原则**：
+- ✅ 使用描述性名称（如：市场宣传营销.jpg）
+- ✅ 中文命名可接受
+- ✅ 使用下划线分隔（如：店面图片_正门.jpg）
+- ❌ 避免通用名称（如：图片_01.jpg）
+- ❌ 避免 UUID 或乱码
+
+**重命名流程**（如果遇到通用文件名）：
+1. 阅读 Markdown 文档，理解每张图片对应的内容
+2. 创建图片映射表（旧名 → 新名）
+3. 使用 Python 脚本批量重命名
+4. 更新 Markdown 中的图片引用
+
+---
+
+## 七、质量检查清单
+
+### 创建前检查
+- [ ] Agent 数量与提示词文件一致
+- [ ] Agent 头像文件都存在
+- [ ] 图片文件名都是描述性的
+- [ ] Markdown 文档结构清晰
+- [ ] 关键数据已标记（预算、时间、数量）
+
+### 创建中检查
+- [ ] Agent 顺序符合工作流程
+- [ ] 每个 Agent 至少有 1 张图片
+- [ ] 图片路径正确（以 /data/ 开头）
+- [ ] 数据格式一致（缩进、符号）
+- [ ] 进度条 duration 合理（800-1500ms）
+
+### 创建后检查
+- [ ] TypeScript 无语法错误
+- [ ] 所有图片路径可访问
+- [ ] Agent 配置字段完整
+- [ ] 内容逻辑连贯
+- [ ] 总时长合理（3-5分钟模拟效果）
+
+---
+
+## 八、常见问题与解决方案
+
+### 问题1：图片加载失败（ERR_CONNECTION_REFUSED）
+
+**原因**：
+- `public/data/订单班文档资料` 是软链接
+- Vite 默认不允许访问项目外部文件
+
+**解决方案**：
+在 `vite.config.ts` 中添加：
+```typescript
+export default defineConfig({
+  server: {
+    fs: {
+      allow: ['..'],  // 允许访问父目录
+    },
+  },
+  preview: {
+    fs: {
+      allow: ['..'],
+    },
+  },
+})
+```
+
+### 问题2：Agent 数量与文档不匹配
+
+**症状**：
+- 终端模拟只有 6 个 Agent
+- 但 Agent_prompt 文件夹有 7 个提示词文件
+
+**解决方案**：
+1. 检查 `Agent_prompt/` 文件夹
+2. 逐个阅读提示词文件
+3. 确保每个 Agent 都在 `agents` 数组中
+4. 检查是否有 Agent 被错误合并
+
+### 问题3：图片文件名不规范
+
+**症状**：
+- 图片名称为 `图片_01.jpg`、`图片_02.jpg`
+- Markdown 中也是通用名称
+
+**解决方案**：
+1. 阅读 Markdown 文档上下文
+2. 创建映射表：`图片_01.jpg → 店面图片_正门.jpg`
+3. 使用 Python 批量重命名
+4. 更新 Markdown 引用
+
+**Python 脚本模板**：
+```python
+import os
+import shutil
+
+image_map = {
+    "图片_01.jpg": "店面图片_正门.jpg",
+    "图片_02.jpg": "店内场景_用餐区.jpg",
+}
+
+IMAGE_DIR = "/path/to/image/"
+for old_name, new_name in image_map.items():
+    old_path = os.path.join(IMAGE_DIR, old_name)
+    new_path = os.path.join(IMAGE_DIR, new_name)
+    if os.path.exists(old_path):
+        shutil.move(old_path, new_path)
+```
+
+### 问题4：特殊字符编码问题
+
+**症状**：
+- 文件名包含 URL 编码（如：%E9%9D%99%E5%B8%A7）
+- Bash 脚本处理中文失败
+
+**解决方案**：
+- 使用 Python 而不是 Bash
+- 使用 `urllib.parse.unquote()` 解码
+- 指定 `encoding='utf-8'`
+
+---
+
+## 九、代码模板
+
+### 1. 基础模板
+
+```typescript
+import { Agent } from '@/store/demoStore';
+import { SimulationData, TerminalLine } from './index';
+
+// [订单班名称]订单班专属Agent配置
+const [变量名]Agents: Agent[] = [
+  {
+    id: '[订单班]_[agent1]',
+    name: '[Agent1名称]',
+    icon: '🎨',
+    avatar: '/data/订单班文档资料/[订单班]/agent头像/[Agent1].jpg',
+    model: 'GPT-4',
+    role: '[简短职责]',
+    status: 'waiting',
+  },
+  // ... 更多 Agents
+];
+
+export const [变量名]Simulation = (): SimulationData => ({
+  orderClassId: '[订单班id]',
+  orderClassName: '[订单班名称]',
+  projectTitle: '[项目标题]',
+  agents: [变量名]Agents,
+
+  startupSequence: [
+    // 启动序列
+  ],
+
+  agentSequence: [
+    // Agent 输出序列
+  ],
+
+  completionSequence: [
+    // 完成序列
+  ]
+});
+```
+
+### 2. Agent 输出模板
+
+```typescript
+{
+  agent: () => agents[0],
+  outputs: [
+    { type: 'system', content: '[图标] [Agent名称] 正在[动作]...' },
+    { type: 'info', content: '[工作内容]' },
+    { type: 'progress', content: '[进度描述]...', duration: 1000 },
+    { type: 'success', content: '✓ [成果1]' },
+    { type: 'success', content: '✓ [成果2]' },
+    {
+      type: 'image',
+      content: '[图标] [图片标题]',
+      imageSrc: '/data/订单班文档资料/[订单班]/notion文稿/image/[图片].jpg',
+      imageAlt: '[图片描述]'
+    },
+    { type: 'success', content: '✓ [总结]' },
+  ]
+}
+```
+
+---
+
+## 十、实战案例对比
+
+### 案例1：食品订单班
+
+**特点**：
+- 7个 Agent（市场→品牌→选址→菜品→运营→人员→财务）
+- 图片类型：店面、菜品、人员、流程
+- 数据类型：财务预算、营收预测、成本结构
+
+**处理重点**：
+- 图片重命名（25张从通用名改为描述性名称）
+- Agent 顺序调整（分离品牌设计和选址装修）
+- 财务数据精确呈现（50万投资，290万营收）
+
+### 案例2：视觉设计订单班
+
+**特点**：
+- 5个 Agent（总监→编剧→导演→分镜→制片）
+- 图片类型：古镇风光、分镜对比、设备清单
+- 特殊内容：CSV 分镜表、AIGC 线稿→生成对比
+
+**处理重点**：
+- AIGC 分镜展示（线稿图 + AI生成图成对展示）
+- 分镜表简化（17个镜头选取 4-5 个代表性展示）
+- 六大篇章结构（古镇→文化→美食→湿地→农业→夜游）
+
+---
+
+## 十一、协作与记忆
+
+### 1. 记录到 Serena
+
+每次完成一个订单班的终端模拟创建后，应记录：
+- Agent 配置思路
+- 特殊内容处理方式
+- 遇到的问题和解决方案
+
+### 2. 跨订单班借鉴
+
+**可复用**：
+- Agent 配置结构
+- 启动/完成序列模板
+- 图片展示策略
+- 数据格式规范
+
+**需定制**：
+- Agent 数量和职责
+- 图片内容和顺序
+- 特殊内容处理
+- 项目特色亮点
+
+---
+
+## 十二、持续优化
+
+### 1. 收集反馈
+
+- 用户观看终端模拟的反馈
+- 图片展示效果
+- 内容节奏是否合理
+- Agent 顺序是否清晰
+
+### 2. 迭代改进
+
+- 调整 Agent 输出时长
+- 优化图片展示顺序
+- 增加/减少数据细节
+- 改进特殊内容展示
+
+---
+
+## 附录：工具和命令
+
+### 1. 查看文件结构
+```bash
+ls -la data/订单班文档资料/[订单班名称]/Agent_prompt/
+ls -la data/订单班文档资料/[订单班名称]/agent头像/
+```
+
+### 2. 检查图片文件
+```bash
+find data/订单班文档资料/[订单班名称]/notion文稿/image -name "*.jpg"
+```
+
+### 3. 重命名图片（Python）
+```bash
+python3 /tmp/rename_images.py
+```
+
+### 4. 验证 TypeScript 语法
+```bash
+cd web_frontend/exhibition-demo
+npm run build
+```
+
+---
+
+## 最后更新
+2025-10-01
+
+## 版本历史
+- v1.0 (2025-10-01): 基于食品和视觉设计两个订单班的实践总结