@ai-group/chat-sdk 2.1.13 → 3.0.1-alpha.2

package/dist/esm/components/XAdkChatbot/components/FileGallery/index.js

@@ -0,0 +1,104 @@
+import React from "react";
+import { Image } from "antd";
+import { useStyles } from "./styles";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * 获取文件名
+ */
+var getFileName = function getFileName(file) {
+  return file.displayName || "";
+};
+
+/**
+ * 获取文件 URL
+ */
+var getFileUrl = function getFileUrl(file) {
+  return file.fileUri || "";
+};
+
+/**
+ * 判断是否为图片
+ */
+var isImage = function isImage(file) {
+  if (!file) return false;
+  var mimeType = file.mimeType;
+  var name = getFileName(file);
+  var url = getFileUrl(file);
+
+  // 1. 根据 MIME 类型判断
+  if (mimeType !== null && mimeType !== void 0 && mimeType.startsWith("image/")) return true;
+
+  // 2. 根据后缀名判断
+  if (name !== null && name !== void 0 && name.match(/\.(jpg|jpeg|png|gif|webp|bmp|svg)$/i)) return true;
+
+  // 3. 根据 URL 后缀判断 (兜底)
+  if (url !== null && url !== void 0 && url.match(/\.(jpg|jpeg|png|gif|webp|bmp|svg)(\?.*)?$/i)) return true;
+  return false;
+};
+
+/**
+ * 文件展示画廊组件
+ * 支持图片九宫格 + 文件列表双模式
+ */
+var FileGallery = function FileGallery(_ref) {
+  var files = _ref.files,
+    _ref$align = _ref.align,
+    align = _ref$align === void 0 ? "left" : _ref$align;
+  var styles = useStyles();
+  if (!files || files.length === 0) return null;
+
+  // 分类:图片 vs 其他文件
+  var imageFiles = files.filter(isImage);
+  var otherFiles = files.filter(function (f) {
+    return !isImage(f);
+  });
+  return /*#__PURE__*/_jsxs("div", {
+    className: "".concat(styles.fileGalleryWrapper, " ").concat(align === "right" ? "alignRight" : ""),
+    children: [imageFiles.length > 0 && /*#__PURE__*/_jsx("div", {
+      className: styles.imageGrid,
+      "data-count": imageFiles.length,
+      children: /*#__PURE__*/_jsx(Image.PreviewGroup, {
+        children: imageFiles.map(function (file, index) {
+          var src = getFileUrl(file);
+          return /*#__PURE__*/_jsx("div", {
+            className: styles.imageItem,
+            children: /*#__PURE__*/_jsx(Image, {
+              src: src,
+              className: styles.img,
+              width: "100%",
+              height: "100%",
+              alt: getFileName(file),
+              fallback: "https://via.placeholder.com/150?text=Load+Error",
+              style: {
+                objectFit: "cover"
+              }
+            })
+          }, index);
+        })
+      })
+    }), otherFiles.length > 0 && /*#__PURE__*/_jsx("div", {
+      className: styles.fileList,
+      children: otherFiles.map(function (file, i) {
+        return /*#__PURE__*/_jsx("div", {
+          className: styles.fileItem,
+          children: /*#__PURE__*/_jsxs("a", {
+            href: getFileUrl(file),
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: styles.fileLink,
+            children: [/*#__PURE__*/_jsx("span", {
+              className: styles.fileIcon,
+              children: "\uD83D\uDCC4"
+            }), /*#__PURE__*/_jsx("span", {
+              className: styles.fileName,
+              children: getFileName(file)
+            })]
+          })
+        }, i);
+      })
+    })]
+  });
+};
+export default FileGallery;
+//# sourceMappingURL=index.js.map

