docs: knowledge aktualisiert — Frontend Iteration 2, Entscheidungen, Visualisierungen

04-architektur: View-JSONs korrigiert, Frontend-Modulstruktur dokumentiert.
05-design-system: Layout von Tektonik-Sidebar auf Tab-basierte SPA aktualisiert.
06-visualisierungen: 4 D3-Vis → 2 D3-Vis + 2 Views, nicht umgesetzte Konzepte.
07-entscheidungen: E-03/11/18/19/20 als geaendert markiert, Tech Schulden Status.
README: Beschreibungen 04 + 06 aktualisiert.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

Author: chpollin

knowledge/04-architektur.md

@@ -28,7 +28,7 @@ docs/data/*.json    → GitHub Pages Frontend
 | reconcile.py | Wikidata-Reconciliation (noch nicht implementiert) | Indizes | Wikidata-IDs |
 | migrate.py | AUGIAS-Export → formatierte Excel (einmalig, abgeschlossen) | AUGIAS-XLSX | Excel |
 
-View-JSONs: `partitur.json`, `matrix.json`, `kosmos.json`, `sankey.json`
+View-JSONs: `archiv.json`, `matrix.json`, `kosmos.json`, `indizes.json`
 
 Details: siehe [`scripts/README.md`](../scripts/README.md)
 
@@ -86,7 +86,43 @@ Mapping: archivsignatur → `rico:identifier`, titel → `rico:title`, entstehun
 
 ## Frontend
 
-Vanilla JS (ES6-Module, kein Framework), D3.js v7 für alle Visualisierungen, Lucide Icons (CDN). Offline-first: alle Daten (~500KB) bei Startup geladen, kein Backend.
+Vanilla JS (ES6-Module, kein Framework), D3.js v7 (CDN) fuer Matrix + Kosmos, Lucide Icons (CDN). Offline-first: alle Daten (~500KB) bei Startup geladen, kein Backend. Kein Build-Tool (Vite aus Iteration 1 entfernt) — direkt auf GitHub Pages.
+
+### 4 Tabs
+
+| Tab | Typ | Datenquelle | Beschreibung |
+|---|---|---|---|
+| **Archiv** | Datengetriebene View | archiv.json | Bestand (Tektonik-Hierarchie) + Chronik (zeitlich-geografisch), Toggle, Inline-Expansion statt Sidebar |
+| **Indizes** | Datengetriebene View | indizes.json | 4-Grid: Personen, Organisationen, Orte, Werke mit Detailansicht |
+| **Matrix** | D3.js Heatmap | matrix.json | Person x 5-Jahres-Periode, Begegnungsintensitaet |
+| **Kosmos** | D3.js Force-Graph | kosmos.json | Radiale Darstellung: Malaniuk → Komponisten → Rollen |
+
+### Modulstruktur
+
+```
+docs/js/
+├── main.js              # Einstiegspunkt, Store-Aufbau, Router
+├── data/
+│   ├── loader.js        # Fetch + JSON-Parse
+│   ├── aggregator.js    # buildStore() — Maps, Indizes, Konvolute
+│   └── constants.js     # DOKUMENTTYP_LABELS, PERSONEN_NORMALISIERUNG
+├── ui/
+│   ├── router.js        # Tab-Wechsel, URL-Hash-State
+│   ├── detail-panel.js  # Slide-in Sidebar (fuer Indizes/Matrix/Kosmos)
+│   ├── stats-bar.js     # Header-Statistik-Chips
+│   └── info-modal.js    # Datenstand-Dialog
+├── views/
+│   ├── archiv.js              # Orchestrator: Toggle, Filter, Sort
+│   ├── archiv-bestand.js      # Tektonik: Fonds → Konvolute → Objekte
+│   ├── archiv-chronik.js      # Zeitlich-geografische Gruppierung
+│   ├── archiv-inline-detail.js # Shared Detail-Komponente
+│   ├── indizes.js             # 4-Grid mit Detailansicht
+│   ├── matrix.js              # D3.js Heatmap
+│   └── kosmos.js              # D3.js Force-Graph
+└── utils/
+    ├── dom.js           # el(), clear(), HTML-Helpers
+    └── format.js        # formatSignatur(), formatDate()
+```
 
 ---
 

knowledge/05-design-system.md

@@ -50,10 +50,14 @@ Primary `#2C2825` · Secondary `#5C5651` · Tertiary `#8A857E`
 
 ## Layout
 
-Zwei-Bereiche-Architektur:
-
-- **ARCHIV:** Tektonik-Sidebar (280px), Card Grid, Detail Modal (720px)
-- **ANALYSE:** 4 D3.js-Visualisierungen, Document Panel (380px), Horizontale Toolbar
+Tab-basierte Single-Page-App mit 4 Tabs:
+
+- **Header:** KUG-Blau, Statistik-Chips (Objekte, Konvolute, Zeitraum, Personen)
+- **Tab-Bar:** Archiv · Indizes · Matrix · Kosmos
+- **Archiv:** Bestand/Chronik-Toggle, Suchleiste + Typfilter + Sortierung, Inline-Expansion (kein Modal/Sidebar)
+- **Indizes:** 4-Grid (Personen, Organisationen, Orte, Werke), Suche + Kategorie-Filter, Detailansicht in Sidebar
+- **Matrix/Kosmos:** D3.js-Visualisierungen mit Slide-in Detail-Panel (420px)
+- **Footer:** KUG Graz · GitHub · Prototyp
 
 Spacing: 8px-Raster. Icons: Lucide (CDN). Accessibility: WCAG 2.1 AA.
 

knowledge/06-visualisierungen.md

@@ -1,31 +1,37 @@
-# Visualisierungen
+# Visualisierungen & Views
 
-> Vier D3.js-basierte Darstellungen, operieren auf vorberechneten View-JSONs.
+> 2 D3.js-Visualisierungen (Matrix, Kosmos) + 2 datengetriebene Views (Archiv, Indizes), operieren auf vorberechneten View-JSONs.
 
 ---
 
 ## Übersicht
 
-| Visualisierung | Dimension | View-JSON | Forschungsfragen |
+| Tab | Typ | View-JSON | Forschungsfragen |
 |---|---|---|---|
-| Mobilitäts-Partitur | Zeit | partitur.json | FF1–FF4 |
-| Begegnungs-Matrix | Netzwerk | matrix.json | FF1, FF3 |
-| Rollen-Kosmos | Repertoire | kosmos.json | FF2 |
-| Karrierefluss | Korrelation | sankey.json | FF2, FF4 |
+| Archiv (Bestand + Chronik) | Datengetriebene View | archiv.json | FF1, FF4 |
+| Indizes | Datengetriebene View | indizes.json | FF1, FF3 |
+| Begegnungs-Matrix | D3.js Heatmap | matrix.json | FF1, FF3 |
+| Rollen-Kosmos | D3.js Force-Graph | kosmos.json | FF2 |
 
 ---
 
-## Mobilitäts-Partitur (Zeit)
+## Archiv (Bestand + Chronik)
 
-6 Spuren auf gemeinsamer Zeitachse:
-1. **Lebensphasen** LP1–LP7 (1919–2009)
-2. **Orte-Swimlane** (Wohnorte oberhalb, Aufführungsorte unterhalb)
-3. **Mobilitäts-Spur** (5 Migrationsereignisse farbkodiert)
-4. **Netzwerk-Aggregation** (Balkendiagramm pro 5-Jahres-Periode)
-5. **Repertoire** (Rollen als Balken nach Komponist)
-6. **Dokumente** (Überlieferungsdichte)
+Zwei umschaltbare Perspektiven auf denselben Datenbestand:
 
-Fokus-Linie als zentrales Navigationsinstrument.
+**Bestand (Tektonik):** Hierarchische Darstellung Fonds → Konvolute → Objekte. Konvolute sind aufklappbar. Jeder Record kann inline expandiert werden (shared `buildInlineDetail()`-Komponente). Suchleiste, Dokumenttyp-Filter, Sortierung (Signatur/Datum/Titel).
+
+**Chronik (Mobilität):** Zeitlich-geografische Gruppierung nach 5-Jahres-Perioden → Orte. Karriere-Notizen pro Periode (z.B. "1945-1949: Graz / Nachkriegszeit"). Records inline expandierbar.
+
+Ersetzt die ursprüngliche Mobilitäts-Partitur (6-Spuren-Zeitachse aus Iteration 1, zu komplex für den aktuellen Datenstand).
+
+---
+
+## Indizes (4-Grid)
+
+Vier durchsuchbare Index-Karten: Personen, Organisationen, Orte, Werke. Jeder Index mit Suchfeld und Kategorie-Filter. Detail-Panel (Sidebar) zeigt verknüpfte Archiv-Records.
+
+Ersetzt den Karrierefluss/Sankey aus Iteration 1.
 
 ---
 
@@ -45,11 +51,13 @@ Radiale Force-Graph. Zentrum: Malaniuk (50px). Mittlere Bahn: Komponisten. Äuß
 
 ---
 
-## Karrierefluss (Korrelation)
+## Nicht umgesetzte Konzepte (Iteration 1)
 
-Alluvial/Sankey: Phase → Repertoire → Ort. Schwächste Visualisierung, redundant mit Partitur und Kosmos.
-
-**Empfehlung Iteration 2:** Ablösung durch Leaflet-Karte (CartoDB Positron).
+| Konzept | Status | Begründung |
+|---|---|---|
+| Mobilitäts-Partitur (6-Spuren-Zeitachse) | Ersetzt durch Archiv-Chronik | Zu komplex, Daten unzureichend für 6 Spuren |
+| Karrierefluss/Sankey (Phase → Repertoire → Ort) | Ersetzt durch Indizes | Redundant mit Partitur und Kosmos |
+| Leaflet-Karte (CartoDB Positron) | Verschoben | Deferred auf spätere Iteration |
 
 ---
 
@@ -66,9 +74,9 @@ Alluvial/Sankey: Phase → Repertoire → Ort. Schwächste Visualisierung, redun
 | FF | Zielerreichung | Hauptlücke |
 |---|---|---|
 | FF1 Vernetzung | 70% | Zeitfilter in Matrix fehlt |
-| FF2 Genre | 90% | Kosmos + Partitur bilden Repertoire ab |
+| FF2 Genre | 90% | Kosmos bildet Repertoire ab |
 | FF3 Wissenstransfer | 60% | Vermittler identifizierbar, Inhalte nicht kodiert |
-| FF4 Mobilität | 85% | Kartendarstellung fehlt |
+| FF4 Mobilität | 85% | Kartendarstellung fehlt, Chronik-View als Zwischenlösung |
 
 ---
 

knowledge/07-entscheidungen.md

@@ -10,24 +10,24 @@
 |---|---|
 | E-01 | Vanilla JS (kein Framework) |
 | E-02 | D3.js v7 für alle Visualisierungen |
-| E-03 | Vite v5 als Build-Tool |
+| E-03 | ~~Vite v5~~ → Iteration 2: Kein Build-Tool, direkte ES6-Module auf GitHub Pages |
 | E-04 | Leaflet + CartoDB (deferred auf Iteration 2) |
 | E-05 | Offline-first (alle Daten bei Startup) |
 | E-06 | Google Sheets als Erfassungstool |
 | E-07 | Wikidata Q-IDs als Normdaten |
 | E-08 | JSON-LD / RiC-O 1.1 als Datenformat |
 | E-09 | Mobilitätsform-Präfix `[mobilität:]` im Anmerkungsfeld |
 | E-10 | Synthetische Daten mit `_meta.synthetic` |
-| E-11 | Vier Visualisierungen (Partitur, Matrix, Kosmos, Karrierefluss) |
+| E-11 | ~~Vier Visualisierungen~~ → Iteration 2: 2 D3-Vis (Matrix, Kosmos) + 2 Views (Archiv, Indizes) |
 | E-12 | Netzwerk-Schwellenwert 3+ für Matrix |
 | E-13 | 5-Jahres-Intervalle in Matrix |
 | E-14 | Komponisten-Farbkodierung |
 | E-15 | 7 Lebensphasen LP1–LP7 |
 | E-16 | Scroll-Morphing im Kosmos |
 | E-17 | Farbe + Linienstil für Mobilitätstypen |
-| E-18 | Zwei-Bereiche-Architektur (Archiv + Analyse) |
-| E-19 | Tektonik-Navigation als Hauptnavigation |
-| E-20 | Side Panel + Modal für Details |
+| E-18 | ~~Zwei-Bereiche~~ → Iteration 2: Tab-basiert (Archiv, Indizes, Matrix, Kosmos) |
+| E-19 | ~~Tektonik-Sidebar~~ → Iteration 2: Bestand/Chronik-Toggle mit Inline-Expansion |
+| E-20 | ~~Modal~~ → Iteration 2: Inline-Expansion (Archiv) + Slide-in Sidebar (Indizes/Matrix/Kosmos) |
 | E-21 | Collapsible Provenienz-Darstellung |
 | E-22 | Gruppierte Verknüpfungen mit Icons |
 | E-23 | Horizontale Toolbar für Visualisierungen |
@@ -40,42 +40,44 @@
 
 | Thema | Priorität | Optionen |
 |---|---|---|
-| Karrierefluss vs. Karte | mittel | Sankey beibehalten oder durch Leaflet-Karte ersetzen |
+| ~~Karrierefluss vs. Karte~~ | erledigt | Beide ersetzt: Sankey → Indizes, Karte weiterhin verschoben |
 | Matrix Zeitfilter UI | hoch | Slider, Dropdown, oder Timeline-Brush |
-| Deep Linking | niedrig | Hash-basiert oder URL-Parameter |
+| ~~Deep Linking~~ | erledigt | Hash-basiert implementiert (router.js) |
+| Wikidata-Reconciliation | hoch | reconcile.py implementieren, Kosmos-View anpassen |
 
 ---
 
-## Technische Schulden (Iteration 1)
+## Technische Schulden (Iteration 1) — Status
 
-- `app.js` monolithisch (1.101 Zeilen)
-- `partitur.js` monolithisch (4.460 Zeilen)
-- Synthetische Daten noch in Frontend-Code praesent (Iteration 1 Artefakt)
-- Kategoriefilter-HTML ohne JS-Binding
-- Kein CSV/JSON-LD-Export aus Archiv-View
-- Inline-CSS in partitur.js
+- ~~`app.js` monolithisch (1.101 Zeilen)~~ → Behoben: 15+ Module (main.js, router.js, loader.js, etc.)
+- ~~`partitur.js` monolithisch (4.460 Zeilen)~~ → Behoben: Partitur durch Archiv-Chronik ersetzt
+- ~~Synthetische Daten noch in Frontend-Code~~ → Behoben: Reale Pipeline-Daten
+- ~~Kategoriefilter-HTML ohne JS-Binding~~ → Behoben: Funktionale Filter in allen Views
+- Kein CSV/JSON-LD-Export aus Archiv-View (offen)
+- ~~Inline-CSS in partitur.js~~ → Behoben: CSS-Klassen in archiv.css
 
 ---
 
 ## Verschobene Features
 
-| Priorität | Feature |
-|---|---|
-| Hoch | Matrix Zeitfilter |
-| Hoch | Matrix Kategoriefilter aktivieren |
-| Hoch | Export CSV/JSON-LD/GEXF |
-| Mittel | Deep Linking |
-| Mittel | Cross-Visualization Linking |
-| Niedrig | Leaflet Karte |
-| Niedrig | Kosmos Scroll-Morphing |
+| Priorität | Feature | Status |
+|---|---|---|
+| Hoch | Matrix Zeitfilter | offen |
+| Hoch | Matrix Kategoriefilter aktivieren | offen |
+| Hoch | Wikidata-Reconciliation (reconcile.py) | offen |
+| Hoch | Export CSV/JSON-LD/GEXF | offen |
+| Mittel | ~~Deep Linking~~ | erledigt (Hash-Router) |
+| Mittel | Cross-Visualization Linking | offen |
+| Niedrig | Leaflet Karte | offen |
+| Niedrig | ~~Kosmos Scroll-Morphing~~ | gestrichen (E-16) |
 
 ---
 
 ## Prozesswissen (Iteration 1)
 
 ### Was funktioniert hat
 
-- Promptotyping-Dokumente als Source of Truth (9 Knowledge-Docs → Code-Generierung)
+- Promptotyping-Dokumente als Source of Truth (12 Knowledge-Docs → Code-Generierung)
 - Synthetische Daten entkoppeln Frontend- von Datenarbeit
 - Design-System als CSS Custom Properties vorab definiert
 - Offline-first überlebt Funding-Gaps

knowledge/README.md

@@ -13,9 +13,9 @@ Stand: 2026-02-20
 | 01 | [Projekt](01-projekt.md) | Projektkern, Forschungsfragen, Mobilitätstypen, Meilensteine |
 | 02 | [Quellenbestand](02-quellenbestand.md) | 282 Objekte, Konvolute, Verknüpfungen, Datenqualität |
 | 03 | [Datenmodell](03-datenmodell.md) | Dreischichtenmodell v2.5, Konvolut-Hierarchie, Vokabulare, String-Matching |
-| 04 | [Architektur](04-architektur.md) | Pipeline (5 Python-Scripts), Normalisierung, JSON-LD/RiC-O, CI/CD |
+| 04 | [Architektur](04-architektur.md) | Pipeline (5 Python-Scripts), Frontend (4 Tabs, 15+ Module), JSON-LD/RiC-O, CI/CD |
 | 05 | [Design-System](05-design-system.md) | Scholarly Elegance, Farbsystem, Typografie, Layout |
-| 06 | [Visualisierungen](06-visualisierungen.md) | 4 D3.js-Vis, Forschungshypothesen, Evaluation |
+| 06 | [Visualisierungen](06-visualisierungen.md) | 2 D3.js-Vis (Matrix, Kosmos) + 2 Views (Archiv, Indizes), Forschungshypothesen |
 | 07 | [Entscheidungen](07-entscheidungen.md) | 25 finale + 3 offene Entscheidungen, Tech Schulden, Prozesswissen |
 | 08 | [RiC-O Referenz](08-ric-o.md) | RiC-O 1.1 Ontologie, Klassenhierarchie, Properties, M3GIM-Mapping |
 | 09 | [m3gim-Ontologie](09-m3gim-ontology.md) | Projekteigene RiC-O-Erweiterung, MusicalWork, Rollen, Dokumenttypen |