npm - @jheavenknows/bluerouter - Versions diffs - 5.4.3 → 5.4.5 - Mend

@jheavenknows/bluerouter 5.4.3 → 5.4.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1145) hide show

package/app/.next-cli-build/static/chunks/app/(dashboard)/dashboard/routing-topology/page-9c3843549aadfa60.js DELETED Viewed

@@ -1 +0,0 @@

- (self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7226],{31474:(e,t,s)=>{"use strict";function r(...e){return e.filter(Boolean).join(" ").replace(/\s+/g," ").trim()}s.d(t,{cn:()=>r})},46442:(e,t,s)=>{"use strict";s.d(t,{j:()=>n,t:()=>i});var r=s(95155),a=s(12115);let l=(0,a.createContext)(null);function n({resolver:e,children:t}){return(0,r.jsx)(l.Provider,{value:"function"==typeof e?e:null,children:t})}function i(){return(0,a.useContext)(l)}},72762:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>w});var r=s(95155),a=s(12115),l=s(81127);let n=new Set(["coder","coder-fast","coder-high","translator"]);function i(e,t=1){let s=Number(e);return Number.isFinite(s)?s.toLocaleString("vi-VN",{minimumFractionDigits:t,maximumFractionDigits:t}):"—"}function o(e){if(!e)return"—";let t=new Date(e);return Number.isFinite(t.getTime())?t.toLocaleTimeString("vi-VN",{hour12:!1}):"—"}function d(e){return String(e||"").trim()}function c({name:e,className:t=""}){return(0,r.jsx)("span",{className:`material-symbols-outlined ${t}`,children:e})}function x({icon:e,label:t,value:s,detail:a,tone:l="blue"}){let n={blue:"bg-blue-500/10 text-blue-500",violet:"bg-violet-500/10 text-violet-500",cyan:"bg-cyan-500/10 text-cyan-500",emerald:"bg-emerald-500/10 text-emerald-500",amber:"bg-amber-500/10 text-amber-500"};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 ${n[l]||n.blue}`,children:(0,r.jsx)(c,{name:e,className:"text-[22px]"})}),(0,r.jsxs)("div",{className:"min-w-0",children:[(0,r.jsx)("div",{className:"text-[10px] font-semibold uppercase tracking-[0.14em] text-text-subtle",children:t}),(0,r.jsx)("div",{className:"mt-0.5 truncate text-lg font-bold text-text-main",children:s})]})]}),a?(0,r.jsx)("div",{className:"mt-2 truncate text-[11px] text-text-muted",children:a}):null]})}function m({icon:e,label:t,value:s,suffix:a=""}){return(0,r.jsxs)("div",{className:"rounded-xl border border-border-subtle bg-background/60 px-3 py-2.5",children:[(0,r.jsxs)("div",{className:"flex items-center gap-1.5 text-[10px] font-semibold uppercase tracking-[0.12em] text-text-subtle",children:[(0,r.jsx)(c,{name:e,className:"text-[14px]"}),t]}),(0,r.jsxs)("div",{className:"mt-1 text-sm font-semibold text-text-main",children:[s,a]})]})}function u({status:e="unknown",label:t}){let s={live:"bg-emerald-500/10 text-emerald-600 dark:text-emerald-400",stale:"bg-red-500/10 text-red-600 dark:text-red-400",partial:"bg-amber-500/10 text-amber-700 dark:text-amber-300",unknown:"bg-surface-2 text-text-muted"},a={live:"bg-emerald-500",stale:"bg-red-500",partial:"bg-amber-500",unknown:"bg-text-subtle"};return(0,r.jsxs)("span",{className:`inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-[11px] font-semibold ${s[e]||s.unknown}`,children:[(0,r.jsx)("span",{className:`h-1.5 w-1.5 rounded-full ${a[e]||a.unknown}`}),t]})}function p(e=[]){if(!e.length)return"Chưa c\xf3 GPU telemetry";let t=[...new Set(e.map(e=>d(e.name)).filter(Boolean))];return 1===t.length?`${e.length}\xd7 ${t[0]}`:`${e.length} GPU \xb7 ${t.join(" + ")}`}function b(e,t,s){let r,a=e?.resourceServerId?t.get(e.resourceServerId):null,l=e?.resourceServerId?s.get(e.resourceServerId):null,n=function(e,t){if(!t)return null;let s=t.vllm?.instances||[];if(e?.vllmInstanceKey){let t=s.find(t=>t.key===e.vllmInstanceKey);if(t)return t}if(e?.port){let t=s.filter(t=>Number(t.port||0)===Number(e.port||0));if(1===t.length)return t[0]}return null}(e,l),i=!!(r=l?.lastStatusAt?new Date(l.lastStatusAt).getTime():0)&&Date.now()-r<=3e4&&!l?.lastError&&!!n&&!1!==n.metricsAvailable;return{server:a,liveServer:l,instance:n,online:i}}function h({backend:e,serverMap:t,liveMap:s}){let{server:a,liveServer:l,instance:n,online:o}=b(e,t,s),d=l?.gpus?.length?l.gpus:a?.gpus||[],x=e?.resourceMatch,g=n?.models?.length?n.models:e?.reportedModels||[];return(0,r.jsxs)("div",{className:"group relative overflow-hidden rounded-2xl border border-border bg-surface p-4 shadow-[var(--shadow-soft)] transition hover:-translate-y-0.5 hover:border-primary/30 hover:shadow-lg",children:[(0,r.jsx)("div",{className:"absolute inset-x-0 top-0 h-0.5 bg-gradient-to-r from-cyan-500 via-primary to-violet-500 opacity-70"}),(0,r.jsxs)("div",{className:"flex flex-wrap items-start justify-between gap-3",children:[(0,r.jsxs)("div",{className:"flex min-w-0 items-start gap-3",children:[(0,r.jsx)("div",{className:"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-emerald-500/10 text-emerald-500",children:(0,r.jsx)(c,{name:"memory",className:"text-[22px]"})}),(0,r.jsxs)("div",{className:"min-w-0",children:[(0,r.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,r.jsxs)("div",{className:"font-mono text-sm font-bold text-text-main",children:[e?.host||"—",":",e?.port||"—"]}),e?.weight?(0,r.jsxs)("span",{className:"inline-flex items-center gap-1 rounded-full bg-violet-500/10 px-2 py-0.5 text-[10px] font-semibold text-violet-600 dark:text-violet-300",children:[(0,r.jsx)(c,{name:"balance",className:"text-[13px]"}),"weight ",e.weight]}):null]}),(0,r.jsx)("div",{className:"mt-1 truncate text-xs text-text-muted",children:e?.label||a?.name||"Real vLLM endpoint"})]})]}),(0,r.jsx)(u,{status:o?"live":"host"===x?"partial":"unmatched"===x?"unknown":"stale",label:o?"Live vLLM":"host"===x?"Host found \xb7 port unresolved":"unmatched"===x?"Not monitored":"Offline / stale"})]}),(0,r.jsxs)("div",{className:"mt-4 rounded-xl border border-border-subtle bg-surface-2/45 p-3",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 text-xs font-semibold text-text-main",children:[(0,r.jsx)(c,{name:"dns",className:"text-[17px] text-primary"}),(0,r.jsx)("span",{className:"truncate",children:a?.name||"Chưa map Resource Monitor"})]}),(0,r.jsx)("div",{className:"mt-1 truncate font-mono text-[11px] text-text-muted",children:a?`${a.host}:${a.agentPort}`:"Kh\xf4ng t\xecm thấy server monitor khớp host"}),(0,r.jsxs)("div",{className:"mt-2 flex items-center gap-2 text-xs text-text-muted",children:[(0,r.jsx)(c,{name:"developer_board",className:"text-[16px]"}),(0,r.jsx)("span",{className:"truncate",children:p(d)})]})]}),(0,r.jsxs)("div",{className:"mt-3 grid grid-cols-2 gap-2 sm:grid-cols-4",children:[(0,r.jsx)(m,{icon:"speed",label:"Out tok/s",value:i(n?.outputTokensPerSecond)}),(0,r.jsx)(m,{icon:"play_circle",label:"Running",value:i(n?.running,0)}),(0,r.jsx)(m,{icon:"hourglass_top",label:"Waiting",value:i(n?.waiting,0)}),(0,r.jsx)(m,{icon:"database",label:"KV cache",value:i(n?.kvCacheUsagePercent),suffix:n?.kvCacheUsagePercent==null?"":"%"})]}),g.length?(0,r.jsxs)("div",{className:"mt-3 flex items-start gap-2 text-[11px] text-text-subtle",children:[(0,r.jsx)(c,{name:"neurology",className:"mt-0.5 text-[15px]"}),(0,r.jsx)("span",{className:"min-w-0 break-all",children:g.join(", ")})]}):null]})}function g(e,t,s){let r=0,a=!1,l=0,n=0,i=null,o=0;for(let d of e||[]){let e=b(d,t,s);e.online&&(o+=1);let c=Number(e.instance?.outputTokensPerSecond);Number.isFinite(c)&&(r+=c,a=!0),l+=Number(e.instance?.running||0),n+=Number(e.instance?.waiting||0);let x=Number(e.instance?.kvCacheUsagePercent);Number.isFinite(x)&&(i=null===i?x:Math.max(i,x))}return{output:a?r:null,running:l,waiting:n,maxKv:i,online:o,total:(e||[]).length}}function f({target:e,provider:t,serverMap:s,liveMap:a,onEdit:l}){if(!t)return(0,r.jsx)("div",{className:"rounded-2xl border border-amber-500/25 bg-amber-500/5 p-5",children:(0,r.jsxs)("div",{className:"flex items-start gap-3",children:[(0,r.jsx)("div",{className:"flex h-10 w-10 items-center justify-center rounded-xl bg-amber-500/10 text-amber-500",children:(0,r.jsx)(c,{name:"link_off",className:"text-[22px]"})}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-semibold text-text-main",children:e.label||e.model||"Unknown target"}),(0,r.jsx)("div",{className:"mt-1 font-mono text-xs text-text-muted",children:e.model||"—"}),(0,r.jsx)("div",{className:"mt-3 text-xs leading-5 text-amber-700 dark:text-amber-300",children:e.unresolvedReason||"Kh\xf4ng map được target sang local compatible provider."})]})]})});let n="proxy"===t.routeType,o=g(t.backends||[],s,a),d=t.gateway?.resourceServerId?s.get(t.gateway.resourceServerId):null;return(0,r.jsxs)("div",{className:"overflow-hidden rounded-3xl border border-border bg-surface shadow-[var(--shadow-soft)]",children:[(0,r.jsxs)("div",{className:"relative overflow-hidden border-b border-border bg-gradient-to-r from-primary/8 via-surface to-cyan-500/8 px-5 py-4",children:[(0,r.jsx)("div",{className:"absolute -right-12 -top-16 h-40 w-40 rounded-full bg-primary/5 blur-2xl"}),(0,r.jsxs)("div",{className:"relative flex flex-wrap items-start justify-between gap-4",children:[(0,r.jsxs)("div",{className:"flex min-w-0 items-start gap-3",children:[(0,r.jsx)("div",{className:`flex h-11 w-11 shrink-0 items-center justify-center rounded-2xl ${n?"bg-violet-500/10 text-violet-500":"bg-blue-500/10 text-blue-500"}`,children:(0,r.jsx)(c,{name:n?"account_tree":"memory",className:"text-[24px]"})}),(0,r.jsxs)("div",{className:"min-w-0",children:[(0,r.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,r.jsx)("div",{className:"text-base font-bold text-text-main",children:t.name}),(0,r.jsx)("span",{className:"rounded-full bg-primary/10 px-2.5 py-1 font-mono text-[10px] font-semibold text-primary",children:t.prefix}),(0,r.jsxs)("span",{className:`inline-flex items-center gap-1 rounded-full px-2.5 py-1 text-[10px] font-semibold ${n?"bg-violet-500/10 text-violet-600 dark:text-violet-300":"bg-blue-500/10 text-blue-600 dark:text-blue-300"}`,children:[(0,r.jsx)(c,{name:n?"hub":"developer_board",className:"text-[13px]"}),n?"Proxy / Load Balancer":"Direct vLLM"]})]}),(0,r.jsx)("div",{className:"mt-1.5 truncate font-mono text-xs text-text-muted",title:t.baseUrl,children:t.baseUrl||"—"}),(0,r.jsxs)("div",{className:"mt-2 flex flex-wrap items-center gap-2 text-[11px] text-text-subtle",children:[(0,r.jsxs)("span",{className:"inline-flex items-center gap-1",children:[(0,r.jsx)(c,{name:"model_training",className:"text-[14px]"}),e.model||"—"]}),t.topologyConfigured?(0,r.jsxs)("span",{className:"inline-flex items-center gap-1 text-emerald-600 dark:text-emerald-400",children:[(0,r.jsx)(c,{name:"verified",className:"text-[14px]"})," custom topology"]}):null]})]})]}),(0,r.jsxs)("button",{type:"button",onClick:()=>l(t),className:"inline-flex items-center gap-2 rounded-xl border border-border bg-background/80 px-3.5 py-2 text-xs font-semibold text-text-muted shadow-sm transition hover:border-primary/30 hover:bg-primary/5 hover:text-primary",children:[(0,r.jsx)(c,{name:"tune",className:"text-[17px]"}),"Edit topology"]})]})]}),(0,r.jsx)("div",{className:"p-5",children:n?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsxs)("div",{className:"grid gap-3 lg:grid-cols-[minmax(0,1.2fr)_minmax(0,1fr)]",children:[(0,r.jsxs)("div",{className:"rounded-2xl border border-violet-500/20 bg-violet-500/5 p-4",children:[(0,r.jsxs)("div",{className:"flex items-start gap-3",children:[(0,r.jsx)("div",{className:"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-violet-500/10 text-violet-500",children:(0,r.jsx)(c,{name:"lan",className:"text-[22px]"})}),(0,r.jsxs)("div",{className:"min-w-0",children:[(0,r.jsx)("div",{className:"text-[10px] font-semibold uppercase tracking-[0.14em] text-violet-500",children:"Ingress / routing hop"}),(0,r.jsxs)("div",{className:"mt-1 truncate font-mono text-sm font-bold text-text-main",children:[t.gateway?.host||t.endpoint?.host||"—",":",t.gateway?.port||t.endpoint?.port||"—"]}),(0,r.jsx)("div",{className:"mt-1 truncate text-xs text-text-muted",children:d?`${d.name} \xb7 monitored host`:"Nginx / proxy endpoint"})]})]}),(0,r.jsx)("div",{className:"mt-3 rounded-xl bg-background/70 px-3 py-2.5 text-[11px] leading-5 text-text-muted",children:"GPU/vLLM metrics của gateway n\xe0y kh\xf4ng được t\xednh l\xe0 compute. Telemetry b\xean dưới lấy từ c\xe1c real endpoint đ\xe3 khai b\xe1o."})]}),(0,r.jsxs)("div",{className:"grid grid-cols-2 gap-2 sm:grid-cols-4 lg:grid-cols-2",children:[(0,r.jsx)(m,{icon:"speed",label:"Pool out",value:i(o.output),suffix:null==o.output?"":" tok/s"}),(0,r.jsx)(m,{icon:"memory",label:"Backends live",value:`${o.online}/${o.total}`}),(0,r.jsx)(m,{icon:"play_circle",label:"Running",value:i(o.running,0)}),(0,r.jsx)(m,{icon:"hourglass_top",label:"Waiting",value:i(o.waiting,0)})]})]}),(0,r.jsxs)("div",{className:"my-4 flex items-center gap-3",children:[(0,r.jsx)("div",{className:"h-px flex-1 bg-border"}),(0,r.jsxs)("div",{className:"inline-flex items-center gap-2 rounded-full bg-surface-2 px-3 py-1.5 text-[10px] font-semibold uppercase tracking-[0.12em] text-text-muted",children:[(0,r.jsx)(c,{name:"call_split",className:"text-[15px] text-primary"}),"Real vLLM backend pool"]}),(0,r.jsx)("div",{className:"h-px flex-1 bg-border"})]}),t.backends?.length?(0,r.jsx)("div",{className:"grid gap-3 xl:grid-cols-3",children:t.backends.map(e=>(0,r.jsx)(h,{backend:e,serverMap:s,liveMap:a},e.id))}):(0,r.jsx)("div",{className:"rounded-2xl border border-dashed border-amber-500/30 bg-amber-500/5 p-6 text-center text-sm text-amber-700 dark:text-amber-300",children:"Proxy chưa c\xf3 real vLLM endpoint. Bấm Edit topology để khai b\xe1o backend pool."})]}):t.backends?.[0]?(0,r.jsxs)("div",{className:"grid gap-4 lg:grid-cols-[220px_48px_minmax(0,1fr)] lg:items-center",children:[(0,r.jsxs)("div",{className:"rounded-2xl border border-blue-500/20 bg-blue-500/5 p-4",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 text-xs font-semibold text-blue-600 dark:text-blue-300",children:[(0,r.jsx)(c,{name:"route",className:"text-[18px]"}),"Provider Base URL"]}),(0,r.jsx)("div",{className:"mt-2 break-all font-mono text-xs text-text-main",children:t.baseUrl}),(0,r.jsx)("div",{className:"mt-2 text-[11px] leading-5 text-text-muted",children:"Direct mode: Base URL được coi l\xe0 ch\xednh vLLM compute endpoint."})]}),(0,r.jsx)("div",{className:"hidden items-center lg:flex",children:(0,r.jsxs)("div",{className:"relative h-px w-full bg-gradient-to-r from-blue-400/30 to-primary",children:[(0,r.jsx)("span",{className:"absolute -right-1 -top-[9px] material-symbols-outlined text-[18px] text-primary",children:"arrow_forward"}),(0,r.jsx)("span",{className:"absolute left-1/2 top-1/2 h-2 w-2 -translate-x-1/2 -translate-y-1/2 animate-pulse rounded-full bg-primary"})]})}),(0,r.jsx)(h,{backend:t.backends[0],serverMap:s,liveMap:a})]}):(0,r.jsx)("div",{className:"rounded-2xl border border-dashed border-border p-6 text-center text-sm text-text-muted",children:"Base URL kh\xf4ng parse được th\xe0nh vLLM endpoint."})})]})}function v(){return(0,r.jsx)("div",{className:"hidden items-center justify-center lg:flex",children:(0,r.jsxs)("div",{className:"relative h-px w-full bg-gradient-to-r from-primary/20 via-primary/70 to-primary",children:[(0,r.jsx)("span",{className:"absolute left-1/3 top-1/2 h-2 w-2 -translate-y-1/2 animate-pulse rounded-full bg-primary shadow-[0_0_0_5px_rgba(59,130,246,.08)]"}),(0,r.jsx)(c,{name:"arrow_forward",className:"absolute -right-1 -top-[9px] text-[18px] text-primary"})]})})}function j({combo:e,providerMap:t,serverMap:s,liveMap:a,onEdit:l}){let i;return(0,r.jsxs)("section",{className:"grid gap-3 rounded-[28px] border border-border bg-surface-2/25 p-3 shadow-[var(--shadow-soft)] lg:grid-cols-[220px_64px_minmax(0,1fr)] lg:items-stretch",children:[(0,r.jsxs)("div",{className:"relative overflow-hidden rounded-3xl border border-primary/20 bg-gradient-to-br from-primary/10 via-background to-cyan-500/5 p-5",children:[(0,r.jsx)("div",{className:"absolute -bottom-10 -right-8 h-28 w-28 rounded-full bg-primary/8 blur-2xl"}),(0,r.jsxs)("div",{className:"relative flex h-full min-h-[150px] flex-col justify-between",children:[(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{className:"flex items-center justify-between gap-3",children:[(0,r.jsx)("div",{className:"flex h-11 w-11 items-center justify-center rounded-2xl bg-primary/10 text-primary",children:(0,r.jsx)(c,{name:"translator"===(i=d(e.name).toLowerCase())?"translate":"coder-fast"===i?"bolt":"coder-high"===i?"rocket_launch":"code_blocks",className:"text-[24px]"})}),n.has(d(e.name).toLowerCase())?(0,r.jsxs)("span",{className:"inline-flex items-center gap-1 rounded-full bg-primary/10 px-2.5 py-1 text-[10px] font-semibold text-primary",children:[(0,r.jsx)(c,{name:"star",className:"text-[13px]"})," main"]}):null]}),(0,r.jsx)("div",{className:"mt-4 text-[10px] font-semibold uppercase tracking-[0.16em] text-primary",children:"Model alias / Combo"}),(0,r.jsxs)("div",{className:"mt-1 text-2xl font-black tracking-tight text-text-main",children:[":",e.name]}),(0,r.jsxs)("div",{className:"mt-2 text-xs text-text-muted",children:[e.targets.length," configured upstream target",1===e.targets.length?"":"s"]})]}),(0,r.jsxs)("div",{className:"mt-5 flex items-center gap-2 text-[11px] text-text-subtle",children:[(0,r.jsx)(c,{name:"route",className:"text-[15px]"}),"Configured routing path"]})]})]}),(0,r.jsx)(v,{}),(0,r.jsx)("div",{className:"space-y-3",children:e.targets.length?e.targets.map(e=>{let n=e.providerId?t.get(e.providerId):null;return(0,r.jsx)(f,{target:e,provider:n,serverMap:s,liveMap:a,onEdit:l},e.id)}):(0,r.jsx)("div",{className:"rounded-3xl border border-dashed border-border bg-surface p-8 text-center text-sm text-text-muted",children:"Combo chưa c\xf3 upstream model."})})]})}function y(e={}){return{id:`endpoint-${Date.now()}-${Math.random().toString(36).slice(2,8)}`,host:d(e.host),port:e.port?String(e.port):"",weight:void 0===e.weight||null===e.weight?"":String(e.weight),label:d(e.label)}}function N({provider:e,topology:t,open:s,onClose:n,onSaved:i}){let[o,x]=(0,a.useState)("direct"),[m,u]=(0,a.useState)([]),[b,h]=(0,a.useState)(!1),[g,f]=(0,a.useState)(!1),[v,j]=(0,a.useState)(!1),[w,k]=(0,a.useState)(""),[C,L]=(0,a.useState)(""),M=(0,a.useMemo)(()=>{let e=[];for(let s of t?.servers||[]){let t=p(s.gpus||[]);for(let r of s.vllmInstances||[])r.port&&e.push({key:`${s.id}::${r.key||r.port}`,host:s.host,port:Number(r.port),label:s.name||s.host,description:`${s.host}:${r.port} \xb7 ${t}${r.models?.length?` \xb7 ${r.models.join(", ")}`:""}`})}return e},[t]);(0,a.useEffect)(()=>{s&&e&&(x("proxy"===e.routeType?"proxy":"direct"),u(("proxy"===e.routeType&&e.backends||[]).map(y)),k(""),L(""))},[s,e]);let $=(e,t)=>{u(s=>s.map(s=>s.id===e?{...s,...t}:s))},_=()=>{let e=new Set(m.map(e=>`${d(e.host).toLowerCase()}:${Number(e.port||0)}`)),t=M.find(t=>!e.has(`${t.host.toLowerCase()}:${t.port}`));u(e=>[...e,y(t?{host:t.host,port:t.port,label:t.label}:{})])},S=async()=>{if(!e?.id||b)return;k("");let t=m.map(e=>({host:d(e.host),port:Number(e.port),weight:d(e.weight)?Number(e.weight):null,label:d(e.label)}));if("proxy"===o){if(!t.length)return void k("Proxy / Load Balancer cần \xedt nhất một real vLLM endpoint.");if(t.some(e=>!e.host||!Number.isInteger(e.port)||e.port<1||e.port>65535))return void k("Vui l\xf2ng nhập host v\xe0 port hợp lệ cho mọi vLLM endpoint.")}h(!0);try{let s=await fetch("/api/dashboard/routing-topology/config",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({providerId:e.id,routeType:o,realEndpoints:"proxy"===o?t:[]})}),r=await s.json().catch(()=>({}));if(!s.ok)throw Error(r.error||"Kh\xf4ng lưu được topology config");await i?.(),n?.()}catch(e){k(e?.message||"Kh\xf4ng lưu được topology config")}finally{h(!1)}},P=async()=>{if(e?.id&&!g&&!b){f(!0),k(""),L("");try{let t=await fetch(`/api/dashboard/routing-topology/config?providerId=${encodeURIComponent(e.id)}`,{method:"DELETE"}),s=await t.json().catch(()=>({}));if(!t.ok)throw Error(s.error||"Kh\xf4ng x\xf3a được topology config");let r=await i?.();if(null===r)throw Error("Đ\xe3 x\xf3a cấu h\xecnh nhưng kh\xf4ng dựng lại được sơ đồ - xem lỗi ở đầu trang.");L(s.deleted?"Đ\xe3 x\xf3a cấu h\xecnh topology. Sơ đồ b\xean dưới l\xe0 kết quả tự nhận diện mới nhất.":"Provider n\xe0y kh\xf4ng c\xf3 cấu h\xecnh n\xe0o để x\xf3a. Đ\xe3 nhận diện lại từ đầu.")}catch(e){k(e?.message||"Kh\xf4ng x\xf3a được topology config")}finally{f(!1)}}},R=async()=>{if(!v&&!b&&!g){j(!0),k(""),L("");try{let e=await i?.();if(null===e)throw Error("Kh\xf4ng dựng lại được sơ đồ - xem lỗi ở đầu trang.");L("Đ\xe3 nhận diện lại topology.")}catch(e){k(e?.message||"Kh\xf4ng nhận diện lại được topology")}finally{j(!1)}}};return e?(0,r.jsx)(l.default,{isOpen:s,onClose:n,title:`Routing topology \xb7 ${e.name}`,size:"xl",busy:b||g||v,footer:(0,r.jsxs)("div",{className:"flex w-full flex-wrap items-center justify-between gap-2",children:[(0,r.jsxs)("div",{className:"flex flex-wrap gap-2",children:[(0,r.jsxs)("button",{type:"button",onClick:P,disabled:b||g||v,title:e.topologyConfigured?"X\xf3a cấu h\xecnh đ\xe3 lưu của provider n\xe0y v\xe0 nhận diện lại":"Provider n\xe0y chưa c\xf3 cấu h\xecnh lưu — bấm vẫn được, sơ đồ sẽ được nhận diện lại từ đầu",className:"inline-flex items-center gap-2 rounded-xl border border-red-500/30 px-3 py-2 text-sm font-semibold text-red-600 transition hover:bg-red-500/10 disabled:opacity-40 dark:text-red-400",children:[(0,r.jsx)(c,{name:"delete",className:`text-[18px] ${g?"animate-spin":""}`}),"X\xf3a topology"]}),(0,r.jsxs)("button",{type:"button",onClick:R,disabled:b||g||v,title:"Bỏ cache v\xe0 dựng lại sơ đồ từ Resource Monitor, kh\xf4ng đụng cấu h\xecnh đ\xe3 lưu",className:"inline-flex items-center gap-2 rounded-xl border border-border px-3 py-2 text-sm font-semibold text-text-muted transition hover:border-primary/30 hover:text-primary disabled:opacity-50",children:[(0,r.jsx)(c,{name:"restart_alt",className:`text-[18px] ${v?"animate-spin":""}`}),"Nhận diện lại"]})]}),(0,r.jsxs)("div",{className:"flex gap-2",children:[(0,r.jsx)("button",{type:"button",onClick:n,disabled:b||g||v,className:"rounded-xl border border-border bg-surface px-4 py-2 text-sm font-semibold text-text-muted transition hover:text-text-main disabled:opacity-50",children:"Hủy"}),(0,r.jsxs)("button",{type:"button",onClick:S,disabled:b||g||v,className:"inline-flex items-center gap-2 rounded-xl bg-primary px-4 py-2 text-sm font-semibold text-white shadow-sm transition hover:brightness-105 disabled:opacity-50",children:[(0,r.jsx)(c,{name:b?"progress_activity":"save",className:`text-[18px] ${b?"animate-spin":""}`}),"Lưu topology"]})]})]}),children:(0,r.jsxs)("div",{className:"space-y-5",children:[(0,r.jsx)("div",{className:"rounded-2xl border border-border bg-surface-2/50 p-4",children:(0,r.jsxs)("div",{className:"flex items-start gap-3",children:[(0,r.jsx)("div",{className:"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-primary/10 text-primary",children:(0,r.jsx)(c,{name:"link",className:"text-[21px]"})}),(0,r.jsxs)("div",{className:"min-w-0",children:[(0,r.jsx)("div",{className:"text-sm font-semibold text-text-main",children:"Provider Base URL"}),(0,r.jsx)("div",{className:"mt-1 break-all font-mono text-xs text-text-muted",children:e.baseUrl}),(0,r.jsx)("div",{className:"mt-2 text-xs leading-5 text-text-subtle",children:"Cấu h\xecnh tại đ\xe2y chỉ phục vụ sơ đồ v\xe0 telemetry. Kh\xf4ng sửa Provider, Combo, Nginx hay routing production."})]})]})}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"mb-2 text-xs font-semibold uppercase tracking-[0.13em] text-text-subtle",children:"Base URL thực chất l\xe0"}),(0,r.jsxs)("div",{className:"grid gap-3 sm:grid-cols-2",children:[(0,r.jsx)("button",{type:"button",onClick:()=>x("direct"),className:`rounded-2xl border p-4 text-left transition ${"direct"===o?"border-blue-500/50 bg-blue-500/8 ring-2 ring-blue-500/10":"border-border bg-surface hover:border-blue-500/25"}`,children:(0,r.jsxs)("div",{className:"flex items-start gap-3",children:[(0,r.jsx)("div",{className:"flex h-10 w-10 items-center justify-center rounded-xl bg-blue-500/10 text-blue-500",children:(0,r.jsx)(c,{name:"memory",className:"text-[22px]"})}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-semibold text-text-main",children:"Direct vLLM"}),(0,r.jsx)("div",{className:"mt-1 text-xs leading-5 text-text-muted",children:"Base URL ch\xednh l\xe0 vLLM endpoint. Hardware v\xe0 realtime metric lấy trực tiếp từ host/port n\xe0y."})]})]})}),(0,r.jsx)("button",{type:"button",onClick:()=>x("proxy"),className:`rounded-2xl border p-4 text-left transition ${"proxy"===o?"border-violet-500/50 bg-violet-500/8 ring-2 ring-violet-500/10":"border-border bg-surface hover:border-violet-500/25"}`,children:(0,r.jsxs)("div",{className:"flex items-start gap-3",children:[(0,r.jsx)("div",{className:"flex h-10 w-10 items-center justify-center rounded-xl bg-violet-500/10 text-violet-500",children:(0,r.jsx)(c,{name:"account_tree",className:"text-[22px]"})}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-semibold text-text-main",children:"Proxy / Load Balancer"}),(0,r.jsx)("div",{className:"mt-1 text-xs leading-5 text-text-muted",children:"Base URL l\xe0 Nginx/HAProxy/LB. Khai b\xe1o c\xe1c real vLLM endpoint ph\xeda sau để topology v\xe0 metric đ\xfang compute node."})]})]})})]})]}),"proxy"===o?(0,r.jsxs)("div",{className:"space-y-3",children:[(0,r.jsxs)("div",{className:"flex flex-wrap items-center justify-between gap-3",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-sm font-semibold text-text-main",children:"Real vLLM endpoints"}),(0,r.jsx)("div",{className:"mt-1 text-xs text-text-muted",children:"C\xf3 thể chọn instance Resource Monitor đ\xe3 discover hoặc nhập IP:port thủ c\xf4ng. Weight chỉ l\xe0 metadata m\xf4 tả LB, kh\xf4ng phải % traffic cố định."})]}),(0,r.jsxs)("button",{type:"button",onClick:_,className:"inline-flex items-center gap-2 rounded-xl border border-primary/25 bg-primary/5 px-3.5 py-2 text-xs font-semibold text-primary transition hover:bg-primary/10",children:[(0,r.jsx)(c,{name:"add_circle",className:"text-[17px]"}),"Th\xeam endpoint"]})]}),m.length?(0,r.jsx)("div",{className:"space-y-3",children:m.map((e,t)=>{let s;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 justify-between gap-3",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 text-sm font-semibold text-text-main",children:[(0,r.jsx)("span",{className:"flex h-7 w-7 items-center justify-center rounded-lg bg-emerald-500/10 text-xs font-bold text-emerald-600 dark:text-emerald-400",children:t+1}),"vLLM backend"]}),(0,r.jsx)("button",{type:"button",onClick:()=>u(t=>t.filter(t=>t.id!==e.id)),className:"flex h-8 w-8 items-center justify-center rounded-lg text-text-subtle transition hover:bg-red-500/10 hover:text-red-500",title:"X\xf3a endpoint",children:(0,r.jsx)(c,{name:"delete",className:"text-[18px]"})})]}),(0,r.jsxs)("div",{className:"mt-3 grid gap-3 lg:grid-cols-2",children:[(0,r.jsxs)("label",{className:"block",children:[(0,r.jsx)("span",{className:"mb-1.5 block text-[11px] font-semibold text-text-muted",children:"Chọn từ Resource Monitor"}),(0,r.jsxs)("select",{value:(s=M.find(t=>d(t.host).toLowerCase()===d(e.host).toLowerCase()&&Number(t.port)===Number(e.port)),s?.key||""),onChange:t=>((e,t)=>{if(!t)return;let s=M.find(e=>e.key===t);s&&$(e,{host:s.host,port:String(s.port),label:s.label})})(e.id,t.target.value),className:"w-full rounded-xl border border-border bg-background px-3 py-2.5 text-sm text-text-main outline-none transition focus:border-primary",children:[(0,r.jsx)("option",{value:"",children:"Manual / giữ gi\xe1 trị b\xean dưới"}),M.map(e=>(0,r.jsxs)("option",{value:e.key,children:[e.label," \xb7 ",e.description]},e.key))]})]}),(0,r.jsxs)("label",{className:"block",children:[(0,r.jsx)("span",{className:"mb-1.5 block text-[11px] font-semibold text-text-muted",children:"Nh\xe3n hiển thị"}),(0,r.jsx)("input",{value:e.label,onChange:t=>$(e.id,{label:t.target.value}),placeholder:"2\xd7 RTX 5090 TP2",className:"w-full rounded-xl border border-border bg-background px-3 py-2.5 text-sm text-text-main outline-none transition placeholder:text-text-subtle focus:border-primary"})]})]}),(0,r.jsxs)("div",{className:"mt-3 grid gap-3 sm:grid-cols-[minmax(0,1fr)_140px_140px]",children:[(0,r.jsxs)("label",{className:"block",children:[(0,r.jsx)("span",{className:"mb-1.5 block text-[11px] font-semibold text-text-muted",children:"Host / IP"}),(0,r.jsx)("input",{value:e.host,onChange:t=>$(e.id,{host:t.target.value}),placeholder:"172.16.0.71",className:"w-full rounded-xl border border-border bg-background px-3 py-2.5 font-mono text-sm text-text-main outline-none transition placeholder:text-text-subtle focus:border-primary"})]}),(0,r.jsxs)("label",{className:"block",children:[(0,r.jsx)("span",{className:"mb-1.5 block text-[11px] font-semibold text-text-muted",children:"Port"}),(0,r.jsx)("input",{type:"number",min:"1",max:"65535",value:e.port,onChange:t=>$(e.id,{port:t.target.value}),placeholder:"8000",className:"w-full rounded-xl border border-border bg-background px-3 py-2.5 font-mono text-sm text-text-main outline-none transition placeholder:text-text-subtle focus:border-primary"})]}),(0,r.jsxs)("label",{className:"block",children:[(0,r.jsx)("span",{className:"mb-1.5 block text-[11px] font-semibold text-text-muted",children:"Weight"}),(0,r.jsx)("input",{type:"number",min:"0",value:e.weight,onChange:t=>$(e.id,{weight:t.target.value}),placeholder:"50",className:"w-full rounded-xl border border-border bg-background px-3 py-2.5 font-mono text-sm text-text-main outline-none transition placeholder:text-text-subtle focus:border-primary"})]})]})]},e.id)})}):(0,r.jsxs)("button",{type:"button",onClick:_,className:"flex w-full flex-col items-center justify-center rounded-2xl border border-dashed border-border bg-surface-2/30 px-6 py-10 text-center transition hover:border-primary/30 hover:bg-primary/5",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)(c,{name:"add_link",className:"text-[25px]"})}),(0,r.jsx)("div",{className:"mt-3 text-sm font-semibold text-text-main",children:"Th\xeam real vLLM endpoint đầu ti\xean"}),(0,r.jsx)("div",{className:"mt-1 text-xs text-text-muted",children:"Chọn từ Resource Monitor hoặc nhập IP:port thủ c\xf4ng."})]})]}):(0,r.jsxs)("div",{className:"rounded-2xl border border-blue-500/20 bg-blue-500/5 px-4 py-3 text-xs leading-5 text-blue-700 dark:text-blue-300",children:["Direct mode sẽ tiếp tục map ",(0,r.jsx)("span",{className:"font-mono font-semibold",children:e.baseUrl})," trực tiếp tới Resource Monitor host/port tương ứng."]}),w?(0,r.jsxs)("div",{className:"flex items-start gap-2 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:[(0,r.jsx)(c,{name:"error",className:"mt-0.5 text-[18px]"}),(0,r.jsx)("span",{children:w})]}):null,C?(0,r.jsxs)("div",{className:"flex items-start gap-2 rounded-xl border border-emerald-500/20 bg-emerald-500/10 px-4 py-3 text-sm text-emerald-600 dark:text-emerald-300",children:[(0,r.jsx)(c,{name:"check_circle",className:"mt-0.5 text-[18px]"}),(0,r.jsx)("span",{children:C})]}):null]})}):null}function w(){let[e,t]=(0,a.useState)(null),[s,l]=(0,a.useState)(null),[n,m]=(0,a.useState)(!0),[u,p]=(0,a.useState)(!1),[b,h]=(0,a.useState)(""),[f,v]=(0,a.useState)(""),[y,w]=(0,a.useState)(!1),[k,C]=(0,a.useState)(null),L=(0,a.useCallback)(async({force:e=!1}={})=>{v(""),e&&p(!0);try{let s=await fetch(`/api/dashboard/routing-topology${e?"?refresh=1":""}`,{cache:"no-store"}),r=await s.json().catch(()=>({}));if(!s.ok)throw Error(r.error||"Kh\xf4ng tải được routing topology");return t(r),r}catch(e){return v(e?.message||"Kh\xf4ng tải được routing topology"),null}finally{m(!1),p(!1)}},[]),M=(0,a.useCallback)(async()=>{try{let e=await fetch("/api/dashboard/routing-topology/live",{cache:"no-store"}),t=await e.json().catch(()=>({}));if(!e.ok)throw Error(t.error||"Kh\xf4ng tải được realtime telemetry");l(t),h("")}catch(e){h(e?.message||"Kh\xf4ng tải được realtime telemetry")}},[]);(0,a.useEffect)(()=>{L()},[L]),(0,a.useEffect)(()=>{let e=!1,t=null,s=()=>{e||(t=setTimeout(r,4e3))},r=async()=>{e||"hidden"===document.visibilityState||await M(),s()},a=()=>{"visible"===document.visibilityState&&(clearTimeout(t),r())};return M().finally(s),document.addEventListener("visibilitychange",a),()=>{e=!0,clearTimeout(t),document.removeEventListener("visibilitychange",a)}},[M]);let $=(0,a.useMemo)(()=>new Map((e?.providers||[]).map(e=>[e.id,e])),[e]),_=(0,a.useMemo)(()=>new Map((e?.servers||[]).map(e=>[e.id,e])),[e]),S=(0,a.useMemo)(()=>new Map((s?.servers||[]).map(e=>[e.id,e])),[s]),P=(0,a.useMemo)(()=>(e?.combos||[]).filter(e=>e.isFocus),[e]),R=y||!P.length?e?.combos||[]:P,E=(0,a.useMemo)(()=>{let t=new Set,s=[];for(let r of e?.providers||[])for(let e of r.backends||[]){let r=e.vllmInstanceKey&&e.resourceServerId?`${e.resourceServerId}::${e.vllmInstanceKey}`:`${d(e.host).toLowerCase()}:${Number(e.port||0)}`;!r||t.has(r)||(t.add(r),s.push(e))}return s},[e]),T=(0,a.useMemo)(()=>g(E,_,S),[E,_,S]),I=(0,a.useCallback)(async()=>{let[e]=await Promise.all([L({force:!0}),M()]);return e},[M,L]),B=(0,a.useMemo)(()=>k?$.get(k.id)||k:null,[k,$]);return n?(0,r.jsxs)("div",{className:"flex min-h-[55vh] flex-col items-center justify-center text-sm text-text-muted",children:[(0,r.jsx)("div",{className:"flex h-14 w-14 items-center justify-center rounded-2xl bg-primary/10 text-primary",children:(0,r.jsx)(c,{name:"account_tree",className:"animate-pulse text-[30px]"})}),(0,r.jsx)("div",{className:"mt-4",children:"Đang compile routing topology..."})]}):f&&!e?(0,r.jsxs)("div",{className:"rounded-3xl border border-red-500/20 bg-red-500/10 p-6 text-red-600 dark:text-red-300",children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 font-semibold",children:[(0,r.jsx)(c,{name:"error"})," Kh\xf4ng tải được Routing Topology"]}),(0,r.jsx)("div",{className:"mt-2 text-sm",children:f}),(0,r.jsxs)("button",{type:"button",onClick:()=>L({force:!0}),className:"mt-4 inline-flex items-center gap-2 rounded-xl bg-red-500 px-4 py-2 text-sm font-semibold text-white",children:[(0,r.jsx)(c,{name:"refresh",className:"text-[18px]"})," Thử lại"]})]}):(0,r.jsxs)("div",{className:"space-y-6",children:[(0,r.jsxs)("section",{className:"relative overflow-hidden rounded-[30px] border border-border bg-gradient-to-br from-primary/8 via-surface to-cyan-500/7 p-6 shadow-[var(--shadow-soft)]",children:[(0,r.jsx)("div",{className:"absolute -right-20 -top-24 h-64 w-64 rounded-full bg-primary/8 blur-3xl"}),(0,r.jsx)("div",{className:"absolute -bottom-24 left-1/3 h-48 w-48 rounded-full bg-cyan-500/6 blur-3xl"}),(0,r.jsxs)("div",{className:"relative flex flex-wrap items-start justify-between gap-5",children:[(0,r.jsxs)("div",{className:"flex min-w-0 items-start gap-4",children:[(0,r.jsx)("div",{className:"flex h-14 w-14 shrink-0 items-center justify-center rounded-2xl bg-primary text-white shadow-lg shadow-primary/15",children:(0,r.jsx)(c,{name:"account_tree",className:"text-[31px]"})}),(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,r.jsx)("h1",{className:"text-2xl font-black tracking-tight text-text-main",children:"Routing Topology"}),(0,r.jsx)("span",{className:"rounded-full bg-red-500/10 px-2.5 py-1 text-[10px] font-bold uppercase tracking-wider text-red-600 dark:text-red-400",children:"Admin only"}),(0,r.jsxs)("span",{className:"inline-flex items-center gap-1.5 rounded-full bg-emerald-500/10 px-2.5 py-1 text-[10px] font-bold uppercase tracking-wider text-emerald-600 dark:text-emerald-400",children:[(0,r.jsx)("span",{className:"h-1.5 w-1.5 animate-pulse rounded-full bg-emerald-500"})," Live telemetry"]})]}),(0,r.jsx)("p",{className:"mt-2 max-w-3xl text-sm leading-6 text-text-muted",children:"Combos → local compatible providers → Direct vLLM hoặc Proxy/LB → real vLLM compute. Topology tĩnh được cache; realtime metric cập nhật ri\xeang v\xe0 tự dừng khi tab bị ẩn."}),(0,r.jsxs)("div",{className:"mt-3 flex flex-wrap items-center gap-x-4 gap-y-1 text-[11px] text-text-subtle",children:[(0,r.jsxs)("span",{className:"inline-flex items-center gap-1",children:[(0,r.jsx)(c,{name:"fingerprint",className:"text-[14px]"})," rev ",e?.revision||"—"]}),(0,r.jsxs)("span",{className:"inline-flex items-center gap-1",children:[(0,r.jsx)(c,{name:"schema",className:"text-[14px]"})," topology ",o(e?.generatedAt)]}),(0,r.jsxs)("span",{className:"inline-flex items-center gap-1",children:[(0,r.jsx)(c,{name:"monitor_heart",className:"text-[14px]"})," telemetry ",o(s?.generatedAt)]})]})]})]}),(0,r.jsxs)("div",{className:"flex flex-wrap gap-2",children:[(e?.combos||[]).length>P.length&&P.length?(0,r.jsxs)("button",{type:"button",onClick:()=>w(e=>!e),className:"inline-flex items-center gap-2 rounded-xl border border-border bg-background/80 px-3.5 py-2.5 text-sm font-semibold text-text-muted shadow-sm transition hover:border-primary/30 hover:text-primary",children:[(0,r.jsx)(c,{name:y?"filter_alt":"view_list",className:"text-[18px]"}),y?"Chỉ combo ch\xednh":"Hiện tất cả combo"]}):null,(0,r.jsxs)("button",{type:"button",onClick:()=>L({force:!0}),disabled:u,className:"inline-flex items-center gap-2 rounded-xl bg-primary px-4 py-2.5 text-sm font-semibold text-white shadow-sm transition hover:brightness-105 disabled:opacity-60",children:[(0,r.jsx)(c,{name:"refresh",className:`text-[18px] ${u?"animate-spin":""}`}),"Rebuild topology"]})]})]})]}),f?(0,r.jsxs)("div",{className:"flex items-start gap-2 rounded-xl border border-amber-500/20 bg-amber-500/10 px-4 py-3 text-sm text-amber-700 dark:text-amber-300",children:[(0,r.jsx)(c,{name:"warning",className:"mt-0.5 text-[18px]"})," ",f]}):null,b?(0,r.jsxs)("div",{className:"flex items-start gap-2 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:[(0,r.jsx)(c,{name:"wifi_off",className:"mt-0.5 text-[18px]"})," Realtime: ",b]}):null,e?.standby||s?.standby?(0,r.jsxs)("div",{className:"flex items-start gap-2 rounded-xl border border-blue-500/20 bg-blue-500/10 px-4 py-3 text-sm text-blue-700 dark:text-blue-300",children:[(0,r.jsx)(c,{name:"pause_circle",className:"mt-0.5 text-[18px]"})," Standby node: topology chỉ đọc snapshot đ\xe3 c\xf3 v\xe0 kh\xf4ng cho sửa override."]}):null,(0,r.jsxs)("div",{className:"grid gap-3 sm:grid-cols-2 xl:grid-cols-5",children:[(0,r.jsx)(x,{icon:"layers",label:"Combos",value:e?.summary?.comboCount??0,detail:`${e?.summary?.focusComboCount??0} main combos`,tone:"blue"}),(0,r.jsx)(x,{icon:"hub",label:"Proxy / LB",value:e?.summary?.proxyProviderCount??0,detail:`${e?.summary?.localProviderCount??0} local providers`,tone:"violet"}),(0,r.jsx)(x,{icon:"memory",label:"vLLM backends",value:`${T.online}/${T.total}`,detail:"live / configured",tone:"emerald"}),(0,r.jsx)(x,{icon:"hourglass_top",label:"Running / Waiting",value:`${i(T.running,0)} / ${i(T.waiting,0)}`,detail:"unique compute endpoints",tone:"amber"}),(0,r.jsx)(x,{icon:"speed",label:"Aggregate out",value:`${i(T.output)}${null==T.output?"":" tok/s"}`,detail:"wall-clock vLLM throughput",tone:"cyan"})]}),(0,r.jsxs)("div",{className:"grid gap-3 lg:grid-cols-2",children:[(0,r.jsx)("div",{className:"rounded-2xl border border-border bg-surface px-4 py-3 text-xs leading-5 text-text-muted shadow-[var(--shadow-soft)]",children:(0,r.jsxs)("div",{className:"flex items-start gap-2",children:[(0,r.jsx)(c,{name:"route",className:"mt-0.5 text-[18px] text-primary"}),(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{className:"font-semibold text-text-main",children:"Configured routing:"})," đường nối m\xf4 tả cấu h\xecnh Combo/Provider. Đ\xe2y kh\xf4ng phải per-request trace, n\xean trang kh\xf4ng giả request cụ thể đ\xe3 đi qua edge n\xe0o."]})]})}),(0,r.jsx)("div",{className:"rounded-2xl border border-border bg-surface px-4 py-3 text-xs leading-5 text-text-muted shadow-[var(--shadow-soft)]",children:(0,r.jsxs)("div",{className:"flex items-start gap-2",children:[(0,r.jsx)(c,{name:"edit_square",className:"mt-0.5 text-[18px] text-violet-500"}),(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{className:"font-semibold text-text-main",children:"Topology override:"})," bấm ",(0,r.jsx)("span",{className:"font-semibold",children:"Edit topology"})," ngay tr\xean provider để khai b\xe1o Direct vLLM hoặc Proxy/LB v\xe0 real endpoints. Kh\xf4ng thay đổi `/dashboard/providers`."]})]})})]}),e?.summary?.unresolvedTargets||e?.summary?.unresolvedBackends?(0,r.jsxs)("div",{className:"flex items-start gap-3 rounded-2xl border border-amber-500/20 bg-amber-500/10 px-4 py-3 text-sm text-amber-700 dark:text-amber-300",children:[(0,r.jsx)(c,{name:"warning",className:"mt-0.5 text-[20px]"}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-semibold",children:"Topology cần admin kiểm tra"}),(0,r.jsxs)("div",{className:"mt-1 text-xs leading-5",children:[e?.summary?.unresolvedTargets||0," combo target chưa resolve provider \xb7 ",e?.summary?.unresolvedBackends||0," compute endpoint chưa map ch\xednh x\xe1c tới vLLM instance trong Resource Monitor."]})]})]}):null,(0,r.jsx)("div",{className:"space-y-4",children:R.length?R.map(e=>(0,r.jsx)(j,{combo:e,providerMap:$,serverMap:_,liveMap:S,onEdit:C},e.id||e.name)):(0,r.jsx)("div",{className:"rounded-3xl border border-dashed border-border bg-surface p-10 text-center text-sm text-text-muted",children:"Kh\xf4ng c\xf3 combo n\xe0o để hiển thị."})}),(0,r.jsx)(N,{provider:B,topology:e,open:!!k,onClose:()=>C(null),onSaved:I})]})}},81127:(e,t,s)=>{"use strict";s.d(t,{ConfirmModal:()=>p,default:()=>u});var r=s(95155),a=s(12115),l=s(31474),n=s(92542),i=s(97677),o=s(46442);let d=[],c="";function x(){1===d.length?(c=document.body.style.overflow,document.body.style.overflow="hidden"):0===d.length&&(document.body.style.overflow=c)}function m(e,t){return!!e&&Object.prototype.hasOwnProperty.call(e,t)}function u({isOpen:e,onClose:t,title:s,children:n,footer:c,size:p="md",closeOnOverlay:b=!0,showTrafficLights:h=!0,busy:g=!1,className:f}){let v=(0,a.useRef)({onClose:t,busy:g}),j=(0,o.t)(),y=j?.({title:s,children:n,footer:c,size:p,className:f})||null,N=m(y,"children")?y.children:n,w=m(y,"footer")?y.footer:c,k=y?.size||p,C=(0,l.cn)(f,y?.className);v.current.onClose=t,v.current.busy=g;let L={sm:"max-w-sm",md:"max-w-md",lg:"max-w-lg",xl:"max-w-xl",full:"max-w-4xl"};return((0,a.useEffect)(()=>{if(!e)return;let t=v.current;d.push(t),x();let s=e=>{if("Escape"!==e.key)return;let s=d[d.length-1];s!==t||s.busy||(e.preventDefault(),s.onClose())};return document.addEventListener("keydown",s),()=>{document.removeEventListener("keydown",s);let e=d.indexOf(t);-1!==e&&d.splice(e,1),x()}},[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:b&&!g?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",L[k]||L.md,C),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)(i.default,{text:"Close",position:"top",color:"#FF5F56",children:(0,r.jsx)("button",{onClick:t,disabled:g,"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:g,"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}),w&&(0,r.jsx)("div",{className:"flex items-center justify-end gap-3 p-6 border-t border-border-subtle",children:w})]})]}):null}function p({isOpen:e,onClose:t,onConfirm:s,title:a="Confirm",message:l,confirmText:i="Confirm",cancelText:o="Cancel",variant:d="danger",loading:c=!1}){return(0,r.jsx)(u,{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:o}),(0,r.jsx)(n.default,{variant:d,onClick:s,loading:c,children:i})]}),children:(0,r.jsx)("p",{className:"text-text-muted",children:l})})}},92542:(e,t,s)=>{"use strict";s.d(t,{default:()=>i});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 i({children:e,variant:t="primary",size:s="md",icon:o,iconRight:d,disabled:c=!1,loading:x=!1,fullWidth:m=!1,className:u,...p}){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,...p,children:[x?(0,r.jsx)("span",{className:"material-symbols-outlined animate-spin text-[18px]",children:"progress_activity"}):o?(0,r.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:o}):null,e,d&&!x&&(0,r.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:d})]})}},92788:(e,t,s)=>{Promise.resolve().then(s.bind(s,72762))},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,[8441,3794,7358],()=>e(e.s=92788)),_N_E=e.O()}]);

package/app/.next-cli-build/static/chunks/app/_global-error/page-93683cb6650b0784.js DELETED Viewed

@@ -1 +0,0 @@

- (self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[174,204,219,312,335,342,387,451,501,516,543,552,654,675,684,747,748,754,767,874,887,907,920,931,948,992,997,1077,1088,1091,1110,1118,1173,1200,1243,1288,1320,1337,1382,1451,1512,1566,1666,1674,1697,1860,1907,1910,1946,1949,2121,2198,2222,2284,2296,2420,2525,2536,2627,2737,2752,2772,2785,2792,2797,2919,2922,3025,3038,3079,3113,3161,3195,3348,3352,3397,3472,3507,3510,3549,3562,3568,3577,3685,3883,3888,4010,4061,4078,4118,4245,4286,4422,4444,4486,4544,4612,4656,4674,4745,4761,4871,4896,4993,5018,5032,5091,5094,5107,5177,5211,5226,5338,5418,5466,5606,5637,5685,5703,5745,5922,5998,6091,6107,6121,6268,6319,6479,6529,6547,6580,6593,6594,6601,6642,6691,6740,6743,6819,6919,6988,7131,7158,7180,7241,7249,7311,7429,7445,7473,7508,7520,7545,7656,7758,7772,7824,7851,7960,7988,8026,8095,8167,8207,8246,8273,8351,8433,8453,8489,8573,8648,8736,8791,8814,8870,8948,8970,8974,8975,9027,9035,9069,9088,9141,9199,9226,9230,9321,9362,9395,9461,9547,9619,9678,9709,9951],{84441:()=>{}},_=>{_.O(0,[8441,3794,7358],()=>_(_.s=84441)),_N_E=_.O()}]);

package/app/.next-cli-build/static/chunks/app/api/audit-proxy/ca/route-93683cb6650b0784.js DELETED Viewed

@@ -1 +0,0 @@