Temperatur (GPU)

Freier Speicher

',1),Jo=k('

Temperatur

–

messe…

Freier Speicher

–

messe…

',1),Qo=k('

'),Zo=k('

Warte auf Messwerte…

'),Yo=k('

Noch kein Modell eingerichtet — starte hier:

',1),Xo=k('

Die häufigsten Aufgaben — ein Klick.

',1),ed=k('Bild'),td=k('Code'),nd=k('Text'),ad=k('∞ aktiv'),rd=k(''),id=k('

'),Zi=k('

'),sd=k('

Noch keine Modelle

Hol dir unter „Cookbook" ein Modell, das auf deine Hardware passt.

'),ld=k('

'),od=k('

News gerade nicht ladbar.

'),dd=k('

LLM-Engine

Aktives Modell

System-Gesundheit

Auslastung in Echtzeit.

Schnellstart

Dein Stack

Top-News

Alle →

',1);function cd(e,t){na(t,!0);const a=O(()=>br.value),r=O(()=>zi.value),i=O(()=>{var S;return((S=n(a))==null?void 0:S.models)||[]}),o=O(()=>{var S;return((S=n(a))==null?void 0:S.swap_ok)??!1}),d=["running","ready","loading","starting"],c=O(()=>n(i).find(S=>d.includes(S.state))),u=O(()=>n(i).filter(S=>!S.incomplete)),v=O(()=>n(a)?n(o)?n(r)&&n(r).ram.percent>=90?"Achtung: Speicher wird knapp.":"Alles läuft rund.":"LLM-Engine offline":"Verbinde…"),g=O(()=>n(a)?n(o)?n(r)&&n(r).ram.percent>=90?`Arbeitsspeicher bei ${Math.round(n(r).ram.percent)} % — eventuell Speicher freigeben.`:`${n(u).length} ${n(u).length===1?"Modell":"Modelle"} konfiguriert · ${n(c)?`„${n(c).name}" geladen`:"keines geladen"} · keine Warnungen.`:"Der llama-swap-Dienst antwortet gerade nicht.":""),E=O(()=>()=>{var G;const S=(G=n(r))==null?void 0:G.gpu;return S&&S.vram.total+S.gtt.total>0?(S.vram.used+S.gtt.used)/(S.vram.total+S.gtt.total)*100:0});let p=R(Vt([])),y=R(null);mr(async()=>{try{h(p,((await Me("/api/news")).items||[]).slice(0,4),!0)}catch{}});async function T(){await yn({title:"Speicher freigeben?",body:"Alle aktuell geladenen Modelle werden aus dem Grafikspeicher geworfen. Sie laden beim nächsten Aufruf automatisch neu.",confirmLabel:"Speicher freigeben"})&&(await Me("/api/unload",{method:"POST"}),x())}async function z(S){h(y,S,!0);try{await Me("/api/preload?model="+encodeURIComponent(S),{method:"POST"})}catch(G){ee("Laden fehlgeschlagen: "+(G.message||"Engine nicht erreichbar?"),!0)}h(y,null),x()}function x(){document.dispatchEvent(new Event("mc:refresh"))}function $(S){var G;(G=document.querySelector(`.nav-item[data-view="${S}"]`))==null||G.dispatchEvent(new MouseEvent("click"))}function ke(S){return S>=90?"red":S>=75?"":"green"}function te(S){return S==null?"":S>=75?"red":S>=55?"":"green"}function ue(S){return S>=90?"red":S>=70?"":"green"}var Ae=dd(),K=ct(Ae),W=l(K),fe=l(W),he=l(fe),$e=s(he);{var We=S=>{var G=Ho();m(S,G)};q($e,S=>{n(o)&&!n(c)&&S(We)})}var mt=s(fe,2),A=l(mt),H=s(K,2),re=l(H),Ve=l(re),Q=s(l(Ve),2);ze(Q,()=>$t("server"),!0);var De=s(Ve,2),Y=l(De),rt=s(De,2),L=l(rt),V=s(re,2),ie=l(V),ge=s(l(ie),2);ze(ge,()=>$t("cpu"),!0);var Te=s(ie,2),bt=l(Te),pt=s(Te,2),xt=l(pt);{var Ct=S=>{var G=nr();D(Oe=>b(G,`${Oe??""} · ${n(c).state??""}`),[()=>{var Oe;return(Oe=n(c).meta)!=null&&Oe.ctx?Math.round(n(c).meta.ctx/1024)+"k ctx":""}]),m(S,G)},St=S=>{var G=nr("lädt bei erster Anfrage");m(S,G)};q(xt,S=>{n(c)?S(Ct):S(St,-1)})}var zt=s(V,2);{var Ot=S=>{const G=O(()=>{var Vn;return n(r).gpu_temp??((Vn=n(r).cpu)==null?void 0:Vn.temp)??null}),Oe=O(()=>te(n(G))),ne=O(()=>n(r).ram.total-n(r).ram.used),Be=O(()=>100-n(r).ram.percent);var Ze=jo(),et=ct(Ze),Se=l(et),Pe=s(l(Se));ze(Pe,()=>$t("thermo"),!0);var Re=s(Se,2),Rt=l(Re),Bt=s(Re,2),Ht=l(Bt),an=s(et,2),bn=l(an),Ke=s(l(bn));ze(Ke,()=>$t("database"),!0);var ht=s(bn,2),Rn=l(ht),Wn=s(ht,2),ra=l(Wn);D((Vn,Va,w,_)=>{kt(et,1,`kpi ${n(Oe)??""}`),b(Rt,Vn),b(Ht,n(G)==null?"messe…":n(G)<55?"kühl":n(G)<75?"normal":"⚠ heiß"),kt(an,1,`kpi ${n(Be)<15?"red":n(Be)<30?"":"green"}`),b(Rn,Va),b(ra,`von ${w??""} GB · ${_??""} % frei`)},[()=>n(G)!=null?`${Math.round(n(G))}°C`:"–",()=>Math.round(n(ne)/1073741824),()=>Math.round(n(r).ram.total/1073741824),()=>Math.round(n(Be))]),m(S,Ze)},It=S=>{var G=Jo();m(S,G)};q(zt,S=>{n(r)?S(Ot):S(It,-1)})}var P=s(H,2),N=l(P),Ce=s(l(N),4);{var ut=S=>{const G=O(()=>n(E)());var Oe=or(),ne=ct(Oe);dt(ne,17,()=>{var Be;return[["Prozessor (CPU)",((Be=n(r).cpu)==null?void 0:Be.percent)??0,""],["Arbeitsspeicher (RAM)",n(r).ram.percent,ke(n(r).ram.percent)],["Grafikspeicher (VRAM)",n(G),ue(n(G))]]},ot,(Be,Ze)=>{var et=O(()=>sr(n(Ze),3));let Se=()=>n(et)[0],Pe=()=>n(et)[1];const Re=O(()=>Math.max(0,Math.min(100,Pe()||0)));var Rt=Qo(),Bt=l(Rt),Ht=l(Bt),an=l(Ht),bn=s(Ht),Ke=l(bn),ht=s(Bt,2),Rn=l(ht);D((Wn,ra)=>{b(an,Se()),b(Ke,`${Wn??""} %`),kt(ht,1,`bar ${n(Re)>=90?"bad":n(Re)>=75?"warn":""}`),pn(Rn,`width:${ra??""}%`)},[()=>Math.round(n(Re)),()=>Math.max(2,n(Re))]),m(Be,Rt)}),m(S,Oe)},F=S=>{var G=Zo();m(S,G)};q(Ce,S=>{n(r)?S(ut):S(F,-1)})}var Le=s(N,2),J=s(l(Le),2);{var de=S=>{var G=Yo(),Oe=s(ct(G),2),ne=l(Oe);ze(ne,()=>$t("search"),!0);var Be=s(ne,4);ze(Be,()=>$t("chevron"),!0);var Ze=s(Oe,2),et=l(Ze);ze(et,()=>$t("swap"),!0);var Se=s(et,4);ze(Se,()=>$t("chevron"),!0);var Pe=s(Ze,2),Re=l(Pe);ze(Re,()=>$t("file"),!0);var Rt=s(Re,4);ze(Rt,()=>$t("chevron"),!0),C("click",Oe,()=>$("cookbook")),C("click",Ze,()=>$("connect")),C("click",Pe,()=>$("guides")),m(S,G)},se=S=>{var G=Xo(),Oe=s(ct(G),2),ne=l(Oe);ze(ne,()=>$t("search"),!0);var Be=s(ne,4);ze(Be,()=>$t("chevron"),!0);var Ze=s(Oe,2),et=l(Ze);ze(et,()=>$t("refresh"),!0);var Se=s(et,4);ze(Se,()=>$t("chevron"),!0);var Pe=s(Ze,2),Re=l(Pe);ze(Re,()=>$t("file"),!0);var Rt=s(Re,4);ze(Rt,()=>$t("chevron"),!0);var Bt=s(Pe,2),Ht=l(Bt);ze(Ht,()=>$t("swap"),!0);var an=s(Ht,4);ze(an,()=>$t("chevron"),!0),C("click",Oe,()=>$("cookbook")),C("click",Ze,T),C("click",Pe,()=>$("server")),C("click",Bt,()=>$("connect")),m(S,G)};q(J,S=>{n(u).length?S(se,-1):S(de)})}var Z=s(P,2),be=l(Z),ve=l(be),ye=s(l(ve),2),xe=l(ye),_e=s(ve,2);{var M=S=>{var G=Zi();dt(G,21,()=>n(u),ot,(Oe,ne)=>{const Be=O(()=>d.includes(n(ne).state)),Ze=O(()=>n(ne).state==="downloading"),et=O(()=>n(ne).state==="loading"||n(ne).state==="starting"||n(Ze)?"load":n(Be)?"on":""),Se=O(()=>n(Ze)?`↓ ${n(ne).download_progress!=null?Math.round(n(ne).download_progress)+"%":"..."}`:n(ne).state==="loading"||n(ne).state==="starting"?"lädt…":n(Be)?"geladen ✓":"bereit");var Pe=id(),Re=l(Pe),Rt=s(Re,2),Bt=l(Rt),Ht=l(Bt),an=l(Ht),bn=s(Ht,2);{var Ke=X=>{var me=ed();m(X,me)},ht=O(()=>{var X,me;return(me=(X=n(ne).meta)==null?void 0:X.caps)==null?void 0:me.includes("Bild")}),Rn=X=>{var me=td();m(X,me)},Wn=O(()=>{var X,me;return(me=(X=n(ne).meta)==null?void 0:X.caps)==null?void 0:me.includes("Code")}),ra=X=>{var me=nd();m(X,me)};q(bn,X=>{n(ht)?X(Ke):n(Wn)?X(Rn,1):X(ra,-1)})}var Vn=s(bn,2);{var Va=X=>{var me=ad();m(X,me)};q(Vn,X=>{n(ne).ttl>=99999&&X(Va)})}var w=s(Bt,2),_=l(w),B=s(Rt,2),I=l(B),ae=l(I),tt=s(I,2);{var it=X=>{var me=rd(),Ie=l(me);D(()=>{pn(me,`padding:3px 9px;font-size:12px;opacity:${n(y)===n(ne).name?".5":"1"}`),me.disabled=n(y)===n(ne).name,b(Ie,n(y)===n(ne).name?"…":"Laden")}),C("click",me,()=>z(n(ne).name)),m(X,me)};q(tt,X=>{!n(Be)&&!n(Ze)&&n(o)&&X(it)})}D((X,me)=>{var Ie;kt(Re,1,`li-dot ${n(et)??""}`),pn(Ht,n(Be)?"color:var(--accent)":""),b(an,n(ne).name),b(_,`${X??""} ${(Ie=n(ne).meta)!=null&&Ie.quant?" · "+n(ne).meta.quant:""} ${me??""}`),pn(I,`white-space:nowrap;color:${n(Be)?"var(--on)":"var(--mut)"}`),b(ae,n(Se))},[()=>{var X;return(X=n(ne).meta)!=null&&X.ctx?Math.round(n(ne).meta.ctx/1024)+"k ctx":""},()=>{var X;return(X=n(ne).meta)!=null&&X.size_bytes?" · "+(n(ne).meta.size_bytes/1073741824).toFixed(1)+" GB":""}]),m(Oe,Pe)}),m(S,G)},U=S=>{var G=sd(),Oe=s(l(G),4);C("click",Oe,()=>$("cookbook")),m(S,G)};q(_e,S=>{n(u).length?S(M):S(U,-1)})}var le=s(be,2),Je=l(le),Qe=s(l(Je),2),Qt=s(Je,2);{var Zt=S=>{var G=Zi();dt(G,21,()=>n(p),ot,(Oe,ne)=>{var Be=ld(),Ze=l(Be),et=l(Ze),Se=l(et),Pe=s(et,2),Re=l(Pe);D(()=>{Nr(Be,"href",n(ne).link),b(Se,n(ne).title),b(Re,`${n(ne).source??""}${n(ne).relevant?" · für dich":""}`)}),m(Oe,Be)}),m(S,G)},Ut=S=>{var G=od();m(S,G)};q(Qt,S=>{n(p).length?S(Zt):S(Ut,-1)})}D(S=>{b(he,`${n(v)??""} `),b(A,n(g)),kt(re,1,`kpi ${n(o)?"green":"red"}`),b(Y,n(o)?"Online":"Offline"),b(L,S),kt(V,1,`kpi ${n(c)?"blue":"muted"}`),b(bt,n(c)?n(c).name:"Keins"),b(xe,n(u).length?n(u).length+" konfiguriert":"")},[()=>{var S,G;return((G=(S=n(a))==null?void 0:S.swap_url)==null?void 0:G.replace(/^https?:\/\//,""))??"—"}]),C("click",Qe,()=>$("news")),C("keydown",Qe,S=>S.key==="Enter"&&$("news")),m(e,Ae),aa()}ya(["click","keydown"]);var ud=k(""),vd=k('

'),fd=k('

Noch keine Modelle konfiguriert

Hol dir unter „Cookbook" ein passendes Modell.

'),pd=k('

kein Modell hinterlegt

—leere Rolleleer— '),hd=k(' '),gd=k('

'),md=k(' '),bd=k('

API-Name:

'),_d=k('

Modell	Kann	Details	Status	Port	Aktionen

'),wd=k('

Modelle

Deine konfigurierten Modelle — testen, Kontext anpassen oder aus dem Speicher werfen.

Schnelltest

Schreib eine Nachricht — das gewählte Modell wird automatisch geweckt.

Modell Nachricht

Modelle & Ports

Modelle laden automatisch, sobald eine Anfrage kommt — du musst nichts manuell starten.

