const API_BASE = '';
let refreshInterval = null;
const REFRESH_MS = 30000; // 30 seconds

// Tab navigation
document.querySelectorAll('nav a').forEach(link => {
    link.addEventListener('click', e => {
        e.preventDefault();
        const tab = link.dataset.tab;
        document.querySelectorAll('.tab').forEach(t => t.classList.remove('active'));
        document.querySelectorAll('.tab-content').forEach(t => t.classList.remove('active'));
        link.classList.add('active');
        document.getElementById(`tab-${tab}`).classList.add('active');
        // Refresh the active tab
        if (tab === 'spectrum') refreshSpectrum();
        if (tab === 'background') refreshBackground();
        if (tab === 'cps') loadCps(24);
    });
});

// Status bar refresh
async function refreshStatus() {
    try {
        const resp = await fetch(`${API_BASE}/api/status`);
        if (!resp.ok) {
            document.getElementById('status-connected').className = 'status-dot';
            return;
        }
        const data = await resp.json();
        const dot = document.getElementById('status-connected');
        dot.className = data.connected && !data.stale ? 'status-dot connected' : 'status-dot';
        document.getElementById('status-cps').textContent = `${data.cps.toFixed(1)} CPS`;
        document.getElementById('status-live-time').textContent = `${data.cumulated_live_time_h.toFixed(1)} h`;
    } catch {
        document.getElementById('status-connected').className = 'status-dot';
    }
}

// Auto-refresh
function startRefresh() {
    refreshStatus();
    refreshSpectrum();
    refreshInterval = setInterval(() => {
        refreshStatus();
        const activeTab = document.querySelector('.tab.active')?.dataset.tab;
        if (activeTab === 'spectrum') refreshSpectrum();
    }, REFRESH_MS);
}

// Initialize
startRefresh();