@jheavenknows/bluerouter 5.3.14 → 5.3.16

package/app/.next-cli-build/server/app/(dashboard)/dashboard/resource-monitor/page.js

@@ -71,7 +71,7 @@
     }
   `,h="";return h=b?.type==="error"?"border-red-500/30 bg-red-500/95 text-white":b?.type==="success"?"border-emerald-500/30 bg-emerald-600/95 text-white":"border-border bg-surface/95 text-text-main",e().createElement(e().Fragment,null,e().createElement("style",null,g),a,b?e().createElement("div",{className:`fixed bottom-5 right-5 z-[80] flex items-center gap-2 rounded-xl border px-3.5 py-2.5 text-xs font-semibold shadow-lg backdrop-blur ${h}`,role:"error"===b.type?"alert":"status"},"saving"===b.type?e().createElement("span",{className:"material-symbols-outlined animate-spin text-[17px]"},"progress_activity"):e().createElement("span",{className:"material-symbols-outlined text-[17px]"},"error"===b.type?"error":"check_circle"),e().createElement("span",null,b.text)):null)}},10846:a=>{"use strict";a.exports=require("next/dist/compiled/next-server/app-page.runtime.prod.js")},11793:(a,b,c)=>{Promise.resolve().then(c.bind(c,18548))},18548:(a,b,c)=>{"use strict";c.r(b),c.d(b,{default:()=>f});var d=c(48249),e=c(67484);function f({children:a}){return(0,e.useRef)([]),(0,e.useRef)(new Map),(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)("style",{children:`
         .resource-monitor-sortable-host {
-          min-width: 332px !important;
+          min-width: 360px !important;
           overflow: hidden;
         }
         .resource-monitor-live-metrics {
@@ -89,7 +89,7 @@
           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;
@@ -97,7 +97,7 @@
           align-items: center;
           justify-content: space-between;
           gap: 8px;
-          margin-bottom: 7px;
+          margin-bottom: 8px;
         }
         .resource-live-section-title {
           display: inline-flex;
@@ -105,13 +105,13 @@
           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;
@@ -142,26 +142,26 @@
           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;
@@ -170,21 +170,32 @@
           color: var(--color-text-main);
           font-weight: 750;
         }
+        .resource-vllm-throughput {
+          color: #7c3aed;
+          font-weight: 700;
+        }
+        .resource-vllm-throughput b {
+          color: #6d28d9 !important;
+        }
+        .dark .resource-vllm-throughput,
+        .dark .resource-vllm-throughput 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;
@@ -202,7 +213,7 @@
           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;
@@ -214,28 +225,36 @@
           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;
         }
         .resource-vllm-instance-stats {
           display: flex;
-          flex-wrap: wrap;
-          gap: 3px 7px;
-          margin-top: 4px;
+          min-width: 0;
+          flex-wrap: nowrap;
+          align-items: center;
+          justify-content: space-between;
+          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.8px;
+          font-size: 9.5px;
+          white-space: nowrap;
+        }
+        .resource-vllm-instance-stats span {
+          flex: 0 0 auto;
         }
         .resource-vllm-instance-stats b {
           color: var(--color-text-main);
@@ -245,7 +264,7 @@
           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 {
@@ -253,10 +272,10 @@
           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 {
@@ -285,25 +304,25 @@
         .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 {
@@ -314,11 +333,11 @@
           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;
@@ -359,7 +378,7 @@
         }
         .resource-vllm-guide-grid {
           display: grid;
-          grid-template-columns: repeat(6, minmax(0, 1fr));
+          grid-template-columns: repeat(7, minmax(0, 1fr));
           gap: 8px;
           margin-top: 12px;
         }
@@ -413,12 +432,12 @@
         }
         @media (max-width: 1400px) {
           .resource-vllm-guide-grid {
-            grid-template-columns: repeat(3, minmax(0, 1fr));
+            grid-template-columns: repeat(4, minmax(0, 1fr));
           }
         }
         @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));