@jheavenknows/bluerouter 5.4.17 → 5.4.19

package/app/.next-cli-build/static/chunks/app/(dashboard)/dashboard/resource-monitor/{template-aa8e2adb724eb93d.js → template-b54c2caef58cbf3f.js}

@@ -1,82 +1,82 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[770],{90490:(e,r,t)=>{Promise.resolve().then(t.bind(t,98421))},98421:(e,r,t)=>{"use strict";t.r(r),t.d(r,{default:()=>h});var o=t(95155),a=t(12115);function i(e){return String(e??"").trim().toLowerCase()}let n="button[data-resource-server-id]",s="resource-vllm-metric-guide",l="resource-monitor-live-metrics";function c(e){let r=Number(e)||0;return .001>Math.abs(r-Math.round(r))?String(Math.round(r)):r.toFixed(1)}function u(e){let r=Number(e);return Number.isFinite(r)?Math.max(0,Math.min(100,r)):0}function d(e){let r=Number(e);return Number.isFinite(r)?r:null}function p(e){let r=d(e);return null===r?"—":`${r.toFixed(1)} tok/s`}function m(e){return String(e??"").replaceAll("&","&amp;").replaceAll("<","&lt;").replaceAll(">","&gt;").replaceAll('"',"&quot;").replaceAll("'","&#039;")}function g(e,r,t,o="primary"){let a=u(r);return`
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[770],{6202:(e,r,t)=>{"use strict";t.r(r),t.d(r,{default:()=>x});var o=t(95155),a=t(12115);let i="button[data-resource-server-id]",n="resource-vllm-metric-guide",s="resource-monitor-live-metrics";function l(e){let r=Number(e)||0;return .001>Math.abs(r-Math.round(r))?String(Math.round(r)):r.toFixed(1)}function c(e){let r=Number(e);return Number.isFinite(r)?Math.max(0,Math.min(100,r)):0}function u(e){let r=Number(e);return Number.isFinite(r)?r:null}function d(e){let r=u(e);return null===r?"—":`${r.toFixed(1)} tok/s`}function p(e){return String(e??"").replaceAll("&","&amp;").replaceAll("<","&lt;").replaceAll(">","&gt;").replaceAll('"',"&quot;").replaceAll("'","&#039;")}function m(e,r,t,o="primary"){let a=c(r);return`
     <div class="resource-live-bar resource-live-bar-${o}">
       <div class="resource-live-bar-head">
-        <span>${m(e)}</span>
-        <strong>${m(t)}</strong>
+        <span>${p(e)}</span>
+        <strong>${p(t)}</strong>
       </div>
       <div class="resource-live-bar-track" aria-hidden="true">
         <span class="resource-live-bar-fill" style="width:${a.toFixed(1)}%"></span>
       </div>
     </div>
-  `}function v(e){let r=e.containerName?`${e.containerName}${e.containerId?` (${e.containerId})`:""}`:`:${e.port??"?"}`,t=e.endpoint||"",o=Array.isArray(e.models)?e.models.filter(Boolean):[];if(!1===e.metricsAvailable)return`
+  `}function g(e){let r=e.containerName?`${e.containerName}${e.containerId?` (${e.containerId})`:""}`:`:${e.port??"?"}`,t=e.endpoint||"",o=Array.isArray(e.models)?e.models.filter(Boolean):[];if(!1===e.metricsAvailable)return`
       <div class="resource-vllm-instance resource-vllm-instance-muted">
-        <div class="resource-vllm-instance-title">${m(r)}</div>
-        <div class="resource-vllm-instance-sub">${t?`${m(t)} \xb7 `:""}chưa đọc được /metrics</div>
+        <div class="resource-vllm-instance-title">${p(r)}</div>
+        <div class="resource-vllm-instance-sub">${t?`${p(t)} \xb7 `:""}chưa đọc được /metrics</div>
       </div>
-    `;let a=d(e.kvCacheUsagePercent),i=p(e.outputTokensPerSecond);return`
+    `;let a=u(e.kvCacheUsagePercent),i=d(e.outputTokensPerSecond);return`
     <div class="resource-vllm-instance">
       <div class="resource-vllm-instance-head">
-        <span class="resource-vllm-instance-title">${m(r)}</span>
-        ${o.length?`<span class="resource-vllm-model">${m(o.join(", "))}</span>`:""}
+        <span class="resource-vllm-instance-title">${p(r)}</span>
+        ${o.length?`<span class="resource-vllm-model">${p(o.join(", "))}</span>`:""}
       </div>
-      ${t?`<div class="resource-vllm-instance-sub">${m(t)}</div>`:""}
+      ${t?`<div class="resource-vllm-instance-sub">${p(t)}</div>`:""}
       <div class="resource-vllm-instance-stats" title="Output l\xe0 throughput token sinh ra trung b\xecnh trượt theo tối đa 3 ph\xfat gần nhất">
-        <span>R <b>${m(c(e.running))}</b></span>
-        <span>W <b>${m(c(e.waiting))}</b></span>
+        <span>R <b>${p(l(e.running))}</b></span>
+        <span>W <b>${p(l(e.waiting))}</b></span>
         <span>KV <b>${null===a?"—":`${a.toFixed(1)}%`}</b></span>
-        <span>Pre <b>${m(c(e.preemptions))}</b></span>
-        <span class="resource-vllm-throughput">⚡ Out <b>${m(i)}</b></span>
+        <span>Pre <b>${p(l(e.preemptions))}</b></span>
+        <span class="resource-vllm-throughput">⚡ Out <b>${p(i)}</b></span>
       </div>
     </div>
-  `}function x(){document.getElementById(s)?.remove()}function h({children:e}){let r=(0,a.useRef)([]),t=(0,a.useRef)(new Map);return(0,a.useEffect)(()=>{let e=!1,o=null,a=null,h=()=>{let e=r.current;if(!e.length)return void x();let o=new Map(e.map(e=>[String(e.id),e])),a=Date.now();for(let e of document.querySelectorAll(n)){let r=String(e.dataset.resourceServerId||""),n=o.get(r),s=t.current.get(r),x=function(e,r=0){let t=e?.lastStatus;if(!t)return null;let o=t.vllm;if(!o)return{state:"upgrade",summary:"vLLM metrics \xb7 cần cập nhật agent",detail:"Agent hiện tại chưa c\xf3 vLLM monitor. Mở Sửa server v\xe0 c\xe0i lại agent một lần.",showReasons:!1,instances:[],count:0,metricsCount:0,discoveryLabel:"",pressureDetail:"",outputTokensPerSecond:null};let a=Array.isArray(o.instances)?o.instances:[],i=o.summary||{},n=Number(i.instanceCount??a.length)||0,s=Number(i.metricsInstanceCount??n)||0,l=Number(i.running)||0,u=Number(i.waiting)||0,m=Number(i.waitingCapacity)||0,g=Number(i.waitingDeferred)||0,v=Object.prototype.hasOwnProperty.call(i||{},"waitingCapacity")||Object.prototype.hasOwnProperty.call(i||{},"waitingDeferred")||a.some(e=>Object.prototype.hasOwnProperty.call(e||{},"waitingCapacity")||Object.prototype.hasOwnProperty.call(e||{},"waitingDeferred")),x=Number(i.preemptions)||0,h=d(i.outputTokensPerSecond),b=Number.isFinite(Number(i.kvCacheUsagePercent))?Number(i.kvCacheUsagePercent):null,f="docker"===o.discovery?"Docker-aware discovery":"Socket fallback discovery";if(!n)return{state:"none",summary:"vLLM \xb7 0 instance đang chạy",detail:"docker"===o.discovery?"Agent đ\xe3 kiểm tra Docker nhưng chưa ph\xe1t hiện container vLLM đang chạy.":"Agent chưa ph\xe1t hiện endpoint /metrics của vLLM tr\xean host.",showReasons:!1,instances:a,count:n,metricsCount:s,running:l,waiting:u,waitingCapacity:m,waitingDeferred:g,preemptions:x,kv:b,outputTokensPerSecond:h,discoveryLabel:f,pressureDetail:"Kh\xf4ng c\xf3 queue pressure"};let w=a.map(e=>{let r=e.containerName?`${e.containerName}${e.containerId?` (${e.containerId})`:""}`:`:${e.port}`;if(!1===e.metricsAvailable)return`${r} \xb7 đang chạy nhưng chưa đọc được /metrics`;let t=Number.isFinite(Number(e.kvCacheUsagePercent))?`${Number(e.kvCacheUsagePercent).toFixed(1)}%`:"—",o=Array.isArray(e.models)&&e.models.length?` \xb7 ${e.models.join(", ")}`:"",a=e.endpoint?` \xb7 ${e.endpoint}`:"",i=Object.prototype.hasOwnProperty.call(e,"waitingCapacity")||Object.prototype.hasOwnProperty.call(e,"waitingDeferred")?` \xb7 Capacity ${c(e.waitingCapacity)} \xb7 Deferred ${c(e.waitingDeferred)}`:"";return`${r}${a} \xb7 Running ${c(e.running)} \xb7 Waiting ${c(e.waiting)}${i} \xb7 KV ${t} \xb7 Preempt ${c(e.preemptions)} \xb7 Output ${p(e.outputTokensPerSecond)}${o}`}),y=s<n,$=m>0&&r>=8e3,k=m>0&&!$,M=y?"partial":$?"pressure":k?"transient":null!==b&&b>=90?"hot":"active",S=y?`${n} vLLM (${s} metrics)`:`${n} vLLM`,L=v&&u>0,C=L?`
-Capacity ${c(m)} \xb7 Deferred ${c(g)}`:"",P=$?`Capacity pressure li\xean tục ${Math.max(1,Math.round(r/1e3))}s`:k?"Capacity waiting mới xuất hiện; chưa coi l\xe0 overload":u>0?"Waiting hiện tại chưa tạo capacity pressure":"Kh\xf4ng c\xf3 queue pressure";return{state:M,summary:`${S} \xb7 Running ${c(l)} \xb7 Waiting ${c(u)}${C}
-KV ${null===b?"—":`${b.toFixed(1)}%`} \xb7 Preempt ${c(x)} \xb7 Output ${p(h)}`,detail:[`${f} \xb7 ${n} instance`,P,...w].join("\n"),showReasons:L,instances:a,count:n,metricsCount:s,running:l,waiting:u,waitingCapacity:m,waitingDeferred:g,preemptions:x,kv:b,outputTokensPerSecond:h,discoveryLabel:f,pressureDetail:P}}(n,s?Math.max(0,a-s):0);if(!n){e.querySelector(`.${l}`)?.remove(),delete e.dataset.vllmState,delete e.dataset.vllmReasons,delete e.dataset.resourceLiveSignature;continue}x?(e.dataset.vllmState=x.state,e.dataset.vllmReasons=x.showReasons?"1":"0"):(delete e.dataset.vllmState,delete e.dataset.vllmReasons),e.dataset.vllmBaseTitle||(e.dataset.vllmBaseTitle=e.title||"Linux host"),e.title=e.dataset.vllmBaseTitle,function(e,r,t){let o,a;if(!r?.lastStatus){e.querySelector(`.${l}`)?.remove(),delete e.dataset.resourceLiveSignature;return}let n=`${function(e){if(!e)return"";if("upgrade"===e.state||"none"===e.state)return`
-      <section class="resource-live-section resource-vllm-block" data-state="${m(e.state)}">
+  `}function v(){document.getElementById(n)?.remove()}function x({children:e}){let r=(0,a.useRef)([]),t=(0,a.useRef)(new Map);return(0,a.useEffect)(()=>{let e=!1,o=null,a=null,x=()=>{let e=r.current;if(!e.length)return void v();let o=new Map(e.map(e=>[String(e.id),e])),a=Date.now();for(let e of document.querySelectorAll(i)){let r=String(e.dataset.resourceServerId||""),i=o.get(r),n=t.current.get(r),v=function(e,r=0){let t=e?.lastStatus;if(!t)return null;let o=t.vllm;if(!o)return{state:"upgrade",summary:"vLLM metrics \xb7 cần cập nhật agent",detail:"Agent hiện tại chưa c\xf3 vLLM monitor. Mở Sửa server v\xe0 c\xe0i lại agent một lần.",showReasons:!1,instances:[],count:0,metricsCount:0,discoveryLabel:"",pressureDetail:"",outputTokensPerSecond:null};let a=Array.isArray(o.instances)?o.instances:[],i=o.summary||{},n=Number(i.instanceCount??a.length)||0,s=Number(i.metricsInstanceCount??n)||0,c=Number(i.running)||0,p=Number(i.waiting)||0,m=Number(i.waitingCapacity)||0,g=Number(i.waitingDeferred)||0,v=Object.prototype.hasOwnProperty.call(i||{},"waitingCapacity")||Object.prototype.hasOwnProperty.call(i||{},"waitingDeferred")||a.some(e=>Object.prototype.hasOwnProperty.call(e||{},"waitingCapacity")||Object.prototype.hasOwnProperty.call(e||{},"waitingDeferred")),x=Number(i.preemptions)||0,h=u(i.outputTokensPerSecond),b=Number.isFinite(Number(i.kvCacheUsagePercent))?Number(i.kvCacheUsagePercent):null,f="docker"===o.discovery?"Docker-aware discovery":"Socket fallback discovery";if(!n)return{state:"none",summary:"vLLM \xb7 0 instance đang chạy",detail:"docker"===o.discovery?"Agent đ\xe3 kiểm tra Docker nhưng chưa ph\xe1t hiện container vLLM đang chạy.":"Agent chưa ph\xe1t hiện endpoint /metrics của vLLM tr\xean host.",showReasons:!1,instances:a,count:n,metricsCount:s,running:c,waiting:p,waitingCapacity:m,waitingDeferred:g,preemptions:x,kv:b,outputTokensPerSecond:h,discoveryLabel:f,pressureDetail:"Kh\xf4ng c\xf3 queue pressure"};let w=a.map(e=>{let r=e.containerName?`${e.containerName}${e.containerId?` (${e.containerId})`:""}`:`:${e.port}`;if(!1===e.metricsAvailable)return`${r} \xb7 đang chạy nhưng chưa đọc được /metrics`;let t=Number.isFinite(Number(e.kvCacheUsagePercent))?`${Number(e.kvCacheUsagePercent).toFixed(1)}%`:"—",o=Array.isArray(e.models)&&e.models.length?` \xb7 ${e.models.join(", ")}`:"",a=e.endpoint?` \xb7 ${e.endpoint}`:"",i=Object.prototype.hasOwnProperty.call(e,"waitingCapacity")||Object.prototype.hasOwnProperty.call(e,"waitingDeferred")?` \xb7 Capacity ${l(e.waitingCapacity)} \xb7 Deferred ${l(e.waitingDeferred)}`:"";return`${r}${a} \xb7 Running ${l(e.running)} \xb7 Waiting ${l(e.waiting)}${i} \xb7 KV ${t} \xb7 Preempt ${l(e.preemptions)} \xb7 Output ${d(e.outputTokensPerSecond)}${o}`}),y=s<n,$=m>0&&r>=8e3,k=m>0&&!$,M=y?"partial":$?"pressure":k?"transient":null!==b&&b>=90?"hot":"active",S=y?`${n} vLLM (${s} metrics)`:`${n} vLLM`,L=v&&p>0,C=L?`
+Capacity ${l(m)} \xb7 Deferred ${l(g)}`:"",P=$?`Capacity pressure li\xean tục ${Math.max(1,Math.round(r/1e3))}s`:k?"Capacity waiting mới xuất hiện; chưa coi l\xe0 overload":p>0?"Waiting hiện tại chưa tạo capacity pressure":"Kh\xf4ng c\xf3 queue pressure";return{state:M,summary:`${S} \xb7 Running ${l(c)} \xb7 Waiting ${l(p)}${C}
+KV ${null===b?"—":`${b.toFixed(1)}%`} \xb7 Preempt ${l(x)} \xb7 Output ${d(h)}`,detail:[`${f} \xb7 ${n} instance`,P,...w].join("\n"),showReasons:L,instances:a,count:n,metricsCount:s,running:c,waiting:p,waitingCapacity:m,waitingDeferred:g,preemptions:x,kv:b,outputTokensPerSecond:h,discoveryLabel:f,pressureDetail:P}}(i,n?Math.max(0,a-n):0);if(!i){e.querySelector(`.${s}`)?.remove(),delete e.dataset.vllmState,delete e.dataset.vllmReasons,delete e.dataset.resourceLiveSignature;continue}v?(e.dataset.vllmState=v.state,e.dataset.vllmReasons=v.showReasons?"1":"0"):(delete e.dataset.vllmState,delete e.dataset.vllmReasons),e.dataset.vllmBaseTitle||(e.dataset.vllmBaseTitle=e.title||"Linux host"),e.title=e.dataset.vllmBaseTitle,function(e,r,t){let o,a;if(!r?.lastStatus){e.querySelector(`.${s}`)?.remove(),delete e.dataset.resourceLiveSignature;return}let i=`${function(e){if(!e)return"";if("upgrade"===e.state||"none"===e.state)return`
+      <section class="resource-live-section resource-vllm-block" data-state="${p(e.state)}">
         <div class="resource-live-section-head">
           <span class="resource-live-section-title"><span class="resource-live-state-dot"></span>vLLM</span>
-          <span class="resource-live-muted">${m(e.summary)}</span>
+          <span class="resource-live-muted">${p(e.summary)}</span>
         </div>
-        <div class="resource-live-caption">${m(e.detail)}</div>
+        <div class="resource-live-caption">${p(e.detail)}</div>
       </section>
-    `;let r=e.showReasons?`<span>Capacity <b>${m(c(e.waitingCapacity))}</b></span><span>Deferred <b>${m(c(e.waitingDeferred))}</b></span>`:"";return`
-    <section class="resource-live-section resource-vllm-block" data-state="${m(e.state)}">
+    `;let r=e.showReasons?`<span>Capacity <b>${p(l(e.waitingCapacity))}</b></span><span>Deferred <b>${p(l(e.waitingDeferred))}</b></span>`:"";return`
+    <section class="resource-live-section resource-vllm-block" data-state="${p(e.state)}">
       <div class="resource-live-section-head">
         <span class="resource-live-section-title"><span class="resource-live-state-dot"></span>vLLM</span>
         <span class="resource-live-badge">${e.metricsCount<e.count?`${e.metricsCount}/${e.count} metrics`:`${e.count} instance`}</span>
       </div>
       <div class="resource-vllm-summary-grid">
-        <span>Running <b>${m(c(e.running))}</b></span>
-        <span>Waiting <b>${m(c(e.waiting))}</b></span>
+        <span>Running <b>${p(l(e.running))}</b></span>
+        <span>Waiting <b>${p(l(e.waiting))}</b></span>
         ${r}
-        <span>Preempt <b>${m(c(e.preemptions))}</b></span>
-        <span class="resource-vllm-throughput">⚡ Out <b>${m(p(e.outputTokensPerSecond))}</b></span>
+        <span>Preempt <b>${p(l(e.preemptions))}</b></span>
+        <span class="resource-vllm-throughput">⚡ Out <b>${p(d(e.outputTokensPerSecond))}</b></span>
       </div>
-      ${null===e.kv?"":g("KV cache",e.kv,`${e.kv.toFixed(1)}%`,e.kv>=90?"warning":"emerald")}
-      <div class="resource-live-caption">${m(e.discoveryLabel)} \xb7 ${m(e.pressureDetail)}</div>
-      ${e.instances.length?`<div class="resource-vllm-instances">${e.instances.map(v).join("")}</div>`:""}
+      ${null===e.kv?"":m("KV cache",e.kv,`${e.kv.toFixed(1)}%`,e.kv>=90?"warning":"emerald")}
+      <div class="resource-live-caption">${p(e.discoveryLabel)} \xb7 ${p(e.pressureDetail)}</div>
+      ${e.instances.length?`<div class="resource-vllm-instances">${e.instances.map(g).join("")}</div>`:""}
     </section>
-  `}(t)}${function(e){let r=e?.lastStatus||{},t=Array.isArray(r.gpus)?r.gpus:[];if(!t.length)return"";let o=t.map(e=>{let t=u(e.usagePercent),o=u(e.memoryUsagePercent),a=d(e.powerDrawW),n=d(e.powerLimitW),s=null!==a&&n&&n>0?u(a/n*100):0,l=d(e.temperatureC),c=(function(e,r){let t=Array.isArray(e?.vllm?.instances)?e.vllm.instances:[],o=[],a=new Set;for(let e of t)if(function(e,r){let t=Array.isArray(e?.gpuDeviceIds)?e.gpuDeviceIds.map(i).filter(Boolean):[];if(!t.length)return!1;if(t.includes("all"))return!0;let o=i(r?.index),a=i(r?.uuid);return t.some(e=>{let r,t;return e===o||(r=i(e),t=i(a),!!r&&!!t&&(r===t||r.replace(/^gpu-/,"")===t.replace(/^gpu-/,"")))})}(e,r))for(let r of Array.isArray(e?.models)?e.models:[]){let e=String(r||"").trim();!e||a.has(e)||(a.add(e),o.push(e))}return o})(r,e).join(", "),p=null===a?"—":n&&n>0?`${a.toFixed(+(a<10))} / ${n.toFixed(0)} W`:`${a.toFixed(+(a<10))} W`;return`
+  `}(t)}${function(e){let r=Array.isArray(e?.lastStatus?.gpus)?e.lastStatus.gpus:[];if(!r.length)return"";let t=r.map(e=>{let r=c(e.usagePercent),t=c(e.memoryUsagePercent),o=u(e.powerDrawW),a=u(e.powerLimitW),i=null!==o&&a&&a>0?c(o/a*100):0,n=u(e.temperatureC),s=String(e.name||"").trim(),l=null===o?"—":a&&a>0?`${o.toFixed(+(o<10))} / ${a.toFixed(0)} W`:`${o.toFixed(+(o<10))} W`;return`
       <div class="resource-gpu-row">
         <div class="resource-gpu-head">
-          <span class="resource-gpu-title">
-            <span class="resource-gpu-name">GPU ${m(e.index??"?")}</span>
-            ${c?`<span class="resource-gpu-model" title="${m(c)}">${m(c)}</span>`:""}
-          </span>
-          <span class="resource-gpu-temp"><span class="material-symbols-outlined" aria-hidden="true">device_thermostat</span>${null===l?"—":`${l.toFixed(0)}\xb0C`}</span>
+          <div class="resource-gpu-title">
+            <span class="resource-gpu-name">GPU ${p(e.index??"?")}</span>
+            ${s?`<span class="resource-gpu-model" title="${p(s)}">${p(s)}</span>`:""}
+          </div>
+          <span class="resource-gpu-temp"><span class="material-symbols-outlined" aria-hidden="true">device_thermostat</span>${null===n?"—":`${n.toFixed(0)}\xb0C`}</span>
         </div>
-        ${g("GPU load",t,`${t.toFixed(+(t<10))}%`,t>=90?"warning":"emerald")}
-        ${g("VRAM",o,`${o.toFixed(1)}%`,o>=95?"warning":"cyan")}
-        ${n&&n>0?g("Power",s,p,s>=95?"warning":"violet"):`<div class="resource-live-value-row"><span>Power</span><strong>${m(p)}</strong></div>`}
+        ${m("GPU load",r,`${r.toFixed(+(r<10))}%`,r>=90?"warning":"emerald")}
+        ${m("VRAM",t,`${t.toFixed(1)}%`,t>=95?"warning":"cyan")}
+        ${a&&a>0?m("Power",i,l,i>=95?"warning":"violet"):`<div class="resource-live-value-row"><span>Power</span><strong>${p(l)}</strong></div>`}
       </div>
     `}).join("");return`
     <section class="resource-live-section resource-gpu-block">
       <div class="resource-live-section-head">
         <span class="resource-live-section-title"><span class="material-symbols-outlined resource-live-section-icon" aria-hidden="true">memory</span>GPU</span>
-        <span class="resource-live-badge">${t.length} card</span>
+        <span class="resource-live-badge">${r.length} card</span>
       </div>
-      <div class="resource-gpu-list">${o}</div>
+      <div class="resource-gpu-list">${t}</div>
     </section>
-  `}(r)}`;if(!n){e.querySelector(`.${l}`)?.remove(),delete e.dataset.resourceLiveSignature;return}let s=(o=((r?.lastStatus||{}).gpus||[]).map(e=>[e.index,e.uuid,e.usagePercent,e.memoryUsagePercent,e.temperatureC,e.powerDrawW,e.powerLimitW]),a=(t?.instances||[]).map(e=>[e.containerName,e.containerId,e.endpoint,e.running,e.waiting,e.waitingCapacity,e.waitingDeferred,e.kvCacheUsagePercent,e.preemptions,e.outputTokensPerSecond,e.metricsAvailable,e.models,e.gpuDeviceIds]),JSON.stringify([r?.lastStatusAt,t?.state,t?.running,t?.waiting,t?.waitingCapacity,t?.waitingDeferred,t?.preemptions,t?.kv,t?.outputTokensPerSecond,t?.pressureDetail,a,o]));if(e.dataset.resourceLiveSignature===s)return;let x=e.querySelector(`.${l}`);x||((x=document.createElement("div")).className=l,x.setAttribute("aria-label","Realtime vLLM v\xe0 GPU metrics"),e.appendChild(x)),x.innerHTML=n,e.dataset.resourceLiveSignature=s}(e,n,x)}!function(){let e=document.querySelector(n),r=e?.closest(".scroll-thin-x");if(!r)return x();let t=document.getElementById(s);if(t){t.previousElementSibling!==r&&r.insertAdjacentElement("afterend",t);return}let o=document.createElement("section");o.id=s,o.className="resource-vllm-metric-guide",o.setAttribute("aria-label","Giải th\xedch chỉ số vLLM"),o.innerHTML=`
+  `}(r)}`;if(!i){e.querySelector(`.${s}`)?.remove(),delete e.dataset.resourceLiveSignature;return}let n=(o=((r?.lastStatus||{}).gpus||[]).map(e=>[e.index,e.name,e.usagePercent,e.memoryUsagePercent,e.temperatureC,e.powerDrawW,e.powerLimitW]),a=(t?.instances||[]).map(e=>[e.containerName,e.containerId,e.endpoint,e.running,e.waiting,e.waitingCapacity,e.waitingDeferred,e.kvCacheUsagePercent,e.preemptions,e.outputTokensPerSecond,e.metricsAvailable,e.models]),JSON.stringify([r?.lastStatusAt,t?.state,t?.running,t?.waiting,t?.waitingCapacity,t?.waitingDeferred,t?.preemptions,t?.kv,t?.outputTokensPerSecond,t?.pressureDetail,a,o]));if(e.dataset.resourceLiveSignature===n)return;let v=e.querySelector(`.${s}`);v||((v=document.createElement("div")).className=s,v.setAttribute("aria-label","Realtime vLLM v\xe0 GPU metrics"),e.appendChild(v)),v.innerHTML=i,e.dataset.resourceLiveSignature=n}(e,i,v)}!function(){let e=document.querySelector(i),r=e?.closest(".scroll-thin-x");if(!r)return v();let t=document.getElementById(n);if(t){t.previousElementSibling!==r&&r.insertAdjacentElement("afterend",t);return}let o=document.createElement("section");o.id=n,o.className="resource-vllm-metric-guide",o.setAttribute("aria-label","Giải th\xedch chỉ số vLLM"),o.innerHTML=`
     <div class="resource-vllm-guide-heading">
       <span class="material-symbols-outlined resource-vllm-guide-icon" aria-hidden="true">info</span>
       <div>
@@ -118,7 +118,7 @@ KV ${null===b?"—":`${b.toFixed(1)}%`} \xb7 Preempt ${c(x)} \xb7 Output ${p(h)}
       <span class="material-symbols-outlined" aria-hidden="true">monitoring</span>
       <span><strong>Đọc cảnh b\xe1o:</strong> Waiting tho\xe1ng qua vẫn b\xecnh thường. Dashboard chỉ coi <strong>Capacity &gt; 0 li\xean tục từ 8 gi\xe2y</strong> l\xe0 pressure; KV cao hoặc Preempt tăng li\xean tục cũng cần theo d\xf5i. Output tok/s 3 ph\xfat d\xf9ng để đ\xe1nh gi\xe1 throughput ổn định khi tăng slot/concurrency.</span>
     </div>
-  `,r.insertAdjacentElement("afterend",o)}()},b=async()=>{try{let o=await fetch("/api/resource-monitor?snapshot=1",{cache:"no-store"}),a=await o.json().catch(()=>({}));if(!o.ok||e)return;let i=Array.isArray(a.servers)?a.servers:[];r.current=i;let n=Date.now(),s=new Set;for(let e of i){let r=String(e?.id||"");r&&(s.add(r),(Number(e?.lastStatus?.vllm?.summary?.waitingCapacity)||0)>0?t.current.has(r)||t.current.set(r,n):t.current.delete(r))}for(let e of t.current.keys())s.has(e)||t.current.delete(e);h()}catch{}},f=new MutationObserver(()=>{a&&window.clearTimeout(a),a=window.setTimeout(h,80)});f.observe(document.body,{childList:!0,subtree:!0}),o=window.setInterval(b,4e3);let w=window.setTimeout(b,500);return()=>{e=!0,f.disconnect(),window.clearInterval(o),window.clearTimeout(w),a&&window.clearTimeout(a),x(),document.querySelectorAll(`.${l}`).forEach(e=>e.remove())}},[]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("style",{children:`
+  `,r.insertAdjacentElement("afterend",o)}()},h=async()=>{try{let o=await fetch("/api/resource-monitor?snapshot=1",{cache:"no-store"}),a=await o.json().catch(()=>({}));if(!o.ok||e)return;let i=Array.isArray(a.servers)?a.servers:[];r.current=i;let n=Date.now(),s=new Set;for(let e of i){let r=String(e?.id||"");r&&(s.add(r),(Number(e?.lastStatus?.vllm?.summary?.waitingCapacity)||0)>0?t.current.has(r)||t.current.set(r,n):t.current.delete(r))}for(let e of t.current.keys())s.has(e)||t.current.delete(e);x()}catch{}},b=new MutationObserver(()=>{a&&window.clearTimeout(a),a=window.setTimeout(x,80)});b.observe(document.body,{childList:!0,subtree:!0}),o=window.setInterval(h,4e3);let f=window.setTimeout(h,500);return()=>{e=!0,b.disconnect(),window.clearInterval(o),window.clearTimeout(f),a&&window.clearTimeout(a),v(),document.querySelectorAll(`.${s}`).forEach(e=>e.remove())}},[]),(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)("style",{children:`
         .resource-monitor-sortable-host {
           min-width: 420px !important;
           overflow: hidden;
@@ -366,8 +366,7 @@ KV ${null===b?"—":`${b.toFixed(1)}%`} \xb7 Preempt ${c(x)} \xb7 Output ${p(h)}
         }
         .resource-gpu-head {
           display: flex;
-          min-width: 0;
-          align-items: center;
+          align-items: flex-start;
           justify-content: space-between;
           gap: 8px;
           margin-bottom: 8px;
@@ -376,28 +375,23 @@ KV ${null===b?"—":`${b.toFixed(1)}%`} \xb7 Preempt ${c(x)} \xb7 Output ${p(h)}
           display: flex;
           min-width: 0;
           flex: 1 1 auto;
-          align-items: center;
-          gap: 6px;
-          overflow: hidden;
+          flex-direction: column;
+          gap: 2px;
         }
         .resource-gpu-name {
-          flex: 0 0 auto;
           color: var(--color-text-main);
           font-size: 13px;
           font-weight: 750;
+          line-height: 1.25;
         }
         .resource-gpu-model {
+          display: block;
           min-width: 0;
-          max-width: 160px;
-          overflow: hidden;
-          border-radius: 999px;
-          background: color-mix(in srgb, var(--color-brand-500) 8%, transparent);
-          padding: 3px 8px;
-          color: var(--color-primary);
-          font-size: 11px;
-          font-weight: 650;
-          text-overflow: ellipsis;
-          white-space: nowrap;
+          color: var(--color-text-muted);
+          font-size: 11.5px;
+          line-height: 1.35;
+          overflow-wrap: anywhere;
+          white-space: normal;
         }
         .resource-gpu-temp {
           display: inline-flex;
@@ -528,4 +522,4 @@ KV ${null===b?"—":`${b.toFixed(1)}%`} \xb7 Preempt ${c(x)} \xb7 Output ${p(h)}
             transition: none;
           }
         }
-      `}),e]})}}},e=>{e.O(0,[8441,3794,7358],()=>e(e.s=90490)),_N_E=e.O()}]);
+      `}),e]})}},90490:(e,r,t)=>{Promise.resolve().then(t.bind(t,6202))}},e=>{e.O(0,[8441,3794,7358],()=>e(e.s=90490)),_N_E=e.O()}]);

package/app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bluerouter-app",
-  "version": "5.4.16",
+  "version": "5.4.18",
   "description": "Router web dashboard",
   "private": false,
   "engines": {

package/package.json

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