',1);function Md(e,t){na(t,!0);const a="Kontext = das Kurzzeitgedächtnis des Modells. Größer = merkt sich mehr (längere Dateien/Chats), braucht aber mehr Speicher und wird etwas langsamer.",r="Die Rolle ist ein zusätzlicher, sprechender Name (z.B. coder). Du kannst in deinen Tools entweder den echten Modellnamen ODER die Rolle angeben — beides führt zum selben Modell.",i=[{id:"coder",label:"Coder",desc:"Programmieren & Code"},{id:"vision",label:"Vision",desc:"Bilder verstehen"},{id:"scout",label:"Scout",desc:"Schneller Allrounder"},{id:"reviewer",label:"Reviewer",desc:"Code/Texte prüfen"},{id:"manager",label:"Manager",desc:"Planen & koordinieren"}],o=O(()=>{var P;return((P=br.value)==null?void 0:P.models)||[]});function d(){document.dispatchEvent(new Event("mc:refresh"))}let c=R(""),u=R(""),v=R(""),g=R(!1);const E=O(()=>n(o).filter(P=>!P.incomplete));async function p(){var N;const P=n(c)||((N=n(E)[0])==null?void 0:N.name);if(!(!P||!n(u).trim())){h(g,!0),h(v,"(wecke Modell, kann beim Laden kurz dauern…)");try{const Ce=await Me("/api/chat",{method:"POST",body:JSON.stringify({model:P,message:n(u)})});h(v,Ce.reply,!0)}catch(Ce){h(v,"Fehler: "+Ce.message)}h(g,!1),d()}}const y=300;let T=R(!1),z=R(null),x=R(8192),$=R(!1);function ke(P){var N;h(z,n(o).find(Ce=>Ce.name===P),!0),n(z)&&(h(x,((N=n(z).meta)==null?void 0:N.ctx)||8192,!0),h($,(n(z).ttl??y)>=99999),h(T,!0))}async function te(){const P=n($)?99999:y;try{await Me("/api/update_model",{method:"POST",body:JSON.stringify({alias:n(z).name,ctx:n(x),ttl:P})}),ee("Gespeichert — aktiv beim nächsten Modell-Start."),h(T,!1),d()}catch(N){ee(N.message,!0)}}let ue=R(!1),Ae=R(""),K=R(""),W=R("");function fe(P){const N=n(o).find(Ce=>Ce.name===P);h(Ae,P,!0),h(W,(N==null?void 0:N.role)||"",!0),h(K,""),h(ue,!0)}async function he(P){try{await Me("/api/set_role",{method:"POST",body:JSON.stringify({alias:n(Ae),role:P})}),ee(P?`Rolle gesetzt: ${P}`:"Rolle entfernt."),h(ue,!1),d()}catch(N){ee(N.message,!0)}}async function $e(P){if(await yn({title:`„${P}" entladen?`,body:"Das Modell wird aus dem Grafikspeicher geworfen und lädt beim nächsten Aufruf automatisch neu.",confirmLabel:"Entladen"}))try{await Me("/api/unload?model="+encodeURIComponent(P),{method:"POST"}),ee("Entladen: "+P),setTimeout(d,600)}catch(N){ee(N.message,!0)}}async function We(P){if(await yn({title:`„${P}" wirklich löschen?`,body:"Das Modell wird aus der Konfiguration ausgetragen und seine Dateien werden von der Festplatte gelöscht, um Speicher freizugeben. Das lässt sich nicht rückgängig machen — später brauchst du dafür einen neuen Download.",confirmLabel:"Endgültig löschen",danger:!0}))try{const N=await Me("/api/delete_model",{method:"POST",body:JSON.stringify({alias:P})});ee(N.note||"Gelöscht: "+P),setTimeout(d,600)}catch(N){ee(N.message,!0)}}function mt(P){return P!=null&&P.length?P.map(N=>N==="Code"?'Code':N==="Bild"?'Bild':'Text').join(" "):"–"}function A(P){if(!P)return"–";const N=P.quant||"?",Ce=P.ctx?Math.round(P.ctx/1024)+"K":"?",ut=P.size_bytes?(P.size_bytes/1024**3).toFixed(1)+" GB":"?";return`${N} · ${Ce} · ${ut}`}function H(P){var N;(N=navigator.clipboard)==null||N.writeText(P),ee("Kopiert: "+P)}var re=Sd(),Ve=s(ct(re),2),Q=s(l(Ve),6);dt(Q,21,()=>n(E),ot,(P,N)=>{var Ce=ud(),ut=l(Ce),F={};D(()=>{b(ut,n(N).name),F!==(F=n(N).name)&&(Ce.value=(Ce.__value=n(N).name)??"")}),m(P,Ce)});var De=s(Q,4),Y=s(De,2),rt=l(Y),L=s(Y,2);{var V=P=>{var N=vd(),Ce=l(N);D(()=>b(Ce,n(v))),m(P,N)};q(L,P=>{n(v)&&P(V)})}var ie=s(Ve,2),ge=l(ie),Te=s(l(ge)),bt=l(Te),pt=s(ge,4);{var xt=P=>{var N=fd();m(P,N)},Ct=P=>{var N=_d(),Ce=s(l(N));dt(Ce,21,()=>n(o),ot,(ut,F)=>{var Le=or(),J=ct(Le);{var de=Z=>{var be=pd(),ve=l(be),ye=l(ve),xe=s(ve,5),_e=l(xe),M=s(_e,2);D(()=>b(ye,n(F).name)),C("click",_e,()=>{var U;ee("Lade im Cookbook ein Modell und setze den Alias auf: "+n(F).name),(U=document.querySelector(".nav-item[data-view='cookbook']"))==null||U.dispatchEvent(new MouseEvent("click"))}),C("click",M,()=>We(n(F).name)),m(Z,be)},se=Z=>{var be=bd(),ve=l(be),ye=l(ve),xe=l(ye),_e=s(xe);{var M=Se=>{var Pe=hd(),Re=l(Pe);D(()=>b(Re,n(F).role)),m(Se,Pe)};q(_e,Se=>{n(F).role&&Se(M)})}var U=s(ye,2);{var le=Se=>{var Pe=gd(),Re=l(Pe);D(()=>b(Re,n(F).meta.filename)),m(Se,Pe)};q(U,Se=>{var Pe;(Pe=n(F).meta)!=null&&Pe.filename&&Se(le)})}var Je=s(U,2),Qe=s(l(Je),2);dt(Qe,17,()=>{var Se;return(Se=n(F).api_ids)!=null&&Se.length?n(F).api_ids:[n(F).name]},ot,(Se,Pe)=>{var Re=md(),Rt=l(Re);D(()=>b(Rt,n(Pe))),C("click",Re,()=>H(n(Pe))),m(Se,Re)});var Qt=s(ve);ze(Qt,()=>{var Se;return mt((Se=n(F).meta)==null?void 0:Se.caps)},!0);var Zt=s(Qt);ze(Zt,()=>A(n(F).meta),!0);var Ut=s(Zt);ze(Ut,()=>Wo(n(F).state,n(F).download_progress),!0);var S=s(Ut),G=l(S),Oe=s(S),ne=l(Oe),Be=s(ne,2),Ze=s(Be,2),et=s(Ze,2);D(()=>{b(xe,`${n(F).name??""} `),b(G,n(F).port??"auto")}),C("click",ne,()=>fe(n(F).name)),C("click",Be,()=>ke(n(F).name)),C("click",Ze,()=>$e(n(F).name)),C("click",et,()=>We(n(F).name)),m(Z,be)};q(J,Z=>{n(F).incomplete?Z(de):Z(se,-1)})}m(ut,Le)}),m(P,N)};q(pt,P=>{n(o).length?P(Ct,-1):P(xt)})}var St=s(ie,2);{var zt=P=>{var N=kd(),Ce=l(N),ut=l(Ce),F=s(ut,4),Le=l(F),J=s(F,2),de=s(l(J));ze(de,()=>gi(a));var se=s(J,2),Z=s(se,2);{var be=le=>{var Je=wd(),Qe=l(Je),Qt=s(l(Qe),2),Zt=l(Qt),Ut=s(Zt,2),S=s(Qe,2);D((G,Oe)=>{b(Zt,`Optimal ~${G??""}k → ~${n(z).meta.peak_ram_optimal_gb??""} GB Spitzenbedarf.`),b(Ut,` Aktuell ~${Oe??""}k → ~${n(z).meta.peak_ram_gb??""} GB.`)},[()=>Math.round(n(z).meta.optimal_ctx/1024),()=>Math.round((n(z).meta.ctx||0)/1024)]),C("click",S,()=>h(x,n(z).meta.optimal_ctx,!0)),m(le,Je)};q(Z,le=>{var Je;(Je=n(z).meta)!=null&&Je.optimal_ctx&&le(be)})}var ve=s(Z,4),ye=s(l(ve),2),xe=l(ye),_e=s(xe,2),M=l(_e),U=s(ve,2);D(()=>{b(Le,n(z).name),pn(_e,`color:${n($)?"var(--accent)":"var(--mut)"}`),b(M,n($)?"An (TTL = ∞)":"Aus (TTL = 5 min)")}),C("click",N,le=>{le.target.classList.contains("modal-overlay")&&h(T,!1)}),C("click",ut,()=>h(T,!1)),Tn(se,()=>n(x),le=>h(x,le)),Io(xe,()=>n($),le=>h($,le)),C("click",U,te),m(P,N)};q(St,P=>{n(T)&&n(z)&&P(zt)})}var Ot=s(St,2);{var It=P=>{var N=xd(),Ce=l(N),ut=l(Ce),F=s(ut,2),Le=s(l(F));ze(Le,()=>gi(r));var J=s(F,2),de=l(J),se=s(J,4);dt(se,21,()=>i,ot,(xe,_e)=>{var M=yd(),U=l(M);D(()=>{kt(M,1,n(W)===n(_e).id?"primary":"ghost"),Nr(M,"title",n(_e).desc),b(U,n(_e).label)}),C("click",M,()=>he(n(_e).id)),m(xe,M)});var Z=s(se,4),be=s(Z,2),ve=l(be),ye=s(ve,2);D(()=>b(de,n(Ae))),C("click",N,xe=>{xe.target.classList.contains("modal-overlay")&&h(ue,!1)}),C("click",ut,()=>h(ue,!1)),Tn(Z,()=>n(K),xe=>h(K,xe)),C("click",ve,()=>he("")),C("click",ye,()=>he(n(K).trim().toLowerCase())),m(P,N)};q(Ot,P=>{n(ue)&&P(It)})}D(()=>{Y.disabled=n(g),b(rt,n(g)?"…":"Senden"),b(bt,n(o).length?n(o).length+" konfiguriert":"")}),ar(Q,()=>n(c),P=>h(c,P)),Tn(De,()=>n(u),P=>h(u,P)),C("click",Y,p),m(e,re),aa()}ya(["click"]);var Ed=k('

Prozessor (CPU)

Arbeitsspeicher

Grafikspeicher

System-Metriken (Bosgame)

Live-Auslastung deines Mini-PCs, alle 0,5 Sekunden.

Arbeitsspeicher (RAM)

Grafikspeicher (VRAM + GTT)

Speicherplatz (Disk)

Temperatur (GPU / CPU)

CPU-Verlauf

RAM-Verlauf

VRAM-Verlauf

',1),Ad=k(''),Td=k('

Gerade nichts los.

Alles ruhig — keine laufenden Aufgaben.

'),Cd=k(' '),Pd=k(''),zd=k(''),$d=k('

'),Dd=k('

'),Ld=k('

'),Od=k('

Aktivität

Live-Auslastung und laufende Aufgaben (Downloads, Updates) mit Protokoll.

Hintergrund-Aufgaben

Downloads & Updates erscheinen hier mit Live-Protokoll — zum Aufklappen klicken.

',1);function Rd(e,t){na(t,!0);const a=O(()=>da.value),r=O(()=>da.tracked),i=O(()=>zi.value);let o=Vt({cpu:[],ram:[],gpu:[]});Ai(()=>{var re;if(!n(i))return;const A=n(i).gpu,H=A&&A.vram.total+A.gtt.total>0?(A.vram.used+A.gtt.used)/(A.vram.total+A.gtt.total)*100:0;o.cpu=[...o.cpu,((re=n(i).cpu)==null?void 0:re.percent)??0].slice(-60),o.ram=[...o.ram,n(i).ram.percent].slice(-60),o.gpu=[...o.gpu,H].slice(-60)});const d=O(()=>()=>{var H;const A=(H=n(i))==null?void 0:H.gpu;return A&&A.vram.total+A.gtt.total>0?(A.vram.used+A.gtt.used)/(A.vram.total+A.gtt.total)*100:0}),c=O(()=>n(a).filter(A=>A.state!=="running"&&A.state!=="queued").length),u=O(()=>n(a).filter(A=>A.state==="failed").length);function v(A){if(A.state!=="running")return null;if(typeof A.progress=="number")return Math.min(100,A.progress);const re=((A.log||[]).at(-1)||"").match(/(\d+(?:\.\d+)?)\s*%/);return re?Math.min(100,parseFloat(re[1])):null}function g(A){return A==null||A<0?"":A>=90?`noch ~${Math.round(A/60)} min`:`noch ~${Math.max(1,Math.round(A))} s`}function E(A){return A==="done"?'fertig':A==="failed"?'fehler':A==="canceled"?'abgebrochen':'läuft…'}function p(A){return A==="done"?"on":A==="failed"||A==="canceled"?"":"load"}async function y(A){try{await Me(`/api/jobs/${A}/cancel`,{method:"POST"}),ee("Abbruch angefordert…")}catch(H){ee(H.message,!0)}}async function T(A){try{await Me(`/api/jobs/${A}`,{method:"DELETE"})}catch(H){ee(H.message,!0)}}async function z(){try{const A=await Me("/api/jobs/clear",{method:"POST"});ee(`${A.removed} Einträge entfernt.`)}catch(A){ee(A.message,!0)}}function x(A,H){return A.map(re=>`

