@ai-group/chat-sdk 2.0.0 → 2.0.2

package/dist/cjs/assets/svg/AddChatIcon.js

@@ -1,8 +1,6 @@
-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)
@@ -16,14 +14,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   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/assets/svg/AddChatIcon.tsx
@@ -32,7 +22,10 @@ __export(AddChatIcon_exports, {
   default: () => AddChatIcon_default
 });
 module.exports = __toCommonJS(AddChatIcon_exports);
-var import_react = __toESM(require("react"));
-var AddChatIcon = (props) => /* @__PURE__ */ import_react.default.createElement("svg", { viewBox: "0 0 21 21", fill: "currentColor", ...props }, /* @__PURE__ */ import_react.default.createElement("title", null, "icon/menu/messageFlash"), /* @__PURE__ */ import_react.default.createElement("g", { id: "应用广场25.8", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd" }, /* @__PURE__ */ import_react.default.createElement("g", { id: "应用h5_默认", transform: "translate(-112, -22)", fill: "currentColor" }, /* @__PURE__ */ import_react.default.createElement("g", { id: "编组", transform: "translate(64, 12)" }, /* @__PURE__ */ import_react.default.createElement("g", { id: "icon/menu/messageFlash", transform: "translate(48, 10)", "fill-rule": "nonzero" }, /* @__PURE__ */ import_react.default.createElement("path", { d: "M10.0096252,1.5 C14.7512907,1.5 18.5951701,5.34387936 18.5951701,10.0855449 C18.5951701,14.7998039 14.7798864,18.5 10.0096252,18.5 C9.95495387,18.5 9.90199098,18.5 9.85057112,18.5 L6.30207336,18.499027 C6.22439746,18.4989896 6.14412829,18.4989507 6.0611004,18.4989104 L4.58809638,18.498186 L4.55827318,18.5002746 C3.70779948,18.5600748 3.38742633,18.5409853 2.93655892,18.2653932 C2.1832446,17.8049309 1.94589784,16.8209176 2.40662081,16.0677691 C2.60629158,15.7413384 2.73716321,15.4799158 2.79899336,15.2947802 C2.82452738,15.2183247 2.82446769,15.2193881 2.87074412,15.311941 C2.26840799,14.1072687 1.42408038,11.4716782 1.42408038,10.0855449 C1.42408038,5.34387936 5.26795974,1.5 10.0096252,1.5 Z M10.0096252,3 C6.09638687,3 2.92408038,6.17230649 2.92408038,10.0855449 C2.92408038,11.1885612 3.70511474,13.6265803 4.21238491,14.6411206 C4.50007839,15.2165075 4.27686952,15.8848531 3.68620584,16.8504965 C3.65791475,16.8967442 3.67249916,16.9572095 3.71886202,16.9855487 C3.79328018,17.0310367 3.94204241,17.0399008 4.45306197,17.003969 C4.4683628,17.0028941 4.4683628,17.0028941 4.53596471,17 L10.0096252,17 C13.9615665,17 17.0951701,13.9609212 17.0951701,10.0855449 C17.0951701,6.17230649 13.9228636,3 10.0096252,3 Z M6.75962524,9.26403485 L13.2596252,9.26403485 C13.6738388,9.26403485 14.0096252,9.59982129 14.0096252,10.0140348 C14.0096252,10.4282484 13.6738388,10.7640348 13.2596252,10.7640348 L6.75962524,10.7640348 C6.34541167,10.7640348 6.00962524,10.4282484 6.00962524,10.0140348 C6.00962524,9.59982129 6.34541167,9.26403485 6.75962524,9.26403485 Z M9.25962524,13.2640348 L9.25962524,6.76403485 C9.25962524,6.34982129 9.59541167,6.01403485 10.0096252,6.01403485 C10.4238388,6.01403485 10.7596252,6.34982129 10.7596252,6.76403485 L10.7596252,13.2640348 C10.7596252,13.6782484 10.4238388,14.0140348 10.0096252,14.0140348 C9.59541167,14.0140348 9.25962524,13.6782484 9.25962524,13.2640348 Z", id: "形状结合" }))))));
+var import_jsx_runtime = require("react/jsx-runtime");
+var AddChatIcon = (props) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("svg", { viewBox: "0 0 21 21", fill: "currentColor", ...props, children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("title", { children: "icon/menu/messageFlash" }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { id: "应用广场25.8", stroke: "none", "stroke-width": "1", fill: "none", "fill-rule": "evenodd", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { id: "应用h5_默认", transform: "translate(-112, -22)", fill: "currentColor", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { id: "编组", transform: "translate(64, 12)", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("g", { id: "icon/menu/messageFlash", transform: "translate(48, 10)", "fill-rule": "nonzero", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("path", { d: "M10.0096252,1.5 C14.7512907,1.5 18.5951701,5.34387936 18.5951701,10.0855449 C18.5951701,14.7998039 14.7798864,18.5 10.0096252,18.5 C9.95495387,18.5 9.90199098,18.5 9.85057112,18.5 L6.30207336,18.499027 C6.22439746,18.4989896 6.14412829,18.4989507 6.0611004,18.4989104 L4.58809638,18.498186 L4.55827318,18.5002746 C3.70779948,18.5600748 3.38742633,18.5409853 2.93655892,18.2653932 C2.1832446,17.8049309 1.94589784,16.8209176 2.40662081,16.0677691 C2.60629158,15.7413384 2.73716321,15.4799158 2.79899336,15.2947802 C2.82452738,15.2183247 2.82446769,15.2193881 2.87074412,15.311941 C2.26840799,14.1072687 1.42408038,11.4716782 1.42408038,10.0855449 C1.42408038,5.34387936 5.26795974,1.5 10.0096252,1.5 Z M10.0096252,3 C6.09638687,3 2.92408038,6.17230649 2.92408038,10.0855449 C2.92408038,11.1885612 3.70511474,13.6265803 4.21238491,14.6411206 C4.50007839,15.2165075 4.27686952,15.8848531 3.68620584,16.8504965 C3.65791475,16.8967442 3.67249916,16.9572095 3.71886202,16.9855487 C3.79328018,17.0310367 3.94204241,17.0399008 4.45306197,17.003969 C4.4683628,17.0028941 4.4683628,17.0028941 4.53596471,17 L10.0096252,17 C13.9615665,17 17.0951701,13.9609212 17.0951701,10.0855449 C17.0951701,6.17230649 13.9228636,3 10.0096252,3 Z M6.75962524,9.26403485 L13.2596252,9.26403485 C13.6738388,9.26403485 14.0096252,9.59982129 14.0096252,10.0140348 C14.0096252,10.4282484 13.6738388,10.7640348 13.2596252,10.7640348 L6.75962524,10.7640348 C6.34541167,10.7640348 6.00962524,10.4282484 6.00962524,10.0140348 C6.00962524,9.59982129 6.34541167,9.26403485 6.75962524,9.26403485 Z M9.25962524,13.2640348 L9.25962524,6.76403485 C9.25962524,6.34982129 9.59541167,6.01403485 10.0096252,6.01403485 C10.4238388,6.01403485 10.7596252,6.34982129 10.7596252,6.76403485 L10.7596252,13.2640348 C10.7596252,13.6782484 10.4238388,14.0140348 10.0096252,14.0140348 C9.59541167,14.0140348 9.25962524,13.6782484 9.25962524,13.2640348 Z", id: "形状结合" }) }) }) }) })
+] });
 var AddChatIcon_default = AddChatIcon;
 //# sourceMappingURL=AddChatIcon.js.map

