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/app/(app)/dokumente/[documentNumber]/DocumentActions.tsx

@@ -0,0 +1,162 @@
+'use client'
+
+import { useState, useTransition } from 'react'
+import { de } from '@/lib/i18n/de'
+import {
+  finalizeDocumentAction,
+  reclassifyDocumentAction,
+  retractDocumentAction,
+} from '../actions'
+
+/**
+ * Ausfertigen, Zurückziehen, Umklassifizieren.
+ *
+ * Wie beim Fall bewusst **nicht** optimistisch: alle drei sind folgenreich.
+ * Das Ausfertigen fragt nach, das Zurückziehen verlangt eine Begründung — es
+ * gibt kein Löschen, der Grabstein bleibt stehen.
+ */
+export function DocumentActions({
+  documentNumber,
+  classification,
+  canFinalize,
+  canRetract,
+  canReclassify,
+  levels,
+}: {
+  documentNumber: string
+  classification: number
+  canFinalize: boolean
+  canRetract: boolean
+  canReclassify: boolean
+  levels: { level: number; name: string }[]
+}) {
+  const [reason, setReason] = useState('')
+  const [retracting, setRetracting] = useState(false)
+  const [nextLevel, setNextLevel] = useState(classification)
+  const [levelReason, setLevelReason] = useState('')
+  const [error, setError] = useState<string | null>(null)
+  const [pending, startTransition] = useTransition()
+
+  if (!canFinalize && !canRetract && !canReclassify) return null
+
+  const lowering = nextLevel < classification
+
+  function run(action: () => Promise<{ ok: boolean; error?: string }>) {
+    setError(null)
+    startTransition(async () => {
+      const result = await action()
+      if (!result.ok) setError(result.error ?? de.actionErrors.default!)
+      else setRetracting(false)
+    })
+  }
+
+  return (
+    <div className="mt-6 flex flex-wrap gap-x-10 gap-y-5 border-t border-line pt-5 text-xs">
+      {canFinalize ? (
+        <div>
+          <button
+            type="button"
+            disabled={pending}
+            onClick={() => {
+              if (!confirm(de.document.finalizeHint)) return
+              run(() => finalizeDocumentAction({ documentNumber }))
+            }}
+            className="border border-line bg-raised px-3 py-1 font-condensed text-accent disabled:text-text-dim"
+          >
+            {de.document.finalize}
+          </button>
+        </div>
+      ) : null}
+
+      {canReclassify ? (
+        <div>
+          <p className="font-condensed text-text-dim">{de.document.reclassify}</p>
+          <div className="mt-1.5 flex flex-wrap items-center gap-2">
+            <select
+              value={nextLevel}
+              onChange={(event) => setNextLevel(Number(event.target.value))}
+              aria-label={de.clearance.classification}
+              className="border border-line bg-raised px-2 py-1"
+            >
+              {levels.map((level) => (
+                <option key={level.level} value={level.level}>
+                  {level.level} · {level.name}
+                </option>
+              ))}
+            </select>
+            <button
+              type="button"
+              disabled={pending || nextLevel === classification}
+              onClick={() =>
+                run(() =>
+                  reclassifyDocumentAction({
+                    documentNumber,
+                    to: nextLevel,
+                    reason: levelReason,
+                  }),
+                )
+              }
+              className="border border-line bg-raised px-3 py-1 font-condensed text-accent disabled:text-text-dim"
+            >
+              {de.common.save}
+            </button>
+          </div>
+          {lowering ? (
+            <textarea
+              value={levelReason}
+              onChange={(event) => setLevelReason(event.target.value)}
+              rows={2}
+              placeholder={de.case.reclassifyReason}
+              aria-label={de.case.reclassifyReason}
+              className="mt-2 block w-full max-w-sm border border-line bg-raised px-3 py-2 text-2xs"
+            />
+          ) : null}
+        </div>
+      ) : null}
+
+      {canRetract ? (
+        <div>
+          {retracting ? (
+            <div>
+              <textarea
+                value={reason}
+                onChange={(event) => setReason(event.target.value)}
+                rows={2}
+                placeholder={de.document.retractReason}
+                aria-label={de.document.retractReason}
+                className="block w-full max-w-sm border border-line bg-raised px-3 py-2 text-2xs"
+              />
+              <div className="mt-2 flex gap-3">
+                <button
+                  type="button"
+                  disabled={pending || reason.trim().length < 10}
+                  onClick={() => run(() => retractDocumentAction({ documentNumber, reason }))}
+                  className="border border-line bg-raised px-3 py-1 font-condensed text-stamp-4 disabled:text-text-dim"
+                >
+                  {de.document.retract}
+                </button>
+                <button
+                  type="button"
+                  onClick={() => setRetracting(false)}
+                  className="font-condensed text-text-dim"
+                >
+                  {de.common.cancel}
+                </button>
+              </div>
+            </div>
+          ) : (
+            <button
+              type="button"
+              onClick={() => setRetracting(true)}
+              className="font-condensed text-text-dim"
+            >
+              {de.document.retract}
+            </button>
+          )}
+        </div>
+      ) : null}
+
+      {error ? <p className="w-full font-condensed text-2xs text-stamp-4">{error}</p> : null}
+    </div>
+  )
+}