`).join("")}var $=Od(),ke=s(ct($),2);{var te=A=>{const H=O(()=>n(d)());var re=Ed(),Ve=ct(re),Q=l(Ve),De=s(l(Q),2),Y=l(De),rt=s(De,2),L=l(rt),V=s(Q,2),ie=s(l(V),2),ge=l(ie),Te=s(ie,2),bt=l(Te),pt=s(V,2),xt=s(l(pt),2),Ct=l(xt),St=s(xt,2),zt=l(St),Ot=s(Ve,2),It=s(l(Ot),4),P=l(It),N=s(l(P)),Ce=l(N),ut=s(P,2),F=s(l(ut),2),Le=l(F),J=s(ut,2),de=s(l(J)),se=l(de),Z=s(J,2),be=s(l(Z),2),ve=l(be),ye=s(It,2),xe=l(ye),_e=s(l(xe));ze(_e,()=>x(o.cpu,"--accent"),!0);var M=s(xe,2),U=s(l(M));ze(U,()=>x(o.ram,"--purple"),!0);var le=s(M,2),Je=s(l(le));ze(Je,()=>x(o.gpu,"--on"),!0),D((Qe,Qt,Zt,Ut,S,G,Oe,ne,Be,Ze,et,Se,Pe)=>{b(Y,Qe),b(L,Qt),b(ge,Zt),b(bt,`${Ut??""} / ${S??""}`),b(Ct,G),b(zt,Oe),b(Ce,`${ne??""} / ${Be??""}`),b(Le,Ze),b(se,`${et??""} % belegt`),b(ve,`${Se??""} / ${Pe??""}`)},[()=>{var Qe;return Math.round(((Qe=n(i).cpu)==null?void 0:Qe.percent)??0)},()=>{var Qe;return((Qe=n(i).cpu)==null?void 0:Qe.temp)!=null?`${Math.round(n(i).cpu.temp)}° CPU-Temp`:"Auslastung"},()=>Math.round(n(i).ram.percent),()=>ia(n(i).ram.used),()=>ia(n(i).ram.total),()=>Math.round(n(H)),()=>n(i).gpu_temp!=null?`${Math.round(n(i).gpu_temp)}° GPU-Temp`:"VRAM + GTT",()=>ia(n(i).ram.used),()=>ia(n(i).ram.total),()=>n(i).gpu?`${ia(n(i).gpu.vram.used+n(i).gpu.gtt.used)} / ${ia(n(i).gpu.vram.total+n(i).gpu.gtt.total)}`:"–",()=>{var Qe;return Math.round(((Qe=n(i).disk)==null?void 0:Qe.percent)??0)},()=>n(i).gpu_temp!=null?Math.round(n(i).gpu_temp)+"°":"–",()=>{var Qe;return((Qe=n(i).cpu)==null?void 0:Qe.temp)!=null?Math.round(n(i).cpu.temp)+"°":"–"}]),m(A,re)};q(ke,A=>{n(i)&&A(te)})}var ue=s(ke,2),Ae=l(ue),K=s(l(Ae),2),W=l(K),fe=s(K,2);{var he=A=>{var H=Ad();C("click",H,z),m(A,H)};q(fe,A=>{n(c)&&A(he)})}var $e=s(Ae,4);{var We=A=>{var H=Td();m(A,H)},mt=A=>{var H=or(),re=ct(H);dt(re,17,()=>n(a),ot,(Ve,Q)=>{const De=O(()=>v(n(Q))),Y=O(()=>n(Q).state==="running"?g(n(Q).eta_s):""),rt=O(()=>n(Q).state==="running"&&n(Q).rate_bps?ia(n(Q).rate_bps)+"/s":""),L=O(()=>[n(Y),n(rt)].filter(Boolean).join(" · ")),V=O(()=>n(r).includes(n(Q).id));var ie=Ld(),ge=l(ie),Te=l(ge),bt=s(Te,2),pt=l(bt),xt=s(bt,2);{var Ct=F=>{var Le=Cd(),J=l(Le);D(de=>b(J,`${de??""} %${n(L)?` · ${n(L)}`:""}`),[()=>Math.round(n(De))]),m(F,Le)};q(xt,F=>{n(De)!=null&&F(Ct)})}var St=s(xt,2);{var zt=F=>{var Le=Pd();D(()=>pn(Le,`${n(De)==null?"margin-left:auto;":""}margin-right:2px;padding:2px 9px;font-size:12px`)),C("click",Le,J=>{J.stopPropagation(),y(n(Q).id)}),m(F,Le)},Ot=F=>{var Le=zd();C("click",Le,J=>{J.stopPropagation(),T(n(Q).id)}),m(F,Le)};q(St,F=>{n(Q).state==="running"?F(zt):F(Ot,-1)})}var It=s(St,2);ze(It,()=>E(n(Q).state));var P=s(ge,2);{var N=F=>{var Le=$d(),J=l(Le);D(()=>pn(J,`width:${n(De)??""}%`)),m(F,Le)};q(P,F=>{n(De)!=null&&n(Q).state==="running"&&F(N)})}var Ce=s(P,2);{var ut=F=>{var Le=Dd(),J=l(Le);D(de=>b(J,de),[()=>(n(Q).log||[]).join(` `)]),m(F,Le)};q(Ce,F=>{n(V)&&F(ut)})}D(F=>{kt(Te,1,`li-dot ${F??""}`),b(pt,n(Q).label)},[()=>p(n(Q).state)]),C("click",ge,()=>da.toggle(n(Q).id)),C("keydown",ge,F=>F.key==="Enter"&&da.toggle(n(Q).id)),m(Ve,ie)}),m(A,H)};q($e,A=>{n(a).length?A(mt,-1):A(We)})}D(()=>b(W,n(a).length?n(u)?n(u)+" Fehler":n(a).length+" gesamt":"")),m(e,$),aa()}ya(["click","keydown"]);var Id=k(' '),Bd=k(''),qd=k('✓ fertig'),Fd=k('✗ fehlgeschlagen'),Nd=k('abgebrochen'),Kd=k('läuft…'),Gd=k('

'),Wd=k('

Aktueller Vorgang

'),Vd=k('

Server & Wartung

Dienste steuern, Updates einspielen und live mitlesen — ganz ohne SSH oder Terminal.

LLM-Engine (llama-swap)

Das Herzstück: lädt bei jeder Anfrage automatisch das passende Modell.

Adresse (für deine Tools)

Aktuell geladen

Konfigurierte Modelle

Dienste & Applikation

Diese Aktionen sind harmlos und passwortlos — es geht nichts dabei verloren.

Betriebssystem (Bosgame)

Tiefe Eingriffe — das Dashboard fragt einmalig nach deinem sudo-Passwort.

Live-Konsole

Live mitlesen, was der Dienst gerade tut.

',1);function Ud(e,t){na(t,!0);const a=O(()=>br.value),r=O(()=>da.value);let i=null,o=R(`Verbinde… `),d=R("llama-swap"),c,u=R(null),v=R("");const g=new Set,E=O(()=>n(u)?n(r).find(M=>M.id===n(u)):null);Ai(()=>{if(!n(E))return;const M=n(E),U=M.state==="done",le=M.state==="failed",Je=M.state==="canceled";(U||le||Je)&&!g.has(M.id)&&(g.add(M.id),ee(U?`✓ ${n(v)} abgeschlossen.`:Je?`${n(v)} abgebrochen.`:`✗ ${n(v)} fehlgeschlagen.`,le),U&&setTimeout(()=>document.dispatchEvent(new Event("mc:refresh")),800))});function p(M,U){h(u,M,!0),h(v,U,!0),da.track(M)}mr(()=>{y()}),qo(()=>{i==null||i.close()});function y(){i==null||i.close();const M=n(d);h(o,`Verbinde mit ${M}… `);const U=location.protocol==="https:"?"wss:":"ws:";i=new WebSocket(`${U}//${location.host}/api/logs/${M}?token=${encodeURIComponent(el())}`),i.onmessage=le=>{h(o,n(o)+le.data),c&&(c.scrollTop=c.scrollHeight)},i.onclose=()=>{h(o,n(o)+` — Verbindung getrennt —`)},i.onerror=()=>i==null?void 0:i.close()}async function T(M,U,le){if(await yn({title:U,body:le,confirmLabel:"Neustarten"}))try{await Me(`/api/service/${M}/restart`,{method:"POST"}),ee("Neustart ausgelöst: "+M),setTimeout(()=>document.dispatchEvent(new Event("mc:refresh")),2e3)}catch(Je){ee(Je.message,!0)}}async function z(){if(await yn({title:"Mission Control aktualisieren?",body:"Holt die neueste Dashboard-Version aus Gitea und startet automatisch neu. Die Seite trennt kurz und verbindet von selbst wieder (~10 Sek)."}))try{const M=await Me("/api/self-update",{method:"POST"});ee("Update läuft — Dashboard startet gleich neu."),p(M.job_id,"Mission Control Update")}catch(M){ee(M.message,!0)}}async function x(){if(await yn({title:"LLM-Engine aktualisieren?",body:"Lädt die neueste llama.cpp-ROCm-Version und installiert sie. Die Engine ist während des Updates kurz nicht erreichbar."}))try{const M=await Me("/api/update",{method:"POST"});ee("LLM-Engine-Update läuft."),p(M.job_id,"LLM-Engine-Update")}catch(M){ee(M.message,!0)}}async function $(){if(await yn({title:"Grafikspeicher leeren?",body:"Alle geladenen Modelle werden entladen. Sie laden beim nächsten Aufruf automatisch neu — es geht nichts verloren.",confirmLabel:"Leeren"}))try{await Me("/api/unload",{method:"POST"}),ee("Grafikspeicher geleert."),setTimeout(()=>document.dispatchEvent(new Event("mc:refresh")),600)}catch(M){ee(M.message,!0)}}async function ke(){if(!await yn({title:"OS-Updates installieren?",body:"Führt apt update & upgrade aus. Das kann ein paar Minuten dauern; der Fortschritt erscheint in der Aktivität."}))return;const M=await Hi({title:"sudo-Passwort",body:"Für die System-Updates wird einmalig dein sudo-Passwort gebraucht.",placeholder:"sudo-Passwort",password:!0,confirmLabel:"Installieren"});if(M)try{const U=await Me("/api/os-update",{method:"POST",body:JSON.stringify({password:M})});ee("OS-Update gestartet."),p(U.job_id,"OS-Update")}catch(U){ee(U.message,!0)}}async function te(){if(!await yn({title:"Server wirklich neu starten?",body:"Der ganze Bosgame startet physisch neu. Alles ist für ~1 Minute offline — auch dieses Dashboard.",confirmLabel:"Reboot",danger:!0}))return;const M=await Hi({title:"sudo-Passwort",body:"Für den Reboot wird einmalig dein sudo-Passwort gebraucht.",placeholder:"sudo-Passwort",password:!0,confirmLabel:"Jetzt neustarten",danger:!0});if(M)try{await Me("/api/reboot",{method:"POST",body:JSON.stringify({password:M})}),ee("Reboot ausgelöst — bis gleich.")}catch(U){ee(U.message,!0)}}async function ue(){h(Ae,"prüfe…");try{const M=await Me("/api/integration/test");h(Ae,M.ok?`✓ Engine antwortet — ${M.models.length} Modell(e): ${M.models.join(", ")}`:`✗ keine Verbindung: ${M.error}`,!0),h(K,M.ok,!0)}catch(M){h(Ae,"✗ "+M.message),h(K,!1)}}let Ae=R(""),K=R(!1);const W=O(()=>{var M;return((M=n(a))==null?void 0:M.models)||[]}),fe=["running","ready","loading","starting"],he=O(()=>n(W).find(M=>fe.includes(M.state)));function $e(M){if(!M||M.state!=="running")return null;if(typeof M.progress=="number")return Math.min(100,M.progress);const le=((M.log||[]).at(-1)||"").match(/(\d+(?:\.\d+)?)\s*%/);return le?Math.min(100,parseFloat(le[1])):null}var We=Vd(),mt=s(ct(We),2),A=l(mt),H=s(l(A),2),re=l(H),Ve=s(A,4),Q=l(Ve),De=s(l(Q)),Y=l(De),rt=s(Q,2),L=s(l(rt),2),V=l(L),ie=s(rt,2),ge=s(l(ie),2),Te=l(ge),bt=s(Ve,2),pt=l(bt),xt=s(pt,2);{var Ct=M=>{var U=Id(),le=l(U);D(()=>{pn(U,`color:${n(K)?"#7ee29a":"#ff9b95"}`),b(le,n(Ae))}),m(M,U)};q(xt,M=>{n(Ae)&&M(Ct)})}var St=s(mt,2),zt=s(l(St),4),Ot=s(zt,2),It=s(Ot,2),P=s(It,2),N=s(P,2),Ce=s(St,2),ut=s(l(Ce),4),F=s(ut,2),Le=s(Ce,2);{var J=M=>{const U=O(()=>n(E)),le=O(()=>n(U).state==="done"),Je=O(()=>n(U).state==="failed"),Qe=O(()=>n(U).state==="canceled"),Qt=O(()=>n(le)||n(Je)||n(Qe)),Zt=O(()=>$e(n(U)));var Ut=Wd(),S=l(Ut),G=s(l(S),2);{var Oe=Ke=>{var ht=Bd();C("click",ht,async()=>{await yn({title:n(v)+" abbrechen?",body:"Der laufende Vorgang wird gestoppt.",confirmLabel:"Abbrechen",danger:!0})&&Me(`/api/jobs/${n(U).id}/cancel`,{method:"POST"})}),m(Ke,ht)};q(G,Ke=>{n(Qt)||Ke(Oe)})}var ne=s(G,2),Be=l(ne);{var Ze=Ke=>{var ht=qd();m(Ke,ht)},et=Ke=>{var ht=Fd();m(Ke,ht)},Se=Ke=>{var ht=Nd();m(Ke,ht)},Pe=Ke=>{var ht=Kd();m(Ke,ht)};q(Be,Ke=>{n(le)?Ke(Ze):n(Je)?Ke(et,1):n(Qe)?Ke(Se,2):Ke(Pe,-1)})}var Re=s(S,2),Rt=l(Re),Bt=s(Re,2);{var Ht=Ke=>{var ht=Gd(),Rn=l(ht);D(()=>pn(Rn,`width:${n(Zt)??""}%`)),m(Ke,ht)};q(Bt,Ke=>{n(Zt)!=null&&!n(Qt)&&Ke(Ht)})}var an=s(Bt,2),bn=l(an);D(Ke=>{b(Rt,`${n(v)??""}${n(Qt)?n(le)?" — erfolgreich.":n(Qe)?" — abgebrochen.":" — fehlgeschlagen.":" läuft…"}`),b(bn,Ke)},[()=>(n(U).log||[]).join(` `)]),m(M,Ut)};q(Le,M=>{n(E)&&M(J)})}var de=s(Le,2),se=l(de),Z=s(l(se),2),be=l(Z);be.value=be.__value="llama-swap";var ve=s(be);ve.value=ve.__value="mission-control";var ye=s(ve);ye.value=ye.__value="system";var xe=s(se,4),_e=l(xe);Bo(xe,M=>c=M,()=>c),D(M=>{var U,le,Je;pn(H,`margin-left:auto;${(U=n(a))!=null&&U.swap_ok?"background:rgba(63,185,80,.12);border-color:rgba(63,185,80,.25);color:#7ee29a":"background:rgba(248,81,73,.12);border-color:rgba(248,81,73,.3);color:#ff9b95"}`),b(re,(le=n(a))!=null&&le.swap_ok?"● erreichbar":"● offline"),b(Y,(((Je=n(a))==null?void 0:Je.swap_url)||"—")+"/v1"),b(V,n(he)?n(he).name+` (${n(he).state})`:"nichts geladen — lädt bei der nächsten Anfrage"),b(Te,M),b(_e,n(o))},[()=>n(W).filter(M=>!M.incomplete).length||"keine"]),C("click",pt,ue),C("click",zt,()=>T("llama-swap","LLM-Engine neustarten?","Die Engine startet neu. Geladene Modelle werden kurz entladen (~5 Sekunden), laden danach automatisch wieder.")),C("click",Ot,()=>T("mission-control","Dashboard neustarten?","Diese Oberfläche trennt sich kurz und verbindet automatisch wieder.")),C("click",It,z),C("click",P,x),C("click",N,$),C("click",ut,ke),C("click",F,te),C("change",Z,y),ar(Z,()=>n(d),M=>h(d,M)),m(e,We),aa()}ya(["click","change"]);var Hd=k('

