courrier multi account

app/courrier/page.tsx

@@ -617,7 +617,7 @@ export default function CourrierPage() {
           <div className="flex h-full bg-carnet-bg">
             {/* Sidebar */}
             <div className={`${sidebarOpen ? 'w-60' : 'w-16'} bg-white/95 backdrop-blur-sm border-r border-gray-100 flex flex-col transition-all duration-300 ease-in-out
-                          ${mobileSidebarOpen ? 'fixed inset-y-0 left-0 z-40' : 'hidden'} md:block`}>
+                          ${mobileSidebarOpen ? 'fixed inset-y-0 left-0 z-40' : ''} md:block`}>
               {/* Courrier Title */}
               <div className="p-3 border-b border-gray-100">
                 <div className="flex items-center gap-2">
@@ -680,6 +680,13 @@ export default function CourrierPage() {
                     </Button>
                   </div>
                   
+                  {/* Debug info */}
+                  <div className="text-xs text-red-500 p-1 border border-red-300 mb-2 bg-red-50 rounded">
+                    Accounts: {accounts.length}, 
+                    Selected: {selectedAccount?.id || 'none'}, 
+                    ShowFolders: {String(showFolders)}
+                  </div>
+                
                   {/* Form for adding a new account */}
                   {showAddAccountForm && (
                     <div className="mb-3 p-2 border border-gray-200 rounded-md bg-gray-50">
@@ -942,6 +949,13 @@ export default function CourrierPage() {
                       </Button>
                     </div>
                     
+                    {/* Debug info */}
+                    <div className="text-xs text-blue-500 p-1 border border-blue-300 mb-2 bg-blue-50 rounded">
+                      Selected: {selectedAccount.id || 'none'}<br />
+                      Has Folders: {String(!!selectedAccount.folders)}<br />
+                      Folder Count: {selectedAccount.folders.length || 0}
+                    </div>
+                    
                     {selectedAccount.folders.map((folder) => (
                       <Button
                         key={folder}
@@ -962,6 +976,15 @@ export default function CourrierPage() {
                     ))}
                   </div>
                 )}
+                
+                {/* Fallback for no folders or account */}
+                {(!selectedAccount || !selectedAccount.folders || selectedAccount.folders.length === 0) && (
+                  <div className="p-3">
+                    <div className="text-xs text-gray-500 italic p-2">
+                      No folders available for this account.
+                    </div>
+                  </div>
+                )}
               </ScrollArea>
             </div>