@ai-group/chat-sdk 3.0.9 → 3.0.11

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

@@ -1,636 +0,0 @@
-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 { MessageRole, MessageStatus } from "../../types/XAiMessage";
-import documentIcon from "../../assets/document.svg";
-import XAiProvider from "../XAiProvider";
-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 聊天框【下线】",
-  component: XAiChatbot,
-  parameters: {
-    layout: "centered"
-  },
-  tags: ["autodocs"],
-  argTypes: {
-    navbar: {
-      description: "导航栏配置"
-    },
-    messages: {
-      description: "消息列表"
-    }
-  }
-};
-export default meta;
-// mock 消息数据，严格符合 Messages 类型
-var mockMessages = [{
-  id: "1",
-  type: "TextMessage",
-  createdAt: new Date(),
-  status: MessageStatus.done,
-  role: MessageRole.assistant,
-  content: {
-    text: "你好，有什么我能帮助你的吗？"
-  }
-}, {
-  id: "2",
-  type: "TextMessage",
-  createdAt: new Date(),
-  status: MessageStatus.done,
-  role: MessageRole.user,
-  content: {
-    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.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"
-}, {
-  id: "22",
-  type: "TextMessage",
-  createdAt: new Date(),
-  status: MessageStatus.done,
-  role: MessageRole.assistant,
-  content: {
-    text: ""
-  },
-  thinks: "",
-  // execute: [
-  //   // 工具库调用（MCP_TOOL）
-  //   {
-  //     type: 'ActionExecutionMessage',
-  //     createdAt: new Date(),
-  //     id: 'tool-1',
-  //     name: '已调用MCP智能工具',
-  //     arguments: { param1: 'foo' },
-  //     extra: {
-  //       action: 'INVOKE_AGENT_TOOL_START',
-  //       icon: documentIcon,
-  //       type: 'MCP_TOOL',
-  //       cost: '3.9',
-  //     },
-  //   },
-  //   // // 工具库调用（PLUGIN_TOOL）
-  //   {
-  //     type: 'ActionExecutionMessage',
-  //     createdAt: new Date(),
-  //     id: 'tool-2',
-  //     name: '已调用插件工具',
-  //     arguments: { param1: 'foo' },
-  //     extra: {
-  //       action: 'INVOKE_AGENT_TOOL_START',
-  //       icon: documentIcon,
-  //       type: 'MCP_TOOL',
-  //       cost: '3.9',
-  //     },
-  //   },
-  //   // // 工具库调用（SKILL）
-  //   // {
-  //   //   action: 'INVOKE_AGENT_TOOL_START',
-  //   //   id: 'tool-3',
-  //   //   toolType: 'SKILL',
-  //   //   agentToolName: '技能工具',
-  //   //   args: { param3: 'baz' },
-
-  //   // },
-  //   // // 知识库调用（FAQ）
-  //   // {
-  //   //   action: 'RECALL_KNOWLEDGE_START',
-  //   //   uniqueId: 'kb-1',
-  //   //   processStatus: 'START',
-  //   //   args: { question: '什么是FAQ？' },
-  //   //   knowledgeType: 'FAQ',
-  //   // },
-  //   {
-  //     type: 'ActionExecutionMessage',
-  //     createdAt: new Date(),
-  //     id: 'tool-3',
-  //     name: '已调用文档知识库',
-  //     arguments: { param1: 'foo' },
-  //     extra: {
-  //       action: 'RECALL_KNOWLEDGE_START',
-  //       icon: documentIcon,
-  //       type: 'MCP_TOOL',
-  //       cost: '3.9',
-  //     },
-  //   },
-  //   // // 知识库调用（DOCUMENT）
-  //   // {
-  //   //   action: 'RECALL_KNOWLEDGE_START',
-  //   //   uniqueId: 'kb-2',
-  //   //   processStatus: 'START',
-  //   //   args: { question: '文档库介绍' },
-  //   //   knowledgeType: 'DOCUMENT',
-  //   // },
-  //   // 运行完毕
-  // ],
-  extra: {
-    noFooter: true
-  }
-}, {
-  id: "4",
-  type: "TextMessage",
-  createdAt: new Date(),
-  status: MessageStatus.done,
-  role: MessageRole.user,
-  content: {
-    text: "能否生成一段明年的产品计划开发计划文档给我"
-  }
-}, {
-  id: "0",
-  type: "TextMessage",
-  createdAt: new Date(),
-  status: MessageStatus.done,
-  role: MessageRole.assistant,
-  content: {
-    text: "\n# \u9879\u76EE\u5F00\u53D1\u8BA1\u5212\n\n\u672C\u6587\u6863\u6982\u8FF0\u4E86 2025 \u5E74\u7B2C\u4E09\u5B63\u5EA6\u7684\u4EA7\u54C1\u5F00\u53D1\u8BA1\u5212\uFF0C\u5305\u62EC\u76EE\u6807\u3001\u91CC\u7A0B\u7891\u3001\u56E2\u961F\u5206\u5DE5\u548C\u98CE\u9669\u9884\u6848\u3002\n\n---\n\n## \uD83C\uDFAF \u6838\u5FC3\u76EE\u6807\n\n- \u63D0\u5347\u7528\u6237\u7559\u5B58\u7387\u81F3 **45%**\n- \u5B8C\u6210 Web \u7AEF\u65B0\u7248\u4E0A\u7EBF\n- \u5EFA\u7ACB AI \u63A8\u8350\u6A21\u5757 MVP\n- \u4F18\u5316\u6570\u636E\u5E93\u8BBF\u95EE\u6027\u80FD\n\n---\n\n## \uD83D\uDCC5 \u5173\u952E\u65F6\u95F4\u8282\u70B9\n\n| \u91CC\u7A0B\u7891           | \u622A\u6B62\u65E5\u671F     | \u8D1F\u8D23\u4EBA   | \u4EE3\u7406\u4EBA         | \u622A\u6B62\u65E5\u671F     | \u8D1F\u8D23\u4EBA   |\n|------------------|--------------|----------|------------------|--------------|----------|\n| \u4EA7\u54C1\u9700\u6C42\u51BB\u7ED3     | 2025-08-01   | Alice    | \u4EA7\u54C1\u9700\u6C42\u51BB\u7ED3     | 2025-08-01   | Alice    |\n| UI \u8BBE\u8BA1\u5B9A\u7A3F       | 2025-08-10   | Bob      | \u4EA7\u54C1\u9700\u6C42\u51BB\u7ED3     | 2025-08-01   | Alice    |\n| \u5F00\u53D1\u5B8C\u6210\uFF08\u5185\u6D4B\uFF09 | 2025-09-15   | Charlie  | \u4EA7\u54C1\u9700\u6C42\u51BB\u7ED3     | 2025-08-01   | Alice    |\n| \u6B63\u5F0F\u4E0A\u7EBF         | 2025-09-30   | Diana    | \u4EA7\u54C1\u9700\u6C42\u51BB\u7ED3     | 2025-08-01   | Alice    |\n\n---\n\n## \uD83D\uDEE0\uFE0F \u6280\u672F\u65B9\u6848\u7B80\u8FF0\n\n\u6211\u4EEC\u5C06\u4F7F\u7528\u4EE5\u4E0B\u6280\u672F\u6808\uFF1A\n\n- \u524D\u7AEF\uFF1AReact + Vite + Zustand\n- \u540E\u7AEF\uFF1ANode.js + PostgreSQL\n- \u6570\u636E\u5206\u6790\uFF1APython + Pandas\n- \u90E8\u7F72\u73AF\u5883\uFF1AKubernetes on AWS\n\n---\n\n## \uD83D\uDCA1 \u793A\u4F8B\u4EE3\u7801\u7247\u6BB5\n\n\u4EE5\u4E0B\u662F\u4E00\u4E2A\u7528\u4E8E\u751F\u6210\u552F\u4E00 ID \u7684\u51FD\u6570\u793A\u4F8B\uFF1A\n\n~~~ts\nimport { nanoid } from 'nanoid'\n\nexport function generateSessionId() {\n  return `sess-${nanoid()}`\n}\n~~~\n"
-  },
-  extra: {
-    noFooter: true
-  }
-}, {
-  id: "11",
-  type: "SuggestionMessage",
-  createdAt: new Date(),
-  status: MessageStatus.done,
-  role: MessageRole.suggestion,
-  content: [{
-    key: "1",
-    description: "我要查看 AI 文档"
-  }, {
-    key: "2",
-    description: "我如何看待 AI"
-  }, {
-    key: "3",
-    description: "你是谁？"
-  }]
-}];
-
-// 基础用法
-var BasicUsageStory = function BasicUsageStory(args) {
-  var _useState = useState(mockMessages),
-    _useState2 = _slicedToArray(_useState, 2),
-    messages = _useState2[0],
-    setMessages = _useState2[1];
-  var _useState3 = useState(false),
-    _useState4 = _slicedToArray(_useState3, 2),
-    loading = _useState4[0],
-    setLoading = _useState4[1];
-
-  // 模拟随机字符串流式返回
-  var handleSendMessage = function handleSendMessage() {
-    setLoading(true);
-
-    // 模拟流式输出（向 mockMessages 第二条消息 content.text 追加）
-    var stream = ["我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "我", "正在", "为", "你", "生成", "内容", "好", "多", "好", "多", "好", "多", "好", "多", "好", "多", "好", "多", "好", "多", "好", "多", "好", "多", "好", "多", "好", "多", "……"];
-    stream.forEach(function (chunk, idx) {
-      setTimeout(function () {
-        setMessages(function (prev) {
-          var updated = _toConsumableArray(prev);
-          var targetIndex = 2; // mockMessages 的第二条（索引 1）
-          var targetMsg = updated[targetIndex];
-
-          // 确保该消息存在且是 TextMessage
-          if (targetMsg && targetMsg.type === "TextMessage") {
-            // 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),
-                status: MessageStatus.pending
-              });
-            }
-          }
-
-          // 最后一个流块时，标记完成
-          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",
-              extra: {
-                icon: documentIcon
-              },
-              name: "运行完毕",
-              createdAt: new Date()
-            });
-            setLoading(false);
-            updated[targetIndex] = _objectSpread(_objectSpread({}, updated[targetIndex]), {}, {
-              status: MessageStatus.done
-            });
-          }
-          return updated;
-        });
-      }, 200 * (idx + 1)); // 每个片段延迟 600ms 模拟流
-    });
-  };
-  useEffect(function () {
-    if (messages) {
-      handleSendMessage();
-    }
-  }, []);
-
-  // 清空消息
-  var handleClear = function handleClear() {
-    setMessages([]);
-  };
-
-  // 模拟按钮回调
-  var handleActions = function handleActions(index, data) {
-    console.log(index, data);
-  };
-
-  // 模拟快捷短语点击
-  var handleSuggestMessageClick = function handleSuggestMessageClick(_item, id) {
-    setMessages(function (prev) {
-      return prev.filter(function (m) {
-        return m.id !== id;
-      });
-    });
-  };
-
-  // tooltip
-  var ToolTip = function ToolTip(data) {
-    var _ref = (data === null || data === void 0 ? void 0 : data.extra) || {},
-      cost = _ref.cost,
-      token = _ref.token;
-    if (!cost && !token) return null;
-    return /*#__PURE__*/_jsxs("div", {
-      style: {
-        display: "flex",
-        alignItems: "center",
-        fontSize: "12px",
-        color: "#949494",
-        flex: 1,
-        paddingRight: "40px"
-      },
-      children: [cost && /*#__PURE__*/_jsxs("div", {
-        children: [cost, "s"]
-      }), token && /*#__PURE__*/_jsx(Divider, {
-        type: "vertical"
-      }), token && /*#__PURE__*/_jsxs("div", {
-        children: [token, " tokens"]
-      })]
-    });
-  };
-  return /*#__PURE__*/_jsx("div", {
-    style: {
-      height: "600px",
-      width: "400px",
-      border: "1px solid #e7e7e7",
-      borderRadius: "8px"
-    },
-    children: /*#__PURE__*/_jsx(XAiChatbot, _objectSpread(_objectSpread({}, args), {}, {
-      messages: messages,
-      loading: loading,
-      messageTooltip: ToolTip,
-      onClear: handleClear,
-      onSuggestMessageClick: handleSuggestMessageClick,
-      onSend: handleSendMessage,
-      onMessagesActionsCallback: handleActions,
-      enableUpload: true,
-      uploadRequest: function uploadRequest(_ref2) {
-        var file = _ref2.file,
-          onProgress = _ref2.onProgress,
-          onSuccess = _ref2.onSuccess;
-        onProgress === null || onProgress === void 0 || onProgress({
-          percent: 50
-        });
-        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"
-          });
-        }, 1000);
-      }
-    }))
-  });
-};
-export var 基础用法 = {
-  render: BasicUsageStory,
-  args: {
-    navbar: {
-      title: "智能助手"
-    },
-    // messages: mockMessages,
-    emptyStateText: "众安智能体"
-  }
-};
-
-// 在 Provider 中使用
-export var 在Provider中使用 = {
-  decorators: [function (Story) {
-    return /*#__PURE__*/_jsx(XAiProvider, {
-      token: "test-token",
-      url: "https://api.example.com",
-      children: /*#__PURE__*/_jsx(Story, {})
-    });
-  }],
-  args: {
-    navbar: {
-      title: "智能助手"
-    }
-  }
-};
-
-// 多个 Provider 实例
-export var 多个Provider实例 = {
-  decorators: [function (Story) {
-    return /*#__PURE__*/_jsxs("div", {
-      style: {
-        display: "flex",
-        gap: "50px",
-        height: "600px"
-      },
-      children: [/*#__PURE__*/_jsx(XAiProvider, {
-        providerId: "chat1",
-        token: "token1",
-        url: "https://api1.example.com",
-        children: /*#__PURE__*/_jsx("div", {
-          style: {
-            width: "300px",
-            marginRight: "40px"
-          },
-          children: /*#__PURE__*/_jsx(Story, {})
-        })
-      }), /*#__PURE__*/_jsx(XAiProvider, {
-        providerId: "chat2",
-        token: "token2",
-        url: "https://api2.example.com",
-        children: /*#__PURE__*/_jsx("div", {
-          style: {
-            width: "300px"
-          },
-          children: /*#__PURE__*/_jsx(Story, {})
-        })
-      })]
-    });
-  }],
-  args: {
-    navbar: {
-      title: "智能助手"
-    }
-  }
-};
-
-// 展示新架构的示例组件
-var ArchitectureDemoComponent = function ArchitectureDemoComponent(_ref3) {
-  var _getProviderValue;
-  var title = _ref3.title;
-  var _useProviderContext = useProviderContext({
-      props: {
-        title: title
-      },
-      mergeLogic: function mergeLogic(props, context) {
-        var _context$messages;
-        if (!(context !== null && context !== void 0 && context.isInProvider)) {
-          return props;
-        }
-        return _objectSpread(_objectSpread({}, props), {}, {
-          messages: context.messages,
-          loading: context.loading,
-          customData: ((_context$messages = context.messages) === null || _context$messages === void 0 ? void 0 : _context$messages.length) || 0
-        });
-      }
-    }),
-    mergedProps = _useProviderContext.mergedProps,
-    isInProvider = _useProviderContext.isInProvider,
-    getProviderValue = _useProviderContext.getProviderValue;
-  var providerMethods = useProviderMethods();
-  return /*#__PURE__*/_jsxs("div", {
-    style: {
-      padding: "15px",
-      border: "1px solid #e7e7e7",
-      borderRadius: "8px",
-      marginBottom: "10px",
-      backgroundColor: "#fafafa"
-    },
-    children: [/*#__PURE__*/_jsx("h4", {
-      style: {
-        margin: "0 0 10px 0"
-      },
-      children: mergedProps.title
-    }), /*#__PURE__*/_jsxs("div", {
-      style: {
-        fontSize: "12px",
-        color: "#666"
-      },
-      children: [/*#__PURE__*/_jsxs("p", {
-        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]
-      }), /*#__PURE__*/_jsxs("p", {
-        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: "来自架构演示组件的消息"
-          });
-        },
-        disabled: !isInProvider,
-        style: {
-          fontSize: "12px",
-          padding: "4px 8px",
-          backgroundColor: isInProvider ? "#1890ff" : "#d9d9d9",
-          color: "white",
-          border: "none",
-          borderRadius: "4px",
-          cursor: isInProvider ? "pointer" : "not-allowed"
-        },
-        children: isInProvider ? "发送消息" : "需要 Provider"
-      })]
-    })]
-  });
-};
-
-// 展示新架构的示例
-export var 新架构演示 = {
-  render: function render(args) {
-    return /*#__PURE__*/_jsx("div", {
-      style: {
-        width: "500px",
-        height: "700px"
-      },
-      children: /*#__PURE__*/_jsx(XAiProvider, {
-        token: "demo-token",
-        url: "https://api.example.com",
-        providerId: "architecture-demo",
-        children: /*#__PURE__*/_jsxs("div", {
-          style: {
-            padding: "20px"
-          },
-          children: [/*#__PURE__*/_jsx("h3", {
-            style: {
-              marginBottom: "20px"
-            },
-            children: "\u65B0\u67B6\u6784\u6F14\u793A"
-          }), /*#__PURE__*/_jsx("p", {
-            style: {
-              marginBottom: "20px",
-              color: "#666"
-            },
-            children: "\u5C55\u793A\u5982\u4F55\u4F7F\u7528 useProviderContext \u548C useProviderMethods Hook"
-          }), /*#__PURE__*/_jsxs("div", {
-            style: {
-              marginBottom: "20px"
-            },
-            children: [/*#__PURE__*/_jsx(ArchitectureDemoComponent, {
-              title: "\u6F14\u793A\u7EC4\u4EF6 A"
-            }), /*#__PURE__*/_jsx(ArchitectureDemoComponent, {
-              title: "\u6F14\u793A\u7EC4\u4EF6 B"
-            }), /*#__PURE__*/_jsx(ArchitectureDemoComponent, {
-              title: "\u6F14\u793A\u7EC4\u4EF6 C"
-            })]
-          }), /*#__PURE__*/_jsx(XAiChatbot, _objectSpread(_objectSpread({}, args), {}, {
-            navbarShow: true,
-            navbar: {
-              title: "架构演示聊天机器人",
-              subtitle: "展示新 Hook 的使用"
-            },
-            enableUpload: true,
-            uploadRequest: function uploadRequest(_ref4) {
-              var file = _ref4.file,
-                onProgress = _ref4.onProgress,
-                onSuccess = _ref4.onSuccess;
-              console.info(file);
-              onProgress === null || onProgress === void 0 || onProgress({
-                percent: 50
-              });
-              setTimeout(function () {
-                onSuccess === null || onSuccess === void 0 || onSuccess({});
-              }, 1000);
-            }
-          }))]
-        })
-      })
-    });
-  },
-  args: {
-    navbar: {
-      title: "智能助手"
-    }
-  }
-};
-
-// 对比示例：独立使用 vs Provider 模式
-export var 架构对比演示 = {
-  render: function render(args) {
-    return /*#__PURE__*/_jsxs("div", {
-      style: {
-        display: "flex",
-        gap: "20px",
-        padding: "20px"
-      },
-      children: [/*#__PURE__*/_jsxs("div", {
-        style: {
-          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"
-          },
-          children: [/*#__PURE__*/_jsx(ArchitectureDemoComponent, {
-            title: "\u72EC\u7ACB\u7EC4\u4EF6"
-          }), /*#__PURE__*/_jsx(XAiChatbot, _objectSpread(_objectSpread({}, args), {}, {
-            navbarShow: true,
-            navbar: {
-              title: "独立聊天机器人",
-              subtitle: "不依赖 Provider"
-            },
-            onSend: function onSend(content) {
-              console.log("独立模式发送:", content);
-            },
-            onClear: function onClear() {
-              console.log("独立模式清空");
-            },
-            enableUpload: true,
-            uploadRequest: function uploadRequest(_ref5) {
-              var file = _ref5.file,
-                onProgress = _ref5.onProgress,
-                onSuccess = _ref5.onSuccess;
-              console.info(file);
-              onProgress === null || onProgress === void 0 || onProgress({
-                percent: 50
-              });
-              setTimeout(function () {
-                onSuccess === null || onSuccess === void 0 || onSuccess({});
-              }, 1000);
-            }
-          }))]
-        })]
-      }), /*#__PURE__*/_jsxs("div", {
-        style: {
-          width: "300px"
-        },
-        children: [/*#__PURE__*/_jsx("h4", {
-          children: "Provider \u6A21\u5F0F"
-        }), /*#__PURE__*/_jsx(XAiProvider, {
-          token: "demo-token",
-          url: "https://api.example.com",
-          providerId: "comparison-demo",
-          children: /*#__PURE__*/_jsxs("div", {
-            style: {
-              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 管理"
-              },
-              enableUpload: true,
-              uploadRequest: function uploadRequest(_ref6) {
-                var file = _ref6.file,
-                  onProgress = _ref6.onProgress,
-                  onSuccess = _ref6.onSuccess;
-                console.info(file);
-                onProgress === null || onProgress === void 0 || onProgress({
-                  percent: 50
-                });
-                setTimeout(function () {
-                  onSuccess === null || onSuccess === void 0 || onSuccess({});
-                }, 1000);
-              }
-            }))]
-          })
-        })]
-      })]
-    });
-  },
-  args: {
-    navbar: {
-      title: "智能助手"
-    }
-  }
-};
-//# sourceMappingURL=XAiChatbot.stories.js.map