Tabelas Densas, Telemetria e Filtros Dinâmicos
Arquitetura de dados para alta densidade informacional. Permite o monitoramento cirúrgico de dezenas de instâncias de serviços, auditoria de eventos e filtragem expressiva sem comprometer a clareza nem causar fadiga visual ao operador.
Bloco 5
Barra de Busca Operacional e Chips de Filtro
Bloco 4
10 nós sob observação
Tabela Densa Operacional (.volt-table-dense)
| Identificador do Nó / Rota | Motor da Suíte | Status Operacional | Latência Média | Consumo de Memória | Última Sonda | Ação |
|---|---|---|---|---|---|---|
| node-01.sentinel.internal:4567 | Volt Sentinel | Operacional | 8ms | 142 MB | há 2s | |
| node-02.lead-engine.internal:8080 | Volt Lead | Operacional | 14ms | 210 MB | há 5s | |
| node-03.voice-stream.internal:9001 | Volt Assistant | Sincronizando | 32ms | 88 MB | há 12s | |
| node-04.station-control.internal:3000 | Volt Station | Operacional | 11ms | 184 MB | há 1s | |
| node-05.pipeline-ingestion.internal:5050 | Volt Builder | Degradação | 460ms | 512 MB | há 45s | |
| node-06.sales-funnel.internal:4040 | Volt Sales | Operacional | 19ms | 126 MB | há 8s | |
| node-07.discovery-radar.internal:7070 | Volt Discovery | Desconectado | ∞ | 0 MB | há 5m |
Mostrando 7 de 7 nós filtrados (100% de cobertura)
Página 1 de 1
Catálogo de Badges Semânticos de Status
Operacional
.volt-badge-emerald (Verde)
Sincronizando
.volt-badge-cyan (Ciano)
Atenção Requerida
.volt-badge-amber (Âmbar)
Falha Crítica
.volt-badge-danger (Coral)
Contrato de Integração Downstream (Demanda 2308)
Estrutura em ERB a ser implementada em app/views/components/_tables.erb no motor do Volt Lead:
<div class="volt-table-wrapper">
<table class="volt-table volt-table-dense">
<thead>
<tr>
<% headers.each do |header| %>
<th class="<%= header.align_class %>"><%= header.label %></th>
<% end %>
</tr>
</thead>
<tbody>
<% rows.each do |row| %>
<tr>
<% row.cells.each do |cell| %>
<td class="<%= cell.style_class %>"><%= cell.content %></td>
<% end %>
</tr>
<% end %>
</tbody>
</table>
</div>