{% extends "base.html" %}
{% block title %}What the AI Sees{% endblock %}

{# Read-only view of the assembled system prompt. Exists so an admin can tell
   "my knowledge entry never reached the prompt" apart from "the model saw it
   and chose not to use it" — the two have completely different fixes. #}

{% block content %}
<div class="d-flex flex-wrap justify-content-between align-items-center mb-3 gap-2">
  <h2 class="mb-0"><i class="bi bi-eye"></i> What the AI Sees</h2>
  <a href="{{ url_for('support.admin_knowledge') }}" class="btn btn-outline-secondary">
    <i class="bi bi-arrow-left"></i> Back to Knowledge Base
  </a>
</div>

<div class="row g-3 mb-3">
  <div class="col-6 col-md-3">
    <div class="card shadow-sm h-100">
      <div class="card-body text-center py-3">
        <div class="fs-4 fw-bold">{{ active_count }}</div>
        <div class="text-muted small">Active entries</div>
      </div>
    </div>
  </div>
  <div class="col-6 col-md-3">
    <div class="card shadow-sm h-100">
      <div class="card-body text-center py-3">
        <div class="fs-4 fw-bold">{{ total_count - active_count }}</div>
        <div class="text-muted small">Inactive (not sent)</div>
      </div>
    </div>
  </div>
  <div class="col-6 col-md-3">
    <div class="card shadow-sm h-100">
      <div class="card-body text-center py-3">
        <div class="fs-4 fw-bold">{{ prompt | length }}</div>
        <div class="text-muted small">Prompt characters</div>
      </div>
    </div>
  </div>
  <div class="col-6 col-md-3">
    <div class="card shadow-sm h-100">
      <div class="card-body text-center py-3">
        {% if kb_included %}
        <div class="fs-4 fw-bold text-success"><i class="bi bi-check-circle"></i></div>
        <div class="text-muted small">Knowledge included</div>
        {% else %}
        <div class="fs-4 fw-bold text-danger"><i class="bi bi-x-circle"></i></div>
        <div class="text-muted small">Knowledge NOT included</div>
        {% endif %}
      </div>
    </div>
  </div>
</div>

{% if not kb_included and total_count %}
<div class="alert alert-warning">
  <i class="bi bi-exclamation-triangle me-1"></i>
  You have {{ total_count }} knowledge entr{{ 'y' if total_count == 1 else 'ies' }}, but
  none reached the prompt. Check that at least one is marked <strong>Active</strong>.
</div>
{% endif %}

<div class="alert alert-info">
  <i class="bi bi-info-circle me-1"></i>
  This is the exact text sent to the AI ahead of every customer question. Entries are
  capped at {{ kb_cap }} characters in total — past that, later entries are dropped
  (lowest sort order is kept first). If something you wrote appears here but the AI still
  will not say it, the wording of the entry is the thing to change, not the setup.
</div>

<div class="card shadow-sm">
  <div class="card-header bg-light fw-semibold">Assembled system prompt</div>
  <div class="card-body p-0">
    <pre class="mb-0 p-3" style="white-space:pre-wrap; font-size:.8rem; max-height:70vh;
                                 overflow-y:auto; background:#f8fafc;">{{ prompt }}</pre>
  </div>
</div>
{% endblock %}