20 lines
1.2 KiB
Markdown
20 lines
1.2 KiB
Markdown
# 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. |