package/dist/esm/components/XAdkChatbot/components/FileGallery/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","useStyles","jsx","_jsx","jsxs","_jsxs","getFileName","file","displayName","getFileUrl","fileUri","isImage","mimeType","name","url","startsWith","match","FileGallery","_ref","files","_ref$align","align","styles","length","imageFiles","filter","otherFiles","f","className","concat","fileGalleryWrapper","children","imageGrid","PreviewGroup","map","index","src","imageItem","img","width","height","alt","fallback","style","objectFit","fileList","i","fileItem","href","target","rel","fileLink","fileIcon","fileName"],"sources":["../../../../../../src/components/XAdkChatbot/components/FileGallery/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { Image } from \"antd\";\nimport { useStyles } from \"./styles\";\nimport type { FileData } from \"@/types\";\n\nexport interface FileGalleryProps {\n  files?: FileData[];\n  align?: \"left\" | \"right\";\n}\n\n/**\n * 获取文件名\n */\nconst getFileName = (file: FileData): string => {\n  return file.displayName || \"\";\n};\n\n/**\n * 获取文件 URL\n */\nconst getFileUrl = (file: FileData): string => {\n  return file.fileUri || \"\";\n};\n\n/**\n * 判断是否为图片\n */\nconst isImage = (file: FileData): boolean => {\n  if (!file) return false;\n\n  const mimeType = file.mimeType;\n  const name = getFileName(file);\n  const url = getFileUrl(file);\n\n  // 1. 根据 MIME 类型判断\n  if (mimeType?.startsWith(\"image/\")) return true;\n\n  // 2. 根据后缀名判断\n  if (name?.match(/\\.(jpg|jpeg|png|gif|webp|bmp|svg)$/i)) return true;\n\n  // 3. 根据 URL 后缀判断 (兜底)\n  if (url?.match(/\\.(jpg|jpeg|png|gif|webp|bmp|svg)(\\?.*)?$/i)) return true;\n\n  return false;\n};\n\n/**\n * 文件展示画廊组件\n * 支持图片九宫格 + 文件列表双模式\n */\nconst FileGallery: React.FC<FileGalleryProps> = ({ files, align = \"left\" }) => {\n  const styles = useStyles();\n\n  if (!files || files.length === 0) return null;\n\n  // 分类:图片 vs 其他文件\n  const imageFiles = files.filter(isImage);\n  const otherFiles = files.filter((f) => !isImage(f));\n\n  return (\n    <div\n      className={`${styles.fileGalleryWrapper} ${align === \"right\" ? \"alignRight\" : \"\"}`}\n    >\n      {/* 1. 图片区域:九宫格 */}\n      {imageFiles.length > 0 && (\n        <div className={styles.imageGrid} data-count={imageFiles.length}>\n          <Image.PreviewGroup>\n            {imageFiles.map((file, index) => {\n              const src = getFileUrl(file);\n              return (\n                <div key={index} className={styles.imageItem}>\n                  <Image\n                    src={src}\n                    className={styles.img}\n                    width=\"100%\"\n                    height=\"100%\"\n                    alt={getFileName(file)}\n                    fallback=\"https://via.placeholder.com/150?text=Load+Error\"\n                    style={{ objectFit: \"cover\" }}\n                  />\n                </div>\n              );\n            })}\n          </Image.PreviewGroup>\n        </div>\n      )}\n\n      {/* 2. 非图片文件:列表展示 */}\n      {otherFiles.length > 0 && (\n        <div className={styles.fileList}>\n          {otherFiles.map((file, i) => (\n            <div key={i} className={styles.fileItem}>\n              <a\n                href={getFileUrl(file)}\n                target=\"_blank\"\n                rel=\"noopener noreferrer\"\n                className={styles.fileLink}\n              >\n                <span className={styles.fileIcon}>📄</span>\n                <span className={styles.fileName}>{getFileName(file)}</span>\n              </a>\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default FileGallery;\n"],"mappings":"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"}

package/dist/esm/components/XAdkChatbot/components/FileGallery/styles.d.ts

@@ -0,0 +1,44 @@
+export declare const useStyles: () => {
+    fileGalleryWrapper: string;
+    imageGrid: string;
+    imageItem: string;
+    img: string;
+    fileList: string;
+    fileItem: string;
+    fileLink: string;
+    fileIcon: string;
+    fileName: 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;
+};

package/dist/esm/components/XAdkChatbot/components/FileGallery/styles.js

@@ -0,0 +1,20 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
+import { css } from "@emotion/css";
+import { withBasicStyles } from "../../../../styles/common";
+export var useStyles = withBasicStyles(function () {
+  return {
+    fileGalleryWrapper: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    margin: 8px 0;\n\n    &.alignRight {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-end;\n    }\n  "]))),
+    // 九宫格布局
+    imageGrid: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: grid;\n    gap: 8px;\n    max-width: 400px;\n    margin-bottom: 8px;\n\n    /* 1\u5F20\u56FE\u7247:\u5355\u5217 */\n    &[data-count=\"1\"] {\n      grid-template-columns: 1fr;\n      max-width: 300px;\n    }\n\n    /* 2-4\u5F20\u56FE\u7247:\u4E24\u5217 */\n    &[data-count=\"2\"],\n    &[data-count=\"3\"],\n    &[data-count=\"4\"] {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    /* 5-9\u5F20\u56FE\u7247:\u4E09\u5217 */\n    &[data-count=\"5\"],\n    &[data-count=\"6\"],\n    &[data-count=\"7\"],\n    &[data-count=\"8\"],\n    &[data-count=\"9\"] {\n      grid-template-columns: repeat(3, 1fr);\n      max-width: 400px;\n    }\n  "]))),
+    imageItem: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    position: relative;\n    width: 100%;\n    padding-top: 100%; /* 1:1 \u6BD4\u4F8B */\n    overflow: hidden;\n    border-radius: 8px;\n    background: #ffffff;\n    border: 1px solid #d9d9d9;\n\n    .ant-image {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n    }\n  "]))),
+    img: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    object-fit: cover;\n    cursor: pointer;\n    transition: transform 0.2s;\n\n    &:hover {\n      transform: scale(1.05);\n    }\n  "]))),
+    // 文件列表
+    fileList: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    max-width: 400px;\n  "]))),
+    fileItem: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    background: #ffffff;\n    border: 1px solid #d9d9d9;\n    border-radius: 8px;\n    padding: 12px;\n    transition: all 0.2s;\n\n    &:hover {\n      border-color: #1890ff;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n    }\n  "]))),
+    fileLink: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: rgba(0, 0, 0, 0.85);\n    text-decoration: none;\n\n    &:hover {\n      color: #1890ff;\n    }\n  "]))),
+    fileIcon: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    font-size: 20px;\n  "]))),
+    fileName: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    flex: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  "])))
+  };
+});
+//# sourceMappingURL=styles.js.map

