{% extends "base.html" %}
{% block content %}
<div class="flex items-center justify-between mb-6">
  <h1 class="text-xl font-semibold">Failure Diagnoses ({{ diagnoses|length }})</h1>
  <button class="px-3 py-2 bg-slate-800 text-white rounded text-sm hover:bg-slate-900"
          hx-post="/diagnoses/sweep" hx-swap="none"
          hx-on::after-request="location.reload()">
    Sweep now
  </button>
</div>

<p class="text-sm text-slate-500 mb-4">
  자동 진단 에이전트가 생성한 실패 분석입니다. 카테고리별로 root cause와 자동 적용된 수정 내용을 보여줍니다.
  새로운 실패가 발생하면 스케줄러 tick에서 자동으로 진단되며, 안전한 fix는 즉시 적용됩니다.
</p>

<div class="space-y-3">
  {% for d in diagnoses %}
  <div class="bg-white rounded-lg shadow p-5">
    <div class="flex items-start justify-between gap-4 mb-2">
      <div class="flex items-center gap-3 flex-wrap">
        <span class="text-sm text-slate-400">run #{{ d.run_id }}</span>
        {% if d.category == 'fact_check_max_revisions' %}
          <span class="stage-pill bg-rose-100 text-rose-700">fact_check · max revisions</span>
        {% elif d.category == 'fact_check_verdict_fail' %}
          <span class="stage-pill bg-rose-100 text-rose-700">fact_check · verdict FAIL</span>
        {% elif d.category == 'research_failed' %}
          <span class="stage-pill bg-amber-100 text-amber-700">research failed</span>
        {% elif d.category == 'writer_transient' %}
          <span class="stage-pill bg-blue-100 text-blue-700">writer transient</span>
        {% elif d.category == 'writer_systemic' %}
          <span class="stage-pill bg-rose-100 text-rose-700">writer SYSTEMIC</span>
        {% elif d.category == 'editor_failed' %}
          <span class="stage-pill bg-amber-100 text-amber-700">editor failed</span>
        {% elif d.category == 'pipeline_timeout' %}
          <span class="stage-pill bg-rose-100 text-rose-700">timeout</span>
        {% elif d.category == 'publish_failed' %}
          <span class="stage-pill bg-rose-100 text-rose-700">publish failed</span>
        {% elif d.category == 'process_restarted' %}
          <span class="stage-pill bg-slate-100 text-slate-600">process restart</span>
        {% else %}
          <span class="stage-pill bg-slate-200 text-slate-700">{{ d.category }}</span>
        {% endif %}
        {% if d.auto_applied %}
          <span class="stage-pill bg-emerald-100 text-emerald-700">auto-fixed</span>
        {% else %}
          <span class="stage-pill bg-slate-100 text-slate-600">manual required</span>
        {% endif %}
      </div>
      <span class="text-xs text-slate-400">{{ d.created_at }}</span>
    </div>
    <div class="text-sm text-slate-900 mb-3">{{ d.root_cause }}</div>

    {% if d.evidence %}
    <details class="mb-3">
      <summary class="text-xs text-slate-500 cursor-pointer hover:underline">evidence</summary>
      <div class="mt-2 bg-slate-50 border border-slate-200 rounded p-3 text-xs font-mono">
        {% if d.evidence.topic %}<div><span class="text-slate-500">topic:</span> {{ d.evidence.topic }}</div>{% endif %}
        {% if d.evidence.revisions %}<div><span class="text-slate-500">revisions:</span> {{ d.evidence.revisions }}</div>{% endif %}
        {% if d.evidence.recent_failures %}<div><span class="text-slate-500">recent failures:</span> {{ d.evidence.recent_failures }}</div>{% endif %}
        {% if d.evidence.error %}<div><span class="text-slate-500">error:</span> {{ d.evidence.error }}</div>{% endif %}
        {% if d.evidence.issues %}
        <div class="mt-2"><span class="text-slate-500">issues:</span>
          <ul class="list-disc list-inside text-slate-700">
            {% for issue in d.evidence.issues %}
            <li>{{ issue }}</li>
            {% endfor %}
          </ul>
        </div>
        {% endif %}
        {% if d.evidence.dead_links %}
        <div class="mt-2"><span class="text-slate-500">dead links:</span>
          <ul class="list-disc list-inside text-rose-700">
            {% for link in d.evidence.dead_links %}
            <li class="break-all">{{ link }}</li>
            {% endfor %}
          </ul>
        </div>
        {% endif %}
      </div>
    </details>
    {% endif %}

    {% if d.suggested_fix %}
    <div class="text-xs text-slate-600 bg-slate-50 border border-slate-200 rounded p-2 whitespace-pre-line">
      <span class="font-semibold text-slate-700">Suggested fix:</span> {{ d.suggested_fix }}
    </div>
    {% endif %}
  </div>
  {% else %}
  <div class="bg-white rounded-lg shadow p-6 text-slate-400 text-sm text-center">
    아직 진단된 실패가 없습니다. (좋은 소식입니다)
  </div>
  {% endfor %}
</div>
{% endblock %}