Phase 4 abgeschlossen: Personalakten, Dokumente, Beteiligte, Verknüpfungen

Die Dokumentebene aus docs/13 ist gebaut, additiv: Document, DocumentSection
und DocumentSectionVersion neben Case, CaseSection und CaseEntry. Ein Dokument
hängt an einer Fallakte, an einer Personalakte oder an nichts, höchstens an
einem — gesichert durch eine CHECK-Bedingung. Es gibt kein DELETE; eine
Zurücknahme lässt einen Grabstein stehen, der auch für den Admin zu ist.

Eine neue Dokumentart ist damit ein Datensatz, kein Deployment. Im Seed stehen
vier: vermerk, vorfallsbericht, sonderarbeitsvertrag (mehrseitiger Vertragstext
mit Platzhaltern und Unterschriftenzeilen) und bussgeld.

Zwei Umbenennungen, beide von Hand migriert, damit die vorhandenen Zeilen und
Zählerstände stehen bleiben:
- CaseTemplate -> DocumentTemplate, plus uses[] und layout
- CaseCounter -> NumberSeries, ein Nummernkreis je Präfix für Aktenzeichen
  und Dokumentnummern

Die Regeln für Abschnitte stehen jetzt einmal in lib/sections/render.ts und
gelten für Fallakten und Dokumente gleichermaßen. Die Frage aus docs/13, ob
CaseSection langfristig in die Dokumentebene wandert, ist damit verneint und
begründet.

Rückverweise auf der Personalakte laufen durch visibleCaseWhere, die Zahl
daneben entsteht aus dem gefilterten Ergebnis. Auch die Rollengruppe
verschwindet mit, sonst verriete "Betroffener" ohne Eintrag die Ermittlung.
Die eigene Personalakte ist keine Ausnahme von der Freigabestufe.

Vier neue Rechte: document.create, .edit, .finalize, .retract. Das letzte
steht bei den zurückgehaltenen, es greift in Geschriebenes ein.

91 Tests im Web-Paket, 15 in der Datenbank, 28 e2e. Größte Route 118 kB
gegen das Budget von 120 kB — die Luft wird knapp.

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

web/components/documents/DocumentList.tsx

@@ -0,0 +1,60 @@
+import Link from 'next/link'
+import { de } from '@/lib/i18n/de'
+import { StampMark, classificationEdgeStyle } from '@/components/StampMark'
+
+type Eintrag = {
+  id: string
+  documentNumber: string
+  title: string
+  status: string
+  layout: string
+  classification: number
+  createdAt: Date
+  retractedAt: Date | null
+}
+
+/**
+ * Dokumente eines Besitzers. Die Liste ist bereits gefiltert — was hier
+ * ankommt, darf der Leser sehen. Kein Ausblenden im Client.
+ */
+export function DocumentList({
+  documents,
+  levelName,
+}: {
+  documents: Eintrag[]
+  levelName: Map<number, string>
+}) {
+  if (documents.length === 0) {
+    return <p className="text-text-dim">{de.document.empty}</p>
+  }
+
+  return (
+    <ul className="border-t border-line">
+      {documents.map((doc) => (
+        <li key={doc.id} className="border-b border-line">
+          <Link
+            href={`/dokumente/${doc.documentNumber}`}
+            prefetch
+            className="flex flex-wrap items-baseline gap-x-4 gap-y-1 py-3 pl-3 text-text no-underline"
+            style={classificationEdgeStyle(doc.classification)}
+          >
+            <span className="font-mono text-xs text-text-dim">{doc.documentNumber}</span>
+            <span className={`grow ${doc.retractedAt ? 'line-through text-text-dim' : ''}`}>
+              {doc.title}
+            </span>
+            <span className="font-condensed text-2xs text-text-dim">
+              {de.document.layoutNames[doc.layout] ?? doc.layout}
+            </span>
+            <span className="font-condensed text-2xs text-text-dim">
+              {de.document.statusNames[doc.status] ?? doc.status}
+            </span>
+            <StampMark
+              level={doc.classification}
+              name={levelName.get(doc.classification) ?? de.common.unknown}
+            />
+          </Link>
+        </li>
+      ))}
+    </ul>
+  )
+}

