update

2026-07-04 02:32:31 +02:00
parent 91b0d00aa1
commit c4caf31ed0
38 changed files with 3849 additions and 118 deletions
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -179,7 +179,7 @@ function selectTopic(topic) {
  selectedTopic.value = topic
  previewGuide.value = null
  sidebarSticky.value = false
-  mainView.value = 'blocks'   // topic click → blocks overview (guide only on pill click)
+  mainView.value = 'generation'   // topic click → generation board (guide only on pill click)
  viewMode.value = localStorage.getItem('ansicht_' + topic) === 'erklärend' ? 'erklärend' : 'compact'
  localStorage.setItem('lastTopic', topic)
  loadBlocks()
@@ -237,12 +237,12 @@ async function handleRequeueDead() {
  startPolling()
 }

-async function handleBlocksClick({ instructions = '', research = true }) {
+async function handleBlocksClick({ instructions = '', research = true, qaForce = false }) {
  if (!selectedTopic.value) return
  uiError.value = null
  try {
    // research=true = Start/mehr Research anhängen; false = Continue (Queue abarbeiten).
-    await apiCreateBausteine(selectedTopic.value, instructions, provider.value, undefined, undefined, research)
+    await apiCreateBausteine(selectedTopic.value, instructions, provider.value, undefined, undefined, research, qaForce)
  } catch (e) {
    uiError.value = e.message
    return
@@ -501,7 +501,7 @@ onMounted(async () => {
      @close="mainView = 'blocks'"
      @resetStage="handleResetStage"
      @restartAll="() => handleBlocksClick({ research: true })"
-      @continueAll="() => handleBlocksClick({ research: false })"
+      @continueAll="(opts) => handleBlocksClick({ research: false, qaForce: !!(opts && opts.qaForce) })"
      @addResearch="handleAddResearch"
      @requeueDead="handleRequeueDead"
      @removeAll="handleResetBlocks"
--- a/frontend/src/api.js
+++ b/frontend/src/api.js
@@ -37,11 +37,11 @@ export async function fetchBlocksStatus(topic) {
  return res.json()
 }

-export async function createBlocks(topic, instructions = '', provider = 'claude', sourceType = 'thema', sourceOrt = '', research = true) {
+export async function createBlocks(topic, instructions = '', provider = 'claude', sourceType = 'thema', sourceOrt = '', research = true, qaForce = false) {
  const res = await fetch(`${BASE}/blocks`, {
    method: 'POST',
    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ topic, instructions, provider, source_type: sourceType, source_location: sourceOrt, research }),
+    body: JSON.stringify({ topic, instructions, provider, source_type: sourceType, source_location: sourceOrt, research, qa_force: qaForce }),
  })
  return jsonOrThrow(res)
 }
@@ -52,6 +52,26 @@ export async function fetchBlocksBoard(topic) {
  return jsonOrThrow(res)
 }

+// Manueller QA-Lauf (wie das Gate, inkl. LLM-Stichprobe); Badge liest den neuen Report.
+export async function runQa(topic, llm = true) {
+  const res = await fetch(`${BASE}/blocks/qa`, {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ topic, llm }),
+  })
+  return jsonOrThrow(res)
+}
+
+// QA-Befunde gezielt beheben (Hygiene, bestätigte Dubletten, Fremd/Unecht nach Gegen-Judge).
+export async function runRepair(topic) {
+  const res = await fetch(`${BASE}/blocks/repair`, {
+    method: 'POST',
+    headers: { 'Content-Type': 'application/json' },
+    body: JSON.stringify({ topic }),
+  })
+  return jsonOrThrow(res)
+}
+
 // Karten ab Spalte zurücksetzen (keine Generierung).
 export async function resetBlocksStage(topic, board, stage) {
  const res = await fetch(`${BASE}/blocks/reset-stage`, {
--- a/frontend/src/components/GenerationView.vue
+++ b/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>
--- a/frontend/src/components/GuideBoardSection.vue
+++ b/frontend/src/components/GuideBoardSection.vue
@@ -79,6 +79,8 @@ function resetHere() {
  <section class="gb-board">
    <div class="gb-top">
      <span class="gb-title">Guide · {{ format }}</span>
+      <span v-if="board?.qa_guide != null" class="gb-qa" :class="board.qa_guide >= 9 ? 'ok' : 'bad'"
+            title="Guide-QA (make qa-guide)">QA {{ board.qa_guide.toFixed(1) }}/10</span>
      <span v-if="total" class="gb-count">{{ done }}/{{ total }} Karten fertig</span>
      <div v-if="board?.progress && generating" class="gb-progress"><span class="gb-progress-dot"></span>{{ board.progress }}</div>
      <div v-if="board?.error" class="gb-error">{{ board.error }}</div>
@@ -126,6 +128,14 @@ function resetHere() {
 .gb-top { display: flex; align-items: center; gap: 1rem; min-height: 1.9rem; margin-bottom: 0.6rem; }
 .gb-title { font-size: 0.9rem; font-weight: 700; }
 .gb-count { color: var(--text-muted); font-size: 0.82rem; }
+.gb-qa {
+  font-size: 0.78rem;
+  font-weight: 600;
+  padding: 0.1rem 0.5rem;
+  border-radius: 999px;
+}
+.gb-qa.ok { background: color-mix(in srgb, #22c55e 18%, transparent); color: #16a34a; }
+.gb-qa.bad { background: color-mix(in srgb, #ef4444 18%, transparent); color: #dc2626; }
 .gb-progress {
  display: flex;
  align-items: center;