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

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

@@ -0,0 +1,92 @@
+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/FileGallery/index.tsx
+var FileGallery_exports = {};
+__export(FileGallery_exports, {
+  default: () => FileGallery_default
+});
+module.exports = __toCommonJS(FileGallery_exports);
+var import_antd = require("antd");
+var import_styles = require("./styles");
+var import_jsx_runtime = require("react/jsx-runtime");
+var getFileName = (file) => {
+  return file.displayName || "";
+};
+var getFileUrl = (file) => {
+  return file.fileUri || "";
+};
+var isImage = (file) => {
+  if (!file)
+    return false;
+  const mimeType = file.mimeType;
+  const name = getFileName(file);
+  const url = getFileUrl(file);
+  if (mimeType == null ? void 0 : mimeType.startsWith("image/"))
+    return true;
+  if (name == null ? void 0 : name.match(/\.(jpg|jpeg|png|gif|webp|bmp|svg)$/i))
+    return true;
+  if (url == null ? void 0 : url.match(/\.(jpg|jpeg|png|gif|webp|bmp|svg)(\?.*)?$/i))
+    return true;
+  return false;
+};
+var FileGallery = ({ files, align = "left" }) => {
+  const styles = (0, import_styles.useStyles)();
+  if (!files || files.length === 0)
+    return null;
+  const imageFiles = files.filter(isImage);
+  const otherFiles = files.filter((f) => !isImage(f));
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      className: `${styles.fileGalleryWrapper} ${align === "right" ? "alignRight" : ""}`,
+      children: [
+        imageFiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.imageGrid, "data-count": imageFiles.length, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Image.PreviewGroup, { children: imageFiles.map((file, index) => {
+          const src = getFileUrl(file);
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.imageItem, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+            import_antd.Image,
+            {
+              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__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.fileList, children: otherFiles.map((file, i) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.fileItem, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+          "a",
+          {
+            href: getFileUrl(file),
+            target: "_blank",
+            rel: "noopener noreferrer",
+            className: styles.fileLink,
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.fileIcon, children: "📄" }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: styles.fileName, children: getFileName(file) })
+            ]
+          }
+        ) }, i)) })
+      ]
+    }
+  );
+};
+var FileGallery_default = FileGallery;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "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": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAAsB;AACtB,oBAA0B;AAqER;AA1DlB,IAAM,cAAc,CAAC,SAA2B;AAC9C,SAAO,KAAK,eAAe;AAC7B;AAKA,IAAM,aAAa,CAAC,SAA2B;AAC7C,SAAO,KAAK,WAAW;AACzB;AAKA,IAAM,UAAU,CAAC,SAA4B;AAC3C,MAAI,CAAC;AAAM,WAAO;AAElB,QAAM,WAAW,KAAK;AACtB,QAAM,OAAO,YAAY,IAAI;AAC7B,QAAM,MAAM,WAAW,IAAI;AAG3B,MAAI,qCAAU,WAAW;AAAW,WAAO;AAG3C,MAAI,6BAAM,MAAM;AAAwC,WAAO;AAG/D,MAAI,2BAAK,MAAM;AAA+C,WAAO;AAErE,SAAO;AACT;AAMA,IAAM,cAA0C,CAAC,EAAE,OAAO,QAAQ,OAAO,MAAM;AAC7E,QAAM,aAAS,yBAAU;AAEzB,MAAI,CAAC,SAAS,MAAM,WAAW;AAAG,WAAO;AAGzC,QAAM,aAAa,MAAM,OAAO,OAAO;AACvC,QAAM,aAAa,MAAM,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;AAElD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,GAAG,OAAO,sBAAsB,UAAU,UAAU,eAAe;AAAA,MAG7E;AAAA,mBAAW,SAAS,KACnB,4CAAC,SAAI,WAAW,OAAO,WAAW,cAAY,WAAW,QACvD,sDAAC,kBAAM,cAAN,EACE,qBAAW,IAAI,CAAC,MAAM,UAAU;AAC/B,gBAAM,MAAM,WAAW,IAAI;AAC3B,iBACE,4CAAC,SAAgB,WAAW,OAAO,WACjC;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA,WAAW,OAAO;AAAA,cAClB,OAAM;AAAA,cACN,QAAO;AAAA,cACP,KAAK,YAAY,IAAI;AAAA,cACrB,UAAS;AAAA,cACT,OAAO,EAAE,WAAW,QAAQ;AAAA;AAAA,UAC9B,KATQ,KAUV;AAAA,QAEJ,CAAC,GACH,GACF;AAAA,QAID,WAAW,SAAS,KACnB,4CAAC,SAAI,WAAW,OAAO,UACpB,qBAAW,IAAI,CAAC,MAAM,MACrB,4CAAC,SAAY,WAAW,OAAO,UAC7B;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,WAAW,IAAI;AAAA,YACrB,QAAO;AAAA,YACP,KAAI;AAAA,YACJ,WAAW,OAAO;AAAA,YAElB;AAAA,0DAAC,UAAK,WAAW,OAAO,UAAU,gBAAE;AAAA,cACpC,4CAAC,UAAK,WAAW,OAAO,UAAW,sBAAY,IAAI,GAAE;AAAA;AAAA;AAAA,QACvD,KATQ,CAUV,CACD,GACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,IAAO,sBAAQ;",
+  "names": []
+}

package/dist/cjs/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/cjs/components/XAdkChatbot/components/FileGallery/styles.js

