{% if validations is defined %}
<div class="flex items-center justify-between mb-4">
    <h3 class="text-sm font-semibold uppercase tracking-wider text-base-content/50">
        RXP — RAG Retrieval Poisoning
    </h3>
    <button class="btn btn-xs btn-outline btn-secondary"
            hx-get="/api/rxp/validations"
            hx-target="#tab-rxp"
            hx-swap="innerHTML">Refresh</button>
</div>

<div class="stats stats-horizontal shadow mb-4">
    <div class="stat">
        <div class="stat-title">Validations</div>
        <div class="stat-value text-lg">{{ total_validations }}</div>
    </div>
    <div class="stat">
        <div class="stat-title">Models Tested</div>
        <div class="stat-value text-lg">{{ models_tested }}</div>
    </div>
    <div class="stat">
        <div class="stat-title">Avg Retrieval Rate</div>
        <div class="stat-value text-lg text-warning">{{ "%.0f"|format(avg_retrieval_rate * 100) }}%</div>
    </div>
</div>

{% if validations %}
<table class="table table-xs">
    <thead>
        <tr>
            <th>Model</th>
            <th>Profile</th>
            <th>Retrieval Rate</th>
            <th>Mean Rank</th>
            <th>Created</th>
        </tr>
    </thead>
    <tbody>
    {% for v in validations %}
        <tr>
            <td><span class="badge badge-sm badge-outline">{{ v.model_id }}</span></td>
            <td>{{ v.profile_id or '-' }}</td>
            <td>{{ "%.0f"|format(v.retrieval_rate * 100) }}%</td>
            <td>{{ "%.1f"|format(v.mean_poison_rank) if v.mean_poison_rank else 'N/A' }}</td>
            <td class="text-xs opacity-50">{{ v.created_at }}</td>
        </tr>
    {% endfor %}
    </tbody>
</table>
{% else %}
<p class="text-sm opacity-50">No RXP validations. Run <code>qai rxp validate --save</code> to persist results.</p>
{% endif %}

{% else %}
<div class="flex items-center justify-between mb-4">
    <h3 class="text-sm font-semibold uppercase tracking-wider text-base-content/50">
        RXP — RAG Retrieval Poisoning
    </h3>
    <button class="btn btn-xs btn-outline btn-secondary"
            hx-get="/api/rxp/validations"
            hx-target="#tab-rxp"
            hx-swap="innerHTML">Load</button>
</div>
<p class="text-sm opacity-50">Click Load to view RXP validation results and stats.</p>
{% endif %}