{% import "chats/macros.html" as m with context %}
{# the conversations, newest first: who with, through which agent, what was said last and when; one waiting says what kind it is and its first message #}
{% for row in rows %}
{% set conversation = row.conversation %}
{% set address = ref(row.agent.id) ~ "/" ~ ref(conversation.thread_id) %}
<a class="conv" href="/ui/chats/{{ address }}{{ '?' ~ kept if kept else '' }}" data-panes="/ui/chats/{{ address }}/panes{{ '?' ~ kept if kept else '' }}">
  {{ m.face(conversation, "gav") }}
  <div class="tx"><div class="tt"><span class="tn">{{ m.named(conversation) }}</span> {{ m.agent(row.agent) }}</div>
  <div class="sn">{% if tab == "contacts" %}{{ t.text("chats.kind." ~ conversation.kind) }}{% if conversation.kind == "group" %} · {{ t.text("chats.members", {"n": conversation.member_count}) }}{% endif %} · {{ m.said(conversation.first) }}{% else %}{{ m.said(conversation.latest) }}{% endif %}</div></div>
  <span class="tm">{{ conversation.last_activity_at_ms | stamp }}</span>
</a>
{% else %}
<p class="none">{{ t.text("chats.none." ~ tab) }}</p>
{% endfor %}
{% if onward %}<div class="more-rows" hx-get="/ui/chats/rows?{{ kept ~ '&' if kept else '' }}{{ onward }}" hx-trigger="intersect once" hx-swap="outerHTML"></div>{% endif %}