{% if processes %}
    {% for p in processes %}
    {% set is_slow = p.duration_seconds > 10 %}
    {% set is_idle_in_tx = p.state == 'idle in transaction' %}
    <div style="padding:12px 16px;border-bottom:1px solid var(--border);display:grid;grid-template-columns:auto auto auto 1fr auto auto;gap:14px;align-items:center">
        <span class="dot {% if p.state == 'active' %}green{% elif p.state == 'idle' %}amber{% else %}amber{% endif %}"{% if p.state == 'active' %} style="animation:pulseDot 2s infinite"{% endif %}></span>
        <span class="mono text-xs">PID {{ p.pid }}</span>
        <span class="chip chip-violet">{{ p.database }}</span>
        <span class="mono text-xs" style="color:var(--fg-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap" title="{{ p.query }}">{{ p.query_preview }}</span>
        <span class="mono text-xs" style="color:{% if is_slow %}var(--red){% else %}var(--fg-3){% endif %}">{{ p.duration_human }}</span>
        <div class="flex aic gap-2">
            {% if p.state == 'active' %}
                <span class="chip chip-green">active</span>
            {% elif p.state == 'idle' %}
                <span class="chip chip-neutral">idle</span>
            {% elif is_idle_in_tx %}
                <span class="chip chip-amber">idle in tx</span>
            {% else %}
                <span class="chip chip-amber">{{ p.state }}</span>
            {% endif %}
            {% if is_slow %}<span class="chip chip-amber">SLOW</span>{% endif %}
            {% if p.state != 'idle' %}
            <button hx-post="/api/admin/{{ conn_id }}/kill/{{ p.pid }}"
                    hx-target="#processes-list"
                    hx-swap="innerHTML"
                    hx-confirm="Terminate process {{ p.pid }}?"
                    class="btn btn-sm" style="color:var(--red);border-color:rgba(204,46,61,.30)">
                <i data-lucide="x-circle"></i>Kill
            </button>
            {% endif %}
        </div>
    </div>
    {% endfor %}
{% else %}
    <div style="padding:14px;color:var(--fg-3)">No active processes</div>
{% endif %}