KPI e monitoramento da frota num endereço só, com um seletor no menu.
Next.js 16
React 19
TypeScript
Caddy
postMessage
O problema
A operação usava dois sistemas separados, em dois endereços e com logins diferentes: um para saber se as notas foram entregues e outro para ver se o caminhão saiu da rota. Os dois usavam o mesmo romaneio, mas não conversavam.
O que eu fiz
Um endereço único servindo o painel do KPI, com o seletor KPI | Monitoramento no topo do menu.
Monitoramento embutido dentro do painel, com a barra de endereço acompanhando a navegação interna.
Redirecionamento dos endereços antigos só para navegação de página, sem afetar integrações, rotinas e APIs.
Romaneio enviado no KPI repassado automaticamente ao monitoramento, e um botão que abre o trajeto da entrega no mapa.
Perfis por cliente: o operador de um cliente só vê os dados daquele cliente.
Destaques
Um romaneio, dois usos
O mesmo envio alimenta a taxa de entrega e o detector de desvio.
Sem quebrar integrações
O redirecionamento vale só para quem navega; webhooks e API seguem nos endereços antigos.
Embutido com segurança
Política de segurança limitando quem pode emoldurar cada sistema.
Da nota ao mapa
De uma nota pendente no KPI, um clique abre o trajeto do caminhão.