feat:通知主题修改

合并远程web分支更新

backend/AgentCoord/LLMAPI/LLMAPI.py

@@ -1,24 +1,35 @@
 import asyncio
-import openai
+
+import httpx
+from openai import OpenAI, AsyncOpenAI, max_retries
 import yaml
 from termcolor import colored
 import os
 
+# Helper function to avoid circular import
+def print_colored(text, text_color="green", background="on_white"):
+    print(colored(text, text_color, background))
+
 # load config (apikey, apibase, model)
 yaml_file = os.path.join(os.getcwd(), "config", "config.yaml")
 try:
     with open(yaml_file, "r", encoding="utf-8") as file:
         yaml_data = yaml.safe_load(file)
 except Exception:
-    yaml_file = {}
+    yaml_data = {}
 OPENAI_API_BASE = os.getenv("OPENAI_API_BASE") or yaml_data.get(
     "OPENAI_API_BASE", "https://api.openai.com"
 )
-openai.api_base = OPENAI_API_BASE
 OPENAI_API_KEY = os.getenv("OPENAI_API_KEY") or yaml_data.get(
     "OPENAI_API_KEY", ""
 )
-openai.api_key = OPENAI_API_KEY
+OPENAI_API_MODEL = os.getenv("OPENAI_API_MODEL") or yaml_data.get(
+    "OPENAI_API_MODEL", ""
+)
+
+# Initialize OpenAI clients
+client = OpenAI(api_key=OPENAI_API_KEY, base_url=OPENAI_API_BASE)
+async_client = AsyncOpenAI(api_key=OPENAI_API_KEY, base_url=OPENAI_API_BASE)
 MODEL: str = os.getenv("OPENAI_API_MODEL") or yaml_data.get(
     "OPENAI_API_MODEL", "gpt-4-turbo-preview"
 )
