[CallMeTechie]

Die Einstellungen folgen jetzt demselben Seitenmuster wie Einstellungen › Plugins und nutzen dessen Bausteine (pgx-). Umgesetzt nach den freigegebenen Mockups „Einstellungen – Neugestaltung“ (Start, Formular-Seite, Listen-Seite, Seite mit Seitenspalte, Handy).

Was sich ändert

• Menü wie die Plugin-Seitennavigation: ohne Kartenrahmen, Suche „Einstellung suchen“ oben im Menü, „Übersicht“ mit Zähler offener Punkte, Gruppen in Versalien, Pro-Kennzeichen, gelber Punkt bei Handlungsbedarf. Jeder Eintrag ist ein echter Link mit eigener Adresse /settings/<sektion> (aria-current="page"); Umschalten ohne Neuladen (pushState, Zurück/Vor funktioniert), ohne JavaScript normale Links. „Plugins“ führt direkt nach /settings/plugins.
• Alte Adressen bleiben gültig: #sektion, alte Tab-Namen (#backup, #security …), Element-IDs, ?tab=, ?plugin= / ?install=, /settings/<alter Tab> und /settings/uebersicht werden weitergeleitet (Server: settingsTarget in routes/index.js, Browser: followLocation in settings.js). Interne Links (Sicherheits-Check, Dashboard-Probleme, Lizenzhinweis, Benachrichtigungen, Benutzer, Schnellsuche) zeigen auf die neuen Adressen.
• Neue Start-Seite /settings: Seitenkopf mit Statuszeile, „Backup jetzt erstellen“ (mit Lizenz) und „Update ansehen“ nur wenn ein Update im Wartungsfenster wartet; Kacheln Dienste, Domains, Backup, Lizenz; „Braucht deine Aufmerksamkeit“ nur aus vorhandenen Signalen; „Alle Bereiche“ mit dem aktuellen Stand je Eintrag. Die bisherige Sektion „Übersicht“ (Dienste mit Neu starten / Neu laden, Server-Infos) lebt hier weiter. Quelle: neu GET /api/v1/settings/overview (services/settingsOverview.js, nur lesend, liefert Schlüssel statt Texte, jede Quelle einzeln abgesichert; für API-Tokens gesperrt). WireGuard/Caddy fragt die Seite wie bisher über /api/v1/wg/status und /api/v1/caddy/status.
• Einheitlicher Seitenaufbau in allen Sektionen: Seitenkopf (Überschrift, Statuszeile mit echtem Zustand, höchstens Zweit- und Hauptknopf), Kacheln wo sinnvoll (Domains, Backups, Lizenz, Client-Updates), Karten mit Kopf und Aktion rechts im Kopf (nie im Fuß), Zeilen mit fester Bedienspalte (380 px), geänderte Felder markiert („· geändert“), Listen als Zeilen, eine Knopf-Familie, eine Hinweis-Box-Familie. Keine gestrichelten „+ hinzufügen“-Knöpfe mehr: Hinzufügen ist Seiten- oder Kartenaktion und öffnet die Eingabe über der Liste.
• Gleiche Breite wie die Plugin-Seiten (bis 1380 px, linksbündig), nichts mehr zentriert.
• Speichern: überall dieselbe Speicherleiste – auch bei KI-Anbieter (der eigene „Speichern“-Knopf entfällt). Testen, Hinzufügen, Löschen bleiben sofort.
• KI-Anbieter mit Haupt- und Seitenspalte: Anbieter als Zeilen (Standard/Ausweich, Zustand, „Verwalten“ = Schlüssel/Test/Modell im Dialog, Schalter), Plugin-Freigaben als Schalterliste, Allgemein-Karte; Seitenspalte mit Verbrauch, Standard & Ausweich, Datenschutz.
• Client-Richtlinien als Zeilen mit Segmenten und Schaltern (client-policy-form.js, Layout rows; der Peer-Dialog bleibt unverändert), Split-Tunnel als Segment, Lizenz mit Kacheln und kompakter, aufklappbarer Funktionsliste.
• Gefahrenzone bündelt die Gefahrenaktionen: WireGuard stoppen, Aktivitätsprotokoll leeren, Backup wiederherstellen, Lizenz entfernen. Daten und Backups verweisen dorthin.
• Handy (< 900 px): Start ist die Bereichsliste mit Stand, Unterseiten mit „‹ Einstellungen“, Felder untereinander, Speicherleiste unten. Der Plugin-Bereich ist unverändert.
• Gemeinsame Bausteine statt drittem System: die Regeln der Plugin-Bausteine (Knöpfe, Pills, Schalter, Segmente) gelten per gemeinsamem Selektor auch für die Einstellungen; keine neuen Token, die alte Settings-Layout-CSS (st-page, st-nav*, st-layout, st-compact) ist entfernt.
• Texte de/en vollständig; fehlende Umlaute korrigiert („ausgewählte“, „ändern“).

Abweichungen von den Mockups

• „Auf 1.220.2 aktualisieren“: GateControl kennt keine neuere Version, nur „Update wartet auf das Wartungsfenster“ (waiting_window) – der Knopf heißt daher „Update ansehen“ und erscheint nur dann.
• KI: Kosten je Plugin, „Alle erlauben“, „Anbieter hinzufügen“ und Zeitlimit gibt es nicht als Daten/Funktion – weggelassen. Die vier Anbieter sind fest.
• Domains: „DNS-Einträge anzeigen“ bleibt je Domain („Records anzeigen“), „Neu erkennen“ der Server-Adresse gibt es nicht. Die Kachel „Zertifikate“ zeigt die Tage bis zum nächsten Ablauf aus dem TLS-Status.
• Handy-Start: die Suche steht über der Bereichsliste (unter Kacheln und Aufmerksamkeit), damit die Seite im Desktop dieselbe Fokus-Reihenfolge behält; die Aufmerksamkeitsliste bleibt ausgeschrieben statt einer Sammelzeile.
• Server-Adresse und Let’s Encrypt sind zwei Karten (Kontaktadresse und Fehlversuche wie bisher; einen Produktion/Test-Schalter gibt es nicht).

Tests

• Neu tests/settings_pages.test.js: alle Adressen /settings/<sektion> (sichtbare Sektion, aria-current, Breadcrumb), Weiterleitungen alter Adressen, 404, Pi-hole ohne Lizenz, Speicherleiste/Feldzugehörigkeit, Seitenkopf-Aktionen, Gefahrenaktionen, Overview-API und jede Aufmerksamkeits-Quelle (Domains, Server-IP, Update-Marker, Backups, SMTP, Lizenzabhängigkeit, ausfallende Quelle), Texte aller Arten/Zustände in beiden Sprachen.
• Angepasst: aurora_theme, settings_ui, plugins_ui, nav_palette, Lizenz-, Ops-, Notify- und CSS-Tests; Browser-Szenario settings (Adressen, Zurück/Vor, Start-Seite, Speicherleiste je Sektion inkl. KI, „Verwalten“-Dialog, Handy-Liste und Zurück-Link).
• Lokal: npm test grün bis auf zwei Tests, die auch auf master in dieser Umgebung scheitern (Stub-Version der lokalen Abhängigkeiten, signiertes Plugin); alle CI-Browser-Szenarien grün; ESLint (security + no-undef) ohne Fehler.

---

Generated by Claude Code