{% macro blocks(entries, sid, offset=0) %}
{% for entry in entries %}
<article class="entry {{ entry.role }}" id="e{{ offset + loop.index0 }}">
  <header><span class="role">{{ entry.role }}</span>
    {% if entry.timestamp %}<time>{{ entry.timestamp|when }}</time>{% endif %}</header>
  <div class="body">
    {% for b in entry.blocks %}
      {% if b.kind == 'text' %}
        <div class="md">{{ md(b.text)|safe }}</div>
      {% elif b.kind == 'thinking' %}
        <details class="thinking"><summary>thinking</summary>
          <div class="md">{{ md(b.text)|safe }}</div></details>
      {% elif b.kind == 'image' %}
        <a class="shotlink" href="/img/{{ sid }}/{{ b.idx }}" target="_blank" rel="noopener">
          <img class="shot" src="/img/{{ sid }}/{{ b.idx }}" alt="" loading="lazy"></a>
      {% elif b.kind == 'tool' %}
        {% set t = b.tool %}
        <details class="tool{% if t.is_error %} err{% endif %}">
          <summary><span class="tname">{{ t.name }}</span>
            <span class="targs">{{ t.summary }}</span>
            {% if t.is_error %}<span class="badge">error</span>{% endif %}</summary>
          <div class="tbody">
            {% set rendered = tool_args(t.name, t.input) %}
            {% if rendered %}{{ rendered|safe }}{% endif %}
            {% if t.result %}
              <div class="tresult">{{ code(t.result)|safe }}
                {% if t.truncated %}<p class="note">output truncated</p>{% endif %}</div>
            {% endif %}
            {% for idx in t.images %}
              <a class="shotlink" href="/img/{{ sid }}/{{ idx }}" target="_blank" rel="noopener">
                <img class="shot" src="/img/{{ sid }}/{{ idx }}" alt="" loading="lazy"></a>
            {% endfor %}
          </div>
        </details>
      {% endif %}
    {% endfor %}
  </div>
</article>
{% endfor %}
{% endmacro %}