Phase 9 abgeschlossen: Übersicht, Beobachtungsliste, helles Thema, Messung

Die Übersicht beantwortet vier Fragen, die man morgens hat: woran arbeite ich,
was ist fällig, wo hat jemand geschrieben, was hat sich getan. Jede Liste
läuft durch visibleCaseWhere — das ist der Ort, an dem eine unachtsame
Abfrage am ehesten eine Akte verrät. Ein Test prüft jede einzeln gegen eine zu
hoch eingestufte Akte. Der bisherige Inhalt ("Dein Zugang") steht jetzt unter
/zugang.

Beobachten ist eine Merkliste, kein Recht: nur was sichtbar ist, lässt sich
merken, und steigt eine Akte später über die eigene Stufe, verschwindet sie
aus der Liste, ohne dass jemand aufräumt.

Das helle Thema tauscht nur die semantische Ebene; die Grundpalette bleibt.
Die Klassifizierungsfarben sind für hellen Grund eine Spur dunkler, im Farbton
aber dieselben — eine Stufe muss in beiden Themen wiedererkennbar sein. Drei
Zustände, "wie das System" ist der Auslieferungszustand, und ein Skript im
Kopf setzt die Wahl, bevor das erste Mal gemalt wird.

Die Messung misst nicht den Nutzer. web-vitals schickt Zahlen und das
Routenmuster, keine Kennung und keinen konkreten Pfad: wer wann welche Akte
geöffnet hat, steht im Zugriffsprotokoll, und eine zweite Spur daneben wäre
eine Überwachungsfunktion ohne Auftrag. Ausgewertet wird Median und 75.
Perzentil, nicht der Mittelwert.

Mobil: die breiten Tabellen scrollen in sich, statt die Seite breiter zu
machen. Ein e2e-Test hält fest, dass keine Seite waagerecht überläuft.

scripts/restore-test.sh spielt eine Sicherung in eine Wegwerf-Datenbank und
prüft ausdrücklich, dass Regeln und Trigger mitkommen: eine Wiederherstellung
ohne entry_no_delete wäre eine Datenbank ohne die Zusicherung, um derentwillen
das System gebaut wird. Einmal durchgespielt, alles angekommen.

186 Tests im Web-Paket, 17 in der Datenbank, 7 im Worker, 54 e2e.
Grösste Route 116,2 von 120 kB.

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

web/app/api/vitals/route.ts

@@ -0,0 +1,59 @@
+import { NextResponse } from 'next/server'
+import { db } from '@/lib/db'
+import { getCurrentUser } from '@/lib/auth/current'
+
+export const runtime = 'nodejs'
+export const dynamic = 'force-dynamic'
+
+const METRIKEN = new Set(['LCP', 'INP', 'CLS', 'TTFB', 'FCP'])
+const BEWERTUNGEN = new Set(['good', 'needs-improvement', 'poor'])
+
+/**
+ * Nimmt Ladewerte aus dem Browser entgegen.
+ *
+ * **Was hier ankommt, wird geprüft und beschnitten**, bevor es in die
+ * Datenbank geht: nur bekannte Metriken, nur plausible Zahlen, und die Route
+ * als Muster statt als konkreter Pfad. Ein Endpunkt, der ungeprüft
+ * Zeichenketten aus dem Browser speichert, ist ein Ablagefach für Fremde.
+ *
+ * Der Nutzer wird **nicht** mitgeschrieben. Wer wann welche Akte geöffnet hat,
+ * steht im Zugriffsprotokoll — dort gehört es hin, dort ist es geregelt, und
+ * eine zweite Spur daneben wäre eine Überwachungsfunktion ohne Auftrag.
+ */
+export async function POST(request: Request): Promise<Response> {
+  // Angemeldet sein muss man trotzdem: sonst ist es ein offener Schreibzugang.
+  const user = await getCurrentUser()
+  if (!user) return new NextResponse(null, { status: 404 })
+
+  let daten: unknown
+  try {
+    daten = await request.json()
+  } catch {
+    return new NextResponse(null, { status: 400 })
+  }
+
+  const eintrag = daten as Record<string, unknown>
+  const metric = String(eintrag.metric ?? '')
+  const rating = String(eintrag.rating ?? '')
+  const value = Number(eintrag.value)
+  const route = String(eintrag.route ?? '').slice(0, 120)
+
+  if (!METRIKEN.has(metric) || !BEWERTUNGEN.has(rating)) {
+    return new NextResponse(null, { status: 400 })
+  }
+  // CLS liegt bei 0..1, die Zeiten in Millisekunden. Alles darüber ist Unfug
+  // oder ein Messfehler und würde nur den Durchschnitt verderben.
+  if (!Number.isFinite(value) || value < 0 || value > 600_000) {
+    return new NextResponse(null, { status: 400 })
+  }
+
+  try {
+    await db.webVital.create({ data: { metric, value, route, rating } })
+  } catch (error) {
+    console.error('[vitals] nicht gespeichert', error)
+  }
+
+  // Der Browser sendet das per `sendBeacon` und interessiert sich nicht für
+  // die Antwort.
+  return new NextResponse(null, { status: 204 })
+}