{# Right-rail agents panel partial. Polled by base.html via HTMX every 2s.
   Reuses list_active_task_runs() — same data feed as the top progress bar,
   just rendered vertically with per-run link to /agents/run/{id}.

   When no runs are active, the partial still emits content (header + empty
   state) so the aside has a stable height and doesn't collapse to 0. #}
<div class="agents-panel-header">
  <div class="agents-panel-title">
    <span class="pulse {% if not runs %}pulse-idle{% endif %}"></span>
    Agents
  </div>
  <span class="agents-panel-count">
    {% if runs %}{{ runs | length }} 个在跑{% else %}空闲{% endif %}
  </span>
</div>

{% if runs %}
  <ul class="agents-panel-list">
    {% for r in runs[:10] %}
      <li class="agents-panel-run">
        <a href="/agents/run/{{ r.id }}">
          <div class="agents-panel-run-head">
            <span class="agents-panel-run-kind agents-panel-run-kind--{{ r.agent_kind }}">
              {{ r.agent_kind }}
            </span>
            <span class="agents-panel-run-id" title="{{ r.agent_id }}">{{ r.agent_id }}</span>
            <span class="agents-panel-run-status agents-panel-run-status--{{ r.current_node_state or 'pending' }}">
              {%- if r.current_node_state == 'active' %}⟳
              {%- elif r.current_node_state == 'done' %}✓
              {%- elif r.current_node_state == 'failed' %}✗
              {%- else %}○{% endif -%}
            </span>
          </div>
          <div class="agents-panel-run-node">
            {% if r.current_node %}{{ r.current_node }}{% else %}启动中{% endif %}
          </div>
          <div class="agents-panel-run-meta">
            {{ r.started_at.strftime('%H:%M:%S') if r.started_at else '' }}
            · {{ r.node_count }} 节点
          </div>
        </a>
      </li>
    {% endfor %}
  </ul>
  {% if runs | length > 10 %}
    <div class="agents-panel-more">
      还有 {{ runs | length - 10 }} 个 →
      <a href="/agents?status=running">查看全部</a>
    </div>
  {% endif %}
{% else %}
  <div class="agents-panel-empty">
    <span class="glyph">○</span>
    没有 agent 在跑
    <div class="agents-panel-run-meta" style="margin-top:6px;text-align:center;">
      点页面上的"抓取"/"改写"按钮
    </div>
  </div>
{% endif %}