Lade Setups…

'),jd=k('✎ ×',1),Xr=k('

★ Beste Wahl für dein System

'),Jd=k('

Dein Setup

'),Qd=k(''),Zd=k('

'),Yd=k('· ⚠ Cache veraltet'),Xd=k(" ",1),ec=k('

Frage Quellen ab…

'),tc=k('

'),nc=k('✓ installiert'),ac=k(''),rc=k('

'),ic=k('

'),sc=k(''),lc=k('

'),oc=k('

'),dc=k('

'),cc=k('

'),uc=k(" "),vc=k('

'),fc=k('

Größter Spitzenbedarf: . Es läuft immer nur ein Modell gleichzeitig — das größte bestimmt, ob das Setup passt.

'),pc=k('Alternative: — passt auf dein System.',1),hc=k('

⚠ Dieses Setup übersteigt deinen verfügbaren Speicher.

'),gc=k(''),mc=k('

Lade Dateien von HuggingFace…

'),Yi=k(""),bc=k('

Empfohlener Kontext für deine Hardware: — übernehmen

'),_c=k('

Ressourcen-Check

'),wc=k('

⚠ Diese Datei ist zu groß für deinen Speicher. Kleinere Alternative: — einfach auswählen.

'),kc=k('

⚠ Alle Varianten dieses Modells sind zu groß für deinen Speicher. Ein kleineres Modell aus den Empfehlungen wäre die bessere Wahl.

'),yc=k('Quantisierung (GGUF-Datei) wählen

Rolle (optional)

Kontext-Größe

',1),xc=k('

Keine GGUF-Dateien im Repo gefunden.

'),Sc=k(''),Mc=k('

'),Ec=k(''),Ac=k('

Cookbook

Modelle finden, installieren und eigene Setups zusammenstellen.

1 · Anwendungsfall wählen & installieren

Hier starten: Fertige Modell-Bundles für deinen Anwendungsfall — ein Klick installiert alles. Die Hardware-Ampel zeigt vorab, ob das Setup auf deinen PC passt.

Aktuell die besten Modelle für dein System

Top-Modelle je Kategorie von HuggingFace — Hardware-Fit wird live für dein System berechnet.

Profi-Suche (HuggingFace)

Direkt HuggingFace durchsuchen — oder eine Modell-URL einfügen für den direkten Sprung.

