Function renderNetworkMap

web/scripts/ragnar_modern.js:21059–21217

(nodes, links, deviceColors, deviceIcons)

    fetchNetworkStats();
    
    // Auto-refresh every 5 seconds when on system tab
    if (systemMonitoringInterval) {
        clearInterval(systemMonitoringInterval);
    }
    
    systemMonitoringInterval = setInterval(() => {
        if (currentTab === 'system') {
            fetchSystemStatus();
            fetchNetworkStats();
        }
    }, 5000);
}

function fetchSystemStatus() {
    networkAwareFetch('/api/system/status')
        .then(response => response.json())
        .then(data => {
            if (data.error) {
                showSystemError('Failed to load system status: ' + data.error);
                return;
            }
            updateSystemOverview(data);
            updateProcessList(data.processes);
            updateNetworkInterfaces(data.network_interfaces);
            updateTemperatureDisplay(data.temperatures);
        })
        .catch(error => {
            console.error('Error fetching system status:', error);
            showSystemError('Failed to load system status');
        });
}

function fetchNetworkStats() {
    networkAwareFetch('/api/system/network-stats')
        .then(response => response.json())
        .then(data => {
            if (data.error) {
                console.error('Network stats error:', data.error);
                return;
            }
            updateNetworkStats(data);
        })
        .catch(error => {
            console.error('Error fetching network stats:', error);
        });
}

function updateSystemOverview(data) {
    // CPU
    const cpuUsage = document.getElementById('cpu-usage');
    const cpuDetails = document.getElementById('cpu-details');
    const cpuProgress = document.getElementById('cpu-progress');
    
    if (cpuUsage) cpuUsage.textContent = `${data.cpu.percent}%`;
    if (cpuDetails) cpuDetails.textContent = `${data.cpu.count} cores`;
    if (cpuProgress) cpuProgress.style.width = `${data.cpu.percent}%`;
    
    // Memory