@zero-library/chat-copilot 3.1.12 → 3.1.14

package/dist/index.cjs.js

@@ -19,7 +19,7 @@ var LexicalTypeaheadMenuPlugin = require('@lexical/react/LexicalTypeaheadMenuPlu
 var utils = require('@lexical/utils');
 var ReactDOM = require('react-dom');
 var dayjs = require('dayjs');
-var classNames2 = require('classnames');
+var classNames = require('classnames');
 var InfiniteScroll = require('react-infinite-scroll-component');
 var xCard = require('@ant-design/x-card');
 require('@ant-design/x-markdown/themes/light.css');
@@ -49,7 +49,7 @@ function _interopNamespace(e) {
 var React10__namespace = /*#__PURE__*/_interopNamespace(React10);
 var ReactDOM__namespace = /*#__PURE__*/_interopNamespace(ReactDOM);
 var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
-var classNames2__default = /*#__PURE__*/_interopDefault(classNames2);
+var classNames__default = /*#__PURE__*/_interopDefault(classNames);
 var InfiniteScroll__default = /*#__PURE__*/_interopDefault(InfiniteScroll);
 var XMarkdown__default = /*#__PURE__*/_interopDefault(XMarkdown);
 var Latex__default = /*#__PURE__*/_interopDefault(Latex);
@@ -74,7 +74,7 @@ var styles_module_default = {
 var Attachments_default = React10.forwardRef(({ fileUpload, fileUploadConfig, fileList = [], onChange, extraParams }, ref) => {
   const { message: message3 } = antd.App.useApp();
   const chatStore = useChatStore();
-  valtio.useSnapshot(chatStore.agent);
+  const configState = valtio.useSnapshot(chatStore.config);
   const fileListRef = React10.useRef([]);
   const [attachedFiles, setAttachedFiles, getAttachedFiles] = common.useRefState([]);
   React10.useEffect(() => {
@@ -193,8 +193,8 @@ var Attachments_default = React10.forwardRef(({ fileUpload, fileUploadConfig, fi
       currentFile.abortController.abort();
     }
     setAttachedFiles(attachedFiles.filter((f) => f.uid !== file.uid));
-    chatStore.config.params.convMeta?.libraryId;
-    file.path;
+    const filePath = file.path;
+    configState.hooks?.onAfterRemoveFile?.(filePath);
   };
   React10.useImperativeHandle(
     ref,
@@ -1027,6 +1027,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,
@@ -1045,7 +1048,8 @@ var createChatService = (request, config) => {
     listLibrarys,
     listDataSources,
     listTags,
-    getAgentAvatar
+    getAgentAvatar,
+    conversationFavorite
   };
 };
 
@@ -1235,6 +1239,7 @@ function createChatStore() {
         id: "id",
         label: "title",
         spec: "spec",
+        isFavorite: "isFavorite",
         group: (c) => {
           return classifyTime(c.updatedAt);
         }
@@ -1319,6 +1324,45 @@ function createChatStore() {
     });
     await switchConversation(data);
   };
+  const favorite = valtio.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);
+      }
+      antd.message.success(isFavorite ? "\u6536\u85CF\u6210\u529F" : "\u5DF2\u53D6\u6D88\u6536\u85CF");
+    } finally {
+    }
+  };
   const conversation = valtio.proxy({
     /** 当前激活的会话信息 */
     active: {
@@ -1623,9 +1667,7 @@ function createChatStore() {
       messages.push(finalMsg);
     } else {
       const contents = messages[idx].content;
-      let 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
@@ -1708,9 +1750,7 @@ 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)
-      );
+      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(
@@ -2108,7 +2148,13 @@ function createChatStore() {
     /** 消息反馈 */
     feedback,
     /** 设置会话用户输入 */
-    setConversationUserInput
+    setConversationUserInput,
+    /** 收藏管理 */
+    favorite,
+    /** 获取会话收藏列表 */
+    getConversationFavorite,
+    /** 收藏会话 */
+    collectConversation
   };
 }
 var AuthImage = ({ path, size, shape = "square" }) => {
@@ -2183,6 +2229,106 @@ window._iconfont_svg_string_5021436 = '<svg><symbol id="icon-Ollama" viewBox="0
 // src/components/IconFont/index.ts
 var IconFont = icons.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 = valtio.useSnapshot(chatStore.conversation);
+  const favoriteState = valtio.useSnapshot(chatStore.favorite);
+  const getFavoriteList = common.useDebounce(() => {
+    chatStore.getConversationFavorite();
+  }, 300);
+  const renderFavoriteList = React10.useMemo(() => {
+    return /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, gap: 4, className: classNames__default.default("height-full", "scroll-fade-in"), children: favoriteState.list.items.length ? favoriteState.list.items.map((item) => /* @__PURE__ */ jsxRuntime.jsx(
+      "div",
+      {
+        className: classNames__default.default(style_module_default.favoriteCard, { [style_module_default.favoriteCardActive]: conversationState.active.id === item.id }),
+        onClick: () => chatStore.switchConversation(item.id),
+        children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, align: "center", children: [
+          /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { flex: 1, className: classNames__default.default(style_module_default.favoriteCardTitle, "text-ellipsis"), children: item.title }),
+          /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { gap: 8, align: "center", className: style_module_default.favoriteCardActions, children: /* @__PURE__ */ jsxRuntime.jsx(
+            antd.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__ */ jsxRuntime.jsx(
+                antd.Button,
+                {
+                  icon: /* @__PURE__ */ jsxRuntime.jsx(icons.DeleteOutlined, {}),
+                  title: "\u5220\u9664",
+                  type: "text",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                  }
+                }
+              )
+            }
+          ) })
+        ] })
+      },
+      item.id
+    )) : /* @__PURE__ */ jsxRuntime.jsx(antd.Empty, { description: "\u6682\u65E0\u6536\u85CF", image: antd.Empty.PRESENTED_IMAGE_SIMPLE }) });
+  }, [favoriteState.list.items, conversationState.active.id]);
+  const handlePopoverVisibleChange = (visible) => {
+    if (!visible) return;
+    getFavoriteList();
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    antd.Popover,
+    {
+      classNames: { container: style_module_default.popover },
+      getPopupContainer: (e) => e,
+      placement: "bottom",
+      content: renderFavoriteList,
+      trigger: ["click"],
+      onOpenChange: handlePopoverVisibleChange,
+      children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { title: "\u6536\u85CF\u5939", type: "text", size: "large", icon: icon?.() || /* @__PURE__ */ jsxRuntime.jsx(icons.StarOutlined, {}), ...rest })
+    }
+  );
+};
 var CreateBtn_default = ({ icon, ...rest }) => {
   const chatStore = useChatStore();
   return /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { title: "\u65B0\u5EFA\u4F1A\u8BDD", size: "large", type: "text", icon: icon?.() || /* @__PURE__ */ jsxRuntime.jsx(icons.PlusOutlined, {}), onClick: () => chatStore.createConversation(), ...rest });
