diff --git a/components/carnet/navigation.tsx b/components/carnet/navigation.tsx
index c53707bf..36fe7031 100644
--- a/components/carnet/navigation.tsx
+++ b/components/carnet/navigation.tsx
@@ -64,6 +64,7 @@ export default function Navigation({ nextcloudFolders, onFolderSelect }: Navigat
       const response = await fetch('/api/nextcloud/files?folder=Contacts');
       if (response.ok) {
         const files = await response.json();
+        console.log('Received files:', files); // Debug log
         // Filter for VCF files and map to ContactFile interface
         const vcfFiles = files
           .filter((file: any) => file.basename.endsWith('.vcf'))
@@ -73,6 +74,7 @@ export default function Navigation({ nextcloudFolders, onFolderSelect }: Navigat
             basename: file.basename,
             lastmod: file.lastmod
           }));
+        console.log('Processed VCF files:', vcfFiles); // Debug log
         setContactFiles(vcfFiles);
       }
     } catch (error) {
@@ -89,6 +91,11 @@ export default function Navigation({ nextcloudFolders, onFolderSelect }: Navigat
     }
   }, [expandedContacts]);
 
+  // Debug log for contactFiles state
+  useEffect(() => {
+    console.log('Current contactFiles state:', contactFiles);
+  }, [contactFiles]);
+
   return (
     <div className="flex flex-col h-full bg-carnet-sidebar">
       {/* Search */}
@@ -147,15 +154,18 @@ export default function Navigation({ nextcloudFolders, onFolderSelect }: Navigat
                     ) : contactFiles.length === 0 ? (
                       <div className="px-3 py-2 text-sm text-carnet-text-muted">Aucun contact</div>
                     ) : (
-                      contactFiles.map((file) => (
-                        <button
-                          key={file.id}
-                          onClick={() => onFolderSelect(`Contacts/${file.basename}`)}
-                          className="w-full flex items-center space-x-2 px-3 py-2 text-sm rounded-md text-carnet-text-muted hover:bg-carnet-hover"
-                        >
-                          <span>{file.basename.replace('.vcf', '')}</span>
-                        </button>
-                      ))
+                      contactFiles.map((file) => {
+                        console.log('Rendering contact file:', file); // Debug log
+                        return (
+                          <button
+                            key={file.id}
+                            onClick={() => onFolderSelect(`Contacts/${file.basename}`)}
+                            className="w-full flex items-center space-x-2 px-3 py-2 text-sm rounded-md text-carnet-text-muted hover:bg-carnet-hover"
+                          >
+                            <span>{file.basename.replace('.vcf', '')}</span>
+                          </button>
+                        );
+                      })
                     )}
                   </div>
                 )}