{% 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 %}