feat: display LLM metrics and capabilities (Feature 6)

2026-06-20 21:27:59 +02:00
parent 00933f2234
commit bd1c2ef5c9
3 changed files with 70 additions and 4 deletions
@@ -99,10 +99,20 @@ function modelRow(m) {
  const on = RUNNING.has(m.state);
  const dot = m.state === "loading" || m.state === "starting" ? "load" : on ? "on" : "";
  const state = on ? (m.state === "loading" ? "lädt…" : "geladen") : "bereit";
+  
+  let caps = "";
+  if (m.meta && m.meta.caps) {
+      caps = m.meta.caps.map(c => {
+         if (c === "Code") return `<span title="Code" style="color:var(--blue);font-size:0.9em;margin-left:6px">{ }</span>`;
+         if (c === "Bild") return `<span title="Vision" style="color:var(--purple);font-size:0.9em;margin-left:6px">👁</span>`;
+         return "";
+      }).join("");
+  }
+  
  return `<div class="li">
    <span class="li-dot ${dot}"></span>
    <div class="li-main">
-      <div class="li-id">${esc(m.name)}</div>
+      <div class="li-id" style="font-weight:500">${esc(m.name)}${caps}</div>
      <div class="li-sub">TTL ${m.ttl ?? "—"}${typeof m.ttl === "number" ? "s" : ""}</div>
    </div>
    <div class="li-right">