Add segmented GVL reference data maintenance

Add data maintenance workspace and danger zone preparation
Consolidate VG-Observe information architecture and workspace navigation
2026-06-10 20:35:27 +02:00 · 2026-06-10 20:15:31 +02:00 · 2026-06-10 19:48:28 +02:00
@@ -3,19 +3,18 @@
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>VG-Observe Analyse-Dashboard</title>
+    <title>VG-Observe Analyse-Vorbereitung</title>
    <link rel="stylesheet" href="analysis-dashboard.css">
  </head>
  <body>
    <main class="analysis-dashboard">
      <header class="analysis-header">
-        <a class="back-link" href="../dashboard/dashboard.html">Zurück zum Dashboard</a>
-        <h1>Analyse-Dashboard</h1>
+        <a class="back-link" href="../dashboard/dashboard.html">Zurück zum Observe-Dashboard</a>
+        <h1>Analyse-Vorbereitung</h1>
        <p>
-          Diese Ansicht bereitet technische Prüfungen zwischen
-          Consent-Zuständen, Vendorlisten und beobachteten Requests vor.
-          Aktuell werden nur vorhandene Datenbestände und vorbereitete
-          Analysebereiche angezeigt.
+          Diese Ansicht ist noch keine Analyse-Engine. Sie zeigt vorhandene
+          Datenbestände und vorbereitet strukturierte Prüffelder für spätere
+          Auswertung, ohne Bewertung oder Zuordnung zu berechnen.
        </p>
        <div id="analysis-status" class="analysis-status" aria-live="polite">
          Lade Datenbestände
@@ -34,11 +33,11 @@
            <dd id="summary-observed-requests">-</dd>
          </div>
          <div>
-            <dt>Lokal gespeicherte Vendorlisten</dt>
+            <dt>Lokal gespeicherte GVL-Referenzen</dt>
            <dd id="summary-gvl-snapshots">-</dd>
          </div>
          <div>
-            <dt>Lokal aktuelle Vendorlisten-Version</dt>
+            <dt>Lokal aktuelle GVL-Referenzversion</dt>
            <dd id="summary-current-gvl-version">-</dd>
          </div>
          <div>
@@ -49,23 +48,23 @@
      </section>

      <section class="panel" aria-labelledby="areas-title">
-        <h2 id="areas-title">Vorbereitete Analysebereiche</h2>
+        <h2 id="areas-title">Vorbereitete Prüffelder</h2>
        <div class="area-grid">
          <article>
            <h3>Consent ↔ Vendorliste</h3>
-            <p>Analyse noch nicht ausgeführt.</p>
+            <p>Vorbereitung vorhanden, keine Analyse ausgeführt.</p>
          </article>
          <article>
            <h3>Consent ↔ beobachtete Requests</h3>
-            <p>Analyse noch nicht ausgeführt.</p>
+            <p>Vorbereitung vorhanden, keine Analyse ausgeführt.</p>
          </article>
          <article>
            <h3>Request-Hosts ↔ bekannte Vendoren</h3>
-            <p>Keine erkennbare Zuordnung berechnet. Analyse noch nicht ausgeführt.</p>
+            <p>Keine Zuordnung berechnet. Vorbereitung vorhanden, keine Analyse ausgeführt.</p>
          </article>
          <article>
            <h3>Potenziell erklärungsbedürftige technische Diskrepanzen</h3>
-            <p>Keine Bewertung vorgenommen. Analyse noch nicht ausgeführt.</p>
+            <p>Keine Bewertung vorgenommen. Vorbereitung vorhanden, keine Analyse ausgeführt.</p>
          </article>
        </div>
      </section>
@@ -125,6 +125,10 @@ async function handleVendorGetMessage(message, sender) {
    return handlePurgeUnlockedEvidenceRecordsMessage();
  }

+  if (message.type === "purge_gvl_reference_data") {
+    return handlePurgeGvlReferenceDataMessage();
+  }
+
  if (message.type === "delete_all_evidence_database") {
    return handleDeleteAllEvidenceDatabaseMessage();
  }
@@ -1225,6 +1229,12 @@ async function handlePurgeUnlockedEvidenceRecordsMessage() {
  return purgeUnlockedEvidenceRecords(db);
 }

+async function handlePurgeGvlReferenceDataMessage() {
+  const db = await openVendorGetDb();
+
+  return purgeGvlReferenceData(db);
+}
+
 function handleDeleteAllEvidenceDatabaseMessage() {
  return deleteVendorGetDatabase();
 }
@@ -33,3 +33,16 @@ const VENDORGET_EVIDENCE_STORE_NAMES = [
  VENDORGET_STORE_NAMES.gvlDataCategories,
  VENDORGET_STORE_NAMES.gvlVendorRelationships
 ];
