ewoooc/templates/admin/promotion_review.html

{% extends "base.html" %}

{% block title %}Promotion Review · RAG 自主學習{% endblock %}

{% block content %}
<div class="container-fluid mt-3">
  <h2 class="mb-3">🧠 RAG 學習晉升審核
    <small class="text-muted">awaiting_review × {{ episodes|length }} 筆</small>
  </h2>

  {% if error %}
    <div class="alert alert-warning"><strong>⚠️</strong> {{ error }}</div>
  {% endif %}

  {% if episodes %}
    <p class="text-muted small">
      ⚠️ Phase 11 PromotionGate Stage 4 強制門檻：weight >= 0.8 的 episode 必經統帥審核，
      24h 無回應自動 expired（weight 降為 0.5 不晉升）。
      點 ✅ 通過 → 寫入 ai_insights 供 RAG 檢索；點 ❌ 拒絕 → 永不晉升（learning_episodes 留存）。
    </p>

    {% for ep in episodes %}
      <div class="card mb-3 episode-card" data-episode-id="{{ ep.id }}">
        <div class="card-header d-flex justify-content-between align-items-center">
          <div>
            <strong>Episode #{{ ep.id }}</strong>
            <span class="badge bg-secondary ms-2">{{ ep.episode_type }}</span>
            {% if ep.source_table %}<span class="badge bg-light text-dark ms-1">
              {{ ep.source_table }}#{{ ep.source_id }}</span>{% endif %}
            <span class="badge bg-info ms-1">weight: {{ "%.2f"|format(ep.weight) }}</span>
            <span class="badge bg-info ms-1">quality: {{ "%.2f"|format(ep.quality_score) }}</span>
          </div>
          <small class="text-muted">{{ ep.created_at }}</small>
        </div>
        <div class="card-body">
          <pre style="white-space: pre-wrap; font-size: 0.9em; max-height: 200px; overflow-y: auto;">{{ ep.distilled_text }}</pre>
        </div>
        <div class="card-footer text-end">
          <button class="btn btn-success btn-sm me-2" onclick="approveEpisode({{ ep.id }}, this)">
            ✅ 通過晉升
          </button>
          <button class="btn btn-outline-danger btn-sm" onclick="rejectEpisode({{ ep.id }}, this)">
            ❌ 拒絕
          </button>
        </div>
      </div>
    {% endfor %}
  {% else %}
    <div class="alert alert-info">
      ✨ 目前無 awaiting_review episodes。
      <small>（RAG 未啟用 / 無高 weight episode / 全部已 24h 過期）</small>
    </div>
  {% endif %}

  <p class="text-muted mt-3"><small>
    🤖 Operation Ollama-First v5.0 / Phase 28 — PromotionGate Web 審核頁
    | <a href="/admin/ai_calls">AI Calls</a>
    | <a href="/admin/quality_trend">Quality Trend</a>
  </small></p>
</div>

<script>
async function approveEpisode(id, btn) {
  btn.disabled = true; btn.innerText = '⏳ 處理中...';
  try {
    const r = await fetch(`/admin/promotion_review/approve/${id}`, {method: 'POST'});
    const d = await r.json();
    if (d.ok) {
      const card = document.querySelector(`.episode-card[data-episode-id="${id}"]`);
      card.classList.add('border-success');
      card.querySelector('.card-footer').innerHTML =
        `<span class="text-success">✅ 已晉升 → ai_insights #${d.insight_id} (approver=${d.approver})</span>`;
    } else {
      alert('晉升失敗: ' + (d.error || 'unknown'));
      btn.disabled = false; btn.innerText = '✅ 通過晉升';
    }
  } catch (e) {
    alert('Error: ' + e);
    btn.disabled = false; btn.innerText = '✅ 通過晉升';
  }
}

async function rejectEpisode(id, btn) {
  if (!confirm(`拒絕 Episode #${id}？此筆將永不晉升（保留在 learning_episodes 不刪除）`)) return;
  btn.disabled = true; btn.innerText = '⏳ 處理中...';
  try {
    const r = await fetch(`/admin/promotion_review/reject/${id}`, {method: 'POST'});
    const d = await r.json();
    if (d.ok) {
      const card = document.querySelector(`.episode-card[data-episode-id="${id}"]`);
      card.classList.add('border-danger');
      card.querySelector('.card-footer').innerHTML =
        `<span class="text-danger">❌ 已拒絕 (rejected_human)</span>`;
    } else {
      alert('拒絕失敗: ' + (d.error || 'unknown'));
      btn.disabled = false; btn.innerText = '❌ 拒絕';
    }
  } catch (e) {
    alert('Error: ' + e);
    btn.disabled = false; btn.innerText = '❌ 拒絕';
  }
}
</script>
{% endblock %}