package/dist/cjs/assets/svg/AddChatIcon.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../../src/assets/svg/AddChatIcon.tsx"],
   "sourcesContent": ["import React from 'react';\n\nconst AddChatIcon = (props: React.SVGProps<SVGSVGElement>) => (\n  <svg viewBox=\"0 0 21 21\" fill=\"currentColor\" {...props}>\n    <title>icon/menu/messageFlash</title>\n    <g id=\"应用广场25.8\" stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\">\n        <g id=\"应用h5_默认\" transform=\"translate(-112, -22)\" fill=\"currentColor\">\n            <g id=\"编组\" transform=\"translate(64, 12)\">\n                <g id=\"icon/menu/messageFlash\" transform=\"translate(48, 10)\" fill-rule=\"nonzero\">\n                    <path d=\"M10.0096252,1.5 C14.7512907,1.5 18.5951701,5.34387936 18.5951701,10.0855449 C18.5951701,14.7998039 14.7798864,18.5 10.0096252,18.5 C9.95495387,18.5 9.90199098,18.5 9.85057112,18.5 L6.30207336,18.499027 C6.22439746,18.4989896 6.14412829,18.4989507 6.0611004,18.4989104 L4.58809638,18.498186 L4.55827318,18.5002746 C3.70779948,18.5600748 3.38742633,18.5409853 2.93655892,18.2653932 C2.1832446,17.8049309 1.94589784,16.8209176 2.40662081,16.0677691 C2.60629158,15.7413384 2.73716321,15.4799158 2.79899336,15.2947802 C2.82452738,15.2183247 2.82446769,15.2193881 2.87074412,15.311941 C2.26840799,14.1072687 1.42408038,11.4716782 1.42408038,10.0855449 C1.42408038,5.34387936 5.26795974,1.5 10.0096252,1.5 Z M10.0096252,3 C6.09638687,3 2.92408038,6.17230649 2.92408038,10.0855449 C2.92408038,11.1885612 3.70511474,13.6265803 4.21238491,14.6411206 C4.50007839,15.2165075 4.27686952,15.8848531 3.68620584,16.8504965 C3.65791475,16.8967442 3.67249916,16.9572095 3.71886202,16.9855487 C3.79328018,17.0310367 3.94204241,17.0399008 4.45306197,17.003969 C4.4683628,17.0028941 4.4683628,17.0028941 4.53596471,17 L10.0096252,17 C13.9615665,17 17.0951701,13.9609212 17.0951701,10.0855449 C17.0951701,6.17230649 13.9228636,3 10.0096252,3 Z M6.75962524,9.26403485 L13.2596252,9.26403485 C13.6738388,9.26403485 14.0096252,9.59982129 14.0096252,10.0140348 C14.0096252,10.4282484 13.6738388,10.7640348 13.2596252,10.7640348 L6.75962524,10.7640348 C6.34541167,10.7640348 6.00962524,10.4282484 6.00962524,10.0140348 C6.00962524,9.59982129 6.34541167,9.26403485 6.75962524,9.26403485 Z M9.25962524,13.2640348 L9.25962524,6.76403485 C9.25962524,6.34982129 9.59541167,6.01403485 10.0096252,6.01403485 C10.4238388,6.01403485 10.7596252,6.34982129 10.7596252,6.76403485 L10.7596252,13.2640348 C10.7596252,13.6782484 10.4238388,14.0140348 10.0096252,14.0140348 C9.59541167,14.0140348 9.25962524,13.6782484 9.25962524,13.2640348 Z\" id=\"形状结合\"></path>\n                </g>\n            </g>\n        </g>\n    </g>\n  </svg>\n);\n\nexport default AddChatIcon;"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAElB,IAAM,cAAc,CAAC,UACnB,6BAAAA,QAAA,cAAC,SAAI,SAAQ,aAAY,MAAK,gBAAgB,GAAG,SAC/C,6BAAAA,QAAA,cAAC,eAAM,wBAAsB,GAC7B,6BAAAA,QAAA,cAAC,OAAE,IAAG,YAAW,QAAO,QAAO,gBAAa,KAAI,MAAK,QAAO,aAAU,aAClE,6BAAAA,QAAA,cAAC,OAAE,IAAG,WAAU,WAAU,wBAAuB,MAAK,kBAClD,6BAAAA,QAAA,cAAC,OAAE,IAAG,MAAK,WAAU,uBACjB,6BAAAA,QAAA,cAAC,OAAE,IAAG,0BAAyB,WAAU,qBAAoB,aAAU,aACnE,6BAAAA,QAAA,cAAC,UAAK,GAAE,+2DAA82D,IAAG,QAAO,CACp4D,CACJ,CACJ,CACJ,CACF;AAGF,IAAO,sBAAQ;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGE;AADF,IAAM,cAAc,CAAC,UACnB,6CAAC,SAAI,SAAQ,aAAY,MAAK,gBAAgB,GAAG,OAC/C;AAAA,8CAAC,WAAM,oCAAsB;AAAA,EAC7B,4CAAC,OAAE,IAAG,YAAW,QAAO,QAAO,gBAAa,KAAI,MAAK,QAAO,aAAU,WAClE,sDAAC,OAAE,IAAG,WAAU,WAAU,wBAAuB,MAAK,gBAClD,sDAAC,OAAE,IAAG,MAAK,WAAU,qBACjB,sDAAC,OAAE,IAAG,0BAAyB,WAAU,qBAAoB,aAAU,WACnE,sDAAC,UAAK,GAAE,+2DAA82D,IAAG,QAAO,GACp4D,GACJ,GACJ,GACJ;AAAA,GACF;AAGF,IAAO,sBAAQ;",
+  "names": []
 }

