feat(sources): Review-Queue-UI fuer LLM-Klassifikations-Vorschlaege (Admin)
- Tab-Schalter im Quellen-Modal: "Quellenliste" vs. "Klassifikations-Review" (Review-Tab nur fuer org_admin sichtbar, mit Pending-Counter-Badge). - Review-Karten zeigen Diff aktueller Wert -> LLM-Vorschlag pro Achse, Konfidenz-Indikator (gruen/gelb/rot), LLM-Begruendung, Buttons fuer Uebernehmen / Verwerfen / Neu klassifizieren. - Toolbar: Konfidenz-Filter, "Klassifikation starten" (Bulk im Hintergrund), "Alle >= 0.85 genehmigen" (Bulk-Approve). - API-Wrapper in api.js fuer alle 6 neuen Endpoints + erweiterte listSources-Filter. - Backend-Endpoint POST /api/sources/classification/bulk-approve (Admin-only). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Dieser Commit ist enthalten in:
@@ -2702,6 +2702,12 @@ async handleRefresh() {
|
||||
async openSourceManagement() {
|
||||
openModal('modal-sources');
|
||||
await this.loadSources();
|
||||
// Admin sieht den Review-Tab
|
||||
const reviewTab = document.getElementById('sources-tab-review');
|
||||
if (reviewTab && this.user && this.user.role === 'org_admin') {
|
||||
reviewTab.style.display = '';
|
||||
this._refreshReviewBadge().catch(() => {});
|
||||
}
|
||||
},
|
||||
|
||||
async loadSources() {
|
||||
@@ -2722,6 +2728,112 @@ async handleRefresh() {
|
||||
}
|
||||
},
|
||||
|
||||
async _refreshReviewBadge() {
|
||||
try {
|
||||
const stats = await API.getClassificationStats();
|
||||
const badge = document.getElementById('sources-review-count');
|
||||
if (badge) badge.textContent = String(stats.pending_review || 0);
|
||||
} catch (_) { /* still ok */ }
|
||||
},
|
||||
|
||||
switchSourcesTab(tab) {
|
||||
const listView = document.getElementById('sources-list-view');
|
||||
const reviewView = document.getElementById('sources-review-view');
|
||||
const tabList = document.getElementById('sources-tab-list');
|
||||
const tabReview = document.getElementById('sources-tab-review');
|
||||
if (!listView || !reviewView) return;
|
||||
if (tab === 'review') {
|
||||
listView.style.display = 'none';
|
||||
reviewView.style.display = '';
|
||||
if (tabList) { tabList.classList.remove('active'); tabList.setAttribute('aria-selected', 'false'); }
|
||||
if (tabReview) { tabReview.classList.add('active'); tabReview.setAttribute('aria-selected', 'true'); }
|
||||
this.loadClassificationQueue();
|
||||
} else {
|
||||
listView.style.display = '';
|
||||
reviewView.style.display = 'none';
|
||||
if (tabList) { tabList.classList.add('active'); tabList.setAttribute('aria-selected', 'true'); }
|
||||
if (tabReview) { tabReview.classList.remove('active'); tabReview.setAttribute('aria-selected', 'false'); }
|
||||
}
|
||||
},
|
||||
|
||||
async loadClassificationQueue() {
|
||||
const list = document.getElementById('sources-review-list');
|
||||
if (!list) return;
|
||||
const minConf = parseFloat(document.getElementById('review-min-confidence')?.value || '0');
|
||||
list.innerHTML = '<div class="empty-state-text" style="padding:var(--sp-3xl);text-align:center;">Lade...</div>';
|
||||
try {
|
||||
const items = await API.getClassificationQueue(200, minConf);
|
||||
this._reviewItems = items;
|
||||
const countEl = document.getElementById('review-pending-count');
|
||||
if (countEl) countEl.textContent = String(items.length);
|
||||
if (items.length === 0) {
|
||||
list.innerHTML = '<div class="empty-state-text" style="padding:var(--sp-3xl);text-align:center;">Keine ausstehenden Vorschlaege.</div>';
|
||||
return;
|
||||
}
|
||||
list.innerHTML = items.map(item => UI.renderClassificationQueueItem(item)).join('');
|
||||
} catch (err) {
|
||||
list.innerHTML = `<div class="empty-state-text" style="padding:var(--sp-3xl);text-align:center;color:var(--danger);">Fehler: ${err.message}</div>`;
|
||||
}
|
||||
},
|
||||
|
||||
async approveClassification(id) {
|
||||
try {
|
||||
await API.approveClassification(id);
|
||||
UI.showToast('Klassifikation uebernommen.', 'success');
|
||||
await this.loadClassificationQueue();
|
||||
this._refreshReviewBadge();
|
||||
} catch (err) {
|
||||
UI.showToast('Approve fehlgeschlagen: ' + err.message, 'error');
|
||||
}
|
||||
},
|
||||
|
||||
async rejectClassification(id) {
|
||||
try {
|
||||
await API.rejectClassification(id);
|
||||
UI.showToast('Vorschlag verworfen.', 'success');
|
||||
await this.loadClassificationQueue();
|
||||
this._refreshReviewBadge();
|
||||
} catch (err) {
|
||||
UI.showToast('Reject fehlgeschlagen: ' + err.message, 'error');
|
||||
}
|
||||
},
|
||||
|
||||
async reclassifySource(id) {
|
||||
const btn = document.querySelector(`[data-reclassify-id="${id}"]`);
|
||||
if (btn) { btn.disabled = true; btn.textContent = '...'; }
|
||||
try {
|
||||
await API.reclassifySource(id);
|
||||
UI.showToast('Neu klassifiziert.', 'success');
|
||||
await this.loadClassificationQueue();
|
||||
} catch (err) {
|
||||
UI.showToast('Reclassify fehlgeschlagen: ' + err.message, 'error');
|
||||
} finally {
|
||||
if (btn) { btn.disabled = false; btn.textContent = 'Neu klassifizieren'; }
|
||||
}
|
||||
},
|
||||
|
||||
async triggerBulkClassify() {
|
||||
if (!confirm('Bulk-Klassifikation aller noch nicht klassifizierten Quellen starten? Lauft im Hintergrund (~3-5 Sek pro Quelle, ~0.02 USD pro Quelle).')) return;
|
||||
try {
|
||||
const r = await API.triggerBulkClassify(500, true);
|
||||
UI.showToast(`Bulk-Klassifikation gestartet (limit=${r.limit}). Nachschauen mit Reload.`, 'info');
|
||||
} catch (err) {
|
||||
UI.showToast('Start fehlgeschlagen: ' + err.message, 'error');
|
||||
}
|
||||
},
|
||||
|
||||
async bulkApproveHighConfidence() {
|
||||
if (!confirm('Alle Vorschlaege mit Konfidenz >= 0.85 genehmigen?')) return;
|
||||
try {
|
||||
const r = await API.bulkApproveClassifications(0.85);
|
||||
UI.showToast(`${r.approved_count} Vorschlaege uebernommen.`, 'success');
|
||||
await this.loadClassificationQueue();
|
||||
this._refreshReviewBadge();
|
||||
} catch (err) {
|
||||
UI.showToast('Bulk-Approve fehlgeschlagen: ' + err.message, 'error');
|
||||
}
|
||||
},
|
||||
|
||||
renderSourceStats(stats) {
|
||||
const bar = document.getElementById('sources-stats-bar');
|
||||
if (!bar) return;
|
||||
|
||||
In neuem Issue referenzieren
Einen Benutzer sperren