Tempo Real - Atualização a cada 2s

Modo Local

CPU

{formatValue(metrics.cpuUsage)}

{metrics.cpuUsage < 60 ? "Normal" : metrics.cpuUsage < 80 ? "Atenção" : "Crítico"}

Memória RAM

{formatValue(metrics.memoryUsage)}

{metrics.memoryUsage < 60 ? "Normal" : metrics.memoryUsage < 80 ? "Atenção" : "Crítico"}

Latência de Rede

{formatValue(metrics.networkLatency, "ms")}

{metrics.networkLatency < 100 ? "Excelente" : metrics.networkLatency < 500 ? "Boa" : "Lenta"}

Armazenamento

{formatValue(metrics.storageUsed)}

{metrics.storageUsed < 60 ? "Normal" : metrics.storageUsed < 80 ? "Atenção" : "Crítico"}

Usuários Online

{metrics.usuariosOnline}

Tempo Real

Mensagens/min

{metrics.mensagensPorMinuto}

Atividade

Tempo Resposta

{formatValue(metrics.tempoRespostaMedio, "ms")}

{metrics.tempoRespostaMedio < 100 ? "Rápido" : metrics.tempoRespostaMedio < 500 ? "Normal" : "Lento"}

Erros (2s)

{metrics.errosCount}

{metrics.errosCount === 0 ? "Sem erros" : "Verificar logs"}

FPS (Performance)

{metrics.fps}

{metrics.fps >= 50 ? "Fluido" : metrics.fps >= 30 ? "Moderado" : "Lento"}

Tipo de Conexão

{metrics.networkType}

{#if metrics.networkSpeed > 0}

{metrics.networkSpeed} Mbps

{:else}

N/A

{/if}

Navegador

{metrics.browserName}

v{metrics.browserVersion}

Resolução

{metrics.screenResolution}

Tela

RAM Dispositivo

{metrics.deviceMemory || "N/A"}{metrics.deviceMemory ? "GB" : ""}

Hardware

Núcleos CPU

{metrics.hardwareConcurrency}

Threads

Cache Browser

{metrics.cacheSize}

Bateria

{metrics.batteryLevel}%

{metrics.batteryCharging ? "⚡ Carregando" : "🔋 Bateria"}

Tempo Ativo

{Math.floor(metrics.uptime / 60)}:{String(metrics.uptime % 60).padStart(2, '0')}

Minutos

HTTP Requests (2s)

{metrics.httpRequests}

Requisições

WebSocket

{metrics.wsConnections}

{metrics.wsStatus === 'connected' ? '🟢 Conectado' : '🔴 Desconectado'}

IndexedDB

{metrics.indexedDBSize}

Service Worker

{metrics.serviceWorkerStatus}

{metrics.serviceWorkerStatus === 'active' ? '✓ Ativo' : metrics.serviceWorkerStatus === 'registered' ? '○ Registrado' : '✗ Nenhum'}

DOM Nodes

{metrics.domNodes}

Elementos

JS Heap Size

{metrics.jsHeapSize || "N/A"}

{metrics.jsHeapSize ? "MB" : "Indisponível"}

{#if metricsHistory.length > 5}

Gráficos Interativos em Tempo Real

Recursos do Sistema (Últimos 20 pontos)

Atividade da Aplicação (Últimos 30 pontos)

Distribuição de Uso de Recursos

Métricas Técnicas Avançadas

{:else}

Coletando dados para gráficos... Aguarde alguns segundos.

{/if}

Monitoramento Ativo (Modo Local) - 23 Métricas Técnicas + 4 Gráficos Interativos

Sistema: CPU, RAM, Latência, Storage | Aplicação: Usuários, Mensagens, Tempo Resposta, Erros, HTTP Requests | Performance: FPS, Conexão, Navegador, Tela | Hardware: RAM Física, Núcleos CPU, Cache, Bateria, Uptime | Avançado: WebSocket, IndexedDB, Service Worker, DOM Nodes, JS Heap
Gráficos: Linha (Recursos), Área (Atividade), Donut (Distribuição), Barras (Métricas)
Última atualização: {new Date(metrics.timestamp).toLocaleString('pt-BR')}