mirror of
https://github.com/smittix/intercept.git
synced 2026-06-09 22:43:32 -07:00
Smittix
978e6cdaea
- Fix function strip content being clipped by changing overflow to visible - Add min-height and increased padding to function strip - Add explicit colors for TSCM strip stat values and labels - Fix output-panel overflow for TSCM mode using :has() selector - Add CSS variables --bg-dark and --bg-panel aliases - Clean up sidebar section margins for consistent spacing - Add unique IDs to WiFi/Bluetooth export sections for restore function Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
171 lines
11 KiB
HTML
171 lines
11 KiB
HTML
<!-- WiFi MODE -->
|
|
<div id="wifiMode" class="mode-content">
|
|
<div class="section">
|
|
<h3>WiFi Scanning</h3>
|
|
<p style="color: var(--text-secondary); font-size: 11px; line-height: 1.5; margin-bottom: 15px;">
|
|
Scan for nearby WiFi networks, analyze channels, and monitor wireless activity.
|
|
</p>
|
|
<!-- Scan Mode Tabs -->
|
|
<div style="margin-top: 12px;">
|
|
<div class="wifi-scan-mode-tabs" style="display: flex; gap: 4px; margin-bottom: 10px;">
|
|
<button id="wifiScanModeQuick" class="wifi-mode-tab active">
|
|
Quick Scan
|
|
</button>
|
|
<button id="wifiScanModeDeep" class="wifi-mode-tab">
|
|
Deep Scan
|
|
</button>
|
|
</div>
|
|
<!-- Scan Control Buttons -->
|
|
<div id="wifiScanControls" style="display: flex; gap: 8px;">
|
|
<button id="wifiQuickScanBtn" class="preset-btn wifi-start-btn" onclick="if(typeof WiFiMode !== 'undefined') WiFiMode.startQuickScan()" style="flex: 1;">
|
|
Start Quick Scan
|
|
</button>
|
|
<button id="wifiDeepScanBtn" class="preset-btn wifi-start-btn" onclick="if(typeof WiFiMode !== 'undefined') WiFiMode.startDeepScan()" style="flex: 1; display: none;">
|
|
Start Deep Scan
|
|
</button>
|
|
<button id="wifiStopScanBtn" class="preset-btn wifi-stop-btn" onclick="if(typeof WiFiMode !== 'undefined') WiFiMode.stopScan()" style="flex: 1; display: none;">
|
|
Stop Scan
|
|
</button>
|
|
</div>
|
|
<div id="wifiCapabilityStatus" class="info-text" style="margin-top: 8px; font-size: 10px;"></div>
|
|
<!-- Show All Agents option (visible when agents are available) -->
|
|
<div id="wifiShowAllAgentsContainer" style="margin-top: 8px; display: none;">
|
|
<label class="inline-checkbox" style="font-size: 10px;">
|
|
<input type="checkbox" id="wifiShowAllAgents" onchange="if(typeof WiFiMode !== 'undefined') WiFiMode.toggleShowAllAgents(this.checked)">
|
|
Show networks from all agents
|
|
</label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h3>Monitor Mode</h3>
|
|
<div style="display: flex; gap: 8px;">
|
|
<button class="preset-btn wifi-monitor-btn" id="monitorStartBtn" onclick="WiFiHelpers.enableMonitorMode()" style="flex: 1;">
|
|
Enable Monitor
|
|
</button>
|
|
<button class="preset-btn wifi-monitor-stop-btn" id="monitorStopBtn" onclick="WiFiHelpers.disableMonitorMode()" style="flex: 1; display: none;">
|
|
Disable Monitor
|
|
</button>
|
|
</div>
|
|
<div class="checkbox-group" style="margin-top: 8px;">
|
|
<label style="font-size: 10px;">
|
|
<input type="checkbox" id="killProcesses">
|
|
Kill interfering processes (may drop other connections)
|
|
</label>
|
|
</div>
|
|
<div id="monitorStatus" class="info-text" style="margin-top: 8px;">
|
|
Monitor mode: <span style="color: var(--accent-red);">Inactive</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h3>Scan Settings</h3>
|
|
<div class="form-group">
|
|
<label>Channel (empty = hop)</label>
|
|
<input type="text" id="wifiChannel" placeholder="e.g., 6 or 36">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h3>Attack Options</h3>
|
|
<div class="info-text" style="color: var(--accent-red); margin-bottom: 10px;">
|
|
<span class="icon icon--sm"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg></span> Only use on authorized networks
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Target BSSID</label>
|
|
<input type="text" id="targetBssid" placeholder="AA:BB:CC:DD:EE:FF">
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Target Client (optional)</label>
|
|
<input type="text" id="targetClient" placeholder="FF:FF:FF:FF:FF:FF (broadcast)">
|
|
</div>
|
|
<div class="form-group">
|
|
<label>Deauth Count</label>
|
|
<input type="text" id="deauthCount" value="5" placeholder="5">
|
|
</div>
|
|
<button class="preset-btn wifi-danger-btn" onclick="WiFiHelpers.sendDeauth()" style="width: 100%;">
|
|
Send Deauth
|
|
</button>
|
|
</div>
|
|
|
|
<div class="section">
|
|
<h3>Proximity Alerts</h3>
|
|
<div class="info-text" style="margin-bottom: 8px;">
|
|
Alert when specific MAC addresses appear
|
|
</div>
|
|
<div class="form-group">
|
|
<input type="text" id="watchMacInput" placeholder="AA:BB:CC:DD:EE:FF">
|
|
</div>
|
|
<button class="preset-btn" onclick="WiFiHelpers.addWatchMac()" style="width: 100%; margin-bottom: 8px;">
|
|
Add to Watch List
|
|
</button>
|
|
<div id="watchList" style="max-height: 80px; overflow-y: auto; font-size: 10px; color: var(--text-dim);"></div>
|
|
</div>
|
|
|
|
<!-- Handshake Capture Status Panel -->
|
|
<div class="section" id="captureStatusPanel" style="display: none; border: 1px solid var(--accent-orange); border-radius: 4px; padding: 10px; background: rgba(255, 165, 0, 0.1);">
|
|
<h3 style="color: var(--accent-orange); margin: 0 0 8px 0;"><span class="icon icon--sm"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><circle cx="12" cy="12" r="6"/><circle cx="12" cy="12" r="2"/></svg></span> Handshake Capture</h3>
|
|
<div style="font-size: 11px;">
|
|
<div style="margin-bottom: 4px;">
|
|
<span style="color: var(--text-dim);">Target:</span>
|
|
<span id="captureTargetBssid" style="font-family: monospace;">--</span>
|
|
</div>
|
|
<div style="margin-bottom: 4px;">
|
|
<span style="color: var(--text-dim);">Channel:</span>
|
|
<span id="captureTargetChannel">--</span>
|
|
</div>
|
|
<div style="margin-bottom: 4px;">
|
|
<span style="color: var(--text-dim);">File:</span>
|
|
<span id="captureFilePath" style="font-size: 9px; word-break: break-all;">--</span>
|
|
</div>
|
|
<div style="margin-bottom: 8px;">
|
|
<span style="color: var(--text-dim);">Status:</span>
|
|
<span id="captureStatus" style="font-weight: bold;">--</span>
|
|
</div>
|
|
<div style="display: flex; gap: 8px;">
|
|
<button class="preset-btn" onclick="WiFiHelpers.checkCaptureStatus()" style="flex: 1; font-size: 10px; padding: 4px;">
|
|
Check Status
|
|
</button>
|
|
<button class="preset-btn wifi-stop-btn" onclick="WiFiHelpers.stopHandshakeCapture()" style="flex: 1; font-size: 10px; padding: 4px;">
|
|
Stop Capture
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Beacon Flood Alert Panel -->
|
|
<div id="beaconFloodAlert" class="beacon-flood-alert" style="display: none;">
|
|
<h4 style="color: #ff4444; margin: 0 0 8px 0;"><span class="icon icon--sm"><svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z"/><line x1="12" y1="9" x2="12" y2="13"/><line x1="12" y1="17" x2="12.01" y2="17"/></svg></span> BEACON FLOOD DETECTED</h4>
|
|
<div style="font-size: 11px;">
|
|
<div id="beaconFloodDetails">Multiple beacon frames detected from same channel</div>
|
|
<div style="margin-top: 8px;">
|
|
<span style="color: var(--text-dim);">Networks/sec:</span>
|
|
<span id="beaconFloodRate" style="font-weight: bold; color: #ff4444;">--</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="section" id="wifiExportSection">
|
|
<h3>Export</h3>
|
|
<div style="display: flex; gap: 8px;">
|
|
<button class="preset-btn" id="wifiExportCsvBtn" onclick="WiFiMode.exportData('csv')" style="flex: 1;">
|
|
Export CSV
|
|
</button>
|
|
<button class="preset-btn" onclick="WiFiMode.exportData('json')" style="flex: 1;">
|
|
Export JSON
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Hidden inputs for action bar sync -->
|
|
<select id="wifiInterfaceSelect" style="display: none;">
|
|
<option value="">Detecting interfaces...</option>
|
|
</select>
|
|
<select id="wifiBand" style="display: none;">
|
|
<option value="abg">All (2.4 + 5 GHz)</option>
|
|
<option value="bg">2.4 GHz only</option>
|
|
<option value="a">5 GHz only</option>
|
|
</select>
|
|
</div>
|