npm - @ai-group/chat-sdk - Versions diffs - 3.0.8 → 3.0.10 - Mend

@ai-group/chat-sdk 3.0.8 → 3.0.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (86) hide show

package/dist/cjs/components/FileGallery/index.js CHANGED Viewed

@@ -113,16 +113,17 @@ var FileGallery = ({
   onRemove = () => {
   },
   className,
-  style
+  style,
+  onClick
 }) => {
   const [objectUrl, setObjectUrl] = (0, import_react.useState)("");
   (0, import_react.useEffect)(() => {
-    if (!file.file)
+    if (!(file == null ? void 0 : file.file))
       return;
     const url2 = URL.createObjectURL(file.file);
     setObjectUrl(url2);
     return () => URL.revokeObjectURL(url2);
-  }, [file.file]);
+  }, [file == null ? void 0 : file.file]);
   if (!file)
     return null;
   const isImage = isImageFile(file);
@@ -253,11 +254,12 @@ var FileGallery = ({
     "div",
     {
       className: `${styles.fileCard} ${align === "right" ? "align-right" : ""} ${className || ""}`,
-      style,
+      style: { ...style, cursor: onClick ? "pointer" : void 0 },
+      onClick: () => onClick == null ? void 0 : onClick(file),
       children: [
         /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.fileIcon, style: { color }, children: icon }),
         /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.fileInfo, children: [
-          isExternalUrl ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          isExternalUrl && !onClick ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
             "a",
             {
               href: url,

package/dist/cjs/components/FileGallery/index.js.map CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/FileGallery/index.tsx"],
-  "sourcesContent": ["import React, { useState, useEffect } from \"react\";\nimport { Image, Tooltip, Progress } from \"antd\";\nimport {\n  FileOutlined,\n  FilePdfOutlined,\n  FileWordOutlined,\n  FileExcelOutlined,\n  FilePptOutlined,\n  FileImageOutlined,\n  CloseOutlined,\n  AudioOutlined,\n  VideoCameraOutlined,\n} from \"@ant-design/icons\";\nimport { FileItem, FileGalleryProps, FileItemComponentProps } from \"@/types\";\nimport { useStyles } from \"./styles\";\n\n// ==================== 工具函数 ====================\n\n/**\n * 获取文件名\n */\nconst getFileName = (file: FileItem): string => {\n  return file.displayName || file.name || \"\";\n};\n\n/**\n * 获取文件大小\n */\nconst getFileSize = (file: FileItem): number => {\n  return file.size || 0;\n};\n\n/**\n * 获取文件 MIME 类型\n */\nconst getMimeType = (file: FileItem): string => {\n  return file.mimeType || file.type || \"\";\n};\n\n/**\n * 获取文件 URL\n */\nconst getFileUrl = (file: FileItem): string => {\n  return (\n    file.fileUri ||\n    file.response?.fileUrl ||\n    file.response?.tempUrl ||\n    file.tempUrl ||\n    \"\"\n  );\n};\n\n/**\n * 获取文件唯一标识\n */\nconst getFileId = (file: FileItem): string => {\n  return file.id || file.uid || \"\";\n};\n\n/**\n * 判断是否是图片文件\n */\nconst isImageFile = (file: FileItem): boolean => {\n  const mimeType = getMimeType(file);\n  if (mimeType && mimeType.startsWith(\"image/\")) return true;\n\n  const fileName = getFileName(file);\n  if (fileName && fileName.match(/\\.(jpg|jpeg|png|gif|webp|bmp|svg)$/i))\n    return true;\n\n  const url = getFileUrl(file);\n  if (url && url.match(/\\.(jpg|jpeg|png|gif|webp|bmp|svg)(\\?.*)?$/i))\n    return true;\n\n  return false;\n};\n\n/**\n * 判断是否是音频文件\n */\nconst isAudioFile = (file: FileItem): boolean => {\n  const mimeType = getMimeType(file);\n  if (mimeType && mimeType.startsWith(\"audio/\")) return true;\n\n  const fileName = getFileName(file);\n  return !!fileName?.match(/\\.(mp3|wav|m4a|aac|ogg|flac)$/i);\n};\n\n/**\n * 判断是否是视频文件\n */\nconst isVideoFile = (file: FileItem): boolean => {\n  const mimeType = getMimeType(file);\n  if (mimeType && mimeType.startsWith(\"video/\")) return true;\n\n  const fileName = getFileName(file);\n  return !!fileName?.match(/\\.(mp4|mov|webm|mkv|avi)$/i);\n};\n\n/**\n * 获取文件扩展名\n */\nconst getFileExtension = (filename: string): string => {\n  const ext = filename.split(\".\").pop();\n  return ext ? ext.toLowerCase() : \"\";\n};\n\n/**\n * 获取文件图标和颜色\n */\nconst getFileIcon = (\n  file: FileItem,\n): { icon: React.ReactNode; color: string } => {\n  const ext = getFileExtension(getFileName(file));\n\n  // PDF\n  if (ext === \"pdf\") {\n    return { icon: <FilePdfOutlined />, color: \"#ff4d4f\" };\n  }\n\n  // Word\n  if ([\"doc\", \"docx\"].includes(ext)) {\n    return { icon: <FileWordOutlined />, color: \"#1677ff\" };\n  }\n\n  // Excel\n  if ([\"xls\", \"xlsx\", \"csv\"].includes(ext)) {\n    return { icon: <FileExcelOutlined />, color: \"#22b35e\" };\n  }\n\n  // PPT\n  if ([\"ppt\", \"pptx\"].includes(ext)) {\n    return { icon: <FilePptOutlined />, color: \"#ff6e31\" };\n  }\n\n  // Audio\n  if ([\"mp3\", \"wav\", \"m4a\", \"aac\", \"ogg\", \"flac\"].includes(ext)) {\n    return { icon: <AudioOutlined />, color: \"#722ed1\" };\n  }\n\n  // Video\n  if ([\"mp4\", \"mov\", \"webm\", \"mkv\", \"avi\"].includes(ext)) {\n    return { icon: <VideoCameraOutlined />, color: \"#fa8c16\" };\n  }\n\n  // 图片\n  if (isImageFile(file)) {\n    return { icon: <FileImageOutlined />, color: \"#8c8c8c\" };\n  }\n\n  // 默认\n  return { icon: <FileOutlined />, color: \"#8c8c8c\" };\n};\n\n/**\n * 格式化文件大小\n */\nconst formatFileSize = (bytes: number): string => {\n  if (bytes < 1024) return bytes + \" B\";\n  if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + \" KB\";\n  return (bytes / (1024 * 1024)).toFixed(1) + \" MB\";\n};\n\nconst styles = useStyles();\n\n/**\n * FileGallery - 单文件展示组件\n *\n * 功能特性:\n * - 📁 支持多种文件类型展示 (图片、音频、视频、文档等)\n * - 🖼️ 图片支持预览和缩略图\n * - 🎵 音频文件支持内联播放\n * - 🎬 视频文件支持内联播放\n * - 📊 显示文件大小、类型图标\n * - 🗑️ 支持删除操作\n * - 📤 支持上传进度显示\n * - 🎨 支持卡片内部布局控制（align：图标和信息的排列方式）\n *\n * @example\n * // XAdkSender 场景 - 可删除的本地文件\n * {files.map(file => (\n *   <FileGallery\n *     key={file.id}\n *     file={file}\n *     removable\n *     onRemove={handleRemove}\n *   />\n * ))}\n *\n * @example\n * // XadkChatbot 场景 - 只读的远程文件\n * {files.map(file => (\n *   <FileGallery key={file.id} file={file} />\n * ))}\n */\nconst FileGallery: React.FC<FileGalleryProps> = ({\n  file,\n  align = \"left\",\n  removable = false,\n  onRemove = () => {},\n  className,\n  style,\n}) => {\n  const [objectUrl, setObjectUrl] = useState(\"\");\n\n  useEffect(() => {\n    if (!file.file) return;\n\n    const url = URL.createObjectURL(file.file);\n    setObjectUrl(url);\n\n    return () => URL.revokeObjectURL(url);\n  }, [file.file]);\n\n  if (!file) return null;\n\n  const isImage = isImageFile(file);\n  const isAudio = isAudioFile(file);\n  const isVideo = isVideoFile(file);\n  const fileName = getFileName(file);\n  const fileSize = getFileSize(file);\n  const fileId = getFileId(file);\n  const url = getFileUrl(file) || objectUrl;\n\n  // 图片文件\n  if (isImage) {\n    return (\n      <div\n        className={`${styles.fileCard} ${align === \"right\" ? \"align-right\" : \"\"} ${className || \"\"}`}\n        style={style}\n      >\n        {/* 图片缩略图 */}\n        <div className={styles.imageThumbnail}>\n          <Image\n            src={url}\n            alt={fileName}\n            fallback=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==\"\n            preview={{\n              src: url,\n            }}\n          />\n\n          {/* 上传进度遮罩 */}\n          {file.status === \"uploading\" && (\n            <div className={styles.imageOverlay}>\n              <Progress\n                type=\"circle\"\n                percent={file.progress}\n                size={30}\n                strokeColor=\"#1677ff\"\n              />\n            </div>\n          )}\n        </div>\n\n        {/* 文件信息 */}\n        <div className={styles.fileInfo}>\n          <Tooltip title={fileName}>\n            <div className={styles.fileName}>\n              {fileName.length > 15\n                ? `${fileName.substring(0, 15)}...`\n                : fileName}\n            </div>\n          </Tooltip>\n          {Number(file?.size) > 0 && (\n            <div className={styles.fileSize}>{formatFileSize(fileSize)}</div>\n          )}\n        </div>\n\n        {/* 删除按钮 */}\n        {removable && (\n          <button\n            className={styles.fileRemoveBtn}\n            onClick={() => onRemove(fileId)}\n            disabled={file.status === \"uploading\"}\n            aria-label=\"删除文件\"\n          >\n            <CloseOutlined />\n          </button>\n        )}\n      </div>\n    );\n  }\n\n  // 音频文件\n  if (isAudio) {\n    return (\n      <div\n        className={`${styles.fileCard} ${align === \"right\" ? \"align-right\" : \"\"} ${className || \"\"}`}\n        style={style}\n      >\n        <div className={styles.fileIcon} style={{ color: \"#722ed1\" }}>\n          <AudioOutlined />\n        </div>\n\n        <div className={styles.fileInfo}>\n          <Tooltip title={fileName}>\n            <div className={styles.fileName}>{fileName}</div>\n          </Tooltip>\n\n          <audio\n            src={url}\n            controls\n            className={styles.mediaWrapper}\n            style={{ width: \"100%\", height: 28 }}\n          />\n        </div>\n\n        {removable && (\n          <button\n            className={styles.fileRemoveBtn}\n            onClick={() => onRemove(fileId)}\n            disabled={file.status === \"uploading\"}\n            aria-label=\"删除文件\"\n          >\n            <CloseOutlined />\n          </button>\n        )}\n      </div>\n    );\n  }\n\n  // 视频文件\n  if (isVideo) {\n    return (\n      <div\n        className={`${styles.fileCard} ${align === \"right\" ? \"align-right\" : \"\"} ${className || \"\"}`}\n        style={style}\n      >\n        <div className={styles.fileIcon} style={{ color: \"#fa8c16\" }}>\n          <VideoCameraOutlined />\n        </div>\n\n        <div className={styles.fileInfo}>\n          <Tooltip title={fileName}>\n            <div className={styles.fileName}>{fileName}</div>\n          </Tooltip>\n\n          <video\n            src={url}\n            controls\n            className={styles.mediaWrapper}\n            style={{ width: \"100%\", height: 40 }}\n          />\n        </div>\n\n        {removable && (\n          <button\n            className={styles.fileRemoveBtn}\n            onClick={() => onRemove(fileId)}\n            disabled={file.status === \"uploading\"}\n            aria-label=\"删除文件\"\n          >\n            <CloseOutlined />\n          </button>\n        )}\n      </div>\n    );\n  }\n\n  // 其他文件\n  const { icon, color } = getFileIcon(file);\n  const isExternalUrl = url && url.startsWith(\"http\");\n\n  return (\n    <div\n      className={`${styles.fileCard} ${align === \"right\" ? \"align-right\" : \"\"} ${className || \"\"}`}\n      style={style}\n    >\n      <div className={styles.fileIcon} style={{ color }}>\n        {icon}\n      </div>\n\n      <div className={styles.fileInfo}>\n        {isExternalUrl ? (\n          <a\n            href={url}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className={styles.fileLink}\n          >\n            <Tooltip title={fileName}>\n              <div className={styles.fileName}>\n                {fileName.length > 15\n                  ? `${fileName.substring(0, 15)}...`\n                  : fileName}\n              </div>\n            </Tooltip>\n          </a>\n        ) : (\n          <Tooltip title={fileName}>\n            <div className={styles.fileName}>\n              {fileName.length > 15\n                ? `${fileName.substring(0, 15)}...`\n                : fileName}\n            </div>\n          </Tooltip>\n        )}\n\n        {file.status === \"uploading\" ? (\n          <Progress\n            percent={file.progress}\n            size=\"small\"\n            showInfo={false}\n            strokeColor=\"#1677ff\"\n            className={styles.progress}\n          />\n        ) : (\n          fileSize > 0 && (\n            <div className={styles.fileSize}>{formatFileSize(fileSize)}</div>\n          )\n        )}\n\n        {file.status === \"error\" && file.errorMessage && (\n          <div\n            style={{\n              fontSize: \"11px\",\n              color: \"#ff4d4f\",\n              marginTop: \"2px\",\n            }}\n          >\n            {file.errorMessage}\n          </div>\n        )}\n      </div>\n\n      {removable && (\n        <button\n          className={styles.fileRemoveBtn}\n          onClick={() => onRemove(fileId)}\n          disabled={file.status === \"uploading\"}\n          aria-label=\"删除文件\"\n        >\n          <CloseOutlined />\n        </button>\n      )}\n    </div>\n  );\n};\n\nexport default FileGallery;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, { useState, useEffect } from \"react\";\nimport { Image, Tooltip, Progress } from \"antd\";\nimport {\n  FileOutlined,\n  FilePdfOutlined,\n  FileWordOutlined,\n  FileExcelOutlined,\n  FilePptOutlined,\n  FileImageOutlined,\n  CloseOutlined,\n  AudioOutlined,\n  VideoCameraOutlined,\n} from \"@ant-design/icons\";\nimport { FileItem, FileGalleryProps, FileItemComponentProps } from \"@/types\";\nimport { useStyles } from \"./styles\";\n\n// ==================== 工具函数 ====================\n\n/**\n * 获取文件名\n */\nconst getFileName = (file: FileItem): string => {\n  return file.displayName || file.name || \"\";\n};\n\n/**\n * 获取文件大小\n */\nconst getFileSize = (file: FileItem): number => {\n  return file.size || 0;\n};\n\n/**\n * 获取文件 MIME 类型\n */\nconst getMimeType = (file: FileItem): string => {\n  return file.mimeType || file.type || \"\";\n};\n\n/**\n * 获取文件 URL\n */\nconst getFileUrl = (file: FileItem): string => {\n  return (\n    file.fileUri ||\n    file.response?.fileUrl ||\n    file.response?.tempUrl ||\n    file.tempUrl ||\n    \"\"\n  );\n};\n\n/**\n * 获取文件唯一标识\n */\nconst getFileId = (file: FileItem): string => {\n  return file.id || file.uid || \"\";\n};\n\n/**\n * 判断是否是图片文件\n */\nconst isImageFile = (file: FileItem): boolean => {\n  const mimeType = getMimeType(file);\n  if (mimeType && mimeType.startsWith(\"image/\")) return true;\n\n  const fileName = getFileName(file);\n  if (fileName && fileName.match(/\\.(jpg|jpeg|png|gif|webp|bmp|svg)$/i))\n    return true;\n\n  const url = getFileUrl(file);\n  if (url && url.match(/\\.(jpg|jpeg|png|gif|webp|bmp|svg)(\\?.*)?$/i))\n    return true;\n\n  return false;\n};\n\n/**\n * 判断是否是音频文件\n */\nconst isAudioFile = (file: FileItem): boolean => {\n  const mimeType = getMimeType(file);\n  if (mimeType && mimeType.startsWith(\"audio/\")) return true;\n\n  const fileName = getFileName(file);\n  return !!fileName?.match(/\\.(mp3|wav|m4a|aac|ogg|flac)$/i);\n};\n\n/**\n * 判断是否是视频文件\n */\nconst isVideoFile = (file: FileItem): boolean => {\n  const mimeType = getMimeType(file);\n  if (mimeType && mimeType.startsWith(\"video/\")) return true;\n\n  const fileName = getFileName(file);\n  return !!fileName?.match(/\\.(mp4|mov|webm|mkv|avi)$/i);\n};\n\n/**\n * 获取文件扩展名\n */\nconst getFileExtension = (filename: string): string => {\n  const ext = filename.split(\".\").pop();\n  return ext ? ext.toLowerCase() : \"\";\n};\n\n/**\n * 获取文件图标和颜色\n */\nconst getFileIcon = (\n  file: FileItem,\n): { icon: React.ReactNode; color: string } => {\n  const ext = getFileExtension(getFileName(file));\n\n  // PDF\n  if (ext === \"pdf\") {\n    return { icon: <FilePdfOutlined />, color: \"#ff4d4f\" };\n  }\n\n  // Word\n  if ([\"doc\", \"docx\"].includes(ext)) {\n    return { icon: <FileWordOutlined />, color: \"#1677ff\" };\n  }\n\n  // Excel\n  if ([\"xls\", \"xlsx\", \"csv\"].includes(ext)) {\n    return { icon: <FileExcelOutlined />, color: \"#22b35e\" };\n  }\n\n  // PPT\n  if ([\"ppt\", \"pptx\"].includes(ext)) {\n    return { icon: <FilePptOutlined />, color: \"#ff6e31\" };\n  }\n\n  // Audio\n  if ([\"mp3\", \"wav\", \"m4a\", \"aac\", \"ogg\", \"flac\"].includes(ext)) {\n    return { icon: <AudioOutlined />, color: \"#722ed1\" };\n  }\n\n  // Video\n  if ([\"mp4\", \"mov\", \"webm\", \"mkv\", \"avi\"].includes(ext)) {\n    return { icon: <VideoCameraOutlined />, color: \"#fa8c16\" };\n  }\n\n  // 图片\n  if (isImageFile(file)) {\n    return { icon: <FileImageOutlined />, color: \"#8c8c8c\" };\n  }\n\n  // 默认\n  return { icon: <FileOutlined />, color: \"#8c8c8c\" };\n};\n\n/**\n * 格式化文件大小\n */\nconst formatFileSize = (bytes: number): string => {\n  if (bytes < 1024) return bytes + \" B\";\n  if (bytes < 1024 * 1024) return (bytes / 1024).toFixed(1) + \" KB\";\n  return (bytes / (1024 * 1024)).toFixed(1) + \" MB\";\n};\n\nconst styles = useStyles();\n\n/**\n * FileGallery - 单文件展示组件\n *\n * 功能特性:\n * - 📁 支持多种文件类型展示 (图片、音频、视频、文档等)\n * - 🖼️ 图片支持预览和缩略图\n * - 🎵 音频文件支持内联播放\n * - 🎬 视频文件支持内联播放\n * - 📊 显示文件大小、类型图标\n * - 🗑️ 支持删除操作\n * - 📤 支持上传进度显示\n * - 🎨 支持卡片内部布局控制（align：图标和信息的排列方式）\n *\n * @example\n * // XAdkSender 场景 - 可删除的本地文件\n * {files.map(file => (\n *   <FileGallery\n *     key={file.id}\n *     file={file}\n *     removable\n *     onRemove={handleRemove}\n *   />\n * ))}\n *\n * @example\n * // XadkChatbot 场景 - 只读的远程文件\n * {files.map(file => (\n *   <FileGallery key={file.id} file={file} />\n * ))}\n */\nconst FileGallery: React.FC<FileGalleryProps> = ({\n  file,\n  align = \"left\",\n  removable = false,\n  onRemove = () => {},\n  className,\n  style,\n  onClick,\n}) => {\n  const [objectUrl, setObjectUrl] = useState(\"\");\n\n  useEffect(() => {\n    if (!file?.file) return;\n\n    const url = URL.createObjectURL(file.file);\n    setObjectUrl(url);\n\n    return () => URL.revokeObjectURL(url);\n  }, [file?.file]);\n\n  if (!file) return null;\n\n  const isImage = isImageFile(file);\n  const isAudio = isAudioFile(file);\n  const isVideo = isVideoFile(file);\n  const fileName = getFileName(file);\n  const fileSize = getFileSize(file);\n  const fileId = getFileId(file);\n  const url = getFileUrl(file) || objectUrl;\n\n  // 图片文件\n  if (isImage) {\n    return (\n      <div\n        className={`${styles.fileCard} ${align === \"right\" ? \"align-right\" : \"\"} ${className || \"\"}`}\n        style={style}\n      >\n        {/* 图片缩略图 */}\n        <div className={styles.imageThumbnail}>\n          <Image\n            src={url}\n            alt={fileName}\n            fallback=\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mN8/5+hHgAHggJ/PchI7wAAAABJRU5ErkJggg==\"\n            preview={{\n              src: url,\n            }}\n          />\n\n          {/* 上传进度遮罩 */}\n          {file.status === \"uploading\" && (\n            <div className={styles.imageOverlay}>\n              <Progress\n                type=\"circle\"\n                percent={file.progress}\n                size={30}\n                strokeColor=\"#1677ff\"\n              />\n            </div>\n          )}\n        </div>\n\n        {/* 文件信息 */}\n        <div className={styles.fileInfo}>\n          <Tooltip title={fileName}>\n            <div className={styles.fileName}>\n              {fileName.length > 15\n                ? `${fileName.substring(0, 15)}...`\n                : fileName}\n            </div>\n          </Tooltip>\n          {Number(file?.size) > 0 && (\n            <div className={styles.fileSize}>{formatFileSize(fileSize)}</div>\n          )}\n        </div>\n\n        {/* 删除按钮 */}\n        {removable && (\n          <button\n            className={styles.fileRemoveBtn}\n            onClick={() => onRemove(fileId)}\n            disabled={file.status === \"uploading\"}\n            aria-label=\"删除文件\"\n          >\n            <CloseOutlined />\n          </button>\n        )}\n      </div>\n    );\n  }\n\n  // 音频文件\n  if (isAudio) {\n    return (\n      <div\n        className={`${styles.fileCard} ${align === \"right\" ? \"align-right\" : \"\"} ${className || \"\"}`}\n        style={style}\n      >\n        <div className={styles.fileIcon} style={{ color: \"#722ed1\" }}>\n          <AudioOutlined />\n        </div>\n\n        <div className={styles.fileInfo}>\n          <Tooltip title={fileName}>\n            <div className={styles.fileName}>{fileName}</div>\n          </Tooltip>\n\n          <audio\n            src={url}\n            controls\n            className={styles.mediaWrapper}\n            style={{ width: \"100%\", height: 28 }}\n          />\n        </div>\n\n        {removable && (\n          <button\n            className={styles.fileRemoveBtn}\n            onClick={() => onRemove(fileId)}\n            disabled={file.status === \"uploading\"}\n            aria-label=\"删除文件\"\n          >\n            <CloseOutlined />\n          </button>\n        )}\n      </div>\n    );\n  }\n\n  // 视频文件\n  if (isVideo) {\n    return (\n      <div\n        className={`${styles.fileCard} ${align === \"right\" ? \"align-right\" : \"\"} ${className || \"\"}`}\n        style={style}\n      >\n        <div className={styles.fileIcon} style={{ color: \"#fa8c16\" }}>\n          <VideoCameraOutlined />\n        </div>\n\n        <div className={styles.fileInfo}>\n          <Tooltip title={fileName}>\n            <div className={styles.fileName}>{fileName}</div>\n          </Tooltip>\n\n          <video\n            src={url}\n            controls\n            className={styles.mediaWrapper}\n            style={{ width: \"100%\", height: 40 }}\n          />\n        </div>\n\n        {removable && (\n          <button\n            className={styles.fileRemoveBtn}\n            onClick={() => onRemove(fileId)}\n            disabled={file.status === \"uploading\"}\n            aria-label=\"删除文件\"\n          >\n            <CloseOutlined />\n          </button>\n        )}\n      </div>\n    );\n  }\n\n  // 其他文件\n  const { icon, color } = getFileIcon(file);\n  const isExternalUrl = url && url.startsWith(\"http\");\n\n  return (\n    <div\n      className={`${styles.fileCard} ${align === \"right\" ? \"align-right\" : \"\"} ${className || \"\"}`}\n      style={{ ...style, cursor: onClick ? \"pointer\" : undefined }}\n      onClick={() => onClick?.(file)}\n    >\n      <div className={styles.fileIcon} style={{ color }}>\n        {icon}\n      </div>\n\n      <div className={styles.fileInfo}>\n        {isExternalUrl && !onClick ? (\n          <a\n            href={url}\n            target=\"_blank\"\n            rel=\"noopener noreferrer\"\n            className={styles.fileLink}\n          >\n            <Tooltip title={fileName}>\n              <div className={styles.fileName}>\n                {fileName.length > 15\n                  ? `${fileName.substring(0, 15)}...`\n                  : fileName}\n              </div>\n            </Tooltip>\n          </a>\n        ) : (\n          <Tooltip title={fileName}>\n            <div className={styles.fileName}>\n              {fileName.length > 15\n                ? `${fileName.substring(0, 15)}...`\n                : fileName}\n            </div>\n          </Tooltip>\n        )}\n\n        {file.status === \"uploading\" ? (\n          <Progress\n            percent={file.progress}\n            size=\"small\"\n            showInfo={false}\n            strokeColor=\"#1677ff\"\n            className={styles.progress}\n          />\n        ) : (\n          fileSize > 0 && (\n            <div className={styles.fileSize}>{formatFileSize(fileSize)}</div>\n          )\n        )}\n\n        {file.status === \"error\" && file.errorMessage && (\n          <div\n            style={{\n              fontSize: \"11px\",\n              color: \"#ff4d4f\",\n              marginTop: \"2px\",\n            }}\n          >\n            {file.errorMessage}\n          </div>\n        )}\n      </div>\n\n      {removable && (\n        <button\n          className={styles.fileRemoveBtn}\n          onClick={() => onRemove(fileId)}\n          disabled={file.status === \"uploading\"}\n          aria-label=\"删除文件\"\n        >\n          <CloseOutlined />\n        </button>\n      )}\n    </div>\n  );\n};\n\nexport default FileGallery;\n"],
+  "mappings": "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",
   "names": ["url"]
 }

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

@@ -71,32 +71,40 @@ var FunctionCallRender = ({
       ) }, 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: 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);
+    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 (name === "transferToAgent") {
     const agentName = (_d = fnCall == null ? void 0 : fnCall.args) == null ? void 0 : _d.agentName;

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

@@ -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 {\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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",
+  "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\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 (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": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,kBAAwE;AACxE,mBAOO;AAEP,oBAA0B;AAC1B,yBAAqB;AAwBT;AAhBZ,IAAM,qBAAwD,CAAC;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AACF,MAAM;AAxBN;AAyBE,QAAM,aAAS,yBAAU;AACzB,QAAM,SAAS,IAAI;AACnB,QAAM,QAAQ,IAAI;AAClB,QAAM,QAAO,iCAAQ,UAAQ,+BAAO;AACpC,MAAI,SAAS,4BAA4B;AACvC,QAAI,OAAO;AACT,UAAI,IAAI,SAAS;AAAO,eAAO;AAC/B,YAAM,aAAY,WAAM,aAAN,mBAAgB;AAClC,aACE,4CAAC,SAAiB,WAAW,OAAO,SACjC,sBACC;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,UAAQ;AAAA,UACR,WAAW,OAAO;AAAA;AAAA,MACpB,IAEA;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,UAAQ;AAAA,UACR,WAAW,OAAO;AAAA;AAAA,MACpB,KAdM,IAAI,EAgBd;AAAA,IAEJ;AACA,UAAM,cAAa,sCAAK,iBAAL,mBAAmB,SAAnB,mBAAyB;AAC5C,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,WAAW,OAAO;AAAA,QAClB,OAAO,EAAE,gBAAgB,WAAW;AAAA,QAEpC,uDAAC,SAAI,WAAW,OAAO,SACrB;AAAA,uDAAC,SAAI,WAAW,OAAO,aAAa;AAAA;AAAA,YACvB,yCAAY;AAAA,aACzB;AAAA,UACA,6CAAC,oBAAK,SAAQ,OAAM,KAAK,GACvB;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,MAAK;AAAA,gBACL,SAAS,MAAM,uCAAY,QAAQ;AAAA,gBACpC;AAAA;AAAA,YAED;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,MAAK;AAAA,gBACL,MAAK;AAAA,gBACL,SAAS,MAAM,uCAAY,QAAQ;AAAA,gBACpC;AAAA;AAAA,YAED;AAAA,aACF;AAAA,WACF;AAAA;AAAA,MAxBK,IAAI;AAAA,IAyBX;AAAA,EAEJ;AACA,MAAI,SAAS,mBAAmB;AAC9B,UAAM,aAAY,sCAAQ,SAAR,mBAAc;AAChC,WACE,4CAAC,SAAiB,WAAW,OAAO,SAClC,uDAAC,SAAI,WAAW,OAAO,QACrB;AAAA,kDAAC,mCAAmB,OAAO,EAAE,OAAO,OAAO,GAAG;AAAA,MAC9C;AAAA,QAAC,uBAAW;AAAA,QAAX;AAAA,UACC,UAAU,EAAE,SAAS,UAAU;AAAA,UAC/B,OAAO,EAAE,UAAU,KAAK,YAAY,OAAO;AAAA,UAC5C;AAAA;AAAA,YACO;AAAA;AAAA;AAAA,MACR;AAAA,MACC,IAAI,mBACH,4CAAC,mCAAmB,cAAa,WAAU,IAE3C,4CAAC,gCAAgB;AAAA,OAErB,KAdQ,IAAI,EAed;AAAA,EAEJ;AACA,QAAM,aAAa,CAAC,KAAU,SAAiB;AAC7C,UAAM,MAAM,KAAK,UAAU,KAAK,MAAM,CAAC;AACvC,WACE;AAAA,MAAC,iBAAK;AAAA,MAAL;AAAA,QACC,OACE,6CAAC,oBAAK,OAAM,UACV;AAAA,sDAAC,UAAK,WAAU,QAAQ,gBAAK;AAAA,UAC7B;AAAA,YAAC,uBAAW;AAAA,YAAX;AAAA,cACC,UAAU;AAAA,gBACR,MAAM;AAAA,gBACN,MAAM,4CAAC,6BAAa;AAAA,cACtB;AAAA;AAAA,UACF;AAAA,WACF;AAAA,QAEF,OAAO,EAAE,cAAc,GAAG;AAAA,QAE1B,sDAAC,mBAAAA,SAAA,EAAS,OAAO,KAAK;AAAA;AAAA,IACxB;AAAA,EAEJ;AACA,QAAM,iBAAiB,MAAM;AA9H/B,QAAAC;AA+HI,UAAM,MAAM,IAAI;AAChB,QAAI,KAAK;AACP,WAAIA,MAAA,IAAI,aAAJ,gBAAAA,IAAc,OAAO;AACvB,eACE,4CAAC,uBAAQ,OAAO,IAAI,SAAS,OAC3B,sDAAC,mCAAmB,OAAO,EAAE,OAAO,UAAU,GAAG,GACnD;AAAA,MAEJ;AACA,aAAO,4CAAC,mCAAmB,cAAa,WAAU;AAAA,IACpD;AACA,WAAO,4CAAC,gCAAgB;AAAA,EAC1B;AACA,SACE,4CAAC,SAAiB,WAAW,OAAO,SACjC,uBACC;AAAA,IAAC;AAAA;AAAA,MACC,WAAU;AAAA,MACV,SACE,6CAAC,oBAAK,OAAO,EAAE,OAAO,IAAI,GAAG,QAAO,YACjC;AAAA,mBAAW,iCAAQ,MAAM,MAAM;AAAA,QAC/B,YAAW,SAAI,qBAAJ,mBAAsB,UAAU,MAAM;AAAA,SACpD;AAAA,MAGF,uDAAC,SAAI,WAAW,OAAO,QACrB;AAAA,oDAAC,6BAAa,OAAO,EAAE,OAAO,OAAO,GAAG;AAAA,QACxC;AAAA,UAAC,uBAAW;AAAA,UAAX;AAAA,YACC,UAAU,EAAE,SAAS,KAAK;AAAA,YAC1B,OAAO,EAAE,UAAU,KAAK,YAAY,OAAO;AAAA,YAC5C;AAAA;AAAA,cACO;AAAA;AAAA;AAAA,QACR;AAAA,QACC,eAAe;AAAA,SAClB;AAAA;AAAA,EACF,IAEA,6CAAC,SAAI,WAAW,OAAO,QACrB;AAAA,gDAAC,6BAAa,OAAO,EAAE,OAAO,OAAO,GAAG;AAAA,IACxC;AAAA,MAAC,uBAAW;AAAA,MAAX;AAAA,QACC,UAAU,EAAE,SAAS,KAAK;AAAA,QAC1B,OAAO,EAAE,UAAU,KAAK,YAAY,OAAO;AAAA,QAC5C;AAAA;AAAA,UACO;AAAA;AAAA;AAAA,IACR;AAAA,IACC,eAAe;AAAA,KAClB,KAhCM,IAAI,EAkCd;AAEJ;AAEA,IAAO,6BAAQ;",
   "names": ["JsonView", "_a"]
 }

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

@@ -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-end;
+    justify-content: start;
     margin-bottom: 12px;
   `,
   fnCall: import_css.css`

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

@@ -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-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"],
+  "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 CHANGED Viewed

@@ -1,7 +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;

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

@@ -40,7 +40,50 @@ var import_antd = require("antd");
 var import_Latex = __toESM(require("@ant-design/x-markdown/plugins/Latex"));
 var import_styles = require("./styles");
 var import_icons = require("@ant-design/icons");
+var import_FileGallery = __toESM(require("../../../FileGallery"));
 var import_jsx_runtime = require("react/jsx-runtime");
+var FILE_EXT_REGEX = /\.(pdf|doc|docx|xls|xlsx|csv|ppt|pptx|zip|rar|7z|txt|md|json|xml|mp3|wav|m4a|aac|ogg|flac|mp4|mov|webm|mkv|avi|png|jpg|jpeg|gif|webp|bmp|svg)(\?.*)?$/i;
+var MIME_MAP = {
+  pdf: "application/pdf",
+  doc: "application/msword",
+  docx: "application/vnd.openxmlformats-officedocument.wordprocessingml.document",
+  xls: "application/vnd.ms-excel",
+  xlsx: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet",
+  csv: "text/csv",
+  ppt: "application/vnd.ms-powerpoint",
+  pptx: "application/vnd.openxmlformats-officedocument.presentationml.presentation",
+  zip: "application/zip",
+  rar: "application/x-rar-compressed",
+  "7z": "application/x-7z-compressed",
+  txt: "text/plain",
+  md: "text/markdown",
+  json: "application/json",
+  xml: "application/xml",
+  mp3: "audio/mpeg",
+  wav: "audio/wav",
+  m4a: "audio/mp4",
+  aac: "audio/aac",
+  ogg: "audio/ogg",
+  flac: "audio/flac",
+  mp4: "video/mp4",
+  mov: "video/quicktime",
+  webm: "video/webm",
+  mkv: "video/x-matroska",
+  avi: "video/x-msvideo",
+  png: "image/png",
+  jpg: "image/jpeg",
+  jpeg: "image/jpeg",
+  gif: "image/gif",
+  webp: "image/webp",
+  bmp: "image/bmp",
+  svg: "image/svg+xml"
+};
+var extractExt = (str) => {
+  const match = str.match(FILE_EXT_REGEX);
+  if (!match)
+    return "";
+  return match[1].toLowerCase();
+};
 var CodeComponent = (props) => {
   var _a;
   const { className, children } = props;
@@ -70,12 +113,40 @@ var ThinkComponent = import_react.default.memo((props) => {
     titleMap[type] && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { children: titleMap[type] })
   ] });
 });
