{# Partial: recent group runs panel for group_detail.html.
   Polls every 3s while a group run is in progress. #}

<div id="group-live"
     {% if group_running or force_poll %}
     hx-get="/groups/{{ group.id }}/live-fragment"
     hx-trigger="every 3s"
     hx-swap="outerHTML"
     {% endif %}>
    <div class="panel">
        <header>
            Recent runs
            <span class="subtitle">last {{ recent_runs|length }}</span>
        </header>
        <div class="body tight">
            {% if recent_runs %}
            <table class="grid">
                <thead>
                    <tr>
                        <th>id</th>
                        <th>started</th>
                        <th>duration</th>
                        <th>triggered by</th>
                        <th>status</th>
                    </tr>
                </thead>
                <tbody>
                {% for r in recent_runs %}
                    <tr>
                        <td><a href="/group-runs/{{ r.id }}">#{{ r.id }}</a></td>
                        <td class="mono">{{ r.started_at or "—" }}</td>
                        <td class="mono">{{ r.duration_s | duration }}</td>
                        <td class="mono">{{ r.triggered_by or "—" }}</td>
                        <td><span class="pill {{ r.status }}">{{ r.status }}</span></td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
            {% else %}
            <div class="empty">No runs yet.</div>
            {% endif %}
        </div>
    </div>
</div>