@ai-group/chat-sdk 2.1.14 → 3.0.1-alpha.3

package/dist/esm/components/XAdkSender/styles.js.map

@@ -1 +1 @@
-{"version":3,"names":["css","withBasicStyles","useStyles","container","_templateObject","_taggedTemplateLiteral","fileListArea","_templateObject2","fileList","_templateObject3","fileCard","_templateObject4","fileSize","_templateObject5","uploadProgress","_templateObject6","fileIcon","_templateObject7","fileInfo","_templateObject8","fileName","_templateObject9","fileRemoveBtn","_templateObject10","mainArea","_templateObject11","senderWrap","_templateObject12","inputAndButtons","_templateObject13","textAreaWrapper","_templateObject14","textArea","_templateObject15","buttonGroup","_templateObject16","iconButton","_templateObject17","clearButton","_templateObject18","uploadButton","_templateObject19","sendButton","_templateObject20","tip","_templateObject21"],"sources":["../../../../src/components/XAdkSender/styles.tsx"],"sourcesContent":["import { css } from '@emotion/css';\nimport { withBasicStyles } from '@/styles/common';\n\nexport const useStyles = withBasicStyles(() => ({\n  // 容器样式 - 最外层边框\n  container: css`\n    background: #fff;\n    position: relative;\n    overflow: hidden;\n    padding: 10px 15px;\n    overflow: visible;\n    border: 2px solid transparent;\n    transition: all 0.3s ease;\n    \n    &.drag-over {\n      border: 2px dashed #000;\n      background: rgba(0, 0, 0, 0.02);\n    }\n  `,\n  \n  // 文件列表区域\n  fileListArea: css`\n    padding: 12px 16px 0 16px;\n    max-height: 150px;\n    overflow-y: auto;\n    \n    &::-webkit-scrollbar {\n      width: 4px;\n    }\n    \n    &::-webkit-scrollbar-track {\n      background: #f5f5f5;\n      border-radius: 2px;\n    }\n    \n    &::-webkit-scrollbar-thumb {\n      background: #d9d9d9;\n      border-radius: 2px;\n    }\n    \n    &::-webkit-scrollbar-thumb:hover {\n      background: #bfbfbf;\n    }\n  `,\n  \n  // 文件列表\n  fileList: css`\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n    margin-bottom: 12px;\n  `,\n  \n  // 文件卡片\n  fileCard: css`\n    position: relative;\n    display: flex;\n    align-items: center;\n    padding: 8px 12px;\n    height: 64px;\n    box-sizing: border-box;\n    background: #fafafa;\n    border: 1px solid #f0f0f0;\n    border-radius: 8px;\n    min-width: 0;\n    flex: 0 0 auto;\n    max-width: 200px;\n    \n    &:hover {\n      background: #f5f5f5;\n    }\n  `,\n\n  fileSize: css`\n    font-size: 11px;\n    color: #8c8c8c;\n    line-height: 1.4;\n    height: 16px;\n    display: flex;\n    align-items: center;\n  `,\n\n  // 进度条容器\n  uploadProgress: css`\n    height: 16px;\n    display: flex;\n    align-items: center;\n    \n    .ant-progress {\n      width: 100%;\n      margin: 0;\n    }\n    \n    .ant-progress-inner {\n      height: 4px !important;\n    }\n    \n    .ant-progress-bg {\n      height: 4px !important;\n    }\n  `,\n  \n  // 文件图标\n  fileIcon: css`\n    font-size: 18px;\n    color: #1890ff;\n    margin-right: 10px;\n    flex-shrink: 0;\n  `,\n  \n  // 文件信息\n  fileInfo: css`\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n  `,\n  \n  // 文件名\n  fileName: css`\n    font-size: 12px;\n    font-weight: 500;\n    color: #262626;\n    margin-bottom: 2px;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    line-height: 1.4;\n  `,\n  \n  // 文件删除按钮 - 黑底白字\n  fileRemoveBtn: css`\n    position: absolute;\n    top: -4px;\n    right: -4px;\n    width: 16px;\n    height: 16px;\n    min-width: 16px;\n    border-radius: 50%;\n    background: rgba(0, 0, 0, 0.75);\n    color: #fff;\n    border: none;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    z-index: 1;\n    padding: 0;\n    font-size: 8px;\n    transition: all 0.2s ease;\n    \n    &:hover {\n      background: rgba(0, 0, 0, 0.9);\n      transform: scale(1.1);\n    }\n    \n    &:active {\n      transform: scale(0.95);\n    }\n  `,\n  \n  // 主内容区域\n  mainArea: css`\n    //\n  `,\n  \n  // 发送区域\n  senderWrap: css`\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    background: var(--yb-input-bg-color);\n    border: .5px solid var(--widget-line, rgba(0, 0, 0, .08));\n    border-radius: 20px;\n    box-sizing: border-box;\n    caret-color: var(--yb-input-caret-color);\n    flex: auto;\n    font-size: 14px;\n    gap: 6px;\n    line-height: 22px;\n    padding: 7px 12px 7px 7px;\n    position: relative;\n    transition-duration: .2s;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, box-shadow;\n    transition-timing-function: linear;\n    box-shadow: 0 6px 30px 0 rgba(0,0,0,.08);\n  `,\n  \n  // 输入框和按钮容器\n  inputAndButtons: css`\n    flex: 1;\n    display: flex;\n    align-items: flex-end;\n    gap: 8px;\n  `,\n  \n  // 文本输入框容器\n  textAreaWrapper: css`\n    flex: 1;\n    display: flex;\n    align-items: center;\n    background: #fff;\n    padding: 0 16px;\n    min-height: 44px;\n    \n    /* 移除所有蓝色效果 */\n    &:focus-within {\n      border-color: #d9d9d9;\n      box-shadow: none;\n    }\n    \n    .ant-input:disabled {\n      background: transparent !important;\n    }\n    \n    &::placeholder {\n      color: #bfbfbf;\n    }\n  `,\n\n  // 文本输入框\n  textArea: css`\n    flex: 1;\n    border: none;\n    background: transparent;\n    font-size: 14px;\n    line-height: 1.5;\n    padding: 12px 0;\n    outline: none;\n    color: #262626;\n  `,\n  \n  // 按钮组\n  buttonGroup: css`\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    height: 44px;\n  `,\n  \n  // 按钮统一样式\n  iconButton: css`\n    width: 36px;\n    height: 36px;\n    min-width: 36px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s ease;\n    \n    &:hover {\n      transform: translateY(-1px);\n    }\n    \n    &:active {\n      transform: translateY(0);\n    }\n  `,\n  \n  // 清空按钮\n  clearButton: css`\n    border: 1px solid #f0f0f0;\n    background: #fff;\n    color: #8c8c8c;\n    \n    &:hover {\n      border-color: #d9d9d9;\n      color: #262626;\n      background: #fafafa;\n    }\n    \n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n  `,\n  \n  // 上传按钮\n  uploadButton: css`\n    border: 1px solid #f0f0f0;\n    background: #fff;\n    \n    &:hover {\n      //\n    }\n    \n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n      border-color: #f0f0f0;\n      background: #fafafa;\n    }\n  `,\n  \n  // 发送按钮\n  sendButton: css`\n    background: #000;\n    border: none;\n    color: #fff;\n    \n    &:hover:not(:disabled) {\n      background: #333; /* 悬停状态 */\n    }\n    \n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n      background: #cccccc;\n      color: #fff;\n    }\n    \n    &.stop {\n      //\n      \n      &:hover:not(:disabled) {\n        //\n      }\n      \n      &:disabled {\n        background: #cccccc; /* 禁用状态也保持淡灰色 */\n      }\n    }\n  `,\n  \n  // 底部提示\n  tip: css`\n    margin: 12px 0;\n    text-align: center;\n    font-size: 12px;\n    color: #8c8c8c;\n  `\n}));"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,cAAc;AAClC,SAASC,eAAe;AAExB,OAAO,IAAMC,SAAS,GAAGD,eAAe,CAAC;EAAA,OAAO;IAC9C;IACAE,SAAS,EAAEH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,sBAAA,gTAab;IAED;IACAC,YAAY,EAAEN,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,obAsBhB;IAED;IACAG,QAAQ,EAAER,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,sBAAA,+FAKZ;IAED;IACAK,QAAQ,EAAEV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,sBAAA,qWAiBZ;IAEDO,QAAQ,EAAEZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAR,sBAAA,+IAOZ;IAED;IACAS,cAAc,EAAEd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAV,sBAAA,gSAiBlB;IAED;IACAW,QAAQ,EAAEhB,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAZ,sBAAA,qGAKZ;IAED;IACAa,QAAQ,EAAElB,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAd,sBAAA,oEAIZ;IAED;IACAe,QAAQ,EAAEpB,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAhB,sBAAA,6MASZ;IAED;IACAiB,aAAa,EAAEtB,GAAG,CAAAuB,iBAAA,KAAAA,iBAAA,GAAAlB,sBAAA,4jBA4BjB;IAED;IACAmB,QAAQ,EAAExB,GAAG,CAAAyB,iBAAA,KAAAA,iBAAA,GAAApB,sBAAA,oBAEZ;IAED;IACAqB,UAAU,EAAE1B,GAAG,CAAA2B,iBAAA,KAAAA,iBAAA,GAAAtB,sBAAA,2oBAmBd;IAED;IACAuB,eAAe,EAAE5B,GAAG,CAAA6B,iBAAA,KAAAA,iBAAA,GAAAxB,sBAAA,yFAKnB;IAED;IACAyB,eAAe,EAAE9B,GAAG,CAAA+B,iBAAA,KAAAA,iBAAA,GAAA1B,sBAAA,+aAqBnB;IAED;IACA2B,QAAQ,EAAEhC,GAAG,CAAAiC,iBAAA,KAAAA,iBAAA,GAAA5B,sBAAA,uLASZ;IAED;IACA6B,WAAW,EAAElC,GAAG,CAAAmC,iBAAA,KAAAA,iBAAA,GAAA9B,sBAAA,4FAKf;IAED;IACA+B,UAAU,EAAEpC,GAAG,CAAAqC,iBAAA,KAAAA,iBAAA,GAAAhC,sBAAA,0UAiBd;IAED;IACAiC,WAAW,EAAEtC,GAAG,CAAAuC,iBAAA,KAAAA,iBAAA,GAAAlC,sBAAA,qRAef;IAED;IACAmC,YAAY,EAAExC,GAAG,CAAAyC,iBAAA,KAAAA,iBAAA,GAAApC,sBAAA,mPAchB;IAED;IACAqC,UAAU,EAAE1C,GAAG,CAAA2C,iBAAA,KAAAA,iBAAA,GAAAtC,sBAAA,mhBA2Bd;IAED;IACAuC,GAAG,EAAE5C,GAAG,CAAA6C,iBAAA,KAAAA,iBAAA,GAAAxC,sBAAA;EAMV,CAAC;AAAA,CAAC,CAAC"}
+{"version":3,"names":["css","withBasicStyles","useStyles","container","_templateObject","_taggedTemplateLiteral","mainArea","_templateObject2","senderWrap","_templateObject3","inputAndButtons","_templateObject4","textAreaWrapper","_templateObject5","textArea","_templateObject6","buttonGroup","_templateObject7","iconButton","_templateObject8","clearButton","_templateObject9","uploadButton","_templateObject10","sendButton","_templateObject11","tip","_templateObject12"],"sources":["../../../../src/components/XAdkSender/styles.tsx"],"sourcesContent":["import { css } from \"@emotion/css\";\nimport { withBasicStyles } from \"@/styles/common\";\n\nexport const useStyles = withBasicStyles(() => ({\n  // 容器样式 - 最外层边框\n  container: css`\n    background: #fff;\n    position: relative;\n    overflow: hidden;\n    padding: 10px 15px;\n    overflow: visible;\n    border: 2px solid transparent;\n    transition: all 0.3s ease;\n\n    &.drag-over {\n      border: 2px dashed #000;\n      background: rgba(0, 0, 0, 0.02);\n    }\n  `,\n\n\n  // 主内容区域\n  mainArea: css`\n    //\n  `,\n\n  // 发送区域\n  senderWrap: css`\n    display: flex;\n    align-items: center;\n    gap: 12px;\n    background: var(--yb-input-bg-color);\n    border: 0.5px solid var(--widget-line, rgba(0, 0, 0, 0.08));\n    border-radius: 20px;\n    box-sizing: border-box;\n    caret-color: var(--yb-input-caret-color);\n    flex: auto;\n    font-size: 14px;\n    gap: 6px;\n    line-height: 22px;\n    padding: 7px 12px 7px 7px;\n    position: relative;\n    transition-duration: 0.2s;\n    transition-property:\n      color, background-color, border-color, text-decoration-color, fill,\n      stroke, box-shadow;\n    transition-timing-function: linear;\n    box-shadow: 0 6px 30px 0 rgba(0, 0, 0, 0.08);\n  `,\n\n  // 输入框和按钮容器\n  inputAndButtons: css`\n    flex: 1;\n    display: flex;\n    align-items: flex-end;\n    gap: 8px;\n  `,\n\n  // 文本输入框容器\n  textAreaWrapper: css`\n    flex: 1;\n    display: flex;\n    align-items: center;\n    background: #fff;\n    padding: 0 16px;\n    min-height: 44px;\n\n    /* 移除所有蓝色效果 */\n    &:focus-within {\n      border-color: #d9d9d9;\n      box-shadow: none;\n    }\n\n    .ant-input:disabled {\n      background: transparent !important;\n    }\n\n    &::placeholder {\n      color: #bfbfbf;\n    }\n  `,\n\n  // 文本输入框\n  textArea: css`\n    flex: 1;\n    border: none;\n    background: transparent;\n    font-size: 14px;\n    line-height: 1.5;\n    padding: 12px 0;\n    outline: none;\n    color: #262626;\n  `,\n\n  // 按钮组\n  buttonGroup: css`\n    display: flex;\n    gap: 8px;\n    align-items: center;\n    height: 44px;\n  `,\n\n  // 按钮统一样式\n  iconButton: css`\n    width: 36px;\n    height: 36px;\n    min-width: 36px;\n    border-radius: 50%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    transition: all 0.2s ease;\n\n    &:hover {\n      transform: translateY(-1px);\n    }\n\n    &:active {\n      transform: translateY(0);\n    }\n  `,\n\n  // 清空按钮\n  clearButton: css`\n    border: 1px solid #f0f0f0;\n    background: #fff;\n    color: #8c8c8c;\n\n    &:hover {\n      border-color: #d9d9d9;\n      color: #262626;\n      background: #fafafa;\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n    }\n  `,\n\n  // 上传按钮\n  uploadButton: css`\n    border: 1px solid #f0f0f0;\n    background: #fff;\n\n    &:hover {\n      //\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n      border-color: #f0f0f0;\n      background: #fafafa;\n    }\n  `,\n\n  // 发送按钮\n  sendButton: css`\n    background: #000;\n    border: none;\n    color: #fff;\n\n    &:hover:not(:disabled) {\n      background: #333; /* 悬停状态 */\n    }\n\n    &:disabled {\n      opacity: 0.5;\n      cursor: not-allowed;\n      background: #cccccc;\n      color: #fff;\n    }\n\n    &.stop {\n      //\n\n      &:hover:not(:disabled) {\n        //\n      }\n\n      &:disabled {\n        background: #cccccc; /* 禁用状态也保持淡灰色 */\n      }\n    }\n  `,\n\n  // 底部提示\n  tip: css`\n    margin: 12px 0;\n    text-align: center;\n    font-size: 12px;\n    color: #8c8c8c;\n  `,\n}));\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,cAAc;AAClC,SAASC,eAAe;AAExB,OAAO,IAAMC,SAAS,GAAGD,eAAe,CAAC;EAAA,OAAO;IAC9C;IACAE,SAAS,EAAEH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,sBAAA,4SAab;IAGD;IACAC,QAAQ,EAAEN,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,oBAEZ;IAED;IACAG,UAAU,EAAER,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,sBAAA,gqBAqBd;IAED;IACAK,eAAe,EAAEV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,sBAAA,yFAKnB;IAED;IACAO,eAAe,EAAEZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAR,sBAAA,maAqBnB;IAED;IACAS,QAAQ,EAAEd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAV,sBAAA,uLASZ;IAED;IACAW,WAAW,EAAEhB,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAZ,sBAAA,4FAKf;IAED;IACAa,UAAU,EAAElB,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAd,sBAAA,kUAiBd;IAED;IACAe,WAAW,EAAEpB,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAhB,sBAAA,6QAef;IAED;IACAiB,YAAY,EAAEtB,GAAG,CAAAuB,iBAAA,KAAAA,iBAAA,GAAAlB,sBAAA,2OAchB;IAED;IACAmB,UAAU,EAAExB,GAAG,CAAAyB,iBAAA,KAAAA,iBAAA,GAAApB,sBAAA,2fA2Bd;IAED;IACAqB,GAAG,EAAE1B,GAAG,CAAA2B,iBAAA,KAAAA,iBAAA,GAAAtB,sBAAA;EAMV,CAAC;AAAA,CAAC,CAAC"}

package/dist/esm/components/XAiChatbot/XAiChatbot.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import XAiChatbot from '.';
+import type { Meta, StoryObj } from "@storybook/react-vite";
+import XAiChatbot from ".";
 declare const meta: Meta<typeof XAiChatbot>;
 export default meta;
 type Story = StoryObj<typeof meta>;

package/dist/esm/components/XAiChatbot/XAiChatbot.stories.js

@@ -1,75 +1,75 @@
 import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
 import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
 import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import React, { useEffect, useState } from 'react';
-import { Divider } from 'antd';
+import React, { useEffect, useState } from "react";
+import { Divider } from "antd";
 import { MessageRole, MessageStatus } from "../../types/XAiMessage";
 import documentIcon from "../../assets/document.svg";
 import XAiProvider from "../XAiProvider";
-import XAiChatbot from '.';
+import XAiChatbot from ".";
 import { useProviderContext, useProviderMethods } from "../../hooks/useProviderContext";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
 var meta = {
-  title: 'AI组件/XAiChatbot 聊天框',
+  title: "AI组件/XAiChatbot 聊天框【下线】",
   component: XAiChatbot,
   parameters: {
-    layout: 'centered'
+    layout: "centered"
   },
-  tags: ['autodocs'],
+  tags: ["autodocs"],
   argTypes: {
     navbar: {
-      description: '导航栏配置'
+      description: "导航栏配置"
     },
     messages: {
-      description: '消息列表'
+      description: "消息列表"
     }
   }
 };
 export default meta;
 // mock 消息数据，严格符合 Messages 类型
 var mockMessages = [{
-  id: '1',
-  type: 'TextMessage',
+  id: "1",
+  type: "TextMessage",
   createdAt: new Date(),
   status: MessageStatus.done,
   role: MessageRole.assistant,
   content: {
-    text: '你好，有什么我能帮助你的吗？'
+    text: "你好，有什么我能帮助你的吗？"
   }
 }, {
-  id: '2',
-  type: 'TextMessage',
+  id: "2",
+  type: "TextMessage",
   createdAt: new Date(),
   status: MessageStatus.done,
   role: MessageRole.user,
   content: {
-    text: '检索从北京到上海的车票数据给我',
+    text: "检索从北京到上海的车票数据给我",
     files: [{
-      "fileName": "4250105220774925bfaeb3ca2a3350fe.jpg",
-      "fileId": 334,
-      "fileUrl": "https://ai-platform-test.oss-cn-hangzhou.aliyuncs.com/ZABX/vbvljaaxlhlcy.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20260112T132456Z&X-Amz-SignedHeaders=host&X-Amz-Credential=LTAI5tSfMvkvWhU43Ev1cFJo%2F20260112%2Foss-cn-hangzhou%2Fs3%2Faws4_request&X-Amz-Expires=518400&X-Amz-Signature=3a8546bfdf0332a5188e9e7c47c9b8d0bb46424177c5f9be703ade8482a6e4e2",
-      "fileType": "image",
-      "fileSize": 28118
+      fileName: "4250105220774925bfaeb3ca2a3350fe.jpg",
+      fileId: 334,
+      fileUrl: "https://ai-platform-test.oss-cn-hangzhou.aliyuncs.com/ZABX/vbvljaaxlhlcy.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20260112T132456Z&X-Amz-SignedHeaders=host&X-Amz-Credential=LTAI5tSfMvkvWhU43Ev1cFJo%2F20260112%2Foss-cn-hangzhou%2Fs3%2Faws4_request&X-Amz-Expires=518400&X-Amz-Signature=3a8546bfdf0332a5188e9e7c47c9b8d0bb46424177c5f9be703ade8482a6e4e2",
+      fileType: "image",
+      fileSize: 28118
     }, {
-      "fileName": "4250105220774925bfaeb3ca2a3350fe.pdf",
-      "fileId": 334,
-      "fileUrl": "https://ai-platform-test.oss-cn-hangzhou.aliyuncs.com/ZABX/vbvljaaxlhlcy.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20260112T132456Z&X-Amz-SignedHeaders=host&X-Amz-Credential=LTAI5tSfMvkvWhU43Ev1cFJo%2F20260112%2Foss-cn-hangzhou%2Fs3%2Faws4_request&X-Amz-Expires=518400&X-Amz-Signature=3a8546bfdf0332a5188e9e7c47c9b8d0bb46424177c5f9be703ade8482a6e4e2",
-      "fileType": "pdf",
-      "fileSize": 28118
+      fileName: "4250105220774925bfaeb3ca2a3350fe.pdf",
+      fileId: 334,
+      fileUrl: "https://ai-platform-test.oss-cn-hangzhou.aliyuncs.com/ZABX/vbvljaaxlhlcy.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20260112T132456Z&X-Amz-SignedHeaders=host&X-Amz-Credential=LTAI5tSfMvkvWhU43Ev1cFJo%2F20260112%2Foss-cn-hangzhou%2Fs3%2Faws4_request&X-Amz-Expires=518400&X-Amz-Signature=3a8546bfdf0332a5188e9e7c47c9b8d0bb46424177c5f9be703ade8482a6e4e2",
+      fileType: "pdf",
+      fileSize: 28118
     }]
   },
-  parentMessageId: '1'
+  parentMessageId: "1"
 }, {
-  id: '22',
-  type: 'TextMessage',
+  id: "22",
+  type: "TextMessage",
   createdAt: new Date(),
   status: MessageStatus.done,
   role: MessageRole.assistant,
   content: {
-    text: ''
+    text: ""
   },
-  thinks: '',
+  thinks: "",
   // execute: [
   //   // 工具库调用（MCP_TOOL）
   //   {
@@ -143,17 +143,17 @@ var mockMessages = [{
     noFooter: true
   }
 }, {
-  id: '4',
-  type: 'TextMessage',
+  id: "4",
+  type: "TextMessage",
   createdAt: new Date(),
   status: MessageStatus.done,
   role: MessageRole.user,
   content: {
-    text: '能否生成一段明年的产品计划开发计划文档给我'
+    text: "能否生成一段明年的产品计划开发计划文档给我"
   }
 }, {
-  id: '0',
-  type: 'TextMessage',
+  id: "0",
+  type: "TextMessage",
   createdAt: new Date(),
   status: MessageStatus.done,
   role: MessageRole.assistant,
@@ -164,20 +164,20 @@ var mockMessages = [{
     noFooter: true
   }
 }, {
-  id: '11',
-  type: 'SuggestionMessage',
+  id: "11",
+  type: "SuggestionMessage",
   createdAt: new Date(),
   status: MessageStatus.done,
   role: MessageRole.suggestion,
   content: [{
-    key: '1',
-    description: '我要查看 AI 文档'
+    key: "1",
+    description: "我要查看 AI 文档"
   }, {
-    key: '2',
-    description: '我如何看待 AI'
+    key: "2",
+    description: "我如何看待 AI"
   }, {
-    key: '3',
-    description: '你是谁？'
+    key: "3",
+    description: "你是谁？"
   }]
 }];
 
@@ -197,7 +197,7 @@ var BasicUsageStory = function BasicUsageStory(args) {
     setLoading(true);
 
     // 模拟流式输出（向 mockMessages 第二条消息 content.text 追加）
-    var stream = ['我', '正在', '为', '你', '生成', '内容', '我', '正在', '为', '你', '生成', '内容', '我', '正在', '为', '你', '生成', '内容', '我', '正在', '为', '你', '生成', '内容', '我', '正在', '为', '你', '生成', '内容', '我', '正在', '为', '你', '生成', '内容', '我', '正在', '为', '你', '生成', '内容', '我', '正在', '为', '你', '生成', '内容', '我', '正在', '为', '你', '生成', '内容', '我', '正在', '为', '你', '生成', '内容', '我', '正在', '为', '你', '生成', '内容', '好', '多', '好', '多', '好', '多', '好', '多', '好', '多', '好', '多', '好', '多', '好', '多', '好', '多', '好', '多', '好', '多', '……'];
+    var stream = ["我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "好", "多", "好", "多", "好", "多", "好", "多", "好", "多", "好", "多", "好", "多", "好", "多", "好", "多", "好", "多", "好", "多", "……"];
     stream.forEach(function (chunk, idx) {
       setTimeout(function () {
         setMessages(function (prev) {
@@ -206,9 +206,9 @@ var BasicUsageStory = function BasicUsageStory(args) {
           var targetMsg = updated[targetIndex];
 
           // 确保该消息存在且是 TextMessage
-          if (targetMsg && targetMsg.type === 'TextMessage') {
+          if (targetMsg && targetMsg.type === "TextMessage") {
             // content 可能是多种类型，这里做类型守卫
-            if ('text' in targetMsg.content) {
+            if ("text" in targetMsg.content) {
               updated[targetIndex] = _objectSpread(_objectSpread({}, targetMsg), {}, {
                 content: _objectSpread({}, targetMsg.content),
                 thinks: targetMsg.thinks + chunk + Math.random().toString(36).slice(2, 5),
@@ -221,12 +221,12 @@ var BasicUsageStory = function BasicUsageStory(args) {
           if (idx === stream.length - 1) {
             var _updated$targetIndex$;
             (_updated$targetIndex$ = updated[targetIndex].execute) === null || _updated$targetIndex$ === void 0 || _updated$targetIndex$.push({
-              id: '5',
-              type: 'ActionExecutionMessage',
+              id: "5",
+              type: "ActionExecutionMessage",
               extra: {
                 icon: documentIcon
               },
-              name: '运行完毕',
+              name: "运行完毕",
               createdAt: new Date()
             });
             setLoading(false);
@@ -272,12 +272,12 @@ var BasicUsageStory = function BasicUsageStory(args) {
     if (!cost && !token) return null;
     return /*#__PURE__*/_jsxs("div", {
       style: {
-        display: 'flex',
-        alignItems: 'center',
-        fontSize: '12px',
-        color: '#949494',
+        display: "flex",
+        alignItems: "center",
+        fontSize: "12px",
+        color: "#949494",
         flex: 1,
-        paddingRight: '40px'
+        paddingRight: "40px"
       },
       children: [cost && /*#__PURE__*/_jsxs("div", {
         children: [cost, "s"]
@@ -290,10 +290,10 @@ var BasicUsageStory = function BasicUsageStory(args) {
   };
   return /*#__PURE__*/_jsx("div", {
     style: {
-      height: '600px',
-      width: '400px',
-      border: '1px solid #e7e7e7',
-      borderRadius: '8px'
+      height: "600px",
+      width: "400px",
+      border: "1px solid #e7e7e7",
+      borderRadius: "8px"
     },
     children: /*#__PURE__*/_jsx(XAiChatbot, _objectSpread(_objectSpread({}, args), {}, {
       messages: messages,
@@ -313,14 +313,14 @@ var BasicUsageStory = function BasicUsageStory(args) {
         });
         setTimeout(function () {
           onSuccess === null || onSuccess === void 0 || onSuccess({
-            "fileName": "4250105220774925bfaeb3ca2a3350fe.jpg",
-            "fileId": 334,
-            "fileUrl": "https://ai-platform-test.oss-cn-hangzhou.aliyuncs.com/ZABX/vbvljaaxlhlcy.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20260112T132456Z&X-Amz-SignedHeaders=host&X-Amz-Credential=LTAI5tSfMvkvWhU43Ev1cFJo%2F20260112%2Foss-cn-hangzhou%2Fs3%2Faws4_request&X-Amz-Expires=518400&X-Amz-Signature=3a8546bfdf0332a5188e9e7c47c9b8d0bb46424177c5f9be703ade8482a6e4e2",
-            "fileType": "image",
-            "fileSize": 28118,
-            "mimeType": "image/jpeg",
-            "tempUrl": "https://ai-platform-test.oss-cn-hangzhou.aliyuncs.com/ZABX/vbvljaaxlhlcy.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20260112T132456Z&X-Amz-SignedHeaders=host&X-Amz-Credential=LTAI5tSfMvkvWhU43Ev1cFJo%2F20260112%2Foss-cn-hangzhou%2Fs3%2Faws4_request&X-Amz-Expires=518400&X-Amz-Signature=3a8546bfdf0332a5188e9e7c47c9b8d0bb46424177c5f9be703ade8482a6e4e2",
-            "type": "image"
+            fileName: "4250105220774925bfaeb3ca2a3350fe.jpg",
+            fileId: 334,
+            fileUrl: "https://ai-platform-test.oss-cn-hangzhou.aliyuncs.com/ZABX/vbvljaaxlhlcy.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20260112T132456Z&X-Amz-SignedHeaders=host&X-Amz-Credential=LTAI5tSfMvkvWhU43Ev1cFJo%2F20260112%2Foss-cn-hangzhou%2Fs3%2Faws4_request&X-Amz-Expires=518400&X-Amz-Signature=3a8546bfdf0332a5188e9e7c47c9b8d0bb46424177c5f9be703ade8482a6e4e2",
+            fileType: "image",
+            fileSize: 28118,
+            mimeType: "image/jpeg",
+            tempUrl: "https://ai-platform-test.oss-cn-hangzhou.aliyuncs.com/ZABX/vbvljaaxlhlcy.jpg?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Date=20260112T132456Z&X-Amz-SignedHeaders=host&X-Amz-Credential=LTAI5tSfMvkvWhU43Ev1cFJo%2F20260112%2Foss-cn-hangzhou%2Fs3%2Faws4_request&X-Amz-Expires=518400&X-Amz-Signature=3a8546bfdf0332a5188e9e7c47c9b8d0bb46424177c5f9be703ade8482a6e4e2",
+            type: "image"
           });
         }, 1000);
       }
@@ -331,10 +331,10 @@ export var 基础用法 = {
   render: BasicUsageStory,
   args: {
     navbar: {
-      title: '智能助手'
+      title: "智能助手"
     },
     // messages: mockMessages,
-    emptyStateText: '众安智能体'
+    emptyStateText: "众安智能体"
   }
 };
 
@@ -349,7 +349,7 @@ export var 在Provider中使用 = {
   }],
   args: {
     navbar: {
-      title: '智能助手'
+      title: "智能助手"
     }
   }
 };
@@ -359,9 +359,9 @@ export var 多个Provider实例 = {
   decorators: [function (Story) {
     return /*#__PURE__*/_jsxs("div", {
       style: {
-        display: 'flex',
-        gap: '50px',
-        height: '600px'
+        display: "flex",
+        gap: "50px",
+        height: "600px"
       },
       children: [/*#__PURE__*/_jsx(XAiProvider, {
         providerId: "chat1",
@@ -369,8 +369,8 @@ export var 多个Provider实例 = {
         url: "https://api1.example.com",
         children: /*#__PURE__*/_jsx("div", {
           style: {
-            width: '300px',
-            marginRight: '40px'
+            width: "300px",
+            marginRight: "40px"
           },
           children: /*#__PURE__*/_jsx(Story, {})
         })
@@ -380,7 +380,7 @@ export var 多个Provider实例 = {
         url: "https://api2.example.com",
         children: /*#__PURE__*/_jsx("div", {
           style: {
-            width: '300px'
+            width: "300px"
           },
           children: /*#__PURE__*/_jsx(Story, {})
         })
@@ -389,7 +389,7 @@ export var 多个Provider实例 = {
   }],
   args: {
     navbar: {
-      title: '智能助手'
+      title: "智能助手"
     }
   }
 };
@@ -420,46 +420,46 @@ var ArchitectureDemoComponent = function ArchitectureDemoComponent(_ref3) {
   var providerMethods = useProviderMethods();
   return /*#__PURE__*/_jsxs("div", {
     style: {
-      padding: '15px',
-      border: '1px solid #e7e7e7',
-      borderRadius: '8px',
-      marginBottom: '10px',
-      backgroundColor: '#fafafa'
+      padding: "15px",
+      border: "1px solid #e7e7e7",
+      borderRadius: "8px",
+      marginBottom: "10px",
+      backgroundColor: "#fafafa"
     },
     children: [/*#__PURE__*/_jsx("h4", {
       style: {
-        margin: '0 0 10px 0'
+        margin: "0 0 10px 0"
       },
       children: mergedProps.title
     }), /*#__PURE__*/_jsxs("div", {
       style: {
-        fontSize: '12px',
-        color: '#666'
+        fontSize: "12px",
+        color: "#666"
       },
       children: [/*#__PURE__*/_jsxs("p", {
-        children: ["Provider \u72B6\u6001: ", isInProvider ? '✅ 已连接' : '❌ 未连接']
+        children: ["Provider \u72B6\u6001: ", isInProvider ? "✅ 已连接" : "❌ 未连接"]
       }), /*#__PURE__*/_jsxs("p", {
-        children: ["\u6D88\u606F\u6570\u91CF: ", ((_getProviderValue = getProviderValue('messages')) === null || _getProviderValue === void 0 ? void 0 : _getProviderValue.length) || 0]
+        children: ["\u6D88\u606F\u6570\u91CF: ", ((_getProviderValue = getProviderValue("messages")) === null || _getProviderValue === void 0 ? void 0 : _getProviderValue.length) || 0]
       }), /*#__PURE__*/_jsxs("p", {
-        children: ["\u52A0\u8F7D\u72B6\u6001: ", getProviderValue('loading') ? '🔄 加载中' : '✅ 就绪']
+        children: ["\u52A0\u8F7D\u72B6\u6001: ", getProviderValue("loading") ? "🔄 加载中" : "✅ 就绪"]
       }), /*#__PURE__*/_jsx("button", {
         onClick: function onClick() {
           var _providerMethods$send;
           return (_providerMethods$send = providerMethods.sendMessage) === null || _providerMethods$send === void 0 ? void 0 : _providerMethods$send.call(providerMethods, {
-            text: '来自架构演示组件的消息'
+            text: "来自架构演示组件的消息"
           });
         },
         disabled: !isInProvider,
         style: {
-          fontSize: '12px',
-          padding: '4px 8px',
-          backgroundColor: isInProvider ? '#1890ff' : '#d9d9d9',
-          color: 'white',
-          border: 'none',
-          borderRadius: '4px',
-          cursor: isInProvider ? 'pointer' : 'not-allowed'
+          fontSize: "12px",
+          padding: "4px 8px",
+          backgroundColor: isInProvider ? "#1890ff" : "#d9d9d9",
+          color: "white",
+          border: "none",
+          borderRadius: "4px",
+          cursor: isInProvider ? "pointer" : "not-allowed"
         },
-        children: isInProvider ? '发送消息' : '需要 Provider'
+        children: isInProvider ? "发送消息" : "需要 Provider"
       })]
     })]
   });
@@ -470,8 +470,8 @@ export var 新架构演示 = {
   render: function render(args) {
     return /*#__PURE__*/_jsx("div", {
       style: {
-        width: '500px',
-        height: '700px'
+        width: "500px",
+        height: "700px"
       },
       children: /*#__PURE__*/_jsx(XAiProvider, {
         token: "demo-token",
@@ -479,22 +479,22 @@ export var 新架构演示 = {
         providerId: "architecture-demo",
         children: /*#__PURE__*/_jsxs("div", {
           style: {
-            padding: '20px'
+            padding: "20px"
           },
           children: [/*#__PURE__*/_jsx("h3", {
             style: {
-              marginBottom: '20px'
+              marginBottom: "20px"
             },
             children: "\u65B0\u67B6\u6784\u6F14\u793A"
           }), /*#__PURE__*/_jsx("p", {
             style: {
-              marginBottom: '20px',
-              color: '#666'
+              marginBottom: "20px",
+              color: "#666"
             },
             children: "\u5C55\u793A\u5982\u4F55\u4F7F\u7528 useProviderContext \u548C useProviderMethods Hook"
           }), /*#__PURE__*/_jsxs("div", {
             style: {
-              marginBottom: '20px'
+              marginBottom: "20px"
             },
             children: [/*#__PURE__*/_jsx(ArchitectureDemoComponent, {
               title: "\u6F14\u793A\u7EC4\u4EF6 A"
@@ -506,8 +506,8 @@ export var 新架构演示 = {
           }), /*#__PURE__*/_jsx(XAiChatbot, _objectSpread(_objectSpread({}, args), {}, {
             navbarShow: true,
             navbar: {
-              title: '架构演示聊天机器人',
-              subtitle: '展示新 Hook 的使用'
+              title: "架构演示聊天机器人",
+              subtitle: "展示新 Hook 的使用"
             },
             enableUpload: true,
             uploadRequest: function uploadRequest(_ref4) {
@@ -529,7 +529,7 @@ export var 新架构演示 = {
   },
   args: {
     navbar: {
-      title: '智能助手'
+      title: "智能助手"
     }
   }
 };
@@ -539,35 +539,35 @@ export var 架构对比演示 = {
   render: function render(args) {
     return /*#__PURE__*/_jsxs("div", {
       style: {
-        display: 'flex',
-        gap: '20px',
-        padding: '20px'
+        display: "flex",
+        gap: "20px",
+        padding: "20px"
       },
       children: [/*#__PURE__*/_jsxs("div", {
         style: {
-          width: '300px'
+          width: "300px"
         },
         children: [/*#__PURE__*/_jsx("h4", {
           children: "\u72EC\u7ACB\u4F7F\u7528\u6A21\u5F0F"
         }), /*#__PURE__*/_jsxs("div", {
           style: {
-            border: '1px solid #e7e7e7',
-            borderRadius: '8px',
-            padding: '15px'
+            border: "1px solid #e7e7e7",
+            borderRadius: "8px",
+            padding: "15px"
           },
           children: [/*#__PURE__*/_jsx(ArchitectureDemoComponent, {
             title: "\u72EC\u7ACB\u7EC4\u4EF6"
           }), /*#__PURE__*/_jsx(XAiChatbot, _objectSpread(_objectSpread({}, args), {}, {
             navbarShow: true,
             navbar: {
-              title: '独立聊天机器人',
-              subtitle: '不依赖 Provider'
+              title: "独立聊天机器人",
+              subtitle: "不依赖 Provider"
             },
             onSend: function onSend(content) {
-              console.log('独立模式发送:', content);
+              console.log("独立模式发送:", content);
             },
             onClear: function onClear() {
-              console.log('独立模式清空');
+              console.log("独立模式清空");
             },
             enableUpload: true,
             uploadRequest: function uploadRequest(_ref5) {
@@ -586,7 +586,7 @@ export var 架构对比演示 = {
         })]
       }), /*#__PURE__*/_jsxs("div", {
         style: {
-          width: '300px'
+          width: "300px"
         },
         children: [/*#__PURE__*/_jsx("h4", {
           children: "Provider \u6A21\u5F0F"
@@ -596,17 +596,17 @@ export var 架构对比演示 = {
           providerId: "comparison-demo",
           children: /*#__PURE__*/_jsxs("div", {
             style: {
-              border: '1px solid #e7e7e7',
-              borderRadius: '8px',
-              padding: '15px'
+              border: "1px solid #e7e7e7",
+              borderRadius: "8px",
+              padding: "15px"
             },
             children: [/*#__PURE__*/_jsx(ArchitectureDemoComponent, {
               title: "Provider \u7EC4\u4EF6"
             }), /*#__PURE__*/_jsx(XAiChatbot, _objectSpread(_objectSpread({}, args), {}, {
               navbarShow: true,
               navbar: {
-                title: 'Provider 聊天机器人',
-                subtitle: '由 Provider 管理'
+                title: "Provider 聊天机器人",
+                subtitle: "由 Provider 管理"
               },
               enableUpload: true,
               uploadRequest: function uploadRequest(_ref6) {
@@ -629,7 +629,7 @@ export var 架构对比演示 = {
   },
   args: {
     navbar: {
-      title: '智能助手'
+      title: "智能助手"
     }
   }
 };