',1);function Tc(e,t){na(t,!0);const a="Kontext = das Kurzzeitgedächtnis des Modells. Größer = merkt sich mehr, braucht aber mehr Speicher und wird etwas langsamer.",r="MoE (Mixture of Experts): viele Parameter fürs Wissen, aber pro Wort ist nur ein kleiner Teil aktiv → fast große-Modell-Qualität bei hohem Tempo. Ideal für deine APU.",i={perfect:0,marginal:1,too_tight:2},o={vision:"Bilder",coder:"Coden",reasoning:"Logik",agent:"Agenten & Tools",scout:"Allrounder",reviewer:"Review",manager:"Manager"},d=[{label:"Bilder",kw:["-vl-","-vl","vision","llava","multimodal","-mm-","pixtral"]},{label:"Coden",kw:["coder","-code-","code-","codestral","starcoder"]},{label:"Logik",kw:["-r1","deepseek-r1","reasoning","qwq","magistral","-think","thinking","-o1"]},{label:"Agenten & Tools",kw:["hermes","-tool","command-r","watt","-fc-","function"]}];function c(w){const _=(w||"").toLowerCase();for(const B of d)if(B.kw.some(I=>_.includes(I)))return B.label;return"Allrounder"}function u(w=""){const _=w.toLowerCase();return/\d+x\d+(\.\d+)?b/.test(_)||new RegExp("(?{bt(),pt()});async function bt(){h(z,!0);try{const w=await Me("/api/cookbook/recipes");h(y,w.recipes||[],!0),h(T,w.recommended_id||null,!0)}catch(w){ee(w.message,!0)}h(z,!1)}async function pt(w=!1){h($,!0);try{const _=await Me("/api/cookbook/discover"+(w?"?force=true":""));h(x,_,!0),h(ke,_.stale,!0)}catch(_){ee("Empfehlungen nicht ladbar: "+_.message,!0)}h($,!1)}function xt(w){w=w.trim();const _=w.match(/huggingface\.co\/([^\s/]+\/[^\s/?#]+)/i);return _?_[1]:/^[\w.-]+\/[\w.-]+$/.test(w)?w:null}async function Ct(){const w=n(te).trim(),_=xt(w);let B=w;if(n(K)&&!_&&(B=B?B+" "+n(K):n(K)),!B&&!_){h(ue,[],!0);return}h(Ae,!0),h(fe,[],!0),h(he,-1);try{if(_)h(ue,[{id:_,author:_.split("/")[0],downloads:0}],!0);else{const I=`https://huggingface.co/api/models?search=${encodeURIComponent(B)}&filter=gguf&sort=${encodeURIComponent(n(W))}&direction=-1&limit=40`,ae=await fetch(I);h(ue,await ae.json(),!0)}n(ue).forEach((I,ae)=>St(ae,I.id))}catch(I){ee(I.message,!0),h(ue,[],!0)}h(Ae,!1)}async function St(w,_){var B;try{const I=await Me("/api/cookbook/analyze",{method:"POST",body:JSON.stringify({repo_id:_,ctx:8192})});if(!((B=I.files)!=null&&B.length)){n(fe)[w]=null,zt();return}const ae=I.files.find(tt=>{var it;return(it=tt.quant)==null?void 0:it.includes("Q4_K_M")})||I.files[0];n(fe)[w]=ae.fit.level,zt()}catch{n(fe)[w]=null,zt()}}function zt(){let w=-1,_=99;n(fe).forEach((B,I)=>{if(B==null)return;const ae=i[B]??99;ae<_&&(_=ae,w=I)}),h(he,w>=0&&_<=1?w:-1,!0)}function Ot(w){h($e,n(y).find(_=>_.id===w),!0)}async function It(w){const _=document.getElementById("cb-r-install-btn");_&&(_.disabled=!0,_.textContent="Starte…");try{const B=await Me("/api/cookbook/install-recipe",{method:"POST",body:JSON.stringify({recipe_id:w,hf_token:ir()})});ee(`${B.count} Download${B.count!==1?"s":""} läuft — Modelle erscheinen danach automatisch im Modelle-Tab.`),h($e,null),Te("activity")}catch(B){ee(B.message,!0),_&&(_.disabled=!1,_.textContent="Installieren")}}async function P(w,_){var B,I;h(We,!0),h(mt,_,!0),h(A,w,!0),h(Ve,""),h(Q,8192),h(H,null),h(Y,null),h(re,""),h(De,!0);try{if(h(H,await Me("/api/cookbook/analyze",{method:"POST",body:JSON.stringify({repo_id:w,ctx:8192})}),!0),(I=(B=n(H))==null?void 0:B.files)!=null&&I.length){const ae=n(H).files.find(tt=>{var it;return(it=tt.quant)==null?void 0:it.includes("Q4_K_M")})||n(H).files[0];h(re,ae.filename,!0),ae.optimal_ctx&&n(Q)===8192&&h(Q,ae.optimal_ctx,!0),N()}}catch(ae){ee(ae.message,!0)}h(De,!1)}function N(){var w,_,B;!((_=(w=n(H))==null?void 0:w.files)!=null&&_.length)||!n(re)||(h(Y,n(H).files.find(I=>I.filename===n(re))||null,!0),(B=n(Y))!=null&&B.optimal_ctx&&n(Q)===8192&&h(Q,n(Y).optimal_ctx,!0))}async function Ce(){var w,_;if(!n(A)||!n(re))return ee("Bitte eine GGUF-Datei wählen.",!0);h(De,!0);try{const B=((w=n(H))==null?void 0:w.params_b)??7,I=((_=n(Y))==null?void 0:_.quant)??"Q4_K_M";await Me("/api/cookbook/install-model",{method:"POST",body:JSON.stringify({repo:n(A),role:n(Ve),params_b:B,quant:I,file:n(re),ctx:n(Q),hf_token:ir()})}),ee("Download läuft — Modell erscheint danach automatisch im Modelle-Tab."),h(We,!1),Te("activity")}catch(B){ee("Fehler: "+B.message,!0)}h(De,!1)}async function ut(w,_,B,I){I.disabled=!0,I.textContent="Starte…";try{await Me("/api/cookbook/install-model",{method:"POST",body:JSON.stringify({repo:w,role:_,params_b:B,quant:"Q4_K_M",hf_token:ir()})}),ee("Download läuft — Modell erscheint danach automatisch im Modelle-Tab."),Te("activity")}catch(ae){ee(ae.message,!0),I.disabled=!1,I.textContent="Installieren"}}function F(){h(ge,null),h(L,""),h(V,""),h(ie,[{repo:"",role:"",quant:"Q4_K_M"}],!0),h(rt,!0)}function Le(w){const _=n(y).find(B=>B.id===w);_&&(h(ge,w,!0),h(L,_.title,!0),h(V,_.desc||"",!0),h(ie,_.models.map(B=>({repo:B.repo,role:B.role,quant:B.quant||"Q4_K_M"})),!0),h(rt,!0))}async function J(){if(!n(L).trim())return ee("Bitte einen Titel angeben.",!0);const w=n(ie).filter(_=>_.repo.trim());if(!w.length)return ee("Mindestens ein Modell (Repo) angeben.",!0);try{n(ge)?(await Me("/api/cookbook/user-recipe/"+encodeURIComponent(n(ge)),{method:"PUT",body:JSON.stringify({title:n(L),desc:n(V),models:w})}),ee("Setup aktualisiert.")):(await Me("/api/cookbook/user-recipe",{method:"POST",body:JSON.stringify({title:n(L),desc:n(V),models:w})}),ee("Setup gespeichert.")),h(rt,!1),bt()}catch(_){ee(_.message,!0)}}async function de(w){const _=n(y).find(B=>B.id===w);if(await yn({title:`„${(_==null?void 0:_.title)||w}" löschen?`,body:"Dein eigenes Setup wird aus dem Cookbook entfernt. Bereits installierte Modelle bleiben unangetastet.",confirmLabel:"Löschen",danger:!0}))try{await Me("/api/cookbook/user-recipe/"+encodeURIComponent(w),{method:"DELETE"}),ee("Setup gelöscht."),bt()}catch(B){ee(B.message,!0)}}function se(w){if(!u(w))return"";const _=v(w);return`MoE${_?` · ~${_}B aktiv`:""}`}function Z(w){return w?`${Dn(w)}`:""}var be=Ac(),ve=s(ct(be),2),ye=l(ve),xe=s(l(ye),2),_e=s(ye,4);{var M=w=>{var _=Hd();m(w,_)},U=w=>{var _=Zd();dt(_,21,()=>n(y),ot,(B,I)=>{const ae=O(()=>n(I).id===n(T));var tt=Qd(),it=l(tt);{var X=pe=>{var Ye=jd(),Ft=ct(Ye),At=s(Ft,2);C("click",Ft,_t=>{_t.stopPropagation(),Le(n(I).id)}),C("keydown",Ft,_t=>{_t.key==="Enter"&&(_t.stopPropagation(),Le(n(I).id))}),C("click",At,_t=>{_t.stopPropagation(),de(n(I).id)}),C("keydown",At,_t=>{_t.key==="Enter"&&(_t.stopPropagation(),de(n(I).id))}),m(pe,Ye)};q(it,pe=>{n(I).user&&pe(X)})}var me=s(it,2);{var Ie=pe=>{var Ye=Xr();m(pe,Ye)},vt=pe=>{var Ye=Jd();m(pe,Ye)};q(me,pe=>{n(ae)?pe(Ie):n(I).user&&pe(vt,1)})}var qe=s(me,2),Ge=l(qe),st=l(Ge),Mt=l(st),Yt=s(Ge,2),ft=l(Yt),Fe=s(qe,2),Et=l(Fe),qt=s(Fe,2),gt=l(qt);D((pe,Ye)=>{kt(tt,1,`card-btn${n(ae)?" cb-best":""}`),b(Mt,n(I).title),kt(Yt,1,`fit-badge ${pe??""}`),b(ft,Ye),b(Et,n(I).desc),b(gt,`${n(I).models.length??""} Modell${n(I).models.length>1?"e":""} im Setup`)},[()=>g(n(I).fit_level),()=>E(n(I).fit_level)]),C("click",tt,()=>Ot(n(I).id)),m(B,tt)}),m(w,_)};q(_e,w=>{n(z)?w(M):w(U,-1)})}var le=s(ve,2),Je=l(le),Qe=s(l(Je),2),Qt=l(Qe);{var Zt=w=>{const _=O(()=>Math.round((Date.now()/1e3-n(x).updated)/60));var B=Xd(),I=ct(B);{var ae=Ie=>{var vt=nr();D(()=>b(vt,`Quellen befragt vor ${n(_)??""} min`)),m(Ie,vt)},tt=Ie=>{var vt=nr();D(qe=>b(vt,`Quellen befragt vor ${qe??""} h`),[()=>Math.round(n(_)/60)]),m(Ie,vt)},it=Ie=>{var vt=nr();D(qe=>b(vt,`Quellen befragt vor ${qe??""} Tg.`),[()=>Math.round(n(_)/1440)]),m(Ie,vt)};q(I,Ie=>{n(_)<60?Ie(ae):n(_)<1440?Ie(tt,1):Ie(it,-1)})}var X=s(I,2);{var me=Ie=>{var vt=Yd();m(Ie,vt)};q(X,Ie=>{n(ke)&&Ie(me)})}m(w,B)};q(Qt,w=>{var _;(_=n(x))!=null&&_.updated&&w(Zt)})}var Ut=s(Qe,2),S=l(Ut),G=s(Je,4);{var Oe=w=>{var _=ec();m(w,_)},ne=w=>{var _=or(),B=ct(_);dt(B,17,()=>n(x).categories,ot,(I,ae)=>{var tt=ic(),it=l(tt),X=l(it),me=l(X),Ie=s(it,2);dt(Ie,21,()=>n(ae).models,ot,(vt,qe)=>{const Ge=O(()=>n(ae).recommended&&n(qe).repo===n(ae).recommended);var st=rc(),Mt=l(st);{var Yt=Xe=>{var at=Xr();m(Xe,at)};q(Mt,Xe=>{n(Ge)&&Xe(Yt)})}var ft=s(Mt,2),Fe=l(ft),Et=l(Fe),qt=l(Et),gt=s(Et,2),pe=l(gt),Ye=s(Fe,2),Ft=l(Ye),At=s(ft,2),_t=l(At);ze(_t,()=>Z(o[n(qe).role]||c(n(qe).repo)));var In=s(_t,2);ze(In,()=>se(n(qe).repo));var Un=s(At,2),En=l(Un),xa=s(Un,2);dt(xa,17,()=>n(qe).requirements||[],ot,(Xe,at)=>{var Pt=tc(),An=l(Pt);D(()=>b(An,`⚠ ${n(at)??""}`)),m(Xe,Pt)});var lt=s(xa,4),Ue=l(lt);{var nt=Xe=>{var at=nc();D(()=>Nr(at,"title",`bereits eingerichtet als ${n(qe).installed??""}`)),m(Xe,at)},wt=Xe=>{var at=ac();C("click",at,Pt=>ut(n(qe).repo,n(qe).role,n(qe).params_b,Pt.currentTarget)),m(Xe,at)};q(Ue,Xe=>{n(qe).installed?Xe(nt):Xe(wt,-1)})}D((Xe,at,Pt)=>{kt(st,1,`card${n(Ge)?" res-best":""}`),b(qt,n(qe).name),b(pe,`${n(qe).author??""} · ${n(qe).params_b??""}B`),kt(Ye,1,`fit-badge ${Xe??""}`),b(Ft,n(qe).fit.text),b(En,`${at??""} · ⬇ ${Pt??""}`)},[()=>g(n(qe).fit.level),()=>p(n(qe).fit),()=>(n(qe).downloads||0).toLocaleString()]),m(vt,st)}),D(()=>b(me,n(ae).title)),m(I,tt)}),m(w,_)};q(G,w=>{var _;n($)&&!n(x)?w(Oe):(_=n(x))!=null&&_.categories&&w(ne,1)})}var Be=s(le,2),Ze=s(l(Be),4),et=l(Ze),Se=s(et,2),Pe=l(Se);Pe.value=Pe.__value="downloads";var Re=s(Pe);Re.value=Re.__value="trending";var Rt=s(Re);Rt.value=Rt.__value="created_at";var Bt=s(Se,2),Ht=l(Bt),an=s(Ze,2);dt(an,20,()=>["","coder","vision","reasoning","chat","agent"],ot,(w,_)=>{var B=sc(),I=l(B);D(()=>{kt(B,1,n(K)===_?"primary":"ghost"),b(I,_||"Alle")}),C("click",B,()=>{h(K,_,!0),Ct()}),m(w,B)});var bn=s(an,2);{var Ke=w=>{var _=oc();dt(_,21,()=>n(ue),ot,(B,I,ae)=>{var tt=lc(),it=l(tt);{var X=At=>{var _t=Xr();m(At,_t)};q(it,At=>{ae===n(he)&&At(X)})}var me=s(it,2),Ie=l(me),vt=l(Ie),qe=l(vt),Ge=s(vt,2),st=l(Ge),Mt=s(Ie,2),Yt=l(Mt),ft=s(me,2),Fe=l(ft);ze(Fe,()=>Z(c(n(I).id)));var Et=s(Fe,2);ze(Et,()=>se(n(I).id));var qt=s(ft,4),gt=l(qt),pe=l(gt),Ye=s(gt,2),Ft=l(Ye);D((At,_t,In,Un,En)=>{kt(tt,1,`card${ae===n(he)?" res-best":""}`),b(qe,At),b(st,n(I).author||""),kt(Mt,1,`fit-badge ${_t??""}`),b(Yt,In),b(pe,Un),b(Ft,`⬇ ${En??""}`)},[()=>n(I).id.split("/").pop(),()=>n(fe)[ae]?g(n(fe)[ae]):"warn",()=>n(fe)[ae]?E(n(fe)[ae]):"prüfe…",()=>n(fe)[ae]?p({req_gb:0,tps:0}):"Hardware-Fit…",()=>(n(I).downloads||0).toLocaleString()]),C("click",tt,()=>P(n(I).id,n(I).id.split("/").pop())),m(B,tt)}),m(w,_)};q(bn,w=>{n(ue).length&&w(Ke)})}var ht=s(Be,2);{var Rn=w=>{const _=O(()=>n($e));var B=gc(),I=l(B),ae=l(I),tt=s(ae,2),it=l(tt),X=s(tt,2),me=l(X),Ie=s(X,2);dt(Ie,21,()=>n(_).models,ot,(ft,Fe)=>{var Et=vc(),qt=l(Et),gt=l(qt),pe=l(gt),Ye=l(pe),Ft=s(pe,2),At=l(Ft),_t=s(Ft,2);ze(_t,()=>se(n(Fe).repo));var In=s(gt,2);{var Un=nt=>{var wt=dc(),Xe=l(wt);D(()=>b(Xe,n(Fe).why)),m(nt,wt)};q(In,nt=>{n(Fe).why&&nt(Un)})}var En=s(In,2);{var xa=nt=>{var wt=cc(),Xe=l(wt);D((at,Pt,An)=>b(Xe,`~${at??""} GB · ~${Pt??""} Tok/s · optimal ~${An??""}k Kontext`),[()=>(n(Fe).fit.req_gb??0).toFixed(1),()=>Math.round(n(Fe).fit.tps??0),()=>Math.round((n(Fe).optimal_ctx||8192)/1024)]),m(nt,wt)};q(En,nt=>{n(Fe).fit&&nt(xa)})}var lt=s(qt,2);{var Ue=nt=>{var wt=uc(),Xe=l(wt);D(at=>{kt(wt,1,`fit-badge ${at??""}`),b(Xe,n(Fe).fit.text)},[()=>g(n(Fe).fit.level)]),m(nt,wt)};q(lt,nt=>{n(Fe).fit&&nt(Ue)})}D(()=>{b(Ye,n(Fe).name),b(At,n(Fe).role)}),m(ft,Et)});var vt=s(Ie,2);{var qe=ft=>{const Fe=O(()=>Math.max(...n(_).models.map(pe=>{var Ye;return((Ye=pe.fit)==null?void 0:Ye.req_gb)??0})));var Et=fc(),qt=s(l(Et)),gt=l(qt);D(pe=>b(gt,`~${pe??""} GB`),[()=>n(Fe).toFixed(1)]),m(ft,Et)};q(vt,ft=>{n(_).models.length&&n(_).models[0].fit&&ft(qe)})}var Ge=s(vt,2);{var st=ft=>{const Fe=O(()=>n(y).find(pe=>!pe.user&&pe.fit_level!=="too_tight"&&pe.id!==n(_).id));var Et=hc(),qt=s(l(Et));{var gt=pe=>{var Ye=pc(),Ft=s(ct(Ye)),At=l(Ft);D(()=>b(At,`„${n(Fe).title??""}" ansehen`)),C("click",Ft,_t=>{_t.preventDefault(),h($e,null),setTimeout(()=>Ot(n(Fe).id),50)}),m(pe,Ye)};q(qt,pe=>{n(Fe)&&pe(gt)})}m(ft,Et)};q(Ge,ft=>{n(_).fit_level==="too_tight"&&ft(st)})}var Mt=s(Ge,2),Yt=l(Mt);D(()=>{b(it,n(_).title),b(me,n(_).desc),kt(Mt,1,`primary${n(_).fit_level==="too_tight"?" warn":""}`),b(Yt,n(_).fit_level==="too_tight"?"Trotzdem installieren (nicht empfohlen)":"Komplettes Setup installieren")}),C("click",B,ft=>{ft.target.classList.contains("modal-overlay")&&h($e,null)}),C("click",ae,()=>h($e,null)),C("click",Mt,()=>It(n(_).id)),m(w,B)};q(ht,w=>{n($e)&&w(Rn)})}var Wn=s(ht,2);{var ra=w=>{var _=Sc(),B=l(_),I=l(B),ae=s(I,2),tt=l(ae),it=s(ae,2),X=l(it),me=s(it,2);{var Ie=Ge=>{var st=mc();m(Ge,st)},vt=Ge=>{var st=yc(),Mt=s(ct(st),2);dt(Mt,21,()=>n(H).files,ot,(lt,Ue)=>{const nt=O(()=>n(Ue).fit.level==="perfect"?"●":n(Ue).fit.level==="marginal"?"◐":"○");var wt=Yi(),Xe=l(wt),at={};D(()=>{b(Xe,`${n(nt)??""} ${n(Ue).filename??""}`),at!==(at=n(Ue).filename)&&(wt.value=(wt.__value=n(Ue).filename)??"")}),m(lt,wt)});var Yt=s(Mt,2),ft=l(Yt),Fe=s(l(ft),2),Et=s(ft,2),qt=l(Et),gt=s(l(qt));ze(gt,()=>gi(a));var pe=s(qt,2),Ye=s(Yt,2);{var Ft=lt=>{var Ue=bc(),nt=s(l(Ue)),wt=l(nt),Xe=s(nt,2);D(at=>b(wt,`~${at??""}k`),[()=>Math.round(n(Y).optimal_ctx/1024)]),C("click",Xe,at=>{at.preventDefault(),h(Q,n(Y).optimal_ctx,!0)}),m(lt,Ue)};q(Ye,lt=>{var Ue;(Ue=n(Y))!=null&&Ue.optimal_ctx&<(Ft)})}var At=s(Ye,2);{var _t=lt=>{var Ue=_c(),nt=l(Ue),wt=s(l(nt),2),Xe=l(wt),at=s(nt,2),Pt=l(at);D((An,_r,Wr)=>{b(Xe,`~${An??""} GB · ~${_r??""} Tok/s · ${(n(Y).quant||"GGUF")??""}`),kt(at,1,`fit-badge ${Wr??""}`),b(Pt,n(Y).fit.text)},[()=>(n(Y).fit.req_gb??0).toFixed(1),()=>Math.round(n(Y).fit.tps??0),()=>g(n(Y).fit.level)]),m(lt,Ue)};q(At,lt=>{n(Y)&<(_t)})}var In=s(At,2);{var Un=lt=>{const Ue=O(()=>n(H).files.find(Pt=>Pt.fit.level!=="too_tight"&&Pt.filename!==n(re)));var nt=or(),wt=ct(nt);{var Xe=Pt=>{var An=wc(),_r=s(l(An)),Wr=l(_r);D(Vr=>b(Wr,`${n(Ue).filename??""} (${Vr??""})`),[()=>E(n(Ue).fit.level)]),C("click",_r,Vr=>{Vr.preventDefault(),h(re,n(Ue).filename,!0),N()}),m(Pt,An)},at=Pt=>{var An=kc();m(Pt,An)};q(wt,Pt=>{n(Ue)?Pt(Xe):Pt(at,-1)})}m(lt,nt)};q(In,lt=>{var Ue,nt;((Ue=n(Y))==null?void 0:Ue.fit.level)==="too_tight"&&((nt=n(H))!=null&&nt.files)&<(Un)})}var En=s(In,2),xa=l(En);D(()=>{var lt,Ue;kt(En,1,`primary${((lt=n(Y))==null?void 0:lt.fit.level)==="too_tight"?" warn":""}`),En.disabled=n(De),b(xa,n(De)?"Starte…":((Ue=n(Y))==null?void 0:Ue.fit.level)==="too_tight"?"Trotzdem holen (zu groß — nicht empfohlen)":"Herunterladen & Einpflegen")}),C("change",Mt,N),ar(Mt,()=>n(re),lt=>h(re,lt)),Tn(Fe,()=>n(Ve),lt=>h(Ve,lt)),Tn(pe,()=>n(Q),lt=>h(Q,lt)),C("click",En,Ce),m(Ge,st)},qe=Ge=>{var st=xc();m(Ge,st)};q(me,Ge=>{var st,Mt;n(De)&&!n(H)?Ge(Ie):(Mt=(st=n(H))==null?void 0:st.files)!=null&&Mt.length?Ge(vt,1):n(De)||Ge(qe,2)})}D(()=>{b(tt,n(mt)),b(X,n(A))}),C("click",_,Ge=>{Ge.target.classList.contains("modal-overlay")&&h(We,!1)}),C("click",I,()=>h(We,!1)),m(w,_)};q(Wn,w=>{n(We)&&w(ra)})}var Vn=s(Wn,2);{var Va=w=>{var _=Ec(),B=l(_),I=l(B),ae=s(I,2),tt=l(ae),it=s(ae,6),X=s(it,4),me=s(X,4);dt(me,17,()=>n(ie),ot,(Ge,st,Mt)=>{var Yt=Mc(),ft=l(Yt),Fe=s(ft,2),Et=s(Fe,2);dt(Et,20,()=>["Q4_K_M","Q5_K_M","Q6_K","Q8_0","Q3_K_M"],ot,(gt,pe)=>{var Ye=Yi(),Ft=l(Ye),At={};D(()=>{b(Ft,pe),At!==(At=pe)&&(Ye.__value=pe)}),m(gt,Ye)});var qt=s(Et,2);Tn(ft,()=>n(st).repo,gt=>n(st).repo=gt),Tn(Fe,()=>n(st).role,gt=>n(st).role=gt),ar(Et,()=>n(st).quant,gt=>n(st).quant=gt),C("click",qt,()=>h(ie,n(ie).filter((gt,pe)=>pe!==Mt),!0)),m(Ge,Yt)});var Ie=s(me,2),vt=s(Ie,4),qe=l(vt);D(()=>{b(tt,n(ge)?"Setup bearbeiten":"Eigenes Setup erstellen"),b(qe,n(ge)?"Änderungen speichern":"Setup speichern")}),C("click",_,Ge=>{Ge.target.classList.contains("modal-overlay")&&h(rt,!1)}),C("click",I,()=>h(rt,!1)),Tn(it,()=>n(L),Ge=>h(L,Ge)),Tn(X,()=>n(V),Ge=>h(V,Ge)),C("click",Ie,()=>h(ie,[...n(ie),{repo:"",role:"",quant:"Q4_K_M"}],!0)),C("click",vt,J),m(w,_)};q(Vn,w=>{n(rt)&&w(Va)})}D(()=>{Ut.disabled=n($),b(S,n($)?"Suche…":"Aktualisieren"),Bt.disabled=n(Ae),b(Ht,n(Ae)?"Lade…":"Suchen")}),C("click",xe,F),C("click",Ut,()=>pt(!0)),C("keydown",et,w=>w.key==="Enter"&&Ct()),Tn(et,()=>n(te),w=>h(te,w)),ar(Se,()=>n(W),w=>h(W,w)),C("click",Bt,Ct),m(e,be),aa()}ya(["click","keydown","change"]);var Cc=k(`

Du öffnest Mission Control über einen Proxy/Namen. Die Engine läuft auf Port 8080 ohne HTTPS direkt am Bosgame. Trag in deinen Tools die LAN-IP ein: http://192.168.178.151:8080/v1 — nicht den Proxy-Namen.

