Hitonabi
05acad5af8
Quellen/Links: - OpenCode → opencode.ai/docs - Cline → cline.bot - OpenWebUI → openwebui.com - MCP → mcp.run, smithery.ai, modelcontextprotocol.io/servers - Skills & Rules → skills.sh (neu), cursor.directory - Persona → skills.sh, cursor.directory - AGENTS.MD → skills.sh, opencode.ai/docs Neue .tut-sources CSS-Klasse: dezente Trennlinie, Teal-Links. Persona-Tutorial grundlegend erweitert: - Zwei Dimensionen erklärt (WAS der Agent tut vs. WIE er mit dir umgeht) - Template um Beziehungs-/Interaktionszeile erweitert - Beispiele zeigen jetzt auch Feedback-Stil, Proaktivität, Fehlerkultur - Neues Onboarding-Interview-Template: Agent befragt den Nutzer selbst (6-8 Fragen, eine nach der anderen) und schreibt daraus eine maßgeschneiderte AGENTS.md — der schnellste Weg zu einer echten Persona. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
474 lines
165 KiB
JavaScript
474 lines
165 KiB
JavaScript
var rl=Object.defineProperty;var $i=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),Ur=(e,t,a)=>t.has(e)||$i("Cannot "+a);var f=(e,t,a)=>(Ur(e,t,"read from private field"),a?a.call(e):t.get(e)),ce=(e,t,a)=>t.has(e)?$i("Cannot add the same private member more than once"):t instanceof WeakSet?t.add(e):t.set(e,a),oe=(e,t,a,r)=>(Ur(e,t,"write to private field"),r?r.call(e,a):t.set(e,a),a),Ne=(e,t,a)=>(Ur(e,t,"access private method"),a);var bi=Array.isArray,sl=Array.prototype.indexOf,Tr=Array.prototype.includes,Ir=Array.from,ll=Object.defineProperty,Ya=Object.getOwnPropertyDescriptor,ol=Object.getOwnPropertyDescriptors,dl=Object.prototype,cl=Array.prototype,os=Object.getPrototypeOf,Di=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 Wt=2,Ra=4,Br=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,Ia=65536,Cr=1<<17,fl=1<<18,Ga=1<<19,pl=1<<20,zn=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,zl=1,$l=2,Dt=Symbol("uninitialized"),fs="http://www.w3.org/1999/xhtml",Dl="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 Il(){console.warn("https://svelte.dev/e/svelte_boundary_reset_noop")}function ps(e){return e===this.v}function Bl(e,t){return e!=e?t==t:e!==t||e!==null&&typeof e=="object"||typeof e=="function"}function hs(e){return!Bl(e,this.v)}let Gt=null;function Ba(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)Is(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 Fl=-7169;function Tt(e,t){e.f=e.f&Fl|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&Wt)===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 Nl(e){let t=0,a=ka(0),r;return()=>{Ei()&&(n(a),Fr(()=>(t===0&&(r=Wa(()=>e(()=>tr(a)))),t+=1,()=>{ha(()=>{t-=1,t===0&&(r==null||r(),r=void 0,tr(a))})})))}}var Kl=Ia|Ga;function Gl(e,t,a,r){new Wl(e,t,a,r)}var cn,mi,un,ca,Xt,vn,jt,ln,Bn,ua,Jn,Ca,cr,ur,qn,Lr,yt,Vl,Ul,Hl,oi,Sr,Mr,di,ci;class Wl{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,Bn,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,Nl(()=>(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(()=>{Ne(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){Ne(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(()=>{Ne(this,yt,ci).call(this,t)})):Ne(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,Bn=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,Vl=function(){try{oe(this,vn,fn(()=>f(this,ca).call(this,f(this,cn))))}catch(t){this.error(t)}},Ul=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,Bn,document.createDocumentFragment()),r=Kn();a.append(r),oe(this,vn,Ne(this,yt,Mr).call(this,()=>fn(()=>f(this,ca).call(this,r)))),f(this,Jn)===0&&(f(this,cn).before(a),oe(this,Bn,null),ma(f(this,jt),()=>{oe(this,jt,null)}),Ne(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,Bn,document.createDocumentFragment());Pi(f(this,vn),t);const a=f(this,un).pending;oe(this,jt,fn(()=>a(f(this,cn))))}else Ne(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)),Ba(f(this,Xt).ctx);try{return wa.ensure(),t()}catch(o){return bs(o),null}finally{On(a),mn(r),Ba(i)}},di=function(t,a){var r;if(!this.has_pending_snippet()){this.parent&&Ne(r=this.parent,yt,di).call(r,t,a);return}oe(this,Jn,f(this,Jn)+t),f(this,Jn)===0&&(Ne(this,yt,Sr).call(this,a),f(this,jt)&&ma(f(this,jt),()=>{oe(this,jt,null)}),f(this,Bn)&&(f(this,cn).before(f(this,Bn)),oe(this,Bn,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){Il();return}i=!0,o&&El(),f(this,ln)!==null&&ma(f(this,ln),()=>{oe(this,ln,null)}),Ne(this,yt,Mr).call(this,()=>{Ne(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,Ne(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)}zr()}}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(),zr()}):p()}function Jl(){var e=Ee,t=we,a=Gt,r=j;return function(o=!0){On(e),mn(t),Ba(a),o&&(e.f&gn)===0&&(r==null||r.activate(),r==null||r.apply())}}function zr(e=!0){On(null),mn(null),Ba(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=Wt|Kt;return Ee!==null&&(Ee.f|=Ga),{ctx:Gt,deps:null,effects:null,equals:ps,f:t,fn:e,reactions:null,rv:0,v:Dt,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(Dt),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,z=>{z!==qr&&v.reject(z)}).finally(zr)}catch(z){v.reject(z),zr()}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 z of c.values())z.reject(ja);c.add(v),g.async_deriveds.set(u,v)}const p=(z,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,z)),g.deactivate())};v.promise.then(p,z=>p(null,z||"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 Ws(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!==Dt&&(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=Us(),(!(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||(Nt!==null?(Ei()||j!=null&&j.is_fork)&&Nt.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&&Fa(t)}let Hr=null,Sa=null,j=null,Xa=null,Nt=null,ui=null,er=!1,jr=!1,Ea=null,Er=null;var Li=0;let eo=1;var Pa,Qn,va,za,$a,Da,Fn,La,en,vr,Nn,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,za,new Set);ce(this,$a,new Set);ce(this,Da,0);ce(this,Fn,new Map);ce(this,La,null);ce(this,en,[]);ce(this,vr,[]);ce(this,Nn,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!==Dt&&!this.previous.has(t)&&this.previous.set(t,t.v),(t.f&Xn)===0&&(this.current.set(t,[a,r]),Nt==null||Nt.set(t,a)),this.is_fork||(t.v=a)}activate(){j=this}deactivate(){j=null,Nt=null}flush(){try{jr=!0,j=this,Ne(this,je,Ja).call(this)}finally{Li=0,ui=null,Ea=null,Er=null,jr=!1,j=null,Nt=null,ga.clear()}}discard(){var t;for(const a of f(this,$a))a(this);f(this,$a).clear();for(const a of this.async_deriveds.values())a.reject(ja);Ne(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,Da,f(this,Da)+1),t){let r=f(this,Fn).get(a)??0;f(this,Fn).set(a,r+1)}}decrement(t,a){if(oe(this,Da,f(this,Da)-1),t){let r=f(this,Fn).get(a)??0;r===1?f(this,Fn).delete(a):f(this,Fn).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,Nn).add(r);for(const r of a)f(this,wn).add(r);t.clear(),a.clear()}oncommit(t){f(this,za).add(t)}ondiscard(t){f(this,$a).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(){{Nt=null;return}}schedule(t){var i;if(ui=t,(i=t.b)!=null&&i.is_pending&&(t.f&(Ra|Br|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&Wt)===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,za=new WeakMap,$a=new WeakMap,Da=new WeakMap,Fn=new WeakMap,La=new WeakMap,en=new WeakMap,vr=new WeakMap,Nn=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,Fn).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&&(Ne(this,je,Qa).call(this),ao());for(const p of f(this,Nn))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{Ne(this,je,fi).call(this,p,a,r)}catch(y){throw Ts(p),Ne(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,Ne(this,je,vi).call(this)){Ne(this,je,Ma).call(this,r),Ne(this,je,Ma).call(this,a);for(const[p,y]of f(this,Cn))As(p,y);i.length>0&&Ne(u=j,je,Ja).call(u);return}const d=Ne(this,je,Ss).call(this);if(d){Ne(this,je,Ma).call(this,r),Ne(this,je,Ma).call(this,a),Ne(v=d,je,Ms).call(v,this);return}f(this,Nn).clear(),f(this,wn).clear();for(const p of f(this,za))p(this);f(this,za).clear(),Xa=this,Oi(r),Oi(a),Xa=null,(g=f(this,La))==null||g.resolve();var c=j;if(f(this,Da)===0&&(f(this,en).length===0||c!==null)&&Ne(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&&Ne(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),Fa(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,Nn),f(t,wn));const a=i=>{var o=i.reactions;if(o!==null)for(const u of o){var d=u.f;if((d&Wt)!==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()),Ne(r=t,je,Qa).call(r),j=this,Ne(this,je,Ja).call(this)},Ma=function(t){for(var a=0;a<t.length;a+=1)ws(t[a],f(this,Nn),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,z]]of this.current){if(p.current.has(y)){var r=p.current.get(y)[0];if(t&&T!==r)p.current.set(y,[T,z]);else continue}a.push(y)}if(t)for(const[y,T]of this.async_deriveds){const z=p.async_deriveds.get(y);z&&T.promise.then(z.resolve).catch(z.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 z;(T.f&(xn|Aa))!==0?p.schedule(T):Ne(z=p,je,Ma).call(z,[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 z=this.current.get(y);return z?z[0]!==T[0]||z[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,Nn).add(y));if(f(p,en).length>0&&!f(p,fa)){p.apply();for(var g of f(p,en))Ne(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,Fa(r),r.deps===null&&r.first===null&&r.nodes===null&&r.teardown===null&&r.ac===null&&Ns(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&&Fa(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&Wt)!==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&Wt)!==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 $r=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 Ws(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&(Wt|xn|Aa|Cr))!==0&&($n===null||!$n.has(e))&&Ml();let r=a?Vt(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&Wt)!==0){const i=e;(e.f&Kt)!==0&&ki(i),Nt===null&&_i(i)}e.wv=Us(),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&&$r.size>0&&!Cs&&io()}return t}function io(){Cs=!1;for(const e of $r){(e.f&Lt)!==0&&Tt(e,Ln);let t;try{t=gr(e)}catch{t=!0}t&&Fa(e)}$r.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)$r.add(d);else if((c&Wt)!==0){var v=d;Nt==null||Nt.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 Vt(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),Fi(o);var g=c();return mn(u),Fi(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(Dt));a.set(u,g),tr(i)}}else h(v,Dt),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=Vt(E?c[u]:Dt),z=R(T);return z}),a.set(u,g)),g!==void 0){var p=n(g);return p===Dt?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!==Dt)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!==Dt||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?Vt(c[u]):Dt,T=R(y);return T}),a.set(u,v));var E=n(v);if(E===Dt)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,Dt):y in c&&(T=d(()=>R(Dt)),a.set(y+"",T))}if(E===void 0)(!p||(te=Ya(c,u))!=null&&te.writable)&&(E=d(()=>R(void 0)),h(E,Vt(v)),a.set(u,E));else{p=E.v!==Dt;var z=d(()=>Vt(v));h(E,z)}var x=Reflect.getOwnPropertyDescriptor(c,u);if(x!=null&&x.set&&x.set.call(g,v),!p){if(r&&typeof u=="string"){var $=a.get("length"),ke=Number(u);Number.isInteger(ke)&&ke>=$.v&&h($,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!==Dt});for(var[v,g]of a)g.v!==Dt&&!(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 Ii,zs,$s,Ds;function lo(){if(Ii===void 0){Ii=window,zs=/Firefox/.test(navigator.userAgent);var e=Element.prototype,t=Node.prototype,a=Text.prototype;$s=Ya(t,"firstChild").get,Ds=Ya(t,"nextSibling").get,Di(e)&&(e[si]=void 0,e[yr]=null,e[li]=void 0,e.__e=void 0),Di(a)&&(a[Ha]=void 0)}}function Kn(e=""){return document.createTextNode(e)}function Yn(e){return $s.call(e)}function hr(e){return Ds.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 Bi=!1;function co(){Bi||(Bi=!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{Fa(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&Ia)!==0&&i!==null&&(i.f|=Ia))}if(i!==null&&(i.parent=a,a!==null&&vo(i,a),we!==null&&(we.f&Wt)!==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(Br,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 Is(e)}function Is(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 Bs(e){return Gn(Ra,e)}function po(e){return Gn(Aa|Ga,e)}function Fr(e,t=0){return Gn(Br|t,e)}function D(e,t=[],a=[],r=[]){jl(r,t,a,i=>{Gn(Br,()=>{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&&(Fs(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&&Ns(e),e.next=e.prev=e.teardown=e.ctx=e.deps=e.fn=e.nodes=e.ac=e.b=null}function Fs(e,t){for(;e!==null;){var a=e===t?null:hr(e);e.remove(),e=a}}function Ns(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&Ia)!==0||(i.f&Mn)!==0&&(e.f&xn)!==0;Ks(i,t,d?a:!1)}i=o}}}function Dr(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&Ia)!==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 $n=null;function Ws(e){we!==null&&($n??($n=new Set)).add(e)}let tn=null,sn=0,dn=null;function go(e){dn=e}let Vs=1,la=0,ba=la;function Fi(e){ba=e}function Us(){return++Vs}function gr(e){var t=e.f;if((t&Kt)!==0)return!0;if(t&Wt&&(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&&Nt===null&&Tt(e,Lt)}return!1}function Hs(e,t,a=!0){var r=e.reactions;if(r!==null&&!($n!==null&&$n.has(e)))for(var i=0;i<r.length;i++){var o=r[i];(o.f&Wt)!==0?Hs(o,t,!1):t===o&&(a?Tt(o,Kt):(o.f&Lt)!==0&&Tt(o,Ln),xi(o))}}function js(e){var z;var t=tn,a=sn,r=dn,i=we,o=$n,d=Gt,c=Sn,u=ba,v=e.f;tn=null,sn=0,dn=null,we=(v&(Mn|ea))===0?e:null,$n=null,Ba(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++)((z=p[T]).reactions??(z.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&(Wt|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,$n=o,Ba(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&Wt)!==0&&(tn===null||!Tr.call(tn,t))){var o=t;(o.f&hn)!==0&&(o.f^=hn,o.f&=~_a),o.v!==Dt&&_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 Fa(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=Vs;var o}finally{Ar=r,Ee=a}}}async function bo(){await Promise.resolve(),no()}function n(e){var t=e.f,a=(t&Wt)!==0;if(we!==null&&!Sn){var r=Ee!==null&&(Ee.f&gn)!==0;if(!r&&($n===null||!$n.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(Nt!=null&&Nt.has(e))return Nt.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&Wt)!==0&&(t.f&hn)===0&&(xs(t),Js(t))}function Qs(e){if(e.v===Dt)return!0;if(e.deps===null)return!1;for(const t of e.deps)if(ga.has(t)||(t.f&Wt)!==0&&Qs(t))return!0;return!1}function Wa(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 Ni=null;function Ki(e){var z,x;var t=this,a=t.ownerDocument,r=e.type,i=((z=e.composedPath)==null?void 0:z.call(e))||[],o=i[0]||e.target;Ni=e;var d=0,c=Ni===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($){p?y.push($):p=$}if(e.cancelBubble)break;d++,o=d<i.length?i[d]:null}if(p){for(let $ of y)queueMicrotask(()=>{throw $});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 Na(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&zl)!==0,r=(t&$l)!==0,i,o=!e.startsWith("<!>");return()=>{i===void 0&&(i=yo(o?e:"<!>"+e),a||(i=Yn(i)));var d=r||zs?document.importNode(i,!0):i.cloneNode(!0);if(a){var c=Yn(d),u=d.lastChild;Na(c,u)}else Na(d,d);return d}}function nr(e=""){{var t=Kn(e+"");return Na(t,t),t}}function or(){var e=document.createDocumentFragment(),t=document.createComment(""),a=Kn();return e.append(t,a),Na(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 z=y[T];if(!E.has(z)){E.add(z);var x=wo(z);for(const te of[t,document]){var $=wr.get(te);$===void 0&&($=new Map,wr.set(te,$));var ke=$.get(z);ke===void 0?(te.addEventListener(z,Ki,{passive:x}),$.set(z,1)):$.set(z,ke+1)}}}};return p(Ir(Zs)),pi.add(p),()=>{var x;for(var y of E)for(const $ of[t,document]){var T=wr.get($),z=T.get(y);--z==0?($.removeEventListener(y,Ki),T.delete(y),T.size===0&&wr.delete($)):T.set(y,z)}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)Dr(r),f(this,pa).delete(a);else{var i=f(this,on).get(a);i&&(Dr(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?Ia: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,Ir(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|=zn;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?[]:Ir(te)}),p,y=new Map,T=!0;function z(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&zn)===0?Dr(g):(g.f^=zn,Za(g,null,d)):ma(g,()=>{g=null})))}function x(te){ke.pending.delete(te)}var $=Ti(()=>{p=n(E);for(var te=p.length,ue=new Set,Ae=j,K=Ls(),W=0;W<te;W+=1){var fe=p[W],he=r(fe,W),$e=T?null:c.get(he);$e?($e.v&&qa($e.v,fe),$e.i&&qa($e.i,W),K&&Ae.unskip_effect($e.e)):($e=Co(c,T?d:Gi??(Gi=Kn()),fe,he,W,i,t,a),T||($e.e.f|=zn),c.set(he,$e)),ue.add(he)}if(te===0&&o&&!g&&(T?g=fn(()=>o(d)):(g=fn(()=>o(Gi??(Gi=Kn()))),g.f|=zn)),te>ue.size&&bl(),!T)if(y.set(Ae,ue),K){for(const[We,mt]of c)ue.has(We)||Ae.skip_effect(mt.e);Ae.oncommit(z),Ae.ondiscard(x)}else z(Ae);n(E)}),ke={effect:$,items:c,pending:y,outrogroups:null,fallback:g};T=!1}function Ua(e){for(;e!==null&&(e.f&Mn)===0;)e=e.next;return e}function To(e,t,a,r,i){var $e,We,mt,A,H,re,Ve,Q,De;var o=(r&Cl)!==0,d=t.length,c=e.items,u=Ua(e.effect.first),v,g=null,E,p=[],y=[],T,z,x,$;if(o)for($=0;$<d;$+=1)T=t[$],z=i(T,$),x=c.get(z).e,(x.f&zn)===0&&((We=($e=x.nodes)==null?void 0:$e.a)==null||We.measure(),(E??(E=new Set)).add(x));for($=0;$<d;$+=1){if(T=t[$],z=i(T,$),x=c.get(z).e,e.outrogroups!==null)for(const Y of e.outrogroups)Y.pending.delete(x),Y.done.delete(x);if((x.f&Jt)!==0&&(Dr(x),o&&((A=(mt=x.nodes)==null?void 0:mt.a)==null||A.unfix(),(E??(E=new Set)).delete(x))),(x.f&zn)!==0)if(x.f^=zn,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=Ua(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,$-=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=Ua(u.next);if(u===null)continue}(x.f&zn)===0&&p.push(x),g=x,u=Ua(x.next)}if(e.outrogroups!==null){for(const Y of e.outrogroups)Y.pending.size===0&&(hi(e,Ir(Y.done)),(H=e.outrogroups)==null||H.delete(Y));e.outrogroups.size===0&&(e.outrogroups=null)}if(u!==null||v!==void 0){var W=[];if(v!==void 0)for(x of v)(x.f&Jt)===0&&W.push(x);for(;u!==null;)(u.f&Jt)===0&&u!==e.fallback&&W.push(u),u=Ua(u.next);var fe=W.length;if(fe>0){var he=(r&vs)!==0&&d===0?a:null;if(o){for($=0;$<fe;$+=1)(Ve=(re=W[$].nodes)==null?void 0:re.a)==null||Ve.measure();for($=0;$<fe;$+=1)(De=(Q=W[$].nodes)==null?void 0:Q.a)==null||De.fix()}Ao(e,W,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&zn)===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 ze(e,t,a=!1,r=!1,i=!1,o=!1){var d=e,c="";if(a)var u=e;D(()=>{var v=Ee;if(c!==(c=t()??"")){if(a){v.nodes=null,u.innerHTML=c,c!==""&&Na(Yn(u),u.lastChild);return}if(v.nodes!==null&&(Fs(v.nodes.start,v.nodes.end),v.nodes=null),c!==""){var g=r?Dl:i?Ll:void 0,E=Os(r?"svg":i?"math":"template",g);E.innerHTML=c;var p=r||i?E:E.content;if(Na(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 zo(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=zo(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 $o(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)}),Bs(()=>{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}),$o(e)}function rr(e){return"__value"in e?e.__value:e.value}const Do=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 Nr(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]={[Do]:e.nodeName.includes("-"),[Lo]:e.namespaceURI===fs})}var Wi=new Map;function Ro(e){var t=e.getAttribute("is")||e.nodeName,a=Wi.get(t);if(a)return a;Wi.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))}}}),Wa(t)==null&&e.value&&(a(Qr(e)?Zr(e.value):e.value),j!==null&&r.add(j)),Fr(()=>{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 Io(e,t,a=t){Mi(e,"change",r=>{var i=r?e.defaultChecked:e.checked;a(i)}),Wa(t)==null&&a(e.checked),Fr(()=>{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 Bo(e={},t,a,r){var i=Gt.r,o=Ee;return Bs(()=>{var d,c;return Fr(()=>{d=c,c=[],Wa(()=>{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=Wa(e);if(typeof t=="function")return t})}function qo(e){Gt===null&&us(),mr(()=>()=>Wa(e))}let dr=localStorage.getItem("mc_token")||"";function el(){return dr}function Fo(e){dr=(e||"").trim(),localStorage.setItem("mc_token",dr)}function No(){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:No(),...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),Vi=(e,t=document)=>[...t.querySelectorAll(e)];function Dn(e){return String(e??"").replace(/[&<>]/g,t=>({"&":"&","<":"<",">":">"})[t])}let Ui;function ee(e,t=!1){const a=Go("#toast");a&&(a.textContent=e,a.className="toast show"+(t?" err":""),clearTimeout(Ui),Ui=setTimeout(()=>a.className="toast",3200))}function Wo(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 $t(e){return Kr[e]||""}function gi(e){return`<span class="info-dot" tabindex="0" title="${Dn(e)}" aria-label="${Dn(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>${Dn(e)}</h3>
|
||
<p>${t}</p>
|
||
<div class="modal-actions">
|
||
<button data-x="0">${Dn(r)}</button>
|
||
<button class="${i?"danger":"primary"}" data-x="1">${Dn(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>${Dn(e)}</h3>
|
||
${t?`<p>${t}</p>`:""}
|
||
<input type="${r?"password":"text"}" placeholder="${Dn(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">${Dn(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 Vo(e="overview"){const t=Vi(".nav-item[data-view]:not(.disabled)"),a=Vi(".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(Vt([])),jn=R(Vt([]));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 zi={get value(){return n(Qi)},set(e){h(Qi,e,!0)}},Uo="5";var ss;typeof window<"u"&&((ss=window.__svelte??(window.__svelte={})).v??(ss.v=new Set)).add(Uo);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(()=>zi.value),i=O(()=>{var S;return((S=n(a))==null?void 0:S.models)||[]}),o=O(()=>{var S;return((S=n(a))==null?void 0:S.swap_ok)??!1}),d=["running","ready","loading","starting"],c=O(()=>n(i).find(S=>d.includes(S.state))),u=O(()=>n(i).filter(S=>!S.incomplete)),v=O(()=>n(a)?n(o)?n(r)&&n(r).ram.percent>=90?"Achtung: Speicher wird knapp.":"Alles läuft rund.":"LLM-Engine offline":"Verbinde…"),g=O(()=>n(a)?n(o)?n(r)&&n(r).ram.percent>=90?`Arbeitsspeicher bei ${Math.round(n(r).ram.percent)} % — eventuell Speicher freigeben.`:`${n(u).length} ${n(u).length===1?"Modell":"Modelle"} konfiguriert · ${n(c)?`„${n(c).name}" geladen`:"keines geladen"} · keine Warnungen.`:"Der llama-swap-Dienst antwortet gerade nicht.":""),E=O(()=>()=>{var G;const S=(G=n(r))==null?void 0:G.gpu;return S&&S.vram.total+S.gtt.total>0?(S.vram.used+S.gtt.used)/(S.vram.total+S.gtt.total)*100:0});let p=R(Vt([])),y=R(null);mr(async()=>{try{h(p,((await Me("/api/news")).items||[]).slice(0,4),!0)}catch{}});async function T(){await yn({title:"Speicher freigeben?",body:"Alle aktuell geladenen Modelle werden aus dem Grafikspeicher geworfen. Sie laden beim nächsten Aufruf automatisch neu.",confirmLabel:"Speicher freigeben"})&&(await Me("/api/unload",{method:"POST"}),x())}async function z(S){h(y,S,!0);try{await Me("/api/preload?model="+encodeURIComponent(S),{method:"POST"})}catch(G){ee("Laden fehlgeschlagen: "+(G.message||"Engine nicht erreichbar?"),!0)}h(y,null),x()}function x(){document.dispatchEvent(new Event("mc:refresh"))}function $(S){var G;(G=document.querySelector(`.nav-item[data-view="${S}"]`))==null||G.dispatchEvent(new MouseEvent("click"))}function ke(S){return S>=90?"red":S>=75?"":"green"}function te(S){return S==null?"":S>=75?"red":S>=55?"":"green"}function ue(S){return S>=90?"red":S>=70?"":"green"}var Ae=dd(),K=ct(Ae),W=l(K),fe=l(W),he=l(fe),$e=s(he);{var We=S=>{var G=Ho();m(S,G)};q($e,S=>{n(o)&&!n(c)&&S(We)})}var mt=s(fe,2),A=l(mt),H=s(K,2),re=l(H),Ve=l(re),Q=s(l(Ve),2);ze(Q,()=>$t("server"),!0);var De=s(Ve,2),Y=l(De),rt=s(De,2),L=l(rt),V=s(re,2),ie=l(V),ge=s(l(ie),2);ze(ge,()=>$t("cpu"),!0);var Te=s(ie,2),bt=l(Te),pt=s(Te,2),xt=l(pt);{var Ct=S=>{var G=nr();D(Oe=>b(G,`${Oe??""} · ${n(c).state??""}`),[()=>{var Oe;return(Oe=n(c).meta)!=null&&Oe.ctx?Math.round(n(c).meta.ctx/1024)+"k ctx":""}]),m(S,G)},St=S=>{var G=nr("lädt bei erster Anfrage");m(S,G)};q(xt,S=>{n(c)?S(Ct):S(St,-1)})}var zt=s(V,2);{var Ot=S=>{const G=O(()=>{var Vn;return n(r).gpu_temp??((Vn=n(r).cpu)==null?void 0:Vn.temp)??null}),Oe=O(()=>te(n(G))),ne=O(()=>n(r).ram.total-n(r).ram.used),Be=O(()=>100-n(r).ram.percent);var Ze=jo(),et=ct(Ze),Se=l(et),Pe=s(l(Se));ze(Pe,()=>$t("thermo"),!0);var Re=s(Se,2),Rt=l(Re),Bt=s(Re,2),Ht=l(Bt),an=s(et,2),bn=l(an),Ke=s(l(bn));ze(Ke,()=>$t("database"),!0);var ht=s(bn,2),Rn=l(ht),Wn=s(ht,2),ra=l(Wn);D((Vn,Va,w,_)=>{kt(et,1,`kpi ${n(Oe)??""}`),b(Rt,Vn),b(Ht,n(G)==null?"messe…":n(G)<55?"kühl":n(G)<75?"normal":"⚠ heiß"),kt(an,1,`kpi ${n(Be)<15?"red":n(Be)<30?"":"green"}`),b(Rn,Va),b(ra,`von ${w??""} GB · ${_??""} % frei`)},[()=>n(G)!=null?`${Math.round(n(G))}°C`:"–",()=>Math.round(n(ne)/1073741824),()=>Math.round(n(r).ram.total/1073741824),()=>Math.round(n(Be))]),m(S,Ze)},It=S=>{var G=Jo();m(S,G)};q(zt,S=>{n(r)?S(Ot):S(It,-1)})}var P=s(H,2),N=l(P),Ce=s(l(N),4);{var ut=S=>{const G=O(()=>n(E)());var Oe=or(),ne=ct(Oe);dt(ne,17,()=>{var Be;return[["Prozessor (CPU)",((Be=n(r).cpu)==null?void 0:Be.percent)??0,""],["Arbeitsspeicher (RAM)",n(r).ram.percent,ke(n(r).ram.percent)],["Grafikspeicher (VRAM)",n(G),ue(n(G))]]},ot,(Be,Ze)=>{var et=O(()=>sr(n(Ze),3));let Se=()=>n(et)[0],Pe=()=>n(et)[1];const Re=O(()=>Math.max(0,Math.min(100,Pe()||0)));var Rt=Qo(),Bt=l(Rt),Ht=l(Bt),an=l(Ht),bn=s(Ht),Ke=l(bn),ht=s(Bt,2),Rn=l(ht);D((Wn,ra)=>{b(an,Se()),b(Ke,`${Wn??""} %`),kt(ht,1,`bar ${n(Re)>=90?"bad":n(Re)>=75?"warn":""}`),pn(Rn,`width:${ra??""}%`)},[()=>Math.round(n(Re)),()=>Math.max(2,n(Re))]),m(Be,Rt)}),m(S,Oe)},F=S=>{var G=Zo();m(S,G)};q(Ce,S=>{n(r)?S(ut):S(F,-1)})}var Le=s(N,2),J=s(l(Le),2);{var de=S=>{var G=Yo(),Oe=s(ct(G),2),ne=l(Oe);ze(ne,()=>$t("search"),!0);var Be=s(ne,4);ze(Be,()=>$t("chevron"),!0);var Ze=s(Oe,2),et=l(Ze);ze(et,()=>$t("swap"),!0);var Se=s(et,4);ze(Se,()=>$t("chevron"),!0);var Pe=s(Ze,2),Re=l(Pe);ze(Re,()=>$t("file"),!0);var Rt=s(Re,4);ze(Rt,()=>$t("chevron"),!0),C("click",Oe,()=>$("cookbook")),C("click",Ze,()=>$("connect")),C("click",Pe,()=>$("guides")),m(S,G)},se=S=>{var G=Xo(),Oe=s(ct(G),2),ne=l(Oe);ze(ne,()=>$t("search"),!0);var Be=s(ne,4);ze(Be,()=>$t("chevron"),!0);var Ze=s(Oe,2),et=l(Ze);ze(et,()=>$t("refresh"),!0);var Se=s(et,4);ze(Se,()=>$t("chevron"),!0);var Pe=s(Ze,2),Re=l(Pe);ze(Re,()=>$t("file"),!0);var Rt=s(Re,4);ze(Rt,()=>$t("chevron"),!0);var Bt=s(Pe,2),Ht=l(Bt);ze(Ht,()=>$t("swap"),!0);var an=s(Ht,4);ze(an,()=>$t("chevron"),!0),C("click",Oe,()=>$("cookbook")),C("click",Ze,T),C("click",Pe,()=>$("server")),C("click",Bt,()=>$("connect")),m(S,G)};q(J,S=>{n(u).length?S(se,-1):S(de)})}var Z=s(P,2),be=l(Z),ve=l(be),ye=s(l(ve),2),xe=l(ye),_e=s(ve,2);{var M=S=>{var G=Zi();dt(G,21,()=>n(u),ot,(Oe,ne)=>{const Be=O(()=>d.includes(n(ne).state)),Ze=O(()=>n(ne).state==="downloading"),et=O(()=>n(ne).state==="loading"||n(ne).state==="starting"||n(Ze)?"load":n(Be)?"on":""),Se=O(()=>n(Ze)?`↓ ${n(ne).download_progress!=null?Math.round(n(ne).download_progress)+"%":"..."}`:n(ne).state==="loading"||n(ne).state==="starting"?"lädt…":n(Be)?"geladen ✓":"bereit");var Pe=id(),Re=l(Pe),Rt=s(Re,2),Bt=l(Rt),Ht=l(Bt),an=l(Ht),bn=s(Ht,2);{var Ke=X=>{var me=ed();m(X,me)},ht=O(()=>{var X,me;return(me=(X=n(ne).meta)==null?void 0:X.caps)==null?void 0:me.includes("Bild")}),Rn=X=>{var me=td();m(X,me)},Wn=O(()=>{var X,me;return(me=(X=n(ne).meta)==null?void 0:X.caps)==null?void 0:me.includes("Code")}),ra=X=>{var me=nd();m(X,me)};q(bn,X=>{n(ht)?X(Ke):n(Wn)?X(Rn,1):X(ra,-1)})}var Vn=s(bn,2);{var Va=X=>{var me=ad();m(X,me)};q(Vn,X=>{n(ne).ttl>=99999&&X(Va)})}var w=s(Bt,2),_=l(w),B=s(Rt,2),I=l(B),ae=l(I),tt=s(I,2);{var it=X=>{var me=rd(),Ie=l(me);D(()=>{pn(me,`padding:3px 9px;font-size:12px;opacity:${n(y)===n(ne).name?".5":"1"}`),me.disabled=n(y)===n(ne).name,b(Ie,n(y)===n(ne).name?"…":"Laden")}),C("click",me,()=>z(n(ne).name)),m(X,me)};q(tt,X=>{!n(Be)&&!n(Ze)&&n(o)&&X(it)})}D((X,me)=>{var Ie;kt(Re,1,`li-dot ${n(et)??""}`),pn(Ht,n(Be)?"color:var(--accent)":""),b(an,n(ne).name),b(_,`${X??""}
|
||
${(Ie=n(ne).meta)!=null&&Ie.quant?" · "+n(ne).meta.quant:""}
|
||
${me??""}`),pn(I,`white-space:nowrap;color:${n(Be)?"var(--on)":"var(--mut)"}`),b(ae,n(Se))},[()=>{var X;return(X=n(ne).meta)!=null&&X.ctx?Math.round(n(ne).meta.ctx/1024)+"k ctx":""},()=>{var X;return(X=n(ne).meta)!=null&&X.size_bytes?" · "+(n(ne).meta.size_bytes/1073741824).toFixed(1)+" GB":""}]),m(Oe,Pe)}),m(S,G)},U=S=>{var G=sd(),Oe=s(l(G),4);C("click",Oe,()=>$("cookbook")),m(S,G)};q(_e,S=>{n(u).length?S(M):S(U,-1)})}var le=s(be,2),Je=l(le),Qe=s(l(Je),2),Qt=s(Je,2);{var Zt=S=>{var G=Zi();dt(G,21,()=>n(p),ot,(Oe,ne)=>{var Be=ld(),Ze=l(Be),et=l(Ze),Se=l(et),Pe=s(et,2),Re=l(Pe);D(()=>{Nr(Be,"href",n(ne).link),b(Se,n(ne).title),b(Re,`${n(ne).source??""}${n(ne).relevant?" · für dich":""}`)}),m(Oe,Be)}),m(S,G)},Ut=S=>{var G=od();m(S,G)};q(Qt,S=>{n(p).length?S(Zt):S(Ut,-1)})}D(S=>{b(he,`${n(v)??""} `),b(A,n(g)),kt(re,1,`kpi ${n(o)?"green":"red"}`),b(Y,n(o)?"Online":"Offline"),b(L,S),kt(V,1,`kpi ${n(c)?"blue":"muted"}`),b(bt,n(c)?n(c).name:"Keins"),b(xe,n(u).length?n(u).length+" konfiguriert":"")},[()=>{var S,G;return((G=(S=n(a))==null?void 0:S.swap_url)==null?void 0:G.replace(/^https?:\/\//,""))??"—"}]),C("click",Qe,()=>$("news")),C("keydown",Qe,S=>S.key==="Enter"&&$("news")),m(e,Ae),aa()}ya(["click","keydown"]);var ud=k("<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 N;const P=n(c)||((N=n(E)[0])==null?void 0:N.name);if(!(!P||!n(u).trim())){h(g,!0),h(v,"(wecke Modell, kann beim Laden kurz dauern…)");try{const Ce=await Me("/api/chat",{method:"POST",body:JSON.stringify({model:P,message:n(u)})});h(v,Ce.reply,!0)}catch(Ce){h(v,"Fehler: "+Ce.message)}h(g,!1),d()}}const y=300;let T=R(!1),z=R(null),x=R(8192),$=R(!1);function ke(P){var N;h(z,n(o).find(Ce=>Ce.name===P),!0),n(z)&&(h(x,((N=n(z).meta)==null?void 0:N.ctx)||8192,!0),h($,(n(z).ttl??y)>=99999),h(T,!0))}async function te(){const P=n($)?99999:y;try{await Me("/api/update_model",{method:"POST",body:JSON.stringify({alias:n(z).name,ctx:n(x),ttl:P})}),ee("Gespeichert — aktiv beim nächsten Modell-Start."),h(T,!1),d()}catch(N){ee(N.message,!0)}}let ue=R(!1),Ae=R(""),K=R(""),W=R("");function fe(P){const N=n(o).find(Ce=>Ce.name===P);h(Ae,P,!0),h(W,(N==null?void 0:N.role)||"",!0),h(K,""),h(ue,!0)}async function he(P){try{await Me("/api/set_role",{method:"POST",body:JSON.stringify({alias:n(Ae),role:P})}),ee(P?`Rolle gesetzt: ${P}`:"Rolle entfernt."),h(ue,!1),d()}catch(N){ee(N.message,!0)}}async function $e(P){if(await yn({title:`„${P}" entladen?`,body:"Das Modell wird aus dem Grafikspeicher geworfen und lädt beim nächsten Aufruf automatisch neu.",confirmLabel:"Entladen"}))try{await Me("/api/unload?model="+encodeURIComponent(P),{method:"POST"}),ee("Entladen: "+P),setTimeout(d,600)}catch(N){ee(N.message,!0)}}async function We(P){if(await yn({title:`„${P}" wirklich löschen?`,body:"Das Modell wird aus der Konfiguration ausgetragen und seine Dateien werden von der Festplatte gelöscht, um Speicher freizugeben. <b>Das lässt sich nicht rückgängig machen</b> — später brauchst du dafür einen neuen Download.",confirmLabel:"Endgültig löschen",danger:!0}))try{const N=await Me("/api/delete_model",{method:"POST",body:JSON.stringify({alias:P})});ee(N.note||"Gelöscht: "+P),setTimeout(d,600)}catch(N){ee(N.message,!0)}}function mt(P){return P!=null&&P.length?P.map(N=>N==="Code"?'<span class="tag code">Code</span>':N==="Bild"?'<span class="tag img">Bild</span>':'<span class="tag text">Text</span>').join(" "):"–"}function A(P){if(!P)return"–";const N=P.quant||"?",Ce=P.ctx?Math.round(P.ctx/1024)+"K":"?",ut=P.size_bytes?(P.size_bytes/1024**3).toFixed(1)+" GB":"?";return`<span class="mono-sm">${N} · ${Ce} · ${ut}</span>`}function H(P){var N;(N=navigator.clipboard)==null||N.writeText(P),ee("Kopiert: "+P)}var re=Sd(),Ve=s(ct(re),2),Q=s(l(Ve),6);dt(Q,21,()=>n(E),ot,(P,N)=>{var Ce=ud(),ut=l(Ce),F={};D(()=>{b(ut,n(N).name),F!==(F=n(N).name)&&(Ce.value=(Ce.__value=n(N).name)??"")}),m(P,Ce)});var De=s(Q,4),Y=s(De,2),rt=l(Y),L=s(Y,2);{var V=P=>{var N=vd(),Ce=l(N);D(()=>b(Ce,n(v))),m(P,N)};q(L,P=>{n(v)&&P(V)})}var ie=s(Ve,2),ge=l(ie),Te=s(l(ge)),bt=l(Te),pt=s(ge,4);{var xt=P=>{var N=fd();m(P,N)},Ct=P=>{var N=_d(),Ce=s(l(N));dt(Ce,21,()=>n(o),ot,(ut,F)=>{var Le=or(),J=ct(Le);{var de=Z=>{var be=pd(),ve=l(be),ye=l(ve),xe=s(ve,5),_e=l(xe),M=s(_e,2);D(()=>b(ye,n(F).name)),C("click",_e,()=>{var U;ee("Lade im Cookbook ein Modell und setze den Alias auf: "+n(F).name),(U=document.querySelector(".nav-item[data-view='cookbook']"))==null||U.dispatchEvent(new MouseEvent("click"))}),C("click",M,()=>We(n(F).name)),m(Z,be)},se=Z=>{var be=bd(),ve=l(be),ye=l(ve),xe=l(ye),_e=s(xe);{var M=Se=>{var Pe=hd(),Re=l(Pe);D(()=>b(Re,n(F).role)),m(Se,Pe)};q(_e,Se=>{n(F).role&&Se(M)})}var U=s(ye,2);{var le=Se=>{var Pe=gd(),Re=l(Pe);D(()=>b(Re,n(F).meta.filename)),m(Se,Pe)};q(U,Se=>{var Pe;(Pe=n(F).meta)!=null&&Pe.filename&&Se(le)})}var Je=s(U,2),Qe=s(l(Je),2);dt(Qe,17,()=>{var Se;return(Se=n(F).api_ids)!=null&&Se.length?n(F).api_ids:[n(F).name]},ot,(Se,Pe)=>{var Re=md(),Rt=l(Re);D(()=>b(Rt,n(Pe))),C("click",Re,()=>H(n(Pe))),m(Se,Re)});var Qt=s(ve);ze(Qt,()=>{var Se;return mt((Se=n(F).meta)==null?void 0:Se.caps)},!0);var Zt=s(Qt);ze(Zt,()=>A(n(F).meta),!0);var Ut=s(Zt);ze(Ut,()=>Wo(n(F).state,n(F).download_progress),!0);var S=s(Ut),G=l(S),Oe=s(S),ne=l(Oe),Be=s(ne,2),Ze=s(Be,2),et=s(Ze,2);D(()=>{b(xe,`${n(F).name??""} `),b(G,n(F).port??"auto")}),C("click",ne,()=>fe(n(F).name)),C("click",Be,()=>ke(n(F).name)),C("click",Ze,()=>$e(n(F).name)),C("click",et,()=>We(n(F).name)),m(Z,be)};q(J,Z=>{n(F).incomplete?Z(de):Z(se,-1)})}m(ut,Le)}),m(P,N)};q(pt,P=>{n(o).length?P(Ct,-1):P(xt)})}var St=s(ie,2);{var zt=P=>{var N=kd(),Ce=l(N),ut=l(Ce),F=s(ut,4),Le=l(F),J=s(F,2),de=s(l(J));ze(de,()=>gi(a));var se=s(J,2),Z=s(se,2);{var be=le=>{var Je=wd(),Qe=l(Je),Qt=s(l(Qe),2),Zt=l(Qt),Ut=s(Zt,2),S=s(Qe,2);D((G,Oe)=>{b(Zt,`Optimal ~${G??""}k → ~${n(z).meta.peak_ram_optimal_gb??""} GB Spitzenbedarf.`),b(Ut,` Aktuell ~${Oe??""}k → ~${n(z).meta.peak_ram_gb??""} GB.`)},[()=>Math.round(n(z).meta.optimal_ctx/1024),()=>Math.round((n(z).meta.ctx||0)/1024)]),C("click",S,()=>h(x,n(z).meta.optimal_ctx,!0)),m(le,Je)};q(Z,le=>{var Je;(Je=n(z).meta)!=null&&Je.optimal_ctx&&le(be)})}var ve=s(Z,4),ye=s(l(ve),2),xe=l(ye),_e=s(xe,2),M=l(_e),U=s(ve,2);D(()=>{b(Le,n(z).name),pn(_e,`color:${n($)?"var(--accent)":"var(--mut)"}`),b(M,n($)?"An (TTL = ∞)":"Aus (TTL = 5 min)")}),C("click",N,le=>{le.target.classList.contains("modal-overlay")&&h(T,!1)}),C("click",ut,()=>h(T,!1)),Tn(se,()=>n(x),le=>h(x,le)),Io(xe,()=>n($),le=>h($,le)),C("click",U,te),m(P,N)};q(St,P=>{n(T)&&n(z)&&P(zt)})}var Ot=s(St,2);{var It=P=>{var N=xd(),Ce=l(N),ut=l(Ce),F=s(ut,2),Le=s(l(F));ze(Le,()=>gi(r));var J=s(F,2),de=l(J),se=s(J,4);dt(se,21,()=>i,ot,(xe,_e)=>{var M=yd(),U=l(M);D(()=>{kt(M,1,n(W)===n(_e).id?"primary":"ghost"),Nr(M,"title",n(_e).desc),b(U,n(_e).label)}),C("click",M,()=>he(n(_e).id)),m(xe,M)});var Z=s(se,4),be=s(Z,2),ve=l(be),ye=s(ve,2);D(()=>b(de,n(Ae))),C("click",N,xe=>{xe.target.classList.contains("modal-overlay")&&h(ue,!1)}),C("click",ut,()=>h(ue,!1)),Tn(Z,()=>n(K),xe=>h(K,xe)),C("click",ve,()=>he("")),C("click",ye,()=>he(n(K).trim().toLowerCase())),m(P,N)};q(Ot,P=>{n(ue)&&P(It)})}D(()=>{Y.disabled=n(g),b(rt,n(g)?"…":"Senden"),b(bt,n(o).length?n(o).length+" konfiguriert":"")}),ar(Q,()=>n(c),P=>h(c,P)),Tn(De,()=>n(u),P=>h(u,P)),C("click",Y,p),m(e,re),aa()}ya(["click"]);var Ed=k('<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>'),zd=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>'),$d=k('<div class="bar" style="margin-top:8px"><i></i></div>'),Dd=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(()=>zi.value);let o=Vt({cpu:[],ram:[],gpu:[]});Ai(()=>{var re;if(!n(i))return;const A=n(i).gpu,H=A&&A.vram.total+A.gtt.total>0?(A.vram.used+A.gtt.used)/(A.vram.total+A.gtt.total)*100:0;o.cpu=[...o.cpu,((re=n(i).cpu)==null?void 0:re.percent)??0].slice(-60),o.ram=[...o.ram,n(i).ram.percent].slice(-60),o.gpu=[...o.gpu,H].slice(-60)});const d=O(()=>()=>{var H;const A=(H=n(i))==null?void 0:H.gpu;return A&&A.vram.total+A.gtt.total>0?(A.vram.used+A.gtt.used)/(A.vram.total+A.gtt.total)*100:0}),c=O(()=>n(a).filter(A=>A.state!=="running"&&A.state!=="queued").length),u=O(()=>n(a).filter(A=>A.state==="failed").length);function v(A){if(A.state!=="running")return null;if(typeof A.progress=="number")return Math.min(100,A.progress);const re=((A.log||[]).at(-1)||"").match(/(\d+(?:\.\d+)?)\s*%/);return re?Math.min(100,parseFloat(re[1])):null}function g(A){return A==null||A<0?"":A>=90?`noch ~${Math.round(A/60)} min`:`noch ~${Math.max(1,Math.round(A))} s`}function E(A){return A==="done"?'<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 z(){try{const A=await Me("/api/jobs/clear",{method:"POST"});ee(`${A.removed} Einträge entfernt.`)}catch(A){ee(A.message,!0)}}function x(A,H){return A.map(re=>`<div style="width:4px;background:var(${H});opacity:.55;height:${Math.max(2,re)}%;border-radius:2px"></div>`).join("")}var $=Od(),ke=s(ct($),2);{var te=A=>{const H=O(()=>n(d)());var re=Ed(),Ve=ct(re),Q=l(Ve),De=s(l(Q),2),Y=l(De),rt=s(De,2),L=l(rt),V=s(Q,2),ie=s(l(V),2),ge=l(ie),Te=s(ie,2),bt=l(Te),pt=s(V,2),xt=s(l(pt),2),Ct=l(xt),St=s(xt,2),zt=l(St),Ot=s(Ve,2),It=s(l(Ot),4),P=l(It),N=s(l(P)),Ce=l(N),ut=s(P,2),F=s(l(ut),2),Le=l(F),J=s(ut,2),de=s(l(J)),se=l(de),Z=s(J,2),be=s(l(Z),2),ve=l(be),ye=s(It,2),xe=l(ye),_e=s(l(xe));ze(_e,()=>x(o.cpu,"--accent"),!0);var M=s(xe,2),U=s(l(M));ze(U,()=>x(o.ram,"--purple"),!0);var le=s(M,2),Je=s(l(le));ze(Je,()=>x(o.gpu,"--on"),!0),D((Qe,Qt,Zt,Ut,S,G,Oe,ne,Be,Ze,et,Se,Pe)=>{b(Y,Qe),b(L,Qt),b(ge,Zt),b(bt,`${Ut??""} / ${S??""}`),b(Ct,G),b(zt,Oe),b(Ce,`${ne??""} / ${Be??""}`),b(Le,Ze),b(se,`${et??""} % belegt`),b(ve,`${Se??""} / ${Pe??""}`)},[()=>{var Qe;return Math.round(((Qe=n(i).cpu)==null?void 0:Qe.percent)??0)},()=>{var Qe;return((Qe=n(i).cpu)==null?void 0:Qe.temp)!=null?`${Math.round(n(i).cpu.temp)}° CPU-Temp`:"Auslastung"},()=>Math.round(n(i).ram.percent),()=>ia(n(i).ram.used),()=>ia(n(i).ram.total),()=>Math.round(n(H)),()=>n(i).gpu_temp!=null?`${Math.round(n(i).gpu_temp)}° GPU-Temp`:"VRAM + GTT",()=>ia(n(i).ram.used),()=>ia(n(i).ram.total),()=>n(i).gpu?`${ia(n(i).gpu.vram.used+n(i).gpu.gtt.used)} / ${ia(n(i).gpu.vram.total+n(i).gpu.gtt.total)}`:"–",()=>{var Qe;return Math.round(((Qe=n(i).disk)==null?void 0:Qe.percent)??0)},()=>n(i).gpu_temp!=null?Math.round(n(i).gpu_temp)+"°":"–",()=>{var Qe;return((Qe=n(i).cpu)==null?void 0:Qe.temp)!=null?Math.round(n(i).cpu.temp)+"°":"–"}]),m(A,re)};q(ke,A=>{n(i)&&A(te)})}var ue=s(ke,2),Ae=l(ue),K=s(l(Ae),2),W=l(K),fe=s(K,2);{var he=A=>{var H=Ad();C("click",H,z),m(A,H)};q(fe,A=>{n(c)&&A(he)})}var $e=s(Ae,4);{var We=A=>{var H=Td();m(A,H)},mt=A=>{var H=or(),re=ct(H);dt(re,17,()=>n(a),ot,(Ve,Q)=>{const De=O(()=>v(n(Q))),Y=O(()=>n(Q).state==="running"?g(n(Q).eta_s):""),rt=O(()=>n(Q).state==="running"&&n(Q).rate_bps?ia(n(Q).rate_bps)+"/s":""),L=O(()=>[n(Y),n(rt)].filter(Boolean).join(" · ")),V=O(()=>n(r).includes(n(Q).id));var ie=Ld(),ge=l(ie),Te=l(ge),bt=s(Te,2),pt=l(bt),xt=s(bt,2);{var Ct=F=>{var Le=Cd(),J=l(Le);D(de=>b(J,`${de??""} %${n(L)?` · ${n(L)}`:""}`),[()=>Math.round(n(De))]),m(F,Le)};q(xt,F=>{n(De)!=null&&F(Ct)})}var St=s(xt,2);{var zt=F=>{var Le=Pd();D(()=>pn(Le,`${n(De)==null?"margin-left:auto;":""}margin-right:2px;padding:2px 9px;font-size:12px`)),C("click",Le,J=>{J.stopPropagation(),y(n(Q).id)}),m(F,Le)},Ot=F=>{var Le=zd();C("click",Le,J=>{J.stopPropagation(),T(n(Q).id)}),m(F,Le)};q(St,F=>{n(Q).state==="running"?F(zt):F(Ot,-1)})}var It=s(St,2);ze(It,()=>E(n(Q).state));var P=s(ge,2);{var N=F=>{var Le=$d(),J=l(Le);D(()=>pn(J,`width:${n(De)??""}%`)),m(F,Le)};q(P,F=>{n(De)!=null&&n(Q).state==="running"&&F(N)})}var Ce=s(P,2);{var ut=F=>{var Le=Dd(),J=l(Le);D(de=>b(J,de),[()=>(n(Q).log||[]).join(`
|
||
`)]),m(F,Le)};q(Ce,F=>{n(V)&&F(ut)})}D(F=>{kt(Te,1,`li-dot ${F??""}`),b(pt,n(Q).label)},[()=>p(n(Q).state)]),C("click",ge,()=>da.toggle(n(Q).id)),C("keydown",ge,F=>F.key==="Enter"&&da.toggle(n(Q).id)),m(Ve,ie)}),m(A,H)};q($e,A=>{n(a).length?A(mt,-1):A(We)})}D(()=>b(W,n(a).length?n(u)?n(u)+" Fehler":n(a).length+" gesamt":"")),m(e,$),aa()}ya(["click","keydown"]);var Id=k('<span class="mono-sm"> </span>'),Bd=k('<button class="ghost" style="margin-left:auto;padding:3px 12px">Abbrechen</button>'),qd=k('<span class="badge b-run">✓ fertig</span>'),Fd=k('<span class="badge b-err">✗ fehlgeschlagen</span>'),Nd=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>'),Wd=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>'),Vd=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 Ud(e,t){na(t,!0);const a=O(()=>br.value),r=O(()=>da.value);let i=null,o=R(`Verbinde…
|
||
`),d=R("llama-swap"),c,u=R(null),v=R("");const g=new Set,E=O(()=>n(u)?n(r).find(M=>M.id===n(u)):null);Ai(()=>{if(!n(E))return;const M=n(E),U=M.state==="done",le=M.state==="failed",Je=M.state==="canceled";(U||le||Je)&&!g.has(M.id)&&(g.add(M.id),ee(U?`✓ ${n(v)} abgeschlossen.`:Je?`${n(v)} abgebrochen.`:`✗ ${n(v)} fehlgeschlagen.`,le),U&&setTimeout(()=>document.dispatchEvent(new Event("mc:refresh")),800))});function p(M,U){h(u,M,!0),h(v,U,!0),da.track(M)}mr(()=>{y()}),qo(()=>{i==null||i.close()});function y(){i==null||i.close();const M=n(d);h(o,`Verbinde mit ${M}…
|
||
`);const U=location.protocol==="https:"?"wss:":"ws:";i=new WebSocket(`${U}//${location.host}/api/logs/${M}?token=${encodeURIComponent(el())}`),i.onmessage=le=>{h(o,n(o)+le.data),c&&(c.scrollTop=c.scrollHeight)},i.onclose=()=>{h(o,n(o)+`
|
||
— Verbindung getrennt —`)},i.onerror=()=>i==null?void 0:i.close()}async function T(M,U,le){if(await yn({title:U,body:le,confirmLabel:"Neustarten"}))try{await Me(`/api/service/${M}/restart`,{method:"POST"}),ee("Neustart ausgelöst: "+M),setTimeout(()=>document.dispatchEvent(new Event("mc:refresh")),2e3)}catch(Je){ee(Je.message,!0)}}async function z(){if(await yn({title:"Mission Control aktualisieren?",body:"Holt die neueste Dashboard-Version aus Gitea und startet automatisch neu. Die Seite trennt kurz und verbindet von selbst wieder (~10 Sek)."}))try{const M=await Me("/api/self-update",{method:"POST"});ee("Update läuft — Dashboard startet gleich neu."),p(M.job_id,"Mission Control Update")}catch(M){ee(M.message,!0)}}async function x(){if(await yn({title:"LLM-Engine aktualisieren?",body:"Lädt die neueste llama.cpp-ROCm-Version und installiert sie. Die Engine ist während des Updates kurz nicht erreichbar."}))try{const M=await Me("/api/update",{method:"POST"});ee("LLM-Engine-Update läuft."),p(M.job_id,"LLM-Engine-Update")}catch(M){ee(M.message,!0)}}async function $(){if(await yn({title:"Grafikspeicher leeren?",body:"Alle geladenen Modelle werden entladen. Sie laden beim nächsten Aufruf automatisch neu — es geht nichts verloren.",confirmLabel:"Leeren"}))try{await Me("/api/unload",{method:"POST"}),ee("Grafikspeicher geleert."),setTimeout(()=>document.dispatchEvent(new Event("mc:refresh")),600)}catch(M){ee(M.message,!0)}}async function ke(){if(!await yn({title:"OS-Updates installieren?",body:"Führt <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 U=await Me("/api/os-update",{method:"POST",body:JSON.stringify({password:M})});ee("OS-Update gestartet."),p(U.job_id,"OS-Update")}catch(U){ee(U.message,!0)}}async function te(){if(!await yn({title:"Server wirklich neu starten?",body:"Der ganze Bosgame startet physisch neu. Alles ist für ~1 Minute offline — auch dieses Dashboard.",confirmLabel:"Reboot",danger:!0}))return;const M=await Hi({title:"sudo-Passwort",body:"Für den Reboot wird einmalig dein sudo-Passwort gebraucht.",placeholder:"sudo-Passwort",password:!0,confirmLabel:"Jetzt neustarten",danger:!0});if(M)try{await Me("/api/reboot",{method:"POST",body:JSON.stringify({password:M})}),ee("Reboot ausgelöst — bis gleich.")}catch(U){ee(U.message,!0)}}async function ue(){h(Ae,"prüfe…");try{const M=await Me("/api/integration/test");h(Ae,M.ok?`✓ Engine antwortet — ${M.models.length} Modell(e): ${M.models.join(", ")}`:`✗ keine Verbindung: ${M.error}`,!0),h(K,M.ok,!0)}catch(M){h(Ae,"✗ "+M.message),h(K,!1)}}let Ae=R(""),K=R(!1);const W=O(()=>{var M;return((M=n(a))==null?void 0:M.models)||[]}),fe=["running","ready","loading","starting"],he=O(()=>n(W).find(M=>fe.includes(M.state)));function $e(M){if(!M||M.state!=="running")return null;if(typeof M.progress=="number")return Math.min(100,M.progress);const le=((M.log||[]).at(-1)||"").match(/(\d+(?:\.\d+)?)\s*%/);return le?Math.min(100,parseFloat(le[1])):null}var We=Vd(),mt=s(ct(We),2),A=l(mt),H=s(l(A),2),re=l(H),Ve=s(A,4),Q=l(Ve),De=s(l(Q)),Y=l(De),rt=s(Q,2),L=s(l(rt),2),V=l(L),ie=s(rt,2),ge=s(l(ie),2),Te=l(ge),bt=s(Ve,2),pt=l(bt),xt=s(pt,2);{var Ct=M=>{var U=Id(),le=l(U);D(()=>{pn(U,`color:${n(K)?"#7ee29a":"#ff9b95"}`),b(le,n(Ae))}),m(M,U)};q(xt,M=>{n(Ae)&&M(Ct)})}var St=s(mt,2),zt=s(l(St),4),Ot=s(zt,2),It=s(Ot,2),P=s(It,2),N=s(P,2),Ce=s(St,2),ut=s(l(Ce),4),F=s(ut,2),Le=s(Ce,2);{var J=M=>{const U=O(()=>n(E)),le=O(()=>n(U).state==="done"),Je=O(()=>n(U).state==="failed"),Qe=O(()=>n(U).state==="canceled"),Qt=O(()=>n(le)||n(Je)||n(Qe)),Zt=O(()=>$e(n(U)));var Ut=Wd(),S=l(Ut),G=s(l(S),2);{var Oe=Ke=>{var ht=Bd();C("click",ht,async()=>{await yn({title:n(v)+" abbrechen?",body:"Der laufende Vorgang wird gestoppt.",confirmLabel:"Abbrechen",danger:!0})&&Me(`/api/jobs/${n(U).id}/cancel`,{method:"POST"})}),m(Ke,ht)};q(G,Ke=>{n(Qt)||Ke(Oe)})}var ne=s(G,2),Be=l(ne);{var Ze=Ke=>{var ht=qd();m(Ke,ht)},et=Ke=>{var ht=Fd();m(Ke,ht)},Se=Ke=>{var ht=Nd();m(Ke,ht)},Pe=Ke=>{var ht=Kd();m(Ke,ht)};q(Be,Ke=>{n(le)?Ke(Ze):n(Je)?Ke(et,1):n(Qe)?Ke(Se,2):Ke(Pe,-1)})}var Re=s(S,2),Rt=l(Re),Bt=s(Re,2);{var Ht=Ke=>{var ht=Gd(),Rn=l(ht);D(()=>pn(Rn,`width:${n(Zt)??""}%`)),m(Ke,ht)};q(Bt,Ke=>{n(Zt)!=null&&!n(Qt)&&Ke(Ht)})}var an=s(Bt,2),bn=l(an);D(Ke=>{b(Rt,`${n(v)??""}${n(Qt)?n(le)?" — erfolgreich.":n(Qe)?" — abgebrochen.":" — fehlgeschlagen.":" läuft…"}`),b(bn,Ke)},[()=>(n(U).log||[]).join(`
|
||
`)]),m(M,Ut)};q(Le,M=>{n(E)&&M(J)})}var de=s(Le,2),se=l(de),Z=s(l(se),2),be=l(Z);be.value=be.__value="llama-swap";var ve=s(be);ve.value=ve.__value="mission-control";var ye=s(ve);ye.value=ye.__value="system";var xe=s(se,4),_e=l(xe);Bo(xe,M=>c=M,()=>c),D(M=>{var U,le,Je;pn(H,`margin-left:auto;${(U=n(a))!=null&&U.swap_ok?"background:rgba(63,185,80,.12);border-color:rgba(63,185,80,.25);color:#7ee29a":"background:rgba(248,81,73,.12);border-color:rgba(248,81,73,.3);color:#ff9b95"}`),b(re,(le=n(a))!=null&&le.swap_ok?"● erreichbar":"● offline"),b(Y,(((Je=n(a))==null?void 0:Je.swap_url)||"—")+"/v1"),b(V,n(he)?n(he).name+` (${n(he).state})`:"nichts geladen — lädt bei der nächsten Anfrage"),b(Te,M),b(_e,n(o))},[()=>n(W).filter(M=>!M.incomplete).length||"keine"]),C("click",pt,ue),C("click",zt,()=>T("llama-swap","LLM-Engine neustarten?","Die Engine startet neu. Geladene Modelle werden kurz entladen (~5 Sekunden), laden danach automatisch wieder.")),C("click",Ot,()=>T("mission-control","Dashboard neustarten?","Diese Oberfläche trennt sich kurz und verbindet automatisch wieder.")),C("click",It,z),C("click",P,x),C("click",N,$),C("click",ut,ke),C("click",F,te),C("change",Z,y),ar(Z,()=>n(d),M=>h(d,M)),m(e,We),aa()}ya(["click","change"]);var Hd=k('<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 B of d)if(B.kw.some(I=>_.includes(I)))return B.label;return"Allrounder"}function u(w=""){const _=w.toLowerCase();return/\d+x\d+(\.\d+)?b/.test(_)||new RegExp("(?<![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(Vt([])),T=R(null),z=R(!0),x=R(null),$=R(!1),ke=R(!1),te=R(""),ue=R(Vt([])),Ae=R(!1),K=R(""),W=R("downloads"),fe=R(Vt([])),he=R(-1),$e=R(null),We=R(!1),mt=R(""),A=R(""),H=R(null),re=R(""),Ve=R(""),Q=R(8192),De=R(!1),Y=R(null),rt=R(!1),L=R(""),V=R(""),ie=R(Vt([{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(z,!0);try{const w=await Me("/api/cookbook/recipes");h(y,w.recipes||[],!0),h(T,w.recommended_id||null,!0)}catch(w){ee(w.message,!0)}h(z,!1)}async function pt(w=!1){h($,!0);try{const _=await Me("/api/cookbook/discover"+(w?"?force=true":""));h(x,_,!0),h(ke,_.stale,!0)}catch(_){ee("Empfehlungen nicht ladbar: "+_.message,!0)}h($,!1)}function xt(w){w=w.trim();const _=w.match(/huggingface\.co\/([^\s/]+\/[^\s/?#]+)/i);return _?_[1]:/^[\w.-]+\/[\w.-]+$/.test(w)?w:null}async function Ct(){const w=n(te).trim(),_=xt(w);let B=w;if(n(K)&&!_&&(B=B?B+" "+n(K):n(K)),!B&&!_){h(ue,[],!0);return}h(Ae,!0),h(fe,[],!0),h(he,-1);try{if(_)h(ue,[{id:_,author:_.split("/")[0],downloads:0}],!0);else{const I=`https://huggingface.co/api/models?search=${encodeURIComponent(B)}&filter=gguf&sort=${encodeURIComponent(n(W))}&direction=-1&limit=40`,ae=await fetch(I);h(ue,await ae.json(),!0)}n(ue).forEach((I,ae)=>St(ae,I.id))}catch(I){ee(I.message,!0),h(ue,[],!0)}h(Ae,!1)}async function St(w,_){var B;try{const I=await Me("/api/cookbook/analyze",{method:"POST",body:JSON.stringify({repo_id:_,ctx:8192})});if(!((B=I.files)!=null&&B.length)){n(fe)[w]=null,zt();return}const ae=I.files.find(tt=>{var it;return(it=tt.quant)==null?void 0:it.includes("Q4_K_M")})||I.files[0];n(fe)[w]=ae.fit.level,zt()}catch{n(fe)[w]=null,zt()}}function zt(){let w=-1,_=99;n(fe).forEach((B,I)=>{if(B==null)return;const ae=i[B]??99;ae<_&&(_=ae,w=I)}),h(he,w>=0&&_<=1?w:-1,!0)}function Ot(w){h($e,n(y).find(_=>_.id===w),!0)}async function It(w){const _=document.getElementById("cb-r-install-btn");_&&(_.disabled=!0,_.textContent="Starte…");try{const B=await Me("/api/cookbook/install-recipe",{method:"POST",body:JSON.stringify({recipe_id:w,hf_token:ir()})});ee(`${B.count} Download${B.count!==1?"s":""} läuft — Modelle erscheinen danach automatisch im Modelle-Tab.`),h($e,null),Te("activity")}catch(B){ee(B.message,!0),_&&(_.disabled=!1,_.textContent="Installieren")}}async function P(w,_){var B,I;h(We,!0),h(mt,_,!0),h(A,w,!0),h(Ve,""),h(Q,8192),h(H,null),h(Y,null),h(re,""),h(De,!0);try{if(h(H,await Me("/api/cookbook/analyze",{method:"POST",body:JSON.stringify({repo_id:w,ctx:8192})}),!0),(I=(B=n(H))==null?void 0:B.files)!=null&&I.length){const ae=n(H).files.find(tt=>{var it;return(it=tt.quant)==null?void 0:it.includes("Q4_K_M")})||n(H).files[0];h(re,ae.filename,!0),ae.optimal_ctx&&n(Q)===8192&&h(Q,ae.optimal_ctx,!0),N()}}catch(ae){ee(ae.message,!0)}h(De,!1)}function N(){var w,_,B;!((_=(w=n(H))==null?void 0:w.files)!=null&&_.length)||!n(re)||(h(Y,n(H).files.find(I=>I.filename===n(re))||null,!0),(B=n(Y))!=null&&B.optimal_ctx&&n(Q)===8192&&h(Q,n(Y).optimal_ctx,!0))}async function Ce(){var w,_;if(!n(A)||!n(re))return ee("Bitte eine GGUF-Datei wählen.",!0);h(De,!0);try{const B=((w=n(H))==null?void 0:w.params_b)??7,I=((_=n(Y))==null?void 0:_.quant)??"Q4_K_M";await Me("/api/cookbook/install-model",{method:"POST",body:JSON.stringify({repo:n(A),role:n(Ve),params_b:B,quant:I,file:n(re),ctx:n(Q),hf_token:ir()})}),ee("Download läuft — Modell erscheint danach automatisch im Modelle-Tab."),h(We,!1),Te("activity")}catch(B){ee("Fehler: "+B.message,!0)}h(De,!1)}async function ut(w,_,B,I){I.disabled=!0,I.textContent="Starte…";try{await Me("/api/cookbook/install-model",{method:"POST",body:JSON.stringify({repo:w,role:_,params_b:B,quant:"Q4_K_M",hf_token:ir()})}),ee("Download läuft — Modell erscheint danach automatisch im Modelle-Tab."),Te("activity")}catch(ae){ee(ae.message,!0),I.disabled=!1,I.textContent="Installieren"}}function F(){h(ge,null),h(L,""),h(V,""),h(ie,[{repo:"",role:"",quant:"Q4_K_M"}],!0),h(rt,!0)}function Le(w){const _=n(y).find(B=>B.id===w);_&&(h(ge,w,!0),h(L,_.title,!0),h(V,_.desc||"",!0),h(ie,_.models.map(B=>({repo:B.repo,role:B.role,quant:B.quant||"Q4_K_M"})),!0),h(rt,!0))}async function J(){if(!n(L).trim())return ee("Bitte einen Titel angeben.",!0);const w=n(ie).filter(_=>_.repo.trim());if(!w.length)return ee("Mindestens ein Modell (Repo) angeben.",!0);try{n(ge)?(await Me("/api/cookbook/user-recipe/"+encodeURIComponent(n(ge)),{method:"PUT",body:JSON.stringify({title:n(L),desc:n(V),models:w})}),ee("Setup aktualisiert.")):(await Me("/api/cookbook/user-recipe",{method:"POST",body:JSON.stringify({title:n(L),desc:n(V),models:w})}),ee("Setup gespeichert.")),h(rt,!1),bt()}catch(_){ee(_.message,!0)}}async function de(w){const _=n(y).find(B=>B.id===w);if(await yn({title:`„${(_==null?void 0:_.title)||w}" löschen?`,body:"Dein eigenes Setup wird aus dem Cookbook entfernt. Bereits installierte Modelle bleiben unangetastet.",confirmLabel:"Löschen",danger:!0}))try{await Me("/api/cookbook/user-recipe/"+encodeURIComponent(w),{method:"DELETE"}),ee("Setup gelöscht."),bt()}catch(B){ee(B.message,!0)}}function se(w){if(!u(w))return"";const _=v(w);return`<span class="chip" title="${Dn(r)}">MoE${_?` · ~${_}B aktiv`:""}</span>`}function Z(w){return w?`<span class="chip">${Dn(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,_)},U=w=>{var _=Zd();dt(_,21,()=>n(y),ot,(B,I)=>{const ae=O(()=>n(I).id===n(T));var tt=Qd(),it=l(tt);{var X=pe=>{var Ye=jd(),Ft=ct(Ye),At=s(Ft,2);C("click",Ft,_t=>{_t.stopPropagation(),Le(n(I).id)}),C("keydown",Ft,_t=>{_t.key==="Enter"&&(_t.stopPropagation(),Le(n(I).id))}),C("click",At,_t=>{_t.stopPropagation(),de(n(I).id)}),C("keydown",At,_t=>{_t.key==="Enter"&&(_t.stopPropagation(),de(n(I).id))}),m(pe,Ye)};q(it,pe=>{n(I).user&&pe(X)})}var me=s(it,2);{var Ie=pe=>{var Ye=Xr();m(pe,Ye)},vt=pe=>{var Ye=Jd();m(pe,Ye)};q(me,pe=>{n(ae)?pe(Ie):n(I).user&&pe(vt,1)})}var qe=s(me,2),Ge=l(qe),st=l(Ge),Mt=l(st),Yt=s(Ge,2),ft=l(Yt),Fe=s(qe,2),Et=l(Fe),qt=s(Fe,2),gt=l(qt);D((pe,Ye)=>{kt(tt,1,`card-btn${n(ae)?" cb-best":""}`),b(Mt,n(I).title),kt(Yt,1,`fit-badge ${pe??""}`),b(ft,Ye),b(Et,n(I).desc),b(gt,`${n(I).models.length??""} Modell${n(I).models.length>1?"e":""} im Setup`)},[()=>g(n(I).fit_level),()=>E(n(I).fit_level)]),C("click",tt,()=>Ot(n(I).id)),m(B,tt)}),m(w,_)};q(_e,w=>{n(z)?w(M):w(U,-1)})}var le=s(ve,2),Je=l(le),Qe=s(l(Je),2),Qt=l(Qe);{var Zt=w=>{const _=O(()=>Math.round((Date.now()/1e3-n(x).updated)/60));var B=Xd(),I=ct(B);{var ae=Ie=>{var vt=nr();D(()=>b(vt,`Quellen befragt vor ${n(_)??""} min`)),m(Ie,vt)},tt=Ie=>{var vt=nr();D(qe=>b(vt,`Quellen befragt vor ${qe??""} h`),[()=>Math.round(n(_)/60)]),m(Ie,vt)},it=Ie=>{var vt=nr();D(qe=>b(vt,`Quellen befragt vor ${qe??""} Tg.`),[()=>Math.round(n(_)/1440)]),m(Ie,vt)};q(I,Ie=>{n(_)<60?Ie(ae):n(_)<1440?Ie(tt,1):Ie(it,-1)})}var X=s(I,2);{var me=Ie=>{var vt=Yd();m(Ie,vt)};q(X,Ie=>{n(ke)&&Ie(me)})}m(w,B)};q(Qt,w=>{var _;(_=n(x))!=null&&_.updated&&w(Zt)})}var Ut=s(Qe,2),S=l(Ut),G=s(Je,4);{var Oe=w=>{var _=ec();m(w,_)},ne=w=>{var _=or(),B=ct(_);dt(B,17,()=>n(x).categories,ot,(I,ae)=>{var tt=ic(),it=l(tt),X=l(it),me=l(X),Ie=s(it,2);dt(Ie,21,()=>n(ae).models,ot,(vt,qe)=>{const Ge=O(()=>n(ae).recommended&&n(qe).repo===n(ae).recommended);var st=rc(),Mt=l(st);{var Yt=Xe=>{var at=Xr();m(Xe,at)};q(Mt,Xe=>{n(Ge)&&Xe(Yt)})}var ft=s(Mt,2),Fe=l(ft),Et=l(Fe),qt=l(Et),gt=s(Et,2),pe=l(gt),Ye=s(Fe,2),Ft=l(Ye),At=s(ft,2),_t=l(At);ze(_t,()=>Z(o[n(qe).role]||c(n(qe).repo)));var In=s(_t,2);ze(In,()=>se(n(qe).repo));var Un=s(At,2),En=l(Un),xa=s(Un,2);dt(xa,17,()=>n(qe).requirements||[],ot,(Xe,at)=>{var Pt=tc(),An=l(Pt);D(()=>b(An,`⚠ ${n(at)??""}`)),m(Xe,Pt)});var lt=s(xa,4),Ue=l(lt);{var nt=Xe=>{var at=nc();D(()=>Nr(at,"title",`bereits eingerichtet als ${n(qe).installed??""}`)),m(Xe,at)},wt=Xe=>{var at=ac();C("click",at,Pt=>ut(n(qe).repo,n(qe).role,n(qe).params_b,Pt.currentTarget)),m(Xe,at)};q(Ue,Xe=>{n(qe).installed?Xe(nt):Xe(wt,-1)})}D((Xe,at,Pt)=>{kt(st,1,`card${n(Ge)?" res-best":""}`),b(qt,n(qe).name),b(pe,`${n(qe).author??""} · ${n(qe).params_b??""}B`),kt(Ye,1,`fit-badge ${Xe??""}`),b(Ft,n(qe).fit.text),b(En,`${at??""} · ⬇ ${Pt??""}`)},[()=>g(n(qe).fit.level),()=>p(n(qe).fit),()=>(n(qe).downloads||0).toLocaleString()]),m(vt,st)}),D(()=>b(me,n(ae).title)),m(I,tt)}),m(w,_)};q(G,w=>{var _;n($)&&!n(x)?w(Oe):(_=n(x))!=null&&_.categories&&w(ne,1)})}var Be=s(le,2),Ze=s(l(Be),4),et=l(Ze),Se=s(et,2),Pe=l(Se);Pe.value=Pe.__value="downloads";var Re=s(Pe);Re.value=Re.__value="trending";var Rt=s(Re);Rt.value=Rt.__value="created_at";var Bt=s(Se,2),Ht=l(Bt),an=s(Ze,2);dt(an,20,()=>["","coder","vision","reasoning","chat","agent"],ot,(w,_)=>{var B=sc(),I=l(B);D(()=>{kt(B,1,n(K)===_?"primary":"ghost"),b(I,_||"Alle")}),C("click",B,()=>{h(K,_,!0),Ct()}),m(w,B)});var bn=s(an,2);{var Ke=w=>{var _=oc();dt(_,21,()=>n(ue),ot,(B,I,ae)=>{var tt=lc(),it=l(tt);{var X=At=>{var _t=Xr();m(At,_t)};q(it,At=>{ae===n(he)&&At(X)})}var me=s(it,2),Ie=l(me),vt=l(Ie),qe=l(vt),Ge=s(vt,2),st=l(Ge),Mt=s(Ie,2),Yt=l(Mt),ft=s(me,2),Fe=l(ft);ze(Fe,()=>Z(c(n(I).id)));var Et=s(Fe,2);ze(Et,()=>se(n(I).id));var qt=s(ft,4),gt=l(qt),pe=l(gt),Ye=s(gt,2),Ft=l(Ye);D((At,_t,In,Un,En)=>{kt(tt,1,`card${ae===n(he)?" res-best":""}`),b(qe,At),b(st,n(I).author||""),kt(Mt,1,`fit-badge ${_t??""}`),b(Yt,In),b(pe,Un),b(Ft,`⬇ ${En??""}`)},[()=>n(I).id.split("/").pop(),()=>n(fe)[ae]?g(n(fe)[ae]):"warn",()=>n(fe)[ae]?E(n(fe)[ae]):"prüfe…",()=>n(fe)[ae]?p({req_gb:0,tps:0}):"Hardware-Fit…",()=>(n(I).downloads||0).toLocaleString()]),C("click",tt,()=>P(n(I).id,n(I).id.split("/").pop())),m(B,tt)}),m(w,_)};q(bn,w=>{n(ue).length&&w(Ke)})}var ht=s(Be,2);{var Rn=w=>{const _=O(()=>n($e));var B=gc(),I=l(B),ae=l(I),tt=s(ae,2),it=l(tt),X=s(tt,2),me=l(X),Ie=s(X,2);dt(Ie,21,()=>n(_).models,ot,(ft,Fe)=>{var Et=vc(),qt=l(Et),gt=l(qt),pe=l(gt),Ye=l(pe),Ft=s(pe,2),At=l(Ft),_t=s(Ft,2);ze(_t,()=>se(n(Fe).repo));var In=s(gt,2);{var Un=nt=>{var wt=dc(),Xe=l(wt);D(()=>b(Xe,n(Fe).why)),m(nt,wt)};q(In,nt=>{n(Fe).why&&nt(Un)})}var En=s(In,2);{var xa=nt=>{var wt=cc(),Xe=l(wt);D((at,Pt,An)=>b(Xe,`~${at??""} GB · ~${Pt??""} Tok/s · optimal ~${An??""}k Kontext`),[()=>(n(Fe).fit.req_gb??0).toFixed(1),()=>Math.round(n(Fe).fit.tps??0),()=>Math.round((n(Fe).optimal_ctx||8192)/1024)]),m(nt,wt)};q(En,nt=>{n(Fe).fit&&nt(xa)})}var lt=s(qt,2);{var Ue=nt=>{var wt=uc(),Xe=l(wt);D(at=>{kt(wt,1,`fit-badge ${at??""}`),b(Xe,n(Fe).fit.text)},[()=>g(n(Fe).fit.level)]),m(nt,wt)};q(lt,nt=>{n(Fe).fit&&nt(Ue)})}D(()=>{b(Ye,n(Fe).name),b(At,n(Fe).role)}),m(ft,Et)});var vt=s(Ie,2);{var qe=ft=>{const Fe=O(()=>Math.max(...n(_).models.map(pe=>{var Ye;return((Ye=pe.fit)==null?void 0:Ye.req_gb)??0})));var Et=fc(),qt=s(l(Et)),gt=l(qt);D(pe=>b(gt,`~${pe??""} GB`),[()=>n(Fe).toFixed(1)]),m(ft,Et)};q(vt,ft=>{n(_).models.length&&n(_).models[0].fit&&ft(qe)})}var Ge=s(vt,2);{var st=ft=>{const Fe=O(()=>n(y).find(pe=>!pe.user&&pe.fit_level!=="too_tight"&&pe.id!==n(_).id));var Et=hc(),qt=s(l(Et));{var gt=pe=>{var Ye=pc(),Ft=s(ct(Ye)),At=l(Ft);D(()=>b(At,`„${n(Fe).title??""}" ansehen`)),C("click",Ft,_t=>{_t.preventDefault(),h($e,null),setTimeout(()=>Ot(n(Fe).id),50)}),m(pe,Ye)};q(qt,pe=>{n(Fe)&&pe(gt)})}m(ft,Et)};q(Ge,ft=>{n(_).fit_level==="too_tight"&&ft(st)})}var Mt=s(Ge,2),Yt=l(Mt);D(()=>{b(it,n(_).title),b(me,n(_).desc),kt(Mt,1,`primary${n(_).fit_level==="too_tight"?" warn":""}`),b(Yt,n(_).fit_level==="too_tight"?"Trotzdem installieren (nicht empfohlen)":"Komplettes Setup installieren")}),C("click",B,ft=>{ft.target.classList.contains("modal-overlay")&&h($e,null)}),C("click",ae,()=>h($e,null)),C("click",Mt,()=>It(n(_).id)),m(w,B)};q(ht,w=>{n($e)&&w(Rn)})}var Wn=s(ht,2);{var ra=w=>{var _=Sc(),B=l(_),I=l(B),ae=s(I,2),tt=l(ae),it=s(ae,2),X=l(it),me=s(it,2);{var Ie=Ge=>{var st=mc();m(Ge,st)},vt=Ge=>{var st=yc(),Mt=s(ct(st),2);dt(Mt,21,()=>n(H).files,ot,(lt,Ue)=>{const nt=O(()=>n(Ue).fit.level==="perfect"?"●":n(Ue).fit.level==="marginal"?"◐":"○");var wt=Yi(),Xe=l(wt),at={};D(()=>{b(Xe,`${n(nt)??""} ${n(Ue).filename??""}`),at!==(at=n(Ue).filename)&&(wt.value=(wt.__value=n(Ue).filename)??"")}),m(lt,wt)});var Yt=s(Mt,2),ft=l(Yt),Fe=s(l(ft),2),Et=s(ft,2),qt=l(Et),gt=s(l(qt));ze(gt,()=>gi(a));var pe=s(qt,2),Ye=s(Yt,2);{var Ft=lt=>{var Ue=bc(),nt=s(l(Ue)),wt=l(nt),Xe=s(nt,2);D(at=>b(wt,`~${at??""}k`),[()=>Math.round(n(Y).optimal_ctx/1024)]),C("click",Xe,at=>{at.preventDefault(),h(Q,n(Y).optimal_ctx,!0)}),m(lt,Ue)};q(Ye,lt=>{var Ue;(Ue=n(Y))!=null&&Ue.optimal_ctx&<(Ft)})}var At=s(Ye,2);{var _t=lt=>{var Ue=_c(),nt=l(Ue),wt=s(l(nt),2),Xe=l(wt),at=s(nt,2),Pt=l(at);D((An,_r,Wr)=>{b(Xe,`~${An??""} GB · ~${_r??""} Tok/s · ${(n(Y).quant||"GGUF")??""}`),kt(at,1,`fit-badge ${Wr??""}`),b(Pt,n(Y).fit.text)},[()=>(n(Y).fit.req_gb??0).toFixed(1),()=>Math.round(n(Y).fit.tps??0),()=>g(n(Y).fit.level)]),m(lt,Ue)};q(At,lt=>{n(Y)&<(_t)})}var In=s(At,2);{var Un=lt=>{const Ue=O(()=>n(H).files.find(Pt=>Pt.fit.level!=="too_tight"&&Pt.filename!==n(re)));var nt=or(),wt=ct(nt);{var Xe=Pt=>{var An=wc(),_r=s(l(An)),Wr=l(_r);D(Vr=>b(Wr,`${n(Ue).filename??""} (${Vr??""})`),[()=>E(n(Ue).fit.level)]),C("click",_r,Vr=>{Vr.preventDefault(),h(re,n(Ue).filename,!0),N()}),m(Pt,An)},at=Pt=>{var An=kc();m(Pt,An)};q(wt,Pt=>{n(Ue)?Pt(Xe):Pt(at,-1)})}m(lt,nt)};q(In,lt=>{var Ue,nt;((Ue=n(Y))==null?void 0:Ue.fit.level)==="too_tight"&&((nt=n(H))!=null&&nt.files)&<(Un)})}var En=s(In,2),xa=l(En);D(()=>{var lt,Ue;kt(En,1,`primary${((lt=n(Y))==null?void 0:lt.fit.level)==="too_tight"?" warn":""}`),En.disabled=n(De),b(xa,n(De)?"Starte…":((Ue=n(Y))==null?void 0:Ue.fit.level)==="too_tight"?"Trotzdem holen (zu groß — nicht empfohlen)":"Herunterladen & Einpflegen")}),C("change",Mt,N),ar(Mt,()=>n(re),lt=>h(re,lt)),Tn(Fe,()=>n(Ve),lt=>h(Ve,lt)),Tn(pe,()=>n(Q),lt=>h(Q,lt)),C("click",En,Ce),m(Ge,st)},qe=Ge=>{var st=xc();m(Ge,st)};q(me,Ge=>{var st,Mt;n(De)&&!n(H)?Ge(Ie):(Mt=(st=n(H))==null?void 0:st.files)!=null&&Mt.length?Ge(vt,1):n(De)||Ge(qe,2)})}D(()=>{b(tt,n(mt)),b(X,n(A))}),C("click",_,Ge=>{Ge.target.classList.contains("modal-overlay")&&h(We,!1)}),C("click",I,()=>h(We,!1)),m(w,_)};q(Wn,w=>{n(We)&&w(ra)})}var Vn=s(Wn,2);{var Va=w=>{var _=Ec(),B=l(_),I=l(B),ae=s(I,2),tt=l(ae),it=s(ae,6),X=s(it,4),me=s(X,4);dt(me,17,()=>n(ie),ot,(Ge,st,Mt)=>{var Yt=Mc(),ft=l(Yt),Fe=s(ft,2),Et=s(Fe,2);dt(Et,20,()=>["Q4_K_M","Q5_K_M","Q6_K","Q8_0","Q3_K_M"],ot,(gt,pe)=>{var Ye=Yi(),Ft=l(Ye),At={};D(()=>{b(Ft,pe),At!==(At=pe)&&(Ye.__value=pe)}),m(gt,Ye)});var qt=s(Et,2);Tn(ft,()=>n(st).repo,gt=>n(st).repo=gt),Tn(Fe,()=>n(st).role,gt=>n(st).role=gt),ar(Et,()=>n(st).quant,gt=>n(st).quant=gt),C("click",qt,()=>h(ie,n(ie).filter((gt,pe)=>pe!==Mt),!0)),m(Ge,Yt)});var Ie=s(me,2),vt=s(Ie,4),qe=l(vt);D(()=>{b(tt,n(ge)?"Setup bearbeiten":"Eigenes Setup erstellen"),b(qe,n(ge)?"Änderungen speichern":"Setup speichern")}),C("click",_,Ge=>{Ge.target.classList.contains("modal-overlay")&&h(rt,!1)}),C("click",I,()=>h(rt,!1)),Tn(it,()=>n(L),Ge=>h(L,Ge)),Tn(X,()=>n(V),Ge=>h(V,Ge)),C("click",Ie,()=>h(ie,[...n(ie),{repo:"",role:"",quant:"Q4_K_M"}],!0)),C("click",vt,J),m(w,_)};q(Vn,w=>{n(rt)&&w(Va)})}D(()=>{Ut.disabled=n($),b(S,n($)?"Suche…":"Aktualisieren"),Bt.disabled=n(Ae),b(Ht,n(Ae)?"Lade…":"Suchen")}),C("click",xe,F),C("click",Ut,()=>pt(!0)),C("keydown",et,w=>w.key==="Enter"&&Ct()),Tn(et,()=>n(te),w=>h(te,w)),ar(Se,()=>n(W),w=>h(W,w)),C("click",Bt,Ct),m(e,be),aa()}ya(["click","keydown","change"]);var Cc=k(`<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>'),zc=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>'),$c=k('<span class="chip" role="button" tabindex="0"> </span>'),Dc=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),Ic=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),Bc=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>'),Fc=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),Nc=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(V=>!V.incomplete)}),i=O(v);let o=R("zed"),d=R(Vt([])),c=R(""),u=R(!1);function v(){return`http://${location.hostname}:8080/v1`}function g(L){return/^\d{1,3}(\.\d{1,3}){3}$/.test(L)}function E(){return location.protocol==="https:"||!g(location.hostname)}const p=O(()=>n(d).length?n(d):n(r).map(L=>L.name)),y=O(()=>n(p)[0]||"coder"),T=O(()=>{var L;return(L=n(r).find(V=>{var ie,ge;return(ge=(ie=V.meta)==null?void 0:ie.caps)==null?void 0:ge.includes("Bild")}))==null?void 0:L.name});function z(L,V){const ge=(V.length?n(r).filter(Te=>V.includes(Te.name)):n(r).length?n(r):[{name:"coder",meta:{}}]).map(Te=>{var xt,Ct;const bt=(((xt=Te.meta)==null?void 0:xt.caps)||[]).some(St=>/Bild|Vision/i.test(St)),pt=((Ct=Te.meta)==null?void 0:Ct.ctx)||131072;return` { "name": "${Te.name}", "display_name": "${Te.name}", "max_tokens": ${pt}${bt?', "capabilities": { "tools": true, "images": true }':""} }`}).join(`,
|
||
`);return`"language_models": {
|
||
"openai_compatible": {
|
||
"bosgame": {
|
||
"api_url": "${L}",
|
||
"available_models": [
|
||
${ge}
|
||
]
|
||
}
|
||
}
|
||
}`}function x(L,V){const ge=(V.length?n(r).filter(Te=>V.includes(Te.name)):n(r).length?n(r):[{name:"coder",meta:{}}]).map(Te=>{var pt;const bt=((pt=Te.meta)==null?void 0:pt.ctx)||131072;return` "${Te.name}": { "name": "${Te.name}", "contextWindowSize": ${bt} }`}).join(`,
|
||
`);return`"provider": {
|
||
"llama-swap": {
|
||
"npm": "@ai-sdk/openai-compatible",
|
||
"name": "Bosgame (llama-swap)",
|
||
"options": {
|
||
"baseURL": "${L}",
|
||
"apiKey": "local"
|
||
},
|
||
"models": {
|
||
${ge}
|
||
}
|
||
}
|
||
}`}async function $(){h(c,"Teste…");try{const L=await Me("/api/integration/test");h(u,L.ok,!0),h(c,L.ok?`✓ Verbunden — ${L.models.length} Modell(e): ${L.models.join(", ")}`:`✗ Keine Verbindung: ${L.error}`,!0)}catch(L){h(u,!1),h(c,"✗ "+L.message)}}function ke(L){var ie;const V=L.querySelector("code");V&&((ie=navigator.clipboard)==null||ie.writeText(V.textContent||""))}function te(L){var V;(V=navigator.clipboard)==null||V.writeText(L.value)}var ue=Kc(),Ae=s(ct(ue),2),K=s(l(Ae),6),W=l(K),fe=s(W,2),he=s(K,2);{var $e=L=>{var V=Cc();m(L,V)},We=O(()=>E());q(he,L=>{n(We)&&L($e)})}var mt=s(he,2),A=l(mt),H=s(A,2);{var re=L=>{var V=Pc(),ie=l(V);D(()=>{pn(V,`color:${n(u)?"#7ee29a":"#ff9b95"}`),b(ie,n(c))}),m(L,V)};q(H,L=>{n(c)&&L(re)})}var Ve=s(Ae,2),Q=s(l(Ve),2);dt(Q,20,()=>[["⚡","Kein manuelles Starten nötig",'Wenn du in Zed oder OpenCode „coder" auswählst und eine Anfrage sendest, lädt llama-swap das Modell automatisch — in ca. 2–5 Sekunden.'],["🔄","Modelle wechseln sich automatisch ab","Rufst du ein anderes Modell auf, entlädt llama-swap das aktuelle (nach TTL-Ablauf) und lädt das neue. Es läuft immer nur eines gleichzeitig."],["🧠","Zwei Modelle gleichzeitig aktiv halten","Du hast 124 GB RAM — genug für z.B. Scout 8B (~5 GB) dauerhaft geladen + ein größeres Modell das swappt. Dafür beim Scout im Modelle-Tab → Konfigurieren die TTL auf 99999 setzen."]],ot,(L,V)=>{var ie=O(()=>sr(V,3));let ge=()=>n(ie)[0],Te=()=>n(ie)[1],bt=()=>n(ie)[2];var pt=zc(),xt=l(pt),Ct=l(xt),St=s(xt,2),zt=l(St),Ot=l(zt),It=s(zt,2),P=l(It);D(()=>{b(Ct,ge()),b(Ot,Te()),b(P,bt())}),m(L,pt)});var De=s(Ve,2);{var Y=L=>{var V=Fc(),ie=ct(V),ge=l(ie),Te=s(l(ge),2),bt=l(Te),pt=s(ge,4);dt(pt,21,()=>n(r),ot,(J,de)=>{const se=O(()=>n(d).includes(n(de).name));var Z=$c(),be=l(Z);D(()=>{pn(Z,`cursor:pointer;${n(se)?"background:rgba(45,212,191,.2);border-color:var(--accent);color:var(--accent)":""}`),b(be,n(de).name)}),C("click",Z,()=>h(d,n(se)?n(d).filter(ve=>ve!==n(de).name):[...n(d),n(de).name],!0)),C("keydown",Z,ve=>ve.key==="Enter"&&h(d,n(se)?n(d).filter(ye=>ye!==n(de).name):[...n(d),n(de).name],!0)),m(J,Z)});var xt=s(pt,2);{var Ct=J=>{var de=Dc(),se=l(de);C("click",se,Z=>{Z.preventDefault(),h(d,[],!0)}),m(J,de)};q(xt,J=>{n(d).length&&J(Ct)})}var St=s(ie,2),zt=s(l(St),4);dt(zt,20,()=>[["zed","Zed","Schneller nativer Editor — Empfohlen"],["opencode","OpenCode","Open-Source Coding-Agent (Terminal/Desktop)"],["cline","Cline / Cursor","VS Code Extension, Bring-Your-Own-Key"],["openwebui","OpenWebUI","Browser-Chat-Interface"]],ot,(J,de)=>{var se=O(()=>sr(de,3));let Z=()=>n(se)[0],be=()=>n(se)[1],ve=()=>n(se)[2];var ye=Lc(),xe=l(ye),_e=l(xe),M=s(xe,2),U=l(M);D(()=>{kt(ye,1,`card-btn${n(o)===Z()?" cb-best":""}`),b(_e,be()),b(U,ve())}),C("click",ye,()=>h(o,Z(),!0)),m(J,ye)});var Ot=s(St,2),It=s(l(Ot),2);{var P=J=>{const de=O(()=>z(n(i),n(p)));var se=Oc(),Z=s(ct(se),4),be=l(Z),ve=s(be,2),ye=l(ve),xe=l(ye),_e=s(Z,4),M=s(l(_e)),U=l(M);D(()=>{b(xe,n(de)),b(U,`bosgame / ${n(y)??""}`)}),C("click",be,le=>ke(le.currentTarget.parentElement)),m(J,se)},N=J=>{const de=O(()=>x(n(i),n(p)));var se=Rc(),Z=s(ct(se),6),be=l(Z),ve=s(be,2),ye=l(ve),xe=l(ye),_e=s(Z,2),M=s(l(_e),3),U=l(M);D(()=>{b(xe,n(de)),b(U,`llama-swap/${n(y)??""}`)}),C("click",be,le=>ke(le.currentTarget.parentElement)),m(J,se)},Ce=J=>{var de=Ic(),se=s(ct(de),4),Z=l(se),be=s(Z,2),ve=s(se,4),ye=l(ve),xe=s(ye,2);D(()=>{kr(Z,n(i)),kr(ye,n(y))}),C("click",be,_e=>te(_e.currentTarget.previousElementSibling)),C("click",xe,_e=>te(_e.currentTarget.previousElementSibling)),m(J,de)},ut=J=>{var de=Bc(),se=s(ct(de),4),Z=l(se),be=s(Z,2),ve=s(se,4),ye=l(ve),xe=s(ye,2);D(()=>kr(Z,n(i))),C("click",be,_e=>te(_e.currentTarget.previousElementSibling)),C("click",xe,_e=>te(_e.currentTarget.previousElementSibling)),m(J,de)};q(It,J=>{n(o)==="zed"?J(P):n(o)==="opencode"?J(N,1):n(o)==="cline"?J(Ce,2):n(o)==="openwebui"&&J(ut,3)})}var F=s(Ot,2);{var Le=J=>{const de=O(()=>`curl ${n(i)}/chat/completions \\
|
||
-H "Content-Type: application/json" \\
|
||
-d '{
|
||
"model": "${n(T)}",
|
||
"messages": [{"role":"user","content":[{"type":"text","text":"Was ist auf dem Bild falsch?"},{"type":"image_url","image_url":{"url":"data:image/png;base64,<DEIN_BILD>"}}]}]
|
||
}'`);var se=qc(),Z=l(se),be=s(l(Z),2),ve=l(be);ze(ve,()=>$t("check"));var ye=s(ve),xe=s(Z,4),_e=l(xe),M=s(_e,2),U=l(M),le=l(U);D(()=>{b(ye,` „${n(T)??""}" bereit`),b(le,n(de))}),C("click",_e,Je=>ke(Je.currentTarget.parentElement)),m(J,se)};q(F,J=>{n(T)&&J(Le)})}D(()=>b(bt,n(d).length?`${n(d).length} von ${n(r).length} ausgewählt`:"alle werden eingeschlossen")),m(L,V)},rt=L=>{var V=Nc(),ie=s(l(V),2),ge=s(l(ie),4);C("click",ge,()=>{var Te;return(Te=document.querySelector(".nav-item[data-view='cookbook']"))==null?void 0:Te.dispatchEvent(new MouseEvent("click"))}),m(L,V)};q(De,L=>{n(r).length?L(Y):L(rt,-1)})}D(()=>kr(W,n(i))),C("click",fe,L=>{const V=L.currentTarget.previousElementSibling;te(V)}),C("click",A,$),m(e,ue),aa()}ya(["click","keydown"]);var Wc=k('<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>'),Vc=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>'),Uc=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(Vt([])),r=R(Vt([])),i=R(!0),o=R("");const d=K=>K==="perfect"?"ok":K==="marginal"?"warn":"bad";function c(K){const W=Math.max(0,Date.now()/1e3-K);return W<60?W+"s":W<3600?Math.floor(W/60)+"m":W<86400?Math.floor(W/3600)+"h":Math.floor(W/86400)+"d"}async function u(){h(i,!0),h(o,"");try{h(a,(await Me("/api/news")).items||[],!0)}catch(K){h(o,K.message||"Fehler beim Laden",!0)}finally{h(i,!1)}}async function v(){try{h(r,(await Me("/api/cookbook/upgrades")).upgrades||[],!0)}catch{h(r,[],!0)}}async function g(K,W){var fe;W.disabled=!0,W.textContent="Starte…";try{await Me("/api/cookbook/install-model",{method:"POST",body:JSON.stringify({repo:K.repo,role:K.role,params_b:K.params_b,quant:K.quant,hf_token:ir()})}),(fe=document.querySelector(".nav-item[data-view='activity']"))==null||fe.dispatchEvent(new MouseEvent("click"))}catch(he){W.disabled=!1,W.textContent="Installieren",alert("Fehler: "+he.message)}}function E(){u(),v()}mr(()=>{u(),v()});var p=Yc(),y=ct(p),T=s(l(y),2),z=s(y,2);{var x=K=>{var W=Vc(),fe=l(W),he=s(l(fe),2),$e=l(he),We=s(fe,4);dt(We,21,()=>n(r),ot,(mt,A)=>{var H=Wc(),re=l(H),Ve=l(re),Q=l(Ve),De=l(Q),Y=s(Q,2),rt=l(Y),L=s(Ve,2),V=l(L),ie=s(re,2);D(ge=>{b(De,n(A).name),kt(Y,1,`fit-badge ${ge??""}`),b(rt,n(A).fit.text),b(V,`Ersetzt dein „${n(A).old??""}". ${n(A).why??""}`)},[()=>d(n(A).fit.level)]),C("click",ie,ge=>g(n(A),ge.currentTarget)),m(mt,H)}),D(()=>b($e,n(r).length)),m(K,W)};q(z,K=>{n(r).length&&K(x)})}var $=s(z,2);{var ke=K=>{var W=Uc();m(K,W)},te=K=>{var W=Hc(),fe=l(W);D(()=>b(fe,n(o))),m(K,W)},ue=K=>{var W=jc();m(K,W)},Ae=K=>{var W=Zc();dt(W,21,()=>n(a),ot,(fe,he,$e)=>{var We=Qc();kt(We,1,`news-card${$e===0?" featured":""}`);var mt=l(We),A=l(mt),H=l(A),re=s(A,2);{var Ve=L=>{var V=Jc();m(L,V)};q(re,L=>{n(he).relevant&&L(Ve)})}var Q=s(re,2),De=l(Q),Y=s(mt,2),rt=l(Y);D(L=>{Nr(We,"href",n(he).link),b(H,n(he).source),b(De,L),b(rt,n(he).title)},[()=>n(he).ts?c(n(he).ts):""]),m(fe,We)}),m(K,W)};q($,K=>{n(i)?K(ke):n(o)?K(te,1):n(a).length?K(Ae,-1):K(ue,2)})}C("click",T,E),m(e,p),aa()}ya(["click"]);const eu=[{label:"Einstieg",tutorials:[["Dein erster Workflow — in 3 Schritten",`
|
||
<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>
|
||
<p class="tut-sources">Weitere Infos: <a href="https://opencode.ai/docs" target="_blank" rel="noopener">opencode.ai/docs</a></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>
|
||
<p class="tut-sources">Weitere Infos: <a href="https://cline.bot" target="_blank" rel="noopener">cline.bot</a></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>
|
||
<p class="tut-sources">Weitere Infos: <a href="https://openwebui.com" target="_blank" rel="noopener">openwebui.com</a></p>`]]},{label:"Agenten meistern",tutorials:[["Was ein Agent tut — und was er nicht kann",`
|
||
<p>Ein nacktes Modell antwortet auf Text — das war's.
|
||
Ein <b>Agent</b> ist das Programm drumherum, das das Modell in eine <b>Handlungsschleife</b> bringt:</p>
|
||
<p style="text-align:center;padding:8px 0;font-family:monospace;font-size:12.5px;color:var(--accent)">
|
||
Planen → Werkzeug nutzen → Ergebnis prüfen → nächsten Schritt planen → …
|
||
</p>
|
||
<p>Konkret: Datei lesen → Code verstehen → Änderung schreiben → Test ausführen → Fehler beheben —
|
||
ohne dass du jeden Schritt anstoßen musst.</p>
|
||
<p><b>Was Agenten gut können:</b></p>
|
||
<ul class="tut-steps" style="list-style:disc">
|
||
<li>Features über mehrere Dateien implementieren</li>
|
||
<li>Bugs finden und in ihrem Kontext beheben</li>
|
||
<li>Code refactoren, Dokumentation schreiben, Tests ergänzen</li>
|
||
<li>Recherchieren und das Ergebnis direkt umsetzen (mit MCP)</li>
|
||
</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 class="tut-sources"><b>Wo MCPs finden?</b>
|
||
<a href="https://mcp.run" target="_blank" rel="noopener">mcp.run</a> ·
|
||
<a href="https://smithery.ai" target="_blank" rel="noopener">smithery.ai</a> ·
|
||
<a href="https://modelcontextprotocol.io/servers" target="_blank" rel="noopener">modelcontextprotocol.io/servers</a>
|
||
— oder einfach fragen: <em>„Welche MCPs gibt es für [dein Werkzeug]?"</em></p>
|
||
<p><b>Merksatz:</b> Fehlt dem Agenten eine <em>Fähigkeit</em> → MCP.
|
||
Soll er etwas nur <em>besser machen</em> → Skill (nächster Abschnitt).</p>`],["Skills & Rules — Agenten Gewohnheiten beibringen",`
|
||
<p><b>Skills</b> (auch <em>Rules</em>, <em>AGENTS.md</em> oder <em>Instructions</em> genannt)
|
||
sind kurze Texte, die dem Agenten beibringen wie er in deinem Projekt arbeiten soll —
|
||
immer, ohne dass du es jedes Mal neu sagen musst.</p>
|
||
<p><b>Beispiel</b> — eine einfache AGENTS.md:</p>
|
||
<pre class="tut-code">Schreib alle Variablen in camelCase.
|
||
Kommentare immer auf Deutsch.
|
||
Tests immer mit describe/it-Blöcken (Jest).
|
||
Importiere nichts was nicht schon in package.json steht.
|
||
Bevor du Dateien änderst: erkläre kurz was du vorhast.</pre>
|
||
<p>Der Agent liest das vor jeder Aufgabe und hält sich daran.</p>
|
||
<p><b>Wo die Datei ablegen:</b></p>
|
||
<div class="tut-table">
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">OpenCode</div>
|
||
<div class="tut-cell-bd"><code>AGENTS.md</code> im Projektordner (pro Projekt)<br>
|
||
<code>~/.config/opencode/AGENTS.md</code> (global, gilt überall)</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">Cline</div>
|
||
<div class="tut-cell-bd"><code>.clinerules</code> im Projektordner<br>
|
||
<code>~/.clinerules</code> (global)</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">Zed</div>
|
||
<div class="tut-cell-bd">Zed Settings → Assistant → System Prompt</div>
|
||
</div>
|
||
</div>
|
||
<p style="margin-top:10px"><b>Fertige Skills finden:</b></p>
|
||
<ul class="tut-steps" style="list-style:disc">
|
||
<li><a href="https://skills.sh" target="_blank" rel="noopener">skills.sh</a>
|
||
— Community-Skills und Personas, direkt verwendbar</li>
|
||
<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 — Rolle, Beziehung & Onboarding",`
|
||
<p>Eine Persona hat <b>zwei Dimensionen</b> — beide sind wichtig:</p>
|
||
<div class="tut-table">
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">Was der Agent tut</div>
|
||
<div class="tut-cell-bd">Fokus, Fachgebiet, Grenzen — die klassische Rollenbeschreibung.</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">Wie er mit dir umgeht</div>
|
||
<div class="tut-cell-bd">Ton, Proaktivität, Feedback-Stil — antwortet er kurz oder ausführlich?
|
||
Hakt er nach oder liefert er einfach? Spricht er Fehler direkt an oder verpackt er sie?</div>
|
||
</div>
|
||
</div>
|
||
<p style="margin-top:10px">Ein Agent der technisch gleich konfiguriert ist, verhält sich komplett anders
|
||
wenn er weiß: <em>Du willst kurze Antworten ohne Erklärung.</em> Oder: <em>Du lernst noch —
|
||
ermutige mich und erkläre immer warum.</em></p>
|
||
|
||
<p><b>Das vollständige Persona-Template:</b></p>
|
||
<pre class="tut-code">Du bist [Name], [Rolle].
|
||
|
||
Fokus: [Was du hauptsächlich tust]
|
||
Wie du kommunizierst: [Stil — direkt/erklärend/ermutigend, kurze oder ausführliche Antworten]
|
||
Wie du mit mir umgehst: [Proaktivität, Rückfragen, Feedback-Stil, Fehlerkultur]
|
||
Sprache: Immer auf Deutsch. Code-Kommentare auf Englisch.
|
||
Grenzen: [Was du nicht tust, was du nachfragst statt zu raten]</pre>
|
||
|
||
<p><b>Beispiel 1 — Coding-Assistent (direkt, erfahren):</b></p>
|
||
<pre class="tut-code">Du bist Alex, ein erfahrener Senior-Entwickler spezialisiert auf TypeScript und React.
|
||
|
||
Fokus: Code schreiben, reviewen, erklären — immer mit konkreten Beispielen.
|
||
Wie du kommunizierst: direkt, pragmatisch. Keine Erklärung wenn der Code für sich spricht.
|
||
Wie du mit mir umgehst: Du fragst nach bevor du loslegst wenn die Aufgabe unklar ist.
|
||
Fehler sprichst du klar an — aber ohne Schuldzuweisungen. Du machst Gegenvorschläge
|
||
wenn du eine bessere Lösung siehst, aber respektierst meine Entscheidung.
|
||
Sprache: Deutsch. Code-Kommentare auf Englisch.
|
||
Grenzen: Kein Code ohne Datei-Kontext. Keine neuen Dependencies ohne Rückfrage.</pre>
|
||
|
||
<p><b>Beispiel 2 — Lernbegleiter (geduldig, ermutigend):</b></p>
|
||
<pre class="tut-code">Du bist Sam, eine geduldige Lernbegleiterin für Programmier-Anfänger.
|
||
|
||
Fokus: Konzepte erklären, Fehler korrigieren, Schritt für Schritt führen.
|
||
Wie du kommunizierst: freundlich, mit Analogien aus dem Alltag. Fachbegriffe sofort erklären.
|
||
Wie du mit mir umgehst: Du lobst Fortschritte, auch kleine. Fehler sind Lernchancen —
|
||
du zeigst was falsch war und warum, ohne zu urteilen. Du fragst ob ich es verstanden
|
||
habe bevor du weitermachst.
|
||
Sprache: Immer auf Deutsch. Niemals Englisch ohne Übersetzung.</pre>
|
||
|
||
<hr style="border:none;border-top:1px solid var(--line);margin:18px 0">
|
||
<p><b>Der schnellste Weg: Onboarding-Interview</b></p>
|
||
<p>Statt die Persona selbst auszufüllen — lass den Agenten <em>dich</em> befragen.
|
||
Starte einen frischen Chat und gib ihm diesen Prompt:</p>
|
||
<pre class="tut-code">Ich möchte dich in mein Projekt und meinen Arbeitsstil einarbeiten.
|
||
Führe mit mir ein kurzes Interview durch — stelle mir 6–8 Fragen,
|
||
eine nach der anderen — um zu verstehen:
|
||
|
||
1. Wer ich bin und wie ich am liebsten kommuniziere
|
||
2. Was unser Projekt ist und welches Ziel es hat
|
||
3. Was ich gut kann und wobei ich Unterstützung brauche
|
||
4. Meine Arbeitsgewohnheiten und Präferenzen
|
||
5. Was mir wichtig ist und was mich stört
|
||
|
||
Wenn du alle Antworten hast, erstelle daraus:
|
||
- Eine vollständige AGENTS.md als dauerhaftes Fundament
|
||
- Einen Satz der zusammenfasst wer ich für dich bin</pre>
|
||
<p>Das Ergebnis: eine maßgeschneiderte Persona die <em>wirklich</em> zu dir passt —
|
||
weil du sie nicht selbst formulieren musstest, sondern im Gespräch entstanden ist.</p>
|
||
|
||
<p><b>Wo eintragen:</b></p>
|
||
<div class="tut-table">
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">Für ein Projekt</div>
|
||
<div class="tut-cell-bd">Erste Zeilen der <code>AGENTS.md</code> im Projektordner.</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">Global (überall)</div>
|
||
<div class="tut-cell-bd"><code>~/.config/opencode/AGENTS.md</code> (OpenCode) ·
|
||
Settings → System Prompt (OpenWebUI)</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">Nur dieser Chat</div>
|
||
<div class="tut-cell-bd"><em>„Ab jetzt bist du …"</em> direkt eintippen.</div>
|
||
</div>
|
||
</div>
|
||
<p class="tut-sources" style="margin-top:10px">Fertige Personas: <a href="https://skills.sh" target="_blank" rel="noopener">skills.sh</a> · <a href="https://cursor.directory" target="_blank" rel="noopener">cursor.directory</a></p>`],["AGENTS.MD & SAVEPOINT.MD — Gedächtnis für den Agenten",`
|
||
<p>Jedes Mal wenn du einen neuen Chat startest, weiß der Agent <b>nichts</b> über dein Projekt.
|
||
Diese zwei Dateien lösen das Problem:</p>
|
||
<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>
|
||
<p class="tut-sources">Vorlagen & Inspiration: <a href="https://skills.sh" target="_blank" rel="noopener">skills.sh</a> · <a href="https://opencode.ai/docs" target="_blank" rel="noopener">opencode.ai/docs</a></p>`]]},{label:"Wenn etwas nicht klappt",tutorials:[["Häufige Probleme & Lösungen",`
|
||
<div class="tut-table">
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">🔴 Engine offline, rotes Licht in der Topbar</div>
|
||
<div class="tut-cell-bd">Tab <b>Server</b> → LLM-Engine-Karte → <b>Neustart</b>.
|
||
Warte 10–15 Sekunden — danach sollte die Verbindung wieder grün sein.</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">⏳ Modell lädt länger als 5 Minuten</div>
|
||
<div class="tut-cell-bd">Tab <b>Aktivität</b> prüfen: läuft ein Download-Job?
|
||
Der muss erst abgeschlossen sein bevor das Modell ladbar ist.
|
||
Bei Fehler → Job-Zeile aufklappen, Log lesen.</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">💬 „context length exceeded" Fehler im Tool</div>
|
||
<div class="tut-cell-bd">Neuen Chat starten. Vorher: <em>„Fasse kurz zusammen was wir
|
||
erreicht haben"</em> eingeben und diesen Text in den neuen Chat mitnehmen.</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">🌐 Modell antwortet immer auf Englisch</div>
|
||
<div class="tut-cell-bd">Am Anfang der Unterhaltung schreiben: <em>„Antworte immer auf Deutsch."</em>
|
||
Für dauerhaft: eine <code>AGENTS.md</code> / <code>.clinerules</code> mit dieser Anweisung anlegen
|
||
(siehe Abschnitt Skills & Rules).</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">🔌 Tool findet keine Modelle / Verbindung schlägt fehl</div>
|
||
<div class="tut-cell-bd">Tab <b>Verbinden</b> → <b>Verbindung testen</b>. Wenn Fehler:
|
||
läuft llama-swap? (Tab Server). URL korrekt? Muss <code>http://</code> (nicht https) sein,
|
||
Port <b>8080</b>. Über Proxy? → LAN-IP direkt nutzen: <code>http://192.168.178.151:8080/v1</code></div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">⬇ Download schlägt fehl / bricht ab</div>
|
||
<div class="tut-cell-bd">Tab <b>Aktivität</b> → Job-Zeile aufklappen → Log lesen.
|
||
Häufigste Ursache: HuggingFace braucht einen Token für dieses Modell (gated model).
|
||
→ Einstellungen (Zahnrad-Icon oben) → <b>HuggingFace-Token</b> eintragen.</div>
|
||
</div>
|
||
<div class="tut-row">
|
||
<div class="tut-cell-hd">🔄 Seite lädt / Dashboard hängt komplett</div>
|
||
<div class="tut-cell-bd">Strg+Shift+R (Hard Reload). Wenn das nicht hilft:
|
||
Tab <b>Server</b> → Mission Control → <b>Neu starten</b>.</div>
|
||
</div>
|
||
</div>`]]}],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 z=()=>n(T)[0],x=()=>n(T)[1];var $=nu();$.open=d===0&&y===0;var ke=l($),te=l(ke),ue=s(ke,2);ze(ue,x,!0),D(()=>b(te,z())),m(E,$)}),D(()=>b(v,n(o).label)),m(i,c)});var r=s(a,4);dt(r,21,()=>tu,ot,(i,o)=>{var d=O(()=>sr(n(o),2));let c=()=>n(d)[0],u=()=>n(d)[1];var v=ru(),g=l(v),E=l(g),p=s(g,2),y=l(p);D(()=>{b(E,c()),b(y,u())}),m(i,v)}),m(e,t)}let Xi={};function lu(){const e=document.getElementById("top-active-text");e&&(e.classList.add("swap-flash"),setTimeout(()=>e.classList.remove("swap-flash"),900))}function es(e){var i;const t=document.getElementById("swdot"),a=document.getElementById("swlabel"),r=document.getElementById("top-active-text");if(!e)t&&(t.className="dot off"),a&&(a.textContent="Backend nicht erreichbar"),r&&(r.textContent="Backend offline"),ts("Backend nicht erreichbar – läuft uvicorn?",!1);else{const o=(e.swap_url||"").replace(/^https?:\/\//,"");t&&(t.className="dot "+(e.swap_ok?"on":"off")),a&&(a.textContent=(e.swap_ok?"LLM-Engine: Online – ":"LLM-Engine: Offline – ")+o);const d=["running","ready","loading","starting"],c=(e.models||[]).find(v=>d.includes(v.state));if(r)if(c){const v=(i=c.meta)!=null&&i.ctx?` <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){zi.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",Ud],["cookbook",Tc],["connect",Gc],["news",Xc],["guides",su]];for(const[e,t]of fu){const a=document.querySelector(`.view[data-view="${e}"]`);a&&xo(t,{target:a})}Vo("overview");const ti=document.getElementById("token");ti&&(ti.value=el(),ti.addEventListener("change",e=>{Fo(e.target.value),Gr()}));const ni=document.getElementById("hf-token");ni&&(ni.value=ir(),ni.addEventListener("change",e=>Ko(e.target.value)));const ns=document.getElementById("nav-settings"),ai=document.getElementById("settings-modal"),as=document.getElementById("sm-close");ns&&ai&&as&&(ns.addEventListener("click",()=>ai.style.display="flex"),as.addEventListener("click",()=>ai.style.display="none"));function pu(){const e=document.getElementById("clock");e&&(e.textContent=new Date().toTimeString().slice(0,5))}document.addEventListener("mc:refresh",Gr);Gr();nl();al();setInterval(pu,1e3);setInterval(Gr,3e3);setInterval(nl,1500);tl();setInterval(tl,6e4);
|