web/app/(app)/dokumente/[documentNumber]/loading.tsx

@@ -0,0 +1,24 @@
+import { Skeleton, SkeletonLine } from '@/components/Skeleton'
+
+export default function Loading() {
+  return (
+    <main className="mx-auto max-w-5xl px-6 py-10">
+      <div className="pl-3">
+        <Skeleton className="h-[0.9rem]" width="9rem" />
+        <div className="mt-2">
+          <Skeleton className="h-[1.6rem]" width="20rem" />
+        </div>
+        <div className="mt-3 flex gap-8">
+          <Skeleton className="h-[0.8rem]" width="6rem" />
+          <Skeleton className="h-[0.8rem]" width="7rem" />
+        </div>
+      </div>
+      <div className="mt-10 space-y-6">
+        <SkeletonLine width="10rem" />
+        <SkeletonLine />
+        <SkeletonLine width="12rem" />
+        <SkeletonLine />
+      </div>
+    </main>
+  )
+}

web/app/(app)/dokumente/[documentNumber]/page.tsx

@@ -0,0 +1,194 @@
+import type { Metadata } from 'next'
+import { Suspense } from 'react'
+import Link from 'next/link'
+import { notFound } from 'next/navigation'
+import { db } from '@/lib/db'
+import { requireUser } from '@/lib/auth/current'
+import { recordRead, READ_AUDIT_FROM_LEVEL } from '@/lib/audit'
+import { loadDocumentSections, loadVisibleDocument } from '@/lib/documents/service'
+import {
+  canEditDocument,
+  canFinalizeDocument,
+  canRetractDocument,
+} from '@/lib/access/documentWrite'
+import { de } from '@/lib/i18n/de'
+import { StampMark, classificationEdgeStyle } from '@/components/StampMark'
+import { SkeletonLine } from '@/components/Skeleton'
+import { Sections } from '@/components/sections/Sections'
+import { saveDocumentSectionAction } from '../actions'
+import { DocumentActions } from './DocumentActions'
+import type { EffectivePermissions } from '@/lib/auth/permissions'
+
+export const dynamic = 'force-dynamic'
+
+export async function generateMetadata({
+  params,
+}: {
+  params: Promise<{ documentNumber: string }>
+}): Promise<Metadata> {
+  const { documentNumber } = await params
+  return { title: documentNumber }
+}
+
+async function Body({
+  document,
+  permissions,
+  canEdit,
+}: {
+  document: { id: string; templateId: string; documentNumber: string }
+  permissions: EffectivePermissions
+  canEdit: boolean
+}) {
+  const sections = await loadDocumentSections(permissions, document)
+  return (
+    <Sections
+      scope={`dokument:${document.documentNumber}`}
+      save={saveDocumentSectionAction.bind(null, document.documentNumber)}
+      sections={sections}
+      canEdit={canEdit}
+    />
+  )
+}
+
+/**
+ * Ein Dokument.
+ *
+ * Dieselbe Darstellung trägt einen Vorfallsbericht und einen mehrseitigen
+ * Vertrag: was sie unterscheidet, steht in der Vorlage, nicht hier.
+ * Siehe docs/13-entscheidungen.md.
+ */
+export default async function DocumentPage({
+  params,
+}: {
+  params: Promise<{ documentNumber: string }>
+}) {
+  const user = await requireUser()
+  const { documentNumber } = await params
+
+  const doc = await loadVisibleDocument(user.permissions, documentNumber)
+  // Kein Zugriff heisst 404, nicht 403.
+  if (!doc) notFound()
+
+  if (doc.classification >= READ_AUDIT_FROM_LEVEL) {
+    recordRead({
+      actorId: user.id,
+      action: 'document.read',
+      targetType: 'Document',
+      targetId: doc.id,
+      clearanceAtTime: user.permissions.clearanceLevel,
+      meta: { documentNumber: doc.documentNumber, classification: doc.classification },
+    })
+  }
+
+  const [levels, besitzer, verfasser] = await Promise.all([
+    db.clearanceLevelConfig.findMany({ orderBy: { level: 'asc' } }),
+    doc.caseId
+      ? db.case.findUnique({ where: { id: doc.caseId }, select: { caseNumber: true, title: true } })
+      : doc.personnelFileId
+        ? db.personnelFile.findUnique({
+            where: { id: doc.personnelFileId },
+            select: { id: true, displayName: true },
+          })
+        : Promise.resolve(null),
+    db.user.findMany({
+      where: {
+        id: {
+          in: [doc.createdById, doc.finalizedById, doc.retractedById].filter(
+            (id): id is string => id !== null,
+          ),
+        },
+      },
+      select: { id: true, displayName: true },
+    }),
+  ])
+
+  const level = levels.find((l) => l.level === doc.classification)
+  const nameOf = new Map(verfasser.map((v) => [v.id, v.displayName]))
+  const canEdit = canEditDocument(user.permissions, doc).ok
+
+  return (
+    <main className="mx-auto max-w-5xl px-6 py-10">
+      <header className="pl-3" style={classificationEdgeStyle(doc.classification)}>
+        <div className="flex flex-wrap items-baseline gap-x-4 gap-y-2">
+          <span className="font-mono text-xs text-text-dim">{doc.documentNumber}</span>
+          <StampMark level={doc.classification} name={level?.name ?? de.common.unknown} />
+        </div>
+        <h1 className="mt-2 font-condensed">{doc.title}</h1>
+
+        <dl className="mt-3 flex flex-wrap gap-x-8 gap-y-1 text-xs text-text-dim">
+          <div className="flex gap-2">
+            <dt className="font-condensed">{de.case.status}</dt>
+            <dd>{de.document.statusNames[doc.status] ?? doc.status}</dd>
+          </div>
+          <div className="flex gap-2">
+            <dt className="font-condensed">{de.document.kind}</dt>
+            <dd>{doc.templateKey}</dd>
+          </div>
+          <div className="flex gap-2">
+            <dt className="font-condensed">{de.case.createdBy}</dt>
+            <dd>{nameOf.get(doc.createdById) ?? doc.createdById}</dd>
+          </div>
+        </dl>
+
+        {besitzer ? (
+          <p className="mt-2 text-xs">
+            {'caseNumber' in besitzer ? (
+              <Link href={`/faelle/${besitzer.caseNumber}`}>
+                {de.document.ownerCase} · {besitzer.title}
+              </Link>
+            ) : (
+              <Link href={`/personalakten/${besitzer.id}`}>
+                {de.document.ownerPersonnel} · {besitzer.displayName}
+              </Link>
+            )}
+          </p>
+        ) : (
+          <p className="mt-2 text-xs text-text-dim">{de.document.ownerNone}</p>
+        )}
+
+        {doc.retractedAt ? (
+          <p className="mt-3 border-l-(length:--spacing-edge) border-stamp-4 pl-3 text-sm text-text-dim">
+            {de.document.retracted(
+              doc.retractedAt.toLocaleDateString('de-DE'),
+              nameOf.get(doc.retractedById ?? '') ?? doc.retractedById ?? de.common.unknown,
+              doc.retractionReason ?? '',
+            )}
+          </p>
+        ) : doc.finalizedAt ? (
+          <p className="mt-3 font-condensed text-2xs text-text-dim">
+            {de.document.finalized(
+              doc.finalizedAt.toLocaleDateString('de-DE'),
+              nameOf.get(doc.finalizedById ?? '') ?? doc.finalizedById ?? de.common.unknown,
+            )}
+          </p>
+        ) : null}
+
+        <DocumentActions
+          documentNumber={doc.documentNumber}
+          classification={doc.classification}
+          canFinalize={canFinalizeDocument(user.permissions, doc).ok}
+          canRetract={canRetractDocument(user.permissions, doc).ok}
+          canReclassify={canEdit}
+          levels={levels
+            .filter((l) => l.level <= user.permissions.clearanceLevel)
+            .map((l) => ({ level: l.level, name: l.name }))}
+        />
+      </header>
+
+      <section className="mt-10">
+        <Suspense
+          fallback={
+            <div className="space-y-6">
+              <SkeletonLine width="10rem" />
+              <SkeletonLine />
+              <SkeletonLine width="12rem" />
+              <SkeletonLine />
+            </div>
+          }
+        >
+          <Body document={doc} permissions={user.permissions} canEdit={canEdit} />
+        </Suspense>
+      </section>
+    </main>
+  )
+}