{% extends "base.html" %}
{% 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="{{ view.kind }}-heading">
        <p class="agent-work-kind">{{ view.kind }}</p>
        <div class="agent-work-heading">
          {% if view.github_repository_url %}
            <h1 id="{{ view.kind }}-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="{{ view.kind }}-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" %}
          </div>
        </div>
        {% include "partials/agent-work-detail.html" %}
        <dl class="agent-work-facts">
          {% for fact in view.facts %}
            <div><dt>{{ fact.label }}</dt><dd>{{ fact.value }}</dd></div>
          {% endfor %}
        </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 %}