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/connect.js

@@ -30,6 +30,15 @@ function field(label, value) {
 }
 const okChip = txt => `<span class="chip" style="background:rgba(63,185,80,.12);border-color:rgba(63,185,80,.25);color:#7ee29a">${icon("check")}${esc(txt)}</span>`;
 
+function toolRow(name, desc, url, badge) {
+  return `<div class="li" style="align-items:flex-start">
+    <div class="li-main">
+      <div class="flex items-center gap-2"><span class="li-id" style="font-family:var(--sans);font-weight:500">${esc(name)}</span>${badge ? `<span class="fit-badge ok">${esc(badge)}</span>` : ""}</div>
+      <div class="li-sub">${esc(desc)}</div></div>
+    <a href="${esc(url)}" target="_blank" rel="noopener"><button class="ghost">Öffnen</button></a>
+  </div>`;
+}
+
 function render() {
   const c = $(".view[data-view='connect']"); if (!c) return;
   const url = baseUrl();
@@ -56,9 +65,18 @@ function render() {
       <div id="cn-vision"></div>
     </div>
 
+    <div class="card">
+      <div class="card-h"><h3>Empfohlene Tools (Juni 2026)</h3></div>
+      <div class="card-sub">Diese verbinden sich nahtlos mit deinem Stack. Einrichtungs-Configs findest du darunter.</div>
+      ${toolRow("OpenCode", "Beliebtester Open-Source-Coding-Agent (MIT) — Terminal, Desktop & IDE.", "https://opencode.ai", "Empfohlen")}
+      ${toolRow("Cline", "Bestes Erlebnis in VS Code, Bring-Your-Own-Key, Mensch-im-Loop.", "https://cline.bot")}
+      ${toolRow("Continue.dev", "Feinkörnige Kontrolle + bestes MCP-Ökosystem für Werkzeuge.", "https://continue.dev")}
+      <div class="hint" style="margin-top:12px">MCP gibt Agenten zusätzliche Werkzeuge (Web durchsuchen, Dateien, Tools). Continue & Cline unterstützen MCP — mehr dazu im Guide.</div>
+    </div>
+
     <div class="card" style="padding:0;overflow:hidden">
       <details class="guide-acc" open>
-        <summary>OpenCode (Windows)</summary>
+        <summary>OpenCode (Windows) — Config</summary>
         <div class="acc-body">
           <p>Lege in OpenCode einen OpenAI-kompatiblen Provider an:</p>
           ${field("Basis-URL", url)}