@@ -35,8 +46,11 @@ MISTRAL_API_KEY = os.getenv("MISTRAL_API_KEY") or yaml_data.get(
 
 # for LLM completion
 def LLM_Completion(
-    messages: list[dict], stream: bool = True, useGroq: bool = True
+    messages: list[dict], stream: bool = True, useGroq: bool = True,model_config: dict = None
 ) -> str:
+    if model_config:
+        print_colored(f"Using model config: {model_config}", "blue")
+        return _call_with_custom_config(messages,stream,model_config)
     if not useGroq or not FAST_DESIGN_MODE:
         force_gpt4 = True
         useGroq = False
@@ -69,16 +83,107 @@ def LLM_Completion(
         return _chat_completion(messages=messages)
 
 
+def _call_with_custom_config(messages: list[dict], stream: bool, model_config: dict) ->str:
+    "使用自定义配置调用API"
+    api_url = model_config.get("apiUrl", OPENAI_API_BASE)
+    api_key = model_config.get("apiKey", OPENAI_API_KEY)
+    api_model = model_config.get("apiModel", OPENAI_API_MODEL)
+
+    temp_client = OpenAI(api_key=api_key, base_url=api_url)
+    temp_async_client = AsyncOpenAI(api_key=api_key, base_url=api_url)
+
+    try:
+        if stream:
+            try:
+                loop = asyncio.get_event_loop()
+            except RuntimeError as ex:
+                if "There is no current event loop in thread" in str(ex):
+                    loop = asyncio.new_event_loop()
+                    asyncio.set_event_loop(loop)
+            return loop.run_until_complete(
+                _achat_completion_stream_custom(messages=messages, temp_async_client=temp_async_client, api_model=api_model)
+            )
+        else:
+            response = temp_client.chat.completions.create(
+                messages=messages,
+                model=api_model,
+                temperature=0.3,
+                max_tokens=4096,
+                timeout=180
+
+            )
+            # 检查响应是否有效
+            if not response.choices or len(response.choices) == 0:
+                raise Exception(f"API returned empty response for model {api_model}")
+            if not response.choices[0] or not response.choices[0].message:
+                raise Exception(f"API returned invalid response format for model {api_model}")
+
+            full_reply_content = response.choices[0].message.content
+            if full_reply_content is None:
+                raise Exception(f"API returned None content for model {api_model}")
+
+            print(colored(full_reply_content, "blue", "on_white"), end="")
+            return full_reply_content
+    except Exception as e:
+        print_colored(f"Custom API error for model {api_model} :{str(e)}","red")
+        raise
+
+
+async def _achat_completion_stream_custom(messages:list[dict], temp_async_client, api_model: str ) -> str:
+    max_retries=3
+    for attempt in range(max_retries):
+        try:
+            response = await temp_async_client.chat.completions.create(
+                messages=messages,
+                model=api_model,
+                temperature=0.3,
+                max_tokens=4096,
+                stream=True,
+                timeout=180
+            )
+
+            collected_chunks = []
+            collected_messages = []
+            async for chunk in response:
+                collected_chunks.append(chunk)
+                choices = chunk.choices
+                if len(choices) > 0 and choices[0] is not None:
+                    chunk_message = choices[0].delta
+                    if chunk_message is not None:
+                        collected_messages.append(chunk_message)
+                        if chunk_message.content:
+                            print(colored(chunk_message.content, "blue", "on_white"), end="")
+            print()
+            full_reply_content = "".join(
+                [m.content or "" for m in collected_messages if m is not None]
+            )
+
+            # 检查最终结果是否为空
+            if not full_reply_content or full_reply_content.strip() == "":
+                raise Exception(f"Stream API returned empty content for model {api_model}")
+
+            return full_reply_content
+        except httpx.RemoteProtocolError as e:
+            if attempt < max_retries - 1:
+                wait_time = (attempt + 1) *2
+                print_colored(f"⚠️ Stream connection interrupted (attempt {attempt+1}/{max_retries}). Retrying in {wait_time}s...", text_color="yellow")
+                await asyncio.sleep(wait_time)
+                continue
+        except Exception as e:
+            print_colored(f"Custom API stream error for model {api_model} :{str(e)}","red")
+            raise
+
+
 async def _achat_completion_stream_groq(messages: list[dict]) -> str:
     from groq import AsyncGroq
-    client = AsyncGroq(api_key=GROQ_API_KEY)
+    groq_client = AsyncGroq(api_key=GROQ_API_KEY)
 
     max_attempts = 5
 
     for attempt in range(max_attempts):
         print("Attempt to use Groq (Fase Design Mode):")
         try:
-            stream = await client.chat.completions.create(
+            response = await groq_client.chat.completions.create(
                 messages=messages,
                 # model='gemma-7b-it',
                 model="mixtral-8x7b-32768",
@@ -92,9 +197,18 @@ async def _achat_completion_stream_groq(messages: list[dict]) -> str:
             if attempt < max_attempts - 1:  # i is zero indexed
                 continue
             else:
-                raise "failed"
+                raise Exception("failed")
+
+    # 检查响应是否有效
+    if not response.choices or len(response.choices) == 0:
+        raise Exception("Groq API returned empty response")
+    if not response.choices[0] or not response.choices[0].message:
+        raise Exception("Groq API returned invalid response format")
+
+    full_reply_content = response.choices[0].message.content
+    if full_reply_content is None:
+        raise Exception("Groq API returned None content")
 
-    full_reply_content = stream.choices[0].message.content
     print(colored(full_reply_content, "blue", "on_white"), end="")
     print()
     return full_reply_content
@@ -103,14 +217,14 @@ async def _achat_completion_stream_groq(messages: list[dict]) -> str:
 async def _achat_completion_stream_mixtral(messages: list[dict]) -> str:
     from mistralai.client import MistralClient
     from mistralai.models.chat_completion import ChatMessage
-    client = MistralClient(api_key=MISTRAL_API_KEY)
+    mistral_client = MistralClient(api_key=MISTRAL_API_KEY)
     # client=AsyncGroq(api_key=GROQ_API_KEY)
     max_attempts = 5
 
     for attempt in range(max_attempts):
         try:
             messages[len(messages) - 1]["role"] = "user"
-            stream = client.chat(
+            stream = mistral_client.chat(
                 messages=[
                     ChatMessage(
                         role=message["role"], content=message["content"]
@@ -119,31 +233,35 @@ async def _achat_completion_stream_mixtral(messages: list[dict]) -> str:
                 ],
                 # model = "mistral-small-latest",
                 model="open-mixtral-8x7b",
-                # response_format={"type": "json_object"},
             )
             break  # If the operation is successful, break the loop
         except Exception:
             if attempt < max_attempts - 1:  # i is zero indexed
                 continue
             else:
-                raise "failed"
+                raise Exception("failed")
+
+    # 检查响应是否有效
+    if not stream.choices or len(stream.choices) == 0:
+        raise Exception("Mistral API returned empty response")
+    if not stream.choices[0] or not stream.choices[0].message:
+        raise Exception("Mistral API returned invalid response format")
 
     full_reply_content = stream.choices[0].message.content
+    if full_reply_content is None:
+        raise Exception("Mistral API returned None content")
+
     print(colored(full_reply_content, "blue", "on_white"), end="")
     print()
     return full_reply_content
 
 
 async def _achat_completion_stream_gpt35(messages: list[dict]) -> str:
-    openai.api_key = OPENAI_API_KEY
-    openai.api_base = OPENAI_API_BASE
-    response = await openai.ChatCompletion.acreate(
+    response = await async_client.chat.completions.create(
         messages=messages,
         max_tokens=4096,
-        n=1,
-        stop=None,
         temperature=0.3,
-        timeout=3,
+        timeout=600,
         model="gpt-3.5-turbo-16k",
         stream=True,
     )
@@ -154,40 +272,38 @@ async def _achat_completion_stream_gpt35(messages: list[dict]) -> str:
     # iterate through the stream of events
     async for chunk in response:
         collected_chunks.append(chunk)  # save the event response
-        choices = chunk["choices"]
-        if len(choices) > 0:
-            chunk_message = chunk["choices"][0].get(
-                "delta", {}
-            )  # extract the message
-            collected_messages.append(chunk_message)  # save the message
-            if "content" in chunk_message:
-                print(
-                    colored(chunk_message["content"], "blue", "on_white"),
-                    end="",
-                )
+        choices = chunk.choices
+        if len(choices) > 0 and choices[0] is not None:
+            chunk_message = choices[0].delta
+            if chunk_message is not None:
+                collected_messages.append(chunk_message)  # save the message
+                if chunk_message.content:
+                    print(
+                        colored(chunk_message.content, "blue", "on_white"),
+                        end="",
+                    )
     print()
 
     full_reply_content = "".join(
-        [m.get("content", "") for m in collected_messages]
+        [m.content or "" for m in collected_messages if m is not None]
     )
+
+    # 检查最终结果是否为空
+    if not full_reply_content or full_reply_content.strip() == "":
+        raise Exception("Stream API (gpt-3.5) returned empty content")
+
     return full_reply_content
 
 
-async def _achat_completion_json(messages: list[dict]) -> str:
-    openai.api_key = OPENAI_API_KEY
-    openai.api_base = OPENAI_API_BASE
-
+def _achat_completion_json(messages: list[dict] ) -> str:
     max_attempts = 5
-
     for attempt in range(max_attempts):
         try:
-            stream = await openai.ChatCompletion.acreate(
+            response =  async_client.chat.completions.create(
                 messages=messages,
                 max_tokens=4096,
-                n=1,
-                stop=None,
                 temperature=0.3,
-                timeout=3,
+                timeout=600,
                 model=MODEL,
                 response_format={"type": "json_object"},
             )
@@ -196,62 +312,87 @@ async def _achat_completion_json(messages: list[dict]) -> str:
             if attempt < max_attempts - 1:  # i is zero indexed
                 continue
             else:
-                raise "failed"
+                raise Exception("failed")
+
+    # 检查响应是否有效
+    if not response.choices or len(response.choices) == 0:
+        raise Exception("OpenAI API returned empty response")
+    if not response.choices[0] or not response.choices[0].message:
+        raise Exception("OpenAI API returned invalid response format")
+
+    full_reply_content = response.choices[0].message.content
+    if full_reply_content is None:
+        raise Exception("OpenAI API returned None content")
 
-    full_reply_content = stream.choices[0].message.content
     print(colored(full_reply_content, "blue", "on_white"), end="")
     print()
     return full_reply_content
 
 
 async def _achat_completion_stream(messages: list[dict]) -> str:
-    openai.api_key = OPENAI_API_KEY
-    openai.api_base = OPENAI_API_BASE
-    response = await openai.ChatCompletion.acreate(
-        **_cons_kwargs(messages), stream=True
-    )
+    try:
+        response = await async_client.chat.completions.create(
+            **_cons_kwargs(messages), stream=True
+        )
 
-    # create variables to collect the stream of chunks
-    collected_chunks = []
-    collected_messages = []
-    # iterate through the stream of events
-    async for chunk in response:
-        collected_chunks.append(chunk)  # save the event response
-        choices = chunk["choices"]
-        if len(choices) > 0:
-            chunk_message = chunk["choices"][0].get(
-                "delta", {}
-            )  # extract the message
-            collected_messages.append(chunk_message)  # save the message
-            if "content" in chunk_message:
-                print(
-                    colored(chunk_message["content"], "blue", "on_white"),
-                    end="",
-                )
-    print()
+        # create variables to collect the stream of chunks
+        collected_chunks = []
+        collected_messages = []
+        # iterate through the stream of events
+        async for chunk in response:
+            collected_chunks.append(chunk)  # save the event response
+            choices = chunk.choices
+            if len(choices) > 0 and choices[0] is not None:
+                chunk_message = choices[0].delta
+                if chunk_message is not None:
+                    collected_messages.append(chunk_message)  # save the message
+                    if chunk_message.content:
+                        print(
+                            colored(chunk_message.content, "blue", "on_white"),
+                            end="",
+                        )
+        print()
 
-    full_reply_content = "".join(
-        [m.get("content", "") for m in collected_messages]
-    )
-    return full_reply_content
+        full_reply_content = "".join(
+            [m.content or "" for m in collected_messages if m is not None]
+        )
+
+        # 检查最终结果是否为空
+        if not full_reply_content or full_reply_content.strip() == "":
+            raise Exception("Stream API returned empty content")
+
+        return full_reply_content
+    except Exception as e:
+        print_colored(f"OpenAI API error in _achat_completion_stream: {str(e)}", "red")
+        raise
 
 
 def _chat_completion(messages: list[dict]) -> str:
-    print(messages, flush=True)
-    rsp = openai.ChatCompletion.create(**_cons_kwargs(messages))
-    content = rsp["choices"][0]["message"]["content"]
-    print(content, flush=True)
-    return content
+    try:
+        rsp = client.chat.completions.create(**_cons_kwargs(messages))
+
+        # 检查响应是否有效
+        if not rsp.choices or len(rsp.choices) == 0:
+            raise Exception("OpenAI API returned empty response")
+        if not rsp.choices[0] or not rsp.choices[0].message:
+            raise Exception("OpenAI API returned invalid response format")
+
+        content = rsp.choices[0].message.content
+        if content is None:
+            raise Exception("OpenAI API returned None content")
+
+        return content
+    except Exception as e:
+        print_colored(f"OpenAI API error in _chat_completion: {str(e)}", "red")
+        raise
 
 
 def _cons_kwargs(messages: list[dict]) -> dict:
     kwargs = {
         "messages": messages,
-        "max_tokens": 4096,
-        "n": 1,
-        "stop": None,
-        "temperature": 0.5,
-        "timeout": 3,
+        "max_tokens": 2000,
+        "temperature": 0.3,
+        "timeout": 600,
     }
     kwargs_mode = {"model": MODEL}
     kwargs.update(kwargs_mode)

backend/AgentCoord/PlanEngine/AgentSelectModify.py

@@ -7,6 +7,8 @@ PROMPT_ABILITY_REQUIREMENT_GENERATION = """
 ## Instruction
 Based on "General Goal" and "Current Task", output a formatted "Ability Requirement" which lists at least 3 different ability requirement that is required by the "Current Task". The ability should be summarized concisely within a few words.
 
+**IMPORTANT LANGUAGE REQUIREMENT: You must respond in Chinese (中文) for all ability requirements.**
+
 ## General Goal (The general goal for the collaboration plan, "Current Task" is just one of its substep)
 {General_Goal}
 
@@ -49,6 +51,8 @@ PROMPT_AGENT_ABILITY_SCORING = """
 ## Instruction
 Based on "Agent Board" and "Ability Requirement", output a score for each agent to estimate the possibility that the agent can fulfil the "Ability Requirement". The score should be 1-5. Provide a concise reason before you assign the score.
 
+**IMPORTANT LANGUAGE REQUIREMENT: You must respond in Chinese (中文) for all reasons and explanations.**
+
 ## AgentBoard
 {Agent_Board}
 
@@ -133,5 +137,6 @@ def AgentSelectModify_init(stepTask, General_Goal, Agent_Board):
 
 
 def AgentSelectModify_addAspect(aspectList, Agent_Board):
-    scoreTable = agentAbilityScoring(Agent_Board, aspectList)
+    newAspect = aspectList[-1]
+    scoreTable = agentAbilityScoring(Agent_Board, [newAspect])
     return scoreTable

backend/AgentCoord/PlanEngine/AgentSelection_Generator.py

@@ -33,7 +33,9 @@ class JSON_ABILITY_REQUIREMENT_GENERATION(BaseModel):
 
 PROMPT_AGENT_SELECTION_GENERATION = """
 ## Instruction
-Based on "General Goal", "Current Task" and "Agent Board", output a formatted "Agent Selection Plan". Your selection should consider the ability needed for "Current Task" and the profile of each agent in "Agent Board". Agent Selection Plan ranks from high to low according to ability.
+Based on "General Goal", "Current Task" and "Agent Board", output a formatted "Agent Selection Plan". Your selection should consider the ability needed for "Current Task" and the profile of each agent in "Agent Board".
+
+**IMPORTANT LANGUAGE REQUIREMENT: You must respond in Chinese (中文) for all explanations and reasoning, though agent names should remain in their original form.**
 
 ## General Goal (Specify the general goal for the collaboration plan)
 {General_Goal}
@@ -80,6 +82,10 @@ def generate_AbilityRequirement(General_Goal, Current_Task):
 
 
 def generate_AgentSelection(General_Goal, Current_Task, Agent_Board):
+    # Check if Agent_Board is None or empty
+    if Agent_Board is None or len(Agent_Board) == 0:
+        raise ValueError("Agent_Board cannot be None or empty. Please ensure agents are set via /setAgents endpoint before generating a plan.")
+
     messages = [
         {
             "role": "system",

backend/AgentCoord/PlanEngine/basePlan_Generator.py

@@ -1,55 +1,53 @@
 from AgentCoord.PlanEngine.planOutline_Generator import generate_PlanOutline
-from AgentCoord.PlanEngine.AgentSelection_Generator import (
-    generate_AgentSelection,
-)
-from AgentCoord.PlanEngine.taskProcess_Generator import generate_TaskProcess
-import AgentCoord.util as util
+# from AgentCoord.PlanEngine.AgentSelection_Generator import (
+#     generate_AgentSelection,
+# )
 
 
 def generate_basePlan(
-    General_Goal, Agent_Board, AgentProfile_Dict, InitialObject_List, context
+    General_Goal, Agent_Board, AgentProfile_Dict, InitialObject_List
 ):
-    basePlan = {
-        "Initial Input Object": InitialObject_List,
-        "Collaboration Process": [],
-    }
+    """
+    优化模式：生成大纲 + 智能体选择，但不生成任务流程
+    优化用户体验：
+    1. 快速生成大纲和分配智能体
+    2. 用户可以看到完整的大纲和智能体图标
+    3. TaskProcess由前端通过 fillStepTask API 异步填充
+
+    """
+    # 参数保留以保持接口兼容性
+    _ = AgentProfile_Dict
     PlanOutline = generate_PlanOutline(
-        InitialObject_List=[], General_Goal=General_Goal + context
+        InitialObject_List=InitialObject_List, General_Goal=General_Goal
     )
+
+    basePlan = {
+        "General Goal": General_Goal,
+        "Initial Input Object": InitialObject_List,
+        "Collaboration Process": []
+    }
+
     for stepItem in PlanOutline:
-        Current_Task = {
-            "TaskName": stepItem["StepName"],
-            "InputObject_List": stepItem["InputObject_List"],
-            "OutputObject": stepItem["OutputObject"],
-            "TaskContent": stepItem["TaskContent"],
+        # # 为每个步骤分配智能体
+        # Current_Task = {
+        #     "TaskName": stepItem["StepName"],
+        #     "InputObject_List": stepItem["InputObject_List"],
+        #     "OutputObject": stepItem["OutputObject"],
+        #     "TaskContent": stepItem["TaskContent"],
+        # }
+        # AgentSelection = generate_AgentSelection(
+        #     General_Goal=General_Goal,
+        #     Current_Task=Current_Task,
+        #     Agent_Board=Agent_Board,
+        # )
+
+        # 添加智能体选择，但不添加任务流程
+        stepItem["AgentSelection"] = []
+        stepItem["TaskProcess"] = []  # 空数组，由前端异步填充
+        stepItem["Collaboration_Brief_frontEnd"] = {
+            "template": "",
+            "data": {}
         }
-        AgentSelection = generate_AgentSelection(
-            General_Goal=General_Goal,
-            Current_Task=Current_Task,
-            Agent_Board=Agent_Board,
-        )
-        Current_Task_Description = {
-            "TaskName": stepItem["StepName"],
-            "AgentInvolved": [
-                {"Name": name, "Profile": AgentProfile_Dict[name]}
-                for name in AgentSelection
-            ],
-            "InputObject_List": stepItem["InputObject_List"],
-            "OutputObject": stepItem["OutputObject"],
-            "CurrentTaskDescription": util.generate_template_sentence_for_CollaborationBrief(
-                stepItem["InputObject_List"],
-                stepItem["OutputObject"],
-                AgentSelection,
-                stepItem["TaskContent"],
-            ),
-        }
-        TaskProcess = generate_TaskProcess(
-            General_Goal=General_Goal + context,
-            Current_Task_Description=Current_Task_Description,
-        )
-        # add the generated AgentSelection and TaskProcess to the stepItem
-        stepItem["AgentSelection"] = AgentSelection
-        stepItem["TaskProcess"] = TaskProcess
         basePlan["Collaboration Process"].append(stepItem)
-    basePlan["General Goal"] = General_Goal
-    return basePlan
+
+    return basePlan

backend/AgentCoord/PlanEngine/branch_PlanOutline.py

@@ -9,6 +9,8 @@ PROMPT_PLAN_OUTLINE_BRANCHING = """
 Based on "Existing Steps", your task is to comeplete the "Remaining Steps" for the plan for "General Goal".
 Note: "Modification Requirement" specifies how to modify the "Baseline Completion" for a better/alternative solution.
 
+**IMPORTANT LANGUAGE REQUIREMENT: You must respond in Chinese (中文) for all content, including StepName, TaskContent, and OutputObject fields.**
+
 ## General Goal (Specify the general goal for the plan)
 {General_Goal}
 

backend/AgentCoord/PlanEngine/branch_TaskProcess.py

@@ -29,6 +29,8 @@ PROMPT_TASK_PROCESS_BRANCHING = """
 Based on "Existing Steps", your task is to comeplete the "Remaining Steps" for the "Task for Current Step".
 Note: "Modification Requirement" specifies how to modify the "Baseline Completion" for a better/alternative solution.
 
+**IMPORTANT LANGUAGE REQUIREMENT: You must respond in Chinese (中文) for the Description field and all explanations, while keeping ID, ActionType, and AgentName in their original format.**
+
 ## General Goal (The general goal for the collaboration plan, you just design the plan for one of its step (i.e. "Task for Current Step"))
 {General_Goal}
 
@@ -55,27 +57,40 @@ Note: "Modification Requirement" specifies how to modify the "Baseline Completio
       "ID": "Action4",
       "ActionType": "Propose",
       "AgentName": "Mia",
-      "Description": "Propose psychological theories on love and attachment that could be applied to AI's emotional development.",
+      "Description": "提议关于人工智能情感发展的心理学理论，重点关注爱与依恋的概念。",
       "ImportantInput": [
         "InputObject:Story Outline"
       ]
     }},
     {{
       "ID": "Action5",
-      "ActionType": "Propose",
+      "ActionType": "Critique",
       "AgentName": "Noah",
-      "Description": "Propose ethical considerations and philosophical questions regarding AI's capacity for love.",
-      "ImportantInput": []
+      "Description": "对Mia提出的心理学理论进行批判性评估，分析其在AI情感发展场景中的适用性和局限性。",
+      "ImportantInput": [
+        "ActionResult:Action4"
+      ]
     }},
     {{
       "ID": "Action6",
-      "ActionType": "Finalize",
+      "ActionType": "Improve",
       "AgentName": "Liam",
-      "Description": "Combine the poetic elements and ethical considerations into a cohesive set of core love elements for the story.",
+      "Description": "基于Noah的批判性反馈，改进和完善心理学理论框架，使其更贴合AI情感发展的实际需求。",
       "ImportantInput": [
-        "ActionResult:Action1",
+        "ActionResult:Action4",
         "ActionResult:Action5"
       ]
+    }},
+    {{
+      "ID": "Action7",
+      "ActionType": "Finalize",
+      "AgentName": "Mia",
+      "Description": "综合所有提议、批判和改进意见，整合并提交最终的AI情感发展心理学理论框架。",
+      "ImportantInput": [
+        "ActionResult:Action4",
+        "ActionResult:Action5",
+        "ActionResult:Action6"
+      ]
     }}
   ]
 }}
@@ -84,7 +99,12 @@ Note: "Modification Requirement" specifies how to modify the "Baseline Completio
 ImportantInput: Specify if there is any previous result that should be taken special consideration during the execution the action. Should be of format "InputObject:xx" or "ActionResult:xx".
 InputObject_List: List existing objects that should be utilized in current step.
 AgentName: Specify the agent who will perform the action, You CAN ONLY USE THE NAME APPEARS IN "AgentInvolved".
-ActionType: Specify the type of action, note that only the last action can be of type "Finalize", and the last action must be "Finalize".
+ActionType: Specify the type of action. **CRITICAL REQUIREMENTS:**
+  1. The "Remaining Steps" MUST include ALL FOUR action types in the following order: Propose -> Critique -> Improve -> Finalize
+  2. Each action type (Propose, Critique, Improve, Finalize) MUST appear at least once
+  3. The actions must follow the sequence: Propose actions first, then Critique actions, then Improve actions, and Finalize must be the last action
+  4. Even if only one agent is involved in a phase, that phase must still have its corresponding action type
+  5. The last action must ALWAYS be of type "Finalize"
 
 """
 

backend/AgentCoord/PlanEngine/planOutline_Generator.py

@@ -5,7 +5,9 @@ import json
 
 PROMPT_PLAN_OUTLINE_GENERATION = """
 ## Instruction
-Based on "Output Format Example", "General Goal", and "Initial Key Object List", output a formatted "Plan_Outline". The number of steps in the Plan Outline cannot exceed 5.
+Based on "Output Format Example", "General Goal", and "Initial Key Object List", output a formatted "Plan_Outline".
+
+**IMPORTANT LANGUAGE REQUIREMENT: You must respond in Chinese (中文) for all content, including StepName, TaskContent, and OutputObject fields.**
 
 ## Initial Key Object List (Specify the list of initial key objects available, each initial key object should be the input object of at least one Step)
 {InitialObject_List}
@@ -51,7 +53,6 @@ TaskContent: Describe the task of the current step.
 InputObject_List: The list of the input obejects that will be used in current step.
 OutputObject: The name of the final output object of current step.
 
-请用中文回答
 """
 
 
@@ -84,4 +85,16 @@ def generate_PlanOutline(InitialObject_List, General_Goal):
             ),
         },
     ]
-    return read_LLM_Completion(messages)["Plan_Outline"]
+    result = read_LLM_Completion(messages)
+    if isinstance(result, dict) and "Plan_Outline" in result:
+        return result["Plan_Outline"]
+    else:
+        # 如果格式不正确，返回默认的计划大纲
+        return [
+            {
+                "StepName": "Default Step",
+                "TaskContent": "Generated default plan step due to format error",
+                "InputObject_List": [],
+                "OutputObject": "Default Output"
+            }
+        ]

backend/AgentCoord/PlanEngine/taskProcess_Generator.py

@@ -25,6 +25,8 @@ PROMPT_TASK_PROCESS_GENERATION = """
 ## Instruction
 Based on "General Goal", "Task for Current Step", "Action Set" and "Output Format Example", design a plan for "Task for Current Step", output a formatted "Task_Process_Plan".
 
+**IMPORTANT LANGUAGE REQUIREMENT: You must respond in Chinese (中文) for the Description field and all explanations, while keeping ID, ActionType, and AgentName in their original format.**
+
 ## General Goal (The general goal for the collaboration plan, you just design the plan for one of its step (i.e. "Task for Current Step"))
 {General_Goal}
 
@@ -90,7 +92,6 @@ InputObject_List: List existing objects that should be utilized in current step.
 AgentName: Specify the agent who will perform the action, You CAN ONLY USE THE NAME APPEARS IN "AgentInvolved".
 ActionType: Specify the type of action, note that only the last action can be of type "Finalize", and the last action must be "Finalize".
 
-请用中文回答
 """
 
 

backend/AgentCoord/RehearsalEngine_V2/Action/baseAction.py

@@ -5,10 +5,12 @@ PROMPT_TEMPLATE_TAKE_ACTION_BASE = '''
 Your name is {agentName}. You will play the role as the Profile indicates.
 Profile: {agentProfile}
 
-You are within a multi-agent collaboration for the "Current Task". 
-Now it's your turn to take action. Read the "Context Information" and take your action following "Instruction for Your Current Action". 
+You are within a multi-agent collaboration for the "Current Task".
+Now it's your turn to take action. Read the "Context Information" and take your action following "Instruction for Your Current Action".
 Note: Important Input for your action are marked with *Important Input*
 
+**IMPORTANT LANGUAGE REQUIREMENT: You must respond in Chinese (中文) for all your answers and outputs.**
+
 ## Context Information
 
 ### General Goal (The "Current Task" is indeed a substep of the general goal)
@@ -23,8 +25,8 @@ Note: Important Input for your action are marked with *Important Input*
 ### History Action
 {History_Action}
 
-## Instruction for Your Current Action 
-{Action_Description} 
+## Instruction for Your Current Action
+{Action_Description}
 
 {Action_Custom_Note}
 
@@ -80,10 +82,34 @@ class BaseAction():
                 Important_Mark = ""
             action_Record += PROMPT_TEMPLATE_ACTION_RECORD.format(AgentName = actionInfo["AgentName"], Action_Description = actionInfo["AgentName"], Action_Result = actionInfo["Action_Result"], Important_Mark = Important_Mark)
 
-        prompt = PROMPT_TEMPLATE_TAKE_ACTION_BASE.format(agentName = agentName, agentProfile = AgentProfile_Dict[agentName], General_Goal = General_Goal, Current_Task_Description = TaskDescription, Input_Objects = inputObject_Record, History_Action = action_Record, Action_Description = self.info["Description"], Action_Custom_Note = self.Action_Custom_Note)
+        # Handle missing agent profiles gracefully
+        model_config = None
+        if agentName not in AgentProfile_Dict:
+            print_colored(text=f"Warning: Agent '{agentName}' not found in AgentProfile_Dict. Using default profile.", text_color="yellow")
+            agentProfile = f"AI Agent named {agentName}"
+        else:
+            # agentProfile = AgentProfile_Dict[agentName]
+            agent_config = AgentProfile_Dict[agentName]
+            agentProfile = agent_config.get("profile",f"AI Agent named {agentName}")
+            if agent_config.get("useCustomAPI",False):
+                model_config = {
+                    "apiModel":agent_config.get("apiModel"),
+                    "apiUrl":agent_config.get("apiUrl"),
+                    "apiKey":agent_config.get("apiKey"),
+                }
+        prompt = PROMPT_TEMPLATE_TAKE_ACTION_BASE.format(
+            agentName = agentName,
+            agentProfile = agentProfile,
+            General_Goal = General_Goal,
+            Current_Task_Description = TaskDescription,
+            Input_Objects = inputObject_Record,
+            History_Action = action_Record,
+            Action_Description = self.info["Description"],
+            Action_Custom_Note = self.Action_Custom_Note
+        )
         print_colored(text = prompt, text_color="red")
         messages = [{"role":"system", "content": prompt}]
-        ActionResult = LLM_Completion(messages,True,False)
+        ActionResult = LLM_Completion(messages,True,False,model_config=model_config)
         ActionInfo_with_Result = copy.deepcopy(self.info)
         ActionInfo_with_Result["Action_Result"] = ActionResult
 

backend/AgentCoord/RehearsalEngine_V2/Action/customAction_Critique.py

@@ -1,7 +1,7 @@
 from AgentCoord.RehearsalEngine_V2.Action import BaseAction
 
 ACTION_CUSTOM_NOTE = '''
-Note: Since you are in a conversation, your critique must be concise, clear and easy to read, don't overwhelm others. If you want to list some points, list at most 2 points. 
+注意：由于你在对话中，你的批评必须简洁、清晰且易于阅读，不要让人感到压力过大。如果你要列出一些观点，最多列出2点。
 
 '''
 

backend/AgentCoord/RehearsalEngine_V2/Action/customAction_Finalize.py

@@ -2,9 +2,9 @@ from AgentCoord.util.converter import read_outputObject_content
 from AgentCoord.RehearsalEngine_V2.Action import BaseAction
 
 ACTION_CUSTOM_NOTE = '''
-Note: You can say something before you give the final content of {OutputName}. When you decide to give the final content of {OutputName}, it should be enclosed like this:
+注意：你可以在给出{OutputName}的最终内容之前先说一些话。当你决定给出{OutputName}的最终内容时，应该这样包含：
 ```{OutputName}
-(the content of {OutputName})
+（{OutputName}的内容）
 ```
 '''
 

backend/AgentCoord/RehearsalEngine_V2/Action/customAction_Improve.py

@@ -1,12 +1,12 @@
 from AgentCoord.RehearsalEngine_V2.Action import BaseAction
 
 ACTION_CUSTOM_NOTE = '''
-Note: You can say something before you provide the improved version of the content.
-The improved version you provide must be a completed version (e.g. if you provide a improved story, you should give completed story content, rather than just reporting where you have improved).
-When you decide to give the improved version of the content, it should be start like this:
+注意：你可以在提供改进版本的内容之前先说一些话。
+你提供的改进版本必须是完整的版本（例如，如果你提供改进的故事，你应该给出完整的故事内容，而不仅仅是报告你在哪里改进了）。
+当你决定提供内容的改进版本时，应该这样开始：
 
 ## xxx的改进版本
-(the improved version of the content)
+（改进版本的内容）
 ```
 
 '''

backend/AgentCoord/RehearsalEngine_V2/ExecutePlan.py

@@ -4,7 +4,7 @@ from termcolor import colored
 
 
 # Accept inputs: num_StepToRun (the number of step to run, if None, run to the end), plan, RehearsalLog, AgentProfile_Dict
-def executePlan(plan, num_StepToRun, RehearsalLog, AgentProfile_Dict, context):
+def executePlan(plan, num_StepToRun, RehearsalLog, AgentProfile_Dict):
     # Prepare for execution
     KeyObjects = {}
     finishedStep_index = -1
@@ -85,9 +85,17 @@ def executePlan(plan, num_StepToRun, RehearsalLog, AgentProfile_Dict, context):
         # start the group chat
         util.print_colored(TaskDescription, text_color="green")
         ActionHistory = []
+        action_count = 0
+        total_actions = len(TaskProcess)
+
         for ActionInfo in TaskProcess:
+            action_count += 1
             actionType = ActionInfo["ActionType"]
             agentName = ActionInfo["AgentName"]
+
+            # 添加进度日志
+            util.print_colored(f"🔄 Executing action {action_count}/{total_actions}: {actionType} by {agentName}", text_color="yellow")
+
             if actionType in Action.customAction_Dict:
                 currentAction = Action.customAction_Dict[actionType](
                     info=ActionInfo,
@@ -101,7 +109,7 @@ def executePlan(plan, num_StepToRun, RehearsalLog, AgentProfile_Dict, context):
                     KeyObjects=KeyObjects,
                 )
             ActionInfo_with_Result = currentAction.run(
-                General_Goal=plan["General Goal"] + "\n\n### Useful Information (some information can help accomplish the task)\n如果使用该信息，请在回答中显示指出是来自数联网的数据。例如，基于数联网数据搜索结果。" + context,
+                General_Goal=plan["General Goal"],
                 TaskDescription=TaskDescription,
                 agentName=agentName,
                 AgentProfile_Dict=AgentProfile_Dict,
@@ -113,8 +121,6 @@ def executePlan(plan, num_StepToRun, RehearsalLog, AgentProfile_Dict, context):
             ActionHistory.append(ActionInfo_with_Result)
         # post processing for the group chat (finish)
         objectLogNode["content"] = KeyObjects[OutputName]
-        if StepRun_count == len(plan["Collaboration Process"][(finishedStep_index + 1): run_to]):
-            objectLogNode["content"] += context
         RehearsalLog.append(stepLogNode)
         RehearsalLog.append(objectLogNode)
         stepLogNode["ActionHistory"] = ActionHistory

backend/AgentCoord/RehearsalEngine_V2/ExecutePlan_Optimized.py

@@ -0,0 +1,608 @@
+"""
+优化版执行计划 - 支持动态追加步骤
+在执行过程中可以接收新的步骤并追加到执行队列
+"""
+
+import asyncio
+import json
+import time
+from typing import List, Dict, Set, Generator, Any
+import AgentCoord.RehearsalEngine_V2.Action as Action
+import AgentCoord.util as util
+from termcolor import colored
+from AgentCoord.RehearsalEngine_V2.execution_state import execution_state_manager
+from AgentCoord.RehearsalEngine_V2.dynamic_execution_manager import dynamic_execution_manager
+
+
+# ==================== 配置参数 ====================
+# 最大并发请求数
+MAX_CONCURRENT_REQUESTS = 2
+
+# 批次之间的延迟
+BATCH_DELAY = 1.0
+
+# 429错误重试次数和延迟
+MAX_RETRIES = 3
+RETRY_DELAY = 5.0
+
+
+# ==================== 限流器 ====================
+class RateLimiter:
+    """
+    异步限流器，控制并发请求数量
+    """
+
+    def __init__(self, max_concurrent: int = MAX_CONCURRENT_REQUESTS):
+        self.semaphore = asyncio.Semaphore(max_concurrent)
+        self.max_concurrent = max_concurrent
+
+    async def __aenter__(self):
+        await self.semaphore.acquire()
+        return self
+
+    async def __aexit__(self, *args):
+        self.semaphore.release()
+
+
+# 全局限流器实例
+rate_limiter = RateLimiter()
+
+
+def build_action_dependency_graph(TaskProcess: List[Dict]) -> Dict[int, List[int]]:
+    """
+    构建动作依赖图
+
+    Args:
+        TaskProcess: 任务流程列表
+
+    Returns:
+        依赖映射字典 {action_index: [dependent_action_indices]}
+    """
+    dependency_map = {i: [] for i in range(len(TaskProcess))}
+
+    for i, action in enumerate(TaskProcess):
+        important_inputs = action.get('ImportantInput', [])
+        if not important_inputs:
+            continue
+
+        # 检查是否依赖其他动作的ActionResult
+        for j, prev_action in enumerate(TaskProcess):
+            if i == j:
+                continue
+
+            # 判断是否依赖前一个动作的结果
+            if any(
+                inp.startswith('ActionResult:') and
+                inp == f'ActionResult:{prev_action["ID"]}'
+                for inp in important_inputs
+            ):
+                dependency_map[i].append(j)
+
+    return dependency_map
+
+
+def get_parallel_batches(TaskProcess: List[Dict], dependency_map: Dict[int, List[int]]) -> List[List[int]]:
+    """
+    将动作分为多个批次，每批内部可以并行执行
+
+    Args:
+        TaskProcess: 任务流程列表
+        dependency_map: 依赖图
+
+    Returns:
+        批次列表 [[batch1_indices], [batch2_indices], ...]
+    """
+    batches = []
+    completed: Set[int] = set()
+
+    while len(completed) < len(TaskProcess):
+        # 找出所有依赖已满足的动作
+        ready_to_run = [
+            i for i in range(len(TaskProcess))
+            if i not in completed and
+            all(dep in completed for dep in dependency_map[i])
+        ]
+
+        if not ready_to_run:
+            # 避免死循环
+            remaining = [i for i in range(len(TaskProcess)) if i not in completed]
+            if remaining:
+                print(colored(f"警告: 检测到循环依赖，强制串行执行: {remaining}", "yellow"))
+                ready_to_run = remaining[:1]
+            else:
+                break
+
+        batches.append(ready_to_run)
+        completed.update(ready_to_run)
+
+    return batches
+
+
+async def execute_single_action_async(
+    ActionInfo: Dict,
+    General_Goal: str,
+    TaskDescription: str,
+    OutputName: str,
+    KeyObjects: Dict,
+    ActionHistory: List,
+    agentName: str,
+    AgentProfile_Dict: Dict,
+    InputName_List: List[str]
+) -> Dict:
+    """
+    异步执行单个动作
+
+    Args:
+        ActionInfo: 动作信息
+        General_Goal: 总体目标
+        TaskDescription: 任务描述
+        OutputName: 输出对象名称
+        KeyObjects: 关键对象字典
+        ActionHistory: 动作历史
+        agentName: 智能体名称
+        AgentProfile_Dict: 智能体配置字典
+        InputName_List: 输入名称列表
+
+    Returns:
+        动作执行结果
+    """
+    actionType = ActionInfo["ActionType"]
+
+    # 创建动作实例
+    if actionType in Action.customAction_Dict:
+        currentAction = Action.customAction_Dict[actionType](
+            info=ActionInfo,
+            OutputName=OutputName,
+            KeyObjects=KeyObjects,
+        )
+    else:
+        currentAction = Action.BaseAction(
+            info=ActionInfo,
+            OutputName=OutputName,
+            KeyObjects=KeyObjects,
+        )
+
+    # 在线程池中运行，避免阻塞事件循环
+    loop = asyncio.get_event_loop()
+    ActionInfo_with_Result = await loop.run_in_executor(
+        None,
+        lambda: currentAction.run(
+            General_Goal=General_Goal,
+            TaskDescription=TaskDescription,
+            agentName=agentName,
+            AgentProfile_Dict=AgentProfile_Dict,
+            InputName_List=InputName_List,
+            OutputName=OutputName,
+            KeyObjects=KeyObjects,
+            ActionHistory=ActionHistory,
+        )
+    )
+
+    return ActionInfo_with_Result
+
+
+async def execute_step_async_streaming(
+    stepDescrip: Dict,
+    General_Goal: str,
+    AgentProfile_Dict: Dict,
+    KeyObjects: Dict,
+    step_index: int,
+    total_steps: int
+) -> Generator[Dict, None, None]:
+    """
+    异步执行单个步骤，支持流式返回
+
+    Args:
+        stepDescrip: 步骤描述
+        General_Goal: 总体目标
+        AgentProfile_Dict: 智能体配置字典
+        KeyObjects: 关键对象字典
+        step_index: 步骤索引
+        total_steps: 总步骤数
+
+    Yields:
+        执行事件字典
+    """
+    # 准备步骤信息
+    StepName = (
+        util.camel_case_to_normal(stepDescrip["StepName"])
+        if util.is_camel_case(stepDescrip["StepName"])
+        else stepDescrip["StepName"]
+    )
+    TaskContent = stepDescrip["TaskContent"]
+    InputName_List = (
+        [
+            (
+                util.camel_case_to_normal(obj)
+                if util.is_camel_case(obj)
+                else obj
+            )
+            for obj in stepDescrip["InputObject_List"]
+        ]
+        if stepDescrip["InputObject_List"] is not None
+        else None
+    )
+    OutputName = (
+        util.camel_case_to_normal(stepDescrip["OutputObject"])
+        if util.is_camel_case(stepDescrip["OutputObject"])
+        else stepDescrip["OutputObject"]
+    )
+    Agent_List = stepDescrip["AgentSelection"]
+    TaskProcess = stepDescrip["TaskProcess"]
+
+    TaskDescription = (
+        util.converter.generate_template_sentence_for_CollaborationBrief(
+            input_object_list=InputName_List,
+            output_object=OutputName,
+            agent_list=Agent_List,
+            step_task=TaskContent,
+        )
+    )
+
+    # 初始化日志节点
+    inputObject_Record = [
+        {InputName: KeyObjects[InputName]} for InputName in InputName_List
+    ]
+    stepLogNode = {
+        "LogNodeType": "step",
+        "NodeId": StepName,
+        "InputName_List": InputName_List,
+        "OutputName": OutputName,
+        "chatLog": [],
+        "inputObject_Record": inputObject_Record,
+    }
+    objectLogNode = {
+        "LogNodeType": "object",
+        "NodeId": OutputName,
+        "content": None,
+    }
+
+    # 返回步骤开始事件
+    yield {
+        "type": "step_start",
+        "step_index": step_index,
+        "total_steps": total_steps,
+        "step_name": StepName,
+        "task_description": TaskDescription,
+    }
+
+    # 构建动作依赖图
+    dependency_map = build_action_dependency_graph(TaskProcess)
+    batches = get_parallel_batches(TaskProcess, dependency_map)
+
+    ActionHistory = []
+    total_actions = len(TaskProcess)
+    completed_actions = 0
+
+    util.print_colored(
+        f"📋 步骤 {step_index + 1}/{total_steps}: {StepName} ({total_actions} 个动作, 分 {len(batches)} 批并行执行)",
+        text_color="cyan"
+    )
+
+    # 分批执行动作
+    for batch_index, batch_indices in enumerate(batches):
+        # 在每个批次执行前检查暂停状态
+        should_continue = await execution_state_manager.async_check_pause()
+        if not should_continue:
+            util.print_colored("🛑 用户请求停止执行", "red")
+            return
+
+        batch_size = len(batch_indices)
+
+        if batch_size > 1:
+            util.print_colored(
+                f"🚦 批次 {batch_index + 1}/{len(batches)}: 并行执行 {batch_size} 个动作",
+                text_color="blue"
+            )
+        else:
+            util.print_colored(
+                f"🔄 动作 {completed_actions + 1}/{total_actions}: 串行执行",
+                text_color="yellow"
+            )
+
+        # 并行执行当前批次的所有动作
+        tasks = [
+            execute_single_action_async(
+                TaskProcess[i],
+                General_Goal=General_Goal,
+                TaskDescription=TaskDescription,
+                OutputName=OutputName,
+                KeyObjects=KeyObjects,
+                ActionHistory=ActionHistory,
+                agentName=TaskProcess[i]["AgentName"],
+                AgentProfile_Dict=AgentProfile_Dict,
+                InputName_List=InputName_List
+            )
+            for i in batch_indices
+        ]
+
+        # 等待当前批次完成
+        batch_results = await asyncio.gather(*tasks)
+
+        # 逐个返回结果
+        for i, result in enumerate(batch_results):
+            action_index_in_batch = batch_indices[i]
+            completed_actions += 1
+
+            util.print_colored(
+                f"✅ 动作 {completed_actions}/{total_actions} 完成: {result['ActionType']} by {result['AgentName']}",
+                text_color="green"
+            )
+
+            ActionHistory.append(result)
+
+            # 立即返回该动作结果
+            yield {
+                "type": "action_complete",
+                "step_index": step_index,
+                "step_name": StepName,
+                "action_index": action_index_in_batch,
+                "total_actions": total_actions,
+                "completed_actions": completed_actions,
+                "action_result": result,
+                "batch_info": {
+                    "batch_index": batch_index,
+                    "batch_size": batch_size,
+                    "is_parallel": batch_size > 1
+                }
+            }
+
+    # 步骤完成
+    objectLogNode["content"] = KeyObjects[OutputName]
+    stepLogNode["ActionHistory"] = ActionHistory
+
+    yield {
+        "type": "step_complete",
+        "step_index": step_index,
+        "step_name": StepName,
+        "step_log_node": stepLogNode,
+        "object_log_node": objectLogNode,
+    }
+
+
+def executePlan_streaming_dynamic(
+    plan: Dict,
+    num_StepToRun: int,
+    RehearsalLog: List,
+    AgentProfile_Dict: Dict,
+    existingKeyObjects: Dict = None,
+    execution_id: str = None
+) -> Generator[str, None, None]:
+    """
+    动态执行计划，支持在执行过程中追加新步骤
+
+    Args:
+        plan: 执行计划
+        num_StepToRun: 要运行的步骤数
+        RehearsalLog: 已执行的历史记录
+        AgentProfile_Dict: 智能体配置
+        existingKeyObjects: 已存在的KeyObjects
+        execution_id: 执行ID（用于动态追加步骤）
+
+    Yields:
+        SSE格式的事件字符串
+    """
+    # 初始化执行状态
+    general_goal = plan.get("General Goal", "")
+    execution_state_manager.start_execution(general_goal)
+
+    print(colored(f"⏸️  执行状态管理器已启动，支持暂停/恢复", "green"))
+
+    # 准备执行
+    KeyObjects = existingKeyObjects.copy() if existingKeyObjects else {}
+    finishedStep_index = -1
+
+    for logNode in RehearsalLog:
+        if logNode["LogNodeType"] == "step":
+            finishedStep_index += 1
+        if logNode["LogNodeType"] == "object":
+            KeyObjects[logNode["NodeId"]] = logNode["content"]
+
+    if existingKeyObjects:
+        print(colored(f"📦 使用已存在的 KeyObjects: {list(existingKeyObjects.keys())}", "cyan"))
+
+    # 确定要运行的步骤范围
+    if num_StepToRun is None:
+        run_to = len(plan["Collaboration Process"])
+    else:
+        run_to = (finishedStep_index + 1) + num_StepToRun
+
+    steps_to_run = plan["Collaboration Process"][(finishedStep_index + 1): run_to]
+
+    # 使用动态执行管理器
+    if execution_id:
+        # 初始化执行管理器，使用传入的execution_id
+        actual_execution_id = dynamic_execution_manager.start_execution(general_goal, steps_to_run, execution_id)
+        print(colored(f"🚀 开始执行计划（动态模式），共 {len(steps_to_run)} 个步骤，执行ID: {actual_execution_id}", "cyan"))
+    else:
+        print(colored(f"🚀 开始执行计划（流式推送），共 {len(steps_to_run)} 个步骤", "cyan"))
+
+    total_steps = len(steps_to_run)
+
+    # 使用队列实现流式推送
+    async def produce_events(queue: asyncio.Queue):
+        """异步生产者"""
+        try:
+            step_index = 0
+
+            if execution_id:
+                # 动态模式：循环获取下一个步骤
+                # 等待新步骤的最大次数（避免无限等待）
+                max_empty_wait_cycles = 5  # 最多等待60次，每次等待1秒
+                empty_wait_count = 0
+
+                while True:
+                    # 检查暂停状态
+                    should_continue = await execution_state_manager.async_check_pause()
+                    if not should_continue:
+                        print(colored("🛑 用户请求停止执行", "red"))
+                        await queue.put({
+                            "type": "error",
+                            "message": "执行已被用户停止"
+                        })
+                        break
+
+                    # 获取下一个步骤
+                    stepDescrip = dynamic_execution_manager.get_next_step(execution_id)
+
+                    if stepDescrip is None:
+                        # 没有更多步骤了，检查是否应该继续等待
+                        empty_wait_count += 1
+
+                        # 获取执行信息
+                        execution_info = dynamic_execution_manager.get_execution_info(execution_id)
+
+                        if execution_info:
+                            queue_total_steps = execution_info.get("total_steps", 0)
+                            completed_steps = execution_info.get("completed_steps", 0)
+
+                            # 如果没有步骤在队列中（queue_total_steps为0），立即退出
+                            if queue_total_steps == 0:
+                                print(colored(f"⚠️  没有步骤在队列中，退出执行", "yellow"))
+                                break
+
+                            # 如果所有步骤都已完成，等待可能的新步骤
+                            if completed_steps >= queue_total_steps:
+                                if empty_wait_count >= max_empty_wait_cycles:
+                                    # 等待超时，退出执行
+                                    print(colored(f"✅ 所有步骤执行完成，等待超时", "green"))
+                                    break
+                                else:
+                                    # 等待新步骤追加
+                                    print(colored(f"⏳ 等待新步骤追加... ({empty_wait_count}/{max_empty_wait_cycles})", "cyan"))
+                                    await asyncio.sleep(1)
+                                    continue
+                            else:
+                                # 还有步骤未完成，继续尝试获取
+                                print(colored(f"⏳ 等待步骤就绪... ({completed_steps}/{queue_total_steps})", "cyan"))
+                                await asyncio.sleep(0.5)
+                                empty_wait_count = 0  # 重置等待计数
+                                continue
+                        else:
+                            # 执行信息不存在，退出
+                            print(colored(f"⚠️  执行信息不存在，退出执行", "yellow"))
+                            break
+
+                    # 重置等待计数
+                    empty_wait_count = 0
+
+                    # 获取最新的总步骤数（用于显示）
+                    execution_info = dynamic_execution_manager.get_execution_info(execution_id)
+                    current_total_steps = execution_info.get("total_steps", total_steps) if execution_info else total_steps
+
+                    # 执行步骤
+                    async for event in execute_step_async_streaming(
+                        stepDescrip,
+                        plan["General Goal"],
+                        AgentProfile_Dict,
+                        KeyObjects,
+                        step_index,
+                        current_total_steps  # 使用动态更新的总步骤数
+                    ):
+                        if execution_state_manager.is_stopped():
+                            await queue.put({
+                                "type": "error",
+                                "message": "执行已被用户停止"
+                            })
+                            return
+
+                        await queue.put(event)
+
+                    # 标记步骤完成
+                    dynamic_execution_manager.mark_step_completed(execution_id)
+
+                    # 更新KeyObjects
+                    OutputName = stepDescrip.get("OutputObject", "")
+                    if OutputName and OutputName in KeyObjects:
+                        # 对象日志节点会在step_complete中发送
+                        pass
+
+                    step_index += 1
+
+            else:
+                # 非动态模式：按顺序执行所有步骤
+                for step_index, stepDescrip in enumerate(steps_to_run):
+                    should_continue = await execution_state_manager.async_check_pause()
+                    if not should_continue:
+                        print(colored("🛑 用户请求停止执行", "red"))
+                        await queue.put({
+                            "type": "error",
+                            "message": "执行已被用户停止"
+                        })
+                        return
+
+                    async for event in execute_step_async_streaming(
+                        stepDescrip,
+                        plan["General Goal"],
+                        AgentProfile_Dict,
+                        KeyObjects,
+                        step_index,
+                        total_steps
+                    ):
+                        if execution_state_manager.is_stopped():
+                            await queue.put({
+                                "type": "error",
+                                "message": "执行已被用户停止"
+                            })
+                            return
+
+                        await queue.put(event)
+
+        except Exception as e:
+            await queue.put({
+                "type": "error",
+                "message": f"执行出错: {str(e)}"
+            })
+        finally:
+            await queue.put(None)
+
+    # 运行异步任务并实时yield
+    loop = asyncio.new_event_loop()
+    asyncio.set_event_loop(loop)
+
+    try:
+        queue = asyncio.Queue(maxsize=10)
+        producer_task = loop.create_task(produce_events(queue))
+
+        while True:
+            event = loop.run_until_complete(queue.get())
+            if event is None:
+                break
+
+            # 立即转换为SSE格式并发送
+            event_str = json.dumps(event, ensure_ascii=False)
+            yield f"data: {event_str}\n\n"
+
+        loop.run_until_complete(producer_task)
+
+        if not execution_state_manager.is_stopped():
+            complete_event = json.dumps({
+                "type": "execution_complete",
+                "total_steps": total_steps
+            }, ensure_ascii=False)
+            yield f"data: {complete_event}\n\n"
+
+    finally:
+        # 在关闭事件循环之前先清理执行记录
+        if execution_id:
+            # 清理执行记录
+            dynamic_execution_manager.cleanup(execution_id)
+
+        if 'producer_task' in locals():
+            if not producer_task.done():
+                producer_task.cancel()
+
+        # 确保所有任务都完成后再关闭事件循环
+        try:
+            pending = asyncio.all_tasks(loop)
+            for task in pending:
+                task.cancel()
+            loop.run_until_complete(asyncio.gather(*pending, return_exceptions=True))
+        except Exception:
+            pass  # 忽略清理过程中的错误
+
+        loop.close()
+
+
+# 保留旧版本函数以保持兼容性
+executePlan_streaming = executePlan_streaming_dynamic

backend/AgentCoord/RehearsalEngine_V2/dynamic_execution_manager.py

@@ -0,0 +1,241 @@
+"""
+动态执行管理器
+用于在任务执行过程中动态追加新步骤
+"""
+
+import asyncio
+from typing import Dict, List, Optional, Any
+from threading import Lock
+
+
+class DynamicExecutionManager:
+    """
+    动态执行管理器
+    管理正在执行的任务，支持动态追加新步骤
+    """
+
+    def __init__(self):
+        # 执行状态: goal -> execution_info
+        self._executions: Dict[str, Dict] = {}
+
+        # 线程锁
+        self._lock = Lock()
+
+        # 步骤队列: goal -> List[step]
+        self._step_queues: Dict[str, List] = {}
+
+        # 已执行的步骤索引: goal -> Set[step_index]
+        self._executed_steps: Dict[str, set] = {}
+
+        # 待执行的步骤索引: goal -> List[step_index]
+        self._pending_steps: Dict[str, List[int]] = {}
+
+    def start_execution(self, goal: str, initial_steps: List[Dict], execution_id: str = None) -> str:
+        """
+        开始执行一个新的任务
+
+        Args:
+            goal: 任务目标
+            initial_steps: 初始步骤列表
+            execution_id: 执行ID，如果不提供则自动生成
+
+        Returns:
+            执行ID
+        """
+        with self._lock:
+            # 如果未提供execution_id，则生成一个
+            if execution_id is None:
+                execution_id = f"{goal}_{asyncio.get_event_loop().time()}"
+
+            self._executions[execution_id] = {
+                "goal": goal,
+                "status": "running",
+                "total_steps": len(initial_steps),
+                "completed_steps": 0
+            }
+
+            # 初始化步骤队列
+            self._step_queues[execution_id] = initial_steps.copy()
+
+            # 初始化已执行步骤集合
+            self._executed_steps[execution_id] = set()
+
+            # 初始化待执行步骤索引
+            self._pending_steps[execution_id] = list(range(len(initial_steps)))
+
+            print(f"🚀 启动执行: {execution_id}")
+            print(f"📊 初始步骤数: {len(initial_steps)}")
+            print(f"📋 待执行步骤索引: {self._pending_steps[execution_id]}")
+
+            return execution_id
+
+    def add_steps(self, execution_id: str, new_steps: List[Dict]) -> int:
+        """
+        向执行中追加新步骤
+
+        Args:
+            execution_id: 执行ID
+            new_steps: 新步骤列表
+
+        Returns:
+            追加的步骤数量
+        """
+        with self._lock:
+            if execution_id not in self._step_queues:
+                print(f"⚠️  警告: 执行ID {execution_id} 不存在，无法追加步骤")
+                return 0
+
+            current_count = len(self._step_queues[execution_id])
+
+            # 追加新步骤到队列
+            self._step_queues[execution_id].extend(new_steps)
+
+            # 添加新步骤的索引到待执行列表
+            new_indices = list(range(current_count, current_count + len(new_steps)))
+            self._pending_steps[execution_id].extend(new_indices)
+
+            # 更新总步骤数
+            old_total = self._executions[execution_id]["total_steps"]
+            self._executions[execution_id]["total_steps"] = len(self._step_queues[execution_id])
+            new_total = self._executions[execution_id]["total_steps"]
+
+            print(f"➕ 追加了 {len(new_steps)} 个步骤到 {execution_id}")
+            print(f"📊 步骤总数: {old_total} -> {new_total}")
+            print(f"📋 待执行步骤索引: {self._pending_steps[execution_id]}")
+
+            return len(new_steps)
+
+    def get_next_step(self, execution_id: str) -> Optional[Dict]:
+        """
+        获取下一个待执行的步骤
+
+        Args:
+            execution_id: 执行ID
+
+        Returns:
+            下一个步骤，如果没有则返回None
+        """
+        with self._lock:
+            if execution_id not in self._pending_steps:
+                print(f"⚠️  警告: 执行ID {execution_id} 不存在")
+                return None
+
+            # 获取第一个待执行步骤的索引
+            if not self._pending_steps[execution_id]:
+                return None
+
+            step_index = self._pending_steps[execution_id].pop(0)
+
+            # 从队列中获取步骤
+            if step_index >= len(self._step_queues[execution_id]):
+                print(f"⚠️  警告: 步骤索引 {step_index} 超出范围")
+                return None
+
+            step = self._step_queues[execution_id][step_index]
+
+            # 标记为已执行
+            self._executed_steps[execution_id].add(step_index)
+
+            step_name = step.get("StepName", "未知")
+            print(f"🎯 获取下一个步骤: {step_name} (索引: {step_index})")
+            print(f"📋 剩余待执行步骤: {len(self._pending_steps[execution_id])}")
+
+            return step
+
+    def mark_step_completed(self, execution_id: str):
+        """
+        标记一个步骤完成
+
+        Args:
+            execution_id: 执行ID
+        """
+        with self._lock:
+            if execution_id in self._executions:
+                self._executions[execution_id]["completed_steps"] += 1
+                completed = self._executions[execution_id]["completed_steps"]
+                total = self._executions[execution_id]["total_steps"]
+                print(f"📊 步骤完成进度: {completed}/{total}")
+            else:
+                print(f"⚠️  警告: 执行ID {execution_id} 不存在")
+
+    def get_execution_info(self, execution_id: str) -> Optional[Dict]:
+        """
+        获取执行信息
+
+        Args:
+            execution_id: 执行ID
+
+        Returns:
+            执行信息字典
+        """
+        with self._lock:
+            return self._executions.get(execution_id)
+
+    def get_pending_count(self, execution_id: str) -> int:
+        """
+        获取待执行步骤数量
+
+        Args:
+            execution_id: 执行ID
+
+        Returns:
+            待执行步骤数量
+        """
+        with self._lock:
+            if execution_id not in self._pending_steps:
+                return 0
+            return len(self._pending_steps[execution_id])
+
+    def has_more_steps(self, execution_id: str) -> bool:
+        """
+        检查是否还有更多步骤待执行
+
+        Args:
+            execution_id: 执行ID
+
+        Returns:
+            是否还有待执行步骤
+        """
+        with self._lock:
+            if execution_id not in self._pending_steps:
+                return False
+            return len(self._pending_steps[execution_id]) > 0
+
+    def finish_execution(self, execution_id: str):
+        """
+        完成执行
+
+        Args:
+            execution_id: 执行ID
+        """
+        with self._lock:
+            if execution_id in self._executions:
+                self._executions[execution_id]["status"] = "completed"
+
+    def cancel_execution(self, execution_id: str):
+        """
+        取消执行
+
+        Args:
+            execution_id: 执行ID
+        """
+        with self._lock:
+            if execution_id in self._executions:
+                self._executions[execution_id]["status"] = "cancelled"
+
+    def cleanup(self, execution_id: str):
+        """
+        清理执行记录
+
+        Args:
+            execution_id: 执行ID
+        """
+        with self._lock:
+            self._executions.pop(execution_id, None)
+            self._step_queues.pop(execution_id, None)
+            self._executed_steps.pop(execution_id, None)
+            self._pending_steps.pop(execution_id, None)
+
+
+# 全局单例
+dynamic_execution_manager = DynamicExecutionManager()

backend/AgentCoord/RehearsalEngine_V2/execution_state.py

@@ -0,0 +1,190 @@
+"""
+全局执行状态管理器
+用于支持任务的暂停、恢复和停止功能
+使用轮询检查机制，确保线程安全
+"""
+
+import threading
+import asyncio
+import time
+from typing import Optional
+from enum import Enum
+
+
+class ExecutionStatus(Enum):
+    """执行状态枚举"""
+    RUNNING = "running"      # 正在运行
+    PAUSED = "paused"        # 已暂停
+    STOPPED = "stopped"      # 已停止
+    IDLE = "idle"            # 空闲
+
+
+class ExecutionStateManager:
+    """
+    全局执行状态管理器（单例模式）
+
+    功能：
+    - 管理任务执行状态（运行/暂停/停止）
+    - 使用轮询检查机制，避免异步事件的线程问题
+    - 提供线程安全的状态查询和修改接口
+    """
+
+    _instance: Optional['ExecutionStateManager'] = None
+    _lock = threading.Lock()
+
+    def __new__(cls):
+        """单例模式"""
+        if cls._instance is None:
+            with cls._lock:
+                if cls._instance is None:
+                    cls._instance = super().__new__(cls)
+                    cls._instance._initialized = False
+        return cls._instance
+
+    def __init__(self):
+        """初始化状态管理器"""
+        if self._initialized:
+            return
+
+        self._initialized = True
+        self._status = ExecutionStatus.IDLE
+        self._current_goal: Optional[str] = None  # 当前执行的任务目标
+        # 使用简单的布尔标志，而不是 asyncio.Event
+        self._should_pause = False
+        self._should_stop = False
+
+    def get_status(self) -> ExecutionStatus:
+        """获取当前执行状态"""
+        with self._lock:
+            return self._status
+
+    def set_goal(self, goal: str):
+        """设置当前执行的任务目标"""
+        with self._lock:
+            self._current_goal = goal
+
+    def get_goal(self) -> Optional[str]:
+        """获取当前执行的任务目标"""
+        with self._lock:
+            return self._current_goal
+
+    def start_execution(self, goal: str):
+        """开始执行"""
+        with self._lock:
+            self._status = ExecutionStatus.RUNNING
+            self._current_goal = goal
+            self._should_pause = False
+            self._should_stop = False
+        print(f"🚀 [DEBUG] start_execution: 状态设置为 RUNNING, goal={goal}")
+
+    def pause_execution(self) -> bool:
+        """
+        暂停执行
+
+        Returns:
+            bool: 是否成功暂停
+        """
+        with self._lock:
+            if self._status != ExecutionStatus.RUNNING:
+                print(f"⚠️  [DEBUG] pause_execution: 当前状态不是RUNNING，而是 {self._status}")
+                return False
+            self._status = ExecutionStatus.PAUSED
+            self._should_pause = True
+            print(f"⏸️  [DEBUG] pause_execution: 状态设置为PAUSED, should_pause=True")
+            return True
+
+    def resume_execution(self) -> bool:
+        """
+        恢复执行
+
+        Returns:
+            bool: 是否成功恢复
+        """
+        with self._lock:
+            if self._status != ExecutionStatus.PAUSED:
+                print(f"⚠️  [DEBUG] resume_execution: 当前状态不是PAUSED，而是 {self._status}")
+                return False
+            self._status = ExecutionStatus.RUNNING
+            self._should_pause = False
+            print(f"▶️  [DEBUG] resume_execution: 状态设置为RUNNING, should_pause=False")
+            return True
+
+    def stop_execution(self) -> bool:
+        """
+        停止执行
+
+        Returns:
+            bool: 是否成功停止
+        """
+        with self._lock:
+            if self._status in [ExecutionStatus.IDLE, ExecutionStatus.STOPPED]:
+                return False
+            self._status = ExecutionStatus.STOPPED
+            self._should_stop = True
+            self._should_pause = False
+            print(f"🛑 [DEBUG] stop_execution: 状态设置为STOPPED")
+            return True
+
+    def reset(self):
+        """重置状态为空闲"""
+        with self._lock:
+            self._status = ExecutionStatus.IDLE
+            self._current_goal = None
+            self._should_pause = False
+            self._should_stop = False
+            print(f"🔄 [DEBUG] reset: 状态重置为IDLE")
+
+    async def async_check_pause(self):
+        """
+        异步检查是否需要暂停（轮询方式）
+
+        如果处于暂停状态，会阻塞当前协程直到恢复或停止
+        应该在执行循环的关键点调用此方法
+
+        Returns:
+            bool: 如果返回True表示应该继续执行，False表示应该停止
+        """
+        # 使用轮询检查，避免异步事件问题
+        while True:
+            # 检查停止标志
+            if self._should_stop:
+                print("🛑 [DEBUG] async_check_pause: 检测到停止信号")
+                return False
+
+            # 检查暂停状态
+            if self._should_pause:
+                # 处于暂停状态，等待恢复
+                print("⏸️  [DEBUG] async_check_pause: 检测到暂停，等待恢复...")
+                await asyncio.sleep(0.1)  # 短暂睡眠，避免占用CPU
+
+                # 如果恢复，继续执行
+                if not self._should_pause:
+                    print("▶️  [DEBUG] async_check_pause: 从暂停中恢复!")
+                    continue
+                # 如果停止了，返回
+                if self._should_stop:
+                    return False
+                # 继续等待
+                continue
+
+            # 既没有停止也没有暂停，可以继续执行
+            return True
+
+    def is_paused(self) -> bool:
+        """检查是否处于暂停状态"""
+        with self._lock:
+            return self._status == ExecutionStatus.PAUSED
+
+    def is_running(self) -> bool:
+        """检查是否正在运行"""
+        with self._lock:
+            return self._status == ExecutionStatus.RUNNING
+
+    def is_stopped(self) -> bool:
+        """检查是否已停止"""
+        with self._lock:
+            return self._status == ExecutionStatus.STOPPED
+
+
+# 全局单例实例
+execution_state_manager = ExecutionStateManager()

backend/AgentCoord/util/converter.py

@@ -20,6 +20,8 @@ def camel_case_to_normal(s):
 def generate_template_sentence_for_CollaborationBrief(
     input_object_list, output_object, agent_list, step_task
 ):
+    # Ensure step_task is not None
+    step_task = step_task if step_task is not None else "perform the task"
     # Check if the names are in camel case (no spaces) and convert them to normal naming convention
     input_object_list = (
         [
@@ -31,29 +33,48 @@ def generate_template_sentence_for_CollaborationBrief(
     )
     output_object = (
         camel_case_to_normal(output_object)
-        if is_camel_case(output_object)
-        else output_object
+        if output_object is not None and is_camel_case(output_object)
+        else (output_object if output_object is not None else "unknown output")
     )
 
     # Format the agents into a string with proper grammar
-    agent_str = (
-        " and ".join([", ".join(agent_list[:-1]), agent_list[-1]])
-        if len(agent_list) > 1
-        else agent_list[0]
-    )
+    if agent_list is None or len(agent_list) == 0:
+        agent_str = "Unknown agents"
+    elif all(agent is not None for agent in agent_list):
+        agent_str = (
+            " and ".join([", ".join(agent_list[:-1]), agent_list[-1]])
+            if len(agent_list) > 1
+            else agent_list[0]
+        )
+    else:
+        # Filter out None values
+        filtered_agents = [agent for agent in agent_list if agent is not None]
+        if filtered_agents:
+            agent_str = (
+                " and ".join([", ".join(filtered_agents[:-1]), filtered_agents[-1]])
+                if len(filtered_agents) > 1
+                else filtered_agents[0]
+            )
+        else:
+            agent_str = "Unknown agents"
 
     if input_object_list is None or len(input_object_list) == 0:
         # Combine all the parts into the template sentence
         template_sentence = f"{agent_str} perform the task of {step_task} to obtain {output_object}."
     else:
         # Format the input objects into a string with proper grammar
-        input_str = (
-            " and ".join(
-                [", ".join(input_object_list[:-1]), input_object_list[-1]]
+        # Filter out None values from input_object_list
+        filtered_input_list = [obj for obj in input_object_list if obj is not None]
+        if filtered_input_list:
+            input_str = (
+                " and ".join(
+                    [", ".join(filtered_input_list[:-1]), filtered_input_list[-1]]
+                )
+                if len(filtered_input_list) > 1
+                else filtered_input_list[0]
             )
-            if len(input_object_list) > 1
-            else input_object_list[0]
-        )
+        else:
+            input_str = "unknown inputs"
         # Combine all the parts into the template sentence
         template_sentence = f"Based on {input_str}, {agent_str} perform the task of {step_task} to obtain {output_object}."
 
@@ -90,7 +111,7 @@ def read_LLM_Completion(messages, useGroq=True):
                 return json.loads(match.group(0).strip())
             except Exception:
                 pass
-    raise ("bad format!")
+    return {}  # 返回空对象而不是抛出异常
 
 
 def read_json_content(text):
@@ -111,7 +132,7 @@ def read_json_content(text):
     if match:
         return json.loads(match.group(0).strip())
 
-    raise ("bad format!")
+    return {}  # 返回空对象而不是抛出异常
 
 
 def read_outputObject_content(text, keyword):
@@ -127,4 +148,4 @@ def read_outputObject_content(text, keyword):
     if match:
         return match.group(1).strip()
     else:
-        raise ("bad format!")
+        return ""  # 返回空字符串而不是抛出异常

backend/AgentRepo/科创.json

@@ -1,97 +0,0 @@
-[
-    {
-        "Icon": "Hailey_Johnson.png",
-        "Name": "船舶设计师",
-        "Profile": "提供船舶制造中的实际需求和约束。"
-    },
-    {
-        "Icon": "Jennifer_Moore.png",
-        "Name": "防护工程专家",
-        "Profile": "专注于船舶腐蚀防护技术的设计与应用。在你的总结回答中，必须引用来自数联网的搜索数据，是搜索数据，不是数联网的研究成果。"
-    },
-    {
-        "Icon": "Jane_Moreno.png",
-        "Name": "病理生理学家",
-        "Profile": "专注于失血性休克的疾病机制，为药物研发提供理论靶点。"
-    },
-    {
-        "Icon": "Giorgio_Rossi.png",
-        "Name": "药物化学家",
-        "Profile": "负责将靶点概念转化为实际可合成的分子。"
-    },
-    {
-        "Icon": "Tamara_Taylor.png",
-        "Name": "制剂工程师",
-        "Profile": "负责将活性药物成分（API）变成稳定、可用、符合战场要求的剂型。"
-    },
-    {
-        "Icon": "Maria_Lopez.png",
-        "Name": "监管事务专家",
-        "Profile": "深谙药品审评法规，目标是找到最快的合法上市路径。"
-    },
-    {
-        "Icon": "Sam_Moore.png",
-        "Name": "物理学家",
-        "Profile": "从热力学与统计力学的基本原理出发，研究液态金属的自由能、焓、熵、比热等参数的理论建模。"
-    },
-    {
-        "Icon": "Yuriko_Yamamoto.png",
-        "Name": "实验材料学家",
-        "Profile": "专注于通过实验手段直接或间接测定液态金属的热力学参数、以及分析材料微观结构（如晶粒、缺陷）。"
-    },
-    {
-        "Icon": "Carlos_Gomez.png",
-        "Name": "计算模拟专家",
-        "Profile": "侧重于利用数值计算和模拟技术获取液态金属的热力学参数。"
-    },
-    {
-        "Icon": "John_Lin.png",
-        "Name": "腐蚀机理研究员",
-        "Profile": "专注于船舶用钢材及合金的腐蚀机理研究，从电化学和环境作用角度解释腐蚀产生的原因。在你的总结回答中，必须引用来自数联网的搜索数据，是搜索数据，不是数联网的研究成果。"
-    },
-    {
-        "Icon": "Arthur_Burton.png",
-        "Name": "先进材料研发员",
-        "Profile": "专注于开发和评估新型耐腐蚀材料、复合材料及固态电池材料。"
-    },
-    {
-        "Icon": "Eddy_Lin.png",
-        "Name": "肾脏病学家",
-        "Profile": "专注于慢性肾脏病的诊断、治疗和患者管理，能提供临床洞察。"
-    },
-    {
-        "Icon": "Isabella_Rodriguez.png",
-        "Name": "临床研究协调员",
-        "Profile": "负责受试者招募和临床试验流程优化。"
-    },
-    {
-        "Icon": "Latoya_Williams.png",
-        "Name": "中医药专家",
-        "Profile": "理解药物的中药成分和作用机制。"
-    },
-    {
-        "Icon": "Carmen_Ortiz.png",
-        "Name": "药物安全专家",
-        "Profile": "专注于药物不良反应数据收集、分析和报告。"
-    },    
-    {
-        "Icon": "Rajiv_Patel.png",
-        "Name": "二维材料科学家",
-        "Profile": "专注于二维材料（如石墨烯）的合成、性质和应用。"
-    },  
-    {
-        "Icon": "Tom_Moreno.png",
-        "Name": "光电物理学家",
-        "Profile": "研究材料的光电转换机制和关键影响因素。"
-    },
-    {
-        "Icon": "Ayesha_Khan.png",
-        "Name": "机器学习专家",
-        "Profile": "专注于开发和应用AI模型用于材料模拟。"
-    },
-    {
-        "Icon": "Mei_Lin.png",
-        "Name": "流体动力学专家",
-        "Profile": "专注于流体行为理论和模拟。"
-    }
-]

backend/config/config.yaml

@@ -1,12 +1,12 @@
 ## config for default LLM
-OPENAI_API_BASE: ""
-OPENAI_API_KEY: ""
-OPENAI_API_MODEL: "gpt-4-turbo-preview"
+OPENAI_API_BASE: "https://ai.gitee.com/v1"
+OPENAI_API_KEY: "HYCNGM39GGFNSB1F8MBBMI9QYJR3P1CRSYS2PV1A"
+OPENAI_API_MODEL: "DeepSeek-V3"
 
 ## config for fast mode
-FAST_DESIGN_MODE: True
+FAST_DESIGN_MODE: False
 GROQ_API_KEY: ""
 MISTRAL_API_KEY: ""
 
 ## options under experimentation, leave them as Fasle unless you know what it is for
-USE_CACHE: True
+USE_CACHE: False

backend/requirements.txt

@@ -1,7 +1,9 @@
 Flask==3.0.2
-openai==0.28.1
+openai==2.8.1
 PyYAML==6.0.1
 termcolor==2.4.0
 groq==0.4.2
 mistralai==0.1.6
-socksio==1.0.0
+flask-socketio==5.3.6
+python-socketio==5.11.0
+simple-websocket==1.0.0

docker-compose.yml

@@ -21,12 +21,11 @@ services:
     ports:
       - "8000:8000"
     environment:
-      - OPENAI_API_BASE=https://api.moleapi.com/v1
-      - OPENAI_API_KEY=sk-sps7FBCbEvu85DfPoS8SdnPwYLEoW7u5Dd8vCDTXqPLpHuyb
-      - OPENAI_API_MODEL=gpt-4.1-mini
-      - FAST_DESIGN_MODE=False
+      - OPENAI_API_BASE=htts://api.openai.com
+      - OPENAI_API_KEY=
+      - OPENAI_API_MODEL=gpt-4-turbo-preview
+      - FAST_DESIGN_MODE=True
       - GROQ_API_KEY=
-      - USE_CACHE=True
     networks:
       - agentcoord-network
 

frontend-react/Dockerfile

@@ -15,9 +15,8 @@ FROM base AS runner
 WORKDIR /app
 EXPOSE 8080/tcp
 COPY .npmrc ./
-COPY src ./src
+RUN npm install @modern-js/app-tools @modern-js/runtime --no-optional --no-shrinkwrap && mkdir src
 COPY modern.config.ts package.json ./
 COPY --from=builder /app/dist ./dist
-COPY --from=builder /app/node_modules ./node_modules
 ENV API_BASE=
 CMD ["npm", "run", "serve"]

frontend-react/src/components/AgentAssignment/index.tsx

@@ -351,7 +351,7 @@ export default observer(({ style = {} }: IPlanModification) => {
             overflowY: 'auto',
           }}
         >
-          <Box sx={{ marginBottom: '6px', fontWeight: '600' }}>已选智能体</Box>
+          <Box sx={{ marginBottom: '6px', fontWeight: '600' }}>Assignment</Box>
           <Box>
             {Object.keys(agentSelections).map(selectionId => (
               <Box
@@ -405,7 +405,7 @@ export default observer(({ style = {} }: IPlanModification) => {
             overflowY: 'auto',
           }}
         >
-          <Box sx={{ marginBottom: '4px', fontWeight: '600' }}>候选智能体</Box>
+          <Box sx={{ marginBottom: '4px', fontWeight: '600' }}>Comparison</Box>
 
           <Box
             sx={{

frontend-react/src/components/AgentBoard/AgentCard.tsx

@@ -65,6 +65,7 @@ export default observer(({ agent, style = {} }: IAgentCardProps) => (
               userSelect: 'none',
             }}
           >
+            {agent.profile}
           </Box>
         </Box>
         <Box
@@ -104,7 +105,7 @@ export default observer(({ agent, style = {} }: IAgentCardProps) => (
               marginLeft: '2px',
             }}
           >
-            当前职责:
+            Current Duty:
           </Box>
           <Box>
             {agent.actions.map((action, index) => (

frontend-react/src/components/AgentBoard/DutyItem.tsx

@@ -4,7 +4,6 @@ import Box from '@mui/material/Box';
 import MoreHorizIcon from '@mui/icons-material/MoreHoriz';
 import UnfoldLessIcon from '@mui/icons-material/UnfoldLess';
 import { IAgentAction, globalStorage } from '@/storage';
-import { getActionTypeDisplayText } from '@/storage/plan/action'; // 导入映射函数
 
 export interface IDutyItem {
   action: IAgentAction;
@@ -39,7 +38,7 @@ export default React.memo<IDutyItem>(({ action, style = {} }) => {
           ..._style,
         }}
       >
-        {getActionTypeDisplayText(action.type)}
+        {action.type}
         <Box
           onClick={() => setExpand(true)}
           sx={{
@@ -84,7 +83,7 @@ export default React.memo<IDutyItem>(({ action, style = {} }) => {
           marginLeft: '2px',
         }}
       >
-        {getActionTypeDisplayText(action.type)}
+        {action.type}
       </Box>
       <Divider
         sx={{

frontend-react/src/components/AgentBoard/index.tsx

@@ -88,7 +88,7 @@ export default observer(({ style = {} }: IAgentBoardProps) => {
           '& > input': { display: 'none' },
         }}
       >
-        <Title title="智能体库" />
+        <Title title="Agent Board" />
         <Box
           sx={{
             flexGrow: 1,

frontend-react/src/components/AgentIcon/agents.ts

@@ -1,5 +1,4 @@
 import AbigailChen from '@/static/AgentIcons/Abigail_Chen.png';
-import AbigailChenMilitary from '@/static/AgentIcons/Abigail_Chen_military.png';
 import AdamSmith from '@/static/AgentIcons/Adam_Smith.png';
 import ArthurBurton from '@/static/AgentIcons/Arthur_Burton.png';
 import AyeshaKhan from '@/static/AgentIcons/Ayesha_Khan.png';
@@ -9,11 +8,9 @@ import EddyLin from '@/static/AgentIcons/Eddy_Lin.png';
 import FranciscoLopez from '@/static/AgentIcons/Francisco_Lopez.png';
 import GiorgioRossi from '@/static/AgentIcons/Giorgio_Rossi.png';
 import HaileyJohnson from '@/static/AgentIcons/Hailey_Johnson.png';
-import HaileyJohnsonMilitary from '@/static/AgentIcons/Hailey_Johnson_military.png';
 import IsabellaRodriguez from '@/static/AgentIcons/Isabella_Rodriguez.png';
 import JaneMoreno from '@/static/AgentIcons/Jane_Moreno.png';
 import JenniferMoore from '@/static/AgentIcons/Jennifer_Moore.png';
-import JenniferMooreMilitary from '@/static/AgentIcons/Jennifer_Moore_military.png';
 import JohnLin from '@/static/AgentIcons/John_Lin.png';
 import KlausMueller from '@/static/AgentIcons/Klaus_Mueller.png';
 import LatoyaWilliams from '@/static/AgentIcons/Latoya_Williams.png';
@@ -30,7 +27,6 @@ import Unknown from '@/static/AgentIcons/Unknow.png';
 
 export enum IconName {
   AbigailChen = 'Abigail_Chen',
-  AbigailChenMilitary = 'Abigail_Chen_military',
   AdamSmith = 'Adam_Smith',
   ArthurBurton = 'Arthur_Burton',
   AyeshaKhan = 'Ayesha_Khan',
@@ -49,11 +45,9 @@ export enum IconName {
   GabeSmith = 'Gabe_Smith',
   GiorgioRossi = 'Giorgio_Rossi',
   HaileyJohnson = 'Hailey_Johnson',
-  HaileyJohnsonMilitary = 'Hailey_Johnson_military',
   IsabellaRodriguez = 'Isabella_Rodriguez',
   JaneMoreno = 'Jane_Moreno',
   JenniferMoore = 'Jennifer_Moore',
-  JenniferMooreMilitary = 'Jennifer_Moore_military',
   JohnLin = 'John_Lin',
   KlausMueller = 'Klaus_Mueller',
   LatoyaWilliams = 'Latoya_Williams',
@@ -89,7 +83,6 @@ export const IconMap = new Proxy<{ [key: string]: IconName }>(
 export const IconUrl: { [key in IconName]: string } = {
   [IconName.Unknown]: Unknown,
   [IconName.AbigailChen]: AbigailChen,
-  [IconName.AbigailChenMilitary]: AbigailChenMilitary,
   [IconName.AdamSmith]: AdamSmith,
   [IconName.ArthurBurton]: ArthurBurton,
   [IconName.AyeshaKhan]: AyeshaKhan,
@@ -108,11 +101,9 @@ export const IconUrl: { [key in IconName]: string } = {
   [IconName.GabeSmith]: AbigailChen,
   [IconName.GiorgioRossi]: GiorgioRossi,
   [IconName.HaileyJohnson]: HaileyJohnson,
-  [IconName.HaileyJohnsonMilitary]: HaileyJohnsonMilitary,
   [IconName.IsabellaRodriguez]: IsabellaRodriguez,
   [IconName.JaneMoreno]: JaneMoreno,
   [IconName.JenniferMoore]: JenniferMoore,
-  [IconName.JenniferMooreMilitary]: JenniferMooreMilitary,
   [IconName.JohnLin]: JohnLin,
   [IconName.KlausMueller]: KlausMueller,
   [IconName.LatoyaWilliams]: LatoyaWilliams,

frontend-react/src/components/HeadBar/index.tsx

@@ -151,7 +151,7 @@ export default observer(({ style = {} }: { style?: SxProps }) => {
           >
             <LogoIcon />
             <Box sx={{ marginLeft: '6px', fontWeight: 800, fontSize: '20px' }}>
-              多智能体协同平台
+              AGENTCOORD
             </Box>
           </Box>
         ) : (

frontend-react/src/components/Outline/Cards.tsx

@@ -8,7 +8,6 @@ import RemoveIcon from '@mui/icons-material/Remove';
 import AdjustIcon from '@mui/icons-material/Adjust';
 import { ObjectProps, ProcessProps } from './interface';
 import AgentIcon from '@/components/AgentIcon';
-import DescriptionCard from '@/components/ProcessDiscription/DescriptionCard';
 import { globalStorage } from '@/storage';
 
 export interface IEditObjectProps {
@@ -330,13 +329,6 @@ export const ProcessCard: React.FC<IProcessCardProps> = React.memo(
                   // handleEditStep(step.name, { ...step, task: text });
                 }}
               />
-              {/* 这里直接渲染对应的 DescriptionCard */}
-              {/* {(() => {
-                const step = globalStorage.planManager.currentPlan.find(
-                  s => s.id === process.id
-                );
-                return step ? <DescriptionCard step={step} /> : null;
-              })()} */}
             </Box>
           )}
         </Box>

frontend-react/src/components/Outline/D3Graph.tsx

@@ -118,10 +118,10 @@ const D3Graph: React.FC<D3GraphProps> = ({
           stepName: stepCardName,
           objectName: objectCardName,
           type,
-          x1: stepRect.left + stepRect.width,
-          y1: stepRect.top + 0.5 * stepRect.height,
-          x2: objectRect.left,
-          y2: objectRect.top + 0.5 * objectRect.height,
+          x1: objectRect.left + objectRect.width,
+          y1: objectRect.top + 0.5 * objectRect.height,
+          x2: stepRect.left,
+          y2: stepRect.top + 0.5 * stepRect.height,
         };
       });
     const objectMetrics = calculateLineMetrics(cardRect, 'object');
@@ -152,17 +152,17 @@ const D3Graph: React.FC<D3GraphProps> = ({
         userSelect: 'none',
       }}
     >
-<marker
-  id="arrowhead"
-  markerWidth="2" 
-  markerHeight="2" 
-  refX="1"        
-  refY="1"
-  orient="auto"
-  markerUnits="strokeWidth"
->
-  <path d="M0,0 L2,1 L0,2 z" fill="#E5E5E5" />
-</marker>
+      <marker
+        id="arrowhead"
+        markerWidth="4"
+        markerHeight="4"
+        refX="2"
+        refY="2"
+        orient="auto"
+        markerUnits="strokeWidth"
+      >
+        <path d="M0,0 L4,2 L0,4 z" fill="#E5E5E5" />
+      </marker>
       <marker
         id="starter"
         markerWidth="4"
@@ -184,7 +184,7 @@ const D3Graph: React.FC<D3GraphProps> = ({
           fill="#898989"
           fontWeight="800"
         >
-          产出
+          Key Object
         </text>
         <line
           x1={objectLine.x}
@@ -204,7 +204,7 @@ const D3Graph: React.FC<D3GraphProps> = ({
           fill="#898989"
           fontWeight="800"
         >
-          流程
+          Process
         </text>
         <line
           x1={processLine.x}

frontend-react/src/components/Outline/OutlineView.tsx

@@ -53,7 +53,7 @@ export default observer(() => {
   const handleEditContent = (stepTaskId: string, newContent: string) => {
     globalStorage.setStepTaskContent(stepTaskId, newContent);
   };
-  const WidthRatio = ['35%', '10%', '50%'];
+  const WidthRatio = ['30%', '15%', '52.5%'];
 
   const [cardRefMapReady, setCardRefMapReady] = React.useState(false);
 
@@ -175,34 +175,6 @@ export default observer(() => {
                 sx={{ display: 'flex' }}
                 ref={ref}
               >
-                <Box
-                  sx={{
-                    // display: 'flex',
-                    alignItems: 'center',
-                    // width: WidthRatio[2],
-                    justifyContent: 'center',
-                    flex: `0 0 ${WidthRatio[2]}`,
-                  }}
-                >
-                  {name && (
-                    <ProcessCard
-                      process={{
-                        id,
-                        name,
-                        icons: agentIcons,
-                        agents,
-                        content,
-                        cardRef: getCardRef(`process.${name}`),
-                      }}
-                      handleProcessClick={handleProcessClick}
-                      isFocusing={focusingStepTaskId === id}
-                      isAddActive={id === activeProcessIdAdd}
-                      handleAddActive={handleProcessAdd}
-                      handleEditContent={handleEditContent}
-                    />
-                  )}
-                </Box>
-                <Box sx={{ flex: `0 0 ${WidthRatio[1]}` }} />
                 <Box
                   sx={{
                     display: 'flex',
@@ -237,6 +209,34 @@ export default observer(() => {
                     />
                   )}
                 </Box>
+                <Box sx={{ flex: `0 0 ${WidthRatio[1]}` }} />
+                <Box
+                  sx={{
+                    // display: 'flex',
+                    alignItems: 'center',
+                    // width: WidthRatio[2],
+                    justifyContent: 'center',
+                    flex: `0 0 ${WidthRatio[2]}`,
+                  }}
+                >
+                  {name && (
+                    <ProcessCard
+                      process={{
+                        id,
+                        name,
+                        icons: agentIcons,
+                        agents,
+                        content,
+                        cardRef: getCardRef(`process.${name}`),
+                      }}
+                      handleProcessClick={handleProcessClick}
+                      isFocusing={focusingStepTaskId === id}
+                      isAddActive={id === activeProcessIdAdd}
+                      handleAddActive={handleProcessAdd}
+                      handleEditContent={handleEditContent}
+                    />
+                  )}
+                </Box>
               </Box>
             ),
           )}

frontend-react/src/components/Outline/index.tsx

@@ -25,7 +25,7 @@ export default observer(({ style = {} }: { style?: SxProps }) => {
         ...style,
       }}
     >
-      <Title title="任务大纲" />
+      <Title title="Plan Outline" />
       <Box
         sx={{
           position: 'relative',

frontend-react/src/components/ProcessDiscription/index.tsx

@@ -19,7 +19,7 @@ export default observer(({ style = {} }: { style?: SxProps }) => {
         ...style,
       }}
     >
-      <Title title="任务流程" />
+      <Title title="Task Process" />
       <Stack
         spacing={1}
         sx={{

frontend-react/src/components/ProcessRehearsal/StepHistoryItem.tsx

@@ -1,6 +1,6 @@
-import React, { useState } from 'react';
+import React from 'react';
 import { observer } from 'mobx-react-lite';
-import { Divider, SxProps, Tooltip, Typography} from '@mui/material';
+import { Divider, SxProps } from '@mui/material';
 import Box from '@mui/material/Box';
 import UnfoldLessIcon from '@mui/icons-material/UnfoldLess';
 import MoreHorizIcon from '@mui/icons-material/MoreHoriz';
@@ -9,7 +9,6 @@ import { globalStorage } from '@/storage';
 import type { IExecuteStepHistoryItem } from '@/apis/execute-plan';
 import AgentIcon from '@/components/AgentIcon';
 import { getAgentActionStyle } from '@/storage/plan';
-import { getActionTypeDisplayText } from '@/storage/plan/action';
 
 export interface IStepHistoryItemProps {
   item: IExecuteStepHistoryItem;
@@ -47,170 +46,6 @@ export default observer(
         }, 10);
       }
     }, [expand]);
-    
-interface DataSpaceCard {
-  name: string;
-  data_space: string;
-  doId: string;
-  fromRepo: string;
-}
-
-interface DataSpaceIndicatorProps {
-  cards?: DataSpaceCard[];
-}
-
-const DataSpaceIndicator = ({ cards = [] }: DataSpaceIndicatorProps) => {
-  const [currentCard, setCurrentCard] = useState(0);
-
-  if (!cards || cards.length === 0) {
-    return null;
-  }
-
-  const tooltipContent = (
-    <>
-      {/* 添加标题 */}
-       <Box
-        sx={{
-          display: 'flex',
-          justifyContent: 'space-between',
-          alignItems: 'center',
-          padding: '8px 12px',
-          backgroundColor: '#1565c0',
-          color: 'white',
-          borderRadius: '4px 4px 0 0',
-          fontWeight: 'bold',
-          fontSize: '14px',
-        }}
-      >
-        <span>数联网搜索结果</span>
-        <Box sx={{ display: 'flex', alignItems: 'center', gap: '8px' }}>
-          <span style={{ fontSize: '12px', color: 'rgba(255,255,255,0.8)' }}>
-            {currentCard + 1}/{cards.length}
-          </span>
-          <button
-            onClick={(e) => {
-              e.stopPropagation();
-              setCurrentCard((prev) => (prev + 1) % cards.length);
-            }}
-            style={{
-              fontSize: '12px',
-              padding: '2px 8px',
-              backgroundColor: 'white',
-              color: '#1565c0',
-              border: 'none',
-              borderRadius: '3px',
-              cursor: 'pointer',
-              fontWeight: 'bold'
-            }}
-          >
-            下一个
-          </button>
-        </Box>
-      </Box>
-      <Box
-        sx={{
-          padding: '12px',
-          borderRadius: '4px',
-          backgroundColor: '#e3f2fd',
-          border: '1px solid #1565c0',
-          minWidth: '450px', // 设置卡片最小宽度
-        }}
-      >
-        <Box sx={{ display: 'flex', alignItems: 'flex-start', marginBottom: '4px' }}>
-          <Typography variant="caption" sx={{ fontWeight: 'bold', color: '#666', minWidth: '60px' }}>
-            名称:
-          </Typography>
-          <Typography variant="body2" sx={{ color: 'black' }}>
-            {cards[currentCard]?.name}
-          </Typography>
-        </Box>
-
-        <Box sx={{ display: 'flex', alignItems: 'flex-start', marginBottom: '4px' }}>
-          <Typography variant="caption" sx={{ fontWeight: 'bold', color: '#666', minWidth: '60px' }}>
-            数据空间:
-          </Typography>
-          <Typography variant="body2" sx={{ color: 'black' }}>
-            {cards[currentCard]?.data_space}
-          </Typography>
-        </Box>
-
-        <Box sx={{ display: 'flex', alignItems: 'flex-start', marginBottom: '4px' }}>
-          <Typography variant="caption" sx={{ fontWeight: 'bold', color: '#666', minWidth: '60px' }}>
-            DOID:
-          </Typography>
-          <Typography variant="body2" sx={{ color: 'black' }}>
-            {cards[currentCard]?.doId}
-          </Typography>
-        </Box>
-        
-        <Box sx={{ display: 'flex', alignItems: 'flex-start', marginBottom: '4px' }}>
-          <Typography variant="caption" sx={{ fontWeight: 'bold', color: '#666', minWidth: '60px' }}>
-            来源仓库:
-          </Typography>
-          <Typography variant="body2" sx={{ color: 'black' }}>
-            {cards[currentCard]?.fromRepo}
-          </Typography>
-        </Box>
-      </Box>
-    </>
-  );
-
-  return (
-    <Tooltip 
-      title={tooltipContent} 
-      arrow
-      slotProps={{
-        tooltip: {
-          sx: {
-            maxWidth: 500, // 只需要这一行来增加宽度
-          },
-        },
-      }}
-    >
-      <Box
-        sx={{
-          display: 'inline-flex',
-          alignItems: 'center',
-          justifyContent: 'center',
-          width: '20px',
-          height: '20px',
-          borderRadius: '50%',
-          backgroundColor: '#9e9e9e',
-          color: 'white',
-          fontSize: '12px',
-          fontWeight: '600',
-          cursor: 'pointer',
-          '&:hover': {
-            backgroundColor: '#1565c0',
-          }
-        }}
-      >
-        {cards.length}
-      </Box>
-    </Tooltip>
-  );
-};
-
-const cardData = [
-  {
-    name: "3D Semantic-Geometric Corrosion Mapping Implementations",
-    data_space: "江苏省产研院",
-    doId: "bdware.scenario/d8f3ff8c-3fb3-4573-88a6-5dd823627c37",
-    fromRepo: "https://arxiv.org/abs/2404.13691"
-  },
-  {
-    name: "RustSEG -- Automated segmentation of corrosion using deep learning",
-    data_space: "江苏省产研院",
-    doId: "bdware.scenario/67445299-110a-4a4e-9fda-42e4b5a493c2",
-    fromRepo: "https://arxiv.org/abs/2205.05426"
-  },
-  {
-    name: "Pixel-level Corrosion Detection on Metal Constructions by Fusion of Deep Learning Semantic and Contour Segmentation",
-    data_space: "江苏省产研院",
-    doId: "bdware.scenario/115d5135-85d3-4123-8b81-9eb9f07b6153",
-    fromRepo: "https://arxiv.org/abs/2008.05204"
-  },
-];
     const s = { ...getAgentActionStyle(item.type), ...style } as SxProps;
     React.useEffect(() => {
       console.log(item);
@@ -242,7 +77,7 @@ const cardData = [
             {item.agent}
           </Box>
           <Box component="span" sx={{ fontWeight: 400 }}>
-            : {getActionTypeDisplayText(item.type)}
+            : {item.type}
           </Box>
         </Box>
         {item.result ? (
@@ -268,14 +103,10 @@ const cardData = [
                     marginBottom: '4px',
                     color: '#0009',
                     fontWeight: 400,
-                    display: 'inline-flex',
-                    alignItems: 'center',
-                    gap: '8px',
                   }}
                 >
                   {item.description}
                 </Box>
-                <DataSpaceIndicator cards={cardData} />
                 <MarkdownBlock
                   text={item.result}
                   style={{

frontend-react/src/components/ProcessRehearsal/index.tsx

@@ -79,7 +79,7 @@ export default observer(({ style = {} }: { style?: SxProps }) => {
           alignItems: 'center',
         }}
       >
-        <Title title="执行结果" />
+        <Title title="Execution Result" />
         <Box
           sx={{
             flexGrow: 1,

frontend-react/src/components/UserGoalInput/index.tsx

@@ -4,8 +4,6 @@ import { SxProps } from '@mui/material';
 import Box from '@mui/material/Box';
 import IconButton from '@mui/material/IconButton';
 import FormControl from '@mui/material/FormControl';
-import Autocomplete from '@mui/material/Autocomplete';
-import TextField from '@mui/material/TextField';
 import FilledInput from '@mui/material/FilledInput';
 import TelegramIcon from '@mui/icons-material/Telegram';
 import CircularProgress from '@mui/material/CircularProgress';
@@ -18,18 +16,6 @@ export interface UserGoalInputProps {
 export default observer(({ style = {} }: UserGoalInputProps) => {
   const inputRef = React.useRef<string>('');
   const inputElementRef = React.useRef<HTMLInputElement>(null);
-  const goalOptions = [
-'如何快速筛选慢性肾脏病药物潜在受试者？',
-'如何补充“丹芍活血胶囊”不良反应数据？',
-'如何快速研发用于战场失血性休克的药物？',
-'二维材料的光电性质受哪些关键因素影响？',
-'如何通过AI模拟的方法分析材料的微观结构?',
-'如何分析获取液态金属热力学参数?',
-'如何解决固态电池的成本和寿命难题？',
-'如何解决船舶制造中的材料腐蚀难题？',
-'如何解决船舶制造中流体模拟和建模优化难题？',
-  ];
-
   React.useEffect(() => {
     if (inputElementRef.current) {
       if (globalStorage.planManager) {
@@ -46,70 +32,42 @@ export default observer(({ style = {} }: UserGoalInputProps) => {
         ...style,
       }}
     >
-      <Autocomplete
-	freeSolo
-	disableClearable	
+      <FilledInput
         disabled={
           globalStorage.api.busy ||
           !globalStorage.api.agentsReady ||
           globalStorage.api.planReady
         }
-	options={goalOptions}
-        value={inputRef.current || (globalStorage.planManager ? globalStorage.planManager.goal : globalStorage.briefGoal)}
-        onChange={(event, newValue) => {
-          if (newValue) {
-            inputRef.current = newValue;
-          }
+        placeholder="Yout Goal"
+        fullWidth
+        inputRef={inputElementRef}
+        onChange={event => (inputRef.current = event.target.value)}
+        size="small"
+        sx={{
+          borderRadius: '10px',
+          background: '#E1E1E1',
+          borderBottom: 'none !important',
+          '&::before': {
+            borderBottom: 'none !important',
+          },
+          '& > input': {
+            padding: '10px',
+          },
         }}
-        onInputChange={(event, newInputValue) => {
-          inputRef.current = newInputValue;
-        }}
-	renderInput={(params) => (
-          <TextField
-            {...params}
-            variant="filled"
-            placeholder="请输入你的任务"
-            fullWidth
-            size="small"
-            inputRef={inputElementRef}
+        startAdornment={
+          <Box
             sx={{
-              borderRadius: '10px',
-              background: '#E1E1E1',
-              borderBottom: 'none !important',
-              '& .MuiFilledInput-root': {
-		height: '45px',
-                borderRadius: '10px',
-                background: '#E1E1E1',
-		paddingTop: '5px',
-                borderBottom: 'none !important',
-                '&::before': {
-                  borderBottom: 'none !important',
-                },
-                '&::after': {
-                  borderBottom: 'none !important',
-                },
-              },
+              color: '#4A9C9E',
+              fontWeight: 800,
+              fontSize: '18px',
+              textWrap: 'nowrap',
+              userSelect: 'none',
             }}
-            InputProps={{
-              ...params.InputProps,
-              startAdornment: (
-                <Box
-                  sx={{
-                    color: '#4A9C9E',
-                    fontWeight: 800,
-                    fontSize: '18px',
-                    textWrap: 'nowrap',
-                    userSelect: 'none',
-                  }}
-                >
-                  任务
-                </Box>
-              ),
-            }}
-          />
-        )}
-      />	
-
+          >
+            \General Goal:
+          </Box>
+        }
+      />
       {globalStorage.api.planGenerating ? (
         <CircularProgress
           sx={{

frontend-react/src/components/ViewConnector/index.tsx

@@ -88,24 +88,24 @@ export default observer(() => {
         setConnectors(<></>);
       }
       const outlinePosition =
-        ElementToLink[1]?.current?.getBoundingClientRect?.();
+        ElementToLink[0]?.current?.getBoundingClientRect?.();
       if (!outlinePosition) {
         return;
       }
-      const agentRects = ElementToLink[0]
+      const agentRects = ElementToLink[1]
         .map(ele => ele.current?.getBoundingClientRect?.() as DOMRect)
         .filter(rect => rect);
       if (agentRects.length === 0) {
         return;
       }
       const agentsPosition = mergeRects(...agentRects);
-      // const descriptionPosition =
-      //   ElementToLink[2]?.current?.getBoundingClientRect?.();
-      // if (!descriptionPosition) {
-      //   return;
-      // }
+      const descriptionPosition =
+        ElementToLink[2]?.current?.getBoundingClientRect?.();
+      if (!descriptionPosition) {
+        return;
+      }
 
-      const LogRects = ElementToLink[2]
+      const LogRects = ElementToLink[3]
         .map(ele => ele?.current?.getBoundingClientRect?.() as DOMRect)
         .filter(rect => rect);
       if (LogRects.length > 0) {
@@ -115,14 +115,15 @@ export default observer(() => {
 
         setConnectors(
           drawConnectors(
-            agentsPosition,
             outlinePosition,
+            agentsPosition,
+            descriptionPosition,
             logPosition,
           ),
         );
       } else {
         setConnectors(
-          drawConnectors(agentsPosition,outlinePosition),
+          drawConnectors(outlinePosition, agentsPosition, descriptionPosition),
         );
       }
     } catch (e) {

frontend-react/src/icons/checkIcon.tsx

@@ -1,33 +1,33 @@
-import { Box } from '@mui/material';
-import React from 'react';
-
-// 定义你的图标属性类型，这里可以扩展成任何你需要的属性
-interface CustomIconProps {
-  size?: number | string;
-  color?: string;
-  // ...其他你需要的props
-}
-
-// 创建你的自定义SVG图标组件
-const CheckIcon: React.FC<CustomIconProps> = ({
-  size = '100%',
-  color = 'currentColor',
-}) => {
-  return (
-    <Box
-      component="svg"
-      width={size}
-      height="auto"
-      viewBox="0 0 11 9"
-      fill="none"
-      xmlns="http://www.w3.org/2000/svg"
-    >
-      <path
-        d="M10.7204 0C7.37522 1.94391 4.95071 4.40066 3.85635 5.63171L1.18331 3.64484L0 4.54699L4.61463 9C5.4068 7.07085 7.92593 3.30116 11 0.620227L10.7204 0Z"
-        fill={color}
-      />
-    </Box>
-  );
-};
-
-export default CheckIcon;
+import { Box } from '@mui/material';
+import React from 'react';
+
+// 定义你的图标属性类型，这里可以扩展成任何你需要的属性
+interface CustomIconProps {
+  size?: number | string;
+  color?: string;
+  // ...其他你需要的props
+}
+
+// 创建你的自定义SVG图标组件
+const CheckIcon: React.FC<CustomIconProps> = ({
+  size = '100%',
+  color = 'currentColor',
+}) => {
+  return (
+    <Box
+      component="svg"
+      width={size}
+      height="auto"
+      viewBox="0 0 11 9"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <path
+        d="M10.7204 0C7.37522 1.94391 4.95071 4.40066 3.85635 5.63171L1.18331 3.64484L0 4.54699L4.61463 9C5.4068 7.07085 7.92593 3.30116 11 0.620227L10.7204 0Z"
+        fill={color}
+      />
+    </Box>
+  );
+};
+
+export default CheckIcon;

frontend-react/src/routes/layout.tsx

@@ -44,7 +44,7 @@ export default observer(() => {
       )}
       {globalStorage.agentAssigmentWindow ? (
         <FloatWindow
-          title="智能体选择"
+          title="Assignment Exploration"
           onClose={() => (globalStorage.agentAssigmentWindow = false)}
         >
           <AgentAssignment

frontend-react/src/routes/page.tsx

@@ -99,7 +99,16 @@ export default React.memo(() => {
             }}
           />
           <Box sx={{ height: 0, flexGrow: 1, display: 'flex' }}>
-            <ResizeableColumn columnWidth="19%">
+            <ResizeableColumn columnWidth="25%">
+              <Outline
+                style={{
+                  height: '100%',
+                  width: '100%',
+                  marginRight: '6px',
+                }}
+              />
+            </ResizeableColumn>
+            <ResizeableColumn columnWidth="25%">
               <AgentBoard
                 style={{
                   height: '100%',
@@ -109,16 +118,7 @@ export default React.memo(() => {
                 onAddAgent={() => setShowAgentHiring(true)}
               />
             </ResizeableColumn>
-            <ResizeableColumn columnWidth="26%">
-              <Outline
-                style={{
-                  height: '100%',
-                  width: '100%',
-                  marginRight: '6px',
-                }}
-              />
-            </ResizeableColumn>
-            {/* <ResizeableColumn columnWidth="25%">
+            <ResizeableColumn columnWidth="25%">
               <ProcessDiscrption
                 style={{
                   height: '100%',
@@ -126,7 +126,7 @@ export default React.memo(() => {
                   marginRight: '6px',
                 }}
               />
-            </ResizeableColumn> */}
+            </ResizeableColumn>
             <ProcessRehearsal
               style={{
                 height: '100%',

frontend-react/src/storage/index.ts

@@ -285,15 +285,17 @@ export class GlobalStorage {
   }
 
   public get ElementToLink(): [
+    React.RefObject<HTMLElement> | undefined,
     React.RefObject<HTMLElement>[],
     React.RefObject<HTMLElement> | undefined,
     (React.RefObject<HTMLElement> | undefined)[],
   ] {
     return [
+      this.refMap.OutlineCard.get(this.focusingStepTaskId ?? ''),
       this.focusingStepTask?.agentSelection?.agents?.map(
         agent => this.refMap.AgentCard.get(agent) ?? [],
       ) ?? ([] as any),
-      this.refMap.OutlineCard.get(this.focusingStepTaskId ?? ''),
+      this.refMap.DiscriptionCard.get(this.focusingStepTaskId ?? ''),
       this.logManager.outdate
         ? []
         : [

frontend-react/src/storage/plan/action.ts

@@ -11,17 +11,6 @@ export enum ActionType {
   Finalize = 'Finalize',
 }
 
-export const getActionTypeDisplayText = (actionType: ActionType | string): string => {
-  const displayMap: Record<string, string> = {
-    [ActionType.Propose]: '提议',
-    [ActionType.Critique]: '评审',
-    [ActionType.Improve]: '改进',
-    [ActionType.Finalize]: '总结',
-  };
-  
-  return displayMap[actionType] || actionType;
-};
-
 const AgentActionStyles = new Map<ActionType | '', SxProps>([
   [ActionType.Propose, { backgroundColor: '#B9EBF9', borderColor: '#94c2dc' }],
   [ActionType.Critique, { backgroundColor: '#EFF9B9', borderColor: '#c0dc94' }],

frontend-react/src/storage/plan/stepTask.ts

@@ -20,7 +20,7 @@ const nameJoin = (names: string[]) => {
   const last = tmp.pop()!;
   let t = tmp.join(', ');
   if (t.length > 0) {
-    t = `${t} 和 ${last}`;
+    t = `${t} and ${last}`;
   } else {
     t = last;
   }
@@ -102,14 +102,14 @@ export class StepTaskNode implements INodeBase {
         text: this.output,
         style: { background: '#FFCA8C' },
       };
-      outputSentence = `得到 !<${indexOffset}>!`;
+      outputSentence = `to obtain !<${indexOffset}>!`;
     }
     // Join them togeter
     let content = inputSentence;
     if (content) {
-      content = `基于${content}, ${nameSentence} 执行任务 !<${actionIndex}>!`;
+      content = `Based on ${content}, ${nameSentence} perform the task of !<${actionIndex}>!`;
     } else {
-      content = `${nameSentence} 执行任务 !<${actionIndex}>!`;
+      content = `${nameSentence} perform the task of !<${actionIndex}>!`;
     }
     if (outputSentence) {
       content = `${content}, ${outputSentence}.`;

frontend/.dockerignore

@@ -0,0 +1,6 @@
+node_modules
+dist
+.idea
+.vscode
+.git
+.gitignore

frontend/.editorconfig

@@ -0,0 +1,8 @@
+[*.{js,jsx,mjs,cjs,ts,tsx,mts,cts,vue,css,scss,sass,less,styl}]
+charset = utf-8
+indent_size = 2
+indent_style = space
+insert_final_newline = true
+trim_trailing_whitespace = true
+end_of_line = lf
+max_line_length = 100

frontend/.env

@@ -0,0 +1 @@
+API_BASE=http://127.0.0.1:8000

frontend/.eslintrc-auto-import.json

@@ -0,0 +1,79 @@
+{
+  "globals": {
+    "Component": true,
+    "ComponentPublicInstance": true,
+    "ComputedRef": true,
+    "DirectiveBinding": true,
+    "EffectScope": true,
+    "ExtractDefaultPropTypes": true,
+    "ExtractPropTypes": true,
+    "ExtractPublicPropTypes": true,
+    "InjectionKey": true,
+    "MaybeRef": true,
+    "MaybeRefOrGetter": true,
+    "PropType": true,
+    "Ref": true,
+    "ShallowRef": true,
+    "Slot": true,
+    "Slots": true,
+    "VNode": true,
+    "WritableComputedRef": true,
+    "computed": true,
+    "createApp": true,
+    "customRef": true,
+    "defineAsyncComponent": true,
+    "defineComponent": true,
+    "effectScope": true,
+    "getCurrentInstance": true,
+    "getCurrentScope": true,
+    "getCurrentWatcher": true,
+    "h": true,
+    "inject": true,
+    "isProxy": true,
+    "isReactive": true,
+    "isReadonly": true,
+    "isRef": true,
+    "isShallow": true,
+    "markRaw": true,
+    "nextTick": true,
+    "onActivated": true,
+    "onBeforeMount": true,
+    "onBeforeUnmount": true,
+    "onBeforeUpdate": true,
+    "onDeactivated": true,
+    "onErrorCaptured": true,
+    "onMounted": true,
+    "onRenderTracked": true,
+    "onRenderTriggered": true,
+    "onScopeDispose": true,
+    "onServerPrefetch": true,
+    "onUnmounted": true,
+    "onUpdated": true,
+    "onWatcherCleanup": true,
+    "provide": true,
+    "reactive": true,
+    "readonly": true,
+    "ref": true,
+    "resolveComponent": true,
+    "shallowReactive": true,
+    "shallowReadonly": true,
+    "shallowRef": true,
+    "toRaw": true,
+    "toRef": true,
+    "toRefs": true,
+    "toValue": true,
+    "triggerRef": true,
+    "unref": true,
+    "useAttrs": true,
+    "useCssModule": true,
+    "useCssVars": true,
+    "useId": true,
+    "useModel": true,
+    "useSlots": true,
+    "useTemplateRef": true,
+    "watch": true,
+    "watchEffect": true,
+    "watchPostEffect": true,
+    "watchSyncEffect": true
+  }
+}

frontend/.gitattributes

@@ -0,0 +1 @@
+* text=auto eol=lf

frontend/.gitignore

@@ -0,0 +1,36 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+.DS_Store
+dist
+dist-ssr
+coverage
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
+*.tsbuildinfo
+
+.eslintcache
+
+# Cypress
+/cypress/videos/
+/cypress/screenshots/
+
+# Vitest
+__screenshots__/

frontend/.prettierrc.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "https://json.schemastore.org/prettierrc",
+  "semi": false,
+  "singleQuote": true,
+  "printWidth": 100
+}

frontend/.vscode/extensions.json

@@ -0,0 +1,9 @@
+{
+  "recommendations": [
+    "Vue.volar",
+    "vitest.explorer",
+    "dbaeumer.vscode-eslint",
+    "EditorConfig.EditorConfig",
+    "esbenp.prettier-vscode"
+  ]
+}

frontend/CLAUDE.md

@@ -0,0 +1,95 @@
+# CLAUDE.md
+
+This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
+
+## Development Commands
+
+```bash
+# Install dependencies
+pnpm install
+
+# Development server with hot reload
+pnpm dev
+
+# Build for production
+pnpm build
+
+# Type checking
+pnpm type-check
+
+# Lint and fix code
+pnpm lint
+
+# Format code
+pnpm format
+
+# Run unit tests
+pnpm test:unit
+```
+
+## Project Architecture
+
+This is a **Multi-Agent Coordination Platform** (多智能体协同平台) built with Vue 3, TypeScript, and Vite. The application enables users to create and manage AI agents with specialized roles and coordinate them to complete complex tasks through visual workflows.
+
+### Tech Stack
+- **Vue 3** with Composition API and TypeScript
+- **Vite** for build tooling and development
+- **Element Plus** for UI components
+- **Pinia** for state management
+- **Tailwind CSS** for styling
+- **Vue Router** for routing (minimal usage)
+- **JSPlumb** for visual workflow connections
+- **Axios** for API requests with custom interceptors
+
+### Key Architecture Components
+
+#### State Management (`src/stores/modules/agents.ts`)
+Central store managing:
+- Agent definitions with profiles and icons
+- Task workflow data structures (`IRawStepTask`, `TaskProcess`)
+- Search functionality and current task state
+- Raw plan responses with UUID generation for tasks
+
+#### Request Layer (`src/utils/request.ts`)
+Custom Axios wrapper with:
+- Proxy configuration for `/api` -> `http://localhost:8000`
+- Response interceptors for error handling
+- `useRequest` hook for reactive data fetching
+- Integrated Element Plus notifications
+
+#### Component Structure
+- **Layout System** (`src/layout/`): Main application layout with Header and Main sections
+- **Task Templates** (`src/layout/components/Main/TaskTemplate/`): Different task types including AgentRepo, TaskSyllabus, and TaskResult
+- **Visual Workflow**: JSPlumb integration for drag-and-drop agent coordination flows
+
+#### Icon System
+- SVG icons stored in `src/assets/icons/`
+- Custom `SvgIcon` component with vite-plugin-svg-icons
+- Icon categories include specialist roles (doctor, engineer, researcher, etc.)
+
+### Build Configuration
+
+#### Vite (`vite.config.ts`)
+- Element Plus auto-import and component resolution
+- SVG icon caching with custom symbol IDs
+- Proxy setup for API requests to backend
+- Path aliases: `@/` maps to `src/`
+
+#### Docker Deployment
+- Multi-stage build: Node.js build + Caddy web server
+- API proxy configured via Caddyfile
+- Environment variable support for different deployment modes
+
+### Data Models
+Key interfaces for the agent coordination system:
+- `Agent`: Name, Profile, Icon
+- `IRawStepTask`: Individual task steps with agent selection and inputs
+- `TaskProcess`: Action descriptions with important inputs
+- `IRichText`: Template-based content formatting with style support
+
+### Development Notes
+- Uses pnpm as package manager (required by package.json)
+- Node version constraint: ^20.19.0 or >=22.12.0
+- Dark theme enabled by default in App.vue
+- Auto-imports configured for Vue APIs
+- No traditional Vue routes - uses component-based navigation

frontend/Dockerfile

@@ -0,0 +1,27 @@
+ARG CADDY_VERSION=2.6
+ARG BUILD_ENV=prod
+
+FROM node:20.19.0 as base
+WORKDIR /app
+COPY . .
+RUN npm install -g pnpm
+RUN pnpm install
+RUN pnpm build
+
+
+# The base for mode ENVIRONMENT=prod
+FROM caddy:${CADDY_VERSION}-alpine as prod
+
+# Workaround for https://github.com/alpinelinux/docker-alpine/issues/98#issuecomment-679278499
+RUN sed -i 's/https/http/' /etc/apk/repositories \
+ && apk add --no-cache bash
+
+COPY docker/Caddyfile /etc/caddy/
+COPY --from=base /app/dist /frontend
+
+# Run stage
+FROM ${BUILD_ENV}
+
+EXPOSE 80 443
+VOLUME ["/data", "/etc/caddy"]
+CMD ["caddy", "run", "--config", "/etc/caddy/Caddyfile", "--adapter", "caddyfile"]

frontend/README.md

@@ -0,0 +1,106 @@
+# 多智能体协同平台 (Agent Coordination Platform)
+
+一个强大的可视化平台，用于创建和管理具有专门角色的AI智能体，通过直观的工作流程协调它们来完成复杂任务。
+
+## ✨ 功能特性
+
+- **多智能体系统**：创建具有专门角色和专业知识的AI智能体
+- **可视化工作流编辑器**：使用JSPlumb设计智能体协调流程的拖放界面
+- **任务管理**：定义、执行和跟踪复杂的多步骤任务
+- **实时通信**：无缝的智能体交互和协调
+- **丰富的模板系统**：支持样式的灵活内容格式化
+- **TypeScript支持**：整个应用程序的完整类型安全
+
+## 🚀 快速开始
+
+### 开发命令
+
+```bash
+# 安装依赖
+pnpm install
+
+# 开发服务器（热重载）
+pnpm dev
+
+# 生产构建
+pnpm build
+
+# 类型检查
+pnpm type-check
+
+# 代码检查和修复
+pnpm lint
+
+# 代码格式化
+pnpm format
+
+# 运行单元测试
+pnpm test:unit
+```
+
+### 系统要求
+
+- Node.js ^20.19.0 或 >=22.12.0
+- pnpm（必需的包管理器）
+
+## 🏗️ 架构设计
+
+### 技术栈
+
+- **Vue 3**：Composition API 和 TypeScript
+- **Vite**：构建工具和开发环境
+- **Element Plus**：UI组件库
+- **Pinia**：状态管理
+- **Tailwind CSS**：样式框架
+- **JSPlumb**：可视化工作流连接
+- **Axios**：API请求与自定义拦截器
+
+### 核心组件
+
+#### 状态管理
+中央存储管理智能体定义、任务工作流和协调状态
+
+#### 请求层
+自定义Axios包装器，具有代理配置和集成通知
+
+#### 可视化工作流
+JSPlumb集成，用于拖放智能体协调流程
+
+#### 图标系统
+基于SVG的图标，用于不同的智能体专业化和角色
+
+## 📁 项目结构
+
+```
+src/
+├── assets/           # 静态资源，包括智能体图标
+├── components/       # 可复用的Vue组件
+├── layout/          # 应用布局和主要组件
+├── stores/          # Pinia状态管理
+├── utils/           # 工具函数和请求层
+├── views/           # 页面组件
+└── App.vue          # 根组件
+```
+
+## 🎯 开发指南
+
+### IDE设置
+
+[VS Code](https://code.visualstudio.com/) + [Vue (Official)](https://marketplace.visualstudio.com/items?itemName=Vue.volar)（禁用Vetur）。
+
+### 浏览器开发工具
+
+- 基于Chromium的浏览器：
+  - [Vue.js devtools](https://chromewebstore.google.com/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd)
+  - 在DevTools中启用自定义对象格式化程序
+- Firefox：
+  - [Vue.js devtools](https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/)
+  - 在DevTools中启用自定义对象格式化程序
+
+## 🚀 部署
+
+应用程序支持Docker部署，使用多阶段构建过程：Node.js用于构建，Caddy作为Web服务器。
+
+## 📄 许可证
+
+MIT许可证 - 详见LICENSE文件

frontend/auto-imports.d.ts

@@ -0,0 +1,75 @@
+/* eslint-disable */
+/* prettier-ignore */
+// @ts-nocheck
+// noinspection JSUnusedGlobalSymbols
+// Generated by unplugin-auto-import
+// biome-ignore lint: disable
+export {}
+declare global {
+  const EffectScope: typeof import('vue').EffectScope
+  const ElMessage: typeof import('element-plus/es').ElMessage
+  const ElNotification: typeof import('element-plus/es').ElNotification
+  const computed: typeof import('vue').computed
+  const createApp: typeof import('vue').createApp
+  const customRef: typeof import('vue').customRef
+  const defineAsyncComponent: typeof import('vue').defineAsyncComponent
+  const defineComponent: typeof import('vue').defineComponent
+  const effectScope: typeof import('vue').effectScope
+  const getCurrentInstance: typeof import('vue').getCurrentInstance
+  const getCurrentScope: typeof import('vue').getCurrentScope
+  const getCurrentWatcher: typeof import('vue').getCurrentWatcher
+  const h: typeof import('vue').h
+  const inject: typeof import('vue').inject
+  const isProxy: typeof import('vue').isProxy
+  const isReactive: typeof import('vue').isReactive
+  const isReadonly: typeof import('vue').isReadonly
+  const isRef: typeof import('vue').isRef
+  const isShallow: typeof import('vue').isShallow
+  const markRaw: typeof import('vue').markRaw
+  const nextTick: typeof import('vue').nextTick
+  const onActivated: typeof import('vue').onActivated
+  const onBeforeMount: typeof import('vue').onBeforeMount
+  const onBeforeUnmount: typeof import('vue').onBeforeUnmount
+  const onBeforeUpdate: typeof import('vue').onBeforeUpdate
+  const onDeactivated: typeof import('vue').onDeactivated
+  const onErrorCaptured: typeof import('vue').onErrorCaptured
+  const onMounted: typeof import('vue').onMounted
+  const onRenderTracked: typeof import('vue').onRenderTracked
+  const onRenderTriggered: typeof import('vue').onRenderTriggered
+  const onScopeDispose: typeof import('vue').onScopeDispose
+  const onServerPrefetch: typeof import('vue').onServerPrefetch
+  const onUnmounted: typeof import('vue').onUnmounted
+  const onUpdated: typeof import('vue').onUpdated
+  const onWatcherCleanup: typeof import('vue').onWatcherCleanup
+  const provide: typeof import('vue').provide
+  const reactive: typeof import('vue').reactive
+  const readonly: typeof import('vue').readonly
+  const ref: typeof import('vue').ref
+  const resolveComponent: typeof import('vue').resolveComponent
+  const shallowReactive: typeof import('vue').shallowReactive
+  const shallowReadonly: typeof import('vue').shallowReadonly
+  const shallowRef: typeof import('vue').shallowRef
+  const toRaw: typeof import('vue').toRaw
+  const toRef: typeof import('vue').toRef
+  const toRefs: typeof import('vue').toRefs
+  const toValue: typeof import('vue').toValue
+  const triggerRef: typeof import('vue').triggerRef
+  const unref: typeof import('vue').unref
+  const useAttrs: typeof import('vue').useAttrs
+  const useCssModule: typeof import('vue').useCssModule
+  const useCssVars: typeof import('vue').useCssVars
+  const useId: typeof import('vue').useId
+  const useModel: typeof import('vue').useModel
+  const useSlots: typeof import('vue').useSlots
+  const useTemplateRef: typeof import('vue').useTemplateRef
+  const watch: typeof import('vue').watch
+  const watchEffect: typeof import('vue').watchEffect
+  const watchPostEffect: typeof import('vue').watchPostEffect
+  const watchSyncEffect: typeof import('vue').watchSyncEffect
+}
+// for type re-export
+declare global {
+  // @ts-ignore
+  export type { Component, Slot, Slots, ComponentPublicInstance, ComputedRef, DirectiveBinding, ExtractDefaultPropTypes, ExtractPropTypes, ExtractPublicPropTypes, InjectionKey, PropType, Ref, ShallowRef, MaybeRef, MaybeRefOrGetter, VNode, WritableComputedRef } from 'vue'
+  import('vue')
+}

frontend/claude_code_env.sh

@@ -0,0 +1,205 @@
+#!/bin/bash
+
+set -euo pipefail
+
+# ========================
+#       常量定义
+# ========================
+SCRIPT_NAME=$(basename "$0")
+NODE_MIN_VERSION=18
+NODE_INSTALL_VERSION=22
+NVM_VERSION="v0.40.3"
+CLAUDE_PACKAGE="@anthropic-ai/claude-code"
+CONFIG_DIR="$HOME/.claude"
+CONFIG_FILE="$CONFIG_DIR/settings.json"
+API_BASE_URL="https://open.bigmodel.cn/api/anthropic"
+API_KEY_URL="https://open.bigmodel.cn/usercenter/proj-mgmt/apikeys"
+API_TIMEOUT_MS=3000000
+
+# ========================
+#       工具函数
+# ========================
+
+log_info() {
+    echo "🔹 $*"
+}
+
+log_success() {
+    echo "✅ $*"
+}
+
+log_error() {
+    echo "❌ $*" >&2
+}
+
+ensure_dir_exists() {
+    local dir="$1"
+    if [ ! -d "$dir" ]; then
+        mkdir -p "$dir" || {
+            log_error "Failed to create directory: $dir"
+            exit 1
+        }
+    fi
+}
+
+# ========================
+#     Node.js 安装函数
+# ========================
+
+install_nodejs() {
+    local platform=$(uname -s)
+
+    case "$platform" in
+        Linux|Darwin)
+            log_info "Installing Node.js on $platform..."
+
+            # 安装 nvm
+            log_info "Installing nvm ($NVM_VERSION)..."
+            curl -s https://raw.githubusercontent.com/nvm-sh/nvm/"$NVM_VERSION"/install.sh | bash
+
+            # 加载 nvm
+            log_info "Loading nvm environment..."
+            \. "$HOME/.nvm/nvm.sh"
+
+            # 安装 Node.js
+            log_info "Installing Node.js $NODE_INSTALL_VERSION..."
+            nvm install "$NODE_INSTALL_VERSION"
+
+            # 验证安装
+            node -v &>/dev/null || {
+                log_error "Node.js installation failed"
+                exit 1
+            }
+            log_success "Node.js installed: $(node -v)"
+            log_success "npm version: $(npm -v)"
+            ;;
+        *)
+            log_error "Unsupported platform: $platform"
+            exit 1
+            ;;
+    esac
+}
+
+# ========================
+#     Node.js 检查函数
+# ========================
+
+check_nodejs() {
+    if command -v node &>/dev/null; then
+        current_version=$(node -v | sed 's/v//')
+        major_version=$(echo "$current_version" | cut -d. -f1)
+
+        if [ "$major_version" -ge "$NODE_MIN_VERSION" ]; then
+            log_success "Node.js is already installed: v$current_version"
+            return 0
+        else
+            log_info "Node.js v$current_version is installed but version < $NODE_MIN_VERSION. Upgrading..."
+            install_nodejs
+        fi
+    else
+        log_info "Node.js not found. Installing..."
+        install_nodejs
+    fi
+}
+
+# ========================
+#     Claude Code 安装
+# ========================
+
+install_claude_code() {
+    if command -v claude &>/dev/null; then
+        log_success "Claude Code is already installed: $(claude --version)"
+    else
+        log_info "Installing Claude Code..."
+        npm install -g "$CLAUDE_PACKAGE" || {
+            log_error "Failed to install claude-code"
+            exit 1
+        }
+        log_success "Claude Code installed successfully"
+    fi
+}
+
+configure_claude_json(){
+  node --eval '
+      const os = require("os");
+      const fs = require("fs");
+      const path = require("path");
+
+      const homeDir = os.homedir();
+      const filePath = path.join(homeDir, ".claude.json");
+      if (fs.existsSync(filePath)) {
+          const content = JSON.parse(fs.readFileSync(filePath, "utf-8"));
+          fs.writeFileSync(filePath, JSON.stringify({ ...content, hasCompletedOnboarding: true }, null, 2), "utf-8");
+      } else {
+          fs.writeFileSync(filePath, JSON.stringify({ hasCompletedOnboarding: true }, null, 2), "utf-8");
+      }'
+}
+
+# ========================
+#     API Key 配置
+# ========================
+
+configure_claude() {
+    log_info "Configuring Claude Code..."
+    echo "   You can get your API key from: $API_KEY_URL"
+    read -s -p "🔑 Please enter your ZHIPU API key: " api_key
+    echo
+
+    if [ -z "$api_key" ]; then
+        log_error "API key cannot be empty. Please run the script again."
+        exit 1
+    fi
+
+    ensure_dir_exists "$CONFIG_DIR"
+
+    # 写入配置文件
+    node --eval '
+        const os = require("os");
+        const fs = require("fs");
+        const path = require("path");
+
+        const homeDir = os.homedir();
+        const filePath = path.join(homeDir, ".claude", "settings.json");
+        const apiKey = "'"$api_key"'";
+
+        const content = fs.existsSync(filePath)
+            ? JSON.parse(fs.readFileSync(filePath, "utf-8"))
+            : {};
+
+        fs.writeFileSync(filePath, JSON.stringify({
+            ...content,
+            env: {
+                ANTHROPIC_AUTH_TOKEN: apiKey,
+                ANTHROPIC_BASE_URL: "'"$API_BASE_URL"'",
+                API_TIMEOUT_MS: "'"$API_TIMEOUT_MS"'",
+                CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC: 1
+            }
+        }, null, 2), "utf-8");
+    ' || {
+        log_error "Failed to write settings.json"
+        exit 1
+    }
+
+    log_success "Claude Code configured successfully"
+}
+
+# ========================
+#        主流程
+# ========================
+
+main() {
+    echo "🚀 Starting $SCRIPT_NAME"
+
+    check_nodejs
+    install_claude_code
+    configure_claude_json
+    configure_claude
+
+    echo ""
+    log_success "🎉 Installation completed successfully!"
+    echo ""
+    echo "🚀 You can now start using Claude Code with:"
+    echo "   claude"
+}
+
+main "$@"

frontend/components.d.ts

@@ -0,0 +1,36 @@
+/* eslint-disable */
+// @ts-nocheck
+// biome-ignore lint: disable
+// oxlint-disable
+// ------
+// Generated by unplugin-vue-components
+// Read more: https://github.com/vuejs/core/pull/3399
+
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    ElAutocomplete: typeof import('element-plus/es')['ElAutocomplete']
+    ElButton: typeof import('element-plus/es')['ElButton']
+    ElCard: typeof import('element-plus/es')['ElCard']
+    ElCollapse: typeof import('element-plus/es')['ElCollapse']
+    ElCollapseItem: typeof import('element-plus/es')['ElCollapseItem']
+    ElDrawer: typeof import('element-plus/es')['ElDrawer']
+    ElEmpty: typeof import('element-plus/es')['ElEmpty']
+    ElIcon: typeof import('element-plus/es')['ElIcon']
+    ElInput: typeof import('element-plus/es')['ElInput']
+    ElPopover: typeof import('element-plus/es')['ElPopover']
+    ElScrollbar: typeof import('element-plus/es')['ElScrollbar']
+    ElTag: typeof import('element-plus/es')['ElTag']
+    ElTooltip: typeof import('element-plus/es')['ElTooltip']
+    MultiLineTooltip: typeof import('./src/components/MultiLineTooltip/index.vue')['default']
+    Notification: typeof import('./src/components/Notification/Notification.vue')['default']
+    RouterLink: typeof import('vue-router')['RouterLink']
+    RouterView: typeof import('vue-router')['RouterView']
+    SvgIcon: typeof import('./src/components/SvgIcon/index.vue')['default']
+  }
+  export interface GlobalDirectives {
+    vLoading: typeof import('element-plus/es')['ElLoadingDirective']
+  }
+}

frontend/docker/Caddyfile

@@ -0,0 +1,14 @@
+:80
+
+# Proxy `/api` to backends
+handle_path /api/* {
+  reverse_proxy {$API_HOST}
+}
+
+# Frontend
+handle {
+	root * /frontend
+	encode gzip
+	try_files {path} /index.html
+	file_server
+}

frontend/docker/docker-compose.yml

@@ -0,0 +1,15 @@
+version: '3'
+
+services:
+  agent-coord-font:
+    image: agent-coord:0.0.1
+    build:
+      context: ..
+      dockerfile: docker/Dockerfile
+    ports:
+      - "8080:80"
+    volumes:
+      - ./Caddyfile:/etc/caddy/Caddyfile
+    environment:
+      - API_HOST="http://host.docker.internal:8000"
+      - BUILD_ENV=prod

frontend/env.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="vite/client" />
+declare global {
+  const testGlobal: any; // 声明 testGlobal 为全局变量
+}

frontend/eslint.config.ts

@@ -0,0 +1,48 @@
+import { globalIgnores } from 'eslint/config'
+import { defineConfigWithVueTs, vueTsConfigs } from '@vue/eslint-config-typescript'
+import pluginVue from 'eslint-plugin-vue'
+import pluginVitest from '@vitest/eslint-plugin'
+import skipFormatting from '@vue/eslint-config-prettier/skip-formatting'
+import autoImportConfig from './.eslintrc-auto-import.json' with { type: 'json' }
+
+
+// To allow more languages other than `ts` in `.vue` files, uncomment the following lines:
+// import { configureVueProject } from '@vue/eslint-config-typescript'
+// configureVueProject({ scriptLangs: ['ts', 'tsx'] })
+// More info at https://github.com/vuejs/eslint-config-typescript/#advanced-setup
+
+export default defineConfigWithVueTs(
+  {
+    name: 'app/files-to-lint',
+    files: ['**/*.{ts,mts,tsx,vue}'],
+  },
+  globalIgnores(['**/dist/**', '**/dist-ssr/**', '**/coverage/**']),
+  pluginVue.configs['flat/essential'],
+  vueTsConfigs.recommended,
+  {
+    ...pluginVitest.configs.recommended,
+    files: ['src/**/__tests__/*'],
+  },
+  skipFormatting,
+  {
+    name: 'app/custom-rules',
+    files: ['**/*.{ts,mts,tsx,vue}'],
+    rules: {
+      'vue/multi-word-component-names': 'off',
+    }
+  },
+  {
+    name: 'auto-import-globals',
+    files: ['**/*.{ts,mts,tsx,vue}'],
+    languageOptions: {
+      globals: {
+        ...(autoImportConfig.globals || {}),
+        testGlobal: 'readonly' // 手动添加一个测试变量
+      }
+    },
+    rules: {
+      'no-undef': 'off', // 确保关闭 no-undef 规则
+      '@typescript-eslint/no-undef': 'off'
+    }
+  }
+)

