{# Dropdown content for the topbar Process queue dropdown.
   Context: queue_rows (from claude_queue.all_queued_actions) and
   bug_meta_by_id ({bug_id: {section_slug, title}}). #}
<div class="queue-dropdown-content" id="queue-dropdown-content">
  {% if not queue_rows %}
    <p class="queue-dropdown-empty">Nothing queued.</p>
  {% else %}
    <p class="queue-dropdown-summary">
      {{ queue_rows|length }} queued action{{ '' if queue_rows|length == 1 else 's' }}
    </p>
    <ul class="queue-dropdown-list">
      {% for row in queue_rows %}
      {% set meta = bug_meta_by_id.get(row.bug_id) %}
      <li class="queue-dropdown-row queue-dropdown-row--{{ row.action }}">
        {# Whole-row jump target (everything except ✕). Uses htmx so
           navigation swaps only #tab-content — the dropdown and topbar
           stay mounted, no visual reset. #}
        {% if meta %}
        <a class="queue-dropdown-jump"
           href="?tab={{ meta.section_slug }}&bug={{ row.bug_id }}"
           hx-get="?tab={{ meta.section_slug }}&bug={{ row.bug_id }}"
           hx-target="#tab-content"
           hx-swap="innerHTML"
           hx-push-url="true"
           data-target-tab="{{ meta.section_slug }}">
        {% else %}
        <span class="queue-dropdown-jump queue-dropdown-jump--orphan"
              title="No pending draft for this bug">
        {% endif %}
          <span class="queue-badge queue-badge--{{ row.action }}">{{ row.action }}</span>
          <span class="queue-dropdown-bug">{{ row.bug_id }}</span>
          <span class="queue-dropdown-detail">
            {% if row.action == 'refine' %}
              {{ row.feedback }}
            {% elif row.action == 'apply' %}
              <em>bugzilla-cli apply</em>
            {% elif row.action == 'bug-start' %}
              <em>/bug-start</em>
            {% endif %}
          </span>
          <span class="queue-dropdown-ts">{{ row.ts[11:16] }}</span>
        {% if meta %}
        </a>
        {% else %}
        </span>
        {% endif %}
        <button type="button"
                class="queue-dropdown-remove"
                aria-label="Remove this entry"
                title="Remove"
                hx-post="/queue/remove"
                hx-vals='{"action": {{ row.action | tojson }}, "bug_id": {{ row.bug_id }}, "ts": {{ row.ts | tojson }}}'
                hx-target="closest .queue-dropdown-row"
                hx-swap="outerHTML">✕</button>
      </li>
      {% endfor %}
    </ul>
  {% endif %}
  <div class="queue-dropdown-footer">
    <button type="button"
            class="btn-copy-prompt"
            id="btn-copy-prompt"
            onclick="copyDrainPrompt(this)"
            {% if not queue_rows %}disabled{% endif %}>
      Copy prompt → paste into Claude
    </button>
  </div>
</div>