package/dist/esm/components/XAdkChatbot/components/FileGallery/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["css","withBasicStyles","useStyles","fileGalleryWrapper","_templateObject","_taggedTemplateLiteral","imageGrid","_templateObject2","imageItem","_templateObject3","img","_templateObject4","fileList","_templateObject5","fileItem","_templateObject6","fileLink","_templateObject7","fileIcon","_templateObject8","fileName","_templateObject9"],"sources":["../../../../../../src/components/XAdkChatbot/components/FileGallery/styles.tsx"],"sourcesContent":["import { css } from \"@emotion/css\";\nimport { withBasicStyles } from \"@/styles/common\";\n\nexport const useStyles = withBasicStyles(() => ({\n  fileGalleryWrapper: css`\n    margin: 8px 0;\n\n    &.alignRight {\n      display: flex;\n      flex-direction: column;\n      align-items: flex-end;\n    }\n  `,\n\n  // 九宫格布局\n  imageGrid: css`\n    display: grid;\n    gap: 8px;\n    max-width: 400px;\n    margin-bottom: 8px;\n\n    /* 1张图片:单列 */\n    &[data-count=\"1\"] {\n      grid-template-columns: 1fr;\n      max-width: 300px;\n    }\n\n    /* 2-4张图片:两列 */\n    &[data-count=\"2\"],\n    &[data-count=\"3\"],\n    &[data-count=\"4\"] {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    /* 5-9张图片:三列 */\n    &[data-count=\"5\"],\n    &[data-count=\"6\"],\n    &[data-count=\"7\"],\n    &[data-count=\"8\"],\n    &[data-count=\"9\"] {\n      grid-template-columns: repeat(3, 1fr);\n      max-width: 400px;\n    }\n  `,\n\n  imageItem: css`\n    position: relative;\n    width: 100%;\n    padding-top: 100%; /* 1:1 比例 */\n    overflow: hidden;\n    border-radius: 8px;\n    background: #ffffff;\n    border: 1px solid #d9d9d9;\n\n    .ant-image {\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n    }\n  `,\n\n  img: css`\n    object-fit: cover;\n    cursor: pointer;\n    transition: transform 0.2s;\n\n    &:hover {\n      transform: scale(1.05);\n    }\n  `,\n\n  // 文件列表\n  fileList: css`\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    max-width: 400px;\n  `,\n\n  fileItem: css`\n    background: #ffffff;\n    border: 1px solid #d9d9d9;\n    border-radius: 8px;\n    padding: 12px;\n    transition: all 0.2s;\n\n    &:hover {\n      border-color: #1890ff;\n      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);\n    }\n  `,\n\n  fileLink: css`\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    color: rgba(0, 0, 0, 0.85);\n    text-decoration: none;\n\n    &:hover {\n      color: #1890ff;\n    }\n  `,\n\n  fileIcon: css`\n    font-size: 20px;\n  `,\n\n  fileName: css`\n    flex: 1;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n}));\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,cAAc;AAClC,SAASC,eAAe;AAExB,OAAO,IAAMC,SAAS,GAAGD,eAAe,CAAC;EAAA,OAAO;IAC9CE,kBAAkB,EAAEH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,sBAAA,gJAQtB;IAED;IACAC,SAAS,EAAEN,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,gqBA4Bb;IAEDG,SAAS,EAAER,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,sBAAA,8UAgBb;IAEDK,GAAG,EAAEV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,sBAAA,kJAQP;IAED;IACAO,QAAQ,EAAEZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAR,sBAAA,mGAKZ;IAEDS,QAAQ,EAAEd,GAAG,CAAAe,gBAAA,KAAAA,gBAAA,GAAAV,sBAAA,sPAWZ;IAEDW,QAAQ,EAAEhB,GAAG,CAAAiB,gBAAA,KAAAA,gBAAA,GAAAZ,sBAAA,qLAUZ;IAEDa,QAAQ,EAAElB,GAAG,CAAAmB,gBAAA,KAAAA,gBAAA,GAAAd,sBAAA,kCAEZ;IAEDe,QAAQ,EAAEpB,GAAG,CAAAqB,gBAAA,KAAAA,gBAAA,GAAAhB,sBAAA;EAMf,CAAC;AAAA,CAAC,CAAC"}

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

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 import type { IMessage, FunctionCall } from "../../../../types";
 export interface FunctionCallRenderProps {
     msg: IMessage;

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

@@ -1,6 +1,6 @@
-import React from 'react';
-import { Alert, Button, Flex, Form, Popover, Tooltip, Typography } from 'antd';
-import { CopyOutlined, ToolOutlined, CheckCircleTwoTone, LoadingOutlined, UserSwitchOutlined, InfoCircleOutlined } from '@ant-design/icons';
+import React from "react";
+import { Alert, Button, Flex, Form, Popover, Tooltip, Typography } from "antd";
+import { CopyOutlined, ToolOutlined, CheckCircleTwoTone, LoadingOutlined, UserSwitchOutlined, InfoCircleOutlined } from "@ant-design/icons";
 import { useStyles } from "./styles";
 import JsonView from "../../../XAiJsonView";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -14,11 +14,11 @@ var FunctionCallRender = function FunctionCallRender(_ref) {
   var fnCall = msg.functionCall;
   var fnRes = msg.functionResponse;
   var name = (fnCall === null || fnCall === void 0 ? void 0 : fnCall.name) || (fnRes === null || fnRes === void 0 ? void 0 : fnRes.name);
-  if (name === 'adk_request_confirmation') {
+  if (name === "adk_request_confirmation") {
     var _msg$functionCall;
     if (fnRes) {
       var _fnRes$response;
-      if (msg.role === 'bot') return null;
+      if (msg.role === "bot") return null;
       var _confirmed = (_fnRes$response = fnRes.response) === null || _fnRes$response === void 0 ? void 0 : _fnRes$response.confirmed;
       return /*#__PURE__*/_jsx("div", {
         className: styles.wrapper,
@@ -41,19 +41,21 @@ var FunctionCallRender = function FunctionCallRender(_ref) {
       children: /*#__PURE__*/_jsxs("div", {
         className: styles.confirm,
         children: [/*#__PURE__*/_jsxs("div", {
-          className: "mb-4",
+          className: styles.confirmText,
           children: ["\u8BF7\u786E\u8BA4\u662F\u5426\u6267\u884C\u5DE5\u5177\uFF1A", originalFn === null || originalFn === void 0 ? void 0 : originalFn.name]
         }), /*#__PURE__*/_jsxs(Flex, {
           justify: "end",
           gap: 8,
           children: [/*#__PURE__*/_jsx(Button, {
             type: "default",
+            size: "small",
             onClick: function onClick() {
               return onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(fnCall, false);
             },
             children: "\u53D6\u6D88"
           }), /*#__PURE__*/_jsx(Button, {
             type: "primary",
+            size: "small",
             onClick: function onClick() {
               return onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(fnCall, true);
             },
@@ -63,7 +65,7 @@ var FunctionCallRender = function FunctionCallRender(_ref) {
       })
     }, msg.id);
   }
-  if (name === 'transferToAgent') {
+  if (name === "transferToAgent") {
     var _fnCall$args;
     var agentName = fnCall === null || fnCall === void 0 || (_fnCall$args = fnCall.args) === null || _fnCall$args === void 0 ? void 0 : _fnCall$args.agentName;
     return /*#__PURE__*/_jsx("div", {
@@ -72,7 +74,7 @@ var FunctionCallRender = function FunctionCallRender(_ref) {
         className: styles.fnCall,
         children: [/*#__PURE__*/_jsx(UserSwitchOutlined, {
           style: {
-            color: '#888'
+            color: "#888"
           }
         }), /*#__PURE__*/_jsxs(Typography.Text, {
           ellipsis: {
@@ -80,7 +82,7 @@ var FunctionCallRender = function FunctionCallRender(_ref) {
           },
           style: {
             maxWidth: 300,
-            lineHeight: '16px'
+            lineHeight: "16px"
           },
           children: ["\u4EFB\u52A1\u8F6C\u4EA4\uFF1A", agentName]
         }), msg.functionResponse ? /*#__PURE__*/_jsx(CheckCircleTwoTone, {
@@ -121,7 +123,7 @@ var FunctionCallRender = function FunctionCallRender(_ref) {
           title: res.response.error,
           children: /*#__PURE__*/_jsx(InfoCircleOutlined, {
             style: {
-              color: '#faad14'
+              color: "#faad14"
             }
           })
         });
@@ -141,13 +143,13 @@ var FunctionCallRender = function FunctionCallRender(_ref) {
           width: 400
         },
         layout: "vertical",
-        children: [renderItem(fnCall === null || fnCall === void 0 ? void 0 : fnCall.args, '工具参数'), renderItem((_msg$functionResponse = msg.functionResponse) === null || _msg$functionResponse === void 0 ? void 0 : _msg$functionResponse.response, '工具响应')]
+        children: [renderItem(fnCall === null || fnCall === void 0 ? void 0 : fnCall.args, "工具参数"), renderItem((_msg$functionResponse = msg.functionResponse) === null || _msg$functionResponse === void 0 ? void 0 : _msg$functionResponse.response, "工具响应")]
       }),
       children: /*#__PURE__*/_jsxs("div", {
         className: styles.fnCall,
         children: [/*#__PURE__*/_jsx(ToolOutlined, {
           style: {
-            color: '#888'
+            color: "#888"
           }
         }), /*#__PURE__*/_jsxs(Typography.Text, {
           ellipsis: {
@@ -155,7 +157,7 @@ var FunctionCallRender = function FunctionCallRender(_ref) {
           },
           style: {
             maxWidth: 300,
-            lineHeight: '16px'
+            lineHeight: "16px"
           },
           children: ["\u8C03\u7528\u5DE5\u5177\uFF1A", name]
         }), renderResponse()]
@@ -164,7 +166,7 @@ var FunctionCallRender = function FunctionCallRender(_ref) {
       className: styles.fnCall,
       children: [/*#__PURE__*/_jsx(ToolOutlined, {
         style: {
-          color: '#888'
+          color: "#888"
         }
       }), /*#__PURE__*/_jsxs(Typography.Text, {
         ellipsis: {
@@ -172,7 +174,7 @@ var FunctionCallRender = function FunctionCallRender(_ref) {
         },
         style: {
           maxWidth: 300,
-          lineHeight: '16px'
+          lineHeight: "16px"
         },
         children: ["\u8C03\u7528\u5DE5\u5177\uFF1A", name]
       }), renderResponse()]

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

@@ -1 +1 @@
-{"version":3,"names":["React","Alert","Button","Flex","Form","Popover","Tooltip","Typography","CopyOutlined","ToolOutlined","CheckCircleTwoTone","LoadingOutlined","UserSwitchOutlined","InfoCircleOutlined","useStyles","JsonView","jsx","_jsx","jsxs","_jsxs","FunctionCallRender","_ref","_msg$functionResponse","msg","showDetail","onConfirm","styles","fnCall","functionCall","fnRes","functionResponse","name","_msg$functionCall","_fnRes$response","role","confirmed","response","className","wrapper","children","message","type","showIcon","alert","id","originalFn","args","originalFunctionCall","confirm","justify","gap","onClick","_fnCall$args","agentName","style","color","Text","ellipsis","tooltip","maxWidth","lineHeight","twoToneColor","renderItem","obj","text","str","JSON","stringify","Item","label","align","copyable","icon","marginBottom","value","renderResponse","res","_res$response","error","title","placement","content","width","layout"],"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?: (fnCall: FunctionCall, 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?.(fnCall, false)}>取消</Button>\n            <Button type=\"primary\" onClick={() => onConfirm?.(fnCall, 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":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,EAAEC,MAAM,EAAEC,IAAI,EAAEC,IAAI,EAAEC,OAAO,EAAEC,OAAO,EAAEC,UAAU,QAAQ,MAAM;AAC9E,SAASC,YAAY,EAAEC,YAAY,EAAEC,kBAAkB,EAAEC,eAAe,EAAEC,kBAAkB,EAAEC,kBAAkB,QAAQ,mBAAmB;AAE3I,SAASC,SAAS;AAClB,OAAOC,QAAQ;AAAiC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAQhD,IAAMC,kBAAqD,GAAG,SAAxDA,kBAAqDA,CAAAC,IAAA,EAAuC;EAAA,IAAAC,qBAAA;EAAA,IAAjCC,GAAG,GAAAF,IAAA,CAAHE,GAAG;IAAEC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;EACzF,IAAMC,MAAM,GAAGZ,SAAS,CAAC,CAAC;EAC1B,IAAMa,MAAM,GAAGJ,GAAG,CAACK,YAA4B;EAC/C,IAAMC,KAAK,GAAGN,GAAG,CAACO,gBAAgB;EAClC,IAAMC,IAAI,GAAG,CAAAJ,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEI,IAAI,MAAIF,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEE,IAAI;EACxC,IAAIA,IAAI,KAAK,0BAA0B,EAAE;IAAA,IAAAC,iBAAA;IACvC,IAAIH,KAAK,EAAE;MAAA,IAAAI,eAAA;MACT,IAAIV,GAAG,CAACW,IAAI,KAAK,KAAK,EAAE,OAAO,IAAI;MACnC,IAAMC,UAAS,IAAAF,eAAA,GAAGJ,KAAK,CAACO,QAAQ,cAAAH,eAAA,uBAAdA,eAAA,CAAgBE,SAAS;MAC3C,oBACElB,IAAA;QAAkBoB,SAAS,EAAEX,MAAM,CAACY,OAAQ;QAAAC,QAAA,EACzCJ,UAAS,gBACNlB,IAAA,CAAChB,KAAK;UAACuC,OAAO,EAAC,oBAAK;UAACC,IAAI,EAAC,SAAS;UAACC,QAAQ;UAACL,SAAS,EAAEX,MAAM,CAACiB;QAAM,CAAE,CAAC,gBACxE1B,IAAA,CAAChB,KAAK;UAACuC,OAAO,EAAC,oBAAK;UAACC,IAAI,EAAC,OAAO;UAACC,QAAQ;UAACL,SAAS,EAAEX,MAAM,CAACiB;QAAM,CAAE;MAAC,GAHlEpB,GAAG,CAACqB,EAIT,CAAC;IAEV;IACA,IAAMC,UAAU,GAAGtB,GAAG,aAAHA,GAAG,gBAAAS,iBAAA,GAAHT,GAAG,CAAEK,YAAY,cAAAI,iBAAA,gBAAAA,iBAAA,GAAjBA,iBAAA,CAAmBc,IAAI,cAAAd,iBAAA,uBAAvBA,iBAAA,CAAyBe,oBAAoB;IAChE,oBACE9B,IAAA;MAAkBoB,SAAS,EAAEX,MAAM,CAACY,OAAQ;MAAAC,QAAA,eAC1CpB,KAAA;QAAKkB,SAAS,EAAEX,MAAM,CAACsB,OAAQ;QAAAT,QAAA,gBAC7BpB,KAAA;UAAKkB,SAAS,EAAC,MAAM;UAAAE,QAAA,GAAC,8DAAU,EAACM,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEd,IAAI;QAAA,CAAM,CAAC,eACxDZ,KAAA,CAAChB,IAAI;UAAC8C,OAAO,EAAC,KAAK;UAACC,GAAG,EAAE,CAAE;UAAAX,QAAA,gBACzBtB,IAAA,CAACf,MAAM;YAACuC,IAAI,EAAC,SAAS;YAACU,OAAO,EAAE,SAAAA,QAAA;cAAA,OAAM1B,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAGE,MAAM,EAAE,KAAK,CAAC;YAAA,CAAC;YAAAY,QAAA,EAAC;UAAE,CAAQ,CAAC,eAC7EtB,IAAA,CAACf,MAAM;YAACuC,IAAI,EAAC,SAAS;YAACU,OAAO,EAAE,SAAAA,QAAA;cAAA,OAAM1B,SAAS,aAATA,SAAS,uBAATA,SAAS,CAAGE,MAAM,EAAE,IAAI,CAAC;YAAA,CAAC;YAAAY,QAAA,EAAC;UAEjE,CAAQ,CAAC;QAAA,CACL,CAAC;MAAA,CACJ;IAAC,GATEhB,GAAG,CAACqB,EAUT,CAAC;EAEV;EACA,IAAIb,IAAI,KAAK,iBAAiB,EAAE;IAAA,IAAAqB,YAAA;IAC9B,IAAMC,SAAS,GAAG1B,MAAM,aAANA,MAAM,gBAAAyB,YAAA,GAANzB,MAAM,CAAEmB,IAAI,cAAAM,YAAA,uBAAZA,YAAA,CAAcC,SAAS;IACzC,oBACEpC,IAAA;MAAkBoB,SAAS,EAAEX,MAAM,CAACY,OAAQ;MAAAC,QAAA,eAC1CpB,KAAA;QAAKkB,SAAS,EAAEX,MAAM,CAACC,MAAO;QAAAY,QAAA,gBAC5BtB,IAAA,CAACL,kBAAkB;UAAC0C,KAAK,EAAE;YAAEC,KAAK,EAAE;UAAO;QAAE,CAAE,CAAC,eAChDpC,KAAA,CAACZ,UAAU,CAACiD,IAAI;UACdC,QAAQ,EAAE;YAAEC,OAAO,EAAEL;UAAU,CAAE;UACjCC,KAAK,EAAE;YAAEK,QAAQ,EAAE,GAAG;YAAEC,UAAU,EAAE;UAAO,CAAE;UAAArB,QAAA,GAC9C,gCACM,EAACc,SAAS;QAAA,CACA,CAAC,EACjB9B,GAAG,CAACO,gBAAgB,gBACjBb,IAAA,CAACP,kBAAkB;UAACmD,YAAY,EAAC;QAAS,CAAE,CAAC,gBAC7C5C,IAAA,CAACN,eAAe,IAAE,CAAC;MAAA,CACpB;IAAC,GAZEY,GAAG,CAACqB,EAaT,CAAC;EAEV;EACA,IAAMkB,UAAU,GAAG,SAAbA,UAAUA,CAAIC,GAAQ,EAAEC,IAAY,EAAK;IAC7C,IAAMC,GAAG,GAAGC,IAAI,CAACC,SAAS,CAACJ,GAAG,EAAE,IAAI,EAAE,CAAC,CAAC;IACxC,oBACE9C,IAAA,CAACb,IAAI,CAACgE,IAAI;MACRC,KAAK,eACHlD,KAAA,CAAChB,IAAI;QAACmE,KAAK,EAAC,QAAQ;QAAA/B,QAAA,gBAClBtB,IAAA;UAAMoB,SAAS,EAAC,MAAM;UAAAE,QAAA,EAAEyB;QAAI,CAAO,CAAC,eACpC/C,IAAA,CAACV,UAAU,CAACiD,IAAI;UACde,QAAQ,EAAE;YACRP,IAAI,EAAEC,GAAG;YACTO,IAAI,eAAEvD,IAAA,CAACT,YAAY,IAAE;UACvB;QAAE,CACH,CAAC;MAAA,CACE,CACN;MACF8C,KAAK,EAAE;QAAEmB,YAAY,EAAE;MAAG,CAAE;MAAAlC,QAAA,eAE5BtB,IAAA,CAACF,QAAQ;QAAC2D,KAAK,EAAET;MAAI,CAAE;IAAC,CACf,CAAC;EAEhB,CAAC;EACD,IAAMU,cAAc,GAAG,SAAjBA,cAAcA,CAAA,EAAS;IAC3B,IAAMC,GAAG,GAAGrD,GAAG,CAACO,gBAAgB;IAChC,IAAI8C,GAAG,EAAE;MAAA,IAAAC,aAAA;MACP,KAAAA,aAAA,GAAID,GAAG,CAACxC,QAAQ,cAAAyC,aAAA,eAAZA,aAAA,CAAcC,KAAK,EAAE;QACvB,oBACE7D,IAAA,CAACX,OAAO;UAACyE,KAAK,EAAEH,GAAG,CAACxC,QAAQ,CAAC0C,KAAM;UAAAvC,QAAA,eACjCtB,IAAA,CAACJ,kBAAkB;YAACyC,KAAK,EAAE;cAAEC,KAAK,EAAE;YAAU;UAAE,CAAE;QAAC,CAC5C,CAAC;MAEd;MACA,oBAAOtC,IAAA,CAACP,kBAAkB;QAACmD,YAAY,EAAC;MAAS,CAAE,CAAC;IACtD;IACA,oBAAO5C,IAAA,CAACN,eAAe,IAAE,CAAC;EAC5B,CAAC;EACD,oBACEM,IAAA;IAAkBoB,SAAS,EAAEX,MAAM,CAACY,OAAQ;IAAAC,QAAA,EACzCf,UAAU,gBACTP,IAAA,CAACZ,OAAO;MACN2E,SAAS,EAAC,MAAM;MAChBC,OAAO,eACL9D,KAAA,CAACf,IAAI;QAACkD,KAAK,EAAE;UAAE4B,KAAK,EAAE;QAAI,CAAE;QAACC,MAAM,EAAC,UAAU;QAAA5C,QAAA,GAC3CuB,UAAU,CAACnC,MAAM,aAANA,MAAM,uBAANA,MAAM,CAAEmB,IAAI,EAAE,MAAM,CAAC,EAChCgB,UAAU,EAAAxC,qBAAA,GAACC,GAAG,CAACO,gBAAgB,cAAAR,qBAAA,uBAApBA,qBAAA,CAAsBc,QAAQ,EAAE,MAAM,CAAC;MAAA,CAC/C,CACN;MAAAG,QAAA,eAEFpB,KAAA;QAAKkB,SAAS,EAAEX,MAAM,CAACC,MAAO;QAAAY,QAAA,gBAC5BtB,IAAA,CAACR,YAAY;UAAC6C,KAAK,EAAE;YAAEC,KAAK,EAAE;UAAO;QAAE,CAAE,CAAC,eAC1CpC,KAAA,CAACZ,UAAU,CAACiD,IAAI;UACdC,QAAQ,EAAE;YAAEC,OAAO,EAAE3B;UAAK,CAAE;UAC5BuB,KAAK,EAAE;YAAEK,QAAQ,EAAE,GAAG;YAAEC,UAAU,EAAE;UAAO,CAAE;UAAArB,QAAA,GAC9C,gCACM,EAACR,IAAI;QAAA,CACK,CAAC,EACjB4C,cAAc,CAAC,CAAC;MAAA,CACd;IAAC,CACC,CAAC,gBAEVxD,KAAA;MAAKkB,SAAS,EAAEX,MAAM,CAACC,MAAO;MAAAY,QAAA,gBAC5BtB,IAAA,CAACR,YAAY;QAAC6C,KAAK,EAAE;UAAEC,KAAK,EAAE;QAAO;MAAE,CAAE,CAAC,eAC1CpC,KAAA,CAACZ,UAAU,CAACiD,IAAI;QACdC,QAAQ,EAAE;UAAEC,OAAO,EAAE3B;QAAK,CAAE;QAC5BuB,KAAK,EAAE;UAAEK,QAAQ,EAAE,GAAG;UAAEC,UAAU,EAAE;QAAO,CAAE;QAAArB,QAAA,GAC9C,gCACM,EAACR,IAAI;MAAA,CACK,CAAC,EACjB4C,cAAc,CAAC,CAAC;IAAA,CACd;EACN,GAjCOpD,GAAG,CAACqB,EAkCT,CAAC;AAEV,CAAC;AAED,eAAexB,kBAAkB"}
+{"version":3,"names":["React","Alert","Button","Flex","Form","Popover","Tooltip","Typography","CopyOutlined","ToolOutlined","CheckCircleTwoTone","LoadingOutlined","UserSwitchOutlined","InfoCircleOutlined","useStyles","JsonView","jsx","_jsx","jsxs","_jsxs","FunctionCallRender","_ref","_msg$functionResponse","msg","showDetail","onConfirm","styles","fnCall","functionCall","fnRes","functionResponse","name","_msg$functionCall","_fnRes$response","role","confirmed","response","className","wrapper","children","message","type","showIcon","alert","id","originalFn","args","originalFunctionCall","confirm","confirmText","justify","gap","size","onClick","_fnCall$args","agentName","style","color","Text","ellipsis","tooltip","maxWidth","lineHeight","twoToneColor","renderItem","obj","text","str","JSON","stringify","Item","label","align","copyable","icon","marginBottom","value","renderResponse","res","_res$response","error","title","placement","content","width","layout"],"sources":["../../../../../../src/components/XAdkChatbot/components/FunctionCallRender/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { Alert, Button, Flex, Form, Popover, Tooltip, Typography } from \"antd\";\nimport {\n  CopyOutlined,\n  ToolOutlined,\n  CheckCircleTwoTone,\n  LoadingOutlined,\n  UserSwitchOutlined,\n  InfoCircleOutlined,\n} 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?: (fnCall: FunctionCall, confirmed: boolean) => void;\n}\n\nconst FunctionCallRender: React.FC<FunctionCallRenderProps> = ({\n  msg,\n  showDetail,\n  onConfirm,\n}) => {\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\n              message=\"已确认\"\n              type=\"success\"\n              showIcon\n              className={styles.alert}\n            />\n          ) : (\n            <Alert\n              message=\"已取消\"\n              type=\"error\"\n              showIcon\n              className={styles.alert}\n            />\n          )}\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={styles.confirmText}>\n            请确认是否执行工具：{originalFn?.name}\n          </div>\n          <Flex justify=\"end\" gap={8}>\n            <Button\n              type=\"default\"\n              size=\"small\"\n              onClick={() => onConfirm?.(fnCall, false)}\n            >\n              取消\n            </Button>\n            <Button\n              type=\"primary\"\n              size=\"small\"\n              onClick={() => onConfirm?.(fnCall, true)}\n            >\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          ) : (\n            <LoadingOutlined />\n          )}\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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"}

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

@@ -2,6 +2,7 @@ export declare const useStyles: () => {
     wrapper: string;
     fnCall: string;
     confirm: string;
+    confirmText: string;
     alert: string;
 } & {
     w: (width: string | number) => string;

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

@@ -1,13 +1,14 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-import { css } from '@emotion/css';
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+import { css } from "@emotion/css";
 import { withBasicStyles } from "../../../../styles/common";
 export var useStyles = withBasicStyles(function () {
   return {
-    wrapper: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n    justify-content: flex-start;\n    margin-bottom: 12px;\n  "]))),
-    fnCall: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\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  "]))),
-    confirm: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    padding: 12px;\n    border-radius: 12px;\n    border: 1px solid #e7e7e7;\n  "]))),
-    alert: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    line-height: 1;\n    border-radius: 24px;\n  "])))
+    wrapper: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: 12px;\n  "]))),
+    fnCall: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 7px 12px;\n    border-radius: 8px;\n    line-height: 16px;\n    border: 1px solid #e7e7e7;\n    cursor: pointer;\n\n    &:hover {\n      box-shadow: 0 2px 6px rgba(22, 119, 255, 0.15);\n    }\n  "]))),
+    confirm: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    padding: 12px;\n    border-radius: 12px;\n    background: #fffbe6;\n    color: #d48806;\n    border: 1px solid #ffe58f;\n    max-width: 400px;\n    flex: 1;\n  "]))),
+    confirmText: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    margin-bottom: 8px;\n  "]))),
+    alert: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    line-height: 1;\n    border-radius: 24px;\n  "])))
   };
 });
 export default useStyles;

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

@@ -1 +1 @@
-{"version":3,"names":["css","withBasicStyles","useStyles","wrapper","_templateObject","_taggedTemplateLiteral","fnCall","_templateObject2","confirm","_templateObject3","alert","_templateObject4"],"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,SAASA,GAAG,QAAQ,cAAc;AAClC,SAASC,eAAe;AAExB,OAAO,IAAMC,SAAS,GAAGD,eAAe,CAAC;EAAA,OAAO;IAC9CE,OAAO,EAAEH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,sBAAA,4FAIX;IAEDC,MAAM,EAAEN,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,yMASV;IAEDG,OAAO,EAAER,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,sBAAA,0FAIX;IAEDK,KAAK,EAAEV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,sBAAA;EAIZ,CAAC;AAAA,CAAC,CAAC;AAEH,eAAeH,SAAS"}
+{"version":3,"names":["css","withBasicStyles","useStyles","wrapper","_templateObject","_taggedTemplateLiteral","fnCall","_templateObject2","confirm","_templateObject3","confirmText","_templateObject4","alert","_templateObject5"],"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-end;\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: 8px;\n    line-height: 16px;\n    border: 1px solid #e7e7e7;\n    cursor: pointer;\n\n    &:hover {\n      box-shadow: 0 2px 6px rgba(22, 119, 255, 0.15);\n    }\n  `,\n\n  confirm: css`\n    padding: 12px;\n    border-radius: 12px;\n    background: #fffbe6;\n    color: #d48806;\n    border: 1px solid #ffe58f;\n    max-width: 400px;\n    flex: 1;\n  `,\n\n  confirmText: css`\n    margin-bottom: 8px;\n  `,\n\n  alert: css`\n    line-height: 1;\n    border-radius: 24px;\n  `,\n}));\n\nexport default useStyles;\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,cAAc;AAClC,SAASC,eAAe;AAExB,OAAO,IAAMC,SAAS,GAAGD,eAAe,CAAC;EAAA,OAAO;IAC9CE,OAAO,EAAEH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,sBAAA,0FAIX;IAEDC,MAAM,EAAEN,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,uRAaV;IAEDG,OAAO,EAAER,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,sBAAA,8KAQX;IAEDK,WAAW,EAAEV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,sBAAA,qCAEf;IAEDO,KAAK,EAAEZ,GAAG,CAAAa,gBAAA,KAAAA,gBAAA,GAAAR,sBAAA;EAIZ,CAAC;AAAA,CAAC,CAAC;AAEH,eAAeH,SAAS"}

package/dist/esm/components/XAdkChatbot/index.d.ts

@@ -1,4 +1,14 @@
-import React from 'react';
+import React from "react";
 import type { XAdkChatbotProps } from "../../types";
+/**
+ * XAdkChatbot - 增强版聊天组件
+ *
+ * 新增功能:
+ * - ✅ 自动消息分组 (enableGrouping)
+ * - ✅ 自动解析思维链 (enableProcessParsing)
+ * - ✅ 文件展示 (FileGallery)
+ * - ✅ 操作栏 (重试/复制/日志)
+ * - ✅ 欢迎页面 (agentName/agentIcon/description)
+ */
 declare const XAdkChatbot: React.FC<XAdkChatbotProps>;
 export default XAdkChatbot;