@@ -2223,6 +2369,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__ */ jsxRuntime.jsx(icons.StarFilled, { className: "primary-text" }) : /* @__PURE__ */ jsxRuntime.jsx(icons.StarOutlined, {})
+      },
       {
         label: "\u5220\u9664",
         key: "deleteChat",
@@ -2234,6 +2385,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);
       }
     }
   });
@@ -2262,41 +2415,6 @@ var ConversationList_default = () => {
     }
   ) : /* @__PURE__ */ jsxRuntime.jsx(antd.Empty, { description: "\u6682\u65E0\u4F1A\u8BDD\u8BB0\u5F55", image: antd.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__ */ jsxRuntime.jsx(
     antd.Popover,
@@ -2310,11 +2428,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 = valtio.useSnapshot(chatStore.agent);
   const configState = valtio.useSnapshot(chatStore.config);
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classNames2__default.default(styles_module_default2.chatHeader, "zero-chat-header"), children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classNames__default.default(styles_module_default2.chatHeader, "zero-chat-header"), children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module_default2.chatHeaderContent, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         common.RenderWrapper,
@@ -2329,7 +2454,8 @@ var ChatHeader_default = ({ title = true, avatar = true, closeBtn = false, newCo
     /* @__PURE__ */ jsxRuntime.jsxs(antd.Space, { size: 2, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module_default2.chatHeaderBtnGroup, children: [
         /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: newConversationBtn, DefaultComponent: CreateBtn_default }),
-        /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: conversationListBtn, DefaultComponent: HistoryBtn_default })
+        /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: conversationListBtn, DefaultComponent: HistoryBtn_default }),
+        /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: conversationFavoriteBtn, DefaultComponent: ConversationFavoritesBtn_default })
       ] }),
       /* @__PURE__ */ jsxRuntime.jsx(
         common.RenderWrapper,
@@ -2342,7 +2468,7 @@ var ChatHeader_default = ({ title = true, avatar = true, closeBtn = false, newCo
   ] }) });
 };
 var { Text } = antd.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 = valtio.useSnapshot(chatStore.agent);
   return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { className: "p-24", gap: 16, vertical: true, children: [
@@ -2359,8 +2485,8 @@ var ConversationListHeader_default = ({ title = true, avatar = true, newConversa
         {
           control: title,
           DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, gap: 4, flex: 1, style: { minWidth: 0 }, children: [
-            /* @__PURE__ */ jsxRuntime.jsx(Text, { strong: true, className: classNames2__default.default("fz-16"), children: agentState.agentInfo.name }),
-            /* @__PURE__ */ jsxRuntime.jsx(Text, { type: "secondary", ellipsis: true, className: classNames2__default.default("fz-12"), children: agentState.agentInfo.description })
+            /* @__PURE__ */ jsxRuntime.jsx(Text, { strong: true, className: classNames__default.default("fz-16"), children: agentState.agentInfo.name }),
+            /* @__PURE__ */ jsxRuntime.jsx(Text, { type: "secondary", ellipsis: true, className: classNames__default.default("fz-12"), children: agentState.agentInfo.description })
           ] }) })
         }
       )
