Let an entry be taken back, along with what it did

HR can now delete a history entry, but only where deleting one is an
honest thing to do — and deleting it also undoes it.

The rule they asked for is the interesting part: the last valid change
wins. Deleting an entry walks its fields one at a time. If a later entry
touched the same field, the current value stays — that later change is
the one in force. Otherwise the field goes back to what the deleted
entry recorded as its "before". So the middle of three entries can be
removed without an old value overwriting a newer one.

Four kinds of entry refuse to be deleted, each saying why in the place
the button would have been. Eintritt anchors the timeline. Transfers,
promotions, absences and exits moved positions and status — they have
proper operations for that, and guessing backwards is how you corrupt an
org chart. Anything not yet effective hangs off a planned change, and
that link is not trustworthy: there is no key between a history row and
its pending row, only a person and a date, and the data already has an
Eintritt and a Vertragsänderung sharing one. Matching on the date would
eventually cancel a change nobody meant. And entries from before the
history carried values have nothing to fall back to.

Confirmation is not "are you sure" — that question gets a reflex yes by
the third time. The dialog says what will be different afterwards: which
field goes back to which value, and which one stays because something
later claimed it.

employee_history keeps its append-only policies; delete_history_entry is
SECURITY DEFINER and checks the permission itself in its first line. The
audit log keeps the deletion with the values that were removed, and the
audit log genuinely cannot be edited.

The rule lives twice — in SQL and in lib/history.ts. The database is the
authority; the copy exists so the UI can hide a button that would fail
and print the reason instead. Rehearsed against real data in a
rolled-back transaction first: the later change held, the untouched
field reverted, all four refusals fired.

Also corrected in the data catalogue: I had written that
require_hr_admin was called by nothing. It guards all sixteen mutating
functions.

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

components/employees/tabs/HistorieTab.tsx

@@ -1,11 +1,14 @@
+import { HistorieLoeschen } from "@/components/employees/HistorieLoeschen";
 import { AenderungsTabelle } from "@/components/ui/AenderungsTabelle";
 import { actionBadgeStyle } from "@/lib/colors";
 import { fmtDate, todayIso } from "@/lib/format";
+import { darfGeloeschtWerden, loeschVorschau } from "@/lib/history";
 import type { Database } from "@/lib/supabase/types";
 
 type HistoryRow = Database["public"]["Tables"]["employee_history"]["Row"];
 
-// Die Geschichte einer Person — und zwar aufklappbar bis auf die Werte.
+// Die Geschichte einer Person — aufklappbar bis auf die Werte, und dort, wo
+// ein Eintrag irrtümlich entstanden ist, auch zurücknehmbar.
 //
 // Vorher stand hier nur „Geänderte Felder: Adresse, Ort". Damit liess sich
 // zwar sehen, *dass* jemand die Anschrift angefasst hat, aber nicht, was
@@ -16,8 +19,13 @@ type HistoryRow = Database["public"]["Tables"]["employee_history"]["Row"];
 // Aufgeklappt wird mit <details>, nicht mit einem Zustand im Browser: die
 // Werte stehen dann schon in der Seite, sind durchsuchbar (Strg+F) und im
 // Ausdruck sichtbar, und es braucht kein Skript dafür.
+//
+// Der Löschknopf erscheint nur an Einträgen, die sich zurücknehmen lassen.
+// An allen anderen steht stattdessen der Grund — leise, aber lesbar. Ein
+// Knopf, der erst nach dem Klick sagt „geht nicht", wäre eine Falle; ein
+// fehlender Knopf ohne Erklärung wäre ein Rätsel.
 
-export function HistorieTab({ history }: { history: HistoryRow[] }) {
+export function HistorieTab({ history, employeeId }: { history: HistoryRow[]; employeeId: string }) {
   const today = todayIso();
 
   if (history.length === 0) {
@@ -29,6 +37,7 @@ export function HistorieTab({ history }: { history: HistoryRow[] }) {
       {history.map((h) => {
         const isFuture = h.event_date > today;
         const changes = h.changes ?? [];
+        const urteil = darfGeloeschtWerden(h, today);
         return (
           <li key={h.id} className="py-3">
             <div className="flex flex-wrap items-center gap-2">
@@ -39,6 +48,17 @@ export function HistorieTab({ history }: { history: HistoryRow[] }) {
                   ⏱ zukünftig – wirksam ab {fmtDate(h.event_date)}
                 </span>
               )}
+              {urteil.erlaubt && (
+                <span className="ml-auto">
+                  <HistorieLoeschen
+                    historyId={h.id}
+                    employeeId={employeeId}
+                    bezeichnung={h.event_type}
+                    datum={h.event_date}
+                    vorschau={loeschVorschau(h, history)}
+                  />
+                </span>
+              )}
             </div>
             <p className="mt-1 text-sm text-ink">{h.description}</p>
 
@@ -56,6 +76,7 @@ export function HistorieTab({ history }: { history: HistoryRow[] }) {
                 <div className="mt-2 rounded border border-border bg-surface px-3 py-2">
                   <AenderungsTabelle changes={changes} />
                 </div>
+                {!urteil.erlaubt && <p className="mt-1.5 text-xs text-ink-muted">{urteil.grund}</p>}
               </details>
             )}
           </li>