+
+const VENDORGET_GVL_REFERENCE_STORE_NAMES = [
+  VENDORGET_STORE_NAMES.gvlRawEvidence,
+  VENDORGET_STORE_NAMES.gvlSnapshots,
+  VENDORGET_STORE_NAMES.gvlSnapshotEvents,
+  VENDORGET_STORE_NAMES.gvlVendors,
+  VENDORGET_STORE_NAMES.gvlPurposes,
+  VENDORGET_STORE_NAMES.gvlSpecialPurposes,
+  VENDORGET_STORE_NAMES.gvlFeatures,
+  VENDORGET_STORE_NAMES.gvlSpecialFeatures,
+  VENDORGET_STORE_NAMES.gvlDataCategories,
+  VENDORGET_STORE_NAMES.gvlVendorRelationships
+];
@@ -89,6 +89,32 @@ async function purgeUnlockedEvidenceRecords(db) {
  });
 }

+function purgeGvlReferenceData(db) {
+  return new Promise((resolve, reject) => {
+    const clearedStores = {};
+    const tx = db.transaction(VENDORGET_GVL_REFERENCE_STORE_NAMES, "readwrite");
+
+    tx.onerror = () => reject(tx.error);
+    tx.onabort = () => reject(tx.error);
+    tx.oncomplete = () => {
+      resolve({
+        success: true,
+        clearedStores
+      });
+    };
+
+    for (const storeName of VENDORGET_GVL_REFERENCE_STORE_NAMES) {
+      const objectStore = tx.objectStore(storeName);
+      const countRequest = objectStore.count();
+
+      countRequest.onsuccess = () => {
+        clearedStores[storeName] = countRequest.result;
+        objectStore.clear();
+      };
+    }
+  });
+}
+
 function buildGvlWorkspaceProtectionIndex(db) {
  return new Promise((resolve, reject) => {
    const protectedSnapshotSha256 = new Set();
@@ -3,23 +3,23 @@
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>VG-Observe Consent-Explorer</title>
+    <title>VG-Observe Consent untersuchen</title>
    <link rel="stylesheet" href="consent-explorer.css">
  </head>
  <body>
    <main class="explorer">
      <header class="explorer-header">
-        <a class="back-link" href="../dashboard/dashboard.html">Zurück zum Dashboard</a>
-        <h1>Dokumentierte Consent-Zustände</h1>
+        <a class="back-link" href="../dashboard/dashboard.html">Zurück zum Observe-Dashboard</a>
+        <h1>Consent untersuchen</h1>
        <p class="section-help">
-          Diese Ansicht zeigt gespeicherte Consent-Zustände aus der lokalen
-          Beobachtungsdatenbank. Jeder Eintrag ist ein dokumentierter Zustand,
-          den VG-Observe während der Browser-Laufzeit beobachtet hat.
+          Consent ist das zentrale Untersuchungsobjekt von VG-Observe. Diese
+          Ansicht zeigt lokal beobachtete Consent-Zustände und ihre technischen
+          Belege, ohne daraus eine Bewertung abzuleiten.
        </p>
      </header>

      <section class="panel" aria-labelledby="documented-consent-title">
-        <h2 id="documented-consent-title">Historische Consent-Zustände</h2>
+        <h2 id="documented-consent-title">Lokal beobachtete Consent-Zustände</h2>
        <p id="documented-consent-empty" class="empty-state" hidden>
          Keine dokumentierten Consent-Zustände vorhanden.
        </p>
@@ -127,14 +127,14 @@ th:last-child {
  text-align: right;
 }

-.explorer-actions {
-  display: flex;
-  flex-wrap: wrap;
+.workspace-actions {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
 }

-.button-link,
+.workspace-link,
 button {
  padding: 8px 10px;
  border: 1px solid #475569;
@@ -145,12 +145,27 @@ button {
  background: #1f2937;
 }

-.button-link {
-  display: inline-flex;
-  align-items: center;
+.workspace-link {
+  display: grid;
+  gap: 5px;
  text-decoration: none;
 }

+.workspace-link strong {
+  font-size: 13px;
+}
+
+.workspace-link span {
+  font-size: 12px;
+  line-height: 1.35;
+  color: #cbd5e1;
+}
+
+.workspace-placeholder {
+  color: #cbd5e1;
+  background: #172033;
+}
+
 button:disabled {
  cursor: default;
  opacity: 0.65;
@@ -165,7 +180,8 @@ button:disabled {
    grid-template-columns: 1fr;
  }

-  .explorer-actions {
+  .workspace-actions {
    display: grid;
+    grid-template-columns: 1fr;
  }
 }
@@ -1,26 +1,30 @@
 <!doctype html>
-<html lang="en">
+<html lang="de">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>VendorGet-IV Evidence Dashboard</title>
+    <title>VG-Observe Dashboard</title>
    <link rel="stylesheet" href="dashboard.css">
  </head>
  <body>
    <main class="dashboard">
      <header class="dashboard-header">
-        <h1>VendorGet-IV Evidence Dashboard</h1>
+        <h1>VG-Observe Dashboard</h1>
        <div id="dashboard-status" class="dashboard-status" aria-live="polite">
-          Loading evidence status
+          Lade lokalen Beobachtungsstatus
        </div>
        <p class="dashboard-notice">
-          Übersicht und Einstieg für VG-Observe. Detailansichten liegen in
-          eigenen Explorern.
+          Was wurde lokal beobachtet? Diese Übersicht zeigt den Workspace-
+          Bestand und führt zu den fachlichen Arbeitsansichten.
        </p>
      </header>

      <section class="panel" aria-labelledby="stores-title">
-        <h2 id="stores-title">Evidence Stores</h2>
+        <h2 id="stores-title">Lokaler Evidence-Bestand</h2>
+        <p class="section-help">
+          Bestandsübersicht der lokal gespeicherten Beobachtungen und
+          Referenzdaten. Die Zahlen sind Inventar, keine Bewertung.
+        </p>
        <table>
          <thead>
            <tr>
@@ -53,13 +57,47 @@
        </table>
      </section>

-      <section class="panel" aria-labelledby="official-gvl-title">
-        <h2 id="official-gvl-title">Offizielle Vendorliste</h2>
+      <section class="panel" aria-labelledby="workspaces-title">
+        <h2 id="workspaces-title">Arbeitsbereiche</h2>
        <p class="section-help">
-          Die aktuell offiziell abgerufene IAB-Europe-Vendorliste ist die
-          Version, die VG-Observe direkt von der offiziellen IAB-Europe-Quelle
-          geladen hat. Sie ist getrennt von der Vendorliste, die in einem
-          konkreten Consent-Kontext gemeldet wurde.
+          Oben verstehen, in der Mitte arbeiten, unten beweisen: Die
+          Detailansichten trennen Untersuchung, technische Beobachtung,
+          Referenz/Vault und Analyse-Vorbereitung.
+        </p>
+        <div class="workspace-actions">
+          <a class="workspace-link" href="../consent-explorer/consent-explorer.html">
+            <strong>Consent untersuchen</strong>
+            <span>Zentrale Ansicht für dokumentierte Consent-Zustände.</span>
+          </a>
+          <a class="workspace-link" href="../request-explorer/request-explorer.html">
+            <strong>Requests prüfen</strong>
+            <span>Technisch beobachtete Browser-Requests ohne Bewertung.</span>
+          </a>
+          <a class="workspace-link" href="../gvl-explorer/gvl-explorer.html">
+            <strong>GVL-Referenz/Vault</strong>
+            <span>Vendorlisten, Revision-Evidence und Vault-Transport.</span>
+          </a>
+          <a class="workspace-link" href="../analysis-dashboard/analysis-dashboard.html">
+            <strong>Analyse-Vorbereitung</strong>
+            <span>Datenbestände und vorbereitete Prüffelder, keine Engine.</span>
+          </a>
+          <a class="workspace-link workspace-placeholder" href="../data-maintenance/data-maintenance.html">
+            <strong>Datenpflege</strong>
+            <span>
+              Gezielte Verwaltung lokaler Datenbestände. Löschen,
+              Wiederherstellen und Exportieren erfolgen künftig segmentbezogen.
+              Vorgesehene Segmente sind GVL-Referenzdaten der Browser-DB,
+              Consent-Daten, Analyse-Daten und weitere künftige Datenbereiche.
+            </span>
+          </a>
+        </div>
+      </section>
+
+      <section class="panel" aria-labelledby="official-gvl-title">
+        <h2 id="official-gvl-title">GVL-Referenzstatus</h2>
+        <p class="section-help">
+          Die GVL ist Referenzbasis für spätere Rekonstruktion. Dieser Status
+          zeigt nur den lokalen Referenzbestand und letzte Update-Hinweise.
        </p>
        <dl class="gvl-status-grid">
          <div>
@@ -89,27 +127,6 @@
        </dl>
      </section>

-      <section class="panel" aria-labelledby="explorers-title">
-        <h2 id="explorers-title">Explorer</h2>
-        <p class="section-help">
-          Historische Consent-Zustände und technische Belege werden in einer
-          eigenen Ansicht geöffnet.
-        </p>
-        <div class="explorer-actions">
-          <a class="button-link" href="../consent-explorer/consent-explorer.html">
-            Consent-Explorer öffnen
-          </a>
-          <a class="button-link" href="../gvl-explorer/gvl-explorer.html">
-            GVL-Explorer öffnen
-          </a>
-          <a class="button-link" href="../request-explorer/request-explorer.html">
-            Request-Explorer öffnen
-          </a>
-          <a class="button-link" href="../analysis-dashboard/analysis-dashboard.html">
-            Request-/Empfänger-Analyse öffnen
-          </a>
-        </div>
-      </section>
    </main>

    <script src="dashboard.js"></script>
@@ -40,9 +40,9 @@ async function renderEvidenceStatus() {
    }

    renderStoreCounts(status.storeCounts ?? {});
-    renderStatusMessage("Evidence status loaded");
+    renderStatusMessage("Lokaler Beobachtungsstatus geladen");
  } catch (error) {
-    renderStatusMessage("Evidence status could not be loaded");
+    renderStatusMessage("Lokaler Beobachtungsstatus konnte nicht geladen werden");
    console.warn("VendorGet-IV dashboard status failed", error);
  }
 }
@@ -0,0 +1,156 @@
+* {
+  box-sizing: border-box;
+}
+
+body {
+  margin: 0;
+  min-width: 320px;
+  font-family: Arial, sans-serif;
+  color: #e5edf5;
+  background: #111827;
+}
+
+.maintenance {
+  width: min(1040px, 100%);
+  margin: 0 auto;
+  padding: 24px;
+}
+
+.maintenance-header {
+  display: grid;
+  gap: 8px;
+  margin-bottom: 20px;
+  padding-bottom: 16px;
+  border-bottom: 1px solid #334155;
+}
+
+h1,
+h2,
+h3,
+h4,
+p {
+  margin: 0;
+}
+
+h1 {
+  font-size: 24px;
+  font-weight: 700;
+}
+
+h2 {
+  margin-bottom: 12px;
+  font-size: 15px;
+  font-weight: 700;
+}
+
+h3 {
+  font-size: 13px;
+  color: #e5edf5;
+}
+
+h4 {
+  font-size: 13px;
+  color: #e5edf5;
+}
+
+p {
+  max-width: 760px;
+  font-size: 13px;
+  line-height: 1.5;
+  color: #cbd5e1;
+}
+
+.back-link {
+  width: fit-content;
+  color: #bfdbfe;
+  font-size: 13px;
+}
+
+.panel {
+  margin-bottom: 22px;
+  padding-bottom: 20px;
+  border-bottom: 1px solid #334155;
+}
+
+.section-help {
+  margin-bottom: 12px;
+}
+
+.segment-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 10px;
+}
+
+.segment-card,
+.danger-action {
+  display: grid;
+  gap: 8px;
+  min-width: 0;
+  padding: 12px;
+  border: 1px solid #334155;
+  border-radius: 4px;
+  background: #1f2937;
+}
+
+.segment-action {
+  display: grid;
+  gap: 8px;
+  padding: 10px;
+  border: 1px solid #475569;
+  border-radius: 4px;
+  background: #172033;
+}
+
+.segment-status {
+  width: fit-content;
+  max-width: 100%;
+  padding: 5px 8px;
+  border: 1px solid #475569;
+  border-radius: 4px;
+  font-weight: 700;
+  color: #cbd5e1;
+  background: #172033;
+}
+
+button {
+  width: fit-content;
+  max-width: 100%;
+  padding: 8px 10px;
+  border: 1px solid #475569;
+  border-radius: 4px;
+  font: inherit;
+  font-size: 13px;
+  color: #e5edf5;
+  background: #1f2937;
+}
+
+button:disabled {
+  cursor: default;
+  opacity: 0.65;
+}
+
+.danger-panel {
+  border-bottom: 0;
+}
+
+.danger-action {
+  border-color: #7f1d1d;
+  background: #1f1518;
+}
+
+.danger-action .segment-status {
+  border-color: #7f1d1d;
+  color: #fecaca;
+  background: #450a0a;
+}
+
+@media (max-width: 640px) {
+  .maintenance {
+    padding: 16px;
+  }
+
+  .segment-grid {
+    grid-template-columns: 1fr;
+  }
+}
@@ -0,0 +1,95 @@
+<!doctype html>
+<html lang="de">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>VG-Observe Datenpflege</title>
+    <link rel="stylesheet" href="data-maintenance.css">
+  </head>
+  <body>
+    <main class="maintenance">
+      <header class="maintenance-header">
+        <a class="back-link" href="../dashboard/dashboard.html">Zurück zum Observe-Dashboard</a>
+        <h1>Datenpflege</h1>
+        <p class="section-help">
+          Lokale Datenbestände verwalten und bereinigen.
+        </p>
+      </header>
+
+      <section class="panel" aria-labelledby="segments-title">
+        <h2 id="segments-title">Datenbereiche</h2>
+        <div class="segment-grid">
+          <article class="segment-card">
+            <h3>GVL-Referenzdaten</h3>
+            <p>
+              Vendorlisten, Revisionen und GVL-Referenzbestände.
+            </p>
+            <div class="segment-action">
+              <h4>GVL-Referenzdaten bereinigen</h4>
+              <p>
+                Entfernt lokale GVL-Referenzdaten aus der Browser-Datenbank.
+                Consent-Daten, Request-Beobachtungen und Analyse-Daten bleiben
+                unberührt.
+              </p>
+              <button id="purge-gvl-reference-data-button" type="button">
+                GVL-Referenzdaten bereinigen
+              </button>
+            </div>
+            <p
+              id="gvl-reference-maintenance-status"
+              class="segment-status"
+              aria-live="polite"
+            >
+              Bereit.
+            </p>
+          </article>
+
+          <article class="segment-card">
+            <h3>Consent-Daten</h3>
+            <p>
+              Consent-Zustände und Ereignisse.
+            </p>
+            <p class="segment-status">
+              Noch nicht verfügbar.
+            </p>
+          </article>
+
+          <article class="segment-card">
+            <h3>Analyse-Daten</h3>
+            <p>
+              Analyse- und Arbeitsdaten.
+            </p>
+            <p class="segment-status">
+              Noch nicht verfügbar.
+            </p>
+          </article>
+
+          <article class="segment-card">
+            <h3>Weitere Datenbereiche</h3>
+            <p>
+              Reserviert für zukünftige Erweiterungen.
+            </p>
+            <p class="segment-status">
+              Noch nicht verfügbar.
+            </p>
+          </article>
+        </div>
+      </section>
+
+      <section class="panel danger-panel" aria-labelledby="danger-title">
+        <h2 id="danger-title">Gefahrenbereich</h2>
+        <p class="section-help">
+          Irreversible Aktionen für den gesamten lokalen Datenbestand.
+        </p>
+        <article class="danger-action" aria-label="Vorbereitete Gefahrenaktion">
+          <h3>Gesamten lokalen Datenbestand löschen</h3>
+          <p class="segment-status">Noch nicht verfügbar.</p>
+          <p>
+            Erfordert später eine ausdrückliche Sicherheitsbestätigung.
+          </p>
+        </article>
+      </section>
+    </main>
+    <script src="data-maintenance.js"></script>
+  </body>
+</html>
@@ -0,0 +1,69 @@
+"use strict";
+
+const purgeGvlReferenceDataButton = document.getElementById(
+  "purge-gvl-reference-data-button"
+);
+const gvlReferenceMaintenanceStatus = document.getElementById(
+  "gvl-reference-maintenance-status"
+);
+
+document.addEventListener("DOMContentLoaded", () => {
+  purgeGvlReferenceDataButton?.addEventListener("click", async () => {
+    await purgeGvlReferenceData();
+  });
+});
+
+async function purgeGvlReferenceData() {
+  if (!confirm(buildGvlReferenceDataPurgeConfirmationText())) {
+    renderGvlReferenceMaintenanceStatus("Abgebrochen.");
+    return;
+  }
+
+  purgeGvlReferenceDataButton.disabled = true;
+  renderGvlReferenceMaintenanceStatus("GVL-Referenzdaten werden bereinigt...");
+
+  try {
+    const result = await browser.runtime.sendMessage({
+      type: "purge_gvl_reference_data"
+    });
+
+    if (!result?.success) {
+      throw new Error(result?.error ?? "purge_gvl_reference_data_failed");
+    }
+
+    renderGvlReferenceMaintenanceStatus(
+      buildGvlReferenceDataPurgeSuccessMessage(result)
+    );
+  } catch (error) {
+    renderGvlReferenceMaintenanceStatus(
+      "GVL-Referenzdaten konnten nicht bereinigt werden."
+    );
+    console.warn("VG-Observe GVL reference data purge failed", error);
+  } finally {
+    purgeGvlReferenceDataButton.disabled = false;
+  }
+}
+
+function buildGvlReferenceDataPurgeConfirmationText() {
+  return [
+    "GVL-Referenzdaten bereinigen?",
+    "",
+    "Betroffen: GVL-Referenzdaten der Browser-DB.",
+    "Nicht betroffen: Consent-Daten, Request-Beobachtungen, Analyse-Daten.",
+    "",
+    "Diese Aktion entfernt lokale GVL-Referenzdaten aus der Browser-Datenbank."
+  ].join("\n");
+}
+
+function buildGvlReferenceDataPurgeSuccessMessage(result) {
+  const clearedCount = Object.values(result.clearedStores ?? {}).reduce(
+    (total, count) => total + Number(count ?? 0),
+    0
+  );
+
+  return `GVL-Referenzdaten bereinigt: ${clearedCount} Records entfernt.`;
+}
+
+function renderGvlReferenceMaintenanceStatus(message) {
+  gvlReferenceMaintenanceStatus.textContent = message;
+}
@@ -3,32 +3,32 @@
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>VG-Observe GVL-Explorer</title>
+    <title>VG-Observe GVL-Referenz/Vault</title>
    <link rel="stylesheet" href="gvl-explorer.css">
  </head>
  <body>
    <main class="explorer">
      <header class="explorer-header">
-        <a class="back-link" href="../dashboard/dashboard.html">Zurück zum Dashboard</a>
-        <h1>GVL-Explorer</h1>
+        <a class="back-link" href="../dashboard/dashboard.html">Zurück zum Observe-Dashboard</a>
+        <h1>GVL-Referenz/Vault</h1>
        <p class="section-help">
-          Diese Ansicht zeigt lokal gespeicherte offizielle
-          IAB-Europe-Vendorlisten. Sie dient dazu, historische
-          Vendorlisten-Versionen nachvollziehbar zu machen.
+          Die GVL ist Referenzbasis und Evidence-Quelle für reproduzierbare
+          Rekonstruktion. Sie ist nicht das untersuchte Consent-Ereignis
+          selbst; Import, Export und Verifikation sichern den Referenzbestand.
        </p>
      </header>

      <section class="panel" aria-labelledby="snapshot-list-title">
-        <h2 id="snapshot-list-title">Gespeicherte Vendorlisten</h2>
+        <h2 id="snapshot-list-title">GVL-Revisionen im Workspace</h2>
        <div class="fetch-actions">
          <button id="gvl-fetch-official-button" type="button">
-            GVL aus Web laden
+            GVL-Referenz aus Web laden
          </button>
          <button id="gvl-revision-evidence-export-button" type="button">
-            Ausgewählte GVL-Revision exportieren
+            Ausgewählte Revision in den Vault exportieren
          </button>
          <label class="file-action" for="gvl-revision-evidence-verify-input">
-            GVL-Revision-Export verifizieren
+            Vault-Paket verifizieren
          </label>
          <input
            id="gvl-revision-evidence-verify-input"
@@ -37,7 +37,7 @@
            accept="application/json,.json"
          >
          <label class="file-action" for="gvl-revision-evidence-import-input">
-            GVL-Revision-Evidence importieren
+            Revision aus Vault importieren
          </label>
          <input
            id="gvl-revision-evidence-import-input"
@@ -55,7 +55,7 @@
          aria-live="polite"
        ></div>
        <p id="gvl-snapshot-empty" class="empty-state" hidden>
-          Keine gespeicherten offiziellen Vendorlisten vorhanden.
+          Keine gespeicherten GVL-Referenzrevisionen vorhanden.
        </p>
        <div id="gvl-snapshot-content" hidden>
          <div class="snapshot-list-wrap">
@@ -76,10 +76,10 @@
          </div>

          <section class="snapshot-summary" aria-labelledby="snapshot-summary-title">
-            <h2 id="snapshot-summary-title">Ausgewählte Vendorliste</h2>
+            <h2 id="snapshot-summary-title">Ausgewählte GVL-Revision</h2>
            <div class="rebuild-actions">
              <button id="gvl-rebuild-normalized-button" type="button" disabled>
-                Lokale GVL-Daten neu aufbauen (Reparatur)
+                Lokale Referenzdaten neu aufbauen (Reparatur)
              </button>
              <span
                id="gvl-rebuild-normalized-status"
@@ -92,7 +92,7 @@

          <details id="gvl-vendor-overview-details" class="vendor-overview">
            <summary id="gvl-vendor-overview-summary">
-              Vendoren-Übersicht anzeigen
+              Vendoren-Referenz anzeigen
            </summary>
            <p id="gvl-vendor-overview-empty" class="empty-state" hidden>
              Keine normalisierten Vendoren für diese Vendorliste vorhanden.
@@ -123,7 +123,7 @@
      </section>

      <section class="panel" aria-labelledby="vendor-detail-title">
-        <h2 id="vendor-detail-title">Lokaler Vendor-Nachweis</h2>
+        <h2 id="vendor-detail-title">Lokaler Vendor-Referenznachweis</h2>
        <form id="gvl-vendor-detail-form" class="vendor-detail-form">
          <label for="gvl-vendor-id-input">Vendor-ID</label>
          <input
@@ -135,7 +135,7 @@
            placeholder="977"
          >
          <button id="gvl-vendor-detail-button" type="submit">
-            Vendor anzeigen
+            Vendor-Referenz anzeigen
          </button>
        </form>
        <div
@@ -112,7 +112,7 @@ async function fetchOfficialGvl() {
    await renderGvlSnapshots();
    await renderSelectedGvlSnapshotSummary();
  } catch (error) {
-    renderFetchStatus("GVL aus Web konnte nicht geladen werden.");
+    renderFetchStatus("GVL-Referenz aus Web konnte nicht geladen werden.");
    console.warn("VG-Observe manual official GVL fetch failed", error);
  } finally {
    gvlFetchOfficialButton.disabled = false;
@@ -134,20 +134,20 @@ function buildGvlEvidenceConflictMessage(result) {

 function buildGvlSyncStatusMessage(result) {
  if (result?.syncStatus === "new_gvl_revision_stored_and_normalized") {
-    return "GVL aus Web geladen, neue Revision gespeichert und normalisiert.";
+    return "GVL-Referenz aus Web geladen, neue Revision gespeichert und normalisiert.";
  }

  if (result?.syncStatus === "known_gvl_rebuilt_from_local_evidence") {
-    return "GVL aus Web geprüft; bekannte Revision aus lokaler Evidence neu aufgebaut.";
+    return "GVL-Referenz aus Web geprüft; bekannte Revision aus lokaler Evidence neu aufgebaut.";
  }

  if (result?.syncStatus === "current_and_locally_available") {
-    return "GVL aus Web geprüft; aktuelle Revision ist lokal vollständig verfügbar.";
+    return "GVL-Referenz aus Web geprüft; aktuelle Revision ist lokal vollständig verfügbar.";
  }

  return result?.alreadyKnown
-    ? "GVL aus Web geprüft; Revision ist lokal verfügbar."
-    : "GVL aus Web geladen.";
+    ? "GVL-Referenz aus Web geprüft; Revision ist lokal verfügbar."
+    : "GVL-Referenz aus Web geladen.";
 }

 function renderFetchStatus(message) {
@@ -505,7 +505,7 @@ async function rebuildSelectedGvlSnapshotNormalizedData() {
  }

  gvlRebuildNormalizedButton.disabled = true;
-  renderRebuildStatus("Lokale Evidence wird neu normalisiert...");
+  renderRebuildStatus("Lokale Referenzdaten werden neu normalisiert...");

  try {
    const result = await browser.runtime.sendMessage({
@@ -528,7 +528,7 @@ async function rebuildSelectedGvlSnapshotNormalizedData() {
      await renderGvlVendorDetail();
    }
  } catch (error) {
-    renderRebuildStatus("Lokaler Neuaufbau fehlgeschlagen.");
+    renderRebuildStatus("Lokaler Referenz-Neuaufbau fehlgeschlagen.");
    console.warn("VG-Observe GVL normalized rebuild failed", error);
  } finally {
    gvlRebuildNormalizedButton.disabled =
@@ -540,7 +540,7 @@ function buildRebuildSuccessMessage(result) {
  const counts = result.counts ?? {};

  return [
-    "Lokale GVL-Daten neu aufgebaut.",
+    "Lokale Referenzdaten neu aufgebaut.",
    `Vendoren: ${formatCount(counts.vendorCount)}`,
    `Beziehungen: ${formatCount(counts.vendorRelationshipCount)}`
  ].join(" ");
@@ -1025,7 +1025,7 @@ async function renderGvlSnapshots() {
    gvlSnapshotEmpty.hidden = false;
    gvlSnapshotContent.hidden = true;
    gvlSnapshotEmpty.textContent =
-      "Gespeicherte Vendorlisten konnten nicht geladen werden.";
+      "Gespeicherte GVL-Referenzen konnten nicht geladen werden.";
    console.warn("VG-Observe GVL snapshot list failed", error);
  }
 }
@@ -1037,7 +1037,7 @@ function renderNoGvlSnapshots() {
  gvlSnapshotEmpty.hidden = false;
  gvlSnapshotContent.hidden = true;
  gvlSnapshotEmpty.textContent =
-    "Keine gespeicherten offiziellen Vendorlisten vorhanden.";
+    "Keine gespeicherten GVL-Referenzrevisionen vorhanden.";
 }

 function renderGvlSnapshotList() {
@@ -1124,7 +1124,7 @@ async function renderSelectedGvlSnapshotSummary() {
    selectedSnapshotSummary = null;
    updateRebuildActionState(null);
    gvlSnapshotSummary.textContent =
-      "Zusammenfassung dieser Vendorliste konnte nicht geladen werden.";
+      "Zusammenfassung dieser GVL-Revision konnte nicht geladen werden.";
    console.warn("VG-Observe GVL snapshot summary failed", error);
  }
 }
@@ -1156,7 +1156,7 @@ async function renderVendorOverviewForSelectedSnapshot() {
  } catch (error) {
    gvlVendorOverviewEmpty.hidden = false;
    gvlVendorOverviewEmpty.textContent =
-      "Vendoren-Übersicht konnte nicht geladen werden.";
+      "Vendoren-Referenz konnte nicht geladen werden.";
    console.warn("VG-Observe GVL vendor overview failed", error);
  }
 }
@@ -1168,7 +1168,7 @@ function renderVendorOverview() {
    gvlVendorOverviewEmpty.hidden = false;
    gvlVendorOverviewContent.hidden = true;
    gvlVendorOverviewEmpty.textContent =
-      "Keine normalisierten Vendoren für diese Vendorliste vorhanden.";
+      "Keine normalisierten Vendor-Referenzen für diese GVL-Revision vorhanden.";
    return;
  }

@@ -1219,8 +1219,8 @@ function updateVendorOverviewSummary() {
  const count = selectedSnapshotVendors.length;

  gvlVendorOverviewSummary.textContent = count
-    ? `Vendoren-Übersicht anzeigen (${count})`
-    : "Vendoren-Übersicht anzeigen";
+    ? `Vendoren-Referenz anzeigen (${count})`
+    : "Vendoren-Referenz anzeigen";
 }

 function updateRebuildActionState(summary) {
@@ -1234,11 +1234,11 @@ function updateRebuildActionState(summary) {
  }

  if (needsRebuild) {
-    renderRebuildStatus("Reparatur möglich: normalisierte lokale Daten fehlen.");
+    renderRebuildStatus("Reparatur möglich: normalisierte Referenzdaten fehlen.");
    return;
  }

-  renderRebuildStatus("Normalisierte lokale GVL-Daten sind verfügbar.");
+  renderRebuildStatus("Normalisierte lokale Referenzdaten sind verfügbar.");
 }

 function doesSnapshotNeedNormalizedRebuild(summary) {
@@ -176,6 +176,11 @@ button:disabled {
  opacity: 0.65;
 }

+.secondary-workflow {
+  color: #cbd5e1;
+  background: #172033;
+}
+
 .confirm-modal {
  position: fixed;
  inset: 0;
@@ -3,12 +3,12 @@
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>VendorGet-IV</title>
+    <title>VG-Observe Laufzeitsteuerung</title>
    <link rel="stylesheet" href="popup.css">
  </head>
  <body>
    <main class="popup">
-      <h1>VendorGet-IV</h1>
+      <h1>VG-Observe</h1>

      <section class="status" aria-label="Status">
        <div class="status-row">
@@ -29,10 +29,10 @@
        </div>
      </section>

-      <section class="evidence-retention" aria-label="Evidenzdaten">
-        <h2>Evidenzdaten</h2>
+      <section class="evidence-retention" aria-label="Kurzstatus">
+        <h2>Workspace-Kurzstatus</h2>
        <div id="maintenance-warning" class="maintenance-warning" hidden>
-          Aufzeichnung pausiert: Dashboard geöffnet
+          Aufzeichnung pausiert: Observe-Dashboard geöffnet
        </div>
        <dl class="evidence-counts">
          <div>
@@ -61,15 +61,30 @@
          </div>
        </dl>
        <button id="evidence-dashboard-button" type="button">
-          Evidence Dashboard öffnen
+          Observe-Dashboard öffnen
        </button>
-        <button id="evidence-export-json-button" type="button">
+        <button
+          id="evidence-export-json-button"
+          class="secondary-workflow"
+          type="button"
+          hidden
+        >
          Export Evidence JSON
        </button>
-        <button id="evidence-purge-unlocked-button" type="button">
+        <button
+          id="evidence-purge-unlocked-button"
+          class="secondary-workflow"
+          type="button"
+          hidden
+        >
          Ungesperrte Evidence-Daten löschen
        </button>
-        <div id="evidence-export-json-status" class="retention-status" aria-live="polite"></div>
+        <div
+          id="evidence-export-json-status"
+          class="retention-status"
+          aria-live="polite"
+          hidden
+        ></div>
        <div id="evidence-retention-status" class="retention-status" aria-live="polite">
          Status wird geladen
        </div>
@@ -3,16 +3,18 @@
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>VG-Observe Request-Explorer</title>
+    <title>VG-Observe Requests prüfen</title>
    <link rel="stylesheet" href="request-explorer.css">
  </head>
  <body>
    <main class="explorer">
      <header class="explorer-header">
-        <a class="back-link" href="../dashboard/dashboard.html">Zur&uuml;ck zum Dashboard</a>
-        <h1>Request-Explorer</h1>
+        <a class="back-link" href="../dashboard/dashboard.html">Zur&uuml;ck zum Observe-Dashboard</a>
+        <h1>Requests prüfen</h1>
        <p class="section-help">
-          Diese Ansicht zeigt zuletzt technisch beobachtete Requests.
+          Diese Ansicht zeigt sichtbar beobachtete Browser-Requests aus der
+          Laufzeitbeobachtung. Sie dokumentiert technische Vorgänge und nimmt
+          keine rechtliche Bewertung vor.
        </p>
        <dl class="request-overview" aria-label="Geladene Request-Uebersicht">
          <div>
@@ -27,7 +29,7 @@
      </header>

      <section class="panel" aria-labelledby="request-list-title">
-        <h2 id="request-list-title">Zuletzt beobachtete Requests</h2>
+        <h2 id="request-list-title">Technisch beobachtete Requests</h2>
        <p id="request-empty" class="empty-state" hidden>
          Keine beobachteten Requests vorhanden.
        </p>
@@ -35,7 +37,7 @@
          <div id="request-groups" class="request-groups"></div>

          <section class="request-detail" aria-labelledby="request-detail-title">
-            <h2 id="request-detail-title">Ausgew&auml;hlter Request</h2>
+            <h2 id="request-detail-title">Ausgew&auml;hlter beobachteter Request</h2>
            <div id="request-detail-summary"></div>
          </section>
Autor	SHA1	Nachricht	Datum
jensmohr	61a20c424c	Add segmented GVL reference data maintenance	2026-06-10 20:35:27 +02:00
jensmohr	d0dc1978e4	Add data maintenance workspace and danger zone preparation	2026-06-10 20:15:31 +02:00
jensmohr	b89addf362	Consolidate VG-Observe information architecture and workspace navigation	2026-06-10 19:48:28 +02:00