{% extends "base.html" %}

{% block title %}minibot history — {{ session_id }}{% endblock %}

{% block content %}
<section>
  <p class="crumb"><a href="/history">&larr; all conversations</a></p>
  <h2>{{ session_id }}</h2>
  <form class="search" method="get" action="/history" role="search">
    <input type="hidden" name="session" value="{{ session_id }}">
    <input type="search" name="q" value="{{ q }}" placeholder="Search this conversation" aria-label="Search messages">
    <button type="submit">Search</button>
  </form>
  {% if entries %}
  <p class="muted">newest first</p>
  <ol class="messages" data-pager-list>
    {% for entry in entries %}
    <li class="message role-{{ entry.role }}">
      <div class="message-head">
        <span class="role">{{ entry.role }}</span>
        <span class="muted">{{ entry.created_at.strftime("%Y-%m-%d %H:%M") }}</span>
      </div>
      <pre>{{ entry.content }}</pre>
      {% if entry.reasoning %}
      <details>
        <summary>reasoning</summary>
        <pre>{{ entry.reasoning }}</pre>
      </details>
      {% endif %}
    </li>
    {% endfor %}
  </ol>
  {% if next_url %}<p class="pager"><a href="{{ next_url }}" data-pager-next>older &rarr;</a></p>{% endif %}
  {% else %}
  <p>{{ "no message matches" if q else "no messages in this session" }}</p>
  {% endif %}
</section>
{% endblock %}