{% macro recovery_panel(panel) -%}
<section class="recovery-panel" aria-labelledby="recovery-panel-heading">
  <h2 id="recovery-panel-heading">Recovery</h2>
  {% if panel.auto_publish_recipe %}
  <div class="callout recovery-auto-publish">
    <strong>Auto-publish candidate</strong>
    <code data-copy="{{ panel.auto_publish_recipe }}">{{ panel.auto_publish_recipe }}</code>
  </div>
  {% endif %}
  <div id="island-recovery-panel"
       class="recovery-panel-island"
       data-props='{{ {"runId": panel.run_id, "recipes": panel.recipes or []} | tojson }}'></div>
  {% set auto_finalize = panel.auto_finalize_dry_run or {} %}
  {% if auto_finalize.eligible or auto_finalize.skipped %}
  <div class="callout recovery-auto-finalize">
    <strong>Auto-finalize dry run</strong>
    <span class="muted">
      {{ auto_finalize.eligible_count or 0 }} eligible /
      {{ auto_finalize.skipped_count or 0 }} refused /
      live allowed: {{ "yes" if auto_finalize.policy and auto_finalize.policy.live_allowed else "no" }}
    </span>
    {% if auto_finalize.eligible %}
    <ul>
      {% for candidate in auto_finalize.eligible[:3] %}
      <li>
        <span class="status-pill status-ready">eligible</span>
        <code>{{ candidate.workflow_job_id or candidate.job_id }}</code>
        {% for artifact in candidate.artifacts or [] %}
        <code>{{ artifact.path }}</code>
        {% endfor %}
      </li>
      {% endfor %}
    </ul>
    {% endif %}
    {% if auto_finalize.skipped %}
    <ul>
      {% for candidate in auto_finalize.skipped[:3] %}
      <li>
        <span class="status-pill status-blocked">refused</span>
        <code>{{ candidate.workflow_job_id or candidate.job_id or "run" }}</code>
        <span>{{ candidate.reason }}</span>
        {% for artifact in candidate.artifacts or [] %}
        {% if artifact.reason %}
        <span class="muted">{{ artifact.path }}: {{ artifact.reason }}</span>
        {% endif %}
        {% endfor %}
      </li>
      {% endfor %}
    </ul>
    {% endif %}
  </div>
  {% endif %}
  {% if panel.blockers %}
  <ul class="recovery-blocker-list">
    {% for blocker in panel.human_checkpoints + panel.blocked %}
    <li class="recovery-blocker recovery-{{ blocker.severity }}">
      <div>
        <span class="status-pill status-{{ 'blocked' if blocker.severity == 'human_checkpoint' else blocker.severity }}">{{ blocker.severity }}</span>
        <code>{{ blocker.blocker_kind }}</code>
        {% if blocker.workflow_job_id %}
        <a href="/run/{{ blocker.run_id }}/job/{{ blocker.job_id }}">{{ blocker.workflow_job_id }}</a>
        {% endif %}
      </div>
      <p class="muted">{{ blocker.description }}</p>
      {% if blocker.recipes %}
      <div class="recipe-list" aria-label="Recovery recipes">
        {% for recipe in blocker.recipes %}
        <code data-copy="{{ recipe }}">{{ recipe }}</code>
        {% endfor %}
      </div>
      {% endif %}
    </li>
    {% endfor %}
  </ul>
  {% else %}
  <p class="empty-state">No open blockers.</p>
  {% endif %}
</section>
{%- endmacro %}