{% from "partials/guidance_block.html" import render_guidance_block %}

{# Managed-listener panel slot — hydrated by /api/ipi/managed-listener on
   load, then self-refreshes via its own hx-trigger. #}
<div id="ipi-managed-listener-panel-slot"
     hx-get="/api/ipi/managed-listener"
     hx-trigger="load, every 5s"
     hx-swap="outerHTML"></div>

{% if ipi_guidance %}
{# ===== Run results playbook mode ===== #}
<div class="flex items-center justify-between mb-4">
    <h3 class="text-sm font-semibold uppercase tracking-wider text-base-content/50">
        IPI — Deployment Playbook
    </h3>
</div>

{% if retrieval_gate is defined and retrieval_gate and retrieval_gate.gated %}
<div class="bg-warning/10 border border-warning/30 rounded-lg p-4 mb-4 text-sm">
    <div class="font-semibold text-warning mb-1">RXP Pre-Validation Active</div>
    <p>Retrieval rate: {{ "%.0f" | format(retrieval_gate.retrieval_rate * 100) }}% (threshold: {{ "%.0f" | format(retrieval_gate.threshold * 100) }}%)</p>
    {% if retrieval_gate.non_viable_queries %}
    <p class="mt-2 text-warning">Non-viable queries (zero retrieval):</p>
    <ul class="list-disc list-inside space-y-1 text-sm text-warning">
        {% for q in retrieval_gate.non_viable_queries %}
        <li>{{ q }}</li>
        {% endfor %}
    </ul>
    {% endif %}
</div>
{% endif %}

{% for block in ipi_guidance.blocks %}
    {{ render_guidance_block(block) }}
{% endfor %}

{# ===== Hit Feed Section ===== #}
<div class="divider"></div>
<section class="guidance-block mb-6">
    <h4 class="text-sm font-semibold uppercase tracking-wider text-base-content/60 mb-3">Hit Feed</h4>
    <div class="overflow-x-auto">
        <table class="table table-xs" id="ipi-hit-feed">
            <thead>
                <tr>
                    <th>Timestamp</th>
                    <th>Campaign</th>
                    <th>Confidence</th>
                    <th>Source IP</th>
                    <th>Token</th>
                </tr>
            </thead>
            <tbody id="ipi-hit-feed-body">
            {% if ipi_hits %}
                {% for h in ipi_hits %}
                <tr data-hit-id="{{ h.id }}">
                    <td class="text-xs opacity-50">{{ h.timestamp }}</td>
                    <td class="font-mono text-xs">{{ h.uuid[:8] }}...</td>
                    <td>
                        {% set conf = h.confidence|string|upper %}
                        {% if conf in ("2", "HIGH") %}
                        <span class="badge badge-xs badge-success">HIGH</span>
                        {% elif conf in ("1", "MEDIUM") %}
                        <span class="badge badge-xs badge-warning">MEDIUM</span>
                        {% else %}
                        <span class="badge badge-xs badge-error">LOW</span>
                        {% endif %}
                    </td>
                    <td class="text-xs">
                        {{ h.source_ip }}
                        {% if h.via_tunnel %}
                        <span class="badge badge-xs badge-outline">tunnel</span>
                        {% else %}
                        <span class="badge badge-xs badge-ghost">direct</span>
                        {% endif %}
                    </td>
                    <td>
                        {% if h.token_valid %}
                        <span class="badge badge-xs badge-success">valid</span>
                        {% else %}
                        <span class="badge badge-xs badge-ghost">missing</span>
                        {% endif %}
                    </td>
                </tr>
                {% endfor %}
            {% endif %}
            </tbody>
        </table>
        {% if not ipi_hits %}
        <p class="text-sm opacity-50 mt-2" id="ipi-no-hits-msg">No callback hits yet. Deploy payloads and issue a trigger prompt to generate activity.</p>
        {% endif %}
    </div>
</section>

{% elif campaigns is defined %}
{# ===== Standalone campaign summary mode ===== #}
<div class="flex items-center justify-between mb-4">
    <h3 class="text-sm font-semibold uppercase tracking-wider text-base-content/50">
        IPI — Indirect Prompt Injection
    </h3>
    <button class="btn btn-xs btn-outline btn-secondary"
            hx-get="/api/ipi/campaigns"
            hx-target="#tab-ipi"
            hx-swap="innerHTML">Refresh</button>
</div>

<div class="stats stats-horizontal shadow mb-4">
    <div class="stat">
        <div class="stat-title">Campaigns</div>
        <div class="stat-value text-lg">{{ campaigns|length }}</div>
    </div>
    <div class="stat">
        <div class="stat-title">Total Hits</div>
        <div class="stat-value text-lg">{{ total_hits }}</div>
    </div>
    <div class="stat">
        <div class="stat-title">High Confidence</div>
        <div class="stat-value text-lg text-success">{{ high_hits }}</div>
    </div>
</div>

{% if campaigns %}
<table class="table table-xs">
    <thead>
        <tr>
            <th>UUID</th>
            <th>Format</th>
            <th>Technique</th>
            <th>Template</th>
            <th>Hits</th>
            <th>Created</th>
        </tr>
    </thead>
    <tbody>
    {% for c in campaigns %}
        <tr>
            <td class="font-mono text-xs">{{ c.uuid[:8] }}...</td>
            <td><span class="badge badge-sm">{{ c.format }}</span></td>
            <td><span class="badge badge-sm badge-outline">{{ c.technique }}</span></td>
            <td>
                {% if c.template_id %}
                <span class="badge badge-sm badge-ghost">{{ c.template_id }}</span>
                {% else %}
                <span class="opacity-40">&mdash;</span>
                {% endif %}
            </td>
            <td>{{ c.hit_count }}</td>
            <td class="text-xs opacity-50">{{ c.created_at }}</td>
        </tr>
    {% endfor %}
    </tbody>
</table>
{% else %}
<p class="text-sm opacity-50">No IPI campaigns. Run <code>qai ipi generate</code> to create payloads.</p>
{% endif %}

{% if listener_hint %}
<p class="text-xs opacity-40 mt-4">Full dashboard: <code>qai ipi listen --port 8080</code></p>
{% endif %}

{% elif no_guidance_available is defined and no_guidance_available %}
{# ===== Legacy run with no guidance / gated skip ===== #}
<div class="flex items-center justify-between mb-4">
    <h3 class="text-sm font-semibold uppercase tracking-wider text-base-content/50">
        IPI — Indirect Prompt Injection
    </h3>
</div>
{% if retrieval_gate is defined and retrieval_gate and retrieval_gate.gated %}
<div class="bg-warning/10 border border-warning/30 rounded-lg p-4 mb-4 text-sm">
    <div class="font-semibold text-warning mb-1">Generation Skipped</div>
    <p>RXP pre-validation found zero retrieval across all queries (retrieval rate: {{ "%.0f" | format(retrieval_gate.retrieval_rate * 100) }}%, threshold: {{ "%.0f" | format(retrieval_gate.threshold * 100) }}%).</p>
    {% if retrieval_gate.non_viable_queries %}
    <p class="mt-2 text-warning">Non-viable queries:</p>
    <ul class="list-disc list-inside space-y-1 text-sm text-warning">
        {% for q in retrieval_gate.non_viable_queries %}
        <li>{{ q }}</li>
        {% endfor %}
    </ul>
    {% endif %}
</div>
{% else %}
<p class="text-sm opacity-40 italic">No deployment guidance available (generated before this version).</p>
{% endif %}

{% else %}
{# ===== Loading state ===== #}
<div class="flex items-center justify-between mb-4">
    <h3 class="text-sm font-semibold uppercase tracking-wider text-base-content/50">
        IPI — Indirect Prompt Injection
    </h3>
    <button class="btn btn-xs btn-outline btn-secondary"
            hx-get="/api/ipi/campaigns"
            hx-target="#tab-ipi"
            hx-swap="innerHTML">Load</button>
</div>
<p class="text-sm opacity-50">Click Load to view IPI campaigns and hits.</p>
{% endif %}