Files
mercadodevida/work/artifacts/F-129/implementer.md
2026-08-21 18:11:19 +02:00

1.2 KiB

F-129 — Logs viewer: orden DESC + quitar autoscroll

Cambios

apps/admin/src/components/ServerLogViewer.tsx

  • Eliminado: autoScroll state, bottomRef, isAtBottomRef, scrollToBottom, handleScroll, useEffect que disparaba scroll, checkbox "Auto-scroll" del toolbar.
  • Añadido: flex flex-col-reverse al 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/stream sigue 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.