@jheavenknows/bluerouter 5.3.48 → 5.3.49

package/app/.next-cli-build/server/app/(dashboard)/dashboard/routing-topology/page.js

@@ -1 +1 @@
-(()=>{var a={};a.id=7226,a.ids=[7226],a.modules={1932:a=>{"use strict";a.exports=require("url")},3295:a=>{"use strict";a.exports=require("next/dist/server/app-render/after-task-async-storage.external.js")},4573:a=>{"use strict";a.exports=require("node:buffer")},8128:a=>{"use strict";a.exports=require("next/dist/server/runtime-reacts.external.js")},10846:a=>{"use strict";a.exports=require("next/dist/compiled/next-server/app-page.runtime.prod.js")},19121:a=>{"use strict";a.exports=require("next/dist/server/app-render/action-async-storage.external.js")},19771:a=>{"use strict";a.exports=require("process")},21820:a=>{"use strict";a.exports=require("os")},27910:a=>{"use strict";a.exports=require("stream")},28354:a=>{"use strict";a.exports=require("util")},29294:a=>{"use strict";a.exports=require("next/dist/server/app-render/work-async-storage.external.js")},33873:a=>{"use strict";a.exports=require("path")},34631:a=>{"use strict";a.exports=require("tls")},38522:a=>{"use strict";a.exports=require("node:zlib")},38674:(a,b,c)=>{"use strict";c.r(b),c.d(b,{default:()=>d});let d=(0,c(77943).registerClientReference)(function(){throw Error("Attempted to call the default export of \"D:\\\\bluerouter\\\\src\\\\app\\\\(dashboard)\\\\dashboard\\\\routing-topology\\\\page.js\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"D:\\bluerouter\\src\\app\\(dashboard)\\dashboard\\routing-topology\\page.js","default")},41025:a=>{"use strict";a.exports=require("next/dist/server/app-render/dynamic-access-async-storage.external.js")},41204:a=>{"use strict";a.exports=require("string_decoder")},46060:a=>{"use strict";a.exports=require("next/dist/shared/lib/no-fallback-error.external.js")},46293:a=>{"use strict";a.exports=require("sql.js")},51455:a=>{"use strict";a.exports=require("node:fs/promises")},53053:a=>{"use strict";a.exports=require("node:diagnostics_channel")},55511:a=>{"use strict";a.exports=require("crypto")},55718:(a,b,c)=>{"use strict";c.r(b),c.d(b,{__next_app__:()=>w,handler:()=>y,routeModule:()=>x});var d=c(21635),e=c(86315),f=c(1020),g=c(61287),h={};for(let a in g)0>["default","__next_app__","routeModule","handler"].indexOf(a)&&(h[a]=()=>g[a]);c.d(b,h);let i=(0,d.p)(()=>Promise.resolve().then(c.bind(c,32059))),j=(0,d.p)(()=>Promise.resolve().then(c.t.bind(c,95547,23))),k=(0,d.p)(()=>Promise.resolve().then(c.t.bind(c,55091,23))),l=(0,d.p)(()=>Promise.resolve().then(c.t.bind(c,45270,23))),m=(0,d.p)(()=>Promise.resolve().then(c.t.bind(c,28193,23))),n=(0,d.p)(()=>Promise.resolve().then(c.bind(c,30508))),o=(0,d.p)(()=>Promise.resolve().then(c.t.bind(c,95547,23))),p=(0,d.p)(()=>Promise.resolve().then(c.t.bind(c,55091,23))),q=(0,d.p)(()=>Promise.resolve().then(c.t.bind(c,45270,23))),r=(0,d.p)(()=>Promise.resolve().then(c.t.bind(c,28193,23))),s=(0,d.p)(()=>Promise.resolve().then(c.t.bind(c,95547,23))),t=(0,d.p)(()=>Promise.resolve().then(c.t.bind(c,95547,23))),u={children:["",{children:["(dashboard)",{children:["dashboard",{children:["routing-topology",{children:["__PAGE__",{},{page:[(0,d.p)(()=>Promise.resolve().then(c.bind(c,38674))),"D:\\bluerouter\\src\\app\\(dashboard)\\dashboard\\routing-topology\\page.js"]}]},{"global-error":[t,"next/dist/client/components/builtin/global-error.js"]},[]]},{"global-error":[s,"next/dist/client/components/builtin/global-error.js"]},[]]},{layout:[n,"D:\\bluerouter\\src\\app\\(dashboard)\\layout.js"],"global-error":[o,"next/dist/client/components/builtin/global-error.js"],"not-found":[p,"next/dist/client/components/builtin/not-found.js"],forbidden:[q,"next/dist/client/components/builtin/forbidden.js"],unauthorized:[r,"next/dist/client/components/builtin/unauthorized.js"],metadata:{icon:[async a=>(await (0,d.p)(()=>Promise.resolve().then(c.bind(c,70440)))()).default(a)],apple:[],openGraph:[],twitter:[],manifest:"/manifest.webmanifest"}},[]]},{layout:[i,"D:\\bluerouter\\src\\app\\layout.js"],"global-error":[j,"next/dist/client/components/builtin/global-error.js"],"not-found":[k,"next/dist/client/components/builtin/not-found.js"],forbidden:[l,"next/dist/client/components/builtin/forbidden.js"],unauthorized:[m,"next/dist/client/components/builtin/unauthorized.js"],metadata:{icon:[async a=>(await (0,d.p)(()=>Promise.resolve().then(c.bind(c,70440)))()).default(a)],apple:[],openGraph:[],twitter:[],manifest:"/manifest.webmanifest"}},[]]}.children,v=(0,e.H)({tree:u,page:"/(dashboard)/dashboard/routing-topology/page",pathname:"/dashboard/routing-topology",require:c,loadChunk:()=>Promise.resolve(),interopDefault:f.T}),w=v.__next_app__,x=v.routeModule,y=v.handler},58620:(a,b,c)=>{Promise.resolve().then(c.bind(c,94876))},63033:a=>{"use strict";a.exports=require("next/dist/server/app-render/work-unit-async-storage.external.js")},64939:a=>{"use strict";a.exports=import("pg")},65244:(a,b,c)=>{Promise.resolve().then(c.bind(c,38674))},66136:a=>{"use strict";a.exports=require("timers")},73024:a=>{"use strict";a.exports=require("node:fs")},74075:a=>{"use strict";a.exports=require("zlib")},76760:a=>{"use strict";a.exports=require("node:path")},77598:a=>{"use strict";a.exports=require("node:crypto")},79428:a=>{"use strict";a.exports=require("buffer")},79748:a=>{"use strict";a.exports=require("fs/promises")},80099:a=>{"use strict";a.exports=require("node:sqlite")},81787:a=>{"use strict";a.exports=require("bun:sqlite")},87550:a=>{"use strict";a.exports=require("better-sqlite3")},91645:a=>{"use strict";a.exports=require("net")},94735:a=>{"use strict";a.exports=require("events")},94876:(a,b,c)=>{"use strict";c.r(b),c.d(b,{default:()=>w});var d=c(48249),e=c(67484),f=c(95145);let g=new Set(["coder","coder-fast","coder-high","translator"]);function h(a,b=1){let c=Number(a);return Number.isFinite(c)?c.toLocaleString("vi-VN",{minimumFractionDigits:b,maximumFractionDigits:b}):"—"}function i(a){if(!a)return"—";let b=new Date(a);return Number.isFinite(b.getTime())?b.toLocaleTimeString("vi-VN",{hour12:!1}):"—"}function j(a){return String(a||"").trim()}function k({name:a,className:b=""}){return(0,d.jsx)("span",{className:`material-symbols-outlined ${b}`,children:a})}function l({icon:a,label:b,value:c,detail:e,tone:f="blue"}){let g={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,d.jsxs)("div",{className:"rounded-2xl border border-border bg-surface p-4 shadow-[var(--shadow-soft)]",children:[(0,d.jsxs)("div",{className:"flex items-center gap-3",children:[(0,d.jsx)("div",{className:`flex h-10 w-10 items-center justify-center rounded-xl ${g[f]||g.blue}`,children:(0,d.jsx)(k,{name:a,className:"text-[22px]"})}),(0,d.jsxs)("div",{className:"min-w-0",children:[(0,d.jsx)("div",{className:"text-[10px] font-semibold uppercase tracking-[0.14em] text-text-subtle",children:b}),(0,d.jsx)("div",{className:"mt-0.5 truncate text-lg font-bold text-text-main",children:c})]})]}),e?(0,d.jsx)("div",{className:"mt-2 truncate text-[11px] text-text-muted",children:e}):null]})}function m({icon:a,label:b,value:c,suffix:e=""}){return(0,d.jsxs)("div",{className:"rounded-xl border border-border-subtle bg-background/60 px-3 py-2.5",children:[(0,d.jsxs)("div",{className:"flex items-center gap-1.5 text-[10px] font-semibold uppercase tracking-[0.12em] text-text-subtle",children:[(0,d.jsx)(k,{name:a,className:"text-[14px]"}),b]}),(0,d.jsxs)("div",{className:"mt-1 text-sm font-semibold text-text-main",children:[c,e]})]})}function n({status:a="unknown",label:b}){let c={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"},e={live:"bg-emerald-500",stale:"bg-red-500",partial:"bg-amber-500",unknown:"bg-text-subtle"};return(0,d.jsxs)("span",{className:`inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-[11px] font-semibold ${c[a]||c.unknown}`,children:[(0,d.jsx)("span",{className:`h-1.5 w-1.5 rounded-full ${e[a]||e.unknown}`}),b]})}function o(a=[]){if(!a.length)return"Chưa c\xf3 GPU telemetry";let b=[...new Set(a.map(a=>j(a.name)).filter(Boolean))];return 1===b.length?`${a.length}\xd7 ${b[0]}`:`${a.length} GPU \xb7 ${b.join(" + ")}`}function p(a,b,c){let d,e=a?.resourceServerId?b.get(a.resourceServerId):null,f=a?.resourceServerId?c.get(a.resourceServerId):null,g=function(a,b){if(!b)return null;let c=b.vllm?.instances||[];if(a?.vllmInstanceKey){let b=c.find(b=>b.key===a.vllmInstanceKey);if(b)return b}if(a?.port){let b=c.filter(b=>Number(b.port||0)===Number(a.port||0));if(1===b.length)return b[0]}return null}(a,f),h=!!(d=f?.lastStatusAt?new Date(f.lastStatusAt).getTime():0)&&Date.now()-d<=3e4&&!f?.lastError&&!!g&&!1!==g.metricsAvailable;return{server:e,liveServer:f,instance:g,online:h}}function q({backend:a,serverMap:b,liveMap:c}){let{server:e,liveServer:f,instance:g,online:i}=p(a,b,c),j=f?.gpus?.length?f.gpus:e?.gpus||[],l=a?.resourceMatch,r=g?.models?.length?g.models:a?.reportedModels||[];return(0,d.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,d.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,d.jsxs)("div",{className:"flex flex-wrap items-start justify-between gap-3",children:[(0,d.jsxs)("div",{className:"flex min-w-0 items-start gap-3",children:[(0,d.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,d.jsx)(k,{name:"memory",className:"text-[22px]"})}),(0,d.jsxs)("div",{className:"min-w-0",children:[(0,d.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,d.jsxs)("div",{className:"font-mono text-sm font-bold text-text-main",children:[a?.host||"—",":",a?.port||"—"]}),a?.weight?(0,d.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,d.jsx)(k,{name:"balance",className:"text-[13px]"}),"weight ",a.weight]}):null]}),(0,d.jsx)("div",{className:"mt-1 truncate text-xs text-text-muted",children:a?.label||e?.name||"Real vLLM endpoint"})]})]}),(0,d.jsx)(n,{status:i?"live":"host"===l?"partial":"unmatched"===l?"unknown":"stale",label:i?"Live vLLM":"host"===l?"Host found \xb7 port unresolved":"unmatched"===l?"Not monitored":"Offline / stale"})]}),(0,d.jsxs)("div",{className:"mt-4 rounded-xl border border-border-subtle bg-surface-2/45 p-3",children:[(0,d.jsxs)("div",{className:"flex items-center gap-2 text-xs font-semibold text-text-main",children:[(0,d.jsx)(k,{name:"dns",className:"text-[17px] text-primary"}),(0,d.jsx)("span",{className:"truncate",children:e?.name||"Chưa map Resource Monitor"})]}),(0,d.jsx)("div",{className:"mt-1 truncate font-mono text-[11px] text-text-muted",children:e?`${e.host}:${e.agentPort}`:"Kh\xf4ng t\xecm thấy server monitor khớp host"}),(0,d.jsxs)("div",{className:"mt-2 flex items-center gap-2 text-xs text-text-muted",children:[(0,d.jsx)(k,{name:"developer_board",className:"text-[16px]"}),(0,d.jsx)("span",{className:"truncate",children:o(j)})]})]}),(0,d.jsxs)("div",{className:"mt-3 grid grid-cols-2 gap-2 sm:grid-cols-4",children:[(0,d.jsx)(m,{icon:"speed",label:"Out tok/s",value:h(g?.outputTokensPerSecond)}),(0,d.jsx)(m,{icon:"play_circle",label:"Running",value:h(g?.running,0)}),(0,d.jsx)(m,{icon:"hourglass_top",label:"Waiting",value:h(g?.waiting,0)}),(0,d.jsx)(m,{icon:"database",label:"KV cache",value:h(g?.kvCacheUsagePercent),suffix:g?.kvCacheUsagePercent==null?"":"%"})]}),r.length?(0,d.jsxs)("div",{className:"mt-3 flex items-start gap-2 text-[11px] text-text-subtle",children:[(0,d.jsx)(k,{name:"neurology",className:"mt-0.5 text-[15px]"}),(0,d.jsx)("span",{className:"min-w-0 break-all",children:r.join(", ")})]}):null]})}function r(a,b,c){let d=0,e=!1,f=0,g=0,h=null,i=0;for(let j of a||[]){let a=p(j,b,c);a.online&&(i+=1);let k=Number(a.instance?.outputTokensPerSecond);Number.isFinite(k)&&(d+=k,e=!0),f+=Number(a.instance?.running||0),g+=Number(a.instance?.waiting||0);let l=Number(a.instance?.kvCacheUsagePercent);Number.isFinite(l)&&(h=null===h?l:Math.max(h,l))}return{output:e?d:null,running:f,waiting:g,maxKv:h,online:i,total:(a||[]).length}}function s({target:a,provider:b,serverMap:c,liveMap:e,onEdit:f}){if(!b)return(0,d.jsx)("div",{className:"rounded-2xl border border-amber-500/25 bg-amber-500/5 p-5",children:(0,d.jsxs)("div",{className:"flex items-start gap-3",children:[(0,d.jsx)("div",{className:"flex h-10 w-10 items-center justify-center rounded-xl bg-amber-500/10 text-amber-500",children:(0,d.jsx)(k,{name:"link_off",className:"text-[22px]"})}),(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"font-semibold text-text-main",children:a.label||a.model||"Unknown target"}),(0,d.jsx)("div",{className:"mt-1 font-mono text-xs text-text-muted",children:a.model||"—"}),(0,d.jsx)("div",{className:"mt-3 text-xs leading-5 text-amber-700 dark:text-amber-300",children:a.unresolvedReason||"Kh\xf4ng map được target sang local compatible provider."})]})]})});let g="proxy"===b.routeType,i=r(b.backends||[],c,e),j=b.gateway?.resourceServerId?c.get(b.gateway.resourceServerId):null;return(0,d.jsxs)("div",{className:"overflow-hidden rounded-3xl border border-border bg-surface shadow-[var(--shadow-soft)]",children:[(0,d.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,d.jsx)("div",{className:"absolute -right-12 -top-16 h-40 w-40 rounded-full bg-primary/5 blur-2xl"}),(0,d.jsxs)("div",{className:"relative flex flex-wrap items-start justify-between gap-4",children:[(0,d.jsxs)("div",{className:"flex min-w-0 items-start gap-3",children:[(0,d.jsx)("div",{className:`flex h-11 w-11 shrink-0 items-center justify-center rounded-2xl ${g?"bg-violet-500/10 text-violet-500":"bg-blue-500/10 text-blue-500"}`,children:(0,d.jsx)(k,{name:g?"account_tree":"memory",className:"text-[24px]"})}),(0,d.jsxs)("div",{className:"min-w-0",children:[(0,d.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,d.jsx)("div",{className:"text-base font-bold text-text-main",children:b.name}),(0,d.jsx)("span",{className:"rounded-full bg-primary/10 px-2.5 py-1 font-mono text-[10px] font-semibold text-primary",children:b.prefix}),(0,d.jsxs)("span",{className:`inline-flex items-center gap-1 rounded-full px-2.5 py-1 text-[10px] font-semibold ${g?"bg-violet-500/10 text-violet-600 dark:text-violet-300":"bg-blue-500/10 text-blue-600 dark:text-blue-300"}`,children:[(0,d.jsx)(k,{name:g?"hub":"developer_board",className:"text-[13px]"}),g?"Proxy / Load Balancer":"Direct vLLM"]})]}),(0,d.jsx)("div",{className:"mt-1.5 truncate font-mono text-xs text-text-muted",title:b.baseUrl,children:b.baseUrl||"—"}),(0,d.jsxs)("div",{className:"mt-2 flex flex-wrap items-center gap-2 text-[11px] text-text-subtle",children:[(0,d.jsxs)("span",{className:"inline-flex items-center gap-1",children:[(0,d.jsx)(k,{name:"model_training",className:"text-[14px]"}),a.model||"—"]}),b.topologyConfigured?(0,d.jsxs)("span",{className:"inline-flex items-center gap-1 text-emerald-600 dark:text-emerald-400",children:[(0,d.jsx)(k,{name:"verified",className:"text-[14px]"})," custom topology"]}):null]})]})]}),(0,d.jsxs)("button",{type:"button",onClick:()=>f(b),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,d.jsx)(k,{name:"tune",className:"text-[17px]"}),"Edit topology"]})]})]}),(0,d.jsx)("div",{className:"p-5",children:g?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)("div",{className:"grid gap-3 lg:grid-cols-[minmax(0,1.2fr)_minmax(0,1fr)]",children:[(0,d.jsxs)("div",{className:"rounded-2xl border border-violet-500/20 bg-violet-500/5 p-4",children:[(0,d.jsxs)("div",{className:"flex items-start gap-3",children:[(0,d.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,d.jsx)(k,{name:"lan",className:"text-[22px]"})}),(0,d.jsxs)("div",{className:"min-w-0",children:[(0,d.jsx)("div",{className:"text-[10px] font-semibold uppercase tracking-[0.14em] text-violet-500",children:"Ingress / routing hop"}),(0,d.jsxs)("div",{className:"mt-1 truncate font-mono text-sm font-bold text-text-main",children:[b.gateway?.host||b.endpoint?.host||"—",":",b.gateway?.port||b.endpoint?.port||"—"]}),(0,d.jsx)("div",{className:"mt-1 truncate text-xs text-text-muted",children:j?`${j.name} \xb7 monitored host`:"Nginx / proxy endpoint"})]})]}),(0,d.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,d.jsxs)("div",{className:"grid grid-cols-2 gap-2 sm:grid-cols-4 lg:grid-cols-2",children:[(0,d.jsx)(m,{icon:"speed",label:"Pool out",value:h(i.output),suffix:null==i.output?"":" tok/s"}),(0,d.jsx)(m,{icon:"memory",label:"Backends live",value:`${i.online}/${i.total}`}),(0,d.jsx)(m,{icon:"play_circle",label:"Running",value:h(i.running,0)}),(0,d.jsx)(m,{icon:"hourglass_top",label:"Waiting",value:h(i.waiting,0)})]})]}),(0,d.jsxs)("div",{className:"my-4 flex items-center gap-3",children:[(0,d.jsx)("div",{className:"h-px flex-1 bg-border"}),(0,d.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,d.jsx)(k,{name:"call_split",className:"text-[15px] text-primary"}),"Real vLLM backend pool"]}),(0,d.jsx)("div",{className:"h-px flex-1 bg-border"})]}),b.backends?.length?(0,d.jsx)("div",{className:"grid gap-3 xl:grid-cols-3",children:b.backends.map(a=>(0,d.jsx)(q,{backend:a,serverMap:c,liveMap:e},a.id))}):(0,d.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."})]}):b.backends?.[0]?(0,d.jsxs)("div",{className:"grid gap-4 lg:grid-cols-[220px_48px_minmax(0,1fr)] lg:items-center",children:[(0,d.jsxs)("div",{className:"rounded-2xl border border-blue-500/20 bg-blue-500/5 p-4",children:[(0,d.jsxs)("div",{className:"flex items-center gap-2 text-xs font-semibold text-blue-600 dark:text-blue-300",children:[(0,d.jsx)(k,{name:"route",className:"text-[18px]"}),"Provider Base URL"]}),(0,d.jsx)("div",{className:"mt-2 break-all font-mono text-xs text-text-main",children:b.baseUrl}),(0,d.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,d.jsx)("div",{className:"hidden items-center lg:flex",children:(0,d.jsxs)("div",{className:"relative h-px w-full bg-gradient-to-r from-blue-400/30 to-primary",children:[(0,d.jsx)("span",{className:"absolute -right-1 -top-[9px] material-symbols-outlined text-[18px] text-primary",children:"arrow_forward"}),(0,d.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,d.jsx)(q,{backend:b.backends[0],serverMap:c,liveMap:e})]}):(0,d.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 t(){return(0,d.jsx)("div",{className:"hidden items-center justify-center lg:flex",children:(0,d.jsxs)("div",{className:"relative h-px w-full bg-gradient-to-r from-primary/20 via-primary/70 to-primary",children:[(0,d.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,d.jsx)(k,{name:"arrow_forward",className:"absolute -right-1 -top-[9px] text-[18px] text-primary"})]})})}function u({combo:a,providerMap:b,serverMap:c,liveMap:e,onEdit:f}){let h;return(0,d.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,d.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,d.jsx)("div",{className:"absolute -bottom-10 -right-8 h-28 w-28 rounded-full bg-primary/8 blur-2xl"}),(0,d.jsxs)("div",{className:"relative flex h-full min-h-[150px] flex-col justify-between",children:[(0,d.jsxs)("div",{children:[(0,d.jsxs)("div",{className:"flex items-center justify-between gap-3",children:[(0,d.jsx)("div",{className:"flex h-11 w-11 items-center justify-center rounded-2xl bg-primary/10 text-primary",children:(0,d.jsx)(k,{name:"translator"===(h=j(a.name).toLowerCase())?"translate":"coder-fast"===h?"bolt":"coder-high"===h?"rocket_launch":"code_blocks",className:"text-[24px]"})}),g.has(j(a.name).toLowerCase())?(0,d.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,d.jsx)(k,{name:"star",className:"text-[13px]"})," main"]}):null]}),(0,d.jsx)("div",{className:"mt-4 text-[10px] font-semibold uppercase tracking-[0.16em] text-primary",children:"Model alias / Combo"}),(0,d.jsxs)("div",{className:"mt-1 text-2xl font-black tracking-tight text-text-main",children:[":",a.name]}),(0,d.jsxs)("div",{className:"mt-2 text-xs text-text-muted",children:[a.targets.length," configured upstream target",1===a.targets.length?"":"s"]})]}),(0,d.jsxs)("div",{className:"mt-5 flex items-center gap-2 text-[11px] text-text-subtle",children:[(0,d.jsx)(k,{name:"route",className:"text-[15px]"}),"Configured routing path"]})]})]}),(0,d.jsx)(t,{}),(0,d.jsx)("div",{className:"space-y-3",children:a.targets.length?a.targets.map(a=>{let g=a.providerId?b.get(a.providerId):null;return(0,d.jsx)(s,{target:a,provider:g,serverMap:c,liveMap:e,onEdit:f},a.id)}):(0,d.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 v({provider:a,topology:b,open:c,onClose:g,onSaved:h}){let[i,l]=(0,e.useState)("direct"),[m,n]=(0,e.useState)([]),[p,q]=(0,e.useState)(!1),[r,s]=(0,e.useState)(!1),[t,u]=(0,e.useState)(""),w=(0,e.useMemo)(()=>{let a=[];for(let c of b?.servers||[]){let b=o(c.gpus||[]);for(let d of c.vllmInstances||[])d.port&&a.push({key:`${c.id}::${d.key||d.port}`,host:c.host,port:Number(d.port),label:c.name||c.host,description:`${c.host}:${d.port} \xb7 ${b}${d.models?.length?` \xb7 ${d.models.join(", ")}`:""}`})}return a},[b]),x=(a,b)=>{n(c=>c.map(c=>c.id===a?{...c,...b}:c))},y=()=>{let a=new Set(m.map(a=>`${j(a.host).toLowerCase()}:${Number(a.port||0)}`)),b=w.find(b=>!a.has(`${b.host.toLowerCase()}:${b.port}`));n(a=>[...a,function(a={}){return{id:`endpoint-${Date.now()}-${Math.random().toString(36).slice(2,8)}`,host:j(a.host),port:a.port?String(a.port):"",weight:void 0===a.weight||null===a.weight?"":String(a.weight),label:j(a.label)}}(b?{host:b.host,port:b.port,label:b.label}:{})])},z=async()=>{if(!a?.id||p)return;u("");let b=m.map(a=>({host:j(a.host),port:Number(a.port),weight:j(a.weight)?Number(a.weight):null,label:j(a.label)}));if("proxy"===i){if(!b.length)return void u("Proxy / Load Balancer cần \xedt nhất một real vLLM endpoint.");if(b.some(a=>!a.host||!Number.isInteger(a.port)||a.port<1||a.port>65535))return void u("Vui l\xf2ng nhập host v\xe0 port hợp lệ cho mọi vLLM endpoint.")}q(!0);try{let c=await fetch("/api/dashboard/routing-topology/config",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({providerId:a.id,routeType:i,realEndpoints:"proxy"===i?b:[]})}),d=await c.json().catch(()=>({}));if(!c.ok)throw Error(d.error||"Kh\xf4ng lưu được topology config");await h?.(),g?.()}catch(a){u(a?.message||"Kh\xf4ng lưu được topology config")}finally{q(!1)}},A=async()=>{if(a?.id&&!r){s(!0),u("");try{let b=await fetch(`/api/dashboard/routing-topology/config?providerId=${encodeURIComponent(a.id)}`,{method:"DELETE"}),c=await b.json().catch(()=>({}));if(!b.ok)throw Error(c.error||"Kh\xf4ng reset được topology config");await h?.(),g?.()}catch(a){u(a?.message||"Kh\xf4ng reset được topology config")}finally{s(!1)}}};return a?(0,d.jsx)(f.default,{isOpen:c,onClose:g,title:`Routing topology \xb7 ${a.name}`,size:"xl",busy:p||r,footer:(0,d.jsxs)("div",{className:"flex w-full flex-wrap items-center justify-between gap-2",children:[(0,d.jsx)("div",{children:a.topologyConfigured?(0,d.jsxs)("button",{type:"button",onClick:A,disabled:p||r,className:"inline-flex items-center gap-2 rounded-xl px-3 py-2 text-sm font-semibold text-text-muted transition hover:bg-surface-2 hover:text-text-main disabled:opacity-50",children:[(0,d.jsx)(k,{name:"restart_alt",className:`text-[18px] ${r?"animate-spin":""}`}),"X\xf3a override"]}):null}),(0,d.jsxs)("div",{className:"flex gap-2",children:[(0,d.jsx)("button",{type:"button",onClick:g,disabled:p||r,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,d.jsxs)("button",{type:"button",onClick:z,disabled:p||r,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,d.jsx)(k,{name:p?"progress_activity":"save",className:`text-[18px] ${p?"animate-spin":""}`}),"Lưu topology"]})]})]}),children:(0,d.jsxs)("div",{className:"space-y-5",children:[(0,d.jsx)("div",{className:"rounded-2xl border border-border bg-surface-2/50 p-4",children:(0,d.jsxs)("div",{className:"flex items-start gap-3",children:[(0,d.jsx)("div",{className:"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-primary/10 text-primary",children:(0,d.jsx)(k,{name:"link",className:"text-[21px]"})}),(0,d.jsxs)("div",{className:"min-w-0",children:[(0,d.jsx)("div",{className:"text-sm font-semibold text-text-main",children:"Provider Base URL"}),(0,d.jsx)("div",{className:"mt-1 break-all font-mono text-xs text-text-muted",children:a.baseUrl}),(0,d.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,d.jsxs)("div",{children:[(0,d.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,d.jsxs)("div",{className:"grid gap-3 sm:grid-cols-2",children:[(0,d.jsx)("button",{type:"button",onClick:()=>l("direct"),className:`rounded-2xl border p-4 text-left transition ${"direct"===i?"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,d.jsxs)("div",{className:"flex items-start gap-3",children:[(0,d.jsx)("div",{className:"flex h-10 w-10 items-center justify-center rounded-xl bg-blue-500/10 text-blue-500",children:(0,d.jsx)(k,{name:"memory",className:"text-[22px]"})}),(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"font-semibold text-text-main",children:"Direct vLLM"}),(0,d.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,d.jsx)("button",{type:"button",onClick:()=>l("proxy"),className:`rounded-2xl border p-4 text-left transition ${"proxy"===i?"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,d.jsxs)("div",{className:"flex items-start gap-3",children:[(0,d.jsx)("div",{className:"flex h-10 w-10 items-center justify-center rounded-xl bg-violet-500/10 text-violet-500",children:(0,d.jsx)(k,{name:"account_tree",className:"text-[22px]"})}),(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"font-semibold text-text-main",children:"Proxy / Load Balancer"}),(0,d.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"===i?(0,d.jsxs)("div",{className:"space-y-3",children:[(0,d.jsxs)("div",{className:"flex flex-wrap items-center justify-between gap-3",children:[(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"text-sm font-semibold text-text-main",children:"Real vLLM endpoints"}),(0,d.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,d.jsxs)("button",{type:"button",onClick:y,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,d.jsx)(k,{name:"add_circle",className:"text-[17px]"}),"Th\xeam endpoint"]})]}),m.length?(0,d.jsx)("div",{className:"space-y-3",children:m.map((a,b)=>{let c;return(0,d.jsxs)("div",{className:"rounded-2xl border border-border bg-surface p-4 shadow-[var(--shadow-soft)]",children:[(0,d.jsxs)("div",{className:"flex items-center justify-between gap-3",children:[(0,d.jsxs)("div",{className:"flex items-center gap-2 text-sm font-semibold text-text-main",children:[(0,d.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:b+1}),"vLLM backend"]}),(0,d.jsx)("button",{type:"button",onClick:()=>n(b=>b.filter(b=>b.id!==a.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,d.jsx)(k,{name:"delete",className:"text-[18px]"})})]}),(0,d.jsxs)("div",{className:"mt-3 grid gap-3 lg:grid-cols-2",children:[(0,d.jsxs)("label",{className:"block",children:[(0,d.jsx)("span",{className:"mb-1.5 block text-[11px] font-semibold text-text-muted",children:"Chọn từ Resource Monitor"}),(0,d.jsxs)("select",{value:(c=w.find(b=>j(b.host).toLowerCase()===j(a.host).toLowerCase()&&Number(b.port)===Number(a.port)),c?.key||""),onChange:b=>((a,b)=>{if(!b)return;let c=w.find(a=>a.key===b);c&&x(a,{host:c.host,port:String(c.port),label:c.label})})(a.id,b.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,d.jsx)("option",{value:"",children:"Manual / giữ gi\xe1 trị b\xean dưới"}),w.map(a=>(0,d.jsxs)("option",{value:a.key,children:[a.label," \xb7 ",a.description]},a.key))]})]}),(0,d.jsxs)("label",{className:"block",children:[(0,d.jsx)("span",{className:"mb-1.5 block text-[11px] font-semibold text-text-muted",children:"Nh\xe3n hiển thị"}),(0,d.jsx)("input",{value:a.label,onChange:b=>x(a.id,{label:b.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,d.jsxs)("div",{className:"mt-3 grid gap-3 sm:grid-cols-[minmax(0,1fr)_140px_140px]",children:[(0,d.jsxs)("label",{className:"block",children:[(0,d.jsx)("span",{className:"mb-1.5 block text-[11px] font-semibold text-text-muted",children:"Host / IP"}),(0,d.jsx)("input",{value:a.host,onChange:b=>x(a.id,{host:b.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,d.jsxs)("label",{className:"block",children:[(0,d.jsx)("span",{className:"mb-1.5 block text-[11px] font-semibold text-text-muted",children:"Port"}),(0,d.jsx)("input",{type:"number",min:"1",max:"65535",value:a.port,onChange:b=>x(a.id,{port:b.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,d.jsxs)("label",{className:"block",children:[(0,d.jsx)("span",{className:"mb-1.5 block text-[11px] font-semibold text-text-muted",children:"Weight"}),(0,d.jsx)("input",{type:"number",min:"0",value:a.weight,onChange:b=>x(a.id,{weight:b.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"})]})]})]},a.id)})}):(0,d.jsxs)("button",{type:"button",onClick:y,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,d.jsx)("div",{className:"flex h-12 w-12 items-center justify-center rounded-2xl bg-primary/10 text-primary",children:(0,d.jsx)(k,{name:"add_link",className:"text-[25px]"})}),(0,d.jsx)("div",{className:"mt-3 text-sm font-semibold text-text-main",children:"Th\xeam real vLLM endpoint đầu ti\xean"}),(0,d.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,d.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,d.jsx)("span",{className:"font-mono font-semibold",children:a.baseUrl})," trực tiếp tới Resource Monitor host/port tương ứng."]}),t?(0,d.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,d.jsx)(k,{name:"error",className:"mt-0.5 text-[18px]"}),(0,d.jsx)("span",{children:t})]}):null]})}):null}function w(){let[a,b]=(0,e.useState)(null),[c,f]=(0,e.useState)(null),[g,m]=(0,e.useState)(!0),[n,o]=(0,e.useState)(!1),[p,q]=(0,e.useState)(""),[s,t]=(0,e.useState)(""),[w,x]=(0,e.useState)(!1),[y,z]=(0,e.useState)(null),A=(0,e.useCallback)(async({force:a=!1}={})=>{t(""),a&&o(!0);try{let c=await fetch(`/api/dashboard/routing-topology${a?"?refresh=1":""}`,{cache:"no-store"}),d=await c.json().catch(()=>({}));if(!c.ok)throw Error(d.error||"Kh\xf4ng tải được routing topology");return b(d),d}catch(a){return t(a?.message||"Kh\xf4ng tải được routing topology"),null}finally{m(!1),o(!1)}},[]),B=(0,e.useCallback)(async()=>{try{let a=await fetch("/api/dashboard/routing-topology/live",{cache:"no-store"}),b=await a.json().catch(()=>({}));if(!a.ok)throw Error(b.error||"Kh\xf4ng tải được realtime telemetry");f(b),q("")}catch(a){q(a?.message||"Kh\xf4ng tải được realtime telemetry")}},[]),C=(0,e.useMemo)(()=>new Map((a?.providers||[]).map(a=>[a.id,a])),[a]),D=(0,e.useMemo)(()=>new Map((a?.servers||[]).map(a=>[a.id,a])),[a]),E=(0,e.useMemo)(()=>new Map((c?.servers||[]).map(a=>[a.id,a])),[c]),F=(0,e.useMemo)(()=>(a?.combos||[]).filter(a=>a.isFocus),[a]),G=w||!F.length?a?.combos||[]:F,H=(0,e.useMemo)(()=>{let b=new Set,c=[];for(let d of a?.providers||[])for(let a of d.backends||[]){let d=a.vllmInstanceKey&&a.resourceServerId?`${a.resourceServerId}::${a.vllmInstanceKey}`:`${j(a.host).toLowerCase()}:${Number(a.port||0)}`;!d||b.has(d)||(b.add(d),c.push(a))}return c},[a]),I=(0,e.useMemo)(()=>r(H,D,E),[H,D,E]),J=(0,e.useCallback)(async()=>{await Promise.all([A({force:!0}),B()])},[B,A]);return g?(0,d.jsxs)("div",{className:"flex min-h-[55vh] flex-col items-center justify-center text-sm text-text-muted",children:[(0,d.jsx)("div",{className:"flex h-14 w-14 items-center justify-center rounded-2xl bg-primary/10 text-primary",children:(0,d.jsx)(k,{name:"account_tree",className:"animate-pulse text-[30px]"})}),(0,d.jsx)("div",{className:"mt-4",children:"Đang compile routing topology..."})]}):s&&!a?(0,d.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,d.jsxs)("div",{className:"flex items-center gap-2 font-semibold",children:[(0,d.jsx)(k,{name:"error"})," Kh\xf4ng tải được Routing Topology"]}),(0,d.jsx)("div",{className:"mt-2 text-sm",children:s}),(0,d.jsxs)("button",{type:"button",onClick:()=>A({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,d.jsx)(k,{name:"refresh",className:"text-[18px]"})," Thử lại"]})]}):(0,d.jsxs)("div",{className:"space-y-6",children:[(0,d.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,d.jsx)("div",{className:"absolute -right-20 -top-24 h-64 w-64 rounded-full bg-primary/8 blur-3xl"}),(0,d.jsx)("div",{className:"absolute -bottom-24 left-1/3 h-48 w-48 rounded-full bg-cyan-500/6 blur-3xl"}),(0,d.jsxs)("div",{className:"relative flex flex-wrap items-start justify-between gap-5",children:[(0,d.jsxs)("div",{className:"flex min-w-0 items-start gap-4",children:[(0,d.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,d.jsx)(k,{name:"account_tree",className:"text-[31px]"})}),(0,d.jsxs)("div",{children:[(0,d.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,d.jsx)("h1",{className:"text-2xl font-black tracking-tight text-text-main",children:"Routing Topology"}),(0,d.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,d.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,d.jsx)("span",{className:"h-1.5 w-1.5 animate-pulse rounded-full bg-emerald-500"})," Live telemetry"]})]}),(0,d.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,d.jsxs)("div",{className:"mt-3 flex flex-wrap items-center gap-x-4 gap-y-1 text-[11px] text-text-subtle",children:[(0,d.jsxs)("span",{className:"inline-flex items-center gap-1",children:[(0,d.jsx)(k,{name:"fingerprint",className:"text-[14px]"})," rev ",a?.revision||"—"]}),(0,d.jsxs)("span",{className:"inline-flex items-center gap-1",children:[(0,d.jsx)(k,{name:"schema",className:"text-[14px]"})," topology ",i(a?.generatedAt)]}),(0,d.jsxs)("span",{className:"inline-flex items-center gap-1",children:[(0,d.jsx)(k,{name:"monitor_heart",className:"text-[14px]"})," telemetry ",i(c?.generatedAt)]})]})]})]}),(0,d.jsxs)("div",{className:"flex flex-wrap gap-2",children:[(a?.combos||[]).length>F.length&&F.length?(0,d.jsxs)("button",{type:"button",onClick:()=>x(a=>!a),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,d.jsx)(k,{name:w?"filter_alt":"view_list",className:"text-[18px]"}),w?"Chỉ combo ch\xednh":"Hiện tất cả combo"]}):null,(0,d.jsxs)("button",{type:"button",onClick:()=>A({force:!0}),disabled:n,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,d.jsx)(k,{name:"refresh",className:`text-[18px] ${n?"animate-spin":""}`}),"Rebuild topology"]})]})]})]}),s?(0,d.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,d.jsx)(k,{name:"warning",className:"mt-0.5 text-[18px]"})," ",s]}):null,p?(0,d.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,d.jsx)(k,{name:"wifi_off",className:"mt-0.5 text-[18px]"})," Realtime: ",p]}):null,a?.standby||c?.standby?(0,d.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,d.jsx)(k,{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,d.jsxs)("div",{className:"grid gap-3 sm:grid-cols-2 xl:grid-cols-5",children:[(0,d.jsx)(l,{icon:"layers",label:"Combos",value:a?.summary?.comboCount??0,detail:`${a?.summary?.focusComboCount??0} main combos`,tone:"blue"}),(0,d.jsx)(l,{icon:"hub",label:"Proxy / LB",value:a?.summary?.proxyProviderCount??0,detail:`${a?.summary?.localProviderCount??0} local providers`,tone:"violet"}),(0,d.jsx)(l,{icon:"memory",label:"vLLM backends",value:`${I.online}/${I.total}`,detail:"live / configured",tone:"emerald"}),(0,d.jsx)(l,{icon:"hourglass_top",label:"Running / Waiting",value:`${h(I.running,0)} / ${h(I.waiting,0)}`,detail:"unique compute endpoints",tone:"amber"}),(0,d.jsx)(l,{icon:"speed",label:"Aggregate out",value:`${h(I.output)}${null==I.output?"":" tok/s"}`,detail:"wall-clock vLLM throughput",tone:"cyan"})]}),(0,d.jsxs)("div",{className:"grid gap-3 lg:grid-cols-2",children:[(0,d.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,d.jsxs)("div",{className:"flex items-start gap-2",children:[(0,d.jsx)(k,{name:"route",className:"mt-0.5 text-[18px] text-primary"}),(0,d.jsxs)("div",{children:[(0,d.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,d.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,d.jsxs)("div",{className:"flex items-start gap-2",children:[(0,d.jsx)(k,{name:"edit_square",className:"mt-0.5 text-[18px] text-violet-500"}),(0,d.jsxs)("div",{children:[(0,d.jsx)("span",{className:"font-semibold text-text-main",children:"Topology override:"})," bấm ",(0,d.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`."]})]})})]}),a?.summary?.unresolvedTargets||a?.summary?.unresolvedBackends?(0,d.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,d.jsx)(k,{name:"warning",className:"mt-0.5 text-[20px]"}),(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"font-semibold",children:"Topology cần admin kiểm tra"}),(0,d.jsxs)("div",{className:"mt-1 text-xs leading-5",children:[a?.summary?.unresolvedTargets||0," combo target chưa resolve provider \xb7 ",a?.summary?.unresolvedBackends||0," compute endpoint chưa map ch\xednh x\xe1c tới vLLM instance trong Resource Monitor."]})]})]}):null,(0,d.jsx)("div",{className:"space-y-4",children:G.length?G.map(a=>(0,d.jsx)(u,{combo:a,providerMap:C,serverMap:D,liveMap:E,onEdit:z},a.id||a.name)):(0,d.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,d.jsx)(v,{provider:y,topology:a,open:!!y,onClose:()=>z(null),onSaved:J})]})}}};var b=require("../../../../webpack-runtime.js");b.C(a);var c=b.X(0,[4741,2430,8316,8946,402,5681,4404,6064,6328,8640],()=>b(b.s=55718));module.exports=c})();
+(()=>{var a={};a.id=7226,a.ids=[7226],a.modules={1932:a=>{"use strict";a.exports=require("url")},3295:a=>{"use strict";a.exports=require("next/dist/server/app-render/after-task-async-storage.external.js")},4573:a=>{"use strict";a.exports=require("node:buffer")},8128:a=>{"use strict";a.exports=require("next/dist/server/runtime-reacts.external.js")},10846:a=>{"use strict";a.exports=require("next/dist/compiled/next-server/app-page.runtime.prod.js")},13385:(a,b,c)=>{"use strict";c.r(b),c.d(b,{__next_app__:()=>w,handler:()=>y,routeModule:()=>x});var d=c(21635),e=c(86315),f=c(1020),g=c(61287),h={};for(let a in g)0>["default","__next_app__","routeModule","handler"].indexOf(a)&&(h[a]=()=>g[a]);c.d(b,h);let i=(0,d.p)(()=>Promise.resolve().then(c.bind(c,32059))),j=(0,d.p)(()=>Promise.resolve().then(c.t.bind(c,95547,23))),k=(0,d.p)(()=>Promise.resolve().then(c.t.bind(c,55091,23))),l=(0,d.p)(()=>Promise.resolve().then(c.t.bind(c,45270,23))),m=(0,d.p)(()=>Promise.resolve().then(c.t.bind(c,28193,23))),n=(0,d.p)(()=>Promise.resolve().then(c.bind(c,30508))),o=(0,d.p)(()=>Promise.resolve().then(c.t.bind(c,95547,23))),p=(0,d.p)(()=>Promise.resolve().then(c.t.bind(c,55091,23))),q=(0,d.p)(()=>Promise.resolve().then(c.t.bind(c,45270,23))),r=(0,d.p)(()=>Promise.resolve().then(c.t.bind(c,28193,23))),s=(0,d.p)(()=>Promise.resolve().then(c.t.bind(c,95547,23))),t=(0,d.p)(()=>Promise.resolve().then(c.t.bind(c,95547,23))),u={children:["",{children:["(dashboard)",{children:["dashboard",{children:["routing-topology",{children:["__PAGE__",{},{page:[(0,d.p)(()=>Promise.resolve().then(c.bind(c,38674))),"D:\\bluerouter\\src\\app\\(dashboard)\\dashboard\\routing-topology\\page.js"]}]},{"global-error":[t,"next/dist/client/components/builtin/global-error.js"]},[]]},{"global-error":[s,"next/dist/client/components/builtin/global-error.js"]},[]]},{layout:[n,"D:\\bluerouter\\src\\app\\(dashboard)\\layout.js"],"global-error":[o,"next/dist/client/components/builtin/global-error.js"],"not-found":[p,"next/dist/client/components/builtin/not-found.js"],forbidden:[q,"next/dist/client/components/builtin/forbidden.js"],unauthorized:[r,"next/dist/client/components/builtin/unauthorized.js"],metadata:{icon:[async a=>(await (0,d.p)(()=>Promise.resolve().then(c.bind(c,70440)))()).default(a)],apple:[],openGraph:[],twitter:[],manifest:"/manifest.webmanifest"}},[]]},{layout:[i,"D:\\bluerouter\\src\\app\\layout.js"],"global-error":[j,"next/dist/client/components/builtin/global-error.js"],"not-found":[k,"next/dist/client/components/builtin/not-found.js"],forbidden:[l,"next/dist/client/components/builtin/forbidden.js"],unauthorized:[m,"next/dist/client/components/builtin/unauthorized.js"],metadata:{icon:[async a=>(await (0,d.p)(()=>Promise.resolve().then(c.bind(c,70440)))()).default(a)],apple:[],openGraph:[],twitter:[],manifest:"/manifest.webmanifest"}},[]]}.children,v=(0,e.H)({tree:u,page:"/(dashboard)/dashboard/routing-topology/page",pathname:"/dashboard/routing-topology",require:c,loadChunk:()=>Promise.resolve(),interopDefault:f.T}),w=v.__next_app__,x=v.routeModule,y=v.handler},19121:a=>{"use strict";a.exports=require("next/dist/server/app-render/action-async-storage.external.js")},19771:a=>{"use strict";a.exports=require("process")},21820:a=>{"use strict";a.exports=require("os")},27910:a=>{"use strict";a.exports=require("stream")},28354:a=>{"use strict";a.exports=require("util")},29294:a=>{"use strict";a.exports=require("next/dist/server/app-render/work-async-storage.external.js")},33873:a=>{"use strict";a.exports=require("path")},34631:a=>{"use strict";a.exports=require("tls")},38522:a=>{"use strict";a.exports=require("node:zlib")},38674:(a,b,c)=>{"use strict";c.r(b),c.d(b,{default:()=>d});let d=(0,c(77943).registerClientReference)(function(){throw Error("Attempted to call the default export of \"D:\\\\bluerouter\\\\src\\\\app\\\\(dashboard)\\\\dashboard\\\\routing-topology\\\\page.js\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"D:\\bluerouter\\src\\app\\(dashboard)\\dashboard\\routing-topology\\page.js","default")},41025:a=>{"use strict";a.exports=require("next/dist/server/app-render/dynamic-access-async-storage.external.js")},41204:a=>{"use strict";a.exports=require("string_decoder")},46060:a=>{"use strict";a.exports=require("next/dist/shared/lib/no-fallback-error.external.js")},46293:a=>{"use strict";a.exports=require("sql.js")},51455:a=>{"use strict";a.exports=require("node:fs/promises")},53053:a=>{"use strict";a.exports=require("node:diagnostics_channel")},55511:a=>{"use strict";a.exports=require("crypto")},58620:(a,b,c)=>{Promise.resolve().then(c.bind(c,94876))},63033:a=>{"use strict";a.exports=require("next/dist/server/app-render/work-unit-async-storage.external.js")},64939:a=>{"use strict";a.exports=import("pg")},65244:(a,b,c)=>{Promise.resolve().then(c.bind(c,38674))},66136:a=>{"use strict";a.exports=require("timers")},73024:a=>{"use strict";a.exports=require("node:fs")},74075:a=>{"use strict";a.exports=require("zlib")},76760:a=>{"use strict";a.exports=require("node:path")},77598:a=>{"use strict";a.exports=require("node:crypto")},79428:a=>{"use strict";a.exports=require("buffer")},79748:a=>{"use strict";a.exports=require("fs/promises")},80099:a=>{"use strict";a.exports=require("node:sqlite")},81787:a=>{"use strict";a.exports=require("bun:sqlite")},87550:a=>{"use strict";a.exports=require("better-sqlite3")},91645:a=>{"use strict";a.exports=require("net")},94735:a=>{"use strict";a.exports=require("events")},94876:(a,b,c)=>{"use strict";c.r(b),c.d(b,{default:()=>w});var d=c(48249),e=c(67484),f=c(95145);let g=new Set(["coder","coder-fast","coder-high","translator"]);function h(a,b=1){let c=Number(a);return Number.isFinite(c)?c.toLocaleString("vi-VN",{minimumFractionDigits:b,maximumFractionDigits:b}):"—"}function i(a){if(!a)return"—";let b=new Date(a);return Number.isFinite(b.getTime())?b.toLocaleTimeString("vi-VN",{hour12:!1}):"—"}function j(a){return String(a||"").trim()}function k({name:a,className:b=""}){return(0,d.jsx)("span",{className:`material-symbols-outlined ${b}`,children:a})}function l({icon:a,label:b,value:c,detail:e,tone:f="blue"}){let g={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,d.jsxs)("div",{className:"rounded-2xl border border-border bg-surface p-4 shadow-[var(--shadow-soft)]",children:[(0,d.jsxs)("div",{className:"flex items-center gap-3",children:[(0,d.jsx)("div",{className:`flex h-10 w-10 items-center justify-center rounded-xl ${g[f]||g.blue}`,children:(0,d.jsx)(k,{name:a,className:"text-[22px]"})}),(0,d.jsxs)("div",{className:"min-w-0",children:[(0,d.jsx)("div",{className:"text-[10px] font-semibold uppercase tracking-[0.14em] text-text-subtle",children:b}),(0,d.jsx)("div",{className:"mt-0.5 truncate text-lg font-bold text-text-main",children:c})]})]}),e?(0,d.jsx)("div",{className:"mt-2 truncate text-[11px] text-text-muted",children:e}):null]})}function m({icon:a,label:b,value:c,suffix:e=""}){return(0,d.jsxs)("div",{className:"rounded-xl border border-border-subtle bg-background/60 px-3 py-2.5",children:[(0,d.jsxs)("div",{className:"flex items-center gap-1.5 text-[10px] font-semibold uppercase tracking-[0.12em] text-text-subtle",children:[(0,d.jsx)(k,{name:a,className:"text-[14px]"}),b]}),(0,d.jsxs)("div",{className:"mt-1 text-sm font-semibold text-text-main",children:[c,e]})]})}function n({status:a="unknown",label:b}){let c={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"},e={live:"bg-emerald-500",stale:"bg-red-500",partial:"bg-amber-500",unknown:"bg-text-subtle"};return(0,d.jsxs)("span",{className:`inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-[11px] font-semibold ${c[a]||c.unknown}`,children:[(0,d.jsx)("span",{className:`h-1.5 w-1.5 rounded-full ${e[a]||e.unknown}`}),b]})}function o(a=[]){if(!a.length)return"Chưa c\xf3 GPU telemetry";let b=[...new Set(a.map(a=>j(a.name)).filter(Boolean))];return 1===b.length?`${a.length}\xd7 ${b[0]}`:`${a.length} GPU \xb7 ${b.join(" + ")}`}function p(a,b,c){let d,e=a?.resourceServerId?b.get(a.resourceServerId):null,f=a?.resourceServerId?c.get(a.resourceServerId):null,g=function(a,b){if(!b)return null;let c=b.vllm?.instances||[];if(a?.vllmInstanceKey){let b=c.find(b=>b.key===a.vllmInstanceKey);if(b)return b}if(a?.port){let b=c.filter(b=>Number(b.port||0)===Number(a.port||0));if(1===b.length)return b[0]}return null}(a,f),h=!!(d=f?.lastStatusAt?new Date(f.lastStatusAt).getTime():0)&&Date.now()-d<=3e4&&!f?.lastError&&!!g&&!1!==g.metricsAvailable;return{server:e,liveServer:f,instance:g,online:h}}function q({backend:a,serverMap:b,liveMap:c}){let{server:e,liveServer:f,instance:g,online:i}=p(a,b,c),j=f?.gpus?.length?f.gpus:e?.gpus||[],l=a?.resourceMatch,r=g?.models?.length?g.models:a?.reportedModels||[];return(0,d.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,d.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,d.jsxs)("div",{className:"flex flex-wrap items-start justify-between gap-3",children:[(0,d.jsxs)("div",{className:"flex min-w-0 items-start gap-3",children:[(0,d.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,d.jsx)(k,{name:"memory",className:"text-[22px]"})}),(0,d.jsxs)("div",{className:"min-w-0",children:[(0,d.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,d.jsxs)("div",{className:"font-mono text-sm font-bold text-text-main",children:[a?.host||"—",":",a?.port||"—"]}),a?.weight?(0,d.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,d.jsx)(k,{name:"balance",className:"text-[13px]"}),"weight ",a.weight]}):null]}),(0,d.jsx)("div",{className:"mt-1 truncate text-xs text-text-muted",children:a?.label||e?.name||"Real vLLM endpoint"})]})]}),(0,d.jsx)(n,{status:i?"live":"host"===l?"partial":"unmatched"===l?"unknown":"stale",label:i?"Live vLLM":"host"===l?"Host found \xb7 port unresolved":"unmatched"===l?"Not monitored":"Offline / stale"})]}),(0,d.jsxs)("div",{className:"mt-4 rounded-xl border border-border-subtle bg-surface-2/45 p-3",children:[(0,d.jsxs)("div",{className:"flex items-center gap-2 text-xs font-semibold text-text-main",children:[(0,d.jsx)(k,{name:"dns",className:"text-[17px] text-primary"}),(0,d.jsx)("span",{className:"truncate",children:e?.name||"Chưa map Resource Monitor"})]}),(0,d.jsx)("div",{className:"mt-1 truncate font-mono text-[11px] text-text-muted",children:e?`${e.host}:${e.agentPort}`:"Kh\xf4ng t\xecm thấy server monitor khớp host"}),(0,d.jsxs)("div",{className:"mt-2 flex items-center gap-2 text-xs text-text-muted",children:[(0,d.jsx)(k,{name:"developer_board",className:"text-[16px]"}),(0,d.jsx)("span",{className:"truncate",children:o(j)})]})]}),(0,d.jsxs)("div",{className:"mt-3 grid grid-cols-2 gap-2 sm:grid-cols-4",children:[(0,d.jsx)(m,{icon:"speed",label:"Out tok/s",value:h(g?.outputTokensPerSecond)}),(0,d.jsx)(m,{icon:"play_circle",label:"Running",value:h(g?.running,0)}),(0,d.jsx)(m,{icon:"hourglass_top",label:"Waiting",value:h(g?.waiting,0)}),(0,d.jsx)(m,{icon:"database",label:"KV cache",value:h(g?.kvCacheUsagePercent),suffix:g?.kvCacheUsagePercent==null?"":"%"})]}),r.length?(0,d.jsxs)("div",{className:"mt-3 flex items-start gap-2 text-[11px] text-text-subtle",children:[(0,d.jsx)(k,{name:"neurology",className:"mt-0.5 text-[15px]"}),(0,d.jsx)("span",{className:"min-w-0 break-all",children:r.join(", ")})]}):null]})}function r(a,b,c){let d=0,e=!1,f=0,g=0,h=null,i=0;for(let j of a||[]){let a=p(j,b,c);a.online&&(i+=1);let k=Number(a.instance?.outputTokensPerSecond);Number.isFinite(k)&&(d+=k,e=!0),f+=Number(a.instance?.running||0),g+=Number(a.instance?.waiting||0);let l=Number(a.instance?.kvCacheUsagePercent);Number.isFinite(l)&&(h=null===h?l:Math.max(h,l))}return{output:e?d:null,running:f,waiting:g,maxKv:h,online:i,total:(a||[]).length}}function s({target:a,provider:b,serverMap:c,liveMap:e,onEdit:f}){if(!b)return(0,d.jsx)("div",{className:"rounded-2xl border border-amber-500/25 bg-amber-500/5 p-5",children:(0,d.jsxs)("div",{className:"flex items-start gap-3",children:[(0,d.jsx)("div",{className:"flex h-10 w-10 items-center justify-center rounded-xl bg-amber-500/10 text-amber-500",children:(0,d.jsx)(k,{name:"link_off",className:"text-[22px]"})}),(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"font-semibold text-text-main",children:a.label||a.model||"Unknown target"}),(0,d.jsx)("div",{className:"mt-1 font-mono text-xs text-text-muted",children:a.model||"—"}),(0,d.jsx)("div",{className:"mt-3 text-xs leading-5 text-amber-700 dark:text-amber-300",children:a.unresolvedReason||"Kh\xf4ng map được target sang local compatible provider."})]})]})});let g="proxy"===b.routeType,i=r(b.backends||[],c,e),j=b.gateway?.resourceServerId?c.get(b.gateway.resourceServerId):null;return(0,d.jsxs)("div",{className:"overflow-hidden rounded-3xl border border-border bg-surface shadow-[var(--shadow-soft)]",children:[(0,d.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,d.jsx)("div",{className:"absolute -right-12 -top-16 h-40 w-40 rounded-full bg-primary/5 blur-2xl"}),(0,d.jsxs)("div",{className:"relative flex flex-wrap items-start justify-between gap-4",children:[(0,d.jsxs)("div",{className:"flex min-w-0 items-start gap-3",children:[(0,d.jsx)("div",{className:`flex h-11 w-11 shrink-0 items-center justify-center rounded-2xl ${g?"bg-violet-500/10 text-violet-500":"bg-blue-500/10 text-blue-500"}`,children:(0,d.jsx)(k,{name:g?"account_tree":"memory",className:"text-[24px]"})}),(0,d.jsxs)("div",{className:"min-w-0",children:[(0,d.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,d.jsx)("div",{className:"text-base font-bold text-text-main",children:b.name}),(0,d.jsx)("span",{className:"rounded-full bg-primary/10 px-2.5 py-1 font-mono text-[10px] font-semibold text-primary",children:b.prefix}),(0,d.jsxs)("span",{className:`inline-flex items-center gap-1 rounded-full px-2.5 py-1 text-[10px] font-semibold ${g?"bg-violet-500/10 text-violet-600 dark:text-violet-300":"bg-blue-500/10 text-blue-600 dark:text-blue-300"}`,children:[(0,d.jsx)(k,{name:g?"hub":"developer_board",className:"text-[13px]"}),g?"Proxy / Load Balancer":"Direct vLLM"]})]}),(0,d.jsx)("div",{className:"mt-1.5 truncate font-mono text-xs text-text-muted",title:b.baseUrl,children:b.baseUrl||"—"}),(0,d.jsxs)("div",{className:"mt-2 flex flex-wrap items-center gap-2 text-[11px] text-text-subtle",children:[(0,d.jsxs)("span",{className:"inline-flex items-center gap-1",children:[(0,d.jsx)(k,{name:"model_training",className:"text-[14px]"}),a.model||"—"]}),b.topologyConfigured?(0,d.jsxs)("span",{className:"inline-flex items-center gap-1 text-emerald-600 dark:text-emerald-400",children:[(0,d.jsx)(k,{name:"verified",className:"text-[14px]"})," custom topology"]}):null]})]})]}),(0,d.jsxs)("button",{type:"button",onClick:()=>f(b),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,d.jsx)(k,{name:"tune",className:"text-[17px]"}),"Edit topology"]})]})]}),(0,d.jsx)("div",{className:"p-5",children:g?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsxs)("div",{className:"grid gap-3 lg:grid-cols-[minmax(0,1.2fr)_minmax(0,1fr)]",children:[(0,d.jsxs)("div",{className:"rounded-2xl border border-violet-500/20 bg-violet-500/5 p-4",children:[(0,d.jsxs)("div",{className:"flex items-start gap-3",children:[(0,d.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,d.jsx)(k,{name:"lan",className:"text-[22px]"})}),(0,d.jsxs)("div",{className:"min-w-0",children:[(0,d.jsx)("div",{className:"text-[10px] font-semibold uppercase tracking-[0.14em] text-violet-500",children:"Ingress / routing hop"}),(0,d.jsxs)("div",{className:"mt-1 truncate font-mono text-sm font-bold text-text-main",children:[b.gateway?.host||b.endpoint?.host||"—",":",b.gateway?.port||b.endpoint?.port||"—"]}),(0,d.jsx)("div",{className:"mt-1 truncate text-xs text-text-muted",children:j?`${j.name} \xb7 monitored host`:"Nginx / proxy endpoint"})]})]}),(0,d.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,d.jsxs)("div",{className:"grid grid-cols-2 gap-2 sm:grid-cols-4 lg:grid-cols-2",children:[(0,d.jsx)(m,{icon:"speed",label:"Pool out",value:h(i.output),suffix:null==i.output?"":" tok/s"}),(0,d.jsx)(m,{icon:"memory",label:"Backends live",value:`${i.online}/${i.total}`}),(0,d.jsx)(m,{icon:"play_circle",label:"Running",value:h(i.running,0)}),(0,d.jsx)(m,{icon:"hourglass_top",label:"Waiting",value:h(i.waiting,0)})]})]}),(0,d.jsxs)("div",{className:"my-4 flex items-center gap-3",children:[(0,d.jsx)("div",{className:"h-px flex-1 bg-border"}),(0,d.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,d.jsx)(k,{name:"call_split",className:"text-[15px] text-primary"}),"Real vLLM backend pool"]}),(0,d.jsx)("div",{className:"h-px flex-1 bg-border"})]}),b.backends?.length?(0,d.jsx)("div",{className:"grid gap-3 xl:grid-cols-3",children:b.backends.map(a=>(0,d.jsx)(q,{backend:a,serverMap:c,liveMap:e},a.id))}):(0,d.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."})]}):b.backends?.[0]?(0,d.jsxs)("div",{className:"grid gap-4 lg:grid-cols-[220px_48px_minmax(0,1fr)] lg:items-center",children:[(0,d.jsxs)("div",{className:"rounded-2xl border border-blue-500/20 bg-blue-500/5 p-4",children:[(0,d.jsxs)("div",{className:"flex items-center gap-2 text-xs font-semibold text-blue-600 dark:text-blue-300",children:[(0,d.jsx)(k,{name:"route",className:"text-[18px]"}),"Provider Base URL"]}),(0,d.jsx)("div",{className:"mt-2 break-all font-mono text-xs text-text-main",children:b.baseUrl}),(0,d.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,d.jsx)("div",{className:"hidden items-center lg:flex",children:(0,d.jsxs)("div",{className:"relative h-px w-full bg-gradient-to-r from-blue-400/30 to-primary",children:[(0,d.jsx)("span",{className:"absolute -right-1 -top-[9px] material-symbols-outlined text-[18px] text-primary",children:"arrow_forward"}),(0,d.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,d.jsx)(q,{backend:b.backends[0],serverMap:c,liveMap:e})]}):(0,d.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 t(){return(0,d.jsx)("div",{className:"hidden items-center justify-center lg:flex",children:(0,d.jsxs)("div",{className:"relative h-px w-full bg-gradient-to-r from-primary/20 via-primary/70 to-primary",children:[(0,d.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,d.jsx)(k,{name:"arrow_forward",className:"absolute -right-1 -top-[9px] text-[18px] text-primary"})]})})}function u({combo:a,providerMap:b,serverMap:c,liveMap:e,onEdit:f}){let h;return(0,d.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,d.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,d.jsx)("div",{className:"absolute -bottom-10 -right-8 h-28 w-28 rounded-full bg-primary/8 blur-2xl"}),(0,d.jsxs)("div",{className:"relative flex h-full min-h-[150px] flex-col justify-between",children:[(0,d.jsxs)("div",{children:[(0,d.jsxs)("div",{className:"flex items-center justify-between gap-3",children:[(0,d.jsx)("div",{className:"flex h-11 w-11 items-center justify-center rounded-2xl bg-primary/10 text-primary",children:(0,d.jsx)(k,{name:"translator"===(h=j(a.name).toLowerCase())?"translate":"coder-fast"===h?"bolt":"coder-high"===h?"rocket_launch":"code_blocks",className:"text-[24px]"})}),g.has(j(a.name).toLowerCase())?(0,d.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,d.jsx)(k,{name:"star",className:"text-[13px]"})," main"]}):null]}),(0,d.jsx)("div",{className:"mt-4 text-[10px] font-semibold uppercase tracking-[0.16em] text-primary",children:"Model alias / Combo"}),(0,d.jsxs)("div",{className:"mt-1 text-2xl font-black tracking-tight text-text-main",children:[":",a.name]}),(0,d.jsxs)("div",{className:"mt-2 text-xs text-text-muted",children:[a.targets.length," configured upstream target",1===a.targets.length?"":"s"]})]}),(0,d.jsxs)("div",{className:"mt-5 flex items-center gap-2 text-[11px] text-text-subtle",children:[(0,d.jsx)(k,{name:"route",className:"text-[15px]"}),"Configured routing path"]})]})]}),(0,d.jsx)(t,{}),(0,d.jsx)("div",{className:"space-y-3",children:a.targets.length?a.targets.map(a=>{let g=a.providerId?b.get(a.providerId):null;return(0,d.jsx)(s,{target:a,provider:g,serverMap:c,liveMap:e,onEdit:f},a.id)}):(0,d.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 v({provider:a,topology:b,open:c,onClose:g,onSaved:h}){let[i,l]=(0,e.useState)("direct"),[m,n]=(0,e.useState)([]),[p,q]=(0,e.useState)(!1),[r,s]=(0,e.useState)(!1),[t,u]=(0,e.useState)(""),w=(0,e.useMemo)(()=>{let a=[];for(let c of b?.servers||[]){let b=o(c.gpus||[]);for(let d of c.vllmInstances||[])d.port&&a.push({key:`${c.id}::${d.key||d.port}`,host:c.host,port:Number(d.port),label:c.name||c.host,description:`${c.host}:${d.port} \xb7 ${b}${d.models?.length?` \xb7 ${d.models.join(", ")}`:""}`})}return a},[b]),x=(a,b)=>{n(c=>c.map(c=>c.id===a?{...c,...b}:c))},y=()=>{let a=new Set(m.map(a=>`${j(a.host).toLowerCase()}:${Number(a.port||0)}`)),b=w.find(b=>!a.has(`${b.host.toLowerCase()}:${b.port}`));n(a=>[...a,function(a={}){return{id:`endpoint-${Date.now()}-${Math.random().toString(36).slice(2,8)}`,host:j(a.host),port:a.port?String(a.port):"",weight:void 0===a.weight||null===a.weight?"":String(a.weight),label:j(a.label)}}(b?{host:b.host,port:b.port,label:b.label}:{})])},z=async()=>{if(!a?.id||p)return;u("");let b=m.map(a=>({host:j(a.host),port:Number(a.port),weight:j(a.weight)?Number(a.weight):null,label:j(a.label)}));if("proxy"===i){if(!b.length)return void u("Proxy / Load Balancer cần \xedt nhất một real vLLM endpoint.");if(b.some(a=>!a.host||!Number.isInteger(a.port)||a.port<1||a.port>65535))return void u("Vui l\xf2ng nhập host v\xe0 port hợp lệ cho mọi vLLM endpoint.")}q(!0);try{let c=await fetch("/api/dashboard/routing-topology/config",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({providerId:a.id,routeType:i,realEndpoints:"proxy"===i?b:[]})}),d=await c.json().catch(()=>({}));if(!c.ok)throw Error(d.error||"Kh\xf4ng lưu được topology config");await h?.(),g?.()}catch(a){u(a?.message||"Kh\xf4ng lưu được topology config")}finally{q(!1)}},A=async()=>{if(a?.id&&!r){s(!0),u("");try{let b=await fetch(`/api/dashboard/routing-topology/config?providerId=${encodeURIComponent(a.id)}`,{method:"DELETE"}),c=await b.json().catch(()=>({}));if(!b.ok)throw Error(c.error||"Kh\xf4ng reset được topology config");await h?.(),g?.()}catch(a){u(a?.message||"Kh\xf4ng reset được topology config")}finally{s(!1)}}};return a?(0,d.jsx)(f.default,{isOpen:c,onClose:g,title:`Routing topology \xb7 ${a.name}`,size:"xl",busy:p||r,footer:(0,d.jsxs)("div",{className:"flex w-full flex-wrap items-center justify-between gap-2",children:[(0,d.jsx)("div",{children:a.topologyConfigured?(0,d.jsxs)("button",{type:"button",onClick:A,disabled:p||r,className:"inline-flex items-center gap-2 rounded-xl px-3 py-2 text-sm font-semibold text-text-muted transition hover:bg-surface-2 hover:text-text-main disabled:opacity-50",children:[(0,d.jsx)(k,{name:"restart_alt",className:`text-[18px] ${r?"animate-spin":""}`}),"X\xf3a override"]}):null}),(0,d.jsxs)("div",{className:"flex gap-2",children:[(0,d.jsx)("button",{type:"button",onClick:g,disabled:p||r,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,d.jsxs)("button",{type:"button",onClick:z,disabled:p||r,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,d.jsx)(k,{name:p?"progress_activity":"save",className:`text-[18px] ${p?"animate-spin":""}`}),"Lưu topology"]})]})]}),children:(0,d.jsxs)("div",{className:"space-y-5",children:[(0,d.jsx)("div",{className:"rounded-2xl border border-border bg-surface-2/50 p-4",children:(0,d.jsxs)("div",{className:"flex items-start gap-3",children:[(0,d.jsx)("div",{className:"flex h-10 w-10 shrink-0 items-center justify-center rounded-xl bg-primary/10 text-primary",children:(0,d.jsx)(k,{name:"link",className:"text-[21px]"})}),(0,d.jsxs)("div",{className:"min-w-0",children:[(0,d.jsx)("div",{className:"text-sm font-semibold text-text-main",children:"Provider Base URL"}),(0,d.jsx)("div",{className:"mt-1 break-all font-mono text-xs text-text-muted",children:a.baseUrl}),(0,d.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,d.jsxs)("div",{children:[(0,d.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,d.jsxs)("div",{className:"grid gap-3 sm:grid-cols-2",children:[(0,d.jsx)("button",{type:"button",onClick:()=>l("direct"),className:`rounded-2xl border p-4 text-left transition ${"direct"===i?"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,d.jsxs)("div",{className:"flex items-start gap-3",children:[(0,d.jsx)("div",{className:"flex h-10 w-10 items-center justify-center rounded-xl bg-blue-500/10 text-blue-500",children:(0,d.jsx)(k,{name:"memory",className:"text-[22px]"})}),(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"font-semibold text-text-main",children:"Direct vLLM"}),(0,d.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,d.jsx)("button",{type:"button",onClick:()=>l("proxy"),className:`rounded-2xl border p-4 text-left transition ${"proxy"===i?"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,d.jsxs)("div",{className:"flex items-start gap-3",children:[(0,d.jsx)("div",{className:"flex h-10 w-10 items-center justify-center rounded-xl bg-violet-500/10 text-violet-500",children:(0,d.jsx)(k,{name:"account_tree",className:"text-[22px]"})}),(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"font-semibold text-text-main",children:"Proxy / Load Balancer"}),(0,d.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"===i?(0,d.jsxs)("div",{className:"space-y-3",children:[(0,d.jsxs)("div",{className:"flex flex-wrap items-center justify-between gap-3",children:[(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"text-sm font-semibold text-text-main",children:"Real vLLM endpoints"}),(0,d.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,d.jsxs)("button",{type:"button",onClick:y,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,d.jsx)(k,{name:"add_circle",className:"text-[17px]"}),"Th\xeam endpoint"]})]}),m.length?(0,d.jsx)("div",{className:"space-y-3",children:m.map((a,b)=>{let c;return(0,d.jsxs)("div",{className:"rounded-2xl border border-border bg-surface p-4 shadow-[var(--shadow-soft)]",children:[(0,d.jsxs)("div",{className:"flex items-center justify-between gap-3",children:[(0,d.jsxs)("div",{className:"flex items-center gap-2 text-sm font-semibold text-text-main",children:[(0,d.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:b+1}),"vLLM backend"]}),(0,d.jsx)("button",{type:"button",onClick:()=>n(b=>b.filter(b=>b.id!==a.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,d.jsx)(k,{name:"delete",className:"text-[18px]"})})]}),(0,d.jsxs)("div",{className:"mt-3 grid gap-3 lg:grid-cols-2",children:[(0,d.jsxs)("label",{className:"block",children:[(0,d.jsx)("span",{className:"mb-1.5 block text-[11px] font-semibold text-text-muted",children:"Chọn từ Resource Monitor"}),(0,d.jsxs)("select",{value:(c=w.find(b=>j(b.host).toLowerCase()===j(a.host).toLowerCase()&&Number(b.port)===Number(a.port)),c?.key||""),onChange:b=>((a,b)=>{if(!b)return;let c=w.find(a=>a.key===b);c&&x(a,{host:c.host,port:String(c.port),label:c.label})})(a.id,b.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,d.jsx)("option",{value:"",children:"Manual / giữ gi\xe1 trị b\xean dưới"}),w.map(a=>(0,d.jsxs)("option",{value:a.key,children:[a.label," \xb7 ",a.description]},a.key))]})]}),(0,d.jsxs)("label",{className:"block",children:[(0,d.jsx)("span",{className:"mb-1.5 block text-[11px] font-semibold text-text-muted",children:"Nh\xe3n hiển thị"}),(0,d.jsx)("input",{value:a.label,onChange:b=>x(a.id,{label:b.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,d.jsxs)("div",{className:"mt-3 grid gap-3 sm:grid-cols-[minmax(0,1fr)_140px_140px]",children:[(0,d.jsxs)("label",{className:"block",children:[(0,d.jsx)("span",{className:"mb-1.5 block text-[11px] font-semibold text-text-muted",children:"Host / IP"}),(0,d.jsx)("input",{value:a.host,onChange:b=>x(a.id,{host:b.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,d.jsxs)("label",{className:"block",children:[(0,d.jsx)("span",{className:"mb-1.5 block text-[11px] font-semibold text-text-muted",children:"Port"}),(0,d.jsx)("input",{type:"number",min:"1",max:"65535",value:a.port,onChange:b=>x(a.id,{port:b.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,d.jsxs)("label",{className:"block",children:[(0,d.jsx)("span",{className:"mb-1.5 block text-[11px] font-semibold text-text-muted",children:"Weight"}),(0,d.jsx)("input",{type:"number",min:"0",value:a.weight,onChange:b=>x(a.id,{weight:b.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"})]})]})]},a.id)})}):(0,d.jsxs)("button",{type:"button",onClick:y,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,d.jsx)("div",{className:"flex h-12 w-12 items-center justify-center rounded-2xl bg-primary/10 text-primary",children:(0,d.jsx)(k,{name:"add_link",className:"text-[25px]"})}),(0,d.jsx)("div",{className:"mt-3 text-sm font-semibold text-text-main",children:"Th\xeam real vLLM endpoint đầu ti\xean"}),(0,d.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,d.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,d.jsx)("span",{className:"font-mono font-semibold",children:a.baseUrl})," trực tiếp tới Resource Monitor host/port tương ứng."]}),t?(0,d.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,d.jsx)(k,{name:"error",className:"mt-0.5 text-[18px]"}),(0,d.jsx)("span",{children:t})]}):null]})}):null}function w(){let[a,b]=(0,e.useState)(null),[c,f]=(0,e.useState)(null),[g,m]=(0,e.useState)(!0),[n,o]=(0,e.useState)(!1),[p,q]=(0,e.useState)(""),[s,t]=(0,e.useState)(""),[w,x]=(0,e.useState)(!1),[y,z]=(0,e.useState)(null),A=(0,e.useCallback)(async({force:a=!1}={})=>{t(""),a&&o(!0);try{let c=await fetch(`/api/dashboard/routing-topology${a?"?refresh=1":""}`,{cache:"no-store"}),d=await c.json().catch(()=>({}));if(!c.ok)throw Error(d.error||"Kh\xf4ng tải được routing topology");return b(d),d}catch(a){return t(a?.message||"Kh\xf4ng tải được routing topology"),null}finally{m(!1),o(!1)}},[]),B=(0,e.useCallback)(async()=>{try{let a=await fetch("/api/dashboard/routing-topology/live",{cache:"no-store"}),b=await a.json().catch(()=>({}));if(!a.ok)throw Error(b.error||"Kh\xf4ng tải được realtime telemetry");f(b),q("")}catch(a){q(a?.message||"Kh\xf4ng tải được realtime telemetry")}},[]),C=(0,e.useMemo)(()=>new Map((a?.providers||[]).map(a=>[a.id,a])),[a]),D=(0,e.useMemo)(()=>new Map((a?.servers||[]).map(a=>[a.id,a])),[a]),E=(0,e.useMemo)(()=>new Map((c?.servers||[]).map(a=>[a.id,a])),[c]),F=(0,e.useMemo)(()=>(a?.combos||[]).filter(a=>a.isFocus),[a]),G=w||!F.length?a?.combos||[]:F,H=(0,e.useMemo)(()=>{let b=new Set,c=[];for(let d of a?.providers||[])for(let a of d.backends||[]){let d=a.vllmInstanceKey&&a.resourceServerId?`${a.resourceServerId}::${a.vllmInstanceKey}`:`${j(a.host).toLowerCase()}:${Number(a.port||0)}`;!d||b.has(d)||(b.add(d),c.push(a))}return c},[a]),I=(0,e.useMemo)(()=>r(H,D,E),[H,D,E]),J=(0,e.useCallback)(async()=>{await Promise.all([A({force:!0}),B()])},[B,A]);return g?(0,d.jsxs)("div",{className:"flex min-h-[55vh] flex-col items-center justify-center text-sm text-text-muted",children:[(0,d.jsx)("div",{className:"flex h-14 w-14 items-center justify-center rounded-2xl bg-primary/10 text-primary",children:(0,d.jsx)(k,{name:"account_tree",className:"animate-pulse text-[30px]"})}),(0,d.jsx)("div",{className:"mt-4",children:"Đang compile routing topology..."})]}):s&&!a?(0,d.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,d.jsxs)("div",{className:"flex items-center gap-2 font-semibold",children:[(0,d.jsx)(k,{name:"error"})," Kh\xf4ng tải được Routing Topology"]}),(0,d.jsx)("div",{className:"mt-2 text-sm",children:s}),(0,d.jsxs)("button",{type:"button",onClick:()=>A({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,d.jsx)(k,{name:"refresh",className:"text-[18px]"})," Thử lại"]})]}):(0,d.jsxs)("div",{className:"space-y-6",children:[(0,d.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,d.jsx)("div",{className:"absolute -right-20 -top-24 h-64 w-64 rounded-full bg-primary/8 blur-3xl"}),(0,d.jsx)("div",{className:"absolute -bottom-24 left-1/3 h-48 w-48 rounded-full bg-cyan-500/6 blur-3xl"}),(0,d.jsxs)("div",{className:"relative flex flex-wrap items-start justify-between gap-5",children:[(0,d.jsxs)("div",{className:"flex min-w-0 items-start gap-4",children:[(0,d.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,d.jsx)(k,{name:"account_tree",className:"text-[31px]"})}),(0,d.jsxs)("div",{children:[(0,d.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,d.jsx)("h1",{className:"text-2xl font-black tracking-tight text-text-main",children:"Routing Topology"}),(0,d.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,d.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,d.jsx)("span",{className:"h-1.5 w-1.5 animate-pulse rounded-full bg-emerald-500"})," Live telemetry"]})]}),(0,d.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,d.jsxs)("div",{className:"mt-3 flex flex-wrap items-center gap-x-4 gap-y-1 text-[11px] text-text-subtle",children:[(0,d.jsxs)("span",{className:"inline-flex items-center gap-1",children:[(0,d.jsx)(k,{name:"fingerprint",className:"text-[14px]"})," rev ",a?.revision||"—"]}),(0,d.jsxs)("span",{className:"inline-flex items-center gap-1",children:[(0,d.jsx)(k,{name:"schema",className:"text-[14px]"})," topology ",i(a?.generatedAt)]}),(0,d.jsxs)("span",{className:"inline-flex items-center gap-1",children:[(0,d.jsx)(k,{name:"monitor_heart",className:"text-[14px]"})," telemetry ",i(c?.generatedAt)]})]})]})]}),(0,d.jsxs)("div",{className:"flex flex-wrap gap-2",children:[(a?.combos||[]).length>F.length&&F.length?(0,d.jsxs)("button",{type:"button",onClick:()=>x(a=>!a),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,d.jsx)(k,{name:w?"filter_alt":"view_list",className:"text-[18px]"}),w?"Chỉ combo ch\xednh":"Hiện tất cả combo"]}):null,(0,d.jsxs)("button",{type:"button",onClick:()=>A({force:!0}),disabled:n,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,d.jsx)(k,{name:"refresh",className:`text-[18px] ${n?"animate-spin":""}`}),"Rebuild topology"]})]})]})]}),s?(0,d.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,d.jsx)(k,{name:"warning",className:"mt-0.5 text-[18px]"})," ",s]}):null,p?(0,d.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,d.jsx)(k,{name:"wifi_off",className:"mt-0.5 text-[18px]"})," Realtime: ",p]}):null,a?.standby||c?.standby?(0,d.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,d.jsx)(k,{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,d.jsxs)("div",{className:"grid gap-3 sm:grid-cols-2 xl:grid-cols-5",children:[(0,d.jsx)(l,{icon:"layers",label:"Combos",value:a?.summary?.comboCount??0,detail:`${a?.summary?.focusComboCount??0} main combos`,tone:"blue"}),(0,d.jsx)(l,{icon:"hub",label:"Proxy / LB",value:a?.summary?.proxyProviderCount??0,detail:`${a?.summary?.localProviderCount??0} local providers`,tone:"violet"}),(0,d.jsx)(l,{icon:"memory",label:"vLLM backends",value:`${I.online}/${I.total}`,detail:"live / configured",tone:"emerald"}),(0,d.jsx)(l,{icon:"hourglass_top",label:"Running / Waiting",value:`${h(I.running,0)} / ${h(I.waiting,0)}`,detail:"unique compute endpoints",tone:"amber"}),(0,d.jsx)(l,{icon:"speed",label:"Aggregate out",value:`${h(I.output)}${null==I.output?"":" tok/s"}`,detail:"wall-clock vLLM throughput",tone:"cyan"})]}),(0,d.jsxs)("div",{className:"grid gap-3 lg:grid-cols-2",children:[(0,d.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,d.jsxs)("div",{className:"flex items-start gap-2",children:[(0,d.jsx)(k,{name:"route",className:"mt-0.5 text-[18px] text-primary"}),(0,d.jsxs)("div",{children:[(0,d.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,d.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,d.jsxs)("div",{className:"flex items-start gap-2",children:[(0,d.jsx)(k,{name:"edit_square",className:"mt-0.5 text-[18px] text-violet-500"}),(0,d.jsxs)("div",{children:[(0,d.jsx)("span",{className:"font-semibold text-text-main",children:"Topology override:"})," bấm ",(0,d.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`."]})]})})]}),a?.summary?.unresolvedTargets||a?.summary?.unresolvedBackends?(0,d.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,d.jsx)(k,{name:"warning",className:"mt-0.5 text-[20px]"}),(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"font-semibold",children:"Topology cần admin kiểm tra"}),(0,d.jsxs)("div",{className:"mt-1 text-xs leading-5",children:[a?.summary?.unresolvedTargets||0," combo target chưa resolve provider \xb7 ",a?.summary?.unresolvedBackends||0," compute endpoint chưa map ch\xednh x\xe1c tới vLLM instance trong Resource Monitor."]})]})]}):null,(0,d.jsx)("div",{className:"space-y-4",children:G.length?G.map(a=>(0,d.jsx)(u,{combo:a,providerMap:C,serverMap:D,liveMap:E,onEdit:z},a.id||a.name)):(0,d.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,d.jsx)(v,{provider:y,topology:a,open:!!y,onClose:()=>z(null),onSaved:J})]})}}};var b=require("../../../../webpack-runtime.js");b.C(a);var c=b.X(0,[4741,2430,8316,8946,402,5681,4404,6064,6328,8640],()=>b(b.s=13385));module.exports=c})();