{% if runs %}
<div class="table-wrapper">
  <table class="data-table">
    <thead>
      <tr>
        <th>Run At</th>
        <th>Suite</th>
        <th>Pass Rate</th>
        <th>Passed / Total</th>
        <th>Cost</th>
        <th>Duration</th>
        <th>Flags</th>
        <th>Actions</th>
      </tr>
    </thead>
    <tbody>
      {% for item in runs %}
      {% set run = item.run %}
      {% set pct = (run.pass_rate * 100) | round | int %}
      {% if pct >= 80 %}{% set rate_cls = "green" %}
      {% elif pct >= 60 %}{% set rate_cls = "yellow" %}
      {% else %}{% set rate_cls = "red" %}{% endif %}
      <tr id="eval-row-{{ run.run_id }}">
        <td>{{ run.run_at.strftime('%Y-%m-%d %H:%M') if run.run_at else '—' }}</td>
        <td>{{ run.suite_name }}</td>
        <td><span class="badge badge-{{ rate_cls }}">{{ pct }}%</span></td>
        <td>{{ run.passed }} / {{ run.total_cases }}</td>
        <td>${{ '%.4f' | format(run.total_cost_usd) }}</td>
        <td>{{ '%.2f' | format(run.avg_duration_seconds) }}s</td>
        <td>
          {% if item.regression %}
          <span class="badge badge-red">regression</span>
          {% endif %}
        </td>
        <td class="actions">
          <button
            class="btn btn-secondary btn-sm"
            hx-get="/ui/evals/_detail/{{ run.run_id }}"
            hx-target="#evals-detail"
            hx-swap="innerHTML"
            onclick="document.getElementById('evals-detail').classList.remove('hidden')"
          >Detail</button>
          <a
            class="btn btn-secondary btn-sm"
            href="/evals/runs/{{ run.run_id }}/export"
            download
          >Export</a>
        </td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
</div>
{% else %}
<p class="empty-state">No eval runs recorded yet.</p>
{% endif %}