feat(sources): vereinte Quellenliste (Grund- + Kundenquellen in einer Tabelle)

- GET /api/sources mit scope=all|global|tenant ersetzt GET /global und
  GET /tenant. Liefert org_name (LEFT JOIN organizations) und wie bisher
  health_status + Artikel-Aktivitaet fuer ALLE Quellen.
- GET /global/stats wird GET /stats (zaehlt jetzt beide Herkuenfte,
  neu by_origin und last_check), GET /global/languages wird GET /languages.
- PUT /global/{id} akzeptiert jetzt auch Kundenquellen (Guard ohne
  tenant_id-Filter), damit der Deaktivieren-Knopf fuer beide funktioniert.
  DELETE bleibt bewusst global-only.
- Neu GET /{source_id}/health fuer die Ausklapp-Details je Quelle.
- Frontend: EIN Render-/Filter-/Sortier-Pfad statt zwei (Tenant-Kette
  komplett entfernt, ~200 Zeilen). Herkunfts-Filter, Organisations-Spalte,
  Checkbox-Spalte + Bulk-Promote nur bei Herkunft Kundenquellen.
- Health-Badge ist klickbar und klappt eine gemeinsame Detailzeile aus
  (Notizen + Checks mit Meldung und Zeitpunkt) mit Deaktivieren-Knopf.
  Klickweg kaputte Quelle finden und deaktivieren: 3 statt 8 bis 10 Klicks.
- Unterreiter Kundenquellen entfaellt, erster Reiter heisst Quellenliste.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

src/static/js/sources.js

@@ -1,17 +1,26 @@
-/* Grundquellen & Kundenquellen Management */
+/* Vereinte Quellenliste (Grund- + Kundenquellen) */
 "use strict";
 
+// Hält Grund- UND Kundenquellen (GET /api/sources?scope=all)
 let globalSourcesCache = [];
-let tenantSourcesCache = [];
-// Phase 3c: Tenant-Tab State
-let tenantFilters = { search: "", type: "", category: "", org: "", language: "" };
-let tenantSort = { field: "org_name", asc: true };
+// Auswahl für Bulk-Promote (nur bei Herkunfts-Filter Kundenquellen sichtbar)
 let tenantSelected = new Set();
+// Aktiver Herkunfts-Filter ("" = alle, "global", "tenant")
+let originFilter = "";
+// Lazy-Cache für die Health-Ausklapp-Details je Quelle
+const sourceHealthDetailCache = new Map();
 
 let editingSourceId = null;
 let globalSortField = "category";
 let globalSortAsc = true;
 
+const CHECK_TYPE_LABELS = {
+  reachability: "Erreichbarkeit",
+  feed_validity: "Feed-Validität",
+  stale: "Aktualität",
+  duplicate: "Duplikat",
+};
+
 // CATEGORY_LABELS jetzt global (aus app.js loadMeta)
 // TYPE_LABELS jetzt global (aus app.js loadMeta)
 
@@ -49,7 +58,7 @@ document.addEventListener("DOMContentLoaded", () => {
 
   // Beim Tab-Wechsel auf "Quellen" laden
   document.querySelectorAll('.nav-tab[data-section="sources"]').forEach((tab) => {
-    tab.addEventListener("click", () => loadGlobalSources());
+    tab.addEventListener("click", () => loadUnifiedSources());
   });
 });
 
@@ -62,8 +71,7 @@ function setupSourceSubTabs() {
       document.querySelectorAll("#sec-sources > .section").forEach((s) => s.classList.remove("active"));
       document.getElementById("sub-" + subtab).classList.add("active");
 
-      if (subtab === "global-sources") loadGlobalSources();
-      else if (subtab === "tenant-sources") loadTenantSources();
+      if (subtab === "global-sources") loadUnifiedSources();
       else if (subtab === "source-health") loadHealthData();
       else if (subtab === "classification-review") loadClassificationQueue();
       else if (subtab === "x-scraper") loadXScraperAccounts();
@@ -71,8 +79,8 @@ function setupSourceSubTabs() {
   });
 }
 
