diff --git a/.claude/settings.local.json b/.claude/settings.local.json index 8554ba62..54a6f06a 100644 --- a/.claude/settings.local.json +++ b/.claude/settings.local.json @@ -55,7 +55,14 @@ "Bash(for:*)", "Bash(xargs:*)", "Bash(do echo \"=== $dir ===\")", - "Bash(find:*)" + "Bash(find:*)", + "Bash(npx eslint:*)", + "Bash(open http://localhost:4173/test-wenlu.html)", + "Bash(open http://localhost:4173/test-wenlu-data.html)", + "Bash(open http://localhost:4173/test-workflow-wenlu.html)", + "Bash(open http://localhost:4173/test-terminal-data.html)", + "Bash(open http://localhost:4173/test-workflow.html)", + "mcp__promptx__promptx_learn" ], "deny": [], "ask": [], diff --git a/backups/backup_20250929_155454/视觉设计/notion文稿/image/53c52c9e-93a2-4e04-83d1-2805df2bb002.jpg b/backups/backup_20250929_155454/视觉设计/notion文稿/image/53c52c9e-93a2-4e04-83d1-2805df2bb002.jpg new file mode 100755 index 00000000..7b207c3b Binary files /dev/null and b/backups/backup_20250929_155454/视觉设计/notion文稿/image/53c52c9e-93a2-4e04-83d1-2805df2bb002.jpg differ diff --git a/backups/backup_20250929_155454/视觉设计/notion文稿/image/941fdb1c-03ea-40c7-a59e-81de5c500025.jpg b/backups/backup_20250929_155454/视觉设计/notion文稿/image/941fdb1c-03ea-40c7-a59e-81de5c500025.jpg new file mode 100755 index 00000000..330c8bda Binary files /dev/null and b/backups/backup_20250929_155454/视觉设计/notion文稿/image/941fdb1c-03ea-40c7-a59e-81de5c500025.jpg differ diff --git a/backups/backup_20250929_155454/视觉设计/notion文稿/image/AdobeColor-My_Color_Theme.jpeg b/backups/backup_20250929_155454/视觉设计/notion文稿/image/AdobeColor-My_Color_Theme.jpeg new file mode 100755 index 00000000..6e73feeb Binary files /dev/null and b/backups/backup_20250929_155454/视觉设计/notion文稿/image/AdobeColor-My_Color_Theme.jpeg differ diff --git a/backups/backup_20250929_155454/视觉设计/notion文稿/image/d1382923-65d3-4d19-a395-fa2c2aeb5260.jpg b/backups/backup_20250929_155454/视觉设计/notion文稿/image/d1382923-65d3-4d19-a395-fa2c2aeb5260.jpg new file mode 100755 index 00000000..d84079d0 Binary files /dev/null and b/backups/backup_20250929_155454/视觉设计/notion文稿/image/d1382923-65d3-4d19-a395-fa2c2aeb5260.jpg differ diff --git a/backups/backup_20250929_155454/视觉设计/notion文稿/image/一、项目概述1_(2).jpeg b/backups/backup_20250929_155454/视觉设计/notion文稿/image/一、项目概述1_(2).jpeg new file mode 100755 index 00000000..3c900258 Binary files /dev/null and b/backups/backup_20250929_155454/视觉设计/notion文稿/image/一、项目概述1_(2).jpeg differ diff --git a/backups/backup_20250929_155454/视觉设计/notion文稿/image/一、项目概述2_(2).jpeg b/backups/backup_20250929_155454/视觉设计/notion文稿/image/一、项目概述2_(2).jpeg new file mode 100755 index 00000000..10d0dbed Binary files /dev/null and b/backups/backup_20250929_155454/视觉设计/notion文稿/image/一、项目概述2_(2).jpeg differ diff --git a/backups/backup_20250929_155454/视觉设计/notion文稿/image/二、宣传目标解析1.jpeg b/backups/backup_20250929_155454/视觉设计/notion文稿/image/二、宣传目标解析1.jpeg new file mode 100755 index 00000000..28367d90 Binary files /dev/null and b/backups/backup_20250929_155454/视觉设计/notion文稿/image/二、宣传目标解析1.jpeg differ diff --git a/backups/backup_20250929_155454/视觉设计/notion文稿/image/二、宣传目标解析3.jpeg b/backups/backup_20250929_155454/视觉设计/notion文稿/image/二、宣传目标解析3.jpeg new file mode 100755 index 00000000..d7dc7f31 Binary files /dev/null and b/backups/backup_20250929_155454/视觉设计/notion文稿/image/二、宣传目标解析3.jpeg differ diff --git a/backups/backup_20250929_155454/视觉设计/notion文稿/image/分镜_分镜_page-0001.jpg b/backups/backup_20250929_155454/视觉设计/notion文稿/image/分镜_分镜_page-0001.jpg new file mode 100755 index 00000000..5a43b49a Binary files /dev/null and b/backups/backup_20250929_155454/视觉设计/notion文稿/image/分镜_分镜_page-0001.jpg differ diff --git a/backups/backup_20250929_155454/视觉设计/notion文稿/image/分镜_分镜_page-0002.jpg b/backups/backup_20250929_155454/视觉设计/notion文稿/image/分镜_分镜_page-0002.jpg new file mode 100755 index 00000000..79456977 Binary files /dev/null and b/backups/backup_20250929_155454/视觉设计/notion文稿/image/分镜_分镜_page-0002.jpg differ diff --git a/backups/backup_20250929_155454/视觉设计/notion文稿/image/分镜_分镜_page-0003.jpg b/backups/backup_20250929_155454/视觉设计/notion文稿/image/分镜_分镜_page-0003.jpg new file mode 100755 index 00000000..97156a57 Binary files /dev/null and b/backups/backup_20250929_155454/视觉设计/notion文稿/image/分镜_分镜_page-0003.jpg differ diff --git a/backups/backup_20250929_155454/视觉设计/notion文稿/image/静帧_2025-09-29_112305_1.1.1.jpg b/backups/backup_20250929_155454/视觉设计/notion文稿/image/静帧_2025-09-29_112305_1.1.1.jpg new file mode 100755 index 00000000..8964a3f4 Binary files /dev/null and b/backups/backup_20250929_155454/视觉设计/notion文稿/image/静帧_2025-09-29_112305_1.1.1.jpg differ diff --git a/backups/backup_20250929_155454/视觉设计/notion文稿/image/静帧_2025-09-29_112305_1.1.2.jpg b/backups/backup_20250929_155454/视觉设计/notion文稿/image/静帧_2025-09-29_112305_1.1.2.jpg new file mode 100755 index 00000000..bedf16a8 Binary files /dev/null and b/backups/backup_20250929_155454/视觉设计/notion文稿/image/静帧_2025-09-29_112305_1.1.2.jpg differ diff --git a/backups/backup_20250929_155454/视觉设计/notion文稿/image/静帧_2025-09-29_112305_1.1.3.jpg b/backups/backup_20250929_155454/视觉设计/notion文稿/image/静帧_2025-09-29_112305_1.1.3.jpg new file mode 100755 index 00000000..9d25b9ed Binary files /dev/null and b/backups/backup_20250929_155454/视觉设计/notion文稿/image/静帧_2025-09-29_112305_1.1.3.jpg differ diff --git a/backups/backup_20250929_155454/视觉设计/notion文稿/image/静帧_2025-09-29_112305_1.1.4.jpg b/backups/backup_20250929_155454/视觉设计/notion文稿/image/静帧_2025-09-29_112305_1.1.4.jpg new file mode 100755 index 00000000..f92bb1b8 Binary files /dev/null and b/backups/backup_20250929_155454/视觉设计/notion文稿/image/静帧_2025-09-29_112305_1.1.4.jpg differ diff --git a/backups/backup_20250929_155454/视觉设计/notion文稿/image/静帧_2025-09-29_112637_1.1.5.jpg b/backups/backup_20250929_155454/视觉设计/notion文稿/image/静帧_2025-09-29_112637_1.1.5.jpg new file mode 100755 index 00000000..50cbc791 Binary files /dev/null and b/backups/backup_20250929_155454/视觉设计/notion文稿/image/静帧_2025-09-29_112637_1.1.5.jpg differ diff --git a/backups/backup_20250929_155454/视觉设计/notion文稿/image/静帧_2025-09-29_112713_1.1.6.jpg b/backups/backup_20250929_155454/视觉设计/notion文稿/image/静帧_2025-09-29_112713_1.1.6.jpg new file mode 100755 index 00000000..ce3283f9 Binary files /dev/null and b/backups/backup_20250929_155454/视觉设计/notion文稿/image/静帧_2025-09-29_112713_1.1.6.jpg differ diff --git a/backups/exhibition-demo-backup-20250928-210916/src/components/ResultModal.tsx b/backups/exhibition-demo-backup-20250928-210916/src/components/ResultModal.tsx index a710a517..b62e516c 100644 --- a/backups/exhibition-demo-backup-20250928-210916/src/components/ResultModal.tsx +++ b/backups/exhibition-demo-backup-20250928-210916/src/components/ResultModal.tsx @@ -142,7 +142,7 @@ const ResultModal: React.FC = ({ isOpen, onClose }) => {
-
+ + {/* 底部分割线 */} +
@@ -258,7 +292,7 @@ const RequirementModal: React.FC = ({ isOpen, onClose, on disabled={!requirement.trim() || !selectedOrderClass} className={`px-6 py-2.5 rounded-lg font-medium transition-all flex items-center gap-2 ${ requirement.trim() && selectedOrderClass - ? 'bg-gradient-to-r from-blue-600 to-purple-600 text-white hover:shadow-lg transform hover:scale-105' + ? 'bg-gradient-to-r from-blue-500 to-blue-600 text-white hover:shadow-lg transform hover:scale-105' : 'bg-gray-300 text-gray-500 cursor-not-allowed' }`} > diff --git a/web_frontend/exhibition-demo/src/components/ResultModal.tsx b/web_frontend/exhibition-demo/src/components/ResultModal.tsx index a710a517..b62e516c 100644 --- a/web_frontend/exhibition-demo/src/components/ResultModal.tsx +++ b/web_frontend/exhibition-demo/src/components/ResultModal.tsx @@ -142,7 +142,7 @@ const ResultModal: React.FC = ({ isOpen, onClose }) => {
- - -
-
- - - {/* Section Tabs */} - -
- {sections.map((section, index) => { - const Icon = section.icon; - return ( - - ); - })} -
- - - {/* Content Area */} - - - {/* Section Header */} -
-

- {currentSectionData.title} -

-
-
- - {/* Section Content */} -
-
- {currentSectionData.content} -
-
- - {/* Images */} - {currentSectionData.images && currentSectionData.images.length > 0 && ( -
- {currentSectionData.images.map((src: string, index: number) => ( - - {`Section - - ))} -
- )} - - - - {/* Navigation */} - - - - {/* Page Indicators */} -
- {sections.map((_, index) => ( -
- ))} -
- - - -
-
- ); -}; - -export default ResultPage; \ No newline at end of file diff --git a/web_frontend/exhibition-demo/src/pages/WorkflowPage.tsx b/web_frontend/exhibition-demo/src/pages/WorkflowPage.tsx deleted file mode 100644 index 1df58021..00000000 --- a/web_frontend/exhibition-demo/src/pages/WorkflowPage.tsx +++ /dev/null @@ -1,169 +0,0 @@ -import React, { useEffect, useState } from 'react'; -import { motion, AnimatePresence } from 'framer-motion'; -import { useDemoStore } from '../store/demoStore'; -import AgentCard from '../components/AgentCard'; -import WorkflowVisualization from '../components/WorkflowVisualization'; -import ContentGenerator from '../components/ContentGenerator'; -import ProgressBar from '../components/ProgressBar'; -import { Play, Pause, RotateCcw } from 'lucide-react'; - -const WorkflowPage: React.FC = () => { - const { - status, - agents, - currentAgent, - progress, - startDemo, - pauseDemo, - resumeDemo, - reset, - } = useDemoStore(); - - const [showContent] = useState(false); - - useEffect(() => { - // 自动开始演示 - if (status === 'idle') { - setTimeout(() => { - startDemo(); - }, 500); - } - }, [status, startDemo]); - - const handleTogglePlay = () => { - if (status === 'running') { - pauseDemo(); - } else if (status === 'paused') { - resumeDemo(); - } - }; - - return ( -
-
- {/* Header */} - -
-

- AI Agent 协作流程 -

- - {/* Control Buttons */} -
- - - -
-
- - {/* Progress Bar */} - - - - {/* Main Content Area */} -
- {/* Left: Workflow Visualization */} - -
-

工作流程图

- -
- - - {/* Right: Content Area */} - - {/* Active Agent Display */} -
-

当前执行

- - {currentAgent && ( - - a.id === currentAgent)!} - isActive={true} - /> - - )} - -
- - {/* Content Generation Display */} - {showContent && ( - -

生成内容

- - - )} - -
- - {/* Bottom: Agent List */} - -
-

Agent 团队

-
- {agents.map((agent) => ( - - - - ))} -
-
- -
-
- ); -}; - -export default WorkflowPage; \ No newline at end of file diff --git a/web_frontend/exhibition-demo/src/pages/WorkflowPageV2.tsx b/web_frontend/exhibition-demo/src/pages/WorkflowPageV2.tsx deleted file mode 100644 index 3c5121ad..00000000 --- a/web_frontend/exhibition-demo/src/pages/WorkflowPageV2.tsx +++ /dev/null @@ -1,546 +0,0 @@ -import { useState, useEffect, useRef } from 'react'; -import { motion, AnimatePresence } from 'framer-motion'; -import { useDemoStore } from '@/store/demoStore'; -import { Play, Pause, RotateCcw, Maximize2, Terminal } from 'lucide-react'; - -// Terminal line type -interface TerminalLine { - id: string; - timestamp: string; - type: 'info' | 'success' | 'warning' | 'error' | 'system' | 'output'; - agent?: string; - content: string; - typing?: boolean; -} - -const WorkflowPageV2 = () => { - const { agents, startDemo, pauseDemo, reset, status } = useDemoStore(); - const [terminalLines, setTerminalLines] = useState([]); - const [currentAgentIndex, setCurrentAgentIndex] = useState(0); - const [elapsedTime, setElapsedTime] = useState(0); - const terminalRef = useRef(null); - const intervalRef = useRef(null); - - // Agent执行序列 - 更丰富的输出 - const agentSequence = [ - { - agent: agents[0], // 信息检索 - duration: 12000, - output: [ - '>>> 初始化信息检索系统...', - '[INFO] 连接数据库: mongodb://data-server:27017', - '[INFO] 加载索引: automotive_industry_2024.idx', - '正在执行查询...', - 'SELECT * FROM exhibitions WHERE region="长三角" AND industry="新能源汽车"', - '> 查询耗时: 342ms', - '> 返回记录: 2,847 条', - '', - '=== 数据分析开始 ===', - '[1/5] 产业规模分析...', - ' └─ 2023年产值: 3.2万亿元 (↑32% YoY)', - ' └─ 企业数量: 5,832家', - ' └─ 从业人员: 186万人', - '[2/5] 主要企业扫描...', - ' └─ 特斯拉(上海): 年产能75万辆', - ' └─ 蔚来汽车: 累计交付38万辆', - ' └─ 理想汽车: 月销量突破5万', - ' └─ 小鹏汽车: 智能化领先', - '[3/5] 展会历史数据...', - ' └─ 2023年展会: 126场', - ' └─ 平均规模: 3.2万平方米', - ' └─ 平均观众: 4.5万人次', - '[4/5] 竞品分析...', - ' └─ 北京车展: 影响力指数92', - ' └─ 广州车展: 影响力指数88', - ' └─ 成都车展: 影响力指数76', - '[5/5] 趋势预测...', - ' └─ 2024年增长预期: 28%', - ' └─ 热点技术: 固态电池、自动驾驶L4', - '', - '✓ 市场调研报告已生成 (15.3MB)', - '✓ 数据已同步至共享空间' - ] - }, - { - agent: agents[1], // 设计专家 - duration: 12000, - output: [ - '>>> 启动设计引擎 v3.2.1...', - '[LOAD] 加载品牌识别系统...', - '[LOAD] 加载空间规划算法...', - '', - '=== 视觉识别设计 ===', - 'Analyzing brand requirements...', - '> 主题关键词: [科技, 创新, 绿色, 智能]', - '> 色彩心理学分析中...', - ' Primary: #0EA5E9 (Trust & Technology)', - ' Secondary: #10B981 (Growth & Sustainability)', - ' Accent: #F59E0B (Energy & Innovation)', - '', - '=== 空间布局优化 ===', - 'Running layout optimization algorithm...', - 'Iteration 1/100: Score=72.3', - 'Iteration 50/100: Score=86.7', - 'Iteration 100/100: Score=94.2', - '', - '最优布局方案:', - '┌─────────────────────────┐', - '│ A区: 整车展示 (15,000㎡) │', - '│ ├─ 豪华品牌: 5,000㎡ │', - '│ ├─ 新势力: 6,000㎡ │', - '│ └─ 传统转型: 4,000㎡ │', - '├─────────────────────────┤', - '│ B区: 核心零部件 (10,000㎡)│', - '│ ├─ 动力电池: 4,000㎡ │', - '│ ├─ 电机电控: 3,000㎡ │', - '│ └─ 智能座舱: 3,000㎡ │', - '└─────────────────────────┘', - '', - 'Generating 3D preview...', - '> Rendering: ████████████ 100%', - '', - '✓ 设计方案已完成', - '✓ 导出文件: design_plan_v1.pdf (48.2MB)' - ] - }, - { - agent: agents[2], // 财务预算 - duration: 10000, - output: [ - '>>> 财务分析系统 v2.0', - 'Loading financial models...', - '', - '=== 成本核算 ===', - 'Calculating venue costs...', - '> 场地租赁: ¥3,000,000', - ' └─ 展馆: ¥2,500,000', - ' └─ 会议室: ¥500,000', - 'Calculating construction costs...', - '> 展台搭建: ¥4,500,000', - ' └─ 特装展位: ¥3,000,000', - ' └─ 标准展位: ¥1,500,000', - 'Calculating operational costs...', - '> 运营费用: ¥2,000,000', - ' └─ 人员: ¥800,000', - ' └─ 营销: ¥1,200,000', - '', - '=== 收入预测 ===', - 'Revenue projection model running...', - '> 展位销售: ¥8,500,000', - ' └─ 特装: 100个×¥100,000', - ' └─ 标准: 500个×¥15,000', - '> 赞助收入: ¥3,000,000', - '> 门票收入: ¥1,500,000', - '', - 'Financial metrics:', - '> Total Cost: ¥10,000,000', - '> Total Revenue: ¥13,000,000', - '> Net Profit: ¥3,000,000', - '> ROI: 30%', - '> Break-even: Day 2', - '', - '✓ 财务模型构建完成', - '✓ 风险评估: 低风险' - ] - }, - { - agent: agents[3], // 格式编辑 - duration: 8000, - output: [ - '>>> 文档处理引擎启动...', - '[FORMAT] 检查文档结构...', - '> 章节数量: 6', - '> 总字数: 12,847', - '> 图表数量: 24', - '', - '=== 格式优化 ===', - 'Applying style guide...', - '> 标题层级: H1-H4', - '> 字体规范: 思源黑体', - '> 行间距: 1.5倍', - '', - 'Checking consistency...', - '> 术语统一: 187处修正', - '> 数字格式: 92处标准化', - '> 标点符号: 45处优化', - '', - 'Generating TOC...', - '> 一级标题: 6个', - '> 二级标题: 18个', - '> 三级标题: 42个', - '', - '✓ 文档格式优化完成' - ] - }, - { - agent: agents[4], // 活动执行 - duration: 10000, - output: [ - '>>> 执行计划生成器 v1.5', - '', - '=== 时间轴规划 ===', - 'D-180: 项目启动', - 'D-150: 招展启动', - 'D-120: 媒体发布', - 'D-90: 展位确认', - 'D-60: 搭建方案确定', - 'D-30: 现场勘察', - 'D-7: 搭建开始', - 'D-1: 最终检查', - 'D+0: 展会开幕', - '', - '=== 人员部署 ===', - 'Total staff: 126人', - '> 管理团队: 6人', - '> 展务团队: 30人', - '> 接待团队: 40人', - '> 技术团队: 20人', - '> 安保团队: 30人', - '', - '=== 物料清单 ===', - 'Generating BOM...', - '> 展台物料: 2,847项', - '> 宣传物料: 523项', - '> 办公用品: 189项', - '', - '✓ 执行方案已生成' - ] - }, - { - agent: agents[5], // 营销宣传 - duration: 10000, - output: [ - '>>> 营销策略引擎 v4.0', - '', - '=== 渠道分析 ===', - 'Analyzing marketing channels...', - '> 社交媒体覆盖: 500万+', - '> 行业媒体: 126家', - '> KOL资源: 89位', - '', - '=== 推广计划 ===', - 'Phase 1: 预热期 (D-90 to D-60)', - '> 软文发布: 30篇', - '> 视频内容: 15条', - '> 直播预告: 5场', - '', - 'Phase 2: 高峰期 (D-60 to D-30)', - '> 广告投放: ¥800,000', - '> 媒体专访: 10次', - '> 路演活动: 8场', - '', - 'Phase 3: 冲刺期 (D-30 to D-0)', - '> 倒计时海报: 每日更新', - '> 展商专访: 20家', - '> 观众互动: 10个活动', - '', - 'Expected reach:', - '> 曝光量: 2000万+', - '> 互动量: 50万+', - '> 转化率: 2.5%', - '', - '✓ 营销方案制定完成' - ] - }, - { - agent: agents[6], // 中央协调 - duration: 8000, - output: [ - '>>> 协调控制中心 v3.0', - '', - '=== 数据汇总 ===', - 'Collecting agent outputs...', - '> 市场分析: ✓ Complete', - '> 设计方案: ✓ Complete', - '> 财务预算: ✓ Complete', - '> 文档格式: ✓ Complete', - '> 执行计划: ✓ Complete', - '> 营销策略: ✓ Complete', - '', - '=== 协同优化 ===', - 'Cross-validating data...', - '> 预算-设计匹配度: 96%', - '> 营销-市场匹配度: 92%', - '> 执行可行性评分: 94%', - '', - 'Resolving conflicts...', - '> 时间冲突: 0', - '> 资源冲突: 0', - '> 逻辑冲突: 0', - '', - '=== 最终输出 ===', - 'Generating final document...', - '> 合并章节: 6个', - '> 总页数: 68页', - '> 附件数: 12个', - '', - '✓ 策划方案生成完成', - '✓ 所有系统已同步' - ] - } - ]; - - // 添加终端行 - const addTerminalLine = (line: Omit) => { - const now = new Date(); - const timestamp = `${now.getHours().toString().padStart(2, '0')}:${now.getMinutes().toString().padStart(2, '0')}:${now.getSeconds().toString().padStart(2, '0')}`; - - setTerminalLines(prev => [...prev, { - ...line, - id: Math.random().toString(36).substr(2, 9), - timestamp - }]); - - // 自动滚动到底部 - setTimeout(() => { - if (terminalRef.current) { - terminalRef.current.scrollTop = terminalRef.current.scrollHeight; - } - }, 50); - }; - - // 模拟Agent执行 - const simulateAgentExecution = async () => { - if (currentAgentIndex >= agentSequence.length) { - addTerminalLine({ - type: 'system', - content: '========== 所有Agent执行完成 ==========' - }); - return; - } - - const current = agentSequence[currentAgentIndex]; - const agent = current.agent; - - // 开始执行 - addTerminalLine({ - type: 'system', - content: `[Agent启动] ${agent.name} (${agent.model})` - }); - - // 逐行输出 - for (let i = 0; i < current.output.length; i++) { - await new Promise(resolve => setTimeout(resolve, current.duration / current.output.length)); - - if (status !== 'running') return; - - addTerminalLine({ - type: current.output[i].startsWith('✓') ? 'success' : - current.output[i].startsWith('>') ? 'output' : 'info', - agent: agent.name, - content: current.output[i] - }); - } - - // 执行下一个Agent - setCurrentAgentIndex(prev => prev + 1); - }; - - // 开始演示 - useEffect(() => { - if (status === 'running' && currentAgentIndex < agentSequence.length) { - simulateAgentExecution(); - } - }, [status, currentAgentIndex]); - - // 计时器 - useEffect(() => { - if (status === 'running') { - intervalRef.current = setInterval(() => { - setElapsedTime(prev => prev + 100); - }, 100); - } else { - if (intervalRef.current) { - clearInterval(intervalRef.current); - } - } - - return () => { - if (intervalRef.current) { - clearInterval(intervalRef.current); - } - }; - }, [status]); - - // 重置 - const handleReset = () => { - reset(); - setTerminalLines([]); - setCurrentAgentIndex(0); - setElapsedTime(0); - }; - - // 格式化时间 - const formatTime = (ms: number) => { - const seconds = Math.floor(ms / 1000); - const minutes = Math.floor(seconds / 60); - const remainingSeconds = seconds % 60; - return `${minutes.toString().padStart(2, '0')}:${remainingSeconds.toString().padStart(2, '0')}`; - }; - - return ( -
- {/* 顶部控制栏 */} -
-
-

AI会展策划系统 - 多Agent协同演示

-
- - -
-
-
- 运行时间: {formatTime(elapsedTime)} / 03:00 -
-
- - {/* 主内容区 */} -
- {/* 左侧：n8n工作流 */} -
-
-
-
-
- 工作流可视化 -
- -
-
-