update

frontend/src/components/GenerationView.vue

@@ -1,6 +1,6 @@
 <script setup>
 import { ref, computed, watch, onUnmounted } from 'vue'
-import { fetchBlocksBoard } from '../api.js'
+import { fetchBlocksBoard, runQa, runRepair } from '../api.js'
 import KanbanBoard from './KanbanBoard.vue'
 import GuideBoardSection from './GuideBoardSection.vue'
 
@@ -36,13 +36,13 @@ onUnmounted(stopPoll)
 
 const inventoryCols = computed(() => (board.value?.columns || []).filter((c) => c.board === 'inventory'))
 const artefactCols = computed(() => (board.value?.columns || []).filter((c) => c.board === 'artefacts'))
-const boardEmpty = computed(() => !(board.value?.columns || []).some((c) => c.total > 0))
 const dead = computed(() => board.value?.dead || [])
+const qa = computed(() => board.value?.qa || null)
 
 // Spalten, auf die zurückgesetzt werden kann (Terminal-Spalten sind kein Reset-Ziel).
 const RESETTABLE = new Set(['ingest', 'cluster', 'pair_check', 'consensus_gate', 'clarify', 'naming',
   'naming_check', 'fragment_filter', 'grouping', 'gap_check', 'done',
-  'subblocks', 'facts', 'levels', 'relevance', 'question_pattern', 'artefacts', 'finalize', 'outline'])
+  'subblocks', 'facts', 'konsolidierung', 'levels', 'relevance', 'question_pattern', 'artefacts', 'finalize', 'outline'])
 const sel = ref(null)          // gewählte Spalte {board, key, label}
 const selCard = ref(null)      // gewählte Karte (Einzel-Restart, nur artefacts)
 const confirm = ref(null)      // 2-Klick-Bestätigung für destruktive Aktionen
@@ -82,6 +82,39 @@ function resetHere(restart) {
   confirm.value = null
   later(() => emit('resetStage', { board: s.board, stage: s.key, restart }))
 }
+
+const qaBusy = ref(false)
+async function runQaClick() {
+  if (qaBusy.value) return
+  qaBusy.value = true
+  try {
+    await runQa(props.topic)
+  } finally {
+    qaBusy.value = false
+    pollBoard()
+  }
+}
+
+const repairBusy = ref(false)
+const repairInfo = ref('')
+async function repairClick() {
+  if (repairBusy.value) return
+  repairBusy.value = true
+  repairInfo.value = ''
+  try {
+    const r = await runRepair(props.topic)
+    const n = (r.hygiene || []).length + (r.merges || []).length + (r.sub_merges || []).length
+      + (r.entfernt || []).length + (r.aufgeraeumt || 0)
+    repairInfo.value = n === 0
+      ? 'keine behebbaren Befunde'
+      : `${(r.hygiene || []).length} Titel · ${(r.merges || []).length} Merges · ${(r.sub_merges || []).length} Sub-Merges · ${(r.entfernt || []).length} entfernt · ${r.aufgeraeumt || 0} aufgeräumt`
+  } catch (e) {
+    repairInfo.value = String(e.message || e)
+  } finally {
+    repairBusy.value = false
+    pollBoard()
+  }
+}
 </script>
 
 <template>
