feat(widerruf): Widerruf und Massenwiderruf mit Dry-Run (#024)

Ein Schlüssel soll nach Projektende mit einem Klick von allen Hosts
verschwinden – aber nie als „widerrufen“ gelten, solange er irgendwo noch
liegt. Deshalb ein Zwischenzustand (widerrufEingeleitetAm): Verwendungen
werden zum Entfernen vorgemerkt, der bestehende Dry-Run mit Hash-Sperre
zeigt und schreibt die Änderungen, und erst wenn keine Verwendung mehr
offen ist, setzt der Abschluss WIDERRUFEN (bzw. ROTIERT für #023).
Scheitert ein Host, bleibt der Schlüssel im Zwischenzustand und die Seite
nennt die offenen Ziele.

Zielkonten lassen sich optional mit entfernen, aber erst nach den
Schlüsseln und nie, wenn ein anderer aktiver Schlüssel sie noch nutzt.
Massenwiderruf (Admin, frische Bestätigung) nutzt einen gemeinsamen
Dry-Run und protokolliert je Schlüssel. Abgelaufene Schlüssel erscheinen
im Filter „abgelaufen“ und bieten den Widerruf an – entfernt wird nie
automatisch.

Migration 20261012130000_widerruf_eingeleitet.

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

src/components/assistent/Assistent.tsx

@@ -1,12 +1,13 @@
 "use client";
 
-import { ArrowLeft, ArrowRight, Check, ExternalLink, Play } from "lucide-react";
+import { ArrowLeft, ArrowRight, ExternalLink, Play } from "lucide-react";
 import { useState } from "react";
-import { clsx } from "clsx";
 import { AusrollenPanel } from "@/components/ausrollen/AusrollenPanel";
 import { Ankreuzfeld, Button, Feld, Formularfehler, Karte } from "@/components/ui";
 import { Auswahlliste, Textbereich } from "@/components/ui/Feld";
+import { Schrittleiste } from "@/components/ui/Schrittleiste";
 import { VorgangsKnopf } from "@/components/vorgang/VorgangsKnopf";
+import { warten } from "@/components/vorgang/warten";
 import { istIpAdresse, platzhalterErsetzen } from "@/lib/vorlagen";
 import { sudoersInhalt } from "@/lib/ssh/zielkonto";
 import {
@@ -91,19 +92,6 @@ function kurz(text: string): string {
   );
 }
 
-/** Wartet auf das Ende eines Vorgangs (fuer die Kette im Klick, nicht als Hook). */
-async function warten(
-  vorgangId: string,
-): Promise<{ status: string; fehler: string | null; ergebnis: unknown }> {
-  for (;;) {
-    const antwort = await fetch(`/api/vorgaenge/${vorgangId}`, { cache: "no-store" });
-    if (!antwort.ok) throw new Error("Status des Vorgangs nicht abrufbar.");
-    const stand = (await antwort.json()) as { status: string; fehler: string | null; ergebnis: unknown };
-    if (stand.status !== "WARTEND" && stand.status !== "LAEUFT") return stand;
-    await new Promise((weiter) => setTimeout(weiter, 800));
-  }
-}
-
 export function Assistent({ daten, bestaetigt }: { daten: AssistentDaten; bestaetigt: boolean }) {
   const [schritt, setSchritt] = useState(0);
   const [w, setW] = useState<Werte>(LEER);
@@ -249,27 +237,7 @@ export function Assistent({ daten, bestaetigt }: { daten: AssistentDaten; bestae
 
   return (
     <div className="flex flex-col gap-6">
-      <ol className="flex flex-wrap gap-2" aria-label="Schritte">
-        {SCHRITTE.map((titel, index) => (
-          <li
-            key={titel}
-            aria-current={index === schritt ? "step" : undefined}
-            className={clsx(
-              "rounded-box flex min-h-11 items-center gap-2 border px-3 text-[13.5px]",
-              index === schritt
-                ? "border-accent text-accent bg-raised font-medium"
-                : index < schritt
-                  ? "border-border text-text"
-                  : "border-border text-muted",
-            )}
-          >
-            <span className="font-mono">
-              {index < schritt ? <Check className="size-4" aria-hidden /> : index + 1}
-            </span>
-            {titel}
-          </li>
-        ))}
-      </ol>
+      <Schrittleiste schritte={SCHRITTE} aktuell={schritt} />
 
       {schritt === 0 && (
         <Karte