{% set ic = icon_for(row['tool']) %}
{% set redacted = row['redactions_applied_json'] is not none %}
{% set enforcement = row['enforcement'] %}
{% set redactions = row['redactions_applied_json'] | from_json or [] %}
{% set tab = active_tab or 'body' %}
{% set known_tabs = ['body', 'headers', 'redactions', 'allow', 'export'] %}
{% if tab not in known_tabs %}{% set tab = 'body' %}{% endif %}

<div class="detail-head">
  <div class="title">
    <span class="tool-icon tool-icon-{{ ic.code }}"></span>
    <span class="name">{{ row['tool'] or 'Unknown' }}</span>
    <span class="ts mono">#{{ '%06d' % row['id'] }} · {{ row['ts'] | ago }}</span>
  </div>
  <div class="url">
    <span class="meth">{{ row['method'] }}</span>
    <a class="host-btn" href="/?tool={{ (row['tool'] or '') | urlencode }}" title="Filter feed to {{ row['tool'] or 'Unknown' }}">{{ row['host'] }}</a>
    <span class="path">{{ row['path'] }}</span>
  </div>
  <div class="summary">
    <span class="pair"><span class="k">size</span><span class="v">{{ row['req_bytes'] | bytes }}</span></span>
    <span class="pair"><span class="k">sha</span><span class="v">{{ (row['body_hash'][:8] + '…') if row['body_hash'] else '—' }}</span></span>
    <span class="pair">
      <span class="k">status</span>
      {% if enforcement == 'blocked' %}
        <span class="v bad">blocked · 403, not sent</span>
      {% elif enforcement == 'flagged' %}
        <span class="v warn">flagged · off-allowlist, forwarded</span>
      {% elif redacted %}
        <span class="v warn">redacted · forwarded</span>
      {% else %}
        <span class="v ok">forwarded {{ row['status'] or '' }}</span>
      {% endif %}
    </span>
  </div>
</div>

<div class="tabs" data-request-id="{{ row['id'] }}">
  <a href="#body" data-tab="body" class="{% if tab == 'body' %}on{% endif %}">Body</a>
  <a href="#headers" data-tab="headers" class="{% if tab == 'headers' %}on{% endif %}">Headers<span class="n">{{ headers | length }}</span></a>
  <a href="#redactions" data-tab="redactions" class="{% if tab == 'redactions' %}on{% endif %}">
    Redactions{% if redactions %}<span class="n">{{ redactions | length }}</span>{% endif %}
  </a>
  <a href="#allow" data-tab="allow" class="{% if tab == 'allow' %}on{% endif %}">Allowlist</a>
  <a href="#export" data-tab="export" class="{% if tab == 'export' %}on{% endif %}">Export</a>
</div>

<div class="tab-body" id="tab-body">
  {% if tab == 'body' %}
    {% include "partials/tabs/body.html" %}
  {% elif tab == 'headers' %}
    {% include "partials/tabs/headers.html" %}
  {% elif tab == 'redactions' %}
    {% include "partials/tabs/redactions.html" %}
  {% elif tab == 'allow' %}
    {% include "partials/tabs/allowlist.html" %}
  {% elif tab == 'export' %}
    {% include "partials/tabs/export.html" %}
  {% endif %}
</div>