@zero-library/chat-copilot 3.1.14 → 3.1.15

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, DeleteOutlined, StarOutlined, RedoOutlined, StarFilled, 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, StarFilled, StarOutlined, 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, Popconfirm, 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, InputNumber, Switch as Switch$1, message, Tabs, Upload, Popconfirm, 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,8 @@ import { LexicalTypeaheadMenuPlugin, MenuOption } from '@lexical/react/LexicalTy
 import { mergeRegister } from '@lexical/utils';
 import * as ReactDOM from 'react-dom';
 import dayjs from 'dayjs';
-import classNames from 'classnames';
+import classNames2 from 'classnames';
+import console2 from 'console';
 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';
@@ -1228,6 +1229,7 @@ function createChatStore() {
       await config.services.request.deleteConversation(conversationId);
       message.success("\u5220\u9664\u6210\u529F");
       conversations.list.items = conversations.list.items.filter((item) => item.key !== conversationId);
+      favorite.list.items = favorite.list.items.filter((item) => item.id !== conversationId);
       delete conversation.messages[conversationId];
       if (conversation.active.id === conversationId) {
         createConversation();
@@ -1273,6 +1275,7 @@ function createChatStore() {
       id: "id",
       label: "title",
       spec: "spec",
+      isFavorite: "isFavorite",
       group: (c) => {
         return classifyTime(c.updatedAt);
       }
@@ -1327,7 +1330,9 @@ function createChatStore() {
           item.isFavorite = isFavorite;
         }
       }
-      if (!isFavorite && favorite.list.items.length) {
+      if (isFavorite) {
+        await getConversationFavorite();
+      } else if (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");
@@ -2200,109 +2205,34 @@ 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 conversationsState = useSnapshot(chatStore.conversations);
   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();
+  const activeConversation = useMemo(() => {
+    return conversationsState.list.items.find((item) => item.id === conversationState.active.id);
+  }, [conversationsState.list.items, conversationState.active.id]);
+  const isFavorite = Boolean(activeConversation?.isFavorite);
+  const handleToggleFavorite = () => {
+    if (!conversationState.active.id) return;
+    chatStore.collectConversation(conversationState.active.id, !isFavorite);
   };
   return /* @__PURE__ */ jsx(
-    Popover,
+    Button,
     {
-      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 })
+      title: isFavorite ? "\u53D6\u6D88\u6536\u85CF" : "\u6536\u85CF",
+      type: "text",
+      size: "small",
+      disabled: !conversationState.active.id,
+      icon: icon?.() || (isFavorite ? /* @__PURE__ */ jsx(StarFilled, { className: "primary-text" }) : /* @__PURE__ */ jsx(StarOutlined, {})),
+      onClick: handleToggleFavorite,
+      ...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 });
+  return /* @__PURE__ */ jsx(Button, { title: "\u65B0\u5EFA\u4F1A\u8BDD", size: "small", type: "text", icon: icon?.() || /* @__PURE__ */ jsx(PlusOutlined, {}), onClick: () => chatStore.createConversation(), ...rest });
 };
 
 // src/ui/common/styles.module.less
@@ -2315,6 +2245,10 @@ var styles_module_default2 = {
   conversationListPanel: "styles_module_conversationListPanel",
   createConversationButton: "styles_module_createConversationButton",
   conversations: "styles_module_conversations",
+  conversationTabs: "styles_module_conversationTabs",
+  conversationTabPane: "styles_module_conversationTabPane",
+  conversationEmpty: "styles_module_conversationEmpty",
+  conversationScrollArea: "styles_module_conversationScrollArea",
   chatWelcomeWrap: "styles_module_chatWelcomeWrap",
   chatWelcome: "styles_module_chatWelcome",
   promptItem: "styles_module_promptItem",
@@ -2333,12 +2267,30 @@ var styles_module_default2 = {
 };
 var ConversationList_default = () => {
   const chatStore = useChatStore();
+  const agentState = useSnapshot(chatStore.agent);
   const conversationsState = useSnapshot(chatStore.conversations);
   const conversationState = useSnapshot(chatStore.conversation);
+  const favoriteState = useSnapshot(chatStore.favorite);
+  const [activeTabKey, setActiveTabKey] = useState("history");
+  useEffect(() => {
+    if (!agentState.agentInfo.id) return;
+    chatStore.getConversationFavorite();
+  }, [agentState.agentInfo.id, chatStore]);
   const conversationList = useMemo(() => {
     return conversationsState.list.items.filter((item) => item.label);
   }, [conversationsState.list.items]);
-  const menuConfig = (conversation) => ({
+  const favoriteConversationList = useMemo(() => {
+    return favoriteState.list.items.filter((item) => item.title).map((item) => ({
+      ...item,
+      key: item.id,
+      id: item.id,
+      label: item.title,
+      spec: item.spec,
+      isFavorite: true,
+      group: classifyTime(item.updatedAt)
+    }));
+  }, [favoriteState.list.items]);
+  const historyMenuConfig = (conversation) => ({
     items: [
       {
         label: `${conversation.isFavorite ? "\u53D6\u6D88\u6536\u85CF" : "\u6536\u85CF"}`,
@@ -2361,31 +2313,135 @@ var ConversationList_default = () => {
       }
     }
   });
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { className: "height-full scroll-fade-in", id: "scrollableDiv", children: conversationList.length ? /* @__PURE__ */ jsx(
-    InfiniteScroll,
+  const favoriteMenuConfig = (conversation) => ({
+    trigger: /* @__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(conversation.id, false);
+        },
+        onCancel: (e) => e.stopPropagation(),
+        children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            icon: /* @__PURE__ */ jsx(DeleteOutlined, {}),
+            title: "\u5220\u9664",
+            type: "text",
+            onClick: (e) => {
+              e.stopPropagation();
+            }
+          }
+        )
+      }
+    ),
+    items: []
+  });
+  return /* @__PURE__ */ jsx("div", { className: styles_module_default2.conversationTabs, children: /* @__PURE__ */ jsx(
+    Tabs,
     {
-      dataLength: conversationList.length,
-      hasMore: false,
-      next: () => {
-        console.log("next");
-      },
-      loader: /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ jsx(Spin, { indicator: /* @__PURE__ */ jsx(RedoOutlined, { spin: true }), size: "small" }) }),
-      style: { overflow: "hidden" },
-      scrollableTarget: "scrollableDiv",
-      children: /* @__PURE__ */ jsx(
-        Conversations,
+      activeKey: activeTabKey,
+      centered: true,
+      onChange: setActiveTabKey,
+      items: [
+        {
+          key: "history",
+          label: "\u5386\u53F2\u4F1A\u8BDD",
+          children: /* @__PURE__ */ jsx("div", { className: styles_module_default2.conversationTabPane, children: conversationList.length ? /* @__PURE__ */ jsx("div", { className: styles_module_default2.conversationScrollArea, id: "historyConversationScrollableDiv", children: /* @__PURE__ */ jsx(
+            InfiniteScroll,
+            {
+              dataLength: conversationList.length,
+              hasMore: false,
+              next: () => {
+                console2.log("next");
+              },
+              loader: /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ jsx(Spin, { indicator: /* @__PURE__ */ jsx(RedoOutlined, { spin: true }), size: "small" }) }),
+              style: { overflow: "hidden" },
+              scrollableTarget: "historyConversationScrollableDiv",
+              children: /* @__PURE__ */ jsx(
+                Conversations,
+                {
+                  className: styles_module_default2.conversations,
+                  items: conversationList,
+                  activeKey: conversationState.active.id,
+                  onActiveChange: async (id) => chatStore.switchConversation(id),
+                  groupable: true,
+                  menu: historyMenuConfig
+                }
+              )
+            }
+          ) }) : /* @__PURE__ */ jsx("div", { className: styles_module_default2.conversationEmpty, children: /* @__PURE__ */ jsx(Empty, { description: "\u6682\u65E0\u4F1A\u8BDD\u8BB0\u5F55", image: Empty.PRESENTED_IMAGE_SIMPLE }) }) })
+        },
         {
-          className: styles_module_default2.conversations,
-          items: conversationList,
-          activeKey: conversationState.active.id,
-          onActiveChange: async (id) => chatStore.switchConversation(id),
-          groupable: true,
-          menu: menuConfig
+          key: "favorite",
+          label: "\u6536\u85CF\u4F1A\u8BDD",
+          children: /* @__PURE__ */ jsx("div", { className: styles_module_default2.conversationTabPane, children: favoriteConversationList.length ? /* @__PURE__ */ jsx("div", { className: styles_module_default2.conversationScrollArea, id: "favoriteConversationScrollableDiv", children: /* @__PURE__ */ jsx(
+            InfiniteScroll,
+            {
+              dataLength: favoriteConversationList.length,
+              hasMore: false,
+              next: () => {
+                console2.log("next");
+              },
+              loader: /* @__PURE__ */ jsx("div", { className: "text-center", children: /* @__PURE__ */ jsx(Spin, { indicator: /* @__PURE__ */ jsx(RedoOutlined, { spin: true }), size: "small" }) }),
+              style: { overflow: "hidden" },
+              scrollableTarget: "favoriteConversationScrollableDiv",
+              children: /* @__PURE__ */ jsx(
+                Conversations,
+                {
+                  className: styles_module_default2.conversations,
+                  items: favoriteConversationList,
+                  activeKey: conversationState.active.id,
+                  onActiveChange: async (id) => chatStore.switchConversation(id),
+                  groupable: true,
+                  menu: favoriteMenuConfig
+                }
+              )
+            }
+          ) }) : /* @__PURE__ */ jsx("div", { className: styles_module_default2.conversationEmpty, children: /* @__PURE__ */ jsx(Empty, { description: "\u6682\u65E0\u6536\u85CF\u4F1A\u8BDD", image: Empty.PRESENTED_IMAGE_SIMPLE }) }) })
         }
-      )
+      ]
     }
-  ) : /* @__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,
@@ -2395,7 +2451,7 @@ var HistoryBtn_default = ({ icon, ...rest }) => {
       classNames: { container: style_module_default.popover },
       content: /* @__PURE__ */ jsx(ConversationList_default, {}),
       trigger: ["click"],
-      children: /* @__PURE__ */ jsx(Button, { title: "\u5386\u53F2\u4F1A\u8BDD", size: "large", type: "text", icon: icon?.() || /* @__PURE__ */ jsx(CommentOutlined, {}), ...rest })
+      children: /* @__PURE__ */ jsx(Button, { title: "\u5386\u53F2\u4F1A\u8BDD", size: "small", type: "text", icon: icon?.() || /* @__PURE__ */ jsx(CommentOutlined, {}), ...rest })
     }
   );
 };
