Export ohne Vier-Augen, Wiedervorlage setzbar, Druckansicht mit Weg zurück

**Export.** Das Vier-Augen-Verfahren ab Stufe 3 ist weg. Wer exportiert,
entscheidet jetzt allein die Freigabestufe: mindestens die des Ziels. Das ist
strenger als das Lesen - wer als Beteiligter ausnahmsweise in eine höher
eingestufte Akte darf, darf sie deshalb noch nicht ausser Haus geben.

Dabei fiel eine Lücke auf: hängte man sich an einen laufenden Auftrag,
entstand kein Protokolleintrag. „Jeder Export wird protokolliert" heisst jeder
Abruf, nicht jeder Rendervorgang - wer dieselbe Datei bekommt, muss genauso
darin stehen.

**Fristen.** dueAt wurde überall gelesen - Übersicht, Suchfilter, Ausdruck -
und nirgends gesetzt. Es gab keine Stelle, an der man ein Datum einträgt,
deshalb stand unter „Fristen" immer „Nichts steht an". Jetzt im Kopf der Akte,
mit Protokolleintrag und ohne Verlaufseintrag: eine Wiedervorlage ist eine
Merkhilfe, keine Aussage über den Fall.

**Statuswechsel.** Aus einem Entwurf führt laut Lebenszyklus nur „Offen"
heraus, deshalb standen dort nie mehr als zwei Ziele. Das sah aus wie ein
Fehler und war keiner - jetzt steht die Erklärung daneben und an jeder Option.

**Druckansicht.** Sie hatte kein eigenes Layout: das weisse Blatt lag auf dem
dunklen Thema und es gab keinen Weg zurück. Jetzt heller Grund, eine Leiste
mit Zurück und Drucken, beides beim Drucken ausgeblendet. Das Ziel wird aus
dem Pfad abgeleitet, damit es auch beim direkten Aufruf stimmt.

**Abteilungsstatistik.** Eine Abteilung ohne Freigabe wird als „Ohne Freigabe"
geführt statt weggelassen - sonst summierten sich die Anteile nicht auf die
Zahl daneben. Mehrere ergeben ein Stück, sonst stünde dort, wie viele es sind.

Dazu: Dienstgrad in eckigen Klammern vor dem Namen und in dessen Grösse, in
einer eigenen Spalte; Knopfform für „Personalakte anlegen"; die abgeschnittene
Anzahl im Kopf der Personalaktenliste; „Zuletzt geöffnet" ohne die zwei
Hinweistexte, leer als Zeichen statt als Satz.

web/app/(app)/abteilungen/[key]/page.tsx

