@zero-library/chat-copilot 3.1.11 → 3.1.13

package/dist/index.esm.js

@@ -1,7 +1,7 @@
-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 { CloudUploadOutlined, PaperClipOutlined, createFromIconfontCN, EnterOutlined, DownloadOutlined, CloseOutlined, PlayCircleOutlined, CopyOutlined, DotChartOutlined, LoadingOutlined, RightOutlined, LikeOutlined, DislikeOutlined, ToolOutlined, SearchOutlined, UpOutlined, DownOutlined, PlusOutlined, CommentOutlined, DeleteOutlined, StarOutlined, RedoOutlined, StarFilled, 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, Upload, List, 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, Popconfirm, 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';
@@ -18,7 +18,7 @@ import { LexicalTypeaheadMenuPlugin, MenuOption } from '@lexical/react/LexicalTy
 import { mergeRegister } from '@lexical/utils';
 import * as ReactDOM from 'react-dom';
 import dayjs from 'dayjs';
-import classNames2 from 'classnames';
+import classNames from 'classnames';
 import InfiniteScroll from 'react-infinite-scroll-component';
 import { XCard as XCard$1 } from '@ant-design/x-card';
 import '@ant-design/x-markdown/themes/light.css';
@@ -998,6 +998,9 @@ var createChatService = (request, config) => {
   const getAgentAvatar = (path) => {
     return request.get(`/files/access?path=${path}&workspaceType=${"global" /* GLOBAL */}`, void 0, { responseType: "blob" });
   };
+  const conversationFavorite = (conversationId, isFavorite) => {
+    return request.put("/agents/conversations/favorite", { conversationIds: [conversationId], favorite: isFavorite });
+  };
   return {
     fetchModelList,
     fetchAgentInfo,
@@ -1016,7 +1019,8 @@ var createChatService = (request, config) => {
     listLibrarys,
     listDataSources,
     listTags,
-    getAgentAvatar
+    getAgentAvatar,
+    conversationFavorite
   };
 };
 
@@ -1206,6 +1210,7 @@ function createChatStore() {
         id: "id",
         label: "title",
         spec: "spec",
+        isFavorite: "isFavorite",
         group: (c) => {
           return classifyTime(c.updatedAt);
         }
@@ -1279,7 +1284,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 || "",
@@ -1290,6 +1295,45 @@ function createChatStore() {
     });
     await switchConversation(data);
   };
+  const favorite = proxy({
+    /** 收藏列表数据 */
+    list: {
+      items: []
+    },
+    /** 收藏列表的加载状态 */
+    loading: false
+  });
+  const getConversationFavorite = async () => {
+    try {
+      favorite.loading = true;
+      const { data } = await config.services.request.fetchConversations({
+        agentId: agent.agentInfo?.id || "",
+        convMeta: {
+          ...config.params.convMeta,
+          isFavorite: true
+        }
+      });
+      favorite.list.items = data || [];
+    } finally {
+      favorite.loading = false;
+    }
+  };
+  const collectConversation = async (conversationId, isFavorite) => {
+    try {
+      await config.services.request.conversationFavorite(conversationId, isFavorite);
+      if (conversations.list.items.length) {
+        const item = conversations.list.items.find((item2) => item2.id === conversationId);
+        if (item) {
+          item.isFavorite = isFavorite;
+        }
+      }
+      if (!isFavorite && favorite.list.items.length) {
+        favorite.list.items = favorite.list.items.filter((item) => item.id !== conversationId);
+      }
+      message.success(isFavorite ? "\u6536\u85CF\u6210\u529F" : "\u5DF2\u53D6\u6D88\u6536\u85CF");
+    } finally {
+    }
+  };
   const conversation = proxy({
     /** 当前激活的会话信息 */
     active: {
@@ -1594,36 +1638,32 @@ function createChatStore() {
       messages.push(finalMsg);
     } else {
       const contents = messages[idx].content;
-      const existingItemIndex = contents.findIndex(
-        (item) => item.type === "toolCall" && item.toolCallId === contentItem.toolCallId
-      );
+      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.toolIcon) {
-          nextItem.toolIcon = contentItem.toolIcon;
-        }
+        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.display = (existingItem.display || "") + 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 }];
       }
     }
     if (isMain) conversation.messages[msg.conversationId].loading = true;
