{% extends "base.html" %}
{% from "partials/references.html" import pull_request_chip with context %}
{% block content %}
  <main class="agent-work-page">
    {% include "partials/site-header.html" %}
    <div class="agent-work-content">
      <a class="agent-work-navigation" href="{{ url_for('show_home', _anchor=view.kind) }}">&lt; home</a>
      <section class="agent-work-overview" aria-labelledby="agent-work-heading">
        <p class="agent-work-kind">{{ view.kind }}</p>
        <div class="agent-work-heading">
          {% if view.github_repository_url %}
            <h1 id="agent-work-heading"><a class="agent-work-issue" href="{{ view.github_repository_url }}/issues/{{ view.issue }}" target="_blank" rel="noopener noreferrer">#{{ view.issue }} <span>{{ view.title }}</span></a></h1>
          {% else %}
            <h1 id="agent-work-heading"><strong class="agent-work-issue">#{{ view.issue }} <span>{{ view.title }}</span></strong></h1>
          {% endif %}
          <div class="agent-work-heading-actions">
            {% include "partials/agent-work-retry.html" %}
            {% include "partials/agent-work-status.html" %}
            {{ pull_request_chip(view.pull_request, view.pull_request_summary, view.is_pull_request_ready_for_review) }}
          </div>
        </div>
        {% include "partials/agent-work-detail.html" %}
        <dl class="agent-work-facts">
          <div><dt>label</dt><dd>{{ view.dispatch_label }}</dd></div>
          <div><dt>harness</dt><dd>{{ view.harness }}</dd></div>
          <div><dt>model · effort</dt><dd>{{ view.model }} · {{ view.effort }}</dd></div>
        </dl>
      </section>
      <div class="agent-work-workspace">
        <div class="agent-work-sidebar">
          {% include "partials/agent-work-rounds.html" %}
        </div>
        <section class="panel agent-work-feed" aria-labelledby="feed-heading">
          <h1 id="feed-heading">Feed</h1>
          <button class="feed-tail" type="button" aria-controls="records">TAIL ↓</button>
          <p id="feed-refresh-error" class="refresh-error" role="alert" hidden></p>
          <input type="hidden" id="position" name="position" value="{{ view.feed_position }}">
          <div id="records" class="feed-records" hx-get="{{ url_for('show_work_tail', identifier=view.identifier) }}" hx-trigger="every 2s" hx-include="#position" hx-select=".feed-round" hx-swap="beforeend" data-refresh-alert="feed-refresh-error">
            {% for feed_round in view.feed_rounds %}
              {% include "partials/feed-round.html" %}
            {% else %}
              <p id="empty-feed" class="empty">-- no feed yet --</p>
            {% endfor %}
          </div>
        </section>
      </div>
      {% include "partials/agent-work-foot.html" %}
    </div>
  </main>
  <script src="{{ url_for('static', filename='agent-work.js') }}"></script>
{% endblock %}