Phase 1: Stammdatenverwaltung

Ab hier fuehrt die Wehr ihren Bestand in FLORIAN.

Datenmodell:
- Standort, Geraeteraum, Geraetetyp, Qualifikationstyp und Qualifikation
- Fahrzeug um Fahrgestellnummer, DIN-Typ, Erstzulassung, Sitzplaetze,
  Tankinhalt und UVV-Frist erweitert
- Geraet um Geraetetyp, Lebensdauerkategorie, errechnetes Lebensdauerende,
  Anschaffungspreis und die Lagerung erweitert
- Ein Geraet steht entweder an einem Standort oder ist auf einem Fahrzeug
  verlastet. Eine Pruefbedingung setzt das durch, ein Trigger stellt zusaetzlich
  sicher, dass ein angegebener Geraeteraum zum angegebenen Fahrzeug gehoert.
- RLS auf allen neuen Tabellen, Trigram-Indizes fuer die Volltextsuche

Fachlogik:
- lib/stammdaten/fristen.ts rechnet Prueftermine, Lebensdauer und den
  abgeleiteten Geraetestatus. Der Geraetetyp gibt vor, das Geraet darf
  abweichen.
- lib/stammdaten/qr.ts und qr-parser.ts erzeugen und lesen die Codes
- lib/stammdaten/etiketten.ts baut den A4-Bogen mit 65 Etiketten
- lib/stammdaten/import.ts liest CSV und Excel, erkennt deutsche Datums- und
  Zahlenformate, Windows-1252 und Dubletten innerhalb der Datei
- lib/pdf.ts spricht Gotenberg an

Oberflaeche:
- Geraeteliste mit Volltextsuche, Statusfilter, serverseitiger Sortierung,
  Blaettern, Spaltenauswahl und Massenbearbeitung
- Geraetedetail mit QR-Code, Pruefvorgabe aus dem Geraetetyp und Verlauf
- Fahrzeugliste und -detail mit Beladung nach Beladeordnung
- Mitgliederliste nach Abteilung, Mitgliedsdetail mit Qualifikationen
- Qualifikationen mit Ablaufwarnung je Vorwarnzeit des Typs
- Import-Assistent mit Zuordnung und Vorschau vor dem Uebernehmen
- QR-Scanner ueber die Kamera, mit Eingabefeld als Rueckfallweg

Behoben:
- Fristenrechnung lief ueber startOfDay aus date-fns und damit in der Zeitzone
  des Servers. Ein DATE aus der Datenbank kommt als UTC-Mitternacht und wurde
  dadurch auf den Vortag geschoben — Fristen waeren einen Tag zu frueh faellig
  geworden. Jetzt eigene Kalenderarithmetik auf UTC-Bestandteilen.
- ctx.sitzung blieb in tRPC-Prozeduren nullbar, weil t.middleware() die
  Verengung der vorigen Middleware verwirft. Middleware jetzt direkt an .use().
- CardTitle war ein div und damit keine Ueberschrift. Wer mit einer
  Sprachausgabe arbeitet, springt von Ueberschrift zu Ueberschrift; Karten
  tauchten in dieser Navigation nicht auf.

Daten und Tests:
- Seed um 3 Standorte, 20 Geraeteraeume, 14 Geraetetypen mit echten
  Pruefvorgaben, 49 Geraete und 107 Qualifikationen erweitert
- 104 Vitest-Tests (vorher 32), 44 Playwright-Tests (vorher 10)
- Anleitung um sieben bebilderte Abschnitte erweitert, Changelog, Devlog,
  Aufwandsschaetzung und Roadmap fortgeschrieben

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

scripts/screenshots.ts

@@ -44,8 +44,82 @@ const AUFNAHMEN: Aufnahme[] = [
     beschreibung: "Übersicht nach der Anmeldung",
     angemeldet: true,
   },
