{% import '_entry.html' as e %}
<div class="pane-head">
  <div class="title">
    <strong>{{ session.title or 'Untitled session' }}</strong>
    <span class="sub" title="{{ session.cwd }}">{{ session.cwd|tilde }}{% if session.branch %} · {{ session.branch }}{% endif %}
      · {{ session.messages }} messages · {{ session.started_at|when }}</span>
  </div>
  <div class="actions">
    <button class="btn primary" data-launch="resume"
            data-session="{{ session.session_id }}">Resume</button>
    <button class="btn" data-launch="fork"
            data-session="{{ session.session_id }}">Fork</button>
    <button class="btn" data-launch="new" data-cwd="{{ session.cwd or '' }}">New</button>
  </div>
</div>
{% if subagents %}
<div class="subagents">
  {% for a in subagents %}
  <details class="tool sub"><summary><span class="tname">⑃ subagent</span>
      <span class="targs">{{ a.title or a.first_prompt or a.session_id[:8] }}</span></summary>
    <div class="tbody" hx-get="/a/{{ a.session_id }}" hx-trigger="intersect once"
         hx-swap="innerHTML"><p class="note">loading…</p></div>
  </details>
  {% endfor %}
</div>
{% endif %}
<div class="entries">
  {% if start > 0 %}
  <button class="loadmore" hx-get="/chunk/{{ session.session_id }}?start={{ [start - chunk, 0]|max }}&dir=up"
          hx-swap="outerHTML">Load earlier messages</button>
  {% endif %}
  {{ e.blocks(entries, session.session_id, start) }}
  {% if end < total %}
  <div class="sentinel" hx-get="/chunk/{{ session.session_id }}?start={{ end }}&dir=down"
       hx-trigger="revealed" hx-swap="outerHTML">loading…</div>
  {% endif %}
</div>