From b89addf362060e9f2de83aa145b6070a72a11f2b Mon Sep 17 00:00:00 2001 From: jensmohr Date: Wed, 10 Jun 2026 19:48:28 +0200 Subject: [PATCH] Consolidate VG-Observe information architecture and workspace navigation --- .../analysis-dashboard.html | 27 +++--- src/consent-explorer/consent-explorer.html | 14 +-- src/dashboard/dashboard.css | 32 +++++-- src/dashboard/dashboard.html | 85 +++++++++++-------- src/dashboard/dashboard.js | 4 +- src/gvl-explorer/gvl-explorer.html | 34 ++++---- src/gvl-explorer/gvl-explorer.js | 36 ++++---- src/popup/popup.css | 5 ++ src/popup/popup.html | 33 +++++-- src/request-explorer/request-explorer.html | 14 +-- 10 files changed, 169 insertions(+), 115 deletions(-) diff --git a/src/analysis-dashboard/analysis-dashboard.html b/src/analysis-dashboard/analysis-dashboard.html index 3c1fcc0..46cd87c 100644 --- a/src/analysis-dashboard/analysis-dashboard.html +++ b/src/analysis-dashboard/analysis-dashboard.html @@ -3,19 +3,18 @@ - VG-Observe Analyse-Dashboard + VG-Observe Analyse-Vorbereitung
- Zurück zum Dashboard -

Analyse-Dashboard

+ Zurück zum Observe-Dashboard +

Analyse-Vorbereitung

- 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.

Lade Datenbestände @@ -34,11 +33,11 @@
-
-
Lokal gespeicherte Vendorlisten
+
Lokal gespeicherte GVL-Referenzen
-
-
Lokal aktuelle Vendorlisten-Version
+
Lokal aktuelle GVL-Referenzversion
-
@@ -49,23 +48,23 @@
-

Vorbereitete Analysebereiche

+

Vorbereitete Prüffelder

Consent ↔ Vendorliste

-

Analyse noch nicht ausgeführt.

+

Vorbereitung vorhanden, keine Analyse ausgeführt.

Consent ↔ beobachtete Requests

-

Analyse noch nicht ausgeführt.

+

Vorbereitung vorhanden, keine Analyse ausgeführt.

Request-Hosts ↔ bekannte Vendoren

-

Keine erkennbare Zuordnung berechnet. Analyse noch nicht ausgeführt.

+

Keine Zuordnung berechnet. Vorbereitung vorhanden, keine Analyse ausgeführt.

Potenziell erklärungsbedürftige technische Diskrepanzen

-

Keine Bewertung vorgenommen. Analyse noch nicht ausgeführt.

+

Keine Bewertung vorgenommen. Vorbereitung vorhanden, keine Analyse ausgeführt.

diff --git a/src/consent-explorer/consent-explorer.html b/src/consent-explorer/consent-explorer.html index 1d0b5fb..9837215 100644 --- a/src/consent-explorer/consent-explorer.html +++ b/src/consent-explorer/consent-explorer.html @@ -3,23 +3,23 @@ - VG-Observe Consent-Explorer + VG-Observe Consent untersuchen
- Zurück zum Dashboard -

Dokumentierte Consent-Zustände

+ Zurück zum Observe-Dashboard +

Consent untersuchen

- 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.

- + diff --git a/src/dashboard/dashboard.css b/src/dashboard/dashboard.css index de60759..77236e0 100644 --- a/src/dashboard/dashboard.css +++ b/src/dashboard/dashboard.css @@ -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; } } diff --git a/src/dashboard/dashboard.html b/src/dashboard/dashboard.html index 30c0e1b..9268b8e 100644 --- a/src/dashboard/dashboard.html +++ b/src/dashboard/dashboard.html @@ -1,26 +1,30 @@ - + - VendorGet-IV Evidence Dashboard + VG-Observe Dashboard
-

VendorGet-IV Evidence Dashboard

+

VG-Observe Dashboard

- Loading evidence status + Lade lokalen Beobachtungsstatus

- Ü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.

-

Evidence Stores

+

Lokaler Evidence-Bestand

+

+ Bestandsübersicht der lokal gespeicherten Beobachtungen und + Referenzdaten. Die Zahlen sind Inventar, keine Bewertung. +

@@ -53,13 +57,47 @@
-
-

Offizielle Vendorliste

+
+

Arbeitsbereiche

- 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. +

+
+ + Consent untersuchen + Zentrale Ansicht für dokumentierte Consent-Zustände. + + + Requests prüfen + Technisch beobachtete Browser-Requests ohne Bewertung. + + + GVL-Referenz/Vault + Vendorlisten, Revision-Evidence und Vault-Transport. + + + Analyse-Vorbereitung + Datenbestände und vorbereitete Prüffelder, keine Engine. + + +
+
+ +
+

GVL-Referenzstatus

+

+ Die GVL ist Referenzbasis für spätere Rekonstruktion. Dieser Status + zeigt nur den lokalen Referenzbestand und letzte Update-Hinweise.

@@ -89,27 +127,6 @@
-
-

Explorer

-

- Historische Consent-Zustände und technische Belege werden in einer - eigenen Ansicht geöffnet. -

- -
diff --git a/src/dashboard/dashboard.js b/src/dashboard/dashboard.js index 89d403e..07f5c7d 100644 --- a/src/dashboard/dashboard.js +++ b/src/dashboard/dashboard.js @@ -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); } } diff --git a/src/gvl-explorer/gvl-explorer.html b/src/gvl-explorer/gvl-explorer.html index fecfd4d..73d5dda 100644 --- a/src/gvl-explorer/gvl-explorer.html +++ b/src/gvl-explorer/gvl-explorer.html @@ -3,32 +3,32 @@ - VG-Observe GVL-Explorer + VG-Observe GVL-Referenz/Vault
- Zurück zum Dashboard -

GVL-Explorer

+ Zurück zum Observe-Dashboard +

GVL-Referenz/Vault

- 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.

-

Gespeicherte Vendorlisten

+

GVL-Revisionen im Workspace