+  {
+    name: "03-geraeteliste",
+    pfad: "/geraete",
+    beschreibung: "Geräteliste mit Suche, Filter und Spaltenauswahl",
+    angemeldet: true,
+  },
+  {
+    name: "05-fahrzeuge",
+    pfad: "/fahrzeuge",
+    beschreibung: "Fahrzeugübersicht",
+    angemeldet: true,
+  },
+  {
+    name: "07-mitglieder",
+    pfad: "/mitglieder",
+    beschreibung: "Mitgliederliste nach Abteilung",
+    angemeldet: true,
+  },
+  {
+    name: "08-qualifikationen",
+    pfad: "/qualifikationen",
+    beschreibung: "Qualifikationen mit Ablaufwarnung",
+    angemeldet: true,
+  },
+  {
+    name: "09-import",
+    pfad: "/geraete/importieren",
+    beschreibung: "Import-Assistent",
+    angemeldet: true,
+  },
 ];
 
+/**
+ * Seiten, deren Adresse erst zur Laufzeit feststeht — die Kennung eines
+ * Geräts oder Fahrzeugs kennt das Skript vorher nicht.
+ */
+const DYNAMISCHE_AUFNAHMEN: Array<{
+  name: string;
+  beschreibung: string;
+  /** Findet den Link auf der Übersichtsseite. */
+  von: string;
+  linkMuster: RegExp;
+}> = [
+  {
+    name: "04-geraet",
+    beschreibung: "Gerätedetail mit QR-Code und Verlauf",
+    von: "/geraete",
+    linkMuster: /^\/geraete\/[0-9a-f-]{36}$/,
+  },
+  {
+    name: "06-fahrzeug",
+    beschreibung: "Fahrzeugdetail mit Beladung nach Geräteräumen",
+    von: "/fahrzeuge",
+    linkMuster: /^\/fahrzeuge\/[0-9a-f-]{36}$/,
+  },
+];
+
+/**
+ * Wartet, bis die Seite wirklich fertig ist.
+ *
+ * "networkidle" genügt nicht: Listen holen ihre Daten über tRPC nach, und der
+ * Aufruf startet erst, nachdem React im Browser gelaufen ist. Ohne dieses
+ * Warten zeigen die Bilder Platzhalterbalken statt echter Daten.
+ */
+async function fertigGeladen(seite: Page): Promise<void> {
+  await seite.waitForLoadState("networkidle");
+  try {
+    await seite.waitForFunction(() => !document.querySelector(".animate-pulse"), undefined, {
+      timeout: 15_000,
+    });
+  } catch {
+    console.warn("[screenshots] Ladeanzeige blieb stehen — Bild wird trotzdem gemacht.");
+  }
+  await seite.waitForTimeout(500);
+}
+
 async function anmelden(seite: Page): Promise<void> {
   await seite.goto(`${BASIS}/anmelden`, { waitUntil: "networkidle" });
   await seite.getByLabel("E-Mail-Adresse").fill(ADMIN_EMAIL);
@@ -79,8 +153,34 @@ async function main(): Promise<void> {
       }
 
       await seite.goto(`${BASIS}${aufnahme.pfad}`, { waitUntil: "networkidle" });
-      // Kurz warten, damit Übergänge und Symbole fertig gezeichnet sind.
-      await seite.waitForTimeout(400);
+      await fertigGeladen(seite);
+
+      const datei = path.join(ZIEL, `${aufnahme.name}-${darstellung}.png`);
+      await seite.screenshot({ path: datei, fullPage: true });
+      console.info(`[screenshots] ${aufnahme.beschreibung} (${darstellung}) -> ${datei}`);
+    }
+
+    // Detailseiten: die erste Kennung von der jeweiligen Übersicht holen.
+    for (const aufnahme of DYNAMISCHE_AUFNAHMEN) {
+      await seite.goto(`${BASIS}${aufnahme.von}`, { waitUntil: "networkidle" });
+      await fertigGeladen(seite);
+
+      const ziele = await seite
+        .locator("a[href]")
+        .evaluateAll((elemente) =>
+          elemente
+            .map((element) => element.getAttribute("href") ?? "")
+            .filter((href) => href.startsWith("/")),
+        );
+
+      const treffer = ziele.find((href) => aufnahme.linkMuster.test(href));
+      if (!treffer) {
+        console.warn(`[screenshots] Kein Ziel für ${aufnahme.name} gefunden — übersprungen.`);
+        continue;
+      }
+
+      await seite.goto(`${BASIS}${treffer}`, { waitUntil: "networkidle" });
+      await fertigGeladen(seite);
 
       const datei = path.join(ZIEL, `${aufnahme.name}-${darstellung}.png`);
       await seite.screenshot({ path: datei, fullPage: true });