frontend/index.html

@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="">
+  <head>
+    <meta charset="UTF-8">
+    <link rel="icon" href="/logo.png">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>多智能体协同平台</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.ts"></script>
+  </body>
+</html>

frontend/package.json

@@ -0,0 +1,72 @@
+{
+  "name": "agent-coord",
+  "version": "0.0.0",
+  "private": true,
+  "type": "module",
+  "engines": {
+    "node": "^20.19.0 || >=22.12.0"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "test:unit": "vitest",
+    "build-only": "vite build",
+    "type-check": "vue-tsc --build",
+    "lint": "eslint . --fix --cache",
+    "format": "prettier --write src/"
+  },
+  "dependencies": {
+    "@element-plus/icons-vue": "^2.3.2",
+    "@jsplumb/browser-ui": "^6.2.10",
+    "@types/markdown-it": "^14.1.2",
+    "@vue-flow/background": "^1.3.2",
+    "@vue-flow/controls": "^1.1.3",
+    "@vue-flow/core": "^1.48.1",
+    "@vue-flow/minimap": "^1.5.4",
+    "@vueuse/core": "^14.0.0",
+    "axios": "^1.12.2",
+    "dompurify": "^3.3.0",
+    "element-plus": "^2.11.5",
+    "lodash": "^4.17.21",
+    "markdown-it": "^14.1.0",
+    "pinia": "^3.0.3",
+    "qs": "^6.14.0",
+    "socket.io-client": "^4.8.3",
+    "uuid": "^13.0.0",
+    "vue": "^3.5.22",
+    "vue-router": "^4.6.3"
+  },
+  "devDependencies": {
+    "@tailwindcss/vite": "^4.1.15",
+    "@tsconfig/node22": "^22.0.2",
+    "@types/jsdom": "^27.0.0",
+    "@types/lodash": "^4.17.20",
+    "@types/node": "^22.18.11",
+    "@types/qs": "^6.14.0",
+    "@vitejs/plugin-vue": "^6.0.1",
+    "@vitest/eslint-plugin": "^1.3.23",
+    "@vue/eslint-config-prettier": "^10.2.0",
+    "@vue/eslint-config-typescript": "^14.6.0",
+    "@vue/test-utils": "^2.4.6",
+    "@vue/tsconfig": "^0.8.1",
+    "eslint": "^9.37.0",
+    "eslint-plugin-import": "^2.32.0",
+    "eslint-plugin-vue": "~10.5.0",
+    "jiti": "^2.6.1",
+    "jsdom": "^27.0.1",
+    "npm-run-all2": "^8.0.4",
+    "prettier": "3.6.2",
+    "sass": "^1.93.2",
+    "sass-loader": "^16.0.5",
+    "tailwindcss": "^4.1.15",
+    "typescript": "~5.9.0",
+    "unplugin-auto-import": "^20.2.0",
+    "unplugin-vue-components": "^30.0.0",
+    "vite": "^7.1.11",
+    "vite-plugin-svg-icons": "^2.0.1",
+    "vite-plugin-vue-devtools": "^8.0.3",
+    "vitest": "^3.2.4",
+    "vue-tsc": "^3.1.1"
+  }
+}