@@ -2410,7 +2466,7 @@ var ChatHeader_default = ({
   const chatStore = useChatStore();
   const agentState = useSnapshot(chatStore.agent);
   const configState = useSnapshot(chatStore.config);
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: classNames(styles_module_default2.chatHeader, "zero-chat-header"), children: [
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { className: classNames2(styles_module_default2.chatHeader, "zero-chat-header"), children: [
     /* @__PURE__ */ jsxs("div", { className: styles_module_default2.chatHeaderContent, children: [
       /* @__PURE__ */ jsx(
         RenderWrapper,
@@ -2456,8 +2512,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: classNames("fz-16"), children: agentState.agentInfo.name }),
-            /* @__PURE__ */ jsx(Text, { type: "secondary", ellipsis: true, className: classNames("fz-12"), children: agentState.agentInfo.description })
+            /* @__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 })
           ] }) })
         }
       )
@@ -2472,7 +2528,7 @@ var ConversationListHeader_default = ({ title = true, avatar = true, newConversa
             block: true,
             type: "primary",
             onClick: () => chatStore.createConversation(),
-            className: classNames(styles_module_default2.createConversationButton),
+            className: classNames2(styles_module_default2.createConversationButton),
             icon: /* @__PURE__ */ jsx(PlusOutlined, {}),
             children: "\u65B0\u5EFA\u4F1A\u8BDD"
           }
@@ -2482,7 +2538,7 @@ var ConversationListHeader_default = ({ title = true, avatar = true, newConversa
   ] });
 };
 var ConversationListPanel = ({ header }) => {
-  return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames("height-full", "zero-chat-conversations", styles_module_default2.conversationListPanel), children: [
+  return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames2("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, {}) })
   ] });
@@ -2951,7 +3007,7 @@ var CHART_COMPONENTS = Object.fromEntries(
 );
 var Charts_default = ({ data, loading }) => {
   const { type, config } = data;
-  return /* @__PURE__ */ jsx("div", { className: classNames(styles_module_default3.chart, "scroll-fade-in"), children: loading ? (
+  return /* @__PURE__ */ jsx("div", { className: classNames2(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(
@@ -3246,7 +3302,7 @@ var XMarkdown_default = memo(({ message: message3, components = {}, content = ""
   return /* @__PURE__ */ jsx(
     XMarkdown,
     {
-      className: classNames("x-markdown-light", styles_module_default4.xMarkdownStyle),
+      className: classNames2("x-markdown-light", styles_module_default4.xMarkdownStyle),
       config,
       ...rest,
       content: processedContent,
@@ -3591,7 +3647,7 @@ var Switch = ({ id, label, value, bind_path_token, onChange, onDataChange }) =>
     /* @__PURE__ */ jsx("span", { style: { fontSize: 13, color: "#555" }, children: label })
   ] });
 };
-var Button10 = ({ label, variant = "default", onClick, action, onAction }) => {
+var Button11 = ({ label, variant = "default", onClick, action, onAction }) => {
   const handleClick = () => {
     if (onClick) {
       onClick();
@@ -3621,7 +3677,7 @@ var A2uiComponents = {
   TextField,
   Select,
   Switch,
-  Button: Button10,
+  Button: Button11,
   Divider,
   Tag: Tag3,
   Progress,
@@ -5311,7 +5367,7 @@ var WelcomeItem_default = ({ icon = true, title = true, description = true, prom
     /* @__PURE__ */ jsx(
       Welcome,
       {
-        className: classNames(styles_module_default2.chatWelcome, "p-t-32"),
+        className: classNames2(styles_module_default2.chatWelcome, "p-t-32"),
         variant: "borderless",
         icon: /* @__PURE__ */ jsx(
           RenderWrapper,
@@ -5337,7 +5393,7 @@ var WelcomeItem_default = ({ icon = true, title = true, description = true, prom
         DefaultComponent: /* @__PURE__ */ jsx(
           Prompts,
           {
-            className: classNames("m-t-16", styles_module_default2.promptItem),
+            className: classNames2("m-t-16", styles_module_default2.promptItem),
             wrap: true,
             onItemClick: (info) => chatStore.sendMessage(info.data.description),
             items: recommendQuestions
@@ -5546,7 +5602,7 @@ var BubbleListItems_default = ({
       autoScroll: false,
       ref: listRef,
       items: bubbleListItems,
-      className: classNames(styles_module_default2.bubbleList, "height-full", "scroll-fade-in"),
+      className: classNames2(styles_module_default2.bubbleList, "height-full", "scroll-fade-in"),
       onScroll: handleScroll
     },
     conversationState.active.id
@@ -5697,7 +5753,7 @@ var ResourceSelectorModal_default = ({ open, type, onCancel }) => {
           return /* @__PURE__ */ jsxs(
             Flex,
             {
-              className: classNames(style_module_default.categoryItem, { [style_module_default.categoryActive]: isChecked }),
+              className: classNames2(style_module_default.categoryItem, { [style_module_default.categoryActive]: isChecked }),
               onClick: () => handleCategoryChange(cat.id, !isChecked),
               children: [
                 /* @__PURE__ */ jsx(
@@ -5732,7 +5788,7 @@ var ResourceSelectorModal_default = ({ open, type, onCancel }) => {
             "\u5DF2\u9009 ",
             selectedIds.length
           ] }) }),
-          /* @__PURE__ */ jsxs("div", { className: classNames(style_module_default.tagsArea, { [style_module_default.tagsExpanded]: tagsExpanded }), children: [
+          /* @__PURE__ */ jsxs("div", { className: classNames2(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,
@@ -5762,7 +5818,7 @@ var ResourceSelectorModal_default = ({ open, type, onCancel }) => {
             return /* @__PURE__ */ jsxs(
               "div",
               {
-                className: classNames(style_module_default.listItem, { [style_module_default.listItemSelected]: isSelected }),
+                className: classNames2(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 }) }),
@@ -5892,7 +5948,7 @@ var ReasonBtn_default = ({}) => {
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: classNames(style_module_default.resourceBtn, { [style_module_default.resourceBtnActive]: agentState.model.reasoning }),
+      className: classNames2(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" }),
@@ -6365,9 +6421,9 @@ var ChatMainPanel = memo(
     );
     const configState = useSnapshot(chatStore.config);
     const agentState = useSnapshot(chatStore.agent);
-    return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames("height-full"), children: [
+    return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames2("height-full"), children: [
       /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.chatHeader, DefaultComponent: ChatHeader_default }),
-      /* @__PURE__ */ jsxs(Flex, { align: "center", vertical: true, gap: 24, className: classNames("height-full", styles_module_default5.bodyWidth), children: [
+      /* @__PURE__ */ jsxs(Flex, { align: "center", vertical: true, gap: 24, className: classNames2("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, {}) }),
@@ -6402,7 +6458,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: classNames(styles_module_default5.previewHeaderTitle, "text-ellipsis"), title: file.fileName, children: file.fileName }),
+        /* @__PURE__ */ jsx("div", { className: classNames2(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,
@@ -6538,12 +6594,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: classNames(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: classNames2(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: classNames("flex-1", index_module_default3.animatedSplitter, { [index_module_default3.hideSplitterBar]: !hasPreView }), children: [
+      /* @__PURE__ */ jsxs(Splitter, { className: classNames2("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 }) })
       ] })