@zero-library/chat-agent 2.3.5 → 2.3.7

package/dist/index.cjs.js

@@ -6,14 +6,14 @@ var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var valtio = require('valtio');
 var icons = require('@ant-design/icons');
-var classNames12 = require('classnames');
+var classNames11 = require('classnames');
 var x = require('@ant-design/x');
 var dayjs = require('dayjs');
 var InfiniteScroll = require('react-infinite-scroll-component');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var classNames12__default = /*#__PURE__*/_interopDefault(classNames12);
+var classNames11__default = /*#__PURE__*/_interopDefault(classNames11);
 var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
 var InfiniteScroll__default = /*#__PURE__*/_interopDefault(InfiniteScroll);
 
@@ -311,7 +311,7 @@ var init_Charts = __esm({
     );
     Charts_default = ({ data, loading }) => {
       const { type, config } = data;
-      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames12__default.default(styles_module_default.chart, "scroll-fade-in"), children: loading ? (
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames11__default.default(styles_module_default.chart, "scroll-fade-in"), children: loading ? (
         // Antd 骨架屏
         /* @__PURE__ */ jsxRuntime.jsx(antd.Skeleton.Node, { active: true, className: styles_module_default.chartSkeleton, children: /* @__PURE__ */ jsxRuntime.jsx(icons.DotChartOutlined, { className: styles_module_default.chartSkeletonIcon }) })
       ) : /* @__PURE__ */ jsxRuntime.jsx(
@@ -1308,15 +1308,13 @@ var MessageRender_default = ({ message: message2, placement, onFilePreview, cust
       onFilePreview?.(file);
     }
   };
-  const mergedCustomComponents = react.useMemo(() => {
-    return { ...customComponents, ...propsCustomComponents };
-  }, [propsCustomComponents]);
+  const mergedCustomComponents = { ...customComponents, ...propsCustomComponents };
   return /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, children: !(msgContent || message2.msgFiles.length) ? /* @__PURE__ */ jsxRuntime.jsx(antd.Typography, { children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { size: "small" }) }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     msgContent && /* @__PURE__ */ jsxRuntime.jsx(
       x.Bubble,
       {
         placement,
-        className: classNames12__default.default({ [styles_module_default2.loadingMessage]: message2.type }),
+        className: classNames11__default.default({ [styles_module_default2.loadingMessage]: message2.type }),
         content: /* @__PURE__ */ jsxRuntime.jsx(common.RenderMarkdown, { content: replaceMarkdownTags(msgContent), customComponents: mergedCustomComponents, message: message2 })
       }
     ),
@@ -1399,10 +1397,6 @@ var styles_module_default3 = {
   chatWelcomeWrap: "styles_module_chatWelcomeWrap",
   chatWelcome: "styles_module_chatWelcome",
   chatWelcomePrompts: "styles_module_chatWelcomePrompts",
-  nsSenderListTitle: "styles_module_nsSenderListTitle",
-  nsSenderList: "styles_module_nsSenderList",
-  nsSenderListItem: "styles_module_nsSenderListItem",
-  nsSenderListFooter: "styles_module_nsSenderListFooter",
   nsChatUserName: "styles_module_nsChatUserName",
   nsSenderReferenceHeaderTitle: "styles_module_nsSenderReferenceHeaderTitle",
   nsSenderReferenceHeaderContent: "styles_module_nsSenderReferenceHeaderContent",
@@ -1423,7 +1417,7 @@ var WelcomeItem_default = ({ icon = true, title = true, description = true, prom
     /* @__PURE__ */ jsxRuntime.jsx(
       x.Welcome,
       {
-        className: classNames12__default.default(styles_module_default3.chatWelcome, "p-t-32"),
+        className: classNames11__default.default(styles_module_default3.chatWelcome, "p-t-32"),
         variant: "borderless",
         icon: /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: icon, DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(antd.Avatar, { shape: "square", size: 58, src: receiverState.active.logo }) }),
         title: /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: title, DefaultComponent: `\u4F60\u597D\uFF0C\u6211\u662F${receiverState.active.name || ""}` }),
@@ -1452,7 +1446,7 @@ var WelcomeItem_default = ({ icon = true, title = true, description = true, prom
                 label: "\u{1F914} \u63A8\u8350\u95EE\u9898:",
                 children: receiverState?.recommendQuestions.map((question) => ({
                   key: question,
-                  description: /* @__PURE__ */ jsxRuntime.jsx("span", { className: classNames12__default.default(styles_module_default3.chatWelcomePrompts, "text-ellipsis"), children: question })
+                  description: /* @__PURE__ */ jsxRuntime.jsx("span", { className: classNames11__default.default(styles_module_default3.chatWelcomePrompts, "text-ellipsis"), children: question })
                 }))
               }
             ]
@@ -1690,7 +1684,7 @@ var BubbleListItems_default = ({
       autoScroll: false,
       ref: listRef,
       items: bubbleListItems,
-      className: classNames12__default.default(styles_module_default3.nsBubbleList, "height-full", "scroll-fade-in", "zero-chat-bubbles"),
+      className: classNames11__default.default(styles_module_default3.nsBubbleList, "height-full", "scroll-fade-in", "zero-chat-bubbles"),
       onScroll: handleScroll
     },
     conversationState.active.id
@@ -1725,7 +1719,7 @@ var CharacterList_default = () => {
         /* @__PURE__ */ jsxRuntime.jsx(
           antd.Avatar,
           {
-            className: classNames12__default.default(styles_module_default3.nsAvatarListItemIcon, "cursor-pointer", {
+            className: classNames11__default.default(styles_module_default3.nsAvatarListItemIcon, "cursor-pointer", {
               [styles_module_default3.nsAvatarListItemIconActive]: activeCharacter.id === item.id
             }),
             size: 50,
@@ -1762,14 +1756,14 @@ var ConversationFavoritesList_default = () => {
     chatStore.getConversationFavorite();
   }, 300);
   const renderFavoriteList = react.useMemo(() => {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames12__default.default("height-full", "scroll-fade-in"), children: favoriteState.list.items.length ? favoriteState.list.items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames11__default.default("height-full", "scroll-fade-in"), children: favoriteState.list.items.length ? favoriteState.list.items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
-        className: classNames12__default.default(styles_module_default3.favoriteCard, { [styles_module_default3.favoriteCardActive]: conversationState.active.id === item.id }),
+        className: classNames11__default.default(styles_module_default3.favoriteCard, { [styles_module_default3.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: classNames12__default.default(styles_module_default3.favoriteCardTitle, "text-ellipsis"), children: item.title }),
+            /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { flex: 1, className: classNames11__default.default(styles_module_default3.favoriteCardTitle, "text-ellipsis"), children: item.title }),
             /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { gap: 8, align: "center", className: styles_module_default3.favoriteCardActions, children: /* @__PURE__ */ jsxRuntime.jsx(
               antd.Popconfirm,
               {
@@ -1781,6 +1775,7 @@ var ConversationFavoritesList_default = () => {
                   e.stopPropagation();
                   chatStore.collectConversation(item.id, false);
                 },
+                onCancel: (e) => e.stopPropagation(),
                 children: /* @__PURE__ */ jsxRuntime.jsx(
                   antd.Button,
                   {
@@ -1896,7 +1891,7 @@ var ChatHeader_default = ({
   const chatStore = useChatStore();
   const receiverState = valtio.useSnapshot(chatStore.receiver);
   const configState = valtio.useSnapshot(chatStore.config);
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "space-between", align: "center", className: classNames12__default.default(styles_module_default3.nsChatHeader, "zero-chat-header"), children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "space-between", align: "center", className: classNames11__default.default(styles_module_default3.nsChatHeader, "zero-chat-header"), children: [
     /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 4, align: "center", children: [
       /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: avatar, DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(antd.Avatar, { size: 22, src: receiverState.active.logo, alt: receiverState.active.name }) }),
       /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: title, DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default3.nsChatTitle, children: receiverState.active.name }) }),
@@ -2178,7 +2173,7 @@ init_Context();
 // src/ui/common/FeaturesRenderer.tsx
 init_Context();
 
-// src/ui/common/QuickAsk/QuickAskPanel.tsx
+// src/ui/common/QuickAsk/QuickAskPanelDrawer.tsx
 init_Context();
 
 // src/ui/common/QuickAsk/QuickAskEditModal.tsx
@@ -2281,7 +2276,8 @@ var styles_module_default4 = {
   quickAskItemHeaderActions: "styles_module_quickAskItemHeaderActions",
   quickAskItemBody: "styles_module_quickAskItemBody"
 };
-var QuickAskPanel_default = () => {
+var ALL = "all";
+var QuickAskPanelDrawer_default = ({ open, onClose }) => {
   const { message: message2 } = antd.App.useApp();
   const chatStore = useChatStore();
   const configState = valtio.useSnapshot(chatStore.config);
@@ -2302,6 +2298,19 @@ var QuickAskPanel_default = () => {
     } catch (err) {
     }
   };
+  const tabsItems = react.useMemo(
+    () => [
+      {
+        key: ALL,
+        label: "\u5168\u90E8"
+      },
+      ...categories.map((item) => ({
+        key: item.id,
+        label: item.labelName
+      }))
+    ],
+    [categories]
+  );
   const [loading, setLoading] = react.useState(false);
   const fetchItems = common.useDebounce(async () => {
     try {
@@ -2357,153 +2366,158 @@ var QuickAskPanel_default = () => {
     } catch (err) {
     }
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: styles_module_default4.quickAskPanel, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { justify: "space-between", align: "center", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Title, { level: 5, children: "\u5FEB\u901F\u63D0\u95EE" }) }),
-    /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, className: "m-b-16 m-t-16", children: [
-      !searchExpanded && /* @__PURE__ */ jsxRuntime.jsx(
-        antd.Button,
-        {
-          type: "dashed",
-          block: true,
-          icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PlusOutlined, {}),
-          className: "flex-1",
-          onClick: () => {
-            setEditingItem(null);
-            setEditModalOpen(true);
-          },
-          children: "\u65B0\u589E\u5FEB\u901F\u63D0\u95EE"
-        }
-      ),
-      searchExpanded ? /* @__PURE__ */ jsxRuntime.jsx(
-        antd.Input,
-        {
-          autoFocus: true,
-          placeholder: "\u8F93\u5165\u95EE\u9898\u540D\u79F0\u6216\u5185\u5BB9\u68C0\u7D22",
-          prefix: /* @__PURE__ */ jsxRuntime.jsx(icons.SearchOutlined, {}),
-          value: searchText,
-          onChange: (e) => {
-            setSearchText(e.target.value);
-            fetchItems();
-          },
-          className: "flex-1",
-          allowClear: true,
-          onBlur: () => setSearchExpanded(false)
-        }
-      ) : /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.SearchOutlined, {}), onClick: () => setSearchExpanded(true) })
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { align: "center", className: classNames12__default.default("scroll-fade-in", "m-b-16", styles_module_default4.tagContainer), children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        antd.Tag,
-        {
-          color: !activeTab.id ? "processing" : "default",
-          className: "cursor-pointer",
-          bordered: false,
-          onClick: () => {
-            setActiveTab({});
-            fetchItems();
-          },
-          children: "\u5168\u90E8"
-        }
-      ),
-      categories.map((c) => /* @__PURE__ */ jsxRuntime.jsx(
-        antd.Tag,
-        {
-          color: activeTab.id === c.id ? "processing" : "default",
-          className: "cursor-pointer",
-          bordered: false,
-          onClick: () => {
-            setActiveTab(c);
-            fetchItems();
-          },
-          children: c.labelName
-        },
-        c.id
-      ))
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: loading, wrapperClassName: "full-spin", tip: "\u52A0\u8F7D\u4E2D...", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, gap: 8, className: "height-full scroll-fade-in", children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
-      "div",
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      antd.Drawer,
       {
-        className: styles_module_default4.quickAskItem,
-        onClick: () => {
-          chatStore.setContent(item.content);
-          chatStore.setContentParams({
-            use_template: 1
-          });
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, justify: "space-between", align: "center", className: styles_module_default4.quickAskItemHeader, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames12__default.default("flex-1 text-ellipsis", styles_module_default4.quickAskItemTitle), children: item.title }),
-            /* @__PURE__ */ jsxRuntime.jsxs(antd.Space, { size: 4, className: styles_module_default4.quickAskItemHeaderActions, children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
+        className: classNames11__default.default("no-padding-drawer"),
+        width: 360,
+        open,
+        title: "\u5FEB\u901F\u63D0\u95EE",
+        closable: { placement: "end" },
+        onClose,
+        placement: "right",
+        mask: false,
+        children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: styles_module_default4.quickAskPanel, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 12, className: "p-16", vertical: true, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, children: [
+              !searchExpanded && /* @__PURE__ */ jsxRuntime.jsx(
                 antd.Button,
                 {
-                  type: "primary",
-                  size: "small",
-                  icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PushpinOutlined, { rotate: item.isTop ? -45 : 0 }),
-                  title: item.isTop ? "\u53D6\u6D88\u7F6E\u9876" : "\u7F6E\u9876",
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    handleTop(item);
-                  }
-                },
-                "top"
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                antd.Button,
-                {
-                  type: "primary",
-                  size: "small",
-                  icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CopyOutlined, {}),
-                  title: "\u590D\u5236",
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    setEditingItem({
-                      title: item.title,
-                      labelName: item.labelName,
-                      content: item.content
-                    });
+                  type: "dashed",
+                  block: true,
+                  icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PlusOutlined, {}),
+                  className: "flex-1",
+                  onClick: () => {
+                    setEditingItem(null);
                     setEditModalOpen(true);
-                  }
-                },
-                "copy"
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx(
-                antd.Button,
-                {
-                  type: "primary",
-                  size: "small",
-                  icon: /* @__PURE__ */ jsxRuntime.jsx(icons.EditOutlined, {}),
-                  title: "\u7F16\u8F91",
-                  onClick: (e) => {
-                    e.stopPropagation();
-                    setEditingItem(item);
-                    setEditModalOpen(true);
-                  }
-                },
-                "edit"
+                  },
+                  children: "\u65B0\u589E\u5FEB\u901F\u63D0\u95EE"
+                }
               ),
-              item.canDelete && /* @__PURE__ */ jsxRuntime.jsx(
-                antd.Popconfirm,
+              searchExpanded ? /* @__PURE__ */ jsxRuntime.jsx(
+                antd.Input,
                 {
-                  title: "\u63D0\u793A",
-                  okText: "\u786E\u5B9A",
-                  cancelText: "\u53D6\u6D88",
-                  description: "\u786E\u8BA4\u5220\u9664\u95EE\u9898\u5417?",
-                  onConfirm: (e) => {
-                    e.stopPropagation();
-                    handleDelete(item.id);
+                  autoFocus: true,
+                  placeholder: "\u8F93\u5165\u95EE\u9898\u540D\u79F0\u6216\u5185\u5BB9\u68C0\u7D22",
+                  prefix: /* @__PURE__ */ jsxRuntime.jsx(icons.SearchOutlined, {}),
+                  value: searchText,
+                  onChange: (e) => {
+                    setSearchText(e.target.value);
+                    fetchItems();
                   },
-                  children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "primary", size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.DeleteOutlined, {}), title: "\u5220\u9664", onClick: (e) => e.stopPropagation() })
+                  className: "flex-1",
+                  allowClear: true,
+                  onBlur: () => setSearchExpanded(false)
+                }
+              ) : /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.SearchOutlined, {}), onClick: () => setSearchExpanded(true) })
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              antd.Tabs,
+              {
+                className: styles_module_default4.tagContainer,
+                activeKey: activeTab.id ? activeTab.id : ALL,
+                onChange: (key) => {
+                  setActiveTab(key === ALL ? {} : categories.find((c) => c.id === key));
+                  fetchItems();
                 },
-                "delete"
-              )
-            ] })
+                tabPosition: "top",
+                items: tabsItems,
+                size: "small"
+              }
+            )
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames12__default.default(styles_module_default4.quickAskItemBody), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ellipsis-3", children: item.content }) })
-        ]
-      },
-      item.id
-    )) }) }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: loading, wrapperClassName: "full-spin", tip: "\u52A0\u8F7D\u4E2D...", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, gap: 8, className: "height-full scroll-fade-in p-16 p-t-8", children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "div",
+            {
+              className: styles_module_default4.quickAskItem,
+              onClick: () => {
+                chatStore.setContent(item.content);
+                chatStore.setContentParams({
+                  use_template: 1
+                });
+                onClose();
+              },
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, justify: "space-between", align: "center", className: styles_module_default4.quickAskItemHeader, children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames11__default.default("flex-1 text-ellipsis", styles_module_default4.quickAskItemTitle), children: item.title }),
+                  /* @__PURE__ */ jsxRuntime.jsxs(antd.Space, { size: 4, className: styles_module_default4.quickAskItemHeaderActions, children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      antd.Button,
+                      {
+                        type: "primary",
+                        size: "small",
+                        icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PushpinOutlined, { rotate: item.isTop ? -45 : 0 }),
+                        title: item.isTop ? "\u53D6\u6D88\u7F6E\u9876" : "\u7F6E\u9876",
+                        onClick: (e) => {
+                          e.stopPropagation();
+                          handleTop(item);
+                        }
+                      },
+                      "top"
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      antd.Button,
+                      {
+                        type: "primary",
+                        size: "small",
+                        icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CopyOutlined, {}),
+                        title: "\u590D\u5236",
+                        onClick: (e) => {
+                          e.stopPropagation();
+                          setEditingItem({
+                            title: item.title,
+                            labelName: item.labelName,
+                            content: item.content
+                          });
+                          setEditModalOpen(true);
+                        }
+                      },
+                      "copy"
+                    ),
+                    /* @__PURE__ */ jsxRuntime.jsx(
+                      antd.Button,
+                      {
+                        type: "primary",
+                        size: "small",
+                        icon: /* @__PURE__ */ jsxRuntime.jsx(icons.EditOutlined, {}),
+                        title: "\u7F16\u8F91",
+                        onClick: (e) => {
+                          e.stopPropagation();
+                          setEditingItem(item);
+                          setEditModalOpen(true);
+                        }
+                      },
+                      "edit"
+                    ),
+                    item.canDelete && /* @__PURE__ */ jsxRuntime.jsx(
+                      antd.Popconfirm,
+                      {
+                        title: "\u63D0\u793A",
+                        okText: "\u786E\u5B9A",
+                        cancelText: "\u53D6\u6D88",
+                        description: "\u786E\u8BA4\u5220\u9664\u95EE\u9898\u5417?",
+                        onConfirm: (e) => {
+                          e.stopPropagation();
+                          handleDelete(item.id);
+                        },
+                        onCancel: (e) => {
+                          e.stopPropagation();
+                        },
+                        children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { type: "primary", size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.DeleteOutlined, {}), title: "\u5220\u9664", onClick: (e) => e.stopPropagation() })
+                      },
+                      "delete"
+                    )
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames11__default.default(styles_module_default4.quickAskItemBody), children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ellipsis-3", children: item.content }) })
+              ]
+            },
+            item.id
+          )) }) }) })
+        ] })
+      }
+    ),
     editModalOpen && /* @__PURE__ */ jsxRuntime.jsx(
       QuickAskEditModal_default,
       {
@@ -2521,6 +2535,7 @@ var FeaturesRenderer_default = () => {
   const chatStore = useChatStore();
   const receiverState = valtio.useSnapshot(chatStore.receiver);
   const conversationState = valtio.useSnapshot(chatStore.conversation);
+  const [quickAskOpen, setQuickAskOpen] = react.useState(false);
   const chatMessage = react.useMemo(
     () => conversationState.messages[conversationState.active.id] || {},
     [conversationState.messages[conversationState.active.id]]
@@ -2551,66 +2566,14 @@ var FeaturesRenderer_default = () => {
         children: "\u5411\u4E13\u5BB6\u54A8\u8BE2"
       }
     ),
-    receiverState.active.feature?.quickAsk && /* @__PURE__ */ jsxRuntime.jsx(
-      antd.Popover,
-      {
-        trigger: "click",
-        placement: "topLeft",
-        content: /* @__PURE__ */ jsxRuntime.jsx(QuickAskPanel_default, {}),
-        children: /* @__PURE__ */ jsxRuntime.jsx(
-          antd.Button,
-          {
-            size: "small",
-            color: "primary",
-            variant: "filled",
-            children: "\u5FEB\u901F\u63D0\u95EE"
-          }
-        )
-      }
-    )
+    receiverState.active.feature?.quickAsk && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { size: "small", color: "primary", variant: "filled", onClick: () => setQuickAskOpen(true), children: "\u5FEB\u901F\u63D0\u95EE" }),
+      quickAskOpen && /* @__PURE__ */ jsxRuntime.jsx(QuickAskPanelDrawer_default, { open: quickAskOpen, onClose: () => setQuickAskOpen(false) })
+    ] })
   ] });
 };