frontend/public/agent.json

@@ -0,0 +1,116 @@
+[
+  {
+    "Icon": "Hailey_Johnson.png",
+    "Name": "船舶设计师",
+    "Profile": "提供船舶制造中的实际需求和约束。",
+    "Classification": "船舶制造数据空间"
+  },
+  {
+    "Icon": "Jennifer_Moore.png",
+    "Name": "防护工程专家",
+    "Profile": "专注于船舶腐蚀防护技术的设计与应用。在你的总结回答中，必须引用来自数联网的搜索数据，是搜索数据，不是数联网的研究成果。",
+    "Classification": "船舶制造数据空间"
+  },
+  {
+    "Icon": "Jane_Moreno.png",
+    "Name": "病理生理学家",
+    "Profile": "专注于失血性休克的疾病机制，为药物研发提供理论靶点。",
+    "Classification": "医药数据空间"
+  },
+  {
+    "Icon": "Giorgio_Rossi.png",
+    "Name": "药物化学家",
+    "Profile": "负责将靶点概念转化为实际可合成的分子。",
+    "Classification": "医药数据空间"
+  },
+  {
+    "Icon": "Tamara_Taylor.png",
+    "Name": "制剂工程师",
+    "Profile": "负责将活性药物成分（API）变成稳定、可用、符合战场要求的剂型。",
+    "Classification": "医药数据空间"
+  },
+  {
+    "Icon": "Maria_Lopez.png",
+    "Name": "监管事务专家",
+    "Profile": "深谙药品审评法规，目标是找到最快的合法上市路径。",
+    "Classification": "医药数据空间"
+  },
+  {
+    "Icon": "Sam_Moore.png",
+    "Name": "物理学家",
+    "Profile": "从热力学与统计力学的基本原理出发，研究液态金属的自由能、焓、熵、比热等参数的理论建模。",
+    "Classification": "科学数据空间"
+  },
+  {
+    "Icon": "Yuriko_Yamamoto.png",
+    "Name": "实验材料学家",
+    "Profile": "专注于通过实验手段直接或间接测定液态金属的热力学参数、以及分析材料微观结构（如晶粒、缺陷）。",
+    "Classification": "科学数据空间"
+  },
+  {
+    "Icon": "Carlos_Gomez.png",
+    "Name": "计算模拟专家",
+    "Profile": "侧重于利用数值计算和模拟技术获取液态金属的热力学参数。",
+    "Classification": "科学数据空间"
+  },
+  {
+    "Icon": "John_Lin.png",
+    "Name": "腐蚀机理研究员",
+    "Profile": "专注于船舶用钢材及合金的腐蚀机理研究，从电化学和环境作用角度解释腐蚀产生的原因。在你的总结回答中，必须引用来自数联网的搜索数据，是搜索数据，不是数联网的研究成果。",
+    "Classification": "船舶制造数据空间"
+  },
+  {
+    "Icon": "Arthur_Burton.png",
+    "Name": "先进材料研发员",
+    "Profile": "专注于开发和评估新型耐腐蚀材料、复合材料及固态电池材料。",
+    "Classification": "科学数据空间"
+  },
+  {
+    "Icon": "Eddy_Lin.png",
+    "Name": "肾脏病学家",
+    "Profile": "专注于慢性肾脏病的诊断、治疗和患者管理，能提供临床洞察。",
+    "Classification": "医药数据空间"
+  },
+  {
+    "Icon": "Isabella_Rodriguez.png",
+    "Name": "临床研究协调员",
+    "Profile": "负责受试者招募和临床试验流程优化。",
+    "Classification": "医药数据空间"
+  },
+  {
+    "Icon": "Latoya_Williams.png",
+    "Name": "中医药专家",
+    "Profile": "理解药物的中药成分和作用机制。",
+    "Classification": "医药数据空间"
+  },
+  {
+    "Icon": "Carmen_Ortiz.png",
+    "Name": "药物安全专家",
+    "Profile": "专注于药物不良反应数据收集、分析和报告。",
+    "Classification": "医药数据空间"
+  },
+  {
+    "Icon": "Rajiv_Patel.png",
+    "Name": "二维材料科学家",
+    "Profile": "专注于二维材料（如石墨烯）的合成、性质和应用。",
+    "Classification": "科学数据空间"
+  },
+  {
+    "Icon": "Tom_Moreno.png",
+    "Name": "光电物理学家",
+    "Profile": "研究材料的光电转换机制和关键影响因素。",
+    "Classification": "科学数据空间"
+  },
+  {
+    "Icon": "Ayesha_Khan.png",
+    "Name": "机器学习专家",
+    "Profile": "专注于开发和应用AI模型用于材料模拟。",
+    "Classification": "科学数据空间"
+  },
+  {
+    "Icon": "Mei_Lin.png",
+    "Name": "流体动力学专家",
+    "Profile": "专注于流体行为理论和模拟。",
+    "Classification": "科学数据空间"
+  }
+]

