@ai-group/chat-sdk 0.2.7 → 0.2.9

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

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import XAiConversations from '.';
+declare const meta: Meta<typeof XAiConversations>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const 基础用法: Story;

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

@@ -0,0 +1,82 @@
+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/XAiConversations/XAiConversations.stories.tsx
+var XAiConversations_stories_exports = {};
+__export(XAiConversations_stories_exports, {
+  default: () => XAiConversations_stories_default,
+  基础用法: () => 基础用法
+});
+module.exports = __toCommonJS(XAiConversations_stories_exports);
+var import_react = __toESM(require("react"));
+var import__ = __toESM(require("."));
+var meta = {
+  title: "AI组件/XAiConversations 对话记录管理",
+  component: import__.default,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"],
+  argTypes: {}
+};
+var XAiConversations_stories_default = meta;
+var BasicUsageStory = (args) => {
+  const items = Array.from({ length: 4 }).map((_, index) => ({
+    key: `item${index + 1}`,
+    label: `聊天记录 ${index + 1}`,
+    disabled: index === 3
+  }));
+  return /* @__PURE__ */ import_react.default.createElement(
+    "div",
+    {
+      style: {
+        backgroundColor: "rgb(240, 242, 245)",
+        minHeight: "300px",
+        minWidth: "700px",
+        display: "flex",
+        alignItems: "center",
+        paddingInline: "50px"
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(
+      import__.default,
+      {
+        items
+      }
+    )
+  );
+};
+var 基础用法 = {
+  render: BasicUsageStory,
+  args: {}
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  基础用法
+});
+//# sourceMappingURL=XAiConversations.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/XAiConversations/XAiConversations.stories.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport type { ConversationsProps } from '@ant-design/x';\nimport { type GetProp } from 'antd';\nimport type { Meta, StoryObj } from '@storybook/react-vite';\nimport XAiConversations from '.';\n\nconst meta: Meta<typeof XAiConversations> = {\n  title: 'AI组件/XAiConversations 对话记录管理',\n  component: XAiConversations,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n  },\n};\n\nexport default meta;\n  type Story = StoryObj<typeof meta>;\n\nconst BasicUsageStory = (args: any) => {\n  const items: GetProp<ConversationsProps, 'items'> = Array.from({ length: 4 }).map((_, index) => ({\n    key: `item${index + 1}`,\n    label: `聊天记录 ${index + 1}`,\n    disabled: index === 3,\n  }));\n\n  return (\n    <div style={{\n      backgroundColor: 'rgb(240, 242, 245)',\n      minHeight: '300px',\n      minWidth: '700px',\n      display: 'flex',\n      alignItems: 'center',\n      paddingInline: '50px',\n    }}\n    >\n      <XAiConversations\n        items={items}\n      />\n    </div>\n  );\n};\n\nexport const 基础用法: Story = {\n  render: BasicUsageStory,\n  args: {\n  },\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAIlB,eAA6B;AAE7B,IAAM,OAAsC;AAAA,EAC1C,OAAO;AAAA,EACP,WAAW,SAAAA;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,EACV;AAAA,EACA,MAAM,CAAC,UAAU;AAAA,EACjB,UAAU,CACV;AACF;AAEA,IAAO,mCAAQ;AAGf,IAAM,kBAAkB,CAAC,SAAc;AACrC,QAAM,QAA8C,MAAM,KAAK,EAAE,QAAQ,EAAE,CAAC,EAAE,IAAI,CAAC,GAAG,WAAW;AAAA,IAC/F,KAAK,OAAO,QAAQ;AAAA,IACpB,OAAO,QAAQ,QAAQ;AAAA,IACvB,UAAU,UAAU;AAAA,EACtB,EAAE;AAEF,SACE,6BAAAC,QAAA;AAAA,IAAC;AAAA;AAAA,MAAI,OAAO;AAAA,QACV,iBAAiB;AAAA,QACjB,WAAW;AAAA,QACX,UAAU;AAAA,QACV,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,eAAe;AAAA,MACjB;AAAA;AAAA,IAEE,6BAAAA,QAAA;AAAA,MAAC,SAAAD;AAAA,MAAA;AAAA,QACC;AAAA;AAAA,IACF;AAAA,EACF;AAEJ;AAEO,IAAM,OAAc;AAAA,EACzB,QAAQ;AAAA,EACR,MAAM,CACN;AACF;",
+  "names": ["XAiConversations", "React"]
+}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type XAiConversationsProps } from "../../types/XAiConversations";
+declare const XAiConversations: React.FC<XAiConversationsProps>;
+export default XAiConversations;

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

@@ -0,0 +1,59 @@
+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/XAiConversations/index.tsx
+var XAiConversations_exports = {};
+__export(XAiConversations_exports, {
+  default: () => XAiConversations_default
+});
+module.exports = __toCommonJS(XAiConversations_exports);
+var import_react = __toESM(require("react"));
+var import_x = require("@ant-design/x");
+var XAiConversations = (props) => {
+  const {
+    items,
+    style
+  } = props;
+  const [activeKey, setActiveKey] = (0, import_react.useState)("");
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_x.Conversations,
+    {
+      activeKey,
+      onActiveChange: (v) => setActiveKey(v),
+      items,
+      style: {
+        width: 256,
+        background: "#fff",
+        borderRadius: "6px",
+        ...style
+      }
+    }
+  );
+};
+var XAiConversations_default = XAiConversations;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/XAiConversations/index.tsx"],
+  "sourcesContent": ["import React, { useState } from 'react';\nimport { Conversations } from '@ant-design/x';\nimport { type XAiConversationsProps } from '@/types/XAiConversations';\n\nconst XAiConversations: React.FC<XAiConversationsProps> = (props) => {\n  const {\n    items,\n    style,\n  } = props;\n\n  const [activeKey, setActiveKey] = useState('');\n\n  return (\n    <Conversations\n      activeKey={activeKey}\n      onActiveChange={(v) => setActiveKey(v)}\n      items={items}\n      style={{\n        width: 256,\n        background: '#fff',\n        borderRadius: '6px',\n        ...style,\n      }}\n    />\n  );\n};\n\nexport default XAiConversations;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAgC;AAChC,eAA8B;AAG9B,IAAM,mBAAoD,CAAC,UAAU;AACnE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,CAAC,WAAW,YAAY,QAAI,uBAAS,EAAE;AAE7C,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,gBAAgB,CAAC,MAAM,aAAa,CAAC;AAAA,MACrC;AAAA,MACA,OAAO;AAAA,QACL,OAAO;AAAA,QACP,YAAY;AAAA,QACZ,cAAc;AAAA,QACd,GAAG;AAAA,MACL;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,2BAAQ;",
+  "names": ["React"]
+}

package/dist/cjs/components/XAiProvider/XAiProvider.stories.d.ts

@@ -3,5 +3,5 @@ import XAiProvider from './index';
 declare const meta: Meta<typeof XAiProvider>;
 export default meta;
 type Story = StoryObj<typeof meta>;
-export declare const WithProvider: Story;
-export declare const MultipleProviders: Story;
+export declare const 单聊天窗口: Story;
+export declare const 多容器示例: Story;

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

@@ -29,9 +29,9 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/components/XAiProvider/XAiProvider.stories.tsx
 var XAiProvider_stories_exports = {};
 __export(XAiProvider_stories_exports, {
-  MultipleProviders: () => MultipleProviders,
-  WithProvider: () => WithProvider,
-  default: () => XAiProvider_stories_default
+  default: () => XAiProvider_stories_default,
+  单聊天窗口: () => 单聊天窗口,
+  多容器示例: () => 多容器示例
 });
 module.exports = __toCommonJS(XAiProvider_stories_exports);
 var import_react = __toESM(require("react"));
