@ai-group/chat-sdk 3.5.5 → 3.5.7

package/dist/cjs/components/FolderTree/types.d.ts

@@ -0,0 +1,165 @@
+import type { DropdownProps } from "antd";
+import type React from "react";
+/** 文件树节点数据 */
+export interface FolderTreeData<T = any> {
+    title: React.ReactNode;
+    path: string;
+    content?: string;
+    extra?: T;
+    children?: FolderTreeData<T>[];
+}
+/** 文件内容加载服务 */
+export interface FileContentService {
+    loadFileContent(filePath: string): Promise<string>;
+}
+/** 编辑节点信息 */
+export interface EditNodeInfo {
+    /** 完整路径 key */
+    key: string;
+    /** 原始标题 */
+    originalTitle: string;
+    /** 当前输入值 */
+    currentValue: string;
+    /** 编辑模式：重命名或新建 */
+    mode: "rename" | "create";
+}
+/** 新建上下文 */
+export interface CreateNodeContext {
+    /** 父节点 key */
+    parentKey: string;
+    /** 节点类型 */
+    type: "file" | "folder";
+    /** 附加数据 */
+    extra?: any;
+}
+/** FolderTree 命令式 API */
+export interface FolderTreeRef {
+    /**
+     * 在指定父路径下新建文件或文件夹
+     * @param parentPath - 父节点完整路径（空字符串或 "/" 表示根路径）
+     * @param options.type - 节点类型
+     * @param options.defaultName - 默认名称
+     * @param options.extra - 自定义附加数据
+     */
+    createNode: (parentPath: string, options: {
+        type: "file" | "folder";
+        defaultName?: string;
+        extra?: any;
+    }) => void;
+}
+/** FolderTree 组件属性 */
+export interface FolderTreeProps {
+    /** 自定义类名 */
+    className?: string;
+    /** 自定义样式 */
+    style?: React.CSSProperties;
+    /** 树形数据 */
+    treeData: FolderTreeData[];
+    /** 自定义文件/文件夹图标，false 禁用图标 */
+    directoryIcons?: false | Record<"directory" | string, React.ReactNode | (() => React.ReactNode)>;
+    /** 是否可选中文件 */
+    selectable?: boolean;
+    /** 受控：当前选中的文件路径 */
+    selectedFile?: string[];
+    /** 默认选中的文件路径 */
+    defaultSelectedFile?: string[];
+    /** 选中文件变化回调 */
+    onSelectedFileChange?: (file: {
+        path: string[];
+        title?: React.ReactNode;
+        content?: string;
+        extra?: any;
+    }) => void;
+    /** 受控：展开的路径 */
+    expandedPaths?: string[];
+    /** 默认展开的路径 */
+    defaultExpandedPaths?: string[];
+    /** 默认是否展开所有节点 */
+    defaultExpandAll?: boolean;
+    /** 展开路径变化回调 */
+    onExpandedPathsChange?: (paths: string[]) => void;
+    /** 目录树面板宽度 */
+    directoryTreeWidth?: number | string;
+    /** 文件内容加载服务 */
+    fileContentService?: FileContentService;
+    /** 空状态渲染 */
+    emptyRender?: false | React.ReactNode | (() => React.ReactNode);
+    /** 自定义文件预览渲染 */
+    previewRender?: React.ReactNode | ((file: {
+        content?: string;
+        path: string[];
+        title?: React.ReactNode;
+        language: string;
+    }, info: {
+        originNode: React.ReactNode;
+    }) => React.ReactNode);
+    /** 自定义目录标题 */
+    directoryTitle?: false | React.ReactNode | (() => React.ReactNode);
+    /** 自定义预览标题 */
+    previewTitle?: false | React.ReactNode | ((info: {
+        title: React.ReactNode;
+        path: string[];
+        content: string;
+    }) => React.ReactNode);
+    /** 文件点击回调 */
+    onFileClick?: (filePath: string, content?: string, extra?: any) => void;
+    /** 文件夹点击回调 */
+    onFolderClick?: (folderPath: string, extra?: any) => void;
+    /** 更多操作菜单，传入节点和操作方法，返回 Dropdown menu 配置 */
+    moreActions?: (node: FolderTreeData, actions?: {
+        startRename: () => void;
+    }) => DropdownProps["menu"];
+    /** 是否显示连接线 */
+    showLine?: boolean | {
+        showLeafIcon?: boolean | React.ReactNode;
+    };
+    /** 自定义展开/收起图标 */
+    switcherIcon?: React.ReactNode | ((props: any) => React.ReactNode);
+    /** 是否显示文件预览面板，默认 true */
+    showPreview?: boolean;
+    /**
+     * 拖拽模式
+     * - true | 'file': 只有文件（叶子节点）可拖拽
+     * - 'folder': 只有文件夹可拖拽
+     * - 'all': 文件和文件夹都可拖拽
+     * - false | undefined: 禁用拖拽
+     */
+    draggable?: boolean | "file" | "folder" | "all";
+    /** 重命名确认回调，失焦或回车时触发 */
+    onRename?: (info: {
+        /** 节点完整路径 key */
+        key: string;
+        /** 原始标题 */
+        oldTitle: React.ReactNode;
+        /** 新标题 */
+        newTitle: string;
+        /** 原始节点数据 */
+        node: FolderTreeData;
+    }) => void;
+    /** 新建确认回调，失焦或回车时触发 */
+    onCreate?: (info: {
+        /** 父节点 key */
+        parentKey: string;
+        /** 用户输入的名称 */
+        name: string;
+        /** 节点类型 */
+        type: "file" | "folder";
+        /** 附加数据 */
+        extra?: any;
+    }) => void;
+    /** 拖拽完成回调 */
+    onDrop?: (info: {
+        /** 被拖拽节点的文件名 */
+        fileName: React.ReactNode;
+        /** 被拖拽节点的 extra 数据 */
+        extra: any;
+        /** 拖拽前的完整路径 */
+        oldPath: string;
+        /** 拖拽完成后的新路径 */
+        newPath: string;
+        /** 被拖拽的节点 */
+        dragNode: FolderTreeData;
+        /** 目标节点 */
+        dropNode: FolderTreeData;
+    }) => void;
+}

