Phase 7 abgeschlossen: Suche mit gestuftem Index, Facetten, Palette

Der bisherige Suchvektor enthielt nur, was jeder sehen darf. Das war
leck-sicher und unbrauchbar zugleich: ab Stufe 1 fand die Suche nichts von
dem, was einen Fall ausmacht.

SearchIndex hält jetzt sechs Zeilen je Ziel, eine pro Freigabestufe. Die Zeile
zur Stufe N enthält alles, was ein Leser dieser Stufe sehen darf. Eine Suche
nimmt genau diese eine Zeile und kann deshalb nichts finden, was sie nicht
lesen darf — auch keinen höher eingestuften Eintrag in einer sichtbaren Akte.

Schwärzungen werden dabei stufenweise aufgelöst: strip_redactions_above
entfernt nur, was über der Stufe liegt. Sonst fände ein Leser der Stufe 4
einen Namen nicht, den er auf der Seite im Klartext sieht, und ein Leser der
Stufe 1 einen, den er dort nur als Balken sieht.

Die Suchbedingung ist nicht die Zugriffsprüfung: der Volltext liefert
Kandidaten, die Sichtbarkeit kommt aus visibleCaseWhere — derselben Funktion
wie in der Fallliste, und Treffer, Trefferzahl und Facettenzähler entstehen
gemeinsam in einer Abfrage. Eine in SQL nachgebaute Sichtbarkeitsregel wäre
die Sorte Duplikat, die auseinanderläuft.

Filter stehen in der Adresse. Damit ist jeder Zustand teilbar, der
Zurück-Knopf tut das Richtige, und eine gespeicherte Ansicht ist ein
Lesezeichen. Die mitgelieferten Ansichten stehen im Programm, weil sie von der
Gegenwart abhängen.

Strg+K öffnet die Kommandopalette. Im Grundgerüst steckt nur das
Tastaturereignis, die Palette selbst wird beim Öffnen geholt — das kostet die
anderen Seiten rund hundert Byte.

Offen geblieben: "Zuletzt geöffnet" als Ansicht. Dafür müsste jeder Aufruf
jeder Akte mitgeschrieben werden; das wäre eine Überwachungsfunktion, die
niemand bestellt hat. In TASKS vermerkt.

165 Tests im Web-Paket, 17 in der Datenbank, 7 im Worker, 34 e2e.
Grösste Route bei 119,7 kB gegen 120 erlaubte.

web/app/(app)/suche/SearchBox.tsx

@@ -0,0 +1,57 @@
+'use client'
+
+import { useEffect, useRef, useState, useTransition } from 'react'
+import { useRouter } from 'next/navigation'
+import { searchText } from '@/lib/i18n/shell'
+import { toSearchParams, type SearchFilters } from '@/lib/search/query'
+
+const DEBOUNCE_MS = 250
+
+/**
+ * Das Suchfeld.
+ *
+ * Tippen schreibt in die Adresse, mit 250 ms Verzögerung — dadurch ist jeder
+ * Zustand teilbar und der Zurück-Knopf tut das Richtige. Während die neue
+ * Seite lädt, bleiben die alten Treffer stehen und werden gedimmt, statt zu
+ * verschwinden. Siehe docs/09-performance-und-ux.md.
+ *
+ * Einen `AbortController` braucht es hier nicht: der Router verwirft eine
+ * überholte Navigation von selbst, und `useTransition` sagt uns, ob noch eine
+ * läuft.
+ */
+export function SearchBox({ filters }: { filters: SearchFilters }) {
+  const router = useRouter()
+  const [text, setText] = useState(filters.q)
+  const [pending, startTransition] = useTransition()
+  const timer = useRef<ReturnType<typeof setTimeout> | null>(null)
+
+  // Kommt der Begriff von aussen (Zurück-Knopf, gespeicherte Ansicht), muss
+  // das Feld mitgehen.
+  useEffect(() => {
+    setText(filters.q)
+  }, [filters.q])
+
+  function suchen(wert: string) {
+    setText(wert)
+    if (timer.current) clearTimeout(timer.current)
+    timer.current = setTimeout(() => {
+      startTransition(() => {
+        router.replace(`/suche?${toSearchParams({ ...filters, q: wert, cursor: undefined })}`)
+      })
+    }, DEBOUNCE_MS)
+  }
+
+  return (
+    <div className="mt-4" data-pending={pending ? '' : undefined}>
+      <input
+        type="search"
+        value={text}
+        onChange={(event) => suchen(event.target.value)}
+        placeholder={searchText.placeholder}
+        aria-label={searchText.placeholder}
+        autoFocus
+        className="w-full max-w-xl border border-line bg-raised px-3 py-2 text-sm"
+      />
+    </div>
+  )
+}