web/components/documents/NewDocument.tsx

@@ -0,0 +1,130 @@
+'use client'
+
+import { useActionState, useState } from 'react'
+import { de } from '@/lib/i18n/de'
+import { createDocumentAction, type ActionResult } from '@/app/(app)/dokumente/actions'
+
+/**
+ * Dokument anlegen, an einer Fallakte oder an einer Personalakte.
+ *
+ * Die Vorlagenliste kommt vom Server und enthält nur, was an dieser Stelle
+ * erlaubt ist. Geprüft wird das trotzdem noch einmal beim Anlegen — die
+ * Auswahl im Formular ist eine Bequemlichkeit, keine Sicherung.
+ */
+export function NewDocument({
+  templates,
+  levels,
+  defaultLevel,
+  caseNumber,
+  personnelFileId,
+}: {
+  templates: { key: string; name: string; description: string | null; layout: string }[]
+  levels: { level: number; name: string }[]
+  defaultLevel: number
+  caseNumber?: string
+  personnelFileId?: string
+}) {
+  const [open, setOpen] = useState(false)
+  const [state, action, pending] = useActionState<ActionResult | null, FormData>(
+    createDocumentAction,
+    null,
+  )
+
+  if (templates.length === 0) return null
+
+  if (!open) {
+    return (
+      <button
+        type="button"
+        onClick={() => setOpen(true)}
+        className="border border-line bg-raised px-3 py-1 font-condensed text-2xs text-accent"
+      >
+        {de.document.create}
+      </button>
+    )
+  }
+
+  return (
+    <form action={action} className="border border-line p-4">
+      {caseNumber ? <input type="hidden" name="caseNumber" value={caseNumber} /> : null}
+      {personnelFileId ? (
+        <input type="hidden" name="personnelFileId" value={personnelFileId} />
+      ) : null}
+
+      <p className="font-condensed text-xs text-text-dim">{de.document.createTitle}</p>
+
+      <div className="mt-3 grid gap-4 sm:grid-cols-2">
+        <div>
+          <label htmlFor="templateKey" className="font-condensed text-2xs text-text-dim">
+            {de.document.kind}
+          </label>
+          <select
+            id="templateKey"
+            name="templateKey"
+            required
+            className="mt-1 block w-full border border-line bg-raised px-3 py-2 text-sm"
+          >
+            {templates.map((template) => (
+              <option key={template.key} value={template.key}>
+                {template.name}
+              </option>
+            ))}
+          </select>
+        </div>
+
+        <div>
+          <label htmlFor="classification" className="font-condensed text-2xs text-text-dim">
+            {de.clearance.classification}
+          </label>
+          <select
+            id="classification"
+            name="classification"
+            defaultValue={defaultLevel}
+            className="mt-1 block w-full border border-line bg-raised px-3 py-2 text-sm"
+          >
+            {levels.map((level) => (
+              <option key={level.level} value={level.level}>
+                {level.level} · {level.name}
+              </option>
+            ))}
+          </select>
+        </div>
+
+        <div className="sm:col-span-2">
+          <label htmlFor="doc-title" className="font-condensed text-2xs text-text-dim">
+            {de.document.title}
+          </label>
+          <input
+            id="doc-title"
+            name="title"
+            maxLength={200}
+            className="mt-1 block w-full border border-line bg-raised px-3 py-2 text-sm"
+          />
+        </div>
+      </div>
+
+      <p className="mt-2 text-2xs text-text-dim">{de.document.createHint}</p>
+
+      {state && !state.ok ? (
+        <p className="mt-2 font-condensed text-2xs text-stamp-4">{state.error}</p>
+      ) : null}
+
+      <div className="mt-3 flex gap-3">
+        <button
+          type="submit"
+          disabled={pending}
+          className="border border-line bg-raised px-3 py-1 font-condensed text-2xs text-accent disabled:text-text-dim"
+        >
+          {pending ? de.common.loading : de.document.create}
+        </button>
+        <button
+          type="button"
+          onClick={() => setOpen(false)}
+          className="font-condensed text-2xs text-text-dim"
+        >
+          {de.common.cancel}
+        </button>
+      </div>
+    </form>
+  )
+}