@ai-group/chat-sdk 2.1.1 → 2.1.4

package/dist/cjs/components/XAiConversations/styles.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
 export declare const useStyles: () => {
+    conversationsWrapper: string;
     capWrapper: string;
     capShape: string;
     capIcon: string;

package/dist/cjs/components/XAiConversations/styles.js

@@ -38,6 +38,9 @@ var slideOutRight = import_css.keyframes`
 `;
 var useStyles = (0, import_common.withBasicStyles)(() => ({
   // 静态样式
+  conversationsWrapper: import_css.css`
+    overflow: hidden;
+  `,
   capWrapper: import_css.css`
     padding: 12px 16px;
     display: flex;

package/dist/cjs/components/XAiConversations/styles.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAiConversations/styles.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { css, keyframes } from '@emotion/css';\nimport { css as globalCss, Global } from '@emotion/react';\nimport { withBasicStyles } from '@/styles/common';\n\nconst primaryBlue = '#0078FF'; // 主蓝色\nconst lightBlue = '#E6F0FF';   // 浅蓝色气泡背景\nconst darkGray = '#333';        // 深灰色文本\nconst lightGray = '#888';       // 浅灰文本\nconst borderGray = '#ddd';      // 边框灰色\n\nconst slideInRight = keyframes`\n  from { transform: translateX(-100%); opacity: 0; }\n  to { transform: translateX(0); opacity: 1; }\n`;\n\nconst slideOutRight = keyframes`\n  from { transform: translateX(0); opacity: 1; }\n  to { transform: translateX(-100%); opacity: 0; }\n`;\n\nexport const useStyles = withBasicStyles(() => ({\n  // 静态样式\n  capWrapper: css`\n    padding: 12px 16px;\n    display: flex;\n    align-items: center;\n  `,\n\n  capShape: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 80px;\n    height: 40px;\n    margin-left: 16px;\n    background: #FFFFFF;\n    box-shadow: 0px 4px 16px 0px rgba(127,135,166,0.08);\n    border-radius: 24px;\n    border: 1px solid #E7E7E7;\n    box-sizing: border-box;\n    transition: box-shadow 0.2s, border-color 0.2s;\n    cursor: pointer;\n    /* &:hover {\n      box-shadow: 0px 4px 24px 0px rgba(127,135,166,0.16);\n      border-color: ${primaryBlue};\n    } */\n  `,\n\n  capIcon: css`\n    width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n\n    img {\n      width: 17px;\n    }\n\n    &:hover {\n      background: #F2F2F2;\n      border-radius: 50%;\n    }\n  `,\n\n  addChatBtn: css`\n    width: 256px;\n    height: 40px;\n    margin: 17px auto 24px;\n    background: #FFFFFF;\n    border-radius: 20px;\n    border: 1px solid #E7E7E7;\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    color: #343434;\n\n    &:hover {\n      color: #3961F2;\n    }\n\n    &:active {\n      color: #0A3BEE;\n    }\n  `,\n\n  tipTitle: css`\n    font-size: 12px;\n    color: #949494;\n    padding-left: 24px;\n  `,\n\n  fWrapper: css`\n    background: #F8FBFF;\n    padding: 16px 0 13px;\n    width: 280px;\n    height: 100%;\n    box-sizing: border-box;\n    position: relative;\n  `,\n\n  nWrapper: css`\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 280px;\n    height: 100%;\n    z-index: 1000;\n    transition: left 0.3s ease;\n    background: #F8FBFF;\n    padding: 16px 0 13px;\n    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);\n  `,\n\n  mask: css`\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 100vh;\n    background: rgba(0, 0, 0, 0.15);\n    z-index: 999;\n    cursor: pointer;\n  `,\n\n  fheaderWrapper: css`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 11px 0 16px;\n  `,\n\n  scrollList: css`\n    max-height: calc(100vh - 120px); /* 120px为头部高度，可根据实际调整 */\n    padding-bottom: 15px;\n    overflow-y: auto;\n\n    /* 隐藏滚动条（Chrome, Edge, Safari） */\n    &::-webkit-scrollbar {\n      width: 0;\n      height: 0;\n      display: none;\n      background: transparent;\n    }\n\n    /* 隐藏滚动条（Firefox） */\n    scrollbar-width: none;\n\n    /* 隐藏滚动条（IE/Edge） */\n    -ms-overflow-style: none;\n  `,\n\n  slideIn: css`\n    animation: ${slideInRight} 0.3s forwards;\n  `,\n  slideOut: css`\n    animation: ${slideOutRight} 0.3s forwards;\n  `,\n\n}));\n\nexport const GlobalStyle: React.FC = () => (\n  <Global\n    styles={globalCss`\n      .ant-conversations .ant-conversations-item-active {\n        background: rgba(57,97,242,0.08);\n      }\n\n      .ant-conversations .ant-conversations-item-active .ant-conversations-label {\n        color: #3961F2;\n      }\n    `}\n  />\n);\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,iBAA+B;AAC/B,mBAAyC;AACzC,oBAAgC;AAmK9B;AAjKF,IAAM,cAAc;AAMpB,IAAM,eAAe;AAAA;AAAA;AAAA;AAKrB,IAAM,gBAAgB;AAAA;AAAA;AAAA;AAKf,IAAM,gBAAY,+BAAgB,OAAO;AAAA;AAAA,EAE9C,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,EAMZ,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAgBU;AAAA;AAAA;AAAA,EAIpB,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBT,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuBZ,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAMV,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASV,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaV,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWN,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOhB,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAoBZ,SAAS;AAAA,iBACM;AAAA;AAAA,EAEf,UAAU;AAAA,iBACK;AAAA;AAGjB,EAAE;AAEK,IAAM,cAAwB,MACnC;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ,aAAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASV;",
+  "sourcesContent": ["import React from 'react';\nimport { css, keyframes } from '@emotion/css';\nimport { css as globalCss, Global } from '@emotion/react';\nimport { withBasicStyles } from '@/styles/common';\n\nconst primaryBlue = '#0078FF'; // 主蓝色\nconst lightBlue = '#E6F0FF';   // 浅蓝色气泡背景\nconst darkGray = '#333';        // 深灰色文本\nconst lightGray = '#888';       // 浅灰文本\nconst borderGray = '#ddd';      // 边框灰色\n\nconst slideInRight = keyframes`\n  from { transform: translateX(-100%); opacity: 0; }\n  to { transform: translateX(0); opacity: 1; }\n`;\n\nconst slideOutRight = keyframes`\n  from { transform: translateX(0); opacity: 1; }\n  to { transform: translateX(-100%); opacity: 0; }\n`;\n\nexport const useStyles = withBasicStyles(() => ({\n  // 静态样式\n  conversationsWrapper: css`\n    overflow: hidden;\n  `,\n\n  capWrapper: css`\n    padding: 12px 16px;\n    display: flex;\n    align-items: center;\n  `,\n\n  capShape: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 80px;\n    height: 40px;\n    margin-left: 16px;\n    background: #FFFFFF;\n    box-shadow: 0px 4px 16px 0px rgba(127,135,166,0.08);\n    border-radius: 24px;\n    border: 1px solid #E7E7E7;\n    box-sizing: border-box;\n    transition: box-shadow 0.2s, border-color 0.2s;\n    cursor: pointer;\n    /* &:hover {\n      box-shadow: 0px 4px 24px 0px rgba(127,135,166,0.16);\n      border-color: ${primaryBlue};\n    } */\n  `,\n\n  capIcon: css`\n    width: 32px;\n    height: 32px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n\n    img {\n      width: 17px;\n    }\n\n    &:hover {\n      background: #F2F2F2;\n      border-radius: 50%;\n    }\n  `,\n\n  addChatBtn: css`\n    width: 256px;\n    height: 40px;\n    margin: 17px auto 24px;\n    background: #FFFFFF;\n    border-radius: 20px;\n    border: 1px solid #E7E7E7;\n    box-sizing: border-box;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    color: #343434;\n\n    &:hover {\n      color: #3961F2;\n    }\n\n    &:active {\n      color: #0A3BEE;\n    }\n  `,\n\n  tipTitle: css`\n    font-size: 12px;\n    color: #949494;\n    padding-left: 24px;\n  `,\n\n  fWrapper: css`\n    background: #F8FBFF;\n    padding: 16px 0 13px;\n    width: 280px;\n    height: 100%;\n    box-sizing: border-box;\n    position: relative;\n  `,\n\n  nWrapper: css`\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 280px;\n    height: 100%;\n    z-index: 1000;\n    transition: left 0.3s ease;\n    background: #F8FBFF;\n    padding: 16px 0 13px;\n    box-shadow: 2px 0 8px rgba(0, 0, 0, 0.1);\n  `,\n\n  mask: css`\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100vw;\n    height: 100vh;\n    background: rgba(0, 0, 0, 0.15);\n    z-index: 999;\n    cursor: pointer;\n  `,\n\n  fheaderWrapper: css`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    padding: 0 11px 0 16px;\n  `,\n\n  scrollList: css`\n    max-height: calc(100vh - 120px); /* 120px为头部高度，可根据实际调整 */\n    padding-bottom: 15px;\n    overflow-y: auto;\n\n    /* 隐藏滚动条（Chrome, Edge, Safari） */\n    &::-webkit-scrollbar {\n      width: 0;\n      height: 0;\n      display: none;\n      background: transparent;\n    }\n\n    /* 隐藏滚动条（Firefox） */\n    scrollbar-width: none;\n\n    /* 隐藏滚动条（IE/Edge） */\n    -ms-overflow-style: none;\n  `,\n\n  slideIn: css`\n    animation: ${slideInRight} 0.3s forwards;\n  `,\n  slideOut: css`\n    animation: ${slideOutRight} 0.3s forwards;\n  `,\n\n}));\n\nexport const GlobalStyle: React.FC = () => (\n  <Global\n    styles={globalCss`\n      .ant-conversations .ant-conversations-item-active {\n        background: rgba(57,97,242,0.08);\n      }\n\n      .ant-conversations .ant-conversations-item-active .ant-conversations-label {\n        color: #3961F2;\n      }\n    `}\n  />\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,iBAA+B;AAC/B,mBAAyC;AACzC,oBAAgC;AAuK9B;AArKF,IAAM,cAAc;AAMpB,IAAM,eAAe;AAAA;AAAA;AAAA;AAKrB,IAAM,gBAAgB;AAAA;AAAA;AAAA;AAKf,IAAM,gBAAY,+BAAgB,OAAO;AAAA;AAAA,EAE9C,sBAAsB;AAAA;AAAA;AAAA,EAItB,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA,EAMZ,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAgBU;AAAA;AAAA;AAAA,EAIpB,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBT,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuBZ,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA,EAMV,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASV,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaV,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWN,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOhB,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAoBZ,SAAS;AAAA,iBACM;AAAA;AAAA,EAEf,UAAU;AAAA,iBACK;AAAA;AAGjB,EAAE;AAEK,IAAM,cAAwB,MACnC;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ,aAAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASV;",
   "names": ["globalCss"]
 }

package/dist/cjs/components/XAiSender/XAiSender.stories.js

@@ -57,8 +57,8 @@ var BasicUsageStory = () => {
     setContent(text);
   };
   const handleSendMessage = (obj) => {
+    console.log(obj);
     setLoading(true);
-    console.info(obj);
     setTimeout(() => {
       setContent("");
       setFiles([]);

package/dist/cjs/components/XAiSender/XAiSender.stories.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAiSender/XAiSender.stories.tsx"],
-  "sourcesContent": ["import React, { useState } from 'react';\nimport type { Meta, StoryObj } from '@storybook/react-vite';\nimport type { Attachment } from '@ant-design/x/es/attachments';\nimport XAiSender from '.';\n\nconst meta: Meta<typeof XAiSender> = {\n  title: 'AI组件/XAiSender 输入框',\n  component: XAiSender,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {},\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n// 基础用法\nconst BasicUsageStory = () => {\n  const [files, setFiles] = useState<Attachment[]>([]);\n  const [content, setContent] = useState('');\n  const [loading, setLoading] = useState(false);\n\n  // 模拟清空数据\n  const handleClear = () => {\n    console.info('clear');\n  };\n\n  // 模拟输入\n  const handleChange = (text: string) => {\n    setContent(text);\n  };\n\n  // 模拟快捷短语点击\n  const handleSendMessage = (obj: any) => {\n    setLoading(true);\n    console.info(obj);\n    setTimeout(() => {\n      setContent('');\n      setFiles([]);\n      setLoading(false);\n    }, 2000);\n  };\n\n  return (\n    <div style={{ width: 440, border: '1px solid #eee', padding: 20 }}>\n      <XAiSender\n        loading={loading}\n        value={content}\n        enableUpload\n        files={files}\n        onChangeFiles={setFiles}\n        uploadRequest={({ file, onProgress, onSuccess }) => {\n          console.info(file);\n          onProgress?.({\n            percent: 50,\n          });\n          setTimeout(() => {\n            onSuccess?.({});\n          }, 1000);\n        }}\n        onClear={handleClear}\n        onChange={handleChange}\n        onSubmit={handleSendMessage}\n        onStop={handleClear}\n        footerTips=\"内容由AI生成，无法确保真实准确，仅供参考\"\n      />\n    </div>\n  );\n};\n\nexport const 基础用法: Story = {\n  render: BasicUsageStory,\n  args: {},\n};\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAGhC,eAAsB;AA4ChB;AA1CN,IAAM,OAA+B;AAAA,EACnC,OAAO;AAAA,EACP,WAAW,SAAAA;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,EACV;AAAA,EACA,MAAM,CAAC,UAAU;AAAA,EACjB,UAAU,CAAC;AACb;AAEA,IAAO,4BAAQ;AAIf,IAAM,kBAAkB,MAAM;AAC5B,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAuB,CAAC,CAAC;AACnD,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,EAAE;AACzC,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAG5C,QAAM,cAAc,MAAM;AACxB,YAAQ,KAAK,OAAO;AAAA,EACtB;AAGA,QAAM,eAAe,CAAC,SAAiB;AACrC,eAAW,IAAI;AAAA,EACjB;AAGA,QAAM,oBAAoB,CAAC,QAAa;AACtC,eAAW,IAAI;AACf,YAAQ,KAAK,GAAG;AAChB,eAAW,MAAM;AACf,iBAAW,EAAE;AACb,eAAS,CAAC,CAAC;AACX,iBAAW,KAAK;AAAA,IAClB,GAAG,GAAI;AAAA,EACT;AAEA,SACE,4CAAC,SAAI,OAAO,EAAE,OAAO,KAAK,QAAQ,kBAAkB,SAAS,GAAG,GAC9D;AAAA,IAAC,SAAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,MACP,cAAY;AAAA,MACZ;AAAA,MACA,eAAe;AAAA,MACf,eAAe,CAAC,EAAE,MAAM,YAAY,UAAU,MAAM;AAClD,gBAAQ,KAAK,IAAI;AACjB,iDAAa;AAAA,UACX,SAAS;AAAA,QACX;AACA,mBAAW,MAAM;AACf,iDAAY,CAAC;AAAA,QACf,GAAG,GAAI;AAAA,MACT;AAAA,MACA,SAAS;AAAA,MACT,UAAU;AAAA,MACV,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,YAAW;AAAA;AAAA,EACb,GACF;AAEJ;AAEO,IAAM,OAAc;AAAA,EACzB,QAAQ;AAAA,EACR,MAAM,CAAC;AACT;",
+  "sourcesContent": ["import React, { useState } from 'react';\nimport type { Meta, StoryObj } from '@storybook/react-vite';\nimport type { Attachment } from '@ant-design/x/es/attachments';\nimport XAiSender from '.';\n\nconst meta: Meta<typeof XAiSender> = {\n  title: 'AI组件/XAiSender 输入框',\n  component: XAiSender,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {},\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n// 基础用法\nconst BasicUsageStory = () => {\n  const [files, setFiles] = useState<Attachment[]>([]);\n  const [content, setContent] = useState('');\n  const [loading, setLoading] = useState(false);\n\n  // 模拟清空数据\n  const handleClear = () => {\n    console.info('clear');\n  };\n\n  // 模拟输入\n  const handleChange = (text: string) => {\n    setContent(text);\n  };\n\n  // 模拟快捷短语点击\n  const handleSendMessage = (obj: any) => {\n    console.log(obj);\n    setLoading(true);\n    setTimeout(() => {\n      setContent('');\n      setFiles([]);\n      setLoading(false);\n    }, 2000);\n  };\n\n  return (\n    <div style={{ width: 440, border: '1px solid #eee', padding: 20 }}>\n      <XAiSender\n        loading={loading}\n        value={content}\n        enableUpload\n        files={files}\n        onChangeFiles={setFiles}\n        uploadRequest={({ file, onProgress, onSuccess }) => {\n          console.info(file);\n          onProgress?.({\n            percent: 50,\n          });\n          setTimeout(() => {\n            onSuccess?.({});\n          }, 1000);\n        }}\n        onClear={handleClear}\n        onChange={handleChange}\n        onSubmit={handleSendMessage}\n        onStop={handleClear}\n        footerTips=\"内容由AI生成，无法确保真实准确，仅供参考\"\n      />\n    </div>\n  );\n};\n\nexport const 基础用法: Story = {\n  render: BasicUsageStory,\n  args: {},\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAGhC,eAAsB;AA4ChB;AA1CN,IAAM,OAA+B;AAAA,EACnC,OAAO;AAAA,EACP,WAAW,SAAAA;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,EACV;AAAA,EACA,MAAM,CAAC,UAAU;AAAA,EACjB,UAAU,CAAC;AACb;AAEA,IAAO,4BAAQ;AAIf,IAAM,kBAAkB,MAAM;AAC5B,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAuB,CAAC,CAAC;AACnD,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,EAAE;AACzC,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAG5C,QAAM,cAAc,MAAM;AACxB,YAAQ,KAAK,OAAO;AAAA,EACtB;AAGA,QAAM,eAAe,CAAC,SAAiB;AACrC,eAAW,IAAI;AAAA,EACjB;AAGA,QAAM,oBAAoB,CAAC,QAAa;AACtC,YAAQ,IAAI,GAAG;AACf,eAAW,IAAI;AACf,eAAW,MAAM;AACf,iBAAW,EAAE;AACb,eAAS,CAAC,CAAC;AACX,iBAAW,KAAK;AAAA,IAClB,GAAG,GAAI;AAAA,EACT;AAEA,SACE,4CAAC,SAAI,OAAO,EAAE,OAAO,KAAK,QAAQ,kBAAkB,SAAS,GAAG,GAC9D;AAAA,IAAC,SAAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,MACP,cAAY;AAAA,MACZ;AAAA,MACA,eAAe;AAAA,MACf,eAAe,CAAC,EAAE,MAAM,YAAY,UAAU,MAAM;AAClD,gBAAQ,KAAK,IAAI;AACjB,iDAAa;AAAA,UACX,SAAS;AAAA,QACX;AACA,mBAAW,MAAM;AACf,iDAAY,CAAC;AAAA,QACf,GAAG,GAAI;AAAA,MACT;AAAA,MACA,SAAS;AAAA,MACT,UAAU;AAAA,MACV,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,YAAW;AAAA;AAAA,EACb,GACF;AAEJ;AAEO,IAAM,OAAc;AAAA,EACzB,QAAQ;AAAA,EACR,MAAM,CAAC;AACT;",
   "names": ["XAiSender"]
 }

package/dist/cjs/components/XAiSender/index.js

@@ -63,18 +63,11 @@ var XAiSender = (props) => {
   const loading = mergedProps.loading || propLoading;
   const [clearPopoverVisible, setClearPopoverVisible] = (0, import_react.useState)(false);
   const styles = (0, import_styles.useStyles)();
-  const uploading = files == null ? void 0 : files.some((file) => file.status === "uploading");
   const handleSend = () => {
-    if (uploading) {
-      import_antd.message.warning("文件正在上传中");
-      return;
-    }
-    const hasText = value && value.trim();
-    const hasFiles = files == null ? void 0 : files.length;
-    if (hasText || hasFiles) {
+    if (value && value.trim()) {
       onSubmit == null ? void 0 : onSubmit({
         text: value,
-        files
+        files: files || []
       });
     }
   };
@@ -170,7 +163,7 @@ var XAiSender = (props) => {
           value,
           className: styles.sendWrapper,
           placeholder: "继续对话...",
-          disabled: disabled || uploading,
+          disabled,
           loading,
           ref: senderRef,
           header: enableUpload && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -185,40 +178,29 @@ var XAiSender = (props) => {
               children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 import_x.Attachments,
                 {
-                  ...{
-                    ref: attachmentsRef,
-                    customRequest: uploadRequest,
-                    multiple: true,
-                    items: files,
-                    imageProps: {
-                      preview: { mask: true }
-                    },
-                    onChange: ({ fileList }) => {
-                      onChangeFiles == null ? void 0 : onChangeFiles(fileList);
-                    },
-                    getDropContainer: () => {
-                      var _a;
-                      return (_a = senderRef.current) == null ? void 0 : _a.nativeElement;
-                    }
+                  ref: attachmentsRef,
+                  customRequest: uploadRequest,
+                  multiple: true,
+                  items: files,
+                  onChange: ({ fileList }) => {
+                    onChangeFiles == null ? void 0 : onChangeFiles(fileList);
+                  },
+                  getDropContainer: () => {
+                    var _a;
+                    return (_a = senderRef.current) == null ? void 0 : _a.nativeElement;
                   }
                 }
               )
             }
           ),
-          footer: (_origNode, info) => {
-            const { SendButton, LoadingButton } = info == null ? void 0 : info.components;
-            return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { size: "small", children: [
+          suffix: (_, info) => {
+            const { SendButton, LoadingButton } = info.components;
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { size: "small", style: { paddingBottom: "5px" }, children: [
               enableUpload && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
                 uploadButton,
                 /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.divider })
               ] }),
-              loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                LoadingButton,
-                {
-                  onClick: () => onStop == null ? void 0 : onStop(),
-                  className: styles.stopButton
-                }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoadingButton, { onClick: () => onStop == null ? void 0 : onStop(), className: styles.stopButton }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
                 SendButton,
                 {
                   className: styles.sendButton,

package/dist/cjs/components/XAiSender/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAiSender/index.tsx"],
-  "sourcesContent": ["// 文件: components/XAiSender/index.tsx\nimport React, {\n  useRef,\n  useState,\n} from 'react';\nimport {\n  Attachments,\n  Sender,\n  type AttachmentsProps\n} from '@ant-design/x';\nimport {\n  Button,\n  GetRef,\n  message,\n  Popover,\n  Space,\n  Tooltip,\n} from 'antd';\nimport {\n  ArrowUpOutlined,\n  ClearOutlined,\n  PlusCircleOutlined,\n} from '@ant-design/icons';\nimport clsx from 'clsx';\nimport { AttachmentsRef } from '@ant-design/x/es/attachments';\nimport {\n  XAiSenderProps,\n} from '@/types';\nimport { useChatbotContext } from '@/hooks/useProviderContext';\nimport { useStyles } from './styles';\n\nconst XAiSender: React.FC<XAiSenderProps> = (props) => {\n  // 使用新的 Hook 来处理 Provider 上下文\n  const { mergedProps } = useChatbotContext(props);\n  const {\n    footerTips,\n    clearBtnShow,\n    value,\n    onChange,\n    onClear,\n    onStop,\n    onSubmit,\n    files,\n    enableUpload,\n    onChangeFiles,\n    uploadRequest,\n    loading: propLoading = false,\n    disabled,\n    ...resetProps\n  } = mergedProps as XAiSenderProps;\n  const senderRef = useRef<GetRef<typeof Sender>>(null);\n  const attachmentsRef = useRef<AttachmentsRef>(null);\n\n  // 如果在 Provider 中，使用 Provider 的状态\n  const loading = mergedProps.loading || propLoading;\n  const [clearPopoverVisible, setClearPopoverVisible] = useState(false); // 气泡卡片显隐藏\n  const styles = useStyles();\n  const uploading = files?.some((file) => file.status === 'uploading');\n\n  // 触发发送\n  const handleSend = () => {\n    if (uploading) {\n      message.warning('文件正在上传中');\n      return;\n    }\n    const hasText = value && value.trim();\n    const hasFiles = files?.length;\n    if (hasText || hasFiles) {\n      // 直接使用合并后的 onSend，自动处理 Provider 和独立模式\n      onSubmit?.({\n        text: value,\n        files,\n      });\n    }\n  };\n\n  // 文件上传按钮引用\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  //  点击清除按钮\n  const handleClear = () => {\n    setClearPopoverVisible(true);\n  };\n\n  // 取消清除\n  const cancelClear = () => {\n    setClearPopoverVisible(false);\n  };\n\n  // 确认清除\n  const confirmClear = () => {\n    onClear?.();\n    setClearPopoverVisible(false);\n  };\n\n  // 清空按钮提示文案\n  const clearConfirmContent = (\n    <div className={styles.p('2px')}>\n      <p className={clsx(styles.mb(14), styles.mt(0))}>确认清除所有聊天记录并重置会话！</p>\n      <div className={styles.popoverFooter}>\n        <Button size=\"small\" onClick={cancelClear}>\n          取消\n        </Button>\n        <Button size=\"small\" type=\"primary\" danger onClick={confirmClear}>\n          确认\n        </Button>\n      </div>\n    </div>\n  );\n\n  // 自定义上传按钮\n  const uploadButton = (\n    <div className={styles.flexCenterGap2}>\n      <Tooltip\n        placement=\"top\"\n        title=\"支持图片、文档等上传\"\n      >\n        <Button\n          color=\"default\"\n          variant=\"text\"\n          shape=\"circle\"\n          size=\"small\"\n          icon={<PlusCircleOutlined style={{ fontSize: 20, color: '#949494' }} />}\n          onClick={() => {\n            if (fileInputRef.current) {\n              fileInputRef.current?.click();\n            }\n          }}\n        />\n        <input\n          type=\"file\"\n          ref={fileInputRef}\n          multiple\n          onChange={(e) => {\n            const fileList = e.target.files || [];\n            if (!fileList.length) return;\n            for (let i = 0; i < fileList.length; i++) {\n              const file = fileList[i];\n              attachmentsRef.current?.upload(file);\n            }\n            e.target.value = '';\n          }}\n          style={{ display: 'none' }}\n          accept=\"*/*\"\n        />\n      </Tooltip>\n    </div>\n  );\n\n  return (\n    <>\n      <div className={styles.chatFooter}>\n        <div className={clsx(styles.flex, styles.gap(8))}>\n          {/* 清空按钮 */}\n          {clearBtnShow && (\n            <Popover\n              content={clearConfirmContent}\n              title=\"确认清空对话\"\n              trigger=\"click\"\n              open={clearPopoverVisible}\n              onOpenChange={setClearPopoverVisible}\n            >\n              <div\n                className={styles.clearBtn}\n                style={{ border: '1px solid #E4E7EC', borderRadius: '50%', height: '35px', width: '35px' }}\n                onClick={handleClear}\n              >\n                <ClearOutlined className={styles.text(16)} />\n              </div>\n            </Popover>\n          )}\n          {/* 普通文本输入 */}\n          <Sender\n            {...resetProps}\n            value={value}\n            className={styles.sendWrapper}\n            placeholder=\"继续对话...\"\n            disabled={disabled || uploading}\n            loading={loading}\n            ref={senderRef}\n            header={enableUpload && (\n              <Sender.Header\n                closable={false}\n                forceRender\n                open={!!files?.length}\n                styles={{\n                  content: { padding: 0 },\n                }}\n              >\n                <Attachments\n                  {...({\n                    ref: attachmentsRef,\n                    customRequest: uploadRequest,\n                    multiple: true,\n                    items: files,\n                    imageProps: {\n                      preview: { mask: true }\n                    },\n                    onChange: ({ fileList }) => {\n                      onChangeFiles?.(fileList);\n                    },\n                    getDropContainer: () => senderRef.current?.nativeElement,\n                  } as AttachmentsProps)}\n                />\n              </Sender.Header>\n            )}\n            footer={(_origNode, info) => {\n              const { SendButton, LoadingButton } = info?.components;\n              return (\n                <Space size=\"small\">\n                  {enableUpload && (\n                    <>\n                      {uploadButton}\n                      <div className={styles.divider} />\n                    </>\n                  )}\n                  {loading\n                    ? (\n                      <LoadingButton\n                        onClick={() => onStop?.()}\n                        className={styles.stopButton}\n                      />\n                    )\n                    : (\n                      <SendButton\n                        className={styles.sendButton}\n                        type=\"primary\"\n                        icon={<ArrowUpOutlined className={styles.text(20)} />}\n                        disabled={disabled}\n                      />\n                    )}\n                </Space>\n              );\n            }}\n            onChange={(v) => {\n              onChange?.(v);\n            }}\n            onSubmit={handleSend}\n            onCancel={() => {\n              onStop?.();\n            }}\n          />\n        </div>\n      </div>\n      { footerTips && <div className={styles.footerTips}>{footerTips}</div>}\n    </>\n  );\n};\n\nexport default XAiSender;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, {\n  useRef,\n  useState,\n} from 'react';\nimport {\n  Attachments,\n  Sender,\n} from '@ant-design/x';\nimport {\n  Button,\n  GetRef,\n  Popover,\n  Space,\n  Tooltip,\n} from 'antd';\nimport {\n  ArrowUpOutlined,\n  ClearOutlined,\n  PlusCircleOutlined,\n} from '@ant-design/icons';\nimport clsx from 'clsx';\nimport { AttachmentsRef } from '@ant-design/x/es/attachments';\nimport {\n  XAiSenderProps,\n} from '@/types';\nimport { useChatbotContext } from '@/hooks/useProviderContext';\nimport { useStyles } from './styles';\n\nconst XAiSender: React.FC<XAiSenderProps> = (props) => {\n  // 使用新的 Hook 来处理 Provider 上下文\n  const { mergedProps } = useChatbotContext(props);\n  const {\n    footerTips,\n    clearBtnShow,\n    value,\n    onChange,\n    onClear,\n    onStop,\n    onSubmit,\n    files,\n    enableUpload,\n    onChangeFiles,\n    uploadRequest,\n    loading: propLoading = false,\n    disabled,\n    ...resetProps\n  } = mergedProps as XAiSenderProps;\n  const senderRef = useRef<GetRef<typeof Sender>>(null);\n  const attachmentsRef = useRef<AttachmentsRef>(null);\n\n  // 如果在 Provider 中，使用 Provider 的状态\n  const loading = mergedProps.loading || propLoading;\n  const [clearPopoverVisible, setClearPopoverVisible] = useState(false); // 气泡卡片显隐藏\n  const styles = useStyles();\n\n  // 触发发送\n  const handleSend = () => {\n    if (value && value.trim()) {\n      // 直接使用合并后的 onSend，自动处理 Provider 和独立模式\n      onSubmit?.({\n        text: value,\n        files: files || [],\n      });\n    }\n  };\n\n  // 文件上传按钮引用\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  //  点击清除按钮\n  const handleClear = () => {\n    setClearPopoverVisible(true);\n  };\n\n  // 取消清除\n  const cancelClear = () => {\n    setClearPopoverVisible(false);\n  };\n\n  // 确认清除\n  const confirmClear = () => {\n    onClear?.();\n    setClearPopoverVisible(false);\n  };\n\n  // 清空按钮提示文案\n  const clearConfirmContent = (\n    <div className={styles.p('2px')}>\n      <p className={clsx(styles.mb(14), styles.mt(0))}>确认清除所有聊天记录并重置会话！</p>\n      <div className={styles.popoverFooter}>\n        <Button size=\"small\" onClick={cancelClear}>\n          取消\n        </Button>\n        <Button size=\"small\" type=\"primary\" danger onClick={confirmClear}>\n          确认\n        </Button>\n      </div>\n    </div>\n  );\n\n  // 自定义上传按钮\n  const uploadButton = (\n    <div className={styles.flexCenterGap2}>\n      <Tooltip\n        placement=\"top\"\n        title=\"支持图片、文档等上传\"\n      >\n        <Button\n          color=\"default\"\n          variant=\"text\"\n          shape=\"circle\"\n          size=\"small\"\n          icon={<PlusCircleOutlined style={{ fontSize: 20, color: '#949494' }} />}\n          onClick={() => {\n            if (fileInputRef.current) {\n              fileInputRef.current?.click();\n            }\n          }}\n        />\n        <input\n          type=\"file\"\n          ref={fileInputRef}\n          multiple\n          onChange={(e) => {\n            const fileList = e.target.files || [];\n            if (!fileList.length) return;\n            for (let i = 0; i < fileList.length; i++) {\n              const file = fileList[i];\n              attachmentsRef.current?.upload(file);\n            }\n            e.target.value = '';\n          }}\n          style={{ display: 'none' }}\n          accept=\"*/*\"\n        />\n      </Tooltip>\n    </div>\n  );\n\n  return (\n    <>\n      <div className={styles.chatFooter}>\n        <div className={clsx(styles.flex, styles.gap(8))}>\n          {/* 清空按钮 */}\n          {clearBtnShow && (\n            <Popover\n              content={clearConfirmContent}\n              title=\"确认清空对话\"\n              trigger=\"click\"\n              open={clearPopoverVisible}\n              onOpenChange={setClearPopoverVisible}\n            >\n              <div\n                className={styles.clearBtn}\n                style={{ border: '1px solid #E4E7EC', borderRadius: '50%', height: '35px', width: '35px' }}\n                onClick={handleClear}\n              >\n                <ClearOutlined className={styles.text(16)} />\n              </div>\n            </Popover>\n          )}\n          {/* 普通文本输入 */}\n          <Sender\n            {...resetProps}\n            value={value}\n            className={styles.sendWrapper}\n            placeholder=\"继续对话...\"\n            disabled={disabled}\n            loading={loading}\n            ref={senderRef}\n            header={enableUpload && (\n              <Sender.Header\n                closable={false}\n                forceRender\n                open={!!files?.length}\n                styles={{\n                  content: { padding: 0 },\n                }}\n              >\n                <Attachments\n                  ref={attachmentsRef}\n                  customRequest={uploadRequest}\n                  multiple\n                  items={files}\n                  // imageProps={{\n                  //   preview: {\n                  //     mask: true,\n                  //   },\n                  // }}\n                  onChange={({ fileList }) => {\n                    onChangeFiles?.(fileList);\n                  }}\n                  getDropContainer={() => senderRef.current?.nativeElement}\n                />\n              </Sender.Header>\n            )}\n            suffix={(_, info) => {\n              const { SendButton, LoadingButton } = info.components;\n              return (\n                <Space size=\"small\" style={{ paddingBottom: '5px' }}>\n                  {enableUpload && (\n                    <>\n                      {uploadButton}\n                      <div className={styles.divider} />\n                    </>\n                  )}\n                  {loading\n                    ? (\n                      <LoadingButton onClick={() => onStop?.()} className={styles.stopButton} />\n                    )\n                    : (\n                      <SendButton\n                        className={styles.sendButton}\n                        type=\"primary\"\n                        icon={<ArrowUpOutlined className={styles.text(20)} />}\n                        disabled={disabled}\n                      />\n                    )}\n                </Space>\n              );\n            }}\n            onChange={(v) => {\n              onChange?.(v);\n            }}\n            onSubmit={handleSend}\n            onCancel={() => {\n              onStop?.();\n            }}\n          />\n        </div>\n      </div>\n      { footerTips && <div className={styles.footerTips}>{footerTips}</div>}\n    </>\n  );\n};\n\nexport default XAiSender;\n"],
+  "mappings": "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",
   "names": ["clsx"]
 }

package/dist/cjs/hooks/useADKChat.d.ts

@@ -1,24 +1,15 @@
 /// <reference types="react" />
-import { Messages } from "../types/XAiMessage";
-import type { Event, IMessage, Part } from "../types";
-import { type Error, type Success, type SessionData } from "../types";
+import { DebugOptions, FunctionCall, SendContent, SessionData, Event, IMessage, Part } from "../types";
 import { type ChatConfig } from "../services/api";
-export interface DebugOptions {
-    url: string;
-    sessionId?: string;
-    config: any;
-    token: string;
-    type?: 'agentDebug' | 'appDebug';
-    onError?: (error: Error) => void;
-    onSuccess?: (data: Success) => void;
-    onMessage?: (content: string, data: Messages) => void;
-}
-declare function useADKChat({ url, token, config, type, onError, onMessage, onSuccess, }: DebugOptions): {
-    appInfo: ChatConfig;
-    startChat: (text: string) => Promise<void>;
+declare function useADKChat({ url, token, config, type, onError, onMessage, onSuccess, onStream, }: DebugOptions): {
+    appInfo: ChatConfig | null;
+    startChat: ({ text, files, functionResponse }: SendContent) => Promise<void>;
+    reChat: () => void;
     stopChat: () => void;
     clearChat: () => void;
     suggestChat: (text: string) => void;
+    confirmFnCall: (fnCall: FunctionCall, confirmed: boolean) => void;
+    initialized: boolean;
     currentSessionId: string;
     sessionList: SessionData[];
     prologue: string;

package/dist/cjs/hooks/useADKChat.js

@@ -55,22 +55,14 @@ function useADKChat({
   type = "agentDebug",
   onError,
   onMessage,
-  onSuccess
+  onSuccess,
+  onStream
 }) {
   const [loading, setLoading] = (0, import_react.useState)(false);
   const ctrl = (0, import_react.useRef)(null);
   const { appNo } = config || {};
-  const [appInfo, setAppInfo] = (0, import_react.useState)({
-    appNo,
-    appVersionNo: "",
-    appTheme: "",
-    appName: "",
-    onboardingInfo: {
-      prologue: "",
-      questionFiles: [],
-      suggested_questions: []
-    }
-  });
+  const [appInfo, setAppInfo] = (0, import_react.useState)(null);
+  const [initialized, setInitialized] = (0, import_react.useState)(false);
   const [sessionList, setSessionList] = (0, import_react.useState)([]);
   const [currentSessionId, setCurrentSessionId] = (0, import_react.useState)("");
   const [sessionPagination, setSessionPagination] = (0, import_react.useState)({ total: 0, pageNum: 1, pageSize: import_constants.SESSION_PAGE_SIZE });
@@ -178,6 +170,8 @@ function useADKChat({
         if ((_b = (_a = event == null ? void 0 : event.groundingMetadata) == null ? void 0 : _a.searchEntryPoint) == null ? void 0 : _b.renderedContent) {
           msg.renderedContent = event.groundingMetadata.searchEntryPoint.renderedContent;
         }
+      } else if (part.fileData) {
+        msg.fileData = [part.fileData];
       } else if (part.functionCall) {
         msg.functionCall = part.functionCall;
       } else if (part.functionResponse) {
@@ -298,6 +292,7 @@ function useADKChat({
             import_antd.message.warning(chunkJson.error);
             return;
           }
+          onStream == null ? void 0 : onStream(chunkJson);
           if (chunkJson.content) {
             if (chunkJson.content.role === "followup") {
               processFollowupPart(chunkJson);
@@ -313,7 +308,11 @@ function useADKChat({
           }
         },
         onclose: () => {
+          var _a;
           setLoading(false);
+          if (textMsgRef.current) {
+            onMessage == null ? void 0 : onMessage(((_a = textMsgRef.current) == null ? void 0 : _a.text) || "", textMsgRef.current);
+          }
           textMsgRef.current = null;
           resolve();
         },
@@ -326,18 +325,43 @@ function useADKChat({
       });
     });
   }, [type, currentSessionId, processActionArtifact, processErrorMessage, processPart]);
-  const startChat = async (text) => {
+  const startChat = async ({ text = "", files = [], functionResponse }) => {
     if (loading)
       return;
-    if (!text.trim())
+    if (!text.trim() && !functionResponse)
       return;
     setSuggestedQuestions([]);
     setMessages((prev) => {
-      return [...prev, {
-        id: (0, import_uuid.v4)(),
-        role: "user",
-        text
-      }];
+      let temp = [...prev];
+      if (text.trim()) {
+        temp.push({
+          id: (0, import_uuid.v4)(),
+          role: "user",
+          text
+        });
+      }
+      if (files.length > 0) {
+        temp.push({
+          id: (0, import_uuid.v4)(),
+          role: "user",
+          fileData: files.map((file) => {
+            var _a, _b;
+            return {
+              displayName: file.name,
+              mimeType: (_a = file.response) == null ? void 0 : _a.mimeType,
+              fileUri: (_b = file.response) == null ? void 0 : _b.fileUrl
+            };
+          })
+        });
+      }
+      if (functionResponse) {
+        temp.push({
+          id: (0, import_uuid.v4)(),
+          role: "user",
+          functionResponse
+        });
+      }
+      return temp;
     });
     await sendMessageRequest({
       stream: true,
@@ -347,17 +371,69 @@ function useADKChat({
         parts: [{
           text
         }]
-      }
+      },
+      files: files.map((file) => {
+        var _a, _b, _c, _d, _e;
+        return {
+          fileName: (_a = file.response) == null ? void 0 : _a.fileName,
+          fileId: (_b = file.response) == null ? void 0 : _b.fileId,
+          tempUrl: (_c = file.response) == null ? void 0 : _c.fileUrl,
+          type: (_d = file.response) == null ? void 0 : _d.fileType,
+          mimeType: (_e = file.response) == null ? void 0 : _e.mimeType
+        };
+      })
     });
     initAppConversations();
   };
+  const reChat = () => {
+    if (loading)
+      return;
+    if (messages.length === 0)
+      return;
+    setMessages((prev) => {
+      const newMessages = [...prev];
+      const lastAIIndex = newMessages.findLastIndex((msg) => msg.role === "bot");
+      if (lastAIIndex !== -1) {
+        newMessages.splice(lastAIIndex, 1);
+      }
+      setSuggestedQuestions([]);
+      const lastUserMessage = newMessages.findLast((msg) => msg.role === "user");
+      if (lastUserMessage) {
+        const { text = "", fileData = [] } = lastUserMessage;
+        sendMessageRequest({
+          stream: true,
+          sessionId: currentSessionId,
+          content: {
+            role: "user",
+            parts: [{
+              text
+            }]
+          },
+          files: fileData == null ? void 0 : fileData.map((file) => ({
+            fileName: file.displayName,
+            tempUrl: file.fileUri,
+            mimeType: file.mimeType
+          }))
+        });
+      }
+      return newMessages;
+    });
+  };
+  const confirmFnCall = (fnCall, confirmed) => {
+    const functionResponse = {
+      id: fnCall.id,
+      name: fnCall.name,
+      response: { confirmed }
+    };
+    startChat({ functionResponse });
+  };
   const suggestChat = (text) => {
     if (loading)
       return;
     if (!text.trim())
       return;
     setSuggestedQuestions([]);
-    startChat(text);
+    startChat({ text });
   };
   const stopChat = (0, import_react.useCallback)(() => {
     var _a;
@@ -366,11 +442,12 @@ function useADKChat({
     textMsgRef.current = null;
   }, [ctrl]);
   const clearChat = () => {
-    setCurrentSessionId((0, import_uuid.v4)());
-    setTimeout(() => {
-      stopChat();
-      setMessages([]);
-    });
+    var _a;
+    const newSessionId = (0, import_uuid.v4)();
+    setCurrentSessionId(newSessionId);
+    stopChat();
+    setMessages([]);
+    setSuggestedQuestions(((_a = appInfo == null ? void 0 : appInfo.onboardingInfo) == null ? void 0 : _a.suggested_questions) || []);
   };
   const formatMessages = (messages2, isReplace = false) => {
     const mapped = [];
@@ -445,9 +522,9 @@ function useADKChat({
         token
       });
       if ((result == null ? void 0 : result.code) === import_constants.API_SUCCESS_CODE) {
+        setPrologue(((_a = appInfo == null ? void 0 : appInfo.onboardingInfo) == null ? void 0 : _a.prologue) || "");
         if (Array.isArray(data) && data.length > 0) {
           formatMessages(data, true);
-          setPrologue(((_a = appInfo == null ? void 0 : appInfo.onboardingInfo) == null ? void 0 : _a.prologue) || "");
         } else {
           setSuggestedQuestions(((_b = appInfo == null ? void 0 : appInfo.onboardingInfo) == null ? void 0 : _b.suggested_questions) || []);
         }
@@ -471,7 +548,7 @@ function useADKChat({
             return {
               key: item.sessionId,
               label: item.title || "新对话",
-              timestamp: new Date(item.sessionTime).getTime(),
+              timestamp: new Date(item.startTime).getTime(),
               messages: [],
               meta: {
                 ...item
@@ -482,16 +559,19 @@ function useADKChat({
           setSessionPagination({ pageNum: sessionPagination.pageNum, pageSize: sessionPagination.pageSize, total: (pagination == null ? void 0 : pagination.total) || 0 });
           const { sessionId } = data == null ? void 0 : data[0];
           fetchDetail && setCurrentSessionDetail(sessionId);
+          if (!initialized) {
+            onSuccess == null ? void 0 : onSuccess({
+              code: import_types.SuccessCode.APP_MESSAGES_INIT_SUCCESS,
+              message: "初始化聊天记录成功"
+            });
+            setInitialized(true);
+          }
         } else {
           setSessionList([]);
           setCurrentSessionId((0, import_uuid.v4)());
           setPrologue("");
           setSuggestedQuestions([]);
         }
-        onSuccess == null ? void 0 : onSuccess({
-          code: import_types.SuccessCode.APP_MESSAGES_INIT_SUCCESS,
-          message: "初始化聊天记录成功"
-        });
       } else {
         setSessionList([]);
         setCurrentSessionId((0, import_uuid.v4)());
@@ -571,9 +651,12 @@ function useADKChat({
   return {
     appInfo,
     startChat,
+    reChat,
     stopChat,
     clearChat,
     suggestChat,
+    confirmFnCall,
+    initialized,
     currentSessionId,
     sessionList,
     prologue,