@@ -69,7 +69,7 @@ var meta = {
   ]
 };
 var XAiProvider_stories_default = meta;
-var WithProvider = {
+var 单聊天窗口 = {
   render: (args) => /* @__PURE__ */ import_react.default.createElement("div", { style: { width: "400px", height: "600px" } }, /* @__PURE__ */ import_react.default.createElement(import_index.default, { ...args }, /* @__PURE__ */ import_react.default.createElement(
     import_XAiChatbot.default,
     {
@@ -77,22 +77,22 @@ var WithProvider = {
       navbar: {
         title: "Provider 聊天机器人",
         subtitle: "由 Provider 管理消息",
-        avatar: "https://via.placeholder.com/40"
+        avatar: "https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg"
       }
     }
   ))),
   args: {
     url: "http://ai-platform.xline-dev.test.xinke.biz",
-    token: "eyJhbGciOiJIUzUxMiJ9.eyJqdGkiOiJjYWIxYjM3Ni03MmZjLTRkNWEtOTIzMC01N2U3NmZiMGI4NmQiLCJzdWIiOiJSZXgiLCJpc3MiOiJodHRwOi8vY2hhdC10ZXN0LnpheGxpbmUuY29tIiwiYXVkIjoiTWFpblN0YXRpb24iLCJpYXQiOjE3NTQzMTc1OTAsImV4cCI6MTc1NDkyMjM5MCwidHlwZSI6InJlZnJlc2giLCJjbGllbnRfaWQiOiJBcHAxOTUwMDIwNTk0NDUyNjYwMjI0Iiwic2NvcGUiOiJhbGwiLCJwbGF0Zm9ybV90eXBlIjoiTWFpblN0YXRpb24ifQ.crZFQRycuHHA1iIIFJ5ak9kS1-04Eqro-QWWG8HZj6Dz7DkLWYuQBPCrUlCtavGu0XW5tqHZ5WW4tdST06FvEA",
+    token: "eyJhbGciOiJIUzUxMiJ9.eyJqdGkiOiJkZGUzOTcwOS0wMDdlLTQ5YWItYjIzMy1iMTZmYzRkMDU2N2QiLCJzdWIiOiJSZXgiLCJpc3MiOiJodHRwOi8vY2hhdC10ZXN0LnpheGxpbmUuY29tIiwiYXVkIjoiTWFpblN0YXRpb24iLCJpYXQiOjE3NTQ1Njc4NTMsImV4cCI6MTc1NDU3NTA1MywidHlwZSI6ImFjY2VzcyIsImNsaWVudF9pZCI6IkFwcDE5NTAwMjA1OTQ0NTI2NjAyMjQiLCJzY29wZSI6ImFsbCIsInBsYXRmb3JtX3R5cGUiOiJNYWluU3RhdGlvbiJ9.jH9muK_MWcE9NtWxPJRqeoeGsnRf79B2oOpQjemJ6kY5_UjAT06BWlX3bszHeRbJbk1OM_kfCeugiO3Gokpj2A",
     config: {
-      appNo: "App1952213101022154752",
+      appNo: "App1950020594452660224",
       pt: "MainStation",
       tc: "ZABX"
     },
     providerId: "demo-provider"
   }
 };
-var MultipleProviders = {
+var 多容器示例 = {
   render: (args) => /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: "400px", height: "600px" } }, /* @__PURE__ */ import_react.default.createElement(import_index.default, { ...args, providerId: "provider-1" }, /* @__PURE__ */ import_react.default.createElement(
     import_XAiChatbot.default,
     {
@@ -100,7 +100,7 @@ var MultipleProviders = {
       navbar: {
         title: "Provider 1",
         subtitle: "第一个聊天机器人",
-        avatar: "https://via.placeholder.com/40"
+        avatar: "https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg"
       }
     }
   ))), /* @__PURE__ */ import_react.default.createElement("div", { style: { width: "400px", height: "600px" } }, /* @__PURE__ */ import_react.default.createElement(import_index.default, { ...args, providerId: "provider-2" }, /* @__PURE__ */ import_react.default.createElement(
@@ -110,7 +110,7 @@ var MultipleProviders = {
       navbar: {
         title: "Provider 2",
         subtitle: "第二个聊天机器人",
-        avatar: "https://via.placeholder.com/40"
+        avatar: "https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg"
       }
     }
   )))),
@@ -121,7 +121,7 @@ var MultipleProviders = {
 };
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  MultipleProviders,
-  WithProvider
+  单聊天窗口,
+  多容器示例
 });
 //# sourceMappingURL=XAiProvider.stories.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAiProvider/XAiProvider.stories.tsx"],