package/dist/cjs/components/DislikeFeedback.js

@@ -34,13 +34,14 @@ __export(DislikeFeedback_exports, {
 });
 module.exports = __toCommonJS(DislikeFeedback_exports);
 var import_antd = require("antd");
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_icons = require("@ant-design/icons");
 var import_FeedbackTags = __toESM(require("./FeedbackTags"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var DislikeFeedback = ({ msg, activeColor, onSubmit }) => {
   const [form] = import_antd.Form.useForm();
   const [showFeedback, setShowFeedback] = (0, import_react.useState)(false);
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_antd.Popover,
     {
       trigger: ["click"],
@@ -56,30 +57,37 @@ var DislikeFeedback = ({ msg, activeColor, onSubmit }) => {
         }
         setShowFeedback(v);
       },
-      title: /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement("div", null, "抱歉，未能满足您的需求"), /* @__PURE__ */ import_react.default.createElement("div", { style: { color: "#999", fontWeight: "normal", marginBottom: 12 } }, "为提升您的使用体验，请告诉我们不足的方向")),
-      content: /* @__PURE__ */ import_react.default.createElement("div", null, /* @__PURE__ */ import_react.default.createElement(import_antd.Form, { form }, /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "feedbackTags", style: { marginBottom: 12 } }, /* @__PURE__ */ import_react.default.createElement(import_FeedbackTags.default, null)), /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { name: "feedbackDescription", style: { marginBottom: 12 } }, /* @__PURE__ */ import_react.default.createElement(import_antd.Input.TextArea, { rows: 4, placeholder: "欢迎说说你的想法" })), /* @__PURE__ */ import_react.default.createElement(import_antd.Form.Item, { dependencies: ["feedbackTags", "feedbackDescription"], noStyle: true }, ({ getFieldValue }) => {
-        const feedbackTags = getFieldValue("feedbackTags") || [];
-        const feedbackDescription = getFieldValue("feedbackDescription");
-        const disabled = !feedbackTags.length && !feedbackDescription;
-        return /* @__PURE__ */ import_react.default.createElement(
-          import_antd.Button,
-          {
-            type: "primary",
-            block: true,
-            disabled,
-            onClick: async () => {
-              const formData = await form.validateFields();
-              const res = await onSubmit(formData);
-              if (res) {
-                setShowFeedback(false);
-              }
+      title: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: "抱歉，未能满足您的需求" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { color: "#999", fontWeight: "normal", marginBottom: 12 }, children: "为提升您的使用体验，请告诉我们不足的方向" })
+      ] }),
+      content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Form, { form, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Form.Item, { name: "feedbackTags", style: { marginBottom: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FeedbackTags.default, {}) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Form.Item, { name: "feedbackDescription", style: { marginBottom: 12 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Input.TextArea, { rows: 4, placeholder: "欢迎说说你的想法" }) }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Form.Item, { dependencies: ["feedbackTags", "feedbackDescription"], noStyle: true, children: ({ getFieldValue }) => {
+          const feedbackTags = getFieldValue("feedbackTags") || [];
+          const feedbackDescription = getFieldValue("feedbackDescription");
+          const disabled = !feedbackTags.length && !feedbackDescription;
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_antd.Button,
+            {
+              type: "primary",
+              block: true,
+              disabled,
+              onClick: async () => {
+                const formData = await form.validateFields();
+                const res = await onSubmit(formData);
+                if (res) {
+                  setShowFeedback(false);
+                }
+              },
+              children: "提交反馈"
             }
-          },
-          "提交反馈"
-        );
-      })))
-    },
-    msg.isLike === -1 ? /* @__PURE__ */ import_react.default.createElement(import_icons.DislikeFilled, { style: { color: activeColor } }) : /* @__PURE__ */ import_react.default.createElement(import_icons.DislikeOutlined, null)
+          );
+        } })
+      ] }) }),
+      children: msg.isLike === -1 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.DislikeFilled, { style: { color: activeColor } }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.DislikeOutlined, {})
+    }
   );
 };
 var DislikeFeedback_default = DislikeFeedback;

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/DislikeFeedback.tsx"],
   "sourcesContent": ["import { Button, Form, Input, message, Popover } from 'antd';\nimport React, { useState } from 'react';\nimport { DislikeFilled, DislikeOutlined } from '@ant-design/icons';\nimport FeedbackTags from './FeedbackTags';\n\nexport interface DislikeFeedbackProps {\n  msg: any;\n  activeColor: string;\n  onSubmit: (v: any) => Promise<boolean>;\n}\n\nexport const DislikeFeedback: React.FC<DislikeFeedbackProps> = ({ msg, activeColor, onSubmit }) => {\n  const [form] = Form.useForm();\n  const [showFeedback, setShowFeedback] = useState(false);\n  return (\n    <Popover\n      trigger={['click']}\n      open={showFeedback}\n      onOpenChange={(v) => {\n        const isLike = msg.isLike ?? 0;\n        if (v && isLike !== 0) {\n          message.warning('已收到您的反馈，无需重复提交');\n          return;\n        }\n        if (v) {\n          form.resetFields();\n        }\n        setShowFeedback(v);\n      }}\n      title={(\n        <div>\n          <div>抱歉，未能满足您的需求</div>\n          <div style={{ color: '#999', fontWeight: 'normal', marginBottom: 12 }}>\n            为提升您的使用体验，请告诉我们不足的方向\n          </div>\n        </div>\n      )}\n      content={(\n        <div>\n          <Form form={form}>\n            <Form.Item name=\"feedbackTags\" style={{ marginBottom: 12 }}>\n              <FeedbackTags />\n            </Form.Item>\n            <Form.Item name=\"feedbackDescription\" style={{ marginBottom: 12 }}>\n              <Input.TextArea rows={4} placeholder=\"欢迎说说你的想法\" />\n            </Form.Item>\n            <Form.Item dependencies={['feedbackTags', 'feedbackDescription']} noStyle>\n              {({ getFieldValue }) => {\n                const feedbackTags = getFieldValue('feedbackTags') || [];\n                const feedbackDescription = getFieldValue('feedbackDescription');\n                const disabled = !feedbackTags.length && !feedbackDescription;\n                return (\n                  <Button\n                    type=\"primary\"\n                    block\n                    disabled={disabled}\n                    onClick={async () => {\n                      const formData = await form.validateFields();\n                      const res = await onSubmit(formData);\n                      if (res) {\n                        setShowFeedback(false);\n                      }\n                    }}\n                  >\n                    提交反馈\n                  </Button>\n                );\n              }}\n            </Form.Item>\n          </Form>\n        </div>\n      )}\n    >\n      {msg.isLike === -1\n        ? (\n          <DislikeFilled style={{ color: activeColor }} />\n        )\n        : (\n          <DislikeOutlined />\n        )}\n    </Popover>\n  );\n};\n\nexport default DislikeFeedback;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAsD;AACtD,mBAAgC;AAChC,mBAA+C;AAC/C,0BAAyB;AAQlB,IAAM,kBAAkD,CAAC,EAAE,KAAK,aAAa,SAAS,MAAM;AACjG,QAAM,CAAC,IAAI,IAAI,iBAAK,QAAQ;AAC5B,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,KAAK;AACtD,SACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,CAAC,OAAO;AAAA,MACjB,MAAM;AAAA,MACN,cAAc,CAAC,MAAM;AACnB,cAAM,SAAS,IAAI,UAAU;AAC7B,YAAI,KAAK,WAAW,GAAG;AACrB,8BAAQ,QAAQ,gBAAgB;AAChC;AAAA,QACF;AACA,YAAI,GAAG;AACL,eAAK,YAAY;AAAA,QACnB;AACA,wBAAgB,CAAC;AAAA,MACnB;AAAA,MACA,OACE,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,aAAI,aAAW,GAChB,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,OAAO,QAAQ,YAAY,UAAU,cAAc,GAAG,KAAG,sBAEvE,CACF;AAAA,MAEF,SACE,6BAAAA,QAAA,cAAC,aACC,6BAAAA,QAAA,cAAC,oBAAK,QACJ,6BAAAA,QAAA,cAAC,iBAAK,MAAL,EAAU,MAAK,gBAAe,OAAO,EAAE,cAAc,GAAG,KACvD,6BAAAA,QAAA,cAAC,oBAAAC,SAAA,IAAa,CAChB,GACA,6BAAAD,QAAA,cAAC,iBAAK,MAAL,EAAU,MAAK,uBAAsB,OAAO,EAAE,cAAc,GAAG,KAC9D,6BAAAA,QAAA,cAAC,kBAAM,UAAN,EAAe,MAAM,GAAG,aAAY,YAAW,CAClD,GACA,6BAAAA,QAAA,cAAC,iBAAK,MAAL,EAAU,cAAc,CAAC,gBAAgB,qBAAqB,GAAG,SAAO,QACtE,CAAC,EAAE,cAAc,MAAM;AACtB,cAAM,eAAe,cAAc,cAAc,KAAK,CAAC;AACvD,cAAM,sBAAsB,cAAc,qBAAqB;AAC/D,cAAM,WAAW,CAAC,aAAa,UAAU,CAAC;AAC1C,eACE,6BAAAA,QAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAK;AAAA,YACL,OAAK;AAAA,YACL;AAAA,YACA,SAAS,YAAY;AACnB,oBAAM,WAAW,MAAM,KAAK,eAAe;AAC3C,oBAAM,MAAM,MAAM,SAAS,QAAQ;AACnC,kBAAI,KAAK;AACP,gCAAgB,KAAK;AAAA,cACvB;AAAA,YACF;AAAA;AAAA,UACD;AAAA,QAED;AAAA,MAEJ,CACF,CACF,CACF;AAAA;AAAA,IAGD,IAAI,WAAW,KAEZ,6BAAAA,QAAA,cAAC,8BAAc,OAAO,EAAE,OAAO,YAAY,GAAG,IAG9C,6BAAAA,QAAA,cAAC,kCAAgB;AAAA,EAEvB;AAEJ;AAEA,IAAO,0BAAQ;",
-  "names": ["React", "FeedbackTags"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAAsD;AACtD,mBAAgC;AAChC,mBAA+C;AAC/C,0BAAyB;AA2BjB;AAnBD,IAAM,kBAAkD,CAAC,EAAE,KAAK,aAAa,SAAS,MAAM;AACjG,QAAM,CAAC,IAAI,IAAI,iBAAK,QAAQ;AAC5B,QAAM,CAAC,cAAc,eAAe,QAAI,uBAAS,KAAK;AACtD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,SAAS,CAAC,OAAO;AAAA,MACjB,MAAM;AAAA,MACN,cAAc,CAAC,MAAM;AACnB,cAAM,SAAS,IAAI,UAAU;AAC7B,YAAI,KAAK,WAAW,GAAG;AACrB,8BAAQ,QAAQ,gBAAgB;AAChC;AAAA,QACF;AACA,YAAI,GAAG;AACL,eAAK,YAAY;AAAA,QACnB;AACA,wBAAgB,CAAC;AAAA,MACnB;AAAA,MACA,OACE,6CAAC,SACC;AAAA,oDAAC,SAAI,yBAAW;AAAA,QAChB,4CAAC,SAAI,OAAO,EAAE,OAAO,QAAQ,YAAY,UAAU,cAAc,GAAG,GAAG,kCAEvE;AAAA,SACF;AAAA,MAEF,SACE,4CAAC,SACC,uDAAC,oBAAK,MACJ;AAAA,oDAAC,iBAAK,MAAL,EAAU,MAAK,gBAAe,OAAO,EAAE,cAAc,GAAG,GACvD,sDAAC,oBAAAA,SAAA,EAAa,GAChB;AAAA,QACA,4CAAC,iBAAK,MAAL,EAAU,MAAK,uBAAsB,OAAO,EAAE,cAAc,GAAG,GAC9D,sDAAC,kBAAM,UAAN,EAAe,MAAM,GAAG,aAAY,YAAW,GAClD;AAAA,QACA,4CAAC,iBAAK,MAAL,EAAU,cAAc,CAAC,gBAAgB,qBAAqB,GAAG,SAAO,MACtE,WAAC,EAAE,cAAc,MAAM;AACtB,gBAAM,eAAe,cAAc,cAAc,KAAK,CAAC;AACvD,gBAAM,sBAAsB,cAAc,qBAAqB;AAC/D,gBAAM,WAAW,CAAC,aAAa,UAAU,CAAC;AAC1C,iBACE;AAAA,YAAC;AAAA;AAAA,cACC,MAAK;AAAA,cACL,OAAK;AAAA,cACL;AAAA,cACA,SAAS,YAAY;AACnB,sBAAM,WAAW,MAAM,KAAK,eAAe;AAC3C,sBAAM,MAAM,MAAM,SAAS,QAAQ;AACnC,oBAAI,KAAK;AACP,kCAAgB,KAAK;AAAA,gBACvB;AAAA,cACF;AAAA,cACD;AAAA;AAAA,UAED;AAAA,QAEJ,GACF;AAAA,SACF,GACF;AAAA,MAGD,cAAI,WAAW,KAEZ,4CAAC,8BAAc,OAAO,EAAE,OAAO,YAAY,GAAG,IAG9C,4CAAC,gCAAgB;AAAA;AAAA,EAEvB;AAEJ;AAEA,IAAO,0BAAQ;",
+  "names": ["FeedbackTags"]
 }

package/dist/cjs/components/FeedbackTags.js

@@ -1,8 +1,6 @@
-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)
@@ -16,14 +14,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   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/FeedbackTags.tsx
@@ -34,14 +24,13 @@ __export(FeedbackTags_exports, {
 });
 module.exports = __toCommonJS(FeedbackTags_exports);
 var import_antd = require("antd");
