Phase 8 abgeschlossen: Export als PDF, Wasserzeichen, Vier-Augen-Freigabe

Die Druckansicht ist die einzige Vorlage für den Export: kein zweites Layout
von Hand in einer PDF-Bibliothek. Der Playwright-Dienst ruft genau diese Seite
auf und bekommt dafür ein signiertes, kurzlebiges Zeichen statt eines
Sitzungscookies. Es gilt nur, solange der Auftrag läuft, ist an den Anfragenden
gebunden, und die Stufe wird beim Einlösen frisch aufgelöst und auf die im
Zeichen vermerkte gedeckelt.

Der Export darf nie sauberer aussehen als die Akte: gesperrte Felder erscheinen
als Balken mit Vermerk statt zu fehlen, geänderte Einträge tragen ihre Version,
zurückgezogene stehen als Grabstein. Wasserzeichen mit Name, Zeitstempel und
Stufe auf jeder Seite.

Die Stufe steckt im Zwischenspeicherschlüssel. Ohne sie bekäme ein Leser der
Stufe 1 das PDF, das für Stufe 4 gerendert wurde.

Ab Stufe 3 wartet der Auftrag auf Freigabe durch ein zweites Augenpaar — und
der Anfragende darf sich nicht selbst freigeben, auch nicht mit dem Recht
dazu. Offene Freigaben stehen auf der Übersicht.

Dazu Einzeldokumente als PDF (Aktenblatt bleibt Aktenblatt), ZIP-Sammelexport
mit eigenem achtzigzeiligem Schreiber statt einer Abhängigkeit, und der
JSON-Vollabzug ohne Stufenfilterung — die einzige Stelle, an der die
Klassifizierung nicht greift, deshalb hinter einem eigenen Admin-Endpunkt.

Zwei Funde unterwegs, beide in docs/13 festgehalten:

Die Druckansicht warf notFound(), und das Skelett aus dem Wurzel-loading.tsx
blieb im Browser stehen — der PDF-Dienst hätte leere Blätter gedruckt.
Gefunden nur, weil der e2e-Test auf den Inhalt prüft und nicht auf den
Statuscode. Sie rendert die Auskunft jetzt selbst.

Und die Entdopplung der Anhänge verwies auf Dateien, ohne nachzusehen, ob sie
noch daliegen. Nach einem geleerten /tmp zeigte jeder weitere Upload desselben
Inhalts stumm ins Leere.

178 Tests im Web-Paket, 17 in der Datenbank, 7 im Worker, 44 e2e.
Fallakte bei 119,8 von 120 kB — das Budget ist aufgebraucht.

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

web/app/(app)/export/Approvals.tsx

@@ -0,0 +1,117 @@
+'use client'
+
+import { useState, useTransition } from 'react'
+import { exportText } from '@/lib/i18n/export'
+import { commonText } from '@/lib/i18n/common'
+import { approveExportAction, rejectExportAction } from './actions'
+
+type Auftrag = {
+  id: string
+  kind: string
+  label: string
+  requestedBy: string
+  clearanceAtTime: number
+  createdAt: string
+}
+
+/**
+ * Offene Exportfreigaben.
+ *
+ * Vier-Augen-Prinzip: hier steht nur, was **jemand anderes** angefragt hat.
+ * Die eigene Anfrage taucht gar nicht erst auf, und der Dienst weist sie auch
+ * dann zurück, wenn jemand die Kennung von Hand einsetzt.
+ */
+export function Approvals({ jobs }: { jobs: Auftrag[] }) {
+  const [ablehnung, setAblehnung] = useState<string | null>(null)
+  const [grund, setGrund] = useState('')
+  const [fehler, setFehler] = useState<string | null>(null)
+  const [pending, startTransition] = useTransition()
+
+  if (jobs.length === 0) {
+    return <p className="text-text-dim">{exportText.approvalsEmpty}</p>
+  }
+
+  return (
+    <div>
+      <ul className="border-t border-line">
+        {jobs.map((auftrag) => (
+          <li key={auftrag.id} className="border-b border-line py-2">
+            <div className="flex flex-wrap items-baseline gap-x-4 gap-y-1 text-2xs">
+              <span className="font-condensed text-text-dim">
+                {exportText.kinds[auftrag.kind] ?? auftrag.kind}
+              </span>
+              <span className="font-mono">{auftrag.label}</span>
+              <span className="grow text-text-dim">
+                {exportText.requestedBy} {auftrag.requestedBy}
+              </span>
+              <button
+                type="button"
+                disabled={pending}
+                onClick={() =>
+                  startTransition(async () => {
+                    const ergebnis = await approveExportAction({ id: auftrag.id })
+                    if (ergebnis.error) setFehler(ergebnis.error)
+                  })
+                }
+                className="border border-line bg-raised px-2 py-0.5 font-condensed text-accent"
+              >
+                {exportText.approve}
+              </button>
+              <button
+                type="button"
+                onClick={() => setAblehnung(auftrag.id)}
+                className="font-condensed text-text-dim"
+              >
+                {exportText.reject}
+              </button>
+            </div>
+
+            {ablehnung === auftrag.id ? (
+              <div className="mt-2">
+                <textarea
+                  value={grund}
+                  onChange={(event) => setGrund(event.target.value)}
+                  rows={2}
+                  placeholder={exportText.rejectReason}
+                  aria-label={exportText.rejectReason}
+                  className="block w-full max-w-sm border border-line bg-raised px-3 py-2 text-2xs"
+                />
+                <div className="mt-1 flex gap-3 text-2xs">
+                  <button
+                    type="button"
+                    disabled={pending || grund.trim().length < 10}
+                    onClick={() =>
+                      startTransition(async () => {
+                        const ergebnis = await rejectExportAction({
+                          id: auftrag.id,
+                          reason: grund,
+                        })
+                        if (ergebnis.error) setFehler(ergebnis.error)
+                        else {
+                          setAblehnung(null)
+                          setGrund('')
+                        }
+                      })
+                    }
+                    className="font-condensed text-stamp-4 disabled:text-text-dim"
+                  >
+                    {exportText.reject}
+                  </button>
+                  <button
+                    type="button"
+                    onClick={() => setAblehnung(null)}
+                    className="font-condensed text-text-dim"
+                  >
+                    {commonText.cancel}
+                  </button>
+                </div>
+              </div>
+            ) : null}
+          </li>
+        ))}
+      </ul>
+
+      {fehler ? <p className="mt-2 font-condensed text-2xs text-stamp-4">{fehler}</p> : null}
+    </div>
+  )
+}