Phase 5 abgeschlossen: Dateien mit vollständiger Prüfkette

Upload → quarantine/ → Typprüfung → ClamAV → Neukodierung → store/. Es gibt
keinen Pfad, auf dem eine Datei ungeprüft in store/ landet, und keinen
Schalter, der die Kette abschaltet.

Die Typprüfung liest Magic Bytes aus einer eigenen Signaturtabelle statt aus
file-type: bei einer Positivliste aus fünf Formaten hilft es nicht, hundert
erkennen zu können. Die Signatur muss an Position 0 stehen - ein Vorspann vor
%PDF- ist der klassische Weg, eine Datei für zwei Programme zugleich lesbar zu
machen. Wer trotzdem durchkommt, kommt als text/plain durch und wird unter der
Endung des erkannten Typs ausgeliefert, nicht unter der hochgeladenen.

Drei Ausgänge statt zwei: BLOCKED heisst "ist gefährlich", FAILED heisst
"wissen wir nicht". Nur FAILED lässt sich freigeben, und die Freigabe
wiederholt die Kette ohne den Scanner - Typprüfung und Neukodierung laufen
dabei mit. Ein fehlender clamd macht damit keine Datei sauber; ein Test hält
das fest.

Auslieferung nur über /api/files/[id], mit Sichtbarkeitsprüfung der
zugehörigen Akte, Protokoll ab Stufe 3 und den harten Kopfzeilen aus docs/07.
Vorschaubilder dürfen inline, weil sie serverseitig als WebP neu kodiert
wurden.

Das Lichtbild im Aktenblatt ist damit gefüllt: der Feldwert ist die Kennung
eines geprüften Anhangs, serverseitig zu einer Adresse aufgelöst.

/api/events liefert attachment.scanned über pg_notify - die Grundlage, auf der
Phase 6 den Aktenchat aufsetzt. Die Sichtbarkeit wird je Ereignis geprüft,
sonst verriete schon die Kennung die Existenz.

Nebenbei riss das Bündelbudget (121 kB gegen 120 erlaubte): lib/i18n/de.ts war
ein Objekt, und eine Client-Komponente zieht die ganze Datei mit. Die Texte
stehen jetzt in sechs Dateien nach Bereichen, de.ts setzt sie nur zusammen.
Grösste Route wieder bei 118 kB, und sie wächst nicht mehr mit jedem neuen
Bereich mit.

133 Tests im Web-Paket, 15 in der Datenbank, 28 e2e.

web/components/documents/NewDocument.tsx

@@ -1,7 +1,8 @@
 'use client'
 
 import { useActionState, useState } from 'react'
-import { de } from '@/lib/i18n/de'
+import { clearanceText, commonText } from '@/lib/i18n/common'
+import { documentText } from '@/lib/i18n/documents'
 import { createDocumentAction, type ActionResult } from '@/app/(app)/dokumente/actions'
 
 /**
@@ -39,7 +40,7 @@ export function NewDocument({
         onClick={() => setOpen(true)}
         className="border border-line bg-raised px-3 py-1 font-condensed text-2xs text-accent"
       >
-        {de.document.create}
+        {documentText.create}
       </button>
     )
   }
@@ -51,12 +52,12 @@ export function NewDocument({
         <input type="hidden" name="personnelFileId" value={personnelFileId} />
       ) : null}
 
-      <p className="font-condensed text-xs text-text-dim">{de.document.createTitle}</p>
+      <p className="font-condensed text-xs text-text-dim">{documentText.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}
+            {documentText.kind}
           </label>
           <select
             id="templateKey"
@@ -74,7 +75,7 @@ export function NewDocument({
 
         <div>
           <label htmlFor="classification" className="font-condensed text-2xs text-text-dim">
-            {de.clearance.classification}
+            {clearanceText.classification}
           </label>
           <select
             id="classification"
@@ -92,7 +93,7 @@ export function NewDocument({
 
         <div className="sm:col-span-2">
           <label htmlFor="doc-title" className="font-condensed text-2xs text-text-dim">
-            {de.document.title}
+            {documentText.title}
           </label>
           <input
             id="doc-title"
@@ -103,7 +104,7 @@ export function NewDocument({
         </div>
       </div>
 
-      <p className="mt-2 text-2xs text-text-dim">{de.document.createHint}</p>
+      <p className="mt-2 text-2xs text-text-dim">{documentText.createHint}</p>
 
       {state && !state.ok ? (
         <p className="mt-2 font-condensed text-2xs text-stamp-4">{state.error}</p>
@@ -115,14 +116,14 @@ export function NewDocument({
           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}
+          {pending ? commonText.loading : documentText.create}
         </button>
         <button
           type="button"
           onClick={() => setOpen(false)}
           className="font-condensed text-2xs text-text-dim"
         >
-          {de.common.cancel}
+          {commonText.cancel}
         </button>
       </div>
     </form>

web/components/documents/Sheet.tsx

@@ -30,6 +30,7 @@ export function Sheet({
   issuedAt,
   foundationLevels,
   footerNote,
+  photoUrls,
 }: {
   sections: RenderedSection[]
   title: string
@@ -39,6 +40,8 @@ export function Sheet({
   /** Aus FoundationClearance. Steuert keinen Zugriff, nur den Balken. */
   foundationLevels: { level: number; name: string; colorHex: string }[]
   footerNote: string
