{% for agent in agent_fleet %}
<a href="/{{ agent.agent_id }}" class="fleet-card">
  <div class="fleet-card__sigil">
    {% if agent.sigil_url %}
      <img src="{{ agent.sigil_url }}" alt="{{ agent.agent_id }}" width="56" height="56" class="sigil sigil--sm">
    {% else %}
      <div class="fleet-card__sigil-placeholder">{{ icon("bot", 22) }}</div>
    {% endif %}
  </div>
  <div class="fleet-card__identity">
    <div class="fleet-card__name">{{ agent.agent_id }}</div>
    <div class="fleet-card__model">{{ agent.model_label if agent.model_id else "N/A" }}</div>
  </div>
  {% if agent.domains %}
  <div class="fleet-card__domains">
    {% for domain in agent.domains %}
    <span class="fleet-card__domain-dot fleet-card__domain-dot--{{ domain }}" title="{{ domain }}"></span>
    {% endfor %}
  </div>
  {% endif %}
  <div class="fleet-card__stats">
    <span class="fleet-card__stat-row">
      <span class="fleet-card__stat-val">{{ agent.commit_count | fmtnum }}</span>
      <span class="fleet-card__stat-label">commits</span>
    </span>
    <span class="fleet-card__stat-row">
      <span class="fleet-card__stat-val">{{ agent.repo_count | fmtnum }}</span>
      <span class="fleet-card__stat-label">repos</span>
    </span>
  </div>
  <div class="fleet-card__times">
    <span class="fleet-card__time-row">active <strong>{{ agent.last_seen }}</strong></span>
    <span class="fleet-card__time-row">since <strong>{{ agent.first_seen }}</strong></span>
  </div>
</a>
{% endfor %}