Telas

1. Autenticação (Login)

• Tela de login com opções Google e GitHub (NextAuth).

2. Dashboard

• Total de mensagens enviadas
• Total de mensagens com falha
• Gráfico de mensagens nos últimos 4 dias
• Gráfico por status: queued, sent, failed, read
• Referências: PRD §5.2; TIP: "UI Dashboard"

3. Templates

• Lista com filtros por nome e status (aprovado, pendente, rejeitado)
• Cards com nome, status, ID e corpo da mensagem
• Criação/Edição:
  • Nome do template
  • Corpo em JSON
  • Botão para variável
  • Preview (modal)
  • Submissão para aprovação
• Versionamento: cada alteração gera nova versão; aprovação por admin
• Referências: PRD §5.3; TIP: "Templates" na UI

4. Logs

• Filtros por número e template
• Exibição dos registros: data/hora, destinatário, template, status
• Referências: PRD §5.5; TIP: "Logs" na UI

5. API Keys

• Lista: nome, ambiente, data de criação, último uso, ações (copiar, excluir, ver logs)
• Criação via modal; chave exibida uma única vez
• Formato da chave: ps_test_xxxxx e ps_live_xxxxx
• Referências: PRD §5.6; TIP: "API Keys" na UI

6. Perfil

• Campos: nome, e-mail, WhatsApp
• Upload de vídeo (com texto explicativo/diretrizes)
• Botão para solicitar produção
• Referências: PRD §5.7; TIP: "Perfil" na UI

7. Admin

• Lista de usuários
• Aprovação/reprovação de templates (reprovação com mensagem)
• Lista de pedidos de produção e aprovação para modo produção
• Referências: PRD §5.8; TIP: "Admin" na UI

8. Planos e preços / Pagamentos

• UI de planos (Gratuito, Basic, Pro) e pacotes (Pacote 1, Pacote 2)
• Checkout/assinatura (Stripe) e Pix (Pague Dev); podem ser modais, páginas ou redirecionamentos
• Referências: PRD §5.9 e §5.10; TIP Fase 4: "UI de planos e pacotes"

Resumo das telas

| # | Tela | Fonte | |---|-----------------------|--------------------------------------| | 1 | Login (Google/GitHub) | PRD 5.1 | | 2 | Dashboard | PRD 5.2 | | 3 | Templates (lista + criação/edição) | PRD 5.3 | | 4 | Logs | PRD 5.5 | | 5 | API Keys | PRD 5.6 | | 6 | Perfil | PRD 5.7 | | 7 | Admin | PRD 5.8 | | 8 | Planos e pacotes / checkout | PRD 5.9, 5.10; TIP Fase 4 |

Observação:
O envio de mensagens (PRD 5.4) é feito por API, não por tela; as telas são destinadas à gestão (Dashboard, Logs, Templates, API Keys, Perfil, Admin e planos).