umbau(boxwart): neue Oberflaeche im Cockpit-Stil (Richtung A), Werkzeuge angehoben

Drei Seiten statt zehn: Start, Updates, Modelle — am PC mit Kopfnavigation, am Handy
mit Leiste unten. Umsetzung von Mockup A („Cockpit“), vom User am 23.09. gewaehlt.

- Start: Hauptwarnleuchte + 8 Warnlampen, Rundinstrumente mit Live-Werten aus dem
  Strom (Speicher, Temperatur, Platte) und Laufzeit-Zaehlwerk, Checkliste der
  Waechter-Hinweise mit ihren Knoepfen, Flugplan (heute gelaufen / geplant), Radar-Kasten.
- Updates: Bausteine mit „Laeuft → Neu“ und Zusammenfassung, laufende Auftraege,
  Verlauf der Sonntagslaeufe (neu: GET /api/updates/verlauf), Sicherungen samt
  Zurueckspielen mit Rueckfrage.
- Modelle: Speicherbalken, Rollen Hirn/Coder/Dritte Rolle, wer die Modelle nutzt
  (7 Tage + 24 h je Stunde), Modell-Radar, weitere Eintraege, Modelle selbst suchen.
- Schubladen: Dienste mit Protokoll und Neustart, Einstellungen (HF-Zugang), Hermes-Link.
- Werkzeuge: Vite 8, React 19.3 mit React Compiler 1.0 (Babel), vitest 5, Tailwind 4.3,
  shadcn 4 (Radix) fuer Dialog/Schublade/Knopf, Schriften Barlow/Barlow Condensed/
  JetBrains Mono. Entfernt: recharts, cmdk, Kraftgraph, zustand, Inter, Space Grotesk.
- Startbuendel 115 KB gzip (Budget 140); Updates/Modelle/Schubladen laden bei Bedarf.
- 16 Oberflaechen-Tests (Instrument-Bogen, Hauptleuchte, Zeitformate, Versionen).

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

frontend/src/components/cockpit/Bestaetigen.tsx

@@ -0,0 +1,37 @@
+import type { ReactNode } from "react"
+import { Button } from "@/components/ui/button"
+import {
+  Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle,
+} from "@/components/ui/dialog"
+
+/** Rückfrage vor Schritten, die die Box umbauen (alles aktualisieren, zurückspielen, neu starten). */
+export function Bestaetigen({ offen, titel, text, knopf, gefahr, onJa, onNein, children }: {
+  offen: boolean
+  titel: string
+  text: string
+  knopf: string
+  gefahr?: boolean
+  onJa: () => void
+  onNein: () => void
+  children?: ReactNode
+}) {
+  return (
+    <Dialog open={offen} onOpenChange={(o) => !o && onNein()}>
+      <DialogContent className="border-linie bg-panel sm:max-w-lg">
+        <DialogHeader>
+          <DialogTitle className="schild text-xl">{titel}</DialogTitle>
+          <DialogDescription className="text-[15px] leading-relaxed text-text-2">{text}</DialogDescription>
+        </DialogHeader>
+        {children}
+        <DialogFooter className="gap-2 sm:gap-2">
+          <Button variant="outline" onClick={onNein}>
+            Abbrechen
+          </Button>
+          <Button variant={gefahr ? "gefahr" : "default"} onClick={onJa}>
+            {knopf}
+          </Button>
+        </DialogFooter>
+      </DialogContent>
+    </Dialog>
+  )
+}