@@ -1642,25 +1682,20 @@ 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.display !== void 0) {
-        nextToolCallItem.display = contentItem.display;
+      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 {
@@ -1686,60 +1721,73 @@ function createChatStore() {
     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.content?.some((c) => (c.type === "toolCall" || c.type === "toolCallDelta") && c.toolCallId === contentItem.toolCallId)
+        (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: [
-          {
-            type: "toolCall",
-            toolCallId: contentItem.toolCallId,
-            toolName: contentItem.toolName || void 0,
-            toolIcon: contentItem.toolIcon,
-            title: contentItem.title,
-            content: contentItem.argumentsDelta || "",
-            display: contentItem.display,
-            status: contentItem.status || "running"
-          }
-        ],
-        generating: true
-      });
+      messages.push({ ...msg, content: [buildNewItem()], generating: true });
     } else {
       const contents = messages[idx].content;
-      const itemIdx = contents.findIndex(
-        (c) => (c.type === "toolCall" || c.type === "toolCallDelta") && c.toolCallId === contentItem.toolCallId
-      );
+      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: (existing.content || "") + (contentItem.argumentsDelta || "")
+          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.display) nextItem.display = (existing.display || "") + contentItem.display;
+        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,
-          {
-            type: "toolCall",
-            toolCallId: contentItem.toolCallId,
-            toolName: contentItem.toolName || void 0,
-            toolIcon: contentItem.toolIcon,
-            title: contentItem.title,
-            content: contentItem.argumentsDelta || "",
-            display: contentItem.display,
-            status: contentItem.status || "running"
-          }
-        ];
+        messages[idx].content = [...contents, buildNewItem()];
       }
     }
     if (isMain) conversation.messages[msg.conversationId].loading = true;
@@ -1969,6 +2017,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 {
     }
   };
