Merge branch 'phase/010-export'

feat(export): CSV- und PDF-Ausgaben fuer Hosts, Kunden und Rechnungen (#010 )
PDFs entstehen serverseitig mit @react-pdf/renderer, mit einfarbigem Logo, wiederholtem Spaltenkopf und Summenzeile. Alle Exporte uebernehmen die Filter der jeweiligen Ansicht. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
2026-09-17 22:12:58 +02:00 · 2026-09-17 22:12:58 +02:00 · 2026-09-17 21:57:09 +02:00 · 2026-09-17 21:57:09 +02:00 · 2026-09-17 21:54:45 +02:00 · 2026-09-17 21:54:45 +02:00
85 changed files with 7114 additions and 863 deletions
@@ -12,5 +12,13 @@ ADMIN_PASSWORD="bitte-aendern"
 # Öffentlich erreichbare Adresse des Dashboards (für install.sh und E-Mails)
 APP_URL="http://localhost:3000"

+# Ablage für hochgeladene Rechnungs-PDFs
+UPLOAD_DIR="./data/uploads"
+
 # Demo-Daten beim Seed anlegen (1 = ja)
 SEED_DEMO="0"
+
+# Abgleich der Issue-Dateien mit dem Gitea-Tracker (npm run issues:sync)
+GITEA_URL="https://git.example.de"
+GITEA_REPO="benutzer/ProxLedger"
+GITEA_TOKEN=""
@@ -17,6 +17,66 @@ und dieses Projekt folgt [Semantic Versioning](https://semver.org/lang/de/).

 ### Sicherheit

+## [0.6.0] – 2026-09-17
+
+### Hinzugefügt
+- Jahresbahn mit zwölf Monaten, Heute-Linie und Gruppierung nach Kunde, aus echten Daten (#009)
+- Ablauf-Kalender für die nächsten 90 Tage samt Rechnungsstatus und eine Übersicht bereits abgelaufener Subscriptions (#009)
+- CSV-Export für Kundenübersicht und Rechnungsliste, PDF-Export für Hosts, Kunden und Rechnungen (#010)
+- Kundenunterlage als PDF: Hosts, Laufzeiten, Summen pro Jahr und Marge eines Kunden (#010)
+
+### Geändert
+- Die Oberfläche arbeitet vollständig mit der Datenbank; Beispieldaten dienen nur noch dem Seed (#009)
+
+## [0.5.0] – 2026-09-17
+
+### Hinzugefügt
+- Laufzeit-Vorschläge der Agents bestätigen oder verwerfen (#008)
+- Proxmox- und Kundenrechnungen erfassen; gleiche Rechnungsnummer fasst mehrere Laufzeiten zu einer Sammelrechnung zusammen (#008)
+- PDF-Upload für beide Rechnungsarten mit Prüfung des Dateiinhalts und Ablage unter der Prüfsumme (#008)
+- Rechnungsübersicht mit Häkchen „bezahlt“ und „erstellt“ direkt in der Zeile, Filter nach Status, Kunde, Jahr und Suchbegriff (#008)
+- Detailseite je Laufzeit mit Beträgen, Marge und Übersicht der Sammelrechnung (#008)
+- Laufzeiten lassen sich von Hand anlegen (#008)
+
+### Geändert
+- Die Aufgabenliste auf dem Dashboard setzt beim Abhaken den Rechnungsstatus in der Datenbank (#008)
+
+## [0.4.2] – 2026-09-17
+
+### Geändert
+- Der Issue-Abgleich holt Serveradresse und Repository aus dem Git-Remote und den Token aus den hinterlegten Git-Zugangsdaten; ein zweiter Token in der `.env` ist nicht mehr nötig (#020)
+
+## [0.4.1] – 2026-09-17
+
+### Hinzugefügt
+- Abgleich der Issue-Dateien mit dem Gitea-Tracker über `npm run issues:sync`, inklusive Labels, Meilensteinen und Trockenlauf (#020)
+
+## [0.4.0] – 2026-09-17
+
+### Hinzugefügt
+- Host-Tabelle mit Suche über Hostname, FQDN, Key, Server-ID, IP, Kunde und Rechnungsnummer (#007)
+- Filter nach Kunde, Status, Produkt, Ablauffrist und offenen Rechnungspunkten; Sortierung und Seitenblättern (#007)
+- CSV-Export der Host-Liste unter Berücksichtigung der aktiven Filter (#007)
+- Host-Detailansicht mit Übersicht, Subscription-Historie, Reports, Rechnungen, Notizen mit Tags und Tokens (#007)
+- Kunde eines Hosts direkt in der Detailansicht ändern (#007)
+
+### Geändert
+- Host-Tabelle und Host-Detail arbeiten mit echten Daten statt Beispieldaten (#007)
+
+## [0.3.0] – 2026-09-17
+
+### Hinzugefügt
+- Kunden anlegen, bearbeiten und löschen; Standorte je Kunde verwalten (#006)
+- Seite „Nicht zugeordnete Hosts“ mit Mehrfachauswahl und Zuweisung in einem Schritt (#006)
+- Enrollment-Tokens erzeugen (mit Gültigkeit, Nutzungsgrenze und optionaler Kundenbindung), anzeigen und widerrufen; Host-Tokens widerrufen (#006)
+- Audit-Log-Einträge für alle Änderungen an Kunden, Standorten, Zuweisungen und Tokens (#006)
+
+### Geändert
+- Dashboard, Kundenübersicht, Kunden-Detail und globale Suche arbeiten mit echten Daten statt Beispieldaten (#006)
+
+### Behoben
+- Prisma-Client öffnete in der Produktionsumgebung bei jedem Zugriff einen neuen Verbindungspool (#006)
+
 ## [0.2.0] – 2026-09-17

 ### Hinzugefügt
@@ -2,7 +2,7 @@

 ## Zeitübersicht

-**Gesamt:** 1 h 38 min
+**Gesamt:** 3 h 58 min

 | Issue | Zeit |
 |---|---|
@@ -11,17 +11,29 @@
 | #003 Datenmodell und Migrationen | 0 h 25 min |
 | #004 Agent-API | 0 h 20 min |
 | #005 Agent-Skript | 0 h 25 min |
+| #006 Kunden und Hostzuweisung | 0 h 35 min |
+| #007 Host-Tabelle und Detailansichten | 0 h 25 min |
+| #020 Issues nach Gitea übertragen | 0 h 20 min |
+| #008 Laufzeiten und Rechnungen | 0 h 35 min |
+| #009 Jahresbahn und Ablauf-Kalender | 0 h 15 min |
+| #010 Export CSV und PDF | 0 h 20 min |

 | Meilenstein | Zeit |
 |---|---|
 | v0.1.0 | 1 h 13 min | **abgeschlossen**
 | v0.2.0 | 0 h 25 min | **abgeschlossen**
+| v0.3.0 | 0 h 35 min | **abgeschlossen**
+| v0.4.0 | 0 h 25 min | **abgeschlossen**
+| v0.4.1 | 0 h 10 min | **abgeschlossen**
+| v0.4.2 | 0 h 10 min | **abgeschlossen**
+| v0.5.0 | 0 h 35 min | **abgeschlossen**
+| v0.6.0 | 0 h 35 min | **abgeschlossen**

 ---

 ## 2026-09-17 · Sitzung 1 · 19:36–laufend
-**Issue:** #001–#005 (Meilensteine v0.1.0 und v0.2.0)
-**Version:** 0.2.0
+**Issue:** #001–#007 (Meilensteine v0.1.0 bis v0.4.0)
+**Version:** 0.6.0

 ### Erledigt
 - Auftrag gelesen, Rückfragen gestellt
@@ -36,8 +48,24 @@
 - Meilenstein v0.1.0 abgeschlossen und getaggt
 - #005 abgeschlossen: Bash-Agent mit Produkterkennung, JSON ohne jq, Retry mit Backoff, Spool, systemd-Timer, Installer, Uninstall und Update; Dashboard liefert `/install.sh` und `/agent.sh` aus
 - Meilenstein v0.2.0 abgeschlossen und getaggt; 38 Tests
+- #006 abgeschlossen: Kunden und Standorte pflegen, Mehrfachzuweisung nicht zugeordneter Hosts, Enrollment- und Host-Tokens verwalten, Audit-Log; Dashboard, Kundenseiten und globale Suche laufen auf der Datenbank
+- Durchlauf gegen den laufenden Server geprüft: Token anlegen → `enroll` → Agent-Report → Laufzeit-Vorschlag → Host erscheint als „nicht zugeordnet“ → `ping`
+- Meilenstein v0.3.0 abgeschlossen und getaggt; 45 Tests
+- Issues #017 bis #019 aus bisherigen Notizen angelegt (Favicons, Feldtest des Agents, CI-Pipeline)
+- #007 abgeschlossen: Host-Tabelle mit Suche, fünf Filtern, Sortierung, Seitenblättern und CSV-Export; Host-Detail mit sechs Tabs, Notizen, Tags, Kundenzuweisung und Token-Widerruf
+- Meilenstein v0.4.0 abgeschlossen und getaggt; 59 Tests
+- #020 abgeschlossen: Abgleichskript für den Gitea-Issue-Tracker (Missverständnis geklärt – die Issues lagen bisher nur als Dateien im Repo, nicht im Tracker)
+- Token kommt aus den Git-Zugangsdaten statt aus einer zweiten Stelle; 20 Issues, 15 Labels und 13 Meilensteine in Gitea angelegt
+- Alles nach Gitea gepusht: main bei 51243c2, Tags v0.1.0 bis v0.4.1
+- #008 abgeschlossen: Laufzeit-Vorschläge bestätigen oder verwerfen, Rechnungen mit Positionen erfassen, PDF-Upload, Häkchen direkt in der Tabelle, Filter nach Status, Kunde und Jahr; Aufgabenliste auf dem Dashboard setzt jetzt echte Status
+- Meilenstein v0.5.0 abgeschlossen; 78 Tests
+- #009 abgeschlossen: Jahresbahn und Ablauf-Kalender (90 Tage) aus der Datenbank, dazu eine Karte für bereits abgelaufene Subscriptions; die Oberfläche nutzt keine Beispieldaten mehr
+- #010 abgeschlossen: CSV- und PDF-Export für Hosts, Kunden, einzelne Kundenunterlage und Rechnungsliste; PDFs serverseitig ohne Browser
+- Meilenstein v0.6.0 abgeschlossen

 ### Entscheidungen
+- **Rechnungsnummer als Schlüssel für Sammelrechnungen:** Dieselbe Nummer bei einer zweiten Laufzeit hängt eine Position an – kein eigener Dialog für „Sammelrechnung anlegen“ nötig.
+- **PDF-Prüfung am Dateianfang** statt am gemeldeten Typ; abgelegt wird unter der Prüfsumme, gleiche Datei also nur einmal.
 - **Screenshots mit Firefox headless** statt Playwright: Firefox ist vorhanden, es muss kein Browser samt Systembibliotheken nachinstalliert werden (dafür wäre root nötig).
 - **Kennzahlen werden berechnet, nicht hinterlegt:** auch im Prototyp kommen alle Zahlen aus den Beispieldaten, damit Tabellen und Kacheln nie widersprüchlich sind.
 - **AdminLTE 4.9.1 nur als CSS:** stabil, Bootstrap 5.3.8, kein jQuery; die JS-Plugins manipulieren das DOM und werden daher als React-Komponenten nachgebaut.
@@ -51,12 +79,15 @@
 - **Prisma-Client wird lazy erzeugt** (Proxy), damit `next build` ohne gesetzte `DATABASE_URL` durchläuft.
 - **Report-Idempotenz über eine vom Agent erzeugte `reportId`**: nachgesendete Reports aus dem Spool dürfen beliebig oft ankommen.
 - **Unbekannte Subscription-Status werden zu `UNKNOWN`** statt abgelehnt – ein Report darf nie an einem neuen Statuswort scheitern.
+- **Dashboard gleich mit auf die Datenbank umgestellt** (eigentlich #009): Eine frisch zugewiesene Zuordnung hätte dort sonst weiter als „nicht zugeordnet“ gestanden.
+- **Server Actions rufen Services auf**, damit die Regeln ohne Next.js-Laufzeit testbar bleiben.

 ### Probleme / offene Fragen
+- Prisma-Client erzeugte in der Produktionsumgebung bei jedem Zugriff einen neuen Verbindungspool → „too many clients“. Behoben: Client wird im Modul festgehalten.
 - Docker wurde von Florian installiert; die Entwicklungsdatenbank läuft auf Port 5433 (5432 bleibt für lokale Instanzen frei).
 - Favicon-Dateien (.ico/PNG) fehlen noch, weil kein SVG-Konverter installiert ist.
 - Der Agent wurde noch auf keinem echten Proxmox-Host installiert; die Tests arbeiten mit nachgebauten Befehlen.
 - Offen: Rolle „readonly“ zusätzlich zu Admin? (vorläufig vorgesehen)

 ### Nächster Schritt
- #006 Kunden, Standorte und Hostzuweisung (erste Oberfläche mit echten Daten)
+- #011 Warnregeln mit Worker und konfigurierbaren Schwellwerten
@@ -45,6 +45,36 @@ Protokoll: `journalctl -t proxledger`. Ist das Dashboard nicht erreichbar, versu
 wachsendem Abstand und legt den Report danach unter `/var/lib/proxledger/spool/` ab; beim nächsten Lauf wird er
 nachgesendet.

+## Exporte
+
+| Ansicht | CSV | PDF |
+|---|---|---|
+| Hosts | `/hosts/export` | `/hosts/export?format=pdf` |
+| Kunden | `/kunden/export` | `/kunden/export?format=pdf` |
+| Einzelner Kunde | – | `/kunden/<id>/export` (Anlage für Kundenunterlagen) |
+| Rechnungen | `/rechnungen/export` | `/rechnungen/export?format=pdf` |
+
+Alle Exporte übernehmen die Filter der jeweiligen Ansicht. CSV kommt als UTF-8 mit BOM und Semikolon,
+öffnet sich also ohne Umwege in Excel.
+
+## Issues nach Gitea übertragen
+
+Die Issues werden als Markdown-Dateien in `docs/issues/` gepflegt – sie liegen damit im Repo und wandern mit
+jedem Klon mit. Wer sie zusätzlich im Gitea-Tracker haben möchte, gleicht sie ab:
+
+```bash
+npm run issues:sync -- --dry-run    # zeigt nur, was passieren würde
+npm run issues:sync                 # echter Abgleich
+```
+
+Serveradresse und Repository liest das Skript aus dem Git-Remote, den Token aus den hinterlegten
+Git-Zugangsdaten (Schlüsselbund oder `~/.git-credentials`) – derselbe Token wie fürs Pushen, er braucht
+zusätzlich das Recht `issue:write`. Wer beides trennen möchte, setzt `GITEA_URL`, `GITEA_REPO` und
+`GITEA_TOKEN` in der `.env`.
+
+Der Abgleich legt Labels und Meilensteine an, erkennt vorhandene Issues an der Nummer im Titel,
+aktualisiert sie und schließt erledigte. Ein zweiter Lauf erzeugt keine Dubletten.
+
 ## Dokumentation

 - [Architektur- und Umsetzungsplan](docs/architektur.md)
@@ -1,27 +1,34 @@
 # #006 Kunden, Standorte und Hostzuweisung
-**Status:** offen
+**Status:** erledigt
 **Meilenstein:** v0.3.0
 **Labels:** ui, backend
-**Geschätzt:** 6 h   **Tatsächlich:** –
+**Geschätzt:** 6 h   **Tatsächlich:** 0 h 35 min

 ## Ziel
 Kunden und Standorte pflegen, neu registrierte Hosts schnell Kunden zuweisen und Enrollment-Tokens verwalten.

 ## Aufgaben
- [ ] Kunden anlegen/bearbeiten/löschen (Name, Kundennummer, Ansprechpartner, E-Mail, Notizen)
- [ ] Standorte je Kunde
- [ ] Seite „Nicht zugeordnete Hosts“ mit Mehrfachauswahl und Schnellzuweisung (Kunde + Standort)
- [ ] Callout auf dem Dashboard, solange nicht zugeordnete Hosts existieren
- [ ] Enrollment-Tokens: erzeugen (Ablauf, max. Nutzungen, optional Kunde/Standort), anzeigen (einmalig), widerrufen; Install-One-Liner zum Kopieren
- [ ] Host-Tokens widerrufen
- [ ] Audit-Log-Einträge für alle Änderungen
+- [x] Kunden anlegen/bearbeiten/löschen (Name, Kundennummer, Ansprechpartner, E-Mail, Notizen)
+- [x] Standorte je Kunde
+- [x] Seite „Nicht zugeordnete Hosts“ mit Mehrfachauswahl und Schnellzuweisung (Kunde + Standort)
+- [x] Callout auf dem Dashboard, solange nicht zugeordnete Hosts existieren
+- [x] Enrollment-Tokens: erzeugen (Ablauf, max. Nutzungen, optional Kunde/Standort), anzeigen (einmalig), widerrufen; Install-One-Liner zum Kopieren
+- [x] Host-Tokens widerrufen
+- [x] Audit-Log-Einträge für alle Änderungen

 ## Akzeptanzkriterien
- [ ] Mehrere Hosts lassen sich in einem Schritt zuweisen
- [ ] Mit kundengebundenem Enrollment-Token registrierte Hosts sind sofort zugeordnet
- [ ] Widerrufener Token wird von der Agent-API abgewiesen
+- [x] Mehrere Hosts lassen sich in einem Schritt zuweisen
+- [x] Mit kundengebundenem Enrollment-Token registrierte Hosts sind sofort zugeordnet
+- [x] Widerrufener Token wird von der Agent-API abgewiesen

 ## Abhängigkeiten
 #002, #004

 ## Notizen / Entscheidungen
+- Das Dashboard wurde gleich mit auf die Datenbank umgestellt (eigentlich #009). Sonst hätte eine gerade
+  vorgenommene Zuweisung dort weiter als „nicht zugeordnet“ gestanden – ein irreführender Zwischenzustand.
+- Die Zuweisungslogik liegt als Service (`src/server/services/zuweisung.ts`) neben der Server Action,
+  damit sie ohne Next.js-Laufzeit testbar ist.
+- Alle Dashboard-Seiten rendern dynamisch (`force-dynamic`); beim Vorrendern öffnete sonst jeder Build-Worker
+  eigene Datenbankverbindungen und der Build brach mit „TooManyConnections“ ab.
+- Noch auf Beispieldaten: Host-Tabelle, Host-Detail, Rechnungen und Jahresbahn (folgen in #007 bis #009).
@@ -1,25 +1,33 @@
 # #007 Host-Tabelle, Suche und Detailansichten
-**Status:** offen
+**Status:** erledigt
 **Meilenstein:** v0.4.0
 **Labels:** ui
-**Geschätzt:** 8 h   **Tatsächlich:** –
+**Geschätzt:** 8 h   **Tatsächlich:** 0 h 25 min

 ## Ziel
 Hosts finden, filtern und vollständig einsehen.

 ## Aufgaben
- [ ] Host-Tabelle (serverseitig): Filter Kunde, Status, Produkt, Ablauf, Rechnungsstatus; Sortierung; Spaltenauswahl; Paginierung; CSV-Export
- [ ] Suche nach Key, Server-ID, Hostname, IP, Proxmox-Rechnungsnummer
- [ ] Globale Suche in der Kopfleiste und Sidebar, `Strg+K`
- [ ] Host-Detail: Profil-Card, Tabs Übersicht, Subscription-Historie, Reports, Rechnungen, Notizen; Tags
- [ ] Kopier-Buttons für Key, Server-ID, Rechnungsnummer
- [ ] Badge „Keine Meldung“
+- [x] Host-Tabelle (serverseitig): Filter Kunde, Status, Produkt, Ablauf, Rechnungsstatus; Sortierung; Spaltenauswahl; Paginierung; CSV-Export
+- [x] Suche nach Key, Server-ID, Hostname, IP, Proxmox-Rechnungsnummer
+- [x] Globale Suche in der Kopfleiste und Sidebar, `Strg+K`
+- [x] Host-Detail: Profil-Card, Tabs Übersicht, Subscription-Historie, Reports, Rechnungen, Notizen; Tags
+- [x] Kopier-Buttons für Key, Server-ID, Rechnungsnummer
+- [x] Badge „Keine Meldung“

 ## Akzeptanzkriterien
- [ ] Eingabe `pve1c-a6bd21fcb6` liefert direkt Host und Kunde
- [ ] Filter bleiben in der URL erhalten (teilbar, Zurück-Button funktioniert)
+- [x] Eingabe `pve1c-a6bd21fcb6` liefert direkt Host und Kunde
+- [x] Filter bleiben in der URL erhalten (teilbar, Zurück-Button funktioniert)

 ## Abhängigkeiten
 #006

 ## Notizen / Entscheidungen
+- Filter, Sortierung und Seite stehen in der Adresse; eine gefilterte Liste ist damit teilbar und der
+  Zurück-Knopf funktioniert.
+- Sortierung stellt Hosts ohne Ablaufdatum bzw. ohne Meldung immer ans Ende (`nulls: "last"`), sonst stünden
+  sie beim absteigenden Sortieren ganz oben.
+- Die Suche findet auch über Proxmox- und Kundenrechnungsnummern zum Host.
+- Der CSV-Export übernimmt die aktiven Filter und liefert alle Treffer, nicht nur die angezeigte Seite.
+- **Zurückgestellt:** frei wählbare Spalten. Die Tabelle hat acht feste Spalten und passt damit auf einen
+  Bildschirm; eine Spaltenauswahl lohnt erst bei deutlich mehr Feldern. Bei Bedarf als eigenes Issue nachziehen.
@@ -1,28 +1,37 @@
 # #008 Laufzeiten und Rechnungen
-**Status:** offen
+**Status:** erledigt
 **Meilenstein:** v0.5.0
 **Labels:** ui, backend, buchhaltung
-**Geschätzt:** 10 h   **Tatsächlich:** –
+**Geschätzt:** 10 h   **Tatsächlich:** 0 h 35 min

 ## Ziel
 Lizenzjahre mit Proxmox-Einkaufsrechnung und Kundenrechnung erfassen und den Status schnell pflegen.

 ## Aufgaben
- [ ] Laufzeitvorschlag bei neuem `nextduedate` bestätigen/verwerfen
- [ ] Laufzeit manuell anlegen/bearbeiten
- [ ] Proxmox-Rechnung erfassen (auch Sammelrechnung über mehrere Laufzeiten), PDF-Upload
- [ ] Kundenrechnung erfassen (auch Sammelrechnung), PDF-Upload
- [ ] Marge pro Laufzeit, Kunde und Jahr berechnen
- [ ] Rechnungsübersicht: alle Laufzeiten, Umschalter „Proxmox bezahlt“ / „Kundenrechnung erstellt“ direkt in der Zeile, Filter Offen/Erledigt/Alle, Kunde, Zeitraum
- [ ] Sidebar-Badge offene Rechnungspunkte
- [ ] Aufgaben-Card auf dem Dashboard mit echten Aktionen
+- [x] Laufzeitvorschlag bei neuem `nextduedate` bestätigen/verwerfen
+- [x] Laufzeit manuell anlegen/bearbeiten
+- [x] Proxmox-Rechnung erfassen (auch Sammelrechnung über mehrere Laufzeiten), PDF-Upload
+- [x] Kundenrechnung erfassen (auch Sammelrechnung), PDF-Upload
+- [x] Marge pro Laufzeit, Kunde und Jahr berechnen
+- [x] Rechnungsübersicht: alle Laufzeiten, Umschalter „Proxmox bezahlt“ / „Kundenrechnung erstellt“ direkt in der Zeile, Filter Offen/Erledigt/Alle, Kunde, Zeitraum
+- [x] Sidebar-Badge offene Rechnungspunkte
+- [x] Aufgaben-Card auf dem Dashboard mit echten Aktionen

 ## Akzeptanzkriterien
- [ ] Umschalten in der Tabelle wirkt sofort und wird im Audit-Log protokolliert
- [ ] Summen Einkauf/Verkauf/Marge stimmen mit Einzelwerten überein (Tests)
- [ ] Nur PDF bis 10 MB wird angenommen
+- [x] Umschalten in der Tabelle wirkt sofort und wird im Audit-Log protokolliert
+- [x] Summen Einkauf/Verkauf/Marge stimmen mit Einzelwerten überein (Tests)
+- [x] Nur PDF bis 10 MB wird angenommen

 ## Abhängigkeiten
 #007

 ## Notizen / Entscheidungen
+- **Sammelrechnungen ohne Extraschritt:** Wer bei einer zweiten Laufzeit dieselbe Rechnungsnummer einträgt,
+  hängt sie als weitere Position an die bestehende Rechnung. Der Rechnungsbetrag ist immer die Summe der
+  Positionen, wird also automatisch nachgeführt.
+- Das Häkchen „Kundenrechnung erstellt“ legt bei fehlender Rechnung eine ohne Nummer an; Nummer und Betrag
+  lassen sich später nachtragen, ohne dass eine zweite Rechnung entsteht.
+- Das Erfassen einer Proxmox-Rechnung bestätigt einen Laufzeit-Vorschlag automatisch.
+- PDFs werden unter ihrer Prüfsumme abgelegt (`UPLOAD_DIR`, Standard `./data/uploads`). Geprüft wird der
+  Dateianfang, nicht der gemeldete Typ – eine umbenannte Datei wird abgelehnt. Dieselbe Datei belegt nur
+  einmal Platz.
@@ -1,25 +1,31 @@
 # #009 Kundenübersicht, Dashboard und Jahresbahn
-**Status:** offen
+**Status:** erledigt
 **Meilenstein:** v0.6.0
 **Labels:** ui
-**Geschätzt:** 8 h   **Tatsächlich:** –
+**Geschätzt:** 8 h   **Tatsächlich:** 0 h 15 min

 ## Ziel
 Überblick über Kunden, Kennzahlen und anstehende Abläufe mit Echtdaten.

 ## Aufgaben
- [ ] Kundenübersicht: Anzahl Hosts, aktive Subscriptions, nächster Ablauf, offene Warnungen, Rechnungs-Ampel
- [ ] Kunden-Detail mit Echtdaten (Info-Boxen, Hosts, Laufzeiten, Summen pro Jahr)
- [ ] Dashboard mit Echtdaten: Small Boxes (inkl. „Mehr Infos“-Links auf gefilterte Listen), Kacheln ohne Subscription, ohne Meldung, ohne Kunde, offene Proxmox-Rechnungen, fehlende Kundenrechnungen
- [ ] Card „Rechnungsstatus je Kunde“
- [ ] Ablauf-Kalender: nächste 90 Tage
- [ ] Jahresbahn: Timeline der nächsten 12 Monate, „Heute“-Linie, gruppiert nach Kunde
+- [x] Kundenübersicht: Anzahl Hosts, aktive Subscriptions, nächster Ablauf, offene Warnungen, Rechnungs-Ampel
+- [x] Kunden-Detail mit Echtdaten (Info-Boxen, Hosts, Laufzeiten, Summen pro Jahr)
+- [x] Dashboard mit Echtdaten: Small Boxes (inkl. „Mehr Infos“-Links auf gefilterte Listen), Kacheln ohne Subscription, ohne Meldung, ohne Kunde, offene Proxmox-Rechnungen, fehlende Kundenrechnungen
+- [x] Card „Rechnungsstatus je Kunde“
+- [x] Ablauf-Kalender: nächste 90 Tage
+- [x] Jahresbahn: Timeline der nächsten 12 Monate, „Heute“-Linie, gruppiert nach Kunde

 ## Akzeptanzkriterien
- [ ] Kennzahlen stimmen mit den gefilterten Listen überein
- [ ] Jahresbahn mobil horizontal scrollbar
+- [x] Kennzahlen stimmen mit den gefilterten Listen überein
+- [x] Jahresbahn mobil horizontal scrollbar

 ## Abhängigkeiten
 #008

 ## Notizen / Entscheidungen
+- Kundenübersicht, Kunden-Detail und Dashboard liefen bereits seit #006 auf der Datenbank; hier kamen
+  Jahresbahn und Ablauf-Kalender dazu.
+- Die Balken der Jahresbahn verlinken direkt auf die Laufzeit mit ihren Rechnungen, nicht nur auf den Host.
+- Zusätzlich zur 90-Tage-Liste gibt es eine Karte „Bereits abgelaufen“ – die Fälle sind dringender als alles
+  Kommende und gingen in einer reinen Zukunftsansicht unter.
+- Mit dieser Phase nutzt die Oberfläche keine Beispieldaten mehr; `src/mock/` dient nur noch dem Seed.
@@ -1,22 +1,28 @@
 # #010 Export CSV und PDF
-**Status:** offen
+**Status:** erledigt
 **Meilenstein:** v0.6.0
 **Labels:** export
-**Geschätzt:** 5 h   **Tatsächlich:** –
+**Geschätzt:** 5 h   **Tatsächlich:** 0 h 20 min

 ## Ziel
 Daten für Kundenunterlagen und Buchhaltung exportieren.

 ## Aufgaben
- [ ] CSV (UTF-8 mit BOM, Semikolon, deutsches Zahlenformat): Host-Liste, Kundenübersicht, Rechnungsliste pro Jahr
- [ ] PDF mit einfarbigem Logo: Host-Liste, Kundenübersicht (Anlage für einen Kunden), Rechnungsliste pro Jahr mit Summen
- [ ] Export berücksichtigt aktive Filter
+- [x] CSV (UTF-8 mit BOM, Semikolon, deutsches Zahlenformat): Host-Liste, Kundenübersicht, Rechnungsliste pro Jahr
+- [x] PDF mit einfarbigem Logo: Host-Liste, Kundenübersicht (Anlage für einen Kunden), Rechnungsliste pro Jahr mit Summen
+- [x] Export berücksichtigt aktive Filter

 ## Akzeptanzkriterien
- [ ] CSV öffnet sich in Excel ohne Umlautfehler
- [ ] PDF-Summen entsprechen der Rechnungsübersicht
+- [x] CSV öffnet sich in Excel ohne Umlautfehler
+- [x] PDF-Summen entsprechen der Rechnungsübersicht

 ## Abhängigkeiten
 #009

 ## Notizen / Entscheidungen
+- PDFs entstehen serverseitig mit `@react-pdf/renderer` – kein Chromium im Container nötig.
+- Gemeinsames Grundgerüst (`src/server/pdf/dokument.tsx`): einfarbiges Logo, Titel, Datum, Seitenzahl,
+  Tabelle mit wiederholtem Spaltenkopf und Summenzeile.
+- Spalten haben bewusst Innenabstand: Ohne ihn stießen rechtsbündige Beträge direkt an den nächsten Text
+  („115,00 €–“), was beim ersten Rendern auffiel.
+- Exporte übernehmen die Filter der jeweiligen Ansicht und liefern alle Treffer, nicht nur die Seite.
@@ -0,0 +1,27 @@
+# #017 Favicon-Dateien erzeugen
+**Status:** offen
+**Meilenstein:** v0.6.0
+**Labels:** ui
+**Geschätzt:** 1 h   **Tatsächlich:** –
+
+## Ziel
+Das Monogramm liegt als React-Komponente vor. Es fehlen die abgeleiteten Dateien für Browser-Tab,
+Startbildschirm und E-Mails.
+
+## Aufgaben
+- [ ] `favicon.svg` (32-px-Variante mit einer Linie) unter `src/app/icon.svg`
+- [ ] `favicon.ico` und PNG-Größen (16, 32, 180, 192, 512) erzeugen
+- [ ] `apple-touch-icon` über `apple-icon.tsx` (ImageResponse) oder als PNG
+- [ ] Erzeugung als Skript (`npm run icons`) festhalten, damit Änderungen am Logo nachziehbar sind
+- [ ] Einfarbige Variante für PDF-Export und Rechnungen bereitstellen
+
+## Akzeptanzkriterien
+- [ ] Browser-Tab zeigt das Monogramm in Hell und Dunkel
+- [ ] Beim Ablegen auf dem iOS-Startbildschirm erscheint das Logo ohne weißen Rand
+
+## Abhängigkeiten
+#002
+
+## Notizen / Entscheidungen
+- Auf dem Entwicklungsrechner ist kein SVG-Konverter installiert (kein rsvg-convert, kein ImageMagick).
+  Entweder `sharp` als Entwicklungsabhängigkeit aufnehmen oder Next.js `ImageResponse` nutzen.
@@ -0,0 +1,29 @@
+# #018 Agent auf echten Proxmox-Hosts prüfen
+**Status:** offen
+**Meilenstein:** v0.2.1
+**Labels:** agent, test
+**Geschätzt:** 2 h   **Tatsächlich:** –
+
+## Ziel
+Der Agent ist bisher nur gegen nachgebaute Proxmox-Befehle getestet. Vor dem produktiven Einsatz muss er
+auf echten Hosts laufen.
+
+## Aufgaben
+- [ ] Installation auf Proxmox VE (8.x und 9.x)
+- [ ] Installation auf Proxmox Backup Server
+- [ ] Installation auf Proxmox Mail Gateway
+- [ ] Ausgabeformate von `pvesubscription get`, `proxmox-backup-manager subscription get` und
+      `pmgsubscription get` mit den Annahmen im Skript abgleichen
+- [ ] Verhalten ohne Subscription und mit abgelaufener Subscription prüfen
+- [ ] Timer-Lauf, Spool-Nachsendung und Uninstall auf einem echten Host prüfen
+- [ ] Abweichungen als Testfälle in `tests/agent-skript.test.ts` übernehmen
+
+## Akzeptanzkriterien
+- [ ] Auf allen drei Produkten läuft die Installation ohne Nacharbeit durch
+- [ ] Die gemeldeten Felder stimmen mit der Ausgabe der Proxmox-Befehle überein
+
+## Abhängigkeiten
+#005
+
+## Notizen / Entscheidungen
+- Braucht Zugriff auf einen Testhost; bis dahin bleibt dieser Punkt offen.
@@ -0,0 +1,25 @@
+# #019 CI-Pipeline
+**Status:** offen
+**Meilenstein:** v0.10.0
+**Labels:** infrastruktur
+**Geschätzt:** 3 h   **Tatsächlich:** –
+
+## Ziel
+Automatische Prüfung jedes Commits, damit Fehler nicht erst beim Release auffallen.
+
+## Aufgaben
+- [ ] Gitea Actions (oder Woodpecker) einrichten
+- [ ] Schritte: `npm ci`, `prisma generate`, Lint, Typecheck, Tests gegen eine PostgreSQL-Dienstinstanz, Build
+- [ ] ShellCheck für `agent/*.sh`
+- [ ] Prüfung, dass `docs/issues/README.md` und `DEVLOG.md` zur Version in `package.json` passen
+- [ ] Ergebnis als Kennzeichen im README
+
+## Akzeptanzkriterien
+- [ ] Ein fehlschlagender Test verhindert den Merge nach `main`
+- [ ] Der Durchlauf dauert unter fünf Minuten
+
+## Abhängigkeiten
+#014
+
+## Notizen / Entscheidungen
+- ShellCheck ist auf dem Entwicklungsrechner nicht installiert; bisher wird nur `bash -n` geprüft.
@@ -0,0 +1,35 @@
+# #020 Issues nach Gitea übertragen
+**Status:** erledigt
+**Meilenstein:** v0.4.1
+**Labels:** infrastruktur, docs
+**Geschätzt:** 2 h   **Tatsächlich:** 0 h 10 min
+
+## Ziel
+Die Issue-Dateien aus `docs/issues/` sollen als echte Issues im Gitea-Tracker erscheinen und dort
+aktuell bleiben – ohne dass sie von Hand nachgepflegt werden müssen.
+
+## Aufgaben
+- [x] Skript `scripts/gitea-issues.ts`, das die Dateien liest und über die Gitea-API abgleicht
+- [x] Meilensteine anlegen (v0.1.0 bis v1.0.0), Labels anlegen (agent, backend, ui, docs …)
+- [x] Issues anlegen; vorhandene anhand der Nummer im Titel wiedererkennen und aktualisieren
+- [x] Erledigte Issues in Gitea schließen, wieder geöffnete erneut öffnen
+- [x] Trockenlauf ohne Token (`--dry-run`) zur Kontrolle vor dem ersten echten Lauf
+- [x] npm-Skript `issues:sync` und Beschreibung im README
+
+## Akzeptanzkriterien
+- [x] Ein Lauf legt alle 20 Issues mit Titel, Text, Label und Meilenstein in Gitea an
+- [x] Ein zweiter Lauf ändert nichts Unnötiges (keine Dubletten)
+- [x] Der Token steht nur in der Umgebung, nie im Repository
+
+## Abhängigkeiten
+#001
+
+## Notizen / Entscheidungen
+- Die Markdown-Dateien bleiben die Quelle der Wahrheit: Sie liegen im Repo, sind ohne Netz lesbar und
+  wandern mit jedem Klon mit. Gitea bekommt eine Kopie zum Kommentieren und Zuweisen.
+- Der Token kommt aus den Git-Zugangsdaten (`git credential fill`), Adresse und Repo aus dem Remote.
+  Damit muss derselbe Token nicht zweimal gepflegt werden.
+- Gefragt werden zuerst die eingerichteten Helfer (Schlüsselbund), danach zusätzlich `~/.git-credentials` –
+  je nach Rechner ist mal das eine, mal das andere gefüllt.
+- Erster echter Lauf am 17.09.2026: 20 Issues, 15 Labels und 13 Meilensteine angelegt, erledigte Issues
+  direkt geschlossen. Zweiter Lauf: 0 neue, 20 aktualisiert – keine Dubletten.
@@ -9,15 +9,19 @@ Details und Architektur: [../architektur.md](../architektur.md). Zeiten werden a
 | [#003](003-datenmodell.md) | Datenmodell und Migrationen | erledigt | v0.1.0 | 5 h | 0 h 25 min |
 | [#004](004-agent-api.md) | Agent-API | erledigt | v0.1.0 | 6 h | 0 h 20 min |
 | [#005](005-agent-skript.md) | Agent-Skript | erledigt | v0.2.0 | 8 h | 0 h 25 min |
-| [#006](006-kunden-hostzuweisung.md) | Kunden, Standorte und Hostzuweisung | in Arbeit | v0.3.0 | 6 h | – |
-| [#007](007-hosts-detailansichten.md) | Host-Tabelle, Suche und Detailansichten | offen | v0.4.0 | 8 h | – |
-| [#008](008-laufzeiten-rechnungen.md) | Laufzeiten und Rechnungen | offen | v0.5.0 | 10 h | – |
-| [#009](009-kundenuebersicht-dashboard-jahresbahn.md) | Kundenübersicht, Dashboard und Jahresbahn | offen | v0.6.0 | 8 h | – |
-| [#010](010-export.md) | Export CSV und PDF | offen | v0.6.0 | 5 h | – |
-| [#011](011-warnregeln.md) | Warnregeln | offen | v0.7.0 | 8 h | – |
+| [#006](006-kunden-hostzuweisung.md) | Kunden, Standorte und Hostzuweisung | erledigt | v0.3.0 | 6 h | 0 h 35 min |
+| [#007](007-hosts-detailansichten.md) | Host-Tabelle, Suche und Detailansichten | erledigt | v0.4.0 | 8 h | 0 h 25 min |
+| [#008](008-laufzeiten-rechnungen.md) | Laufzeiten und Rechnungen | erledigt | v0.5.0 | 10 h | 0 h 35 min |
+| [#009](009-kundenuebersicht-dashboard-jahresbahn.md) | Kundenübersicht, Dashboard und Jahresbahn | erledigt | v0.6.0 | 8 h | 0 h 15 min |
+| [#010](010-export.md) | Export CSV und PDF | erledigt | v0.6.0 | 5 h | 0 h 20 min |
+| [#011](011-warnregeln.md) | Warnregeln | in Arbeit | v0.7.0 | 8 h | – |
 | [#012](012-benachrichtigungen.md) | Benachrichtigungen | offen | v0.8.0 | 6 h | – |
 | [#013](013-authentifizierung.md) | Authentifizierung und Audit-Log | offen | v0.9.0 | 6 h | – |
 | [#014](014-deployment.md) | Deployment und Dokumentation | offen | v0.10.0 | 8 h | – |
 | [#015](015-feinschliff-v1.md) | Feinschliff für 1.0 | offen | v1.0.0 | 6 h | – |
 | [#016](016-anleitung-screenshots.md) | Benutzerhandbuch mit Screenshots | offen | v0.10.0 | 5 h | – |
-| | **Summe** | | | **106 h** | **1 h 38 min** |
+| [#017](017-favicon-dateien.md) | Favicon-Dateien erzeugen | offen | v0.6.0 | 1 h | – |
+| [#018](018-agent-feldtest.md) | Agent auf echten Proxmox-Hosts prüfen | offen | v0.2.1 | 2 h | – |
+| [#019](019-ci-pipeline.md) | CI-Pipeline | offen | v0.10.0 | 3 h | – |
+| [#020](020-gitea-issue-abgleich.md) | Issues nach Gitea übertragen | erledigt | v0.4.1 | 2 h | 0 h 10 min |
+| | **Summe** | | | **114 h** | **3 h 58 min** |
@@ -1,16 +1,18 @@
 {
  "name": "proxledger",
-  "version": "0.1.0-dev",
+  "version": "0.6.0",
  "lockfileVersion": 3,
  "requires": true,
  "packages": {
    "": {
      "name": "proxledger",
-      "version": "0.1.0-dev",
+      "version": "0.6.0",
+      "hasInstallScript": true,
      "dependencies": {
        "@node-rs/argon2": "^2.2.1",
        "@prisma/adapter-pg": "^7.10.0",
        "@prisma/client": "^7.10.0",
+        "@react-pdf/renderer": "^4.9.0",
        "admin-lte": "^4.9.1",
        "bootstrap": "^5.3.8",
        "bootstrap-icons": "^1.13.1",
@@ -229,6 +231,15 @@
        "node": ">=6.0.0"
      }
    },
+    "node_modules/@babel/runtime": {
+      "version": "7.29.7",
+      "resolved": "https://registry.npmjs.org/@babel/runtime/-/runtime-7.29.7.tgz",
+      "integrity": "sha512-Nq8OhGWiZIZGV6hLHoyAKLLcJihP/xFeBMGJoUrxTX2psI8dCifzLhZISFb+VWS3wFMRDmCGw5R+dOySCqPLhw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
    "node_modules/@babel/template": {
      "version": "7.29.7",
      "resolved": "https://registry.npmjs.org/@babel/template/-/template-7.29.7.tgz",
@@ -1802,6 +1813,30 @@
        "node": ">= 10"
      }
    },
+    "node_modules/@noble/ciphers": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/@noble/ciphers/-/ciphers-1.3.0.tgz",
+      "integrity": "sha512-2I0gnIVPtfnMw9ee9h1dJG7tp81+8Ob3OJb3Mv37rx5L40/b0i7djjCVvGOVqc9AEIQyvyu1i6ypKdFw8R8gQw==",
+      "license": "MIT",
+      "engines": {
+        "node": "^14.21.3 || >=16"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/@noble/hashes": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@noble/hashes/-/hashes-1.8.0.tgz",
+      "integrity": "sha512-jCs9ldd7NwzpgXDIf6P3+NrHh9/sD6CQdxHyjQI+h/6rDNo88ypBxxz45UDuZHz9r3tNz7N/VInSVoVdtXEI4A==",
+      "license": "MIT",
+      "engines": {
+        "node": "^14.21.3 || >=16"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
    "node_modules/@node-rs/argon2": {
      "version": "2.2.1",
      "resolved": "https://registry.npmjs.org/@node-rs/argon2/-/argon2-2.2.1.tgz",
@@ -2511,6 +2546,181 @@
        }
      }
    },
+    "node_modules/@react-pdf/fns": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npmjs.org/@react-pdf/fns/-/fns-3.1.3.tgz",
+      "integrity": "sha512-0I7pApDr1/RLAKbizuLy/IHTEa93LSPy/bEwYniboC3Xqnp6Od8xFJKbKEzGw2wh/5zKFFwl00g4t9RwgIMc3w==",
+      "license": "MIT"
+    },
+    "node_modules/@react-pdf/font": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/@react-pdf/font/-/font-4.1.2.tgz",
+      "integrity": "sha512-RT/jiGWIRjIC9c4S9NiqhEyfuA6YL+DtWL3Rm+k+zQhfeHYvHwGzFxr7ZJzThIMrT8sIQy+mpvFvfYyitEei/Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-pdf/types": "^2.14.0",
+        "fontkit": "^2.0.2",
+        "is-url": "^1.2.4",
+        "pdfkit": "0.20.1"
+      }
+    },
+    "node_modules/@react-pdf/hyphenate": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npmjs.org/@react-pdf/hyphenate/-/hyphenate-0.1.0.tgz",
+      "integrity": "sha512-CWulbuusHh2Lnos9ZffT3ZYfjCt332Yl8wjSyCKWbwhbTpe/VdFt53fM5elPp3HU3R6tzH6j3oYlLXDwC2WEHQ==",
+      "license": "MIT",
+      "dependencies": {
+        "hyphen": "~1.6.4"
+      }
+    },
+    "node_modules/@react-pdf/image": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/@react-pdf/image/-/image-3.1.2.tgz",
+      "integrity": "sha512-89vlvZCCv1hPunFtyeS2rJTRL8h2yYmTI97AM4ppibS79zGsPFbqz/YrAunndcHB9uwGdn5S3+5k18mj0L2vkg==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-pdf/svg": "^1.1.1",
+        "jay-peg": "^1.1.1",
+        "png-js": "^2.0.0"
+      }
+    },
+    "node_modules/@react-pdf/layout": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/@react-pdf/layout/-/layout-5.2.0.tgz",
+      "integrity": "sha512-Hzf9cShT1bKkr9tZ+A9qK/wHqUloOCgbNer72EquQS6QzqVGiDdtt6Wh9lQXwkd89U7yZolTLnFqP/dRdoRROw==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-pdf/fns": "3.1.3",
+        "@react-pdf/image": "^3.1.2",
+        "@react-pdf/paginate": "1.0.1",
+        "@react-pdf/primitives": "^4.4.0",
+        "@react-pdf/stylesheet": "^6.3.2",
+        "@react-pdf/textkit": "^7.0.1",
+        "@react-pdf/types": "^2.14.0",
+        "emoji-regex-xs": "^1.0.0",
+        "queue": "^6.0.1",
+        "yoga-layout": "^3.2.1"
+      }
+    },
+    "node_modules/@react-pdf/paginate": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/@react-pdf/paginate/-/paginate-1.0.1.tgz",
+      "integrity": "sha512-JN6teDqkdpkcRhdGZqyrr7Y8flgTtyI8XS3yaBQLyiGjEBPbR9m/19cz2z3JkqYpApau5pEHZlLjwGqMurWysw==",
+      "license": "MIT"
+    },
+    "node_modules/@react-pdf/primitives": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/@react-pdf/primitives/-/primitives-4.4.0.tgz",
+      "integrity": "sha512-BFpuhNH6ffSFjTTMnpdUoZxWoXdhPmFDdrSVBl0i/zMR4yDTEfYOW3AcfjjmNIOpm9+LnIXbgELLklQJ+nD3oA==",
+      "license": "MIT"
+    },
+    "node_modules/@react-pdf/reconciler": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/@react-pdf/reconciler/-/reconciler-2.0.0.tgz",
+      "integrity": "sha512-7zaPRujpbHSmCpIrZ+b9HSTJHthcVZzX0Wx7RzvQGsGBUbHP4p6s5itXrAIOuQuPvDepoHGNOvf6xUuMVvdoyw==",
+      "license": "MIT",
+      "dependencies": {
+        "object-assign": "^4.1.1",
+        "scheduler": "0.25.0-rc-603e6108-20241029"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/@react-pdf/reconciler/node_modules/scheduler": {
+      "version": "0.25.0-rc-603e6108-20241029",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.25.0-rc-603e6108-20241029.tgz",
+      "integrity": "sha512-pFwF6H1XrSdYYNLfOcGlM28/j8CGLu8IvdrxqhjWULe2bPcKiKW4CV+OWqR/9fT52mywx65l7ysNkjLKBda7eA==",
+      "license": "MIT"
+    },
+    "node_modules/@react-pdf/render": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npmjs.org/@react-pdf/render/-/render-4.7.0.tgz",
+      "integrity": "sha512-UEMgR7gBmCJiKpuu9alY6QeZVNB+7b4DGHc7Hi8QIl+5PfHvyq+TV70N7+ngZ6wN7hF3XSiWz7GDuYxPIx5eRw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.20.13",
+        "@react-pdf/fns": "3.1.3",
+        "@react-pdf/primitives": "^4.4.0",
+        "@react-pdf/textkit": "^7.0.1",
+        "@react-pdf/types": "^2.14.0",
+        "abs-svg-path": "^0.1.1",
+        "color-string": "^2.1.4",
+        "normalize-svg-path": "^1.1.0",
+        "parse-svg-path": "^0.1.2",
+        "svg-arc-to-cubic-bezier": "^3.2.0"
+      }
+    },
+    "node_modules/@react-pdf/renderer": {
+      "version": "4.9.0",
+      "resolved": "https://registry.npmjs.org/@react-pdf/renderer/-/renderer-4.9.0.tgz",
+      "integrity": "sha512-RAbARMwjcSYEpqpaWoWXz0uOGF1HjAl5hdJr889r5mgkPhF9xhX4CXSvcEbLTgFVj+KWbcar31MzcXYoANk/Ag==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/runtime": "^7.20.13",
+        "@react-pdf/fns": "3.1.3",
+        "@react-pdf/font": "^4.1.2",
+        "@react-pdf/layout": "^5.2.0",
+        "@react-pdf/primitives": "^4.4.0",
+        "@react-pdf/reconciler": "^2.0.0",
+        "@react-pdf/render": "^4.7.0",
+        "@react-pdf/types": "^2.14.0",
+        "events": "^3.3.0",
+        "object-assign": "^4.1.1",
+        "pdfkit": "0.20.1",
+        "prop-types": "^15.6.2",
+        "queue": "^6.0.1"
+      },
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/@react-pdf/stylesheet": {
+      "version": "6.3.2",
+      "resolved": "https://registry.npmjs.org/@react-pdf/stylesheet/-/stylesheet-6.3.2.tgz",
+      "integrity": "sha512-UR247sNBx2k3RdL8JUCpUiyx39yQsUABagv3uAi91iMZCORE+fSCsOh7MOcEImmpms4GihydLGudbngI5g14PA==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-pdf/fns": "3.1.3",
+        "@react-pdf/types": "^2.14.0",
+        "color-string": "^2.1.4",
+        "hsl-to-hex": "^1.0.0",
+        "media-engine": "^2.0.0",
+        "postcss-value-parser": "^4.1.0"
+      }
+    },
+    "node_modules/@react-pdf/svg": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/@react-pdf/svg/-/svg-1.1.1.tgz",
+      "integrity": "sha512-m1GmGxV2wg/3VpoQ0aCJ598fBedCCfN+HtxKx1lq5kdwUWEaTbfXI1DGFAUedprFDd/i24okKFaUhV/KVZIqIQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-pdf/primitives": "^4.4.0"
+      }
+    },
+    "node_modules/@react-pdf/textkit": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/@react-pdf/textkit/-/textkit-7.0.1.tgz",
+      "integrity": "sha512-ljY/YoEETIOR/+zxWdLLmKlupz8/nBsbmxglM3mDRco62UEzEPnIeMEzYVVVraovCAJC2t+50gKFNSV17FYxbw==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-pdf/fns": "3.1.3",
+        "@react-pdf/hyphenate": "^0.1.0",
+        "bidi-js": "^1.0.2",
+        "unicode-properties": "^1.4.1"
+      }
+    },
+    "node_modules/@react-pdf/types": {
+      "version": "2.14.0",
+      "resolved": "https://registry.npmjs.org/@react-pdf/types/-/types-2.14.0.tgz",
+      "integrity": "sha512-TYHpThdf2sz/d1g+CP9nWjYCJ8BYBUN5ORL6+60A85Js9S/YouK8OXzi+hDpYUSZJTOdYXdRxUNeG2oW8//Ulg==",
+      "license": "MIT",
+      "dependencies": {
+        "@react-pdf/font": "^4.1.2",
+        "@react-pdf/primitives": "^4.4.0",
+        "@react-pdf/stylesheet": "^6.3.2"
+      }
+    },
    "node_modules/@rolldown/binding-android-arm-eabi": {
      "version": "1.2.9",
      "resolved": "https://registry.npmjs.org/@rolldown/binding-android-arm-eabi/-/binding-android-arm-eabi-1.2.9.tgz",
@@ -3861,6 +4071,12 @@
        "url": "https://opencollective.com/vitest"
      }
    },
+    "node_modules/abs-svg-path": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npmjs.org/abs-svg-path/-/abs-svg-path-0.1.1.tgz",
+      "integrity": "sha512-d8XPSGjfyzlXC3Xx891DJRyZfqk5JU0BJrDQcsWomFIV1/BIzPW5HDH5iDdWpqWaav0YVIEzT1RHTwWr0FFshA==",
+      "license": "MIT"
+    },
    "node_modules/acorn": {
      "version": "8.18.0",
      "resolved": "https://registry.npmjs.org/acorn/-/acorn-8.18.0.tgz",
@@ -4186,6 +4402,26 @@
      "dev": true,
      "license": "MIT"
    },
+    "node_modules/base64-js": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-1.5.1.tgz",
+      "integrity": "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/feross"
+        },
+        {
+          "type": "patreon",
+          "url": "https://www.patreon.com/feross"
+        },
+        {
+          "type": "consulting",
+          "url": "https://feross.org/support"
+        }
+      ],
+      "license": "MIT"
+    },
    "node_modules/baseline-browser-mapping": {
      "version": "2.11.24",
      "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.11.24.tgz",
@@ -4205,6 +4441,15 @@
      "devOptional": true,
      "license": "MIT"
    },
+    "node_modules/bidi-js": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/bidi-js/-/bidi-js-1.1.0.tgz",
+      "integrity": "sha512-fX1Onk0tdVPC7obPWB5EbJ1z7NVhLq4m2xZLq2YXBkxzMXIGRpNMU88n0EPgWseKl12J7zXs7qrDxPK4sRs2fg==",
+      "license": "MIT",
+      "dependencies": {
+        "require-from-string": "^2.0.2"
+      }
+    },
    "node_modules/bootstrap": {
      "version": "5.3.8",
      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.8.tgz",
@@ -4264,6 +4509,15 @@
        "node": ">=8"
      }
    },
+    "node_modules/brotli": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/brotli/-/brotli-1.3.3.tgz",
+      "integrity": "sha512-oTKjJdShmDuGW94SyyaoQvAjf30dZaHnjJ8uAF+u2/vGJkJbJPJAT1gDiOJP5v1Zb6f9KEyW/1HpuaWIXtGHPg==",
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.1.2"
+      }
+    },
    "node_modules/browserslist": {
      "version": "4.29.0",
      "resolved": "https://registry.npmjs.org/browserslist/-/browserslist-4.29.0.tgz",
@@ -4463,6 +4717,15 @@
      "integrity": "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA==",
      "license": "MIT"
    },
+    "node_modules/clone": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npmjs.org/clone/-/clone-2.1.2.tgz",
+      "integrity": "sha512-3Pe/CF1Nn94hyhIYpjtiLhdCoEoz0DqQ+988E9gmeEdQZlojxnOb74wctFyuwWQHzqyf9X7C7MG8juUpqBJT8w==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
    "node_modules/color-convert": {
      "version": "2.0.1",
      "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
@@ -4483,6 +4746,27 @@
      "dev": true,
      "license": "MIT"
    },
+    "node_modules/color-string": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/color-string/-/color-string-2.1.4.tgz",
+      "integrity": "sha512-Bb6Cq8oq0IjDOe8wJmi4JeNn763Xs9cfrBcaylK1tPypWzyoy2G3l90v9k64kjphl/ZJjPIShFztenRomi8WTg==",
+      "license": "MIT",
+      "dependencies": {
+        "color-name": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/color-string/node_modules/color-name": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/color-name/-/color-name-2.1.1.tgz",
+      "integrity": "sha512-p2FdgwVx1a9yWBHP2wI0VgShkDpgN4kZISkxdNipGBJWpa5G6b04OINlVWCyJj0JmfvcPrgqt95E9k8yvaOJFg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=12.20"
+      }
+    },
    "node_modules/concat-map": {
      "version": "0.0.1",
      "resolved": "https://registry.npmjs.org/concat-map/-/concat-map-0.0.1.tgz",
@@ -4840,6 +5124,12 @@
        "node": ">=8"
      }
    },
+    "node_modules/dfa": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/dfa/-/dfa-1.2.0.tgz",
+      "integrity": "sha512-ED3jP8saaweFTjeGX8HQPjeC1YYyZs98jGNZx6IiBvxW7JG5v492kamAQB3m2wop07CvU/RQmzcKr6bgcC5D/Q==",
+      "license": "MIT"
+    },
    "node_modules/doctrine": {
      "version": "2.1.0",
      "resolved": "https://registry.npmjs.org/doctrine/-/doctrine-2.1.0.tgz",
@@ -4913,6 +5203,12 @@
      "dev": true,
      "license": "MIT"
    },
+    "node_modules/emoji-regex-xs": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex-xs/-/emoji-regex-xs-1.0.0.tgz",
+      "integrity": "sha512-LRlerrMYoIDrT6jgpeZ2YYl/L8EulRTt5hQcYjy5AInh7HWXKimpqx68aknBFpGL2+/IcogTcaydJEgaTmOpDg==",
+      "license": "MIT"
+    },
    "node_modules/empathic": {
      "version": "2.0.0",
      "resolved": "https://registry.npmjs.org/empathic/-/empathic-2.0.0.tgz",
@@ -5640,6 +5936,15 @@
        "node": ">=0.10.0"
      }
    },
+    "node_modules/events": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/events/-/events-3.3.0.tgz",
+      "integrity": "sha512-mQw+2fkQbALzQ7V0MY0IqdnXNOeTtP4r0lN9z7AAawCXgqea7bDii20AYrIBrFd/Hx0M2Ocz6S111CaFkUcb0Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.8.x"
+      }
+    },
    "node_modules/expect-type": {
      "version": "1.4.0",
      "resolved": "https://registry.npmjs.org/expect-type/-/expect-type-1.4.0.tgz",
@@ -5691,7 +5996,6 @@
      "version": "3.1.3",
      "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
      "integrity": "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==",
-      "devOptional": true,
      "license": "MIT"
    },
    "node_modules/fast-glob": {
@@ -5775,6 +6079,12 @@
        "reusify": "^1.0.4"
      }
    },
+    "node_modules/fflate": {
+      "version": "0.8.3",
+      "resolved": "https://registry.npmjs.org/fflate/-/fflate-0.8.3.tgz",
+      "integrity": "sha512-tbZNuJrLwGUp3zshBtdy4W+ORxZuIh8a5ilyIEQDC5rY1f3U20JMry0Ll3WBzU58EZKsEuJFXhb5gwv8CsPvgA==",
+      "license": "MIT"
+    },
    "node_modules/file-entry-cache": {
      "version": "8.0.0",
      "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
@@ -5854,6 +6164,23 @@
      "dev": true,
      "license": "ISC"
    },
+    "node_modules/fontkit": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/fontkit/-/fontkit-2.0.4.tgz",
+      "integrity": "sha512-syetQadaUEDNdxdugga9CpEYVaQIxOwk7GlwZWWZ19//qW4zE5bknOKeMBDYAASwnpaSHKJITRLMF9m1fp3s6g==",
+      "license": "MIT",
+      "dependencies": {
+        "@swc/helpers": "^0.5.12",
+        "brotli": "^1.3.2",
+        "clone": "^2.1.2",
+        "dfa": "^1.2.0",
+        "fast-deep-equal": "^3.1.3",
+        "restructure": "^3.0.0",
+        "tiny-inflate": "^1.0.3",
+        "unicode-properties": "^1.4.0",
+        "unicode-trie": "^2.0.0"
+      }
+    },
    "node_modules/for-each": {
      "version": "0.3.5",
      "resolved": "https://registry.npmjs.org/for-each/-/for-each-0.3.5.tgz",
@@ -6251,6 +6578,27 @@
        "hermes-estree": "0.25.1"
      }
    },
+    "node_modules/hsl-to-hex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/hsl-to-hex/-/hsl-to-hex-1.0.0.tgz",
+      "integrity": "sha512-K6GVpucS5wFf44X0h2bLVRDsycgJmf9FF2elg+CrqD8GcFU8c6vYhgXn8NjUkFCwj+xDFb70qgLbTUm6sxwPmA==",
+      "license": "MIT",
+      "dependencies": {
+        "hsl-to-rgb-for-reals": "^1.1.0"
+      }
+    },
+    "node_modules/hsl-to-rgb-for-reals": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/hsl-to-rgb-for-reals/-/hsl-to-rgb-for-reals-1.1.1.tgz",
+      "integrity": "sha512-LgOWAkrN0rFaQpfdWBQlv/VhkOxb5AsBjk6NQVx4yEzWS923T07X0M1Y0VNko2H52HeSpZrZNNMJ0aFqsdVzQg==",
+      "license": "ISC"
+    },
+    "node_modules/hyphen": {
+      "version": "1.6.6",
+      "resolved": "https://registry.npmjs.org/hyphen/-/hyphen-1.6.6.tgz",
+      "integrity": "sha512-XtqmnT+b9n5MX+MsqluFAVTIenbtC25iskW0Z+jLd+awfhA+ZbWKWQMIvLJccGoa2bM1R6juWJ27cZxIFOmkWw==",
+      "license": "ISC"
+    },
    "node_modules/iconv-lite": {
      "version": "0.7.3",
      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.7.3.tgz",
@@ -6305,6 +6653,12 @@
        "node": ">=0.8.19"
      }
    },
+    "node_modules/inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npmjs.org/inherits/-/inherits-2.0.4.tgz",
+      "integrity": "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==",
+      "license": "ISC"
+    },
    "node_modules/internal-slot": {
      "version": "1.1.0",
      "resolved": "https://registry.npmjs.org/internal-slot/-/internal-slot-1.1.0.tgz",
@@ -6722,6 +7076,12 @@
        "url": "https://github.com/sponsors/ljharb"
      }
    },
+    "node_modules/is-url": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/is-url/-/is-url-1.2.4.tgz",
+      "integrity": "sha512-ITvGim8FhRiYe4IQ5uHSkj7pVaPDrCTkNd3yq3cV7iZAcJdHTUMPMEHcqSOy9xZ9qFenQCvi+2wjH9a1nXqHww==",
+      "license": "MIT"
+    },
    "node_modules/is-weakmap": {
      "version": "2.0.2",
      "resolved": "https://registry.npmjs.org/is-weakmap/-/is-weakmap-2.0.2.tgz",
@@ -6800,6 +7160,15 @@
        "node": ">= 0.4"
      }
    },
+    "node_modules/jay-peg": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/jay-peg/-/jay-peg-1.1.1.tgz",
+      "integrity": "sha512-D62KEuBxz/ip2gQKOEhk/mx14o7eiFRaU+VNNSP4MOiIkwb/D6B3G1Mfas7C/Fit8EsSV2/IWjZElx/Gs6A4ww==",
+      "license": "MIT",
+      "dependencies": {
+        "restructure": "^3.0.0"
+      }
+    },
    "node_modules/jiti": {
      "version": "2.7.0",
      "resolved": "https://registry.npmjs.org/jiti/-/jiti-2.7.0.tgz",
@@ -6814,7 +7183,6 @@
      "version": "4.0.0",
      "resolved": "https://registry.npmjs.org/js-tokens/-/js-tokens-4.0.0.tgz",
      "integrity": "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==",
-      "dev": true,
      "license": "MIT"
    },
    "node_modules/js-yaml": {
@@ -7232,6 +7600,25 @@
        "url": "https://opencollective.com/parcel"
      }
    },
+    "node_modules/linebreak": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/linebreak/-/linebreak-1.1.0.tgz",
+      "integrity": "sha512-MHp03UImeVhB7XZtjd0E4n6+3xr5Dq/9xI/5FptGk5FrbDR3zagPa2DS6U8ks/3HjbKWG9Q1M2ufOzxV2qLYSQ==",
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "0.0.8",
+        "unicode-trie": "^2.0.0"
+      }
+    },
+    "node_modules/linebreak/node_modules/base64-js": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npmjs.org/base64-js/-/base64-js-0.0.8.tgz",
+      "integrity": "sha512-3XSA2cR/h/73EzlXXdU6YNycmYI7+kicTxks4eJg2g39biHR84slg2+des+p7iHYhbRg/udIS4TD53WabcOUkw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
    "node_modules/locate-path": {
      "version": "6.0.0",
      "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
@@ -7273,7 +7660,6 @@
      "version": "1.4.0",
      "resolved": "https://registry.npmjs.org/loose-envify/-/loose-envify-1.4.0.tgz",
      "integrity": "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==",
-      "dev": true,
      "license": "MIT",
      "dependencies": {
        "js-tokens": "^3.0.0 || ^4.0.0"
@@ -7328,6 +7714,12 @@
        "node": ">= 0.4"
      }
    },
+    "node_modules/media-engine": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/media-engine/-/media-engine-2.0.0.tgz",
+      "integrity": "sha512-FqNmlXKYrp5d3g7xEOMJb+6gXZE0fTssdyIQqYR4LbkifbNbS0hDylhNDOh8r6tCgLboHd8+mwgH2njgSYDpnQ==",
+      "license": "MIT"
+    },
    "node_modules/merge2": {
      "version": "1.4.1",
      "resolved": "https://registry.npmjs.org/merge2/-/merge2-1.4.1.tgz",
@@ -7539,11 +7931,19 @@
        "node": ">=18"
      }
    },
+    "node_modules/normalize-svg-path": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/normalize-svg-path/-/normalize-svg-path-1.1.0.tgz",
+      "integrity": "sha512-r9KHKG2UUeB5LoTouwDzBy2VxXlHsiM6fyLQvnJa0S5hrhzqElH/CH7TUGhT1fVvIYBIKf3OpY4YJ4CK+iaqHg==",
+      "license": "MIT",
+      "dependencies": {
+        "svg-arc-to-cubic-bezier": "^3.0.0"
+      }
+    },
    "node_modules/object-assign": {
      "version": "4.1.1",
      "resolved": "https://registry.npmjs.org/object-assign/-/object-assign-4.1.1.tgz",
      "integrity": "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg==",
-      "dev": true,
      "license": "MIT",
      "engines": {
        "node": ">=0.10.0"
@@ -7752,6 +8152,12 @@
        "url": "https://github.com/sponsors/sindresorhus"
      }
    },
+    "node_modules/pako": {
+      "version": "0.2.9",
+      "resolved": "https://registry.npmjs.org/pako/-/pako-0.2.9.tgz",
+      "integrity": "sha512-NUcwaKxUxWrZLpDG+z/xZaCgQITkA/Dv4V/T6bw7VON6l1Xz/VnrBqrYjZQ12TamKHzITTfOEIYUj48y2KXImA==",
+      "license": "MIT"
+    },
    "node_modules/parent-module": {
      "version": "1.0.1",
      "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -7765,6 +8171,12 @@
        "node": ">=6"
      }
    },
+    "node_modules/parse-svg-path": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npmjs.org/parse-svg-path/-/parse-svg-path-0.1.2.tgz",
+      "integrity": "sha512-JyPSBnkTJ0AI8GGJLfMXvKq42cj5c006fnLz6fXy6zfoVjJizi8BNTpu8on8ziI1cKy9d9DGNuY17Ce7wuejpQ==",
+      "license": "MIT"
+    },
    "node_modules/path-exists": {
      "version": "4.0.0",
      "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@@ -7799,6 +8211,20 @@
      "devOptional": true,
      "license": "MIT"
    },
+    "node_modules/pdfkit": {
+      "version": "0.20.1",
+      "resolved": "https://registry.npmjs.org/pdfkit/-/pdfkit-0.20.1.tgz",
+      "integrity": "sha512-1rRXK6x5o8I/3dBrBzXfxibpHpkfCnIA7EBAES7pEpGFc/65inMLlA8SalGWpJfal7BGekxeLf6A30IOpQpc5Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@noble/ciphers": "^1.3.0",
+        "@noble/hashes": "^1.8.0",
+        "fflate": "^0.8.3",
+        "fontkit": "^2.0.4",
+        "linebreak": "^1.1.0",
+        "png-js": "^2.0.0"
+      }
+    },
    "node_modules/perfect-debounce": {
      "version": "2.1.0",
      "resolved": "https://registry.npmjs.org/perfect-debounce/-/perfect-debounce-2.1.0.tgz",
@@ -7942,6 +8368,14 @@
      "devOptional": true,
      "license": "MIT"
    },
+    "node_modules/png-js": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/png-js/-/png-js-2.0.0.tgz",
+      "integrity": "sha512-GdzJuUMc6ZSpxFJWVxtOH1bzYHym+TOnveqUjb+VJIbZWbZzyiRGFiKhbiielfpYbgMlhHVhsJ0FTazfuRFkMA==",
+      "dependencies": {
+        "fflate": "^0.8.2"
+      }
+    },
    "node_modules/possible-typed-array-names": {
      "version": "1.1.0",
      "resolved": "https://registry.npmjs.org/possible-typed-array-names/-/possible-typed-array-names-1.1.0.tgz",
@@ -7980,6 +8414,12 @@
        "node": "^10 || ^12 || >=14"
      }
    },
+    "node_modules/postcss-value-parser": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/postcss-value-parser/-/postcss-value-parser-4.2.0.tgz",
+      "integrity": "sha512-1NNCs6uurfkVbeXG4S8JFT9t19m45ICnif8zWLd5oPSZ50QnwMfK+H3jv408d4jw/7Bttv5axS5IiHoLaVNHeQ==",
+      "license": "MIT"
+    },
    "node_modules/postgres": {
      "version": "3.4.7",
      "resolved": "https://registry.npmjs.org/postgres/-/postgres-3.4.7.tgz",
@@ -8097,7 +8537,6 @@
      "version": "15.8.1",
      "resolved": "https://registry.npmjs.org/prop-types/-/prop-types-15.8.1.tgz",
      "integrity": "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg==",
-      "dev": true,
      "license": "MIT",
      "dependencies": {
        "loose-envify": "^1.4.0",
@@ -8151,6 +8590,15 @@
      ],
      "license": "MIT"
    },
+    "node_modules/queue": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/queue/-/queue-6.0.2.tgz",
+      "integrity": "sha512-iHZWu+q3IdFZFX36ro/lKBkSvfkztY5Y7HMiPlOUjhupPcG2JMfst2KKEpu5XndviX/3UhFbRngUPNKtgvtZiA==",
+      "license": "MIT",
+      "dependencies": {
+        "inherits": "~2.0.3"
+      }
+    },
    "node_modules/queue-microtask": {
      "version": "1.2.3",
      "resolved": "https://registry.npmjs.org/queue-microtask/-/queue-microtask-1.2.3.tgz",
@@ -8208,7 +8656,6 @@
      "version": "16.13.1",
      "resolved": "https://registry.npmjs.org/react-is/-/react-is-16.13.1.tgz",
      "integrity": "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==",
-      "dev": true,
      "license": "MIT"
    },
    "node_modules/readdirp": {
@@ -8283,7 +8730,6 @@
      "version": "2.0.2",
      "resolved": "https://registry.npmjs.org/require-from-string/-/require-from-string-2.0.2.tgz",
      "integrity": "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==",
-      "devOptional": true,
      "license": "MIT",
      "engines": {
        "node": ">=0.10.0"
@@ -8333,6 +8779,12 @@
        "url": "https://github.com/privatenumber/resolve-pkg-maps?sponsor=1"
      }
    },
+    "node_modules/restructure": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/restructure/-/restructure-3.0.2.tgz",
+      "integrity": "sha512-gSfoiOEA0VPE6Tukkrr7I0RBdE0s7H1eFCDBk05l1KIQT1UIKNc5JZy6jdyW6eYH3aR3g5b3PuL77rq0hvwtAw==",
+      "license": "MIT"
+    },
    "node_modules/ret": {
      "version": "0.5.0",
      "resolved": "https://registry.npmjs.org/ret/-/ret-0.5.0.tgz",
@@ -9017,6 +9469,18 @@
        "url": "https://github.com/sponsors/ljharb"
      }
    },
+    "node_modules/svg-arc-to-cubic-bezier": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npmjs.org/svg-arc-to-cubic-bezier/-/svg-arc-to-cubic-bezier-3.2.0.tgz",
+      "integrity": "sha512-djbJ/vZKZO+gPoSDThGNpKDO+o+bAeA4XQKovvkNCqnIS2t+S4qnLAGQhyyrulhCFRl1WWzAp0wUDV8PpTVU3g==",
+      "license": "ISC"
+    },
+    "node_modules/tiny-inflate": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/tiny-inflate/-/tiny-inflate-1.0.3.tgz",
+      "integrity": "sha512-pkY1fj1cKHb2seWDy0B16HeWyczlJA9/WW3u3c4z/NiWDsO3DOU5D7nhTLE9CF0yXv/QZFY7sEJmj24dK+Rrqw==",
+      "license": "MIT"
+    },
    "node_modules/tinybench": {
      "version": "6.1.4",
      "resolved": "https://registry.npmjs.org/tinybench/-/tinybench-6.1.4.tgz",
@@ -9315,6 +9779,26 @@
      "integrity": "sha512-AsuCzffGHJybSaRrmr5eHr81mwJU3kjw6M+uprWvCXiNeN9SOGwQ3Jn8jb8m3Z6izVgknn1R0FTCEAP2QrLY/w==",
      "license": "MIT"
    },
+    "node_modules/unicode-properties": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/unicode-properties/-/unicode-properties-1.4.1.tgz",
+      "integrity": "sha512-CLjCCLQ6UuMxWnbIylkisbRj31qxHPAurvena/0iwSVbQ2G1VY5/HjV0IRabOEbDHlzZlRdCrD4NhB0JtU40Pg==",
+      "license": "MIT",
+      "dependencies": {
+        "base64-js": "^1.3.0",
+        "unicode-trie": "^2.0.0"
+      }
+    },
+    "node_modules/unicode-trie": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/unicode-trie/-/unicode-trie-2.0.0.tgz",
+      "integrity": "sha512-x7bc76x0bm4prf1VLg79uhAzKw8DVboClSN5VxJuQ+LKDOVEW9CdH+VY7SP+vX7xCYQqzzgQpFqz15zeLvAtZQ==",
+      "license": "MIT",
+      "dependencies": {
+        "pako": "^0.2.5",
+        "tiny-inflate": "^1.0.0"
+      }
+    },
    "node_modules/unrs-resolver": {
      "version": "1.12.2",
      "resolved": "https://registry.npmjs.org/unrs-resolver/-/unrs-resolver-1.12.2.tgz",
@@ -9789,6 +10273,12 @@
        "url": "https://github.com/sponsors/sindresorhus"
      }
    },
+    "node_modules/yoga-layout": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npmjs.org/yoga-layout/-/yoga-layout-3.2.1.tgz",
+      "integrity": "sha512-0LPOt3AxKqMdFBZA3HBAt/t/8vIKq7VaQYbuA8WxCgung+p9TVyKRYdpvCb80HcdTN2NkbIKbhNwKUfm3tQywQ==",
+      "license": "MIT"
+    },
    "node_modules/zeptomatch": {
      "version": "2.1.0",
      "resolved": "https://registry.npmjs.org/zeptomatch/-/zeptomatch-2.1.0.tgz",
@@ -1,6 +1,6 @@
 {
  "name": "proxledger",
-  "version": "0.2.0",
+  "version": "0.6.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
@@ -17,12 +17,14 @@
    "db:seed": "prisma db seed",
    "db:studio": "prisma studio",
    "db:generate": "prisma generate",
-    "postinstall": "prisma generate"
+    "postinstall": "prisma generate",
+    "issues:sync": "tsx scripts/gitea-issues.ts"
  },
  "dependencies": {
    "@node-rs/argon2": "^2.2.1",
    "@prisma/adapter-pg": "^7.10.0",
    "@prisma/client": "^7.10.0",
+    "@react-pdf/renderer": "^4.9.0",
    "admin-lte": "^4.9.1",
    "bootstrap": "^5.3.8",
    "bootstrap-icons": "^1.13.1",
@@ -0,0 +1,280 @@
+/**
+ * Überträgt die Issue-Dateien aus `docs/issues/` in den Gitea-Issue-Tracker.
+ *
+ *   GITEA_URL=https://git.wilde-server.de \
+ *   GITEA_REPO=florian.wilde/ProxLedger \
+ *   GITEA_TOKEN=... \
+ *   npm run issues:sync
+ *
+ * Ohne Token oder mit `--dry-run` läuft nur ein Trockenlauf: Es wird ausgegeben, was passieren würde.
+ * Die Markdown-Dateien bleiben die Quelle der Wahrheit; Gitea erhält eine Kopie zum Kommentieren.
+ */
+
+import { execFileSync } from "node:child_process";
+import { readFile, readdir } from "node:fs/promises";
+import "dotenv/config";
+import path from "node:path";
+
+interface IssueDatei {
+  nummer: number;
+  titel: string;
+  status: string;
+  meilenstein: string | null;
+  labels: string[];
+  koerper: string;
+  dateiname: string;
+}
+
+const LABEL_FARBEN: Record<string, string> = {
+  agent: "#1e7e34",
+  backend: "#007bff",
+  api: "#6f42c1",
+  ui: "#17a2b8",
+  datenbank: "#20c997",
+  sicherheit: "#c82333",
+  docs: "#6c757d",
+  deployment: "#fd7e14",
+  infrastruktur: "#495057",
+  alerts: "#ffc107",
+  buchhaltung: "#e83e8c",
+  export: "#0dcaf0",
+  prototyp: "#adb5bd",
+  test: "#198754",
+  chore: "#868e96",
+};
+
+function feld(inhalt: string, name: string): string | null {
+  const treffer = new RegExp(`^\\*\\*${name}:\\*\\*\\s*(.+)$`, "m").exec(inhalt);
+  return treffer ? treffer[1].trim() : null;
+}
+
+async function dateienLesen(verzeichnis: string): Promise<IssueDatei[]> {
+  const namen = (await readdir(verzeichnis)).filter((name) => /^\d{3}-.*\.md$/.test(name)).sort();
+
+  const issues: IssueDatei[] = [];
+  for (const dateiname of namen) {
+    const inhalt = await readFile(path.join(verzeichnis, dateiname), "utf8");
+    const kopf = /^#\s*#(\d+)\s+(.+)$/m.exec(inhalt);
+    if (!kopf) {
+      console.warn(`Übersprungen (keine Überschrift „# #NNN Titel“): ${dateiname}`);
+      continue;
+    }
+
+    // Der Körper beginnt nach den Kopfzeilen (Status, Meilenstein, Labels, Zeiten).
+    const körperStart = inhalt.indexOf("## Ziel");
+    issues.push({
+      nummer: Number(kopf[1]),
+      titel: kopf[2].trim(),
+      status: feld(inhalt, "Status") ?? "offen",
+      meilenstein: feld(inhalt, "Meilenstein"),
+      labels: (feld(inhalt, "Labels") ?? "")
+        .split(",")
+        .map((label) => label.trim().toLowerCase())
+        .filter(Boolean),
+      koerper: körperStart >= 0 ? inhalt.slice(körperStart).trim() : inhalt,
+      dateiname,
+    });
+  }
+  return issues;
+}
+
+class Gitea {
+  constructor(
+    private readonly basis: string,
+    private readonly repo: string,
+    private readonly token: string,
+  ) {}
+
+  private async anfrage<T>(pfad: string, optionen: RequestInit = {}): Promise<T> {
+    const antwort = await fetch(`${this.basis}/api/v1/repos/${this.repo}${pfad}`, {
+      ...optionen,
+      headers: {
+        Authorization: `token ${this.token}`,
+        "Content-Type": "application/json",
+        ...optionen.headers,
+      },
+    });
+
+    if (!antwort.ok) {
+      throw new Error(`Gitea antwortet mit ${antwort.status} auf ${pfad}: ${await antwort.text()}`);
+    }
+    return (await antwort.json()) as T;
+  }
+
+  labels() {
+    return this.anfrage<{ id: number; name: string }[]>("/labels?limit=100");
+  }
+
+  labelAnlegen(name: string) {
+    return this.anfrage<{ id: number; name: string }>("/labels", {
+      method: "POST",
+      body: JSON.stringify({ name, color: LABEL_FARBEN[name] ?? "#6c757d" }),
+    });
+  }
+
+  meilensteine() {
+    return this.anfrage<{ id: number; title: string }[]>("/milestones?state=all&limit=100");
+  }
+
+  meilensteinAnlegen(title: string) {
+    return this.anfrage<{ id: number; title: string }>("/milestones", {
+      method: "POST",
+      body: JSON.stringify({ title }),
+    });
+  }
+
+  issues() {
+    return this.anfrage<{ number: number; title: string; state: string }[]>("/issues?state=all&limit=200");
+  }
+
+  issueAnlegen(daten: Record<string, unknown>) {
+    return this.anfrage<{ number: number }>("/issues", { method: "POST", body: JSON.stringify(daten) });
+  }
+
+  issueAendern(nummer: number, daten: Record<string, unknown>) {
+    return this.anfrage<{ number: number }>(`/issues/${nummer}`, {
+      method: "PATCH",
+      body: JSON.stringify(daten),
+    });
+  }
+}
+
+/**
+ * Ermittelt Serveradresse und Repo aus dem Git-Remote, damit beides nicht doppelt gepflegt werden muss.
+ * Beispiel: https://git.example.de/benutzer/ProxLedger.git → { basis, repo }
+ */
+function ausRemote(): { basis: string; repo: string } | null {
+  try {
+    const url = execFileSync("git", ["remote", "get-url", "origin"], { encoding: "utf8" }).trim();
+    const treffer = /^https?:\/\/(?:[^@/]*@)?([^/]+)\/(.+?)(?:\.git)?$/.exec(url);
+    if (!treffer) return null;
+    return { basis: `https://${treffer[1]}`, repo: treffer[2] };
+  } catch {
+    return null;
+  }
+}
+
+/**
+ * Holt den Token aus den Git-Zugangsdaten (Schlüsselbund oder `~/.git-credentials`).
+ * So genügt ein einziger Token für Push und API – er muss nicht zusätzlich in der .env stehen.
+ */
+function tokenAusGitCredentials(basis: string): string | null {
+  const host = new URL(basis).host;
+
+  // Erst die eingerichteten Helfer (z. B. Schlüsselbund), dann zusätzlich die Datei
+  // ~/.git-credentials – je nach Rechner ist mal das eine, mal das andere gefüllt.
+  for (const zusatz of [[], ["-c", "credential.helper=store"]]) {
+    try {
+      const antwort = execFileSync("git", [...zusatz, "credential", "fill"], {
+        input: `protocol=https\nhost=${host}\n\n`,
+        encoding: "utf8",
+        // Keine Rückfrage im Terminal: Wenn nichts hinterlegt ist, soll der Aufruf scheitern.
+        env: { ...process.env, GIT_TERMINAL_PROMPT: "0" },
+        stdio: ["pipe", "pipe", "ignore"],
+      });
+      const passwort = /^password=(.*)$/m.exec(antwort);
+      if (passwort?.[1]) return passwort[1];
+    } catch {
+      // Nächste Möglichkeit versuchen.
+    }
+  }
+
+  return null;
+}
+
+/** Titel in Gitea, z. B. „#004 Agent-Skript“ – daran werden vorhandene Issues wiedererkannt. */
+function giteaTitel(issue: IssueDatei): string {
+  return `#${String(issue.nummer).padStart(3, "0")} ${issue.titel}`;
+}
+
+async function main() {
+  const trockenlauf = process.argv.includes("--dry-run");
+  const remote = ausRemote();
+  const basis = (process.env.GITEA_URL ?? remote?.basis ?? "").replace(/\/$/, "");
+  const repo = process.env.GITEA_REPO ?? remote?.repo ?? "";
+  const token = process.env.GITEA_TOKEN || (basis ? (tokenAusGitCredentials(basis) ?? "") : "");
+  const tokenQuelle = process.env.GITEA_TOKEN ? "Umgebungsvariable" : "Git-Zugangsdaten";
+
+  const verzeichnis = path.join(process.cwd(), "docs", "issues");
+  const issues = await dateienLesen(verzeichnis);
+  console.log(`${issues.length} Issue-Dateien gelesen.`);
+
+  if (trockenlauf || !basis || !repo || !token) {
+    if (!trockenlauf) {
+      console.log(
+        "\nAdresse, Repo oder Token nicht ermittelbar – es läuft nur ein Trockenlauf.\n" +
+          "Entweder GITEA_TOKEN setzen oder einmal `git push` ausführen, damit der Token hinterlegt wird.\n",
+      );
+    }
+    for (const issue of issues) {
+      console.log(
+        `  ${giteaTitel(issue)}  [${issue.status}]  Meilenstein ${issue.meilenstein ?? "–"}  Labels: ${
+          issue.labels.join(", ") || "–"
+        }`,
+      );
+    }
+    console.log(
+      `\nZiel wäre: ${basis || "?"}/${repo || "?"} – Token ${token ? "vorhanden" : "fehlt"}.` +
+        "\nDer Token wird aus den Git-Zugangsdaten gelesen; er braucht zusätzlich das Recht „issue:write“.",
+    );
+    return;
+  }
+
+  console.log(`Ziel: ${basis}/${repo} (Token aus: ${tokenQuelle})`);
+  const gitea = new Gitea(basis, repo, token);
+
+  const vorhandeneLabels = new Map((await gitea.labels()).map((l) => [l.name.toLowerCase(), l.id]));
+  const benoetigteLabels = [...new Set(issues.flatMap((issue) => issue.labels))];
+  for (const name of benoetigteLabels) {
+    if (!vorhandeneLabels.has(name)) {
+      const neu = await gitea.labelAnlegen(name);
+      vorhandeneLabels.set(name, neu.id);
+      console.log(`Label angelegt: ${name}`);
+    }
+  }
+
+  const vorhandeneMeilensteine = new Map((await gitea.meilensteine()).map((m) => [m.title, m.id]));
+  const benoetigteMeilensteine = [
+    ...new Set(issues.map((issue) => issue.meilenstein).filter((m): m is string => Boolean(m))),
+  ].sort();
+  for (const titel of benoetigteMeilensteine) {
+    if (!vorhandeneMeilensteine.has(titel)) {
+      const neu = await gitea.meilensteinAnlegen(titel);
+      vorhandeneMeilensteine.set(titel, neu.id);
+      console.log(`Meilenstein angelegt: ${titel}`);
+    }
+  }
+
+  const vorhandeneIssues = new Map((await gitea.issues()).map((i) => [i.title, i]));
+
+  for (const issue of issues) {
+    const titel = giteaTitel(issue);
+    const daten = {
+      title: titel,
+      body: `${issue.koerper}\n\n---\nQuelle: \`docs/issues/${issue.dateiname}\` – dort wird dieses Issue gepflegt.`,
+      labels: issue.labels
+        .map((name) => vorhandeneLabels.get(name))
+        .filter((id): id is number => Boolean(id)),
+      milestone: issue.meilenstein ? vorhandeneMeilensteine.get(issue.meilenstein) : undefined,
+    };
+
+    const vorhanden = vorhandeneIssues.get(titel);
+    const zustand = issue.status.startsWith("erledigt") ? "closed" : "open";
+
+    if (vorhanden) {
+      await gitea.issueAendern(vorhanden.number, { ...daten, state: zustand });
+      console.log(`Aktualisiert: ${titel} (${zustand})`);
+    } else {
+      const neu = await gitea.issueAnlegen(daten);
+      if (zustand === "closed") await gitea.issueAendern(neu.number, { state: "closed" });
+      console.log(`Angelegt: ${titel} (${zustand})`);
+    }
+  }
+
+  console.log("\nAbgleich abgeschlossen.");
+}
+
+main().catch((fehler) => {
+  console.error(fehler instanceof Error ? fehler.message : fehler);
+  process.exit(1);
+});
@@ -1,34 +1,175 @@
+import Link from "next/link";
 import { ContentHeader } from "@/components/layout/ContentHeader";
+import { TokenFormular } from "@/components/tokens/TokenFormular";
+import { Badge } from "@/components/ui/Badges";
 import { Card } from "@/components/ui/Card";
-import { CopyableCode } from "@/components/ui/CopyableCode";
+import { formatDatum, formatDatumZeit } from "@/lib/format";
+import { prisma } from "@/lib/db";
+import { enrollmentTokenWiderrufen, hostTokenWiderrufen } from "@/server/actions/tokens";

 export const metadata = { title: "Agent-Tokens" };

-export default function TokensSeite() {
+export default async function TokensSeite() {
+  const dashboardUrl = (process.env.APP_URL ?? "https://dashboard.example.de").replace(/\/$/, "");
+
+  const [kunden, enrollmentTokens, hostTokens] = await Promise.all([
+    prisma.kunde.findMany({ orderBy: { name: "asc" }, select: { id: true, name: true } }),
+    prisma.enrollmentToken.findMany({
+      orderBy: { erstelltAm: "desc" },
+      include: { kunde: { select: { name: true } } },
+    }),
+    prisma.agentToken.findMany({
+      orderBy: { erstelltAm: "desc" },
+      include: { host: { select: { id: true, hostname: true } } },
+    }),
+  ]);
+
+  const jetzt = new Date();
+
+  function zustand(token: {
+    widerrufenAm: Date | null;
+    gueltigBis: Date | null;
+    maxNutzungen: number | null;
+    nutzungen: number;
+  }) {
+    if (token.widerrufenAm) return { text: "Widerrufen", farbe: "neutral" as const };
+    if (token.gueltigBis && token.gueltigBis < jetzt) return { text: "Abgelaufen", farbe: "danger" as const };
+    if (token.maxNutzungen !== null && token.nutzungen >= token.maxNutzungen)
+      return { text: "Aufgebraucht", farbe: "warning" as const };
+    return { text: "Gültig", farbe: "success" as const };
+  }
+
  return (
    <>
      <ContentHeader
        titel="Agent-Tokens"
        brotkrumen={[{ titel: "Einstellungen" }, { titel: "Agent-Tokens" }]}
      />
+
      <div className="app-content">
        <div className="container-fluid">
-          <Card titel="Agent installieren" rahmen="primary">
-            <p>
-              Auf dem Proxmox-Host als root ausführen. Der Enrollment-Token gilt bis zum angegebenen Datum und
-              kann mehrfach verwendet werden.
+          <Card titel="Neuen Enrollment-Token erzeugen" rahmen="primary">
+            <p className="text-body-secondary">
+              Mit einem Enrollment-Token registriert sich ein Agent einmalig und erhält dabei seinen eigenen
+              Host-Token. Ist ein Kunde hinterlegt, sind neue Hosts sofort zugeordnet und tauchen nicht unter{" "}
+              <Link href="/hosts/nicht-zugeordnet">Nicht zugeordnet</Link> auf.
            </p>
-            <pre className="bg-body-secondary p-3 rounded">
-              <code className="pl-mono">
-                curl -fsSL https://proxledger.example.de/install.sh | bash -s -- --token plx_e_BEISPIEL
-              </code>
-            </pre>
-            <CopyableCode wert="plx_e_BEISPIEL" />
+            <TokenFormular kunden={kunden} dashboardUrl={dashboardUrl} />
          </Card>
-          <Card titel="Vorhandene Tokens" rahmen="info">
-            <p className="text-body-secondary mb-0">
-              Ausgabe, Ablauf und Widerruf von Enrollment- und Host-Tokens folgen in #006.
-            </p>
+
+          <Card titel={`Enrollment-Tokens (${enrollmentTokens.length})`} rahmen="info" tabelle>
+            <div className="table-responsive">
+              <table className="table table-striped align-middle">
+                <thead>
+                  <tr>
+                    <th scope="col">Bezeichnung</th>
+                    <th scope="col">Anfang</th>
+                    <th scope="col">Kunde</th>
+                    <th scope="col">Gültig bis</th>
+                    <th scope="col">Nutzungen</th>
+                    <th scope="col">Zustand</th>
+                    <th scope="col" className="text-end">
+                      Aktion
+                    </th>
+                  </tr>
+                </thead>
+                <tbody>
+                  {enrollmentTokens.map((token) => {
+                    const status = zustand(token);
+                    return (
+                      <tr key={token.id}>
+                        <td>{token.bezeichnung ?? "–"}</td>
+                        <td className="pl-mono">{token.praefix}…</td>
+                        <td>{token.kunde?.name ?? "–"}</td>
+                        <td>{formatDatum(token.gueltigBis)}</td>
+                        <td>
+                          {token.nutzungen}
+                          {token.maxNutzungen !== null ? ` / ${token.maxNutzungen}` : ""}
+                        </td>
+                        <td>
+                          <Badge farbe={status.farbe}>{status.text}</Badge>
+                        </td>
+                        <td className="text-end">
+                          {token.widerrufenAm ? null : (
+                            <form action={enrollmentTokenWiderrufen}>
+                              <input type="hidden" name="id" value={token.id} />
+                              <button type="submit" className="btn btn-sm btn-outline-danger">
+                                Widerrufen
+                              </button>
+                            </form>
+                          )}
+                        </td>
+                      </tr>
+                    );
+                  })}
+                  {enrollmentTokens.length === 0 ? (
+                    <tr>
+                      <td colSpan={7} className="text-center text-body-secondary py-4">
+                        Noch kein Enrollment-Token erzeugt.
+                      </td>
+                    </tr>
+                  ) : null}
+                </tbody>
+              </table>
+            </div>
+          </Card>
+
+          <Card titel={`Host-Tokens (${hostTokens.length})`} rahmen="info" tabelle>
+            <div className="table-responsive">
+              <table className="table table-striped align-middle">
+                <thead>
+                  <tr>
+                    <th scope="col">Host</th>
+                    <th scope="col">Anfang</th>
+                    <th scope="col">Erstellt</th>
+                    <th scope="col">Zuletzt benutzt</th>
+                    <th scope="col">Zustand</th>
+                    <th scope="col" className="text-end">
+                      Aktion
+                    </th>
+                  </tr>
+                </thead>
+                <tbody>
+                  {hostTokens.map((token) => (
+                    <tr key={token.id}>
+                      <td>
+                        <Link href={`/hosts/${token.host.id}`} className="text-decoration-none">
+                          {token.host.hostname}
+                        </Link>
+                      </td>
+                      <td className="pl-mono">{token.praefix}…</td>
+                      <td>{formatDatum(token.erstelltAm)}</td>
+                      <td>{formatDatumZeit(token.letzteNutzungAm)}</td>
+                      <td>
+                        {token.widerrufenAm ? (
+                          <Badge farbe="neutral">Widerrufen</Badge>
+                        ) : (
+                          <Badge farbe="success">Aktiv</Badge>
+                        )}
+                      </td>
+                      <td className="text-end">
+                        {token.widerrufenAm ? null : (
+                          <form action={hostTokenWiderrufen}>
+                            <input type="hidden" name="id" value={token.id} />
+                            <input type="hidden" name="hostId" value={token.host.id} />
+                            <button type="submit" className="btn btn-sm btn-outline-danger">
+                              Widerrufen
+                            </button>
+                          </form>
+                        )}
+                      </td>
+                    </tr>
+                  ))}
+                  {hostTokens.length === 0 ? (
+                    <tr>
+                      <td colSpan={6} className="text-center text-body-secondary py-4">
+                        Noch kein Host registriert.
+                      </td>
+                    </tr>
+                  ) : null}
+                </tbody>
+              </table>
+            </div>
          </Card>
        </div>
      </div>
@@ -1,5 +1,6 @@
 import Link from "next/link";
 import { notFound } from "next/navigation";
+import { HostNotizen } from "@/components/hosts/HostNotizen";
 import { ContentHeader } from "@/components/layout/ContentHeader";
 import {
  AblaufBadge,
@@ -12,25 +13,18 @@ import {
 import { Card } from "@/components/ui/Card";
 import { CopyableCode } from "@/components/ui/CopyableCode";
 import { Tabs } from "@/components/ui/Tabs";
+import { PRODUKT_TEXT } from "@/lib/anzeige";
+import { prisma } from "@/lib/db";
 import { formatDatum, formatDatumZeit, formatEuro, formatUptime, formatZahl } from "@/lib/format";
-import { HEUTE, hosts } from "@/mock/data";
-import {
-  PRODUKT_NAME,
-  alertsVonHost,
-  getHost,
-  getKunde,
-  hostMeldetNicht,
-  laufzeitenVonHost,
-  reportsVonHost,
-} from "@/mock/queries";
-
-export function generateStaticParams() {
-  return hosts.map((host) => ({ id: host.id }));
-}
+import { hostKundeSetzen } from "@/server/actions/host-detail";
+import { hostTokenWiderrufen } from "@/server/actions/tokens";
+import { hostMitDetails } from "@/server/queries/hostliste";
+import { meldungsGrenze } from "@/server/queries/hosts";

 export async function generateMetadata({ params }: { params: Promise<{ id: string }> }) {
  const { id } = await params;
-  return { title: getHost(id)?.hostname ?? "Host" };
+  const host = await prisma.host.findUnique({ where: { id }, select: { hostname: true } });
+  return { title: host?.hostname ?? "Host" };
 }

 function Zeile({ bezeichnung, children }: { bezeichnung: string; children: React.ReactNode }) {
@@ -44,51 +38,52 @@ function Zeile({ bezeichnung, children }: { bezeichnung: string; children: React

 export default async function HostDetailSeite({ params }: { params: Promise<{ id: string }> }) {
  const { id } = await params;
-  const host = getHost(id);
+  const host = await hostMitDetails(id);
  if (!host) notFound();

-  const kunde = getKunde(host.kundeId);
-  const standort = kunde?.standorte.find((s) => s.id === host.standortId);
-  const laufzeiten = laufzeitenVonHost(host.id);
-  const reports = reportsVonHost(host.id);
-  const alerts = alertsVonHost(host.id);
-  const keys = [...new Set(laufzeiten.map((l) => l.key))];
+  const kunden = await prisma.kunde.findMany({
+    orderBy: { name: "asc" },
+    select: { id: true, name: true },
+  });
+
+  const jetzt = new Date();
+  const meldetNicht = !host.letzterReportAm || host.letzterReportAm < meldungsGrenze(jetzt);
+  const socketAbweichung =
+    host.subLizenzierteSockets !== null &&
+    host.sockets !== null &&
+    host.subLizenzierteSockets !== host.sockets;

  return (
    <>
      <ContentHeader
        titel={host.hostname}
        brotkrumen={[{ titel: "Hosts", href: "/hosts" }, { titel: host.hostname }]}
-        aktion={<StatusBadge status={host.subscription.status} />}
+        aktion={<StatusBadge status={host.subStatus} />}
      />

      <div className="app-content">
        <div className="container-fluid">
-          {alerts.length > 0 ? (
-            <div className="row">
-              <div className="col-12">
-                <Card titel="Offene Warnungen" rahmen="danger">
-                  <ul className="list-unstyled mb-0">
-                    {alerts.map((alert) => (
-                      <li key={alert.id} className="mb-2">
-                        <Badge
-                          farbe={
-                            alert.schwere === "gefahr"
-                              ? "danger"
-                              : alert.schwere === "warnung"
-                                ? "warning"
-                                : "info"
-                          }
-                        >
-                          {alert.titel}
-                        </Badge>{" "}
-                        <span className="small text-body-secondary">{alert.beschreibung}</span>
-                      </li>
-                    ))}
-                  </ul>
-                </Card>
-              </div>
-            </div>
+          {host.alerts.length > 0 ? (
+            <Card titel={`Offene Warnungen (${host.alerts.length})`} rahmen="danger">
+              <ul className="list-unstyled mb-0">
+                {host.alerts.map((alert) => (
+                  <li key={alert.id} className="mb-2">
+                    <Badge
+                      farbe={
+                        alert.schwere === "GEFAHR"
+                          ? "danger"
+                          : alert.schwere === "WARNUNG"
+                            ? "warning"
+                            : "info"
+                      }
+                    >
+                      {alert.titel}
+                    </Badge>{" "}
+                    <span className="small text-body-secondary">{alert.beschreibung}</span>
+                  </li>
+                ))}
+              </ul>
+            </Card>
          ) : null}

          <div className="row">
@@ -98,40 +93,69 @@ export default async function HostDetailSeite({ params }: { params: Promise<{ id
                  <i className="bi bi-hdd-rack fs-1 text-body-secondary" aria-hidden="true" />
                  <h2 className="h5 mt-2 mb-1">{host.hostname}</h2>
                  <div className="text-body-secondary small">{host.fqdn ?? "Kein FQDN gemeldet"}</div>
-                  {hostMeldetNicht(host) ? <KeineMeldungBadge /> : null}
+                  {meldetNicht ? <KeineMeldungBadge /> : null}
                </div>

                <Zeile bezeichnung="Kunde">
-                  {kunde ? (
-                    <Link href={`/kunden/${kunde.id}`}>{kunde.name}</Link>
+                  {host.kunde ? (
+                    <Link href={`/kunden/${host.kunde.id}`}>{host.kunde.name}</Link>
                  ) : (
-                    <Link href="/hosts/nicht-zugeordnet" className="badge pl-bg-neutral text-decoration-none">
-                      Nicht zugeordnet
-                    </Link>
+                    <span className="badge pl-bg-neutral">Nicht zugeordnet</span>
                  )}
                </Zeile>
-                <Zeile bezeichnung="Standort">{standort?.name ?? "–"}</Zeile>
-                <Zeile bezeichnung="Produkt">{PRODUKT_NAME[host.produkt]}</Zeile>
+                <Zeile bezeichnung="Standort">{host.standort?.name ?? "–"}</Zeile>
+                <Zeile bezeichnung="Produkt">{PRODUKT_TEXT[host.produkt]}</Zeile>
                <Zeile bezeichnung="Version">{host.produktVersion ?? "–"}</Zeile>
                <Zeile bezeichnung="Kernel">{host.kernel ?? "–"}</Zeile>
                <Zeile bezeichnung="Server-ID">
                  <CopyableCode wert={host.serverId} />
                </Zeile>
                <Zeile bezeichnung="Cluster / Node">
-                  {host.clusterName ? `${host.clusterName} / ${host.nodeName}` : "–"}
+                  {host.clusterName ? `${host.clusterName} / ${host.nodeName ?? "?"}` : "–"}
                </Zeile>
-                <Zeile bezeichnung="IP-Adressen">{host.ips.join(", ")}</Zeile>
+                <Zeile bezeichnung="IP-Adressen">{host.ips.join(", ") || "–"}</Zeile>
                <Zeile bezeichnung="CPU">{host.cpuModell ?? "–"}</Zeile>
                <Zeile bezeichnung="Sockets (lizenziert / physisch)">
-                  {host.subscription.lizenzierteSockets ?? "–"} / {host.sockets ?? "–"}
+                  {host.subLizenzierteSockets ?? "–"} / {host.sockets ?? "–"}
+                  {socketAbweichung ? (
+                    <i
+                      className="bi bi-exclamation-triangle-fill pl-text-warning ms-2"
+                      title="Lizenzierte und physische Sockets weichen ab"
+                    />
+                  ) : null}
+                </Zeile>
+                <Zeile bezeichnung="Uptime">
+                  {formatUptime(host.uptimeSekunden === null ? null : Number(host.uptimeSekunden))}
                </Zeile>
-                <Zeile bezeichnung="Uptime">{formatUptime(host.uptimeSekunden)}</Zeile>
                <Zeile bezeichnung="Paket-Updates">{formatZahl(host.paketUpdates)}</Zeile>
-                <Zeile bezeichnung="Agent-Version">{host.agentVersion}</Zeile>
-                <Zeile bezeichnung="Letzte Meldung">{formatDatumZeit(host.letzterReport)}</Zeile>
-                <div className="d-grid gap-2 mt-3">
-                  <span className="btn btn-outline-secondary disabled">Kunde ändern (ab #006)</span>
-                </div>
+                <Zeile bezeichnung="Agent-Version">{host.agentVersion ?? "–"}</Zeile>
+                <Zeile bezeichnung="Erstmals gesehen">{formatDatum(host.erstmalsGesehenAm)}</Zeile>
+                <Zeile bezeichnung="Letzte Meldung">{formatDatumZeit(host.letzterReportAm)}</Zeile>
+
+                <form action={hostKundeSetzen} className="mt-3">
+                  <input type="hidden" name="hostId" value={host.id} />
+                  <label className="form-label small" htmlFor="kundeId">
+                    Kunde ändern
+                  </label>
+                  <div className="input-group input-group-sm">
+                    <select
+                      id="kundeId"
+                      name="kundeId"
+                      className="form-select"
+                      defaultValue={host.kundeId ?? ""}
+                    >
+                      <option value="">– nicht zugeordnet –</option>
+                      {kunden.map((kunde) => (
+                        <option key={kunde.id} value={kunde.id}>
+                          {kunde.name}
+                        </option>
+                      ))}
+                    </select>
+                    <button type="submit" className="btn btn-outline-primary">
+                      Setzen
+                    </button>
+                  </div>
+                </form>
              </Card>
            </div>

@@ -145,93 +169,150 @@ export default async function HostDetailSeite({ params }: { params: Promise<{ id
                    inhalt: (
                      <>
                        <Zeile bezeichnung="Subscription-Key">
-                          <CopyableCode wert={host.subscription.key} />
+                          <CopyableCode wert={host.subKey} />
                        </Zeile>
                        <Zeile bezeichnung="Status">
-                          <StatusBadge status={host.subscription.status} />
+                          <StatusBadge status={host.subStatus} />
                        </Zeile>
-                        <Zeile bezeichnung="Produktname">{host.subscription.produktname ?? "–"}</Zeile>
-                        <Zeile bezeichnung="Level">{host.subscription.level ?? "–"}</Zeile>
-                        <Zeile bezeichnung="Registriert am">{formatDatum(host.subscription.regdate)}</Zeile>
+                        <Zeile bezeichnung="Produktname">{host.subProduktname ?? "–"}</Zeile>
+                        <Zeile bezeichnung="Level">{host.subLevel ?? "–"}</Zeile>
+                        <Zeile bezeichnung="Registriert am">{formatDatum(host.subRegdate)}</Zeile>
                        <Zeile bezeichnung="Läuft ab am">
-                          <AblaufBadge datum={host.subscription.nextduedate} heute={HEUTE} />
+                          <AblaufBadge datum={host.subNextduedate?.toISOString() ?? null} heute={jetzt} />
                        </Zeile>
                        <Zeile bezeichnung="Letzte Prüfung durch Proxmox">
-                          {formatDatumZeit(host.subscription.checktime)}
+                          {formatDatumZeit(host.subChecktime)}
                        </Zeile>
                        <div className="mt-3">
-                          {host.tags.map((tag) => (
-                            <span key={tag} className="badge pl-bg-neutral me-1">
-                              {tag}
-                            </span>
-                          ))}
+                          {host.tags.length === 0 ? (
+                            <span className="text-body-secondary small">Keine Tags</span>
+                          ) : (
+                            host.tags.map((tag) => (
+                              <span key={tag.id} className="badge pl-bg-neutral me-1">
+                                {tag.name}
+                              </span>
+                            ))
+                          )}
                        </div>
                      </>
                    ),
                  },
                  {
-                    id: "keys",
+                    id: "historie",
                    titel: "Subscription-Historie",
                    icon: "bi-key",
                    inhalt: (
-                      <table className="table table-striped align-middle mb-0">
-                        <thead>
-                          <tr>
-                            <th scope="col">Key</th>
-                            <th scope="col">Erste Laufzeit</th>
-                            <th scope="col">Letzte Laufzeit</th>
-                          </tr>
-                        </thead>
-                        <tbody>
-                          {keys.map((key) => {
-                            const zugehoerig = laufzeiten.filter((l) => l.key === key);
-                            return (
-                              <tr key={key}>
+                      <>
+                        <h3 className="h6">Keys</h3>
+                        <table className="table table-striped align-middle mb-4">
+                          <thead>
+                            <tr>
+                              <th scope="col">Key</th>
+                              <th scope="col">Erstmals gemeldet</th>
+                              <th scope="col">Zuletzt gemeldet</th>
+                            </tr>
+                          </thead>
+                          <tbody>
+                            {host.keyHistorie.map((eintrag) => (
+                              <tr key={eintrag.id}>
                                <td>
-                                  <CopyableCode wert={key} />
+                                  <CopyableCode wert={eintrag.key} />
                                </td>
-                                <td>{formatDatum(zugehoerig[zugehoerig.length - 1]?.start)}</td>
-                                <td>{formatDatum(zugehoerig[0]?.ende)}</td>
+                                <td>{formatDatum(eintrag.ersteMeldung)}</td>
+                                <td>{formatDatum(eintrag.letzteMeldung)}</td>
                              </tr>
-                            );
-                          })}
-                        </tbody>
-                      </table>
+                            ))}
+                            {host.keyHistorie.length === 0 ? (
+                              <tr>
+                                <td colSpan={3} className="text-body-secondary">
+                                  Noch kein Key gemeldet.
+                                </td>
+                              </tr>
+                            ) : null}
+                          </tbody>
+                        </table>
+
+                        <h3 className="h6">Server-IDs</h3>
+                        <table className="table table-striped align-middle mb-0">
+                          <thead>
+                            <tr>
+                              <th scope="col">Server-ID</th>
+                              <th scope="col">Erstmals gemeldet</th>
+                              <th scope="col">Zuletzt gemeldet</th>
+                            </tr>
+                          </thead>
+                          <tbody>
+                            {host.serverIdHistorie.map((eintrag) => (
+                              <tr key={eintrag.id}>
+                                <td>
+                                  <CopyableCode wert={eintrag.serverId} />
+                                </td>
+                                <td>{formatDatum(eintrag.ersteMeldung)}</td>
+                                <td>{formatDatum(eintrag.letzteMeldung)}</td>
+                              </tr>
+                            ))}
+                            {host.serverIdHistorie.length === 0 ? (
+                              <tr>
+                                <td colSpan={3} className="text-body-secondary">
+                                  Noch keine Server-ID gemeldet.
+                                </td>
+                              </tr>
+                            ) : null}
+                          </tbody>
+                        </table>
+                        {host.serverIdHistorie.length > 1 ? (
+                          <p className="small pl-text-warning mt-2 mb-0">
+                            Mehrere Server-IDs bedeuten Hardwaretausch oder Neuinstallation – der Key muss
+                            dann bei Proxmox neu zugewiesen werden.
+                          </p>
+                        ) : null}
+                      </>
                    ),
                  },
                  {
                    id: "reports",
-                    titel: "Reports",
+                    titel: `Reports (${host.reports.length})`,
                    icon: "bi-clock-history",
                    inhalt: (
-                      <table className="table table-striped align-middle mb-0">
-                        <thead>
-                          <tr>
-                            <th scope="col">Zeitpunkt</th>
-                            <th scope="col">Status</th>
-                            <th scope="col">Key</th>
-                            <th scope="col">Ablauf</th>
-                            <th scope="col">Updates</th>
-                            <th scope="col">Agent</th>
-                          </tr>
-                        </thead>
-                        <tbody>
-                          {reports.map((report) => (
-                            <tr key={report.id}>
-                              <td>{formatDatumZeit(report.zeitpunkt)}</td>
-                              <td>
-                                <StatusBadge status={report.status} />
-                              </td>
-                              <td>
-                                <span className="pl-mono">{report.key ?? "–"}</span>
-                              </td>
-                              <td>{formatDatum(report.nextduedate)}</td>
-                              <td>{formatZahl(report.paketUpdates)}</td>
-                              <td>{report.agentVersion}</td>
+                      <div className="table-responsive">
+                        <table className="table table-striped align-middle mb-0">
+                          <thead>
+                            <tr>
+                              <th scope="col">Erhoben</th>
+                              <th scope="col">Empfangen</th>
+                              <th scope="col">Status</th>
+                              <th scope="col">Key</th>
+                              <th scope="col">Ablauf</th>
+                              <th scope="col">Updates</th>
+                              <th scope="col">Agent</th>
                            </tr>
-                          ))}
-                        </tbody>
-                      </table>
+                          </thead>
+                          <tbody>
+                            {host.reports.map((report) => (
+                              <tr key={report.id}>
+                                <td>{formatDatumZeit(report.erhobenAm)}</td>
+                                <td className="small text-body-secondary">
+                                  {formatDatumZeit(report.empfangenAm)}
+                                </td>
+                                <td>
+                                  <StatusBadge status={report.subStatus} />
+                                </td>
+                                <td className="pl-mono">{report.subKey ?? "–"}</td>
+                                <td>{formatDatum(report.subNextduedate)}</td>
+                                <td>{formatZahl(report.paketUpdates)}</td>
+                                <td>{report.agentVersion ?? "–"}</td>
+                              </tr>
+                            ))}
+                            {host.reports.length === 0 ? (
+                              <tr>
+                                <td colSpan={7} className="text-body-secondary">
+                                  Noch kein Report eingegangen.
+                                </td>
+                              </tr>
+                            ) : null}
+                          </tbody>
+                        </table>
+                      </div>
                    ),
                  },
                  {
@@ -239,69 +320,141 @@ export default async function HostDetailSeite({ params }: { params: Promise<{ id
                    titel: "Rechnungen",
                    icon: "bi-receipt",
                    inhalt: (
-                      <table className="table table-striped align-middle mb-0">
-                        <thead>
-                          <tr>
-                            <th scope="col">Laufzeit</th>
-                            <th scope="col">Proxmox-Rechnung</th>
-                            <th scope="col">Einkauf</th>
-                            <th scope="col">Kundenrechnung</th>
-                            <th scope="col">Verkauf</th>
-                            <th scope="col">Marge</th>
-                          </tr>
-                        </thead>
-                        <tbody>
-                          {laufzeiten.map((laufzeit) => (
-                            <tr key={laufzeit.id}>
-                              <td>
-                                {formatDatum(laufzeit.start)} – {formatDatum(laufzeit.ende)}
-                                {laufzeit.vorschlag ? (
-                                  <span className="badge pl-bg-info ms-2">Vorschlag</span>
-                                ) : null}
-                              </td>
-                              <td>
-                                <CopyableCode wert={laufzeit.einkauf?.nummer ?? null} />
-                                <div>
-                                  <EinkaufBadge
-                                    bezahlt={laufzeit.einkauf ? laufzeit.einkauf.bezahlt : null}
-                                  />
-                                </div>
-                              </td>
-                              <td>{formatEuro(laufzeit.einkauf?.nettoBetrag)}</td>
-                              <td>
-                                <CopyableCode wert={laufzeit.verkauf?.nummer ?? null} />
-                                <div>
-                                  <VerkaufBadge
-                                    erstellt={laufzeit.verkauf?.erstellt ?? false}
-                                    bezahlt={laufzeit.verkauf?.bezahlt ?? false}
-                                  />
-                                </div>
-                              </td>
-                              <td>{formatEuro(laufzeit.verkauf?.nettoBetrag)}</td>
-                              <td>
-                                {laufzeit.einkauf && laufzeit.verkauf?.nettoBetrag
-                                  ? formatEuro(
-                                      (laufzeit.verkauf.nettoBetrag ?? 0) -
-                                        (laufzeit.einkauf.nettoBetrag ?? 0),
-                                    )
-                                  : "–"}
-                              </td>
+                      <div className="table-responsive">
+                        <table className="table table-striped align-middle mb-0">
+                          <thead>
+                            <tr>
+                              <th scope="col">Laufzeit</th>
+                              <th scope="col">Proxmox-Rechnung</th>
+                              <th scope="col">Einkauf</th>
+                              <th scope="col">Kundenrechnung</th>
+                              <th scope="col">Verkauf</th>
+                              <th scope="col">Marge</th>
                            </tr>
-                          ))}
-                        </tbody>
-                      </table>
+                          </thead>
+                          <tbody>
+                            {host.laufzeiten.map((laufzeit) => {
+                              const einkauf = laufzeit.proxmoxPosition
+                                ? Number(laufzeit.proxmoxPosition.nettoBetrag)
+                                : null;
+                              const verkauf = laufzeit.kundenPosition
+                                ? Number(laufzeit.kundenPosition.nettoBetrag)
+                                : null;
+                              return (
+                                <tr key={laufzeit.id}>
+                                  <td>
+                                    {formatDatum(laufzeit.start)} – {formatDatum(laufzeit.ende)}
+                                    {laufzeit.status === "VORSCHLAG" ? (
+                                      <span className="badge pl-bg-info ms-2">Vorschlag</span>
+                                    ) : null}
+                                  </td>
+                                  <td>
+                                    <CopyableCode wert={laufzeit.proxmoxPosition?.rechnung.nummer ?? null} />
+                                    <div>
+                                      <EinkaufBadge
+                                        bezahlt={
+                                          laufzeit.proxmoxPosition
+                                            ? laufzeit.proxmoxPosition.rechnung.bezahlt
+                                            : null
+                                        }
+                                      />
+                                    </div>
+                                  </td>
+                                  <td>{formatEuro(einkauf)}</td>
+                                  <td>
+                                    <CopyableCode wert={laufzeit.kundenPosition?.rechnung.nummer ?? null} />
+                                    <div>
+                                      <VerkaufBadge
+                                        erstellt={laufzeit.kundenPosition?.rechnung.erstellt ?? false}
+                                        bezahlt={laufzeit.kundenPosition?.rechnung.bezahlt ?? false}
+                                      />
+                                    </div>
+                                  </td>
+                                  <td>{formatEuro(verkauf)}</td>
+                                  <td>
+                                    {einkauf !== null && verkauf !== null
+                                      ? formatEuro(verkauf - einkauf)
+                                      : "–"}
+                                  </td>
+                                </tr>
+                              );
+                            })}
+                            {host.laufzeiten.length === 0 ? (
+                              <tr>
+                                <td colSpan={6} className="text-body-secondary">
+                                  Noch keine Laufzeit erfasst.
+                                </td>
+                              </tr>
+                            ) : null}
+                          </tbody>
+                        </table>
+                      </div>
                    ),
                  },
                  {
                    id: "notizen",
-                    titel: "Notizen",
+                    titel: "Notizen und Tags",
                    icon: "bi-journal-text",
                    inhalt: (
-                      <p className="mb-0">
-                        {host.notizen ?? (
-                          <span className="text-body-secondary">Keine Notizen hinterlegt.</span>
-                        )}
-                      </p>
+                      <HostNotizen
+                        hostId={host.id}
+                        notizen={host.notizen}
+                        tags={host.tags.map((tag) => tag.name)}
+                      />
+                    ),
+                  },
+                  {
+                    id: "tokens",
+                    titel: "Tokens",
+                    icon: "bi-key-fill",
+                    inhalt: (
+                      <table className="table table-striped align-middle mb-0">
+                        <thead>
+                          <tr>
+                            <th scope="col">Anfang</th>
+                            <th scope="col">Erstellt</th>
+                            <th scope="col">Zuletzt benutzt</th>
+                            <th scope="col">Zustand</th>
+                            <th scope="col" className="text-end">
+                              Aktion
+                            </th>
+                          </tr>
+                        </thead>
+                        <tbody>
+                          {host.tokens.map((token) => (
+                            <tr key={token.id}>
+                              <td className="pl-mono">{token.praefix}…</td>
+                              <td>{formatDatum(token.erstelltAm)}</td>
+                              <td>{formatDatumZeit(token.letzteNutzungAm)}</td>
+                              <td>
+                                {token.widerrufenAm ? (
+                                  <Badge farbe="neutral">Widerrufen</Badge>
+                                ) : (
+                                  <Badge farbe="success">Aktiv</Badge>
+                                )}
+                              </td>
+                              <td className="text-end">
+                                {token.widerrufenAm ? null : (
+                                  <form action={hostTokenWiderrufen}>
+                                    <input type="hidden" name="id" value={token.id} />
+                                    <input type="hidden" name="hostId" value={host.id} />
+                                    <button type="submit" className="btn btn-sm btn-outline-danger">
+                                      Widerrufen
+                                    </button>
+                                  </form>
+                                )}
+                              </td>
+                            </tr>
+                          ))}
+                          {host.tokens.length === 0 ? (
+                            <tr>
+                              <td colSpan={5} className="text-body-secondary">
+                                Kein Token vorhanden – dieser Host stammt aus den Demo-Daten.
+                              </td>
+                            </tr>
+                          ) : null}
+                        </tbody>
+                      </table>
                    ),
                  },
                ]}
@@ -0,0 +1,107 @@
+import { PRODUKT_TEXT, STATUS_TEXT, statusAusDatenbank } from "@/lib/anzeige";
+import { csvAntwort, csvDatei } from "@/lib/csv";
+import { formatDatum } from "@/lib/format";
+import { Bericht, pdfAntwort, Tabelle } from "@/server/pdf/dokument";
+import { hostListe, type HostFilter } from "@/server/queries/hostliste";
+
+type ExportHost = Awaited<ReturnType<typeof hostListe>>["hosts"][number];
+
+export const dynamic = "force-dynamic";
+
+/** CSV-Export der Host-Tabelle; übernimmt die Filter aus der Adresse. */
+export async function GET(request: Request) {
+  const parameter = new URL(request.url).searchParams;
+  const filter: HostFilter = {
+    q: parameter.get("q") ?? undefined,
+    kunde: parameter.get("kunde") ?? undefined,
+    status: parameter.get("status") ?? undefined,
+    produkt: parameter.get("produkt") ?? undefined,
+    ablauf: (parameter.get("ablauf") as HostFilter["ablauf"]) ?? undefined,
+    rechnung: (parameter.get("rechnung") as HostFilter["rechnung"]) ?? undefined,
+    sortierung: parameter.get("sortierung") ?? undefined,
+    // Der Export enthält alle Treffer, nicht nur die aktuelle Seite.
+    seite: 1,
+  };
+
+  const { gesamt } = await hostListe({ ...filter }, new Date());
+  const alle: ExportHost[] = [];
+  for (let seite = 1; alle.length < gesamt; seite++) {
+    const teil = await hostListe({ ...filter, seite }, new Date());
+    if (teil.hosts.length === 0) break;
+    alle.push(...teil.hosts);
+  }
+
+  const datum = new Date().toISOString().slice(0, 10);
+
+  if (new URL(request.url).searchParams.get("format") === "pdf") {
+    return pdfAntwort(
+      Bericht({
+        titel: "Host-Liste",
+        untertitel: `${alle.length} Hosts`,
+        quer: true,
+        children: Tabelle({
+          spalten: [
+            { titel: "Host", breite: 18, wert: (h: ExportHost) => h.hostname },
+            { titel: "Kunde", breite: 18, wert: (h) => h.kunde?.name ?? "Nicht zugeordnet" },
+            { titel: "Produkt", breite: 15, wert: (h) => PRODUKT_TEXT[h.produkt] },
+            { titel: "Status", breite: 12, wert: (h) => STATUS_TEXT[statusAusDatenbank(h.subStatus)] },
+            { titel: "Key", breite: 15, wert: (h) => h.subKey ?? "–" },
+            {
+              titel: "Sockets",
+              breite: 8,
+              wert: (h) => `${h.subLizenzierteSockets ?? "–"} / ${h.sockets ?? "–"}`,
+              rechts: true,
+            },
+            {
+              titel: "Ablauf",
+              breite: 14,
+              wert: (h) => (h.subNextduedate ? formatDatum(h.subNextduedate) : "–"),
+              rechts: true,
+            },
+          ],
+          zeilen: alle,
+        }),
+      }),
+      `proxledger-hosts-${datum}.pdf`,
+    );
+  }
+
+  const inhalt = csvDatei(
+    [
+      "Hostname",
+      "FQDN",
+      "Kunde",
+      "Standort",
+      "Produkt",
+      "Version",
+      "Status",
+      "Subscription-Key",
+      "Server-ID",
+      "Sockets lizenziert",
+      "Sockets physisch",
+      "Ablauf",
+      "Letzte Meldung",
+      "IP-Adressen",
+      "Agent-Version",
+    ],
+    alle.map((host) => [
+      host.hostname,
+      host.fqdn,
+      host.kunde?.name ?? "Nicht zugeordnet",
+      host.standort?.name ?? "",
+      PRODUKT_TEXT[host.produkt],
+      host.produktVersion,
+      STATUS_TEXT[statusAusDatenbank(host.subStatus)],
+      host.subKey,
+      host.serverId,
+      host.subLizenzierteSockets,
+      host.sockets,
+      host.subNextduedate,
+      host.letzterReportAm,
+      host.ips.join(", "),
+      host.agentVersion,
+    ]),
+  );
+
+  return csvAntwort(inhalt, `proxledger-hosts-${datum}.csv`);
+}
@@ -1,15 +1,25 @@
+import Link from "next/link";
 import { ContentHeader } from "@/components/layout/ContentHeader";
+import { ZuweisungsFormular } from "@/components/hosts/ZuweisungsFormular";
 import { Callout } from "@/components/ui/Callout";
 import { Card } from "@/components/ui/Card";
-import { CopyableCode } from "@/components/ui/CopyableCode";
-import { formatDatumZeit } from "@/lib/format";
-import { kunden } from "@/mock/data";
-import { PRODUKT_NAME, nichtZugeordneteHosts } from "@/mock/queries";
+import { prisma } from "@/lib/db";
+import { hostsOhneKunde } from "@/server/queries/hosts";

 export const metadata = { title: "Nicht zugeordnete Hosts" };

-export default function NichtZugeordnetSeite() {
-  const liste = nichtZugeordneteHosts();
+export default async function NichtZugeordnetSeite() {
+  const [hosts, kunden] = await Promise.all([
+    hostsOhneKunde(),
+    prisma.kunde.findMany({
+      orderBy: { name: "asc" },
+      select: {
+        id: true,
+        name: true,
+        standorte: { select: { id: true, name: true }, orderBy: { name: "asc" } },
+      },
+    }),
+  ]);

  return (
    <>
@@ -20,83 +30,40 @@ export default function NichtZugeordnetSeite() {

      <div className="app-content">
        <div className="container-fluid">
-          <Callout titel="Schnellzuweisung" farbe="info">
-            Mehrere Hosts auswählen und gemeinsam einem Kunden zuweisen. Im Prototyp ist das Formular noch
-            ohne Funktion – die Zuweisung folgt in #006.
-          </Callout>
+          {hosts.length === 0 ? (
+            <Callout titel="Alles zugeordnet" farbe="info">
+              Jeder gemeldete Host gehört zu einem Kunden. Neu registrierte Hosts erscheinen automatisch hier.
+            </Callout>
+          ) : (
+            <Callout titel="Schnellzuweisung" farbe="warning">
+              Hosts auswählen, Kunde wählen und in einem Schritt zuweisen. Wer Hosts direkt vorzuordnen
+              möchte, erzeugt unter <Link href="/einstellungen/tokens">Agent-Tokens</Link> einen
+              Enrollment-Token mit Kundenbindung – damit landen neue Hosts sofort beim richtigen Kunden.
+            </Callout>
+          )}

-          <Card titel={`${liste.length} Hosts ohne Kunde`} rahmen="warning" tabelle>
-            <div className="table-responsive">
-              <table className="table table-striped align-middle">
-                <thead>
-                  <tr>
-                    <th scope="col">
-                      <input type="checkbox" className="form-check-input" aria-label="Alle auswählen" />
-                    </th>
-                    <th scope="col">Host</th>
-                    <th scope="col">Produkt</th>
-                    <th scope="col">Server-ID</th>
-                    <th scope="col">Key</th>
-                    <th scope="col">Erste Meldung</th>
-                  </tr>
-                </thead>
-                <tbody>
-                  {liste.map((host) => (
-                    <tr key={host.id}>
-                      <td>
-                        <input
-                          type="checkbox"
-                          className="form-check-input"
-                          aria-label={`${host.hostname} auswählen`}
-                          defaultChecked
-                        />
-                      </td>
-                      <td className="fw-semibold">{host.hostname}</td>
-                      <td>{PRODUKT_NAME[host.produkt]}</td>
-                      <td>
-                        <CopyableCode wert={host.serverId} />
-                      </td>
-                      <td>
-                        <CopyableCode wert={host.subscription.key} />
-                      </td>
-                      <td>{formatDatumZeit(host.letzterReport)}</td>
-                    </tr>
-                  ))}
-                </tbody>
-              </table>
-            </div>
-          </Card>
+          {kunden.length === 0 ? (
+            <Callout titel="Noch kein Kunde vorhanden" farbe="danger">
+              Zum Zuweisen wird mindestens ein Kunde benötigt.{" "}
+              <Link href="/kunden/neu">Jetzt einen Kunden anlegen.</Link>
+            </Callout>
+          ) : null}

-          <Card titel="Ausgewählte Hosts zuweisen">
-            <div className="row g-2 align-items-end">
-              <div className="col-md-5">
-                <label className="form-label" htmlFor="kunde">
-                  Kunde
-                </label>
-                <select id="kunde" className="form-select">
-                  {kunden.map((kunde) => (
-                    <option key={kunde.id}>{kunde.name}</option>
-                  ))}
-                </select>
-              </div>
-              <div className="col-md-5">
-                <label className="form-label" htmlFor="standort">
-                  Standort (optional)
-                </label>
-                <select id="standort" className="form-select">
-                  <option>– kein Standort –</option>
-                  {kunden[0].standorte.map((standort) => (
-                    <option key={standort.id}>{standort.name}</option>
-                  ))}
-                </select>
-              </div>
-              <div className="col-md-2">
-                <button type="button" className="btn btn-primary w-100" disabled>
-                  Zuweisen
-                </button>
-              </div>
-            </div>
-          </Card>
+          {hosts.length > 0 ? (
+            <Card titel={`${hosts.length} Hosts ohne Kunde`} rahmen="warning" tabelle>
+              <ZuweisungsFormular
+                hosts={hosts.map((host) => ({
+                  id: host.id,
+                  hostname: host.hostname,
+                  produkt: host.produkt,
+                  serverId: host.serverId,
+                  subKey: host.subKey,
+                  erstmalsGesehenAm: host.erstmalsGesehenAm.toISOString(),
+                }))}
+                kunden={kunden}
+              />
+            </Card>
+          ) : null}
        </div>
      </div>
    </>
@@ -1,23 +1,96 @@
 import Link from "next/link";
 import { ContentHeader } from "@/components/layout/ContentHeader";
+import { HostFilterLeiste } from "@/components/hosts/HostFilterLeiste";
 import { AblaufBadge, KeineMeldungBadge, StatusBadge } from "@/components/ui/Badges";
 import { Card } from "@/components/ui/Card";
 import { CopyableCode } from "@/components/ui/CopyableCode";
-import { HEUTE, hosts } from "@/mock/data";
-import { PRODUKT_NAME, getKunde, hostMeldetNicht, suche } from "@/mock/queries";
+import { PRODUKT_TEXT } from "@/lib/anzeige";
+import { formatDatumZeit } from "@/lib/format";
+import { filterOptionen, hostListe, type HostFilter } from "@/server/queries/hostliste";

 export const metadata = { title: "Hosts" };

-export default async function HostsSeite({
-  searchParams,
-}: {
-  searchParams: Promise<{ q?: string; status?: string; kunde?: string }>;
-}) {
-  const { q, status, kunde } = await searchParams;
+type SuchParameter = Promise<Record<string, string | string[] | undefined>>;

-  let liste = q ? suche(q).hosts : hosts;
-  if (status) liste = liste.filter((h) => h.subscription.status === status);
-  if (kunde) liste = liste.filter((h) => h.kundeId === kunde);
+function einzeln(wert: string | string[] | undefined): string | undefined {
+  const text = Array.isArray(wert) ? wert[0] : wert;
+  return text && text.length > 0 ? text : undefined;
+}
+
+/** Baut eine Adresse mit geänderten Parametern – für Sortierung, Blättern und Export. */
+function mitParametern(
+  basis: Record<string, string | undefined>,
+  aenderung: Record<string, string | undefined> = {},
+  pfad = "/hosts",
+) {
+  const params = new URLSearchParams();
+  for (const [schluessel, wert] of Object.entries({ ...basis, ...aenderung })) {
+    if (wert) params.set(schluessel, wert);
+  }
+  const text = params.toString();
+  return text ? `${pfad}?${text}` : pfad;
+}
+
+/** Spaltenkopf, der beim Klick die Sortierung umschaltet. */
+function SortierKopf({
+  titel,
+  feld,
+  basis,
+  sortierung,
+}: {
+  titel: string;
+  feld: string;
+  basis: Record<string, string | undefined>;
+  sortierung: string | undefined;
+}) {
+  const aktiv = (sortierung ?? "hostname").startsWith(feld);
+  const absteigend = sortierung === `${feld}-ab`;
+  return (
+    <th scope="col">
+      <Link
+        href={mitParametern(basis, { sortierung: absteigend ? feld : `${feld}-ab`, seite: undefined })}
+        className="text-decoration-none text-body d-inline-flex align-items-center gap-1"
+      >
+        {titel}
+        {aktiv ? (
+          <i
+            className={`bi ${absteigend ? "bi-caret-down-fill" : "bi-caret-up-fill"} small`}
+            aria-hidden="true"
+          />
+        ) : null}
+      </Link>
+    </th>
+  );
+}
+
+export default async function HostsSeite({ searchParams }: { searchParams: SuchParameter }) {
+  const roh = await searchParams;
+  const filter: HostFilter = {
+    q: einzeln(roh.q),
+    kunde: einzeln(roh.kunde),
+    status: einzeln(roh.status),
+    produkt: einzeln(roh.produkt),
+    ablauf: einzeln(roh.ablauf) as HostFilter["ablauf"],
+    rechnung: einzeln(roh.rechnung) as HostFilter["rechnung"],
+    sortierung: einzeln(roh.sortierung),
+    seite: Number(einzeln(roh.seite) ?? 1),
+  };
+
+  const jetzt = new Date();
+  const [{ hosts, gesamt, seite, seiten }, optionen] = await Promise.all([
+    hostListe(filter, jetzt),
+    filterOptionen(),
+  ]);
+
+  const basis: Record<string, string | undefined> = {
+    q: filter.q,
+    kunde: filter.kunde,
+    status: filter.status,
+    produkt: filter.produkt,
+    ablauf: filter.ablauf,
+    rechnung: filter.rechnung,
+    sortierung: filter.sortierung,
+  };

  return (
    <>
@@ -26,7 +99,7 @@ export default async function HostsSeite({
      <div className="app-content">
        <div className="container-fluid">
          <Card
-            titel={`${liste.length} von ${hosts.length} Hosts`}
+            titel={`${gesamt} Host${gesamt === 1 ? "" : "s"}${gesamt !== hosts.length ? ` · Seite ${seite} von ${seiten}` : ""}`}
            rahmen="primary"
            tabelle
            werkzeuge={
@@ -34,106 +107,120 @@ export default async function HostsSeite({
                <Link href="/hosts/nicht-zugeordnet" className="btn btn-sm btn-outline-primary">
                  Nicht zugeordnete
                </Link>
-                <span className="btn btn-sm btn-outline-secondary disabled">CSV-Export (ab #007)</span>
+                <a
+                  href={mitParametern(basis, {}, "/hosts/export")}
+                  className="btn btn-sm btn-outline-secondary"
+                >
+                  <i className="bi bi-filetype-csv me-1" aria-hidden="true" />
+                  CSV
+                </a>
              </>
            }
          >
-            <form className="p-3 border-bottom row g-2" role="search">
-              <div className="col-md-5">
-                <input
-                  type="search"
-                  name="q"
-                  defaultValue={q ?? ""}
-                  className="form-control"
-                  placeholder="Hostname, Key, Server-ID oder IP …"
-                  aria-label="Hosts durchsuchen"
-                />
-              </div>
-              <div className="col-md-3">
-                <select name="status" defaultValue={status ?? ""} className="form-select" aria-label="Status">
-                  <option value="">Alle Status</option>
-                  <option value="active">Aktiv</option>
-                  <option value="expired">Abgelaufen</option>
-                  <option value="notfound">Keine Subscription</option>
-                </select>
-              </div>
-              <div className="col-md-2">
-                <button type="submit" className="btn btn-primary w-100">
-                  Filtern
-                </button>
-              </div>
-            </form>
+            <HostFilterLeiste kunden={optionen.kunden} werte={basis} />

            <div className="table-responsive">
              <table className="table table-striped align-middle">
                <thead>
                  <tr>
-                    <th scope="col">Host</th>
-                    <th scope="col">Kunde</th>
+                    <SortierKopf titel="Host" feld="hostname" basis={basis} sortierung={filter.sortierung} />
+                    <SortierKopf titel="Kunde" feld="kunde" basis={basis} sortierung={filter.sortierung} />
                    <th scope="col">Produkt</th>
-                    <th scope="col">Status</th>
+                    <SortierKopf titel="Status" feld="status" basis={basis} sortierung={filter.sortierung} />
                    <th scope="col">Key</th>
-                    <th scope="col">Ablauf</th>
+                    <SortierKopf titel="Ablauf" feld="ablauf" basis={basis} sortierung={filter.sortierung} />
                    <th scope="col">Sockets</th>
+                    <SortierKopf
+                      titel="Letzte Meldung"
+                      feld="meldung"
+                      basis={basis}
+                      sortierung={filter.sortierung}
+                    />
                  </tr>
                </thead>
                <tbody>
-                  {liste.map((host) => {
-                    const kundeDesHosts = getKunde(host.kundeId);
-                    const socketAbweichung =
-                      host.subscription.lizenzierteSockets !== null &&
-                      host.sockets !== null &&
-                      host.subscription.lizenzierteSockets !== host.sockets;
-                    return (
-                      <tr key={host.id}>
-                        <td>
-                          <Link href={`/hosts/${host.id}`} className="fw-semibold text-decoration-none">
-                            {host.hostname}
+                  {hosts.map((host) => (
+                    <tr key={host.id}>
+                      <td>
+                        <Link href={`/hosts/${host.id}`} className="fw-semibold text-decoration-none">
+                          {host.hostname}
+                        </Link>
+                        {host.meldetNicht ? <KeineMeldungBadge /> : null}
+                        <div className="small text-body-secondary">{host.ips.join(", ") || "–"}</div>
+                      </td>
+                      <td>
+                        {host.kunde ? (
+                          <Link href={`/kunden/${host.kunde.id}`} className="text-decoration-none">
+                            {host.kunde.name}
                          </Link>
-                          {hostMeldetNicht(host) ? <KeineMeldungBadge /> : null}
-                          <div className="small text-body-secondary">{host.ips.join(", ")}</div>
-                        </td>
-                        <td>
-                          {kundeDesHosts ? (
-                            <Link href={`/kunden/${kundeDesHosts.id}`} className="text-decoration-none">
-                              {kundeDesHosts.name}
-                            </Link>
-                          ) : (
-                            <span className="badge pl-bg-neutral">Nicht zugeordnet</span>
-                          )}
-                        </td>
-                        <td>{PRODUKT_NAME[host.produkt]}</td>
-                        <td>
-                          <StatusBadge status={host.subscription.status} />
-                        </td>
-                        <td>
-                          <CopyableCode wert={host.subscription.key} />
-                        </td>
-                        <td>
-                          <AblaufBadge datum={host.subscription.nextduedate} heute={HEUTE} />
-                        </td>
-                        <td>
-                          {host.subscription.lizenzierteSockets ?? "–"} / {host.sockets ?? "–"}
-                          {socketAbweichung ? (
-                            <i
-                              className="bi bi-exclamation-triangle-fill pl-text-warning ms-2"
-                              title="Lizenzierte und physische Sockets weichen ab"
-                            />
-                          ) : null}
-                        </td>
-                      </tr>
-                    );
-                  })}
-                  {liste.length === 0 ? (
+                        ) : (
+                          <Link
+                            href="/hosts/nicht-zugeordnet"
+                            className="badge pl-bg-neutral text-decoration-none"
+                          >
+                            Nicht zugeordnet
+                          </Link>
+                        )}
+                        {host.standort ? (
+                          <div className="small text-body-secondary">{host.standort.name}</div>
+                        ) : null}
+                      </td>
+                      <td>{PRODUKT_TEXT[host.produkt]}</td>
+                      <td>
+                        <StatusBadge status={host.subStatus} />
+                      </td>
+                      <td>
+                        <CopyableCode wert={host.subKey} />
+                      </td>
+                      <td>
+                        <AblaufBadge datum={host.subNextduedate?.toISOString() ?? null} heute={jetzt} />
+                      </td>
+                      <td>
+                        {host.subLizenzierteSockets ?? "–"} / {host.sockets ?? "–"}
+                        {host.socketAbweichung ? (
+                          <i
+                            className="bi bi-exclamation-triangle-fill pl-text-warning ms-2"
+                            title="Lizenzierte und physische Sockets weichen ab"
+                          />
+                        ) : null}
+                      </td>
+                      <td className="small">{formatDatumZeit(host.letzterReportAm)}</td>
+                    </tr>
+                  ))}
+                  {hosts.length === 0 ? (
                    <tr>
-                      <td colSpan={7} className="text-center text-body-secondary py-4">
-                        Keine Hosts gefunden.
+                      <td colSpan={8} className="text-center text-body-secondary py-4">
+                        Keine Hosts gefunden. <Link href="/hosts">Filter zurücksetzen</Link>
                      </td>
                    </tr>
                  ) : null}
                </tbody>
              </table>
            </div>
+
+            {seiten > 1 ? (
+              <nav className="p-3 border-top" aria-label="Seiten">
+                <ul className="pagination pagination-sm mb-0">
+                  <li className={`page-item ${seite <= 1 ? "disabled" : ""}`}>
+                    <Link className="page-link" href={mitParametern(basis, { seite: String(seite - 1) })}>
+                      Zurück
+                    </Link>
+                  </li>
+                  {Array.from({ length: seiten }, (_, i) => i + 1).map((nummer) => (
+                    <li key={nummer} className={`page-item ${nummer === seite ? "active" : ""}`}>
+                      <Link className="page-link" href={mitParametern(basis, { seite: String(nummer) })}>
+                        {nummer}
+                      </Link>
+                    </li>
+                  ))}
+                  <li className={`page-item ${seite >= seiten ? "disabled" : ""}`}>
+                    <Link className="page-link" href={mitParametern(basis, { seite: String(seite + 1) })}>
+                      Weiter
+                    </Link>
+                  </li>
+                </ul>
+              </nav>
+            ) : null}
          </Card>
        </div>
      </div>
@@ -1,26 +1,31 @@
 import Link from "next/link";
 import { ContentHeader } from "@/components/layout/ContentHeader";
+import { AblaufBadge, EinkaufBadge, VerkaufBadge } from "@/components/ui/Badges";
 import { Card } from "@/components/ui/Card";
-import { formatDatum, tageBis } from "@/lib/format";
-import { HEUTE, hosts, kunden } from "@/mock/data";
+import { CopyableCode } from "@/components/ui/CopyableCode";
+import { formatDatum, formatTageBis } from "@/lib/format";
+import { ablaufDaten } from "@/server/queries/jahresbahn";

 export const metadata = { title: "Jahresbahn" };

 const MONATE = ["Jan", "Feb", "Mär", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dez"];
+const GESAMT_TAGE = 365;

-export default function JahresbahnSeite() {
-  const start = new Date(Date.UTC(HEUTE.getUTCFullYear(), HEUTE.getUTCMonth(), 1));
-  const gesamtTage = 365;
+export default async function JahresbahnSeite() {
+  const jetzt = new Date();
+  const { gruppen, naechste90Tage, abgelaufen } = await ablaufDaten(jetzt);

-  function position(datum: string): number | null {
-    const tage = Math.round((new Date(datum).getTime() - start.getTime()) / 86_400_000);
-    if (tage < 0 || tage > gesamtTage) return null;
-    return (tage / gesamtTage) * 100;
+  // Die Bahn beginnt am Ersten des laufenden Monats und zeigt zwölf Monate.
+  const start = new Date(Date.UTC(jetzt.getUTCFullYear(), jetzt.getUTCMonth(), 1));
+
+  function position(datum: Date): number | null {
+    const tage = Math.round((datum.getTime() - start.getTime()) / 86_400_000);
+    if (tage < 0 || tage > GESAMT_TAGE) return null;
+    return (tage / GESAMT_TAGE) * 100;
  }

-  const heutePosition = position(HEUTE.toISOString().slice(0, 10)) ?? 0;
-
-  const monatsBeschriftung = Array.from({ length: 12 }, (_, i) => {
+  const heutePosition = position(jetzt) ?? 0;
+  const monate = Array.from({ length: 12 }, (_, i) => {
    const datum = new Date(Date.UTC(start.getUTCFullYear(), start.getUTCMonth() + i, 1));
    return `${MONATE[datum.getUTCMonth()]} ${String(datum.getUTCFullYear()).slice(2)}`;
  });
@@ -31,79 +36,175 @@ export default function JahresbahnSeite() {

      <div className="app-content">
        <div className="container-fluid">
-          <Card titel="Abläufe der nächsten 12 Monate" rahmen="primary">
-            <div className="table-responsive">
-              <div style={{ minWidth: "760px" }}>
-                <div className="d-flex text-body-secondary small mb-2" style={{ marginLeft: "12rem" }}>
-                  {monatsBeschriftung.map((monat) => (
-                    <div key={monat} style={{ width: `${100 / 12}%` }}>
-                      {monat}
-                    </div>
-                  ))}
-                </div>
-
-                {kunden.map((kunde) => {
-                  const eigene = hosts.filter(
-                    (h) => h.kundeId === kunde.id && h.subscription.nextduedate !== null,
-                  );
-                  if (eigene.length === 0) return null;
-                  return (
-                    <div key={kunde.id} className="mb-3">
-                      <div className="fw-semibold small mb-1">
-                        <Link href={`/kunden/${kunde.id}`} className="text-decoration-none">
-                          {kunde.name}
-                        </Link>
+          <Card titel="Abläufe der nächsten zwölf Monate" rahmen="primary">
+            {gruppen.length === 0 ? (
+              <p className="mb-0 text-body-secondary">Noch kein Host mit Ablaufdatum gemeldet.</p>
+            ) : (
+              <div className="table-responsive">
+                <div style={{ minWidth: "820px" }}>
+                  <div className="d-flex text-body-secondary small mb-2" style={{ marginLeft: "13rem" }}>
+                    {monate.map((monat) => (
+                      <div key={monat} style={{ width: `${100 / 12}%` }}>
+                        {monat}
                      </div>
-                      {eigene.map((host) => {
-                        const datum = host.subscription.nextduedate!;
-                        const links = position(datum.slice(0, 10));
-                        const tage = tageBis(datum, HEUTE);
+                    ))}
+                  </div>
+
+                  {gruppen.map((gruppe) => (
+                    <div key={gruppe.kundeId ?? "ohne"} className="mb-3">
+                      <div className="fw-semibold small mb-1">
+                        {gruppe.kundeId ? (
+                          <Link href={`/kunden/${gruppe.kundeId}`} className="text-decoration-none">
+                            {gruppe.name}
+                          </Link>
+                        ) : (
+                          <span className="badge pl-bg-neutral">{gruppe.name}</span>
+                        )}
+                      </div>
+
+                      {gruppe.eintraege.map((eintrag) => {
+                        const links = position(eintrag.ablauf);
                        const farbe =
-                          tage === null || tage < 14
+                          eintrag.tage < 14
                            ? "var(--pl-danger)"
-                            : tage < 30
+                            : eintrag.tage < 30
                              ? "var(--pl-warning)"
                              : "var(--pl-info)";
                        return (
-                          <div key={host.id} className="d-flex align-items-center mb-1">
-                            <div className="small text-truncate" style={{ width: "12rem" }}>
-                              <Link href={`/hosts/${host.id}`} className="text-decoration-none">
-                                {host.hostname}
+                          <div key={eintrag.hostId} className="d-flex align-items-center mb-1">
+                            <div className="small text-truncate" style={{ width: "13rem" }}>
+                              <Link href={`/hosts/${eintrag.hostId}`} className="text-decoration-none">
+                                {eintrag.hostname}
                              </Link>
                            </div>
                            <div className="pl-timeline-row flex-grow-1 position-relative">
                              <div className="pl-timeline-heute" style={{ left: `${heutePosition}%` }} />
                              {links === null ? (
                                <span className="small text-body-secondary ms-2">
-                                  außerhalb des Zeitraums ({formatDatum(datum)})
+                                  außerhalb des Zeitraums ({formatDatum(eintrag.ablauf)})
                                </span>
                              ) : (
-                                <div
-                                  className="pl-timeline-bar"
+                                <Link
+                                  href={
+                                    eintrag.laufzeitId
+                                      ? `/rechnungen/${eintrag.laufzeitId}`
+                                      : `/hosts/${eintrag.hostId}`
+                                  }
+                                  className="pl-timeline-bar text-decoration-none"
                                  style={{
-                                    left: `${Math.max(0, links - 6)}%`,
+                                    left: `${Math.min(92, Math.max(0, links - 5))}%`,
                                    backgroundColor: farbe,
                                    color: farbe === "var(--pl-warning)" ? "var(--pl-warning-text)" : "#fff",
                                  }}
-                                  title={`${host.hostname} läuft am ${formatDatum(datum)} ab`}
+                                  title={`${eintrag.hostname} läuft am ${formatDatum(eintrag.ablauf)} ab`}
                                >
-                                  {formatDatum(datum)}
-                                </div>
+                                  {formatDatum(eintrag.ablauf)}
+                                </Link>
                              )}
                            </div>
                          </div>
                        );
                      })}
                    </div>
-                  );
-                })}
+                  ))}
+                </div>
              </div>
-            </div>
+            )}
+
            <p className="small text-body-secondary mb-0">
-              Die rote Linie markiert heute ({formatDatum(HEUTE)}). Farbe der Balken: rot unter 14 Tagen, gelb
-              unter 30 Tagen, sonst blau.
+              Die rote Linie markiert heute ({formatDatum(jetzt)}). Balkenfarbe: rot unter 14 Tagen, gelb
+              unter 30 Tagen, sonst blau. Ein Klick führt zur Laufzeit mit ihren Rechnungen.
            </p>
          </Card>
+
+          <div className="row">
+            <div className="col-lg-8">
+              <Card
+                titel={`Ablauf-Kalender: nächste 90 Tage (${naechste90Tage.length})`}
+                rahmen="warning"
+                tabelle
+              >
+                <div className="table-responsive">
+                  <table className="table table-striped align-middle">
+                    <thead>
+                      <tr>
+                        <th scope="col">Ablauf</th>
+                        <th scope="col">Host</th>
+                        <th scope="col">Kunde</th>
+                        <th scope="col">Key</th>
+                        <th scope="col">Proxmox</th>
+                        <th scope="col">Kundenrechnung</th>
+                      </tr>
+                    </thead>
+                    <tbody>
+                      {naechste90Tage.map((eintrag) => (
+                        <tr key={eintrag.hostId}>
+                          <td>
+                            <AblaufBadge datum={eintrag.ablauf.toISOString()} heute={jetzt} />
+                          </td>
+                          <td>
+                            <Link href={`/hosts/${eintrag.hostId}`} className="text-decoration-none">
+                              {eintrag.hostname}
+                            </Link>
+                          </td>
+                          <td>
+                            {eintrag.kunde ? (
+                              <Link href={`/kunden/${eintrag.kunde.id}`} className="text-decoration-none">
+                                {eintrag.kunde.name}
+                              </Link>
+                            ) : (
+                              <span className="badge pl-bg-neutral">Nicht zugeordnet</span>
+                            )}
+                          </td>
+                          <td>
+                            <CopyableCode wert={eintrag.key} />
+                          </td>
+                          <td>
+                            <EinkaufBadge bezahlt={eintrag.einkaufBezahlt} />
+                          </td>
+                          <td>
+                            <VerkaufBadge erstellt={eintrag.verkaufErstellt ?? false} bezahlt={false} />
+                          </td>
+                        </tr>
+                      ))}
+                      {naechste90Tage.length === 0 ? (
+                        <tr>
+                          <td colSpan={6} className="text-center text-body-secondary py-4">
+                            In den nächsten 90 Tagen läuft nichts ab.
+                          </td>
+                        </tr>
+                      ) : null}
+                    </tbody>
+                  </table>
+                </div>
+              </Card>
+            </div>
+
+            <div className="col-lg-4">
+              <Card
+                titel={`Bereits abgelaufen (${abgelaufen.length})`}
+                rahmen={abgelaufen.length > 0 ? "danger" : "info"}
+              >
+                {abgelaufen.length === 0 ? (
+                  <p className="mb-0 text-body-secondary">Keine abgelaufenen Subscriptions.</p>
+                ) : (
+                  <ul className="list-unstyled mb-0">
+                    {abgelaufen.map((eintrag) => (
+                      <li key={eintrag.hostId} className="mb-2">
+                        <Link href={`/hosts/${eintrag.hostId}`} className="fw-semibold text-decoration-none">
+                          {eintrag.hostname}
+                        </Link>
+                        <div className="small text-body-secondary">
+                          {eintrag.kunde?.name ?? "Nicht zugeordnet"} · {formatDatum(eintrag.ablauf)} (
+                          {formatTageBis(eintrag.tage)})
+                        </div>
+                      </li>
+                    ))}
+                  </ul>
+                )}
+              </Card>
+            </div>
+          </div>
        </div>
      </div>
    </>
@@ -0,0 +1,65 @@
+import { notFound } from "next/navigation";
+import { ContentHeader } from "@/components/layout/ContentHeader";
+import { KundeFormular } from "@/components/kunden/KundeFormular";
+import { Card } from "@/components/ui/Card";
+import { prisma } from "@/lib/db";
+import { kundeLoeschen } from "@/server/actions/kunden";
+
+export const metadata = { title: "Kunde bearbeiten" };
+
+export default async function KundeBearbeitenSeite({ params }: { params: Promise<{ id: string }> }) {
+  const { id } = await params;
+  const kunde = await prisma.kunde.findUnique({
+    where: { id },
+    include: { _count: { select: { hosts: true } } },
+  });
+  if (!kunde) notFound();
+
+  return (
+    <>
+      <ContentHeader
+        titel={`${kunde.name} bearbeiten`}
+        brotkrumen={[
+          { titel: "Kunden", href: "/kunden" },
+          { titel: kunde.name, href: `/kunden/${kunde.id}` },
+          { titel: "Bearbeiten" },
+        ]}
+      />
+      <div className="app-content">
+        <div className="container-fluid">
+          <div className="row">
+            <div className="col-lg-8">
+              <Card titel="Stammdaten" rahmen="primary">
+                <KundeFormular
+                  werte={{
+                    id: kunde.id,
+                    name: kunde.name,
+                    kundennummer: kunde.kundennummer,
+                    ansprechpartner: kunde.ansprechpartner,
+                    email: kunde.email,
+                    telefon: kunde.telefon,
+                    notizen: kunde.notizen,
+                  }}
+                />
+              </Card>
+
+              <Card titel="Kunde löschen" rahmen="danger">
+                <p>
+                  Der Kunde wird mit allen Standorten und Kundenrechnungen entfernt. Seine{" "}
+                  {kunde._count.hosts} Host(s) bleiben erhalten und erscheinen danach unter „Nicht
+                  zugeordnet“.
+                </p>
+                <form action={kundeLoeschen}>
+                  <input type="hidden" name="id" value={kunde.id} />
+                  <button type="submit" className="btn btn-danger pl-touch-target">
+                    Endgültig löschen
+                  </button>
+                </form>
+              </Card>
+            </div>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+}
@@ -0,0 +1,74 @@
+import { PRODUKT_TEXT, STATUS_TEXT, statusAusDatenbank } from "@/lib/anzeige";
+import { formatDatum, formatEuro } from "@/lib/format";
+import { Abschnitt, Bericht, pdfAntwort, Tabelle } from "@/server/pdf/dokument";
+import { kundeMitDetails, laufzeitenVonKunde, summen, summenProJahr } from "@/server/queries/kunden";
+
+export const dynamic = "force-dynamic";
+
+/** Kundenunterlage als PDF: Hosts, Laufzeiten und Summen eines Kunden. */
+export async function GET(_request: Request, { params }: { params: Promise<{ id: string }> }) {
+  const { id } = await params;
+  const kunde = await kundeMitDetails(id);
+  if (!kunde) return new Response("Nicht gefunden", { status: 404 });
+
+  const laufzeiten = await laufzeitenVonKunde(kunde.id);
+  const gesamt = summen(laufzeiten);
+  const proJahr = summenProJahr(laufzeiten);
+  const datum = new Date().toISOString().slice(0, 10);
+
+  return pdfAntwort(
+    Bericht({
+      titel: kunde.name,
+      untertitel: `Kundennummer ${kunde.kundennummer}${kunde.ansprechpartner ? ` · ${kunde.ansprechpartner}` : ""}`,
+      children: [
+        Abschnitt({ titel: `Hosts (${kunde.hosts.length})` }),
+        Tabelle({
+          spalten: [
+            { titel: "Host", breite: 28, wert: (h: (typeof kunde.hosts)[number]) => h.hostname },
+            { titel: "Produkt", breite: 22, wert: (h) => PRODUKT_TEXT[h.produkt] },
+            { titel: "Status", breite: 16, wert: (h) => STATUS_TEXT[statusAusDatenbank(h.subStatus)] },
+            { titel: "Key", breite: 20, wert: (h) => h.subKey ?? "–" },
+            {
+              titel: "Ablauf",
+              breite: 14,
+              wert: (h) => (h.subNextduedate ? formatDatum(h.subNextduedate) : "–"),
+              rechts: true,
+            },
+          ],
+          zeilen: kunde.hosts,
+        }),
+
+        Abschnitt({ titel: `Laufzeiten (${laufzeiten.length})` }),
+        Tabelle({
+          spalten: [
+            {
+              titel: "Zeitraum",
+              breite: 26,
+              wert: (l: (typeof laufzeiten)[number]) => `${formatDatum(l.start)} – ${formatDatum(l.ende)}`,
+            },
+            { titel: "Host", breite: 18, wert: (l) => l.hostname },
+            { titel: "Proxmox-Rechnung", breite: 18, wert: (l) => l.einkauf?.nummer ?? "–" },
+            { titel: "Einkauf", breite: 12, wert: (l) => formatEuro(l.einkauf?.nettoBetrag), rechts: true },
+            { titel: "Kundenrechnung", breite: 18, wert: (l) => l.verkauf?.nummer ?? "–" },
+            { titel: "Verkauf", breite: 8, wert: (l) => formatEuro(l.verkauf?.nettoBetrag), rechts: true },
+          ],
+          zeilen: laufzeiten,
+          summe: ["Summe", "", "", formatEuro(gesamt.einkauf), "", formatEuro(gesamt.verkauf)],
+        }),
+
+        Abschnitt({ titel: "Summen pro Jahr" }),
+        Tabelle({
+          spalten: [
+            { titel: "Jahr", breite: 25, wert: (j: (typeof proJahr)[number]) => j.jahr },
+            { titel: "Einkauf netto", breite: 25, wert: (j) => formatEuro(j.einkauf), rechts: true },
+            { titel: "Verkauf netto", breite: 25, wert: (j) => formatEuro(j.verkauf), rechts: true },
+            { titel: "Marge", breite: 25, wert: (j) => formatEuro(j.marge), rechts: true },
+          ],
+          zeilen: proJahr,
+          summe: ["Gesamt", formatEuro(gesamt.einkauf), formatEuro(gesamt.verkauf), formatEuro(gesamt.marge)],
+        }),
+      ],
+    }),
+    `proxledger-${kunde.kundennummer}-${datum}.pdf`,
+  );
+}
@@ -1,6 +1,7 @@
 import Link from "next/link";
 import { notFound } from "next/navigation";
 import { ContentHeader } from "@/components/layout/ContentHeader";
+import { StandortVerwaltung } from "@/components/kunden/StandortVerwaltung";
 import {
  AblaufBadge,
  EinkaufBadge,
@@ -12,55 +13,57 @@ import { Card } from "@/components/ui/Card";
 import { CopyableCode } from "@/components/ui/CopyableCode";
 import { InfoBox } from "@/components/ui/SmallBox";
 import { formatDatum, formatEuro } from "@/lib/format";
-import { HEUTE, kunden } from "@/mock/data";
-import {
-  PRODUKT_NAME,
-  alertsVonKunde,
-  getKunde,
-  hostMeldetNicht,
-  hostsVonKunde,
-  laufzeitenVonKunde,
-  summenProJahr,
-  summenVonKunde,
-} from "@/mock/queries";
-
-export function generateStaticParams() {
-  return kunden.map((kunde) => ({ id: kunde.id }));
-}
+import { hostZuordnungAufheben } from "@/server/actions/hosts";
+import { kundeMitDetails, laufzeitenVonKunde, summen, summenProJahr } from "@/server/queries/kunden";
+import { meldungsGrenze } from "@/server/queries/hosts";
+import { PRODUKT_TEXT, statusAusDatenbank } from "@/lib/anzeige";

 export async function generateMetadata({ params }: { params: Promise<{ id: string }> }) {
  const { id } = await params;
-  return { title: getKunde(id)?.name ?? "Kunde" };
+  const kunde = await kundeMitDetails(id);
+  return { title: kunde?.name ?? "Kunde" };
 }

 export default async function KundenDetailSeite({ params }: { params: Promise<{ id: string }> }) {
  const { id } = await params;
-  const kunde = getKunde(id);
+  const kunde = await kundeMitDetails(id);
  if (!kunde) notFound();

-  const eigeneHosts = hostsVonKunde(kunde.id);
-  const laufzeiten = laufzeitenVonKunde(kunde.id);
-  const summen = summenVonKunde(kunde.id);
+  const laufzeiten = await laufzeitenVonKunde(kunde.id);
+  const gesamt = summen(laufzeiten);
  const proJahr = summenProJahr(laufzeiten);
-  const alerts = alertsVonKunde(kunde.id);
+  const heute = new Date();
+  const grenze = meldungsGrenze(heute);

  return (
    <>
      <ContentHeader
        titel={kunde.name}
        brotkrumen={[{ titel: "Kunden", href: "/kunden" }, { titel: kunde.name }]}
+        aktion={
+          <span className="d-flex gap-2">
+            <a href={`/kunden/${kunde.id}/export`} className="btn btn-sm btn-outline-secondary">
+              <i className="bi bi-filetype-pdf me-1" aria-hidden="true" />
+              Unterlage
+            </a>
+            <Link href={`/kunden/${kunde.id}/bearbeiten`} className="btn btn-sm btn-outline-primary">
+              <i className="bi bi-pencil me-1" aria-hidden="true" />
+              Bearbeiten
+            </Link>
+          </span>
+        }
      />

      <div className="app-content">
        <div className="container-fluid">
          <div className="row">
            <div className="col-6 col-lg-3">
-              <InfoBox text="Hosts" wert={String(eigeneHosts.length)} icon="bi-hdd-stack" farbe="info" />
+              <InfoBox text="Hosts" wert={String(kunde.hosts.length)} icon="bi-hdd-stack" farbe="info" />
            </div>
            <div className="col-6 col-lg-3">
              <InfoBox
                text="Einkauf netto"
-                wert={formatEuro(summen.einkauf)}
+                wert={formatEuro(gesamt.einkauf)}
                icon="bi-cart"
                farbe="neutral"
              />
@@ -68,7 +71,7 @@ export default async function KundenDetailSeite({ params }: { params: Promise<{
            <div className="col-6 col-lg-3">
              <InfoBox
                text="Verkauf netto"
-                wert={formatEuro(summen.verkauf)}
+                wert={formatEuro(gesamt.verkauf)}
                icon="bi-receipt"
                farbe="primary"
              />
@@ -76,7 +79,7 @@ export default async function KundenDetailSeite({ params }: { params: Promise<{
            <div className="col-6 col-lg-3">
              <InfoBox
                text="Marge"
-                wert={formatEuro(summen.marge)}
+                wert={formatEuro(gesamt.marge)}
                icon="bi-graph-up-arrow"
                farbe="success"
              />
@@ -97,15 +100,6 @@ export default async function KundenDetailSeite({ params }: { params: Promise<{
                  </dd>
                  <dt className="col-5 fw-normal text-body-secondary">Telefon</dt>
                  <dd className="col-7">{kunde.telefon ?? "–"}</dd>
-                  <dt className="col-5 fw-normal text-body-secondary">Standorte</dt>
-                  <dd className="col-7">
-                    {kunde.standorte.map((s) => (
-                      <div key={s.id}>
-                        {s.name}
-                        {s.ort ? <span className="text-body-secondary"> · {s.ort}</span> : null}
-                      </div>
-                    ))}
-                  </dd>
                </dl>
                <hr />
                <h4 className="h6">Notizen</h4>
@@ -114,12 +108,26 @@ export default async function KundenDetailSeite({ params }: { params: Promise<{
                </p>
              </Card>

-              <Card titel="Offene Warnungen" rahmen={alerts.length > 0 ? "danger" : "info"}>
-                {alerts.length === 0 ? (
+              <Card titel="Standorte" rahmen="info">
+                <StandortVerwaltung
+                  kundeId={kunde.id}
+                  standorte={kunde.standorte.map((standort) => ({
+                    id: standort.id,
+                    name: standort.name,
+                    strasse: standort.strasse,
+                    plz: standort.plz,
+                    ort: standort.ort,
+                    hosts: kunde.hosts.filter((host) => host.standortId === standort.id).length,
+                  }))}
+                />
+              </Card>
+
+              <Card titel="Offene Warnungen" rahmen={kunde.alerts.length > 0 ? "danger" : "info"}>
+                {kunde.alerts.length === 0 ? (
                  <p className="mb-0 text-body-secondary">Keine offenen Warnungen.</p>
                ) : (
                  <ul className="list-unstyled mb-0 small">
-                    {alerts.map((alert) => (
+                    {kunde.alerts.map((alert) => (
                      <li key={alert.id} className="mb-2">
                        <strong>{alert.titel}</strong>
                        <div className="text-body-secondary">{alert.beschreibung}</div>
@@ -131,7 +139,7 @@ export default async function KundenDetailSeite({ params }: { params: Promise<{
            </div>

            <div className="col-lg-8">
-              <Card titel="Hosts" rahmen="primary" tabelle>
+              <Card titel={`Hosts (${kunde.hosts.length})`} rahmen="primary" tabelle>
                <div className="table-responsive">
                  <table className="table table-striped align-middle">
                    <thead>
@@ -141,29 +149,54 @@ export default async function KundenDetailSeite({ params }: { params: Promise<{
                        <th scope="col">Status</th>
                        <th scope="col">Key</th>
                        <th scope="col">Ablauf</th>
+                        <th scope="col" className="text-end">
+                          Zuordnung
+                        </th>
                      </tr>
                    </thead>
                    <tbody>
-                      {eigeneHosts.map((host) => (
+                      {kunde.hosts.map((host) => (
                        <tr key={host.id}>
                          <td>
                            <Link href={`/hosts/${host.id}`} className="fw-semibold text-decoration-none">
                              {host.hostname}
                            </Link>
-                            {hostMeldetNicht(host) ? <KeineMeldungBadge /> : null}
+                            {!host.letzterReportAm || host.letzterReportAm < grenze ? (
+                              <KeineMeldungBadge />
+                            ) : null}
                          </td>
-                          <td>{PRODUKT_NAME[host.produkt]}</td>
+                          <td>{PRODUKT_TEXT[host.produkt]}</td>
                          <td>
-                            <StatusBadge status={host.subscription.status} />
+                            <StatusBadge status={statusAusDatenbank(host.subStatus)} />
                          </td>
                          <td>
-                            <CopyableCode wert={host.subscription.key} />
+                            <CopyableCode wert={host.subKey} />
                          </td>
                          <td>
-                            <AblaufBadge datum={host.subscription.nextduedate} heute={HEUTE} />
+                            <AblaufBadge datum={host.subNextduedate?.toISOString() ?? null} heute={heute} />
+                          </td>
+                          <td className="text-end">
+                            <form action={hostZuordnungAufheben}>
+                              <input type="hidden" name="hostId" value={host.id} />
+                              <button
+                                type="submit"
+                                className="btn btn-sm btn-outline-secondary"
+                                title="Zuordnung zu diesem Kunden aufheben"
+                              >
+                                Lösen
+                              </button>
+                            </form>
                          </td>
                        </tr>
                      ))}
+                      {kunde.hosts.length === 0 ? (
+                        <tr>
+                          <td colSpan={6} className="text-center text-body-secondary py-4">
+                            Diesem Kunden ist noch kein Host zugewiesen.{" "}
+                            <Link href="/hosts/nicht-zugeordnet">Jetzt zuweisen</Link>
+                          </td>
+                        </tr>
+                      ) : null}
                    </tbody>
                  </table>
                </div>
@@ -183,66 +216,72 @@ export default async function KundenDetailSeite({ params }: { params: Promise<{
                      </tr>
                    </thead>
                    <tbody>
-                      {laufzeiten.map((laufzeit) => {
-                        const host = eigeneHosts.find((h) => h.id === laufzeit.hostId);
-                        return (
-                          <tr key={laufzeit.id}>
-                            <td>
-                              {formatDatum(laufzeit.start)} – {formatDatum(laufzeit.ende)}
-                              {laufzeit.vorschlag ? (
-                                <span className="badge pl-bg-info ms-2">Vorschlag</span>
-                              ) : null}
-                            </td>
-                            <td>{host?.hostname ?? "–"}</td>
-                            <td>
-                              <CopyableCode wert={laufzeit.einkauf?.nummer ?? null} />
-                              <div>
-                                <EinkaufBadge bezahlt={laufzeit.einkauf ? laufzeit.einkauf.bezahlt : null} />
-                              </div>
-                            </td>
-                            <td>{formatEuro(laufzeit.einkauf?.nettoBetrag)}</td>
-                            <td>
-                              <CopyableCode wert={laufzeit.verkauf?.nummer ?? null} />
-                              <div>
-                                <VerkaufBadge
-                                  erstellt={laufzeit.verkauf?.erstellt ?? false}
-                                  bezahlt={laufzeit.verkauf?.bezahlt ?? false}
-                                />
-                              </div>
-                            </td>
-                            <td>{formatEuro(laufzeit.verkauf?.nettoBetrag)}</td>
-                          </tr>
-                        );
-                      })}
+                      {laufzeiten.map((laufzeit) => (
+                        <tr key={laufzeit.id}>
+                          <td>
+                            {formatDatum(laufzeit.start)} – {formatDatum(laufzeit.ende)}
+                            {laufzeit.vorschlag ? (
+                              <span className="badge pl-bg-info ms-2">Vorschlag</span>
+                            ) : null}
+                          </td>
+                          <td>{laufzeit.hostname}</td>
+                          <td>
+                            <CopyableCode wert={laufzeit.einkauf?.nummer ?? null} />
+                            <div>
+                              <EinkaufBadge bezahlt={laufzeit.einkauf ? laufzeit.einkauf.bezahlt : null} />
+                            </div>
+                          </td>
+                          <td>{formatEuro(laufzeit.einkauf?.nettoBetrag)}</td>
+                          <td>
+                            <CopyableCode wert={laufzeit.verkauf?.nummer ?? null} />
+                            <div>
+                              <VerkaufBadge
+                                erstellt={laufzeit.verkauf?.erstellt ?? false}
+                                bezahlt={laufzeit.verkauf?.bezahlt ?? false}
+                              />
+                            </div>
+                          </td>
+                          <td>{formatEuro(laufzeit.verkauf?.nettoBetrag)}</td>
+                        </tr>
+                      ))}
+                      {laufzeiten.length === 0 ? (
+                        <tr>
+                          <td colSpan={6} className="text-center text-body-secondary py-4">
+                            Noch keine Laufzeiten erfasst.
+                          </td>
+                        </tr>
+                      ) : null}
                    </tbody>
                  </table>
                </div>
              </Card>

-              <Card titel="Summen pro Jahr" rahmen="info" tabelle>
-                <table className="table table-striped align-middle mb-0">
-                  <thead>
-                    <tr>
-                      <th scope="col">Jahr</th>
-                      <th scope="col">Einkauf netto</th>
-                      <th scope="col">Verkauf netto</th>
-                      <th scope="col">Marge</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    {proJahr.map((jahr) => (
-                      <tr key={jahr.jahr}>
-                        <td>{jahr.jahr}</td>
-                        <td>{formatEuro(jahr.einkauf)}</td>
-                        <td>{formatEuro(jahr.verkauf)}</td>
-                        <td className={jahr.marge >= 0 ? "pl-text-success" : "pl-text-danger"}>
-                          {formatEuro(jahr.marge)}
-                        </td>
+              {proJahr.length > 0 ? (
+                <Card titel="Summen pro Jahr" rahmen="info" tabelle>
+                  <table className="table table-striped align-middle mb-0">
+                    <thead>
+                      <tr>
+                        <th scope="col">Jahr</th>
+                        <th scope="col">Einkauf netto</th>
+                        <th scope="col">Verkauf netto</th>
+                        <th scope="col">Marge</th>
                      </tr>
-                    ))}
-                  </tbody>
-                </table>
-              </Card>
+                    </thead>
+                    <tbody>
+                      {proJahr.map((jahr) => (
+                        <tr key={jahr.jahr}>
+                          <td>{jahr.jahr}</td>
+                          <td>{formatEuro(jahr.einkauf)}</td>
+                          <td>{formatEuro(jahr.verkauf)}</td>
+                          <td className={jahr.marge >= 0 ? "pl-text-success" : "pl-text-danger"}>
+                            {formatEuro(jahr.marge)}
+                          </td>
+                        </tr>
+                      ))}
+                    </tbody>
+                  </table>
+                </Card>
+              ) : null}
            </div>
          </div>
        </div>
@@ -0,0 +1,107 @@
+import { csvAntwort, csvDatei } from "@/lib/csv";
+import { formatDatum, formatEuro } from "@/lib/format";
+import { Bericht, pdfAntwort, Tabelle } from "@/server/pdf/dokument";
+import {
+  kundenListe,
+  offeneRechnungspunkteProKunde,
+  laufzeitenVonKunde,
+  summen,
+} from "@/server/queries/kunden";
+
+export const dynamic = "force-dynamic";
+
+/** Kundenübersicht als CSV oder PDF. */
+export async function GET(request: Request) {
+  const format = new URL(request.url).searchParams.get("format") ?? "csv";
+  const [kunden, punkte] = await Promise.all([kundenListe(), offeneRechnungspunkteProKunde()]);
+
+  const zeilen = await Promise.all(
+    kunden.map(async (kunde) => {
+      const laufzeiten = await laufzeitenVonKunde(kunde.id);
+      const betraege = summen(laufzeiten);
+      return {
+        ...kunde,
+        offeneRechnungspunkte: punkte.get(kunde.id)?.offen ?? 0,
+        ...betraege,
+      };
+    }),
+  );
+
+  const datum = new Date().toISOString().slice(0, 10);
+
+  if (format === "pdf") {
+    return pdfAntwort(
+      Bericht({
+        titel: "Kundenübersicht",
+        untertitel: `${zeilen.length} Kunden`,
+        quer: true,
+        children: Tabelle({
+          spalten: [
+            { titel: "Kunde", breite: 26, wert: (z: (typeof zeilen)[number]) => z.name },
+            { titel: "Nummer", breite: 10, wert: (z) => z.kundennummer },
+            { titel: "Hosts", breite: 7, wert: (z) => String(z.hosts), rechts: true },
+            { titel: "Aktiv", breite: 7, wert: (z) => String(z.aktiv), rechts: true },
+            {
+              titel: "Nächster Ablauf",
+              breite: 13,
+              wert: (z) => (z.naechsterAblauf ? formatDatum(z.naechsterAblauf) : "–"),
+            },
+            { titel: "Warnungen", breite: 9, wert: (z) => String(z.offeneAlerts), rechts: true },
+            {
+              titel: "Offene Rechn.",
+              breite: 10,
+              wert: (z) => String(z.offeneRechnungspunkte),
+              rechts: true,
+            },
+            { titel: "Einkauf", breite: 9, wert: (z) => formatEuro(z.einkauf), rechts: true },
+            { titel: "Marge", breite: 9, wert: (z) => formatEuro(z.marge), rechts: true },
+          ],
+          zeilen,
+          summe: [
+            "Summe",
+            "",
+            String(zeilen.reduce((s, z) => s + z.hosts, 0)),
+            String(zeilen.reduce((s, z) => s + z.aktiv, 0)),
+            "",
+            "",
+            "",
+            formatEuro(zeilen.reduce((s, z) => s + z.einkauf, 0)),
+            formatEuro(zeilen.reduce((s, z) => s + z.marge, 0)),
+          ],
+        }),
+      }),
+      `proxledger-kunden-${datum}.pdf`,
+    );
+  }
+
+  const inhalt = csvDatei(
+    [
+      "Kunde",
+      "Kundennummer",
+      "Ansprechpartner",
+      "Hosts",
+      "Aktiv lizenziert",
+      "Nächster Ablauf",
+      "Offene Warnungen",
+      "Offene Rechnungspunkte",
+      "Einkauf netto",
+      "Verkauf netto",
+      "Marge netto",
+    ],
+    zeilen.map((z) => [
+      z.name,
+      z.kundennummer,
+      z.ansprechpartner,
+      z.hosts,
+      z.aktiv,
+      z.naechsterAblauf,
+      z.offeneAlerts,
+      z.offeneRechnungspunkte,
+      z.einkauf,
+      z.verkauf,
+      z.marge,
+    ]),
+  );
+
+  return csvAntwort(inhalt, `proxledger-kunden-${datum}.csv`);
+}
@@ -0,0 +1,27 @@
+import { ContentHeader } from "@/components/layout/ContentHeader";
+import { KundeFormular } from "@/components/kunden/KundeFormular";
+import { Card } from "@/components/ui/Card";
+
+export const metadata = { title: "Kunde anlegen" };
+
+export default function KundeNeuSeite() {
+  return (
+    <>
+      <ContentHeader
+        titel="Kunde anlegen"
+        brotkrumen={[{ titel: "Kunden", href: "/kunden" }, { titel: "Neu" }]}
+      />
+      <div className="app-content">
+        <div className="container-fluid">
+          <div className="row">
+            <div className="col-lg-8">
+              <Card titel="Stammdaten" rahmen="primary">
+                <KundeFormular />
+              </Card>
+            </div>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+}
@@ -2,14 +2,13 @@ import Link from "next/link";
 import { ContentHeader } from "@/components/layout/ContentHeader";
 import { AblaufBadge, Badge } from "@/components/ui/Badges";
 import { Card } from "@/components/ui/Card";
-import { formatEuro } from "@/lib/format";
-import { HEUTE } from "@/mock/data";
-import { kundenUebersicht, summenVonKunde } from "@/mock/queries";
+import { kundenListe, offeneRechnungspunkteProKunde } from "@/server/queries/kunden";

 export const metadata = { title: "Kunden" };

-export default function KundenSeite() {
-  const uebersicht = kundenUebersicht();
+export default async function KundenSeite() {
+  const [kunden, rechnungspunkte] = await Promise.all([kundenListe(), offeneRechnungspunkteProKunde()]);
+  const heute = new Date();

  return (
    <>
@@ -18,10 +17,26 @@ export default function KundenSeite() {
      <div className="app-content">
        <div className="container-fluid">
          <Card
-            titel={`${uebersicht.length} Kunden`}
+            titel={`${kunden.length} Kunden`}
            rahmen="primary"
            tabelle
-            werkzeuge={<span className="btn btn-sm btn-primary disabled">Kunde anlegen (ab #006)</span>}
+            werkzeuge={
+              <>
+                {/* Downloads: bewusst kein <Link>, sonst würde Next.js die Datei vorab laden. */}
+                <a href="/kunden/export" download className="btn btn-sm btn-outline-secondary">
+                  <i className="bi bi-filetype-csv me-1" aria-hidden="true" />
+                  CSV
+                </a>
+                <a href="/kunden/export?format=pdf" download className="btn btn-sm btn-outline-secondary">
+                  <i className="bi bi-filetype-pdf me-1" aria-hidden="true" />
+                  PDF
+                </a>
+                <Link href="/kunden/neu" className="btn btn-sm btn-primary">
+                  <i className="bi bi-plus-lg me-1" aria-hidden="true" />
+                  Kunde anlegen
+                </Link>
+              </>
+            }
          >
            <div className="table-responsive">
              <table className="table table-striped align-middle">
@@ -34,49 +49,50 @@ export default function KundenSeite() {
                    <th scope="col">Nächster Ablauf</th>
                    <th scope="col">Warnungen</th>
                    <th scope="col">Rechnungen</th>
-                    <th scope="col">Marge (netto)</th>
                  </tr>
                </thead>
                <tbody>
-                  {uebersicht.map((eintrag) => {
-                    const summen = summenVonKunde(eintrag.kunde.id);
+                  {kunden.map((kunde) => {
+                    const punkte = rechnungspunkte.get(kunde.id);
                    return (
-                      <tr key={eintrag.kunde.id}>
+                      <tr key={kunde.id}>
                        <td>
-                          <Link
-                            href={`/kunden/${eintrag.kunde.id}`}
-                            className="fw-semibold text-decoration-none"
-                          >
-                            {eintrag.kunde.name}
+                          <Link href={`/kunden/${kunde.id}`} className="fw-semibold text-decoration-none">
+                            {kunde.name}
                          </Link>
-                          <div className="small text-body-secondary">
-                            {eintrag.kunde.ansprechpartner ?? "–"}
-                          </div>
+                          <div className="small text-body-secondary">{kunde.ansprechpartner ?? "–"}</div>
                        </td>
-                        <td className="pl-mono">{eintrag.kunde.kundennummer}</td>
-                        <td>{eintrag.hosts}</td>
-                        <td>{eintrag.aktiv}</td>
+                        <td className="pl-mono">{kunde.kundennummer}</td>
+                        <td>{kunde.hosts}</td>
+                        <td>{kunde.aktiv}</td>
                        <td>
-                          <AblaufBadge datum={eintrag.naechsterAblauf} heute={HEUTE} />
+                          <AblaufBadge datum={kunde.naechsterAblauf?.toISOString() ?? null} heute={heute} />
                        </td>
                        <td>
-                          {eintrag.offeneAlerts > 0 ? (
-                            <Badge farbe="warning">{eintrag.offeneAlerts} offen</Badge>
+                          {kunde.offeneAlerts > 0 ? (
+                            <Badge farbe="warning">{kunde.offeneAlerts} offen</Badge>
                          ) : (
                            <Badge farbe="success">keine</Badge>
                          )}
                        </td>
                        <td>
-                          {eintrag.offeneRechnungspunkte > 0 ? (
-                            <Badge farbe="danger">{eintrag.offeneRechnungspunkte} offen</Badge>
+                          {punkte && punkte.offen > 0 ? (
+                            <Badge farbe="danger">{punkte.offen} offen</Badge>
                          ) : (
                            <Badge farbe="success">erledigt</Badge>
                          )}
                        </td>
-                        <td>{formatEuro(summen.marge)}</td>
                      </tr>
                    );
                  })}
+                  {kunden.length === 0 ? (
+                    <tr>
+                      <td colSpan={7} className="text-center text-body-secondary py-4">
+                        Noch keine Kunden angelegt.{" "}
+                        <Link href="/kunden/neu">Jetzt den ersten Kunden anlegen.</Link>
+                      </td>
+                    </tr>
+                  ) : null}
                </tbody>
              </table>
            </div>
@@ -1,21 +1,35 @@
 import { Footer } from "@/components/layout/Footer";
 import { Header } from "@/components/layout/Header";
 import { Sidebar } from "@/components/layout/Sidebar";
-import { hosts } from "@/mock/data";
-import { dashboardKennzahlen, offeneAlerts } from "@/mock/queries";
-import { suchIndex } from "@/mock/suchindex";
+import { kennzahlen, offeneAlerts, suchIndex } from "@/server/queries/hosts";
+
+/**
+ * Das Dashboard zeigt immer den aktuellen Datenbankstand; beim Bauen darf nichts
+ * vorgerendert werden (sonst öffnet jeder Build-Worker eigene Datenbankverbindungen).
+ */
+export const dynamic = "force-dynamic";

 const BENUTZER = "Florian";

-export default function DashboardLayout({ children }: { children: React.ReactNode }) {
-  const kennzahlen = dashboardKennzahlen();
+export default async function DashboardLayout({ children }: { children: React.ReactNode }) {
+  const [zahlen, alerts, suche] = await Promise.all([kennzahlen(), offeneAlerts(), suchIndex()]);

  return (
    <div className="app-wrapper">
-      <Header alerts={offeneAlerts()} suchEintraege={suchIndex()} benutzer={BENUTZER} />
+      <Header
+        alerts={alerts.map((alert) => ({
+          id: alert.id,
+          titel: alert.titel,
+          beschreibung: alert.beschreibung,
+          schwere: alert.schwere,
+          hostId: alert.hostId,
+        }))}
+        suchEintraege={suche}
+        benutzer={BENUTZER}
+      />
      <Sidebar
-        hostsAnzahl={hosts.length}
-        offeneRechnungspunkte={kennzahlen.offeneRechnungspunkte}
+        hostsAnzahl={zahlen.hostsGesamt}
+        offeneRechnungspunkte={zahlen.offeneRechnungspunkte}
        benutzer={BENUTZER}
      />
      <main className="app-main">{children}</main>
@@ -7,69 +7,49 @@ import { CopyableCode } from "@/components/ui/CopyableCode";
 import { SmallBox } from "@/components/ui/SmallBox";
 import { TodoList, type Aufgabe } from "@/components/ui/TodoList";
 import { formatDatum, formatEuro } from "@/lib/format";
-import { HEUTE } from "@/mock/data";
-import {
-  laufzeitZuAblauf,
-  dashboardKennzahlen,
-  getKunde,
-  hostMeldetNicht,
-  hostsNachAblauf,
-  nichtZugeordneteHosts,
-  offeneRechnungsLaufzeiten,
-  rechnungsFortschrittProKunde,
-} from "@/mock/queries";
+import { hostsNachAblauf, offeneAufgaben } from "@/server/queries/dashboard";
+import { hostsOhneKunde, kennzahlen } from "@/server/queries/hosts";
+import { kundenListe, offeneRechnungspunkteProKunde } from "@/server/queries/kunden";

 export const metadata = { title: "Dashboard" };

-function aufgabenliste(): Aufgabe[] {
-  return offeneRechnungsLaufzeiten().flatMap((laufzeit) => {
-    const host = hostsNachAblauf().find((h) => h.id === laufzeit.hostId);
-    const kunde = getKunde(host?.kundeId ?? null);
-    const basis = `${host?.hostname ?? "?"} · ${kunde?.name ?? "Nicht zugeordnet"}`;
-    const aufgaben: Aufgabe[] = [];
+export default async function DashboardSeite() {
+  const heute = new Date();
+  const [zahlen, ohneKunde, ablaufListe, aufgabenRoh, kunden, rechnungspunkte] = await Promise.all([
+    kennzahlen(heute),
+    hostsOhneKunde(),
+    hostsNachAblauf(heute),
+    offeneAufgaben(),
+    kundenListe(),
+    offeneRechnungspunkteProKunde(),
+  ]);

-    if (laufzeit.einkauf && !laufzeit.einkauf.bezahlt) {
-      aufgaben.push({
-        id: `${laufzeit.id}-einkauf`,
-        titel: `Proxmox-Rechnung ${laufzeit.einkauf.nummer} bezahlen`,
-        detail: `${basis} · ${formatEuro(laufzeit.einkauf.nettoBetrag)} netto · fällig am ${formatDatum(
-          laufzeit.einkauf.faelligAm,
-        )}`,
-        dringlichkeit: "gefahr",
-        badgeText: "Einkauf",
-        href: `/hosts/${laufzeit.hostId}`,
-      });
-    }
-
-    if (laufzeit.einkauf && (!laufzeit.verkauf || !laufzeit.verkauf.erstellt)) {
-      aufgaben.push({
-        id: `${laufzeit.id}-verkauf`,
-        titel: "Kundenrechnung erstellen",
-        detail: `${basis} · Laufzeit ${formatDatum(laufzeit.start)} – ${formatDatum(laufzeit.ende)}`,
-        dringlichkeit: "warnung",
-        badgeText: "Verkauf",
-        href: `/rechnungen`,
-      });
-    }
-
-    return aufgaben;
-  });
-}
-
-export default function DashboardSeite() {
-  const kennzahlen = dashboardKennzahlen();
-  const ohneKunde = nichtZugeordneteHosts();
-  const fortschritt = rechnungsFortschrittProKunde();
-  const aufgaben = aufgabenliste();
-
-  const nichtZugeordnetAufgaben: Aufgabe[] = ohneKunde.map((host) => ({
-    id: `zuweisen-${host.id}`,
-    titel: `${host.hostname} einem Kunden zuweisen`,
-    detail: `Server-ID ${host.serverId} · seit ${formatDatum(host.letzterReport)} gemeldet`,
-    dringlichkeit: "info",
-    badgeText: "Zuweisen",
-    href: "/hosts/nicht-zugeordnet",
-  }));
+  const aufgaben: Aufgabe[] = [
+    ...aufgabenRoh.map((aufgabe) => ({
+      id: aufgabe.id,
+      titel: aufgabe.titel,
+      detail: [
+        aufgabe.detail,
+        aufgabe.betrag !== null ? `${formatEuro(aufgabe.betrag)} netto` : null,
+        aufgabe.faelligAm ? `fällig am ${formatDatum(aufgabe.faelligAm)}` : null,
+        `Laufzeit ${formatDatum(aufgabe.start)} – ${formatDatum(aufgabe.ende)}`,
+      ]
+        .filter(Boolean)
+        .join(" · "),
+      dringlichkeit: aufgabe.dringlichkeit,
+      badgeText: aufgabe.badgeText,
+      href: aufgabe.href,
+      aktion: aufgabe.aktion,
+    })),
+    ...ohneKunde.map((host) => ({
+      id: `zuweisen-${host.id}`,
+      titel: `${host.hostname} einem Kunden zuweisen`,
+      detail: `Server-ID ${host.serverId ?? "unbekannt"} · seit ${formatDatum(host.erstmalsGesehenAm)} gemeldet`,
+      dringlichkeit: "info" as const,
+      badgeText: "Zuweisen",
+      href: "/hosts/nicht-zugeordnet",
+    })),
+  ];

  return (
    <>
@@ -87,16 +67,16 @@ export default function DashboardSeite() {
              }
            >
              Neu registrierte Hosts erscheinen hier, bis sie einem Kunden zugewiesen sind:{" "}
-              {ohneKunde.map((h) => h.hostname).join(", ")}
+              {ohneKunde.map((host) => host.hostname).join(", ")}
            </Callout>
          ) : null}

          <div className="row">
            <div className="col-6 col-lg-3">
              <SmallBox
-                wert={kennzahlen.hostsGesamt}
+                wert={zahlen.hostsGesamt}
                text="Hosts gemeldet"
-                zusatz={`${kennzahlen.ohneMeldung} ohne Meldung`}
+                zusatz={`${zahlen.ohneMeldung} ohne Meldung`}
                icon="bi-hdd-stack"
                farbe="info"
                href="/hosts"
@@ -104,17 +84,17 @@ export default function DashboardSeite() {
            </div>
            <div className="col-6 col-lg-3">
              <SmallBox
-                wert={kennzahlen.aktivLizenziert}
+                wert={zahlen.aktivLizenziert}
                text="Aktiv lizenziert"
-                zusatz={`${kennzahlen.ohneSubscription} ohne gültige Subscription`}
+                zusatz={`${zahlen.ohneSubscription} ohne gültige Subscription`}
                icon="bi-patch-check"
                farbe="success"
-                href="/hosts?status=active"
+                href="/hosts?status=ACTIVE"
              />
            </div>
            <div className="col-6 col-lg-3">
              <SmallBox
-                wert={kennzahlen.baldAblaufend}
+                wert={zahlen.baldAblaufend}
                text="Läuft in 30 Tagen ab"
                zusatz="Verlängerung vorbereiten"
                icon="bi-hourglass-split"
@@ -124,9 +104,9 @@ export default function DashboardSeite() {
            </div>
            <div className="col-6 col-lg-3">
              <SmallBox
-                wert={kennzahlen.offeneRechnungspunkte}
+                wert={zahlen.offeneRechnungspunkte}
                text="Offene Rechnungspunkte"
-                zusatz={`${kennzahlen.offeneEinkaufsrechnungen} Einkauf · ${kennzahlen.fehlendeKundenrechnungen} Verkauf`}
+                zusatz={`${zahlen.offeneEinkaufsrechnungen} Einkauf · ${zahlen.fehlendeKundenrechnungen} Verkauf`}
                icon="bi-receipt"
                farbe="danger"
                href="/rechnungen"
@@ -150,44 +130,49 @@ export default function DashboardSeite() {
                      </tr>
                    </thead>
                    <tbody>
-                      {hostsNachAblauf().map((host) => {
-                        const kunde = getKunde(host.kundeId);
-                        const laufzeit = laufzeitZuAblauf(host);
-                        return (
-                          <tr key={host.id}>
-                            <td>
-                              <Link href={`/hosts/${host.id}`} className="fw-semibold text-decoration-none">
-                                {host.hostname}
+                      {ablaufListe.map((host) => (
+                        <tr key={host.id}>
+                          <td>
+                            <Link href={`/hosts/${host.id}`} className="fw-semibold text-decoration-none">
+                              {host.hostname}
+                            </Link>
+                            {host.meldetNicht ? <KeineMeldungBadge /> : null}
+                          </td>
+                          <td>
+                            {host.kunde ? (
+                              <Link href={`/kunden/${host.kunde.id}`} className="text-decoration-none">
+                                {host.kunde.name}
                              </Link>
-                              {hostMeldetNicht(host) ? <KeineMeldungBadge /> : null}
-                            </td>
-                            <td>
-                              {kunde ? (
-                                <Link href={`/kunden/${kunde.id}`} className="text-decoration-none">
-                                  {kunde.name}
-                                </Link>
-                              ) : (
-                                <span className="badge pl-bg-neutral">Nicht zugeordnet</span>
-                              )}
-                            </td>
-                            <td>
-                              <CopyableCode wert={host.subscription.key} />
-                            </td>
-                            <td>
-                              <AblaufBadge datum={host.subscription.nextduedate} heute={HEUTE} />
-                            </td>
-                            <td>
-                              <EinkaufBadge bezahlt={laufzeit?.einkauf ? laufzeit.einkauf.bezahlt : null} />
-                            </td>
-                            <td>
-                              <VerkaufBadge
-                                erstellt={laufzeit?.verkauf?.erstellt ?? false}
-                                bezahlt={laufzeit?.verkauf?.bezahlt ?? false}
-                              />
-                            </td>
-                          </tr>
-                        );
-                      })}
+                            ) : (
+                              <Link
+                                href="/hosts/nicht-zugeordnet"
+                                className="badge pl-bg-neutral text-decoration-none"
+                              >
+                                Nicht zugeordnet
+                              </Link>
+                            )}
+                          </td>
+                          <td>
+                            <CopyableCode wert={host.subKey} />
+                          </td>
+                          <td>
+                            <AblaufBadge datum={host.nextduedate?.toISOString() ?? null} heute={heute} />
+                          </td>
+                          <td>
+                            <EinkaufBadge bezahlt={host.einkaufBezahlt} />
+                          </td>
+                          <td>
+                            <VerkaufBadge erstellt={host.verkaufErstellt} bezahlt={host.verkaufBezahlt} />
+                          </td>
+                        </tr>
+                      ))}
+                      {ablaufListe.length === 0 ? (
+                        <tr>
+                          <td colSpan={6} className="text-center text-body-secondary py-4">
+                            Noch kein Host mit Subscription gemeldet.
+                          </td>
+                        </tr>
+                      ) : null}
                    </tbody>
                  </table>
                </div>
@@ -198,13 +183,9 @@ export default function DashboardSeite() {
              <Card
                titel="Aufgaben"
                rahmen="warning"
-                werkzeuge={
-                  <span className="badge pl-bg-warning">
-                    {aufgaben.length + nichtZugeordnetAufgaben.length}
-                  </span>
-                }
+                werkzeuge={<span className="badge pl-bg-warning">{aufgaben.length}</span>}
              >
-                <TodoList aufgaben={[...aufgaben, ...nichtZugeordnetAufgaben]} />
+                <TodoList aufgaben={aufgaben} />
              </Card>
            </div>
          </div>
@@ -212,22 +193,30 @@ export default function DashboardSeite() {
          <div className="row">
            <div className="col-lg-8">
              <Card titel="Rechnungsstatus je Kunde" rahmen="info">
-                {fortschritt.map((eintrag) => (
-                  <div className="mb-3" key={eintrag.kunde.id}>
-                    <div className="d-flex justify-content-between small mb-1">
-                      <Link href={`/kunden/${eintrag.kunde.id}`} className="text-decoration-none">
-                        {eintrag.kunde.name}
-                      </Link>
-                      <span className="text-body-secondary">
-                        {eintrag.erledigt} von {eintrag.gesamt} Punkten erledigt
-                      </span>
-                    </div>
-                    <ProgressBar
-                      prozent={eintrag.prozent}
-                      beschriftung={`Rechnungsstatus ${eintrag.kunde.name}`}
-                    />
-                  </div>
-                ))}
+                {kunden.length === 0 ? (
+                  <p className="mb-0 text-body-secondary">
+                    Noch keine Kunden angelegt. <Link href="/kunden/neu">Ersten Kunden anlegen</Link>
+                  </p>
+                ) : (
+                  kunden.map((kunde) => {
+                    const punkte = rechnungspunkte.get(kunde.id) ?? { offen: 0, gesamt: 0 };
+                    const erledigt = punkte.gesamt - punkte.offen;
+                    const prozent = punkte.gesamt === 0 ? 100 : Math.round((erledigt / punkte.gesamt) * 100);
+                    return (
+                      <div className="mb-3" key={kunde.id}>
+                        <div className="d-flex justify-content-between small mb-1">
+                          <Link href={`/kunden/${kunde.id}`} className="text-decoration-none">
+                            {kunde.name}
+                          </Link>
+                          <span className="text-body-secondary">
+                            {erledigt} von {punkte.gesamt} Punkten erledigt
+                          </span>
+                        </div>
+                        <ProgressBar prozent={prozent} beschriftung={`Rechnungsstatus ${kunde.name}`} />
+                      </div>
+                    );
+                  })
+                )}
              </Card>
            </div>
            <div className="col-lg-4">
@@ -235,15 +224,15 @@ export default function DashboardSeite() {
                <ul className="list-unstyled mb-0 small">
                  <li className="mb-2">
                    <i className="bi bi-arrow-right-short" aria-hidden="true" />{" "}
-                    <Link href="/kunden">Kundenübersicht öffnen</Link>
+                    <Link href="/einstellungen/tokens">Agent auf einem Host ausrollen</Link>
                  </li>
                  <li className="mb-2">
                    <i className="bi bi-arrow-right-short" aria-hidden="true" />{" "}
-                    <Link href="/rechnungen">Rechnungen pflegen</Link>
+                    <Link href="/kunden">Kundenübersicht öffnen</Link>
                  </li>
                  <li>
                    <i className="bi bi-arrow-right-short" aria-hidden="true" />{" "}
-                    <Link href="/jahresbahn">Abläufe der nächsten 12 Monate ansehen</Link>
+                    <Link href="/rechnungen">Rechnungen pflegen</Link>
                  </li>
                </ul>
              </Card>
@@ -0,0 +1,197 @@
+import Link from "next/link";
+import { notFound } from "next/navigation";
+import { ContentHeader } from "@/components/layout/ContentHeader";
+import { KundenrechnungFormular, ProxmoxRechnungFormular } from "@/components/rechnungen/RechnungsFormulare";
+import { Badge, EinkaufBadge, VerkaufBadge } from "@/components/ui/Badges";
+import { Callout } from "@/components/ui/Callout";
+import { Card } from "@/components/ui/Card";
+import { CopyableCode } from "@/components/ui/CopyableCode";
+import { PRODUKT_TEXT } from "@/lib/anzeige";
+import { formatDatum, formatEuro } from "@/lib/format";
+import { laufzeitBestaetigenAktion, laufzeitVerwerfenAktion } from "@/server/actions/rechnungen";
+import { laufzeitDetail } from "@/server/queries/rechnungen";
+
+export async function generateMetadata({ params }: { params: Promise<{ id: string }> }) {
+  const { id } = await params;
+  const laufzeit = await laufzeitDetail(id);
+  return { title: laufzeit ? `Laufzeit ${laufzeit.host.hostname}` : "Laufzeit" };
+}
+
+export default async function LaufzeitSeite({ params }: { params: Promise<{ id: string }> }) {
+  const { id } = await params;
+  const laufzeit = await laufzeitDetail(id);
+  if (!laufzeit) notFound();
+
+  const einkauf = laufzeit.proxmoxPosition?.rechnung ?? null;
+  const verkauf = laufzeit.kundenPosition?.rechnung ?? null;
+  const einkaufBetrag = laufzeit.proxmoxPosition ? Number(laufzeit.proxmoxPosition.nettoBetrag) : null;
+  const verkaufBetrag = laufzeit.kundenPosition ? Number(laufzeit.kundenPosition.nettoBetrag) : null;
+  const marge = einkaufBetrag !== null && verkaufBetrag !== null ? verkaufBetrag - einkaufBetrag : null;
+
+  const zeitraum = `${formatDatum(laufzeit.start)} – ${formatDatum(laufzeit.ende)}`;
+
+  return (
+    <>
+      <ContentHeader
+        titel={`Laufzeit ${zeitraum}`}
+        brotkrumen={[
+          { titel: "Rechnungen", href: "/rechnungen" },
+          { titel: laufzeit.host.hostname, href: `/hosts/${laufzeit.host.id}` },
+          { titel: zeitraum },
+        ]}
+        aktion={laufzeit.status === "VORSCHLAG" ? <Badge farbe="info">Vorschlag</Badge> : null}
+      />
+
+      <div className="app-content">
+        <div className="container-fluid">
+          {laufzeit.status === "VORSCHLAG" ? (
+            <Callout
+              titel="Vom Agent vorgeschlagen"
+              farbe="info"
+              aktion={
+                <div className="d-flex gap-2">
+                  <form action={laufzeitBestaetigenAktion}>
+                    <input type="hidden" name="laufzeitId" value={laufzeit.id} />
+                    <input type="hidden" name="hostId" value={laufzeit.host.id} />
+                    <button type="submit" className="btn btn-primary pl-touch-target">
+                      Bestätigen
+                    </button>
+                  </form>
+                  <form action={laufzeitVerwerfenAktion}>
+                    <input type="hidden" name="laufzeitId" value={laufzeit.id} />
+                    <input type="hidden" name="hostId" value={laufzeit.host.id} />
+                    <button type="submit" className="btn btn-outline-danger pl-touch-target">
+                      Verwerfen
+                    </button>
+                  </form>
+                </div>
+              }
+            >
+              Der Host hat ein neues Ablaufdatum gemeldet. Mit dem Erfassen einer Proxmox-Rechnung gilt die
+              Laufzeit automatisch als bestätigt.
+            </Callout>
+          ) : null}
+
+          <div className="row">
+            <div className="col-lg-4">
+              <Card titel="Laufzeit" rahmen="primary">
+                <dl className="row mb-0">
+                  <dt className="col-5 fw-normal text-body-secondary">Host</dt>
+                  <dd className="col-7">
+                    <Link href={`/hosts/${laufzeit.host.id}`}>{laufzeit.host.hostname}</Link>
+                  </dd>
+                  <dt className="col-5 fw-normal text-body-secondary">Kunde</dt>
+                  <dd className="col-7">
+                    {laufzeit.host.kunde ? (
+                      <Link href={`/kunden/${laufzeit.host.kunde.id}`}>{laufzeit.host.kunde.name}</Link>
+                    ) : (
+                      <span className="badge pl-bg-neutral">Nicht zugeordnet</span>
+                    )}
+                  </dd>
+                  <dt className="col-5 fw-normal text-body-secondary">Produkt</dt>
+                  <dd className="col-7">{PRODUKT_TEXT[laufzeit.host.produkt]}</dd>
+                  <dt className="col-5 fw-normal text-body-secondary">Key</dt>
+                  <dd className="col-7">
+                    <CopyableCode wert={laufzeit.key} />
+                  </dd>
+                  <dt className="col-5 fw-normal text-body-secondary">Beginn</dt>
+                  <dd className="col-7">{formatDatum(laufzeit.start)}</dd>
+                  <dt className="col-5 fw-normal text-body-secondary">Ende</dt>
+                  <dd className="col-7">{formatDatum(laufzeit.ende)}</dd>
+                </dl>
+                <hr />
+                <dl className="row mb-0">
+                  <dt className="col-5 fw-normal text-body-secondary">Einkauf netto</dt>
+                  <dd className="col-7">{formatEuro(einkaufBetrag)}</dd>
+                  <dt className="col-5 fw-normal text-body-secondary">Verkauf netto</dt>
+                  <dd className="col-7">{formatEuro(verkaufBetrag)}</dd>
+                  <dt className="col-5 fw-normal text-body-secondary">Marge</dt>
+                  <dd className={`col-7 ${(marge ?? 0) >= 0 ? "pl-text-success" : "pl-text-danger"}`}>
+                    {marge === null ? "–" : formatEuro(marge)}
+                  </dd>
+                </dl>
+              </Card>
+
+              {einkauf && einkauf.positionen.length > 1 ? (
+                <Card titel="Sammelrechnung" rahmen="info">
+                  <p className="small">
+                    Die Proxmox-Rechnung <span className="pl-mono">{einkauf.nummer}</span> deckt mehrere
+                    Laufzeiten ab:
+                  </p>
+                  <ul className="list-unstyled mb-0 small">
+                    {einkauf.positionen.map((position) => (
+                      <li key={position.id} className="mb-1">
+                        {position.laufzeit ? (
+                          <Link href={`/rechnungen/${position.laufzeit.id}`}>
+                            {position.laufzeit.host.hostname}
+                          </Link>
+                        ) : (
+                          position.bezeichnung
+                        )}{" "}
+                        · {formatEuro(Number(position.nettoBetrag))}
+                      </li>
+                    ))}
+                  </ul>
+                </Card>
+              ) : null}
+            </div>
+
+            <div className="col-lg-8">
+              <Card
+                titel="Proxmox-Rechnung (Einkauf)"
+                rahmen={einkauf?.bezahlt ? "info" : "danger"}
+                werkzeuge={<EinkaufBadge bezahlt={einkauf ? einkauf.bezahlt : null} />}
+              >
+                <ProxmoxRechnungFormular
+                  laufzeitId={laufzeit.id}
+                  hostId={laufzeit.host.id}
+                  werte={{
+                    nummer: einkauf?.nummer ?? null,
+                    datum: einkauf?.datum.toISOString() ?? null,
+                    faelligAm: einkauf?.faelligAm?.toISOString() ?? null,
+                    nettoBetrag: einkaufBetrag,
+                    ustSatz: Number(einkauf?.ustSatz ?? 19),
+                    rabatt:
+                      einkauf?.rabatt === null || einkauf?.rabatt === undefined
+                        ? null
+                        : Number(einkauf.rabatt),
+                    zahlungsart: einkauf?.zahlungsart ?? null,
+                    bezahlt: einkauf?.bezahlt ?? false,
+                    bezahltAm: einkauf?.bezahltAm?.toISOString() ?? null,
+                    anhangId: einkauf?.anhangId ?? null,
+                    anhangName: einkauf?.anhang?.dateiname ?? null,
+                  }}
+                />
+              </Card>
+
+              <Card
+                titel="Kundenrechnung (Verkauf)"
+                rahmen={verkauf?.erstellt ? "info" : "warning"}
+                werkzeuge={
+                  <VerkaufBadge erstellt={verkauf?.erstellt ?? false} bezahlt={verkauf?.bezahlt ?? false} />
+                }
+              >
+                <KundenrechnungFormular
+                  laufzeitId={laufzeit.id}
+                  hostId={laufzeit.host.id}
+                  kundeVorhanden={Boolean(laufzeit.host.kunde)}
+                  werte={{
+                    erstellt: verkauf?.erstellt ?? false,
+                    nummer: verkauf?.nummer ?? null,
+                    datum: verkauf?.datum?.toISOString() ?? null,
+                    nettoBetrag: verkaufBetrag,
+                    ustSatz: Number(verkauf?.ustSatz ?? 19),
+                    bezahlt: verkauf?.bezahlt ?? false,
+                    bezahltAm: verkauf?.bezahltAm?.toISOString() ?? null,
+                    anhangId: verkauf?.anhangId ?? null,
+                    anhangName: verkauf?.anhang?.dateiname ?? null,
+                  }}
+                />
+              </Card>
+            </div>
+          </div>
+        </div>
+      </div>
+    </>
+  );
+}
@@ -0,0 +1,108 @@
+import { csvAntwort, csvDatei } from "@/lib/csv";
+import { formatDatum, formatEuro } from "@/lib/format";
+import { Bericht, pdfAntwort, Tabelle } from "@/server/pdf/dokument";
+import { rechnungsListe, type RechnungsFilter } from "@/server/queries/rechnungen";
+
+export const dynamic = "force-dynamic";
+
+/** Rechnungsliste als CSV (Buchhaltung) oder PDF, mit den Filtern der Ansicht. */
+export async function GET(request: Request) {
+  const parameter = new URL(request.url).searchParams;
+  const format = parameter.get("format") ?? "csv";
+  const filter: RechnungsFilter = {
+    status: (parameter.get("status") as RechnungsFilter["status"]) ?? "alle",
+    kunde: parameter.get("kunde") ?? undefined,
+    jahr: parameter.get("jahr") ?? undefined,
+    q: parameter.get("q") ?? undefined,
+  };
+
+  const { zeilen, summen } = await rechnungsListe(filter);
+  const datum = new Date().toISOString().slice(0, 10);
+  const zeitraum = filter.jahr ? `Jahr ${filter.jahr}` : "alle Jahre";
+
+  if (format === "pdf") {
+    return pdfAntwort(
+      Bericht({
+        titel: "Rechnungsliste",
+        untertitel: `${zeilen.length} Laufzeiten · ${zeitraum}`,
+        quer: true,
+        children: Tabelle({
+          spalten: [
+            {
+              titel: "Kunde",
+              breite: 18,
+              wert: (z: (typeof zeilen)[number]) => z.kunde?.name ?? "Nicht zugeordnet",
+            },
+            { titel: "Host", breite: 13, wert: (z) => z.hostname },
+            {
+              titel: "Laufzeit",
+              breite: 16,
+              wert: (z) => `${formatDatum(z.start)} – ${formatDatum(z.ende)}`,
+            },
+            { titel: "Proxmox-Rechnung", breite: 13, wert: (z) => z.einkaufNummer ?? "–" },
+            { titel: "Einkauf", breite: 9, wert: (z) => formatEuro(z.einkaufBetrag), rechts: true },
+            { titel: "Bezahlt", breite: 7, wert: (z) => (z.einkaufBezahlt ? "ja" : "nein") },
+            { titel: "Kundenrechnung", breite: 12, wert: (z) => z.verkaufNummer ?? "–" },
+            { titel: "Verkauf", breite: 6, wert: (z) => formatEuro(z.verkaufBetrag), rechts: true },
+            {
+              titel: "Marge",
+              breite: 6,
+              wert: (z) => (z.marge === null ? "–" : formatEuro(z.marge)),
+              rechts: true,
+            },
+          ],
+          zeilen,
+          summe: [
+            "Summe",
+            "",
+            "",
+            "",
+            formatEuro(summen.einkauf),
+            "",
+            "",
+            formatEuro(summen.verkauf),
+            formatEuro(summen.marge),
+          ],
+        }),
+      }),
+      `proxledger-rechnungen-${filter.jahr ?? "alle"}-${datum}.pdf`,
+    );
+  }
+
+  const inhalt = csvDatei(
+    [
+      "Kunde",
+      "Host",
+      "Key",
+      "Laufzeit von",
+      "Laufzeit bis",
+      "Proxmox-Rechnung",
+      "Einkauf netto",
+      "Proxmox bezahlt",
+      "Fällig am",
+      "Kundenrechnung",
+      "Verkauf netto",
+      "Kundenrechnung erstellt",
+      "Vom Kunden bezahlt",
+      "Marge netto",
+    ],
+    zeilen.map((z) => [
+      z.kunde?.name ?? "Nicht zugeordnet",
+      z.hostname,
+      z.key,
+      z.start,
+      z.ende,
+      z.einkaufNummer,
+      z.einkaufBetrag,
+      z.einkaufBezahlt === null ? "" : z.einkaufBezahlt ? "ja" : "nein",
+      z.einkaufFaelligAm,
+      z.verkaufNummer,
+      z.verkaufBetrag,
+      z.verkaufErstellt ? "ja" : "nein",
+      z.verkaufBezahlt ? "ja" : "nein",
+      z.marge,
+    ]),
+  );
+
+  return csvAntwort(inhalt, `proxledger-rechnungen-${filter.jahr ?? "alle"}-${datum}.csv`);
+}
@@ -1,26 +1,55 @@
 import Link from "next/link";
 import { ContentHeader } from "@/components/layout/ContentHeader";
+import { StatusHaken } from "@/components/rechnungen/StatusHaken";
+import { Badge } from "@/components/ui/Badges";
+import { Callout } from "@/components/ui/Callout";
 import { Card } from "@/components/ui/Card";
 import { CopyableCode } from "@/components/ui/CopyableCode";
-import { formatDatum, formatEuro } from "@/lib/format";
-import { hosts, laufzeiten } from "@/mock/data";
-import { getKunde, istAbgeschlossen } from "@/mock/queries";
+import { InfoBox } from "@/components/ui/SmallBox";
+import { prisma } from "@/lib/db";
+import { formatDatum, formatEuro, tageBis } from "@/lib/format";
+import {
+  anzahlVorschlaege,
+  laufzeitJahre,
+  rechnungsListe,
+  type RechnungsFilter,
+} from "@/server/queries/rechnungen";

 export const metadata = { title: "Rechnungen" };

-export default async function RechnungenSeite({
-  searchParams,
-}: {
-  searchParams: Promise<{ filter?: string }>;
-}) {
-  const { filter = "offen" } = await searchParams;
-  const alle = laufzeiten.filter((l) => !l.vorschlag);
-  const liste =
-    filter === "erledigt"
-      ? alle.filter(istAbgeschlossen)
-      : filter === "alle"
-        ? alle
-        : alle.filter((l) => !istAbgeschlossen(l));
+type SuchParameter = Promise<Record<string, string | string[] | undefined>>;
+
+function einzeln(wert: string | string[] | undefined): string | undefined {
+  const text = Array.isArray(wert) ? wert[0] : wert;
+  return text && text.length > 0 ? text : undefined;
+}
+
+export default async function RechnungenSeite({ searchParams }: { searchParams: SuchParameter }) {
+  const roh = await searchParams;
+  const filter: RechnungsFilter = {
+    status: (einzeln(roh.status) as RechnungsFilter["status"]) ?? "offen",
+    kunde: einzeln(roh.kunde),
+    jahr: einzeln(roh.jahr),
+    q: einzeln(roh.q),
+  };
+
+  const [{ zeilen, summen }, jahre, kunden, vorschlaege] = await Promise.all([
+    rechnungsListe(filter),
+    laufzeitJahre(),
+    prisma.kunde.findMany({ orderBy: { name: "asc" }, select: { id: true, name: true } }),
+    anzahlVorschlaege(),
+  ]);
+
+  const heute = new Date();
+
+  function adresse(aenderung: Record<string, string | undefined>) {
+    const params = new URLSearchParams();
+    for (const [schluessel, wert] of Object.entries({ ...filter, ...aenderung })) {
+      if (wert) params.set(schluessel, String(wert));
+    }
+    const text = params.toString();
+    return text ? `/rechnungen?${text}` : "/rechnungen";
+  }

  return (
    <>
@@ -28,28 +57,145 @@ export default async function RechnungenSeite({

      <div className="app-content">
        <div className="container-fluid">
+          {vorschlaege > 0 && filter.status !== "vorschlaege" ? (
+            <Callout
+              titel={`${vorschlaege} vorgeschlagene Laufzeit${vorschlaege === 1 ? "" : "en"}`}
+              farbe="info"
+              aktion={
+                <Link href={adresse({ status: "vorschlaege" })} className="btn btn-primary pl-touch-target">
+                  Ansehen
+                </Link>
+              }
+            >
+              Die Agents haben neue Ablaufdaten gemeldet. Bestätige die Laufzeit und trage die Rechnungsdaten
+              ein.
+            </Callout>
+          ) : null}
+
+          <p className="small text-body-secondary mb-2">
+            Summen beziehen sich auf die aktuelle Auswahl ({zeilen.length} Laufzeiten).
+          </p>
+
+          <div className="row">
+            <div className="col-6 col-lg-3">
+              <InfoBox
+                text="Einkauf netto"
+                wert={formatEuro(summen.einkauf)}
+                icon="bi-cart"
+                farbe="neutral"
+              />
+            </div>
+            <div className="col-6 col-lg-3">
+              <InfoBox
+                text="Verkauf netto"
+                wert={formatEuro(summen.verkauf)}
+                icon="bi-receipt"
+                farbe="primary"
+              />
+            </div>
+            <div className="col-6 col-lg-3">
+              <InfoBox
+                text="Marge"
+                wert={formatEuro(summen.marge)}
+                icon="bi-graph-up-arrow"
+                farbe="success"
+              />
+            </div>
+            <div className="col-6 col-lg-3">
+              <InfoBox text="Laufzeiten" wert={String(zeilen.length)} icon="bi-calendar-range" farbe="info" />
+            </div>
+          </div>
+
          <Card
-            titel={`${liste.length} Laufzeiten`}
+            titel="Laufzeiten und Rechnungen"
            rahmen="primary"
            tabelle
            werkzeuge={
-              <div className="btn-group btn-group-sm" role="group" aria-label="Filter">
-                {[
-                  ["offen", "Offen"],
-                  ["erledigt", "Erledigt"],
-                  ["alle", "Alle"],
-                ].map(([wert, text]) => (
-                  <Link
-                    key={wert}
-                    href={`/rechnungen?filter=${wert}`}
-                    className={`btn ${filter === wert ? "btn-primary" : "btn-outline-primary"}`}
-                  >
-                    {text}
-                  </Link>
-                ))}
-              </div>
+              <>
+                <a
+                  href={adresse({}).replace("/rechnungen", "/rechnungen/export")}
+                  className="btn btn-sm btn-outline-secondary"
+                >
+                  <i className="bi bi-filetype-csv me-1" aria-hidden="true" />
+                  CSV
+                </a>
+                <a
+                  href={adresse({ format: "pdf" }).replace("/rechnungen", "/rechnungen/export")}
+                  className="btn btn-sm btn-outline-secondary"
+                >
+                  <i className="bi bi-filetype-pdf me-1" aria-hidden="true" />
+                  PDF
+                </a>
+                <div className="btn-group btn-group-sm" role="group" aria-label="Filter">
+                  {(
+                    [
+                      ["offen", "Offen"],
+                      ["erledigt", "Erledigt"],
+                      ["alle", "Alle"],
+                      ["vorschlaege", `Vorschläge${vorschlaege ? ` (${vorschlaege})` : ""}`],
+                    ] as const
+                  ).map(([wert, text]) => (
+                    <Link
+                      key={wert}
+                      href={adresse({ status: wert })}
+                      className={`btn ${filter.status === wert ? "btn-primary" : "btn-outline-primary"}`}
+                    >
+                      {text}
+                    </Link>
+                  ))}
+                </div>
+              </>
            }
          >
+            <form className="row g-2 p-3 border-bottom" role="search">
+              <input type="hidden" name="status" value={filter.status} />
+              <div className="col-md-4">
+                <input
+                  name="q"
+                  type="search"
+                  defaultValue={filter.q ?? ""}
+                  className="form-control"
+                  placeholder="Rechnungsnummer, Key oder Host …"
+                  aria-label="Suche"
+                />
+              </div>
+              <div className="col-6 col-md-3">
+                <select
+                  name="kunde"
+                  defaultValue={filter.kunde ?? ""}
+                  className="form-select"
+                  aria-label="Kunde"
+                >
+                  <option value="">Alle Kunden</option>
+                  {kunden.map((kunde) => (
+                    <option key={kunde.id} value={kunde.id}>
+                      {kunde.name}
+                    </option>
+                  ))}
+                </select>
+              </div>
+              <div className="col-6 col-md-2">
+                <select
+                  name="jahr"
+                  defaultValue={filter.jahr ?? ""}
+                  className="form-select"
+                  aria-label="Jahr"
+                >
+                  <option value="">Alle Jahre</option>
+                  {jahre.map((jahr) => (
+                    <option key={jahr} value={jahr}>
+                      {jahr}
+                    </option>
+                  ))}
+                </select>
+              </div>
+              <div className="col-md-2">
+                <button type="submit" className="btn btn-primary w-100">
+                  Filtern
+                </button>
+              </div>
+            </form>
+
            <div className="table-responsive">
              <table className="table table-striped align-middle">
                <thead>
@@ -60,76 +206,106 @@ export default async function RechnungenSeite({
                    <th scope="col">Proxmox-Rechnung</th>
                    <th scope="col">Netto</th>
                    <th scope="col" className="text-center">
-                      Proxmox bezahlt
+                      Bezahlt
                    </th>
                    <th scope="col">Kundenrechnung</th>
                    <th scope="col">Netto</th>
                    <th scope="col" className="text-center">
-                      Kundenrechnung erstellt
+                      Erstellt
+                    </th>
+                    <th scope="col" className="text-center">
+                      Bezahlt
                    </th>
                    <th scope="col">Marge</th>
                  </tr>
                </thead>
                <tbody>
-                  {liste.map((laufzeit) => {
-                    const host = hosts.find((h) => h.id === laufzeit.hostId);
-                    const kunde = getKunde(host?.kundeId ?? null);
-                    const marge = (laufzeit.verkauf?.nettoBetrag ?? 0) - (laufzeit.einkauf?.nettoBetrag ?? 0);
+                  {zeilen.map((zeile) => {
+                    const faelligIn = tageBis(zeile.einkaufFaelligAm, heute);
                    return (
-                      <tr key={laufzeit.id}>
+                      <tr key={zeile.id}>
                        <td>
-                          {kunde ? (
-                            <Link href={`/kunden/${kunde.id}`} className="text-decoration-none">
-                              {kunde.name}
+                          {zeile.kunde ? (
+                            <Link href={`/kunden/${zeile.kunde.id}`} className="text-decoration-none">
+                              {zeile.kunde.name}
                            </Link>
                          ) : (
                            <span className="badge pl-bg-neutral">Nicht zugeordnet</span>
                          )}
                        </td>
                        <td>
-                          <Link href={`/hosts/${laufzeit.hostId}`} className="text-decoration-none">
-                            {host?.hostname}
+                          <Link href={`/hosts/${zeile.hostId}`} className="text-decoration-none">
+                            {zeile.hostname}
                          </Link>
                        </td>
                        <td>
-                          {formatDatum(laufzeit.start)} – {formatDatum(laufzeit.ende)}
+                          <Link href={`/rechnungen/${zeile.id}`} className="text-decoration-none">
+                            {formatDatum(zeile.start)} – {formatDatum(zeile.ende)}
+                          </Link>
+                          {zeile.vorschlag ? <Badge farbe="info">Vorschlag</Badge> : null}
                        </td>
                        <td>
-                          <CopyableCode wert={laufzeit.einkauf?.nummer ?? null} />
+                          <CopyableCode wert={zeile.einkaufNummer} />
+                          {zeile.einkaufBezahlt === false && faelligIn !== null && faelligIn <= 7 ? (
+                            <div className="small pl-text-danger">
+                              fällig {formatDatum(zeile.einkaufFaelligAm)}
+                            </div>
+                          ) : null}
                        </td>
-                        <td>{formatEuro(laufzeit.einkauf?.nettoBetrag)}</td>
+                        <td>{formatEuro(zeile.einkaufBetrag)}</td>
                        <td className="text-center">
-                          <input
-                            type="checkbox"
-                            className="form-check-input pl-touch-target"
-                            defaultChecked={laufzeit.einkauf?.bezahlt ?? false}
-                            aria-label="Proxmox-Rechnung bezahlt"
+                          <StatusHaken
+                            laufzeitId={zeile.id}
+                            hostId={zeile.hostId}
+                            feld="einkaufBezahlt"
+                            wert={zeile.einkaufBezahlt === true}
+                            deaktiviert={zeile.einkaufBezahlt === null}
+                            titel="Proxmox-Rechnung bezahlt"
                          />
                        </td>
                        <td>
-                          <CopyableCode wert={laufzeit.verkauf?.nummer ?? null} />
+                          <CopyableCode wert={zeile.verkaufNummer} />
                        </td>
-                        <td>{formatEuro(laufzeit.verkauf?.nettoBetrag)}</td>
+                        <td>{formatEuro(zeile.verkaufBetrag)}</td>
                        <td className="text-center">
-                          <input
-                            type="checkbox"
-                            className="form-check-input pl-touch-target"
-                            defaultChecked={laufzeit.verkauf?.erstellt ?? false}
-                            aria-label="Kundenrechnung erstellt"
+                          <StatusHaken
+                            laufzeitId={zeile.id}
+                            hostId={zeile.hostId}
+                            feld="verkaufErstellt"
+                            wert={zeile.verkaufErstellt}
+                            titel="Kundenrechnung erstellt"
                          />
                        </td>
-                        <td className={marge >= 0 ? "pl-text-success" : "pl-text-danger"}>
-                          {laufzeit.verkauf?.nettoBetrag ? formatEuro(marge) : "–"}
+                        <td className="text-center">
+                          <StatusHaken
+                            laufzeitId={zeile.id}
+                            hostId={zeile.hostId}
+                            feld="verkaufBezahlt"
+                            wert={zeile.verkaufBezahlt}
+                            deaktiviert={!zeile.verkaufErstellt}
+                            titel="Kundenrechnung vom Kunden bezahlt"
+                          />
+                        </td>
+                        <td className={(zeile.marge ?? 0) >= 0 ? "pl-text-success" : "pl-text-danger"}>
+                          {zeile.marge === null ? "–" : formatEuro(zeile.marge)}
                        </td>
                      </tr>
                    );
                  })}
+                  {zeilen.length === 0 ? (
+                    <tr>
+                      <td colSpan={11} className="text-center text-body-secondary py-4">
+                        Nichts gefunden. <Link href="/rechnungen?status=alle">Alle anzeigen</Link>
+                      </td>
+                    </tr>
+                  ) : null}
                </tbody>
              </table>
            </div>
          </Card>
+
          <p className="small text-body-secondary">
-            Im Prototyp sind die Häkchen noch ohne Wirkung. Ab #008 setzen sie den Status direkt.
+            Die Häkchen wirken sofort. Für Rechnungsnummer, Beträge und PDF die Laufzeit öffnen.
          </p>
        </div>
      </div>
@@ -0,0 +1,26 @@
+import { readFile } from "node:fs/promises";
+import { prisma } from "@/lib/db";
+import { anhangPfad } from "@/lib/uploads";
+
+export const dynamic = "force-dynamic";
+
+/** Liefert ein hinterlegtes Rechnungs-PDF aus. */
+export async function GET(_request: Request, { params }: { params: Promise<{ id: string }> }) {
+  const { id } = await params;
+  const anhang = await prisma.anhang.findUnique({ where: { id } });
+  if (!anhang) return new Response("Nicht gefunden", { status: 404 });
+
+  try {
+    const inhalt = await readFile(anhangPfad(anhang.pfad));
+    return new Response(new Uint8Array(inhalt), {
+      headers: {
+        "Content-Type": anhang.mimeTyp,
+        "Content-Disposition": `inline; filename="${encodeURIComponent(anhang.dateiname)}"`,
+        "Content-Length": String(inhalt.length),
+        "Cache-Control": "private, no-store",
+      },
+    });
+  } catch {
+    return new Response("Datei fehlt auf der Platte", { status: 410 });
+  }
+}
@@ -0,0 +1,146 @@
+"use client";
+
+import Link from "next/link";
+import { usePathname, useRouter, useSearchParams } from "next/navigation";
+
+/**
+ * Filterleiste der Host-Tabelle. Alle Filter stehen in der Adresse, damit sich eine
+ * gefilterte Liste teilen lässt und der Zurück-Knopf funktioniert.
+ */
+export function HostFilterLeiste({
+  kunden,
+  werte,
+}: {
+  kunden: { id: string; name: string }[];
+  werte: Record<string, string | undefined>;
+}) {
+  const router = useRouter();
+  const pathname = usePathname();
+  const parameter = useSearchParams();
+
+  function setzen(schluessel: string, wert: string) {
+    const neu = new URLSearchParams(parameter.toString());
+    if (wert) neu.set(schluessel, wert);
+    else neu.delete(schluessel);
+    neu.delete("seite");
+    router.push(`${pathname}?${neu.toString()}`);
+  }
+
+  const aktiveFilter = ["kunde", "status", "produkt", "ablauf", "rechnung", "q"].filter(
+    (schluessel) => werte[schluessel],
+  ).length;
+
+  return (
+    <form
+      className="row g-2 p-3 border-bottom"
+      role="search"
+      onSubmit={(e) => {
+        e.preventDefault();
+        const eingabe = new FormData(e.currentTarget).get("q")?.toString() ?? "";
+        setzen("q", eingabe);
+      }}
+    >
+      <div className="col-md-4">
+        <label className="visually-hidden" htmlFor="q">
+          Suche
+        </label>
+        <div className="input-group">
+          <input
+            id="q"
+            name="q"
+            type="search"
+            defaultValue={werte.q ?? ""}
+            className="form-control"
+            placeholder="Hostname, Key, Server-ID, IP oder Rechnungsnummer …"
+          />
+          <button type="submit" className="btn btn-primary" aria-label="Suchen">
+            <i className="bi bi-search" aria-hidden="true" />
+          </button>
+        </div>
+      </div>
+
+      <div className="col-6 col-md-2">
+        <select
+          className="form-select"
+          aria-label="Kunde"
+          value={werte.kunde ?? ""}
+          onChange={(e) => setzen("kunde", e.target.value)}
+        >
+          <option value="">Alle Kunden</option>
+          <option value="ohne">Nicht zugeordnet</option>
+          {kunden.map((kunde) => (
+            <option key={kunde.id} value={kunde.id}>
+              {kunde.name}
+            </option>
+          ))}
+        </select>
+      </div>
+
+      <div className="col-6 col-md-2">
+        <select
+          className="form-select"
+          aria-label="Status"
+          value={werte.status ?? ""}
+          onChange={(e) => setzen("status", e.target.value)}
+        >
+          <option value="">Alle Status</option>
+          <option value="ACTIVE">Aktiv</option>
+          <option value="EXPIRED">Abgelaufen</option>
+          <option value="NOTFOUND">Keine Subscription</option>
+          <option value="INVALID">Ungültig</option>
+          <option value="SUSPENDED">Ausgesetzt</option>
+          <option value="UNKNOWN">Unbekannt</option>
+          <option value="keine-meldung">Meldet sich nicht</option>
+        </select>
+      </div>
+
+      <div className="col-6 col-md-2">
+        <select
+          className="form-select"
+          aria-label="Produkt"
+          value={werte.produkt ?? ""}
+          onChange={(e) => setzen("produkt", e.target.value)}
+        >
+          <option value="">Alle Produkte</option>
+          <option value="PVE">Proxmox VE</option>
+          <option value="PBS">Backup Server</option>
+          <option value="PMG">Mail Gateway</option>
+        </select>
+      </div>
+
+      <div className="col-6 col-md-2">
+        <select
+          className="form-select"
+          aria-label="Ablauf"
+          value={werte.ablauf ?? ""}
+          onChange={(e) => setzen("ablauf", e.target.value)}
+        >
+          <option value="">Jeder Ablauf</option>
+          <option value="14">Läuft in 14 Tagen ab</option>
+          <option value="30">Läuft in 30 Tagen ab</option>
+          <option value="abgelaufen">Abgelaufen</option>
+        </select>
+      </div>
+
+      <div className="col-12 d-flex align-items-center gap-3">
+        <div className="form-check">
+          <input
+            className="form-check-input"
+            type="checkbox"
+            id="rechnung"
+            checked={werte.rechnung === "offen"}
+            onChange={(e) => setzen("rechnung", e.target.checked ? "offen" : "")}
+          />
+          <label className="form-check-label small" htmlFor="rechnung">
+            nur mit offenen Rechnungspunkten
+          </label>
+        </div>
+        {aktiveFilter > 0 ? (
+          <Link href="/hosts" className="small">
+            Filter zurücksetzen ({aktiveFilter})
+          </Link>
+        ) : null}
+      </div>
+    </form>
+  );
+}
@@ -0,0 +1,60 @@
+"use client";
+
+import { useActionState } from "react";
+import { hostNotizenSpeichern } from "@/server/actions/host-detail";
+import type { AktionsErgebnis } from "@/server/actions/kunden";
+
+const LEER: AktionsErgebnis = {};
+
+export function HostNotizen({
+  hostId,
+  notizen,
+  tags,
+}: {
+  hostId: string;
+  notizen: string | null;
+  tags: string[];
+}) {
+  const [ergebnis, aktion, laeuft] = useActionState(hostNotizenSpeichern, LEER);
+
+  return (
+    <form action={aktion}>
+      <input type="hidden" name="hostId" value={hostId} />
+
+      {ergebnis.erfolg ? <div className="alert alert-success py-2">{ergebnis.erfolg}</div> : null}
+      {ergebnis.fehler ? <div className="alert alert-danger py-2">{ergebnis.fehler}</div> : null}
+
+      <div className="mb-3">
+        <label className="form-label" htmlFor="notizen">
+          Notizen
+        </label>
+        <textarea
+          id="notizen"
+          name="notizen"
+          rows={5}
+          className="form-control"
+          defaultValue={notizen ?? ""}
+          placeholder="z. B. Verlängerung mit Kundin besprochen"
+        />
+      </div>
+
+      <div className="mb-3">
+        <label className="form-label" htmlFor="tags">
+          Tags
+        </label>
+        <input
+          id="tags"
+          name="tags"
+          className="form-control"
+          defaultValue={tags.join(", ")}
+          placeholder="produktiv, cluster, backup"
+        />
+        <div className="form-text">Mehrere Tags mit Komma trennen.</div>
+      </div>
+
+      <button type="submit" className="btn btn-primary pl-touch-target" disabled={laeuft}>
+        {laeuft ? "Speichert …" : "Speichern"}
+      </button>
+    </form>
+  );
+}
@@ -0,0 +1,146 @@
+"use client";
+
+import { useActionState, useState } from "react";
+import { CopyableCode } from "@/components/ui/CopyableCode";
+import { formatDatumZeit } from "@/lib/format";
+import { PRODUKT_TEXT } from "@/lib/anzeige";
+import { hostsZuweisen } from "@/server/actions/hosts";
+import type { AktionsErgebnis } from "@/server/actions/kunden";
+
+export interface ZuweisbarerHost {
+  id: string;
+  hostname: string;
+  produkt: string;
+  serverId: string | null;
+  subKey: string | null;
+  erstmalsGesehenAm: string;
+}
+
+export interface KundeMitStandorten {
+  id: string;
+  name: string;
+  standorte: { id: string; name: string }[];
+}
+
+const LEER: AktionsErgebnis = {};
+
+/** Liste der nicht zugeordneten Hosts mit Mehrfachauswahl und gemeinsamer Zuweisung. */
+export function ZuweisungsFormular({
+  hosts,
+  kunden,
+}: {
+  hosts: ZuweisbarerHost[];
+  kunden: KundeMitStandorten[];
+}) {
+  const [ergebnis, aktion, laeuft] = useActionState(hostsZuweisen, LEER);
+  const [ausgewaehlt, setAusgewaehlt] = useState<string[]>(hosts.map((host) => host.id));
+  const [kundeId, setKundeId] = useState(kunden[0]?.id ?? "");
+
+  const standorte = kunden.find((kunde) => kunde.id === kundeId)?.standorte ?? [];
+  const alleAusgewaehlt = ausgewaehlt.length === hosts.length && hosts.length > 0;
+
+  function umschalten(id: string) {
+    setAusgewaehlt((alt) => (alt.includes(id) ? alt.filter((x) => x !== id) : [...alt, id]));
+  }
+
+  return (
+    <form action={aktion}>
+      {ergebnis.fehler ? <div className="alert alert-danger">{ergebnis.fehler}</div> : null}
+      {ergebnis.erfolg ? <div className="alert alert-success">{ergebnis.erfolg}</div> : null}
+
+      <div className="table-responsive">
+        <table className="table table-striped align-middle">
+          <thead>
+            <tr>
+              <th scope="col">
+                <input
+                  type="checkbox"
+                  className="form-check-input"
+                  aria-label="Alle auswählen"
+                  checked={alleAusgewaehlt}
+                  onChange={() => setAusgewaehlt(alleAusgewaehlt ? [] : hosts.map((host) => host.id))}
+                />
+              </th>
+              <th scope="col">Host</th>
+              <th scope="col">Produkt</th>
+              <th scope="col">Server-ID</th>
+              <th scope="col">Key</th>
+              <th scope="col">Erstmals gesehen</th>
+            </tr>
+          </thead>
+          <tbody>
+            {hosts.map((host) => (
+              <tr key={host.id}>
+                <td>
+                  <input
+                    type="checkbox"
+                    className="form-check-input pl-touch-target"
+                    name="hostId"
+                    value={host.id}
+                    checked={ausgewaehlt.includes(host.id)}
+                    onChange={() => umschalten(host.id)}
+                    aria-label={`${host.hostname} auswählen`}
+                  />
+                </td>
+                <td className="fw-semibold">{host.hostname}</td>
+                <td>{PRODUKT_TEXT[host.produkt] ?? host.produkt}</td>
+                <td>
+                  <CopyableCode wert={host.serverId} />
+                </td>
+                <td>
+                  <CopyableCode wert={host.subKey} />
+                </td>
+                <td>{formatDatumZeit(host.erstmalsGesehenAm)}</td>
+              </tr>
+            ))}
+          </tbody>
+        </table>
+      </div>
+
+      <div className="row g-2 align-items-end p-3 border-top">
+        <div className="col-md-5">
+          <label className="form-label" htmlFor="kundeId">
+            Kunde
+          </label>
+          <select
+            id="kundeId"
+            name="kundeId"
+            className="form-select"
+            value={kundeId}
+            onChange={(e) => setKundeId(e.target.value)}
+            required
+          >
+            {kunden.length === 0 ? <option value="">Bitte zuerst einen Kunden anlegen</option> : null}
+            {kunden.map((kunde) => (
+              <option key={kunde.id} value={kunde.id}>
+                {kunde.name}
+              </option>
+            ))}
+          </select>
+        </div>
+        <div className="col-md-5">
+          <label className="form-label" htmlFor="standortId">
+            Standort (optional)
+          </label>
+          <select id="standortId" name="standortId" className="form-select">
+            <option value="">– kein Standort –</option>
+            {standorte.map((standort) => (
+              <option key={standort.id} value={standort.id}>
+                {standort.name}
+              </option>
+            ))}
+          </select>
+        </div>
+        <div className="col-md-2">
+          <button
+            type="submit"
+            className="btn btn-primary w-100 pl-touch-target"
+            disabled={laeuft || ausgewaehlt.length === 0 || kunden.length === 0}
+          >
+            {laeuft ? "Weist zu …" : `${ausgewaehlt.length} zuweisen`}
+          </button>
+        </div>
+      </div>
+    </form>
+  );
+}
@@ -0,0 +1,125 @@
+"use client";
+
+import Link from "next/link";
+import { useActionState } from "react";
+import { kundeSpeichern, type AktionsErgebnis } from "@/server/actions/kunden";
+
+export interface KundeFormularWerte {
+  id?: string;
+  name: string;
+  kundennummer: string;
+  ansprechpartner: string | null;
+  email: string | null;
+  telefon: string | null;
+  notizen: string | null;
+}
+
+const LEER: AktionsErgebnis = {};
+
+export function KundeFormular({ werte }: { werte?: KundeFormularWerte }) {
+  const [ergebnis, aktion, laeuft] = useActionState(kundeSpeichern, LEER);
+
+  function feldKlasse(feld: string) {
+    return `form-control ${ergebnis.felder?.[feld] ? "is-invalid" : ""}`;
+  }
+
+  return (
+    <form action={aktion}>
+      {werte?.id ? <input type="hidden" name="id" value={werte.id} /> : null}
+
+      {ergebnis.fehler ? (
+        <div className="alert alert-danger" role="alert">
+          {ergebnis.fehler}
+        </div>
+      ) : null}
+
+      <div className="row g-3">
+        <div className="col-md-6">
+          <label className="form-label" htmlFor="name">
+            Name *
+          </label>
+          <input
+            id="name"
+            name="name"
+            className={feldKlasse("name")}
+            defaultValue={werte?.name ?? ""}
+            required
+          />
+          {ergebnis.felder?.name ? <div className="invalid-feedback">{ergebnis.felder.name}</div> : null}
+        </div>
+
+        <div className="col-md-6">
+          <label className="form-label" htmlFor="kundennummer">
+            Kundennummer *
+          </label>
+          <input
+            id="kundennummer"
+            name="kundennummer"
+            className={`${feldKlasse("kundennummer")} pl-mono`}
+            defaultValue={werte?.kundennummer ?? ""}
+            placeholder="K-1001"
+            required
+          />
+          {ergebnis.felder?.kundennummer ? (
+            <div className="invalid-feedback">{ergebnis.felder.kundennummer}</div>
+          ) : null}
+        </div>
+
+        <div className="col-md-6">
+          <label className="form-label" htmlFor="ansprechpartner">
+            Ansprechpartner
+          </label>
+          <input
+            id="ansprechpartner"
+            name="ansprechpartner"
+            className="form-control"
+            defaultValue={werte?.ansprechpartner ?? ""}
+          />
+        </div>
+
+        <div className="col-md-6">
+          <label className="form-label" htmlFor="email">
+            E-Mail
+          </label>
+          <input
+            id="email"
+            name="email"
+            type="email"
+            className={feldKlasse("email")}
+            defaultValue={werte?.email ?? ""}
+          />
+          {ergebnis.felder?.email ? <div className="invalid-feedback">{ergebnis.felder.email}</div> : null}
+        </div>
+
+        <div className="col-md-6">
+          <label className="form-label" htmlFor="telefon">
+            Telefon
+          </label>
+          <input id="telefon" name="telefon" className="form-control" defaultValue={werte?.telefon ?? ""} />
+        </div>
+
+        <div className="col-12">
+          <label className="form-label" htmlFor="notizen">
+            Notizen
+          </label>
+          <textarea
+            id="notizen"
+            name="notizen"
+            rows={3}
+            className="form-control"
+            defaultValue={werte?.notizen ?? ""}
+          />
+        </div>
+      </div>
+
+      <div className="d-flex gap-2 mt-4">
+        <button type="submit" className="btn btn-primary pl-touch-target" disabled={laeuft}>
+          {laeuft ? "Speichert …" : "Speichern"}
+        </button>
+        <Link href={werte?.id ? `/kunden/${werte.id}` : "/kunden"} className="btn btn-outline-secondary">
+          Abbrechen
+        </Link>
+      </div>
+    </form>
+  );
+}
@@ -0,0 +1,94 @@
+"use client";
+
+import { useActionState } from "react";
+import { standortLoeschen, standortSpeichern, type AktionsErgebnis } from "@/server/actions/kunden";
+
+export interface StandortAnzeige {
+  id: string;
+  name: string;
+  strasse: string | null;
+  plz: string | null;
+  ort: string | null;
+  hosts: number;
+}
+
+const LEER: AktionsErgebnis = {};
+
+export function StandortVerwaltung({
+  kundeId,
+  standorte,
+}: {
+  kundeId: string;
+  standorte: StandortAnzeige[];
+}) {
+  const [ergebnis, aktion, laeuft] = useActionState(standortSpeichern, LEER);
+
+  return (
+    <>
+      {standorte.length > 0 ? (
+        <ul className="list-group list-group-flush mb-3">
+          {standorte.map((standort) => (
+            <li
+              key={standort.id}
+              className="list-group-item d-flex justify-content-between align-items-center px-0"
+            >
+              <span>
+                <span className="fw-semibold">{standort.name}</span>
+                <span className="d-block small text-body-secondary">
+                  {[standort.strasse, [standort.plz, standort.ort].filter(Boolean).join(" ")]
+                    .filter(Boolean)
+                    .join(" · ") || "Keine Adresse hinterlegt"}
+                  {standort.hosts > 0 ? ` · ${standort.hosts} Host(s)` : ""}
+                </span>
+              </span>
+              <form action={standortLoeschen}>
+                <input type="hidden" name="id" value={standort.id} />
+                <input type="hidden" name="kundeId" value={kundeId} />
+                <button
+                  type="submit"
+                  className="btn btn-sm btn-outline-danger"
+                  title="Standort löschen"
+                  aria-label={`Standort ${standort.name} löschen`}
+                >
+                  <i className="bi bi-trash" aria-hidden="true" />
+                </button>
+              </form>
+            </li>
+          ))}
+        </ul>
+      ) : (
+        <p className="text-body-secondary">Noch kein Standort hinterlegt.</p>
+      )}
+
+      {ergebnis.fehler ? <div className="alert alert-danger py-2">{ergebnis.fehler}</div> : null}
+      {ergebnis.erfolg ? <div className="alert alert-success py-2">{ergebnis.erfolg}</div> : null}
+
+      <form action={aktion} className="row g-2">
+        <input type="hidden" name="kundeId" value={kundeId} />
+        <div className="col-12">
+          <label className="form-label small" htmlFor="standort-name">
+            Neuer Standort
+          </label>
+          <input
+            id="standort-name"
+            name="name"
+            className="form-control form-control-sm"
+            placeholder="z. B. Zentrale Landshut"
+            required
+          />
+        </div>
+        <div className="col-6">
+          <input name="plz" className="form-control form-control-sm" placeholder="PLZ" />
+        </div>
+        <div className="col-6">
+          <input name="ort" className="form-control form-control-sm" placeholder="Ort" />
+        </div>
+        <div className="col-12">
+          <button type="submit" className="btn btn-sm btn-outline-primary" disabled={laeuft}>
+            {laeuft ? "Speichert …" : "Standort hinzufügen"}
+          </button>
+        </div>
+      </form>
+    </>
+  );
+}
@@ -3,7 +3,7 @@ import { APP_VERSION } from "@/lib/version";
 export function Footer() {
  return (
    <footer className="app-footer bg-body">
-      <div className="float-end d-none d-sm-inline">Prototyp mit Beispieldaten (#002)</div>
+      <div className="float-end d-none d-sm-inline">Proxmox Subscription Dashboard</div>
      <strong>ProxLedger</strong> · Version {APP_VERSION}
    </footer>
  );
@@ -2,14 +2,20 @@

 import Link from "next/link";
 import { useCallback, useEffect, useState, useSyncExternalStore } from "react";
-import type { SuchEintrag } from "@/mock/suchindex";
-import type { Alert } from "@/mock/types";
-import { SearchDialog } from "./SearchDialog";
+import { SearchDialog, type SuchEintrag } from "./SearchDialog";

-const SCHWERE_ICON: Record<Alert["schwere"], string> = {
-  gefahr: "bi-exclamation-octagon-fill pl-text-danger",
-  warnung: "bi-exclamation-triangle-fill pl-text-warning",
-  info: "bi-info-circle-fill text-body-secondary",
+export interface KopfleistenAlert {
+  id: string;
+  titel: string;
+  beschreibung: string;
+  schwere: "INFO" | "WARNUNG" | "GEFAHR";
+  hostId: string | null;
+}
+
+const SCHWERE_ICON: Record<KopfleistenAlert["schwere"], string> = {
+  GEFAHR: "bi-exclamation-octagon-fill pl-text-danger",
+  WARNUNG: "bi-exclamation-triangle-fill pl-text-warning",
+  INFO: "bi-info-circle-fill text-body-secondary",
 };

 /** Farbschema aus dem <html>-Attribut lesen, damit Server und Client übereinstimmen. */
@@ -28,7 +34,7 @@ export function Header({
  suchEintraege,
  benutzer,
 }: {
-  alerts: Alert[];
+  alerts: KopfleistenAlert[];
  suchEintraege: SuchEintrag[];
  benutzer: string;
 }) {
@@ -2,7 +2,15 @@

 import { useRouter } from "next/navigation";
 import { useMemo, useState } from "react";
-import type { SuchEintrag } from "@/mock/suchindex";
+
+export interface SuchEintrag {
+  typ: "Host" | "Kunde" | "Rechnung";
+  titel: string;
+  untertitel: string;
+  href: string;
+  /** Alle durchsuchbaren Werte in Kleinschreibung. */
+  begriffe: string[];
+}

 const TYP_FARBE: Record<SuchEintrag["typ"], string> = {
  Host: "pl-bg-info",
@@ -0,0 +1,345 @@
+"use client";
+
+import { useActionState } from "react";
+import { kundenrechnungSpeichern, proxmoxRechnungSpeichern } from "@/server/actions/rechnungen";
+import type { AktionsErgebnis } from "@/server/actions/kunden";
+
+const LEER: AktionsErgebnis = {};
+
+function isoDatum(wert: string | null | undefined) {
+  return wert ? wert.slice(0, 10) : "";
+}
+
+function Meldung({ ergebnis }: { ergebnis: AktionsErgebnis }) {
+  if (ergebnis.fehler) return <div className="alert alert-danger py-2">{ergebnis.fehler}</div>;
+  if (ergebnis.erfolg) return <div className="alert alert-success py-2">{ergebnis.erfolg}</div>;
+  return null;
+}
+
+export interface ProxmoxWerte {
+  nummer: string | null;
+  datum: string | null;
+  faelligAm: string | null;
+  nettoBetrag: number | null;
+  ustSatz: number;
+  rabatt: number | null;
+  zahlungsart: string | null;
+  bezahlt: boolean;
+  bezahltAm: string | null;
+  anhangId: string | null;
+  anhangName: string | null;
+}
+
+/** Proxmox-Rechnung (Einkauf). Gleiche Rechnungsnummer heißt: Position an derselben Rechnung. */
+export function ProxmoxRechnungFormular({
+  laufzeitId,
+  hostId,
+  werte,
+}: {
+  laufzeitId: string;
+  hostId: string;
+  werte: ProxmoxWerte;
+}) {
+  const [ergebnis, aktion, laeuft] = useActionState(proxmoxRechnungSpeichern, LEER);
+
+  return (
+    <form action={aktion}>
+      <input type="hidden" name="laufzeitId" value={laufzeitId} />
+      <input type="hidden" name="hostId" value={hostId} />
+      <Meldung ergebnis={ergebnis} />
+
+      <div className="row g-3">
+        <div className="col-md-6">
+          <label className="form-label" htmlFor="px-nummer">
+            Rechnungsnummer *
+          </label>
+          <input
+            id="px-nummer"
+            name="nummer"
+            className="form-control pl-mono"
+            defaultValue={werte.nummer ?? ""}
+            placeholder="PX-2026-14790"
+            required
+          />
+          <div className="form-text">
+            Eine bereits vorhandene Nummer ergänzt die Sammelrechnung um diese Laufzeit.
+          </div>
+        </div>
+        <div className="col-md-3">
+          <label className="form-label" htmlFor="px-datum">
+            Rechnungsdatum *
+          </label>
+          <input
+            id="px-datum"
+            name="datum"
+            type="date"
+            className="form-control"
+            defaultValue={isoDatum(werte.datum)}
+            required
+          />
+        </div>
+        <div className="col-md-3">
+          <label className="form-label" htmlFor="px-faellig">
+            Fällig am
+          </label>
+          <input
+            id="px-faellig"
+            name="faelligAm"
+            type="date"
+            className="form-control"
+            defaultValue={isoDatum(werte.faelligAm)}
+          />
+        </div>
+
+        <div className="col-md-3">
+          <label className="form-label" htmlFor="px-netto">
+            Netto (€) *
+          </label>
+          <input
+            id="px-netto"
+            name="nettoBetrag"
+            className="form-control"
+            inputMode="decimal"
+            defaultValue={werte.nettoBetrag ?? ""}
+            required
+          />
+        </div>
+        <div className="col-md-2">
+          <label className="form-label" htmlFor="px-ust">
+            USt (%)
+          </label>
+          <input
+            id="px-ust"
+            name="ustSatz"
+            className="form-control"
+            inputMode="decimal"
+            defaultValue={werte.ustSatz}
+          />
+        </div>
+        <div className="col-md-3">
+          <label className="form-label" htmlFor="px-rabatt">
+            Rabatt (€)
+          </label>
+          <input
+            id="px-rabatt"
+            name="rabatt"
+            className="form-control"
+            inputMode="decimal"
+            defaultValue={werte.rabatt ?? ""}
+          />
+        </div>
+        <div className="col-md-4">
+          <label className="form-label" htmlFor="px-zahlungsart">
+            Zahlungsart
+          </label>
+          <input
+            id="px-zahlungsart"
+            name="zahlungsart"
+            className="form-control"
+            defaultValue={werte.zahlungsart ?? ""}
+            placeholder="Überweisung"
+          />
+        </div>
+
+        <div className="col-md-4 d-flex align-items-end">
+          <div className="form-check">
+            <input
+              className="form-check-input"
+              type="checkbox"
+              id="px-bezahlt"
+              name="bezahlt"
+              defaultChecked={werte.bezahlt}
+            />
+            <label className="form-check-label" htmlFor="px-bezahlt">
+              bezahlt
+            </label>
+          </div>
+        </div>
+        <div className="col-md-4">
+          <label className="form-label" htmlFor="px-bezahltAm">
+            Bezahlt am
+          </label>
+          <input
+            id="px-bezahltAm"
+            name="bezahltAm"
+            type="date"
+            className="form-control"
+            defaultValue={isoDatum(werte.bezahltAm)}
+          />
+        </div>
+        <div className="col-md-4">
+          <label className="form-label" htmlFor="px-pdf">
+            PDF (max. 10 MB)
+          </label>
+          <input id="px-pdf" name="pdf" type="file" accept="application/pdf" className="form-control" />
+          {werte.anhangId ? (
+            <div className="form-text">
+              Hinterlegt:{" "}
+              <a href={`/anhang/${werte.anhangId}`} target="_blank" rel="noreferrer">
+                {werte.anhangName ?? "PDF ansehen"}
+              </a>
+            </div>
+          ) : null}
+        </div>
+      </div>
+
+      <button type="submit" className="btn btn-primary mt-3 pl-touch-target" disabled={laeuft}>
+        {laeuft ? "Speichert …" : "Proxmox-Rechnung speichern"}
+      </button>
+    </form>
+  );
+}
+
+export interface KundenWerte {
+  erstellt: boolean;
+  nummer: string | null;
+  datum: string | null;
+  nettoBetrag: number | null;
+  ustSatz: number;
+  bezahlt: boolean;
+  bezahltAm: string | null;
+  anhangId: string | null;
+  anhangName: string | null;
+}
+
+/** Kundenrechnung (Verkauf). */
+export function KundenrechnungFormular({
+  laufzeitId,
+  hostId,
+  werte,
+  kundeVorhanden,
+}: {
+  laufzeitId: string;
+  hostId: string;
+  werte: KundenWerte;
+  kundeVorhanden: boolean;
+}) {
+  const [ergebnis, aktion, laeuft] = useActionState(kundenrechnungSpeichern, LEER);
+
+  if (!kundeVorhanden) {
+    return (
+      <p className="mb-0 text-body-secondary">
+        Dieser Host ist keinem Kunden zugewiesen. Ohne Kunde lässt sich keine Kundenrechnung erfassen.
+      </p>
+    );
+  }
+
+  return (
+    <form action={aktion}>
+      <input type="hidden" name="laufzeitId" value={laufzeitId} />
+      <input type="hidden" name="hostId" value={hostId} />
+      <Meldung ergebnis={ergebnis} />
+
+      <div className="row g-3">
+        <div className="col-md-4 d-flex align-items-end">
+          <div className="form-check">
+            <input
+              className="form-check-input"
+              type="checkbox"
+              id="kr-erstellt"
+              name="erstellt"
+              defaultChecked={werte.erstellt}
+            />
+            <label className="form-check-label" htmlFor="kr-erstellt">
+              Rechnung ist erstellt
+            </label>
+          </div>
+        </div>
+        <div className="col-md-4">
+          <label className="form-label" htmlFor="kr-nummer">
+            Rechnungsnummer
+          </label>
+          <input
+            id="kr-nummer"
+            name="nummer"
+            className="form-control pl-mono"
+            defaultValue={werte.nummer ?? ""}
+            placeholder="RE-2026-0412"
+          />
+          <div className="form-text">Gleiche Nummer = eine Rechnung über mehrere Laufzeiten.</div>
+        </div>
+        <div className="col-md-4">
+          <label className="form-label" htmlFor="kr-datum">
+            Rechnungsdatum
+          </label>
+          <input
+            id="kr-datum"
+            name="datum"
+            type="date"
+            className="form-control"
+            defaultValue={isoDatum(werte.datum)}
+          />
+        </div>
+
+        <div className="col-md-4">
+          <label className="form-label" htmlFor="kr-netto">
+            Netto (€)
+          </label>
+          <input
+            id="kr-netto"
+            name="nettoBetrag"
+            className="form-control"
+            inputMode="decimal"
+            defaultValue={werte.nettoBetrag ?? ""}
+          />
+        </div>
+        <div className="col-md-2">
+          <label className="form-label" htmlFor="kr-ust">
+            USt (%)
+          </label>
+          <input
+            id="kr-ust"
+            name="ustSatz"
+            className="form-control"
+            inputMode="decimal"
+            defaultValue={werte.ustSatz}
+          />
+        </div>
+        <div className="col-md-3 d-flex align-items-end">
+          <div className="form-check">
+            <input
+              className="form-check-input"
+              type="checkbox"
+              id="kr-bezahlt"
+              name="bezahlt"
+              defaultChecked={werte.bezahlt}
+            />
+            <label className="form-check-label" htmlFor="kr-bezahlt">
+              vom Kunden bezahlt
+            </label>
+          </div>
+        </div>
+        <div className="col-md-3">
+          <label className="form-label" htmlFor="kr-bezahltAm">
+            Bezahlt am
+          </label>
+          <input
+            id="kr-bezahltAm"
+            name="bezahltAm"
+            type="date"
+            className="form-control"
+            defaultValue={isoDatum(werte.bezahltAm)}
+          />
+        </div>
+        <div className="col-md-6">
+          <label className="form-label" htmlFor="kr-pdf">
+            PDF (max. 10 MB)
+          </label>
+          <input id="kr-pdf" name="pdf" type="file" accept="application/pdf" className="form-control" />
+          {werte.anhangId ? (
+            <div className="form-text">
+              Hinterlegt:{" "}
+              <a href={`/anhang/${werte.anhangId}`} target="_blank" rel="noreferrer">
+                {werte.anhangName ?? "PDF ansehen"}
+              </a>
+            </div>
+          ) : null}
+        </div>
+      </div>
+
+      <button type="submit" className="btn btn-primary mt-3 pl-touch-target" disabled={laeuft}>
+        {laeuft ? "Speichert …" : "Kundenrechnung speichern"}
+      </button>
+    </form>
+  );
+}
@@ -0,0 +1,60 @@
+"use client";
+
+import { useTransition } from "react";
+import { statusUmschalten } from "@/server/actions/rechnungen";
+
+/**
+ * Häkchen, das den Rechnungsstatus direkt in der Tabelle setzt.
+ * Ohne erfasste Rechnung bleibt es deaktiviert – außer bei „Kundenrechnung erstellt“,
+ * denn dort legt das Häkchen eine Rechnung ohne Nummer an, die später ergänzt wird.
+ */
+export function StatusHaken({
+  laufzeitId,
+  hostId,
+  feld,
+  wert,
+  deaktiviert = false,
+  titel,
+}: {
+  laufzeitId: string;
+  hostId: string;
+  feld: "einkaufBezahlt" | "verkaufErstellt" | "verkaufBezahlt";
+  wert: boolean;
+  deaktiviert?: boolean;
+  titel: string;
+}) {
+  const [laeuft, starte] = useTransition();
+
+  function umschalten(neu: boolean) {
+    const daten = new FormData();
+    daten.set("laufzeitId", laufzeitId);
+    daten.set("hostId", hostId);
+    daten.set("feld", feld);
+    daten.set("wert", String(neu));
+    starte(async () => {
+      await statusUmschalten(daten);
+    });
+  }
+
+  return (
+    <span className="d-inline-flex align-items-center justify-content-center">
+      {laeuft ? (
+        <span
+          className="spinner-border spinner-border-sm text-body-secondary"
+          role="status"
+          aria-hidden="true"
+        />
+      ) : (
+        <input
+          type="checkbox"
+          className="form-check-input pl-touch-target"
+          checked={wert}
+          disabled={deaktiviert}
+          onChange={(e) => umschalten(e.target.checked)}
+          aria-label={titel}
+          title={deaktiviert ? "Erst eine Rechnung erfassen" : titel}
+        />
+      )}
+    </span>
+  );
+}
@@ -0,0 +1,101 @@
+"use client";
+
+import { useActionState } from "react";
+import { CopyableCode } from "@/components/ui/CopyableCode";
+import { enrollmentTokenErzeugen, type TokenErgebnis } from "@/server/actions/tokens";
+
+const LEER: TokenErgebnis = {};
+
+/** Erzeugt Enrollment-Tokens und zeigt den Klartext genau einmal an. */
+export function TokenFormular({
+  kunden,
+  dashboardUrl,
+}: {
+  kunden: { id: string; name: string }[];
+  dashboardUrl: string;
+}) {
+  const [ergebnis, aktion, laeuft] = useActionState(enrollmentTokenErzeugen, LEER);
+
+  return (
+    <>
+      {ergebnis.fehler ? <div className="alert alert-danger">{ergebnis.fehler}</div> : null}
+
+      {ergebnis.klartext ? (
+        <div className="alert alert-success">
+          <p className="fw-semibold mb-2">
+            <i className="bi bi-check-circle me-1" aria-hidden="true" />
+            Token erzeugt – er wird nur dieses eine Mal angezeigt.
+          </p>
+          <div className="mb-2">
+            <CopyableCode wert={ergebnis.klartext} />
+          </div>
+          <p className="mb-1 small">Auf dem Proxmox-Host als root ausführen:</p>
+          <pre className="bg-body p-2 rounded mb-0">
+            <code className="pl-mono">
+              curl -fsSL {dashboardUrl}/install.sh | bash -s -- --token {ergebnis.klartext}
+            </code>
+          </pre>
+        </div>
+      ) : null}
+
+      <form action={aktion} className="row g-3">
+        <div className="col-md-4">
+          <label className="form-label" htmlFor="bezeichnung">
+            Bezeichnung
+          </label>
+          <input
+            id="bezeichnung"
+            name="bezeichnung"
+            className="form-control"
+            placeholder="z. B. Rollout Brandl"
+          />
+        </div>
+        <div className="col-md-4">
+          <label className="form-label" htmlFor="token-kundeId">
+            Hosts direkt zuordnen zu
+          </label>
+          <select id="token-kundeId" name="kundeId" className="form-select">
+            <option value="">– keinem Kunden –</option>
+            {kunden.map((kunde) => (
+              <option key={kunde.id} value={kunde.id}>
+                {kunde.name}
+              </option>
+            ))}
+          </select>
+        </div>
+        <div className="col-md-2">
+          <label className="form-label" htmlFor="gueltigTage">
+            Gültig (Tage)
+          </label>
+          <input
+            id="gueltigTage"
+            name="gueltigTage"
+            type="number"
+            min={1}
+            max={365}
+            defaultValue={30}
+            className="form-control"
+          />
+        </div>
+        <div className="col-md-2">
+          <label className="form-label" htmlFor="maxNutzungen">
+            Max. Nutzungen
+          </label>
+          <input
+            id="maxNutzungen"
+            name="maxNutzungen"
+            type="number"
+            min={1}
+            placeholder="unbegrenzt"
+            className="form-control"
+          />
+        </div>
+        <div className="col-12">
+          <button type="submit" className="btn btn-primary pl-touch-target" disabled={laeuft}>
+            {laeuft ? "Erzeugt …" : "Token erzeugen"}
+          </button>
+        </div>
+      </form>
+    </>
+  );
+}
@@ -1,22 +1,23 @@
 import { formatDatum, formatTageBis, tageBis } from "@/lib/format";
-import { STATUS_TEXT } from "@/mock/queries";
-import type { SubscriptionStatus } from "@/mock/types";
+import { STATUS_TEXT, statusAusDatenbank, type AnzeigeStatus } from "@/lib/anzeige";
 import { FARB_KLASSE, type Farbton } from "./SmallBox";

 export function Badge({ farbe, children }: { farbe: Farbton; children: React.ReactNode }) {
  return <span className={`badge ${FARB_KLASSE[farbe]}`}>{children}</span>;
 }

-const STATUS_FARBE: Record<SubscriptionStatus, Farbton> = {
+const STATUS_FARBE: Record<AnzeigeStatus, Farbton> = {
  active: "success",
  notfound: "neutral",
  invalid: "danger",
  expired: "danger",
  suspended: "warning",
+  unknown: "neutral",
 };

-export function StatusBadge({ status }: { status: SubscriptionStatus }) {
-  return <Badge farbe={STATUS_FARBE[status]}>{STATUS_TEXT[status]}</Badge>;
+export function StatusBadge({ status }: { status: string }) {
+  const anzeige = statusAusDatenbank(status);
+  return <Badge farbe={STATUS_FARBE[anzeige]}>{STATUS_TEXT[anzeige]}</Badge>;
 }

 /** Ablaufdatum mit Ampel: rot unter 14 Tagen, gelb unter 30 Tagen, sonst Info. */
@@ -1,7 +1,8 @@
 "use client";

 import Link from "next/link";
-import { useState } from "react";
+import { useState, useTransition } from "react";
+import { statusUmschalten } from "@/server/actions/rechnungen";
 import { Badge } from "./Badges";
 import type { Farbton } from "./SmallBox";

@@ -12,6 +13,12 @@ export interface Aufgabe {
  dringlichkeit: "gefahr" | "warnung" | "info";
  badgeText: string;
  href: string;
+  /** Gesetzt, wenn das Abhaken direkt einen Rechnungsstatus setzt. */
+  aktion?: {
+    laufzeitId: string;
+    hostId: string;
+    feld: "einkaufBezahlt" | "verkaufErstellt";
+  };
 }

 const BADGE_FARBE: Record<Aufgabe["dringlichkeit"], Farbton> = {
@@ -21,14 +28,30 @@ const BADGE_FARBE: Record<Aufgabe["dringlichkeit"], Farbton> = {
 };

 /**
- * Aufgabenliste im AdminLTE-Todo-Stil. Im Prototyp merkt sich das Abhaken den Zustand nur lokal;
- * ab #008 setzt es den Rechnungsstatus in der Datenbank.
+ * Aufgabenliste im AdminLTE-Todo-Stil. Aufgaben mit `aktion` setzen beim Abhaken den
+ * Rechnungsstatus in der Datenbank; die übrigen sind Merkposten und verschwinden erst,
+ * wenn die Ursache behoben ist (z. B. ein Host einem Kunden zugewiesen wurde).
 */
 export function TodoList({ aufgaben }: { aufgaben: Aufgabe[] }) {
-  const [erledigt, setErledigt] = useState<string[]>([]);
+  const [oertlichErledigt, setOertlichErledigt] = useState<string[]>([]);
+  const [laeuft, starte] = useTransition();

-  function umschalten(id: string) {
-    setErledigt((alt) => (alt.includes(id) ? alt.filter((x) => x !== id) : [...alt, id]));
+  function umschalten(aufgabe: Aufgabe) {
+    if (!aufgabe.aktion) {
+      setOertlichErledigt((alt) =>
+        alt.includes(aufgabe.id) ? alt.filter((x) => x !== aufgabe.id) : [...alt, aufgabe.id],
+      );
+      return;
+    }
+
+    const daten = new FormData();
+    daten.set("laufzeitId", aufgabe.aktion.laufzeitId);
+    daten.set("hostId", aufgabe.aktion.hostId);
+    daten.set("feld", aufgabe.aktion.feld);
+    daten.set("wert", "true");
+    starte(async () => {
+      await statusUmschalten(daten);
+    });
  }

  if (aufgaben.length === 0) {
@@ -38,7 +61,7 @@ export function TodoList({ aufgaben }: { aufgaben: Aufgabe[] }) {
  return (
    <ul className="pl-todo-list">
      {aufgaben.map((aufgabe) => {
-        const istErledigt = erledigt.includes(aufgabe.id);
+        const istErledigt = oertlichErledigt.includes(aufgabe.id);
        return (
          <li
            key={aufgabe.id}
@@ -48,8 +71,12 @@ export function TodoList({ aufgaben }: { aufgaben: Aufgabe[] }) {
              type="checkbox"
              className="form-check-input mt-1 pl-touch-target"
              checked={istErledigt}
-              onChange={() => umschalten(aufgabe.id)}
-              aria-label={`${aufgabe.titel} erledigt`}
+              disabled={laeuft}
+              onChange={() => umschalten(aufgabe)}
+              aria-label={
+                aufgabe.aktion ? `${aufgabe.titel} als erledigt eintragen` : `${aufgabe.titel} abhaken`
+              }
+              title={aufgabe.aktion ? "Setzt den Rechnungsstatus" : "Nur zur eigenen Übersicht"}
            />
            <div className="flex-grow-1 pl-todo-text">
              <Link href={aufgabe.href} className="fw-semibold text-decoration-none">
@@ -0,0 +1,31 @@
+/** Einheitliche Beschriftungen für Produkt und Subscription-Status (Datenbank und Prototyp-Daten). */
+
+export type AnzeigeStatus = "active" | "notfound" | "invalid" | "expired" | "suspended" | "unknown";
+
+export const PRODUKT_TEXT: Record<string, string> = {
+  PVE: "Proxmox VE",
+  PBS: "Proxmox Backup Server",
+  PMG: "Proxmox Mail Gateway",
+  pve: "Proxmox VE",
+  pbs: "Proxmox Backup Server",
+  pmg: "Proxmox Mail Gateway",
+};
+
+export const STATUS_TEXT: Record<AnzeigeStatus, string> = {
+  active: "Aktiv",
+  notfound: "Keine Subscription",
+  invalid: "Ungültig",
+  expired: "Abgelaufen",
+  suspended: "Ausgesetzt",
+  unknown: "Unbekannt",
+};
+
+/** Nimmt sowohl die Datenbank-Schreibweise (ACTIVE) als auch die von Proxmox (active) entgegen. */
+export function statusAusDatenbank(wert: string): AnzeigeStatus {
+  const klein = wert.toLowerCase();
+  return (["active", "notfound", "invalid", "expired", "suspended"] as const).includes(
+    klein as AnzeigeStatus & ("active" | "notfound" | "invalid" | "expired" | "suspended"),
+  )
+    ? (klein as AnzeigeStatus)
+    : "unknown";
+}
@@ -0,0 +1,41 @@
+/** CSV für deutsche Tabellenkalkulationen: Semikolon, UTF-8 mit BOM, Komma als Dezimaltrennzeichen. */
+
+const datumFormat = new Intl.DateTimeFormat("de-DE", {
+  timeZone: "Europe/Berlin",
+  day: "2-digit",
+  month: "2-digit",
+  year: "numeric",
+});
+
+export function csvZelle(wert: string | number | Date | null | undefined): string {
+  if (wert === null || wert === undefined) return "";
+  if (wert instanceof Date) return datumFormat.format(wert);
+  if (typeof wert === "number") {
+    // Ganze Zahlen (z. B. Sockets) ohne Nachkommastellen, Beträge mit zwei.
+    return Number.isInteger(wert)
+      ? wert.toLocaleString("de-DE")
+      : wert.toLocaleString("de-DE", { minimumFractionDigits: 2, maximumFractionDigits: 2 });
+  }
+
+  const text = String(wert);
+  return /[";\n]/.test(text) ? `"${text.replaceAll('"', '""')}"` : text;
+}
+
+export function csvDatei(
+  kopfzeile: string[],
+  zeilen: (string | number | Date | null | undefined)[][],
+): string {
+  const inhalt = [kopfzeile, ...zeilen].map((zeile) => zeile.map(csvZelle).join(";")).join("\r\n");
+  // Das BOM sorgt dafür, dass Excel die Umlaute richtig liest.
+  return `\uFEFF${inhalt}\r\n`;
+}
+
+export function csvAntwort(inhalt: string, dateiname: string): Response {
+  return new Response(inhalt, {
+    headers: {
+      "Content-Type": "text/csv; charset=utf-8",
+      "Content-Disposition": `attachment; filename="${dateiname}"`,
+      "Cache-Control": "no-store",
+    },
+  });
+}
@@ -3,28 +3,33 @@ import { PrismaClient } from "@/generated/prisma/client";

 /**
 * Prisma-Client als Singleton, der erst beim ersten Zugriff verbindet.
- * Das ist wichtig, weil Next.js beim Bauen Module lädt, ohne dass `DATABASE_URL` gesetzt sein muss.
- * Im Entwicklungsmodus verhindert der globale Zwischenspeicher, dass jeder Hot-Reload
- * einen neuen Verbindungspool öffnet.
+ * Verzögert, weil Next.js beim Bauen Module lädt, ohne dass `DATABASE_URL` gesetzt sein muss.
+ * Der Client wird im Modul festgehalten – sonst entstünde bei jedem Zugriff ein neuer
+ * Verbindungspool – und im Entwicklungsmodus zusätzlich global, damit Hot-Reloads ihn wiederverwenden.
 */
 declare global {
  var proxledgerPrisma: PrismaClient | undefined;
 }

-function erzeugeClient(): PrismaClient {
+let client: PrismaClient | undefined;
+
+export function getPrisma(): PrismaClient {
+  if (client) return client;
+  if (globalThis.proxledgerPrisma) {
+    client = globalThis.proxledgerPrisma;
+    return client;
+  }
+
  const connectionString = process.env.DATABASE_URL;
  if (!connectionString) {
    throw new Error("DATABASE_URL ist nicht gesetzt. Beispielwerte stehen in .env.example.");
  }
-  const client = new PrismaClient({ adapter: new PrismaPg({ connectionString }) });
+
+  client = new PrismaClient({ adapter: new PrismaPg({ connectionString, max: 10 }) });
  if (process.env.NODE_ENV !== "production") globalThis.proxledgerPrisma = client;
  return client;
 }

-export function getPrisma(): PrismaClient {
-  return globalThis.proxledgerPrisma ?? erzeugeClient();
-}
-
 export const prisma: PrismaClient = new Proxy({} as PrismaClient, {
  get(_ziel, eigenschaft, empfaenger) {
    return Reflect.get(getPrisma(), eigenschaft, empfaenger);
@@ -0,0 +1,53 @@
+import { createHash } from "node:crypto";
+import { mkdir, writeFile } from "node:fs/promises";
+import path from "node:path";
+import { prisma } from "./db";
+
+/** Rechnungs-PDFs liegen auf der Platte, nur die Metadaten in der Datenbank. */
+export const UPLOAD_VERZEICHNIS = process.env.UPLOAD_DIR ?? path.join(process.cwd(), "data", "uploads");
+export const MAX_GROESSE = 10 * 1024 * 1024;
+
+export class UploadFehler extends Error {}
+
+/**
+ * Nimmt ein PDF entgegen und legt es unter seiner Prüfsumme ab.
+ * Gleiche Datei zweimal hochgeladen heißt: derselbe Anhang, kein zweites Exemplar auf der Platte.
+ */
+export async function anhangSpeichern(datei: File): Promise<string> {
+  if (datei.size === 0) throw new UploadFehler("Die Datei ist leer.");
+  if (datei.size > MAX_GROESSE) {
+    throw new UploadFehler(`Die Datei ist größer als ${MAX_GROESSE / 1024 / 1024} MB.`);
+  }
+
+  const inhalt = Buffer.from(await datei.arrayBuffer());
+
+  // Nicht auf den gemeldeten Typ verlassen, sondern in die Datei sehen.
+  if (inhalt.subarray(0, 5).toString("latin1") !== "%PDF-") {
+    throw new UploadFehler("Nur PDF-Dateien sind erlaubt.");
+  }
+
+  const sha256 = createHash("sha256").update(inhalt).digest("hex");
+  const vorhanden = await prisma.anhang.findFirst({ where: { sha256 } });
+  if (vorhanden) return vorhanden.id;
+
+  await mkdir(UPLOAD_VERZEICHNIS, { recursive: true });
+  const dateiname = `${sha256}.pdf`;
+  await writeFile(path.join(UPLOAD_VERZEICHNIS, dateiname), inhalt, { mode: 0o640 });
+
+  const anhang = await prisma.anhang.create({
+    data: {
+      dateiname: datei.name || dateiname,
+      pfad: dateiname,
+      mimeTyp: "application/pdf",
+      groesse: inhalt.length,
+      sha256,
+    },
+  });
+
+  return anhang.id;
+}
+
+export function anhangPfad(pfad: string): string {
+  // Nur der Dateiname aus der Datenbank wird verwendet; Pfadangaben darin werden verworfen.
+  return path.join(UPLOAD_VERZEICHNIS, path.basename(pfad));
+}
@@ -0,0 +1,61 @@
+"use server";
+
+import { revalidatePath } from "next/cache";
+import { prisma } from "@/lib/db";
+import { protokolliere } from "@/server/audit";
+import type { AktionsErgebnis } from "./kunden";
+
+/** Speichert Notizen und Tags eines Hosts. */
+export async function hostNotizenSpeichern(
+  _vorher: AktionsErgebnis,
+  formular: FormData,
+): Promise<AktionsErgebnis> {
+  const hostId = formular.get("hostId")?.toString();
+  if (!hostId) return { fehler: "Host nicht gefunden." };
+
+  const notizen = formular.get("notizen")?.toString().trim() || null;
+  const tags = (formular.get("tags")?.toString() ?? "")
+    .split(",")
+    .map((tag) => tag.trim().toLowerCase())
+    .filter(Boolean)
+    .slice(0, 12);
+
+  await prisma.host.update({
+    where: { id: hostId },
+    data: {
+      notizen,
+      tags: {
+        set: [],
+        connectOrCreate: tags.map((name) => ({ where: { name }, create: { name } })),
+      },
+    },
+  });
+
+  await protokolliere("host.notizen_geaendert", "Host", hostId, { notizen, tags });
+  revalidatePath(`/hosts/${hostId}`);
+
+  return { erfolg: "Gespeichert." };
+}
+
+/** Ordnet einen einzelnen Host einem Kunden zu (aus der Detailansicht heraus). */
+export async function hostKundeSetzen(formular: FormData) {
+  const hostId = formular.get("hostId")?.toString();
+  const kundeId = formular.get("kundeId")?.toString() || null;
+  const standortId = formular.get("standortId")?.toString() || null;
+  if (!hostId) return;
+
+  await prisma.host.update({ where: { id: hostId }, data: { kundeId, standortId } });
+  await protokolliere("host.zugewiesen", "Host", hostId, { kundeId, standortId });
+
+  if (kundeId) {
+    await prisma.alert.updateMany({
+      where: { regel: "host-ohne-kunde", hostId, erledigtAm: null },
+      data: { erledigtAm: new Date() },
+    });
+  }
+
+  revalidatePath(`/hosts/${hostId}`);
+  revalidatePath("/hosts");
+  revalidatePath("/hosts/nicht-zugeordnet");
+  revalidatePath("/");
+}
@@ -0,0 +1,44 @@
+"use server";
+
+import { revalidatePath } from "next/cache";
+import { prisma } from "@/lib/db";
+import { protokolliere } from "@/server/audit";
+import { hostsZuweisenService, ZuweisungsFehler } from "@/server/services/zuweisung";
+import type { AktionsErgebnis } from "./kunden";
+
+/** Weist mehrere Hosts in einem Schritt einem Kunden zu. */
+export async function hostsZuweisen(_vorher: AktionsErgebnis, formular: FormData): Promise<AktionsErgebnis> {
+  const hostIds = formular.getAll("hostId").map(String).filter(Boolean);
+  const kundeId = formular.get("kundeId")?.toString() || null;
+  const standortId = formular.get("standortId")?.toString() || null;
+
+  try {
+    const { anzahl, kundenName } = await hostsZuweisenService(hostIds, kundeId, standortId);
+
+    revalidatePath("/hosts/nicht-zugeordnet");
+    revalidatePath("/hosts");
+    revalidatePath("/kunden");
+    revalidatePath(`/kunden/${kundeId}`);
+    revalidatePath("/");
+
+    return { erfolg: `${anzahl} Host${anzahl === 1 ? "" : "s"} ${kundenName} zugewiesen.` };
+  } catch (fehler) {
+    if (fehler instanceof ZuweisungsFehler) return { fehler: fehler.message };
+    throw fehler;
+  }
+}
+
+/** Hebt die Zuordnung eines einzelnen Hosts auf. */
+export async function hostZuordnungAufheben(formular: FormData) {
+  const hostId = formular.get("hostId")?.toString();
+  if (!hostId) return;
+
+  await prisma.host.update({ where: { id: hostId }, data: { kundeId: null, standortId: null } });
+  await protokolliere("host.zuordnung_aufgehoben", "Host", hostId, {});
+
+  revalidatePath("/hosts");
+  revalidatePath("/hosts/nicht-zugeordnet");
+  revalidatePath(`/hosts/${hostId}`);
+  revalidatePath("/kunden");
+  revalidatePath("/");
+}
@@ -0,0 +1,126 @@
+"use server";
+
+import { revalidatePath } from "next/cache";
+import { redirect } from "next/navigation";
+import { z } from "zod";
+import { prisma } from "@/lib/db";
+import { protokolliere } from "@/server/audit";
+
+export interface AktionsErgebnis {
+  fehler?: string;
+  felder?: Record<string, string>;
+  erfolg?: string;
+}
+
+const leerZuNull = (wert: FormDataEntryValue | null) => {
+  const text = typeof wert === "string" ? wert.trim() : "";
+  return text.length > 0 ? text : null;
+};
+
+const kundeSchema = z.object({
+  name: z.string().min(2, "Bitte einen Namen angeben."),
+  kundennummer: z.string().min(1, "Bitte eine Kundennummer angeben."),
+  ansprechpartner: z.string().nullable(),
+  email: z.union([z.string().email("Keine gültige E-Mail-Adresse."), z.null()]),
+  telefon: z.string().nullable(),
+  notizen: z.string().nullable(),
+});
+
+/** Legt einen Kunden an oder ändert ihn; `id` im Formular entscheidet darüber. */
+export async function kundeSpeichern(_vorher: AktionsErgebnis, formular: FormData): Promise<AktionsErgebnis> {
+  const id = leerZuNull(formular.get("id"));
+  const eingabe = kundeSchema.safeParse({
+    name: formular.get("name")?.toString().trim() ?? "",
+    kundennummer: formular.get("kundennummer")?.toString().trim() ?? "",
+    ansprechpartner: leerZuNull(formular.get("ansprechpartner")),
+    email: leerZuNull(formular.get("email")),
+    telefon: leerZuNull(formular.get("telefon")),
+    notizen: leerZuNull(formular.get("notizen")),
+  });
+
+  if (!eingabe.success) {
+    const felder: Record<string, string> = {};
+    for (const problem of eingabe.error.issues) felder[String(problem.path[0])] = problem.message;
+    return { fehler: "Bitte die markierten Felder prüfen.", felder };
+  }
+
+  const vorhandeneNummer = await prisma.kunde.findUnique({
+    where: { kundennummer: eingabe.data.kundennummer },
+  });
+  if (vorhandeneNummer && vorhandeneNummer.id !== id) {
+    return {
+      fehler: "Diese Kundennummer ist bereits vergeben.",
+      felder: { kundennummer: "Bereits vergeben." },
+    };
+  }
+
+  const kunde = id
+    ? await prisma.kunde.update({ where: { id }, data: eingabe.data })
+    : await prisma.kunde.create({ data: eingabe.data });
+
+  await protokolliere(id ? "kunde.geaendert" : "kunde.angelegt", "Kunde", kunde.id, eingabe.data);
+
+  revalidatePath("/kunden");
+  revalidatePath(`/kunden/${kunde.id}`);
+  redirect(`/kunden/${kunde.id}`);
+}
+
+export async function kundeLoeschen(formular: FormData) {
+  const id = formular.get("id")?.toString();
+  if (!id) return;
+
+  const kunde = await prisma.kunde.findUnique({ where: { id }, select: { name: true } });
+  // Hosts bleiben erhalten und gelten danach als nicht zugeordnet (onDelete: SetNull).
+  await prisma.kunde.delete({ where: { id } });
+  await protokolliere("kunde.geloescht", "Kunde", id, { name: kunde?.name });
+
+  revalidatePath("/kunden");
+  revalidatePath("/hosts/nicht-zugeordnet");
+  redirect("/kunden");
+}
+
+const standortSchema = z.object({
+  kundeId: z.string().min(1),
+  name: z.string().min(2, "Bitte einen Namen angeben."),
+  strasse: z.string().nullable(),
+  plz: z.string().nullable(),
+  ort: z.string().nullable(),
+});
+
+export async function standortSpeichern(
+  _vorher: AktionsErgebnis,
+  formular: FormData,
+): Promise<AktionsErgebnis> {
+  const id = leerZuNull(formular.get("id"));
+  const eingabe = standortSchema.safeParse({
+    kundeId: formular.get("kundeId")?.toString() ?? "",
+    name: formular.get("name")?.toString().trim() ?? "",
+    strasse: leerZuNull(formular.get("strasse")),
+    plz: leerZuNull(formular.get("plz")),
+    ort: leerZuNull(formular.get("ort")),
+  });
+
+  if (!eingabe.success) {
+    const felder: Record<string, string> = {};
+    for (const problem of eingabe.error.issues) felder[String(problem.path[0])] = problem.message;
+    return { fehler: "Bitte die markierten Felder prüfen.", felder };
+  }
+
+  const standort = id
+    ? await prisma.standort.update({ where: { id }, data: eingabe.data })
+    : await prisma.standort.create({ data: eingabe.data });
+
+  await protokolliere(id ? "standort.geaendert" : "standort.angelegt", "Standort", standort.id, eingabe.data);
+  revalidatePath(`/kunden/${eingabe.data.kundeId}`);
+  return { erfolg: "Standort gespeichert." };
+}
+
+export async function standortLoeschen(formular: FormData) {
+  const id = formular.get("id")?.toString();
+  const kundeId = formular.get("kundeId")?.toString();
+  if (!id) return;
+
+  await prisma.standort.delete({ where: { id } });
+  await protokolliere("standort.geloescht", "Standort", id, {});
+  if (kundeId) revalidatePath(`/kunden/${kundeId}`);
+}
@@ -0,0 +1,168 @@
+"use server";
+
+import { revalidatePath } from "next/cache";
+import { anhangSpeichern, UploadFehler } from "@/lib/uploads";
+import {
+  einkaufBezahltSetzen,
+  kundenrechnungErfassen,
+  laufzeitAnlegen,
+  laufzeitBestaetigen,
+  laufzeitVerwerfen,
+  proxmoxRechnungErfassen,
+  RechnungsFehler,
+  verkaufBezahltSetzen,
+  verkaufErstelltSetzen,
+} from "@/server/services/rechnungen";
+import type { AktionsErgebnis } from "./kunden";
+
+function datum(wert: FormDataEntryValue | null): Date | null {
+  const text = wert?.toString().trim();
+  return text ? new Date(`${text}T00:00:00Z`) : null;
+}
+
+function betrag(wert: FormDataEntryValue | null): number | null {
+  const text = wert?.toString().trim().replace(",", ".");
+  if (!text) return null;
+  const zahl = Number(text);
+  return Number.isFinite(zahl) ? zahl : null;
+}
+
+function seitenNeuLaden(hostId?: string | null) {
+  revalidatePath("/rechnungen");
+  revalidatePath("/");
+  revalidatePath("/kunden");
+  if (hostId) revalidatePath(`/hosts/${hostId}`);
+}
+
+/** Wandelt Fehler aus der Fachlogik in eine Rückmeldung für das Formular. */
+async function ausfuehren(arbeit: () => Promise<string | void>): Promise<AktionsErgebnis> {
+  try {
+    const meldung = await arbeit();
+    return { erfolg: meldung || "Gespeichert." };
+  } catch (fehler) {
+    if (fehler instanceof RechnungsFehler || fehler instanceof UploadFehler) {
+      return { fehler: fehler.message };
+    }
+    throw fehler;
+  }
+}
+
+export async function laufzeitBestaetigenAktion(formular: FormData) {
+  const id = formular.get("laufzeitId")?.toString();
+  if (!id) return;
+  await laufzeitBestaetigen(id);
+  seitenNeuLaden(formular.get("hostId")?.toString());
+}
+
+export async function laufzeitVerwerfenAktion(formular: FormData) {
+  const id = formular.get("laufzeitId")?.toString();
+  if (!id) return;
+  await laufzeitVerwerfen(id);
+  seitenNeuLaden(formular.get("hostId")?.toString());
+}
+
+/** Häkchen aus der Rechnungstabelle. */
+export async function statusUmschalten(formular: FormData): Promise<void> {
+  const laufzeitId = formular.get("laufzeitId")?.toString();
+  const feld = formular.get("feld")?.toString();
+  const wert = formular.get("wert")?.toString() === "true";
+  if (!laufzeitId || !feld) return;
+
+  try {
+    if (feld === "einkaufBezahlt") await einkaufBezahltSetzen(laufzeitId, wert);
+    if (feld === "verkaufErstellt") await verkaufErstelltSetzen(laufzeitId, wert);
+    if (feld === "verkaufBezahlt") await verkaufBezahltSetzen(laufzeitId, wert);
+  } catch (fehler) {
+    if (!(fehler instanceof RechnungsFehler)) throw fehler;
+    // Fehlt die Rechnung, bleibt der Status unverändert; die Tabelle zeigt weiterhin „Fehlt“.
+  }
+
+  seitenNeuLaden(formular.get("hostId")?.toString());
+}
+
+export async function proxmoxRechnungSpeichern(
+  _vorher: AktionsErgebnis,
+  formular: FormData,
+): Promise<AktionsErgebnis> {
+  const laufzeitId = formular.get("laufzeitId")?.toString();
+  if (!laufzeitId) return { fehler: "Laufzeit fehlt." };
+
+  return ausfuehren(async () => {
+    const pdf = formular.get("pdf");
+    const anhangId = pdf instanceof File && pdf.size > 0 ? await anhangSpeichern(pdf) : null;
+    const rechnungsdatum = datum(formular.get("datum"));
+
+    if (!rechnungsdatum) throw new RechnungsFehler("Bitte ein Rechnungsdatum angeben.");
+    const netto = betrag(formular.get("nettoBetrag"));
+    if (netto === null) throw new RechnungsFehler("Bitte einen Nettobetrag angeben.");
+
+    const ergebnis = await proxmoxRechnungErfassen(laufzeitId, {
+      nummer: formular.get("nummer")?.toString() ?? "",
+      datum: rechnungsdatum,
+      faelligAm: datum(formular.get("faelligAm")),
+      nettoBetrag: netto,
+      ustSatz: betrag(formular.get("ustSatz")) ?? 19,
+      rabatt: betrag(formular.get("rabatt")),
+      zahlungsart: formular.get("zahlungsart")?.toString().trim() || null,
+      bezahlt: formular.get("bezahlt") === "on",
+      bezahltAm: datum(formular.get("bezahltAm")),
+      anhangId,
+      notizen: formular.get("notizen")?.toString().trim() || null,
+    });
+
+    seitenNeuLaden(formular.get("hostId")?.toString());
+    return ergebnis.sammelrechnung
+      ? "Gespeichert – die Laufzeit hängt jetzt als weitere Position an dieser Sammelrechnung."
+      : "Proxmox-Rechnung gespeichert.";
+  });
+}
+
+export async function kundenrechnungSpeichern(
+  _vorher: AktionsErgebnis,
+  formular: FormData,
+): Promise<AktionsErgebnis> {
+  const laufzeitId = formular.get("laufzeitId")?.toString();
+  if (!laufzeitId) return { fehler: "Laufzeit fehlt." };
+
+  return ausfuehren(async () => {
+    const pdf = formular.get("pdf");
+    const anhangId = pdf instanceof File && pdf.size > 0 ? await anhangSpeichern(pdf) : null;
+
+    const ergebnis = await kundenrechnungErfassen(laufzeitId, {
+      erstellt: formular.get("erstellt") === "on",
+      nummer: formular.get("nummer")?.toString().trim() || null,
+      datum: datum(formular.get("datum")),
+      nettoBetrag: betrag(formular.get("nettoBetrag")),
+      ustSatz: betrag(formular.get("ustSatz")) ?? 19,
+      bezahlt: formular.get("bezahlt") === "on",
+      bezahltAm: datum(formular.get("bezahltAm")),
+      anhangId,
+      notizen: formular.get("notizen")?.toString().trim() || null,
+    });
+
+    seitenNeuLaden(formular.get("hostId")?.toString());
+    return ergebnis.sammelrechnung
+      ? "Gespeichert – die Laufzeit hängt jetzt als weitere Position an dieser Sammelrechnung."
+      : "Kundenrechnung gespeichert.";
+  });
+}
+
+export async function laufzeitAnlegenAktion(
+  _vorher: AktionsErgebnis,
+  formular: FormData,
+): Promise<AktionsErgebnis> {
+  const hostId = formular.get("hostId")?.toString();
+  const key = formular.get("key")?.toString().trim();
+  const start = datum(formular.get("start"));
+  const ende = datum(formular.get("ende"));
+
+  if (!hostId || !key || !start || !ende) {
+    return { fehler: "Bitte Host, Key, Beginn und Ende angeben." };
+  }
+
+  return ausfuehren(async () => {
+    await laufzeitAnlegen({ hostId, key, start, ende, notizen: null });
+    seitenNeuLaden(hostId);
+    return "Laufzeit angelegt.";
+  });
+}
@@ -0,0 +1,79 @@
+"use server";
+
+import { revalidatePath } from "next/cache";
+import { prisma } from "@/lib/db";
+import { erzeugeToken } from "@/lib/tokens";
+import { protokolliere } from "@/server/audit";
+import type { AktionsErgebnis } from "./kunden";
+
+export interface TokenErgebnis extends AktionsErgebnis {
+  /** Nur direkt nach dem Erzeugen gesetzt – danach ist der Token nicht mehr lesbar. */
+  klartext?: string;
+}
+
+/** Erzeugt einen Enrollment-Token; der Klartext wird genau einmal zurückgegeben. */
+export async function enrollmentTokenErzeugen(
+  _vorher: TokenErgebnis,
+  formular: FormData,
+): Promise<TokenErgebnis> {
+  const bezeichnung = formular.get("bezeichnung")?.toString().trim() || null;
+  const kundeId = formular.get("kundeId")?.toString() || null;
+  const standortId = formular.get("standortId")?.toString() || null;
+  const gueltigTage = Number(formular.get("gueltigTage") ?? 30);
+  const maxNutzungenRoh = formular.get("maxNutzungen")?.toString().trim();
+  const maxNutzungen = maxNutzungenRoh ? Number(maxNutzungenRoh) : null;
+
+  if (!Number.isFinite(gueltigTage) || gueltigTage < 1 || gueltigTage > 365) {
+    return { fehler: "Gültigkeit muss zwischen 1 und 365 Tagen liegen." };
+  }
+  if (maxNutzungen !== null && (!Number.isInteger(maxNutzungen) || maxNutzungen < 1)) {
+    return { fehler: "Die Anzahl der Nutzungen muss mindestens 1 sein." };
+  }
+
+  const token = erzeugeToken("enrollment");
+  const eintrag = await prisma.enrollmentToken.create({
+    data: {
+      tokenHash: token.hash,
+      praefix: token.praefix,
+      bezeichnung,
+      kundeId,
+      standortId,
+      maxNutzungen,
+      gueltigBis: new Date(Date.now() + gueltigTage * 86_400_000),
+    },
+  });
+
+  await protokolliere("enrollment_token.angelegt", "EnrollmentToken", eintrag.id, {
+    bezeichnung,
+    kundeId,
+    gueltigTage,
+    maxNutzungen,
+  });
+
+  revalidatePath("/einstellungen/tokens");
+  return {
+    klartext: token.klartext,
+    erfolg: "Token erzeugt. Er wird nur dieses eine Mal angezeigt.",
+  };
+}
+
+export async function enrollmentTokenWiderrufen(formular: FormData) {
+  const id = formular.get("id")?.toString();
+  if (!id) return;
+
+  await prisma.enrollmentToken.update({ where: { id }, data: { widerrufenAm: new Date() } });
+  await protokolliere("enrollment_token.widerrufen", "EnrollmentToken", id, {});
+  revalidatePath("/einstellungen/tokens");
+}
+
+export async function hostTokenWiderrufen(formular: FormData) {
+  const id = formular.get("id")?.toString();
+  const hostId = formular.get("hostId")?.toString();
+  if (!id) return;
+
+  await prisma.agentToken.update({ where: { id }, data: { widerrufenAm: new Date() } });
+  await protokolliere("agent_token.widerrufen", "AgentToken", id, { hostId });
+
+  revalidatePath("/einstellungen/tokens");
+  if (hostId) revalidatePath(`/hosts/${hostId}`);
+}
@@ -20,11 +20,7 @@ export function fehlerBehandeln(fehler: unknown) {
 }

 /** Prüft das Rate-Limit für IP und (falls vorhanden) Token. */
-export function rateLimitPruefen(
-  limit: RateLimit,
-  headers: Headers,
-  token: string | null,
-): Response | null {
+export function rateLimitPruefen(limit: RateLimit, headers: Headers, token: string | null): Response | null {
  const schluessel = token ? `token:${token.slice(0, 16)}` : `ip:${clientIp(headers)}`;
  const ergebnis = limit.pruefe(schluessel);
  if (ergebnis.erlaubt) return null;
@@ -0,0 +1,21 @@
+import { prisma } from "@/lib/db";
+
+/**
+ * Schreibt einen Eintrag ins Audit-Log. Solange es keine Anmeldung gibt (#013),
+ * bleibt `benutzerId` leer und die Änderung gilt als vom System ausgelöst.
+ */
+export async function protokolliere(
+  aktion: string,
+  entitaet: string,
+  entitaetId: string | null,
+  aenderung?: Record<string, unknown>,
+) {
+  await prisma.auditEintrag.create({
+    data: {
+      aktion,
+      entitaet,
+      entitaetId,
+      aenderung: aenderung ? JSON.parse(JSON.stringify(aenderung)) : undefined,
+    },
+  });
+}
@@ -0,0 +1,168 @@
+import { Document, Page, Path, StyleSheet, Svg, Text, View, renderToBuffer } from "@react-pdf/renderer";
+import type { DocumentProps } from "@react-pdf/renderer";
+import type { ReactElement } from "react";
+
+/**
+ * Gemeinsames Aussehen aller PDF-Ausgaben: einfarbiges Logo, Titel, Datum, Seitenzahl.
+ * Gerendert wird serverseitig ohne Browser (@react-pdf/renderer).
+ */
+
+const NAVY = "#1E2A44";
+
+const stile = StyleSheet.create({
+  seite: { paddingTop: 40, paddingBottom: 48, paddingHorizontal: 40, fontSize: 9, color: "#1F2D3D" },
+  kopf: { flexDirection: "row", alignItems: "center", marginBottom: 18 },
+  kopfText: { marginLeft: 10 },
+  marke: { fontSize: 14, color: NAVY },
+  titel: { fontSize: 16, marginBottom: 2 },
+  untertitel: { fontSize: 9, color: "#6C757D" },
+  tabellenKopf: {
+    flexDirection: "row",
+    borderBottomWidth: 1,
+    borderBottomColor: NAVY,
+    paddingBottom: 4,
+    marginBottom: 2,
+    fontSize: 8,
+    color: NAVY,
+  },
+  zeile: {
+    flexDirection: "row",
+    borderBottomWidth: 0.5,
+    borderBottomColor: "#DEE2E6",
+    paddingVertical: 3,
+  },
+  summenZeile: { flexDirection: "row", borderTopWidth: 1, borderTopColor: NAVY, paddingTop: 4, marginTop: 2 },
+  fuss: {
+    position: "absolute",
+    bottom: 24,
+    left: 40,
+    right: 40,
+    flexDirection: "row",
+    justifyContent: "space-between",
+    fontSize: 7,
+    color: "#6C757D",
+  },
+  abschnitt: { marginTop: 14, marginBottom: 6, fontSize: 11, color: NAVY },
+});
+
+function Logo() {
+  return (
+    <Svg viewBox="0 0 48 48" style={{ width: 28, height: 28 }}>
+      <Path
+        d="M8 4h19a12 12 0 0 1 0 24H16v16H8zM16 11h10a5 5 0 0 1 0 10H16z"
+        fill={NAVY}
+        fillRule="evenodd"
+      />
+      <Path d="M22 36h20M22 43h14" stroke={NAVY} strokeWidth={3.5} strokeLinecap="round" />
+    </Svg>
+  );
+}
+
+export interface Spalte<T> {
+  titel: string;
+  breite: number;
+  wert: (zeile: T) => string;
+  rechts?: boolean;
+}
+
+/** Etwas Luft zwischen den Spalten, sonst stoßen rechtsbündige Zahlen an den nächsten Text. */
+const zelle = (breite: number, rechts?: boolean) => ({
+  width: `${breite}%`,
+  textAlign: (rechts ? "right" : "left") as "right" | "left",
+  paddingRight: 6,
+});
+
+export function Tabelle<T>({
+  spalten,
+  zeilen,
+  summe,
+}: {
+  spalten: Spalte<T>[];
+  zeilen: T[];
+  summe?: string[];
+}) {
+  return (
+    <View>
+      <View style={stile.tabellenKopf} fixed>
+        {spalten.map((spalte) => (
+          <Text key={spalte.titel} style={zelle(spalte.breite, spalte.rechts)}>
+            {spalte.titel}
+          </Text>
+        ))}
+      </View>
+      {zeilen.map((zeile, index) => (
+        <View key={index} style={stile.zeile} wrap={false}>
+          {spalten.map((spalte) => (
+            <Text key={spalte.titel} style={zelle(spalte.breite, spalte.rechts)}>
+              {spalte.wert(zeile)}
+            </Text>
+          ))}
+        </View>
+      ))}
+      {summe ? (
+        <View style={stile.summenZeile}>
+          {summe.map((wert, index) => (
+            <Text key={index} style={zelle(spalten[index]?.breite ?? 10, spalten[index]?.rechts)}>
+              {wert}
+            </Text>
+          ))}
+        </View>
+      ) : null}
+    </View>
+  );
+}
+
+export function Abschnitt({ titel }: { titel: string }) {
+  return <Text style={stile.abschnitt}>{titel}</Text>;
+}
+
+export function Bericht({
+  titel,
+  untertitel,
+  children,
+  quer = false,
+}: {
+  titel: string;
+  untertitel?: string;
+  children: React.ReactNode;
+  quer?: boolean;
+}) {
+  const erstellt = new Intl.DateTimeFormat("de-DE", {
+    timeZone: "Europe/Berlin",
+    dateStyle: "long",
+  }).format(new Date());
+
+  return (
+    <Document title={titel} author="ProxLedger">
+      <Page size="A4" orientation={quer ? "landscape" : "portrait"} style={stile.seite}>
+        <View style={stile.kopf} fixed>
+          <Logo />
+          <View style={stile.kopfText}>
+            <Text style={stile.marke}>ProxLedger</Text>
+            <Text style={stile.untertitel}>Proxmox Subscription Dashboard</Text>
+          </View>
+        </View>
+
+        <Text style={stile.titel}>{titel}</Text>
+        {untertitel ? <Text style={stile.untertitel}>{untertitel}</Text> : null}
+        <View style={{ marginTop: 12 }}>{children}</View>
+
+        <View style={stile.fuss} fixed>
+          <Text>Erstellt am {erstellt}</Text>
+          <Text render={({ pageNumber, totalPages }) => `Seite ${pageNumber} von ${totalPages}`} />
+        </View>
+      </Page>
+    </Document>
+  );
+}
+
+export async function pdfAntwort(element: ReactElement<DocumentProps>, dateiname: string): Promise<Response> {
+  const puffer = await renderToBuffer(element);
+  return new Response(new Uint8Array(puffer), {
+    headers: {
+      "Content-Type": "application/pdf",
+      "Content-Disposition": `attachment; filename="${dateiname}"`,
+      "Cache-Control": "no-store",
+    },
+  });
+}
@@ -0,0 +1,120 @@
+import { prisma } from "@/lib/db";
+import { meldungsGrenze } from "./hosts";
+
+/**
+ * Hosts nach Ablaufdatum mit der Laufzeit, die zu diesem Ablauf gehört.
+ * Gezeigt wird bewusst die Verlängerung (die Laufzeit, die am `nextduedate` beginnt),
+ * denn deren Rechnungen sind offen – nicht die der laufenden Periode.
+ */
+export async function hostsNachAblauf(jetzt: Date = new Date()) {
+  const hosts = await prisma.host.findMany({
+    where: { subNextduedate: { not: null } },
+    orderBy: { subNextduedate: "asc" },
+    include: {
+      kunde: { select: { id: true, name: true } },
+      laufzeiten: {
+        where: { status: "BESTAETIGT" },
+        orderBy: { start: "desc" },
+        include: {
+          proxmoxPosition: { include: { rechnung: { select: { nummer: true, bezahlt: true } } } },
+          kundenPosition: { include: { rechnung: { select: { erstellt: true, bezahlt: true } } } },
+        },
+      },
+    },
+  });
+
+  const grenze = meldungsGrenze(jetzt);
+
+  return hosts.map((host) => {
+    const ablauf = host.subNextduedate;
+    const verlaengerung = host.laufzeiten.find(
+      (laufzeit) => ablauf && laufzeit.start.getTime() === ablauf.getTime(),
+    );
+    const laufend = host.laufzeiten[0];
+    const laufzeit = verlaengerung ?? laufend;
+
+    return {
+      id: host.id,
+      hostname: host.hostname,
+      kunde: host.kunde,
+      subKey: host.subKey,
+      nextduedate: ablauf,
+      meldetNicht: !host.letzterReportAm || host.letzterReportAm < grenze,
+      einkaufBezahlt: laufzeit?.proxmoxPosition ? laufzeit.proxmoxPosition.rechnung.bezahlt : null,
+      verkaufErstellt: laufzeit?.kundenPosition?.rechnung.erstellt ?? false,
+      verkaufBezahlt: laufzeit?.kundenPosition?.rechnung.bezahlt ?? false,
+    };
+  });
+}
+
+/** Offene Rechnungspunkte als Aufgabenliste fürs Dashboard. */
+export async function offeneAufgaben() {
+  const laufzeiten = await prisma.laufzeit.findMany({
+    where: {
+      status: "BESTAETIGT",
+      OR: [
+        { proxmoxPosition: { rechnung: { bezahlt: false } } },
+        { kundenPosition: null },
+        { kundenPosition: { rechnung: { erstellt: false } } },
+      ],
+    },
+    orderBy: { start: "asc" },
+    include: {
+      host: { select: { id: true, hostname: true, kunde: { select: { name: true } } } },
+      proxmoxPosition: { include: { rechnung: true } },
+      kundenPosition: { include: { rechnung: true } },
+    },
+  });
+
+  const aufgaben: {
+    id: string;
+    titel: string;
+    detail: string;
+    betrag: number | null;
+    faelligAm: Date | null;
+    dringlichkeit: "gefahr" | "warnung";
+    badgeText: string;
+    href: string;
+    start: Date;
+    ende: Date;
+    aktion: { laufzeitId: string; hostId: string; feld: "einkaufBezahlt" | "verkaufErstellt" };
+  }[] = [];
+  for (const laufzeit of laufzeiten) {
+    const basis = `${laufzeit.host.hostname} · ${laufzeit.host.kunde?.name ?? "Nicht zugeordnet"}`;
+    const einkauf = laufzeit.proxmoxPosition?.rechnung;
+
+    if (einkauf && !einkauf.bezahlt) {
+      aufgaben.push({
+        id: `${laufzeit.id}-einkauf`,
+        titel: `Proxmox-Rechnung ${einkauf.nummer} bezahlen`,
+        detail: basis,
+        betrag: Number(laufzeit.proxmoxPosition?.nettoBetrag ?? 0),
+        faelligAm: einkauf.faelligAm,
+        dringlichkeit: "gefahr" as const,
+        badgeText: "Einkauf",
+        href: `/rechnungen/${laufzeit.id}`,
+        start: laufzeit.start,
+        ende: laufzeit.ende,
+        aktion: { laufzeitId: laufzeit.id, hostId: laufzeit.hostId, feld: "einkaufBezahlt" as const },
+      });
+    }
+
+    if (einkauf && !laufzeit.kundenPosition?.rechnung.erstellt) {
+      aufgaben.push({
+        id: `${laufzeit.id}-verkauf`,
+        titel: "Kundenrechnung erstellen",
+        detail: basis,
+        betrag: null,
+        faelligAm: null,
+        dringlichkeit: "warnung" as const,
+        badgeText: "Verkauf",
+        href: `/rechnungen/${laufzeit.id}`,
+        start: laufzeit.start,
+        ende: laufzeit.ende,
+        aktion: { laufzeitId: laufzeit.id, hostId: laufzeit.hostId, feld: "verkaufErstellt" as const },
+      });
+    }
+  }
+
+  return aufgaben;
+}
@@ -0,0 +1,169 @@
+import type { Prisma } from "@/generated/prisma/client";
+import { prisma } from "@/lib/db";
+import { meldungsGrenze } from "./hosts";
+
+export interface HostFilter {
+  q?: string;
+  kunde?: string;
+  status?: string;
+  produkt?: string;
+  ablauf?: "30" | "14" | "abgelaufen";
+  rechnung?: "offen";
+  sortierung?: string;
+  seite?: number;
+}
+
+export const SEITENGROESSE = 25;
+
+/** Baut die Where-Bedingung aus den Filtern der Host-Tabelle. */
+function bedingung(filter: HostFilter, jetzt: Date): Prisma.HostWhereInput {
+  const und: Prisma.HostWhereInput[] = [];
+
+  if (filter.q && filter.q.trim().length > 0) {
+    const suche = filter.q.trim();
+    und.push({
+      OR: [
+        { hostname: { contains: suche, mode: "insensitive" } },
+        { fqdn: { contains: suche, mode: "insensitive" } },
+        { serverId: { contains: suche, mode: "insensitive" } },
+        { subKey: { contains: suche, mode: "insensitive" } },
+        { ips: { has: suche } },
+        { kunde: { name: { contains: suche, mode: "insensitive" } } },
+        // Suche nach einer Proxmox-Rechnungsnummer führt ebenfalls zum Host.
+        {
+          laufzeiten: {
+            some: {
+              OR: [
+                { proxmoxPosition: { rechnung: { nummer: { contains: suche, mode: "insensitive" } } } },
+                { kundenPosition: { rechnung: { nummer: { contains: suche, mode: "insensitive" } } } },
+              ],
+            },
+          },
+        },
+      ],
+    });
+  }
+
+  if (filter.kunde === "ohne") und.push({ kundeId: null });
+  else if (filter.kunde) und.push({ kundeId: filter.kunde });
+
+  if (filter.status === "keine-meldung") {
+    und.push({
+      OR: [{ letzterReportAm: null }, { letzterReportAm: { lt: meldungsGrenze(jetzt) } }],
+    });
+  } else if (filter.status) {
+    und.push({ subStatus: filter.status as Prisma.EnumSubscriptionStatusFilter["equals"] });
+  }
+
+  if (filter.produkt) und.push({ produkt: filter.produkt as Prisma.EnumProduktFilter["equals"] });
+
+  if (filter.ablauf === "30") {
+    und.push({ subNextduedate: { gte: jetzt, lte: new Date(jetzt.getTime() + 30 * 86_400_000) } });
+  } else if (filter.ablauf === "14") {
+    und.push({ subNextduedate: { gte: jetzt, lte: new Date(jetzt.getTime() + 14 * 86_400_000) } });
+  } else if (filter.ablauf === "abgelaufen") {
+    und.push({ subNextduedate: { lt: jetzt } });
+  }
+
+  if (filter.rechnung === "offen") {
+    und.push({
+      laufzeiten: {
+        some: {
+          status: "BESTAETIGT",
+          OR: [
+            { proxmoxPosition: { rechnung: { bezahlt: false } } },
+            { kundenPosition: null },
+            { kundenPosition: { rechnung: { erstellt: false } } },
+          ],
+        },
+      },
+    });
+  }
+
+  return und.length > 0 ? { AND: und } : {};
+}
+
+// Hosts ohne Ablaufdatum bzw. ohne Meldung stehen immer am Ende, egal in welche Richtung sortiert wird.
+const SORTIERUNGEN: Record<string, Prisma.HostOrderByWithRelationInput> = {
+  hostname: { hostname: "asc" },
+  "hostname-ab": { hostname: "desc" },
+  ablauf: { subNextduedate: { sort: "asc", nulls: "last" } },
+  "ablauf-ab": { subNextduedate: { sort: "desc", nulls: "last" } },
+  kunde: { kunde: { name: "asc" } },
+  "kunde-ab": { kunde: { name: "desc" } },
+  status: { subStatus: "asc" },
+  "status-ab": { subStatus: "desc" },
+  meldung: { letzterReportAm: { sort: "desc", nulls: "last" } },
+  "meldung-ab": { letzterReportAm: { sort: "asc", nulls: "last" } },
+};
+
+export async function hostListe(filter: HostFilter, jetzt: Date = new Date()) {
+  const where = bedingung(filter, jetzt);
+  const seite = Math.max(1, filter.seite ?? 1);
+  const orderBy = SORTIERUNGEN[filter.sortierung ?? "hostname"] ?? SORTIERUNGEN.hostname;
+
+  const [gesamt, hosts] = await Promise.all([
+    prisma.host.count({ where }),
+    prisma.host.findMany({
+      where,
+      orderBy,
+      skip: (seite - 1) * SEITENGROESSE,
+      take: SEITENGROESSE,
+      include: {
+        kunde: { select: { id: true, name: true } },
+        standort: { select: { name: true } },
+      },
+    }),
+  ]);
+
+  const grenze = meldungsGrenze(jetzt);
+
+  return {
+    gesamt,
+    seite,
+    seiten: Math.max(1, Math.ceil(gesamt / SEITENGROESSE)),
+    hosts: hosts.map((host) => ({
+      ...host,
+      meldetNicht: !host.letzterReportAm || host.letzterReportAm < grenze,
+      socketAbweichung:
+        host.subLizenzierteSockets !== null &&
+        host.sockets !== null &&
+        host.subLizenzierteSockets !== host.sockets,
+    })),
+  };
+}
+
+/** Alle Daten der Host-Detailansicht in einem Rutsch. */
+export async function hostMitDetails(id: string) {
+  return prisma.host.findUnique({
+    where: { id },
+    include: {
+      kunde: { select: { id: true, name: true } },
+      standort: { select: { id: true, name: true, ort: true } },
+      tags: true,
+      alerts: { where: { erledigtAm: null }, orderBy: { geoeffnetAm: "desc" } },
+      keyHistorie: { orderBy: { letzteMeldung: "desc" } },
+      serverIdHistorie: { orderBy: { letzteMeldung: "desc" } },
+      tokens: { orderBy: { erstelltAm: "desc" } },
+      reports: { orderBy: { erhobenAm: "desc" }, take: 30 },
+      laufzeiten: {
+        orderBy: { start: "desc" },
+        include: {
+          proxmoxPosition: { include: { rechnung: true } },
+          kundenPosition: { include: { rechnung: true } },
+        },
+      },
+    },
+  });
+}
+
+export type HostDetail = NonNullable<Awaited<ReturnType<typeof hostMitDetails>>>;
+
+/** Auswahllisten für die Filterleiste. */
+export async function filterOptionen() {
+  const kunden = await prisma.kunde.findMany({
+    orderBy: { name: "asc" },
+    select: { id: true, name: true },
+  });
+  return { kunden };
+}
@@ -0,0 +1,136 @@
+import { prisma } from "@/lib/db";
+
+/** Frist, nach der ein Host als „meldet sich nicht“ gilt (konfigurierbar ab #011). */
+export const MELDUNG_FRIST_STUNDEN = 48;
+
+export function meldungsGrenze(jetzt: Date = new Date()): Date {
+  return new Date(jetzt.getTime() - MELDUNG_FRIST_STUNDEN * 3_600_000);
+}
+
+export async function hostsOhneKunde() {
+  return prisma.host.findMany({
+    where: { kundeId: null },
+    orderBy: { erstmalsGesehenAm: "desc" },
+  });
+}
+
+export async function hostAnzahl() {
+  return prisma.host.count();
+}
+
+/** Kennzahlen für Dashboard-Kacheln und Sidebar-Badges. */
+export async function kennzahlen(jetzt: Date = new Date()) {
+  const in30Tagen = new Date(jetzt.getTime() + 30 * 86_400_000);
+
+  const [gesamt, aktiv, ohneKunde, baldAblaufend, ohneMeldung, offeneAlerts] = await Promise.all([
+    prisma.host.count(),
+    prisma.host.count({ where: { subStatus: "ACTIVE" } }),
+    prisma.host.count({ where: { kundeId: null } }),
+    prisma.host.count({ where: { subNextduedate: { gte: jetzt, lte: in30Tagen } } }),
+    prisma.host.count({
+      where: { OR: [{ letzterReportAm: null }, { letzterReportAm: { lt: meldungsGrenze(jetzt) } }] },
+    }),
+    prisma.alert.count({ where: { erledigtAm: null } }),
+  ]);
+
+  const [offeneEinkaufsrechnungen, fehlendeKundenrechnungen] = await Promise.all([
+    prisma.laufzeit.count({
+      where: { status: "BESTAETIGT", proxmoxPosition: { rechnung: { bezahlt: false } } },
+    }),
+    prisma.laufzeit.count({
+      where: {
+        status: "BESTAETIGT",
+        proxmoxPosition: { isNot: null },
+        OR: [{ kundenPosition: null }, { kundenPosition: { rechnung: { erstellt: false } } }],
+      },
+    }),
+  ]);
+
+  return {
+    hostsGesamt: gesamt,
+    aktivLizenziert: aktiv,
+    ohneSubscription: gesamt - aktiv,
+    ohneKunde,
+    baldAblaufend,
+    ohneMeldung,
+    offeneAlerts,
+    offeneEinkaufsrechnungen,
+    fehlendeKundenrechnungen,
+    offeneRechnungspunkte: offeneEinkaufsrechnungen + fehlendeKundenrechnungen,
+  };
+}
+
+export async function offeneAlerts(anzahl = 20) {
+  return prisma.alert.findMany({
+    where: { erledigtAm: null },
+    orderBy: [{ schwere: "asc" }, { geoeffnetAm: "desc" }],
+    take: anzahl,
+  });
+}
+
+/** Einträge für die globale Suche (Strg+K). */
+export async function suchIndex() {
+  const [hosts, kunden, proxmoxRechnungen, kundenrechnungen] = await Promise.all([
+    prisma.host.findMany({
+      select: {
+        id: true,
+        hostname: true,
+        fqdn: true,
+        serverId: true,
+        subKey: true,
+        ips: true,
+        produkt: true,
+        kunde: { select: { name: true } },
+      },
+    }),
+    prisma.kunde.findMany({
+      select: { id: true, name: true, kundennummer: true, ansprechpartner: true, email: true },
+    }),
+    prisma.proxmoxRechnung.findMany({
+      select: { id: true, nummer: true, positionen: { select: { laufzeit: { select: { hostId: true } } } } },
+    }),
+    prisma.kundenrechnung.findMany({
+      where: { nummer: { not: null } },
+      select: { id: true, nummer: true, kunde: { select: { id: true, name: true } } },
+    }),
+  ]);
+
+  const eintraege = [
+    ...hosts.map((host) => ({
+      typ: "Host" as const,
+      titel: host.hostname,
+      untertitel: `${host.produkt} · ${host.kunde?.name ?? "Nicht zugeordnet"}${
+        host.subKey ? ` · ${host.subKey}` : ""
+      }`,
+      href: `/hosts/${host.id}`,
+      begriffe: [host.hostname, host.fqdn, host.serverId, host.subKey, ...host.ips]
+        .filter((w): w is string => Boolean(w))
+        .map((w) => w.toLowerCase()),
+    })),
+    ...kunden.map((kunde) => ({
+      typ: "Kunde" as const,
+      titel: kunde.name,
+      untertitel: `${kunde.kundennummer}${kunde.ansprechpartner ? ` · ${kunde.ansprechpartner}` : ""}`,
+      href: `/kunden/${kunde.id}`,
+      begriffe: [kunde.name, kunde.kundennummer, kunde.ansprechpartner, kunde.email]
+        .filter((w): w is string => Boolean(w))
+        .map((w) => w.toLowerCase()),
+    })),
+    ...proxmoxRechnungen.map((rechnung) => ({
+      typ: "Rechnung" as const,
+      titel: rechnung.nummer,
+      untertitel: `Proxmox-Rechnung · ${rechnung.positionen.length} Position(en)`,
+      href: `/rechnungen?q=${encodeURIComponent(rechnung.nummer)}`,
+      begriffe: [rechnung.nummer.toLowerCase()],
+    })),
+    ...kundenrechnungen.map((rechnung) => ({
+      typ: "Rechnung" as const,
+      titel: rechnung.nummer ?? "",
+      untertitel: `Kundenrechnung · ${rechnung.kunde.name}`,
+      href: `/kunden/${rechnung.kunde.id}`,
+      begriffe: [(rechnung.nummer ?? "").toLowerCase()],
+    })),
+  ];
+
+  return eintraege;
+}
@@ -0,0 +1,73 @@
+import { prisma } from "@/lib/db";
+
+/** Hosts mit Ablaufdatum, gruppiert nach Kunde – Grundlage für Jahresbahn und Ablauf-Kalender. */
+export async function ablaufDaten(jetzt: Date = new Date()) {
+  const hosts = await prisma.host.findMany({
+    where: { subNextduedate: { not: null } },
+    orderBy: [{ subNextduedate: "asc" }],
+    select: {
+      id: true,
+      hostname: true,
+      subKey: true,
+      subNextduedate: true,
+      subStatus: true,
+      kunde: { select: { id: true, name: true } },
+      laufzeiten: {
+        where: { status: "BESTAETIGT" },
+        orderBy: { start: "desc" },
+        take: 2,
+        select: {
+          id: true,
+          start: true,
+          proxmoxPosition: { select: { rechnung: { select: { bezahlt: true } } } },
+          kundenPosition: { select: { rechnung: { select: { erstellt: true } } } },
+        },
+      },
+    },
+  });
+
+  const eintraege = hosts.map((host) => {
+    const ablauf = host.subNextduedate!;
+    const verlaengerung = host.laufzeiten.find((l) => l.start.getTime() === ablauf.getTime());
+
+    return {
+      hostId: host.id,
+      hostname: host.hostname,
+      key: host.subKey,
+      ablauf,
+      status: host.subStatus,
+      kunde: host.kunde,
+      laufzeitId: verlaengerung?.id ?? null,
+      einkaufBezahlt: verlaengerung?.proxmoxPosition?.rechnung.bezahlt ?? null,
+      verkaufErstellt: verlaengerung?.kundenPosition?.rechnung.erstellt ?? null,
+      tage: Math.round((ablauf.getTime() - jetzt.getTime()) / 86_400_000),
+    };
+  });
+
+  // Nach Kunde gruppieren; Hosts ohne Kunde kommen ans Ende.
+  const gruppen = new Map<string, { name: string; kundeId: string | null; eintraege: typeof eintraege }>();
+  for (const eintrag of eintraege) {
+    const schluessel = eintrag.kunde?.id ?? "ohne";
+    const gruppe = gruppen.get(schluessel) ?? {
+      name: eintrag.kunde?.name ?? "Nicht zugeordnet",
+      kundeId: eintrag.kunde?.id ?? null,
+      eintraege: [],
+    };
+    gruppe.eintraege.push(eintrag);
+    gruppen.set(schluessel, gruppe);
+  }
+
+  const sortiert = [...gruppen.values()].sort((a, b) => {
+    if (a.kundeId === null) return 1;
+    if (b.kundeId === null) return -1;
+    return a.name.localeCompare(b.name, "de");
+  });
+
+  return {
+    gruppen: sortiert,
+    naechste90Tage: eintraege.filter((e) => e.tage >= 0 && e.tage <= 90),
+    abgelaufen: eintraege.filter((e) => e.tage < 0),
+  };
+}
+
+export type AblaufEintrag = Awaited<ReturnType<typeof ablaufDaten>>["naechste90Tage"][number];
@@ -0,0 +1,138 @@
+import { prisma } from "@/lib/db";
+
+/** Abfragen rund um Kunden. Beträge kommen als Decimal aus der Datenbank und werden hier zu Zahlen. */
+
+export async function kundenListe() {
+  const kunden = await prisma.kunde.findMany({
+    orderBy: { name: "asc" },
+    include: {
+      standorte: true,
+      hosts: {
+        select: { id: true, subStatus: true, subNextduedate: true },
+      },
+      _count: { select: { hosts: true } },
+    },
+  });
+
+  const offeneAlerts = await prisma.alert.groupBy({
+    by: ["kundeId"],
+    where: { erledigtAm: null, kundeId: { not: null } },
+    _count: { _all: true },
+  });
+
+  const alertsProKunde = new Map(offeneAlerts.map((e) => [e.kundeId, e._count._all]));
+
+  return kunden.map((kunde) => {
+    const ablaufDaten = kunde.hosts
+      .map((h) => h.subNextduedate)
+      .filter((d): d is Date => d !== null)
+      .sort((a, b) => a.getTime() - b.getTime());
+
+    return {
+      id: kunde.id,
+      name: kunde.name,
+      kundennummer: kunde.kundennummer,
+      ansprechpartner: kunde.ansprechpartner,
+      hosts: kunde._count.hosts,
+      aktiv: kunde.hosts.filter((h) => h.subStatus === "ACTIVE").length,
+      naechsterAblauf: ablaufDaten[0] ?? null,
+      offeneAlerts: alertsProKunde.get(kunde.id) ?? 0,
+    };
+  });
+}
+
+export async function kundeMitDetails(id: string) {
+  return prisma.kunde.findUnique({
+    where: { id },
+    include: {
+      standorte: { orderBy: { name: "asc" } },
+      hosts: { orderBy: { hostname: "asc" } },
+      alerts: { where: { erledigtAm: null }, orderBy: { geoeffnetAm: "desc" } },
+    },
+  });
+}
+
+/** Laufzeiten eines Kunden samt Rechnungsangaben, aufbereitet für Tabellen und Summen. */
+export async function laufzeitenVonKunde(kundeId: string) {
+  const laufzeiten = await prisma.laufzeit.findMany({
+    where: { host: { kundeId } },
+    orderBy: { start: "desc" },
+    include: {
+      host: { select: { id: true, hostname: true } },
+      proxmoxPosition: { include: { rechnung: true } },
+      kundenPosition: { include: { rechnung: true } },
+    },
+  });
+
+  return laufzeiten.map((laufzeit) => ({
+    id: laufzeit.id,
+    hostId: laufzeit.hostId,
+    hostname: laufzeit.host.hostname,
+    key: laufzeit.key,
+    start: laufzeit.start,
+    ende: laufzeit.ende,
+    vorschlag: laufzeit.status === "VORSCHLAG",
+    einkauf: laufzeit.proxmoxPosition
+      ? {
+          nummer: laufzeit.proxmoxPosition.rechnung.nummer,
+          nettoBetrag: Number(laufzeit.proxmoxPosition.nettoBetrag),
+          bezahlt: laufzeit.proxmoxPosition.rechnung.bezahlt,
+          faelligAm: laufzeit.proxmoxPosition.rechnung.faelligAm,
+        }
+      : null,
+    verkauf: laufzeit.kundenPosition
+      ? {
+          nummer: laufzeit.kundenPosition.rechnung.nummer,
+          nettoBetrag: Number(laufzeit.kundenPosition.nettoBetrag),
+          erstellt: laufzeit.kundenPosition.rechnung.erstellt,
+          bezahlt: laufzeit.kundenPosition.rechnung.bezahlt,
+        }
+      : null,
+  }));
+}
+
+export type KundenLaufzeit = Awaited<ReturnType<typeof laufzeitenVonKunde>>[number];
+
+export function summen(laufzeiten: KundenLaufzeit[]) {
+  const einkauf = laufzeiten.reduce((s, l) => s + (l.einkauf?.nettoBetrag ?? 0), 0);
+  const verkauf = laufzeiten.reduce((s, l) => s + (l.verkauf?.nettoBetrag ?? 0), 0);
+  return { einkauf, verkauf, marge: verkauf - einkauf };
+}
+
+export function summenProJahr(laufzeiten: KundenLaufzeit[]) {
+  const proJahr = new Map<string, { einkauf: number; verkauf: number }>();
+  for (const laufzeit of laufzeiten) {
+    const jahr = String(laufzeit.start.getUTCFullYear());
+    const eintrag = proJahr.get(jahr) ?? { einkauf: 0, verkauf: 0 };
+    eintrag.einkauf += laufzeit.einkauf?.nettoBetrag ?? 0;
+    eintrag.verkauf += laufzeit.verkauf?.nettoBetrag ?? 0;
+    proJahr.set(jahr, eintrag);
+  }
+  return [...proJahr.entries()]
+    .sort((a, b) => b[0].localeCompare(a[0]))
+    .map(([jahr, werte]) => ({ jahr, ...werte, marge: werte.verkauf - werte.einkauf }));
+}
+
+/** Offene Rechnungspunkte je Kunde: unbezahlter Einkauf bzw. fehlende Kundenrechnung. */
+export async function offeneRechnungspunkteProKunde() {
+  const laufzeiten = await prisma.laufzeit.findMany({
+    where: { status: "BESTAETIGT", host: { kundeId: { not: null } } },
+    select: {
+      host: { select: { kundeId: true } },
+      proxmoxPosition: { select: { rechnung: { select: { bezahlt: true } } } },
+      kundenPosition: { select: { rechnung: { select: { erstellt: true } } } },
+    },
+  });
+
+  const proKunde = new Map<string, { offen: number; gesamt: number }>();
+  for (const laufzeit of laufzeiten) {
+    const kundeId = laufzeit.host.kundeId;
+    if (!kundeId) continue;
+    const eintrag = proKunde.get(kundeId) ?? { offen: 0, gesamt: 0 };
+    eintrag.gesamt += 2;
+    if (!laufzeit.proxmoxPosition?.rechnung.bezahlt) eintrag.offen += 1;
+    if (!laufzeit.kundenPosition?.rechnung.erstellt) eintrag.offen += 1;
+    proKunde.set(kundeId, eintrag);
+  }
+  return proKunde;
+}
@@ -0,0 +1,152 @@
+import type { Prisma } from "@/generated/prisma/client";
+import { prisma } from "@/lib/db";
+
+export interface RechnungsFilter {
+  status?: "offen" | "erledigt" | "alle" | "vorschlaege";
+  kunde?: string;
+  jahr?: string;
+  q?: string;
+}
+
+function bedingung(filter: RechnungsFilter): Prisma.LaufzeitWhereInput {
+  const und: Prisma.LaufzeitWhereInput[] = [];
+
+  if (filter.status === "vorschlaege") {
+    und.push({ status: "VORSCHLAG" });
+  } else {
+    und.push({ status: "BESTAETIGT" });
+  }
+
+  if (filter.status === "offen") {
+    und.push({
+      OR: [
+        { proxmoxPosition: null },
+        { proxmoxPosition: { rechnung: { bezahlt: false } } },
+        { kundenPosition: null },
+        { kundenPosition: { rechnung: { erstellt: false } } },
+      ],
+    });
+  }
+
+  if (filter.status === "erledigt") {
+    und.push({ proxmoxPosition: { rechnung: { bezahlt: true } } });
+    und.push({ kundenPosition: { rechnung: { erstellt: true } } });
+  }
+
+  if (filter.kunde) und.push({ host: { kundeId: filter.kunde } });
+
+  if (filter.jahr) {
+    const jahr = Number(filter.jahr);
+    und.push({
+      start: { gte: new Date(Date.UTC(jahr, 0, 1)), lt: new Date(Date.UTC(jahr + 1, 0, 1)) },
+    });
+  }
+
+  if (filter.q?.trim()) {
+    const suche = filter.q.trim();
+    und.push({
+      OR: [
+        { key: { contains: suche, mode: "insensitive" } },
+        { host: { hostname: { contains: suche, mode: "insensitive" } } },
+        { proxmoxPosition: { rechnung: { nummer: { contains: suche, mode: "insensitive" } } } },
+        { kundenPosition: { rechnung: { nummer: { contains: suche, mode: "insensitive" } } } },
+      ],
+    });
+  }
+
+  return { AND: und };
+}
+
+export async function rechnungsListe(filter: RechnungsFilter) {
+  const laufzeiten = await prisma.laufzeit.findMany({
+    where: bedingung(filter),
+    orderBy: [{ start: "desc" }],
+    include: {
+      host: { select: { id: true, hostname: true, kunde: { select: { id: true, name: true } } } },
+      proxmoxPosition: { include: { rechnung: true } },
+      kundenPosition: { include: { rechnung: true } },
+    },
+  });
+
+  const zeilen = laufzeiten.map((laufzeit) => {
+    const einkauf = laufzeit.proxmoxPosition ? Number(laufzeit.proxmoxPosition.nettoBetrag) : null;
+    const verkauf = laufzeit.kundenPosition ? Number(laufzeit.kundenPosition.nettoBetrag) : null;
+
+    return {
+      id: laufzeit.id,
+      hostId: laufzeit.host.id,
+      hostname: laufzeit.host.hostname,
+      kunde: laufzeit.host.kunde,
+      key: laufzeit.key,
+      start: laufzeit.start,
+      ende: laufzeit.ende,
+      vorschlag: laufzeit.status === "VORSCHLAG",
+      einkaufNummer: laufzeit.proxmoxPosition?.rechnung.nummer ?? null,
+      einkaufBetrag: einkauf,
+      einkaufBezahlt: laufzeit.proxmoxPosition ? laufzeit.proxmoxPosition.rechnung.bezahlt : null,
+      einkaufFaelligAm: laufzeit.proxmoxPosition?.rechnung.faelligAm ?? null,
+      verkaufNummer: laufzeit.kundenPosition?.rechnung.nummer ?? null,
+      verkaufBetrag: verkauf,
+      verkaufErstellt: laufzeit.kundenPosition?.rechnung.erstellt ?? false,
+      verkaufBezahlt: laufzeit.kundenPosition?.rechnung.bezahlt ?? false,
+      marge: einkauf !== null && verkauf !== null ? verkauf - einkauf : null,
+    };
+  });
+
+  const summen = zeilen.reduce(
+    (summe, zeile) => ({
+      einkauf: summe.einkauf + (zeile.einkaufBetrag ?? 0),
+      verkauf: summe.verkauf + (zeile.verkaufBetrag ?? 0),
+    }),
+    { einkauf: 0, verkauf: 0 },
+  );
+
+  return {
+    zeilen,
+    summen: { ...summen, marge: summen.verkauf - summen.einkauf },
+  };
+}
+
+export type RechnungsZeile = Awaited<ReturnType<typeof rechnungsListe>>["zeilen"][number];
+
+/** Jahre, für die Laufzeiten vorliegen – für den Zeitraum-Filter. */
+export async function laufzeitJahre(): Promise<string[]> {
+  const laufzeiten = await prisma.laufzeit.findMany({ select: { start: true } });
+  return [...new Set(laufzeiten.map((l) => String(l.start.getUTCFullYear())))].sort((a, b) =>
+    b.localeCompare(a),
+  );
+}
+
+export async function laufzeitDetail(id: string) {
+  return prisma.laufzeit.findUnique({
+    where: { id },
+    include: {
+      host: {
+        select: {
+          id: true,
+          hostname: true,
+          produkt: true,
+          kunde: { select: { id: true, name: true } },
+        },
+      },
+      proxmoxPosition: {
+        include: {
+          rechnung: {
+            include: { anhang: true, positionen: { include: { laufzeit: { include: { host: true } } } } },
+          },
+        },
+      },
+      kundenPosition: {
+        include: {
+          rechnung: {
+            include: { anhang: true, positionen: { include: { laufzeit: { include: { host: true } } } } },
+          },
+        },
+      },
+    },
+  });
+}
+
+export async function anzahlVorschlaege() {
+  return prisma.laufzeit.count({ where: { status: "VORSCHLAG" } });
+}
@@ -0,0 +1,312 @@
+import { prisma } from "@/lib/db";
+import { protokolliere } from "@/server/audit";
+
+export class RechnungsFehler extends Error {}
+
+export interface ProxmoxRechnungEingabe {
+  nummer: string;
+  datum: Date;
+  faelligAm: Date | null;
+  nettoBetrag: number;
+  ustSatz?: number;
+  rabatt?: number | null;
+  zahlungsart?: string | null;
+  bezahlt: boolean;
+  bezahltAm?: Date | null;
+  anhangId?: string | null;
+  notizen?: string | null;
+}
+
+export interface KundenrechnungEingabe {
+  erstellt: boolean;
+  nummer?: string | null;
+  datum?: Date | null;
+  nettoBetrag?: number | null;
+  ustSatz?: number;
+  bezahlt: boolean;
+  bezahltAm?: Date | null;
+  anhangId?: string | null;
+  notizen?: string | null;
+}
+
+/** Bestätigt einen vom Agent vorgeschlagenen Lizenzzeitraum. */
+export async function laufzeitBestaetigen(id: string) {
+  const laufzeit = await prisma.laufzeit.update({
+    where: { id },
+    data: { status: "BESTAETIGT" },
+  });
+  await protokolliere("laufzeit.bestaetigt", "Laufzeit", id, {
+    start: laufzeit.start,
+    ende: laufzeit.ende,
+  });
+  return laufzeit;
+}
+
+/** Verwirft einen Vorschlag; bereits bestätigte Laufzeiten bleiben unangetastet. */
+export async function laufzeitVerwerfen(id: string) {
+  const laufzeit = await prisma.laufzeit.findUnique({ where: { id } });
+  if (!laufzeit) throw new RechnungsFehler("Laufzeit nicht gefunden.");
+  if (laufzeit.status !== "VORSCHLAG") {
+    throw new RechnungsFehler("Nur Vorschläge können verworfen werden.");
+  }
+
+  await prisma.laufzeit.delete({ where: { id } });
+  await protokolliere("laufzeit.verworfen", "Laufzeit", id, { start: laufzeit.start });
+}
+
+/**
+ * Erfasst die Proxmox-Rechnung zu einer Laufzeit.
+ * Gibt es die Rechnungsnummer schon, wird eine weitere Position angehängt – so entsteht aus mehreren
+ * Laufzeiten eine Sammelrechnung, ohne dass die Nummer doppelt vergeben wird.
+ */
+export async function proxmoxRechnungErfassen(laufzeitId: string, eingabe: ProxmoxRechnungEingabe) {
+  const laufzeit = await prisma.laufzeit.findUnique({
+    where: { id: laufzeitId },
+    include: { proxmoxPosition: true, host: { select: { hostname: true } } },
+  });
+  if (!laufzeit) throw new RechnungsFehler("Laufzeit nicht gefunden.");
+  if (!eingabe.nummer.trim()) throw new RechnungsFehler("Bitte eine Rechnungsnummer angeben.");
+
+  const nummer = eingabe.nummer.trim();
+  const bezeichnung = `${laufzeit.key} · ${laufzeit.host.hostname} · ${laufzeit.start.toISOString().slice(0, 10)} bis ${laufzeit.ende.toISOString().slice(0, 10)}`;
+
+  return prisma.$transaction(async (tx) => {
+    const vorhanden = await tx.proxmoxRechnung.findUnique({ where: { nummer } });
+
+    const rechnung = vorhanden
+      ? await tx.proxmoxRechnung.update({
+          where: { id: vorhanden.id },
+          data: {
+            datum: eingabe.datum,
+            faelligAm: eingabe.faelligAm,
+            ustSatz: eingabe.ustSatz ?? 19,
+            rabatt: eingabe.rabatt ?? null,
+            zahlungsart: eingabe.zahlungsart ?? null,
+            bezahlt: eingabe.bezahlt,
+            bezahltAm: eingabe.bezahlt ? (eingabe.bezahltAm ?? new Date()) : null,
+            anhangId: eingabe.anhangId ?? vorhanden.anhangId,
+            notizen: eingabe.notizen ?? vorhanden.notizen,
+          },
+        })
+      : await tx.proxmoxRechnung.create({
+          data: {
+            nummer,
+            datum: eingabe.datum,
+            faelligAm: eingabe.faelligAm,
+            nettoBetrag: eingabe.nettoBetrag,
+            ustSatz: eingabe.ustSatz ?? 19,
+            rabatt: eingabe.rabatt ?? null,
+            zahlungsart: eingabe.zahlungsart ?? null,
+            bezahlt: eingabe.bezahlt,
+            bezahltAm: eingabe.bezahlt ? (eingabe.bezahltAm ?? new Date()) : null,
+            anhangId: eingabe.anhangId ?? null,
+            notizen: eingabe.notizen ?? null,
+          },
+        });
+
+    const position = laufzeit.proxmoxPosition
+      ? await tx.proxmoxRechnungPosition.update({
+          where: { id: laufzeit.proxmoxPosition.id },
+          data: { rechnungId: rechnung.id, bezeichnung, nettoBetrag: eingabe.nettoBetrag },
+        })
+      : await tx.proxmoxRechnungPosition.create({
+          data: { rechnungId: rechnung.id, bezeichnung, nettoBetrag: eingabe.nettoBetrag },
+        });
+
+    await tx.laufzeit.update({
+      where: { id: laufzeitId },
+      data: { proxmoxPositionId: position.id, status: "BESTAETIGT" },
+    });
+
+    // Der Rechnungsbetrag ist immer die Summe der Positionen.
+    const positionen = await tx.proxmoxRechnungPosition.findMany({ where: { rechnungId: rechnung.id } });
+    const summe = positionen.reduce((s, p) => s + Number(p.nettoBetrag), 0);
+    await tx.proxmoxRechnung.update({ where: { id: rechnung.id }, data: { nettoBetrag: summe } });
+
+    await protokolliere("proxmox_rechnung.erfasst", "ProxmoxRechnung", rechnung.id, {
+      nummer,
+      laufzeitId,
+      nettoBetrag: eingabe.nettoBetrag,
+      positionen: positionen.length,
+    });
+
+    return { rechnungId: rechnung.id, positionId: position.id, sammelrechnung: positionen.length > 1 };
+  });
+}
+
+/** Erfasst die Kundenrechnung zu einer Laufzeit; gleiche Nummer bedeutet auch hier Sammelrechnung. */
+export async function kundenrechnungErfassen(laufzeitId: string, eingabe: KundenrechnungEingabe) {
+  const laufzeit = await prisma.laufzeit.findUnique({
+    where: { id: laufzeitId },
+    include: { kundenPosition: true, host: { select: { hostname: true, kundeId: true } } },
+  });
+  if (!laufzeit) throw new RechnungsFehler("Laufzeit nicht gefunden.");
+  const kundeId = laufzeit.host.kundeId;
+  if (!kundeId) {
+    throw new RechnungsFehler("Der Host ist keinem Kunden zugewiesen – ohne Kunde keine Kundenrechnung.");
+  }
+
+  const nummer = eingabe.nummer?.trim() || null;
+  const bezeichnung = `${laufzeit.key} · ${laufzeit.host.hostname} · ${laufzeit.start.toISOString().slice(0, 10)} bis ${laufzeit.ende.toISOString().slice(0, 10)}`;
+  const betrag = eingabe.nettoBetrag ?? 0;
+
+  return prisma.$transaction(async (tx) => {
+    const vorhanden = nummer ? await tx.kundenrechnung.findUnique({ where: { nummer } }) : null;
+    if (vorhanden && vorhanden.kundeId !== kundeId) {
+      throw new RechnungsFehler("Diese Rechnungsnummer gehört bereits zu einem anderen Kunden.");
+    }
+
+    const daten = {
+      erstellt: eingabe.erstellt,
+      nummer,
+      datum: eingabe.datum ?? null,
+      ustSatz: eingabe.ustSatz ?? 19,
+      bezahlt: eingabe.bezahlt,
+      bezahltAm: eingabe.bezahlt ? (eingabe.bezahltAm ?? new Date()) : null,
+      anhangId: eingabe.anhangId ?? null,
+      notizen: eingabe.notizen ?? null,
+    };
+
+    // Welche Rechnung ist gemeint? Zuerst die über die Nummer gefundene, sonst die bisher verknüpfte.
+    const zielRechnungId = vorhanden?.id ?? laufzeit.kundenPosition?.rechnungId ?? null;
+
+    const rechnung = zielRechnungId
+      ? await tx.kundenrechnung.update({ where: { id: zielRechnungId }, data: daten })
+      : await tx.kundenrechnung.create({
+          data: { ...daten, kundeId, nettoBetrag: betrag },
+        });
+
+    const position = laufzeit.kundenPosition
+      ? await tx.kundenrechnungPosition.update({
+          where: { id: laufzeit.kundenPosition.id },
+          data: { rechnungId: rechnung.id, bezeichnung, nettoBetrag: betrag },
+        })
+      : await tx.kundenrechnungPosition.create({
+          data: { rechnungId: rechnung.id, bezeichnung, nettoBetrag: betrag },
+        });
+
+    await tx.laufzeit.update({ where: { id: laufzeitId }, data: { kundenPositionId: position.id } });
+
+    const positionen = await tx.kundenrechnungPosition.findMany({ where: { rechnungId: rechnung.id } });
+    const summe = positionen.reduce((s, p) => s + Number(p.nettoBetrag), 0);
+    await tx.kundenrechnung.update({ where: { id: rechnung.id }, data: { nettoBetrag: summe } });
+
+    await protokolliere("kundenrechnung.erfasst", "Kundenrechnung", rechnung.id, {
+      nummer,
+      laufzeitId,
+      nettoBetrag: betrag,
+      positionen: positionen.length,
+    });
+
+    return { rechnungId: rechnung.id, positionId: position.id, sammelrechnung: positionen.length > 1 };
+  });
+}
+
+/** Häkchen „Proxmox bezahlt“ direkt aus der Tabelle. */
+export async function einkaufBezahltSetzen(laufzeitId: string, bezahlt: boolean) {
+  const laufzeit = await prisma.laufzeit.findUnique({
+    where: { id: laufzeitId },
+    include: { proxmoxPosition: true },
+  });
+  if (!laufzeit?.proxmoxPosition) {
+    throw new RechnungsFehler("Für diese Laufzeit ist noch keine Proxmox-Rechnung erfasst.");
+  }
+
+  await prisma.proxmoxRechnung.update({
+    where: { id: laufzeit.proxmoxPosition.rechnungId },
+    data: { bezahlt, bezahltAm: bezahlt ? new Date() : null },
+  });
+
+  await protokolliere(
+    "proxmox_rechnung.bezahlt_gesetzt",
+    "ProxmoxRechnung",
+    laufzeit.proxmoxPosition.rechnungId,
+    {
+      bezahlt,
+      laufzeitId,
+    },
+  );
+}
+
+/**
+ * Häkchen „Kundenrechnung erstellt“ direkt aus der Tabelle.
+ * Fehlt die Rechnung noch, entsteht eine ohne Nummer – sie lässt sich später vervollständigen.
+ */
+export async function verkaufErstelltSetzen(laufzeitId: string, erstellt: boolean) {
+  const laufzeit = await prisma.laufzeit.findUnique({
+    where: { id: laufzeitId },
+    include: { kundenPosition: true, host: { select: { hostname: true, kundeId: true } } },
+  });
+  if (!laufzeit) throw new RechnungsFehler("Laufzeit nicht gefunden.");
+
+  if (laufzeit.kundenPosition) {
+    await prisma.kundenrechnung.update({
+      where: { id: laufzeit.kundenPosition.rechnungId },
+      data: { erstellt },
+    });
+    await protokolliere(
+      "kundenrechnung.erstellt_gesetzt",
+      "Kundenrechnung",
+      laufzeit.kundenPosition.rechnungId,
+      {
+        erstellt,
+        laufzeitId,
+      },
+    );
+    return;
+  }
+
+  if (!erstellt) return;
+  await kundenrechnungErfassen(laufzeitId, { erstellt: true, bezahlt: false, nettoBetrag: 0 });
+}
+
+/** Häkchen „Kundenrechnung bezahlt“. */
+export async function verkaufBezahltSetzen(laufzeitId: string, bezahlt: boolean) {
+  const laufzeit = await prisma.laufzeit.findUnique({
+    where: { id: laufzeitId },
+    include: { kundenPosition: true },
+  });
+  if (!laufzeit?.kundenPosition) {
+    throw new RechnungsFehler("Für diese Laufzeit ist noch keine Kundenrechnung erfasst.");
+  }
+
+  await prisma.kundenrechnung.update({
+    where: { id: laufzeit.kundenPosition.rechnungId },
+    data: { bezahlt, bezahltAm: bezahlt ? new Date() : null },
+  });
+
+  await protokolliere(
+    "kundenrechnung.bezahlt_gesetzt",
+    "Kundenrechnung",
+    laufzeit.kundenPosition.rechnungId,
+    {
+      bezahlt,
+      laufzeitId,
+    },
+  );
+}
+
+/** Legt eine Laufzeit von Hand an – etwa für Käufe, die der Agent noch nicht gemeldet hat. */
+export async function laufzeitAnlegen(daten: {
+  hostId: string;
+  key: string;
+  start: Date;
+  ende: Date;
+  notizen?: string | null;
+}) {
+  const vorhanden = await prisma.laufzeit.findUnique({
+    where: { hostId_start: { hostId: daten.hostId, start: daten.start } },
+  });
+  if (vorhanden) {
+    throw new RechnungsFehler("Für dieses Startdatum gibt es bereits eine Laufzeit.");
+  }
+  if (daten.ende <= daten.start) {
+    throw new RechnungsFehler("Das Ende muss nach dem Beginn liegen.");
+  }
+
+  const laufzeit = await prisma.laufzeit.create({
+    data: { ...daten, status: "BESTAETIGT" },
+  });
+  await protokolliere("laufzeit.angelegt", "Laufzeit", laufzeit.id, daten);
+  return laufzeit;
+}
@@ -0,0 +1,52 @@
+import { prisma } from "@/lib/db";
+import { protokolliere } from "@/server/audit";
+
+export class ZuweisungsFehler extends Error {}
+
+export interface ZuweisungsErgebnis {
+  anzahl: number;
+  kundenName: string;
+}
+
+/**
+ * Weist mehrere Hosts einem Kunden (und optional einem seiner Standorte) zu.
+ * Getrennt von der Server Action, damit die Regeln ohne Next.js testbar sind.
+ */
+export async function hostsZuweisenService(
+  hostIds: string[],
+  kundeId: string | null,
+  standortId: string | null,
+): Promise<ZuweisungsErgebnis> {
+  if (hostIds.length === 0) {
+    throw new ZuweisungsFehler("Bitte mindestens einen Host auswählen.");
+  }
+  if (!kundeId) {
+    throw new ZuweisungsFehler("Bitte einen Kunden auswählen.");
+  }
+
+  const kunde = await prisma.kunde.findUnique({
+    where: { id: kundeId },
+    include: { standorte: { select: { id: true } } },
+  });
+  if (!kunde) {
+    throw new ZuweisungsFehler("Der gewählte Kunde existiert nicht mehr.");
+  }
+  if (standortId && !kunde.standorte.some((standort) => standort.id === standortId)) {
+    throw new ZuweisungsFehler("Der gewählte Standort gehört nicht zu diesem Kunden.");
+  }
+
+  const { count } = await prisma.host.updateMany({
+    where: { id: { in: hostIds } },
+    data: { kundeId, standortId },
+  });
+
+  // Die Warnung „Host ohne Kunde“ ist damit erledigt (die Regel selbst folgt in #011).
+  await prisma.alert.updateMany({
+    where: { regel: "host-ohne-kunde", hostId: { in: hostIds }, erledigtAm: null },
+    data: { erledigtAm: new Date() },
+  });
+
+  await protokolliere("host.zugewiesen", "Host", null, { hostIds, kundeId, standortId, anzahl: count });
+
+  return { anzahl: count, kundenName: kunde.name };
+}
@@ -0,0 +1,24 @@
+import { describe, expect, it } from "vitest";
+import { csvDatei, csvZelle } from "@/lib/csv";
+
+describe("CSV-Export", () => {
+  it("formatiert Werte deutsch", () => {
+    expect(csvZelle(new Date("2027-03-02T00:00:00Z"))).toBe("02.03.2027");
+    expect(csvZelle(1)).toBe("1");
+    expect(csvZelle(1234.5)).toBe("1.234,50");
+    expect(csvZelle(null)).toBe("");
+    expect(csvZelle(undefined)).toBe("");
+  });
+
+  it("maskiert Semikolon, Anführungszeichen und Zeilenumbrüche", () => {
+    expect(csvZelle("Firma; GmbH")).toBe('"Firma; GmbH"');
+    expect(csvZelle('Er sagte "hallo"')).toBe('"Er sagte ""hallo"""');
+    expect(csvZelle("Zeile1\nZeile2")).toBe('"Zeile1\nZeile2"');
+  });
+
+  it("schreibt BOM und Zeilenenden für Excel", () => {
+    const datei = csvDatei(["A", "B"], [["x", 2]]);
+    expect(datei.startsWith("")).toBe(true);
+    expect(datei).toContain("A;B\r\nx;2\r\n");
+  });
+});
@@ -0,0 +1,164 @@
+import { afterAll, beforeEach, describe, expect, it } from "vitest";
+import { hostListe } from "@/server/queries/hostliste";
+import { datenbankLeeren, datenbankVerfuegbar, testPrisma } from "./helpers/db";
+
+const JETZT = new Date("2026-09-17T12:00:00Z");
+
+async function beispielDaten() {
+  const kunde = await testPrisma.kunde.create({
+    data: { name: "Brandl Elektrotechnik GmbH", kundennummer: "K-1001" },
+  });
+  const anderer = await testPrisma.kunde.create({
+    data: { name: "Huber Logistik AG", kundennummer: "K-1002" },
+  });
+
+  const brandl = await testPrisma.host.create({
+    data: {
+      agentId: "agent-brandl",
+      hostname: "pve-brandl-01",
+      fqdn: "pve-brandl-01.brandl.local",
+      produkt: "PVE",
+      kundeId: kunde.id,
+      serverId: "A1B2C3D4E5F60718",
+      subKey: "pve1c-a6bd21fcb6",
+      subStatus: "ACTIVE",
+      subNextduedate: new Date("2026-09-24"),
+      subLizenzierteSockets: 1,
+      sockets: 1,
+      ips: ["192.168.10.11"],
+      letzterReportAm: new Date("2026-09-17T03:00:00Z"),
+    },
+  });
+
+  await testPrisma.host.create({
+    data: {
+      agentId: "agent-huber",
+      hostname: "pve-huber-01",
+      produkt: "PVE",
+      kundeId: anderer.id,
+      subKey: "pve1c-77c0ea1b93",
+      subStatus: "ACTIVE",
+      subNextduedate: new Date("2026-12-01"),
+      subLizenzierteSockets: 1,
+      sockets: 2,
+      ips: ["10.8.0.5"],
+      letzterReportAm: new Date("2026-09-17T02:00:00Z"),
+    },
+  });
+
+  await testPrisma.host.create({
+    data: {
+      agentId: "agent-pbs",
+      hostname: "pbs-backup",
+      produkt: "PBS",
+      subStatus: "NOTFOUND",
+      letzterReportAm: new Date("2026-09-10T02:00:00Z"),
+    },
+  });
+
+  const rechnung = await testPrisma.proxmoxRechnung.create({
+    data: {
+      nummer: "PX-2026-14790",
+      datum: new Date("2026-09-10"),
+      nettoBetrag: 115,
+      bezahlt: false,
+      positionen: { create: [{ bezeichnung: "pve1c-a6bd21fcb6", nettoBetrag: 115 }] },
+    },
+    include: { positionen: true },
+  });
+
+  await testPrisma.laufzeit.create({
+    data: {
+      hostId: brandl.id,
+      key: "pve1c-a6bd21fcb6",
+      start: new Date("2026-09-24"),
+      ende: new Date("2027-09-23"),
+      status: "BESTAETIGT",
+      proxmoxPositionId: rechnung.positionen[0].id,
+    },
+  });
+
+  return { kunde, anderer, brandl };
+}
+
+describe.runIf(datenbankVerfuegbar)("Host-Tabelle", () => {
+  beforeEach(async () => {
+    await datenbankLeeren();
+    await beispielDaten();
+  });
+
+  afterAll(async () => {
+    await testPrisma.$disconnect();
+  });
+
+  it("findet einen Host über seinen Subscription-Key", async () => {
+    const { hosts, gesamt } = await hostListe({ q: "pve1c-a6bd21fcb6" }, JETZT);
+    expect(gesamt).toBe(1);
+    expect(hosts[0].hostname).toBe("pve-brandl-01");
+    expect(hosts[0].kunde?.name).toBe("Brandl Elektrotechnik GmbH");
+  });
+
+  it("findet Hosts über Server-ID, IP, FQDN und Kundenname", async () => {
+    for (const suche of ["A1B2C3D4E5F60718", "192.168.10.11", "brandl.local", "Brandl Elektro"]) {
+      const { hosts } = await hostListe({ q: suche }, JETZT);
+      expect(hosts.map((h) => h.hostname), `Suche nach ${suche}`).toContain("pve-brandl-01");
+    }
+  });
+
+  it("findet den Host über die Proxmox-Rechnungsnummer", async () => {
+    const { hosts, gesamt } = await hostListe({ q: "PX-2026-14790" }, JETZT);
+    expect(gesamt).toBe(1);
+    expect(hosts[0].hostname).toBe("pve-brandl-01");
+  });
+
+  it("ignoriert Groß- und Kleinschreibung", async () => {
+    const { gesamt } = await hostListe({ q: "PVE-BRANDL-01" }, JETZT);
+    expect(gesamt).toBe(1);
+  });
+
+  it("filtert nach Kunde, Status und Produkt", async () => {
+    const { kunde } = { kunde: await testPrisma.kunde.findFirstOrThrow({ where: { kundennummer: "K-1001" } }) };
+
+    expect((await hostListe({ kunde: kunde.id }, JETZT)).gesamt).toBe(1);
+    expect((await hostListe({ kunde: "ohne" }, JETZT)).gesamt).toBe(1);
+    expect((await hostListe({ status: "ACTIVE" }, JETZT)).gesamt).toBe(2);
+    expect((await hostListe({ status: "NOTFOUND" }, JETZT)).gesamt).toBe(1);
+    expect((await hostListe({ produkt: "PBS" }, JETZT)).gesamt).toBe(1);
+  });
+
+  it("filtert nach Hosts, die sich länger als 48 Stunden nicht gemeldet haben", async () => {
+    const { hosts } = await hostListe({ status: "keine-meldung" }, JETZT);
+    expect(hosts.map((h) => h.hostname)).toEqual(["pbs-backup"]);
+    expect(hosts[0].meldetNicht).toBe(true);
+  });
+
+  it("filtert nach baldigem Ablauf", async () => {
+    expect((await hostListe({ ablauf: "14" }, JETZT)).gesamt).toBe(1);
+    expect((await hostListe({ ablauf: "30" }, JETZT)).gesamt).toBe(1);
+    expect((await hostListe({ ablauf: "abgelaufen" }, JETZT)).gesamt).toBe(0);
+  });
+
+  it("filtert nach offenen Rechnungspunkten", async () => {
+    const { hosts } = await hostListe({ rechnung: "offen" }, JETZT);
+    expect(hosts.map((h) => h.hostname)).toEqual(["pve-brandl-01"]);
+  });
+
+  it("erkennt abweichende Sockets", async () => {
+    const { hosts } = await hostListe({ q: "pve-huber-01" }, JETZT);
+    expect(hosts[0].socketAbweichung).toBe(true);
+  });
+
+  it("sortiert nach Ablaufdatum in beide Richtungen", async () => {
+    const aufsteigend = await hostListe({ sortierung: "ablauf" }, JETZT);
+    expect(aufsteigend.hosts[0].hostname).toBe("pve-brandl-01");
+
+    const absteigend = await hostListe({ sortierung: "ablauf-ab" }, JETZT);
+    expect(absteigend.hosts[0].subNextduedate).not.toBeNull();
+    expect(absteigend.hosts[0].hostname).toBe("pve-huber-01");
+  });
+
+  it("kombiniert mehrere Filter", async () => {
+    const { gesamt } = await hostListe({ status: "ACTIVE", produkt: "PVE", ablauf: "30" }, JETZT);
+    expect(gesamt).toBe(1);
+  });
+});
@@ -0,0 +1,165 @@
+import { afterAll, beforeEach, describe, expect, it } from "vitest";
+import { hostsZuweisenService, ZuweisungsFehler } from "@/server/services/zuweisung";
+import { kennzahlen, hostsOhneKunde } from "@/server/queries/hosts";
+import { kundenListe, offeneRechnungspunkteProKunde } from "@/server/queries/kunden";
+import { datenbankLeeren, datenbankVerfuegbar, testPrisma } from "./helpers/db";
+
+async function kundeMitStandort(name = "Testkunde GmbH", nummer = "K-7001") {
+  return testPrisma.kunde.create({
+    data: {
+      name,
+      kundennummer: nummer,
+      standorte: { create: [{ name: "Zentrale" }] },
+    },
+    include: { standorte: true },
+  });
+}
+
+async function host(agentId: string, hostname: string, daten: Record<string, unknown> = {}) {
+  return testPrisma.host.create({
+    data: { agentId, hostname, produkt: "PVE", ...daten },
+  });
+}
+
+describe.runIf(datenbankVerfuegbar)("Hostzuweisung", () => {
+  beforeEach(async () => {
+    await datenbankLeeren();
+  });
+
+  afterAll(async () => {
+    await testPrisma.$disconnect();
+  });
+
+  it("weist mehrere Hosts gleichzeitig einem Kunden und Standort zu", async () => {
+    const kunde = await kundeMitStandort();
+    const eins = await host("agent-1", "pve-01");
+    const zwei = await host("agent-2", "pve-02");
+    await host("agent-3", "pve-03");
+
+    const ergebnis = await hostsZuweisenService([eins.id, zwei.id], kunde.id, kunde.standorte[0].id);
+
+    expect(ergebnis.anzahl).toBe(2);
+    expect(ergebnis.kundenName).toBe("Testkunde GmbH");
+
+    const zugewiesen = await testPrisma.host.findMany({ where: { kundeId: kunde.id } });
+    expect(zugewiesen.map((h) => h.hostname).sort()).toEqual(["pve-01", "pve-02"]);
+    expect(zugewiesen.every((h) => h.standortId === kunde.standorte[0].id)).toBe(true);
+
+    const offen = await hostsOhneKunde();
+    expect(offen.map((h) => h.hostname)).toEqual(["pve-03"]);
+  });
+
+  it("schreibt einen Audit-Eintrag", async () => {
+    const kunde = await kundeMitStandort();
+    const eins = await host("agent-1", "pve-01");
+
+    await hostsZuweisenService([eins.id], kunde.id, null);
+
+    const eintrag = await testPrisma.auditEintrag.findFirst({ where: { aktion: "host.zugewiesen" } });
+    expect(eintrag).not.toBeNull();
+    expect(eintrag?.aenderung).toMatchObject({ anzahl: 1, kundeId: kunde.id });
+  });
+
+  it("schließt die Warnung „Host ohne Kunde“ mit der Zuweisung", async () => {
+    const kunde = await kundeMitStandort();
+    const eins = await host("agent-1", "pve-01");
+    await testPrisma.alert.create({
+      data: {
+        regel: "host-ohne-kunde",
+        fingerprint: `host-ohne-kunde:${eins.id}`,
+        schwere: "INFO",
+        titel: "Host ist keinem Kunden zugewiesen",
+        beschreibung: "pve-01",
+        hostId: eins.id,
+      },
+    });
+
+    await hostsZuweisenService([eins.id], kunde.id, null);
+
+    const alert = await testPrisma.alert.findFirstOrThrow({ where: { hostId: eins.id } });
+    expect(alert.erledigtAm).not.toBeNull();
+  });
+
+  it("lehnt einen Standort ab, der zu einem anderen Kunden gehört", async () => {
+    const kundeA = await kundeMitStandort("Kunde A", "K-7001");
+    const kundeB = await kundeMitStandort("Kunde B", "K-7002");
+    const eins = await host("agent-1", "pve-01");
+
+    await expect(hostsZuweisenService([eins.id], kundeA.id, kundeB.standorte[0].id)).rejects.toThrow(
+      ZuweisungsFehler,
+    );
+
+    const unveraendert = await testPrisma.host.findUniqueOrThrow({ where: { id: eins.id } });
+    expect(unveraendert.kundeId).toBeNull();
+  });
+
+  it("lehnt eine Zuweisung ohne Auswahl oder ohne Kunde ab", async () => {
+    const kunde = await kundeMitStandort();
+    await expect(hostsZuweisenService([], kunde.id, null)).rejects.toThrow(ZuweisungsFehler);
+    await expect(hostsZuweisenService(["irgendwas"], null, null)).rejects.toThrow(ZuweisungsFehler);
+  });
+
+  it("zählt Kennzahlen für Dashboard und Sidebar korrekt", async () => {
+    const jetzt = new Date("2026-09-17T12:00:00Z");
+    const kunde = await kundeMitStandort();
+
+    await host("agent-1", "pve-aktiv", {
+      kundeId: kunde.id,
+      subStatus: "ACTIVE",
+      subNextduedate: new Date("2026-10-01"),
+      letzterReportAm: new Date("2026-09-17T03:00:00Z"),
+    });
+    await host("agent-2", "pve-abgelaufen", {
+      kundeId: kunde.id,
+      subStatus: "EXPIRED",
+      letzterReportAm: new Date("2026-09-17T03:00:00Z"),
+    });
+    await host("agent-3", "pve-stumm", {
+      subStatus: "ACTIVE",
+      letzterReportAm: new Date("2026-09-10T03:00:00Z"),
+    });
+
+    const zahlen = await kennzahlen(jetzt);
+
+    expect(zahlen.hostsGesamt).toBe(3);
+    expect(zahlen.aktivLizenziert).toBe(2);
+    expect(zahlen.ohneSubscription).toBe(1);
+    expect(zahlen.baldAblaufend).toBe(1);
+    expect(zahlen.ohneKunde).toBe(1);
+    expect(zahlen.ohneMeldung).toBe(1);
+  });
+
+  it("zählt offene Rechnungspunkte je Kunde", async () => {
+    const kunde = await kundeMitStandort();
+    const eins = await host("agent-1", "pve-01", { kundeId: kunde.id });
+
+    const rechnung = await testPrisma.proxmoxRechnung.create({
+      data: {
+        nummer: "PX-TEST-9",
+        datum: new Date("2026-09-01"),
+        nettoBetrag: 115,
+        bezahlt: false,
+        positionen: { create: [{ bezeichnung: "Key", nettoBetrag: 115 }] },
+      },
+      include: { positionen: true },
+    });
+
+    await testPrisma.laufzeit.create({
+      data: {
+        hostId: eins.id,
+        key: "pve1c-test",
+        start: new Date("2026-09-24"),
+        ende: new Date("2027-09-23"),
+        status: "BESTAETIGT",
+        proxmoxPositionId: rechnung.positionen[0].id,
+      },
+    });
+
+    const punkte = await offeneRechnungspunkteProKunde();
+    // Einkauf unbezahlt und Kundenrechnung fehlt = zwei offene Punkte von zwei möglichen.
+    expect(punkte.get(kunde.id)).toEqual({ offen: 2, gesamt: 2 });
+
+    const liste = await kundenListe();
+    expect(liste[0].hosts).toBe(1);
+  });
+});
@@ -0,0 +1,316 @@
+import { afterAll, beforeEach, describe, expect, it } from "vitest";
+import {
+  einkaufBezahltSetzen,
+  kundenrechnungErfassen,
+  laufzeitAnlegen,
+  laufzeitBestaetigen,
+  laufzeitVerwerfen,
+  proxmoxRechnungErfassen,
+  RechnungsFehler,
+  verkaufBezahltSetzen,
+  verkaufErstelltSetzen,
+} from "@/server/services/rechnungen";
+import { datenbankLeeren, datenbankVerfuegbar, testPrisma } from "./helpers/db";
+
+async function aufbau() {
+  const kunde = await testPrisma.kunde.create({
+    data: { name: "Brandl Elektrotechnik GmbH", kundennummer: "K-1001" },
+  });
+
+  const hostA = await testPrisma.host.create({
+    data: { agentId: "a-1", hostname: "pve-01", produkt: "PVE", kundeId: kunde.id },
+  });
+  const hostB = await testPrisma.host.create({
+    data: { agentId: "a-2", hostname: "pve-02", produkt: "PVE", kundeId: kunde.id },
+  });
+
+  const laufzeitA = await testPrisma.laufzeit.create({
+    data: {
+      hostId: hostA.id,
+      key: "pve1c-aaaa",
+      start: new Date("2026-09-24"),
+      ende: new Date("2027-09-23"),
+      status: "VORSCHLAG",
+    },
+  });
+  const laufzeitB = await testPrisma.laufzeit.create({
+    data: {
+      hostId: hostB.id,
+      key: "pve2c-bbbb",
+      start: new Date("2026-10-08"),
+      ende: new Date("2027-10-07"),
+      status: "VORSCHLAG",
+    },
+  });
+
+  return { kunde, hostA, hostB, laufzeitA, laufzeitB };
+}
+
+const EINKAUF = {
+  nummer: "PX-2026-14790",
+  datum: new Date("2026-09-10"),
+  faelligAm: new Date("2026-09-24"),
+  nettoBetrag: 115,
+  bezahlt: false,
+};
+
+describe.runIf(datenbankVerfuegbar)("Laufzeiten und Rechnungen", () => {
+  beforeEach(async () => {
+    await datenbankLeeren();
+  });
+
+  afterAll(async () => {
+    await testPrisma.$disconnect();
+  });
+
+  describe("Laufzeiten", () => {
+    it("bestätigt einen Vorschlag", async () => {
+      const { laufzeitA } = await aufbau();
+      await laufzeitBestaetigen(laufzeitA.id);
+
+      const danach = await testPrisma.laufzeit.findUniqueOrThrow({ where: { id: laufzeitA.id } });
+      expect(danach.status).toBe("BESTAETIGT");
+    });
+
+    it("verwirft einen Vorschlag, aber keine bestätigte Laufzeit", async () => {
+      const { laufzeitA, laufzeitB } = await aufbau();
+
+      await laufzeitVerwerfen(laufzeitA.id);
+      expect(await testPrisma.laufzeit.findUnique({ where: { id: laufzeitA.id } })).toBeNull();
+
+      await laufzeitBestaetigen(laufzeitB.id);
+      await expect(laufzeitVerwerfen(laufzeitB.id)).rejects.toThrow(RechnungsFehler);
+    });
+
+    it("legt eine Laufzeit von Hand an und verhindert doppelte Startdaten", async () => {
+      const { hostA } = await aufbau();
+
+      const daten = {
+        hostId: hostA.id,
+        key: "pve1c-manuell",
+        start: new Date("2028-01-01"),
+        ende: new Date("2028-12-31"),
+      };
+      await laufzeitAnlegen(daten);
+      await expect(laufzeitAnlegen(daten)).rejects.toThrow(RechnungsFehler);
+      await expect(
+        laufzeitAnlegen({ ...daten, start: new Date("2029-01-01"), ende: new Date("2028-12-31") }),
+      ).rejects.toThrow(RechnungsFehler);
+    });
+  });
+
+  describe("Proxmox-Rechnung", () => {
+    it("erfasst eine Rechnung und bestätigt die Laufzeit dabei", async () => {
+      const { laufzeitA } = await aufbau();
+      const ergebnis = await proxmoxRechnungErfassen(laufzeitA.id, EINKAUF);
+
+      expect(ergebnis.sammelrechnung).toBe(false);
+
+      const laufzeit = await testPrisma.laufzeit.findUniqueOrThrow({
+        where: { id: laufzeitA.id },
+        include: { proxmoxPosition: { include: { rechnung: true } } },
+      });
+      expect(laufzeit.status).toBe("BESTAETIGT");
+      expect(laufzeit.proxmoxPosition?.rechnung.nummer).toBe("PX-2026-14790");
+      expect(Number(laufzeit.proxmoxPosition?.nettoBetrag)).toBe(115);
+      expect(laufzeit.proxmoxPosition?.rechnung.faelligAm?.toISOString().slice(0, 10)).toBe("2026-09-24");
+    });
+
+    it("hängt eine zweite Laufzeit an dieselbe Rechnungsnummer an (Sammelrechnung)", async () => {
+      const { laufzeitA, laufzeitB } = await aufbau();
+
+      await proxmoxRechnungErfassen(laufzeitA.id, EINKAUF);
+      const zweite = await proxmoxRechnungErfassen(laufzeitB.id, { ...EINKAUF, nettoBetrag: 220 });
+
+      expect(zweite.sammelrechnung).toBe(true);
+      expect(await testPrisma.proxmoxRechnung.count()).toBe(1);
+
+      const rechnung = await testPrisma.proxmoxRechnung.findUniqueOrThrow({
+        where: { nummer: "PX-2026-14790" },
+        include: { positionen: true },
+      });
+      expect(rechnung.positionen).toHaveLength(2);
+      // Der Rechnungsbetrag ist die Summe der Positionen.
+      expect(Number(rechnung.nettoBetrag)).toBe(335);
+    });
+
+    it("ändert eine bereits erfasste Rechnung, statt eine zweite Position anzulegen", async () => {
+      const { laufzeitA } = await aufbau();
+      await proxmoxRechnungErfassen(laufzeitA.id, EINKAUF);
+      await proxmoxRechnungErfassen(laufzeitA.id, { ...EINKAUF, nettoBetrag: 130, bezahlt: true });
+
+      const rechnung = await testPrisma.proxmoxRechnung.findUniqueOrThrow({
+        where: { nummer: "PX-2026-14790" },
+        include: { positionen: true },
+      });
+      expect(rechnung.positionen).toHaveLength(1);
+      expect(Number(rechnung.nettoBetrag)).toBe(130);
+      expect(rechnung.bezahlt).toBe(true);
+      expect(rechnung.bezahltAm).not.toBeNull();
+    });
+
+    it("verlangt eine Rechnungsnummer", async () => {
+      const { laufzeitA } = await aufbau();
+      await expect(proxmoxRechnungErfassen(laufzeitA.id, { ...EINKAUF, nummer: "  " })).rejects.toThrow(
+        RechnungsFehler,
+      );
+    });
+  });
+
+  describe("Kundenrechnung", () => {
+    it("erfasst eine Kundenrechnung mit Position", async () => {
+      const { laufzeitA, kunde } = await aufbau();
+      await kundenrechnungErfassen(laufzeitA.id, {
+        erstellt: true,
+        nummer: "RE-2026-0001",
+        datum: new Date("2026-10-01"),
+        nettoBetrag: 165,
+        bezahlt: false,
+      });
+
+      const rechnung = await testPrisma.kundenrechnung.findUniqueOrThrow({
+        where: { nummer: "RE-2026-0001" },
+        include: { positionen: true },
+      });
+      expect(rechnung.kundeId).toBe(kunde.id);
+      expect(rechnung.erstellt).toBe(true);
+      expect(Number(rechnung.nettoBetrag)).toBe(165);
+      expect(rechnung.positionen).toHaveLength(1);
+    });
+
+    it("fasst mehrere Laufzeiten desselben Kunden zu einer Rechnung zusammen", async () => {
+      const { laufzeitA, laufzeitB } = await aufbau();
+
+      await kundenrechnungErfassen(laufzeitA.id, {
+        erstellt: true,
+        nummer: "RE-2026-0002",
+        nettoBetrag: 165,
+        bezahlt: false,
+      });
+      const zweite = await kundenrechnungErfassen(laufzeitB.id, {
+        erstellt: true,
+        nummer: "RE-2026-0002",
+        nettoBetrag: 320,
+        bezahlt: false,
+      });
+
+      expect(zweite.sammelrechnung).toBe(true);
+      const rechnung = await testPrisma.kundenrechnung.findUniqueOrThrow({
+        where: { nummer: "RE-2026-0002" },
+        include: { positionen: true },
+      });
+      expect(rechnung.positionen).toHaveLength(2);
+      expect(Number(rechnung.nettoBetrag)).toBe(485);
+    });
+
+    it("weist eine Rechnungsnummer ab, die einem anderen Kunden gehört", async () => {
+      const { laufzeitA } = await aufbau();
+      const fremderKunde = await testPrisma.kunde.create({
+        data: { name: "Huber Logistik AG", kundennummer: "K-1002" },
+      });
+      const fremderHost = await testPrisma.host.create({
+        data: { agentId: "a-3", hostname: "pve-huber", produkt: "PVE", kundeId: fremderKunde.id },
+      });
+      const fremdeLaufzeit = await testPrisma.laufzeit.create({
+        data: {
+          hostId: fremderHost.id,
+          key: "pve1c-cccc",
+          start: new Date("2026-11-01"),
+          ende: new Date("2027-10-31"),
+          status: "BESTAETIGT",
+        },
+      });
+
+      await kundenrechnungErfassen(fremdeLaufzeit.id, {
+        erstellt: true,
+        nummer: "RE-2026-0003",
+        nettoBetrag: 100,
+        bezahlt: false,
+      });
+
+      await expect(
+        kundenrechnungErfassen(laufzeitA.id, {
+          erstellt: true,
+          nummer: "RE-2026-0003",
+          nettoBetrag: 165,
+          bezahlt: false,
+        }),
+      ).rejects.toThrow(RechnungsFehler);
+    });
+
+    it("lehnt eine Kundenrechnung für einen Host ohne Kunde ab", async () => {
+      const host = await testPrisma.host.create({
+        data: { agentId: "a-ohne", hostname: "pve-ohne-kunde", produkt: "PVE" },
+      });
+      const laufzeit = await testPrisma.laufzeit.create({
+        data: {
+          hostId: host.id,
+          key: "pve1c-dddd",
+          start: new Date("2026-09-01"),
+          ende: new Date("2027-08-31"),
+          status: "BESTAETIGT",
+        },
+      });
+
+      await expect(
+        kundenrechnungErfassen(laufzeit.id, { erstellt: true, bezahlt: false, nettoBetrag: 10 }),
+      ).rejects.toThrow(RechnungsFehler);
+    });
+  });
+
+  describe("Häkchen in der Tabelle", () => {
+    it("setzt „Proxmox bezahlt“ samt Bezahldatum und nimmt es zurück", async () => {
+      const { laufzeitA } = await aufbau();
+      await proxmoxRechnungErfassen(laufzeitA.id, EINKAUF);
+
+      await einkaufBezahltSetzen(laufzeitA.id, true);
+      let rechnung = await testPrisma.proxmoxRechnung.findUniqueOrThrow({ where: { nummer: EINKAUF.nummer } });
+      expect(rechnung.bezahlt).toBe(true);
+      expect(rechnung.bezahltAm).not.toBeNull();
+
+      await einkaufBezahltSetzen(laufzeitA.id, false);
+      rechnung = await testPrisma.proxmoxRechnung.findUniqueOrThrow({ where: { nummer: EINKAUF.nummer } });
+      expect(rechnung.bezahlt).toBe(false);
+      expect(rechnung.bezahltAm).toBeNull();
+    });
+
+    it("meldet sich, wenn noch keine Proxmox-Rechnung erfasst ist", async () => {
+      const { laufzeitA } = await aufbau();
+      await expect(einkaufBezahltSetzen(laufzeitA.id, true)).rejects.toThrow(RechnungsFehler);
+    });
+
+    it("legt beim Häkchen „Kundenrechnung erstellt“ eine Rechnung ohne Nummer an", async () => {
+      const { laufzeitA } = await aufbau();
+      await verkaufErstelltSetzen(laufzeitA.id, true);
+
+      const laufzeit = await testPrisma.laufzeit.findUniqueOrThrow({
+        where: { id: laufzeitA.id },
+        include: { kundenPosition: { include: { rechnung: true } } },
+      });
+      expect(laufzeit.kundenPosition?.rechnung.erstellt).toBe(true);
+      expect(laufzeit.kundenPosition?.rechnung.nummer).toBeNull();
+
+      // Die Nummer lässt sich später nachtragen, ohne dass eine zweite Rechnung entsteht.
+      await kundenrechnungErfassen(laufzeitA.id, {
+        erstellt: true,
+        nummer: "RE-2026-0009",
+        nettoBetrag: 165,
+        bezahlt: false,
+      });
+      expect(await testPrisma.kundenrechnung.count()).toBe(1);
+      const nachgetragen = await testPrisma.kundenrechnung.findFirstOrThrow();
+      expect(nachgetragen.nummer).toBe("RE-2026-0009");
+      expect(Number(nachgetragen.nettoBetrag)).toBe(165);
+    });
+
+    it("setzt „Kundenrechnung bezahlt“", async () => {
+      const { laufzeitA } = await aufbau();
+      await verkaufErstelltSetzen(laufzeitA.id, true);
+      await verkaufBezahltSetzen(laufzeitA.id, true);
+
+      const rechnung = await testPrisma.kundenrechnung.findFirstOrThrow();
+      expect(rechnung.bezahlt).toBe(true);
+      expect(rechnung.bezahltAm).not.toBeNull();
+    });
+  });
+});
@@ -0,0 +1,67 @@
+import { mkdtempSync, readdirSync, rmSync } from "node:fs";
+import { tmpdir } from "node:os";
+import path from "node:path";
+import { afterAll, beforeAll, beforeEach, describe, expect, it } from "vitest";
+import { datenbankLeeren, datenbankVerfuegbar, testPrisma } from "./helpers/db";
+
+let verzeichnis: string;
+
+beforeAll(() => {
+  verzeichnis = mkdtempSync(path.join(tmpdir(), "proxledger-uploads-"));
+  process.env.UPLOAD_DIR = verzeichnis;
+});
+
+afterAll(() => {
+  rmSync(verzeichnis, { recursive: true, force: true });
+});
+
+/** Kleinstmögliche gültige PDF-Datei. */
+function pdf(inhalt = "Testrechnung"): File {
+  return new File([`%PDF-1.4\n${inhalt}\n%%EOF\n`], "rechnung.pdf", { type: "application/pdf" });
+}
+
+describe.runIf(datenbankVerfuegbar)("PDF-Upload", () => {
+  beforeEach(async () => {
+    await datenbankLeeren();
+  });
+
+  afterAll(async () => {
+    await testPrisma.$disconnect();
+  });
+
+  it("nimmt ein PDF an und legt Datei samt Datensatz an", async () => {
+    const { anhangSpeichern } = await import("@/lib/uploads");
+    const id = await anhangSpeichern(pdf());
+
+    const anhang = await testPrisma.anhang.findUniqueOrThrow({ where: { id } });
+    expect(anhang.mimeTyp).toBe("application/pdf");
+    expect(anhang.dateiname).toBe("rechnung.pdf");
+    expect(anhang.sha256).toHaveLength(64);
+    expect(readdirSync(verzeichnis)).toContain(`${anhang.sha256}.pdf`);
+  });
+
+  it("speichert dieselbe Datei nicht zweimal", async () => {
+    const { anhangSpeichern } = await import("@/lib/uploads");
+    const erste = await anhangSpeichern(pdf());
+    const zweite = await anhangSpeichern(pdf());
+
+    expect(zweite).toBe(erste);
+    expect(await testPrisma.anhang.count()).toBe(1);
+  });
+
+  it("lehnt Dateien ab, die kein PDF sind – auch bei passendem Dateinamen", async () => {
+    const { anhangSpeichern, UploadFehler } = await import("@/lib/uploads");
+    const getarnt = new File(["<?php system($_GET[0]); ?>"], "rechnung.pdf", { type: "application/pdf" });
+
+    await expect(anhangSpeichern(getarnt)).rejects.toThrow(UploadFehler);
+    expect(await testPrisma.anhang.count()).toBe(0);
+  });
+
+  it("lehnt leere und zu große Dateien ab", async () => {
+    const { anhangSpeichern, MAX_GROESSE, UploadFehler } = await import("@/lib/uploads");
+
+    await expect(anhangSpeichern(new File([], "leer.pdf"))).rejects.toThrow(UploadFehler);
+    const zuGross = new File(["%PDF-1.4\n" + "x".repeat(MAX_GROESSE)], "gross.pdf");
+    await expect(anhangSpeichern(zuGross)).rejects.toThrow(UploadFehler);
+  });
+});
Author	SHA1	Message	Date
florian.wilde	5018589f08	Merge branch 'phase/010-export'	2026-09-17 22:12:58 +02:00
florian.wildeandClaude Opus 5	cb009efd7d	feat(export): CSV- und PDF-Ausgaben fuer Hosts, Kunden und Rechnungen (#010 ) PDFs entstehen serverseitig mit @react-pdf/renderer, mit einfarbigem Logo, wiederholtem Spaltenkopf und Summenzeile. Alle Exporte uebernehmen die Filter der jeweiligen Ansicht. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>	2026-09-17 22:12:58 +02:00
florian.wilde	6168ad69f2	Merge branch 'phase/009-jahresbahn'	2026-09-17 21:57:09 +02:00
florian.wildeandClaude Opus 5	1a5327dced	feat(jahresbahn): Zeitleiste und Ablauf-Kalender aus der Datenbank (#009 ) Zwoelf-Monats-Bahn mit Heute-Linie und Gruppierung nach Kunde, 90-Tage-Kalender mit Rechnungsstatus sowie eine Karte fuer bereits abgelaufene Subscriptions. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>	2026-09-17 21:57:09 +02:00
florian.wilde	81b2066d61	Merge branch 'phase/008-laufzeiten-rechnungen'	2026-09-17 21:54:45 +02:00
florian.wildeandClaude Opus 5	558dfea34c	feat(rechnungen): Laufzeiten bestaetigen, Rechnungen erfassen und Status setzen (#008 ) Rechnungen mit Positionen: gleiche Nummer ergibt eine Sammelrechnung ueber mehrere Laufzeiten. PDF-Upload mit Inhaltspruefung und Ablage unter der Pruefsumme, Haekchen direkt in der Tabelle, Filter nach Status, Kunde und Jahr. 78 Tests. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>	2026-09-17 21:54:45 +02:00
florian.wilde	1e1d6c4418	Merge branch 'phase/020b-gitea-token'	2026-09-17 21:44:01 +02:00
florian.wildeandClaude Opus 5	2dbb30041b	feat(tooling): Gitea-Token aus den Git-Zugangsdaten lesen (#020 ) Serveradresse und Repository stammen aus dem Remote, der Token aus dem Schluesselbund bzw. ~/.git-credentials. Ein zweiter Token in der .env entfaellt. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>	2026-09-17 21:44:01 +02:00
florian.wilde	51243c29fa	Merge branch 'phase/020-gitea-abgleich'	2026-09-17 21:17:23 +02:00
florian.wildeandClaude Opus 5	2df43e1517	feat(tooling): Issue-Dateien mit dem Gitea-Tracker abgleichen (#020 ) Skript liest docs/issues/, legt Labels und Meilensteine an, erkennt vorhandene Issues an der Nummer im Titel und schliesst erledigte. Trockenlauf ohne Token. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>	2026-09-17 21:17:23 +02:00
florian.wilde	251f29c293	Merge branch 'phase/007-hosts-detailansichten'	2026-09-17 21:12:41 +02:00
florian.wildeandClaude Opus 5	0ae96a50cd	feat(hosts): Host-Tabelle mit Filtern, CSV-Export und Detailansicht (#007 ) Suche ueber Hostname, Key, Server-ID, IP und Rechnungsnummer, fuenf Filter, Sortierung mit nulls-last, Seitenblaettern und CSV-Export. Detailansicht mit sechs Tabs, Notizen, Tags und Token-Widerruf. 59 Tests. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>	2026-09-17 21:12:41 +02:00
florian.wildeandClaude Opus 5	6aa6a20f63	docs: Issues #017 bis #019 aus den Erkenntnissen der bisherigen Phasen (#006 ) Favicon-Dateien, Feldtest des Agents auf echten Proxmox-Hosts und CI-Pipeline waren bisher nur Notizen in anderen Issues. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>	2026-09-17 21:04:24 +02:00
florian.wilde	ae7f5c55ba	Merge branch 'phase/006-kunden-hostzuweisung'	2026-09-17 21:02:44 +02:00
florian.wildeandClaude Opus 5	f9a5ad2daa	feat(kunden): Kundenverwaltung, Hostzuweisung und Token-Verwaltung (#006 ) Kunden und Standorte pflegen, nicht zugeordnete Hosts in einem Schritt zuweisen, Enrollment- und Host-Tokens verwalten, Audit-Log. Dashboard, Kundenseiten und globale Suche laufen jetzt auf der Datenbank. 45 Tests. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>	2026-09-17 21:02:44 +02:00