feat: Add asesor role with reports-only access - backend v1.0.10, frontend v1.0.16

frontend/src/Sidebar.jsx

@@ -67,20 +67,26 @@ export default function Sidebar({ user, activeTab, setActiveTab, sidebarOpen, se
                   {sidebarOpen && <span>Usuarios</span>}
                 </button>
               </li>
-              <li>
-                <button
-                  onClick={() => setActiveTab('reports')}
-                  className={`w-full flex items-center ${sidebarOpen ? 'gap-3 px-4' : 'justify-center px-2'} py-3 rounded-lg transition ${
-                    activeTab === 'reports'
-                      ? 'bg-gradient-to-r from-indigo-600 to-purple-600 text-white shadow-lg'
-                      : 'text-indigo-200 hover:bg-indigo-900/50'
-                  }`}
-                  title={!sidebarOpen ? 'Reportes' : ''}
-                >
-                  <span className="text-xl">📊</span>
-                  {sidebarOpen && <span>Reportes</span>}
-                </button>
-              </li>
+            </>
+          )}
+          {(user.role === 'admin' || user.role === 'asesor') && (
+            <li>
+              <button
+                onClick={() => setActiveTab('reports')}
+                className={`w-full flex items-center ${sidebarOpen ? 'gap-3 px-4' : 'justify-center px-2'} py-3 rounded-lg transition ${
+                  activeTab === 'reports'
+                    ? 'bg-gradient-to-r from-indigo-600 to-purple-600 text-white shadow-lg'
+                    : 'text-indigo-200 hover:bg-indigo-900/50'
+                }`}
+                title={!sidebarOpen ? 'Reportes' : ''}
+              >
+                <span className="text-xl">📊</span>
+                {sidebarOpen && <span>Reportes</span>}
+              </button>
+            </li>
+          )}
+          {user.role === 'admin' && (
+            <>
               <li>
                 <button
                   onClick={() => setActiveTab('api-tokens')}
@@ -123,7 +129,9 @@ export default function Sidebar({ user, activeTab, setActiveTab, sidebarOpen, se
           {sidebarOpen && (
             <div className="flex-1 min-w-0">
               <p className="text-sm font-medium truncate text-white">{user.full_name || user.username}</p>
-              <p className="text-xs text-indigo-300">{user.role === 'admin' ? '👑 Admin' : '🔧 Mecánico'}</p>
+              <p className="text-xs text-indigo-300">
+                {user.role === 'admin' ? '👑 Admin' : user.role === 'asesor' ? '📊 Asesor' : '🔧 Mecánico'}
+              </p>
             </div>
           )}
         </div>