frontend/public/config.json

@@ -0,0 +1,21 @@
+{
+  "title": "数联网",
+  "subTitle": "众创智能体",
+  "centerTitle": "多智能体协同平台",
+  "taskPromptWords": [
+    "如何快速筛选慢性肾脏病药物潜在受试者？",
+    "如何补充\"丹芍活血胶囊\"不良反应数据？",
+    "如何快速研发用于战场失血性休克的药物？",
+    "二维材料的光电性质受哪些关键因素影响？",
+    "如何通过AI模拟的方法分析材料的微观结构?",
+    "如何分析获取液态金属热力学参数?",
+    "如何解决固态电池的成本和寿命难题？",
+    "如何解决船舶制造中的材料腐蚀难题？",
+    "如何解决船舶制造中流体模拟和建模优化难题？"
+  ],
+  "agentRepository": {
+    "storageVersionIdentifier": "1"
+  },
+  "dev": true,
+  "apiBaseUrl": "http://localhost:8000"
+}

frontend/public/iodConfig.json

@@ -0,0 +1,22 @@
+{
+  "data": [
+    {
+      "name": "3D Semantic-Geometric Corrosion Mapping Implementations",
+      "data_space": "江苏省产研院",
+      "doId": "bdware.scenario/d8f3ff8c-3fb3-4573-88a6-5dd823627c37",
+      "fromRepo": "https://arxiv.org/abs/2404.13691"
+    },
+    {
+      "name": "RustSEG -- Automated segmentation of corrosion using deep learning",
+      "data_space": "江苏省产研院",
+      "doId": "bdware.scenario/67445299-110a-4a4e-9fda-42e4b5a493c2",
+      "fromRepo": "https://arxiv.org/abs/2205.05426"
+    },
+    {
+      "name": "Pixel-level Corrosion Detection on Metal Constructions by Fusion of Deep Learning Semantic and Contour Segmentation",
+      "data_space": "江苏省产研院",
+      "doId": "bdware.scenario/115d5135-85d3-4123-8b81-9eb9f07b6153",
+      "fromRepo": "https://arxiv.org/abs/2008.05204"
+    }
+  ]
+}

