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{F as a,Kt as o,Tt as s,W as c,a as l,c as u,et as d,i as f,l as p,n as m,o as h,p as g,q as _,r as v,s as y,t as b,u as x}from"./index-C0aLfVi8.js";var S=t(),C=r(e(),1),w=n(),T={rechts:12,oben:10,unten:24};function E(e){let t=(0,S.c)(4),n=e===void 0?640:e,r=(0,C.useRef)(null),[i,a]=(0,C.useState)(n),o,s;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(o=()=>{let e=r.current;if(!e||typeof ResizeObserver>`u`)return;let t=new ResizeObserver(e=>{let[t]=e;return a(Math.max(240,Math.round(t.contentRect.width)))});return t.observe(e),()=>t.disconnect()},s=[],t[0]=o,t[1]=s):(o=t[0],s=t[1]),(0,C.useEffect)(o,s);let c;return t[2]===i?c=t[3]:(c=[r,i],t[2]=i,t[3]=c),c}function D(e){let t=(0,S.c)(72),{reihen:n,einheit:r,langerZeitraum:i,hoehe:a,titel:o}=e,s=a===void 0?180:a,[c,l]=E(),[d,f]=(0,C.useState)(null),p,g,_,b,x,D,j,M;if(t[0]!==l||t[1]!==r||t[2]!==s||t[3]!==d||t[4]!==i||t[5]!==c||t[6]!==n||t[7]!==o){let e=n[0]?.punkte??[],a=e.length,S=h(n.map(ee),r),C=r===`prozent`?[0,25,50,75,100]:[0,S/2,S],E=Math.max(40,Math.max(...C.map(e=>y(e,r).length))*7+12),N;t[16]===E?N=t[17]:(N={...T,links:E},t[16]=E,t[17]=N);let P=N,F=l-P.links-T.rechts,I=s-T.oben-T.unten,L=e[0]?.[0]??0,R=e[a-1]?.[0]??1,z=e=>P.links+(R>L?(e-L)/(R-L)*F:0),te;t[18]!==I||t[19]!==S?(te=e=>T.oben+I-Math.min(e,S)/(S||1)*I,t[18]=I,t[19]=S,t[20]=te):te=t[20];let B=te,V=T.oben+I,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(A),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:z(G),oe=e.slice(-12);D=`flex flex-col gap-2`,t[27]===n?j=t[28]:(j=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(k)}),t[27]=n,t[28]=j);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]!==P.links||t[33]!==V||t[34]!==H||t[35]!==F||t[36]!==I||t[37]!==n||t[38]!==z||t[39]!==B?(Y=H?n.map(e=>(0,w.jsxs)(`g`,{children:[n.length===1&&(0,w.jsx)(`path`,{d:m(e.punkte,z,B,V),fill:e.farbe,opacity:.1}),(0,w.jsx)(`path`,{d:v(e.punkte,z,B),fill:`none`,stroke:e.farbe,strokeWidth:2,strokeLinecap:`round`,strokeLinejoin:`round`})]},e.name)):(0,w.jsx)(`text`,{x:P.links+F/2,y:T.oben+I/2,textAnchor:`middle`,className:`fill-text-3 text-sm`,children:`Noch keine Messwerte in diesem Zeitraum`}),t[32]=P.links,t[33]=V,t[34]=H,t[35]=F,t[36]=I,t[37]=n,t[38]=z,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]!==P.links||t[43]!==F||t[44]!==I||t[45]!==U?(X=(0,w.jsx)(`rect`,{x:P.links,y:T.oben,width:F,height:I,fill:`transparent`,onPointerMove:U,onPointerLeave:se}),t[42]=P.links,t[43]=F,t[44]=I,t[45]=U,t[46]=X):X=t[46];let ce=(0,w.jsxs)(`svg`,{width:l,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:P.links,x2:l-T.rechts,y1:B(e),y2:B(e),stroke:`var(--linie)`,strokeWidth:1}),(0,w.jsx)(`text`,{x:P.links-8,y:B(e)+4,textAnchor:`end`,className:`fill-text-3 font-mono text-[11px]`,children:y(e,r)})]},e)),ne.map((e,t)=>(0,w.jsx)(`text`,{x:z(e),y:s-6,className:`fill-text-3 font-mono text-[11px]`,textAnchor:t===0?`start`:t===ne.length-1?`end`:`middle`,children:u(e,i)},e)),Y,G!==null&&(0,w.jsxs)(`g`,{"aria-hidden":!0,children:[(0,w.jsx)(`line`,{x1:z(G),x2:z(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:z(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>l/2?{right:l-K+10}:{left:K+10},children:[(0,w.jsx)(`span`,{className:`ziffern text-xs text-text-3`,children:u(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:y(e.punkte[d]?.[1],r)}),n.length>1&&(0,w.jsx)(`span`,{className:`text-text-3`,children:e.name})]},e.name))]});t[47]!==c||t[48]!==ce||t[49]!==Z?(M=(0,w.jsxs)(`div`,{ref:c,className:`relative w-full`,children:[ce,Z]}),t[47]=c,t[48]=ce,t[49]=Z,t[50]=M):M=t[50],b=`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(O),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]=_),p=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:u(o,i)}),n.map(e=>(0,w.jsx)(`td`,{className:`py-1 pr-4 text-text-2`,children:y(e.punkte[a-oe.length+t]?.[1],r)},e.name))]},o)}),t[0]=l,t[1]=r,t[2]=s,t[3]=d,t[4]=i,t[5]=c,t[6]=n,t[7]=o,t[8]=p,t[9]=g,t[10]=_,t[11]=b,t[12]=x,t[13]=D,t[14]=j,t[15]=M}else p=t[8],g=t[9],_=t[10],b=t[11],x=t[12],D=t[13],j=t[14],M=t[15];let N;t[57]===p?N=t[58]:(N=(0,w.jsx)(`tbody`,{children:p}),t[57]=p,t[58]=N);let P;t[59]!==N||t[60]!==g||t[61]!==_?(P=(0,w.jsxs)(`table`,{className:g,children:[_,N]}),t[59]=N,t[60]=g,t[61]=_,t[62]=P):P=t[62];let F;t[63]!==P||t[64]!==b||t[65]!==x?(F=(0,w.jsxs)(`details`,{className:b,children:[x,P]}),t[63]=P,t[64]=b,t[65]=x,t[66]=F):F=t[66];let I;return t[67]!==F||t[68]!==D||t[69]!==j||t[70]!==M?(I=(0,w.jsxs)(`div`,{className:D,children:[j,M,F]}),t[67]=F,t[68]=D,t[69]=j,t[70]=M,t[71]=I):I=t[71],I}function O(e){return(0,w.jsx)(`th`,{className:`py-1 pr-4 font-normal`,children:e.name},e.name)}function k(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 A(e){return e.punkte.some(j)}function j(e){let[,t]=e;return t!==null}function ee(e){return e.punkte}var M=[{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 N(e){let t=(0,S.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=M.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 P(e){let t=(0,S.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 F=e=>M.find(t=>t.id===e)?.text??``;function I(){let e=(0,S.c)(97),[t,n]=(0,C.useState)(`1h`),r=a(t),o=s(),c;e[0]===r.data?.reihen?c=e[1]:(c=r.data?.reihen??{},e[0]=r.data?.reihen,e[1]=c);let u=c,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]??l(u[t]),e[4]=f,e[5]=u,e[6]=h):h=e[6];let _=h,v;e[7]===t?v=e[8]:(v=(0,w.jsx)(N,{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 x;e[10]===v?x=e[11]:(x=(0,w.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[v,y]}),e[10]=v,e[11]=x);let T=o?.cpu,E;e[12]!==T||e[13]!==_?(E=_(T,`cpu`),e[12]=T,e[13]=_,e[14]=E):E=e[14];let O=o?.cpu,k;e[15]!==O||e[16]!==_?(k=p(_(O,`cpu`),85,95),e[15]=O,e[16]=_,e[17]=k):k=e[17];let A;e[18]===t?A=e[19]:(A=F(t),e[18]=t,e[19]=A);let j;e[20]!==A||e[21]!==E||e[22]!==k?(j=(0,w.jsx)(b,{label:`CPU`,wert:E,einheit:`prozent`,max:100,zustand:k,zeitraumText:A}),e[20]=A,e[21]=E,e[22]=k,e[23]=j):j=e[23];let ee=o?.ram,M;e[24]!==ee||e[25]!==_?(M=_(ee,`ram`),e[24]=ee,e[25]=_,e[26]=M):M=e[26];let I=o?.ram,L;e[27]!==I||e[28]!==_?(L=p(_(I,`ram`),85,95),e[27]=I,e[28]=_,e[29]=L):L=e[29];let R;e[30]===t?R=e[31]:(R=F(t),e[30]=t,e[31]=R);let z;e[32]!==M||e[33]!==L||e[34]!==R?(z=(0,w.jsx)(b,{label:`Speicher`,wert:M,einheit:`prozent`,max:100,zustand:L,zeitraumText:R}),e[32]=M,e[33]=L,e[34]=R,e[35]=z):z=e[35];let te=o?.gpu,B;e[36]!==te||e[37]!==_?(B=_(te,`gpu`),e[36]=te,e[37]=_,e[38]=B):B=e[38];let V;e[39]===t?V=e[40]:(V=F(t),e[39]=t,e[40]=V);let ne;e[41]!==B||e[42]!==V?(ne=(0,w.jsx)(b,{label:`GPU`,wert:B,einheit:`prozent`,max:100,zeitraumText:V}),e[41]=B,e[42]=V,e[43]=ne):ne=e[43];let re=o?.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=o?.temp_cpu,U;e[47]!==ie||e[48]!==_?(U=p(_(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=F(t),e[50]=t,e[51]=W);let ae;e[52]!==H||e[53]!==U||e[54]!==W?(ae=(0,w.jsx)(b,{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=o?.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=o?.temp_gpu,q;e[59]!==oe||e[60]!==_?(q=p(_(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=F(t),e[62]=t,e[63]=J);let Y;e[64]!==K||e[65]!==q||e[66]!==J?(Y=(0,w.jsx)(b,{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=o?.disk,X;e[68]!==se||e[69]!==_?(X=_(se,`platte`),e[68]=se,e[69]=_,e[70]=X):X=e[70];let ce=o?.disk,Z;e[71]!==ce||e[72]!==_?(Z=p(_(ce,`platte`),80,90),e[71]=ce,e[72]=_,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,w.jsx)(b,{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]!==j||e[81]!==z||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:[j,z,ne,ae,Y,$]}),e[80]=j,e[81]=z,e[82]=ne,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,w.jsx)(g,{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)(P,{titel:`CPU`,children:(0,w.jsx)(D,{titel:`CPU-Auslastung in Prozent`,einheit:`prozent`,langerZeitraum:m,reihen:[{name:`CPU`,punkte:u.cpu??[],farbe:`var(--reihe-1)`}]})}),(0,w.jsx)(P,{titel:`Speicher`,children:(0,w.jsx)(D,{titel:`Belegter Speicher in Prozent`,einheit:`prozent`,langerZeitraum:m,reihen:[{name:`Speicher`,punkte:u.ram??[],farbe:`var(--reihe-1)`}]})}),(0,w.jsx)(P,{titel:`GPU`,children:(0,w.jsx)(D,{titel:`GPU-Last in Prozent`,einheit:`prozent`,langerZeitraum:m,reihen:[{name:`GPU`,punkte:u.gpu??[],farbe:`var(--reihe-1)`}]})}),(0,w.jsx)(P,{titel:`Temperatur`,children:(0,w.jsx)(D,{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,w.jsx)(P,{titel:`Netz`,children:(0,w.jsx)(D,{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,w.jsx)(P,{titel:`Tokens pro Minute`,children:(0,w.jsx)(D,{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]!==x?(de=(0,w.jsxs)(w.Fragment,{children:[x,le,ue]}),e[93]=le,e[94]=ue,e[95]=x,e[96]=de):de=e[96],de}function L(e){let t=(0,S.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=f(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 p;t[12]!==s||t[13]!==d?(p=(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]=p):p=t[14];let m=`${n.name}: CPU und Speicher in Prozent`,h=r===`7d`,g;t[15]===n.reihen.cpu?g=t[16]:(g=n.reihen.cpu??[],t[15]=n.reihen.cpu,t[16]=g);let _;t[17]===g?_=t[18]:(_={name:`CPU`,punkte:g,farbe:`var(--reihe-1)`},t[17]=g,t[18]=_);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]!==_||t[24]!==y?(b=[_,y],t[23]=_,t[24]=y,t[25]=b):b=t[25];let x;t[26]!==h||t[27]!==b||t[28]!==m?(x=(0,w.jsx)(D,{titel:m,einheit:`prozent`,langerZeitraum:h,hoehe:140,reihen:b}),t[26]=h,t[27]=b,t[28]=m,t[29]=x):x=t[29];let C;return t[30]!==n.id||t[31]!==n.name||t[32]!==x||t[33]!==p?(C=(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:[p,x]}),t[30]=n.id,t[31]=n.name,t[32]=x,t[33]=p,t[34]=C):C=t[34],C}function R(){let e=(0,S.c)(31),[t,n]=(0,C.useState)(`1h`),r=_(),a=d(),s=r.data?.rolle===`homelab`||!!(a.data?.eingerichtet&&a.data.erreichbar),l=c(t,s),u;e[0]===Symbol.for(`react.memo_cache_sentinel`)?(u={select:V},e[0]=u):u=e[0];let m=o(u),h,v;if(e[1]!==m||e[2]!==l.data?(h=()=>{m&&l.data&&document.getElementById(m)?.scrollIntoView({block:`start`})},v=[m,l.data],e[1]=m,e[2]=l.data,e[3]=h,e[4]=v):(h=e[3],v=e[4]),(0,C.useEffect)(h,v),!s){let t;return e[5]===Symbol.for(`react.memo_cache_sentinel`)?(t=(0,w.jsx)(g,{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,w.jsx)(g,{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,w.jsx)(g,{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,T,E,O;if(e[8]!==l.data.geraete||e[9]!==l.isPlaceholderData||e[10]!==t){let r=l.data.geraete.find(B),a=l.data.geraete.filter(te),o=t===`7d`,s=r?.aktuell??{},c;e[15]===t?c=e[16]:(c=(0,w.jsx)(N,{wert:t,onWahl:n,farbe:`homelab`}),e[15]=t,e[16]=c);let u;e[17]===Symbol.for(`react.memo_cache_sentinel`)?(u=(0,w.jsx)(`span`,{className:`text-sm text-text-3`,children:`Werte im Minutentakt vom Proxmox-Host`}),e[17]=u):u=e[17],e[18]===c?E=e[19]:(E=(0,w.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[c,u]}),e[18]=c,e[19]=E),O=r&&(0,w.jsxs)(x,{titel:`Proxmox-Host`,rechts:(0,w.jsxs)(`span`,{className:`ziffern text-sm text-text-3`,children:[`läuft `,f(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)(b,{label:`CPU`,wert:s.cpu,einheit:`prozent`,max:100,punkte:r.reihen.cpu,zustand:p(s.cpu??null,85,95),zeitraumText:F(t)}),(0,w.jsx)(b,{label:`Speicher`,wert:s.ram,einheit:`prozent`,max:100,punkte:r.reihen.ram,zustand:p(s.ram??null,90,95),zeitraumText:F(t)}),(0,w.jsx)(b,{label:`Temperatur`,wert:s.temp_cpu,einheit:`grad`,max:100,punkte:r.reihen.temp_cpu,zustand:p(s.temp_cpu??null,80,90),zeitraumText:F(t)}),(0,w.jsx)(b,{label:`Systemplatte`,wert:s.platte,einheit:`prozent`,max:100,punkte:r.reihen.platte,zustand:p(s.platte??null,80,90),zeitraumText:F(t)})]}),(0,w.jsxs)(`div`,{className:i(`grid gap-5 xl:grid-cols-2`,l.isPlaceholderData&&`opacity-70`),children:[(0,w.jsx)(P,{titel:`CPU und Speicher`,children:(0,w.jsx)(D,{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)(P,{titel:`Netz`,children:(0,w.jsx)(D,{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(z)??!1)&&(0,w.jsx)(P,{titel:`Temperatur`,children:(0,w.jsx)(D,{titel:`Proxmox-Host: CPU-Temperatur in Grad`,einheit:`grad`,langerZeitraum:o,reihen:[{name:`CPU`,punkte:r.reihen.temp_cpu??[],farbe:`var(--reihe-1)`}]})})]})]});let d=l.isPlaceholderData&&`opacity-70`;e[20]===d?y=e[21]:(y=i(`grid gap-5 md:gap-6 xl:grid-cols-2`,d),e[20]=d,e[21]=y);let m;e[22]===t?m=e[23]:(m=e=>(0,w.jsx)(L,{g:e,zeitraum:t},e.id),e[22]=t,e[23]=m),T=a.map(m),e[8]=l.data.geraete,e[9]=l.isPlaceholderData,e[10]=t,e[11]=y,e[12]=T,e[13]=E,e[14]=O}else y=e[11],T=e[12],E=e[13],O=e[14];let k;e[24]!==y||e[25]!==T?(k=(0,w.jsx)(`div`,{className:y,children:T}),e[24]=y,e[25]=T,e[26]=k):k=e[26];let A;return e[27]!==E||e[28]!==O||e[29]!==k?(A=(0,w.jsxs)(w.Fragment,{children:[E,O,k]}),e[27]=E,e[28]=O,e[29]=k,e[30]=A):A=e[30],A}function z(e){let[,t]=e;return t!==null}function te(e){return e.art!==`proxmox-host`}function B(e){return e.art===`proxmox-host`}function V(e){return e.location.hash}export{I as BoxMonitoringSeite,R as HomelabMonitoringSeite}; |