sparkrun-ui 1.2.2 → 1.2.4

package/dist/.next/server/chunks/ssr/_0efad.3._.js

@@ -1,3 +1,3 @@
-module.exports=[37942,a=>{"use strict";var b=a.i(57096),c=a.i(69767);a.s(["Card",0,function({className:a,...d}){return(0,b.jsx)("div",{className:(0,c.cn)("rounded-lg border border-zinc-200 bg-white shadow-sm dark:border-zinc-800 dark:bg-zinc-900",a),...d})},"CardBody",0,function({className:a,...d}){return(0,b.jsx)("div",{className:(0,c.cn)("px-5 py-4",a),...d})},"CardDescription",0,function({className:a,...d}){return(0,b.jsx)("p",{className:(0,c.cn)("text-sm text-zinc-500 dark:text-zinc-400",a),...d})},"CardFooter",0,function({className:a,...d}){return(0,b.jsx)("div",{className:(0,c.cn)("flex items-center justify-end gap-2 border-t border-zinc-200 px-5 py-3 dark:border-zinc-800",a),...d})},"CardHeader",0,function({className:a,...d}){return(0,b.jsx)("div",{className:(0,c.cn)("flex flex-col gap-1 border-b border-zinc-200 px-5 py-4 dark:border-zinc-800",a),...d})},"CardTitle",0,function({className:a,...d}){return(0,b.jsx)("h3",{className:(0,c.cn)("text-base font-semibold text-zinc-900 dark:text-zinc-100",a),...d})}])},49043,a=>{"use strict";var b=a.i(57096),c=a.i(69767);let d={neutral:"bg-zinc-100 text-zinc-700 dark:bg-zinc-800 dark:text-zinc-300",sky:"bg-sky-100 text-sky-700 dark:bg-sky-950 dark:text-sky-300",green:"bg-emerald-100 text-emerald-700 dark:bg-emerald-950 dark:text-emerald-300",amber:"bg-amber-100 text-amber-700 dark:bg-amber-950 dark:text-amber-300",red:"bg-red-100 text-red-700 dark:bg-red-950 dark:text-red-300",purple:"bg-purple-100 text-purple-700 dark:bg-purple-950 dark:text-purple-300"};a.s(["Badge",0,function({tone:a="neutral",className:e,...f}){return(0,b.jsx)("span",{className:(0,c.cn)("inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-xs font-medium",d[a],e),...f})}])},38756,61430,a=>{"use strict";var b=a.i(64588);let c=(0,b.default)("cpu",[["path",{d:"M12 20v2",key:"1lh1kg"}],["path",{d:"M12 2v2",key:"tus03m"}],["path",{d:"M17 20v2",key:"1rnc9c"}],["path",{d:"M17 2v2",key:"11trls"}],["path",{d:"M2 12h2",key:"1t8f8n"}],["path",{d:"M2 17h2",key:"7oei6x"}],["path",{d:"M2 7h2",key:"asdhe0"}],["path",{d:"M20 12h2",key:"1q8mjw"}],["path",{d:"M20 17h2",key:"1fpfkl"}],["path",{d:"M20 7h2",key:"1o8tra"}],["path",{d:"M7 20v2",key:"4gnj0m"}],["path",{d:"M7 2v2",key:"1i4yhu"}],["rect",{x:"4",y:"4",width:"16",height:"16",rx:"2",key:"1vbyd7"}],["rect",{x:"8",y:"8",width:"8",height:"8",rx:"1",key:"z9xiuo"}]]);a.s(["Cpu",0,c],38756);let d=(0,b.default)("server",[["rect",{width:"20",height:"8",x:"2",y:"2",rx:"2",ry:"2",key:"ngkwjq"}],["rect",{width:"20",height:"8",x:"2",y:"14",rx:"2",ry:"2",key:"iecqi9"}],["line",{x1:"6",x2:"6.01",y1:"6",y2:"6",key:"16zg32"}],["line",{x1:"6",x2:"6.01",y1:"18",y2:"18",key:"nzw8ys"}]]);a.s(["Server",0,d],61430)},47844,a=>{"use strict";var b=a.i(57096),c=a.i(84668),d=a.i(37942),e=a.i(49043),f=a.i(25273),g=a.i(38756),h=a.i(61430),i=a.i(4733),j=a.i(56352);function k(a){if(null==a||""===a)return null;let b=parseFloat(a);return Number.isFinite(b)?b:null}function l({host:a,metrics:c,history:f}){let m=k(c.cpu_usage_pct)??0,o=k(c.gpu_util_pct)??0,p=k(c.mem_used_mb)??0,q=k(c.mem_total_mb)??1,r=k(c.gpu_mem_used_mb),s=k(c.gpu_mem_total_mb),t=null!=r&&s?r/s*100:null,u=k(c.cpu_temp_c),v=k(c.gpu_temp_c),w=k(c.gpu_power_w);return(0,b.jsxs)(d.Card,{children:[(0,b.jsxs)(d.CardHeader,{children:[(0,b.jsxs)(d.CardTitle,{className:"flex items-center gap-2",children:[(0,b.jsx)(h.Server,{size:16,className:"text-zinc-500"}),a]}),(0,b.jsxs)(d.CardDescription,{children:[c.hostname," · ",c.gpu_name??"—"]})]}),(0,b.jsxs)(d.CardBody,{className:"flex flex-col gap-3",children:[(0,b.jsx)(n,{label:"CPU",pct:m,history:f.cpu,icon:(0,b.jsx)(g.Cpu,{size:14}),tone:"sky",right:null!=u&&`${u.toFixed(1)}\xb0C`}),(0,b.jsx)(n,{label:"GPU",pct:o,history:f.gpu,icon:(0,b.jsx)(j.Zap,{size:14}),tone:"purple",right:null!=v&&`${v.toFixed(0)}\xb0C`}),(0,b.jsx)(n,{label:"Memory",pct:p/q*100,history:f.mem,icon:(0,b.jsx)(i.Thermometer,{size:14}),tone:"green",right:`${(p/1024).toFixed(1)}/${(q/1024).toFixed(0)} GB`}),null!=t&&(0,b.jsx)(n,{label:"GPU memory",pct:t,history:[],icon:(0,b.jsx)(j.Zap,{size:14}),tone:"amber",right:null!=r&&s?`${(r/1024).toFixed(1)}/${(s/1024).toFixed(0)} GB`:null}),(0,b.jsxs)("div",{className:"flex flex-wrap items-center gap-2 pt-1 text-xs text-zinc-500 dark:text-zinc-400",children:[null!=w&&(0,b.jsxs)(e.Badge,{tone:"neutral",children:[w.toFixed(1)," W"]}),c.sparkrun_jobs&&"0"!==c.sparkrun_jobs&&(0,b.jsxs)(e.Badge,{tone:"sky",children:[c.sparkrun_jobs," job","1"===c.sparkrun_jobs?"":"s"]})]})]})]})}let m={sky:"text-sky-500 dark:text-sky-400",purple:"text-purple-500 dark:text-purple-400",green:"text-emerald-500 dark:text-emerald-400",amber:"text-amber-500 dark:text-amber-400"};function n({label:a,pct:c,history:d,icon:e,tone:f,right:g}){let h=Math.max(0,Math.min(100,c));return(0,b.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between text-xs",children:[(0,b.jsxs)("span",{className:"flex items-center gap-1.5 text-zinc-700 dark:text-zinc-300",children:[e,a]}),(0,b.jsxs)("span",{className:"flex items-center gap-2 text-zinc-500 dark:text-zinc-400",children:[g,(0,b.jsxs)("span",{className:"font-mono text-zinc-700 dark:text-zinc-200",children:[h.toFixed(0),"%"]})]})]}),(0,b.jsxs)("div",{className:"flex items-center gap-2",children:[(0,b.jsx)("div",{className:"h-2 flex-1 overflow-hidden rounded bg-zinc-200 dark:bg-zinc-800",children:(0,b.jsx)("div",{className:"h-full transition-all duration-300 "+("sky"===f?"bg-sky-500 dark:bg-sky-400":"purple"===f?"bg-purple-500 dark:bg-purple-400":"green"===f?"bg-emerald-500 dark:bg-emerald-400":"bg-amber-500 dark:bg-amber-400"),style:{width:`${h}%`}})}),d.length>2&&(0,b.jsx)(o,{values:d,className:m[f]})]})]})}function o({values:a,className:c}){if(a.length<2)return null;let d=Math.max(100,...a),e=80/Math.max(1,a.length-1),f=a.map((a,b)=>`${b*e},${16-a/d*16}`),g=(a.length-1)*e,h=`M 0,16 L ${f.join(" L ")} L ${g},16 Z`,i=`M ${f.join(" L ")}`;return(0,b.jsxs)("svg",{width:80,height:16,viewBox:"0 0 80 16",className:`flex-shrink-0 ${c}`,children:[(0,b.jsx)("path",{d:h,fill:"currentColor",stroke:"none",opacity:.35}),(0,b.jsx)("path",{d:i,fill:"none",stroke:"currentColor",strokeWidth:1})]})}function p(a){if(null==a||""===a)return 0;let b=parseFloat(a);return Number.isFinite(b)?b:0}function q(a,b){let c=a.concat(b);return c.length>30?c.slice(-30):c}a.s(["MonitorLive",0,function(){let[a,g]=(0,c.useState)(null),[h,i]=(0,c.useState)({}),[j,k]=(0,c.useState)(!1);(0,c.useEffect)(()=>{let a=new AbortController,b=!1;return(async()=>{try{let c=await f.rpc.monitor.stream({intervalSec:2},{signal:a.signal});for await(let a of(k(!0),c)){if(b)break;g(a),i(b=>{let c={...b};for(let[b,d]of Object.entries(a.hosts)){let a=c[b]??{cpu:[],gpu:[],mem:[],power:[]};c[b]={cpu:q(a.cpu,p(d.cpu_usage_pct)),gpu:q(a.gpu,p(d.gpu_util_pct)),mem:q(a.mem,p(d.mem_used_pct)),power:q(a.power,p(d.gpu_power_w))}}return c})}}catch(a){b||a instanceof DOMException&&"AbortError"===a.name||console.error("[monitor.stream]",a)}finally{b||k(!1)}})(),()=>{b=!0,a.abort()}},[]);let m=a?Object.entries(a.hosts):[];return(0,b.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,b.jsxs)("div",{className:"flex items-baseline justify-between",children:[(0,b.jsx)("h1",{className:"text-2xl font-semibold tracking-tight",children:"Cluster monitor"}),(0,b.jsxs)("div",{className:"flex items-center gap-2",children:[(0,b.jsx)(e.Badge,{tone:j?"green":"amber",children:j?"live":"reconnecting…"}),a&&(0,b.jsxs)(e.Badge,{tone:"neutral",children:[m.length," host",1===m.length?"":"s"]})]})]}),a?(0,b.jsx)("div",{className:"grid grid-cols-1 gap-4 lg:grid-cols-2 xl:grid-cols-3",children:m.map(([a,c])=>(0,b.jsx)(l,{host:a,metrics:c,history:h[a]??{cpu:[],gpu:[],mem:[],power:[]}},a))}):(0,b.jsx)(d.Card,{children:(0,b.jsx)(d.CardBody,{className:"text-sm text-zinc-500 dark:text-zinc-400",children:"Waiting for first monitor sample…"})})]})}],47844)}];
+module.exports=[37942,a=>{"use strict";var b=a.i(57096),c=a.i(69767);a.s(["Card",0,function({className:a,...d}){return(0,b.jsx)("div",{className:(0,c.cn)("rounded-lg border border-zinc-200 bg-white shadow-sm dark:border-zinc-800 dark:bg-zinc-900",a),...d})},"CardBody",0,function({className:a,...d}){return(0,b.jsx)("div",{className:(0,c.cn)("px-5 py-4",a),...d})},"CardDescription",0,function({className:a,...d}){return(0,b.jsx)("p",{className:(0,c.cn)("text-sm text-zinc-500 dark:text-zinc-400",a),...d})},"CardFooter",0,function({className:a,...d}){return(0,b.jsx)("div",{className:(0,c.cn)("flex items-center justify-end gap-2 border-t border-zinc-200 px-5 py-3 dark:border-zinc-800",a),...d})},"CardHeader",0,function({className:a,...d}){return(0,b.jsx)("div",{className:(0,c.cn)("flex flex-col gap-1 border-b border-zinc-200 px-5 py-4 dark:border-zinc-800",a),...d})},"CardTitle",0,function({className:a,...d}){return(0,b.jsx)("h3",{className:(0,c.cn)("text-base font-semibold text-zinc-900 dark:text-zinc-100",a),...d})}])},49043,a=>{"use strict";var b=a.i(57096),c=a.i(69767);let d={neutral:"bg-zinc-100 text-zinc-700 dark:bg-zinc-800 dark:text-zinc-300",sky:"bg-sky-100 text-sky-700 dark:bg-sky-950 dark:text-sky-300",green:"bg-emerald-100 text-emerald-700 dark:bg-emerald-950 dark:text-emerald-300",amber:"bg-amber-100 text-amber-700 dark:bg-amber-950 dark:text-amber-300",red:"bg-red-100 text-red-700 dark:bg-red-950 dark:text-red-300",purple:"bg-purple-100 text-purple-700 dark:bg-purple-950 dark:text-purple-300"};a.s(["Badge",0,function({tone:a="neutral",className:e,...f}){return(0,b.jsx)("span",{className:(0,c.cn)("inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-xs font-medium",d[a],e),...f})}])},38756,50273,61430,a=>{"use strict";var b=a.i(64588);let c=(0,b.default)("cpu",[["path",{d:"M12 20v2",key:"1lh1kg"}],["path",{d:"M12 2v2",key:"tus03m"}],["path",{d:"M17 20v2",key:"1rnc9c"}],["path",{d:"M17 2v2",key:"11trls"}],["path",{d:"M2 12h2",key:"1t8f8n"}],["path",{d:"M2 17h2",key:"7oei6x"}],["path",{d:"M2 7h2",key:"asdhe0"}],["path",{d:"M20 12h2",key:"1q8mjw"}],["path",{d:"M20 17h2",key:"1fpfkl"}],["path",{d:"M20 7h2",key:"1o8tra"}],["path",{d:"M7 20v2",key:"4gnj0m"}],["path",{d:"M7 2v2",key:"1i4yhu"}],["rect",{x:"4",y:"4",width:"16",height:"16",rx:"2",key:"1vbyd7"}],["rect",{x:"8",y:"8",width:"8",height:"8",rx:"1",key:"z9xiuo"}]]);a.s(["Cpu",0,c],38756);let d=(0,b.default)("memory-stick",[["path",{d:"M12 12v-2",key:"fwoke6"}],["path",{d:"M12 18v-2",key:"qj6yno"}],["path",{d:"M16 12v-2",key:"heuere"}],["path",{d:"M16 18v-2",key:"s1ct0w"}],["path",{d:"M2 11h1.5",key:"15p63e"}],["path",{d:"M20 18v-2",key:"12ehxp"}],["path",{d:"M20.5 11H22",key:"khsy7a"}],["path",{d:"M4 18v-2",key:"1c3oqr"}],["path",{d:"M8 12v-2",key:"1mwtfd"}],["path",{d:"M8 18v-2",key:"qcmpov"}],["rect",{x:"2",y:"6",width:"20",height:"10",rx:"2",key:"1qcswk"}]]);a.s(["MemoryStick",0,d],50273);let e=(0,b.default)("server",[["rect",{width:"20",height:"8",x:"2",y:"2",rx:"2",ry:"2",key:"ngkwjq"}],["rect",{width:"20",height:"8",x:"2",y:"14",rx:"2",ry:"2",key:"iecqi9"}],["line",{x1:"6",x2:"6.01",y1:"6",y2:"6",key:"16zg32"}],["line",{x1:"6",x2:"6.01",y1:"18",y2:"18",key:"nzw8ys"}]]);a.s(["Server",0,e],61430)},47844,a=>{"use strict";var b=a.i(57096),c=a.i(84668),d=a.i(37942),e=a.i(49043),f=a.i(25273),g=a.i(38756),h=a.i(50273),i=a.i(61430),j=a.i(56352);function k(a){if(null==a||""===a)return null;let b=parseFloat(a);return Number.isFinite(b)?b:null}function l({host:a,metrics:c,history:f}){let m=k(c.cpu_usage_pct)??0,o=k(c.gpu_util_pct)??0,p=k(c.mem_used_mb)??0,q=k(c.mem_total_mb)??1,r=k(c.gpu_mem_used_mb),s=k(c.gpu_mem_total_mb),t=null!=r&&s?r/s*100:null,u=k(c.cpu_temp_c),v=k(c.gpu_temp_c),w=k(c.gpu_power_w);return(0,b.jsxs)(d.Card,{children:[(0,b.jsxs)(d.CardHeader,{children:[(0,b.jsxs)(d.CardTitle,{className:"flex items-center gap-2",children:[(0,b.jsx)(i.Server,{size:16,className:"text-zinc-500"}),a]}),(0,b.jsxs)(d.CardDescription,{children:[c.hostname," · ",c.gpu_name??"—"]})]}),(0,b.jsxs)(d.CardBody,{className:"flex flex-col gap-3",children:[(0,b.jsx)(n,{label:"CPU",pct:m,history:f.cpu,icon:(0,b.jsx)(g.Cpu,{size:14}),tone:"sky",right:null!=u&&`${u.toFixed(1)}\xb0C`}),(0,b.jsx)(n,{label:"GPU",pct:o,history:f.gpu,icon:(0,b.jsx)(j.Zap,{size:14}),tone:"purple",right:null!=v&&`${v.toFixed(0)}\xb0C`}),(0,b.jsx)(n,{label:"Memory",pct:p/q*100,history:f.mem,icon:(0,b.jsx)(h.MemoryStick,{size:14}),tone:"green",right:`${(p/1024).toFixed(1)}/${(q/1024).toFixed(0)} GB`}),null!=t&&(0,b.jsx)(n,{label:"GPU memory",pct:t,history:[],icon:(0,b.jsx)(j.Zap,{size:14}),tone:"amber",right:null!=r&&s?`${(r/1024).toFixed(1)}/${(s/1024).toFixed(0)} GB`:null}),(0,b.jsxs)("div",{className:"flex flex-wrap items-center gap-2 pt-1 text-xs text-zinc-500 dark:text-zinc-400",children:[null!=w&&(0,b.jsxs)(e.Badge,{tone:"neutral",children:[w.toFixed(1)," W"]}),c.sparkrun_jobs&&"0"!==c.sparkrun_jobs&&(0,b.jsxs)(e.Badge,{tone:"sky",children:[c.sparkrun_jobs," job","1"===c.sparkrun_jobs?"":"s"]})]})]})]})}let m={sky:"text-sky-500 dark:text-sky-400",purple:"text-purple-500 dark:text-purple-400",green:"text-emerald-500 dark:text-emerald-400",amber:"text-amber-500 dark:text-amber-400"};function n({label:a,pct:c,history:d,icon:e,tone:f,right:g}){let h=Math.max(0,Math.min(100,c));return(0,b.jsxs)("div",{className:"flex flex-col gap-1",children:[(0,b.jsxs)("div",{className:"flex items-center justify-between text-xs",children:[(0,b.jsxs)("span",{className:"flex items-center gap-1.5 text-zinc-700 dark:text-zinc-300",children:[e,a]}),(0,b.jsxs)("span",{className:"flex items-center gap-2 text-zinc-500 dark:text-zinc-400",children:[g,(0,b.jsxs)("span",{className:"font-mono text-zinc-700 dark:text-zinc-200",children:[h.toFixed(0),"%"]})]})]}),(0,b.jsxs)("div",{className:"flex items-center gap-2",children:[(0,b.jsx)("div",{className:"h-2 flex-1 overflow-hidden rounded bg-zinc-200 dark:bg-zinc-800",children:(0,b.jsx)("div",{className:"h-full transition-all duration-300 "+("sky"===f?"bg-sky-500 dark:bg-sky-400":"purple"===f?"bg-purple-500 dark:bg-purple-400":"green"===f?"bg-emerald-500 dark:bg-emerald-400":"bg-amber-500 dark:bg-amber-400"),style:{width:`${h}%`}})}),d.length>2&&(0,b.jsx)(o,{values:d,className:m[f]})]})]})}function o({values:a,className:c}){if(a.length<2)return null;let d=Math.max(100,...a),e=80/Math.max(1,a.length-1),f=a.map((a,b)=>`${b*e},${16-a/d*16}`),g=(a.length-1)*e,h=`M 0,16 L ${f.join(" L ")} L ${g},16 Z`,i=`M ${f.join(" L ")}`;return(0,b.jsxs)("svg",{width:80,height:16,viewBox:"0 0 80 16",className:`flex-shrink-0 ${c}`,children:[(0,b.jsx)("path",{d:h,fill:"currentColor",stroke:"none",opacity:.35}),(0,b.jsx)("path",{d:i,fill:"none",stroke:"currentColor",strokeWidth:1})]})}function p(a){if(null==a||""===a)return 0;let b=parseFloat(a);return Number.isFinite(b)?b:0}function q(a,b){let c=a.concat(b);return c.length>30?c.slice(-30):c}a.s(["MonitorLive",0,function(){let[a,g]=(0,c.useState)(null),[h,i]=(0,c.useState)({}),[j,k]=(0,c.useState)(!1);(0,c.useEffect)(()=>{let a=new AbortController,b=!1;return(async()=>{try{let c=await f.rpc.monitor.stream({intervalSec:2},{signal:a.signal});for await(let a of(k(!0),c)){if(b)break;g(a),i(b=>{let c={...b};for(let[b,d]of Object.entries(a.hosts)){let a=c[b]??{cpu:[],gpu:[],mem:[],power:[]};c[b]={cpu:q(a.cpu,p(d.cpu_usage_pct)),gpu:q(a.gpu,p(d.gpu_util_pct)),mem:q(a.mem,p(d.mem_used_pct)),power:q(a.power,p(d.gpu_power_w))}}return c})}}catch(a){b||a instanceof DOMException&&"AbortError"===a.name||console.error("[monitor.stream]",a)}finally{b||k(!1)}})(),()=>{b=!0,a.abort()}},[]);let m=a?Object.entries(a.hosts):[];return(0,b.jsxs)("div",{className:"flex flex-col gap-6",children:[(0,b.jsxs)("div",{className:"flex items-baseline justify-between",children:[(0,b.jsx)("h1",{className:"text-2xl font-semibold tracking-tight",children:"Cluster monitor"}),(0,b.jsxs)("div",{className:"flex items-center gap-2",children:[(0,b.jsx)(e.Badge,{tone:j?"green":"amber",children:j?"live":"reconnecting…"}),a&&(0,b.jsxs)(e.Badge,{tone:"neutral",children:[m.length," host",1===m.length?"":"s"]})]})]}),a?(0,b.jsx)("div",{className:"grid grid-cols-1 gap-4 lg:grid-cols-2 xl:grid-cols-3",children:m.map(([a,c])=>(0,b.jsx)(l,{host:a,metrics:c,history:h[a]??{cpu:[],gpu:[],mem:[],power:[]}},a))}):(0,b.jsx)(d.Card,{children:(0,b.jsx)(d.CardBody,{className:"text-sm text-zinc-500 dark:text-zinc-400",children:"Waiting for first monitor sample…"})})]})}],47844)}];
 
 //# sourceMappingURL=_0efad.3._.js.map