frontend/src/ directive/devOnly/index.ts

@@ -0,0 +1,42 @@
+import type { Directive, DirectiveBinding } from 'vue'
+import { useConfigStoreHook } from '@/stores'
+
+/**
+ * 开发模式专用指令
+ * 只在开发模式下显示元素，生产模式下会移除该元素
+ *
+ * \@param binding.value - 是否开启该功能，默认为 true
+ * @example
+ * \!-- 默认开启，开发模式显示 --
+ * \!div v-dev-only开发模式内容</div>
+ *
+ * \!-- 传入参数控制 --
+ * <div v-dev-only="true">开启指令</div>
+ * <div v-dev-only="false">取消指令</div>
+ */
+export const devOnly: Directive = {
+  mounted(el: HTMLElement, binding: DirectiveBinding) {
+    checkAndRemoveElement(el, binding)
+  },
+
+  updated(el: HTMLElement, binding: DirectiveBinding) {
+    checkAndRemoveElement(el, binding)
+  },
+}
+
+const configStore = useConfigStoreHook()
+
+/**
+ * 检查并移除元素的逻辑
+ */
+function checkAndRemoveElement(el: HTMLElement, binding: DirectiveBinding) {
+  const isDev = typeof configStore.config.dev === 'boolean' ? configStore.config.dev : import.meta.env.DEV
+  // 默认值为 true，如果没有传值或者传值为 true 都启用
+  const shouldEnable = binding.value !== false
+  // 如果不是开发模式或者明确禁用，移除该元素
+  if (!isDev && shouldEnable) {
+    if (el.parentNode) {
+      el.parentNode.removeChild(el)
+    }
+  }
+}

frontend/src/ directive/index.ts

@@ -0,0 +1,9 @@
+import type { App } from 'vue'
+
+import { devOnly } from './devOnly'
+
+
+// 全局注册 directive
+export function setupDirective(app: App<Element>) {
+  app.directive('dev-only', devOnly)
+}

frontend/src/App.vue

