feat: Add collapsible sidebar with mode-specific section ordering

- Sidebar sections now rearrange based on active mode
- Mode info section (e.g., WiFi Scanning, Spectrum Analyzer) appears at top expanded
- Signal Source and SDR Device sections collapse and move below mode sections
- Other mode sections default to collapsed state
- Sections restore to original containers when switching modes
- Fix SCAN/LISTEN button styling consistency in Listening Post
- Reorder WiFi sections: WiFi Scanning, Signal Source, Monitor Mode, Scan Settings, Attack Options, Proximity Alerts, Export

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Smittix
2026-01-30 13:25:54 +00:00
parent 623a0da056
commit 68d831dbe3
10 changed files with 1671 additions and 320 deletions
+20 -21
View File
@@ -5,6 +5,16 @@
<!-- Populated by JavaScript with capability warnings -->
</div>
<div class="section">
<h3>Bluetooth Scanning</h3>
<p style="color: var(--text-secondary); font-size: 11px; line-height: 1.5; margin-bottom: 15px;">
Scan for nearby Bluetooth devices including trackers, phones, and other wireless devices.
</p>
<div style="background: rgba(74, 158, 255, 0.1); border: 1px solid rgba(74, 158, 255, 0.3); border-radius: 4px; padding: 8px; font-size: 10px;">
<span style="color: var(--accent-cyan);">Controls in function bar above</span>
</div>
</div>
<!-- Show All Agents option (visible when agents are available) -->
<div id="btShowAllAgentsContainer" class="section" style="display: none; padding: 8px;">
<label class="inline-checkbox" style="font-size: 10px;">
@@ -15,12 +25,6 @@
<div class="section">
<h3>Scanner Configuration</h3>
<div class="form-group">
<label>Adapter</label>
<select id="btAdapterSelect">
<option value="">Detecting adapters...</option>
</select>
</div>
<div class="form-group">
<label>Scan Mode</label>
<select id="btScanMode">
@@ -30,14 +34,6 @@
<option value="bluetoothctl">bluetoothctl (Linux)</option>
</select>
</div>
<div class="form-group">
<label>Transport</label>
<select id="btTransport">
<option value="auto">Auto (BLE + Classic)</option>
<option value="le">BLE Only</option>
<option value="br_edr">Classic Only</option>
</select>
</div>
<div class="form-group">
<label>Duration (seconds, 0 = continuous)</label>
<input type="number" id="btScanDuration" value="0" min="0" max="300" placeholder="0">
@@ -54,13 +50,6 @@
<!-- Message Container for status cards -->
<div id="btMessageContainer"></div>
<button class="run-btn" id="startBtBtn" onclick="btStartScan()">
Start Scanning
</button>
<button class="stop-btn" id="stopBtBtn" onclick="btStopScan()" style="display: none;">
Stop Scanning
</button>
<div class="section" style="margin-top: 10px;">
<h3>Export</h3>
<div style="display: flex; gap: 8px;">
@@ -72,4 +61,14 @@
</button>
</div>
</div>
<!-- Hidden inputs for action bar sync -->
<select id="btAdapterSelect" style="display: none;">
<option value="">Detecting adapters...</option>
</select>
<select id="btTransport" style="display: none;">
<option value="auto">Auto (BLE + Classic)</option>
<option value="le">BLE Only</option>
<option value="br_edr">Classic Only</option>
</select>
</div>