@ai-group/chat-sdk 2.0.3 → 2.1.0

package/dist/cjs/client/base.d.ts

@@ -1,4 +1,4 @@
-import { BubbleDataType } from '@ant-design/x/es/bubble/BubbleList';
+import BubbleDataType from "@ant-design/x/es/bubble/BubbleList";
 export interface AiClient {
     appName: string;
     icon: string;
@@ -6,4 +6,4 @@ export interface AiClient {
     stream?(message: string, onMessage: (msg: any) => void): void;
     close?(): void;
 }
-export type MessageType = BubbleDataType;
+export type MessageType = typeof BubbleDataType;

package/dist/cjs/client/base.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/client/base.ts"],
-  "sourcesContent": ["// baseClient.ts\nimport { BubbleDataType } from '@ant-design/x/es/bubble/BubbleList';\n\nexport interface AiClient {\n  appName: string;\n  icon: string;\n  send(message: string): Promise<any>;\n  stream?(message: string, onMessage: (msg: any) => void): void;\n  close?(): void;\n}\n\nexport type MessageType = BubbleDataType;\n"],
+  "sourcesContent": ["// baseClient.ts\nimport BubbleDataType from \"@ant-design/x/es/bubble/BubbleList\"\n\nexport interface AiClient {\n  appName: string;\n  icon: string;\n  send(message: string): Promise<any>;\n  stream?(message: string, onMessage: (msg: any) => void): void;\n  close?(): void;\n}\n\nexport type MessageType = typeof BubbleDataType;\n"],
   "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;",
   "names": []
 }

package/dist/cjs/components/DislikeFeedback.js

@@ -39,6 +39,7 @@ 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 }) => {
+  var _a;
   const [form] = import_antd.Form.useForm();
   const [showFeedback, setShowFeedback] = (0, import_react.useState)(false);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -86,7 +87,21 @@ var DislikeFeedback = ({ msg, activeColor, onSubmit }) => {
           );
         } })
       ] }) }),
-      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, {})
+      children: (((_a = msg.raw) == null ? void 0 : _a.isLike) || msg.isLike) === -1 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_antd.Button,
+        {
+          type: "text",
+          size: "small",
+          icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.DislikeFilled, { style: { color: activeColor } })
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_antd.Button,
+        {
+          type: "text",
+          size: "small",
+          icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.DislikeOutlined, { style: { color: "#949494" } })
+        }
+      )
     }
   );
 };

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

@@ -1,7 +1,7 @@
 {
   "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;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;",
+  "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.raw?.isLike || msg.isLike) === -1\n        ? (\n            <Button\n              type=\"text\"\n              size=\"small\"\n              icon={<DislikeFilled style={{ color: activeColor }} />}\n            />\n        )\n        : (\n            <Button\n              type=\"text\"\n              size=\"small\"\n              icon={<DislikeOutlined style={{ color: '#949494' }} />}\n            />\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;AA2BjB;AAnBD,IAAM,kBAAkD,CAAC,EAAE,KAAK,aAAa,SAAS,MAAM;AAXnG;AAYE,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,MAGA,sBAAI,QAAJ,mBAAS,WAAU,IAAI,YAAY,KAE/B;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAK;AAAA,UACL,MAAM,4CAAC,8BAAc,OAAO,EAAE,OAAO,YAAY,GAAG;AAAA;AAAA,MACtD,IAGA;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,MAAK;AAAA,UACL,MAAM,4CAAC,gCAAgB,OAAO,EAAE,OAAO,UAAU,GAAG;AAAA;AAAA,MACtD;AAAA;AAAA,EAER;AAEJ;AAEA,IAAO,0BAAQ;",
   "names": ["FeedbackTags"]
 }

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

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

package/dist/cjs/components/{XAiWebSDKWrapper.js → XAdkChatbot/XAdkChatbot.stories.js}

