aura-security 0.4.9 → 0.5.1

package/dist/cli.js

@@ -24,7 +24,7 @@ import { existsSync, writeFileSync, mkdirSync } from 'fs';
 import { join, resolve, basename } from 'path';
 import { spawnSync } from 'child_process';
 const AURA_URL = process.env.AURA_URL ?? 'http://127.0.0.1:3000';
-const VERSION = '0.4.8';
+const VERSION = '0.5.1';
 // ANSI colors for terminal output
 const colors = {
     reset: '\x1b[0m',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "aura-security",
-  "version": "0.4.9",
+  "version": "0.5.1",
   "description": "Deterministic security auditing engine with optional AI advisory layer. Run as CLI, CI step, or service. AI does not make enforcement decisions.",
   "type": "module",
   "main": "dist/index.js",

package/visualizer/docs.html

@@ -349,6 +349,103 @@
       margin: 0;
     }
 
+    /* Screenshot Comparison */
+    .screenshot-comparison {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 2rem;
+      margin: 2rem 0;
+    }
+
+    .screenshot-card {
+      background: var(--bg-card);
+      border-radius: 16px;
+      overflow: hidden;
+      border: 1px solid var(--border);
+    }
+
+    .screenshot-label {
+      padding: 1rem 1.25rem;
+      display: flex;
+      align-items: center;
+      gap: 0.75rem;
+      font-weight: 600;
+      font-size: 0.9375rem;
+    }
+
+    .screenshot-card.bad .screenshot-label {
+      background: rgba(239, 68, 68, 0.1);
+      border-bottom: 2px solid var(--critical);
+      color: var(--critical);
+    }
+
+    .screenshot-card.good .screenshot-label {
+      background: rgba(34, 197, 94, 0.1);
+      border-bottom: 2px solid var(--success);
+      color: var(--success);
+    }
+
+    .screenshot-icon {
+      font-size: 1.25rem;
+    }
+
+    .screenshot-container {
+      position: relative;
+      background: #0d1117;
+      min-height: 280px;
+    }
+
+    .screenshot-container img {
+      width: 100%;
+      height: auto;
+      display: block;
+    }
+
+    .screenshot-placeholder {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      height: 280px;
+      text-align: center;
+      padding: 2rem;
+    }
+
+    .screenshot-placeholder.bad {
+      background: linear-gradient(135deg, rgba(239, 68, 68, 0.1), rgba(249, 115, 22, 0.1));
+    }
+
+    .screenshot-placeholder.good {
+      background: linear-gradient(135deg, rgba(34, 197, 94, 0.1), rgba(6, 182, 212, 0.1));
+    }
+
+    .placeholder-icon {
+      font-size: 4rem;
+      margin-bottom: 1rem;
+      opacity: 0.8;
+    }
+
+    .placeholder-text {
+      color: var(--text-secondary);
+      font-size: 1rem;
+      line-height: 1.5;
+    }
+
+    .placeholder-text small {
+      opacity: 0.7;
+    }
+
+    .screenshot-caption {
+      padding: 1rem 1.25rem;
+      font-size: 0.8125rem;
+      color: var(--text-secondary);
+      border-top: 1px solid var(--border);
+    }
+
+    .screenshot-caption strong {
+      color: var(--text);
+    }
+
     /* Comparison */
     .comparison {
       display: grid;
@@ -555,6 +652,9 @@
       .comparison {
         grid-template-columns: 1fr;
       }
+      .screenshot-comparison {
+        grid-template-columns: 1fr;
+      }
       .slop-grid {
         grid-template-columns: 1fr;
       }
@@ -797,6 +897,47 @@
       <h2>Good vs Bad: Real Examples</h2>
       <p>Here's what secure and insecure repositories look like when scanned with aurasecurity:</p>
 
+      <!-- 3D Visualizer Screenshots -->
+      <h3>3D Visualization Comparison</h3>
+      <p>See the difference at a glance - red means danger, green means safe:</p>
+
+      <div class="screenshot-comparison">
+        <div class="screenshot-card bad">
+          <div class="screenshot-label">
+            <span class="screenshot-icon bad">&#10060;</span>
+            <span>Vulnerable Repository</span>
+          </div>
+          <div class="screenshot-container">
+            <img src="https://app.aurasecurity.io/screenshots/bad-repo.png" alt="3D view of vulnerable repository with red nodes" onerror="this.parentElement.innerHTML='<div class=\'screenshot-placeholder bad\'><div class=\'placeholder-icon\'>&#128308;</div><div class=\'placeholder-text\'>juice-shop scan result<br><small>Red node = 9 secrets found</small></div></div>'">
+          </div>
+          <div class="screenshot-caption">
+            <strong>juice-shop</strong> - Multiple red severity indicators orbiting the node. Each red sphere represents a critical or high finding.
+          </div>
+        </div>
+
+        <div class="screenshot-card good">
+          <div class="screenshot-label">
+            <span class="screenshot-icon good">&#9989;</span>
+            <span>Clean Repository</span>
+          </div>
+          <div class="screenshot-container">
+            <img src="https://app.aurasecurity.io/screenshots/good-repo.png" alt="3D view of clean repository with green node" onerror="this.parentElement.innerHTML='<div class=\'screenshot-placeholder good\'><div class=\'placeholder-icon\'>&#128994;</div><div class=\'placeholder-text\'>aurasecurity scan result<br><small>Green node = 0 issues</small></div></div>'">
+          </div>
+          <div class="screenshot-caption">
+            <strong>aurasecurity</strong> - Clean green node with no severity indicators. This is your target state.
+          </div>
+        </div>
+      </div>
+
+      <div class="info-box">
+        <h5>&#127912; Reading the 3D View</h5>
+        <p><strong>Node Color:</strong> Red = critical issues, Orange = high, Yellow = medium, Green = clean<br>
+        <strong>Orbiting Shapes:</strong> Each shape around a node represents a finding category. More shapes = more issues.<br>
+        <strong>Click to Drill Down:</strong> Click any node to see severity breakdown, click severity to see individual findings.</p>
+      </div>
+
+      <!-- Stats Comparison Cards -->
+      <h3>Scan Statistics</h3>
       <div class="comparison">
         <div class="comparison-card bad">
           <div class="comparison-header">
@@ -815,7 +956,7 @@
             </div>
             <div class="comparison-stat">
               <span class="stat-label">High Findings</span>
-              <span class="stat-value high">4 (API Keys)</span>
+              <span class="stat-value high">8 (API Keys)</span>
             </div>
             <div class="comparison-stat">
               <span class="stat-label">Medium Findings</span>
@@ -827,7 +968,7 @@
             </div>
             <div class="comparison-stat">
               <span class="stat-label">Total Issues</span>
-              <span class="stat-value critical">20</span>
+              <span class="stat-value critical">24</span>
             </div>
           </div>
         </div>
@@ -835,13 +976,13 @@
         <div class="comparison-card good">
           <div class="comparison-header">
             <span>&#9989;</span>
-            <span>get-shit-done (Clean)</span>
+            <span>aurasecurity (Clean)</span>
           </div>
           <div class="comparison-body">
-            <p style="font-size: 0.875rem; margin-bottom: 1rem;">A simple productivity tool with no security findings.</p>
+            <p style="font-size: 0.875rem; margin-bottom: 1rem;">Our own repository - we practice what we preach.</p>
             <div class="comparison-stat">
               <span class="stat-label">Scan Time</span>
-              <span class="stat-value">2.87s</span>
+              <span class="stat-value">4.10s</span>
             </div>
             <div class="comparison-stat">
               <span class="stat-label">Critical Findings</span>

package/visualizer/index-minimal.html

@@ -436,13 +436,6 @@
       overflow-y: auto;
     }
 