@@ -2375,7 +2501,7 @@ var ConversationListHeader_default = ({ title = true, avatar = true, newConversa
             block: true,
             type: "primary",
             onClick: () => chatStore.createConversation(),
-            className: classNames2__default.default(styles_module_default2.createConversationButton),
+            className: classNames__default.default(styles_module_default2.createConversationButton),
             icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PlusOutlined, {}),
             children: "\u65B0\u5EFA\u4F1A\u8BDD"
           }
@@ -2385,7 +2511,7 @@ var ConversationListHeader_default = ({ title = true, avatar = true, newConversa
   ] });
 };
 var ConversationListPanel = ({ header }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames2__default.default("height-full", "zero-chat-conversations", styles_module_default2.conversationListPanel), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames__default.default("height-full", "zero-chat-conversations", styles_module_default2.conversationListPanel), children: [
     /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: header, DefaultComponent: ConversationListHeader_default }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsxRuntime.jsx(ConversationList_default, {}) })
   ] });
@@ -2854,7 +2980,7 @@ var CHART_COMPONENTS = Object.fromEntries(
 );
 var Charts_default = ({ data, loading }) => {
   const { type, config } = data;
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames2__default.default(styles_module_default3.chart, "scroll-fade-in"), children: loading ? (
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames__default.default(styles_module_default3.chart, "scroll-fade-in"), children: loading ? (
     // Antd 骨架屏
     /* @__PURE__ */ jsxRuntime.jsx(antd.Skeleton.Node, { active: true, className: styles_module_default3.chartSkeleton, children: /* @__PURE__ */ jsxRuntime.jsx(icons.DotChartOutlined, { className: styles_module_default3.chartSkeletonIcon }) })
   ) : /* @__PURE__ */ jsxRuntime.jsx(
@@ -3149,7 +3275,7 @@ var XMarkdown_default = React10.memo(({ message: message3, components = {}, cont
   return /* @__PURE__ */ jsxRuntime.jsx(
     XMarkdown__default.default,
     {
-      className: classNames2__default.default("x-markdown-light", styles_module_default4.xMarkdownStyle),
+      className: classNames__default.default("x-markdown-light", styles_module_default4.xMarkdownStyle),
       config,
       ...rest,
       content: processedContent,
@@ -3494,7 +3620,7 @@ var Switch = ({ id, label, value, bind_path_token, onChange, onDataChange }) =>
     /* @__PURE__ */ jsxRuntime.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();
@@ -3524,7 +3650,7 @@ var A2uiComponents = {
   TextField,
   Select,
   Switch,
-  Button: Button9,
+  Button: Button10,
   Divider,
   Tag: Tag3,
   Progress,
@@ -4801,7 +4927,7 @@ var TextNode2 = React10__namespace.default.memo(
     }
     const markdownContent = typeof content === "string" ? transformResourceText(content) : content;
     return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-      !!item.reasoningContent && /* @__PURE__ */ jsxRuntime.jsx(xV2.Think, { title: "\u6DF1\u5EA6\u601D\u8003", children: item.reasoningContent }),
+      !!item.reasoningContent && /* @__PURE__ */ jsxRuntime.jsx(xV2.Think, { title: "\u6DF1\u5EA6\u601D\u8003", style: { marginBottom: "16px" }, children: item.reasoningContent }),
       !!markdownContent && /* @__PURE__ */ jsxRuntime.jsx(XMarkdown_default, { message: message3, components: markdownComponents, content: markdownContent })
     ] });
   }
@@ -4810,15 +4936,17 @@ var TextNode2 = React10__namespace.default.memo(
 // src/components/CustomComponents/ToolRenders/index.module.less
 var index_module_default2 = {
   toolCollapse: "index_module_toolCollapse",
-  iconContainer: "index_module_iconContainer",
+  toolCallItem: "index_module_toolCallItem",
+  toolIcon: "index_module_toolIcon",
   toolName: "index_module_toolName",
+  statusIcon: "index_module_statusIcon",
+  duration: "index_module_duration",
   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",
+  contentScrollContainer: "index_module_contentScrollContainer",
   sectionLabel: "index_module_sectionLabel",
   plainTextContainer: "index_module_plainTextContainer",
   markdownContainer: "index_module_markdownContainer",
@@ -4841,7 +4969,6 @@ var index_module_default2 = {
   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",
@@ -5081,13 +5208,13 @@ var ToolCallItem = ({ item }) => {
   const displayName = item.title || (showLoading ? "" : item.toolName || "Unknown Tool");
   const renderIcon = () => {
     if (!item.toolIcon) {
-      return /* @__PURE__ */ jsxRuntime.jsx(icons.ToolOutlined, { style: { fontSize: 14, color: token.colorTextSecondary } });
+      return /* @__PURE__ */ jsxRuntime.jsx(icons.ToolOutlined, { style: { fontSize: 14 } });
     }
     const isUrl = /^(http|\/)/.test(item.toolIcon);
     if (isUrl) {
       return /* @__PURE__ */ jsxRuntime.jsx("img", { src: item.toolIcon, alt: "tool-icon", style: { width: "100%", height: "100%", objectFit: "contain" } });
     }
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { style: { fontSize: 14, lineHeight: 1 }, children: item.toolIcon });
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: index_module_default2.toolIcon, children: item.toolIcon });
   };
   return /* @__PURE__ */ jsxRuntime.jsx(
     antd.Collapse,
@@ -5098,31 +5225,18 @@ var ToolCallItem = ({ item }) => {
       defaultActiveKey: isDefaultExpanded && hasContent ? [item.toolCallId || "fallback-key"] : void 0,
       expandIconPlacement: "end",
       expandIcon: ({ isActive }) => hasContent ? /* @__PURE__ */ jsxRuntime.jsx(icons.RightOutlined, { className: `${index_module_default2.expandIcon} ${isActive ? index_module_default2.expanded : ""}` }) : null,
-      styles: {
-        header: {
-          padding: "4px 8px",
-          overflow: "hidden"
-        },
-        body: {
-          padding: "0 8px 8px"
-        }
-      },
       items: [
         {
           key: item.toolCallId || "fallback-key",
           showArrow: hasContent,
-          label: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { align: "center", gap: 8, style: { flex: 1, minWidth: 0 }, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default2.iconContainer, children: renderIcon() }),
-            displayName ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: index_module_default2.toolName, children: displayName }) : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: index_module_default2.toolNamePending, children: [
+          label: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: index_module_default2.toolCallItem, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { children: renderIcon() }),
+            displayName ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: `${index_module_default2.toolName} text-ellipsis`, children: displayName }) : /* @__PURE__ */ jsxRuntime.jsxs("span", { className: index_module_default2.toolNamePending, children: [
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: index_module_default2.dot }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: index_module_default2.dot }),
               /* @__PURE__ */ jsxRuntime.jsx("span", { className: index_module_default2.dot })
             ] }),
-            showLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default2.statusIcon, style: { color: token.colorPrimary }, children: /* @__PURE__ */ jsxRuntime.jsx(icons.LoadingOutlined, {}) }),
-            item.duration && /* @__PURE__ */ jsxRuntime.jsxs(antd.Typography.Text, { className: index_module_default2.duration, children: [
-              item.duration,
-              "ms"
-            ] })
+            showLoading && /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default2.statusIcon, style: { color: token.colorPrimary }, children: /* @__PURE__ */ jsxRuntime.jsx(icons.LoadingOutlined, {}) })
           ] }),
           children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: index_module_default2.contentScrollContainer, children: /* @__PURE__ */ jsxRuntime.jsx(
             CustomRender,
@@ -5209,7 +5323,7 @@ var MessageRender_default = React10__namespace.default.memo(({ role, message: me
       ),
       index === lastToolCallIndex && messageIndex >= 0 ? /* @__PURE__ */ jsxRuntime.jsx(A2uiMessageCards, { messageIndex, message: message3 }) : null
     ] }, `message-${index}`)),
