@jheavenknows/bluerouter 5.3.2 → 5.3.4

package/app/.next-cli-build/static/chunks/app/(dashboard)/dashboard/resource-monitor/template-d8c264229683c5ea.js

@@ -1,185 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[770],{6202:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>c});var a=r(95155),n=r(12115);let o="button[data-resource-server-id]",i="resource-vllm-metric-guide";function s(e){let t=Number(e)||0;return .001>Math.abs(t-Math.round(t))?String(Math.round(t)):t.toFixed(1)}function l(){document.getElementById(i)?.remove()}function c({children:e}){let t=(0,n.useRef)([]),r=(0,n.useRef)(new Map);return(0,n.useEffect)(()=>{let e=!1,a=null,n=null,c=()=>{let e=t.current;if(!e.length)return void l();let a=new Map(e.map(e=>[String(e.id),e])),n=Date.now();for(let e of document.querySelectorAll(o)){let t=String(e.dataset.resourceServerId||""),o=a.get(t),i=r.current.get(t),l=function(e,t=0){let r=e?.lastStatus;if(!r)return null;let a=r.vllm;if(!a)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};let n=Array.isArray(a.instances)?a.instances:[],o=a.summary||{},i=Number(o.instanceCount??n.length)||0,l=Number(o.metricsInstanceCount??i)||0,c=Number(o.running)||0,d=Number(o.waiting)||0,u=Number(o.waitingCapacity)||0,m=Number(o.waitingDeferred)||0,g=Object.prototype.hasOwnProperty.call(o||{},"waitingCapacity")||Object.prototype.hasOwnProperty.call(o||{},"waitingDeferred")||n.some(e=>Object.prototype.hasOwnProperty.call(e||{},"waitingCapacity")||Object.prototype.hasOwnProperty.call(e||{},"waitingDeferred")),p=Number(o.preemptions)||0,h=Number.isFinite(Number(o.kvCacheUsagePercent))?Number(o.kvCacheUsagePercent):null;if(!i)return{state:"none",summary:"vLLM \xb7 0 instance đang chạy",detail:"docker"===a.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};let v=n.map(e=>{let t=e.containerName?`${e.containerName}${e.containerId?` (${e.containerId})`:""}`:`:${e.port}`;if(!1===e.metricsAvailable)return`${t} \xb7 đang chạy nhưng chưa đọc được /metrics`;let r=Number.isFinite(Number(e.kvCacheUsagePercent))?`${Number(e.kvCacheUsagePercent).toFixed(1)}%`:"—",a=Array.isArray(e.models)&&e.models.length?` \xb7 ${e.models.join(", ")}`:"",n=e.endpoint?` \xb7 ${e.endpoint}`:"",o=Object.prototype.hasOwnProperty.call(e,"waitingCapacity")||Object.prototype.hasOwnProperty.call(e,"waitingDeferred")?` \xb7 Capacity ${s(e.waitingCapacity)} \xb7 Deferred ${s(e.waitingDeferred)}`:"";return`${t}${n} \xb7 Running ${s(e.running)} \xb7 Waiting ${s(e.waiting)}${o} \xb7 KV ${r} \xb7 Preempt ${s(e.preemptions)}${a}`}),x=l<i,b=u>0&&t>=8e3,f=u>0&&!b,y=x?"partial":b?"pressure":f?"transient":null!==h&&h>=90?"hot":"active",w=x?`${i} vLLM (${l} metrics)`:`${i} vLLM`,$="docker"===a.discovery?"Docker-aware discovery":"Socket fallback discovery",M=g&&d>0,k=M?`
-Capacity ${s(u)} \xb7 Deferred ${s(m)}`:"",C=b?`Capacity pressure li\xean tục ${Math.max(1,Math.round(t/1e3))}s`:f?"Capacity waiting mới xuất hiện; chưa coi l\xe0 overload":d>0?"Waiting hiện tại chưa tạo capacity pressure":"Kh\xf4ng c\xf3 queue pressure";return{state:y,summary:`${w} \xb7 Running ${s(c)} \xb7 Waiting ${s(d)}${k}
-KV ${null===h?"—":`${h.toFixed(1)}%`} \xb7 Preempt ${s(p)}`,detail:[`${$} \xb7 ${i} instance`,C,...v].join("\n"),showReasons:M}}(o,i?Math.max(0,n-i):0);if(!l){delete e.dataset.vllmSummary,delete e.dataset.vllmState,delete e.dataset.vllmReasons;continue}e.dataset.vllmSummary=l.summary,e.dataset.vllmState=l.state,e.dataset.vllmReasons=l.showReasons?"1":"0",e.dataset.vllmBaseTitle||(e.dataset.vllmBaseTitle=e.title||"Linux host"),e.title=`${e.dataset.vllmBaseTitle}
-
-${l.detail}`}!function(){let e=document.querySelector(o),t=e?.closest(".scroll-thin-x");if(!t)return l();let r=document.getElementById(i);if(r){r.previousElementSibling!==t&&t.insertAdjacentElement("afterend",r);return}let a=document.createElement("section");a.id=i,a.className="resource-vllm-metric-guide",a.setAttribute("aria-label","Giải th\xedch chỉ số vLLM"),a.innerHTML=`
-    <div class="resource-vllm-guide-heading">
-      <span class="material-symbols-outlined resource-vllm-guide-icon" aria-hidden="true">info</span>
-      <div>
-        <div class="resource-vllm-guide-title">C\xe1ch đọc chỉ số vLLM</div>
-        <div class="resource-vllm-guide-subtitle">C\xe1c số tr\xean card l\xe0 snapshot realtime của to\xe0n bộ vLLM instance tr\xean Linux host.</div>
-      </div>
-    </div>
-    <div class="resource-vllm-guide-grid">
-      <div class="resource-vllm-guide-item">
-        <strong>Running</strong>
-        <span>Số request đang được scheduler xử l\xfd.</span>
-      </div>
-      <div class="resource-vllm-guide-item">
-        <strong>Waiting</strong>
-        <span>Số request đang chờ. Một nhịp Waiting ngắn chưa c\xf3 nghĩa l\xe0 qu\xe1 tải.</span>
-      </div>
-      <div class="resource-vllm-guide-item">
-        <strong>Capacity</strong>
-        <span>Request chờ v\xec scheduler/KV admission chưa đủ capacity. K\xe9o d\xe0i mới l\xe0 pressure.</span>
-      </div>
-      <div class="resource-vllm-guide-item">
-        <strong>Deferred</strong>
-        <span>Request bị ho\xe3n bởi constraint nội bộ kh\xe1c; kh\xf4ng mặc định đồng nghĩa thiếu GPU.</span>
-      </div>
-      <div class="resource-vllm-guide-item">
-        <strong>KV Cache</strong>
-        <span>% KV cache pool đang d\xf9ng, kh\xf4ng phải % tổng VRAM của GPU.</span>
-      </div>
-      <div class="resource-vllm-guide-item">
-        <strong>Preempt</strong>
-        <span>Counter t\xedch lũy số lần request phải nhường t\xe0i nguy\xean; tốc độ tăng quan trọng hơn tổng số.</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.</span>
-    </div>
-  `,t.insertAdjacentElement("afterend",a)}()},d=async()=>{try{let a=await fetch("/api/resource-monitor?snapshot=1",{cache:"no-store"}),n=await a.json().catch(()=>({}));if(!a.ok||e)return;let o=Array.isArray(n.servers)?n.servers:[];t.current=o;let i=Date.now(),s=new Set;for(let e of o){let t=String(e?.id||"");t&&(s.add(t),(Number(e?.lastStatus?.vllm?.summary?.waitingCapacity)||0)>0?r.current.has(t)||r.current.set(t,i):r.current.delete(t))}for(let e of r.current.keys())s.has(e)||r.current.delete(e);c()}catch{}},u=new MutationObserver(()=>{n&&window.clearTimeout(n),n=window.setTimeout(c,80)});u.observe(document.body,{childList:!0,subtree:!0}),a=window.setInterval(d,4e3);let m=window.setTimeout(d,500);return()=>{e=!0,u.disconnect(),window.clearInterval(a),window.clearTimeout(m),n&&window.clearTimeout(n),l()}},[]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("style",{children:`
-        .resource-monitor-sortable-host[data-vllm-summary] {
-          min-width: 292px;
-          padding-bottom: 62px !important;
-        }
-        .resource-monitor-sortable-host[data-vllm-reasons="1"] {
-          padding-bottom: 78px !important;
-        }
-        .resource-monitor-sortable-host[data-vllm-summary]::before {
-          content: attr(data-vllm-summary);
-          position: absolute;
-          left: 16px;
-          right: 40px;
-          bottom: 10px;
-          border-top: 1px solid var(--color-border-subtle);
-          padding-top: 8px;
-          color: var(--color-text-muted);
-          font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
-          font-size: 10.5px;
-          font-weight: 600;
-          line-height: 1.55;
-          white-space: pre-line;
-          pointer-events: none;
-          text-align: left;
-        }
-        .resource-monitor-sortable-host[data-vllm-state="active"]::before {
-          color: #059669;
-        }
-        .resource-monitor-sortable-host[data-vllm-state="transient"]::before {
-          color: #ca8a04;
-        }
-        .resource-monitor-sortable-host[data-vllm-state="pressure"]::before {
-          color: #dc2626;
-        }
-        .resource-monitor-sortable-host[data-vllm-state="hot"]::before,
-        .resource-monitor-sortable-host[data-vllm-state="partial"]::before,
-        .resource-monitor-sortable-host[data-vllm-state="upgrade"]::before {
-          color: #d97706;
-        }
-        .resource-monitor-sortable-host[data-vllm-state="none"]::before {
-          color: var(--color-text-subtle);
-        }
-        .resource-vllm-metric-guide {
-          margin-top: 10px;
-          border: 1px solid var(--color-border);
-          border-radius: 18px;
-          background: var(--color-surface);
-          padding: 15px 16px;
-          box-shadow: var(--shadow-soft);
-        }
-        .resource-vllm-guide-heading {
-          display: flex;
-          align-items: flex-start;
-          gap: 10px;
-        }
-        .resource-vllm-guide-icon {
-          display: inline-flex;
-          height: 30px;
-          width: 30px;
-          flex: 0 0 auto;
-          align-items: center;
-          justify-content: center;
-          border-radius: 10px;
-          background: color-mix(in srgb, var(--color-brand-500) 12%, transparent);
-          color: var(--color-brand-500);
-          font-size: 19px;
-        }
-        .resource-vllm-guide-title {
-          color: var(--color-text-main);
-          font-size: 14px;
-          font-weight: 700;
-          line-height: 1.3;
-        }
-        .resource-vllm-guide-subtitle {
-          margin-top: 3px;
-          color: var(--color-text-muted);
-          font-size: 12px;
-          line-height: 1.45;
-        }
-        .resource-vllm-guide-grid {
-          display: grid;
-          grid-template-columns: repeat(6, minmax(0, 1fr));
-          gap: 8px;
-          margin-top: 12px;
-        }
-        .resource-vllm-guide-item {
-          min-width: 0;
-          border: 1px solid var(--color-border-subtle);
-          border-radius: 12px;
-          background: var(--color-surface-2);
-          padding: 10px 11px;
-        }
-        .resource-vllm-guide-item strong {
-          display: block;
-          margin-bottom: 4px;
-          color: var(--color-text-main);
-          font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
-          font-size: 11px;
-          font-weight: 700;
-        }
-        .resource-vllm-guide-item span {
-          display: block;
-          color: var(--color-text-muted);
-          font-size: 10.5px;
-          line-height: 1.45;
-        }
-        .resource-vllm-guide-note {
-          display: flex;
-          align-items: flex-start;
-          gap: 8px;
-          margin-top: 10px;
-          border-radius: 11px;
-          background: color-mix(in srgb, #f59e0b 9%, transparent);
-          padding: 8px 10px;
-          color: var(--color-text-muted);
-          font-size: 11px;
-          line-height: 1.5;
-        }
-        .resource-vllm-guide-note .material-symbols-outlined {
-          flex: 0 0 auto;
-          color: #d97706;
-          font-size: 17px;
-        }
-        .resource-vllm-guide-note strong {
-          color: var(--color-text-main);
-          font-weight: 700;
-        }
-        @media (max-width: 1400px) {
-          .resource-vllm-guide-grid {
-            grid-template-columns: repeat(3, minmax(0, 1fr));
-          }
-        }
-        @media (max-width: 760px) {
-          .resource-vllm-guide-grid {
-            grid-template-columns: repeat(2, minmax(0, 1fr));
-          }
-        }
-        @media (max-width: 520px) {
-          .resource-vllm-guide-grid {
-            grid-template-columns: 1fr;
-          }
-        }
-      `}),e]})}},90490:(e,t,r)=>{Promise.resolve().then(r.bind(r,6202))}},e=>{e.O(0,[8441,3794,7358],()=>e(e.s=90490)),_N_E=e.O()}]);