docs: aktualisiere alle MD-Dateien auf v1.8

- README.md: Etappe 7/8 hinzugefügt, Roadmap aktualisiert
- KONZEPT.md: Feature-Status aktualisiert
- ROADMAP.md: Etappe 7 (Dark Mode) und 8 (SoC) hinzugefügt
- SAVEPOINT.md: v1.8 mit Dark Mode und SoC-Planung
- ARCANE-VM-SETUP.md: Rippy Features hinzugefügt
- ARCAN-FIX.md: Status 21.07.2026 aktualisiert
- ARCAN-PROJECTS-DIR.md: Status hinzugefügt
- ARCANE-DOCKER-COMPOSE-FIX.md: Status aktualisiert
- ARCAN-INTEGRATION.md: Status hinzugefügt
- AGENTS.md: Aktueller Stand und nächste Etappe
- Commit: 9be0592

AGENTS.md

@@ -32,3 +32,10 @@
 - Kein Code direkt im Host-OS.
 - Kein Proxmox-LXC-Nesting-Workaround — das Projekt lebt bewusst in normalem Docker.
 - Kein ARM-Fork — Rippy ist ein Eigenbau von Grund auf.
+
+## Aktueller Stand (21.07.2026)
+
+- ✅ **Etappe 8 abgeschlossen:** Dark Mode mit Theme-Toggle, React-UI mit TailwindCSS
+- ✅ **Git Sync:** Arcane VM (192.168.178.162) mit Git Repository konfiguriert
+- ✅ **Savepoint v1.8:** Separation of Concerns geplant, Dark Mode implementiert
+- 📝 **Nächste Etappe:** SoC-Refactoring (Theme-Context auslagern)

ARCAN-FIX.md

@@ -22,3 +22,10 @@ docker compose up -d
 ```
 
 Ich bereite das Skript vor:
+
+## Status (21.07.2026)
+
+- ✅ Doppelte Arcane-Einträge behoben (`rippy` statt `Rippy`)
+- ✅ Git Sync in Arcane konfiguriert
+- ✅ DB-Update mit korrekter `project_id` und `project_name`
+- ✅ Commit `43dfce5` — Dark Mode Implementation

ARCAN-INTEGRATION.md

@@ -36,3 +36,12 @@ Ich schlage **Option A (SSH)** vor:
 3. Arcane WebUI → ich erstelle ein Zip-Package
 
 Und: **Wo genau** sollen die Dateien auf LXC 106 hin? (Pfad angeben) 
+
+---
+
+## Status (21.07.2026)
+
+- ✅ Git Sync in Arcane konfiguriert
+- ✅ Rippy läuft über Arcane auf VM 192.168.178.162
+- ✅ Dark Mode implementiert
+- ✅ Einstellungen mit Tab-Struktur

ARCAN-PROJECTS-DIR.md

@@ -54,3 +54,9 @@ Oder wenn du Arcane's Standard nutzt:
 ```
 /app/data/projects/rippy
 ```
+
+## Status (21.07.2026)
+
+- ✅ Arcane Projects Directory konfiguriert auf `/app/data/projects`
+- ✅ Rippy Git Sync funktioniert
+- ✅ Doppelte Einträge in DB behoben

ARCANE-DOCKER-COMPOSE-FIX.md

@@ -39,3 +39,11 @@ Gehe zu Settings → General und prüfe, ob `/app/data/projects` eingestellt ist
 ### Schritt 5: Git Sync erneut starten
 
 Rippy Project importieren und deployen.
+
+## Status (21.07.2026)
+
+- ✅ Arcane Docker Compose konfiguriert
+- ✅ PROJECTS_DIRECTORY=/app/data/projects
+- ✅ Git Sync funktioniert
+- ✅ Doppelte Einträge behoben
+- ✅ Dark Mode implementiert

ARCANE-VM-SETUP.md

@@ -5,6 +5,9 @@
 - **Arcane:** Erreichbar unter http://192.168.178.162:3552
 - **Docker:** Installiert und läuft
 - **Projects Directory:** /home/arcane/projects
+- **Rippy UI:** http://192.168.178.162:80
+- **Rippy API:** http://192.168.178.162:8000
+- **Git Sync:** Konfiguriert und funktioniert
 
 ## Nächste Schritte in Arcane
 
@@ -47,3 +50,9 @@ volumes:
 ```
 
 ## Status: Arcane läuft, Rippy Import bereit
+
+## Rippy Features
+- ✅ Dark Mode mit Theme-Toggle
+- ✅ React UI mit TailwindCSS
+- ✅ Einstellungen mit Tab-Struktur
+- ✅ Sidebar Navigation

README.md

@@ -101,7 +101,9 @@ docker compose up -d
 - [x] Etappe 4: Jellyfin-Formatierung
 - [x] Etappe 5: API + Auth + WebUI
 - [x] Etappe 6: Sicherheit + Compliance
-- [ ] Etappe 7: Proxmox-Integration
+- [x] Etappe 7: API UI Modernisiert
+- [x] Etappe 8: Dark Mode & Separation of Concerns
+- [ ] Etappe 9: Proxmox-Integration
 
 ---
 

ROADMAP.md

@@ -142,21 +142,46 @@
 
 ---
 
-## Etappe 7: Proxmox-Integration + Dokumentation
+## Etappe 7: API UI Modernisiert
 
-**Ziel:** Ein-Click-Deploy auf Proxmox LXC.
+**Ziel:** Modernes React-UI mit Dark Mode Support.
 
 **Was gebaut wird:**
-- Proxmox LXC Template (Debian 12 Slim)
+- React UI mit TailwindCSS
-- Ansible Playbooks für die Installation
+- Sidebar Navigation
-- Dokumentation: Installation, Konfiguration, Troubleshooting
+- Einstellungen mit Tab-Struktur
-- Beispiel `docker-compose.yml` mit allen Umgebungsvariablen
+- Dark Mode mit Theme-Toggle und localStorage persistence
-- Makefile für lokale Entwicklung
+- Status-Badges und StatCards mit Dark Mode Support
 
 **Fertig wenn:**
-- Ein neuer Container ist in 5 Minuten bereit
+- UI mit Dark Mode läuft
-- `make up` startet alles lokal für Entwicklung
+- Navigation und Einstellungen funktionieren
-- Dokumentation ist vollständig und verständlich
+- Commit `43dfce5` — Dark Mode Implementation
+
+**Status:** Abgeschlossen
+
+---
+
+## Etappe 8: Separation of Concerns
+
+**Ziel:** Code-Qualität durch saubere Trennung.
+
+**Was gebaut wird:**
+- Theme-Context aus App.tsx auslagern
+- Dark Mode Utility für CSS-Klassen
+- Theme props in Komponenten verstecken
+- Tailwind-Config zentralisieren
+
+**Fertig wenn:**
+- Theme-Logik in eigenem Context
+- Wiederverwendbare Dark Mode Helper
+- Saubere Komponenten-Struktur
+
+---
+
+## Etappe 9: Proxmox-Integration
+
+**Ziel:** Ein-Click-Deploy auf Proxmox LXC.
 
 ---