@@ -0,0 +1,137 @@
+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/FileGallery/styles.tsx
+var styles_exports = {};
+__export(styles_exports, {
+  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)(() => ({
+  fileGalleryWrapper: import_css.css`
+    margin: 8px 0;
+
+    &.alignRight {
+      display: flex;
+      flex-direction: column;
+      align-items: flex-end;
+    }
+  `,
+  // 九宫格布局
+  imageGrid: import_css.css`
+    display: grid;
+    gap: 8px;
+    max-width: 400px;
+    margin-bottom: 8px;
+
+    /* 1张图片:单列 */
+    &[data-count="1"] {
+      grid-template-columns: 1fr;
+      max-width: 300px;
+    }
+
+    /* 2-4张图片:两列 */
+    &[data-count="2"],
+    &[data-count="3"],
+    &[data-count="4"] {
+      grid-template-columns: repeat(2, 1fr);
+    }
+
+    /* 5-9张图片:三列 */
+    &[data-count="5"],
+    &[data-count="6"],
+    &[data-count="7"],
+    &[data-count="8"],
+    &[data-count="9"] {
+      grid-template-columns: repeat(3, 1fr);
+      max-width: 400px;
+    }
+  `,
+  imageItem: import_css.css`
+    position: relative;
+    width: 100%;
+    padding-top: 100%; /* 1:1 比例 */
+    overflow: hidden;
+    border-radius: 8px;
+    background: #ffffff;
+    border: 1px solid #d9d9d9;
+
+    .ant-image {
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+    }
+  `,
+  img: import_css.css`
+    object-fit: cover;
+    cursor: pointer;
+    transition: transform 0.2s;
+
+    &:hover {
+      transform: scale(1.05);
+    }
+  `,
+  // 文件列表
+  fileList: import_css.css`
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    max-width: 400px;
+  `,
+  fileItem: import_css.css`
+    background: #ffffff;
+    border: 1px solid #d9d9d9;
+    border-radius: 8px;
+    padding: 12px;
+    transition: all 0.2s;
+
+    &:hover {
+      border-color: #1890ff;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+    }
+  `,
+  fileLink: import_css.css`
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    color: rgba(0, 0, 0, 0.85);
+    text-decoration: none;
+
+    &:hover {
+      color: #1890ff;
+    }
+  `,
+  fileIcon: import_css.css`
+    font-size: 20px;
+  `,
+  fileName: import_css.css`
+    flex: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  `
+}));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useStyles
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "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;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAoB;AACpB,oBAAgC;AAEzB,IAAM,gBAAY,+BAAgB,OAAO;AAAA,EAC9C,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWpB,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA8BX,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAkBX,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWL,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOV,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAaV,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYV,UAAU;AAAA;AAAA;AAAA,EAIV,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAMZ,EAAE;",
+  "names": []
+}

package/dist/cjs/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/cjs/components/XAdkChatbot/components/FunctionCallRender/index.js

@@ -37,7 +37,11 @@ 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 FunctionCallRender = ({
+  msg,
+  showDetail,
+  onConfirm
+}) => {
   var _a, _b, _c, _d, _e;
   const styles = (0, import_styles.useStyles)();
   const fnCall = msg.functionCall;
@@ -48,17 +52,49 @@ var FunctionCallRender = ({ msg, showDetail, onConfirm }) => {
       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);
+      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: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.confirmText, 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(fnCall, false), children: "取消" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Button, { type: "primary", onClick: () => onConfirm == null ? void 0 : onConfirm(fnCall, true), children: "确认" })
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_antd.Button,
+          {
+            type: "default",
+            size: "small",
+            onClick: () => onConfirm == null ? void 0 : onConfirm(fnCall, false),
+            children: "取消"
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_antd.Button,
+          {
+            type: "primary",
+            size: "small",
+            onClick: () => onConfirm == null ? void 0 : onConfirm(fnCall, true),
+            children: "确认"
+          }
+        )
       ] })
     ] }) }, msg.id);
   }

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

@@ -1,7 +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?: (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": "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",
+  "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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",
   "names": ["JsonView", "_a"]
 }

package/dist/cjs/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/cjs/components/XAdkChatbot/components/FunctionCallRender/styles.js

@@ -28,7 +28,7 @@ var import_common = require("../../../../styles/common");
 var useStyles = (0, import_common.withBasicStyles)(() => ({
   wrapper: import_css.css`
     display: flex;
-    justify-content: flex-start;
+    justify-content: flex-end;
     margin-bottom: 12px;
   `,
   fnCall: import_css.css`
@@ -36,15 +36,26 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
     align-items: center;
     gap: 8px;
     padding: 7px 12px;
-    border-radius: 24px;
+    border-radius: 8px;
     line-height: 16px;
     border: 1px solid #e7e7e7;
     cursor: pointer;
+
+    &:hover {
+      box-shadow: 0 2px 6px rgba(22, 119, 255, 0.15);
+    }
   `,
   confirm: import_css.css`
     padding: 12px;
     border-radius: 12px;
-    border: 1px solid #e7e7e7;
+    background: #fffbe6;
+    color: #d48806;
+    border: 1px solid #ffe58f;
+    max-width: 400px;
+    flex: 1;
+  `,
+  confirmText: import_css.css`
+    margin-bottom: 8px;
   `,
   alert: import_css.css`
     line-height: 1;

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

@@ -1,7 +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;",
+  "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;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;AAAA;AAAA;AAAA;AAAA,EAeR,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUT,aAAa;AAAA;AAAA;AAAA,EAIb,OAAO;AAAA;AAAA;AAAA;AAIT,EAAE;AAEF,IAAO,iBAAQ;",
   "names": []
 }

package/dist/cjs/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;