-  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react-vite';\nimport React from 'react';\nimport XAiProvider from './index';\nimport XAiChatbot from '../XAiChatbot';\n\nconst meta: Meta<typeof XAiProvider> = {\n  title: 'AI组件/XAiProvider AI容器',\n  component: XAiProvider,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: 'AI 聊天机器人容器组件，提供全局上下文和消息管理功能。',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    url: {\n      control: 'text',\n      description: 'AI 服务地址',\n    },\n    token: {\n      control: 'text',\n      description: '认证 token',\n    },\n    providerId: {\n      control: 'text',\n      description: 'Provider 唯一标识',\n    },\n  },\n  // 添加装饰器，确保组件有必要的上下文\n  decorators: [\n    (Story) => (\n      <div style={{ padding: '20px' }}>\n        <Story />\n      </div>\n    ),\n  ],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n// 使用 Provider 的 XAiChatbot\nexport const WithProvider: Story = {\n  render: (args) => (\n    <div style={{ width: '400px', height: '600px' }}>\n      <XAiProvider {...args}>\n        <XAiChatbot\n          navbarShow\n          navbar={{\n            title: 'Provider 聊天机器人',\n            subtitle: '由 Provider 管理消息',\n            avatar: 'https://via.placeholder.com/40',\n          }}\n        />\n      </XAiProvider>\n    </div>\n  ),\n  args: {\n    url: 'http://ai-platform.xline-dev.test.xinke.biz',\n    token: 'eyJhbGciOiJIUzUxMiJ9.eyJqdGkiOiJjYWIxYjM3Ni03MmZjLTRkNWEtOTIzMC01N2U3NmZiMGI4NmQiLCJzdWIiOiJSZXgiLCJpc3MiOiJodHRwOi8vY2hhdC10ZXN0LnpheGxpbmUuY29tIiwiYXVkIjoiTWFpblN0YXRpb24iLCJpYXQiOjE3NTQzMTc1OTAsImV4cCI6MTc1NDkyMjM5MCwidHlwZSI6InJlZnJlc2giLCJjbGllbnRfaWQiOiJBcHAxOTUwMDIwNTk0NDUyNjYwMjI0Iiwic2NvcGUiOiJhbGwiLCJwbGF0Zm9ybV90eXBlIjoiTWFpblN0YXRpb24ifQ.crZFQRycuHHA1iIIFJ5ak9kS1-04Eqro-QWWG8HZj6Dz7DkLWYuQBPCrUlCtavGu0XW5tqHZ5WW4tdST06FvEA',\n    config: {\n      appNo: 'App1952213101022154752',\n      pt: 'MainStation',\n      tc: 'ZABX',\n    },\n    providerId: 'demo-provider',\n  },\n};\n\n// 多个 Provider 示例\nexport const MultipleProviders: Story = {\n  render: (args) => (\n    <div style={{ display: 'flex', gap: '20px' }}>\n      <div style={{ width: '400px', height: '600px' }}>\n        <XAiProvider {...args} providerId=\"provider-1\">\n          <XAiChatbot\n            navbarShow\n            navbar={{\n              title: 'Provider 1',\n              subtitle: '第一个聊天机器人',\n              avatar: 'https://via.placeholder.com/40',\n            }}\n          />\n        </XAiProvider>\n      </div>\n\n      <div style={{ width: '400px', height: '600px' }}>\n        <XAiProvider {...args} providerId=\"provider-2\">\n          <XAiChatbot\n            navbarShow\n            navbar={{\n              title: 'Provider 2',\n              subtitle: '第二个聊天机器人',\n              avatar: 'https://via.placeholder.com/40',\n            }}\n          />\n        </XAiProvider>\n      </div>\n    </div>\n  ),\n  args: {\n    url: 'https://api.example.com/ai',\n    token: 'your-token-here',\n  },\n};\n\n// // 自定义消息处理示例\n// export const CustomMessageHandling: Story = {\n//   render: (args) => (\n//     <div style={{ width: '400px', height: '600px' }}>\n//       <XAiProvider {...args}>\n//         <XAiChatbot\n//           navbarShow\n//           navbar={{\n//             title: '自定义处理',\n//             subtitle: '自定义消息处理逻辑',\n//             avatar: 'https://via.placeholder.com/40',\n//           }}\n//           messageActions={[\n//             {\n//               key: 'custom',\n//               icon: <span>🔧</span>,\n//               tooltip: '自定义操作',\n//             },\n//           ]}\n//           onMessagesActionsCallback={(index, data) => {\n//             console.log('自定义操作:', index, data);\n//           }}\n//         />\n//       </XAiProvider>\n//     </div>\n//   ),\n//   args: {\n//     url: 'https://api.example.com/ai',\n//     token: 'your-token-here',\n//     providerId: 'custom-provider',\n//   },\n// };\n\n// // 示例 1: 使用通用 Hook 的组件\n// const GenericComponent = React.memo<{ title: string }>(({ title }) => {\n//   const { isInProvider, getProviderValue } = useProviderContext({\n//     props: { title },\n//   });\n\n//   const providerMethods = useProviderMethods();\n\n//   const handleCustomAction = () => {\n//     if (isInProvider) {\n//       providerMethods.sendMessage?.('自定义消息');\n//     } else {\n//       console.log('独立组件动作');\n//     }\n//   };\n\n//   return (\n//     <div style={{ padding: '20px', border: '1px solid #ccc', marginBottom: '10px' }}>\n//       <h3>{title}</h3>\n//       <p>是否在 Provider 中: {isInProvider ? '是' : '否'}</p>\n//       <p>消息数量: {getProviderValue('messages')?.length || 0}</p>\n//       <button onClick={handleCustomAction}>\n//         {isInProvider ? '使用 Provider 方法' : '使用原有回调'}\n//       </button>\n//     </div>\n//   );\n// });\n\n// // 示例 2: 自定义聊天组件\n// const CustomChatComponent = React.memo(() => {\n//   const { isInProvider, getProviderValue } = useProviderContext({\n//     props: {},\n//   });\n\n//   const providerMethods = useProviderMethods();\n\n//   const messageCount = getProviderValue('messages')?.length || 0;\n//   const theme = messageCount > 5 ? 'dark' : 'light';\n\n//   return (\n//     <div style={{\n//       padding: '20px',\n//       backgroundColor: theme === 'dark' ? '#333' : '#fff',\n//       color: theme === 'dark' ? '#fff' : '#333',\n//       border: '1px solid #ccc',\n//       marginBottom: '10px',\n//     }}\n//     >\n//       <h3>自定义聊天组件</h3>\n//       <p>主题: {theme}</p>\n//       <p>是否在 Provider 中: {isInProvider ? '是' : '否'}</p>\n//       <button\n//         onClick={() => providerMethods.sendMessage?.('Hello from custom component')}\n//         disabled={!isInProvider}\n//       >\n//         发送消息\n//       </button>\n//     </div>\n//   );\n// });\n\n// // 展示 Hook 灵活性的示例\n// export const HookFlexibilityExample: Story = {\n//   render: (args) => (\n//     <div style={{ width: '600px', height: '800px' }}>\n//       <XAiProvider {...args}>\n//         <div style={{ padding: '20px' }}>\n//           <h3>Hook 灵活性示例</h3>\n//           <p>展示不同组件如何使用相同的 Hook</p>\n\n//           {/* 不同的组件使用相同的 Hook */}\n//           <div style={{ marginBottom: '20px' }}>\n//             <GenericComponent title=\"组件 A\" />\n//             <GenericComponent title=\"组件 B\" />\n//             <CustomChatComponent />\n//           </div>\n\n//           {/* 聊天机器人 */}\n//           <XAiChatbot\n//             navbarShow\n//             navbar={{\n//               title: '灵活 Hook 示例',\n//               subtitle: '所有组件共享 Provider 状态',\n//               avatar: 'https://via.placeholder.com/40',\n//             }}\n//           />\n//         </div>\n//       </XAiProvider>\n//     </div>\n//   ),\n//   args: {\n//     url: 'https://api.example.com/ai',\n//     token: 'your-token-here',\n//     providerId: 'flexibility-example',\n//   },\n//   parameters: {\n//     docs: {\n//       description: {\n//         story: '展示如何使用 useProviderContext 和 useProviderMethods Hook 来创建可复用的组件。',\n//       },\n//     },\n//   },\n// };\n\n// // 展示独立组件 vs Provider 组件的对比\n// export const ComponentComparison: Story = {\n//   render: (args) => (\n//     <div style={{ display: 'flex', gap: '20px', padding: '20px' }}>\n//       {/* 独立使用的组件 */}\n//       <div style={{ width: '300px' }}>\n//         <h4>独立组件</h4>\n//         <GenericComponent title=\"独立组件\" />\n//         <CustomChatComponent />\n//       </div>\n\n//       {/* 在 Provider 中的组件 */}\n//       <div style={{ width: '300px' }}>\n//         <h4>Provider 中的组件</h4>\n//         <XAiProvider {...args}>\n//           <GenericComponent title=\"Provider 组件\" />\n//           <CustomChatComponent />\n//           <XAiChatbot\n//             navbarShow\n//             navbar={{\n//               title: '示例聊天机器人',\n//               subtitle: '在 Provider 中',\n//               avatar: 'https://via.placeholder.com/40',\n//             }}\n//           />\n//         </XAiProvider>\n//       </div>\n//     </div>\n//   ),\n//   args: {\n//     url: 'https://api.example.com/ai',\n//     token: 'your-token-here',\n//     providerId: 'comparison-example',\n//   },\n// };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkB;AAClB,mBAAwB;AACxB,wBAAuB;AAEvB,IAAM,OAAiC;AAAA,EACrC,OAAO;AAAA,EACP,WAAW,aAAAA;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,aAAa;AAAA,QACX,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EACA,MAAM,CAAC,UAAU;AAAA,EACjB,UAAU;AAAA,IACR,KAAK;AAAA,MACH,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA,YAAY;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,EACF;AAAA;AAAA,EAEA,YAAY;AAAA,IACV,CAAC,UACC,6BAAAC,QAAA,cAAC,SAAI,OAAO,EAAE,SAAS,OAAO,KAC5B,6BAAAA,QAAA,cAAC,WAAM,CACT;AAAA,EAEJ;AACF;AAEA,IAAO,8BAAQ;AAIR,IAAM,eAAsB;AAAA,EACjC,QAAQ,CAAC,SACP,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,OAAO,SAAS,QAAQ,QAAQ,KAC5C,6BAAAA,QAAA,cAAC,aAAAD,SAAA,EAAa,GAAG,QACf,6BAAAC,QAAA;AAAA,IAAC,kBAAAC;AAAA,IAAA;AAAA,MACC,YAAU;AAAA,MACV,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,UAAU;AAAA,QACV,QAAQ;AAAA,MACV;AAAA;AAAA,EACF,CACF,CACF;AAAA,EAEF,MAAM;AAAA,IACJ,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,YAAY;AAAA,EACd;AACF;AAGO,IAAM,oBAA2B;AAAA,EACtC,QAAQ,CAAC,SACP,6BAAAD,QAAA,cAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,KAAK,OAAO,KACzC,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,OAAO,SAAS,QAAQ,QAAQ,KAC5C,6BAAAA,QAAA,cAAC,aAAAD,SAAA,EAAa,GAAG,MAAM,YAAW,gBAChC,6BAAAC,QAAA;AAAA,IAAC,kBAAAC;AAAA,IAAA;AAAA,MACC,YAAU;AAAA,MACV,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,UAAU;AAAA,QACV,QAAQ;AAAA,MACV;AAAA;AAAA,EACF,CACF,CACF,GAEA,6BAAAD,QAAA,cAAC,SAAI,OAAO,EAAE,OAAO,SAAS,QAAQ,QAAQ,KAC5C,6BAAAA,QAAA,cAAC,aAAAD,SAAA,EAAa,GAAG,MAAM,YAAW,gBAChC,6BAAAC,QAAA;AAAA,IAAC,kBAAAC;AAAA,IAAA;AAAA,MACC,YAAU;AAAA,MACV,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,UAAU;AAAA,QACV,QAAQ;AAAA,MACV;AAAA;AAAA,EACF,CACF,CACF,CACF;AAAA,EAEF,MAAM;AAAA,IACJ,KAAK;AAAA,IACL,OAAO;AAAA,EACT;AACF;",
+  "sourcesContent": ["import React from 'react';\nimport type { Meta, StoryObj } from '@storybook/react-vite';\nimport XAiProvider from './index';\nimport XAiChatbot from '../XAiChatbot';\nimport XAiConversations from '../XAiConversations';\nimport useStyles from './demo.styles';\n\nconst meta: Meta<typeof XAiProvider> = {\n  title: 'AI组件/XAiProvider AI容器',\n  component: XAiProvider,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: 'AI 聊天机器人容器组件，提供全局上下文和消息管理功能。',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    url: {\n      control: 'text',\n      description: 'AI 服务地址',\n    },\n    token: {\n      control: 'text',\n      description: '认证 token',\n    },\n    providerId: {\n      control: 'text',\n      description: 'Provider 唯一标识',\n    },\n  },\n  // 添加装饰器，确保组件有必要的上下文\n  decorators: [\n    (Story) => (\n      <div style={{ padding: '20px' }}>\n        <Story />\n      </div>\n    ),\n  ],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n// 使用 Provider 的 XAiChatbot\nexport const 单聊天窗口: Story = {\n  render: (args) => (\n    <div style={{ width: '400px', height: '600px' }}>\n      <XAiProvider {...args}>\n        <XAiChatbot\n          navbarShow\n          navbar={{\n            title: 'Provider 聊天机器人',\n            subtitle: '由 Provider 管理消息',\n            avatar: 'https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg',\n          }}\n        />\n      </XAiProvider>\n    </div>\n  ),\n  args: {\n    url: 'http://ai-platform.xline-dev.test.xinke.biz',\n    token: 'eyJhbGciOiJIUzUxMiJ9.eyJqdGkiOiJkZGUzOTcwOS0wMDdlLTQ5YWItYjIzMy1iMTZmYzRkMDU2N2QiLCJzdWIiOiJSZXgiLCJpc3MiOiJodHRwOi8vY2hhdC10ZXN0LnpheGxpbmUuY29tIiwiYXVkIjoiTWFpblN0YXRpb24iLCJpYXQiOjE3NTQ1Njc4NTMsImV4cCI6MTc1NDU3NTA1MywidHlwZSI6ImFjY2VzcyIsImNsaWVudF9pZCI6IkFwcDE5NTAwMjA1OTQ0NTI2NjAyMjQiLCJzY29wZSI6ImFsbCIsInBsYXRmb3JtX3R5cGUiOiJNYWluU3RhdGlvbiJ9.jH9muK_MWcE9NtWxPJRqeoeGsnRf79B2oOpQjemJ6kY5_UjAT06BWlX3bszHeRbJbk1OM_kfCeugiO3Gokpj2A',\n    config: {\n      appNo: 'App1950020594452660224',\n      pt: 'MainStation',\n      tc: 'ZABX',\n    },\n    providerId: 'demo-provider',\n  },\n};\n\n// export const 带历史记录聊天窗口: Story = {\n//   render: (args) => {\n//     function WithStyles(props: any) {\n//       const styles = useStyles();\n//       return (\n//         <XAiProvider {...props}>\n//           <div className={styles.wrapper}>\n//             <div>\n//               <XAiConversations />\n//             </div>\n//             <div>\n//               <XAiChatbot />\n//             </div>\n//           </div>\n//         </XAiProvider>\n//       );\n//     }\n//     return <WithStyles {...args} />;\n//   },\n//   args: {\n//     url: 'http://ai-platform.xline-dev.test.xinke.biz',\n//     token: 'eyJhbGciOiJIUzUxMiJ9.eyJqdGkiOiJjYWIxYjM3Ni03MmZjLTRkNWEtOTIzMC01N2U3NmZiMGI4NmQiLCJzdWIiOiJSZXgiLCJpc3MiOiJodHRwOi8vY2hhdC10ZXN0LnpheGxpbmUuY29tIiwiYXVkIjoiTWFpblN0YXRpb24iLCJpYXQiOjE3NTQzMTc1OTAsImV4cCI6MTc1NDkyMjM5MCwidHlwZSI6InJlZnJlc2giLCJjbGllbnRfaWQiOiJBcHAxOTUwMDIwNTk0NDUyNjYwMjI0Iiwic2NvcGUiOiJhbGwiLCJwbGF0Zm9ybV90eXBlIjoiTWFpblN0YXRpb24ifQ.crZFQRycuHHA1iIIFJ5ak9kS1-04Eqro-QWWG8HZj6Dz7DkLWYuQBPCrUlCtavGu0XW5tqHZ5WW4tdST06FvEA',\n//     config: {\n//       appNo: 'App1952213101022154752',\n//       pt: 'MainStation',\n//       tc: 'ZABX',\n//     },\n//     providerId: 'demo-provider',\n//   },\n// };\n\n// 多个 Provider 示例\nexport const 多容器示例: Story = {\n  render: (args) => (\n    <div style={{ display: 'flex', gap: '20px' }}>\n      <div style={{ width: '400px', height: '600px' }}>\n        <XAiProvider {...args} providerId=\"provider-1\">\n          <XAiChatbot\n            navbarShow\n            navbar={{\n              title: 'Provider 1',\n              subtitle: '第一个聊天机器人',\n              avatar: 'https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg',\n            }}\n          />\n        </XAiProvider>\n      </div>\n\n      <div style={{ width: '400px', height: '600px' }}>\n        <XAiProvider {...args} providerId=\"provider-2\">\n          <XAiChatbot\n            navbarShow\n            navbar={{\n              title: 'Provider 2',\n              subtitle: '第二个聊天机器人',\n              avatar: 'https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg',\n            }}\n          />\n        </XAiProvider>\n      </div>\n    </div>\n  ),\n  args: {\n    url: 'https://api.example.com/ai',\n    token: 'your-token-here',\n  },\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,mBAAwB;AACxB,wBAAuB;AAIvB,IAAM,OAAiC;AAAA,EACrC,OAAO;AAAA,EACP,WAAW,aAAAA;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,aAAa;AAAA,QACX,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EACA,MAAM,CAAC,UAAU;AAAA,EACjB,UAAU;AAAA,IACR,KAAK;AAAA,MACH,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA,YAAY;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,EACF;AAAA;AAAA,EAEA,YAAY;AAAA,IACV,CAAC,UACC,6BAAAC,QAAA,cAAC,SAAI,OAAO,EAAE,SAAS,OAAO,KAC5B,6BAAAA,QAAA,cAAC,WAAM,CACT;AAAA,EAEJ;AACF;AAEA,IAAO,8BAAQ;AAIR,IAAM,QAAe;AAAA,EAC1B,QAAQ,CAAC,SACP,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,OAAO,SAAS,QAAQ,QAAQ,KAC5C,6BAAAA,QAAA,cAAC,aAAAD,SAAA,EAAa,GAAG,QACf,6BAAAC,QAAA;AAAA,IAAC,kBAAAC;AAAA,IAAA;AAAA,MACC,YAAU;AAAA,MACV,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,UAAU;AAAA,QACV,QAAQ;AAAA,MACV;AAAA;AAAA,EACF,CACF,CACF;AAAA,EAEF,MAAM;AAAA,IACJ,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,YAAY;AAAA,EACd;AACF;AAkCO,IAAM,QAAe;AAAA,EAC1B,QAAQ,CAAC,SACP,6BAAAD,QAAA,cAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,KAAK,OAAO,KACzC,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,OAAO,SAAS,QAAQ,QAAQ,KAC5C,6BAAAA,QAAA,cAAC,aAAAD,SAAA,EAAa,GAAG,MAAM,YAAW,gBAChC,6BAAAC,QAAA;AAAA,IAAC,kBAAAC;AAAA,IAAA;AAAA,MACC,YAAU;AAAA,MACV,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,UAAU;AAAA,QACV,QAAQ;AAAA,MACV;AAAA;AAAA,EACF,CACF,CACF,GAEA,6BAAAD,QAAA,cAAC,SAAI,OAAO,EAAE,OAAO,SAAS,QAAQ,QAAQ,KAC5C,6BAAAA,QAAA,cAAC,aAAAD,SAAA,EAAa,GAAG,MAAM,YAAW,gBAChC,6BAAAC,QAAA;AAAA,IAAC,kBAAAC;AAAA,IAAA;AAAA,MACC,YAAU;AAAA,MACV,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,UAAU;AAAA,QACV,QAAQ;AAAA,MACV;AAAA;AAAA,EACF,CACF,CACF,CACF;AAAA,EAEF,MAAM;AAAA,IACJ,KAAK;AAAA,IACL,OAAO;AAAA,EACT;AACF;",
   "names": ["XAiProvider", "React", "XAiChatbot"]
 }

