@zero-library/chat-agent 2.2.18 → 2.3.0

package/dist/index.esm.js

@@ -1,11 +1,11 @@
-import { createSecureManager, createTokenManager, useRefState, useDebounce, useSyncInput, markdownToText, RenderWrapper, shouldRender, isFunction, useDeepEffect, useWebSocket, downloadFile, FilePreview, MarkdownEditor, isNumber, getFileSuffixName, isObject, isNullOrUnDef, isBoolean, UserAvatar, copyText, deepCopy, transforms, deepMerge, createRequest, HttpStatus, isArray, isString, isEmptyObj, RenderMarkdown, transform, emit, buildUrlParams, getWebSocketUrl, useCreateValtioContext, FileIcon, isExternal } from '@zero-library/common';
-import { App, Badge, Button, Flex, Typography, Spin, Splitter, Tag, Popover, List, Avatar, Space, message, Empty, Tooltip, Modal, Row, Col, Collapse, Drawer } from 'antd';
+import { createSecureManager, createTokenManager, useRefState, useDebounce, useSyncInput, markdownToText, RenderWrapper, shouldRender, isFunction, useDeepEffect, useWebSocket, downloadFile, FilePreview, MarkdownEditor, isObject, isNullOrUnDef, isNumber, getFileSuffixName, isBoolean, UserAvatar, htmlToMarkdown, copyText, deepCopy, transforms, deepMerge, createRequest, HttpStatus, isArray, isString, isEmptyObj, RenderMarkdown, transform, emit, buildUrlParams, getWebSocketUrl, useCreateValtioContext, FileIcon, isExternal, LazyComponent } from '@zero-library/common';
+import { App, Badge, Button, Flex, Typography, Spin, Splitter, Tag, Popover, List, Avatar, Space, Input, Popconfirm, message, Empty, Tooltip, Form, Modal, AutoComplete, Row, Col, Collapse, Skeleton, Alert, Drawer } from 'antd';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef, useRef, useEffect, useImperativeHandle, useMemo, useState } from 'react';
 import { useSnapshot, proxy } from 'valtio';
-import { CloudUploadOutlined, PaperClipOutlined, EnterOutlined, UserSwitchOutlined, CloseOutlined, PlusOutlined, CommentOutlined, OpenAIOutlined, CopyOutlined, LikeOutlined, DislikeOutlined, DeleteOutlined, RedoOutlined, PlayCircleOutlined } from '@ant-design/icons';
+import { CloudUploadOutlined, PaperClipOutlined, EnterOutlined, CloseOutlined, FileSearchOutlined, UserSwitchOutlined, PlusOutlined, CommentOutlined, OpenAIOutlined, CopyOutlined, LikeOutlined, DislikeOutlined, SearchOutlined, PushpinOutlined, EditOutlined, DeleteOutlined, RedoOutlined, SignatureOutlined, PlayCircleOutlined, DotChartOutlined } from '@ant-design/icons';
+import classNames11 from 'classnames';
 import { Attachments, Sender, Suggestion, XProvider, Prompts, Bubble, Conversations, Welcome } from '@ant-design/x';
-import classNames9 from 'classnames';
 import dayjs from 'dayjs';
 import InfiniteScroll from 'react-infinite-scroll-component';
 
@@ -37,7 +37,10 @@ var init_styles_module = __esm({
       fileEditContent: "styles_module_fileEditContent",
       quoteList: "styles_module_quoteList",
       mdEdit: "styles_module_mdEdit",
-      think: "styles_module_think"
+      think: "styles_module_think",
+      chart: "styles_module_chart",
+      chartSkeleton: "styles_module_chartSkeleton",
+      chartSkeletonIcon: "styles_module_chartSkeletonIcon"
     };
   }
 });
@@ -244,6 +247,77 @@ var init_Think = __esm({
     };
   }
 });
