From c42bca76f37ef935217dbc4fa6201718af27316b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Cau=C3=AA=20Faleiros?= <cauefaleiros@gmail.com>
Date: Wed, 25 Feb 2026 15:58:39 -0300
Subject: [PATCH] fix: add safety checks to Layout and continue debugging blank
 page

---
 components/Layout.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/components/Layout.tsx b/components/Layout.tsx
index 4cbd84c..0bb306b 100644
--- a/components/Layout.tsx
+++ b/components/Layout.tsx
@@ -83,10 +83,12 @@ export const Layout: React.FC<{ children: React.ReactNode, currentUser: User }>
           {/* User Profile Mini */}
           <div className="p-4 border-t border-slate-100">
             <div className="flex items-center gap-3 p-2 rounded-lg bg-slate-50 border border-slate-100">
-              <img src={currentUser.avatar_url} alt="User" className="w-10 h-10 rounded-full object-cover" />
+              <img src={currentUser?.avatar_url || 'https://ui-avatars.com/api/?name=User'} alt="User" className="w-10 h-10 rounded-full object-cover" />
               <div className="flex-1 min-w-0">
-                <p className="text-sm font-semibold text-slate-900 truncate">{currentUser.name}</p>
-                <p className="text-xs text-slate-500 truncate capitalize">{currentUser.role === 'super_admin' ? 'Super Admin' : currentUser.role}</p>
+                <p className="text-sm font-semibold text-slate-900 truncate">{currentUser?.name || 'Usuário'}</p>
+                <p className="text-xs text-slate-500 truncate capitalize">
+                  {currentUser?.role === 'super_admin' ? 'Super Admin' : (currentUser?.role || 'Agente')}
+                </p>
               </div>
               <button 
                 onClick={handleLogout}