Personalakte als Aktenblatt, Status als Etiketten, Verknüpfen von beiden Seiten

Das Formular der Personalabteilung ist übernommen, nicht durch eine
Bildschirmansicht ersetzt: schwarzer Rahmen, Kopf mit Kennung und
Klassifizierungsbalken, Raster aus fünf Spalten, Unterschriftenzeilen,
Fußzeile. Es steht bewusst außerhalb des Design-Systems — es wird gedruckt und
muss auf Papier aussehen wie das Blatt daneben.

Datengetrieben bleibt es trotzdem. Kein Feld steht im Programm: sheetTitle und
sheetSubtitle an der Vorlage, span für die Zellbreite, rows für das Lichtbild,
dateKey für das Datum unter einer Unterschrift, slot für den
Klassifizierungsbalken. Eine weitere Dokumentart mit layout = DOSSIER braucht
keine Zeile Code.

Der Balken zeigt die Foundation-Stufe aus der neuen Tabelle
FoundationClearance. Sie ist Inhalt, kein Zugriff — was jemand sehen darf,
entscheidet weiterhin allein die interne Stufe. Ohne Auswahl bleibt der Balken
neutral, statt eine Einstufung zu behaupten.

Die Dienstnummer ist entfallen, es gibt sie nicht. Der Status ist zu mehreren
Etiketten geworden: "Gekündigt" und "Verhaftet" schließen einander nicht aus.
Unbekannte Schlüssel werden verworfen und die Reihenfolge kommt aus der
Konfiguration, nicht aus der Eingabe.

PersonnelAssignment hängt AfiS-Mitglieder an eine Person — Aktenführung,
Ermittler, Ansprechpartner — und ist zugleich der ausnahmsweise Zugang, wie
CaseParticipant bei der Fallakte. Betroffen zu sein gibt weiterhin keinen
Zugang: das ist eine Eigenschaft der Person, die Zuordnung eine Entscheidung
der Abteilung.

Fall und Person lassen sich von beiden Seiten verknüpfen und schon beim
Anlegen einer Fallakte. Alle drei Wege laufen in addParticipant zusammen.

Noch offen: das Lichtbild. Feldtyp und Platz stehen, hochladen kommt mit der
Prüfkette in Phase 5 — ein Bild als Data-URL im Abschnittswert verstiesse
gegen harte Regel 4.

102 Tests im Web-Paket, davon sechs auf dem gerenderten Blatt selbst.

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

web/tests/aktenblatt-darstellung.test.ts

