Frontend-Erneuerung: Mobile, Diät, Tempo, UI-Politur (10-Punkte-Paket)

- Fix: 'Interaktives Terminal' im Cockpit führte ins Leere (#terminal) → Konsole
- Mobile: Off-Canvas-Sidebar mit Hamburger unter md, Inhalt volle Breite
  (vorher: 240px starre Sidebar, 135px Rest mit Quer-Scroll auf dem Handy)
- Dead Weight raus: src/mc3/ (verworfener Prototyp), DashboardView (alte
  Zentrale) + 6 nur dort genutzte Karten, 8 ungenutzte npm-Pakete
  (three, three-vrm, react-three fiber/drei, sigma, graphology ×2, @types/three)
- Code-Splitting: alle Views außer Cockpit per React.lazy → Haupt-Bundle
  983 → 739 KB, jede View ein eigenes Chunk
- Fonts lokal (@fontsource) statt Google-CDN → UI offline identisch
- Polling harmonisiert: EINE Takt-Tabelle in queries.ts (Graphen 3s, Rest
  8-60s), keine Override-Intervalle mehr in Komponenten; Updates-Check
  (apt/git!) von 4s auf 60s
- CSS-Hack-Layer aufgelöst: !important-Klassen-Sniffing → explizite
  .mc-card/.mc-card-sm/.nav-active-Klassen (Look identisch, ungeschichtete
  Regeln statt Utility-Raten); totes .light-Theme raus; Scrollbars 1× definiert
- Aurora: animierte Fullscreen-Blur-Filter → statische radial-gradients
  (gleicher Look, keine Dauer-GPU-Last)
- Sicherheit: Sudo-Passwort/HF-Token nur noch bei mutierenden Requests,
  nicht mehr auf jedem GET-Poll
- Strg+K statt ⌘K auf Windows; dist neu gebaut

Live gegen die Box verifiziert: alle 10 Views + Mobile-Flow, 0 Konsolen-Fehler.

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

frontend/src/components/models/JobsBar.tsx

@@ -6,7 +6,7 @@ import { fmtBytes, fmtEta } from "@/lib/format"
 
 export function JobsBar() {
   const qc = useQueryClient()
-  const { data: jobs = [] } = useJobs(2_000)
+  const { data: jobs = [] } = useJobs()
   const { showAlert, dialogElement } = useDialog()
 
   async function cancelJob(jobId: string) {
@@ -24,7 +24,7 @@ export function JobsBar() {
   if (active.length === 0 && recent.length === 0) return null
 
   return (
-    <div className="space-y-3 rounded-2xl border border-border/60 bg-card/45 backdrop-blur-md p-4 shadow-lg shadow-black/10">
+    <div className="space-y-3 mc-card p-4">
       <div className="text-[11px] font-semibold text-muted-foreground uppercase tracking-wider">Aktive Downloads</div>
 
       {active.map((j) => (

frontend/src/components/models/LaneEditor.tsx

@@ -23,7 +23,7 @@ export function LaneEditor() {
 
   if (isLoading || !meta || !draft) {
     return (
-      <div className="rounded-2xl border border-border/60 bg-card/45 backdrop-blur-md p-5 text-xs text-muted-foreground">
+      <div className="mc-card p-5 text-xs text-muted-foreground">
         Lade Routing-Policy…
       </div>
     )
@@ -116,7 +116,7 @@ export function LaneEditor() {
   }
 
   return (
-    <div className="rounded-2xl border border-border/60 bg-card/45 backdrop-blur-md p-5 shadow-lg shadow-black/10 space-y-4">
+    <div className="mc-card p-5 space-y-4">
       <div className="flex items-center justify-between gap-3 flex-wrap">
         <div className="flex items-center gap-2">
           <Sliders className="h-4.5 w-4.5 text-primary" />

frontend/src/components/models/ModelBadges.tsx

@@ -3,7 +3,7 @@ import { cn } from "@/lib/utils"
 import { ROLES, roleTone, roleMeta } from "@/lib/roleMeta"
 
 // Klartext-Schicht: Rollen-Namen/Icons/Farben leben jetzt zentral in lib/roleMeta.ts.
-// Re-Export hält bestehende Importe (Cockpit, ModelsCard, …) stabil.
+// Re-Export hält bestehende Importe (Cockpit, Workbench, …) stabil.
 export { ROLES, roleTone, roleMeta }
 
 // Rollen-Badge in Klartext: Icon + Zweck-Name, technisches Kürzel als Tooltip.

frontend/src/components/models/WarmSetManager.tsx

@@ -12,7 +12,7 @@ import { cn } from "@/lib/utils"
 // mit Speicher-Budget und Geländer (Hirn/Gedächtnis nicht entfernbar).
 export function WarmSetManager() {
   const qc = useQueryClient()
-  const { data: modelsResp } = useModels(4_000)
+  const { data: modelsResp } = useModels()
   const { data: groupsResp } = useGroups()
   const { data: sysStatus } = useSystemStatus()
   const { data: brain } = useHermesBrain()
@@ -69,7 +69,7 @@ export function WarmSetManager() {
 
   if (!group) {
     return (
-      <div className="rounded-2xl border border-border/60 bg-card/45 backdrop-blur-md p-5 shadow-lg shadow-black/10">
+      <div className="mc-card p-5">
         <Header />
         <p className="mt-3 text-xs text-muted-foreground">
           Es gibt noch kein Immer-bereit-Set. Es entsteht automatisch, sobald Lucys Hirn zugewiesen ist.
@@ -80,7 +80,7 @@ export function WarmSetManager() {
   }
 
   return (
-    <div className="rounded-2xl border border-border/60 bg-card/45 backdrop-blur-md p-5 shadow-lg shadow-black/10 space-y-4">
+    <div className="mc-card p-5 space-y-4">
       <Header />
 
       {/* Mitglieder */}