@ai-group/chat-sdk 3.0.9 → 3.0.11

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

@@ -1,773 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/components/XAiChatbot/XAiChatbot.stories.tsx
-var XAiChatbot_stories_exports = {};
-__export(XAiChatbot_stories_exports, {
-  default: () => XAiChatbot_stories_default,
-  在Provider中使用: () => 在Provider中使用,
-  基础用法: () => 基础用法,
-  多个Provider实例: () => 多个Provider实例,
-  新架构演示: () => 新架构演示,
-  架构对比演示: () => 架构对比演示
-});
-module.exports = __toCommonJS(XAiChatbot_stories_exports);
-var import_react = require("react");
-var import_antd = require("antd");
-var import_XAiMessage = require("../../types/XAiMessage");
-var import_document = __toESM(require("../../assets/document.svg"));
-var import_XAiProvider = __toESM(require("../XAiProvider"));
-var import__ = __toESM(require("."));
-var import_useProviderContext = require("../../hooks/useProviderContext");
-var import_jsx_runtime = require("react/jsx-runtime");
-var meta = {
-  title: "AI组件/XAiChatbot 聊天框【下线】",
-  component: import__.default,
-  parameters: {
-    layout: "centered"
-  },
-  tags: ["autodocs"],
-  argTypes: {
-    navbar: {
-      description: "导航栏配置"
-    },
-    messages: {
-      description: "消息列表"
-    }
-  }
-};
-var XAiChatbot_stories_default = meta;
-var mockMessages = [
-  {
-    id: "1",
-    type: "TextMessage",
-    createdAt: /* @__PURE__ */ new Date(),
-    status: import_XAiMessage.MessageStatus.done,
-    role: import_XAiMessage.MessageRole.assistant,
-    content: {
-      text: "你好，有什么我能帮助你的吗？"
-    }
-  },
-  {
-    id: "2",
-    type: "TextMessage",
-    createdAt: /* @__PURE__ */ new Date(),
-    status: import_XAiMessage.MessageStatus.done,
-    role: import_XAiMessage.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: /* @__PURE__ */ new Date(),
-    status: import_XAiMessage.MessageStatus.done,
-    role: import_XAiMessage.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: /* @__PURE__ */ new Date(),
-    status: import_XAiMessage.MessageStatus.done,
-    role: import_XAiMessage.MessageRole.user,
-    content: {
-      text: "能否生成一段明年的产品计划开发计划文档给我"
-    }
-  },
-  {
-    id: "0",
-    type: "TextMessage",
-    createdAt: /* @__PURE__ */ new Date(),
-    status: import_XAiMessage.MessageStatus.done,
-    role: import_XAiMessage.MessageRole.assistant,
-    content: {
-      text: `
-# 项目开发计划
-
-本文档概述了 2025 年第三季度的产品开发计划，包括目标、里程碑、团队分工和风险预案。
-
----
-
-## 🎯 核心目标
-
-- 提升用户留存率至 **45%**
-- 完成 Web 端新版上线
-- 建立 AI 推荐模块 MVP
-- 优化数据库访问性能
-
----
-
-## 📅 关键时间节点
-
-| 里程碑           | 截止日期     | 负责人   | 代理人         | 截止日期     | 负责人   |
-|------------------|--------------|----------|------------------|--------------|----------|
-| 产品需求冻结     | 2025-08-01   | Alice    | 产品需求冻结     | 2025-08-01   | Alice    |
-| UI 设计定稿       | 2025-08-10   | Bob      | 产品需求冻结     | 2025-08-01   | Alice    |
-| 开发完成（内测） | 2025-09-15   | Charlie  | 产品需求冻结     | 2025-08-01   | Alice    |
-| 正式上线         | 2025-09-30   | Diana    | 产品需求冻结     | 2025-08-01   | Alice    |
-
----
-
-## 🛠️ 技术方案简述
-
-我们将使用以下技术栈：
-
-- 前端：React + Vite + Zustand
-- 后端：Node.js + PostgreSQL
-- 数据分析：Python + Pandas
-- 部署环境：Kubernetes on AWS
-
----
-
-## 💡 示例代码片段
-
-以下是一个用于生成唯一 ID 的函数示例：
-
-~~~ts
-import { nanoid } from 'nanoid'
-
-export function generateSessionId() {
-  return \`sess-\${nanoid()}\`
-}
-~~~
-`
-    },
-    extra: {
-      noFooter: true
-    }
-  },
-  {
-    id: "11",
-    type: "SuggestionMessage",
-    createdAt: /* @__PURE__ */ new Date(),
-    status: import_XAiMessage.MessageStatus.done,
-    role: import_XAiMessage.MessageRole.suggestion,
-    content: [
-      {
-        key: "1",
-        description: "我要查看 AI 文档"
-      },
-      {
-        key: "2",
-        description: "我如何看待 AI"
-      },
-      {
-        key: "3",
-        description: "你是谁？"
-      }
-    ]
-  }
-];
-var BasicUsageStory = (args) => {
-  const [messages, setMessages] = (0, import_react.useState)(mockMessages);
-  const [loading, setLoading] = (0, import_react.useState)(false);
-  const handleSendMessage = () => {
-    setLoading(true);
-    const stream = [
-      "我",
-      "正在",
-      "为",
-      "你",
-      "生成",
-      "内容",
-      "我",
-      "正在",
-      "为",
-      "你",
-      "生成",
-      "内容",
-      "我",
-      "正在",
-      "为",
-      "你",
-      "生成",
-      "内容",
-      "我",
-      "正在",
-      "为",
-      "你",
-      "生成",
-      "内容",
-      "我",
-      "正在",
-      "为",
-      "你",
-      "生成",
-      "内容",
-      "我",
-      "正在",
-      "为",
-      "你",
-      "生成",
-      "内容",
-      "我",
-      "正在",
-      "为",
-      "你",
-      "生成",
-      "内容",
-      "我",
-      "正在",
-      "为",
-      "你",
-      "生成",
-      "内容",
-      "我",
-      "正在",
-      "为",
-      "你",
-      "生成",
-      "内容",
-      "我",
-      "正在",
-      "为",
-      "你",
-      "生成",
-      "内容",
-      "我",
-      "正在",
-      "为",
-      "你",
-      "生成",
-      "内容",
-      "好",
-      "多",
-      "好",
-      "多",
-      "好",
-      "多",
-      "好",
-      "多",
-      "好",
-      "多",
-      "好",
-      "多",
-      "好",
-      "多",
-      "好",
-      "多",
-      "好",
-      "多",
-      "好",
-      "多",
-      "好",
-      "多",
-      "……"
-    ];
-    stream.forEach((chunk, idx) => {
-      setTimeout(
-        () => {
-          setMessages((prev) => {
-            var _a;
-            const updated = [...prev];
-            const targetIndex = 2;
-            const targetMsg = updated[targetIndex];
-            if (targetMsg && targetMsg.type === "TextMessage") {
-              if ("text" in targetMsg.content) {
-                updated[targetIndex] = {
-                  ...targetMsg,
-                  content: {
-                    ...targetMsg.content
-                    // 模拟随机字符串流式拼接
-                    // text: targetMsg.content.text + chunk + Math.random().toString(36).slice(2, 5),
-                  },
-                  thinks: targetMsg.thinks + chunk + Math.random().toString(36).slice(2, 5),
-                  status: import_XAiMessage.MessageStatus.pending
-                };
-              }
-            }
-            if (idx === stream.length - 1) {
-              (_a = updated[targetIndex].execute) == null ? void 0 : _a.push({
-                id: "5",
-                type: "ActionExecutionMessage",
-                extra: {
-                  icon: import_document.default
-                },
-                name: "运行完毕",
-                createdAt: /* @__PURE__ */ new Date()
-              });
-              setLoading(false);
-              updated[targetIndex] = {
-                ...updated[targetIndex],
-                status: import_XAiMessage.MessageStatus.done
-              };
-            }
-            return updated;
-          });
-        },
-        200 * (idx + 1)
-      );
-    });
-  };
-  (0, import_react.useEffect)(() => {
-    if (messages) {
-      handleSendMessage();
-    }
-  }, []);
-  const handleClear = () => {
-    setMessages([]);
-  };
-  const handleActions = (index, data) => {
-    console.log(index, data);
-  };
-  const handleSuggestMessageClick = (_item, id) => {
-    setMessages((prev) => prev.filter((m) => m.id !== id));
-  };
-  const ToolTip = (data) => {
-    const { cost, token } = (data == null ? void 0 : data.extra) || {};
-    if (!cost && !token)
-      return null;
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-      "div",
-      {
-        style: {
-          display: "flex",
-          alignItems: "center",
-          fontSize: "12px",
-          color: "#949494",
-          flex: 1,
-          paddingRight: "40px"
-        },
-        children: [
-          cost && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-            cost,
-            "s"
-          ] }),
-          token && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Divider, { type: "vertical" }),
-          token && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
-            token,
-            " tokens"
-          ] })
-        ]
-      }
-    );
-  };
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    "div",
-    {
-      style: {
-        height: "600px",
-        width: "400px",
-        border: "1px solid #e7e7e7",
-        borderRadius: "8px"
-      },
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import__.default,
-        {
-          ...args,
-          messages,
-          loading,
-          messageTooltip: ToolTip,
-          onClear: handleClear,
-          onSuggestMessageClick: handleSuggestMessageClick,
-          onSend: handleSendMessage,
-          onMessagesActionsCallback: handleActions,
-          enableUpload: true,
-          uploadRequest: ({ file, onProgress, onSuccess }) => {
-            onProgress == null ? void 0 : onProgress({
-              percent: 50
-            });
-            setTimeout(() => {
-              onSuccess == null ? 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"
-              });
-            }, 1e3);
-          }
-        }
-      )
-    }
-  );
-};
-var 基础用法 = {
-  render: BasicUsageStory,
-  args: {
-    navbar: {
-      title: "智能助手"
-    },
-    // messages: mockMessages,
-    emptyStateText: "众安智能体"
-  }
-};
-var 在Provider中使用 = {
-  decorators: [
-    (Story) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_XAiProvider.default, { token: "test-token", url: "https://api.example.com", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Story, {}) })
-  ],
-  args: {
-    navbar: {
-      title: "智能助手"
-    }
-  }
-};
-var 多个Provider实例 = {
-  decorators: [
-    (Story) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", gap: "50px", height: "600px" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_XAiProvider.default,
-        {
-          providerId: "chat1",
-          token: "token1",
-          url: "https://api1.example.com",
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { width: "300px", marginRight: "40px" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Story, {}) })
-        }
-      ),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_XAiProvider.default,
-        {
-          providerId: "chat2",
-          token: "token2",
-          url: "https://api2.example.com",
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { width: "300px" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Story, {}) })
-        }
-      )
-    ] })
-  ],
-  args: {
-    navbar: {
-      title: "智能助手"
-    }
-  }
-};
-var ArchitectureDemoComponent = ({ title }) => {
-  var _a;
-  const { mergedProps, isInProvider, getProviderValue } = (0, import_useProviderContext.useProviderContext)({
-    props: { title },
-    mergeLogic: (props, context) => {
-      var _a2;
-      if (!(context == null ? void 0 : context.isInProvider)) {
-        return props;
-      }
-      return {
-        ...props,
-        messages: context.messages,
-        loading: context.loading,
-        customData: ((_a2 = context.messages) == null ? void 0 : _a2.length) || 0
-      };
-    }
-  });
-  const providerMethods = (0, import_useProviderContext.useProviderMethods)();
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    "div",
-    {
-      style: {
-        padding: "15px",
-        border: "1px solid #e7e7e7",
-        borderRadius: "8px",
-        marginBottom: "10px",
-        backgroundColor: "#fafafa"
-      },
-      children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { style: { margin: "0 0 10px 0" }, children: mergedProps.title }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { fontSize: "12px", color: "#666" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
-            "Provider 状态: ",
-            isInProvider ? "✅ 已连接" : "❌ 未连接"
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
-            "消息数量: ",
-            ((_a = getProviderValue("messages")) == null ? void 0 : _a.length) || 0
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("p", { children: [
-            "加载状态: ",
-            getProviderValue("loading") ? "🔄 加载中" : "✅ 就绪"
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            "button",
-            {
-              onClick: () => {
-                var _a2;
-                return (_a2 = providerMethods.sendMessage) == null ? void 0 : _a2.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"
-            }
-          )
-        ] })
-      ]
-    }
-  );
-};
-var 新架构演示 = {
-  render: (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { width: "500px", height: "700px" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_XAiProvider.default,
-    {
-      token: "demo-token",
-      url: "https://api.example.com",
-      providerId: "architecture-demo",
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { padding: "20px" }, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h3", { style: { marginBottom: "20px" }, children: "新架构演示" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { style: { marginBottom: "20px", color: "#666" }, children: "展示如何使用 useProviderContext 和 useProviderMethods Hook" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { marginBottom: "20px" }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArchitectureDemoComponent, { title: "演示组件 A" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArchitectureDemoComponent, { title: "演示组件 B" }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArchitectureDemoComponent, { title: "演示组件 C" })
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import__.default,
-          {
-            ...args,
-            navbarShow: true,
-            navbar: {
-              title: "架构演示聊天机器人",
-              subtitle: "展示新 Hook 的使用"
-            },
-            enableUpload: true,
-            uploadRequest: ({ file, onProgress, onSuccess }) => {
-              console.info(file);
-              onProgress == null ? void 0 : onProgress({
-                percent: 50
-              });
-              setTimeout(() => {
-                onSuccess == null ? void 0 : onSuccess({});
-              }, 1e3);
-            }
-          }
-        )
-      ] })
-    }
-  ) }),
-  args: {
-    navbar: {
-      title: "智能助手"
-    }
-  }
-};
-var 架构对比演示 = {
-  render: (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", gap: "20px", padding: "20px" }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { width: "300px" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { children: "独立使用模式" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-        "div",
-        {
-          style: {
-            border: "1px solid #e7e7e7",
-            borderRadius: "8px",
-            padding: "15px"
-          },
-          children: [
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArchitectureDemoComponent, { title: "独立组件" }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import__.default,
-              {
-                ...args,
-                navbarShow: true,
-                navbar: {
-                  title: "独立聊天机器人",
-                  subtitle: "不依赖 Provider"
-                },
-                onSend: (content) => {
-                  console.log("独立模式发送:", content);
-                },
-                onClear: () => {
-                  console.log("独立模式清空");
-                },
-                enableUpload: true,
-                uploadRequest: ({ file, onProgress, onSuccess }) => {
-                  console.info(file);
-                  onProgress == null ? void 0 : onProgress({
-                    percent: 50
-                  });
-                  setTimeout(() => {
-                    onSuccess == null ? void 0 : onSuccess({});
-                  }, 1e3);
-                }
-              }
-            )
-          ]
-        }
-      )
-    ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { width: "300px" }, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h4", { children: "Provider 模式" }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_XAiProvider.default,
-        {
-          token: "demo-token",
-          url: "https://api.example.com",
-          providerId: "comparison-demo",
-          children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-            "div",
-            {
-              style: {
-                border: "1px solid #e7e7e7",
-                borderRadius: "8px",
-                padding: "15px"
-              },
-              children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ArchitectureDemoComponent, { title: "Provider 组件" }),
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-                  import__.default,
-                  {
-                    ...args,
-                    navbarShow: true,
-                    navbar: {
-                      title: "Provider 聊天机器人",
-                      subtitle: "由 Provider 管理"
-                    },
-                    enableUpload: true,
-                    uploadRequest: ({ file, onProgress, onSuccess }) => {
-                      console.info(file);
-                      onProgress == null ? void 0 : onProgress({
-                        percent: 50
-                      });
-                      setTimeout(() => {
-                        onSuccess == null ? void 0 : onSuccess({});
-                      }, 1e3);
-                    }
-                  }
-                )
-              ]
-            }
-          )
-        }
-      )
-    ] })
-  ] }),
-  args: {
-    navbar: {
-      title: "智能助手"
-    }
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  在Provider中使用,
-  基础用法,
-  多个Provider实例,
-  新架构演示,
-  架构对比演示
-});
-//# sourceMappingURL=XAiChatbot.stories.js.map