Ajustes UI
This commit is contained in:
@@ -0,0 +1,59 @@
|
||||
# TASK-044-remove-test-signals-and-technical-summary-strips
|
||||
|
||||
## Goal
|
||||
Eliminar de la interfaz principal los elementos, etiquetas y resumenes que den sensacion de entorno de pruebas o validacion tecnica, dejando una experiencia mas limpia y orientada a producto final.
|
||||
|
||||
## Context
|
||||
La pagina ya esta entrando en una fase mas cercana a producto final. Sin embargo, siguen apareciendo elementos como "captura real reciente", resumenes tecnicos o textos que funcionan bien para desarrollo, pero no para una experiencia publica mas madura.
|
||||
|
||||
## Steps
|
||||
1. Revisar el bloque actual de servidores y los elementos intermedios previos a la rejilla de tarjetas.
|
||||
2. Eliminar o simplificar los elementos que indiquen:
|
||||
- validacion interna
|
||||
- estado de prueba
|
||||
- resumenes tecnicos poco utiles para el visitante
|
||||
3. Quitar la seccion visual equivalente a "captura real reciente".
|
||||
4. Quitar la fila o bloque de resumen tipo "vista previa historica" si no aporta valor claro al usuario final.
|
||||
5. Mantener solo el copy que ayuda a entender el bloque como producto real.
|
||||
6. Asegurar que el panel de servidores quede mas limpio y mas directo.
|
||||
|
||||
## Files to Read First
|
||||
- AGENTS.md
|
||||
- ai/repo-context.md
|
||||
- frontend/index.html
|
||||
- frontend/assets/js/main.js
|
||||
- frontend/assets/css/styles.css
|
||||
|
||||
## Expected Files to Modify
|
||||
- frontend/index.html
|
||||
- frontend/assets/js/main.js
|
||||
- frontend/assets/css/styles.css
|
||||
|
||||
## Constraints
|
||||
- No tocar backend.
|
||||
- No romper el consumo de datos reales.
|
||||
- No eliminar fallbacks internos, solo su exposicion innecesaria en la UI.
|
||||
- No hacer cambios destructivos.
|
||||
- Mantener el ajuste centrado en limpieza de producto.
|
||||
|
||||
## Validation
|
||||
- Desaparecen indicios de "modo prueba" en la vista principal.
|
||||
- El bloque de servidores se percibe mas limpio y mas orientado a usuario final.
|
||||
- La pagina mantiene funcionalidad completa.
|
||||
|
||||
## Change Budget
|
||||
- Preferir menos de 3 archivos modificados.
|
||||
- Preferir menos de 140 lineas cambiadas.
|
||||
|
||||
## Outcome
|
||||
- `frontend/index.html` elimina el bloque visual de fuente/estado y la franja de resumen historico previa a la rejilla.
|
||||
- `frontend/assets/js/main.js` mantiene la logica interna de estados, pero reduce la exposicion publica a un badge limpio y copy orientado a producto.
|
||||
- `frontend/assets/css/styles.css` retira los estilos de los strips tecnicos eliminados.
|
||||
|
||||
## Validation Result
|
||||
- Revisado en codigo: los datos reales siguen hidratando el panel y la diferenciacion interna entre live, historical y fallback se conserva en JavaScript.
|
||||
- Validado con `node --check frontend/assets/js/main.js`.
|
||||
- Revisado en diff: la task queda limitada a `frontend/index.html`, `frontend/assets/js/main.js`, `frontend/assets/css/styles.css` y el archivo de task.
|
||||
|
||||
## Decision Notes
|
||||
- La limpieza se resolvio ocultando por completo los bloques tecnicos y simplificando el lenguaje de estado, en lugar de introducir nuevas superficies UI intermedias.
|
||||
Reference in New Issue
Block a user