@ai-group/chat-sdk 3.5.5 → 3.5.7

package/dist/esm/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/esm/components/FolderTree/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"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":""}

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

@@ -0,0 +1,208 @@
+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 { defaultToolKindResolver } from "../../../../types/FunctionCallRender";
+import JsonView from "../../../XAiJsonView";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var FunctionCallRender = function FunctionCallRender(_ref) {
+  var _msg$functionResponse;
+  var msg = _ref.msg,
+    showDetail = _ref.showDetail,
+    onConfirm = _ref.onConfirm,
+    kindProp = _ref.kind,
+    _ref$toolKindResolver = _ref.toolKindResolver,
+    toolKindResolver = _ref$toolKindResolver === void 0 ? defaultToolKindResolver : _ref$toolKindResolver,
+    renderApproval = _ref.renderApproval,
+    renderHandoff = _ref.renderHandoff;
+  var styles = useStyles();
+  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);
+  var kind = kindProp !== null && kindProp !== void 0 ? kindProp : toolKindResolver(name);
+  if (kind === "approval") {
+    var _msg$functionCall;
+    if (renderApproval) {
+      var custom = renderApproval(msg, onConfirm);
+      if (custom !== null && custom !== undefined) return /*#__PURE__*/_jsx(_Fragment, {
+        children: custom
+      });
+    }
+    if (fnRes) {
+      var _fnRes$response;
+      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,
+        children: confirmed ? /*#__PURE__*/_jsx(Alert, {
+          message: "\u5DF2\u786E\u8BA4",
+          type: "success",
+          showIcon: true,
+          className: styles.alert
+        }) : /*#__PURE__*/_jsx(Alert, {
+          message: "\u5DF2\u53D6\u6D88",
+          type: "error",
+          showIcon: true,
+          className: styles.alert
+        })
+      }, msg.id);
+    }
+    var originalFn = msg === null || msg === void 0 || (_msg$functionCall = msg.functionCall) === null || _msg$functionCall === void 0 || (_msg$functionCall = _msg$functionCall.args) === null || _msg$functionCall === void 0 ? void 0 : _msg$functionCall.originalFunctionCall;
+    return /*#__PURE__*/_jsx("div", {
+      className: styles.wrapper,
+      style: {
+        justifyContent: "flex-end"
+      },
+      children: /*#__PURE__*/_jsxs("div", {
+        className: styles.confirm,
+        children: [/*#__PURE__*/_jsxs("div", {
+          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);
+            },
+            children: "\u786E\u8BA4"
+          })]
+        })]
+      })
+    }, msg.id);
+  }
+  if (kind === "handoff") {
+    var _fnCall$args;
+    if (renderHandoff) {
+      var _custom = renderHandoff(msg);
+      if (_custom !== null && _custom !== undefined) return /*#__PURE__*/_jsx(_Fragment, {
+        children: _custom
+      });
+    }
+    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", {
+      className: styles.wrapper,
+      children: /*#__PURE__*/_jsxs("div", {
+        className: styles.fnCall,
+        children: [/*#__PURE__*/_jsx(UserSwitchOutlined, {
+          style: {
+            color: "#888"
+          }
+        }), /*#__PURE__*/_jsxs(Typography.Text, {
+          ellipsis: {
+            tooltip: agentName
+          },
+          style: {
+            maxWidth: 300,
+            lineHeight: "16px"
+          },
+          children: ["\u4EFB\u52A1\u8F6C\u4EA4\uFF1A", agentName]
+        }), msg.functionResponse ? /*#__PURE__*/_jsx(CheckCircleTwoTone, {
+          twoToneColor: "#52c41a"
+        }) : /*#__PURE__*/_jsx(LoadingOutlined, {})]
+      })
+    }, msg.id);
+  }
+  var renderItem = function renderItem(obj, text) {
+    var str = JSON.stringify(obj, null, 2);
+    return /*#__PURE__*/_jsx(Form.Item, {
+      label: /*#__PURE__*/_jsxs(Flex, {
+        align: "center",
+        children: [/*#__PURE__*/_jsx("span", {
+          className: "mr-2",
+          children: text
+        }), /*#__PURE__*/_jsx(Typography.Text, {
+          copyable: {
+            text: str,
+            icon: /*#__PURE__*/_jsx(CopyOutlined, {})
+          }
+        })]
+      }),
+      style: {
+        marginBottom: 12
+      },
+      children: /*#__PURE__*/_jsx(JsonView, {
+        value: str
+      })
+    });
+  };
+  var renderResponse = function renderResponse() {
+    var res = msg.functionResponse;
+    if (res) {
+      var _res$response;
+      if ((_res$response = res.response) !== null && _res$response !== void 0 && _res$response.error) {
+        return /*#__PURE__*/_jsx(Tooltip, {
+          title: res.response.error,
+          children: /*#__PURE__*/_jsx(InfoCircleOutlined, {
+            style: {
+              color: "#faad14"
+            }
+          })
+        });
+      }
+      return /*#__PURE__*/_jsx(CheckCircleTwoTone, {
+        twoToneColor: "#52c41a"
+      });
+    }
+    return /*#__PURE__*/_jsx(LoadingOutlined, {});
+  };
+  return /*#__PURE__*/_jsx("div", {
+    className: styles.wrapper,
+    children: showDetail ? /*#__PURE__*/_jsx(Popover, {
+      placement: "left",
+      content: /*#__PURE__*/_jsxs(Form, {
+        style: {
+          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: /*#__PURE__*/_jsxs("div", {
+        className: styles.fnCall,
+        children: [/*#__PURE__*/_jsx(ToolOutlined, {
+          style: {
+            color: "#888"
+          }
+        }), /*#__PURE__*/_jsxs(Typography.Text, {
+          ellipsis: {
+            tooltip: name
+          },
+          style: {
+            maxWidth: 300,
+            lineHeight: "16px"
+          },
+          children: ["\u8C03\u7528\u5DE5\u5177\uFF1A", name]
+        }), renderResponse()]
+      })
+    }) : /*#__PURE__*/_jsxs("div", {
+      className: styles.fnCall,
+      children: [/*#__PURE__*/_jsx(ToolOutlined, {
+        style: {
+          color: "#888"
+        }
+      }), /*#__PURE__*/_jsxs(Typography.Text, {
+        ellipsis: {
+          tooltip: name
+        },
+        style: {
+          maxWidth: 300,
+          lineHeight: "16px"
+        },
+        children: ["\u8C03\u7528\u5DE5\u5177\uFF1A", name]
+      }), renderResponse()]
+    })
+  }, msg.id);
+};
+export default FunctionCallRender;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Alert","Button","Flex","Form","Popover","Tooltip","Typography","CopyOutlined","ToolOutlined","CheckCircleTwoTone","LoadingOutlined","UserSwitchOutlined","InfoCircleOutlined","useStyles","defaultToolKindResolver","JsonView","Fragment","_Fragment","jsx","_jsx","jsxs","_jsxs","FunctionCallRender","_ref","_msg$functionResponse","msg","showDetail","onConfirm","kindProp","kind","_ref$toolKindResolver","toolKindResolver","renderApproval","renderHandoff","styles","fnCall","functionCall","fnRes","functionResponse","name","_msg$functionCall","custom","undefined","children","_fnRes$response","role","confirmed","response","className","wrapper","message","type","showIcon","alert","id","originalFn","args","originalFunctionCall","style","justifyContent","confirm","confirmText","justify","gap","size","onClick","_fnCall$args","agentName","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 { 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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"}

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

@@ -0,0 +1,15 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+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: 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: 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;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"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: 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,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,uFAIX;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/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;