v4 Schritt 1: optimale Kontextfenster automatisch ermitteln

- hw_math: max_ctx_for() (Umkehrung der ctx-Heuristik) + extract_params_b + recommend_ctx.
- cookbook.py: optimal_ctx pro Datei in analyze + evaluate.
- models.py status: params_b + optimal_ctx pro Modell (psutil-RAM).
- models.js Konfig-Modal: Empfehlung + 'Optimal uebernehmen'.
- cookbook.js Modal: 'Empfohlener Kontext ... uebernehmen'.

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

static/js/panels/models.js

@@ -56,6 +56,11 @@ function mount() {
         <label>Kontext-Größe (Tokens)</label>
         <input id="cfg-ctx" type="number" value="8192">
         <div class="hint">Höhere Werte erlauben längere Texte, brauchen aber mehr Grafikspeicher.</div>
+        <div class="tile" id="cfg-rec" style="display:none;margin:0 0 14px;justify-content:space-between;align-items:center" >
+          <div style="flex:1"><div style="font-size:13px">Empfohlen für deine Hardware</div>
+            <div class="hint" id="cfg-rec-note" style="margin:4px 0 0"></div></div>
+          <button class="ghost" id="cfg-rec-apply">Optimal übernehmen</button>
+        </div>
         <button class="primary" id="cfg-save" style="width:100%;margin-top:6px">Speichern</button>
       </div>
     </div>`;
@@ -97,6 +102,14 @@ function openConfig(alias) {
   const m = ALL.find(x => x.name === alias); if (!m) return;
   $("#cfg-model-name").textContent = m.name;
   $("#cfg-ctx").value = m.meta?.ctx || 8192;
+  const opt = m.meta?.optimal_ctx, rec = $("#cfg-rec");
+  if (opt) {
+    const cur = m.meta?.ctx || 0;
+    $("#cfg-rec-note").textContent =
+      `Bis ~${Math.round(opt / 1024)}k passt komfortabel. Aktuell: ~${Math.round(cur / 1024)}k.`;
+    $("#cfg-rec-apply").onclick = () => { $("#cfg-ctx").value = opt; };
+    rec.style.display = "flex";
+  } else { rec.style.display = "none"; }
   $("#cfg-modal").style.display = "flex";
 }
 async function saveConfig() {