@jheavenknows/bluerouter 5.1.40 → 5.1.41

package/app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bluerouter-app",
-  "version": "5.1.39",
+  "version": "5.1.40",
   "description": "Router web dashboard",
   "private": false,
   "scripts": {

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@jheavenknows/bluerouter",
- "version": "5.1.40",
+ "version": "5.1.41",
  "description": "Bluerouter CLI - Start and manage Bluerouter server",
  "bin": {
   "bluerouter": "./cli.js"

package/app/.next-cli-build/static/chunks/app/(dashboard)/dashboard/resource-monitor/page-5f3293ad15eba81e.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1205],{11910:(e,t,s)=>{"use strict";s.d(t,{default:()=>l});var r=s(95155),a=s(31474);function l({label:e,type:t="text",placeholder:s,value:n,onChange:d,error:i,hint:o,icon:c,disabled:x=!1,required:m=!1,className:u,inputClassName:h,...b}){return(0,r.jsxs)("div",{className:(0,a.cn)("flex flex-col gap-1.5",u),children:[e&&(0,r.jsxs)("label",{className:"text-sm font-medium text-text-main",children:[e,m&&(0,r.jsx)("span",{className:"text-red-500 ml-1",children:"*"})]}),(0,r.jsxs)("div",{className:"relative",children:[c&&(0,r.jsx)("div",{className:"absolute inset-y-0 left-0 flex items-center pl-3 pointer-events-none text-text-muted",children:(0,r.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:c})}),(0,r.jsx)("input",{type:t,placeholder:s,value:n,onChange:d,disabled:x,className:(0,a.cn)("w-full py-2.5 px-3 text-sm text-text-main bg-surface-2 rounded-[10px]","border border-transparent placeholder-text-muted/70","focus:outline-none focus:ring-2 focus:ring-brand-500/30 focus:border-brand-500/40","transition-all duration-150 ease-out disabled:opacity-50 disabled:cursor-not-allowed","text-[16px] sm:text-sm",c&&"pl-10",i&&"ring-1 ring-red-500 focus:ring-2 focus:ring-red-500/40 border-red-500/40",h),...b})]}),i&&(0,r.jsxs)("p",{className:"text-xs text-red-500 flex items-center gap-1",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"error"}),i]}),o&&!i&&(0,r.jsx)("p",{className:"text-xs text-text-muted",children:o})]})}},19928:(e,t,s)=>{Promise.resolve().then(s.bind(s,86243))},31474:(e,t,s)=>{"use strict";function r(...e){return e.filter(Boolean).join(" ").replace(/\s+/g," ").trim()}s.d(t,{cn:()=>r})},81127:(e,t,s)=>{"use strict";s.d(t,{ConfirmModal:()=>m,default:()=>x});var r=s(95155),a=s(12115),l=s(31474),n=s(92542),d=s(97677);let i=[],o="";function c(){1===i.length?(o=document.body.style.overflow,document.body.style.overflow="hidden"):0===i.length&&(document.body.style.overflow=o)}function x({isOpen:e,onClose:t,title:s,children:n,footer:o,size:m="md",closeOnOverlay:u=!0,showTrafficLights:h=!0,busy:b=!1,className:p}){let g=(0,a.useRef)({onClose:t,busy:b});return(g.current.onClose=t,g.current.busy=b,(0,a.useEffect)(()=>{if(!e)return;let t=g.current;i.push(t),c();let s=e=>{if("Escape"!==e.key)return;let s=i[i.length-1];s!==t||s.busy||(e.preventDefault(),s.onClose())};return document.addEventListener("keydown",s),()=>{document.removeEventListener("keydown",s);let e=i.indexOf(t);-1!==e&&i.splice(e,1),c()}},[e]),e)?(0,r.jsxs)("div",{className:"fixed inset-0 z-50 flex items-center justify-center p-4",children:[(0,r.jsx)("div",{className:"absolute inset-0 bg-black/50 backdrop-blur-[2px] fade-in",onClick:u&&!b?t:void 0}),(0,r.jsxs)("div",{className:(0,l.cn)("relative w-full bg-surface","border border-border-subtle","rounded-[14px] shadow-[var(--shadow-elev)]","fade-in",{sm:"max-w-sm",md:"max-w-md",lg:"max-w-lg",xl:"max-w-xl",full:"max-w-4xl"}[m],p),children:[(s||h)&&(0,r.jsxs)("div",{className:"flex items-center justify-between p-2 border-b border-border-subtle",children:[(0,r.jsxs)("div",{className:"flex items-center",children:[h&&(0,r.jsxs)("div",{className:"hidden md:flex items-center gap-2 mr-4 ml-2",children:[(0,r.jsx)(d.default,{text:"Close",position:"top",color:"#FF5F56",children:(0,r.jsx)("button",{onClick:t,disabled:b,"aria-label":"Close",title:"Close",className:"w-4 h-4 rounded-full bg-[#FF5F56] hover:brightness-90 transition-all cursor-pointer flex items-center justify-center group/dot disabled:cursor-not-allowed disabled:opacity-50",children:(0,r.jsx)("span",{className:"text-[9px] font-bold text-white opacity-0 group-hover/dot:opacity-100 transition-opacity leading-none",children:"✕"})})}),(0,r.jsx)("div",{className:"w-4 h-4 rounded-full bg-[#3a3a3a]/20 dark:bg-white/15 cursor-not-allowed"}),(0,r.jsx)("div",{className:"w-4 h-4 rounded-full bg-[#3a3a3a]/20 dark:bg-white/15 cursor-not-allowed"})]}),s&&(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:s})]}),(0,r.jsx)("button",{onClick:t,disabled:b,"aria-label":"Close",className:"md:hidden p-1.5 rounded-[10px] text-text-muted hover:bg-surface-2 hover:text-text-main transition-colors disabled:cursor-not-allowed disabled:opacity-50",children:(0,r.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"close"})})]}),(0,r.jsx)("div",{className:"p-6 max-h-[calc(85vh-100px)] overflow-y-auto custom-scrollbar",children:n}),o&&(0,r.jsx)("div",{className:"flex items-center justify-end gap-3 p-6 border-t border-border-subtle",children:o})]})]}):null}function m({isOpen:e,onClose:t,onConfirm:s,title:a="Confirm",message:l,confirmText:d="Confirm",cancelText:i="Cancel",variant:o="danger",loading:c=!1}){return(0,r.jsx)(x,{isOpen:e,onClose:t,title:a,size:"sm",busy:c,footer:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(n.default,{variant:"ghost",onClick:t,disabled:c,children:i}),(0,r.jsx)(n.default,{variant:o,onClick:s,loading:c,children:d})]}),children:(0,r.jsx)("p",{className:"text-text-muted",children:l})})}},86243:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>S});var r=s(95155),a=s(12115),l=s(21742),n=s(63346),d=s(28408),i=s(32539),o=s(59656),c=s(96765),x=s(31310),m=s(92542),u=s(11910),h=s(81127);let b={name:"",host:"",sshPort:"22",sshUser:"",sshPassword:"",useSudo:!0,sudoPassword:"",agentPort:"19998",installAgent:!0};function p(e){return Math.max(0,Math.min(100,Number(e)||0))}function g(e,t=1){let s=Number(e)||0;if(!s)return"0 B";let r=["B","KB","MB","GB","TB","PB"],a=Math.min(r.length-1,Math.floor(Math.log(s)/Math.log(1024)));return`${(s/1024**a).toFixed(a>2?t:0)} ${r[a]}`}function f(e){return e?new Date(e).toLocaleTimeString("vi-VN",{hour12:!1}):"--:--:--"}function j({value:e,label:t,detail:s,color:a="var(--color-brand-500)",icon:l}){let n=p(e),d=2*Math.PI*49;return(0,r.jsxs)("div",{className:"flex min-w-0 flex-col items-center",children:[(0,r.jsxs)("div",{className:"relative h-36 w-36",children:[(0,r.jsxs)("svg",{className:"h-full w-full -rotate-90",viewBox:"0 0 120 120","aria-hidden":"true",children:[(0,r.jsx)("circle",{cx:"60",cy:"60",r:49,fill:"none",stroke:"var(--color-surface-2)",strokeWidth:"8"}),(0,r.jsx)("circle",{cx:"60",cy:"60",r:49,fill:"none",stroke:a,strokeWidth:"8",strokeLinecap:"round",strokeDasharray:d,strokeDashoffset:d*(1-n/100),className:"transition-all duration-700"})]}),(0,r.jsxs)("div",{className:"absolute inset-0 flex flex-col items-center justify-center text-center",children:[l?(0,r.jsx)("span",{className:"material-symbols-outlined mb-0.5 text-[19px] text-text-muted",children:l}):null,(0,r.jsxs)("strong",{className:"text-2xl font-semibold tracking-tight text-text-main",children:[n.toFixed(+(n<10)),"%"]}),(0,r.jsx)("span",{className:"mt-0.5 text-xs font-medium text-text-muted",children:t})]})]}),(0,r.jsx)("div",{className:"mt-2 max-w-full truncate text-center text-xs text-text-subtle",title:s,children:s})]})}function v({online:e}){return(0,r.jsx)("span",{className:`h-2.5 w-2.5 shrink-0 rounded-full ${e?"bg-emerald-500 shadow-[0_0_0_4px_rgba(16,185,129,.12)]":"bg-red-400 shadow-[0_0_0_4px_rgba(248,113,113,.12)]"}`})}function y({servers:e,selectedId:t,onSelect:s}){return(0,r.jsx)("div",{className:"flex gap-3 overflow-x-auto pb-1 scroll-thin-x",children:e.map(e=>{let a=e.id===t,l=!!e.lastStatus&&!e.lastError;return(0,r.jsxs)("button",{type:"button",onClick:()=>s(e.id),className:`min-w-[240px] rounded-2xl border p-4 text-left transition ${a?"border-primary bg-primary/5 shadow-[var(--shadow-warm)]":"border-border bg-surface hover:border-primary/40"}`,children:[(0,r.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,r.jsxs)("div",{className:"min-w-0",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)(v,{online:l}),(0,r.jsx)("div",{className:"truncate font-semibold text-text-main",children:e.name})]}),(0,r.jsxs)("div",{className:"mt-1.5 truncate font-mono text-xs text-text-muted",children:[e.host,":",e.agentPort]})]}),(0,r.jsx)("span",{className:"material-symbols-outlined text-[20px] text-text-subtle",children:"dns"})]}),(0,r.jsxs)("div",{className:"mt-3 flex items-center justify-between text-xs text-text-muted",children:[(0,r.jsx)("span",{children:l?"Đang hoạt động":"Mất kết nối"}),(0,r.jsx)("span",{children:f(e.lastStatusAt)})]})]},e.id)})})}function N({icon:e,label:t,value:s,sublabel:a,colorClass:l="text-primary",children:n}){return(0,r.jsxs)("div",{className:"rounded-2xl border border-border bg-surface p-4 shadow-[var(--shadow-soft)]",children:[(0,r.jsxs)("div",{className:"flex items-center gap-3",children:[(0,r.jsx)("div",{className:`flex h-10 w-10 items-center justify-center rounded-xl bg-surface-2 ${l}`,children:(0,r.jsx)("span",{className:"material-symbols-outlined text-[22px]",children:e})}),(0,r.jsxs)("div",{className:"min-w-0",children:[(0,r.jsx)("div",{className:"text-xs font-medium uppercase tracking-wider text-text-muted",children:t}),(0,r.jsx)("div",{className:"mt-0.5 truncate text-lg font-semibold text-text-main",children:s})]})]}),a?(0,r.jsx)("div",{className:"mt-3 truncate text-xs text-text-subtle",children:a}):null,n]})}function w({data:e,dataKey:t,label:s,color:a,unit:m="%"}){return(0,r.jsxs)("div",{className:"rounded-2xl border border-border bg-surface p-5 shadow-[var(--shadow-soft)]",children:[(0,r.jsxs)("div",{className:"mb-4 flex items-center justify-between",children:[(0,r.jsx)("h3",{className:"font-semibold text-text-main",children:s}),(0,r.jsx)("span",{className:"text-xs text-text-muted",children:"60 mẫu gần nhất"})]}),(0,r.jsx)("div",{className:"h-44",children:(0,r.jsx)(l.u,{width:"100%",height:"100%",children:(0,r.jsxs)(n.Q,{data:e,margin:{top:6,right:4,left:-22,bottom:0},children:[(0,r.jsx)("defs",{children:(0,r.jsxs)("linearGradient",{id:`fill-${t}`,x1:"0",y1:"0",x2:"0",y2:"1",children:[(0,r.jsx)("stop",{offset:"0%",stopColor:a,stopOpacity:.3}),(0,r.jsx)("stop",{offset:"100%",stopColor:a,stopOpacity:.02})]})}),(0,r.jsx)(d.d,{stroke:"var(--color-border-subtle)",strokeDasharray:"4 4",vertical:!1}),(0,r.jsx)(i.W,{dataKey:"time",hide:!0}),(0,r.jsx)(o.h,{domain:[0,"auto"],tick:{fill:"var(--color-text-subtle)",fontSize:11},axisLine:!1,tickLine:!1}),(0,r.jsx)(c.m,{contentStyle:{background:"var(--color-surface)",border:"1px solid var(--color-border)",borderRadius:12,fontSize:12},formatter:e=>[`${Number(e).toFixed(1)}${m}`,s]}),(0,r.jsx)(x.Gk,{type:"monotone",dataKey:t,stroke:a,fill:`url(#fill-${t})`,strokeWidth:2.2,dot:!1,isAnimationActive:!1})]})})})]})}function k({gpu:e}){let t=p(e.memoryUsagePercent);return(0,r.jsxs)("div",{className:"overflow-hidden rounded-2xl border border-border bg-surface shadow-[var(--shadow-soft)]",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between border-b border-border-subtle bg-gradient-to-r from-emerald-500/8 to-cyan-500/5 px-5 py-4",children:[(0,r.jsxs)("div",{className:"flex min-w-0 items-center gap-3",children:[(0,r.jsx)("div",{className:"flex h-10 w-10 items-center justify-center rounded-xl bg-emerald-500/10 text-emerald-500",children:(0,r.jsx)("span",{className:"material-symbols-outlined",children:"memory"})}),(0,r.jsxs)("div",{className:"min-w-0",children:[(0,r.jsxs)("div",{className:"truncate font-semibold text-text-main",children:["GPU ",e.index," \xb7 ",e.name]}),(0,r.jsxs)("div",{className:"mt-0.5 text-xs text-text-muted",children:["NVIDIA Driver ",e.driverVersion||"—"]})]})]}),(0,r.jsx)("span",{className:"rounded-full bg-emerald-500/10 px-2.5 py-1 text-xs font-semibold text-emerald-600 dark:text-emerald-400",children:"NVIDIA"})]}),(0,r.jsxs)("div",{className:"grid gap-5 p-5 sm:grid-cols-[150px_1fr]",children:[(0,r.jsx)(j,{value:e.usagePercent,label:"GPU Load",detail:`${e.temperatureC??"—"}\xb0C`,color:"#10b981"}),(0,r.jsxs)("div",{className:"space-y-5",children:[(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{className:"mb-2 flex items-center justify-between text-sm",children:[(0,r.jsx)("span",{className:"text-text-muted",children:"VRAM"}),(0,r.jsxs)("span",{className:"font-semibold text-text-main",children:[g(1048576*(e.memoryUsedMb||0))," /"," ",g(1048576*(e.memoryTotalMb||0))]})]}),(0,r.jsx)("div",{className:"h-2.5 overflow-hidden rounded-full bg-surface-2",children:(0,r.jsx)("div",{className:"h-full rounded-full bg-emerald-500 transition-all duration-700",style:{width:`${t}%`}})}),(0,r.jsxs)("div",{className:"mt-1.5 text-right text-xs text-text-subtle",children:[t.toFixed(1),"% đ\xe3 d\xf9ng"]})]}),(0,r.jsxs)("div",{className:"grid grid-cols-2 gap-3",children:[(0,r.jsxs)("div",{className:"rounded-xl bg-surface-2 p-3",children:[(0,r.jsx)("div",{className:"text-xs text-text-muted",children:"Nhiệt độ"}),(0,r.jsxs)("div",{className:"mt-1 text-lg font-semibold text-text-main",children:[e.temperatureC??"—","\xb0C"]})]}),(0,r.jsxs)("div",{className:"rounded-xl bg-surface-2 p-3",children:[(0,r.jsx)("div",{className:"text-xs text-text-muted",children:"C\xf4ng suất"}),(0,r.jsxs)("div",{className:"mt-1 text-lg font-semibold text-text-main",children:[e.powerDrawW??"—",(0,r.jsxs)("span",{className:"text-xs font-normal text-text-muted",children:[" ","/ ",e.powerLimitW??"—"," W"]})]})]})]})]})]})]})}function C({open:e,onClose:t,onCreated:s}){let[l,n]=(0,a.useState)(b),[d,i]=(0,a.useState)(!1),[o,c]=(0,a.useState)(""),x=(e,t)=>n(s=>({...s,[e]:t}));(0,a.useEffect)(()=>{e&&(n(b),c(""))},[e]);let p=async e=>{e.preventDefault(),i(!0),c("");try{let e=await fetch("/api/resource-monitor",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(l)}),r=await e.json().catch(()=>({}));if(!e.ok)throw Error(r.error||"Kh\xf4ng thể th\xeam server");await s(r.server,r.install),t()}catch(e){c(e?.message||"Kh\xf4ng thể th\xeam server")}finally{i(!1)}};return(0,r.jsx)(h.default,{isOpen:e,onClose:t,title:"Th\xeam Linux server",size:"xl",busy:d,footer:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(m.default,{variant:"ghost",onClick:t,disabled:d,children:"Hủy"}),(0,r.jsx)(m.default,{onClick:p,loading:d,icon:"rocket_launch",children:"C\xe0i agent & th\xeam server"})]}),children:(0,r.jsxs)("form",{onSubmit:p,className:"space-y-5",children:[(0,r.jsx)("div",{className:"rounded-xl border border-primary/20 bg-primary/5 p-4 text-sm text-text-muted",children:(0,r.jsxs)("div",{className:"flex gap-3",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-primary",children:"auto_fix_high"}),(0,r.jsx)("p",{children:"BlueRouter sẽ SSH v\xe0o m\xe1y, d\xf9ng quyền sudo để c\xe0i Python agent dưới dạng systemd service. Sau lần n\xe0y bạn kh\xf4ng cần thao t\xe1c th\xeam tr\xean Linux."})]})}),(0,r.jsxs)("div",{className:"grid gap-4 sm:grid-cols-2",children:[(0,r.jsx)(u.default,{label:"T\xean hiển thị",value:l.name,onChange:e=>x("name",e.target.value),placeholder:"GPU Worker 01",icon:"dns"}),(0,r.jsx)(u.default,{required:!0,label:"Hostname / IP",value:l.host,onChange:e=>x("host",e.target.value),placeholder:"192.168.1.50",icon:"lan"}),(0,r.jsx)(u.default,{required:!0,label:"SSH user",value:l.sshUser,onChange:e=>x("sshUser",e.target.value),placeholder:"ubuntu",icon:"person"}),(0,r.jsx)(u.default,{label:"SSH port",type:"number",value:l.sshPort,onChange:e=>x("sshPort",e.target.value)}),(0,r.jsx)(u.default,{label:"SSH password",type:"password",value:l.sshPassword,onChange:e=>x("sshPassword",e.target.value),placeholder:"Để trống nếu d\xf9ng SSH key",hint:"Chỉ d\xf9ng trong l\xfac c\xe0i, kh\xf4ng lưu v\xe0o database."}),(0,r.jsx)(u.default,{label:"Agent port",type:"number",value:l.agentPort,onChange:e=>x("agentPort",e.target.value),hint:"Mặc định 19998; dashboard server phải truy cập được port n\xe0y."})]}),(0,r.jsxs)("label",{className:"flex cursor-pointer items-start gap-3 rounded-xl border border-border bg-surface-2/60 p-4",children:[(0,r.jsx)("input",{type:"checkbox",checked:l.useSudo,onChange:e=>x("useSudo",e.target.checked),className:"mt-1 h-4 w-4"}),(0,r.jsxs)("span",{children:[(0,r.jsx)("span",{className:"block text-sm font-semibold text-text-main",children:"User cần sudo để c\xe0i service"}),(0,r.jsx)("span",{className:"mt-1 block text-xs text-text-muted",children:"Tắt nếu đăng nhập trực tiếp bằng root."})]})]}),l.useSudo?(0,r.jsx)(u.default,{label:"Sudo password",type:"password",value:l.sudoPassword,onChange:e=>x("sudoPassword",e.target.value),placeholder:"Mặc định d\xf9ng c\xf9ng SSH password"}):null,o?(0,r.jsx)("div",{className:"rounded-xl border border-red-500/20 bg-red-500/10 px-4 py-3 text-sm text-red-600 dark:text-red-300",children:o}):null]})})}function S(){let e,t,s,l,[n,d]=(0,a.useState)([]),[i,o]=(0,a.useState)(""),[c,x]=(0,a.useState)({}),[u,b]=(0,a.useState)(!0),[p,S]=(0,a.useState)(!1),[P,$]=(0,a.useState)(!1),[_,M]=(0,a.useState)(null),[T,U]=(0,a.useState)(!1),[A,B]=(0,a.useState)(null),E=(0,a.useCallback)(async({quiet:e=!1}={})=>{e||S(!0);try{let e=await fetch("/api/resource-monitor",{cache:"no-store"}),t=await e.json().catch(()=>({}));if(!e.ok)throw Error(t.error||"Kh\xf4ng tải được server");let s=t.servers||[];d(s),o(e=>e&&s.some(t=>t.id===e)?e:s[0]?.id||""),x(e=>{let t={...e};return s.forEach(e=>{if(!e.lastStatus||e.lastError)return;let s=e.lastStatus,r={time:s.updatedAt||new Date().toISOString(),cpu:s.cpu?.usagePercent||0,memory:s.memory?.usagePercent||0,disk:s.disks?.[0]?.usagePercent||0,gpu:s.gpus?.length?Math.max(...s.gpus.map(e=>e.usagePercent||0)):0},a=t[e.id]||[];t[e.id]=a.at(-1)?.time===r.time?a:[...a,r].slice(-60)}),t})}catch(t){e||B({type:"error",text:t?.message||"Kh\xf4ng tải được server"})}finally{b(!1),e||S(!1)}},[]);(0,a.useEffect)(()=>{let e,t=!1;E();let s=async()=>{await E({quiet:!0}),t||(e=setTimeout(s,4e3))};return e=setTimeout(s,4e3),()=>{t=!0,clearTimeout(e)}},[E]);let I=(0,a.useMemo)(()=>n.find(e=>e.id===i)||null,[n,i]),D=I?.lastStatus,L=!!D&&!I?.lastError,K=D?.disks?.[0],F=c[i]||[],O=async()=>{if(_){U(!0);try{if(!(await fetch(`/api/resource-monitor/${_.id}`,{method:"DELETE"})).ok)throw Error("Kh\xf4ng thể x\xf3a server");M(null),await E()}catch(e){B({type:"error",text:e.message})}finally{U(!1)}}};return u?(0,r.jsxs)("div",{className:"flex min-h-[50vh] items-center justify-center text-text-muted",children:[(0,r.jsx)("span",{className:"material-symbols-outlined mr-2 animate-spin",children:"progress_activity"}),"Đang tải t\xe0i nguy\xean server..."]}):(0,r.jsxs)("div",{className:"space-y-6",children:[(0,r.jsxs)("div",{className:"flex flex-wrap items-center justify-between gap-4",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{className:"text-xl font-semibold text-text-main",children:"Linux Resource Monitor"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Theo d\xf5i realtime CPU, RAM, disk, network v\xe0 to\xe0n bộ NVIDIA GPU."})]}),(0,r.jsxs)("div",{className:"flex gap-2",children:[(0,r.jsx)(m.default,{variant:"secondary",icon:"refresh",onClick:()=>E(),loading:p,children:"L\xe0m mới"}),(0,r.jsx)(m.default,{icon:"add",onClick:()=>$(!0),children:"Th\xeam server"})]})]}),A?(0,r.jsxs)("div",{className:`flex items-center justify-between rounded-xl border px-4 py-3 text-sm ${"error"===A.type?"border-red-500/20 bg-red-500/10 text-red-600 dark:text-red-300":"border-amber-500/20 bg-amber-500/10 text-amber-700 dark:text-amber-300"}`,children:[(0,r.jsx)("span",{children:A.text}),(0,r.jsx)("button",{onClick:()=>B(null),children:(0,r.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"close"})})]}):null,n.length?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(y,{servers:n,selectedId:i,onSelect:o}),I?(0,r.jsxs)("section",{className:"overflow-hidden rounded-3xl border border-border bg-surface shadow-[var(--shadow-soft)]",children:[(0,r.jsxs)("div",{className:"flex flex-wrap items-start justify-between gap-4 border-b border-border px-6 py-5",children:[(0,r.jsxs)("div",{className:"flex min-w-0 items-center gap-4",children:[(0,r.jsx)("div",{className:"flex h-12 w-12 items-center justify-center rounded-2xl bg-primary/10 text-primary",children:(0,r.jsx)("span",{className:"material-symbols-outlined text-[27px]",children:"dns"})}),(0,r.jsxs)("div",{className:"min-w-0",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)(v,{online:L}),(0,r.jsx)("h3",{className:"truncate text-lg font-semibold text-text-main",children:I.name})]}),(0,r.jsxs)("div",{className:"mt-1 flex flex-wrap gap-x-3 text-xs text-text-muted",children:[(0,r.jsx)("span",{className:"font-mono",children:I.host}),D?.os?(0,r.jsx)("span",{children:D.os}):null,D?.uptimeSeconds?(0,r.jsxs)("span",{children:["Uptime ",(t=Math.floor((e=Number(D.uptimeSeconds)||0)/86400),s=Math.floor(e%86400/3600),l=Math.floor(e%3600/60),t?`${t} ng\xe0y ${s} giờ`:s?`${s} giờ ${l} ph\xfat`:`${l} ph\xfat`)]}):null]})]})]}),(0,r.jsxs)("div",{className:"flex items-center gap-2",children:[(0,r.jsx)("span",{className:`rounded-full px-3 py-1.5 text-xs font-semibold ${L?"bg-emerald-500/10 text-emerald-600 dark:text-emerald-400":"bg-red-500/10 text-red-600 dark:text-red-300"}`,children:L?"Online":"Offline"}),(0,r.jsx)("button",{type:"button",onClick:()=>M(I),className:"rounded-xl p-2 text-text-muted hover:bg-red-500/10 hover:text-red-500",title:"X\xf3a khỏi dashboard",children:(0,r.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"delete"})})]})]}),L?null:(0,r.jsx)("div",{className:"m-6 rounded-2xl border border-amber-500/20 bg-amber-500/8 p-5",children:(0,r.jsxs)("div",{className:"flex gap-3",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-amber-500",children:"cloud_off"}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-semibold text-text-main",children:"Kh\xf4ng kết nối được agent"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:I.lastError||"Agent chưa gửi dữ liệu. Kiểm tra firewall v\xe0 agent port."}),I.lastInstallLog?(0,r.jsxs)("details",{className:"mt-3",children:[(0,r.jsx)("summary",{className:"cursor-pointer text-xs font-semibold text-amber-600",children:"Xem log c\xe0i đặt"}),(0,r.jsx)("pre",{className:"mt-2 max-h-48 overflow-auto whitespace-pre-wrap rounded-xl bg-black/80 p-3 text-xs text-white",children:I.lastInstallLog})]}):null]})]})}),D?(0,r.jsxs)("div",{className:"space-y-7 p-6",children:[(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{className:"mb-5 flex items-center gap-2",children:[(0,r.jsx)("span",{className:"h-5 w-1 rounded-full bg-primary"}),(0,r.jsx)("h3",{className:"font-semibold text-text-main",children:"Tổng quan t\xe0i nguy\xean"}),(0,r.jsxs)("span",{className:"ml-auto text-xs text-text-muted",children:["Cập nhật ",f(I.lastStatusAt)]})]}),(0,r.jsxs)("div",{className:"grid gap-5 sm:grid-cols-2 xl:grid-cols-4",children:[(0,r.jsx)(j,{value:D.cpu?.usagePercent,label:"CPU",detail:`${D.cpu?.cores||0} cores \xb7 Load ${D.cpu?.load1??0}`,icon:"developer_board"}),(0,r.jsx)(j,{value:D.memory?.usagePercent,label:"RAM",detail:`${g(D.memory?.usedBytes)} / ${g(D.memory?.totalBytes)}`,icon:"memory_alt"}),(0,r.jsx)(j,{value:K?.usagePercent,label:"Disk /",detail:`${g(K?.usedBytes)} / ${g(K?.totalBytes)}`,icon:"hard_drive"}),(0,r.jsx)(j,{value:D.gpus?.length?Math.max(...D.gpus.map(e=>e.usagePercent||0)):0,label:D.gpus?.length?`${D.gpus.length} NVIDIA GPU`:"GPU",detail:D.gpus?.length?`${D.gpus.length} card được ph\xe1t hiện`:"Kh\xf4ng c\xf3 NVIDIA GPU",color:"#10b981",icon:"memory"})]})]}),(0,r.jsxs)("div",{className:"grid gap-4 sm:grid-cols-2 xl:grid-cols-4",children:[(0,r.jsx)(N,{icon:"developer_board",label:"CPU",value:D.cpu?.model||`${D.cpu?.cores||0} cores`,sublabel:`Load average ${D.cpu?.load1??0} / ${D.cpu?.load5??0} / ${D.cpu?.load15??0}`}),(0,r.jsx)(N,{icon:"swap_vert",label:"Network realtime",value:`↓ ${g(D.network?.rxBytesPerSecond)}/s`,sublabel:`↑ ${g(D.network?.txBytesPerSecond)}/s`,colorClass:"text-cyan-500"}),(0,r.jsx)(N,{icon:"hard_drive",label:"Disk root",value:`${g(K?.freeBytes)} trống`,sublabel:`${K?.device||"root"} \xb7 ${K?.filesystem||"filesystem"}`,colorClass:"text-violet-500"}),(0,r.jsx)(N,{icon:"memory",label:"Swap",value:g(D.memory?.swapUsedBytes),sublabel:`Tổng ${g(D.memory?.swapTotalBytes)}`,colorClass:"text-amber-500"})]}),(0,r.jsxs)("div",{className:"grid gap-5 xl:grid-cols-2",children:[(0,r.jsx)(w,{data:F,dataKey:"cpu",label:"CPU usage",color:"#3b9dec"}),(0,r.jsx)(w,{data:F,dataKey:"memory",label:"RAM usage",color:"#8b5cf6"})]}),(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{className:"mb-4 flex items-center gap-2",children:[(0,r.jsx)("span",{className:"h-5 w-1 rounded-full bg-emerald-500"}),(0,r.jsxs)("h3",{className:"font-semibold text-text-main",children:["NVIDIA GPU (",D.gpus?.length||0,")"]})]}),D.gpus?.length?(0,r.jsx)("div",{className:"grid gap-5 xl:grid-cols-2",children:D.gpus.map(e=>(0,r.jsx)(k,{gpu:e},e.uuid||e.index))}):(0,r.jsxs)("div",{className:"rounded-2xl border border-dashed border-border bg-surface-2/40 py-10 text-center text-sm text-text-muted",children:["Kh\xf4ng ph\xe1t hiện NVIDIA GPU hoặc"," ",(0,r.jsx)("span",{className:"font-mono",children:"nvidia-smi"})," chưa sẵn s\xe0ng."]})]})]}):null]}):null]}):(0,r.jsxs)("div",{className:"flex min-h-[460px] flex-col items-center justify-center rounded-3xl border border-dashed border-border bg-surface px-6 text-center",children:[(0,r.jsx)("div",{className:"flex h-20 w-20 items-center justify-center rounded-3xl bg-primary/10 text-primary",children:(0,r.jsx)("span",{className:"material-symbols-outlined text-[42px]",children:"monitor_heart"})}),(0,r.jsx)("h3",{className:"mt-6 text-xl font-semibold text-text-main",children:"Chưa c\xf3 Linux server"}),(0,r.jsx)("p",{className:"mt-2 max-w-lg text-sm leading-6 text-text-muted",children:"Th\xeam server bằng t\xe0i khoản SSH c\xf3 quyền sudo. BlueRouter sẽ tự c\xe0i agent systemd v\xe0 bắt đầu hiển thị t\xe0i nguy\xean ngay tại đ\xe2y."}),(0,r.jsx)(m.default,{className:"mt-6",icon:"add",onClick:()=>$(!0),children:"Th\xeam server đầu ti\xean"})]}),(0,r.jsx)(C,{open:P,onClose:()=>$(!1),onCreated:async(e,t)=>{t&&!t.ok&&B({type:"warning",text:"Đ\xe3 lưu server nhưng c\xe0i agent chưa th\xe0nh c\xf4ng. Mở server để xem log."}),await E()}}),(0,r.jsx)(h.ConfirmModal,{isOpen:!!_,onClose:()=>M(null),onConfirm:O,loading:T,variant:"danger",title:"X\xf3a server khỏi dashboard?",confirmText:"X\xf3a server",cancelText:"Hủy",message:"Server sẽ ngừng được theo d\xf5i. Agent systemd tr\xean Linux kh\xf4ng bị gỡ tự động."})]})}},92542:(e,t,s)=>{"use strict";s.d(t,{default:()=>d});var r=s(95155),a=s(31474);let l={primary:"bg-brand-500 hover:bg-brand-600 text-white shadow-sm disabled:bg-surface-3 disabled:text-text-muted",secondary:"bg-surface-2 hover:bg-surface-3 text-text-main border border-border disabled:opacity-50",outline:"border border-border text-text-main hover:bg-surface-2 hover:border-brand-500/40",ghost:"text-text-muted hover:bg-surface-2 hover:text-text-main",danger:"bg-red-500 hover:bg-red-600 text-white shadow-sm disabled:bg-surface-3 disabled:text-text-muted",success:"bg-green-600 hover:bg-green-700 text-white shadow-sm disabled:bg-surface-3 disabled:text-text-muted"},n={sm:"h-7 px-3 text-xs rounded-[8px]",md:"h-9 px-4 text-sm rounded-[10px]",lg:"h-11 px-6 text-sm rounded-[10px]"};function d({children:e,variant:t="primary",size:s="md",icon:i,iconRight:o,disabled:c=!1,loading:x=!1,fullWidth:m=!1,className:u,...h}){return(0,r.jsxs)("button",{className:(0,a.cn)("inline-flex items-center justify-center gap-2 font-semibold transition-all duration-150 ease-out cursor-pointer","active:scale-[0.97] disabled:opacity-50 disabled:cursor-not-allowed disabled:active:scale-100",l[t],n[s],m&&"w-full",u),disabled:c||x,...h,children:[x?(0,r.jsx)("span",{className:"material-symbols-outlined animate-spin text-[18px]",children:"progress_activity"}):i?(0,r.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:i}):null,e,o&&!x&&(0,r.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:o})]})}},97677:(e,t,s)=>{"use strict";s.d(t,{default:()=>a});var r=s(95155);function a({text:e,children:t,position:s="top",color:l}){let n=l?"":"bg-gray-900";return(0,r.jsxs)("div",{className:"relative inline-flex group",children:[t,(0,r.jsx)("div",{className:`pointer-events-none absolute ${{top:"bottom-full left-1/2 -translate-x-1/2 mb-1.5",bottom:"top-full left-1/2 -translate-x-1/2 mt-1.5",left:"right-full top-1/2 -translate-y-1/2 mr-1.5",right:"left-full top-1/2 -translate-y-1/2 ml-1.5"}[s]} z-50 w-max max-w-56 rounded px-2 py-1 text-[11px] leading-snug ${n} text-white opacity-0 group-hover:opacity-100 transition-opacity duration-150 whitespace-normal`,style:l?{backgroundColor:l}:{},children:e})]})}}},e=>{e.O(0,[5265,8441,3794,7358],()=>e(e.s=19928)),_N_E=e.O()}]);