Hitonabi
98360ad31f
- 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>
61 lines
2.6 KiB
TypeScript
61 lines
2.6 KiB
TypeScript
import { type Fit } from "@/lib/api"
|
|
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.
|
|
export { ROLES, roleTone, roleMeta }
|
|
|
|
// 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 function FitBadge({ fit }: { fit: Fit }) {
|
|
const tone = {
|
|
perfect: "bg-emerald-500/15 text-emerald-400 border border-emerald-500/20",
|
|
marginal: "bg-amber-500/15 text-amber-400 border border-amber-500/20",
|
|
too_tight: "bg-red-500/15 text-red-400 border border-red-500/20",
|
|
}[fit.level]
|
|
return (
|
|
<span className={cn("rounded px-2 py-0.5 text-[10px] font-semibold uppercase tracking-wider font-mono", tone)}>
|
|
{fit.text} • {fit.req_gb} GB RAM
|
|
</span>
|
|
)
|
|
}
|
|
|
|
export function getBrandInfo(name: string) {
|
|
const low = name.toLowerCase()
|
|
if (low.includes("qwen")) return { name: "Qwen", color: "bg-purple-500/20 text-purple-300 border-purple-500/30", initial: "Q" }
|
|
if (low.includes("gemma")) return { name: "Gemma", color: "bg-blue-500/20 text-blue-300 border-blue-500/30", initial: "G" }
|
|
if (low.includes("llama")) return { name: "Llama", color: "bg-red-500/20 text-red-300 border-red-500/30", initial: "🦙" }
|
|
if (low.includes("mistral") || low.includes("mixtral")) return { name: "Mistral", color: "bg-orange-500/20 text-orange-300 border-orange-500/30", initial: "M" }
|
|
if (low.includes("deepseek")) return { name: "DeepSeek", color: "bg-cyan-500/20 text-cyan-300 border-cyan-500/30", initial: "D" }
|
|
if (low.includes("hermes") || low.includes("nous")) return { name: "Hermes", color: "bg-amber-500/20 text-amber-300 border-amber-500/30", initial: "H" }
|
|
if (low.includes("phi")) return { name: "Phi", color: "bg-emerald-500/20 text-emerald-300 border-emerald-500/30", initial: "Φ" }
|
|
return { name: "Other", color: "bg-slate-500/20 text-slate-300 border-slate-500/30", initial: "AI" }
|
|
}
|