-
-// src/ui/common/SenderPromptsItems.tsx
-init_Context();
-var SenderPromptsItems_default = () => {
-  const chatStore = useChatStore();
-  const receiverState = valtio.useSnapshot(chatStore.receiver);
-  const component = react.useMemo(
-    () => receiverState.active.config?.labels?.length > 0 && /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 4, wrap: true, children: [
-      /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { disabled: true, color: "default", variant: "text", children: "\u968F\u4FBF\u804A\u804A" }),
-      receiverState.active.config.labels.slice(0, 6).map((question) => /* @__PURE__ */ jsxRuntime.jsx(
-        antd.Popover,
-        {
-          content: /* @__PURE__ */ jsxRuntime.jsx(
-            antd.List,
-            {
-              itemLayout: "horizontal",
-              split: false,
-              className: styles_module_default3.nsSenderList,
-              dataSource: question.items,
-              renderItem: (item) => /* @__PURE__ */ jsxRuntime.jsx(antd.List.Item, { onClick: () => chatStore.sendMessage(item.question), className: styles_module_default3.nsSenderListItem, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ellipsis", children: item.question }) }),
-              footer: /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { justify: "end", className: styles_module_default3.nsSenderListFooter, children: "(\u60A8\u53EF\u70B9\u51FB\u4EE5\u4E0A\u95EE\u9898\u5F00\u542FAI\u4F53\u9A8C)" })
-            }
-          ),
-          title: /* @__PURE__ */ jsxRuntime.jsx(
-            "div",
-            {
-              className: classNames12__default.default(styles_module_default3.nsSenderListTitle, "text-ellipsis"),
-              children: `${receiverState.active.name}\u5F00\u59CB\u5173\u6CE8${question.name}\u5185\u5BB9\uFF01`
-            }
-          ),
-          children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { color: "default", variant: "filled", children: question.name })
-        },
-        question.id
-      ))
-    ] }),
-    [receiverState.active.config?.labels]
-  );
-  return component;
-};
 var ChatSender_default2 = react.forwardRef(
-  ({ placeholder, extraBtn = false, referencesBtn = false, sendBtnProps, footerBelow = false, prompts = true }, ref) => {
+  ({ placeholder, extraBtn = false, referencesBtn = false, sendBtnProps, footerBelow = false }, ref) => {
     const chatStore = useChatStore();
     const configState = valtio.useSnapshot(chatStore.config);
     const receiverState = valtio.useSnapshot(chatStore.receiver);
@@ -2630,61 +2593,58 @@ var ChatSender_default2 = react.forwardRef(
       chatStore.setContent(con);
       chatStore.sendMessage();
     };
-    return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, gap: 8, className: "zero-chat-sender", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: prompts, DefaultComponent: SenderPromptsItems_default }),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ChatSender_default,
-        {
-          ref,
-          placeholder,
-          content: chatMessage.content,
-          fileList: chatMessage.files,
-          headerOpen: chatMessage.headerOpen,
-          loading: chatMessage.loading,
-          onContentChange: chatStore.setContent,
-          onFileListChange: chatStore.setFileList,
-          onHeaderOpenChange: chatStore.setHeaderOpen,
-          onSend: () => chatStore.sendMessage(),
-          onCancel: chatStore.cancelReceive,
-          onFocus: chatStore.config.hooks?.onSenderFocus,
-          fileUpload: {
-            request: configState.services.request?.fileUpload,
-            config: receiverState.active.config?.fileUpload
-          },
-          sendBtnProps: common.isFunction(sendBtnProps) ? sendBtnProps() : {},
-          extraFooterBelow: /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: footerBelow }),
-          extraFooter: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            /* @__PURE__ */ jsxRuntime.jsx(FeaturesRenderer_default, {}),
-            /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: extraBtn })
-          ] }),
-          extraHeader: /* @__PURE__ */ jsxRuntime.jsx(
-            x.Sender.Header,
-            {
-              title: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 4, children: [
-                /* @__PURE__ */ jsxRuntime.jsx(icons.EnterOutlined, {}),
-                /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { type: "secondary", ellipsis: true, children: referenceContent })
-              ] }),
-              open: !!referenceContent,
-              onOpenChange: () => chatStore.setReferences(),
-              classNames: {
-                header: styles_module_default3.nsSenderReferenceHeaderTitle,
-                content: common.shouldRender(referencesBtn) ? "" : styles_module_default3.nsSenderReferenceHeaderContent
-              },
-              children: /* @__PURE__ */ jsxRuntime.jsx(
-                common.RenderWrapper,
-                {
-                  control: referencesBtn,
-                  DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { gap: 8, children: ["\u6DF1\u5EA6\u89E3\u8BFB", "\u6982\u8981\u89E3\u8BFB"].map((con) => /* @__PURE__ */ jsxRuntime.jsxs(antd.Button, { color: "primary", variant: "filled", onClick: () => referenceHandle(con), children: [
-                    con,
-                    " \u2192"
-                  ] }, con)) })
-                }
-              )
-            }
-          )
-        }
-      )
-    ] });
+    return /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, gap: 8, className: "zero-chat-sender", children: /* @__PURE__ */ jsxRuntime.jsx(
+      ChatSender_default,
+      {
+        ref,
+        placeholder,
+        content: chatMessage.content,
+        fileList: chatMessage.files,
+        headerOpen: chatMessage.headerOpen,
+        loading: chatMessage.loading,
+        onContentChange: chatStore.setContent,
+        onFileListChange: chatStore.setFileList,
+        onHeaderOpenChange: chatStore.setHeaderOpen,
+        onSend: () => chatStore.sendMessage(),
+        onCancel: chatStore.cancelReceive,
+        onFocus: chatStore.config.hooks?.onSenderFocus,
+        fileUpload: {
+          request: configState.services.request?.fileUpload,
+          config: receiverState.active.config?.fileUpload
+        },
+        sendBtnProps: common.isFunction(sendBtnProps) ? sendBtnProps() : {},
+        extraFooterBelow: /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: footerBelow }),
+        extraFooter: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx(FeaturesRenderer_default, {}),
+          /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: extraBtn })
+        ] }),
+        extraHeader: /* @__PURE__ */ jsxRuntime.jsx(
+          x.Sender.Header,
+          {
+            title: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 4, children: [
+              /* @__PURE__ */ jsxRuntime.jsx(icons.EnterOutlined, {}),
+              /* @__PURE__ */ jsxRuntime.jsx(antd.Typography.Text, { type: "secondary", ellipsis: true, children: referenceContent })
+            ] }),
+            open: !!referenceContent,
+            onOpenChange: () => chatStore.setReferences(),
+            classNames: {
+              header: styles_module_default3.nsSenderReferenceHeaderTitle,
+              content: common.shouldRender(referencesBtn) ? "" : styles_module_default3.nsSenderReferenceHeaderContent
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              common.RenderWrapper,
+              {
+                control: referencesBtn,
+                DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { gap: 8, children: ["\u6DF1\u5EA6\u89E3\u8BFB", "\u6982\u8981\u89E3\u8BFB"].map((con) => /* @__PURE__ */ jsxRuntime.jsxs(antd.Button, { color: "primary", variant: "filled", onClick: () => referenceHandle(con), children: [
+                  con,
+                  " \u2192"
+                ] }, con)) })
+              }
+            )
+          }
+        )
+      }
+    ) });
   }
 );
 
