1 line
20 KiB
JavaScript
1 line
20 KiB
JavaScript
import{a as e,c as t,i as n,r,t as i}from"./dist-aE7UmubC.js";import{C as a,D as o,E as s,N as c,O as l,Ot as u,S as d,T as f,at as p,bt as m,d as h,f as g,j as _,mt as v,p as y,rn as b,w as x,wn as S}from"./index-CJ1jXWsM.js";import{t as C}from"./Panel-uT1S5ZGr.js";import{t as w}from"./breite-k-QN6GPl.js";var T=t(e(),1),E=r(),D=n(),O={ruhig:{wert:`text-foreground`,marke:null},gelb:{wert:`text-bernstein`,marke:`hoch`},rot:{wert:`text-rot-text`,marke:`kritisch`}};function k(e){let t=(0,E.c)(29),{label:n,wert:r,einheit:a,punkte:o,max:s,zustand:c,farbe:l,zeitraumText:u}=e,d=O[c===void 0?`ruhig`:c],p;t[0]===n?p=t[1]:(p=(0,D.jsx)(`span`,{className:`etikett text-[11px] text-text-3`,children:n}),t[0]=n,t[1]=p);let m;t[2]===d.wert?m=t[3]:(m=i(`font-anzeige text-[28px] leading-none font-semibold tabular-nums`,d.wert),t[2]=d.wert,t[3]=m);let g;t[4]!==a||t[5]!==r?(g=f(r,a),t[4]=a,t[5]=r,t[6]=g):g=t[6];let _;t[7]!==m||t[8]!==g?(_=(0,D.jsx)(`span`,{className:m,children:g}),t[7]=m,t[8]=g,t[9]=_):_=t[9];let v;t[10]!==d.marke||t[11]!==d.wert?(v=d.marke&&(0,D.jsx)(`span`,{className:i(`etikett text-[10.5px]`,d.wert),children:d.marke}),t[10]=d.marke,t[11]=d.wert,t[12]=v):v=t[12];let y;t[13]!==_||t[14]!==v?(y=(0,D.jsxs)(`span`,{className:`flex items-baseline gap-2`,children:[_,v]}),t[13]=_,t[14]=v,t[15]=y):y=t[15];let b;t[16]!==l||t[17]!==n||t[18]!==s||t[19]!==o||t[20]!==u?(b=o&&o.length>1&&(0,D.jsx)(h,{punkte:o,max:s,farbe:l,beschriftung:`${n}, ${u}`}),t[16]=l,t[17]=n,t[18]=s,t[19]=o,t[20]=u,t[21]=b):b=t[21];let x;t[22]===o?x=t[23]:(x=o&&o.length<=1&&(0,D.jsx)(`span`,{className:`h-9`,"aria-hidden":!0}),t[22]=o,t[23]=x);let S;return t[24]!==p||t[25]!==y||t[26]!==b||t[27]!==x?(S=(0,D.jsxs)(`div`,{className:`flaeche-innen flex min-w-0 flex-col gap-1.5 rounded-xl px-3.5 pt-3 pb-2`,children:[p,y,b,x]}),t[24]=p,t[25]=y,t[26]=b,t[27]=x,t[28]=S):S=t[28],S}var A={rechts:12,oben:10,unten:24};function j(e){let t=(0,E.c)(72),{reihen:n,einheit:r,langerZeitraum:i,hoehe:a,titel:o}=e,c=a===void 0?180:a,[l,u]=w(),[d,p]=(0,T.useState)(null),m,h,_,v,b,S,C,O;if(t[0]!==u||t[1]!==r||t[2]!==c||t[3]!==d||t[4]!==i||t[5]!==l||t[6]!==n||t[7]!==o){let e=n[0]?.punkte??[],a=e.length,w=x(n.map(re),r),T=r===`prozent`?[0,25,50,75,100]:[0,w/2,w],E=Math.max(40,Math.max(...T.map(e=>f(e,r).length))*7+12),k;t[16]===E?k=t[17]:(k={...A,links:E},t[16]=E,t[17]=k);let j=k,M=u-j.links-A.rechts,N=c-A.oben-A.unten,ie=e[0]?.[0]??0,P=e[a-1]?.[0]??1,F=e=>j.links+(P>ie?(e-ie)/(P-ie)*M:0),I;t[18]!==N||t[19]!==w?(I=e=>A.oben+N-Math.min(e,w)/(w||1)*N,t[18]=N,t[19]=w,t[20]=I):I=t[20];let L=I,R=A.oben+N,z=a>1?[0,.25,.5,.75,1].map(t=>e[Math.round(t*(a-1))][0]):[],B;t[21]===n?B=t[22]:(B=n.some(ne),t[21]=n,t[22]=B);let V=B,H;t[23]===a?H=t[24]:(H=function(e){if(a===0)return;let t=e.currentTarget.getBoundingClientRect(),n=Math.min(1,Math.max(0,(e.clientX-t.left)/t.width));p(Math.round(n*(a-1)))},t[23]=a,t[24]=H);let U=H,W;t[25]===a?W=t[26]:(W=function(e){if(a!==0){if(e.key===`ArrowLeft`)p(e=>Math.max(0,(e??a-1)-1));else if(e.key===`ArrowRight`)p(e=>Math.min(a-1,(e??a-1)+1));else return;e.preventDefault()}},t[25]=a,t[26]=W);let ae=W,G=d!==null&&e[d]?e[d][0]:null,K=G===null?0:F(G),oe=e.slice(-12);S=`flex flex-col gap-2`,t[27]===n?C=t[28]:(C=n.length>1&&(0,D.jsx)(`ul`,{className:`m-0 flex list-none flex-wrap gap-x-4 gap-y-1 p-0 text-sm text-text-2`,"aria-label":`Legende`,children:n.map(te)}),t[27]=n,t[28]=C);let q;t[29]===a?q=t[30]:(q=()=>p(e=>e??(a?a-1:null)),t[29]=a,t[30]=q);let J;t[31]===Symbol.for(`react.memo_cache_sentinel`)?(J=()=>p(null),t[31]=J):J=t[31];let Y;t[32]!==j.links||t[33]!==R||t[34]!==V||t[35]!==M||t[36]!==N||t[37]!==n||t[38]!==F||t[39]!==L?(Y=V?n.map(e=>(0,D.jsxs)(`g`,{children:[n.length===1&&(0,D.jsx)(`path`,{d:g(e.punkte,F,L,R),fill:e.farbe,opacity:.1}),(0,D.jsx)(`path`,{d:y(e.punkte,F,L),fill:`none`,stroke:e.farbe,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`})]},e.name)):(0,D.jsx)(`text`,{x:j.links+M/2,y:A.oben+N/2,textAnchor:`middle`,className:`fill-text-3 text-sm`,children:`Noch keine Messwerte in diesem Zeitraum`}),t[32]=j.links,t[33]=R,t[34]=V,t[35]=M,t[36]=N,t[37]=n,t[38]=F,t[39]=L,t[40]=Y):Y=t[40];let se;t[41]===Symbol.for(`react.memo_cache_sentinel`)?(se=()=>p(null),t[41]=se):se=t[41];let X;t[42]!==j.links||t[43]!==M||t[44]!==N||t[45]!==U?(X=(0,D.jsx)(`rect`,{x:j.links,y:A.oben,width:M,height:N,fill:`transparent`,onPointerMove:U,onPointerLeave:se}),t[42]=j.links,t[43]=M,t[44]=N,t[45]=U,t[46]=X):X=t[46];let ce=(0,D.jsxs)(`svg`,{width:u,height:c,role:`img`,"aria-label":o,tabIndex:0,onKeyDown:ae,onFocus:q,onBlur:J,className:`block max-w-full outline-none focus-visible:rounded-md focus-visible:ring-2 focus-visible:ring-cyan/60`,children:[T.map(e=>(0,D.jsxs)(`g`,{children:[(0,D.jsx)(`line`,{x1:j.links,x2:u-A.rechts,y1:L(e),y2:L(e),stroke:`var(--linie)`,strokeWidth:1}),(0,D.jsx)(`text`,{x:j.links-8,y:L(e)+4,textAnchor:`end`,className:`fill-text-3 font-mono text-[11px]`,children:f(e,r)})]},e)),z.map((e,t)=>(0,D.jsx)(`text`,{x:F(e),y:c-6,className:`fill-text-3 font-mono text-[11px]`,textAnchor:t===0?`start`:t===z.length-1?`end`:`middle`,children:s(e,i)},e)),Y,G!==null&&(0,D.jsxs)(`g`,{"aria-hidden":!0,children:[(0,D.jsx)(`line`,{x1:F(G),x2:F(G),y1:A.oben,y2:R,stroke:`var(--text-3)`,strokeWidth:1}),n.map(e=>{let t=e.punkte[d]?.[1];return t==null?null:(0,D.jsx)(`circle`,{cx:F(G),cy:L(t),r:4,fill:e.farbe,stroke:`var(--panel)`,strokeWidth:2},e.name)})]}),X]}),Z=G!==null&&(0,D.jsxs)(`div`,{role:`status`,className:`pointer-events-none absolute top-1 z-10 flex min-w-36 flex-col gap-1 rounded-xl border border-white/12 bg-white/[0.04] px-3 py-2 shadow-lg`,style:K>u/2?{right:u-K+10}:{left:K+10},children:[(0,D.jsx)(`span`,{className:`ziffern text-xs text-text-3`,children:s(G,!0)}),n.map(e=>(0,D.jsxs)(`span`,{className:`flex items-center gap-2 text-sm`,children:[(0,D.jsx)(`span`,{"aria-hidden":!0,className:`h-0.5 w-3 rounded-full`,style:{background:e.farbe}}),(0,D.jsx)(`span`,{className:`font-semibold text-foreground`,children:f(e.punkte[d]?.[1],r)}),n.length>1&&(0,D.jsx)(`span`,{className:`text-text-3`,children:e.name})]},e.name))]});t[47]!==l||t[48]!==ce||t[49]!==Z?(O=(0,D.jsxs)(`div`,{ref:l,className:`relative w-full`,children:[ce,Z]}),t[47]=l,t[48]=ce,t[49]=Z,t[50]=O):O=t[50],v=`group text-sm`,t[51]===Symbol.for(`react.memo_cache_sentinel`)?(b=(0,D.jsx)(`summary`,{className:`inline-flex cursor-pointer items-center text-text-3 hover:text-text-2`,children:`Werte als Tabelle`}),t[51]=b):b=t[51],h=`ziffern mt-2 w-full max-w-md border-collapse text-xs`;let Q;t[52]===Symbol.for(`react.memo_cache_sentinel`)?(Q=(0,D.jsx)(`th`,{className:`py-1 pr-4 font-normal`,children:`Zeit`}),t[52]=Q):Q=t[52];let $;t[53]===n?$=t[54]:($=n.map(ee),t[53]=n,t[54]=$),t[55]===$?_=t[56]:(_=(0,D.jsx)(`thead`,{children:(0,D.jsxs)(`tr`,{className:`text-left text-text-3`,children:[Q,$]})}),t[55]=$,t[56]=_),m=oe.map((e,t)=>{let[o]=e;return(0,D.jsxs)(`tr`,{className:`border-t border-white/[0.06]`,children:[(0,D.jsx)(`td`,{className:`py-1 pr-4 text-text-3`,children:s(o,i)}),n.map(e=>(0,D.jsx)(`td`,{className:`py-1 pr-4 text-text-2`,children:f(e.punkte[a-oe.length+t]?.[1],r)},e.name))]},o)}),t[0]=u,t[1]=r,t[2]=c,t[3]=d,t[4]=i,t[5]=l,t[6]=n,t[7]=o,t[8]=m,t[9]=h,t[10]=_,t[11]=v,t[12]=b,t[13]=S,t[14]=C,t[15]=O}else m=t[8],h=t[9],_=t[10],v=t[11],b=t[12],S=t[13],C=t[14],O=t[15];let k;t[57]===m?k=t[58]:(k=(0,D.jsx)(`tbody`,{children:m}),t[57]=m,t[58]=k);let j;t[59]!==k||t[60]!==h||t[61]!==_?(j=(0,D.jsxs)(`table`,{className:h,children:[_,k]}),t[59]=k,t[60]=h,t[61]=_,t[62]=j):j=t[62];let M;t[63]!==j||t[64]!==v||t[65]!==b?(M=(0,D.jsxs)(`details`,{className:v,children:[b,j]}),t[63]=j,t[64]=v,t[65]=b,t[66]=M):M=t[66];let N;return t[67]!==M||t[68]!==S||t[69]!==C||t[70]!==O?(N=(0,D.jsxs)(`div`,{className:S,children:[C,O,M]}),t[67]=M,t[68]=S,t[69]=C,t[70]=O,t[71]=N):N=t[71],N}function ee(e){return(0,D.jsx)(`th`,{className:`py-1 pr-4 font-normal`,children:e.name},e.name)}function te(e){return(0,D.jsxs)(`li`,{className:`flex items-center gap-2`,children:[(0,D.jsx)(`span`,{"aria-hidden":!0,className:`h-0.5 w-4 rounded-full`,style:{background:e.farbe}}),e.name]},e.name)}function ne(e){return e.punkte.some(M)}function M(e){let[,t]=e;return t!==null}function re(e){return e.punkte}var N=[{id:`1h`,name:`1 Stunde`,text:`letzte Stunde`},{id:`24h`,name:`24 Stunden`,text:`letzte 24 Stunden`},{id:`7d`,name:`7 Tage`,text:`letzte 7 Tage`}];function ie(e){let t=(0,E.c)(6),{wert:n,onWahl:r,farbe:a}=e,o=a===`box`?`border-box-rand bg-box-grund text-box-text`:`border-lab-rand bg-lab-grund text-lab-text`,s;t[0]!==o||t[1]!==r||t[2]!==n?(s=N.map(e=>(0,D.jsx)(`button`,{type:`button`,onClick:()=>r(e.id),"aria-pressed":n===e.id,className:i(`h-9 rounded-full border px-4 text-sm`,n===e.id?o:`border-white/10 text-text-2 hover:border-white/20 hover:text-foreground`),children:e.name},e.id)),t[0]=o,t[1]=r,t[2]=n,t[3]=s):s=t[3];let c;return t[4]===s?c=t[5]:(c=(0,D.jsx)(`div`,{role:`group`,"aria-label":`Zeitraum`,className:`flex flex-wrap gap-2`,children:s}),t[4]=s,t[5]=c),c}function P(e){let t=(0,E.c)(9),{titel:n,rechts:r,children:i}=e,a;t[0]===n?a=t[1]:(a=(0,D.jsx)(`h3`,{className:`etikett text-[11.5px] tracking-[0.16em] text-text-2`,children:n}),t[0]=n,t[1]=a);let o;t[2]!==r||t[3]!==a?(o=(0,D.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[a,r]}),t[2]=r,t[3]=a,t[4]=o):o=t[4];let s;return t[5]!==i||t[6]!==o||t[7]!==n?(s=(0,D.jsxs)(`section`,{"aria-label":n,className:`flex min-w-0 flex-col gap-3 flaeche rounded-2xl p-4 sm:p-5`,children:[o,i]}),t[5]=i,t[6]=o,t[7]=n,t[8]=s):s=t[8],s}var F=e=>N.find(t=>t.id===e)?.text??``;function I(){let e=(0,E.c)(97),[t,n]=(0,T.useState)(`1h`),r=p(t),s=b(),l;e[0]===r.data?.reihen?l=e[1]:(l=r.data?.reihen??{},e[0]=r.data?.reihen,e[1]=l);let u=l,d;e[2]===r.data?.aktuell?d=e[3]:(d=r.data?.aktuell??{},e[2]=r.data?.aktuell,e[3]=d);let f=d,m=t===`7d`,h;e[4]!==f||e[5]!==u?(h=(e,t)=>e??f[t]??a(u[t]),e[4]=f,e[5]=u,e[6]=h):h=e[6];let g=h,_;e[7]===t?_=e[8]:(_=(0,D.jsx)(ie,{wert:t,onWahl:n,farbe:`box`}),e[7]=t,e[8]=_);let v;e[9]===Symbol.for(`react.memo_cache_sentinel`)?(v=(0,D.jsx)(`span`,{className:`text-sm text-text-3`,children:`Zahlen live, Verläufe im Minutentakt`}),e[9]=v):v=e[9];let y;e[10]===_?y=e[11]:(y=(0,D.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[_,v]}),e[10]=_,e[11]=y);let x=s?.cpu,S;e[12]!==x||e[13]!==g?(S=g(x,`cpu`),e[12]=x,e[13]=g,e[14]=S):S=e[14];let C=s?.cpu,w;e[15]!==C||e[16]!==g?(w=o(g(C,`cpu`),85,95),e[15]=C,e[16]=g,e[17]=w):w=e[17];let O;e[18]===t?O=e[19]:(O=F(t),e[18]=t,e[19]=O);let A;e[20]!==O||e[21]!==S||e[22]!==w?(A=(0,D.jsx)(k,{label:`CPU`,wert:S,einheit:`prozent`,max:100,zustand:w,zeitraumText:O}),e[20]=O,e[21]=S,e[22]=w,e[23]=A):A=e[23];let ee=s?.ram,te;e[24]!==ee||e[25]!==g?(te=g(ee,`ram`),e[24]=ee,e[25]=g,e[26]=te):te=e[26];let ne=s?.ram,M;e[27]!==ne||e[28]!==g?(M=o(g(ne,`ram`),85,95),e[27]=ne,e[28]=g,e[29]=M):M=e[29];let re;e[30]===t?re=e[31]:(re=F(t),e[30]=t,e[31]=re);let N;e[32]!==te||e[33]!==M||e[34]!==re?(N=(0,D.jsx)(k,{label:`Speicher`,wert:te,einheit:`prozent`,max:100,zustand:M,zeitraumText:re}),e[32]=te,e[33]=M,e[34]=re,e[35]=N):N=e[35];let I=s?.gpu,L;e[36]!==I||e[37]!==g?(L=g(I,`gpu`),e[36]=I,e[37]=g,e[38]=L):L=e[38];let R;e[39]===t?R=e[40]:(R=F(t),e[39]=t,e[40]=R);let z;e[41]!==L||e[42]!==R?(z=(0,D.jsx)(k,{label:`GPU`,wert:L,einheit:`prozent`,max:100,zeitraumText:R}),e[41]=L,e[42]=R,e[43]=z):z=e[43];let B=s?.temp_cpu,V;e[44]!==B||e[45]!==g?(V=g(B,`temp_cpu`),e[44]=B,e[45]=g,e[46]=V):V=e[46];let H=s?.temp_cpu,U;e[47]!==H||e[48]!==g?(U=o(g(H,`temp_cpu`),80,90),e[47]=H,e[48]=g,e[49]=U):U=e[49];let W;e[50]===t?W=e[51]:(W=F(t),e[50]=t,e[51]=W);let ae;e[52]!==V||e[53]!==U||e[54]!==W?(ae=(0,D.jsx)(k,{label:`CPU-Temp.`,wert:V,einheit:`grad`,max:100,zustand:U,zeitraumText:W}),e[52]=V,e[53]=U,e[54]=W,e[55]=ae):ae=e[55];let G=s?.temp_gpu,K;e[56]!==G||e[57]!==g?(K=g(G,`temp_gpu`),e[56]=G,e[57]=g,e[58]=K):K=e[58];let oe=s?.temp_gpu,q;e[59]!==oe||e[60]!==g?(q=o(g(oe,`temp_gpu`),80,90),e[59]=oe,e[60]=g,e[61]=q):q=e[61];let J;e[62]===t?J=e[63]:(J=F(t),e[62]=t,e[63]=J);let Y;e[64]!==K||e[65]!==q||e[66]!==J?(Y=(0,D.jsx)(k,{label:`GPU-Temp.`,wert:K,einheit:`grad`,max:100,zustand:q,zeitraumText:J}),e[64]=K,e[65]=q,e[66]=J,e[67]=Y):Y=e[67];let se=s?.disk,X;e[68]!==se||e[69]!==g?(X=g(se,`platte`),e[68]=se,e[69]=g,e[70]=X):X=e[70];let ce=s?.disk,Z;e[71]!==ce||e[72]!==g?(Z=o(g(ce,`platte`),80,90),e[71]=ce,e[72]=g,e[73]=Z):Z=e[73];let Q;e[74]===t?Q=e[75]:(Q=F(t),e[74]=t,e[75]=Q);let $;e[76]!==X||e[77]!==Z||e[78]!==Q?($=(0,D.jsx)(k,{label:`Platte`,wert:X,einheit:`prozent`,max:100,zustand:Z,zeitraumText:Q}),e[76]=X,e[77]=Z,e[78]=Q,e[79]=$):$=e[79];let le;e[80]!==A||e[81]!==N||e[82]!==z||e[83]!==ae||e[84]!==Y||e[85]!==$?(le=(0,D.jsxs)(`div`,{className:`grid grid-cols-2 gap-2.5 sm:grid-cols-3 xl:grid-cols-6`,children:[A,N,z,ae,Y,$]}),e[80]=A,e[81]=N,e[82]=z,e[83]=ae,e[84]=Y,e[85]=$,e[86]=le):le=e[86];let ue;e[87]!==m||e[88]!==r.data||e[89]!==r.isError||e[90]!==r.isPlaceholderData||e[91]!==u?(ue=r.isError&&!r.data?(0,D.jsx)(c,{text:`Der Verlauf ist noch nicht da: Die KI-Box sammelt Messwerte, sobald der neue Stand läuft. Die Zahlen oben sind live.`}):(0,D.jsxs)(`div`,{className:i(`grid gap-5 md:gap-6 xl:grid-cols-2`,r.isPlaceholderData&&`opacity-70`),children:[(0,D.jsx)(P,{titel:`CPU`,children:(0,D.jsx)(j,{titel:`CPU-Auslastung in Prozent`,einheit:`prozent`,langerZeitraum:m,reihen:[{name:`CPU`,punkte:u.cpu??[],farbe:`var(--reihe-1)`}]})}),(0,D.jsx)(P,{titel:`Speicher`,children:(0,D.jsx)(j,{titel:`Belegter Speicher in Prozent`,einheit:`prozent`,langerZeitraum:m,reihen:[{name:`Speicher`,punkte:u.ram??[],farbe:`var(--reihe-1)`}]})}),(0,D.jsx)(P,{titel:`GPU`,children:(0,D.jsx)(j,{titel:`GPU-Last in Prozent`,einheit:`prozent`,langerZeitraum:m,reihen:[{name:`GPU`,punkte:u.gpu??[],farbe:`var(--reihe-1)`}]})}),(0,D.jsx)(P,{titel:`Temperatur`,children:(0,D.jsx)(j,{titel:`Temperatur von CPU und GPU in Grad`,einheit:`grad`,langerZeitraum:m,reihen:[{name:`CPU`,punkte:u.temp_cpu??[],farbe:`var(--reihe-1)`},{name:`GPU`,punkte:u.temp_gpu??[],farbe:`var(--reihe-2)`}]})}),(0,D.jsx)(P,{titel:`Netz`,children:(0,D.jsx)(j,{titel:`Netzverkehr in Bytes pro Sekunde`,einheit:`bytes_s`,langerZeitraum:m,reihen:[{name:`empfangen`,punkte:u.netz_rx??[],farbe:`var(--reihe-1)`},{name:`gesendet`,punkte:u.netz_tx??[],farbe:`var(--reihe-2)`}]})}),(0,D.jsx)(P,{titel:`Tokens pro Minute`,children:(0,D.jsx)(j,{titel:`Erzeugte und gelesene Tokens pro Minute`,einheit:`anzahl`,langerZeitraum:m,reihen:[{name:`Tokens`,punkte:u.tokens??[],farbe:`var(--reihe-1)`}]})})]}),e[87]=m,e[88]=r.data,e[89]=r.isError,e[90]=r.isPlaceholderData,e[91]=u,e[92]=ue):ue=e[92];let de;return e[93]!==le||e[94]!==ue||e[95]!==y?(de=(0,D.jsxs)(D.Fragment,{children:[y,le,ue]}),e[93]=le,e[94]=ue,e[95]=y,e[96]=de):de=e[96],de}function L(e){let t=(0,E.c)(43),{g:n,zeitraum:r}=e,i=n.aktuell,a=n.id,o=n.name,s;t[0]!==n.art||t[1]!==n.name?(s=_({art:n.art,name:n.name}),t[0]=n.art,t[1]=n.name,t[2]=s):s=t[2];let c;t[3]===s?c=t[4]:(c=(0,D.jsx)(l,{bild:s,groesse:`sm`}),t[3]=s,t[4]=c);let u;t[5]===n.name?u=t[6]:(u=(0,D.jsx)(`h3`,{className:`text-[15px] font-semibold`,children:n.name}),t[5]=n.name,t[6]=u);let f;t[7]!==c||t[8]!==u?(f=(0,D.jsxs)(`span`,{className:`flex min-w-0 items-center gap-3`,children:[c,u]}),t[7]=c,t[8]=u,t[9]=f):f=t[9];let p;t[10]===i.cpu?p=t[11]:(p=i.cpu==null?`–`:`${Math.round(i.cpu)} %`,t[10]=i.cpu,t[11]=p);let m;t[12]===i.ram?m=t[13]:(m=i.ram==null?`–`:`${Math.round(i.ram)} %`,t[12]=i.ram,t[13]=m);let h;t[14]===i.uptime_s?h=t[15]:(h=d(i.uptime_s),t[14]=i.uptime_s,t[15]=h);let g;t[16]!==p||t[17]!==m||t[18]!==h?(g=(0,D.jsxs)(`span`,{className:`ziffern text-xs text-text-3`,children:[`CPU `,p,` · RAM `,m,` · läuft `,h]}),t[16]=p,t[17]=m,t[18]=h,t[19]=g):g=t[19];let v;t[20]!==g||t[21]!==f?(v=(0,D.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-2`,children:[f,g]}),t[20]=g,t[21]=f,t[22]=v):v=t[22];let y=`${n.name}: CPU und Speicher in Prozent`,b=r===`7d`,x;t[23]===n.reihen.cpu?x=t[24]:(x=n.reihen.cpu??[],t[23]=n.reihen.cpu,t[24]=x);let S;t[25]===x?S=t[26]:(S={name:`CPU`,punkte:x,farbe:`var(--reihe-1)`},t[25]=x,t[26]=S);let C;t[27]===n.reihen.ram?C=t[28]:(C=n.reihen.ram??[],t[27]=n.reihen.ram,t[28]=C);let w;t[29]===C?w=t[30]:(w={name:`Speicher`,punkte:C,farbe:`var(--reihe-2)`},t[29]=C,t[30]=w);let T;t[31]!==S||t[32]!==w?(T=[S,w],t[31]=S,t[32]=w,t[33]=T):T=t[33];let O;t[34]!==y||t[35]!==b||t[36]!==T?(O=(0,D.jsx)(j,{titel:y,einheit:`prozent`,langerZeitraum:b,hoehe:140,reihen:T}),t[34]=y,t[35]=b,t[36]=T,t[37]=O):O=t[37];let k;return t[38]!==n.id||t[39]!==n.name||t[40]!==v||t[41]!==O?(k=(0,D.jsxs)(`section`,{id:a,"aria-label":o,className:`flex min-w-0 scroll-mt-6 flex-col gap-3 flaeche rounded-2xl p-4 sm:p-5`,children:[v,O]}),t[38]=n.id,t[39]=n.name,t[40]=v,t[41]=O,t[42]=k):k=t[42],k}function R(){let e=(0,E.c)(31),[t,n]=(0,T.useState)(`1h`),r=m(),a=u(),s=r.data?.rolle===`homelab`||!!(a.data?.eingerichtet&&a.data.erreichbar),l=v(t,s),f;e[0]===Symbol.for(`react.memo_cache_sentinel`)?(f={select:H},e[0]=f):f=e[0];let p=S(f),h,g;if(e[1]!==p||e[2]!==l.data?(h=()=>{p&&l.data&&document.getElementById(p)?.scrollIntoView({block:`start`})},g=[p,l.data],e[1]=p,e[2]=l.data,e[3]=h,e[4]=g):(h=e[3],g=e[4]),(0,T.useEffect)(h,g),!s){let t;return e[5]===Symbol.for(`react.memo_cache_sentinel`)?(t=(0,D.jsx)(c,{fehler:!0,text:`Der Homelab-Teil antwortet gerade nicht.`}),e[5]=t):t=e[5],t}if(l.isPending){let t;return e[6]===Symbol.for(`react.memo_cache_sentinel`)?(t=(0,D.jsx)(c,{text:`Die Messwerte kommen gleich …`}),e[6]=t):t=e[6],t}if(!l.data){let t;return e[7]===Symbol.for(`react.memo_cache_sentinel`)?(t=(0,D.jsx)(c,{text:`Noch keine Messwerte: Der Ausführer schickt sie jede Minute, sobald sein neuer Stand eingespielt ist.`}),e[7]=t):t=e[7],t}let _,y,b,x;if(e[8]!==l.data.geraete||e[9]!==l.isPlaceholderData||e[10]!==t){let r=l.data.geraete.find(V),a=l.data.geraete.filter(B),s=t===`7d`,c=r?.aktuell??{},u;e[15]===t?u=e[16]:(u=(0,D.jsx)(ie,{wert:t,onWahl:n,farbe:`homelab`}),e[15]=t,e[16]=u);let f;e[17]===Symbol.for(`react.memo_cache_sentinel`)?(f=(0,D.jsx)(`span`,{className:`text-sm text-text-3`,children:`Werte im Minutentakt vom Proxmox-Host`}),e[17]=f):f=e[17],e[18]===u?b=e[19]:(b=(0,D.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[u,f]}),e[18]=u,e[19]=b),x=r&&(0,D.jsxs)(C,{titel:`Proxmox-Host`,rechts:(0,D.jsxs)(`span`,{className:`ziffern text-sm text-text-3`,children:[`läuft `,d(c.uptime_s),c.load1==null?``:` · Last ${c.load1.toFixed(2).replace(`.`,`,`)}`]}),children:[(0,D.jsxs)(`div`,{className:`grid grid-cols-2 gap-2.5 sm:grid-cols-4`,children:[(0,D.jsx)(k,{label:`CPU`,wert:c.cpu,einheit:`prozent`,max:100,punkte:r.reihen.cpu,zustand:o(c.cpu??null,85,95),zeitraumText:F(t)}),(0,D.jsx)(k,{label:`Speicher`,wert:c.ram,einheit:`prozent`,max:100,punkte:r.reihen.ram,zustand:o(c.ram??null,90,95),zeitraumText:F(t)}),(0,D.jsx)(k,{label:`Temperatur`,wert:c.temp_cpu,einheit:`grad`,max:100,punkte:r.reihen.temp_cpu,zustand:o(c.temp_cpu??null,80,90),zeitraumText:F(t)}),(0,D.jsx)(k,{label:`Systemplatte`,wert:c.platte,einheit:`prozent`,max:100,punkte:r.reihen.platte,zustand:o(c.platte??null,80,90),zeitraumText:F(t)})]}),(0,D.jsxs)(`div`,{className:i(`grid gap-5 xl:grid-cols-2`,l.isPlaceholderData&&`opacity-70`),children:[(0,D.jsx)(P,{titel:`CPU und Speicher`,children:(0,D.jsx)(j,{titel:`Proxmox-Host: CPU und Speicher in Prozent`,einheit:`prozent`,langerZeitraum:s,reihen:[{name:`CPU`,punkte:r.reihen.cpu??[],farbe:`var(--reihe-1)`},{name:`Speicher`,punkte:r.reihen.ram??[],farbe:`var(--reihe-2)`}]})}),(0,D.jsx)(P,{titel:`Netz`,children:(0,D.jsx)(j,{titel:`Proxmox-Host: Netzverkehr in Bytes pro Sekunde`,einheit:`bytes_s`,langerZeitraum:s,reihen:[{name:`empfangen`,punkte:r.reihen.netz_rx??[],farbe:`var(--reihe-1)`},{name:`gesendet`,punkte:r.reihen.netz_tx??[],farbe:`var(--reihe-2)`}]})}),(r.reihen.temp_cpu?.some(z)??!1)&&(0,D.jsx)(P,{titel:`Temperatur`,children:(0,D.jsx)(j,{titel:`Proxmox-Host: CPU-Temperatur in Grad`,einheit:`grad`,langerZeitraum:s,reihen:[{name:`CPU`,punkte:r.reihen.temp_cpu??[],farbe:`var(--reihe-1)`}]})})]})]});let p=l.isPlaceholderData&&`opacity-70`;e[20]===p?_=e[21]:(_=i(`grid gap-5 md:gap-6 xl:grid-cols-2`,p),e[20]=p,e[21]=_);let m;e[22]===t?m=e[23]:(m=e=>(0,D.jsx)(L,{g:e,zeitraum:t},e.id),e[22]=t,e[23]=m),y=a.map(m),e[8]=l.data.geraete,e[9]=l.isPlaceholderData,e[10]=t,e[11]=_,e[12]=y,e[13]=b,e[14]=x}else _=e[11],y=e[12],b=e[13],x=e[14];let w;e[24]!==_||e[25]!==y?(w=(0,D.jsx)(`div`,{className:_,children:y}),e[24]=_,e[25]=y,e[26]=w):w=e[26];let O;return e[27]!==b||e[28]!==x||e[29]!==w?(O=(0,D.jsxs)(D.Fragment,{children:[b,x,w]}),e[27]=b,e[28]=x,e[29]=w,e[30]=O):O=e[30],O}function z(e){let[,t]=e;return t!==null}function B(e){return e.art!==`proxmox-host`}function V(e){return e.art===`proxmox-host`}function H(e){return e.location.hash}export{I as BoxMonitoringSeite,R as HomelabMonitoringSeite}; |