@@ -174,8 +174,8 @@ async function Members({
             className="record-row py-2 pl-3 text-text no-underline"
             style={classificationEdgeStyle(person.classification)}
           >
+            <span className="record-rank">{person.rank ? `[${person.rank}]` : ''}</span>
             <span className="record-title">{person.displayName}</span>
-            <span className="record-meta">{person.rank}</span>
             <StampMark
               level={person.classification}
               name={levelName.get(person.classification) ?? de.common.unknown}

web/app/(app)/abteilungen/page.tsx

@@ -21,7 +21,7 @@ export default async function DepartmentsPage() {
   const user = await requireUser()
   const [abteilungen, verteilung] = await Promise.all([
     listDepartments(user.permissions),
-    casesPerDepartment(user.permissions),
+    casesPerDepartment(user.permissions, de.department.chartRedacted),
   ])
 
   return (

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

@@ -3,7 +3,6 @@ import Link from 'next/link'
 import { notFound } from 'next/navigation'
 import { requireUser } from '@/lib/auth/current'
 import { loadVisibleDocument } from '@/lib/documents/service'
-import { APPROVAL_FROM_LEVEL } from '@/lib/export/service'
 import { de } from '@/lib/i18n/de'
 import { ExportPanel } from '@/components/export/ExportPanel'
 
@@ -33,13 +32,14 @@ export default async function DocumentExportPage({
         />
       </div>
 
-      {doc.classification >= APPROVAL_FROM_LEVEL ? (
-        <p className="mt-4 text-2xs text-stamp-3">{de.export.waitingApprovalHint}</p>
-      ) : null}
 
-      <nav className="mt-8 flex gap-4 font-condensed text-xs">
-        <Link href={`/dokumente/${doc.documentNumber}`}>{doc.documentNumber}</Link>
-        <Link href={`/dokumente/${doc.documentNumber}/druck`}>{de.export.print}</Link>
+      <nav className="mt-8 flex flex-wrap gap-2">
+        <Link href={`/dokumente/${doc.documentNumber}`} className="btn btn-sm">
+          {doc.documentNumber}
+        </Link>
+        <Link href={`/dokumente/${doc.documentNumber}/druck`} className="btn btn-sm">
+          {de.export.print}
+        </Link>
       </nav>
     </main>
   )

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

@@ -1,117 +0,0 @@
-'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="record-row text-2xs">
-              <span className="record-label">
-                {exportText.kinds[auftrag.kind] ?? auftrag.kind}
-              </span>
-              <span className="record-key">{auftrag.label}</span>
-              <span className="record-title 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="btn btn-sm btn-primary"
-              >
-                {exportText.approve}
-              </button>
-              <button
-                type="button"
-                onClick={() => setAblehnung(auftrag.id)}
-                className="btn btn-sm"
-              >
-                {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 field 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="btn btn-sm text-stamp-4"
-                  >
-                    {exportText.reject}
-                  </button>
-                  <button
-                    type="button"
-                    onClick={() => setAblehnung(null)}
-                    className="btn btn-sm"
-                  >
-                    {commonText.cancel}
-                  </button>
-                </div>
-              </div>
-            ) : null}
-          </li>
-        ))}
-      </ul>
-
-      {fehler ? <p className="mt-2 font-condensed text-2xs text-stamp-4">{fehler}</p> : null}
-    </div>
-  )
-}

web/app/(app)/export/actions.ts

@@ -1,12 +1,9 @@
 'use server'
 
-import { revalidatePath } from 'next/cache'
 import { z } from 'zod'
 import { requireUser } from '@/lib/auth/current'
 import { AccessError } from '@/lib/errors'
 import {
-  approveExport,
-  rejectExport,
   requestExport,
   runExport,
   type ExportTarget,
@@ -52,36 +49,4 @@ export async function requestExportAction(
   }
 }
 
-const idSchema = z.object({ id: z.string().min(1) })
 
-export async function approveExportAction(input: unknown): Promise<ExportState> {
-  const user = await requireUser()
-  const parsed = idSchema.safeParse(input)
-  if (!parsed.success) return { error: de.actionErrors.default! }
-
-  try {
-    await approveExport(user.permissions, parsed.data.id)
-    // Erst nach der Freigabe wird gerendert.
-    void runExport(parsed.data.id)
-    revalidatePath('/uebersicht')
-    return { jobId: parsed.data.id, status: 'QUEUED' }
-  } catch (error) {
-    return { error: toMessage(error) }
-  }
-}
-
-const rejectSchema = idSchema.extend({ reason: z.string().min(10).max(500) })
-
-export async function rejectExportAction(input: unknown): Promise<ExportState> {
-  const user = await requireUser()
-  const parsed = rejectSchema.safeParse(input)
-  if (!parsed.success) return { error: de.actionErrors['reason-required']! }
-
-  try {
-    await rejectExport(user.permissions, parsed.data.id, parsed.data.reason)
-    revalidatePath('/uebersicht')
-    return { jobId: parsed.data.id, status: 'REJECTED' }
-  } catch (error) {
-    return { error: toMessage(error) }
-  }
-}

web/app/(app)/faelle/[caseNumber]/CaseActions.tsx

