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(),
-  }))
-}