@ai-group/chat-sdk 2.0.1 → 2.0.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/assets/svg/AddChatIcon.js +5 -12
- package/dist/cjs/assets/svg/AddChatIcon.js.map +2 -2
- package/dist/cjs/components/DislikeFeedback.js +33 -25
- package/dist/cjs/components/DislikeFeedback.js.map +2 -2
- package/dist/cjs/components/FeedbackTags.js +5 -15
- package/dist/cjs/components/FeedbackTags.js.map +2 -2
- package/dist/cjs/components/XAiChatbot/XAiChatbot.stories.js +138 -86
- package/dist/cjs/components/XAiChatbot/XAiChatbot.stories.js.map +2 -2
- package/dist/cjs/components/XAiChatbot/index.js +189 -127
- package/dist/cjs/components/XAiChatbot/index.js.map +3 -3
- package/dist/cjs/components/XAiChatbot/styles.js +5 -15
- package/dist/cjs/components/XAiChatbot/styles.js.map +2 -2
- package/dist/cjs/components/XAiConversations/XAiConversations.stories.js +10 -10
- package/dist/cjs/components/XAiConversations/XAiConversations.stories.js.map +2 -2
- package/dist/cjs/components/XAiConversations/index.js +61 -41
- package/dist/cjs/components/XAiConversations/index.js.map +3 -3
- package/dist/cjs/components/XAiConversations/styles.js +5 -15
- package/dist/cjs/components/XAiConversations/styles.js.map +3 -3
- package/dist/cjs/components/XAiProvider/XAiProvider.stories.js +62 -53
- package/dist/cjs/components/XAiProvider/XAiProvider.stories.js.map +1 -1
- package/dist/cjs/components/XAiProvider/index.js +109 -98
- package/dist/cjs/components/XAiProvider/index.js.map +2 -2
- package/dist/cjs/components/XAiSDK.js +2 -2
- package/dist/cjs/components/XAiSDK.js.map +2 -2
- package/dist/cjs/components/XAiSender/XAiSender.stories.js +22 -8
- package/dist/cjs/components/XAiSender/XAiSender.stories.js.map +3 -3
- package/dist/cjs/components/XAiSender/index.js +150 -88
- package/dist/cjs/components/XAiSender/index.js.map +3 -3
- package/dist/cjs/components/XAiSender/styles.d.ts +0 -3
- package/dist/cjs/components/XAiSender/styles.js +29 -28
- package/dist/cjs/components/XAiSender/styles.js.map +2 -2
- package/dist/cjs/components/XAiWebSDKWrapper.js +3 -2
- package/dist/cjs/components/XAiWebSDKWrapper.js.map +2 -2
- package/dist/cjs/hooks/useXAiSDK.js +3 -2
- package/dist/cjs/hooks/useXAiSDK.js.map +2 -2
- package/dist/cjs/styles/common.js.map +2 -2
- package/dist/cjs/styles/markdown.js +5 -15
- package/dist/cjs/styles/markdown.js.map +2 -2
- package/dist/cjs/types/XAiSender.d.ts +11 -1
- package/dist/cjs/types/XAiSender.js.map +1 -1
- package/dist/cjs/utils/umdEntry.js +10 -3
- package/dist/cjs/utils/umdEntry.js.map +2 -2
- package/dist/esm/components/XAiChatbot/index.js +11 -11
- package/dist/esm/components/XAiChatbot/index.js.map +1 -1
- package/dist/esm/components/XAiConversations/index.js +2 -2
- package/dist/esm/components/XAiConversations/index.js.map +1 -1
- package/dist/esm/components/XAiConversations/styles.js.map +1 -1
- package/dist/esm/components/XAiSender/XAiSender.stories.js +32 -13
- package/dist/esm/components/XAiSender/XAiSender.stories.js.map +1 -1
- package/dist/esm/components/XAiSender/index.js +85 -55
- package/dist/esm/components/XAiSender/index.js.map +1 -1
- package/dist/esm/components/XAiSender/styles.d.ts +0 -3
- package/dist/esm/components/XAiSender/styles.js +3 -5
- package/dist/esm/components/XAiSender/styles.js.map +1 -1
- package/dist/esm/styles/common.js.map +1 -1
- package/dist/esm/types/XAiSender.d.ts +11 -1
- package/dist/esm/types/XAiSender.js.map +1 -1
- package/dist/umd/chat-sdk.min.js +1 -1
- package/package.json +30 -26
|
@@ -40,6 +40,7 @@ var import_antd = require("antd");
|
|
|
40
40
|
var import_index = __toESM(require("./index"));
|
|
41
41
|
var import_XAiChatbot = __toESM(require("../XAiChatbot"));
|
|
42
42
|
var import_XAiConversations = __toESM(require("../XAiConversations"));
|
|
43
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
43
44
|
var meta = {
|
|
44
45
|
title: "AI组件/XAiProvider AI容器",
|
|
45
46
|
component: import_index.default,
|
|
@@ -68,7 +69,7 @@ var meta = {
|
|
|
68
69
|
},
|
|
69
70
|
// 添加装饰器,确保组件有必要的上下文
|
|
70
71
|
decorators: [
|
|
71
|
-
(Story) => /* @__PURE__ */
|
|
72
|
+
(Story) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { padding: "20px" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Story, {}) })
|
|
72
73
|
]
|
|
73
74
|
};
|
|
74
75
|
var XAiProvider_stories_default = meta;
|
|
@@ -83,26 +84,29 @@ var 单聊天窗口实例 = {
|
|
|
83
84
|
console.log("XAiProvider ref 未准备好或 chat 方法不存在");
|
|
84
85
|
}
|
|
85
86
|
};
|
|
86
|
-
return /* @__PURE__ */
|
|
87
|
-
|
|
88
|
-
{
|
|
89
|
-
|
|
90
|
-
...args,
|
|
91
|
-
onError: (providerError) => console.log(providerError),
|
|
92
|
-
onMessage: (data) => console.log(data)
|
|
93
|
-
},
|
|
94
|
-
/* @__PURE__ */ import_react.default.createElement(
|
|
95
|
-
import_XAiChatbot.default,
|
|
87
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex" }, children: [
|
|
88
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { display: "flex", flexDirection: "column", gap: "12px", marginRight: "24px", justifyContent: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Button, { type: "primary", onClick: handleSendMessage, children: "发送消息" }) }),
|
|
89
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { maxWidth: "800px", height: "600px" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
90
|
+
import_index.default,
|
|
96
91
|
{
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
92
|
+
ref: providerRef,
|
|
93
|
+
...args,
|
|
94
|
+
onError: (providerError) => console.log(providerError),
|
|
95
|
+
onMessage: (data) => console.log(data),
|
|
96
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
97
|
+
import_XAiChatbot.default,
|
|
98
|
+
{
|
|
99
|
+
navbarShow: true,
|
|
100
|
+
navbar: {
|
|
101
|
+
title: "Provider 聊天机器人",
|
|
102
|
+
subtitle: "由 Provider 管理消息",
|
|
103
|
+
avatar: "https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg"
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
)
|
|
103
107
|
}
|
|
104
|
-
)
|
|
105
|
-
)
|
|
108
|
+
) })
|
|
109
|
+
] });
|
|
106
110
|
},
|
|
107
111
|
args: {
|
|
108
112
|
url: "https://m-poc-dev.zaxline.com",
|
|
@@ -114,27 +118,30 @@ var 单聊天窗口实例 = {
|
|
|
114
118
|
}
|
|
115
119
|
};
|
|
116
120
|
var 多容器示例 = {
|
|
117
|
-
render: (args) => /* @__PURE__ */
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
121
|
+
render: (args) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", gap: "20px" }, children: [
|
|
122
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { width: "400px", height: "600px" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.default, { ...args, providerId: "provider-1", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
123
|
+
import_XAiChatbot.default,
|
|
124
|
+
{
|
|
125
|
+
navbarShow: true,
|
|
126
|
+
navbar: {
|
|
127
|
+
title: "Provider 1",
|
|
128
|
+
subtitle: "第一个聊天机器人",
|
|
129
|
+
avatar: "https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg"
|
|
130
|
+
}
|
|
125
131
|
}
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
132
|
+
) }) }),
|
|
133
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { width: "400px", height: "600px" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_index.default, { ...args, providerId: "provider-2", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
134
|
+
import_XAiChatbot.default,
|
|
135
|
+
{
|
|
136
|
+
navbarShow: true,
|
|
137
|
+
navbar: {
|
|
138
|
+
title: "Provider 2",
|
|
139
|
+
subtitle: "第二个聊天机器人",
|
|
140
|
+
avatar: "https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg"
|
|
141
|
+
}
|
|
135
142
|
}
|
|
136
|
-
}
|
|
137
|
-
)
|
|
143
|
+
) }) })
|
|
144
|
+
] }),
|
|
138
145
|
args: {
|
|
139
146
|
url: "https://api.example.com/ai",
|
|
140
147
|
token: "your-token-here"
|
|
@@ -143,26 +150,28 @@ var 多容器示例 = {
|
|
|
143
150
|
var 携带历史记录示例 = {
|
|
144
151
|
render: (args) => {
|
|
145
152
|
const providerRef = import_react.default.useRef(null);
|
|
146
|
-
return /* @__PURE__ */
|
|
153
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { width: "1080px", height: "600px", overflow: "hidden" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
|
|
147
154
|
import_index.default,
|
|
148
155
|
{
|
|
149
156
|
ref: providerRef,
|
|
150
157
|
...args,
|
|
151
158
|
onError: (providerError) => console.log(providerError),
|
|
152
|
-
onMessage: (data) => console.log(data)
|
|
153
|
-
|
|
154
|
-
|
|
155
|
-
|
|
156
|
-
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
|
|
164
|
-
|
|
165
|
-
|
|
159
|
+
onMessage: (data) => console.log(data),
|
|
160
|
+
children: [
|
|
161
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_XAiConversations.default, {}),
|
|
162
|
+
/* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { flex: 1, display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
163
|
+
import_XAiChatbot.default,
|
|
164
|
+
{
|
|
165
|
+
navbar: {
|
|
166
|
+
title: "Provider 聊天机器人",
|
|
167
|
+
subtitle: "由 Provider 管理消息",
|
|
168
|
+
avatar: "https://gw.alipayobjects.com/zos/bmw-prod/b874caa9-4458-412a-9ac6-a61486180a62.svg"
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
) })
|
|
172
|
+
]
|
|
173
|
+
}
|
|
174
|
+
) });
|
|
166
175
|
},
|
|
167
176
|
args: {
|
|
168
177
|
url: "https://m-poc-dev.zaxline.com",
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/XAiProvider/XAiProvider.stories.tsx"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport type { Meta, StoryObj } from '@storybook/react-vite';\nimport { Button } from 'antd';\nimport XAiProvider from './index';\nimport XAiChatbot from '../XAiChatbot';\nimport XAiConversations from '../XAiConversations';\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 config: {\n description: '配置信息',\n table: {\n type: { \n summary: 'XAiProviderConfig',\n detail: `{\n appNo?: string; // 应用唯一编号\n }`\n },\n category: '配置选项'\n }\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 const providerRef = React.useRef<any>(null);\n\n const handleSendMessage = () => {\n if (providerRef.current?.chat) {\n providerRef.current.chat('你好,AI!');\n } else {\n console.log('XAiProvider ref 未准备好或 chat 方法不存在');\n }\n };\n\n return (\n <div style={{ display: 'flex' }}>\n <div style={{ display: 'flex', flexDirection: 'column', gap: '12px', marginRight: '24px', justifyContent: 'center' }}>\n <Button type=\"primary\" onClick={handleSendMessage}>发送消息</Button>\n </div>\n <div style={{ maxWidth: '800px', height: '600px' }}>\n <XAiProvider\n ref={providerRef}\n {...args}\n onError={(providerError) => console.log(providerError)}\n onMessage={(data) => console.log(data)}\n >\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 </div>\n );\n },\n args: {\n url: 'https://m-poc-dev.zaxline.com',\n token: 'eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoiVjRTT0htSm8zWmVhNFJOdWc3WFgyQT09Iiwic2NvcGUiOlsiZ2JWemZPVjhTa1oxdGRMT3BYNWZyVXpMIl0sImV4cCI6MTc2NDY3MTc2MSwianRpIjoiRl9Zb0JBXzhIN01XempDZUxQenEzNTBXRnNrIiwiY2xpZW50X2lkIjoiZ2JWemZPVjhTa1oxdGRMT3BYNWZyVXpMIn0.mtGBQfwNtIkhcOumsOvzMj2BdYUxAPwZ9GcvNLuCNGVzFkqkLkfy_LALjYR2B-RaNj11_Cx7DcewtmLceG31KfnCiFY24BD_CbwoahdFh40SYRTFnjDf8XQI22E63h5NxTuldPx0itYLUPaUO6NAubnRON40eQPGZKygM0i72ULsQQAyRpJLYAaTjUxyPIW3JmMzQmYiRx641JeAYAup4-ZNw-Fqmd-8_xK3kN-a832xM-M_eqXgn8yMttn0uFv95lxPdJ1_-mp2zx8N4TBCYVkHo3u_PjM65S3_p4u1dFGXBDAsxtVMgmVGeUvubTLFuDM153rz9MZ7aOuu_c8K7w',\n config: {\n appNo: 'PGlA63A1Gt9oZpxa6YCWMciH',\n },\n providerId: 'demo-provider',\n },\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\n// 使用 Provider 的 XAiChatbot\nexport const 携带历史记录示例: Story = {\n render: (args) => {\n const providerRef = React.useRef<any>(null);\n\n return (\n <div style={{ width: '1080px', height: '600px', overflow: 'hidden' }}>\n <XAiProvider\n ref={providerRef}\n {...args}\n onError={(providerError) => console.log(providerError)}\n onMessage={(data) => console.log(data)}\n >\n <XAiConversations />\n <div style={{ flex: 1, display: 'flex', justifyContent: 'center' }}>\n <XAiChatbot\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 </div>\n </XAiProvider>\n </div>\n );\n },\n args: {\n url: 'https://m-poc-dev.zaxline.com',\n token: 'eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJ1c2VyX2lkIjoiVjRTT0htSm8zWmVhNFJOdWc3WFgyQT09Iiwic2NvcGUiOlsicmN4anBibU44VVgxVVRRbTU0b0ZNTEtwIl0sImV4cCI6MTc2NDkzNjIzNywianRpIjoiTTU3ZjVhWHU0MVJENTN6dFJlU2pXaUZTTXJzIiwiY2xpZW50X2lkIjoicmN4anBibU44VVgxVVRRbTU0b0ZNTEtwIn0.Qnfq9ndj-Wd3Z-XX5fTPL2QyzVPWb3QQ8mmWVD5LfcKsEb9KQ8qwA1DBuC_6bhqT2CrWEHr9VbrwhES5a2Hh63hqtQYaAnZ4hqigutkKiR_wB-vrnhfrnupiXrrO0oYRCCLAvIsZS0KCqq2U3MGBVGPqciofUbjCrROgSXXDpNmosJKR8HBAmM8dWElCSuTGm3J0T3f0nb_4AYq10ssl8Pfy7b7HnDNIccDj-IuBKfqKrQR0Uk6CkOcgc1tUVZdcvqGzZos7ms7yPsfrq9lJ4-mx8Z-OyCsDrXJU-VpUCLZmLGWfWPKAR3FDc3KnyCZAAWkzVwjLZG9vBmzsOW6Unw',\n config: {\n appNo: 'rcxjpbmN8UX1UTQm54oFMLKp',\n chatProps: {\n clearBtnShow: false\n }\n },\n providerId: 'demo-provider',\n },\n};"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,kBAAuB;AACvB,mBAAwB;AACxB,wBAAuB;AACvB,8BAA6B;
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["XAiProvider", "React", "XAiChatbot", "XAiConversations"]
|
|
7
7
|
}
|
|
@@ -32,7 +32,7 @@ __export(XAiProvider_exports, {
|
|
|
32
32
|
default: () => XAiProvider_default
|
|
33
33
|
});
|
|
34
34
|
module.exports = __toCommonJS(XAiProvider_exports);
|
|
35
|
-
var import_react =
|
|
35
|
+
var import_react = require("react");
|
|
36
36
|
var import_antd = require("antd");
|
|
37
37
|
var import_copy_to_clipboard = __toESM(require("copy-to-clipboard"));
|
|
38
38
|
var import_x = require("@ant-design/x");
|
|
@@ -45,6 +45,7 @@ var import_common = require("../../styles/common");
|
|
|
45
45
|
var import_DislikeFeedback = __toESM(require("../DislikeFeedback"));
|
|
46
46
|
var import_api = require("../../services/api");
|
|
47
47
|
var import_XAiChatbot = require("../XAiChatbot");
|
|
48
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
48
49
|
var { confirm } = import_antd.Modal;
|
|
49
50
|
var XAiProvider = (0, import_react.forwardRef)(({
|
|
50
51
|
url = window.location.origin,
|
|
@@ -203,7 +204,7 @@ var XAiProvider = (0, import_react.forwardRef)(({
|
|
|
203
204
|
confirm({
|
|
204
205
|
title: "编辑对话名称",
|
|
205
206
|
icon: null,
|
|
206
|
-
content: /* @__PURE__ */
|
|
207
|
+
content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
207
208
|
import_antd.Input,
|
|
208
209
|
{
|
|
209
210
|
defaultValue: inputValue,
|
|
@@ -234,7 +235,7 @@ var XAiProvider = (0, import_react.forwardRef)(({
|
|
|
234
235
|
case "delete":
|
|
235
236
|
confirm({
|
|
236
237
|
title: "确认删除?",
|
|
237
|
-
icon: /* @__PURE__ */
|
|
238
|
+
icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ExclamationCircleFilled, {}),
|
|
238
239
|
content: "该对话内容将被删除无法恢复。",
|
|
239
240
|
okText: "确认删除",
|
|
240
241
|
okType: "danger",
|
|
@@ -259,115 +260,125 @@ var XAiProvider = (0, import_react.forwardRef)(({
|
|
|
259
260
|
const { cost, token: tokenCount } = finalResult.extra || {};
|
|
260
261
|
if (!cost && !token)
|
|
261
262
|
return null;
|
|
262
|
-
return /* @__PURE__ */
|
|
263
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { style: { display: "flex", alignItems: "center", fontSize: "12px", color: "#949494", flex: 1, paddingRight: "40px" }, children: [
|
|
264
|
+
cost !== void 0 && cost !== null && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
|
|
265
|
+
cost,
|
|
266
|
+
"s"
|
|
267
|
+
] }),
|
|
268
|
+
tokenCount && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Divider, { type: "vertical" }),
|
|
269
|
+
tokenCount && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
|
|
270
|
+
tokenCount,
|
|
271
|
+
" tokens"
|
|
272
|
+
] })
|
|
273
|
+
] });
|
|
263
274
|
};
|
|
264
275
|
const clearBtnShow = typeof ((_a = config == null ? void 0 : config.chatProps) == null ? void 0 : _a.clearBtnShow) !== "undefined" ? config.chatProps.clearBtnShow : !((_b = config == null ? void 0 : config.session) == null ? void 0 : _b.showSessionList);
|
|
265
|
-
return /* @__PURE__ */
|
|
276
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
266
277
|
import_antd.ConfigProvider,
|
|
267
278
|
{
|
|
268
279
|
theme: {
|
|
269
280
|
token: {
|
|
270
281
|
colorPrimary: (appInfo == null ? void 0 : appInfo.appTheme) || import_common.primaryBlue
|
|
271
282
|
}
|
|
272
|
-
}
|
|
273
|
-
|
|
274
|
-
|
|
275
|
-
|
|
276
|
-
|
|
277
|
-
|
|
278
|
-
|
|
279
|
-
|
|
280
|
-
|
|
281
|
-
|
|
282
|
-
|
|
283
|
-
|
|
284
|
-
|
|
285
|
-
|
|
286
|
-
|
|
287
|
-
|
|
288
|
-
|
|
289
|
-
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
|
|
294
|
-
|
|
295
|
-
|
|
296
|
-
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
|
|
300
|
-
|
|
301
|
-
|
|
283
|
+
},
|
|
284
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_x.XProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
285
|
+
import_AiProviderContext.XAiContext.Provider,
|
|
286
|
+
{
|
|
287
|
+
value: {
|
|
288
|
+
avatar: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: icon, alt: "智能体头像" }),
|
|
289
|
+
userAvatar: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: import_user.default, alt: "用户头像" }),
|
|
290
|
+
emptyStateImage: icon,
|
|
291
|
+
emptyStateText: appName,
|
|
292
|
+
footerTips: "内容由AI生成,无法确保真实准确,仅供参考",
|
|
293
|
+
providerId,
|
|
294
|
+
sessionList,
|
|
295
|
+
sessionTotal: sessionPagination.total,
|
|
296
|
+
token,
|
|
297
|
+
messages,
|
|
298
|
+
loading,
|
|
299
|
+
error: null,
|
|
300
|
+
activeKey: currentSessionId,
|
|
301
|
+
clearBtnShow,
|
|
302
|
+
inputShow: ((_c = config == null ? void 0 : config.chatProps) == null ? void 0 : _c.inputShow) || true,
|
|
303
|
+
isNarrow,
|
|
304
|
+
messageTooltip: ToolTip,
|
|
305
|
+
messageActions: [...import_XAiChatbot.defaultActions, {
|
|
306
|
+
key: "like",
|
|
307
|
+
tooltip: "赞",
|
|
308
|
+
render: (i, msg) => {
|
|
309
|
+
const isLike = msg.isLike === 1;
|
|
310
|
+
if (isLike) {
|
|
311
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.LikeFilled, { style: { color: (appInfo == null ? void 0 : appInfo.appTheme) || import_common.primaryBlue } });
|
|
312
|
+
}
|
|
313
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.LikeOutlined, {});
|
|
302
314
|
}
|
|
303
|
-
|
|
304
|
-
|
|
305
|
-
|
|
306
|
-
|
|
307
|
-
|
|
308
|
-
|
|
309
|
-
|
|
310
|
-
|
|
311
|
-
|
|
312
|
-
|
|
313
|
-
|
|
314
|
-
|
|
315
|
-
|
|
316
|
-
|
|
317
|
-
|
|
318
|
-
|
|
319
|
-
|
|
320
|
-
|
|
321
|
-
|
|
322
|
-
appNo: config == null ? void 0 : config.appNo,
|
|
323
|
-
token
|
|
324
|
-
});
|
|
325
|
-
if ((result == null ? void 0 : result.code) === import_constants.API_SUCCESS_CODE) {
|
|
326
|
-
import_antd.message.success("已收到您的反馈,我们会努力做的更好");
|
|
327
|
-
setMessages((prev) => {
|
|
328
|
-
return prev.map((item) => {
|
|
329
|
-
if (item.id === msg.id) {
|
|
330
|
-
return {
|
|
331
|
-
...item,
|
|
332
|
-
isLike: -1
|
|
333
|
-
};
|
|
334
|
-
}
|
|
335
|
-
return item;
|
|
336
|
-
});
|
|
315
|
+
}, {
|
|
316
|
+
key: "dislike",
|
|
317
|
+
tooltip: "踩",
|
|
318
|
+
render: (_i, msg) => {
|
|
319
|
+
var _a2;
|
|
320
|
+
const requestId = (_a2 = msg.raw) == null ? void 0 : _a2.requestId;
|
|
321
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
322
|
+
import_DislikeFeedback.default,
|
|
323
|
+
{
|
|
324
|
+
msg,
|
|
325
|
+
activeColor: (appInfo == null ? void 0 : appInfo.appTheme) || import_common.primaryBlue,
|
|
326
|
+
onSubmit: async (formData) => {
|
|
327
|
+
const { result } = await (0, import_api.addFeedback)({
|
|
328
|
+
...formData,
|
|
329
|
+
requestId,
|
|
330
|
+
isLike: -1,
|
|
331
|
+
url,
|
|
332
|
+
appNo: config == null ? void 0 : config.appNo,
|
|
333
|
+
token
|
|
337
334
|
});
|
|
338
|
-
|
|
335
|
+
if ((result == null ? void 0 : result.code) === import_constants.API_SUCCESS_CODE) {
|
|
336
|
+
import_antd.message.success("已收到您的反馈,我们会努力做的更好");
|
|
337
|
+
setMessages((prev) => {
|
|
338
|
+
return prev.map((item) => {
|
|
339
|
+
if (item.id === msg.id) {
|
|
340
|
+
return {
|
|
341
|
+
...item,
|
|
342
|
+
isLike: -1
|
|
343
|
+
};
|
|
344
|
+
}
|
|
345
|
+
return item;
|
|
346
|
+
});
|
|
347
|
+
});
|
|
348
|
+
return true;
|
|
349
|
+
}
|
|
350
|
+
import_antd.message.error("反馈失败,请稍后再试");
|
|
351
|
+
return false;
|
|
339
352
|
}
|
|
340
|
-
import_antd.message.error("反馈失败,请稍后再试");
|
|
341
|
-
return false;
|
|
342
353
|
}
|
|
343
|
-
|
|
344
|
-
|
|
354
|
+
);
|
|
355
|
+
}
|
|
356
|
+
}],
|
|
357
|
+
onSend: handleSendMessage,
|
|
358
|
+
onClear: handleCreateNewMessage,
|
|
359
|
+
onNewChat: handleCreateNewMessage,
|
|
360
|
+
onStop: stopChat,
|
|
361
|
+
menu: menuConfig,
|
|
362
|
+
onActiveChange: handleActiveChange,
|
|
363
|
+
onSuggestMessageClick: handleSuggestMessageClick,
|
|
364
|
+
onMessagesActionsCallback: handleActions,
|
|
365
|
+
isInProvider: true
|
|
366
|
+
},
|
|
367
|
+
children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
|
|
368
|
+
"div",
|
|
369
|
+
{
|
|
370
|
+
ref: divRef,
|
|
371
|
+
style: {
|
|
372
|
+
display: "flex",
|
|
373
|
+
height: "100%",
|
|
374
|
+
position: "relative"
|
|
375
|
+
},
|
|
376
|
+
children
|
|
345
377
|
}
|
|
346
|
-
|
|
347
|
-
onSend: handleSendMessage,
|
|
348
|
-
onClear: handleCreateNewMessage,
|
|
349
|
-
onNewChat: handleCreateNewMessage,
|
|
350
|
-
onStop: stopChat,
|
|
351
|
-
menu: menuConfig,
|
|
352
|
-
onActiveChange: handleActiveChange,
|
|
353
|
-
onSuggestMessageClick: handleSuggestMessageClick,
|
|
354
|
-
onMessagesActionsCallback: handleActions,
|
|
355
|
-
isInProvider: true
|
|
378
|
+
)
|
|
356
379
|
}
|
|
357
|
-
}
|
|
358
|
-
|
|
359
|
-
"div",
|
|
360
|
-
{
|
|
361
|
-
ref: divRef,
|
|
362
|
-
style: {
|
|
363
|
-
display: "flex",
|
|
364
|
-
height: "100%",
|
|
365
|
-
position: "relative"
|
|
366
|
-
}
|
|
367
|
-
},
|
|
368
|
-
children
|
|
369
|
-
)
|
|
370
|
-
))
|
|
380
|
+
) })
|
|
381
|
+
}
|
|
371
382
|
);
|
|
372
383
|
});
|
|
373
384
|
var XAiProvider_default = XAiProvider;
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/components/XAiProvider/index.tsx"],
|
|
4
4
|
"sourcesContent": ["import React, { forwardRef, useImperativeHandle, useState, useRef, useEffect } from 'react';\nimport { message, Divider, Modal, Input, ConfigProvider } from 'antd';\nimport copy from 'copy-to-clipboard';\nimport { XProvider } from '@ant-design/x';\nimport type { ConversationsProps } from '@ant-design/x';\nimport { ExclamationCircleFilled, LikeFilled, LikeOutlined } from '@ant-design/icons';\nimport { XAiContext } from '@/context/AiProviderContext';\nimport { XAiProviderProps, XAiProviderHandle } from '@/types/XAiProvider';\nimport useAgentGenerator from '@/hooks/useAgentGenerator';\nimport { MOBILE_MAX_WIDTH, API_SUCCESS_CODE } from '@/constants';\nimport userIcon from '@/assets/user.png';\nimport { primaryBlue } from '@/styles/common';\nimport DislikeFeedback from '../DislikeFeedback';\nimport { addFeedback } from '@/services/api';\nimport { defaultActions } from '../XAiChatbot';\n\nconst { confirm } = Modal;\n\nconst XAiProvider = forwardRef<XAiProviderHandle, XAiProviderProps>(({\n url = window.location.origin,\n token,\n config,\n providerId = 'defaultId',\n onSuccess,\n onError,\n onMessage,\n children,\n}, ref) => {\n // 使用 useAgentGenerator Hook 管理消息状态\n\n const { textSpeed = 55 } = config?.chatProps || {};\n\n const {\n appInfo,\n chat,\n stopChat,\n reChat,\n createNewChat,\n deleteSession,\n updateSession,\n currentSessionId,\n sessionPagination,\n sessionList,\n messages,\n loading,\n setCurrentSessionDetail,\n setMessages,\n } = useAgentGenerator({ url, token, config, onError, onSuccess, onMessage, textSpeed });\n\n const { appName, icon } = appInfo || {};\n\n useImperativeHandle(ref, () => ({\n chat,\n stopChat,\n reChat,\n getAppInfo: () => appInfo,\n getMessages: () => messages,\n getSessions: () => sessionList,\n setMessages,\n setCurrentSessionDetail,\n }), [appInfo, messages, chat, stopChat, reChat, setMessages, setCurrentSessionDetail]);\n\n const [isNarrow, setIsNarrow] = useState<boolean>(false);\n const divRef = useRef<HTMLDivElement>(null);\n\n // 监听容器宽度变化\n useEffect(() => {\n const div = divRef.current;\n if (!div) return;\n\n // 创建监听器\n const resizeObserver = new ResizeObserver((entries) => {\n // eslint-disable-next-line no-restricted-syntax\n for (const entry of entries) {\n const { width } = entry.contentRect;\n setIsNarrow(width <= MOBILE_MAX_WIDTH);\n }\n });\n\n // 开始监听\n resizeObserver.observe(div);\n\n // 初始化检查\n const initialWidth = div.offsetWidth;\n setIsNarrow(initialWidth <= MOBILE_MAX_WIDTH);\n\n // 清理函数\n return () => {\n resizeObserver.disconnect();\n };\n }, []);\n\n // 发送消息\n const handleSendMessage = (_type: string, content: string) => {\n chat(content);\n };\n\n // 清空消息\n const handleCreateNewMessage = () => {\n createNewChat();\n };\n\n // 工具栏按钮点击\n const handleActions = async (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 const idx = messages.findIndex((item) => item.id === id);\n if (idx >= 0) {\n // 删除该条消息及建议类消息\n if (messages.length - idx <= 2) {\n setMessages((prev) => prev.filter((item) => item.id !== id && item.type !== 'SuggestionMessage'));\n } else {\n // 非最新消息 只删除该条消息\n setMessages((prev) => prev.filter((item) => item.id !== id));\n }\n message.success('删除成功');\n }\n break;\n }\n case 3: {\n const { appNo } = config || {};\n const isLike = actionData.isLike ?? 0;\n if (isLike !== 0) {\n message.warning('已收到您的反馈,无需重复提交');\n return;\n }\n if (appNo) {\n const { result } = await addFeedback({\n url,\n token,\n appNo,\n requestId: actionData.raw?.requestId,\n isLike: 1,\n });\n if (result?.code === API_SUCCESS_CODE) {\n message.success('感谢您的反馈');\n setMessages((prev) => {\n return prev.map((item) => {\n if (item.id === id) {\n return {\n ...item,\n isLike: 1,\n };\n }\n return item;\n });\n });\n } else {\n message.error('反馈失败,请稍后再试');\n }\n }\n break;\n }\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 // 切换会话\n const handleActiveChange = (key: string) => {\n setCurrentSessionDetail(key);\n };\n\n // 删除会话\n const handleDeleteSession = (sessionId: string) => {\n deleteSession(sessionId);\n };\n\n // 修改会话内容\n const handleUpdateSession = (sessionId: string, title: string) => {\n updateSession(sessionId, title);\n };\n\n // 会话操作菜单\n const menuConfig: ConversationsProps['menu'] = (conversation) => ({\n items: [\n {\n label: '重命名',\n key: 'edit',\n },\n {\n label: '删除',\n key: 'delete',\n danger: true,\n },\n ],\n onClick: (menuInfo) => {\n menuInfo.domEvent.stopPropagation();\n const { key } = menuInfo;\n switch (key) {\n case 'edit': {\n let inputValue = conversation.label as string || '';\n confirm({\n title: '编辑对话名称',\n icon: null,\n content: (\n <Input\n defaultValue={inputValue}\n autoFocus\n style={{ width: '100%' }}\n onChange={(e) => {\n inputValue = e.target.value;\n }}\n />\n ),\n okText: '确认',\n cancelText: '取消',\n okButtonProps: {\n style: { background: '#000', borderColor: '#000', color: '#fff' },\n },\n onOk: () => {\n if (!inputValue.trim()) {\n message.error('对话名称不能为空');\n return Promise.reject();\n }\n handleUpdateSession(conversation.key, inputValue);\n },\n onCancel: () => {\n // 静默处理\n },\n });\n break;\n }\n case 'delete':\n confirm({\n title: '确认删除?',\n icon: <ExclamationCircleFilled />,\n content: '该对话内容将被删除无法恢复。',\n okText: '确认删除',\n okType: 'danger',\n cancelText: '取消',\n okButtonProps: {\n style: { background: '#ff4d4f', borderColor: '#ff4d4f', color: '#fff' },\n },\n onOk() {\n handleDeleteSession(conversation.key);\n },\n onCancel() {\n //\n },\n });\n break;\n }\n },\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 const clearBtnShow = typeof config?.chatProps?.clearBtnShow !== 'undefined'\n ? config.chatProps.clearBtnShow\n : !config?.session?.showSessionList;\n\n return (\n <ConfigProvider theme={{\n token: {\n colorPrimary: appInfo?.appTheme || primaryBlue,\n },\n }}\n >\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 sessionList,\n sessionTotal: sessionPagination.total,\n token,\n messages,\n loading,\n error: null,\n activeKey: currentSessionId,\n clearBtnShow,\n inputShow: config?.chatProps?.inputShow || true,\n isNarrow,\n messageTooltip: ToolTip,\n messageActions: [...defaultActions, {\n key: 'like',\n tooltip: '赞',\n render: (i, msg) => {\n const isLike = msg.isLike === 1;\n if (isLike) {\n return (\n <LikeFilled style={{ color: appInfo?.appTheme || primaryBlue }} />\n );\n }\n return <LikeOutlined />;\n },\n }, {\n key: 'dislike',\n tooltip: '踩',\n render: (_i, msg) => {\n const requestId = msg.raw?.requestId;\n return (\n <DislikeFeedback\n msg={msg}\n activeColor={appInfo?.appTheme || primaryBlue}\n onSubmit={async (formData) => {\n const { result } = await addFeedback({\n ...formData,\n requestId,\n isLike: -1,\n url,\n appNo: config?.appNo,\n token,\n });\n if (result?.code === API_SUCCESS_CODE) {\n message.success('已收到您的反馈,我们会努力做的更好');\n setMessages((prev) => {\n return prev.map((item) => {\n if (item.id === msg.id) {\n return {\n ...item,\n isLike: -1,\n };\n }\n return item;\n });\n });\n return true;\n }\n message.error('反馈失败,请稍后再试');\n return false;\n }}\n />\n );\n },\n }],\n onSend: handleSendMessage,\n onClear: handleCreateNewMessage,\n onNewChat: handleCreateNewMessage,\n onStop: stopChat,\n menu: menuConfig,\n onActiveChange: handleActiveChange,\n onSuggestMessageClick: handleSuggestMessageClick,\n onMessagesActionsCallback: handleActions,\n isInProvider: true,\n }}\n >\n <div\n ref={divRef}\n style={{\n display: 'flex',\n height: '100%',\n position: 'relative',\n }}\n >\n {children}\n </div>\n </XAiContext.Provider>\n </XProvider>\n </ConfigProvider>\n );\n});\n\nexport default XAiProvider;\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAoF;AACpF,kBAA+D;AAC/D,+BAAiB;AACjB,eAA0B;AAE1B,mBAAkE;AAClE,+BAA2B;AAE3B,+BAA8B;AAC9B,uBAAmD;AACnD,kBAAqB;AACrB,oBAA4B;AAC5B,6BAA4B;AAC5B,iBAA4B;AAC5B,wBAA+B;
|
|
6
|
-
"names": ["useAgentGenerator", "_a", "copy", "
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["useAgentGenerator", "_a", "copy", "userIcon", "DislikeFeedback"]
|
|
7
7
|
}
|
|
@@ -32,9 +32,9 @@ __export(XAiSDK_exports, {
|
|
|
32
32
|
default: () => XAiSDK_default
|
|
33
33
|
});
|
|
34
34
|
module.exports = __toCommonJS(XAiSDK_exports);
|
|
35
|
-
var import_react = __toESM(require("react"));
|
|
36
35
|
var import_XAiProvider = __toESM(require("./XAiProvider"));
|
|
37
36
|
var import_XAiChatbot = __toESM(require("./XAiChatbot"));
|
|
37
|
+
var import_jsx_runtime = require("react/jsx-runtime");
|
|
38
38
|
var XAiSDK = ({
|
|
39
39
|
width = "400px",
|
|
40
40
|
height = "600px",
|
|
@@ -47,7 +47,7 @@ var XAiSDK = ({
|
|
|
47
47
|
height: typeof height === "number" ? `${height}px` : height,
|
|
48
48
|
...style
|
|
49
49
|
};
|
|
50
|
-
return /* @__PURE__ */
|
|
50
|
+
return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className, style: containerStyle, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_XAiProvider.default, { ...providerProps, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_XAiChatbot.default, {}) }) });
|
|
51
51
|
};
|
|
52
52
|
var XAiSDK_default = XAiSDK;
|
|
53
53
|
//# sourceMappingURL=XAiSDK.js.map
|
|
@@ -2,6 +2,6 @@
|
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/XAiSDK.tsx"],
|
|
4
4
|
"sourcesContent": ["import React from 'react';\nimport { XAiProviderProps } from '@/types/XAiProvider';\nimport XAiProvider from '@/components/XAiProvider';\nimport XAiChatbot from '@/components/XAiChatbot';\n\nexport interface XAiSDKProps extends XAiProviderProps {\n width?: string | number;\n height?: string | number;\n className?: string;\n style?: React.CSSProperties;\n}\n\nconst XAiSDK: React.FC<XAiSDKProps> = ({\n width = '400px',\n height = '600px',\n className,\n style,\n ...providerProps\n}) => {\n const containerStyle: React.CSSProperties = {\n width: typeof width === 'number' ? `${width}px` : width,\n height: typeof height === 'number' ? `${height}px` : height,\n ...style,\n };\n\n return (\n <div className={className} style={containerStyle}>\n <XAiProvider {...providerProps}>\n <XAiChatbot />\n </XAiProvider>\n </div>\n );\n};\n\nexport default XAiSDK;\n"],
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;
|
|
6
|
-
"names": ["
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,yBAAwB;AACxB,wBAAuB;AAyBf;AAhBR,IAAM,SAAgC,CAAC;AAAA,EACrC,QAAQ;AAAA,EACR,SAAS;AAAA,EACT;AAAA,EACA;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,iBAAsC;AAAA,IAC1C,OAAO,OAAO,UAAU,WAAW,GAAG,YAAY;AAAA,IAClD,QAAQ,OAAO,WAAW,WAAW,GAAG,aAAa;AAAA,IACrD,GAAG;AAAA,EACL;AAEA,SACE,4CAAC,SAAI,WAAsB,OAAO,gBAChC,sDAAC,mBAAAA,SAAA,EAAa,GAAG,eACf,sDAAC,kBAAAC,SAAA,EAAW,GACd,GACF;AAEJ;AAEA,IAAO,iBAAQ;",
|
|
6
|
+
"names": ["XAiProvider", "XAiChatbot"]
|
|
7
7
|
}
|