{% set task_columns = table_columns.tasks %}
<table id="tasks"
       hx-get="/?fragment=tasks"
       hx-trigger="every 5s, whilly:reviewDecision from:body, sse:task.created, sse:CLAIM, sse:START, sse:COMPLETE, sse:FAIL, sse:RELEASE, sse:SKIP, sse:task.skipped, sse:human_review.required, sse:human_review.approved, sse:human_review.rejected, sse:human_review.changes_requested"
       hx-swap="outerHTML"
       role="grid">
  <thead>
    <tr>
      {% for column in task_columns %}
        <th scope="col">{{ column.label_for("wui") }}</th>
      {% endfor %}
    </tr>
  </thead>
  <tbody>
    {% if tasks %}
      {% for t in tasks %}
        <tr id="task-{{ t.task_id }}"
            data-filter-text="{{ t.task_id }} {{ t.plan_id }} {{ t.status }} {{ t.priority }} {{ t.claimed_by or '' }} {{ t.human_review.stage_id }} {{ t.human_review.decision or '' }} {{ t.human_review.reason }}">
          <td data-mobile-label="{{ task_columns[0].label_for("wui") }}"><code>{{ t.task_id }}</code></td>
          <td data-mobile-label="{{ task_columns[1].label_for("wui") }}">{{ t.plan_id }}</td>
          <td data-mobile-label="{{ task_columns[2].label_for("wui") }}"><span class="status status-{{ t.status|lower }}">{{ t.status }}</span></td>
          <td data-mobile-label="{{ task_columns[3].label_for("wui") }}"><span class="priority priority-{{ t.priority }}">{{ t.priority }}</span></td>
          <td data-mobile-label="{{ task_columns[4].label_for("wui") }}">{{ t.claimed_by if t.claimed_by else "—" }}</td>
          <td data-mobile-label="{{ task_columns[5].label_for("wui") }}">
            {% if t.human_review.required %}
              {% set review_label = t.human_review.decision or "pending" %}
              <span class="review review-{{ review_label }}">{{ review_label|replace("_", " ") }}</span>
              {% if t.human_review.stage_id %}<code>{{ t.human_review.stage_id }}</code>{% endif %}
            {% else %}
              —
            {% endif %}
          </td>
          <td data-mobile-label="{{ task_columns[6].label_for("wui") }}"><time datetime="{{ format_iso(t.updated_at) }}">{{ format_human(t.updated_at) }}</time></td>
        </tr>
      {% endfor %}
    {% else %}
      <tr id="tasks-empty">
        <td colspan="{{ task_columns|length }}"><em class="empty-state">No tasks in queue.</em></td>
      </tr>
    {% endif %}
  </tbody>
</table>