@@ -2066,7 +2119,13 @@ function createChatStore() {
     /** 消息反馈 */
     feedback,
     /** 设置会话用户输入 */
-    setConversationUserInput
+    setConversationUserInput,
+    /** 收藏管理 */
+    favorite,
+    /** 获取会话收藏列表 */
+    getConversationFavorite,
+    /** 收藏会话 */
+    collectConversation
   };
 }
 var AuthImage = ({ path, size, shape = "square" }) => {
@@ -2141,6 +2200,106 @@ window._iconfont_svg_string_5021436 = '<svg><symbol id="icon-Ollama" viewBox="0
 // src/components/IconFont/index.ts
 var IconFont = createFromIconfontCN({});
 var IconFont_default = IconFont;
+
+// src/ui/common/FeatureComponents/style.module.less
+var style_module_default = {
+  popover: "style_module_popover",
+  resourceBtn: "style_module_resourceBtn",
+  divider: "style_module_divider",
+  count: "style_module_count",
+  resourceBtnActive: "style_module_resourceBtnActive",
+  customModal: "style_module_customModal",
+  layout: "style_module_layout",
+  sider: "style_module_sider",
+  categoryName: "style_module_categoryName",
+  siderContent: "style_module_siderContent",
+  categoryItem: "style_module_categoryItem",
+  categoryActive: "style_module_categoryActive",
+  roundCheckbox: "style_module_roundCheckbox",
+  content: "style_module_content",
+  searchInput: "style_module_searchInput",
+  selectedCount: "style_module_selectedCount",
+  tagsArea: "style_module_tagsArea",
+  tagContainer: "style_module_tagContainer",
+  tag: "style_module_tag",
+  expandBtnWrapper: "style_module_expandBtnWrapper",
+  expandBtn: "style_module_expandBtn",
+  tagsExpanded: "style_module_tagsExpanded",
+  listArea: "style_module_listArea",
+  listInner: "style_module_listInner",
+  listItem: "style_module_listItem",
+  listItemSelected: "style_module_listItemSelected",
+  itemIconWrapper: "style_module_itemIconWrapper",
+  itemInfo: "style_module_itemInfo",
+  itemDesc: "style_module_itemDesc",
+  footer: "style_module_footer",
+  titleContainer: "style_module_titleContainer",
+  favoriteCard: "style_module_favoriteCard",
+  favoriteCardActive: "style_module_favoriteCardActive",
+  favoriteCardTitle: "style_module_favoriteCardTitle",
+  favoriteCardActions: "style_module_favoriteCardActions"};
+var ConversationFavoritesBtn_default = ({ icon, ...rest }) => {
+  const chatStore = useChatStore();
+  const conversationState = useSnapshot(chatStore.conversation);
+  const favoriteState = useSnapshot(chatStore.favorite);
+  const getFavoriteList = useDebounce(() => {
+    chatStore.getConversationFavorite();
+  }, 300);
+  const renderFavoriteList = useMemo(() => {
+    return /* @__PURE__ */ jsx(Flex, { vertical: true, gap: 4, className: classNames("height-full", "scroll-fade-in"), children: favoriteState.list.items.length ? favoriteState.list.items.map((item) => /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: classNames(style_module_default.favoriteCard, { [style_module_default.favoriteCardActive]: conversationState.active.id === item.id }),
+        onClick: () => chatStore.switchConversation(item.id),
+        children: /* @__PURE__ */ jsxs(Flex, { gap: 8, align: "center", children: [
+          /* @__PURE__ */ jsx(Flex, { flex: 1, className: classNames(style_module_default.favoriteCardTitle, "text-ellipsis"), children: item.title }),
+          /* @__PURE__ */ jsx(Flex, { gap: 8, align: "center", className: style_module_default.favoriteCardActions, children: /* @__PURE__ */ jsx(
+            Popconfirm,
+            {
+              title: "\u63D0\u793A",
+              okText: "\u786E\u5B9A",
+              cancelText: "\u53D6\u6D88",
+              description: "\u786E\u8BA4\u53D6\u6D88\u6536\u85CF\u8BE5\u4F1A\u8BDD\u5417\uFF1F",
+              onConfirm: (e) => {
+                e.stopPropagation();
+                chatStore.collectConversation(item.id, false);
+              },
+              onCancel: (e) => e.stopPropagation(),
+              children: /* @__PURE__ */ jsx(
+                Button,
+                {
+                  icon: /* @__PURE__ */ jsx(DeleteOutlined, {}),
+                  title: "\u5220\u9664",
+                  type: "text",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                  }
+                }
+              )
+            }
+          ) })
+        ] })
+      },
+      item.id
+    )) : /* @__PURE__ */ jsx(Empty, { description: "\u6682\u65E0\u6536\u85CF", image: Empty.PRESENTED_IMAGE_SIMPLE }) });
+  }, [favoriteState.list.items, conversationState.active.id]);
+  const handlePopoverVisibleChange = (visible) => {
+    if (!visible) return;
+    getFavoriteList();
+  };
+  return /* @__PURE__ */ jsx(
+    Popover,
+    {
+      classNames: { container: style_module_default.popover },
+      getPopupContainer: (e) => e,
+      placement: "bottom",
+      content: renderFavoriteList,
+      trigger: ["click"],
+      onOpenChange: handlePopoverVisibleChange,
+      children: /* @__PURE__ */ jsx(Button, { title: "\u6536\u85CF\u5939", type: "text", size: "large", icon: icon?.() || /* @__PURE__ */ jsx(StarOutlined, {}), ...rest })
+    }
+  );
+};
 var CreateBtn_default = ({ icon, ...rest }) => {
   const chatStore = useChatStore();
   return /* @__PURE__ */ jsx(Button, { title: "\u65B0\u5EFA\u4F1A\u8BDD", size: "large", type: "text", icon: icon?.() || /* @__PURE__ */ jsx(PlusOutlined, {}), onClick: () => chatStore.createConversation(), ...rest });
@@ -2181,6 +2340,11 @@ var ConversationList_default = () => {
   }, [conversationsState.list.items]);
   const menuConfig = (conversation) => ({
     items: [
+      {
+        label: `${conversation.isFavorite ? "\u53D6\u6D88\u6536\u85CF" : "\u6536\u85CF"}`,
+        key: "collect",
+        icon: conversation?.isFavorite ? /* @__PURE__ */ jsx(StarFilled, { className: "primary-text" }) : /* @__PURE__ */ jsx(StarOutlined, {})
+      },
       {
         label: "\u5220\u9664",
         key: "deleteChat",
@@ -2192,6 +2356,8 @@ var ConversationList_default = () => {
       itemInfo.domEvent.stopPropagation();
       if (itemInfo.key === "deleteChat") {
         chatStore.delConversation(conversation.key);
+      } else if (itemInfo.key === "collect") {
+        chatStore.collectConversation(conversation.id, !conversation.isFavorite);
       }
     }
   });
@@ -2220,41 +2386,6 @@ var ConversationList_default = () => {
     }
   ) : /* @__PURE__ */ jsx(Empty, { description: "\u6682\u65E0\u4F1A\u8BDD\u8BB0\u5F55", image: Empty.PRESENTED_IMAGE_SIMPLE }) }) });
 };
