Neah version mail design fix 5 bis a

app/mail/page.tsx

@@ -982,6 +982,25 @@ export default function MailPage() {
     </nav>
   );
 
+  // Add debug component to help track state
+  const DebugInfo = () => {
+    if (process.env.NODE_ENV !== 'development') return null;
+    
+    return (
+      <div className="fixed bottom-4 right-4 bg-black/80 text-white p-4 rounded-lg text-xs">
+        <div>Current view: {currentView}</div>
+        <div>Total emails: {emails.length}</div>
+        <div>Categories present: {
+          [...new Set(emails.map(e => e.folder))].join(', ')
+        }</div>
+        <div>Selected emails: {selectedEmails.length}</div>
+        <div>Flags present: {
+          [...new Set(emails.flatMap(e => e.flags || []))].join(', ')
+        }</div>
+      </div>
+    );
+  };
+
   if (error) {
     return (
       <div className="flex h-[calc(100vh-theme(spacing.12))] items-center justify-center bg-gray-100 mt-12">