`),Pc=k(' '),zc=k('

'),$c=k(' '),Dc=k('

Auswahl aufheben (alle)

'),Lc=k(''),Oc=k('

Öffne die Zed-Settings mit Cmd/Strg + , und füge diesen Block in deine bestehende settings.json ein. Falls bereits ein "bosgame"-Eintrag existiert: vorher löschen.

Nur diesen Block einfügen, nicht die ganze Datei ersetzen — sonst gehen andere Einstellungen verloren.

API-Key: Öffne den Agent-Panel → Anbieter bosgame → trag irgendeinen Wert ein (z.B. local).

Danach im Agent-Panel das Modell auswählen.

',1),Rc=k('

Datei anlegen oder öffnen:

Windows: %USERPROFILE%\\.config\\opencode\\opencode.json

Nur den "provider"-Block einfügen. Falls bereits ein "llama-swap"-Eintrag vorhanden: vorher löschen, sonst erscheinen Modelle doppelt.

Danach in OpenCode /models → wählen.

',1),Ic=k('

In Cline/Cursor den Provider „OpenAI Compatible" wählen:

Basis-URL

Modell-ID

API-Key: ein beliebiger Wert (z.B. local).

',1),Bc=k('

Settings → Admin Panel → Connections → neue OpenAI-Verbindung:

Basis-URL

API-Key

',1),qc=k('

Bilder einbinden (Vision)

Mit Vision-Modellen kannst du Screenshots oder Fehlerbilder direkt mitschicken.

'),Fc=k('

2 · Modelle auswählen

Wähle, welche Modelle im Config-Snippet erscheinen sollen.

3 · Tool wählen

Für welches Werkzeug brauchst du die Konfiguration?

4 · Config-Snippet

',1),Nc=k('

2 · Erst ein Modell installieren

Noch kein Modell eingerichtet

Bevor du ein Tool verbinden kannst, braucht die Engine mindestens ein Modell. Das Config-Snippet wird dann automatisch mit deinen echten Modellnamen befüllt.

'),Kc=k('

Verbinden

Schritt für Schritt: KI-Modelle in deine Tools einbinden — getestet, erklärt, mit Copy-Paste-Config.

1 · Verbindung prüfen

Stelle sicher, dass die LLM-Engine erreichbar ist, bevor du Tools konfigurierst.

Engine-Adresse (für alle Tools)

Wie funktioniert das Auto-Swap?

',1);function Gc(e,t){na(t,!0);const a=O(()=>br.value),r=O(()=>{var L;return(((L=n(a))==null?void 0:L.models)||[]).filter(V=>!V.incomplete)}),i=O(v);let o=R("zed"),d=R(Vt([])),c=R(""),u=R(!1);function v(){return`http://${location.hostname}:8080/v1`}function g(L){return/^\d{1,3}(\.\d{1,3}){3}$/.test(L)}function E(){return location.protocol==="https:"||!g(location.hostname)}const p=O(()=>n(d).length?n(d):n(r).map(L=>L.name)),y=O(()=>n(p)[0]||"coder"),T=O(()=>{var L;return(L=n(r).find(V=>{var ie,ge;return(ge=(ie=V.meta)==null?void 0:ie.caps)==null?void 0:ge.includes("Bild")}))==null?void 0:L.name});function z(L,V){const ge=(V.length?n(r).filter(Te=>V.includes(Te.name)):n(r).length?n(r):[{name:"coder",meta:{}}]).map(Te=>{var xt,Ct;const bt=(((xt=Te.meta)==null?void 0:xt.caps)||[]).some(St=>/Bild|Vision/i.test(St)),pt=((Ct=Te.meta)==null?void 0:Ct.ctx)||131072;return` { "name": "${Te.name}", "display_name": "${Te.name}", "max_tokens": ${pt}${bt?', "capabilities": { "tools": true, "images": true }':""} }`}).join(`, `);return`"language_models": { "openai_compatible": { "bosgame": { "api_url": "${L}", "available_models": [ ${ge} ] } } }`}function x(L,V){const ge=(V.length?n(r).filter(Te=>V.includes(Te.name)):n(r).length?n(r):[{name:"coder",meta:{}}]).map(Te=>{var pt;const bt=((pt=Te.meta)==null?void 0:pt.ctx)||131072;return` "${Te.name}": { "name": "${Te.name}", "contextWindowSize": ${bt} }`}).join(`, `);return`"provider": { "llama-swap": { "npm": "@ai-sdk/openai-compatible", "name": "Bosgame (llama-swap)", "options": { "baseURL": "${L}", "apiKey": "local" }, "models": { ${ge} } } }`}async function $(){h(c,"Teste…");try{const L=await Me("/api/integration/test");h(u,L.ok,!0),h(c,L.ok?`✓ Verbunden — ${L.models.length} Modell(e): ${L.models.join(", ")}`:`✗ Keine Verbindung: ${L.error}`,!0)}catch(L){h(u,!1),h(c,"✗ "+L.message)}}function ke(L){var ie;const V=L.querySelector("code");V&&((ie=navigator.clipboard)==null||ie.writeText(V.textContent||""))}function te(L){var V;(V=navigator.clipboard)==null||V.writeText(L.value)}var ue=Kc(),Ae=s(ct(ue),2),K=s(l(Ae),6),W=l(K),fe=s(W,2),he=s(K,2);{var $e=L=>{var V=Cc();m(L,V)},We=O(()=>E());q(he,L=>{n(We)&&L($e)})}var mt=s(he,2),A=l(mt),H=s(A,2);{var re=L=>{var V=Pc(),ie=l(V);D(()=>{pn(V,`color:${n(u)?"#7ee29a":"#ff9b95"}`),b(ie,n(c))}),m(L,V)};q(H,L=>{n(c)&&L(re)})}var Ve=s(Ae,2),Q=s(l(Ve),2);dt(Q,20,()=>[["⚡","Kein manuelles Starten nötig",'Wenn du in Zed oder OpenCode „coder" auswählst und eine Anfrage sendest, lädt llama-swap das Modell automatisch — in ca. 2–5 Sekunden.'],["🔄","Modelle wechseln sich automatisch ab","Rufst du ein anderes Modell auf, entlädt llama-swap das aktuelle (nach TTL-Ablauf) und lädt das neue. Es läuft immer nur eines gleichzeitig."],["🧠","Zwei Modelle gleichzeitig aktiv halten","Du hast 124 GB RAM — genug für z.B. Scout 8B (~5 GB) dauerhaft geladen + ein größeres Modell das swappt. Dafür beim Scout im Modelle-Tab → Konfigurieren die TTL auf 99999 setzen."]],ot,(L,V)=>{var ie=O(()=>sr(V,3));let ge=()=>n(ie)[0],Te=()=>n(ie)[1],bt=()=>n(ie)[2];var pt=zc(),xt=l(pt),Ct=l(xt),St=s(xt,2),zt=l(St),Ot=l(zt),It=s(zt,2),P=l(It);D(()=>{b(Ct,ge()),b(Ot,Te()),b(P,bt())}),m(L,pt)});var De=s(Ve,2);{var Y=L=>{var V=Fc(),ie=ct(V),ge=l(ie),Te=s(l(ge),2),bt=l(Te),pt=s(ge,4);dt(pt,21,()=>n(r),ot,(J,de)=>{const se=O(()=>n(d).includes(n(de).name));var Z=$c(),be=l(Z);D(()=>{pn(Z,`cursor:pointer;${n(se)?"background:rgba(45,212,191,.2);border-color:var(--accent);color:var(--accent)":""}`),b(be,n(de).name)}),C("click",Z,()=>h(d,n(se)?n(d).filter(ve=>ve!==n(de).name):[...n(d),n(de).name],!0)),C("keydown",Z,ve=>ve.key==="Enter"&&h(d,n(se)?n(d).filter(ye=>ye!==n(de).name):[...n(d),n(de).name],!0)),m(J,Z)});var xt=s(pt,2);{var Ct=J=>{var de=Dc(),se=l(de);C("click",se,Z=>{Z.preventDefault(),h(d,[],!0)}),m(J,de)};q(xt,J=>{n(d).length&&J(Ct)})}var St=s(ie,2),zt=s(l(St),4);dt(zt,20,()=>[["zed","Zed","Schneller nativer Editor — Empfohlen"],["opencode","OpenCode","Open-Source Coding-Agent (Terminal/Desktop)"],["cline","Cline / Cursor","VS Code Extension, Bring-Your-Own-Key"],["openwebui","OpenWebUI","Browser-Chat-Interface"]],ot,(J,de)=>{var se=O(()=>sr(de,3));let Z=()=>n(se)[0],be=()=>n(se)[1],ve=()=>n(se)[2];var ye=Lc(),xe=l(ye),_e=l(xe),M=s(xe,2),U=l(M);D(()=>{kt(ye,1,`card-btn${n(o)===Z()?" cb-best":""}`),b(_e,be()),b(U,ve())}),C("click",ye,()=>h(o,Z(),!0)),m(J,ye)});var Ot=s(St,2),It=s(l(Ot),2);{var P=J=>{const de=O(()=>z(n(i),n(p)));var se=Oc(),Z=s(ct(se),4),be=l(Z),ve=s(be,2),ye=l(ve),xe=l(ye),_e=s(Z,4),M=s(l(_e)),U=l(M);D(()=>{b(xe,n(de)),b(U,`bosgame / ${n(y)??""}`)}),C("click",be,le=>ke(le.currentTarget.parentElement)),m(J,se)},N=J=>{const de=O(()=>x(n(i),n(p)));var se=Rc(),Z=s(ct(se),6),be=l(Z),ve=s(be,2),ye=l(ve),xe=l(ye),_e=s(Z,2),M=s(l(_e),3),U=l(M);D(()=>{b(xe,n(de)),b(U,`llama-swap/${n(y)??""}`)}),C("click",be,le=>ke(le.currentTarget.parentElement)),m(J,se)},Ce=J=>{var de=Ic(),se=s(ct(de),4),Z=l(se),be=s(Z,2),ve=s(se,4),ye=l(ve),xe=s(ye,2);D(()=>{kr(Z,n(i)),kr(ye,n(y))}),C("click",be,_e=>te(_e.currentTarget.previousElementSibling)),C("click",xe,_e=>te(_e.currentTarget.previousElementSibling)),m(J,de)},ut=J=>{var de=Bc(),se=s(ct(de),4),Z=l(se),be=s(Z,2),ve=s(se,4),ye=l(ve),xe=s(ye,2);D(()=>kr(Z,n(i))),C("click",be,_e=>te(_e.currentTarget.previousElementSibling)),C("click",xe,_e=>te(_e.currentTarget.previousElementSibling)),m(J,de)};q(It,J=>{n(o)==="zed"?J(P):n(o)==="opencode"?J(N,1):n(o)==="cline"?J(Ce,2):n(o)==="openwebui"&&J(ut,3)})}var F=s(Ot,2);{var Le=J=>{const de=O(()=>`curl ${n(i)}/chat/completions \\ -H "Content-Type: application/json" \\ -d '{ "model": "${n(T)}", "messages": [{"role":"user","content":[{"type":"text","text":"Was ist auf dem Bild falsch?"},{"type":"image_url","image_url":{"url":"data:image/png;base64,"}}]}] }'`);var se=qc(),Z=l(se),be=s(l(Z),2),ve=l(be);ze(ve,()=>$t("check"));var ye=s(ve),xe=s(Z,4),_e=l(xe),M=s(_e,2),U=l(M),le=l(U);D(()=>{b(ye,` „${n(T)??""}" bereit`),b(le,n(de))}),C("click",_e,Je=>ke(Je.currentTarget.parentElement)),m(J,se)};q(F,J=>{n(T)&&J(Le)})}D(()=>b(bt,n(d).length?`${n(d).length} von ${n(r).length} ausgewählt`:"alle werden eingeschlossen")),m(L,V)},rt=L=>{var V=Nc(),ie=s(l(V),2),ge=s(l(ie),4);C("click",ge,()=>{var Te;return(Te=document.querySelector(".nav-item[data-view='cookbook']"))==null?void 0:Te.dispatchEvent(new MouseEvent("click"))}),m(L,V)};q(De,L=>{n(r).length?L(Y):L(rt,-1)})}D(()=>kr(W,n(i))),C("click",fe,L=>{const V=L.currentTarget.previousElementSibling;te(V)}),C("click",A,$),m(e,ue),aa()}ya(["click","keydown"]);var Wc=k('

'),Vc=k('

Für dich: Upgrades

Neuere Modelle, die ein installiertes ersetzen können.

'),Uc=k('

Lade News… (erstes Laden kann kurz dauern)

'),Hc=k('

'),jc=k('

Keine News geladen

Die Quellen sind gerade nicht erreichbar — später nochmal probieren.

'),Jc=k('für dich'),Qc=k('

'),Zc=k('

'),Yc=k('

News

Aktuelles aus der Local-LLM-Welt — aus kuratierten Quellen.

',1);function Xc(e,t){na(t,!0);let a=R(Vt([])),r=R(Vt([])),i=R(!0),o=R("");const d=K=>K==="perfect"?"ok":K==="marginal"?"warn":"bad";function c(K){const W=Math.max(0,Date.now()/1e3-K);return W<60?W+"s":W<3600?Math.floor(W/60)+"m":W<86400?Math.floor(W/3600)+"h":Math.floor(W/86400)+"d"}async function u(){h(i,!0),h(o,"");try{h(a,(await Me("/api/news")).items||[],!0)}catch(K){h(o,K.message||"Fehler beim Laden",!0)}finally{h(i,!1)}}async function v(){try{h(r,(await Me("/api/cookbook/upgrades")).upgrades||[],!0)}catch{h(r,[],!0)}}async function g(K,W){var fe;W.disabled=!0,W.textContent="Starte…";try{await Me("/api/cookbook/install-model",{method:"POST",body:JSON.stringify({repo:K.repo,role:K.role,params_b:K.params_b,quant:K.quant,hf_token:ir()})}),(fe=document.querySelector(".nav-item[data-view='activity']"))==null||fe.dispatchEvent(new MouseEvent("click"))}catch(he){W.disabled=!1,W.textContent="Installieren",alert("Fehler: "+he.message)}}function E(){u(),v()}mr(()=>{u(),v()});var p=Yc(),y=ct(p),T=s(l(y),2),z=s(y,2);{var x=K=>{var W=Vc(),fe=l(W),he=s(l(fe),2),$e=l(he),We=s(fe,4);dt(We,21,()=>n(r),ot,(mt,A)=>{var H=Wc(),re=l(H),Ve=l(re),Q=l(Ve),De=l(Q),Y=s(Q,2),rt=l(Y),L=s(Ve,2),V=l(L),ie=s(re,2);D(ge=>{b(De,n(A).name),kt(Y,1,`fit-badge ${ge??""}`),b(rt,n(A).fit.text),b(V,`Ersetzt dein „${n(A).old??""}". ${n(A).why??""}`)},[()=>d(n(A).fit.level)]),C("click",ie,ge=>g(n(A),ge.currentTarget)),m(mt,H)}),D(()=>b($e,n(r).length)),m(K,W)};q(z,K=>{n(r).length&&K(x)})}var $=s(z,2);{var ke=K=>{var W=Uc();m(K,W)},te=K=>{var W=Hc(),fe=l(W);D(()=>b(fe,n(o))),m(K,W)},ue=K=>{var W=jc();m(K,W)},Ae=K=>{var W=Zc();dt(W,21,()=>n(a),ot,(fe,he,$e)=>{var We=Qc();kt(We,1,`news-card${$e===0?" featured":""}`);var mt=l(We),A=l(mt),H=l(A),re=s(A,2);{var Ve=L=>{var V=Jc();m(L,V)};q(re,L=>{n(he).relevant&&L(Ve)})}var Q=s(re,2),De=l(Q),Y=s(mt,2),rt=l(Y);D(L=>{Nr(We,"href",n(he).link),b(H,n(he).source),b(De,L),b(rt,n(he).title)},[()=>n(he).ts?c(n(he).ts):""]),m(fe,We)}),m(K,W)};q($,K=>{n(i)?K(ke):n(o)?K(te,1):n(a).length?K(Ae,-1):K(ue,2)})}C("click",T,E),m(e,p),aa()}ya(["click"]);const eu=[{label:"Einstieg",tutorials:[["Dein erster Workflow — in 3 Schritten",`

