Hitonabi
18236fc6d6
Zwei neue Tutorials in der Gruppe „Agenten meistern": 1. Die Persona — deinem Agenten eine Rolle geben Erklärt was eine Persona ist, warum sie den Unterschied macht, + Copy-paste-ready Template + 2 konkrete Beispiele (Coding-Assistent, Lernbegleiter) + Tabelle wo man sie einträgt (pro Projekt vs. global). 2. AGENTS.MD & SAVEPOINT.MD — Gedächtnis für den Agenten Erklärt den Unterschied (was das Projekt ist vs. wo wir stehen), + vollständige Vorlagen für beide Dateien die direkt nutzbar sind, + 2-Schritt-Workflow (Session starten / beenden). Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
429 lines
162 KiB
JavaScript
429 lines
162 KiB
JavaScript
var rl=Object.defineProperty;var Di=e=>{throw TypeError(e)};var il=(e,t,a)=>t in e?rl(e,t,{enumerable:!0,configurable:!0,writable:!0,value:a}):e[t]=a;var rn=(e,t,a)=>il(e,typeof t!="symbol"?t+"":t,a),Wr=(e,t,a)=>t.has(e)||Di("Cannot "+a);var f=(e,t,a)=>(Wr(e,t,"read from private field"),a?a.call(e):t.get(e)),ce=(e,t,a)=>t.has(e)?Di("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,a),oe=(e,t,a,r)=>(Wr(e,t,"write to private field"),r?r.call(e,a):t.set(e,a),a),Fe=(e,t,a)=>(Wr(e,t,"access private method"),a);var bi=Array.isArray,sl=Array.prototype.indexOf,Tr=Array.prototype.includes,Br=Array.from,ll=Object.defineProperty,Ya=Object.getOwnPropertyDescriptor,ol=Object.getOwnPropertyDescriptors,dl=Object.prototype,cl=Array.prototype,os=Object.getPrototypeOf,zi=Object.isExtensible;const ul=()=>{};function vl(e){for(var t=0;t<e.length;t++)e[t]()}function ds(){var e,t,a=new Promise((r,i)=>{e=r,t=i});return{promise:a,resolve:e,reject:t}}function sr(e,t){if(Array.isArray(e))return e;if(t===void 0||!(Symbol.iterator in e))return Array.from(e);const a=[];for(const r of e)if(a.push(r),a.length===t)break;return a}const Vt=2,Ra=4,Ir=8,cs=1<<24,xn=16,Mn=32,ea=64,ri=128,hn=512,Lt=1024,Kt=2048,Ln=4096,Jt=8192,gn=16384,Ka=32768,ii=1<<25,Ba=65536,Cr=1<<17,fl=1<<18,Ga=1<<19,pl=1<<20,$n=1<<25,_a=65536,Pr=1<<21,Aa=1<<22,Xn=1<<23,Ta=Symbol("$state"),hl=Symbol(""),yr=Symbol("attributes"),si=Symbol("class"),li=Symbol("style"),Ha=Symbol("text"),xr=Symbol("form reset"),qr=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 gl=!!((rs=globalThis.document)!=null&&rs.contentType)&&globalThis.document.contentType.includes("xml");function us(e){throw new Error("https://svelte.dev/e/lifecycle_outside_component")}function ml(){throw new Error("https://svelte.dev/e/async_derived_orphan")}function bl(e,t,a){throw new Error("https://svelte.dev/e/each_key_duplicate")}function _l(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 kl(e){throw new Error("https://svelte.dev/e/effect_orphan")}function yl(){throw new Error("https://svelte.dev/e/effect_update_depth_exceeded")}function xl(){throw new Error("https://svelte.dev/e/state_descriptors_fixed")}function Sl(){throw new Error("https://svelte.dev/e/state_prototype_fixed")}function Ml(){throw new Error("https://svelte.dev/e/state_unsafe_mutation")}function El(){throw new Error("https://svelte.dev/e/svelte_boundary_reset_onerror")}const Al=1,Tl=2,vs=4,Cl=8,Pl=16,$l=1,Dl=2,zt=Symbol("uninitialized"),fs="http://www.w3.org/1999/xhtml",zl="http://www.w3.org/2000/svg",Ll="http://www.w3.org/1998/Math/MathML";function Ol(){console.warn("https://svelte.dev/e/derived_inert")}function Rl(){console.warn("https://svelte.dev/e/select_multiple_invalid_value")}function Bl(){console.warn("https://svelte.dev/e/svelte_boundary_reset_noop")}function ps(e){return e===this.v}function Il(e,t){return e!=e?t==t:e!==t||e!==null&&typeof e=="object"||typeof e=="function"}function hs(e){return!Il(e,this.v)}let Gt=null;function Ia(e){Gt=e}function na(e,t=!1,a){Gt={p:Gt,i:!1,c:null,e:null,s:e,x:null,r:Ee,l:null}}function aa(e){var t=Gt,a=t.e;if(a!==null){t.e=null;for(var r of a)Bs(r)}return t.i=!0,Gt=t.p,{}}function gs(){return!0}let sa=[];function ms(){var e=sa;sa=[],vl(e)}function ha(e){if(sa.length===0&&!er){var t=sa;queueMicrotask(()=>{t===sa&&ms()})}sa.push(e)}function ql(){for(;sa.length>0;)ms()}function bs(e){var t=Ee;if(t===null)return we.f|=Xn,e;if((t.f&Ka)===0&&(t.f&Ra)===0)throw e;Zn(e,t)}function Zn(e,t){if(!(t!==null&&(t.f&gn)!==0)){for(;t!==null;){if((t.f&ri)!==0){if((t.f&Ka)===0)throw e;try{t.b.error(e);return}catch(a){e=a}}t=t.parent}throw e}}const Nl=-7169;function Tt(e,t){e.f=e.f&Nl|t}function _i(e){(e.f&hn)!==0||e.deps===null?Tt(e,Lt):Tt(e,Ln)}function _s(e){if(e!==null)for(const t of e)(t.f&Vt)===0||(t.f&_a)===0||(t.f^=_a,_s(t.deps))}function ws(e,t,a){(e.f&Kt)!==0?t.add(e):(e.f&Ln)!==0&&a.add(e),_s(e.deps),Tt(e,Lt)}function Fl(e){let t=0,a=ka(0),r;return()=>{Ei()&&(n(a),Nr(()=>(t===0&&(r=Va(()=>e(()=>tr(a)))),t+=1,()=>{ha(()=>{t-=1,t===0&&(r==null||r(),r=void 0,tr(a))})})))}}var Kl=Ba|Ga;function Gl(e,t,a,r){new Vl(e,t,a,r)}var cn,mi,un,ca,Xt,vn,jt,ln,In,ua,Jn,Ca,cr,ur,qn,Lr,yt,Ul,Wl,Hl,oi,Sr,Mr,di,ci;class Vl{constructor(t,a,r,i){ce(this,yt);rn(this,"parent");rn(this,"is_pending",!1);rn(this,"transform_error");ce(this,cn);ce(this,mi,null);ce(this,un);ce(this,ca);ce(this,Xt);ce(this,vn,null);ce(this,jt,null);ce(this,ln,null);ce(this,In,null);ce(this,ua,0);ce(this,Jn,0);ce(this,Ca,!1);ce(this,cr,new Set);ce(this,ur,new Set);ce(this,qn,null);ce(this,Lr,Fl(()=>(oe(this,qn,ka(f(this,ua))),()=>{oe(this,qn,null)})));var o;oe(this,cn,t),oe(this,un,a),oe(this,ca,d=>{var c=Ee;c.b=this,c.f|=ri,r(d)}),this.parent=Ee.b,this.transform_error=i??((o=this.parent)==null?void 0:o.transform_error)??(d=>d),oe(this,Xt,Ti(()=>{Fe(this,yt,oi).call(this)},Kl))}defer_effect(t){ws(t,f(this,cr),f(this,ur))}is_rendered(){return!this.is_pending&&(!this.parent||this.parent.is_rendered())}has_pending_snippet(){return!!f(this,un).pending}update_pending_count(t,a){Fe(this,yt,di).call(this,t,a),oe(this,ua,f(this,ua)+t),!(!f(this,qn)||f(this,Ca))&&(oe(this,Ca,!0),ha(()=>{oe(this,Ca,!1),f(this,qn)&&qa(f(this,qn),f(this,ua))}))}get_effect_pending(){return f(this,Lr).call(this),n(f(this,qn))}error(t){if(!f(this,un).onerror&&!f(this,un).failed)throw t;j!=null&&j.is_fork?(f(this,vn)&&j.skip_effect(f(this,vn)),f(this,jt)&&j.skip_effect(f(this,jt)),f(this,ln)&&j.skip_effect(f(this,ln)),j.oncommit(()=>{Fe(this,yt,ci).call(this,t)})):Fe(this,yt,ci).call(this,t)}}cn=new WeakMap,mi=new WeakMap,un=new WeakMap,ca=new WeakMap,Xt=new WeakMap,vn=new WeakMap,jt=new WeakMap,ln=new WeakMap,In=new WeakMap,ua=new WeakMap,Jn=new WeakMap,Ca=new WeakMap,cr=new WeakMap,ur=new WeakMap,qn=new WeakMap,Lr=new WeakMap,yt=new WeakSet,Ul=function(){try{oe(this,vn,fn(()=>f(this,ca).call(this,f(this,cn))))}catch(t){this.error(t)}},Wl=function(t){const a=f(this,un).failed;a&&oe(this,ln,fn(()=>{a(f(this,cn),()=>t,()=>()=>{})}))},Hl=function(){const t=f(this,un).pending;t&&(this.is_pending=!0,oe(this,jt,fn(()=>t(f(this,cn)))),ha(()=>{var a=oe(this,In,document.createDocumentFragment()),r=Kn();a.append(r),oe(this,vn,Fe(this,yt,Mr).call(this,()=>fn(()=>f(this,ca).call(this,r)))),f(this,Jn)===0&&(f(this,cn).before(a),oe(this,In,null),ma(f(this,jt),()=>{oe(this,jt,null)}),Fe(this,yt,Sr).call(this,j))}))},oi=function(){try{if(this.is_pending=this.has_pending_snippet(),oe(this,Jn,0),oe(this,ua,0),oe(this,vn,fn(()=>{f(this,ca).call(this,f(this,cn))})),f(this,Jn)>0){var t=oe(this,In,document.createDocumentFragment());Pi(f(this,vn),t);const a=f(this,un).pending;oe(this,jt,fn(()=>a(f(this,cn))))}else Fe(this,yt,Sr).call(this,j)}catch(a){this.error(a)}},Sr=function(t){this.is_pending=!1,t.transfer_effects(f(this,cr),f(this,ur))},Mr=function(t){var a=Ee,r=we,i=Gt;On(f(this,Xt)),mn(f(this,Xt)),Ia(f(this,Xt).ctx);try{return wa.ensure(),t()}catch(o){return bs(o),null}finally{On(a),mn(r),Ia(i)}},di=function(t,a){var r;if(!this.has_pending_snippet()){this.parent&&Fe(r=this.parent,yt,di).call(r,t,a);return}oe(this,Jn,f(this,Jn)+t),f(this,Jn)===0&&(Fe(this,yt,Sr).call(this,a),f(this,jt)&&ma(f(this,jt),()=>{oe(this,jt,null)}),f(this,In)&&(f(this,cn).before(f(this,In)),oe(this,In,null)))},ci=function(t){f(this,vn)&&(nn(f(this,vn)),oe(this,vn,null)),f(this,jt)&&(nn(f(this,jt)),oe(this,jt,null)),f(this,ln)&&(nn(f(this,ln)),oe(this,ln,null));var a=f(this,un).onerror;let r=f(this,un).failed;var i=!1,o=!1;const d=()=>{if(i){Bl();return}i=!0,o&&El(),f(this,ln)!==null&&ma(f(this,ln),()=>{oe(this,ln,null)}),Fe(this,yt,Mr).call(this,()=>{Fe(this,yt,oi).call(this)})},c=u=>{try{o=!0,a==null||a(u,d),o=!1}catch(v){Zn(v,f(this,Xt)&&f(this,Xt).parent)}r&&oe(this,ln,Fe(this,yt,Mr).call(this,()=>{try{return fn(()=>{var v=Ee;v.b=this,v.f|=ri,r(f(this,cn),()=>u,()=>d)})}catch(v){return Zn(v,f(this,Xt).parent),null}}))};ha(()=>{var u;try{u=this.transform_error(t)}catch(v){Zn(v,f(this,Xt)&&f(this,Xt).parent);return}u!==null&&typeof u=="object"&&typeof u.then=="function"?u.then(c,v=>Zn(v,f(this,Xt)&&f(this,Xt).parent)):c(u)})};function jl(e,t,a,r){const i=wi;var o=e.filter(y=>!y.settled),d=t.map(i);if(a.length===0&&o.length===0){r(d);return}var c=Ee,u=Jl(),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{r([...d,...y])}catch(T){Zn(T,c)}$r()}}var E=ks();if(a.length===0){v.then(()=>g([])).finally(E);return}function p(){Promise.all(a.map(y=>Ql(y))).then(g).catch(y=>Zn(y,c)).finally(E)}v?v.then(()=>{u(),p(),$r()}):p()}function Jl(){var e=Ee,t=we,a=Gt,r=j;return function(o=!0){On(e),mn(t),Ia(a),o&&(e.f&gn)===0&&(r==null||r.activate(),r==null||r.apply())}}function $r(e=!0){On(null),mn(null),Ia(null),e&&(j==null||j.deactivate())}function ks(){var e=Ee,t=e.b,a=j,r=!!(t!=null&&t.is_rendered());return t==null||t.update_pending_count(1,a),a.increment(r,e),()=>{t==null||t.update_pending_count(-1,a),a.decrement(r,e)}}function wi(e){var t=Vt|Kt;return Ee!==null&&(Ee.f|=Ga),{ctx:Gt,deps:null,effects:null,equals:ps,f:t,fn:e,reactions:null,rv:0,v:zt,wv:0,parent:Ee,ac:null}}const ja=Symbol("obsolete");function Ql(e,t,a){let r=Ee;r===null&&ml();var i=void 0,o=ka(zt),d=!we,c=new Set;return po(()=>{var y,T;var u=Ee,v=ds();i=v.promise;try{Promise.resolve(e()).then(v.resolve,$=>{$!==qr&&v.reject($)}).finally($r)}catch($){v.reject($),$r()}var g=j;if(d){if((u.f&Ka)!==0)var E=ks();if((y=r.b)!=null&&y.is_rendered())(T=g.async_deriveds.get(u))==null||T.reject(ja);else for(const $ of c.values())$.reject(ja);c.add(v),g.async_deriveds.set(u,v)}const p=($,x=void 0)=>{E==null||E(),c.delete(v),x!==ja&&(g.activate(),x?(o.f|=Xn,qa(o,x)):((o.f&Xn)!==0&&(o.f^=Xn),qa(o,$)),g.deactivate())};v.promise.then(p,$=>p(null,$||"unknown"))}),Rs(()=>{for(const u of c)u.reject(ja)}),new Promise(u=>{function v(g){function E(){g===i?u(o):v(i)}g.then(E,E)}v(i)})}function O(e){const t=wi(e);return Vs(t),t}function Zl(e){const t=wi(e);return t.equals=hs,t}function Yl(e){var t=e.effects;if(t!==null){e.effects=null;for(var a=0;a<t.length;a+=1)nn(t[a])}}function ki(e){var t,a=Ee,r=e.parent;if(!ta&&r!==null&&e.v!==zt&&(r.f&(gn|Jt))!==0)return Ol(),e.v;On(r);try{e.f&=~_a,Yl(e),t=js(e)}finally{On(a)}return t}function ys(e){var t=ki(e);if(!e.equals(t)&&(e.wv=Ws(),(!(j!=null&&j.is_fork)||e.deps===null)&&(j!==null?(j.capture(e,t,!0),Xa==null||Xa.capture(e,t,!0)):e.v=t,e.deps===null))){Tt(e,Lt);return}ta||(Ft!==null?(Ei()||j!=null&&j.is_fork)&&Ft.set(e,t):_i(e))}function Xl(e){var t,a;if(e.effects!==null)for(const r of e.effects)(r.teardown||r.ac)&&((t=r.teardown)==null||t.call(r),(a=r.ac)==null||a.abort(qr),r.fn!==null&&(r.teardown=ul),r.ac=null,lr(r,0),Ci(r))}function xs(e){if(e.effects!==null)for(const t of e.effects)t.teardown&&t.fn!==null&&Na(t)}let Hr=null,Sa=null,j=null,Xa=null,Ft=null,ui=null,er=!1,jr=!1,Ea=null,Er=null;var Li=0;let eo=1;var Pa,Qn,va,$a,Da,za,Nn,La,en,vr,Fn,wn,Cn,Oa,fa,je,vi,Ja,fi,Ss,Ms,Ma,to,Qa;const Or=class Or{constructor(){ce(this,je);rn(this,"id",eo++);ce(this,Pa,!1);rn(this,"linked",!0);ce(this,Qn,null);ce(this,va,null);rn(this,"async_deriveds",new Map);rn(this,"current",new Map);rn(this,"previous",new Map);ce(this,$a,new Set);ce(this,Da,new Set);ce(this,za,0);ce(this,Nn,new Map);ce(this,La,null);ce(this,en,[]);ce(this,vr,[]);ce(this,Fn,new Set);ce(this,wn,new Set);ce(this,Cn,new Map);ce(this,Oa,new Set);rn(this,"is_fork",!1);ce(this,fa,!1);Sa===null?Hr=Sa=this:(oe(Sa,va,this),oe(this,Qn,Sa)),Sa=this}skip_effect(t){f(this,Cn).has(t)||f(this,Cn).set(t,{d:[],m:[]}),f(this,Oa).delete(t)}unskip_effect(t,a=r=>this.schedule(r)){var r=f(this,Cn).get(t);if(r){f(this,Cn).delete(t);for(var i of r.d)Tt(i,Kt),a(i);for(i of r.m)Tt(i,Ln),a(i)}f(this,Oa).add(t)}capture(t,a,r=!1){t.v!==zt&&!this.previous.has(t)&&this.previous.set(t,t.v),(t.f&Xn)===0&&(this.current.set(t,[a,r]),Ft==null||Ft.set(t,a)),this.is_fork||(t.v=a)}activate(){j=this}deactivate(){j=null,Ft=null}flush(){try{jr=!0,j=this,Fe(this,je,Ja).call(this)}finally{Li=0,ui=null,Ea=null,Er=null,jr=!1,j=null,Ft=null,ga.clear()}}discard(){var t;for(const a of f(this,Da))a(this);f(this,Da).clear();for(const a of this.async_deriveds.values())a.reject(ja);Fe(this,je,Qa).call(this),(t=f(this,La))==null||t.resolve()}register_created_effect(t){f(this,vr).push(t)}increment(t,a){if(oe(this,za,f(this,za)+1),t){let r=f(this,Nn).get(a)??0;f(this,Nn).set(a,r+1)}}decrement(t,a){if(oe(this,za,f(this,za)-1),t){let r=f(this,Nn).get(a)??0;r===1?f(this,Nn).delete(a):f(this,Nn).set(a,r-1)}f(this,fa)||(oe(this,fa,!0),ha(()=>{oe(this,fa,!1),this.linked&&this.flush()}))}transfer_effects(t,a){for(const r of t)f(this,Fn).add(r);for(const r of a)f(this,wn).add(r);t.clear(),a.clear()}oncommit(t){f(this,$a).add(t)}ondiscard(t){f(this,Da).add(t)}settled(){return(f(this,La)??oe(this,La,ds())).promise}static ensure(){if(j===null){const t=j=new Or;!jr&&!er&&ha(()=>{f(t,Pa)||t.flush()})}return j}apply(){{Ft=null;return}}schedule(t){var i;if(ui=t,(i=t.b)!=null&&i.is_pending&&(t.f&(Ra|Ir|cs))!==0&&(t.f&Ka)===0){t.b.defer_effect(t);return}for(var a=t;a.parent!==null;){a=a.parent;var r=a.f;if(Ea!==null&&a===Ee&&(we===null||(we.f&Vt)===0))return;if((r&(ea|Mn))!==0){if((r&Lt)===0)return;a.f^=Lt}}f(this,en).push(a)}};Pa=new WeakMap,Qn=new WeakMap,va=new WeakMap,$a=new WeakMap,Da=new WeakMap,za=new WeakMap,Nn=new WeakMap,La=new WeakMap,en=new WeakMap,vr=new WeakMap,Fn=new WeakMap,wn=new WeakMap,Cn=new WeakMap,Oa=new WeakMap,fa=new WeakMap,je=new WeakSet,vi=function(){if(this.is_fork)return!0;for(const r of f(this,Nn).keys()){for(var t=r,a=!1;t.parent!==null;){if(f(this,Cn).has(t)){a=!0;break}t=t.parent}if(!a)return!0}return!1},Ja=function(){var u,v,g,E;oe(this,Pa,!0),Li++>1e3&&(Fe(this,je,Qa).call(this),ao());for(const p of f(this,Fn))f(this,wn).delete(p),Tt(p,Kt),this.schedule(p);for(const p of f(this,wn))Tt(p,Ln),this.schedule(p);const t=f(this,en);oe(this,en,[]),this.apply();var a=Ea=[],r=[],i=Er=[];for(const p of t)try{Fe(this,je,fi).call(this,p,a,r)}catch(y){throw Ts(p),Fe(this,je,vi).call(this)||this.discard(),y}if(j=null,i.length>0){var o=Or.ensure();for(const p of i)o.schedule(p)}if(Ea=null,Er=null,Fe(this,je,vi).call(this)){Fe(this,je,Ma).call(this,r),Fe(this,je,Ma).call(this,a);for(const[p,y]of f(this,Cn))As(p,y);i.length>0&&Fe(u=j,je,Ja).call(u);return}const d=Fe(this,je,Ss).call(this);if(d){Fe(this,je,Ma).call(this,r),Fe(this,je,Ma).call(this,a),Fe(v=d,je,Ms).call(v,this);return}f(this,Fn).clear(),f(this,wn).clear();for(const p of f(this,$a))p(this);f(this,$a).clear(),Xa=this,Oi(r),Oi(a),Xa=null,(g=f(this,La))==null||g.resolve();var c=j;if(f(this,za)===0&&(f(this,en).length===0||c!==null)&&Fe(this,je,Qa).call(this),f(this,en).length>0)if(c!==null){const p=c;f(p,en).push(...f(this,en).filter(y=>!f(p,en).includes(y)))}else c=this;c!==null&&Fe(E=c,je,Ja).call(E)},fi=function(t,a,r){t.f^=Lt;for(var i=t.first;i!==null;){var o=i.f,d=(o&(Mn|ea))!==0,c=d&&(o&Lt)!==0,u=c||(o&Jt)!==0||f(this,Cn).has(i);if(!u&&i.fn!==null){d?i.f^=Lt:(o&Ra)!==0?a.push(i):gr(i)&&((o&xn)!==0&&f(this,wn).add(i),Na(i));var v=i.first;if(v!==null){i=v;continue}}for(;i!==null;){var g=i.next;if(g!==null){i=g;break}i=i.parent}}},Ss=function(){for(var t=f(this,Qn);t!==null;){if(!t.is_fork){for(const[a,[,r]]of this.current)if(t.current.has(a)&&!r)return t}t=f(t,Qn)}return null},Ms=function(t){var r;for(const[i,o]of t.current)!this.previous.has(i)&&t.previous.has(i)&&this.previous.set(i,t.previous.get(i)),this.current.set(i,o);for(const[i,o]of t.async_deriveds){const d=this.async_deriveds.get(i);d&&o.promise.then(d.resolve).catch(d.reject)}t.async_deriveds.clear(),this.transfer_effects(f(t,Fn),f(t,wn));const a=i=>{var o=i.reactions;if(o!==null)for(const u of o){var d=u.f;if((d&Vt)!==0)a(u);else{var c=u;d&(Aa|xn)&&!this.async_deriveds.has(c)&&(f(this,wn).delete(c),Tt(c,Kt),this.schedule(c))}}};for(const i of this.current.keys())a(i);this.oncommit(()=>t.discard()),Fe(r=t,je,Qa).call(r),j=this,Fe(this,je,Ja).call(this)},Ma=function(t){for(var a=0;a<t.length;a+=1)ws(t[a],f(this,Fn),f(this,wn))},to=function(){var E;for(let p=Hr;p!==null;p=f(p,va)){var t=p.id<this.id,a=[];for(const[y,[T,$]]of this.current){if(p.current.has(y)){var r=p.current.get(y)[0];if(t&&T!==r)p.current.set(y,[T,$]);else continue}a.push(y)}if(t)for(const[y,T]of this.async_deriveds){const $=p.async_deriveds.get(y);$&&T.promise.then($.resolve).catch($.reject)}var i=[...p.current.keys()].filter(y=>!p.current.get(y)[1]);if(!(!f(p,Pa)||i.length===0)){var o=i.filter(y=>!this.current.has(y));if(o.length===0)t&&p.discard();else if(a.length>0){if(t)for(const y of f(this,Oa))p.unskip_effect(y,T=>{var $;(T.f&(xn|Aa))!==0?p.schedule(T):Fe($=p,je,Ma).call($,[T])});p.activate();var d=new Set,c=new Map;for(var u of a)Es(u,o,d,c);c=new Map;var v=[...p.current].filter(([y,T])=>{const $=this.current.get(y);return $?$[0]!==T[0]||$[1]!==T[1]:!0}).map(([y])=>y);if(v.length>0)for(const y of f(this,vr))(y.f&(gn|Jt|Cr))===0&&yi(y,v,c)&&((y.f&(Aa|xn))!==0?(Tt(y,Kt),p.schedule(y)):f(p,Fn).add(y));if(f(p,en).length>0&&!f(p,fa)){p.apply();for(var g of f(p,en))Fe(E=p,je,fi).call(E,g,[],[]);oe(p,en,[])}p.deactivate()}}}},Qa=function(){if(this.linked){var t=f(this,Qn),a=f(this,va);t===null?Hr=a:oe(t,va,a),a===null?Sa=t:oe(a,Qn,t),this.linked=!1}};let wa=Or;function no(e){var t=er;er=!0;try{for(var a;;){if(ql(),j===null)return a;j.flush()}}finally{er=t}}function ao(){try{yl()}catch(e){Zn(e,ui)}}let _n=null;function Oi(e){var t=e.length;if(t!==0){for(var a=0;a<t;){var r=e[a++];if((r.f&(gn|Jt))===0&&gr(r)&&(_n=new Set,Na(r),r.deps===null&&r.first===null&&r.nodes===null&&r.teardown===null&&r.ac===null&&Fs(r),(_n==null?void 0:_n.size)>0)){ga.clear();for(const i of _n){if((i.f&(gn|Jt))!==0)continue;const o=[i];let d=i.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|Jt))===0&&Na(u)}}_n.clear()}}_n=null}}function Es(e,t,a,r){if(!a.has(e)&&(a.add(e),e.reactions!==null))for(const i of e.reactions){const o=i.f;(o&Vt)!==0?Es(i,t,a,r):(o&(Aa|xn))!==0&&(o&Kt)===0&&yi(i,t,r)&&(Tt(i,Kt),xi(i))}}function yi(e,t,a){const r=a.get(e);if(r!==void 0)return r;if(e.deps!==null)for(const i of e.deps){if(Tr.call(t,i))return!0;if((i.f&Vt)!==0&&yi(i,t,a))return a.set(i,!0),!0}return a.set(e,!1),!1}function xi(e){j.schedule(e)}function As(e,t){if(!((e.f&Mn)!==0&&(e.f&Lt)!==0)){(e.f&Kt)!==0?t.d.push(e):(e.f&Ln)!==0&&t.m.push(e),Tt(e,Lt);for(var a=e.first;a!==null;)As(a,t),a=a.next}}function Ts(e){Tt(e,Lt);for(var t=e.first;t!==null;)Ts(t),t=t.next}let Dr=new Set;const ga=new Map;let Cs=!1;function ka(e,t){var a={f:0,v:e,reactions:null,equals:ps,rv:0,wv:0};return a}function R(e,t){const a=ka(e);return Vs(a),a}function ro(e,t=!1,a=!0){const r=ka(e);return t||(r.equals=hs),r}function h(e,t,a=!1){we!==null&&(!Sn||(we.f&Cr)!==0)&&gs()&&(we.f&(Vt|xn|Aa|Cr))!==0&&(Dn===null||!Dn.has(e))&&Ml();let r=a?Ut(t):t;return qa(e,r,Er)}function qa(e,t,a=null){if(!e.equals(t)){ga.set(e,ta?t:e.v);var r=wa.ensure();if(r.capture(e,t),(e.f&Vt)!==0){const i=e;(e.f&Kt)!==0&&ki(i),Ft===null&&_i(i)}e.wv=Ws(),Ps(e,Kt,a),Ee!==null&&(Ee.f&Lt)!==0&&(Ee.f&(Mn|ea))===0&&(dn===null?go([e]):dn.push(e)),!r.is_fork&&Dr.size>0&&!Cs&&io()}return t}function io(){Cs=!1;for(const e of Dr){(e.f&Lt)!==0&&Tt(e,Ln);let t;try{t=gr(e)}catch{t=!0}t&&Na(e)}Dr.clear()}function tr(e){h(e,e.v+1)}function Ps(e,t,a){var r=e.reactions;if(r!==null)for(var i=r.length,o=0;o<i;o++){var d=r[o],c=d.f,u=(c&Kt)===0;if(u&&Tt(d,t),(c&Cr)!==0)Dr.add(d);else if((c&Vt)!==0){var v=d;Ft==null||Ft.delete(v),(c&_a)===0&&(c&hn&&(Ee===null||(Ee.f&Pr)===0)&&(d.f|=_a),Ps(v,Ln,a))}else if(u){var g=d;(c&xn)!==0&&_n!==null&&_n.add(g),a!==null?a.push(g):xi(g)}}}function Ut(e){if(typeof e!="object"||e===null||Ta in e)return e;const t=os(e);if(t!==dl&&t!==cl)return e;var a=new Map,r=bi(e),i=R(0),o=ba,d=c=>{if(ba===o)return c();var u=we,v=ba;mn(null),Ni(o);var g=c();return mn(u),Ni(v),g};return r&&a.set("length",R(e.length)),new Proxy(e,{defineProperty(c,u,v){(!("value"in v)||v.configurable===!1||v.enumerable===!1||v.writable===!1)&&xl();var g=a.get(u);return g===void 0?d(()=>{var E=R(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(()=>R(zt));a.set(u,g),tr(i)}}else h(v,zt),tr(i);return!0},get(c,u,v){var y;if(u===Ta)return e;var g=a.get(u),E=u in c;if(g===void 0&&(!E||(y=Ya(c,u))!=null&&y.writable)&&(g=d(()=>{var T=Ut(E?c[u]:zt),$=R(T);return $}),a.set(u,g)),g!==void 0){var p=n(g);return p===zt?void 0:p}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=n(g))}else if(v===void 0){var E=a.get(u),p=E==null?void 0:E.v;if(E!==void 0&&p!==zt)return{enumerable:!0,configurable:!0,value:p,writable:!0}}return v},has(c,u){var p;if(u===Ta)return!0;var v=a.get(u),g=v!==void 0&&v.v!==zt||Reflect.has(c,u);if(v!==void 0||Ee!==null&&(!g||(p=Ya(c,u))!=null&&p.writable)){v===void 0&&(v=d(()=>{var y=g?Ut(c[u]):zt,T=R(y);return T}),a.set(u,v));var E=n(v);if(E===zt)return!1}return g},set(c,u,v,g){var te;var E=a.get(u),p=u in c;if(r&&u==="length")for(var y=v;y<E.v;y+=1){var T=a.get(y+"");T!==void 0?h(T,zt):y in c&&(T=d(()=>R(zt)),a.set(y+"",T))}if(E===void 0)(!p||(te=Ya(c,u))!=null&&te.writable)&&(E=d(()=>R(void 0)),h(E,Ut(v)),a.set(u,E));else{p=E.v!==zt;var $=d(()=>Ut(v));h(E,$)}var x=Reflect.getOwnPropertyDescriptor(c,u);if(x!=null&&x.set&&x.set.call(g,v),!p){if(r&&typeof u=="string"){var D=a.get("length"),ke=Number(u);Number.isInteger(ke)&&ke>=D.v&&h(D,ke+1)}tr(i)}return!0},ownKeys(c){n(i);var u=Reflect.ownKeys(c).filter(E=>{var p=a.get(E);return p===void 0||p.v!==zt});for(var[v,g]of a)g.v!==zt&&!(v in c)&&u.push(v);return u},setPrototypeOf(){Sl()}})}function Ri(e){try{if(e!==null&&typeof e=="object"&&Ta in e)return e[Ta]}catch{}return e}function so(e,t){return Object.is(Ri(e),Ri(t))}var Bi,$s,Ds,zs;function lo(){if(Bi===void 0){Bi=window,$s=/Firefox/.test(navigator.userAgent);var e=Element.prototype,t=Node.prototype,a=Text.prototype;Ds=Ya(t,"firstChild").get,zs=Ya(t,"nextSibling").get,zi(e)&&(e[si]=void 0,e[yr]=null,e[li]=void 0,e.__e=void 0),zi(a)&&(a[Ha]=void 0)}}function Kn(e=""){return document.createTextNode(e)}function Yn(e){return Ds.call(e)}function hr(e){return zs.call(e)}function l(e,t){return Yn(e)}function ct(e,t=!1){{var a=Yn(e);return a instanceof Comment&&a.data===""?hr(a):a}}function s(e,t=1,a=!1){let r=e;for(;t--;)r=hr(r);return r}function oo(e){e.textContent=""}function Ls(){return!1}function Os(e,t,a){return t==null||t===fs?a?document.createElement(e,{is:a}):document.createElement(e):a?document.createElementNS(t,e,{is:a}):document.createElementNS(t,e)}let Ii=!1;function co(){Ii||(Ii=!0,document.addEventListener("reset",e=>{Promise.resolve().then(()=>{var t;if(!e.defaultPrevented)for(const a of e.target.elements)(t=a[xr])==null||t.call(a)})},{capture:!0}))}function Si(e){var t=we,a=Ee;mn(null),On(null);try{return e()}finally{mn(t),On(a)}}function Mi(e,t,a,r=a){e.addEventListener(t,()=>Si(a));const i=e[xr];i?e[xr]=()=>{i(),r(!0)}:e[xr]=()=>r(!0),co()}function uo(e){Ee===null&&(we===null&&kl(),wl()),ta&&_l()}function vo(e,t){var a=t.last;a===null?t.last=t.first=e:(a.next=e,e.prev=a,t.last=e)}function Gn(e,t){var a=Ee;a!==null&&(a.f&Jt)!==0&&(e|=Jt);var r={ctx:Gt,deps:null,nodes:null,f:e|Kt|hn,first:null,fn:t,last:null,next:null,parent:a,b:a&&a.b,prev:null,teardown:null,wv:0,ac:null};j==null||j.register_created_effect(r);var i=r;if((e&Ra)!==0)Ea!==null?Ea.push(r):wa.ensure().schedule(r);else if(t!==null){try{Na(r)}catch(d){throw nn(r),d}i.deps===null&&i.teardown===null&&i.nodes===null&&i.first===i.last&&(i.f&Ga)===0&&(i=i.first,(e&xn)!==0&&(e&Ba)!==0&&i!==null&&(i.f|=Ba))}if(i!==null&&(i.parent=a,a!==null&&vo(i,a),we!==null&&(we.f&Vt)!==0&&(e&ea)===0)){var o=we;(o.effects??(o.effects=[])).push(i)}return r}function Ei(){return we!==null&&!Sn}function Rs(e){const t=Gn(Ir,null);return Tt(t,Lt),t.teardown=e,t}function Ai(e){uo();var t=Ee.f,a=!we&&(t&Mn)!==0&&Gt!==null&&!Gt.i;if(a){var r=Gt;(r.e??(r.e=[])).push(e)}else return Bs(e)}function Bs(e){return Gn(Ra|pl,e)}function fo(e){wa.ensure();const t=Gn(ea|Ga,e);return(a={})=>new Promise(r=>{a.outro?ma(t,()=>{nn(t),r(void 0)}):(nn(t),r(void 0))})}function Is(e){return Gn(Ra,e)}function po(e){return Gn(Aa|Ga,e)}function Nr(e,t=0){return Gn(Ir|t,e)}function z(e,t=[],a=[],r=[]){jl(r,t,a,i=>{Gn(Ir,()=>{e(...i.map(n))})})}function Ti(e,t=0){var a=Gn(xn|t,e);return a}function fn(e){return Gn(Mn|Ga,e)}function qs(e){var t=e.teardown;if(t!==null){const a=ta,r=we;qi(!0),mn(null);try{t.call(null)}finally{qi(a),mn(r)}}}function Ci(e,t=!1){var a=e.first;for(e.first=e.last=null;a!==null;){const i=a.ac;i!==null&&Si(()=>{i.abort(qr)});var r=a.next;(a.f&ea)!==0?a.parent=null:nn(a,t),a=r}}function ho(e){for(var t=e.first;t!==null;){var a=t.next;(t.f&Mn)===0&&nn(t),t=a}}function nn(e,t=!0){var a=!1;(t||(e.f&fl)!==0)&&e.nodes!==null&&e.nodes.end!==null&&(Ns(e.nodes.start,e.nodes.end),a=!0),e.f|=ii,Ci(e,t&&!a),lr(e,0);var r=e.nodes&&e.nodes.t;if(r!==null)for(const o of r)o.stop();qs(e),e.f^=ii,e.f|=gn;var i=e.parent;i!==null&&i.first!==null&&Fs(e),e.next=e.prev=e.teardown=e.ctx=e.deps=e.fn=e.nodes=e.ac=e.b=null}function Ns(e,t){for(;e!==null;){var a=e===t?null:hr(e);e.remove(),e=a}}function Fs(e){var t=e.parent,a=e.prev,r=e.next;a!==null&&(a.next=r),r!==null&&(r.prev=a),t!==null&&(t.first===e&&(t.first=r),t.last===e&&(t.last=a))}function ma(e,t,a=!0){var r=[];Ks(e,r,!0);var i=()=>{a&&nn(e),t&&t()},o=r.length;if(o>0){var d=()=>--o||i();for(var c of r)c.out(d)}else i()}function Ks(e,t,a){if((e.f&Jt)===0){e.f^=Jt;var r=e.nodes&&e.nodes.t;if(r!==null)for(const c of r)(c.is_global||a)&&t.push(c);for(var i=e.first;i!==null;){var o=i.next;if((i.f&ea)===0){var d=(i.f&Ba)!==0||(i.f&Mn)!==0&&(e.f&xn)!==0;Ks(i,t,d?a:!1)}i=o}}}function zr(e){Gs(e,!0)}function Gs(e,t){if((e.f&Jt)!==0){e.f^=Jt,(e.f&Lt)===0&&(Tt(e,Kt),wa.ensure().schedule(e));for(var a=e.first;a!==null;){var r=a.next,i=(a.f&Ba)!==0||(a.f&Mn)!==0;Gs(a,i?t:!1),a=r}var o=e.nodes&&e.nodes.t;if(o!==null)for(const d of o)(d.is_global||t)&&d.in()}}function Pi(e,t){if(e.nodes)for(var a=e.nodes.start,r=e.nodes.end;a!==null;){var i=a===r?null:hr(a);t.append(a),a=i}}let Ar=!1,ta=!1;function qi(e){ta=e}let we=null,Sn=!1;function mn(e){we=e}let Ee=null;function On(e){Ee=e}let Dn=null;function Vs(e){we!==null&&(Dn??(Dn=new Set)).add(e)}let tn=null,sn=0,dn=null;function go(e){dn=e}let Us=1,la=0,ba=la;function Ni(e){ba=e}function Ws(){return++Us}function gr(e){var t=e.f;if((t&Kt)!==0)return!0;if(t&Vt&&(e.f&=~_a),(t&Ln)!==0){for(var a=e.deps,r=a.length,i=0;i<r;i++){var o=a[i];if(gr(o)&&ys(o),o.wv>e.wv)return!0}(t&hn)!==0&&Ft===null&&Tt(e,Lt)}return!1}function Hs(e,t,a=!0){var r=e.reactions;if(r!==null&&!(Dn!==null&&Dn.has(e)))for(var i=0;i<r.length;i++){var o=r[i];(o.f&Vt)!==0?Hs(o,t,!1):t===o&&(a?Tt(o,Kt):(o.f&Lt)!==0&&Tt(o,Ln),xi(o))}}function js(e){var $;var t=tn,a=sn,r=dn,i=we,o=Dn,d=Gt,c=Sn,u=ba,v=e.f;tn=null,sn=0,dn=null,we=(v&(Mn|ea))===0?e:null,Dn=null,Ia(e.ctx),Sn=!1,ba=++la,e.ac!==null&&(Si(()=>{e.ac.abort(qr)}),e.ac=null);try{e.f|=Pr;var g=e.fn,E=g();e.f|=Ka;var p=e.deps,y=j==null?void 0:j.is_fork;if(tn!==null){var T;if(y||lr(e,sn),p!==null&&sn>0)for(p.length=sn+tn.length,T=0;T<tn.length;T++)p[sn+T]=tn[T];else e.deps=p=tn;if(Ei()&&(e.f&hn)!==0)for(T=sn;T<p.length;T++)(($=p[T]).reactions??($.reactions=[])).push(e)}else!y&&p!==null&&sn<p.length&&(lr(e,sn),p.length=sn);if(gs()&&dn!==null&&!Sn&&p!==null&&(e.f&(Vt|Ln|Kt))===0)for(T=0;T<dn.length;T++)Hs(dn[T],e);if(i!==null&&i!==e){if(la++,i.deps!==null)for(let x=0;x<a;x+=1)i.deps[x].rv=la;if(t!==null)for(const x of t)x.rv=la;dn!==null&&(r===null?r=dn:r.push(...dn))}return(e.f&Xn)!==0&&(e.f^=Xn),E}catch(x){return bs(x)}finally{e.f^=Pr,tn=t,sn=a,dn=r,we=i,Dn=o,Ia(d),Sn=c,ba=u}}function mo(e,t){let a=t.reactions;if(a!==null){var r=sl.call(a,e);if(r!==-1){var i=a.length-1;i===0?a=t.reactions=null:(a[r]=a[i],a.pop())}}if(a===null&&(t.f&Vt)!==0&&(tn===null||!Tr.call(tn,t))){var o=t;(o.f&hn)!==0&&(o.f^=hn,o.f&=~_a),o.v!==zt&&_i(o),Xl(o),lr(o,0)}}function lr(e,t){var a=e.deps;if(a!==null)for(var r=t;r<a.length;r++)mo(e,a[r])}function Na(e){var t=e.f;if((t&gn)===0){Tt(e,Lt);var a=Ee,r=Ar;Ee=e,Ar=!0;try{(t&(xn|cs))!==0?ho(e):Ci(e),qs(e);var i=js(e);e.teardown=typeof i=="function"?i:null,e.wv=Us;var o}finally{Ar=r,Ee=a}}}async function bo(){await Promise.resolve(),no()}function n(e){var t=e.f,a=(t&Vt)!==0;if(we!==null&&!Sn){var r=Ee!==null&&(Ee.f&gn)!==0;if(!r&&(Dn===null||!Dn.has(e))){var i=we.deps;if((we.f&Pr)!==0)e.rv<la&&(e.rv=la,tn===null&&i!==null&&i[sn]===e?sn++:tn===null?tn=[e]:tn.push(e));else{we.deps??(we.deps=[]),Tr.call(we.deps,e)||we.deps.push(e);var o=e.reactions;o===null?e.reactions=[we]:Tr.call(o,we)||o.push(we)}}}if(ta&&ga.has(e))return ga.get(e);if(a){var d=e;if(ta){var c=d.v;return((d.f&Lt)===0&&d.reactions!==null||Qs(d))&&(c=ki(d)),ga.set(d,c),c}var u=(d.f&hn)===0&&!Sn&&we!==null&&(Ar||(we.f&hn)!==0),v=(d.f&Ka)===0;gr(d)&&(u&&(d.f|=hn),ys(d)),u&&!v&&(xs(d),Js(d))}if(Ft!=null&&Ft.has(e))return Ft.get(e);if((e.f&Xn)!==0)throw e.v;return e.v}function Js(e){if(e.f|=hn,e.deps!==null)for(const t of e.deps)(t.reactions??(t.reactions=[])).push(e),(t.f&Vt)!==0&&(t.f&hn)===0&&(xs(t),Js(t))}function Qs(e){if(e.v===zt)return!0;if(e.deps===null)return!1;for(const t of e.deps)if(ga.has(t)||(t.f&Vt)!==0&&Qs(t))return!0;return!1}function Va(e){var t=Sn;try{return Sn=!0,e()}finally{Sn=t}}const _o=["touchstart","touchmove"];function wo(e){return _o.includes(e)}const oa=Symbol("events"),Zs=new Set,pi=new Set;function C(e,t,a){(t[oa]??(t[oa]={}))[e]=a}function ya(e){for(var t=0;t<e.length;t++)Zs.add(e[t]);for(var a of pi)a(e)}let Fi=null;function Ki(e){var $,x;var t=this,a=t.ownerDocument,r=e.type,i=(($=e.composedPath)==null?void 0:$.call(e))||[],o=i[0]||e.target;Fi=e;var d=0,c=Fi===e&&e[oa];if(c){var u=i.indexOf(c);if(u!==-1&&(t===document||t===window)){e[oa]=t;return}var v=i.indexOf(t);if(v===-1)return;u<=v&&(d=u)}if(o=i[d]||e.target,o!==t){ll(e,"currentTarget",{configurable:!0,get(){return o||a}});var g=we,E=Ee;mn(null),On(null);try{for(var p,y=[];o!==null&&o!==t;){try{var T=(x=o[oa])==null?void 0:x[r];T!=null&&(!o.disabled||e.target===o)&&T.call(o,e)}catch(D){p?y.push(D):p=D}if(e.cancelBubble)break;d++,o=d<i.length?i[d]:null}if(p){for(let D of y)queueMicrotask(()=>{throw D});throw p}}finally{e[oa]=t,delete e.currentTarget,mn(g),On(E)}}}var is;const Jr=((is=globalThis==null?void 0:globalThis.window)==null?void 0:is.trustedTypes)&&globalThis.window.trustedTypes.createPolicy("svelte-trusted-html",{createHTML:e=>e});function ko(e){return(Jr==null?void 0:Jr.createHTML(e))??e}function yo(e){var t=Os("template");return t.innerHTML=ko(e.replaceAll("<!>","<!---->")),t.content}function Fa(e,t){var a=Ee;a.nodes===null&&(a.nodes={start:e,end:t,a:null,t:null})}function k(e,t){var a=(t&$l)!==0,r=(t&Dl)!==0,i,o=!e.startsWith("<!>");return()=>{i===void 0&&(i=yo(o?e:"<!>"+e),a||(i=Yn(i)));var d=r||$s?document.importNode(i,!0):i.cloneNode(!0);if(a){var c=Yn(d),u=d.lastChild;Fa(c,u)}else Fa(d,d);return d}}function nr(e=""){{var t=Kn(e+"");return Fa(t,t),t}}function or(){var e=document.createDocumentFragment(),t=document.createComment(""),a=Kn();return e.append(t,a),Fa(t,a),e}function m(e,t){e!==null&&e.before(t)}function b(e,t){var a=t==null?"":typeof t=="object"?`${t}`:t;a!==(e[Ha]??(e[Ha]=e.nodeValue))&&(e[Ha]=a,e.nodeValue=`${a}`)}function xo(e,t){return So(e,t)}const wr=new Map;function So(e,{target:t,anchor:a,props:r={},events:i,context:o,intro:d=!0,transformError:c}){lo();var u=void 0,v=fo(()=>{var g=a??t.appendChild(Kn());Gl(g,{pending:()=>{}},y=>{na({});var T=Gt;o&&(T.c=o),i&&(r.$$events=i),u=e(y,r)||{},aa()},c);var E=new Set,p=y=>{for(var T=0;T<y.length;T++){var $=y[T];if(!E.has($)){E.add($);var x=wo($);for(const te of[t,document]){var D=wr.get(te);D===void 0&&(D=new Map,wr.set(te,D));var ke=D.get($);ke===void 0?(te.addEventListener($,Ki,{passive:x}),D.set($,1)):D.set($,ke+1)}}}};return p(Br(Zs)),pi.add(p),()=>{var x;for(var y of E)for(const D of[t,document]){var T=wr.get(D),$=T.get(y);--$==0?(D.removeEventListener(y,Ki),T.delete(y),T.size===0&&wr.delete(D)):T.set(y,$)}pi.delete(p),g!==a&&((x=g.parentNode)==null||x.removeChild(g))}});return Mo.set(u,v),u}let Mo=new WeakMap;var kn,Pn,on,pa,fr,pr,Rr;class Eo{constructor(t,a=!0){rn(this,"anchor");ce(this,kn,new Map);ce(this,Pn,new Map);ce(this,on,new Map);ce(this,pa,new Set);ce(this,fr,!0);ce(this,pr,t=>{if(f(this,kn).has(t)){var a=f(this,kn).get(t),r=f(this,Pn).get(a);if(r)zr(r),f(this,pa).delete(a);else{var i=f(this,on).get(a);i&&(zr(i.effect),f(this,Pn).set(a,i.effect),f(this,on).delete(a),i.fragment.lastChild.remove(),this.anchor.before(i.fragment),r=i.effect)}for(const[o,d]of f(this,kn)){if(f(this,kn).delete(o),o===t)break;const c=f(this,on).get(d);c&&(nn(c.effect),f(this,on).delete(d))}for(const[o,d]of f(this,Pn)){if(o===a||f(this,pa).has(o))continue;const c=()=>{if(Array.from(f(this,kn).values()).includes(o)){var v=document.createDocumentFragment();Pi(d,v),v.append(Kn()),f(this,on).set(o,{effect:d,fragment:v})}else nn(d);f(this,pa).delete(o),f(this,Pn).delete(o)};f(this,fr)||!r?(f(this,pa).add(o),ma(d,c,!1)):c()}}});ce(this,Rr,t=>{f(this,kn).delete(t);const a=Array.from(f(this,kn).values());for(const[r,i]of f(this,on))a.includes(r)||(nn(i.effect),f(this,on).delete(r))});this.anchor=t,oe(this,fr,a)}ensure(t,a){var r=j,i=Ls();if(a&&!f(this,Pn).has(t)&&!f(this,on).has(t))if(i){var o=document.createDocumentFragment(),d=Kn();o.append(d),f(this,on).set(t,{effect:fn(()=>a(d)),fragment:o})}else f(this,Pn).set(t,fn(()=>a(this.anchor)));if(f(this,kn).set(r,t),i){for(const[c,u]of f(this,Pn))c===t?r.unskip_effect(u):r.skip_effect(u);for(const[c,u]of f(this,on))c===t?r.unskip_effect(u.effect):r.skip_effect(u.effect);r.oncommit(f(this,pr)),r.ondiscard(f(this,Rr))}else f(this,pr).call(this,r)}}kn=new WeakMap,Pn=new WeakMap,on=new WeakMap,pa=new WeakMap,fr=new WeakMap,pr=new WeakMap,Rr=new WeakMap;function q(e,t,a=!1){var r=new Eo(e),i=a?Ba:0;function o(d,c){r.ensure(d,c)}Ti(()=>{var d=!1;t((c,u=0)=>{d=!0,o(u,c)}),d||o(-1,null)},i)}function ot(e,t){return t}function Ao(e,t,a){for(var r=[],i=t.length,o,d=t.length,c=0;c<i;c++){let E=t[c];ma(E,()=>{if(o){if(o.pending.delete(E),o.done.add(E),o.pending.size===0){var p=e.outrogroups;hi(e,Br(o.done)),p.delete(o),p.size===0&&(e.outrogroups=null)}}else d-=1},!1)}if(d===0){var u=r.length===0&&a!==null;if(u){var v=a,g=v.parentNode;oo(g),g.append(v),e.items.clear()}hi(e,t,!u)}else o={pending:new Set(t),done:new Set},(e.outrogroups??(e.outrogroups=new Set)).add(o)}function hi(e,t,a=!0){var r;if(e.pending.size>0){r=new Set;for(const d of e.pending.values())for(const c of d)r.add(e.items.get(c).e)}for(var i=0;i<t.length;i++){var o=t[i];if(r!=null&&r.has(o)){o.f|=$n;const d=document.createDocumentFragment();Pi(o,d)}else nn(t[i],a)}}var Gi;function dt(e,t,a,r,i,o=null){var d=e,c=new Map,u=(t&vs)!==0;if(u){var v=e;d=v.appendChild(Kn())}var g=null,E=Zl(()=>{var te=a();return bi(te)?te:te==null?[]:Br(te)}),p,y=new Map,T=!0;function $(te){(ke.effect.f&gn)===0&&(ke.pending.delete(te),ke.fallback=g,To(ke,p,d,t,r),g!==null&&(p.length===0?(g.f&$n)===0?zr(g):(g.f^=$n,Za(g,null,d)):ma(g,()=>{g=null})))}function x(te){ke.pending.delete(te)}var D=Ti(()=>{p=n(E);for(var te=p.length,ue=new Set,Ae=j,K=Ls(),V=0;V<te;V+=1){var fe=p[V],he=r(fe,V),De=T?null:c.get(he);De?(De.v&&qa(De.v,fe),De.i&&qa(De.i,V),K&&Ae.unskip_effect(De.e)):(De=Co(c,T?d:Gi??(Gi=Kn()),fe,he,V,i,t,a),T||(De.e.f|=$n),c.set(he,De)),ue.add(he)}if(te===0&&o&&!g&&(T?g=fn(()=>o(d)):(g=fn(()=>o(Gi??(Gi=Kn()))),g.f|=$n)),te>ue.size&&bl(),!T)if(y.set(Ae,ue),K){for(const[Ve,mt]of c)ue.has(Ve)||Ae.skip_effect(mt.e);Ae.oncommit($),Ae.ondiscard(x)}else $(Ae);n(E)}),ke={effect:D,items:c,pending:y,outrogroups:null,fallback:g};T=!1}function Wa(e){for(;e!==null&&(e.f&Mn)===0;)e=e.next;return e}function To(e,t,a,r,i){var De,Ve,mt,A,H,re,Ue,Q,ze;var o=(r&Cl)!==0,d=t.length,c=e.items,u=Wa(e.effect.first),v,g=null,E,p=[],y=[],T,$,x,D;if(o)for(D=0;D<d;D+=1)T=t[D],$=i(T,D),x=c.get($).e,(x.f&$n)===0&&((Ve=(De=x.nodes)==null?void 0:De.a)==null||Ve.measure(),(E??(E=new Set)).add(x));for(D=0;D<d;D+=1){if(T=t[D],$=i(T,D),x=c.get($).e,e.outrogroups!==null)for(const Y of e.outrogroups)Y.pending.delete(x),Y.done.delete(x);if((x.f&Jt)!==0&&(zr(x),o&&((A=(mt=x.nodes)==null?void 0:mt.a)==null||A.unfix(),(E??(E=new Set)).delete(x))),(x.f&$n)!==0)if(x.f^=$n,x===u)Za(x,null,a);else{var ke=g?g.next:u;x===e.effect.last&&(e.effect.last=x.prev),x.prev&&(x.prev.next=x.next),x.next&&(x.next.prev=x.prev),Hn(e,g,x),Hn(e,x,ke),Za(x,ke,a),g=x,p=[],y=[],u=Wa(g.next);continue}if(x!==u){if(v!==void 0&&v.has(x)){if(p.length<y.length){var te=y[0],ue;g=te.prev;var Ae=p[0],K=p[p.length-1];for(ue=0;ue<p.length;ue+=1)Za(p[ue],te,a);for(ue=0;ue<y.length;ue+=1)v.delete(y[ue]);Hn(e,Ae.prev,K.next),Hn(e,g,Ae),Hn(e,K,te),u=te,g=K,D-=1,p=[],y=[]}else v.delete(x),Za(x,u,a),Hn(e,x.prev,x.next),Hn(e,x,g===null?e.effect.first:g.next),Hn(e,g,x),g=x;continue}for(p=[],y=[];u!==null&&u!==x;)(v??(v=new Set)).add(u),y.push(u),u=Wa(u.next);if(u===null)continue}(x.f&$n)===0&&p.push(x),g=x,u=Wa(x.next)}if(e.outrogroups!==null){for(const Y of e.outrogroups)Y.pending.size===0&&(hi(e,Br(Y.done)),(H=e.outrogroups)==null||H.delete(Y));e.outrogroups.size===0&&(e.outrogroups=null)}if(u!==null||v!==void 0){var V=[];if(v!==void 0)for(x of v)(x.f&Jt)===0&&V.push(x);for(;u!==null;)(u.f&Jt)===0&&u!==e.fallback&&V.push(u),u=Wa(u.next);var fe=V.length;if(fe>0){var he=(r&vs)!==0&&d===0?a:null;if(o){for(D=0;D<fe;D+=1)(Ue=(re=V[D].nodes)==null?void 0:re.a)==null||Ue.measure();for(D=0;D<fe;D+=1)(ze=(Q=V[D].nodes)==null?void 0:Q.a)==null||ze.fix()}Ao(e,V,he)}}o&&ha(()=>{var Y,rt;if(E!==void 0)for(x of E)(rt=(Y=x.nodes)==null?void 0:Y.a)==null||rt.apply()})}function Co(e,t,a,r,i,o,d,c){var u=(d&Al)!==0?(d&Pl)===0?ro(a,!1,!1):ka(a):null,v=(d&Tl)!==0?ka(i):null;return{v:u,i:v,e:fn(()=>(o(t,u??a,v??i,c),()=>{e.delete(r)}))}}function Za(e,t,a){if(e.nodes)for(var r=e.nodes.start,i=e.nodes.end,o=t&&(t.f&$n)===0?t.nodes.start:a;r!==null;){var d=hr(r);if(o.before(r),r===i)return;r=d}}function Hn(e,t,a){t===null?e.effect.first=a:t.next=a,a===null?e.effect.last=t:a.prev=t}function $e(e,t,a=!1,r=!1,i=!1,o=!1){var d=e,c="";if(a)var u=e;z(()=>{var v=Ee;if(c!==(c=t()??"")){if(a){v.nodes=null,u.innerHTML=c,c!==""&&Fa(Yn(u),u.lastChild);return}if(v.nodes!==null&&(Ns(v.nodes.start,v.nodes.end),v.nodes=null),c!==""){var g=r?zl:i?Ll:void 0,E=Os(r?"svg":i?"math":"template",g);E.innerHTML=c;var p=r||i?E:E.content;if(Fa(Yn(p),p.lastChild),r||i)for(;Yn(p);)d.before(Yn(p));else d.before(p)}}})}function Po(e,t,a){var r=e==null?"":""+e;return r===""?null:r}function $o(e,t){return e==null?null:String(e)}function kt(e,t,a,r,i,o){var d=e[si];if(d!==a||d===void 0){var c=Po(a);c==null?e.removeAttribute("class"):e.className=c,e[si]=a}return o}function pn(e,t,a,r){var i=e[li];if(i!==t){var o=$o(t);o==null?e.removeAttribute("style"):e.style.cssText=o,e[li]=t}return r}function Ys(e,t,a=!1){if(e.multiple){if(t==null)return;if(!bi(t))return Rl();for(var r of e.options)r.selected=t.includes(rr(r));return}for(r of e.options){var i=rr(r);if(so(i,t)){r.selected=!0;return}}(!a||t!==void 0)&&(e.selectedIndex=-1)}function Do(e){var t=new MutationObserver(()=>{Ys(e,e.__value)});t.observe(e,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["value"]}),Rs(()=>{t.disconnect()})}function ar(e,t,a=t){var r=new WeakSet,i=!0;Mi(e,"change",o=>{var d=o?"[selected]":":checked",c;if(e.multiple)c=[].map.call(e.querySelectorAll(d),rr);else{var u=e.querySelector(d)??e.querySelector("option:not([disabled])");c=u&&rr(u)}a(c),e.__value=c,j!==null&&r.add(j)}),Is(()=>{var o=t();if(e===document.activeElement){var d=j;if(r.has(d))return}if(Ys(e,o,i),i&&o===void 0){var c=e.querySelector(":checked");c!==null&&(o=rr(c),a(o))}e.__value=o,i=!1}),Do(e)}function rr(e){return"__value"in e?e.__value:e.value}const zo=Symbol("is custom element"),Lo=Symbol("is html"),Oo=gl?"progress":"PROGRESS";function kr(e,t){var a=Xs(e);a.value===(a.value=t??void 0)||e.value===t&&(t!==0||e.nodeName!==Oo)||(e.value=t??"")}function Fr(e,t,a,r){var i=Xs(e);i[t]!==(i[t]=a)&&(t==="loading"&&(e[hl]=a),a==null?e.removeAttribute(t):typeof a!="string"&&Ro(e).includes(t)?e[t]=a:e.setAttribute(t,a))}function Xs(e){return e[yr]??(e[yr]={[zo]:e.nodeName.includes("-"),[Lo]:e.namespaceURI===fs})}var Vi=new Map;function Ro(e){var t=e.getAttribute("is")||e.nodeName,a=Vi.get(t);if(a)return a;Vi.set(t,a=[]);for(var r,i=e,o=Element.prototype;o!==i;){r=ol(i);for(var d in r)r[d].set&&d!=="innerHTML"&&d!=="textContent"&&d!=="innerText"&&a.push(d);i=os(i)}return a}function Tn(e,t,a=t){var r=new WeakSet;Mi(e,"input",async i=>{var o=i?e.defaultValue:e.value;if(o=Qr(e)?Zr(o):o,a(o),j!==null&&r.add(j),await bo(),o!==(o=t())){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))}}}),Va(t)==null&&e.value&&(a(Qr(e)?Zr(e.value):e.value),j!==null&&r.add(j)),Nr(()=>{var i=t();if(e===document.activeElement){var o=j;if(r.has(o))return}Qr(e)&&i===Zr(e.value)||e.type==="date"&&!i&&!e.value||i!==e.value&&(e.value=i??"")})}function Bo(e,t,a=t){Mi(e,"change",r=>{var i=r?e.defaultChecked:e.checked;a(i)}),Va(t)==null&&a(e.checked),Nr(()=>{var r=t();e.checked=!!r})}function Qr(e){var t=e.type;return t==="number"||t==="range"}function Zr(e){return e===""?null:+e}function Yr(e,t){return e===t||(e==null?void 0:e[Ta])===t}function Io(e={},t,a,r){var i=Gt.r,o=Ee;return Is(()=>{var d,c;return Nr(()=>{d=c,c=[],Va(()=>{Yr(a(...c),e)||(t(e,...c),d&&Yr(a(...d),e)&&t(null,...d))})}),()=>{let u=o;for(;u!==i&&u.parent!==null&&u.parent.fⅈ)u=u.parent;const v=()=>{c&&Yr(a(...c),e)&&t(null,...c)},g=u.teardown;u.teardown=()=>{v(),g==null||g()}}}),e}function mr(e){Gt===null&&us(),Ai(()=>{const t=Va(e);if(typeof t=="function")return t})}function qo(e){Gt===null&&us(),mr(()=>()=>Va(e))}let dr=localStorage.getItem("mc_token")||"";function el(){return dr}function No(e){dr=(e||"").trim(),localStorage.setItem("mc_token",dr)}function Fo(){const e={"Content-Type":"application/json"};return dr&&(e["X-MC-Token"]=dr),e}function ir(){return localStorage.getItem("mc_hf_token")||""}function Ko(e){localStorage.setItem("mc_hf_token",(e||"").trim())}async function Me(e,t={}){const a=await fetch(e,{headers:Fo(),...t}),r=await a.json().catch(()=>({}));if(!a.ok)throw new Error(r.error||"HTTP "+a.status);return r}const Go=(e,t=document)=>t.querySelector(e),Ui=(e,t=document)=>[...t.querySelectorAll(e)];function zn(e){return String(e??"").replace(/[&<>]/g,t=>({"&":"&","<":"<",">":">"})[t])}let Wi;function ee(e,t=!1){const a=Go("#toast");a&&(a.textContent=e,a.className="toast show"+(t?" err":""),clearTimeout(Wi),Wi=setTimeout(()=>a.className="toast",3200))}function Vo(e,t){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${t!=null?` ${Math.round(t)}%`:""}</span>`:'<span class="badge b-run">bereit</span>'}const He=e=>`<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round">${e}</svg>`,Kr={logo:He('<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:He('<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:He('<rect x="6" y="6" width="12" height="12" rx="2"/><path d="M9 1v3M15 1v3M9 20v3M15 20v3M1 9h3M1 15h3M20 9h3M20 15h3"/>'),pulse:He('<path d="M3 12h4l2 6 4-14 2 8h6"/>'),server:He('<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:He('<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:He('<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:He('<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:He('<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:He('<rect x="3" y="4" width="18" height="12" rx="2"/><path d="M8 20h8M12 16v4"/>'),layers:He('<path d="m12 2 9 5-9 5-9-5z"/><path d="m3 12 9 5 9-5M3 17l9 5 9-5"/>'),alert:He('<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:He('<path d="M12 14 16 9"/><circle cx="12" cy="13" r="9"/><path d="M12 4v2M21 13h-2M5 13H3"/>'),search:He('<circle cx="11" cy="11" r="8"/><path d="m21 21-4.3-4.3"/>'),compass:He('<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:He('<polyline points="16 18 22 12 16 6"/><polyline points="8 6 2 12 8 18"/>'),eye:He('<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:He('<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:He('<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:He('<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:He('<path d="M14 14.76V5a2 2 0 0 0-4 0v9.76a4 4 0 1 0 4 0z"/>'),shield:He('<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:He('<circle cx="12" cy="12" r="9"/><path d="M12 16v-4M12 8h.01"/>'),chevron:He('<path d="m9 6 6 6-6 6"/>'),bolt:He('<path d="M13 2 3 14h7l-1 8 10-12h-7z"/>'),x:He('<path d="M18 6 6 18M6 6l12 12"/>'),check:He('<path d="M20 6 9 17l-5-5"/>'),download:He('<path d="M12 3v12M7 10l5 5 5-5"/><path d="M5 21h14"/>'),clock:He('<circle cx="12" cy="12" r="9"/><path d="M12 7v5l3 2"/>')};function Dt(e){return Kr[e]||""}function gi(e){return`<span class="info-dot" tabindex="0" title="${zn(e)}" aria-label="${zn(e)}">${Kr.info}</span>`}function ia(e){if(!e&&e!==0)return"–";const t=e/1024/1024/1024;return t>=1?t.toFixed(1)+" GB":Math.round(e/1024/1024)+" MB"}function yn({title:e,body:t,confirmLabel:a="Bestätigen",cancelLabel:r="Abbrechen",danger:i=!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>${zn(e)}</h3>
|
||
<p>${t}</p>
|
||
<div class="modal-actions">
|
||
<button data-x="0">${zn(r)}</button>
|
||
<button class="${i?"danger":"primary"}" data-x="1">${zn(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 Hi({title:e,body:t="",placeholder:a="",password:r=!1,confirmLabel:i="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>${zn(e)}</h3>
|
||
${t?`<p>${t}</p>`:""}
|
||
<input type="${r?"password":"text"}" placeholder="${zn(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">${zn(i)}</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 t=Ui(".nav-item[data-view]:not(.disabled)"),a=Ui(".view[data-view]"),r=new Set(a.map(o=>o.dataset.view));function i(o){r.has(o)||(o=e),a.forEach(d=>d.hidden=d.dataset.view!==o),t.forEach(d=>d.classList.toggle("active",d.dataset.view===o)),location.hash!=="#/"+o&&(location.hash="#/"+o)}return t.forEach(o=>o.addEventListener("click",d=>{d.preventDefault(),i(o.dataset.view)})),window.addEventListener("hashchange",()=>i(location.hash.replace("#/",""))),i(location.hash.replace("#/","")||e),{show:i}}let ji=R(null);const br={get value(){return n(ji)},set(e){h(ji,e,!0)}};let Ji=R(Ut([])),jn=R(Ut([]));const da={get value(){return n(Ji)},set(e){h(Ji,e||[],!0)},get tracked(){return n(jn)},track(e){n(jn).includes(e)||h(jn,[...n(jn),e],!0)},toggle(e){h(jn,n(jn).includes(e)?n(jn).filter(t=>t!==e):[...n(jn),e],!0)}};let Qi=R(null);const $i={get value(){return n(Qi)},set(e){h(Qi,e,!0)}},Wo="5";var ss;typeof window<"u"&&((ss=window.__svelte??(window.__svelte={})).v??(ss.v=new Set)).add(Wo);var Ho=k('<span style="font-size:13px;font-weight:400;color:var(--mut)">— bereit für Anfragen</span>'),jo=k('<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),Jo=k('<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),Qo=k('<div class="meter"><div class="meter-h"><span class="mk"> </span><span class="mv"> </span></div> <div><i></i></div></div>'),Zo=k('<div class="empty">Warte auf Messwerte…</div>'),Yo=k('<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),Xo=k('<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),ed=k('<span class="tag img">Bild</span>'),td=k('<span class="tag code">Code</span>'),nd=k('<span class="tag text">Text</span>'),ad=k('<span class="chip" style="padding:2px 7px;font-size:11px">∞ aktiv</span>'),rd=k('<button class="ghost"> </button>'),id=k('<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>'),Zi=k('<div class="list"></div>'),sd=k('<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>'),ld=k('<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>'),od=k('<div class="empty">News gerade nicht ladbar.</div>'),dd=k('<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 cd(e,t){na(t,!0);const a=O(()=>br.value),r=O(()=>$i.value),i=O(()=>{var S;return((S=n(a))==null?void 0:S.models)||[]}),o=O(()=>{var S;return((S=n(a))==null?void 0:S.swap_ok)??!1}),d=["running","ready","loading","starting"],c=O(()=>n(i).find(S=>d.includes(S.state))),u=O(()=>n(i).filter(S=>!S.incomplete)),v=O(()=>n(a)?n(o)?n(r)&&n(r).ram.percent>=90?"Achtung: Speicher wird knapp.":"Alles läuft rund.":"LLM-Engine offline":"Verbinde…"),g=O(()=>n(a)?n(o)?n(r)&&n(r).ram.percent>=90?`Arbeitsspeicher bei ${Math.round(n(r).ram.percent)} % — eventuell Speicher freigeben.`:`${n(u).length} ${n(u).length===1?"Modell":"Modelle"} konfiguriert · ${n(c)?`„${n(c).name}" geladen`:"keines geladen"} · keine Warnungen.`:"Der llama-swap-Dienst antwortet gerade nicht.":""),E=O(()=>()=>{var G;const S=(G=n(r))==null?void 0:G.gpu;return S&&S.vram.total+S.gtt.total>0?(S.vram.used+S.gtt.used)/(S.vram.total+S.gtt.total)*100:0});let p=R(Ut([])),y=R(null);mr(async()=>{try{h(p,((await Me("/api/news")).items||[]).slice(0,4),!0)}catch{}});async function T(){await yn({title:"Speicher freigeben?",body:"Alle aktuell geladenen Modelle werden aus dem Grafikspeicher geworfen. Sie laden beim nächsten Aufruf automatisch neu.",confirmLabel:"Speicher freigeben"})&&(await Me("/api/unload",{method:"POST"}),x())}async function $(S){h(y,S,!0);try{await Me("/api/preload?model="+encodeURIComponent(S),{method:"POST"})}catch(G){ee("Laden fehlgeschlagen: "+(G.message||"Engine nicht erreichbar?"),!0)}h(y,null),x()}function x(){document.dispatchEvent(new Event("mc:refresh"))}function D(S){var G;(G=document.querySelector(`.nav-item[data-view="${S}"]`))==null||G.dispatchEvent(new MouseEvent("click"))}function ke(S){return S>=90?"red":S>=75?"":"green"}function te(S){return S==null?"":S>=75?"red":S>=55?"":"green"}function ue(S){return S>=90?"red":S>=70?"":"green"}var Ae=dd(),K=ct(Ae),V=l(K),fe=l(V),he=l(fe),De=s(he);{var Ve=S=>{var G=Ho();m(S,G)};q(De,S=>{n(o)&&!n(c)&&S(Ve)})}var mt=s(fe,2),A=l(mt),H=s(K,2),re=l(H),Ue=l(re),Q=s(l(Ue),2);$e(Q,()=>Dt("server"),!0);var ze=s(Ue,2),Y=l(ze),rt=s(ze,2),L=l(rt),U=s(re,2),ie=l(U),ge=s(l(ie),2);$e(ge,()=>Dt("cpu"),!0);var Te=s(ie,2),bt=l(Te),pt=s(Te,2),xt=l(pt);{var Ct=S=>{var G=nr();z(Oe=>b(G,`${Oe??""} · ${n(c).state??""}`),[()=>{var Oe;return(Oe=n(c).meta)!=null&&Oe.ctx?Math.round(n(c).meta.ctx/1024)+"k ctx":""}]),m(S,G)},St=S=>{var G=nr("lädt bei erster Anfrage");m(S,G)};q(xt,S=>{n(c)?S(Ct):S(St,-1)})}var $t=s(U,2);{var Ot=S=>{const G=O(()=>{var Un;return n(r).gpu_temp??((Un=n(r).cpu)==null?void 0:Un.temp)??null}),Oe=O(()=>te(n(G))),ne=O(()=>n(r).ram.total-n(r).ram.used),Ie=O(()=>100-n(r).ram.percent);var Ze=jo(),et=ct(Ze),Se=l(et),Pe=s(l(Se));$e(Pe,()=>Dt("thermo"),!0);var Re=s(Se,2),Rt=l(Re),It=s(Re,2),Ht=l(It),an=s(et,2),bn=l(an),Ke=s(l(bn));$e(Ke,()=>Dt("database"),!0);var ht=s(bn,2),Rn=l(ht),Vn=s(ht,2),ra=l(Vn);z((Un,Ua,w,_)=>{kt(et,1,`kpi ${n(Oe)??""}`),b(Rt,Un),b(Ht,n(G)==null?"messe…":n(G)<55?"kühl":n(G)<75?"normal":"⚠ heiß"),kt(an,1,`kpi ${n(Ie)<15?"red":n(Ie)<30?"":"green"}`),b(Rn,Ua),b(ra,`von ${w??""} GB · ${_??""} % frei`)},[()=>n(G)!=null?`${Math.round(n(G))}°C`:"–",()=>Math.round(n(ne)/1073741824),()=>Math.round(n(r).ram.total/1073741824),()=>Math.round(n(Ie))]),m(S,Ze)},Bt=S=>{var G=Jo();m(S,G)};q($t,S=>{n(r)?S(Ot):S(Bt,-1)})}var P=s(H,2),F=l(P),Ce=s(l(F),4);{var ut=S=>{const G=O(()=>n(E)());var Oe=or(),ne=ct(Oe);dt(ne,17,()=>{var Ie;return[["Prozessor (CPU)",((Ie=n(r).cpu)==null?void 0:Ie.percent)??0,""],["Arbeitsspeicher (RAM)",n(r).ram.percent,ke(n(r).ram.percent)],["Grafikspeicher (VRAM)",n(G),ue(n(G))]]},ot,(Ie,Ze)=>{var et=O(()=>sr(n(Ze),3));let Se=()=>n(et)[0],Pe=()=>n(et)[1];const Re=O(()=>Math.max(0,Math.min(100,Pe()||0)));var Rt=Qo(),It=l(Rt),Ht=l(It),an=l(Ht),bn=s(Ht),Ke=l(bn),ht=s(It,2),Rn=l(ht);z((Vn,ra)=>{b(an,Se()),b(Ke,`${Vn??""} %`),kt(ht,1,`bar ${n(Re)>=90?"bad":n(Re)>=75?"warn":""}`),pn(Rn,`width:${ra??""}%`)},[()=>Math.round(n(Re)),()=>Math.max(2,n(Re))]),m(Ie,Rt)}),m(S,Oe)},N=S=>{var G=Zo();m(S,G)};q(Ce,S=>{n(r)?S(ut):S(N,-1)})}var Le=s(F,2),J=s(l(Le),2);{var de=S=>{var G=Yo(),Oe=s(ct(G),2),ne=l(Oe);$e(ne,()=>Dt("search"),!0);var Ie=s(ne,4);$e(Ie,()=>Dt("chevron"),!0);var Ze=s(Oe,2),et=l(Ze);$e(et,()=>Dt("swap"),!0);var Se=s(et,4);$e(Se,()=>Dt("chevron"),!0);var Pe=s(Ze,2),Re=l(Pe);$e(Re,()=>Dt("file"),!0);var Rt=s(Re,4);$e(Rt,()=>Dt("chevron"),!0),C("click",Oe,()=>D("cookbook")),C("click",Ze,()=>D("connect")),C("click",Pe,()=>D("guides")),m(S,G)},se=S=>{var G=Xo(),Oe=s(ct(G),2),ne=l(Oe);$e(ne,()=>Dt("search"),!0);var Ie=s(ne,4);$e(Ie,()=>Dt("chevron"),!0);var Ze=s(Oe,2),et=l(Ze);$e(et,()=>Dt("refresh"),!0);var Se=s(et,4);$e(Se,()=>Dt("chevron"),!0);var Pe=s(Ze,2),Re=l(Pe);$e(Re,()=>Dt("file"),!0);var Rt=s(Re,4);$e(Rt,()=>Dt("chevron"),!0);var It=s(Pe,2),Ht=l(It);$e(Ht,()=>Dt("swap"),!0);var an=s(Ht,4);$e(an,()=>Dt("chevron"),!0),C("click",Oe,()=>D("cookbook")),C("click",Ze,T),C("click",Pe,()=>D("server")),C("click",It,()=>D("connect")),m(S,G)};q(J,S=>{n(u).length?S(se,-1):S(de)})}var Z=s(P,2),be=l(Z),ve=l(be),ye=s(l(ve),2),xe=l(ye),_e=s(ve,2);{var M=S=>{var G=Zi();dt(G,21,()=>n(u),ot,(Oe,ne)=>{const Ie=O(()=>d.includes(n(ne).state)),Ze=O(()=>n(ne).state==="downloading"),et=O(()=>n(ne).state==="loading"||n(ne).state==="starting"||n(Ze)?"load":n(Ie)?"on":""),Se=O(()=>n(Ze)?`↓ ${n(ne).download_progress!=null?Math.round(n(ne).download_progress)+"%":"..."}`:n(ne).state==="loading"||n(ne).state==="starting"?"lädt…":n(Ie)?"geladen ✓":"bereit");var Pe=id(),Re=l(Pe),Rt=s(Re,2),It=l(Rt),Ht=l(It),an=l(Ht),bn=s(Ht,2);{var Ke=X=>{var me=ed();m(X,me)},ht=O(()=>{var X,me;return(me=(X=n(ne).meta)==null?void 0:X.caps)==null?void 0:me.includes("Bild")}),Rn=X=>{var me=td();m(X,me)},Vn=O(()=>{var X,me;return(me=(X=n(ne).meta)==null?void 0:X.caps)==null?void 0:me.includes("Code")}),ra=X=>{var me=nd();m(X,me)};q(bn,X=>{n(ht)?X(Ke):n(Vn)?X(Rn,1):X(ra,-1)})}var Un=s(bn,2);{var Ua=X=>{var me=ad();m(X,me)};q(Un,X=>{n(ne).ttl>=99999&&X(Ua)})}var w=s(It,2),_=l(w),I=s(Rt,2),B=l(I),ae=l(B),tt=s(B,2);{var it=X=>{var me=rd(),Be=l(me);z(()=>{pn(me,`padding:3px 9px;font-size:12px;opacity:${n(y)===n(ne).name?".5":"1"}`),me.disabled=n(y)===n(ne).name,b(Be,n(y)===n(ne).name?"…":"Laden")}),C("click",me,()=>$(n(ne).name)),m(X,me)};q(tt,X=>{!n(Ie)&&!n(Ze)&&n(o)&&X(it)})}z((X,me)=>{var Be;kt(Re,1,`li-dot ${n(et)??""}`),pn(Ht,n(Ie)?"color:var(--accent)":""),b(an,n(ne).name),b(_,`${X??""}
|
||
${(Be=n(ne).meta)!=null&&Be.quant?" · "+n(ne).meta.quant:""}
|
||
${me??""}`),pn(B,`white-space:nowrap;color:${n(Ie)?"var(--on)":"var(--mut)"}`),b(ae,n(Se))},[()=>{var X;return(X=n(ne).meta)!=null&&X.ctx?Math.round(n(ne).meta.ctx/1024)+"k ctx":""},()=>{var X;return(X=n(ne).meta)!=null&&X.size_bytes?" · "+(n(ne).meta.size_bytes/1073741824).toFixed(1)+" GB":""}]),m(Oe,Pe)}),m(S,G)},W=S=>{var G=sd(),Oe=s(l(G),4);C("click",Oe,()=>D("cookbook")),m(S,G)};q(_e,S=>{n(u).length?S(M):S(W,-1)})}var le=s(be,2),Je=l(le),Qe=s(l(Je),2),Qt=s(Je,2);{var Zt=S=>{var G=Zi();dt(G,21,()=>n(p),ot,(Oe,ne)=>{var Ie=ld(),Ze=l(Ie),et=l(Ze),Se=l(et),Pe=s(et,2),Re=l(Pe);z(()=>{Fr(Ie,"href",n(ne).link),b(Se,n(ne).title),b(Re,`${n(ne).source??""}${n(ne).relevant?" · für dich":""}`)}),m(Oe,Ie)}),m(S,G)},Wt=S=>{var G=od();m(S,G)};q(Qt,S=>{n(p).length?S(Zt):S(Wt,-1)})}z(S=>{b(he,`${n(v)??""} `),b(A,n(g)),kt(re,1,`kpi ${n(o)?"green":"red"}`),b(Y,n(o)?"Online":"Offline"),b(L,S),kt(U,1,`kpi ${n(c)?"blue":"muted"}`),b(bt,n(c)?n(c).name:"Keins"),b(xe,n(u).length?n(u).length+" konfiguriert":"")},[()=>{var S,G;return((G=(S=n(a))==null?void 0:S.swap_url)==null?void 0:G.replace(/^https?:\/\//,""))??"—"}]),C("click",Qe,()=>D("news")),C("keydown",Qe,S=>S.key==="Enter"&&D("news")),m(e,Ae),aa()}ya(["click","keydown"]);var ud=k("<option> </option>"),vd=k('<div class="reply" style="margin-top:12px"> </div>'),fd=k('<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>'),pd=k('<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>'),hd=k('<span class="tag" style="background:rgba(45,212,191,.14);color:var(--accent);border-color:rgba(45,212,191,.3)"> </span>'),gd=k('<div class="li-sub mono-sm"> </div>'),md=k('<code style="cursor:pointer" title="Klicken zum Kopieren"> </code>'),bd=k('<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>'),_d=k('<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=k('<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>'),kd=k('<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>'),yd=k('<button style="border-radius:999px"> </button>'),xd=k('<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>'),Sd=k('<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 Md(e,t){na(t,!0);const a="Kontext = das Kurzzeitgedächtnis des Modells. Größer = merkt sich mehr (längere Dateien/Chats), braucht aber mehr Speicher und wird etwas langsamer.",r="Die Rolle ist ein zusätzlicher, sprechender Name (z.B. coder). Du kannst in deinen Tools entweder den echten Modellnamen ODER die Rolle angeben — beides führt zum selben Modell.",i=[{id:"coder",label:"Coder",desc:"Programmieren & Code"},{id:"vision",label:"Vision",desc:"Bilder verstehen"},{id:"scout",label:"Scout",desc:"Schneller Allrounder"},{id:"reviewer",label:"Reviewer",desc:"Code/Texte prüfen"},{id:"manager",label:"Manager",desc:"Planen & koordinieren"}],o=O(()=>{var P;return((P=br.value)==null?void 0:P.models)||[]});function d(){document.dispatchEvent(new Event("mc:refresh"))}let c=R(""),u=R(""),v=R(""),g=R(!1);const E=O(()=>n(o).filter(P=>!P.incomplete));async function p(){var F;const P=n(c)||((F=n(E)[0])==null?void 0:F.name);if(!(!P||!n(u).trim())){h(g,!0),h(v,"(wecke Modell, kann beim Laden kurz dauern…)");try{const Ce=await Me("/api/chat",{method:"POST",body:JSON.stringify({model:P,message:n(u)})});h(v,Ce.reply,!0)}catch(Ce){h(v,"Fehler: "+Ce.message)}h(g,!1),d()}}const y=300;let T=R(!1),$=R(null),x=R(8192),D=R(!1);function ke(P){var F;h($,n(o).find(Ce=>Ce.name===P),!0),n($)&&(h(x,((F=n($).meta)==null?void 0:F.ctx)||8192,!0),h(D,(n($).ttl??y)>=99999),h(T,!0))}async function te(){const P=n(D)?99999:y;try{await Me("/api/update_model",{method:"POST",body:JSON.stringify({alias:n($).name,ctx:n(x),ttl:P})}),ee("Gespeichert — aktiv beim nächsten Modell-Start."),h(T,!1),d()}catch(F){ee(F.message,!0)}}let ue=R(!1),Ae=R(""),K=R(""),V=R("");function fe(P){const F=n(o).find(Ce=>Ce.name===P);h(Ae,P,!0),h(V,(F==null?void 0:F.role)||"",!0),h(K,""),h(ue,!0)}async function he(P){try{await Me("/api/set_role",{method:"POST",body:JSON.stringify({alias:n(Ae),role:P})}),ee(P?`Rolle gesetzt: ${P}`:"Rolle entfernt."),h(ue,!1),d()}catch(F){ee(F.message,!0)}}async function De(P){if(await yn({title:`„${P}" entladen?`,body:"Das Modell wird aus dem Grafikspeicher geworfen und lädt beim nächsten Aufruf automatisch neu.",confirmLabel:"Entladen"}))try{await Me("/api/unload?model="+encodeURIComponent(P),{method:"POST"}),ee("Entladen: "+P),setTimeout(d,600)}catch(F){ee(F.message,!0)}}async function Ve(P){if(await yn({title:`„${P}" wirklich löschen?`,body:"Das Modell wird aus der Konfiguration ausgetragen und seine Dateien werden von der Festplatte gelöscht, um Speicher freizugeben. <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 F=await Me("/api/delete_model",{method:"POST",body:JSON.stringify({alias:P})});ee(F.note||"Gelöscht: "+P),setTimeout(d,600)}catch(F){ee(F.message,!0)}}function mt(P){return P!=null&&P.length?P.map(F=>F==="Code"?'<span class="tag code">Code</span>':F==="Bild"?'<span class="tag img">Bild</span>':'<span class="tag text">Text</span>').join(" "):"–"}function A(P){if(!P)return"–";const F=P.quant||"?",Ce=P.ctx?Math.round(P.ctx/1024)+"K":"?",ut=P.size_bytes?(P.size_bytes/1024**3).toFixed(1)+" GB":"?";return`<span class="mono-sm">${F} · ${Ce} · ${ut}</span>`}function H(P){var F;(F=navigator.clipboard)==null||F.writeText(P),ee("Kopiert: "+P)}var re=Sd(),Ue=s(ct(re),2),Q=s(l(Ue),6);dt(Q,21,()=>n(E),ot,(P,F)=>{var Ce=ud(),ut=l(Ce),N={};z(()=>{b(ut,n(F).name),N!==(N=n(F).name)&&(Ce.value=(Ce.__value=n(F).name)??"")}),m(P,Ce)});var ze=s(Q,4),Y=s(ze,2),rt=l(Y),L=s(Y,2);{var U=P=>{var F=vd(),Ce=l(F);z(()=>b(Ce,n(v))),m(P,F)};q(L,P=>{n(v)&&P(U)})}var ie=s(Ue,2),ge=l(ie),Te=s(l(ge)),bt=l(Te),pt=s(ge,4);{var xt=P=>{var F=fd();m(P,F)},Ct=P=>{var F=_d(),Ce=s(l(F));dt(Ce,21,()=>n(o),ot,(ut,N)=>{var Le=or(),J=ct(Le);{var de=Z=>{var be=pd(),ve=l(be),ye=l(ve),xe=s(ve,5),_e=l(xe),M=s(_e,2);z(()=>b(ye,n(N).name)),C("click",_e,()=>{var W;ee("Lade im Cookbook ein Modell und setze den Alias auf: "+n(N).name),(W=document.querySelector(".nav-item[data-view='cookbook']"))==null||W.dispatchEvent(new MouseEvent("click"))}),C("click",M,()=>Ve(n(N).name)),m(Z,be)},se=Z=>{var be=bd(),ve=l(be),ye=l(ve),xe=l(ye),_e=s(xe);{var M=Se=>{var Pe=hd(),Re=l(Pe);z(()=>b(Re,n(N).role)),m(Se,Pe)};q(_e,Se=>{n(N).role&&Se(M)})}var W=s(ye,2);{var le=Se=>{var Pe=gd(),Re=l(Pe);z(()=>b(Re,n(N).meta.filename)),m(Se,Pe)};q(W,Se=>{var Pe;(Pe=n(N).meta)!=null&&Pe.filename&&Se(le)})}var Je=s(W,2),Qe=s(l(Je),2);dt(Qe,17,()=>{var Se;return(Se=n(N).api_ids)!=null&&Se.length?n(N).api_ids:[n(N).name]},ot,(Se,Pe)=>{var Re=md(),Rt=l(Re);z(()=>b(Rt,n(Pe))),C("click",Re,()=>H(n(Pe))),m(Se,Re)});var Qt=s(ve);$e(Qt,()=>{var Se;return mt((Se=n(N).meta)==null?void 0:Se.caps)},!0);var Zt=s(Qt);$e(Zt,()=>A(n(N).meta),!0);var Wt=s(Zt);$e(Wt,()=>Vo(n(N).state,n(N).download_progress),!0);var S=s(Wt),G=l(S),Oe=s(S),ne=l(Oe),Ie=s(ne,2),Ze=s(Ie,2),et=s(Ze,2);z(()=>{b(xe,`${n(N).name??""} `),b(G,n(N).port??"auto")}),C("click",ne,()=>fe(n(N).name)),C("click",Ie,()=>ke(n(N).name)),C("click",Ze,()=>De(n(N).name)),C("click",et,()=>Ve(n(N).name)),m(Z,be)};q(J,Z=>{n(N).incomplete?Z(de):Z(se,-1)})}m(ut,Le)}),m(P,F)};q(pt,P=>{n(o).length?P(Ct,-1):P(xt)})}var St=s(ie,2);{var $t=P=>{var F=kd(),Ce=l(F),ut=l(Ce),N=s(ut,4),Le=l(N),J=s(N,2),de=s(l(J));$e(de,()=>gi(a));var se=s(J,2),Z=s(se,2);{var be=le=>{var Je=wd(),Qe=l(Je),Qt=s(l(Qe),2),Zt=l(Qt),Wt=s(Zt,2),S=s(Qe,2);z((G,Oe)=>{b(Zt,`Optimal ~${G??""}k → ~${n($).meta.peak_ram_optimal_gb??""} GB Spitzenbedarf.`),b(Wt,` Aktuell ~${Oe??""}k → ~${n($).meta.peak_ram_gb??""} GB.`)},[()=>Math.round(n($).meta.optimal_ctx/1024),()=>Math.round((n($).meta.ctx||0)/1024)]),C("click",S,()=>h(x,n($).meta.optimal_ctx,!0)),m(le,Je)};q(Z,le=>{var Je;(Je=n($).meta)!=null&&Je.optimal_ctx&&le(be)})}var ve=s(Z,4),ye=s(l(ve),2),xe=l(ye),_e=s(xe,2),M=l(_e),W=s(ve,2);z(()=>{b(Le,n($).name),pn(_e,`color:${n(D)?"var(--accent)":"var(--mut)"}`),b(M,n(D)?"An (TTL = ∞)":"Aus (TTL = 5 min)")}),C("click",F,le=>{le.target.classList.contains("modal-overlay")&&h(T,!1)}),C("click",ut,()=>h(T,!1)),Tn(se,()=>n(x),le=>h(x,le)),Bo(xe,()=>n(D),le=>h(D,le)),C("click",W,te),m(P,F)};q(St,P=>{n(T)&&n($)&&P($t)})}var Ot=s(St,2);{var Bt=P=>{var F=xd(),Ce=l(F),ut=l(Ce),N=s(ut,2),Le=s(l(N));$e(Le,()=>gi(r));var J=s(N,2),de=l(J),se=s(J,4);dt(se,21,()=>i,ot,(xe,_e)=>{var M=yd(),W=l(M);z(()=>{kt(M,1,n(V)===n(_e).id?"primary":"ghost"),Fr(M,"title",n(_e).desc),b(W,n(_e).label)}),C("click",M,()=>he(n(_e).id)),m(xe,M)});var Z=s(se,4),be=s(Z,2),ve=l(be),ye=s(ve,2);z(()=>b(de,n(Ae))),C("click",F,xe=>{xe.target.classList.contains("modal-overlay")&&h(ue,!1)}),C("click",ut,()=>h(ue,!1)),Tn(Z,()=>n(K),xe=>h(K,xe)),C("click",ve,()=>he("")),C("click",ye,()=>he(n(K).trim().toLowerCase())),m(P,F)};q(Ot,P=>{n(ue)&&P(Bt)})}z(()=>{Y.disabled=n(g),b(rt,n(g)?"…":"Senden"),b(bt,n(o).length?n(o).length+" konfiguriert":"")}),ar(Q,()=>n(c),P=>h(c,P)),Tn(ze,()=>n(u),P=>h(u,P)),C("click",Y,p),m(e,re),aa()}ya(["click"]);var Ed=k('<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),Ad=k('<button class="ghost" style="margin-left:auto;padding:4px 11px;font-size:12px">Verlauf leeren</button>'),Td=k('<div class="empty-c"><div class="e-t">Gerade nichts los.</div> <div class="e-s">Alles ruhig — keine laufenden Aufgaben.</div></div>'),Cd=k('<span class="mono-sm" style="margin-left:auto"> </span>'),Pd=k('<button class="ghost">Abbrechen</button>'),$d=k('<button class="ghost" title="Aus Verlauf entfernen" style="margin-left:auto;margin-right:2px;padding:2px 9px;font-size:14px;line-height:1">×</button>'),Dd=k('<div class="bar" style="margin-top:8px"><i></i></div>'),zd=k('<div class="log"> </div>'),Ld=k('<div class="job"><div class="job-h" role="button" tabindex="0"><span></span> <span class="mid"> </span> <!> <!> <!></div> <!> <!></div>'),Od=k('<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,t){na(t,!0);const a=O(()=>da.value),r=O(()=>da.tracked),i=O(()=>$i.value);let o=Ut({cpu:[],ram:[],gpu:[]});Ai(()=>{var re;if(!n(i))return;const A=n(i).gpu,H=A&&A.vram.total+A.gtt.total>0?(A.vram.used+A.gtt.used)/(A.vram.total+A.gtt.total)*100:0;o.cpu=[...o.cpu,((re=n(i).cpu)==null?void 0:re.percent)??0].slice(-60),o.ram=[...o.ram,n(i).ram.percent].slice(-60),o.gpu=[...o.gpu,H].slice(-60)});const d=O(()=>()=>{var H;const A=(H=n(i))==null?void 0:H.gpu;return A&&A.vram.total+A.gtt.total>0?(A.vram.used+A.gtt.used)/(A.vram.total+A.gtt.total)*100:0}),c=O(()=>n(a).filter(A=>A.state!=="running"&&A.state!=="queued").length),u=O(()=>n(a).filter(A=>A.state==="failed").length);function v(A){if(A.state!=="running")return null;if(typeof A.progress=="number")return Math.min(100,A.progress);const re=((A.log||[]).at(-1)||"").match(/(\d+(?:\.\d+)?)\s*%/);return re?Math.min(100,parseFloat(re[1])):null}function g(A){return A==null||A<0?"":A>=90?`noch ~${Math.round(A/60)} min`:`noch ~${Math.max(1,Math.round(A))} s`}function E(A){return A==="done"?'<span class="badge b-run">fertig</span>':A==="failed"?'<span class="badge b-err">fehler</span>':A==="canceled"?'<span class="badge">abgebrochen</span>':'<span class="badge b-load">läuft…</span>'}function p(A){return A==="done"?"on":A==="failed"||A==="canceled"?"":"load"}async function y(A){try{await Me(`/api/jobs/${A}/cancel`,{method:"POST"}),ee("Abbruch angefordert…")}catch(H){ee(H.message,!0)}}async function T(A){try{await Me(`/api/jobs/${A}`,{method:"DELETE"})}catch(H){ee(H.message,!0)}}async function $(){try{const A=await Me("/api/jobs/clear",{method:"POST"});ee(`${A.removed} Einträge entfernt.`)}catch(A){ee(A.message,!0)}}function x(A,H){return A.map(re=>`<div style="width:4px;background:var(${H});opacity:.55;height:${Math.max(2,re)}%;border-radius:2px"></div>`).join("")}var D=Od(),ke=s(ct(D),2);{var te=A=>{const H=O(()=>n(d)());var re=Ed(),Ue=ct(re),Q=l(Ue),ze=s(l(Q),2),Y=l(ze),rt=s(ze,2),L=l(rt),U=s(Q,2),ie=s(l(U),2),ge=l(ie),Te=s(ie,2),bt=l(Te),pt=s(U,2),xt=s(l(pt),2),Ct=l(xt),St=s(xt,2),$t=l(St),Ot=s(Ue,2),Bt=s(l(Ot),4),P=l(Bt),F=s(l(P)),Ce=l(F),ut=s(P,2),N=s(l(ut),2),Le=l(N),J=s(ut,2),de=s(l(J)),se=l(de),Z=s(J,2),be=s(l(Z),2),ve=l(be),ye=s(Bt,2),xe=l(ye),_e=s(l(xe));$e(_e,()=>x(o.cpu,"--accent"),!0);var M=s(xe,2),W=s(l(M));$e(W,()=>x(o.ram,"--purple"),!0);var le=s(M,2),Je=s(l(le));$e(Je,()=>x(o.gpu,"--on"),!0),z((Qe,Qt,Zt,Wt,S,G,Oe,ne,Ie,Ze,et,Se,Pe)=>{b(Y,Qe),b(L,Qt),b(ge,Zt),b(bt,`${Wt??""} / ${S??""}`),b(Ct,G),b($t,Oe),b(Ce,`${ne??""} / ${Ie??""}`),b(Le,Ze),b(se,`${et??""} % belegt`),b(ve,`${Se??""} / ${Pe??""}`)},[()=>{var Qe;return Math.round(((Qe=n(i).cpu)==null?void 0:Qe.percent)??0)},()=>{var Qe;return((Qe=n(i).cpu)==null?void 0:Qe.temp)!=null?`${Math.round(n(i).cpu.temp)}° CPU-Temp`:"Auslastung"},()=>Math.round(n(i).ram.percent),()=>ia(n(i).ram.used),()=>ia(n(i).ram.total),()=>Math.round(n(H)),()=>n(i).gpu_temp!=null?`${Math.round(n(i).gpu_temp)}° GPU-Temp`:"VRAM + GTT",()=>ia(n(i).ram.used),()=>ia(n(i).ram.total),()=>n(i).gpu?`${ia(n(i).gpu.vram.used+n(i).gpu.gtt.used)} / ${ia(n(i).gpu.vram.total+n(i).gpu.gtt.total)}`:"–",()=>{var Qe;return Math.round(((Qe=n(i).disk)==null?void 0:Qe.percent)??0)},()=>n(i).gpu_temp!=null?Math.round(n(i).gpu_temp)+"°":"–",()=>{var Qe;return((Qe=n(i).cpu)==null?void 0:Qe.temp)!=null?Math.round(n(i).cpu.temp)+"°":"–"}]),m(A,re)};q(ke,A=>{n(i)&&A(te)})}var ue=s(ke,2),Ae=l(ue),K=s(l(Ae),2),V=l(K),fe=s(K,2);{var he=A=>{var H=Ad();C("click",H,$),m(A,H)};q(fe,A=>{n(c)&&A(he)})}var De=s(Ae,4);{var Ve=A=>{var H=Td();m(A,H)},mt=A=>{var H=or(),re=ct(H);dt(re,17,()=>n(a),ot,(Ue,Q)=>{const ze=O(()=>v(n(Q))),Y=O(()=>n(Q).state==="running"?g(n(Q).eta_s):""),rt=O(()=>n(Q).state==="running"&&n(Q).rate_bps?ia(n(Q).rate_bps)+"/s":""),L=O(()=>[n(Y),n(rt)].filter(Boolean).join(" · ")),U=O(()=>n(r).includes(n(Q).id));var ie=Ld(),ge=l(ie),Te=l(ge),bt=s(Te,2),pt=l(bt),xt=s(bt,2);{var Ct=N=>{var Le=Cd(),J=l(Le);z(de=>b(J,`${de??""} %${n(L)?` · ${n(L)}`:""}`),[()=>Math.round(n(ze))]),m(N,Le)};q(xt,N=>{n(ze)!=null&&N(Ct)})}var St=s(xt,2);{var $t=N=>{var Le=Pd();z(()=>pn(Le,`${n(ze)==null?"margin-left:auto;":""}margin-right:2px;padding:2px 9px;font-size:12px`)),C("click",Le,J=>{J.stopPropagation(),y(n(Q).id)}),m(N,Le)},Ot=N=>{var Le=$d();C("click",Le,J=>{J.stopPropagation(),T(n(Q).id)}),m(N,Le)};q(St,N=>{n(Q).state==="running"?N($t):N(Ot,-1)})}var Bt=s(St,2);$e(Bt,()=>E(n(Q).state));var P=s(ge,2);{var F=N=>{var Le=Dd(),J=l(Le);z(()=>pn(J,`width:${n(ze)??""}%`)),m(N,Le)};q(P,N=>{n(ze)!=null&&n(Q).state==="running"&&N(F)})}var Ce=s(P,2);{var ut=N=>{var Le=zd(),J=l(Le);z(de=>b(J,de),[()=>(n(Q).log||[]).join(`
|
||
`)]),m(N,Le)};q(Ce,N=>{n(U)&&N(ut)})}z(N=>{kt(Te,1,`li-dot ${N??""}`),b(pt,n(Q).label)},[()=>p(n(Q).state)]),C("click",ge,()=>da.toggle(n(Q).id)),C("keydown",ge,N=>N.key==="Enter"&&da.toggle(n(Q).id)),m(Ue,ie)}),m(A,H)};q(De,A=>{n(a).length?A(mt,-1):A(Ve)})}z(()=>b(V,n(a).length?n(u)?n(u)+" Fehler":n(a).length+" gesamt":"")),m(e,D),aa()}ya(["click","keydown"]);var Bd=k('<span class="mono-sm"> </span>'),Id=k('<button class="ghost" style="margin-left:auto;padding:3px 12px">Abbrechen</button>'),qd=k('<span class="badge b-run">✓ fertig</span>'),Nd=k('<span class="badge b-err">✗ fehlgeschlagen</span>'),Fd=k('<span class="badge">abgebrochen</span>'),Kd=k('<span class="badge b-load">läuft…</span>'),Gd=k('<div class="bar" style="margin-bottom:10px"><i></i></div>'),Vd=k('<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=k('<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 Wd(e,t){na(t,!0);const a=O(()=>br.value),r=O(()=>da.value);let i=null,o=R(`Verbinde…
|
||
`),d=R("llama-swap"),c,u=R(null),v=R("");const g=new Set,E=O(()=>n(u)?n(r).find(M=>M.id===n(u)):null);Ai(()=>{if(!n(E))return;const M=n(E),W=M.state==="done",le=M.state==="failed",Je=M.state==="canceled";(W||le||Je)&&!g.has(M.id)&&(g.add(M.id),ee(W?`✓ ${n(v)} abgeschlossen.`:Je?`${n(v)} abgebrochen.`:`✗ ${n(v)} fehlgeschlagen.`,le),W&&setTimeout(()=>document.dispatchEvent(new Event("mc:refresh")),800))});function p(M,W){h(u,M,!0),h(v,W,!0),da.track(M)}mr(()=>{y()}),qo(()=>{i==null||i.close()});function y(){i==null||i.close();const M=n(d);h(o,`Verbinde mit ${M}…
|
||
`);const W=location.protocol==="https:"?"wss:":"ws:";i=new WebSocket(`${W}//${location.host}/api/logs/${M}?token=${encodeURIComponent(el())}`),i.onmessage=le=>{h(o,n(o)+le.data),c&&(c.scrollTop=c.scrollHeight)},i.onclose=()=>{h(o,n(o)+`
|
||
— Verbindung getrennt —`)},i.onerror=()=>i==null?void 0:i.close()}async function T(M,W,le){if(await yn({title:W,body:le,confirmLabel:"Neustarten"}))try{await Me(`/api/service/${M}/restart`,{method:"POST"}),ee("Neustart ausgelöst: "+M),setTimeout(()=>document.dispatchEvent(new Event("mc:refresh")),2e3)}catch(Je){ee(Je.message,!0)}}async function $(){if(await yn({title:"Mission Control aktualisieren?",body:"Holt die neueste Dashboard-Version aus Gitea und startet automatisch neu. Die Seite trennt kurz und verbindet von selbst wieder (~10 Sek)."}))try{const M=await Me("/api/self-update",{method:"POST"});ee("Update läuft — Dashboard startet gleich neu."),p(M.job_id,"Mission Control Update")}catch(M){ee(M.message,!0)}}async function x(){if(await yn({title:"LLM-Engine aktualisieren?",body:"Lädt die neueste llama.cpp-ROCm-Version und installiert sie. Die Engine ist während des Updates kurz nicht erreichbar."}))try{const M=await Me("/api/update",{method:"POST"});ee("LLM-Engine-Update läuft."),p(M.job_id,"LLM-Engine-Update")}catch(M){ee(M.message,!0)}}async function D(){if(await yn({title:"Grafikspeicher leeren?",body:"Alle geladenen Modelle werden entladen. Sie laden beim nächsten Aufruf automatisch neu — es geht nichts verloren.",confirmLabel:"Leeren"}))try{await Me("/api/unload",{method:"POST"}),ee("Grafikspeicher geleert."),setTimeout(()=>document.dispatchEvent(new Event("mc:refresh")),600)}catch(M){ee(M.message,!0)}}async function ke(){if(!await yn({title:"OS-Updates installieren?",body:"Führt <code>apt update & upgrade</code> aus. Das kann ein paar Minuten dauern; der Fortschritt erscheint in der Aktivität."}))return;const M=await Hi({title:"sudo-Passwort",body:"Für die System-Updates wird einmalig dein sudo-Passwort gebraucht.",placeholder:"sudo-Passwort",password:!0,confirmLabel:"Installieren"});if(M)try{const W=await Me("/api/os-update",{method:"POST",body:JSON.stringify({password:M})});ee("OS-Update gestartet."),p(W.job_id,"OS-Update")}catch(W){ee(W.message,!0)}}async function te(){if(!await yn({title:"Server wirklich neu starten?",body:"Der ganze Bosgame startet physisch neu. Alles ist für ~1 Minute offline — auch dieses Dashboard.",confirmLabel:"Reboot",danger:!0}))return;const M=await Hi({title:"sudo-Passwort",body:"Für den Reboot wird einmalig dein sudo-Passwort gebraucht.",placeholder:"sudo-Passwort",password:!0,confirmLabel:"Jetzt neustarten",danger:!0});if(M)try{await Me("/api/reboot",{method:"POST",body:JSON.stringify({password:M})}),ee("Reboot ausgelöst — bis gleich.")}catch(W){ee(W.message,!0)}}async function ue(){h(Ae,"prüfe…");try{const M=await Me("/api/integration/test");h(Ae,M.ok?`✓ Engine antwortet — ${M.models.length} Modell(e): ${M.models.join(", ")}`:`✗ keine Verbindung: ${M.error}`,!0),h(K,M.ok,!0)}catch(M){h(Ae,"✗ "+M.message),h(K,!1)}}let Ae=R(""),K=R(!1);const V=O(()=>{var M;return((M=n(a))==null?void 0:M.models)||[]}),fe=["running","ready","loading","starting"],he=O(()=>n(V).find(M=>fe.includes(M.state)));function De(M){if(!M||M.state!=="running")return null;if(typeof M.progress=="number")return Math.min(100,M.progress);const le=((M.log||[]).at(-1)||"").match(/(\d+(?:\.\d+)?)\s*%/);return le?Math.min(100,parseFloat(le[1])):null}var Ve=Ud(),mt=s(ct(Ve),2),A=l(mt),H=s(l(A),2),re=l(H),Ue=s(A,4),Q=l(Ue),ze=s(l(Q)),Y=l(ze),rt=s(Q,2),L=s(l(rt),2),U=l(L),ie=s(rt,2),ge=s(l(ie),2),Te=l(ge),bt=s(Ue,2),pt=l(bt),xt=s(pt,2);{var Ct=M=>{var W=Bd(),le=l(W);z(()=>{pn(W,`color:${n(K)?"#7ee29a":"#ff9b95"}`),b(le,n(Ae))}),m(M,W)};q(xt,M=>{n(Ae)&&M(Ct)})}var St=s(mt,2),$t=s(l(St),4),Ot=s($t,2),Bt=s(Ot,2),P=s(Bt,2),F=s(P,2),Ce=s(St,2),ut=s(l(Ce),4),N=s(ut,2),Le=s(Ce,2);{var J=M=>{const W=O(()=>n(E)),le=O(()=>n(W).state==="done"),Je=O(()=>n(W).state==="failed"),Qe=O(()=>n(W).state==="canceled"),Qt=O(()=>n(le)||n(Je)||n(Qe)),Zt=O(()=>De(n(W)));var Wt=Vd(),S=l(Wt),G=s(l(S),2);{var Oe=Ke=>{var ht=Id();C("click",ht,async()=>{await yn({title:n(v)+" abbrechen?",body:"Der laufende Vorgang wird gestoppt.",confirmLabel:"Abbrechen",danger:!0})&&Me(`/api/jobs/${n(W).id}/cancel`,{method:"POST"})}),m(Ke,ht)};q(G,Ke=>{n(Qt)||Ke(Oe)})}var ne=s(G,2),Ie=l(ne);{var Ze=Ke=>{var ht=qd();m(Ke,ht)},et=Ke=>{var ht=Nd();m(Ke,ht)},Se=Ke=>{var ht=Fd();m(Ke,ht)},Pe=Ke=>{var ht=Kd();m(Ke,ht)};q(Ie,Ke=>{n(le)?Ke(Ze):n(Je)?Ke(et,1):n(Qe)?Ke(Se,2):Ke(Pe,-1)})}var Re=s(S,2),Rt=l(Re),It=s(Re,2);{var Ht=Ke=>{var ht=Gd(),Rn=l(ht);z(()=>pn(Rn,`width:${n(Zt)??""}%`)),m(Ke,ht)};q(It,Ke=>{n(Zt)!=null&&!n(Qt)&&Ke(Ht)})}var an=s(It,2),bn=l(an);z(Ke=>{b(Rt,`${n(v)??""}${n(Qt)?n(le)?" — erfolgreich.":n(Qe)?" — abgebrochen.":" — fehlgeschlagen.":" läuft…"}`),b(bn,Ke)},[()=>(n(W).log||[]).join(`
|
||
`)]),m(M,Wt)};q(Le,M=>{n(E)&&M(J)})}var de=s(Le,2),se=l(de),Z=s(l(se),2),be=l(Z);be.value=be.__value="llama-swap";var ve=s(be);ve.value=ve.__value="mission-control";var ye=s(ve);ye.value=ye.__value="system";var xe=s(se,4),_e=l(xe);Io(xe,M=>c=M,()=>c),z(M=>{var W,le,Je;pn(H,`margin-left:auto;${(W=n(a))!=null&&W.swap_ok?"background:rgba(63,185,80,.12);border-color:rgba(63,185,80,.25);color:#7ee29a":"background:rgba(248,81,73,.12);border-color:rgba(248,81,73,.3);color:#ff9b95"}`),b(re,(le=n(a))!=null&&le.swap_ok?"● erreichbar":"● offline"),b(Y,(((Je=n(a))==null?void 0:Je.swap_url)||"—")+"/v1"),b(U,n(he)?n(he).name+` (${n(he).state})`:"nichts geladen — lädt bei der nächsten Anfrage"),b(Te,M),b(_e,n(o))},[()=>n(V).filter(M=>!M.incomplete).length||"keine"]),C("click",pt,ue),C("click",$t,()=>T("llama-swap","LLM-Engine neustarten?","Die Engine startet neu. Geladene Modelle werden kurz entladen (~5 Sekunden), laden danach automatisch wieder.")),C("click",Ot,()=>T("mission-control","Dashboard neustarten?","Diese Oberfläche trennt sich kurz und verbindet automatisch wieder.")),C("click",Bt,$),C("click",P,x),C("click",F,D),C("click",ut,ke),C("click",N,te),C("change",Z,y),ar(Z,()=>n(d),M=>h(d,M)),m(e,Ve),aa()}ya(["click","change"]);var Hd=k('<div class="empty" style="text-align:center;padding:30px">Lade Setups…</div>'),jd=k('<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),Xr=k('<div class="cb-best-tag">★ Beste Wahl für dein System</div>'),Jd=k('<div class="cb-best-tag" style="background:var(--act);color:#fff">Dein Setup</div>'),Qd=k('<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>'),Zd=k('<div id="cb-recipes" class="grid grid-3" style="gap:10px;margin-top:6px"></div>'),Yd=k('<span style="color:var(--warn)">· ⚠ Cache veraltet</span>'),Xd=k("<!> <!>",1),ec=k('<div class="empty" style="text-align:center;padding:30px">Frage Quellen ab…</div>'),tc=k('<div class="li-sub" style="color:var(--warn);margin-top:3px"> </div>'),nc=k('<span class="fit-badge ok">✓ installiert</span>'),ac=k('<button class="primary" style="padding:6px 12px;font-size:12.5px">Installieren</button>'),rc=k('<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>'),ic=k('<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>'),sc=k('<button style="padding:4px 10px;border-radius:999px;font-size:12px"> </button>'),lc=k('<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>'),oc=k('<div class="grid grid-3" id="cb-grid"></div>'),dc=k('<div class="li-sub"> </div>'),cc=k('<div class="li-sub mono-sm"> </div>'),uc=k("<span> </span>"),vc=k('<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=k('<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>'),pc=k('Alternative: <a href="#" style="color:var(--accent)"> </a> — passt auf dein System.',1),hc=k('<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>'),gc=k('<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>'),mc=k('<div class="hint">Lade Dateien von HuggingFace…</div>'),Yi=k("<option> </option>"),bc=k('<div class="hint" style="margin:-6px 0 14px">Empfohlener Kontext für deine Hardware: <b> </b> — <a href="#">übernehmen</a></div>'),_c=k('<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=k('<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>'),kc=k('<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>'),yc=k('<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),xc=k('<div class="hint">Keine GGUF-Dateien im Repo gefunden.</div>'),Sc=k('<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>'),Mc=k('<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>'),Ec=k('<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>'),Ac=k('<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,t){na(t,!0);const a="Kontext = das Kurzzeitgedächtnis des Modells. Größer = merkt sich mehr, braucht aber mehr Speicher und wird etwas langsamer.",r="MoE (Mixture of Experts): viele Parameter fürs Wissen, aber pro Wort ist nur ein kleiner Teil aktiv → fast große-Modell-Qualität bei hohem Tempo. Ideal für deine APU.",i={perfect:0,marginal:1,too_tight:2},o={vision:"Bilder",coder:"Coden",reasoning:"Logik",agent:"Agenten & Tools",scout:"Allrounder",reviewer:"Review",manager:"Manager"},d=[{label:"Bilder",kw:["-vl-","-vl","vision","llava","multimodal","-mm-","pixtral"]},{label:"Coden",kw:["coder","-code-","code-","codestral","starcoder"]},{label:"Logik",kw:["-r1","deepseek-r1","reasoning","qwq","magistral","-think","thinking","-o1"]},{label:"Agenten & Tools",kw:["hermes","-tool","command-r","watt","-fc-","function"]}];function c(w){const _=(w||"").toLowerCase();for(const I of d)if(I.kw.some(B=>_.includes(B)))return I.label;return"Allrounder"}function u(w=""){const _=w.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(w=""){const _=w.toLowerCase().match(new RegExp("(?<![a-z])a(\\d+(?:\\.\\d+)?)b\\b"));return _?_[1]:null}function g(w){return w==="perfect"?"ok":w==="marginal"?"warn":"bad"}function E(w){return w==="perfect"?"Passt":w==="marginal"?"Knapp":"Zu groß"}function p(w){return`~${(w.req_gb??0).toFixed(1)} GB · ~${Math.round(w.tps??0)} Tok/s`}let y=R(Ut([])),T=R(null),$=R(!0),x=R(null),D=R(!1),ke=R(!1),te=R(""),ue=R(Ut([])),Ae=R(!1),K=R(""),V=R("downloads"),fe=R(Ut([])),he=R(-1),De=R(null),Ve=R(!1),mt=R(""),A=R(""),H=R(null),re=R(""),Ue=R(""),Q=R(8192),ze=R(!1),Y=R(null),rt=R(!1),L=R(""),U=R(""),ie=R(Ut([{repo:"",role:"",quant:"Q4_K_M"}])),ge=R(null);function Te(w){var _;(_=document.querySelector(`.nav-item[data-view="${w}"]`))==null||_.dispatchEvent(new MouseEvent("click"))}mr(()=>{bt(),pt()});async function bt(){h($,!0);try{const w=await Me("/api/cookbook/recipes");h(y,w.recipes||[],!0),h(T,w.recommended_id||null,!0)}catch(w){ee(w.message,!0)}h($,!1)}async function pt(w=!1){h(D,!0);try{const _=await Me("/api/cookbook/discover"+(w?"?force=true":""));h(x,_,!0),h(ke,_.stale,!0)}catch(_){ee("Empfehlungen nicht ladbar: "+_.message,!0)}h(D,!1)}function xt(w){w=w.trim();const _=w.match(/huggingface\.co\/([^\s/]+\/[^\s/?#]+)/i);return _?_[1]:/^[\w.-]+\/[\w.-]+$/.test(w)?w:null}async function Ct(){const w=n(te).trim(),_=xt(w);let I=w;if(n(K)&&!_&&(I=I?I+" "+n(K):n(K)),!I&&!_){h(ue,[],!0);return}h(Ae,!0),h(fe,[],!0),h(he,-1);try{if(_)h(ue,[{id:_,author:_.split("/")[0],downloads:0}],!0);else{const B=`https://huggingface.co/api/models?search=${encodeURIComponent(I)}&filter=gguf&sort=${encodeURIComponent(n(V))}&direction=-1&limit=40`,ae=await fetch(B);h(ue,await ae.json(),!0)}n(ue).forEach((B,ae)=>St(ae,B.id))}catch(B){ee(B.message,!0),h(ue,[],!0)}h(Ae,!1)}async function St(w,_){var I;try{const B=await Me("/api/cookbook/analyze",{method:"POST",body:JSON.stringify({repo_id:_,ctx:8192})});if(!((I=B.files)!=null&&I.length)){n(fe)[w]=null,$t();return}const ae=B.files.find(tt=>{var it;return(it=tt.quant)==null?void 0:it.includes("Q4_K_M")})||B.files[0];n(fe)[w]=ae.fit.level,$t()}catch{n(fe)[w]=null,$t()}}function $t(){let w=-1,_=99;n(fe).forEach((I,B)=>{if(I==null)return;const ae=i[I]??99;ae<_&&(_=ae,w=B)}),h(he,w>=0&&_<=1?w:-1,!0)}function Ot(w){h(De,n(y).find(_=>_.id===w),!0)}async function Bt(w){const _=document.getElementById("cb-r-install-btn");_&&(_.disabled=!0,_.textContent="Starte…");try{const I=await Me("/api/cookbook/install-recipe",{method:"POST",body:JSON.stringify({recipe_id:w,hf_token:ir()})});ee(`${I.count} Download${I.count!==1?"s":""} läuft — Modelle erscheinen danach automatisch im Modelle-Tab.`),h(De,null),Te("activity")}catch(I){ee(I.message,!0),_&&(_.disabled=!1,_.textContent="Installieren")}}async function P(w,_){var I,B;h(Ve,!0),h(mt,_,!0),h(A,w,!0),h(Ue,""),h(Q,8192),h(H,null),h(Y,null),h(re,""),h(ze,!0);try{if(h(H,await Me("/api/cookbook/analyze",{method:"POST",body:JSON.stringify({repo_id:w,ctx:8192})}),!0),(B=(I=n(H))==null?void 0:I.files)!=null&&B.length){const ae=n(H).files.find(tt=>{var it;return(it=tt.quant)==null?void 0:it.includes("Q4_K_M")})||n(H).files[0];h(re,ae.filename,!0),ae.optimal_ctx&&n(Q)===8192&&h(Q,ae.optimal_ctx,!0),F()}}catch(ae){ee(ae.message,!0)}h(ze,!1)}function F(){var w,_,I;!((_=(w=n(H))==null?void 0:w.files)!=null&&_.length)||!n(re)||(h(Y,n(H).files.find(B=>B.filename===n(re))||null,!0),(I=n(Y))!=null&&I.optimal_ctx&&n(Q)===8192&&h(Q,n(Y).optimal_ctx,!0))}async function Ce(){var w,_;if(!n(A)||!n(re))return ee("Bitte eine GGUF-Datei wählen.",!0);h(ze,!0);try{const I=((w=n(H))==null?void 0:w.params_b)??7,B=((_=n(Y))==null?void 0:_.quant)??"Q4_K_M";await Me("/api/cookbook/install-model",{method:"POST",body:JSON.stringify({repo:n(A),role:n(Ue),params_b:I,quant:B,file:n(re),ctx:n(Q),hf_token:ir()})}),ee("Download läuft — Modell erscheint danach automatisch im Modelle-Tab."),h(Ve,!1),Te("activity")}catch(I){ee("Fehler: "+I.message,!0)}h(ze,!1)}async function ut(w,_,I,B){B.disabled=!0,B.textContent="Starte…";try{await Me("/api/cookbook/install-model",{method:"POST",body:JSON.stringify({repo:w,role:_,params_b:I,quant:"Q4_K_M",hf_token:ir()})}),ee("Download läuft — Modell erscheint danach automatisch im Modelle-Tab."),Te("activity")}catch(ae){ee(ae.message,!0),B.disabled=!1,B.textContent="Installieren"}}function N(){h(ge,null),h(L,""),h(U,""),h(ie,[{repo:"",role:"",quant:"Q4_K_M"}],!0),h(rt,!0)}function Le(w){const _=n(y).find(I=>I.id===w);_&&(h(ge,w,!0),h(L,_.title,!0),h(U,_.desc||"",!0),h(ie,_.models.map(I=>({repo:I.repo,role:I.role,quant:I.quant||"Q4_K_M"})),!0),h(rt,!0))}async function J(){if(!n(L).trim())return ee("Bitte einen Titel angeben.",!0);const w=n(ie).filter(_=>_.repo.trim());if(!w.length)return ee("Mindestens ein Modell (Repo) angeben.",!0);try{n(ge)?(await Me("/api/cookbook/user-recipe/"+encodeURIComponent(n(ge)),{method:"PUT",body:JSON.stringify({title:n(L),desc:n(U),models:w})}),ee("Setup aktualisiert.")):(await Me("/api/cookbook/user-recipe",{method:"POST",body:JSON.stringify({title:n(L),desc:n(U),models:w})}),ee("Setup gespeichert.")),h(rt,!1),bt()}catch(_){ee(_.message,!0)}}async function de(w){const _=n(y).find(I=>I.id===w);if(await yn({title:`„${(_==null?void 0:_.title)||w}" löschen?`,body:"Dein eigenes Setup wird aus dem Cookbook entfernt. Bereits installierte Modelle bleiben unangetastet.",confirmLabel:"Löschen",danger:!0}))try{await Me("/api/cookbook/user-recipe/"+encodeURIComponent(w),{method:"DELETE"}),ee("Setup gelöscht."),bt()}catch(I){ee(I.message,!0)}}function se(w){if(!u(w))return"";const _=v(w);return`<span class="chip" title="${zn(r)}">MoE${_?` · ~${_}B aktiv`:""}</span>`}function Z(w){return w?`<span class="chip">${zn(w)}</span>`:""}var be=Ac(),ve=s(ct(be),2),ye=l(ve),xe=s(l(ye),2),_e=s(ye,4);{var M=w=>{var _=Hd();m(w,_)},W=w=>{var _=Zd();dt(_,21,()=>n(y),ot,(I,B)=>{const ae=O(()=>n(B).id===n(T));var tt=Qd(),it=l(tt);{var X=pe=>{var Ye=jd(),Nt=ct(Ye),At=s(Nt,2);C("click",Nt,_t=>{_t.stopPropagation(),Le(n(B).id)}),C("keydown",Nt,_t=>{_t.key==="Enter"&&(_t.stopPropagation(),Le(n(B).id))}),C("click",At,_t=>{_t.stopPropagation(),de(n(B).id)}),C("keydown",At,_t=>{_t.key==="Enter"&&(_t.stopPropagation(),de(n(B).id))}),m(pe,Ye)};q(it,pe=>{n(B).user&&pe(X)})}var me=s(it,2);{var Be=pe=>{var Ye=Xr();m(pe,Ye)},vt=pe=>{var Ye=Jd();m(pe,Ye)};q(me,pe=>{n(ae)?pe(Be):n(B).user&&pe(vt,1)})}var qe=s(me,2),Ge=l(qe),st=l(Ge),Mt=l(st),Yt=s(Ge,2),ft=l(Yt),Ne=s(qe,2),Et=l(Ne),qt=s(Ne,2),gt=l(qt);z((pe,Ye)=>{kt(tt,1,`card-btn${n(ae)?" cb-best":""}`),b(Mt,n(B).title),kt(Yt,1,`fit-badge ${pe??""}`),b(ft,Ye),b(Et,n(B).desc),b(gt,`${n(B).models.length??""} Modell${n(B).models.length>1?"e":""} im Setup`)},[()=>g(n(B).fit_level),()=>E(n(B).fit_level)]),C("click",tt,()=>Ot(n(B).id)),m(I,tt)}),m(w,_)};q(_e,w=>{n($)?w(M):w(W,-1)})}var le=s(ve,2),Je=l(le),Qe=s(l(Je),2),Qt=l(Qe);{var Zt=w=>{const _=O(()=>Math.round((Date.now()/1e3-n(x).updated)/60));var I=Xd(),B=ct(I);{var ae=Be=>{var vt=nr();z(()=>b(vt,`Quellen befragt vor ${n(_)??""} min`)),m(Be,vt)},tt=Be=>{var vt=nr();z(qe=>b(vt,`Quellen befragt vor ${qe??""} h`),[()=>Math.round(n(_)/60)]),m(Be,vt)},it=Be=>{var vt=nr();z(qe=>b(vt,`Quellen befragt vor ${qe??""} Tg.`),[()=>Math.round(n(_)/1440)]),m(Be,vt)};q(B,Be=>{n(_)<60?Be(ae):n(_)<1440?Be(tt,1):Be(it,-1)})}var X=s(B,2);{var me=Be=>{var vt=Yd();m(Be,vt)};q(X,Be=>{n(ke)&&Be(me)})}m(w,I)};q(Qt,w=>{var _;(_=n(x))!=null&&_.updated&&w(Zt)})}var Wt=s(Qe,2),S=l(Wt),G=s(Je,4);{var Oe=w=>{var _=ec();m(w,_)},ne=w=>{var _=or(),I=ct(_);dt(I,17,()=>n(x).categories,ot,(B,ae)=>{var tt=ic(),it=l(tt),X=l(it),me=l(X),Be=s(it,2);dt(Be,21,()=>n(ae).models,ot,(vt,qe)=>{const Ge=O(()=>n(ae).recommended&&n(qe).repo===n(ae).recommended);var st=rc(),Mt=l(st);{var Yt=Xe=>{var at=Xr();m(Xe,at)};q(Mt,Xe=>{n(Ge)&&Xe(Yt)})}var ft=s(Mt,2),Ne=l(ft),Et=l(Ne),qt=l(Et),gt=s(Et,2),pe=l(gt),Ye=s(Ne,2),Nt=l(Ye),At=s(ft,2),_t=l(At);$e(_t,()=>Z(o[n(qe).role]||c(n(qe).repo)));var Bn=s(_t,2);$e(Bn,()=>se(n(qe).repo));var Wn=s(At,2),En=l(Wn),xa=s(Wn,2);dt(xa,17,()=>n(qe).requirements||[],ot,(Xe,at)=>{var Pt=tc(),An=l(Pt);z(()=>b(An,`⚠ ${n(at)??""}`)),m(Xe,Pt)});var lt=s(xa,4),We=l(lt);{var nt=Xe=>{var at=nc();z(()=>Fr(at,"title",`bereits eingerichtet als ${n(qe).installed??""}`)),m(Xe,at)},wt=Xe=>{var at=ac();C("click",at,Pt=>ut(n(qe).repo,n(qe).role,n(qe).params_b,Pt.currentTarget)),m(Xe,at)};q(We,Xe=>{n(qe).installed?Xe(nt):Xe(wt,-1)})}z((Xe,at,Pt)=>{kt(st,1,`card${n(Ge)?" res-best":""}`),b(qt,n(qe).name),b(pe,`${n(qe).author??""} · ${n(qe).params_b??""}B`),kt(Ye,1,`fit-badge ${Xe??""}`),b(Nt,n(qe).fit.text),b(En,`${at??""} · ⬇ ${Pt??""}`)},[()=>g(n(qe).fit.level),()=>p(n(qe).fit),()=>(n(qe).downloads||0).toLocaleString()]),m(vt,st)}),z(()=>b(me,n(ae).title)),m(B,tt)}),m(w,_)};q(G,w=>{var _;n(D)&&!n(x)?w(Oe):(_=n(x))!=null&&_.categories&&w(ne,1)})}var Ie=s(le,2),Ze=s(l(Ie),4),et=l(Ze),Se=s(et,2),Pe=l(Se);Pe.value=Pe.__value="downloads";var Re=s(Pe);Re.value=Re.__value="trending";var Rt=s(Re);Rt.value=Rt.__value="created_at";var It=s(Se,2),Ht=l(It),an=s(Ze,2);dt(an,20,()=>["","coder","vision","reasoning","chat","agent"],ot,(w,_)=>{var I=sc(),B=l(I);z(()=>{kt(I,1,n(K)===_?"primary":"ghost"),b(B,_||"Alle")}),C("click",I,()=>{h(K,_,!0),Ct()}),m(w,I)});var bn=s(an,2);{var Ke=w=>{var _=oc();dt(_,21,()=>n(ue),ot,(I,B,ae)=>{var tt=lc(),it=l(tt);{var X=At=>{var _t=Xr();m(At,_t)};q(it,At=>{ae===n(he)&&At(X)})}var me=s(it,2),Be=l(me),vt=l(Be),qe=l(vt),Ge=s(vt,2),st=l(Ge),Mt=s(Be,2),Yt=l(Mt),ft=s(me,2),Ne=l(ft);$e(Ne,()=>Z(c(n(B).id)));var Et=s(Ne,2);$e(Et,()=>se(n(B).id));var qt=s(ft,4),gt=l(qt),pe=l(gt),Ye=s(gt,2),Nt=l(Ye);z((At,_t,Bn,Wn,En)=>{kt(tt,1,`card${ae===n(he)?" res-best":""}`),b(qe,At),b(st,n(B).author||""),kt(Mt,1,`fit-badge ${_t??""}`),b(Yt,Bn),b(pe,Wn),b(Nt,`⬇ ${En??""}`)},[()=>n(B).id.split("/").pop(),()=>n(fe)[ae]?g(n(fe)[ae]):"warn",()=>n(fe)[ae]?E(n(fe)[ae]):"prüfe…",()=>n(fe)[ae]?p({req_gb:0,tps:0}):"Hardware-Fit…",()=>(n(B).downloads||0).toLocaleString()]),C("click",tt,()=>P(n(B).id,n(B).id.split("/").pop())),m(I,tt)}),m(w,_)};q(bn,w=>{n(ue).length&&w(Ke)})}var ht=s(Ie,2);{var Rn=w=>{const _=O(()=>n(De));var I=gc(),B=l(I),ae=l(B),tt=s(ae,2),it=l(tt),X=s(tt,2),me=l(X),Be=s(X,2);dt(Be,21,()=>n(_).models,ot,(ft,Ne)=>{var Et=vc(),qt=l(Et),gt=l(qt),pe=l(gt),Ye=l(pe),Nt=s(pe,2),At=l(Nt),_t=s(Nt,2);$e(_t,()=>se(n(Ne).repo));var Bn=s(gt,2);{var Wn=nt=>{var wt=dc(),Xe=l(wt);z(()=>b(Xe,n(Ne).why)),m(nt,wt)};q(Bn,nt=>{n(Ne).why&&nt(Wn)})}var En=s(Bn,2);{var xa=nt=>{var wt=cc(),Xe=l(wt);z((at,Pt,An)=>b(Xe,`~${at??""} GB · ~${Pt??""} Tok/s · optimal ~${An??""}k Kontext`),[()=>(n(Ne).fit.req_gb??0).toFixed(1),()=>Math.round(n(Ne).fit.tps??0),()=>Math.round((n(Ne).optimal_ctx||8192)/1024)]),m(nt,wt)};q(En,nt=>{n(Ne).fit&&nt(xa)})}var lt=s(qt,2);{var We=nt=>{var wt=uc(),Xe=l(wt);z(at=>{kt(wt,1,`fit-badge ${at??""}`),b(Xe,n(Ne).fit.text)},[()=>g(n(Ne).fit.level)]),m(nt,wt)};q(lt,nt=>{n(Ne).fit&&nt(We)})}z(()=>{b(Ye,n(Ne).name),b(At,n(Ne).role)}),m(ft,Et)});var vt=s(Be,2);{var qe=ft=>{const Ne=O(()=>Math.max(...n(_).models.map(pe=>{var Ye;return((Ye=pe.fit)==null?void 0:Ye.req_gb)??0})));var Et=fc(),qt=s(l(Et)),gt=l(qt);z(pe=>b(gt,`~${pe??""} GB`),[()=>n(Ne).toFixed(1)]),m(ft,Et)};q(vt,ft=>{n(_).models.length&&n(_).models[0].fit&&ft(qe)})}var Ge=s(vt,2);{var st=ft=>{const Ne=O(()=>n(y).find(pe=>!pe.user&&pe.fit_level!=="too_tight"&&pe.id!==n(_).id));var Et=hc(),qt=s(l(Et));{var gt=pe=>{var Ye=pc(),Nt=s(ct(Ye)),At=l(Nt);z(()=>b(At,`„${n(Ne).title??""}" ansehen`)),C("click",Nt,_t=>{_t.preventDefault(),h(De,null),setTimeout(()=>Ot(n(Ne).id),50)}),m(pe,Ye)};q(qt,pe=>{n(Ne)&&pe(gt)})}m(ft,Et)};q(Ge,ft=>{n(_).fit_level==="too_tight"&&ft(st)})}var Mt=s(Ge,2),Yt=l(Mt);z(()=>{b(it,n(_).title),b(me,n(_).desc),kt(Mt,1,`primary${n(_).fit_level==="too_tight"?" warn":""}`),b(Yt,n(_).fit_level==="too_tight"?"Trotzdem installieren (nicht empfohlen)":"Komplettes Setup installieren")}),C("click",I,ft=>{ft.target.classList.contains("modal-overlay")&&h(De,null)}),C("click",ae,()=>h(De,null)),C("click",Mt,()=>Bt(n(_).id)),m(w,I)};q(ht,w=>{n(De)&&w(Rn)})}var Vn=s(ht,2);{var ra=w=>{var _=Sc(),I=l(_),B=l(I),ae=s(B,2),tt=l(ae),it=s(ae,2),X=l(it),me=s(it,2);{var Be=Ge=>{var st=mc();m(Ge,st)},vt=Ge=>{var st=yc(),Mt=s(ct(st),2);dt(Mt,21,()=>n(H).files,ot,(lt,We)=>{const nt=O(()=>n(We).fit.level==="perfect"?"●":n(We).fit.level==="marginal"?"◐":"○");var wt=Yi(),Xe=l(wt),at={};z(()=>{b(Xe,`${n(nt)??""} ${n(We).filename??""}`),at!==(at=n(We).filename)&&(wt.value=(wt.__value=n(We).filename)??"")}),m(lt,wt)});var Yt=s(Mt,2),ft=l(Yt),Ne=s(l(ft),2),Et=s(ft,2),qt=l(Et),gt=s(l(qt));$e(gt,()=>gi(a));var pe=s(qt,2),Ye=s(Yt,2);{var Nt=lt=>{var We=bc(),nt=s(l(We)),wt=l(nt),Xe=s(nt,2);z(at=>b(wt,`~${at??""}k`),[()=>Math.round(n(Y).optimal_ctx/1024)]),C("click",Xe,at=>{at.preventDefault(),h(Q,n(Y).optimal_ctx,!0)}),m(lt,We)};q(Ye,lt=>{var We;(We=n(Y))!=null&&We.optimal_ctx&<(Nt)})}var At=s(Ye,2);{var _t=lt=>{var We=_c(),nt=l(We),wt=s(l(nt),2),Xe=l(wt),at=s(nt,2),Pt=l(at);z((An,_r,Vr)=>{b(Xe,`~${An??""} GB · ~${_r??""} Tok/s · ${(n(Y).quant||"GGUF")??""}`),kt(at,1,`fit-badge ${Vr??""}`),b(Pt,n(Y).fit.text)},[()=>(n(Y).fit.req_gb??0).toFixed(1),()=>Math.round(n(Y).fit.tps??0),()=>g(n(Y).fit.level)]),m(lt,We)};q(At,lt=>{n(Y)&<(_t)})}var Bn=s(At,2);{var Wn=lt=>{const We=O(()=>n(H).files.find(Pt=>Pt.fit.level!=="too_tight"&&Pt.filename!==n(re)));var nt=or(),wt=ct(nt);{var Xe=Pt=>{var An=wc(),_r=s(l(An)),Vr=l(_r);z(Ur=>b(Vr,`${n(We).filename??""} (${Ur??""})`),[()=>E(n(We).fit.level)]),C("click",_r,Ur=>{Ur.preventDefault(),h(re,n(We).filename,!0),F()}),m(Pt,An)},at=Pt=>{var An=kc();m(Pt,An)};q(wt,Pt=>{n(We)?Pt(Xe):Pt(at,-1)})}m(lt,nt)};q(Bn,lt=>{var We,nt;((We=n(Y))==null?void 0:We.fit.level)==="too_tight"&&((nt=n(H))!=null&&nt.files)&<(Wn)})}var En=s(Bn,2),xa=l(En);z(()=>{var lt,We;kt(En,1,`primary${((lt=n(Y))==null?void 0:lt.fit.level)==="too_tight"?" warn":""}`),En.disabled=n(ze),b(xa,n(ze)?"Starte…":((We=n(Y))==null?void 0:We.fit.level)==="too_tight"?"Trotzdem holen (zu groß — nicht empfohlen)":"Herunterladen & Einpflegen")}),C("change",Mt,F),ar(Mt,()=>n(re),lt=>h(re,lt)),Tn(Ne,()=>n(Ue),lt=>h(Ue,lt)),Tn(pe,()=>n(Q),lt=>h(Q,lt)),C("click",En,Ce),m(Ge,st)},qe=Ge=>{var st=xc();m(Ge,st)};q(me,Ge=>{var st,Mt;n(ze)&&!n(H)?Ge(Be):(Mt=(st=n(H))==null?void 0:st.files)!=null&&Mt.length?Ge(vt,1):n(ze)||Ge(qe,2)})}z(()=>{b(tt,n(mt)),b(X,n(A))}),C("click",_,Ge=>{Ge.target.classList.contains("modal-overlay")&&h(Ve,!1)}),C("click",B,()=>h(Ve,!1)),m(w,_)};q(Vn,w=>{n(Ve)&&w(ra)})}var Un=s(Vn,2);{var Ua=w=>{var _=Ec(),I=l(_),B=l(I),ae=s(B,2),tt=l(ae),it=s(ae,6),X=s(it,4),me=s(X,4);dt(me,17,()=>n(ie),ot,(Ge,st,Mt)=>{var Yt=Mc(),ft=l(Yt),Ne=s(ft,2),Et=s(Ne,2);dt(Et,20,()=>["Q4_K_M","Q5_K_M","Q6_K","Q8_0","Q3_K_M"],ot,(gt,pe)=>{var Ye=Yi(),Nt=l(Ye),At={};z(()=>{b(Nt,pe),At!==(At=pe)&&(Ye.__value=pe)}),m(gt,Ye)});var qt=s(Et,2);Tn(ft,()=>n(st).repo,gt=>n(st).repo=gt),Tn(Ne,()=>n(st).role,gt=>n(st).role=gt),ar(Et,()=>n(st).quant,gt=>n(st).quant=gt),C("click",qt,()=>h(ie,n(ie).filter((gt,pe)=>pe!==Mt),!0)),m(Ge,Yt)});var Be=s(me,2),vt=s(Be,4),qe=l(vt);z(()=>{b(tt,n(ge)?"Setup bearbeiten":"Eigenes Setup erstellen"),b(qe,n(ge)?"Änderungen speichern":"Setup speichern")}),C("click",_,Ge=>{Ge.target.classList.contains("modal-overlay")&&h(rt,!1)}),C("click",B,()=>h(rt,!1)),Tn(it,()=>n(L),Ge=>h(L,Ge)),Tn(X,()=>n(U),Ge=>h(U,Ge)),C("click",Be,()=>h(ie,[...n(ie),{repo:"",role:"",quant:"Q4_K_M"}],!0)),C("click",vt,J),m(w,_)};q(Un,w=>{n(rt)&&w(Ua)})}z(()=>{Wt.disabled=n(D),b(S,n(D)?"Suche…":"Aktualisieren"),It.disabled=n(Ae),b(Ht,n(Ae)?"Lade…":"Suchen")}),C("click",xe,N),C("click",Wt,()=>pt(!0)),C("keydown",et,w=>w.key==="Enter"&&Ct()),Tn(et,()=>n(te),w=>h(te,w)),ar(Se,()=>n(V),w=>h(V,w)),C("click",It,Ct),m(e,be),aa()}ya(["click","keydown","change"]);var Cc=k(`<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=k('<span class="mono-sm"> </span>'),$c=k('<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>'),Dc=k('<span class="chip" role="button" tabindex="0"> </span>'),zc=k('<div style="margin-top:10px"><a href="#" style="color:var(--mut);font-size:12.5px">Auswahl aufheben (alle)</a></div>'),Lc=k('<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>'),Oc=k('<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),Rc=k('<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),Bc=k('<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),Ic=k('<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),qc=k('<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>'),Nc=k('<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">Für welches Werkzeug brauchst du die Konfiguration?</div> <div class="grid grid-4" style="gap:8px"></div></div> <div class="card"><div class="card-h"><h3>4 · Config-Snippet</h3></div> <!></div> <!>',1),Fc=k('<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>'),Kc=k('<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 Gc(e,t){na(t,!0);const a=O(()=>br.value),r=O(()=>{var L;return(((L=n(a))==null?void 0:L.models)||[]).filter(U=>!U.incomplete)}),i=O(v);let o=R("zed"),d=R(Ut([])),c=R(""),u=R(!1);function v(){return`http://${location.hostname}:8080/v1`}function g(L){return/^\d{1,3}(\.\d{1,3}){3}$/.test(L)}function E(){return location.protocol==="https:"||!g(location.hostname)}const p=O(()=>n(d).length?n(d):n(r).map(L=>L.name)),y=O(()=>n(p)[0]||"coder"),T=O(()=>{var L;return(L=n(r).find(U=>{var ie,ge;return(ge=(ie=U.meta)==null?void 0:ie.caps)==null?void 0:ge.includes("Bild")}))==null?void 0:L.name});function $(L,U){const ge=(U.length?n(r).filter(Te=>U.includes(Te.name)):n(r).length?n(r):[{name:"coder",meta:{}}]).map(Te=>{var xt,Ct;const bt=(((xt=Te.meta)==null?void 0:xt.caps)||[]).some(St=>/Bild|Vision/i.test(St)),pt=((Ct=Te.meta)==null?void 0:Ct.ctx)||131072;return` { "name": "${Te.name}", "display_name": "${Te.name}", "max_tokens": ${pt}${bt?', "capabilities": { "tools": true, "images": true }':""} }`}).join(`,
|
||
`);return`"language_models": {
|
||
"openai_compatible": {
|
||
"bosgame": {
|
||
"api_url": "${L}",
|
||
"available_models": [
|
||
${ge}
|
||
]
|
||
}
|
||
}
|
||
}`}function x(L,U){const ge=(U.length?n(r).filter(Te=>U.includes(Te.name)):n(r).length?n(r):[{name:"coder",meta:{}}]).map(Te=>{var pt;const bt=((pt=Te.meta)==null?void 0:pt.ctx)||131072;return` "${Te.name}": { "name": "${Te.name}", "contextWindowSize": ${bt} }`}).join(`,
|
||
`);return`"provider": {
|
||
"llama-swap": {
|
||
"npm": "@ai-sdk/openai-compatible",
|
||
"name": "Bosgame (llama-swap)",
|
||
"options": {
|
||
"baseURL": "${L}",
|
||
"apiKey": "local"
|
||
},
|
||
"models": {
|
||
${ge}
|
||
}
|
||
}
|
||
}`}async function D(){h(c,"Teste…");try{const L=await Me("/api/integration/test");h(u,L.ok,!0),h(c,L.ok?`✓ Verbunden — ${L.models.length} Modell(e): ${L.models.join(", ")}`:`✗ Keine Verbindung: ${L.error}`,!0)}catch(L){h(u,!1),h(c,"✗ "+L.message)}}function ke(L){var ie;const U=L.querySelector("code");U&&((ie=navigator.clipboard)==null||ie.writeText(U.textContent||""))}function te(L){var U;(U=navigator.clipboard)==null||U.writeText(L.value)}var ue=Kc(),Ae=s(ct(ue),2),K=s(l(Ae),6),V=l(K),fe=s(V,2),he=s(K,2);{var De=L=>{var U=Cc();m(L,U)},Ve=O(()=>E());q(he,L=>{n(Ve)&&L(De)})}var mt=s(he,2),A=l(mt),H=s(A,2);{var re=L=>{var U=Pc(),ie=l(U);z(()=>{pn(U,`color:${n(u)?"#7ee29a":"#ff9b95"}`),b(ie,n(c))}),m(L,U)};q(H,L=>{n(c)&&L(re)})}var Ue=s(Ae,2),Q=s(l(Ue),2);dt(Q,20,()=>[["⚡","Kein manuelles Starten nötig",'Wenn du in Zed oder OpenCode „coder" auswählst und eine Anfrage sendest, lädt llama-swap das Modell automatisch — in ca. 2–5 Sekunden.'],["🔄","Modelle wechseln sich automatisch ab","Rufst du ein anderes Modell auf, entlädt llama-swap das aktuelle (nach TTL-Ablauf) und lädt das neue. Es läuft immer nur eines gleichzeitig."],["🧠","Zwei Modelle gleichzeitig aktiv halten","Du hast 124 GB RAM — genug für z.B. Scout 8B (~5 GB) dauerhaft geladen + ein größeres Modell das swappt. Dafür beim Scout im Modelle-Tab → Konfigurieren die TTL auf 99999 setzen."]],ot,(L,U)=>{var ie=O(()=>sr(U,3));let ge=()=>n(ie)[0],Te=()=>n(ie)[1],bt=()=>n(ie)[2];var pt=$c(),xt=l(pt),Ct=l(xt),St=s(xt,2),$t=l(St),Ot=l($t),Bt=s($t,2),P=l(Bt);z(()=>{b(Ct,ge()),b(Ot,Te()),b(P,bt())}),m(L,pt)});var ze=s(Ue,2);{var Y=L=>{var U=Nc(),ie=ct(U),ge=l(ie),Te=s(l(ge),2),bt=l(Te),pt=s(ge,4);dt(pt,21,()=>n(r),ot,(J,de)=>{const se=O(()=>n(d).includes(n(de).name));var Z=Dc(),be=l(Z);z(()=>{pn(Z,`cursor:pointer;${n(se)?"background:rgba(45,212,191,.2);border-color:var(--accent);color:var(--accent)":""}`),b(be,n(de).name)}),C("click",Z,()=>h(d,n(se)?n(d).filter(ve=>ve!==n(de).name):[...n(d),n(de).name],!0)),C("keydown",Z,ve=>ve.key==="Enter"&&h(d,n(se)?n(d).filter(ye=>ye!==n(de).name):[...n(d),n(de).name],!0)),m(J,Z)});var xt=s(pt,2);{var Ct=J=>{var de=zc(),se=l(de);C("click",se,Z=>{Z.preventDefault(),h(d,[],!0)}),m(J,de)};q(xt,J=>{n(d).length&&J(Ct)})}var St=s(ie,2),$t=s(l(St),4);dt($t,20,()=>[["zed","Zed","Schneller nativer Editor — Empfohlen"],["opencode","OpenCode","Open-Source Coding-Agent (Terminal/Desktop)"],["cline","Cline / Cursor","VS Code Extension, Bring-Your-Own-Key"],["openwebui","OpenWebUI","Browser-Chat-Interface"]],ot,(J,de)=>{var se=O(()=>sr(de,3));let Z=()=>n(se)[0],be=()=>n(se)[1],ve=()=>n(se)[2];var ye=Lc(),xe=l(ye),_e=l(xe),M=s(xe,2),W=l(M);z(()=>{kt(ye,1,`card-btn${n(o)===Z()?" cb-best":""}`),b(_e,be()),b(W,ve())}),C("click",ye,()=>h(o,Z(),!0)),m(J,ye)});var Ot=s(St,2),Bt=s(l(Ot),2);{var P=J=>{const de=O(()=>$(n(i),n(p)));var se=Oc(),Z=s(ct(se),4),be=l(Z),ve=s(be,2),ye=l(ve),xe=l(ye),_e=s(Z,4),M=s(l(_e)),W=l(M);z(()=>{b(xe,n(de)),b(W,`bosgame / ${n(y)??""}`)}),C("click",be,le=>ke(le.currentTarget.parentElement)),m(J,se)},F=J=>{const de=O(()=>x(n(i),n(p)));var se=Rc(),Z=s(ct(se),6),be=l(Z),ve=s(be,2),ye=l(ve),xe=l(ye),_e=s(Z,2),M=s(l(_e),3),W=l(M);z(()=>{b(xe,n(de)),b(W,`llama-swap/${n(y)??""}`)}),C("click",be,le=>ke(le.currentTarget.parentElement)),m(J,se)},Ce=J=>{var de=Bc(),se=s(ct(de),4),Z=l(se),be=s(Z,2),ve=s(se,4),ye=l(ve),xe=s(ye,2);z(()=>{kr(Z,n(i)),kr(ye,n(y))}),C("click",be,_e=>te(_e.currentTarget.previousElementSibling)),C("click",xe,_e=>te(_e.currentTarget.previousElementSibling)),m(J,de)},ut=J=>{var de=Ic(),se=s(ct(de),4),Z=l(se),be=s(Z,2),ve=s(se,4),ye=l(ve),xe=s(ye,2);z(()=>kr(Z,n(i))),C("click",be,_e=>te(_e.currentTarget.previousElementSibling)),C("click",xe,_e=>te(_e.currentTarget.previousElementSibling)),m(J,de)};q(Bt,J=>{n(o)==="zed"?J(P):n(o)==="opencode"?J(F,1):n(o)==="cline"?J(Ce,2):n(o)==="openwebui"&&J(ut,3)})}var N=s(Ot,2);{var Le=J=>{const de=O(()=>`curl ${n(i)}/chat/completions \\
|
||
-H "Content-Type: application/json" \\
|
||
-d '{
|
||
"model": "${n(T)}",
|
||
"messages": [{"role":"user","content":[{"type":"text","text":"Was ist auf dem Bild falsch?"},{"type":"image_url","image_url":{"url":"data:image/png;base64,<DEIN_BILD>"}}]}]
|
||
}'`);var se=qc(),Z=l(se),be=s(l(Z),2),ve=l(be);$e(ve,()=>Dt("check"));var ye=s(ve),xe=s(Z,4),_e=l(xe),M=s(_e,2),W=l(M),le=l(W);z(()=>{b(ye,` „${n(T)??""}" bereit`),b(le,n(de))}),C("click",_e,Je=>ke(Je.currentTarget.parentElement)),m(J,se)};q(N,J=>{n(T)&&J(Le)})}z(()=>b(bt,n(d).length?`${n(d).length} von ${n(r).length} ausgewählt`:"alle werden eingeschlossen")),m(L,U)},rt=L=>{var U=Fc(),ie=s(l(U),2),ge=s(l(ie),4);C("click",ge,()=>{var Te;return(Te=document.querySelector(".nav-item[data-view='cookbook']"))==null?void 0:Te.dispatchEvent(new MouseEvent("click"))}),m(L,U)};q(ze,L=>{n(r).length?L(Y):L(rt,-1)})}z(()=>kr(V,n(i))),C("click",fe,L=>{const U=L.currentTarget.previousElementSibling;te(U)}),C("click",A,D),m(e,ue),aa()}ya(["click","keydown"]);var Vc=k('<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>'),Uc=k('<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>'),Wc=k('<div class="empty" style="text-align:center;padding:40px">Lade News… (erstes Laden kann kurz dauern)</div>'),Hc=k('<div class="alert err" style="margin:0"> </div>'),jc=k('<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>'),Jc=k('<span class="news-rel">für dich</span>'),Qc=k('<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>'),Zc=k('<div class="news-grid"></div>'),Yc=k('<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 Xc(e,t){na(t,!0);let a=R(Ut([])),r=R(Ut([])),i=R(!0),o=R("");const d=K=>K==="perfect"?"ok":K==="marginal"?"warn":"bad";function c(K){const V=Math.max(0,Date.now()/1e3-K);return V<60?V+"s":V<3600?Math.floor(V/60)+"m":V<86400?Math.floor(V/3600)+"h":Math.floor(V/86400)+"d"}async function u(){h(i,!0),h(o,"");try{h(a,(await Me("/api/news")).items||[],!0)}catch(K){h(o,K.message||"Fehler beim Laden",!0)}finally{h(i,!1)}}async function v(){try{h(r,(await Me("/api/cookbook/upgrades")).upgrades||[],!0)}catch{h(r,[],!0)}}async function g(K,V){var fe;V.disabled=!0,V.textContent="Starte…";try{await Me("/api/cookbook/install-model",{method:"POST",body:JSON.stringify({repo:K.repo,role:K.role,params_b:K.params_b,quant:K.quant,hf_token:ir()})}),(fe=document.querySelector(".nav-item[data-view='activity']"))==null||fe.dispatchEvent(new MouseEvent("click"))}catch(he){V.disabled=!1,V.textContent="Installieren",alert("Fehler: "+he.message)}}function E(){u(),v()}mr(()=>{u(),v()});var p=Yc(),y=ct(p),T=s(l(y),2),$=s(y,2);{var x=K=>{var V=Uc(),fe=l(V),he=s(l(fe),2),De=l(he),Ve=s(fe,4);dt(Ve,21,()=>n(r),ot,(mt,A)=>{var H=Vc(),re=l(H),Ue=l(re),Q=l(Ue),ze=l(Q),Y=s(Q,2),rt=l(Y),L=s(Ue,2),U=l(L),ie=s(re,2);z(ge=>{b(ze,n(A).name),kt(Y,1,`fit-badge ${ge??""}`),b(rt,n(A).fit.text),b(U,`Ersetzt dein „${n(A).old??""}". ${n(A).why??""}`)},[()=>d(n(A).fit.level)]),C("click",ie,ge=>g(n(A),ge.currentTarget)),m(mt,H)}),z(()=>b(De,n(r).length)),m(K,V)};q($,K=>{n(r).length&&K(x)})}var D=s($,2);{var ke=K=>{var V=Wc();m(K,V)},te=K=>{var V=Hc(),fe=l(V);z(()=>b(fe,n(o))),m(K,V)},ue=K=>{var V=jc();m(K,V)},Ae=K=>{var V=Zc();dt(V,21,()=>n(a),ot,(fe,he,De)=>{var Ve=Qc();kt(Ve,1,`news-card${De===0?" featured":""}`);var mt=l(Ve),A=l(mt),H=l(A),re=s(A,2);{var Ue=L=>{var U=Jc();m(L,U)};q(re,L=>{n(he).relevant&&L(Ue)})}var Q=s(re,2),ze=l(Q),Y=s(mt,2),rt=l(Y);z(L=>{Fr(Ve,"href",n(he).link),b(H,n(he).source),b(ze,L),b(rt,n(he).title)},[()=>n(he).ts?c(n(he).ts):""]),m(fe,Ve)}),m(K,V)};q(D,K=>{n(i)?K(ke):n(o)?K(te,1):n(a).length?K(Ae,-1):K(ue,2)})}C("click",T,E),m(e,p),aa()}ya(["click"]);const eu=[{label:"Einstieg",tutorials:[["Dein erster Workflow — in 3 Schritten",`
|
||
<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>Die Antwort hängt davon ab, was du hauptsächlich tun willst:</p>
|
||
<div class="tut-table">
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">Ich will einfach chatten, Texte schreiben, Fragen stellen</div>
|
||
<div class="tut-cell-bd">→ <b>OpenWebUI</b> — klassische Chat-Oberfläche im Browser.
|
||
Kein Programmieren, kein Setup. Ideal als Einstieg.</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">Ich programmiere und will KI in VS Code</div>
|
||
<div class="tut-cell-bd">→ <b>Cline</b> — KI-Assistent direkt im Editor.
|
||
Zeigt dir jeden Schritt und fragt vor Änderungen.</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">Ich will, dass die KI eigenständig ganze Features baut</div>
|
||
<div class="tut-cell-bd">→ <b>OpenCode</b> — autonomer Coding-Agent im Terminal oder als Desktop-App.
|
||
Liest Dateien, schreibt Code, führt Befehle aus.</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">Ich will einen schnellen Editor mit eingebautem KI-Panel</div>
|
||
<div class="tut-cell-bd">→ <b>Zed</b> — nativer Editor mit direktem Modell-Zugriff.
|
||
Schnell, minimalistisch, für Leute die Gewicht auf Performance legen.</div>
|
||
</div>
|
||
</div>
|
||
<p style="margin-top:10px"><b>Faustregel:</b> Fang mit <b>OpenWebUI</b> an. Wenn du merkst dass
|
||
du dieselben Aufgaben immer wieder beschreibst und dann manuell umsetzt — wechsle zu
|
||
<b>OpenCode</b> oder <b>Cline</b>.</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>Nützliche Befehle während der Arbeit:</b></p>
|
||
<ul class="tut-steps" style="list-style:disc">
|
||
<li><code>/model</code> — Modell mitten im Gespräch wechseln (z.B. auf <em>scout</em> für kurze Fragen)</li>
|
||
<li><code>/compact</code> — Kontext komprimieren wenn er voll wird</li>
|
||
<li><code>/clear</code> — frischer Start, leerer Kontext</li>
|
||
</ul>
|
||
<p>Bevor OpenCode eine Datei ändert, fragt es nach — mit <b>y</b> bestätigen oder <b>n</b> ablehnen.</p>`],["Cline in VS Code verbinden und nutzen",`
|
||
<p>Cline ist installiert (VS Code Extension)? So richtest du es ein:</p>
|
||
<ol class="tut-steps">
|
||
<li>Das Cline-Panel in VS Code öffnen (Roboter-Icon in der linken Leiste).</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>
|
||
<ul class="tut-steps" style="list-style:disc">
|
||
<li><b>Plan:</b> Cline erklärt erst seinen Plan — du kannst ihn korrigieren bevor er handelt. Ideal für Anfänger.</li>
|
||
<li><b>Act:</b> Cline handelt sofort, fragt aber vor jeder Dateiänderung um Erlaubnis. Schneller.</li>
|
||
</ul>
|
||
<p><b>Unterschied zu OpenCode:</b> Cline arbeitet direkt in VS Code — du siehst Änderungen sofort im Editor.
|
||
OpenCode ist besser für große, autonome Aufgaben; Cline für Aufgaben die du Schritt für Schritt begleiten willst.</p>`],["OpenWebUI — chatten ohne Vorkenntnisse",`
|
||
<p>OpenWebUI ist installiert? Verbinden in 3 Schritten:</p>
|
||
<ol class="tut-steps">
|
||
<li>OpenWebUI im Browser öffnen → <b>Admin Panel</b> → <b>Connections</b>.</li>
|
||
<li><b>+ OpenAI-Verbindung</b> hinzufügen → Basis-URL aus Tab <b>Verbinden</b> (Abschnitt OpenWebUI) kopieren.</li>
|
||
<li>API-Key: <code>dummy-key</code> (egal was hier steht). Speichern.</li>
|
||
</ol>
|
||
<p>Danach oben das Modell wählen (<em>coder</em>, <em>scout</em> oder <em>vision</em>) und loslegen
|
||
— genau wie bei ChatGPT, nur lokal und privat.</p>
|
||
<p><b>Bilder analysieren:</b> Mit einem Vision-Modell (z.B. <em>qwen3-vl</em>) einfach ein Bild
|
||
per Drag & Drop ins Chat-Fenster ziehen — das Modell beschreibt und analysiert es.</p>
|
||
<p><b>Gut für:</b> Texte schreiben, übersetzen, zusammenfassen, erklären lassen, Brainstorming —
|
||
alles ohne Programmierkenntnisse.</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>
|
||
</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 für den Einstieg:</b></p>
|
||
<ul class="tut-steps" style="list-style:disc">
|
||
<li><b>brave-search / tavily</b> — im Web suchen und recherchieren</li>
|
||
<li><b>github</b> — Repos, Issues und Pull Requests lesen</li>
|
||
<li><b>filesystem</b> — sichere Dateizugriffe außerhalb des Projektordners</li>
|
||
</ul>
|
||
<p><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>,
|
||
oder direkt: <em>„Welche MCPs gibt es für [dein Werkzeug]?"</em> im Chat fragen.</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>
|
||
<ul class="tut-steps" style="list-style:disc">
|
||
<li><a href="https://cursor.directory" target="_blank" rel="noopener">cursor.directory</a>
|
||
— vorgefertigte Rules für React, Vue, Python, etc.</li>
|
||
<li>Einfach fragen: <em>„Schreib mir eine AGENTS.md für ein React + TypeScript Projekt mit Tailwind."</em></li>
|
||
</ul>`],["Die Persona — deinem Agenten eine Rolle geben",`
|
||
<p>Eine <b>Persona</b> ist eine Rolle, die du dem Agenten gibst — über den System-Prompt oder
|
||
die erste Zeile deiner AGENTS.md. Sie bestimmt grundlegend wie der Agent antwortet:
|
||
Ton, Fokus, Detailtiefe und Verhalten.</p>
|
||
<p><b>Ohne Persona:</b> Allgemeines Sprachmodell. <b>Mit Persona:</b> Dein persönlicher
|
||
Senior-Entwickler, der genau weiß wie du arbeitest und was dir wichtig ist.</p>
|
||
|
||
<p><b>Das Persona-Template:</b></p>
|
||
<pre class="tut-code">Du bist [Name], [Rolle].
|
||
Dein Fokus: [Hauptaufgabe]
|
||
Dein Stil: [Kommunikationsstil — z.B. direkt, knapp, kein Smalltalk]
|
||
Sprache: Immer auf Deutsch antworten. Code-Kommentare auf Englisch.
|
||
Grenzen: [Was du ablehnst oder nachfragst statt zu raten]</pre>
|
||
|
||
<p><b>Beispiel 1 — Coding-Assistent:</b></p>
|
||
<pre class="tut-code">Du bist Alex, ein erfahrener Senior-Entwickler spezialisiert auf TypeScript und React.
|
||
Dein Fokus: Code schreiben, reviewen und erklären — immer mit konkreten Beispielen.
|
||
Dein Stil: direkt, pragmatisch. Keine unnötigen Erklärungen wenn der Code für sich spricht.
|
||
Sprache: Deutsch. Code-Kommentare auf Englisch.
|
||
Grenzen: Schreib keinen Code ohne den Kontext der Datei zu kennen. Frag lieber nach.</pre>
|
||
|
||
<p><b>Beispiel 2 — Lernbegleiter:</b></p>
|
||
<pre class="tut-code">Du bist Sam, eine geduldige Lernbegleiterin für Programmier-Anfänger.
|
||
Dein Fokus: Konzepte einfach erklären, Fehler ohne Kritik korrigieren, ermutigen.
|
||
Dein Stil: freundlich, mit Analogien aus dem Alltag. Fachbegriffe immer sofort erklären.
|
||
Sprache: Immer auf Deutsch. Niemals Englisch ohne Übersetzung.</pre>
|
||
|
||
<p><b>Wo die Persona 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.
|
||
Gilt nur dort.</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">Global (immer)</div>
|
||
<div class="tut-cell-bd"><code>~/.config/opencode/AGENTS.md</code> (OpenCode)<br>
|
||
Settings → System Prompt (OpenWebUI)</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">Im laufenden Chat</div>
|
||
<div class="tut-cell-bd">Einfach schreiben: <em>„Ab jetzt bist du ein …"</em> —
|
||
gilt nur für diese Unterhaltung.</div>
|
||
</div>
|
||
</div>
|
||
<p style="margin-top:10px"><b>Tipp:</b> Eine gute Persona hat immer eine <em>Grenze</em>
|
||
— was der Agent nicht tun soll. Das verhindert, dass er bei Unklarheiten rät statt fragt.</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>
|
||
<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</pre>
|
||
|
||
<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>`]]},{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>`]]}],tu=[["LLM / Modell","Die KI selbst — versteht und schreibt Text (wie ChatGPT, nur lokal auf deinem PC). Ein Modell ist eine konkrete Datei, oft auf etwas spezialisiert (Code, Bilder, Chat)."],["GGUF","Das lokal lauffähige Dateiformat. llama-swap lädt nur GGUF — Repos ohne GGUF kann die Engine nicht nutzen."],["Quantisierung (Q4_K_M)","Verkleinert ein Modell (16-Bit → 4-Bit), damit es in den Speicher passt — bei kaum Qualitätsverlust. Q4_K_M ist der bewährte Sweetspot aus Qualität und Geschwindigkeit."],["Kontextfenster","Das Kurzzeitgedächtnis: wie viel Text sich das Modell gleichzeitig merken kann. Größer = mehr Überblick, mehr Speicher, etwas langsamer."],["Token","Die kleinste Einheit die ein Modell verarbeitet — meist 3–4 Zeichen oder ein kurzes Wort. 1 000 Tokens ≈ 750 Wörter. Kontextfenster, Geschwindigkeit und Kosten werden in Tokens gemessen."],["Auto-Swap","llama-swap lädt/entlädt Modelle automatisch — immer nur eins gleichzeitig. Du managst nichts."],["TTL (Time to Live)","Wie lange ein Modell nach der letzten Anfrage im RAM bleibt bevor es entladen wird. Standard: 5 Minuten. ∞ = bleibt dauerhaft geladen (sinnvoll für den Scout)."],["Agent","Ein Programm (OpenCode, Cline, Continue), das das Modell in einer Handlungsschleife laufen lässt — Dateien lesen/ändern, Befehle ausführen, planen, bis die Aufgabe erledigt ist."],["MCP","Model Context Protocol — der Stecker, über den ein Agent zusätzliche Werkzeuge bekommt (Web, Datenbank, GitHub …). MCP = neue Fähigkeiten."],["Skills / Rules","Kurze Textdatei (AGENTS.md, .clinerules …) mit Anweisungen wie der Agent in deinem Projekt arbeiten soll — einmal geschrieben, immer befolgt."],["System-Prompt","Eine unsichtbare Anweisung die vor deiner Nachricht steht und das Verhalten des Modells grundlegend prägt (Sprache, Ton, Rolle). Skills nutzen oft den System-Prompt."],["Vision","Modelle mit Vision-Fähigkeit können Bilder verstehen — Screenshots, Diagramme, Fehlerfotos. Erkennbar am mmproj-Projektor der mitgeladen wird."]];var nu=k('<details class="guide-acc"><summary> </summary> <div class="acc-body"></div></details>'),au=k('<div class="card guide-card svelte-112sh7i"><div class="guide-group-hd svelte-112sh7i"> </div> <!></div>'),ru=k('<div class="concept"><h4> </h4> <p> </p></div>'),iu=k('<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 su(e){var t=iu(),a=s(ct(t),2);dt(a,17,()=>eu,ot,(i,o,d)=>{var c=au(),u=l(c),v=l(u),g=s(u,2);dt(g,17,()=>n(o).tutorials,ot,(E,p,y)=>{var T=O(()=>sr(n(p),2));let $=()=>n(T)[0],x=()=>n(T)[1];var D=nu();D.open=d===0&&y===0;var ke=l(D),te=l(ke),ue=s(ke,2);$e(ue,x,!0),z(()=>b(te,$())),m(E,D)}),z(()=>b(v,n(o).label)),m(i,c)});var r=s(a,4);dt(r,21,()=>tu,ot,(i,o)=>{var d=O(()=>sr(n(o),2));let c=()=>n(d)[0],u=()=>n(d)[1];var v=ru(),g=l(v),E=l(g),p=s(g,2),y=l(p);z(()=>{b(E,c()),b(y,u())}),m(i,v)}),m(e,t)}let Xi={};function lu(){const e=document.getElementById("top-active-text");e&&(e.classList.add("swap-flash"),setTimeout(()=>e.classList.remove("swap-flash"),900))}function es(e){var i;const t=document.getElementById("swdot"),a=document.getElementById("swlabel"),r=document.getElementById("top-active-text");if(!e)t&&(t.className="dot off"),a&&(a.textContent="Backend nicht erreichbar"),r&&(r.textContent="Backend offline"),ts("Backend nicht erreichbar – läuft uvicorn?",!1);else{const o=(e.swap_url||"").replace(/^https?:\/\//,"");t&&(t.className="dot "+(e.swap_ok?"on":"off")),a&&(a.textContent=(e.swap_ok?"LLM-Engine: Online – ":"LLM-Engine: Offline – ")+o);const d=["running","ready","loading","starting"],c=(e.models||[]).find(v=>d.includes(v.state));if(r)if(c){const v=(i=c.meta)!=null&&i.ctx?` <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>':"";r.innerHTML=`<b style="color:var(--accent)">${c.name}</b>${v}${g}`}else r.innerHTML='<span style="color:var(--mut)">Kein Modell im VRAM</span>';e.swap_ok?uu():ts(`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=Xi[v];if(E&&E!==g&&(g==="running"||g==="loading")){lu();break}}Xi=u}ou(e),br.set(e)}function ou(e){const t=document.getElementById("sec-chip"),a=document.getElementById("sec-chip-tx");!t||!a||(t.classList.toggle("ok",!!(e!=null&&e.secured)),a.textContent=e!=null&&e.secured?"Geschützt · Heimnetz":"Nur im Heimnetz (offen)")}function du(e){da.set(e||[])}function cu(e){$i.set(e)}function ts(e,t){const a=document.getElementById("alert");a.className="alert"+(t?" warn":""),a.innerHTML=`<span class="a-dot"></span><span>${e}</span>`,a.style.display="flex"}function uu(){const e=document.getElementById("alert");e&&(e.style.display="none")}const vu=e=>{var t;return(t=document.querySelector(`.nav-item[data-view="${e}"]`))==null?void 0:t.click()};function ei(e,t,a,r){const i=document.createElement("span");return i.className="upd-badge"+(t?" "+t:""),i.textContent=e,r&&(i.title=r),i.onclick=()=>vu(a),i}async function tl(){try{const e=await Me("/api/updates"),t=document.getElementById("update-badges");if(!t)return;const a=e.apt_cache_age_h,r=a!=null&&a>24,i=a!=null?` · apt-Cache: vor ${a}h`:"";t.innerHTML="",t.appendChild(ei(e.os>0?`OS: ${e.os} Updates`:r?"OS: ?":"OS: aktuell",e.os>0||r?"warn":"ok","server",e.os>0?`${e.os} Pakete${i}`:r?`apt-Cache veraltet (${a}h)`:`Keine Updates${i}`)),t.appendChild(ei(e.engine>0?"Engine: Update":"Engine: aktuell",e.engine>0?"warn":"ok","server")),t.appendChild(ei(e.models>0?`Modelle: ${e.models}`:"Modelle: aktuell",e.models>0?"warn":"ok","news"))}catch{}}async function Gr(){try{es(await Me("/api/status"))}catch{es(null)}}async function nl(){try{du(await Me("/api/jobs"))}catch{}}function al(){const e=window.location.protocol==="https:"?"wss:":"ws:",t=new WebSocket(`${e}//${window.location.host}/api/system/stream`);t.onmessage=a=>{try{cu(JSON.parse(a.data))}catch{}},t.onclose=()=>{setTimeout(al,3e3)},t.onerror=()=>t.close()}var ls;((ls=document.getElementById("logo"))==null?void 0:ls.innerHTML)!==void 0&&(document.getElementById("logo").innerHTML=Kr.logo);document.querySelectorAll("[data-ic]").forEach(e=>{e.innerHTML=Kr[e.dataset.ic||""]||""});const fu=[["overview",cd],["models",Md],["activity",Rd],["server",Wd],["cookbook",Tc],["connect",Gc],["news",Xc],["guides",su]];for(const[e,t]of fu){const a=document.querySelector(`.view[data-view="${e}"]`);a&&xo(t,{target:a})}Uo("overview");const ti=document.getElementById("token");ti&&(ti.value=el(),ti.addEventListener("change",e=>{No(e.target.value),Gr()}));const ni=document.getElementById("hf-token");ni&&(ni.value=ir(),ni.addEventListener("change",e=>Ko(e.target.value)));const ns=document.getElementById("nav-settings"),ai=document.getElementById("settings-modal"),as=document.getElementById("sm-close");ns&&ai&&as&&(ns.addEventListener("click",()=>ai.style.display="flex"),as.addEventListener("click",()=>ai.style.display="none"));function pu(){const e=document.getElementById("clock");e&&(e.textContent=new Date().toTimeString().slice(0,5))}document.addEventListener("mc:refresh",Gr);Gr();nl();al();setInterval(pu,1e3);setInterval(Gr,3e3);setInterval(nl,1500);tl();setInterval(tl,6e4);
|