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