Function loadHardwareProfiles

web/scripts/ragnar_modern.js:7273–7318

()

                    const bad = (i.status === 'hijacked' || i.status === 'new');
                    const st = bad ? `<span class="text-red-300">${escapeHtml(i.status)}</span>` : `<span class="text-gray-500">${escapeHtml(i.status)}</span>`;
                    return `<tr class="border-t border-slate-800">
                        <td class="px-2 py-1 text-gray-400">${escapeHtml(i.proto)}</td>
                        <td class="px-2 py-1 font-mono">${i.vlan}</td>
                        <td class="px-2 py-1 font-mono ${bad ? 'text-red-300' : ''}">${i.root_prio == null ? '—' : i.root_prio}.${escapeHtml(i.root_mac || '?')}</td>
                        <td class="px-2 py-1 font-mono text-gray-400">${escapeHtml(i.advertised_by || '—')}</td>
                        <td class="px-2 py-1">${st}</td>
                    </tr>`;
                }).join('') +
                '</tbody></table>';
        }
        if ((d.bridges || []).length) {
            html += '<p class="text-xs uppercase text-gray-400 mt-2 mb-1">Bridges seen (' + d.bridges.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">Bridge MAC</th><th class="px-2 py-1">Proto</th><th class="px-2 py-1">Role(s)</th><th class="px-2 py-1">Status</th></tr>' +
                '</thead><tbody>' +
                d.bridges.map(b => {
                    const badge = b.baseline ? '<span class="text-green-400">✓ known</span>' : '<span class="text-amber-300">? new</span>';
                    return `<tr class="border-t border-slate-800">
                        <td class="px-2 py-1 font-mono ${b.baseline ? '' : 'text-amber-300'}">${escapeHtml(b.mac)}</td>
                        <td class="px-2 py-1 text-gray-400">${escapeHtml(b.proto)}</td>
                        <td class="px-2 py-1 text-gray-400">${escapeHtml((b.roles || []).join(', ') || '—')}</td>
                        <td class="px-2 py-1">${badge}</td>
                    </tr>`;
                }).join('') +
                '</tbody></table>';
        }
        if (d.reasons && d.reasons.length) {
            html += '<ul class="text-xs text-gray-400 mt-2 list-disc pl-5">' +
                d.reasons.map(r => '<li>' + escapeHtml(r) + '</li>').join('') + '</ul>';
        }
        (d.advisories || []).forEach(a => {
            html += `<div class="mt-2 px-3 py-2 rounded border text-xs text-gray-400 border-slate-700 bg-slate-900/40">${escapeHtml(a)}</div>`;
        });
        out.innerHTML = html;
    } catch (e) {
        out.innerHTML = '<p class="text-sm text-red-400">Failed: ' + escapeHtml(e.message) + '</p>';
    } finally {
        _ndBusy(btn, false);
    }
}
async function stpTrustBaseline() {
    try {
        await postAPI('/api/net/stp-baseline', { action: 'reset' });
        addConsoleMessage('STP baseline reset — re-learning current root(s) & bridges', 'info');
        await runStpWatch();
    } catch (e) {
        addConsoleMessage('Failed to reset STP baseline: ' + e.message, 'error');
    }
}