{% extends "base.html" %}
{% from "_macros.html" import ts, badge, thread_link, msg_link %}
{% block content %}
<h1>Threads</h1>

<section class="panel">
  <form class="filters" method="get" action="/admin/threads">
    <label>Scan <input name="scan" type="number" min="1" max="2000" value="{{ filters.scan }}"></label>
    <label>Since <input name="since" value="{{ filters.since }}" placeholder="2026-08-01"></label>
    <label>Kind
      <select name="kind">
        <option value="">any</option>
        {% for k in kinds %}<option value="{{ k }}" {{ "selected" if filters.kind == k }}>{{ k }}</option>{% endfor %}
      </select>
    </label>
    <label>Sort
      <select name="sort">
        {% for s, lbl in [("last_at", "most recent"), ("count", "largest"), ("first_at", "newest start")] %}
        <option value="{{ s }}" {{ "selected" if filters.sort == s }}>{{ lbl }}</option>{% endfor %}
      </select>
    </label>
    <button class="primary" type="submit">Apply</button>
  </form>
  <p class="note">
    Threads are derived, never stored: the key is a message's
    <code class="id">correlation_id</code>, inherited down the reply chain.
    This view groups the newest {{ data['window'].scan }} messages
    ({{ data['window'].messages }} scanned{% if data['window'].truncated %}, <span class="warn">window truncated — older threads are not shown</span>{% endif %}).
  </p>
</section>

<section class="panel">
  {% if data['items'] %}
  <div class="scroll"><table>
    <thead class="sticky"><tr>
      <th>Thread</th><th class="num">Messages</th><th class="num">Replies</th>
      <th>Participants</th><th>Latest</th><th class="nowrap">Started</th><th class="nowrap">Last</th>
    </tr></thead>
    <tbody>
      {% for t in data['items'] %}
      <tr class="{{ 'stale' if t.dangling else '' }}">
        <td>{{ thread_link(t.key) }}
          {% if t.is_client_keyed %}<div class="muted" style="font-size:11px">client-chosen key</div>{% endif %}</td>
        <td class="num">{{ t.count }}</td>
        <td class="num">{{ t.replies }}{% if t.dangling %} <span class="warn" title="reply_to naming no stored message">+{{ t.dangling }} dangling</span>{% endif %}</td>
        <td>{% for h in t.participant_handles[:4] %}<span class="tag">{{ ("@" ~ h) if not ":" in h else h }}</span>{% endfor %}
            {% if t.participant_handles | length > 4 %}<span class="muted">+{{ t.participant_handles | length - 4 }}</span>{% endif %}</td>
        <td>{{ msg_link(t.last_message) }} {{ t.preview | truncate(60) }}</td>
        <td class="nowrap">{{ ts(t.first_at) }}</td>
        <td class="nowrap">{{ ts(t.last_at) }}</td>
      </tr>
      {% endfor %}
    </tbody>
  </table></div>
  <div class="pager">
    {% if data['page'] > 1 %}<a href="{{ with_params(request, page=data['page'] - 1) }}">« previous</a>{% endif %}
    <span class="muted">page {{ data['page'] }} of {{ (data['total'] // data['page_size']) + 1 }} · {{ data['total'] }} threads</span>
    {% if data['has_next'] %}<a href="{{ with_params(request, page=data['page'] + 1) }}">next »</a>{% endif %}
  </div>
  {% else %}<p class="empty">No threads in this window.</p>{% endif %}
</section>
{% endblock %}