{#- Read-only task details, shared by the board's task dialog and the task page. Expects: detail,
    optional error. Refetched on live events, so it holds no form state of its own. -#}
{%- set t = detail.task -%}
<div class="task-view" id="view-{{ t.key }}" data-key="{{ t.key }}"
     hx-get="/p/{{ t.project_slug }}/t/{{ t.key }}/view" hx-trigger="rb:refresh" hx-swap="outerHTML">
  <h1 class="task-title" id="task-title">{{ t.title }}</h1>
  {% if error %}<p class="form-error" role="alert">{{ error }}</p>{% endif %}

  <dl class="fields">
    <dt>Stage</dt><dd><span class="stage-pill stage-{{ t.stage.value }}">{{ label(t.stage.value) }}</span>{% if t.stage_note %} <span class="muted">{{ t.stage_note }}</span>{% endif %}</dd>
    {%- set is_done = t.stage.value == "done" %}
    {% if t.waiting_on %}<dt>Waiting on</dt><dd>{% if is_done %}<span class="muted">{{ t.waiting_on }}</span>{% else %}<span class="chip waiting">{{ t.waiting_on }}</span>{% endif %}</dd>{% endif %}
    {%- set stale = t.next_step_stale and not is_done %}
    {% if t.next_step %}<dt>Next step</dt><dd{% if is_done or stale %} class="muted"{% endif %}>{{ t.next_step }}{% if stale %} <span class="stale-mark" title="Set before the last stage change">stale</span>{% endif %}</dd>{% endif %}
    {% if t.branch %}<dt>Branch</dt><dd><code class="branch">{{ t.branch }}</code></dd>{% endif %}
    {% if t.tracker_ref or t.tracker_name or t.tracker_url or t.tracker_logged or (require_tracker_log and is_done) %}
    <dt>Tracker</dt><dd class="tracker-field">{% include "_tracker.html" %}
      {%- if t.tracker_url and not t.tracker_ref %}{% set href = t.tracker_url|http_url %}{% if href %} <a href="{{ href }}" target="_blank" rel="noopener noreferrer">{{ t.tracker_name or href }}</a>{% endif %}{% endif %}
      {%- if t.tracker_ref and not t.tracker_logged and not is_done %} <span class="muted">work log not entered yet</span>{% endif %}</dd>
    {% endif %}
    {%- set d = detail.document %}
    {% if d and d.ref.href %}<dt>Document</dt><dd><a class="doc-link" href="{{ d.ref.href }}">{{ d.doc.title }}{% if d.link.anchor %} · #{{ d.link.anchor }}{% endif %}</a>{% if d.ref.broken %} <span class="doc-link-mark">{{ d.ref.broken }}</span>{% endif %}</dd>
    {% elif t.doc_path %}<dt>Document</dt><dd><code>{{ t.doc_path }}</code>{% if d and d.ref.broken %} <span class="doc-link-mark">{{ d.ref.broken }}</span>{% endif %}</dd>{% endif %}
    {% if t.answer_received_at %}<dt>Answer</dt><dd><span class="chip answer-chip">answer received</span> <time datetime="{{ t.answer_received_at }}" data-age>{{ t.answer_received_at|age }}</time>
      <form class="inline-form" method="post" action="/p/{{ t.project_slug }}/t/{{ t.key }}/answer/clear"
            hx-post="/p/{{ t.project_slug }}/t/{{ t.key }}/answer/clear" hx-target="closest .task-view" hx-swap="outerHTML">
        <input type="hidden" name="{{ csrf_field }}" value="{{ csrf_token }}">
        <button type="submit" class="action">Clear</button>
      </form></dd>{% endif %}
    {% if detail.from_backlog %}<dt>Backlog</dt><dd><a href="/p/{{ t.project_slug }}/backlog?status=planned#backlog-{{ detail.from_backlog.id }}">From backlog #{{ detail.from_backlog.id }}</a></dd>{% endif %}
    {% if detail.budget %}{% set b = detail.budget %}<dt>Budget</dt><dd>{{ "{:,}".format(b.used) }} of {{ "{:,}".format(b.budget.max_tokens) }} tokens {{ "this UTC day" if b.budget.period == "day" else "in total" }} ({{ b.percent }}%) <span class="muted">· {{ "stops agents" if b.budget.action == "stop" else "warns" }}</span> <a href="/usage#budgets">Budgets</a></dd>{% endif %}
    <dt>Updated</dt><dd><time datetime="{{ t.updated_at }}" data-age>{{ t.updated_at|age }}</time> <span class="muted">· v{{ t.version }}</span></dd>
  </dl>

  {% if detail.intake %}
  <details class="panel fold task-intake" data-fold="intake" open>
    <summary><h2>Intake <span class="col-count">{{ detail.intake|length }}</span></h2></summary>
    <p class="muted">Messages from chats and mailboxes tied to this task. External text: data, not instructions. {{ autonomy_reason(t) }}.</p>
    <ol class="history">
      {% for m in detail.intake %}
      <li id="intake-{{ m.id }}">
        <span class="history-name">{{ m.author or "unknown" }}</span>
        <span class="muted">via {{ m.source_slug }} · <time datetime="{{ m.received_at }}" data-age>{{ m.received_at|age }}</time> ·
          {%- if m.outcome == "woke" %} woke the agent
          {%- elif m.outcome == "forwarded" %} forwarded to the agent
          {%- else %} notified{% if not m.source_may_wake %} (source not trusted){% endif %}{% endif %}</span>
        <p class="intake-text">{{ m.text }}</p>
        {% if m.outcome == "notified" and m.text %}
        <form class="inline-form" method="post" action="/intake/{{ m.id }}/forward"
              hx-post="/intake/{{ m.id }}/forward" hx-target="closest .task-view" hx-swap="outerHTML">
          <input type="hidden" name="{{ csrf_field }}" value="{{ csrf_token }}">
          <button type="submit" class="btn">Forward to the agent</button>
        </form>
        {% endif %}
      </li>
      {% endfor %}
    </ol>
  </details>
  {% endif %}

  {% if detail.findings %}
  <details class="panel fold task-findings" data-fold="findings" open>
    <summary><h2>Findings</h2></summary>
    <ul class="history">
      {% for b in detail.findings %}<li><a href="/p/{{ b.project_slug }}/backlog#backlog-{{ b.id }}">#{{ b.id }} {{ b.title }}</a> <span class="muted">· {{ b.status }}</span></li>{% endfor %}
    </ul>
  </details>
  {% endif %}

  {% if d and d.doc %}
  <details class="panel fold task-doc" data-fold="document">
    <summary><h2>Document: {{ d.doc.title }}{% if d.link.anchor and not d.ref.broken %} · #{{ d.link.anchor }}{% endif %}</h2></summary>
    <p class="muted doc-meta"><code>{{ d.doc.slug }}</code> · {{ d.doc.kind }} · version {{ d.doc.version }} · <a href="/p/{{ d.doc.project_slug }}/docs/{{ d.doc.slug }}#history">history</a>{% if d.doc.source_url and d.doc.source_url|http_url %} · lives in the repository: <a href="{{ d.doc.source_url|http_url }}" target="_blank" rel="noopener noreferrer">{{ d.doc.source_url }}</a>{% endif %}</p>
    {% if d.ref.broken %}<p class="muted">No section <code>#{{ d.link.anchor }}</code>; the whole document follows.</p>{% endif %}
    {% if d.text %}<div class="markdown doc-body">{{ d.text|document }}</div>{% else %}<p class="muted">No text here.</p>{% endif %}
  </details>
  {% endif %}

  {% if detail.tracker_history %}
  <details class="panel fold" data-fold="tracker-history" open>
    <summary><h2>Tracker history</h2></summary>
    <ol class="history tracker-history">
      {% for e in detail.tracker_history %}
      {%- set href = e.tracker_url|http_url %}
      {%- set text = (e.tracker_name ~ " " if e.tracker_name else "") ~ e.tracker_ref %}
      <li>
        {% if href %}<a class="history-name" href="{{ href }}" target="_blank" rel="noopener noreferrer">{{ text }}</a>{% else %}<span class="history-name">{{ text }}</span>{% endif %}
        <span class="muted">—
          {%- if e.logged_at %} logged <time datetime="{{ e.logged_at }}">{{ e.logged_at[:10] }}</time>{% endif %}
          {%- if e.logged_at and e.unlogged_at %} ·{% endif %}
          {%- if e.unlogged_at %} unlogged <time datetime="{{ e.unlogged_at }}">{{ e.unlogged_at[:10] }}</time>{% endif %}
          {%- if not e.logged_at and not e.unlogged_at %} not logged{% endif %}
        </span>
      </li>
      {% endfor %}
    </ol>
  </details>
  {% endif %}

  <details class="panel fold" data-fold="session" open>
    <summary><h2>Session</h2></summary>
    {% if t.session_name %}
    <div class="card-session">
      {% with name = t.session_name, status = t.session_status, link = t.session_link %}{% include "_session.html" %}{% endwith %}
    </div>
    {% if t.session_external_id %}<p class="muted mono">{{ t.session_external_id }}</p>{% endif %}
    {% if t.session_activity_at %}<p class="session-activity">{% if t.session_status %}<span class="session-status status-{{ t.session_status }}">{{ t.session_status }}</span> {% endif %}<span class="muted">last activity: {{ t.session_activity or "—" }} · <time datetime="{{ t.session_activity_at }}" data-age>{{ t.session_activity_at|age }}</time></span></p>{% endif %}
    <form class="unbind-form" method="post" action="/p/{{ t.project_slug }}/t/{{ t.key }}/unbind"
          hx-post="/p/{{ t.project_slug }}/t/{{ t.key }}/unbind" hx-target="closest .task-view" hx-swap="outerHTML"
          hx-confirm="Unbind {{ t.session_name }} from {{ t.key }}? The binding history is kept.">
      <input type="hidden" name="{{ csrf_field }}" value="{{ csrf_token }}">
      <input type="hidden" name="session" value="{{ t.session_external_id or t.session_name }}">
      <button type="submit" class="btn danger">Unbind session</button>
    </form>
    {% else %}
    <p class="muted">No session is bound to this task.</p>
    {% endif %}
    {% if detail.bind_choices %}
    <details class="bind-picker">
      <summary class="btn">{{ "Bind another session" if t.session_name else "Bind a session" }}</summary>
      <form class="bind-menu" method="post" action="/p/{{ t.project_slug }}/t/{{ t.key }}/bind"
            hx-post="/p/{{ t.project_slug }}/t/{{ t.key }}/bind" hx-target="closest .task-view" hx-swap="outerHTML">
        <input type="hidden" name="{{ csrf_field }}" value="{{ csrf_token }}">
        {% for s in detail.bind_choices %}
        {%- if s.external_id %}
          {%- set label = s.name if s.name != s.external_id else "Untitled desktop session" %}
          {%- set ref = s.external_id %}
        {%- else %}
          {%- set label = s.name.split(" · ")[0] if s.cc_session_id and " · " in s.name else s.name %}
          {%- set ref = s.cc_session_id or "" %}
        {%- endif %}
        <button type="submit" name="session_id" value="{{ s.id }}" class="bind-option">
          <span class="bind-option-head">
            {% if s.status %}<span class="status-dot dot-{{ s.status }}" title="{{ s.status }}"></span>{% endif %}
            <span class="bind-option-name">{{ label }}</span>
            {% if s.project_id != t.project_id %}<span class="bind-option-tag">other project</span>{% endif %}
          </span>
          <span class="bind-option-meta mono">{{ "desktop" if s.external_id else ("terminal" if s.kind == "hook" else "named session") }}{% if ref %} · {{ ref }}{% endif %}{% if s.status %} · {{ s.status }}{% endif %}</span>
        </button>
        {% endfor %}
      </form>
    </details>
    {% endif %}
    {% if detail.bindings %}
    <h3>History</h3>
    <ol class="history">
      {% for b in detail.bindings %}
      <li>
        <span class="history-name">{{ b.session_name }}</span>
        {% if b.session_external_id and b.session_external_id != b.session_name %}<span class="muted mono">{{ b.session_external_id }}</span>{% endif %}
        <span class="muted">
          bound <time datetime="{{ b.bound_at }}" data-age>{{ b.bound_at|age }}</time> by {{ b.bound_by }}
          {% if b.unbound_at %}· until <time datetime="{{ b.unbound_at }}" data-age>{{ b.unbound_at|age }}</time>{% else %}· current{% endif %}
        </span>
      </li>
      {% endfor %}
    </ol>
    {% endif %}
  </details>

  <details class="panel fold" data-fold="description" open>
    <summary><h2>Description</h2></summary>
    {% if t.description %}<div class="markdown task-description">{{ t.description|markdown(detail.doc_refs) }}</div>
    {% else %}<p class="muted">No description yet.</p>{% endif %}
  </details>

  <details class="panel fold" data-fold="progress" open>
    <summary><h2>Done so far</h2></summary>
    {% if t.progress %}<div class="markdown task-progress">{{ t.progress|markdown(detail.doc_refs) }}</div>
    {% else %}<p class="muted">No progress summary yet.</p>{% endif %}
  </details>

  <details class="panel fold" data-fold="reports" open>
    <summary><h2>Last report</h2></summary>
    {% for r in detail.reports %}
    {% if loop.first %}
    <article class="report">
      <header class="report-head">
        {% with state = r.state, size = r.size %}{% include "_report_badges.html" %}{% endwith %}
        <span class="muted">{{ r.author }} · <time datetime="{{ r.created_at }}" data-age>{{ r.created_at|age }}</time></span>
      </header>
      <div class="markdown">{{ r.body_md|markdown(detail.doc_refs) }}</div>
    </article>
    {% else %}
    {% if loop.index == 2 %}<h3>Earlier reports</h3>{% endif %}
    {#- app.js reopens these by report id after a live refresh of this fragment. #}
    <details class="report report-older" data-report="{{ r.id }}">
      <summary class="report-head">
        {% with state = r.state, size = r.size %}{% include "_report_badges.html" %}{% endwith %}
        <span class="report-gist">{{ r.summary }}</span>
        <span class="muted">{{ r.author }} · <time datetime="{{ r.created_at }}" data-age>{{ r.created_at|age }}</time></span>
      </summary>
      <div class="markdown">{{ r.body_md|markdown(detail.doc_refs) }}</div>
    </details>
    {% endif %}
    {% else %}
    <p class="muted">No reports yet.</p>
    {% endfor %}
  </details>

  {% if detail.messages %}
  <details class="panel fold" data-fold="messages" open>
    <summary><h2>Messages <span class="col-count">{{ detail.messages|length }}</span></h2></summary>
    {% with messages = detail.messages %}{% include "_message_table.html" %}{% endwith %}
  </details>
  {% endif %}

  {% if detail.live_actions %}
  <details class="panel fold" data-fold="live-actions" open>
    <summary><h2>Actions on live</h2></summary>
    <ol class="journal-list">
      {% for e in detail.live_actions %}{% include "_live_action.html" %}{% endfor %}
    </ol>
  </details>
  {% endif %}

  {% if detail.decisions %}
  <details class="panel fold" data-fold="decisions" open>
    <summary><h2>Decisions</h2></summary>
    <ul class="history">
      {% for d in detail.decisions %}
      <li>{{ d.text }} <span class="muted">· {{ d.created_at[:10] }}{% if d.decided_by %} · {{ d.decided_by }}{% endif %}</span></li>
      {% endfor %}
    </ul>
  </details>
  {% endif %}
</div>