Function autoStashAndUpdate

web/scripts/ragnar_modern.js:7763–7815

()

    if (!chipsEl || !listEl) return;
    if (!d || d.success === false) return;
    if (!d.enabled) {
        chipsEl.innerHTML = '<span class="text-xs text-gray-500">Watchtower is off — enable it in Diagnostics to aggregate the watcher daemons here.</span>';
        listEl.innerHTML = ''; if (srcEl) srcEl.textContent = '';
        return;
    }
    const s = d.summary || {};
    const bySev = s.by_severity || {};
    const chips = ['critical', 'high', 'medium', 'low', 'info']
        .filter(k => bySev[k]).map(k => _wtSevChip(k, bySev[k]));
    chipsEl.innerHTML = chips.length ? chips.join(' ')
        : '<span class="px-2.5 py-1 rounded border bg-green-950/40 border-green-900 text-green-400">✓ All clear — no watcher alerts</span>';
    const alerts = (d.alerts || []).slice(0, 5);
    listEl.innerHTML = alerts.map(a => {
        const [cls] = _WT_SEV_STYLE[a.severity] || _WT_SEV_STYLE.info;
        const t = a.ts ? new Date(a.ts * 1000).toLocaleString() : '';
        return `<div class="rounded-lg border ${cls} px-3 py-2 text-sm">
            <span class="text-xs uppercase tracking-wide opacity-80">${escapeHtml(a.label || a.source)}</span>
            <span class="ml-1">${escapeHtml(a.title || '')}</span>
            <span class="text-xs opacity-60 ml-1">· ${escapeHtml(t)}</span>
        </div>`;
    }).join('');
    if (srcEl) {
        const srcs = s.sources || [];
        const on = srcs.filter(x => x.present).length;
        srcEl.textContent = srcs.length
            ? `${on}/${srcs.length} watchers logging: ` + srcs.map(x => (x.present ? '● ' : '○ ') + (x.label || x.name)).join('  ')
            : '';
    }
}
async function refreshDashWatchtower() {
    try { renderDashWatchtower(await fetchAPI('/api/net/watchtower?limit=5&min_severity=medium')); }
    catch (e) { /* offline — leave as-is */ }
    refreshIncidents('dash-incidents');
}

// ---- ARP Poisoning card (on-demand) ---------------------------------------
const _ARP_VERDICT_STYLE = {
    clean:      ['bg-green-950/40 border-green-900 text-green-400', '✓ No ARP spoofing detected'],
    suspicious: ['bg-amber-950/50 border-amber-800 text-amber-300', '⚠ Possible ARP spoofing'],
    spoofed:    ['bg-red-950/60 border-red-800 text-red-300', '🛑 ARP spoofing / MITM detected'],
    unknown:    ['bg-slate-800 border-slate-700 text-slate-400', '— Could not determine (no gateway / no ARP reply)'],
};
function _arpFillIfaces() {
    const sel = document.getElementById('arp-check-iface');
    if (!sel || sel.dataset.filled === '1') return Promise.resolve();
    return fetchAPI('/api/net/interfaces').then(x => {
        (x.interfaces || []).forEach(i => {
            const o = document.createElement('option');
            o.value = i.name;
            const tag = i.type === 'wifi' ? ' (WiFi)' : i.type === 'ethernet' ? ' (LAN)' : (i.type ? ' (' + i.type + ')' : '');
            o.textContent = i.name + tag;
            sel.appendChild(o);
        });
        sel.dataset.filled = '1';
    }).catch(() => {});
}