feat: log de errores para el admin (backend + frontend)

mgonzalez/project.linkedcorp.net

Panel nuevo en Configuracion ("Errores del sistema", solo superadmin): errores de backend
(excepciones 500 no manejadas, con stack/ruta/metodo/usuario) y de frontend (errores JS y
promesas sin catch en el navegador del usuario, antes invisibles para cualquiera mas alla de esa
persona). Filtro por origen, boton para limpiar el historial.

Error Boundary de React: si algo rompe el render, ya no queda pantalla en blanco -- aviso simple
con boton de recargar, y el error queda reportado igual.

Nuevo error_logs (tabla, se recorta sola a 1000 filas) + GET/DELETE /api/error-logs (superadmin)
+ POST /api/error-logs (publico, rate-limited, para reportar incluso sin sesion).

Probado de punta a punta en dev: error real de backend (500) capturado con stack completo y
usuario correcto, error JS global y promesa rechazada capturados desde el navegador, panel
muestra ambos y el boton de limpiar funciona. Se encontro y corrigio un bug real en el camino: la
identificacion de usuario opcional leia jwt.payload.id en vez de .sub (como realmente lo firma
auth/service.js), asi que nunca identificaba a nadie.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

This commit is contained in:

Milton Gonzalez

2026-09-17 14:31:40 -05:00

parent 956e78cd76

commit dec8891506

21 changed files with 394 additions and 30 deletions

									
										frontend/src/main.jsx
									
		+3
		
												View File
												
				@@ -1,9 +1,12 @@

				import React from 'react';

				import ReactDOM from 'react-dom/client';

				import App from './app/App.jsx';

				import { installGlobalErrorReporter } from './utils/errorReporter.js';

				import './styles/tokens.css';

				import './styles/app.css';

				installGlobalErrorReporter();

				ReactDOM.createRoot(document.getElementById('root')).render(

				  <React.StrictMode>

				    <App />