-// --- Grundquellen ---
-async function loadGlobalSources() {
+// --- Vereinte Quellenliste ---
+async function loadUnifiedSources() {
   try {
     await ensureMeta();
     // Kategorien/Typen-Dropdowns aus META befüllen (idempotent)
@@ -81,21 +89,17 @@ async function loadGlobalSources() {
       populateSelect(document.getElementById("globalFilterType"), window.META.types || [], "Alle Typen");
     }
     const [list, stats, languages] = await Promise.all([
-      API.get("/api/sources/global"),
-      API.get("/api/sources/global/stats"),
-      API.get("/api/sources/global/languages").catch(() => []),
+      API.get("/api/sources?scope=all"),
+      API.get("/api/sources/stats"),
+      API.get("/api/sources/languages").catch(() => []),
     ]);
     globalSourcesCache = list;
+    sourceHealthDetailCache.clear();
     populateSelect(
       document.getElementById("globalFilterLanguage"),
       (languages || []).map(l => ({ key: l, label: l })),
       "Alle Sprachen",
     );
-    populateSelect(
-      document.getElementById("tenantFilterLanguage"),
-      (languages || []).map(l => ({ key: l, label: l })),
-      "Alle Sprachen",
-    );
     // datalist fuer Edit-Modal
     const dl = document.getElementById("languageSuggestions");
     if (dl) {
@@ -106,10 +110,10 @@ async function loadGlobalSources() {
         dl.appendChild(o);
       });
     }
-    renderGlobalStats(stats);
-    renderGlobalSources(globalSourcesCache);
+    renderUnifiedStats(stats);
+    filterUnifiedSources();
   } catch (err) {
-    console.error("Grundquellen laden fehlgeschlagen:", err);
+    console.error("Quellenliste laden fehlgeschlagen:", err);
   }
 }
 
@@ -164,7 +168,7 @@ function formatDateTime(iso) {
   } catch { return iso; }
 }
 
