{# Console 2.0 speakers overview (#159, R4 #213) — full-page include and the
   htmx post-mutation refresh target (#roster). Numbers come from effective
   resolution (the canonical-run fold), never raw machine proposals. Every
   mutating form's action carries the current ?sort/?view so its re-render
   preserves both. Operator refusals (RosterError) arrive as roster_error.

   #245: the roster splits into two visual groups — verified ("Known speakers")
   and unverified ("Unnamed voices", collapsed by default). Heard-name
   annotation shows the machine-proposed name for unverified speakers. #}
{% from "fragments/_chips.html" import chip %}
{% set qs = "sort=" ~ sort ~ "&view=" ~ view %}
{% if roster_error %}<p class="error" role="alert">{{ roster_error }}</p>{% endif %}
{# Mutation CSRF tokens: the overview's action forms live on the detail page,
   but the route handler re-renders this fragment after mutations, so the tokens
   must survive here for htmx round-trips. #}
<input type="hidden" name="csrf_token" value="{{ csrf_rename }}" data-csrf-rename>
<input type="hidden" name="csrf_token" value="{{ csrf_archive }}" data-csrf-archive>

{# TO DO strip (#159 R4): action reminders the operator needs to address. #}
{% if overview.unverified_active or overview.name_suggestions or overview.possible_duplicates %}
<div class="spk-todo-strip" aria-label="Action reminders">
  <span class="spk-todo-label">TO DO</span>
  {% if overview.unverified_active %}
  <span class="spk-todo-item">
    {{ overview.unverified_active_total }} voice{{ "s" if overview.unverified_active_total != 1 }} waiting for a name
    <a href="#unnamed-voices" class="spk-todo-action"
       onclick="document.getElementById('unnamed-voices').open=true">Review them</a>
  </span>
  {% endif %}
  {% if overview.name_suggestions %}
  <span class="spk-todo-item">
    {{ overview.name_suggestion_total }} name suggestion{{ "s" if overview.name_suggestion_total != 1 }} to review
    <a href="/review/{{ overview.name_suggestions[0].run_id }}" class="spk-todo-action">Review</a>
  </span>
  {% endif %}
  {% if overview.possible_duplicates %}
  <span class="spk-todo-item">
    {{ overview.possible_duplicates_total }} pair{{ "s" if overview.possible_duplicates_total != 1 }} of voices sound alike
    <a href="/speakers/{{ overview.possible_duplicates[0].speaker_a_id }}" class="spk-todo-action">Compare</a>
    {% for d in overview.possible_duplicates %}
    — <a href="/speakers/{{ d.speaker_a_id }}">{{ d.speaker_a_name }}</a> &amp;
    <a href="/speakers/{{ d.speaker_b_id }}">{{ d.speaker_b_name }}</a>{% if not loop.last %}, {% endif %}
    {% endfor %}
    {% if overview.possible_duplicates_total > overview.possible_duplicates|length %}
    and {{ overview.possible_duplicates_total - overview.possible_duplicates|length }} more
    {% endif %}
  </span>
  {% endif %}
</div>
{% endif %}

{% if overview.rows %}
{# Partition into verified (known) and unverified (unnamed) groups. #}
{% set verified_rows = overview.rows|selectattr("aggregate.verified")|list %}
{% set unverified_rows = overview.rows|rejectattr("aggregate.verified")|list %}

<div class="lib-toolbar">
  <nav class="view-toggle" aria-label="Sort by">
    {% for value, label in sorts %}
    <a href="/speakers?sort={{ value }}&view={{ view }}"{% if value == sort %} aria-current="true"{% endif %}>{{ label }}</a>
    {% endfor %}
  </nav>
</div>

{% macro spk_badge(row) %}
  {%- set name = row.entry.speaker.display_name -%}
  {%- set initials = name[:2]|upper if name else "?" -%}
  <span class="pd-spk-badge{% if row.aggregate.verified %} pd-spk-named{% endif %}">{{ initials }}</span>
{%- endmacro %}

{% macro match_pct(row) %}
  {%- if row.tier.tier -%}
    {%- set evidence = row.tier.evidence -%}
    {%- set best = evidence|map(attribute="similarity")|select("number")|list -%}
    {%- if best -%}
      {%- set pct = (best|max * 100)|round|int -%}
      <span class="{% if pct >= 85 %}spk-match-ok{% else %}spk-match-warn{% endif %}">{{ pct }}%</span>
    {%- else -%}
      <span class="oc-muted">–</span>
    {%- endif -%}
  {%- elif row.tier.has_voice_evidence -%}
    <span class="oc-muted">–</span>
  {%- else -%}
    <span class="oc-muted">–</span>
  {%- endif -%}
{% endmacro %}

{% macro status_chip(row) %}
  {%- if row.aggregate.verified -%}
    {{ chip("verified") }}
  {%- elif row.aggregate.files > 0 -%}
    {{ chip("needs you") }}
  {%- else -%}
    {{ chip("unknown") }}
  {%- endif -%}
{% endmacro %}

{# --- Table row macro (reused by both groups) --- #}
{% macro table_row(row) %}
  <div class="gt-row{% if not row.aggregate.verified %} is-needs-human{% endif %}">
    <span>{{ spk_badge(row) }}</span>
    <span>
      <a href="/speakers/{{ row.entry.speaker.id }}">{{ row.entry.speaker.display_name }}</a>
      {% if row.heard_name and not row.aggregate.verified %}
      <span class="spk-heard-annotation">"{{ row.heard_name }}?" heard name, unconfirmed</span>
      {% endif %}
    </span>
    <span>{{ status_chip(row) }}</span>
    <span class="num">{{ row.aggregate.files }}</span>
    <span class="num">{{ format_duration(row.aggregate.seconds) }}</span>
    <span class="num">{{ match_pct(row) }}</span>
    <span>
      {% if row.aggregate.last_seen %}
      <span title="{{ row.aggregate.last_seen.strftime('%Y-%m-%d %H:%M UTC') }}">{{ format_age(row.aggregate.last_seen, now=now) }}</span>
      {% else %}<span class="oc-muted">never</span>{% endif %}
    </span>
    <span class="gt-action">
      {% if row.heard_name and not row.aggregate.verified %}
      <a href="/speakers/{{ row.entry.speaker.id }}">Rule →</a>
      {% else %}
      <a href="/speakers/{{ row.entry.speaker.id }}">Open →</a>
      {% endif %}
    </span>
  </div>
{% endmacro %}

{# --- Card macro (reused by both groups) --- #}
{% macro card_item(row) %}
  <li>
    <div class="spk-card-header">
      {{ spk_badge(row) }}
      <div>
        <a href="/speakers/{{ row.entry.speaker.id }}">{{ row.entry.speaker.display_name }}</a>
        {{ status_chip(row) }}
        {% if row.heard_name and not row.aggregate.verified %}
        <span class="spk-heard-annotation">"{{ row.heard_name }}?" heard name</span>
        {% endif %}
      </div>
    </div>
    <p class="oc-muted">
      {{ row.aggregate.files }} file{{ "s" if row.aggregate.files != 1 }}
      · {{ format_duration(row.aggregate.seconds) }}
      · {% if row.aggregate.last_seen %}last heard {{ format_age(row.aggregate.last_seen, now=now) }}{% else %}never heard{% endif %}
    </p>
    <p>{{ match_pct(row) }}</p>
  </li>
{% endmacro %}

{# --- Table header (shared between groups) --- #}
{% macro table_header() %}
  <div class="gt-header">
    <span></span>
    <span>NAME</span>
    <span>STATUS</span>
    <span class="num">FILES</span>
    <span class="num">MINUTES</span>
    <span class="num">VOICE MATCH</span>
    <span>LAST HEARD</span>
    <span></span>
  </div>
{% endmacro %}

{# === Known speakers (verified) === #}
{% if verified_rows %}
<div class="spk-group">
  <div class="spk-group-header">Known speakers <span class="oc-muted">({{ verified_rows|length }})</span></div>
  {% if view == "table" %}
  <div class="grid-table spk-roster-grid" role="region" aria-label="Known speakers" tabindex="0"
       style="grid-template-columns: auto 1fr auto auto auto auto auto auto;">
    {{ table_header() }}
    {% for row in verified_rows %}
    {{ table_row(row) }}
    {% endfor %}
  </div>
  {% else %}
  <ul class="lib-cards" aria-label="Known speakers">
    {% for row in verified_rows %}
    {{ card_item(row) }}
    {% endfor %}
  </ul>
  {% endif %}
</div>
{% else %}
<p class="oc-muted spk-group-empty">No verified speakers yet. Name a voice during review to add someone here.</p>
{% endif %}

{# === Unnamed voices (unverified, collapsed by default) === #}
{% if unverified_rows %}
<details class="spk-group spk-group-unnamed" id="unnamed-voices">
  <summary class="spk-group-header">Unnamed voices <span class="oc-muted">({{ unverified_rows|length }})</span></summary>
  {% if view == "table" %}
  <div class="grid-table spk-roster-grid" role="region" aria-label="Unnamed voices" tabindex="0"
       style="grid-template-columns: auto 1fr auto auto auto auto auto auto;">
    {{ table_header() }}
    {% for row in unverified_rows %}
    {{ table_row(row) }}
    {% endfor %}
  </div>
  {% else %}
  <ul class="lib-cards" aria-label="Unnamed voices">
    {% for row in unverified_rows %}
    {{ card_item(row) }}
    {% endfor %}
  </ul>
  {% endif %}
</details>
{% endif %}

{% else %}
<p class="oc-muted">No speakers yet. Voices join the roster when you name them while reviewing a recording.</p>
{% endif %}

{% if overview.inactive %}
<details class="roster-inactive">
  <summary>Former speakers ({{ overview.inactive|length }})</summary>
  {% for entry in overview.inactive %}
  <p class="oc-muted">
    {{ entry.speaker.display_name }} —
    {% if entry.merged_into_name %}
    merged into {{ entry.merged_into_name }}
    {% else %}
    archived
    <form class="inline" method="post"
          action="/speakers/{{ entry.speaker.id }}/restore?{{ qs }}"
          hx-post="/speakers/{{ entry.speaker.id }}/restore?{{ qs }}"
          hx-target="#roster" hx-swap="innerHTML">
      <input type="hidden" name="csrf_token" value="{{ csrf_restore }}">
      <button type="submit">Restore</button>
    </form>
    {% endif %}
  </p>
  {% endfor %}
</details>
{% endif %}