1.2 KiB
1.2 KiB
F-129 — Logs viewer: orden DESC + quitar autoscroll
Cambios
apps/admin/src/components/ServerLogViewer.tsx
- Eliminado:
autoScrollstate,bottomRef,isAtBottomRef,scrollToBottom,handleScroll, useEffect que disparaba scroll, checkbox "Auto-scroll" del toolbar. - Añadido:
flex flex-col-reverseal contenedor del log → invierte el orden visual sin tocar el array. - Resultado: el log más reciente aparece arriba (DOM top), los más antiguos abajo. El cap de 200 líneas (
next.slice(-200)) mantiene las más recientes, que con column-reverse quedan visibles arriba.
Verificación
cd apps/admin && npx tsc --noEmit→ exit 0.cd apps/admin && NEXT_PUBLIC_API_URL=http://192.168.18.93:3000 npm run build→ exit 0.
Notas
- Sin cambios en backend (SSE
GET /admin/logs/streamsigue emitiendo en orden cronológico). - Sin autoscroll: el log más reciente siempre está visible arriba, así que no hace falta.
- Si el operador quiere ver los logs antiguos, hace scroll abajo manualmente. La columna está invertida visualmente pero el DOM sigue en orden cronológico — no hay race conditions ni refs innecesarios.
- Operador reinicia admin (
./scripts/monolith.sh prod restart) para desplegar.