@zero-library/chat-agent 2.2.19 → 2.3.0

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 classNames11 = require('classnames');
 var x = require('@ant-design/x');
-var classNames9 = require('classnames');
 var dayjs = require('dayjs');
 var InfiniteScroll = require('react-infinite-scroll-component');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var classNames9__default = /*#__PURE__*/_interopDefault(classNames9);
+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: styles_module_default.chart, 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(
@@ -415,6 +415,27 @@ var createChatService = (request) => {
   const fileUpload = (formData) => {
     return request.post("/lolr/storage/upload", formData, { timeout: 5 * 60 * 1e3 });
   };
+  const labelItemUpdate = (agentId, params) => {
+    return request.post("/lolr/label/item", { agentId, ...params });
+  };
+  const labelItemDelete = (id) => {
+    return request.delete("/lolr/label/item", { id });
+  };
+  const labelsQuery = (agentId, params) => {
+    return request.get("/lolr/label", { agentId, ...params });
+  };
+  const labelItemsQuery = (agentId, params) => {
+    return request.get("/lolr/label/item", { ...params, agentId });
+  };
+  const labelItemTop = (params) => {
+    return request.put("/lolr/label/item/top", params);
+  };
+  const labelItemPromptAssistant = (prompt) => {
+    return request.post("/lolr/agent/prompts/optimization", { prompt });
+  };
+  const recommendQuestionsQuery = (agentId, conversationId) => {
+    return request.get("/lolr/agent/suggest", { maxCount: 3, agentId, conversationId });
+  };
   return {
     conversationsQuery,
     conversationCreate,
@@ -432,7 +453,14 @@ var createChatService = (request) => {
     agentInfoQuery,
     agentCharacterQuery,
     agentCharacterSelect,
-    fileUpload
+    fileUpload,
+    labelItemUpdate,
+    labelItemDelete,
+    labelsQuery,
+    labelItemsQuery,
+    labelItemTop,
+    labelItemPromptAssistant,
+    recommendQuestionsQuery
   };
 };
 var createFileService = (request) => {
@@ -456,20 +484,19 @@ var defaultAgentLayout = {
   conversationList: true,
   preview: true,
   messageList: true,
-  firstMessage: false,
   senderHeader: false,
   sender: true,
   senderFooter: false,
   globalHeader: false,
   chatHeader: true,
-  disclaimerNotice: true
+  disclaimerNotice: true,
+  recommendQuestions: false
 };
 var defaultExpertLayout = {
   leftPanel: false,
   conversationList: false,
   preview: false,
   messageList: true,
-  firstMessage: false,
   senderHeader: false,
   sender: {
     props: {
@@ -485,7 +512,8 @@ var defaultExpertLayout = {
       conversationListBtn: false
     }
   },
-  disclaimerNotice: false
+  disclaimerNotice: false,
+  recommendQuestions: false
 };
 function createChatStore() {
   const config = valtio.proxy({
@@ -579,6 +607,8 @@ function createChatStore() {
   const receiver = valtio.proxy({
     /** 当前激活的接收者信息（智能体或专家） */
     active: {},
+    /** 智能体推荐问题列表 */
+    recommendQuestions: [],
     /** 接收者加载状态 */
     loading: false,
     /** 接收者透传参数，后期可能扩展不透传参数 */
@@ -771,6 +801,9 @@ function createChatStore() {
   const setContent = (content) => {
     conversation.messages[conversation.active.id].content = content;
   };
+  const setContentParams = (params) => {
+    conversation.messages[conversation.active.id].params = params;
+  };
   const setFileList = (files = []) => {
     conversation.messages[conversation.active.id].files = files;
   };
@@ -793,6 +826,17 @@ function createChatStore() {
     if (lastMessage.id !== messageId) return;
     conversation.messages[conversationId].questionList = data;
   };
+  const getRecommendQuestions = async (conversationId) => {
+    if (conversationId === conversation.active.id && conversation.active.member.agent?.id && !conversation.messages[conversationId].message.length) {
+      try {
+        const { data } = await config.services.request.recommendQuestionsQuery(conversation.active.member.agent.id, conversationId);
+        if (conversationId === conversation.active.id) {
+          receiver.recommendQuestions = data;
+        }
+      } catch (e) {
+      }
+    }
+  };
   const feedback = async (conversationId, messageId, msgFeedback, index) => {
     try {
       conversation.feedback.loading = true;
@@ -882,6 +926,7 @@ function createChatStore() {
       throw new Error("\u64CD\u4F5C\u88AB\u963B\u6B62");
     }
     await initConversation(conversationId);
+    receiver.recommendQuestions = [];
     await setPreview();
     config.hooks?.onAfterSwitchConversation?.(conversationId);
     try {
@@ -910,6 +955,7 @@ function createChatStore() {
       });
       conversation.messages[conversationId].message = data.items;
     }
+    getRecommendQuestions(conversationId);
     config.hooks?.onAfterInitMessages?.(conversation.messages[conversationId].message);
     config.hooks?.onAfterInit?.();
   };
@@ -954,10 +1000,11 @@ function createChatStore() {
       stream: true
     };
     const extraParams = common.deepCopy(config.params.params || {});
-    Object.assign(extraParams, receiver.params, message2 ? {} : references?.params, params);
+    Object.assign(extraParams, receiver.params, message2 ? {} : { ...references?.params, ...conversation.messages[conversationId].params }, params);
     sendParams.params = JSON.stringify(extraParams);
     if (!message2) {
       setContent("");
+      setContentParams();
       setFileList([]);
       setReferences();
       setHeaderOpen(false);
@@ -1124,6 +1171,8 @@ function createChatStore() {
     setReferences,
     /** 设置消息内容 */
     setContent,
+    /** 设置内容参数，透传大模型后清空 */
+    setContentParams,
     /** 设置文件列表 */
     setFileList,
     /** 设置头部展开状态 */
@@ -1169,7 +1218,7 @@ var styles_module_default2 = {
   quoteTooltip: "styles_module_quoteTooltip",
   quoteTooltipContainer: "styles_module_quoteTooltipContainer"
 };
-var MessageRender_default = ({ message: message2, placement, onFilePreview }) => {
+var MessageRender_default = ({ message: message2, placement, onFilePreview, customComponents: propsCustomComponents }) => {
   const msgContent = react.useMemo(
     () => `${message2.msgContent || ""}${message2.msgContent && message2.tempContent ? "\n\n" : ""}${message2.tempContent || ""}`,
     [message2.msgContent, message2.tempContent]
@@ -1202,13 +1251,16 @@ var MessageRender_default = ({ message: message2, placement, onFilePreview }) =>
       onFilePreview?.(file);
     }
   };
+  const mergedCustomComponents = react.useMemo(() => {
+    return { ...customComponents, ...propsCustomComponents };
+  }, [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: classNames9__default.default({ [styles_module_default2.loadingMessage]: message2.type }),
-        content: /* @__PURE__ */ jsxRuntime.jsx(common.RenderMarkdown, { content: replaceMarkdownTags(msgContent), customComponents, message: message2 })
+        className: classNames11__default.default({ [styles_module_default2.loadingMessage]: message2.type }),
+        content: /* @__PURE__ */ jsxRuntime.jsx(common.RenderMarkdown, { content: replaceMarkdownTags(msgContent), customComponents: mergedCustomComponents, message: message2 })
       }
     ),
     message2.msgFiles?.map((file) => /* @__PURE__ */ jsxRuntime.jsx(
@@ -1309,7 +1361,7 @@ var WelcomeItem_default = ({ icon = true, title = true, description = true, prom
     /* @__PURE__ */ jsxRuntime.jsx(
       x.Welcome,
       {
-        className: classNames9__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 || ""}` }),
@@ -1322,22 +1374,23 @@ var WelcomeItem_default = ({ icon = true, title = true, description = true, prom
         )
       }
     ),
-    receiverState.active.config?.recommendQuestions?.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx(
       common.RenderWrapper,
       {
         control: prompts,
-        DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(
+        DefaultComponent: receiverState?.recommendQuestions?.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
           x.Prompts,
           {
             className: "m-t-16",
             wrap: true,
+            onItemClick: ({ data }) => chatStore.sendMessage(data.key),
             items: [
               {
                 key: "1",
                 label: "\u{1F914} \u63A8\u8350\u95EE\u9898:",
-                children: receiverState.active.config.recommendQuestions.map(({ question }) => ({
+                children: receiverState?.recommendQuestions.map((question) => ({
                   key: question,
-                  description: /* @__PURE__ */ jsxRuntime.jsx("span", { onClick: () => chatStore.sendMessage(question), className: classNames9__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 })
                 }))
               }
             ]
@@ -1347,7 +1400,13 @@ var WelcomeItem_default = ({ icon = true, title = true, description = true, prom
     )
   ] });
 };
-var BubbleListItems_default = ({ firstMessage = false, welcomeMessage = true, avatar = { user: false, agent: true, other: true } }) => {
+var BubbleListItems_default = ({
+  firstMessages = [],
+  welcomeMessage = true,
+  avatar = { user: false, agent: true, other: true },
+  agentActions = false,
+  customComponents: customComponents2 = {}
+}) => {
   const chatStore = useChatStore();
   const receiverState = valtio.useSnapshot(chatStore.receiver);
   const conversationState = valtio.useSnapshot(chatStore.conversation);
@@ -1430,6 +1489,7 @@ var BubbleListItems_default = ({ firstMessage = false, welcomeMessage = true, av
     const roleKey = Object.keys(conversationRoles).find((key) => conversationRoles[key].id === sender.id);
     return conversationRoles[roleKey] || {};
   };
+  const messageRefs = react.useRef({});
   const chatRecords = react.useMemo(() => {
     return (chatMessage?.message || []).map((message2, index) => {
       const role = getRole(message2.sender);
@@ -1439,19 +1499,42 @@ var BubbleListItems_default = ({ firstMessage = false, welcomeMessage = true, av
         variant: "borderless",
         avatar: role.avatar,
         content: /* @__PURE__ */ jsxRuntime.jsx(
-          MessageRender_default,
+          "div",
           {
-            message: message2,
-            placement: role.placement,
-            onFilePreview: (file) => chatStore.setPreview({
-              fileUrl: file.content,
-              suffix: file.extension,
-              fileName: file.name
-            })
+            ref: (el) => {
+              messageRefs.current[message2.id] = el;
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              MessageRender_default,
+              {
+                message: message2,
+                placement: role.placement,
+                customComponents: customComponents2,
+                onFilePreview: (file) => chatStore.setPreview({
+                  fileUrl: file.content,
+                  suffix: file.extension,
+                  fileName: file.name
+                })
+              }
+            )
           }
         ),
         footer: /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { children: role.user === "agent" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { onClick: () => common.copyText(message2.msgContent), color: "default", variant: "text", size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CopyOutlined, {}) }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            antd.Button,
+            {
+              onClick: () => {
+                const container = messageRefs.current[message2.id];
+                if (!container) return;
+                const markdown = common.htmlToMarkdown(container?.innerHTML) || message2.msgContent;
+                common.copyText(markdown);
+              },
+              color: "default",
+              variant: "text",
+              size: "small",
+              icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CopyOutlined, {})
+            }
+          ),
           /* @__PURE__ */ jsxRuntime.jsx(
             antd.Button,
             {
@@ -1473,6 +1556,18 @@ var BubbleListItems_default = ({ firstMessage = false, welcomeMessage = true, av
               icon: /* @__PURE__ */ jsxRuntime.jsx(icons.DislikeOutlined, {}),
               onClick: () => chatStore.feedback(conversationState.active.id, message2.id, 2, index)
             }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            common.RenderWrapper,
+            {
+              control: agentActions,
+              ctx: {
+                message: message2,
+                get dom() {
+                  return messageRefs.current[message2.id];
+                }
+              }
+            }
           )
         ] }) })
         // ...(isHasTime
@@ -1481,26 +1576,28 @@ var BubbleListItems_default = ({ firstMessage = false, welcomeMessage = true, av
       };
     });
   }, [chatMessage?.message]);
-  const firstMessageRecord = react.useMemo(() => {
-    const isExist = common.shouldRender(firstMessage);
-    return isExist ? [
-      {
-        key: "firstMessage",
-        content: /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: firstMessage }),
-        placement: "end"
+  const firstMessagesRecord = react.useMemo(() => {
+    return (firstMessages || []).map((firstMessage, index) => {
+      const { member, ...args } = firstMessage;
+      return {
+        key: `firstMessage-${index}`,
+        placement: conversationRoles[member]?.placement,
+        avatar: conversationRoles[member]?.avatar,
         // avatar: { style: { visibility: 'hidden' } }
-      }
-    ] : [];
-  }, [firstMessage]);
+        variant: "borderless",
+        ...args
+      };
+    });
+  }, [firstMessages]);
   const bubbleListItems = react.useMemo(() => {
     const list = [];
-    list.push(...firstMessageRecord);
+    list.push(...firstMessagesRecord);
     list.push(...chatRecords, ...questionList);
     if (list.length) {
       return list;
     }
     return [...welcomeMessageRecord];
-  }, [chatRecords, questionList, welcomeMessageRecord, firstMessageRecord]);
+  }, [chatRecords, questionList, welcomeMessageRecord, firstMessagesRecord]);
   const listRef = react.useRef(null);
   const autoScrollRef = react.useRef(true);
   const handleScroll = (el) => {
@@ -1531,7 +1628,7 @@ var BubbleListItems_default = ({ firstMessage = false, welcomeMessage = true, av
       autoScroll: false,
       ref: listRef,
       items: bubbleListItems,
-      className: classNames9__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
@@ -1566,7 +1663,7 @@ var CharacterList_default = () => {
         /* @__PURE__ */ jsxRuntime.jsx(
           antd.Avatar,
           {
-            className: classNames9__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,
@@ -1662,7 +1759,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: classNames9__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 }) }),
@@ -1940,6 +2037,396 @@ var ChatSender_default = react.forwardRef(
 // src/ui/common/ChatSender.tsx
 init_Context();
 
+// src/ui/common/FeaturesRenderer.tsx
+init_Context();
+
+// src/ui/common/QuickAsk/QuickAskPanel.tsx
+init_Context();
+
+// src/ui/common/QuickAsk/QuickAskEditModal.tsx
+init_Context();
+var QuickAskEditModal_default = ({ open, onCancel, loading, onConfirm, initialValues, categories = [] }) => {
+  const [form] = antd.Form.useForm();
+  const chatStore = useChatStore();
+  const configState = valtio.useSnapshot(chatStore.config);
+  const [promptLoading, setPromptLoading] = react.useState(false);
+  const [description, setDescription] = react.useState("");
+  const handleOk = async () => {
+    try {
+      const values = await form.validateFields();
+      if (values) {
+        onConfirm(values);
+      }
+    } catch (error) {
+      console.error("Validation failed:", error);
+    }
+  };
+  const handleGenerate = async () => {
+    if (!description.trim()) return;
+    setPromptLoading(true);
+    try {
+      const res = await configState.services.request?.labelItemPromptAssistant?.(description);
+      if (res.data) {
+        form.setFieldsValue({
+          title: res.data.title,
+          labelName: res.data.labelName,
+          content: res.data.content
+        });
+      }
+    } finally {
+      setPromptLoading(false);
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    antd.Modal,
+    {
+      title: initialValues?.id ? "\u7F16\u8F91\u5FEB\u901F\u63D0\u95EE" : "\u65B0\u589E\u5FEB\u901F\u63D0\u95EE",
+      open,
+      onCancel,
+      onOk: handleOk,
+      width: 600,
+      okText: "\u786E\u5B9A",
+      okButtonProps: {
+        loading
+      },
+      cancelText: "\u53D6\u6D88",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, gap: 4, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            antd.Input.TextArea,
+            {
+              rows: 4,
+              placeholder: "\u8BF7\u8F93\u5165\u95EE\u9898\u63CF\u8FF0\uFF0C\u7F57\u62C9\u63D0\u793A\u8BCD\u52A9\u624B\u5C06\u5E2E\u60A8\u751F\u6210\u95EE\u9898\u540D\u79F0\uFF0C\u5206\u7C7B\u548C\u5185\u5BB9\u3002",
+              value: description,
+              onChange: (e) => setDescription(e.target.value),
+              disabled: promptLoading
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { justify: "end", children: /* @__PURE__ */ jsxRuntime.jsx(
+            antd.Button,
+            {
+              type: "primary",
+              size: "small",
+              icon: /* @__PURE__ */ jsxRuntime.jsx(icons.SignatureOutlined, {}),
+              onClick: handleGenerate,
+              loading: promptLoading,
+              disabled: !description.trim(),
+              children: "\u7F57\u62C9\u63D0\u793A\u8BCD\u52A9\u624B"
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs(antd.Form, { form, layout: "vertical", initialValues, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(antd.Form.Item, { label: "\u95EE\u9898ID", name: "id", hidden: true, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Input, { disabled: true }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(antd.Form.Item, { label: "\u95EE\u9898\u540D\u79F0", name: "title", rules: [{ required: true, message: "\u8BF7\u8F93\u5165\u95EE\u9898\u540D\u79F0" }], children: /* @__PURE__ */ jsxRuntime.jsx(antd.Input, { placeholder: "\u8BF7\u8F93\u5165\u95EE\u9898\u540D\u79F0" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(antd.Form.Item, { label: "\u95EE\u9898\u5206\u7C7B", name: "labelName", rules: [{ required: true, message: "\u8BF7\u9009\u62E9\u6216\u8F93\u5165\u95EE\u9898\u5206\u7C7B" }], children: /* @__PURE__ */ jsxRuntime.jsx(
+            antd.AutoComplete,
+            {
+              fieldNames: { value: "labelName" },
+              placeholder: "\u8BF7\u9009\u62E9\u95EE\u9898\u5206\u7C7B\u6216\u8F93\u5165\u65B0\u7684\u5206\u7C7B",
+              options: categories
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntime.jsx(antd.Form.Item, { label: "\u95EE\u9898\u5185\u5BB9", name: "content", rules: [{ required: true, message: "\u8BF7\u8F93\u5165\u5177\u4F53\u63D0\u95EE\u5185\u5BB9" }], children: /* @__PURE__ */ jsxRuntime.jsx(antd.Input.TextArea, { placeholder: "\u8BF7\u8F93\u5165\u5177\u4F53\u63D0\u95EE\u5185\u5BB9\uFF0C\u5982\uFF1A\u5E2E\u6211\u6269\u5199\u4E00\u4EFD\u8BC1\u636E\u8BF4\u660E", rows: 6 }) })
+        ] })
+      ]
+    }
+  );
+};
+
+// src/ui/common/QuickAsk/styles.module.less
+var styles_module_default4 = {
+  quickAskPanel: "styles_module_quickAskPanel",
+  tagContainer: "styles_module_tagContainer",
+  quickAskItem: "styles_module_quickAskItem",
+  quickAskItemHeader: "styles_module_quickAskItemHeader",
+  quickAskItemBody: "styles_module_quickAskItemBody"
+};
+var QuickAskPanel_default = () => {
+  const { message: message2 } = antd.App.useApp();
+  const chatStore = useChatStore();
+  const configState = valtio.useSnapshot(chatStore.config);
+  const receiverState = valtio.useSnapshot(chatStore.receiver);
+  const [searchText, setSearchText, getSearchText] = common.useRefState("");
+  const [searchExpanded, setSearchExpanded] = react.useState(false);
+  const [activeTab, setActiveTab, getActiveTab] = common.useRefState({});
+  const [categories, setCategories] = react.useState([]);
+  const [items, setItems] = react.useState([]);
+  const [editModalOpen, setEditModalOpen] = react.useState(false);
+  const [editingItem, setEditingItem] = react.useState();
+  const fetchCategories = async () => {
+    try {
+      const res = await configState.services.request?.labelsQuery?.(receiverState.active?.id, { pageNo: 1, pageSize: 1e3 });
+      if (res?.data) {
+        setCategories(res.data?.items);
+      }
+    } catch (err) {
+    }
+  };
+  const fetchItems = common.useDebounce(async () => {
+    try {
+      const res = await configState.services.request?.labelItemsQuery?.(receiverState.active?.id, {
+        labelId: getActiveTab().id,
+        keyword: getSearchText()
+      });
+      if (res?.data) {
+        setItems(res.data);
+      }
+    } catch (err) {
+    }
+  });
+  react.useEffect(() => {
+    if (receiverState.active?.id) {
+      fetchCategories();
+      fetchItems();
+    }
+  }, [receiverState.active?.id]);
+  const [loading, setLoading] = react.useState(false);
+  const handleEditConfirm = async (values) => {
+    try {
+      setLoading(true);
+      await configState.services.request?.labelItemUpdate?.(receiverState.active?.id, values);
+      setEditModalOpen(false);
+      message2.success("\u4FDD\u5B58\u6210\u529F");
+      if (!getActiveTab().id || values.labelName === getActiveTab().labelName) {
+        fetchItems();
+      }
+      fetchCategories();
+    } finally {
+      setLoading(false);
+    }
+  };
+  const handleDelete = async (id) => {
+    try {
+      await configState.services.request?.labelItemDelete?.(id);
+      message2.success("\u5220\u9664\u6210\u529F");
+      fetchItems();
+    } catch (err) {
+    }
+  };
+  const handleTop = async (item) => {
+    try {
+      await configState.services.request?.labelItemTop?.({
+        id: item.id,
+        isTop: !item.isTop
+      });
+      message2.success(item.isTop ? "\u53D6\u6D88\u7F6E\u9876\u6210\u529F" : "\u7F6E\u9876\u6210\u529F");
+      fetchItems();
+    } 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: classNames11__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.Flex, { vertical: true, gap: 8, className: "height-full scroll-fade-in", children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        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", className: styles_module_default4.quickAskItemHeader, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 text-ellipsis", children: item.title }),
+            /* @__PURE__ */ jsxRuntime.jsxs(antd.Space, { size: 4, 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();
+                    handleEditConfirm({
+                      title: item.title,
+                      labelName: item.labelName,
+                      content: item.content
+                    });
+                  }
+                },
+                "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);
+                  },
+                  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,
+      {
+        open: editModalOpen,
+        onCancel: () => setEditModalOpen(false),
+        onConfirm: handleEditConfirm,
+        loading,
+        initialValues: editingItem,
+        categories
+      }
+    )
+  ] });
+};
+var FeaturesRenderer_default = () => {
+  const chatStore = useChatStore();
+  const receiverState = valtio.useSnapshot(chatStore.receiver);
+  const conversationState = valtio.useSnapshot(chatStore.conversation);
+  const chatMessage = react.useMemo(
+    () => conversationState.messages[conversationState.active.id] || {},
+    [conversationState.messages[conversationState.active.id]]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    receiverState.active.feature?.deepThink && /* @__PURE__ */ jsxRuntime.jsx(
+      antd.Button,
+      {
+        size: "small",
+        color: receiverState.params.thinkMode === "1" ? "primary" : "default",
+        variant: "filled",
+        onClick: () => chatStore.setReceiverParams({ thinkMode: receiverState.params.thinkMode === "1" ? "2" : "1" }),
+        children: "\u6DF1\u5EA6\u601D\u8003"
+      }
+    ),
+    receiverState.active.feature?.switchManual && /* @__PURE__ */ jsxRuntime.jsx(
+      antd.Button,
+      {
+        size: "small",
+        title: chatMessage?.speakHuman ? "\u5F53\u524D\u72B6\u6001\u4E3A\u4EBA\u5DE5\u6A21\u5F0F\u3002\u60A8\u53D1\u9001\u7684\u95EE\u9898\u5C06\u76F4\u63A5\u53D1\u9001\u7ED9\u4E13\u5BB6\uFF0C\u667A\u80FD\u52A9\u624B\u5C06\u4E0D\u518D\u56DE\u590D" : "\u5F53\u524D\u72B6\u6001\u4E3A\u667A\u80FD\u52A9\u624B\u6A21\u5F0F\u3002\u60A8\u53D1\u9001\u7684\u95EE\u9898\u5C06\u53D1\u9001\u7ED9\u667A\u80FD\u52A9\u624B\uFF0C\u667A\u80FD\u52A9\u624B\u5C06\u56DE\u590D\u60A8",
+        shape: "round",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(icons.UserSwitchOutlined, {}),
+        color: chatMessage?.speakHuman ? "primary" : "default",
+        variant: "filled",
+        onClick: () => {
+          chatStore.setSpeakHuman?.(!chatMessage?.speakHuman);
+        },
+        children: "\u5411\u4E13\u5BB6\u54A8\u8BE2"
+      }
+    ),
+    /* @__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"
+          }
+        )
+      }
+    )
+  ] });
+};
+
 // src/ui/common/SenderPromptsItems.tsx
 init_Context();
 var SenderPromptsItems_default = () => {
@@ -1958,14 +2445,14 @@ var SenderPromptsItems_default = () => {
               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: item.question }),
+              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: classNames9__default.default(styles_module_default3.nsSenderListTitle, "text-ellipsis"),
+              className: classNames11__default.default(styles_module_default3.nsSenderListTitle, "text-ellipsis"),
               children: `${receiverState.active.name}\u5F00\u59CB\u5173\u6CE8${question.name}\u5185\u5BB9\uFF01`
             }
           ),
@@ -2023,31 +2510,7 @@ var ChatSender_default2 = react.forwardRef(
           sendBtnProps: common.isFunction(sendBtnProps) ? sendBtnProps() : {},
           extraFooterBelow: /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: footerBelow }),
           extraFooter: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-            receiverState.active.feature?.deepThink && /* @__PURE__ */ jsxRuntime.jsx(
-              antd.Button,
-              {
-                size: "small",
-                color: receiverState.params.thinkMode === "1" ? "primary" : "default",
-                variant: "filled",
-                onClick: () => chatStore.setReceiverParams({ thinkMode: receiverState.params.thinkMode === "1" ? "2" : "1" }),
-                children: "\u6DF1\u5EA6\u601D\u8003"
-              }
-            ),
-            receiverState.active.feature?.switchManual && /* @__PURE__ */ jsxRuntime.jsx(
-              antd.Button,
-              {
-                size: "small",
-                title: chatMessage?.speakHuman ? "\u5F53\u524D\u72B6\u6001\u4E3A\u4EBA\u5DE5\u6A21\u5F0F\u3002\u60A8\u53D1\u9001\u7684\u95EE\u9898\u5C06\u76F4\u63A5\u53D1\u9001\u7ED9\u4E13\u5BB6\uFF0C\u667A\u80FD\u52A9\u624B\u5C06\u4E0D\u518D\u56DE\u590D" : "\u5F53\u524D\u72B6\u6001\u4E3A\u667A\u80FD\u52A9\u624B\u6A21\u5F0F\u3002\u60A8\u53D1\u9001\u7684\u95EE\u9898\u5C06\u53D1\u9001\u7ED9\u667A\u80FD\u52A9\u624B\uFF0C\u667A\u80FD\u52A9\u624B\u5C06\u56DE\u590D\u60A8",
-                shape: "round",
-                icon: /* @__PURE__ */ jsxRuntime.jsx(icons.UserSwitchOutlined, {}),
-                color: chatMessage?.speakHuman ? "primary" : "default",
-                variant: "filled",
-                onClick: () => {
-                  chatStore.setSpeakHuman?.(!chatMessage?.speakHuman);
-                },
-                children: "\u5411\u4E13\u5BB6\u54A8\u8BE2"
-              }
-            ),
+            /* @__PURE__ */ jsxRuntime.jsx(FeaturesRenderer_default, {}),
             /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: extraBtn })
           ] }),
           extraHeader: /* @__PURE__ */ jsxRuntime.jsx(
@@ -2098,7 +2561,7 @@ var ConversationListHeader_default = () => {
         type: "primary",
         shape: "round",
         onClick: () => chatStore.createConversation(),
-        className: classNames9__default.default("m-t-16"),
+        className: classNames11__default.default("m-t-16"),
         icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PlusOutlined, {}),
         children: "\u65B0\u5EFA\u4F1A\u8BDD"
       }
@@ -2106,14 +2569,14 @@ var ConversationListHeader_default = () => {
   ] });
 };
 var ConversationListPanel_default = ({ header }) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames9__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, {}) })
   ] });
 };
 
 // src/ui/layouts/styles.module.less
-var styles_module_default4 = {
+var styles_module_default5 = {
   nsPreviewHeader: "styles_module_nsPreviewHeader",
   nsPreviewHeaderTitle: "styles_module_nsPreviewHeaderTitle",
   nsChatSenderHeader: "styles_module_nsChatSenderHeader",
@@ -2160,6 +2623,7 @@ var layouts_default = react.forwardRef(({ theme, params, userInfo, hooks, layout
       createConversation: chatStore.createConversation,
       setReferences: chatStore.setReferences,
       setMessage: chatStore.setContent,
+      setMessageParams: chatStore.setContentParams,
       setFiles: chatStore.setFileList,
       setServices: chatStore.setServices,
       setParams: chatStore.setParams,
@@ -2198,7 +2662,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: classNames9__default.default(styles_module_default4.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 }),
@@ -2206,8 +2670,8 @@ var layouts_default = react.forwardRef(({ theme, params, userInfo, hooks, layout
       /* @__PURE__ */ jsxRuntime.jsxs(antd.Splitter, { className: "flex-1", onResize: setSplitterSizes, children: [
         /* @__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_default4.nsPreviewHeader, children: [
-              /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames9__default.default(styles_module_default4.nsPreviewHeaderTitle, "text-ellipsis"), title: configState.preview.file.fileName, children: configState.preview.file.fileName }),
+            /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "space-between", align: "center", gap: 16, className: styles_module_default5.nsPreviewHeader, children: [
+              /* @__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,
@@ -2251,15 +2715,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: classNames9__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: classNames9__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: classNames9__default.default("height-full", styles_module_default4.nsChatBody, "zero-chat-body", styles_module_default4.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: [
@@ -2267,7 +2731,7 @@ var layouts_default = react.forwardRef(({ theme, params, userInfo, hooks, layout
                     common.RenderWrapper,
                     {
                       control: configState.layout.senderHeader,
-                      DefaultComponent: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module_default4.nsChatSenderHeader, children: [
+                      DefaultComponent: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module_default5.nsChatSenderHeader, children: [
                         "\u6211\u662F ",
                         receiverState.active.name
                       ] })
@@ -2278,7 +2742,26 @@ var layouts_default = react.forwardRef(({ theme, params, userInfo, hooks, layout
                     common.RenderWrapper,
                     {
                       control: configState.layout.disclaimerNotice,
-                      DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default4.nsDisclaimerNotice, children: "\u5185\u5BB9\u7531AI\u751F\u6210\uFF0C\u4EC5\u4F9B\u53C2\u8003\uFF0C\u8BF7\u4ED4\u7EC6\u7504\u522B" })
+                      DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default5.nsDisclaimerNotice, children: "\u5185\u5BB9\u7531AI\u751F\u6210\uFF0C\u4EC5\u4F9B\u53C2\u8003\uFF0C\u8BF7\u4ED4\u7EC6\u7504\u522B" })
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    common.RenderWrapper,
+                    {
+                      control: configState.layout.recommendQuestions,
+                      DefaultComponent: receiverState?.recommendQuestions?.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                        x.Prompts,
+                        {
+                          vertical: true,
+                          title: "\u63A8\u8350\u95EE\u9898:",
+                          onItemClick: ({ data }) => chatStore.sendMessage(data.key),
+                          items: receiverState?.recommendQuestions.map((question) => ({
+                            key: question,
+                            icon: /* @__PURE__ */ jsxRuntime.jsx(icons.FileSearchOutlined, {}),
+                            description: question
+                          }))
+                        }
+                      )
                     }
                   )
                 ] }),