debug: Ajout de logs supplémentaires pour diagnostiquer le problème de chargement

- Logs détaillés dans getFolderResults avec gestion d'erreur
- Logs des headers de réponse HTTP
- Logs dans loadFolderResults du store
- Gestion d'erreur complète avec try/catch

Fixes: Diagnostic approfondi du problème de chargement des documents

src/services/folderApi.ts

@@ -66,11 +66,11 @@ export async function createFolder(): Promise<CreateFolderResponse> {
       'Content-Type': 'application/json',
     },
   })
-  
+
   if (!response.ok) {
     throw new Error(`Erreur lors de la création du dossier: ${response.statusText}`)
   }
-  
+
   return response.json()
 }
 
@@ -82,11 +82,11 @@ export async function createDefaultFolder(): Promise<CreateFolderResponse> {
       'Content-Type': 'application/json',
     },
   })
-  
+
   if (!response.ok) {
     throw new Error(`Erreur lors de la création du dossier par défaut: ${response.statusText}`)
   }
-  
+
   return response.json()
 }
 
@@ -105,28 +105,36 @@ export async function getFolderResults(folderHash: string): Promise<FolderRespon
   console.log(`[API] Appel getFolderResults pour le dossier: ${folderHash}`)
   console.log(`[API] URL: ${API_BASE_URL}/folders/${folderHash}/results`)
   
-  const response = await fetch(`${API_BASE_URL}/folders/${folderHash}/results`)
+  try {
-  
+    const response = await fetch(`${API_BASE_URL}/folders/${folderHash}/results`)
-  console.log(`[API] Réponse reçue:`, response.status, response.statusText)
+    
-  
+    console.log(`[API] Réponse reçue:`, response.status, response.statusText)
-  if (!response.ok) {
+    console.log(`[API] Headers:`, Object.fromEntries(response.headers.entries()))
-    throw new Error(`Erreur lors de la récupération des résultats du dossier: ${response.statusText}`)
+    
+    if (!response.ok) {
+      console.error(`[API] Erreur HTTP:`, response.status, response.statusText)
+      throw new Error(`Erreur lors de la récupération des résultats du dossier: ${response.statusText}`)
+    }
+    
+    const data = await response.json()
+    console.log(`[API] Données reçues:`, data)
+    console.log(`[API] Nombre de résultats:`, data.results?.length || 0)
+    
+    return data
+  } catch (error) {
+    console.error(`[API] Erreur lors de l'appel API:`, error)
+    throw error
   }
-  
-  const data = await response.json()
-  console.log(`[API] Données reçues:`, data)
-  
-  return data
 }
 
 // Récupérer un fichier original depuis un dossier
 export async function getFolderFile(folderHash: string, fileHash: string): Promise<Blob> {
   const response = await fetch(`${API_BASE_URL}/folders/${folderHash}/files/${fileHash}`)
-  
+
   if (!response.ok) {
     throw new Error(`Erreur lors de la récupération du fichier: ${response.statusText}`)
   }
-  
+
   return response.blob()
 }
 
@@ -135,15 +143,15 @@ export async function uploadFileToFolder(file: File, folderHash: string): Promis
   const formData = new FormData()
   formData.append('document', file)
   formData.append('folderHash', folderHash)
-  
+
   const response = await fetch(`${API_BASE_URL}/extract`, {
     method: 'POST',
     body: formData,
   })
-  
+
   if (!response.ok) {
     throw new Error(`Erreur lors de l'upload: ${response.statusText}`)
   }
-  
+
   return response.json()
 }

src/store/documentSlice.ts

@@ -195,7 +195,15 @@ export const createDefaultFolderThunk = createAsyncThunk(
 export const loadFolderResults = createAsyncThunk(
   'document/loadFolderResults',
   async (folderHash: string) => {
-    return await getFolderResults(folderHash)
+    console.log(`[STORE] loadFolderResults appelé avec folderHash: ${folderHash}`)
+    try {
+      const result = await getFolderResults(folderHash)
+      console.log(`[STORE] loadFolderResults résultat:`, result)
+      return result
+    } catch (error) {
+      console.error(`[STORE] loadFolderResults erreur:`, error)
+      throw error
+    }
   }
 )