feat(会话管理): 增强会话删除功能，添加删除状态管理与安全性检查

src/components/SessionList/SessionList.tsx

@@ -159,6 +159,7 @@ const SessionList: React.FC<SessionListProps> = ({ onSessionLoad }) => {
   // Batch selection state
   const [isSelectionMode, setIsSelectionMode] = useState(false);
   const [selectedSessionIds, setSelectedSessionIds] = useState<Set<string>>(new Set());
+  const [deletingSessionIds, setDeletingSessionIds] = useState<Set<string>>(new Set());
 
   /**
    * Handle creating a new session
@@ -187,6 +188,9 @@ const SessionList: React.FC<SessionListProps> = ({ onSessionLoad }) => {
   const handleDeleteSession = async (sessionId: string, e: React.MouseEvent) => {
     // Stop propagation to prevent loading the session
     e.stopPropagation();
+    if (deletingSessionIds.has(sessionId)) return;
+
+    setDeletingSessionIds((current) => new Set(current).add(sessionId));
 
     try {
       // 调用 chatStore 的 deleteSession (内部会调用后端 API)
@@ -195,6 +199,12 @@ const SessionList: React.FC<SessionListProps> = ({ onSessionLoad }) => {
       antdMessage.success('成功删除会话及其关联的所有文档');
     } catch {
       antdMessage.error('删除会话失败，请重试');
+    } finally {
+      setDeletingSessionIds((current) => {
+        const next = new Set(current);
+        next.delete(sessionId);
+        return next;
+      });
     }
   };
 
@@ -239,12 +249,15 @@ const SessionList: React.FC<SessionListProps> = ({ onSessionLoad }) => {
       return;
     }
 
+    const sessionIds = Array.from(selectedSessionIds);
+    setDeletingSessionIds(new Set(sessionIds));
+
     try {
       let successCount = 0;
       let failedCount = 0;
 
       // 逐个调用 deleteSession (内部会调用后端 API)
-      for (const sessionId of Array.from(selectedSessionIds)) {
+      for (const sessionId of sessionIds) {
         try {
           await deleteSession(sessionId);
           successCount++;
@@ -264,6 +277,12 @@ const SessionList: React.FC<SessionListProps> = ({ onSessionLoad }) => {
       }
     } catch {
       antdMessage.error('批量删除失败，请重试');
+    } finally {
+      setDeletingSessionIds((current) => {
+        const next = new Set(current);
+        sessionIds.forEach((sessionId) => next.delete(sessionId));
+        return next;
+      });
     }
   };
 
@@ -275,6 +294,7 @@ const SessionList: React.FC<SessionListProps> = ({ onSessionLoad }) => {
     const messageCount = session.messages.length;
     const exportCount = session.exportRecords.length;
     const isSelected = selectedSessionIds.has(session.id);
+    const isDeleting = deletingSessionIds.has(session.id);
 
     return (
       <List.Item
@@ -329,6 +349,8 @@ const SessionList: React.FC<SessionListProps> = ({ onSessionLoad }) => {
               onClick={(e) => e.stopPropagation()}
               style={{ marginRight: '8px' }}
               aria-label="删除会话"
+              loading={isDeleting}
+              disabled={isDeleting}
             />
           </Popconfirm>
         )}

src/services/sessionService.ts

@@ -54,7 +54,18 @@ export interface ListDocumentsResponse {
  * @returns 删除结果
  */
 export async function deleteSessionHistory(sessionId: string): Promise<DeleteSessionResponse> {
-  const response = await apiClient.delete<DeleteSessionResponse>(`/api/v1/documents/${sessionId}`);
+  const hasUnsafeCharacter = Array.from(sessionId).some((character) => {
+    const codePoint = character.codePointAt(0) ?? 0;
+    return codePoint < 32 || codePoint === 127 || character === '/' || character === '\\';
+  });
+
+  if (!sessionId || sessionId.length > 128 || hasUnsafeCharacter) {
+    throw new Error('无效的会话 ID');
+  }
+
+  const response = await apiClient.delete<DeleteSessionResponse>(
+    `/api/v1/documents/${encodeURIComponent(sessionId)}`
+  );
   return response.data;
 }
 

src/stores/chatStore.ts

@@ -291,96 +291,35 @@ export const useChatStore = create<ChatStoreState>((set, get) => ({
    * @param sessionId - Session ID to delete
    */
   deleteSession: async (sessionId: string) => {
-    try {
-      // ⭐ 在删除前先获取会话信息，用于后续判断是否需要关闭编辑器
-      const sessionToDelete = get().sessions.find((s) => s.id === sessionId);
-
-      // 调用后端 API 删除会话的所有文档
-      const { deleteSessionHistory } = await import('../services/sessionService');
-      await deleteSessionHistory(sessionId);
-
-      // 删除成功后,从本地状态中移除
-      set((state) => {
-        const updatedSessions = state.sessions.filter((s) => s.id !== sessionId);
-        saveSessionsToStorage(updatedSessions);
-
-        // If deleting current session, clear current session
-        const newCurrentSessionId =
-          state.currentSessionId === sessionId ? null : state.currentSessionId;
-
-        return {
-          currentSessionId: newCurrentSessionId,
-          sessions: updatedSessions,
-          messages: newCurrentSessionId === null ? [] : state.messages,
-        };
-      });
-
-      // ⭐ 新增逻辑: 检查编辑器中是否打开了该会话的文档
-      // 如果是，关闭编辑器并返回导出记录面板
-      if (sessionToDelete) {
-        const { useEditorStore } = await import('./editorStore');
-        const { useUIStore } = await import('./uiStore');
-        const editorState = useEditorStore.getState();
-        const uiState = useUIStore.getState();
-
-        // 检查当前打开的文档是否属于被删除的会话
-        // 通过检查 documentId 是否在被删除会话的 exportRecords 中
-        if (editorState.documentId) {
-          const isDocumentFromSession = sessionToDelete.exportRecords.some(
-            (record) => record.documentId === editorState.documentId
-          );
-
-          if (isDocumentFromSession) {
-            // 1. 关闭编辑器状态
-            editorState.reset();
-            // 2. 关闭文档预览，返回导出记录面板
-            uiState.closeDocumentPreview();
-            message.info('已关闭编辑器中的文档');
-          }
-        }
-      }
-    } catch (error) {
-      // ⭐ 在删除前先获取会话信息
-      const sessionToDelete = get().sessions.find((s) => s.id === sessionId);
+    const sessionToDelete = get().sessions.find((s) => s.id === sessionId);
+    if (!sessionToDelete) return;
 
-      // 即使后端删除失败,也从本地状态中移除(因为可能是网络问题)
-      set((state) => {
-        const updatedSessions = state.sessions.filter((s) => s.id !== sessionId);
-        saveSessionsToStorage(updatedSessions);
+    const { deleteSessionHistory } = await import('../services/sessionService');
+    await deleteSessionHistory(sessionId);
 
-        const newCurrentSessionId =
-          state.currentSessionId === sessionId ? null : state.currentSessionId;
-
-        return {
-          currentSessionId: newCurrentSessionId,
-          sessions: updatedSessions,
-          messages: newCurrentSessionId === null ? [] : state.messages,
-        };
-      });
-
-      // ⭐ 错误情况下也需要关闭编辑器并返回导出记录面板
-      if (sessionToDelete) {
-        const { useEditorStore } = await import('./editorStore');
-        const { useUIStore } = await import('./uiStore');
-        const editorState = useEditorStore.getState();
-        const uiState = useUIStore.getState();
-
-        if (editorState.documentId) {
-          const isDocumentFromSession = sessionToDelete.exportRecords.some(
-            (record) => record.documentId === editorState.documentId
-          );
+    set((state) => {
+      const updatedSessions = state.sessions.filter((s) => s.id !== sessionId);
+      saveSessionsToStorage(updatedSessions);
+      const newCurrentSessionId =
+        state.currentSessionId === sessionId ? null : state.currentSessionId;
 
-          if (isDocumentFromSession) {
-            // 1. 关闭编辑器状态
-            editorState.reset();
-            // 2. 关闭文档预览，返回导出记录面板
-            uiState.closeDocumentPreview();
-            message.info('已关闭编辑器中的文档');
-          }
-        }
-      }
+      return {
+        currentSessionId: newCurrentSessionId,
+        sessions: updatedSessions,
+        messages: newCurrentSessionId === null ? [] : state.messages,
+      };
+    });
 
-      throw error; // 重新抛出错误供调用者处理
+    const { useEditorStore } = await import('./editorStore');
+    const { useUIStore } = await import('./uiStore');
+    const editorState = useEditorStore.getState();
+    if (
+      editorState.documentId &&
+      sessionToDelete.exportRecords.some((record) => record.documentId === editorState.documentId)
+    ) {
+      editorState.reset();
+      useUIStore.getState().closeDocumentPreview();
+      message.info('已关闭编辑器中的文档');
     }
   },