Frontend: Voice-Umzug in Desktop-App, MC3-Prototyp, UI-Rework-Dateien auf lucy-v2, dist konsistent

- VoiceView + components/voice + lib/voice entfernt (lebt jetzt in client/lucy-desktop)
- mc3/: Basisstation-Prototyp hinter #mc3-Weiche (non-destruktiv)
- roleMeta/useLucyHealth/useExpertMode/ExpertToggle/LucyHealthCard/WarmSetManager (UI-Rework, auf main a341d25 committet, hier nachgezogen)
- dist frisch gebaut (Asset-Stand war inkonsistent: alte geloescht, neue untracked)

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

frontend/src/components/models/ModelBadges.tsx

@@ -1,24 +1,39 @@
 import { type Fit } from "@/lib/api"
 import { cn } from "@/lib/utils"
+import { ROLES, roleTone, roleMeta } from "@/lib/roleMeta"
 
-// Die kanonischen Serving-Rollen (identisch zu Backend sources.py/llamaswap.ROLE_IDS).
-// `hermes` = Lucys Agent-Hirn (warm + ko-resident); UI-Label „Hirn".
-export const ROLES = ["fast", "heavy", "coder", "vision", "hermes", "scout"]
+// Klartext-Schicht: Rollen-Namen/Icons/Farben leben jetzt zentral in lib/roleMeta.ts.
+// Re-Export hält bestehende Importe (Cockpit, ModelsCard, …) stabil.
+export { ROLES, roleTone, roleMeta }
 
-// Rolle → Farbton. EINE Quelle der Wahrheit für alle Rollen-Badges (Cockpit, ModelsCard,
-// …). `hermes` = Agent-Hirn (taucht als geladenes Modell auf).
-export const ROLE_TONE: Record<string, string> = {
-  fast: "bg-cyan-500/15 text-cyan-400 border-cyan-500/25",
-  heavy: "bg-amber-500/15 text-amber-400 border-amber-500/25",
-  coder: "bg-violet-500/15 text-violet-400 border-violet-500/25",
-  vision: "bg-pink-500/15 text-pink-400 border-pink-500/25",
-  scout: "bg-teal-500/15 text-teal-400 border-teal-500/25",
-  hermes: "bg-indigo-500/15 text-indigo-400 border-indigo-500/25",
+// Rollen-Badge in Klartext: Icon + Zweck-Name, technisches Kürzel als Tooltip.
+// `dense` = nur Kurzform (für enge Badges).
+export function RoleLabel({
+  role,
+  dense = false,
+  className,
+}: {
+  role?: string | null
+  dense?: boolean
+  className?: string
+}) {
+  const meta = roleMeta(role)
+  const Icon = meta.icon
+  return (
+    <span
+      className={cn(
+        "inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-[10px] font-semibold border tracking-wide",
+        meta.tone,
+        className,
+      )}
+      title={`${meta.desc} (${meta.role})`}
+    >
+      <Icon className="h-3 w-3 shrink-0" aria-hidden="true" />
+      {dense ? meta.short : meta.label}
+    </span>
+  )
 }
 
-export const roleTone = (role?: string | null) =>
-  (role && ROLE_TONE[role]) || "bg-slate-500/15 text-slate-300 border-slate-500/25"
-
 export function FitBadge({ fit }: { fit: Fit }) {
   const tone = {
     perfect: "bg-emerald-500/15 text-emerald-400 border border-emerald-500/20",