{% extends "base.html" %}
{% block title %}Dashboard · AICAudit{% endblock %}
{% block page %}dashboard{% endblock %}
{% block content %}
  <h1 class="page-title">Dashboard</h1>
  <p class="page-sub">Evidence-driven code audit — every verdict ships with a taint path.</p>

  <div class="grid cols-5" id="stats">
    <div class="stat brand" style="border-left-color:var(--brand)"><span class="num" id="stat-scans">—</span><span class="label">scans</span></div>
    <div class="stat critical"><span class="num" id="stat-critical">—</span><span class="label">critical</span></div>
    <div class="stat error"><span class="num" id="stat-error">—</span><span class="label">error</span></div>
    <div class="stat warning"><span class="num" id="stat-warning">—</span><span class="label">warning</span></div>
    <div class="card" style="display:flex;flex-direction:column;justify-content:center;gap:6px">
      <a class="btn primary" href="/scan">New scan</a>
      <a class="btn" href="/rules">Browse rules</a>
    </div>
  </div>

  <div class="card mt">
    <div class="card-title">Quick start</div>
    <div class="small muted" style="line-height:2">
      <span class="mono">aicaudit scan ./src</span> — static scan with taint paths<br>
      <span class="mono">aicaudit scan ./src --ai</span> — attach AI verdicts (marks, never hides)<br>
      <span class="mono">aicaudit audit ./src</span> — deep audit report (JSON)<br>
      <span class="mono">aicaudit web</span> — this UI
    </div>
  </div>

  <div class="mt">
    <div class="card-title">Recent scans</div>
    <div id="sessions"><div class="empty"><span class="spinner"></span></div></div>
  </div>
{% endblock %}