Referência de controles
Cards de módulo (home /main)
Ícone + título + descrição + badge com drill-down. Clique navega para o módulo ou submódulos.
Contadores / estatísticas (KPIs)
Cards de vidro com barra de cor do status. Clicáveis = drill-down para a lista filtrada.
Gauge meia-lua — conclusão do sprint
68%36 de 53 tarefas
Gauge anel — SLA de resposta
82%dentro do SLA
KPI com variação
34▲ 12%
novas esta semana · vs anterior
3,4d▼ 8%
tempo médio de conclusão
Sparkline — criadas por dia (14d)
hoje: 18 · pico do período: 19
Colunas — concluídas por mês
últimos 12 meses · melhor mês destacado
Barras — carga por responsável
Distribuição por status (empilhada)
Em andamento 14
Nova 9
Concluída 21
Aguardando 6
Donut — proporção por status
50tarefas
Em andamento 14
Nova 9
Concluída 21
Aguardando 6
Heatmap — atividade por hora
8h11h14h17h
Seg
Ter
Qua
Qui
Sex
8h → 19h · mais forte = mais ações
Ranking — top desempenho
AN
Ana Nogueira
23
CB
Carlos Braga
19
MF
Marina Freitas
16
DS
Diego Souza
11
Meta do mês (bullet)
R$ 72k
de R$ 100k
realizado 72% · marcador branco = alvo (90%)
Tempo real — fila ao vivo
9
na fila · 3 em atendimento
Roberta Diaspedido #4412 · pagamento
2
2m
J. Fernandes2ª via de boleto
8m
Marcos Pauloreclamação de entrega
5
22m
SLA de 1ª resposta — por faixa
62% respondidos em ≤ 5 min
Pares — criadas × concluídas
Criadas
Concluídas
Fev
Mar
Abr
Mai
Jun
Jul
No prazo × vencidas — por responsável
No prazo
Vencidas
Resumo por empresa (comparativo)
Messer
412
atendimentos
118
últimos 30d
92%
resolvidos
2m 40s
1ª resposta
01/02/2026 – 23/07/2026
Sinaliza
287
atendimentos
74
últimos 30d
89%
resolvidos
3m 05s
1ª resposta
01/02/2026 – 23/07/2026
StarTickets
201
atendimentos
61
últimos 30d
94%
resolvidos
1m 55s
1ª resposta
01/02/2026 – 23/07/2026
Colunas empilhadas — atendimentos por mês e empresa
Messer
Sinaliza
StarTickets
33
Dez
42
Jan
41
Fev
49
Mar
47
Abr
56
Mai
54
Jun
66
Jul
Placar de atendentes (ranqueado)
#
Atendente
Atend.
Resolv.
%
1ª resp.
1º
Ana Nogueira
132
121
92%
1m 50s
2º
Carlos Braga
118
104
88%
2m 10s
3º
Marina Freitas
97
89
92%
2m 45s
4º
Diego Souza
84
71
85%
3m 20s
5º
Paula Lima
69
64
93%
2m 05s
Botões
Acrílico em todos — o primário usa a tinta laranja mais forte; estados coloridos são tinta sobre o vidro.
Filtro ativo
Formulários
Inputs, selects, datas, multi-select com busca, checkbox, radio, switch e chips de pessoa — tudo em vidro.
Select
Data
Período (De → Até)
→
Multi-select com busca
Ana Nogueira
Carlos Braga
Marina Freitas
Grid premium
Colunas ordenáveis · zebra · checkbox + ações em massa · filtros por campo · chips ativos · dropdown por linha · paginação segmentada.
| Ações | ||||||
|---|---|---|---|---|---|---|
Carregando…
Por página
Popups (modais em div)
Nunca alert()/confirm() nativos — sempre popup de div acrílico com overlay. Destrutivo pede confirmação com contagem.
Toasts
Feedback de toda ação: sucesso, erro, informação — e “Desfazer” quando a ação é reversível.
Extras
Badges de status, avisos, skeleton de carregamento, barras de progresso e estado vazio.
Nova
Aguardando
Em andamento
Em controle
Concluída
Adiada
Recusada
Aviso: você está vendo dados de homologação.
Falha na integraçãoWebhook sem resposta há 2 horas — verifique o endpoint.
Nenhum resultado com estes filtros