package/dist/cjs/components/XAiProvider/demo.styles.d.ts

@@ -0,0 +1,35 @@
+declare const useStyles: () => {
+    wrapper: string;
+} & {
+    w: (width: string | number) => string;
+    h: (height: string | number) => string;
+    p: (padding: string) => string;
+    pb: (padding: string | number) => string;
+    pt: (padding: string | number) => string;
+    pl: (padding: string | number) => string;
+    pr: (padding: string | number) => string;
+    m: (margin: string) => string;
+    mb: (margin: string | number) => string;
+    mt: (margin: string | number) => string;
+    ml: (margin: string | number) => string;
+    mr: (margin: string | number) => string;
+    text: (size: string | number) => string;
+    weight: (size: number) => string;
+    textColor: (c: string) => string;
+    bg: (c: string) => string;
+    rs: (radius: string | number) => string;
+    gap: (g: string | number) => string;
+    flex: string;
+    flexCenter: string;
+    flexBetween: string;
+    flexColumn: string;
+    flex1: string;
+    cursor: (type: string) => string;
+    border: (color: string, width?: string) => string;
+    boxShadow: (shadow: string) => string;
+    transition: (property?: string, duration?: string) => string;
+    overflow: (type: string) => string;
+    position: (type: string) => string;
+    zIndex: (index: number) => string;
+};
+export default useStyles;

