Add comprehensive scan mode guide to UI

This commit is contained in:
2026-01-01 18:38:40 +11:00
parent 00b27b9468
commit 63d8c57891

View File

@@ -126,6 +126,190 @@
</div>
</form>
</div>
<!-- Scan Mode Guide -->
<div class="card" style="margin-top: 1.5rem;">
<div class="card-header">
<svg class="icon" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 16h-1v-4h-1m1-4h.01M21 12a9 9 0 11-18 0 9 9 0 0118 0z" />
</svg>
<h2>Scan Mode Guide</h2>
</div>
<div style="padding: 1rem;">
<p style="color: var(--text-secondary); margin-bottom: 1.5rem;">
Choose the right scan mode based on what you're trying to discover. Each mode is designed for different situations.
</p>
<!-- Quick Start -->
<div style="background: rgba(59, 130, 246, 0.1); border: 1px solid rgba(59, 130, 246, 0.3); border-radius: 8px; padding: 1rem; margin-bottom: 1.5rem;">
<h4 style="color: var(--accent-primary); margin-bottom: 0.5rem;">🎯 Quick Recommendations</h4>
<ul style="color: var(--text-secondary); padding-left: 1.5rem; margin: 0;">
<li><strong>First time scanning a target?</strong> → Use <code>Normal</code></li>
<li><strong>Testing a website/web app?</strong> → Use <code>WebScan</code></li>
<li><strong>Need to stay undetected?</strong> → Use <code>Stealth</code></li>
<li><strong>Quick scan of many targets?</strong> → Use <code>Flyover</code></li>
<li><strong>Full security audit?</strong> → Use <code>Nuke</code></li>
</ul>
</div>
<!-- Single Target Modes -->
<h4 style="margin-bottom: 1rem; border-bottom: 1px solid var(--border-color); padding-bottom: 0.5rem;">
👤 Single Target Modes
</h4>
<div class="mode-grid" style="display: grid; gap: 1rem; margin-bottom: 1.5rem;">
<div class="mode-item" style="background: var(--bg-secondary); border-radius: 8px; padding: 1rem; border-left: 3px solid var(--accent-primary);">
<h5 style="color: var(--accent-primary); margin-bottom: 0.25rem;">Normal</h5>
<p style="color: var(--text-secondary); font-size: 0.9rem; margin-bottom: 0.5rem;">
<strong>Best for:</strong> General-purpose scanning when you don't know what to expect
</p>
<p style="color: var(--text-muted); font-size: 0.85rem;">
Performs port scanning, service detection, basic web checks, and vulnerability scanning. Good balance of speed and coverage.
</p>
</div>
<div class="mode-item" style="background: var(--bg-secondary); border-radius: 8px; padding: 1rem; border-left: 3px solid var(--accent-secondary);">
<h5 style="color: var(--accent-secondary); margin-bottom: 0.25rem;">Stealth</h5>
<p style="color: var(--text-secondary); font-size: 0.9rem; margin-bottom: 0.5rem;">
<strong>Best for:</strong> When you need to avoid detection or minimize network noise
</p>
<p style="color: var(--text-muted); font-size: 0.85rem;">
Uses slower, quieter techniques. Avoids aggressive scanning that could trigger alerts. Takes longer but less likely to be noticed.
</p>
</div>
<div class="mode-item" style="background: var(--bg-secondary); border-radius: 8px; padding: 1rem; border-left: 3px solid var(--accent-success);">
<h5 style="color: var(--accent-success); margin-bottom: 0.25rem;">Web</h5>
<p style="color: var(--text-secondary); font-size: 0.9rem; margin-bottom: 0.5rem;">
<strong>Best for:</strong> Targets you know are websites (ports 80 and 443 only)
</p>
<p style="color: var(--text-muted); font-size: 0.85rem;">
Focuses only on web services. Fast because it skips non-web ports. Captures screenshots, checks technologies, and finds common web issues.
</p>
</div>
<div class="mode-item" style="background: var(--bg-secondary); border-radius: 8px; padding: 1rem; border-left: 3px solid var(--accent-warning);">
<h5 style="color: var(--accent-warning); margin-bottom: 0.25rem;">WebScan</h5>
<p style="color: var(--text-secondary); font-size: 0.9rem; margin-bottom: 0.5rem;">
<strong>Best for:</strong> Deep web application security testing
</p>
<p style="color: var(--text-muted); font-size: 0.85rem;">
Thorough web app analysis including directory brute-forcing, vulnerability scanning with Nikto/Nuclei, CMS detection, and more. Takes longer but finds more issues.
</p>
</div>
<div class="mode-item" style="background: var(--bg-secondary); border-radius: 8px; padding: 1rem; border-left: 3px solid var(--accent-info);">
<h5 style="color: #06b6d4; margin-bottom: 0.25rem;">Port / WebPortHTTP / WebPortHTTPS</h5>
<p style="color: var(--text-secondary); font-size: 0.9rem; margin-bottom: 0.5rem;">
<strong>Best for:</strong> Services running on non-standard ports (e.g., web server on port 8080)
</p>
<p style="color: var(--text-muted); font-size: 0.85rem;">
Enter the specific port number when using these modes. Use WebPortHTTP for HTTP services or WebPortHTTPS for HTTPS services on custom ports.
</p>
</div>
<div class="mode-item" style="background: var(--bg-secondary); border-radius: 8px; padding: 1rem; border-left: 3px solid var(--accent-danger);">
<h5 style="color: var(--accent-danger); margin-bottom: 0.25rem;">FullPortOnly</h5>
<p style="color: var(--text-secondary); font-size: 0.9rem; margin-bottom: 0.5rem;">
<strong>Best for:</strong> Finding services hidden on unusual ports
</p>
<p style="color: var(--text-muted); font-size: 0.85rem;">
Scans all 65,535 ports. Very thorough but takes significantly longer. Use when you suspect services are running on non-standard ports.
</p>
</div>
</div>
<!-- Multi-Target Modes -->
<h4 style="margin-bottom: 1rem; border-bottom: 1px solid var(--border-color); padding-bottom: 0.5rem;">
👥 Multi-Target Modes <span style="font-size: 0.8rem; color: var(--text-muted);">(require target file)</span>
</h4>
<div class="mode-grid" style="display: grid; gap: 1rem; margin-bottom: 1.5rem;">
<div class="mode-item" style="background: var(--bg-secondary); border-radius: 8px; padding: 1rem; border-left: 3px solid var(--accent-primary);">
<h5 style="color: var(--accent-primary); margin-bottom: 0.25rem;">Flyover</h5>
<p style="color: var(--text-secondary); font-size: 0.9rem; margin-bottom: 0.5rem;">
<strong>Best for:</strong> Quick reconnaissance of many targets
</p>
<p style="color: var(--text-muted); font-size: 0.85rem;">
Fast overview of multiple targets. Perfect for initial scoping to identify which targets need deeper investigation.
</p>
</div>
<div class="mode-item" style="background: var(--bg-secondary); border-radius: 8px; padding: 1rem; border-left: 3px solid var(--accent-secondary);">
<h5 style="color: var(--accent-secondary); margin-bottom: 0.25rem;">Airstrike</h5>
<p style="color: var(--text-secondary); font-size: 0.9rem; margin-bottom: 0.5rem;">
<strong>Best for:</strong> Fast enumeration across many targets
</p>
<p style="color: var(--text-muted); font-size: 0.85rem;">
More thorough than Flyover but still optimized for speed. Good for medium-depth scanning of a target list.
</p>
</div>
<div class="mode-item" style="background: var(--bg-secondary); border-radius: 8px; padding: 1rem; border-left: 3px solid var(--accent-danger);">
<h5 style="color: var(--accent-danger); margin-bottom: 0.25rem;">Nuke</h5>
<p style="color: var(--text-secondary); font-size: 0.9rem; margin-bottom: 0.5rem;">
<strong>Best for:</strong> Complete security audit of multiple targets
</p>
<p style="color: var(--text-muted); font-size: 0.85rem;">
⚠️ <strong>Aggressive mode.</strong> Runs everything - all scans, all checks, maximum coverage. Very thorough but time-consuming and noisy.
</p>
</div>
<div class="mode-item" style="background: var(--bg-secondary); border-radius: 8px; padding: 1rem; border-left: 3px solid var(--accent-info);">
<h5 style="color: #06b6d4; margin-bottom: 0.25rem;">MassWeb / MassWebScan / MassVulnScan / MassPortScan</h5>
<p style="color: var(--text-secondary); font-size: 0.9rem; margin-bottom: 0.5rem;">
<strong>Best for:</strong> Running specific scan types across many targets
</p>
<p style="color: var(--text-muted); font-size: 0.85rem;">
Specialized bulk scanning. MassWeb for web detection, MassWebScan for deep web analysis, MassVulnScan for vulnerability scanning, MassPortScan for port discovery.
</p>
</div>
<div class="mode-item" style="background: var(--bg-secondary); border-radius: 8px; padding: 1rem; border-left: 3px solid var(--accent-success);">
<h5 style="color: var(--accent-success); margin-bottom: 0.25rem;">Discover</h5>
<p style="color: var(--text-secondary); font-size: 0.9rem; margin-bottom: 0.5rem;">
<strong>Best for:</strong> Network/CIDR range scanning (e.g., 192.168.1.0/24)
</p>
<p style="color: var(--text-muted); font-size: 0.85rem;">
Use to find live hosts on a network. Enter a network range instead of a single target to discover all active devices.
</p>
</div>
</div>
<!-- Options Explained -->
<h4 style="margin-bottom: 1rem; border-bottom: 1px solid var(--border-color); padding-bottom: 0.5rem;">
⚙️ Additional Options Explained
</h4>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 1rem;">
<div style="background: var(--bg-secondary); border-radius: 8px; padding: 1rem;">
<h5 style="color: var(--accent-primary); margin-bottom: 0.5rem;"> Enable OSINT</h5>
<p style="color: var(--text-secondary); font-size: 0.85rem;">
Searches public sources (Shodan, Censys, etc.) for information about your target. Finds exposed services, historical data, and leaked information.
</p>
</div>
<div style="background: var(--bg-secondary); border-radius: 8px; padding: 1rem;">
<h5 style="color: var(--accent-secondary); margin-bottom: 0.5rem;"> Enable Recon</h5>
<p style="color: var(--text-secondary); font-size: 0.85rem;">
Discovers subdomains and DNS information. Essential for finding all assets associated with a domain (e.g., mail.example.com, dev.example.com).
</p>
</div>
<div style="background: var(--bg-secondary); border-radius: 8px; padding: 1rem;">
<h5 style="color: var(--accent-warning); margin-bottom: 0.5rem;"> Enable Bruteforce</h5>
<p style="color: var(--text-secondary); font-size: 0.85rem;">
Attempts to find hidden directories and login pages. Also tries common password attacks on discovered services. ⚠️ Can be noisy.
</p>
</div>
<div style="background: var(--bg-secondary); border-radius: 8px; padding: 1rem;">
<h5 style="color: var(--accent-danger); margin-bottom: 0.5rem;"> Full Port Scan</h5>
<p style="color: var(--text-secondary); font-size: 0.85rem;">
Scans all 65,535 ports instead of just common ones. Takes much longer but finds services running on unusual ports.
</p>
</div>
</div>
</div>
</div>
</div>
<!-- Workspaces Tab -->