{% extends "base.html" %}

{% block content %}
<article>
  <header>
    <h2>Reviewer Overrides</h2>
    <p>
      Active TTL'd overrides suppress known false-positive findings emitted by the
      static-scan reviewer (<code>fw reviewer T-XXX</code>, <code>fw reviewer audit</code>).
      Mutations are CLI-only for now: <code>fw reviewer override add|list|prune|remove</code>.
      Authority-gated web mutations land in v2.1.
    </p>
    <p>
      <strong>Active:</strong> {{ active_count }} &nbsp;
      <strong>Expired:</strong> {{ expired_count }}
    </p>
  </header>

  <h3>Active Overrides{% if overrides %} <small class="muted" style="font-weight:normal;">({{ overrides|length }})</small>{% endif %}</h3>
  {% if overrides %}
  {#- T-2089: max-height scroll container + sticky thead so growing overrides list
      (8628px on first measurement) stays within the 8000px guard. Same fix shape as
      T-2038/T-2044/T-2045/T-2087 used for unbounded tables. -#}
  <div class="overrides-scroll" style="max-height:60vh; overflow-y:auto; border:1px solid var(--pico-muted-border-color, #444); border-radius:0.3rem;">
  <table style="margin-bottom:0;">
    <thead style="position:sticky; top:0; background:var(--pico-card-background-color, #1a1a1a); z-index:1;">
      <tr>
        <th>ID</th>
        <th>Task</th>
        <th>Pattern</th>
        <th>AC</th>
        <th>Days remaining</th>
        <th>Expires</th>
        <th>Reason</th>
        <th>Added by</th>
      </tr>
    </thead>
    <tbody>
      {% for o in overrides %}
      <tr {% if o.is_expired %}style="opacity:0.5"{% endif %}>
        <td><code>{{ o.id }}</code></td>
        <td><a href="/review/{{ o.task_id }}">{{ o.task_id }}</a></td>
        <td><code>{{ o.pattern_id }}</code></td>
        <td>{{ o.ac_index }}</td>
        <td>
          {% if o.is_expired %}<strong style="color:var(--pico-color-red-500)">EXPIRED</strong>
          {% elif o.days_remaining < 14 %}<strong style="color:var(--pico-color-amber-500)">{{ o.days_remaining }}</strong>
          {% else %}{{ o.days_remaining }}{% endif %}
        </td>
        <td><small>{{ o.expires_at }}</small></td>
        <td><small>{{ o.reason }}</small></td>
        <td><small>{{ o.added_by }}</small></td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  </div>{#- /overrides-scroll (T-2089) -#}
  {% else %}
  <p><em>No active overrides.</em></p>
  {% endif %}

  <h3>Recent feedback-stream events{% if events %} <small class="muted" style="font-weight:normal;">({{ events|length }})</small>{% endif %}</h3>
  {% if event_counts %}
  <p>
    {% for k, v in event_counts.items() %}
      <code>{{ k }}</code>: {{ v }}{% if not loop.last %}, {% endif %}
    {% endfor %}
  </p>
  {% endif %}
  {% if events %}
  {#- T-2089: same scroll-container shape — events table grew to 77 rows (8628px) at filing. -#}
  <div class="events-scroll" style="max-height:60vh; overflow-y:auto; border:1px solid var(--pico-muted-border-color, #444); border-radius:0.3rem;">
  <table style="margin-bottom:0;">
    <thead style="position:sticky; top:0; background:var(--pico-card-background-color, #1a1a1a); z-index:1;">
      <tr>
        <th>Kind</th>
        <th>Timestamp</th>
        <th>Task</th>
        <th>Scan ID</th>
        <th>Payload</th>
      </tr>
    </thead>
    <tbody>
      {% for e in events %}
      <tr>
        <td><code>{{ e.kind }}</code></td>
        <td><small>{{ e.timestamp }}</small></td>
        <td>{% if e.task_id %}<a href="/review/{{ e.task_id }}">{{ e.task_id }}</a>{% endif %}</td>
        <td><small><code>{{ e.scan_id }}</code></small></td>
        <td><small>{{ e.payload }}</small></td>
      </tr>
      {% endfor %}
    </tbody>
  </table>
  </div>{#- /events-scroll (T-2089) -#}
  {% else %}
  <p><em>No feedback events yet — run <code>fw reviewer T-XXX</code> on a completed task.</em></p>
  {% endif %}
</article>
{% endblock %}