Function detectAndApplyHardware

web/scripts/ragnar_modern.js:7352–7396

()

            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(() => {});
}
async function runNdpWatch() {
    const out = document.getElementById('ndp-results');
    if (!out) return;
    const btn = (typeof event !== 'undefined' && event && event.target) ? event.target : null;
    const ifaceSel = document.getElementById('ndp-iface');
    const iface = ifaceSel && ifaceSel.value ? ifaceSel.value : '';
    const secsEl = document.getElementById('ndp-secs');
    const secs = secsEl && secsEl.value ? secsEl.value : '12';
    _ndBusy(btn, true, 'Listening…');
    out.classList.remove('hidden');
    out.innerHTML = '<p class="text-sm text-gray-400">Passively capturing Neighbor Solicitation / Advertisement on the segment…</p>';
    try {
        _ndpFillIfaces();
        const qs = '?seconds=' + encodeURIComponent(secs) + (iface ? '&interface=' + encodeURIComponent(iface) : '');
        const d = await fetchAPI('/api/net/ndp-watch' + qs);
        if (!d || d.success === false) {
            const msg = (d && d.error) || 'failed';
            let extra = '';
            if (d && d.missing_tool) extra = ' <button onclick="installNetTool(\'tcpdump\', this, runNdpWatch)" class="ml-2 underline text-cyan-400">Install tcpdump</button>';
            out.innerHTML = '<p class="text-sm text-red-400">Error: ' + escapeHtml(msg) + extra + '</p>';
            return;
        }
        const [cls, label] = _NDP_VERDICT_STYLE[d.verdict] || _NDP_VERDICT_STYLE.unknown;
        let html = `<div class="mb-2 px-3 py-2 rounded border ${cls} text-sm">${label}</div>`;
        html += `<p class="text-xs text-gray-500 mb-2">Interface: ${escapeHtml(d.interface || '—')} · ${d.na_count} NA (${d.rate}/s) · ${d.ns_count} NS${d.dad_count ? ' · ' + d.dad_count + ' DAD' : ''}${d.learned ? ' · <span class="text-gray-400">baseline learned now</span>' : ''}</p>`;
        const hosts = d.hosts || [];
        if (hosts.length) {
            html += '<p class="text-xs uppercase text-gray-400 mt-2 mb-1">Advertised neighbours (' + hosts.length + ')</p>' +
                '<table class="min-w-full text-xs text-gray-300 whitespace-nowrap"><thead>' +
                '<tr class="text-left text-gray-500"><th class="px-2 py-1">IPv6 target</th><th class="px-2 py-1">Claimed by MAC(s)</th><th class="px-2 py-1">Trusted MAC</th><th class="px-2 py-1">State</th></tr>' +
                '</thead><tbody>' +
                hosts.map(h => {
                    const bad = h.conflict || (h.baseline && h.macs.length === 1 && h.macs[0] !== h.baseline);
                    return `<tr class="border-t border-slate-800">
                        <td class="px-2 py-1 font-mono ${bad ? 'text-red-300' : 'text-gray-200'}">${escapeHtml(h.ip)}</td>
                        <td class="px-2 py-1 font-mono ${bad ? 'text-red-300' : 'text-gray-400'}">${escapeHtml((h.macs || []).join(', '))}</td>
                        <td class="px-2 py-1 font-mono text-gray-500">${escapeHtml(h.baseline || '—')}</td>
                        <td class="px-2 py-1">${h.conflict ? '<span class="text-red-300">CONFLICT</span>' : bad ? '<span class="text-red-300">CHANGED</span>' : '<span class="text-gray-500">ok</span>'}</td>
                    </tr>`;
                }).join('') + '</tbody></table>';
        }
        if (d.reasons && d.reasons.length) {