{% if hits %}
{% for h in hits %}
<div class="hit-item {{ h.confidence.value }}">
  <div class="hit-header">
    <a href="/ui/campaigns/{{ h.uuid }}" class="uuid">{{ h.uuid[:12] }}...</a>
    <span class="time">{{ h.timestamp.strftime('%Y-%m-%d %H:%M:%S') }}</span>
  </div>
  <div class="hit-meta">
    <span><span class="badge badge-{{ h.confidence.value }}">{{ h.confidence.value }}</span></span>
    <span>{% if h.token_valid %}<span class="token-valid">token valid</span>{% else %}<span class="token-invalid">no token</span>{% endif %}</span>
    <span>{{ h.source_ip }}</span>
    <span class="truncate">{{ h.user_agent[:40] }}</span>
  </div>
  {% if h.body %}
  <div class="hit-body">{{ h.body[:500] }}</div>
  {% endif %}
</div>
{% endfor %}
{% else %}
<div class="empty"><p>No hits received yet. Deploy canary documents and wait for callbacks.</p></div>
{% endif %}