{#- candidate_list: tuple[CandidateTrace]; fused: bool when the stage is the fused ranking -#}
<div class="overflow-x-auto">
  <table class="w-full text-left border-collapse">
    <caption class="sr-only">Candidates for this ranking stage</caption>
    <thead class="bg-[#0F172A]">
      <tr>
        <th scope="col" class="py-sm px-md text-label-caps font-label-caps text-on-surface-variant uppercase tracking-wider">{{ "Final rank" if fused else "Rank" }}</th>
        <th scope="col" class="py-sm px-md text-label-caps font-label-caps text-on-surface-variant uppercase tracking-wider">Document</th>
        {% if fused %}
        <th scope="col" class="py-sm px-md text-label-caps font-label-caps text-on-surface-variant uppercase tracking-wider">Dense</th>
        <th scope="col" class="py-sm px-md text-label-caps font-label-caps text-on-surface-variant uppercase tracking-wider">Sparse</th>
        <th scope="col" class="py-sm px-md text-label-caps font-label-caps text-on-surface-variant uppercase tracking-wider">RRF score</th>
        {% else %}
        <th scope="col" class="py-sm px-md text-label-caps font-label-caps text-on-surface-variant uppercase tracking-wider">Score</th>
        {% endif %}
        <th scope="col" class="py-sm px-md text-label-caps font-label-caps text-on-surface-variant uppercase tracking-wider">Type · Trust · Lang</th>
        <th scope="col" class="py-sm px-md text-label-caps font-label-caps text-on-surface-variant uppercase tracking-wider">Preview</th>
        <th scope="col" class="py-sm px-md text-label-caps font-label-caps text-on-surface-variant uppercase tracking-wider">Outcome</th>
      </tr>
    </thead>
    <tbody class="divide-y divide-[#1E293B] text-body-md font-body-md text-on-surface">
      {% for candidate in candidate_list %}
      <tr class="table-row-hover transition-colors align-top">
        <th scope="row" class="py-sm px-md text-on-surface font-headline-md">{{ candidate.rank }}</th>
        <td class="py-sm px-md">
          <p>{{ candidate.document_title or ("Document " ~ (candidate.document_id | string)[:8] ~ "…") }}</p>
          <p class="text-body-sm font-body-sm text-on-surface-variant">{% if candidate.source_name %}{{ candidate.source_name }} · {% endif %}<span class="text-code-sm font-code-sm" title="{{ candidate.document_id }}">{{ (candidate.document_id | string)[:8] }}…</span></p>
        </td>
        {% if fused %}
        <td class="py-sm px-md text-code-sm font-code-sm">
          {% if candidate.dense_rank %}#{{ candidate.dense_rank }} · {{ "%.3f" | format(candidate.dense_score) if candidate.dense_score is not none else "—" }}<br><span class="text-on-surface-variant">+{{ "%.4f" | format(candidate.rrf_dense) }}</span>{% else %}<span class="text-on-surface-variant">not in dense top-k</span>{% endif %}
        </td>
        <td class="py-sm px-md text-code-sm font-code-sm">
          {% if candidate.sparse_rank %}#{{ candidate.sparse_rank }} · {{ "%.3f" | format(candidate.sparse_score) if candidate.sparse_score is not none else "—" }}<br><span class="text-on-surface-variant">+{{ "%.4f" | format(candidate.rrf_sparse) }}</span>{% else %}<span class="text-on-surface-variant">not in sparse top-k</span>{% endif %}
        </td>
        <td class="py-sm px-md"><span class="inline-block px-2 py-0.5 rounded-DEFAULT border border-tertiary-container/30 bg-tertiary-container/10 text-tertiary text-code-sm font-code-sm">{{ "%.4f" | format(candidate.score) }}</span><br><span class="text-body-sm font-body-sm text-on-surface-variant">({{ candidate.score_label }})</span></td>
        {% else %}
        <td class="py-sm px-md"><span class="inline-block px-2 py-0.5 rounded-DEFAULT border border-tertiary-container/30 bg-tertiary-container/10 text-tertiary text-code-sm font-code-sm">{{ "%.4f" | format(candidate.score) }}</span><br><span class="text-body-sm font-body-sm text-on-surface-variant">({{ candidate.score_label }})</span></td>
        {% endif %}
        <td class="py-sm px-md text-body-sm font-body-sm text-on-surface-variant">{{ candidate.content_type }}<br>{{ candidate.trust_level }} · {{ candidate.language }}</td>
        <td class="py-sm px-md text-body-sm font-body-sm max-w-md">{{ candidate.text_preview }}{% if candidate.text_truncated %} &hellip; (truncated){% endif %}</td>
        <td class="py-sm px-md">
          {% if candidate.inclusion == "included" %}
          <span class="inline-flex items-center gap-xs px-2 py-1 rounded-full bg-tertiary-container/10 border border-tertiary-container/20 text-tertiary text-label-caps font-label-caps uppercase">{{ candidate.inclusion }}</span>
          {% else %}
          <span class="inline-flex items-center gap-xs px-2 py-1 rounded-full bg-surface-variant border border-outline text-on-surface-variant text-label-caps font-label-caps uppercase">{{ candidate.inclusion }}</span>
          {% endif %}
          <p class="text-body-sm font-body-sm text-on-surface-variant mt-xs">{{ candidate.reason | replace("_", " ") }}</p>
        </td>
      </tr>
      {% else %}
      <tr><td colspan="{{ 8 if fused else 6 }}" class="py-sm px-md text-on-surface-variant">No candidates at this stage.</td></tr>
      {% endfor %}
    </tbody>
  </table>
</div>