{% extends "base.html" %}
{% block title %}prune {{ project.project_key }} · watchmen{% endblock %}
{% block content %}

<div class="mb-6">
  <div class="text-xs text-gray-500 mb-1">
    <a href="/p/{{ project.project_key }}" class="hover:text-gray-700">← {{ project.project_key }}</a>
  </div>
  <h1 class="text-2xl font-semibold">Prune skills</h1>
  <p class="text-sm text-gray-600 mt-1">
    LLM-judge flagged skills for review. Approve removes the skill;
    Dismiss keeps it (and remembers your decision for next time).
  </p>
</div>

{% if queue is none %}
  <div class="bg-yellow-50 border border-yellow-200 rounded-lg p-4 mb-4">
    <div class="font-medium text-yellow-900">No prune queue yet</div>
    <div class="text-sm text-yellow-800 mt-1">
      Run <code class="font-mono bg-yellow-100 px-1 rounded">watchmen prune {{ project.project_key }}</code>
      to generate one. The judge reads your bundled <code class="font-mono">SKILL.md</code>
      files, the workspace brief, and per-skill usage telemetry from
      <code class="font-mono">corpus.db</code>, then flags low-value skills here.
    </div>
  </div>
{% elif flagged|length == 0 %}
  <div class="bg-green-50 border border-green-200 rounded-lg p-4 mb-4">
    <div class="font-medium text-green-900">Queue is empty</div>
    <div class="text-sm text-green-800 mt-1">
      Nothing flagged in the last prune run.
      {% if queue.summary %}<br><span class="italic">{{ queue.summary }}</span>{% endif %}
    </div>
  </div>
{% else %}
  {% if queue.summary %}
    <div class="bg-gray-50 border border-gray-200 rounded-lg p-4 mb-4">
      <div class="text-xs uppercase tracking-wide text-gray-500 mb-1">Judge summary</div>
      <div class="text-sm text-gray-800">{{ queue.summary }}</div>
    </div>
  {% endif %}

  <div class="space-y-3">
    {% for entry in flagged %}
      <div class="bg-white border border-gray-200 rounded-lg p-4">
        <div class="flex items-start justify-between gap-4">
          <div class="flex-1 min-w-0">
            <div class="flex items-center gap-2 mb-1">
              {% if entry.severity == "high" %}
                <span class="text-xs font-medium px-2 py-0.5 rounded bg-red-100 text-red-800">high</span>
              {% elif entry.severity == "medium" %}
                <span class="text-xs font-medium px-2 py-0.5 rounded bg-yellow-100 text-yellow-800">medium</span>
              {% else %}
                <span class="text-xs font-medium px-2 py-0.5 rounded bg-gray-100 text-gray-700">low</span>
              {% endif %}
              <a href="/p/{{ project.project_key }}/skills/{{ entry.slug }}"
                 class="font-mono text-sm font-medium text-blue-700 hover:underline">{{ entry.slug }}</a>
            </div>
            {% if entry.description %}
              <div class="text-xs text-gray-500 mb-2 italic">{{ entry.description }}</div>
            {% endif %}
            <div class="text-sm text-gray-800">{{ entry.reason }}</div>
          </div>
          <div class="flex flex-col gap-2 shrink-0">
            <form method="POST" action="/p/{{ project.project_key }}/prune/{{ entry.slug }}/approve"
                  onsubmit="return confirm('Delete skill {{ entry.slug }}? This removes the bundle directory.');">
              <button type="submit"
                      class="text-xs px-3 py-1.5 rounded bg-red-600 text-white hover:bg-red-700 w-full">
                Approve · delete
              </button>
            </form>
            <form method="POST" action="/p/{{ project.project_key }}/prune/{{ entry.slug }}/dismiss">
              <button type="submit"
                      class="text-xs px-3 py-1.5 rounded bg-gray-100 text-gray-700 hover:bg-gray-200 w-full">
                Dismiss · keep
              </button>
            </form>
          </div>
        </div>
      </div>
    {% endfor %}
  </div>
{% endif %}

{% if dismissed %}
  <div class="mt-8 bg-gray-50 border border-gray-200 rounded-lg p-4">
    <div class="text-xs uppercase tracking-wide text-gray-500 mb-2">
      Previously dismissed ({{ dismissed|length }})
    </div>
    <div class="text-xs text-gray-600 mb-3">
      These slugs were kept on a prior prune run. Future judges will be told
      and can re-flag with new evidence (e.g., still never fired six weeks
      later) — they aren't permanently suppressed.
    </div>
    <div class="flex flex-wrap gap-2">
      {% for slug in dismissed %}
        <a href="/p/{{ project.project_key }}/skills/{{ slug }}"
           class="font-mono text-xs bg-white border border-gray-200 rounded px-2 py-1 hover:border-gray-400">
          {{ slug }}
        </a>
      {% endfor %}
    </div>
  </div>
{% endif %}

{% endblock %}