Plano e Cobrança
Tudo sobre seu plano vive em /config/plano (permissão plano:view). Esta seção tem 6 sub-páginas pra cada cenário.
Próximo ciclo: DD de Mês de AAAA — quando você acessa a tela, esse é o primeiro texto que aparece. É a data em que sua próxima fatura será gerada.
Tiers do plano
Starter, Pro, Enterprise — o que cada um inclui em ligações, WhatsApp, agentes, canais e features.
LerCobrança
Como funciona a fatura, vencimento, métodos de pagamento.
LerLimites de uso
O medidor de uso, políticas de excedente (block / charge / upgrade).
LerTrocar de plano
Como pedir upgrade, downgrade e o que muda no ciclo.
LerCancelar
Política de cancelamento, exportação de dados, prazos.
LerA tela /config/plano em 4 blocos
1. PlanCard — seu plano atual
- Badge “Plano atual”
- Nome do plano + preço (
R$ X.XXX,XX/mês) - Renovação em DD de Mês de AAAA
- Badge “Personalizado” (âmbar) se há overrides aplicados
- Lista de features com check/X: Gravação, Live Voice, Outbound, Integrações, SLA Custom
2. UsageMeter — o medidor
Dois cards lado a lado mostrando uso vs limite:
- Ligações telefônicas —
usado / limitecom barra colorida - Conversas WhatsApp —
usado / limitecom barra colorida
Cores da barra:
- < 80% — azul (tranquilo)
- 80-99% — âmbar (atenção)
- ≥ 100% — vermelho (estourou)
Quando o limite é null, exibe “Ilimitado” + número absoluto.
3. ExcedenteBlock — o que fazer com o excesso
Bloco que só aparece quando há excesso, com 4 estados:
| Estado | Cor | O que mostra |
|---|---|---|
| Upgrade pendente | Âmbar | Atendimento pausado aguardando aprovação. Botões Aprovar / Recusar |
Limite atingido + block | Vermelho | ”Atendimento pausado” — só sai com upgrade ou novo ciclo |
Excedente + charge | Âmbar | Detalha cálculo: “+N ligações × R$ X = R$ Y” |
| Sem excedente | — | Bloco não renderiza |
4. InvoicesBlock — faturas
Tabela com até 12 faturas (mais recentes primeiro):
| Coluna | Detalhe |
|---|---|
| Período | Mês da cobrança |
| Status | Aberta · Paga · Atrasada · Anulada |
| Total | Valor da fatura |
| Vencimento | Data de pagamento |
| Detalhes | Drawer com line items |