@gientech/modual 2.0.3 → 2.0.5

package/src/modules/chat/index.tsx

@@ -0,0 +1,2054 @@
+import React, { useEffect, useState, useMemo, useRef } from 'react';
+import axios from 'axios';
+import { AiChat, type AppStatusManager } from '@mxmweb/aichat';
+import { ChatMessageAdapter } from '@mxmweb/rtext';
+import { message } from 'antd';
+import { uid } from 'uid';
+import { History } from 'lucide-react';
+
+import { defaultTheme, deepMergeTheme, type Styles } from '@mxmweb/zui';
+import { DefaultSenderConfig } from './constants';
+import GientechConversationPanel from './Conversations';
+import {
+  convertQueryReplyPairListToMessages,
+  getFileTypeByName,
+  toCopy,
+} from '../../utils/commonFn';
+import {
+  getFeedbackList,
+  handleCancelFeedBack,
+  handleDeleteConversation,
+  handleFeedBack,
+  handleRename,
+  handleCreateConversation,
+} from '../../utils/gientechCommon/utils/serverFn';
+
+import GientechNewChatWelcome from '../../utils/gientechCommon/components/Messages/GientechNewChatWelcome';
+import AichatUseController from '../../utils/gientechCommon/hooks/AichatUseController';
+import { useFileManager } from '../../utils/gientechCommon/hooks/useFileManager';
+import { useFileDisplayTools } from '../../utils/gientechCommon/hooks/useFileDisplayTools';
+import FeedBackModal from '../../utils/gientechCommon/components/FeedBackModal';
+import FileManager from '../../utils/gientechCommon/components/FileManager';
+import AppLoading from '../../utils/gientechCommon/components/AppLoading';
+import { Icon } from '@mxmweb/zui';
+import DisplayLoading from '../../utils/gientechCommon/components/DisplayLoading';
+import AppError from '../../utils/gientechCommon/components/AppError';
+import DisplayError from '../../utils/gientechCommon/components/DisplayError';
+import { maxPollCount, maxPollInterval } from '../../utils/gientechCommon/configs/commonConfig';
+import { mergeFiles } from '../../utils/gientechCommon/utils/fileUtils';
+import { RenameModal } from '../../utils/gientechCommon/components/RenameModal';
+import { DeleteModal } from '../../utils/gientechCommon/components/DeleteModal';
+import { ReferenceBar } from './ReferenceBar';
+import '@mxmweb/rtext/style.css';
+import '@mxmweb/aichat/style.css';
+import '@mxmweb/zui/style.css';
+export enum DrawerType {
+  REFERENCELIST = 'referencelist',
+}
+
+interface SenderConfig {
+  actions?: Array<{
+    name: string;
+    icon?: React.ReactNode;
+    badgeCount?: number;
+    enabled?: boolean;
+    [key: string]: any;
+  }>;
+  switchs?: Array<{
+    name: string;
+    label: string;
+    enabled?: boolean;
+    [key: string]: any;
+  }>;
+  [key: string]: any;
+}
+
+// 自定义组件接口
+interface CustomComponents {
+  LogoBox?: React.ComponentType<any> | null;
+  AiChatBox?: React.ComponentType<any>;
+  UserChatBox?: React.ComponentType<any>;
+  WelcomeComponent?: React.ComponentType<any>;
+  DisplayLoading?: React.ComponentType<any>;
+  DisplayError?: React.ComponentType<any>;
+  AppError?: React.ComponentType<any>;
+  AppLoading?: React.ComponentType<any>;
+  [key: string]: React.ComponentType<any> | null | undefined;
+}
+
+interface GientechChatAdopterProps {
+  token: string;
+  url?: string;
+  CSRFToken?: string;
+  styles?: Styles;
+  eventsEmit?: (eventName: string, data: any) => void;
+  CustomComponents?: CustomComponents;
+  senderConfig?: SenderConfig;
+  appLoadingConfig?: {
+    title?: string;
+    subtitle?: string;
+  };
+  [key: string]: any;
+}
+
+export interface SidebarTabConfig {
+  key: string;
+  type: 'custom' | 'form';
+  label: string;
+  icon: React.ReactNode;
+  enabled?: boolean;
+  component?: React.ReactNode; // type=custom
+  formConfig?: any[]; // type=form
+  initialValues?: Record<string, any>;
+  onChange?: (values: any) => void;
+  [key: string]: any;
+}
+
+export default function withGientechChatAdopter(WrappedComponent = AiChat) {
+  /**
+   * GientechChatAdopter 高阶组件
+   * 封装了与Gientech后端服务的接口对接、状态管理、事件处理等核心业务逻辑
+   * @param {React.ComponentType} WrappedComponent - 需要包裹的基础聊天组件，默认为 AiChat
+   */
+  return function GientechChatAdopter({
+    token,
+    url = 'http://localhost:8888',
+    styles,
+    CSRFToken,
+    eventsEmit,
+    scrollOld,
+    ...rest
+  }: GientechChatAdopterProps) {
+    // 统一归一化样式：使用 UI 库的 deepMergeTheme
+    const normalizedStyles: Styles = useMemo(() => {
+      const baseStyles: Styles = { theme: defaultTheme, mode: 'light' };
+      return deepMergeTheme(baseStyles, styles);
+    }, [styles]);
+    const [isRenameModalOpen, setisRenameModalOpen] = useState(false);
+    const [isRemoveModalOpen, setisRemoveModalOpen] = useState(false);
+    const [curEditData, setCurEditData] = useState<any>(null);
+    // =================================================================
+    // State Management - 状态管理
+    // =================================================================
+    const [conversationList, setConversationList] = useState<any[]>([]); // 对话列表
+    // 会话列表分页状态
+    const [convPageNo, setConvPageNo] = useState<number>(1);
+    const [convPageSize] = useState<number>(16);
+    const [convTotal, setConvTotal] = useState<number>(0);
+    const [convLoading, setConvLoading] = useState<boolean>(false);
+    const [chatData, setChatData] = useState<any[]>([]); // 所有对话的聊天记录
+    const [activeSessionId, setActiveSessionId] = useState<string | undefined>(undefined); // 当前激活的对话ID
+    const [recommandQuestions, setRecommandQuestions] = useState<any[]>([]); // 推荐问题列表
+    const [assistantList, setAssistantList] = useState<any[]>([]); // 智能体（助手）列表
+    const [newAssistantId, setNewAssistantId] = useState<string | undefined>(undefined); // 新建对话时选择的智能体ID
+    const [appStatus, setAppStatus] = useState<AppStatusManager>({
+      display: 'ready', // 主聊天区域状态: ready, loading, processing, error, uploading
+      sender: 'ready', // 发送器状态: ready, processing, error, uploading
+      app: 'initializing', // 应用整体状态: initializing, ready, error
+    });
+    // 发送器配置支持外部传入
+    // 深度合并工具，customConfig 有的字段覆盖 defaultConfig
+    function deepMerge(defaultConfig: any, customConfig: any): any {
+      if (!customConfig) return defaultConfig;
+      const result: any = Array.isArray(defaultConfig) ? [...defaultConfig] : { ...defaultConfig };
+      for (const key in customConfig) {
+        if (
+          customConfig[key] !== undefined &&
+          customConfig[key] !== null &&
+          Object.prototype.hasOwnProperty.call(customConfig, key)
+        ) {
+          // 特殊处理 actions 数组：合并而不是替换
+          if (key === 'actions' && Array.isArray(defaultConfig[key]) && Array.isArray(customConfig[key])) {
+            // 创建一个以 name 为 key 的 Map，优先使用 customConfig 中的 action
+            const actionsMap = new Map();
+            // 先添加 defaultConfig 中的 actions
+            defaultConfig[key].forEach((action: any) => {
+              if (action.name) {
+                actionsMap.set(action.name, action);
+              }
+            });
+            // 然后用 customConfig 中的 actions 覆盖或添加
+            customConfig[key].forEach((action: any) => {
+              if (action.name) {
+                actionsMap.set(action.name, action);
+              }
+            });
+            result[key] = Array.from(actionsMap.values());
+          } else if (
+            typeof defaultConfig[key] === 'object' &&
+            defaultConfig[key] !== null &&
+            !Array.isArray(defaultConfig[key]) &&
+            typeof customConfig[key] === 'object' &&
+            customConfig[key] !== null &&
+            !Array.isArray(customConfig[key])
+          ) {
+            result[key] = deepMerge(defaultConfig[key], customConfig[key]);
+          } else {
+            result[key] = customConfig[key];
+          }
+        }
+      }
+      return result;
+    }
+
+    // 发送器配置支持外部传入，merge 默认和外部
+    const [dynamicSenderConfig, setDynamicSenderConfig] = useState(() => {
+      const merged = deepMerge(DefaultSenderConfig, rest.senderConfig);
+      console.log('[DEBUG] 初始化 senderConfig:', {
+        DefaultSenderConfig,
+        restSenderConfig: rest.senderConfig,
+        merged,
+        'merged.actions': merged.actions,
+        'merged.actions[0]': merged.actions?.[0],
+        'merged.actions[0].icon': merged.actions?.[0]?.icon,
+      });
+      return merged;
+    });
+
+    // 监听外部 senderConfig 变化自动 merge
+    useEffect(() => {
+      if (rest.senderConfig) {
+        const merged = deepMerge(DefaultSenderConfig, rest.senderConfig);
+        console.log('[DEBUG] senderConfig 更新:', {
+          DefaultSenderConfig,
+          restSenderConfig: rest.senderConfig,
+          merged,
+          'merged.actions': merged.actions,
+          'merged.actions[0]': merged.actions?.[0],
+          'merged.actions[0].icon': merged.actions?.[0]?.icon,
+        });
+        setDynamicSenderConfig(merged);
+      }
+    }, [rest.senderConfig]);
+    // 使用统一的文件管理 Hook
+    const {
+      fileManagerData,
+      fileStatuses,
+      setFileManagerData,
+      setFileStatuses,
+      pollFileStatus: pollFileStatusHook,
+      handleRemoveFromTemp,
+      resetStopFlag,
+      setStopFlag,
+      stoppedRef,
+    } = useFileManager({
+      url,
+      token,
+      CSRFToken,
+      activeSessionId,
+      chatData,
+    });
+
+    // 新增：全局管理助手选中状态，彻底解决子组件重建跳回默认
+    const [selectedAssistantId, setSelectedAssistantId] = React.useState(() => {
+      if (!assistantList || assistantList.length === 0) return undefined;
+      const defaultItem = assistantList.find(item => item.isDefault);
+      return defaultItem ? defaultItem.id : assistantList[0]?.id;
+    });
+
+    // 监听 assistantList 变化，自动选中默认助手
+    React.useEffect(() => {
+      if (!assistantList || assistantList.length === 0) return;
+      const exists = assistantList.some(item => item.id === selectedAssistantId);
+      if (!selectedAssistantId || !exists) {
+        const defaultItem = assistantList.find(item => item.isDefault);
+        setSelectedAssistantId(defaultItem ? defaultItem.id : assistantList[0].id);
+      }
+    }, [assistantList]);
+
+    // 新增：记录 sender switchs 的选中状态
+    const [senderSwitchValues, setSenderSwitchValues] = useState<{ [key: string]: boolean }>({});
+
+    // =================================================================
+    // Refs - 引用
+    // =================================================================
+    const prevActiveSessionId = useRef<string | undefined>(undefined); // 记录上一个激活的对话ID，用于对比变化
+    const setUploadedFilesRef = useRef<(files: any[]) => void>(undefined); // 引用核心组件的文件上传方法
+    const removeFileRef = useRef<(fileObj: any, idx: number, _type: string) => void>(undefined); // 引用核心组件的文件移除方法
+    const fileInputRef = useRef<HTMLInputElement>(null); // 文件上传input引用
+    const deleteData = useRef({ sessionId: '' }); // 暂存待删除的对话数据
+    const confirmed = useRef<any>(null); // 暂存 antd Modal.confirm 的引用
+    const [feedParam, setFeedParam] = useState<{
+      queryId?: number | string | undefined;
+      restult?: number;
+    }>({});
+    const [openFeed, setOpenFeed] = useState(false);
+    const [feedBackList, setFeedBackList] = useState<any>([]);
+    // FileManager Modal 状态
+    const [fileManagerOpen, setFileManagerOpen] = useState(false);
+    // stoppedRef 已由 useFileManager hook 管理
+
+    // =================================================================
+    // Custom Hooks - 自定义钩子
+    // =================================================================
+    // 引入SSE控制器，封装了流式请求、消息管理等复杂逻辑
+    const {
+      api_startChat_re,
+      addEmptyMessage,
+      setLastEmptyMessage,
+      stopStream,
+      cancelStreamBySessionId,
+    } = AichatUseController({
+      baseUrl: url,
+      CSRFToken: CSRFToken,
+      token,
+      setChatData,
+      activeSessionId,
+      setAppStatus,
+      setConversationList,
+    });
+
+    // =================================================================
+    // Memoized Values - 缓存计算值
+    // =================================================================
+
+    /**
+     * 将智能体列表转换为以ID为键的Map，便于快速查找
+     */
+    const assistantMap = useMemo(() => {
+      const map: Record<string, any> = {};
+      (assistantList || []).forEach(item => {
+        map[item.id] = item;
+      });
+      return map;
+    }, [assistantList]);
+
+    /**
+     * 根据 activeSessionId 从 chatData 中筛选出当前对话的数据, 并合并智能体信息
+     */
+    const currentChatData = useMemo(() => {
+      const data = chatData.find((c: any) => c.id === activeSessionId) || {
+        id: activeSessionId,
+        messages: [],
+      };
+      const assistantInfo = data.configId ? assistantMap[data.configId] : null;
+      return {
+        ...data,
+        assistantInfo,
+      };
+    }, [chatData, activeSessionId, assistantMap]);
+
+    const is_download = useMemo(() => {
+      if (currentChatData.configId && assistantMap) {
+        const curAssist = assistantMap[currentChatData.configId];
+        if (curAssist?.configJson) {
+          const config = JSON.parse(curAssist.configJson);
+          return config.is_download;
+        }
+        return false;
+      } else {
+        return false;
+      }
+    }, [currentChatData.configId, assistantMap]);
+
+    const is_enableThinking = useMemo(() => {
+      //console.log('is_enableThinking',currentChatData.configId,assistantMap,newAssistantId)
+      if ((currentChatData.configId || newAssistantId) && assistantMap) {
+        const curAssist = assistantMap[currentChatData.configId];
+        if (curAssist?.configJson) {
+          const config = JSON.parse(curAssist.configJson);
+          console.log('is_enableThinking', currentChatData.configId, assistantMap, newAssistantId);
+          return config.thinking ? true : false;
+        } else {
+          // const curAssist = assistantMap[newAssistantId]
+          //console.log('newAssistantId',newAssistantId)
+          if (newAssistantId) {
+            const curAssist = assistantMap[newAssistantId];
+            if (curAssist?.configJson) {
+              const config = JSON.parse(curAssist.configJson);
+              return config.thinking ? true : false;
+            }
+          }
+        }
+      }
+      return false;
+    }, [currentChatData.configId, assistantMap, newAssistantId]);
+
+    // 文件工具函数已提取到 useFileManager hook 中
+
+    // =================================================================
+    // Side Effects (useEffect) - 副作用钩子
+    // =================================================================
+
+    /**
+     * 跟踪 activeSessionId 的变化:
+     * 1. 清理上一个无消息的临时会话
+     * 2. 更新推荐问题
+     */
+    useEffect(() => {
+      // 切换会话时，检查上一个会话是否为临时且无消息
+      if (prevActiveSessionId.current && prevActiveSessionId.current !== activeSessionId) {
+        const prevId = prevActiveSessionId.current;
+        const prevConv = conversationList.find(c => c.sessionId === prevId && c.isNew);
+        const prevChat = chatData.find(c => c.id === prevId && c.isNew);
+        const prevHasMsg = prevChat && prevChat.messages && prevChat.messages.length > 0;
+        // 如果是临时的且没有消息，则自动删除
+        if (prevConv && !prevHasMsg) {
+          setConversationList(list => list.filter(c => c.sessionId !== prevId));
+          setChatData(list => list.filter(c => c.id !== prevId));
+        }
+      }
+      prevActiveSessionId.current = activeSessionId;
+
+      // 更新推荐问题为当前对话的最后一个推荐问题
+      const historyRQ =
+        currentChatData.messages && currentChatData.messages.length > 0
+          ? currentChatData.messages[currentChatData.messages.length - 1].recommendQuestion
+          : [];
+      setRecommandQuestions(historyRQ);
+    }, [activeSessionId, conversationList, chatData, currentChatData.messages]);
+
+    /**
+     * 拉取会话列表分页
+     */
+    const fetchConversationPage = async (pageNo: number) => {
+      if (convLoading) return;
+      setConvLoading(true);
+      try {
+        const res = await axios.get(
+          `${url}/qa/dialogue/list?pageNo=${pageNo}&pageSize=${convPageSize}&sysType=INT_SESSION`,
+          { headers: { Authorization: token } }
+        );
+        const records = res?.data?.data?.records || [];
+        const total = res?.data?.data?.total || 0;
+        setConvTotal(total);
+        setConversationList(prev => {
+          // 去重合并（以 sessionId 为准）
+          const map = new Map<string, any>();
+          [...prev, ...records].forEach((it: any) => {
+            map.set(it.sessionId, it);
+          });
+          return Array.from(map.values());
+        });
+        setConvPageNo(pageNo);
+      } catch (_) {
+        // 忽略，错误态交由上层处理
+      } finally {
+        setConvLoading(false);
+      }
+    };
+
+    /**
+     * 首次加载：并发拉取助手列表与会话第一页
+     */
+    useEffect(() => {
+      setAppStatus(prev => ({ ...prev, app: 'initializing' }));
+      // 助手列表
+      axios
+        .get(`${url}/qa/search/config/helper/list?pageNo=1&pageSize=3000`, {
+          headers: { Authorization: token },
+        })
+        .then(assistantRes => {
+          setAssistantList(assistantRes.data.data || []);
+        })
+        .catch(() => {});
+
+      // 会话第一页
+      fetchConversationPage(1)
+        .then(() => {
+          if (!activeSessionId) {
+            handleConversationCreate({});
+          }
+          setAppStatus(prev => ({ ...prev, app: 'ready' }));
+        })
+        .catch(() => {
+          setAppStatus(prev => ({ ...prev, app: 'error' }));
+        });
+    }, []);
+
+    /**
+     * 当 activeSessionId 变化时，获取对应的聊天记录
+     */
+    useEffect(() => {
+      if (!activeSessionId) return;
+
+      setAppStatus(prev => ({ ...prev, display: 'loading' }));
+      axios
+        .get(`${url}/qa/dialogue/getDialogBySessionId?sessionId=${activeSessionId}`, {
+          headers: { Authorization: token },
+        })
+        .then(res => {
+          // const r = {
+          //   data: {
+          //     success: true,
+          //     errorMsg: null,
+          //     errorCode: null,
+          //     data: {
+          //       label: '控制器起不来（控制器右上角RDY灯不亮）',
+          //       sessionId: '3d752532b3d4510867288e5ac5cb3833',
+          //       gmtCreate: '2025-11-06 14:30:43',
+          //       gmtModified: '2025-11-06 14:30:43',
+          //       createBy: 'admin',
+          //       updateBy: 'admin',
+          //       filePath: 'http://10.160.33.221:9000',
+          //       configId: 703,
+          //       kbId: null,
+          //       queryReplyPairList: [
+          //         {
+          //           query: {
+          //             id: 27665,
+          //             gmtCreate: '2025-11-06T06:31:05.000+00:00',
+          //             content: '控制器起不来（控制器右上角RDY灯不亮）',
+          //             type: 'text',
+          //             queryId: 'query-2532b3d4510867288e5ac5cb38338870',
+          //             audioUrl: '',
+          //             filePaths: null,
+          //             currentFiles: null,
+          //           },
+          //           reply: {
+          //             id: 27638,
+          //             gmtCreate: '2025-11-06T06:31:15.000+00:00',
+          //             content:
+          //               '<think>\n好的，我现在需要回答用户的问题：“控制器起不来（控制器右上角RDY灯不亮）”。首先，我要查看提供的参考资料，看看是否有相关信息。\n\n参考资料0提到了现象“控制器起不来（控制器右上角RDY灯不亮）”，并关联到“包含”和“产生”关系，但没有提供处理方法。参考资料1和2都详细描述了这个现象，并且都给出了处理方法：检查NT255模块是否报红，更换模块，并特别提到机舱检查FS211/N模块。这些处理方法的ID都是10001，说明是同一个解决方案。\n\n用户的问题没有指定版本，根据规则2，我应该使用最新的版本信息。不过，参考资料中没有明确的版本日期，所以只能假设它们都是最新的。因此，我应该综合所有参考资料的信息，提供处理方法。\n\n最后，我需要按照要求，用简洁的语言回答，并标注来源。由于处理方法在参考资料1和2中都有，我会引用这两个来源。\n\n\n</think>\n\n控制器起不来（控制器右上角RDY灯不亮）的处理方法如下：\n\n1. 检查NT255模块是否报红（ERR灯是否亮红）[retrive-tag id="2290607639633892359" image_urls="" fromType="2"][1][/retrive-tag][retrive-tag id="439368868506707299" image_urls="" fromType="2"][2][/retrive-tag]。\n2. 更换NT255模块（注：机舱检查FS211/N模块）[retrive-tag id="2290607639633892359" image_urls="" fromType="2"][1][/retrive-tag][retrive-tag id="439368868506707299" image_urls="" fromType="2"][2][/retrive-tag]。\n\n这些步骤可以帮助解决控制器无法启动的问题。',
+          //             type: 'text',
+          //             reference: '[]',
+          //             webReference: '[]',
+          //             graphReference:
+          //               '[{"cyphers":["match (n:`组件`)-[e]-(m) where id(n) == \\"组件101\\" return n,e,m;","match (n:`现象`)-[e]-(m) where id(n) == \\"现象1001\\" return n,e,m;","match (n:`现象`)-[e]-(m) where id(n) == \\"现象1001\\" return n,e,m;"],"fetchUrl":"https://10.160.33.150:30001/jinxin_graph/proxy/search/graph/search/cypherSearch4Rag","graphName":"故障处理图谱","id":"1952195957278367755","traceNodes":[{"graphId":"1952195957278367755","id":"3484145002858895870","name":"控制器","nodeType":"组件","vid":"组件101"},{"graphId":"1952195957278367755","id":"2290607639633892359","name":"控制器起不来（控制器右上角RDY灯不亮）","nodeType":"现象","vid":"现象1001"},{"graphId":"1952195957278367755","id":"439368868506707299","name":"控制器起不来（控制器右上角RDY灯不亮）","nodeType":"现象","vid":"现象1001"}]}]',
+          //             queryId: 'query-2532b3d4510867288e5ac5cb38338870',
+          //             feedbackResult: null,
+          //             feedbackId: null,
+          //             parsedFilePaths: null,
+          //             recommendQuestion:
+          //               '["在检查NT255模块时，ERR灯亮红可能表示哪些具体问题？","更换NT255模块时需要注意哪些步骤或注意事项？","除了检查和更换NT255模块，还有哪些方法可以排查控制器无法启动的问题？"]',
+          //             llmType: 1,
+          //             resultType: 1,
+          //             respTime: 32453,
+          //             tokens: 824,
+          //           },
+          //         },
+          //       ],
+          //       searchConfigDTO: {
+          //         id: 703,
+          //         status: 1,
+          //         isDefault: 0,
+          //         configJson:
+          //           '{"status":1,"defaultAnswer":"您好！我注意到您的消息中可能包含了一些敏感的内容。为了保证社区的友好氛围，我们无法继续就此话题进行讨论。如果您有其他问题或需要帮助，我很乐意继续为您服务！谢谢您的理解和支持。","dependOnKb":1,"isDel":1,"config_name":"图谱测试","model_name":"deepseek-distill-qwen32b","plan_model_name":"deepseek-distill-qwen32b","prologue":"你好","system_prompt":"","recommend_model_name":"deepseek-distill-qwen32b","temperature":0.3,"top_p":0.8,"top_k":10,"score_threshold":0.1,"max_tokens":4096,"max_round":5,"rerank_model_name":"bge-reranker-v2-m3_xinference","knowledge_base_name_source":"","graph_nb_name":[{"graph_name":"故障处理图谱","index_name":"1952195957278367755"}],"thinking":false,"knowledge_base_name":"","selectedKnowledgeBase":[],"enabled_graph":false,"enabled_nb_graph":true,"need_trace_source":true,"trace_by_llm":true,"is_download":false,"search_policy":1,"enabled_question_rewrite":false,"enabled_faq":true,"enabled_rerank":true,"rerank":false}',
+          //         name: '图谱测试',
+          //         des: null,
+          //         createBy: 'admin',
+          //         gmtCreate: '2025-11-05 19:37:54',
+          //         permission: null,
+          //         sensitiveWordIds: '',
+          //         defaultAnswer:
+          //           '您好！我注意到您的消息中可能包含了一些敏感的内容。为了保证社区的友好氛围，我们无法继续就此话题进行讨论。如果您有其他问题或需要帮助，我很乐意继续为您服务！谢谢您的理解和支持。',
+          //         model: false,
+          //         enabledFaq: 0,
+          //         dependOnKb: 1,
+          //         isDel: 1,
+          //       },
+          //     },
+          //   },
+          // };
+          // 如果会话没有数据（例如新建的），直接返回
+
+          if (!res.data.data) {
+            setAppStatus(prev => ({ ...prev, display: 'ready' }));
+            return;
+          }
+          // 解析消息数据
+          const queryReplyPairList = res.data.data?.queryReplyPairList || [];
+          const messages = convertQueryReplyPairListToMessages(queryReplyPairList);
+          const {
+            sessionId,
+            searchConfigDTO,
+            filePath,
+            configId,
+            reference,
+            webReference,
+            uploadedFiles,
+            fileList,
+            currentFiles,
+          } = res.data.data;
+
+          // === 文件数据补全 ===
+          // 1. reference（AI消息）
+          if (messages.length > 0) {
+            // 找到最后一条 AI 消息的索引（从后往前找）
+            const lastAiIndex =
+              messages.length - 1 - [...messages].reverse().findIndex(m => m.istype === 'ai');
+
+            // 确保找到的是有效的 AI 消息
+            if (
+              lastAiIndex >= 0 &&
+              lastAiIndex < messages.length &&
+              messages[lastAiIndex].istype === 'ai'
+            ) {
+              if (reference) {
+                messages[lastAiIndex].reference = reference;
+              }
+              if (webReference) {
+                messages[lastAiIndex].webReference = webReference;
+              }
+            }
+          }
+          // 2. currentFiles/fileList/uploadedFiles（user消息）
+          const filesData = currentFiles || fileList || uploadedFiles;
+          if (filesData && messages.length > 0) {
+            const lastUserIdx = [...messages].reverse().findIndex(m => m.istype === 'user');
+            if (lastUserIdx !== -1) {
+              console.log(messages[messages.length - 1 - lastUserIdx].currentFiles, 'filesData');
+              messages[messages.length - 1 - lastUserIdx].currentFiles = filesData;
+            }
+          }
+
+          // 更新对话列表中的对应项的元数据
+          const item = conversationList.find(item => item.sessionId === sessionId);
+          if (item) {
+            // console.log(item,'你大爷')
+            setConversationList(list =>
+              list.map(item =>
+                item.sessionId === sessionId
+                  ? { ...item, searchConfigDTO, filePath, configId }
+                  : item
+              )
+            );
+          }
+
+          // 构造当前对话的完整数据
+          const conversationConfig = {
+            configId: res.data.data.configId,
+            filePath: res.data.data.filePath,
+            searchConfigDTO: res.data.data.searchConfigDTO || {},
+            sessionId: res.data.data.sessionId,
+            label: res.data.data.label,
+            kbId: res.data.data.kbId,
+          };
+
+          // 更新聊天数据
+          setChatData(prev => {
+            const others = prev.filter((c: any) => c.id !== activeSessionId);
+
+            const newChatData = [
+              { id: activeSessionId, messages, ...conversationConfig },
+              ...others,
+            ];
+            return newChatData;
+          });
+          setAppStatus(prev => ({ ...prev, display: 'ready' }));
+        })
+        .catch(err => {
+          console.error('获取聊天数据失败:', err);
+          if (err.response && err.response.status === 404) {
+            // 404 表示会话在后端不存在，按新建会话处理
+            handleConversationCreate({});
+          }
+          setAppStatus(prev => ({ ...prev, display: 'error' }));
+        });
+    }, [activeSessionId, url, token]);
+
+    /**
+     * 监听文件数据变化，更新Sender上的角标
+     */
+    useEffect(() => {
+      const totalFiles = fileManagerData.uploadedFiles.length;
+      setDynamicSenderConfig((prev: any) => {
+        const actions = Array.isArray(prev.actions) ? prev.actions : [];
+        const newConfig = {
+          ...prev,
+          actions: actions.map((action: any) =>
+            action.name === 'history' ? { ...action, badgeCount: totalFiles } : action
+          ),
+        };
+        return newConfig;
+      });
+    }, [fileManagerData.uploadedFiles]);
+    useEffect(() => {
+      getFeedbackList({ url, token }, data => {
+        setFeedBackList(data);
+      });
+    }, []);
+
+    /**
+     * 实时同步 fileStatuses 到当前消息的 currentFiles，便于消息区细致显示每个文件的处理状态
+     */
+    React.useEffect(() => {
+      if (!fileStatuses.length) return;
+      setChatData(chatList => {
+        if (!chatList[0]) return chatList;
+        const { messages } = chatList[0];
+        for (let i = messages.length - 1; i >= 0; i--) {
+          if (messages[i].istype === 'user') {
+            const oldFiles = messages[i].currentFiles || [];
+            messages[i].currentFiles = fileStatuses.map((f: any) => {
+              const old = oldFiles.find((of: any) => of.uid === f.uid);
+              return {
+                name: f.file?.name || f.name,
+                size: f.file?.size || f.size,
+                type: f.file?.type || f.type,
+                status: f.status,
+                uid: f.uid,
+                url: f.url || old?.url || '', // 优先用已有 url
+              };
+            });
+            break;
+          }
+        }
+        return [...chatList];
+      });
+    }, [fileStatuses]);
+
+    // =================================================================
+    // Core Functions - 核心功能函数
+    // =================================================================
+
+    // 1. 在组件作用域定义控制器和轮询停止标志
+    let uploadController: AbortController | null = null;
+    let stopPoll: (() => void) | null = null;
+
+    /**
+     * 轮询文件解析状态（使用统一的 hook）
+     */
+    const pollFileStatus = (
+      uids: string[],
+      onStatusUpdate: (serverStatuses: any[]) => void,
+      onComplete: () => void,
+      onFail: (errorMsg: string) => void
+    ) => {
+      stopPoll = pollFileStatusHook(uids, {
+        onStatusUpdate,
+        onComplete,
+        onFail,
+      });
+    };
+
+    /**
+     * 设置消息的反馈结果（赞/踩）
+     * @param {string} queryId - 消息ID
+     * @param {number} result - 反馈结果 (1: 赞, -1: 踩)
+     */
+    const setFeed = (queryId: any, restult: any) => {
+      setChatData(chatList => {
+        const newList = [...chatList];
+        if (!newList[0]) return newList;
+        newList[0] = {
+          ...newList[0],
+          messages: newList[0].messages.map((item: any) => {
+            if (item.queryId === queryId) {
+              return {
+                ...item,
+                feedbackResult: restult,
+              };
+            }
+            return item;
+          }),
+        };
+        return newList;
+      });
+    };
+
+    /**
+     * 获取指定queryId的推荐问题
+     * @param {string} queryId - 消息ID
+     */
+    const fetchRecommendQuestions = async (queryId: string) => {
+      if (!queryId) return;
+      try {
+        // 需要携带当前 configId
+        const configId =
+          currentChatData?.configId || assistantMap?.[currentChatData?.configId || '']?.id || '';
+        const res = await axios.get(
+          `${url}/qa/ai/recommendQuestion?queryId=${queryId}&configId=${configId || ''}`.replace(
+            /\?&/,
+            '?'
+          ),
+          {
+            headers: { Authorization: token },
+          }
+        );
+        setRecommandQuestions(res.data?.data || []);
+      } catch (e) {
+        setRecommandQuestions([]);
+      }
+    };
+
+    /**
+     * 处理重新发送消息逻辑
+     */
+    function handleReSenderSend(data: any) {
+      const { content, audioUrl, filePaths, queryId } = data;
+      if (!activeSessionId || !queryId) return;
+
+      // 从当前会话中按 queryId 定位本次 AI 回复
+      const msgs = currentChatData?.messages || [];
+      const aiIdx = msgs.findIndex(
+        (m: any) => m?.queryId === queryId && (m?.istype === 'ai' || m?.isUser === false)
+      );
+
+      // 回溯上一条用户消息
+      let userMsg: any | undefined;
+      if (aiIdx > 0) {
+        for (let i = aiIdx - 1; i >= 0; i -= 1) {
+          const m = msgs[i];
+          if (m?.istype === 'user' || m?.isUser === true) {
+            userMsg = m;
+            break;
+          }
+        }
+      }
+
+      const question = userMsg?.content ?? content;
+      if (!question) return;
+
+      const sourceFilePaths = userMsg?.filePaths ?? filePaths;
+      const _fileUids = (
+        typeof sourceFilePaths === 'string' && sourceFilePaths
+          ? JSON.parse(sourceFilePaths)
+          : sourceFilePaths || []
+      ).map((item: any) => item.uid);
+      const now = Date.now();
+      setLastEmptyMessage({ now });
+      setAppStatus(pre => {
+        return {
+          ...pre,
+          display: 'processing',
+          sender: 'processing',
+        };
+      });
+
+      data.clearFn && data.clearFn();
+      setConversationList(list =>
+        list.map(c => (c.sessionId === activeSessionId ? { ...c, gmtModified: now } : c))
+      );
+
+      api_startChat_re(
+        {
+          configId: currentChatData.configId,
+          content: question,
+          fileUids: _fileUids,
+          lastDate: now,
+          name: currentChatData.label || '',
+          queryId: queryId,
+          sessionId: String(activeSessionId || ''),
+          type: (userMsg?.audioUrl ?? audioUrl) ? 'audioUrl' : 'text',
+          audioUrl: (userMsg?.audioUrl ?? audioUrl) || '',
+          enableThinking: !!senderSwitchValues.reasoning,
+          enableWebsearch: !!senderSwitchValues.netSearch,
+          qaChannel: senderSwitchValues.qaChannel,
+        } as any,
+        gmtModified => {
+          // 只在AI回复完成后请求推荐问题
+          fetchRecommendQuestions(queryId);
+        }
+      );
+    }
+
+    // 提取发消息逻辑，确保只有有sessionId时才调用
+    async function handleSenderSend(data: any, clearFn: () => void) {
+      // 找到当前会话
+      if (!activeSessionId) return;
+      const openEvent = new CustomEvent('aichat:right_set', {
+        detail: { collapsed: true },
+      });
+      window.dispatchEvent(openEvent);
+      const conv = conversationList.find(c => c.sessionId === activeSessionId);
+      //console.log('zheli是啥',conv)
+      if (conv && conv.isNew) {
+        // 还没落库，先调 create
+        let createSuccess = false;
+        // 优先用用户选择的助手newAssistantId，否则用当前会话的configId
+        const configIdToUse = newAssistantId || conv.configId;
+        // 用用户输入内容截取20字作为label
+        const labelToUse =
+          data && data.content ? data.content.slice(0, 20) : conv.label || '未命名会话';
+        await new Promise<void>((resolve, reject) => {
+          handleCreateConversation(
+            { url, token, CSRFToken },
+            {
+              label: labelToUse,
+              sessionId: conv.sessionId,
+              sysType: 'INT_SESSION',
+              configId: configIdToUse,
+            },
+            (res: any) => {
+              if (res && res.data && res.data.sessionId) {
+                // create成功，标记已落库并更新label/configId
+                setConversationList(list =>
+                  list.map(c =>
+                    c.sessionId === conv.sessionId
+                      ? { ...c, isNew: false, configId: configIdToUse, label: labelToUse }
+                      : c
+                  )
+                );
+                setChatData(list =>
+                  list.map(c =>
+                    c.id === conv.sessionId
+                      ? { ...c, isNew: false, configId: configIdToUse, label: labelToUse }
+                      : c
+                  )
+                );
+                createSuccess = true;
+                resolve();
+              } else {
+                message.error('创建会话失败，请重试');
+                reject();
+              }
+            }
+          );
+        });
+        if (!createSuccess) return;
+        // 继续发消息
+        sendMessageWithSessionId(activeSessionId as string, data, clearFn, configIdToUse);
+        return;
+      }
+      // 已落库，直接发消息
+      sendMessageWithSessionId(activeSessionId as string, data, clearFn);
+    }
+
+    // 修改sendMessageWithSessionId，发消息时用本地会话的configId
+    function sendMessageWithSessionId(
+      sessionId: string,
+      data: any,
+      clearFn: () => void,
+      configIdOverride?: string
+    ) {
+      const queryId = 'query-' + uid(32);
+      // 优先用参数传递的 configId
+      const conv = conversationList.find(c => c.sessionId === sessionId);
+      const configIdToUse = configIdOverride || conv?.configId || currentChatData.configId;
+      console.log('助手配置详情', configIdToUse);
+
+      // === 数据流保障：明确保留内容格式，不进行任何 trim 或替换处理 ===
+      // 确保换行符、空格等格式完整保留，直接传递到后端
+      const rawContent = data.content || data.text || '';
+      const preservedContent = typeof rawContent === 'string' ? rawContent : String(rawContent);
+
+      const label = preservedContent ? preservedContent.slice(0, 20) : '未命名会话';
+      let localCurrentFiles = undefined;
+      if (data.files && data.files.length > 0) {
+        localCurrentFiles = data.files.map((fileItem: any) => ({
+          name: fileItem.file.name,
+          size: fileItem.file.size,
+          type: fileItem.file.type,
+          filePath: fileItem.filePath || '',
+          convertedFilePath: fileItem.convertedFilePath || '',
+          uid: fileItem.uid || '',
+        }));
+      }
+      console.log('本地文件上传', data.files);
+      addEmptyMessage({
+        content: preservedContent, // 使用保留格式的内容，确保换行和空格完整保留
+        queryId,
+        currentFiles: localCurrentFiles,
+        filePaths: localCurrentFiles ? JSON.stringify(localCurrentFiles) : undefined,
+      });
+      // === 新增：如果当前会话是未命名且isNew，首次提问后自动改名并去除isNew ===
+      setConversationList(list =>
+        list.map(c =>
+          c.sessionId === sessionId && c.label === '未命名会话' && c.isNew
+            ? { ...c, label, gmtModified: Date.now(), isNew: false }
+            : c
+        )
+      );
+      setChatData(list =>
+        list.map(c =>
+          c.id === sessionId && c.label === '未命名会话' && c.isNew
+            ? { ...c, label, isNew: false }
+            : c
+        )
+      );
+      // 2. 文件上传逻辑 ---
+      if (data.files && data.files.length > 0) {
+        setAppStatus(pre => ({ ...pre, sender: 'uploading', display: 'uploading' }));
+        uploadController = new AbortController();
+        resetStopFlag(); // 使用 hook 提供的重置函数
+        const clientFileUids = data.files.map(
+          () => `rc-upload-${Date.now()}-${Math.random().toString(36).slice(2)}`
+        );
+        const initialFileStatuses = data.files.map((fileItem: any, index: number) => ({
+          ...fileItem,
+          uid: clientFileUids[index],
+          status: 'uploading',
+        }));
+        setFileStatuses(initialFileStatuses);
+        const formData = new FormData();
+        data.files.forEach((fileItem: any) => {
+          formData.append('files', fileItem.file);
+        });
+        const sessionIdStr = String(sessionId || '');
+        formData.append('sessionId', sessionIdStr);
+        formData.append('uids', clientFileUids.join(','));
+        axios
+          .post(`${url}/index/knowledgeBase/file/uploadFiles`, formData, {
+            headers: {
+              Authorization: token,
+              'Content-Type': 'multipart/form-data',
+            },
+            signal: uploadController.signal,
+          })
+          .then(response => {
+            console.log('文件上传的打印结果', response);
+            if (stoppedRef.current) return;
+            if (
+              response.data.success &&
+              Array.isArray(response.data.data) &&
+              response.data.data.length > 0
+            ) {
+              // === 新增：合并后端返回字段到 fileStatuses ===
+              setFileStatuses(prev => {
+                return prev.map(localFile => {
+                  const serverFile = response.data.data.find((f: any) => f.uid === localFile.uid);
+                  return serverFile ? { ...localFile, ...serverFile } : localFile;
+                });
+              });
+              setAppStatus(pre => ({ ...pre, sender: 'processing', display: 'analyzing' }));
+              setFileStatuses(prev => prev.map(f => ({ ...f, status: 'parsing' })));
+              const uploadedFilesData = response.data.data;
+              const serverUids = uploadedFilesData.map((f: any) => f.uid);
+              pollFileStatus(
+                serverUids,
+                serverStatuses => {
+                  setFileStatuses(currentLocalStatuses => {
+                    return currentLocalStatuses.map(localFile => {
+                      const correspondingServerFile = serverStatuses.find(
+                        (sf: any) => sf.uid === localFile.uid
+                      );
+                      if (correspondingServerFile) {
+                        switch (correspondingServerFile.status) {
+                          case 3:
+                            return { ...localFile, status: 'done' };
+                          case 4:
+                            return { ...localFile, status: 'error' };
+                          case 1:
+                          case 2:
+                          default:
+                            return { ...localFile, status: 'parsing' };
+                        }
+                      }
+                      return localFile;
+                    });
+                  });
+                  // === 新增：全部完成时清空 sender 区 ===
+                  const allDone =
+                    serverStatuses.length > 0 &&
+                    serverStatuses.every((file: any) => file.status === 3);
+                  if (allDone) {
+                    setFileStatuses([]);
+                    // 上传完成后合并新文件到 uploadedFiles，保证结构统一
+                    const map = new Map();
+                    (serverStatuses || []).forEach((item: any) => {
+                      map.set(item.id, item);
+                    });
+                    setFileManagerData(prev => {
+                      const r = mergeFiles(prev.uploadedFiles, uploadedFilesData);
+
+                      return {
+                        uploadedFiles: r.map(item => {
+                          return {
+                            ...item,
+                            pdfPages: map.get(item.id)?.pdfPages || 0, // 保留后端返回的 pdfPages 字段
+                          };
+                        }),
+                      };
+                    });
+                  }
+                },
+                // onComplete: 全部解析成功后才发起AI请求
+                () => {
+                  clearFn?.();
+                  setAppStatus(pre => ({ ...pre, sender: 'processing', display: 'processing' }));
+                  // === 新增：回填 filePath 到 fileStatuses ===
+                  setFileStatuses(prev => {
+                    return prev.map(localFile => {
+                      const serverFile = uploadedFilesData.find(
+                        (f: any) => f.uid === localFile.uid
+                      );
+
+                      if (serverFile) {
+                        return {
+                          ...localFile,
+                          ...serverFile, // 合并后端所有字段
+                          url: serverFile.filePath, // 兼容 url 字段
+                          filePath: serverFile.filePath,
+                          name: serverFile.fileName || localFile.name,
+                          convertedFilePath:
+                            serverFile.convertedFilePath || localFile.convertedFilePath,
+                        };
+                      }
+                      return localFile;
+                    });
+                  });
+                  // === 同步 currentFiles 字段到 chatData ===
+                  setChatData(chatList => {
+                    if (!chatList[0]) return chatList;
+                    const { messages } = chatList[0];
+                    for (let i = messages.length - 1; i >= 0; i--) {
+                      if (messages[i].istype === 'user') {
+                        const oldFiles = messages[i].currentFiles || [];
+                        messages[i].currentFiles = oldFiles.map((localFile: any) => {
+                          const serverFile = uploadedFilesData.find(
+                            (f: any) => f.uid === localFile.uid
+                          );
+                          return serverFile ? { ...localFile, ...serverFile } : localFile;
+                        });
+                        break;
+                      }
+                    }
+                    return [...chatList];
+                  });
+                  // === 发起AI请求 ===
+                  const now = Date.now();
+                  api_startChat_re(
+                    {
+                      configId: configIdToUse,
+                      content: preservedContent, // 使用保留格式的内容，确保换行和空格完整传递到后端
+                      fileUids: serverUids,
+                      lastDate: now,
+                      name: label,
+                      queryId: queryId,
+                      sessionId: String(sessionId || ''),
+                      type: 'text',
+                      audioUrl: '',
+                      enableThinking: !!senderSwitchValues.reasoning,
+                      enableWebsearch: !!senderSwitchValues.netSearch,
+                      qaChannel: senderSwitchValues.qaChannel,
+                    } as any,
+                    gmtModified => {
+                      fetchRecommendQuestions(queryId);
+                    }
+                  );
+                },
+                (errorMsg: string) => {
+                  setAppStatus(pre => ({ ...pre, display: 'ready', sender: 'ready' }));
+                  setFileStatuses(prev =>
+                    prev.map(f => ({ ...f, status: 'error', message: errorMsg }))
+                  );
+                }
+              );
+            } else {
+              const errorMsg = response.data.errorMsg || '文件上传失败';
+              setAppStatus(pre => ({ ...pre, display: 'error', sender: 'ready' }));
+              setFileStatuses(prev =>
+                prev.map(f => ({ ...f, status: 'error', message: errorMsg }))
+              );
+            }
+          })
+          .catch(error => {
+            // 检查是否为文件大小超限错误 (413)
+            if (error?.response?.status === 413) {
+              if (error?.response?.statusText.includes('Request Entity Too Large')) {
+                message.error('文件超过最大可上传限制');
+              }
+            } else {
+              // 其他错误显示通用网络错误提示
+              message.error('网络错误');
+            }
+
+            setAppStatus(pre => ({ ...pre, display: 'error', sender: 'ready' }));
+            setFileStatuses(prev =>
+              prev.map(f => ({ ...f, status: 'error', message: '网络错误' }))
+            );
+          });
+        return;
+      }
+      // 3. 无文件，直接发起AI请求
+      setAppStatus(pre => ({ ...pre, display: 'processing', sender: 'processing' }));
+      const now = Date.now();
+      setConversationList(list =>
+        list.map(c => (c.sessionId === sessionId ? { ...c, gmtModified: now } : c))
+      );
+      clearFn?.();
+      api_startChat_re(
+        {
+          configId: configIdToUse,
+          content: preservedContent, // 使用保留格式的内容，确保换行和空格完整传递到后端
+          fileUids: [],
+          lastDate: now,
+          name: label,
+          queryId: queryId,
+          sessionId: String(sessionId || ''),
+          type: 'text',
+          audioUrl: '',
+          enableThinking: !!senderSwitchValues.reasoning,
+          enableWebsearch: !!senderSwitchValues.netSearch,
+          qaChannel: senderSwitchValues.qaChannel,
+        } as any,
+        gmtModified => {
+          fetchRecommendQuestions(queryId);
+        }
+      );
+    }
+
+    // =================================================================
+    // Event Handlers - 事件处理器
+    // =================================================================
+
+    /**
+     * 处理点赞反馈
+     */
+    function handleThumbsup(data: any) {
+      if (data.restult == 1) {
+        handleCancelFeedBack({ url, token, CSRFToken }, { queryId: data.queryId }, () => {
+          setFeed(data.queryId, null);
+        });
+      } else {
+        handleFeedBack({ url, token, CSRFToken }, { restult: 1, queryId: data.queryId }, () => {
+          setFeed(data.queryId, 1);
+        });
+      }
+    }
+
+    /**
+     * 处理新建一个临时会话
+     */
+    function handleConversationCreate(data: any) {
+      const sessionId = uid(32);
+      // 新会话对象，等待用户输入后再发起创建请求
+      const newConversation = {
+        sessionId,
+        label: '未命名会话',
+        gmtModified: Date.now(),
+        searchConfigDTO: {},
+        filePath: '',
+        configId: '',
+        isNew: true, // 标记为新会话
+      };
+      // 在列表顶部插入新会话
+      setConversationList(list => [{ ...newConversation, messages: [] }, ...list]);
+      setChatData(list => [{ id: sessionId, messages: [], ...newConversation }, ...list]);
+      // 激活新会话
+      setActiveSessionId(sessionId);
+    }
+
+
+    /**
+     * 处理会话列表项点击
+     */
+    function handleItemClick(data: any) {
+      if (data?.sessionId && data.sessionId !== activeSessionId) {
+        // 如果切换会话时，有正在进行的流式请求（且请求属于当前会话），则取消它
+        // 这样可以防止在流式输出开始前切换会话时，后续数据写入错误的会话
+        if (activeSessionId) {
+          cancelStreamBySessionId(activeSessionId);
+        }
+        setActiveSessionId(data.sessionId);
+        setAppStatus(prev => ({ ...prev, sender: 'ready' }));
+        // 点击会话时，使用其最后一条AI消息的推荐问题
+        const conv = chatData.find(c => c.id === data.sessionId);
+        if (conv && conv.messages && conv.messages.length > 0) {
+          const lastAiMsg = [...conv.messages].reverse().find((m: any) => m.istype === 'ai');
+          if (lastAiMsg && lastAiMsg.recommendQuestion) {
+            setRecommandQuestions(lastAiMsg.recommendQuestion);
+          } else {
+            setRecommandQuestions([]);
+          }
+        } else {
+          setRecommandQuestions([]);
+        }
+      }
+    }
+
+    // =================================================================
+    // Async Data Operations - 异步数据操作 (供事件发射器使用)
+    // =================================================================
+
+    /**
+     * 异步删除会话接口
+     */
+    const async_deleteConversation = async (sessionId: string) => {
+      return new Promise((resolve, reject) => {
+        handleDeleteConversation({ url, token, CSRFToken }, { sessionId }, (res: any) => {
+          if (res) {
+            message.success('删除成功!');
+            resolve(res);
+          } else {
+            message.error('删除失败!');
+            reject(res);
+          }
+        });
+      });
+    };
+    /**
+     * 异步刷新会话列表接口
+     */
+    const async_refreshConversationList = async () => {
+      try {
+        // 重置为第一页
+        setConversationList([]);
+        setConvTotal(0);
+        await fetchConversationPage(1);
+        return [];
+      } catch (e) {
+        message.error('刷新会话列表失败');
+        throw e;
+      }
+    };
+
+    /**
+     * 异步重命名会话接口
+     */
+    const async_renameConversation = async (sessionId: string, newLabel: string) => {
+      return new Promise((resolve, reject) => {
+        handleRename({ url, token, CSRFToken }, { label: newLabel, sessionId }, res => {
+          if (res) {
+            // 成功后立即更新本地状态
+            const now = Date.now();
+            setConversationList(list =>
+              list.map(item =>
+                item.sessionId === sessionId ? { ...item, label: newLabel, gmtModified: now } : item
+              )
+            );
+            message.success('重命名成功!');
+            resolve(res);
+          } else {
+            message.error('重命名失败');
+            reject(res);
+          }
+        });
+      });
+    };
+
+    // =================================================================
+    // Local State Updaters - 本地状态更新 (供事件发射器使用)
+    // =================================================================
+
+    /**
+     * 从本地状态中移除会话项
+     */
+    const fn_removeItemFromList = (sessionId: string) => {
+      setConversationList(list => {
+        const newList = list.filter(c => c.sessionId !== sessionId);
+        // 如果删除的是当前会话，则激活列表中的第一个
+        if (activeSessionId === sessionId) {
+          if (newList.length > 0) {
+            setActiveSessionId(newList[0].sessionId);
+          } else {
+            // 如果列表空了，则新建一个
+            handleConversationCreate({});
+          }
+        }
+        return newList;
+      });
+    };
+
+    /**
+     * 在本地状态中重命名会话项
+     */
+    const fn_renameItemInList = (sessionId: string, newLabel: string) => {
+      const now = Date.now();
+      setConversationList(list =>
+        list.map(item =>
+          item.sessionId === sessionId ? { ...item, label: newLabel, gmtModified: now } : item
+        )
+      );
+    };
+
+    const handleFeedDownConfirm = (data: any) => {
+      handleFeedBack({ url, token, CSRFToken }, { ...data, ...feedParam, restult: 0 }, () => {
+        setFeed(feedParam.queryId, 0);
+      });
+    };
+
+    const editDialog = (data: any) => {
+      const newLabel = data.new_name;
+      const oldLabel = curEditData.data.label;
+      if (newLabel && newLabel !== oldLabel) {
+        curEditData
+          .async_renameConversation(newLabel)
+          .then(() => {
+            curEditData.fn_renameItemInList(newLabel);
+            setisRenameModalOpen(false);
+          })
+          .catch(() => {
+            // 重命名失败
+          });
+      } else {
+        setisRenameModalOpen(false);
+      }
+    };
+
+    const editRemove = (data: any) => {
+      curEditData
+        .async_deleteConversation()
+        .then(() => {
+          curEditData.fn_removeItemFromList();
+          setisRemoveModalOpen(false);
+        })
+        .catch(() => {
+          // 删除失败
+        });
+    };
+
+    const handleEvent = (type: string, data?: any) => {
+      console.log(type, data);
+      switch (type) {
+        case 'close_remove':
+          setisRemoveModalOpen(false);
+          break;
+        case 'close_rename':
+          setisRenameModalOpen(false);
+          break;
+        case 'ok_rename':
+          editDialog(data);
+          break;
+        case 'ok_remove':
+          editRemove(data);
+          break;
+      }
+    };
+
+    // =================================================================
+    // Event Emitter - 事件分发器
+    // =================================================================
+
+    const getDataBaseData = async ({ url, params, replacePredataFunction }: any) => {
+      try {
+        const res = await axios.post(url, params, {
+          headers: { Authorization: token },
+        });
+        const data = res?.data?.data?.data;
+        if (data) {
+          replacePredataFunction(data);
+        }
+      } catch (error) {
+        console.log('error', error);
+      }
+    };
+
+    /**
+     * 统一事件分发器，连接业务逻辑与所有子组件的事件
+     * @param {string} eventName - 事件名称
+     * @param {any} data - 事件数据
+     */
+    const mergedEventsEmit = (eventName: string, data: any) => {
+      console.log(`[Event] ${eventName}`, data);
+      switch (eventName) {
+        case 'conversations:load_more': {
+          const hasMore = conversationList.length < convTotal;
+          if (hasMore && !convLoading) {
+            fetchConversationPage(convPageNo + 1);
+          }
+          break;
+        }
+        case 'retrieve-sql-data:pagingation_click':
+          const { page, pageSize, fetchUrl, source, replacePredataFunction } = data;
+          getDataBaseData({
+            url: `${url}${fetchUrl}`,
+            replacePredataFunction,
+            params: { pageNo: page, pageSize, convertedFilePath: source, stream: false },
+          });
+          break;
+        case 'web_referenceFile_title:click':
+          if (!data?.data?.link) return console.error('没有网页地址');
+          window.open(data.data.link, '_blank');
+          break;
+        // --- 对话列表事件 ---
+        case 'conversation:item_click':
+          handleItemClick(data);
+          break;
+
+        case 'files:finished_animation_complete':
+          setFileStatuses([]);
+          break;
+
+        case 'conversation:create':
+          handleConversationCreate(data);
+          break;
+        case 'conversation:new_assistant_change':
+          setNewAssistantId(data.assistantId);
+          break;
+        case 'conversations:rename_icon_clicked':
+          setCurEditData({
+            data,
+            async_renameConversation: (newLabel: string) =>
+              async_renameConversation(data.sessionId, newLabel),
+            fn_renameItemInList: (newLabel: string) =>
+              fn_renameItemInList(data.sessionId, newLabel),
+          });
+          setisRenameModalOpen(true);
+          break;
+        case 'conversations:delete_icon_clicked':
+          setCurEditData({
+            data,
+            async_deleteConversation: () => async_deleteConversation(data.sessionId),
+            async_refreshConversationList,
+            fn_removeItemFromList: () => fn_removeItemFromList(data.sessionId),
+          });
+          setisRemoveModalOpen(true);
+          break;
+        case 'sender:send':
+          handleSenderSend(data, data.clearFn);
+          break;
+        case 'sender:send_recommandQuestion': {
+          // 旧链路：来自 Sender 的推荐问题，可能已经在 AiChat 内转发为 sender:send
+          // 这里兜底处理，确保能直接触发发送
+          const content = (data?.content ?? '').toString();
+          if (!content) break;
+          handleSenderSend({ content }, () => {});
+          break;
+        }
+        case 'chatbox:follow_up_question_click': {
+          // 新链路：来自 ChatMessageAdapter 的追问点击
+          const content = (data?.question ?? data?.content ?? '').toString();
+          if (!content) break;
+          handleSenderSend({ content }, () => {});
+          break;
+        }
+        case 'sender:stop':
+          setStopFlag(); // 使用 hook 提供的停止函数
+          if (uploadController) {
+            uploadController.abort();
+            uploadController = null;
+          }
+          if (stopPoll) {
+            stopPoll();
+            stopPoll = null;
+          }
+          setAppStatus(pre => ({ ...pre, display: 'ready', sender: 'ready' }));
+          setFileStatuses([]);
+          stopStream?.();
+          break;
+        case 'sender:clear':
+          data.clearFn?.();
+          break;
+        case 'sender:configChange':
+          // 配置项变化，记录最新 switch 状态
+          if (data && data.all) {
+            setSenderSwitchValues(data.all);
+          }
+          break;
+        case 'sender:action_upload':
+          // 触发文件上传按钮点击，打开文件选择对话框
+          if (fileInputRef.current) {
+            fileInputRef.current.click();
+          }
+          break;
+        case 'sender:action_history':
+          // 打开文件管理器 Modal
+          setFileManagerOpen(true);
+          break;
+        case 'uploaded_file:item_click': {
+          // 处理文件列表项点击，关闭 Popover（chat 模块使用 AiChat 内置右侧栏，不需要预览 Drawer）
+          // 注意：setFileListPopoverOpen 由 useFileDisplayTools hook 管理，这里通过 eventsEmit 触发关闭
+          // 可以在这里添加其他处理逻辑，比如在右侧栏显示文件详情
+          break;
+        }
+
+        // --- 消息卡片事件 ---
+        case 'action_copy:click':
+          if (data) {
+            toCopy(data.content, data.event);
+          }
+          break;
+        case 'chatbox:copy': {
+          const text = data?.content || '';
+          if (!text) break;
+          // 直接使用 Clipboard API，避免依赖 event.currentTarget
+          const copyByClipboardApi = async (t: string) => {
+            try {
+              await navigator.clipboard.writeText(t);
+              message.success('已复制到剪贴板');
+              return true;
+            } catch (_) {
+              return false;
+            }
+          };
+          const fallbackCopy = (t: string) => {
+            const textarea = document.createElement('textarea');
+            textarea.value = t;
+            textarea.style.position = 'fixed';
+            textarea.style.opacity = '0';
+            document.body.appendChild(textarea);
+            textarea.focus();
+            textarea.select();
+            try {
+              document.execCommand('copy');
+              message.success('已复制到剪贴板');
+            } catch (_) {
+              message.error('复制失败');
+            }
+            document.body.removeChild(textarea);
+          };
+          copyByClipboardApi(text).then(ok => {
+            if (!ok) fallbackCopy(text);
+          });
+          break;
+        }
+        case 'chatbox:repeat':
+          console.log(data, 'sdkflskdjflksdjfklsdjlfkjsdklfjsdklfjlks');
+          handleReSenderSend(data);
+          break;
+        case 'action_thumbsup':
+          handleThumbsup(data);
+          break;
+        case 'chatbox:like':
+          handleThumbsup({ queryId: data?.queryId, restult: data?.result });
+          break;
+        case 'action_thumbsdown':
+          if (data.restult === 0) {
+            handleCancelFeedBack({ url, token, CSRFToken }, { queryId: data.queryId }, () => {
+              setFeed(data.queryId, null);
+            });
+          } else {
+            setFeedParam(data);
+            setOpenFeed(true);
+          }
+          break;
+        case 'chatbox:dislike':
+          if (data?.result === 0) {
+            handleCancelFeedBack({ url, token, CSRFToken }, { queryId: data.queryId }, () => {
+              setFeed(data.queryId, null);
+            });
+          } else {
+            setFeedParam({ queryId: data?.queryId });
+            setOpenFeed(true);
+          }
+          break;
+        case 'action_retrive_tag':
+          // 处理 retrive-tag 点击事件，透传给父组件
+          eventsEmit?.('action_retrive_tag', data);
+          break;
+        case 'referenceFile_view':
+          // 处理文件预览事件，透传给父组件
+          eventsEmit?.('referenceFile_view', data);
+          break;
+        case 'referenceFile_question':
+          // 处理单文档对话事件，透传给父组件
+          console.log(data, 'zhezhhzhzh');
+          eventsEmit?.('referenceFile_question', data);
+          break;
+        case 'referenceFile_download':
+          // 处理文件下载事件，透传给父组件
+          eventsEmit?.('referenceFile_download', data);
+          break;
+        case 'references:click': {
+          // 使用 AiChat 内置的右侧栏事件
+          const Content = () => {
+            // const safe = (() => {
+            //   try {
+            //     return typeof data === 'string' ? data : JSON.stringify(data, null, 2);
+            //   } catch (e) {
+            //     return String(data);
+            //   }
+            // })();
+            return (
+              <ReferenceBar
+                type={DrawerType.REFERENCELIST}
+                data={data}
+                token={token}
+                eventsEmit={eventsEmit}
+                is_download={is_download}
+              />
+            );
+          };
+          const setContentEvent = new CustomEvent('aichat:right_set_content', {
+            detail: { content: <Content /> },
+          });
+          window.dispatchEvent(setContentEvent);
+          const openEvent = new CustomEvent('aichat:right_set', {
+            detail: { collapsed: false },
+          });
+          window.dispatchEvent(openEvent);
+          break;
+        }
+        case 'retrive_tag:click':
+          // 处理 retrive-tag 点击事件，透传给父组件
+          eventsEmit?.('retrive_tag:click', data);
+          break;
+        // --- 文件管理器事件 ---
+        case 'fileManager:change': {
+          // 保存核心组件传递的文件处理函数引用
+          if (typeof data?.setUploadedFiles === 'function') {
+            setUploadedFilesRef.current = data.setUploadedFiles;
+            removeFileRef.current = data.removeFile;
+          }
+          break;
+        }
+
+        // --- 文件管理器上传文件删除事件，透传到业务层 ---
+        case 'uploaded_file:removeFromTemp': {
+          console.log('[DEBUG] mergedEventsEmit uploaded_file:removeFromTemp 事件', data);
+
+          const uid = data?.file?.uid;
+          if (!uid) {
+            console.warn('[DEBUG] 缺少uid，无法删除临时文件', data);
+            break;
+          }
+          // 获取当前对话最后一条用户消息的 queryId
+          const lastUserMsg = [...(currentChatData?.messages || [])]
+            .reverse()
+            .find((msg: any) => msg.istype === 'user');
+          const queryId = lastUserMsg?.queryId;
+
+          // 使用统一的文件删除处理函数
+          handleRemoveFromTemp(uid, queryId);
+          break;
+        }
+        case 'uploaded_file:remove_batch':
+          break;
+
+        default:
+          // 其他未处理事件可继续向上层抛出
+          eventsEmit?.(eventName, data);
+      }
+    };
+
+    // =================================================================
+    // Component & UI Configuration - 组件及UI配置
+    // =================================================================
+
+    /**
+     * Sidebar 配置
+     */
+    const sidebar: SidebarTabConfig[] = [
+      {
+        key: 'conversations',
+        type: 'custom',
+        label: '对话历史',
+        icon: <History size={16} />,
+        enabled: true,
+        component: (
+          <GientechConversationPanel
+            data={conversationList}
+            assistantList={assistantList}
+            activedItem={activeSessionId || ''}
+            hasMore={conversationList.length < convTotal}
+            loadingMore={convLoading}
+            sortRules={[
+              { label: '当天', dayPeriod: 1 },
+              { label: '3天', dayPeriod: 3 },
+              { label: '7天', dayPeriod: 7 },
+              { label: '30天', dayPeriod: 30 },
+            ]}
+            eventsEmit={mergedEventsEmit}
+            styles={normalizedStyles.theme}
+          />
+        ),
+      },
+    ];
+
+    /**
+     * 业务层自定义组件
+     */
+    const WelcomeComponent = React.useCallback(() => {
+      return (
+        <GientechNewChatWelcome
+          eventsEmit={mergedEventsEmit}
+          assistantList={assistantList}
+          styles={normalizedStyles}
+          selectedId={selectedAssistantId}
+          onSelectAssistant={setSelectedAssistantId}
+          productLogo={rest?.productLogo}
+        />
+      );
+    }, [mergedEventsEmit, assistantList, normalizedStyles, selectedAssistantId, rest?.productLogo]);
+
+    const businessCustomComponents = React.useMemo(
+      () => ({
+        AiChatBox: (msg: any, idx: number) => {
+          const isLastMessage = idx === (currentChatData?.messages?.length || 0) - 1;
+
+          // 根据消息的 status 和 appStatus 来确定 displayStatus
+          let displayStatus = 'ready';
+          if (isLastMessage) {
+            // 优先使用消息的 status 字段
+            if (msg.status !== undefined) {
+              switch (msg.status) {
+                case 0: // StatusType.Pending
+                  displayStatus = 'thinking';
+                  break;
+                case 1: // StatusType.Process
+                  displayStatus = 'processing';
+                  break;
+                case 2: // StatusType.Done
+                  displayStatus = 'ready';
+                  break;
+                case 3: // StatusType.Error
+                  displayStatus = 'error';
+                  break;
+                default:
+                  displayStatus = appStatus.display;
+              }
+            } else {
+              // 如果没有 status 字段，使用 appStatus.display
+              displayStatus = appStatus.display;
+            }
+          }
+          // 将推荐问题强制转换为数组，避免切换会话时报 .map 错误
+          let safeFollowUps: string[] = [];
+          if (Array.isArray(recommandQuestions)) {
+            safeFollowUps = recommandQuestions as string[];
+          } else if (typeof recommandQuestions === 'string') {
+            try {
+              safeFollowUps = JSON.parse(recommandQuestions) || [];
+            } catch {
+              safeFollowUps = [];
+            }
+          }
+          // 保证传入 ChatMessageAdapter 的 reference/webReference/graphReference 始终是有效的 JSON 字符串
+          const safeReference = (() => {
+            const r = (msg as any)?.reference;
+            if (!r) return '[]';
+            if (typeof r === 'string') {
+              try {
+                JSON.parse(r);
+                return r;
+              } catch {
+                return '[]';
+              }
+            }
+            try {
+              return JSON.stringify(r);
+            } catch {
+              return '[]';
+            }
+          })();
+          const safeWebReference = (() => {
+            const r = (msg as any)?.webReference;
+            if (!r) return '[]';
+            if (typeof r === 'string') {
+              try {
+                JSON.parse(r);
+                return r;
+              } catch {
+                return '[]';
+              }
+            }
+            try {
+              return JSON.stringify(r);
+            } catch {
+              return '[]';
+            }
+          })();
+          const safeGraphReference = (() => {
+            const r = (msg as any)?.graphReference;
+            if (!r) return '[]';
+            if (typeof r === 'string') {
+              try {
+                JSON.parse(r);
+                return r;
+              } catch {
+                return '[]';
+              }
+            }
+            try {
+              return JSON.stringify(r);
+            } catch {
+              return '[]';
+            }
+          })();
+          return (
+            <ChatMessageAdapter
+              key={`${msg?.queryId || msg?.id || idx}-${msg?.istype || 'unknown'}`}
+              {...msg}
+              referenceMode="button"
+              reference={safeReference}
+              webReference={safeWebReference}
+              graphReference={safeGraphReference}
+              contentType="stream" // 添加 contentType 确保 slateContent 能正确生成
+              displayStatus={displayStatus}
+              eventsEmit={mergedEventsEmit}
+              // 仅最后一条 AI 消息展示追问
+              isLast={isLastMessage && msg?.istype === 'ai'}
+              followUpQuestions={isLastMessage && msg?.istype === 'ai' ? safeFollowUps : []}
+              defaultAnswer={
+                currentChatData?.searchConfigDTO?.defaultAnswer ||
+                '不知道什么原因我们没能查到你要的问题*-*'
+              }
+              is_download={is_download}
+              styles={normalizedStyles as any}
+            />
+          );
+        },
+        LogoBox: (props: any) => {
+          if (props && props.LogoBox === null) return null;
+          if (props && typeof props.LogoBox === 'function') return <props.LogoBox />;
+          return <div className="text-2xl w-full text-center font-bold">小鲸智能助手</div>;
+        },
+        DisplayLoading: () => <DisplayLoading />,
+        DisplayError: () => <DisplayError />,
+        AppError: () => (
+          <AppError
+            msg="应用初始化失败"
+            subMsg="无法完成应用初始化，这可能是由于网络连接问题或服务配置错误导致的。请检查您的网络连接并重试。"
+          />
+        ),
+        AppLoading: () => (
+          <AppLoading
+            title={rest?.appLoadingConfig?.title}
+            subtitle={rest?.appLoadingConfig?.subtitle || ''}
+          />
+        ),
+        UserChatBox: (msg: any, idx: number) => {
+          return (
+            <ChatMessageAdapter
+              key={`${msg?.queryId || msg?.id || idx}-user`}
+              {...msg}
+              referenceMode="button"
+              contentType="plainText"
+              isUser={true}
+              displayStatus="ready"
+              eventsEmit={mergedEventsEmit}
+              styles={normalizedStyles as any}
+              fileManagerData={fileManagerData}
+            />
+          );
+        },
+        WelcomeComponent,
+      }),
+      [
+        WelcomeComponent,
+        currentChatData,
+        appStatus.display,
+        mergedEventsEmit,
+        normalizedStyles,
+        is_download,
+        fileManagerData,
+      ]
+    );
+
+    /**
+     * 合并外部传入和业务默认的自定义组件，外部优先
+     */
+    const mergedCustomComponents: { [key: string]: any } = {
+      ...businessCustomComponents,
+      ...(rest.CustomComponents || {}),
+    };
+
+    useEffect(() => {
+      setDynamicSenderConfig((prev: any) => {
+        const switchs = Array.isArray(prev.switchs)
+          ? prev.switchs.map((item: any) =>
+              item.name === 'reasoning' ? { ...item, enabled: is_enableThinking } : item
+            )
+          : [];
+        return {
+          ...prev,
+          switchs,
+        };
+      });
+    }, [is_enableThinking]);
+    // =================================================================
+    // Render - 渲染
+    // =================================================================
+
+    // 使用统一的文件展示工具 Hook
+    const { FileDisplayTools, setFileListPopoverOpen } = useFileDisplayTools({
+      fileManagerData,
+      styles: normalizedStyles,
+      eventsEmit: mergedEventsEmit,
+    });
+
+    // 处理文件选择
+    const handleFileSelect = (e: React.ChangeEvent<HTMLInputElement>) => {
+      const files = e.target.files;
+      if (files && files.length > 0) {
+        // 通过 setUploadedFilesRef 直接设置文件到 aichat 内部
+        // 这个 ref 在 fileManager:change 事件中设置
+        if (setUploadedFilesRef.current) {
+          const fileList = Array.from(files).map(file => ({
+            file,
+            type: file.type.startsWith('image/') ? ('image' as const) : ('document' as const),
+          }));
+          setUploadedFilesRef.current(fileList);
+        } else {
+          // 如果 ref 还没有设置，通过 eventsEmit 发送事件给 aichat
+          // 创建一个 FileList 对象来模拟文件选择
+          const fileArray = Array.from(files);
+          // 通过 eventsEmit 发送文件上传事件，aichat 内部会处理
+          // 注意：这里需要等待 aichat 初始化完成，所以使用 setTimeout
+          setTimeout(() => {
+            if (setUploadedFilesRef.current) {
+              const fileList = fileArray.map(file => ({
+                file,
+                type: file.type.startsWith('image/') ? ('image' as const) : ('document' as const),
+              }));
+              setUploadedFilesRef.current(fileList);
+            }
+          }, 100);
+        }
+      }
+      // 清空 input，以便可以重复选择同一文件
+      if (fileInputRef.current) {
+        fileInputRef.current.value = '';
+      }
+    };
+
+    return (
+      <div style={{ height: '100%', minWidth: '1116px', overflow: 'hidden' }}>
+        {/* 隐藏的文件上传input */}
+        <input
+          ref={fileInputRef}
+          type="file"
+          multiple
+          accept="image/*,.pdf,.doc,.docx,.ppt,.pptx,.xls,.xlsx,.txt,.md,.json,.csv,.zip,.rar,.7z"
+          style={{ display: 'none' }}
+          onChange={handleFileSelect}
+        />
+        {/* 右侧栏由 AiChat 内置事件控制，此处不再使用 antd Drawer */}
+
+        <WrappedComponent
+          {...rest}
+          status={appStatus}
+          chatData={currentChatData}
+          sidebar={sidebar}
+          recommandQuestions={[]}
+          eventsEmit={mergedEventsEmit}
+          styles={normalizedStyles as any}
+          senderConfig={dynamicSenderConfig}
+          fileUploadStatus={fileStatuses}
+          CustomComponents={mergedCustomComponents}
+          activeSessionId={activeSessionId}
+          scrollOld={scrollOld}
+          rightbarWidth={'400px'}
+          chatHeader={{
+            title: currentChatData?.label || '新对话',
+            tools: FileDisplayTools,
+          }}
+        />
+        <FeedBackModal
+          open={openFeed}
+          feedBackList={feedBackList}
+          setOpen={setOpenFeed}
+          handleConfirm={handleFeedDownConfirm}
+        />
+        <RenameModal
+          isModalOpen={isRenameModalOpen}
+          handleOk={handleEvent}
+          handleCancel={() => handleEvent('close_rename')}
+          data={curEditData?.data || {}}
+        />
+        <DeleteModal
+          isModalOpen={isRemoveModalOpen}
+          handleOk={handleEvent}
+          handleCancel={() => handleEvent('close_remove')}
+          data={curEditData?.data || {}}
+        />
+        <FileManager
+          open={fileManagerOpen}
+          onCancel={() => setFileManagerOpen(false)}
+          files={fileManagerData.uploadedFiles || []}
+          currentFiles={[]}
+          styles={normalizedStyles}
+          eventsEmit={mergedEventsEmit}
+          onUpload={(fileList) => {
+            // 处理 FileManager 中的文件上传
+            if (setUploadedFilesRef.current) {
+              const fileArray = Array.from(fileList);
+              const fileListWithType = fileArray.map(file => ({
+                file,
+                type: file.type.startsWith('image/') ? ('image' as const) : ('document' as const),
+              }));
+              setUploadedFilesRef.current(fileListWithType);
+            } else {
+              // 如果 ref 还没有设置，通过触发 fileInput 来处理
+              if (fileInputRef.current) {
+                // 创建一个 DataTransfer 对象来模拟文件选择
+                const dataTransfer = new DataTransfer();
+                Array.from(fileList).forEach(file => {
+                  dataTransfer.items.add(file);
+                });
+                fileInputRef.current.files = dataTransfer.files;
+                const event = new Event('change', { bubbles: true });
+                fileInputRef.current.dispatchEvent(event);
+              }
+            }
+          }}
+        />
+      </div>
+    );
+  };
+}
+
+// 重新导出 registerPDFWorker，方便用户从 chat 模块引入
+export { registerPDFWorker } from '@mxmweb/fviewer';