-
-// src/ui/common/FeatureComponents/style.module.less
-var style_module_default = {
-  popover: "style_module_popover",
-  resourceBtn: "style_module_resourceBtn",
-  divider: "style_module_divider",
-  count: "style_module_count",
-  resourceBtnActive: "style_module_resourceBtnActive",
-  customModal: "style_module_customModal",
-  layout: "style_module_layout",
-  sider: "style_module_sider",
-  categoryName: "style_module_categoryName",
-  siderContent: "style_module_siderContent",
-  categoryItem: "style_module_categoryItem",
-  categoryActive: "style_module_categoryActive",
-  roundCheckbox: "style_module_roundCheckbox",
-  content: "style_module_content",
-  searchInput: "style_module_searchInput",
-  selectedCount: "style_module_selectedCount",
-  tagsArea: "style_module_tagsArea",
-  tagContainer: "style_module_tagContainer",
-  tag: "style_module_tag",
-  expandBtnWrapper: "style_module_expandBtnWrapper",
-  expandBtn: "style_module_expandBtn",
-  tagsExpanded: "style_module_tagsExpanded",
-  listArea: "style_module_listArea",
-  listInner: "style_module_listInner",
-  listItem: "style_module_listItem",
-  listItemSelected: "style_module_listItemSelected",
-  itemIconWrapper: "style_module_itemIconWrapper",
-  itemInfo: "style_module_itemInfo",
-  itemDesc: "style_module_itemDesc",
-  footer: "style_module_footer",
-  titleContainer: "style_module_titleContainer"
-};
 var HistoryBtn_default = ({ icon, ...rest }) => {
   return /* @__PURE__ */ jsx(
     Popover,
@@ -2268,11 +2399,18 @@ var HistoryBtn_default = ({ icon, ...rest }) => {
     }
   );
 };
