{# Partial: module runs table for group_run_detail.html. Polls while running. #}
<div id="group-run-live"
     {% if group_run.status == 'running' %}
     hx-get="/group-runs/{{ group_run.id }}/live"
     hx-trigger="every 3s"
     hx-swap="outerHTML"
     {% endif %}>
    <div class="panel">
        <header>
            Module runs
            <span style="margin-left:auto">
                <span class="pill {{ group_run.status }}">{{ group_run.status }}</span>
                {% if group_run.duration_s is not none %}&nbsp;· {{ group_run.duration_s | duration }}{% endif %}
            </span>
        </header>
        <div class="body tight">
            {% if module_runs %}
            <table class="grid">
                <thead>
                    <tr>
                        <th>run</th>
                        <th>module</th>
                        <th>started</th>
                        <th>duration</th>
                        <th>status</th>
                        <th>rows</th>
                    </tr>
                </thead>
                <tbody>
                {% for r in module_runs %}
                    <tr>
                        <td><a href="/runs/{{ r.id }}">#{{ r.id }}</a></td>
                        <td><a href="/modules/{{ r.module_id }}">{{ r.module_name }}</a></td>
                        <td class="mono">{{ r.started_at | localtime }}</td>
                        <td class="mono">{{ r.duration_s | duration }}</td>
                        <td><span class="pill {{ r.status }}">{{ r.status }}</span></td>
                        <td class="mono">{{ r.row_count if r.row_count is not none else "—" }}</td>
                    </tr>
                {% endfor %}
                </tbody>
            </table>
            {% elif group_run.status == 'running' %}
            <div class="empty">Waiting for module runs to start…</div>
            {% else %}
            <div class="empty">No module runs recorded.</div>
            {% endif %}
        </div>
    </div>
</div>