Como calculamos o “Tempo 1ª Resposta”
Quando o lead chega
O AskSuite grava a hora em date_formatted. Esse timestamp é o momento em que o robô envia a primeira mensagem ou exibe o widget — ou seja, o “marco zero” da conversa.

Quando alguém do time responde

Assim que um atendente humano digita a primeira mensagem, a plataforma marca o agente em attendant (ou seta humanRequest = true) e atualiza o campo updated_at com o horário dessa ação.

Se o agente continuar falando, updated_at vai mudando; mas a nossa query pega a diferença apenas da primeira vez que o agente aparece (ver abaixo).








COERENCIA VISUAL 


 Coerência visual (consistência)
Marca & Hierarquia: Ter um azul principal para toda a navegação, cabeçalhos e botões cria identidade e ancoragem visual.

Leitura rápida: Quando todos os painéis compartilham o mesmo tamanho, espaçamento e tratamento de cabeçalho, fica mais fácil o usuário “saber” onde começa e onde termina cada bloco.

Use um único tom forte (por exemplo, seu azul escuro) para títulos e botões, e um segundo tom mais suave para fundos de KPI ou linhas de tabela.

2. Diferenciação por contexto
Acentos de cor: Se você tiver vários grupos de métricas que pertencem a domínios diferentes (ex.: “Leads”, “Reservas” e “Receitas”), pode usar cores de destaque (p.ex. laranja para Leads, verde para Reservas, roxo para Receita) mas sempre dentro do mesmo espectro de saturação.

Sem exageros: Evite mais de 3–4 cores principais, para não parecer “circo”.

3. Acessibilidade e Legibilidade
Contraste: Sempre garanta contraste mínimo (WCAG AA) entre texto e fundo. Um azul escuro de header e texto branco é ideal. Se variar cor de fundo de KPI, cheque legibilidade dos números/brancos sobre aquele fundo.

Consistência de hover/foco: Todos os botões “Filtrar” devem escurecer ou clarear de forma igual.

4. Sugestão de paleta prática
Azul escuro – cabeçalhos, botões principais

Azul claro – fundo de linha selecionada e alertas informativos

Verde – métricas de sucesso (Reservas confirmadas)

Laranja – métricas de ação (Leads que pediram preço)

Vermelho – alertas (erro, zero resultados) – usar só se for preciso avisar problema

Conclusão
Uniformidade primária: mantenha o azul escuro para todos os painéis iguais (estrutura, cabeçalho, botões).

Variedade secundária: use no máximo 2 ou 3 cores de realce para diferenciar categorias de KPI — mas sem romper a identidade geral.

Dessa forma você combina coerência (quem já conhece o dashboard entende tudo de cara) com diferenciação (cada tipo de métrica ganha seu destaque visual).