@jheavenknows/bluerouter 4.0.12 → 4.0.13

package/app/.next-cli-build/static/chunks/app/(dashboard)/dashboard/analytics/page-b835da2c5e191265.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8978],{14051:(e,t,s)=>{e.exports=s(34701)()},34701:(e,t,s)=>{"use strict";var r=s(82114);function n(){}function l(){}l.resetWarningCache=n,e.exports=function(){function e(e,t,s,n,l,a){if(a!==r){var o=Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw o.name="Invariant Violation",o}}function t(){return e}e.isRequired=e;var s={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:l,resetWarningCache:n};return s.PropTypes=s,s}},39944:(e,t,s)=>{Promise.resolve().then(s.bind(s,70959))},70959:(e,t,s)=>{"use strict";s.d(t,{default:()=>X});var r=s(95155),n=s(12115),l=s(94027);let a=[{value:"today",label:"H\xf4m nay"},{value:"yesterday",label:"H\xf4m qua"},{value:"24h",label:"24 giờ"},{value:"thisWeek",label:"Tuần n\xe0y"},{value:"lastWeek",label:"Tuần trước"},{value:"7d",label:"7 ng\xe0y"},{value:"thisMonth",label:"Th\xe1ng n\xe0y"},{value:"lastMonth",label:"Th\xe1ng trước"},{value:"30d",label:"30 ng\xe0y"},{value:"60d",label:"60 ng\xe0y"},{value:"all",label:"Tất cả"},{value:"custom",label:"T\xf9y chọn"}],o=[{value:"overview",label:"Tổng quan",icon:"dashboard"},{value:"apiKeys",label:"API keys",icon:"vpn_key"},{value:"clients",label:"Client/User",icon:"groups"},{value:"sources",label:"Source IP / Tool",icon:"hub"},{value:"providers",label:"Provider / Model",icon:"dns"},{value:"experience",label:"Trải nghiệm",icon:"speed"},{value:"errors",label:"Lỗi & bất thường",icon:"warning"},{value:"raw",label:"Raw usage",icon:"table"}];function i(e,t=0){return Number(e||0).toLocaleString("vi-VN",{maximumFractionDigits:t})}function d(e){let t=Number(e||0);return Intl.NumberFormat("vi-VN",{notation:"compact",maximumFractionDigits:1}).format(t)}function c(e){let t=100*Number(e||0);return`${t.toLocaleString("vi-VN",{maximumFractionDigits:1})}%`}function x(e){let t=Number(e||0);return t?`$${t.toLocaleString("vi-VN",{minimumFractionDigits:4,maximumFractionDigits:6})}`:"$0"}function m(e){if(null==e||Number.isNaN(Number(e)))return"-";let t=Number(e);return t>=1e3?`${(t/1e3).toLocaleString("vi-VN",{maximumFractionDigits:2})}s`:`${t.toLocaleString("vi-VN",{maximumFractionDigits:0})}ms`}function u(e,t="/s"){if(null==e||Number.isNaN(Number(e)))return"-";let s=Number(e);return`${s.toLocaleString("vi-VN",{maximumFractionDigits:s>=10?1:2})}${t}`}function p(e){return null==e||Number.isNaN(Number(e))?"-":`${Number(e).toLocaleString("vi-VN",{maximumFractionDigits:0})}/100`}function h(e){if(!e)return"-";try{let t=new Date(e);if(Number.isNaN(t.getTime()))return String(e);return t.toLocaleString("vi-VN",{day:"2-digit",month:"2-digit",year:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit",hour12:!1})}catch{return String(e)}}function b(e){if(!e)return"";try{let t=new Date(e);if(Number.isNaN(t.getTime()))return String(e);return t.toLocaleString("vi-VN",{month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",hour12:!1})}catch{return String(e)}}function g(...e){return e.filter(Boolean).join(" ")}function j(e,t={}){let s=new URLSearchParams;return Object.entries({...e,...t}).forEach(([e,t])=>{let r=String(t??"").trim();r&&s.set(e,r)}),s.toString()}function y({children:e,className:t=""}){return(0,r.jsx)("div",{className:g("min-w-0 rounded-2xl border border-border bg-surface p-5 shadow-sm",t),children:e})}function v({icon:e,label:t,value:s,hint:n,tone:l="blue"}){return(0,r.jsx)(y,{className:"min-h-[126px]",children:(0,r.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-sm font-medium text-text-muted",children:t}),(0,r.jsx)("div",{className:"mt-2 text-2xl font-semibold text-text-main",children:s}),n?(0,r.jsx)("div",{className:"mt-2 text-xs text-text-muted",children:n}):null]}),(0,r.jsx)("div",{className:g("flex h-10 w-10 items-center justify-center rounded-xl",{blue:"bg-blue-500/10 text-blue-600 dark:text-blue-300",green:"bg-green-500/10 text-green-600 dark:text-green-300",red:"bg-red-500/10 text-red-600 dark:text-red-300",amber:"bg-amber-500/10 text-amber-600 dark:text-amber-300",purple:"bg-purple-500/10 text-purple-600 dark:text-purple-300",slate:"bg-slate-500/10 text-slate-600 dark:text-slate-300"}[l]||"bg-blue-500/10 text-blue-600 dark:text-blue-300"),children:(0,r.jsx)("span",{className:"material-symbols-outlined text-[22px]",children:e})})]})})}function k({label:e,children:t}){return(0,r.jsxs)("label",{className:"space-y-1.5 text-xs font-medium text-text-muted",children:[(0,r.jsx)("span",{children:e}),t]})}function N({value:e,onChange:t,children:s}){return(0,r.jsx)("select",{value:e||"",onChange:e=>t(e.target.value),className:"h-10 w-full rounded-xl border border-border bg-background px-3 text-sm text-text-main outline-none transition focus:border-primary/60 focus:ring-2 focus:ring-primary/20",children:s})}function f({value:e,onChange:t,placeholder:s="",type:n="text"}){return(0,r.jsx)("input",{value:e||"",type:n,onChange:e=>t(e.target.value),placeholder:s,className:"h-10 w-full rounded-xl border border-border bg-background px-3 text-sm text-text-main outline-none transition placeholder:text-text-muted/60 focus:border-primary/60 focus:ring-2 focus:ring-primary/20"})}function T(){return(0,r.jsxs)("div",{className:"space-y-4",children:[(0,r.jsx)("div",{className:"grid gap-4 md:grid-cols-2 xl:grid-cols-4",children:Array.from({length:8}).map((e,t)=>(0,r.jsx)("div",{className:"h-32 animate-pulse rounded-2xl border border-border bg-surface"},t))}),(0,r.jsx)("div",{className:"h-80 animate-pulse rounded-2xl border border-border bg-surface"})]})}function w({title:e="Kh\xf4ng c\xf3 dữ liệu",description:t="Kh\xf4ng t\xecm thấy dữ liệu theo bộ lọc hiện tại."}){return(0,r.jsxs)("div",{className:"flex min-h-[180px] flex-col items-center justify-center rounded-2xl border border-dashed border-border bg-surface/60 p-8 text-center",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-4xl text-text-muted",children:"database_off"}),(0,r.jsx)("div",{className:"mt-3 text-sm font-semibold text-text-main",children:e}),(0,r.jsx)("div",{className:"mt-1 max-w-xl text-sm text-text-muted",children:t})]})}function P({data:e=[],valueKey:t="totalTokens",secondaryKey:s="requests",height:n=220}){let l=e||[],a=Math.max(...l.map(e=>Number(e[t]||0)),1),o=Math.max(...l.map(e=>Number(e[s]||0)),1);return 0===l.length?(0,r.jsx)(w,{description:"Chưa c\xf3 time-series trong khoảng thời gian n\xe0y."}):(0,r.jsx)("div",{className:"overflow-x-auto",children:(0,r.jsxs)("div",{className:"min-w-[720px]",children:[(0,r.jsx)("div",{className:"flex items-end gap-1",style:{height:n},children:l.map((e,l)=>{let d=Math.max(2,Number(e[t]||0)/a*(n-42)),c=Math.max(2,Number(e[s]||0)/o*(n-42));return(0,r.jsx)("div",{className:"group flex flex-1 flex-col items-center justify-end gap-1",children:(0,r.jsxs)("div",{className:"relative flex h-full w-full max-w-[34px] items-end justify-center gap-0.5",children:[(0,r.jsx)("div",{className:"w-2 rounded-t bg-primary/70",style:{height:d}}),(0,r.jsx)("div",{className:"w-2 rounded-t bg-amber-500/70",style:{height:c}}),(0,r.jsxs)("div",{className:"pointer-events-none absolute bottom-full left-1/2 z-20 hidden w-56 -translate-x-1/2 rounded-xl border border-border bg-surface p-3 text-left text-xs shadow-xl group-hover:block",children:[(0,r.jsx)("div",{className:"font-semibold text-text-main",children:b(e.label)}),(0,r.jsxs)("div",{className:"mt-1 text-text-muted",children:["Request: ",i(e.requests)]}),(0,r.jsxs)("div",{className:"text-text-muted",children:["Input token: ",i(e.promptTokens)]}),(0,r.jsxs)("div",{className:"text-text-muted",children:["Output token: ",i(e.completionTokens)]}),(0,r.jsxs)("div",{className:"text-text-muted",children:["Tổng token: ",i(e.totalTokens)]}),(0,r.jsxs)("div",{className:"text-text-muted",children:["Lỗi: ",i(e.errors)]})]})]})},`${e.label}-${l}`)})}),(0,r.jsxs)("div",{className:"mt-3 flex justify-between gap-2 text-[11px] text-text-muted",children:[(0,r.jsx)("span",{children:b(l[0]?.label)}),(0,r.jsx)("span",{children:b(l[Math.floor(l.length/2)]?.label)}),(0,r.jsx)("span",{children:b(l[l.length-1]?.label)})]})]})})}function S(){return(0,r.jsxs)("div",{className:"flex flex-wrap gap-3 text-xs text-text-muted",children:[(0,r.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,r.jsx)("span",{className:"h-2.5 w-2.5 rounded-sm bg-primary/70"}),"Token"]}),(0,r.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,r.jsx)("span",{className:"h-2.5 w-2.5 rounded-sm bg-amber-500/70"}),"Request"]})]})}function q({columns:e,rows:t,empty:s="Kh\xf4ng c\xf3 dữ liệu"}){return t&&0!==t.length?(0,r.jsx)("div",{className:"overflow-x-auto overflow-y-auto rounded-2xl border border-border",style:{maxHeight:"500px"},children:(0,r.jsxs)("table",{className:"min-w-full divide-y divide-border text-sm",children:[(0,r.jsx)("thead",{className:"bg-background/70",children:(0,r.jsx)("tr",{children:e.map(e=>(0,r.jsx)("th",{className:g("whitespace-nowrap px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-text-muted",e.className),children:e.label},e.key))})}),(0,r.jsx)("tbody",{className:"divide-y divide-border bg-surface",children:t.map((t,s)=>(0,r.jsx)("tr",{className:"hover:bg-background/60",children:e.map(e=>(0,r.jsx)("td",{className:g("whitespace-nowrap px-4 py-3 align-top text-text-main",e.className),children:e.render?e.render(t,s):t[e.key]??"-"},e.key))},t.key||t.id||`${t.label}-${s}`))})]})}):(0,r.jsx)(w,{title:s})}function I({items:e=[]}){return e&&0!==e.length?(0,r.jsx)("div",{className:"flex max-w-[360px] flex-wrap gap-1.5",children:e.slice(0,3).map(e=>(0,r.jsxs)("span",{className:"rounded-full bg-primary/10 px-2 py-0.5 text-xs text-primary",children:[e.label||e.key," \xb7 ",i(e.count??e.requests??e.totalTokens??0)]},e.key))}):(0,r.jsx)("span",{className:"text-text-muted",children:"-"})}function R({row:e}){return(0,r.jsxs)("div",{className:"space-y-1 text-xs",children:[(0,r.jsxs)("div",{className:"font-semibold text-text-main",children:[d(e.totalTokens)," token"]}),(0,r.jsxs)("div",{className:"text-text-muted",children:["In ",d(e.promptTokens)," / Out ",d(e.completionTokens)]})]})}function L({value:e}){let t=Number(e||0);return(0,r.jsx)("span",{className:g("rounded-full px-2 py-1 text-xs font-semibold",t>=.2?"bg-red-500/10 text-red-600 dark:text-red-300":t>=.05?"bg-amber-500/10 text-amber-600 dark:text-amber-300":"bg-green-500/10 text-green-600 dark:text-green-300"),children:c(t)})}function M({level:e,label:t}){let s=String(e||"none");return(0,r.jsx)("span",{className:g("rounded-full px-2 py-1 text-xs font-semibold",{fast:"bg-green-500/10 text-green-700 dark:text-green-300",ok:"bg-blue-500/10 text-blue-700 dark:text-blue-300",slow:"bg-amber-500/10 text-amber-700 dark:text-amber-300",very_slow:"bg-red-500/10 text-red-700 dark:text-red-300",low_sample:"bg-amber-500/10 text-amber-700 dark:text-amber-300",none:"bg-slate-500/10 text-slate-700 dark:text-slate-300"}[s]||"bg-slate-500/10 text-slate-700 dark:text-slate-300"),children:t||"-"})}function C({level:e,label:t}){let s=String(e||"normal");return(0,r.jsx)("span",{className:g("rounded-full px-2 py-1 text-xs font-semibold",{critical:"bg-red-500/10 text-red-700 dark:text-red-300",high:"bg-amber-500/10 text-amber-700 dark:text-amber-300",medium:"bg-blue-500/10 text-blue-700 dark:text-blue-300",normal:"bg-green-500/10 text-green-700 dark:text-green-300",none:"bg-slate-500/10 text-slate-700 dark:text-slate-300"}[s]||"bg-slate-500/10 text-slate-700 dark:text-slate-300"),children:t||"-"})}function K({value:e}){let t=String(e||"unknown"),s={gateway:{label:"Gateway",cls:"bg-purple-500/10 text-purple-700 dark:text-purple-300"},upstream:{label:"Upstream",cls:"bg-red-500/10 text-red-700 dark:text-red-300"},client:{label:"Client",cls:"bg-slate-500/10 text-slate-700 dark:text-slate-300"},rate_limit:{label:"Rate limit",cls:"bg-amber-500/10 text-amber-700 dark:text-amber-300"},unknown:{label:"Unknown",cls:"bg-zinc-500/10 text-zinc-700 dark:text-zinc-300"}}[t]||{label:t,cls:"bg-zinc-500/10 text-zinc-700 dark:text-zinc-300"};return(0,r.jsx)("span",{className:g("rounded-full px-2 py-1 text-xs font-semibold",s.cls),children:s.label})}function A({row:e}){let t=e.sampleMessage||e.errorMessageShort||"";return t?(0,r.jsx)("span",{className:"block max-w-[360px] truncate text-xs text-text-muted",title:t,children:t}):(0,r.jsx)("span",{className:"text-text-muted",children:"-"})}function $({icon:e,label:t,value:s,hint:n,tone:l="slate"}){return(0,r.jsx)("div",{className:g("rounded-2xl border p-4 shadow-sm",{red:"border-red-500/20 bg-red-500/10 text-red-700 dark:text-red-300",amber:"border-amber-500/20 bg-amber-500/10 text-amber-700 dark:text-amber-300",purple:"border-purple-500/20 bg-purple-500/10 text-purple-700 dark:text-purple-300",slate:"border-border bg-surface text-text-main",green:"border-green-500/20 bg-green-500/10 text-green-700 dark:text-green-300"}[l]||"border-border bg-surface text-text-main"),children:(0,r.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-xs font-semibold uppercase tracking-wide opacity-75",children:t}),(0,r.jsx)("div",{className:"mt-2 text-2xl font-bold",children:i(s)}),n?(0,r.jsx)("div",{className:"mt-1 text-xs opacity-80",children:n}):null]}),(0,r.jsx)("span",{className:"material-symbols-outlined text-[24px] opacity-80",children:e})]})})}function E({anomaly:e}){let t="danger"===e.level?"border-red-500/30 bg-red-500/10 text-red-700 dark:text-red-300":"border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-300",s="danger"===e.level?"error":"warning";return(0,r.jsx)("div",{className:g("rounded-2xl border p-4",t),children:(0,r.jsxs)("div",{className:"flex gap-3",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[22px]",children:s}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-semibold",children:e.title}),(0,r.jsx)("div",{className:"mt-1 text-sm opacity-90",children:e.detail})]})]})})}function F({notes:e=[]}){return e.length?(0,r.jsx)("div",{className:"space-y-2 rounded-2xl border border-blue-500/20 bg-blue-500/10 p-4 text-sm text-blue-700 dark:text-blue-300",children:e.map((e,t)=>(0,r.jsxs)("div",{className:"flex gap-2",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"info"}),(0,r.jsx)("span",{children:e})]},t))}):null}function _({filters:e,setFilters:t,options:s,onRefresh:n,onExportCsv:l,loading:o,showProviderFilters:i=!0}){let d=(e,s)=>t(t=>({...t,[e]:s}));return(0,r.jsxs)(y,{children:[(0,r.jsxs)("div",{className:"grid gap-3 md:grid-cols-2 xl:grid-cols-6",children:[(0,r.jsx)(k,{label:"Khoảng thời gian",children:(0,r.jsx)(N,{value:e.period,onChange:e=>d("period",e),children:a.map(e=>(0,r.jsx)("option",{value:e.value,children:e.label},e.value))})}),(0,r.jsx)(k,{label:"Từ ng\xe0y",children:(0,r.jsx)(f,{type:"datetime-local",value:e.dateFrom,onChange:e=>d("dateFrom",e)})}),(0,r.jsx)(k,{label:"Đến ng\xe0y",children:(0,r.jsx)(f,{type:"datetime-local",value:e.dateTo,onChange:e=>d("dateTo",e)})}),i?(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(k,{label:"Provider",children:(0,r.jsxs)(N,{value:e.provider,onChange:e=>d("provider",e),children:[(0,r.jsx)("option",{value:"",children:"Tất cả provider"}),(s.providers||[]).map(e=>{let t="string"==typeof e?e:e.value,s="string"==typeof e?e:e.label||e.value;return(0,r.jsx)("option",{value:t,children:s},t)})]})}),(0,r.jsx)(k,{label:"Model",children:(0,r.jsxs)(N,{value:e.model,onChange:e=>d("model",e),children:[(0,r.jsx)("option",{value:"",children:"Tất cả model"}),(s.models||[]).map(e=>(0,r.jsx)("option",{value:e,children:e},e))]})}),(0,r.jsx)(k,{label:"Provider account",children:(0,r.jsxs)(N,{value:e.connectionId,onChange:e=>d("connectionId",e),children:[(0,r.jsx)("option",{value:"",children:"Tất cả account"}),(s.connections||[]).map(e=>(0,r.jsx)("option",{value:e.value,children:e.label},e.value))]})})]}):null,(0,r.jsx)(k,{label:"API key",children:(0,r.jsxs)(N,{value:e.apiKey,onChange:e=>d("apiKey",e),children:[(0,r.jsx)("option",{value:"",children:"Tất cả API key"}),(s.apiKeys||[]).map(e=>(0,r.jsx)("option",{value:e.value,children:e.label},e.value))]})}),(0,r.jsx)(k,{label:"Source IP",children:(0,r.jsx)(f,{value:e.clientIp,onChange:e=>d("clientIp",e),placeholder:"172.16.253.1"})}),(0,r.jsx)(k,{label:"Source tool",children:(0,r.jsx)(f,{value:e.sourceTool,onChange:e=>d("sourceTool",e),placeholder:"copilot, antigravity..."})}),(0,r.jsx)(k,{label:"Endpoint",children:(0,r.jsxs)(N,{value:e.endpoint,onChange:e=>d("endpoint",e),children:[(0,r.jsx)("option",{value:"",children:"Tất cả endpoint"}),(s.endpoints||[]).map(e=>(0,r.jsx)("option",{value:e,children:e},e))]})}),(0,r.jsx)(k,{label:"Status",children:(0,r.jsxs)(N,{value:e.status,onChange:e=>d("status",e),children:[(0,r.jsx)("option",{value:"",children:"Tất cả status"}),(s.statuses||[]).map(e=>(0,r.jsx)("option",{value:e,children:e},e))]})}),(0,r.jsx)(k,{label:"Session / keyword",children:(0,r.jsx)(f,{value:e.sessionId||e.keyword,onChange:e=>d("keyword",e),placeholder:"session, prompt, error..."})})]}),(0,r.jsxs)("div",{className:"mt-4 flex flex-wrap items-center justify-between gap-3",children:[(0,r.jsx)("div",{className:"text-xs text-text-muted",children:"Token/cost lấy từ UsageHistory. Source IP/tool/session lấy từ Prompt Logs."}),(0,r.jsxs)("div",{className:"flex flex-wrap gap-2",children:[(0,r.jsx)("button",{onClick:()=>t({period:"today",dateFrom:"",dateTo:"",provider:"",model:"",connectionId:"",status:"",endpoint:"",apiKey:"",clientIp:"",sourceTool:"",sessionId:"",keyword:""}),className:"rounded-xl border border-border px-3 py-2 text-sm font-medium text-text-main hover:bg-background",children:"Reset"}),(0,r.jsxs)("button",{onClick:l,className:"rounded-xl border border-border px-3 py-2 text-sm font-medium text-text-main hover:bg-background",children:[(0,r.jsx)("span",{className:"material-symbols-outlined mr-1 align-[-4px] text-[18px]",children:"download"}),"Export CSV"]}),(0,r.jsxs)("button",{onClick:n,disabled:o,className:"rounded-xl bg-primary px-4 py-2 text-sm font-semibold text-white shadow-sm disabled:opacity-60",children:[(0,r.jsx)("span",{className:"material-symbols-outlined mr-1 align-[-4px] text-[18px]",children:"refresh"}),o?"Đang tải...":"Refresh"]})]})]})]})}function O({data:e}){let t=e.overview||{},s=e.latency||{},n=e.experience||{};return(0,r.jsxs)("div",{className:"space-y-5",children:[(0,r.jsxs)("div",{className:"grid gap-4 md:grid-cols-2 xl:grid-cols-4",children:[(0,r.jsx)(v,{icon:"call_made",label:"Tổng request",value:i(t.requests),hint:`${i(t.requestsPerMinute,2)} request/ph\xfat`}),(0,r.jsx)(v,{icon:"check_circle",label:"Th\xe0nh c\xf4ng",value:i(t.success),hint:`Tỷ lệ lỗi ${c(t.errorRate)}`,tone:"green"}),(0,r.jsx)(v,{icon:"dns",label:"Lỗi server/provider",value:i(t.serverErrorEvents),hint:`Server-impacting ${c(t.serverErrorRate)} \xb7 client ${i(t.clientErrorEvents)}`,tone:t.serverErrorEvents?"red":"green"}),(0,r.jsx)(v,{icon:"speed",label:"Trải nghiệm",value:p(n.score),hint:`${n.label||"-"} \xb7 ${i(n.samples)} mẫu`,tone:n.tone||"purple"}),(0,r.jsx)(v,{icon:"timer",label:"Latency P95",value:m(n.p95LatencyMs||s.p95Ms),hint:`AVG ${m(n.avgLatencyMs||s.avgMs)} \xb7 P50 ${m(n.p50LatencyMs||s.p50Ms)}`,tone:"purple"}),(0,r.jsx)(v,{icon:"bolt",label:"TTFT P95",value:m(n.p95TtftMs),hint:"Thời gian chờ token đầu ti\xean",tone:n.slowTtftRate>=.2?"amber":"blue"}),(0,r.jsx)(v,{icon:"input",label:"Input P95",value:d(n.p95PromptTokens||0),hint:`Avg ${d(n.avgPromptTokens||t.avgPromptTokens)} \xb7 >=30k ${c(n.longInputRate)}`}),(0,r.jsx)(v,{icon:"person_alert",label:"Top user nặng",value:t.topHeavyUser||"-",hint:`Chiếm ${c(t.topHeavyUserTokenShare)} tổng token`,tone:t.topHeavyUserTokenShare>=.35?"amber":"slate"}),(0,r.jsx)(v,{icon:"running_with_errors",label:"Request chậm",value:c(n.slowRequestRate),hint:`>= ${m(n.thresholds?.slowLatencyMs||45e3)} \xb7 max ${m(n.maxLatencyMs)}`,tone:n.slowRequestRate>=.2?"amber":"green"}),(0,r.jsx)(v,{icon:"output",label:"Output tokens",value:d(t.completionTokens),hint:`Avg ${i(t.avgCompletionTokens,1)} / request`}),(0,r.jsx)(v,{icon:"token",label:"Tổng tokens",value:d(t.totalTokens),hint:`${d(t.tokensPerMinute)} token/ph\xfat`,tone:"amber"}),(0,r.jsx)(v,{icon:"speed",label:"Output speed",value:u(n.decodeTokensPerSecond," tok/s"),hint:`Latency/10k input ${m(n.latencyMsPer10kInputTokens)}`,tone:"slate"}),(0,r.jsx)(v,{icon:"payments",label:"Cost ước t\xednh",value:x(t.cost),hint:"Dựa tr\xean pricing đ\xe3 cấu h\xecnh",tone:"green"})]}),(0,r.jsxs)("div",{className:"grid min-w-0 gap-5 xl:grid-cols-[2fr_1fr]",children:[(0,r.jsxs)(y,{children:[(0,r.jsxs)("div",{className:"mb-4 flex flex-wrap items-center justify-between gap-3",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Tần suất request & token theo thời gian"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Cột xanh l\xe0 token, cột v\xe0ng l\xe0 số request trong từng bucket thời gian."})]}),(0,r.jsx)(S,{})]}),(0,r.jsx)(P,{data:e.timeSeries||[]})]}),(0,r.jsxs)(y,{children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"T\xf3m tắt active"}),(0,r.jsx)("div",{className:"mt-4 space-y-3",children:[["API key đang d\xf9ng",t.activeApiKeys],["Provider active",t.activeProviders],["Model active",t.activeModels],["Endpoint active",t.activeEndpoints],["Cached tokens",t.cachedTokens],["Reasoning tokens",t.reasoningTokens],["Latency AVG",m(n.avgLatencyMs||s.avgMs)],["Latency P50",m(n.p50LatencyMs||s.p50Ms)],["Latency P99",m(n.p99LatencyMs||s.p99Ms)],["TTFT P95",m(n.p95TtftMs)],["Input P95",d(n.p95PromptTokens||0)],["Long input >=30k",c(n.longInputRate)]].map(([e,t])=>(0,r.jsxs)("div",{className:"flex items-center justify-between rounded-xl bg-background px-3 py-2",children:[(0,r.jsx)("span",{className:"text-sm text-text-muted",children:e}),(0,r.jsx)("span",{className:"font-semibold text-text-main",children:"number"==typeof t?i(t):t})]},e))})]})]}),(0,r.jsxs)("div",{className:"grid gap-5 xl:grid-cols-2",children:[(0,r.jsxs)(y,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Top API key d\xf9ng nhiều token"}),(0,r.jsx)(q,{rows:(e.clientRequests?.topApiKeysByTokens||e.groups?.apiKeys||[]).slice(0,8),columns:[{key:"name",label:"API key",render:e=>(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-semibold",children:e.name||e.label}),(0,r.jsxs)("div",{className:"text-xs text-text-muted",children:[e.fingerprint||e.apiKeyFingerprint,e.ownerUser||e.apiKeyOwner?` \xb7 ${e.ownerUser||e.apiKeyOwner}`:""]})]})},{key:"requests",label:"Req",render:e=>i(e.requests)},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(R,{row:e})},{key:"input",label:"P95/Max input",render:e=>(0,r.jsxs)("div",{className:"text-xs",children:[(0,r.jsx)("div",{children:d(e.p95PromptTokens||0)}),(0,r.jsxs)("div",{className:"text-text-muted",children:["max ",d(e.maxPromptTokens||0)]})]})}]})]}),(0,r.jsxs)(y,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Top Source IP d\xf9ng nhiều token"}),(0,r.jsx)(q,{rows:(e.clientRequests?.topSourceIpsByTokens||[]).slice(0,8),columns:[{key:"label",label:"Source IP",render:e=>(0,r.jsx)("span",{className:"font-mono text-xs",children:e.label})},{key:"requests",label:"Req",render:e=>i(e.requests)},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(R,{row:e})},{key:"heavy",label:"Nặng",render:e=>(0,r.jsxs)("span",{className:"text-xs text-text-muted",children:[i(e.heavyRequests||0)," req"]})}],empty:"Kh\xf4ng c\xf3 Source IP c\xf3 token trong khoảng lọc."})]})]})]})}function U({data:e}){let t=e.clientRequests||{},s=t.summary||{},n=t.topHeavyUsers||[],l=t.topProblemClients||[],a=t.topApiKeysByTokens||[],o=t.topSourceIpsByTokens||[];t.topSourceIpsByHeavyRequests;let x=t.inputBuckets||[],u=e=>(0,r.jsxs)("div",{className:"min-w-[220px]",children:[(0,r.jsx)("div",{className:"font-semibold text-text-main",children:e.label}),(0,r.jsx)("div",{className:"mt-1 text-xs text-text-muted",children:e.ownerUser?`Owner ${e.ownerUser}`:e.apiKeyName||"Kh\xf4ng c\xf3 owner"}),(0,r.jsx)("div",{className:"font-mono text-[11px] text-text-muted",children:e.apiKeyFingerprint||e.primaryClientIp||e.key})]}),p=e=>(0,r.jsxs)("div",{className:"space-y-1 text-xs",children:[(0,r.jsxs)("div",{children:["Nặng ",i(e.heavyRequests)," \xb7 ",c(e.heavyRequestRate)]}),(0,r.jsxs)("div",{className:"text-text-muted",children:["P95 input ",d(e.p95PromptTokens)," \xb7 Max ",d(e.maxPromptTokens)]}),(0,r.jsxs)("div",{className:"text-text-muted",children:[">=70k ",i(e.extremeInputRequests)," \xb7 ",c(e.extremeInputRate)]})]});return(0,r.jsxs)("div",{className:"space-y-5",children:[(0,r.jsxs)("div",{className:"grid gap-4 md:grid-cols-2 xl:grid-cols-4",children:[(0,r.jsx)(v,{icon:"person_alert",label:"Top user nặng nhất",value:s.topUserLabel||"-",hint:`${d(s.topUserTokens)} token \xb7 ${c(s.topUserTokenShare)} tổng token`,tone:s.topUserTokenShare>=.35?"amber":"slate"}),(0,r.jsx)(v,{icon:"vpn_key",label:"Top API key nhiều token",value:s.topApiKeyLabel||"-",hint:`${d(s.topApiKeyTokens)} token \xb7 ${c(s.topApiKeyTokenShare)} tổng token`,tone:s.topApiKeyTokenShare>=.35?"amber":"blue"}),(0,r.jsx)(v,{icon:"lan",label:"Top IP nhiều token",value:s.topSourceIpLabel||"-",hint:`${d(s.topSourceIpTokens)} token \xb7 ${c(s.topSourceIpTokenShare)} tổng token`,tone:s.topSourceIpTokenShare>=.35?"amber":"purple"}),(0,r.jsx)(v,{icon:"input",label:"Input d\xe0i >=30k",value:c(s.longInputBucketShare||0),hint:`>=70k ${c(s.extremeInputShare||0)}`,tone:(s.extremeInputShare||0)>=.1?"amber":"green"}),(0,r.jsx)(v,{icon:"groups",label:"User/API key được theo d\xf5i",value:i(s.trackedUsers||0),hint:"Theo owner/API key fingerprint/source IP",tone:"blue"}),(0,r.jsx)(v,{icon:"network_check",label:"Top IP request nặng",value:s.topSourceIpHeavyLabel||"-",hint:`${i(s.topSourceIpHeavyRequests||0)} request >=30k input/total`,tone:s.topSourceIpHeavyRequests?"amber":"slate"}),(0,r.jsx)(v,{icon:"report",label:"Client lỗi nhiều",value:i(s.problemClients||0),hint:"Nh\xf3m user/API key c\xf3 error rows",tone:s.problemClients?"amber":"green"})]}),(0,r.jsxs)(y,{children:[(0,r.jsxs)("div",{className:"mb-4 flex flex-wrap items-start justify-between gap-3",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Top user/API key gửi request nặng nhất"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Xếp theo tổng input/output token của request th\xe0nh c\xf4ng c\xf3 token. D\xf9ng để ph\xe1t hiện user VS Code/agent đang tạo tải long-context lớn."})]}),(0,r.jsx)("span",{className:"rounded-full bg-primary/10 px-3 py-1 text-xs font-semibold text-primary",children:"Kh\xf4ng hiển thị full bearer token"})]}),(0,r.jsx)(q,{rows:n,columns:[{key:"user",label:"User/API key",render:u},{key:"quality",label:"\xc1p lực",render:e=>(0,r.jsx)(C,{level:e.level,label:e.pressureLabel})},{key:"requests",label:"Req",render:e=>i(e.requests)},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(R,{row:e})},{key:"input",label:"Input pressure",render:e=>(0,r.jsxs)("div",{className:"space-y-1 text-xs",children:[(0,r.jsxs)("div",{children:["Avg ",d(e.avgPromptTokens)," \xb7 P95 ",d(e.p95PromptTokens)]}),(0,r.jsxs)("div",{className:"text-text-muted",children:["Max ",d(e.maxPromptTokens)," \xb7 >=30k ",c(e.longInputRate)]}),(0,r.jsxs)("div",{className:"text-text-muted",children:[">=50k ",c(e.hugeInputRate)," \xb7 >=70k ",c(e.extremeInputRate)]})]})},{key:"latency",label:"Latency / TTFT",render:e=>(0,r.jsxs)("div",{className:"space-y-1 text-xs",children:[(0,r.jsxs)("div",{children:["P95 ",m(e.p95LatencyMs)," \xb7 Max ",m(e.maxLatencyMs)]}),(0,r.jsxs)("div",{className:"text-text-muted",children:["TTFT P95 ",m(e.p95TtftMs)," \xb7 Slow ",c(e.slowRequestRate)]})]})},{key:"topModels",label:"Top model",render:e=>(0,r.jsx)(I,{items:e.topModels})},{key:"topIps",label:"IP / Tool",render:e=>(0,r.jsxs)("div",{className:"space-y-1",children:[(0,r.jsx)(I,{items:e.topIps}),(0,r.jsx)(I,{items:e.topTools})]})},{key:"meta",label:"Meta",render:e=>(0,r.jsxs)("div",{className:"space-y-1 text-xs text-text-muted",children:[(0,r.jsxs)("div",{children:["Key ",i(e.apiKeyCount)," \xb7 IP ",i(e.sourceIpCount)," \xb7 Tool ",i(e.sourceToolCount)]}),(0,r.jsxs)("div",{children:["Session ",i(e.sessionCount)," \xb7 Last ",h(e.lastSeen)]})]})}],empty:"Kh\xf4ng c\xf3 request th\xe0nh c\xf4ng c\xf3 token trong khoảng lọc."})]}),(0,r.jsxs)("div",{className:"grid gap-5 xl:grid-cols-2",children:[(0,r.jsxs)(y,{children:[(0,r.jsxs)("div",{className:"mb-4",children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Top API key d\xf9ng nhiều token nhất"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Xếp theo tổng input + output token từ UsageHistory, kh\xf4ng lộ full bearer token."})]}),(0,r.jsx)(q,{rows:a,columns:[{key:"apiKey",label:"API key",render:e=>(0,r.jsxs)("div",{className:"min-w-[220px]",children:[(0,r.jsx)("div",{className:"font-semibold text-text-main",children:e.label}),(0,r.jsx)("div",{className:"mt-1 text-xs text-text-muted",children:e.apiKeyOwner?`Owner ${e.apiKeyOwner}`:e.apiKeyName||e.primarySourceTool||"-"}),(0,r.jsx)("div",{className:"font-mono text-[11px] text-text-muted",children:e.apiKeyFingerprint||e.primaryClientIp||e.key})]})},{key:"requests",label:"Req",render:e=>i(e.requests)},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(R,{row:e})},{key:"input",label:"Input nặng",render:p},{key:"meta",label:"Nguồn",render:e=>(0,r.jsxs)("div",{className:"text-xs text-text-muted",children:[(0,r.jsxs)("div",{children:["IP ",i(e.sourceIpCount)," \xb7 Tool ",i(e.sourceToolCount)]}),(0,r.jsxs)("div",{children:["Model ",i(e.modelCount)," \xb7 Provider ",i(e.providerCount)]})]})},{key:"lastSeen",label:"Last seen",render:e=>h(e.lastSeen)}],empty:"Kh\xf4ng c\xf3 API key c\xf3 token trong khoảng lọc."})]}),(0,r.jsxs)(y,{children:[(0,r.jsxs)("div",{className:"mb-4",children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Top Source IP d\xf9ng nhiều token nhất"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Dựa tr\xean UsageHistory n\xean c\xf3 input/output token, kh\xe1c với bảng Source IP từ Prompt Logs chỉ đếm log."})]}),(0,r.jsx)(q,{rows:o,columns:[{key:"ip",label:"Source IP",render:e=>(0,r.jsxs)("div",{className:"min-w-[180px]",children:[(0,r.jsx)("div",{className:"font-mono text-sm font-semibold text-text-main",children:e.label}),(0,r.jsxs)("div",{className:"mt-1 text-xs text-text-muted",children:["Tool ",i(e.sourceToolCount)," \xb7 API key ",i(e.apiKeyCount)]}),(0,r.jsxs)("div",{className:"text-xs text-text-muted",children:["Model ",i(e.modelCount)," \xb7 Provider ",i(e.providerCount)]})]})},{key:"requests",label:"Req",render:e=>i(e.requests)},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(R,{row:e})},{key:"input",label:"Input nặng",render:p},{key:"lastSeen",label:"Last seen",render:e=>h(e.lastSeen)}],empty:"Kh\xf4ng c\xf3 Source IP c\xf3 token trong khoảng lọc."})]})]}),(0,r.jsxs)("div",{className:"grid gap-5 xl:grid-cols-2",children:[(0,r.jsxs)(y,{children:[(0,r.jsxs)("div",{className:"mb-4",children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Ph\xe2n bố request theo k\xedch thước input"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Gi\xfap admin biết workload đang l\xe0 chat ngắn hay long-context VS Code/agent."})]}),(0,r.jsx)(q,{rows:x,columns:[{key:"label",label:"Input bucket",render:e=>(0,r.jsx)("span",{className:"font-mono text-xs",children:e.label})},{key:"requests",label:"Req",render:e=>i(e.requests)},{key:"share",label:"Tỷ trọng",render:e=>c(e.share)},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(R,{row:e})},{key:"latency",label:"Latency P95/MAX",render:e=>(0,r.jsxs)("div",{className:"text-xs",children:[(0,r.jsxs)("div",{children:[m(e.p95LatencyMs)," / ",m(e.maxLatencyMs)]}),(0,r.jsxs)("div",{className:"text-text-muted",children:["TTFT P95 ",m(e.p95TtftMs)]})]})}],empty:"Kh\xf4ng c\xf3 dữ liệu bucket input."})]}),(0,r.jsxs)(y,{children:[(0,r.jsxs)("div",{className:"mb-4",children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Client/API key lỗi nhiều"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"D\xf9ng để ph\xe1t hiện sai endpoint/model/auth/policy hoặc client tool cấu h\xecnh sai."})]}),(0,r.jsx)(q,{rows:l,columns:[{key:"user",label:"Client",render:u},{key:"requests",label:"Req",render:e=>i(e.requests)},{key:"errors",label:"Lỗi",render:e=>i(e.errors)},{key:"errorRate",label:"Error %",render:e=>(0,r.jsx)(L,{value:e.errorRate})},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(R,{row:e})},{key:"source",label:"IP/Tool",render:e=>(0,r.jsxs)("div",{className:"text-xs",children:[(0,r.jsx)("div",{className:"font-mono",children:e.primaryClientIp||"-"}),(0,r.jsx)("div",{className:"text-text-muted",children:e.primarySourceTool||"-"})]})},{key:"lastSeen",label:"Last seen",render:e=>h(e.lastSeen)}],empty:"Kh\xf4ng c\xf3 client lỗi theo bộ lọc hiện tại."})]})]}),(0,r.jsxs)(y,{children:[(0,r.jsxs)("div",{className:"mb-4",children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"G\xf3c nh\xecn monitor client n\xean d\xf9ng"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"C\xe1c chỉ số n\xe0y bổ sung cho latency/model để admin ph\xe2n biệt server chậm hay client gửi request qu\xe1 nặng."})]}),(0,r.jsx)("div",{className:"grid gap-3 text-sm md:grid-cols-2 xl:grid-cols-3",children:[["Token/user","X\xe1c định user/API key tạo tải lớn nhất, hữu \xedch cho quota v\xe0 hướng dẫn workflow VS Code."],["Input bucket","Nếu phần lớn request nằm ở 30k-70k+, P95/P99 cao chủ yếu do prompt eval/context d\xe0i."],["TTFT theo user","TTFT cao cho một user thường l\xe0 input d\xe0i hoặc chờ slot, kh\xf4ng nhất thiết provider lỗi."],["Error theo client","T\xe1ch lỗi sai endpoint/model/API key khỏi lỗi server/provider để kh\xf4ng cảnh b\xe1o nhầm."],["Source IP/tool","Ph\xe1t hiện m\xe1y/tool gửi request nhiều hoặc cấu h\xecnh sai."],["Top request nặng","D\xf9ng Raw usage để drill-down request cụ thể khi một user k\xe9o tải hệ thống."]].map(([e,t])=>(0,r.jsxs)("div",{className:"rounded-xl border border-border bg-background p-3",children:[(0,r.jsx)("div",{className:"font-semibold text-text-main",children:e}),(0,r.jsx)("div",{className:"mt-1 text-xs text-text-muted",children:t})]},e))})]})]})}function V({data:e}){return(0,r.jsxs)(y,{children:[(0,r.jsxs)("div",{className:"mb-4",children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Thống k\xea theo API key"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Kh\xf4ng hiển thị full bearer token. Dashboard chỉ d\xf9ng fingerprint/masked key."})]}),(0,r.jsx)(q,{rows:e.groups?.apiKeys||[],columns:[{key:"name",label:"API key",render:e=>(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-semibold",children:e.name}),(0,r.jsxs)("div",{className:"text-xs text-text-muted",children:[e.fingerprint,e.ownerUser?` \xb7 Owner: ${e.ownerUser}`:""]})]})},{key:"requests",label:"Requests",render:e=>i(e.requests)},{key:"success",label:"OK/Lỗi",render:e=>(0,r.jsxs)("div",{className:"text-xs",children:[(0,r.jsxs)("div",{className:"text-green-600",children:["OK ",i(e.success)]}),(0,r.jsxs)("div",{className:"text-red-600",children:["Lỗi ",i(e.errors)]})]})},{key:"tokens",label:"In/Out token",render:e=>(0,r.jsx)(R,{row:e})},{key:"cost",label:"Cost",render:e=>x(e.cost)},{key:"errorRate",label:"Error %",render:e=>(0,r.jsx)(L,{value:e.errorRate})},{key:"topModels",label:"Top model",render:e=>(0,r.jsx)(I,{items:e.topModels})},{key:"topProviders",label:"Top provider",render:e=>(0,r.jsx)(I,{items:e.topProviders})},{key:"lastSeen",label:"Last seen",render:e=>h(e.lastSeen)}]})]})}function D({data:e}){let t=e.clientRequests?.topSourceIpsByTokens||[],s=e.clientRequests?.topSourceIpsByHeavyRequests||[],n=e=>(0,r.jsxs)("div",{className:"min-w-[180px]",children:[(0,r.jsx)("div",{className:"font-mono text-sm font-semibold text-text-main",children:e.label}),(0,r.jsxs)("div",{className:"mt-1 text-xs text-text-muted",children:["API key ",i(e.apiKeyCount)," \xb7 Tool ",i(e.sourceToolCount)]}),(0,r.jsxs)("div",{className:"text-xs text-text-muted",children:["Model ",i(e.modelCount)," \xb7 Provider ",i(e.providerCount)]})]});return(0,r.jsxs)("div",{className:"grid gap-5 xl:grid-cols-2",children:[(0,r.jsxs)(y,{children:[(0,r.jsxs)("div",{className:"mb-4",children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Top IP d\xf9ng nhiều token nhất"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Aggregate từ UsageHistory, xếp theo tổng input + output token."})]}),(0,r.jsx)(q,{rows:t,columns:[{key:"ip",label:"Source IP",render:n},{key:"requests",label:"Req",render:e=>i(e.requests)},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(R,{row:e})},{key:"lastSeen",label:"Last seen",render:e=>h(e.lastSeen)}],empty:"Kh\xf4ng c\xf3 Source IP c\xf3 token trong khoảng lọc."})]}),(0,r.jsxs)(y,{children:[(0,r.jsxs)("div",{className:"mb-4",children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Top IP gửi request nặng nhất"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Xếp theo số request input/total token từ 30k trở l\xean, sau đ\xf3 theo max/P95 input."})]}),(0,r.jsx)(q,{rows:s,columns:[{key:"ip",label:"Source IP",render:n},{key:"requests",label:"Req",render:e=>i(e.requests)},{key:"heavy",label:"Request nặng",render:e=>(0,r.jsxs)("div",{className:"space-y-1 text-xs",children:[(0,r.jsxs)("div",{children:["Nặng ",i(e.heavyRequests)," \xb7 ",c(e.heavyRequestRate)]}),(0,r.jsxs)("div",{className:"text-text-muted",children:["P95 input ",d(e.p95PromptTokens)," \xb7 Max ",d(e.maxPromptTokens)]}),(0,r.jsxs)("div",{className:"text-text-muted",children:[">=70k ",i(e.extremeInputRequests)," \xb7 ",c(e.extremeInputRate)]})]})},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(R,{row:e})},{key:"lastSeen",label:"Last seen",render:e=>h(e.lastSeen)}],empty:"Kh\xf4ng c\xf3 Source IP gửi request nặng trong khoảng lọc."})]}),(0,r.jsxs)(y,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Source IP từ Prompt Logs"}),(0,r.jsx)(q,{rows:e.promptLogs?.topClientIps||[],columns:[{key:"label",label:"IP",render:e=>(0,r.jsx)("span",{className:"font-mono text-xs",children:e.label})},{key:"requests",label:"Logs",render:e=>i(e.requests)},{key:"errors",label:"Lỗi",render:e=>i(e.errors)},{key:"errorRate",label:"Error %",render:e=>(0,r.jsx)(L,{value:e.errorRate})},{key:"topTools",label:"Tools",render:e=>(0,r.jsx)(I,{items:e.topTools})},{key:"topModels",label:"Models",render:e=>(0,r.jsx)(I,{items:e.topModels})},{key:"lastSeen",label:"Last seen",render:e=>h(e.lastSeen)}]})]}),(0,r.jsxs)(y,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Source tool"}),(0,r.jsx)(q,{rows:e.promptLogs?.topSourceTools||[],columns:[{key:"label",label:"Tool",render:e=>(0,r.jsx)("span",{className:"font-semibold",children:e.label})},{key:"requests",label:"Logs",render:e=>i(e.requests)},{key:"errors",label:"Lỗi",render:e=>i(e.errors)},{key:"errorRate",label:"Error %",render:e=>(0,r.jsx)(L,{value:e.errorRate})},{key:"topIps",label:"Top IP",render:e=>(0,r.jsx)(I,{items:e.topIps})},{key:"topModels",label:"Top model",render:e=>(0,r.jsx)(I,{items:e.topModels})},{key:"lastSeen",label:"Last seen",render:e=>h(e.lastSeen)}]})]}),(0,r.jsxs)(y,{className:"xl:col-span-2",children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Session nhiều hoạt động"}),(0,r.jsx)(q,{rows:e.promptLogs?.topSessions||[],columns:[{key:"label",label:"Session",render:e=>(0,r.jsx)("span",{className:"font-mono text-xs",children:e.label})},{key:"requests",label:"Logs",render:e=>i(e.requests)},{key:"errors",label:"Lỗi",render:e=>i(e.errors)},{key:"topIps",label:"IP",render:e=>(0,r.jsx)(I,{items:e.topIps})},{key:"topTools",label:"Tool",render:e=>(0,r.jsx)(I,{items:e.topTools})},{key:"topModels",label:"Model",render:e=>(0,r.jsx)(I,{items:e.topModels})},{key:"lastSeen",label:"Last seen",render:e=>h(e.lastSeen)}]})]})]})}function H({data:e}){return(0,r.jsxs)("div",{className:"space-y-5",children:[(0,r.jsxs)(y,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Provider"}),(0,r.jsx)(q,{rows:e.groups?.providers||[],columns:[{key:"label",label:"Provider",render:e=>(0,r.jsx)("span",{className:"font-semibold",children:e.label})},{key:"requests",label:"Requests",render:e=>i(e.requests)},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(R,{row:e})},{key:"cost",label:"Cost",render:e=>x(e.cost)},{key:"errorRate",label:"Error %",render:e=>(0,r.jsx)(L,{value:e.errorRate})},{key:"topModels",label:"Top model",render:e=>(0,r.jsx)(I,{items:e.topModels})},{key:"lastSeen",label:"Last seen",render:e=>h(e.lastSeen)}]})]}),(0,r.jsxs)("div",{className:"grid gap-5 xl:grid-cols-2",children:[(0,r.jsxs)(y,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Model"}),(0,r.jsx)(q,{rows:e.groups?.models||[],columns:[{key:"label",label:"Model",render:e=>(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-semibold",children:e.model}),(0,r.jsx)("div",{className:"text-xs text-text-muted",children:e.providerLabel||e.provider})]})},{key:"requests",label:"Req",render:e=>i(e.requests)},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(R,{row:e})},{key:"errorRate",label:"Lỗi",render:e=>(0,r.jsx)(L,{value:e.errorRate})}]})]}),(0,r.jsxs)(y,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Provider account / connection"}),(0,r.jsx)(q,{rows:e.groups?.providerAccounts||[],columns:[{key:"label",label:"Account",render:e=>(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-semibold",children:e.label}),(0,r.jsx)("div",{className:"text-xs text-text-muted",children:e.providerLabel||e.provider||e.connectionId})]})},{key:"requests",label:"Req",render:e=>i(e.requests)},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(R,{row:e})},{key:"errorRate",label:"Lỗi",render:e=>(0,r.jsx)(L,{value:e.errorRate})}]})]})]}),(0,r.jsxs)(y,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Endpoint"}),(0,r.jsx)(q,{rows:e.groups?.endpoints||[],columns:[{key:"label",label:"Endpoint",render:e=>(0,r.jsx)("span",{className:"font-mono text-xs",children:e.label})},{key:"requests",label:"Requests",render:e=>i(e.requests)},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(R,{row:e})},{key:"cost",label:"Cost",render:e=>x(e.cost)},{key:"errorRate",label:"Error %",render:e=>(0,r.jsx)(L,{value:e.errorRate})},{key:"lastSeen",label:"Last seen",render:e=>h(e.lastSeen)}]})]})]})}function B({data:e}){let t=e.experience||{},s=t.thresholds||{},n=t.byModel||[],l=t.slowestRequests||[];return(0,r.jsxs)("div",{className:"space-y-5",children:[(0,r.jsxs)("div",{className:"grid gap-4 md:grid-cols-2 xl:grid-cols-4",children:[(0,r.jsx)(v,{icon:"verified",label:"Đ\xe1nh gi\xe1 tổng",value:p(t.score),hint:`${t.label||"-"} \xb7 ${i(t.samples)} mẫu success c\xf3 token`,tone:t.tone||"slate"}),(0,r.jsx)(v,{icon:"timer",label:"Latency AVG / P95",value:`${m(t.avgLatencyMs)} / ${m(t.p95LatencyMs)}`,hint:`P50 ${m(t.p50LatencyMs)} \xb7 P99 ${m(t.p99LatencyMs)}`,tone:"purple"}),(0,r.jsx)(v,{icon:"bolt",label:"TTFT AVG / P95",value:`${m(t.avgTtftMs)} / ${m(t.p95TtftMs)}`,hint:"TTFT cao thường l\xe0 queue/prompt eval/input d\xe0i",tone:t.slowTtftRate>=.2?"amber":"blue"}),(0,r.jsx)(v,{icon:"keyboard_double_arrow_up",label:"Input AVG / P95",value:`${d(t.avgPromptTokens)} / ${d(t.p95PromptTokens)}`,hint:`>=30k ${c(t.longInputRate)} \xb7 >=50k ${c(t.hugeInputRate)}`}),(0,r.jsx)(v,{icon:"running_with_errors",label:"Slow request",value:c(t.slowRequestRate),hint:`Latency >= ${m(s.slowLatencyMs||45e3)} \xb7 rất chậm ${c(t.verySlowRequestRate)}`,tone:t.slowRequestRate>=.2?"amber":"green"}),(0,r.jsx)(v,{icon:"pending_actions",label:"Slow TTFT",value:c(t.slowTtftRate),hint:`TTFT >= ${m(s.slowTtftMs||2e4)}`,tone:t.slowTtftRate>=.2?"amber":"green"}),(0,r.jsx)(v,{icon:"speed",label:"Output tốc độ",value:u(t.decodeTokensPerSecond," tok/s"),hint:`Output/latency ${u(t.outputTokensPerSecond," tok/s")}`,tone:"slate"}),(0,r.jsx)(v,{icon:"data_usage",label:"Latency / 10k input",value:m(t.latencyMsPer10kInputTokens),hint:"Hữu \xedch khi VS Code gửi 30k–70k token",tone:"slate"})]}),(0,r.jsxs)(y,{children:[(0,r.jsxs)("div",{className:"mb-4",children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"C\xe1ch đọc trải nghiệm user"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Nh\xf3m n\xe0y chỉ t\xednh request th\xe0nh c\xf4ng c\xf3 token v\xe0 latency > 0. Error/pending/success 0-token kh\xf4ng trộn v\xe0o tốc độ model. TTFT l\xe0 thời gian tới token đầu ti\xean; với VS Code input 30k–70k, TTFT cao thường phản \xe1nh chờ slot hoặc prompt eval d\xe0i."})]}),(0,r.jsxs)("div",{className:"grid gap-3 md:grid-cols-3",children:[(0,r.jsxs)("div",{className:"rounded-2xl bg-background p-4",children:[(0,r.jsx)("div",{className:"text-xs font-semibold uppercase tracking-wide text-text-muted",children:"Nhanh/chậm thực tế"}),(0,r.jsx)("div",{className:"mt-2 text-sm text-text-main",children:"Latency AVG/P50/P95/MAX cho biết user phải chờ bao l\xe2u để request ho\xe0n tất."})]}),(0,r.jsxs)("div",{className:"rounded-2xl bg-background p-4",children:[(0,r.jsx)("div",{className:"text-xs font-semibold uppercase tracking-wide text-text-muted",children:"Queue hoặc prompt eval"}),(0,r.jsx)("div",{className:"mt-2 text-sm text-text-main",children:"TTFT cao + input P95 cao l\xe0 t\xedn hiệu request d\xe0i, hết slot hoặc upstream đang queue."})]}),(0,r.jsxs)("div",{className:"rounded-2xl bg-background p-4",children:[(0,r.jsx)("div",{className:"text-xs font-semibold uppercase tracking-wide text-text-muted",children:"VS Code / agent"}),(0,r.jsx)("div",{className:"mt-2 text-sm text-text-main",children:"Theo d\xf5i tỷ lệ input >=30k/50k/70k để biết P95/P99 cao c\xf3 phải do context cực d\xe0i hay kh\xf4ng."})]})]})]}),(0,r.jsxs)(y,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Chất lượng phản hồi theo provider/model"}),(0,r.jsx)(q,{rows:n,empty:"Chưa c\xf3 mẫu latency cho model trong khoảng lọc.",columns:[{key:"model",label:"Model",render:e=>(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-semibold",children:e.model}),(0,r.jsx)("div",{className:"text-xs text-text-muted",children:e.providerLabel||e.provider})]})},{key:"quality",label:"Đ\xe1nh gi\xe1",render:e=>(0,r.jsxs)("div",{className:"space-y-1",children:[(0,r.jsx)(M,{level:e.level,label:e.labelQuality}),(0,r.jsx)("div",{className:"text-xs text-text-muted",children:p(e.score)})]})},{key:"samples",label:"Mẫu",render:e=>i(e.samples)},{key:"latency",label:"Latency P50/P95/MAX",render:e=>(0,r.jsxs)("div",{className:"text-xs",children:[(0,r.jsxs)("div",{children:[m(e.p50LatencyMs)," / ",m(e.p95LatencyMs)]}),(0,r.jsxs)("div",{className:"text-text-muted",children:["max ",m(e.maxLatencyMs)]})]})},{key:"ttft",label:"TTFT P95",render:e=>m(e.p95TtftMs)},{key:"input",label:"Input avg/P95",render:e=>(0,r.jsxs)("div",{className:"text-xs",children:[(0,r.jsxs)("div",{children:[d(e.avgPromptTokens)," / ",d(e.p95PromptTokens)]}),(0,r.jsxs)("div",{className:"text-text-muted",children:[">=30k ",c(e.longInputRate)]})]})},{key:"slow",label:"Chậm",render:e=>(0,r.jsx)(L,{value:e.slowRequestRate})},{key:"speed",label:"Output tok/s",render:e=>u(e.outputTokensPerSecond," tok/s")}]})]}),(0,r.jsxs)(y,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Request chậm nhất"}),(0,r.jsx)(q,{rows:l,empty:"Kh\xf4ng c\xf3 request chậm trong khoảng lọc.",columns:[{key:"timestamp",label:"Time",render:e=>h(e.timestamp)},{key:"model",label:"Model",render:e=>(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-semibold",children:e.model}),(0,r.jsx)("div",{className:"text-xs text-text-muted",children:e.providerLabel||e.provider})]})},{key:"latency",label:"Latency / TTFT",render:e=>(0,r.jsxs)("div",{className:"text-xs",children:[(0,r.jsx)("div",{className:"font-semibold",children:m(e.latencyMs)}),(0,r.jsxs)("div",{className:"text-text-muted",children:["TTFT ",m(e.ttftMs)]})]})},{key:"tokens",label:"In / Out",render:e=>(0,r.jsx)(R,{row:e})},{key:"apiKeyName",label:"API key",render:e=>(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{children:e.apiKeyName}),(0,r.jsx)("div",{className:"font-mono text-xs text-text-muted",children:e.apiKeyFingerprint})]})},{key:"sourceTool",label:"Tool/IP",render:e=>(0,r.jsxs)("div",{className:"text-xs",children:[(0,r.jsx)("div",{children:e.sourceTool||"-"}),(0,r.jsx)("div",{className:"font-mono text-text-muted",children:e.clientIp||"-"})]})},{key:"endpoint",label:"Endpoint",render:e=>(0,r.jsx)("span",{className:"font-mono text-xs",children:e.endpoint||"-"})}]})]})]})}function G({data:e}){let t=e.requestErrors||{},s=t.summary||{},n=e.overview||{},l=Number(n.serverErrorRate||0),a=Number(n.clientErrorRate||0),o=Number(n.rateLimitErrorRate||0),d=[{key:"faultOwner",label:"Loại",render:e=>(0,r.jsx)(K,{value:e.faultOwner})},{key:"status",label:"Status",render:e=>(0,r.jsx)("span",{className:"rounded-full bg-red-500/10 px-2 py-1 text-xs font-semibold text-red-600 dark:text-red-300",children:e.status})},{key:"provider",label:"Provider",render:e=>e.providerLabel||e.provider},{key:"model",label:"Model"},{key:"endpoint",label:"Endpoint",render:e=>(0,r.jsx)("span",{className:"font-mono text-xs",children:e.endpoint})},{key:"requests",label:"Lỗi",render:e=>i(e.errors||e.requests)},{key:"errorType",label:"Type",render:e=>(0,r.jsx)("span",{className:"font-mono text-xs",children:e.errorType||e.errorCode||"-"})},{key:"sampleMessage",label:"Sample",render:e=>(0,r.jsx)(A,{row:e})},{key:"lastSeen",label:"Last seen",render:e=>h(e.lastSeen)}];return(0,r.jsxs)("div",{className:"space-y-5",children:[(0,r.jsxs)("div",{className:"grid gap-4 md:grid-cols-2 xl:grid-cols-5",children:[(0,r.jsx)($,{icon:"dns",label:"Server/provider",value:s.serverImpacting||0,hint:`${c(l)} tr\xean tổng request`,tone:s.serverImpacting?"red":"green"}),(0,r.jsx)($,{icon:"cloud_off",label:"Upstream",value:s.upstream||0,hint:"Provider/model server, timeout, network, 5xx",tone:s.upstream?"red":"green"}),(0,r.jsx)($,{icon:"router",label:"Gateway",value:s.gateway||0,hint:"Lỗi nội bộ BlueRouter/gateway",tone:s.gateway?"purple":"green"}),(0,r.jsx)($,{icon:"integration_instructions",label:"Client/request",value:s.client||0,hint:`${c(a)} do endpoint/model/body/auth`,tone:s.client?"slate":"green"}),(0,r.jsx)($,{icon:"speed",label:"Rate/quota",value:s.rateLimit||0,hint:`${c(o)} rate-limit/quota`,tone:s.rateLimit?"amber":"green"})]}),(0,r.jsx)("div",{className:"rounded-2xl border border-blue-500/20 bg-blue-500/10 p-4 text-sm text-blue-700 dark:text-blue-300",children:(0,r.jsxs)("div",{className:"flex gap-3",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[22px]",children:"rule_settings"}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-semibold",children:"Ph\xe2n loại lỗi đ\xe3 t\xe1ch client khỏi server/provider"}),(0,r.jsxs)("div",{className:"mt-1 opacity-90",children:["Cảnh b\xe1o vận h\xe0nh n\xean ưu ti\xean nh\xf3m ",(0,r.jsx)("b",{children:"Server/provider"})," gồm gateway, upstream, timeout, network v\xe0 5xx. Nh\xf3m ",(0,r.jsx)("b",{children:"Client/request"})," vẫn được log đầy đủ nhưng thường l\xe0 sai endpoint, model, auth, JSON/body hoặc context."]})]})]})}),e.anomalies?.length?(0,r.jsx)("div",{className:"grid gap-4 xl:grid-cols-2",children:e.anomalies.map((e,t)=>(0,r.jsx)(E,{anomaly:e},t))}):(0,r.jsxs)("div",{className:"rounded-2xl border border-green-500/20 bg-green-500/10 p-4 text-sm text-green-700 dark:text-green-300",children:[(0,r.jsx)("span",{className:"material-symbols-outlined mr-2 align-[-5px]",children:"check_circle"}),"Chưa ph\xe1t hiện bất thường server/provider r\xf5 r\xe0ng theo bộ lọc hiện tại."]}),(0,r.jsxs)(y,{children:[(0,r.jsxs)("div",{className:"mb-4 flex flex-wrap items-start justify-between gap-3",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Lỗi server/provider cần xử l\xfd"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Chỉ gồm gateway/upstream/server-impacting errors. Đ\xe2y l\xe0 bảng quan trọng nhất cho vận h\xe0nh."})]}),(0,r.jsxs)("span",{className:"rounded-full bg-red-500/10 px-3 py-1 text-xs font-semibold text-red-600 dark:text-red-300",children:[i(s.serverImpacting||0)," lỗi"]})]}),(0,r.jsx)(q,{rows:t.topServerErrors||[],columns:d,empty:"Kh\xf4ng c\xf3 lỗi server/provider trong khoảng lọc."})]}),(0,r.jsxs)("div",{className:"grid gap-5 xl:grid-cols-2",children:[(0,r.jsxs)(y,{children:[(0,r.jsxs)("div",{className:"mb-4",children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Lỗi client/request sai"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Sai endpoint, model, auth, JSON/body, context length. D\xf9ng để hướng dẫn client sửa request."})]}),(0,r.jsx)(q,{rows:t.topClientErrors||[],columns:d.filter(e=>!["sampleMessage"].includes(e.key)),empty:"Kh\xf4ng c\xf3 lỗi client/request trong khoảng lọc."})]}),(0,r.jsxs)(y,{children:[(0,r.jsxs)("div",{className:"mb-4",children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Ph\xe2n bố loại lỗi"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"T\xe1ch nguồn chịu tr\xe1ch nhiệm để kh\xf4ng nhầm lỗi client th\xe0nh lỗi server."})]}),(0,r.jsx)(q,{rows:t.byFaultOwner||[],columns:[{key:"faultOwner",label:"Loại",render:e=>(0,r.jsx)(K,{value:e.faultOwner||e.key})},{key:"requests",label:"Số lỗi",render:e=>i(e.requests)},{key:"lastSeen",label:"Last seen",render:e=>h(e.lastSeen)}],empty:"Kh\xf4ng c\xf3 lỗi để ph\xe2n loại."})]})]}),t.topRateLimitErrors?.length?(0,r.jsxs)(y,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Rate limit / quota"}),(0,r.jsx)(q,{rows:t.topRateLimitErrors||[],columns:d})]}):null,(0,r.jsxs)(y,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Tất cả lỗi raw theo status/provider/model/endpoint"}),(0,r.jsx)(q,{rows:e.groups?.errors||[],columns:[{key:"faultOwner",label:"Loại",render:e=>(0,r.jsx)(K,{value:e.faultOwner})},{key:"status",label:"Status",render:e=>(0,r.jsx)("span",{className:"rounded-full bg-red-500/10 px-2 py-1 text-xs font-semibold text-red-600 dark:text-red-300",children:e.status})},{key:"provider",label:"Provider",render:e=>e.providerLabel||e.provider},{key:"model",label:"Model"},{key:"endpoint",label:"Endpoint",render:e=>(0,r.jsx)("span",{className:"font-mono text-xs",children:e.endpoint})},{key:"requests",label:"Lỗi",render:e=>i(e.errors||e.requests)},{key:"apiKey",label:"API key",render:e=>(0,r.jsx)("span",{className:"font-mono text-xs",children:e.apiKey})},{key:"lastSeen",label:"Last seen",render:e=>h(e.lastSeen)}]})]}),(0,r.jsxs)(y,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Status distribution"}),(0,r.jsx)(q,{rows:e.groups?.statuses||[],columns:[{key:"label",label:"Status"},{key:"requests",label:"Requests",render:e=>i(e.requests)},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(R,{row:e})},{key:"errorRate",label:"Error %",render:e=>(0,r.jsx)(L,{value:e.errorRate})}]})]})]})}function z({data:e}){return(0,r.jsxs)("div",{className:"space-y-5",children:[(0,r.jsxs)(y,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Top request nặng token"}),(0,r.jsx)(q,{rows:e.heavyRequests||[],columns:[{key:"timestamp",label:"Time",render:e=>h(e.timestamp)},{key:"model",label:"Model",render:e=>(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-semibold",children:e.model}),(0,r.jsx)("div",{className:"text-xs text-text-muted",children:e.providerLabel||e.provider})]})},{key:"apiKeyName",label:"API key",render:e=>(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{children:e.apiKeyName}),(0,r.jsx)("div",{className:"font-mono text-xs text-text-muted",children:e.apiKeyFingerprint})]})},{key:"accountName",label:"Account"},{key:"endpoint",label:"Endpoint",render:e=>(0,r.jsx)("span",{className:"font-mono text-xs",children:e.endpoint})},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(R,{row:e})},{key:"status",label:"Status"}]})]}),(0,r.jsxs)(y,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Recent usage"}),(0,r.jsx)(q,{rows:e.recentUsage||[],columns:[{key:"timestamp",label:"Time",render:e=>h(e.timestamp)},{key:"provider",label:"Provider",render:e=>e.providerLabel||e.provider},{key:"model",label:"Model"},{key:"apiKeyName",label:"API key"},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(R,{row:e})},{key:"cost",label:"Cost",render:e=>x(e.cost)},{key:"status",label:"Status"}]})]})]})}function X(){let{isAdmin:e,isMonitorAdmin:t}=(0,l.s)(),[s,a]=(0,n.useState)({period:"today",dateFrom:"",dateTo:"",provider:"",model:"",connectionId:"",status:"",endpoint:"",apiKey:"",clientIp:"",sourceTool:"",sessionId:"",keyword:""}),[i,d]=(0,n.useState)(null),[c,x]=(0,n.useState)(!0),[m,u]=(0,n.useState)(""),[p,b]=(0,n.useState)("overview"),[y,v]=(0,n.useState)(!1),k=function(e,t=450){let[s,r]=(0,n.useState)(e);return(0,n.useEffect)(()=>{let s=setTimeout(()=>r(e),t);return()=>clearTimeout(s)},[e,t]),s}(s,450),N=(0,n.useCallback)(async()=>{x(!0),u("");try{let e=j(k),t=await fetch(`/api/dashboard/analytics?${e}`,{cache:"no-store"}),s=await t.json().catch(()=>({}));if(!t.ok)throw Error(s.error||"Kh\xf4ng tải được dữ liệu analytics");d(s)}catch(e){u(e.message||"Kh\xf4ng tải được dữ liệu analytics")}finally{x(!1)}},[k]);(0,n.useEffect)(()=>{N()},[N]),(0,n.useEffect)(()=>{if(!y)return;let e=setInterval(()=>N(),1e4);return()=>clearInterval(e)},[y,N]);let f=i?.options||{},P=(0,n.useMemo)(()=>i?.generatedAt?h(i.generatedAt):"-",[i]);return(0,r.jsxs)("div",{className:"space-y-5 p-4 md:p-6",children:[(0,r.jsxs)("div",{className:"flex flex-wrap items-start justify-between gap-4",children:[(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 text-primary",children:[(0,r.jsx)("span",{className:"material-symbols-outlined",children:"monitoring"}),(0,r.jsx)("span",{className:"text-sm font-semibold uppercase tracking-wide",children:"BlueRouter Analytics"})]}),(0,r.jsx)("h1",{className:"mt-2 text-2xl font-bold text-text-main",children:"Thống k\xea sử dụng Gateway"}),(0,r.jsx)("p",{className:"mt-1 max-w-3xl text-sm text-text-muted",children:"Theo d\xf5i tần suất request, input/output token, API key, provider, model, endpoint, Source IP, source tool v\xe0 lỗi vận h\xe0nh."})]}),(0,r.jsxs)("div",{className:"flex items-center gap-3 rounded-2xl border border-border bg-surface px-4 py-3 text-sm text-text-muted",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"schedule"}),(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{children:["Generated: ",P]}),(0,r.jsxs)("label",{className:"mt-1 flex cursor-pointer items-center gap-2 text-xs",children:[(0,r.jsx)("input",{type:"checkbox",checked:y,onChange:e=>v(e.target.checked)}),"Auto refresh 10s"]})]})]})]}),(0,r.jsx)(_,{filters:s,setFilters:a,options:f,onRefresh:N,onExportCsv:()=>{let e=j(k,{format:"csv"});window.open(`/api/dashboard/analytics?${e}`,"_blank","noopener,noreferrer")},loading:c,showProviderFilters:e||t}),m?(0,r.jsxs)("div",{className:"rounded-2xl border border-red-500/30 bg-red-500/10 p-4 text-sm text-red-700 dark:text-red-300",children:[(0,r.jsx)("span",{className:"material-symbols-outlined mr-2 align-[-5px]",children:"error"}),m]}):null,i?.qualityNotes?.length?(0,r.jsx)(F,{notes:i.qualityNotes}):null,(0,r.jsx)("div",{className:"flex flex-wrap gap-2 rounded-2xl border border-border bg-surface p-2",children:o.map(e=>(0,r.jsxs)("button",{onClick:()=>b(e.value),className:g("flex items-center gap-2 rounded-xl px-3 py-2 text-sm font-medium transition",p===e.value?"bg-primary text-white shadow-sm":"text-text-muted hover:bg-background hover:text-text-main"),children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:e.icon}),e.label]},e.value))}),c&&!i?(0,r.jsx)(T,{}):null,!c&&i&&i.overview?.requests===0&&0===(i.promptLogs?.total||0)?(0,r.jsx)(w,{title:"Chưa c\xf3 dữ liệu analytics",description:"Kh\xf4ng c\xf3 UsageHistory hoặc Prompt Logs theo bộ lọc hiện tại."}):null,i?(0,r.jsxs)(r.Fragment,{children:["overview"===p?(0,r.jsx)(O,{data:i}):null,"apiKeys"===p?(0,r.jsx)(V,{data:i}):null,"clients"===p?(0,r.jsx)(U,{data:i}):null,"sources"===p?(0,r.jsx)(D,{data:i}):null,"providers"===p?(0,r.jsx)(H,{data:i}):null,"experience"===p?(0,r.jsx)(B,{data:i}):null,"errors"===p?(0,r.jsx)(G,{data:i}):null,"raw"===p?(0,r.jsx)(z,{data:i}):null]}):null]})}},82114:e=>{"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},94027:(e,t,s)=>{"use strict";s.d(t,{Y:()=>i,s:()=>d});var r=s(95155),n=s(12115),l=s(14051),a=s.n(l);let o=(0,n.createContext)(null);function i({children:e}){let[t,s]=(0,n.useState)(null),[l,a]=(0,n.useState)(!0),[d,c]=(0,n.useState)(""),x=(0,n.useCallback)(async()=>{a(!0),c("");try{let e=await fetch("/api/auth/status",{cache:"no-store"}),t=await e.json().catch(()=>({}));if(!e.ok)throw Error(t?.error||"Kh\xf4ng tải được trạng th\xe1i đăng nhập");return s(t||{}),t||{}}catch(e){return c(e?.message||"Kh\xf4ng tải được trạng th\xe1i đăng nhập"),s({}),{}}finally{a(!1)}},[]);(0,n.useEffect)(()=>{let e=!1;return(async()=>{a(!0),c("");try{let t=await fetch("/api/auth/status",{cache:"no-store"}),r=await t.json().catch(()=>({}));if(e)return;if(!t.ok)throw Error(r?.error||"Kh\xf4ng tải được trạng th\xe1i đăng nhập");s(r||{})}catch(t){e||(c(t?.message||"Kh\xf4ng tải được trạng th\xe1i đăng nhập"),s({}))}finally{e||a(!1)}})(),()=>{e=!0}},[]);let m=(0,n.useMemo)(()=>{let e,s,r,n;return s=(e=t&&"object"==typeof t?t:{}).displayName||e.oidcName||e.oidcEmail||e.userId||"",r=!0===e.isAdmin,n=!0===e.isMonitorAdmin,{status:e,displayName:s,userId:e.userId||"",loginMethod:e.loginMethod||"",role:e.role||"guest",isAdmin:r,isMonitorAdmin:n,canManageApiKeys:!0===e.canManageApiKeys||r||n,canUseMonitorAdminTabs:!0===e.canUseMonitorAdminTabs||r||n}},[t]),u=(0,n.useMemo)(()=>({...m,loading:l,error:d,reload:x}),[m,l,d,x]);return(0,r.jsx)(o.Provider,{value:u,children:e})}function d(){let e=(0,n.useContext)(o);return e||{status:{},displayName:"",userId:"",loginMethod:"",role:"admin",isAdmin:!0,isMonitorAdmin:!1,canManageApiKeys:!0,canUseMonitorAdminTabs:!0,loading:!1,error:"",reload:async()=>({})}}i.propTypes={children:a().node}}},e=>{e.O(0,[8441,3794,7358],()=>e(e.s=39944)),_N_E=e.O()}]);

package/app/.next-cli-build/static/chunks/app/(dashboard)/dashboard/combos/page-ff1a4f6a25e4cf9c.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[3649],{20061:(e,t,n)=>{Promise.resolve().then(n.bind(n,47295))},47295:(e,t,n)=>{"use strict";n.r(t),n.d(t,{default:()=>H});var a=n(95155),r=n(12115),l=n(44923),s=n(87256),o=n(39768),i=n(82639),d=n(35497),c=n(11059),m=n(28777),u=n(52679);let x=/^[a-zA-Z0-9_.\-]+$/,b=[{value:"global",label:"To\xe0n cục / h\xe0nh vi hiện tại",description:"Giữ h\xe0nh vi hiện tại: mọi request d\xf9ng chung v\xf2ng xoay combo to\xe0n cục."},{value:"client_ip",label:"IP client",description:"Giữ c\xf9ng model khởi đầu cho c\xf9ng IP client cho đến khi hết TTL."},{value:"client_session",label:"IP client + phi\xean chat",description:"Ph\xf9 hợp nhất cho c\xf4ng cụ chat. Giữ c\xf9ng model cho c\xf9ng m\xe1y v\xe0 c\xf9ng phi\xean chat."}],p=[{value:"fallback",label:"Ưu ti\xean fallback",description:"Thử model trong combo theo đ\xfang thứ tự hiển thị, lỗi th\xec fallback."},{value:"round-robin",label:"Round Robin",description:"Lu\xe2n phi\xean model đang bật được thử đầu ti\xean. C\xe1c t\xf9y chọn giữ d\xednh b\xean dưới vẫn được \xe1p dụng."},{value:"least-latency",label:"Độ trễ thấp nhất",description:"Ưu ti\xean target c\xf3 điểm health/độ trễ tốt nhất. Hữu \xedch cho LAN Ollama."},{value:"p2c",label:"P2C",description:"Power of Two Choices: lấy mẫu hai target khỏe rồi chọn target \xedt bận hơn."}],h=[{card:"border-sky-100 bg-sky-50/55 dark:border-sky-400/15 dark:bg-sky-950/10",panel:"border-sky-100/80 bg-white/80 dark:border-sky-400/15 dark:bg-zinc-950/60"},{card:"border-slate-200 bg-slate-50/80 dark:border-slate-500/15 dark:bg-slate-900/35",panel:"border-slate-200/80 bg-white/80 dark:border-slate-500/15 dark:bg-zinc-950/60"},{card:"border-emerald-100 bg-emerald-50/45 dark:border-emerald-400/15 dark:bg-emerald-950/10",panel:"border-emerald-100/80 bg-white/80 dark:border-emerald-400/15 dark:bg-zinc-950/60"},{card:"border-violet-100 bg-violet-50/45 dark:border-violet-400/15 dark:bg-violet-950/10",panel:"border-violet-100/80 bg-white/80 dark:border-violet-400/15 dark:bg-zinc-950/60"}],g=Object.freeze({temperature:.3,top_p:.95,max_tokens:4096,reasoning_budget:0,thinkingMode:"off"}),f=[{value:"inherit",label:"Theo request gốc",description:"Giữ nguy\xean request gốc, kh\xf4ng inject thinking."},{value:"off",label:"Tắt thinking",description:"Gửi chat_template_kwargs.enable_thinking = false."},{value:"on",label:"Bật thinking",description:"Gửi chat_template_kwargs.enable_thinking = true."}],y=[{value:"inherit",label:"Theo cấu h\xecnh to\xe0n cục",description:"Giữ đ\xfang logic Prompt Logs hiện tại theo setting to\xe0n cục v\xe0 stage logging."},{value:"enabled",label:"Ghi nội dung như hiện tại",description:"Cho ph\xe9p Prompt Logs ghi nội dung theo logic hiện tại khi Prompt Logs to\xe0n cục đang bật."},{value:"disabled",label:"Ẩn nội dung cho combo n\xe0y",description:"Vẫn ghi metadata cơ bản, nhưng kh\xf4ng lưu prompt/body/response/full JSON v\xe0o Prompt Logs."}];function v(e,t){return Object.prototype.hasOwnProperty.call(e||{},t)}function j(e,{min:t,max:n,precision:a=3}={}){if(null==e||""===e)return;let r=Number(e);if(Number.isFinite(r))return Number(Math.min(n,Math.max(t,r)).toFixed(a))}function k(e,{min:t,max:n}={}){let a=j(e,{min:t,max:n,precision:0});return void 0===a?void 0:Math.trunc(a)}function N(e){let t=C(e).toLowerCase();return"enabled"===t||"disabled"===t?t:"inherit"}function w(e={}){let t=e&&"object"==typeof e&&!Array.isArray(e)?e:{},n={};if(v(t,"temperature")){let e=j(t.temperature,{min:0,max:2});void 0!==e&&(n.temperature=e)}if(v(t,"top_p")){let e=j(t.top_p,{min:.01,max:1});void 0!==e&&(n.top_p=e)}let a=t.max_tokens??t.maxTokens??t.max_token;if(v(t,"max_tokens")||v(t,"maxTokens")||v(t,"max_token")){let e=k(a,{min:1,max:262144});void 0!==e&&(n.max_tokens=e)}let r=t.reasoning_budget??t.reasoningBudget??t["reasoning-budget"];if(v(t,"reasoning_budget")||v(t,"reasoningBudget")||v(t,"reasoning-budget")){let e=k(r,{min:0,max:262144});void 0!==e&&(n.reasoning_budget=e)}let l=function(e){if(!0===e)return"on";if(!1===e)return"off";let t=C(e).toLowerCase();return["on","true","1","enable","enabled"].includes(t)?"on":["off","false","0","disable","disabled"].includes(t)?"off":void 0}(t.thinkingMode??t.thinking);return l&&(n.thinkingMode=l),n}function C(e){return String(e||"").trim()}function _(e={}){return Array.isArray(e.disabledModels)?[...new Set(e.disabledModels.map(e=>C(e)).filter(Boolean))]:[]}function T(e={}){let t=e.fallbackStrategy||"fallback";return{...e,fallbackStrategy:t,stickyScope:e.stickyScope||"global",stickyTtlMinutes:Number(e.stickyTtlMinutes||120),stickyFallbackToClientIp:!1!==e.stickyFallbackToClientIp,lanHealthEnabled:!1!==e.lanHealthEnabled,healthCheckPath:e.healthCheckPath||"/api/tags",healthCheckIntervalMs:Number(e.healthCheckIntervalMs||15e3),requiredTags:Array.isArray(e.requiredTags)?e.requiredTags:[],modelTagRules:e.modelTagRules||e.modelTags||e.tagRules||{},disabledModels:_(e),requestOverrides:w(e.requestOverrides||{}),contentLoggingMode:N(e.contentLoggingMode)}}function S(e={}){let t={...e};t.disabledModels=_(e),"fallback"===(t.fallbackStrategy||"fallback")&&delete t.fallbackStrategy,t.disabledModels.length||delete t.disabledModels;let n=N(t.contentLoggingMode);"inherit"===n?delete t.contentLoggingMode:t.contentLoggingMode=n,t.requiredTags?.length||delete t.requiredTags;let a=w(t.requestOverrides||{});return Object.keys(a).length?t.requestOverrides=a:delete t.requestOverrides,t.modelTagRules&&0!==Object.keys(t.modelTagRules).length||delete t.modelTagRules,"/api/tags"===t.healthCheckPath&&delete t.healthCheckPath,15e3===Number(t.healthCheckIntervalMs)&&delete t.healthCheckIntervalMs,!0===t.lanHealthEnabled&&delete t.lanHealthEnabled,Object.keys(t).length?t:null}function M(e=[]){return Array.isArray(e)?e.join(", "):String(e||"")}function $(e=""){return String(e||"").split(/[\n,;]+/).map(e=>e.trim()).filter(Boolean)}function O(e={}){return e&&"object"==typeof e?Object.entries(e).map(([e,t])=>`${e}: ${Array.isArray(t)?t.join(", "):String(t||"")}`).join("\n"):""}function L(e){return"string"==typeof e?e:e&&"object"==typeof e&&(e.value||e.model||e.id)||""}function E(e={}){let t=C(e.provider);return C(e.providerSpecificData?.prefix)||C(e.prefix)||C((0,u.wG)(t))||t}function q(e={}){return C(e.email)||C(e.accountName)||C(e.displayName)||C(e.name)||C(e.providerSpecificData?.nodeName)||C(e.id)}function P(e){return e&&"object"==typeof e?C(e.connectionId||e.connection_id):""}function I(e){let t=L(e),n=P(e);return t?n?`${t}@@${n}`:t:""}function R(e){return"string"==typeof e?e:e&&"object"==typeof e?C(e.label)||C(e.displayName)||C(e.name)||L(e):""}function A(e){if(!e||"object"!=typeof e)return L(e);let t=L(e);return t?Object.fromEntries(Object.entries({model:t,connectionId:P(e)||void 0,label:R(e)||void 0,provider:C(e.provider)||void 0,accountName:C(e.accountName||e.account_name)||void 0,weight:Number(e.weight||0)>0?Number(e.weight):void 0}).filter(([,e])=>void 0!==e&&""!==e)):""}function B(e,t=!0){let n=A(e),a=I(n);return{value:a,enabled:t,target:n,label:R(n)||a,subtitle:function(e){if(!e||"object"!=typeof e)return"";let t=P(e),n=L(e);return t?`T\xe0i khoản cố định • ${t}${n?` • ${n}`:""}`:""}(n)}}function D(e={}){return C(e.defaultModel)||C(e.providerSpecificData?.defaultModel)||C(e.model)||""}function z(e,t,n,a=""){let r=C(n);!r||t.has(r)||(t.add(r),e.push({value:r,label:C(a)||r}))}function G(e={},t={}){let n=[],a=new Set,r=C(e.provider),l=[...new Set([E(e),C((0,u.wG)(r)),r].filter(Boolean))];for(let e of(0,m.KC)(r)||[])e?.type&&"llm"!==e.type||z(n,a,e.id,e.name||e.id);for(let[e,r]of Object.entries(t||{})){let t=C(r),s=l.find(e=>e&&t.startsWith(`${e}/`));if(!s)continue;let o=t.slice(s.length+1);z(n,a,o,e||o)}return z(n,a,D(e),"Model mặc định"),n}function F(e={},{disabledModels:t=[],requestOverrides:n,contentLoggingMode:a}={}){let r={...e},l=[...new Set((t||[]).map(e=>C(e)).filter(Boolean))];if(l.length>0?r.disabledModels=l:delete r.disabledModels,void 0!==n){let e=w(n||{});Object.keys(e).length?r.requestOverrides=e:delete r.requestOverrides}if(void 0!==a){let e=N(a);"inherit"===e?delete r.contentLoggingMode:r.contentLoggingMode=e}return S(r)}function H(){let[e,t]=(0,r.useState)([]),[n,l]=(0,r.useState)(!0),[s,o]=(0,r.useState)(!1),[i,m]=(0,r.useState)(null),[u,x]=(0,r.useState)([]),[b,p]=(0,r.useState)(!1),[h,g]=(0,r.useState)(!1),[f,y]=(0,r.useState)({}),[v,j]=(0,r.useState)(""),[k,N]=(0,r.useState)(null),{copied:w,copy:C}=(0,c.C)();(0,r.useEffect)(()=>{_()},[]),(0,r.useEffect)(()=>{if(0===e.length){v&&j("");return}let t=e.some(e=>e.name===v);v&&t||j(e[0].name)},[e,v]);let _=async()=>{try{let e=await fetch("/api/dashboard/combos",{cache:"no-store"}),n=await e.json();e.ok&&(t(n.combos||[]),y(n.comboStrategies||{}))}catch(e){console.log("Error fetching combo data:",e)}finally{l(!1)}},M=async()=>{if(!b&&!h){g(!0);try{let e=await fetch("/api/providers",{cache:"no-store"}),t=await e.json();e.ok&&(x(t.connections||[]),p(!0))}catch(e){console.log("Error loading provider accounts:",e)}finally{g(!1)}}},$=async()=>{o(!0),M()},O=async e=>{m(e),M()},L=async e=>{await fetch("/api/settings",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({comboStrategies:e})}),y(e)},E=async e=>{let{disabledModels:t=[],requestOverrides:n,contentLoggingMode:a,...r}=e;try{let e=await fetch("/api/combos",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(r)});if(e.ok){let e=F({},{disabledModels:t,requestOverrides:n,contentLoggingMode:a});e&&await L({...f,[r.name]:e}),await _(),j(r.name),o(!1)}else{let t=await e.json();alert(t.error||"Tạo combo thất bại")}}catch(e){console.log("Error creating combo:",e)}},q=async(e,t)=>{let{disabledModels:n=[],requestOverrides:a,contentLoggingMode:r,...l}=t,s=i?.name;try{let t=await fetch(`/api/combos/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(l)});if(t.ok){let e={...f};s&&s!==l.name&&e[s]&&(e[l.name]=e[s],delete e[s]);let t=F(e[l.name]||{},{disabledModels:n,requestOverrides:a,contentLoggingMode:r});t?e[l.name]=t:delete e[l.name],await L(e),await _(),j(l.name),m(null)}else{let e=await t.json();alert(e.error||"Cập nhật combo thất bại")}}catch(e){console.log("Error updating combo:",e)}},P=async n=>{let a=e.find(e=>e.id===n);N({title:"X\xf3a combo",message:"Bạn c\xf3 chắc muốn x\xf3a combo n\xe0y?",onConfirm:async()=>{N(null);try{if((await fetch(`/api/combos/${n}`,{method:"DELETE"})).ok){if(a?.name&&f[a.name]){let e={...f};delete e[a.name],await L(e)}t(e=>{let t=e.filter(e=>e.id!==n);return a?.name===v&&j(t[0]?.name||""),t})}}catch(e){console.log("Error deleting combo:",e)}}})},I=async(e,t)=>{try{let n={...f};if(t)n[e]=T(n[e]);else{let t=function(e={}){return S({...e,fallbackStrategy:"fallback"})}(n[e]||{});t?n[e]=t:delete n[e]}await L(n)}catch(e){console.log("Error updating combo strategy:",e)}},R=async(e,t)=>{try{let n={...f},a=S({...T(n[e]),...t});a?n[e]=a:delete n[e],await L(n)}catch(e){console.log("Error updating combo routing settings:",e)}},A=e.find(e=>e.name===v)||e[0]||null,B=A?Math.max(0,e.findIndex(e=>e.id===A.id)):0;return n?(0,a.jsx)("div",{className:"grid gap-4",children:[1,2,3].map(e=>(0,a.jsx)("div",{className:"h-36 animate-pulse rounded-2xl border border-border bg-surface"},e))}):(0,a.jsxs)("div",{className:"space-y-6",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h1",{className:"text-2xl font-bold text-text-main",children:"Combo model"}),(0,a.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Tạo combo model với fallback, round-robin, độ trễ thấp nhất, P2C v\xe0 routing theo trạng th\xe1i health của LAN Ollama."})]}),(0,a.jsxs)("button",{type:"button",onClick:$,className:"inline-flex items-center justify-center gap-2 rounded-xl bg-primary px-4 py-2 text-sm font-medium text-white hover:opacity-90",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"add"}),"Tạo combo"]})]}),0===e.length?(0,a.jsxs)("div",{className:"rounded-2xl border border-dashed border-border bg-surface p-12 text-center",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-4xl text-text-muted",children:"layers"}),(0,a.jsx)("h2",{className:"mt-3 text-lg font-semibold text-text-main",children:"Chưa c\xf3 combo n\xe0o"}),(0,a.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Tạo combo model c\xf3 hỗ trợ fallback."}),(0,a.jsx)("button",{type:"button",onClick:$,className:"mt-4 rounded-xl bg-primary px-4 py-2 text-sm font-medium text-white hover:opacity-90",children:"Tạo combo"})]}):(0,a.jsxs)("div",{className:"space-y-4",children:[(0,a.jsx)("div",{className:"rounded-2xl border border-border bg-surface/80 p-4 shadow-sm dark:bg-zinc-950/70",children:(0,a.jsxs)("div",{className:"flex flex-col gap-3 lg:flex-row lg:items-end lg:justify-between",children:[(0,a.jsxs)("label",{className:"block min-w-0 flex-1",children:[(0,a.jsx)("span",{className:"mb-1 block text-xs font-semibold uppercase tracking-wide text-text-muted",children:"Combo đang xem"}),(0,a.jsx)("select",{value:A?.name||"",onChange:e=>j(e.target.value),className:"w-full rounded-xl border border-border bg-white px-4 py-2.5 text-sm font-semibold text-text-main outline-none transition focus:border-primary dark:bg-zinc-900",children:e.map(e=>(0,a.jsxs)("option",{value:e.name,children:[e.name," • ",(e.models||[]).length," model"]},e.id))})]}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2 text-xs text-text-muted",children:[(0,a.jsxs)("span",{className:"rounded-full bg-background px-3 py-1 dark:bg-zinc-900",children:["Tổng ",e.length," combo"]}),A?(0,a.jsxs)("span",{className:"rounded-full bg-primary/10 px-3 py-1 font-medium text-primary",children:["Đang hiển thị: ",A.name]}):null]})]})}),A?(0,a.jsx)(K,{combo:A,comboIndex:B,copied:w,onCopy:C,onEdit:()=>O(A),onDelete:()=>P(A.id),comboStrategy:f[A.name]||{},onToggleRoundRobin:e=>I(A.name,e),onUpdateComboStrategy:e=>R(A.name,e)},A.id):null]}),(0,a.jsx)(W,{isOpen:s,comboStrategy:{},onClose:()=>o(!1),onSave:E,activeProviders:u,providersLoading:h}),(0,a.jsx)(W,{isOpen:!!i,combo:i,comboStrategy:f[i?.name]||{},onClose:()=>m(null),onSave:e=>q(i.id,e),activeProviders:u,providersLoading:h}),(0,a.jsx)(d.uo,{isOpen:!!k,onClose:()=>N(null),onConfirm:k?.onConfirm,title:k?.title||"X\xe1c nhận",message:k?.message,variant:"danger"})]})}function K({combo:e,comboIndex:t=0,copied:n,onCopy:l,onEdit:s,onDelete:o,comboStrategy:i={},onToggleRoundRobin:d,onUpdateComboStrategy:c}){let m=T(i||{}),u=m.fallbackStrategy||"fallback",x=p.find(e=>e.value===u)||p[0],g=m.stickyScope||"global",f=b.find(e=>e.value===g)||b[0],y=_(i),v=h[t%h.length],[j,k]=(0,r.useState)(M(m.requiredTags)),[N,C]=(0,r.useState)(O(m.modelTagRules));return(0,r.useEffect)(()=>{k(M(m.requiredTags)),C(O(m.modelTagRules))},[e.name,JSON.stringify(m.requiredTags||[]),JSON.stringify(m.modelTagRules||{})]),(0,a.jsxs)("div",{className:`rounded-2xl border p-5 shadow-sm transition-colors ${v.card}`,children:[(0,a.jsxs)("div",{className:"flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between",children:[(0,a.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-primary",children:"layers"}),(0,a.jsx)("h3",{className:"truncate text-lg font-semibold text-text-main",children:e.name})]}),(0,a.jsxs)("p",{className:"mt-1 text-sm text-text-muted",children:[(e.models||[]).length," model đang bật",y.length>0?` • ${y.length} đ\xe3 tắt`:""]})]}),(0,a.jsxs)("div",{className:"flex items-center gap-1",children:[(0,a.jsx)(J,{icon:n===`combo-${e.id}`?"check":"content_copy",title:"Copy t\xean combo",onClick:()=>l(e.name,`combo-${e.id}`)}),(0,a.jsx)(J,{icon:"edit",title:"Chỉnh sửa",onClick:s}),(0,a.jsx)(J,{icon:"delete",title:"X\xf3a",onClick:o,danger:!0})]})]}),(0,a.jsxs)("div",{className:"mt-4 flex flex-wrap gap-2",children:[0===(e.models||[]).length?(0,a.jsx)("span",{className:"rounded-lg bg-background px-2 py-1 text-xs text-text-muted",children:"Chưa c\xf3 model đang bật"}):(e.models||[]).slice(0,5).map((e,t)=>(0,a.jsx)("span",{className:"rounded-lg bg-background px-2 py-1 font-mono text-xs text-text-main",children:R(e)},`${I(e)}-${t}`)),(e.models||[]).length>5&&(0,a.jsxs)("span",{className:"rounded-lg bg-background px-2 py-1 text-xs text-text-muted",children:["+",e.models.length-5," model nữa"]}),y.length>0&&(0,a.jsxs)("span",{className:"rounded-lg bg-red-500/10 px-2 py-1 text-xs text-red-500",children:[y.length," đ\xe3 tắt"]}),(function(e={}){let t=w(e),n=[];return void 0!==t.temperature&&n.push(`temp ${t.temperature}`),void 0!==t.top_p&&n.push(`top_p ${t.top_p}`),void 0!==t.max_tokens&&n.push(`max ${t.max_tokens}`),void 0!==t.reasoning_budget&&n.push(`reasoning ${t.reasoning_budget}`),"off"===t.thinkingMode&&n.push("thinking off"),"on"===t.thinkingMode&&n.push("thinking on"),n})(m.requestOverrides).map(e=>(0,a.jsx)("span",{className:"rounded-lg bg-primary/10 px-2 py-1 text-xs font-medium text-primary",children:e},e)),"inherit"!==m.contentLoggingMode?(0,a.jsxs)("span",{className:`rounded-lg px-2 py-1 text-xs font-medium ${"disabled"===m.contentLoggingMode?"bg-amber-500/10 text-amber-600":"bg-emerald-500/10 text-emerald-600"}`,children:["prompt logs ",m.contentLoggingMode]}):null]}),(0,a.jsxs)("div",{className:`mt-5 rounded-xl border p-4 ${v.panel}`,children:[(0,a.jsxs)("div",{className:"flex flex-col gap-3 md:flex-row md:items-center md:justify-between",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h4",{className:"font-semibold text-text-main",children:"Chiến lược routing"}),(0,a.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:x.description})]}),(0,a.jsx)("select",{value:u,onChange:e=>c({fallbackStrategy:e.target.value}),className:"rounded-lg border border-border bg-surface px-3 py-2 text-sm text-text-main outline-none focus:border-primary",children:p.map(e=>(0,a.jsx)("option",{value:e.value,children:e.label},e.value))})]}),(0,a.jsx)(V,{value:m.requestOverrides||{},onChange:e=>c({requestOverrides:e}),compact:!0}),(0,a.jsx)(U,{value:m.contentLoggingMode,onChange:e=>c({contentLoggingMode:e}),compact:!0}),("least-latency"===u||"p2c"===u)&&(0,a.jsxs)("div",{className:"mt-4 rounded-xl border border-primary/15 bg-surface p-3",children:[(0,a.jsxs)("label",{className:"flex items-start gap-2 text-sm text-text-muted",children:[(0,a.jsx)("input",{type:"checkbox",checked:!1!==m.lanHealthEnabled,onChange:e=>c({lanHealthEnabled:e.target.checked}),className:"mt-0.5 h-3.5 w-3.5 accent-primary"}),(0,a.jsxs)("span",{children:[(0,a.jsx)("span",{className:"font-medium text-text-main",children:"Routing theo trạng th\xe1i health LAN"}),(0,a.jsx)("span",{className:"mt-1 block text-xs",children:"D\xf9ng dữ liệu health v\xe0 circuit breaker khi xếp hạng target trong combo."})]})]}),(0,a.jsxs)("div",{className:"mt-3 grid gap-3 md:grid-cols-2",children:[(0,a.jsxs)("label",{className:"block",children:[(0,a.jsx)("span",{className:"mb-1 block text-xs font-medium text-text-muted",children:"Đường dẫn health"}),(0,a.jsx)("input",{value:m.healthCheckPath||"/api/tags",onChange:e=>c({healthCheckPath:e.target.value||"/api/tags"}),placeholder:"/api/tags",className:"w-full rounded-lg border border-border bg-background px-2 py-1.5 font-mono text-xs text-text-main outline-none focus:border-primary"})]}),(0,a.jsxs)("label",{className:"block",children:[(0,a.jsx)("span",{className:"mb-1 block text-xs font-medium text-text-muted",children:"Chu kỳ kiểm tra (ms)"}),(0,a.jsx)("input",{type:"number",min:"1000",value:m.healthCheckIntervalMs||15e3,onChange:e=>c({healthCheckIntervalMs:Number(e.target.value)||15e3}),className:"w-full rounded-lg border border-border bg-background px-2 py-1.5 text-xs text-text-main outline-none focus:border-primary"})]})]}),(0,a.jsxs)("div",{className:"mt-3 grid gap-3 md:grid-cols-2",children:[(0,a.jsxs)("label",{className:"block",children:[(0,a.jsx)("span",{className:"mb-1 block text-xs font-medium text-text-muted",children:"Tag endpoint bắt buộc"}),(0,a.jsx)("input",{value:j,onChange:e=>k(e.target.value),onBlur:()=>c({requiredTags:$(j)}),onKeyDown:e=>"Enter"===e.key&&e.currentTarget.blur(),placeholder:"gpu, vram:8gb",className:"w-full rounded-lg border border-border bg-background px-2 py-1.5 font-mono text-xs text-text-main outline-none focus:border-primary"}),(0,a.jsx)("span",{className:"mt-1 block text-[11px] text-text-muted",children:"Mọi endpoint được route đều phải c\xf3 c\xe1c tag n\xe0y."})]}),(0,a.jsxs)("label",{className:"block",children:[(0,a.jsx)("span",{className:"mb-1 block text-xs font-medium text-text-muted",children:"Quy tắc tag theo model"}),(0,a.jsx)("textarea",{value:N,onChange:e=>C(e.target.value),onBlur:()=>c({modelTagRules:function(e=""){let t={};for(let n of String(e||"").split(/\n+/)){let e=n.trim();if(!e)continue;let a=e.indexOf(":");if(-1===a)continue;let r=e.slice(0,a).trim(),l=$(e.slice(a+1));r&&l.length&&(t[r]=l)}return t}(N)}),placeholder:"qwen3:32b: gpu, vram:16gb\nqwen3:8b: model_support:qwen3:8b",rows:3,className:"w-full rounded-lg border border-border bg-background px-2 py-1.5 font-mono text-xs text-text-main outline-none focus:border-primary"})]})]})]}),"round-robin"===u&&(0,a.jsxs)("div",{className:"mt-4 rounded-xl border border-primary/15 bg-surface p-3",children:[(0,a.jsxs)("div",{className:"mb-3 flex items-center justify-between gap-3",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 text-sm font-semibold text-primary",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"sticky_note_2"}),"Round Robin giữ d\xednh"]}),(0,a.jsxs)("label",{className:"flex items-center gap-2 text-xs text-text-muted",children:[(0,a.jsx)("input",{type:"checkbox",checked:"round-robin"===u,onChange:e=>d(e.target.checked),className:"h-3.5 w-3.5 accent-primary"}),"Bật"]})]}),(0,a.jsxs)("div",{className:"grid gap-3 md:grid-cols-2",children:[(0,a.jsxs)("label",{className:"block",children:[(0,a.jsx)("span",{className:"mb-1 block text-xs font-medium text-text-muted",children:"Chế độ giữ d\xednh"}),(0,a.jsx)("select",{value:g,onChange:e=>c({stickyScope:e.target.value}),className:"w-full rounded-lg border border-border bg-background px-2 py-1.5 text-xs text-text-main outline-none focus:border-primary",children:b.map(e=>(0,a.jsx)("option",{value:e.value,children:e.label},e.value))}),(0,a.jsx)("span",{className:"mt-1 block text-[11px] text-text-muted",children:f.description})]}),(0,a.jsxs)("label",{className:"block",children:[(0,a.jsx)("span",{className:"mb-1 block text-xs font-medium text-text-muted",children:"TTL giữ d\xednh (ph\xfat)"}),(0,a.jsx)("input",{type:"number",min:"1",value:m.stickyTtlMinutes||120,onChange:e=>c({stickyTtlMinutes:Number(e.target.value)||120}),className:"w-full rounded-lg border border-border bg-background px-2 py-1.5 text-xs text-text-main outline-none focus:border-primary"})]})]}),(0,a.jsxs)("label",{className:"mt-3 flex items-start gap-2 text-xs text-text-muted",children:[(0,a.jsx)("input",{type:"checkbox",checked:!1!==m.stickyFallbackToClientIp,onChange:e=>c({stickyFallbackToClientIp:e.target.checked}),className:"mt-0.5 h-3.5 w-3.5 accent-primary"}),"Nếu thiếu chat session id, fallback về IP client thay v\xec xoay to\xe0n cục."]})]})]})]})}function J({icon:e,title:t,onClick:n,danger:r=!1}){return(0,a.jsx)("button",{type:"button",onClick:e=>{e.stopPropagation(),n?.()},className:`rounded-lg p-2 transition ${r?"text-red-500 hover:bg-red-500/10":"text-text-muted hover:bg-background hover:text-primary"}`,title:t,"aria-label":t,children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:e})})}function X({id:e,index:t,model:n,subtitle:l="",enabled:i,isFirst:d,isLast:c,onEdit:m,onMoveUp:u,onMoveDown:x,onRemove:b,onToggleEnabled:p}){let{attributes:h,listeners:g,setNodeRef:f,transform:y,isDragging:v}=(0,s.gl)({id:e}),j={transform:o.Ks.Transform.toString(y),opacity:v?.4:1,zIndex:v?999:void 0},[k,N]=(0,r.useState)(!1),[w,C]=(0,r.useState)(n);(0,r.useEffect)(()=>{C(n)},[n]);let _=()=>{let e=w.trim();e&&e!==n?m(e):C(n),N(!1)};return(0,a.jsxs)("div",{ref:f,style:j,className:`flex items-center gap-3 rounded-xl border p-3 transition ${i?"border-border bg-background":"border-red-200 bg-red-50/70 opacity-75 dark:border-red-500/30 dark:bg-red-500/10"}`,children:[(0,a.jsx)("button",{type:"button",className:"cursor-grab text-text-muted active:cursor-grabbing",...h,...g,title:"K\xe9o để sắp xếp lại",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"drag_indicator"})}),(0,a.jsx)("span",{className:`flex h-7 w-7 shrink-0 items-center justify-center rounded-full text-xs font-semibold ${i?"bg-primary/10 text-primary":"bg-red-100 text-red-600 dark:bg-red-500/20 dark:text-red-300"}`,children:t+1}),k?(0,a.jsx)("input",{autoFocus:!0,value:w,onChange:e=>C(e.target.value),onBlur:_,onKeyDown:e=>{"Enter"===e.key&&_(),"Escape"===e.key&&(C(n),N(!1))},className:"min-w-0 flex-1 rounded border border-primary/40 bg-background px-2 py-1 font-mono text-xs text-text-main outline-none"}):(0,a.jsxs)("button",{type:"button",onClick:()=>N(!0),className:"min-w-0 flex-1 text-left",title:"Bấm để sửa model",children:[(0,a.jsx)("span",{className:`block truncate font-mono text-xs ${i?"text-text-main":"text-text-muted line-through"}`,children:n}),l?(0,a.jsx)("span",{className:"mt-0.5 block truncate text-[11px] text-text-muted",children:l}):null]}),(0,a.jsx)("button",{type:"button",onClick:p,className:`rounded-lg p-1.5 transition ${i?"text-green-600 hover:bg-green-500/10":"text-red-500 hover:bg-red-500/10"}`,title:i?"Tắt model trong combo":"Bật model trong combo",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:i?"toggle_on":"toggle_off"})}),(0,a.jsx)("button",{type:"button",onClick:u,disabled:d,className:"rounded-lg p-1.5 text-text-muted transition hover:bg-surface disabled:opacity-30",title:"Di chuyển l\xean",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"arrow_upward"})}),(0,a.jsx)("button",{type:"button",onClick:x,disabled:c,className:"rounded-lg p-1.5 text-text-muted transition hover:bg-surface disabled:opacity-30",title:"Di chuyển xuống",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"arrow_downward"})}),(0,a.jsx)("button",{type:"button",onClick:b,className:"rounded-lg p-1.5 text-red-500 transition hover:bg-red-500/10",title:"X\xf3a",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"close"})})]})}function U({value:e="inherit",onChange:t,compact:n=!1}){let r=N(e),l=y.find(e=>e.value===r)||y[0];return(0,a.jsx)("div",{className:n?"mt-4 rounded-xl border border-amber-500/15 bg-surface p-3":"rounded-xl border border-amber-500/15 bg-amber-500/5 p-4",children:(0,a.jsxs)("div",{className:"grid gap-3 md:grid-cols-[minmax(0,1fr)_280px] md:items-center",children:[(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 text-sm font-semibold text-text-main",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px] text-amber-500",children:"manage_search"}),"Prompt Logs cho combo n\xe0y"]}),(0,a.jsx)("p",{className:"mt-1 text-xs text-text-muted",children:l.description}),"disabled"===r?(0,a.jsx)("p",{className:"mt-1 text-[11px] font-medium text-amber-600",children:"Khi chạy request, Prompt Logs sẽ chỉ ghi metadata v\xe0 hiển thị [promptlogs disabled on this combo]."}):null]}),(0,a.jsx)("select",{value:r,onChange:e=>t?.(N(e.target.value)),className:"w-full rounded-lg border border-border bg-surface px-3 py-2 text-sm text-text-main outline-none focus:border-primary",children:y.map(e=>(0,a.jsx)("option",{value:e.value,children:e.label},e.value))})]})})}function V({value:e={},onChange:t,compact:n=!1}){let r=w(e),l=void 0!==r.temperature,s=void 0!==r.top_p,o=void 0!==r.max_tokens,i=void 0!==r.reasoning_budget,d=r.thinkingMode||"inherit",c=e=>{t?.(w({...r,...e}))},m=(e,n,a)=>{if(!n){let n={...r};delete n[e],t?.(w(n));return}c({[e]:a})};return(0,a.jsxs)("div",{className:n?"mt-4 rounded-xl border border-sky-500/15 bg-surface p-3":"rounded-xl border border-sky-500/15 bg-sky-500/5 p-4",children:[(0,a.jsxs)("div",{className:"mb-3 flex flex-col gap-2 sm:flex-row sm:items-start sm:justify-between",children:[(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 text-sm font-semibold text-text-main",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px] text-sky-500",children:"tune"}),"Tham số request Local endpoint"]}),(0,a.jsxs)("p",{className:"mt-1 text-xs text-text-muted",children:["Chỉ inject khi combo route 100% tới local endpoint: ",(0,a.jsx)("span",{className:"font-mono",children:"llama.cpp"}),", ",(0,a.jsx)("span",{className:"font-mono",children:"vLLM"})," hoặc ",(0,a.jsx)("span",{className:"font-mono",children:"Ollama"}),". Nếu combo mix local + cloud/provider kh\xe1c, BlueRouter bỏ qua to\xe0n bộ block n\xe0y v\xe0 giữ nguy\xean request gốc."]})]}),!function(e={}){return Object.keys(w(e)).length>0}(r)?(0,a.jsx)("span",{className:"inline-flex items-center rounded-full bg-background px-2 py-1 text-[11px] font-semibold text-text-muted",children:"Kh\xf4ng inject"}):(0,a.jsx)("span",{className:"inline-flex items-center rounded-full bg-primary/10 px-2 py-1 text-[11px] font-semibold text-primary",children:"Đang override"})]}),(0,a.jsxs)("div",{className:"grid gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-5",children:[(0,a.jsxs)("label",{className:`rounded-lg border p-3 transition ${l?"border-primary/30 bg-background":"border-border bg-background/60"}`,children:[(0,a.jsxs)("span",{className:"mb-2 flex items-center justify-between gap-2 text-xs font-medium text-text-main",children:["Temperature",(0,a.jsx)("input",{type:"checkbox",checked:l,onChange:e=>m("temperature",e.target.checked,g.temperature),className:"h-3.5 w-3.5 accent-primary"})]}),(0,a.jsx)("input",{type:"number",min:"0",max:"2",step:"0.05",disabled:!l,value:l?r.temperature:g.temperature,onChange:e=>c({temperature:e.target.value}),className:"w-full rounded-lg border border-border bg-surface px-2 py-1.5 text-sm text-text-main outline-none focus:border-primary disabled:opacity-50"}),(0,a.jsx)("span",{className:"mt-1 block text-[11px] text-text-muted",children:"0 = ổn định, 2 = s\xe1ng tạo."})]}),(0,a.jsxs)("label",{className:`rounded-lg border p-3 transition ${s?"border-primary/30 bg-background":"border-border bg-background/60"}`,children:[(0,a.jsxs)("span",{className:"mb-2 flex items-center justify-between gap-2 text-xs font-medium text-text-main",children:["top_p",(0,a.jsx)("input",{type:"checkbox",checked:s,onChange:e=>m("top_p",e.target.checked,g.top_p),className:"h-3.5 w-3.5 accent-primary"})]}),(0,a.jsx)("input",{type:"number",min:"0.01",max:"1",step:"0.01",disabled:!s,value:s?r.top_p:g.top_p,onChange:e=>c({top_p:e.target.value}),className:"w-full rounded-lg border border-border bg-surface px-2 py-1.5 text-sm text-text-main outline-none focus:border-primary disabled:opacity-50"}),(0,a.jsx)("span",{className:"mt-1 block text-[11px] text-text-muted",children:"0.01–1.0; 0.9–0.95 thường hợp coder/chat."})]}),(0,a.jsxs)("label",{className:`rounded-lg border p-3 transition ${o?"border-primary/30 bg-background":"border-border bg-background/60"}`,children:[(0,a.jsxs)("span",{className:"mb-2 flex items-center justify-between gap-2 text-xs font-medium text-text-main",children:["max_tokens",(0,a.jsx)("input",{type:"checkbox",checked:o,onChange:e=>m("max_tokens",e.target.checked,g.max_tokens),className:"h-3.5 w-3.5 accent-primary"})]}),(0,a.jsx)("input",{type:"number",min:"1",max:"262144",step:"1",disabled:!o,value:o?r.max_tokens:g.max_tokens,onChange:e=>c({max_tokens:e.target.value}),className:"w-full rounded-lg border border-border bg-surface px-2 py-1.5 text-sm text-text-main outline-none focus:border-primary disabled:opacity-50"}),(0,a.jsx)("span",{className:"mt-1 block text-[11px] text-text-muted",children:"Giới hạn output cho request."})]}),(0,a.jsxs)("label",{className:`rounded-lg border p-3 transition ${i?"border-primary/30 bg-background":"border-border bg-background/60"}`,children:[(0,a.jsxs)("span",{className:"mb-2 flex items-center justify-between gap-2 text-xs font-medium text-text-main",children:["reasoning_budget",(0,a.jsx)("input",{type:"checkbox",checked:i,onChange:e=>m("reasoning_budget",e.target.checked,g.reasoning_budget),className:"h-3.5 w-3.5 accent-primary"})]}),(0,a.jsx)("input",{type:"number",min:"0",max:"262144",step:"1",disabled:!i,value:i?r.reasoning_budget:g.reasoning_budget,onChange:e=>c({reasoning_budget:e.target.value}),className:"w-full rounded-lg border border-border bg-surface px-2 py-1.5 text-sm text-text-main outline-none focus:border-primary disabled:opacity-50"}),(0,a.jsx)("span",{className:"mt-1 block text-[11px] text-text-muted",children:"Chỉ d\xf9ng cho llama.cpp/vLLM local; runtime sẽ map đ\xfang field."})]}),(0,a.jsxs)("label",{className:"rounded-lg border border-border bg-background p-3",children:[(0,a.jsx)("span",{className:"mb-2 block text-xs font-medium text-text-main",children:"Thinking"}),(0,a.jsx)("select",{value:d,onChange:e=>c({thinkingMode:"inherit"===e.target.value?void 0:e.target.value}),className:"w-full rounded-lg border border-border bg-surface px-2 py-1.5 text-sm text-text-main outline-none focus:border-primary",children:f.map(e=>(0,a.jsx)("option",{value:e.value,children:e.label},e.value))}),(0,a.jsx)("span",{className:"mt-1 block text-[11px] text-text-muted",children:f.find(e=>e.value===d)?.description||f[0].description})]})]})]})}function W({isOpen:e,combo:t,comboStrategy:n={},onClose:o,onSave:c,activeProviders:m,providersLoading:b=!1,kindFilter:p=null}){let[h,f]=(0,r.useState)(t?.name||""),[y,v]=(0,r.useState)([]),[j,k]=(0,r.useState)(!1),[T,S]=(0,r.useState)(!1),[M,$]=(0,r.useState)(""),[O,L]=(0,r.useState)({}),[P,R]=(0,r.useState)(""),[z,F]=(0,r.useState)(""),[H,K]=(0,r.useState)(()=>t?w(n?.requestOverrides||{}):w(g)),[J,Q]=(0,r.useState)(()=>N(n?.contentLoggingMode)),Z=n||{},Y=(0,l.FR)((0,l.MS)(l.AN,{activationConstraint:{distance:5}}),(0,l.MS)(l.uN,{coordinateGetter:s.JR}));(0,r.useEffect)(()=>{e&&(f(t?.name||""),v(function(e,t={}){let n=(e?.models||[]).map(e=>B(e,!0)).filter(e=>e.value),a=new Set(n.map(e=>e.value));return[...n,..._(t).filter(e=>!a.has(e)).map(e=>B(e,!1)).filter(e=>e.value)]}(t,Z)),$(""),R(""),F(""),K(t?w(Z.requestOverrides||{}):w(g)),Q(N(Z.contentLoggingMode)))},[e,t?.id,t?.name,Z.contentLoggingMode]),(0,r.useEffect)(()=>{e&&ee()},[e]);let ee=async()=>{try{let e=await fetch("/api/models/alias",{cache:"no-store"});if(!e.ok)return;let t=await e.json();L(t.aliases||{})}catch(e){console.error("Error fetching modal data:",e)}},et=y.map((e,t)=>({uid:`item-${t}-${e.value}`,row:e})),en=y.map(e=>e.value),ea=y.filter(e=>e.enabled).length,er=y.filter(e=>!e.enabled).length,el=(m||[]).filter(e=>e?.isActive!==!1),es=el.find(e=>e.id===P)||null,eo=es?G(es,O):[],ei=eo[0]?.value||(es?D(es):""),ed=e=>e.trim()?x.test(e)?($(""),!0):($("Chỉ cho ph\xe9p chữ, số, dấu -, _ v\xe0 ."),!1):($("Bắt buộc nhập t\xean"),!1),ec=async()=>{if(!ed(h))return;let{models:e,disabledModels:t}=function(e=[]){let t=[],n=new Set;for(let a of e){let e=C(a?.value||I(a?.target));!e||n.has(e)||(n.add(e),t.push({...a,value:e,enabled:a?.enabled!==!1,target:A(a?.target||a?.value)}))}return{models:t.filter(e=>e.enabled).map(e=>e.target).filter(Boolean),disabledModels:t.filter(e=>!e.enabled).map(e=>e.value)}}(y);S(!0),await c({name:h.trim(),models:e,disabledModels:t,requestOverrides:w(H),contentLoggingMode:J}),S(!1)};if(!e)return null;let em=!!t;return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("div",{className:"fixed inset-0 z-[100] flex items-center justify-center bg-black/45 p-3 backdrop-blur-[1px] sm:p-4",children:(0,a.jsxs)("div",{className:"flex max-h-[92vh] w-full max-w-7xl flex-col overflow-hidden rounded-2xl border border-border bg-white shadow-2xl dark:bg-zinc-950",children:[(0,a.jsxs)("div",{className:"flex items-start justify-between border-b border-border px-5 py-4 sm:px-6",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h2",{className:"text-xl font-semibold text-text-main",children:em?"Chỉnh sửa combo":"Tạo combo"}),(0,a.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Chọn model, tắt tạm thời khi cần v\xe0 sắp xếp thứ tự ưu ti\xean fallback đang bật."})]}),(0,a.jsx)("button",{type:"button",onClick:o,className:"rounded-lg p-1 text-text-muted transition hover:bg-surface hover:text-text-main",children:(0,a.jsx)("span",{className:"material-symbols-outlined",children:"close"})})]}),(0,a.jsxs)("div",{className:"min-h-0 flex-1 space-y-5 overflow-y-auto bg-white px-5 py-4 dark:bg-zinc-950 sm:px-6",children:[(0,a.jsxs)("label",{className:"block",children:[(0,a.jsx)("span",{className:"mb-2 block text-sm font-semibold text-text-main",children:"T\xean"}),(0,a.jsx)("input",{value:h,onChange:e=>{let t=e.target.value;f(t),t?ed(t):$("")},placeholder:"premium-coding",className:`w-full rounded-xl border bg-white px-4 py-2.5 text-text-main outline-none transition focus:border-primary dark:bg-zinc-900 ${M?"border-red-400":"border-border"}`}),(0,a.jsx)("span",{className:`mt-1 block text-xs ${M?"text-red-500":"text-text-muted"}`,children:M||"Chỉ cho ph\xe9p chữ, số, dấu -, _ v\xe0 ."})]}),(0,a.jsx)(V,{value:H,onChange:K,defaultEnabled:!em}),(0,a.jsx)(U,{value:J,onChange:Q}),(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"mb-3 flex items-center justify-between gap-3",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h3",{className:"text-sm font-semibold text-text-main",children:"Danh s\xe1ch model"}),(0,a.jsxs)("p",{className:"mt-1 text-xs text-text-muted",children:[ea," đang bật",er>0?`, ${er} đ\xe3 tắt`:"",". Model đ\xe3 tắt vẫn nằm trong combo nhưng kh\xf4ng được route."]})]}),(0,a.jsxs)("button",{type:"button",onClick:()=>k(!0),className:"inline-flex items-center gap-1 rounded-lg border border-border px-3 py-1.5 text-xs font-medium text-primary hover:border-primary/50",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"add"}),"Th\xeam model"]})]}),(0,a.jsxs)("div",{className:"mb-4 rounded-xl border border-primary/15 bg-primary/5 p-3",children:[(0,a.jsxs)("div",{className:"mb-2 flex items-center gap-2 text-xs font-semibold uppercase tracking-wide text-primary",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"account_tree"}),"Th\xeam target theo provider account"]}),(0,a.jsx)("p",{className:"mb-3 text-xs text-text-muted",children:"Cố định bước combo n\xe0y v\xe0o một provider account cụ thể. Danh s\xe1ch account chỉ được load khi mở modal để trang combo nhẹ hơn."}),(0,a.jsxs)("div",{className:"grid gap-2 md:grid-cols-[minmax(0,1.5fr)_minmax(0,1fr)_auto]",children:[(0,a.jsxs)("select",{value:P,onChange:e=>{let t=e.target.value,n=el.find(e=>e.id===t),a=n?G(n,O):[];R(t),F(a[0]?.value||D(n||{})||"")},className:"min-w-0 rounded-lg border border-border bg-background px-3 py-2 text-xs text-text-main outline-none focus:border-primary",children:[(0,a.jsx)("option",{value:"",children:b?"Đang tải provider account...":"Chọn provider account"}),el.map(e=>{let t=E(e),n=q(e),r=n&&n!==t?`${t} / ${n}`:t;return(0,a.jsx)("option",{value:e.id,children:r},e.id)})]}),(0,a.jsxs)("select",{value:z,onChange:e=>F(e.target.value),disabled:!P||0===eo.length,className:"min-w-0 rounded-lg border border-border bg-background px-3 py-2 font-mono text-xs text-text-main outline-none focus:border-primary disabled:cursor-not-allowed disabled:opacity-60",children:[(0,a.jsx)("option",{value:"",children:P?eo.length>0?"Chọn model":"Kh\xf4ng t\xecm thấy model của provider":"Chọn account trước"}),eo.map(e=>(0,a.jsx)("option",{value:e.value,children:e.label},`${e.value}-${e.label}`))]}),(0,a.jsxs)("button",{type:"button",onClick:()=>{if(!es)return;let e=function(e,t){let n=E(e),a=function(e={}){let t=C(e.provider),n=E(e);return(0,u.mq)(t)||(0,u.gb)(t)?n||t:t||n}(e),r=q(e),l=C(t||D(e));if(!n||!e?.id||!l)return null;let s=l.includes("/"),o=s?l:`${n}/${l}`,i=s&&l.startsWith(`${n}/`)?l.slice(n.length+1):l,d=r&&r!==a?`${a}/${r}/${i}`:`${a}/${i}`;return{model:o,connectionId:e.id,provider:a||n,accountName:r||void 0,label:d}}(es,z||ei);if(!e)return void alert("H\xe3y chọn provider account v\xe0 model cho target cố định n\xe0y.");let t=B(e,!0);v(e=>{let n=e.findIndex(e=>e.value===t.value);if(-1!==n){let a=[...e];return a[n]={...a[n],...t,enabled:!0},a}return[...e,t]}),F("")},disabled:!P||!z,className:"inline-flex items-center justify-center gap-1 rounded-lg bg-primary px-3 py-2 text-xs font-semibold text-white disabled:opacity-50",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"add_link"}),"Th\xeam account"]})]})]}),0===y.length?(0,a.jsxs)("div",{className:"rounded-xl border border-dashed border-border p-8 text-center text-text-muted",children:[(0,a.jsx)("span",{className:"material-symbols-outlined",children:"layers"}),(0,a.jsx)("p",{className:"mt-2 text-sm",children:"Chưa th\xeam model n\xe0o"})]}):(0,a.jsx)(l.Mp,{sensors:Y,collisionDetection:l.fp,modifiers:[i.FN,i.gj],onDragEnd:e=>{let{active:t,over:n}=e;if(n&&t.id!==n.id){let e=et.findIndex(e=>e.uid===t.id),a=et.findIndex(e=>e.uid===n.id);-1!==e&&-1!==a&&v(t=>(0,s.be)(t,e,a))}},children:(0,a.jsx)(s.gB,{items:et.map(e=>e.uid),strategy:s._G,children:(0,a.jsx)("div",{className:"space-y-3",children:et.map(({uid:e,row:t},n)=>(0,a.jsx)(X,{id:e,index:n,model:t.label||t.value,subtitle:t.subtitle,enabled:t.enabled,isFirst:0===n,isLast:n===y.length-1,onEdit:e=>{let t=e.trim();if(!t)return;let a=[...y],r=a[n];if(r?.target&&"object"==typeof r.target){let e=A({...r.target,model:t});a[n]=B(e,!1!==r.enabled)}else a[n]=B(t,r?.enabled!==!1);v(a)},onMoveUp:()=>{if(0===n)return;let e=[...y];[e[n-1],e[n]]=[e[n],e[n-1]],v(e)},onMoveDown:()=>{if(n===y.length-1)return;let e=[...y];[e[n],e[n+1]]=[e[n+1],e[n]],v(e)},onToggleEnabled:()=>{let e=[...y];e[n]={...e[n],enabled:!e[n].enabled},v(e)},onRemove:()=>v(y.filter((e,t)=>t!==n))},e))})})})]})]}),(0,a.jsxs)("div",{className:"flex justify-end gap-3 border-t border-border bg-white px-5 py-4 dark:bg-zinc-950 sm:px-6",children:[(0,a.jsx)("button",{type:"button",onClick:o,className:"rounded-xl border border-border px-4 py-2 text-sm font-medium text-text-main hover:bg-surface",children:"Hủy"}),(0,a.jsx)("button",{type:"button",onClick:ec,disabled:T,className:"rounded-xl bg-primary px-4 py-2 text-sm font-medium text-white hover:opacity-90 disabled:opacity-50",children:T?"Đang lưu...":em?"Lưu":"Tạo"})]})]})}),(0,a.jsx)(d.rq,{isOpen:j,onClose:()=>k(!1),onSelect:e=>{let t=e.value;v(e=>{let n=e.findIndex(e=>e.value===t);if(-1!==n){let t=[...e];return t[n]={...t[n],enabled:!0},t}return[...e,B(t,!0)]})},onDeselect:e=>{v(t=>t.filter(t=>t.value!==e.value))},activeProviders:m,modelAliases:O,title:"Th\xeam model v\xe0o combo",kindFilter:p,addedModelValues:en,closeOnSelect:!1})]})}}},e=>{e.O(0,[2574,3862,2649,7055,620,5497,8441,3794,7358],()=>e(e.s=20061)),_N_E=e.O()}]);