{% extends "base.html" %}
{% block content %}
<section class="page-heading">
  <div>
    <p class="eyebrow">Task benchmarking</p>
    <h1>Runs</h1>
  </div>
  <div class="stats">
    <span><strong>{{ runs | length | compact_number }}</strong>Shown</span>
    <span><strong>{{ '1' if active_run else '0' }}</strong>Active</span>
  </div>
</section>

{% if error %}
<div class="alert">{{ error }}</div>
{% endif %}

<section class="run-control">
  {% if active_run %}
  <div>
    <p class="eyebrow">Run in progress</p>
    <h2><a href="/admin/runs/{{ active_run.id }}">{{ active_run.name }}</a></h2>
    <p class="muted">{{ active_run.request_count | compact_number }} request{{ '' if active_run.request_count == 1 else 's' }} · {{ active_run.open_duration_ms | duration_ms }} open</p>
  </div>
  <form method="post" action="/admin/runs/end">
    <button class="button danger" type="submit">End run</button>
  </form>
  {% else %}
  <form class="run-start-form" method="post" action="/admin/runs/start">
    <label>
      Run name
      <input name="name" placeholder="Video processing benchmark" required>
    </label>
    <label>
      Notes
      <input name="notes" placeholder="Optional context">
    </label>
    <button class="button primary" type="submit">Start run</button>
  </form>
  {% endif %}
</section>

<section class="table-shell">
  <table class="runs-table">
    <thead>
      <tr>
        <th>Run</th>
        <th>Status</th>
        <th>Requests</th>
        <th>LLM Wall Time</th>
        <th>Total Tokens</th>
        <th>Output tok/s</th>
        <th>Signals</th>
      </tr>
    </thead>
    <tbody>
      {% for run in runs %}
      <tr>
        <td>
          <a href="/admin/runs/{{ run.id }}"><strong>{{ run.name }}</strong></a>
          <span class="muted">{{ run.started_at }}</span>
        </td>
        <td><span class="pill">{{ 'active' if run.is_active else 'complete' }}</span></td>
        <td>{{ run.request_count | compact_number }}</td>
        <td>{{ run.llm_wall_time_ms | duration_ms }}</td>
        <td>{{ run.total_tokens | compact_number }}</td>
        <td>{{ run.output_tokens_per_second | compact_rate }}</td>
        <td class="signals">
          {% if run.signals.streams %}<span>{{ run.signals.streams | compact_number }} Stream</span>{% endif %}
          {% if run.signals.images %}<span>{{ run.signals.images | compact_number }} Image</span>{% endif %}
          {% if run.signals.tools %}<span>{{ run.signals.tools | compact_number }} Tool</span>{% endif %}
          {% if run.signals.errors %}<span>{{ run.signals.errors | compact_number }} Error</span>{% endif %}
        </td>
      </tr>
      {% else %}
      <tr><td colspan="7" class="empty">No runs yet.</td></tr>
      {% endfor %}
    </tbody>
  </table>
</section>
{% endblock %}