@@ -26,46 +26,35 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// src/components/XAiWebSDKWrapper.tsx
-var XAiWebSDKWrapper_exports = {};
-__export(XAiWebSDKWrapper_exports, {
-  default: () => XAiWebSDKWrapper_default
+// src/components/XAdkChatbot/XAdkChatbot.stories.tsx
+var XAdkChatbot_stories_exports = {};
+__export(XAdkChatbot_stories_exports, {
+  default: () => XAdkChatbot_stories_default,
+  基础用法: () => 基础用法
 });
-module.exports = __toCommonJS(XAiWebSDKWrapper_exports);
-var import_react = require("react");
-var import_umdEntry = __toESM(require("../utils/umdEntry"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var XAiWebSDKWrapper = ({
-  onInit,
-  onDestroy,
-  ...sdkProps
-}) => {
-  const sdkRef = (0, import_react.useRef)(null);
-  const containerRef = (0, import_react.useRef)(null);
-  (0, import_react.useEffect)(() => {
-    if (containerRef.current && !sdkRef.current) {
-      sdkRef.current = import_umdEntry.default.initChatbot({
-        ...sdkProps,
-        componentProps: {
-          ...sdkProps.componentProps || {}
-          // 保证容器 id 唯一或传递其它样式
-        }
-      });
-      if (onInit && sdkRef.current) {
-        onInit(sdkRef.current);
-      }
+module.exports = __toCommonJS(XAdkChatbot_stories_exports);
+var import__ = __toESM(require("."));
+var meta = {
+  title: "AI组件/XAdkChatbot 聊天框",
+  component: import__.default,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    messages: {
+      description: "消息列表"
     }
-    return () => {
-      if (sdkRef.current) {
-        sdkRef.current.unmount();
-        sdkRef.current = null;
-        if (onDestroy) {
-          onDestroy();
-        }
-      }
-    };
-  }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: containerRef });
+  }
+};
+var XAdkChatbot_stories_default = meta;
+var 基础用法 = {
+  args: {
+    messages: []
+  }
 };
-var XAiWebSDKWrapper_default = XAiWebSDKWrapper;
-//# sourceMappingURL=XAiWebSDKWrapper.js.map
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  基础用法
+});
+//# sourceMappingURL=XAdkChatbot.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/XAdkChatbot/XAdkChatbot.stories.tsx"],
+  "sourcesContent": ["import React, { useEffect, useState } from 'react';\nimport type { Meta, StoryObj } from '@storybook/react-vite';\nimport { Divider } from 'antd';\nimport { MessageRole, MessageStatus } from '@/types/XAiMessage';\nimport type { Messages } from '@/types/XAiMessage';\nimport documentIcon from '@/assets/document.svg';\nimport XAiProvider from '../XAiProvider';\nimport XAdkChatbot from '.';\nimport { useProviderContext, useProviderMethods } from '@/hooks/useProviderContext';\n\nconst meta: Meta<typeof XAdkChatbot> = {\n  title: 'AI组件/XAdkChatbot 聊天框',\n  component: XAdkChatbot,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    messages: {\n      description: '消息列表',\n    },\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const 基础用法: Story = {\n  args: {\n    messages: [],\n  },\n};"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA,eAAwB;AAGxB,IAAM,OAAiC;AAAA,EACrC,OAAO;AAAA,EACP,WAAW,SAAAA;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,EACV;AAAA,EACA,MAAM,CAAC,UAAU;AAAA,EACjB,UAAU;AAAA,IACR,UAAU;AAAA,MACR,aAAa;AAAA,IACf;AAAA,EACF;AACF;AAEA,IAAO,8BAAQ;AAGR,IAAM,OAAc;AAAA,EACzB,MAAM;AAAA,IACJ,UAAU,CAAC;AAAA,EACb;AACF;",
+  "names": ["XAdkChatbot"]
+}

package/dist/cjs/components/XAdkChatbot/components/FunctionCallRender/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IMessage } from "../../../../types";
+export interface FunctionCallRenderProps {
+    msg: IMessage;
+    showDetail?: boolean;
+    onConfirm?: (confirmed: boolean) => void;
+}
+declare const FunctionCallRender: React.FC<FunctionCallRenderProps>;
+export default FunctionCallRender;

package/dist/cjs/components/XAdkChatbot/components/FunctionCallRender/index.js

@@ -0,0 +1,158 @@
+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/XAdkChatbot/components/FunctionCallRender/index.tsx
+var FunctionCallRender_exports = {};
+__export(FunctionCallRender_exports, {
+  default: () => FunctionCallRender_default
+});
+module.exports = __toCommonJS(FunctionCallRender_exports);
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_styles = require("./styles");
+var import_XAiJsonView = __toESM(require("../../../XAiJsonView"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var FunctionCallRender = ({ msg, showDetail, onConfirm }) => {
+  var _a, _b, _c, _d, _e;
+  const styles = (0, import_styles.useStyles)();
+  const fnCall = msg.functionCall;
+  const fnRes = msg.functionResponse;
+  const name = (fnCall == null ? void 0 : fnCall.name) || (fnRes == null ? void 0 : fnRes.name);
+  if (name === "adk_request_confirmation") {
+    if (fnRes) {
+      if (msg.role === "bot")
+        return null;
+      const confirmed = (_a = fnRes.response) == null ? void 0 : _a.confirmed;
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.wrapper, children: confirmed ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Alert, { message: "已确认", type: "success", showIcon: true, className: styles.alert }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Alert, { message: "已取消", type: "error", showIcon: true, className: styles.alert }) }, msg.id);
+    }
+    const originalFn = (_c = (_b = msg == null ? void 0 : msg.functionCall) == null ? void 0 : _b.args) == null ? void 0 : _c.originalFunctionCall;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.wrapper, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.confirm, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "mb-4", children: [
+        "请确认是否执行工具：",
+        originalFn == null ? void 0 : originalFn.name,
+        "？"
+      ] }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Flex, { justify: "end", gap: 8, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Button, { type: "default", onClick: () => onConfirm == null ? void 0 : onConfirm(false), children: "取消" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Button, { type: "primary", onClick: () => onConfirm == null ? void 0 : onConfirm(true), children: "确认" })
+      ] })
+    ] }) }, msg.id);
+  }
+  if (name === "transferToAgent") {
+    const agentName = (_d = fnCall.args) == null ? void 0 : _d.agentName;
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.wrapper, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.fnCall, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.UserSwitchOutlined, { style: { color: "#888" } }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_antd.Typography.Text,
+        {
+          ellipsis: { tooltip: agentName },
+          style: { maxWidth: 300, lineHeight: "16px" },
+          children: [
+            "任务转交：",
+            agentName
+          ]
+        }
+      ),
+      msg.functionResponse ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CheckCircleTwoTone, { twoToneColor: "#52c41a" }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.LoadingOutlined, {})
+    ] }) }, msg.id);
+  }
+  const renderItem = (obj, text) => {
+    const str = JSON.stringify(obj, null, 2);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_antd.Form.Item,
+      {
+        label: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Flex, { align: "center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "mr-2", children: text }),
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_antd.Typography.Text,
+            {
+              copyable: {
+                text: str,
+                icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CopyOutlined, {})
+              }
+            }
+          )
+        ] }),
+        style: { marginBottom: 12 },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_XAiJsonView.default, { value: str })
+      }
+    );
+  };
+  const renderResponse = () => {
+    var _a2;
+    const res = msg.functionResponse;
+    if (res) {
+      if ((_a2 = res.response) == null ? void 0 : _a2.error) {
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: res.response.error, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.InfoCircleOutlined, { style: { color: "#faad14" } }) });
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CheckCircleTwoTone, { twoToneColor: "#52c41a" });
+    }
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.LoadingOutlined, {});
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.wrapper, children: showDetail ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_antd.Popover,
+    {
+      placement: "left",
+      content: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Form, { style: { width: 400 }, layout: "vertical", children: [
+        renderItem(fnCall.args, "工具参数"),
+        renderItem((_e = msg.functionResponse) == null ? void 0 : _e.response, "工具响应")
+      ] }),
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.fnCall, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ToolOutlined, { style: { color: "#888" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          import_antd.Typography.Text,
+          {
+            ellipsis: { tooltip: name },
+            style: { maxWidth: 300, lineHeight: "16px" },
+            children: [
+              "调用工具：",
+              name
+            ]
+          }
+        ),
+        renderResponse()
+      ] })
+    }
+  ) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.fnCall, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ToolOutlined, { style: { color: "#888" } }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+      import_antd.Typography.Text,
+      {
+        ellipsis: { tooltip: name },
+        style: { maxWidth: 300, lineHeight: "16px" },
+        children: [
+          "调用工具：",
+          name
+        ]
+      }
+    ),
+    renderResponse()
+  ] }) }, msg.id);
+};
+var FunctionCallRender_default = FunctionCallRender;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/XAdkChatbot/components/FunctionCallRender/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/XAdkChatbot/components/FunctionCallRender/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { Alert, Button, Flex, Form, Popover, Tooltip, Typography } from 'antd';\nimport { CopyOutlined, ToolOutlined, CheckCircleTwoTone, LoadingOutlined, UserSwitchOutlined, InfoCircleOutlined } from '@ant-design/icons';\nimport type { IMessage, FunctionCall } from '@/types';\nimport { useStyles } from './styles';\nimport JsonView from '@/components/XAiJsonView';\n\nexport interface FunctionCallRenderProps {\n  msg: IMessage;\n  showDetail?: boolean;\n  onConfirm?: (confirmed: boolean) => void;\n}\n\nconst FunctionCallRender: React.FC<FunctionCallRenderProps> = ({ msg, showDetail, onConfirm }) => {\n  const styles = useStyles();\n  const fnCall = msg.functionCall as FunctionCall;\n  const fnRes = msg.functionResponse;\n  const name = fnCall?.name || fnRes?.name;\n  if (name === 'adk_request_confirmation') {\n    if (fnRes) {\n      if (msg.role === 'bot') return null;\n      const confirmed = fnRes.response?.confirmed;\n      return (\n        <div key={msg.id} className={styles.wrapper}>\n          {confirmed\n            ? <Alert message=\"已确认\" type=\"success\" showIcon className={styles.alert} />\n            : <Alert message=\"已取消\" type=\"error\" showIcon className={styles.alert} />}\n        </div>\n      );\n    }\n    const originalFn = msg?.functionCall?.args?.originalFunctionCall;\n    return (\n      <div key={msg.id} className={styles.wrapper}>\n        <div className={styles.confirm}>\n          <div className=\"mb-4\">请确认是否执行工具：{originalFn?.name}？</div>\n          <Flex justify=\"end\" gap={8}>\n            <Button type=\"default\" onClick={() => onConfirm?.(false)}>取消</Button>\n            <Button type=\"primary\" onClick={() => onConfirm?.(true)}>\n              确认\n            </Button>\n          </Flex>\n        </div>\n      </div>\n    );\n  }\n  if (name === 'transferToAgent') {\n    const agentName = fnCall.args?.agentName;\n    return (\n      <div key={msg.id} className={styles.wrapper}>\n        <div className={styles.fnCall}>\n          <UserSwitchOutlined style={{ color: '#888' }} />\n          <Typography.Text\n            ellipsis={{ tooltip: agentName }}\n            style={{ maxWidth: 300, lineHeight: '16px' }}\n          >\n            任务转交：{agentName}\n          </Typography.Text>\n          {msg.functionResponse\n            ? <CheckCircleTwoTone twoToneColor=\"#52c41a\" />\n            : <LoadingOutlined />}\n        </div>\n      </div>\n    );\n  }\n  const renderItem = (obj: any, text: string) => {\n    const str = JSON.stringify(obj, null, 2);\n    return (\n      <Form.Item\n        label={(\n          <Flex align=\"center\">\n            <span className=\"mr-2\">{text}</span>\n            <Typography.Text\n              copyable={{\n                text: str,\n                icon: <CopyOutlined />,\n              }}\n            />\n          </Flex>\n        )}\n        style={{ marginBottom: 12 }}\n      >\n        <JsonView value={str} />\n      </Form.Item>\n    );\n  };\n  const renderResponse = () => {\n    const res = msg.functionResponse;\n    if (res) {\n      if (res.response?.error) {\n        return (\n          <Tooltip title={res.response.error}>\n            <InfoCircleOutlined style={{ color: '#faad14' }} />\n          </Tooltip>\n        );\n      }\n      return <CheckCircleTwoTone twoToneColor=\"#52c41a\" />;\n    }\n    return <LoadingOutlined />;\n  };\n  return (\n    <div key={msg.id} className={styles.wrapper}>\n      {showDetail ? (\n        <Popover\n          placement=\"left\"\n          content={(\n            <Form style={{ width: 400 }} layout=\"vertical\">\n              {renderItem(fnCall.args, '工具参数')}\n              {renderItem(msg.functionResponse?.response, '工具响应')}\n            </Form>\n          )}\n        >\n          <div className={styles.fnCall}>\n            <ToolOutlined style={{ color: '#888' }} />\n            <Typography.Text\n              ellipsis={{ tooltip: name }}\n              style={{ maxWidth: 300, lineHeight: '16px' }}\n            >\n              调用工具：{name}\n            </Typography.Text>\n            {renderResponse()}\n          </div>\n        </Popover>\n      ) : (\n        <div className={styles.fnCall}>\n          <ToolOutlined style={{ color: '#888' }} />\n          <Typography.Text\n            ellipsis={{ tooltip: name }}\n            style={{ maxWidth: 300, lineHeight: '16px' }}\n          >\n            调用工具：{name}\n          </Typography.Text>\n          {renderResponse()}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default FunctionCallRender;\n"],
+  "mappings": "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",
+  "names": ["JsonView", "_a"]
+}

package/dist/cjs/components/XAdkChatbot/components/FunctionCallRender/styles.d.ts

@@ -0,0 +1,40 @@
+export declare const useStyles: () => {
+    wrapper: string;
+    fnCall: string;
+    confirm: string;
+    alert: 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;
+    flexCenterGap2: string;
+    flexCenterGap4: string;
+};
+export default useStyles;

package/dist/cjs/components/XAdkChatbot/components/FunctionCallRender/styles.js

@@ -0,0 +1,59 @@
+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/XAdkChatbot/components/FunctionCallRender/styles.tsx
+var styles_exports = {};
+__export(styles_exports, {
+  default: () => styles_default,
+  useStyles: () => useStyles
+});
+module.exports = __toCommonJS(styles_exports);
+var import_css = require("@emotion/css");
+var import_common = require("../../../../styles/common");
+var useStyles = (0, import_common.withBasicStyles)(() => ({
+  wrapper: import_css.css`
+    display: flex;
+    justify-content: flex-start;
+    margin-bottom: 12px;
+  `,
+  fnCall: import_css.css`
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 7px 12px;
+    border-radius: 24px;
+    line-height: 16px;
+    border: 1px solid #e7e7e7;
+    cursor: pointer;
+  `,
+  confirm: import_css.css`
+    padding: 12px;
+    border-radius: 12px;
+    border: 1px solid #e7e7e7;
+  `,
+  alert: import_css.css`
+    line-height: 1;
+    border-radius: 24px;
+  `
+}));
+var styles_default = useStyles;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useStyles
+});
+//# sourceMappingURL=styles.js.map

package/dist/cjs/components/XAdkChatbot/components/FunctionCallRender/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/XAdkChatbot/components/FunctionCallRender/styles.tsx"],
+  "sourcesContent": ["import { css } from '@emotion/css';\nimport { withBasicStyles } from '@/styles/common';\n\nexport const useStyles = withBasicStyles(() => ({\n  wrapper: css`\n    display: flex;\n    justify-content: flex-start;\n    margin-bottom: 12px;\n  `,\n\n  fnCall: css`\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 7px 12px;\n    border-radius: 24px;\n    line-height: 16px;\n    border: 1px solid #e7e7e7;\n    cursor: pointer;\n  `,\n\n  confirm: css`\n    padding: 12px;\n    border-radius: 12px;\n    border: 1px solid #e7e7e7;\n  `,\n\n  alert: css`\n    line-height: 1;\n    border-radius: 24px;\n  `,\n}));\n\nexport default useStyles;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAoB;AACpB,oBAAgC;AAEzB,IAAM,gBAAY,+BAAgB,OAAO;AAAA,EAC9C,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWR,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,OAAO;AAAA;AAAA;AAAA;AAIT,EAAE;AAEF,IAAO,iBAAQ;",
+  "names": []
+}

package/dist/cjs/components/XAdkChatbot/components/MarkdownRender/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface MarkdownRenderProps {
+    text: string;
+}
+declare const MarkdownRender: React.FC<MarkdownRenderProps>;
+export default MarkdownRender;

package/dist/cjs/components/XAdkChatbot/components/MarkdownRender/index.js

@@ -0,0 +1,95 @@
+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/XAdkChatbot/components/MarkdownRender/index.tsx
+var MarkdownRender_exports = {};
+__export(MarkdownRender_exports, {
+  default: () => MarkdownRender_default
+});
+module.exports = __toCommonJS(MarkdownRender_exports);
+var import_react = __toESM(require("react"));
+var import_x_markdown = __toESM(require("@ant-design/x-markdown"));
+var import_HighlightCode = __toESM(require("@ant-design/x-markdown/plugins/HighlightCode"));
+var import_Latex = __toESM(require("@ant-design/x-markdown/plugins/Latex"));
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_jsx_runtime = require("react/jsx-runtime");
+var CodeComponent = (props) => {
+  var _a;
+  const { className, children } = props;
+  const lang = ((_a = className == null ? void 0 : className.match(/language-(\w+)/)) == null ? void 0 : _a[1]) || "";
+  if (typeof children !== "string")
+    return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_HighlightCode.default, { lang, children });
+};
+var ThinkComponent = import_react.default.memo((props) => {
+  const type = props.type || "";
+  const titleMap = {
+    planning: "规划",
+    replanning: "重新规划",
+    reasoning: "推理",
+    action: "行动",
+    final_answer: "最终答案"
+  };
+  const iconMap = {
+    planning: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.BarsOutlined, {}),
+    replanning: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.BarsOutlined, {}),
+    reasoning: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.BulbOutlined, {}),
+    action: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ThunderboltOutlined, {}),
+    final_answer: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CheckCircleOutlined, {})
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Flex, { align: "center", gap: 8, style: { color: "#888", margin: "4px 0" }, children: [
+    type in titleMap && iconMap[type],
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: titleMap[type] })
+  ] });
+});
+var MarkdownRender = ({ text }) => {
+  const markdown = text.replaceAll(/\/\*\s*PLANNING\s*\*\//g, '<tag type="planning"></tag>').replaceAll(/\/\*\s*REPLANNING\s*\*\//g, '<tag type="replanning"></tag>').replaceAll(/\/\*\s*REASONING\s*\*\//g, '<tag type="reasoning"></tag>').replaceAll(/\/\*\s*ACTION\s*\*\//g, '<tag type="action"></tag>').replaceAll(/\/\*\s*FINAL_ANSWER\s*\*\//g, '<tag type="final_answer"></tag>');
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_x_markdown.default,
+    {
+      content: markdown,
+      paragraphTag: "div",
+      config: {
+        extensions: (0, import_Latex.default)()
+      },
+      components: {
+        tag: ThinkComponent,
+        code: CodeComponent
+      },
+      streaming: {
+        enableAnimation: true,
+        animationConfig: {
+          fadeDuration: 400
+        }
+      }
+    }
+  );
+};
+var MarkdownRender_default = MarkdownRender;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/XAdkChatbot/components/MarkdownRender/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/XAdkChatbot/components/MarkdownRender/index.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport XMarkdown, { type ComponentProps } from '@ant-design/x-markdown';\nimport HighlightCode from '@ant-design/x-markdown/plugins/HighlightCode';\nimport Latex from '@ant-design/x-markdown/plugins/Latex';\nimport { Flex } from 'antd';\nimport { BarsOutlined, BulbOutlined, ThunderboltOutlined, CheckCircleOutlined } from '@ant-design/icons';\n\nconst CodeComponent: React.FC<ComponentProps> = (props) => {\n  const { className, children } = props;\n  const lang = className?.match(/language-(\\w+)/)?.[1] || '';\n\n  if (typeof children !== 'string') return null;\n  return <HighlightCode lang={lang}>{children}</HighlightCode>;\n};\n\nexport interface MarkdownRenderProps {\n  text: string;\n}\n\nconst ThinkComponent = React.memo((props: ComponentProps) => {\n  const type = (props.type || '') as string;\n  const titleMap: Record<string, string> = {\n    planning: '规划',\n    replanning: '重新规划',\n    reasoning: '推理',\n    action: '行动',\n    final_answer: '最终答案',\n  };\n  const iconMap = {\n    planning: <BarsOutlined />,\n    replanning: <BarsOutlined />,\n    reasoning: <BulbOutlined />,\n    action: <ThunderboltOutlined />,\n    final_answer: <CheckCircleOutlined />,\n  };\n\n  return (\n    <Flex align=\"center\" gap={8} style={{ color: '#888', margin: '4px 0' }}>\n      {type in titleMap && iconMap[type as keyof typeof iconMap]}\n      <span>{titleMap[type]}</span>\n    </Flex>\n  );\n});\n\nconst MarkdownRender: React.FC<MarkdownRenderProps> = ({ text }) => {\n  const markdown = text\n    .replaceAll(/\\/\\*\\s*PLANNING\\s*\\*\\//g, '<tag type=\"planning\"></tag>')\n    .replaceAll(/\\/\\*\\s*REPLANNING\\s*\\*\\//g, '<tag type=\"replanning\"></tag>')\n    .replaceAll(/\\/\\*\\s*REASONING\\s*\\*\\//g, '<tag type=\"reasoning\"></tag>')\n    .replaceAll(/\\/\\*\\s*ACTION\\s*\\*\\//g, '<tag type=\"action\"></tag>')\n    .replaceAll(/\\/\\*\\s*FINAL_ANSWER\\s*\\*\\//g, '<tag type=\"final_answer\"></tag>');\n  return (\n    <XMarkdown\n      content={markdown}\n      paragraphTag=\"div\"\n      config={{\n        extensions: Latex(),\n      }}\n      components={{\n        tag: ThinkComponent,\n        code: CodeComponent,\n      }}\n      streaming={{\n        enableAnimation: true,\n        animationConfig: {\n          fadeDuration: 400,\n        },\n      }}\n    />\n  );\n};\n\nexport default MarkdownRender;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,wBAA+C;AAC/C,2BAA0B;AAC1B,mBAAkB;AAClB,kBAAqB;AACrB,mBAAqF;AAO5E;AALT,IAAM,gBAA0C,CAAC,UAAU;AAP3D;AAQE,QAAM,EAAE,WAAW,SAAS,IAAI;AAChC,QAAM,SAAO,4CAAW,MAAM,sBAAjB,mBAAqC,OAAM;AAExD,MAAI,OAAO,aAAa;AAAU,WAAO;AACzC,SAAO,4CAAC,qBAAAA,SAAA,EAAc,MAAa,UAAS;AAC9C;AAMA,IAAM,iBAAiB,aAAAC,QAAM,KAAK,CAAC,UAA0B;AAC3D,QAAM,OAAQ,MAAM,QAAQ;AAC5B,QAAM,WAAmC;AAAA,IACvC,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,cAAc;AAAA,EAChB;AACA,QAAM,UAAU;AAAA,IACd,UAAU,4CAAC,6BAAa;AAAA,IACxB,YAAY,4CAAC,6BAAa;AAAA,IAC1B,WAAW,4CAAC,6BAAa;AAAA,IACzB,QAAQ,4CAAC,oCAAoB;AAAA,IAC7B,cAAc,4CAAC,oCAAoB;AAAA,EACrC;AAEA,SACE,6CAAC,oBAAK,OAAM,UAAS,KAAK,GAAG,OAAO,EAAE,OAAO,QAAQ,QAAQ,QAAQ,GAClE;AAAA,YAAQ,YAAY,QAAQ,IAA4B;AAAA,IACzD,4CAAC,UAAM,mBAAS,IAAI,GAAE;AAAA,KACxB;AAEJ,CAAC;AAED,IAAM,iBAAgD,CAAC,EAAE,KAAK,MAAM;AAClE,QAAM,WAAW,KACd,WAAW,2BAA2B,6BAA6B,EACnE,WAAW,6BAA6B,+BAA+B,EACvE,WAAW,4BAA4B,8BAA8B,EACrE,WAAW,yBAAyB,2BAA2B,EAC/D,WAAW,+BAA+B,iCAAiC;AAC9E,SACE;AAAA,IAAC,kBAAAC;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,cAAa;AAAA,MACb,QAAQ;AAAA,QACN,gBAAY,aAAAC,SAAM;AAAA,MACpB;AAAA,MACA,YAAY;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,MACR;AAAA,MACA,WAAW;AAAA,QACT,iBAAiB;AAAA,QACjB,iBAAiB;AAAA,UACf,cAAc;AAAA,QAChB;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,yBAAQ;",
+  "names": ["HighlightCode", "React", "XMarkdown", "Latex"]
+}

package/dist/cjs/components/XAdkChatbot/components/ThinkRender/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { IMessage } from "../../../../types";
+export interface ThinkRenderProps {
+    msg: IMessage;
+    loading?: boolean;
+}
+declare const ThinkRender: React.FC<ThinkRenderProps>;
+export default ThinkRender;