-var import_react = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
 var allTags = ["回答错误", "需求理解错", "内容质量差", "逻辑混乱", "可读性差", "遗忘了上文", "时效性差", "其他"];
 var FeedbackTags = ({ value, onChange }) => {
   const tags = value || [];
-  return /* @__PURE__ */ import_react.default.createElement(import_antd.Flex, { gap: 8, wrap: true, style: { width: 305 } }, allTags.map((v) => /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Flex, { gap: 8, wrap: true, style: { width: 305 }, children: allTags.map((v) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_antd.Button,
     {
-      key: v,
       type: tags.includes(v) ? "primary" : "default",
       onClick: () => {
         if (tags.includes(v)) {
@@ -49,10 +38,11 @@ var FeedbackTags = ({ value, onChange }) => {
         } else {
           onChange == null ? void 0 : onChange([...tags, v]);
         }
-      }
+      },
+      children: v
     },
     v
-  )));
+  )) });
 };
 var FeedbackTags_default = FeedbackTags;
 // Annotate the CommonJS export names for ESM import in node:

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

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../../src/components/FeedbackTags.tsx"],
   "sourcesContent": ["import { Button, Flex } from 'antd';\nimport React from 'react';\n\nexport interface FeedbackTagsProps {\n  value?: string[];\n  onChange?: (v?: string[]) => void;\n}\n\nconst allTags = ['回答错误', '需求理解错', '内容质量差', '逻辑混乱', '可读性差', '遗忘了上文', '时效性差', '其他'];\n\nexport const FeedbackTags: React.FC<FeedbackTagsProps> = ({ value, onChange }) => {\n  const tags = value || [];\n  return (\n    <Flex gap={8} wrap style={{ width: 305 }}>\n      {allTags.map((v) => (\n        <Button\n          key={v}\n          type={tags.includes(v) ? 'primary' : 'default'}\n          onClick={() => {\n            if (tags.includes(v)) {\n              onChange?.(tags.filter((t) => t !== v));\n            } else {\n              onChange?.([...tags, v]);\n            }\n          }}\n        >\n          {v}\n        </Button>\n      ))}\n    </Flex>\n  );\n};\n\nexport default FeedbackTags;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA6B;AAC7B,mBAAkB;AAOlB,IAAM,UAAU,CAAC,QAAQ,SAAS,SAAS,QAAQ,QAAQ,SAAS,QAAQ,IAAI;AAEzE,IAAM,eAA4C,CAAC,EAAE,OAAO,SAAS,MAAM;AAChF,QAAM,OAAO,SAAS,CAAC;AACvB,SACE,6BAAAA,QAAA,cAAC,oBAAK,KAAK,GAAG,MAAI,MAAC,OAAO,EAAE,OAAO,IAAI,KACpC,QAAQ,IAAI,CAAC,MACZ,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,MAAM,KAAK,SAAS,CAAC,IAAI,YAAY;AAAA,MACrC,SAAS,MAAM;AACb,YAAI,KAAK,SAAS,CAAC,GAAG;AACpB,+CAAW,KAAK,OAAO,CAAC,MAAM,MAAM,CAAC;AAAA,QACvC,OAAO;AACL,+CAAW,CAAC,GAAG,MAAM,CAAC;AAAA,QACxB;AAAA,MACF;AAAA;AAAA,IAEC;AAAA,EACH,CACD,CACH;AAEJ;AAEA,IAAO,uBAAQ;",
-  "names": ["React"]
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kBAA6B;AAerB;AAPR,IAAM,UAAU,CAAC,QAAQ,SAAS,SAAS,QAAQ,QAAQ,SAAS,QAAQ,IAAI;AAEzE,IAAM,eAA4C,CAAC,EAAE,OAAO,SAAS,MAAM;AAChF,QAAM,OAAO,SAAS,CAAC;AACvB,SACE,4CAAC,oBAAK,KAAK,GAAG,MAAI,MAAC,OAAO,EAAE,OAAO,IAAI,GACpC,kBAAQ,IAAI,CAAC,MACZ;AAAA,IAAC;AAAA;AAAA,MAEC,MAAM,KAAK,SAAS,CAAC,IAAI,YAAY;AAAA,MACrC,SAAS,MAAM;AACb,YAAI,KAAK,SAAS,CAAC,GAAG;AACpB,+CAAW,KAAK,OAAO,CAAC,MAAM,MAAM,CAAC;AAAA,QACvC,OAAO;AACL,+CAAW,CAAC,GAAG,MAAM,CAAC;AAAA,QACxB;AAAA,MACF;AAAA,MAEC;AAAA;AAAA,IAVI;AAAA,EAWP,CACD,GACH;AAEJ;AAEA,IAAO,uBAAQ;",
+  "names": []
 }

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