package/dist/cjs/components/FolderTree/types.js

@@ -0,0 +1,18 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/FolderTree/types.ts
+var types_exports = {};
+module.exports = __toCommonJS(types_exports);
+//# sourceMappingURL=types.js.map

package/dist/cjs/components/FolderTree/types.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/FolderTree/types.ts"],
+  "sourcesContent": ["import type { DropdownProps } from \"antd\";\nimport type React from \"react\";\n\n/** 文件树节点数据 */\nexport interface FolderTreeData<T = any> {\n  title: React.ReactNode;\n  path: string;\n  content?: string;\n  extra?: T;\n  children?: FolderTreeData<T>[];\n}\n\n/** 文件内容加载服务 */\nexport interface FileContentService {\n  loadFileContent(filePath: string): Promise<string>;\n}\n\n/** 编辑节点信息 */\nexport interface EditNodeInfo {\n  /** 完整路径 key */\n  key: string;\n  /** 原始标题 */\n  originalTitle: string;\n  /** 当前输入值 */\n  currentValue: string;\n  /** 编辑模式：重命名或新建 */\n  mode: \"rename\" | \"create\";\n}\n\n/** 新建上下文 */\nexport interface CreateNodeContext {\n  /** 父节点 key */\n  parentKey: string;\n  /** 节点类型 */\n  type: \"file\" | \"folder\";\n  /** 附加数据 */\n  extra?: any;\n}\n\n/** FolderTree 命令式 API */\nexport interface FolderTreeRef {\n  /**\n   * 在指定父路径下新建文件或文件夹\n   * @param parentPath - 父节点完整路径（空字符串或 \"/\" 表示根路径）\n   * @param options.type - 节点类型\n   * @param options.defaultName - 默认名称\n   * @param options.extra - 自定义附加数据\n   */\n  createNode: (\n    parentPath: string,\n    options: {\n      type: \"file\" | \"folder\";\n      defaultName?: string;\n      extra?: any;\n    }\n  ) => void;\n}\n\n/** FolderTree 组件属性 */\nexport interface FolderTreeProps {\n  /** 自定义类名 */\n  className?: string;\n  /** 自定义样式 */\n  style?: React.CSSProperties;\n\n  /** 树形数据 */\n  treeData: FolderTreeData[];\n\n  /** 自定义文件/文件夹图标，false 禁用图标 */\n  directoryIcons?:\n    | false\n    | Record<\"directory\" | string, React.ReactNode | (() => React.ReactNode)>;\n\n  /** 是否可选中文件 */\n  selectable?: boolean;\n  /** 受控：当前选中的文件路径 */\n  selectedFile?: string[];\n  /** 默认选中的文件路径 */\n  defaultSelectedFile?: string[];\n  /** 选中文件变化回调 */\n  onSelectedFileChange?: (file: {\n    path: string[];\n    title?: React.ReactNode;\n    content?: string;\n    extra?: any;\n  }) => void;\n\n  /** 受控：展开的路径 */\n  expandedPaths?: string[];\n  /** 默认展开的路径 */\n  defaultExpandedPaths?: string[];\n  /** 默认是否展开所有节点 */\n  defaultExpandAll?: boolean;\n  /** 展开路径变化回调 */\n  onExpandedPathsChange?: (paths: string[]) => void;\n\n  /** 目录树面板宽度 */\n  directoryTreeWidth?: number | string;\n\n  /** 文件内容加载服务 */\n  fileContentService?: FileContentService;\n\n  /** 空状态渲染 */\n  emptyRender?: false | React.ReactNode | (() => React.ReactNode);\n  /** 自定义文件预览渲染 */\n  previewRender?:\n    | React.ReactNode\n    | ((\n        file: {\n          content?: string;\n          path: string[];\n          title?: React.ReactNode;\n          language: string;\n        },\n        info: { originNode: React.ReactNode },\n      ) => React.ReactNode);\n\n  /** 自定义目录标题 */\n  directoryTitle?: false | React.ReactNode | (() => React.ReactNode);\n  /** 自定义预览标题 */\n  previewTitle?:\n    | false\n    | React.ReactNode\n    | ((info: {\n        title: React.ReactNode;\n        path: string[];\n        content: string;\n      }) => React.ReactNode);\n\n  /** 文件点击回调 */\n  onFileClick?: (filePath: string, content?: string, extra?: any) => void;\n  /** 文件夹点击回调 */\n  onFolderClick?: (folderPath: string, extra?: any) => void;\n\n  /** 更多操作菜单，传入节点和操作方法，返回 Dropdown menu 配置 */\n  moreActions?: (\n    node: FolderTreeData,\n    actions?: { startRename: () => void }\n  ) => DropdownProps[\"menu\"];\n\n  /** 是否显示连接线 */\n  showLine?: boolean | { showLeafIcon?: boolean | React.ReactNode };\n  /** 自定义展开/收起图标 */\n  switcherIcon?: React.ReactNode | ((props: any) => React.ReactNode);\n\n  /** 是否显示文件预览面板，默认 true */\n  showPreview?: boolean;\n\n  /**\n   * 拖拽模式\n   * - true | 'file': 只有文件（叶子节点）可拖拽\n   * - 'folder': 只有文件夹可拖拽\n   * - 'all': 文件和文件夹都可拖拽\n   * - false | undefined: 禁用拖拽\n   */\n  draggable?: boolean | \"file\" | \"folder\" | \"all\";\n\n  /** 重命名确认回调，失焦或回车时触发 */\n  onRename?: (info: {\n    /** 节点完整路径 key */\n    key: string;\n    /** 原始标题 */\n    oldTitle: React.ReactNode;\n    /** 新标题 */\n    newTitle: string;\n    /** 原始节点数据 */\n    node: FolderTreeData;\n  }) => void;\n\n  /** 新建确认回调，失焦或回车时触发 */\n  onCreate?: (info: {\n    /** 父节点 key */\n    parentKey: string;\n    /** 用户输入的名称 */\n    name: string;\n    /** 节点类型 */\n    type: \"file\" | \"folder\";\n    /** 附加数据 */\n    extra?: any;\n  }) => void;\n\n  /** 拖拽完成回调 */\n  onDrop?: (info: {\n    /** 被拖拽节点的文件名 */\n    fileName: React.ReactNode;\n    /** 被拖拽节点的 extra 数据 */\n    extra: any;\n    /** 拖拽前的完整路径 */\n    oldPath: string;\n    /** 拖拽完成后的新路径 */\n    newPath: string;\n    /** 被拖拽的节点 */\n    dragNode: FolderTreeData;\n    /** 目标节点 */\n    dropNode: FolderTreeData;\n  }) => void;\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;AAAA;AAAA;",
+  "names": []
+}

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

