@zero-library/chat-copilot 3.1.10 → 3.1.12

package/dist/index.esm.js

@@ -1,7 +1,7 @@
-import { CloudUploadOutlined, PaperClipOutlined, createFromIconfontCN, LoadingOutlined, EnterOutlined, DownloadOutlined, CloseOutlined, PlayCircleOutlined, CopyOutlined, DotChartOutlined, LikeOutlined, DislikeOutlined, ToolOutlined, SearchOutlined, UpOutlined, DownOutlined, PlusOutlined, CommentOutlined, RedoOutlined, DeleteOutlined, ClockCircleOutlined, CheckCircleOutlined, FileImageOutlined, FilePdfOutlined, FileWordOutlined, FileExcelOutlined, FilePptOutlined, FileZipOutlined, FileTextOutlined, FileUnknownOutlined } from '@ant-design/icons';
+import { CloudUploadOutlined, PaperClipOutlined, createFromIconfontCN, EnterOutlined, DownloadOutlined, CloseOutlined, PlayCircleOutlined, CopyOutlined, DotChartOutlined, LoadingOutlined, RightOutlined, LikeOutlined, DislikeOutlined, ToolOutlined, SearchOutlined, UpOutlined, DownOutlined, PlusOutlined, CommentOutlined, RedoOutlined, DeleteOutlined, ClockCircleOutlined, CheckCircleOutlined, FileImageOutlined, FilePdfOutlined, FileWordOutlined, FileExcelOutlined, FilePptOutlined, FileZipOutlined, FileTextOutlined, FileUnknownOutlined } from '@ant-design/icons';
 import { Attachments, Sender, FileCard, Bubble, Think, XProvider, Mermaid, CodeHighlighter, Welcome, Prompts, Conversations } from '@ant-design/x-v2';
 import { useRefState, useDebounce, createTokenManager, useSyncInput, isEmptyObj, markdownToText, RenderWrapper, shouldRender, isFunction, downloadFile, LuyaFilePreview, MarkdownEditor, useDeepEffect, isObject, useWebSocket, isNullOrUnDef, isNumber, getFileSuffixName, emit, FileIcon, copyText, LazyComponent, isBoolean, UserAvatar, htmlToMarkdown, buildUrlParams, isExternal, deepCopy, transforms, deepMerge, createRequest, HttpStatus, isArray, isString, isDef, isNull, transform, getWebSocketUrl, safeParseJson } from '@zero-library/common';
-import { App, Badge, Button, Flex, Typography, Tooltip, Layout, Tag, Spin, Splitter, Image as Image$1, Popover, Skeleton, Alert, theme, Collapse, Divider as Divider$1, Select as Select$1, Avatar, Space, Form, Drawer, Empty, Modal, Checkbox, Input, InputNumber, Switch as Switch$1, message, List, Upload, Card, Table, Progress as Progress$1 } from 'antd';
+import { App, Badge, Button, Flex, Typography, Tooltip, Layout, Tag, Spin, Splitter, Image as Image$1, Popover, Skeleton, Alert, theme, Collapse, Divider as Divider$1, Select as Select$1, Avatar, Space, Form, Drawer, Empty, Modal, Checkbox, Input, InputNumber, Switch as Switch$1, message, Upload, List, Card, Table, Progress as Progress$1 } from 'antd';
 import * as React10 from 'react';
 import React10__default, { createContext, forwardRef, useRef, useEffect, useImperativeHandle, useMemo, memo, useState, useContext, useCallback, useLayoutEffect } from 'react';
 import { useSnapshot, proxy } from 'valtio';
