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.
2026-09-02 21:23:01 +02:00
parent cf4348b8b1
commit a49f4b5956
19 changed files with 1664 additions and 0 deletions
@@ -0,0 +1,106 @@
+'use client'
+
+import { useState, useTransition } from 'react'
+import Link from 'next/link'
+import { searchText } from '@/lib/i18n/shell'
+import { commonText } from '@/lib/i18n/common'
+import { deleteViewAction, saveViewAction } from './actions'
+
+/**
+ * Ansichten: die mitgelieferten und die eigenen.
+ *
+ * Beide sind dasselbe — eine Suchadresse. Die mitgelieferten stehen im
+ * Programm, weil sie von der Gegenwart abhängen („diese Woche"), die eigenen
+ * in der Datenbank.
+ */
+export function SavedViews({
+  builtins,
+  saved,
+  currentQuery,
+}: {
+  builtins: { key: string; params: string }[]
+  saved: { id: string; name: string; query: string }[]
+  currentQuery: string
+}) {
+  const [name, setName] = useState('')
+  const [offen, setOffen] = useState(false)
+  const [fehler, setFehler] = useState<string | null>(null)
+  const [pending, startTransition] = useTransition()
+
+  return (
+    <div className="mt-4 flex flex-wrap items-center gap-x-4 gap-y-2 text-2xs">
+      <span className="font-condensed text-text-dim">{searchText.views}</span>
+
+      {builtins.map((view) => (
+        <Link key={view.key} href={`/suche?${view.params}`} className="font-condensed">
+          {searchText.builtin[view.key] ?? view.key}
+        </Link>
+      ))}
+
+      {saved.map((view) => (
+        <span key={view.id} className="inline-flex items-baseline gap-1">
+          <Link href={`/suche?${view.query}`} className="font-condensed">
+            {view.name}
+          </Link>
+          <button
+            type="button"
+            disabled={pending}
+            title={searchText.deleteView}
+            onClick={() => startTransition(async () => void (await deleteViewAction({ id: view.id })))}
+            className="text-text-dim"
+          >
+            ×
+          </button>
+        </span>
+      ))}
+
+      {offen ? (
+        <span className="inline-flex items-center gap-2">
+          <input
+            value={name}
+            onChange={(event) => setName(event.target.value)}
+            placeholder={searchText.saveViewName}
+            aria-label={searchText.saveViewName}
+            maxLength={60}
+            className="border border-line bg-raised px-2 py-1"
+          />
+          <button
+            type="button"
+            disabled={pending || name.trim() === ''}
+            onClick={() =>
+              startTransition(async () => {
+                const ergebnis = await saveViewAction({ name, query: currentQuery })
+                if (ergebnis.ok) {
+                  setName('')
+                  setOffen(false)
+                } else {
+                  setFehler(ergebnis.error)
+                }
+              })
+            }
+            className="border border-line bg-raised px-2 py-1 font-condensed text-accent disabled:text-text-dim"
+          >
+            {commonText.save}
+          </button>
+          <button
+            type="button"
+            onClick={() => setOffen(false)}
+            className="font-condensed text-text-dim"
+          >
+            {commonText.cancel}
+          </button>
+        </span>
+      ) : (
+        <button
+          type="button"
+          onClick={() => setOffen(true)}
+          className="ml-auto font-condensed text-text-dim"
+        >
+          {searchText.saveView}
+        </button>
+      )}
+
+      {fehler ? <span className="font-condensed text-stamp-4">{fehler}</span> : null}
+    </div>
+  )
+}