-    showPending && /* @__PURE__ */ jsxRuntime.jsx(xV2.Bubble, { role: role.user, placement: role.placement, content: /* @__PURE__ */ jsxRuntime.jsx(RunStartedNode, {}) }),
+    showPending && role.user === "agent" && /* @__PURE__ */ jsxRuntime.jsx(xV2.Bubble, { role: role.user, placement: role.placement, content: /* @__PURE__ */ jsxRuntime.jsx(RunStartedNode, {}) }),
     quoteMsg && /* @__PURE__ */ jsxRuntime.jsx(QuoteMsgNode, { quoteMsg, role })
   ] });
 });
@@ -5226,7 +5340,7 @@ var WelcomeItem_default = ({ icon = true, title = true, description = true, prom
     /* @__PURE__ */ jsxRuntime.jsx(
       xV2.Welcome,
       {
-        className: classNames2__default.default(styles_module_default2.chatWelcome, "p-t-32"),
+        className: classNames__default.default(styles_module_default2.chatWelcome, "p-t-32"),
         variant: "borderless",
         icon: /* @__PURE__ */ jsxRuntime.jsx(
           common.RenderWrapper,
@@ -5252,7 +5366,7 @@ var WelcomeItem_default = ({ icon = true, title = true, description = true, prom
         DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(
           xV2.Prompts,
           {
-            className: classNames2__default.default("m-t-16", styles_module_default2.promptItem),
+            className: classNames__default.default("m-t-16", styles_module_default2.promptItem),
             wrap: true,
             onItemClick: (info) => chatStore.sendMessage(info.data.description),
             items: recommendQuestions
@@ -5461,7 +5575,7 @@ var BubbleListItems_default = ({
       autoScroll: false,
       ref: listRef,
       items: bubbleListItems,
-      className: classNames2__default.default(styles_module_default2.bubbleList, "height-full", "scroll-fade-in"),
+      className: classNames__default.default(styles_module_default2.bubbleList, "height-full", "scroll-fade-in"),
       onScroll: handleScroll
     },
     conversationState.active.id
@@ -5612,7 +5726,7 @@ var ResourceSelectorModal_default = ({ open, type, onCancel }) => {
           return /* @__PURE__ */ jsxRuntime.jsxs(
             antd.Flex,
             {
-              className: classNames2__default.default(style_module_default.categoryItem, { [style_module_default.categoryActive]: isChecked }),
+              className: classNames__default.default(style_module_default.categoryItem, { [style_module_default.categoryActive]: isChecked }),
               onClick: () => handleCategoryChange(cat.id, !isChecked),
               children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
@@ -5647,7 +5761,7 @@ var ResourceSelectorModal_default = ({ open, type, onCancel }) => {
             "\u5DF2\u9009 ",
             selectedIds.length
           ] }) }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classNames2__default.default(style_module_default.tagsArea, { [style_module_default.tagsExpanded]: tagsExpanded }), children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classNames__default.default(style_module_default.tagsArea, { [style_module_default.tagsExpanded]: tagsExpanded }), children: [
             /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, className: style_module_default.tagContainer, wrap: true, ref: tagsContainerRef, children: [
               selectedIds.map((id) => /* @__PURE__ */ jsxRuntime.jsx(
                 antd.Tag,
@@ -5677,7 +5791,7 @@ var ResourceSelectorModal_default = ({ open, type, onCancel }) => {
             return /* @__PURE__ */ jsxRuntime.jsxs(
               "div",
               {
-                className: classNames2__default.default(style_module_default.listItem, { [style_module_default.listItemSelected]: isSelected }),
+                className: classNames__default.default(style_module_default.listItem, { [style_module_default.listItemSelected]: isSelected }),
                 onClick: () => toggleItemSelection(item.id),
                 children: [
                   /* @__PURE__ */ jsxRuntime.jsx("div", { className: style_module_default.itemIconWrapper, children: /* @__PURE__ */ jsxRuntime.jsx(IconFont_default, { type: iconType }) }),
@@ -5807,7 +5921,7 @@ var ReasonBtn_default = ({}) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: classNames2__default.default(style_module_default.resourceBtn, { [style_module_default.resourceBtnActive]: agentState.model.reasoning }),
+      className: classNames__default.default(style_module_default.resourceBtn, { [style_module_default.resourceBtnActive]: agentState.model.reasoning }),
       onClick: () => chatStore.setAgentModel({ ...agentState.model, reasoning: !agentState.model.reasoning }),
       children: [
         /* @__PURE__ */ jsxRuntime.jsx(IconFont_default, { type: "icon-reason" }),
@@ -6280,9 +6394,9 @@ var ChatMainPanel = React10.memo(
     );
     const configState = valtio.useSnapshot(chatStore.config);
     const agentState = valtio.useSnapshot(chatStore.agent);
-    return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames2__default.default("height-full"), children: [
+    return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames__default.default("height-full"), children: [
       /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.chatHeader, DefaultComponent: ChatHeader_default }),
-      /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { align: "center", vertical: true, gap: 24, className: classNames2__default.default("height-full", styles_module_default5.bodyWidth), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { align: "center", vertical: true, gap: 24, className: classNames__default.default("height-full", styles_module_default5.bodyWidth), children: [
         common.shouldRender(agentState.agentInfo.userInput && agentState.agentInfo.userInput.length > 0) && /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.userInput, DefaultComponent: UserInputPanel_default }),
         common.shouldRender(configState.layout.messageList) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "full-scroll", style: { width: "100%" }, children: /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.messageList, DefaultComponent: BubbleListItems_default }) }),
         /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.senderHeader, DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(ChatSenderHeader_default, {}) }),
@@ -6317,7 +6431,7 @@ var ChatPreviewPanel = React10.memo(({ file }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     file.fileUrl && /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: "height-full", children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module_default5.previewHeader, children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames2__default.default(styles_module_default5.previewHeaderTitle, "text-ellipsis"), title: file.fileName, children: file.fileName }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames__default.default(styles_module_default5.previewHeaderTitle, "text-ellipsis"), title: file.fileName, children: file.fileName }),
         /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, justify: "center", align: "center", children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             antd.Button,
@@ -6453,12 +6567,12 @@ var layouts_default = React10.forwardRef(({ theme: theme5, params, hooks, layout
   React10.useEffect(() => {
     hooks?.onBeforeInit?.();
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(xV2.XProvider, { theme: { cssVar: {}, ...theme5 }, children: /* @__PURE__ */ jsxRuntime.jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: configState.loading, classNames: { root: "full-spin" }, children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames2__default.default(index_module_default3.chatLayout, "zero-chat-layout", "height-full"), children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(xV2.XProvider, { theme: { cssVar: {}, ...theme5 }, children: /* @__PURE__ */ jsxRuntime.jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: configState.loading, classNames: { root: "full-spin" }, children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames__default.default(index_module_default3.chatLayout, "zero-chat-layout", "height-full"), children: [
     /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.globalHeader, DefaultComponent: ChatHeader_default }),
     /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { ref: containerRef, className: "full-scroll", children: [
       /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.leftPanel }),
       /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.conversationList, DefaultComponent: ConversationListPanel_default }),
-      /* @__PURE__ */ jsxRuntime.jsxs(antd.Splitter, { className: classNames2__default.default("flex-1", index_module_default3.animatedSplitter, { [index_module_default3.hideSplitterBar]: !hasPreView }), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(antd.Splitter, { className: classNames__default.default("flex-1", index_module_default3.animatedSplitter, { [index_module_default3.hideSplitterBar]: !hasPreView }), children: [
         /* @__PURE__ */ jsxRuntime.jsx(antd.Splitter.Panel, { collapsible: false, max: 800, min: 400, size: sizes[1], children: /* @__PURE__ */ jsxRuntime.jsx(ChatMainPanel_default, { ref: senderRef }) }),
         /* @__PURE__ */ jsxRuntime.jsx(antd.Splitter.Panel, { collapsible: false, min: 600, size: sizes[0], children: /* @__PURE__ */ jsxRuntime.jsx(ChatPreviewPanel_default, { file: configState.preview.file }) })
       ] })