v5 Phase 2: aktuelle Modelle, GGUF-Klartext, Tools, HF-Token

- recipes.py: Juni-2026-Modelle (Qwen3-Coder-30B-A3B, Qwen3-8B/30B, Qwen2.5-VL-7B, Qwen3-4B);
  nur Repo gespeichert, GGUF-Datei wird beim Installieren dynamisch aufgeloest (_pick_gguf) +
  UPGRADES-Map fuer Phase 3.
- cookbook: 'kein GGUF' neutral statt rot + GGUF-Erklaerung (infoDot); ctx-infoDot.
- connect.js: 'Empfohlene Tools (Juni 2026)' (OpenCode/Cline/Continue) + MCP-Hinweis.
- HF-Token in Einstellungen -> als HF_TOKEN an Downloads/Recipe-Install durchgereicht.

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

static/js/panels/cookbook.js

@@ -1,10 +1,11 @@
 // cookbook.js — Cookbook 2.0 (v4): Use-Case-Setups („Wofür?") + Profi-Suche.
 // Backend: /api/cookbook/{recipes,install-recipe,analyze,evaluate} (hw_math).
 
-import { api } from "../core/api.js";
+import { api, getHfToken } from "../core/api.js";
 import { $, esc, icon, toast, infoDot } from "../core/ui.js";
 
 const CTX_HELP = "Kontext = das Kurzzeitgedächtnis des Modells. Größer = merkt sich mehr, braucht aber mehr Speicher und wird etwas langsamer.";
+const GGUF_HELP = "GGUF ist das lokal lauffähige Dateiformat. Unsere Engine lädt nur GGUF — Repos ohne GGUF-Datei kann sie nicht nutzen.";
 
 const FILTERS = [
   { id: "", label: "Alle" }, { id: "coder", label: "Coder" }, { id: "scout", label: "Scout" },
@@ -55,6 +56,7 @@ function mount() {
           <span><i style="background:var(--warn)"></i>läuft, aber knapp</span>
           <span><i style="background:var(--err)"></i>zu groß für deinen Speicher</span>
         </div>
+        <div class="hint" style="margin:-6px 0 14px">Es werden nur Modelle im GGUF-Format ${infoDot(GGUF_HELP)} gezeigt — nur die laufen lokal.</div>
         <div class="grid grid-3" id="cb-grid"></div>
       </div>
     </details>
@@ -163,7 +165,7 @@ function openRecipe(id) {
 async function installRecipe(id) {
   const btn = $("#cb-r-install"); btn.disabled = true; btn.textContent = "Starte…";
   try {
-    const r = await api("/api/cookbook/install-recipe", { method: "POST", body: JSON.stringify({ recipe_id: id }) });
+    const r = await api("/api/cookbook/install-recipe", { method: "POST", body: JSON.stringify({ recipe_id: id, hf_token: getHfToken() }) });
     toast(`Setup wird installiert (${r.count} Modelle) — siehe Aktivität.`);
     $("#cb-recipe-modal").style.display = "none";
     document.querySelector(".nav-item[data-view='activity']")?.click();
@@ -226,7 +228,7 @@ 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 bad"; b.textContent = "keine GGUFs"; 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 = "—"; 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");
@@ -289,7 +291,7 @@ async function doDownload() {
   if (!repo || !file || !alias) return toast("Bitte alle Felder ausfüllen.", true);
   const btn = $("#cb-m-download"); btn.disabled = true; btn.textContent = "Starte…";
   try {
-    const res = await api("/api/download", { method: "POST", body: JSON.stringify({ repo, file }) });
+    const res = await api("/api/download", { method: "POST", body: JSON.stringify({ repo, file, hf_token: getHfToken() }) });
     await api("/api/register", { method: "POST", body: JSON.stringify({ alias, model_path: res.expected_path, ctx }) });
     toast("Download gestartet — siehe Aktivität.");
     $("#cb-modal").style.display = "none";