| 
					
				 | 
			
			
				@@ -10,6 +10,7 @@ import { TaskGenerateUserValiate } from 'src/agent/tasks/generate/generate-user- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import { TaskExecutor } from 'src/agent/agent.start'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import { TaskGeneratePrompt } from 'src/agent/tasks/generate/generate-prompt'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 import { TaskGeneratePicture } from 'src/agent/tasks/generate/generate-picture'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+import { FmodeChat, ChatPanelOptions, FmodeChatMessage, openChatPanelModal } from 'fmode-ng'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 addIcons({ 'arrow-back-outline': arrowBackOutline, radioButtonOffOutline, closeCircleOutline, checkmarkCircleOutline, reloadOutline }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 @Component({ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   selector: 'app-generate-option', 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -84,8 +85,55 @@ export class GenerateOptionComponent implements OnInit { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     '秋季': false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     '冬季': false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   }; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  //自定义描述输入框定义变量 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  //区域风格选项卡定义变量 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  areaStyle: { [key: string]: boolean } = { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    '中国风': false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    '日系': false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    '韩系': false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    '欧美风': false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    '英伦风': false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    '法式': false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    '波西米亚风': false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  //场景功能选项卡定义变量 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  function: { [key: string]: boolean } = { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    '通勤风': false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    '休闲风': false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    '田园风': false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    '校园风': false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    'Party风': false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    '约会装': false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    '度假风': false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  //设计理念选项卡定义变量 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  designIdea: { [key: string]: boolean } = { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    '新中式': false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    '淑女风': false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    '名媛风': false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    '简约风': false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    '极简风': false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    '中性风': false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    '民族风': false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    '戏剧风': false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    '复古风': false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    'Y2K': false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    '嘻哈风': false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    '甜酷风': false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  //艺术风格选项卡定义变量 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  artStyle: { [key: string]: boolean } = { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    '哥特风格': false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    '浪漫主义': false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    '洛可可风格': false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    '洛丽塔风格': false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    '维多利亚风': false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    '未来主义': false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  //颜色选项卡定义变量 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  color: { [key: string]: boolean } = { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    '多巴胺穿搭': false, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    '美拉德穿搭': false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  }; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   /** 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				    * @切换选项卡 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -118,78 +166,6 @@ export class GenerateOptionComponent implements OnInit { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     return isActive ? '/assets/generate-option-style/' + String + '-isActive-true.png' : '/assets/generate-option-style/' + String + '-isActive-false.png'; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				  
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  //选项卡结构配置数据 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  cards = [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      id: '区域风格', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      chips: [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 1, isElected: false, label: '中国风' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 2, isElected: false, label: '日系' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 3, isElected: false, label: '韩系' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 4, isElected: false, label: '欧美风' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 5, isElected: false, label: '英伦风' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 6, isElected: false, label: '法式' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 7, isElected: false, label: '波西米亚风' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      ], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      id: '场景功能', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      chips: [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 1, isElected: false, label: '通勤风' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 2, isElected: false, label: '休闲风' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 3, isElected: false, label: '田园风' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 4, isElected: false, label: '校园风' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 5, isElected: false, label: 'Party风' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 6, isElected: false, label: '约会装' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 7, isElected: false, label: '度假风' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      ], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      id: '设计理念', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      chips: [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 1, isElected: false, label: '新中式' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 2, isElected: false, label: '淑女风' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 3, isElected: false, label: '名媛风' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 4, isElected: false, label: '瑞丽风' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 5, isElected: false, label: '简约风' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 6, isElected: false, label: '极简风' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 7, isElected: false, label: '中性风' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 8, isElected: false, label: '性冷淡风' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 9, isElected: false, label: '民族风' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 10, isElected: false, label: '戏剧风' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 11, isElected: false, label: '复古风' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 12, isElected: false, label: 'Y2K' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 13, isElected: false, label: '嘻哈风' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 14, isElected: false, label: '朋克风' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 15, isElected: false, label: '嬉皮风' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 16, isElected: false, label: '甜酷风' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      ], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      id: '艺术风格', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      chips: [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 1, isElected: false, label: '拜占庭艺术' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 2, isElected: false, label: '哥特风格' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 3, isElected: false, label: '浪漫主义' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 4, isElected: false, label: '巴洛克风格' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 5, isElected: false, label: '洛可可风格' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 6, isElected: false, label: '洛丽塔风格' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 7, isElected: false, label: '维多利亚风' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 8, isElected: false, label: '欧普风格' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 9, isElected: false, label: '未来主义' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 10, isElected: false, label: '极简主义' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 11, isElected: false, label: '新古典主义' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      ], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      id: '色彩搭配', 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      chips: [ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 1, isElected: false, label: '多巴胺穿搭' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        { id: 2, isElected: false, label: '美拉德穿搭' }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      ], 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    }, 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  ]; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   /** 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				    * @其他变量定义 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				    */ 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -199,14 +175,6 @@ export class GenerateOptionComponent implements OnInit { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   /** 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				    * @任务链设计 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				    */ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  // 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  wait(duration: number = 1000) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    return new Promise((resolve) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      setTimeout(() => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        resolve(true); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      }, duration); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   /** 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				    * 任务: 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				    * 1.验证必填资料 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -226,53 +194,13 @@ export class GenerateOptionComponent implements OnInit { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     this.taskList = GenerateTaskList; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     TaskExecutor(GenerateTaskList); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  //点击选项卡事件 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  toggleChip(cardId: string, chipId: number): void { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    this.cards.forEach((card) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      if (card.id === cardId) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        card.chips.forEach((chip) => { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          chip.isElected = chip.id === chipId; // 当前点击的 chip 设为 active,其他设为 false 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        switch (card.id) { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          case '体重': 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            this.userProfile.weight = card.chips[chipId - 1].label; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            break; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          case '季节': 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            this.userProfile.season = card.chips[chipId - 1].label; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            break; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          case '区域风格': 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            this.userProfile.regStyle = card.chips[chipId - 1].label; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            break; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          case '场景功能': 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            this.userProfile.sceFunction = card.chips[chipId - 1].label; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            break; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          case '设计理念': 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            this.userProfile.dsgPhilosophy = card.chips[chipId - 1].label; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            break; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          case '艺术风格': 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            this.userProfile.artStyle = card.chips[chipId - 1].label; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            break; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-          case '色彩搭配': 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            this.userProfile.color = card.chips[chipId - 1].label; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-            break; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-        } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    }) 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  }; 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				- 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   /** 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				    * @跳转到聊天面板 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				    * 调用路由跳转到chatPanel页面,并传递用户需求信息 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				    */ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  /*goChatPanel() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    this.router.navigate(['/chatPanel'], { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-      queryParams: { userPrompt: this.userPrompt } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    }); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-  }*/ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  goChatPanel() { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+    this.router.navigate(['/chatPanel']); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+  } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   /** 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				    * @风格描述下的帮助文本点击事件 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				    * 1. 将可选提示词展示或隐藏 
			 | 
		
	
	
		
			
				| 
					
				 | 
			
			
				@@ -328,7 +256,7 @@ export class GenerateOptionComponent implements OnInit { 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     console.log("展示当前读取到的用户信息:"); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     console.log(this.userProfile); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				     this.doGenerateTask(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				-    //this.goChatPanel(); 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				+ 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				   } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 } 
			 | 
		
	
		
			
				 | 
				 | 
			
			
				 /** 
			 |