-function renderGlobalStats(stats) {
+function renderUnifiedStats(stats) {
   const bar = document.getElementById("globalStatsBar");
   if (!bar) return;
   if (!stats || !stats.by_type) { bar.innerHTML = ""; return; }
@@ -172,6 +176,11 @@ function renderGlobalStats(stats) {
   const types = window.META && window.META.types ? window.META.types : [];
   const parts = [];
   parts.push(`<span class="sources-stat-item"><span class="sources-stat-value">${stats.total || 0}</span> Quellen gesamt</span>`);
+  const bo = stats.by_origin || {};
+  if (bo.tenant) {
+    parts.push(`<span class="sources-stat-item"><span class="sources-stat-value">${bo.global || 0}</span> Grundquellen</span>`);
+    parts.push(`<span class="sources-stat-item"><span class="sources-stat-value">${bo.tenant}</span> Kundenquellen</span>`);
+  }
   for (const t of types) {
     const v = stats.by_type[t.key] || { count: 0, articles: 0 };
     parts.push(`<span class="sources-stat-item"><span class="sources-stat-value">${v.count}</span> ${esc(t.label)}</span>`);
@@ -186,11 +195,12 @@ function renderGlobalStats(stats) {
   bar.innerHTML = parts.join("");
 }
 
-function renderGlobalSources(sources) {
+function renderUnifiedSources(sources) {
   const tbody = document.getElementById("globalSourceTable");
-  const cols = 12;
+  const cols = 14;
   if (sources.length === 0) {
-    tbody.innerHTML = `<tr><td colspan="${cols}" class="text-muted">Keine Grundquellen</td></tr>`;
+    tbody.innerHTML = `<tr><td colspan="${cols}" class="text-muted">Keine Quellen</td></tr>`;
+    updateBulkButton();
     return;
   }
 
@@ -209,18 +219,36 @@ function renderGlobalSources(sources) {
     const count = grouped[cat].length;
     html += `<tr class="cat-header-row"><td colspan="${cols}"><span class="cat-header-label">${esc(label)}</span><span class="cat-header-count">${count}</span></td></tr>`;
     grouped[cat].forEach((s) => {
+      const isTenant = s.tenant_id != null;
       const hasNotes = s.notes && s.notes.trim();
       const infoBtn = hasNotes
         ? `<span class="src-info-toggle" onclick="toggleSourceInfo(${s.id})" title="Info einblenden">&#9432;</span>`
         : '';
-      const notesRow = hasNotes
-        ? `<tr class="src-notes-row" id="notes-${s.id}" style="display:none;"><td colspan="${cols}" class="src-notes-cell">${esc(s.notes)}</td></tr>`
+      // EINE gemeinsame Detailzeile je Quelle: Notizen + Health-Details.
+      const hasDetail = hasNotes || s.health_status;
+      const detailRow = hasDetail
+        ? `<tr class="src-notes-row" id="detail-${s.id}" style="display:none;"><td colspan="${cols}" class="src-notes-cell">${hasNotes ? `<div class="src-notes-text">${esc(s.notes)}</div>` : ""}${s.health_status ? `<div class="health-detail" id="health-detail-${s.id}"></div>` : ""}</td></tr>`
         : '';
       const lastSeen = s.last_seen_at ? formatDate(s.last_seen_at) : "-";
       const hs = s.health_status || "unknown";
       const hsLabel = { error: "Fehler", warning: "Warnung", ok: "OK", unknown: "—" }[hs];
       const hsClass = "health-badge-" + (hs === "unknown" ? "unknown" : hs);
+      const healthCell = s.health_status
+        ? `<span class="health-badge ${hsClass} health-badge-btn" onclick="toggleHealthDetail(${s.id})" title="Health-Details anzeigen" role="button" tabindex="0">${hsLabel}</span>`
+        : `<span class="health-badge ${hsClass}">${hsLabel}</span>`;
+      const selectCell = isTenant
+        ? `<td class="select-col"><input type="checkbox" class="tenant-select" data-id="${s.id}" ${tenantSelected.has(s.id) ? "checked" : ""} onchange="toggleTenantSelect(${s.id}, this.checked)"></td>`
+        : `<td class="select-col"></td>`;
+      // Kundenquellen sind bewusst nicht editierbar: Workflow ist erst
+      // "Übernehmen" (Promote zur Grundquelle), dann als Grundquelle bearbeiten.
+      const actions = isTenant
+        ? `<button class="btn btn-primary btn-small" onclick="promoteSource(${s.id}, '${esc(s.name)}')">Übernehmen</button>
+          <button class="btn btn-secondary btn-small" onclick="showSourceAudit(${s.id}, '${esc(s.name)}')">Audit</button>`
+        : `<button class="btn btn-secondary btn-small" onclick="editGlobalSource(${s.id})">Bearbeiten</button>
+          <button class="btn btn-secondary btn-small" onclick="showSourceAudit(${s.id}, '${esc(s.name)}')">Audit</button>
+          <button class="btn btn-danger btn-small" onclick="confirmDeleteGlobalSource(${s.id}, '${esc(s.name)}')">Löschen</button>`;
       html += `<tr>
+        ${selectCell}
         <td>${infoBtn} ${esc(s.name)}</td>
         <td class="text-secondary" style="max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;" title="${esc(s.url || '')}">${esc(s.url || "-")}</td>
         <td>${esc(s.domain || "-")}</td>
@@ -230,23 +258,22 @@ function renderGlobalSources(sources) {
         <td class="text-secondary">${esc(s.language || "-")}</td>
         <td class="text-secondary" style="max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;" title="${esc(s.bias || "")}">${esc(s.bias || "-")}</td>
         <td class="text-secondary">${lastSeen}</td>
-        <td><span class="health-badge ${hsClass}">${hsLabel}</span></td>
+        <td>${healthCell}</td>
         <td><span class="badge badge-${s.status === "active" ? "active" : "inactive"}">${s.status === "active" ? "Aktiv" : "Inaktiv"}</span></td>
-        <td>
-          <button class="btn btn-secondary btn-small" onclick="editGlobalSource(${s.id})">Bearbeiten</button>
-          <button class="btn btn-secondary btn-small" onclick="showSourceAudit(${s.id}, '${esc(s.name)}')">Audit</button>
-          <button class="btn btn-danger btn-small" onclick="confirmDeleteGlobalSource(${s.id}, '${esc(s.name)}')">Löschen</button>
-        </td>
-      </tr>${notesRow}`;
+        <td class="text-secondary">${isTenant ? esc(s.org_name || ("Org " + s.tenant_id)) : '<span class="text-muted">—</span>'}</td>
+        <td>${actions}</td>
+      </tr>${detailRow}`;
     });
   });
   tbody.innerHTML = html;
 
-  document.getElementById("globalSourceCount").textContent = `${sources.length} Grundquellen`;
+  const originLabel = originFilter === "global" ? "Grundquellen" : originFilter === "tenant" ? "Kundenquellen" : "Quellen";
+  document.getElementById("globalSourceCount").textContent = `${sources.length} ${originLabel}`;
+  updateBulkButton();
 
   // Sort-Icons aktualisieren
-  document.querySelectorAll("th.sortable .sort-icon").forEach(el => el.textContent = "");
-  const activeHeader = document.querySelector(`th.sortable[data-sort="${globalSortField}"] .sort-icon`);
+  document.querySelectorAll("#unifiedTable th.sortable .sort-icon").forEach(el => el.textContent = "");
+  const activeHeader = document.querySelector(`#unifiedTable th.sortable[data-sort="${globalSortField}"] .sort-icon`);
   if (activeHeader) activeHeader.textContent = globalSortAsc ? " ▲" : " ▼";
 }
 
@@ -254,19 +281,28 @@ function renderGlobalSources(sources) {
 document.addEventListener("DOMContentLoaded", () => {
   const el = document.getElementById("globalSourceSearch");
   if (el) {
-    el.addEventListener("input", () => filterGlobalSources());
+    el.addEventListener("input", () => filterUnifiedSources());
   }
 });
 
-function filterGlobalSources() {
+function filterUnifiedSources() {
   const q = (document.getElementById("globalSourceSearch")?.value || "").toLowerCase();
   const typeFilter = document.getElementById("globalFilterType")?.value || "";
   const catFilter = document.getElementById("globalFilterCategory")?.value || "";
   const statusFilter = document.getElementById("globalFilterStatus")?.value || "";
-
   const langFilter = document.getElementById("globalFilterLanguage")?.value || "";
+
+  const newOrigin = document.getElementById("filterOrigin")?.value || "";
+  if (newOrigin !== originFilter) {
+    originFilter = newOrigin;
+    tenantSelected.clear();
+  }
+  updateOriginControls();
+
   let filtered = globalSourcesCache.filter((s) => {
-    if (q && !(s.name.toLowerCase().includes(q) || (s.domain || "").toLowerCase().includes(q) || (s.url || "").toLowerCase().includes(q) || (s.bias || "").toLowerCase().includes(q))) return false;
+    if (originFilter === "global" && s.tenant_id != null) return false;
+    if (originFilter === "tenant" && s.tenant_id == null) return false;
+    if (q && !(s.name.toLowerCase().includes(q) || (s.domain || "").toLowerCase().includes(q) || (s.url || "").toLowerCase().includes(q) || (s.bias || "").toLowerCase().includes(q) || (s.org_name || "").toLowerCase().includes(q))) return false;
     if (typeFilter && s.source_type !== typeFilter) return false;
     if (catFilter && s.category !== catFilter) return false;
     if (statusFilter && s.status !== statusFilter) return false;
@@ -290,17 +326,26 @@ function filterGlobalSources() {
     return globalSortAsc ? cmp : -cmp;
   });
 
-  renderGlobalSources(filtered);
+  renderUnifiedSources(filtered);
 }
 
-function sortGlobalSources(field) {
+function sortUnifiedSources(field) {
   if (globalSortField === field) {
     globalSortAsc = !globalSortAsc;
   } else {
     globalSortField = field;
     globalSortAsc = true;
   }
-  filterGlobalSources();
+  filterUnifiedSources();
+}
+
+// Checkbox-Spalte + Bulk-Knopf nur bei Herkunfts-Filter "Kundenquellen"
+function updateOriginControls() {
+  const showSelect = originFilter === "tenant";
+  const table = document.getElementById("unifiedTable");
+  if (table) table.classList.toggle("show-select", showSelect);
+  const btn = document.getElementById("tenantBulkPromoteBtn");
+  if (btn) btn.style.display = showSelect ? "" : "none";
 }
 
 // --- Grundquelle erstellen/bearbeiten ---
@@ -392,7 +437,7 @@ function setupSourceForms() {
         await API.post("/api/sources/global", body);
       }
       closeModal("modalSource");
-      loadGlobalSources();
+      loadUnifiedSources();
     } catch (err) {
       errEl.textContent = err.message;
       errEl.style.display = "block";
@@ -417,7 +462,7 @@ function confirmDeleteGlobalSource(id, name) {
     async () => {
       try {
         await API.del("/api/sources/global/" + id);
-        loadGlobalSources();
+        loadUnifiedSources();
       } catch (err) {
         showToast(err.message, "error");
       }
@@ -425,84 +470,9 @@ function confirmDeleteGlobalSource(id, name) {
   );
 }
 
-// --- Kundenquellen ---
-async function loadTenantSources() {
-  try {
-    tenantSourcesCache = await API.get("/api/sources/tenant");
-    tenantSelected.clear();
-    populateTenantFilters();
-    applyTenantFilterAndSort();
-  } catch (err) {
-    console.error("Kundenquellen laden fehlgeschlagen:", err);
-    showToast("Kundenquellen konnten nicht geladen werden", "error");
-  }
-}
-
-function populateTenantFilters() {
-  // Typ + Kategorie aus META, Org aus Cache
-  if (window.META && window.META.types) {
-    populateSelect(document.getElementById("tenantFilterType"), window.META.types, "Alle Typen");
-  }
-  if (window.META && window.META.categories) {
-    populateSelect(document.getElementById("tenantFilterCategory"),
-      window.META.categories, "Alle Kategorien");
-  }
-  // Org-Liste aus den Daten extrahieren (eindeutig)
-  const orgs = Array.from(new Set(tenantSourcesCache.map(s => s.org_name).filter(Boolean))).sort();
-  populateSelect(
-    document.getElementById("tenantFilterOrg"),
-    orgs.map(o => ({ key: o, label: o })),
-    "Alle Organisationen",
-  );
-}
-
-function applyTenantFilterAndSort() {
-  const q = (tenantFilters.search || "").toLowerCase();
-  let filtered = tenantSourcesCache.filter(s => {
-    if (q && !(
-      (s.name || "").toLowerCase().includes(q)
-      || (s.domain || "").toLowerCase().includes(q)
-      || (s.org_name || "").toLowerCase().includes(q)
-      || (s.url || "").toLowerCase().includes(q)
-    )) return false;
-    if (tenantFilters.type && s.source_type !== tenantFilters.type) return false;
-    if (tenantFilters.category && s.category !== tenantFilters.category) return false;
-    if (tenantFilters.org && s.org_name !== tenantFilters.org) return false;
-    if (tenantFilters.language && s.language !== tenantFilters.language) return false;
-    return true;
-  });
-
-  filtered.sort((a, b) => {
-    const va = String(a[tenantSort.field] ?? "").toLowerCase();
-    const vb = String(b[tenantSort.field] ?? "").toLowerCase();
-    const cmp = va.localeCompare(vb, "de");
-    return tenantSort.asc ? cmp : -cmp;
-  });
-
-  renderTenantSources(filtered);
-  // Sort-Icons aktualisieren
-  document.querySelectorAll("#sub-tenant-sources th.sortable .sort-icon").forEach(el => el.textContent = "");
-  const active = document.querySelector(`#sub-tenant-sources th.sortable[data-sort="${tenantSort.field}"] .sort-icon`);
-  if (active) active.textContent = tenantSort.asc ? " \u25B2" : " \u25BC";
-}
-
-function filterTenantSources() {
-  tenantFilters.search   = (document.getElementById("tenantSourceSearch")?.value || "").trim();
-  tenantFilters.type     = document.getElementById("tenantFilterType")?.value || "";
-  tenantFilters.category = document.getElementById("tenantFilterCategory")?.value || "";
-  tenantFilters.org      = document.getElementById("tenantFilterOrg")?.value || "";
-  tenantFilters.language = document.getElementById("tenantFilterLanguage")?.value || "";
-  applyTenantFilterAndSort();
-}
-
-function sortTenantSources(field) {
-  if (tenantSort.field === field) tenantSort.asc = !tenantSort.asc;
-  else { tenantSort.field = field; tenantSort.asc = true; }
-  applyTenantFilterAndSort();
-}
-
+// --- Bulk-Promote (Kundenquellen in der vereinten Liste) ---
 function toggleTenantSelectAll(checked) {
-  document.querySelectorAll("#tenantSourceTable input.tenant-select").forEach(cb => {
+  document.querySelectorAll("#globalSourceTable input.tenant-select").forEach(cb => {
     cb.checked = checked;
     const id = parseInt(cb.dataset.id);
     if (checked) tenantSelected.add(id); else tenantSelected.delete(id);
@@ -515,9 +485,9 @@ function toggleTenantSelect(id, checked) {
   if (checked) tenantSelected.add(id); else tenantSelected.delete(id);
   updateBulkButton();
   // Header-Checkbox anpassen
-  const visible = document.querySelectorAll("#tenantSourceTable input.tenant-select").length;
-  const checkedVisible = document.querySelectorAll("#tenantSourceTable input.tenant-select:checked").length;
-  const all = document.getElementById("tenantSelectAll");
+  const visible = document.querySelectorAll("#globalSourceTable input.tenant-select").length;
+  const checkedVisible = document.querySelectorAll("#globalSourceTable input.tenant-select:checked").length;
+  const all = document.getElementById("unifiedSelectAll");
   if (all) all.checked = visible > 0 && visible === checkedVisible;
 }
 
@@ -544,50 +514,12 @@ async function bulkPromoteSelected() {
     if (result.failed && result.failed.length) msg += `, ${result.failed.length} Fehler`;
     showToast(msg, result.failed && result.failed.length ? "warning" : "success");
     tenantSelected.clear();
-    await loadTenantSources();
+    await loadUnifiedSources();
   } catch (err) {
     showToast("Bulk-Promote fehlgeschlagen: " + err.message, "error");
   }
 }
 
-function renderTenantSources(sources) {
-  const tbody = document.getElementById("tenantSourceTable");
-  const cols = 10;
-  if (sources.length === 0) {
-    tbody.innerHTML = `<tr><td colspan="${cols}" class="text-muted">Keine Kundenquellen</td></tr>`;
-    document.getElementById("tenantSourceCount").textContent = `0 / ${tenantSourcesCache.length} Kundenquellen`;
-    updateBulkButton();
-    return;
-  }
-  tbody.innerHTML = sources.map((s) => {
-    const checked = tenantSelected.has(s.id) ? "checked" : "";
-    return `
-    <tr>
-      <td><input type="checkbox" class="tenant-select" data-id="${s.id}" ${checked} onchange="toggleTenantSelect(${s.id}, this.checked)"></td>
-      <td>${esc(s.name)}</td>
-      <td class="text-secondary" style="max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;" title="${esc(s.url || '')}">${esc(s.domain || "-")}</td>
-      <td>${typeLabel(s.source_type)}</td>
-      <td>${categoryLabel(s.category)}</td>
-      <td>${esc(s.org_name || "-")}</td>
-      <td class="text-secondary">${esc(s.language || "-")}</td>
-      <td class="text-secondary" style="max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;" title="${esc(s.bias || "")}">${esc(s.bias || "-")}</td>
-      <td>${esc(s.added_by || "-")}</td>
-      <td>
-        <button class="btn btn-primary btn-small" onclick="promoteSource(${s.id}, '${esc(s.name)}')">Übernehmen</button>
-      </td>
-    </tr>`;
-  }).join("");
-
-  document.getElementById("tenantSourceCount").textContent = `${sources.length} / ${tenantSourcesCache.length} Kundenquellen`;
-  updateBulkButton();
-}
-
-// Suche Kundenquellen
-document.addEventListener("DOMContentLoaded", () => {
-  const el = document.getElementById("tenantSourceSearch");
-  if (el) el.addEventListener("input", () => filterTenantSources());
-});
-
 function promoteSource(id, name) {
   showConfirm(
     "Zur Grundquelle machen",
@@ -595,7 +527,71 @@ function promoteSource(id, name) {
     async () => {
       try {
         await API.post("/api/sources/tenant/" + id + "/promote");
-        loadTenantSources();
+        tenantSelected.delete(id);
+        loadUnifiedSources();
+      } catch (err) {
+        showToast(err.message, "error");
+      }
+    }
+  );
+}
+
+// --- Health-Details in der Ausklapp-Zeile ---
+async function toggleHealthDetail(id) {
+  const row = document.getElementById("detail-" + id);
+  if (!row) return;
+  const isVisible = row.style.display !== "none";
+  toggleSourceInfo(id);
+  if (isVisible) return; // wurde gerade zugeklappt
+
+  const box = document.getElementById("health-detail-" + id);
+  if (!box) return;
+  if (sourceHealthDetailCache.has(id)) {
+    renderHealthDetail(id, sourceHealthDetailCache.get(id));
+    return;
+  }
+  box.innerHTML = '<div class="text-muted">Lade Health-Details…</div>';
+  try {
+    const res = await API.get("/api/sources/" + id + "/health");
+    sourceHealthDetailCache.set(id, res.checks || []);
+    renderHealthDetail(id, res.checks || []);
+  } catch (err) {
+    box.innerHTML = `<div class="text-danger">Health-Details konnten nicht geladen werden. ${esc(err.message || "")}</div>`;
+  }
+}
+
+function renderHealthDetail(id, checks) {
+  const box = document.getElementById("health-detail-" + id);
+  if (!box) return;
+  const s = globalSourcesCache.find((x) => x.id === id);
+  const deactivateBtn = s && s.status === "active"
+    ? `<button class="btn btn-danger btn-small" onclick="deactivateSource(${id}, '${esc(s.name)}')">Quelle deaktivieren</button>`
+    : "";
+  if (!checks.length) {
+    box.innerHTML = `<div class="health-detail-head"><span class="text-muted">Keine Health-Checks für diese Quelle vorhanden.</span>${deactivateBtn}</div>`;
+    return;
+  }
+  const statusLabel = (st) => st === "error" ? "Fehler" : st === "warning" ? "Warnung" : "OK";
+  const rows = checks.map((c) => `
+    <div class="health-detail-row">
+      <span class="health-badge health-badge-${c.status === "error" ? "error" : c.status === "warning" ? "warning" : "ok"}">${statusLabel(c.status)}</span>
+      <span class="health-detail-type">${CHECK_TYPE_LABELS[c.check_type] || esc(c.check_type)}</span>
+      <span class="health-detail-msg">${esc(c.message || "")}</span>
+      <span class="text-secondary health-detail-ts">${formatDateTime(c.checked_at)}</span>
+    </div>`).join("");
+  box.innerHTML = `<div class="health-detail-head"><strong>Health-Checks</strong>${deactivateBtn}</div>${rows}`;
+}
+
+function deactivateSource(id, name) {
+  showConfirm(
+    "Quelle deaktivieren",
+    `Soll die Quelle "${name}" deaktiviert werden? Sie wird dann nicht mehr abgerufen.`,
+    async () => {
+      try {
+        await API.put("/api/sources/global/" + id, { status: "inactive" });
+        showToast("Quelle wurde deaktiviert.", "success");
+        sourceHealthDetailCache.delete(id);
+        loadUnifiedSources();
       } catch (err) {
         showToast(err.message, "error");
       }
@@ -687,7 +683,7 @@ async function addDiscoveredFeeds() {
   try {
     const result = await API.post("/api/sources/discover/add", selected);
     closeModal("modalDiscover");
-    loadGlobalSources();
+    loadUnifiedSources();
     showToast(result.added + " Grundquelle(n) hinzugefügt" + (result.skipped ? ", " + result.skipped + " übersprungen" : ""), "success");
   } catch (err) {
     showToast("Fehler: " + err.message, "error");
@@ -874,7 +870,7 @@ async function triggerExternalReputationSync() {
 }
 
 function toggleSourceInfo(id) {
-  const row = document.getElementById("notes-" + id);
+  const row = document.getElementById("detail-" + id);
   if (!row) return;
   const isVisible = row.style.display !== "none";
   row.style.display = isVisible ? "none" : "table-row";
@@ -941,7 +937,7 @@ function setupPdfUploadForm() {
       if (typeof showToast === "function") {
         showToast("PDF hochgeladen -- Verarbeitung laeuft im Hintergrund", "success");
       }
-      loadGlobalSources();
+      loadUnifiedSources();
     } catch (err) {
       errEl.textContent = err.message || "Upload fehlgeschlagen";
       errEl.style.display = "block";