feat: Cookbook-Download-Fix, Live-Update-Konsole, Profi-Highlight, OpenCode-Guide

Backend:
- hf_bin() + HF_DOWNLOAD_ENV zentral in config.py; install-recipe und
  install-model in cookbook.py nutzten weiter das fehlende `hf` + falsches
  XET-Env -> Haupt-Installationsweg war ebenso kaputt, jetzt konsistent gefixt

Frontend:
- Server: laufende Updates (LLM-Engine/OS) live auf der Server-Seite mitlesbar,
  inkl. klarer Fertig-/Fehlgeschlagen-Meldung (onJobs + Aktueller-Vorgang-Karte)
- Cookbook/Profi-Modus: meistgeladenes, passendes Modell wird als
  "★ Beste Wahl für dein System" hervorgehoben (analog zu den Templates)
- Verbinden: OpenCode korrekt per opencode.json (@ai-sdk/openai-compatible)
  statt irrefuehrender Felder; erklaert "Connect to API"-Fehler (LAN-IP statt
  localhost)

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

static/js/panels/cookbook.js

@@ -18,6 +18,8 @@ let currentAnalysis = null;
 let activeFilter = "";
 let RECIPES = [];
 let RECOMMENDED = null;
+let cardFits = [];               // Fit-Level je Such-Karte (fuer „Beste Wahl"-Markierung)
+const FIT_RANK = { perfect: 0, marginal: 1, too_tight: 2 };
 
 const fitCls = lvl => lvl === "perfect" ? "ok" : lvl === "marginal" ? "warn" : "bad";
 const fitWord = lvl => lvl === "perfect" ? "Passt locker" : lvl === "marginal" ? "Wird knapp" : "Zu groß";
@@ -211,6 +213,7 @@ async function doSearch() {
 
 function renderResults(results) {
   const grid = $("#cb-grid");
+  cardFits = [];
   if (!results?.length) { grid.innerHTML = `<div class="empty" style="grid-column:1/-1;text-align:center">Keine GGUF-Modelle gefunden.</div>`; return; }
   grid.innerHTML = results.map((m, i) => `
     <div class="card" style="display:flex;flex-direction:column;cursor:pointer" data-res="${i}">
@@ -233,11 +236,28 @@ async function fetchFitForCard(i, repo_id) {
     const res = await api("/api/cookbook/analyze", { method: "POST", body: JSON.stringify({ repo_id, ctx: 8192 }) });
     const b = $("#cb-b-" + i), mt = $("#cb-m-" + i);
     if (!b || !mt) return;
-    if (!res.files?.length) { b.className = "fit-badge"; b.style.cssText = "background:rgba(139,151,165,.14);color:var(--mut)"; b.title = GGUF_HELP; b.textContent = "kein GGUF"; mt.textContent = "—"; return; }
+    if (!res.files?.length) { b.className = "fit-badge"; b.style.cssText = "background:rgba(139,151,165,.14);color:var(--mut)"; b.title = GGUF_HELP; b.textContent = "kein GGUF"; mt.textContent = "—"; cardFits[i] = null; markBestResult(); return; }
     let best = res.files.find(f => f.quant?.includes("Q4_K_M")) || res.files[0];
     b.className = "fit-badge " + fitCls(best.fit.level); b.textContent = best.fit.text;
     mt.textContent = metricLine(best.fit) + " · " + (best.quant || "GGUF");
-  } catch { const b = $("#cb-b-" + i); if (b) { b.className = "fit-badge bad"; b.textContent = "Fehler"; } }
+    cardFits[i] = best.fit.level; markBestResult();
+  } catch { const b = $("#cb-b-" + i); if (b) { b.className = "fit-badge bad"; b.textContent = "Fehler"; } cardFits[i] = null; markBestResult(); }
+}
+
+// Markiert die beste System-Wahl in den Suchergebnissen: das meistgeladene Modell
+// (Liste ist nach Downloads sortiert), das noch sauber auf die Hardware passt.
+function markBestResult() {
+  const grid = $("#cb-grid"); if (!grid) return;
+  let bestI = -1, bestRank = 99;
+  cardFits.forEach((lvl, i) => {
+    if (lvl == null) return;
+    const rank = FIT_RANK[lvl] ?? 99;
+    if (rank < bestRank) { bestRank = rank; bestI = i; }
+  });
+  grid.querySelectorAll("[data-res]").forEach(el => { el.classList.remove("res-best"); el.querySelector(".cb-best-tag")?.remove(); });
+  if (bestI < 0 || bestRank > 1) return;  // nur hervorheben, wenn etwas Lauffähiges (perfect/marginal) dabei ist
+  const el = grid.querySelector(`[data-res="${bestI}"]`);
+  if (el) { el.classList.add("res-best"); el.insertAdjacentHTML("afterbegin", `<div class="cb-best-tag">★ Beste Wahl für dein System</div>`); }
 }
 
 function showFit() {