{% extends "base.html" %}
{% block title %}AgentSwing — runs{% endblock %}
{% block subtitle %}{{ runs|length }} run{{ '' if runs|length == 1 else 's' }} in {{ runs_dir }}{% endblock %}

{% block content %}
{% if not runs %}
  <div class="empty">
    <p>No runs yet.</p>
    <p class="meta">Start one with <code>agentswing run agentswing.yaml</code> — it will appear here as it goes.</p>
  </div>
{% else %}
  <div class="tablewrap">
  <table>
    <thead>
      <tr>
        <th>Run</th><th>Target</th><th>Result</th>
        <th>Score</th><th>Scenarios</th><th>When</th>
      </tr>
    </thead>
    <tbody>
    {% for r in runs %}
      <tr>
        <td>
          <a href="/run/{{ r.run_id }}">{{ r.run_id }}</a>
          {% if r.active %}<br><span class="pass" style="font-size:.78rem"><span class="dot"></span>running</span>{% endif %}
        </td>
        <td class="muted" style="max-width:260px;word-break:break-all">{{ r.target or '—' }}</td>
        <td>
          {% if r.active %}
            <span class="badge muted">running</span>
          {% elif not r.judged %}
            <span class="badge muted">unjudged</span>
          {% else %}
            <span class="pass">{{ r.passed }}P</span> /
            <span class="fail">{{ r.failed }}F</span> /
            <span class="error">{{ r.errored }}E</span>
          {% endif %}
        </td>
        <td>{{ '%.1f'|format(r.mean_score) if r.judged else '—' }}</td>
        <td>{{ r.total or r.transcripts }}</td>
        <td class="muted">{{ r.generated_at[:19]|replace('T',' ') if r.generated_at else '—' }}</td>
      </tr>
    {% endfor %}
    </tbody>
  </table>
  </div>
{% endif %}
{% endblock %}

{% block scripts %}
<script>
// Poll for changes. Previously this only ran when a run was already active at
// page load, so a run started *after* opening the page never appeared until a
// manual refresh — which is exactly when someone is watching.
let signature = null;
const poll = async () => {
  try {
    const r = await fetch('/api/runs');
    if (!r.ok) return;
    const runs = await r.json();
    // Reload only when something actually changed, so the page does not flicker.
    const next = runs.map(x => x.run_id + ':' + x.status + ':' + x.active).join('|');
    if (signature !== null && next !== signature) { location.reload(); return; }
    signature = next;
  } catch (e) { /* server went away; stop bothering the user */ }
};
setInterval(poll, 4000);
poll();
</script>
{% endblock %}