@@ -37,13 +37,14 @@ __export(XAiChatbot_stories_exports, {
   架构对比演示: () => 架构对比演示
 });
 module.exports = __toCommonJS(XAiChatbot_stories_exports);
-var import_react = __toESM(require("react"));
+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,
@@ -327,7 +328,7 @@ var BasicUsageStory = (args) => {
     const { cost, token } = (data == null ? void 0 : data.extra) || {};
     if (!cost && !token)
       return null;
-    return /* @__PURE__ */ import_react.default.createElement(
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
       "div",
       {
         style: {
@@ -337,14 +338,22 @@ var BasicUsageStory = (args) => {
           color: "#949494",
           flex: 1,
           paddingRight: "40px"
-        }
-      },
-      cost && /* @__PURE__ */ import_react.default.createElement("div", null, cost, "s"),
-      token && /* @__PURE__ */ import_react.default.createElement(import_antd.Divider, { type: "vertical" }),
-      token && /* @__PURE__ */ import_react.default.createElement("div", null, token, " tokens")
+        },
+        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__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
       style: {
@@ -352,22 +361,22 @@ var BasicUsageStory = (args) => {
         width: "400px",
         border: "1px solid #e7e7e7",
         borderRadius: "8px"
-      }
-    },
-    /* @__PURE__ */ import_react.default.createElement(
-      import__.default,
-      {
-        ...args,
-        inputShow: false,
-        messages,
-        loading,
-        messageTooltip: ToolTip,
-        onClear: handleClear,
-        onSuggestMessageClick: handleSuggestMessageClick,
-        onSend: handleSendMessage,
-        onMessagesActionsCallback: handleActions
-      }
-    )
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import__.default,
+        {
+          ...args,
+          inputShow: false,
+          messages,
+          loading,
+          messageTooltip: ToolTip,
+          onClear: handleClear,
+          onSuggestMessageClick: handleSuggestMessageClick,
+          onSend: handleSendMessage,
+          onMessagesActionsCallback: handleActions
+        }
+      )
+    }
   );
 };
 var 基础用法 = {
@@ -382,7 +391,7 @@ var 基础用法 = {
 };
 var 在Provider中使用 = {
   decorators: [
-    (Story) => /* @__PURE__ */ import_react.default.createElement(import_XAiProvider.default, { token: "test-token", url: "https://api.example.com" }, /* @__PURE__ */ import_react.default.createElement(Story, null))
+    (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: {
@@ -392,7 +401,10 @@ var 在Provider中使用 = {
 };
 var 多个Provider实例 = {
   decorators: [
-    (Story) => /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: "50px", height: "600px" } }, /* @__PURE__ */ import_react.default.createElement(import_XAiProvider.default, { providerId: "chat1", token: "token1", url: "https://api1.example.com" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: "300px", marginRight: "40px" } }, /* @__PURE__ */ import_react.default.createElement(Story, null))), /* @__PURE__ */ import_react.default.createElement(import_XAiProvider.default, { providerId: "chat2", token: "token2", url: "https://api2.example.com" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: "300px" } }, /* @__PURE__ */ import_react.default.createElement(Story, null))))
+    (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: {
@@ -418,7 +430,7 @@ var ArchitectureDemoComponent = ({ title }) => {
     }
   });
   const providerMethods = (0, import_useProviderContext.useProviderMethods)();
