diff --git a/src/store/conversation.ts b/src/store/conversation.ts
index 5eb34263428c9e0e92f33941950c47d1570c5b9b..a28a27e618329ec8082624b9150a315c2335b818 100644
--- a/src/store/conversation.ts
+++ b/src/store/conversation.ts
@@ -66,7 +66,7 @@ export const useSessionStore = defineStore('conversation', () => {
   // ai回复是否还在生成中
   const isAnswerGenerating = ref(false);
 
-  const currentTaskId = ref(null);
+  const currentTaskId = ref<string | null>(null);
 
   // 方法集合 - 用于处理不同类型的event message
   const dataTransfers = {
@@ -181,7 +181,7 @@ export const useSessionStore = defineStore('conversation', () => {
           progress: messageFlow.stepProgress,
           status: currentTaskId.value ? messageFlow.flowStatus : 'success',
           display: true,
-          taskId: currentTaskId.value,
+          taskId: currentTaskId.value || undefined,
           data: conversationItem.flowdata.data,
         };
       } else {
@@ -220,7 +220,9 @@ export const useSessionStore = defineStore('conversation', () => {
         id: flow.stepId,
         title: flow.stepName,
         status: flow.stepStatus,
-        taskId: currentTaskId,
+        taskId: currentTaskId.value || undefined,
+        display: true,
+        progress: flow.stepProgress || '',
         data: {
           exData: content,
         },
@@ -240,7 +242,9 @@ export const useSessionStore = defineStore('conversation', () => {
         id: flow.stepId,
         title: flow.stepName,
         status: flow.stepStatus,
-        taskId: currentTaskId,
+        taskId: currentTaskId.value || undefined,
+        display: true,
+        progress: flow.stepProgress || '',
         data: {
           exParam: content,
         },
@@ -315,7 +319,6 @@ export const useSessionStore = defineStore('conversation', () => {
     if ('metadata' in message) {
       conversationItem.metadata = message.metadata;
     }
-    currentTaskId.value = message.taskId;
     if ('event' in message) {
       switch (eventType) {
         case 'text.add':
@@ -335,7 +338,8 @@ export const useSessionStore = defineStore('conversation', () => {
           dataTransfers.suggestionFunc(conversationItem, message);
           break;
         case 'init':
-          //初始化获取 metadata
+          //初始化获取 metadata 和 taskId
+          currentTaskId.value = message.taskId || message.id;
           conversationItem.metadata = message.metadata;
           conversationItem.createdAt = message.content.createdAt;
           conversationItem.groupId = message.groupId;
@@ -738,7 +742,7 @@ export const useSessionStore = defineStore('conversation', () => {
     targetItem.message[0] += '暂停生成';
     targetItem.isFinish = true;
     cancel();
-    const resp = await api.stopGeneration(currentMessage.value.taskId);
+    const resp = await api.stopGeneration(currentTaskId.value || '');
     if (resp?.[1]?.code === 200) {
       isAnswerGenerating.value = false;
     }
@@ -930,7 +934,7 @@ export const useSessionStore = defineStore('conversation', () => {
       ] as RobotConversationItem
     ).isFinish = true;
     cancel();
-    const resp = await api.stopGeneration(currentMessage.value.taskId);
+    const resp = await api.stopGeneration(currentTaskId.value || '');
     if (resp?.[1]?.code === 200) {
       isAnswerGenerating.value = false;
     }
diff --git a/src/store/historySession.ts b/src/store/historySession.ts
index 7e1aeadeca90f0eb23da34277f2a79dc2f3dd750..9068c8fb9f0f1670aa79e83882c98e889fe10e24 100644
--- a/src/store/historySession.ts
+++ b/src/store/historySession.ts
@@ -211,12 +211,6 @@ export const useHistorySessionStore = defineStore(
         historySession.value = allConversations.filter((item) => {
           const itemAppId = item.appId || '';
           const matches = itemAppId === currentAppId;
-          console.log('🔍 [getHistorySession] 对话过滤:', {
-            conversationId: item.conversationId,
-            itemAppId,
-            currentAppId,
-            matches
-          });
           return matches;
         });
         
diff --git a/src/views/chat/index.vue b/src/views/chat/index.vue
index 791a51e923be03b9019a1288a919cee9113c0921..896642bb6cb7b113c4469be442fd5fe48b412989 100644
--- a/src/views/chat/index.vue
+++ b/src/views/chat/index.vue
@@ -154,7 +154,7 @@ function useStream() {
           
           // 2. 然后调用后端停止接口，清理后端连接
           try {
-            const [, res] = await api.stopGeneration()
+            const [, res] = await api.stopGeneration('')
             if (res && res.code === 200) {
               // 后端停止成功
             }
@@ -250,14 +250,16 @@ async function onSend(q: string) {
   };
   const conversationId = localStorage.getItem('conversationId') || '';
   if (!conversationId) {
-    await api.createSession(p).then((res) => {
-      localStorage.setItem('conversationId', res[1].result.conversationId);
+    const res = await api.createSession(p);
+    if (res?.[1]?.result?.conversationId) {
+      const newConversationId = res[1].result.conversationId;
+      localStorage.setItem('conversationId', newConversationId);
       queryStream(
         q,
-        res[1].result.conversationId,
+        newConversationId,
         language.value as 'zh' | 'en',
       );
-    });
+    }
   } else {
     queryStream(q, conversationId, language.value as 'zh' | 'en');
   }
diff --git a/src/views/createapp/components/AgentAppConfig.vue b/src/views/createapp/components/AgentAppConfig.vue
index 0970864978ebb6886712055f42e53e8a7af99d00..c545609aa754b72d7931a8233ec869376bd9a9c1 100644
--- a/src/views/createapp/components/AgentAppConfig.vue
+++ b/src/views/createapp/components/AgentAppConfig.vue
@@ -677,7 +677,6 @@ onMounted(async () => {
       flex: 1;
       display: flex;
       flex-direction: column;
-      gap: 8px;
 
       .preview-title {
         line-height: 24px;
diff --git a/src/views/createapp/components/workFlow.vue b/src/views/createapp/components/workFlow.vue
index 2031780f4c691c8a2fe82c729f4622f482a23487..5c4c9f18b852cc363e00cc4c58c881b608e1b3e9 100644
--- a/src/views/createapp/components/workFlow.vue
+++ b/src/views/createapp/components/workFlow.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import '../../styles/workFlowArrange.scss';
-import { onMounted, ref, watch, onUnmounted, computed, nextTick } from 'vue';
+import { onMounted, ref, watch, onUnmounted, computed, nextTick, shallowRef, markRaw } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { ElMessage } from 'element-plus';
 import { VueFlow, useVueFlow } from '@vue-flow/core';
@@ -63,6 +63,9 @@ const langStore = useLangStore();
 const copilotAside = ref<HTMLElement>();
 const isCopilotAsideVisible = ref(false);
 
+// DOM缓存变量
+const vueFlowElementRef = ref<HTMLElement | null>(null);
+
 const workFlowItemName = ref();
 const isAddWorkFlow = ref(false);
 const isEditFlowName = ref(false);
@@ -115,7 +118,7 @@ const loopInsertMenuData = ref<{
 const nodeYamlId = ref();
 const emits = defineEmits(['updateFlowsDebug']);
 const route = useRoute();
-const workFlowList = ref<any[]>([]);
+const workFlowList = shallowRef<any[]>([]);
 const props = defineProps(['flowList']);
 const flowObj = ref<{
   flowId?: string, 
@@ -160,6 +163,31 @@ const variablesLoading = ref(false);
 // 添加 conversationId 变量（在工作流设计阶段，可以为空或生成临时ID）
 const conversationId = ref<string>('');
 
+// 性能优化：缓存计算结果
+const filteredNodes = computed(() => {
+  const nodesArray = getNodes.value || [];
+  return nodesArray.filter(node => node.type !== 'comment' && !node.data?.isComment);
+});
+
+const filteredEdges = computed(() => {
+  return getEdges.value || [];
+});
+
+// 防抖函数，避免频繁调用nodeAndLineConnection
+let nodeConnectionTimer: NodeJS.Timeout | null = null;
+const debouncedNodeAndLineConnection = () => {
+  if (nodeConnectionTimer) {
+    clearTimeout(nodeConnectionTimer);
+  }
+  nodeConnectionTimer = setTimeout(() => {
+    try {
+      nodeAndLineConnection();
+    } catch (error: any) {
+      console.error('防抖nodeAndLineConnection执行失败:', error);
+    }
+  }, 100);
+};
+
 // 插入节点相关状态
 const insertMenuData = ref<{
   visible: boolean;
@@ -354,51 +382,59 @@ const loadConversationVariablesForDisplay = async () => {
 
 // 验证节点是否都连接
 const nodeAndLineConnection = () => {
-  // 获取当前所有节点和边，过滤掉Comment节点
-  const curNodes = [...getNodes.value].filter(node => node.type !== 'comment' && !node.data?.isComment);
-  const curEdges = [...getEdges.value];
-  
-  // 如果没有节点，认为是连接的
-  if (curNodes.length === 0) {
-    isNodeAndLineConnect.value = true;
-    return;
-  }
+  // 使用缓存的计算属性，避免重复过滤操作
+  try {
+    const curNodes = [...filteredNodes.value];
+    const curEdges = [...filteredEdges.value];
   
-  // 遍历每个节点，检查连接状态
-  for (let i = 0; i < curNodes.length; i++) {
-    const currentNode = curNodes[i];
-    let isCurrentNodeConnected = false;
-    
-    if (currentNode.type === 'start') {
-      // 判断当前开始节点是否有出边连接
-      isCurrentNodeConnected = curEdges.some(
-        (edge) => edge.source === currentNode.id,
-      );
-    } else if (currentNode.type === 'end') {
-      // 判断当前结束节点是否有入边连接
-      isCurrentNodeConnected = curEdges.some(
-        (edge) => edge.target === currentNode.id,
-      );
-    } else {
-      // 判断普通节点是否有连接-普通节点开始和结束都需要进行判断
-      const hasOutgoingEdge = curEdges.some(
-        (edge) => edge.source === currentNode.id,
-      );
-      const hasIncomingEdge = curEdges.some(
-        (edge) => edge.target === currentNode.id,
-      );
-      isCurrentNodeConnected = hasOutgoingEdge && hasIncomingEdge;
+    // 如果没有节点，认为是连接的
+    if (curNodes.length === 0) {
+      isNodeAndLineConnect.value = true;
+      return;
     }
     
-    // 如果当前节点未连接，立即设置为false并退出
-    if (!isCurrentNodeConnected) {
-      isNodeAndLineConnect.value = false;
-      return;
+    // 遍历每个节点，检查连接状态
+    for (let i = 0; i < curNodes.length; i++) {
+      const currentNode = curNodes[i];
+      let isCurrentNodeConnected = false;
+      
+      if (currentNode.type === 'start') {
+        // 判断当前开始节点是否有出边连接
+        isCurrentNodeConnected = curEdges.some(
+          (edge) => edge.source === currentNode.id,
+        );
+      } else if (currentNode.type === 'end') {
+        // 判断当前结束节点是否有入边连接
+        isCurrentNodeConnected = curEdges.some(
+          (edge) => edge.target === currentNode.id,
+        );
+      } else {
+        // 判断普通节点是否有连接-普通节点开始和结束都需要进行判断
+        const hasOutgoingEdge = curEdges.some(
+          (edge) => edge.source === currentNode.id,
+        );
+        const hasIncomingEdge = curEdges.some(
+          (edge) => edge.target === currentNode.id,
+        );
+        isCurrentNodeConnected = hasOutgoingEdge && hasIncomingEdge;
+      }
+      
+      // 如果当前节点未连接，立即设置为false并退出
+      if (!isCurrentNodeConnected) {
+        isNodeAndLineConnect.value = false;
+        return;
+      }
     }
+    
+    // 所有节点都已连接
+    isNodeAndLineConnect.value = true;
+    
+  } catch (error: any) {
+    console.error('nodeAndLineConnection执行失败:', error);
+    // 发生错误时，设置为未连接状态
+    isNodeAndLineConnect.value = false;
+    throw error;
   }
-  
-  // 所有节点都已连接
-  isNodeAndLineConnect.value = true;
 };
 
 const editCommonDrawer = (name, desc, nodeId, yamlCode) => {
@@ -517,7 +553,7 @@ const editYamlDrawer = (name, desc, yamlCode, nodeId) => {
     nodeYamlId.value = nodeId;
     selectedNodeId.value = nodeId;
     isEditFileExtractorNode.value = true;
-  } else if (currentNode && currentNode.type === 'plugin-node') {
+  } else if (currentNode && (currentNode.type === 'plugin-node' || currentNode.data.callId === 'Plugin')) {
     // 显示插件详情，不是编辑
     showPluginDetails(currentNode.data);
   } else if (currentNode && currentNode.data.callId === 'Loop') {
@@ -1056,6 +1092,17 @@ const editSubFlowNode = (nodeName, nodeDesc, nodeParameters, nodeId, loopNodeId)
       isEditLoopNode.value = true;
       break;
       
+    case 'Plugin':
+      // Plugin节点：显示插件详情而不是编辑
+      const pluginData = {
+        serviceId: nodeParameters?.serviceId || '',
+        name: nodeName,
+        description: nodeDesc,
+        pluginType: 'semantic_interface' // 默认类型，可以根据实际情况调整
+      };
+      showPluginDetails(pluginData);
+      return; // 直接返回，不需要设置编辑状态
+      
     default:
       // 其他节点类型使用YAML编辑器
       editYamlDrawer(nodeName, nodeDesc, nodeParameters, nodeId);
@@ -1233,6 +1280,9 @@ onMounted(() => {
   queryAllFlowServices();
   handleChangeZoom(DefaultViewPortZoom);
   
+  // 缓存DOM元素查询
+  vueFlowElementRef.value = document.querySelector('.vue-flow__viewport');
+  
   // 添加LoopNode事件监听器作为备用方案
   document.addEventListener('loopNodeZoomUpdate', handleLoopNodeZoomUpdate);
   
@@ -1245,6 +1295,24 @@ onUnmounted(() => {
   sessionStorage.setItem('workflowViewPortX', '');
   sessionStorage.setItem('workflowViewPortY', '');
   
+  // 清理全局引用，防止内存泄漏
+  if ((window as any).loopNodeRefs && flowObj.value.flowId) {
+    Object.keys((window as any).loopNodeRefs).forEach(key => {
+      if (key.includes(flowObj.value.flowId || '')) {
+        delete (window as any).loopNodeRefs[key];
+      }
+    });
+  }
+  
+  // 清理DOM缓存
+  vueFlowElementRef.value = null;
+  
+  // 清理防抖定时器
+  if (nodeConnectionTimer) {
+    clearTimeout(nodeConnectionTimer);
+    nodeConnectionTimer = null;
+  }
+  
   // 清理LoopNode事件监听器
   document.removeEventListener('loopNodeZoomUpdate', handleLoopNodeZoomUpdate);
   
@@ -1295,7 +1363,9 @@ const edgesChange = (edges) => {
   if (edges?.[0]?.type === 'remove' || edges?.[0]?.type === 'add') {
     emits('updateFlowsDebug', false);
     updateFlowsDebugStatus.value = false;
-    nodeAndLineConnection();
+    nextTick(() => {
+      debouncedNodeAndLineConnection();
+    });
   }
 };
 
@@ -1309,12 +1379,16 @@ const nodesChange = (nodes) => {
     delNode(nodes[0].id);
     // 节点增加删除时直接将工作流debug状态置为false
     emits('updateFlowsDebug', false);
-    nodeAndLineConnection();
+    nextTick(() => {
+      debouncedNodeAndLineConnection();
+    });
   }
   if (nodes?.[0]?.type === 'add') {
     // 节点增加删除时直接将工作流debug状态置为false
     emits('updateFlowsDebug', false);
-    nodeAndLineConnection();
+    nextTick(() => {
+      debouncedNodeAndLineConnection();
+    });
   }
   updateFlowsDebugStatus.value = false;
 };
@@ -1324,6 +1398,8 @@ const getCreatedFlow = async (createdFlowObj) => {
   if (flowObj.value) {
     flowObj.value = { ...createdFlowObj };
     workFlowItemName.value = createdFlowObj.name;
+    
+    
     // 回显工作流节点和边
     redrageFlow(createdFlowObj?.nodes, createdFlowObj?.edges, createdFlowObj?.notes || []);
     
@@ -1380,6 +1456,8 @@ const editFlow = async (item) => {
     
     if (res[1]?.result?.flow) {
       flowObj.value = res[1].result.flow;
+      
+      
       redrageFlow(flowObj.value.nodes || [], flowObj.value.edges || [], flowObj.value.notes || []);
       
       // 加载对话变量用于开始节点展示
@@ -1423,17 +1501,18 @@ const choiceFlowId = (flowItem) => {
 };
 
 // 监听props变化，选择默认工作流
+// 优化：使用浅层监听，避免深度监听的性能开销
 watch(
-  props,
-  () => {
+  () => props.flowList,
+  (newFlowList) => {
     // 获取当前工作流
-    workFlowList.value = [...props.flowList];
+    workFlowList.value = [...newFlowList];
     if (workFlowList.value.length) {
       // 默认选中第一个
       choiceFlowId(workFlowList.value?.[0]);
     }
   },
-  { deep: true, immediate: true },
+  { immediate: true },
 );
 
 // 监听语言变化，重新查询所有流服务
@@ -1446,7 +1525,7 @@ watch(
 
 // 回显工作流节点和边
 const redrageFlow = (nodesList, edgesList, notesList = []) => {
-  const newNodeList = nodesList.map((node) => {
+  const newNodeList = nodesList.map((node, index) => {
     let newNode = {
       id: node.stepId,
       type: node.callId,
@@ -1484,7 +1563,7 @@ const redrageFlow = (nodesList, edgesList, notesList = []) => {
       newNode.data = {
         ...newNode.data,
         parameters: sanitizedChoice.parameters
-              };
+      };
       } else if (node.callId === 'VariableAssign') {
         // VariableAssign节点特殊处理
         newNode.type = 'VariableAssign';
@@ -1531,12 +1610,92 @@ const redrageFlow = (nodesList, edgesList, notesList = []) => {
         nodeId: 'VariableAssign',
         callId: 'VariableAssign',
       };
+    } else if (node.callId === 'Plugin' && node.nodeId === 'Plugin') {
+      // API插件节点：当callId和nodeId都为'Plugin'时，识别为插件节点
+      newNode.type = 'plugin-node';
+      newNode.data = {
+        ...(newNode.data || {}),
+        nodeId: node.nodeId || 'Plugin',
+        callId: node.callId || 'Plugin',
+        serviceId: node.serviceId || '',
+        // 保留插件类型信息，如果没有则默认为semantic_interface
+        pluginType: node.pluginType || node.data?.pluginType || 'semantic_interface',
+        // 保留其他插件相关字段
+        author: node.author || node.data?.author || '',
+        authorName: node.authorName || node.data?.authorName || '',
+        icon: node.icon || node.data?.icon || '',
+        isActive: node.isActive !== undefined ? node.isActive : (node.data?.isActive !== undefined ? node.data.isActive : true),
+        status: node.status || node.data?.status || 'ready',
+        published: node.published !== undefined ? node.published : (node.data?.published !== undefined ? node.data.published : true),
+        // 确保parameters结构完整
+        parameters: node.parameters || {
+          input_parameters: null,
+          output_parameters: {
+            type: '',
+            description: ''
+          }
+        }
+      };
+    } else if (node.callId === 'Empty' && node.nodeId === 'Empty') {
+      newNode.type = 'custom';
+      
+      // 确保newNode.data存在，防止扩展运算符报错
+      if (!newNode.data) {
+        newNode.data = {
+          name: node.name,
+          description: node.description,
+          parameters: node.parameters,
+          nodeId: node.nodeId,
+          callId: node.callId,
+          serviceId: node.serviceId,
+        };
+      }
+      
+      newNode.data = {
+        ...(newNode.data || {}),
+        nodeId: node.nodeId || 'Empty',
+        callId: node.callId || 'Empty',
+        serviceId: node.serviceId || '',
+        parameters: node.parameters || {
+          input_parameters: null,
+          output_parameters: {
+            type: '',
+            description: ''
+          }
+        }
+      };
     } else {
       newNode.type = 'custom';
     }
+    // 确保节点具有所有必需的属性
+    if (!newNode.id) {
+      newNode.id = `node-${Date.now()}-${Math.random()}`;
+    }
+    
+    if (!newNode.type) {
+      newNode.type = 'custom';
+    }
+    
+    if (!newNode.data) {
+      newNode.data = {};
+    }
+    
+    if (!newNode.position) {
+      newNode.position = { x: 0, y: 0 };
+    }
+    
+    // 确保data对象有基本属性
+    if (!newNode.data.name) {
+      newNode.data.name = node.name || '未命名节点';
+    }
+    
+    if (!newNode.data.description) {
+      newNode.data.description = node.description || '';
+    }
+    
     return newNode;
   });
-  const newEdgeList = edgesList.map((edge) => {
+  const newEdgeList = edgesList.map((edge, index) => {
     const newEdge = {
       id: edge.edgeId,
       source: edge.sourceNode,
@@ -1545,12 +1704,17 @@ const redrageFlow = (nodesList, edgesList, notesList = []) => {
       type: 'normal',
       sourceHandle: edge.branchId, // 这里是分支边需要以确定源头handle
     };
+    // 验证边的必需属性
+    if (!newEdge.id) {
+      newEdge.id = `edge-${Date.now()}-${Math.random()}`;
+    }
+    
     // 线分支条件需后续添加
     return newEdge;
   });
-  
   // 处理notes数据，创建注释节点
-  const newNotesList = (notesList || []).map((note: any) => {
+  const safeNotesList = Array.isArray(notesList) ? notesList : [];
+  const newNotesList = safeNotesList.map((note: any) => {
     return {
       id: note.noteId,
       type: 'comment',
@@ -1574,10 +1738,24 @@ const redrageFlow = (nodesList, edgesList, notesList = []) => {
   });
   
   // 合并所有节点（包括工作流节点和注释节点）
-  setNodes([...newNodeList, ...newNotesList]);
+  const allNodes = [...newNodeList, ...newNotesList];
+  
+  setNodes(allNodes);
+  // 同步更新组件的nodes ref
+  nodes.value = allNodes;
+  
   setEdges(newEdgeList);
+  // 同步更新组件的edges ref
+  edges.value = newEdgeList;
   // 回显节点和边后，判断各节点连接状态
-  nodeAndLineConnection();
+  // 使用 nextTick 确保DOM更新完成后再执行连接检查
+  nextTick(() => {
+    try {
+      nodeAndLineConnection();
+    } catch (error: any) {
+      console.error('nodeAndLineConnection执行失败:', error);
+    }
+  });
 };
 
 // 处理插入节点事件
@@ -1590,7 +1768,7 @@ const handleInsertNode = (edgeInfo) => {
   const viewport = getViewport();
   
   // 获取Vue Flow容器的位置信息
-  const vueFlowElement = document.querySelector('.vue-flow__viewport');
+  const vueFlowElement = vueFlowElementRef.value;
   const containerRect = vueFlowElement?.getBoundingClientRect();
   
   if (!containerRect) {
@@ -1710,7 +1888,7 @@ const handleAddNode = () => {
   const viewport = getViewport();
   
   // 将页面坐标转换为画布坐标
-  const vueFlowElement = document.querySelector('.vue-flow__viewport');
+  const vueFlowElement = vueFlowElementRef.value;
   const containerRect = vueFlowElement?.getBoundingClientRect();
   
   if (!containerRect) {
@@ -1750,7 +1928,7 @@ const handleAddComment = () => {
   // 直接创建注释节点，不再使用输入框
   // 获取Vue Flow画布的viewport信息
   const viewport = getViewport();
-  const vueFlowElement = document.querySelector('.vue-flow__viewport');
+  const vueFlowElement = vueFlowElementRef.value;
   const containerRect = vueFlowElement?.getBoundingClientRect();
   
   if (!containerRect) {
@@ -1924,7 +2102,6 @@ const handleYAMLFileImport = async (event: Event) => {
       flowObj.value.name = yamlData.name;
       workFlowItemName.value = yamlData.name;
     }
-    
     // 触发保存
     await saveFlow();
     
@@ -1972,7 +2149,7 @@ const handleInsertNodeFromHandle = (handleInfo) => {
   const viewport = getViewport();
   
   // 获取Vue Flow容器的位置信息
-  const vueFlowElement = document.querySelector('.vue-flow__viewport');
+  const vueFlowElement = vueFlowElementRef.value;
   const containerRect = vueFlowElement?.getBoundingClientRect();
   
   if (!containerRect) {
@@ -2207,7 +2384,13 @@ const executeInsertNode = (nodeMetaData) => {
     // 触发工作流状态更新
     emits('updateFlowsDebug', false);
     updateFlowsDebugStatus.value = false;
-    nodeAndLineConnection();
+    nextTick(() => {
+      try {
+        nodeAndLineConnection();
+      } catch (error: any) {
+        console.error('handleInsertNode中nodeAndLineConnection失败:', error);
+      }
+    });
     
     // 关闭菜单
     closeInsertNodeMenu();
@@ -2296,11 +2479,12 @@ const updateNodeFunc = (id, status, constTime, content?) => {
   // 更新当前节点的状态，以及运行时间
   updateNode(id, { data: { ...data, status, constTime } });
   // 遍历获取以当前节点为起源节点的边和为目的节点的边
+  const edges = getEdges.value || [];
   const changeSourceEdges = [
-    ...getEdges.value.filter((item) => item.source === id),
+    ...edges.filter((item) => item.source === id),
   ];
   const changeTargetEdges = [
-    ...getEdges.value.filter((item) => item.target === id),
+    ...edges.filter((item) => item.target === id),
   ];
   // 分别遍历相应的以该节点为起源的边-并更新它们的状态为最新状态
   changeSourceEdges.forEach((item) => {
@@ -2340,7 +2524,8 @@ const saveFlow = async (updateNodeParameter?, debug?) => {
 
   try {
     // 第一步：保存所有Loop节点的子工作流
-    const loopNodes = getNodes.value.filter(node => node.data.callId === 'Loop');
+    const nodes = getNodes.value || [];
+    const loopNodes = nodes.filter(node => node.data.callId === 'Loop');
     
     for (const loopNode of loopNodes) {
       // 通过全局变量访问LoopNode组件实例（需要在LoopNode中设置）
@@ -2379,9 +2564,11 @@ const saveFlow = async (updateNodeParameter?, debug?) => {
     }
 
     // 第二步：保存主工作流（原有逻辑）
-    // 将对应的节点和边存储格式改造，过滤掉注释节点
-    let updateNodes = getNodes.value
-      .filter(item => item.type !== 'comment' && !item.data?.isComment)
+    // 使用缓存的计算属性，避免重复过滤操作
+    const currentNodes = filteredNodes.value;
+    const currentEdges = filteredEdges.value;
+    
+    let updateNodes = currentNodes
       .map((item) => {
       const { ...otherItem } = item.data;
       let newItem = {
@@ -2435,7 +2622,7 @@ const saveFlow = async (updateNodeParameter?, debug?) => {
         // 对于branch节点，处理choice数据
         let choices = [];
         // 根据该节点在edge中作为source时的edge
-        const branchEdges = getEdges.value.filter((edge) => edge.source === item.id);
+        const branchEdges = currentEdges.filter((edge) => edge.source === item.id);
         
         // 如果有边连接，根据边的branchId创建choice
         if (branchEdges.length > 0) {
@@ -2517,18 +2704,46 @@ const saveFlow = async (updateNodeParameter?, debug?) => {
             }
           },
         };
+      } else if (item.type === 'plugin-node') {
+        // 处理API插件节点：callId和nodeId设置为'Plugin'，serviceId保存实际的插件ID
+        const pluginServiceId = item.data?.serviceId || item.data?.callId || '';
+        newItem = {
+          ...newItem,
+          callId: 'Plugin',
+          nodeId: 'Plugin',
+          serviceId: pluginServiceId,
+          name: item.data?.name || '',
+          description: item.data?.description || '',
+          // 保存插件相关的扩展字段
+          pluginType: item.data?.pluginType || 'semantic_interface',
+          author: item.data?.author || '',
+          authorName: item.data?.authorName || '',
+          icon: item.data?.icon || '',
+          isActive: item.data?.isActive !== undefined ? item.data.isActive : true,
+          status: item.data?.status || 'ready',
+          published: item.data?.published !== undefined ? item.data.published : true,
+          parameters: {
+            ...(item.data?.parameters || {}),
+            // 将serviceId备份到parameters中，以防后端清空serviceId字段
+            _plugin_service_id: pluginServiceId,
+            input_parameters: item.data?.parameters?.input_parameters || null,
+            output_parameters: item.data?.parameters?.output_parameters || {
+              type: '',
+              description: ''
+            }
+          },
+        };
       }
       
       return newItem;
     });
-
     // 处理边
-    const updateEdges = getEdges.value.map((item) => {
+    const updateEdges = currentEdges.map((item) => {
       let branchId = item.sourceHandle;
       
       // 如果没有sourceHandle，根据源节点类型生成默认的branchId
       if (!branchId) {
-        const sourceNode = getNodes.value.find(node => node.id === item.source);
+        const sourceNode = currentNodes.find(node => node.id === item.source);
         if (sourceNode) {
           if (sourceNode.type === 'Choice') {
             // Choice节点应该有默认分支
@@ -2551,7 +2766,6 @@ const saveFlow = async (updateNodeParameter?, debug?) => {
         branchId: branchId,
       };
     });
-
     // 处理notes数据，收集注释节点
     const updateNotes = getNodes.value
       .filter(node => node.type === 'comment' && node.data?.isComment)
@@ -2562,7 +2776,6 @@ const saveFlow = async (updateNodeParameter?, debug?) => {
         width: commentNode.data.width || 200,
         height: commentNode.data.height || 120
       }));
-
     // 处理节点参数更新
     if (updateNodeParameter) {
       updateNodes.forEach((item) => {
@@ -2604,6 +2817,17 @@ const saveFlow = async (updateNodeParameter?, debug?) => {
             }
             item.parameters.input_parameters = updateNodeParameter.parameters.input_parameters;
             item.parameters.output_parameters = updateNodeParameter.parameters.output_parameters;
+          } else if (item.callId === 'Plugin') {
+            // Plugin节点：更新插件相关参数
+            if (!item.parameters) {
+              item.parameters = {};
+            }
+            item.parameters.input_parameters = updateNodeParameter.parameters?.input_parameters || {};
+            item.parameters.output_parameters = updateNodeParameter.parameters?.output_parameters || {};
+            // 保持serviceId不变
+            if (updateNodeParameter.serviceId) {
+              item.serviceId = updateNodeParameter.serviceId;
+            }
           } else if (item.type === 'start') {
             item.variables == updateNodeParameter.variables;
           } else if (item.type === 'Loop') {
@@ -2666,6 +2890,8 @@ const saveFlow = async (updateNodeParameter?, debug?) => {
       if (!isNodeConnect.value) {
         ElMessage.error(i18n.global.t('semantic.check_connect'));
       }
+      
+      
       redrageFlow(updatedCurFlow?.nodes, updatedCurFlow?.edges, updatedCurFlow?.notes || []);
     }
 
diff --git a/src/views/createapp/components/workFlowConfig/LLMNodeDrawer.vue b/src/views/createapp/components/workFlowConfig/LLMNodeDrawer.vue
index 18531f3111e7d3c358f4e5a1a5e7b105f8c3a2d2..ef916551761b1c55484fac300fe3d41f0c866147 100644
--- a/src/views/createapp/components/workFlowConfig/LLMNodeDrawer.vue
+++ b/src/views/createapp/components/workFlowConfig/LLMNodeDrawer.vue
@@ -462,8 +462,6 @@
         }
       };
     }
-    console.log('LLM Output Parameters:', LLMOutputInYaml.value);
-    console.log('Props yamlContent:', props.yamlContent);
     getProviderLLM();
   });
   
diff --git a/src/views/createapp/components/workFlowConfig/PluginListPanel.vue b/src/views/createapp/components/workFlowConfig/PluginListPanel.vue
index 0244e76334aaff9894d547167da4cef450b50839..a82e8f8d4be0e7f515da635c619b396b1e7a9a26 100644
--- a/src/views/createapp/components/workFlowConfig/PluginListPanel.vue
+++ b/src/views/createapp/components/workFlowConfig/PluginListPanel.vue
@@ -279,8 +279,8 @@ const handlePluginClick = (plugin: any) => {
   // 创建PluginNode节点数据结构
   const nodeData = {
     // 基础节点信息
-    nodeId: `plugin-${plugin.serviceId}`,
-    callId: plugin.serviceId,
+    nodeId: 'Plugin',
+    callId: 'Plugin',
     type: 'plugin-node', // 标识为PluginNode类型
     
     // PluginNode专用数据
@@ -313,8 +313,8 @@ const handleDragStart = (event: DragEvent, plugin: any) => {
     // 创建与点击时相同的PluginNode节点数据结构
     const nodeData = {
       // 基础节点信息
-      nodeId: `plugin-${plugin.serviceId}`,
-      callId: plugin.serviceId,
+      nodeId: 'Plugin',
+      callId: 'Plugin',
       type: 'plugin-node', // 标识为PluginNode类型
       
       // PluginNode专用数据
diff --git a/src/views/createapp/components/workFlowConfig/PluginNode.vue b/src/views/createapp/components/workFlowConfig/PluginNode.vue
index 15cc6591ef8ec988e5be499fcfc4d29b0f9c957d..d657e1fcf7e030b862a343cc92f4eca704c78926 100644
--- a/src/views/createapp/components/workFlowConfig/PluginNode.vue
+++ b/src/views/createapp/components/workFlowConfig/PluginNode.vue
@@ -2,7 +2,7 @@
   <div 
     class="plugin-node"
     :class="[
-      `plugin-node--${data.pluginType}`,
+      `plugin-node--${data.pluginType || 'semantic_interface'}`,
       debugStatus,
       { 
         'plugin-node--selected': selected,
@@ -19,8 +19,8 @@
         <div class="status-indicator" :class="statusClass">
           <div class="status-dot"></div>
         </div>
-        <div class="plugin-type-badge" :class="`badge--${data.pluginType}`">
-          {{ data.pluginType === 'semantic_interface' ? 'API' : 'MCP' }}
+        <div class="plugin-type-badge" :class="`badge--${data.pluginType || 'semantic_interface'}`">
+          {{ (data.pluginType || 'semantic_interface') === 'semantic_interface' ? 'API' : 'MCP' }}
         </div>
       </div>
       
@@ -37,14 +37,14 @@
           </div>
           <div class="plugin-info">
             <div class="plugin-name">{{ data.name }}</div>
-            <div class="plugin-author">
+            <div class="plugin-author" v-if="data.authorName || data.author">
               <el-tooltip
-                v-if="(data.authorName || data.author).length > 15"
+                v-if="(data.authorName || data.author || '').length > 15"
                 effect="dark"
                 :content="`@${data.authorName || data.author}`"
                 placement="top"
               >
-                <span class="author-text">@{{ (data.authorName || data.author).slice(0, 15) }}...</span>
+                <span class="author-text">@{{ (data.authorName || data.author || '').slice(0, 15) }}...</span>
               </el-tooltip>
               <span v-else class="author-text">@{{ data.authorName || data.author }}</span>
             </div>
@@ -173,7 +173,9 @@ const defaultIcon = DefaultIcon;
 
 // 计算状态类 - 只反映插件本身状态，不受debugInfo影响
 const statusClass = computed(() => {
-  if (props.data.pluginType === 'mcp') {
+  const pluginType = props.data.pluginType || 'semantic_interface'; // 默认为semantic_interface
+  
+  if (pluginType === 'mcp') {
     if (props.data.status === 'ready' && props.data.isActive) {
       return 'status--active';
     } else if (props.data.status === 'installing') {
diff --git a/src/views/createapp/components/workFlowConfig/useDnD.js b/src/views/createapp/components/workFlowConfig/useDnD.js
index 41b455f97018a163df40417c563f6c8b5d865a3e..0a84547ed70517e577f3f57be7b840fae749ec02 100644
--- a/src/views/createapp/components/workFlowConfig/useDnD.js
+++ b/src/views/createapp/components/workFlowConfig/useDnD.js
@@ -234,8 +234,19 @@ function sanitizeNodeData(nodeData, nodeId) {
       }
     };
   } else if (cleanNodeData.type === 'plugin-node') {
-    // 插件节点不需要清洗，直接返回原始数据
-    // 插件节点的数据结构已经在PluginListPanel中正确构建
+    // 插件节点：确保callId和nodeId正确设置为'Plugin'
+    cleanNodeData.callId = 'Plugin';
+    cleanNodeData.nodeId = 'Plugin';
+    
+    // 确保插件节点有正确的parameters结构
+    cleanNodeData.parameters = cleanNodeData.parameters || {
+      input_parameters: null,
+      output_parameters: {
+        type: '',
+        description: ''
+      }
+    };
+    
     return cleanNodeData;
   } else {
     // 对于所有其他节点类型（LLM、RAG、API、SQL等），使用API返回的原始parameters
@@ -278,7 +289,22 @@ function createNewNode(nodeMetaData, position, customNodeId = null) {
     data: nodeMetaData.type === 'plugin-node' ? {
       // 插件节点的完整数据结构
       ...nodeMetaData.data,
-      nodeId: nodeId
+      nodeId: 'Plugin', // Plugin节点的nodeId应该是'Plugin'
+      callId: 'Plugin', // Plugin节点的callId应该是'Plugin'
+      // 确保必需的字段存在，如果没有则提供默认值
+      pluginType: nodeMetaData.data.pluginType || 'semantic_interface',
+      author: nodeMetaData.data.author || nodeMetaData.data.authorName || '',
+      authorName: nodeMetaData.data.authorName || nodeMetaData.data.author || '',
+      isActive: nodeMetaData.data.isActive !== undefined ? nodeMetaData.data.isActive : true,
+      status: nodeMetaData.data.status || 'ready',
+      published: nodeMetaData.data.published !== undefined ? nodeMetaData.data.published : true,
+      parameters: nodeMetaData.data.parameters || {
+        input_parameters: null,
+        output_parameters: {
+          type: '',
+          description: ''
+        }
+      }
     } : {
       // 常规节点的数据结构
       name: cleanNodeData.name,
diff --git a/src/views/dialogue/components/InterPreview.vue b/src/views/dialogue/components/InterPreview.vue
index 4e42644fa85289ef98b91325f565e2f3456d14d9..f2daa41cd35c3ceadf0a392b762d6d907689aef1 100644
--- a/src/views/dialogue/components/InterPreview.vue
+++ b/src/views/dialogue/components/InterPreview.vue
@@ -128,6 +128,7 @@ watch(
   width: 100%;
   gap: 32px;
   flex-direction: column;
+  padding-top: 40px;
 
   .preMain {
     display: flex;
diff --git a/src/views/dialogue/dialogueView.vue b/src/views/dialogue/dialogueView.vue
index f719f54883de0bcd99e0c4cec26152b251af2f3f..5b2ab398a90c851cba819738f5253c392d6112b4 100644
--- a/src/views/dialogue/dialogueView.vue
+++ b/src/views/dialogue/dialogueView.vue
@@ -207,7 +207,7 @@ const initCopilot = async (): Promise<void> => {
   userinfo.value.organization = type;
   const isLogin = await getUserInfo();
   if (isLogin) {
-    await api.stopGeneration();
+    await api.stopGeneration('');
     await getHistorySession();
   }
   return;
diff --git a/src/views/tools/index.vue b/src/views/tools/index.vue
index 2cff4786685ce60359fccb87a059cb26efd1c344..8b3d6774ad95e675b37fb66277ea98469bc76be3 100644
--- a/src/views/tools/index.vue
+++ b/src/views/tools/index.vue
@@ -76,7 +76,6 @@ const sendThemeToIframe = async () => {
       type: 'changeTheme',
     };
     iframe.contentWindow.postMessage(data, iframeTarget.value);
-    console.log('Theme synced to iframe:', theme.value);
   } catch (error) {
     console.error('send theme to iframe error:', error);
   }
@@ -95,7 +94,6 @@ const sendLanguageToIframe = async () => {
       type: 'changeLanguage',
     };
     iframe.contentWindow.postMessage(data, iframeTarget.value);
-    console.log('Language synced to iframe:', language.value);
   } catch (error) {
     console.error('send language to iframe error:', error);
   }