{# T55 admin evals index — terminal-brutalist re-skin.                    #}
{# Lists scans with at least one llm_evals row.                           #}
{% extends "admin_layout.html" %}

{% block page_title %}admin :: evals{% endblock %}

{% block breadcrumb %}
  <a href="/admin/dashboard">admin</a><span class="sep">/</span>
  <span class="here">evals</span>
{% endblock %}

{% block content %}
<div class="t55-eyebrow">07 — evals</div>
<h1 class="t55-h1">Eval campaigns. <span class="em">{{ rows|length }} scans evaluated.</span></h1>
<p class="t55-lede">Fixture-based regression evals: run a prompt against a fixture set across all current models, then watch cost / quality / drift over time. Each row below is one scan that already has <code>llm_evals</code> results.</p>

{# P5-T05: in-page explainer — what evals are FOR after the redesign,    #}
{# and where single-scan model comparison moved.                         #}
<section class="t55-card" style="border-left: 3px solid var(--accent);">
  <div class="t55-card-head">
    <span class="t55-card-title">what evals are for</span>
    <span class="t55-pill accent">read me</span>
  </div>
  <div style="font-size: 12px; line-height: 1.7; color: var(--ink-2); padding: 4px 2px;">
    <p style="margin: 0 0 8px;">
      <strong style="color: var(--ink);">Eval campaigns</strong> run a prompt against a fixture set across
      every current model, so you can compare <strong style="color: var(--ink);">cost</strong>,
      <strong style="color: var(--ink);">quality</strong>, and <strong style="color: var(--ink);">drift</strong>
      over time. This is the place for prompt-regression questions that span many scans.
    </p>
    <p style="margin: 0;">
      For a <strong style="color: var(--ink);">one-off model comparison on a single scan</strong>, you no longer
      need the eval matrix. Open the scan's trace, click into any LLM step, and use the
      <strong style="color: var(--ink);">quick-compare</strong> buttons in the per-step Explorer &rarr;
      <a href="/admin/scans" style="color: var(--accent);">browse scans</a>.
    </p>
  </div>
</section>

<section class="t55-card">
  <div class="t55-card-head">
    <span class="t55-card-title">budget &amp; controls</span>
    <span class="t55-pill {% if (today_usd or 0.0) >= (cap_usd or 0.0) %}danger{% else %}muted{% endif %}">
      today: ${{ '%.4f'|format(today_usd or 0.0) }} / ${{ '%.2f'|format(cap_usd or 0.0) }}
    </span>
  </div>
  <div class="t55-btn-row">
    <button type="button" data-action="open-eval-modal" class="t55-btn primary">start new eval</button>
    <a href="/admin/scans" class="t55-btn">browse scans &rarr;</a>
  </div>
</section>

<section class="t55-card">
  <div class="t55-card-head"><span class="t55-card-title">scans with evals</span></div>
  <div class="t55-table-wrap">
    {% if not rows %}
      <div class="t55-empty">
        // No evals recorded yet. Open a scan from
        <a href="/admin/scans" style="color: var(--accent);">/admin/scans</a>,
        then use the per-step quick-compare buttons in the Explorer, or
        click "start new eval" above to launch a fixture campaign.
      </div>
    {% else %}
      <table class="t55-table">
        <thead>
          <tr>
            <th>scan</th>
            <th>target</th>
            <th>owner</th>
            <th class="t55-num">evals</th>
            <th class="t55-num">total cost</th>
            <th>last eval</th>
            <th class="t55-num">action</th>
          </tr>
        </thead>
        <tbody>
          {% for row in rows %}
            <tr>
              <td class="t55-mono-xs">{{ row.scan_id_short }}</td>
              <td style="max-width: 20em; overflow: hidden; text-overflow: ellipsis;">{{ row.target_url }}</td>
              <td style="max-width: 14em; overflow: hidden; text-overflow: ellipsis;">{{ row.owner_email or '(anonymous)' }}</td>
              <td class="t55-num">{{ row.eval_count }}</td>
              <td class="t55-num">${{ '%.4f'|format(row.total_cost) }}</td>
              <td style="white-space: nowrap; font-size: 11px; color: var(--ink-3);">{{ row.last_eval_at }}</td>
              <td class="t55-num">
                <a href="/debug/scans/{{ row.scan_id }}" class="t55-btn">open scan</a>
              </td>
            </tr>
          {% endfor %}
        </tbody>
      </table>
    {% endif %}
  </div>
</section>

{# T48.1: shared modal for "Start new eval". select-scan mode -- the      #}
{# index page doesn't pin a scan id, so the picker is visible.            #}
{% with mode='select-scan' %}
  {% include 'partials/eval_new_modal.html' %}
{% endwith %}
{% endblock %}