package/dist/cjs/components/XAiProvider/demo.styles.js

@@ -0,0 +1,37 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/XAiProvider/demo.styles.tsx
+var demo_styles_exports = {};
+__export(demo_styles_exports, {
+  default: () => demo_styles_default
+});
+module.exports = __toCommonJS(demo_styles_exports);
+var import_css = require("@emotion/css");
+var import_common = require("../../styles/common");
+var useStyles = (0, import_common.withBasicStyles)(() => ({
+  // 静态样式
+  wrapper: import_css.css`
+    width: '100vw';
+    height: '100vh';
+    backgroundColor: rgb(240, 242, 245);
+    display: flex;
+  `
+}));
+var demo_styles_default = useStyles;
+//# sourceMappingURL=demo.styles.js.map

package/dist/cjs/components/XAiProvider/demo.styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/XAiProvider/demo.styles.tsx"],
+  "sourcesContent": ["import { css } from '@emotion/css';\nimport { withBasicStyles } from '@/styles/common';\n\nconst useStyles = withBasicStyles(() => ({\n  // 静态样式\n  wrapper: css`\n    width: '100vw';\n    height: '100vh';\n    backgroundColor: rgb(240, 242, 245);\n    display: flex;\n  `,\n}));\n\nexport default useStyles;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAoB;AACpB,oBAAgC;AAEhC,IAAM,gBAAY,+BAAgB,OAAO;AAAA;AAAA,EAEvC,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAMX,EAAE;AAEF,IAAO,sBAAQ;",
+  "names": []
+}

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