@@ -0,0 +1,4 @@
+import React from "react";
+import type { FunctionCallRenderProps } from "../../../../types";
+declare const FunctionCallRender: React.FC<FunctionCallRenderProps>;
+export default FunctionCallRender;

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

@@ -0,0 +1,217 @@
+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_FunctionCallRender = require("../../../../types/FunctionCallRender");
+var import_XAiJsonView = __toESM(require("../../../XAiJsonView"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var FunctionCallRender = ({
+  msg,
+  showDetail,
+  onConfirm,
+  kind: kindProp,
+  toolKindResolver = import_FunctionCallRender.defaultToolKindResolver,
+  renderApproval,
+  renderHandoff
+}) => {
+  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);
+  const kind = kindProp ?? toolKindResolver(name);
+  if (kind === "approval") {
+    if (renderApproval) {
+      const custom = renderApproval(msg, onConfirm);
+      if (custom !== null && custom !== void 0)
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: custom });
+    }
+    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,
+        style: { justifyContent: "flex-end" },
+        children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.confirm, 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",
+                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
+    );
+  }
+  if (kind === "handoff") {
+    if (renderHandoff) {
+      const custom = renderHandoff(msg);
+      if (custom !== null && custom !== void 0)
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: custom });
+    }
+    const agentName = (_d = fnCall == null ? void 0 : 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 == null ? void 0 : 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 {\n  CopyOutlined,\n  ToolOutlined,\n  CheckCircleTwoTone,\n  LoadingOutlined,\n  UserSwitchOutlined,\n  InfoCircleOutlined,\n} from \"@ant-design/icons\";\nimport type { FunctionCallRenderProps, FunctionCall } from \"@/types\";\nimport { useStyles } from \"./styles\";\nimport { defaultToolKindResolver } from \"@/types/FunctionCallRender\";\nimport JsonView from \"@/components/XAiJsonView\";\n\nconst FunctionCallRender: React.FC<FunctionCallRenderProps> = ({\n  msg,\n  showDetail,\n  onConfirm,\n  kind: kindProp,\n  toolKindResolver = defaultToolKindResolver,\n  renderApproval,\n  renderHandoff,\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  const kind = kindProp ?? toolKindResolver(name);\n\n  if (kind === \"approval\") {\n    if (renderApproval) {\n      const custom = renderApproval(msg, onConfirm);\n      if (custom !== null && custom !== undefined) return <>{custom}</>;\n    }\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\n        key={msg.id}\n        className={styles.wrapper}\n        style={{ justifyContent: \"flex-end\" }}\n      >\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 (kind === \"handoff\") {\n    if (renderHandoff) {\n      const custom = renderHandoff(msg);\n      if (custom !== null && custom !== undefined) return <>{custom}</>;\n    }\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

@@ -0,0 +1,41 @@
+export declare const useStyles: () => {
+    wrapper: string;
+    fnCall: string;
+    confirm: string;
+    confirmText: 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,70 @@
+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: start;
+    margin-bottom: 12px;
+  `,
+  fnCall: import_css.css`
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 7px 12px;
+    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;
+    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;
+    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: 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: 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/components/MarkdownRender/index.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+import "@ant-design/x-markdown/themes/light.css";
+import type { FileItem } from "../../../../types";
+export interface MarkdownRenderProps {
+    text: string;
+    /** 点击 Markdown 中识别到的文件链接的回调 */
+    onFileClick?: (file: FileItem) => void;
+}
+declare const MarkdownRender: React.FC<MarkdownRenderProps>;
+export default MarkdownRender;