@@ -0,0 +1,97 @@
+<script setup lang="ts">
+import Layout from './layout/index.vue'
+</script>
+
+<template>
+  <Layout />
+</template>
+
+<style lang="scss">
+#app {
+  background-color: var(--color-bg);
+  color: var(--color-text);
+}
+
+.jtk-endpoint {
+  z-index: 100;
+}
+
+.card-item + .card-item {
+  margin-top: 35px;
+}
+
+.el-card {
+  border-radius: 8px;
+  background: var(--color-bg-tertiary);
+  border: 2px solid var(--color-card-border);
+  box-shadow: var(--color-card-border-hover);
+
+  &:hover {
+    background: var(--color-bg-content-hover);
+    box-shadow: none;
+    transition: background-color 0.3s ease-in-out;
+  }
+
+  .el-card__body {
+    padding: 10px;
+  }
+}
+
+:root {
+  --gradient: linear-gradient(to right, #0093eb, #00d2d1);
+}
+
+#task-template {
+  .active-card {
+    border: 2px solid transparent;
+    $bg: var(--el-input-bg-color, var(--el-fill-color-blank));
+    background: linear-gradient(
+          var(--color-agent-list-selected-bg),
+          var(--color-agent-list-selected-bg)
+        )
+        padding-box,
+      linear-gradient(to right, #00c8d2, #315ab4) border-box;
+    color: var(--color-text);
+  }
+}
+
+/* 1. 定义流动动画：让虚线沿路径移动 */
+@keyframes flowAnimation {
+  to {
+    stroke-dashoffset: 8; /* 与stroke-dasharray总和一致 */
+  }
+}
+
+@keyframes flowAnimationReverse {
+  to {
+    stroke-dashoffset: -8; /* 与stroke-dasharray总和一致 */
+  }
+}
+
+/* 2. 为jsPlumb连线绑定动画：作用于SVG的path元素 */
+/* jtk-connector是jsPlumb连线的默认SVG类，path是实际的线条元素 */
+.jtk-connector-output path {
+  /* 定义虚线规则：线段长度5px + 间隙3px（总长度8px，与动画偏移量匹配） */
+  stroke-dasharray: 5 3;
+  /* 应用动画：名称+时长+线性速度+无限循环 */
+  animation: flowAnimationReverse 0.5s linear infinite;
+  /* 可选：设置线条基础样式（颜色、宽度） */
+  stroke-width: 2;
+}
+
+/* 2. 为jsPlumb连线绑定动画：作用于SVG的path元素 */
+/* jtk-connector是jsPlumb连线的默认SVG类，path是实际的线条元素 */
+.jtk-connector-input path {
+  /* 定义虚线规则：线段长度5px + 间隙3px（总长度8px，与动画偏移量匹配） */
+  stroke-dasharray: 5 3;
+  /* 应用动画：名称+时长+线性速度+无限循环 */
+  animation: flowAnimationReverse 0.5s linear infinite;
+  /* 可选：设置线条基础样式（颜色、宽度） */
+  stroke-width: 2;
+}
+
+/* 可选： hover时增强动画效果（如加速、变色） */
+.jtk-connector path:hover {
+  animation-duration: 0.5s; /*  hover时流动加速 */
+}
+</style>

frontend/src/__tests__/App.spec.ts

@@ -0,0 +1,11 @@
+import { describe, it, expect } from 'vitest'
+
+import { mount } from '@vue/test-utils'
+import App from '../App.vue'
+
+describe('App', () => {
+  it('mounts renders properly', () => {
+    const wrapper = mount(App)
+    expect(wrapper.text()).toContain('You did it!')
+  })
+})

frontend/src/api/index.ts

@@ -0,0 +1,906 @@
+import request from '@/utils/request'
+import websocket from '@/utils/websocket'
+import type { Agent, IApiStepTask, IRawPlanResponse, IRawStepTask } from '@/stores'
+import {
+  mockBackendAgentSelectModifyInit,
+  mockBackendAgentSelectModifyAddAspect,
+  type BackendAgentScoreResponse,
+} from '@/layout/components/Main/TaskTemplate/TaskSyllabus/components/mock/AgentAssignmentBackendMock'
+import {
+  mockBackendFillAgentTaskProcess,
+  type RawAgentTaskProcessResponse,
+} from '@/layout/components/Main/TaskTemplate/TaskProcess/components/mock/AgentTaskProcessBackendMock'
+import { mockBranchPlanOutlineAPI } from '@/layout/components/Main/TaskTemplate/TaskSyllabus/Branch/mock/branchPlanOutlineMock'
+import { mockFillStepTaskAPI } from '@/layout/components/Main/TaskTemplate/TaskSyllabus/Branch/mock/fill-step-task-mock'
+import {
+  mockBranchTaskProcessAPI,
+  type BranchAction,
+} from '@/layout/components/Main/TaskTemplate/TaskSyllabus/Branch/mock/branchTaskProcessMock'
+
+export interface ActionHistory {
+  ID: string
+  ActionType: string
+  AgentName: string
+  Description: string
+  ImportantInput: string[]
+  Action_Result: string
+}
+
+export type IExecuteRawResponse = {
+  LogNodeType: string
+  NodeId: string
+  InputName_List?: string[] | null
+  OutputName?: string
+  content?: string
+  ActionHistory: ActionHistory[]
+}
+
+/**
+ * SSE 流式事件类型
+ */
+export type StreamingEvent =
+  | {
+      type: 'step_start'
+      step_index: number
+      total_steps: number
+      step_name: string
+      task_description?: string
+    }
+  | {
+      type: 'action_complete'
+      step_index: number
+      step_name: string
+      action_index: number
+      total_actions: number
+      completed_actions: number
+      action_result: ActionHistory
+      batch_info?: {
+        batch_index: number
+        batch_size: number
+        is_parallel: boolean
+      }
+    }
+  | {
+      type: 'step_complete'
+      step_index: number
+      step_name: string
+      step_log_node: any
+      object_log_node: any
+    }
+  | {
+      type: 'execution_complete'
+      total_steps: number
+    }
+  | {
+      type: 'error'
+      message: string
+    }
+
+export interface IFillAgentSelectionRequest {
+  goal: string
+  stepTask: IApiStepTask
+  agents: string[]
+}
+
+class Api {
+  // 默认使用WebSocket
+  private useWebSocketDefault = true
+
+  setAgents = (data: Pick<Agent, 'Name' | 'Profile' | 'apiUrl' | 'apiKey' | 'apiModel'>[], useWebSocket: boolean = this.useWebSocketDefault) => {
+    // 如果启用WebSocket且已连接，使用WebSocket
+    if (useWebSocket && websocket.connected) {
+      return websocket.send('set_agents', data)
+    }
+
+    // 否则使用REST API
+    return request({
+      url: '/setAgents',
+      data,
+      method: 'POST',
+    })
+  }
+
+  generateBasePlan = (data: {
+    goal: string
+    inputs: string[]
+    apiUrl?: string
+    apiKey?: string
+    apiModel?: string
+    useWebSocket?: boolean
+    onProgress?: (progress: { status: string; stage?: string; message?: string; [key: string]: any }) => void
+  }) => {
+    const useWs = data.useWebSocket !== undefined ? data.useWebSocket : this.useWebSocketDefault
+
+    // 如果启用WebSocket且已连接，使用WebSocket
+    if (useWs && websocket.connected) {
+      return websocket.send('generate_base_plan', {
+        'General Goal': data.goal,
+        'Initial Input Object': data.inputs,
+        apiUrl: data.apiUrl,
+        apiKey: data.apiKey,
+        apiModel: data.apiModel,
+      }, undefined, data.onProgress)
+    }
+
+    // 否则使用REST API
+    return request<unknown, IRawPlanResponse>({
+      url: '/generate_basePlan',
+      method: 'POST',
+      data: {
+        'General Goal': data.goal,
+        'Initial Input Object': data.inputs,
+        apiUrl: data.apiUrl,
+        apiKey: data.apiKey,
+        apiModel: data.apiModel,
+      },
+    })
+  }
+
+  executePlan = (plan: IRawPlanResponse) => {
+    return request<unknown, IExecuteRawResponse[]>({
+      url: '/executePlan',
+      method: 'POST',
+      data: {
+        RehearsalLog: [],
+        num_StepToRun: null,
+        plan: {
+          'Initial Input Object': plan['Initial Input Object'],
+          'General Goal': plan['General Goal'],
+          'Collaboration Process': plan['Collaboration Process']?.map((step) => ({
+            StepName: step.StepName,
+            TaskContent: step.TaskContent,
+            InputObject_List: step.InputObject_List,
+            OutputObject: step.OutputObject,
+            AgentSelection: step.AgentSelection,
+            Collaboration_Brief_frontEnd: step.Collaboration_Brief_frontEnd,
+            TaskProcess: step.TaskProcess.map((action) => ({
+              ActionType: action.ActionType,
+              AgentName: action.AgentName,
+              Description: action.Description,
+              ID: action.ID,
+              ImportantInput: action.ImportantInput,
+            })),
+          })),
+        },
+      },
+    })
+  }
+
+  /**
+   * 优化版流式执行计划（支持动态追加步骤）
+   * 步骤级流式 + 动作级智能并行 + 动态追加步骤
+   */
+  executePlanOptimized = (
+    plan: IRawPlanResponse,
+    onMessage: (event: StreamingEvent) => void,
+    onError?: (error: Error) => void,
+    onComplete?: () => void,
+    useWebSocket?: boolean,
+    existingKeyObjects?: Record<string, any>,
+    enableDynamic?: boolean,
+    onExecutionStarted?: (executionId: string) => void,
+    executionId?: string,
+    restartFromStepIndex?: number,  // 新增：从指定步骤重新执行的索引
+    rehearsalLog?: any[],  // 新增：传递截断后的 RehearsalLog
+  ) => {
+    const useWs = useWebSocket !== undefined ? useWebSocket : this.useWebSocketDefault
+
+    const data = {
+      RehearsalLog: rehearsalLog || [],  // ✅ 使用传递的 RehearsalLog
+      num_StepToRun: null,
+      existingKeyObjects: existingKeyObjects || {},
+      enable_dynamic: enableDynamic || false,
+      execution_id: executionId || null,
+      restart_from_step_index: restartFromStepIndex ?? null,  // 新增：传递重新执行索引
+      plan: {
+        'Initial Input Object': plan['Initial Input Object'],
+        'General Goal': plan['General Goal'],
+        'Collaboration Process': plan['Collaboration Process']?.map((step) => ({
+          StepName: step.StepName,
+          TaskContent: step.TaskContent,
+          InputObject_List: step.InputObject_List,
+          OutputObject: step.OutputObject,
+          AgentSelection: step.AgentSelection,
+          Collaboration_Brief_frontEnd: step.Collaboration_Brief_frontEnd,
+          TaskProcess: step.TaskProcess.map((action) => ({
+            ActionType: action.ActionType,
+            AgentName: action.AgentName,
+            Description: action.Description,
+            ID: action.ID,
+            ImportantInput: action.ImportantInput,
+          })),
+        })),
+      },
+    }
+
+    // 如果启用WebSocket且已连接，使用WebSocket
+    if (useWs && websocket.connected) {
+      websocket.subscribe(
+        'execute_plan_optimized',
+        data,
+        // onProgress
+        (progressData) => {
+          try {
+            let event: StreamingEvent
+
+            // 处理不同类型的progress数据
+            if (typeof progressData === 'string') {
+              event = JSON.parse(progressData)
+            } else {
+              event = progressData as StreamingEvent
+            }
+
+            // 处理特殊事件类型
+            if (event && typeof event === 'object') {
+              // 检查是否是execution_started事件
+              if ('status' in event && event.status === 'execution_started') {
+                if ('execution_id' in event && onExecutionStarted) {
+                  onExecutionStarted(event.execution_id as string)
+                }
+                return
+              }
+            }
+
+            onMessage(event)
+          } catch (e) {
+            // Failed to parse WebSocket data
+          }
+        },
+        // onComplete
+        () => {
+          onComplete?.()
+        },
+        // onError
+        (error) => {
+          onError?.(error)
+        }
+      )
+      return
+    }
+
+    // 否则使用原有的SSE方式
+
+    fetch('/api/executePlanOptimized', {
+      method: 'POST',
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify(data),
+    })
+      .then(async (response) => {
+        if (!response.ok) {
+          throw new Error(`HTTP error! status: ${response.status}`)
+        }
+
+        const reader = response.body?.getReader()
+        const decoder = new TextDecoder()
+
+        if (!reader) {
+          throw new Error('Response body is null')
+        }
+
+        let buffer = ''
+
+        while (true) {
+          const { done, value } = await reader.read()
+
+          if (done) {
+            onComplete?.()
+            break
+          }
+
+          buffer += decoder.decode(value, { stream: true })
+
+          const lines = buffer.split('\n')
+          buffer = lines.pop() || ''
+
+          for (const line of lines) {
+            if (line.startsWith('data: ')) {
+              const data = line.slice(6)
+              try {
+                const event = JSON.parse(data)
+                onMessage(event)
+              } catch (e) {
+                // Failed to parse SSE data
+              }
+            }
+          }
+        }
+      })
+      .catch((error) => {
+        onError?.(error)
+      })
+  }
+
+  /**
+   * 分支任务大纲
+   */
+  branchPlanOutline = (data: {
+    branch_Number: number
+    Modification_Requirement: string
+    Existing_Steps: IRawStepTask[]
+    Baseline_Completion: number
+    initialInputs: string[]
+    goal: string
+    useWebSocket?: boolean
+    onProgress?: (progress: { status: string; stage?: string; message?: string; [key: string]: any }) => void
+  }) => {
+    const useWs = data.useWebSocket !== undefined ? data.useWebSocket : this.useWebSocketDefault
+
+    // 如果启用WebSocket且已连接，使用WebSocket
+    if (useWs && websocket.connected) {
+      return websocket.send('branch_plan_outline', {
+        branch_Number: data.branch_Number,
+        Modification_Requirement: data.Modification_Requirement,
+        Existing_Steps: data.Existing_Steps,
+        Baseline_Completion: data.Baseline_Completion,
+        'Initial Input Object': data.initialInputs,
+        'General Goal': data.goal,
+      }, undefined, data.onProgress)
+    }
+
+    // 否则使用REST API
+    return request<unknown, IRawPlanResponse>({
+      url: '/branch_PlanOutline',
+      method: 'POST',
+      data: {
+        branch_Number: data.branch_Number,
+        Modification_Requirement: data.Modification_Requirement,
+        Existing_Steps: data.Existing_Steps,
+        Baseline_Completion: data.Baseline_Completion,
+        'Initial Input Object': data.initialInputs,
+        'General Goal': data.goal,
+      },
+    })
+  }
+
+  /**
+   * 分支任务流程
+   */
+  branchTaskProcess = (data: {
+    branch_Number: number
+    Modification_Requirement: string
+    Existing_Steps: BranchAction[]
+    Baseline_Completion: number
+    stepTaskExisting: any
+    goal: string
+    useWebSocket?: boolean
+    onProgress?: (progress: { status: string; stage?: string; message?: string; [key: string]: any }) => void
+  }) => {
+    const useWs = data.useWebSocket !== undefined ? data.useWebSocket : this.useWebSocketDefault
+
+    // 如果启用WebSocket且已连接，使用WebSocket
+    if (useWs && websocket.connected) {
+      return websocket.send('branch_task_process', {
+        branch_Number: data.branch_Number,
+        Modification_Requirement: data.Modification_Requirement,
+        Existing_Steps: data.Existing_Steps,
+        Baseline_Completion: data.Baseline_Completion,
+        stepTaskExisting: data.stepTaskExisting,
+        'General Goal': data.goal,
+      }, undefined, data.onProgress)
+    }
+
+    // 否则使用REST API
+    return request<unknown, BranchAction[][]>({
+      url: '/branch_TaskProcess',
+      method: 'POST',
+      data: {
+        branch_Number: data.branch_Number,
+        Modification_Requirement: data.Modification_Requirement,
+        Existing_Steps: data.Existing_Steps,
+        Baseline_Completion: data.Baseline_Completion,
+        stepTaskExisting: data.stepTaskExisting,
+        'General Goal': data.goal,
+      },
+    })
+  }
+
+  fillStepTask = async (data: {
+    goal: string
+    stepTask: any
+    useWebSocket?: boolean
+    onProgress?: (progress: { status: string; stage?: string; message?: string; [key: string]: any }) => void
+  }): Promise<IRawStepTask> => {
+    const useWs = data.useWebSocket !== undefined ? data.useWebSocket : this.useWebSocketDefault
+    let response: any
+
+    // 如果启用WebSocket且已连接，使用WebSocket
+    if (useWs && websocket.connected) {
+      response = await websocket.send('fill_step_task', {
+        'General Goal': data.goal,
+        stepTask: data.stepTask,
+      }, undefined, data.onProgress)
+    } else {
+      // 否则使用REST API
+      response = await request<
+        {
+          'General Goal': string
+          stepTask: any
+        },
+        {
+          AgentSelection?: string[]
+          Collaboration_Brief_FrontEnd?: {
+            template: string
+            data: Record<string, { text: string; color: number[] }>
+          }
+          InputObject_List?: string[]
+          OutputObject?: string
+          StepName?: string
+          TaskContent?: string
+          TaskProcess?: Array<{
+            ID: string
+            ActionType: string
+            AgentName: string
+            Description: string
+            ImportantInput: string[]
+          }>
+        }
+      >({
+        url: '/fill_stepTask',
+        method: 'POST',
+        data: {
+          'General Goal': data.goal,
+          stepTask: data.stepTask,
+        },
+      })
+    }
+
+    const vec2Hsl = (color: number[]): string => {
+      const [h, s, l] = color
+      return `hsl(${h}, ${s}%, ${l}%)`
+    }
+
+    const briefData: Record<string, { text: string; style?: Record<string, string> }> = {}
+    if (response.Collaboration_Brief_FrontEnd?.data) {
+      for (const [key, value] of Object.entries(response.Collaboration_Brief_FrontEnd.data)) {
+        briefData[key] = {
+          text: value.text,
+          style: {
+            background: vec2Hsl(value.color),
+          },
+        }
+      }
+    }
+
+    /**
+     * 构建前端格式的 IRawStepTask
+     */
+    return {
+      StepName: response.StepName || '',
+      TaskContent: response.TaskContent || '',
+      InputObject_List: response.InputObject_List || [],
+      OutputObject: response.OutputObject || '',
+      AgentSelection: response.AgentSelection || [],
+      Collaboration_Brief_frontEnd: {
+        template: response.Collaboration_Brief_FrontEnd?.template || '',
+        data: briefData,
+      },
+      TaskProcess: response.TaskProcess || [],
+    }
+  }
+
+  fillStepTaskTaskProcess = async (data: {
+    goal: string
+    stepTask: IApiStepTask
+    agents: string[]
+    useWebSocket?: boolean
+    onProgress?: (progress: { status: string; stage?: string; message?: string; [key: string]: any }) => void
+  }): Promise<IApiStepTask> => {
+    const useWs = data.useWebSocket !== undefined ? data.useWebSocket : this.useWebSocketDefault
+    let response: any
+
+    // 如果启用WebSocket且已连接，使用WebSocket
+    if (useWs && websocket.connected) {
+      response = await websocket.send('fill_step_task_process', {
+        'General Goal': data.goal,
+        stepTask_lackTaskProcess: {
+          StepName: data.stepTask.name,
+          TaskContent: data.stepTask.content,
+          InputObject_List: data.stepTask.inputs,
+          OutputObject: data.stepTask.output,
+          AgentSelection: data.agents,
+        },
+      }, undefined, data.onProgress)
+    } else {
+      // 否则使用REST API
+      response = await request<
+        {
+          'General Goal': string
+          stepTask_lackTaskProcess: {
+            StepName: string
+            TaskContent: string
+            InputObject_List: string[]
+            OutputObject: string
+            AgentSelection: string[]
+          }
+        },
+        {
+          StepName?: string
+          TaskContent?: string
+          InputObject_List?: string[]
+          OutputObject?: string
+          AgentSelection?: string[]
+          TaskProcess?: Array<{
+            ID: string
+            ActionType: string
+            AgentName: string
+            Description: string
+            ImportantInput: string[]
+          }>
+          Collaboration_Brief_FrontEnd?: {
+            template: string
+            data: Record<string, { text: string; color: number[] }>
+          }
+        }
+      >({
+        url: '/fill_stepTask_TaskProcess',
+        method: 'POST',
+        data: {
+          'General Goal': data.goal,
+          stepTask_lackTaskProcess: {
+            StepName: data.stepTask.name,
+            TaskContent: data.stepTask.content,
+            InputObject_List: data.stepTask.inputs,
+            OutputObject: data.stepTask.output,
+            AgentSelection: data.agents,
+          },
+        },
+      })
+    }
+
+    const vec2Hsl = (color: number[]): string => {
+      const [h, s, l] = color
+      return `hsl(${h}, ${s}%, ${l}%)`
+    }
+
+    const briefData: Record<string, { text: string; style: { background: string } }> = {}
+    if (response.Collaboration_Brief_FrontEnd?.data) {
+      for (const [key, value] of Object.entries(response.Collaboration_Brief_FrontEnd.data)) {
+        briefData[key] = {
+          text: value.text,
+          style: {
+            background: vec2Hsl(value.color),
+          },
+        }
+      }
+    }
+
+    const process = (response.TaskProcess || []).map((action: any) => ({
+      id: action.ID,
+      type: action.ActionType,
+      agent: action.AgentName,
+      description: action.Description,
+      inputs: action.ImportantInput,
+    }))
+
+    return {
+      name: response.StepName || '',
+      content: response.TaskContent || '',
+      inputs: response.InputObject_List || [],
+      output: response.OutputObject || '',
+      agents: response.AgentSelection || [],
+      brief: {
+        template: response.Collaboration_Brief_FrontEnd?.template || '',
+        data: briefData,
+      },
+      process,
+    }
+  }
+
+  /**
+   * 为每个智能体评分
+   */
+  agentSelectModifyInit = async (data: {
+    goal: string
+    stepTask: any
+    useWebSocket?: boolean
+    onProgress?: (progress: { status: string; stage?: string; message?: string; [key: string]: any }) => void
+  }): Promise<Record<string, Record<string, { reason: string; score: number }>>> => {
+    const useWs = data.useWebSocket !== undefined ? data.useWebSocket : this.useWebSocketDefault
+    let response: Record<string, Record<string, { Reason: string; Score: number }>>
+
+    // 如果启用WebSocket且已连接，使用WebSocket
+    if (useWs && websocket.connected) {
+      response = await websocket.send('agent_select_modify_init', {
+        'General Goal': data.goal,
+        stepTask: {
+          StepName: data.stepTask.StepName || data.stepTask.name,
+          TaskContent: data.stepTask.TaskContent || data.stepTask.content,
+          InputObject_List: data.stepTask.InputObject_List || data.stepTask.inputs,
+          OutputObject: data.stepTask.OutputObject || data.stepTask.output,
+        },
+      }, undefined, data.onProgress)
+    } else {
+      // 否则使用REST API
+      response = await request<
+        {
+          'General Goal': string
+          stepTask: any
+        },
+        Record<string, Record<string, { Reason: string; Score: number }>>
+      >({
+        url: '/agentSelectModify_init',
+        method: 'POST',
+        data: {
+          'General Goal': data.goal,
+          stepTask: {
+            StepName: data.stepTask.StepName || data.stepTask.name,
+            TaskContent: data.stepTask.TaskContent || data.stepTask.content,
+            InputObject_List: data.stepTask.InputObject_List || data.stepTask.inputs,
+            OutputObject: data.stepTask.OutputObject || data.stepTask.output,
+          },
+        },
+      })
+    }
+
+    const transformedData: Record<string, Record<string, { reason: string; score: number }>> = {}
+
+    for (const [aspect, agents] of Object.entries(response)) {
+      for (const [agentName, scoreInfo] of Object.entries(agents)) {
+        if (!transformedData[agentName]) {
+          transformedData[agentName] = {}
+        }
+        transformedData[agentName][aspect] = {
+          reason: scoreInfo.Reason,
+          score: scoreInfo.Score,
+        }
+      }
+    }
+
+    return transformedData
+  }
+
+  /**
+   * 添加新的评估维度
+   */
+  agentSelectModifyAddAspect = async (data: {
+    aspectList: string[]
+    useWebSocket?: boolean
+    onProgress?: (progress: { status: string; stage?: string; message?: string; [key: string]: any }) => void
+  }): Promise<{
+    aspectName: string
+    agentScores: Record<string, { score: number; reason: string }>
+  }> => {
+    const useWs = data.useWebSocket !== undefined ? data.useWebSocket : this.useWebSocketDefault
+    let response: Record<string, Record<string, { Reason: string; Score: number }>>
+
+    // 如果启用WebSocket且已连接，使用WebSocket
+    if (useWs && websocket.connected) {
+      response = await websocket.send('agent_select_modify_add_aspect', {
+        aspectList: data.aspectList,
+      }, undefined, data.onProgress)
+    } else {
+      // 否则使用REST API
+      response = await request<
+        {
+          aspectList: string[]
+        },
+        Record<string, Record<string, { Reason: string; Score: number }>>
+      >({
+        url: '/agentSelectModify_addAspect',
+        method: 'POST',
+        data: {
+          aspectList: data.aspectList,
+        },
+      })
+    }
+
+    /**
+     * 获取新添加的维度
+     */
+    const newAspect = data.aspectList[data.aspectList.length - 1]
+    if (!newAspect) {
+      throw new Error('aspectList is empty')
+    }
+
+    const newAspectAgents = response[newAspect]
+    const agentScores: Record<string, { score: number; reason: string }> = {}
+
+    if (newAspectAgents) {
+      for (const [agentName, scoreInfo] of Object.entries(newAspectAgents)) {
+        agentScores[agentName] = {
+          score: scoreInfo.Score,
+          reason: scoreInfo.Reason,
+        }
+      }
+    }
+
+    return {
+      aspectName: newAspect,
+      agentScores,
+    }
+  }
+  /**
+   * ==================== Mock API（开发阶段使用）====================
+   *为每个智能体评分
+   */
+  mockAgentSelectModifyInit = async (): Promise<
+    Record<string, Record<string, { reason: string; score: number }>>
+  > => {
+    const response: BackendAgentScoreResponse = await mockBackendAgentSelectModifyInit()
+
+    const transformedData: Record<string, Record<string, { reason: string; score: number }>> = {}
+
+    for (const [aspect, agents] of Object.entries(response)) {
+      for (const [agentName, scoreInfo] of Object.entries(agents)) {
+        if (!transformedData[agentName]) {
+          transformedData[agentName] = {}
+        }
+        transformedData[agentName][aspect] = {
+          reason: scoreInfo.Reason,
+          score: scoreInfo.Score,
+        }
+      }
+    }
+
+    return transformedData
+  }
+
+  mockAgentSelectModifyAddAspect = async (data: {
+    aspectList: string[]
+  }): Promise<{
+    aspectName: string
+    agentScores: Record<string, { score: number; reason: string }>
+  }> => {
+    const response: BackendAgentScoreResponse = await mockBackendAgentSelectModifyAddAspect(
+      data.aspectList,
+    )
+
+    const newAspect = data.aspectList[data.aspectList.length - 1]
+    if (!newAspect) {
+      throw new Error('aspectList is empty')
+    }
+
+    const newAspectAgents = response[newAspect]
+    const agentScores: Record<string, { score: number; reason: string }> = {}
+
+    if (newAspectAgents) {
+      for (const [agentName, scoreInfo] of Object.entries(newAspectAgents)) {
+        agentScores[agentName] = {
+          score: scoreInfo.Score,
+          reason: scoreInfo.Reason,
+        }
+      }
+    }
+
+    return {
+      aspectName: newAspect,
+      agentScores,
+    }
+  }
+
+  mockFillStepTaskTaskProcess = async (data: {
+    goal: string
+    stepTask: IApiStepTask
+    agents: string[]
+  }): Promise<IApiStepTask> => {
+    const response: RawAgentTaskProcessResponse = await mockBackendFillAgentTaskProcess(
+      data.goal,
+      data.stepTask,
+      data.agents,
+    )
+
+    const vec2Hsl = (color: number[]): string => {
+      const [h, s, l] = color
+      return `hsl(${h}, ${s}%, ${l}%)`
+    }
+
+    const briefData: Record<string, { text: string; style: { background: string } }> = {}
+    if (response.Collaboration_Brief_frontEnd?.data) {
+      for (const [key, value] of Object.entries(response.Collaboration_Brief_frontEnd.data)) {
+        briefData[key] = {
+          text: value.text,
+          style: {
+            background: vec2Hsl(value.color),
+          },
+        }
+      }
+    }
+
+    const process = (response.TaskProcess || []).map((action) => ({
+      id: action.ID,
+      type: action.ActionType,
+      agent: action.AgentName,
+      description: action.Description,
+      inputs: action.ImportantInput,
+    }))
+
+    return {
+      name: response.StepName || '',
+      content: response.TaskContent || '',
+      inputs: response.InputObject_List || [],
+      output: response.OutputObject || '',
+      agents: response.AgentSelection || [],
+      brief: {
+        template: response.Collaboration_Brief_frontEnd?.template || '',
+        data: briefData,
+      },
+      process,
+    }
+  }
+
+  mockBranchPlanOutline = async (data: {
+    branch_Number: number
+    Modification_Requirement: string
+    Existing_Steps: IRawStepTask[]
+    Baseline_Completion: number
+    initialInputs: string[]
+    goal: string
+  }): Promise<IRawPlanResponse> => {
+    const response = await mockBranchPlanOutlineAPI({
+      branch_Number: data.branch_Number,
+      Modification_Requirement: data.Modification_Requirement,
+      Existing_Steps: data.Existing_Steps,
+      Baseline_Completion: data.Baseline_Completion,
+      InitialObject_List: data.initialInputs,
+      General_Goal: data.goal,
+    })
+
+    return response
+  }
+
+  mockFillStepTask = async (data: { goal: string; stepTask: any }): Promise<any> => {
+    const response = await mockFillStepTaskAPI({
+      General_Goal: data.goal,
+      stepTask: data.stepTask,
+    })
+
+    return response
+  }
+
+  mockBranchTaskProcess = async (data: {
+    branch_Number: number
+    Modification_Requirement: string
+    Existing_Steps: BranchAction[]
+    Baseline_Completion: number
+    stepTaskExisting: any
+    goal: string
+  }): Promise<BranchAction[][]> => {
+    const response = await mockBranchTaskProcessAPI({
+      branch_Number: data.branch_Number,
+      Modification_Requirement: data.Modification_Requirement,
+      Existing_Steps: data.Existing_Steps,
+      Baseline_Completion: data.Baseline_Completion,
+      stepTaskExisting: data.stepTaskExisting,
+      General_Goal: data.goal,
+    })
+
+    return response
+  }
+
+  /**
+   * 向正在执行的任务追加新步骤
+   * @param executionId 执行ID
+   * @param newSteps 新步骤列表
+   * @returns 追加的步骤数量
+   */
+  addStepsToExecution = async (executionId: string, newSteps: IRawStepTask[]): Promise<number> => {
+    if (!websocket.connected) {
+      throw new Error('WebSocket未连接')
+    }
+
+    const response = await websocket.send('add_steps_to_execution', {
+      execution_id: executionId,
+      new_steps: newSteps.map(step => ({
+        StepName: step.StepName,
+        TaskContent: step.TaskContent,
+        InputObject_List: step.InputObject_List,
+        OutputObject: step.OutputObject,
+        AgentSelection: step.AgentSelection,
+        Collaboration_Brief_frontEnd: step.Collaboration_Brief_frontEnd,
+        TaskProcess: step.TaskProcess.map(action => ({
+          ActionType: action.ActionType,
+          AgentName: action.AgentName,
+          Description: action.Description,
+          ID: action.ID,
+          ImportantInput: action.ImportantInput,
+        })),
+      })),
+    }) as { added_count: number }
+
+    return response?.added_count || 0
+  }
+}
+
+export default new Api()

frontend/src/assets/icons/Cancel.svg

@@ -0,0 +1,20 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN"
+ "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+ <svg t="1766247549273" class="icon"
+  viewBox="0 0 1024 1024" version="1.1" 
+  xmlns="http://www.w3.org/2000/svg" 
+  p-id="10050" xmlns:xlink="http://www.w3.org/1999/xlink"
+   width="16" height="16">
+   <path d="M512 1024C229.248 1024 
+   0 794.752 0 512S229.248 0 512 0s512
+    229.248 512 512-229.248 512-512 512z 
+    m0-938.666667C276.352 85.333333 85.333333 
+    276.352 85.333333 512s191.018667 426.666667
+     426.666667 426.666667 426.666667-191.018667
+      426.666667-426.666667S747.648 85.333333 512
+       85.333333z m198.698667 625.365334a42.666667
+        42.666667 0 0 1-60.330667 
+        0L512 572.330667l-138.368 138.368a42.666667 42.666667 0 0 1-60.330667-60.330667L451.669333 512 313.301333 373.632a42.666667 42.666667 0 0 1 60.330667-60.330667L512 451.669333l138.368-138.368a42.624 42.624 0 1 1 60.330667 60.330667L572.330667 512l138.368 138.368a42.666667 42.666667 0 0 1 0 60.330667z" 
+        fill="#8e0707" p-id="10051">
+</path></svg>

frontend/src/assets/icons/Check.svg

@@ -0,0 +1,7 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg t="1766247454540" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9049" 
+xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16">
+<path d="M512 1024C230.4 1024 0 793.6 0 512S230.4 0 512 0s512 230.4 512 512-230.4 512-512 512z m0-938.666667C277.333333 85.333333 85.333333 277.333333 85.333333 512s192 426.666667 426.666667 426.666667 426.666667-192 426.666667-426.666667S746.666667 85.333333 512 85.333333z" p-id="9050">
+</path>
+<path d="M708.266667 375.466667c-17.066667-17.066667-44.8-17.066667-59.733334 0l-181.333333 181.333333-91.733333-91.733333c-14.933333-14.933333-40.533333-14.933333-55.466667 0l-6.4 4.266666c-14.933333 14.933333-14.933333 40.533333 0 55.466667l125.866667 125.866667c14.933333 14.933333 40.533333 14.933333 55.466666 0l4.266667-4.266667 209.066667-209.066667c17.066667-17.066667 17.066667-44.8 0-61.866666z" p-id="9051">
+</path></svg>

frontend/src/assets/icons/Edit.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1766136633767" class="icon" viewBox="0 0 1028 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7819" width="32.125" height="32" xmlns:xlink="http://www.w3.org/1999/xlink"><path d="M1018.319924 112.117535q4.093748 9.210934 6.652341 21.492179t2.558593 25.585928-5.117186 26.609365-16.374994 25.585928q-12.281245 12.281245-22.003898 21.492179t-16.886712 16.374994q-8.187497 8.187497-15.351557 14.32812l-191.382739-191.382739q12.281245-11.257808 29.167958-27.121083t28.144521-25.074209q14.32812-11.257808 29.679676-15.863275t30.191395-4.093748 28.656239 4.605467 24.050772 9.210934q21.492179 11.257808 47.589826 39.402329t40.425766 58.847634zM221.062416 611.554845q6.140623-6.140623 28.656239-29.167958t56.289041-56.80076l74.710909-74.710909 82.898406-82.898406 220.038979-220.038979 191.382739 192.406177-220.038979 220.038979-81.874969 82.898406q-40.937484 39.914047-73.687472 73.175753t-54.242167 54.753885-25.585928 24.562491q-10.234371 9.210934-23.539054 19.445305t-27.632802 16.374994q-14.32812 7.16406-41.960921 17.398431t-57.824197 19.957024-57.312478 16.886712-40.425766 9.210934q-27.632802 3.070311-36.843736-8.187497t-5.117186-37.867173q2.046874-14.32812 9.722653-41.449203t16.374994-56.289041 16.886712-53.730448 13.304682-33.773425q6.140623-14.32812 13.816401-26.097646t22.003898-26.097646z" p-id="7820" fill="#000000"></path></svg>

frontend/src/assets/icons/Pause.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1769048650684" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6190" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48"><path d="M874.058005 149.941995a510.06838 510.06838 0 1 0 109.740156 162.738976 511.396369 511.396369 0 0 0-109.740156-162.738976z m66.278708 362.178731A428.336713 428.336713 0 1 1 512 83.663287a428.698892 428.698892 0 0 1 428.336713 428.336713z" fill="#36404f" p-id="6191"></path><path d="M417.954256 281.533601a41.046923 41.046923 0 0 0-41.77128 40.201839v385.116718a41.892007 41.892007 0 0 0 83.663287 0v-385.116718a41.167649 41.167649 0 0 0-41.892007-40.201839zM606.045744 281.533601a41.046923 41.046923 0 0 0-41.77128 40.201839v385.116718a41.892007 41.892007 0 0 0 83.663287 0v-385.116718a41.167649 41.167649 0 0 0-41.892007-40.201839z" fill="#36404f" p-id="6192"></path></svg>

frontend/src/assets/icons/action.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg t="1761736278335" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5885" 
+xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200">
+<path d="M226.592 896C167.616 896 128 850.48 128 782.736V241.264C128 173.52 167.616 128 226.592 128c20.176 0 41.136 5.536 62.288 16.464l542.864 280.432C887.648 453.792 896 491.872 896 512s-8.352 58.208-64.272 87.088L288.864 879.536C267.712 890.464 246.768 896 226.592 896z m0-704.304c-31.008 0-34.368 34.656-34.368 49.568v541.472c0 14.896 3.344 49.568 34.368 49.568 9.6 0 20.88-3.2 32.608-9.248l542.864-280.432c21.904-11.328 29.712-23.232 29.712-30.608s-7.808-19.28-29.712-30.592L259.2 200.96c-11.728-6.048-23.008-9.264-32.608-9.264z"  p-id="5886"></path></svg>

frontend/src/assets/icons/agent-change.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1767084779395" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="21382" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16"><path d="M304.79872 108.70784c-118.75328 2.56-194.5856 51.74784-259.92192 144.73216-69.6832 99.1232-37.41696 233.31328-37.41696 233.31328s31.7696-100.06528 88.81664-147.74784c50.53952-42.22976 99.60448-78.11072 208.52224-82.97984v54.68672l141.69088-126.94016-141.69088-129.024v53.95968zM719.19616 915.25632c118.75328-2.56512 194.5856-51.712 259.96288-144.6912 69.64224-99.1232 37.37088-233.31328 37.37088-233.31328s-31.7696 100.06528-88.81152 147.74784c-50.51904 42.20928-99.6096 78.08512-208.52736 82.95936v-54.66624l-141.66528 126.93504 141.66528 129.024v-53.99552zM794.82368 304.37376h-88.64256c-72.77056 0-131.712 58.96192-131.712 131.712v110.96064c54.29248 22.21056 113.75616 34.49856 176.06656 34.49856 62.26944 0 121.728-12.288 176.02048-34.49856V436.08064c-0.00512-72.75008-58.96192-131.70688-131.73248-131.70688zM863.34464 167.58272c0 62.336-50.49856 112.87552-112.80896 112.87552-62.37696 0-112.87552-50.53952-112.87552-112.87552s50.49856-112.83456 112.87552-112.83456c62.30528 0 112.80896 50.49856 112.80896 112.83456z" fill="#ffffff" p-id="21383"></path><path d="M333.27616 692.08576H244.6336c-72.77056 0-131.73248 58.9824-131.73248 131.73248v110.94016c54.30784 22.23104 113.75104 34.49856 176.06656 34.49856 62.28992 0 121.74848-12.26752 176.02048-34.49856v-110.94016c0-72.75008-58.96192-131.73248-131.712-131.73248zM401.80224 555.31008c0 62.31552-50.47808 112.88064-112.83456 112.88064-62.37696 0-112.88064-50.56512-112.88064-112.88064 0-62.35136 50.50368-112.85504 112.88064-112.85504 62.35648 0 112.83456 50.5088 112.83456 112.85504z" fill="#ffffff" p-id="21384"></path></svg>

frontend/src/assets/icons/branch.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1766289101374" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2562" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16"><path d="M801.796646 348.507817c-6.599924 7.099918-9.599889 16.799806-8.299904 26.399694 1.499983 10.899874 2.399972 21.799748 2.699969 32.299627 1.399984 51.499404-11.099872 96.098888-37.09957 132.698464-45.099478 63.199269-117.398641 83.499034-170.098032 98.298863-35.799586 9.999884-61.599287 12.599854-82.399047 14.599831-22.799736 2.299973-34.299603 3.399961-50.599414 12.799851-3.199963 1.899978-6.399926 3.899955-9.49989 6.09993-29.499659 21.199755-46.399463 55.699355-46.399463 91.998935v28.599669c0 10.699876 5.499936 20.599762 14.399833 26.599692 30.299649 20.399764 50.199419 55.199361 49.599426 94.598906-0.799991 60.299302-49.999421 109.598732-110.398722 110.398722C291.002557 1024.89999 240.003148 974.400574 240.003148 912.001296c0-38.89955 19.799771-73.199153 49.899422-93.198921 8.799898-5.899932 14.099837-15.899816 14.099837-26.499694V231.60917c0-10.699876-5.499936-20.599762-14.399833-26.599692-30.299649-20.399764-50.199419-55.199361-49.599426-94.598906C240.803138 50.11127 290.002569 0.911839 350.40187 0.01185 413.001146-0.88814 464.000555 49.611276 464.000555 112.010554c0 38.89955-19.799771 73.199153-49.899422 93.198921-8.799898 5.899932-14.099837 15.899816-14.099837 26.499694v346.095994c0 4.099953 4.399949 6.599924 7.999908 4.599947h0.099998c34.299603-19.699772 62.099281-22.399741 88.99897-25.099709 18.799782-1.799979 38.299557-3.799956 65.899238-11.499867 43.299499-12.09986 92.398931-25.8997 117.898635-61.599287 16.999803-23.799725 20.599762-53.399382 19.099779-79.599079-0.699992-12.599854-8.699899-23.499728-20.399763-28.099675-42.099513-16.299811-71.899168-57.299337-71.599172-105.298781 0.399995-61.699286 51.299406-111.698707 112.998692-111.198714 61.399289 0.499994 110.998715 50.499416 110.998716 111.998704 0 29.599657-11.499867 56.499346-30.199651 76.499115z" p-id="2563" fill="#ffffff"></path></svg>

frontend/src/assets/icons/close.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1764755052115" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6234" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16"><path d="M886.784 746.496q29.696 30.72 43.52 56.32t-4.608 58.368q-4.096 6.144-11.264 14.848t-14.848 16.896-15.36 14.848-12.8 9.728q-25.6 15.36-60.416 8.192t-62.464-34.816l-43.008-43.008-57.344-57.344-67.584-67.584-73.728-73.728-131.072 131.072q-60.416 60.416-98.304 99.328-38.912 38.912-77.312 48.128t-68.096-17.408l-7.168-7.168-11.264-11.264-11.264-11.264q-6.144-6.144-7.168-8.192-11.264-14.336-13.312-29.184t2.56-29.184 13.824-27.648 20.48-24.576q9.216-8.192 32.768-30.72l55.296-57.344q33.792-32.768 75.264-73.728t86.528-86.016q-49.152-49.152-93.696-93.184t-79.872-78.848-57.856-56.832-27.648-27.136q-26.624-26.624-27.136-52.736t17.92-52.736q8.192-10.24 23.552-24.064t21.504-17.92q30.72-20.48 55.296-17.92t49.152 28.16l31.744 31.744q23.552 23.552 58.368 57.344t78.336 76.288 90.624 88.576q38.912-38.912 76.288-75.776t69.632-69.12 58.368-57.856 43.52-43.008q24.576-23.552 53.248-31.232t55.296 12.8q1.024 1.024 6.656 5.12t11.264 9.216 10.752 9.728 7.168 5.632q27.648 26.624 27.136 57.856t-27.136 57.856q-18.432 18.432-45.568 46.08t-60.416 60.416-70.144 69.632l-77.824 77.824q37.888 36.864 74.24 72.192t67.584 66.048 56.32 56.32 41.472 41.984z" p-id="6235"></path></svg>

frontend/src/assets/icons/doctor.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1761212882014" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3052" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M988.8 939.2c0-134.4-78.4-252.8-193.6-308.8 4.8 12.8 8 25.6 8 40v11.2c54.4 11.2 96 60.8 96 118.4v65.6c8 6.4 14.4 17.6 14.4 30.4 0 22.4-17.6 38.4-38.4 38.4-22.4 0-38.4-17.6-38.4-38.4 0-12.8 6.4-24 16-32v-67.2c0-40-32-72-72-72s-72 32-72 72v68.8c9.6 6.4 14.4 17.6 14.4 30.4 0 22.4-17.6 38.4-38.4 38.4-22.4 0-38.4-17.6-38.4-38.4 0-11.2 4.8-22.4 14.4-30.4V800c0-59.2 43.2-108.8 100.8-120-1.6-28.8-14.4-56-32-76.8-19.2-4.8-38.4-8-57.6-8-9.6 216-75.2 384-156.8 384-80 0-147.2-168-156.8-384h-1.6c-19.2 22.4-32 52.8-32 84.8v99.2c27.2 9.6 48 36.8 48 68.8 0 40-32 73.6-73.6 73.6s-73.6-32-73.6-73.6c0-33.6 22.4-60.8 52.8-70.4v-118.4c0-19.2 6.4-38.4 16-54.4C145.6 644.8 35.2 779.2 35.2 939.2V953.6C35.2 992 249.6 1024 512 1024s476.8-32 476.8-72v-3.2-9.6z m-470.4-720C400 219.2 304 256 304 300.8v4.8l44.8 212.8c0 3.2 1.6 8 1.6 11.2 19.2 75.2 86.4 129.6 166.4 129.6 84.8 0 156.8-64 169.6-145.6l44.8-208v-4.8c0-44.8-96-81.6-212.8-81.6z m-1.6-16c105.6 0 193.6 35.2 225.6 83.2h9.6V83.2v-1.6C752 36.8 646.4 0 518.4 0S284.8 36.8 284.8 81.6V288h6.4c30.4-49.6 120-84.8 225.6-84.8z m-65.6-105.6c0-8 6.4-16 16-16h33.6V46.4c0-8 6.4-16 16-16 8 0 16 6.4 16 16V80h33.6c8 0 16 6.4 16 16s-6.4 16-16 16h-33.6v33.6c0 8-6.4 16-16 16-8 0-16-6.4-16-16v-32h-33.6c-8 0-16-8-16-16z" p-id="3053"></path></svg>

frontend/src/assets/icons/engineer.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1761212791945" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2409" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M338.36032 362.9056c9.59488 59.4944 34.53952 115.1488 74.84416 161.20832l15.34976 13.43488c1.23904 2.47808 3.2768 4.15744 5.60128 6.07232 1.26976 1.04448 2.63168 2.16064 3.9936 3.52256 42.21952 38.37952 107.4688 38.37952 147.7632-1.92512 53.73952-47.9744 80.60928-113.22368 95.95904-182.31296H338.37056z m366.5408-63.32416h26.86976c7.68 0 13.43488 5.75488 9.59488 11.50976v15.36H275.02592v-15.36c0-7.68 5.75488-13.43488 13.43488-13.43488h28.78464c1.09568-7.63904 2.02752-14.97088 2.93888-22.12864 2.304-17.99168 4.4544-34.8672 8.58112-52.71552 5.75488-34.53952 21.10464-69.08928 42.21952-95.9488 21.10464-24.95488 49.88928-44.1344 82.51392-49.89952 40.30464-9.59488 82.5344-9.59488 120.90368 1.91488 47.98464 11.52 86.36416 46.05952 103.6288 92.11904 13.44512 36.46464 23.04 72.92928 24.95488 111.3088v7.68c1.91488 3.84 1.91488 5.75488 1.91488 9.59488z m-241.80736-86.36416c7.68-1.91488 13.43488-9.59488 13.43488-17.26464V132.608c0-7.68-7.68-15.36-15.34976-15.36-7.68 0-15.36 7.68-15.36 15.36v65.24928c0 7.68 7.68 15.36 15.36 15.36h1.91488z m99.79904 0c7.68-1.91488 13.43488-9.59488 13.43488-17.26464V132.608c0-7.68-7.68-15.36-15.36-15.36s-15.34976 7.68-15.34976 15.36v65.24928c0 7.68 7.68 15.36 15.36 15.36h1.91488z m351.16032 596.8384c5.8368 20.5824 11.66336 41.08288 17.3056 61.42976 4.1984 19.56864 9.41056 37.09952 14.8992 55.57248 2.048 6.88128 4.12672 13.89568 6.21568 21.1968 1.91488 3.82976 0 5.75488-3.84 5.75488H73.5232c-1.91488 0-3.84-3.84-1.91488-5.76512 3.82976-13.43488 7.68-25.9072 11.50976-38.37952 3.84-12.47232 7.68-24.94464 11.52-38.37952 12.1856-48.7424 26.27584-98.44736 40.26368-147.75296 5.8368-20.5824 11.65312-41.08288 17.3056-61.44 1.91488-7.66976 3.84-9.58464 11.50976-11.50976 18.2272-3.82976 35.98336-8.15104 53.73952-12.47232 17.75616-4.31104 35.50208-8.63232 53.73952-12.47232 3.82976-1.91488 5.75488 0 5.75488 3.84v163.1232c0 1.91488 1.91488 3.84 3.84 3.84h47.9744a4.12672 4.12672 0 0 0 3.84-3.84V612.4032c2.2528 0 3.1744-0.65536 3.95264-1.19808 0.54272-0.38912 1.00352-0.7168 1.80224-0.7168 23.02976-3.84 46.05952-17.27488 59.4944-38.37952 1.91488-3.84 5.75488-7.68 9.59488-11.52 1.91488-1.91488 5.75488-1.91488 7.68 0 15.34976 15.36 28.7744 30.69952 42.20928 46.05952 13.43488 17.27488 34.54976 26.86976 55.6544 24.94464 21.11488 1.92512 42.22976-7.68 55.6544-24.94464 13.43488-15.36 26.86976-30.70976 42.22976-46.05952 1.91488-1.91488 5.75488-1.91488 7.68 0 1.91488 3.84 5.74464 7.68 9.58464 11.52 13.43488 21.10464 34.54976 34.53952 59.4944 38.37952 1.92512 0 3.84 0 5.75488 1.91488v180.39808c0 1.91488 1.92512 3.84 3.84 3.84h47.9744a4.12672 4.12672 0 0 0 3.84-3.84v-163.1232c0-1.92512 3.84-3.84 5.76512-3.84 36.4544 9.59488 71.00416 17.27488 107.4688 24.94464a17.3056 17.3056 0 0 1 11.50976 11.52c12.1856 48.7424 26.28608 98.44736 40.26368 147.75296z" p-id="2410"></path></svg>

frontend/src/assets/icons/icons.svg

@@ -0,0 +1,14 @@
+<svg
+      className="icon"
+      viewBox="0 0 8960 1024"
+      version="1.1"
+      xmlns="http://www.w3.org/2000/svg"
+      p-id="9634"
+      width="100%"
+      height="60"
+    >
+      <path
+        d="M8960 0c-451.52 181.184-171.2 1024-992 1024H992C171.232 1024 451.392 181.184 0 0h8960z"
+        p-id="9635"
+      ></path>
+    </svg>

frontend/src/assets/icons/left.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1764757574909" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9019" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16"><path d="M248.88888875 558.88888844l401.7777778 401.77777782c28.44444469 28.44444469 74.66666625 28.44444469 99.55555594 0 28.44444469-28.44444469 28.44444469-74.66666625 1e-8-99.555555l-352.00000031-352.00000032 352.00000031-351.99999937c28.44444469-28.44444469 28.44444469-71.11111125 0-99.55555594s-74.66666625-28.44444469-99.55555594 0L248.88888875 459.33333344c-14.22222188 14.22222188-21.33333375 31.99999969-21.33333281 49.7777775 0 17.7777778 7.11111094 35.55555562 21.33333281 49.7777775" fill="#ffffff" p-id="9020"></path></svg>

frontend/src/assets/icons/loading.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1761626283461" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2759" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M511.882596 287.998081h-0.361244a31.998984 31.998984 0 0 1-31.659415-31.977309v-0.361244c0-0.104761 0.115598-11.722364 0.115598-63.658399V96.000564a31.998984 31.998984 0 1 1 64.001581 0V192.001129c0 52.586273-0.111986 63.88237-0.119211 64.337537a32.002596 32.002596 0 0 1-31.977309 31.659415zM511.998194 959.99842a31.998984 31.998984 0 0 1-31.998984-31.998984v-96.379871c0-51.610915-0.111986-63.174332-0.115598-63.286318s0-0.242033 0-0.361243a31.998984 31.998984 0 0 1 63.997968-0.314283c0 0.455167 0.11921 11.711527 0.11921 64.034093v96.307622a31.998984 31.998984 0 0 1-32.002596 31.998984zM330.899406 363.021212a31.897836 31.897836 0 0 1-22.866739-9.612699c-0.075861-0.075861-8.207461-8.370021-44.931515-45.094076L195.198137 240.429485a31.998984 31.998984 0 0 1 45.256635-45.253022L308.336112 263.057803c37.182834 37.182834 45.090463 45.253022 45.41197 45.578141A31.998984 31.998984 0 0 1 330.899406 363.021212zM806.137421 838.11473a31.901448 31.901448 0 0 1-22.628318-9.374279L715.624151 760.859111c-36.724054-36.724054-45.018214-44.859267-45.097687-44.93874a31.998984 31.998984 0 0 1 44.77618-45.729864c0.32512 0.317895 8.395308 8.229136 45.578142 45.411969l67.88134 67.88134a31.998984 31.998984 0 0 1-22.624705 54.630914zM224.000113 838.11473a31.901448 31.901448 0 0 0 22.628317-9.374279l67.88134-67.88134c36.724054-36.724054 45.021826-44.859267 45.097688-44.93874a31.998984 31.998984 0 0 0-44.776181-45.729864c-0.32512 0.317895-8.395308 8.229136-45.578142 45.411969l-67.88134 67.884953a31.998984 31.998984 0 0 0 22.628318 54.627301zM255.948523 544.058589h-0.361244c-0.104761 0-11.722364-0.115598-63.658399-0.115598H95.942765a31.998984 31.998984 0 1 1 0-64.00158h95.996952c52.586273 0 63.88237 0.111986 64.337538 0.11921a31.998984 31.998984 0 0 1 31.659414 31.97731v0.361244a32.002596 32.002596 0 0 1-31.988146 31.659414zM767.939492 544.058589a32.002596 32.002596 0 0 1-31.995372-31.666639v-0.361244a31.998984 31.998984 0 0 1 31.659415-31.970085c0.455167 0 11.754876-0.11921 64.34115-0.11921h96.000564a31.998984 31.998984 0 0 1 0 64.00158H831.944685c-51.936034 0-63.553638 0.111986-63.665624 0.115598h-0.335957zM692.999446 363.0176a31.998984 31.998984 0 0 1-22.863126-54.381656c0.317895-0.32512 8.229136-8.395308 45.41197-45.578141l67.88134-67.884953A31.998984 31.998984 0 1 1 828.693489 240.429485l-67.892177 67.88134c-31.020013 31.023625-41.644196 41.759794-44.241539 44.393262l-0.697201 0.722488a31.908673 31.908673 0 0 1-22.863126 9.591025z" fill="" p-id="2760"></path></svg>

frontend/src/assets/icons/medical.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1761212815712" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2569" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M845.285053 1008.842105H520.421053v-52.224c45.999158-24.468211 96.538947-287.420632 134.03621-286.302316 145.960421 30.100211 249.317053 113.057684 249.317053 270.928843-1.684211 41.472-21.005474 67.597474-58.489263 67.597473z m0 0"  p-id="2570"></path><path d="M719.764211 480.619789c-32.363789 107.344842-116.439579 183.457684-214.662737 183.457685-98.829474 0-182.905263-76.665263-214.703158-184.010106-14.767158-6.831158-32.943158-22.150737-39.760842-61.291789-8.528842-51.186526 22.703158-63.690105 22.703158-63.690105 2.290526 0 4.554105 1.751579 6.817684 5.133473a95.137684 95.137684 0 0 1 24.427789-36.917894c40.313263-39.774316 114.714947-60.779789 204.463158-61.359158 81.232842-0.565895 138.024421 5.133474 195.961263 60.240842 10.213053 9.633684 19.887158 24.939789 24.980211 40.326737 2.842947-4.554105 5.685895-7.424 8.528842-6.817685 0 0 31.797895 12.476632 23.282526 63.609264-7.949474 39.733895-26.691368 54.501053-42.037894 61.318736z m0 0" p-id="2571"></path><path d="M496.559158 15.454316c-126.059789 0-231.141053 64.794947-231.141053 64.794947v215.794526s69.308632-78.942316 237.406316-78.942315c166.979368 0 237.406316 79.508211 237.406316 79.50821V80.801684c-0.579368-0.552421-122.677895-65.347368-243.671579-65.347368z m71.545263 117.005473h-52.237474v52.237474h-27.823158V132.459789h-51.685052V104.084211h51.685052V51.846737h27.823158v52.237474h52.237474v28.375578zM497.125053 956.618105v52.224c-141.433263 0-240.249263-0.538947-324.877474 0-36.352 0-56.212211-26.125474-58.489263-67.058526 0-157.884632 103.356632-241.367579 249.330526-270.901895 38.642526-1.684211 88.616421 261.268211 134.036211 285.736421z" p-id="2572"></path></svg>

frontend/src/assets/icons/moon.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1764820450888" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="23116" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16"><path d="M854.442667 725.376c-117.845333 204.117333-378.837333 274.048-582.954667 156.202667A425.173333 425.173333 0 0 1 133.546667 754.346667a32 32 0 0 1 15.573333-48.298667c160.725333-57.514667 246.826667-124.16 296.789333-219.562667 52.565333-100.394667 66.176-210.346667 29.397334-361.088a32 32 0 0 1 32.810666-39.552 425.002667 425.002667 0 0 1 190.165334 56.618667c204.117333 117.845333 274.048 378.837333 156.16 582.912z" fill="#ffffff" p-id="23117"></path></svg>

frontend/src/assets/icons/paper-plane.svg

@@ -0,0 +1,6 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg t="1761204835005" class="icon" viewBox="0 0 1171 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
+ p-id="5692" xmlns:xlink="http://www.w3.org/1999/xlink" width="228.7109375" height="200">
+ <path d="M502.237757 1024 644.426501 829.679301 502.237757 788.716444 502.237757 1024 502.237757 
+ 1024ZM0 566.713817 403.967637 689.088066 901.485385 266.66003 515.916344 721.68034 947.825442 855.099648 1170.285714 0 0 566.713817 0 566.713817Z"  p-id="5693"></path></svg>

frontend/src/assets/icons/plus.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1761211358508" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6686" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M469.333333 469.333333V170.666667h85.333334v298.666666h298.666666v85.333334h-298.666666v298.666666h-85.333334v-298.666666H170.666667v-85.333334h298.666666z" p-id="6687"></path></svg>

frontend/src/assets/icons/refresh.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1761368152518" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7696" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M835.516 709.837l154.351-225.894h-109.158c-14.541-221.047-198.11-396.151-422.844-396.151-234.291 0-423.731 189.918-423.731 424.277 0 234.155 189.918 424.141 424.209 424.141 105.062 0 200.977-38.434 275.115-101.786l-56.73-73.045c-58.368 51.063-134.69 82.398-218.385 82.398-183.296 0-331.844-148.617-331.844-331.708 0-183.364 148.617-331.913 331.844-331.913 173.739 0 315.665 133.734 329.933 303.787h-107.11l154.351 225.894z" p-id="7697"></path></svg>

frontend/src/assets/icons/renyuan.svg

@@ -0,0 +1 @@
+<?xml version="1.0" standalone="no"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg t="1761545116983" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1453" xmlns:xlink="http://www.w3.org/1999/xlink" width="200" height="200"><path d="M856.98894 727.680806c-64.797424-20.50007-128.161277-40.856783-169.448131-61.356852-28.814784-14.335713-46.877782-28.671427-46.877782-43.00714v-34.405712c10.034999-8.171357 19.209856-17.202856 27.381212-27.237855 2.293714-2.867143 4.587428-5.734285 6.881142-8.888143 10.034999-13.905642 20.213356-32.972141 29.101498-51.895282 9.891642-21.073499 18.349713-41.716926 23.223856-54.47571 4.730785-5.590928 8.888142-11.181856 12.758785-16.629428 22.363713-32.111998 30.104998-62.647067 23.223855-91.175136-3.870643-16.48607-12.902142-31.395212-25.804284-42.433712 5.0175-40.570069 4.730785-86.444351-10.034999-126.727705-7.597928-21.216856-18.349713-41.143497-31.968641-59.063139-20.643427-26.807784-47.451211-47.307854-80.279994-61.070138-42.00364-17.632927-81.856923-19.639927-97.196136-19.639927h-10.608428c-15.195856 0-55.049139 1.863643-97.196136 19.639927-35.122498 14.765785-63.363853 37.129497-84.580708 66.947781-11.611928 16.48607-20.930141 34.405712-27.667927 53.328853-14.765785 40.283354-15.052499 86.300994-10.034999 126.727706-12.758785 11.038499-21.790284 25.947641-25.804284 42.433711-6.737785 27.954641 0.716786 57.916282 22.076998 89.454851 4.157357 6.164357 8.888142 12.185356 14.048999 18.49307 5.0175 12.902142 13.332213 33.545569 23.223856 54.762425 8.888142 18.923142 18.923142 37.846283 28.958141 51.608568 2.150357 3.0105 4.444071 5.877642 6.737785 8.744785 7.741285 9.461571 16.48607 18.206356 25.947641 25.947641v35.695926c0 14.47907-18.49307 29.101498-48.02464 43.580568-41.286854 20.213356-104.220636 40.570069-168.301273 60.783425C56.626067 762.51659 56.626067 946.157077 56.626067 946.157077s134.038919 48.884782 457.165897 48.884782S966.943861 946.157077 966.943861 946.157077s0.286714-183.783844-109.954921-218.476271zM351.224976 414.875542c-46.877782-51.321854-28.958141-72.251995-18.349714-76.265994 17.48957-6.594428 29.388212 19.49657 33.54557 31.108498-4.874143-15.052499-18.062999-59.636567-20.213356-106.51435 15.769285-22.076998 47.164497-58.919782 84.580708-64.797424 0 0 80.710066 96.47935 246.574269 94.47235-3.727285 26.090998-9.604928 51.895282-17.632928 76.982781 4.300714-11.611928 16.055999-37.702926 33.545569-31.108498 10.608428 4.014 28.528069 25.087498-18.349713 76.265995 0 0-17.346213 47.164497-35.552568 80.99678-3.870643 7.454571-8.171357 14.47907-12.902142 21.360212-12.041999 16.48607-27.667927 29.818284-45.874283 38.993141-20.50007 10.465071-43.293854 15.912642-66.230995 16.055998-0.430071 0-0.860143 0-1.146857-0.143357-0.430071 0-0.860143 0.143357-1.146857 0.143357-23.653927-0.143357-47.02114-6.021-68.094639-17.059498a129.42282 129.42282 0 0 1-44.010639-38.132998c-4.730785-6.737785-9.031499-13.762285-12.902142-21.073498-18.349713-33.832283-35.839283-81.283494-35.839283-81.283495z m170.881702 519.52625c-5.734285 3.727285-9.174857 5.447571-9.174857 5.447571s-3.440571-1.863643-9.174856-5.447571c-31.968641-20.069999-137.336133-94.615708-151.815204-208.584628 34.405712-15.48257 91.891922-46.447711 91.891922-102.50035v-2.293714c21.933641 7.454571 44.870783 11.468571 67.951281 11.755284h2.293714c22.50707-0.143357 44.870783-4.014 66.230996-11.181856v1.720286c0 57.056139 59.49321 88.164637 93.612208 103.360492-14.909142 113.252135-119.98992 187.654487-151.815204 207.724486z" p-id="1454"></path><path d="M574.432031 693.418452l-28.097998-30.53507h-66.804424L451.574969 693.418452s16.055999 34.118998 42.003639 47.451211l-42.003639 106.084278s30.821784 43.723926 61.356852 55.049139c30.678426-11.325213 61.50021-55.049139 61.50021-55.049139l-42.00364-106.084278c25.804284-13.332213 42.00364-47.451211 42.00364-47.451211z" p-id="1455"></path></svg>