@@ -34,6 +34,7 @@ __export(XAiProvider_exports, {
 module.exports = __toCommonJS(XAiProvider_exports);
 var import_react = __toESM(require("react"));
 var import_antd = require("antd");
+var import_uuid = require("uuid");
 var import_copy_to_clipboard = __toESM(require("copy-to-clipboard"));
 var import_x = require("@ant-design/x");
 var import_AiProviderContext = require("../../context/AiProviderContext");
@@ -44,9 +45,11 @@ var XAiProvider = ({
   token,
   config,
   providerId = "defaultId",
+  onSuccess,
+  onError,
   children
 }) => {
-  const { appInfo, chat, stopChat, reChat, messages, loading, setMessages } = (0, import_useAgentGenerator.default)({ url, token, config });
+  const { appInfo, chat, stopChat, reChat, messages, loading, setCurrentSession, setMessages } = (0, import_useAgentGenerator.default)({ url, token, config, onError, onSuccess });
   const { appName, icon } = appInfo || {};
   const handleSendMessage = (_type, content) => {
     chat(content);
@@ -54,6 +57,7 @@ var XAiProvider = ({
   const handleClearMessage = () => {
     stopChat();
     setMessages([]);
+    setCurrentSession((0, import_uuid.v4)());
   };
   const handleActions = (index, actionData) => {
     const { content, id } = actionData || {};
@@ -88,10 +92,11 @@ var XAiProvider = ({
     import_AiProviderContext.XAiContext.Provider,
     {
       value: {
-        avatar: icon,
-        userAvatar: import_user.default,
+        avatar: /* @__PURE__ */ import_react.default.createElement("img", { src: icon, alt: "智能体头像" }),
+        userAvatar: /* @__PURE__ */ import_react.default.createElement("img", { src: import_user.default, alt: "用户头像" }),
         emptyStateImage: icon,
         emptyStateText: appName,
+        footerTips: "内容由AI生成，无法确保真实准确，仅供参考",
         providerId,
         token,
         messages,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAiProvider/index.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { message, Divider } from 'antd';\nimport copy from 'copy-to-clipboard';\nimport { XProvider } from '@ant-design/x';\nimport { XAiContext } from '@/context/AiProviderContext';\nimport { XAiProviderProps } from '@/types/XAiProvider';\nimport useAgentGenerator from '@/hooks/useAgentGenerator';\nimport userIcon from '@/assets/user.png';\n\nconst XAiProvider: React.FC<XAiProviderProps> = ({\n  url,\n  token,\n  config,\n  providerId = 'defaultId',\n  children,\n}: XAiProviderProps) => {\n  // 使用 useAgentGenerator Hook 管理消息状态\n  const { appInfo, chat, stopChat, reChat, messages, loading, setMessages } = useAgentGenerator({ url, token, config });\n\n  const { appName, icon } = appInfo || {};\n\n  // 发送消息\n  const handleSendMessage = (_type: string, content: string) => {\n    chat(content);\n  };\n\n  // 清空消息\n  const handleClearMessage = () => {\n    stopChat();\n    setMessages([]);\n  };\n\n  // 工具栏按钮点击\n  const handleActions = (index: number, actionData: any) => {\n    const { content, id } = actionData || {};\n    const { text = '' } = content;\n    switch (index) {\n      case 0:\n        reChat();\n        break;\n      case 1:\n        copy(text);\n        message.success('复制成功');\n        break;\n      case 2:\n        setMessages((prev: any[]) => prev.filter((item: any) => item.id !== id));\n        message.success('删除成功');\n        break;\n    }\n  };\n\n  // 建议消息点击\n  const handleSuggestMessageClick = (_item: any, id: string) => {\n    setMessages((prev: any[]) => prev.filter((m: any) => m.id !== id));\n  };\n\n  const ToolTip = (messageData: any) => {\n    const finalResult = (messageData?.think || []).find((item: any) => item.actionName === 'FINISHED');\n    if (!finalResult) return null;\n    const { cost, token: tokenCount } = finalResult.extra || {};\n    if (!cost && !token) return null;\n    return (\n      <div style={{ display: 'flex', alignItems: 'center', fontSize: '12px', color: '#949494', flex: 1, paddingRight: '40px' }}>\n        { (cost !== undefined && cost !== null) && <div>{cost}s</div> }\n        { tokenCount && <Divider type=\"vertical\" /> }\n        { tokenCount && <div>{ tokenCount } tokens</div> }\n      </div>\n    );\n  };\n\n  return (\n    <XProvider>\n      <XAiContext.Provider value={{\n        avatar: icon,\n        userAvatar: userIcon,\n        emptyStateImage: icon,\n        emptyStateText: appName,\n        providerId,\n        token,\n        messages,\n        loading,\n        error: null,\n        messageTooltip: ToolTip,\n        onSend: handleSendMessage,\n        onClear: handleClearMessage,\n        onStop: stopChat,\n        onSuggestMessageClick: handleSuggestMessageClick,\n        onMessagesActionsCallback: handleActions,\n        isInProvider: true,\n      }}\n      >\n        {children}\n      </XAiContext.Provider>\n    </XProvider>\n  );\n};\n\nexport default XAiProvider;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiC;AACjC,+BAAiB;AACjB,eAA0B;AAC1B,+BAA2B;AAE3B,+BAA8B;AAC9B,kBAAqB;AAErB,IAAM,cAA0C,CAAC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AACF,MAAwB;AAEtB,QAAM,EAAE,SAAS,MAAM,UAAU,QAAQ,UAAU,SAAS,YAAY,QAAI,yBAAAA,SAAkB,EAAE,KAAK,OAAO,OAAO,CAAC;AAEpH,QAAM,EAAE,SAAS,KAAK,IAAI,WAAW,CAAC;AAGtC,QAAM,oBAAoB,CAAC,OAAe,YAAoB;AAC5D,SAAK,OAAO;AAAA,EACd;AAGA,QAAM,qBAAqB,MAAM;AAC/B,aAAS;AACT,gBAAY,CAAC,CAAC;AAAA,EAChB;AAGA,QAAM,gBAAgB,CAAC,OAAe,eAAoB;AACxD,UAAM,EAAE,SAAS,GAAG,IAAI,cAAc,CAAC;AACvC,UAAM,EAAE,OAAO,GAAG,IAAI;AACtB,YAAQ,OAAO;AAAA,MACb,KAAK;AACH,eAAO;AACP;AAAA,MACF,KAAK;AACH,qCAAAC,SAAK,IAAI;AACT,4BAAQ,QAAQ,MAAM;AACtB;AAAA,MACF,KAAK;AACH,oBAAY,CAAC,SAAgB,KAAK,OAAO,CAAC,SAAc,KAAK,OAAO,EAAE,CAAC;AACvE,4BAAQ,QAAQ,MAAM;AACtB;AAAA,IACJ;AAAA,EACF;AAGA,QAAM,4BAA4B,CAAC,OAAY,OAAe;AAC5D,gBAAY,CAAC,SAAgB,KAAK,OAAO,CAAC,MAAW,EAAE,OAAO,EAAE,CAAC;AAAA,EACnE;AAEA,QAAM,UAAU,CAAC,gBAAqB;AACpC,UAAM,gBAAe,2CAAa,UAAS,CAAC,GAAG,KAAK,CAAC,SAAc,KAAK,eAAe,UAAU;AACjG,QAAI,CAAC;AAAa,aAAO;AACzB,UAAM,EAAE,MAAM,OAAO,WAAW,IAAI,YAAY,SAAS,CAAC;AAC1D,QAAI,CAAC,QAAQ,CAAC;AAAO,aAAO;AAC5B,WACE,6BAAAC,QAAA,cAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,YAAY,UAAU,UAAU,QAAQ,OAAO,WAAW,MAAM,GAAG,cAAc,OAAO,KAClH,SAAS,UAAa,SAAS,QAAS,6BAAAA,QAAA,cAAC,aAAK,MAAK,GAAC,GACrD,cAAc,6BAAAA,QAAA,cAAC,uBAAQ,MAAK,YAAW,GACvC,cAAc,6BAAAA,QAAA,cAAC,aAAM,YAAY,SAAO,CAC5C;AAAA,EAEJ;AAEA,SACE,6BAAAA,QAAA,cAAC,0BACC,6BAAAA,QAAA;AAAA,IAAC,oCAAW;AAAA,IAAX;AAAA,MAAoB,OAAO;AAAA,QAC1B,QAAQ;AAAA,QACR,YAAY,YAAAC;AAAA,QACZ,iBAAiB;AAAA,QACjB,gBAAgB;AAAA,QAChB;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,uBAAuB;AAAA,QACvB,2BAA2B;AAAA,QAC3B,cAAc;AAAA,MAChB;AAAA;AAAA,IAEG;AAAA,EACH,CACF;AAEJ;AAEA,IAAO,sBAAQ;",
-  "names": ["useAgentGenerator", "copy", "React", "userIcon"]
+  "sourcesContent": ["import React from 'react';\nimport { message, Divider } from 'antd';\nimport { v4 as uuidV4 } from 'uuid';\nimport copy from 'copy-to-clipboard';\nimport { XProvider } from '@ant-design/x';\nimport { XAiContext } from '@/context/AiProviderContext';\nimport { XAiProviderProps } from '@/types/XAiProvider';\nimport useAgentGenerator from '@/hooks/useAgentGenerator';\nimport userIcon from '@/assets/user.png';\n\nconst XAiProvider: React.FC<XAiProviderProps> = ({\n  url,\n  token,\n  config,\n  providerId = 'defaultId',\n  onSuccess,\n  onError,\n  children,\n}: XAiProviderProps) => {\n  // 使用 useAgentGenerator Hook 管理消息状态\n  const { appInfo, chat, stopChat, reChat, messages, loading, setCurrentSession, setMessages } = useAgentGenerator({ url, token, config, onError, onSuccess });\n\n  const { appName, icon } = appInfo || {};\n\n  // 发送消息\n  const handleSendMessage = (_type: string, content: string) => {\n    chat(content);\n  };\n\n  // 清空消息\n  const handleClearMessage = () => {\n    stopChat();\n    setMessages([]);\n    setCurrentSession(uuidV4());\n  };\n\n  // 工具栏按钮点击\n  const handleActions = (index: number, actionData: any) => {\n    const { content, id } = actionData || {};\n    const { text = '' } = content;\n    switch (index) {\n      case 0:\n        reChat();\n        break;\n      case 1:\n        copy(text);\n        message.success('复制成功');\n        break;\n      case 2:\n        setMessages((prev: any[]) => prev.filter((item: any) => item.id !== id));\n        message.success('删除成功');\n        break;\n    }\n  };\n\n  // 建议消息点击\n  const handleSuggestMessageClick = (_item: any, id: string) => {\n    setMessages((prev: any[]) => prev.filter((m: any) => m.id !== id));\n  };\n\n  const ToolTip = (messageData: any) => {\n    const finalResult = (messageData?.think || []).find((item: any) => item.actionName === 'FINISHED');\n    if (!finalResult) return null;\n    const { cost, token: tokenCount } = finalResult.extra || {};\n    if (!cost && !token) return null;\n    return (\n      <div style={{ display: 'flex', alignItems: 'center', fontSize: '12px', color: '#949494', flex: 1, paddingRight: '40px' }}>\n        { (cost !== undefined && cost !== null) && <div>{cost}s</div> }\n        { tokenCount && <Divider type=\"vertical\" /> }\n        { tokenCount && <div>{ tokenCount } tokens</div> }\n      </div>\n    );\n  };\n\n  return (\n    <XProvider>\n      <XAiContext.Provider value={{\n        avatar: <img src={icon} alt=\"智能体头像\" />,\n        userAvatar: <img src={userIcon} alt=\"用户头像\" />,\n        emptyStateImage: icon,\n        emptyStateText: appName,\n        footerTips: '内容由AI生成，无法确保真实准确，仅供参考',\n        providerId,\n        token,\n        messages,\n        loading,\n        error: null,\n        messageTooltip: ToolTip,\n        onSend: handleSendMessage,\n        onClear: handleClearMessage,\n        onStop: stopChat,\n        onSuggestMessageClick: handleSuggestMessageClick,\n        onMessagesActionsCallback: handleActions,\n        isInProvider: true,\n      }}\n      >\n        {children}\n      </XAiContext.Provider>\n    </XProvider>\n  );\n};\n\nexport default XAiProvider;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,kBAAiC;AACjC,kBAA6B;AAC7B,+BAAiB;AACjB,eAA0B;AAC1B,+BAA2B;AAE3B,+BAA8B;AAC9B,kBAAqB;AAErB,IAAM,cAA0C,CAAC;AAAA,EAC/C;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA;AACF,MAAwB;AAEtB,QAAM,EAAE,SAAS,MAAM,UAAU,QAAQ,UAAU,SAAS,mBAAmB,YAAY,QAAI,yBAAAA,SAAkB,EAAE,KAAK,OAAO,QAAQ,SAAS,UAAU,CAAC;AAE3J,QAAM,EAAE,SAAS,KAAK,IAAI,WAAW,CAAC;AAGtC,QAAM,oBAAoB,CAAC,OAAe,YAAoB;AAC5D,SAAK,OAAO;AAAA,EACd;AAGA,QAAM,qBAAqB,MAAM;AAC/B,aAAS;AACT,gBAAY,CAAC,CAAC;AACd,0BAAkB,YAAAC,IAAO,CAAC;AAAA,EAC5B;AAGA,QAAM,gBAAgB,CAAC,OAAe,eAAoB;AACxD,UAAM,EAAE,SAAS,GAAG,IAAI,cAAc,CAAC;AACvC,UAAM,EAAE,OAAO,GAAG,IAAI;AACtB,YAAQ,OAAO;AAAA,MACb,KAAK;AACH,eAAO;AACP;AAAA,MACF,KAAK;AACH,qCAAAC,SAAK,IAAI;AACT,4BAAQ,QAAQ,MAAM;AACtB;AAAA,MACF,KAAK;AACH,oBAAY,CAAC,SAAgB,KAAK,OAAO,CAAC,SAAc,KAAK,OAAO,EAAE,CAAC;AACvE,4BAAQ,QAAQ,MAAM;AACtB;AAAA,IACJ;AAAA,EACF;AAGA,QAAM,4BAA4B,CAAC,OAAY,OAAe;AAC5D,gBAAY,CAAC,SAAgB,KAAK,OAAO,CAAC,MAAW,EAAE,OAAO,EAAE,CAAC;AAAA,EACnE;AAEA,QAAM,UAAU,CAAC,gBAAqB;AACpC,UAAM,gBAAe,2CAAa,UAAS,CAAC,GAAG,KAAK,CAAC,SAAc,KAAK,eAAe,UAAU;AACjG,QAAI,CAAC;AAAa,aAAO;AACzB,UAAM,EAAE,MAAM,OAAO,WAAW,IAAI,YAAY,SAAS,CAAC;AAC1D,QAAI,CAAC,QAAQ,CAAC;AAAO,aAAO;AAC5B,WACE,6BAAAC,QAAA,cAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,YAAY,UAAU,UAAU,QAAQ,OAAO,WAAW,MAAM,GAAG,cAAc,OAAO,KAClH,SAAS,UAAa,SAAS,QAAS,6BAAAA,QAAA,cAAC,aAAK,MAAK,GAAC,GACrD,cAAc,6BAAAA,QAAA,cAAC,uBAAQ,MAAK,YAAW,GACvC,cAAc,6BAAAA,QAAA,cAAC,aAAM,YAAY,SAAO,CAC5C;AAAA,EAEJ;AAEA,SACE,6BAAAA,QAAA,cAAC,0BACC,6BAAAA,QAAA;AAAA,IAAC,oCAAW;AAAA,IAAX;AAAA,MAAoB,OAAO;AAAA,QAC1B,QAAQ,6BAAAA,QAAA,cAAC,SAAI,KAAK,MAAM,KAAI,SAAQ;AAAA,QACpC,YAAY,6BAAAA,QAAA,cAAC,SAAI,KAAK,YAAAC,SAAU,KAAI,QAAO;AAAA,QAC3C,iBAAiB;AAAA,QACjB,gBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA,OAAO;AAAA,QACP,gBAAgB;AAAA,QAChB,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,QAAQ;AAAA,QACR,uBAAuB;AAAA,QACvB,2BAA2B;AAAA,QAC3B,cAAc;AAAA,MAChB;AAAA;AAAA,IAEG;AAAA,EACH,CACF;AAEJ;AAEA,IAAO,sBAAQ;",
+  "names": ["useAgentGenerator", "uuidV4", "copy", "React", "userIcon"]
 }

package/dist/cjs/components/XAiWebSDKWrapper.js

@@ -43,7 +43,13 @@ var XAiWebSDKWrapper = ({
   const containerRef = (0, import_react.useRef)(null);
   (0, import_react.useEffect)(() => {
     if (containerRef.current && !sdkRef.current) {
-      sdkRef.current = import_umdEntry.default.initChatbot(containerRef.current, sdkProps);
+      sdkRef.current = import_umdEntry.default.initChatbot({
+        ...sdkProps,
+        componentProps: {
+          ...sdkProps.componentProps || {}
+          // 保证容器 id 唯一或传递其它样式
+        }
+      });
       if (onInit && sdkRef.current) {
         onInit(sdkRef.current);
       }

package/dist/cjs/components/XAiWebSDKWrapper.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/XAiWebSDKWrapper.tsx"],
-  "sourcesContent": ["import React, { useEffect, useRef } from 'react';\nimport { XAiSDKProps } from '@/types/XAiProvider';\nimport XAiWebSDK from '@/utils/umdEntry';\n\nexport interface XAiWebSDKWrapperProps extends XAiSDKProps {\n  onInit?: (sdk: XAiWebSDK) => void;\n  onDestroy?: () => void;\n}\n\nconst XAiWebSDKWrapper: React.FC<XAiWebSDKWrapperProps> = ({\n  onInit,\n  onDestroy,\n  ...sdkProps\n}) => {\n  const sdkRef = useRef<XAiWebSDK | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (containerRef.current && !sdkRef.current) {\n      // 创建 SDK 实例\n      sdkRef.current = XAiWebSDK.initChatbot(containerRef.current, sdkProps);\n\n      // 调用初始化回调\n      if (onInit && sdkRef.current) {\n        onInit(sdkRef.current);\n      }\n    }\n\n    // 清理函数\n    return () => {\n      if (sdkRef.current) {\n        sdkRef.current.unmount();\n        sdkRef.current = null;\n\n        // 调用销毁回调\n        if (onDestroy) {\n          onDestroy();\n        }\n      }\n    };\n  }, []); // 只在组件挂载时初始化\n\n  return <div ref={containerRef} />;\n};\n\nexport default XAiWebSDKWrapper;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyC;AAEzC,sBAAsB;AAOtB,IAAM,mBAAoD,CAAC;AAAA,EACzD;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,aAAS,qBAAyB,IAAI;AAC5C,QAAM,mBAAe,qBAAuB,IAAI;AAEhD,8BAAU,MAAM;AACd,QAAI,aAAa,WAAW,CAAC,OAAO,SAAS;AAE3C,aAAO,UAAU,gBAAAA,QAAU,YAAY,aAAa,SAAS,QAAQ;AAGrE,UAAI,UAAU,OAAO,SAAS;AAC5B,eAAO,OAAO,OAAO;AAAA,MACvB;AAAA,IACF;AAGA,WAAO,MAAM;AACX,UAAI,OAAO,SAAS;AAClB,eAAO,QAAQ,QAAQ;AACvB,eAAO,UAAU;AAGjB,YAAI,WAAW;AACb,oBAAU;AAAA,QACZ;AAAA,MACF;AAAA,IACF;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,6BAAAC,QAAA,cAAC,SAAI,KAAK,cAAc;AACjC;AAEA,IAAO,2BAAQ;",
+  "sourcesContent": ["import React, { useEffect, useRef } from 'react';\nimport { XAiSDKProps } from '@/types/XAiProvider';\nimport XAiWebSDK from '@/utils/umdEntry';\n\nexport interface XAiWebSDKWrapperProps extends XAiSDKProps {\n  onInit?: (sdk: XAiWebSDK) => void;\n  onDestroy?: () => void;\n}\n\nconst XAiWebSDKWrapper: React.FC<XAiWebSDKWrapperProps> = ({\n  onInit,\n  onDestroy,\n  ...sdkProps\n}) => {\n  const sdkRef = useRef<XAiWebSDK | null>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (containerRef.current && !sdkRef.current) {\n      // 创建 SDK 实例\n      sdkRef.current = XAiWebSDK.initChatbot({\n        ...sdkProps,\n        componentProps: {\n          ...(sdkProps.componentProps || {}),\n          // 保证容器 id 唯一或传递其它样式\n        },\n      });\n\n      // 调用初始化回调\n      if (onInit && sdkRef.current) {\n        onInit(sdkRef.current);\n      }\n    }\n\n    // 清理函数\n    return () => {\n      if (sdkRef.current) {\n        sdkRef.current.unmount();\n        sdkRef.current = null;\n\n        // 调用销毁回调\n        if (onDestroy) {\n          onDestroy();\n        }\n      }\n    };\n  }, []); // 只在组件挂载时初始化\n\n  return <div ref={containerRef} />;\n};\n\nexport default XAiWebSDKWrapper;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyC;AAEzC,sBAAsB;AAOtB,IAAM,mBAAoD,CAAC;AAAA,EACzD;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,aAAS,qBAAyB,IAAI;AAC5C,QAAM,mBAAe,qBAAuB,IAAI;AAEhD,8BAAU,MAAM;AACd,QAAI,aAAa,WAAW,CAAC,OAAO,SAAS;AAE3C,aAAO,UAAU,gBAAAA,QAAU,YAAY;AAAA,QACrC,GAAG;AAAA,QACH,gBAAgB;AAAA,UACd,GAAI,SAAS,kBAAkB,CAAC;AAAA;AAAA,QAElC;AAAA,MACF,CAAC;AAGD,UAAI,UAAU,OAAO,SAAS;AAC5B,eAAO,OAAO,OAAO;AAAA,MACvB;AAAA,IACF;AAGA,WAAO,MAAM;AACX,UAAI,OAAO,SAAS;AAClB,eAAO,QAAQ,QAAQ;AACvB,eAAO,UAAU;AAGjB,YAAI,WAAW;AACb,oBAAU;AAAA,QACZ;AAAA,MACF;AAAA,IACF;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,SAAO,6BAAAC,QAAA,cAAC,SAAI,KAAK,cAAc;AACjC;AAEA,IAAO,2BAAQ;",
   "names": ["XAiWebSDK", "React"]
 }

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

@@ -1,5 +1,6 @@
 /// <reference types="react" />
 import { Messages } from "../types/XAiMessage";
+import { Error } from "../types/XAiProvider";
 export type ContentType = 'TEXT' | 'IMAGE' | 'FILE';
 export interface ImageUrl {
     url: string;
@@ -48,18 +49,25 @@ export interface Action {
     description: string;
     jsonSchema: string;
     available?: ActionAvailability;
+    error?: Error;
 }
-declare const useAgentGenerator: ({ url, token, config }: {
+export interface UseAgentGeneratorProps {
     url: string;
     token: string;
     config: any;
-}) => {
+    onError?: (error: Error) => void;
+    onSuccess?: (appInfo: any) => void;
+}
+declare const useAgentGenerator: ({ url, token, config, onError, onSuccess, }: UseAgentGeneratorProps) => {
     appInfo: any;
     messages: Messages[];
     loading: boolean;
     content: any;
+    sessionsList: any[];
+    currentSession: string;
     reChat: () => void;
     chat: (content: any) => Promise<void>;
+    setCurrentSession: import("react").Dispatch<import("react").SetStateAction<string>>;
     setMessage: (messageType: string, content: any) => Promise<void>;
     setMessages: import("react").Dispatch<import("react").SetStateAction<Messages[]>>;
     stopChat: () => void;