@@ -2700,7 +2660,7 @@ var ConversationListHeader_default = ({ title = true, avatar = true, newConversa
         common.RenderWrapper,
         {
           control: title,
-          DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx("span", { className: classNames12__default.default(styles_module_default3.nsChatUserName, "flex-1 text-ellipsis"), children: receiverState.active.name })
+          DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx("span", { className: classNames11__default.default(styles_module_default3.nsChatUserName, "flex-1 text-ellipsis"), children: receiverState.active.name })
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: conversationListFavoriteBtn, DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(ConversationFavoritesList_default, {}) })
@@ -2716,7 +2676,7 @@ var ConversationListHeader_default = ({ title = true, avatar = true, newConversa
             type: "primary",
             shape: "round",
             onClick: () => chatStore.createConversation(),
-            className: classNames12__default.default("m-t-16"),
+            className: classNames11__default.default("m-t-16"),
             icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PlusOutlined, {}),
             children: "\u65B0\u5EFA\u4F1A\u8BDD"
           }
@@ -2726,7 +2686,7 @@ var ConversationListHeader_default = ({ title = true, avatar = true, newConversa
   ] });
 };
 var ConversationListPanel_default = ({ header }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames12__default.default("height-full", "zero-chat-conversations", styles_module_default3.nsConversationListPanel), children: [
+  return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames11__default.default("height-full", "zero-chat-conversations", styles_module_default3.nsConversationListPanel), children: [
     /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: header, DefaultComponent: ConversationListHeader_default }),
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsxRuntime.jsx(ConversationList_default, {}) })
   ] });