-    /* Mobile: hide details panel */
-    @media (max-width: 768px) {
-      #details-panel {
-        display: none;
-      }
-    }
-
     .selected-repo-header {
       display: none;
       padding: 12px;
@@ -584,6 +577,152 @@
       color: var(--text-primary);
     }
 
+    /* Filter toggles */
+    .filter-section {
+      margin-bottom: 16px;
+      padding-bottom: 12px;
+      border-bottom: 1px solid var(--border);
+    }
+
+    .filter-label {
+      font-size: 11px;
+      color: var(--text-muted);
+      margin-bottom: 8px;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+    }
+
+    .filter-toggles {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 6px;
+    }
+
+    .filter-toggle {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+      padding: 4px 10px;
+      background: var(--bg-primary);
+      border: 1px solid var(--border);
+      border-radius: 4px;
+      font-size: 11px;
+      font-family: inherit;
+      color: var(--text-secondary);
+      cursor: pointer;
+      transition: all 0.15s;
+    }
+
+    .filter-toggle:hover {
+      border-color: var(--border-light);
+      color: var(--text-primary);
+    }
+
+    .filter-toggle.active {
+      background: var(--accent-subtle);
+      border-color: var(--accent);
+      color: var(--accent);
+    }
+
+    .filter-toggle.active.critical {
+      background: var(--critical-subtle);
+      border-color: var(--critical);
+      color: var(--critical);
+    }
+
+    .filter-toggle.active.high {
+      background: var(--high-subtle);
+      border-color: var(--high);
+      color: var(--high);
+    }
+
+    .filter-toggle.active.medium {
+      background: var(--warning-subtle);
+      border-color: var(--warning);
+      color: var(--warning);
+    }
+
+    .filter-toggle.active.low {
+      background: var(--success-subtle);
+      border-color: var(--success);
+      color: var(--success);
+    }
+
+    .filter-toggle .toggle-dot {
+      width: 6px;
+      height: 6px;
+      border-radius: 50%;
+      background: currentColor;
+      opacity: 0.6;
+    }
+
+    .filter-toggle.active .toggle-dot {
+      opacity: 1;
+    }
+
+    .filter-toggle .toggle-count {
+      font-weight: 600;
+      margin-left: 2px;
+    }
+
+    /* Badge generator */
+    .badge-section {
+      margin-top: 16px;
+      padding-top: 12px;
+      border-top: 1px solid var(--border);
+    }
+
+    .badge-preview {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      margin-bottom: 12px;
+      padding: 12px;
+      background: var(--bg-primary);
+      border-radius: 6px;
+      justify-content: center;
+    }
+
+    .badge-preview img {
+      height: 20px;
+    }
+
+    .badge-code {
+      background: var(--bg-primary);
+      border: 1px solid var(--border);
+      border-radius: 6px;
+      padding: 10px;
+      font-family: 'SF Mono', Monaco, monospace;
+      font-size: 11px;
+      color: var(--text-secondary);
+      word-break: break-all;
+      margin-bottom: 8px;
+    }
+
+    .badge-actions {
+      display: flex;
+      gap: 6px;
+    }
+
+    .badge-actions .btn {
+      width: auto;
+      padding: 6px 12px;
+      font-size: 11px;
+      margin-top: 0;
+    }
+
+    .copy-success {
+      color: var(--success);
+      font-size: 11px;
+      margin-left: 8px;
+      opacity: 0;
+      transition: opacity 0.2s;
+    }
+
+    .copy-success.visible {
+      opacity: 1;
+    }
+
     /* Empty state */
     .empty-state {
       text-align: center;
@@ -729,12 +868,63 @@
       <div class="selected-repo-path" id="selectedRepoPath">-</div>
     </div>
 
+    <!-- Filter Toggles -->
+    <div class="filter-section" id="filterSection" style="display: none;">
+      <div class="filter-label">Filter by Severity</div>
+      <div class="filter-toggles" id="severityFilters">
+        <button class="filter-toggle active critical" data-filter="critical" onclick="toggleFilter('severity', 'critical')">
+          <span class="toggle-dot"></span>Critical <span class="toggle-count" id="countCritical">0</span>
+        </button>
+        <button class="filter-toggle active high" data-filter="high" onclick="toggleFilter('severity', 'high')">
+          <span class="toggle-dot"></span>High <span class="toggle-count" id="countHigh">0</span>
+        </button>
+        <button class="filter-toggle active medium" data-filter="medium" onclick="toggleFilter('severity', 'medium')">
+          <span class="toggle-dot"></span>Medium <span class="toggle-count" id="countMedium">0</span>
+        </button>
+        <button class="filter-toggle active low" data-filter="low" onclick="toggleFilter('severity', 'low')">
+          <span class="toggle-dot"></span>Low <span class="toggle-count" id="countLow">0</span>
+        </button>
+      </div>
+      <div class="filter-label" style="margin-top: 12px;">Filter by Type</div>
+      <div class="filter-toggles" id="typeFilters">
+        <button class="filter-toggle active" data-filter="SECRET" onclick="toggleFilter('type', 'SECRET')">
+          <span class="toggle-dot"></span>Secrets
+        </button>
+        <button class="filter-toggle active" data-filter="VULN" onclick="toggleFilter('type', 'VULN')">
+          <span class="toggle-dot"></span>Vulns
+        </button>
+        <button class="filter-toggle active" data-filter="CODE" onclick="toggleFilter('type', 'CODE')">
+          <span class="toggle-dot"></span>Code
+        </button>
+        <button class="filter-toggle active" data-filter="IAC" onclick="toggleFilter('type', 'IAC')">
+          <span class="toggle-dot"></span>IaC
+        </button>
+        <button class="filter-toggle active" data-filter="DOCKER" onclick="toggleFilter('type', 'DOCKER')">
+          <span class="toggle-dot"></span>Docker
+        </button>
+      </div>
+    </div>
+
     <div class="finding-list" id="findingList">
       <div class="empty-state">
         <div class="empty-state-icon">🔍</div>
         <p>Select a target to view findings</p>
       </div>
     </div>
+
+    <!-- Badge Generator -->
+    <div class="badge-section" id="badgeSection" style="display: none;">
+      <div class="filter-label">Security Badge</div>
+      <div class="badge-preview" id="badgePreview">
+        <img id="badgeImg" src="" alt="Security Badge">
+      </div>
+      <div class="badge-code" id="badgeCode">Select a repo to generate badge</div>
+      <div class="badge-actions">
+        <button class="btn btn-secondary" onclick="copyBadge('markdown')">Copy Markdown</button>
+        <button class="btn btn-secondary" onclick="copyBadge('html')">Copy HTML</button>
+        <span class="copy-success" id="copySuccess">Copied!</span>
+      </div>
+    </div>
   </div>
 
   <!-- Reports Panel (Center, hidden by default) -->
@@ -1659,6 +1849,113 @@
     }
     window.selectRepo = selectRepo;
 