-var ChatHeader_default = ({ title = true, avatar = true, closeBtn = false, newConversationBtn = true, conversationListBtn = true }) => {
+var ChatHeader_default = ({
+  title = true,
+  avatar = true,
+  closeBtn = false,
+  newConversationBtn = true,
+  conversationListBtn = true,
+  conversationFavoriteBtn = true
+}) => {
   const chatStore = useChatStore();
   const agentState = useSnapshot(chatStore.agent);
   const configState = useSnapshot(chatStore.config);
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: classNames2(styles_module_default2.chatHeader, "zero-chat-header"), children: [
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: classNames(styles_module_default2.chatHeader, "zero-chat-header"), children: [
     /* @__PURE__ */ jsxs("div", { className: styles_module_default2.chatHeaderContent, children: [
       /* @__PURE__ */ jsx(
         RenderWrapper,
@@ -2287,7 +2425,8 @@ var ChatHeader_default = ({ title = true, avatar = true, closeBtn = false, newCo
     /* @__PURE__ */ jsxs(Space, { size: 2, children: [
       /* @__PURE__ */ jsxs("div", { className: styles_module_default2.chatHeaderBtnGroup, children: [
         /* @__PURE__ */ jsx(RenderWrapper, { control: newConversationBtn, DefaultComponent: CreateBtn_default }),
-        /* @__PURE__ */ jsx(RenderWrapper, { control: conversationListBtn, DefaultComponent: HistoryBtn_default })
+        /* @__PURE__ */ jsx(RenderWrapper, { control: conversationListBtn, DefaultComponent: HistoryBtn_default }),
+        /* @__PURE__ */ jsx(RenderWrapper, { control: conversationFavoriteBtn, DefaultComponent: ConversationFavoritesBtn_default })
       ] }),
       /* @__PURE__ */ jsx(
         RenderWrapper,
@@ -2300,7 +2439,7 @@ var ChatHeader_default = ({ title = true, avatar = true, closeBtn = false, newCo
   ] }) });
 };
 var { Text } = Typography;
-var ConversationListHeader_default = ({ title = true, avatar = true, newConversationBtn = true }) => {
+var ConversationListHeader_default = ({ title = true, avatar = true, newConversationBtn = true, conversationFavoriteBtn = true }) => {
   const chatStore = useChatStore();
   const agentState = useSnapshot(chatStore.agent);
   return /* @__PURE__ */ jsxs(Flex, { className: "p-24", gap: 16, vertical: true, children: [
@@ -2317,8 +2456,8 @@ var ConversationListHeader_default = ({ title = true, avatar = true, newConversa
         {
           control: title,
           DefaultComponent: /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Flex, { vertical: true, gap: 4, flex: 1, style: { minWidth: 0 }, children: [
-            /* @__PURE__ */ jsx(Text, { strong: true, className: classNames2("fz-16"), children: agentState.agentInfo.name }),
-            /* @__PURE__ */ jsx(Text, { type: "secondary", ellipsis: true, className: classNames2("fz-12"), children: agentState.agentInfo.description })
+            /* @__PURE__ */ jsx(Text, { strong: true, className: classNames("fz-16"), children: agentState.agentInfo.name }),
+            /* @__PURE__ */ jsx(Text, { type: "secondary", ellipsis: true, className: classNames("fz-12"), children: agentState.agentInfo.description })
           ] }) })
         }
       )
@@ -2333,7 +2472,7 @@ var ConversationListHeader_default = ({ title = true, avatar = true, newConversa
             block: true,
             type: "primary",
             onClick: () => chatStore.createConversation(),
-            className: classNames2(styles_module_default2.createConversationButton),
+            className: classNames(styles_module_default2.createConversationButton),
             icon: /* @__PURE__ */ jsx(PlusOutlined, {}),
             children: "\u65B0\u5EFA\u4F1A\u8BDD"
           }
@@ -2343,7 +2482,7 @@ var ConversationListHeader_default = ({ title = true, avatar = true, newConversa
   ] });
 };
 var ConversationListPanel = ({ header }) => {
-  return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames2("height-full", "zero-chat-conversations", styles_module_default2.conversationListPanel), children: [
+  return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames("height-full", "zero-chat-conversations", styles_module_default2.conversationListPanel), children: [
     /* @__PURE__ */ jsx(RenderWrapper, { control: header, DefaultComponent: ConversationListHeader_default }),
     /* @__PURE__ */ jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsx(ConversationList_default, {}) })
   ] });
@@ -2812,7 +2951,7 @@ var CHART_COMPONENTS = Object.fromEntries(
 );
 var Charts_default = ({ data, loading }) => {
   const { type, config } = data;
-  return /* @__PURE__ */ jsx("div", { className: classNames2(styles_module_default3.chart, "scroll-fade-in"), children: loading ? (
+  return /* @__PURE__ */ jsx("div", { className: classNames(styles_module_default3.chart, "scroll-fade-in"), children: loading ? (
     // Antd 骨架屏
     /* @__PURE__ */ jsx(Skeleton.Node, { active: true, className: styles_module_default3.chartSkeleton, children: /* @__PURE__ */ jsx(DotChartOutlined, { className: styles_module_default3.chartSkeletonIcon }) })
   ) : /* @__PURE__ */ jsx(
@@ -3107,7 +3246,7 @@ var XMarkdown_default = memo(({ message: message3, components = {}, content = ""
   return /* @__PURE__ */ jsx(
     XMarkdown,
     {
-      className: classNames2("x-markdown-light", styles_module_default4.xMarkdownStyle),
+      className: classNames("x-markdown-light", styles_module_default4.xMarkdownStyle),
       config,
       ...rest,
       content: processedContent,
@@ -3452,7 +3591,7 @@ var Switch = ({ id, label, value, bind_path_token, onChange, onDataChange }) =>
     /* @__PURE__ */ jsx("span", { style: { fontSize: 13, color: "#555" }, children: label })
   ] });
 };
-var Button9 = ({ label, variant = "default", onClick, action, onAction }) => {
+var Button10 = ({ label, variant = "default", onClick, action, onAction }) => {
   const handleClick = () => {
     if (onClick) {
       onClick();
@@ -3482,7 +3621,7 @@ var A2uiComponents = {
   TextField,
   Select,
   Switch,
-  Button: Button9,
+  Button: Button10,
   Divider,
   Tag: Tag3,
   Progress,
@@ -4767,10 +4906,12 @@ 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",
@@ -4778,8 +4919,30 @@ var index_module_default2 = {
   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",
@@ -4788,28 +4951,89 @@ var index_module_default2 = {
   completed: "index_module_completed",
   emptyText: "index_module_emptyText"
 };
-var DefaultToolRender = ({ argsContent, resultContent, errorMessage, item }) => {
-  if (item.display) {
-    return /* @__PURE__ */ jsx("pre", { className: index_module_default2.plainTextContainer, children: item.display });
+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}`);
   }
-  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
+  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}
-\`\`\`` }) })
+      ] })
     ] })
   ] });
 };
@@ -4893,6 +5117,9 @@ 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);
@@ -4919,16 +5146,22 @@ var ToolCallItem = ({ item }) => {
       alwaysShow = renderConfig.alwaysShowContent;
     }
     if (alwaysShow) return true;
-    if (item.display) return true;
-    if (item.errorMessage) return true;
+    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.display,
-    item.errorMessage,
+    item.displayProtocol,
+    item.streamingArgsDisplay,
+    item.argsDisplay,
+    item.resultDisplay,
     status,
     argsContent.parsed,
     resultContent?.parsed,
@@ -4956,15 +5189,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: [
@@ -5086,7 +5323,7 @@ var WelcomeItem_default = ({ icon = true, title = true, description = true, prom
     /* @__PURE__ */ jsx(
       Welcome,
       {
-        className: classNames2(styles_module_default2.chatWelcome, "p-t-32"),
+        className: classNames(styles_module_default2.chatWelcome, "p-t-32"),
         variant: "borderless",
         icon: /* @__PURE__ */ jsx(
           RenderWrapper,
@@ -5112,7 +5349,7 @@ var WelcomeItem_default = ({ icon = true, title = true, description = true, prom
         DefaultComponent: /* @__PURE__ */ jsx(
           Prompts,
           {
-            className: classNames2("m-t-16", styles_module_default2.promptItem),
+            className: classNames("m-t-16", styles_module_default2.promptItem),
             wrap: true,
             onItemClick: (info) => chatStore.sendMessage(info.data.description),
             items: recommendQuestions
@@ -5321,7 +5558,7 @@ var BubbleListItems_default = ({
       autoScroll: false,
       ref: listRef,
       items: bubbleListItems,
-      className: classNames2(styles_module_default2.bubbleList, "height-full", "scroll-fade-in"),
+      className: classNames(styles_module_default2.bubbleList, "height-full", "scroll-fade-in"),
       onScroll: handleScroll
     },
     conversationState.active.id
@@ -5369,7 +5606,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);
@@ -5416,7 +5653,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 || "" };
@@ -5472,7 +5709,7 @@ var ResourceSelectorModal_default = ({ open, type, onCancel }) => {
           return /* @__PURE__ */ jsxs(
             Flex,
             {
-              className: classNames2(style_module_default.categoryItem, { [style_module_default.categoryActive]: isChecked }),
+              className: classNames(style_module_default.categoryItem, { [style_module_default.categoryActive]: isChecked }),
               onClick: () => handleCategoryChange(cat.id, !isChecked),
               children: [
                 /* @__PURE__ */ jsx(
@@ -5507,7 +5744,7 @@ var ResourceSelectorModal_default = ({ open, type, onCancel }) => {
             "\u5DF2\u9009 ",
             selectedIds.length
           ] }) }),
-          /* @__PURE__ */ jsxs("div", { className: classNames2(style_module_default.tagsArea, { [style_module_default.tagsExpanded]: tagsExpanded }), children: [
+          /* @__PURE__ */ jsxs("div", { className: classNames(style_module_default.tagsArea, { [style_module_default.tagsExpanded]: tagsExpanded }), children: [
             /* @__PURE__ */ jsxs(Flex, { gap: 8, className: style_module_default.tagContainer, wrap: true, ref: tagsContainerRef, children: [
               selectedIds.map((id) => /* @__PURE__ */ jsx(
                 Tag,
@@ -5537,7 +5774,7 @@ var ResourceSelectorModal_default = ({ open, type, onCancel }) => {
             return /* @__PURE__ */ jsxs(
               "div",
               {
-                className: classNames2(style_module_default.listItem, { [style_module_default.listItemSelected]: isSelected }),
+                className: classNames(style_module_default.listItem, { [style_module_default.listItemSelected]: isSelected }),
                 onClick: () => toggleItemSelection(item.id),
                 children: [
                   /* @__PURE__ */ jsx("div", { className: style_module_default.itemIconWrapper, children: /* @__PURE__ */ jsx(IconFont_default, { type: iconType }) }),
@@ -5563,7 +5800,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" }),
@@ -5667,7 +5904,7 @@ var ReasonBtn_default = ({}) => {
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: classNames2(style_module_default.resourceBtn, { [style_module_default.resourceBtnActive]: agentState.model.reasoning }),
+      className: classNames(style_module_default.resourceBtn, { [style_module_default.resourceBtnActive]: agentState.model.reasoning }),
       onClick: () => chatStore.setAgentModel({ ...agentState.model, reasoning: !agentState.model.reasoning }),
       children: [
         /* @__PURE__ */ jsx(IconFont_default, { type: "icon-reason" }),
@@ -6140,9 +6377,9 @@ var ChatMainPanel = memo(
     );
     const configState = useSnapshot(chatStore.config);
     const agentState = useSnapshot(chatStore.agent);
-    return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames2("height-full"), children: [
+    return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames("height-full"), children: [
       /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.chatHeader, DefaultComponent: ChatHeader_default }),
-      /* @__PURE__ */ jsxs(Flex, { align: "center", vertical: true, gap: 24, className: classNames2("height-full", styles_module_default5.bodyWidth), children: [
+      /* @__PURE__ */ jsxs(Flex, { align: "center", vertical: true, gap: 24, className: classNames("height-full", styles_module_default5.bodyWidth), children: [
         shouldRender(agentState.agentInfo.userInput && agentState.agentInfo.userInput.length > 0) && /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.userInput, DefaultComponent: UserInputPanel_default }),
         shouldRender(configState.layout.messageList) && /* @__PURE__ */ jsx("div", { className: "full-scroll", style: { width: "100%" }, children: /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.messageList, DefaultComponent: BubbleListItems_default }) }),
         /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.senderHeader, DefaultComponent: /* @__PURE__ */ jsx(ChatSenderHeader_default, {}) }),
@@ -6177,7 +6414,7 @@ var ChatPreviewPanel = memo(({ file }) => {
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     file.fileUrl && /* @__PURE__ */ jsxs(Flex, { vertical: true, className: "height-full", children: [
       /* @__PURE__ */ jsxs("div", { className: styles_module_default5.previewHeader, children: [
-        /* @__PURE__ */ jsx("div", { className: classNames2(styles_module_default5.previewHeaderTitle, "text-ellipsis"), title: file.fileName, children: file.fileName }),
+        /* @__PURE__ */ jsx("div", { className: classNames(styles_module_default5.previewHeaderTitle, "text-ellipsis"), title: file.fileName, children: file.fileName }),
         /* @__PURE__ */ jsxs(Flex, { gap: 8, justify: "center", align: "center", children: [
           /* @__PURE__ */ jsx(
             Button,
@@ -6313,12 +6550,12 @@ var layouts_default = forwardRef(({ theme: theme5, params, hooks, layout, config
   useEffect(() => {
     hooks?.onBeforeInit?.();
   }, []);
-  return /* @__PURE__ */ jsx(XProvider, { theme: { cssVar: {}, ...theme5 }, children: /* @__PURE__ */ jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsx(Spin, { spinning: configState.loading, classNames: { root: "full-spin" }, children: /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames2(index_module_default3.chatLayout, "zero-chat-layout", "height-full"), children: [
+  return /* @__PURE__ */ jsx(XProvider, { theme: { cssVar: {}, ...theme5 }, children: /* @__PURE__ */ jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsx(Spin, { spinning: configState.loading, classNames: { root: "full-spin" }, children: /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames(index_module_default3.chatLayout, "zero-chat-layout", "height-full"), children: [
     /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.globalHeader, DefaultComponent: ChatHeader_default }),
     /* @__PURE__ */ jsxs(Flex, { ref: containerRef, className: "full-scroll", children: [
       /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.leftPanel }),
       /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.conversationList, DefaultComponent: ConversationListPanel_default }),
-      /* @__PURE__ */ jsxs(Splitter, { className: classNames2("flex-1", index_module_default3.animatedSplitter, { [index_module_default3.hideSplitterBar]: !hasPreView }), children: [
+      /* @__PURE__ */ jsxs(Splitter, { className: classNames("flex-1", index_module_default3.animatedSplitter, { [index_module_default3.hideSplitterBar]: !hasPreView }), children: [
         /* @__PURE__ */ jsx(Splitter.Panel, { collapsible: false, max: 800, min: 400, size: sizes[1], children: /* @__PURE__ */ jsx(ChatMainPanel_default, { ref: senderRef }) }),
         /* @__PURE__ */ jsx(Splitter.Panel, { collapsible: false, min: 600, size: sizes[0], children: /* @__PURE__ */ jsx(ChatPreviewPanel_default, { file: configState.preview.file }) })
       ] })