-
Empfohlen für deine Hardware
-
deine Hardware
+
+ Profi-Modus: HuggingFace direkt durchsuchen
+
+
+
+
+
+
+
+
+
+
+ passt locker
+ läuft, aber knapp
+ zu groß für deinen Speicher
+
+
+
+
+
+
+
+
Setup
+
+
+
+
Lädt alle Modelle herunter und pflegt sie mit optimalem Kontext ein. Fortschritt in der Aktivität.
+
-
- passt locker
- läuft, aber knapp
- zu groß für deinen Speicher
-
-
Modell
repo/name
-
Lade Dateien von HuggingFace…
-
-
Ressourcen-Check
Berechne…
-
`;
@@ -96,75 +100,99 @@ function mount() {
$("#cb-m-files").addEventListener("change", updateLiveFit);
$("#cb-m-ctx").addEventListener("change", reanalyzeCtx);
window.cbSetCtx = v => { $("#cb-m-ctx").value = v; reanalyzeCtx(); };
+ $("#cb-r-close").addEventListener("click", () => $("#cb-recipe-modal").style.display = "none");
+ $("#cb-recipe-modal").addEventListener("click", e => { if (e.target.id === "cb-recipe-modal") $("#cb-recipe-modal").style.display = "none"; });
renderHwChip();
- renderCurated();
+ loadRecipes();
}
+// ---- Use-Case-Setups ----
+async function loadRecipes() {
+ try {
+ const d = await api("/api/cookbook/recipes");
+ RECIPES = d.recipes || [];
+ renderRecipes();
+ } catch (e) {
+ $("#cb-recipes").innerHTML = `
Setups nicht ladbar: ${esc(e.message)}
`;
+ }
+}
+
+function renderRecipes() {
+ $("#cb-recipes").innerHTML = RECIPES.map(r => `
+
`).join("");
+ $("#cb-recipes").querySelectorAll("[data-recipe]").forEach(b =>
+ b.addEventListener("click", () => openRecipe(b.getAttribute("data-recipe"))));
+}
+
+function openRecipe(id) {
+ const r = RECIPES.find(x => x.id === id); if (!r) return;
+ $("#cb-r-title").textContent = r.title;
+ $("#cb-r-desc").textContent = r.desc;
+ $("#cb-r-models").innerHTML = `
${r.models.map(m => `
+
+
+
+ ${esc(m.name)}${esc(m.role)}
+
${esc(m.why)}
+
~${m.fit.req_gb.toFixed(1)} GB · ~${Math.round(m.fit.tps)} Tok/s · optimal ~${Math.round(m.optimal_ctx / 1024)}k Kontext
+
+
${esc(m.fit.text)}
+
`).join("")}
`;
+ const btn = $("#cb-r-install");
+ btn.className = r.fit_level === "too_tight" ? "primary warn" : "primary";
+ btn.textContent = r.fit_level === "too_tight" ? "Trotzdem installieren (zu groß)" : "Komplettes Setup installieren";
+ btn.onclick = () => installRecipe(r.id);
+ $("#cb-recipe-modal").style.display = "flex";
+}
+
+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 }) });
+ toast(`Setup wird installiert (${r.count} Modelle) — siehe Aktivität.`);
+ $("#cb-recipe-modal").style.display = "none";
+ document.querySelector(".nav-item[data-view='activity']")?.click();
+ } catch (e) { toast("Fehler: " + e.message, true); }
+ btn.disabled = false; btn.textContent = "Komplettes Setup installieren";
+}
+
+// ---- Hardware-Chip / Filter ----
function renderFilters() {
$("#cb-filters").innerHTML = FILTERS.map(f =>
- `
`
- ).join("");
+ `
`).join("");
$("#cb-filters").querySelectorAll("[data-f]").forEach(b =>
b.addEventListener("click", () => { activeFilter = b.getAttribute("data-f"); renderFilters(); doSearch(); }));
}
-
function renderHwChip() {
const el = $("#cb-hw"); if (!el) return;
- if (lastSys?.ram?.total) {
- el.innerHTML = `${icon("cpu")}${Math.round(lastSys.ram.total / 1024 ** 3)} GB Speicher`;
- }
+ if (lastSys?.ram?.total) el.innerHTML = `${icon("cpu")}${Math.round(lastSys.ram.total / 1024 ** 3)} GB Speicher`;
}
-// ---- Karten ----
+// ---- Profi-Suche (HuggingFace) ----
function metricLine(fit) { return `~${fit.req_gb.toFixed(1)} GB · ~${Math.round(fit.tps)} Tok/s`; }
-function curatedCard(m, i, fit) {
- return `
-
${esc(m.name)}
- ${esc(fit.text)}
-
${esc(m.desc)}
-
- ${metricLine(fit)}${esc(m.quant)}
-
`;
-}
-
-async function renderCurated() {
- $("#cb-section-title").textContent = "Empfohlen für deine Hardware";
- const grid = $("#cb-grid"); if (!grid) return;
- grid.innerHTML = `
Berechne Hardware-Fit…
`;
- try {
- let html = "";
- for (let i = 0; i < CURATED.length; i++) {
- const m = CURATED[i];
- const fit = await api("/api/cookbook/evaluate", { method: "POST", body: JSON.stringify({ params_b: m.params_b, quant: m.quant, ctx: m.ctx }) });
- html += curatedCard(m, i, fit);
- }
- grid.innerHTML = html;
- grid.querySelectorAll("[data-cur]").forEach(el => el.addEventListener("click", () => openCurated(+el.getAttribute("data-cur"))));
- } catch (e) {
- grid.innerHTML = `
Konnte Empfehlungen nicht laden: ${esc(e.message)}
`;
- }
-}
-
async function doSearch() {
let q = $("#cb-search").value.trim();
if (activeFilter) q = q ? q + " " + activeFilter : activeFilter;
- if (!q) return renderCurated();
-
+ if (!q) { $("#cb-grid").innerHTML = ""; return; }
const sort = $("#cb-sort")?.value || "downloads";
const btn = $("#cb-btn-search"); btn.disabled = true; btn.textContent = "Lade…";
- $("#cb-section-title").textContent = "Suchergebnisse: " + q;
- const grid = $("#cb-grid");
- grid.innerHTML = `
Suche auf HuggingFace…
`;
+ $("#cb-grid").innerHTML = `
Suche auf HuggingFace…
`;
try {
const url = `https://huggingface.co/api/models?search=${encodeURIComponent(q)}&filter=gguf&sort=${encodeURIComponent(sort)}&direction=-1&limit=12`;
const r = await fetch(url);
currentResults = await r.json();
renderResults(currentResults);
- } catch (e) {
- grid.innerHTML = `
${esc(e.message)}
`;
- }
+ } catch (e) { $("#cb-grid").innerHTML = `
${esc(e.message)}
`; }
btn.disabled = false; btn.textContent = "Suchen";
}
@@ -196,12 +224,9 @@ async function fetchFitForCard(i, repo_id) {
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"; }
- }
+ } catch { const b = $("#cb-b-" + i); if (b) { b.className = "fit-badge bad"; b.textContent = "Fehler"; } }
}
-// ---- Modal ----
function showFit() {
const file = $("#cb-m-files").value;
const f = currentAnalysis?.files.find(x => x.filename === file);
@@ -211,8 +236,7 @@ function showFit() {
$("#cb-m-fit-badge").innerHTML = `
${esc(f.fit.text)}`;
const opt = f.optimal_ctx, recEl = $("#cb-m-ctx-rec");
if (recEl) recEl.innerHTML = opt
- ? `Empfohlener Kontext für deine Hardware:
~${Math.round(opt / 1024)}k —
übernehmen`
- : "";
+ ? `Empfohlener Kontext für deine Hardware:
~${Math.round(opt / 1024)}k —
übernehmen` : "";
const btn = $("#cb-m-download");
if (f.fit.level === "too_tight") { btn.className = "primary warn"; btn.textContent = "Trotzdem holen (zu groß)"; }
else { btn.className = "primary"; btn.textContent = "Herunterladen & Einpflegen"; }
@@ -253,19 +277,6 @@ async function openResult(i) {
} catch (e) { $("#cb-m-loading").textContent = "Fehler: " + e.message; }
}
-async function openCurated(i) {
- const m = CURATED[i]; if (!m) return;
- openModalBase(m.name, m.repo);
- $("#cb-m-files").style.display = "block"; $("#cb-m-loading").style.display = "none";
- $("#cb-m-files").innerHTML = `
`;
- $("#cb-m-alias").value = m.alias; $("#cb-m-ctx").value = m.ctx; $("#cb-m-download").disabled = false;
- try {
- const fit = await api("/api/cookbook/evaluate", { method: "POST", body: JSON.stringify({ params_b: m.params_b, quant: m.quant, ctx: m.ctx }) });
- currentAnalysis = { repo: m.repo, params_b: m.params_b, files: [{ filename: m.file, quant: m.quant, fit, optimal_ctx: fit.optimal_ctx }] };
- showFit();
- } catch {}
-}
-
async function doDownload() {
const repo = $("#cb-m-repo").textContent, file = $("#cb-m-files").value;
const alias = $("#cb-m-alias").value.trim(), ctx = parseInt($("#cb-m-ctx").value) || 8192;