/dashboard). Ele apresenta o estado operacional completo da plataforma organizado em três áreas principais: um banner de alertas ativos, quatro cards de saúde por camada, e uma tabela de status dos conectores configurados.
Banner de Alertas
Uma barra fixa no topo da página exibe o número de problemas que requerem atenção imediata no formato “X issues requerem atenção”, acompanhada de um link “Ver →”. Ao clicar no link, a página ancora automaticamente no Painel “Requer Atenção”, sem navegação para outra página. O contador reflete apenas itens não descartados (dismissed).O banner só aparece quando há pelo menos um item ativo no painel “Requer Atenção”. Quando a fila está limpa, o banner não é exibido.
Painel “Requer Atenção”
Lista consolidada de todos os itens que precisam de ação no momento. Cada item exibe:Exemplos de itens típicos
- Conector com erro — falha de conexão ou autenticação em uma fonte de dados configurada
- Transformação falhou — execução dbt com erro na última run
- Conector sem transformação — fonte de dados ativa mas sem pipeline dbt associado
- Entidades aguardando revisão — entidades extraídas pelo NER que precisam de validação manual em
/memory/ner-review
Cards de Saúde (Grid 2×2)
Os quatro cards cobrem cada camada da plataforma. Cada card usa a cor da camada correspondente como acento visual.1. Data Engineering
Cor de acento: indigo
#3730A3
Warnings exibidos no card:
- Conectores sem transformação associada → link “Criar” para configurar um pipeline dbt
- Violações de governança detectadas → link “Ver” para a lista de violações
2. AI Engineering
Cor de acento: violet
#6D28D9- Total de entidades consolidadas na base
- Chips coloridos por tipo de entidade: Pessoa, Empresa, Produto, Evento
- Status dos pipelines de entity resolution (ok / falha)
- Total de documentos indexados
- Total de chunks gerados
- Status dos pipelines de indexação (ok / falha)
/memory/ner-review
Badge positivo: quando a fila de revisão NER está vazia por 3 ou mais dias consecutivos, o card exibe o badge “Fila em dia” sinalizando operação saudável.
3. Ops Engineering
Cor de acento: teal
#0D9488- Gauge circular SVG exibindo o percentual de qualidade do contexto
- Número de suites de avaliação configuradas
- Data e hora do último eval executado
- Custo estimado em tokens nos últimos 7 dias
- Taxa de erros em percentual
- Total de traces registrados
- Total de tokens consumidos
/observability
4. Infraestrutura
KPI principal: custo mensal em reais (R$) com pill de tendência indicando variação percentual em relação ao período anterior (↑ aumento / ↓ redução). Recursos — três gauges circulares SVG lado a lado:
As cores dos gauges seguem lógica semafórica:
- Verde — uso abaixo de 70%
- Amarelo — uso entre 70% e 85%
- Vermelho — uso acima de 85%
Seção “Pipeline de Dados”
Localizada abaixo dos quatro cards, a seção exibe uma tabela com todos os conectores configurados na plataforma. Colunas da tabela:
Cada coluna de status usa indicadores visuais coloridos (verde = sucesso, vermelho = falha, cinza = não configurado ou sem execução recente).
Um botão de refresh no canto superior direito da seção atualiza os dados sem recarregar a página.
Elementos Visuais do Dashboard
Radial Gauges
Gauges circulares renderizados em SVG, usados nos cards de Ops Engineering (Evals) e Infraestrutura. As cores seguem a lógica semafórica: verde abaixo de 70%, amarelo entre 70–85%, vermelho acima de 85%.Mini Stat Blocks
Blocos compactos coloridos usados no card de Data Engineering para representar contagens de execuções:- Verde — execuções bem-sucedidas
- Vermelho — falhas (clicáveis, com filtro pré-aplicado na URL)
- Cinza — estado neutro ou sem dados