Documentação técnica

1. Preços desacoplados (hot-swap)

A "inteligência de preço" mora num models.json — a fonte da verdade. Atualizar um preço ou adicionar um modelo é editar um JSON, sem tocar na lógica.

"claude-opus-4-8": {
  "name": "Claude Opus 4.8",
  "provider": "Anthropic",
  "input_cost_1k": 0.015,
  "output_cost_1k": 0.075,
  "context_window": 200000
}

2. Engine de custo

Os tokens são estimados do texto (≈ chars ÷ 3,5) e somados a imagens/áudio (multimodal). O custo é (input/1k × taxa_in) + (output/1k × taxa_out), com regras de tier (ex.: Gemini dobra o input acima de 200k de contexto). A mesma função roda pra todos os modelos de uma vez — é o que move a comparação lado a lado.

3. O detalhe do Tailwind CDN

A versão antiga usava @apply dentro de um <style> com o Tailwind via CDN — e isso não funciona: o @apply é uma diretiva de build, ignorada em runtime. Resultado: os cards ficavam sem estilo. A correção foi escrever o CSS de verdade (sem @apply), ou aplicar as utilities direto no HTML.

4. Privacidade & dados

• Sem servidor: tudo é JavaScript no cliente; o prompt não é enviado pra lugar nenhum.
• Templates: salvos no localStorage do seu navegador.
• Preços: estimativas de referência (USD) — confira sempre a tabela oficial do provedor.