feat: integrate OUI lookup into passive radar AP detection

- Add manufacturer display to AP detection banner
- Show "your router (Manufacturer)" when OUI is known
- Show "your router" as fallback when OUI unknown
- Expand OUI database with more manufacturer entries

The AP detection banner now shows the router manufacturer
when available from OUI lookup, making it easier for users
to identify their router during the onboarding process.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
jedarden 2026-04-09 06:34:57 -04:00
parent b75e86ff1c
commit 24e652a389
2 changed files with 39217 additions and 195 deletions

View file

@ -124,6 +124,20 @@
hideAPDetectionBanner();
}
// ============================================
// Helpers
// ============================================
function escapeHtml(s) {
if (!s) return '';
return String(s)
.replace(/&/g, '&amp;')
.replace(/</g, '&lt;')
.replace(/>/g, '&gt;')
.replace(/"/g, '&quot;')
.replace(/'/g, '&#039;');
}
// ============================================
// UI Rendering
// ============================================
@ -135,14 +149,20 @@
const banner = document.createElement('div');
banner.id = 'ap-detection-banner';
banner.className = 'ap-detection-banner';
// Build the router description with manufacturer if available
let routerDesc = 'your router';
if (ap.manufacturer) {
routerDesc = 'your router (' + escapeHtml(ap.manufacturer) + ')';
}
banner.innerHTML = `
<div class="ap-detection-content">
<div class="ap-detection-icon">📡</div>
<div class="ap-detection-message">
<div class="ap-detection-title">Router Detected!</div>
<div class="ap-detection-subtitle">
I detected your router (${ap.ap_bssid || 'Unknown'})${ap.ap_channel ? ' on channel ' + ap.channel : ''}.
Place it on the floor plan to improve accuracy.
I detected ${routerDesc}. Place it on the floor plan to improve accuracy.
</div>
</div>
<div class="ap-detection-actions">

File diff suppressed because it is too large Load diff