@jheavenknows/bluerouter 5.3.15 → 5.3.16

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

@@ -20,7 +20,7 @@
         ${o.length?`<span class="resource-vllm-model">${p(o.join(", "))}</span>`:""}
       </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 theo cửa sổ lấy mẫu gần nhất">
+      <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>${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>
@@ -108,16 +108,16 @@ KV ${null===h?"—":`${h.toFixed(1)}%`} \xb7 Preempt ${l(x)} \xb7 Output ${d(b)}
       </div>
       <div class="resource-vllm-guide-item">
         <strong>⚡ Output</strong>
-        <span>Tổng token output mỗi gi\xe2y, lấy trung b\xecnh theo cửa sổ khoảng 15 gi\xe2y của từng instance.</span>
+        <span>Tổng output token/gi\xe2y theo rolling average tối đa 3 ph\xfat của từng instance; khi agent mới khởi động sẽ d\xf9ng khoảng dữ liệu đ\xe3 c\xf3.</span>
       </div>
     </div>
     <div class="resource-vllm-guide-note">
       <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 d\xf9ng để đ\xe1nh gi\xe1 throughput thực khi tăng slot/concurrency.</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 n=Array.isArray(a.servers)?a.servers:[];r.current=n;let i=Date.now(),s=new Set;for(let e of n){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,i):t.current.delete(r))}for(let e of t.current.keys())s.has(e)||t.current.delete(e);x()}catch{}},h=new MutationObserver(()=>{a&&window.clearTimeout(a),a=window.setTimeout(x,80)});h.observe(document.body,{childList:!0,subtree:!0}),o=window.setInterval(b,4e3);let f=window.setTimeout(b,500);return()=>{e=!0,h.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: 332px !important;
+          min-width: 360px !important;
           overflow: hidden;
         }
         .resource-monitor-live-metrics {
@@ -135,7 +135,7 @@ KV ${null===h?"—":`${h.toFixed(1)}%`} \xb7 Preempt ${l(x)} \xb7 Output ${d(b)}
           border: 1px solid var(--color-border-subtle);
           border-radius: 12px;
           background: color-mix(in srgb, var(--color-surface-2) 62%, var(--color-surface));
-          padding: 9px 10px;
+          padding: 10px 11px;
         }
         .resource-live-section-head {
           display: flex;
@@ -143,7 +143,7 @@ KV ${null===h?"—":`${h.toFixed(1)}%`} \xb7 Preempt ${l(x)} \xb7 Output ${d(b)}
           align-items: center;
           justify-content: space-between;
           gap: 8px;
-          margin-bottom: 7px;
+          margin-bottom: 8px;
         }
         .resource-live-section-title {
           display: inline-flex;
@@ -151,13 +151,13 @@ KV ${null===h?"—":`${h.toFixed(1)}%`} \xb7 Preempt ${l(x)} \xb7 Output ${d(b)}
           align-items: center;
           gap: 6px;
           color: var(--color-text-main);
-          font-size: 11px;
+          font-size: 12px;
           font-weight: 750;
           letter-spacing: .01em;
         }
         .resource-live-section-icon {
           color: #10b981;
-          font-size: 15px;
+          font-size: 16px;
         }
         .resource-live-state-dot {
           width: 7px;
@@ -188,26 +188,26 @@ KV ${null===h?"—":`${h.toFixed(1)}%`} \xb7 Preempt ${l(x)} \xb7 Output ${d(b)}
           background: var(--color-surface);
           padding: 2px 7px;
           color: var(--color-text-muted);
-          font-size: 9.5px;
+          font-size: 10.5px;
           font-weight: 700;
         }
         .resource-live-muted {
           min-width: 0;
           overflow: hidden;
           color: var(--color-text-subtle);
-          font-size: 9.5px;
+          font-size: 10.5px;
           text-overflow: ellipsis;
           white-space: nowrap;
         }
         .resource-vllm-summary-grid {
           display: flex;
           flex-wrap: wrap;
-          gap: 4px 7px;
-          margin-bottom: 7px;
+          gap: 5px 8px;
+          margin-bottom: 8px;
           color: var(--color-text-muted);
           font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
-          font-size: 9.5px;
-          line-height: 1.35;
+          font-size: 10.5px;
+          line-height: 1.4;
         }
         .resource-vllm-summary-grid span {
           white-space: nowrap;
@@ -228,20 +228,20 @@ KV ${null===h?"—":`${h.toFixed(1)}%`} \xb7 Preempt ${l(x)} \xb7 Output ${d(b)}
           color: #c4b5fd !important;
         }
         .resource-live-caption {
-          margin-top: 6px;
+          margin-top: 7px;
           color: var(--color-text-subtle);
-          font-size: 9px;
-          line-height: 1.35;
+          font-size: 10px;
+          line-height: 1.4;
         }
         .resource-vllm-instances {
           display: grid;
-          gap: 5px;
-          margin-top: 7px;
+          gap: 6px;
+          margin-top: 8px;
         }
         .resource-vllm-instance {
           min-width: 0;
           border-top: 1px dashed var(--color-border-subtle);
-          padding-top: 6px;
+          padding-top: 7px;
         }
         .resource-vllm-instance:first-child {
           border-top: 0;
@@ -259,7 +259,7 @@ KV ${null===h?"—":`${h.toFixed(1)}%`} \xb7 Preempt ${l(x)} \xb7 Output ${d(b)}
           overflow: hidden;
           color: var(--color-text-main);
           font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
-          font-size: 9.5px;
+          font-size: 10.5px;
           font-weight: 700;
           text-overflow: ellipsis;
           white-space: nowrap;
@@ -271,17 +271,17 @@ KV ${null===h?"—":`${h.toFixed(1)}%`} \xb7 Preempt ${l(x)} \xb7 Output ${d(b)}
           background: color-mix(in srgb, var(--color-brand-500) 8%, transparent);
           padding: 2px 6px;
           color: var(--color-primary);
-          font-size: 8.5px;
+          font-size: 9.5px;
           font-weight: 650;
           text-overflow: ellipsis;
           white-space: nowrap;
         }
         .resource-vllm-instance-sub {
-          margin-top: 2px;
+          margin-top: 3px;
           overflow: hidden;
           color: var(--color-text-subtle);
           font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
-          font-size: 8.5px;
+          font-size: 9.5px;
           text-overflow: ellipsis;
           white-space: nowrap;
         }