-  return /* @__PURE__ */ import_react.default.createElement(
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     "div",
     {
       style: {
@@ -427,43 +439,68 @@ var ArchitectureDemoComponent = ({ title }) => {
         borderRadius: "8px",
         marginBottom: "10px",
         backgroundColor: "#fafafa"
-      }
-    },
-    /* @__PURE__ */ import_react.default.createElement("h4", { style: { margin: "0 0 10px 0" } }, mergedProps.title),
-    /* @__PURE__ */ import_react.default.createElement("div", { style: { fontSize: "12px", color: "#666" } }, /* @__PURE__ */ import_react.default.createElement("p", null, "Provider 状态: ", isInProvider ? "✅ 已连接" : "❌ 未连接"), /* @__PURE__ */ import_react.default.createElement("p", null, "消息数量: ", ((_a = getProviderValue("messages")) == null ? void 0 : _a.length) || 0), /* @__PURE__ */ import_react.default.createElement("p", null, "加载状态: ", getProviderValue("loading") ? "🔄 加载中" : "✅ 就绪"), /* @__PURE__ */ import_react.default.createElement(
-      "button",
-      {
-        onClick: () => {
-          var _a2;
-          return (_a2 = providerMethods.sendMessage) == null ? void 0 : _a2.call(providerMethods, "来自架构演示组件的消息");
-        },
-        disabled: !isInProvider,
-        style: {
-          fontSize: "12px",
-          padding: "4px 8px",
-          backgroundColor: isInProvider ? "#1890ff" : "#d9d9d9",
-          color: "white",
-          border: "none",
-          borderRadius: "4px",
-          cursor: isInProvider ? "pointer" : "not-allowed"
-        }
       },
-      isInProvider ? "发送消息" : "需要 Provider"
-    ))
+      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, "来自架构演示组件的消息");
+              },
+              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__ */ import_react.default.createElement("div", { style: { width: "500px", height: "700px" } }, /* @__PURE__ */ import_react.default.createElement(import_XAiProvider.default, { token: "demo-token", url: "https://api.example.com", providerId: "architecture-demo" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: "20px" } }, /* @__PURE__ */ import_react.default.createElement("h3", { style: { marginBottom: "20px" } }, "新架构演示"), /* @__PURE__ */ import_react.default.createElement("p", { style: { marginBottom: "20px", color: "#666" } }, "展示如何使用 useProviderContext 和 useProviderMethods Hook"), /* @__PURE__ */ import_react.default.createElement("div", { style: { marginBottom: "20px" } }, /* @__PURE__ */ import_react.default.createElement(ArchitectureDemoComponent, { title: "演示组件 A" }), /* @__PURE__ */ import_react.default.createElement(ArchitectureDemoComponent, { title: "演示组件 B" }), /* @__PURE__ */ import_react.default.createElement(ArchitectureDemoComponent, { title: "演示组件 C" })), /* @__PURE__ */ import_react.default.createElement(
-    import__.default,
-    {
-      ...args,
-      navbarShow: true,
-      navbar: {
-        title: "架构演示聊天机器人",
-        subtitle: "展示新 Hook 的使用"
+  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 的使用"
+        }
       }
-    }
-  )))),
+    )
+  ] }) }) }),
   args: {
     navbar: {
       title: "智能助手"
@@ -471,33 +508,48 @@ var 新架构演示 = {
   }
 };
 var 架构对比演示 = {
-  render: (args) => /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: "20px", padding: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: "300px" } }, /* @__PURE__ */ import_react.default.createElement("h4", null, "独立使用模式"), /* @__PURE__ */ import_react.default.createElement("div", { style: { border: "1px solid #e7e7e7", borderRadius: "8px", padding: "15px" } }, /* @__PURE__ */ import_react.default.createElement(ArchitectureDemoComponent, { title: "独立组件" }), /* @__PURE__ */ import_react.default.createElement(
-    import__.default,
-    {
-      ...args,
-      navbarShow: true,
-      navbar: {
-        title: "独立聊天机器人",
-        subtitle: "不依赖 Provider"
-      },
-      onSend: (type, content) => {
-        console.log("独立模式发送:", type, content);
-      },
-      onClear: () => {
-        console.log("独立模式清空");
-      }
-    }
-  ))), /* @__PURE__ */ import_react.default.createElement("div", { style: { width: "300px" } }, /* @__PURE__ */ import_react.default.createElement("h4", null, "Provider 模式"), /* @__PURE__ */ import_react.default.createElement(import_XAiProvider.default, { token: "demo-token", url: "https://api.example.com", providerId: "comparison-demo" }, /* @__PURE__ */ import_react.default.createElement("div", { style: { border: "1px solid #e7e7e7", borderRadius: "8px", padding: "15px" } }, /* @__PURE__ */ import_react.default.createElement(ArchitectureDemoComponent, { title: "Provider 组件" }), /* @__PURE__ */ import_react.default.createElement(
-    import__.default,
-    {
-      ...args,
-      navbarShow: true,
-      navbar: {
-        title: "Provider 聊天机器人",
-        subtitle: "由 Provider 管理"
-      }
-    }
-  ))))),
+  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: (type, content) => {
+              console.log("独立模式发送:", type, content);
+            },
+            onClear: () => {
+              console.log("独立模式清空");
+            }
+          }
+        )
+      ] })
+    ] }),
+    /* @__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 管理"
+            }
+          }
+        )
+      ] }) })
+    ] })
+  ] }),
   args: {
     navbar: {
       title: "智能助手"