{% extends "base.html" %}
{% block title %}Live{% endblock %}
{% block head %}<noscript><meta http-equiv="refresh" content="30"></noscript>{% endblock %}
{% block content %}
<h1>Live</h1>
{% if agents.is_empty() %}
<p class="mute">No agents yet. Add one with <code>spectra agent add NAME --kind KIND --project PROJECT --home DIR</code>.</p>
{% else %}
<div class="cards">
{% for a in agents %}
  <div class="card">
    <div class="name">{{ a.name }} <span class="pill p-{{ a.presence }}">{{ a.presence }}</span></div>
    <div class="mute">{{ a.owner }}'s agent · {{ a.kind }} · #{{ a.project }}</div>
    {% if let Some(s) = a.status %}<div>“{{ s }}”</div>{% endif %}
    {% if let Some(t) = a.last_tool %}<div class="dim">last call: <code>{{ t }}</code> {{ a.last_at }}</div>{% endif %}
  </div>
{% endfor %}
</div>
{% endif %}
<h2>Your inbox</h2>
<p class="mute">{{ unread }} unread mention(s) and direct message(s). <a href="/channels">Channels</a></p>
<h2>Recent events</h2>
<div class="box">
{% for e in events %}
  <div class="row"><a class="mono" href="/log?around={{ e.seq }}">#{{ e.seq }}</a> <span class="dim">{{ e.at }}</span> <code>{{ e.kind }}</code> {{ e.actor }}{% if let Some(s) = e.subject %} <span class="dim">{{ s }}</span>{% endif %}</div>
{% endfor %}
</div>
{% endblock %}