{% extends "base.html" %}
{% block content %}
<section class="panel">
  <div class="panel-header">
    <div>
      <div class="eyebrow">Audit</div>
      <h1>Trace browser</h1>
    </div>
    <a class="button" href="/export/traces.csv">Export CSV</a>
  </div>

  <div class="filterbar">
    <form method="get" action="/traces">
      <input name="tenant_id" placeholder="Tenant ID" value="{{ tenant_id }}">
      <input name="session_id" placeholder="Session ID" value="{{ session_id }}">
      <select name="blocked">
        <option value="">All verdicts</option>
        <option value="true" {% if blocked=="true" %}selected{% endif %}>Blocked only</option>
        <option value="false" {% if blocked=="false" %}selected{% endif %}>Allowed only</option>
      </select>
      <button class="button primary" type="submit">Filter</button>
    </form>
  </div>

  {% if traces %}
  <div class="table-wrap">
    <table class="trace-table">
      <thead>
        <tr>
          <th>Trace hash</th><th>Tenant</th><th>Session</th><th>Input</th>
          <th>Verdict</th><th>Block reason</th><th>Engine</th>
        </tr>
      </thead>
      <tbody>
      {% for t in traces %}
        <tr>
          <td class="mono"><a href="/traces/{{ t.get('call_id','') }}">{{ t.get('this_hash','')[:12] }}...</a></td>
          <td>{{ t.get("tenant_id","") }}</td>
          <td class="mono">{{ t.get("session_id","") }}</td>
          <td class="truncate">{{ t.get("input_text","")[:80] }}</td>
          <td>
            {% if t.get("blocked") %}<span class="badge bad">BLOCKED</span>
            {% elif t.get("hitl_status") == "idle" %}<span class="badge warn">HELD</span>
            {% elif t.get("hitl_status") == "denied" %}<span class="badge bad">DENIED</span>
            {% elif t.get("hitl_status") == "approved" %}<span class="badge ok">APPROVED</span>
            {% else %}<span class="badge ok">ALLOWED</span>{% endif %}
          </td>
          <td style="color:var(--muted);font-size:12px">{{ t.get("block_reason","") }}</td>
          <td class="mono">{{ "%.0f"|format(t.get("engine_latency_ms", t.get("total_latency_ms",0))) }}ms</td>
        </tr>
      {% endfor %}
      </tbody>
    </table>
  </div>
  {% else %}
  <div class="empty">No traces match your filter.</div>
  {% endif %}
</section>
{% endblock %}