{% set worker_columns = table_columns.workers %}
<table id="workers"
       hx-get="/?fragment=workers"
       hx-trigger="every 5s, sse:worker.registered, sse:worker.heartbeat, sse:worker.revoked, sse:worker.offline"
       hx-swap="outerHTML"
       role="grid">
  <thead>
    <tr>
      {% for column in worker_columns %}
        <th scope="col">{{ column.label_for("wui") }}</th>
      {% endfor %}
    </tr>
  </thead>
  <tbody>
    {% if workers %}
      {% for w in workers %}
        <tr id="worker-{{ w.worker_id }}"
            data-filter-text="{{ w.worker_id }} {{ w.hostname }} {{ w.owner_email or '' }} {{ w.status }}">
          <td data-mobile-label="{{ worker_columns[0].label_for("wui") }}"><code>{{ w.worker_id }}</code></td>
          <td data-mobile-label="{{ worker_columns[1].label_for("wui") }}">{{ w.hostname }}</td>
          <td data-mobile-label="{{ worker_columns[2].label_for("wui") }}">{{ w.owner_email if w.owner_email else "—" }}</td>
          <td data-mobile-label="{{ worker_columns[3].label_for("wui") }}"><span class="status status-{{ w.status }}">{{ w.status }}</span></td>
          <td data-mobile-label="{{ worker_columns[4].label_for("wui") }}"><time datetime="{{ format_iso(w.last_heartbeat) }}">{{ format_human(w.last_heartbeat) }}</time></td>
        </tr>
      {% endfor %}
    {% else %}
      <tr id="workers-empty">
        <td colspan="{{ worker_columns|length }}"><em class="empty-state">No workers connected yet.</em></td>
      </tr>
    {% endif %}
  </tbody>
</table>