@@ -2820,7 +2780,7 @@ var layouts_default = react.forwardRef(({ theme, params, userInfo, hooks, layout
   react.useEffect(() => {
     configState.hooks?.onBeforeInit?.();
   }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(x.XProvider, { theme: { cssVar: true, ...theme }, children: /* @__PURE__ */ jsxRuntime.jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: receiverState.loading, wrapperClassName: "full-spin", children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames12__default.default(styles_module_default5.nsChatLayout, "zero-chat-layout", "height-full"), children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(x.XProvider, { theme: { cssVar: true, ...theme }, children: /* @__PURE__ */ jsxRuntime.jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: receiverState.loading, wrapperClassName: "full-spin", children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames11__default.default(styles_module_default5.nsChatLayout, "zero-chat-layout", "height-full"), children: [
     /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.globalHeader, DefaultComponent: ChatHeader_default }),
     /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { className: "full-scroll", children: [
       /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.leftPanel }),
@@ -2829,7 +2789,7 @@ var layouts_default = react.forwardRef(({ theme, params, userInfo, hooks, layout
         /* @__PURE__ */ jsxRuntime.jsx(antd.Splitter.Panel, { collapsible: false, min: 600, size: sizes[0], children: hasPreView && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           configState.preview.file.fileUrl && /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: "height-full", children: [
             /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "space-between", align: "center", gap: 16, className: styles_module_default5.nsPreviewHeader, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames12__default.default(styles_module_default5.nsPreviewHeaderTitle, "text-ellipsis"), title: configState.preview.file.fileName, children: configState.preview.file.fileName }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames11__default.default(styles_module_default5.nsPreviewHeaderTitle, "text-ellipsis"), title: configState.preview.file.fileName, children: configState.preview.file.fileName }),
               /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, justify: "center", align: "center", children: [
                 /* @__PURE__ */ jsxRuntime.jsx(
                   antd.Button,
@@ -2873,15 +2833,15 @@ var layouts_default = react.forwardRef(({ theme, params, userInfo, hooks, layout
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(antd.Splitter.Panel, { collapsible: false, max: 800, min: 400, size: sizes[1], children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames12__default.default("height-full"), children: [
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Splitter.Panel, { collapsible: false, max: 800, min: 400, size: sizes[1], children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames11__default.default("height-full"), children: [
           /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.chatHeader, DefaultComponent: ChatHeader_default }),
-          /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, className: classNames12__default.default("full-scroll"), children: /* @__PURE__ */ jsxRuntime.jsxs(
+          /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, className: classNames11__default.default("full-scroll"), children: /* @__PURE__ */ jsxRuntime.jsxs(
             antd.Flex,
             {
               justify: "center",
               vertical: true,
               gap: 24,
-              className: classNames12__default.default("height-full", styles_module_default5.nsChatBody, "zero-chat-body", styles_module_default5.nsBodyWidth),
+              className: classNames11__default.default("height-full", styles_module_default5.nsChatBody, "zero-chat-body", styles_module_default5.nsBodyWidth),
               children: [
                 common.shouldRender(configState.layout.messageList) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.messageList, DefaultComponent: BubbleListItems_default }) }),
                 /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, gap: 8, children: [