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'}

GPS e Sensores

{#if metrics.latitude !== undefined}

Latitude

{metrics.latitude.toFixed(6)}

GPS

{/if} {#if metrics.longitude !== undefined}

Longitude

{metrics.longitude.toFixed(6)}

GPS

{/if} {#if metrics.gpsPrecision !== undefined}

Precisão GPS

{metrics.gpsPrecision.toFixed(2)}m

Precisão

{/if} {#if metrics.gpsConfidence !== undefined}

Confiança GPS

{(metrics.gpsConfidence * 100).toFixed(1)}%

Confiança

{/if} {#if metrics.accelerometerX !== undefined}

Acelerômetro X

{metrics.accelerometerX.toFixed(3)}

m/s²

{/if} {#if metrics.accelerometerY !== undefined}

Acelerômetro Y

{metrics.accelerometerY.toFixed(3)}

m/s²

{/if} {#if metrics.accelerometerZ !== undefined}

Acelerômetro Z

{metrics.accelerometerZ.toFixed(3)}

m/s²

{/if} {#if metrics.movementMagnitude !== undefined}

Magnitude de Movimento

{metrics.movementMagnitude.toFixed(3)}

m/s²

{/if} {#if metrics.movementDetected !== undefined}

Movimento Detectado

{metrics.movementDetected ? 'Sim' : 'Não'}

{metrics.movementDetected ? 'Ativo' : 'Inativo'}

{/if} {#if metrics.sensorAvailable !== undefined}

Sensor Disponível

{metrics.sensorAvailable ? 'Sim' : 'Não'}

{metrics.sensorAvailable ? 'Disponível' : 'Indisponível'}

{/if}

{#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) - Métricas Técnicas + GPS + Sensores + 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 | GPS: Latitude, Longitude, Precisão, Confiança | Sensores: Acelerômetro (X, Y, Z), Magnitude, Movimento Detectado
Gráficos: Linha (Recursos), Área (Atividade), Donut (Distribuição), Barras (Métricas)
Última atualização: {new Date(metrics.timestamp).toLocaleString('pt-BR')}