+  /** Nur geprüfte Lichtbilder, je Feldschlüssel. Serverseitig aufgelöst. */
+  photoUrls?: Record<string, string>
 }) {
   const fields = sections.map((section) => section.field)
   const byKey = new Map(sections.map((section) => [section.fieldKey, section]))
@@ -96,7 +99,10 @@ export function Sheet({
                         <div className="sheet-label" style={{ textAlign: 'center' }}>
                           {photo.label}
                         </div>
-                        <PhotoBox section={byKey.get(photo.key)} />
+                        <PhotoBox
+                          section={byKey.get(photo.key)}
+                          url={photoUrls?.[photo.key] ?? null}
+                        />
                       </td>
                     ) : null}
 
@@ -130,7 +136,13 @@ export function Sheet({
   )
 }
 
-function PhotoBox({ section }: { section: RenderedSection | undefined }) {
+function PhotoBox({
+  section,
+  url,
+}: {
+  section: RenderedSection | undefined
+  url: string | null
+}) {
   if (section && !section.visible) {
     return (
       <div className="sheet-photo">
@@ -140,10 +152,16 @@ function PhotoBox({ section }: { section: RenderedSection | undefined }) {
   }
 
   // Der Wert eines Lichtbildfeldes ist die Kennung eines geprüften Anhangs,
-  // nie das Bild selbst. Die Prüfkette dafür baut Phase 5, siehe docs/07.
+  // nie das Bild selbst. Die Adresse dazu ist serverseitig aufgelöst worden,
+  // und nur für einen Anhang, der die Prüfkette bestanden hat.
   return (
     <div className="sheet-photo">
-      <span>{de.document.photoEmpty}</span>
+      {url ? (
+        // eslint-disable-next-line @next/next/no-img-element
+        <img src={url} alt={section?.field.label ?? ''} />
+      ) : (
+        <span>{de.document.photoEmpty}</span>
+      )}
     </div>
   )
 }

web/components/documents/SheetSwitch.tsx

@@ -1,7 +1,7 @@
 'use client'
 
 import { useState, type ReactNode } from 'react'
-import { de } from '@/lib/i18n/de'
+import { documentText } from '@/lib/i18n/documents'
 
 /**
  * Umschalter zwischen Aktenblatt und Bearbeitung.
@@ -30,7 +30,7 @@ export function SheetSwitch({
           aria-current={modus === 'blatt'}
           className={modus === 'blatt' ? 'text-accent' : 'text-text-dim'}
         >
-          {de.document.sheet}
+          {documentText.sheet}
         </button>
         {canEdit ? (
           <button
@@ -39,7 +39,7 @@ export function SheetSwitch({
             aria-current={modus === 'bearbeiten'}
             className={modus === 'bearbeiten' ? 'text-accent' : 'text-text-dim'}
           >
-            {de.document.edit}
+            {documentText.edit}
           </button>
         ) : null}
         <button
@@ -52,7 +52,7 @@ export function SheetSwitch({
           }}
           className="ml-auto text-text-dim"
         >
-          {de.document.print}
+          {documentText.print}
         </button>
       </div>