Hitonabi
b88eba0da8
Verbinden-Tab neu strukturiert: - Tool-Picker in 2 Sektionen unterteilt: Chat + Coding-Assistenten - Jan AI: einfachstes Chat-Interface (Desktop-App, kein Docker) Config: Basis-URL + Modell-ID Copy-Fields wie Cline - Continue: VS Code/JetBrains Coding-Hilfe ohne Agent-Overhead Config: fertiger config.json-Block mit allen konfigurierten Modellen - Antigravity: Googles agentic IDE (VS Code-Fork, kostenlos) Config: Basis-URL + Modell-ID Copy-Fields - continueBlock() Funktion für dynamisches config.json-Snippet Guide neu strukturiert (17 Tutorials, war 14): - "Welches Tool" Entscheidungsmatrix komplett neu: Chat vs. Coding, Jan AI als Einstieg statt OpenWebUI, Antigravity und Continue ergänzt - Neu: "Jan AI — einfachstes Chat-Interface" (Schritt-für-Schritt) - Neu: "Continue — Coding-Hilfe ohne Agent-Overhead" (Chat/Autocomplete/Inline-Edit) - Neu: "Antigravity — Googles agentic IDE" (Multi-Agent, Manager-View) - OpenWebUI repositioniert: "für Teams und Power-User" mit klarer Begründung wann OpenWebUI mehr Sinn macht als Jan AI Recherche-Grundlage: jan.ai/docs, continue.dev, antigravityide.net, Google Dev Blog (Antigravity), promptquorum.com (Frontend-Vergleich 2026) Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
637 lines
182 KiB
JavaScript
637 lines
182 KiB
JavaScript
var rl=Object.defineProperty;var Dr=e=>{throw TypeError(e)};var sl=(e,n,a)=>n in e?rl(e,n,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[n]=a;var rn=(e,n,a)=>sl(e,typeof n!="symbol"?n+"":n,a),Ui=(e,n,a)=>n.has(e)||Dr("Cannot "+a);var p=(e,n,a)=>(Ui(e,n,"read from private field"),a?a.call(e):n.get(e)),pe=(e,n,a)=>n.has(e)?Dr("Cannot add the same private member more than once"):n instanceof WeakSet?n.add(e):n.set(e,a),ve=(e,n,a,i)=>(Ui(e,n,"write to private field"),i?i.call(e,a):n.set(e,a),a),Re=(e,n,a)=>(Ui(e,n,"access private method"),a);var br=Array.isArray,ll=Array.prototype.indexOf,Ci=Array.prototype.includes,Ri=Array.from,ol=Object.defineProperty,ei=Object.getOwnPropertyDescriptor,dl=Object.getOwnPropertyDescriptors,cl=Object.prototype,ul=Array.prototype,ds=Object.getPrototypeOf,$r=Object.isExtensible;const vl=()=>{};function pl(e){for(var n=0;n<e.length;n++)e[n]()}function cs(){var e,n,a=new Promise((i,r)=>{e=i,n=r});return{promise:a,resolve:e,reject:n}}function Ca(e,n){if(Array.isArray(e))return e;if(n===void 0||!(Symbol.iterator in e))return Array.from(e);const a=[];for(const i of e)if(a.push(i),a.length===n)break;return a}const jt=2,Oa=4,Oi=8,us=1<<24,xn=16,Mn=32,ta=64,ir=128,hn=512,Ot=1024,Vt=2048,Ln=4096,Zt=8192,gn=16384,Wa=32768,rr=1<<25,Fa=65536,Ti=1<<17,fl=1<<18,Va=1<<19,hl=1<<20,Pn=1<<25,ka=65536,zi=1<<21,Ta=1<<22,ea=1<<23,za=Symbol("$state"),gl=Symbol(""),yi=Symbol("attributes"),sr=Symbol("class"),lr=Symbol("style"),Ja=Symbol("text"),xi=Symbol("form reset"),Fi=new class extends Error{constructor(){super(...arguments);rn(this,"name","StaleReactionError");rn(this,"message","The reaction that called `getAbortSignal()` was re-run or destroyed")}};var rs;const ml=!!((rs=globalThis.document)!=null&&rs.contentType)&&globalThis.document.contentType.includes("xml");function vs(e){throw new Error("https://svelte.dev/e/lifecycle_outside_component")}function bl(){throw new Error("https://svelte.dev/e/async_derived_orphan")}function _l(e,n,a){throw new Error("https://svelte.dev/e/each_key_duplicate")}function kl(e){throw new Error("https://svelte.dev/e/effect_in_teardown")}function wl(){throw new Error("https://svelte.dev/e/effect_in_unowned_derived")}function yl(e){throw new Error("https://svelte.dev/e/effect_orphan")}function xl(){throw new Error("https://svelte.dev/e/effect_update_depth_exceeded")}function Sl(){throw new Error("https://svelte.dev/e/state_descriptors_fixed")}function Ml(){throw new Error("https://svelte.dev/e/state_prototype_fixed")}function El(){throw new Error("https://svelte.dev/e/state_unsafe_mutation")}function Al(){throw new Error("https://svelte.dev/e/svelte_boundary_reset_onerror")}const Cl=1,Tl=2,ps=4,zl=8,Pl=16,Dl=1,$l=2,Rt=Symbol("uninitialized"),fs="http://www.w3.org/1999/xhtml",Ll="http://www.w3.org/2000/svg",Il="http://www.w3.org/1998/Math/MathML";function Bl(){console.warn("https://svelte.dev/e/derived_inert")}function Rl(){console.warn("https://svelte.dev/e/select_multiple_invalid_value")}function Ol(){console.warn("https://svelte.dev/e/svelte_boundary_reset_noop")}function hs(e){return e===this.v}function Fl(e,n){return e!=e?n==n:e!==n||e!==null&&typeof e=="object"||typeof e=="function"}function gs(e){return!Fl(e,this.v)}let Ut=null;function qa(e){Ut=e}function aa(e,n=!1,a){Ut={p:Ut,i:!1,c:null,e:null,s:e,x:null,r:ye,l:null}}function ia(e){var n=Ut,a=n.e;if(a!==null){n.e=null;for(var i of a)Os(i)}return n.i=!0,Ut=n.p,{}}function ms(){return!0}let la=[];function bs(){var e=la;la=[],pl(e)}function ga(e){if(la.length===0&&!ni){var n=la;queueMicrotask(()=>{n===la&&bs()})}la.push(e)}function ql(){for(;la.length>0;)bs()}function _s(e){var n=ye;if(n===null)return _e.f|=ea,e;if((n.f&Wa)===0&&(n.f&Oa)===0)throw e;Yn(e,n)}function Yn(e,n){if(!(n!==null&&(n.f&gn)!==0)){for(;n!==null;){if((n.f&ir)!==0){if((n.f&Wa)===0)throw e;try{n.b.error(e);return}catch(a){e=a}}n=n.parent}throw e}}const Nl=-7169;function Pt(e,n){e.f=e.f&Nl|n}function _r(e){(e.f&hn)!==0||e.deps===null?Pt(e,Ot):Pt(e,Ln)}function ks(e){if(e!==null)for(const n of e)(n.f&jt)===0||(n.f&ka)===0||(n.f^=ka,ks(n.deps))}function ws(e,n,a){(e.f&Vt)!==0?n.add(e):(e.f&Ln)!==0&&a.add(e),ks(e.deps),Pt(e,Ot)}function Kl(e){let n=0,a=ya(0),i;return()=>{Er()&&(t(a),qi(()=>(n===0&&(i=Ua(()=>e(()=>ai(a)))),n+=1,()=>{ga(()=>{n-=1,n===0&&(i==null||i(),i=void 0,ai(a))})})))}}var Gl=Fa|Va;function Wl(e,n,a,i){new Vl(e,n,a,i)}var cn,mr,un,ua,Xt,vn,Qt,ln,On,va,Qn,Pa,ui,vi,Fn,Li,xt,Ul,jl,Hl,or,Si,Mi,dr,cr;class Vl{constructor(n,a,i,r){pe(this,xt);rn(this,"parent");rn(this,"is_pending",!1);rn(this,"transform_error");pe(this,cn);pe(this,mr,null);pe(this,un);pe(this,ua);pe(this,Xt);pe(this,vn,null);pe(this,Qt,null);pe(this,ln,null);pe(this,On,null);pe(this,va,0);pe(this,Qn,0);pe(this,Pa,!1);pe(this,ui,new Set);pe(this,vi,new Set);pe(this,Fn,null);pe(this,Li,Kl(()=>(ve(this,Fn,ya(p(this,va))),()=>{ve(this,Fn,null)})));var o;ve(this,cn,n),ve(this,un,a),ve(this,ua,d=>{var c=ye;c.b=this,c.f|=ir,i(d)}),this.parent=ye.b,this.transform_error=r??((o=this.parent)==null?void 0:o.transform_error)??(d=>d),ve(this,Xt,Cr(()=>{Re(this,xt,or).call(this)},Gl))}defer_effect(n){ws(n,p(this,ui),p(this,vi))}is_rendered(){return!this.is_pending&&(!this.parent||this.parent.is_rendered())}has_pending_snippet(){return!!p(this,un).pending}update_pending_count(n,a){Re(this,xt,dr).call(this,n,a),ve(this,va,p(this,va)+n),!(!p(this,Fn)||p(this,Pa))&&(ve(this,Pa,!0),ga(()=>{ve(this,Pa,!1),p(this,Fn)&&Na(p(this,Fn),p(this,va))}))}get_effect_pending(){return p(this,Li).call(this),t(p(this,Fn))}error(n){if(!p(this,un).onerror&&!p(this,un).failed)throw n;X!=null&&X.is_fork?(p(this,vn)&&X.skip_effect(p(this,vn)),p(this,Qt)&&X.skip_effect(p(this,Qt)),p(this,ln)&&X.skip_effect(p(this,ln)),X.oncommit(()=>{Re(this,xt,cr).call(this,n)})):Re(this,xt,cr).call(this,n)}}cn=new WeakMap,mr=new WeakMap,un=new WeakMap,ua=new WeakMap,Xt=new WeakMap,vn=new WeakMap,Qt=new WeakMap,ln=new WeakMap,On=new WeakMap,va=new WeakMap,Qn=new WeakMap,Pa=new WeakMap,ui=new WeakMap,vi=new WeakMap,Fn=new WeakMap,Li=new WeakMap,xt=new WeakSet,Ul=function(){try{ve(this,vn,pn(()=>p(this,ua).call(this,p(this,cn))))}catch(n){this.error(n)}},jl=function(n){const a=p(this,un).failed;a&&ve(this,ln,pn(()=>{a(p(this,cn),()=>n,()=>()=>{})}))},Hl=function(){const n=p(this,un).pending;n&&(this.is_pending=!0,ve(this,Qt,pn(()=>n(p(this,cn)))),ga(()=>{var a=ve(this,On,document.createDocumentFragment()),i=Kn();a.append(i),ve(this,vn,Re(this,xt,Mi).call(this,()=>pn(()=>p(this,ua).call(this,i)))),p(this,Qn)===0&&(p(this,cn).before(a),ve(this,On,null),ba(p(this,Qt),()=>{ve(this,Qt,null)}),Re(this,xt,Si).call(this,X))}))},or=function(){try{if(this.is_pending=this.has_pending_snippet(),ve(this,Qn,0),ve(this,va,0),ve(this,vn,pn(()=>{p(this,ua).call(this,p(this,cn))})),p(this,Qn)>0){var n=ve(this,On,document.createDocumentFragment());zr(p(this,vn),n);const a=p(this,un).pending;ve(this,Qt,pn(()=>a(p(this,cn))))}else Re(this,xt,Si).call(this,X)}catch(a){this.error(a)}},Si=function(n){this.is_pending=!1,n.transfer_effects(p(this,ui),p(this,vi))},Mi=function(n){var a=ye,i=_e,r=Ut;In(p(this,Xt)),mn(p(this,Xt)),qa(p(this,Xt).ctx);try{return wa.ensure(),n()}catch(o){return _s(o),null}finally{In(a),mn(i),qa(r)}},dr=function(n,a){var i;if(!this.has_pending_snippet()){this.parent&&Re(i=this.parent,xt,dr).call(i,n,a);return}ve(this,Qn,p(this,Qn)+n),p(this,Qn)===0&&(Re(this,xt,Si).call(this,a),p(this,Qt)&&ba(p(this,Qt),()=>{ve(this,Qt,null)}),p(this,On)&&(p(this,cn).before(p(this,On)),ve(this,On,null)))},cr=function(n){p(this,vn)&&(nn(p(this,vn)),ve(this,vn,null)),p(this,Qt)&&(nn(p(this,Qt)),ve(this,Qt,null)),p(this,ln)&&(nn(p(this,ln)),ve(this,ln,null));var a=p(this,un).onerror;let i=p(this,un).failed;var r=!1,o=!1;const d=()=>{if(r){Ol();return}r=!0,o&&Al(),p(this,ln)!==null&&ba(p(this,ln),()=>{ve(this,ln,null)}),Re(this,xt,Mi).call(this,()=>{Re(this,xt,or).call(this)})},c=u=>{try{o=!0,a==null||a(u,d),o=!1}catch(v){Yn(v,p(this,Xt)&&p(this,Xt).parent)}i&&ve(this,ln,Re(this,xt,Mi).call(this,()=>{try{return pn(()=>{var v=ye;v.b=this,v.f|=ir,i(p(this,cn),()=>u,()=>d)})}catch(v){return Yn(v,p(this,Xt).parent),null}}))};ga(()=>{var u;try{u=this.transform_error(n)}catch(v){Yn(v,p(this,Xt)&&p(this,Xt).parent);return}u!==null&&typeof u=="object"&&typeof u.then=="function"?u.then(c,v=>Yn(v,p(this,Xt)&&p(this,Xt).parent)):c(u)})};function Jl(e,n,a,i){const r=kr;var o=e.filter(y=>!y.settled),d=n.map(r);if(a.length===0&&o.length===0){i(d);return}var c=ye,u=Ql(),v=o.length===1?o[0].promise:o.length>1?Promise.all(o.map(y=>y.promise)):null;function g(y){if((c.f&gn)===0){u();try{i([...d,...y])}catch(T){Yn(T,c)}Pi()}}var E=ys();if(a.length===0){v.then(()=>g([])).finally(E);return}function f(){Promise.all(a.map(y=>Zl(y))).then(g).catch(y=>Yn(y,c)).finally(E)}v?v.then(()=>{u(),f(),Pi()}):f()}function Ql(){var e=ye,n=_e,a=Ut,i=X;return function(o=!0){In(e),mn(n),qa(a),o&&(e.f&gn)===0&&(i==null||i.activate(),i==null||i.apply())}}function Pi(e=!0){In(null),mn(null),qa(null),e&&(X==null||X.deactivate())}function ys(){var e=ye,n=e.b,a=X,i=!!(n!=null&&n.is_rendered());return n==null||n.update_pending_count(1,a),a.increment(i,e),()=>{n==null||n.update_pending_count(-1,a),a.decrement(i,e)}}function kr(e){var n=jt|Vt;return ye!==null&&(ye.f|=Va),{ctx:Ut,deps:null,effects:null,equals:hs,f:n,fn:e,reactions:null,rv:0,v:Rt,wv:0,parent:ye,ac:null}}const Qa=Symbol("obsolete");function Zl(e,n,a){let i=ye;i===null&&bl();var r=void 0,o=ya(Rt),d=!_e,c=new Set;return ho(()=>{var y,T;var u=ye,v=cs();r=v.promise;try{Promise.resolve(e()).then(v.resolve,P=>{P!==Fi&&v.reject(P)}).finally(Pi)}catch(P){v.reject(P),Pi()}var g=X;if(d){if((u.f&Wa)!==0)var E=ys();if((y=i.b)!=null&&y.is_rendered())(T=g.async_deriveds.get(u))==null||T.reject(Qa);else for(const P of c.values())P.reject(Qa);c.add(v),g.async_deriveds.set(u,v)}const f=(P,S=void 0)=>{E==null||E(),c.delete(v),S!==Qa&&(g.activate(),S?(o.f|=ea,Na(o,S)):((o.f&ea)!==0&&(o.f^=ea),Na(o,P)),g.deactivate())};v.promise.then(f,P=>f(null,P||"unknown"))}),Rs(()=>{for(const u of c)u.reject(Qa)}),new Promise(u=>{function v(g){function E(){g===r?u(o):v(r)}g.then(E,E)}v(r)})}function I(e){const n=kr(e);return Vs(n),n}function Yl(e){const n=kr(e);return n.equals=gs,n}function Xl(e){var n=e.effects;if(n!==null){e.effects=null;for(var a=0;a<n.length;a+=1)nn(n[a])}}function wr(e){var n,a=ye,i=e.parent;if(!na&&i!==null&&e.v!==Rt&&(i.f&(gn|Zt))!==0)return Bl(),e.v;In(i);try{e.f&=~ka,Xl(e),n=Js(e)}finally{In(a)}return n}function xs(e){var n=wr(e);if(!e.equals(n)&&(e.wv=js(),(!(X!=null&&X.is_fork)||e.deps===null)&&(X!==null?(X.capture(e,n,!0),ti==null||ti.capture(e,n,!0)):e.v=n,e.deps===null))){Pt(e,Ot);return}na||(Wt!==null?(Er()||X!=null&&X.is_fork)&&Wt.set(e,n):_r(e))}function eo(e){var n,a;if(e.effects!==null)for(const i of e.effects)(i.teardown||i.ac)&&((n=i.teardown)==null||n.call(i),(a=i.ac)==null||a.abort(Fi),i.fn!==null&&(i.teardown=vl),i.ac=null,oi(i,0),Tr(i))}function Ss(e){if(e.effects!==null)for(const n of e.effects)n.teardown&&n.fn!==null&&Ka(n)}let ji=null,Ma=null,X=null,ti=null,Wt=null,ur=null,ni=!1,Hi=!1,Aa=null,Ei=null;var Lr=0;let to=1;var Da,Zn,pa,$a,La,Ia,qn,Ba,en,pi,Nn,kn,Tn,Ra,fa,Ve,vr,Za,pr,Ms,Es,Ea,no,Ya;const Ii=class Ii{constructor(){pe(this,Ve);rn(this,"id",to++);pe(this,Da,!1);rn(this,"linked",!0);pe(this,Zn,null);pe(this,pa,null);rn(this,"async_deriveds",new Map);rn(this,"current",new Map);rn(this,"previous",new Map);pe(this,$a,new Set);pe(this,La,new Set);pe(this,Ia,0);pe(this,qn,new Map);pe(this,Ba,null);pe(this,en,[]);pe(this,pi,[]);pe(this,Nn,new Set);pe(this,kn,new Set);pe(this,Tn,new Map);pe(this,Ra,new Set);rn(this,"is_fork",!1);pe(this,fa,!1);Ma===null?ji=Ma=this:(ve(Ma,pa,this),ve(this,Zn,Ma)),Ma=this}skip_effect(n){p(this,Tn).has(n)||p(this,Tn).set(n,{d:[],m:[]}),p(this,Ra).delete(n)}unskip_effect(n,a=i=>this.schedule(i)){var i=p(this,Tn).get(n);if(i){p(this,Tn).delete(n);for(var r of i.d)Pt(r,Vt),a(r);for(r of i.m)Pt(r,Ln),a(r)}p(this,Ra).add(n)}capture(n,a,i=!1){n.v!==Rt&&!this.previous.has(n)&&this.previous.set(n,n.v),(n.f&ea)===0&&(this.current.set(n,[a,i]),Wt==null||Wt.set(n,a)),this.is_fork||(n.v=a)}activate(){X=this}deactivate(){X=null,Wt=null}flush(){try{Hi=!0,X=this,Re(this,Ve,Za).call(this)}finally{Lr=0,ur=null,Aa=null,Ei=null,Hi=!1,X=null,Wt=null,ma.clear()}}discard(){var n;for(const a of p(this,La))a(this);p(this,La).clear();for(const a of this.async_deriveds.values())a.reject(Qa);Re(this,Ve,Ya).call(this),(n=p(this,Ba))==null||n.resolve()}register_created_effect(n){p(this,pi).push(n)}increment(n,a){if(ve(this,Ia,p(this,Ia)+1),n){let i=p(this,qn).get(a)??0;p(this,qn).set(a,i+1)}}decrement(n,a){if(ve(this,Ia,p(this,Ia)-1),n){let i=p(this,qn).get(a)??0;i===1?p(this,qn).delete(a):p(this,qn).set(a,i-1)}p(this,fa)||(ve(this,fa,!0),ga(()=>{ve(this,fa,!1),this.linked&&this.flush()}))}transfer_effects(n,a){for(const i of n)p(this,Nn).add(i);for(const i of a)p(this,kn).add(i);n.clear(),a.clear()}oncommit(n){p(this,$a).add(n)}ondiscard(n){p(this,La).add(n)}settled(){return(p(this,Ba)??ve(this,Ba,cs())).promise}static ensure(){if(X===null){const n=X=new Ii;!Hi&&!ni&&ga(()=>{p(n,Da)||n.flush()})}return X}apply(){{Wt=null;return}}schedule(n){var r;if(ur=n,(r=n.b)!=null&&r.is_pending&&(n.f&(Oa|Oi|us))!==0&&(n.f&Wa)===0){n.b.defer_effect(n);return}for(var a=n;a.parent!==null;){a=a.parent;var i=a.f;if(Aa!==null&&a===ye&&(_e===null||(_e.f&jt)===0))return;if((i&(ta|Mn))!==0){if((i&Ot)===0)return;a.f^=Ot}}p(this,en).push(a)}};Da=new WeakMap,Zn=new WeakMap,pa=new WeakMap,$a=new WeakMap,La=new WeakMap,Ia=new WeakMap,qn=new WeakMap,Ba=new WeakMap,en=new WeakMap,pi=new WeakMap,Nn=new WeakMap,kn=new WeakMap,Tn=new WeakMap,Ra=new WeakMap,fa=new WeakMap,Ve=new WeakSet,vr=function(){if(this.is_fork)return!0;for(const i of p(this,qn).keys()){for(var n=i,a=!1;n.parent!==null;){if(p(this,Tn).has(n)){a=!0;break}n=n.parent}if(!a)return!0}return!1},Za=function(){var u,v,g,E;ve(this,Da,!0),Lr++>1e3&&(Re(this,Ve,Ya).call(this),io());for(const f of p(this,Nn))p(this,kn).delete(f),Pt(f,Vt),this.schedule(f);for(const f of p(this,kn))Pt(f,Ln),this.schedule(f);const n=p(this,en);ve(this,en,[]),this.apply();var a=Aa=[],i=[],r=Ei=[];for(const f of n)try{Re(this,Ve,pr).call(this,f,a,i)}catch(y){throw Ts(f),Re(this,Ve,vr).call(this)||this.discard(),y}if(X=null,r.length>0){var o=Ii.ensure();for(const f of r)o.schedule(f)}if(Aa=null,Ei=null,Re(this,Ve,vr).call(this)){Re(this,Ve,Ea).call(this,i),Re(this,Ve,Ea).call(this,a);for(const[f,y]of p(this,Tn))Cs(f,y);r.length>0&&Re(u=X,Ve,Za).call(u);return}const d=Re(this,Ve,Ms).call(this);if(d){Re(this,Ve,Ea).call(this,i),Re(this,Ve,Ea).call(this,a),Re(v=d,Ve,Es).call(v,this);return}p(this,Nn).clear(),p(this,kn).clear();for(const f of p(this,$a))f(this);p(this,$a).clear(),ti=this,Ir(i),Ir(a),ti=null,(g=p(this,Ba))==null||g.resolve();var c=X;if(p(this,Ia)===0&&(p(this,en).length===0||c!==null)&&Re(this,Ve,Ya).call(this),p(this,en).length>0)if(c!==null){const f=c;p(f,en).push(...p(this,en).filter(y=>!p(f,en).includes(y)))}else c=this;c!==null&&Re(E=c,Ve,Za).call(E)},pr=function(n,a,i){n.f^=Ot;for(var r=n.first;r!==null;){var o=r.f,d=(o&(Mn|ta))!==0,c=d&&(o&Ot)!==0,u=c||(o&Zt)!==0||p(this,Tn).has(r);if(!u&&r.fn!==null){d?r.f^=Ot:(o&Oa)!==0?a.push(r):mi(r)&&((o&xn)!==0&&p(this,kn).add(r),Ka(r));var v=r.first;if(v!==null){r=v;continue}}for(;r!==null;){var g=r.next;if(g!==null){r=g;break}r=r.parent}}},Ms=function(){for(var n=p(this,Zn);n!==null;){if(!n.is_fork){for(const[a,[,i]]of this.current)if(n.current.has(a)&&!i)return n}n=p(n,Zn)}return null},Es=function(n){var i;for(const[r,o]of n.current)!this.previous.has(r)&&n.previous.has(r)&&this.previous.set(r,n.previous.get(r)),this.current.set(r,o);for(const[r,o]of n.async_deriveds){const d=this.async_deriveds.get(r);d&&o.promise.then(d.resolve).catch(d.reject)}n.async_deriveds.clear(),this.transfer_effects(p(n,Nn),p(n,kn));const a=r=>{var o=r.reactions;if(o!==null)for(const u of o){var d=u.f;if((d&jt)!==0)a(u);else{var c=u;d&(Ta|xn)&&!this.async_deriveds.has(c)&&(p(this,kn).delete(c),Pt(c,Vt),this.schedule(c))}}};for(const r of this.current.keys())a(r);this.oncommit(()=>n.discard()),Re(i=n,Ve,Ya).call(i),X=this,Re(this,Ve,Za).call(this)},Ea=function(n){for(var a=0;a<n.length;a+=1)ws(n[a],p(this,Nn),p(this,kn))},no=function(){var E;for(let f=ji;f!==null;f=p(f,pa)){var n=f.id<this.id,a=[];for(const[y,[T,P]]of this.current){if(f.current.has(y)){var i=f.current.get(y)[0];if(n&&T!==i)f.current.set(y,[T,P]);else continue}a.push(y)}if(n)for(const[y,T]of this.async_deriveds){const P=f.async_deriveds.get(y);P&&T.promise.then(P.resolve).catch(P.reject)}var r=[...f.current.keys()].filter(y=>!f.current.get(y)[1]);if(!(!p(f,Da)||r.length===0)){var o=r.filter(y=>!this.current.has(y));if(o.length===0)n&&f.discard();else if(a.length>0){if(n)for(const y of p(this,Ra))f.unskip_effect(y,T=>{var P;(T.f&(xn|Ta))!==0?f.schedule(T):Re(P=f,Ve,Ea).call(P,[T])});f.activate();var d=new Set,c=new Map;for(var u of a)As(u,o,d,c);c=new Map;var v=[...f.current].filter(([y,T])=>{const P=this.current.get(y);return P?P[0]!==T[0]||P[1]!==T[1]:!0}).map(([y])=>y);if(v.length>0)for(const y of p(this,pi))(y.f&(gn|Zt|Ti))===0&&yr(y,v,c)&&((y.f&(Ta|xn))!==0?(Pt(y,Vt),f.schedule(y)):p(f,Nn).add(y));if(p(f,en).length>0&&!p(f,fa)){f.apply();for(var g of p(f,en))Re(E=f,Ve,pr).call(E,g,[],[]);ve(f,en,[])}f.deactivate()}}}},Ya=function(){if(this.linked){var n=p(this,Zn),a=p(this,pa);n===null?ji=a:ve(n,pa,a),a===null?Ma=n:ve(a,Zn,n),this.linked=!1}};let wa=Ii;function ao(e){var n=ni;ni=!0;try{for(var a;;){if(ql(),X===null)return a;X.flush()}}finally{ni=n}}function io(){try{xl()}catch(e){Yn(e,ur)}}let _n=null;function Ir(e){var n=e.length;if(n!==0){for(var a=0;a<n;){var i=e[a++];if((i.f&(gn|Zt))===0&&mi(i)&&(_n=new Set,Ka(i),i.deps===null&&i.first===null&&i.nodes===null&&i.teardown===null&&i.ac===null&&Ks(i),(_n==null?void 0:_n.size)>0)){ma.clear();for(const r of _n){if((r.f&(gn|Zt))!==0)continue;const o=[r];let d=r.parent;for(;d!==null;)_n.has(d)&&(_n.delete(d),o.push(d)),d=d.parent;for(let c=o.length-1;c>=0;c--){const u=o[c];(u.f&(gn|Zt))===0&&Ka(u)}}_n.clear()}}_n=null}}function As(e,n,a,i){if(!a.has(e)&&(a.add(e),e.reactions!==null))for(const r of e.reactions){const o=r.f;(o&jt)!==0?As(r,n,a,i):(o&(Ta|xn))!==0&&(o&Vt)===0&&yr(r,n,i)&&(Pt(r,Vt),xr(r))}}function yr(e,n,a){const i=a.get(e);if(i!==void 0)return i;if(e.deps!==null)for(const r of e.deps){if(Ci.call(n,r))return!0;if((r.f&jt)!==0&&yr(r,n,a))return a.set(r,!0),!0}return a.set(e,!1),!1}function xr(e){X.schedule(e)}function Cs(e,n){if(!((e.f&Mn)!==0&&(e.f&Ot)!==0)){(e.f&Vt)!==0?n.d.push(e):(e.f&Ln)!==0&&n.m.push(e),Pt(e,Ot);for(var a=e.first;a!==null;)Cs(a,n),a=a.next}}function Ts(e){Pt(e,Ot);for(var n=e.first;n!==null;)Ts(n),n=n.next}let Di=new Set;const ma=new Map;let zs=!1;function ya(e,n){var a={f:0,v:e,reactions:null,equals:hs,rv:0,wv:0};return a}function O(e,n){const a=ya(e);return Vs(a),a}function ro(e,n=!1,a=!0){const i=ya(e);return n||(i.equals=gs),i}function h(e,n,a=!1){_e!==null&&(!Sn||(_e.f&Ti)!==0)&&ms()&&(_e.f&(jt|xn|Ta|Ti))!==0&&(Dn===null||!Dn.has(e))&&El();let i=a?Ht(n):n;return Na(e,i,Ei)}function Na(e,n,a=null){if(!e.equals(n)){ma.set(e,na?n:e.v);var i=wa.ensure();if(i.capture(e,n),(e.f&jt)!==0){const r=e;(e.f&Vt)!==0&&wr(r),Wt===null&&_r(r)}e.wv=js(),Ps(e,Vt,a),ye!==null&&(ye.f&Ot)!==0&&(ye.f&(Mn|ta))===0&&(dn===null?mo([e]):dn.push(e)),!i.is_fork&&Di.size>0&&!zs&&so()}return n}function so(){zs=!1;for(const e of Di){(e.f&Ot)!==0&&Pt(e,Ln);let n;try{n=mi(e)}catch{n=!0}n&&Ka(e)}Di.clear()}function ai(e){h(e,e.v+1)}function Ps(e,n,a){var i=e.reactions;if(i!==null)for(var r=i.length,o=0;o<r;o++){var d=i[o],c=d.f,u=(c&Vt)===0;if(u&&Pt(d,n),(c&Ti)!==0)Di.add(d);else if((c&jt)!==0){var v=d;Wt==null||Wt.delete(v),(c&ka)===0&&(c&hn&&(ye===null||(ye.f&zi)===0)&&(d.f|=ka),Ps(v,Ln,a))}else if(u){var g=d;(c&xn)!==0&&_n!==null&&_n.add(g),a!==null?a.push(g):xr(g)}}}function Ht(e){if(typeof e!="object"||e===null||za in e)return e;const n=ds(e);if(n!==cl&&n!==ul)return e;var a=new Map,i=br(e),r=O(0),o=_a,d=c=>{if(_a===o)return c();var u=_e,v=_a;mn(null),qr(o);var g=c();return mn(u),qr(v),g};return i&&a.set("length",O(e.length)),new Proxy(e,{defineProperty(c,u,v){(!("value"in v)||v.configurable===!1||v.enumerable===!1||v.writable===!1)&&Sl();var g=a.get(u);return g===void 0?d(()=>{var E=O(v.value);return a.set(u,E),E}):h(g,v.value,!0),!0},deleteProperty(c,u){var v=a.get(u);if(v===void 0){if(u in c){const g=d(()=>O(Rt));a.set(u,g),ai(r)}}else h(v,Rt),ai(r);return!0},get(c,u,v){var y;if(u===za)return e;var g=a.get(u),E=u in c;if(g===void 0&&(!E||(y=ei(c,u))!=null&&y.writable)&&(g=d(()=>{var T=Ht(E?c[u]:Rt),P=O(T);return P}),a.set(u,g)),g!==void 0){var f=t(g);return f===Rt?void 0:f}return Reflect.get(c,u,v)},getOwnPropertyDescriptor(c,u){var v=Reflect.getOwnPropertyDescriptor(c,u);if(v&&"value"in v){var g=a.get(u);g&&(v.value=t(g))}else if(v===void 0){var E=a.get(u),f=E==null?void 0:E.v;if(E!==void 0&&f!==Rt)return{enumerable:!0,configurable:!0,value:f,writable:!0}}return v},has(c,u){var f;if(u===za)return!0;var v=a.get(u),g=v!==void 0&&v.v!==Rt||Reflect.has(c,u);if(v!==void 0||ye!==null&&(!g||(f=ei(c,u))!=null&&f.writable)){v===void 0&&(v=d(()=>{var y=g?Ht(c[u]):Rt,T=O(y);return T}),a.set(u,v));var E=t(v);if(E===Rt)return!1}return g},set(c,u,v,g){var oe;var E=a.get(u),f=u in c;if(i&&u==="length")for(var y=v;y<E.v;y+=1){var T=a.get(y+"");T!==void 0?h(T,Rt):y in c&&(T=d(()=>O(Rt)),a.set(y+"",T))}if(E===void 0)(!f||(oe=ei(c,u))!=null&&oe.writable)&&(E=d(()=>O(void 0)),h(E,Ht(v)),a.set(u,E));else{f=E.v!==Rt;var P=d(()=>Ht(v));h(E,P)}var S=Reflect.getOwnPropertyDescriptor(c,u);if(S!=null&&S.set&&S.set.call(g,v),!f){if(i&&typeof u=="string"){var $=a.get("length"),Ce=Number(u);Number.isInteger(Ce)&&Ce>=$.v&&h($,Ce+1)}ai(r)}return!0},ownKeys(c){t(r);var u=Reflect.ownKeys(c).filter(E=>{var f=a.get(E);return f===void 0||f.v!==Rt});for(var[v,g]of a)g.v!==Rt&&!(v in c)&&u.push(v);return u},setPrototypeOf(){Ml()}})}function Br(e){try{if(e!==null&&typeof e=="object"&&za in e)return e[za]}catch{}return e}function lo(e,n){return Object.is(Br(e),Br(n))}var Rr,Ds,$s,Ls;function oo(){if(Rr===void 0){Rr=window,Ds=/Firefox/.test(navigator.userAgent);var e=Element.prototype,n=Node.prototype,a=Text.prototype;$s=ei(n,"firstChild").get,Ls=ei(n,"nextSibling").get,$r(e)&&(e[sr]=void 0,e[yi]=null,e[lr]=void 0,e.__e=void 0),$r(a)&&(a[Ja]=void 0)}}function Kn(e=""){return document.createTextNode(e)}function Xn(e){return $s.call(e)}function gi(e){return Ls.call(e)}function l(e,n){return Xn(e)}function We(e,n=!1){{var a=Xn(e);return a instanceof Comment&&a.data===""?gi(a):a}}function s(e,n=1,a=!1){let i=e;for(;n--;)i=gi(i);return i}function co(e){e.textContent=""}function Is(){return!1}function Bs(e,n,a){return n==null||n===fs?a?document.createElement(e,{is:a}):document.createElement(e):a?document.createElementNS(n,e,{is:a}):document.createElementNS(n,e)}let Or=!1;function uo(){Or||(Or=!0,document.addEventListener("reset",e=>{Promise.resolve().then(()=>{var n;if(!e.defaultPrevented)for(const a of e.target.elements)(n=a[xi])==null||n.call(a)})},{capture:!0}))}function Sr(e){var n=_e,a=ye;mn(null),In(null);try{return e()}finally{mn(n),In(a)}}function Mr(e,n,a,i=a){e.addEventListener(n,()=>Sr(a));const r=e[xi];r?e[xi]=()=>{r(),i(!0)}:e[xi]=()=>i(!0),uo()}function vo(e){ye===null&&(_e===null&&yl(),wl()),na&&kl()}function po(e,n){var a=n.last;a===null?n.last=n.first=e:(a.next=e,e.prev=a,n.last=e)}function Gn(e,n){var a=ye;a!==null&&(a.f&Zt)!==0&&(e|=Zt);var i={ctx:Ut,deps:null,nodes:null,f:e|Vt|hn,first:null,fn:n,last:null,next:null,parent:a,b:a&&a.b,prev:null,teardown:null,wv:0,ac:null};X==null||X.register_created_effect(i);var r=i;if((e&Oa)!==0)Aa!==null?Aa.push(i):wa.ensure().schedule(i);else if(n!==null){try{Ka(i)}catch(d){throw nn(i),d}r.deps===null&&r.teardown===null&&r.nodes===null&&r.first===r.last&&(r.f&Va)===0&&(r=r.first,(e&xn)!==0&&(e&Fa)!==0&&r!==null&&(r.f|=Fa))}if(r!==null&&(r.parent=a,a!==null&&po(r,a),_e!==null&&(_e.f&jt)!==0&&(e&ta)===0)){var o=_e;(o.effects??(o.effects=[])).push(r)}return i}function Er(){return _e!==null&&!Sn}function Rs(e){const n=Gn(Oi,null);return Pt(n,Ot),n.teardown=e,n}function Ar(e){vo();var n=ye.f,a=!_e&&(n&Mn)!==0&&Ut!==null&&!Ut.i;if(a){var i=Ut;(i.e??(i.e=[])).push(e)}else return Os(e)}function Os(e){return Gn(Oa|hl,e)}function fo(e){wa.ensure();const n=Gn(ta|Va,e);return(a={})=>new Promise(i=>{a.outro?ba(n,()=>{nn(n),i(void 0)}):(nn(n),i(void 0))})}function Fs(e){return Gn(Oa,e)}function ho(e){return Gn(Ta|Va,e)}function qi(e,n=0){return Gn(Oi|n,e)}function D(e,n=[],a=[],i=[]){Jl(i,n,a,r=>{Gn(Oi,()=>{e(...r.map(t))})})}function Cr(e,n=0){var a=Gn(xn|n,e);return a}function pn(e){return Gn(Mn|Va,e)}function qs(e){var n=e.teardown;if(n!==null){const a=na,i=_e;Fr(!0),mn(null);try{n.call(null)}finally{Fr(a),mn(i)}}}function Tr(e,n=!1){var a=e.first;for(e.first=e.last=null;a!==null;){const r=a.ac;r!==null&&Sr(()=>{r.abort(Fi)});var i=a.next;(a.f&ta)!==0?a.parent=null:nn(a,n),a=i}}function go(e){for(var n=e.first;n!==null;){var a=n.next;(n.f&Mn)===0&&nn(n),n=a}}function nn(e,n=!0){var a=!1;(n||(e.f&fl)!==0)&&e.nodes!==null&&e.nodes.end!==null&&(Ns(e.nodes.start,e.nodes.end),a=!0),e.f|=rr,Tr(e,n&&!a),oi(e,0);var i=e.nodes&&e.nodes.t;if(i!==null)for(const o of i)o.stop();qs(e),e.f^=rr,e.f|=gn;var r=e.parent;r!==null&&r.first!==null&&Ks(e),e.next=e.prev=e.teardown=e.ctx=e.deps=e.fn=e.nodes=e.ac=e.b=null}function Ns(e,n){for(;e!==null;){var a=e===n?null:gi(e);e.remove(),e=a}}function Ks(e){var n=e.parent,a=e.prev,i=e.next;a!==null&&(a.next=i),i!==null&&(i.prev=a),n!==null&&(n.first===e&&(n.first=i),n.last===e&&(n.last=a))}function ba(e,n,a=!0){var i=[];Gs(e,i,!0);var r=()=>{a&&nn(e),n&&n()},o=i.length;if(o>0){var d=()=>--o||r();for(var c of i)c.out(d)}else r()}function Gs(e,n,a){if((e.f&Zt)===0){e.f^=Zt;var i=e.nodes&&e.nodes.t;if(i!==null)for(const c of i)(c.is_global||a)&&n.push(c);for(var r=e.first;r!==null;){var o=r.next;if((r.f&ta)===0){var d=(r.f&Fa)!==0||(r.f&Mn)!==0&&(e.f&xn)!==0;Gs(r,n,d?a:!1)}r=o}}}function $i(e){Ws(e,!0)}function Ws(e,n){if((e.f&Zt)!==0){e.f^=Zt,(e.f&Ot)===0&&(Pt(e,Vt),wa.ensure().schedule(e));for(var a=e.first;a!==null;){var i=a.next,r=(a.f&Fa)!==0||(a.f&Mn)!==0;Ws(a,r?n:!1),a=i}var o=e.nodes&&e.nodes.t;if(o!==null)for(const d of o)(d.is_global||n)&&d.in()}}function zr(e,n){if(e.nodes)for(var a=e.nodes.start,i=e.nodes.end;a!==null;){var r=a===i?null:gi(a);n.append(a),a=r}}let Ai=!1,na=!1;function Fr(e){na=e}let _e=null,Sn=!1;function mn(e){_e=e}let ye=null;function In(e){ye=e}let Dn=null;function Vs(e){_e!==null&&(Dn??(Dn=new Set)).add(e)}let tn=null,sn=0,dn=null;function mo(e){dn=e}let Us=1,oa=0,_a=oa;function qr(e){_a=e}function js(){return++Us}function mi(e){var n=e.f;if((n&Vt)!==0)return!0;if(n&jt&&(e.f&=~ka),(n&Ln)!==0){for(var a=e.deps,i=a.length,r=0;r<i;r++){var o=a[r];if(mi(o)&&xs(o),o.wv>e.wv)return!0}(n&hn)!==0&&Wt===null&&Pt(e,Ot)}return!1}function Hs(e,n,a=!0){var i=e.reactions;if(i!==null&&!(Dn!==null&&Dn.has(e)))for(var r=0;r<i.length;r++){var o=i[r];(o.f&jt)!==0?Hs(o,n,!1):n===o&&(a?Pt(o,Vt):(o.f&Ot)!==0&&Pt(o,Ln),xr(o))}}function Js(e){var P;var n=tn,a=sn,i=dn,r=_e,o=Dn,d=Ut,c=Sn,u=_a,v=e.f;tn=null,sn=0,dn=null,_e=(v&(Mn|ta))===0?e:null,Dn=null,qa(e.ctx),Sn=!1,_a=++oa,e.ac!==null&&(Sr(()=>{e.ac.abort(Fi)}),e.ac=null);try{e.f|=zi;var g=e.fn,E=g();e.f|=Wa;var f=e.deps,y=X==null?void 0:X.is_fork;if(tn!==null){var T;if(y||oi(e,sn),f!==null&&sn>0)for(f.length=sn+tn.length,T=0;T<tn.length;T++)f[sn+T]=tn[T];else e.deps=f=tn;if(Er()&&(e.f&hn)!==0)for(T=sn;T<f.length;T++)((P=f[T]).reactions??(P.reactions=[])).push(e)}else!y&&f!==null&&sn<f.length&&(oi(e,sn),f.length=sn);if(ms()&&dn!==null&&!Sn&&f!==null&&(e.f&(jt|Ln|Vt))===0)for(T=0;T<dn.length;T++)Hs(dn[T],e);if(r!==null&&r!==e){if(oa++,r.deps!==null)for(let S=0;S<a;S+=1)r.deps[S].rv=oa;if(n!==null)for(const S of n)S.rv=oa;dn!==null&&(i===null?i=dn:i.push(...dn))}return(e.f&ea)!==0&&(e.f^=ea),E}catch(S){return _s(S)}finally{e.f^=zi,tn=n,sn=a,dn=i,_e=r,Dn=o,qa(d),Sn=c,_a=u}}function bo(e,n){let a=n.reactions;if(a!==null){var i=ll.call(a,e);if(i!==-1){var r=a.length-1;r===0?a=n.reactions=null:(a[i]=a[r],a.pop())}}if(a===null&&(n.f&jt)!==0&&(tn===null||!Ci.call(tn,n))){var o=n;(o.f&hn)!==0&&(o.f^=hn,o.f&=~ka),o.v!==Rt&&_r(o),eo(o),oi(o,0)}}function oi(e,n){var a=e.deps;if(a!==null)for(var i=n;i<a.length;i++)bo(e,a[i])}function Ka(e){var n=e.f;if((n&gn)===0){Pt(e,Ot);var a=ye,i=Ai;ye=e,Ai=!0;try{(n&(xn|us))!==0?go(e):Tr(e),qs(e);var r=Js(e);e.teardown=typeof r=="function"?r:null,e.wv=Us;var o}finally{Ai=i,ye=a}}}async function _o(){await Promise.resolve(),ao()}function t(e){var n=e.f,a=(n&jt)!==0;if(_e!==null&&!Sn){var i=ye!==null&&(ye.f&gn)!==0;if(!i&&(Dn===null||!Dn.has(e))){var r=_e.deps;if((_e.f&zi)!==0)e.rv<oa&&(e.rv=oa,tn===null&&r!==null&&r[sn]===e?sn++:tn===null?tn=[e]:tn.push(e));else{_e.deps??(_e.deps=[]),Ci.call(_e.deps,e)||_e.deps.push(e);var o=e.reactions;o===null?e.reactions=[_e]:Ci.call(o,_e)||o.push(_e)}}}if(na&&ma.has(e))return ma.get(e);if(a){var d=e;if(na){var c=d.v;return((d.f&Ot)===0&&d.reactions!==null||Zs(d))&&(c=wr(d)),ma.set(d,c),c}var u=(d.f&hn)===0&&!Sn&&_e!==null&&(Ai||(_e.f&hn)!==0),v=(d.f&Wa)===0;mi(d)&&(u&&(d.f|=hn),xs(d)),u&&!v&&(Ss(d),Qs(d))}if(Wt!=null&&Wt.has(e))return Wt.get(e);if((e.f&ea)!==0)throw e.v;return e.v}function Qs(e){if(e.f|=hn,e.deps!==null)for(const n of e.deps)(n.reactions??(n.reactions=[])).push(e),(n.f&jt)!==0&&(n.f&hn)===0&&(Ss(n),Qs(n))}function Zs(e){if(e.v===Rt)return!0;if(e.deps===null)return!1;for(const n of e.deps)if(ma.has(n)||(n.f&jt)!==0&&Zs(n))return!0;return!1}function Ua(e){var n=Sn;try{return Sn=!0,e()}finally{Sn=n}}const ko=["touchstart","touchmove"];function wo(e){return ko.includes(e)}const da=Symbol("events"),Ys=new Set,fr=new Set;function A(e,n,a){(n[da]??(n[da]={}))[e]=a}function xa(e){for(var n=0;n<e.length;n++)Ys.add(e[n]);for(var a of fr)a(e)}let Nr=null;function Kr(e){var P,S;var n=this,a=n.ownerDocument,i=e.type,r=((P=e.composedPath)==null?void 0:P.call(e))||[],o=r[0]||e.target;Nr=e;var d=0,c=Nr===e&&e[da];if(c){var u=r.indexOf(c);if(u!==-1&&(n===document||n===window)){e[da]=n;return}var v=r.indexOf(n);if(v===-1)return;u<=v&&(d=u)}if(o=r[d]||e.target,o!==n){ol(e,"currentTarget",{configurable:!0,get(){return o||a}});var g=_e,E=ye;mn(null),In(null);try{for(var f,y=[];o!==null&&o!==n;){try{var T=(S=o[da])==null?void 0:S[i];T!=null&&(!o.disabled||e.target===o)&&T.call(o,e)}catch($){f?y.push($):f=$}if(e.cancelBubble)break;d++,o=d<r.length?r[d]:null}if(f){for(let $ of y)queueMicrotask(()=>{throw $});throw f}}finally{e[da]=n,delete e.currentTarget,mn(g),In(E)}}}var ss;const Ji=((ss=globalThis==null?void 0:globalThis.window)==null?void 0:ss.trustedTypes)&&globalThis.window.trustedTypes.createPolicy("svelte-trusted-html",{createHTML:e=>e});function yo(e){return(Ji==null?void 0:Ji.createHTML(e))??e}function xo(e){var n=Bs("template");return n.innerHTML=yo(e.replaceAll("<!>","<!---->")),n.content}function Ga(e,n){var a=ye;a.nodes===null&&(a.nodes={start:e,end:n,a:null,t:null})}function w(e,n){var a=(n&Dl)!==0,i=(n&$l)!==0,r,o=!e.startsWith("<!>");return()=>{r===void 0&&(r=xo(o?e:"<!>"+e),a||(r=Xn(r)));var d=i||Ds?document.importNode(r,!0):r.cloneNode(!0);if(a){var c=Xn(d),u=d.lastChild;Ga(c,u)}else Ga(d,d);return d}}function ii(e=""){{var n=Kn(e+"");return Ga(n,n),n}}function di(){var e=document.createDocumentFragment(),n=document.createComment(""),a=Kn();return e.append(n,a),Ga(n,a),e}function m(e,n){e!==null&&e.before(n)}function b(e,n){var a=n==null?"":typeof n=="object"?`${n}`:n;a!==(e[Ja]??(e[Ja]=e.nodeValue))&&(e[Ja]=a,e.nodeValue=`${a}`)}function So(e,n){return Mo(e,n)}const wi=new Map;function Mo(e,{target:n,anchor:a,props:i={},events:r,context:o,intro:d=!0,transformError:c}){oo();var u=void 0,v=fo(()=>{var g=a??n.appendChild(Kn());Wl(g,{pending:()=>{}},y=>{aa({});var T=Ut;o&&(T.c=o),r&&(i.$$events=r),u=e(y,i)||{},ia()},c);var E=new Set,f=y=>{for(var T=0;T<y.length;T++){var P=y[T];if(!E.has(P)){E.add(P);var S=wo(P);for(const oe of[n,document]){var $=wi.get(oe);$===void 0&&($=new Map,wi.set(oe,$));var Ce=$.get(P);Ce===void 0?(oe.addEventListener(P,Kr,{passive:S}),$.set(P,1)):$.set(P,Ce+1)}}}};return f(Ri(Ys)),fr.add(f),()=>{var S;for(var y of E)for(const $ of[n,document]){var T=wi.get($),P=T.get(y);--P==0?($.removeEventListener(y,Kr),T.delete(y),T.size===0&&wi.delete($)):T.set(y,P)}fr.delete(f),g!==a&&((S=g.parentNode)==null||S.removeChild(g))}});return Eo.set(u,v),u}let Eo=new WeakMap;var wn,zn,on,ha,fi,hi,Bi;class Ao{constructor(n,a=!0){rn(this,"anchor");pe(this,wn,new Map);pe(this,zn,new Map);pe(this,on,new Map);pe(this,ha,new Set);pe(this,fi,!0);pe(this,hi,n=>{if(p(this,wn).has(n)){var a=p(this,wn).get(n),i=p(this,zn).get(a);if(i)$i(i),p(this,ha).delete(a);else{var r=p(this,on).get(a);r&&($i(r.effect),p(this,zn).set(a,r.effect),p(this,on).delete(a),r.fragment.lastChild.remove(),this.anchor.before(r.fragment),i=r.effect)}for(const[o,d]of p(this,wn)){if(p(this,wn).delete(o),o===n)break;const c=p(this,on).get(d);c&&(nn(c.effect),p(this,on).delete(d))}for(const[o,d]of p(this,zn)){if(o===a||p(this,ha).has(o))continue;const c=()=>{if(Array.from(p(this,wn).values()).includes(o)){var v=document.createDocumentFragment();zr(d,v),v.append(Kn()),p(this,on).set(o,{effect:d,fragment:v})}else nn(d);p(this,ha).delete(o),p(this,zn).delete(o)};p(this,fi)||!i?(p(this,ha).add(o),ba(d,c,!1)):c()}}});pe(this,Bi,n=>{p(this,wn).delete(n);const a=Array.from(p(this,wn).values());for(const[i,r]of p(this,on))a.includes(i)||(nn(r.effect),p(this,on).delete(i))});this.anchor=n,ve(this,fi,a)}ensure(n,a){var i=X,r=Is();if(a&&!p(this,zn).has(n)&&!p(this,on).has(n))if(r){var o=document.createDocumentFragment(),d=Kn();o.append(d),p(this,on).set(n,{effect:pn(()=>a(d)),fragment:o})}else p(this,zn).set(n,pn(()=>a(this.anchor)));if(p(this,wn).set(i,n),r){for(const[c,u]of p(this,zn))c===n?i.unskip_effect(u):i.skip_effect(u);for(const[c,u]of p(this,on))c===n?i.unskip_effect(u.effect):i.skip_effect(u.effect);i.oncommit(p(this,hi)),i.ondiscard(p(this,Bi))}else p(this,hi).call(this,i)}}wn=new WeakMap,zn=new WeakMap,on=new WeakMap,ha=new WeakMap,fi=new WeakMap,hi=new WeakMap,Bi=new WeakMap;function K(e,n,a=!1){var i=new Ao(e),r=a?Fa:0;function o(d,c){i.ensure(d,c)}Cr(()=>{var d=!1;n((c,u=0)=>{d=!0,o(u,c)}),d||o(-1,null)},r)}function rt(e,n){return n}function Co(e,n,a){for(var i=[],r=n.length,o,d=n.length,c=0;c<r;c++){let E=n[c];ba(E,()=>{if(o){if(o.pending.delete(E),o.done.add(E),o.pending.size===0){var f=e.outrogroups;hr(e,Ri(o.done)),f.delete(o),f.size===0&&(e.outrogroups=null)}}else d-=1},!1)}if(d===0){var u=i.length===0&&a!==null;if(u){var v=a,g=v.parentNode;co(g),g.append(v),e.items.clear()}hr(e,n,!u)}else o={pending:new Set(n),done:new Set},(e.outrogroups??(e.outrogroups=new Set)).add(o)}function hr(e,n,a=!0){var i;if(e.pending.size>0){i=new Set;for(const d of e.pending.values())for(const c of d)i.add(e.items.get(c).e)}for(var r=0;r<n.length;r++){var o=n[r];if(i!=null&&i.has(o)){o.f|=Pn;const d=document.createDocumentFragment();zr(o,d)}else nn(n[r],a)}}var Gr;function st(e,n,a,i,r,o=null){var d=e,c=new Map,u=(n&ps)!==0;if(u){var v=e;d=v.appendChild(Kn())}var g=null,E=Yl(()=>{var oe=a();return br(oe)?oe:oe==null?[]:Ri(oe)}),f,y=new Map,T=!0;function P(oe){(Ce.effect.f&gn)===0&&(Ce.pending.delete(oe),Ce.fallback=g,To(Ce,f,d,n,i),g!==null&&(f.length===0?(g.f&Pn)===0?$i(g):(g.f^=Pn,Xa(g,null,d)):ba(g,()=>{g=null})))}function S(oe){Ce.pending.delete(oe)}var $=Cr(()=>{f=t(E);for(var oe=f.length,ae=new Set,xe=X,V=Is(),Q=0;Q<oe;Q+=1){var fe=f[Q],be=i(fe,Q),Se=T?null:c.get(be);Se?(Se.v&&Na(Se.v,fe),Se.i&&Na(Se.i,Q),V&&xe.unskip_effect(Se.e)):(Se=zo(c,T?d:Gr??(Gr=Kn()),fe,be,Q,r,n,a),T||(Se.e.f|=Pn),c.set(be,Se)),ae.add(be)}if(oe===0&&o&&!g&&(T?g=pn(()=>o(d)):(g=pn(()=>o(Gr??(Gr=Kn()))),g.f|=Pn)),oe>ae.size&&_l(),!T)if(y.set(xe,ae),V){for(const[Ne,bt]of c)ae.has(Ne)||xe.skip_effect(bt.e);xe.oncommit(P),xe.ondiscard(S)}else P(xe);t(E)}),Ce={effect:$,items:c,pending:y,outrogroups:null,fallback:g};T=!1}function Ha(e){for(;e!==null&&(e.f&Mn)===0;)e=e.next;return e}function To(e,n,a,i,r){var Se,Ne,bt,C,Y,ue,Ue,te,Te;var o=(i&zl)!==0,d=n.length,c=e.items,u=Ha(e.effect.first),v,g=null,E,f=[],y=[],T,P,S,$;if(o)for($=0;$<d;$+=1)T=n[$],P=r(T,$),S=c.get(P).e,(S.f&Pn)===0&&((Ne=(Se=S.nodes)==null?void 0:Se.a)==null||Ne.measure(),(E??(E=new Set)).add(S));for($=0;$<d;$+=1){if(T=n[$],P=r(T,$),S=c.get(P).e,e.outrogroups!==null)for(const ie of e.outrogroups)ie.pending.delete(S),ie.done.delete(S);if((S.f&Zt)!==0&&($i(S),o&&((C=(bt=S.nodes)==null?void 0:bt.a)==null||C.unfix(),(E??(E=new Set)).delete(S))),(S.f&Pn)!==0)if(S.f^=Pn,S===u)Xa(S,null,a);else{var Ce=g?g.next:u;S===e.effect.last&&(e.effect.last=S.prev),S.prev&&(S.prev.next=S.next),S.next&&(S.next.prev=S.prev),jn(e,g,S),jn(e,S,Ce),Xa(S,Ce,a),g=S,f=[],y=[],u=Ha(g.next);continue}if(S!==u){if(v!==void 0&&v.has(S)){if(f.length<y.length){var oe=y[0],ae;g=oe.prev;var xe=f[0],V=f[f.length-1];for(ae=0;ae<f.length;ae+=1)Xa(f[ae],oe,a);for(ae=0;ae<y.length;ae+=1)v.delete(y[ae]);jn(e,xe.prev,V.next),jn(e,g,xe),jn(e,V,oe),u=oe,g=V,$-=1,f=[],y=[]}else v.delete(S),Xa(S,u,a),jn(e,S.prev,S.next),jn(e,S,g===null?e.effect.first:g.next),jn(e,g,S),g=S;continue}for(f=[],y=[];u!==null&&u!==S;)(v??(v=new Set)).add(u),y.push(u),u=Ha(u.next);if(u===null)continue}(S.f&Pn)===0&&f.push(S),g=S,u=Ha(S.next)}if(e.outrogroups!==null){for(const ie of e.outrogroups)ie.pending.size===0&&(hr(e,Ri(ie.done)),(Y=e.outrogroups)==null||Y.delete(ie));e.outrogroups.size===0&&(e.outrogroups=null)}if(u!==null||v!==void 0){var Q=[];if(v!==void 0)for(S of v)(S.f&Zt)===0&&Q.push(S);for(;u!==null;)(u.f&Zt)===0&&u!==e.fallback&&Q.push(u),u=Ha(u.next);var fe=Q.length;if(fe>0){var be=(i&ps)!==0&&d===0?a:null;if(o){for($=0;$<fe;$+=1)(Ue=(ue=Q[$].nodes)==null?void 0:ue.a)==null||Ue.measure();for($=0;$<fe;$+=1)(Te=(te=Q[$].nodes)==null?void 0:te.a)==null||Te.fix()}Co(e,Q,be)}}o&&ga(()=>{var ie,lt;if(E!==void 0)for(S of E)(lt=(ie=S.nodes)==null?void 0:ie.a)==null||lt.apply()})}function zo(e,n,a,i,r,o,d,c){var u=(d&Cl)!==0?(d&Pl)===0?ro(a,!1,!1):ya(a):null,v=(d&Tl)!==0?ya(r):null;return{v:u,i:v,e:pn(()=>(o(n,u??a,v??r,c),()=>{e.delete(i)}))}}function Xa(e,n,a){if(e.nodes)for(var i=e.nodes.start,r=e.nodes.end,o=n&&(n.f&Pn)===0?n.nodes.start:a;i!==null;){var d=gi(i);if(o.before(i),i===r)return;i=d}}function jn(e,n,a){n===null?e.effect.first=a:n.next=a,a===null?e.effect.last=n:a.prev=n}function Ae(e,n,a=!1,i=!1,r=!1,o=!1){var d=e,c="";if(a)var u=e;D(()=>{var v=ye;if(c!==(c=n()??"")){if(a){v.nodes=null,u.innerHTML=c,c!==""&&Ga(Xn(u),u.lastChild);return}if(v.nodes!==null&&(Ns(v.nodes.start,v.nodes.end),v.nodes=null),c!==""){var g=i?Ll:r?Il:void 0,E=Bs(i?"svg":r?"math":"template",g);E.innerHTML=c;var f=i||r?E:E.content;if(Ga(Xn(f),f.lastChild),i||r)for(;Xn(f);)d.before(Xn(f));else d.before(f)}}})}function Po(e,n,a){var i=e==null?"":""+e;return i===""?null:i}function Do(e,n){return e==null?null:String(e)}function kt(e,n,a,i,r,o){var d=e[sr];if(d!==a||d===void 0){var c=Po(a);c==null?e.removeAttribute("class"):e.className=c,e[sr]=a}return o}function fn(e,n,a,i){var r=e[lr];if(r!==n){var o=Do(n);o==null?e.removeAttribute("style"):e.style.cssText=o,e[lr]=n}return i}function Xs(e,n,a=!1){if(e.multiple){if(n==null)return;if(!br(n))return Rl();for(var i of e.options)i.selected=n.includes(si(i));return}for(i of e.options){var r=si(i);if(lo(r,n)){i.selected=!0;return}}(!a||n!==void 0)&&(e.selectedIndex=-1)}function $o(e){var n=new MutationObserver(()=>{Xs(e,e.__value)});n.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["value"]}),Rs(()=>{n.disconnect()})}function ri(e,n,a=n){var i=new WeakSet,r=!0;Mr(e,"change",o=>{var d=o?"[selected]":":checked",c;if(e.multiple)c=[].map.call(e.querySelectorAll(d),si);else{var u=e.querySelector(d)??e.querySelector("option:not([disabled])");c=u&&si(u)}a(c),e.__value=c,X!==null&&i.add(X)}),Fs(()=>{var o=n();if(e===document.activeElement){var d=X;if(i.has(d))return}if(Xs(e,o,r),r&&o===void 0){var c=e.querySelector(":checked");c!==null&&(o=si(c),a(o))}e.__value=o,r=!1}),$o(e)}function si(e){return"__value"in e?e.__value:e.value}const Lo=Symbol("is custom element"),Io=Symbol("is html"),Bo=ml?"progress":"PROGRESS";function Hn(e,n){var a=el(e);a.value===(a.value=n??void 0)||e.value===n&&(n!==0||e.nodeName!==Bo)||(e.value=n??"")}function Ni(e,n,a,i){var r=el(e);r[n]!==(r[n]=a)&&(n==="loading"&&(e[gl]=a),a==null?e.removeAttribute(n):typeof a!="string"&&Ro(e).includes(n)?e[n]=a:e.setAttribute(n,a))}function el(e){return e[yi]??(e[yi]={[Lo]:e.nodeName.includes("-"),[Io]:e.namespaceURI===fs})}var Wr=new Map;function Ro(e){var n=e.getAttribute("is")||e.nodeName,a=Wr.get(n);if(a)return a;Wr.set(n,a=[]);for(var i,r=e,o=Element.prototype;o!==r;){i=dl(r);for(var d in i)i[d].set&&d!=="innerHTML"&&d!=="textContent"&&d!=="innerText"&&a.push(d);r=ds(r)}return a}function Cn(e,n,a=n){var i=new WeakSet;Mr(e,"input",async r=>{var o=r?e.defaultValue:e.value;if(o=Qi(e)?Zi(o):o,a(o),X!==null&&i.add(X),await _o(),o!==(o=n())){var d=e.selectionStart,c=e.selectionEnd,u=e.value.length;if(e.value=o??"",c!==null){var v=e.value.length;d===c&&c===u&&v>u?(e.selectionStart=v,e.selectionEnd=v):(e.selectionStart=d,e.selectionEnd=Math.min(c,v))}}}),Ua(n)==null&&e.value&&(a(Qi(e)?Zi(e.value):e.value),X!==null&&i.add(X)),qi(()=>{var r=n();if(e===document.activeElement){var o=X;if(i.has(o))return}Qi(e)&&r===Zi(e.value)||e.type==="date"&&!r&&!e.value||r!==e.value&&(e.value=r??"")})}function Oo(e,n,a=n){Mr(e,"change",i=>{var r=i?e.defaultChecked:e.checked;a(r)}),Ua(n)==null&&a(e.checked),qi(()=>{var i=n();e.checked=!!i})}function Qi(e){var n=e.type;return n==="number"||n==="range"}function Zi(e){return e===""?null:+e}function Yi(e,n){return e===n||(e==null?void 0:e[za])===n}function Fo(e={},n,a,i){var r=Ut.r,o=ye;return Fs(()=>{var d,c;return qi(()=>{d=c,c=[],Ua(()=>{Yi(a(...c),e)||(n(e,...c),d&&Yi(a(...d),e)&&n(null,...d))})}),()=>{let u=o;for(;u!==r&&u.parent!==null&&u.parent.f&rr;)u=u.parent;const v=()=>{c&&Yi(a(...c),e)&&n(null,...c)},g=u.teardown;u.teardown=()=>{v(),g==null||g()}}}),e}function bi(e){Ut===null&&vs(),Ar(()=>{const n=Ua(e);if(typeof n=="function")return n})}function qo(e){Ut===null&&vs(),bi(()=>()=>Ua(e))}let ci=localStorage.getItem("mc_token")||"";function tl(){return ci}function No(e){ci=(e||"").trim(),localStorage.setItem("mc_token",ci)}function Ko(){const e={"Content-Type":"application/json"};return ci&&(e["X-MC-Token"]=ci),e}function li(){return localStorage.getItem("mc_hf_token")||""}function Go(e){localStorage.setItem("mc_hf_token",(e||"").trim())}async function we(e,n={}){const a=await fetch(e,{headers:Ko(),...n}),i=await a.json().catch(()=>({}));if(!a.ok)throw new Error(i.error||"HTTP "+a.status);return i}const Wo=(e,n=document)=>n.querySelector(e),Vr=(e,n=document)=>[...n.querySelectorAll(e)];function $n(e){return String(e??"").replace(/[&<>]/g,n=>({"&":"&","<":"<",">":">"})[n])}let Ur;function se(e,n=!1){const a=Wo("#toast");a&&(a.textContent=e,a.className="toast show"+(n?" err":""),clearTimeout(Ur),Ur=setTimeout(()=>a.className="toast",3200))}function Vo(e,n){return e==="running"||e==="ready"?'<span class="badge b-run">geladen</span>':e==="loading"||e==="starting"?'<span class="badge b-load">lädt…</span>':e==="downloading"?`<span class="badge b-load">↓ Download${n!=null?` ${Math.round(n)}%`:""}</span>`:'<span class="badge b-run">bereit</span>'}const Ge=e=>`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round">${e}</svg>`,Ki={logo:Ge('<circle cx="12" cy="12" r="3.2"/><path d="M12 2v3M12 19v3M2 12h3M19 12h3M5 5l2 2M17 17l2 2M19 5l-2 2M7 17l-2 2"/>'),grid:Ge('<rect x="3" y="3" width="7" height="7" rx="1.5"/><rect x="14" y="3" width="7" height="7" rx="1.5"/><rect x="3" y="14" width="7" height="7" rx="1.5"/><rect x="14" y="14" width="7" height="7" rx="1.5"/>'),cpu:Ge('<rect x="6" y="6" width="12" height="12" rx="2"/><path d="M9 1v3M15 1v3M9 20v3M15 20v3M1 9h3M1 15h3M20 9h3M20 15h3"/>'),pulse:Ge('<path d="M3 12h4l2 6 4-14 2 8h6"/>'),server:Ge('<rect x="3" y="4" width="18" height="7" rx="2"/><rect x="3" y="13" width="18" height="7" rx="2"/><path d="M7 7.5h.01M7 16.5h.01"/>'),book:Ge('<path d="M4 5a2 2 0 0 1 2-2h13v16H6a2 2 0 0 0-2 2z"/><path d="M19 19H6a2 2 0 0 0-2 2"/>'),help:Ge('<circle cx="12" cy="12" r="9"/><path d="M9.5 9.2a2.5 2.5 0 0 1 4.8 1c0 1.7-2.3 2-2.3 3.4"/><path d="M12 17h.01"/>'),settings:Ge('<circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.6 1.6 0 0 0 .3 1.8l.1.1a2 2 0 1 1-2.8 2.8l-.1-.1a1.6 1.6 0 0 0-2.7 1.1V21a2 2 0 1 1-4 0v-.1A1.6 1.6 0 0 0 6.6 19l-.1.1a2 2 0 1 1-2.8-2.8l.1-.1a1.6 1.6 0 0 0-1.1-2.7H2a2 2 0 1 1 0-4h.1A1.6 1.6 0 0 0 4 6.6l-.1-.1a2 2 0 1 1 2.8-2.8l.1.1A1.6 1.6 0 0 0 9 4.6V4a2 2 0 1 1 4 0v.1A1.6 1.6 0 0 0 17.4 6l.1-.1a2 2 0 1 1 2.8 2.8l-.1.1a1.6 1.6 0 0 0 1.1 2.7H21a2 2 0 1 1 0 4h-.1a1.6 1.6 0 0 0-1.5 1z"/>'),swap:Ge('<path d="M7 4 3 8l4 4"/><path d="M3 8h12a4 4 0 0 1 0 8h-1"/><path d="m17 20 4-4-4-4"/>'),monitor:Ge('<rect x="3" y="4" width="18" height="12" rx="2"/><path d="M8 20h8M12 16v4"/>'),layers:Ge('<path d="m12 2 9 5-9 5-9-5z"/><path d="m3 12 9 5 9-5M3 17l9 5 9-5"/>'),alert:Ge('<path d="M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z"/><path d="M12 9v4M12 17h.01"/>'),gauge:Ge('<path d="M12 14 16 9"/><circle cx="12" cy="13" r="9"/><path d="M12 4v2M21 13h-2M5 13H3"/>'),search:Ge('<circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/>'),compass:Ge('<circle cx="12" cy="12" r="10"/><polygon points="16.24 7.76 14.12 14.12 7.76 16.24 9.88 9.88 16.24 7.76"/>'),code:Ge('<polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/>'),eye:Ge('<path d="M2 12s3-7 10-7 10 7 10 7-3 7-10 7-10-7-10-7Z"/><circle cx="12" cy="12" r="3"/>'),refresh:Ge('<path d="M3 12a9 9 0 0 1 15-6.7L21 8"/><path d="M21 3v5h-5"/><path d="M21 12a9 9 0 0 1-15 6.7L3 16"/><path d="M3 21v-5h5"/>'),file:Ge('<path d="M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z"/><path d="M14 3v5h5"/><path d="M9 13h6M9 17h5"/>'),database:Ge('<ellipse cx="12" cy="5" rx="8" ry="3"/><path d="M4 5v6c0 1.7 3.6 3 8 3s8-1.3 8-3V5"/><path d="M4 11v6c0 1.7 3.6 3 8 3s8-1.3 8-3v-6"/>'),thermo:Ge('<path d="M14 14.76V5a2 2 0 0 0-4 0v9.76a4 4 0 1 0 4 0z"/>'),shield:Ge('<path d="M12 3l8 4v5c0 5-3.5 8-8 9-4.5-1-8-4-8-9V7z"/><path d="m9 12 2 2 4-4"/>'),info:Ge('<circle cx="12" cy="12" r="9"/><path d="M12 16v-4M12 8h.01"/>'),chevron:Ge('<path d="m9 6 6 6-6 6"/>'),bolt:Ge('<path d="M13 2 3 14h7l-1 8 10-12h-7z"/>'),x:Ge('<path d="M18 6 6 18M6 6l12 12"/>'),check:Ge('<path d="M20 6 9 17l-5-5"/>'),download:Ge('<path d="M12 3v12M7 10l5 5 5-5"/><path d="M5 21h14"/>'),clock:Ge('<circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/>')};function Bt(e){return Ki[e]||""}function gr(e){return`<span class="info-dot" tabindex="0" title="${$n(e)}" aria-label="${$n(e)}">${Ki.info}</span>`}function sa(e){if(!e&&e!==0)return"–";const n=e/1024/1024/1024;return n>=1?n.toFixed(1)+" GB":Math.round(e/1024/1024)+" MB"}function yn({title:e,body:n,confirmLabel:a="Bestätigen",cancelLabel:i="Abbrechen",danger:r=!1}){return new Promise(o=>{const d=document.createElement("div");d.className="modal-overlay",d.innerHTML=`<div class="modal-card" role="dialog" aria-modal="true">
|
||
<h3>${$n(e)}</h3>
|
||
<p>${n}</p>
|
||
<div class="modal-actions">
|
||
<button data-x="0">${$n(i)}</button>
|
||
<button class="${r?"danger":"primary"}" data-x="1">${$n(a)}</button>
|
||
</div></div>`;const c=u=>{d.remove(),o(u)};d.addEventListener("click",u=>{if(u.target===d)return c(!1);const v=u.target.closest("[data-x]");v&&c(v.getAttribute("data-x")==="1")}),document.body.appendChild(d),d.querySelector('[data-x="1"]').focus()})}function jr({title:e,body:n="",placeholder:a="",password:i=!1,confirmLabel:r="Weiter",danger:o=!1}){return new Promise(d=>{const c=document.createElement("div");c.className="modal-overlay",c.innerHTML=`<div class="modal-card" role="dialog" aria-modal="true">
|
||
<h3>${$n(e)}</h3>
|
||
${n?`<p>${n}</p>`:""}
|
||
<input type="${i?"password":"text"}" placeholder="${$n(a)}" autocomplete="off" style="margin-bottom:18px">
|
||
<div class="modal-actions">
|
||
<button data-x="0">Abbrechen</button>
|
||
<button class="${o?"danger":"primary"}" data-x="1">${$n(r)}</button>
|
||
</div></div>`;const u=c.querySelector("input"),v=g=>{c.remove(),d(g)};c.addEventListener("click",g=>{if(g.target===c)return v(null);const E=g.target.closest("[data-x]");E&&v(E.getAttribute("data-x")==="1"?u.value||"":null)}),u.addEventListener("keydown",g=>{g.key==="Enter"&&v(u.value||""),g.key==="Escape"&&v(null)}),document.body.appendChild(c),u.focus()})}function Uo(e="overview"){const n=Vr(".nav-item[data-view]:not(.disabled)"),a=Vr(".view[data-view]"),i=new Set(a.map(o=>o.dataset.view));function r(o){i.has(o)||(o=e),a.forEach(d=>d.hidden=d.dataset.view!==o),n.forEach(d=>d.classList.toggle("active",d.dataset.view===o)),location.hash!=="#/"+o&&(location.hash="#/"+o)}return n.forEach(o=>o.addEventListener("click",d=>{d.preventDefault(),r(o.dataset.view)})),window.addEventListener("hashchange",()=>r(location.hash.replace("#/",""))),r(location.hash.replace("#/","")||e),{show:r}}let Hr=O(null);const _i={get value(){return t(Hr)},set(e){h(Hr,e,!0)}};let Jr=O(Ht([])),Jn=O(Ht([]));const ca={get value(){return t(Jr)},set(e){h(Jr,e||[],!0)},get tracked(){return t(Jn)},track(e){t(Jn).includes(e)||h(Jn,[...t(Jn),e],!0)},toggle(e){h(Jn,t(Jn).includes(e)?t(Jn).filter(n=>n!==e):[...t(Jn),e],!0)}};let Qr=O(null);const Pr={get value(){return t(Qr)},set(e){h(Qr,e,!0)}},jo="5";var ls;typeof window<"u"&&((ls=window.__svelte??(window.__svelte={})).v??(ls.v=new Set)).add(jo);var Ho=w('<span style="font-size:13px;font-weight:400;color:var(--mut)">— bereit für Anfragen</span>'),Jo=w('<div><div class="k-h"><span class="k-t">Temperatur (GPU)</span><span class="k-ic"></span></div> <div class="k-v"> </div> <div class="k-s"> </div></div> <div><div class="k-h"><span class="k-t">Freier Speicher</span><span class="k-ic"></span></div> <div class="k-v"> <small>GB</small></div> <div class="k-s"> </div></div>',1),Qo=w('<div class="kpi muted"><div class="k-h"><span class="k-t">Temperatur</span></div><div class="k-v">–</div><div class="k-s">messe…</div></div> <div class="kpi muted"><div class="k-h"><span class="k-t">Freier Speicher</span></div><div class="k-v">–</div><div class="k-s">messe…</div></div>',1),Zo=w('<div class="meter"><div class="meter-h"><span class="mk"> </span><span class="mv"> </span></div> <div><i></i></div></div>'),Yo=w('<div class="empty">Warte auf Messwerte…</div>'),Xo=w('<div class="card-sub">Noch kein Modell eingerichtet — starte hier:</div> <button class="qa"><span class="qa-ic teal"></span> <span class="qa-main"><span class="qa-t">Schritt 1 · Modell holen</span><span class="qa-s">Cookbook → passendes Setup installieren</span></span> <span class="qa-arrow"></span></button> <button class="qa" style="opacity:.55;pointer-events:none"><span class="qa-ic teal"></span> <span class="qa-main"><span class="qa-t">Schritt 2 · Tools verbinden</span><span class="qa-s">Erst nach dem Download verfügbar</span></span> <span class="qa-arrow"></span></button> <button class="qa"><span class="qa-ic blue"></span> <span class="qa-main"><span class="qa-t">Einsteiger-Guide lesen</span><span class="qa-s">Alle Begriffe erklärt, ohne Vorwissen</span></span> <span class="qa-arrow"></span></button>',1),ed=w('<div class="card-sub">Die häufigsten Aufgaben — ein Klick.</div> <button class="qa"><span class="qa-ic teal"></span> <span class="qa-main"><span class="qa-t">Modell finden</span><span class="qa-s">Passend zu deiner Hardware</span></span> <span class="qa-arrow"></span></button> <button class="qa"><span class="qa-ic amber"></span> <span class="qa-main"><span class="qa-t">Speicher freigeben</span><span class="qa-s">Alle Modelle entladen</span></span> <span class="qa-arrow"></span></button> <button class="qa"><span class="qa-ic blue"></span> <span class="qa-main"><span class="qa-t">Logs ansehen</span><span class="qa-s">Live mitlesen, was läuft</span></span> <span class="qa-arrow"></span></button> <button class="qa"><span class="qa-ic teal"></span> <span class="qa-main"><span class="qa-t">Tools verbinden</span><span class="qa-s">Zed, OpenCode, Cline einrichten</span></span> <span class="qa-arrow"></span></button>',1),td=w('<span class="tag img">Bild</span>'),nd=w('<span class="tag code">Code</span>'),ad=w('<span class="tag text">Text</span>'),id=w('<span class="chip" style="padding:2px 7px;font-size:11px">∞ aktiv</span>'),rd=w('<button class="ghost"> </button>'),sd=w('<div class="li" style="padding:10px 4px"><span></span> <div class="li-main"><div class="flex items-center gap-2" style="flex-wrap:wrap"><span class="li-id"> </span> <!> <!></div> <div class="li-sub mono-sm"> </div></div> <div class="flex items-center gap-2"><span class="li-meta"> </span> <!></div></div>'),Zr=w('<div class="list"></div>'),ld=w('<div class="empty-c"><div class="e-t">Noch keine Modelle</div> <div class="e-s">Hol dir unter „Cookbook" ein Modell, das auf deine Hardware passt.</div> <button class="primary" style="margin-top:12px">Zum Cookbook →</button></div>'),od=w('<a class="li" target="_blank" rel="noopener" style="text-decoration:none;color:inherit"><div class="li-main"><div style="font-size:13px;line-height:1.4"> </div> <div class="li-sub"> </div></div></a>'),dd=w('<div class="empty">News gerade nicht ladbar.</div>'),cd=w('<div class="pagehead" style="margin-bottom:10px"><div><h1 style="display:flex;align-items:center;gap:10px"> <!></h1> <div class="sub"> </div></div></div> <div class="tiles"><div><div class="k-h"><span class="k-t">LLM-Engine</span> <span class="k-ic"></span></div> <div class="k-v"> </div> <div class="k-s"> </div></div> <div><div class="k-h"><span class="k-t">Aktives Modell</span> <span class="k-ic"></span></div> <div class="k-v" style="font-size:16px;word-break:break-word"> </div> <div class="k-s"><!></div></div> <!></div> <div class="split"><div class="card"><div class="card-h"><h3>System-Gesundheit</h3></div> <div class="card-sub">Auslastung in Echtzeit.</div> <!></div> <div class="card"><div class="card-h"><h3>Schnellstart</h3></div> <!></div></div> <div class="grid grid-2"><div class="card"><div class="card-h"><h3>Dein Stack</h3> <span class="meta"> </span></div> <!></div> <div class="card"><div class="card-h"><h3>Top-News</h3> <span class="meta" style="cursor:pointer" role="button" tabindex="0">Alle →</span></div> <!></div></div>',1);function ud(e,n){aa(n,!0);const a=I(()=>_i.value),i=I(()=>Pr.value),r=I(()=>{var M;return((M=t(a))==null?void 0:M.models)||[]}),o=I(()=>{var M;return((M=t(a))==null?void 0:M.swap_ok)??!1}),d=["running","ready","loading","starting"],c=I(()=>t(r).find(M=>d.includes(M.state))),u=I(()=>t(r).filter(M=>!M.incomplete)),v=I(()=>t(a)?t(o)?t(i)&&t(i).ram.percent>=90?"Achtung: Speicher wird knapp.":"Alles läuft rund.":"LLM-Engine offline":"Verbinde…"),g=I(()=>t(a)?t(o)?t(i)&&t(i).ram.percent>=90?`Arbeitsspeicher bei ${Math.round(t(i).ram.percent)} % — eventuell Speicher freigeben.`:`${t(u).length} ${t(u).length===1?"Modell":"Modelle"} konfiguriert · ${t(c)?`„${t(c).name}" geladen`:"keines geladen"} · keine Warnungen.`:"Der llama-swap-Dienst antwortet gerade nicht.":""),E=I(()=>()=>{var H;const M=(H=t(i))==null?void 0:H.gpu;return M&&M.vram.total+M.gtt.total>0?(M.vram.used+M.gtt.used)/(M.vram.total+M.gtt.total)*100:0});let f=O(Ht([])),y=O(null);bi(async()=>{try{h(f,((await we("/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 we("/api/unload",{method:"POST"}),S())}async function P(M){h(y,M,!0);try{await we("/api/preload?model="+encodeURIComponent(M),{method:"POST"})}catch(H){se("Laden fehlgeschlagen: "+(H.message||"Engine nicht erreichbar?"),!0)}h(y,null),S()}function S(){document.dispatchEvent(new Event("mc:refresh"))}function $(M){var H;(H=document.querySelector(`.nav-item[data-view="${M}"]`))==null||H.dispatchEvent(new MouseEvent("click"))}function Ce(M){return M>=90?"red":M>=75?"":"green"}function oe(M){return M==null?"":M>=75?"red":M>=55?"":"green"}function ae(M){return M>=90?"red":M>=70?"":"green"}var xe=cd(),V=We(xe),Q=l(V),fe=l(Q),be=l(fe),Se=s(be);{var Ne=M=>{var H=Ho();m(M,H)};K(Se,M=>{t(o)&&!t(c)&&M(Ne)})}var bt=s(fe,2),C=l(bt),Y=s(V,2),ue=l(Y),Ue=l(ue),te=s(l(Ue),2);Ae(te,()=>Bt("server"),!0);var Te=s(Ue,2),ie=l(Te),lt=s(Te,2),je=l(lt),B=s(ue,2),U=l(B),ce=s(l(U),2);Ae(ce,()=>Bt("cpu"),!0);var Oe=s(U,2),he=l(Oe),St=s(Oe,2),ht=l(St);{var Mt=M=>{var H=ii();D(Pe=>b(H,`${Pe??""} · ${t(c).state??""}`),[()=>{var Pe;return(Pe=t(c).meta)!=null&&Pe.ctx?Math.round(t(c).meta.ctx/1024)+"k ctx":""}]),m(M,H)},Et=M=>{var H=ii("lädt bei erster Anfrage");m(M,H)};K(ht,M=>{t(c)?M(Mt):M(Et,-1)})}var At=s(B,2);{var It=M=>{const H=I(()=>{var Vn;return t(i).gpu_temp??((Vn=t(i).cpu)==null?void 0:Vn.temp)??null}),Pe=I(()=>oe(t(H))),le=I(()=>t(i).ram.total-t(i).ram.used),Le=I(()=>100-t(i).ram.percent);var Ze=Jo(),tt=We(Ze),ke=l(tt),Ee=s(l(ke));Ae(Ee,()=>Bt("thermo"),!0);var De=s(ke,2),Ft=l(De),Nt=s(De,2),Jt=l(Nt),an=s(tt,2),bn=l(an),Fe=s(l(bn));Ae(Fe,()=>Bt("database"),!0);var gt=s(bn,2),Bn=l(gt),Wn=s(gt,2),ra=l(Wn);D((Vn,ja,k,_)=>{kt(tt,1,`kpi ${t(Pe)??""}`),b(Ft,Vn),b(Jt,t(H)==null?"messe…":t(H)<55?"kühl":t(H)<75?"normal":"⚠ heiß"),kt(an,1,`kpi ${t(Le)<15?"red":t(Le)<30?"":"green"}`),b(Bn,ja),b(ra,`von ${k??""} GB · ${_??""} % frei`)},[()=>t(H)!=null?`${Math.round(t(H))}°C`:"–",()=>Math.round(t(le)/1073741824),()=>Math.round(t(i).ram.total/1073741824),()=>Math.round(t(Le))]),m(M,Ze)},qt=M=>{var H=Qo();m(M,H)};K(At,M=>{t(i)?M(It):M(qt,-1)})}var z=s(Y,2),N=l(z),Me=s(l(N),4);{var ut=M=>{const H=I(()=>t(E)());var Pe=di(),le=We(Pe);st(le,17,()=>{var Le;return[["Prozessor (CPU)",((Le=t(i).cpu)==null?void 0:Le.percent)??0,""],["Arbeitsspeicher (RAM)",t(i).ram.percent,Ce(t(i).ram.percent)],["Grafikspeicher (VRAM)",t(H),ae(t(H))]]},rt,(Le,Ze)=>{var tt=I(()=>Ca(t(Ze),3));let ke=()=>t(tt)[0],Ee=()=>t(tt)[1];const De=I(()=>Math.max(0,Math.min(100,Ee()||0)));var Ft=Zo(),Nt=l(Ft),Jt=l(Nt),an=l(Jt),bn=s(Jt),Fe=l(bn),gt=s(Nt,2),Bn=l(gt);D((Wn,ra)=>{b(an,ke()),b(Fe,`${Wn??""} %`),kt(gt,1,`bar ${t(De)>=90?"bad":t(De)>=75?"warn":""}`),fn(Bn,`width:${ra??""}%`)},[()=>Math.round(t(De)),()=>Math.max(2,t(De))]),m(Le,Ft)}),m(M,Pe)},G=M=>{var H=Yo();m(M,H)};K(Me,M=>{t(i)?M(ut):M(G,-1)})}var ze=s(N,2),He=s(l(ze),2);{var Dt=M=>{var H=Xo(),Pe=s(We(H),2),le=l(Pe);Ae(le,()=>Bt("search"),!0);var Le=s(le,4);Ae(Le,()=>Bt("chevron"),!0);var Ze=s(Pe,2),tt=l(Ze);Ae(tt,()=>Bt("swap"),!0);var ke=s(tt,4);Ae(ke,()=>Bt("chevron"),!0);var Ee=s(Ze,2),De=l(Ee);Ae(De,()=>Bt("file"),!0);var Ft=s(De,4);Ae(Ft,()=>Bt("chevron"),!0),A("click",Pe,()=>$("cookbook")),A("click",Ze,()=>$("connect")),A("click",Ee,()=>$("guides")),m(M,H)},$t=M=>{var H=ed(),Pe=s(We(H),2),le=l(Pe);Ae(le,()=>Bt("search"),!0);var Le=s(le,4);Ae(Le,()=>Bt("chevron"),!0);var Ze=s(Pe,2),tt=l(Ze);Ae(tt,()=>Bt("refresh"),!0);var ke=s(tt,4);Ae(ke,()=>Bt("chevron"),!0);var Ee=s(Ze,2),De=l(Ee);Ae(De,()=>Bt("file"),!0);var Ft=s(De,4);Ae(Ft,()=>Bt("chevron"),!0);var Nt=s(Ee,2),Jt=l(Nt);Ae(Jt,()=>Bt("swap"),!0);var an=s(Jt,4);Ae(an,()=>Bt("chevron"),!0),A("click",Pe,()=>$("cookbook")),A("click",Ze,T),A("click",Ee,()=>$("server")),A("click",Nt,()=>$("connect")),m(M,H)};K(He,M=>{t(u).length?M($t,-1):M(Dt)})}var vt=s(z,2),_t=l(vt),j=l(_t),ee=s(l(j),2),W=l(ee),J=s(j,2);{var x=M=>{var H=Zr();st(H,21,()=>t(u),rt,(Pe,le)=>{const Le=I(()=>d.includes(t(le).state)),Ze=I(()=>t(le).state==="downloading"),tt=I(()=>t(le).state==="loading"||t(le).state==="starting"||t(Ze)?"load":t(Le)?"on":""),ke=I(()=>t(Ze)?`↓ ${t(le).download_progress!=null?Math.round(t(le).download_progress)+"%":"..."}`:t(le).state==="loading"||t(le).state==="starting"?"lädt…":t(Le)?"geladen ✓":"bereit");var Ee=sd(),De=l(Ee),Ft=s(De,2),Nt=l(Ft),Jt=l(Nt),an=l(Jt),bn=s(Jt,2);{var Fe=re=>{var me=td();m(re,me)},gt=I(()=>{var re,me;return(me=(re=t(le).meta)==null?void 0:re.caps)==null?void 0:me.includes("Bild")}),Bn=re=>{var me=nd();m(re,me)},Wn=I(()=>{var re,me;return(me=(re=t(le).meta)==null?void 0:re.caps)==null?void 0:me.includes("Code")}),ra=re=>{var me=ad();m(re,me)};K(bn,re=>{t(gt)?re(Fe):t(Wn)?re(Bn,1):re(ra,-1)})}var Vn=s(bn,2);{var ja=re=>{var me=id();m(re,me)};K(Vn,re=>{t(le).ttl>=99999&&re(ja)})}var k=s(Nt,2),_=l(k),q=s(Ft,2),F=l(q),de=l(F),nt=s(F,2);{var ot=re=>{var me=rd(),$e=l(me);D(()=>{fn(me,`padding:3px 9px;font-size:12px;opacity:${t(y)===t(le).name?".5":"1"}`),me.disabled=t(y)===t(le).name,b($e,t(y)===t(le).name?"…":"Laden")}),A("click",me,()=>P(t(le).name)),m(re,me)};K(nt,re=>{!t(Le)&&!t(Ze)&&t(o)&&re(ot)})}D((re,me)=>{var $e;kt(De,1,`li-dot ${t(tt)??""}`),fn(Jt,t(Le)?"color:var(--accent)":""),b(an,t(le).name),b(_,`${re??""}
|
||
${($e=t(le).meta)!=null&&$e.quant?" · "+t(le).meta.quant:""}
|
||
${me??""}`),fn(F,`white-space:nowrap;color:${t(Le)?"var(--on)":"var(--mut)"}`),b(de,t(ke))},[()=>{var re;return(re=t(le).meta)!=null&&re.ctx?Math.round(t(le).meta.ctx/1024)+"k ctx":""},()=>{var re;return(re=t(le).meta)!=null&&re.size_bytes?" · "+(t(le).meta.size_bytes/1073741824).toFixed(1)+" GB":""}]),m(Pe,Ee)}),m(M,H)},L=M=>{var H=ld(),Pe=s(l(H),4);A("click",Pe,()=>$("cookbook")),m(M,H)};K(J,M=>{t(u).length?M(x):M(L,-1)})}var R=s(_t,2),ne=l(R),Z=s(l(ne),2),Je=s(ne,2);{var Qe=M=>{var H=Zr();st(H,21,()=>t(f),rt,(Pe,le)=>{var Le=od(),Ze=l(Le),tt=l(Ze),ke=l(tt),Ee=s(tt,2),De=l(Ee);D(()=>{Ni(Le,"href",t(le).link),b(ke,t(le).title),b(De,`${t(le).source??""}${t(le).relevant?" · für dich":""}`)}),m(Pe,Le)}),m(M,H)},et=M=>{var H=dd();m(M,H)};K(Je,M=>{t(f).length?M(Qe):M(et,-1)})}D(M=>{b(be,`${t(v)??""} `),b(C,t(g)),kt(ue,1,`kpi ${t(o)?"green":"red"}`),b(ie,t(o)?"Online":"Offline"),b(je,M),kt(B,1,`kpi ${t(c)?"blue":"muted"}`),b(he,t(c)?t(c).name:"Keins"),b(W,t(u).length?t(u).length+" konfiguriert":"")},[()=>{var M,H;return((H=(M=t(a))==null?void 0:M.swap_url)==null?void 0:H.replace(/^https?:\/\//,""))??"—"}]),A("click",Z,()=>$("news")),A("keydown",Z,M=>M.key==="Enter"&&$("news")),m(e,xe),ia()}xa(["click","keydown"]);var vd=w("<option> </option>"),pd=w('<div class="reply" style="margin-top:12px"> </div>'),fd=w('<div class="empty-c"><div class="e-t">Noch keine Modelle konfiguriert</div> <div class="e-s">Hol dir unter „Cookbook" ein passendes Modell.</div></div>'),hd=w('<tr style="opacity:.9"><td class="mid" style="font-weight:500"> <div class="li-sub mono-sm" style="color:var(--warn)">kein Modell hinterlegt</div></td><td>—</td><td><span class="mono-sm text-mut">leere Rolle</span></td><td><span class="badge">leer</span></td><td class="port">—</td><td style="text-align:right;white-space:nowrap"><button class="ghost">Modell zuweisen</button> <button class="ghost del">Löschen</button></td></tr>'),gd=w('<span class="tag" style="background:rgba(45,212,191,.14);color:var(--accent);border-color:rgba(45,212,191,.3)"> </span>'),md=w('<div class="li-sub mono-sm"> </div>'),bd=w('<code style="cursor:pointer" title="Klicken zum Kopieren"> </code>'),_d=w('<tr><td class="mid"><div style="font-weight:500;display:flex;align-items:center;gap:7px;flex-wrap:wrap"> <!></div> <!> <div class="li-sub mono-sm" style="margin-top:3px;display:flex;align-items:center;gap:6px;flex-wrap:wrap"><span class="text-mut">API-Name:</span> <!></div></td><td></td><td></td><td></td><td class="port"> </td><td style="text-align:right;white-space:nowrap"><button class="ghost">Rolle</button> <button class="ghost">Konfigurieren</button> <button class="ghost">Entladen</button> <button class="ghost del">Löschen</button></td></tr>'),kd=w('<table><thead><tr><th>Modell</th><th>Kann</th><th>Details</th><th>Status</th><th>Port</th><th style="text-align:right">Aktionen</th></tr></thead><tbody></tbody></table>'),wd=w('<div class="tile" style="display:flex;justify-content:space-between;align-items:center;margin:8px 0 10px"><div style="flex:1"><div style="font-size:13px">Empfohlen für deine Hardware</div> <div class="hint" style="margin:4px 0 0"> <br/> </div></div> <button class="ghost">Optimal übernehmen</button></div>'),yd=w('<div class="modal-overlay" role="dialog"><div class="modal-card"><button class="ghost" style="position:absolute;top:14px;right:14px">Schließen</button> <h3>Modell konfigurieren</h3> <p class="mono-sm" style="margin:-4px 0 16px"> </p> <label>Kontext-Größe (Tokens) <!></label> <input type="number"/> <!> <div class="hint" style="margin-bottom:14px">Es läuft immer nur <b>ein</b> Modell gleichzeitig — ein größerer Kontext hier beeinflusst deine anderen Modelle nicht.</div> <div class="tile" style="display:flex;justify-content:space-between;align-items:center;margin:0 0 14px"><div style="flex:1"><div style="font-size:13px;font-weight:500">Immer aktiv halten</div> <div class="hint" style="margin:3px 0 0">Modell bleibt dauerhaft im RAM — nie automatisch entladen. Ideal für den kleinen Scout (~5 GB), der immer schnell antworten soll.</div></div> <label style="display:flex;align-items:center;gap:8px;margin:0;cursor:pointer;flex:0 0 auto"><input type="checkbox" style="width:18px;height:18px;accent-color:var(--accent);cursor:pointer"/> <span class="mono-sm"> </span></label></div> <button class="primary" style="width:100%;margin-top:6px">Speichern</button></div></div>'),xd=w('<button style="border-radius:999px"> </button>'),Sd=w('<div class="modal-overlay" role="dialog"><div class="modal-card"><button class="ghost" style="position:absolute;top:14px;right:14px">Schließen</button> <h3>Rolle festlegen <!></h3> <p class="mono-sm" style="margin:-4px 0 16px"> </p> <div class="hint" style="margin-bottom:10px">Wähle eine Rolle als zweiten, sprechenden Namen. In deinen Tools funktionieren danach <b>beide</b>: der echte Modellname und die Rolle.</div> <div class="flex gap-2" style="flex-wrap:wrap;margin-bottom:12px"></div> <label>Eigene Rolle (optional)</label> <input placeholder="z.B. uebersetzer"/> <div class="btn-row" style="margin-top:14px;display:flex;gap:8px"><button class="ghost" style="flex:1">Rolle entfernen</button> <button class="primary" style="flex:2">Speichern</button></div></div></div>'),Md=w('<div id="m-head"><div class="pagehead"><div><h1>Modelle</h1> <div class="sub">Deine konfigurierten Modelle — testen, Kontext anpassen oder aus dem Speicher werfen.</div></div></div></div> <div class="card"><div class="card-h"><h3>Schnelltest</h3></div> <div class="card-sub">Schreib eine Nachricht — das gewählte Modell wird automatisch geweckt.</div> <label>Modell</label> <select></select> <label>Nachricht</label> <textarea placeholder="z.B. „Erklär mir kurz, was du kannst.""></textarea> <button class="primary"> </button> <!></div> <div class="card"><div class="card-h"><h3>Modelle & Ports</h3><span class="meta"> </span></div> <div class="card-sub">Modelle laden automatisch, sobald eine Anfrage kommt — du musst nichts manuell starten.</div> <!></div> <!> <!>',1);function Ed(e,n){aa(n,!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.",i="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.",r=[{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=I(()=>{var z;return((z=_i.value)==null?void 0:z.models)||[]});function d(){document.dispatchEvent(new Event("mc:refresh"))}let c=O(""),u=O(""),v=O(""),g=O(!1);const E=I(()=>t(o).filter(z=>!z.incomplete));async function f(){var N;const z=t(c)||((N=t(E)[0])==null?void 0:N.name);if(!(!z||!t(u).trim())){h(g,!0),h(v,"(wecke Modell, kann beim Laden kurz dauern…)");try{const Me=await we("/api/chat",{method:"POST",body:JSON.stringify({model:z,message:t(u)})});h(v,Me.reply,!0)}catch(Me){h(v,"Fehler: "+Me.message)}h(g,!1),d()}}const y=300;let T=O(!1),P=O(null),S=O(8192),$=O(!1);function Ce(z){var N;h(P,t(o).find(Me=>Me.name===z),!0),t(P)&&(h(S,((N=t(P).meta)==null?void 0:N.ctx)||8192,!0),h($,(t(P).ttl??y)>=99999),h(T,!0))}async function oe(){const z=t($)?99999:y;try{await we("/api/update_model",{method:"POST",body:JSON.stringify({alias:t(P).name,ctx:t(S),ttl:z})}),se("Gespeichert — aktiv beim nächsten Modell-Start."),h(T,!1),d()}catch(N){se(N.message,!0)}}let ae=O(!1),xe=O(""),V=O(""),Q=O("");function fe(z){const N=t(o).find(Me=>Me.name===z);h(xe,z,!0),h(Q,(N==null?void 0:N.role)||"",!0),h(V,""),h(ae,!0)}async function be(z){try{await we("/api/set_role",{method:"POST",body:JSON.stringify({alias:t(xe),role:z})}),se(z?`Rolle gesetzt: ${z}`:"Rolle entfernt."),h(ae,!1),d()}catch(N){se(N.message,!0)}}async function Se(z){if(await yn({title:`„${z}" entladen?`,body:"Das Modell wird aus dem Grafikspeicher geworfen und lädt beim nächsten Aufruf automatisch neu.",confirmLabel:"Entladen"}))try{await we("/api/unload?model="+encodeURIComponent(z),{method:"POST"}),se("Entladen: "+z),setTimeout(d,600)}catch(N){se(N.message,!0)}}async function Ne(z){if(await yn({title:`„${z}" wirklich löschen?`,body:"Das Modell wird aus der Konfiguration ausgetragen und seine Dateien werden von der Festplatte gelöscht, um Speicher freizugeben. <b>Das lässt sich nicht rückgängig machen</b> — später brauchst du dafür einen neuen Download.",confirmLabel:"Endgültig löschen",danger:!0}))try{const N=await we("/api/delete_model",{method:"POST",body:JSON.stringify({alias:z})});se(N.note||"Gelöscht: "+z),setTimeout(d,600)}catch(N){se(N.message,!0)}}function bt(z){return z!=null&&z.length?z.map(N=>N==="Code"?'<span class="tag code">Code</span>':N==="Bild"?'<span class="tag img">Bild</span>':'<span class="tag text">Text</span>').join(" "):"–"}function C(z){if(!z)return"–";const N=z.quant||"?",Me=z.ctx?Math.round(z.ctx/1024)+"K":"?",ut=z.size_bytes?(z.size_bytes/1024**3).toFixed(1)+" GB":"?";return`<span class="mono-sm">${N} · ${Me} · ${ut}</span>`}function Y(z){var N;(N=navigator.clipboard)==null||N.writeText(z),se("Kopiert: "+z)}var ue=Md(),Ue=s(We(ue),2),te=s(l(Ue),6);st(te,21,()=>t(E),rt,(z,N)=>{var Me=vd(),ut=l(Me),G={};D(()=>{b(ut,t(N).name),G!==(G=t(N).name)&&(Me.value=(Me.__value=t(N).name)??"")}),m(z,Me)});var Te=s(te,4),ie=s(Te,2),lt=l(ie),je=s(ie,2);{var B=z=>{var N=pd(),Me=l(N);D(()=>b(Me,t(v))),m(z,N)};K(je,z=>{t(v)&&z(B)})}var U=s(Ue,2),ce=l(U),Oe=s(l(ce)),he=l(Oe),St=s(ce,4);{var ht=z=>{var N=fd();m(z,N)},Mt=z=>{var N=kd(),Me=s(l(N));st(Me,21,()=>t(o),rt,(ut,G)=>{var ze=di(),He=We(ze);{var Dt=vt=>{var _t=hd(),j=l(_t),ee=l(j),W=s(j,5),J=l(W),x=s(J,2);D(()=>b(ee,t(G).name)),A("click",J,()=>{var L;se("Lade im Cookbook ein Modell und setze den Alias auf: "+t(G).name),(L=document.querySelector(".nav-item[data-view='cookbook']"))==null||L.dispatchEvent(new MouseEvent("click"))}),A("click",x,()=>Ne(t(G).name)),m(vt,_t)},$t=vt=>{var _t=_d(),j=l(_t),ee=l(j),W=l(ee),J=s(W);{var x=ke=>{var Ee=gd(),De=l(Ee);D(()=>b(De,t(G).role)),m(ke,Ee)};K(J,ke=>{t(G).role&&ke(x)})}var L=s(ee,2);{var R=ke=>{var Ee=md(),De=l(Ee);D(()=>b(De,t(G).meta.filename)),m(ke,Ee)};K(L,ke=>{var Ee;(Ee=t(G).meta)!=null&&Ee.filename&&ke(R)})}var ne=s(L,2),Z=s(l(ne),2);st(Z,17,()=>{var ke;return(ke=t(G).api_ids)!=null&&ke.length?t(G).api_ids:[t(G).name]},rt,(ke,Ee)=>{var De=bd(),Ft=l(De);D(()=>b(Ft,t(Ee))),A("click",De,()=>Y(t(Ee))),m(ke,De)});var Je=s(j);Ae(Je,()=>{var ke;return bt((ke=t(G).meta)==null?void 0:ke.caps)},!0);var Qe=s(Je);Ae(Qe,()=>C(t(G).meta),!0);var et=s(Qe);Ae(et,()=>Vo(t(G).state,t(G).download_progress),!0);var M=s(et),H=l(M),Pe=s(M),le=l(Pe),Le=s(le,2),Ze=s(Le,2),tt=s(Ze,2);D(()=>{b(W,`${t(G).name??""} `),b(H,t(G).port??"auto")}),A("click",le,()=>fe(t(G).name)),A("click",Le,()=>Ce(t(G).name)),A("click",Ze,()=>Se(t(G).name)),A("click",tt,()=>Ne(t(G).name)),m(vt,_t)};K(He,vt=>{t(G).incomplete?vt(Dt):vt($t,-1)})}m(ut,ze)}),m(z,N)};K(St,z=>{t(o).length?z(Mt,-1):z(ht)})}var Et=s(U,2);{var At=z=>{var N=yd(),Me=l(N),ut=l(Me),G=s(ut,4),ze=l(G),He=s(G,2),Dt=s(l(He));Ae(Dt,()=>gr(a));var $t=s(He,2),vt=s($t,2);{var _t=R=>{var ne=wd(),Z=l(ne),Je=s(l(Z),2),Qe=l(Je),et=s(Qe,2),M=s(Z,2);D((H,Pe)=>{b(Qe,`Optimal ~${H??""}k → ~${t(P).meta.peak_ram_optimal_gb??""} GB Spitzenbedarf.`),b(et,` Aktuell ~${Pe??""}k → ~${t(P).meta.peak_ram_gb??""} GB.`)},[()=>Math.round(t(P).meta.optimal_ctx/1024),()=>Math.round((t(P).meta.ctx||0)/1024)]),A("click",M,()=>h(S,t(P).meta.optimal_ctx,!0)),m(R,ne)};K(vt,R=>{var ne;(ne=t(P).meta)!=null&&ne.optimal_ctx&&R(_t)})}var j=s(vt,4),ee=s(l(j),2),W=l(ee),J=s(W,2),x=l(J),L=s(j,2);D(()=>{b(ze,t(P).name),fn(J,`color:${t($)?"var(--accent)":"var(--mut)"}`),b(x,t($)?"An (TTL = ∞)":"Aus (TTL = 5 min)")}),A("click",N,R=>{R.target.classList.contains("modal-overlay")&&h(T,!1)}),A("click",ut,()=>h(T,!1)),Cn($t,()=>t(S),R=>h(S,R)),Oo(W,()=>t($),R=>h($,R)),A("click",L,oe),m(z,N)};K(Et,z=>{t(T)&&t(P)&&z(At)})}var It=s(Et,2);{var qt=z=>{var N=Sd(),Me=l(N),ut=l(Me),G=s(ut,2),ze=s(l(G));Ae(ze,()=>gr(i));var He=s(G,2),Dt=l(He),$t=s(He,4);st($t,21,()=>r,rt,(W,J)=>{var x=xd(),L=l(x);D(()=>{kt(x,1,t(Q)===t(J).id?"primary":"ghost"),Ni(x,"title",t(J).desc),b(L,t(J).label)}),A("click",x,()=>be(t(J).id)),m(W,x)});var vt=s($t,4),_t=s(vt,2),j=l(_t),ee=s(j,2);D(()=>b(Dt,t(xe))),A("click",N,W=>{W.target.classList.contains("modal-overlay")&&h(ae,!1)}),A("click",ut,()=>h(ae,!1)),Cn(vt,()=>t(V),W=>h(V,W)),A("click",j,()=>be("")),A("click",ee,()=>be(t(V).trim().toLowerCase())),m(z,N)};K(It,z=>{t(ae)&&z(qt)})}D(()=>{ie.disabled=t(g),b(lt,t(g)?"…":"Senden"),b(he,t(o).length?t(o).length+" konfiguriert":"")}),ri(te,()=>t(c),z=>h(c,z)),Cn(Te,()=>t(u),z=>h(u,z)),A("click",ie,f),m(e,ue),ia()}xa(["click"]);var Ad=w('<div class="tiles"><div class="tile"><div class="t-l">Prozessor (CPU)</div> <div class="t-v"> <small>%</small></div> <div class="t-s"> </div></div> <div class="tile"><div class="t-l">Arbeitsspeicher</div> <div class="t-v"> <small>%</small></div> <div class="t-s"> </div></div> <div class="tile"><div class="t-l">Grafikspeicher</div> <div class="t-v"> <small>%</small></div> <div class="t-s"> </div></div></div> <div class="card"><div class="card-h"><h3>System-Metriken (Bosgame)</h3></div> <div class="card-sub">Live-Auslastung deines Mini-PCs, alle 0,5 Sekunden.</div> <div class="kv" style="margin-bottom:6px"><div class="kv-row"><span class="kv-k">Arbeitsspeicher (RAM)</span><span class="kv-v"> </span></div> <div class="kv-row"><span class="kv-k">Grafikspeicher (VRAM + GTT)</span> <span class="kv-v"> </span></div> <div class="kv-row"><span class="kv-k">Speicherplatz (Disk)</span><span class="kv-v"> </span></div> <div class="kv-row"><span class="kv-k">Temperatur (GPU / CPU)</span> <span class="kv-v"> </span></div></div> <div class="grid grid-3" style="margin-top:14px"><div><div class="meta text-xs">CPU-Verlauf</div><div style="display:flex;align-items:flex-end;gap:2px;height:38px;margin-top:10px"></div></div> <div><div class="meta text-xs">RAM-Verlauf</div><div style="display:flex;align-items:flex-end;gap:2px;height:38px;margin-top:10px"></div></div> <div><div class="meta text-xs">VRAM-Verlauf</div><div style="display:flex;align-items:flex-end;gap:2px;height:38px;margin-top:10px"></div></div></div></div>',1),Cd=w('<button class="ghost" style="margin-left:auto;padding:4px 11px;font-size:12px">Verlauf leeren</button>'),Td=w('<div class="empty-c"><div class="e-t">Gerade nichts los.</div> <div class="e-s">Alles ruhig — keine laufenden Aufgaben.</div></div>'),zd=w('<span class="mono-sm" style="margin-left:auto"> </span>'),Pd=w('<button class="ghost">Abbrechen</button>'),Dd=w('<button class="ghost" title="Aus Verlauf entfernen" style="margin-left:auto;margin-right:2px;padding:2px 9px;font-size:14px;line-height:1">×</button>'),$d=w('<div class="bar" style="margin-top:8px"><i></i></div>'),Ld=w('<div class="log"> </div>'),Id=w('<div class="job"><div class="job-h" role="button" tabindex="0"><span></span> <span class="mid"> </span> <!> <!> <!></div> <!> <!></div>'),Bd=w('<div class="pagehead"><div><h1>Aktivität</h1> <div class="sub">Live-Auslastung und laufende Aufgaben (Downloads, Updates) mit Protokoll.</div></div></div> <!> <div class="card"><div class="card-h"><h3>Hintergrund-Aufgaben</h3> <span class="meta"> </span> <!></div> <div class="card-sub">Downloads & Updates erscheinen hier mit Live-Protokoll — zum Aufklappen klicken.</div> <!></div>',1);function Rd(e,n){aa(n,!0);const a=I(()=>ca.value),i=I(()=>ca.tracked),r=I(()=>Pr.value);let o=Ht({cpu:[],ram:[],gpu:[]});Ar(()=>{var ue;if(!t(r))return;const C=t(r).gpu,Y=C&&C.vram.total+C.gtt.total>0?(C.vram.used+C.gtt.used)/(C.vram.total+C.gtt.total)*100:0;o.cpu=[...o.cpu,((ue=t(r).cpu)==null?void 0:ue.percent)??0].slice(-60),o.ram=[...o.ram,t(r).ram.percent].slice(-60),o.gpu=[...o.gpu,Y].slice(-60)});const d=I(()=>()=>{var Y;const C=(Y=t(r))==null?void 0:Y.gpu;return C&&C.vram.total+C.gtt.total>0?(C.vram.used+C.gtt.used)/(C.vram.total+C.gtt.total)*100:0}),c=I(()=>t(a).filter(C=>C.state!=="running"&&C.state!=="queued").length),u=I(()=>t(a).filter(C=>C.state==="failed").length);function v(C){if(C.state!=="running")return null;if(typeof C.progress=="number")return Math.min(100,C.progress);const ue=((C.log||[]).at(-1)||"").match(/(\d+(?:\.\d+)?)\s*%/);return ue?Math.min(100,parseFloat(ue[1])):null}function g(C){return C==null||C<0?"":C>=90?`noch ~${Math.round(C/60)} min`:`noch ~${Math.max(1,Math.round(C))} s`}function E(C){return C==="done"?'<span class="badge b-run">fertig</span>':C==="failed"?'<span class="badge b-err">fehler</span>':C==="canceled"?'<span class="badge">abgebrochen</span>':'<span class="badge b-load">läuft…</span>'}function f(C){return C==="done"?"on":C==="failed"||C==="canceled"?"":"load"}async function y(C){try{await we(`/api/jobs/${C}/cancel`,{method:"POST"}),se("Abbruch angefordert…")}catch(Y){se(Y.message,!0)}}async function T(C){try{await we(`/api/jobs/${C}`,{method:"DELETE"})}catch(Y){se(Y.message,!0)}}async function P(){try{const C=await we("/api/jobs/clear",{method:"POST"});se(`${C.removed} Einträge entfernt.`)}catch(C){se(C.message,!0)}}function S(C,Y){return C.map(ue=>`<div style="width:4px;background:var(${Y});opacity:.55;height:${Math.max(2,ue)}%;border-radius:2px"></div>`).join("")}var $=Bd(),Ce=s(We($),2);{var oe=C=>{const Y=I(()=>t(d)());var ue=Ad(),Ue=We(ue),te=l(Ue),Te=s(l(te),2),ie=l(Te),lt=s(Te,2),je=l(lt),B=s(te,2),U=s(l(B),2),ce=l(U),Oe=s(U,2),he=l(Oe),St=s(B,2),ht=s(l(St),2),Mt=l(ht),Et=s(ht,2),At=l(Et),It=s(Ue,2),qt=s(l(It),4),z=l(qt),N=s(l(z)),Me=l(N),ut=s(z,2),G=s(l(ut),2),ze=l(G),He=s(ut,2),Dt=s(l(He)),$t=l(Dt),vt=s(He,2),_t=s(l(vt),2),j=l(_t),ee=s(qt,2),W=l(ee),J=s(l(W));Ae(J,()=>S(o.cpu,"--accent"),!0);var x=s(W,2),L=s(l(x));Ae(L,()=>S(o.ram,"--purple"),!0);var R=s(x,2),ne=s(l(R));Ae(ne,()=>S(o.gpu,"--on"),!0),D((Z,Je,Qe,et,M,H,Pe,le,Le,Ze,tt,ke,Ee)=>{b(ie,Z),b(je,Je),b(ce,Qe),b(he,`${et??""} / ${M??""}`),b(Mt,H),b(At,Pe),b(Me,`${le??""} / ${Le??""}`),b(ze,Ze),b($t,`${tt??""} % belegt`),b(j,`${ke??""} / ${Ee??""}`)},[()=>{var Z;return Math.round(((Z=t(r).cpu)==null?void 0:Z.percent)??0)},()=>{var Z;return((Z=t(r).cpu)==null?void 0:Z.temp)!=null?`${Math.round(t(r).cpu.temp)}° CPU-Temp`:"Auslastung"},()=>Math.round(t(r).ram.percent),()=>sa(t(r).ram.used),()=>sa(t(r).ram.total),()=>Math.round(t(Y)),()=>t(r).gpu_temp!=null?`${Math.round(t(r).gpu_temp)}° GPU-Temp`:"VRAM + GTT",()=>sa(t(r).ram.used),()=>sa(t(r).ram.total),()=>t(r).gpu?`${sa(t(r).gpu.vram.used+t(r).gpu.gtt.used)} / ${sa(t(r).gpu.vram.total+t(r).gpu.gtt.total)}`:"–",()=>{var Z;return Math.round(((Z=t(r).disk)==null?void 0:Z.percent)??0)},()=>t(r).gpu_temp!=null?Math.round(t(r).gpu_temp)+"°":"–",()=>{var Z;return((Z=t(r).cpu)==null?void 0:Z.temp)!=null?Math.round(t(r).cpu.temp)+"°":"–"}]),m(C,ue)};K(Ce,C=>{t(r)&&C(oe)})}var ae=s(Ce,2),xe=l(ae),V=s(l(xe),2),Q=l(V),fe=s(V,2);{var be=C=>{var Y=Cd();A("click",Y,P),m(C,Y)};K(fe,C=>{t(c)&&C(be)})}var Se=s(xe,4);{var Ne=C=>{var Y=Td();m(C,Y)},bt=C=>{var Y=di(),ue=We(Y);st(ue,17,()=>t(a),rt,(Ue,te)=>{const Te=I(()=>v(t(te))),ie=I(()=>t(te).state==="running"?g(t(te).eta_s):""),lt=I(()=>t(te).state==="running"&&t(te).rate_bps?sa(t(te).rate_bps)+"/s":""),je=I(()=>[t(ie),t(lt)].filter(Boolean).join(" · ")),B=I(()=>t(i).includes(t(te).id));var U=Id(),ce=l(U),Oe=l(ce),he=s(Oe,2),St=l(he),ht=s(he,2);{var Mt=G=>{var ze=zd(),He=l(ze);D(Dt=>b(He,`${Dt??""} %${t(je)?` · ${t(je)}`:""}`),[()=>Math.round(t(Te))]),m(G,ze)};K(ht,G=>{t(Te)!=null&&G(Mt)})}var Et=s(ht,2);{var At=G=>{var ze=Pd();D(()=>fn(ze,`${t(Te)==null?"margin-left:auto;":""}margin-right:2px;padding:2px 9px;font-size:12px`)),A("click",ze,He=>{He.stopPropagation(),y(t(te).id)}),m(G,ze)},It=G=>{var ze=Dd();A("click",ze,He=>{He.stopPropagation(),T(t(te).id)}),m(G,ze)};K(Et,G=>{t(te).state==="running"?G(At):G(It,-1)})}var qt=s(Et,2);Ae(qt,()=>E(t(te).state));var z=s(ce,2);{var N=G=>{var ze=$d(),He=l(ze);D(()=>fn(He,`width:${t(Te)??""}%`)),m(G,ze)};K(z,G=>{t(Te)!=null&&t(te).state==="running"&&G(N)})}var Me=s(z,2);{var ut=G=>{var ze=Ld(),He=l(ze);D(Dt=>b(He,Dt),[()=>(t(te).log||[]).join(`
|
||
`)]),m(G,ze)};K(Me,G=>{t(B)&&G(ut)})}D(G=>{kt(Oe,1,`li-dot ${G??""}`),b(St,t(te).label)},[()=>f(t(te).state)]),A("click",ce,()=>ca.toggle(t(te).id)),A("keydown",ce,G=>G.key==="Enter"&&ca.toggle(t(te).id)),m(Ue,U)}),m(C,Y)};K(Se,C=>{t(a).length?C(bt,-1):C(Ne)})}D(()=>b(Q,t(a).length?t(u)?t(u)+" Fehler":t(a).length+" gesamt":"")),m(e,$),ia()}xa(["click","keydown"]);var Od=w('<span class="mono-sm"> </span>'),Fd=w('<button class="ghost" style="margin-left:auto;padding:3px 12px">Abbrechen</button>'),qd=w('<span class="badge b-run">✓ fertig</span>'),Nd=w('<span class="badge b-err">✗ fehlgeschlagen</span>'),Kd=w('<span class="badge">abgebrochen</span>'),Gd=w('<span class="badge b-load">läuft…</span>'),Wd=w('<div class="bar" style="margin-bottom:10px"><i></i></div>'),Vd=w('<div class="card"><div class="card-h"><h3>Aktueller Vorgang</h3> <!> <span style="margin-left:10px"><!></span></div> <div class="card-sub"> </div> <!> <div class="log" style="max-height:280px"> </div></div>'),Ud=w('<div class="pagehead"><div><h1>Server & Wartung</h1> <div class="sub">Dienste steuern, Updates einspielen und live mitlesen — ganz ohne SSH oder Terminal.</div></div></div> <div class="card"><div class="card-h"><h3>LLM-Engine (llama-swap)</h3> <span class="chip"> </span></div> <div class="card-sub">Das Herzstück: lädt bei jeder Anfrage automatisch das passende Modell.</div> <div class="kv" style="margin-bottom:6px"><div class="kv-row"><span class="kv-k">Adresse (für deine Tools)</span><span class="kv-v mono-sm"> </span></div> <div class="kv-row"><span class="kv-k">Aktuell geladen</span> <span class="kv-v"> </span></div> <div class="kv-row"><span class="kv-k">Konfigurierte Modelle</span> <span class="kv-v"> </span></div></div> <div class="btn-row" style="display:flex;align-items:center;gap:10px"><button class="ghost">Verbindung prüfen</button> <!></div></div> <div class="card"><div class="card-h"><h3>Dienste & Applikation</h3></div> <div class="card-sub">Diese Aktionen sind harmlos und passwortlos — es geht nichts dabei verloren.</div> <button class="qa"><span class="qa-ic teal">↻</span> <span class="qa-main"><span class="qa-t">LLM-Engine neustarten</span><span class="qa-s">Startet llama-swap neu. Geladene Modelle laden danach automatisch wieder.</span></span> <span class="qa-arrow">›</span></button> <button class="qa"><span class="qa-ic blue">↻</span> <span class="qa-main"><span class="qa-t">Dashboard neustarten</span><span class="qa-s">Startet diese Oberfläche neu (~5 Sek).</span></span> <span class="qa-arrow">›</span></button> <button class="qa"><span class="qa-ic teal">⬇</span> <span class="qa-main"><span class="qa-t">Mission Control aktualisieren</span><span class="qa-s">Holt die neueste Version aus Gitea und startet automatisch neu (~10 Sek).</span></span> <span class="qa-arrow">›</span></button> <button class="qa"><span class="qa-ic blue">⚡</span> <span class="qa-main"><span class="qa-t">LLM-Engine aktualisieren</span><span class="qa-s">Lädt die neueste llama.cpp-Version (ROCm) für deine GPU.</span></span> <span class="qa-arrow">›</span></button> <button class="qa"><span class="qa-ic amber">🗄</span> <span class="qa-main"><span class="qa-t">Grafikspeicher leeren</span><span class="qa-s">Wirft alle aktuell geladenen Modelle aus dem VRAM. Fragt vorher nach.</span></span> <span class="qa-arrow">›</span></button></div> <div class="card"><div class="card-h"><h3>Betriebssystem (Bosgame)</h3></div> <div class="card-sub">Tiefe Eingriffe — das Dashboard fragt einmalig nach deinem sudo-Passwort.</div> <button class="qa"><span class="qa-ic amber">↻</span> <span class="qa-main"><span class="qa-t">OS-Updates installieren</span><span class="qa-s">Führt apt update & upgrade aus. Kann ein paar Minuten dauern.</span></span> <span class="qa-arrow">›</span></button> <button class="qa qa-danger"><span class="qa-ic red">⚡</span> <span class="qa-main"><span class="qa-t">Server neustarten (Reboot)</span><span class="qa-s">Bootet den ganzen Bosgame neu. Alles ist für ~1 Minute offline.</span></span> <span class="qa-arrow">›</span></button></div> <!> <div class="card"><div class="card-h"><h3>Live-Konsole</h3> <select style="margin:0 0 0 auto;width:240px"><option>LLM-Engine (llama-swap)</option><option>Dashboard (mission-control)</option><option>System (ganzer Server)</option></select></div> <div class="card-sub">Live mitlesen, was der Dienst gerade tut.</div> <div class="console"> </div></div>',1);function jd(e,n){aa(n,!0);const a=I(()=>_i.value),i=I(()=>ca.value);let r=null,o=O(`Verbinde…
|
||
`),d=O("llama-swap"),c,u=O(null),v=O("");const g=new Set,E=I(()=>t(u)?t(i).find(x=>x.id===t(u)):null);Ar(()=>{if(!t(E))return;const x=t(E),L=x.state==="done",R=x.state==="failed",ne=x.state==="canceled";(L||R||ne)&&!g.has(x.id)&&(g.add(x.id),se(L?`✓ ${t(v)} abgeschlossen.`:ne?`${t(v)} abgebrochen.`:`✗ ${t(v)} fehlgeschlagen.`,R),L&&setTimeout(()=>document.dispatchEvent(new Event("mc:refresh")),800))});function f(x,L){h(u,x,!0),h(v,L,!0),ca.track(x)}bi(()=>{y()}),qo(()=>{r==null||r.close()});function y(){r==null||r.close();const x=t(d);h(o,`Verbinde mit ${x}…
|
||
`);const L=location.protocol==="https:"?"wss:":"ws:";r=new WebSocket(`${L}//${location.host}/api/logs/${x}?token=${encodeURIComponent(tl())}`),r.onmessage=R=>{h(o,t(o)+R.data),c&&(c.scrollTop=c.scrollHeight)},r.onclose=()=>{h(o,t(o)+`
|
||
— Verbindung getrennt —`)},r.onerror=()=>r==null?void 0:r.close()}async function T(x,L,R){if(await yn({title:L,body:R,confirmLabel:"Neustarten"}))try{await we(`/api/service/${x}/restart`,{method:"POST"}),se("Neustart ausgelöst: "+x),setTimeout(()=>document.dispatchEvent(new Event("mc:refresh")),2e3)}catch(ne){se(ne.message,!0)}}async function P(){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 x=await we("/api/self-update",{method:"POST"});se("Update läuft — Dashboard startet gleich neu."),f(x.job_id,"Mission Control Update")}catch(x){se(x.message,!0)}}async function S(){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 x=await we("/api/update",{method:"POST"});se("LLM-Engine-Update läuft."),f(x.job_id,"LLM-Engine-Update")}catch(x){se(x.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 we("/api/unload",{method:"POST"}),se("Grafikspeicher geleert."),setTimeout(()=>document.dispatchEvent(new Event("mc:refresh")),600)}catch(x){se(x.message,!0)}}async function Ce(){if(!await yn({title:"OS-Updates installieren?",body:"Führt <code>apt update & upgrade</code> aus. Das kann ein paar Minuten dauern; der Fortschritt erscheint in der Aktivität."}))return;const x=await jr({title:"sudo-Passwort",body:"Für die System-Updates wird einmalig dein sudo-Passwort gebraucht.",placeholder:"sudo-Passwort",password:!0,confirmLabel:"Installieren"});if(x)try{const L=await we("/api/os-update",{method:"POST",body:JSON.stringify({password:x})});se("OS-Update gestartet."),f(L.job_id,"OS-Update")}catch(L){se(L.message,!0)}}async function oe(){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 x=await jr({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(x)try{await we("/api/reboot",{method:"POST",body:JSON.stringify({password:x})}),se("Reboot ausgelöst — bis gleich.")}catch(L){se(L.message,!0)}}async function ae(){h(xe,"prüfe…");try{const x=await we("/api/integration/test");h(xe,x.ok?`✓ Engine antwortet — ${x.models.length} Modell(e): ${x.models.join(", ")}`:`✗ keine Verbindung: ${x.error}`,!0),h(V,x.ok,!0)}catch(x){h(xe,"✗ "+x.message),h(V,!1)}}let xe=O(""),V=O(!1);const Q=I(()=>{var x;return((x=t(a))==null?void 0:x.models)||[]}),fe=["running","ready","loading","starting"],be=I(()=>t(Q).find(x=>fe.includes(x.state)));function Se(x){if(!x||x.state!=="running")return null;if(typeof x.progress=="number")return Math.min(100,x.progress);const R=((x.log||[]).at(-1)||"").match(/(\d+(?:\.\d+)?)\s*%/);return R?Math.min(100,parseFloat(R[1])):null}var Ne=Ud(),bt=s(We(Ne),2),C=l(bt),Y=s(l(C),2),ue=l(Y),Ue=s(C,4),te=l(Ue),Te=s(l(te)),ie=l(Te),lt=s(te,2),je=s(l(lt),2),B=l(je),U=s(lt,2),ce=s(l(U),2),Oe=l(ce),he=s(Ue,2),St=l(he),ht=s(St,2);{var Mt=x=>{var L=Od(),R=l(L);D(()=>{fn(L,`color:${t(V)?"#7ee29a":"#ff9b95"}`),b(R,t(xe))}),m(x,L)};K(ht,x=>{t(xe)&&x(Mt)})}var Et=s(bt,2),At=s(l(Et),4),It=s(At,2),qt=s(It,2),z=s(qt,2),N=s(z,2),Me=s(Et,2),ut=s(l(Me),4),G=s(ut,2),ze=s(Me,2);{var He=x=>{const L=I(()=>t(E)),R=I(()=>t(L).state==="done"),ne=I(()=>t(L).state==="failed"),Z=I(()=>t(L).state==="canceled"),Je=I(()=>t(R)||t(ne)||t(Z)),Qe=I(()=>Se(t(L)));var et=Vd(),M=l(et),H=s(l(M),2);{var Pe=Fe=>{var gt=Fd();A("click",gt,async()=>{await yn({title:t(v)+" abbrechen?",body:"Der laufende Vorgang wird gestoppt.",confirmLabel:"Abbrechen",danger:!0})&&we(`/api/jobs/${t(L).id}/cancel`,{method:"POST"})}),m(Fe,gt)};K(H,Fe=>{t(Je)||Fe(Pe)})}var le=s(H,2),Le=l(le);{var Ze=Fe=>{var gt=qd();m(Fe,gt)},tt=Fe=>{var gt=Nd();m(Fe,gt)},ke=Fe=>{var gt=Kd();m(Fe,gt)},Ee=Fe=>{var gt=Gd();m(Fe,gt)};K(Le,Fe=>{t(R)?Fe(Ze):t(ne)?Fe(tt,1):t(Z)?Fe(ke,2):Fe(Ee,-1)})}var De=s(M,2),Ft=l(De),Nt=s(De,2);{var Jt=Fe=>{var gt=Wd(),Bn=l(gt);D(()=>fn(Bn,`width:${t(Qe)??""}%`)),m(Fe,gt)};K(Nt,Fe=>{t(Qe)!=null&&!t(Je)&&Fe(Jt)})}var an=s(Nt,2),bn=l(an);D(Fe=>{b(Ft,`${t(v)??""}${t(Je)?t(R)?" — erfolgreich.":t(Z)?" — abgebrochen.":" — fehlgeschlagen.":" läuft…"}`),b(bn,Fe)},[()=>(t(L).log||[]).join(`
|
||
`)]),m(x,et)};K(ze,x=>{t(E)&&x(He)})}var Dt=s(ze,2),$t=l(Dt),vt=s(l($t),2),_t=l(vt);_t.value=_t.__value="llama-swap";var j=s(_t);j.value=j.__value="mission-control";var ee=s(j);ee.value=ee.__value="system";var W=s($t,4),J=l(W);Fo(W,x=>c=x,()=>c),D(x=>{var L,R,ne;fn(Y,`margin-left:auto;${(L=t(a))!=null&&L.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(ue,(R=t(a))!=null&&R.swap_ok?"● erreichbar":"● offline"),b(ie,(((ne=t(a))==null?void 0:ne.swap_url)||"—")+"/v1"),b(B,t(be)?t(be).name+` (${t(be).state})`:"nichts geladen — lädt bei der nächsten Anfrage"),b(Oe,x),b(J,t(o))},[()=>t(Q).filter(x=>!x.incomplete).length||"keine"]),A("click",St,ae),A("click",At,()=>T("llama-swap","LLM-Engine neustarten?","Die Engine startet neu. Geladene Modelle werden kurz entladen (~5 Sekunden), laden danach automatisch wieder.")),A("click",It,()=>T("mission-control","Dashboard neustarten?","Diese Oberfläche trennt sich kurz und verbindet automatisch wieder.")),A("click",qt,P),A("click",z,S),A("click",N,$),A("click",ut,Ce),A("click",G,oe),A("change",vt,y),ri(vt,()=>t(d),x=>h(d,x)),m(e,Ne),ia()}xa(["click","change"]);var Hd=w('<div class="empty" style="text-align:center;padding:30px">Lade Setups…</div>'),Jd=w('<span title="Setup bearbeiten" style="position:absolute;top:10px;right:36px;color:var(--accent);cursor:pointer;font-size:14px;line-height:1" role="button" tabindex="0">✎</span> <span title="Setup löschen" style="position:absolute;top:9px;right:12px;color:var(--err);cursor:pointer;font-size:18px;line-height:1" role="button" tabindex="0">×</span>',1),Xi=w('<div class="cb-best-tag">★ Beste Wahl für dein System</div>'),Qd=w('<div class="cb-best-tag" style="background:var(--act);color:#fff">Dein Setup</div>'),Zd=w('<button style="text-align:left;position:relative"><!> <!> <div class="flex justify-between items-center"><span class="flex items-center gap-2"><h3 style="margin:0;font-size:15px"> </h3></span> <span> </span></div> <p> </p> <div class="text-xs text-mut"> </div></button>'),Yd=w('<div id="cb-recipes" class="grid grid-3" style="gap:10px;margin-top:6px"></div>'),Xd=w('<span style="color:var(--warn)">· ⚠ Cache veraltet</span>'),ec=w("<!> <!>",1),tc=w('<div class="empty" style="text-align:center;padding:30px">Frage Quellen ab…</div>'),nc=w('<div class="li-sub" style="color:var(--warn);margin-top:3px"> </div>'),ac=w('<span class="fit-badge ok">✓ installiert</span>'),ic=w('<button class="primary" style="padding:6px 12px;font-size:12.5px">Installieren</button>'),rc=w('<div style="display:flex;flex-direction:column;position:relative"><!> <div class="flex justify-between" style="align-items:flex-start;gap:8px"><div style="min-width:0"><h3 style="margin:0;font-size:14px;font-weight:500;word-break:break-word"> </h3> <div class="text-xs text-mut" style="margin-top:3px"> </div></div> <span> </span></div> <div class="flex gap-2" style="flex-wrap:wrap;margin-top:7px"><!> <!></div> <div class="mono-sm text-mut" style="margin-top:8px;font-size:11.5px"> </div> <!> <div style="flex:1;min-height:8px"></div> <div class="flex justify-end" style="margin-top:10px"><!></div></div>'),sc=w('<div style="margin-bottom:8px"><div class="flex items-center gap-2" style="margin:6px 0 8px"><h4 style="margin:0;font-size:13.5px;font-weight:600"> </h4></div> <div class="grid grid-3"></div></div>'),lc=w('<button style="padding:4px 10px;border-radius:999px;font-size:12px"> </button>'),oc=w('<div style="display:flex;flex-direction:column;cursor:pointer"><!> <div class="flex justify-between" style="align-items:flex-start;gap:8px"><div style="min-width:0"><h3 style="margin:0;font-size:14.5px;font-weight:500;word-break:break-word"> </h3> <div class="text-xs text-mut" style="margin-top:3px"> </div></div> <span> </span></div> <div class="flex gap-2" style="flex-wrap:wrap;margin-top:7px"><!> <!></div> <div style="flex:1;margin-top:12px"></div> <div class="flex justify-between items-center text-xs text-mut" style="border-top:1px solid var(--line);padding-top:11px"><span class="mono-sm"> </span> <span class="mono-sm"> </span></div></div>'),dc=w('<div class="grid grid-3" id="cb-grid"></div>'),cc=w('<div class="li-sub"> </div>'),uc=w('<div class="li-sub mono-sm"> </div>'),vc=w("<span> </span>"),pc=w('<div class="li" style="align-items:flex-start"><div class="li-main"><div class="flex items-center gap-2" style="flex-wrap:wrap"><span class="li-id"> </span> <span class="tag text"> </span> <!></div> <!> <!></div> <!></div>'),fc=w('<div class="hint" style="margin:12px 0">Größter Spitzenbedarf: <b> </b>. Es läuft immer nur <b>ein</b> Modell gleichzeitig — das größte bestimmt, ob das Setup passt.</div>'),hc=w('Alternative: <a href="#" style="color:var(--accent)"> </a> — passt auf dein System.',1),gc=w('<div class="hint" style="color:var(--warn);margin-bottom:10px;border-left:2px solid var(--warn);padding-left:10px">⚠ Dieses Setup übersteigt deinen verfügbaren Speicher. <!></div>'),mc=w('<div class="modal-overlay" role="dialog"><div class="modal-card" style="max-width:560px"><button class="ghost" style="position:absolute;top:14px;right:14px">Schließen</button> <h3> </h3> <p class="text-mut text-sm" style="margin:-4px 0 16px"> </p> <div class="list"></div> <!> <!> <button id="cb-r-install-btn" style="width:100%"> </button></div></div>'),bc=w('<div class="hint">Lade Dateien von HuggingFace…</div>'),Yr=w("<option> </option>"),_c=w('<div class="hint" style="margin:-6px 0 14px">Empfohlener Kontext für deine Hardware: <b> </b> — <a href="#">übernehmen</a></div>'),kc=w('<div class="tile" style="display:flex;justify-content:space-between;align-items:center;margin:8px 0 18px"><div><div style="font-size:13px">Ressourcen-Check</div> <div class="hint" style="margin:4px 0 0"> </div></div> <span> </span></div>'),wc=w('<div class="hint" style="color:var(--warn);margin:-8px 0 14px;border-left:2px solid var(--warn);padding-left:10px">⚠ Diese Datei ist zu groß für deinen Speicher. Kleinere Alternative: <a href="#" style="color:var(--accent)"> </a> — einfach auswählen.</div>'),yc=w('<div class="hint" style="color:var(--warn);margin:-8px 0 14px;border-left:2px solid var(--warn);padding-left:10px">⚠ Alle Varianten dieses Modells sind zu groß für deinen Speicher. Ein kleineres Modell aus den Empfehlungen wäre die bessere Wahl.</div>'),xc=w('<label>Quantisierung (GGUF-Datei) wählen</label> <select></select> <div class="row" style="margin-top:4px"><div><label>Rolle (optional)</label> <input placeholder="z.B. coder, vision, scout"/></div> <div><label>Kontext-Größe <!></label> <input type="number"/></div></div> <!> <!> <!> <button style="width:100%"> </button>',1),Sc=w('<div class="hint">Keine GGUF-Dateien im Repo gefunden.</div>'),Mc=w('<div class="modal-overlay" role="dialog"><div class="modal-card" style="max-width:560px"><button class="ghost" style="position:absolute;top:14px;right:14px">Schließen</button> <h3> </h3> <p class="mono-sm" style="margin:-4px 0 16px"> </p> <!></div></div>'),Ec=w('<div class="flex gap-2" style="margin-bottom:8px;align-items:center"><input placeholder="Repo, z.B. unsloth/Qwen3-8B-GGUF" style="flex:2;margin:0"/> <input placeholder="Rolle (z.B. coder)" style="flex:1;margin:0"/> <select style="width:auto;margin:0"></select> <button class="ghost del" style="margin:0;padding:6px 10px">×</button></div>'),Ac=w('<div class="modal-overlay" role="dialog"><div class="modal-card" style="max-width:640px"><button class="ghost" style="position:absolute;top:14px;right:14px">Schließen</button> <h3> </h3> <p class="text-mut text-sm" style="margin:-4px 0 16px">Stell dir aus beliebigen Modellen ein eigenes Setup zusammen.</p> <label>Titel</label> <input placeholder="z.B. Mein Schreib-Stack"/> <label>Kurzbeschreibung (optional)</label> <input placeholder="Wofür ist dieses Setup gut?"/> <label style="margin-top:10px">Modelle</label> <!> <button class="ghost" style="margin-top:8px">+ Modell hinzufügen</button> <div class="hint" style="margin-top:10px">Die <b>Repo-ID</b> findest du über die <b>Profi-Suche</b> weiter unten (z.B. <code>unsloth/Qwen3-8B-GGUF</code>).</div> <button class="primary" style="width:100%;margin-top:14px"> </button></div></div>'),Cc=w('<div class="pagehead"><div><h1>Cookbook</h1><div class="sub">Modelle finden, installieren und eigene Setups zusammenstellen.</div></div></div> <div class="card"><div class="card-h"><h3>1 · Anwendungsfall wählen & installieren</h3> <button class="ghost" style="margin-left:auto">+ Eigenes Setup</button></div> <div class="card-sub">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.</div> <!></div> <div class="card"><div class="card-h"><h3>Aktuell die besten Modelle für dein System</h3> <span class="meta" style="margin-left:auto"><!></span> <button class="ghost" style="margin-left:8px"> </button></div> <div class="card-sub">Top-Modelle je Kategorie von HuggingFace — Hardware-Fit wird live für dein System berechnet.</div> <!></div> <div class="card"><div class="card-h"><h3>Profi-Suche (HuggingFace)</h3></div> <div class="card-sub">Direkt HuggingFace durchsuchen — oder eine Modell-URL einfügen für den direkten Sprung.</div> <div class="flex gap-2" style="align-items:stretch;margin-bottom:10px"><input placeholder="Suchbegriff oder HuggingFace-URL…" style="flex:1;margin:0"/> <select style="width:auto;margin:0"><option>Downloads</option><option>Trending</option><option>Neu</option></select> <button class="primary"> </button></div> <div class="flex gap-2" style="flex-wrap:wrap;margin-bottom:12px"></div> <!></div> <!> <!> <!>',1);function Tc(e,n){aa(n,!0);const a="Kontext = das Kurzzeitgedächtnis des Modells. Größer = merkt sich mehr, braucht aber mehr Speicher und wird etwas langsamer.",i="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.",r={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(k){const _=(k||"").toLowerCase();for(const q of d)if(q.kw.some(F=>_.includes(F)))return q.label;return"Allrounder"}function u(k=""){const _=k.toLowerCase();return/\d+x\d+(\.\d+)?b/.test(_)||new RegExp("(?<![a-z])a\\d+(\\.\\d+)?b\\b").test(_)||_.includes("mixtral")||/\bmoe\b/.test(_)}function v(k=""){const _=k.toLowerCase().match(new RegExp("(?<![a-z])a(\\d+(?:\\.\\d+)?)b\\b"));return _?_[1]:null}function g(k){return k==="perfect"?"ok":k==="marginal"?"warn":"bad"}function E(k){return k==="perfect"?"Passt":k==="marginal"?"Knapp":"Zu groß"}function f(k){return`~${(k.req_gb??0).toFixed(1)} GB · ~${Math.round(k.tps??0)} Tok/s`}let y=O(Ht([])),T=O(null),P=O(!0),S=O(null),$=O(!1),Ce=O(!1),oe=O(""),ae=O(Ht([])),xe=O(!1),V=O(""),Q=O("downloads"),fe=O(Ht([])),be=O(-1),Se=O(null),Ne=O(!1),bt=O(""),C=O(""),Y=O(null),ue=O(""),Ue=O(""),te=O(8192),Te=O(!1),ie=O(null),lt=O(!1),je=O(""),B=O(""),U=O(Ht([{repo:"",role:"",quant:"Q4_K_M"}])),ce=O(null);function Oe(k){var _;(_=document.querySelector(`.nav-item[data-view="${k}"]`))==null||_.dispatchEvent(new MouseEvent("click"))}bi(()=>{he(),St()});async function he(){h(P,!0);try{const k=await we("/api/cookbook/recipes");h(y,k.recipes||[],!0),h(T,k.recommended_id||null,!0)}catch(k){se(k.message,!0)}h(P,!1)}async function St(k=!1){h($,!0);try{const _=await we("/api/cookbook/discover"+(k?"?force=true":""));h(S,_,!0),h(Ce,_.stale,!0)}catch(_){se("Empfehlungen nicht ladbar: "+_.message,!0)}h($,!1)}function ht(k){k=k.trim();const _=k.match(/huggingface\.co\/([^\s/]+\/[^\s/?#]+)/i);return _?_[1]:/^[\w.-]+\/[\w.-]+$/.test(k)?k:null}async function Mt(){const k=t(oe).trim(),_=ht(k);let q=k;if(t(V)&&!_&&(q=q?q+" "+t(V):t(V)),!q&&!_){h(ae,[],!0);return}h(xe,!0),h(fe,[],!0),h(be,-1);try{if(_)h(ae,[{id:_,author:_.split("/")[0],downloads:0}],!0);else{const F=`https://huggingface.co/api/models?search=${encodeURIComponent(q)}&filter=gguf&sort=${encodeURIComponent(t(Q))}&direction=-1&limit=40`,de=await fetch(F);h(ae,await de.json(),!0)}t(ae).forEach((F,de)=>Et(de,F.id))}catch(F){se(F.message,!0),h(ae,[],!0)}h(xe,!1)}async function Et(k,_){var q;try{const F=await we("/api/cookbook/analyze",{method:"POST",body:JSON.stringify({repo_id:_,ctx:8192})});if(!((q=F.files)!=null&&q.length)){t(fe)[k]=null,At();return}const de=F.files.find(nt=>{var ot;return(ot=nt.quant)==null?void 0:ot.includes("Q4_K_M")})||F.files[0];t(fe)[k]=de.fit.level,At()}catch{t(fe)[k]=null,At()}}function At(){let k=-1,_=99;t(fe).forEach((q,F)=>{if(q==null)return;const de=r[q]??99;de<_&&(_=de,k=F)}),h(be,k>=0&&_<=1?k:-1,!0)}function It(k){h(Se,t(y).find(_=>_.id===k),!0)}async function qt(k){const _=document.getElementById("cb-r-install-btn");_&&(_.disabled=!0,_.textContent="Starte…");try{const q=await we("/api/cookbook/install-recipe",{method:"POST",body:JSON.stringify({recipe_id:k,hf_token:li()})});se(`${q.count} Download${q.count!==1?"s":""} läuft — Modelle erscheinen danach automatisch im Modelle-Tab.`),h(Se,null),Oe("activity")}catch(q){se(q.message,!0),_&&(_.disabled=!1,_.textContent="Installieren")}}async function z(k,_){var q,F;h(Ne,!0),h(bt,_,!0),h(C,k,!0),h(Ue,""),h(te,8192),h(Y,null),h(ie,null),h(ue,""),h(Te,!0);try{if(h(Y,await we("/api/cookbook/analyze",{method:"POST",body:JSON.stringify({repo_id:k,ctx:8192})}),!0),(F=(q=t(Y))==null?void 0:q.files)!=null&&F.length){const de=t(Y).files.find(nt=>{var ot;return(ot=nt.quant)==null?void 0:ot.includes("Q4_K_M")})||t(Y).files[0];h(ue,de.filename,!0),de.optimal_ctx&&t(te)===8192&&h(te,de.optimal_ctx,!0),N()}}catch(de){se(de.message,!0)}h(Te,!1)}function N(){var k,_,q;!((_=(k=t(Y))==null?void 0:k.files)!=null&&_.length)||!t(ue)||(h(ie,t(Y).files.find(F=>F.filename===t(ue))||null,!0),(q=t(ie))!=null&&q.optimal_ctx&&t(te)===8192&&h(te,t(ie).optimal_ctx,!0))}async function Me(){var k,_;if(!t(C)||!t(ue))return se("Bitte eine GGUF-Datei wählen.",!0);h(Te,!0);try{const q=((k=t(Y))==null?void 0:k.params_b)??7,F=((_=t(ie))==null?void 0:_.quant)??"Q4_K_M";await we("/api/cookbook/install-model",{method:"POST",body:JSON.stringify({repo:t(C),role:t(Ue),params_b:q,quant:F,file:t(ue),ctx:t(te),hf_token:li()})}),se("Download läuft — Modell erscheint danach automatisch im Modelle-Tab."),h(Ne,!1),Oe("activity")}catch(q){se("Fehler: "+q.message,!0)}h(Te,!1)}async function ut(k,_,q,F){F.disabled=!0,F.textContent="Starte…";try{await we("/api/cookbook/install-model",{method:"POST",body:JSON.stringify({repo:k,role:_,params_b:q,quant:"Q4_K_M",hf_token:li()})}),se("Download läuft — Modell erscheint danach automatisch im Modelle-Tab."),Oe("activity")}catch(de){se(de.message,!0),F.disabled=!1,F.textContent="Installieren"}}function G(){h(ce,null),h(je,""),h(B,""),h(U,[{repo:"",role:"",quant:"Q4_K_M"}],!0),h(lt,!0)}function ze(k){const _=t(y).find(q=>q.id===k);_&&(h(ce,k,!0),h(je,_.title,!0),h(B,_.desc||"",!0),h(U,_.models.map(q=>({repo:q.repo,role:q.role,quant:q.quant||"Q4_K_M"})),!0),h(lt,!0))}async function He(){if(!t(je).trim())return se("Bitte einen Titel angeben.",!0);const k=t(U).filter(_=>_.repo.trim());if(!k.length)return se("Mindestens ein Modell (Repo) angeben.",!0);try{t(ce)?(await we("/api/cookbook/user-recipe/"+encodeURIComponent(t(ce)),{method:"PUT",body:JSON.stringify({title:t(je),desc:t(B),models:k})}),se("Setup aktualisiert.")):(await we("/api/cookbook/user-recipe",{method:"POST",body:JSON.stringify({title:t(je),desc:t(B),models:k})}),se("Setup gespeichert.")),h(lt,!1),he()}catch(_){se(_.message,!0)}}async function Dt(k){const _=t(y).find(q=>q.id===k);if(await yn({title:`„${(_==null?void 0:_.title)||k}" löschen?`,body:"Dein eigenes Setup wird aus dem Cookbook entfernt. Bereits installierte Modelle bleiben unangetastet.",confirmLabel:"Löschen",danger:!0}))try{await we("/api/cookbook/user-recipe/"+encodeURIComponent(k),{method:"DELETE"}),se("Setup gelöscht."),he()}catch(q){se(q.message,!0)}}function $t(k){if(!u(k))return"";const _=v(k);return`<span class="chip" title="${$n(i)}">MoE${_?` · ~${_}B aktiv`:""}</span>`}function vt(k){return k?`<span class="chip">${$n(k)}</span>`:""}var _t=Cc(),j=s(We(_t),2),ee=l(j),W=s(l(ee),2),J=s(ee,4);{var x=k=>{var _=Hd();m(k,_)},L=k=>{var _=Yd();st(_,21,()=>t(y),rt,(q,F)=>{const de=I(()=>t(F).id===t(T));var nt=Zd(),ot=l(nt);{var re=ge=>{var Ye=Jd(),Gt=We(Ye),zt=s(Gt,2);A("click",Gt,wt=>{wt.stopPropagation(),ze(t(F).id)}),A("keydown",Gt,wt=>{wt.key==="Enter"&&(wt.stopPropagation(),ze(t(F).id))}),A("click",zt,wt=>{wt.stopPropagation(),Dt(t(F).id)}),A("keydown",zt,wt=>{wt.key==="Enter"&&(wt.stopPropagation(),Dt(t(F).id))}),m(ge,Ye)};K(ot,ge=>{t(F).user&&ge(re)})}var me=s(ot,2);{var $e=ge=>{var Ye=Xi();m(ge,Ye)},pt=ge=>{var Ye=Qd();m(ge,Ye)};K(me,ge=>{t(de)?ge($e):t(F).user&&ge(pt,1)})}var Ie=s(me,2),qe=l(Ie),dt=l(qe),Ct=l(dt),Yt=s(qe,2),ft=l(Yt),Be=s(Ie,2),Tt=l(Be),Kt=s(Be,2),mt=l(Kt);D((ge,Ye)=>{kt(nt,1,`card-btn${t(de)?" cb-best":""}`),b(Ct,t(F).title),kt(Yt,1,`fit-badge ${ge??""}`),b(ft,Ye),b(Tt,t(F).desc),b(mt,`${t(F).models.length??""} Modell${t(F).models.length>1?"e":""} im Setup`)},[()=>g(t(F).fit_level),()=>E(t(F).fit_level)]),A("click",nt,()=>It(t(F).id)),m(q,nt)}),m(k,_)};K(J,k=>{t(P)?k(x):k(L,-1)})}var R=s(j,2),ne=l(R),Z=s(l(ne),2),Je=l(Z);{var Qe=k=>{const _=I(()=>Math.round((Date.now()/1e3-t(S).updated)/60));var q=ec(),F=We(q);{var de=$e=>{var pt=ii();D(()=>b(pt,`Quellen befragt vor ${t(_)??""} min`)),m($e,pt)},nt=$e=>{var pt=ii();D(Ie=>b(pt,`Quellen befragt vor ${Ie??""} h`),[()=>Math.round(t(_)/60)]),m($e,pt)},ot=$e=>{var pt=ii();D(Ie=>b(pt,`Quellen befragt vor ${Ie??""} Tg.`),[()=>Math.round(t(_)/1440)]),m($e,pt)};K(F,$e=>{t(_)<60?$e(de):t(_)<1440?$e(nt,1):$e(ot,-1)})}var re=s(F,2);{var me=$e=>{var pt=Xd();m($e,pt)};K(re,$e=>{t(Ce)&&$e(me)})}m(k,q)};K(Je,k=>{var _;(_=t(S))!=null&&_.updated&&k(Qe)})}var et=s(Z,2),M=l(et),H=s(ne,4);{var Pe=k=>{var _=tc();m(k,_)},le=k=>{var _=di(),q=We(_);st(q,17,()=>t(S).categories,rt,(F,de)=>{var nt=sc(),ot=l(nt),re=l(ot),me=l(re),$e=s(ot,2);st($e,21,()=>t(de).models,rt,(pt,Ie)=>{const qe=I(()=>t(de).recommended&&t(Ie).repo===t(de).recommended);var dt=rc(),Ct=l(dt);{var Yt=Xe=>{var it=Xi();m(Xe,it)};K(Ct,Xe=>{t(qe)&&Xe(Yt)})}var ft=s(Ct,2),Be=l(ft),Tt=l(Be),Kt=l(Tt),mt=s(Tt,2),ge=l(mt),Ye=s(Be,2),Gt=l(Ye),zt=s(ft,2),wt=l(zt);Ae(wt,()=>vt(o[t(Ie).role]||c(t(Ie).repo)));var Rn=s(wt,2);Ae(Rn,()=>$t(t(Ie).repo));var Un=s(zt,2),En=l(Un),Sa=s(Un,2);st(Sa,17,()=>t(Ie).requirements||[],rt,(Xe,it)=>{var Lt=nc(),An=l(Lt);D(()=>b(An,`⚠ ${t(it)??""}`)),m(Xe,Lt)});var ct=s(Sa,4),Ke=l(ct);{var at=Xe=>{var it=ac();D(()=>Ni(it,"title",`bereits eingerichtet als ${t(Ie).installed??""}`)),m(Xe,it)},yt=Xe=>{var it=ic();A("click",it,Lt=>ut(t(Ie).repo,t(Ie).role,t(Ie).params_b,Lt.currentTarget)),m(Xe,it)};K(Ke,Xe=>{t(Ie).installed?Xe(at):Xe(yt,-1)})}D((Xe,it,Lt)=>{kt(dt,1,`card${t(qe)?" res-best":""}`),b(Kt,t(Ie).name),b(ge,`${t(Ie).author??""} · ${t(Ie).params_b??""}B`),kt(Ye,1,`fit-badge ${Xe??""}`),b(Gt,t(Ie).fit.text),b(En,`${it??""} · ⬇ ${Lt??""}`)},[()=>g(t(Ie).fit.level),()=>f(t(Ie).fit),()=>(t(Ie).downloads||0).toLocaleString()]),m(pt,dt)}),D(()=>b(me,t(de).title)),m(F,nt)}),m(k,_)};K(H,k=>{var _;t($)&&!t(S)?k(Pe):(_=t(S))!=null&&_.categories&&k(le,1)})}var Le=s(R,2),Ze=s(l(Le),4),tt=l(Ze),ke=s(tt,2),Ee=l(ke);Ee.value=Ee.__value="downloads";var De=s(Ee);De.value=De.__value="trending";var Ft=s(De);Ft.value=Ft.__value="created_at";var Nt=s(ke,2),Jt=l(Nt),an=s(Ze,2);st(an,20,()=>["","coder","vision","reasoning","chat","agent"],rt,(k,_)=>{var q=lc(),F=l(q);D(()=>{kt(q,1,t(V)===_?"primary":"ghost"),b(F,_||"Alle")}),A("click",q,()=>{h(V,_,!0),Mt()}),m(k,q)});var bn=s(an,2);{var Fe=k=>{var _=dc();st(_,21,()=>t(ae),rt,(q,F,de)=>{var nt=oc(),ot=l(nt);{var re=zt=>{var wt=Xi();m(zt,wt)};K(ot,zt=>{de===t(be)&&zt(re)})}var me=s(ot,2),$e=l(me),pt=l($e),Ie=l(pt),qe=s(pt,2),dt=l(qe),Ct=s($e,2),Yt=l(Ct),ft=s(me,2),Be=l(ft);Ae(Be,()=>vt(c(t(F).id)));var Tt=s(Be,2);Ae(Tt,()=>$t(t(F).id));var Kt=s(ft,4),mt=l(Kt),ge=l(mt),Ye=s(mt,2),Gt=l(Ye);D((zt,wt,Rn,Un,En)=>{kt(nt,1,`card${de===t(be)?" res-best":""}`),b(Ie,zt),b(dt,t(F).author||""),kt(Ct,1,`fit-badge ${wt??""}`),b(Yt,Rn),b(ge,Un),b(Gt,`⬇ ${En??""}`)},[()=>t(F).id.split("/").pop(),()=>t(fe)[de]?g(t(fe)[de]):"warn",()=>t(fe)[de]?E(t(fe)[de]):"prüfe…",()=>t(fe)[de]?f({req_gb:0,tps:0}):"Hardware-Fit…",()=>(t(F).downloads||0).toLocaleString()]),A("click",nt,()=>z(t(F).id,t(F).id.split("/").pop())),m(q,nt)}),m(k,_)};K(bn,k=>{t(ae).length&&k(Fe)})}var gt=s(Le,2);{var Bn=k=>{const _=I(()=>t(Se));var q=mc(),F=l(q),de=l(F),nt=s(de,2),ot=l(nt),re=s(nt,2),me=l(re),$e=s(re,2);st($e,21,()=>t(_).models,rt,(ft,Be)=>{var Tt=pc(),Kt=l(Tt),mt=l(Kt),ge=l(mt),Ye=l(ge),Gt=s(ge,2),zt=l(Gt),wt=s(Gt,2);Ae(wt,()=>$t(t(Be).repo));var Rn=s(mt,2);{var Un=at=>{var yt=cc(),Xe=l(yt);D(()=>b(Xe,t(Be).why)),m(at,yt)};K(Rn,at=>{t(Be).why&&at(Un)})}var En=s(Rn,2);{var Sa=at=>{var yt=uc(),Xe=l(yt);D((it,Lt,An)=>b(Xe,`~${it??""} GB · ~${Lt??""} Tok/s · optimal ~${An??""}k Kontext`),[()=>(t(Be).fit.req_gb??0).toFixed(1),()=>Math.round(t(Be).fit.tps??0),()=>Math.round((t(Be).optimal_ctx||8192)/1024)]),m(at,yt)};K(En,at=>{t(Be).fit&&at(Sa)})}var ct=s(Kt,2);{var Ke=at=>{var yt=vc(),Xe=l(yt);D(it=>{kt(yt,1,`fit-badge ${it??""}`),b(Xe,t(Be).fit.text)},[()=>g(t(Be).fit.level)]),m(at,yt)};K(ct,at=>{t(Be).fit&&at(Ke)})}D(()=>{b(Ye,t(Be).name),b(zt,t(Be).role)}),m(ft,Tt)});var pt=s($e,2);{var Ie=ft=>{const Be=I(()=>Math.max(...t(_).models.map(ge=>{var Ye;return((Ye=ge.fit)==null?void 0:Ye.req_gb)??0})));var Tt=fc(),Kt=s(l(Tt)),mt=l(Kt);D(ge=>b(mt,`~${ge??""} GB`),[()=>t(Be).toFixed(1)]),m(ft,Tt)};K(pt,ft=>{t(_).models.length&&t(_).models[0].fit&&ft(Ie)})}var qe=s(pt,2);{var dt=ft=>{const Be=I(()=>t(y).find(ge=>!ge.user&&ge.fit_level!=="too_tight"&&ge.id!==t(_).id));var Tt=gc(),Kt=s(l(Tt));{var mt=ge=>{var Ye=hc(),Gt=s(We(Ye)),zt=l(Gt);D(()=>b(zt,`„${t(Be).title??""}" ansehen`)),A("click",Gt,wt=>{wt.preventDefault(),h(Se,null),setTimeout(()=>It(t(Be).id),50)}),m(ge,Ye)};K(Kt,ge=>{t(Be)&&ge(mt)})}m(ft,Tt)};K(qe,ft=>{t(_).fit_level==="too_tight"&&ft(dt)})}var Ct=s(qe,2),Yt=l(Ct);D(()=>{b(ot,t(_).title),b(me,t(_).desc),kt(Ct,1,`primary${t(_).fit_level==="too_tight"?" warn":""}`),b(Yt,t(_).fit_level==="too_tight"?"Trotzdem installieren (nicht empfohlen)":"Komplettes Setup installieren")}),A("click",q,ft=>{ft.target.classList.contains("modal-overlay")&&h(Se,null)}),A("click",de,()=>h(Se,null)),A("click",Ct,()=>qt(t(_).id)),m(k,q)};K(gt,k=>{t(Se)&&k(Bn)})}var Wn=s(gt,2);{var ra=k=>{var _=Mc(),q=l(_),F=l(q),de=s(F,2),nt=l(de),ot=s(de,2),re=l(ot),me=s(ot,2);{var $e=qe=>{var dt=bc();m(qe,dt)},pt=qe=>{var dt=xc(),Ct=s(We(dt),2);st(Ct,21,()=>t(Y).files,rt,(ct,Ke)=>{const at=I(()=>t(Ke).fit.level==="perfect"?"●":t(Ke).fit.level==="marginal"?"◐":"○");var yt=Yr(),Xe=l(yt),it={};D(()=>{b(Xe,`${t(at)??""} ${t(Ke).filename??""}`),it!==(it=t(Ke).filename)&&(yt.value=(yt.__value=t(Ke).filename)??"")}),m(ct,yt)});var Yt=s(Ct,2),ft=l(Yt),Be=s(l(ft),2),Tt=s(ft,2),Kt=l(Tt),mt=s(l(Kt));Ae(mt,()=>gr(a));var ge=s(Kt,2),Ye=s(Yt,2);{var Gt=ct=>{var Ke=_c(),at=s(l(Ke)),yt=l(at),Xe=s(at,2);D(it=>b(yt,`~${it??""}k`),[()=>Math.round(t(ie).optimal_ctx/1024)]),A("click",Xe,it=>{it.preventDefault(),h(te,t(ie).optimal_ctx,!0)}),m(ct,Ke)};K(Ye,ct=>{var Ke;(Ke=t(ie))!=null&&Ke.optimal_ctx&&ct(Gt)})}var zt=s(Ye,2);{var wt=ct=>{var Ke=kc(),at=l(Ke),yt=s(l(at),2),Xe=l(yt),it=s(at,2),Lt=l(it);D((An,ki,Wi)=>{b(Xe,`~${An??""} GB · ~${ki??""} Tok/s · ${(t(ie).quant||"GGUF")??""}`),kt(it,1,`fit-badge ${Wi??""}`),b(Lt,t(ie).fit.text)},[()=>(t(ie).fit.req_gb??0).toFixed(1),()=>Math.round(t(ie).fit.tps??0),()=>g(t(ie).fit.level)]),m(ct,Ke)};K(zt,ct=>{t(ie)&&ct(wt)})}var Rn=s(zt,2);{var Un=ct=>{const Ke=I(()=>t(Y).files.find(Lt=>Lt.fit.level!=="too_tight"&&Lt.filename!==t(ue)));var at=di(),yt=We(at);{var Xe=Lt=>{var An=wc(),ki=s(l(An)),Wi=l(ki);D(Vi=>b(Wi,`${t(Ke).filename??""} (${Vi??""})`),[()=>E(t(Ke).fit.level)]),A("click",ki,Vi=>{Vi.preventDefault(),h(ue,t(Ke).filename,!0),N()}),m(Lt,An)},it=Lt=>{var An=yc();m(Lt,An)};K(yt,Lt=>{t(Ke)?Lt(Xe):Lt(it,-1)})}m(ct,at)};K(Rn,ct=>{var Ke,at;((Ke=t(ie))==null?void 0:Ke.fit.level)==="too_tight"&&((at=t(Y))!=null&&at.files)&&ct(Un)})}var En=s(Rn,2),Sa=l(En);D(()=>{var ct,Ke;kt(En,1,`primary${((ct=t(ie))==null?void 0:ct.fit.level)==="too_tight"?" warn":""}`),En.disabled=t(Te),b(Sa,t(Te)?"Starte…":((Ke=t(ie))==null?void 0:Ke.fit.level)==="too_tight"?"Trotzdem holen (zu groß — nicht empfohlen)":"Herunterladen & Einpflegen")}),A("change",Ct,N),ri(Ct,()=>t(ue),ct=>h(ue,ct)),Cn(Be,()=>t(Ue),ct=>h(Ue,ct)),Cn(ge,()=>t(te),ct=>h(te,ct)),A("click",En,Me),m(qe,dt)},Ie=qe=>{var dt=Sc();m(qe,dt)};K(me,qe=>{var dt,Ct;t(Te)&&!t(Y)?qe($e):(Ct=(dt=t(Y))==null?void 0:dt.files)!=null&&Ct.length?qe(pt,1):t(Te)||qe(Ie,2)})}D(()=>{b(nt,t(bt)),b(re,t(C))}),A("click",_,qe=>{qe.target.classList.contains("modal-overlay")&&h(Ne,!1)}),A("click",F,()=>h(Ne,!1)),m(k,_)};K(Wn,k=>{t(Ne)&&k(ra)})}var Vn=s(Wn,2);{var ja=k=>{var _=Ac(),q=l(_),F=l(q),de=s(F,2),nt=l(de),ot=s(de,6),re=s(ot,4),me=s(re,4);st(me,17,()=>t(U),rt,(qe,dt,Ct)=>{var Yt=Ec(),ft=l(Yt),Be=s(ft,2),Tt=s(Be,2);st(Tt,20,()=>["Q4_K_M","Q5_K_M","Q6_K","Q8_0","Q3_K_M"],rt,(mt,ge)=>{var Ye=Yr(),Gt=l(Ye),zt={};D(()=>{b(Gt,ge),zt!==(zt=ge)&&(Ye.__value=ge)}),m(mt,Ye)});var Kt=s(Tt,2);Cn(ft,()=>t(dt).repo,mt=>t(dt).repo=mt),Cn(Be,()=>t(dt).role,mt=>t(dt).role=mt),ri(Tt,()=>t(dt).quant,mt=>t(dt).quant=mt),A("click",Kt,()=>h(U,t(U).filter((mt,ge)=>ge!==Ct),!0)),m(qe,Yt)});var $e=s(me,2),pt=s($e,4),Ie=l(pt);D(()=>{b(nt,t(ce)?"Setup bearbeiten":"Eigenes Setup erstellen"),b(Ie,t(ce)?"Änderungen speichern":"Setup speichern")}),A("click",_,qe=>{qe.target.classList.contains("modal-overlay")&&h(lt,!1)}),A("click",F,()=>h(lt,!1)),Cn(ot,()=>t(je),qe=>h(je,qe)),Cn(re,()=>t(B),qe=>h(B,qe)),A("click",$e,()=>h(U,[...t(U),{repo:"",role:"",quant:"Q4_K_M"}],!0)),A("click",pt,He),m(k,_)};K(Vn,k=>{t(lt)&&k(ja)})}D(()=>{et.disabled=t($),b(M,t($)?"Suche…":"Aktualisieren"),Nt.disabled=t(xe),b(Jt,t(xe)?"Lade…":"Suchen")}),A("click",W,G),A("click",et,()=>St(!0)),A("keydown",tt,k=>k.key==="Enter"&&Mt()),Cn(tt,()=>t(oe),k=>h(oe,k)),ri(ke,()=>t(Q),k=>h(Q,k)),A("click",Nt,Mt),m(e,_t),ia()}xa(["click","keydown","change"]);var zc=w(`<div class="alert warn" style="margin:0 0 12px"><span class="a-dot"></span> <span>Du öffnest Mission Control über einen <b>Proxy/Namen</b>. Die Engine läuft auf <b>Port 8080 ohne HTTPS</b> direkt am Bosgame.
|
||
Trag in deinen Tools die <b>LAN-IP</b> ein: <code>http://192.168.178.151:8080/v1</code> — nicht den Proxy-Namen.</span></div>`),Pc=w('<span class="mono-sm"> </span>'),Dc=w('<div class="tile" style="display:flex;gap:12px;align-items:flex-start"><span style="font-size:20px;line-height:1;flex:0 0 auto"> </span> <div><div style="font-weight:500;font-size:13.5px"> </div> <div class="card-sub" style="margin:4px 0 0"> </div></div></div>'),$c=w('<span class="chip" role="button" tabindex="0"> </span>'),Lc=w('<div style="margin-top:10px"><a href="#" style="color:var(--mut);font-size:12.5px">Auswahl aufheben (alle)</a></div>'),Xr=w('<button style="text-align:left;padding:12px 16px"><div style="font-weight:500;font-size:13.5px"> </div> <div class="card-sub" style="margin:3px 0 0"> </div></button>'),Ic=w('<p><b>Jan AI</b> ist eine Desktop-App — kein Browser, kein Server, kein Admin-Panel. Einfach installieren und loslegen.</p> <p>Jan AI öffnen → linke Leiste → <b>Remote-Modelle</b> → <b>+ Modell hinzufügen</b>:</p> <label>Basis-URL (kopieren und in Jan AI einfügen)</label> <div class="flex gap-2" style="align-items:stretch;margin-bottom:12px"><input class="mono-sm" readonly="" style="flex:1;margin:0"/> <button class="ghost">Kopieren</button></div> <label>Modell-ID (in Jan AI als „Model name" eintragen)</label> <div class="flex gap-2" style="align-items:stretch;margin-bottom:12px"><input class="mono-sm" readonly="" style="flex:1;margin:0"/> <button class="ghost">Kopieren</button></div> <div class="hint">API-Key: ein beliebiger Wert (z.B. <code>local</code>). Jan AI fragt danach beim Einrichten.</div> <div class="hint" style="margin-top:8px">Jan AI herunterladen: <a href="https://jan.ai" target="_blank" rel="noopener">jan.ai</a> — kostenlos, open source, Windows/macOS/Linux.</div>',1),Bc=w('<p>Datei anlegen oder öffnen: <code>~/.continue/config.json</code></p> <div class="alert warn" style="margin:8px 0 12px;padding:10px 14px"><span class="a-dot"></span><span>Falls bereits eine <code>config.json</code> vorhanden: nur den <code>"models"</code>-Eintrag ergänzen, nicht die ganze Datei ersetzen.</span></div> <div style="position:relative"><button class="ghost" style="position:absolute;top:8px;right:8px;z-index:1">Kopieren</button> <div class="log" style="max-height:none"><code> </code></div></div> <p style="margin-top:12px">Danach Continue in VS Code neu starten → im Chat-Panel das Modell <b> </b> wählen.</p> <div class="hint">Continue: <a href="https://continue.dev" target="_blank" rel="noopener">continue.dev</a> — kostenlose VS Code / JetBrains Extension. Hinweis: 2026 von Cursor akquiriert — aktuell weiter aktiv und kostenlos.</div>',1),Rc=w('<p><b>Antigravity</b> (Googles agentic IDE, VS Code-basiert) unterstützt OpenAI-kompatible Endpoints direkt:</p> <p>Settings → Models → <b>Custom Endpoint</b> → <b>+ hinzufügen</b>:</p> <label>Basis-URL</label> <div class="flex gap-2" style="align-items:stretch;margin-bottom:12px"><input class="mono-sm" readonly="" style="flex:1;margin:0"/> <button class="ghost">Kopieren</button></div> <label>Modell-ID</label> <div class="flex gap-2" style="align-items:stretch;margin-bottom:12px"><input class="mono-sm" readonly="" style="flex:1;margin:0"/> <button class="ghost">Kopieren</button></div> <div class="hint">API-Key: ein beliebiger Wert (z.B. <code>local</code>). Danach das Modell <b> </b> in der Model-Liste auswählen.</div> <div class="hint" style="margin-top:8px">Antigravity herunterladen: <a href="https://antigravityide.net" target="_blank" rel="noopener">antigravityide.net</a> — kostenlose Einzelperson-Tier, VS Code-basiert.</div>',1),Oc=w('<p>Öffne die Zed-Settings mit <code>Cmd/Strg + ,</code> und <b>füge diesen Block</b> in deine bestehende <code>settings.json</code> ein. Falls bereits ein <code>"bosgame"</code>-Eintrag existiert: vorher löschen.</p> <div class="alert warn" style="margin-bottom:12px;padding:10px 14px"><span class="a-dot"></span><span>Nur diesen Block einfügen, <b>nicht die ganze Datei ersetzen</b> — sonst gehen andere Einstellungen verloren.</span></div> <div style="position:relative"><button class="ghost" style="position:absolute;top:8px;right:8px;z-index:1">Kopieren</button> <div class="log" style="max-height:none"><code> </code></div></div> <p style="margin-top:12px"><b>API-Key:</b> Öffne den Agent-Panel → Anbieter <b>bosgame</b> → trag irgendeinen Wert ein (z.B. <code>local</code>).</p> <div class="hint">Danach im Agent-Panel das Modell <b> </b> auswählen.</div>',1),Fc=w('<p>Datei anlegen oder öffnen:</p> <p class="mono-sm" style="line-height:1.6">Windows: <code>%USERPROFILE%\\.config\\opencode\\opencode.json</code></p> <div class="alert warn" style="margin:8px 0 12px;padding:10px 14px"><span class="a-dot"></span><span>Nur den <code>"provider"</code>-Block einfügen. Falls bereits ein <code>"llama-swap"</code>-Eintrag vorhanden: <b>vorher löschen</b>, sonst erscheinen Modelle doppelt.</span></div> <div style="position:relative"><button class="ghost" style="position:absolute;top:8px;right:8px;z-index:1">Kopieren</button> <div class="log" style="max-height:none"><code> </code></div></div> <p style="margin-top:12px">Danach in OpenCode <code>/models</code> → <b> </b> wählen.</p>',1),qc=w('<p>In Cline/Cursor den Provider <b>„OpenAI Compatible"</b> wählen:</p> <label>Basis-URL</label> <div class="flex gap-2" style="align-items:stretch;margin-bottom:12px"><input class="mono-sm" readonly="" style="flex:1;margin:0"/> <button class="ghost">Kopieren</button></div> <label>Modell-ID</label> <div class="flex gap-2" style="align-items:stretch;margin-bottom:12px"><input class="mono-sm" readonly="" style="flex:1;margin:0"/> <button class="ghost">Kopieren</button></div> <div class="hint">API-Key: ein beliebiger Wert (z.B. <code>local</code>).</div>',1),Nc=w('<p>Settings → Admin Panel → Connections → neue OpenAI-Verbindung:</p> <label>Basis-URL</label> <div class="flex gap-2" style="align-items:stretch;margin-bottom:12px"><input class="mono-sm" readonly="" style="flex:1;margin:0"/> <button class="ghost">Kopieren</button></div> <label>API-Key</label> <div class="flex gap-2" style="align-items:stretch"><input class="mono-sm" readonly="" value="dummy-key" style="flex:1;margin:0"/> <button class="ghost">Kopieren</button></div>',1),Kc=w('<div class="card"><div class="card-h"><h3>Bilder einbinden (Vision)</h3> <span class="chip" style="background:rgba(63,185,80,.12);border-color:rgba(63,185,80,.25);color:#7ee29a"><!> </span></div> <div class="card-sub">Mit Vision-Modellen kannst du Screenshots oder Fehlerbilder direkt mitschicken.</div> <div style="position:relative;margin-top:8px"><button class="ghost" style="position:absolute;top:8px;right:8px;z-index:1">Kopieren</button> <div class="log" style="max-height:none"><code> </code></div></div></div>'),Gc=w('<div class="card"><div class="card-h"><h3>2 · Modelle auswählen</h3> <span class="meta"> </span></div> <div class="card-sub">Wähle, welche Modelle im Config-Snippet erscheinen sollen.</div> <div class="flex gap-2" style="flex-wrap:wrap"></div> <!></div> <div class="card"><div class="card-h"><h3>3 · Tool wählen</h3></div> <div class="card-sub" style="margin-bottom:8px">Für welches Werkzeug brauchst du die Konfiguration?</div> <div style="font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:6px">Chat</div> <div class="grid grid-3" style="gap:8px;margin-bottom:14px"></div> <div style="font-size:10.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:6px">Coding-Assistenten</div> <div class="grid grid-3" style="gap:8px"></div></div> <div class="card"><div class="card-h"><h3>4 · Config-Snippet</h3></div> <!></div> <!>',1),Wc=w('<div class="card"><div class="card-h"><h3>2 · Erst ein Modell installieren</h3></div> <div class="empty-c" style="padding:8px 0 4px"><div class="e-t">Noch kein Modell eingerichtet</div> <div class="e-s">Bevor du ein Tool verbinden kannst, braucht die Engine mindestens ein Modell. Das Config-Snippet wird dann automatisch mit deinen echten Modellnamen befüllt.</div> <button class="primary" style="margin-top:14px">→ Zum Cookbook (Modell holen)</button></div></div>'),Vc=w('<div class="pagehead"><div><h1>Verbinden</h1> <div class="sub">Schritt für Schritt: KI-Modelle in deine Tools einbinden — getestet, erklärt, mit Copy-Paste-Config.</div></div></div> <div class="card"><div class="card-h"><h3>1 · Verbindung prüfen</h3></div> <div class="card-sub">Stelle sicher, dass die LLM-Engine erreichbar ist, bevor du Tools konfigurierst.</div> <label>Engine-Adresse (für alle Tools)</label> <div class="flex gap-2" style="align-items:stretch;margin-bottom:12px"><input class="mono-sm" readonly="" style="flex:1;margin:0"/> <button class="ghost">Kopieren</button></div> <!> <div class="btn-row" style="display:flex;align-items:center;gap:10px"><button class="primary">Verbindung testen</button> <!></div></div> <div class="card"><div class="card-h"><h3>Wie funktioniert das Auto-Swap?</h3></div> <div style="display:flex;flex-direction:column;gap:10px"></div></div> <!>',1);function Uc(e,n){aa(n,!0);const a=I(()=>_i.value),i=I(()=>{var B;return(((B=t(a))==null?void 0:B.models)||[]).filter(U=>!U.incomplete)}),r=I(v);let o=O("zed"),d=O(Ht([])),c=O(""),u=O(!1);function v(){return`http://${location.hostname}:8080/v1`}function g(B){return/^\d{1,3}(\.\d{1,3}){3}$/.test(B)}function E(){return location.protocol==="https:"||!g(location.hostname)}const f=I(()=>t(d).length?t(d):t(i).map(B=>B.name)),y=I(()=>t(f)[0]||"coder"),T=I(()=>{var B;return(B=t(i).find(U=>{var ce,Oe;return(Oe=(ce=U.meta)==null?void 0:ce.caps)==null?void 0:Oe.includes("Bild")}))==null?void 0:B.name});function P(B,U){const Oe=(U.length?t(i).filter(he=>U.includes(he.name)):t(i).length?t(i):[{name:"coder",meta:{}}]).map(he=>{var Mt,Et;const St=(((Mt=he.meta)==null?void 0:Mt.caps)||[]).some(At=>/Bild|Vision/i.test(At)),ht=((Et=he.meta)==null?void 0:Et.ctx)||131072;return` { "name": "${he.name}", "display_name": "${he.name}", "max_tokens": ${ht}${St?', "capabilities": { "tools": true, "images": true }':""} }`}).join(`,
|
||
`);return`"language_models": {
|
||
"openai_compatible": {
|
||
"bosgame": {
|
||
"api_url": "${B}",
|
||
"available_models": [
|
||
${Oe}
|
||
]
|
||
}
|
||
}
|
||
}`}function S(B,U){const Oe=(U.length?t(i).filter(he=>U.includes(he.name)):t(i).length?t(i):[{name:"coder",meta:{}}]).map(he=>{var ht;const St=((ht=he.meta)==null?void 0:ht.ctx)||131072;return` "${he.name}": { "name": "${he.name}", "contextWindowSize": ${St} }`}).join(`,
|
||
`);return`"provider": {
|
||
"llama-swap": {
|
||
"npm": "@ai-sdk/openai-compatible",
|
||
"name": "Bosgame (llama-swap)",
|
||
"options": {
|
||
"baseURL": "${B}",
|
||
"apiKey": "local"
|
||
},
|
||
"models": {
|
||
${Oe}
|
||
}
|
||
}
|
||
}`}function $(B,U){return`{
|
||
"models": [
|
||
${(U.length?t(i).filter(he=>U.includes(he.name)):t(i).length?t(i):[{name:"coder",meta:{}}]).map(he=>` {
|
||
"title": "llama-swap / ${he.name}",
|
||
"provider": "openai",
|
||
"model": "${he.name}",
|
||
"apiBase": "${B}",
|
||
"apiKey": "local"
|
||
}`).join(`,
|
||
`)}
|
||
]
|
||
}`}async function Ce(){h(c,"Teste…");try{const B=await we("/api/integration/test");h(u,B.ok,!0),h(c,B.ok?`✓ Verbunden — ${B.models.length} Modell(e): ${B.models.join(", ")}`:`✗ Keine Verbindung: ${B.error}`,!0)}catch(B){h(u,!1),h(c,"✗ "+B.message)}}function oe(B){var ce;const U=B.querySelector("code");U&&((ce=navigator.clipboard)==null||ce.writeText(U.textContent||""))}function ae(B){var U;(U=navigator.clipboard)==null||U.writeText(B.value)}var xe=Vc(),V=s(We(xe),2),Q=s(l(V),6),fe=l(Q),be=s(fe,2),Se=s(Q,2);{var Ne=B=>{var U=zc();m(B,U)},bt=I(()=>E());K(Se,B=>{t(bt)&&B(Ne)})}var C=s(Se,2),Y=l(C),ue=s(Y,2);{var Ue=B=>{var U=Pc(),ce=l(U);D(()=>{fn(U,`color:${t(u)?"#7ee29a":"#ff9b95"}`),b(ce,t(c))}),m(B,U)};K(ue,B=>{t(c)&&B(Ue)})}var te=s(V,2),Te=s(l(te),2);st(Te,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."]],rt,(B,U)=>{var ce=I(()=>Ca(U,3));let Oe=()=>t(ce)[0],he=()=>t(ce)[1],St=()=>t(ce)[2];var ht=Dc(),Mt=l(ht),Et=l(Mt),At=s(Mt,2),It=l(At),qt=l(It),z=s(It,2),N=l(z);D(()=>{b(Et,Oe()),b(qt,he()),b(N,St())}),m(B,ht)});var ie=s(te,2);{var lt=B=>{var U=Gc(),ce=We(U),Oe=l(ce),he=s(l(Oe),2),St=l(he),ht=s(Oe,4);st(ht,21,()=>t(i),rt,(j,ee)=>{const W=I(()=>t(d).includes(t(ee).name));var J=$c(),x=l(J);D(()=>{fn(J,`cursor:pointer;${t(W)?"background:rgba(45,212,191,.2);border-color:var(--accent);color:var(--accent)":""}`),b(x,t(ee).name)}),A("click",J,()=>h(d,t(W)?t(d).filter(L=>L!==t(ee).name):[...t(d),t(ee).name],!0)),A("keydown",J,L=>L.key==="Enter"&&h(d,t(W)?t(d).filter(R=>R!==t(ee).name):[...t(d),t(ee).name],!0)),m(j,J)});var Mt=s(ht,2);{var Et=j=>{var ee=Lc(),W=l(ee);A("click",W,J=>{J.preventDefault(),h(d,[],!0)}),m(j,ee)};K(Mt,j=>{t(d).length&&j(Et)})}var At=s(ce,2),It=s(l(At),6);st(It,20,()=>[["janai","Jan AI","Einfachstes Chat-Interface — Desktop-App, kein Setup"],["openwebui","OpenWebUI","Browser-Chat für Teams — mehr Features, mehr Setup"]],rt,(j,ee)=>{var W=I(()=>Ca(ee,3));let J=()=>t(W)[0],x=()=>t(W)[1],L=()=>t(W)[2];var R=Xr(),ne=l(R),Z=l(ne),Je=s(ne,2),Qe=l(Je);D(()=>{kt(R,1,`card-btn${t(o)===J()?" cb-best":""}`),b(Z,x()),b(Qe,L())}),A("click",R,()=>h(o,J(),!0)),m(j,R)});var qt=s(It,4);st(qt,20,()=>[["continue","Continue","VS Code/JetBrains — Hilfe ohne Agent-Overhead"],["cline","Cline","VS Code/JetBrains/Zed — voller Coding-Agent"],["antigravity","Antigravity","Googles agentic IDE — VS Code-basiert"],["opencode","OpenCode","Terminal-Agent — autonom, mächtig"],["zed","Zed","Schneller nativer Editor mit KI-Panel"]],rt,(j,ee)=>{var W=I(()=>Ca(ee,3));let J=()=>t(W)[0],x=()=>t(W)[1],L=()=>t(W)[2];var R=Xr(),ne=l(R),Z=l(ne),Je=s(ne,2),Qe=l(Je);D(()=>{kt(R,1,`card-btn${t(o)===J()?" cb-best":""}`),b(Z,x()),b(Qe,L())}),A("click",R,()=>h(o,J(),!0)),m(j,R)});var z=s(At,2),N=s(l(z),2);{var Me=j=>{var ee=Ic(),W=s(We(ee),6),J=l(W),x=s(J,2),L=s(W,4),R=l(L),ne=s(R,2);D(()=>{Hn(J,t(r)),Hn(R,t(y))}),A("click",x,Z=>ae(Z.currentTarget.previousElementSibling)),A("click",ne,Z=>ae(Z.currentTarget.previousElementSibling)),m(j,ee)},ut=j=>{const ee=I(()=>$(t(r),t(f)));var W=Bc(),J=s(We(W),4),x=l(J),L=s(x,2),R=l(L),ne=l(R),Z=s(J,2),Je=s(l(Z)),Qe=l(Je);D(()=>{b(ne,t(ee)),b(Qe,`llama-swap / ${t(y)??""}`)}),A("click",x,et=>oe(et.currentTarget.parentElement)),m(j,W)},G=j=>{var ee=Rc(),W=s(We(ee),6),J=l(W),x=s(J,2),L=s(W,4),R=l(L),ne=s(R,2),Z=s(L,2),Je=s(l(Z),3),Qe=l(Je);D(()=>{Hn(J,t(r)),Hn(R,t(y)),b(Qe,t(y))}),A("click",x,et=>ae(et.currentTarget.previousElementSibling)),A("click",ne,et=>ae(et.currentTarget.previousElementSibling)),m(j,ee)},ze=j=>{const ee=I(()=>P(t(r),t(f)));var W=Oc(),J=s(We(W),4),x=l(J),L=s(x,2),R=l(L),ne=l(R),Z=s(J,4),Je=s(l(Z)),Qe=l(Je);D(()=>{b(ne,t(ee)),b(Qe,`bosgame / ${t(y)??""}`)}),A("click",x,et=>oe(et.currentTarget.parentElement)),m(j,W)},He=j=>{const ee=I(()=>S(t(r),t(f)));var W=Fc(),J=s(We(W),6),x=l(J),L=s(x,2),R=l(L),ne=l(R),Z=s(J,2),Je=s(l(Z),3),Qe=l(Je);D(()=>{b(ne,t(ee)),b(Qe,`llama-swap/${t(y)??""}`)}),A("click",x,et=>oe(et.currentTarget.parentElement)),m(j,W)},Dt=j=>{var ee=qc(),W=s(We(ee),4),J=l(W),x=s(J,2),L=s(W,4),R=l(L),ne=s(R,2);D(()=>{Hn(J,t(r)),Hn(R,t(y))}),A("click",x,Z=>ae(Z.currentTarget.previousElementSibling)),A("click",ne,Z=>ae(Z.currentTarget.previousElementSibling)),m(j,ee)},$t=j=>{var ee=Nc(),W=s(We(ee),4),J=l(W),x=s(J,2),L=s(W,4),R=l(L),ne=s(R,2);D(()=>Hn(J,t(r))),A("click",x,Z=>ae(Z.currentTarget.previousElementSibling)),A("click",ne,Z=>ae(Z.currentTarget.previousElementSibling)),m(j,ee)};K(N,j=>{t(o)==="janai"?j(Me):t(o)==="continue"?j(ut,1):t(o)==="antigravity"?j(G,2):t(o)==="zed"?j(ze,3):t(o)==="opencode"?j(He,4):t(o)==="cline"?j(Dt,5):t(o)==="openwebui"&&j($t,6)})}var vt=s(z,2);{var _t=j=>{const ee=I(()=>`curl ${t(r)}/chat/completions \\
|
||
-H "Content-Type: application/json" \\
|
||
-d '{
|
||
"model": "${t(T)}",
|
||
"messages": [{"role":"user","content":[{"type":"text","text":"Was ist auf dem Bild falsch?"},{"type":"image_url","image_url":{"url":"data:image/png;base64,<DEIN_BILD>"}}]}]
|
||
}'`);var W=Kc(),J=l(W),x=s(l(J),2),L=l(x);Ae(L,()=>Bt("check"));var R=s(L),ne=s(J,4),Z=l(ne),Je=s(Z,2),Qe=l(Je),et=l(Qe);D(()=>{b(R,` „${t(T)??""}" bereit`),b(et,t(ee))}),A("click",Z,M=>oe(M.currentTarget.parentElement)),m(j,W)};K(vt,j=>{t(T)&&j(_t)})}D(()=>b(St,t(d).length?`${t(d).length} von ${t(i).length} ausgewählt`:"alle werden eingeschlossen")),m(B,U)},je=B=>{var U=Wc(),ce=s(l(U),2),Oe=s(l(ce),4);A("click",Oe,()=>{var he;return(he=document.querySelector(".nav-item[data-view='cookbook']"))==null?void 0:he.dispatchEvent(new MouseEvent("click"))}),m(B,U)};K(ie,B=>{t(i).length?B(lt):B(je,-1)})}D(()=>Hn(fe,t(r))),A("click",be,B=>{const U=B.currentTarget.previousElementSibling;ae(U)}),A("click",Y,Ce),m(e,xe),ia()}xa(["click","keydown"]);var jc=w('<div class="li" style="align-items:flex-start"><div class="li-main"><div class="flex items-center gap-2" style="flex-wrap:wrap"><span class="li-id" style="font-family:var(--sans);font-weight:500"> </span> <span> </span></div> <div class="li-sub"> </div></div> <button class="primary">Installieren</button></div>'),Hc=w('<div class="card" style="margin-bottom:18px;border-color:rgba(45,212,191,.25)"><div class="card-h"><h3>Für dich: Upgrades</h3> <span class="meta"> </span></div> <div class="card-sub">Neuere Modelle, die ein installiertes ersetzen können.</div> <div class="list"></div></div>'),Jc=w('<div class="empty" style="text-align:center;padding:40px">Lade News… (erstes Laden kann kurz dauern)</div>'),Qc=w('<div class="alert err" style="margin:0"> </div>'),Zc=w('<div class="empty-c"><div class="e-t">Keine News geladen</div> <div class="e-s">Die Quellen sind gerade nicht erreichbar — später nochmal probieren.</div></div>'),Yc=w('<span class="news-rel">für dich</span>'),Xc=w('<a target="_blank" rel="noopener"><div class="news-meta"><span class="news-src"> </span> <!> <span class="news-date"> </span></div> <div class="news-title"> </div></a>'),eu=w('<div class="news-grid"></div>'),tu=w('<div class="pagehead"><div><h1>News</h1> <div class="sub">Aktuelles aus der Local-LLM-Welt — aus kuratierten Quellen.</div></div> <button class="ghost">Aktualisieren</button></div> <!> <!>',1);function nu(e,n){aa(n,!0);let a=O(Ht([])),i=O(Ht([])),r=O(!0),o=O("");const d=V=>V==="perfect"?"ok":V==="marginal"?"warn":"bad";function c(V){const Q=Math.max(0,Date.now()/1e3-V);return Q<60?Q+"s":Q<3600?Math.floor(Q/60)+"m":Q<86400?Math.floor(Q/3600)+"h":Math.floor(Q/86400)+"d"}async function u(){h(r,!0),h(o,"");try{h(a,(await we("/api/news")).items||[],!0)}catch(V){h(o,V.message||"Fehler beim Laden",!0)}finally{h(r,!1)}}async function v(){try{h(i,(await we("/api/cookbook/upgrades")).upgrades||[],!0)}catch{h(i,[],!0)}}async function g(V,Q){var fe;Q.disabled=!0,Q.textContent="Starte…";try{await we("/api/cookbook/install-model",{method:"POST",body:JSON.stringify({repo:V.repo,role:V.role,params_b:V.params_b,quant:V.quant,hf_token:li()})}),(fe=document.querySelector(".nav-item[data-view='activity']"))==null||fe.dispatchEvent(new MouseEvent("click"))}catch(be){Q.disabled=!1,Q.textContent="Installieren",alert("Fehler: "+be.message)}}function E(){u(),v()}bi(()=>{u(),v()});var f=tu(),y=We(f),T=s(l(y),2),P=s(y,2);{var S=V=>{var Q=Hc(),fe=l(Q),be=s(l(fe),2),Se=l(be),Ne=s(fe,4);st(Ne,21,()=>t(i),rt,(bt,C)=>{var Y=jc(),ue=l(Y),Ue=l(ue),te=l(Ue),Te=l(te),ie=s(te,2),lt=l(ie),je=s(Ue,2),B=l(je),U=s(ue,2);D(ce=>{b(Te,t(C).name),kt(ie,1,`fit-badge ${ce??""}`),b(lt,t(C).fit.text),b(B,`Ersetzt dein „${t(C).old??""}". ${t(C).why??""}`)},[()=>d(t(C).fit.level)]),A("click",U,ce=>g(t(C),ce.currentTarget)),m(bt,Y)}),D(()=>b(Se,t(i).length)),m(V,Q)};K(P,V=>{t(i).length&&V(S)})}var $=s(P,2);{var Ce=V=>{var Q=Jc();m(V,Q)},oe=V=>{var Q=Qc(),fe=l(Q);D(()=>b(fe,t(o))),m(V,Q)},ae=V=>{var Q=Zc();m(V,Q)},xe=V=>{var Q=eu();st(Q,21,()=>t(a),rt,(fe,be,Se)=>{var Ne=Xc();kt(Ne,1,`news-card${Se===0?" featured":""}`);var bt=l(Ne),C=l(bt),Y=l(C),ue=s(C,2);{var Ue=je=>{var B=Yc();m(je,B)};K(ue,je=>{t(be).relevant&&je(Ue)})}var te=s(ue,2),Te=l(te),ie=s(bt,2),lt=l(ie);D(je=>{Ni(Ne,"href",t(be).link),b(Y,t(be).source),b(Te,je),b(lt,t(be).title)},[()=>t(be).ts?c(t(be).ts):""]),m(fe,Ne)}),m(V,Q)};K($,V=>{t(r)?V(Ce):t(o)?V(oe,1):t(a).length?V(xe,-1):V(ae,2)})}A("click",T,E),m(e,f),ia()}xa(["click"]);const au=[{label:"Einstieg",tutorials:[["Dein erster Workflow — in 3 Schritten",`
|
||
<ol class="tut-steps">
|
||
<li><b>Modell holen:</b> Tab <b>Cookbook</b> → Anwendungsfall wählen (z.B. „Coden & Programmieren") →
|
||
<b>Komplettes Setup installieren</b>. Der Download läuft im Tab <b>Aktivität</b> — einfach warten bis der Job grün wird.</li>
|
||
<li><b>Verbinden:</b> Tab <b>Verbinden</b> → Tool wählen → Config-Snippet kopieren und einfügen.
|
||
<b>Verbindung testen</b> bestätigt, dass alles klappt.</li>
|
||
<li><b>Arbeiten:</b> Im Tool das gewünschte Modell auswählen und loslegen.
|
||
Das Modell wird <b>automatisch geladen</b> — du musst nichts manuell starten.</li>
|
||
</ol>
|
||
<p style="margin-top:10px"><b>Nicht sicher welches Tool du nehmen sollst?</b>
|
||
Lies den Abschnitt „Welches Tool ist das richtige für mich?" weiter unten.</p>`],["Kontext — das Kurzzeitgedächtnis des Modells",`
|
||
<p>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.</p>
|
||
<p><b>Was du meist nicht tun musst:</b> Tools wie OpenCode, Cline und OpenWebUI
|
||
verwalten das Kontextfenster automatisch. Ein neuer Chat = leeres Blatt.</p>
|
||
<p><b>Wenn der Kontext volläuft</b> (Fehler „context length exceeded" oder das Modell vergisst den Anfang):</p>
|
||
<ol class="tut-steps">
|
||
<li><b>Neuen Chat starten</b> — der einfachste Reset.</li>
|
||
<li>Vorher: <em>„Fasse kurz zusammen was wir bisher erreicht haben"</em> — dann diesen Stand in den neuen Chat einfügen.</li>
|
||
<li><b>Kontext vergrößern:</b> Tab <b>Modelle</b> → <b>Konfigurieren</b> → Empfehlung für deine Hardware übernehmen.</li>
|
||
</ol>
|
||
<p><b>Wichtig:</b> „Grafikspeicher leeren" (Tab <b>Server</b>) ist etwas anderes —
|
||
das wirft das <em>Modell</em> aus dem Speicher, nicht den Gesprächsverlauf.</p>`],["Auto-Swap — Modelle laden sich von selbst",`
|
||
<p>llama-swap lädt automatisch das Modell, das gerade angefragt wird —
|
||
und entlädt es nach einer Leerlaufzeit wieder. <b>Es läuft immer nur eines gleichzeitig.</b></p>
|
||
<p>Du richtest beliebig viele Modelle ein und wählst im Tool das passende.
|
||
Das Laden und Entladen passiert unsichtbar im Hintergrund.</p>
|
||
<p><b>Warum dauert die erste Antwort manchmal 5–15 Sekunden?</b><br>
|
||
Das Modell wird gerade geladen — danach geht es normal weiter.
|
||
Die Topbar zeigt <em>„[Modellname] lädt…"</em> während das passiert.</p>
|
||
<p><b>Scout immer sofort verfügbar halten:</b> Tab <b>Modelle</b> → Konfigurieren →
|
||
<em>Immer aktiv halten</em> aktivieren (TTL = ∞). Das Modell bleibt dann dauerhaft im RAM
|
||
und antwortet ohne Wartezeit — ideal für den kleinen, schnellen Allrounder.</p>`]]},{label:"Tools einrichten",tutorials:[["Welches Tool ist das richtige für mich?",`
|
||
<p><b>Chat — ich will einfach reden, schreiben, fragen:</b></p>
|
||
<div class="tut-table">
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">Einfachster Einstieg</div>
|
||
<div class="tut-cell-bd">→ <b>Jan AI</b> — Desktop-App, Doppelklick-Installer, sofort loslegen.
|
||
Vertraut wie ChatGPT, läuft komplett lokal. Kein Admin-Panel, kein Docker.</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">Teams / Power-User</div>
|
||
<div class="tut-cell-bd">→ <b>OpenWebUI</b> — viele Features (RAG, Bilder, Plugins, Mehrbenutzer).
|
||
Mehr Setup-Aufwand, aber der mächtigste Chat-Client.</div>
|
||
</div>
|
||
</div>
|
||
<p style="margin-top:12px"><b>Coding — ich will KI beim Programmieren:</b></p>
|
||
<div class="tut-table">
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">Simpler Einstieg in VS Code</div>
|
||
<div class="tut-cell-bd">→ <b>Continue</b> — Chat + Autocomplete direkt im Editor, kein Agent-Overhead.
|
||
Macht keinen Schritt ohne dich.</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">Voller Coding-Agent im Editor</div>
|
||
<div class="tut-cell-bd">→ <b>Cline</b> — liest Dateien, schreibt Code, fragt vor jeder Änderung.
|
||
VS Code, JetBrains, Zed u.a.</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">Agent-IDE mit VS Code-Feeling</div>
|
||
<div class="tut-cell-bd">→ <b>Antigravity</b> — Googles agentic IDE (VS Code-Fork), kostenlos.
|
||
Multi-Agent, planen + coden + testen in einem.</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">Autonomer Terminal-Agent</div>
|
||
<div class="tut-cell-bd">→ <b>OpenCode</b> — mächtigster lokaler Agent, lebt im Terminal.
|
||
Ideal für „bau mir Feature X komplett fertig".</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">Schneller Editor, minimalistisch</div>
|
||
<div class="tut-cell-bd">→ <b>Zed</b> — nativer Editor (Rust), eingebautes KI-Panel.
|
||
Für Leute die Performance über Features stellen.</div>
|
||
</div>
|
||
</div>
|
||
<p style="margin-top:10px"><b>Faustregel:</b> Fang mit <b>Jan AI</b> zum Chatten an.
|
||
Für Coding: <b>Continue</b> als sanfter Einstieg oder gleich <b>Cline/Antigravity</b>
|
||
wenn du bereit bist, dem Agenten mehr Kontrolle zu geben.</p>`],["OpenCode verbinden und die ersten Schritte",`
|
||
<p>OpenCode ist installiert? Dann in vier Schritten verbinden:</p>
|
||
<ol class="tut-steps">
|
||
<li><b>Config-Snippet holen:</b> Tab <b>Verbinden</b> → <em>OpenCode</em> auswählen →
|
||
Snippet kopieren und in <code>~/.config/opencode/opencode.json</code> einfügen.</li>
|
||
<li><b>OpenCode starten:</b> Terminal öffnen, <code>opencode</code> eintippen —
|
||
immer im Projektordner starten, damit der Agent deine Dateien sieht.</li>
|
||
<li><b>Modell wählen:</b> <code>/models</code> eintippen → <em>llama-swap/coder</em> auswählen.</li>
|
||
<li><b>Erste Aufgabe geben</b> — z.B.:
|
||
<em>„Lies die Datei README.md und erkläre mir kurz was dieses Projekt macht."</em></li>
|
||
</ol>
|
||
<p><b>Die wichtigsten Slash-Commands:</b></p>
|
||
<div class="tut-table">
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd"><code>/model</code></div>
|
||
<div class="tut-cell-bd">Modell wechseln — z.B. mitten im Gespräch auf <em>scout</em> für kurze Fragen</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd"><code>/compact</code> · <code>/summarize</code></div>
|
||
<div class="tut-cell-bd">Kontext komprimieren wenn er voll wird — fasst die Session zusammen und setzt fort</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd"><code>/clear</code> · <code>/new</code></div>
|
||
<div class="tut-cell-bd">Neue Session starten — komplett leerer Kontext</div>
|
||
</div>
|
||
</div>
|
||
<p>Bevor OpenCode eine Datei ändert, fragt es nach — mit <b>y</b> bestätigen oder <b>n</b> ablehnen.</p>
|
||
<p><b>Multi-Agenten (2026):</b> Du kannst in OpenCode mehrere spezialisierte Agenten definieren
|
||
— z.B. einen <em>review</em>-Agent und einen <em>coder</em>-Agent.
|
||
Mit <b>Tab</b> wechselst du zwischen primären Agenten; mit <b>@review</b> rufst du einen Subagenten direkt im Chat auf.
|
||
Agenten werden als Markdown-Dateien angelegt: eine Datei <code>review.md</code> im
|
||
<code>~/.config/opencode/</code>-Ordner erstellt automatisch den Agenten <em>review</em>.</p>
|
||
<p class="tut-sources">Weitere Infos: <a href="https://opencode.ai/docs" target="_blank" rel="noopener">opencode.ai/docs</a> · <a href="https://opencode.ai/docs/agents/" target="_blank" rel="noopener">Agenten-Docs</a></p>`],["Cline verbinden und nutzen",`
|
||
<p>Cline (v3.81, Stand Juni 2026) läuft in: <b>VS Code, JetBrains, Cursor, Windsurf, Zed, Neovim</b>
|
||
und als CLI auf macOS/Linux. Verbinden funktioniert überall gleich:</p>
|
||
<ol class="tut-steps">
|
||
<li>Das Cline-Panel öffnen (Roboter-Icon in der Seitenleiste).</li>
|
||
<li>Provider <b>„OpenAI Compatible"</b> wählen.</li>
|
||
<li>Tab <b>Verbinden</b> → <em>Cline / Cursor</em> → Basis-URL und Modell-ID kopieren und eintragen.</li>
|
||
<li>API-Key: irgendeinen beliebigen Text eingeben (z.B. <code>local</code>) — wird nicht geprüft.</li>
|
||
</ol>
|
||
<p><b>Plan-Modus vs. Act-Modus:</b></p>
|
||
<div class="tut-table">
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">Plan</div>
|
||
<div class="tut-cell-bd">Cline liest und denkt nach — erklärt den Plan bevor es handelt.
|
||
Billiger (weniger Tokens) und ideal für Anfänger.</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">Act</div>
|
||
<div class="tut-cell-bd">Cline handelt sofort, fragt aber vor jeder Dateiänderung um Erlaubnis.
|
||
Schneller für klare Aufgaben.</div>
|
||
</div>
|
||
</div>
|
||
<p><b>Memory Bank (empfohlen):</b> Lege eine Datei <code>projectbrief.md</code> im Projektordner an —
|
||
Cline liest sie zu Beginn jeder Aufgabe automatisch. Sie ist das Fundament: Projektziel, Tech-Stack,
|
||
wichtigste Regeln. Ergänzend: <code>activeContext.md</code> für den aktuellen Fokus,
|
||
<code>progress.md</code> für den Stand.</p>
|
||
<p><b>.clinerules:</b> Für größere Projekte kannst du statt einer einzelnen Datei ein ganzes
|
||
Verzeichnis <code>.clinerules/</code> anlegen — jede Datei darin gilt als separate Regel.
|
||
Achtung: Jedes Zeichen in .clinerules verbraucht Kontext — kurze, präzise Regeln schlagen lange Listen.</p>
|
||
<p><b>Ausgaben-Limit (seit April 2026):</b> In Settings → Spending Limits kannst du ein
|
||
Tages- oder Monats-Budget setzen — verhindert dass ein laufender Agent unbemerkt viel Token verbraucht.</p>
|
||
<p class="tut-sources">Weitere Infos: <a href="https://cline.bot" target="_blank" rel="noopener">cline.bot</a> · <a href="https://docs.cline.bot/best-practices/memory-bank" target="_blank" rel="noopener">Memory Bank Docs</a></p>`],["Jan AI — einfachstes Chat-Interface",`
|
||
<p><b>Jan AI</b> ist die einfachste Art, lokal mit KI zu chatten —
|
||
Desktop-App, kein Terminal, kein Docker, kein Admin-Panel.</p>
|
||
<ol class="tut-steps">
|
||
<li><b>Jan AI installieren:</b> <a href="https://jan.ai" target="_blank" rel="noopener">jan.ai</a>
|
||
→ Download → Doppelklick-Installer (Windows/macOS/Linux).</li>
|
||
<li><b>Remote-Modell hinzufügen:</b> In der linken Leiste auf das Hub-Icon →
|
||
oben rechts <b>+ Remote-Modell</b>.</li>
|
||
<li><b>Verbindung eintragen:</b> Tab <b>Verbinden</b> → <em>Jan AI</em> auswählen →
|
||
Basis-URL und Modell-ID kopieren und in Jan einfügen.</li>
|
||
<li>API-Key: irgendeinen Text (z.B. <code>local</code>). Speichern.</li>
|
||
</ol>
|
||
<p>Danach erscheint das Modell in der Modell-Liste — auswählen und loslegen.</p>
|
||
<p><b>Gut für:</b> Chatten, Texte schreiben, übersetzen, Fragen stellen —
|
||
genauso wie ChatGPT, aber 100% lokal und privat. Bilder mitschicken klappt auch
|
||
sobald ein Vision-Modell eingetragen ist.</p>
|
||
<p class="tut-sources">Download & Docs: <a href="https://jan.ai" target="_blank" rel="noopener">jan.ai</a> · <a href="https://www.jan.ai/docs" target="_blank" rel="noopener">jan.ai/docs</a></p>`],["Continue — Coding-Hilfe in VS Code ohne Agent-Overhead",`
|
||
<p><b>Continue</b> ist die einfachste Coding-Erweiterung für VS Code und JetBrains —
|
||
kein autonomer Agent, sondern ein KI-Assistent der nur auf Anfrage handelt.</p>
|
||
<ol class="tut-steps">
|
||
<li><b>Extension installieren:</b> VS Code → Extensions → „Continue" suchen → Installieren.<br>
|
||
Oder: <a href="https://continue.dev" target="_blank" rel="noopener">continue.dev</a></li>
|
||
<li><b>Config holen:</b> Tab <b>Verbinden</b> → <em>Continue</em> auswählen →
|
||
Snippet kopieren und in <code>~/.continue/config.json</code> einfügen.</li>
|
||
<li>Continue in VS Code neu starten → im Chat-Panel Modell wählen → loslegen.</li>
|
||
</ol>
|
||
<p><b>Was Continue kann:</b></p>
|
||
<ul class="tut-steps" style="list-style:disc">
|
||
<li><b>Chat:</b> Frage direkt im Editor — markiere Code und drücke <code>Strg+L</code></li>
|
||
<li><b>Autocomplete:</b> Ergänzt Code während du tippst (wie Copilot)</li>
|
||
<li><b>Inline-Edit:</b> Markieren → <code>Strg+I</code> → „Refactore das zu TypeScript"</li>
|
||
</ul>
|
||
<p><b>Unterschied zu Cline:</b> Continue macht nichts von alleine — du steuerst jeden Schritt.
|
||
Ideal als erster Einstieg bevor man mit vollen Agenten arbeitet.</p>
|
||
<p class="tut-sources">Weitere Infos: <a href="https://continue.dev" target="_blank" rel="noopener">continue.dev</a>
|
||
— Hinweis: 2026 von Cursor akquiriert, weiterhin kostenlos & open source.</p>`],["Antigravity — Googles agentic IDE",`
|
||
<p><b>Antigravity</b> ist Googles agent-first IDE — ein Fork von VS Code, der Planung,
|
||
Coding, Testing und Deployment in einem Workflow zusammenführt. Kostenlos für Einzelpersonen.</p>
|
||
<ol class="tut-steps">
|
||
<li><b>Antigravity installieren:</b>
|
||
<a href="https://antigravityide.net" target="_blank" rel="noopener">antigravityide.net</a>
|
||
→ Download → läuft wie VS Code.</li>
|
||
<li><b>Eigenen Endpoint einrichten:</b> Settings → Models → <b>Custom Endpoint</b> → + hinzufügen.</li>
|
||
<li><b>Verbindung eintragen:</b> Tab <b>Verbinden</b> → <em>Antigravity</em> auswählen →
|
||
Basis-URL und Modell-ID kopieren und eintragen.</li>
|
||
<li>API-Key: beliebiger Text (z.B. <code>local</code>). Danach das Modell aus der Liste wählen.</li>
|
||
</ol>
|
||
<p><b>Was Antigravity besonders macht:</b></p>
|
||
<ul class="tut-steps" style="list-style:disc">
|
||
<li><b>Agent-First:</b> Statt Code-Completion steht der Agent im Mittelpunkt —
|
||
du beschreibst, er plant und setzt um</li>
|
||
<li><b>Multi-Agent:</b> Mehrere Agenten arbeiten parallel an verschiedenen Teilen</li>
|
||
<li><b>Manager-Oberfläche:</b> Übersicht über alle laufenden Agenten-Sessions</li>
|
||
<li><b>VS Code-kompatibel:</b> Extensions und Keybindings funktionieren wie gewohnt</li>
|
||
</ul>
|
||
<p><b>Wann Antigravity statt OpenCode?</b> Wenn du lieber eine grafische IDE als ein Terminal magst
|
||
und trotzdem volle Agenten-Kontrolle willst. OpenCode ist mächtiger im Terminal-Flow;
|
||
Antigravity ist komfortabler für Umsteiger aus VS Code.</p>
|
||
<p class="tut-sources">Weitere Infos: <a href="https://antigravityide.net" target="_blank" rel="noopener">antigravityide.net</a> ·
|
||
<a href="https://developers.googleblog.com/build-with-google-antigravity-our-new-agentic-development-platform/" target="_blank" rel="noopener">Google Dev Blog</a></p>`],["OpenWebUI — für Teams und Power-User",`
|
||
<p>OpenWebUI ist der mächtigste lokale Chat-Client — aber auch der komplexeste.
|
||
Empfohlen wenn du mehr als ein einfaches Chat-Interface brauchst.</p>
|
||
<p><b>Was OpenWebUI besonders kann (gegenüber Jan AI):</b></p>
|
||
<ul class="tut-steps" style="list-style:disc">
|
||
<li>RAG: eigene Dokumente hochladen, KI liest und beantwortet Fragen dazu</li>
|
||
<li>Mehrbenutzer: eigene Accounts für verschiedene Personen im Heimnetz</li>
|
||
<li>Plugins und Agenten: erweiterbar mit Tools und Custom-Pipelines</li>
|
||
<li>Bilder generieren (mit Stable Diffusion), Sprachausgabe, Web-Suche</li>
|
||
</ul>
|
||
<p><b>Verbinden</b> (braucht Docker oder eine lokale Installation):</p>
|
||
<ol class="tut-steps">
|
||
<li>OpenWebUI im Browser öffnen → <b>Admin Panel</b> → <b>Connections</b>.</li>
|
||
<li><b>+ OpenAI-Verbindung</b> → Tab <b>Verbinden</b> → <em>OpenWebUI</em> → Basis-URL kopieren.</li>
|
||
<li>API-Key: <code>dummy-key</code>. Speichern.</li>
|
||
</ol>
|
||
<p>Danach Modell auswählen und loslegen. Für einfaches Chatten: <b>Jan AI</b> ist einfacher.
|
||
OpenWebUI lohnt sich ab dem Moment, wo du mehr als nur Chat willst.</p>
|
||
<p class="tut-sources">Weitere Infos: <a href="https://openwebui.com" target="_blank" rel="noopener">openwebui.com</a></p>`]]},{label:"Agenten meistern",tutorials:[["Was ein Agent tut — und was er nicht kann",`
|
||
<p>Ein nacktes Modell antwortet auf Text — das war's.
|
||
Ein <b>Agent</b> ist das Programm drumherum, das das Modell in eine <b>Handlungsschleife</b> bringt:</p>
|
||
<p style="text-align:center;padding:8px 0;font-family:monospace;font-size:12.5px;color:var(--accent)">
|
||
Planen → Werkzeug nutzen → Ergebnis prüfen → nächsten Schritt planen → …
|
||
</p>
|
||
<p>Konkret: Datei lesen → Code verstehen → Änderung schreiben → Test ausführen → Fehler beheben —
|
||
ohne dass du jeden Schritt anstoßen musst.</p>
|
||
<p><b>Was Agenten gut können:</b></p>
|
||
<ul class="tut-steps" style="list-style:disc">
|
||
<li>Features über mehrere Dateien implementieren</li>
|
||
<li>Bugs finden und in ihrem Kontext beheben</li>
|
||
<li>Code refactoren, Dokumentation schreiben, Tests ergänzen</li>
|
||
<li>Recherchieren und das Ergebnis direkt umsetzen (mit MCP)</li>
|
||
<li>Parallele Teilaufgaben an Subagenten delegieren (OpenCode 2026)</li>
|
||
</ul>
|
||
<p><b>Was Agenten schlecht können:</b></p>
|
||
<ul class="tut-steps" style="list-style:disc">
|
||
<li>Kreative Richtungsentscheidungen ohne klare Vorgabe treffen</li>
|
||
<li>Sehr komplexe, undokumentierte Systeme ohne Kontext verstehen</li>
|
||
<li>Fehler in externer Hardware oder fremden APIs beheben</li>
|
||
</ul>
|
||
<p><b>Faustregel:</b> Je klarer die Aufgabe, desto besser das Ergebnis. Unklarer Auftrag → unklares Ergebnis.</p>`],["Einen Agenten richtig briefen",`
|
||
<p>Der Unterschied zwischen „es passiert nichts Sinnvolles" und „es funktioniert auf Anhieb"
|
||
ist meistens die Qualität des Auftrags.</p>
|
||
<p><b>Schlecht → Gut:</b></p>
|
||
<div class="tut-table">
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd bad">„Mach meine App besser."</div>
|
||
<div class="tut-cell-bd">→ <em>„Die Login-Seite in <code>src/pages/Login.tsx</code> zeigt
|
||
bei falschem Passwort gar keinen Fehler an. Füge unter dem Passwortfeld eine rote Fehlermeldung
|
||
ein wenn die API 401 zurückgibt."</em></div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd bad">„Erkläre mir Python."</div>
|
||
<div class="tut-cell-bd">→ <em>„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."</em></div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd bad">„Mach das schneller."</div>
|
||
<div class="tut-cell-bd">→ <em>„Die Funktion <code>loadUsers()</code> in <code>src/api/users.ts</code>
|
||
braucht 3 Sekunden. Die Daten kommen vom Backend. Prüfe ob Caching helfen würde und schlage eine
|
||
konkrete Lösung vor."</em></div>
|
||
</div>
|
||
</div>
|
||
<p style="margin-top:12px"><b>Die 3 Zutaten für einen guten Auftrag:</b></p>
|
||
<ol class="tut-steps">
|
||
<li><b>WO:</b> Welche Datei / welcher Ordner / welches Feature</li>
|
||
<li><b>WAS:</b> Was ist das genaue Problem oder Ziel</li>
|
||
<li><b>WIE:</b> Welches Ergebnis erwartest du</li>
|
||
</ol>
|
||
<p><b>Trick:</b> Wenn du nicht sicher bist ob der Auftrag klar genug ist, frag den Agenten:
|
||
<em>„Hast du alles was du brauchst, oder fehlt dir etwas?"</em></p>`],["MCP — deinem Agenten echte Werkzeuge geben",`
|
||
<p><b>MCP</b> (Model Context Protocol) ist ein einheitlicher „Stecker", über den ein Agent
|
||
zusätzliche <b>Werkzeuge</b> bekommt. Ohne MCP kann er nur Text lesen und schreiben.
|
||
Mit MCP kann er z.B.:</p>
|
||
<ul class="tut-steps" style="list-style:disc">
|
||
<li>Im Web suchen (Brave Search, Tavily)</li>
|
||
<li>GitHub Issues lesen und kommentieren</li>
|
||
<li>Deine Datenbank abfragen</li>
|
||
<li>Screenshots machen, E-Mails lesen, Kalender verwalten</li>
|
||
</ul>
|
||
<p><b>Wie MCPs eingebunden werden</b> (Beispiel für OpenCode):</p>
|
||
<p>In der Konfigurationsdatei (<code>~/.config/opencode/opencode.json</code>) einen
|
||
<code>"mcp"</code>-Block hinzufügen:</p>
|
||
<pre class="tut-code">{
|
||
"mcp": {
|
||
"brave-search": {
|
||
"command": "npx",
|
||
"args": ["-y", "@modelcontextprotocol/server-brave-search"],
|
||
"env": { "BRAVE_API_KEY": "dein-key" }
|
||
}
|
||
}
|
||
}</pre>
|
||
<p>Danach OpenCode neu starten — der Agent nutzt das Werkzeug automatisch wenn er es braucht.</p>
|
||
<p><b>Empfohlene MCPs 2026 — nach Anwendungsfall:</b></p>
|
||
<div class="tut-table">
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">Web-Suche</div>
|
||
<div class="tut-cell-bd"><b>brave-search</b> oder <b>tavily</b> — recherchieren, aktuelle Infos holen</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">GitHub</div>
|
||
<div class="tut-cell-bd"><b>github</b> — meistinstallierter MCP überhaupt. Issues, PRs, Commits, Repos direkt im Chat verwalten</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">Lokale Dateien</div>
|
||
<div class="tut-cell-bd"><b>filesystem</b> — meistgenutzter MCP überhaupt. Sichere Dateizugriffe auf beliebige Ordner</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">Browser</div>
|
||
<div class="tut-cell-bd"><b>playwright</b> — Browser-Automatisierung und UI-Tests. Agent öffnet Seiten, klickt, prüft</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">Gedächtnis</div>
|
||
<div class="tut-cell-bd"><b>memory / mem0</b> — persistentes Gedächtnis über Sessions hinweg. Agent erinnert sich an deine Präferenzen und Projekt-Kontext auch in neuen Chats</div>
|
||
</div>
|
||
</div>
|
||
<p style="margin-top:8px">Über <b>36.000 MCPs</b> sind mittlerweile verfügbar (Stand Juni 2026).
|
||
Fang mit filesystem + github an — die decken 80% der täglichen Arbeit ab.</p>
|
||
<p class="tut-sources"><b>Wo MCPs finden:</b>
|
||
<a href="https://mcp.run" target="_blank" rel="noopener">mcp.run</a> ·
|
||
<a href="https://smithery.ai" target="_blank" rel="noopener">smithery.ai</a> ·
|
||
<a href="https://modelcontextprotocol.io/servers" target="_blank" rel="noopener">modelcontextprotocol.io/servers</a>
|
||
— oder fragen: <em>„Welche MCPs gibt es für [dein Werkzeug]?"</em></p>
|
||
<p><b>Merksatz:</b> Fehlt dem Agenten eine <em>Fähigkeit</em> → MCP.
|
||
Soll er etwas nur <em>besser machen</em> → Skill (nächster Abschnitt).</p>`],["Skills & Rules — Agenten Gewohnheiten beibringen",`
|
||
<p><b>Skills</b> (auch <em>Rules</em>, <em>AGENTS.md</em> oder <em>Instructions</em> 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.</p>
|
||
<p><b>Beispiel</b> — eine einfache AGENTS.md:</p>
|
||
<pre class="tut-code">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.</pre>
|
||
<p>Der Agent liest das vor jeder Aufgabe und hält sich daran.</p>
|
||
<p><b>Wo die Datei ablegen:</b></p>
|
||
<div class="tut-table">
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">OpenCode</div>
|
||
<div class="tut-cell-bd"><code>AGENTS.md</code> im Projektordner (pro Projekt)<br>
|
||
<code>~/.config/opencode/AGENTS.md</code> (global, gilt überall)</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">Cline</div>
|
||
<div class="tut-cell-bd"><code>.clinerules</code> im Projektordner<br>
|
||
<code>~/.clinerules</code> (global)</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">Zed</div>
|
||
<div class="tut-cell-bd">Zed Settings → Assistant → System Prompt</div>
|
||
</div>
|
||
</div>
|
||
<p style="margin-top:10px"><b>Fertige Skills finden:</b></p>
|
||
<div class="tut-table">
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd"><a href="https://skills.sh" target="_blank" rel="noopener">skills.sh</a></div>
|
||
<div class="tut-cell-bd">Von Vercel gestartet (Jan 2026) — das npm für Agent-Skills. Funktioniert mit Claude Code, OpenCode, Cursor u.v.m. One-Command-Installer.
|
||
<b>Hinweis:</b> Community-Inhalte ohne formale Prüfung — Skill vor dem Einsatz kurz lesen.</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd"><a href="https://skillhub.ai" target="_blank" rel="noopener">SkillHub</a></div>
|
||
<div class="tut-cell-bd">KI-bewertete Skills (S/A/B-Ranking nach Qualität, Klarheit, Wirkung). Kleinerer Katalog, höhere Signal-Qualität.</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd"><a href="https://cursor.directory" target="_blank" rel="noopener">cursor.directory</a></div>
|
||
<div class="tut-cell-bd">Vorgefertigte Rules für React, Vue, Python, Go etc. — direkt als .clinerules oder AGENTS.md nutzbar.</div>
|
||
</div>
|
||
</div>
|
||
<p style="margin-top:8px"><b>Sicherheitshinweis:</b> Ein Snyk-Audit (2026) fand in 13,4% der Community-Skills
|
||
kritische Probleme (Prompt Injection, exponierte Secrets). Regel: Skill-Datei kurz lesen bevor du sie einsetzt.</p>
|
||
<p style="margin-top:8px">Oder einfach fragen: <em>„Schreib mir eine AGENTS.md für ein React + TypeScript Projekt mit Tailwind."</em></p>`],["Die Persona — Rolle, Beziehung & Onboarding",`
|
||
<p>Eine Persona hat <b>zwei Dimensionen</b> — beide sind wichtig:</p>
|
||
<div class="tut-table">
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">Was der Agent tut</div>
|
||
<div class="tut-cell-bd">Fokus, Fachgebiet, Grenzen — die klassische Rollenbeschreibung.</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">Wie er mit dir umgeht</div>
|
||
<div class="tut-cell-bd">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?</div>
|
||
</div>
|
||
</div>
|
||
<p style="margin-top:10px">Ein Agent der technisch gleich konfiguriert ist, verhält sich komplett anders
|
||
wenn er weiß: <em>Du willst kurze Antworten ohne Erklärung.</em> Oder: <em>Du lernst noch —
|
||
ermutige mich und erkläre immer warum.</em></p>
|
||
|
||
<p><b>Das vollständige Persona-Template:</b></p>
|
||
<pre class="tut-code">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]</pre>
|
||
|
||
<p><b>Beispiel 1 — Coding-Assistent (direkt, erfahren):</b></p>
|
||
<pre class="tut-code">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.</pre>
|
||
|
||
<p><b>Beispiel 2 — Lernbegleiter (geduldig, ermutigend):</b></p>
|
||
<pre class="tut-code">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.</pre>
|
||
|
||
<hr style="border:none;border-top:1px solid var(--line);margin:18px 0">
|
||
<p><b>Der schnellste Weg: Onboarding-Interview</b></p>
|
||
<p>Statt die Persona selbst auszufüllen — lass den Agenten <em>dich</em> befragen.
|
||
Starte einen frischen Chat und gib ihm diesen Prompt:</p>
|
||
<pre class="tut-code">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</pre>
|
||
<p>Das Ergebnis: eine maßgeschneiderte Persona die <em>wirklich</em> zu dir passt —
|
||
weil du sie nicht selbst formulieren musstest, sondern im Gespräch entstanden ist.</p>
|
||
|
||
<p><b>Wo eintragen:</b></p>
|
||
<div class="tut-table">
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">Für ein Projekt</div>
|
||
<div class="tut-cell-bd">Erste Zeilen der <code>AGENTS.md</code> im Projektordner.</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">Global (überall)</div>
|
||
<div class="tut-cell-bd"><code>~/.config/opencode/AGENTS.md</code> (OpenCode) ·
|
||
Settings → System Prompt (OpenWebUI)</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">Nur dieser Chat</div>
|
||
<div class="tut-cell-bd"><em>„Ab jetzt bist du …"</em> direkt eintippen.</div>
|
||
</div>
|
||
</div>
|
||
<p class="tut-sources" style="margin-top:10px">Fertige Personas: <a href="https://skills.sh" target="_blank" rel="noopener">skills.sh</a> · <a href="https://cursor.directory" target="_blank" rel="noopener">cursor.directory</a></p>`],["AGENTS.MD & SAVEPOINT.MD — Gedächtnis für den Agenten",`
|
||
<p>Jedes Mal wenn du einen neuen Chat startest, weiß der Agent <b>nichts</b> über dein Projekt.
|
||
Diese zwei Dateien lösen das Problem.</p>
|
||
<p><b>AGENTS.md ist 2026 der plattformübergreifende Standard</b> — nativ gelesen von:
|
||
OpenCode, Claude Code, Codex CLI, Cursor, Aider, Devin, GitHub Copilot, Gemini CLI, Windsurf, Amazon Q.
|
||
Eine Datei, alle Tools.</p>
|
||
<div class="tut-table">
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">AGENTS.md</div>
|
||
<div class="tut-cell-bd"><b>Was das Projekt ist</b> — Tech-Stack, Konventionen,
|
||
Struktur. Wird vor jeder Aufgabe gelesen. Einmal schreiben, immer wirksam.</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">SAVEPOINT.md</div>
|
||
<div class="tut-cell-bd"><b>Wo wir gerade stehen</b> — aktueller Stand, offene Punkte,
|
||
nächste Schritte. Wird am Ende einer Session aktualisiert und zu Beginn der nächsten gelesen.</div>
|
||
</div>
|
||
</div>
|
||
|
||
<p style="margin-top:14px"><b>AGENTS.MD — Vorlage:</b></p>
|
||
<pre class="tut-code"># 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
|
||
|
||
<!-- Ziel: 200–500 Zeilen. AGENTS.md wird in jeden Kontext geladen —
|
||
kürzer = mehr Platz für Code und Gespräch. --></pre>
|
||
<p style="color:var(--mut);font-size:12px;margin:4px 0 8px">
|
||
<b>Größe:</b> 200–500 Zeilen sind der empfohlene Sweet Spot (Stand 2026).
|
||
AGENTS.md wird in jeden Kontext geladen — je kürzer, desto mehr Platz bleibt für Code und Gespräch.</p>
|
||
|
||
<p><b>SAVEPOINT.MD — Vorlage:</b></p>
|
||
<pre class="tut-code"># 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]</pre>
|
||
|
||
<p><b>Workflow:</b></p>
|
||
<ol class="tut-steps">
|
||
<li><b>Session starten:</b> <em>„Lies AGENTS.md und SAVEPOINT.md und mach weiter."</em></li>
|
||
<li><b>Session beenden:</b> <em>„Aktualisiere SAVEPOINT.md mit dem aktuellen Stand."</em></li>
|
||
</ol>
|
||
<p><b>Tipp:</b> 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.</p>
|
||
<p class="tut-sources">Vorlagen & Inspiration: <a href="https://skills.sh" target="_blank" rel="noopener">skills.sh</a> · <a href="https://opencode.ai/docs" target="_blank" rel="noopener">opencode.ai/docs</a></p>`]]},{label:"Wenn etwas nicht klappt",tutorials:[["Häufige Probleme & Lösungen",`
|
||
<div class="tut-table">
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">🔴 Engine offline, rotes Licht in der Topbar</div>
|
||
<div class="tut-cell-bd">Tab <b>Server</b> → LLM-Engine-Karte → <b>Neustart</b>.
|
||
Warte 10–15 Sekunden — danach sollte die Verbindung wieder grün sein.</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">⏳ Modell lädt länger als 5 Minuten</div>
|
||
<div class="tut-cell-bd">Tab <b>Aktivität</b> prüfen: läuft ein Download-Job?
|
||
Der muss erst abgeschlossen sein bevor das Modell ladbar ist.
|
||
Bei Fehler → Job-Zeile aufklappen, Log lesen.</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">💬 „context length exceeded" Fehler im Tool</div>
|
||
<div class="tut-cell-bd">Neuen Chat starten. Vorher: <em>„Fasse kurz zusammen was wir
|
||
erreicht haben"</em> eingeben und diesen Text in den neuen Chat mitnehmen.</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">🌐 Modell antwortet immer auf Englisch</div>
|
||
<div class="tut-cell-bd">Am Anfang der Unterhaltung schreiben: <em>„Antworte immer auf Deutsch."</em>
|
||
Für dauerhaft: eine <code>AGENTS.md</code> / <code>.clinerules</code> mit dieser Anweisung anlegen
|
||
(siehe Abschnitt Skills & Rules).</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">🔌 Tool findet keine Modelle / Verbindung schlägt fehl</div>
|
||
<div class="tut-cell-bd">Tab <b>Verbinden</b> → <b>Verbindung testen</b>. Wenn Fehler:
|
||
läuft llama-swap? (Tab Server). URL korrekt? Muss <code>http://</code> (nicht https) sein,
|
||
Port <b>8080</b>. Über Proxy? → LAN-IP direkt nutzen: <code>http://192.168.178.151:8080/v1</code></div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">⬇ Download schlägt fehl / bricht ab</div>
|
||
<div class="tut-cell-bd">Tab <b>Aktivität</b> → Job-Zeile aufklappen → Log lesen.
|
||
Häufigste Ursache: HuggingFace braucht einen Token für dieses Modell (gated model).
|
||
→ Einstellungen (Zahnrad-Icon oben) → <b>HuggingFace-Token</b> eintragen.</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">🔄 Seite lädt / Dashboard hängt komplett</div>
|
||
<div class="tut-cell-bd">Strg+Shift+R (Hard Reload). Wenn das nicht hilft:
|
||
Tab <b>Server</b> → Mission Control → <b>Neu starten</b>.</div>
|
||
</div>
|
||
</div>`]]}],iu=[["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. Für Coding/Reasoning: Q8_0 (nahezu verlustfrei). Wenn Q4_K_M 1 GB zu groß ist: IQ4_XS als Alternative (ähnliche Qualität, etwas kleiner)."],["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. Seit 2026 plattformübergreifender Standard: AGENTS.md wird von über 10 Tools nativ gelesen."],["Memory Bank","Clines Konzept für dauerhaften Projekt-Kontext: projectbrief.md (Ziel & Scope), activeContext.md (aktueller Fokus), progress.md (Stand). Wird zu Beginn jeder Aufgabe automatisch gelesen — ähnlich wie AGENTS.md, aber aufgeteilt nach Zweck."],["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 ru=w('<details class="guide-acc"><summary> </summary> <div class="acc-body"></div></details>'),su=w('<div class="card guide-card svelte-112sh7i"><div class="guide-group-hd svelte-112sh7i"> </div> <!></div>'),lu=w('<div class="concept"><h4> </h4> <p> </p></div>'),ou=w('<div class="pagehead"><div><h1>Guide</h1> <div class="sub">Schritt für Schritt erklärt — von der ersten Einrichtung bis zu echten Agenten-Workflows.</div></div></div> <!> <div class="card-h" style="margin-top:8px"><h3>Begriffe kurz erklärt</h3></div> <div class="concept-grid"></div>',1);function du(e){var n=ou(),a=s(We(n),2);st(a,17,()=>au,rt,(r,o,d)=>{var c=su(),u=l(c),v=l(u),g=s(u,2);st(g,17,()=>t(o).tutorials,rt,(E,f,y)=>{var T=I(()=>Ca(t(f),2));let P=()=>t(T)[0],S=()=>t(T)[1];var $=ru();$.open=d===0&&y===0;var Ce=l($),oe=l(Ce),ae=s(Ce,2);Ae(ae,S,!0),D(()=>b(oe,P())),m(E,$)}),D(()=>b(v,t(o).label)),m(r,c)});var i=s(a,4);st(i,21,()=>iu,rt,(r,o)=>{var d=I(()=>Ca(t(o),2));let c=()=>t(d)[0],u=()=>t(d)[1];var v=lu(),g=l(v),E=l(g),f=s(g,2),y=l(f);D(()=>{b(E,c()),b(y,u())}),m(r,v)}),m(e,n)}let es={};function cu(){const e=document.getElementById("top-active-text");e&&(e.classList.add("swap-flash"),setTimeout(()=>e.classList.remove("swap-flash"),900))}function ts(e){var r;const n=document.getElementById("swdot"),a=document.getElementById("swlabel"),i=document.getElementById("top-active-text");if(!e)n&&(n.className="dot off"),a&&(a.textContent="Backend nicht erreichbar"),i&&(i.textContent="Backend offline"),ns("Backend nicht erreichbar – läuft uvicorn?",!1);else{const o=(e.swap_url||"").replace(/^https?:\/\//,"");n&&(n.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(i)if(c){const v=(r=c.meta)!=null&&r.ctx?` <span style="color:var(--mut);font-size:11.5px">· ${Math.round(c.meta.ctx/1024)}k ctx</span>`:"",g=c.state==="loading"||c.state==="starting"?' <span style="color:var(--warn);font-size:11.5px">lädt…</span>':"";i.innerHTML=`<b style="color:var(--accent)">${c.name}</b>${v}${g}`}else i.innerHTML='<span style="color:var(--mut)">Kein Modell im VRAM</span>';e.swap_ok?fu():ns(`LLM-Engine nicht erreichbar unter <b>${o}</b> – 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=es[v];if(E&&E!==g&&(g==="running"||g==="loading")){cu();break}}es=u}uu(e),_i.set(e)}function uu(e){const n=document.getElementById("sec-chip"),a=document.getElementById("sec-chip-tx");!n||!a||(n.classList.toggle("ok",!!(e!=null&&e.secured)),a.textContent=e!=null&&e.secured?"Geschützt · Heimnetz":"Nur im Heimnetz (offen)")}function vu(e){ca.set(e||[])}function pu(e){Pr.set(e)}function ns(e,n){const a=document.getElementById("alert");a.className="alert"+(n?" warn":""),a.innerHTML=`<span class="a-dot"></span><span>${e}</span>`,a.style.display="flex"}function fu(){const e=document.getElementById("alert");e&&(e.style.display="none")}const hu=e=>{var n;return(n=document.querySelector(`.nav-item[data-view="${e}"]`))==null?void 0:n.click()};function er(e,n,a,i){const r=document.createElement("span");return r.className="upd-badge"+(n?" "+n:""),r.textContent=e,i&&(r.title=i),r.onclick=()=>hu(a),r}async function nl(){try{const e=await we("/api/updates"),n=document.getElementById("update-badges");if(!n)return;const a=e.apt_cache_age_h,i=a!=null&&a>24,r=a!=null?` · apt-Cache: vor ${a}h`:"";n.innerHTML="",n.appendChild(er(e.os>0?`OS: ${e.os} Updates`:i?"OS: ?":"OS: aktuell",e.os>0||i?"warn":"ok","server",e.os>0?`${e.os} Pakete${r}`:i?`apt-Cache veraltet (${a}h)`:`Keine Updates${r}`)),n.appendChild(er(e.engine>0?"Engine: Update":"Engine: aktuell",e.engine>0?"warn":"ok","server")),n.appendChild(er(e.models>0?`Modelle: ${e.models}`:"Modelle: aktuell",e.models>0?"warn":"ok","news"))}catch{}}async function Gi(){try{ts(await we("/api/status"))}catch{ts(null)}}async function al(){try{vu(await we("/api/jobs"))}catch{}}function il(){const e=window.location.protocol==="https:"?"wss:":"ws:",n=new WebSocket(`${e}//${window.location.host}/api/system/stream`);n.onmessage=a=>{try{pu(JSON.parse(a.data))}catch{}},n.onclose=()=>{setTimeout(il,3e3)},n.onerror=()=>n.close()}var os;((os=document.getElementById("logo"))==null?void 0:os.innerHTML)!==void 0&&(document.getElementById("logo").innerHTML=Ki.logo);document.querySelectorAll("[data-ic]").forEach(e=>{e.innerHTML=Ki[e.dataset.ic||""]||""});const gu=[["overview",ud],["models",Ed],["activity",Rd],["server",jd],["cookbook",Tc],["connect",Uc],["news",nu],["guides",du]];for(const[e,n]of gu){const a=document.querySelector(`.view[data-view="${e}"]`);a&&So(n,{target:a})}Uo("overview");const tr=document.getElementById("token");tr&&(tr.value=tl(),tr.addEventListener("change",e=>{No(e.target.value),Gi()}));const nr=document.getElementById("hf-token");nr&&(nr.value=li(),nr.addEventListener("change",e=>Go(e.target.value)));const as=document.getElementById("nav-settings"),ar=document.getElementById("settings-modal"),is=document.getElementById("sm-close");as&&ar&&is&&(as.addEventListener("click",()=>ar.style.display="flex"),is.addEventListener("click",()=>ar.style.display="none"));function mu(){const e=document.getElementById("clock");e&&(e.textContent=new Date().toTimeString().slice(0,5))}document.addEventListener("mc:refresh",Gi);Gi();al();il();setInterval(mu,1e3);setInterval(Gi,3e3);setInterval(al,1500);nl();setInterval(nl,6e4);
|