https://sadfun.dev/_next/static/chunks/5517-dd17c6d1d2795ff8.js

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5517],{75865:(e,t,s)=>{s.d(t,{k:()=>o});var l=s(65321),a=s(50486),r=s(76985);function o({className:e,value:t,...s}){return(0,l.jsx)(a.bL,{"data-slot":"progress",className:(0,r.cn)("relative flex h-4 w-full items-center overflow-x-hidden rounded-full bg-muted",e),...s,children:(0,l.jsx)(a.C1,{"data-slot":"progress-indicator",className:"size-full flex-1 bg-primary transition-all",style:{transform:`translateX(-${100-(t||0)}%)`}})})}},76084:(e,t,s)=>{s.d(t,{Hm:()=>g,II:()=>f,Nt:()=>h,_3:()=>j,at:()=>x});var l=s(65321),a=s(97109),r=s(5240),o=s(29391),i=s(27442),n=s(76985);let c={light:"",dark:".dark"},d={width:320,height:200},u=a.createContext(null);function m(){let e=a.useContext(u);if(!e)throw Error("useChart must be used within a <ChartContainer />");return e}function x({id:e,className:t,children:s,config:o,initialDimension:i=d,...c}){let m=a.useId(),f=`chart-${e??m.replace(/:/g,"")}`;return(0,l.jsx)(u.Provider,{value:{config:o},children:(0,l.jsxs)("div",{"data-slot":"chart","data-chart":f,className:(0,n.cn)("flex aspect-video justify-center text-xs [&_.recharts-cartesian-axis-tick_text]:fill-muted-foreground [&_.recharts-cartesian-grid_line[stroke='#ccc']]:stroke-border/50 [&_.recharts-curve.recharts-tooltip-cursor]:stroke-border [&_.recharts-dot[stroke='#fff']]:stroke-transparent [&_.recharts-layer]:outline-hidden [&_.recharts-polar-grid_[stroke='#ccc']]:stroke-border [&_.recharts-radial-bar-background-sector]:fill-muted [&_.recharts-rectangle.recharts-tooltip-cursor]:fill-muted [&_.recharts-reference-line_[stroke='#ccc']]:stroke-border [&_.recharts-sector]:outline-hidden [&_.recharts-sector[stroke='#fff']]:stroke-transparent [&_.recharts-surface]:outline-hidden",t),...c,children:[(0,l.jsx)(p,{id:f,config:o}),(0,l.jsx)(r.u,{initialDimension:i,children:s})]})})}let p=({id:e,config:t})=>{let s=Object.entries(t).filter(([,e])=>e.theme??e.color);return s.length?(0,l.jsx)("style",{dangerouslySetInnerHTML:{__html:Object.entries(c).map(([t,l])=>`
2${l} [data-chart=${e}] {
3${s.map(([e,s])=>{let l=s.theme?.[t]??s.color;return l?`  --color-${e}: ${l};`:null}).join("\n")}
4}
5`).join("\n")}}):null},f=o.m;function h({active:e,payload:t,className:s,indicator:r="dot",hideLabel:o=!1,hideIndicator:i=!1,label:c,labelFormatter:d,labelClassName:u,formatter:x,color:p,nameKey:f,labelKey:j}){let{config:g}=m(),k=a.useMemo(()=>{if(o||!t?.length)return null;let[e]=t,s=`${j??e?.dataKey??e?.name??"value"}`,a=b(g,e,s),r=j||"string"!=typeof c?a?.label:g[c]?.label??c;return d?(0,l.jsx)("div",{className:(0,n.cn)("font-medium",u),children:d(r,t)}):r?(0,l.jsx)("div",{className:(0,n.cn)("font-medium",u),children:r}):null},[c,d,t,o,u,g,j]);if(!e||!t?.length)return null;let y=1===t.length&&"dot"!==r;return(0,l.jsxs)("div",{className:(0,n.cn)("grid min-w-32 items-start gap-1.5 rounded-lg border border-border/50 bg-background px-2.5 py-1.5 text-xs shadow-xl",s),children:[y?null:k,(0,l.jsx)("div",{className:"grid gap-1.5",children:t.filter(e=>"none"!==e.type).map((e,t)=>{let s=`${f??e.name??e.dataKey??"value"}`,a=b(g,e,s),o=p??e.payload?.fill??e.color;return(0,l.jsx)("div",{className:(0,n.cn)("flex w-full flex-wrap items-stretch gap-2 [&>svg]:h-2.5 [&>svg]:w-2.5 [&>svg]:text-muted-foreground","dot"===r&&"items-center"),children:x&&e?.value!==void 0&&e.name?x(e.value,e.name,e,t,e.payload):(0,l.jsxs)(l.Fragment,{children:[a?.icon?(0,l.jsx)(a.icon,{}):!i&&(0,l.jsx)("div",{className:(0,n.cn)("shrink-0 rounded-[2px] border-(--color-border) bg-(--color-bg)",{"h-2.5 w-2.5":"dot"===r,"w-1":"line"===r,"w-0 border-[1.5px] border-dashed bg-transparent":"dashed"===r,"my-0.5":y&&"dashed"===r}),style:{"--color-bg":o,"--color-border":o}}),(0,l.jsxs)("div",{className:(0,n.cn)("flex flex-1 justify-between leading-none",y?"items-end":"items-center"),children:[(0,l.jsxs)("div",{className:"grid gap-1.5",children:[y?k:null,(0,l.jsx)("span",{className:"text-muted-foreground",children:a?.label??e.name})]}),null!=e.value&&(0,l.jsx)("span",{className:"font-mono font-medium text-foreground tabular-nums",children:"number"==typeof e.value?e.value.toLocaleStr

5ing():String(e.value)})]})]})},t)})})]})}let j=i.s;function g({className:e,hideIcon:t=!1,payload:s,verticalAlign:a="bottom",nameKey:r}){let{config:o}=m();return s?.length?(0,l.jsx)("div",{className:(0,n.cn)("flex items-center justify-center gap-4","top"===a?"pb-3":"pt-3",e),children:s.filter(e=>"none"!==e.type).map((e,s)=>{let a=`${r??e.dataKey??"value"}`,i=b(o,e,a);return(0,l.jsxs)("div",{className:(0,n.cn)("flex items-center gap-1.5 [&>svg]:h-3 [&>svg]:w-3 [&>svg]:text-muted-foreground"),children:[i?.icon&&!t?(0,l.jsx)(i.icon,{}):(0,l.jsx)("div",{className:"h-2 w-2 shrink-0 rounded-[2px]",style:{backgroundColor:e.color}}),i?.label]},s)})}):null}function b(e,t,s){if("object"!=typeof t||null===t)return;let l="payload"in t&&"object"==typeof t.payload&&null!==t.payload?t.payload:void 0,a=s;return s in t&&"string"==typeof t[s]?a=t[s]:l&&s in l&&"string"==typeof l[s]&&(a=l[s]),a in e?e[a]:e[s]}},95517:(e,t,s)=>{s.d(t,{M:()=>F,h:()=>D});var l=s(65321),a=s(97109),r=s(89366),o=s(75865),i=s(85642),n=s(90095),c=s(78307),d=s(48417),u=s(59657),m=s(99081),x=s(76084);let p={readMb:{label:"Read (MB)",color:"hsl(var(--chart-1))"},writeMb:{label:"Write (MB)",color:"hsl(var(--chart-2))"}},f=({accumulativeData:e})=>{let t=e.map((e,t)=>({time:e.time,name:`Point ${t+1}`,readMb:e.value.readMb,writeMb:e.value.writeMb}));return(0,l.jsx)(x.at,{config:p,className:"mt-4 h-40 w-full",children:(0,l.jsxs)(c.Q,{data:t,margin:{top:10,right:10,left:0,bottom:0},children:[(0,l.jsxs)("defs",{children:[(0,l.jsxs)("linearGradient",{id:"fillBlockRead",x1:"0",y1:"0",x2:"0",y2:"1",children:[(0,l.jsx)("stop",{offset:"5%",stopColor:"var(--color-readMb)",stopOpacity:.8}),(0,l.jsx)("stop",{offset:"95%",stopColor:"var(--color-readMb)",stopOpacity:.1})]}),(0,l.jsxs)("linearGradient",{id:"fillBlockWrite",x1:"0",y1:"0",x2:"0",y2:"1",children:[(0,l.jsx)("stop",{offset:"5%",stopColor:"var(--color-writeMb)",stopOpacity:.8}),(0,l.jsx)("stop",{offset:"95%",stopColor:"var(--color-writeMb)",stopOpacity:.1})]})]}),(0,l.jsx)(d.d,{vertical:!1}),(0,l.jsx)(u.h,{tickLine:!1,axisLine:!1}),(0,l.jsx)(x.II,{cursor:!1,content:(0,l.jsx)(x.Nt,{labelFormatter:(e,t)=>{let s=t?.[0]?.payload?.time;return s?(0,n.GP)(new Date(s),"PPpp"):""},formatter:(e,t)=>[`${e} MB`,"readMb"===t?"Read":"Write"]})}),(0,l.jsx)(m.Gk,{type:"monotone",dataKey:"readMb",stroke:"var(--color-readMb)",fill:"url(#fillBlockRead)",strokeWidth:2}),(0,l.jsx)(m.Gk,{type:"monotone",dataKey:"writeMb",stroke:"var(--color-writeMb)",fill:"url(#fillBlockWrite)",strokeWidth:2}),(0,l.jsx)(x._3,{content:(0,l.jsx)(x.Hm,{})})]})})},h={usage:{label:"CPU Usage",color:"hsl(var(--chart-1))"}},j=({accumulativeData:e})=>{let t=e.map((e,t)=>({name:`Point ${t+1}`,time:e.time,usage:e.value.toString().split("%")[0]}));return(0,l.jsx)(x.at,{config:h,className:"mt-4 h-40 w-full",children:(0,l.jsxs)(c.Q,{data:t,margin:{top:10,right:10,left:0,bottom:0},children:[(0,l.jsx)("defs",{children:(0,l.jsxs)("linearGradient",{id:"fillCpu",x1:"0",y1:"0",x2:"0",y2:"1",children:[(0,l.jsx)("stop",{offset:"5%",stopColor:"var(--color-usage)",stopOpacity:.8}),(0,l.jsx)("stop",{offset:"95%",stopColor:"var(--color-usage)",stopOpacity:.1})]})}),(0,l.jsx)(d.d,{vertical:!1}),(0,l.jsx)(u.h,{tickFormatter:e=>`${e}%`,domain:[0,100],tickLine:!1,axisLine:!1}),(0,l.jsx)(x.II,{cursor:!1,content:(0,l.jsx)(x.Nt,{labelFormatter:(e,t)=>{let s=t?.[0]?.payload?.time;return s?(0,n.GP)(new Date(s),"PPpp"):""},formatter:e=>[`${e}%`,"CPU Usage"]})}),(0,l.jsx)(m.Gk,{type:"monotone",dataKey:"usage",stroke:"var(--color-usage)",fill:"url(#fillCpu)",strokeWidth:2}),(0,l.jsx)(x._3,{content:(0,l.jsx)(x.Hm,{})})]})})},g={usedGb:{label:"Used (GB)",color:"hsl(var(--chart-3))"}},b=({accumulativeData:e,diskTotal:t})=>{let s=e.map((e,t)=>({time:e.time,name:`Point ${t+1}`,usedGb:+e.value.diskUsage,totalGb:+e.value.diskTotal}));return(0,l.jsx)(x.at,{config:g,className:"mt-4 h-40 w-full",children:(0,l.jsxs)(c.Q,{data:s,margin:{top:10,right:10,left:0,bottom:0},children:[(0,l.jsx)("defs",{children:(0,l.jsxs)("linearGradient",{id:"fillDiskUsed",x1:"0",y1:"0",x2:"0",y2:"1",children:[(0,l.jsx)("stop",{offset:"5%",

5stopColor:"var(--color-usedGb)",stopOpacity:.8}),(0,l.jsx)("stop",{offset:"95%",stopColor:"var(--color-usedGb)",stopOpacity:.1})]})}),(0,l.jsx)(d.d,{vertical:!1}),(0,l.jsx)(u.h,{domain:[0,t],tickLine:!1,axisLine:!1,tickFormatter:e=>`${e} GB`}),(0,l.jsx)(x.II,{cursor:!1,content:(0,l.jsx)(x.Nt,{labelFormatter:(e,t)=>{let s=t?.[0]?.payload?.time;return s?(0,n.GP)(new Date(s),"PPpp"):""},formatter:e=>[`${e} GB`,"Used"]})}),(0,l.jsx)(m.Gk,{type:"monotone",dataKey:"usedGb",stroke:"var(--color-usedGb)",fill:"url(#fillDiskUsed)",strokeWidth:2})]})})};var k=s(55155),y=s(93495),v=s(3217),w=s(90196),N=s(65962),M=s(7956),B=s(9800);let $={Images:"images",Containers:"containers","Local Volumes":"volumes","Build Cache":"buildCache"},C={value:{label:"Size"},images:{label:"Images",color:"hsl(var(--chart-1))"},containers:{label:"Containers",color:"hsl(var(--chart-2))"},volumes:{label:"Volumes",color:"hsl(var(--chart-3))"},buildCache:{label:"Build Cache",color:"hsl(var(--chart-4))"}},G=e=>e>=0x40000000?`${(e/0x40000000).toFixed(2)} GB`:e>=1048576?`${(e/1048576).toFixed(1)} MB`:e>=1024?`${(e/1024).toFixed(1)} KB`:`${e} B`,_=()=>{let{data:e,isLoading:t,refetch:s,isRefetching:r}=i.F.settings.getDockerDiskUsage.useQuery(void 0,{refetchOnWindowFocus:!1}),{chartData:o,totalBytes:n}=(0,a.useMemo)(()=>{let t=e?.filter(e=>e.sizeBytes>0).map(e=>{let t=$[e.type]??e.type;return{name:t,value:e.sizeBytes,size:e.size,active:e.active,totalCount:e.totalCount,reclaimable:e.reclaimable,fill:`var(--color-${t})`}})??[];return{chartData:t,totalBytes:t.reduce((e,t)=>e+t.value,0)}},[e]);return t?(0,l.jsx)("div",{className:"flex items-center justify-center h-64",children:(0,l.jsx)(k.A,{className:"size-5 animate-spin text-muted-foreground"})}):0===o.length?(0,l.jsx)("p",{className:"text-xs text-muted-foreground mt-4",children:"No Docker disk usage data available."}):(0,l.jsxs)("div",{className:"flex flex-col gap-2 w-full",children:[(0,l.jsxs)("div",{className:"flex items-center justify-between",children:[(0,l.jsxs)("span",{className:"text-sm text-muted-foreground",children:["Total: ",G(n)]}),(0,l.jsx)(B.$,{variant:"ghost",size:"icon",className:"h-7 w-7",onClick:()=>s(),disabled:r,children:(0,l.jsx)(y.A,{className:`size-3.5 ${r?"animate-spin":""}`})})]}),(0,l.jsx)(x.at,{config:C,className:"mx-auto w-full max-h-[250px] [&_.recharts-pie-label-text]:fill-foreground",children:(0,l.jsxs)(v.r,{children:[(0,l.jsx)(x.II,{content:(0,l.jsx)(x.Nt,{nameKey:"name",formatter:(e,t)=>{let s=o.find(e=>e.name===t);return s?[`${s.size} — ${s.active} active / ${s.totalCount} total — Reclaimable: ${s.reclaimable}`,C[t]?.label??t]:[G(e),t]}})}),(0,l.jsxs)(w.Fq,{data:o,dataKey:"value",nameKey:"name",innerRadius:60,outerRadius:85,strokeWidth:3,stroke:"hsl(var(--background))",minAngle:15,children:[o.map(e=>(0,l.jsx)(N.f,{fill:e.fill},e.name)),(0,l.jsx)(M.JU,{content:({viewBox:e})=>{if(e&&"cx"in e&&"cy"in e)return(0,l.jsxs)("text",{x:e.cx,y:e.cy,textAnchor:"middle",dominantBaseline:"middle",children:[(0,l.jsx)("tspan",{x:e.cx,y:(e.cy||0)-8,className:"fill-foreground text-2xl font-bold",children:G(n)}),(0,l.jsx)("tspan",{x:e.cx,y:(e.cy||0)+14,className:"fill-muted-foreground text-xs",children:"Docker Usage"})]})}})]}),(0,l.jsx)(x._3,{content:(0,l.jsx)(x.Hm,{nameKey:"name"})})]})})]})},I={usage:{label:"Memory (GB)",color:"hsl(var(--chart-2))"}},O=({accumulativeData:e,memoryLimitGB:t})=>{let s=e.map((e,t)=>({time:e.time,name:`Point ${t+1}`,usage:(D(e.value.used)/0x40000000).toFixed(2)}));return(0,l.jsx)(x.at,{config:I,className:"mt-4 h-40 w-full",children:(0,l.jsxs)(c.Q,{data:s,margin:{top:10,right:10,left:0,bottom:0},children:[(0,l.jsx)("defs",{children:(0,l.jsxs)("linearGradient",{id:"fillMemory",x1:"0",y1:"0",x2:"0",y2:"1",children:[(0,l.jsx)("stop",{offset:"5%",stopColor:"var(--color-usage)",stopOpacity:.8}),(0,l.jsx)("stop",{offset:"95%",stopColor:"var(--color-usage)",stopOpacity:.1})]})}),(0,l.jsx)(d.d,{vertical:!1}),(0,l.jsx)(u.h,{tickFormatter:e=>`${e} GB`,domain:[0,+t.toFixed(2)],tickLine:!1,axisLine:!1}),(0,l.jsx)(x.II,{cursor:!1,content:(0,l.jsx)(x.Nt,{labelFormatter:(e,t)=>{let s=t?.[0]?.payload?.time;return s?(0,n.GP)(new Date(s),"PPpp"):""},formatter:e=>[`${e} GB`,"Memory"]})}),(0,l.jsx)(m.Gk,{type:"monotone",dataKey:"usage",stroke:"var(--color-usage)",fill:"url(#fillMemory)",strokeWidth:2}),(0,l.jsx)(x._3,{content:(0,l.jsx)(x.Hm,{})})]})})},P={inMB:{label:"In (MB)",color:"hsl(var(--chart-1))"},outMB:{label:"Out (MB)",color:"hsl(var(--chart-2))"}},U=({accumulativeData:e})=>{let t=e.map((e,t)=>({time:e.time,name:`Point ${t+1}`,inMB:e.value.inputMb,outMB:e.value.outputMb}));return(0,l.jsx)(x.at,{config:P,className:"mt-4 h-40 w-full",children:(0,l.jsxs)(c.Q,{data:t,margin:{top:10,right:10,left:0,bottom:0},children:[(0,l.jsxs)("defs",{children:[(0,l.jsxs)("linearGradient",{id:"fillNetIn",x1:"0",y1:"0",x2:"0",y2:"1",children:[(0,l.jsx)("stop",{offset:"5%",

5stopColor:"var(--color-inMB)",stopOpacity:.8}),(0,l.jsx)("stop",{offset:"95%",stopColor:"var(--color-inMB)",stopOpacity:.1})]}),(0,l.jsxs)("linearGradient",{id:"fillNetOut",x1:"0",y1:"0",x2:"0",y2:"1",children:[(0,l.jsx)("stop",{offset:"5%",stopColor:"var(--color-outMB)",stopOpacity:.8}),(0,l.jsx)("stop",{offset:"95%",stopColor:"var(--color-outMB)",stopOpacity:.1})]})]}),(0,l.jsx)(d.d,{vertical:!1}),(0,l.jsx)(u.h,{tickLine:!1,axisLine:!1}),(0,l.jsx)(x.II,{cursor:!1,content:(0,l.jsx)(x.Nt,{labelFormatter:(e,t)=>{let s=t?.[0]?.payload?.time;return s?(0,n.GP)(new Date(s),"PPpp"):""},formatter:(e,t)=>[`${e} MB`,"inMB"===t?"In":"Out"]})}),(0,l.jsx)(m.Gk,{type:"monotone",dataKey:"inMB",stroke:"var(--color-inMB)",fill:"url(#fillNetIn)",strokeWidth:2}),(0,l.jsx)(m.Gk,{type:"monotone",dataKey:"outMB",stroke:"var(--color-outMB)",fill:"url(#fillNetOut)",strokeWidth:2}),(0,l.jsx)(x._3,{content:(0,l.jsx)(x.Hm,{})})]})})},W={cpu:{value:"0%",time:""},memory:{value:{used:0,total:0},time:""},block:{value:{readMb:0,writeMb:0},time:""},network:{value:{inputMb:0,outputMb:0},time:""},disk:{value:{diskTotal:0,diskUsage:0,diskUsedPercentage:0,diskFree:0},time:""}},D=e=>{if(!e||"string"!=typeof e)return 0;let t=Number.parseFloat(e)||0;switch(e.replace(/[0-9.]/g,"").trim()){case"KiB":return 1024*t;case"MiB":return 1024*t*1024;case"GiB":return 1024*t*1048576;case"TiB":return 1024*t*0x40000000;default:return t}},F=({appName:e,appType:t="application"})=>{let{data:s}=i.F.application.readAppMonitoring.useQuery({appName:e},{refetchOnWindowFocus:!1}),[n,c]=(0,a.useState)({cpu:[],memory:[],block:[],network:[],disk:[]}),[d,u]=(0,a.useState)(W);return(0,a.useEffect)(()=>{u(W),c({cpu:[],memory:[],block:[],network:[],disk:[]})},[e]),(0,a.useEffect)(()=>{s&&(u({cpu:s.cpu[s.cpu.length-1]??d.cpu,memory:s.memory[s.memory.length-1]??d.memory,block:s.block[s.block.length-1]??d.block,network:s.network[s.network.length-1]??d.network,disk:s.disk[s.disk.length-1]??d.disk}),c({block:s?.block||[],cpu:s?.cpu||[],disk:s?.disk||[],memory:s?.memory||[],network:s?.network||[]}))},[s]),(0,a.useEffect)(()=>{let s="https:"===window.location.protocol?"wss:":"ws:",l=new WebSocket(`${s}//${window.location.host}/listen-docker-stats-monitoring?appName=${e}&appType=${t}`);return l.onmessage=e=>{let t=JSON.parse(e.data);if(!t)return;let s={cpu:t.data.cpu??d.cpu,memory:t.data.memory??d.memory,block:t.data.block??d.block,disk:t.data.disk??d.disk,network:t.data.network??d.network};u(s),c(e=>({cpu:[...e.cpu,s.cpu].slice(-300),memory:[...e.memory,s.memory].slice(-300),block:[...e.block,s.block].slice(-300),network:[...e.network,s.network].slice(-300),disk:[...e.disk,s.disk].slice(-300)}))},l.onclose=e=>{console.log(e.reason)},()=>l.close()},[e]),(0,l.jsxs)("div",{className:"rounded-xl bg-background flex flex-col gap-4",children:[(0,l.jsx)("header",{className:"flex items-center justify-between",children:(0,l.jsxs)("div",{className:"space-y-1",children:[(0,l.jsx)("h1",{className:"text-2xl font-semibold tracking-tight",children:"Monitoring"}),(0,l.jsx)("p",{className:"text-sm text-muted-foreground",children:"Watch the usage of your server in the current app"})]})}),(0,l.jsxs)("div",{className:"grid gap-6 lg:grid-cols-2",children:[(0,l.jsxs)(r.Zp,{className:"bg-background",children:[(0,l.jsx)(r.aR,{className:"flex flex-row items-center justify-between space-y-0 pb-2",children:(0,l.jsx)(r.ZB,{className:"text-sm font-medium",children:"CPU Usage"})}),(0,l.jsx)(r.Wu,{children:(0,l.jsxs)("div",{className:"flex flex-col gap-2 w-full",children:[(0,l.jsxs)("span",{className:"text-sm text-muted-foreground",children:["Used: ",String(d.cpu.value??"0%")]}),(0,l.jsx)(o.k,{value:Number.parseInt(String(d.cpu.value??"0%").replace("%",""),10),className:"w-full"}),(0,l.jsx)(j,{accumulativeData:n.cpu})]})})]}),(0,l.jsxs)(r.Zp,{className:"bg-background",children:[(0,l.jsx)(r.aR,{className:"flex flex-row items-center justify-between space-y-0 pb-2",children:(0,l.jsx)(r.ZB,{className:"text-sm font-medium",children:"Memory Usage"})}),(0,l.jsx)(r.Wu,{children:(0,l.jsxs)("div",{className:"flex flex-col gap-2 w-full",children:[(0,l.jsx)("span",{className:"text-sm text-muted-foreground",children:`Used:  ${d.memory.value.used} / Limit: ${d.memory.value.total} `}),(0,l.jsx)(o.k,{value:D(d.memory.value.used)/D(d.memory.value.total)*100,className:"w-full"}),(0,l.jsx)(O,{accumulativeData:n.memory,memoryLimitGB:D(d.memory.value.total)/0x40000000})]})})]}),"dokploy"===e&&(0,l.jsxs)(r.Zp,{className:"bg-background",children:[(0,l.jsx)(r.aR,{className:"flex flex-row items-center justify-between space-y-0 pb-2",children:(0,l.jsx)(r.ZB,{className:"text-sm font-medium",children:"Disk Space"})}),(0,l.jsx)(r.Wu,{children:(0,l.jsxs)("div",{className:"flex flex-col gap-2 w-full",children:[(0,l.jsx)("span",{className:"text-sm text-muted-foreground",children:`Used:  ${d.disk.value.diskUsage} GB / Limit: ${d.disk.value.diskTotal} GB`}),(0,l.jsx)(o.k,{value:d.disk.value.diskUsedPercentage,className:"w-full"}),(0,l.jsx)(b,{accumulativeData:n.disk,diskTotal:d.disk.value.diskTotal})]})})]}),"dokploy"===e&&(0,l.jsxs)(r.Zp,{className:"bg-background",children:[(0,l.jsx)(r.aR,{className:"flex flex-row items-center justify-between space-y-0 pb-2",children:(0,l.jsx)(r.ZB,{className:"text-sm font-medium",children:"Docker Disk Usage"})}),(0,l.jsx)(r.Wu,{children:(0,l.jsx)(_,{})})]}),(0,l.jsxs)(r.Zp,{className:"bg-background",children:[(0,l.jsx)(r.aR,{className:"flex flex-row items-center justify-between space-y-0 pb-2",children:(0,l.jsx)(r.ZB,{className:"text-sm font-medium",children:"Block I/O"})}),(0,l.jsx)(r.Wu,{children:(0,l.jsxs)("div",{className:"flex flex-col gap-2 w-full",children:[(0,l.jsx)("span",{className:"text-sm text-muted-foreground",children:`Read:  ${d.block.value.readMb}  / Write: ${d.block.value.writeMb} `}),(0,l.jsx)(f,{accumulativeData:n.block})]})})]}),(0,l.jsxs)(r.Zp,{className:"bg-background",children:[(0,l.jsx)(r.aR,{className:"flex flex-row items-center justify-between space-y-0 pb-2",children:(0,l.jsx)(r.ZB,{className:"text-sm font-medium",children:"Network I/O"})}),(0,l.jsx)(r.Wu,{children:(0,l.jsxs)("div",{className:"flex flex-col gap-2 w-full",children:[(0,l.jsx)("span",{className:"text-sm text-muted-foreground",children:`In MB: ${d.network.value.inputMb}  / Out MB: ${d.network.value.outputMb} `}),(0,l.jsx)(U,{accumulativeData:n.network})]})})]})]})]})}}}]);