Modell holen: Tab Cookbook → Anwendungsfall wählen (z.B. „Coden & Programmieren") → Komplettes Setup installieren. Der Download läuft im Tab Aktivität — einfach warten bis der Job grün wird.
Verbinden: Tab Verbinden → Tool wählen → Config-Snippet kopieren und einfügen. Verbindung testen bestätigt, dass alles klappt.
Arbeiten: Im Tool das gewünschte Modell auswählen und loslegen. Das Modell wird automatisch geladen — du musst nichts manuell starten.

Nicht sicher welches Tool du nehmen sollst? Lies den Abschnitt „Welches Tool ist das richtige für mich?" weiter unten.

`],["Kontext — das Kurzzeitgedächtnis des Modells",`

Der Kontext ist wie ein Blatt Papier: alles was du mit dem Modell besprochen hast, steht darauf. Wird es voll, fallen die ältesten Nachrichten raus.

Was du meist nicht tun musst: Tools wie OpenCode, Cline und OpenWebUI verwalten das Kontextfenster automatisch. Ein neuer Chat = leeres Blatt.

Wenn der Kontext volläuft (Fehler „context length exceeded" oder das Modell vergisst den Anfang):

Neuen Chat starten — der einfachste Reset.
Vorher: „Fasse kurz zusammen was wir bisher erreicht haben" — dann diesen Stand in den neuen Chat einfügen.
Kontext vergrößern: Tab Modelle → Konfigurieren → Empfehlung für deine Hardware übernehmen.

Wichtig: „Grafikspeicher leeren" (Tab Server) ist etwas anderes — das wirft das Modell aus dem Speicher, nicht den Gesprächsverlauf.

`],["Auto-Swap — Modelle laden sich von selbst",`

llama-swap lädt automatisch das Modell, das gerade angefragt wird — und entlädt es nach einer Leerlaufzeit wieder. Es läuft immer nur eines gleichzeitig.

Du richtest beliebig viele Modelle ein und wählst im Tool das passende. Das Laden und Entladen passiert unsichtbar im Hintergrund.

Warum dauert die erste Antwort manchmal 5–15 Sekunden?
Das Modell wird gerade geladen — danach geht es normal weiter. Die Topbar zeigt „[Modellname] lädt…" während das passiert.

Scout immer sofort verfügbar halten: Tab Modelle → Konfigurieren → Immer aktiv halten aktivieren (TTL = ∞). Das Modell bleibt dann dauerhaft im RAM und antwortet ohne Wartezeit — ideal für den kleinen, schnellen Allrounder.

`]]},{label:"Tools einrichten",tutorials:[["Welches Tool ist das richtige für mich?",`

Die Antwort hängt davon ab, was du hauptsächlich tun willst:

Ich will einfach chatten, Texte schreiben, Fragen stellen

→ OpenWebUI — klassische Chat-Oberfläche im Browser. Kein Programmieren, kein Setup. Ideal als Einstieg.

Ich programmiere und will KI in VS Code

→ Cline — KI-Assistent direkt im Editor. Zeigt dir jeden Schritt und fragt vor Änderungen.

Ich will, dass die KI eigenständig ganze Features baut

→ OpenCode — autonomer Coding-Agent im Terminal oder als Desktop-App. Liest Dateien, schreibt Code, führt Befehle aus.

Ich will einen schnellen Editor mit eingebautem KI-Panel

→ Zed — nativer Editor mit direktem Modell-Zugriff. Schnell, minimalistisch, für Leute die Gewicht auf Performance legen.

Faustregel: Fang mit OpenWebUI an. Wenn du merkst dass du dieselben Aufgaben immer wieder beschreibst und dann manuell umsetzt — wechsle zu OpenCode oder Cline.

`],["OpenCode verbinden und die ersten Schritte",`

OpenCode ist installiert? Dann in vier Schritten verbinden:

Config-Snippet holen: Tab Verbinden → OpenCode auswählen → Snippet kopieren und in ~/.config/opencode/opencode.json einfügen.
OpenCode starten: Terminal öffnen, opencode eintippen — immer im Projektordner starten, damit der Agent deine Dateien sieht.
Modell wählen: /models eintippen → llama-swap/coder auswählen.
Erste Aufgabe geben — z.B.: „Lies die Datei README.md und erkläre mir kurz was dieses Projekt macht."

Nützliche Befehle während der Arbeit:

/model — Modell mitten im Gespräch wechseln (z.B. auf scout für kurze Fragen)
/compact — Kontext komprimieren wenn er voll wird
/clear — frischer Start, leerer Kontext

Bevor OpenCode eine Datei ändert, fragt es nach — mit y bestätigen oder n ablehnen.

Weitere Infos: opencode.ai/docs

`],["Cline in VS Code verbinden und nutzen",`

Cline ist installiert (VS Code Extension)? So richtest du es ein:

Das Cline-Panel in VS Code öffnen (Roboter-Icon in der linken Leiste).
Provider „OpenAI Compatible" wählen.
Tab Verbinden → Cline / Cursor → Basis-URL und Modell-ID kopieren und eintragen.
API-Key: irgendeinen beliebigen Text eingeben (z.B. local) — wird nicht geprüft.

Plan-Modus vs. Act-Modus:

Plan: Cline erklärt erst seinen Plan — du kannst ihn korrigieren bevor er handelt. Ideal für Anfänger.
Act: Cline handelt sofort, fragt aber vor jeder Dateiänderung um Erlaubnis. Schneller.

Unterschied zu OpenCode: Cline arbeitet direkt in VS Code — du siehst Änderungen sofort im Editor. OpenCode ist besser für große, autonome Aufgaben; Cline für Aufgaben die du Schritt für Schritt begleiten willst.

Weitere Infos: cline.bot

`],["OpenWebUI — chatten ohne Vorkenntnisse",`

OpenWebUI ist installiert? Verbinden in 3 Schritten:

OpenWebUI im Browser öffnen → Admin Panel → Connections.
+ OpenAI-Verbindung hinzufügen → Basis-URL aus Tab Verbinden (Abschnitt OpenWebUI) kopieren.
API-Key: dummy-key (egal was hier steht). Speichern.

Danach oben das Modell wählen (coder, scout oder vision) und loslegen — genau wie bei ChatGPT, nur lokal und privat.

Bilder analysieren: Mit einem Vision-Modell (z.B. qwen3-vl) einfach ein Bild per Drag & Drop ins Chat-Fenster ziehen — das Modell beschreibt und analysiert es.

Gut für: Texte schreiben, übersetzen, zusammenfassen, erklären lassen, Brainstorming — alles ohne Programmierkenntnisse.

Weitere Infos: openwebui.com

`]]},{label:"Agenten meistern",tutorials:[["Was ein Agent tut — und was er nicht kann",`

Ein nacktes Modell antwortet auf Text — das war's. Ein Agent ist das Programm drumherum, das das Modell in eine Handlungsschleife bringt:

Planen → Werkzeug nutzen → Ergebnis prüfen → nächsten Schritt planen → …

Konkret: Datei lesen → Code verstehen → Änderung schreiben → Test ausführen → Fehler beheben — ohne dass du jeden Schritt anstoßen musst.

Was Agenten gut können:

Features über mehrere Dateien implementieren
Bugs finden und in ihrem Kontext beheben
Code refactoren, Dokumentation schreiben, Tests ergänzen
Recherchieren und das Ergebnis direkt umsetzen (mit MCP)

Was Agenten schlecht können:

Kreative Richtungsentscheidungen ohne klare Vorgabe treffen
Sehr komplexe, undokumentierte Systeme ohne Kontext verstehen
Fehler in externer Hardware oder fremden APIs beheben

Faustregel: Je klarer die Aufgabe, desto besser das Ergebnis. Unklarer Auftrag → unklares Ergebnis.

`],["Einen Agenten richtig briefen",`

Der Unterschied zwischen „es passiert nichts Sinnvolles" und „es funktioniert auf Anhieb" ist meistens die Qualität des Auftrags.

Schlecht → Gut:

„Mach meine App besser."

→ „Die Login-Seite in src/pages/Login.tsx zeigt bei falschem Passwort gar keinen Fehler an. Füge unter dem Passwortfeld eine rote Fehlermeldung ein wenn die API 401 zurückgibt."

„Erkläre mir Python."

→ „Ich bin Anfänger. Erkläre mir in 5 Schritten wie ich eine CSV-Datei in Python einlese und die Summe einer Spalte berechne — mit echtem Code-Beispiel."

„Mach das schneller."

→ „Die Funktion loadUsers() in src/api/users.ts braucht 3 Sekunden. Die Daten kommen vom Backend. Prüfe ob Caching helfen würde und schlage eine konkrete Lösung vor."

Die 3 Zutaten für einen guten Auftrag:

WO: Welche Datei / welcher Ordner / welches Feature
WAS: Was ist das genaue Problem oder Ziel
WIE: Welches Ergebnis erwartest du

Trick: Wenn du nicht sicher bist ob der Auftrag klar genug ist, frag den Agenten: „Hast du alles was du brauchst, oder fehlt dir etwas?"

`],["MCP — deinem Agenten echte Werkzeuge geben",`

MCP (Model Context Protocol) ist ein einheitlicher „Stecker", über den ein Agent zusätzliche Werkzeuge bekommt. Ohne MCP kann er nur Text lesen und schreiben. Mit MCP kann er z.B.:

Im Web suchen (Brave Search, Tavily)
GitHub Issues lesen und kommentieren
Deine Datenbank abfragen
Screenshots machen, E-Mails lesen, Kalender verwalten

Wie MCPs eingebunden werden (Beispiel für OpenCode):

In der Konfigurationsdatei (~/.config/opencode/opencode.json) einen "mcp"-Block hinzufügen:

{
  "mcp": {
    "brave-search": {
      "command": "npx",
      "args": ["-y", "@modelcontextprotocol/server-brave-search"],
      "env": { "BRAVE_API_KEY": "dein-key" }
    }
  }
}

Danach OpenCode neu starten — der Agent nutzt das Werkzeug automatisch wenn er es braucht.

Empfohlene MCPs für den Einstieg:

brave-search / tavily — im Web suchen und recherchieren
github — Repos, Issues und Pull Requests lesen
filesystem — sichere Dateizugriffe außerhalb des Projektordners

Wo MCPs finden? mcp.run · smithery.ai · modelcontextprotocol.io/servers — oder einfach fragen: „Welche MCPs gibt es für [dein Werkzeug]?"

Merksatz: Fehlt dem Agenten eine Fähigkeit → MCP. Soll er etwas nur besser machen → Skill (nächster Abschnitt).

`],["Skills & Rules — Agenten Gewohnheiten beibringen",`

Skills (auch Rules, AGENTS.md oder Instructions genannt) sind kurze Texte, die dem Agenten beibringen wie er in deinem Projekt arbeiten soll — immer, ohne dass du es jedes Mal neu sagen musst.

Beispiel — eine einfache AGENTS.md:

Schreib alle Variablen in camelCase.
Kommentare immer auf Deutsch.
Tests immer mit describe/it-Blöcken (Jest).
Importiere nichts was nicht schon in package.json steht.
Bevor du Dateien änderst: erkläre kurz was du vorhast.

Der Agent liest das vor jeder Aufgabe und hält sich daran.

Wo die Datei ablegen:

OpenCode

AGENTS.md im Projektordner (pro Projekt)
~/.config/opencode/AGENTS.md (global, gilt überall)

Cline

.clinerules im Projektordner
~/.clinerules (global)

Zed

Zed Settings → Assistant → System Prompt

Fertige Skills finden:

skills.sh — Community-Skills und Personas, direkt verwendbar
cursor.directory — vorgefertigte Rules für React, Vue, Python, etc.
Einfach fragen: „Schreib mir eine AGENTS.md für ein React + TypeScript Projekt mit Tailwind."

`],["Die Persona — Rolle, Beziehung & Onboarding",`

Eine Persona hat zwei Dimensionen — beide sind wichtig:

Was der Agent tut

Fokus, Fachgebiet, Grenzen — die klassische Rollenbeschreibung.

Wie er mit dir umgeht

Ton, Proaktivität, Feedback-Stil — antwortet er kurz oder ausführlich? Hakt er nach oder liefert er einfach? Spricht er Fehler direkt an oder verpackt er sie?

Ein Agent der technisch gleich konfiguriert ist, verhält sich komplett anders wenn er weiß: Du willst kurze Antworten ohne Erklärung. Oder: Du lernst noch — ermutige mich und erkläre immer warum.

Das vollständige Persona-Template:

Du bist [Name], [Rolle].

Fokus: [Was du hauptsächlich tust]
Wie du kommunizierst: [Stil — direkt/erklärend/ermutigend, kurze oder ausführliche Antworten]
Wie du mit mir umgehst: [Proaktivität, Rückfragen, Feedback-Stil, Fehlerkultur]
Sprache: Immer auf Deutsch. Code-Kommentare auf Englisch.
Grenzen: [Was du nicht tust, was du nachfragst statt zu raten]

Beispiel 1 — Coding-Assistent (direkt, erfahren):

Du bist Alex, ein erfahrener Senior-Entwickler spezialisiert auf TypeScript und React.

Fokus: Code schreiben, reviewen, erklären — immer mit konkreten Beispielen.
Wie du kommunizierst: direkt, pragmatisch. Keine Erklärung wenn der Code für sich spricht.
Wie du mit mir umgehst: Du fragst nach bevor du loslegst wenn die Aufgabe unklar ist.
  Fehler sprichst du klar an — aber ohne Schuldzuweisungen. Du machst Gegenvorschläge
  wenn du eine bessere Lösung siehst, aber respektierst meine Entscheidung.
Sprache: Deutsch. Code-Kommentare auf Englisch.
Grenzen: Kein Code ohne Datei-Kontext. Keine neuen Dependencies ohne Rückfrage.

Beispiel 2 — Lernbegleiter (geduldig, ermutigend):

Du bist Sam, eine geduldige Lernbegleiterin für Programmier-Anfänger.

Fokus: Konzepte erklären, Fehler korrigieren, Schritt für Schritt führen.
Wie du kommunizierst: freundlich, mit Analogien aus dem Alltag. Fachbegriffe sofort erklären.
Wie du mit mir umgehst: Du lobst Fortschritte, auch kleine. Fehler sind Lernchancen —
  du zeigst was falsch war und warum, ohne zu urteilen. Du fragst ob ich es verstanden
  habe bevor du weitermachst.
Sprache: Immer auf Deutsch. Niemals Englisch ohne Übersetzung.

Der schnellste Weg: Onboarding-Interview

Statt die Persona selbst auszufüllen — lass den Agenten dich befragen. Starte einen frischen Chat und gib ihm diesen Prompt:

Ich möchte dich in mein Projekt und meinen Arbeitsstil einarbeiten.
Führe mit mir ein kurzes Interview durch — stelle mir 6–8 Fragen,
eine nach der anderen — um zu verstehen:

1. Wer ich bin und wie ich am liebsten kommuniziere
2. Was unser Projekt ist und welches Ziel es hat
3. Was ich gut kann und wobei ich Unterstützung brauche
4. Meine Arbeitsgewohnheiten und Präferenzen
5. Was mir wichtig ist und was mich stört

Wenn du alle Antworten hast, erstelle daraus:
- Eine vollständige AGENTS.md als dauerhaftes Fundament
- Einen Satz der zusammenfasst wer ich für dich bin

Das Ergebnis: eine maßgeschneiderte Persona die wirklich zu dir passt — weil du sie nicht selbst formulieren musstest, sondern im Gespräch entstanden ist.

Wo eintragen:

Für ein Projekt

Erste Zeilen der AGENTS.md im Projektordner.

Global (überall)

~/.config/opencode/AGENTS.md (OpenCode) · Settings → System Prompt (OpenWebUI)

Nur dieser Chat

„Ab jetzt bist du …" direkt eintippen.

Fertige Personas: skills.sh · cursor.directory

`],["AGENTS.MD & SAVEPOINT.MD — Gedächtnis für den Agenten",`

Jedes Mal wenn du einen neuen Chat startest, weiß der Agent nichts über dein Projekt. Diese zwei Dateien lösen das Problem:

AGENTS.md

Was das Projekt ist — Tech-Stack, Konventionen, Struktur. Wird vor jeder Aufgabe gelesen. Einmal schreiben, immer wirksam.

SAVEPOINT.md

Wo wir gerade stehen — aktueller Stand, offene Punkte, nächste Schritte. Wird am Ende einer Session aktualisiert und zu Beginn der nächsten gelesen.

AGENTS.MD — Vorlage:

# Projekt: [Name]

## Persona
Du bist [Name], [Rolle]. [Stil, Sprache, Grenzen]

## Tech-Stack
- Frontend: [z.B. React 18, TypeScript, Tailwind CSS]
- Backend:  [z.B. FastAPI, Python 3.12]
- Datenbank:[z.B. PostgreSQL via Prisma]

## Konventionen
- Variablen:  camelCase (JS) / snake_case (Python)
- Kommentare: auf Deutsch
- Commits:    konventionell (feat/fix/chore/docs)
- Tests:      immer mit describe/it-Blöcken

## Projektstruktur
src/
  components/  → UI-Komponenten (eine Datei = eine Komponente)
  pages/       → Seiten / Routes
  api/         → Backend-Calls und Typen

## Regeln
- Vor jeder Dateiänderung kurz erklären was geplant ist
- Keine neuen Dependencies ohne Rückfrage hinzufügen
- Bei Unklarheiten fragen, nicht raten

SAVEPOINT.MD — Vorlage:

# Savepoint — [Datum / Uhrzeit]

## Aktueller Stand
[1–2 Sätze: wo steht das Projekt gerade?]

## Zuletzt erledigt
- [Aufgabe] ✓
- [Aufgabe] ✓

## In Arbeit / halbfertig
- [Was noch offen ist — welche Datei, welcher Schritt fehlt noch]

## Als nächstes
1. [Konkrete nächste Aufgabe]
2. [Übernächste Aufgabe]

## Wichtige Entscheidungen
- [Was entschieden wurde]: [Warum]

## Bekannte Probleme
- [Problem]: [Was bekannt ist, noch nicht gelöst]

Workflow:

Session starten: „Lies AGENTS.md und SAVEPOINT.md und mach weiter."
Session beenden: „Aktualisiere SAVEPOINT.md mit dem aktuellen Stand."

Tipp: Lass den Agenten die SAVEPOINT.md selbst schreiben — er sieht was er getan hat. Du prüfst nur ob der Stand stimmt und ergänzt bei Bedarf.

Vorlagen & Inspiration: skills.sh · opencode.ai/docs

`]]},{label:"Wenn etwas nicht klappt",tutorials:[["Häufige Probleme & Lösungen",`

🔴 Engine offline, rotes Licht in der Topbar

Tab Server → LLM-Engine-Karte → Neustart. Warte 10–15 Sekunden — danach sollte die Verbindung wieder grün sein.

⏳ Modell lädt länger als 5 Minuten

Tab Aktivität prüfen: läuft ein Download-Job? Der muss erst abgeschlossen sein bevor das Modell ladbar ist. Bei Fehler → Job-Zeile aufklappen, Log lesen.

💬 „context length exceeded" Fehler im Tool

Neuen Chat starten. Vorher: „Fasse kurz zusammen was wir erreicht haben" eingeben und diesen Text in den neuen Chat mitnehmen.

🌐 Modell antwortet immer auf Englisch

Am Anfang der Unterhaltung schreiben: „Antworte immer auf Deutsch." Für dauerhaft: eine AGENTS.md / .clinerules mit dieser Anweisung anlegen (siehe Abschnitt Skills & Rules).

🔌 Tool findet keine Modelle / Verbindung schlägt fehl

Tab Verbinden → Verbindung testen. Wenn Fehler: läuft llama-swap? (Tab Server). URL korrekt? Muss http:// (nicht https) sein, Port 8080. Über Proxy? → LAN-IP direkt nutzen: http://192.168.178.151:8080/v1

⬇ Download schlägt fehl / bricht ab

Tab Aktivität → Job-Zeile aufklappen → Log lesen. Häufigste Ursache: HuggingFace braucht einen Token für dieses Modell (gated model). → Einstellungen (Zahnrad-Icon oben) → HuggingFace-Token eintragen.

🔄 Seite lädt / Dashboard hängt komplett

Strg+Shift+R (Hard Reload). Wenn das nicht hilft: Tab Server → Mission Control → Neu starten.

`]]}],tu=[["LLM / Modell","Die KI selbst — versteht und schreibt Text (wie ChatGPT, nur lokal auf deinem PC). Ein Modell ist eine konkrete Datei, oft auf etwas spezialisiert (Code, Bilder, Chat)."],["GGUF","Das lokal lauffähige Dateiformat. llama-swap lädt nur GGUF — Repos ohne GGUF kann die Engine nicht nutzen."],["Quantisierung (Q4_K_M)","Verkleinert ein Modell (16-Bit → 4-Bit), damit es in den Speicher passt — bei kaum Qualitätsverlust. Q4_K_M ist der bewährte Sweetspot aus Qualität und Geschwindigkeit."],["Kontextfenster","Das Kurzzeitgedächtnis: wie viel Text sich das Modell gleichzeitig merken kann. Größer = mehr Überblick, mehr Speicher, etwas langsamer."],["Token","Die kleinste Einheit die ein Modell verarbeitet — meist 3–4 Zeichen oder ein kurzes Wort. 1 000 Tokens ≈ 750 Wörter. Kontextfenster, Geschwindigkeit und Kosten werden in Tokens gemessen."],["Auto-Swap","llama-swap lädt/entlädt Modelle automatisch — immer nur eins gleichzeitig. Du managst nichts."],["TTL (Time to Live)","Wie lange ein Modell nach der letzten Anfrage im RAM bleibt bevor es entladen wird. Standard: 5 Minuten. ∞ = bleibt dauerhaft geladen (sinnvoll für den Scout)."],["Agent","Ein Programm (OpenCode, Cline, Continue), das das Modell in einer Handlungsschleife laufen lässt — Dateien lesen/ändern, Befehle ausführen, planen, bis die Aufgabe erledigt ist."],["MCP","Model Context Protocol — der Stecker, über den ein Agent zusätzliche Werkzeuge bekommt (Web, Datenbank, GitHub …). MCP = neue Fähigkeiten."],["Skills / Rules","Kurze Textdatei (AGENTS.md, .clinerules …) mit Anweisungen wie der Agent in deinem Projekt arbeiten soll — einmal geschrieben, immer befolgt."],["System-Prompt","Eine unsichtbare Anweisung die vor deiner Nachricht steht und das Verhalten des Modells grundlegend prägt (Sprache, Ton, Rolle). Skills nutzen oft den System-Prompt."],["Vision","Modelle mit Vision-Fähigkeit können Bilder verstehen — Screenshots, Diagramme, Fehlerfotos. Erkennbar am mmproj-Projektor der mitgeladen wird."]];var nu=k('

'),au=k('

'),ru=k('

'),iu=k('

Guide

Schritt für Schritt erklärt — von der ersten Einrichtung bis zu echten Agenten-Workflows.

Begriffe kurz erklärt

',1);function su(e){var t=iu(),a=s(ct(t),2);dt(a,17,()=>eu,ot,(i,o,d)=>{var c=au(),u=l(c),v=l(u),g=s(u,2);dt(g,17,()=>n(o).tutorials,ot,(E,p,y)=>{var T=O(()=>sr(n(p),2));let z=()=>n(T)[0],x=()=>n(T)[1];var $=nu();$.open=d===0&&y===0;var ke=l($),te=l(ke),ue=s(ke,2);ze(ue,x,!0),D(()=>b(te,z())),m(E,$)}),D(()=>b(v,n(o).label)),m(i,c)});var r=s(a,4);dt(r,21,()=>tu,ot,(i,o)=>{var d=O(()=>sr(n(o),2));let c=()=>n(d)[0],u=()=>n(d)[1];var v=ru(),g=l(v),E=l(g),p=s(g,2),y=l(p);D(()=>{b(E,c()),b(y,u())}),m(i,v)}),m(e,t)}let Xi={};function lu(){const e=document.getElementById("top-active-text");e&&(e.classList.add("swap-flash"),setTimeout(()=>e.classList.remove("swap-flash"),900))}function es(e){var i;const t=document.getElementById("swdot"),a=document.getElementById("swlabel"),r=document.getElementById("top-active-text");if(!e)t&&(t.className="dot off"),a&&(a.textContent="Backend nicht erreichbar"),r&&(r.textContent="Backend offline"),ts("Backend nicht erreichbar – läuft uvicorn?",!1);else{const o=(e.swap_url||"").replace(/^https?:\/\//,"");t&&(t.className="dot "+(e.swap_ok?"on":"off")),a&&(a.textContent=(e.swap_ok?"LLM-Engine: Online – ":"LLM-Engine: Offline – ")+o);const d=["running","ready","loading","starting"],c=(e.models||[]).find(v=>d.includes(v.state));if(r)if(c){const v=(i=c.meta)!=null&&i.ctx?` · ${Math.round(c.meta.ctx/1024)}k ctx`:"",g=c.state==="loading"||c.state==="starting"?' lädt…':"";r.innerHTML=`${c.name}${v}${g}`}else r.innerHTML='Kein Modell im VRAM';e.swap_ok?uu():ts(`LLM-Engine nicht erreichbar unter ${o} – läuft der llama-swap Dienst?`,!0);const u={};for(const v of e.models||[])u[v.name]=v.state;for(const[v,g]of Object.entries(u)){const E=Xi[v];if(E&&E!==g&&(g==="running"||g==="loading")){lu();break}}Xi=u}ou(e),br.set(e)}function ou(e){const t=document.getElementById("sec-chip"),a=document.getElementById("sec-chip-tx");!t||!a||(t.classList.toggle("ok",!!(e!=null&&e.secured)),a.textContent=e!=null&&e.secured?"Geschützt · Heimnetz":"Nur im Heimnetz (offen)")}function du(e){da.set(e||[])}function cu(e){zi.set(e)}function ts(e,t){const a=document.getElementById("alert");a.className="alert"+(t?" warn":""),a.innerHTML=`${e}`,a.style.display="flex"}function uu(){const e=document.getElementById("alert");e&&(e.style.display="none")}const vu=e=>{var t;return(t=document.querySelector(`.nav-item[data-view="${e}"]`))==null?void 0:t.click()};function ei(e,t,a,r){const i=document.createElement("span");return i.className="upd-badge"+(t?" "+t:""),i.textContent=e,r&&(i.title=r),i.onclick=()=>vu(a),i}async function tl(){try{const e=await Me("/api/updates"),t=document.getElementById("update-badges");if(!t)return;const a=e.apt_cache_age_h,r=a!=null&&a>24,i=a!=null?` · apt-Cache: vor ${a}h`:"";t.innerHTML="",t.appendChild(ei(e.os>0?`OS: ${e.os} Updates`:r?"OS: ?":"OS: aktuell",e.os>0||r?"warn":"ok","server",e.os>0?`${e.os} Pakete${i}`:r?`apt-Cache veraltet (${a}h)`:`Keine Updates${i}`)),t.appendChild(ei(e.engine>0?"Engine: Update":"Engine: aktuell",e.engine>0?"warn":"ok","server")),t.appendChild(ei(e.models>0?`Modelle: ${e.models}`:"Modelle: aktuell",e.models>0?"warn":"ok","news"))}catch{}}async function Gr(){try{es(await Me("/api/status"))}catch{es(null)}}async function nl(){try{du(await Me("/api/jobs"))}catch{}}function al(){const e=window.location.protocol==="https:"?"wss:":"ws:",t=new WebSocket(`${e}//${window.location.host}/api/system/stream`);t.onmessage=a=>{try{cu(JSON.parse(a.data))}catch{}},t.onclose=()=>{setTimeout(al,3e3)},t.onerror=()=>t.close()}var ls;((ls=document.getElementById("logo"))==null?void 0:ls.innerHTML)!==void 0&&(document.getElementById("logo").innerHTML=Kr.logo);document.querySelectorAll("[data-ic]").forEach(e=>{e.innerHTML=Kr[e.dataset.ic||""]||""});const fu=[["overview",cd],["models",Md],["activity",Rd],["server",Ud],["cookbook",Tc],["connect",Gc],["news",Xc],["guides",su]];for(const[e,t]of fu){const a=document.querySelector(`.view[data-view="${e}"]`);a&&xo(t,{target:a})}Vo("overview");const ti=document.getElementById("token");ti&&(ti.value=el(),ti.addEventListener("change",e=>{Fo(e.target.value),Gr()}));const ni=document.getElementById("hf-token");ni&&(ni.value=ir(),ni.addEventListener("change",e=>Ko(e.target.value)));const ns=document.getElementById("nav-settings"),ai=document.getElementById("settings-modal"),as=document.getElementById("sm-close");ns&&ai&&as&&(ns.addEventListener("click",()=>ai.style.display="flex"),as.addEventListener("click",()=>ai.style.display="none"));function pu(){const e=document.getElementById("clock");e&&(e.textContent=new Date().toTimeString().slice(0,5))}document.addEventListener("mc:refresh",Gr);Gr();nl();al();setInterval(pu,1e3);setInterval(Gr,3e3);setInterval(nl,1500);tl();setInterval(tl,6e4);