{% if tokens %}
<table>
    <thead>
        <tr>
            <th>Token</th>
            <th>Kind</th>
            <th>Uses</th>
            <th>Chapters</th>
            <th>Evidence</th>
            <th>Status</th>
            <th>Action</th>
        </tr>
    </thead>
    <tbody>
        {% for t in tokens %}
        <tr id="nt-row-{{ loop.index }}" {% if t.status != 'unresolved' %}style="opacity:0.45"{% endif %}>
            <td>
                <strong style="color:#e0e0e0">{{ t.token }}</strong>
                {% if t.suggestion %}
                <div style="font-size:0.7rem; color:#7dd3fc; margin-top:0.15rem">
                    ↳ likely “{{ t.suggestion }}” ({{ '%.2f'|format(t.suggestion_score) }})
                </div>
                {% endif %}
            </td>
            <td>
                {% if t.kind == 'name_tag' %}
                <span class="badge badge-blue">name tag</span>
                {% else %}
                <span class="badge badge-yellow">role speaker</span>
                {% endif %}
            </td>
            <td style="color:#94a3b8">{{ t.occurrences }}</td>
            <td style="color:#64748b; font-size:0.8rem">
                {% if t.chapters %}{{ t.chapters|join(', ') }}{% else %}—{% endif %}
            </td>
            <td style="max-width:280px">
                {% if t.evidence %}
                <small style="color:#cbd5e1">“{{ t.evidence[0][:90] }}{% if t.evidence[0]|length > 90 %}…{% endif %}”</small>
                {% else %}
                <span style="color:#475569">—</span>
                {% endif %}
            </td>
            <td>
                {% if t.status == 'unresolved' %}
                <span class="badge badge-red">unresolved</span>
                {% elif t.status == 'assigned' %}
                <span class="badge badge-green" title="Assigned to {{ t.target_speaker }}">assigned</span>
                {% elif t.status == 'created' %}
                <span class="badge badge-green">new speaker</span>
                {% else %}
                <span class="badge" style="background:#334155; color:#cbd5e1">dismissed</span>
                {% endif %}
            </td>
            <td style="min-width:280px">
                {% if t.status == 'unresolved' %}
                <div style="display:flex; gap:0.3rem; flex-wrap:wrap; align-items:center">
                    <select id="nt-assign-{{ loop.index }}"
                            style="padding:0.25rem; background:#1a1a2e; border:1px solid #333; border-radius:3px; color:#e0e0e0; font-size:0.78rem; max-width:150px">
                        <option value="">Assign to…</option>
                        {% for sp in speakers %}
                        <option value="{{ sp.primary_name }}" {% if sp.primary_name == t.suggestion %}selected{% endif %}>{{ sp.primary_name }}</option>
                        {% endfor %}
                    </select>
                    <button class="btn btn-approve" data-token="{{ t.token }}" data-idx="{{ loop.index }}"
                            style="font-size:0.72rem; padding:0.2rem 0.5rem"
                            onclick="ntAssign(this)">Assign</button>
                    <button class="btn btn-primary" data-token="{{ t.token }}" data-idx="{{ loop.index }}"
                            style="font-size:0.72rem; padding:0.2rem 0.5rem"
                            onclick="ntCreate(this)">New speaker</button>
                    <button class="btn" data-token="{{ t.token }}" data-idx="{{ loop.index }}"
                            style="font-size:0.72rem; padding:0.2rem 0.5rem; background:#475569; color:#e0e0e0"
                            onclick="ntDismiss(this)">Dismiss</button>
                </div>
                {% else %}
                <span style="color:#64748b; font-size:0.78rem">
                    {% if t.target_speaker %}→ {{ t.target_speaker }}{% else %}no action{% endif %}
                </span>
                {% endif %}
            </td>
        </tr>
        {% endfor %}
    </tbody>
</table>
{% else %}
<div style="padding:2rem; text-align:center; color:#64748b">
    <p style="font-size:1.1rem">No name tokens recorded yet.</p>
    <p style="font-size:0.85rem">Run a scan to find names in the manuscript that don’t resolve to a speaker.</p>
</div>
{% endif %}