@@ -0,0 +1,134 @@
+// @vitest-environment node
+import { describe, expect, it } from 'vitest'
+import { createElement } from 'react'
+import { renderToStaticMarkup } from 'react-dom/server'
+import { Sheet } from '@/components/documents/Sheet'
+import type { RenderedSection } from '@/lib/sections/render'
+import type { TemplateField } from '@/lib/templates/fields'
+
+/**
+ * Das Blatt wirklich rendern, nicht nur seine Vorlage prüfen.
+ *
+ * Es ist ein Formular, das gedruckt weitergereicht wird: dass ein Feld in der
+ * falschen Zelle landet oder der Klassifizierungsbalken grau bleibt, fällt auf
+ * Papier auf und hier vorher.
+ */
+
+function abschnitt(
+  field: TemplateField,
+  value: unknown,
+  options: { visible?: boolean; requiredLevel?: number } = {},
+): RenderedSection {
+  const gemeinsam = {
+    fieldKey: field.key,
+    field,
+    version: 1,
+    updatedAt: null,
+    updatedById: null,
+  }
+  if (options.visible === false) {
+    return {
+      ...gemeinsam,
+      visible: false,
+      value: { redacted: true, requiredLevel: options.requiredLevel ?? 4 },
+    }
+  }
+  return { ...gemeinsam, visible: true, value, segments: null }
+}
+
+const STUFEN = [
+  { level: 1, name: 'Vertraulich', colorHex: '#1e3a5f' },
+  { level: 4, name: 'Streng Geheim', colorHex: '#450a0a' },
+]
+
+function blatt(sections: RenderedSection[]): string {
+  return renderToStaticMarkup(
+    createElement(Sheet, {
+      sections,
+      title: 'SCP Foundation',
+      subtitle: 'Personalakte // Personalabteilung',
+      documentNumber: 'PA-2026-0042',
+      issuedAt: new Date('2026-03-14T10:00:00Z'),
+      foundationLevels: STUFEN,
+      footerNote: 'Nur für autorisiertes Personal.',
+    }),
+  )
+}
+
+describe('Aktenblatt, gerendert', () => {
+  const felder: TemplateField[] = [
+    { key: 'foundation_klassifikation', label: 'Klassifikation', type: 'select', slot: 'classbar' },
+    { key: 'lichtbild', label: 'Lichtbild', type: 'photo', rows: 2 },
+    { key: 'name', label: 'Name', type: 'shorttext', span: 2 },
+    { key: 'vorname', label: 'Vorname', type: 'shorttext', span: 2 },
+    { key: 'alter', label: 'Alter', type: 'shorttext', span: 4 },
+    { key: 'wissensfreigabe', label: 'Wissensfreigabe', type: 'shorttext', span: 5, emphasis: true },
+    {
+      key: 'standortleiter',
+      label: 'Standortleiter',
+      type: 'signature',
+      span: 5,
+      dateKey: 'standortleiter_datum',
+    },
+    { key: 'standortleiter_datum', label: 'Datum', type: 'date' },
+  ]
+
+  const gefuellt = [
+    abschnitt(felder[0]!, '4'),
+    abschnitt(felder[1]!, null),
+    abschnitt(felder[2]!, 'Vogt'),
+    abschnitt(felder[3]!, 'Marlene'),
+    abschnitt(felder[4]!, '38'),
+    abschnitt(felder[5]!, 'Stufe 3 / Projekt Nachtblende'),
+    abschnitt(felder[6]!, 'M. Rutkowski'),
+    abschnitt(felder[7]!, '14.03.2026'),
+  ]
+
+  it('setzt die Werte in das Raster und zeichnet den Balken in der Stufenfarbe', () => {
+    const html = blatt(gefuellt)
+
+    expect(html).toContain('PA-2026-0042')
+    expect(html).toContain('Vogt')
+    expect(html).toContain('Marlene')
+
+    // Der Balken trägt die Farbe und den Namen der gewählten Stufe.
+    expect(html).toContain('#450a0a')
+    expect(html).toContain('Streng Geheim')
+    expect(html).toContain('Level 4')
+
+    // Das Lichtbild spannt über die angegebene Zeilenzahl. React schreibt das
+    // Attribut in gemischter Schreibweise; HTML wertet sie ohnehin nicht.
+    expect(html.toLowerCase()).toContain('rowspan="2"')
+
+    // Die Unterschrift trägt das Datum mit, das Datum hat keine eigene Zelle.
+    expect(html).toContain('M. Rutkowski')
+    // Zweistellig wie auf dem Formular, und nur einmal: das Datum der
+    // Unterschrift hat keine eigene Zelle.
+    expect(html.match(/14\.03\.2026/g)).toHaveLength(2)
+    expect(html).not.toContain('14.3.2026')
+  })
+
+  it('lässt den Balken neutral, wenn keine Klassifikation gesetzt ist', () => {
+    const ohne = [abschnitt(felder[0]!, null), ...gefuellt.slice(1)]
+    const html = blatt(ohne)
+
+    // Kein erfundener Anschein von Einstufung.
+    expect(html).not.toContain('#450a0a')
+    expect(html).toContain('#333333')
+    expect(html).toContain('Ohne Klassifikation')
+  })
+
+  it('zeigt statt eines gesperrten Feldes einen Balken, nie den Wert', () => {
+    const gesperrt = gefuellt.map((section) =>
+      section.fieldKey === 'wissensfreigabe'
+        ? abschnitt(felder[5]!, null, { visible: false, requiredLevel: 4 })
+        : section,
+    )
+    const html = blatt(gesperrt)
+
+    expect(html).not.toContain('Nachtblende')
+    expect(html).toContain('redaction')
+    // Die Beschriftung bleibt: dass es das Feld gibt, ist kein Geheimnis.
+    expect(html).toContain('Wissensfreigabe')
+  })
+})