Frontend

Aplica-se quando a ADR entrega interface. O detalhe da stack está em Frontend e Zustand; aqui ficam os padrões.

Práticas

• Zustand é o core: a lógica do frontend mora nas stores (stores/[nome]/store.ts + sync.tsx).
• Componentes consomem stores; não concentram lógica de negócio nem fazem fetch direto — passam pela store/serviço.
• shadcn/ui + Tailwind para componentes e estilo.
• Recharts para gráficos.
• Estados de vazio, carregamento e erro sempre tratados.

Resultado esperado

UI consistente, com lógica concentrada em stores tipadas e componentes enxutos.