@@ -93,11 +126,22 @@ function resetHere(restart) {
       <button class="gen-close" title="Close" @click="emit('close')">✕</button>
     </header>
 
+    <div v-if="qa && qa.pausiert" class="qa-pause">
+      <strong>QA-Gate: Note {{ qa.note.toFixed(1) }} unter Schwelle {{ qa.schwelle }} — pausiert.</strong>
+      <span v-if="qa.befunde.length"> Befunde: {{ qa.befunde.join(' · ') }}</span>
+      <button class="gen-act" @click="emit('continueAll', { qaForce: true })">Trotzdem fortsetzen</button>
+    </div>
     <section class="gen-section">
       <div class="gen-steps-top">
         <span class="gen-title">Bausteine</span>
         <div v-if="progress" class="gen-progress"><span class="gen-progress-dot"></span>{{ progress }}</div>
         <div v-if="!generating" class="gen-actions">
+          <button class="gen-act" :disabled="qaBusy" title="QA-Lauf wie am Gate (inkl. LLM-Stichprobe)"
+                  @click="runQaClick">{{ qaBusy ? 'QA läuft…' : 'QA' }}</button>
+          <button v-if="qa" class="gen-act" :disabled="repairBusy"
+                  title="QA-Befunde gezielt beheben: Hygiene, bestätigte Dubletten mergen, Fremd/Unecht nach Gegen-Judge entfernen"
+                  @click="repairClick">{{ repairBusy ? 'Repariert…' : 'Befunde beheben' }}</button>
+          <span v-if="repairInfo" class="repair-info">{{ repairInfo }}</span>
           <button class="gen-act play" @click="emit('restartAll')">{{ ready || partial ? '+ Research' : 'Generate' }}</button>
           <button v-if="partial" class="gen-act" @click="emit('continueAll')">Continue</button>
           <button
@@ -119,28 +163,34 @@ function resetHere(restart) {
         >⟳ {{ dead.length }} dead</button>
       </div>
 
-      <div v-if="boardEmpty && !generating" class="gen-empty">No board yet — generation streams live cards through the columns here.</div>
-      <template v-else>
-        <div class="gen-board-label">Inventar</div>
-        <KanbanBoard
-          :columns="inventoryCols"
-          :agents="board?.agents || []"
-          :generating="generating"
-          :selectable="!generating"
-          :selectedKey="sel?.board === 'inventory' ? sel.key : null"
-          @stageClick="stageClick"
-        />
-        <div class="gen-board-label">Artefakte</div>
-        <KanbanBoard
-          :columns="artefactCols"
-          :generating="generating"
-          :selectable="!generating"
-          :cardSelectable="!generating"
-          :selectedKey="sel?.board === 'artefacts' ? sel.key : null"
-          @stageClick="stageClick"
-          @cardClick="cardClick"
-        />
-      </template>
+      <div class="gen-board-label">
+        Inventar
+        <span v-if="qa" class="qa-note" :class="qa.note >= qa.schwelle ? 'ok' : 'bad'"
+              :title="'QA-Schwelle ' + qa.schwelle">QA {{ qa.note.toFixed(1) }}/10</span>
+      </div>
+      <KanbanBoard
+        :columns="inventoryCols"
+        :agents="board?.agents || []"
+        :generating="generating"
+        :selectable="!generating"
+        :selectedKey="sel?.board === 'inventory' ? sel.key : null"
+        @stageClick="stageClick"
+      />
+      <div class="gen-board-label">
+        Artefakte
+        <span v-if="qa && qa.note_artefakte != null" class="qa-note"
+              :class="qa.note_artefakte >= qa.schwelle ? 'ok' : 'bad'"
+              title="Beleg-Quote + verwaiste Artefakte">QA {{ qa.note_artefakte.toFixed(1) }}/10</span>
+      </div>
+      <KanbanBoard
+        :columns="artefactCols"
+        :generating="generating"
+        :selectable="!generating"
+        :cardSelectable="!generating"
+        :selectedKey="sel?.board === 'artefacts' ? sel.key : null"
+        @stageClick="stageClick"
+        @cardClick="cardClick"
+      />
 
       <div v-if="selCard && !generating" class="gen-step-actions">
         <span class="gen-step-actions-label">Karte «{{ selCard.title }}»:</span>
@@ -220,7 +270,6 @@ function resetHere(restart) {
   color: var(--text-faint);
   margin: 0.5rem 0 0.3rem;
 }
-.gen-empty { color: var(--text-faint); font-size: 0.82rem; padding: 0.4rem 0; }
 .gen-progress {
   display: flex;
   align-items: center;
@@ -267,4 +316,25 @@ function resetHere(restart) {
 .gen-act.danger { color: var(--danger); border-color: var(--danger); background: transparent; }
 .gen-act.danger.armed { background: var(--danger); color: #fff; }
 .gen-act.ghost { color: var(--text-muted); }
+.qa-note {
+  font-size: 0.78rem;
+  font-weight: 600;
+  padding: 0.1rem 0.5rem;
+  border-radius: 999px;
+}
+.qa-note.ok { background: color-mix(in srgb, #22c55e 18%, transparent); color: #16a34a; }
+.qa-note.bad { background: color-mix(in srgb, #ef4444 18%, transparent); color: #dc2626; }
+.repair-info { font-size: 0.78rem; color: var(--text-muted); }
+.qa-pause {
+  display: flex;
+  align-items: center;
+  gap: 0.6rem;
+  flex-wrap: wrap;
+  padding: 0.5rem 0.8rem;
+  margin-bottom: 0.8rem;
+  border: 1px solid color-mix(in srgb, #ef4444 40%, transparent);
+  border-radius: 8px;
+  background: color-mix(in srgb, #ef4444 8%, transparent);
+  font-size: 0.85rem;
+}
 </style>