@@ -291,12 +291,12 @@ KV ${null===h?"—":`${h.toFixed(1)}%`} \xb7 Preempt ${l(x)} \xb7 Output ${d(b)}
           flex-wrap: nowrap;
           align-items: center;
           justify-content: space-between;
-          gap: 4px;
-          margin-top: 4px;
+          gap: 5px;
+          margin-top: 5px;
           overflow: hidden;
           color: var(--color-text-muted);
           font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
-          font-size: 8.5px;
+          font-size: 9.5px;
           white-space: nowrap;
         }
         .resource-vllm-instance-stats span {
@@ -310,7 +310,7 @@ KV ${null===h?"—":`${h.toFixed(1)}%`} \xb7 Preempt ${l(x)} \xb7 Output ${d(b)}
           color: var(--color-text-subtle);
         }
         .resource-live-bar + .resource-live-bar {
-          margin-top: 6px;
+          margin-top: 7px;
         }
         .resource-live-bar-head,
         .resource-live-value-row {
@@ -318,10 +318,10 @@ KV ${null===h?"—":`${h.toFixed(1)}%`} \xb7 Preempt ${l(x)} \xb7 Output ${d(b)}
           align-items: center;
           justify-content: space-between;
           gap: 8px;
-          margin-bottom: 3px;
+          margin-bottom: 4px;
           color: var(--color-text-muted);
-          font-size: 9px;
-          line-height: 1.2;
+          font-size: 10px;
+          line-height: 1.25;
         }
         .resource-live-bar-head strong,
         .resource-live-value-row strong {
@@ -350,25 +350,25 @@ KV ${null===h?"—":`${h.toFixed(1)}%`} \xb7 Preempt ${l(x)} \xb7 Output ${d(b)}
         .resource-live-bar-warning { --resource-bar-color: #f59e0b; }
         .resource-gpu-list {
           display: grid;
-          gap: 8px;
+          gap: 9px;
         }
         .resource-gpu-row {
           min-width: 0;
         }
         .resource-gpu-row + .resource-gpu-row {
           border-top: 1px dashed var(--color-border-subtle);
-          padding-top: 8px;
+          padding-top: 9px;
         }
         .resource-gpu-head {
           display: flex;
           align-items: center;
           justify-content: space-between;
           gap: 8px;
-          margin-bottom: 6px;
+          margin-bottom: 7px;
         }
         .resource-gpu-name {
           color: var(--color-text-main);
-          font-size: 9.5px;
+          font-size: 10.5px;
           font-weight: 750;
         }
         .resource-gpu-temp {
@@ -379,11 +379,11 @@ KV ${null===h?"—":`${h.toFixed(1)}%`} \xb7 Preempt ${l(x)} \xb7 Output ${d(b)}
           background: color-mix(in srgb, #f59e0b 8%, transparent);
           padding: 2px 6px;
           color: #b45309;
-          font-size: 9px;
+          font-size: 10px;
           font-weight: 700;
         }
         .resource-gpu-temp .material-symbols-outlined {
-          font-size: 12px;
+          font-size: 13px;
         }
         .resource-vllm-metric-guide {
           margin-top: 10px;
@@ -483,7 +483,7 @@ KV ${null===h?"—":`${h.toFixed(1)}%`} \xb7 Preempt ${l(x)} \xb7 Output ${d(b)}
         }
         @media (max-width: 760px) {
           .resource-monitor-sortable-host {
-            min-width: min(332px, calc(100vw - 48px)) !important;
+            min-width: min(340px, calc(100vw - 48px)) !important;
           }
           .resource-vllm-guide-grid {
             grid-template-columns: repeat(2, minmax(0, 1fr));

package/app/package.json

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

package/package.json

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