{% import "_macros.html" as m %}
{% if runs %}
<table class="grid">
  <thead><tr><th>#</th><th>Started</th><th>Scope</th><th>Trigger</th><th>Result</th><th>Size</th><th>Duration</th></tr></thead>
  <tbody>
    {% for run in runs %}
    <tr data-href="/runs/{{ run.id }}" class="clickable">
      <td><a href="/runs/{{ run.id }}">#{{ run.id }}</a></td>
      <td>{{ run.started_at | datetime }}</td>
      <td>{{ m.scope_link(run.scope_kind, run.scope_value) }}{% if run.version_change %} <span class="mono muted">{{ run.version_change }}</span>{% endif %}{% if run.dry_run %} <span class="chip">dry-run</span>{% endif %}</td>
      <td>{{ run.trigger }}</td>
      <td>
        {% if run.status == 'running' %}<span class="chip running">running</span>
        {% elif run.status == 'error' %}<span class="chip bad">error</span>
        {% elif run.failed and run.failed > 0 %}<span class="chip bad">{{ run.success }}/{{ run.total }}</span>
        {% else %}<span class="chip ok">{{ run.success }}/{{ run.total }}</span>{% endif %}
      </td>
      <td>{% if run.dry_run %}<span class="muted">—</span>{% else %}{{ run.total_bytes | filesize }}{% endif %}</td>
      <td>{{ run.duration_s | duration }}</td>
    </tr>
    {% endfor %}
  </tbody>
</table>
{{ m.pager(pg, '/ui/runs/rows', '#runs-result', '/runs', '#hist-filters') }}
{% else %}
<p class="muted">No runs yet.</p>
{% endif %}
{# Poll regardless of current contents so the first run appears without a refresh. #}
{{ m.live_poll('/ui/runs/rows?page=' ~ pg.page ~ '&per=' ~ pg.per, '#runs-result') }}