@@ -3,7 +3,7 @@
 import { useState, useTransition } from 'react'
 import { caseText, entryText } from '@/lib/i18n/cases'
 import { actionErrorsText, commonText } from '@/lib/i18n/common'
-import { changeStatusAction, reclassifyAction } from '../actions'
+import { changeStatusAction, reclassifyAction, setDueDateAction } from '../actions'
 
 /**
  * Statuswechsel und Umklassifizierung.
@@ -18,17 +18,21 @@ export function CaseActions({
   statusTargets,
   levels,
   maxLevel,
+  dueAt,
 }: {
   caseNumber: string
   classification: number
   statusTargets: string[]
   levels: { level: number; name: string }[]
   maxLevel: number
+  /** Als `YYYY-MM-DD`, wie das Datumsfeld es erwartet. Leer heisst: keine. */
+  dueAt: string
 }) {
   const [nextStatus, setNextStatus] = useState(statusTargets[0] ?? '')
   const [statusReason, setStatusReason] = useState('')
   const [nextLevel, setNextLevel] = useState(classification)
   const [levelReason, setLevelReason] = useState('')
+  const [frist, setFrist] = useState(dueAt)
   const [error, setError] = useState<string | null>(null)
   const [pending, startTransition] = useTransition()
 
@@ -55,7 +59,7 @@ export function CaseActions({
               className="field"
             >
               {statusTargets.map((target) => (
-                <option key={target} value={target}>
+                <option key={target} value={target} title={caseText.statusHints[target]}>
                   {caseText.statusNames[target] ?? target}
                 </option>
               ))}
@@ -85,9 +89,41 @@ export function CaseActions({
               {pending ? caseText.saving : commonText.save}
             </button>
           </div>
+          {/* Welche Zustände von hier aus erreichbar sind, ergibt sich aus dem
+              Lebenszyklus — aus einem Entwurf führt nur „Offen" heraus. Ohne
+              diesen Satz sieht die kurze Auswahl aus wie ein Fehler. */}
+          <p className="mt-1.5 max-w-sm text-2xs text-text-dim">
+            {caseText.statusHints[nextStatus] ?? caseText.statusChangeHint}
+          </p>
         </div>
       ) : null}
 
+      <div>
+        <p className="font-condensed text-text-dim">{caseText.dueAt}</p>
+        <div className="mt-1.5 flex flex-wrap items-center gap-2">
+          <input
+            type="date"
+            value={frist}
+            onChange={(event) => setFrist(event.target.value)}
+            className="field font-mono"
+          />
+          <button
+            type="button"
+            disabled={pending || frist === dueAt}
+            onClick={() =>
+              run(
+                () => setDueDateAction({ caseNumber, dueAt: frist || undefined }),
+                frist ? caseText.dueAtConfirm(frist) : caseText.dueAtClearConfirm,
+              )
+            }
+            className="btn btn-primary"
+          >
+            {pending ? caseText.saving : commonText.save}
+          </button>
+        </div>
+        <p className="mt-1.5 max-w-sm text-2xs text-text-dim">{caseText.dueAtHint}</p>
+      </div>
+
       <div>
         <p className="font-condensed text-text-dim">{caseText.reclassify}</p>
         <div className="mt-1.5 flex flex-wrap items-center gap-2">

web/app/(app)/faelle/[caseNumber]/export/page.tsx

@@ -3,7 +3,6 @@ import Link from 'next/link'
 import { notFound } from 'next/navigation'
 import { requireUser } from '@/lib/auth/current'
 import { loadVisibleCase } from '@/lib/cases/service'
-import { APPROVAL_FROM_LEVEL } from '@/lib/export/service'
 import { de } from '@/lib/i18n/de'
 import { ExportPanel } from '@/components/export/ExportPanel'
 
@@ -40,12 +39,11 @@ export default async function CaseExportPage({
         />
       </div>
 
-      {akte.classification >= APPROVAL_FROM_LEVEL ? (
-        <p className="mt-4 text-2xs text-stamp-3">{de.export.waitingApprovalHint}</p>
-      ) : null}
 
-      <p className="mt-8 font-condensed text-xs">
-        <Link href={`/faelle/${akte.caseNumber}/druck`}>{de.export.print}</Link>
+      <p className="mt-8">
+        <Link href={`/faelle/${akte.caseNumber}/druck`} className="btn btn-sm">
+          {de.export.print}
+        </Link>
       </p>
     </div>
   )

web/app/(app)/faelle/[caseNumber]/layout.tsx

@@ -95,6 +95,7 @@ export default async function CaseLayout({
           statusTargets={allowedTargets(akte.status as CaseStatusName)}
           levels={levels.map((l) => ({ level: l.level, name: l.name }))}
           maxLevel={user.permissions.clearanceLevel}
+          dueAt={akte.dueAt ? akte.dueAt.toISOString().slice(0, 10) : ''}
         />
       </header>
 

web/app/(app)/faelle/actions.ts

@@ -4,7 +4,14 @@ import { revalidatePath, revalidateTag } from 'next/cache'
 import { redirect } from 'next/navigation'
 import { z } from 'zod'
 import { requireUser } from '@/lib/auth/current'
-import { AccessError, addEntry, changeStatus, createCase, reclassify } from '@/lib/cases/service'
+import {
+  AccessError,
+  addEntry,
+  changeStatus,
+  createCase,
+  reclassify,
+  setDueDate,
+} from '@/lib/cases/service'
 import { editEntry, restoreEntry, retractEntry } from '@/lib/cases/entryService'
 import { addParticipant, removeParticipant } from '@/lib/cases/participants'
 import { linkCases, unlinkCases } from '@/lib/cases/links'
@@ -301,3 +308,27 @@ export async function toggleWatchAction(input: unknown): Promise<WatchResult> {
     return { ok: false, error: toMessage(error) }
   }
 }
+
+const dueSchema = z.object({
+  caseNumber: z.string().min(1),
+  /** Leer heisst: Wiedervorlage abräumen. */
+  dueAt: z.string().max(10).optional(),
+})
+
+export async function setDueDateAction(input: unknown): Promise<ActionResult> {
+  const user = await requireUser()
+  const parsed = dueSchema.safeParse(input)
+  if (!parsed.success) return { ok: false, error: de.actionErrors.default! }
+
+  try {
+    await setDueDate(user.permissions, {
+      caseNumber: parsed.data.caseNumber,
+      dueAt: parsed.data.dueAt ? new Date(parsed.data.dueAt) : null,
+    })
+    revalidatePath(`/faelle/${parsed.data.caseNumber}`)
+    revalidatePath('/uebersicht')
+    return { ok: true }
+  } catch (error) {
+    return { ok: false, error: toMessage(error) }
+  }
+}

web/app/(app)/personalakten/page.tsx

@@ -39,7 +39,7 @@ export default async function PersonnelListPage({
     <main className="mx-auto max-w-5xl px-6 py-10">
       <div className="flex flex-wrap items-baseline justify-between gap-4">
         <h1 className="font-condensed">{de.personnel.listHeading}</h1>
-        <span className="record-key">{de.personnel.countLabel(total)}</span>
+        <span className="font-mono text-xs text-text-dim">{de.personnel.countLabel(total)}</span>
       </div>
 
       <form method="get" className="mt-4 flex flex-wrap items-center gap-3">
@@ -53,7 +53,7 @@ export default async function PersonnelListPage({
         />
         {status ? <input type="hidden" name="status" value={status} /> : null}
         {darfAnlegen ? (
-          <Link href="/personalakten/neu" className="ml-auto font-condensed text-xs">
+          <Link href="/personalakten/neu" className="ml-auto btn btn-sm btn-primary">
             {de.personnel.create}
           </Link>
         ) : null}
@@ -93,8 +93,8 @@ export default async function PersonnelListPage({
                 className="record-row py-3 pl-3 text-text no-underline"
                 style={classificationEdgeStyle(akte.classification)}
               >
+                <span className="record-rank">{akte.rank ? `[${akte.rank}]` : ''}</span>
                 <span className="record-title">{akte.displayName}</span>
-                <span className="record-meta">{akte.rank}</span>
                 <StatusTags tags={akte.statusTags} known={statusTags} />
                 <StampMark
                   level={akte.classification}

web/app/(app)/suche/page.tsx

@@ -355,10 +355,8 @@ function Treffer({
       className={zeile}
       style={classificationEdgeStyle(treffer.classification)}
     >
+      <span className="record-rank">{treffer.rank ? `[${treffer.rank}]` : ''}</span>
       <span className="record-title">{treffer.displayName}</span>
-      {treffer.rank ? (
-        <span className="font-condensed text-2xs text-text-dim">{treffer.rank}</span>
-      ) : null}
       <StatusTags tags={treffer.statusTags} known={statusTags} />
     </Link>
   )

web/app/(app)/uebersicht/page.tsx

@@ -3,10 +3,8 @@ import Link from 'next/link'
 import { db } from '@/lib/db'
 import { requireUser } from '@/lib/auth/current'
 import { loadDashboard } from '@/lib/dashboard/load'
-import { pendingApprovals } from '@/lib/export/service'
 import { de } from '@/lib/i18n/de'
 import { StampMark, classificationEdgeStyle } from '@/components/StampMark'
-import { Approvals } from '../export/Approvals'
 import { clearRecentAction } from './actions'
 import type { RecentEntry } from '@/lib/recent/service'
 
@@ -24,13 +22,11 @@ export const dynamic = 'force-dynamic'
 export default async function DashboardPage() {
   const user = await requireUser()
 
-  const [daten, levels, offen] = await Promise.all([
+  const [daten, levels] = await Promise.all([
     loadDashboard(user.permissions),
     db.clearanceLevelConfig.findMany({ orderBy: { level: 'asc' } }),
-    pendingApprovals(user.permissions),
   ])
   const levelName = new Map(levels.map((l) => [l.level, l.name]))
-  const beschriftet = await beschrifte(offen)
   const heute = new Date()
 
   return (
@@ -42,14 +38,6 @@ export default async function DashboardPage() {
         </Link>
       </div>
 
-      {beschriftet.length > 0 ? (
-        <section className="mt-8 border border-stamp-3 p-4">
-          <h2 className="font-condensed text-stamp-3">{de.export.approvals}</h2>
-          <div className="mt-3">
-            <Approvals jobs={beschriftet} />
-          </div>
-        </section>
-      ) : null}
 
       <div className="mt-10 grid gap-10 md:grid-cols-2">
         <section className="md:col-span-2">
@@ -63,9 +51,8 @@ export default async function DashboardPage() {
               </form>
             ) : null}
           </div>
-          <p className="mt-1 text-2xs text-text-dim">{de.dashboard.openedHint}</p>
           {daten.geoeffnet.length === 0 ? (
-            <p className="mt-4 text-text-dim">{de.dashboard.openedEmpty}</p>
+            <EmptyMark />
           ) : (
             <ul className="mt-4 border-t border-line">
               {daten.geoeffnet.map((eintrag) => (
@@ -156,6 +143,28 @@ export default async function DashboardPage() {
   )
 }
 
+/**
+ * Ein leerer Zustand ohne Satz.
+ *
+ * „Noch nichts geöffnet" zu schreiben erklärt nichts, was das leere Feld nicht
+ * schon zeigt, und nimmt Platz weg, sobald etwas darin steht. Ein ruhiger
+ * Rahmen mit einem Strich sagt dasselbe und verschwindet von selbst, wenn die
+ * Liste sich füllt.
+ */
+function EmptyMark() {
+  return (
+    <div
+      aria-hidden
+      className="mt-4 flex h-16 items-center justify-center border border-dashed border-line"
+    >
+      <svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="var(--color-line)">
+        <rect x="3.5" y="5" width="17" height="14" rx="2" strokeWidth="1.5" />
+        <path d="M8 11h8" strokeWidth="1.5" strokeLinecap="round" />
+      </svg>
+    </div>
+  )
+}
+
 type Fall = {
   id: string
   caseNumber: string
@@ -229,14 +238,10 @@ function Sprung({
           {/* Kein Aktenzeichen, aber auch keine Leerstelle: dort steht, was es
               ist. Eine leere Spalte lässt die Zeile wie einen Fehler aussehen. */}
           <span className="record-key">{de.personnel.one}</span>
-          <span className="record-title">
-            {eintrag.label}
-            {eintrag.secondary ? (
-              <span className="ml-3 font-condensed text-2xs text-text-dim">
-                {eintrag.secondary}
-              </span>
-            ) : null}
+          <span className="record-rank">
+            {eintrag.secondary ? `[${eintrag.secondary}]` : ''}
           </span>
+          <span className="record-title">{eintrag.label}</span>
         </>
       ) : (
         <>
@@ -281,52 +286,3 @@ function Akte({
   )
 }
 
-/**
- * Der Freigabeliste fehlen die Namen: der Auftrag kennt nur Kennungen. Sie
- * werden hier nachgeschlagen, damit die Leitung sieht, worum es geht — mehr
- * als Aktenzeichen und Anfragender steht dort bewusst nicht.
- */
-async function beschrifte(
-  jobs: Awaited<ReturnType<typeof pendingApprovals>>,
-): Promise<
-  {
-    id: string
-    kind: string
-    label: string
-    requestedBy: string
-    clearanceAtTime: number
-    createdAt: string
-  }[]
-> {
-  if (jobs.length === 0) return []
-
-  const [faelle, dokumente, nutzer] = await Promise.all([
-    db.case.findMany({
-      where: { id: { in: jobs.filter((j) => j.kind === 'CASE').map((j) => j.targetId ?? '') } },
-      select: { id: true, caseNumber: true },
-    }),
-    db.document.findMany({
-      where: { id: { in: jobs.filter((j) => j.kind === 'DOCUMENT').map((j) => j.targetId ?? '') } },
-      select: { id: true, documentNumber: true },
-    }),
-    db.user.findMany({
-      where: { id: { in: jobs.map((j) => j.requestedById) } },
-      select: { id: true, displayName: true },
-    }),
-  ])
-
-  const nummer = new Map<string, string>([
-    ...faelle.map((f) => [f.id, f.caseNumber] as const),
-    ...dokumente.map((d) => [d.id, d.documentNumber] as const),
-  ])
-  const name = new Map(nutzer.map((n) => [n.id, n.displayName]))
-
-  return jobs.map((job) => ({
-    id: job.id,
-    kind: job.kind,
-    label: nummer.get(job.targetId ?? '') ?? '—',
-    requestedBy: name.get(job.requestedById) ?? job.requestedById,
-    clearanceAtTime: job.clearanceAtTime,
-    createdAt: job.createdAt.toISOString(),
-  }))
-}

web/app/(print)/PrintBar.tsx

@@ -0,0 +1,43 @@
+'use client'
+
+import Link from 'next/link'
+import { usePathname } from 'next/navigation'
+import { exportText } from '@/lib/i18n/export'
+
+/**
+ * Die Leiste über einer Druckansicht: zurück zur Akte und drucken.
+ *
+ * Die Druckansichten liegen ausserhalb des angemeldeten Rahmenwerks — der
+ * PDF-Dienst ruft sie mit einem kurzlebigen Zeichen auf und hat keine Sitzung,
+ * also darf dort keine Kopfzeile stehen, die `requireUser()` braucht. Genau
+ * deshalb gab es aber auch keinen Weg zurück: wer die Ansicht im Browser
+ * öffnete, sass in einer Sackgasse.
+ *
+ * Das Ziel wird aus dem Pfad abgeleitet und nicht hereingereicht: `/druck`
+ * abschneiden ergibt die Akte, aus der man kommt. Das stimmt auch, wenn jemand
+ * die Adresse direkt aufruft — `router.back()` täte das nicht.
+ *
+ * `no-print` blendet die Leiste beim Drucken aus. Auf dem Papier hat ein
+ * Zurück-Knopf nichts verloren.
+ */
+export function PrintBar() {
+  const pfad = usePathname()
+  const zurueck = pfad.replace(/\/druck$/, '') || '/uebersicht'
+
+  return (
+    <div className="no-print sticky top-0 z-10 flex flex-wrap items-center gap-3 border-b border-line bg-surface px-6 py-3">
+      <Link href={zurueck} className="btn btn-sm">
+        {exportText.backToFile}
+      </Link>
+      <PrintButton />
+    </div>
+  )
+}
+
+function PrintButton() {
+  return (
+    <button type="button" onClick={() => window.print()} className="btn btn-sm btn-primary">
+      {exportText.printNow}
+    </button>
+  )
+}

web/app/(print)/layout.tsx

@@ -0,0 +1,25 @@
+import type { ReactNode } from 'react'
+import { PrintBar } from './PrintBar'
+
+export const dynamic = 'force-dynamic'
+
+/**
+ * Rahmen der Druckansichten.
+ *
+ * Er ruft bewusst **kein** `requireUser()`: der PDF-Dienst kommt mit einem
+ * kurzlebigen Zeichen und ohne Sitzung, und eine Weiterleitung zur Anmeldung
+ * ergäbe ein leeres PDF. Die Prüfung steht in den Seiten selbst.
+ *
+ * Was er tut, ist zweierlei: er legt den weissen Grund unter das Blatt — sonst
+ * schwebt ein Ausdruck im dunklen Thema der Anwendung, und man hält die
+ * Ansicht für kaputt — und er gibt einen Weg zurück. Beides verschwindet beim
+ * Drucken.
+ */
+export default function PrintLayout({ children }: { children: ReactNode }) {
+  return (
+    <div className="print-page">
+      <PrintBar />
+      {children}
+    </div>
+  )
+}

web/app/globals.css

@@ -363,6 +363,19 @@
     white-space: nowrap;
   }
 
+  /* Der Dienstgrad vor einem Namen. In derselben Groesse wie der Name, denn
+     er gehoert zu ihm — aber in einer eigenen Spalte, sonst faengt jeder Name
+     woanders an. */
+  .record-rank {
+    flex: none;
+    width: var(--record-rank, 6rem);
+    overflow: hidden;
+    font-size: var(--text-sm);
+    color: var(--color-text-dim);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
   /* Der Titel nimmt den Rest. `min-width: 0` ist noetig, damit ein langer
      Titel die Zeile nicht aufblaeht, statt zu kuerzen. */
   .record-title {
@@ -386,6 +399,7 @@
   @media (max-width: 40rem) {
     .record-key,
     .record-label,
+    .record-rank,
     .record-meta {
       width: auto;
       text-align: left;
@@ -810,6 +824,15 @@
      gesperrte Felder erscheinen als Balken mit Vermerk statt zu fehlen.
      Siehe docs/08-suche-und-export.md.
      --------------------------------------------------------------------- */
+  /* Der Grund unter einer Druckansicht.
+     Ohne ihn liegt ein weisses Blatt auf dem dunklen Thema der Anwendung, und
+     die Ansicht sieht kaputt aus, obwohl sie stimmt. Beim Drucken faellt er
+     weg — Papier bringt seinen eigenen Grund mit. */
+  .print-page {
+    min-height: 100dvh;
+    background: #f2f2f0;
+  }
+
   .print-sheet {
     max-width: 180mm;
     margin: 0 auto;
@@ -949,6 +972,11 @@
     max-width: none;
     padding: 0;
   }
+
+  .print-page {
+    min-height: 0;
+    background: #fff;
+  }
 }
 
 @media (prefers-reduced-motion: reduce) {