UI idiotensicher: Klartext-Rollen, Lucy-Statuspanel, Einfach/Experte, Warm-Set

Vier-Etappen-Umbau der MC2-Oberfläche für Endnutzer (kein Fachjargon):

1. Klartext-Schicht (lib/roleMeta.ts): Rollen-Kürzel → Zweck-Namen mit Icons
   (hermes=Lucys Hirn, embed=Lucys Gedächtnis, vision=Lucys Augen, …), zentral
   in ModelBadges/ModelsCard/Cockpit. Veraltete Rollenliste korrigiert
   (Phantom-„fast" raus; embed/coder-lite ergänzt).
2. „Geht's Lucy gut?"-Panel (lib/useLucyHealth.ts + LucyHealthCard): 5 Fähigkeiten
   in Klartext, Ampel-Verdikt, Speicher-Ampel, 1-Klick-Reparatur (echte Unit-Namen).
3. Einfach/Experte-Schalter (lib/useExpertMode.ts + ExpertToggle) + Schutzgeländer:
   Hirn/Gedächtnis (protected) nicht löschbar/entladbar; Ctx/Spec/Slots/Lane-Details
   im Einfach-Modus versteckt.
4. „Immer-bereit-Set"-Manager (WarmSetManager): brains-Gruppe in Klartext + ehrliches
   Speicher-Budget (inkl. KV) mit Verdrängungs-Hinweis.

Live gegen die Box verifiziert. frontend/dist mitgebaut.

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

frontend/src/components/dashboard/ModelsCard.tsx

@@ -3,7 +3,7 @@ import { Boxes, Zap, Moon } from "lucide-react"
 import { useModels, useTokenStats, useSystemStatus } from "@/lib/queries"
 import { fmtSize, gb } from "@/lib/format"
 import { cn } from "@/lib/utils"
-import { ROLES, roleTone } from "@/components/models/ModelBadges"
+import { ROLES, RoleLabel } from "@/components/models/ModelBadges"
 
 // Vereint die frühere RolesCard (Rolle→Modell) + ActiveModelsCard (warm/Inferenz/Größe)
 // zu EINER Karte — dieselbe Info stand vorher doppelt auf der Zentrale.
@@ -85,9 +85,7 @@ export function ModelsCard() {
               )}
             >
               <div className="flex items-center gap-2 min-w-0">
-                <span className={cn("text-[9px] font-semibold uppercase px-1.5 py-0.5 rounded font-mono border tracking-wider shrink-0", roleTone(role))}>
-                  {role}
-                </span>
+                <RoleLabel role={role} className="shrink-0" />
                 <div className="flex flex-col min-w-0">
                   <span className="text-xs font-semibold truncate font-mono text-foreground">
                     {m ? m.name.split("/").pop()?.replace(/\.gguf$/i, "") : "nicht zugewiesen"}