+    // ========== FILTER TOGGLES ==========
+    const filters = {
+      severity: { critical: true, high: true, medium: true, low: true },
+      type: { SECRET: true, VULN: true, CODE: true, IAC: true, DOCKER: true }
+    };
+
+    function toggleFilter(category, value) {
+      filters[category][value] = !filters[category][value];
+
+      // Update button state
+      const btn = document.querySelector(`.filter-toggle[data-filter="${value}"]`);
+      if (btn) {
+        btn.classList.toggle('active', filters[category][value]);
+      }
+
+      // Re-render findings list with filters
+      if (state.selectedRepo) {
+        const repo = state.repos.find(r => r.id === state.selectedRepo);
+        if (repo) {
+          updateFindingsList(repo);
+        }
+      }
+    }
+    window.toggleFilter = toggleFilter;
+
+    function updateFilterCounts(repo) {
+      const counts = { critical: 0, high: 0, medium: 0, low: 0 };
+      if (repo && repo.findings) {
+        repo.findings.forEach(f => {
+          const sev = f.severity?.toLowerCase() || 'medium';
+          if (counts[sev] !== undefined) counts[sev]++;
+        });
+      }
+
+      document.getElementById('countCritical').textContent = counts.critical;
+      document.getElementById('countHigh').textContent = counts.high;
+      document.getElementById('countMedium').textContent = counts.medium;
+      document.getElementById('countLow').textContent = counts.low;
+    }
+
+    // ========== BADGE GENERATOR ==========
+    function generateBadge(repo) {
+      if (!repo) return;
+
+      const secrets = repo.secrets || 0;
+      const vulns = repo.vulns || 0;
+
+      // Determine status and color
+      let status, color;
+      if (secrets > 0) {
+        status = `${secrets} secrets`;
+        color = 'critical';
+      } else if (vulns > 10) {
+        status = `${vulns} vulns`;
+        color = 'important';
+      } else if (vulns > 0) {
+        status = `${vulns} vulns`;
+        color = 'yellow';
+      } else {
+        status = 'passing';
+        color = 'success';
+      }
+
+      // Generate shields.io URL
+      const label = 'security';
+      const encodedStatus = encodeURIComponent(status);
+      const badgeUrl = `https://img.shields.io/badge/${label}-${encodedStatus}-${color}?style=flat-square&logo=shield&logoColor=white`;
+
+      // Update preview
+      const badgeImg = document.getElementById('badgeImg');
+      badgeImg.src = badgeUrl;
+      badgeImg.alt = `Security: ${status}`;
+
+      // Store for copy functions
+      window.currentBadge = {
+        url: badgeUrl,
+        label: label,
+        status: status,
+        repoName: repo.name
+      };
+
+      // Update code preview with markdown
+      const markdown = `[![Security](${badgeUrl})](https://aurasecurity.io)`;
+      document.getElementById('badgeCode').textContent = markdown;
+
+      // Show badge section
+      document.getElementById('badgeSection').style.display = 'block';
+    }
+
+    function copyBadge(format) {
+      if (!window.currentBadge) return;
+
+      let text;
+      if (format === 'markdown') {
+        text = `[![Security](${window.currentBadge.url})](https://aurasecurity.io)`;
+      } else {
+        text = `<a href="https://aurasecurity.io"><img src="${window.currentBadge.url}" alt="Security"></a>`;
+      }
+
+      navigator.clipboard.writeText(text).then(() => {
+        const successEl = document.getElementById('copySuccess');
+        successEl.classList.add('visible');
+        setTimeout(() => successEl.classList.remove('visible'), 2000);
+      });
+    }
+    window.copyBadge = copyBadge;
+
     function updateUI() {
       let totalCrit = 0, totalWarn = 0;
       state.repos.forEach(r => {
@@ -1702,7 +1999,17 @@
     function updateFindingsList(repo) {
       const container = document.getElementById('findingList');
 
+      // Show/hide filter section
+      document.getElementById('filterSection').style.display = repo && repo.findings?.length > 0 ? 'block' : 'none';
+
+      // Update filter counts
+      updateFilterCounts(repo);
+
+      // Generate badge
+      generateBadge(repo);
+
       if (!repo || repo.findings.length === 0) {
+        document.getElementById('badgeSection').style.display = 'none';
         container.innerHTML = `
           <div class="empty-state">
             <div class="empty-state-icon">✓</div>
@@ -1712,7 +2019,24 @@
         return;
       }
 
-      container.innerHTML = repo.findings.map(f => `
+      // Apply filters
+      const filtered = repo.findings.filter(f => {
+        const sev = f.severity?.toLowerCase() || 'medium';
+        const type = f.type || 'CODE';
+        return filters.severity[sev] && filters.type[type];
+      });
+
+      if (filtered.length === 0) {
+        container.innerHTML = `
+          <div class="empty-state">
+            <div class="empty-state-icon">🔍</div>
+            <p>No findings match current filters</p>
+          </div>
+        `;
+        return;
+      }
+
+      container.innerHTML = filtered.map(f => `
         <div class="finding-item ${f.severity}">
           <div class="finding-header">
             <span class="finding-severity">${f.severity}</span>

package/visualizer/index.html

@@ -421,49 +421,6 @@
       box-shadow: 0 0 30px #00ff88;
     }
 
-    /* Filter Toggles */
-    .filter-toggle {
-      display: flex;
-      align-items: center;
-      gap: 4px;
-      padding: 4px 8px;
-      background: rgba(0, 20, 10, 0.6);
-      border: 1px solid #00ff8844;
-      border-radius: 4px;
-      font-size: 10px;
-      cursor: pointer;
-      transition: all 0.2s;
-      user-select: none;
-    }
-
-    .filter-toggle input {
-      display: none;
-    }
-
-    .filter-toggle .filter-icon {
-      width: 14px;
-      height: 14px;
-      border-radius: 3px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      font-size: 8px;
-    }
-
-    .filter-toggle.active {
-      border-color: #00ff88;
-      background: rgba(0, 255, 136, 0.1);
-    }
-
-    .filter-toggle:not(.active) {
-      opacity: 0.5;
-      border-color: #333;
-    }
-
-    .filter-toggle:hover {
-      border-color: #00ff88;
-    }
-
     /* Scrollbar */
     ::-webkit-scrollbar { width: 6px; }
     ::-webkit-scrollbar-track { background: #0a0a0f; }
@@ -658,32 +615,6 @@
 
     <div class="panel">
       <div class="panel-title">Security Findings</div>
-      <!-- Filter Toggles -->
-      <div id="findingsFilter" style="margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #00ff8833;">
-        <div style="font-size: 9px; color: #666; margin-bottom: 6px; text-transform: uppercase; letter-spacing: 1px;">Filter by Type:</div>
-        <div style="display: flex; flex-wrap: wrap; gap: 6px;">
-          <label class="filter-toggle active" data-filter="secrets">
-            <input type="checkbox" checked onchange="toggleFilter('secrets', this.checked)">
-            <span class="filter-icon" style="background: #ff0088;">🔑</span>
-            <span>Secrets</span>
-          </label>
-          <label class="filter-toggle active" data-filter="cves">
-            <input type="checkbox" checked onchange="toggleFilter('cves', this.checked)">
-            <span class="filter-icon" style="background: #ff4400;">📦</span>
-            <span>CVEs</span>
-          </label>
-          <label class="filter-toggle active" data-filter="dockerfile">
-            <input type="checkbox" checked onchange="toggleFilter('dockerfile', this.checked)">
-            <span class="filter-icon" style="background: #00aaff;">🐳</span>
-            <span>Docker</span>
-          </label>
-          <label class="filter-toggle active" data-filter="sast">
-            <input type="checkbox" checked onchange="toggleFilter('sast', this.checked)">
-            <span class="filter-icon" style="background: #ffaa00;">🔬</span>
-            <span>SAST</span>
-          </label>
-        </div>
-      </div>
       <div id="findingsList">
         <p style="color: #666; font-size: 11px;">No findings yet. Run an audit to detect issues.</p>
       </div>
@@ -694,34 +625,6 @@
       <div class="panel-title">Settings <span id="settingsStatus" style="color: #666; font-size: 10px;"></span></div>
       <button class="btn secondary" style="width: 100%;" onclick="openSettingsModal()">Configure Integrations</button>
     </div>
-
-    <!-- Badge Generator Panel -->
-    <div class="panel">
-      <div class="panel-title">Badge Generator</div>
-      <p style="font-size: 10px; color: #666; margin-bottom: 8px;">Generate shields for your README</p>
-      <div id="badgePreview" style="margin-bottom: 10px; text-align: center; padding: 10px; background: rgba(0,0,0,0.3); border-radius: 4px;">
-        <img id="badgeImg" src="https://img.shields.io/badge/security-scanning-00ff88?style=flat-square&logo=data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0xMiAxTDMgNXY2YzAgNS41NSAzLjg0IDEwLjc0IDkgMTIgNS4xNi0xLjI2IDktNi40NSA5LTEyVjVsLTktNHoiLz48L3N2Zz4=" alt="security badge" style="height: 20px;">
-      </div>
-      <div style="margin-bottom: 8px;">
-        <select id="badgeStyle" style="width: 100%; padding: 6px; background: rgba(0,20,10,0.8); border: 1px solid #00ff88; color: #00ff88; font-size: 11px;" onchange="updateBadgePreview()">
-          <option value="flat-square">Flat Square</option>
-          <option value="flat">Flat</option>
-          <option value="plastic">Plastic</option>
-          <option value="for-the-badge">For The Badge</option>
-        </select>
-      </div>
-      <div style="margin-bottom: 8px;">
-        <select id="badgeType" style="width: 100%; padding: 6px; background: rgba(0,20,10,0.8); border: 1px solid #00ff88; color: #00ff88; font-size: 11px;" onchange="updateBadgePreview()">
-          <option value="status">Scan Status</option>
-          <option value="critical">Critical Count</option>
-          <option value="total">Total Findings</option>
-        </select>
-      </div>
-      <div id="badgeMarkdown" style="background: rgba(0,0,0,0.4); padding: 8px; border-radius: 4px; font-family: monospace; font-size: 9px; color: #00ff88; word-break: break-all; margin-bottom: 8px; max-height: 60px; overflow-y: auto;">
-        ![aurasecurity](https://img.shields.io/badge/security-scanning-00ff88?style=flat-square)
-      </div>
-      <button class="btn secondary" style="width: 100%; font-size: 10px;" onclick="copyBadgeMarkdown()">📋 Copy Markdown</button>
-    </div>
   </div>
 
   <!-- Settings Modal -->
@@ -1048,71 +951,6 @@
       blocked: 0xff0044
     };
 
-    // ========== FINDINGS FILTER STATE ==========
-    const findingsFilter = {
-      secrets: true,
-      cves: true,
-      dockerfile: true,
-      sast: true
-    };
-
-    // Toggle filter and re-render findings
-    window.toggleFilter = function(filterType, enabled) {
-      findingsFilter[filterType] = enabled;
-      const toggle = document.querySelector(`.filter-toggle[data-filter="${filterType}"]`);
-      if (toggle) {
-        toggle.classList.toggle('active', enabled);
-      }
-      // Re-render with current findings
-      if (typeof renderFindingsList === 'function') {
-        renderFindingsList(currentFindings);
-      }
-      // Also re-render scan findings if we have them
-      if (typeof renderScanFindings === 'function' && currentScanFindings) {
-        renderScanFindings(currentScanFindings);
-      }
-    };
-
-    // Determine finding type from finding data
-    function getFindingType(finding) {
-      // Check payload for audit events
-      if (finding.payload) {
-        const claim = (finding.payload.claim || '').toLowerCase();
-        const assets = (finding.payload.affected_assets || []).join(' ').toLowerCase();
-
-        if (claim.includes('secret') || claim.includes('credential') || claim.includes('key') || claim.includes('password') || assets.includes('secrets')) {
-          return 'secrets';
-        }
-        if (claim.includes('vulnerability') || claim.includes('cve') || claim.includes('package') || claim.includes('dependency')) {
-          return 'cves';
-        }
-        if (claim.includes('docker') || claim.includes('container') || claim.includes('dockerfile')) {
-          return 'dockerfile';
-        }
-        if (claim.includes('injection') || claim.includes('xss') || claim.includes('sast') || claim.includes('code')) {
-          return 'sast';
-        }
-      }
-      // Check direct finding type
-      if (finding.type) {
-        const type = finding.type.toLowerCase();
-        if (type.includes('secret') || type.includes('key') || type.includes('credential')) return 'secrets';
-        if (type.includes('vuln') || type.includes('cve') || type.includes('package')) return 'cves';
-        if (type.includes('docker') || type.includes('hadolint')) return 'dockerfile';
-        if (type.includes('sast') || type.includes('semgrep')) return 'sast';
-      }
-      return 'sast'; // Default to SAST for unknown types
-    }
-
-    // Check if finding passes current filters
-    function findingPassesFilter(finding) {
-      const type = getFindingType(finding);
-      return findingsFilter[type] === true;
-    }
-
-    // Store current scan findings for filtering
-    let currentScanFindings = null;
-
     // Clear the map - remove all modules and connections to start fresh
     function clearMap() {
       console.log('Clearing map for fresh scan...');
@@ -1537,24 +1375,11 @@
         return;
       }
 
-      // Apply filters
-      const filteredFindings = findings.filter(f => findingPassesFilter(f));
-
-      if (filteredFindings.length === 0) {
-        container.innerHTML = '<p style="color: #666; font-size: 11px;">No findings match current filters. Adjust filters above.</p>';
-        return;
-      }
-
-      container.innerHTML = filteredFindings.map(f => {
-        const findingType = getFindingType(f);
-        const typeIcons = { secrets: '🔑', cves: '📦', dockerfile: '🐳', sast: '🔬' };
-        const typeIcon = typeIcons[findingType] || '⚠️';
-
-        return `
-        <div class="finding ${f.payload.severity}" data-type="${findingType}">
+      container.innerHTML = findings.map(f => `
+        <div class="finding ${f.payload.severity}">
           <div class="finding-header">
             <span class="severity-badge ${f.payload.severity}">${f.payload.severity.toUpperCase()}</span>
-            <span class="finding-module">${typeIcon} ${f.payload.affected_assets[0] || 'system'}</span>
+            <span class="finding-module">${f.payload.affected_assets[0] || 'system'}</span>
           </div>
           <div class="finding-claim">${f.payload.claim}</div>
           <div class="finding-details">
@@ -1564,7 +1389,7 @@
             <strong>Confidence:</strong> ${(f.payload.confidence * 100).toFixed(0)}%
           </div>
         </div>
-      `}).join('');
+      `).join('');
     }
 
     function updateStats(findings) {
@@ -2136,83 +1961,6 @@
       setTimeout(() => toast.remove(), 4000);
     }
 
-    // ========== BADGE GENERATOR ==========
-    window.updateBadgePreview = function() {
-      const style = document.getElementById('badgeStyle').value;
-      const type = document.getElementById('badgeType').value;
-
-      // Get current stats
-      const critical = parseInt(document.getElementById('statCritical').textContent) || 0;
-      const high = parseInt(document.getElementById('statHigh').textContent) || 0;
-      const medium = parseInt(document.getElementById('statMedium').textContent) || 0;
-      const low = parseInt(document.getElementById('statLow').textContent) || 0;
-      const total = critical + high + medium + low;
-
-      let label, message, color;
-
-      if (type === 'status') {
-        label = 'security';
-        if (critical > 0) {
-          message = 'critical';
-          color = 'ff0044';
-        } else if (high > 0) {
-          message = 'issues found';
-          color = 'ff4400';
-        } else if (total > 0) {
-          message = 'warnings';
-          color = 'ffaa00';
-        } else {
-          message = 'passing';
-          color = '00ff88';
-        }
-      } else if (type === 'critical') {
-        label = 'critical';
-        message = critical.toString();
-        color = critical > 0 ? 'ff0044' : '00ff88';
-      } else {
-        label = 'findings';
-        message = total.toString();
-        color = total > 5 ? 'ff4400' : total > 0 ? 'ffaa00' : '00ff88';
-      }
-
-      // Shield logo as base64
-      const logo = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0xMiAxTDMgNXY2YzAgNS41NSAzLjg0IDEwLjc0IDkgMTIgNS4xNi0xLjI2IDktNi40NSA5LTEyVjVsLTktNHoiLz48L3N2Zz4=';
-
-      const badgeUrl = `https://img.shields.io/badge/${encodeURIComponent(label)}-${encodeURIComponent(message)}-${color}?style=${style}&logo=${encodeURIComponent(logo)}`;
-      const markdown = `[![aurasecurity](${badgeUrl})](https://aurasecurity.io)`;
-
-      document.getElementById('badgeImg').src = badgeUrl;
-      document.getElementById('badgeMarkdown').textContent = markdown;
-    };
-
-    window.copyBadgeMarkdown = function() {
-      const markdown = document.getElementById('badgeMarkdown').textContent;
-      navigator.clipboard.writeText(markdown).then(() => {
-        showToast('Badge markdown copied!');
-      }).catch(() => {
-        showToast('Failed to copy', true);
-      });
-    };
-
-    // Update badge when stats change
-    const originalUpdateStats = function() {};
-    const statsObserver = new MutationObserver(() => {
-      if (typeof updateBadgePreview === 'function') {
-        updateBadgePreview();
-      }
-    });
-
-    // Start observing stats after DOM is ready
-    setTimeout(() => {
-      const statElements = ['statCritical', 'statHigh', 'statMedium', 'statLow'];
-      statElements.forEach(id => {
-        const el = document.getElementById(id);
-        if (el) statsObserver.observe(el, { childList: true, characterData: true, subtree: true });
-      });
-      // Initial badge update
-      if (typeof updateBadgePreview === 'function') updateBadgePreview();
-    }, 1000);
-
     function onWindowResize() {
       camera.aspect = window.innerWidth / window.innerHeight;
       camera.updateProjectionMatrix();