Vollständiger Statusfilter, Beteiligte beim Anlegen, Knöpfe in den Listen

Vier Sachen aus der Durchsicht.

**Der Statusfilter zeigte fünf von sieben Zuständen.** DRAFT und SEALED
fehlten — ausgerechnet die beiden, die in der Liste am häufigsten standen; man
konnte nach dem, was man sah, gerade nicht filtern. Das erklärt auch die Frage,
was „In Prüfung" und „Ruhend" bedeuten: die Zustände standen nirgends in der
Oberfläche. Jetzt alle sieben in der Reihenfolge des Lebenszyklus, mit einer
Erklärung als title, und Versiegelt nur für den, der Versiegeltes lesen darf.
Ein Test verlangt zu jedem Zustand einen Namen und eine Erklärung.

**Beliebig viele Beteiligte beim Anlegen.** Das Formular kannte genau eine
„betroffene Person", und die Rolle war auf SUBJECT festgelegt. Jetzt beliebig
viele Zeilen mit je einer Rolle, Konten und Personalakten in einer Auswahl, wie
auf der Aktenseite. Die Zerlegung steht als parseParticipantDrafts in
lib/cases/terms.ts und nicht in der Server Action: seit die Rolle über den
Zugriff entscheidet, darf eine erfundene Rolle nicht durchrutschen.

**Die Filterleisten sind Knöpfe** wie überall sonst, mit gefülltem aktivem
Filter.

**Keine leere Kennungsspalte mehr.** In „Zuletzt geöffnet" stand bei einer
Person nichts, wo sonst das Aktenzeichen steht — jetzt steht dort
„Personalakte". Nebenbei zwei Stellen zurückgenommen, an denen die
Spaltenklasse im Seitenkopf gelandet war statt in einer Zeile.

web/app/(app)/faelle/page.tsx

@@ -4,6 +4,7 @@ import { db } from '@/lib/db'
 import { requireUser } from '@/lib/auth/current'
 import { visibleCaseWhere } from '@/lib/access/caseFilter'
 import { de } from '@/lib/i18n/de'
+import { CASE_STATUSES } from '@/lib/cases/terms'
 import { StampMark, classificationEdgeStyle } from '@/components/StampMark'
 
 export const metadata: Metadata = { title: de.case.listHeading }
@@ -72,18 +73,35 @@ export default async function CaseListPage({
     <main className="mx-auto max-w-5xl px-6 py-10">
       <div className="flex flex-wrap items-baseline justify-between gap-4">
         <h1 className="font-condensed">{de.case.listHeading}</h1>
-        <span className="record-key">{de.case.countLabel(total)}</span>
+        <span className="font-mono text-xs text-text-dim">{de.case.countLabel(total)}</span>
       </div>
 
-      <nav className="mt-4 flex flex-wrap gap-3 font-condensed text-xs">
-        <Link href="/faelle">{de.case.filterAll}</Link>
-        {(['OPEN', 'REVIEW', 'DORMANT', 'CLOSED', 'ARCHIVED'] as const).map((value) => (
-          <Link key={value} href={`/faelle?status=${value}`}>
+      <nav className="mt-4 flex flex-wrap gap-2">
+        <Link href="/faelle" aria-current={status ? undefined : 'page'} className="btn btn-sm">
+          {de.case.filterAll}
+        </Link>
+        {/* Alle sieben Zustände, nicht fünf: „Entwurf" und „Versiegelt" fehlten,
+            und das waren ausgerechnet die beiden, die in der Liste am häufigsten
+            standen — man konnte nach dem filtern, was man sah, gerade nicht.
+            Versiegelt nur für den, der Versiegeltes überhaupt lesen darf. */}
+        {CASE_STATUSES.filter(
+          (value) =>
+            value !== 'SEALED' ||
+            user.permissions.isAdmin ||
+            user.permissions.clearanceLevel >= 5,
+        ).map((value) => (
+          <Link
+            key={value}
+            href={`/faelle?status=${value}`}
+            aria-current={status === value ? 'page' : undefined}
+            title={de.case.statusHints[value]}
+            className="btn btn-sm"
+          >
             {de.case.statusNames[value]}
           </Link>
         ))}
         {user.permissions.isAdmin || user.permissions.permissions.has('case.create') ? (
-          <Link href="/faelle/neu" className="ml-auto">
+          <Link href="/faelle/neu" className="ml-auto btn btn-sm btn-primary">
             {de.case.create}
           </Link>
         ) : null}