Zuletzt geöffnet als Sprungliste, ohne Verlauf

Die letzte offene Zeile aus TASKS.md. Sie blieb offen, weil eine Spur über
jeden Aktenaufruf schnell etwas anderes wird als eine Bequemlichkeit.

Vier Festlegungen halten sie auf der richtigen Seite:

  - Kein Verlauf. Der Primärschlüssel (userId, targetType, targetId) lässt je
    Nutzer und Datensatz genau eine Zeile zu, die überschrieben wird. Die
    Tabelle kann nicht sagen, wie oft oder in welcher Reihenfolge gearbeitet
    wurde. Zwanzig Einträge, älteres fällt hinten heraus.
  - Nur die eigene. Keine Ansicht, kein Adminbereich, keine Funktion mit
    fremder Kennung. Jede Abfrage nimmt p.userId.
  - Jederzeit löschbar, ohne Rückfrage und ohne Grabstein.
  - Vorabrufe zählen nicht. Ohne die Prüfung auf next-router-prefetch stünde
    dort, worüber jemand mit der Maus gefahren ist.

Gelesen wird über dieselben Sichtbarkeitsfragmente wie überall: eine
vorgemerkte Kennung ist keine Berechtigung. Steigt eine Akte über die
Freigabestufe, verschwindet sie ohne Lücke und ohne Platzhalter; Personalakten
brauchen zusätzlich personnel.read. Das Zugriffsprotokoll bleibt unberührt und
bleibt die einzige Auskunft darüber, wer wann was gelesen hat.

Sie steht auf der Übersicht und im leeren Feld der Kommandopalette. Der zweite
Ort ist der eigentliche.

Nebenbei: NEXT_DIST_DIR, damit ein Build neben einem laufenden
Entwicklungsserver nicht dasselbe .next-Verzeichnis abräumt.

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

@@ -7,6 +7,8 @@ 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'
 
 export const metadata: Metadata = { title: de.dashboard.heading }
 export const dynamic = 'force-dynamic'
@@ -50,6 +52,34 @@ export default async function DashboardPage() {
       ) : null}
 
       <div className="mt-10 grid gap-10 md:grid-cols-2">
+        <section className="md:col-span-2">
+          <div className="flex flex-wrap items-baseline justify-between gap-x-6 gap-y-1">
+            <h2 className="font-condensed">{de.dashboard.opened}</h2>
+            {daten.geoeffnet.length > 0 ? (
+              <form action={clearRecentAction}>
+                <button type="submit" className="font-condensed text-2xs text-text-dim">
+                  {de.dashboard.openedClear}
+                </button>
+              </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>
+          ) : (
+            <ul className="mt-4 border-t border-line">
+              {daten.geoeffnet.map((eintrag) => (
+                <li
+                  key={`${eintrag.targetType}:${eintrag.targetId}`}
+                  className="border-b border-line"
+                >
+                  <Sprung eintrag={eintrag} levelName={levelName} />
+                </li>
+              ))}
+            </ul>
+          )}
+        </section>
+
         <Block titel={de.dashboard.mine} leer={de.dashboard.mineEmpty} eintraege={daten.meine}>
           {(akte) => <Akte akte={akte} levelName={levelName} />}
         </Block>
@@ -165,6 +195,40 @@ function Block({
   )
 }
 
+/**
+ * Eine Zeile der Sprungliste. Sie kann eine Akte, eine Person oder ein
+ * Dokument sein — deshalb steht die Art nicht dabei, sondern nur das, woran
+ * man sie erkennt: Aktenzeichen, Name oder Dokumentnummer.
+ *
+ * Ohne Vorabruf, anders als die übrigen Listen: die Seiten dahinter merken
+ * sich, dass sie geöffnet wurden. Der Vorabruf wird zwar serverseitig erkannt
+ * und zählt nicht mit, aber ausgerechnet diese Liste sollte sich nicht selbst
+ * am Leben halten können, wenn diese Erkennung einmal nicht greift.
+ */
+function Sprung({
+  eintrag,
+  levelName,
+}: {
+  eintrag: RecentEntry
+  levelName: Map<number, string>
+}) {
+  return (
+    <Link
+      href={eintrag.href}
+      prefetch={false}
+      className="flex flex-wrap items-baseline gap-x-4 gap-y-1 py-2 pl-3 text-text no-underline"
+      style={classificationEdgeStyle(eintrag.classification)}
+    >
+      <span className="font-mono text-xs text-text-dim">{eintrag.label}</span>
+      <span className="grow">{eintrag.secondary}</span>
+      <StampMark
+        level={eintrag.classification}
+        name={levelName.get(eintrag.classification) ?? de.common.unknown}
+      />
+    </Link>
+  )
+}
+
 function Akte({
   akte,
   levelName,