-var MarkdownRender = ({ text }) => {
+var MarkdownRender = ({
+  text,
+  onFileClick
+}) => {
   const styles = (0, import_styles.useStyles)();
   const markdown = text.replaceAll(/\/\*\s*PLANNING\s*\*\//g, '<tag type="planning"></tag>').replaceAll(/\/\*\s*REPLANNING\s*\*\//g, '<tag type="replanning"></tag>').replaceAll(/\/\*\s*REASONING\s*\*\//g, '<tag type="reasoning"></tag>').replaceAll(/\/\*\s*ACTION\s*\*\//g, '<tag type="action"></tag>').replaceAll(
     /\/\*\s*FINAL_ANSWER\s*\*\//g,
     '<tag type="final_answer"></tag>'
   );
+  const LinkComponent = import_react.default.useCallback(
+    (props) => {
+      const href = String(props.href || "");
+      const children = props.children;
+      const linkText = String(children || "");
+      const ext = extractExt(linkText) || extractExt(href);
+      if (ext) {
+        const mimeType = MIME_MAP[ext] || "";
+        const fileItem = {
+          displayName: linkText || href,
+          mimeType,
+          fileUri: href
+        };
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_FileGallery.default,
+          {
+            file: fileItem,
+            onClick: onFileClick ? () => onFileClick(fileItem) : void 0
+          }
+        );
+      }
+      return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("a", { href, target: "_blank", rel: "noopener noreferrer", children });
+    },
+    [onFileClick]
+  );
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.markdownWrapper, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.markdownHost, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     import_x_markdown.default,
     {
@@ -87,7 +158,8 @@ var MarkdownRender = ({ text }) => {
       },
       components: {
         tag: ThinkComponent,
-        code: CodeComponent
+        code: CodeComponent,
+        a: LinkComponent
       },
       streaming: {
         enableAnimation: true,

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../src/components/XAdkChatbot/components/MarkdownRender/index.tsx"],
-  "sourcesContent": ["import React from \"react\";\nimport XMarkdown, { type ComponentProps } from \"@ant-design/x-markdown\";\nimport \"@ant-design/x-markdown/themes/light.css\";\nimport { CodeHighlighter } from \"@ant-design/x\";\nimport { Flex } from \"antd\";\nimport Latex from \"@ant-design/x-markdown/plugins/Latex\";\nimport { useStyles } from \"./styles\";\nimport {\n  BarsOutlined,\n  BulbOutlined,\n  ThunderboltOutlined,\n  CheckCircleOutlined,\n} from \"@ant-design/icons\";\n\nconst CodeComponent: React.FC<ComponentProps> = (props) => {\n  const { className, children } = props;\n  const lang = className?.match(/language-(\\S+)/)?.[1] || \"\";\n\n  if (typeof children !== \"string\") return null;\n  return <CodeHighlighter lang={lang}>{children}</CodeHighlighter>;\n};\n\nexport interface MarkdownRenderProps {\n  text: string;\n}\n\nconst ThinkComponent = React.memo((props: ComponentProps) => {\n  const type = (props.type || \"\") as string;\n  const titleMap: Record<string, string> = {\n    planning: \"规划\",\n    replanning: \"重新规划\",\n    reasoning: \"推理\",\n    action: \"行动\",\n    final_answer: \"最终答案\",\n  };\n  const iconMap = {\n    planning: <BarsOutlined />,\n    replanning: <BarsOutlined />,\n    reasoning: <BulbOutlined />,\n    action: <ThunderboltOutlined />,\n    final_answer: <CheckCircleOutlined />,\n  };\n\n  return (\n    <Flex align=\"center\" gap={8} style={{ color: \"#888\", margin: \"4px 0\" }}>\n      {type in titleMap && iconMap[type as keyof typeof iconMap]}\n      {titleMap[type] && <span>{titleMap[type]}</span>}\n    </Flex>\n  );\n});\n\nconst MarkdownRender: React.FC<MarkdownRenderProps> = ({ text }) => {\n  const styles = useStyles();\n  const markdown = text\n    .replaceAll(/\\/\\*\\s*PLANNING\\s*\\*\\//g, '<tag type=\"planning\"></tag>')\n    .replaceAll(/\\/\\*\\s*REPLANNING\\s*\\*\\//g, '<tag type=\"replanning\"></tag>')\n    .replaceAll(/\\/\\*\\s*REASONING\\s*\\*\\//g, '<tag type=\"reasoning\"></tag>')\n    .replaceAll(/\\/\\*\\s*ACTION\\s*\\*\\//g, '<tag type=\"action\"></tag>')\n    .replaceAll(\n      /\\/\\*\\s*FINAL_ANSWER\\s*\\*\\//g,\n      '<tag type=\"final_answer\"></tag>',\n    );\n\n  return (\n    <div className={styles.markdownWrapper}>\n      <div className={styles.markdownHost}>\n        <XMarkdown\n          content={markdown}\n          className=\"x-markdown-light\"\n          paragraphTag=\"div\"\n          config={{\n            extensions: Latex(),\n          }}\n          components={{\n            tag: ThinkComponent,\n            code: CodeComponent,\n          }}\n          streaming={{\n            enableAnimation: true,\n            animationConfig: {\n              fadeDuration: 400,\n            },\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default MarkdownRender;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,wBAA+C;AAC/C,mBAAO;AACP,eAAgC;AAChC,kBAAqB;AACrB,mBAAkB;AAClB,oBAA0B;AAC1B,mBAKO;AAOE;AALT,IAAM,gBAA0C,CAAC,UAAU;AAd3D;AAeE,QAAM,EAAE,WAAW,SAAS,IAAI;AAChC,QAAM,SAAO,4CAAW,MAAM,sBAAjB,mBAAqC,OAAM;AAExD,MAAI,OAAO,aAAa;AAAU,WAAO;AACzC,SAAO,4CAAC,4BAAgB,MAAa,UAAS;AAChD;AAMA,IAAM,iBAAiB,aAAAA,QAAM,KAAK,CAAC,UAA0B;AAC3D,QAAM,OAAQ,MAAM,QAAQ;AAC5B,QAAM,WAAmC;AAAA,IACvC,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,WAAW;AAAA,IACX,QAAQ;AAAA,IACR,cAAc;AAAA,EAChB;AACA,QAAM,UAAU;AAAA,IACd,UAAU,4CAAC,6BAAa;AAAA,IACxB,YAAY,4CAAC,6BAAa;AAAA,IAC1B,WAAW,4CAAC,6BAAa;AAAA,IACzB,QAAQ,4CAAC,oCAAoB;AAAA,IAC7B,cAAc,4CAAC,oCAAoB;AAAA,EACrC;AAEA,SACE,6CAAC,oBAAK,OAAM,UAAS,KAAK,GAAG,OAAO,EAAE,OAAO,QAAQ,QAAQ,QAAQ,GAClE;AAAA,YAAQ,YAAY,QAAQ,IAA4B;AAAA,IACxD,SAAS,IAAI,KAAK,4CAAC,UAAM,mBAAS,IAAI,GAAE;AAAA,KAC3C;AAEJ,CAAC;AAED,IAAM,iBAAgD,CAAC,EAAE,KAAK,MAAM;AAClE,QAAM,aAAS,yBAAU;AACzB,QAAM,WAAW,KACd,WAAW,2BAA2B,6BAA6B,EACnE,WAAW,6BAA6B,+BAA+B,EACvE,WAAW,4BAA4B,8BAA8B,EACrE,WAAW,yBAAyB,2BAA2B,EAC/D;AAAA,IACC;AAAA,IACA;AAAA,EACF;AAEF,SACE,4CAAC,SAAI,WAAW,OAAO,iBACrB,sDAAC,SAAI,WAAW,OAAO,cACrB;AAAA,IAAC,kBAAAC;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,WAAU;AAAA,MACV,cAAa;AAAA,MACb,QAAQ;AAAA,QACN,gBAAY,aAAAC,SAAM;AAAA,MACpB;AAAA,MACA,YAAY;AAAA,QACV,KAAK;AAAA,QACL,MAAM;AAAA,MACR;AAAA,MACA,WAAW;AAAA,QACT,iBAAiB;AAAA,QACjB,iBAAiB;AAAA,UACf,cAAc;AAAA,QAChB;AAAA,MACF;AAAA;AAAA,EACF,GACF,GACF;AAEJ;AAEA,IAAO,yBAAQ;",
-  "names": ["React", "XMarkdown", "Latex"]
+  "sourcesContent": ["import React from \"react\";\nimport XMarkdown, { type ComponentProps } from \"@ant-design/x-markdown\";\nimport \"@ant-design/x-markdown/themes/light.css\";\nimport { CodeHighlighter } from \"@ant-design/x\";\nimport { Flex } from \"antd\";\nimport Latex from \"@ant-design/x-markdown/plugins/Latex\";\nimport { useStyles } from \"./styles\";\nimport {\n  BarsOutlined,\n  BulbOutlined,\n  ThunderboltOutlined,\n  CheckCircleOutlined,\n} from \"@ant-design/icons\";\nimport FileGallery from \"@/components/FileGallery\";\nimport type { FileItem } from \"@/types\";\n\n// 支持识别的文件扩展名\nconst FILE_EXT_REGEX =\n  /\\.(pdf|doc|docx|xls|xlsx|csv|ppt|pptx|zip|rar|7z|txt|md|json|xml|mp3|wav|m4a|aac|ogg|flac|mp4|mov|webm|mkv|avi|png|jpg|jpeg|gif|webp|bmp|svg)(\\?.*)?$/i;\n\nconst MIME_MAP: Record<string, string> = {\n  pdf: \"application/pdf\",\n  doc: \"application/msword\",\n  docx: \"application/vnd.openxmlformats-officedocument.wordprocessingml.document\",\n  xls: \"application/vnd.ms-excel\",\n  xlsx: \"application/vnd.openxmlformats-officedocument.spreadsheetml.sheet\",\n  csv: \"text/csv\",\n  ppt: \"application/vnd.ms-powerpoint\",\n  pptx: \"application/vnd.openxmlformats-officedocument.presentationml.presentation\",\n  zip: \"application/zip\",\n  rar: \"application/x-rar-compressed\",\n  \"7z\": \"application/x-7z-compressed\",\n  txt: \"text/plain\",\n  md: \"text/markdown\",\n  json: \"application/json\",\n  xml: \"application/xml\",\n  mp3: \"audio/mpeg\",\n  wav: \"audio/wav\",\n  m4a: \"audio/mp4\",\n  aac: \"audio/aac\",\n  ogg: \"audio/ogg\",\n  flac: \"audio/flac\",\n  mp4: \"video/mp4\",\n  mov: \"video/quicktime\",\n  webm: \"video/webm\",\n  mkv: \"video/x-matroska\",\n  avi: \"video/x-msvideo\",\n  png: \"image/png\",\n  jpg: \"image/jpeg\",\n  jpeg: \"image/jpeg\",\n  gif: \"image/gif\",\n  webp: \"image/webp\",\n  bmp: \"image/bmp\",\n  svg: \"image/svg+xml\",\n};\n\n/**\n * 从字符串中提取文件扩展名（小写，不含点和查询参数）\n */\nconst extractExt = (str: string): string => {\n  const match = str.match(FILE_EXT_REGEX);\n  if (!match) return \"\";\n  return match[1].toLowerCase();\n};\n\nconst CodeComponent: React.FC<ComponentProps> = (props) => {\n  const { className, children } = props;\n  const lang = className?.match(/language-(\\S+)/)?.[1] || \"\";\n\n  if (typeof children !== \"string\") return null;\n  return <CodeHighlighter lang={lang}>{children}</CodeHighlighter>;\n};\n\nexport interface MarkdownRenderProps {\n  text: string;\n  /** 点击 Markdown 中识别到的文件链接的回调 */\n  onFileClick?: (file: FileItem) => void;\n}\n\nconst ThinkComponent = React.memo((props: ComponentProps) => {\n  const type = (props.type || \"\") as string;\n  const titleMap: Record<string, string> = {\n    planning: \"规划\",\n    replanning: \"重新规划\",\n    reasoning: \"推理\",\n    action: \"行动\",\n    final_answer: \"最终答案\",\n  };\n  const iconMap = {\n    planning: <BarsOutlined />,\n    replanning: <BarsOutlined />,\n    reasoning: <BulbOutlined />,\n    action: <ThunderboltOutlined />,\n    final_answer: <CheckCircleOutlined />,\n  };\n\n  return (\n    <Flex align=\"center\" gap={8} style={{ color: \"#888\", margin: \"4px 0\" }}>\n      {type in titleMap && iconMap[type as keyof typeof iconMap]}\n      {titleMap[type] && <span>{titleMap[type]}</span>}\n    </Flex>\n  );\n});\n\nconst MarkdownRender: React.FC<MarkdownRenderProps> = ({\n  text,\n  onFileClick,\n}) => {\n  const styles = useStyles();\n  const markdown = text\n    .replaceAll(/\\/\\*\\s*PLANNING\\s*\\*\\//g, '<tag type=\"planning\"></tag>')\n    .replaceAll(/\\/\\*\\s*REPLANNING\\s*\\*\\//g, '<tag type=\"replanning\"></tag>')\n    .replaceAll(/\\/\\*\\s*REASONING\\s*\\*\\//g, '<tag type=\"reasoning\"></tag>')\n    .replaceAll(/\\/\\*\\s*ACTION\\s*\\*\\//g, '<tag type=\"action\"></tag>')\n    .replaceAll(\n      /\\/\\*\\s*FINAL_ANSWER\\s*\\*\\//g,\n      '<tag type=\"final_answer\"></tag>',\n    );\n\n  // 自定义 a 标签渲染：识别文件链接并渲染为 FileGallery 卡片\n  const LinkComponent = React.useCallback(\n    (props: ComponentProps) => {\n      const href = String((props.href as string) || \"\");\n      const children = props.children;\n      const linkText = String(children || \"\");\n\n      // 先识别 name（链接文字），再识别 url（href）\n      const ext = extractExt(linkText) || extractExt(href);\n\n      if (ext) {\n        const mimeType = MIME_MAP[ext] || \"\";\n        const fileItem: FileItem = {\n          displayName: linkText || href,\n          mimeType,\n          fileUri: href,\n        };\n        return (\n          <FileGallery\n            file={fileItem}\n            onClick={onFileClick ? () => onFileClick(fileItem) : undefined}\n          />\n        );\n      }\n\n      return (\n        <a href={href} target=\"_blank\" rel=\"noopener noreferrer\">\n          {children as React.ReactNode}\n        </a>\n      );\n    },\n    [onFileClick],\n  );\n\n  return (\n    <div className={styles.markdownWrapper}>\n      <div className={styles.markdownHost}>\n        <XMarkdown\n          content={markdown}\n          className=\"x-markdown-light\"\n          paragraphTag=\"div\"\n          config={{\n            extensions: Latex(),\n          }}\n          components={{\n            tag: ThinkComponent,\n            code: CodeComponent,\n            a: LinkComponent,\n          }}\n          streaming={{\n            enableAnimation: true,\n            animationConfig: {\n              fadeDuration: 400,\n            },\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default MarkdownRender;\n"],
+  "mappings": "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",
+  "names": ["React", "FileGallery", "XMarkdown", "Latex"]
 }

package/dist/cjs/components/XAdkChatbot/index.js CHANGED Viewed

@@ -66,7 +66,8 @@ var XAdkChatbot = ({
   enableGrouping = true,
   enableProcessParsing = true,
   parseOptions,
-  initialized = false
+  initialized = false,
+  onFileClick
 }) => {
   const styles = (0, import_styles.useStyles)();
   const listRef = (0, import_react.useRef)(null);
@@ -169,7 +170,7 @@ var XAdkChatbot = ({
       if (!enableProcessParsing) {
         return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.botMsg, children: msgs.map((msg, i) => {
           if (msg.text) {
-            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MarkdownRender.default, { text: msg.text }, `${msg.id}-${i}`);
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MarkdownRender.default, { text: msg.text, onFileClick }, `${msg.id}-${i}`);
           }
           if (msg.functionCall) {
             return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
@@ -311,7 +312,7 @@ var XAdkChatbot = ({
               /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.CheckCircleFilled, {}),
               " 已完成所有规划任务"
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MarkdownRender.default, { text: node.content })
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MarkdownRender.default, { text: node.content, onFileClick })
           ] }, node.key);
         }),
         allFiles.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.fileSection, children: [
@@ -320,7 +321,7 @@ var XAdkChatbot = ({
             allFiles.length,
             ")"
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: allFiles.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FileGallery.default, { file }, index)) })
+          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { display: "flex", flexWrap: "wrap", gap: "8px" }, children: allFiles.map((file, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FileGallery.default, { file, onClick: onFileClick }, index)) })
         ] }),
         !isGroupLoading && (actions ? actions({ message: group, isLastBotMsg: isLastGroup }) : (showRetry || showCopy || showLog) && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.metaFooter, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Flex, { gap: 16, className: styles.actionIcons, children: [
           showRetry && isLastGroup && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Tooltip, { title: "重新生成", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ReloadOutlined, { onClick: onRetry }) }),
@@ -359,6 +360,7 @@ var XAdkChatbot = ({
       onCopy,
       onShowLog,
       actions,
+      onFileClick,
       styles
     ]
   );
@@ -370,14 +372,15 @@ var XAdkChatbot = ({
           {
             file,
             align: "left",
-            style: { marginBottom: "16px" }
+            style: { marginBottom: "16px" },
+            onClick: onFileClick
           },
           index
         )) }),
         m.text && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.card, children: m.text })
       ] }, m.id || i)) }, group.id);
     },
-    [styles]
+    [styles, onFileClick]
   );
   const renderSuggestions = () => {
     if (!suggestions || suggestions.length === 0)
@@ -406,7 +409,7 @@ var XAdkChatbot = ({
     ) }) }, item)) });
   };
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_clsx.default)(styles.wrapper, className), style, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.list, ref: listRef, children: [
-    prologue && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.prologue, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MarkdownRender.default, { text: prologue }) }),
+    prologue && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.prologue, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MarkdownRender.default, { text: prologue, onFileClick }) }),
     chatGroups.map(
       (group, idx) => group.role === "user" ? renderUserGroup(group) : renderBotGroup(group, idx === chatGroups.length - 1)
     ),