{#- A task's comment thread, refetched on live events. Expects: t (the task), comments, optional
    error. The form that adds a comment lives outside it (_comments.html), so a draft survives. -#}
{%- macro stamp(ts) -%}<time datetime="{{ ts }}" title="{{ ts[:19]|replace('T', ' ') }} UTC" data-age>{{ ts|age }}</time>{%- endmacro -%}
<div class="comment-thread" id="comments-{{ t.key }}"
     hx-get="/p/{{ t.project_slug }}/t/{{ t.key }}/comments" hx-trigger="rb:refresh" hx-swap="outerHTML">
  {% if error %}<p class="form-error" role="alert">{{ error }}</p>{% endif %}
  {% if comments %}
  <ol class="comment-list">
    {% for c in comments %}
    <li class="comment {{ 'from-owner' if c.from_owner else 'from-agent' }}" id="comment-{{ c.id }}">
      <header class="comment-head">
        <span class="comment-author">{{ "You" if c.from_owner else c.author }}</span>
        <span class="muted">#{{ c.id }}{% if c.in_reply_to %} · re #{{ c.in_reply_to }}{% endif %}</span>
      </header>
      <div class="markdown comment-body">{{ c.body_md|markdown }}</div>
      <p class="comment-marks muted">
        {%- if c.from_owner %}
        <span class="mark mark-sent">sent {{ stamp(c.created_at) }}</span>
        {%- if c.delivered_at %} · <span class="mark mark-delivered">delivered {{ stamp(c.delivered_at) }}{% if c.delivered_to_name %} to {{ c.delivered_to_name }}{% endif %}</span>
        {%- else %} · <span class="mark mark-pending">not delivered yet</span>{% endif %}
        {%- if c.read_at %} · <span class="mark mark-read">read {{ stamp(c.read_at) }}</span>{% endif %}
        {%- else %}
        <span class="mark">reply {{ stamp(c.created_at) }}</span>
        {%- if not c.read_at %} · <span class="mark mark-unread">unread</span>{% endif %}
        {%- endif %}
      </p>
    </li>
    {% endfor %}
  </ol>
  {% if comments|rejectattr("from_owner")|selectattr("read_at", "none")|list %}
  <form class="comment-read-form" method="post" action="/p/{{ t.project_slug }}/t/{{ t.key }}/comments/read"
        hx-post="/p/{{ t.project_slug }}/t/{{ t.key }}/comments/read" hx-target="closest .comment-thread" hx-swap="outerHTML">
    <input type="hidden" name="{{ csrf_field }}" value="{{ csrf_token }}">
    <button type="submit" class="btn">Mark replies read</button>
  </form>
  {% endif %}
  {% else %}
  <p class="muted">No comments yet.</p>
  {% endif %}
  <p class="muted comment-hint">{% if t.session_name %}A new comment reaches {{ t.session_name }} through its hooks on its next prompt or tool call.{% else %}No session is bound to this task: a comment waits until one is.{% endif %}</p>
</div>