{% if rows %}
<table class="w-full text-[13px] border-collapse">
  <thead>
    <tr class="text-left text-label-2" style="border-bottom: 0.5px solid var(--color-hairline);">
      <th class="py-1.5 pr-4 font-medium">Time</th>
      <th class="py-1.5 pr-4 font-medium">Job</th>
      <th class="py-1.5 pr-4 font-medium">Status</th>
      <th class="py-1.5 pr-4 font-medium num text-right">Duration</th>
      <th class="py-1.5 font-medium">Error</th>
    </tr>
  </thead>
  <tbody>
  {% for r in rows %}
    {% if r.status == "ok" %}
      {% set sc = "var(--color-pos)" %}
      {% set st = "var(--color-pos-tint)" %}
    {% elif r.status == "error" %}
      {% set sc = "var(--color-neg)" %}
      {% set st = "var(--color-neg-tint)" %}
    {% else %}
      {% set sc = "var(--color-warn)" %}
      {% set st = "var(--color-warn-tint)" %}
    {% endif %}
    <tr style="border-bottom: 0.5px solid var(--color-hairline);">
      <td class="py-1.5 pr-4 num text-label-2">{{ r.started_at }}</td>
      <td class="py-1.5 pr-4">{{ r.job_name }}</td>
      <td class="py-1.5 pr-4">
        <span class="inline-block px-2 py-[1px] rounded-full text-[11px] font-medium"
              style="color:{{ sc }}; background:{{ st }};">{{ r.status }}</span>
      </td>
      <td class="py-1.5 pr-4 num text-right">{{ r.duration_ms }} ms</td>
      <td class="py-1.5 text-label-2 truncate" title="{{ r.error_msg or '' }}">{{ r.error_msg or '' }}</td>
    </tr>
  {% endfor %}
  </tbody>
</table>
{% else %}
<p class="text-[13px] text-label-2 italic m-0">No runs recorded yet.</p>
{% endif %}