@@ -1279,7 +1279,7 @@ function createChatStore() {
     const { data } = await config.services.request.createConversationId({ agentId: agent.agentInfo.id, convMeta: config.params.convMeta });
     const newSpec = {
       skills: { items: [] },
-      knowledge: { items: [] }
+      knowledges: { items: [] }
     };
     updateConversations({
       id: data || "",
@@ -1372,9 +1372,14 @@ function createChatStore() {
       });
       conversation.messages[conversationId].message = [];
       if (data?.length) {
-        data.forEach((msg) => {
+        const mainMessages = data.filter((msg) => !msg.toolCallId);
+        const subAgentMessages = data.filter((msg) => msg.toolCallId);
+        mainMessages.forEach((msg) => {
           processMessageContent(msg);
         });
+        subAgentMessages.forEach((msg) => {
+          routeSubAgentMessage(msg);
+        });
         finalizeHistoryMessages(conversationId);
         normalizeMessagesByExecutionAndRole(conversation.messages[conversationId].message);
       }
@@ -1440,9 +1445,7 @@ function createChatStore() {
       item.generating = false;
     });
   }
-  function startCallback(msg) {
-    const messages = conversation.messages[msg.conversationId]?.message;
-    if (!messages) return;
+  function startCallback(msg, messages, isMain) {
     const idx = findExecutionMsgIndex(msg, messages);
     const contentItem = msg.content[0];
     if (contentItem.type !== "runStarted") return;
@@ -1453,23 +1456,24 @@ function createChatStore() {
         generating: true
       };
       messages.push(finalMsg);
-      const targetConversation = conversations.list.items.find((item) => item.id === msg.conversationId);
-      if (targetConversation && msg.createdAt) {
-        updateConversations({
-          ...targetConversation,
-          id: targetConversation.id,
-          title: targetConversation.label,
-          updatedAt: msg.createdAt
-        });
+      if (isMain) {
+        const targetConversation = conversations.list.items.find((item) => item.id === msg.conversationId);
+        if (targetConversation && msg.createdAt) {
+          updateConversations({
+            ...targetConversation,
+            id: targetConversation.id,
+            title: targetConversation.label,
+            updatedAt: msg.createdAt
+          });
+        }
       }
     } else {
       const prevContent = messages[idx]?.content || [];
       messages[idx].content = [...prevContent, contentItem];
     }
-    conversation.messages[msg.conversationId].loading = true;
+    if (isMain) conversation.messages[msg.conversationId].loading = true;
   }
-  function textCallback(msg) {
-    const messages = conversation.messages[msg.conversationId]?.message;
+  function textCallback(msg, messages, isMain) {
     const idx = findExecutionMsgIndex(msg, messages);
     const contents = idx !== -1 && messages[idx] ? messages[idx].content || [] : [];
     const nextContent = msg.content[0];
@@ -1498,13 +1502,12 @@ function createChatStore() {
         messages[idx].content = [...contents, normalizedNextContent];
       }
     }
-    conversation.messages[msg.conversationId].loading = true;
+    if (isMain) conversation.messages[msg.conversationId].loading = true;
   }
-  function stepStartedCallback(msg) {
-    const messages = conversation.messages[msg.conversationId]?.message;
+  function stepStartedCallback(msg, messages, isMain) {
     const idx = findExecutionMsgIndex(msg, messages);
     const contentItem = msg.content[0];
-    conversation.messages[msg.conversationId].loading = true;
+    if (isMain) conversation.messages[msg.conversationId].loading = true;
     if (idx !== -1 && messages[idx]) {
       const contentList = messages[idx].content || [];
       const runStartedIndex = contentList.findIndex((item) => item.type === "runStarted");
@@ -1514,38 +1517,34 @@ function createChatStore() {
         messages[idx].content = contentList.map((item, i) => i === runStartedIndex ? nextRunStartedItem : item);
       }
     }
+    if (isMain) config.hooks?.onStepMessage?.(msg);
     config.hooks?.onStepMessage?.(msg);
   }
-  function stepFinishedCallback(msg) {
-    conversation.messages[msg.conversationId].loading = true;
-    config.hooks?.onStepMessage?.(msg);
+  function stepFinishedCallback(msg, _messages, isMain) {
+    if (isMain) conversation.messages[msg.conversationId].loading = true;
+    if (isMain) config.hooks?.onStepMessage?.(msg);
   }
-  function stepErrCallback(msg) {
-    conversation.messages[msg.conversationId].loading = false;
-    const messages = conversation.messages[msg.conversationId]?.message;
-    if (messages) {
-      const idx = findExecutionMsgIndex(msg, messages);
-      const contentItem = msg.content[0];
-      messages.forEach((item) => {
-        if (item.executionId === msg.executionId) {
-          item.generating = false;
-        }
-      });
-      if (idx !== -1) {
-        messages[idx].generating = false;
-      }
-      if (idx !== -1) {
-        const prevContent = messages[idx]?.content || [];
-        messages[idx].content = [...prevContent, contentItem];
-      } else {
-        const finalMsg = { ...msg };
-        finalMsg.generating = false;
-        messages.push(finalMsg);
+  function stepErrCallback(msg, messages, isMain) {
+    if (isMain) conversation.messages[msg.conversationId].loading = false;
+    const idx = findExecutionMsgIndex(msg, messages);
+    const contentItem = msg.content[0];
+    messages.forEach((item) => {
+      if (item.executionId === msg.executionId) {
+        item.generating = false;
       }
+    });
+    if (idx !== -1) {
+      messages[idx].generating = false;
+      const prevContent = messages[idx]?.content || [];
+      messages[idx].content = [...prevContent, contentItem];
+    } else {
+      const finalMsg = { ...msg };
+      finalMsg.generating = false;
+      messages.push(finalMsg);
     }
-    config.hooks?.onStepMessage?.(msg);
+    if (isMain) config.hooks?.onStepMessage?.(msg);
   }
-  function doneCallback(msg) {
+  function doneCallback(msg, message3, isMain) {
     conversation.messages[msg.conversationId].loading = false;
     const messages = conversation.messages[msg.conversationId]?.message;
     if (messages) {
@@ -1566,11 +1565,12 @@ function createChatStore() {
         }
       }
     }
-    config.hooks?.onAfterAcceptMessage?.(msg);
+    if (isMain) config.hooks?.onAfterAcceptMessage?.(msg);
   }
-  function titleCallback(msg) {
+  function titleCallback(msg, _messages, isMain) {
     const content = msg.content[0];
     if (content.type !== "conversationNewTitle") return;
+    if (!isMain) return;
     const title = content.title || "";
     const conversationId = msg.conversationId || "";
     if (content && conversations.list.items.length) {
@@ -1579,9 +1579,7 @@ function createChatStore() {
       conversations.list.items[idx].label = title;
     }
   }
-  function toolCallCallback(msg) {
-    const messages = conversation.messages[msg.conversationId]?.message;
-    if (!messages) return;
+  function toolCallCallback(msg, messages, isMain) {
     let idx = -1;
     const contentItem = msg.content[0];
     if (contentItem.type !== "toolCall") return;
@@ -1596,37 +1594,39 @@ function createChatStore() {
       messages.push(finalMsg);
     } else {
       const contents = messages[idx].content;
-      const existingItemIndex = contents.findIndex(
+      let existingItemIndex = contents.findIndex(
         (item) => item.type === "toolCall" && item.toolCallId === contentItem.toolCallId
       );
+      if (existingItemIndex === -1 && contentItem.toolCallId) {
+        existingItemIndex = contents.findIndex(
+          (item) => item.type === "toolCall" && !item.toolCallId && item._streamingIndex !== void 0
+        );
+      }
       if (existingItemIndex !== -1) {
-        const existingItem = contents[existingItemIndex];
+        const nextItem = { ...contents[existingItemIndex] };
         const newContent = contentItem.content || contentItem.arguments;
-        const nextItem = { ...existingItem };
         if (typeof newContent === "string") {
-          nextItem.content = (existingItem.content || "") + newContent;
+          nextItem.content = (nextItem.content || "") + newContent;
         } else if (newContent !== void 0) {
           nextItem.arguments = newContent;
         }
-        if (contentItem.toolName) {
-          nextItem.toolName = contentItem.toolName;
-        }
-        if (contentItem.title) {
-          nextItem.title = contentItem.title;
-        }
-        if (contentItem.status) {
-          nextItem.status = contentItem.status;
+        if (contentItem.toolName) nextItem.toolName = contentItem.toolName;
+        if (contentItem.title) nextItem.title = contentItem.title;
+        if (contentItem.status) nextItem.status = contentItem.status;
+        if (contentItem.toolIcon) nextItem.toolIcon = contentItem.toolIcon;
+        if (contentItem.display?.title) nextItem.title = contentItem.display.title;
+        if (contentItem.display) {
+          nextItem.argsDisplay = contentItem.display;
+          nextItem.displayProtocol = true;
         }
         messages[idx].content = contents.map((item, i) => i === existingItemIndex ? nextItem : item);
       } else {
-        messages[idx].content = [...contents, contentItem];
+        messages[idx].content = [...contents, { ...contentItem, displayProtocol: !!contentItem.display }];
       }
     }
-    conversation.messages[msg.conversationId].loading = true;
+    if (isMain) conversation.messages[msg.conversationId].loading = true;
   }
-  function toolResultCallback(msg) {
-    const messages = conversation.messages[msg.conversationId]?.message;
-    if (!messages) return;
+  function toolResultCallback(msg, messages, isMain) {
     const contentItem = msg.content[0];
     if (contentItem.type !== "toolResult") return;
     let idx = -1;
@@ -1640,32 +1640,28 @@ function createChatStore() {
     const contents = messages[idx].content;
     const toolCallIndex = contents.findIndex((item) => item.type === "toolCall" && item.toolCallId === contentItem.toolCallId);
     if (toolCallIndex !== -1) {
-      const toolCallItem = contents[toolCallIndex];
       const nextToolCallItem = {
-        ...toolCallItem,
+        ...contents[toolCallIndex],
         result: contentItem.result ?? contentItem.content
       };
-      if (contentItem.status) {
-        nextToolCallItem.status = contentItem.status;
-      }
-      if (contentItem.errorMessage) {
-        nextToolCallItem.errorMessage = contentItem.errorMessage;
-      }
-      if (contentItem.duration) {
-        nextToolCallItem.duration = contentItem.duration;
-      }
-      if (contentItem.title) {
-        nextToolCallItem.title = contentItem.title;
+      if (contentItem.status) nextToolCallItem.status = contentItem.status;
+      if (contentItem.isError !== void 0) nextToolCallItem.isError = contentItem.isError;
+      if (contentItem.errorMessage) nextToolCallItem.errorMessage = contentItem.errorMessage;
+      const dur = contentItem.durationMs ?? contentItem.duration;
+      if (dur !== void 0) nextToolCallItem.duration = dur;
+      if (contentItem.title) nextToolCallItem.title = contentItem.title;
+      if (contentItem.display?.title) nextToolCallItem.title = contentItem.display.title;
+      if (contentItem.display) {
+        nextToolCallItem.resultDisplay = contentItem.display;
+        nextToolCallItem.displayProtocol = true;
       }
       messages[idx].content = contents.map((item, i) => i === toolCallIndex ? nextToolCallItem : item);
     } else {
       messages[idx].content = [...contents, contentItem];
     }
-    conversation.messages[msg.conversationId].loading = true;
+    if (isMain) conversation.messages[msg.conversationId].loading = true;
   }
-  function a2uiCommandCallback(msg) {
-    const messages = conversation.messages[msg.conversationId]?.message;
-    if (!messages) return;
+  function a2uiCommandCallback(msg, messages, isMain) {
     const idx = findExecutionMsgIndex(msg, messages);
     const contentItem = msg.content[0];
     if (contentItem.type !== "a2uiCommand") return;
@@ -1676,45 +1672,162 @@ function createChatStore() {
       const prevContent = messages[idx]?.content || [];
       messages[idx].content = [...prevContent, contentItem];
     }
-    conversation.messages[msg.conversationId].loading = true;
+    if (isMain) conversation.messages[msg.conversationId].loading = true;
+  }
+  function toolCallDeltaCallback(msg, messages, isMain) {
+    const contentItem = msg.content[0];
+    if (contentItem.type !== "toolCallDelta") return;
+    let idx = -1;
+    if (contentItem.toolCallId) {
+      idx = messages.findLastIndex(
+        (m) => m.content?.some((c) => c.type === "toolCall" && c.toolCallId === contentItem.toolCallId)
+      );
+    }
+    if (idx === -1 && contentItem.index !== void 0) {
+      idx = messages.findLastIndex(
+        (m) => m.executionId === msg.executionId && m.content?.some((c) => c.type === "toolCall" && c._streamingIndex === contentItem.index && !c.toolCallId)
+      );
+    }
+    if (idx === -1) idx = findExecutionMsgIndex(msg, messages);
+    const buildNewItem = () => {
+      const item = {
+        type: "toolCall",
+        toolCallId: contentItem.toolCallId || void 0,
+        _streamingIndex: contentItem.index,
+        toolName: contentItem.toolName || void 0,
+        toolIcon: contentItem.toolIcon,
+        title: contentItem.title,
+        content: contentItem.displayDelta ? "" : contentItem.argumentsDelta || "",
+        status: contentItem.status || "running",
+        displayProtocol: !!contentItem.displayDelta
+      };
+      if (contentItem.displayDelta?.title) item.title = contentItem.displayDelta.title;
+      if (contentItem.displayDelta?.contentAppend) {
+        item.streamingArgsDisplay = {
+          title: contentItem.displayDelta.title,
+          content: contentItem.displayDelta.contentAppend,
+          kind: contentItem.displayDelta.kind,
+          lang: contentItem.displayDelta.lang
+        };
+      }
+      return item;
+    };
+    if (idx === -1) {
+      messages.push({ ...msg, content: [buildNewItem()], generating: true });
+    } else {
+      const contents = messages[idx].content;
+      let itemIdx = -1;
+      if (contentItem.toolCallId) {
+        itemIdx = contents.findIndex((c) => c.type === "toolCall" && c.toolCallId === contentItem.toolCallId);
+      }
+      if (itemIdx === -1 && contentItem.index !== void 0) {
+        itemIdx = contents.findIndex((c) => c.type === "toolCall" && c._streamingIndex === contentItem.index && !c.toolCallId);
+      }
+      if (itemIdx !== -1) {
+        const existing = contents[itemIdx];
+        const nextItem = {
+          ...existing,
+          type: "toolCall",
+          content: contentItem.displayDelta ? existing.content || "" : (existing.content || "") + (contentItem.argumentsDelta || "")
+        };
+        if (contentItem.toolCallId && !existing.toolCallId) nextItem.toolCallId = contentItem.toolCallId;
+        if (contentItem.toolName) nextItem.toolName = contentItem.toolName;
+        if (contentItem.title) nextItem.title = contentItem.title;
+        if (contentItem.status) nextItem.status = contentItem.status;
+        if (contentItem.toolIcon) nextItem.toolIcon = contentItem.toolIcon;
+        if (contentItem.displayDelta) nextItem.displayProtocol = true;
+        if (contentItem.displayDelta?.title) nextItem.title = contentItem.displayDelta.title;
+        if (contentItem.displayDelta?.contentAppend) {
+          nextItem.streamingArgsDisplay = {
+            title: contentItem.displayDelta.title || existing.streamingArgsDisplay?.title,
+            content: (existing.streamingArgsDisplay?.content || "") + contentItem.displayDelta.contentAppend,
+            kind: contentItem.displayDelta.kind || existing.streamingArgsDisplay?.kind,
+            lang: contentItem.displayDelta.lang ?? existing.streamingArgsDisplay?.lang
+          };
+        }
+        messages[idx].content = contents.map((c, i) => i === itemIdx ? nextItem : c);
+      } else {
+        messages[idx].content = [...contents, buildNewItem()];
+      }
+    }
+    if (isMain) conversation.messages[msg.conversationId].loading = true;
+  }
+  function findToolCallItemRecursive(messages, toolCallId) {
+    for (let i = messages.length - 1; i >= 0; i--) {
+      const msg = messages[i];
+      const contents = msg.content || [];
+      const itemIdx = contents.findIndex((c) => c.type === "toolCall" && c.toolCallId === toolCallId);
+      if (itemIdx !== -1) {
+        return { messageList: msg, itemIndex: itemIdx };
+      }
+      for (const content of contents) {
+        if (content.type === "toolCall") {
+          const subMessages = content.subMessages;
+          if (subMessages?.length) {
+            const found = findToolCallItemRecursive(subMessages, toolCallId);
+            if (found) return found;
+          }
+        }
+      }
+    }
+    return null;
+  }
+  function routeSubAgentMessage(msg) {
+    const conversationId = msg.conversationId;
+    const mainMessages = conversation.messages[conversationId]?.message;
+    if (!mainMessages) return;
+    const found = findToolCallItemRecursive(mainMessages, msg.toolCallId);
+    if (!found) {
+      return;
+    }
+    const { messageList, itemIndex } = found;
+    const contents = messageList.content;
+    const toolCallItem = contents[itemIndex];
+    toolCallItem.hasSubAgent = true;
+    if (!toolCallItem.subMessages) {
+      toolCallItem.subMessages = [];
+    }
+    processMessageContent(msg, toolCallItem.subMessages);
+    messageList.content = contents.map((c, i) => i === itemIndex ? { ...toolCallItem } : c);
   }
-  function processSingleMessageContent(newMessage) {
+  function processSingleMessageContent(newMessage, messages, isMain) {
     switch (newMessage.content[0].type) {
       case "runStarted":
-        startCallback(newMessage);
+        startCallback(newMessage, messages, isMain);
         break;
       case "text":
-        textCallback(newMessage);
+        textCallback(newMessage, messages, isMain);
         break;
       case "stepStarted":
-        stepStartedCallback(newMessage);
+        stepStartedCallback(newMessage, messages, isMain);
         break;
       case "stepFinished":
-        stepFinishedCallback(newMessage);
+        stepFinishedCallback(newMessage, messages, isMain);
         break;
       case "stepError":
-        stepErrCallback(newMessage);
+        stepErrCallback(newMessage, messages, isMain);
         break;
       case "runFinished":
       case "runFailed":
       case "runStopped":
-        doneCallback(newMessage);
+        doneCallback(newMessage, messages, isMain);
         break;
       case "conversationNewTitle":
-        titleCallback(newMessage);
+        titleCallback(newMessage, messages, isMain);
         break;
       case "toolCall":
-        toolCallCallback(newMessage);
+        toolCallCallback(newMessage, messages, isMain);
+        break;
+      case "toolCallDelta":
+        toolCallDeltaCallback(newMessage, messages, isMain);
         break;
       case "toolResult":
-        toolResultCallback(newMessage);
+        toolResultCallback(newMessage, messages, isMain);
         break;
       case "a2uiCommand":
-        a2uiCommandCallback(newMessage);
+        a2uiCommandCallback(newMessage, messages, isMain);
         break;
       default: {
-        const messages = conversation.messages[newMessage.conversationId]?.message;
-        if (!messages) return;
         const idx = findExecutionMsgIndex(newMessage, messages);
         if (idx === -1) {
           const finalMsg = { ...newMessage, generating: true };
@@ -1723,20 +1836,21 @@ function createChatStore() {
           const prevContent = messages[idx]?.content || [];
           messages[idx].content = [...prevContent, ...newMessage.content];
         }
-        conversation.messages[newMessage.conversationId].loading = true;
+        if (isMain) conversation.messages[newMessage.conversationId].loading = true;
         break;
       }
     }
   }
-  function processMessageContent(message3) {
+  function processMessageContent(message3, targetMessages) {
     const newMessage = {
       ...message3,
       agentId: agent.agentInfo.id
     };
+    const isMain = !targetMessages;
+    const messages = targetMessages ?? conversation.messages[newMessage.conversationId]?.message;
+    if (!messages) return;
     const contentList = Array.isArray(newMessage.content) ? newMessage.content : [];
     if (contentList.length === 0) {
-      const messages = conversation.messages[newMessage.conversationId]?.message;
-      if (!messages) return;
       const idx = findExecutionMsgIndex(newMessage, messages);
       if (idx === -1) {
         messages.push({ ...newMessage });
@@ -1752,17 +1866,32 @@ function createChatStore() {
       return;
     }
     contentList.forEach((contentItem) => {
-      processSingleMessageContent({
-        ...newMessage,
-        content: [contentItem]
-      });
+      processSingleMessageContent(
+        {
+          ...newMessage,
+          content: [contentItem]
+        },
+        messages,
+        isMain
+      );
     });
-    normalizeMessagesByExecutionAndRole(conversation.messages[newMessage.conversationId]?.message);
+    normalizeMessagesByExecutionAndRole(messages);
   }
   function isStoppedIncomingMessage(newMessage) {
     const messages = conversation.messages[newMessage.conversationId]?.message;
     if (!messages) return false;
-    return messages.some((item) => item.stopFlag && item.executionId === newMessage.executionId);
+    if (messages.some((item) => item.stopFlag && item.executionId === newMessage.executionId)) {
+      return true;
+    }
+    return messages.some(
+      (msg) => msg.content?.some((c) => {
+        if (c.type === "toolCall") {
+          const subMessages = c.subMessages;
+          return subMessages?.some((sub) => sub.stopFlag && sub.executionId === newMessage.executionId);
+        }
+        return false;
+      })
+    );
   }
   const acceptMessage = async (newMessage) => {
     const conversationId = newMessage.conversationId;
@@ -1772,6 +1901,10 @@ function createChatStore() {
     if (canProceed === false) {
       throw new Error("\u64CD\u4F5C\u88AB\u963B\u6B62");
     }
+    if (newMessage.toolCallId) {
+      routeSubAgentMessage(newMessage);
+      return;
+    }
     if (isStoppedIncomingMessage(newMessage)) {
       conversation.messages[conversationId].loading = false;
       return;
@@ -1844,6 +1977,11 @@ function createChatStore() {
       const dealedParams = await config.hooks?.onHandleSendParams?.(sendParams);
       await config.services.request.sendMessageStream(dealedParams || sendParams, agent.agentInfo?.id || "");
       config.hooks?.onAfterSend?.();
+    } catch (err) {
+      conversation.messages[conversationId].loading = false;
+      const errMsg = err?.response?.data?.message || err?.message || "\u53D1\u9001\u5931\u8D25\uFF0C\u8BF7\u91CD\u8BD5";
+      message.error(errMsg);
+      throw err;
     } finally {
     }
   };
@@ -1853,19 +1991,25 @@ function createChatStore() {
       const lastMsg = messages[messages.length - 1];
       if (lastMsg.executionId) {
         await config.services.request.cancelMessage(lastMsg.executionId);
-        messages.forEach((item) => {
-          if (item.executionId === lastMsg.executionId) {
-            item.generating = false;
-            item.stopFlag = true;
+        const markStopped = (msgList, matchExecutionId) => {
+          msgList.forEach((item) => {
+            if (item.executionId === lastMsg.executionId) {
+              item.generating = false;
+              item.stopFlag = true;
+            }
             if (item.content && Array.isArray(item.content)) {
               item.content.forEach((contentItem) => {
                 if (contentItem.type === "toolCall" && contentItem.status !== "success" && contentItem.status !== "error") {
                   contentItem.status = "error";
                 }
+                if (contentItem.subMessages?.length) {
+                  markStopped(contentItem.subMessages);
+                }
               });
             }
-          }
-        });
+          });
+        };
+        markStopped(messages);
       } else {
         lastMsg.stopFlag = true;
         lastMsg.generating = false;
@@ -4547,7 +4691,8 @@ var FilesNode = React10__default.memo(({ item }) => {
 
 // src/components/CustomComponents/MessageNode/style.module.less
 var style_module_default2 = {
-  runStartedNode: "style_module_runStartedNode"};
+  runStartedNode: "style_module_runStartedNode",
+  dot: "style_module_dot"};
 var QuoteMsgNode = React10__default.memo(({ quoteMsg, role }) => {
   if (!quoteMsg || !quoteMsg.messageContent) return null;
   return /* @__PURE__ */ jsx(
@@ -4578,9 +4723,12 @@ var QuoteMsgNode = React10__default.memo(({ quoteMsg, role }) => {
     }
   );
 });
-var RunStartedNode = React10__default.memo(({ loading }) => {
-  if (!loading) return null;
-  return /* @__PURE__ */ jsx(Flex, { gap: 8, align: "center", className: style_module_default2.runStartedNode, children: /* @__PURE__ */ jsx(LoadingOutlined, { style: { color: "#1677ff" } }) });
+var RunStartedNode = React10__default.memo(() => {
+  return /* @__PURE__ */ jsxs("span", { className: style_module_default2.runStartedNode, children: [
+    /* @__PURE__ */ jsx("span", { className: style_module_default2.dot }),
+    /* @__PURE__ */ jsx("span", { className: style_module_default2.dot }),
+    /* @__PURE__ */ jsx("span", { className: style_module_default2.dot })
+  ] });
 });
 var RESOURCE_MARKDOWN_TAG = "resourcetag";
 var RESOURCE_TOKEN_REGEX = /(\w+):\/\/([^?\s]+)\?name=([^&\s]+)&label=([^\s]+)/g;
@@ -4632,13 +4780,43 @@ var TextNode2 = React10__default.memo(
 
 // src/components/CustomComponents/ToolRenders/index.module.less
 var index_module_default2 = {
+  toolCollapse: "index_module_toolCollapse",
   iconContainer: "index_module_iconContainer",
   toolName: "index_module_toolName",
+  toolNamePending: "index_module_toolNamePending",
+  dot: "index_module_dot",
+  dotBlink: "index_module_dotBlink",
   duration: "index_module_duration",
   statusIcon: "index_module_statusIcon",
+  expandIcon: "index_module_expandIcon",
+  expanded: "index_module_expanded",
   sectionLabel: "index_module_sectionLabel",
+  plainTextContainer: "index_module_plainTextContainer",
   markdownContainer: "index_module_markdownContainer",
+  summaryText: "index_module_summaryText",
+  metaGrid: "index_module_metaGrid",
+  metaItem: "index_module_metaItem",
+  metaLabel: "index_module_metaLabel",
+  metaValue: "index_module_metaValue",
+  linkList: "index_module_linkList",
+  linkItem: "index_module_linkItem",
+  linkTitle: "index_module_linkTitle",
+  linkIndex: "index_module_linkIndex",
+  linkSummary: "index_module_linkSummary",
+  linkUrl: "index_module_linkUrl",
+  statusBlock: "index_module_statusBlock",
+  status_info: "index_module_status_info",
+  status_success: "index_module_status_success",
+  status_warning: "index_module_status_warning",
+  status_error: "index_module_status_error",
+  errorDisplay: "index_module_errorDisplay",
   sectionBlock: "index_module_sectionBlock",
+  compactSectionBlock: "index_module_compactSectionBlock",
+  contentScrollContainer: "index_module_contentScrollContainer",
+  subAgentContainer: "index_module_subAgentContainer",
+  subAgentHeader: "index_module_subAgentHeader",
+  subAgentName: "index_module_subAgentName",
+  subAgentMessages: "index_module_subAgentMessages",
   todoList: "index_module_todoList",
   todoItem: "index_module_todoItem",
   statusIconWrapper: "index_module_statusIconWrapper",
@@ -4647,25 +4825,89 @@ var index_module_default2 = {
   completed: "index_module_completed",
   emptyText: "index_module_emptyText"
 };
-var DefaultToolRender = ({ argsContent, resultContent, errorMessage, item }) => {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    (item.content || item.arguments) && argsContent && /* @__PURE__ */ jsxs("div", { className: index_module_default2.sectionBlock, children: [
-      /* @__PURE__ */ jsx(Typography.Text, { className: index_module_default2.sectionLabel, children: "\u8F93\u5165\u53C2\u6570" }),
-      /* @__PURE__ */ jsx("div", { className: index_module_default2.markdownContainer, children: /* @__PURE__ */ jsx(XMarkdown_default, { content: argsContent.isJson ? `\`\`\`json
+var toMarkdown = (content, kind, lang) => {
+  if (kind === "markdown") return content;
+  if (kind === "data") return `\`\`\`json
+${content}
+\`\`\``;
+  return lang ? `\`\`\`${lang}
+${content}
+\`\`\`` : `\`\`\`
+${content}
+\`\`\``;
+};
+var renderBlock = (block, index) => {
+  if (block.kind === "status") {
+    return /* @__PURE__ */ jsx("div", { className: `${index_module_default2.statusBlock} ${index_module_default2[`status_${block.level}`] || ""}`, children: block.text }, `status-${index}`);
+  }
+  if (block.kind === "key_value") {
+    return /* @__PURE__ */ jsxs("div", { className: index_module_default2.sectionBlock, children: [
+      block.title && /* @__PURE__ */ jsx(Typography.Text, { className: index_module_default2.sectionLabel, children: block.title }),
+      /* @__PURE__ */ jsx("div", { className: index_module_default2.metaGrid, children: block.items.map((item, itemIndex) => /* @__PURE__ */ jsxs("div", { className: index_module_default2.metaItem, children: [
+        /* @__PURE__ */ jsx("span", { className: index_module_default2.metaLabel, children: item.label }),
+        /* @__PURE__ */ jsx("span", { className: index_module_default2.metaValue, children: item.value })
+      ] }, `${item.label}-${itemIndex}`)) })
+    ] }, `kv-${index}`);
+  }
+  if (block.kind === "links") {
+    return /* @__PURE__ */ jsxs("div", { className: index_module_default2.sectionBlock, children: [
+      block.title && /* @__PURE__ */ jsx(Typography.Text, { className: index_module_default2.sectionLabel, children: block.title }),
+      /* @__PURE__ */ jsx("div", { className: index_module_default2.linkList, children: block.items.map((item, itemIndex) => /* @__PURE__ */ jsxs("a", { href: item.url, target: "_blank", rel: "noreferrer", className: index_module_default2.linkItem, children: [
+        /* @__PURE__ */ jsxs("span", { className: index_module_default2.linkIndex, children: [
+          itemIndex + 1,
+          "."
+        ] }),
+        /* @__PURE__ */ jsx("span", { className: index_module_default2.linkTitle, children: item.title })
+      ] }, `${item.url}-${itemIndex}`)) })
+    ] }, `links-${index}`);
+  }
+  const markdown = block.kind === "markdown" ? block.content : toMarkdown(block.content, "code", block.lang);
+  return /* @__PURE__ */ jsxs("div", { className: index_module_default2.sectionBlock, children: [
+    block.title && /* @__PURE__ */ jsx(Typography.Text, { className: index_module_default2.sectionLabel, children: block.title }),
+    /* @__PURE__ */ jsx("div", { className: index_module_default2.markdownContainer, children: /* @__PURE__ */ jsx(XMarkdown_default, { content: markdown }) })
+  ] }, `${block.kind}-${index}`);
+};
+var renderDisplayView = (view, fallbackLabel) => {
+  if (!view) return null;
+  const hasBody = view.blocks && view.blocks.length > 0 || view.meta && view.meta.length > 0 || view.summary;
+  if (!hasBody) return null;
+  const hasRichBody = !!(view.blocks && view.blocks.length > 0);
+  const isOnlyLinksBlock = !view.summary && (!view.meta || view.meta.length === 0) && view.blocks?.length === 1 && view.blocks[0].kind === "links";
+  const label = isOnlyLinksBlock ? void 0 : (hasRichBody ? view.title : void 0);
+  return /* @__PURE__ */ jsxs("div", { className: `${index_module_default2.sectionBlock} ${!hasRichBody ? index_module_default2.compactSectionBlock : ""}`, children: [
+    label && /* @__PURE__ */ jsx(Typography.Text, { className: index_module_default2.sectionLabel, children: label }),
+    view.summary && /* @__PURE__ */ jsx("div", { className: index_module_default2.summaryText, children: view.summary }),
+    view.meta && view.meta.length > 0 && /* @__PURE__ */ jsx("div", { className: index_module_default2.metaGrid, children: view.meta.map((item, index) => /* @__PURE__ */ jsxs("div", { className: index_module_default2.metaItem, children: [
+      /* @__PURE__ */ jsx("span", { className: index_module_default2.metaLabel, children: item.label }),
+      /* @__PURE__ */ jsx("span", { className: index_module_default2.metaValue, children: item.value })
+    ] }, `${item.label}-${index}`)) }),
+    view.blocks?.map((block, index) => renderBlock(block, index))
+  ] });
+};
+var DefaultToolRender = ({ argsContent, resultContent, item }) => {
+  const sd = item.streamingArgsDisplay;
+  const isError = item.isError || item.status === "error";
+  const hasStructuredDisplay = !!item.displayProtocol || !!sd?.content || !!item.argsDisplay || !!item.resultDisplay;
+  return /* @__PURE__ */ jsxs("div", { className: isError ? index_module_default2.errorDisplay : "", children: [
+    !item.argsDisplay && sd?.content && /* @__PURE__ */ jsxs("div", { className: `${index_module_default2.sectionBlock} ${index_module_default2.compactSectionBlock}`, children: [
+      /* @__PURE__ */ jsx(Typography.Text, { className: index_module_default2.sectionLabel, children: sd.title || "\u8F93\u5165\u751F\u6210\u4E2D" }),
+      /* @__PURE__ */ jsx("div", { className: index_module_default2.markdownContainer, children: /* @__PURE__ */ jsx(XMarkdown_default, { content: toMarkdown(sd.content, sd.kind, sd.lang) }) })
+    ] }),
+    renderDisplayView(item.argsDisplay),
+    renderDisplayView(item.resultDisplay),
+    !hasStructuredDisplay && /* @__PURE__ */ jsxs(Fragment, { children: [
+      (item.content || item.arguments) && argsContent && /* @__PURE__ */ jsxs("div", { className: index_module_default2.sectionBlock, children: [
+        /* @__PURE__ */ jsx(Typography.Text, { className: index_module_default2.sectionLabel, children: "\u8F93\u5165\u53C2\u6570" }),
+        /* @__PURE__ */ jsx("div", { className: index_module_default2.markdownContainer, children: /* @__PURE__ */ jsx(XMarkdown_default, { content: argsContent.isJson ? `\`\`\`json
 ${argsContent.text}
 \`\`\`` : argsContent.text }) })
-    ] }),
-    item.result && resultContent && /* @__PURE__ */ jsxs("div", { className: index_module_default2.sectionBlock, children: [
-      /* @__PURE__ */ jsx(Typography.Text, { className: index_module_default2.sectionLabel, children: "\u8FD4\u56DE\u7ED3\u679C" }),
-      /* @__PURE__ */ jsx("div", { className: index_module_default2.markdownContainer, children: /* @__PURE__ */ jsx(XMarkdown_default, { content: resultContent.isJson ? `\`\`\`json
+      ] }),
+      item.result && resultContent && /* @__PURE__ */ jsxs("div", { className: index_module_default2.sectionBlock, children: [
+        /* @__PURE__ */ jsx(Typography.Text, { className: index_module_default2.sectionLabel, children: "\u8FD4\u56DE\u7ED3\u679C" }),
+        /* @__PURE__ */ jsx("div", { className: index_module_default2.markdownContainer, children: /* @__PURE__ */ jsx(XMarkdown_default, { content: resultContent.isJson ? `\`\`\`json
 ${resultContent.text}
 \`\`\`` : resultContent.text }) })
-    ] }),
-    errorMessage && /* @__PURE__ */ jsxs("div", { className: index_module_default2.sectionBlock, children: [
-      /* @__PURE__ */ jsx(Typography.Text, { className: index_module_default2.sectionLabel, children: "\u9519\u8BEF\u4FE1\u606F" }),
-      /* @__PURE__ */ jsx("div", { className: index_module_default2.markdownContainer, children: /* @__PURE__ */ jsx(XMarkdown_default, { content: `\`\`\`
-${errorMessage}
-\`\`\`` }) })
+      ] })
     ] })
   ] });
 };
@@ -4749,9 +4991,12 @@ var formatContent = (content) => {
     return { text, isJson: false, parsed: null };
   }
 };
+var hasDisplayViewBody = (view) => {
+  return !!(view?.summary || view?.blocks?.length || view?.meta?.length);
+};
 var ToolCallItem = ({ item }) => {
   const { token } = theme.useToken();
-  const renderConfig = getToolRenderConfig(item.toolName);
+  const renderConfig = getToolRenderConfig(item);
   const CustomRender = renderConfig.component;
   const status = useMemo(() => {
     if (item.status) return item.status;
@@ -4775,35 +5020,36 @@ var ToolCallItem = ({ item }) => {
       alwaysShow = renderConfig.alwaysShowContent;
     }
     if (alwaysShow) return true;
-    return Boolean(item.errorMessage);
-  }, [renderConfig.disableExpandOnError, renderConfig.alwaysShowContent, item.errorMessage, status, argsContent.parsed, resultContent?.parsed]);
+    if (item.displayProtocol) {
+      if (item.streamingArgsDisplay?.content) return true;
+      if (hasDisplayViewBody(item.argsDisplay)) return true;
+      if (hasDisplayViewBody(item.resultDisplay)) return true;
+      return false;
+    }
+    if (argsContent.text) return true;
+    if (resultContent?.text) return true;
+    return false;
+  }, [
+    renderConfig.disableExpandOnError,
+    renderConfig.alwaysShowContent,
+    item.displayProtocol,
+    item.streamingArgsDisplay,
+    item.argsDisplay,
+    item.resultDisplay,
+    status,
+    argsContent.parsed,
+    resultContent?.parsed,
+    argsContent.text,
+    resultContent?.text
+  ]);
   const isDefaultExpanded = useMemo(() => {
     if (typeof renderConfig.defaultExpanded === "function") {
       return renderConfig.defaultExpanded(argsContent.parsed, resultContent?.parsed);
     }
     return renderConfig.defaultExpanded;
   }, [renderConfig.defaultExpanded, argsContent.parsed, resultContent?.parsed]);
-  const statusConfig = {
-    running: {
-      icon: /* @__PURE__ */ jsx(LoadingOutlined, {}),
-      color: token.colorPrimary
-    },
-    success: {
-      icon: null,
-      color: token.colorSuccess
-    },
-    error: {
-      icon: null,
-      color: token.colorSuccess
-    },
-    pending: {
-      icon: /* @__PURE__ */ jsx(LoadingOutlined, {}),
-      color: token.colorTextSecondary
-    }
-  }[status] || {
-    icon: /* @__PURE__ */ jsx(LoadingOutlined, {}),
-    color: token.colorPrimary
-  };
+  const showLoading = status === "running" || status === "pending";
+  const displayName = item.title || (showLoading ? "" : item.toolName || "Unknown Tool");
   const renderIcon = () => {
     if (!item.toolIcon) {
       return /* @__PURE__ */ jsx(ToolOutlined, { style: { fontSize: 14, color: token.colorTextSecondary } });
@@ -4817,13 +5063,19 @@ var ToolCallItem = ({ item }) => {
   return /* @__PURE__ */ jsx(
     Collapse,
     {
-      style: { width: "70%" },
+      className: index_module_default2.toolCollapse,
+      style: { width: "100%" },
       collapsible: hasContent ? void 0 : "disabled",
       defaultActiveKey: isDefaultExpanded && hasContent ? [item.toolCallId || "fallback-key"] : void 0,
       expandIconPlacement: "end",
+      expandIcon: ({ isActive }) => hasContent ? /* @__PURE__ */ jsx(RightOutlined, { className: `${index_module_default2.expandIcon} ${isActive ? index_module_default2.expanded : ""}` }) : null,
       styles: {
         header: {
-          padding: "6px 10px"
+          padding: "4px 8px",
+          overflow: "hidden"
+        },
+        body: {
+          padding: "0 8px 8px"
         }
       },
       items: [
@@ -4832,14 +5084,18 @@ var ToolCallItem = ({ item }) => {
           showArrow: hasContent,
           label: /* @__PURE__ */ jsxs(Flex, { align: "center", gap: 8, style: { flex: 1, minWidth: 0 }, children: [
             /* @__PURE__ */ jsx("div", { className: index_module_default2.iconContainer, children: renderIcon() }),
-            /* @__PURE__ */ jsx("span", { className: index_module_default2.toolName, children: item.title || item.toolName || "Unknown Tool" }),
-            (status === "running" || status === "pending") && /* @__PURE__ */ jsx("div", { className: index_module_default2.statusIcon, style: { color: statusConfig.color }, children: statusConfig.icon }),
+            displayName ? /* @__PURE__ */ jsx("span", { className: index_module_default2.toolName, children: displayName }) : /* @__PURE__ */ jsxs("span", { className: index_module_default2.toolNamePending, children: [
+              /* @__PURE__ */ jsx("span", { className: index_module_default2.dot }),
+              /* @__PURE__ */ jsx("span", { className: index_module_default2.dot }),
+              /* @__PURE__ */ jsx("span", { className: index_module_default2.dot })
+            ] }),
+            showLoading && /* @__PURE__ */ jsx("div", { className: index_module_default2.statusIcon, style: { color: token.colorPrimary }, children: /* @__PURE__ */ jsx(LoadingOutlined, {}) }),
             item.duration && /* @__PURE__ */ jsxs(Typography.Text, { className: index_module_default2.duration, children: [
               item.duration,
               "ms"
             ] })
           ] }),
-          children: /* @__PURE__ */ jsx(
+          children: /* @__PURE__ */ jsx("div", { className: index_module_default2.contentScrollContainer, children: /* @__PURE__ */ jsx(
             CustomRender,
             {
               item,
@@ -4849,7 +5105,7 @@ var ToolCallItem = ({ item }) => {
               resultContent,
               errorMessage: item.errorMessage
             }
-          )
+          ) })
         }
       ]
     }
@@ -4863,9 +5119,6 @@ var MessageRender_default = React10__default.memo(({ role, message: message3, me
       if (!RENDERABLE_MESSAGE_TYPES.includes(item.type)) {
         return false;
       }
-      if (item.type === "runStarted") {
-        return !!loading;
-      }
       if (item.type === "plan") {
         return !shouldHideA2uiPlan(item);
       }
@@ -4875,7 +5128,7 @@ var MessageRender_default = React10__default.memo(({ role, message: message3, me
       }
       return true;
     });
-  }, [loading, message3.content]);
+  }, [message3.content]);
   const quoteMsg = useMemo(() => {
     const quoteMsg2 = {};
     if (message3.params) {
@@ -4889,7 +5142,8 @@ var MessageRender_default = React10__default.memo(({ role, message: message3, me
     }
     return isEmptyObj(quoteMsg2) ? null : quoteMsg2;
   }, [message3.params, message3.quoteMsg]);
-  if (content.length === 0) return null;
+  const showPending = loading && (content.length === 0 || content[content.length - 1].type !== "text");
+  if (content.length === 0 && !showPending) return null;
   const lastToolCallIndex = (() => {
     let lastIdx = -1;
     content.forEach((item, i) => {
@@ -4906,7 +5160,6 @@ var MessageRender_default = React10__default.memo(({ role, message: message3, me
           placement: role.placement,
           variant: item.type === "files" ? "borderless" : void 0,
           content: /* @__PURE__ */ jsxs(Fragment, { children: [
-            item.type === "runStarted" && /* @__PURE__ */ jsx(RunStartedNode, { loading }, `flow-start-${index}`),
             (item.type === "toolCall" || item.type === "toolResult") && /* @__PURE__ */ jsx(tool_call_item_default, { item }, `tool-call-${item.toolCallId || index}`),
             item.type === "text" && /* @__PURE__ */ jsx(
               TextNode2,
@@ -4927,6 +5180,7 @@ var MessageRender_default = React10__default.memo(({ role, message: message3, me
       ),
       index === lastToolCallIndex && messageIndex >= 0 ? /* @__PURE__ */ jsx(A2uiMessageCards, { messageIndex, message: message3 }) : null
     ] }, `message-${index}`)),
+    showPending && /* @__PURE__ */ jsx(Bubble, { role: role.user, placement: role.placement, content: /* @__PURE__ */ jsx(RunStartedNode, {}) }),
     quoteMsg && /* @__PURE__ */ jsx(QuoteMsgNode, { quoteMsg, role })
   ] });
 });
@@ -5226,7 +5480,7 @@ var ResourceSelectorModal_default = ({ open, type, onCancel }) => {
         setCategories([{ id: ALL_CATEGORY_ID, name: "\u5168\u90E8" }, ...tagsRes.data || []]);
         setResources(fetchedResources);
         const spec = conversationState.active.spec;
-        const initialItems = isSkill ? spec?.skills?.items : spec?.knowledge?.items;
+        const initialItems = isSkill ? spec?.skills?.items : spec?.knowledges?.items;
         const validIds = new Set(fetchedResources.map((r) => r.id));
         const validSelectedIds = (initialItems || []).map((item) => item.id).filter((id) => validIds.has(id));
         setSelectedIds(validSelectedIds);
@@ -5273,7 +5527,7 @@ var ResourceSelectorModal_default = ({ open, type, onCancel }) => {
         items: ids.map((id) => ({ id }))
       };
     } else {
-      nextSpec.knowledge = {
+      nextSpec.knowledges = {
         items: ids.map((id) => {
           const resource = resourceList.find((r) => r.id === id);
           return { id, name: resource?.name || "" };
@@ -5420,7 +5674,7 @@ var KnowledgeBtn_default = ({}) => {
   const chatStore = useChatStore();
   const conversationState = useSnapshot(chatStore.conversation);
   const [modalOpen, setModalOpen] = useState(false);
-  const knowledgeCount = conversationState.active.spec?.knowledge?.items?.length ?? 0;
+  const knowledgeCount = conversationState.active.spec?.knowledges?.items?.length ?? 0;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: style_module_default.resourceBtn, onClick: () => setModalOpen(true), children: [
       /* @__PURE__ */ jsx(IconFont_default, { type: "icon-remark" }),