+
+// src/ui/common/markdownAlert/Charts.tsx
+var Charts_exports = {};
+__export(Charts_exports, {
+  default: () => Charts_default
+});
+var chartTypes, CHART_COMPONENTS, Charts_default;
+var init_Charts = __esm({
+  "src/ui/common/markdownAlert/Charts.tsx"() {
+    init_styles_module();
+    chartTypes = [
+      "Line",
+      "Column",
+      "Bar",
+      "Area",
+      "Pie",
+      "DualAxes",
+      "Scatter",
+      "WordCloud",
+      "Funnel",
+      "Heatmap",
+      "Histogram",
+      "Liquid",
+      "BidirectionalBar",
+      "Box",
+      "Bullet",
+      "CirclePacking",
+      "Gauge",
+      "Radar",
+      "Rose",
+      "Sankey",
+      "Stock",
+      "Sunburst",
+      "Treemap",
+      "Venn",
+      "Waterfall",
+      "MindMap",
+      "Fishbone",
+      "IndentedTree",
+      "Dendrogram",
+      "OrganizationChart",
+      "FlowGraph",
+      "FlowDirectionGraph",
+      "NetworkGraph"
+      // …如果还有其他图表也继续加
+    ];
+    CHART_COMPONENTS = Object.fromEntries(
+      chartTypes.map((type) => [
+        type,
+        () => import('@ant-design/charts').then((mod) => ({
+          default: mod[type]
+        }))
+      ])
+    );
+    Charts_default = ({ data, loading }) => {
+      const { type, config } = data;
+      return /* @__PURE__ */ jsx("div", { className: classNames11(styles_module_default.chart, "scroll-fade-in"), children: loading ? (
+        // Antd 骨架屏
+        /* @__PURE__ */ jsx(Skeleton.Node, { active: true, className: styles_module_default.chartSkeleton, children: /* @__PURE__ */ jsx(DotChartOutlined, { className: styles_module_default.chartSkeletonIcon }) })
+      ) : /* @__PURE__ */ jsx(
+        LazyComponent,
+        {
+          type,
+          ...config,
+          customComponents: CHART_COMPONENTS,
+          unknownContent: /* @__PURE__ */ jsx(Alert, { message: "\u4E0D\u652F\u6301\u7684\u56FE\u8868", description: `\u5F53\u524D\u56FE\u8868\u7C7B\u578B "${type}" \u6682\u672A\u5B9E\u73B0\uFF0C\u8BF7\u68C0\u67E5\u56FE\u8868\u7C7B\u578B\u662F\u5426\u6B63\u786E\u3002`, type: "warning", showIcon: true })
+        }
+      ) });
+    };
+  }
+});
 var userInfoManager = createSecureManager({
   key: "NS-USER",
   aesKey: "((#II))"
@@ -333,6 +407,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,
@@ -350,12 +445,19 @@ var createChatService = (request) => {
     agentInfoQuery,
     agentCharacterQuery,
     agentCharacterSelect,
-    fileUpload
+    fileUpload,
+    labelItemUpdate,
+    labelItemDelete,
+    labelsQuery,
+    labelItemsQuery,
+    labelItemTop,
+    labelItemPromptAssistant,
+    recommendQuestionsQuery
   };
 };
 var createFileService = (request) => {
   const docQuery = (paramsStr) => {
-    return request.get(`/uc/doc?${paramsStr}`);
+    return request.get(`/lolr/doc?${paramsStr}`);
   };
   const fileCreate = async (fileContent, fileName, targetFormat = "docx") => {
     const blob = await request.post(`/uc/doc/convert`, { fileContent, fileName, targetFormat }, { responseType: "blob" });
@@ -374,20 +476,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: {
@@ -403,7 +504,8 @@ var defaultExpertLayout = {
       conversationListBtn: false
     }
   },
-  disclaimerNotice: false
+  disclaimerNotice: false,
+  recommendQuestions: false
 };
 function createChatStore() {
   const config = proxy({
@@ -497,6 +599,8 @@ function createChatStore() {
   const receiver = proxy({
     /** 当前激活的接收者信息（智能体或专家） */
     active: {},
+    /** 智能体推荐问题列表 */
+    recommendQuestions: [],
     /** 接收者加载状态 */
     loading: false,
     /** 接收者透传参数，后期可能扩展不透传参数 */
@@ -537,9 +641,6 @@ function createChatStore() {
       });
       receiver.active.type = 3;
       setReceiverParams();
-      if (receiver.active.feature?.deepThink) {
-        setReceiverParams({ thinkMode: "2" });
-      }
       config.hooks?.onAfterSwitchAgent?.(data);
     } catch (error) {
       console.error(error);
@@ -692,6 +793,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;
   };
@@ -714,6 +818,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;
@@ -803,6 +918,7 @@ function createChatStore() {
       throw new Error("\u64CD\u4F5C\u88AB\u963B\u6B62");
     }
     await initConversation(conversationId);
+    receiver.recommendQuestions = [];
     await setPreview();
     config.hooks?.onAfterSwitchConversation?.(conversationId);
     try {
@@ -831,6 +947,7 @@ function createChatStore() {
       });
       conversation.messages[conversationId].message = data.items;
     }
+    getRecommendQuestions(conversationId);
     config.hooks?.onAfterInitMessages?.(conversation.messages[conversationId].message);
     config.hooks?.onAfterInit?.();
   };
@@ -875,10 +992,11 @@ function createChatStore() {
       stream: true
     };
     const extraParams = 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);
@@ -1045,6 +1163,8 @@ function createChatStore() {
     setReferences,
     /** 设置消息内容 */
     setContent,
+    /** 设置内容参数，透传大模型后清空 */
+    setContentParams,
     /** 设置文件列表 */
     setFileList,
     /** 设置头部展开状态 */
@@ -1077,7 +1197,8 @@ var customComponents = {
   mdEdit: () => Promise.resolve().then(() => (init_MdEdit(), MdEdit_exports)),
   fileEdit: () => Promise.resolve().then(() => (init_FileEdit(), FileEdit_exports)),
   // quoteList: () => import('./QuoteList'),
-  think: () => Promise.resolve().then(() => (init_Think(), Think_exports))
+  think: () => Promise.resolve().then(() => (init_Think(), Think_exports)),
+  charts: () => Promise.resolve().then(() => (init_Charts(), Charts_exports))
 };
 
 // src/components/styles.module.less
@@ -1089,7 +1210,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 = useMemo(
     () => `${message2.msgContent || ""}${message2.msgContent && message2.tempContent ? "\n\n" : ""}${message2.tempContent || ""}`,
     [message2.msgContent, message2.tempContent]
@@ -1122,13 +1243,16 @@ var MessageRender_default = ({ message: message2, placement, onFilePreview }) =>
       onFilePreview?.(file);
     }
   };
+  const mergedCustomComponents = useMemo(() => {
+    return { ...customComponents, ...propsCustomComponents };
+  }, [propsCustomComponents]);
   return /* @__PURE__ */ jsx(Flex, { vertical: true, children: !(msgContent || message2.msgFiles.length) ? /* @__PURE__ */ jsx(Typography, { children: /* @__PURE__ */ jsx(Spin, { size: "small" }) }) : /* @__PURE__ */ jsxs(Fragment, { children: [
     msgContent && /* @__PURE__ */ jsx(
       Bubble,
       {
         placement,
-        className: classNames9({ [styles_module_default2.loadingMessage]: message2.type }),
-        content: /* @__PURE__ */ jsx(RenderMarkdown, { content: replaceMarkdownTags(msgContent), customComponents, message: message2 })
+        className: classNames11({ [styles_module_default2.loadingMessage]: message2.type }),
+        content: /* @__PURE__ */ jsx(RenderMarkdown, { content: replaceMarkdownTags(msgContent), customComponents: mergedCustomComponents, message: message2 })
       }
     ),
     message2.msgFiles?.map((file) => /* @__PURE__ */ jsx(
@@ -1229,7 +1353,7 @@ var WelcomeItem_default = ({ icon = true, title = true, description = true, prom
     /* @__PURE__ */ jsx(
       Welcome,
       {
-        className: classNames9(styles_module_default3.chatWelcome, "p-t-32"),
+        className: classNames11(styles_module_default3.chatWelcome, "p-t-32"),
         variant: "borderless",
         icon: /* @__PURE__ */ jsx(RenderWrapper, { control: icon, DefaultComponent: /* @__PURE__ */ jsx(Avatar, { shape: "square", size: 58, src: receiverState.active.logo }) }),
         title: /* @__PURE__ */ jsx(RenderWrapper, { control: title, DefaultComponent: `\u4F60\u597D\uFF0C\u6211\u662F${receiverState.active.name || ""}` }),
@@ -1242,22 +1366,23 @@ var WelcomeItem_default = ({ icon = true, title = true, description = true, prom
         )
       }
     ),
-    receiverState.active.config?.recommendQuestions?.length > 0 && /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(
       RenderWrapper,
       {
         control: prompts,
-        DefaultComponent: /* @__PURE__ */ jsx(
+        DefaultComponent: receiverState?.recommendQuestions?.length > 0 && /* @__PURE__ */ jsx(
           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__ */ jsx("span", { onClick: () => chatStore.sendMessage(question), className: classNames9(styles_module_default3.chatWelcomePrompts, "text-ellipsis"), children: question })
+                  description: /* @__PURE__ */ jsx("span", { className: classNames11(styles_module_default3.chatWelcomePrompts, "text-ellipsis"), children: question })
                 }))
               }
             ]
@@ -1267,7 +1392,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 = useSnapshot(chatStore.receiver);
   const conversationState = useSnapshot(chatStore.conversation);
@@ -1350,6 +1481,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 = useRef({});
   const chatRecords = useMemo(() => {
     return (chatMessage?.message || []).map((message2, index) => {
       const role = getRole(message2.sender);
@@ -1359,19 +1491,42 @@ var BubbleListItems_default = ({ firstMessage = false, welcomeMessage = true, av
         variant: "borderless",
         avatar: role.avatar,
         content: /* @__PURE__ */ 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__ */ 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__ */ jsx(Flex, { children: role.user === "agent" && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Button, { onClick: () => copyText(message2.msgContent), color: "default", variant: "text", size: "small", icon: /* @__PURE__ */ jsx(CopyOutlined, {}) }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              onClick: () => {
+                const container = messageRefs.current[message2.id];
+                if (!container) return;
+                const markdown = htmlToMarkdown(container?.innerHTML) || message2.msgContent;
+                copyText(markdown);
+              },
+              color: "default",
+              variant: "text",
+              size: "small",
+              icon: /* @__PURE__ */ jsx(CopyOutlined, {})
+            }
+          ),
           /* @__PURE__ */ jsx(
             Button,
             {
@@ -1393,6 +1548,18 @@ var BubbleListItems_default = ({ firstMessage = false, welcomeMessage = true, av
               icon: /* @__PURE__ */ jsx(DislikeOutlined, {}),
               onClick: () => chatStore.feedback(conversationState.active.id, message2.id, 2, index)
             }
+          ),
+          /* @__PURE__ */ jsx(
+            RenderWrapper,
+            {
+              control: agentActions,
+              ctx: {
+                message: message2,
+                get dom() {
+                  return messageRefs.current[message2.id];
+                }
+              }
+            }
           )
         ] }) })
         // ...(isHasTime
@@ -1401,26 +1568,28 @@ var BubbleListItems_default = ({ firstMessage = false, welcomeMessage = true, av
       };
     });
   }, [chatMessage?.message]);
-  const firstMessageRecord = useMemo(() => {
-    const isExist = shouldRender(firstMessage);
-    return isExist ? [
-      {
-        key: "firstMessage",
-        content: /* @__PURE__ */ jsx(RenderWrapper, { control: firstMessage }),
-        placement: "end"
+  const firstMessagesRecord = 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 = 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 = useRef(null);
   const autoScrollRef = useRef(true);
   const handleScroll = (el) => {
@@ -1451,7 +1620,7 @@ var BubbleListItems_default = ({ firstMessage = false, welcomeMessage = true, av
       autoScroll: false,
       ref: listRef,
       items: bubbleListItems,
-      className: classNames9(styles_module_default3.nsBubbleList, "height-full", "scroll-fade-in", "zero-chat-bubbles"),
+      className: classNames11(styles_module_default3.nsBubbleList, "height-full", "scroll-fade-in", "zero-chat-bubbles"),
       onScroll: handleScroll
     },
     conversationState.active.id
@@ -1486,7 +1655,7 @@ var CharacterList_default = () => {
         /* @__PURE__ */ jsx(
           Avatar,
           {
-            className: classNames9(styles_module_default3.nsAvatarListItemIcon, "cursor-pointer", {
+            className: classNames11(styles_module_default3.nsAvatarListItemIcon, "cursor-pointer", {
               [styles_module_default3.nsAvatarListItemIconActive]: activeCharacter.id === item.id
             }),
             size: 50,
@@ -1582,7 +1751,7 @@ var ChatHeader_default = ({
   const chatStore = useChatStore();
   const receiverState = useSnapshot(chatStore.receiver);
   const configState = useSnapshot(chatStore.config);
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Flex, { justify: "space-between", align: "center", className: classNames9(styles_module_default3.nsChatHeader, "zero-chat-header"), children: [
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Flex, { justify: "space-between", align: "center", className: classNames11(styles_module_default3.nsChatHeader, "zero-chat-header"), children: [
     /* @__PURE__ */ jsxs(Flex, { gap: 4, align: "center", children: [
       /* @__PURE__ */ jsx(RenderWrapper, { control: avatar, DefaultComponent: /* @__PURE__ */ jsx(Avatar, { size: 22, src: receiverState.active.logo, alt: receiverState.active.name }) }),
       /* @__PURE__ */ jsx(RenderWrapper, { control: title, DefaultComponent: /* @__PURE__ */ jsx("div", { className: styles_module_default3.nsChatTitle, children: receiverState.active.name }) }),
@@ -1860,6 +2029,396 @@ var ChatSender_default = 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] = Form.useForm();
+  const chatStore = useChatStore();
+  const configState = useSnapshot(chatStore.config);
+  const [promptLoading, setPromptLoading] = useState(false);
+  const [description, setDescription] = 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__ */ jsxs(
+    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__ */ jsxs(Flex, { vertical: true, gap: 4, children: [
+          /* @__PURE__ */ jsx(
+            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__ */ jsx(Flex, { justify: "end", children: /* @__PURE__ */ jsx(
+            Button,
+            {
+              type: "primary",
+              size: "small",
+              icon: /* @__PURE__ */ jsx(SignatureOutlined, {}),
+              onClick: handleGenerate,
+              loading: promptLoading,
+              disabled: !description.trim(),
+              children: "\u7F57\u62C9\u63D0\u793A\u8BCD\u52A9\u624B"
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ jsxs(Form, { form, layout: "vertical", initialValues, children: [
+          /* @__PURE__ */ jsx(Form.Item, { label: "\u95EE\u9898ID", name: "id", hidden: true, children: /* @__PURE__ */ jsx(Input, { disabled: true }) }),
+          /* @__PURE__ */ jsx(Form.Item, { label: "\u95EE\u9898\u540D\u79F0", name: "title", rules: [{ required: true, message: "\u8BF7\u8F93\u5165\u95EE\u9898\u540D\u79F0" }], children: /* @__PURE__ */ jsx(Input, { placeholder: "\u8BF7\u8F93\u5165\u95EE\u9898\u540D\u79F0" }) }),
+          /* @__PURE__ */ jsx(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__ */ jsx(
+            AutoComplete,
+            {
+              fieldNames: { value: "labelName" },
+              placeholder: "\u8BF7\u9009\u62E9\u95EE\u9898\u5206\u7C7B\u6216\u8F93\u5165\u65B0\u7684\u5206\u7C7B",
+              options: categories
+            }
+          ) }),
+          /* @__PURE__ */ jsx(Form.Item, { label: "\u95EE\u9898\u5185\u5BB9", name: "content", rules: [{ required: true, message: "\u8BF7\u8F93\u5165\u5177\u4F53\u63D0\u95EE\u5185\u5BB9" }], children: /* @__PURE__ */ jsx(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 } = App.useApp();
+  const chatStore = useChatStore();
+  const configState = useSnapshot(chatStore.config);
+  const receiverState = useSnapshot(chatStore.receiver);
+  const [searchText, setSearchText, getSearchText] = useRefState("");
+  const [searchExpanded, setSearchExpanded] = useState(false);
+  const [activeTab, setActiveTab, getActiveTab] = useRefState({});
+  const [categories, setCategories] = useState([]);
+  const [items, setItems] = useState([]);
+  const [editModalOpen, setEditModalOpen] = useState(false);
+  const [editingItem, setEditingItem] = 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 = 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) {
+    }
+  });
+  useEffect(() => {
+    if (receiverState.active?.id) {
+      fetchCategories();
+      fetchItems();
+    }
+  }, [receiverState.active?.id]);
+  const [loading, setLoading] = 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__ */ jsxs(Flex, { vertical: true, className: styles_module_default4.quickAskPanel, children: [
+    /* @__PURE__ */ jsx(Flex, { justify: "space-between", align: "center", children: /* @__PURE__ */ jsx(Typography.Title, { level: 5, children: "\u5FEB\u901F\u63D0\u95EE" }) }),
+    /* @__PURE__ */ jsxs(Flex, { gap: 8, className: "m-b-16 m-t-16", children: [
+      !searchExpanded && /* @__PURE__ */ jsx(
+        Button,
+        {
+          type: "dashed",
+          block: true,
+          icon: /* @__PURE__ */ jsx(PlusOutlined, {}),
+          className: "flex-1",
+          onClick: () => {
+            setEditingItem(null);
+            setEditModalOpen(true);
+          },
+          children: "\u65B0\u589E\u5FEB\u901F\u63D0\u95EE"
+        }
+      ),
+      searchExpanded ? /* @__PURE__ */ jsx(
+        Input,
+        {
+          autoFocus: true,
+          placeholder: "\u8F93\u5165\u95EE\u9898\u540D\u79F0\u6216\u5185\u5BB9\u68C0\u7D22",
+          prefix: /* @__PURE__ */ jsx(SearchOutlined, {}),
+          value: searchText,
+          onChange: (e) => {
+            setSearchText(e.target.value);
+            fetchItems();
+          },
+          className: "flex-1",
+          allowClear: true,
+          onBlur: () => setSearchExpanded(false)
+        }
+      ) : /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(SearchOutlined, {}), onClick: () => setSearchExpanded(true) })
+    ] }),
+    /* @__PURE__ */ jsxs(Flex, { align: "center", className: classNames11("scroll-fade-in", "m-b-16", styles_module_default4.tagContainer), children: [
+      /* @__PURE__ */ jsx(
+        Tag,
+        {
+          color: !activeTab.id ? "processing" : "default",
+          className: "cursor-pointer",
+          bordered: false,
+          onClick: () => {
+            setActiveTab({});
+            fetchItems();
+          },
+          children: "\u5168\u90E8"
+        }
+      ),
+      categories.map((c) => /* @__PURE__ */ jsx(
+        Tag,
+        {
+          color: activeTab.id === c.id ? "processing" : "default",
+          className: "cursor-pointer",
+          bordered: false,
+          onClick: () => {
+            setActiveTab(c);
+            fetchItems();
+          },
+          children: c.labelName
+        },
+        c.id
+      ))
+    ] }),
+    /* @__PURE__ */ jsx(Flex, { vertical: true, className: "flex-1", children: /* @__PURE__ */ jsx(Flex, { vertical: true, gap: 8, className: "height-full scroll-fade-in", children: items.map((item) => /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: styles_module_default4.quickAskItem,
+        onClick: () => {
+          chatStore.setContent(item.content);
+          chatStore.setContentParams({
+            use_template: 1
+          });
+        },
+        children: [
+          /* @__PURE__ */ jsxs(Flex, { gap: 8, justify: "space-between", className: styles_module_default4.quickAskItemHeader, children: [
+            /* @__PURE__ */ jsx("div", { className: "flex-1 text-ellipsis", children: item.title }),
+            /* @__PURE__ */ jsxs(Space, { size: 4, children: [
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "primary",
+                  size: "small",
+                  icon: /* @__PURE__ */ jsx(PushpinOutlined, { rotate: item.isTop ? -45 : 0 }),
+                  title: item.isTop ? "\u53D6\u6D88\u7F6E\u9876" : "\u7F6E\u9876",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    handleTop(item);
+                  }
+                },
+                "top"
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "primary",
+                  size: "small",
+                  icon: /* @__PURE__ */ jsx(CopyOutlined, {}),
+                  title: "\u590D\u5236",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    handleEditConfirm({
+                      title: item.title,
+                      labelName: item.labelName,
+                      content: item.content
+                    });
+                  }
+                },
+                "copy"
+              ),
+              /* @__PURE__ */ jsx(
+                Button,
+                {
+                  type: "primary",
+                  size: "small",
+                  icon: /* @__PURE__ */ jsx(EditOutlined, {}),
+                  title: "\u7F16\u8F91",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    setEditingItem(item);
+                    setEditModalOpen(true);
+                  }
+                },
+                "edit"
+              ),
+              item.canDelete && /* @__PURE__ */ jsx(
+                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__ */ jsx(Button, { type: "primary", size: "small", icon: /* @__PURE__ */ jsx(DeleteOutlined, {}), title: "\u5220\u9664", onClick: (e) => e.stopPropagation() })
+                },
+                "delete"
+              )
+            ] })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: classNames11(styles_module_default4.quickAskItemBody), children: /* @__PURE__ */ jsx("div", { className: "text-ellipsis-3", children: item.content }) })
+        ]
+      },
+      item.id
+    )) }) }),
+    editModalOpen && /* @__PURE__ */ jsx(
+      QuickAskEditModal_default,
+      {
+        open: editModalOpen,
+        onCancel: () => setEditModalOpen(false),
+        onConfirm: handleEditConfirm,
+        loading,
+        initialValues: editingItem,
+        categories
+      }
+    )
+  ] });
+};
+var FeaturesRenderer_default = () => {
+  const chatStore = useChatStore();
+  const receiverState = useSnapshot(chatStore.receiver);
+  const conversationState = useSnapshot(chatStore.conversation);
+  const chatMessage = useMemo(
+    () => conversationState.messages[conversationState.active.id] || {},
+    [conversationState.messages[conversationState.active.id]]
+  );
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    receiverState.active.feature?.deepThink && /* @__PURE__ */ jsx(
+      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__ */ jsx(
+      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__ */ jsx(UserSwitchOutlined, {}),
+        color: chatMessage?.speakHuman ? "primary" : "default",
+        variant: "filled",
+        onClick: () => {
+          chatStore.setSpeakHuman?.(!chatMessage?.speakHuman);
+        },
+        children: "\u5411\u4E13\u5BB6\u54A8\u8BE2"
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      Popover,
+      {
+        trigger: "click",
+        placement: "topLeft",
+        content: /* @__PURE__ */ jsx(QuickAskPanel_default, {}),
+        children: /* @__PURE__ */ jsx(
+          Button,
+          {
+            size: "small",
+            color: "primary",
+            variant: "filled",
+            children: "\u5FEB\u901F\u63D0\u95EE"
+          }
+        )
+      }
+    )
+  ] });
+};
+
 // src/ui/common/SenderPromptsItems.tsx
 init_Context();
 var SenderPromptsItems_default = () => {
@@ -1878,14 +2437,14 @@ var SenderPromptsItems_default = () => {
               split: false,
               className: styles_module_default3.nsSenderList,
               dataSource: question.items,
-              renderItem: (item) => /* @__PURE__ */ jsx(List.Item, { onClick: () => chatStore.sendMessage(item.question), className: styles_module_default3.nsSenderListItem, children: item.question }),
+              renderItem: (item) => /* @__PURE__ */ jsx(List.Item, { onClick: () => chatStore.sendMessage(item.question), className: styles_module_default3.nsSenderListItem, children: /* @__PURE__ */ jsx("div", { className: "text-ellipsis", children: item.question }) }),
               footer: /* @__PURE__ */ jsx(Flex, { justify: "end", className: styles_module_default3.nsSenderListFooter, children: "(\u60A8\u53EF\u70B9\u51FB\u4EE5\u4E0A\u95EE\u9898\u5F00\u542FAI\u4F53\u9A8C)" })
             }
           ),
           title: /* @__PURE__ */ jsx(
             "div",
             {
-              className: classNames9(styles_module_default3.nsSenderListTitle, "text-ellipsis"),
+              className: classNames11(styles_module_default3.nsSenderListTitle, "text-ellipsis"),
               children: `${receiverState.active.name}\u5F00\u59CB\u5173\u6CE8${question.name}\u5185\u5BB9\uFF01`
             }
           ),
@@ -1943,31 +2502,7 @@ var ChatSender_default2 = forwardRef(
           sendBtnProps: isFunction(sendBtnProps) ? sendBtnProps() : {},
           extraFooterBelow: /* @__PURE__ */ jsx(RenderWrapper, { control: footerBelow }),
           extraFooter: /* @__PURE__ */ jsxs(Fragment, { children: [
-            receiverState.active.feature?.deepThink && /* @__PURE__ */ jsx(
-              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__ */ jsx(
-              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__ */ jsx(UserSwitchOutlined, {}),
-                color: chatMessage?.speakHuman ? "primary" : "default",
-                variant: "filled",
-                onClick: () => {
-                  chatStore.setSpeakHuman?.(!chatMessage?.speakHuman);
-                },
-                children: "\u5411\u4E13\u5BB6\u54A8\u8BE2"
-              }
-            ),
+            /* @__PURE__ */ jsx(FeaturesRenderer_default, {}),
             /* @__PURE__ */ jsx(RenderWrapper, { control: extraBtn })
           ] }),
           extraHeader: /* @__PURE__ */ jsx(
@@ -2018,7 +2553,7 @@ var ConversationListHeader_default = () => {
         type: "primary",
         shape: "round",
         onClick: () => chatStore.createConversation(),
-        className: classNames9("m-t-16"),
+        className: classNames11("m-t-16"),
         icon: /* @__PURE__ */ jsx(PlusOutlined, {}),
         children: "\u65B0\u5EFA\u4F1A\u8BDD"
       }
@@ -2026,14 +2561,14 @@ var ConversationListHeader_default = () => {
   ] });
 };
 var ConversationListPanel_default = ({ header }) => {
-  return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames9("height-full", "zero-chat-conversations", styles_module_default3.nsConversationListPanel), children: [
+  return /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames11("height-full", "zero-chat-conversations", styles_module_default3.nsConversationListPanel), children: [
     /* @__PURE__ */ jsx(RenderWrapper, { control: header, DefaultComponent: ConversationListHeader_default }),
     /* @__PURE__ */ jsx("div", { className: "full-scroll", children: /* @__PURE__ */ 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",
@@ -2080,6 +2615,7 @@ var layouts_default = forwardRef(({ theme, params, userInfo, hooks, layout, conf
       createConversation: chatStore.createConversation,
       setReferences: chatStore.setReferences,
       setMessage: chatStore.setContent,
+      setMessageParams: chatStore.setContentParams,
       setFiles: chatStore.setFileList,
       setServices: chatStore.setServices,
       setParams: chatStore.setParams,
@@ -2118,7 +2654,7 @@ var layouts_default = forwardRef(({ theme, params, userInfo, hooks, layout, conf
   useEffect(() => {
     configState.hooks?.onBeforeInit?.();
   }, []);
-  return /* @__PURE__ */ jsx(XProvider, { theme: { cssVar: true, ...theme }, children: /* @__PURE__ */ jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsx(Spin, { spinning: receiverState.loading, wrapperClassName: "full-spin", children: /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames9(styles_module_default4.nsChatLayout, "zero-chat-layout", "height-full"), children: [
+  return /* @__PURE__ */ jsx(XProvider, { theme: { cssVar: true, ...theme }, children: /* @__PURE__ */ jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsx(Spin, { spinning: receiverState.loading, wrapperClassName: "full-spin", children: /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames11(styles_module_default5.nsChatLayout, "zero-chat-layout", "height-full"), children: [
     /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.globalHeader, DefaultComponent: ChatHeader_default }),
     /* @__PURE__ */ jsxs(Flex, { className: "full-scroll", children: [
       /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.leftPanel }),
@@ -2126,8 +2662,8 @@ var layouts_default = forwardRef(({ theme, params, userInfo, hooks, layout, conf
       /* @__PURE__ */ jsxs(Splitter, { className: "flex-1", onResize: setSplitterSizes, children: [
         /* @__PURE__ */ jsx(Splitter.Panel, { collapsible: false, min: 600, size: sizes[0], children: hasPreView && /* @__PURE__ */ jsxs(Fragment, { children: [
           configState.preview.file.fileUrl && /* @__PURE__ */ jsxs(Flex, { vertical: true, className: "height-full", children: [
-            /* @__PURE__ */ jsxs(Flex, { justify: "space-between", align: "center", gap: 16, className: styles_module_default4.nsPreviewHeader, children: [
-              /* @__PURE__ */ jsx("div", { className: classNames9(styles_module_default4.nsPreviewHeaderTitle, "text-ellipsis"), title: configState.preview.file.fileName, children: configState.preview.file.fileName }),
+            /* @__PURE__ */ jsxs(Flex, { justify: "space-between", align: "center", gap: 16, className: styles_module_default5.nsPreviewHeader, children: [
+              /* @__PURE__ */ jsx("div", { className: classNames11(styles_module_default5.nsPreviewHeaderTitle, "text-ellipsis"), title: configState.preview.file.fileName, children: configState.preview.file.fileName }),
               /* @__PURE__ */ jsxs(Flex, { gap: 8, justify: "center", align: "center", children: [
                 /* @__PURE__ */ jsx(
                   Button,
@@ -2171,15 +2707,15 @@ var layouts_default = forwardRef(({ theme, params, userInfo, hooks, layout, conf
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsx(Splitter.Panel, { collapsible: false, max: 800, min: 400, size: sizes[1], children: /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames9("height-full"), children: [
+        /* @__PURE__ */ jsx(Splitter.Panel, { collapsible: false, max: 800, min: 400, size: sizes[1], children: /* @__PURE__ */ jsxs(Flex, { vertical: true, className: classNames11("height-full"), children: [
           /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.chatHeader, DefaultComponent: ChatHeader_default }),
-          /* @__PURE__ */ jsx(Flex, { vertical: true, className: classNames9("full-scroll"), children: /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsx(Flex, { vertical: true, className: classNames11("full-scroll"), children: /* @__PURE__ */ jsxs(
             Flex,
             {
               justify: "center",
               vertical: true,
               gap: 24,
-              className: classNames9("height-full", styles_module_default4.nsChatBody, "zero-chat-body", styles_module_default4.nsBodyWidth),
+              className: classNames11("height-full", styles_module_default5.nsChatBody, "zero-chat-body", styles_module_default5.nsBodyWidth),
               children: [
                 shouldRender(configState.layout.messageList) && /* @__PURE__ */ jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsx(RenderWrapper, { control: configState.layout.messageList, DefaultComponent: BubbleListItems_default }) }),
                 /* @__PURE__ */ jsxs(Flex, { vertical: true, gap: 8, children: [
@@ -2187,7 +2723,7 @@ var layouts_default = forwardRef(({ theme, params, userInfo, hooks, layout, conf
                     RenderWrapper,
                     {
                       control: configState.layout.senderHeader,
-                      DefaultComponent: /* @__PURE__ */ jsxs("div", { className: styles_module_default4.nsChatSenderHeader, children: [
+                      DefaultComponent: /* @__PURE__ */ jsxs("div", { className: styles_module_default5.nsChatSenderHeader, children: [
                         "\u6211\u662F ",
                         receiverState.active.name
                       ] })
@@ -2198,7 +2734,26 @@ var layouts_default = forwardRef(({ theme, params, userInfo, hooks, layout, conf
                     RenderWrapper,
                     {
                       control: configState.layout.disclaimerNotice,
-                      DefaultComponent: /* @__PURE__ */ 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__ */ 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__ */ jsx(
+                    RenderWrapper,
+                    {
+                      control: configState.layout.recommendQuestions,
+                      DefaultComponent: receiverState?.recommendQuestions?.length > 0 && /* @__PURE__ */ jsx(
+                        Prompts,
+                        {
+                          vertical: true,
+                          title: "\u63A8\u8350\u95EE\u9898:",
+                          onItemClick: ({ data }) => chatStore.sendMessage(data.key),
+                          items: receiverState?.recommendQuestions.map((question) => ({
+                            key: question,
+                            icon: /* @__PURE__ */ jsx(FileSearchOutlined, {}),
+                            description: question
+                          }))
+                        }
+                      )
                     }
                   )
                 ] }),