torusguard 1.0.0 → 1.3.1

package/.torusguard/runs/report-latest.html

@@ -0,0 +1,370 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>TorusGuard Security Posture &middot; TorusGuard</title>
+  <style>
+    :root {
+      --bg-dark: #0d1117;
+      --bg-surface: #161b22;
+      --bg-card: #21262d;
+      --border-subtle: #30363d;
+      --text-main: #f0f6fc;
+      --text-muted: #8b949e;
+      --accent-blue: #58a6ff;
+      --accent-green: #3fb950;
+      --accent-yellow: #d29922;
+      --accent-red: #f85149;
+      --font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji";
+    }
+    * { box-sizing: border-box; margin: 0; padding: 0; }
+    body {
+      background: var(--bg-dark);
+      color: var(--text-main);
+      font-family: var(--font-stack);
+      line-height: 1.5;
+      padding: 24px;
+    }
+    .container { max-width: 1200px; margin: 0 auto; }
+    header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding-bottom: 20px;
+      border-bottom: 1px solid var(--border-subtle);
+      margin-bottom: 24px;
+    }
+    .logo-group h1 {
+      font-size: 24px;
+      font-weight: 700;
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+    .shield-icon { font-size: 26px; }
+    .project-meta { color: var(--text-muted); font-size: 14px; margin-top: 4px; }
+    .status-badge {
+      background: rgba(63, 185, 80, 0.15);
+      border: 1px solid var(--accent-green);
+      color: var(--accent-green);
+      padding: 6px 14px;
+      border-radius: 20px;
+      font-size: 13px;
+      font-weight: 600;
+    }
+    .grid-top {
+      display: grid;
+      grid-template-columns: 280px 1fr 1fr 1fr;
+      gap: 16px;
+      margin-bottom: 24px;
+    }
+    @media (max-width: 900px) {
+      .grid-top { grid-template-columns: 1fr 1fr; }
+    }
+    @media (max-width: 600px) {
+      .grid-top { grid-template-columns: 1fr; }
+    }
+    .card {
+      background: var(--bg-surface);
+      border: 1px solid var(--border-subtle);
+      border-radius: 8px;
+      padding: 20px;
+    }
+    .gauge-card {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      text-align: center;
+    }
+    .gauge-svg { width: 120px; height: 120px; transform: rotate(-90deg); }
+    .gauge-bg { fill: none; stroke: var(--bg-card); stroke-width: 8; }
+    .gauge-fill {
+      fill: none;
+      stroke: #f85149;
+      stroke-width: 8;
+      stroke-linecap: round;
+      stroke-dasharray: 251.2;
+      stroke-dashoffset: 226.07999999999998;
+      transition: stroke-dashoffset 0.8s ease;
+    }
+    .gauge-value {
+      position: absolute;
+      font-size: 32px;
+      font-weight: 700;
+      color: var(--text-main);
+    }
+    .stat-label { font-size: 13px; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 8px; }
+    .stat-value { font-size: 28px; font-weight: 700; color: var(--text-main); }
+    .stat-sub { font-size: 12px; color: var(--text-muted); margin-top: 6px; }
+    .pipeline-section { margin-bottom: 24px; }
+    .pipeline-tracker {
+      display: flex;
+      justify-content: space-between;
+      position: relative;
+      margin-top: 16px;
+    }
+    .pipeline-step {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      flex: 1;
+      text-align: center;
+      position: relative;
+      z-index: 2;
+    }
+    .step-circle {
+      width: 32px;
+      height: 32px;
+      border-radius: 50%;
+      background: var(--bg-card);
+      border: 2px solid var(--accent-blue);
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 13px;
+      font-weight: 700;
+      color: var(--accent-blue);
+      margin-bottom: 8px;
+    }
+    .step-circle.active { background: var(--accent-blue); color: var(--bg-dark); }
+    .step-name { font-size: 12px; font-weight: 600; color: var(--text-main); }
+    .step-cmd { font-size: 11px; color: var(--text-muted); font-family: monospace; margin-top: 2px; }
+    .pipeline-line {
+      position: absolute;
+      top: 16px;
+      left: 6%;
+      right: 6%;
+      height: 2px;
+      background: var(--border-subtle);
+      z-index: 1;
+    }
+    .polyglot-chips {
+      display: flex;
+      flex-wrap: wrap;
+      gap: 8px;
+      margin-top: 10px;
+    }
+    .chip {
+      background: var(--bg-card);
+      border: 1px solid var(--border-subtle);
+      border-radius: 16px;
+      padding: 4px 12px;
+      font-size: 12px;
+      font-weight: 500;
+      color: var(--text-main);
+      display: inline-flex;
+      align-items: center;
+      gap: 6px;
+    }
+    .chip-primary {
+      border-color: var(--accent-blue);
+      color: var(--accent-blue);
+      background: rgba(88, 166, 255, 0.1);
+    }
+    .grid-bottom {
+      display: grid;
+      grid-template-columns: 1fr 1fr;
+      gap: 24px;
+      margin-top: 24px;
+    }
+    @media (max-width: 800px) {
+      .grid-bottom { grid-template-columns: 1fr; }
+    }
+    .section-title {
+      font-size: 18px;
+      font-weight: 600;
+      margin-bottom: 16px;
+      display: flex;
+      align-items: center;
+      gap: 8px;
+    }
+    .badge {
+      display: inline-block;
+      padding: 3px 8px;
+      border-radius: 12px;
+      font-size: 11px;
+      font-weight: 600;
+      font-family: monospace;
+    }
+    .badge-success { background: rgba(63, 185, 80, 0.15); color: var(--accent-green); border: 1px solid rgba(63, 185, 80, 0.3); }
+    .badge-danger { background: rgba(248, 81, 73, 0.15); color: var(--accent-red); border: 1px solid rgba(248, 81, 73, 0.3); }
+    .recipe-card {
+      background: var(--bg-card);
+      border: 1px solid var(--border-subtle);
+      border-radius: 6px;
+      padding: 12px;
+      margin-bottom: 12px;
+    }
+    .card-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; }
+    .meta-label { font-size: 11px; color: var(--text-muted); }
+    .recipe-desc { font-size: 13px; color: var(--text-main); margin-bottom: 8px; }
+    .diff-block {
+      background: var(--bg-dark);
+      border: 1px solid var(--border-subtle);
+      border-radius: 4px;
+      padding: 8px 12px;
+      font-family: monospace;
+      font-size: 12px;
+      overflow-x: auto;
+      color: #e6edf3;
+    }
+    table { width: 100%; border-collapse: collapse; }
+    th, td { padding: 10px 12px; text-align: left; font-size: 13px; }
+    th { color: var(--text-muted); border-bottom: 1px solid var(--border-subtle); font-weight: 600; font-size: 12px; text-transform: uppercase; }
+    td { border-bottom: 1px solid rgba(48, 54, 61, 0.5); }
+    .empty-state { text-align: center; padding: 24px; color: var(--text-muted); font-size: 13px; }
+    .empty-cell { text-align: center; color: var(--text-muted); padding: 16px; font-style: italic; }
+    footer {
+      margin-top: 40px;
+      text-align: center;
+      color: var(--text-muted);
+      font-size: 12px;
+      border-top: 1px solid var(--border-subtle);
+      padding-top: 20px;
+    }
+  </style>
+</head>
+<body>
+  <div class="container">
+    <header>
+      <div class="logo-group">
+        <h1><span class="shield-icon">&#128737;</span> TorusGuard Security Posture</h1>
+        <div class="project-meta">Workspace: <strong>TorusGuard</strong> &middot; Stack: <strong>TypeScript</strong> &middot; 2026-09-08 11:54:16 IST</div>
+      </div>
+      <div class="status-badge">&check; Local Governance Active</div>
+    </header>
+
+    <!-- Top KPI Grid -->
+    <div class="grid-top">
+      <div class="card gauge-card">
+        <div style="position: relative; display: flex; align-items: center; justify-content: center;">
+          <svg class="gauge-svg" viewBox="0 0 100 100">
+            <circle class="gauge-bg" cx="50" cy="50" r="40" />
+            <circle class="gauge-fill" cx="50" cy="50" r="40" />
+          </svg>
+          <div class="gauge-value">10</div>
+        </div>
+        <div class="stat-label" style="margin-top: 12px;">Security Posture Score</div>
+      </div>
+
+      <div class="card">
+        <div class="stat-label">Verified Golden Recipes</div>
+        <div class="stat-value" style="color: var(--accent-green);">1</div>
+        <div class="stat-sub">Distilled Ponytail fixes (<=35 add, <=25 del)</div>
+      </div>
+
+      <div class="card">
+        <div class="stat-label">Active Memory Patterns</div>
+        <div class="stat-value">7</div>
+        <div class="stat-sub">0 suppressed &middot; 6 recurring</div>
+      </div>
+
+      <div class="card">
+        <div class="stat-label">Security Rules Catalog</div>
+        <div class="stat-value" style="color: var(--accent-blue);">71</div>
+        <div class="stat-sub">11 rule families &middot; Multi-agent verified</div>
+      </div>
+    </div>
+
+    <!-- Polyglot Architecture & Workspace Intelligence -->
+    <div class="card" style="margin-bottom: 24px;">
+      <div class="section-title">&#9670; Polyglot Architecture &amp; Workspace Intelligence</div>
+      <div style="font-size: 13px; color: var(--text-muted); margin-bottom: 12px;">
+        Primary Language: <strong style="color: var(--text-main);">TypeScript</strong>
+        &middot; Framework: <strong style="color: var(--text-main);">None</strong>
+        &middot; Data Layer: <strong style="color: var(--text-main);">None</strong>
+      </div>
+      <div class="polyglot-chips">
+        <span class="chip chip-primary">&#9679; TypeScript</span>
+      </div>
+    </div>
+
+    <!-- 7-Stage Canonical Pipeline Tracker -->
+    <div class="card pipeline-section">
+      <div class="section-title">&#9658; Canonical 7-Stage Closed-Loop Governance Flow</div>
+      <div class="pipeline-tracker">
+        <div class="pipeline-line"></div>
+        <div class="pipeline-step">
+          <div class="step-circle active">1</div>
+          <div class="step-name">Scan</div>
+          <div class="step-cmd">audit &middot; /audit</div>
+        </div>
+        <div class="pipeline-step">
+          <div class="step-circle active">2</div>
+          <div class="step-name">Score</div>
+          <div class="step-cmd">0-100 Score</div>
+        </div>
+        <div class="pipeline-step">
+          <div class="step-circle active">3</div>
+          <div class="step-name">Harden</div>
+          <div class="step-cmd">harden &middot; /harden</div>
+        </div>
+        <div class="pipeline-step">
+          <div class="step-circle active">4</div>
+          <div class="step-name">Authorize</div>
+          <div class="step-cmd">Human Gate</div>
+        </div>
+        <div class="pipeline-step">
+          <div class="step-circle active">5</div>
+          <div class="step-name">Apply</div>
+          <div class="step-cmd">apply &middot; .bak</div>
+        </div>
+        <div class="pipeline-step">
+          <div class="step-circle active">6</div>
+          <div class="step-name">Recheck</div>
+          <div class="step-cmd">recheck &middot; verify</div>
+        </div>
+        <div class="pipeline-step">
+          <div class="step-circle active">7</div>
+          <div class="step-name">Report</div>
+          <div class="step-cmd">report &middot; SARIF</div>
+        </div>
+      </div>
+    </div>
+
+    <!-- Bottom Details Grid -->
+    <div class="grid-bottom">
+      <!-- Golden Recipes Catalog -->
+      <div class="card">
+        <div class="section-title">&#10024; Active Golden Fix Recipes (1)</div>
+        <div class="recipes-list">
+          
+            <div class="card recipe-card">
+              <div class="card-header">
+                <span class="badge badge-success">TG-SEC-001</span>
+                <span class="meta-label">Verified 1x &middot; +1/-1 Ponytail</span>
+              </div>
+              <p class="recipe-desc">Migrated secret to environment variable</p>
+              <pre class="diff-block"><code>+ SECRET = env
+- SECRET = test</code></pre>
+            </div>
+            
+        </div>
+      </div>
+
+      <!-- Regression Watches & False Positives -->
+      <div class="card">
+        <div class="section-title">&#128065; Regression Watches & Suppressions</div>
+        <table>
+          <thead>
+            <tr>
+              <th>Rule ID</th>
+              <th>Description / Reason</th>
+              <th>Target Path</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr><td colspan='3' class='empty-cell'>Zero active security regressions or suppressions. Posture clean.</td></tr>
+          </tbody>
+        </table>
+      </div>
+    </div>
+
+    <footer>
+      TorusGuard v1.3.0 &middot; Autonomous Security Engine for AI-Built Applications &middot; 100% Local-First &middot; Zero Cloud Telemetry Leakage
+    </footer>
+  </div>
+</body>
+</html>