@jheavenknows/bluerouter 5.2.13 → 5.2.14

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

@@ -1,2 +1,2 @@
-(()=>{var a={};a.id=8978,a.ids=[8978],a.modules={261:a=>{"use strict";a.exports=require("next/dist/shared/lib/router/utils/app-paths")},1932:a=>{"use strict";a.exports=require("url")},3295:a=>{"use strict";a.exports=require("next/dist/server/app-render/after-task-async-storage.external.js")},4573:a=>{"use strict";a.exports=require("node:buffer")},10846:a=>{"use strict";a.exports=require("next/dist/compiled/next-server/app-page.runtime.prod.js")},17891:a=>{"use strict";a.exports=require("next/dist/shared/lib/router/utils/get-segment-param")},18521:(a,b,c)=>{"use strict";c.d(b,{default:()=>ad});var d=c(48249),e=c(67484),f=c(26921),g=c(20151);f.xI.setOptions({gfm:!0,breaks:!0});let h=[{value:"today",label:"H\xf4m nay"},{value:"todayWorking",label:"H\xf4m nay (Working time)"},{value:"yesterday",label:"H\xf4m qua"},{value:"yesterdayWorking",label:"H\xf4m qua (Working time)"},{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ả (60 ng\xe0y)"},{value:"custom",label:"T\xf9y chọn"}],i=[{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"},{value:"aiHealth",label:"Đ\xe1nh gi\xe1 AI",icon:"neurology"}],j={normal:{className:"border-emerald-500/20 bg-emerald-500/10 text-emerald-700 dark:text-emerald-300",label:"B\xecnh thường"},warning:{className:"border-amber-500/20 bg-amber-500/10 text-amber-700 dark:text-amber-300",label:"Cảnh b\xe1o"},critical:{className:"border-red-500/20 bg-red-500/10 text-red-700 dark:text-red-300",label:"Nghi\xeam trọng"},no_traffic:{className:"border-border bg-surface-2 text-text-muted",label:"Kh\xf4ng c\xf3 lưu lượng"},unknown:{className:"border-border bg-surface-2 text-text-muted",label:"Kh\xf4ng r\xf5"}};function k({status:a}){let b=j[a]||j.unknown;return(0,d.jsxs)("span",{className:x("inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs font-semibold",b.className),children:[(0,d.jsx)("span",{className:"h-1.5 w-1.5 rounded-full bg-current"}),b.label]})}function l(){let[a,b]=(0,e.useState)([]),[c,g]=(0,e.useState)(""),[h,i]=(0,e.useState)(null),[j,l]=(0,e.useState)(!1),[m,n]=(0,e.useState)(!1),[o,p]=(0,e.useState)(""),[q,r]=(0,e.useState)(!1),s=(0,e.useCallback)(a=>{g(a),fetch("/api/dashboard/analytics/analyze",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({model:a})}).catch(()=>{})},[]),t=(0,e.useCallback)(async()=>{if(!c)return;let a=c.indexOf("::"),b=c.slice(0,a),d=c.slice(a+2);n(!0),p("");try{let a=await fetch("/api/dashboard/analytics/analyze",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({connectionId:b,model:d})}),c=await a.json().catch(()=>({}));if(!a.ok)throw Error(c.error||"Kh\xf4ng thể ph\xe2n t\xedch");i(c.analysis)}catch(a){p(a?.message||"Kh\xf4ng thể ph\xe2n t\xedch")}finally{n(!1)}},[c]),u=(0,e.useMemo)(()=>h?.summary?f.xI.parse(h.summary):"",[h]);return(0,d.jsxs)("section",{className:"overflow-hidden rounded-3xl border border-border bg-surface shadow-[var(--shadow-soft)]",children:[(0,d.jsx)("div",{className:"flex flex-wrap items-center justify-between gap-4 border-b border-border px-6 py-5",children:(0,d.jsxs)("div",{className:"flex items-center gap-4",children:[(0,d.jsx)("div",{className:"flex h-12 w-12 items-center justify-center rounded-2xl bg-primary/10 text-primary",children:(0,d.jsx)("span",{className:"material-symbols-outlined text-[27px]",children:"neurology"})}),(0,d.jsxs)("div",{children:[(0,d.jsx)("h3",{className:"text-lg font-semibold text-text-main",children:"Đ\xe1nh gi\xe1 AI về trải nghiệm & hiệu năng"}),(0,d.jsx)("p",{className:"mt-0.5 text-xs text-text-muted",children:'Ph\xe2n t\xedch giờ l\xe0m việc h\xf4m nay, tập trung v\xe0o tab "Trải nghiệm" v\xe0 c\xe1c vLLM AI server local. Chạy nền tự động mỗi 1 giờ.'})]})]})}),(0,d.jsxs)("div",{className:"space-y-5 p-6",children:[j?(0,d.jsx)("div",{className:"rounded-xl border border-amber-500/20 bg-amber-500/10 px-4 py-3 text-sm text-amber-700 dark:text-amber-300",children:"Standby mode: kết quả ph\xe2n t\xedch được đồng bộ tự động từ Master. Node n\xe0y kh\xf4ng tự chạy ph\xe2n t\xedch AI."}):null,(0,d.jsxs)("div",{className:"flex flex-wrap items-end gap-3",children:[(0,d.jsxs)("label",{className:"flex min-w-[280px] flex-1 flex-col gap-1.5 text-sm",children:[(0,d.jsx)("span",{className:"text-xs font-medium text-text-muted",children:"AI model d\xf9ng để ph\xe2n t\xedch"}),(0,d.jsxs)("select",{className:"rounded-xl border border-border bg-surface px-3 py-2.5 text-sm text-text-main disabled:opacity-60",value:c,onChange:a=>s(a.target.value),disabled:!a.length||j,children:[a.length?null:(0,d.jsx)("option",{value:"",children:"Chưa c\xf3 kết nối AI n\xe0o đang hoạt động"}),a.map(a=>(0,d.jsx)("option",{value:a.value,children:a.label},a.value))]})]}),(0,d.jsxs)("button",{type:"button",onClick:t,disabled:!c||j||m,className:"flex items-center gap-2 rounded-xl bg-primary px-4 py-2.5 text-sm font-semibold text-white shadow-sm transition disabled:cursor-not-allowed disabled:opacity-60",children:[(0,d.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:m?"progress_activity":"auto_awesome"}),m?"Đang ph\xe2n t\xedch...":"Ph\xe2n t\xedch lại"]})]}),o?(0,d.jsx)("div",{className:"rounded-xl border border-red-500/20 bg-red-500/10 px-4 py-3 text-sm text-red-600 dark:text-red-300",children:o}):null,h?(0,d.jsxs)("div",{className:"space-y-5",children:[(0,d.jsxs)("div",{className:"flex flex-wrap items-center justify-between gap-2 text-xs text-text-muted",children:[(0,d.jsxs)("span",{children:["Model: ",(0,d.jsx)("span",{className:"font-semibold",children:h.modelLabel})]}),(0,d.jsxs)("span",{children:["Cập nhật l\xfac ",h.generatedAt?new Date(h.generatedAt).toLocaleString("vi-VN"):"-"]})]}),(0,d.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,d.jsx)("span",{className:"text-xs text-text-muted",children:"Tổng quan:"}),(0,d.jsx)(k,{status:h.status}),(0,d.jsx)("span",{className:"text-xs text-text-muted",children:"vLLM local:"}),(0,d.jsx)(k,{status:h.vllmStatus}),"number"==typeof h.vllmServerCount?(0,d.jsxs)("span",{className:"text-xs text-text-subtle",children:["(",h.vllmServerCount," node)"]}):null]}),(0,d.jsx)("div",{className:"analytics-ai-body rounded-2xl border border-border bg-surface-2/40 p-5 text-sm leading-6 text-text-main",dangerouslySetInnerHTML:{__html:u}})]}):!m&&q?(0,d.jsx)("div",{className:"rounded-2xl border border-dashed border-border bg-surface-2/40 py-10 text-center text-sm text-text-muted",children:'Chưa c\xf3 ph\xe2n t\xedch n\xe0o — bấm "Ph\xe2n t\xedch lại" để bắt đầu.'}):null]})]})}function m(a,b=0){return Number(a||0).toLocaleString("vi-VN",{maximumFractionDigits:b})}function n(a){let b=Number(a||0);return Intl.NumberFormat("vi-VN",{notation:"compact",maximumFractionDigits:1}).format(b)}function o(a){let b=100*Number(a||0);return`${b.toLocaleString("vi-VN",{maximumFractionDigits:1})}%`}function p(a){let b=Number(a||0);return b?`$${b.toLocaleString("vi-VN",{minimumFractionDigits:4,maximumFractionDigits:6})}`:"$0"}function q(a){if(null==a||Number.isNaN(Number(a)))return"-";let b=Number(a);return b>=1e3?`${(b/1e3).toLocaleString("vi-VN",{maximumFractionDigits:2})}s`:`${b.toLocaleString("vi-VN",{maximumFractionDigits:0})}ms`}function r(a,b="/s"){if(null==a||Number.isNaN(Number(a)))return"-";let c=Number(a);return`${c.toLocaleString("vi-VN",{maximumFractionDigits:c>=10?1:2})}${b}`}function s(a){return null==a||Number.isNaN(Number(a))?"-":`${Number(a).toLocaleString("vi-VN",{maximumFractionDigits:0})}/100`}function t(a){if(!a)return null;let b=String(a).trim();return new Date(/^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}(?:\.\d+)?$/.test(b)?`${b.replace(" ","T")}Z`:b)}function u(a){if(!a)return"-";try{let b=t(a);if(!b||Number.isNaN(b.getTime()))return String(a);return b.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(a)}}function v(a){if(!a)return"";try{let b=t(a);if(!b||Number.isNaN(b.getTime()))return String(a);return b.toLocaleString("vi-VN",{month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",hour12:!1})}catch{return String(a)}}function w(){let{isAdmin:a,isMonitorAdmin:b,isAiGatewaysMonitor:c}=(0,g.s)();return a||b||c}function x(...a){return a.filter(Boolean).join(" ")}function y(){try{return Intl.DateTimeFormat().resolvedOptions().timeZone||"UTC"}catch{return"UTC"}}function z(a,b={}){let c=new URLSearchParams;return Object.entries({...a,...b}).forEach(([a,b])=>{let d=String(b??"").trim();d&&c.set(a,d)}),c.toString()}function A({children:a,className:b=""}){return(0,d.jsx)("div",{className:x("min-w-0 rounded-2xl border border-border bg-surface p-5 shadow-sm",b),children:a})}function B({icon:a,label:b,value:c,hint:e,help:f,tone:g="blue"}){return(0,d.jsx)(A,{className:"min-h-[126px]",children:(0,d.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"text-sm font-medium text-text-muted",children:b}),(0,d.jsx)("div",{className:"mt-2 text-2xl font-semibold text-text-main",children:c}),e?(0,d.jsx)("div",{className:"mt-2 text-xs text-text-muted",children:e}):null,f?(0,d.jsx)("div",{className:"mt-1 text-[11px] leading-4 text-text-muted/70",children:f}):null]}),(0,d.jsx)("div",{className:x("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"}[g]||"bg-blue-500/10 text-blue-600 dark:text-blue-300"),children:(0,d.jsx)("span",{className:"material-symbols-outlined text-[22px]",children:a})})]})})}function C({label:a,children:b}){return(0,d.jsxs)("label",{className:"space-y-1.5 text-xs font-medium text-text-muted",children:[(0,d.jsx)("span",{children:a}),b]})}function D({value:a,onChange:b,children:c}){return(0,d.jsx)("select",{value:a||"",onChange:a=>b(a.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:c})}function E({value:a,onChange:b,placeholder:c="",type:e="text"}){return(0,d.jsx)("input",{value:a||"",type:e,onChange:a=>b(a.target.value),placeholder:c,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 F(){return(0,d.jsxs)("div",{className:"space-y-4",children:[(0,d.jsx)("div",{className:"grid gap-4 md:grid-cols-2 xl:grid-cols-4",children:Array.from({length:8}).map((a,b)=>(0,d.jsx)("div",{className:"h-32 animate-pulse rounded-2xl border border-border bg-surface"},b))}),(0,d.jsx)("div",{className:"h-80 animate-pulse rounded-2xl border border-border bg-surface"})]})}function G({title:a="Kh\xf4ng c\xf3 dữ liệu",description:b="Kh\xf4ng t\xecm thấy dữ liệu theo bộ lọc hiện tại."}){return(0,d.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,d.jsx)("span",{className:"material-symbols-outlined text-4xl text-text-muted",children:"database_off"}),(0,d.jsx)("div",{className:"mt-3 text-sm font-semibold text-text-main",children:a}),(0,d.jsx)("div",{className:"mt-1 max-w-xl text-sm text-text-muted",children:b})]})}function H({data:a=[],valueKey:b="totalTokens",secondaryKey:c="requests",height:e=220}){let f=a||[],g=Math.max(...f.map(a=>Number(a[b]||0)),1),h=Math.max(...f.map(a=>Number(a[c]||0)),1);return 0===f.length?(0,d.jsx)(G,{description:"Chưa c\xf3 time-series trong khoảng thời gian n\xe0y."}):(0,d.jsx)("div",{className:"overflow-x-auto",children:(0,d.jsxs)("div",{className:"min-w-[720px]",children:[(0,d.jsx)("div",{className:"flex items-end gap-1",style:{height:e},children:f.map((a,f)=>{let i=Math.max(2,Number(a[b]||0)/g*(e-42)),j=Math.max(2,Number(a[c]||0)/h*(e-42));return(0,d.jsx)("div",{className:"group flex flex-1 flex-col items-center justify-end gap-1",children:(0,d.jsxs)("div",{className:"relative flex h-full w-full max-w-[34px] items-end justify-center gap-0.5",children:[(0,d.jsx)("div",{className:"w-2 rounded-t bg-primary/70",style:{height:i}}),(0,d.jsx)("div",{className:"w-2 rounded-t bg-amber-500/70",style:{height:j}}),(0,d.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,d.jsx)("div",{className:"font-semibold text-text-main",children:v(a.label)}),(0,d.jsxs)("div",{className:"mt-1 text-text-muted",children:["Request: ",m(a.requests)]}),(0,d.jsxs)("div",{className:"text-text-muted",children:["Input token: ",m(a.promptTokens)]}),(0,d.jsxs)("div",{className:"text-text-muted",children:["Output token: ",m(a.completionTokens)]}),(0,d.jsxs)("div",{className:"text-text-muted",children:["Tổng token: ",m(a.totalTokens)]}),(0,d.jsxs)("div",{className:"text-text-muted",children:["Lỗi: ",m(a.errors)]})]})]})},`${a.label}-${f}`)})}),(0,d.jsxs)("div",{className:"mt-3 flex justify-between gap-2 text-[11px] text-text-muted",children:[(0,d.jsx)("span",{children:v(f[0]?.label)}),(0,d.jsx)("span",{children:v(f[Math.floor(f.length/2)]?.label)}),(0,d.jsx)("span",{children:v(f[f.length-1]?.label)})]})]})})}function I(){return(0,d.jsxs)("div",{className:"flex flex-wrap gap-3 text-xs text-text-muted",children:[(0,d.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,d.jsx)("span",{className:"h-2.5 w-2.5 rounded-sm bg-primary/70"}),"Token"]}),(0,d.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,d.jsx)("span",{className:"h-2.5 w-2.5 rounded-sm bg-amber-500/70"}),"Request"]})]})}function J({columns:a,rows:b,empty:c="Kh\xf4ng c\xf3 dữ liệu"}){return b&&0!==b.length?(0,d.jsx)("div",{className:"overflow-x-auto overflow-y-auto rounded-2xl border border-border",style:{maxHeight:"500px"},children:(0,d.jsxs)("table",{className:"min-w-full divide-y divide-border text-sm",children:[(0,d.jsx)("thead",{className:"bg-background/70",children:(0,d.jsx)("tr",{children:a.map(a=>(0,d.jsx)("th",{className:x("whitespace-nowrap px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-text-muted",a.className),children:a.label},a.key))})}),(0,d.jsx)("tbody",{className:"divide-y divide-border bg-surface",children:b.map((b,c)=>(0,d.jsx)("tr",{className:"hover:bg-background/60",children:a.map(a=>(0,d.jsx)("td",{className:x("whitespace-nowrap px-4 py-3 align-top text-text-main",a.className),children:a.render?a.render(b,c):b[a.key]??"-"},a.key))},b.key||b.id||`${b.label}-${c}`))})]})}):(0,d.jsx)(G,{title:c})}function K({items:a=[]}){return a&&0!==a.length?(0,d.jsx)("div",{className:"flex max-w-[360px] flex-wrap gap-1.5",children:a.slice(0,3).map(a=>(0,d.jsxs)("span",{className:"rounded-full bg-primary/10 px-2 py-0.5 text-xs text-primary",children:[a.label||a.key," \xb7 ",m(a.count??a.requests??a.totalTokens??0)]},a.key))}):(0,d.jsx)("span",{className:"text-text-muted",children:"-"})}function L({row:a}){return(0,d.jsxs)("div",{className:"space-y-1 text-xs",children:[(0,d.jsxs)("div",{className:"font-semibold text-text-main",children:[n(a.totalTokens)," token"]}),(0,d.jsxs)("div",{className:"text-text-muted",children:["In ",n(a.promptTokens)," / Out ",n(a.completionTokens)]})]})}function M({leaderboard:a={}}){let b=w(),c=a.rows||[],e=a.status||"warming",f="ready"===e?`${a.periodLabel||"H\xf4m nay"} \xb7 cập nhật ${u(a.generatedAt)} \xb7 refresh nền mỗi ${Math.round((a.refreshEveryMs||9e5)/6e4)} ph\xfat`:"error"===e?"Leaderboard đang chờ job nền tổng hợp lại dữ liệu.":"Leaderboard đang được job nền khởi tạo.";return(0,d.jsxs)(A,{className:"border-amber-500/20 bg-amber-500/[0.03]",children:[(0,d.jsxs)("div",{className:"mb-4 flex flex-wrap items-start justify-between gap-3",children:[(0,d.jsxs)("div",{children:[(0,d.jsxs)("div",{className:"flex items-center gap-2",children:[(0,d.jsx)("span",{className:"material-symbols-outlined text-2xl text-amber-500",children:"crown"}),(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Top 5 vinh danh token"})]}),(0,d.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Xếp hạng theo API key owner d\xf9ng nhiều input + output token nhất."})]}),(0,d.jsx)("span",{className:"rounded-full bg-amber-500/10 px-3 py-1 text-xs font-semibold text-amber-700 dark:text-amber-300",children:f})]}),(0,d.jsx)(J,{rows:c,empty:"Chưa c\xf3 snapshot leaderboard từ job nền.",columns:[{key:"rank",label:"Hạng",render:a=>(0,d.jsxs)("div",{className:"flex min-w-[170px] items-center gap-3",children:[(0,d.jsx)("div",{className:x("flex h-10 w-10 shrink-0 items-center justify-center rounded-xl",1===a.rank?"bg-amber-500/15 text-amber-600":"bg-primary/10 text-primary"),children:(0,d.jsx)("span",{className:"material-symbols-outlined text-[22px]",children:"crown"})}),(0,d.jsxs)("div",{children:[(0,d.jsxs)("div",{className:"font-semibold text-text-main",children:["#",a.rank," \xb7 ",a.title]}),(0,d.jsxs)("div",{className:"text-xs text-text-muted",children:[o(a.tokenShare||0)," tổng token"]})]})]})},{key:"owner",label:"Owner",render:a=>(0,d.jsxs)("div",{className:"min-w-[210px]",children:[(0,d.jsx)("div",{className:"font-semibold text-text-main",children:a.ownerUser||a.label}),(0,d.jsxs)("div",{className:"text-xs text-text-muted",children:[a.apiKeyName||"API key",b&&a.apiKeyFingerprint?` \xb7 ${a.apiKeyFingerprint}`:""]})]})},{key:"requests",label:"Req",render:a=>m(a.requests)},{key:"tokens",label:"Token",render:a=>(0,d.jsx)(L,{row:a})},{key:"scope",label:"Phạm vi",render:a=>(0,d.jsxs)("div",{className:"text-xs text-text-muted",children:[(0,d.jsxs)("div",{children:["API key ",m(a.apiKeyCount)," \xb7 IP ",m(a.sourceIpCount)]}),(0,d.jsxs)("div",{children:["Model ",m(a.modelCount)," \xb7 Provider ",m(a.providerCount)]})]})},{key:"lastSeen",label:"Last seen",render:a=>u(a.lastSeen)}]})]})}function N({value:a}){let b=Number(a||0);return(0,d.jsx)("span",{className:x("rounded-full px-2 py-1 text-xs font-semibold",b>=.2?"bg-red-500/10 text-red-600 dark:text-red-300":b>=.05?"bg-amber-500/10 text-amber-600 dark:text-amber-300":"bg-green-500/10 text-green-600 dark:text-green-300"),children:o(b)})}function O({level:a,label:b}){let c=String(a||"none");return(0,d.jsx)("span",{className:x("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"}[c]||"bg-slate-500/10 text-slate-700 dark:text-slate-300"),children:b||"-"})}function P({level:a,label:b}){let c=String(a||"normal");return(0,d.jsx)("span",{className:x("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"}[c]||"bg-slate-500/10 text-slate-700 dark:text-slate-300"),children:b||"-"})}function Q({value:a}){let b=String(a||"unknown"),c={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"}}[b]||{label:b,cls:"bg-zinc-500/10 text-zinc-700 dark:text-zinc-300"};return(0,d.jsx)("span",{className:x("rounded-full px-2 py-1 text-xs font-semibold",c.cls),children:c.label})}function R({row:a}){let b=a.sampleMessage||a.errorMessageShort||"";return b?(0,d.jsx)("span",{className:"block max-w-[360px] truncate text-xs text-text-muted",title:b,children:b}):(0,d.jsx)("span",{className:"text-text-muted",children:"-"})}function S({icon:a,label:b,value:c,hint:e,tone:f="slate"}){return(0,d.jsx)("div",{className:x("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"}[f]||"border-border bg-surface text-text-main"),children:(0,d.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"text-xs font-semibold uppercase tracking-wide opacity-75",children:b}),(0,d.jsx)("div",{className:"mt-2 text-2xl font-bold",children:m(c)}),e?(0,d.jsx)("div",{className:"mt-1 text-xs opacity-80",children:e}):null]}),(0,d.jsx)("span",{className:"material-symbols-outlined text-[24px] opacity-80",children:a})]})})}function T({anomaly:a}){let b="danger"===a.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",c="danger"===a.level?"error":"warning";return(0,d.jsx)("div",{className:x("rounded-2xl border p-4",b),children:(0,d.jsxs)("div",{className:"flex gap-3",children:[(0,d.jsx)("span",{className:"material-symbols-outlined text-[22px]",children:c}),(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"font-semibold",children:a.title}),(0,d.jsx)("div",{className:"mt-1 text-sm opacity-90",children:a.detail})]})]})})}function U({notes:a=[]}){return a.length?(0,d.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:a.map((a,b)=>(0,d.jsxs)("div",{className:"flex gap-2",children:[(0,d.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"info"}),(0,d.jsx)("span",{children:a})]},b))}):null}function V(a){let b=a=>String(a).padStart(2,"0");return`${a.getFullYear()}-${b(a.getMonth()+1)}-${b(a.getDate())}T${b(a.getHours())}:${b(a.getMinutes())}`}function W({filters:a,setFilters:b,options:c,onRefresh:e,onExportCsv:f,loading:g,showProviderFilters:i=!0}){let j=(a,c)=>{let d=null;b(b=>{if("period"===a&&"custom"===c){let a,e;return d={...b,period:c,...((e=new Date(a=new Date)).setHours(8,0,0,0),{dateFrom:V(e),dateTo:V(a)})}}return{...b,[a]:c}}),d&&e?.(d)};return(0,d.jsxs)(A,{children:[(0,d.jsxs)("div",{className:"grid gap-3 md:grid-cols-2 xl:grid-cols-6",children:[(0,d.jsx)(C,{label:"Khoảng thời gian",children:(0,d.jsx)(D,{value:a.period,onChange:a=>j("period",a),children:h.map(a=>(0,d.jsx)("option",{value:a.value,children:a.label},a.value))})}),(0,d.jsx)(C,{label:"Từ ng\xe0y",children:(0,d.jsx)(E,{type:"datetime-local",value:a.dateFrom,onChange:a=>j("dateFrom",a)})}),(0,d.jsx)(C,{label:"Đến ng\xe0y",children:(0,d.jsx)(E,{type:"datetime-local",value:a.dateTo,onChange:a=>j("dateTo",a)})}),i?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(C,{label:"Provider",children:(0,d.jsxs)(D,{value:a.provider,onChange:a=>j("provider",a),children:[(0,d.jsx)("option",{value:"",children:"Tất cả provider"}),(c.providers||[]).map(a=>{let b="string"==typeof a?a:a.value,c="string"==typeof a?a:a.label||a.value;return(0,d.jsx)("option",{value:b,children:c},b)})]})}),(0,d.jsx)(C,{label:"Model",children:(0,d.jsxs)(D,{value:a.model,onChange:a=>j("model",a),children:[(0,d.jsx)("option",{value:"",children:"Tất cả model"}),(c.models||[]).map(a=>(0,d.jsx)("option",{value:a,children:a},a))]})}),(0,d.jsx)(C,{label:"Provider account",children:(0,d.jsxs)(D,{value:a.connectionId,onChange:a=>j("connectionId",a),children:[(0,d.jsx)("option",{value:"",children:"Tất cả account"}),(c.connections||[]).map(a=>(0,d.jsx)("option",{value:a.value,children:a.label},a.value))]})})]}):null,(0,d.jsx)(C,{label:"API key",children:(0,d.jsxs)(D,{value:a.apiKey,onChange:a=>j("apiKey",a),children:[(0,d.jsx)("option",{value:"",children:"Tất cả API key"}),(c.apiKeys||[]).map(a=>(0,d.jsx)("option",{value:a.value,children:a.label},a.value))]})}),(0,d.jsx)(C,{label:"Source IP",children:(0,d.jsx)(E,{value:a.clientIp,onChange:a=>j("clientIp",a),placeholder:"172.16.253.1"})}),(0,d.jsx)(C,{label:"Source tool",children:(0,d.jsx)(E,{value:a.sourceTool,onChange:a=>j("sourceTool",a),placeholder:"copilot, antigravity..."})}),(0,d.jsx)(C,{label:"Endpoint",children:(0,d.jsxs)(D,{value:a.endpoint,onChange:a=>j("endpoint",a),children:[(0,d.jsx)("option",{value:"",children:"Tất cả endpoint"}),(c.endpoints||[]).map(a=>(0,d.jsx)("option",{value:a,children:a},a))]})}),(0,d.jsx)(C,{label:"Status",children:(0,d.jsxs)(D,{value:a.status,onChange:a=>j("status",a),children:[(0,d.jsx)("option",{value:"",children:"Tất cả status"}),(c.statuses||[]).map(a=>(0,d.jsx)("option",{value:a,children:a},a))]})}),(0,d.jsx)(C,{label:"Session / keyword",children:(0,d.jsx)(E,{value:a.sessionId||a.keyword,onChange:a=>j("keyword",a),placeholder:"session, prompt, error..."})})]}),(0,d.jsxs)("div",{className:"mt-4 flex flex-wrap items-center justify-between gap-3",children:[(0,d.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,d.jsxs)("div",{className:"flex flex-wrap gap-2",children:[(0,d.jsx)("button",{onClick:()=>b({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,d.jsxs)("button",{onClick:f,className:"rounded-xl border border-border px-3 py-2 text-sm font-medium text-text-main hover:bg-background",children:[(0,d.jsx)("span",{className:"material-symbols-outlined mr-1 align-[-4px] text-[18px]",children:"download"}),"Export CSV"]}),(0,d.jsxs)("button",{onClick:()=>e?.(),disabled:g,className:"rounded-xl bg-primary px-4 py-2 text-sm font-semibold text-white shadow-sm disabled:opacity-60",children:[(0,d.jsx)("span",{className:"material-symbols-outlined mr-1 align-[-4px] text-[18px]",children:"refresh"}),g?"Đang tải...":"Refresh"]})]})]})]})}function X({data:a}){let b=w(),c=a.overview||{},e=a.latency||{},f=a.experience||{};return(0,d.jsxs)("div",{className:"space-y-5",children:[(0,d.jsx)(M,{leaderboard:a.tokenLeaderboard}),(0,d.jsxs)("div",{className:"grid gap-4 md:grid-cols-2 xl:grid-cols-4",children:[(0,d.jsx)(B,{icon:"call_made",label:"Tổng request",value:m(c.requests),hint:`${m(c.requestsPerMinute,2)} request/ph\xfat`,help:"Số request khớp bộ lọc hiện tại."}),(0,d.jsx)(B,{icon:"check_circle",label:"Th\xe0nh c\xf4ng",value:m(c.success),hint:`Tỷ lệ lỗi ${o(c.errorRate)}`,help:"Request trả về th\xe0nh c\xf4ng v\xe0 c\xf3 trạng th\xe1i OK.",tone:"green"}),(0,d.jsx)(B,{icon:"dns",label:"Lỗi server/provider",value:m(c.serverErrorEvents),hint:`Server-impacting ${o(c.serverErrorRate)} \xb7 client ${m(c.clientErrorEvents)}`,help:"Lỗi từ gateway, provider hoặc model server; t\xe1ch ri\xeang lỗi client.",tone:c.serverErrorEvents?"red":"green"}),(0,d.jsx)(B,{icon:"speed",label:"Trải nghiệm",value:s(f.score),hint:`${f.label||"-"} \xb7 ${m(f.samples)} mẫu`,help:"Điểm tổng hợp từ latency, TTFT, lỗi v\xe0 tốc độ phản hồi.",tone:f.tone||"purple"}),(0,d.jsx)(B,{icon:"timer",label:"Latency P95",value:q(f.p95LatencyMs||e.p95Ms),hint:`AVG ${q(f.avgLatencyMs||e.avgMs)} \xb7 P50 ${q(f.p50LatencyMs||e.p50Ms)}`,help:"95% request ho\xe0n tất nhanh hơn gi\xe1 trị n\xe0y.",tone:"purple"}),(0,d.jsx)(B,{icon:"bolt",label:"TTFT P95",value:q(f.p95TtftMs),hint:"Thời gian chờ token đầu ti\xean",help:"95% request nhận token đầu ti\xean nhanh hơn gi\xe1 trị n\xe0y.",tone:f.slowTtftRate>=.2?"amber":"blue"}),(0,d.jsx)(B,{icon:"input",label:"Input P95",value:n(f.p95PromptTokens||0),hint:`Avg ${n(f.avgPromptTokens||c.avgPromptTokens)} \xb7 >=30k ${o(f.longInputRate)}`,help:"95% request c\xf3 k\xedch thước input nhỏ hơn gi\xe1 trị n\xe0y."}),(0,d.jsx)(B,{icon:"psychology_alt",label:"Auto-off thinking",value:o(a.thinkingAnalytics?.autoOffRate),hint:`${m(a.thinkingAnalytics?.autoOffRequests||0)} request bị tắt theo policy`,help:"Tỷ lệ request bị tắt thinking do vượt ngưỡng hoặc policy.",tone:(a.thinkingAnalytics?.autoOffRate||0)>=.3?"amber":"slate"}),(0,d.jsx)(B,{icon:"data_object",label:"Large context >=50k",value:o(a.largeContextAnalytics?.gte50kRate),hint:`>=100k ${o(a.largeContextAnalytics?.gte100kRate)}`,help:"Tỷ lệ request c\xf3 context rất lớn, dễ l\xe0m tăng TTFT/latency.",tone:(a.largeContextAnalytics?.gte50kRate||0)>=.3?"amber":"slate"}),(0,d.jsx)(B,{icon:"person_alert",label:"Top user nặng",value:c.topHeavyUser||"-",hint:`Chiếm ${o(c.topHeavyUserTokenShare)} tổng token`,help:"User/API key ti\xeau thụ nhiều token nhất trong bộ lọc.",tone:c.topHeavyUserTokenShare>=.35?"amber":"slate"}),(0,d.jsx)(B,{icon:"running_with_errors",label:"Request chậm",value:o(f.slowRequestRate),hint:`>= ${q(f.thresholds?.slowLatencyMs||45e3)} \xb7 max ${q(f.maxLatencyMs)}`,help:"Tỷ lệ request vượt ngưỡng chậm đ\xe3 cấu h\xecnh.",tone:f.slowRequestRate>=.2?"amber":"green"}),(0,d.jsx)(B,{icon:"output",label:"Output tokens",value:n(c.completionTokens),hint:`Avg ${m(c.avgCompletionTokens,1)} / request`,help:"Tổng token model sinh ra."}),(0,d.jsx)(B,{icon:"token",label:"Tổng tokens",value:n(c.totalTokens),hint:`${n(c.tokensPerMinute)} token/ph\xfat`,help:"Tổng input + output token.",tone:"amber"}),(0,d.jsx)(B,{icon:"speed",label:"Output speed",value:r(f.decodeTokensPerSecond," tok/s"),hint:`Latency/10k input ${q(f.latencyMsPer10kInputTokens)}`,help:"Tốc độ sinh token trung b\xecnh sau khi model bắt đầu trả lời.",tone:"slate"}),(0,d.jsx)(B,{icon:"payments",label:"Cost ước t\xednh",value:p(c.cost),hint:"Dựa tr\xean pricing đ\xe3 cấu h\xecnh",help:"Chi ph\xed suy ra từ token usage v\xe0 bảng gi\xe1 hiện tại.",tone:"green"})]}),(0,d.jsxs)("div",{className:"grid min-w-0 gap-5 xl:grid-cols-[2fr_1fr]",children:[(0,d.jsxs)(A,{children:[(0,d.jsxs)("div",{className:"mb-4 flex flex-wrap items-center justify-between gap-3",children:[(0,d.jsxs)("div",{children:[(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Tần suất request & token theo thời gian"}),(0,d.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,d.jsx)(I,{})]}),(0,d.jsx)(H,{data:a.timeSeries||[]})]}),(0,d.jsxs)(A,{children:[(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"T\xf3m tắt active"}),(0,d.jsx)("div",{className:"mt-4 space-y-3",children:[["API key đang d\xf9ng",c.activeApiKeys],["Provider active",c.activeProviders],["Model active",c.activeModels],["Endpoint active",c.activeEndpoints],["Cached tokens",c.cachedTokens],["Reasoning tokens",c.reasoningTokens],["Latency AVG",q(f.avgLatencyMs||e.avgMs)],["Latency P50",q(f.p50LatencyMs||e.p50Ms)],["Latency P99",q(f.p99LatencyMs||e.p99Ms)],["TTFT P95",q(f.p95TtftMs)],["Input P95",n(f.p95PromptTokens||0)],["Long input >=30k",o(f.longInputRate)]].map(([a,b])=>(0,d.jsxs)("div",{className:"flex items-center justify-between rounded-xl bg-background px-3 py-2",children:[(0,d.jsx)("span",{className:"text-sm text-text-muted",children:a}),(0,d.jsx)("span",{className:"font-semibold text-text-main",children:"number"==typeof b?m(b):b})]},a))})]})]}),(0,d.jsxs)("div",{className:"grid gap-5 xl:grid-cols-2",children:[(0,d.jsxs)(A,{children:[(0,d.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Top API key d\xf9ng nhiều token"}),(0,d.jsx)(J,{rows:(a.clientRequests?.topApiKeysByTokens||a.groups?.apiKeys||[]).slice(0,8),columns:[{key:"name",label:"API key",render:a=>(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"font-semibold",children:a.name||a.label}),(0,d.jsxs)("div",{className:"text-xs text-text-muted",children:[b?a.fingerprint||a.apiKeyFingerprint:"",a.ownerUser||a.apiKeyOwner?`${b&&(a.fingerprint||a.apiKeyFingerprint)?" \xb7 ":""}${a.ownerUser||a.apiKeyOwner}`:""]})]})},{key:"requests",label:"Req",render:a=>m(a.requests)},{key:"tokens",label:"Token",render:a=>(0,d.jsx)(L,{row:a})},{key:"input",label:"P95/Max input",render:a=>(0,d.jsxs)("div",{className:"text-xs",children:[(0,d.jsx)("div",{children:n(a.p95PromptTokens||0)}),(0,d.jsxs)("div",{className:"text-text-muted",children:["max ",n(a.maxPromptTokens||0)]})]})}]})]}),(0,d.jsxs)(A,{children:[(0,d.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Top Source IP d\xf9ng nhiều token"}),(0,d.jsx)(J,{rows:(a.clientRequests?.topSourceIpsByTokens||[]).slice(0,8),columns:[{key:"label",label:"Source IP",render:a=>(0,d.jsx)("span",{className:"font-mono text-xs",children:a.label})},{key:"requests",label:"Req",render:a=>m(a.requests)},{key:"tokens",label:"Token",render:a=>(0,d.jsx)(L,{row:a})},{key:"heavy",label:"Nặng",render:a=>(0,d.jsxs)("span",{className:"text-xs text-text-muted",children:[m(a.heavyRequests||0)," req"]})}],empty:"Kh\xf4ng c\xf3 Source IP c\xf3 token trong khoảng lọc."})]})]})]})}function Y({data:a}){let b=w(),c=a.clientRequests||{},e=c.summary||{},f=c.topHeavyUsers||[],g=c.topProblemClients||[],h=c.topApiKeysByTokens||[],i=c.topSourceIpsByTokens||[];c.topSourceIpsByHeavyRequests;let j=c.inputBuckets||[],k=a=>(0,d.jsxs)("div",{className:"min-w-[220px]",children:[(0,d.jsx)("div",{className:"font-semibold text-text-main",children:a.label}),(0,d.jsx)("div",{className:"mt-1 text-xs text-text-muted",children:a.ownerUser?`Owner ${a.ownerUser}`:a.apiKeyName||"Kh\xf4ng c\xf3 owner"}),(0,d.jsx)("div",{className:"font-mono text-[11px] text-text-muted",children:b?a.apiKeyFingerprint||a.primaryClientIp||a.key:a.primaryClientIp||""})]}),l=a=>(0,d.jsxs)("div",{className:"space-y-1 text-xs",children:[(0,d.jsxs)("div",{children:["Nặng ",m(a.heavyRequests)," \xb7 ",o(a.heavyRequestRate)]}),(0,d.jsxs)("div",{className:"text-text-muted",children:["P95 input ",n(a.p95PromptTokens)," \xb7 Max ",n(a.maxPromptTokens)]}),(0,d.jsxs)("div",{className:"text-text-muted",children:[">=70k ",m(a.extremeInputRequests)," \xb7 ",o(a.extremeInputRate)]})]});return(0,d.jsxs)("div",{className:"space-y-5",children:[(0,d.jsxs)("div",{className:"grid gap-4 md:grid-cols-2 xl:grid-cols-4",children:[(0,d.jsx)(B,{icon:"person_alert",label:"Top user nặng nhất",value:e.topUserLabel||"-",hint:`${n(e.topUserTokens)} token \xb7 ${o(e.topUserTokenShare)} tổng token`,tone:e.topUserTokenShare>=.35?"amber":"slate"}),(0,d.jsx)(B,{icon:"vpn_key",label:"Top API key nhiều token",value:e.topApiKeyLabel||"-",hint:`${n(e.topApiKeyTokens)} token \xb7 ${o(e.topApiKeyTokenShare)} tổng token`,tone:e.topApiKeyTokenShare>=.35?"amber":"blue"}),(0,d.jsx)(B,{icon:"lan",label:"Top IP nhiều token",value:e.topSourceIpLabel||"-",hint:`${n(e.topSourceIpTokens)} token \xb7 ${o(e.topSourceIpTokenShare)} tổng token`,tone:e.topSourceIpTokenShare>=.35?"amber":"purple"}),(0,d.jsx)(B,{icon:"input",label:"Input d\xe0i >=30k",value:o(e.longInputBucketShare||0),hint:`>=70k ${o(e.extremeInputShare||0)}`,tone:(e.extremeInputShare||0)>=.1?"amber":"green"}),(0,d.jsx)(B,{icon:"groups",label:"User/API key được theo d\xf5i",value:m(e.trackedUsers||0),hint:"Theo owner/API key fingerprint/source IP",tone:"blue"}),(0,d.jsx)(B,{icon:"network_check",label:"Top IP request nặng",value:e.topSourceIpHeavyLabel||"-",hint:`${m(e.topSourceIpHeavyRequests||0)} request >=30k input/total`,tone:e.topSourceIpHeavyRequests?"amber":"slate"}),(0,d.jsx)(B,{icon:"report",label:"Client lỗi nhiều",value:m(e.problemClients||0),hint:"Nh\xf3m user/API key c\xf3 error rows",tone:e.problemClients?"amber":"green"})]}),(0,d.jsxs)(A,{children:[(0,d.jsxs)("div",{className:"mb-4 flex flex-wrap items-start justify-between gap-3",children:[(0,d.jsxs)("div",{children:[(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Top user/API key gửi request nặng nhất"}),(0,d.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,d.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,d.jsx)(J,{rows:f,columns:[{key:"user",label:"User/API key",render:k},{key:"quality",label:"\xc1p lực",render:a=>(0,d.jsx)(P,{level:a.level,label:a.pressureLabel})},{key:"requests",label:"Req",render:a=>m(a.requests)},{key:"tokens",label:"Token",render:a=>(0,d.jsx)(L,{row:a})},{key:"input",label:"Input pressure",render:a=>(0,d.jsxs)("div",{className:"space-y-1 text-xs",children:[(0,d.jsxs)("div",{children:["Avg ",n(a.avgPromptTokens)," \xb7 P95 ",n(a.p95PromptTokens)]}),(0,d.jsxs)("div",{className:"text-text-muted",children:["Max ",n(a.maxPromptTokens)," \xb7 >=30k ",o(a.longInputRate)]}),(0,d.jsxs)("div",{className:"text-text-muted",children:[">=50k ",o(a.hugeInputRate)," \xb7 >=70k ",o(a.extremeInputRate)]})]})},{key:"latency",label:"Latency / TTFT",render:a=>(0,d.jsxs)("div",{className:"space-y-1 text-xs",children:[(0,d.jsxs)("div",{children:["P95 ",q(a.p95LatencyMs)," \xb7 Max ",q(a.maxLatencyMs)]}),(0,d.jsxs)("div",{className:"text-text-muted",children:["TTFT P95 ",q(a.p95TtftMs)," \xb7 Slow ",o(a.slowRequestRate)]})]})},{key:"topModels",label:"Top model",render:a=>(0,d.jsx)(K,{items:a.topModels})},{key:"topIps",label:"IP / Tool",render:a=>(0,d.jsxs)("div",{className:"space-y-1",children:[(0,d.jsx)(K,{items:a.topIps}),(0,d.jsx)(K,{items:a.topTools})]})},{key:"meta",label:"Meta",render:a=>(0,d.jsxs)("div",{className:"space-y-1 text-xs text-text-muted",children:[(0,d.jsxs)("div",{children:["Key ",m(a.apiKeyCount)," \xb7 IP ",m(a.sourceIpCount)," \xb7 Tool ",m(a.sourceToolCount)]}),(0,d.jsxs)("div",{children:["Session ",m(a.sessionCount)," \xb7 Last ",u(a.lastSeen)]})]})}],empty:"Kh\xf4ng c\xf3 request th\xe0nh c\xf4ng c\xf3 token trong khoảng lọc."})]}),(0,d.jsxs)("div",{className:"grid gap-5 xl:grid-cols-2",children:[(0,d.jsxs)(A,{children:[(0,d.jsxs)("div",{className:"mb-4",children:[(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Top API key d\xf9ng nhiều token nhất"}),(0,d.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,d.jsx)(J,{rows:h,columns:[{key:"apiKey",label:"API key",render:a=>(0,d.jsxs)("div",{className:"min-w-[220px]",children:[(0,d.jsx)("div",{className:"font-semibold text-text-main",children:a.label}),(0,d.jsx)("div",{className:"mt-1 text-xs text-text-muted",children:a.apiKeyOwner?`Owner ${a.apiKeyOwner}`:a.apiKeyName||a.primarySourceTool||"-"}),(0,d.jsx)("div",{className:"font-mono text-[11px] text-text-muted",children:b?a.apiKeyFingerprint||a.primaryClientIp||a.key:a.primaryClientIp||""})]})},{key:"requests",label:"Req",render:a=>m(a.requests)},{key:"tokens",label:"Token",render:a=>(0,d.jsx)(L,{row:a})},{key:"input",label:"Input nặng",render:l},{key:"meta",label:"Nguồn",render:a=>(0,d.jsxs)("div",{className:"text-xs text-text-muted",children:[(0,d.jsxs)("div",{children:["IP ",m(a.sourceIpCount)," \xb7 Tool ",m(a.sourceToolCount)]}),(0,d.jsxs)("div",{children:["Model ",m(a.modelCount)," \xb7 Provider ",m(a.providerCount)]})]})},{key:"lastSeen",label:"Last seen",render:a=>u(a.lastSeen)}],empty:"Kh\xf4ng c\xf3 API key c\xf3 token trong khoảng lọc."})]}),(0,d.jsxs)(A,{children:[(0,d.jsxs)("div",{className:"mb-4",children:[(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Top Source IP d\xf9ng nhiều token nhất"}),(0,d.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,d.jsx)(J,{rows:i,columns:[{key:"ip",label:"Source IP",render:a=>(0,d.jsxs)("div",{className:"min-w-[180px]",children:[(0,d.jsx)("div",{className:"font-mono text-sm font-semibold text-text-main",children:a.label}),(0,d.jsxs)("div",{className:"mt-1 text-xs text-text-muted",children:["Tool ",m(a.sourceToolCount)," \xb7 API key ",m(a.apiKeyCount)]}),(0,d.jsxs)("div",{className:"text-xs text-text-muted",children:["Model ",m(a.modelCount)," \xb7 Provider ",m(a.providerCount)]})]})},{key:"requests",label:"Req",render:a=>m(a.requests)},{key:"tokens",label:"Token",render:a=>(0,d.jsx)(L,{row:a})},{key:"input",label:"Input nặng",render:l},{key:"lastSeen",label:"Last seen",render:a=>u(a.lastSeen)}],empty:"Kh\xf4ng c\xf3 Source IP c\xf3 token trong khoảng lọc."})]})]}),(0,d.jsxs)("div",{className:"grid gap-5 xl:grid-cols-2",children:[(0,d.jsxs)(A,{children:[(0,d.jsxs)("div",{className:"mb-4",children:[(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Ph\xe2n bố request theo k\xedch thước input"}),(0,d.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,d.jsx)(J,{rows:j,columns:[{key:"label",label:"Input bucket",render:a=>(0,d.jsx)("span",{className:"font-mono text-xs",children:a.label})},{key:"requests",label:"Req",render:a=>m(a.requests)},{key:"share",label:"Tỷ trọng",render:a=>o(a.share)},{key:"tokens",label:"Token",render:a=>(0,d.jsx)(L,{row:a})},{key:"latency",label:"Latency P95/MAX",render:a=>(0,d.jsxs)("div",{className:"text-xs",children:[(0,d.jsxs)("div",{children:[q(a.p95LatencyMs)," / ",q(a.maxLatencyMs)]}),(0,d.jsxs)("div",{className:"text-text-muted",children:["TTFT P95 ",q(a.p95TtftMs)]})]})}],empty:"Kh\xf4ng c\xf3 dữ liệu bucket input."})]}),(0,d.jsxs)(A,{children:[(0,d.jsxs)("div",{className:"mb-4",children:[(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Client/API key lỗi nhiều"}),(0,d.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,d.jsx)(J,{rows:g,columns:[{key:"user",label:"Client",render:k},{key:"requests",label:"Req",render:a=>m(a.requests)},{key:"errors",label:"Lỗi",render:a=>m(a.errors)},{key:"errorRate",label:"Error %",render:a=>(0,d.jsx)(N,{value:a.errorRate})},{key:"tokens",label:"Token",render:a=>(0,d.jsx)(L,{row:a})},{key:"source",label:"IP/Tool",render:a=>(0,d.jsxs)("div",{className:"text-xs",children:[(0,d.jsx)("div",{className:"font-mono",children:a.primaryClientIp||"-"}),(0,d.jsx)("div",{className:"text-text-muted",children:a.primarySourceTool||"-"})]})},{key:"lastSeen",label:"Last seen",render:a=>u(a.lastSeen)}],empty:"Kh\xf4ng c\xf3 client lỗi theo bộ lọc hiện tại."})]})]}),(0,d.jsxs)(A,{children:[(0,d.jsxs)("div",{className:"mb-4",children:[(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"G\xf3c nh\xecn monitor client n\xean d\xf9ng"}),(0,d.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,d.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(([a,b])=>(0,d.jsxs)("div",{className:"rounded-xl border border-border bg-background p-3",children:[(0,d.jsx)("div",{className:"font-semibold text-text-main",children:a}),(0,d.jsx)("div",{className:"mt-1 text-xs text-text-muted",children:b})]},a))})]})]})}function Z({data:a}){let b=w();return(0,d.jsxs)(A,{children:[(0,d.jsxs)("div",{className:"mb-4",children:[(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Thống k\xea theo API key"}),(0,d.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,d.jsx)(J,{rows:a.groups?.apiKeys||[],columns:[{key:"name",label:"API key",render:a=>(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"font-semibold",children:a.name}),(0,d.jsxs)("div",{className:"text-xs text-text-muted",children:[b?a.fingerprint:"",a.ownerUser?`${b&&a.fingerprint?" \xb7 ":""}Owner: ${a.ownerUser}`:""]})]})},{key:"requests",label:"Requests",render:a=>m(a.requests)},{key:"success",label:"OK/Lỗi",render:a=>(0,d.jsxs)("div",{className:"text-xs",children:[(0,d.jsxs)("div",{className:"text-green-600",children:["OK ",m(a.success)]}),(0,d.jsxs)("div",{className:"text-red-600",children:["Lỗi ",m(a.errors)]})]})},{key:"tokens",label:"In/Out token",render:a=>(0,d.jsx)(L,{row:a})},{key:"cost",label:"Cost",render:a=>p(a.cost)},{key:"errorRate",label:"Error %",render:a=>(0,d.jsx)(N,{value:a.errorRate})},{key:"topModels",label:"Top model",render:a=>(0,d.jsx)(K,{items:a.topModels})},{key:"topProviders",label:"Top provider",render:a=>(0,d.jsx)(K,{items:a.topProviders})},{key:"lastSeen",label:"Last seen",render:a=>u(a.lastSeen)}]})]})}function $({data:a}){let b=a.clientRequests?.topSourceIpsByTokens||[],c=a.clientRequests?.topSourceIpsByHeavyRequests||[],e=a=>(0,d.jsxs)("div",{className:"min-w-[180px]",children:[(0,d.jsx)("div",{className:"font-mono text-sm font-semibold text-text-main",children:a.label}),(0,d.jsxs)("div",{className:"mt-1 text-xs text-text-muted",children:["API key ",m(a.apiKeyCount)," \xb7 Tool ",m(a.sourceToolCount)]}),(0,d.jsxs)("div",{className:"text-xs text-text-muted",children:["Model ",m(a.modelCount)," \xb7 Provider ",m(a.providerCount)]})]});return(0,d.jsxs)("div",{className:"grid gap-5 xl:grid-cols-2",children:[(0,d.jsxs)(A,{children:[(0,d.jsxs)("div",{className:"mb-4",children:[(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Top IP d\xf9ng nhiều token nhất"}),(0,d.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Aggregate từ UsageHistory, xếp theo tổng input + output token."})]}),(0,d.jsx)(J,{rows:b,columns:[{key:"ip",label:"Source IP",render:e},{key:"requests",label:"Req",render:a=>m(a.requests)},{key:"tokens",label:"Token",render:a=>(0,d.jsx)(L,{row:a})},{key:"lastSeen",label:"Last seen",render:a=>u(a.lastSeen)}],empty:"Kh\xf4ng c\xf3 Source IP c\xf3 token trong khoảng lọc."})]}),(0,d.jsxs)(A,{children:[(0,d.jsxs)("div",{className:"mb-4",children:[(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Top IP gửi request nặng nhất"}),(0,d.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,d.jsx)(J,{rows:c,columns:[{key:"ip",label:"Source IP",render:e},{key:"requests",label:"Req",render:a=>m(a.requests)},{key:"heavy",label:"Request nặng",render:a=>(0,d.jsxs)("div",{className:"space-y-1 text-xs",children:[(0,d.jsxs)("div",{children:["Nặng ",m(a.heavyRequests)," \xb7 ",o(a.heavyRequestRate)]}),(0,d.jsxs)("div",{className:"text-text-muted",children:["P95 input ",n(a.p95PromptTokens)," \xb7 Max ",n(a.maxPromptTokens)]}),(0,d.jsxs)("div",{className:"text-text-muted",children:[">=70k ",m(a.extremeInputRequests)," \xb7 ",o(a.extremeInputRate)]})]})},{key:"tokens",label:"Token",render:a=>(0,d.jsx)(L,{row:a})},{key:"lastSeen",label:"Last seen",render:a=>u(a.lastSeen)}],empty:"Kh\xf4ng c\xf3 Source IP gửi request nặng trong khoảng lọc."})]}),(0,d.jsxs)(A,{children:[(0,d.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Source IP từ Prompt Logs"}),(0,d.jsx)(J,{rows:a.promptLogs?.topClientIps||[],columns:[{key:"label",label:"IP",render:a=>(0,d.jsx)("span",{className:"font-mono text-xs",children:a.label})},{key:"requests",label:"Logs",render:a=>m(a.requests)},{key:"errors",label:"Lỗi",render:a=>m(a.errors)},{key:"errorRate",label:"Error %",render:a=>(0,d.jsx)(N,{value:a.errorRate})},{key:"topTools",label:"Tools",render:a=>(0,d.jsx)(K,{items:a.topTools})},{key:"topModels",label:"Models",render:a=>(0,d.jsx)(K,{items:a.topModels})},{key:"lastSeen",label:"Last seen",render:a=>u(a.lastSeen)}]})]}),(0,d.jsxs)(A,{children:[(0,d.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Source tool"}),(0,d.jsx)(J,{rows:a.promptLogs?.topSourceTools||[],columns:[{key:"label",label:"Tool",render:a=>(0,d.jsx)("span",{className:"font-semibold",children:a.label})},{key:"requests",label:"Logs",render:a=>m(a.requests)},{key:"errors",label:"Lỗi",render:a=>m(a.errors)},{key:"errorRate",label:"Error %",render:a=>(0,d.jsx)(N,{value:a.errorRate})},{key:"topIps",label:"Top IP",render:a=>(0,d.jsx)(K,{items:a.topIps})},{key:"topModels",label:"Top model",render:a=>(0,d.jsx)(K,{items:a.topModels})},{key:"lastSeen",label:"Last seen",render:a=>u(a.lastSeen)}]})]}),(0,d.jsxs)(A,{className:"xl:col-span-2",children:[(0,d.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Session nhiều hoạt động"}),(0,d.jsx)(J,{rows:a.promptLogs?.topSessions||[],columns:[{key:"label",label:"Session",render:a=>(0,d.jsx)("span",{className:"font-mono text-xs",children:a.label})},{key:"requests",label:"Logs",render:a=>m(a.requests)},{key:"errors",label:"Lỗi",render:a=>m(a.errors)},{key:"topIps",label:"IP",render:a=>(0,d.jsx)(K,{items:a.topIps})},{key:"topTools",label:"Tool",render:a=>(0,d.jsx)(K,{items:a.topTools})},{key:"topModels",label:"Model",render:a=>(0,d.jsx)(K,{items:a.topModels})},{key:"lastSeen",label:"Last seen",render:a=>u(a.lastSeen)}]})]})]})}function _({data:a}){return(0,d.jsxs)("div",{className:"space-y-5",children:[(0,d.jsxs)(A,{children:[(0,d.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Provider"}),(0,d.jsx)(J,{rows:a.groups?.providers||[],columns:[{key:"label",label:"Provider",render:a=>(0,d.jsx)("span",{className:"font-semibold",children:a.label})},{key:"requests",label:"Requests",render:a=>m(a.requests)},{key:"tokens",label:"Token",render:a=>(0,d.jsx)(L,{row:a})},{key:"cost",label:"Cost",render:a=>p(a.cost)},{key:"errorRate",label:"Error %",render:a=>(0,d.jsx)(N,{value:a.errorRate})},{key:"topModels",label:"Top model",render:a=>(0,d.jsx)(K,{items:a.topModels})},{key:"lastSeen",label:"Last seen",render:a=>u(a.lastSeen)}]})]}),(0,d.jsxs)("div",{className:"grid gap-5 xl:grid-cols-2",children:[(0,d.jsxs)(A,{children:[(0,d.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Model"}),(0,d.jsx)(J,{rows:a.groups?.models||[],columns:[{key:"label",label:"Model",render:a=>(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"font-semibold",children:a.model}),(0,d.jsx)("div",{className:"text-xs text-text-muted",children:a.providerLabel||a.provider})]})},{key:"requests",label:"Req",render:a=>m(a.requests)},{key:"tokens",label:"Token",render:a=>(0,d.jsx)(L,{row:a})},{key:"errorRate",label:"Lỗi",render:a=>(0,d.jsx)(N,{value:a.errorRate})}]})]}),(0,d.jsxs)(A,{children:[(0,d.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Provider account / connection"}),(0,d.jsx)(J,{rows:a.groups?.providerAccounts||[],columns:[{key:"label",label:"Account",render:a=>(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"font-semibold",children:a.label}),(0,d.jsx)("div",{className:"text-xs text-text-muted",children:a.providerLabel||a.provider||a.connectionId})]})},{key:"requests",label:"Req",render:a=>m(a.requests)},{key:"tokens",label:"Token",render:a=>(0,d.jsx)(L,{row:a})},{key:"errorRate",label:"Lỗi",render:a=>(0,d.jsx)(N,{value:a.errorRate})}]})]})]}),(0,d.jsxs)(A,{children:[(0,d.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Endpoint"}),(0,d.jsx)(J,{rows:a.groups?.endpoints||[],columns:[{key:"label",label:"Endpoint",render:a=>(0,d.jsx)("span",{className:"font-mono text-xs",children:a.label})},{key:"requests",label:"Requests",render:a=>m(a.requests)},{key:"tokens",label:"Token",render:a=>(0,d.jsx)(L,{row:a})},{key:"cost",label:"Cost",render:a=>p(a.cost)},{key:"errorRate",label:"Error %",render:a=>(0,d.jsx)(N,{value:a.errorRate})},{key:"lastSeen",label:"Last seen",render:a=>u(a.lastSeen)}]})]})]})}function aa({data:a}){let b=w(),c=a.experience||{},e=c.thresholds||{},f=a.thinkingAnalytics||{},g=a.largeContextAnalytics||{},h=c.byModel||[],i=c.slowestRequests||[];return(0,d.jsxs)("div",{className:"space-y-5",children:[(0,d.jsxs)("div",{className:"grid gap-4 md:grid-cols-2 xl:grid-cols-4",children:[(0,d.jsx)(B,{icon:"verified",label:"Đ\xe1nh gi\xe1 tổng",value:s(c.score),hint:`${c.label||"-"} \xb7 ${m(c.samples)} mẫu success c\xf3 token`,help:"Điểm chất lượng trải nghiệm tổng hợp từ c\xe1c request th\xe0nh c\xf4ng c\xf3 token.",tone:c.tone||"slate"}),(0,d.jsx)(B,{icon:"timer",label:"Latency AVG / P95",value:`${q(c.avgLatencyMs)} / ${q(c.p95LatencyMs)}`,hint:`P50 ${q(c.p50LatencyMs)} \xb7 P99 ${q(c.p99LatencyMs)}`,help:"AVG l\xe0 trung b\xecnh; P95 thể hiện nh\xf3m 5% request chậm nhất.",tone:"purple"}),(0,d.jsx)(B,{icon:"bolt",label:"TTFT AVG / P95",value:`${q(c.avgTtftMs)} / ${q(c.p95TtftMs)}`,hint:"TTFT cao thường l\xe0 queue/prompt eval/input d\xe0i",help:"Thời gian từ l\xfac gửi request đến token đầu ti\xean.",tone:c.slowTtftRate>=.2?"amber":"blue"}),(0,d.jsx)(B,{icon:"keyboard_double_arrow_up",label:"Input AVG / P95",value:`${n(c.avgPromptTokens)} / ${n(c.p95PromptTokens)}`,hint:`>=30k ${o(c.longInputRate)} \xb7 >=50k ${o(c.hugeInputRate)}`,help:"Input c\xe0ng lớn th\xec prompt eval v\xe0 TTFT thường c\xe0ng cao."}),(0,d.jsx)(B,{icon:"running_with_errors",label:"Slow request",value:o(c.slowRequestRate),hint:`Latency >= ${q(e.slowLatencyMs||45e3)} \xb7 rất chậm ${o(c.verySlowRequestRate)}`,help:"Tỷ lệ request ho\xe0n tất chậm hơn ngưỡng vận h\xe0nh.",tone:c.slowRequestRate>=.2?"amber":"green"}),(0,d.jsx)(B,{icon:"pending_actions",label:"Slow TTFT",value:o(c.slowTtftRate),hint:`TTFT >= ${q(e.slowTtftMs||2e4)}`,help:"Tỷ lệ request chờ token đầu ti\xean qu\xe1 l\xe2u.",tone:c.slowTtftRate>=.2?"amber":"green"}),(0,d.jsx)(B,{icon:"speed",label:"Output tốc độ",value:r(c.decodeTokensPerSecond," tok/s"),hint:`Output/latency ${r(c.outputTokensPerSecond," tok/s")}`,tone:"slate"}),(0,d.jsx)(B,{icon:"data_usage",label:"Latency / 10k input",value:q(c.latencyMsPer10kInputTokens),hint:"Hữu \xedch khi VS Code gửi 30k–70k token",help:"Chuẩn h\xf3a latency theo k\xedch thước input để so s\xe1nh c\xf4ng bằng hơn.",tone:"slate"}),(0,d.jsx)(B,{icon:"psychology_alt",label:"Thinking auto-off",value:o(f.autoOffRate),hint:`${m(f.autoOffRequests||0)} / ${m(f.totalRequests||0)} request`,help:"Request bị tắt thinking tự động do vượt ngưỡng prompt chars.",tone:(f.autoOffRate||0)>=.3?"amber":"green"}),(0,d.jsx)(B,{icon:"toggle_off",label:"Thinking OFF",value:o(f.thinkingOffRate),hint:`ON ${o(f.thinkingOnRate)} \xb7 unknown ${o(f.unknownRate)}`,help:"Tỷ lệ request cuối c\xf9ng chạy ở chế độ kh\xf4ng thinking.",tone:(f.thinkingOffRate||0)>=.5?"blue":"slate"}),(0,d.jsx)(B,{icon:"data_object",label:"Large context",value:o(g.gte50kRate),hint:`>=30k ${o(g.gte30kRate)} \xb7 >=100k ${o(g.gte100kRate)}`,help:"Tỷ lệ request c\xf3 context lớn; thường l\xe0 nguy\xean nh\xe2n l\xe0m P95/P99 tăng.",tone:(g.gte50kRate||0)>=.3?"amber":"slate"})]}),(0,d.jsxs)("div",{className:"grid gap-5 xl:grid-cols-2",children:[(0,d.jsxs)(A,{children:[(0,d.jsxs)("div",{className:"mb-4",children:[(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Thinking Analytics"}),(0,d.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Theo d\xf5i request bật/tắt thinking v\xe0 tỷ lệ auto-off do vượt ngưỡng prompt chars."})]}),(0,d.jsx)("div",{className:"grid gap-3 md:grid-cols-2",children:[["Thinking ON",m(f.thinkingOnRequests||0),o(f.thinkingOnRate)],["Thinking OFF",m(f.thinkingOffRequests||0),o(f.thinkingOffRate)],["Auto-off hit",m(f.autoOffRequests||0),o(f.autoOffRate)],["C\xf3 ngưỡng auto-off",m(f.thresholdConfiguredRequests||0),`hit ${o(f.autoOffEligibleHitRate)}`]].map(([a,b,c])=>(0,d.jsxs)("div",{className:"rounded-2xl bg-background p-4",children:[(0,d.jsx)("div",{className:"text-xs font-semibold uppercase tracking-wide text-text-muted",children:a}),(0,d.jsx)("div",{className:"mt-2 text-xl font-semibold text-text-main",children:b}),(0,d.jsx)("div",{className:"mt-1 text-xs text-text-muted",children:c})]},a))}),(0,d.jsx)("div",{className:"mt-4",children:(0,d.jsx)(J,{rows:f.byModel||[],empty:"Chưa c\xf3 dữ liệu thinking trong khoảng lọc.",columns:[{key:"model",label:"Model",render:a=>(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"font-semibold",children:a.model}),(0,d.jsx)("div",{className:"text-xs text-text-muted",children:a.provider})]})},{key:"requests",label:"Req",render:a=>m(a.requests)},{key:"autoOff",label:"Auto-off",render:a=>(0,d.jsxs)("div",{className:"text-xs",children:[(0,d.jsx)("div",{children:m(a.autoOffRequests)}),(0,d.jsx)("div",{className:"text-text-muted",children:o(a.autoOffRate)})]})},{key:"thinking",label:"ON/OFF",render:a=>(0,d.jsxs)("div",{className:"text-xs",children:[(0,d.jsxs)("div",{children:["ON ",m(a.thinkingOnRequests)]}),(0,d.jsxs)("div",{className:"text-text-muted",children:["OFF ",m(a.thinkingOffRequests)]})]})},{key:"chars",label:"Chars avg/max",render:a=>(0,d.jsxs)("div",{className:"text-xs",children:[(0,d.jsx)("div",{children:n(a.avgPromptChars)}),(0,d.jsxs)("div",{className:"text-text-muted",children:["max ",n(a.maxPromptChars)]})]})}]})})]}),(0,d.jsxs)(A,{children:[(0,d.jsxs)("div",{className:"mb-4",children:[(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Large Context Analytics"}),(0,d.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Bucket theo request size, ưu ti\xean prompt chars; nếu chưa c\xf3 chars th\xec fallback prompt tokens."})]}),(0,d.jsx)("div",{className:"grid gap-3 md:grid-cols-3",children:[[">=30k",g.gte30kRequests,g.gte30kRate],[">=50k",g.gte50kRequests,g.gte50kRate],[">=100k",g.gte100kRequests,g.gte100kRate]].map(([a,b,c])=>(0,d.jsxs)("div",{className:"rounded-2xl bg-background p-4",children:[(0,d.jsx)("div",{className:"text-xs font-semibold uppercase tracking-wide text-text-muted",children:a}),(0,d.jsx)("div",{className:"mt-2 text-xl font-semibold text-text-main",children:m(b||0)}),(0,d.jsx)("div",{className:"mt-1 text-xs text-text-muted",children:o(c)})]},a))}),(0,d.jsx)("div",{className:"mt-4",children:(0,d.jsx)(J,{rows:g.buckets||[],empty:"Chưa c\xf3 large context buckets trong khoảng lọc.",columns:[{key:"label",label:"Bucket",render:a=>(0,d.jsx)("span",{className:"font-semibold",children:a.label})},{key:"requests",label:"Req",render:a=>(0,d.jsxs)("div",{className:"text-xs",children:[(0,d.jsx)("div",{children:m(a.requests)}),(0,d.jsx)("div",{className:"text-text-muted",children:o(a.share)})]})},{key:"chars",label:"Size avg/max",render:a=>(0,d.jsxs)("div",{className:"text-xs",children:[(0,d.jsx)("div",{children:n(a.avgRequestSize)}),(0,d.jsxs)("div",{className:"text-text-muted",children:["max ",n(a.maxRequestSize)]})]})},{key:"latency",label:"Latency/TTFT",render:a=>(0,d.jsxs)("div",{className:"text-xs",children:[(0,d.jsx)("div",{children:q(a.avgLatencyMs)}),(0,d.jsxs)("div",{className:"text-text-muted",children:["TTFT ",q(a.avgTtftMs)]})]})},{key:"autoOff",label:"Auto-off",render:a=>(0,d.jsxs)("div",{className:"text-xs",children:[(0,d.jsx)("div",{children:m(a.autoOffRequests)}),(0,d.jsx)("div",{className:"text-text-muted",children:o(a.autoOffRate)})]})}]})})]})]}),(0,d.jsxs)(A,{children:[(0,d.jsxs)("div",{className:"mb-4",children:[(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"C\xe1ch đọc trải nghiệm user"}),(0,d.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,d.jsxs)("div",{className:"grid gap-3 md:grid-cols-3",children:[(0,d.jsxs)("div",{className:"rounded-2xl bg-background p-4",children:[(0,d.jsx)("div",{className:"text-xs font-semibold uppercase tracking-wide text-text-muted",children:"Nhanh/chậm thực tế"}),(0,d.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,d.jsxs)("div",{className:"rounded-2xl bg-background p-4",children:[(0,d.jsx)("div",{className:"text-xs font-semibold uppercase tracking-wide text-text-muted",children:"Queue hoặc prompt eval"}),(0,d.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,d.jsxs)("div",{className:"rounded-2xl bg-background p-4",children:[(0,d.jsx)("div",{className:"text-xs font-semibold uppercase tracking-wide text-text-muted",children:"VS Code / agent"}),(0,d.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,d.jsxs)(A,{children:[(0,d.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,d.jsx)(J,{rows:h,empty:"Chưa c\xf3 mẫu latency cho model trong khoảng lọc.",columns:[{key:"model",label:"Model",render:a=>(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"font-semibold",children:a.model}),(0,d.jsx)("div",{className:"text-xs text-text-muted",children:a.providerLabel||a.provider})]})},{key:"quality",label:"Đ\xe1nh gi\xe1",render:a=>(0,d.jsxs)("div",{className:"space-y-1",children:[(0,d.jsx)(O,{level:a.level,label:a.labelQuality}),(0,d.jsx)("div",{className:"text-xs text-text-muted",children:s(a.score)})]})},{key:"samples",label:"Mẫu",render:a=>m(a.samples)},{key:"latency",label:"Latency P50/P95/MAX",render:a=>(0,d.jsxs)("div",{className:"text-xs",children:[(0,d.jsxs)("div",{children:[q(a.p50LatencyMs)," / ",q(a.p95LatencyMs)]}),(0,d.jsxs)("div",{className:"text-text-muted",children:["max ",q(a.maxLatencyMs)]})]})},{key:"ttft",label:"TTFT P95",render:a=>q(a.p95TtftMs)},{key:"input",label:"Input avg/P95",render:a=>(0,d.jsxs)("div",{className:"text-xs",children:[(0,d.jsxs)("div",{children:[n(a.avgPromptTokens)," / ",n(a.p95PromptTokens)]}),(0,d.jsxs)("div",{className:"text-text-muted",children:[">=30k ",o(a.longInputRate)]})]})},{key:"slow",label:"Chậm",render:a=>(0,d.jsx)(N,{value:a.slowRequestRate})},{key:"speed",label:"Output tok/s",render:a=>r(a.outputTokensPerSecond," tok/s")}]})]}),(0,d.jsxs)(A,{children:[(0,d.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Request chậm nhất"}),(0,d.jsx)(J,{rows:i,empty:"Kh\xf4ng c\xf3 request chậm trong khoảng lọc.",columns:[{key:"timestamp",label:"Time",render:a=>u(a.timestamp)},{key:"model",label:"Model",render:a=>(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"font-semibold",children:a.model}),(0,d.jsx)("div",{className:"text-xs text-text-muted",children:a.providerLabel||a.provider})]})},{key:"latency",label:"Latency / TTFT",render:a=>(0,d.jsxs)("div",{className:"text-xs",children:[(0,d.jsx)("div",{className:"font-semibold",children:q(a.latencyMs)}),(0,d.jsxs)("div",{className:"text-text-muted",children:["TTFT ",q(a.ttftMs)]})]})},{key:"tokens",label:"In / Out",render:a=>(0,d.jsx)(L,{row:a})},{key:"apiKeyName",label:"API key",render:a=>(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{children:a.apiKeyName}),b?(0,d.jsx)("div",{className:"font-mono text-xs text-text-muted",children:a.apiKeyFingerprint}):null]})},{key:"sourceTool",label:"Tool/IP",render:a=>(0,d.jsxs)("div",{className:"text-xs",children:[(0,d.jsx)("div",{children:a.sourceTool||"-"}),(0,d.jsx)("div",{className:"font-mono text-text-muted",children:a.clientIp||"-"})]})},{key:"endpoint",label:"Endpoint",render:a=>(0,d.jsx)("span",{className:"font-mono text-xs",children:a.endpoint||"-"})}]})]})]})}function ab({data:a}){let b=w(),c=a.requestErrors||{},e=c.summary||{},f=a.overview||{},g=Number(f.serverErrorRate||0),h=Number(f.clientErrorRate||0),i=Number(f.rateLimitErrorRate||0),j=[{key:"faultOwner",label:"Loại",render:a=>(0,d.jsx)(Q,{value:a.faultOwner})},{key:"status",label:"Status",render:a=>(0,d.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:a.status})},{key:"provider",label:"Provider",render:a=>a.providerLabel||a.provider},{key:"model",label:"Model"},{key:"endpoint",label:"Endpoint",render:a=>(0,d.jsx)("span",{className:"font-mono text-xs",children:a.endpoint})},{key:"requests",label:"Lỗi",render:a=>m(a.errors||a.requests)},{key:"errorType",label:"Type",render:a=>(0,d.jsx)("span",{className:"font-mono text-xs",children:a.errorType||a.errorCode||"-"})},{key:"sampleMessage",label:"Sample",render:a=>(0,d.jsx)(R,{row:a})},{key:"lastSeen",label:"Last seen",render:a=>u(a.lastSeen)}];return(0,d.jsxs)("div",{className:"space-y-5",children:[(0,d.jsxs)("div",{className:"grid gap-4 md:grid-cols-2 xl:grid-cols-5",children:[(0,d.jsx)(S,{icon:"dns",label:"Server/provider",value:e.serverImpacting||0,hint:`${o(g)} tr\xean tổng request`,tone:e.serverImpacting?"red":"green"}),(0,d.jsx)(S,{icon:"cloud_off",label:"Upstream",value:e.upstream||0,hint:"Provider/model server, timeout, network, 5xx",tone:e.upstream?"red":"green"}),(0,d.jsx)(S,{icon:"router",label:"Gateway",value:e.gateway||0,hint:"Lỗi nội bộ BlueRouter/gateway",tone:e.gateway?"purple":"green"}),(0,d.jsx)(S,{icon:"integration_instructions",label:"Client/request",value:e.client||0,hint:`${o(h)} do endpoint/model/body/auth`,tone:e.client?"slate":"green"}),(0,d.jsx)(S,{icon:"speed",label:"Rate/quota",value:e.rateLimit||0,hint:`${o(i)} rate-limit/quota`,tone:e.rateLimit?"amber":"green"})]}),(0,d.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,d.jsxs)("div",{className:"flex gap-3",children:[(0,d.jsx)("span",{className:"material-symbols-outlined text-[22px]",children:"rule_settings"}),(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"font-semibold",children:"Ph\xe2n loại lỗi đ\xe3 t\xe1ch client khỏi server/provider"}),(0,d.jsxs)("div",{className:"mt-1 opacity-90",children:["Cảnh b\xe1o vận h\xe0nh n\xean ưu ti\xean nh\xf3m ",(0,d.jsx)("b",{children:"Server/provider"})," gồm gateway, upstream, timeout, network v\xe0 5xx. Nh\xf3m ",(0,d.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."]})]})]})}),a.anomalies?.length?(0,d.jsx)("div",{className:"grid gap-4 xl:grid-cols-2",children:a.anomalies.map((a,b)=>(0,d.jsx)(T,{anomaly:a},b))}):(0,d.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,d.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,d.jsxs)(A,{children:[(0,d.jsxs)("div",{className:"mb-4 flex flex-wrap items-start justify-between gap-3",children:[(0,d.jsxs)("div",{children:[(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Lỗi server/provider cần xử l\xfd"}),(0,d.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,d.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:[m(e.serverImpacting||0)," lỗi"]})]}),(0,d.jsx)(J,{rows:c.topServerErrors||[],columns:j,empty:"Kh\xf4ng c\xf3 lỗi server/provider trong khoảng lọc."})]}),(0,d.jsxs)("div",{className:"grid gap-5 xl:grid-cols-2",children:[(0,d.jsxs)(A,{children:[(0,d.jsxs)("div",{className:"mb-4",children:[(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Lỗi client/request sai"}),(0,d.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,d.jsx)(J,{rows:c.topClientErrors||[],columns:j.filter(a=>!["sampleMessage"].includes(a.key)),empty:"Kh\xf4ng c\xf3 lỗi client/request trong khoảng lọc."})]}),(0,d.jsxs)(A,{children:[(0,d.jsxs)("div",{className:"mb-4",children:[(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Ph\xe2n bố loại lỗi"}),(0,d.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,d.jsx)(J,{rows:c.byFaultOwner||[],columns:[{key:"faultOwner",label:"Loại",render:a=>(0,d.jsx)(Q,{value:a.faultOwner||a.key})},{key:"requests",label:"Số lỗi",render:a=>m(a.requests)},{key:"lastSeen",label:"Last seen",render:a=>u(a.lastSeen)}],empty:"Kh\xf4ng c\xf3 lỗi để ph\xe2n loại."})]})]}),c.topRateLimitErrors?.length?(0,d.jsxs)(A,{children:[(0,d.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Rate limit / quota"}),(0,d.jsx)(J,{rows:c.topRateLimitErrors||[],columns:j})]}):null,(0,d.jsxs)(A,{children:[(0,d.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,d.jsx)(J,{rows:[...a.groups?.errors||[]].sort((a,b)=>new Date(t(b.lastSeen)||0)-new Date(t(a.lastSeen)||0)||Number(b.errors||b.requests||0)-Number(a.errors||a.requests||0)),columns:[{key:"faultOwner",label:"Loại",render:a=>(0,d.jsx)(Q,{value:a.faultOwner})},{key:"status",label:"Status",render:a=>(0,d.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:a.status})},{key:"provider",label:"Provider",render:a=>a.providerLabel||a.provider},{key:"model",label:"Model"},{key:"endpoint",label:"Endpoint",render:a=>(0,d.jsx)("span",{className:"font-mono text-xs",children:a.endpoint})},{key:"requests",label:"Lỗi",render:a=>m(a.errors||a.requests)},{key:"apiKey",label:"API key",render:a=>(0,d.jsx)("span",{className:"font-mono text-xs",children:b?a.apiKey:a.apiKeyName||"•••"})},{key:"lastSeen",label:"Last seen",render:a=>u(a.lastSeen)}]})]}),(0,d.jsxs)(A,{children:[(0,d.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Status distribution"}),(0,d.jsx)(J,{rows:a.groups?.statuses||[],columns:[{key:"label",label:"Status"},{key:"requests",label:"Requests",render:a=>m(a.requests)},{key:"tokens",label:"Token",render:a=>(0,d.jsx)(L,{row:a})},{key:"errorRate",label:"Error %",render:a=>(0,d.jsx)(N,{value:a.errorRate})}]})]})]})}function ac({data:a}){let b=w();return(0,d.jsxs)("div",{className:"space-y-5",children:[(0,d.jsxs)(A,{children:[(0,d.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Top request nặng token"}),(0,d.jsx)(J,{rows:a.heavyRequests||[],columns:[{key:"timestamp",label:"Time",render:a=>u(a.timestamp)},{key:"model",label:"Model",render:a=>(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"font-semibold",children:a.model}),(0,d.jsx)("div",{className:"text-xs text-text-muted",children:a.providerLabel||a.provider})]})},{key:"apiKeyName",label:"API key",render:a=>(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{children:a.apiKeyName}),b?(0,d.jsx)("div",{className:"font-mono text-xs text-text-muted",children:a.apiKeyFingerprint}):null]})},{key:"accountName",label:"Account"},{key:"endpoint",label:"Endpoint",render:a=>(0,d.jsx)("span",{className:"font-mono text-xs",children:a.endpoint})},{key:"tokens",label:"Token",render:a=>(0,d.jsx)(L,{row:a})},{key:"status",label:"Status"}]})]}),(0,d.jsxs)(A,{children:[(0,d.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Recent usage"}),(0,d.jsx)(J,{rows:a.recentUsage||[],columns:[{key:"timestamp",label:"Time",render:a=>u(a.timestamp)},{key:"provider",label:"Provider",render:a=>a.providerLabel||a.provider},{key:"model",label:"Model"},{key:"apiKeyName",label:"API key"},{key:"tokens",label:"Token",render:a=>(0,d.jsx)(L,{row:a})},{key:"cost",label:"Cost",render:a=>p(a.cost)},{key:"status",label:"Status"}]})]})]})}function ad(){let{isAdmin:a,isMonitorAdmin:b,isAiGatewaysMonitor:c}=(0,g.s)(),f=a||b||c,h=(0,e.useMemo)(()=>a?i:i.filter(a=>"aiHealth"!==a.value),[a]),[j,k]=(0,e.useState)({period:"today",dateFrom:"",dateTo:"",provider:"",model:"",connectionId:"",status:"",endpoint:"",apiKey:"",clientIp:"",sourceTool:"",sessionId:"",keyword:""}),[m,n]=(0,e.useState)(null),[o,p]=(0,e.useState)(!0),[q,r]=(0,e.useState)(""),[s,t]=(0,e.useState)("overview"),[v,w]=(0,e.useState)(null),A=function(a,b=450){let[c,d]=(0,e.useState)(a);return c}(j,450),B=(0,e.useRef)(0),C=(0,e.useCallback)(async({clear:a=!1,filtersOverride:b=null}={})=>{let c=B.current+1;B.current=c,a&&n(null),p(!0),r("");let d=Date.now();try{let a=z(b||A,{timeZone:y()}),e=await fetch(`/api/dashboard/analytics?${a}`,{cache:"no-store"}),f=await e.json().catch(()=>({}));if(c!==B.current)return;if(!e.ok)throw Error(f.error||"Kh\xf4ng tải được dữ liệu analytics");n(f),w({loadedMs:Date.now()-d,cacheState:f.cacheState||"",cacheAgeMs:f.cacheAgeMs||0})}catch(a){if(c!==B.current)return;r(a.message||"Kh\xf4ng tải được dữ liệu analytics")}finally{c===B.current&&p(!1)}},[A]),D=m?.options||{},E=(0,e.useMemo)(()=>m?.generatedAt?u(m.generatedAt):"-",[m]);return(0,d.jsxs)("div",{className:"space-y-5 p-4 md:p-6",children:[(0,d.jsxs)("div",{className:"flex flex-wrap items-start justify-between gap-4",children:[(0,d.jsxs)("div",{children:[(0,d.jsxs)("div",{className:"flex items-center gap-2 text-primary",children:[(0,d.jsx)("span",{className:"material-symbols-outlined",children:"monitoring"}),(0,d.jsx)("span",{className:"text-sm font-semibold uppercase tracking-wide",children:"BlueRouter Analytics"})]}),(0,d.jsx)("h1",{className:"mt-2 text-2xl font-bold text-text-main",children:"Thống k\xea sử dụng Gateway"}),(0,d.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,d.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,d.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"schedule"}),(0,d.jsxs)("div",{children:[(0,d.jsxs)("div",{children:["Generated: ",E]}),v?(0,d.jsxs)("div",{className:"mt-0.5 text-xs",children:["Loaded in ",v.loadedMs>=1e3?`${(v.loadedMs/1e3).toLocaleString("vi-VN",{maximumFractionDigits:1})}s`:`${v.loadedMs}ms`,"hit"===v.cacheState?(0,d.jsxs)("span",{className:"ml-1.5 rounded bg-emerald-500/10 px-1.5 py-0.5 font-medium text-emerald-500",children:["cache hit",v.cacheAgeMs?` \xb7 ${Math.round(v.cacheAgeMs/1e3)}s`:""]}):"joined"===v.cacheState?(0,d.jsx)("span",{className:"ml-1.5 rounded bg-sky-500/10 px-1.5 py-0.5 font-medium text-sky-500",children:"shared compute"}):"fresh"===v.cacheState?(0,d.jsx)("span",{className:"ml-1.5 rounded bg-amber-500/10 px-1.5 py-0.5 font-medium text-amber-500",children:"fresh compute"}):null]}):null]})]})]}),(0,d.jsx)(W,{filters:j,setFilters:k,options:D,onRefresh:a=>C({filtersOverride:a||j}),onExportCsv:()=>{let a=z(j,{format:"csv",timeZone:y()});window.open(`/api/dashboard/analytics?${a}`,"_blank","noopener,noreferrer")},loading:o,showProviderFilters:f}),q?(0,d.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,d.jsx)("span",{className:"material-symbols-outlined mr-2 align-[-5px]",children:"error"}),q]}):null,m?.qualityNotes?.length?(0,d.jsx)(U,{notes:m.qualityNotes}):null,(0,d.jsx)("div",{className:"flex flex-wrap gap-2 rounded-2xl border border-border bg-surface p-2",children:h.map(a=>(0,d.jsxs)("button",{onClick:()=>t(a.value),className:x("flex items-center gap-2 rounded-xl px-3 py-2 text-sm font-medium transition",s===a.value?"bg-primary text-white shadow-sm":"text-text-muted hover:bg-background hover:text-text-main"),children:[(0,d.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:a.icon}),a.label]},a.value))}),o&&!m?(0,d.jsx)(F,{}):null,!o&&m&&m.overview?.requests===0&&0===(m.promptLogs?.total||0)?(0,d.jsx)(G,{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,m?(0,d.jsxs)(d.Fragment,{children:["overview"===s?(0,d.jsx)(X,{data:m}):null,"apiKeys"===s?(0,d.jsx)(Z,{data:m}):null,"clients"===s?(0,d.jsx)(Y,{data:m}):null,"sources"===s?(0,d.jsx)($,{data:m}):null,"providers"===s?(0,d.jsx)(_,{data:m}):null,"experience"===s?(0,d.jsx)(aa,{data:m}):null,"errors"===s?(0,d.jsx)(ab,{data:m}):null,"raw"===s?(0,d.jsx)(ac,{data:m}):null]}):null,"aiHealth"===s&&a?(0,d.jsx)(l,{}):null]})}},19121:a=>{"use strict";a.exports=require("next/dist/server/app-render/action-async-storage.external.js")},19616:(a,b,c)=>{"use strict";c.r(b),c.d(b,{default:()=>g,metadata:()=>f});var d=c(5735),e=c(62855);let f={title:"Analytics"};function g(){return(0,d.jsx)(e.default,{})}},19771:a=>{"use strict";a.exports=require("process")},21820:a=>{"use strict";a.exports=require("os")},26713:a=>{"use strict";a.exports=require("next/dist/shared/lib/router/utils/is-bot")},27910:a=>{"use strict";a.exports=require("stream")},28354:a=>{"use strict";a.exports=require("util")},28368:(a,b,c)=>{Promise.resolve().then(c.bind(c,62855))},29294:a=>{"use strict";a.exports=require("next/dist/server/app-render/work-async-storage.external.js")},33873:a=>{"use strict";a.exports=require("path")},34631:a=>{"use strict";a.exports=require("tls")},38096:(a,b,c)=>{Promise.resolve().then(c.bind(c,18521))},41025:a=>{"use strict";a.exports=require("next/dist/server/app-render/dynamic-access-async-storage.external.js")},41204:a=>{"use strict";a.exports=require("string_decoder")},43954:a=>{"use strict";a.exports=require("next/dist/shared/lib/router/utils/interception-routes")},46293:a=>{"use strict";a.exports=require("sql.js")},51455:a=>{"use strict";a.exports=require("node:fs/promises")},53053:a=>{"use strict";a.exports=require("node:diagnostics_channel")},55511:a=>{"use strict";a.exports=require("crypto")},62855:(a,b,c)=>{"use strict";c.d(b,{default:()=>d});let d=(0,c(77943).registerClientReference)(function(){throw Error("Attempted to call the default export of \"D:\\\\bluerouter\\\\src\\\\app\\\\(dashboard)\\\\dashboard\\\\analytics\\\\AnalyticsPageClient.js\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"D:\\bluerouter\\src\\app\\(dashboard)\\dashboard\\analytics\\AnalyticsPageClient.js","default")},63033:a=>{"use strict";a.exports=require("next/dist/server/app-render/work-unit-async-storage.external.js")},64939:a=>{"use strict";a.exports=import("pg")},66136:a=>{"use strict";a.exports=require("timers")},70722:a=>{"use strict";a.exports=require("next/dist/shared/lib/invariant-error")},73024:a=>{"use strict";a.exports=require("node:fs")},74075:a=>{"use strict";a.exports=require("zlib")},76760:a=>{"use strict";a.exports=require("node:path")},77068:a=>{"use strict";a.exports=require("next/dist/shared/lib/size-limit")},77598:a=>{"use strict";a.exports=require("node:crypto")},79428:a=>{"use strict";a.exports=require("buffer")},79748:a=>{"use strict";a.exports=require("fs/promises")},80099:a=>{"use strict";a.exports=require("node:sqlite")},81787:a=>{"use strict";a.exports=require("bun:sqlite")},86439:a=>{"use strict";a.exports=require("next/dist/shared/lib/no-fallback-error.external")},87550:a=>{"use strict";a.exports=require("better-sqlite3")},91645:a=>{"use strict";a.exports=require("net")},91804:(a,b,c)=>{"use strict";c.r(b),c.d(b,{__next_app__:()=>O,handler:()=>Q,routeModule:()=>P});var d=c(7553),e=c(84006),f=c(67798),g=c(34775),h=c(99373),i=c(73461),j=c(1020),k=c(26349),l=c(54365),m=c(16023),n=c(14965),o=c(63747),p=c(24235),q=c(23938),r=c(261),s=c(66758),t=c(77243),u=c(26713),v=c(37527),w=c(22820),x=c(88216),y=c(47929),z=c(79551),A=c(71797),B=c(89125),C=c(86439),D=c(77068),E=c(27269),F=c(37525),G=c(61287),H=c(81494),I=c(70722),J=c(70753),K=c(43954),L=c(17891),M={};for(let a in G)0>["default","__next_app__","routeModule","handler"].indexOf(a)&&(M[a]=()=>G[a]);c.d(b,M);let N={children:["",{children:["(dashboard)",{children:["dashboard",{children:["analytics",{children:["__PAGE__",{},{page:[()=>Promise.resolve().then(c.bind(c,19616)),"D:\\bluerouter\\src\\app\\(dashboard)\\dashboard\\analytics\\page.js"]}]},{"global-error":[()=>Promise.resolve().then(c.t.bind(c,95547,23)),"next/dist/client/components/builtin/global-error.js"]},[]]},{"global-error":[()=>Promise.resolve().then(c.t.bind(c,95547,23)),"next/dist/client/components/builtin/global-error.js"]},[]]},{layout:[()=>Promise.resolve().then(c.bind(c,30508)),"D:\\bluerouter\\src\\app\\(dashboard)\\layout.js"],"global-error":[()=>Promise.resolve().then(c.t.bind(c,95547,23)),"next/dist/client/components/builtin/global-error.js"],"not-found":[()=>Promise.resolve().then(c.t.bind(c,55091,23)),"next/dist/client/components/builtin/not-found.js"],forbidden:[()=>Promise.resolve().then(c.t.bind(c,45270,23)),"next/dist/client/components/builtin/forbidden.js"],unauthorized:[()=>Promise.resolve().then(c.t.bind(c,28193,23)),"next/dist/client/components/builtin/unauthorized.js"],metadata:{icon:[async a=>(await Promise.resolve().then(c.bind(c,70440))).default(a)],apple:[],openGraph:[],twitter:[],manifest:"/manifest.webmanifest"}},[]]},{layout:[()=>Promise.resolve().then(c.bind(c,32059)),"D:\\bluerouter\\src\\app\\layout.js"],"global-error":[()=>Promise.resolve().then(c.t.bind(c,95547,23)),"next/dist/client/components/builtin/global-error.js"],"not-found":[()=>Promise.resolve().then(c.t.bind(c,55091,23)),"next/dist/client/components/builtin/not-found.js"],forbidden:[()=>Promise.resolve().then(c.t.bind(c,45270,23)),"next/dist/client/components/builtin/forbidden.js"],unauthorized:[()=>Promise.resolve().then(c.t.bind(c,28193,23)),"next/dist/client/components/builtin/unauthorized.js"],metadata:{icon:[async a=>(await Promise.resolve().then(c.bind(c,70440))).default(a)],apple:[],openGraph:[],twitter:[],manifest:"/manifest.webmanifest"}},[]]}.children,O={require:c,loadChunk:()=>Promise.resolve()},P=new d.AppPageRouteModule({definition:{kind:e.RouteKind.APP_PAGE,page:"/(dashboard)/dashboard/analytics/page",pathname:"/dashboard/analytics",bundlePath:"",filename:"",appPaths:[]},userland:{loaderTree:N},distDir:".next-cli-build",relativeProjectDir:""});async function Q(a,b,d){var M,R,S,T,U;d.requestMeta&&(0,h.setRequestMeta)(a,d.requestMeta),P.isDev&&(0,h.addRequestMeta)(a,"devRequestTimingInternalsEnd",process.hrtime.bigint());let V=!!(0,h.getRequestMeta)(a,"minimalMode"),W="/(dashboard)/dashboard/analytics/page";"/index"===W&&(W="/");let X=await P.prepare(a,b,{srcPage:W,multiZoneDraftMode:!1});if(!X)return b.statusCode=400,b.end("Bad Request"),null==d.waitUntil||d.waitUntil.call(d,Promise.resolve()),null;let{buildId:Y,query:Z,params:$,pageIsDynamic:_,buildManifest:aa,nextFontManifest:ab,reactLoadableManifest:ac,serverActionsManifest:ad,clientReferenceManifest:ae,subresourceIntegrityManifest:af,prerenderManifest:ag,isDraftMode:ah,resolvedPathname:ai,revalidateOnlyGenerated:aj,routerServerContext:ak,nextConfig:al,parsedUrl:am,interceptionRoutePatterns:an,deploymentId:ao,clientAssetToken:ap}=X,aq=(0,r.normalizeAppPath)(W),{isOnDemandRevalidate:ar}=X,as=al.experimental.ppr&&!al.cacheComponents&&(0,K.isInterceptionRouteAppPath)(ai)?null:P.match(ai,ag),at=(null==as?void 0:as.route)??null,au=!!ag.routes[ai],av=a.headers["user-agent"]||"",aw=(0,u.getBotType)(av),ax=(0,q.isHtmlBotRequest)(a),ay=(0,h.getRequestMeta)(a,"isPrefetchRSCRequest")??"1"===a.headers[t.NEXT_ROUTER_PREFETCH_HEADER],az=(0,h.getRequestMeta)(a,"isRSCRequest")??(0,n.f)(a.headers[t.RSC_HEADER]),aA=(0,s.getIsPossibleServerAction)(a),aB=(0,m.checkIsAppPPREnabled)(al.experimental.ppr),aC=a.headers[y.NEXT_RESUME_STATE_LENGTH_HEADER];if(!(0,h.getRequestMeta)(a,"postponed")&&V&&aB&&aA&&aC&&"string"==typeof aC){let e=parseInt(aC,10),{maxPostponedStateSize:f,maxPostponedStateSizeBytes:g}=(0,E.getMaxPostponedStateSize)(al.experimental.maxPostponedStateSize);if(!isNaN(e)&&e>0){if(e>g)return b.statusCode=413,b.end((0,E.getPostponedStateExceededErrorMessage)(f)),null==d.waitUntil||d.waitUntil.call(d,Promise.resolve()),null;let i="1 MB",j=(null==(U=al.experimental.serverActions)?void 0:U.bodySizeLimit)??i,k=e+(j!==i?c(95726).parse(j):1048576),l=await (0,E.readBodyWithSizeLimit)(a,k);if(null===l)return b.statusCode=413,b.end("Request body exceeded limit. To configure the body size limit for Server Actions, see: https://nextjs.org/docs/app/api-reference/next-config-js/serverActions#bodysizelimit"),null==d.waitUntil||d.waitUntil.call(d,Promise.resolve()),null;if(l.length>=e){let b=l.subarray(0,e).toString("utf8");(0,h.addRequestMeta)(a,"postponed",b);let c=l.subarray(e);(0,h.addRequestMeta)(a,"actionBody",c)}else throw Object.defineProperty(Error(`invariant: expected ${e} bytes of postponed state but only received ${l.length} bytes`),"__NEXT_ERROR_CODE",{value:"E979",enumerable:!1,configurable:!0})}}if(!(0,h.getRequestMeta)(a,"postponed")&&aB&&"1"===a.headers[y.NEXT_RESUME_HEADER]&&"POST"===a.method){let{maxPostponedStateSize:c,maxPostponedStateSizeBytes:e}=(0,E.getMaxPostponedStateSize)(al.experimental.maxPostponedStateSize),f=await (0,E.readBodyWithSizeLimit)(a,e);if(null===f)return b.statusCode=413,b.end((0,E.getPostponedStateExceededErrorMessage)(c)),null==d.waitUntil||d.waitUntil.call(d,Promise.resolve()),null;let g=f.toString("utf8");(0,h.addRequestMeta)(a,"postponed",g)}let aD=!0===P.isDev||!0===al.experimental.exposeTestingApiInProductionBuild,aE=aD&&("1"===a.headers[t.NEXT_INSTANT_PREFETCH_HEADER]||!(0,n.f)(a.headers[t.RSC_HEADER])&&"string"==typeof a.headers.cookie&&a.headers.cookie.includes(t.NEXT_INSTANT_TEST_COOKIE+"=")),aF=(aB||aE)&&((null==(M=ag.routes[aq]??ag.dynamicRoutes[aq])?void 0:M.renderingMode)==="PARTIALLY_STATIC"||aE&&(aD||(null==ak?void 0:ak.experimentalTestProxy)===!0)),aG=aE&&aF,aH=aG&&!0===P.isDev,aI=!1,aJ=aF?(0,h.getRequestMeta)(a,"postponed"):void 0,aK=null==(R=ag.routes[ai])?void 0:R.prefetchDataRoute,aL=aF&&az&&!ay&&!aK;V&&(aL=aL&&!!aJ);let aM=(0,h.getRequestMeta)(a,"segmentPrefetchRSCRequest"),aN=(!aw||!aF)&&(!av||(0,q.shouldServeStreamingMetadata)(av,al.htmlLimitedBots)),aO=!!((at||au||ag.routes[aq])&&!(aw&&aF)),aP=aF&&!0===al.cacheComponents,aQ=!0===P.isDev||!aO||"string"==typeof aJ||(aP&&(0,h.getRequestMeta)(a,"onCacheEntryV2")?aL&&!V:aL),aR=!!aw&&aF,aS=(null==at?void 0:at.remainingPrerenderableParams)??[],aT=(null==at?void 0:at.fallback)===null&&((null==(S=at.fallbackRootParams)?void 0:S.length)??0)>0,aU=null;if(!ah&&aO&&!aQ&&!aA&&!aJ&&!aL){let a=as?"string"==typeof(null==at?void 0:at.fallback)?at.fallback:as.source:null;if(!0===al.experimental.partialFallbacks&&a&&(null==at?void 0:at.fallbackRouteParams)&&!aT){if(aS.length>0){let b,c=(b=new Map(aS.map(a=>[a.paramName,a])),a.split("/").map(a=>{let c=(0,L.getSegmentParam)(a);if(!c)return a;let d=b.get(c.paramName);if(!d)return a;let e=null==$?void 0:$[d.paramName];if(!e)return a;let f=Array.isArray(e)?e.map(a=>encodeURIComponent(a)).join("/"):encodeURIComponent(e);return a.replace((0,o.buildDynamicSegmentPlaceholder)(d),f)}).join("/")||"/");aU=c!==a?c:null}}else aU=ai}let aV=aU;!aV&&(P.isDev||aO&&_&&(null==at?void 0:at.fallbackRouteParams)&&!aA)&&(aV=ai),P.isDev||ah||!aO||!az||aL||(0,k.d)(a.headers);let aW={...G,tree:N,handler:Q,routeModule:P,__next_app__:O};ad&&ae&&(0,p.setManifestsSingleton)({page:W,clientReferenceManifest:ae,serverActionsManifest:ad});let aX=a.method||"GET",aY=(0,g.getTracer)(),aZ=aY.getActiveScopeSpan(),a$=!!(null==ak?void 0:ak.isWrappedByNextServer),a_=!0===al.experimental.partialFallbacks&&aS.length>0?(null==at||null==(T=at.fallbackRouteParams)?void 0:T.filter(a=>!aS.some(b=>b.paramName===a.paramName)))??[]:[],a0=async()=>((null==ak?void 0:ak.render404)?await ak.render404(a,b,am,!1):b.end("This page could not be found"),null);try{let k,m=P.getVaryHeader(ai,an);b.setHeader("Vary",m);let n=async(c,d)=>{let e=new l.NodeNextRequest(a),f=new l.NodeNextResponse(b);return P.render(e,f,d).finally(()=>{if(!c)return;c.setAttributes({"http.status_code":b.statusCode,"next.rsc":!1});let a=aY.getRootSpanAttributes();if(!a)return;if(a.get("next.span_type")!==i.BaseServerSpan.handleRequest)return void console.warn(`Unexpected root span type '${a.get("next.span_type")}'. Please report this Next.js issue https://github.com/vercel/next.js`);let d=a.get("next.route");if(d){let a=`${aX} ${d}`;c.setAttributes({"next.route":d,"http.route":d,"next.span_name":a}),c.updateName(a),k&&k!==c&&(k.setAttribute("http.route",d),k.updateName(a))}else c.updateName(`${aX} ${W}`)})},p=(0,h.getRequestMeta)(a,"incrementalCache")||await P.getIncrementalCache(a,al,ag,V);null==p||p.resetRequestCache(),globalThis.__incrementalCache=p;let q=async({span:e,postponed:f,fallbackRouteParams:g,forceStaticRender:i})=>{let k={query:Z,params:$,page:aq,sharedContext:{buildId:Y,deploymentId:ao,clientAssetToken:ap},serverComponentsHmrCache:(0,h.getRequestMeta)(a,"serverComponentsHmrCache"),fallbackRouteParams:g,renderOpts:{App:()=>null,Document:()=>null,pageConfig:{},ComponentMod:aW,Component:(0,j.T)(aW),params:$,routeModule:P,page:W,postponed:f,shouldWaitOnAllReady:aR,serveStreamingMetadata:aN,supportsDynamicResponse:"string"==typeof f||aQ,buildManifest:aa,nextFontManifest:ab,reactLoadableManifest:ac,subresourceIntegrityManifest:af,setCacheStatus:null==ak?void 0:ak.setCacheStatus,setIsrStatus:null==ak?void 0:ak.setIsrStatus,setReactDebugChannel:null==ak?void 0:ak.setReactDebugChannel,sendErrorsToBrowser:null==ak?void 0:ak.sendErrorsToBrowser,dir:c(33873).join(process.cwd(),P.relativeProjectDir),isDraftMode:ah,botType:aw,isOnDemandRevalidate:ar,isPossibleServerAction:aA,assetPrefix:al.assetPrefix,nextConfigOutput:al.output,crossOrigin:al.crossOrigin,trailingSlash:al.trailingSlash,images:al.images,previewProps:ag.preview,enableTainting:al.experimental.taint,htmlLimitedBots:al.htmlLimitedBots,reactMaxHeadersLength:al.reactMaxHeadersLength,multiZoneDraftMode:!1,incrementalCache:p,cacheLifeProfiles:al.cacheLife,basePath:al.basePath,serverActions:al.experimental.serverActions,logServerFunctions:"object"==typeof al.logging&&!!al.logging.serverFunctions,...aG||aH||aI?{isBuildTimePrerendering:!0,supportsDynamicResponse:!1,isStaticGeneration:!0,isDebugDynamicAccesses:aH}:{},cacheComponents:!!al.cacheComponents,experimental:{isRoutePPREnabled:aF,expireTime:al.expireTime,staleTimes:al.experimental.staleTimes,dynamicOnHover:!!al.experimental.dynamicOnHover,optimisticRouting:!!al.experimental.optimisticRouting,inlineCss:!!al.experimental.inlineCss,prefetchInlining:al.experimental.prefetchInlining??!1,authInterrupts:!!al.experimental.authInterrupts,cachedNavigations:!!al.experimental.cachedNavigations,clientTraceMetadata:al.experimental.clientTraceMetadata||[],clientParamParsingOrigins:al.experimental.clientParamParsingOrigins,maxPostponedStateSizeBytes:(0,D.parseMaxPostponedStateSize)(al.experimental.maxPostponedStateSize)},waitUntil:d.waitUntil,onClose:a=>{b.on("close",a)},onAfterTaskError:()=>{},onInstrumentationRequestError:(b,c,d,e)=>P.onRequestError(a,b,d,e,ak),err:(0,h.getRequestMeta)(a,"invokeError")}};i&&(k.renderOpts.supportsDynamicResponse=!1);let l=await n(e,k),{metadata:m}=l,{cacheControl:o,headers:q={},fetchTags:r,fetchMetrics:s}=m;if(r&&(q[y.NEXT_CACHE_TAGS_HEADER]=r),a.fetchMetrics=s,aO&&(null==o?void 0:o.revalidate)===0&&!P.isDev&&!aF){let a=m.staticBailoutInfo,b=Object.defineProperty(Error(`Page changed from static to dynamic at runtime ${ai}${(null==a?void 0:a.description)?`, reason: ${a.description}`:""}
-see more here https://nextjs.org/docs/messages/app-static-to-dynamic-error`),"__NEXT_ERROR_CODE",{value:"E132",enumerable:!1,configurable:!0});if(null==a?void 0:a.stack){let c=a.stack;b.stack=b.message+c.substring(c.indexOf("\n"))}throw b}return{value:{kind:v.CachedRouteKind.APP_PAGE,html:l,headers:q,rscData:m.flightData,postponed:m.postponed,status:m.statusCode,segmentData:m.segmentData},cacheControl:o}},r=async({hasResolved:c,previousCacheEntry:g,isRevalidating:i,span:j,forceStaticRender:k=!1})=>{let l=!1===P.isDev,m=c||b.writableEnded;try{var n;let f;if(ar&&aj&&!g&&!V)return(null==ak?void 0:ak.render404)?await ak.render404(a,b):(b.statusCode=404,b.end("This page could not be found")),null;if(at&&(f=(0,w.parseFallbackField)(at.fallback)),!0===al.experimental.partialFallbacks&&(null==at?void 0:at.fallback)===null&&!aT&&aS.length>0&&(f=w.FallbackMode.PRERENDER),f===w.FallbackMode.PRERENDER&&(0,u.isBot)(av)&&(!aF||ax)&&(f=w.FallbackMode.BLOCKING_STATIC_RENDER),(null==g?void 0:g.isStale)===-1&&(ar=!0),ar&&(f!==w.FallbackMode.NOT_FOUND||g)&&(f=w.FallbackMode.BLOCKING_STATIC_RENDER),!V&&f!==w.FallbackMode.BLOCKING_STATIC_RENDER&&aV&&!m&&!ah&&_&&(l||!au)){if((l||at)&&f===w.FallbackMode.NOT_FOUND){if(al.adapterPath)return await a0();throw new C.NoFallbackError}if(aF&&(al.cacheComponents?!aL:!az)){let b=l&&"string"==typeof(null==at?void 0:at.fallback)?at.fallback:aq,f=(l||aG)&&(null==at?void 0:at.fallbackRouteParams)?(0,o.createOpaqueFallbackRouteParams)(at.fallbackRouteParams):aI?(0,o.getFallbackRouteParams)(aq,P):null;aG&&f&&(0,h.addRequestMeta)(a,"fallbackParams",f);let g=await P.handleResponse({cacheKey:b,req:a,nextConfig:al,routeKind:e.RouteKind.APP_PAGE,isFallback:!0,prerenderManifest:ag,isRoutePPREnabled:aF,responseGenerator:async()=>q({span:j,postponed:void 0,fallbackRouteParams:f,forceStaticRender:!0}),waitUntil:d.waitUntil,isMinimalMode:V});if(null===g)return null;if(g)return V||!aF||!(aS.length>0)||!0!==al.experimental.partialFallbacks||!aU||!p||ar||aI||aD||aE||ay||(0,J.scheduleOnNextTick)(async()=>{let b=P.getResponseCache(a);try{await b.revalidate(aU,p,aF,!1,a=>q({span:a.span,postponed:void 0,fallbackRouteParams:a_.length>0?(0,o.createOpaqueFallbackRouteParams)(a_):null,forceStaticRender:!0}),null,c,d.waitUntil)}catch(a){console.error("Error revalidating the page in the background",a)}}),delete g.cacheControl,g}}let s=ar||i||!aJ?void 0:aJ;if(aP&&!V&&p&&(aL||aA)&&!k){let b=await p.get(ai,{kind:v.IncrementalCacheKind.APP_PAGE,isRoutePPREnabled:!0,isFallback:!1});b&&b.value&&b.value.kind===v.CachedRouteKind.APP_PAGE&&(s=b.value.postponed,b&&(-1===b.isStale||!0===b.isStale)&&(0,J.scheduleOnNextTick)(async()=>{let b=P.getResponseCache(a);try{await b.revalidate(ai,p,aF,!1,a=>r({...a,forceStaticRender:!0}),null,c,d.waitUntil)}catch(a){console.error("Error revalidating the page in the background",a)}}))}if((aG||aH)&&void 0!==s)return{cacheControl:{revalidate:1,expire:void 0},value:{kind:v.CachedRouteKind.PAGES,html:x.default.EMPTY,pageData:{},headers:void 0,status:void 0}};let t=!P.isDev&&_&&(null==at?void 0:at.fallbackRouteParams)?(0,o.getPlaceholderFallbackRouteParams)($,at.fallbackRouteParams):null,y=t&&t.length>0?t:null==at?void 0:at.fallbackRouteParams,z=null!=t&&t.length>0,A=null;if(al.cacheComponents&&(null==at?void 0:at.fallbackRouteParams)){let b=(0,h.getRequestMeta)(a,"resolvedRouteParamKeys");b&&b.size>0&&(A=at.fallbackRouteParams.filter(a=>!b.has(a.paramName)))}let B=(l&&(0,h.getRequestMeta)(a,"renderFallbackShell")||z||aG&&!au)&&y?(0,o.createOpaqueFallbackRouteParams)(y):A&&A.length>0&&A.length<((null==at||null==(n=at.fallbackRouteParams)?void 0:n.length)??0)?(0,o.createOpaqueFallbackRouteParams)(A):aI?(0,o.getFallbackRouteParams)(aq,P):null;if((l||aG)&&al.cacheComponents&&!au&&(null==at?void 0:at.fallbackRouteParams)){let b=(0,o.createOpaqueFallbackRouteParams)(y??at.fallbackRouteParams);b&&(0,h.addRequestMeta)(a,"fallbackParams",b)}return q({span:j,postponed:s,fallbackRouteParams:B,forceStaticRender:k})}catch(b){throw(null==g?void 0:g.isStale)&&await P.onRequestError(a,b,{routerKind:"App Router",routePath:W,routeType:"render",revalidateReason:(0,f.c)({isStaticGeneration:aO,isOnDemandRevalidate:ar})},!1,ak),b}},s=async c=>{var f,g,i,j,k,l;let m,n=await P.handleResponse({cacheKey:aU,responseGenerator:a=>r({span:c,...a}),routeKind:e.RouteKind.APP_PAGE,isOnDemandRevalidate:ar,isRoutePPREnabled:aF,req:a,nextConfig:al,prerenderManifest:ag,waitUntil:d.waitUntil,isMinimalMode:V});if(ah&&b.setHeader("Cache-Control","private, no-cache, no-store, max-age=0, must-revalidate"),P.isDev&&b.setHeader("Cache-Control","no-cache, must-revalidate"),!n){if(aU)throw Object.defineProperty(Error("invariant: cache entry required but not generated"),"__NEXT_ERROR_CODE",{value:"E62",enumerable:!1,configurable:!0});return null}if((null==(f=n.value)?void 0:f.kind)!==v.CachedRouteKind.APP_PAGE)throw Object.defineProperty(Error(`Invariant app-page handler received invalid cache entry ${null==(i=n.value)?void 0:i.kind}`),"__NEXT_ERROR_CODE",{value:"E707",enumerable:!1,configurable:!0});let o="string"==typeof n.value.postponed;az&&!aA&&ao&&b.setHeader(y.NEXT_NAV_DEPLOYMENT_ID_HEADER,ao),aO&&!aL&&(!o||ay)&&(V||b.setHeader("x-nextjs-cache",ar?"REVALIDATED":n.isMiss?"MISS":n.isStale?"STALE":"HIT"),b.setHeader(t.NEXT_IS_PRERENDER_HEADER,"1"));let{value:p}=n;if(aJ)m={revalidate:0,expire:void 0};else if(aL)m={revalidate:0,expire:void 0};else if(!P.isDev)if(ah)m={revalidate:0,expire:void 0};else if(aO){if(n.cacheControl)if("number"==typeof n.cacheControl.revalidate){if(n.cacheControl.revalidate<1)throw Object.defineProperty(Error(`Invalid revalidate configuration provided: ${n.cacheControl.revalidate} < 1`),"__NEXT_ERROR_CODE",{value:"E22",enumerable:!1,configurable:!0});m={revalidate:n.cacheControl.revalidate,expire:(null==(j=n.cacheControl)?void 0:j.expire)??al.expireTime}}else m={revalidate:y.CACHE_ONE_YEAR_SECONDS,expire:void 0}}else b.getHeader("Cache-Control")||(m={revalidate:0,expire:void 0});if(n.cacheControl=m,"string"==typeof aM&&(null==p?void 0:p.kind)===v.CachedRouteKind.APP_PAGE&&p.segmentData){b.setHeader(t.NEXT_DID_POSTPONE_HEADER,"2");let c=null==(k=p.headers)?void 0:k[y.NEXT_CACHE_TAGS_HEADER];V&&aO&&c&&"string"==typeof c&&b.setHeader(y.NEXT_CACHE_TAGS_HEADER,c);let d=p.segmentData.get(aM);return void 0!==d?(0,B.sendRenderResult)({req:a,res:b,generateEtags:al.generateEtags,poweredByHeader:al.poweredByHeader,result:x.default.fromStatic(d,t.RSC_CONTENT_TYPE_HEADER),cacheControl:n.cacheControl}):(b.statusCode=204,(0,B.sendRenderResult)({req:a,res:b,generateEtags:al.generateEtags,poweredByHeader:al.poweredByHeader,result:x.default.EMPTY,cacheControl:n.cacheControl}))}let s=aP?(0,h.getRequestMeta)(a,"onCacheEntryV2")??(0,h.getRequestMeta)(a,"onCacheEntry"):(0,h.getRequestMeta)(a,"onCacheEntry");if(s){let b=(0,h.getRequestMeta)(a,"initURL")??a.url,c=b?(null==(l=(0,F.parseUrl)(b))?void 0:l.pathname)??b:void 0;if(await s(n,{url:c}))return null}if(p.headers){let a={...p.headers};for(let[c,d]of(V&&aO||delete a[y.NEXT_CACHE_TAGS_HEADER],Object.entries(a)))if(void 0!==d)if(Array.isArray(d))for(let a of d)b.appendHeader(c,a);else"number"==typeof d&&(d=d.toString()),b.appendHeader(c,d)}let u=null==(g=p.headers)?void 0:g[y.NEXT_CACHE_TAGS_HEADER];if(V&&aO&&u&&"string"==typeof u&&b.setHeader(y.NEXT_CACHE_TAGS_HEADER,u),!p.status||az&&aF||(b.statusCode=p.status),!V&&p.status&&H.RedirectStatusCode[p.status]&&az&&(b.statusCode=200),o&&!aL&&b.setHeader(t.NEXT_DID_POSTPONE_HEADER,"1"),az&&!ah){if(void 0===p.rscData){if(p.html.contentType!==t.RSC_CONTENT_TYPE_HEADER)if(al.cacheComponents)return b.statusCode=404,(0,B.sendRenderResult)({req:a,res:b,generateEtags:al.generateEtags,poweredByHeader:al.poweredByHeader,result:x.default.EMPTY,cacheControl:n.cacheControl});else throw Object.defineProperty(new I.InvariantError(`Expected RSC response, got ${p.html.contentType}`),"__NEXT_ERROR_CODE",{value:"E789",enumerable:!1,configurable:!0});return(0,B.sendRenderResult)({req:a,res:b,generateEtags:al.generateEtags,poweredByHeader:al.poweredByHeader,result:p.html,cacheControl:n.cacheControl})}return(0,B.sendRenderResult)({req:a,res:b,generateEtags:al.generateEtags,poweredByHeader:al.poweredByHeader,result:x.default.fromStatic(p.rscData,t.RSC_CONTENT_TYPE_HEADER),cacheControl:n.cacheControl})}let w=p.html;if(aE&&aG){let c=!0===P.isDev?crypto.randomUUID():null;return w.pipeThrough(await (0,A.createInstantTestScriptInsertionTransformStream)(c)),(0,B.sendRenderResult)({req:a,res:b,generateEtags:al.generateEtags,poweredByHeader:al.poweredByHeader,result:w,cacheControl:{revalidate:0,expire:void 0}})}if(!o||V||az)return(0,B.sendRenderResult)({req:a,res:b,generateEtags:al.generateEtags,poweredByHeader:al.poweredByHeader,result:w,cacheControl:n.cacheControl});if(aG||aH)return w.push(new ReadableStream({start(a){a.enqueue(z.ENCODED_TAGS.CLOSED.BODY_AND_HTML),a.close()}})),(0,B.sendRenderResult)({req:a,res:b,generateEtags:al.generateEtags,poweredByHeader:al.poweredByHeader,result:w,cacheControl:{revalidate:0,expire:void 0}});let C=new TransformStream;return w.push(C.readable),q({span:c,postponed:p.postponed,fallbackRouteParams:null,forceStaticRender:!1}).then(async a=>{var b,c;if(!a)throw Object.defineProperty(Error("Invariant: expected a result to be returned"),"__NEXT_ERROR_CODE",{value:"E463",enumerable:!1,configurable:!0});if((null==(b=a.value)?void 0:b.kind)!==v.CachedRouteKind.APP_PAGE)throw Object.defineProperty(Error(`Invariant: expected a page response, got ${null==(c=a.value)?void 0:c.kind}`),"__NEXT_ERROR_CODE",{value:"E305",enumerable:!1,configurable:!0});await a.value.html.pipeTo(C.writable)}).catch(a=>{C.writable.abort(a).catch(a=>{console.error("couldn't abort transformer",a)})}),(0,B.sendRenderResult)({req:a,res:b,generateEtags:al.generateEtags,poweredByHeader:al.poweredByHeader,result:w,cacheControl:{revalidate:0,expire:void 0}})};if(!a$||!aZ)return k=aY.getActiveScopeSpan(),await aY.withPropagatedContext(a.headers,()=>aY.trace(i.BaseServerSpan.handleRequest,{spanName:`${aX} ${W}`,kind:g.SpanKind.SERVER,attributes:{"http.method":aX,"http.target":a.url}},s),void 0,!a$);await s(aZ)}catch(b){throw b instanceof C.NoFallbackError||await P.onRequestError(a,b,{routerKind:"App Router",routePath:W,routeType:"render",revalidateReason:(0,f.c)({isStaticGeneration:aO,isOnDemandRevalidate:ar})},!1,ak),b}}},94735:a=>{"use strict";a.exports=require("events")}};var b=require("../../../../webpack-runtime.js");b.C(a);var c=b.X(0,[4741,319,1361,2817,402,5681,4404,6064,6328,1340],()=>b(b.s=91804));module.exports=c})();
+(()=>{var a={};a.id=8978,a.ids=[8978],a.modules={261:a=>{"use strict";a.exports=require("next/dist/shared/lib/router/utils/app-paths")},1932:a=>{"use strict";a.exports=require("url")},3295:a=>{"use strict";a.exports=require("next/dist/server/app-render/after-task-async-storage.external.js")},4573:a=>{"use strict";a.exports=require("node:buffer")},10846:a=>{"use strict";a.exports=require("next/dist/compiled/next-server/app-page.runtime.prod.js")},17891:a=>{"use strict";a.exports=require("next/dist/shared/lib/router/utils/get-segment-param")},18521:(a,b,c)=>{"use strict";c.d(b,{default:()=>af});var d=c(48249),e=c(67484),f=c(26921),g=c(20151);f.xI.setOptions({gfm:!0,breaks:!0});let h=[{value:"today",label:"H\xf4m nay"},{value:"todayWorking",label:"H\xf4m nay (Working time)"},{value:"yesterday",label:"H\xf4m qua"},{value:"yesterdayWorking",label:"H\xf4m qua (Working time)"},{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ả (60 ng\xe0y)"},{value:"custom",label:"T\xf9y chọn"}],i=[{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"},{value:"aiHealth",label:"Đ\xe1nh gi\xe1 AI",icon:"neurology"}],j={normal:{className:"border-emerald-500/20 bg-emerald-500/10 text-emerald-700 dark:text-emerald-300",label:"B\xecnh thường"},warning:{className:"border-amber-500/20 bg-amber-500/10 text-amber-700 dark:text-amber-300",label:"Cảnh b\xe1o"},critical:{className:"border-red-500/20 bg-red-500/10 text-red-700 dark:text-red-300",label:"Nghi\xeam trọng"},no_traffic:{className:"border-border bg-surface-2 text-text-muted",label:"Kh\xf4ng c\xf3 lưu lượng"},unknown:{className:"border-border bg-surface-2 text-text-muted",label:"Kh\xf4ng r\xf5"}};function k({status:a}){let b=j[a]||j.unknown;return(0,d.jsxs)("span",{className:z("inline-flex items-center gap-1.5 rounded-full border px-2.5 py-1 text-xs font-semibold",b.className),children:[(0,d.jsx)("span",{className:"h-1.5 w-1.5 rounded-full bg-current"}),b.label]})}function l(a){let b=Number(a||0);if(!b)return"-";let c=["B","KiB","MiB","GiB","TiB"],d=Math.min(Math.floor(Math.log(b)/Math.log(1024)),c.length-1);return`${(b/1024**d).toLocaleString("vi-VN",{maximumFractionDigits:1})} ${c[d]}`}function m({nodes:a=[]}){return a.length?(0,d.jsxs)("section",{className:"border-y border-border py-4",children:[(0,d.jsxs)("div",{className:"mb-3 flex items-center gap-2",children:[(0,d.jsx)("span",{className:"material-symbols-outlined text-[19px] text-primary",children:"developer_board"}),(0,d.jsx)("h4",{className:"text-sm font-semibold text-text-main",children:"Cấu h\xecnh phần cứng từng node tại l\xfac đ\xe1nh gi\xe1"})]}),(0,d.jsx)("div",{className:"divide-y divide-border",children:a.map(a=>(0,d.jsxs)("div",{className:"grid gap-2 py-3 text-xs md:grid-cols-[minmax(180px,0.8fr)_minmax(0,2.2fr)]",children:[(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"font-semibold text-text-main",children:a.name}),(0,d.jsx)("div",{className:"mt-0.5 text-text-muted",children:a.host||a.hostname||"-"}),(0,d.jsx)("div",{className:a.reachable?"mt-1 text-emerald-600 dark:text-emerald-300":"mt-1 text-red-600 dark:text-red-300",children:a.reachable?"C\xf3 dữ liệu":a.error||"Chưa c\xf3 snapshot"})]}),a.reachable?(0,d.jsxs)("div",{className:"space-y-1 text-text-muted",children:[(0,d.jsxs)("p",{children:[(0,d.jsx)("span",{className:"font-medium text-text-main",children:"CPU:"})," ",a.cpu?.model||"-"," \xb7 ",a.cpu?.cores||0," cores \xb7 sử dụng ",Number(a.cpu?.usagePercent||0).toLocaleString("vi-VN",{maximumFractionDigits:1}),"%"]}),(0,d.jsxs)("p",{children:[(0,d.jsx)("span",{className:"font-medium text-text-main",children:"RAM:"})," ",l(a.memory?.totalBytes)," \xb7 đang d\xf9ng ",l(a.memory?.usedBytes)," (",Number(a.memory?.usagePercent||0).toLocaleString("vi-VN",{maximumFractionDigits:1}),"%)"]}),a.gpus?.length?a.gpus.map(b=>(0,d.jsxs)("p",{children:[(0,d.jsxs)("span",{className:"font-medium text-text-main",children:["GPU ",b.index,":"]})," ",b.name," \xb7 VRAM ",(Number(b.memoryTotalMb||0)/1024).toLocaleString("vi-VN",{maximumFractionDigits:1})," GiB \xb7 sử dụng ",Number(b.usagePercent||0).toLocaleString("vi-VN",{maximumFractionDigits:1}),"%"]},`${a.id}-${b.index}`)):(0,d.jsxs)("p",{children:[(0,d.jsx)("span",{className:"font-medium text-text-main",children:"GPU:"})," Kh\xf4ng ph\xe1t hiện NVIDIA GPU"]}),(0,d.jsxs)("p",{className:"text-text-subtle",children:["Snapshot: ",a.statusAt?new Date(a.statusAt).toLocaleString("vi-VN"):"-"]})]}):null]},a.id))})]}):null}function n(){let[a,b]=(0,e.useState)([]),[c,g]=(0,e.useState)(""),[h,i]=(0,e.useState)(null),[j,l]=(0,e.useState)(!1),[n,o]=(0,e.useState)(!1),[p,q]=(0,e.useState)(""),[r,s]=(0,e.useState)(!1),[t,u]=(0,e.useState)(""),[v,w]=(0,e.useState)(""),[x,y]=(0,e.useState)(!1),[z,A]=(0,e.useState)(""),B=(0,e.useCallback)(a=>{g(a),fetch("/api/dashboard/analytics/analyze",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({model:a})}).catch(()=>{})},[]),C=(0,e.useCallback)(async({showMessage:a=!0}={})=>{y(!0),a&&A("");try{let b=await fetch("/api/dashboard/analytics/analyze",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({vllmConfig:t})}),c=await b.json().catch(()=>({}));if(!b.ok)throw Error(c.error||"Kh\xf4ng thể lưu cấu h\xecnh vLLM");let d=c.vllmConfig||"";return u(d),w(d),a&&A("Đ\xe3 lưu cấu h\xecnh vLLM"),d}finally{y(!1)}},[t]),D=(0,e.useCallback)(async()=>{q("");try{await C()}catch(a){A(""),q(a?.message||"Kh\xf4ng thể lưu cấu h\xecnh vLLM")}},[C]),E=(0,e.useCallback)(async()=>{if(!c)return;let a=c.indexOf("::"),b=c.slice(0,a),d=c.slice(a+2);o(!0),q("");try{t.trim()!==v&&await C({showMessage:!1});let a=await fetch("/api/dashboard/analytics/analyze",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({connectionId:b,model:d})}),c=await a.json().catch(()=>({}));if(!a.ok)throw Error(c.error||"Kh\xf4ng thể ph\xe2n t\xedch");i(c.analysis)}catch(a){q(a?.message||"Kh\xf4ng thể ph\xe2n t\xedch")}finally{o(!1)}},[C,v,c,t]),F=(0,e.useMemo)(()=>h?.summary?f.xI.parse(h.summary):"",[h]);return(0,d.jsxs)("section",{className:"overflow-hidden rounded-3xl border border-border bg-surface shadow-[var(--shadow-soft)]",children:[(0,d.jsx)("div",{className:"flex flex-wrap items-center justify-between gap-4 border-b border-border px-6 py-5",children:(0,d.jsxs)("div",{className:"flex items-center gap-4",children:[(0,d.jsx)("div",{className:"flex h-12 w-12 items-center justify-center rounded-2xl bg-primary/10 text-primary",children:(0,d.jsx)("span",{className:"material-symbols-outlined text-[27px]",children:"neurology"})}),(0,d.jsxs)("div",{children:[(0,d.jsx)("h3",{className:"text-lg font-semibold text-text-main",children:"Đ\xe1nh gi\xe1 AI về trải nghiệm & hiệu năng"}),(0,d.jsx)("p",{className:"mt-0.5 text-xs text-text-muted",children:'Ph\xe2n t\xedch giờ l\xe0m việc h\xf4m nay, tập trung v\xe0o tab "Trải nghiệm" v\xe0 c\xe1c vLLM AI server local. Chạy nền tự động mỗi 1 giờ.'})]})]})}),(0,d.jsxs)("div",{className:"space-y-5 p-6",children:[j?(0,d.jsx)("div",{className:"rounded-xl border border-amber-500/20 bg-amber-500/10 px-4 py-3 text-sm text-amber-700 dark:text-amber-300",children:"Standby mode: kết quả ph\xe2n t\xedch được đồng bộ tự động từ Master. Node n\xe0y kh\xf4ng tự chạy ph\xe2n t\xedch AI."}):null,(0,d.jsxs)("div",{className:"space-y-2",children:[(0,d.jsxs)("div",{className:"flex flex-wrap items-center justify-between gap-2",children:[(0,d.jsx)("label",{htmlFor:"analytics-vllm-config",className:"text-xs font-medium text-text-muted",children:"Cấu h\xecnh vLLM của c\xe1c server"}),(0,d.jsxs)("span",{className:"text-xs text-text-subtle",children:[t.length.toLocaleString("vi-VN")," / 50.000 k\xfd tự"]})]}),(0,d.jsx)("textarea",{id:"analytics-vllm-config",rows:8,maxLength:5e4,value:t,onChange:a=>{u(a.target.value),A("")},disabled:j||x,placeholder:"M\xf4 tả theo từng node, v\xed dụ:\nnode-gpu-01: model=..., --tensor-parallel-size 4, --max-model-len 32768, --gpu-memory-utilization 0.9\nnode-gpu-02: model=..., replicas=2, c\xe1c tham số batching/concurrency...",className:"w-full resize-y rounded-lg border border-border bg-surface px-3 py-2.5 font-mono text-xs leading-5 text-text-main outline-none transition focus:border-primary focus:ring-2 focus:ring-primary/15 disabled:opacity-60"}),(0,d.jsxs)("div",{className:"flex flex-wrap items-center justify-between gap-3",children:[(0,d.jsx)("p",{className:"text-xs text-text-muted",children:"D\xf9ng t\xean hoặc host tr\xf9ng với Linux node trong Resource Monitor để AI \xe1nh xạ ch\xednh x\xe1c."}),(0,d.jsxs)("div",{className:"flex items-center gap-3",children:[z?(0,d.jsx)("span",{className:"text-xs text-emerald-600 dark:text-emerald-300",children:z}):null,(0,d.jsxs)("button",{type:"button",onClick:D,disabled:j||x||t.trim()===v,className:"inline-flex items-center gap-2 rounded-lg border border-border bg-surface px-3 py-2 text-xs font-semibold text-text-main transition hover:border-primary/40 disabled:cursor-not-allowed disabled:opacity-50",children:[(0,d.jsx)("span",{className:"material-symbols-outlined text-[17px]",children:x?"progress_activity":"save"}),x?"Đang lưu...":"Lưu cấu h\xecnh"]})]})]})]}),(0,d.jsxs)("div",{className:"flex flex-wrap items-end gap-3",children:[(0,d.jsxs)("label",{className:"flex min-w-[280px] flex-1 flex-col gap-1.5 text-sm",children:[(0,d.jsx)("span",{className:"text-xs font-medium text-text-muted",children:"AI model d\xf9ng để ph\xe2n t\xedch"}),(0,d.jsxs)("select",{className:"rounded-xl border border-border bg-surface px-3 py-2.5 text-sm text-text-main disabled:opacity-60",value:c,onChange:a=>B(a.target.value),disabled:!a.length||j,children:[a.length?null:(0,d.jsx)("option",{value:"",children:"Chưa c\xf3 kết nối AI n\xe0o đang hoạt động"}),a.map(a=>(0,d.jsx)("option",{value:a.value,children:a.label},a.value))]})]}),(0,d.jsxs)("button",{type:"button",onClick:E,disabled:!c||j||n,className:"flex items-center gap-2 rounded-xl bg-primary px-4 py-2.5 text-sm font-semibold text-white shadow-sm transition disabled:cursor-not-allowed disabled:opacity-60",children:[(0,d.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:n?"progress_activity":"auto_awesome"}),n?"Đang ph\xe2n t\xedch...":"Ph\xe2n t\xedch lại"]})]}),p?(0,d.jsx)("div",{className:"rounded-xl border border-red-500/20 bg-red-500/10 px-4 py-3 text-sm text-red-600 dark:text-red-300",children:p}):null,h?(0,d.jsxs)("div",{className:"space-y-5",children:[(0,d.jsxs)("div",{className:"flex flex-wrap items-center justify-between gap-2 text-xs text-text-muted",children:[(0,d.jsxs)("span",{children:["Model: ",(0,d.jsx)("span",{className:"font-semibold",children:h.modelLabel})]}),(0,d.jsxs)("span",{children:["Cập nhật l\xfac ",h.generatedAt?new Date(h.generatedAt).toLocaleString("vi-VN"):"-"]})]}),(0,d.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,d.jsx)("span",{className:"text-xs text-text-muted",children:"Tổng quan:"}),(0,d.jsx)(k,{status:h.status}),(0,d.jsx)("span",{className:"text-xs text-text-muted",children:"vLLM local:"}),(0,d.jsx)(k,{status:h.vllmStatus}),"number"==typeof h.vllmServerCount?(0,d.jsxs)("span",{className:"text-xs text-text-subtle",children:["(",h.vllmServerCount," node)"]}):null]}),(0,d.jsx)(m,{nodes:h.hardwareNodes||[]}),(0,d.jsx)("div",{className:"analytics-ai-body rounded-2xl border border-border bg-surface-2/40 p-5 text-sm leading-6 text-text-main",dangerouslySetInnerHTML:{__html:F}})]}):!n&&r?(0,d.jsx)("div",{className:"rounded-2xl border border-dashed border-border bg-surface-2/40 py-10 text-center text-sm text-text-muted",children:'Chưa c\xf3 ph\xe2n t\xedch n\xe0o — bấm "Ph\xe2n t\xedch lại" để bắt đầu.'}):null]})]})}function o(a,b=0){return Number(a||0).toLocaleString("vi-VN",{maximumFractionDigits:b})}function p(a){let b=Number(a||0);return Intl.NumberFormat("vi-VN",{notation:"compact",maximumFractionDigits:1}).format(b)}function q(a){let b=100*Number(a||0);return`${b.toLocaleString("vi-VN",{maximumFractionDigits:1})}%`}function r(a){let b=Number(a||0);return b?`$${b.toLocaleString("vi-VN",{minimumFractionDigits:4,maximumFractionDigits:6})}`:"$0"}function s(a){if(null==a||Number.isNaN(Number(a)))return"-";let b=Number(a);return b>=1e3?`${(b/1e3).toLocaleString("vi-VN",{maximumFractionDigits:2})}s`:`${b.toLocaleString("vi-VN",{maximumFractionDigits:0})}ms`}function t(a,b="/s"){if(null==a||Number.isNaN(Number(a)))return"-";let c=Number(a);return`${c.toLocaleString("vi-VN",{maximumFractionDigits:c>=10?1:2})}${b}`}function u(a){return null==a||Number.isNaN(Number(a))?"-":`${Number(a).toLocaleString("vi-VN",{maximumFractionDigits:0})}/100`}function v(a){if(!a)return null;let b=String(a).trim();return new Date(/^\d{4}-\d{2}-\d{2} \d{2}:\d{2}:\d{2}(?:\.\d+)?$/.test(b)?`${b.replace(" ","T")}Z`:b)}function w(a){if(!a)return"-";try{let b=v(a);if(!b||Number.isNaN(b.getTime()))return String(a);return b.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(a)}}function x(a){if(!a)return"";try{let b=v(a);if(!b||Number.isNaN(b.getTime()))return String(a);return b.toLocaleString("vi-VN",{month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",hour12:!1})}catch{return String(a)}}function y(){let{isAdmin:a,isMonitorAdmin:b,isAiGatewaysMonitor:c}=(0,g.s)();return a||b||c}function z(...a){return a.filter(Boolean).join(" ")}function A(){try{return Intl.DateTimeFormat().resolvedOptions().timeZone||"UTC"}catch{return"UTC"}}function B(a,b={}){let c=new URLSearchParams;return Object.entries({...a,...b}).forEach(([a,b])=>{let d=String(b??"").trim();d&&c.set(a,d)}),c.toString()}function C({children:a,className:b=""}){return(0,d.jsx)("div",{className:z("min-w-0 rounded-2xl border border-border bg-surface p-5 shadow-sm",b),children:a})}function D({icon:a,label:b,value:c,hint:e,help:f,tone:g="blue"}){return(0,d.jsx)(C,{className:"min-h-[126px]",children:(0,d.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"text-sm font-medium text-text-muted",children:b}),(0,d.jsx)("div",{className:"mt-2 text-2xl font-semibold text-text-main",children:c}),e?(0,d.jsx)("div",{className:"mt-2 text-xs text-text-muted",children:e}):null,f?(0,d.jsx)("div",{className:"mt-1 text-[11px] leading-4 text-text-muted/70",children:f}):null]}),(0,d.jsx)("div",{className:z("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"}[g]||"bg-blue-500/10 text-blue-600 dark:text-blue-300"),children:(0,d.jsx)("span",{className:"material-symbols-outlined text-[22px]",children:a})})]})})}function E({label:a,children:b}){return(0,d.jsxs)("label",{className:"space-y-1.5 text-xs font-medium text-text-muted",children:[(0,d.jsx)("span",{children:a}),b]})}function F({value:a,onChange:b,children:c}){return(0,d.jsx)("select",{value:a||"",onChange:a=>b(a.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:c})}function G({value:a,onChange:b,placeholder:c="",type:e="text"}){return(0,d.jsx)("input",{value:a||"",type:e,onChange:a=>b(a.target.value),placeholder:c,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 H(){return(0,d.jsxs)("div",{className:"space-y-4",children:[(0,d.jsx)("div",{className:"grid gap-4 md:grid-cols-2 xl:grid-cols-4",children:Array.from({length:8}).map((a,b)=>(0,d.jsx)("div",{className:"h-32 animate-pulse rounded-2xl border border-border bg-surface"},b))}),(0,d.jsx)("div",{className:"h-80 animate-pulse rounded-2xl border border-border bg-surface"})]})}function I({title:a="Kh\xf4ng c\xf3 dữ liệu",description:b="Kh\xf4ng t\xecm thấy dữ liệu theo bộ lọc hiện tại."}){return(0,d.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,d.jsx)("span",{className:"material-symbols-outlined text-4xl text-text-muted",children:"database_off"}),(0,d.jsx)("div",{className:"mt-3 text-sm font-semibold text-text-main",children:a}),(0,d.jsx)("div",{className:"mt-1 max-w-xl text-sm text-text-muted",children:b})]})}function J({data:a=[],valueKey:b="totalTokens",secondaryKey:c="requests",height:e=220}){let f=a||[],g=Math.max(...f.map(a=>Number(a[b]||0)),1),h=Math.max(...f.map(a=>Number(a[c]||0)),1);return 0===f.length?(0,d.jsx)(I,{description:"Chưa c\xf3 time-series trong khoảng thời gian n\xe0y."}):(0,d.jsx)("div",{className:"overflow-x-auto",children:(0,d.jsxs)("div",{className:"min-w-[720px]",children:[(0,d.jsx)("div",{className:"flex items-end gap-1",style:{height:e},children:f.map((a,f)=>{let i=Math.max(2,Number(a[b]||0)/g*(e-42)),j=Math.max(2,Number(a[c]||0)/h*(e-42));return(0,d.jsx)("div",{className:"group flex flex-1 flex-col items-center justify-end gap-1",children:(0,d.jsxs)("div",{className:"relative flex h-full w-full max-w-[34px] items-end justify-center gap-0.5",children:[(0,d.jsx)("div",{className:"w-2 rounded-t bg-primary/70",style:{height:i}}),(0,d.jsx)("div",{className:"w-2 rounded-t bg-amber-500/70",style:{height:j}}),(0,d.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,d.jsx)("div",{className:"font-semibold text-text-main",children:x(a.label)}),(0,d.jsxs)("div",{className:"mt-1 text-text-muted",children:["Request: ",o(a.requests)]}),(0,d.jsxs)("div",{className:"text-text-muted",children:["Input token: ",o(a.promptTokens)]}),(0,d.jsxs)("div",{className:"text-text-muted",children:["Output token: ",o(a.completionTokens)]}),(0,d.jsxs)("div",{className:"text-text-muted",children:["Tổng token: ",o(a.totalTokens)]}),(0,d.jsxs)("div",{className:"text-text-muted",children:["Lỗi: ",o(a.errors)]})]})]})},`${a.label}-${f}`)})}),(0,d.jsxs)("div",{className:"mt-3 flex justify-between gap-2 text-[11px] text-text-muted",children:[(0,d.jsx)("span",{children:x(f[0]?.label)}),(0,d.jsx)("span",{children:x(f[Math.floor(f.length/2)]?.label)}),(0,d.jsx)("span",{children:x(f[f.length-1]?.label)})]})]})})}function K(){return(0,d.jsxs)("div",{className:"flex flex-wrap gap-3 text-xs text-text-muted",children:[(0,d.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,d.jsx)("span",{className:"h-2.5 w-2.5 rounded-sm bg-primary/70"}),"Token"]}),(0,d.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,d.jsx)("span",{className:"h-2.5 w-2.5 rounded-sm bg-amber-500/70"}),"Request"]})]})}function L({columns:a,rows:b,empty:c="Kh\xf4ng c\xf3 dữ liệu"}){return b&&0!==b.length?(0,d.jsx)("div",{className:"overflow-x-auto overflow-y-auto rounded-2xl border border-border",style:{maxHeight:"500px"},children:(0,d.jsxs)("table",{className:"min-w-full divide-y divide-border text-sm",children:[(0,d.jsx)("thead",{className:"bg-background/70",children:(0,d.jsx)("tr",{children:a.map(a=>(0,d.jsx)("th",{className:z("whitespace-nowrap px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-text-muted",a.className),children:a.label},a.key))})}),(0,d.jsx)("tbody",{className:"divide-y divide-border bg-surface",children:b.map((b,c)=>(0,d.jsx)("tr",{className:"hover:bg-background/60",children:a.map(a=>(0,d.jsx)("td",{className:z("whitespace-nowrap px-4 py-3 align-top text-text-main",a.className),children:a.render?a.render(b,c):b[a.key]??"-"},a.key))},b.key||b.id||`${b.label}-${c}`))})]})}):(0,d.jsx)(I,{title:c})}function M({items:a=[]}){return a&&0!==a.length?(0,d.jsx)("div",{className:"flex max-w-[360px] flex-wrap gap-1.5",children:a.slice(0,3).map(a=>(0,d.jsxs)("span",{className:"rounded-full bg-primary/10 px-2 py-0.5 text-xs text-primary",children:[a.label||a.key," \xb7 ",o(a.count??a.requests??a.totalTokens??0)]},a.key))}):(0,d.jsx)("span",{className:"text-text-muted",children:"-"})}function N({row:a}){return(0,d.jsxs)("div",{className:"space-y-1 text-xs",children:[(0,d.jsxs)("div",{className:"font-semibold text-text-main",children:[p(a.totalTokens)," token"]}),(0,d.jsxs)("div",{className:"text-text-muted",children:["In ",p(a.promptTokens)," / Out ",p(a.completionTokens)]})]})}function O({leaderboard:a={}}){let b=y(),c=a.rows||[],e=a.status||"warming",f="ready"===e?`${a.periodLabel||"H\xf4m nay"} \xb7 cập nhật ${w(a.generatedAt)} \xb7 refresh nền mỗi ${Math.round((a.refreshEveryMs||9e5)/6e4)} ph\xfat`:"error"===e?"Leaderboard đang chờ job nền tổng hợp lại dữ liệu.":"Leaderboard đang được job nền khởi tạo.";return(0,d.jsxs)(C,{className:"border-amber-500/20 bg-amber-500/[0.03]",children:[(0,d.jsxs)("div",{className:"mb-4 flex flex-wrap items-start justify-between gap-3",children:[(0,d.jsxs)("div",{children:[(0,d.jsxs)("div",{className:"flex items-center gap-2",children:[(0,d.jsx)("span",{className:"material-symbols-outlined text-2xl text-amber-500",children:"crown"}),(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Top 5 vinh danh token"})]}),(0,d.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Xếp hạng theo API key owner d\xf9ng nhiều input + output token nhất."})]}),(0,d.jsx)("span",{className:"rounded-full bg-amber-500/10 px-3 py-1 text-xs font-semibold text-amber-700 dark:text-amber-300",children:f})]}),(0,d.jsx)(L,{rows:c,empty:"Chưa c\xf3 snapshot leaderboard từ job nền.",columns:[{key:"rank",label:"Hạng",render:a=>(0,d.jsxs)("div",{className:"flex min-w-[170px] items-center gap-3",children:[(0,d.jsx)("div",{className:z("flex h-10 w-10 shrink-0 items-center justify-center rounded-xl",1===a.rank?"bg-amber-500/15 text-amber-600":"bg-primary/10 text-primary"),children:(0,d.jsx)("span",{className:"material-symbols-outlined text-[22px]",children:"crown"})}),(0,d.jsxs)("div",{children:[(0,d.jsxs)("div",{className:"font-semibold text-text-main",children:["#",a.rank," \xb7 ",a.title]}),(0,d.jsxs)("div",{className:"text-xs text-text-muted",children:[q(a.tokenShare||0)," tổng token"]})]})]})},{key:"owner",label:"Owner",render:a=>(0,d.jsxs)("div",{className:"min-w-[210px]",children:[(0,d.jsx)("div",{className:"font-semibold text-text-main",children:a.ownerUser||a.label}),(0,d.jsxs)("div",{className:"text-xs text-text-muted",children:[a.apiKeyName||"API key",b&&a.apiKeyFingerprint?` \xb7 ${a.apiKeyFingerprint}`:""]})]})},{key:"requests",label:"Req",render:a=>o(a.requests)},{key:"tokens",label:"Token",render:a=>(0,d.jsx)(N,{row:a})},{key:"scope",label:"Phạm vi",render:a=>(0,d.jsxs)("div",{className:"text-xs text-text-muted",children:[(0,d.jsxs)("div",{children:["API key ",o(a.apiKeyCount)," \xb7 IP ",o(a.sourceIpCount)]}),(0,d.jsxs)("div",{children:["Model ",o(a.modelCount)," \xb7 Provider ",o(a.providerCount)]})]})},{key:"lastSeen",label:"Last seen",render:a=>w(a.lastSeen)}]})]})}function P({value:a}){let b=Number(a||0);return(0,d.jsx)("span",{className:z("rounded-full px-2 py-1 text-xs font-semibold",b>=.2?"bg-red-500/10 text-red-600 dark:text-red-300":b>=.05?"bg-amber-500/10 text-amber-600 dark:text-amber-300":"bg-green-500/10 text-green-600 dark:text-green-300"),children:q(b)})}function Q({level:a,label:b}){let c=String(a||"none");return(0,d.jsx)("span",{className:z("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"}[c]||"bg-slate-500/10 text-slate-700 dark:text-slate-300"),children:b||"-"})}function R({level:a,label:b}){let c=String(a||"normal");return(0,d.jsx)("span",{className:z("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"}[c]||"bg-slate-500/10 text-slate-700 dark:text-slate-300"),children:b||"-"})}function S({value:a}){let b=String(a||"unknown"),c={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"}}[b]||{label:b,cls:"bg-zinc-500/10 text-zinc-700 dark:text-zinc-300"};return(0,d.jsx)("span",{className:z("rounded-full px-2 py-1 text-xs font-semibold",c.cls),children:c.label})}function T({row:a}){let b=a.sampleMessage||a.errorMessageShort||"";return b?(0,d.jsx)("span",{className:"block max-w-[360px] truncate text-xs text-text-muted",title:b,children:b}):(0,d.jsx)("span",{className:"text-text-muted",children:"-"})}function U({icon:a,label:b,value:c,hint:e,tone:f="slate"}){return(0,d.jsx)("div",{className:z("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"}[f]||"border-border bg-surface text-text-main"),children:(0,d.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"text-xs font-semibold uppercase tracking-wide opacity-75",children:b}),(0,d.jsx)("div",{className:"mt-2 text-2xl font-bold",children:o(c)}),e?(0,d.jsx)("div",{className:"mt-1 text-xs opacity-80",children:e}):null]}),(0,d.jsx)("span",{className:"material-symbols-outlined text-[24px] opacity-80",children:a})]})})}function V({anomaly:a}){let b="danger"===a.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",c="danger"===a.level?"error":"warning";return(0,d.jsx)("div",{className:z("rounded-2xl border p-4",b),children:(0,d.jsxs)("div",{className:"flex gap-3",children:[(0,d.jsx)("span",{className:"material-symbols-outlined text-[22px]",children:c}),(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"font-semibold",children:a.title}),(0,d.jsx)("div",{className:"mt-1 text-sm opacity-90",children:a.detail})]})]})})}function W({notes:a=[]}){return a.length?(0,d.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:a.map((a,b)=>(0,d.jsxs)("div",{className:"flex gap-2",children:[(0,d.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"info"}),(0,d.jsx)("span",{children:a})]},b))}):null}function X(a){let b=a=>String(a).padStart(2,"0");return`${a.getFullYear()}-${b(a.getMonth()+1)}-${b(a.getDate())}T${b(a.getHours())}:${b(a.getMinutes())}`}function Y({filters:a,setFilters:b,options:c,onRefresh:e,onExportCsv:f,loading:g,showProviderFilters:i=!0}){let j=(a,c)=>{let d=null;b(b=>{if("period"===a&&"custom"===c){let a,e;return d={...b,period:c,...((e=new Date(a=new Date)).setHours(8,0,0,0),{dateFrom:X(e),dateTo:X(a)})}}return{...b,[a]:c}}),d&&e?.(d)};return(0,d.jsxs)(C,{children:[(0,d.jsxs)("div",{className:"grid gap-3 md:grid-cols-2 xl:grid-cols-6",children:[(0,d.jsx)(E,{label:"Khoảng thời gian",children:(0,d.jsx)(F,{value:a.period,onChange:a=>j("period",a),children:h.map(a=>(0,d.jsx)("option",{value:a.value,children:a.label},a.value))})}),(0,d.jsx)(E,{label:"Từ ng\xe0y",children:(0,d.jsx)(G,{type:"datetime-local",value:a.dateFrom,onChange:a=>j("dateFrom",a)})}),(0,d.jsx)(E,{label:"Đến ng\xe0y",children:(0,d.jsx)(G,{type:"datetime-local",value:a.dateTo,onChange:a=>j("dateTo",a)})}),i?(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(E,{label:"Provider",children:(0,d.jsxs)(F,{value:a.provider,onChange:a=>j("provider",a),children:[(0,d.jsx)("option",{value:"",children:"Tất cả provider"}),(c.providers||[]).map(a=>{let b="string"==typeof a?a:a.value,c="string"==typeof a?a:a.label||a.value;return(0,d.jsx)("option",{value:b,children:c},b)})]})}),(0,d.jsx)(E,{label:"Model",children:(0,d.jsxs)(F,{value:a.model,onChange:a=>j("model",a),children:[(0,d.jsx)("option",{value:"",children:"Tất cả model"}),(c.models||[]).map(a=>(0,d.jsx)("option",{value:a,children:a},a))]})}),(0,d.jsx)(E,{label:"Provider account",children:(0,d.jsxs)(F,{value:a.connectionId,onChange:a=>j("connectionId",a),children:[(0,d.jsx)("option",{value:"",children:"Tất cả account"}),(c.connections||[]).map(a=>(0,d.jsx)("option",{value:a.value,children:a.label},a.value))]})})]}):null,(0,d.jsx)(E,{label:"API key",children:(0,d.jsxs)(F,{value:a.apiKey,onChange:a=>j("apiKey",a),children:[(0,d.jsx)("option",{value:"",children:"Tất cả API key"}),(c.apiKeys||[]).map(a=>(0,d.jsx)("option",{value:a.value,children:a.label},a.value))]})}),(0,d.jsx)(E,{label:"Source IP",children:(0,d.jsx)(G,{value:a.clientIp,onChange:a=>j("clientIp",a),placeholder:"172.16.253.1"})}),(0,d.jsx)(E,{label:"Source tool",children:(0,d.jsx)(G,{value:a.sourceTool,onChange:a=>j("sourceTool",a),placeholder:"copilot, antigravity..."})}),(0,d.jsx)(E,{label:"Endpoint",children:(0,d.jsxs)(F,{value:a.endpoint,onChange:a=>j("endpoint",a),children:[(0,d.jsx)("option",{value:"",children:"Tất cả endpoint"}),(c.endpoints||[]).map(a=>(0,d.jsx)("option",{value:a,children:a},a))]})}),(0,d.jsx)(E,{label:"Status",children:(0,d.jsxs)(F,{value:a.status,onChange:a=>j("status",a),children:[(0,d.jsx)("option",{value:"",children:"Tất cả status"}),(c.statuses||[]).map(a=>(0,d.jsx)("option",{value:a,children:a},a))]})}),(0,d.jsx)(E,{label:"Session / keyword",children:(0,d.jsx)(G,{value:a.sessionId||a.keyword,onChange:a=>j("keyword",a),placeholder:"session, prompt, error..."})})]}),(0,d.jsxs)("div",{className:"mt-4 flex flex-wrap items-center justify-between gap-3",children:[(0,d.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,d.jsxs)("div",{className:"flex flex-wrap gap-2",children:[(0,d.jsx)("button",{onClick:()=>b({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,d.jsxs)("button",{onClick:f,className:"rounded-xl border border-border px-3 py-2 text-sm font-medium text-text-main hover:bg-background",children:[(0,d.jsx)("span",{className:"material-symbols-outlined mr-1 align-[-4px] text-[18px]",children:"download"}),"Export CSV"]}),(0,d.jsxs)("button",{onClick:()=>e?.(),disabled:g,className:"rounded-xl bg-primary px-4 py-2 text-sm font-semibold text-white shadow-sm disabled:opacity-60",children:[(0,d.jsx)("span",{className:"material-symbols-outlined mr-1 align-[-4px] text-[18px]",children:"refresh"}),g?"Đang tải...":"Refresh"]})]})]})]})}function Z({data:a}){let b=y(),c=a.overview||{},e=a.latency||{},f=a.experience||{};return(0,d.jsxs)("div",{className:"space-y-5",children:[(0,d.jsx)(O,{leaderboard:a.tokenLeaderboard}),(0,d.jsxs)("div",{className:"grid gap-4 md:grid-cols-2 xl:grid-cols-4",children:[(0,d.jsx)(D,{icon:"call_made",label:"Tổng request",value:o(c.requests),hint:`${o(c.requestsPerMinute,2)} request/ph\xfat`,help:"Số request khớp bộ lọc hiện tại."}),(0,d.jsx)(D,{icon:"check_circle",label:"Th\xe0nh c\xf4ng",value:o(c.success),hint:`Tỷ lệ lỗi ${q(c.errorRate)}`,help:"Request trả về th\xe0nh c\xf4ng v\xe0 c\xf3 trạng th\xe1i OK.",tone:"green"}),(0,d.jsx)(D,{icon:"dns",label:"Lỗi server/provider",value:o(c.serverErrorEvents),hint:`Server-impacting ${q(c.serverErrorRate)} \xb7 client ${o(c.clientErrorEvents)}`,help:"Lỗi từ gateway, provider hoặc model server; t\xe1ch ri\xeang lỗi client.",tone:c.serverErrorEvents?"red":"green"}),(0,d.jsx)(D,{icon:"speed",label:"Trải nghiệm",value:u(f.score),hint:`${f.label||"-"} \xb7 ${o(f.samples)} mẫu`,help:"Điểm tổng hợp từ latency, TTFT, lỗi v\xe0 tốc độ phản hồi.",tone:f.tone||"purple"}),(0,d.jsx)(D,{icon:"timer",label:"Latency P95",value:s(f.p95LatencyMs||e.p95Ms),hint:`AVG ${s(f.avgLatencyMs||e.avgMs)} \xb7 P50 ${s(f.p50LatencyMs||e.p50Ms)}`,help:"95% request ho\xe0n tất nhanh hơn gi\xe1 trị n\xe0y.",tone:"purple"}),(0,d.jsx)(D,{icon:"bolt",label:"TTFT P95",value:s(f.p95TtftMs),hint:"Thời gian chờ token đầu ti\xean",help:"95% request nhận token đầu ti\xean nhanh hơn gi\xe1 trị n\xe0y.",tone:f.slowTtftRate>=.2?"amber":"blue"}),(0,d.jsx)(D,{icon:"input",label:"Input P95",value:p(f.p95PromptTokens||0),hint:`Avg ${p(f.avgPromptTokens||c.avgPromptTokens)} \xb7 >=30k ${q(f.longInputRate)}`,help:"95% request c\xf3 k\xedch thước input nhỏ hơn gi\xe1 trị n\xe0y."}),(0,d.jsx)(D,{icon:"psychology_alt",label:"Auto-off thinking",value:q(a.thinkingAnalytics?.autoOffRate),hint:`${o(a.thinkingAnalytics?.autoOffRequests||0)} request bị tắt theo policy`,help:"Tỷ lệ request bị tắt thinking do vượt ngưỡng hoặc policy.",tone:(a.thinkingAnalytics?.autoOffRate||0)>=.3?"amber":"slate"}),(0,d.jsx)(D,{icon:"data_object",label:"Large context >=50k",value:q(a.largeContextAnalytics?.gte50kRate),hint:`>=100k ${q(a.largeContextAnalytics?.gte100kRate)}`,help:"Tỷ lệ request c\xf3 context rất lớn, dễ l\xe0m tăng TTFT/latency.",tone:(a.largeContextAnalytics?.gte50kRate||0)>=.3?"amber":"slate"}),(0,d.jsx)(D,{icon:"person_alert",label:"Top user nặng",value:c.topHeavyUser||"-",hint:`Chiếm ${q(c.topHeavyUserTokenShare)} tổng token`,help:"User/API key ti\xeau thụ nhiều token nhất trong bộ lọc.",tone:c.topHeavyUserTokenShare>=.35?"amber":"slate"}),(0,d.jsx)(D,{icon:"running_with_errors",label:"Request chậm",value:q(f.slowRequestRate),hint:`>= ${s(f.thresholds?.slowLatencyMs||45e3)} \xb7 max ${s(f.maxLatencyMs)}`,help:"Tỷ lệ request vượt ngưỡng chậm đ\xe3 cấu h\xecnh.",tone:f.slowRequestRate>=.2?"amber":"green"}),(0,d.jsx)(D,{icon:"output",label:"Output tokens",value:p(c.completionTokens),hint:`Avg ${o(c.avgCompletionTokens,1)} / request`,help:"Tổng token model sinh ra."}),(0,d.jsx)(D,{icon:"token",label:"Tổng tokens",value:p(c.totalTokens),hint:`${p(c.tokensPerMinute)} token/ph\xfat`,help:"Tổng input + output token.",tone:"amber"}),(0,d.jsx)(D,{icon:"speed",label:"Output speed",value:t(f.decodeTokensPerSecond," tok/s"),hint:`Latency/10k input ${s(f.latencyMsPer10kInputTokens)}`,help:"Tốc độ sinh token trung b\xecnh sau khi model bắt đầu trả lời.",tone:"slate"}),(0,d.jsx)(D,{icon:"payments",label:"Cost ước t\xednh",value:r(c.cost),hint:"Dựa tr\xean pricing đ\xe3 cấu h\xecnh",help:"Chi ph\xed suy ra từ token usage v\xe0 bảng gi\xe1 hiện tại.",tone:"green"})]}),(0,d.jsxs)("div",{className:"grid min-w-0 gap-5 xl:grid-cols-[2fr_1fr]",children:[(0,d.jsxs)(C,{children:[(0,d.jsxs)("div",{className:"mb-4 flex flex-wrap items-center justify-between gap-3",children:[(0,d.jsxs)("div",{children:[(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Tần suất request & token theo thời gian"}),(0,d.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,d.jsx)(K,{})]}),(0,d.jsx)(J,{data:a.timeSeries||[]})]}),(0,d.jsxs)(C,{children:[(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"T\xf3m tắt active"}),(0,d.jsx)("div",{className:"mt-4 space-y-3",children:[["API key đang d\xf9ng",c.activeApiKeys],["Provider active",c.activeProviders],["Model active",c.activeModels],["Endpoint active",c.activeEndpoints],["Cached tokens",c.cachedTokens],["Reasoning tokens",c.reasoningTokens],["Latency AVG",s(f.avgLatencyMs||e.avgMs)],["Latency P50",s(f.p50LatencyMs||e.p50Ms)],["Latency P99",s(f.p99LatencyMs||e.p99Ms)],["TTFT P95",s(f.p95TtftMs)],["Input P95",p(f.p95PromptTokens||0)],["Long input >=30k",q(f.longInputRate)]].map(([a,b])=>(0,d.jsxs)("div",{className:"flex items-center justify-between rounded-xl bg-background px-3 py-2",children:[(0,d.jsx)("span",{className:"text-sm text-text-muted",children:a}),(0,d.jsx)("span",{className:"font-semibold text-text-main",children:"number"==typeof b?o(b):b})]},a))})]})]}),(0,d.jsxs)("div",{className:"grid gap-5 xl:grid-cols-2",children:[(0,d.jsxs)(C,{children:[(0,d.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Top API key d\xf9ng nhiều token"}),(0,d.jsx)(L,{rows:(a.clientRequests?.topApiKeysByTokens||a.groups?.apiKeys||[]).slice(0,8),columns:[{key:"name",label:"API key",render:a=>(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"font-semibold",children:a.name||a.label}),(0,d.jsxs)("div",{className:"text-xs text-text-muted",children:[b?a.fingerprint||a.apiKeyFingerprint:"",a.ownerUser||a.apiKeyOwner?`${b&&(a.fingerprint||a.apiKeyFingerprint)?" \xb7 ":""}${a.ownerUser||a.apiKeyOwner}`:""]})]})},{key:"requests",label:"Req",render:a=>o(a.requests)},{key:"tokens",label:"Token",render:a=>(0,d.jsx)(N,{row:a})},{key:"input",label:"P95/Max input",render:a=>(0,d.jsxs)("div",{className:"text-xs",children:[(0,d.jsx)("div",{children:p(a.p95PromptTokens||0)}),(0,d.jsxs)("div",{className:"text-text-muted",children:["max ",p(a.maxPromptTokens||0)]})]})}]})]}),(0,d.jsxs)(C,{children:[(0,d.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Top Source IP d\xf9ng nhiều token"}),(0,d.jsx)(L,{rows:(a.clientRequests?.topSourceIpsByTokens||[]).slice(0,8),columns:[{key:"label",label:"Source IP",render:a=>(0,d.jsx)("span",{className:"font-mono text-xs",children:a.label})},{key:"requests",label:"Req",render:a=>o(a.requests)},{key:"tokens",label:"Token",render:a=>(0,d.jsx)(N,{row:a})},{key:"heavy",label:"Nặng",render:a=>(0,d.jsxs)("span",{className:"text-xs text-text-muted",children:[o(a.heavyRequests||0)," req"]})}],empty:"Kh\xf4ng c\xf3 Source IP c\xf3 token trong khoảng lọc."})]})]})]})}function $({data:a}){let b=y(),c=a.clientRequests||{},e=c.summary||{},f=c.topHeavyUsers||[],g=c.topProblemClients||[],h=c.topApiKeysByTokens||[],i=c.topSourceIpsByTokens||[];c.topSourceIpsByHeavyRequests;let j=c.inputBuckets||[],k=a=>(0,d.jsxs)("div",{className:"min-w-[220px]",children:[(0,d.jsx)("div",{className:"font-semibold text-text-main",children:a.label}),(0,d.jsx)("div",{className:"mt-1 text-xs text-text-muted",children:a.ownerUser?`Owner ${a.ownerUser}`:a.apiKeyName||"Kh\xf4ng c\xf3 owner"}),(0,d.jsx)("div",{className:"font-mono text-[11px] text-text-muted",children:b?a.apiKeyFingerprint||a.primaryClientIp||a.key:a.primaryClientIp||""})]}),l=a=>(0,d.jsxs)("div",{className:"space-y-1 text-xs",children:[(0,d.jsxs)("div",{children:["Nặng ",o(a.heavyRequests)," \xb7 ",q(a.heavyRequestRate)]}),(0,d.jsxs)("div",{className:"text-text-muted",children:["P95 input ",p(a.p95PromptTokens)," \xb7 Max ",p(a.maxPromptTokens)]}),(0,d.jsxs)("div",{className:"text-text-muted",children:[">=70k ",o(a.extremeInputRequests)," \xb7 ",q(a.extremeInputRate)]})]});return(0,d.jsxs)("div",{className:"space-y-5",children:[(0,d.jsxs)("div",{className:"grid gap-4 md:grid-cols-2 xl:grid-cols-4",children:[(0,d.jsx)(D,{icon:"person_alert",label:"Top user nặng nhất",value:e.topUserLabel||"-",hint:`${p(e.topUserTokens)} token \xb7 ${q(e.topUserTokenShare)} tổng token`,tone:e.topUserTokenShare>=.35?"amber":"slate"}),(0,d.jsx)(D,{icon:"vpn_key",label:"Top API key nhiều token",value:e.topApiKeyLabel||"-",hint:`${p(e.topApiKeyTokens)} token \xb7 ${q(e.topApiKeyTokenShare)} tổng token`,tone:e.topApiKeyTokenShare>=.35?"amber":"blue"}),(0,d.jsx)(D,{icon:"lan",label:"Top IP nhiều token",value:e.topSourceIpLabel||"-",hint:`${p(e.topSourceIpTokens)} token \xb7 ${q(e.topSourceIpTokenShare)} tổng token`,tone:e.topSourceIpTokenShare>=.35?"amber":"purple"}),(0,d.jsx)(D,{icon:"input",label:"Input d\xe0i >=30k",value:q(e.longInputBucketShare||0),hint:`>=70k ${q(e.extremeInputShare||0)}`,tone:(e.extremeInputShare||0)>=.1?"amber":"green"}),(0,d.jsx)(D,{icon:"groups",label:"User/API key được theo d\xf5i",value:o(e.trackedUsers||0),hint:"Theo owner/API key fingerprint/source IP",tone:"blue"}),(0,d.jsx)(D,{icon:"network_check",label:"Top IP request nặng",value:e.topSourceIpHeavyLabel||"-",hint:`${o(e.topSourceIpHeavyRequests||0)} request >=30k input/total`,tone:e.topSourceIpHeavyRequests?"amber":"slate"}),(0,d.jsx)(D,{icon:"report",label:"Client lỗi nhiều",value:o(e.problemClients||0),hint:"Nh\xf3m user/API key c\xf3 error rows",tone:e.problemClients?"amber":"green"})]}),(0,d.jsxs)(C,{children:[(0,d.jsxs)("div",{className:"mb-4 flex flex-wrap items-start justify-between gap-3",children:[(0,d.jsxs)("div",{children:[(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Top user/API key gửi request nặng nhất"}),(0,d.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,d.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,d.jsx)(L,{rows:f,columns:[{key:"user",label:"User/API key",render:k},{key:"quality",label:"\xc1p lực",render:a=>(0,d.jsx)(R,{level:a.level,label:a.pressureLabel})},{key:"requests",label:"Req",render:a=>o(a.requests)},{key:"tokens",label:"Token",render:a=>(0,d.jsx)(N,{row:a})},{key:"input",label:"Input pressure",render:a=>(0,d.jsxs)("div",{className:"space-y-1 text-xs",children:[(0,d.jsxs)("div",{children:["Avg ",p(a.avgPromptTokens)," \xb7 P95 ",p(a.p95PromptTokens)]}),(0,d.jsxs)("div",{className:"text-text-muted",children:["Max ",p(a.maxPromptTokens)," \xb7 >=30k ",q(a.longInputRate)]}),(0,d.jsxs)("div",{className:"text-text-muted",children:[">=50k ",q(a.hugeInputRate)," \xb7 >=70k ",q(a.extremeInputRate)]})]})},{key:"latency",label:"Latency / TTFT",render:a=>(0,d.jsxs)("div",{className:"space-y-1 text-xs",children:[(0,d.jsxs)("div",{children:["P95 ",s(a.p95LatencyMs)," \xb7 Max ",s(a.maxLatencyMs)]}),(0,d.jsxs)("div",{className:"text-text-muted",children:["TTFT P95 ",s(a.p95TtftMs)," \xb7 Slow ",q(a.slowRequestRate)]})]})},{key:"topModels",label:"Top model",render:a=>(0,d.jsx)(M,{items:a.topModels})},{key:"topIps",label:"IP / Tool",render:a=>(0,d.jsxs)("div",{className:"space-y-1",children:[(0,d.jsx)(M,{items:a.topIps}),(0,d.jsx)(M,{items:a.topTools})]})},{key:"meta",label:"Meta",render:a=>(0,d.jsxs)("div",{className:"space-y-1 text-xs text-text-muted",children:[(0,d.jsxs)("div",{children:["Key ",o(a.apiKeyCount)," \xb7 IP ",o(a.sourceIpCount)," \xb7 Tool ",o(a.sourceToolCount)]}),(0,d.jsxs)("div",{children:["Session ",o(a.sessionCount)," \xb7 Last ",w(a.lastSeen)]})]})}],empty:"Kh\xf4ng c\xf3 request th\xe0nh c\xf4ng c\xf3 token trong khoảng lọc."})]}),(0,d.jsxs)("div",{className:"grid gap-5 xl:grid-cols-2",children:[(0,d.jsxs)(C,{children:[(0,d.jsxs)("div",{className:"mb-4",children:[(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Top API key d\xf9ng nhiều token nhất"}),(0,d.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,d.jsx)(L,{rows:h,columns:[{key:"apiKey",label:"API key",render:a=>(0,d.jsxs)("div",{className:"min-w-[220px]",children:[(0,d.jsx)("div",{className:"font-semibold text-text-main",children:a.label}),(0,d.jsx)("div",{className:"mt-1 text-xs text-text-muted",children:a.apiKeyOwner?`Owner ${a.apiKeyOwner}`:a.apiKeyName||a.primarySourceTool||"-"}),(0,d.jsx)("div",{className:"font-mono text-[11px] text-text-muted",children:b?a.apiKeyFingerprint||a.primaryClientIp||a.key:a.primaryClientIp||""})]})},{key:"requests",label:"Req",render:a=>o(a.requests)},{key:"tokens",label:"Token",render:a=>(0,d.jsx)(N,{row:a})},{key:"input",label:"Input nặng",render:l},{key:"meta",label:"Nguồn",render:a=>(0,d.jsxs)("div",{className:"text-xs text-text-muted",children:[(0,d.jsxs)("div",{children:["IP ",o(a.sourceIpCount)," \xb7 Tool ",o(a.sourceToolCount)]}),(0,d.jsxs)("div",{children:["Model ",o(a.modelCount)," \xb7 Provider ",o(a.providerCount)]})]})},{key:"lastSeen",label:"Last seen",render:a=>w(a.lastSeen)}],empty:"Kh\xf4ng c\xf3 API key c\xf3 token trong khoảng lọc."})]}),(0,d.jsxs)(C,{children:[(0,d.jsxs)("div",{className:"mb-4",children:[(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Top Source IP d\xf9ng nhiều token nhất"}),(0,d.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,d.jsx)(L,{rows:i,columns:[{key:"ip",label:"Source IP",render:a=>(0,d.jsxs)("div",{className:"min-w-[180px]",children:[(0,d.jsx)("div",{className:"font-mono text-sm font-semibold text-text-main",children:a.label}),(0,d.jsxs)("div",{className:"mt-1 text-xs text-text-muted",children:["Tool ",o(a.sourceToolCount)," \xb7 API key ",o(a.apiKeyCount)]}),(0,d.jsxs)("div",{className:"text-xs text-text-muted",children:["Model ",o(a.modelCount)," \xb7 Provider ",o(a.providerCount)]})]})},{key:"requests",label:"Req",render:a=>o(a.requests)},{key:"tokens",label:"Token",render:a=>(0,d.jsx)(N,{row:a})},{key:"input",label:"Input nặng",render:l},{key:"lastSeen",label:"Last seen",render:a=>w(a.lastSeen)}],empty:"Kh\xf4ng c\xf3 Source IP c\xf3 token trong khoảng lọc."})]})]}),(0,d.jsxs)("div",{className:"grid gap-5 xl:grid-cols-2",children:[(0,d.jsxs)(C,{children:[(0,d.jsxs)("div",{className:"mb-4",children:[(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Ph\xe2n bố request theo k\xedch thước input"}),(0,d.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,d.jsx)(L,{rows:j,columns:[{key:"label",label:"Input bucket",render:a=>(0,d.jsx)("span",{className:"font-mono text-xs",children:a.label})},{key:"requests",label:"Req",render:a=>o(a.requests)},{key:"share",label:"Tỷ trọng",render:a=>q(a.share)},{key:"tokens",label:"Token",render:a=>(0,d.jsx)(N,{row:a})},{key:"latency",label:"Latency P95/MAX",render:a=>(0,d.jsxs)("div",{className:"text-xs",children:[(0,d.jsxs)("div",{children:[s(a.p95LatencyMs)," / ",s(a.maxLatencyMs)]}),(0,d.jsxs)("div",{className:"text-text-muted",children:["TTFT P95 ",s(a.p95TtftMs)]})]})}],empty:"Kh\xf4ng c\xf3 dữ liệu bucket input."})]}),(0,d.jsxs)(C,{children:[(0,d.jsxs)("div",{className:"mb-4",children:[(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Client/API key lỗi nhiều"}),(0,d.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,d.jsx)(L,{rows:g,columns:[{key:"user",label:"Client",render:k},{key:"requests",label:"Req",render:a=>o(a.requests)},{key:"errors",label:"Lỗi",render:a=>o(a.errors)},{key:"errorRate",label:"Error %",render:a=>(0,d.jsx)(P,{value:a.errorRate})},{key:"tokens",label:"Token",render:a=>(0,d.jsx)(N,{row:a})},{key:"source",label:"IP/Tool",render:a=>(0,d.jsxs)("div",{className:"text-xs",children:[(0,d.jsx)("div",{className:"font-mono",children:a.primaryClientIp||"-"}),(0,d.jsx)("div",{className:"text-text-muted",children:a.primarySourceTool||"-"})]})},{key:"lastSeen",label:"Last seen",render:a=>w(a.lastSeen)}],empty:"Kh\xf4ng c\xf3 client lỗi theo bộ lọc hiện tại."})]})]}),(0,d.jsxs)(C,{children:[(0,d.jsxs)("div",{className:"mb-4",children:[(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"G\xf3c nh\xecn monitor client n\xean d\xf9ng"}),(0,d.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,d.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(([a,b])=>(0,d.jsxs)("div",{className:"rounded-xl border border-border bg-background p-3",children:[(0,d.jsx)("div",{className:"font-semibold text-text-main",children:a}),(0,d.jsx)("div",{className:"mt-1 text-xs text-text-muted",children:b})]},a))})]})]})}function _({data:a}){let b=y();return(0,d.jsxs)(C,{children:[(0,d.jsxs)("div",{className:"mb-4",children:[(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Thống k\xea theo API key"}),(0,d.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,d.jsx)(L,{rows:a.groups?.apiKeys||[],columns:[{key:"name",label:"API key",render:a=>(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"font-semibold",children:a.name}),(0,d.jsxs)("div",{className:"text-xs text-text-muted",children:[b?a.fingerprint:"",a.ownerUser?`${b&&a.fingerprint?" \xb7 ":""}Owner: ${a.ownerUser}`:""]})]})},{key:"requests",label:"Requests",render:a=>o(a.requests)},{key:"success",label:"OK/Lỗi",render:a=>(0,d.jsxs)("div",{className:"text-xs",children:[(0,d.jsxs)("div",{className:"text-green-600",children:["OK ",o(a.success)]}),(0,d.jsxs)("div",{className:"text-red-600",children:["Lỗi ",o(a.errors)]})]})},{key:"tokens",label:"In/Out token",render:a=>(0,d.jsx)(N,{row:a})},{key:"cost",label:"Cost",render:a=>r(a.cost)},{key:"errorRate",label:"Error %",render:a=>(0,d.jsx)(P,{value:a.errorRate})},{key:"topModels",label:"Top model",render:a=>(0,d.jsx)(M,{items:a.topModels})},{key:"topProviders",label:"Top provider",render:a=>(0,d.jsx)(M,{items:a.topProviders})},{key:"lastSeen",label:"Last seen",render:a=>w(a.lastSeen)}]})]})}function aa({data:a}){let b=a.clientRequests?.topSourceIpsByTokens||[],c=a.clientRequests?.topSourceIpsByHeavyRequests||[],e=a=>(0,d.jsxs)("div",{className:"min-w-[180px]",children:[(0,d.jsx)("div",{className:"font-mono text-sm font-semibold text-text-main",children:a.label}),(0,d.jsxs)("div",{className:"mt-1 text-xs text-text-muted",children:["API key ",o(a.apiKeyCount)," \xb7 Tool ",o(a.sourceToolCount)]}),(0,d.jsxs)("div",{className:"text-xs text-text-muted",children:["Model ",o(a.modelCount)," \xb7 Provider ",o(a.providerCount)]})]});return(0,d.jsxs)("div",{className:"grid gap-5 xl:grid-cols-2",children:[(0,d.jsxs)(C,{children:[(0,d.jsxs)("div",{className:"mb-4",children:[(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Top IP d\xf9ng nhiều token nhất"}),(0,d.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Aggregate từ UsageHistory, xếp theo tổng input + output token."})]}),(0,d.jsx)(L,{rows:b,columns:[{key:"ip",label:"Source IP",render:e},{key:"requests",label:"Req",render:a=>o(a.requests)},{key:"tokens",label:"Token",render:a=>(0,d.jsx)(N,{row:a})},{key:"lastSeen",label:"Last seen",render:a=>w(a.lastSeen)}],empty:"Kh\xf4ng c\xf3 Source IP c\xf3 token trong khoảng lọc."})]}),(0,d.jsxs)(C,{children:[(0,d.jsxs)("div",{className:"mb-4",children:[(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Top IP gửi request nặng nhất"}),(0,d.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,d.jsx)(L,{rows:c,columns:[{key:"ip",label:"Source IP",render:e},{key:"requests",label:"Req",render:a=>o(a.requests)},{key:"heavy",label:"Request nặng",render:a=>(0,d.jsxs)("div",{className:"space-y-1 text-xs",children:[(0,d.jsxs)("div",{children:["Nặng ",o(a.heavyRequests)," \xb7 ",q(a.heavyRequestRate)]}),(0,d.jsxs)("div",{className:"text-text-muted",children:["P95 input ",p(a.p95PromptTokens)," \xb7 Max ",p(a.maxPromptTokens)]}),(0,d.jsxs)("div",{className:"text-text-muted",children:[">=70k ",o(a.extremeInputRequests)," \xb7 ",q(a.extremeInputRate)]})]})},{key:"tokens",label:"Token",render:a=>(0,d.jsx)(N,{row:a})},{key:"lastSeen",label:"Last seen",render:a=>w(a.lastSeen)}],empty:"Kh\xf4ng c\xf3 Source IP gửi request nặng trong khoảng lọc."})]}),(0,d.jsxs)(C,{children:[(0,d.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Source IP từ Prompt Logs"}),(0,d.jsx)(L,{rows:a.promptLogs?.topClientIps||[],columns:[{key:"label",label:"IP",render:a=>(0,d.jsx)("span",{className:"font-mono text-xs",children:a.label})},{key:"requests",label:"Logs",render:a=>o(a.requests)},{key:"errors",label:"Lỗi",render:a=>o(a.errors)},{key:"errorRate",label:"Error %",render:a=>(0,d.jsx)(P,{value:a.errorRate})},{key:"topTools",label:"Tools",render:a=>(0,d.jsx)(M,{items:a.topTools})},{key:"topModels",label:"Models",render:a=>(0,d.jsx)(M,{items:a.topModels})},{key:"lastSeen",label:"Last seen",render:a=>w(a.lastSeen)}]})]}),(0,d.jsxs)(C,{children:[(0,d.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Source tool"}),(0,d.jsx)(L,{rows:a.promptLogs?.topSourceTools||[],columns:[{key:"label",label:"Tool",render:a=>(0,d.jsx)("span",{className:"font-semibold",children:a.label})},{key:"requests",label:"Logs",render:a=>o(a.requests)},{key:"errors",label:"Lỗi",render:a=>o(a.errors)},{key:"errorRate",label:"Error %",render:a=>(0,d.jsx)(P,{value:a.errorRate})},{key:"topIps",label:"Top IP",render:a=>(0,d.jsx)(M,{items:a.topIps})},{key:"topModels",label:"Top model",render:a=>(0,d.jsx)(M,{items:a.topModels})},{key:"lastSeen",label:"Last seen",render:a=>w(a.lastSeen)}]})]}),(0,d.jsxs)(C,{className:"xl:col-span-2",children:[(0,d.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Session nhiều hoạt động"}),(0,d.jsx)(L,{rows:a.promptLogs?.topSessions||[],columns:[{key:"label",label:"Session",render:a=>(0,d.jsx)("span",{className:"font-mono text-xs",children:a.label})},{key:"requests",label:"Logs",render:a=>o(a.requests)},{key:"errors",label:"Lỗi",render:a=>o(a.errors)},{key:"topIps",label:"IP",render:a=>(0,d.jsx)(M,{items:a.topIps})},{key:"topTools",label:"Tool",render:a=>(0,d.jsx)(M,{items:a.topTools})},{key:"topModels",label:"Model",render:a=>(0,d.jsx)(M,{items:a.topModels})},{key:"lastSeen",label:"Last seen",render:a=>w(a.lastSeen)}]})]})]})}function ab({data:a}){return(0,d.jsxs)("div",{className:"space-y-5",children:[(0,d.jsxs)(C,{children:[(0,d.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Provider"}),(0,d.jsx)(L,{rows:a.groups?.providers||[],columns:[{key:"label",label:"Provider",render:a=>(0,d.jsx)("span",{className:"font-semibold",children:a.label})},{key:"requests",label:"Requests",render:a=>o(a.requests)},{key:"tokens",label:"Token",render:a=>(0,d.jsx)(N,{row:a})},{key:"cost",label:"Cost",render:a=>r(a.cost)},{key:"errorRate",label:"Error %",render:a=>(0,d.jsx)(P,{value:a.errorRate})},{key:"topModels",label:"Top model",render:a=>(0,d.jsx)(M,{items:a.topModels})},{key:"lastSeen",label:"Last seen",render:a=>w(a.lastSeen)}]})]}),(0,d.jsxs)("div",{className:"grid gap-5 xl:grid-cols-2",children:[(0,d.jsxs)(C,{children:[(0,d.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Model"}),(0,d.jsx)(L,{rows:a.groups?.models||[],columns:[{key:"label",label:"Model",render:a=>(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"font-semibold",children:a.model}),(0,d.jsx)("div",{className:"text-xs text-text-muted",children:a.providerLabel||a.provider})]})},{key:"requests",label:"Req",render:a=>o(a.requests)},{key:"tokens",label:"Token",render:a=>(0,d.jsx)(N,{row:a})},{key:"errorRate",label:"Lỗi",render:a=>(0,d.jsx)(P,{value:a.errorRate})}]})]}),(0,d.jsxs)(C,{children:[(0,d.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Provider account / connection"}),(0,d.jsx)(L,{rows:a.groups?.providerAccounts||[],columns:[{key:"label",label:"Account",render:a=>(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"font-semibold",children:a.label}),(0,d.jsx)("div",{className:"text-xs text-text-muted",children:a.providerLabel||a.provider||a.connectionId})]})},{key:"requests",label:"Req",render:a=>o(a.requests)},{key:"tokens",label:"Token",render:a=>(0,d.jsx)(N,{row:a})},{key:"errorRate",label:"Lỗi",render:a=>(0,d.jsx)(P,{value:a.errorRate})}]})]})]}),(0,d.jsxs)(C,{children:[(0,d.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Endpoint"}),(0,d.jsx)(L,{rows:a.groups?.endpoints||[],columns:[{key:"label",label:"Endpoint",render:a=>(0,d.jsx)("span",{className:"font-mono text-xs",children:a.label})},{key:"requests",label:"Requests",render:a=>o(a.requests)},{key:"tokens",label:"Token",render:a=>(0,d.jsx)(N,{row:a})},{key:"cost",label:"Cost",render:a=>r(a.cost)},{key:"errorRate",label:"Error %",render:a=>(0,d.jsx)(P,{value:a.errorRate})},{key:"lastSeen",label:"Last seen",render:a=>w(a.lastSeen)}]})]})]})}function ac({data:a}){let b=y(),c=a.experience||{},e=c.thresholds||{},f=a.thinkingAnalytics||{},g=a.largeContextAnalytics||{},h=c.byModel||[],i=c.slowestRequests||[];return(0,d.jsxs)("div",{className:"space-y-5",children:[(0,d.jsxs)("div",{className:"grid gap-4 md:grid-cols-2 xl:grid-cols-4",children:[(0,d.jsx)(D,{icon:"verified",label:"Đ\xe1nh gi\xe1 tổng",value:u(c.score),hint:`${c.label||"-"} \xb7 ${o(c.samples)} mẫu success c\xf3 token`,help:"Điểm chất lượng trải nghiệm tổng hợp từ c\xe1c request th\xe0nh c\xf4ng c\xf3 token.",tone:c.tone||"slate"}),(0,d.jsx)(D,{icon:"timer",label:"Latency AVG / P95",value:`${s(c.avgLatencyMs)} / ${s(c.p95LatencyMs)}`,hint:`P50 ${s(c.p50LatencyMs)} \xb7 P99 ${s(c.p99LatencyMs)}`,help:"AVG l\xe0 trung b\xecnh; P95 thể hiện nh\xf3m 5% request chậm nhất.",tone:"purple"}),(0,d.jsx)(D,{icon:"bolt",label:"TTFT AVG / P95",value:`${s(c.avgTtftMs)} / ${s(c.p95TtftMs)}`,hint:"TTFT cao thường l\xe0 queue/prompt eval/input d\xe0i",help:"Thời gian từ l\xfac gửi request đến token đầu ti\xean.",tone:c.slowTtftRate>=.2?"amber":"blue"}),(0,d.jsx)(D,{icon:"keyboard_double_arrow_up",label:"Input AVG / P95",value:`${p(c.avgPromptTokens)} / ${p(c.p95PromptTokens)}`,hint:`>=30k ${q(c.longInputRate)} \xb7 >=50k ${q(c.hugeInputRate)}`,help:"Input c\xe0ng lớn th\xec prompt eval v\xe0 TTFT thường c\xe0ng cao."}),(0,d.jsx)(D,{icon:"running_with_errors",label:"Slow request",value:q(c.slowRequestRate),hint:`Latency >= ${s(e.slowLatencyMs||45e3)} \xb7 rất chậm ${q(c.verySlowRequestRate)}`,help:"Tỷ lệ request ho\xe0n tất chậm hơn ngưỡng vận h\xe0nh.",tone:c.slowRequestRate>=.2?"amber":"green"}),(0,d.jsx)(D,{icon:"pending_actions",label:"Slow TTFT",value:q(c.slowTtftRate),hint:`TTFT >= ${s(e.slowTtftMs||2e4)}`,help:"Tỷ lệ request chờ token đầu ti\xean qu\xe1 l\xe2u.",tone:c.slowTtftRate>=.2?"amber":"green"}),(0,d.jsx)(D,{icon:"speed",label:"Output tốc độ",value:t(c.decodeTokensPerSecond," tok/s"),hint:`Output/latency ${t(c.outputTokensPerSecond," tok/s")}`,tone:"slate"}),(0,d.jsx)(D,{icon:"data_usage",label:"Latency / 10k input",value:s(c.latencyMsPer10kInputTokens),hint:"Hữu \xedch khi VS Code gửi 30k–70k token",help:"Chuẩn h\xf3a latency theo k\xedch thước input để so s\xe1nh c\xf4ng bằng hơn.",tone:"slate"}),(0,d.jsx)(D,{icon:"psychology_alt",label:"Thinking auto-off",value:q(f.autoOffRate),hint:`${o(f.autoOffRequests||0)} / ${o(f.totalRequests||0)} request`,help:"Request bị tắt thinking tự động do vượt ngưỡng prompt chars.",tone:(f.autoOffRate||0)>=.3?"amber":"green"}),(0,d.jsx)(D,{icon:"toggle_off",label:"Thinking OFF",value:q(f.thinkingOffRate),hint:`ON ${q(f.thinkingOnRate)} \xb7 unknown ${q(f.unknownRate)}`,help:"Tỷ lệ request cuối c\xf9ng chạy ở chế độ kh\xf4ng thinking.",tone:(f.thinkingOffRate||0)>=.5?"blue":"slate"}),(0,d.jsx)(D,{icon:"data_object",label:"Large context",value:q(g.gte50kRate),hint:`>=30k ${q(g.gte30kRate)} \xb7 >=100k ${q(g.gte100kRate)}`,help:"Tỷ lệ request c\xf3 context lớn; thường l\xe0 nguy\xean nh\xe2n l\xe0m P95/P99 tăng.",tone:(g.gte50kRate||0)>=.3?"amber":"slate"})]}),(0,d.jsxs)("div",{className:"grid gap-5 xl:grid-cols-2",children:[(0,d.jsxs)(C,{children:[(0,d.jsxs)("div",{className:"mb-4",children:[(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Thinking Analytics"}),(0,d.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Theo d\xf5i request bật/tắt thinking v\xe0 tỷ lệ auto-off do vượt ngưỡng prompt chars."})]}),(0,d.jsx)("div",{className:"grid gap-3 md:grid-cols-2",children:[["Thinking ON",o(f.thinkingOnRequests||0),q(f.thinkingOnRate)],["Thinking OFF",o(f.thinkingOffRequests||0),q(f.thinkingOffRate)],["Auto-off hit",o(f.autoOffRequests||0),q(f.autoOffRate)],["C\xf3 ngưỡng auto-off",o(f.thresholdConfiguredRequests||0),`hit ${q(f.autoOffEligibleHitRate)}`]].map(([a,b,c])=>(0,d.jsxs)("div",{className:"rounded-2xl bg-background p-4",children:[(0,d.jsx)("div",{className:"text-xs font-semibold uppercase tracking-wide text-text-muted",children:a}),(0,d.jsx)("div",{className:"mt-2 text-xl font-semibold text-text-main",children:b}),(0,d.jsx)("div",{className:"mt-1 text-xs text-text-muted",children:c})]},a))}),(0,d.jsx)("div",{className:"mt-4",children:(0,d.jsx)(L,{rows:f.byModel||[],empty:"Chưa c\xf3 dữ liệu thinking trong khoảng lọc.",columns:[{key:"model",label:"Model",render:a=>(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"font-semibold",children:a.model}),(0,d.jsx)("div",{className:"text-xs text-text-muted",children:a.provider})]})},{key:"requests",label:"Req",render:a=>o(a.requests)},{key:"autoOff",label:"Auto-off",render:a=>(0,d.jsxs)("div",{className:"text-xs",children:[(0,d.jsx)("div",{children:o(a.autoOffRequests)}),(0,d.jsx)("div",{className:"text-text-muted",children:q(a.autoOffRate)})]})},{key:"thinking",label:"ON/OFF",render:a=>(0,d.jsxs)("div",{className:"text-xs",children:[(0,d.jsxs)("div",{children:["ON ",o(a.thinkingOnRequests)]}),(0,d.jsxs)("div",{className:"text-text-muted",children:["OFF ",o(a.thinkingOffRequests)]})]})},{key:"chars",label:"Chars avg/max",render:a=>(0,d.jsxs)("div",{className:"text-xs",children:[(0,d.jsx)("div",{children:p(a.avgPromptChars)}),(0,d.jsxs)("div",{className:"text-text-muted",children:["max ",p(a.maxPromptChars)]})]})}]})})]}),(0,d.jsxs)(C,{children:[(0,d.jsxs)("div",{className:"mb-4",children:[(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Large Context Analytics"}),(0,d.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Bucket theo request size, ưu ti\xean prompt chars; nếu chưa c\xf3 chars th\xec fallback prompt tokens."})]}),(0,d.jsx)("div",{className:"grid gap-3 md:grid-cols-3",children:[[">=30k",g.gte30kRequests,g.gte30kRate],[">=50k",g.gte50kRequests,g.gte50kRate],[">=100k",g.gte100kRequests,g.gte100kRate]].map(([a,b,c])=>(0,d.jsxs)("div",{className:"rounded-2xl bg-background p-4",children:[(0,d.jsx)("div",{className:"text-xs font-semibold uppercase tracking-wide text-text-muted",children:a}),(0,d.jsx)("div",{className:"mt-2 text-xl font-semibold text-text-main",children:o(b||0)}),(0,d.jsx)("div",{className:"mt-1 text-xs text-text-muted",children:q(c)})]},a))}),(0,d.jsx)("div",{className:"mt-4",children:(0,d.jsx)(L,{rows:g.buckets||[],empty:"Chưa c\xf3 large context buckets trong khoảng lọc.",columns:[{key:"label",label:"Bucket",render:a=>(0,d.jsx)("span",{className:"font-semibold",children:a.label})},{key:"requests",label:"Req",render:a=>(0,d.jsxs)("div",{className:"text-xs",children:[(0,d.jsx)("div",{children:o(a.requests)}),(0,d.jsx)("div",{className:"text-text-muted",children:q(a.share)})]})},{key:"chars",label:"Size avg/max",render:a=>(0,d.jsxs)("div",{className:"text-xs",children:[(0,d.jsx)("div",{children:p(a.avgRequestSize)}),(0,d.jsxs)("div",{className:"text-text-muted",children:["max ",p(a.maxRequestSize)]})]})},{key:"latency",label:"Latency/TTFT",render:a=>(0,d.jsxs)("div",{className:"text-xs",children:[(0,d.jsx)("div",{children:s(a.avgLatencyMs)}),(0,d.jsxs)("div",{className:"text-text-muted",children:["TTFT ",s(a.avgTtftMs)]})]})},{key:"autoOff",label:"Auto-off",render:a=>(0,d.jsxs)("div",{className:"text-xs",children:[(0,d.jsx)("div",{children:o(a.autoOffRequests)}),(0,d.jsx)("div",{className:"text-text-muted",children:q(a.autoOffRate)})]})}]})})]})]}),(0,d.jsxs)(C,{children:[(0,d.jsxs)("div",{className:"mb-4",children:[(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"C\xe1ch đọc trải nghiệm user"}),(0,d.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,d.jsxs)("div",{className:"grid gap-3 md:grid-cols-3",children:[(0,d.jsxs)("div",{className:"rounded-2xl bg-background p-4",children:[(0,d.jsx)("div",{className:"text-xs font-semibold uppercase tracking-wide text-text-muted",children:"Nhanh/chậm thực tế"}),(0,d.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,d.jsxs)("div",{className:"rounded-2xl bg-background p-4",children:[(0,d.jsx)("div",{className:"text-xs font-semibold uppercase tracking-wide text-text-muted",children:"Queue hoặc prompt eval"}),(0,d.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,d.jsxs)("div",{className:"rounded-2xl bg-background p-4",children:[(0,d.jsx)("div",{className:"text-xs font-semibold uppercase tracking-wide text-text-muted",children:"VS Code / agent"}),(0,d.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,d.jsxs)(C,{children:[(0,d.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,d.jsx)(L,{rows:h,empty:"Chưa c\xf3 mẫu latency cho model trong khoảng lọc.",columns:[{key:"model",label:"Model",render:a=>(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"font-semibold",children:a.model}),(0,d.jsx)("div",{className:"text-xs text-text-muted",children:a.providerLabel||a.provider})]})},{key:"quality",label:"Đ\xe1nh gi\xe1",render:a=>(0,d.jsxs)("div",{className:"space-y-1",children:[(0,d.jsx)(Q,{level:a.level,label:a.labelQuality}),(0,d.jsx)("div",{className:"text-xs text-text-muted",children:u(a.score)})]})},{key:"samples",label:"Mẫu",render:a=>o(a.samples)},{key:"latency",label:"Latency P50/P95/MAX",render:a=>(0,d.jsxs)("div",{className:"text-xs",children:[(0,d.jsxs)("div",{children:[s(a.p50LatencyMs)," / ",s(a.p95LatencyMs)]}),(0,d.jsxs)("div",{className:"text-text-muted",children:["max ",s(a.maxLatencyMs)]})]})},{key:"ttft",label:"TTFT P95",render:a=>s(a.p95TtftMs)},{key:"input",label:"Input avg/P95",render:a=>(0,d.jsxs)("div",{className:"text-xs",children:[(0,d.jsxs)("div",{children:[p(a.avgPromptTokens)," / ",p(a.p95PromptTokens)]}),(0,d.jsxs)("div",{className:"text-text-muted",children:[">=30k ",q(a.longInputRate)]})]})},{key:"slow",label:"Chậm",render:a=>(0,d.jsx)(P,{value:a.slowRequestRate})},{key:"speed",label:"Output tok/s",render:a=>t(a.outputTokensPerSecond," tok/s")}]})]}),(0,d.jsxs)(C,{children:[(0,d.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Request chậm nhất"}),(0,d.jsx)(L,{rows:i,empty:"Kh\xf4ng c\xf3 request chậm trong khoảng lọc.",columns:[{key:"timestamp",label:"Time",render:a=>w(a.timestamp)},{key:"model",label:"Model",render:a=>(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"font-semibold",children:a.model}),(0,d.jsx)("div",{className:"text-xs text-text-muted",children:a.providerLabel||a.provider})]})},{key:"latency",label:"Latency / TTFT",render:a=>(0,d.jsxs)("div",{className:"text-xs",children:[(0,d.jsx)("div",{className:"font-semibold",children:s(a.latencyMs)}),(0,d.jsxs)("div",{className:"text-text-muted",children:["TTFT ",s(a.ttftMs)]})]})},{key:"tokens",label:"In / Out",render:a=>(0,d.jsx)(N,{row:a})},{key:"apiKeyName",label:"API key",render:a=>(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{children:a.apiKeyName}),b?(0,d.jsx)("div",{className:"font-mono text-xs text-text-muted",children:a.apiKeyFingerprint}):null]})},{key:"sourceTool",label:"Tool/IP",render:a=>(0,d.jsxs)("div",{className:"text-xs",children:[(0,d.jsx)("div",{children:a.sourceTool||"-"}),(0,d.jsx)("div",{className:"font-mono text-text-muted",children:a.clientIp||"-"})]})},{key:"endpoint",label:"Endpoint",render:a=>(0,d.jsx)("span",{className:"font-mono text-xs",children:a.endpoint||"-"})}]})]})]})}function ad({data:a}){let b=y(),c=a.requestErrors||{},e=c.summary||{},f=a.overview||{},g=Number(f.serverErrorRate||0),h=Number(f.clientErrorRate||0),i=Number(f.rateLimitErrorRate||0),j=[{key:"faultOwner",label:"Loại",render:a=>(0,d.jsx)(S,{value:a.faultOwner})},{key:"status",label:"Status",render:a=>(0,d.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:a.status})},{key:"provider",label:"Provider",render:a=>a.providerLabel||a.provider},{key:"model",label:"Model"},{key:"endpoint",label:"Endpoint",render:a=>(0,d.jsx)("span",{className:"font-mono text-xs",children:a.endpoint})},{key:"requests",label:"Lỗi",render:a=>o(a.errors||a.requests)},{key:"errorType",label:"Type",render:a=>(0,d.jsx)("span",{className:"font-mono text-xs",children:a.errorType||a.errorCode||"-"})},{key:"sampleMessage",label:"Sample",render:a=>(0,d.jsx)(T,{row:a})},{key:"lastSeen",label:"Last seen",render:a=>w(a.lastSeen)}];return(0,d.jsxs)("div",{className:"space-y-5",children:[(0,d.jsxs)("div",{className:"grid gap-4 md:grid-cols-2 xl:grid-cols-5",children:[(0,d.jsx)(U,{icon:"dns",label:"Server/provider",value:e.serverImpacting||0,hint:`${q(g)} tr\xean tổng request`,tone:e.serverImpacting?"red":"green"}),(0,d.jsx)(U,{icon:"cloud_off",label:"Upstream",value:e.upstream||0,hint:"Provider/model server, timeout, network, 5xx",tone:e.upstream?"red":"green"}),(0,d.jsx)(U,{icon:"router",label:"Gateway",value:e.gateway||0,hint:"Lỗi nội bộ BlueRouter/gateway",tone:e.gateway?"purple":"green"}),(0,d.jsx)(U,{icon:"integration_instructions",label:"Client/request",value:e.client||0,hint:`${q(h)} do endpoint/model/body/auth`,tone:e.client?"slate":"green"}),(0,d.jsx)(U,{icon:"speed",label:"Rate/quota",value:e.rateLimit||0,hint:`${q(i)} rate-limit/quota`,tone:e.rateLimit?"amber":"green"})]}),(0,d.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,d.jsxs)("div",{className:"flex gap-3",children:[(0,d.jsx)("span",{className:"material-symbols-outlined text-[22px]",children:"rule_settings"}),(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"font-semibold",children:"Ph\xe2n loại lỗi đ\xe3 t\xe1ch client khỏi server/provider"}),(0,d.jsxs)("div",{className:"mt-1 opacity-90",children:["Cảnh b\xe1o vận h\xe0nh n\xean ưu ti\xean nh\xf3m ",(0,d.jsx)("b",{children:"Server/provider"})," gồm gateway, upstream, timeout, network v\xe0 5xx. Nh\xf3m ",(0,d.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."]})]})]})}),a.anomalies?.length?(0,d.jsx)("div",{className:"grid gap-4 xl:grid-cols-2",children:a.anomalies.map((a,b)=>(0,d.jsx)(V,{anomaly:a},b))}):(0,d.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,d.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,d.jsxs)(C,{children:[(0,d.jsxs)("div",{className:"mb-4 flex flex-wrap items-start justify-between gap-3",children:[(0,d.jsxs)("div",{children:[(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Lỗi server/provider cần xử l\xfd"}),(0,d.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,d.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:[o(e.serverImpacting||0)," lỗi"]})]}),(0,d.jsx)(L,{rows:c.topServerErrors||[],columns:j,empty:"Kh\xf4ng c\xf3 lỗi server/provider trong khoảng lọc."})]}),(0,d.jsxs)("div",{className:"grid gap-5 xl:grid-cols-2",children:[(0,d.jsxs)(C,{children:[(0,d.jsxs)("div",{className:"mb-4",children:[(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Lỗi client/request sai"}),(0,d.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,d.jsx)(L,{rows:c.topClientErrors||[],columns:j.filter(a=>!["sampleMessage"].includes(a.key)),empty:"Kh\xf4ng c\xf3 lỗi client/request trong khoảng lọc."})]}),(0,d.jsxs)(C,{children:[(0,d.jsxs)("div",{className:"mb-4",children:[(0,d.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Ph\xe2n bố loại lỗi"}),(0,d.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,d.jsx)(L,{rows:c.byFaultOwner||[],columns:[{key:"faultOwner",label:"Loại",render:a=>(0,d.jsx)(S,{value:a.faultOwner||a.key})},{key:"requests",label:"Số lỗi",render:a=>o(a.requests)},{key:"lastSeen",label:"Last seen",render:a=>w(a.lastSeen)}],empty:"Kh\xf4ng c\xf3 lỗi để ph\xe2n loại."})]})]}),c.topRateLimitErrors?.length?(0,d.jsxs)(C,{children:[(0,d.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Rate limit / quota"}),(0,d.jsx)(L,{rows:c.topRateLimitErrors||[],columns:j})]}):null,(0,d.jsxs)(C,{children:[(0,d.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,d.jsx)(L,{rows:[...a.groups?.errors||[]].sort((a,b)=>new Date(v(b.lastSeen)||0)-new Date(v(a.lastSeen)||0)||Number(b.errors||b.requests||0)-Number(a.errors||a.requests||0)),columns:[{key:"faultOwner",label:"Loại",render:a=>(0,d.jsx)(S,{value:a.faultOwner})},{key:"status",label:"Status",render:a=>(0,d.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:a.status})},{key:"provider",label:"Provider",render:a=>a.providerLabel||a.provider},{key:"model",label:"Model"},{key:"endpoint",label:"Endpoint",render:a=>(0,d.jsx)("span",{className:"font-mono text-xs",children:a.endpoint})},{key:"requests",label:"Lỗi",render:a=>o(a.errors||a.requests)},{key:"apiKey",label:"API key",render:a=>(0,d.jsx)("span",{className:"font-mono text-xs",children:b?a.apiKey:a.apiKeyName||"•••"})},{key:"lastSeen",label:"Last seen",render:a=>w(a.lastSeen)}]})]}),(0,d.jsxs)(C,{children:[(0,d.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Status distribution"}),(0,d.jsx)(L,{rows:a.groups?.statuses||[],columns:[{key:"label",label:"Status"},{key:"requests",label:"Requests",render:a=>o(a.requests)},{key:"tokens",label:"Token",render:a=>(0,d.jsx)(N,{row:a})},{key:"errorRate",label:"Error %",render:a=>(0,d.jsx)(P,{value:a.errorRate})}]})]})]})}function ae({data:a}){let b=y();return(0,d.jsxs)("div",{className:"space-y-5",children:[(0,d.jsxs)(C,{children:[(0,d.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Top request nặng token"}),(0,d.jsx)(L,{rows:a.heavyRequests||[],columns:[{key:"timestamp",label:"Time",render:a=>w(a.timestamp)},{key:"model",label:"Model",render:a=>(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{className:"font-semibold",children:a.model}),(0,d.jsx)("div",{className:"text-xs text-text-muted",children:a.providerLabel||a.provider})]})},{key:"apiKeyName",label:"API key",render:a=>(0,d.jsxs)("div",{children:[(0,d.jsx)("div",{children:a.apiKeyName}),b?(0,d.jsx)("div",{className:"font-mono text-xs text-text-muted",children:a.apiKeyFingerprint}):null]})},{key:"accountName",label:"Account"},{key:"endpoint",label:"Endpoint",render:a=>(0,d.jsx)("span",{className:"font-mono text-xs",children:a.endpoint})},{key:"tokens",label:"Token",render:a=>(0,d.jsx)(N,{row:a})},{key:"status",label:"Status"}]})]}),(0,d.jsxs)(C,{children:[(0,d.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Recent usage"}),(0,d.jsx)(L,{rows:a.recentUsage||[],columns:[{key:"timestamp",label:"Time",render:a=>w(a.timestamp)},{key:"provider",label:"Provider",render:a=>a.providerLabel||a.provider},{key:"model",label:"Model"},{key:"apiKeyName",label:"API key"},{key:"tokens",label:"Token",render:a=>(0,d.jsx)(N,{row:a})},{key:"cost",label:"Cost",render:a=>r(a.cost)},{key:"status",label:"Status"}]})]})]})}function af(){let{isAdmin:a,isMonitorAdmin:b,isAiGatewaysMonitor:c}=(0,g.s)(),f=a||b||c,h=(0,e.useMemo)(()=>a?i:i.filter(a=>"aiHealth"!==a.value),[a]),[j,k]=(0,e.useState)({period:"today",dateFrom:"",dateTo:"",provider:"",model:"",connectionId:"",status:"",endpoint:"",apiKey:"",clientIp:"",sourceTool:"",sessionId:"",keyword:""}),[l,m]=(0,e.useState)(null),[o,p]=(0,e.useState)(!0),[q,r]=(0,e.useState)(""),[s,t]=(0,e.useState)("overview"),[u,v]=(0,e.useState)(null),x=function(a,b=450){let[c,d]=(0,e.useState)(a);return c}(j,450),y=(0,e.useRef)(0),C=(0,e.useCallback)(async({clear:a=!1,filtersOverride:b=null}={})=>{let c=y.current+1;y.current=c,a&&m(null),p(!0),r("");let d=Date.now();try{let a=B(b||x,{timeZone:A()}),e=await fetch(`/api/dashboard/analytics?${a}`,{cache:"no-store"}),f=await e.json().catch(()=>({}));if(c!==y.current)return;if(!e.ok)throw Error(f.error||"Kh\xf4ng tải được dữ liệu analytics");m(f),v({loadedMs:Date.now()-d,cacheState:f.cacheState||"",cacheAgeMs:f.cacheAgeMs||0})}catch(a){if(c!==y.current)return;r(a.message||"Kh\xf4ng tải được dữ liệu analytics")}finally{c===y.current&&p(!1)}},[x]),D=l?.options||{},E=(0,e.useMemo)(()=>l?.generatedAt?w(l.generatedAt):"-",[l]);return(0,d.jsxs)("div",{className:"space-y-5 p-4 md:p-6",children:[(0,d.jsxs)("div",{className:"flex flex-wrap items-start justify-between gap-4",children:[(0,d.jsxs)("div",{children:[(0,d.jsxs)("div",{className:"flex items-center gap-2 text-primary",children:[(0,d.jsx)("span",{className:"material-symbols-outlined",children:"monitoring"}),(0,d.jsx)("span",{className:"text-sm font-semibold uppercase tracking-wide",children:"BlueRouter Analytics"})]}),(0,d.jsx)("h1",{className:"mt-2 text-2xl font-bold text-text-main",children:"Thống k\xea sử dụng Gateway"}),(0,d.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,d.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,d.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"schedule"}),(0,d.jsxs)("div",{children:[(0,d.jsxs)("div",{children:["Generated: ",E]}),u?(0,d.jsxs)("div",{className:"mt-0.5 text-xs",children:["Loaded in ",u.loadedMs>=1e3?`${(u.loadedMs/1e3).toLocaleString("vi-VN",{maximumFractionDigits:1})}s`:`${u.loadedMs}ms`,"hit"===u.cacheState?(0,d.jsxs)("span",{className:"ml-1.5 rounded bg-emerald-500/10 px-1.5 py-0.5 font-medium text-emerald-500",children:["cache hit",u.cacheAgeMs?` \xb7 ${Math.round(u.cacheAgeMs/1e3)}s`:""]}):"joined"===u.cacheState?(0,d.jsx)("span",{className:"ml-1.5 rounded bg-sky-500/10 px-1.5 py-0.5 font-medium text-sky-500",children:"shared compute"}):"fresh"===u.cacheState?(0,d.jsx)("span",{className:"ml-1.5 rounded bg-amber-500/10 px-1.5 py-0.5 font-medium text-amber-500",children:"fresh compute"}):null]}):null]})]})]}),(0,d.jsx)(Y,{filters:j,setFilters:k,options:D,onRefresh:a=>C({filtersOverride:a||j}),onExportCsv:()=>{let a=B(j,{format:"csv",timeZone:A()});window.open(`/api/dashboard/analytics?${a}`,"_blank","noopener,noreferrer")},loading:o,showProviderFilters:f}),q?(0,d.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,d.jsx)("span",{className:"material-symbols-outlined mr-2 align-[-5px]",children:"error"}),q]}):null,l?.qualityNotes?.length?(0,d.jsx)(W,{notes:l.qualityNotes}):null,(0,d.jsx)("div",{className:"flex flex-wrap gap-2 rounded-2xl border border-border bg-surface p-2",children:h.map(a=>(0,d.jsxs)("button",{onClick:()=>t(a.value),className:z("flex items-center gap-2 rounded-xl px-3 py-2 text-sm font-medium transition",s===a.value?"bg-primary text-white shadow-sm":"text-text-muted hover:bg-background hover:text-text-main"),children:[(0,d.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:a.icon}),a.label]},a.value))}),o&&!l?(0,d.jsx)(H,{}):null,!o&&l&&l.overview?.requests===0&&0===(l.promptLogs?.total||0)?(0,d.jsx)(I,{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,l?(0,d.jsxs)(d.Fragment,{children:["overview"===s?(0,d.jsx)(Z,{data:l}):null,"apiKeys"===s?(0,d.jsx)(_,{data:l}):null,"clients"===s?(0,d.jsx)($,{data:l}):null,"sources"===s?(0,d.jsx)(aa,{data:l}):null,"providers"===s?(0,d.jsx)(ab,{data:l}):null,"experience"===s?(0,d.jsx)(ac,{data:l}):null,"errors"===s?(0,d.jsx)(ad,{data:l}):null,"raw"===s?(0,d.jsx)(ae,{data:l}):null]}):null,"aiHealth"===s&&a?(0,d.jsx)(n,{}):null]})}},19121:a=>{"use strict";a.exports=require("next/dist/server/app-render/action-async-storage.external.js")},19616:(a,b,c)=>{"use strict";c.r(b),c.d(b,{default:()=>g,metadata:()=>f});var d=c(5735),e=c(62855);let f={title:"Analytics"};function g(){return(0,d.jsx)(e.default,{})}},19771:a=>{"use strict";a.exports=require("process")},21820:a=>{"use strict";a.exports=require("os")},26713:a=>{"use strict";a.exports=require("next/dist/shared/lib/router/utils/is-bot")},27910:a=>{"use strict";a.exports=require("stream")},28354:a=>{"use strict";a.exports=require("util")},28368:(a,b,c)=>{Promise.resolve().then(c.bind(c,62855))},29294:a=>{"use strict";a.exports=require("next/dist/server/app-render/work-async-storage.external.js")},33873:a=>{"use strict";a.exports=require("path")},34631:a=>{"use strict";a.exports=require("tls")},38096:(a,b,c)=>{Promise.resolve().then(c.bind(c,18521))},41025:a=>{"use strict";a.exports=require("next/dist/server/app-render/dynamic-access-async-storage.external.js")},41204:a=>{"use strict";a.exports=require("string_decoder")},43954:a=>{"use strict";a.exports=require("next/dist/shared/lib/router/utils/interception-routes")},46293:a=>{"use strict";a.exports=require("sql.js")},51455:a=>{"use strict";a.exports=require("node:fs/promises")},53053:a=>{"use strict";a.exports=require("node:diagnostics_channel")},55511:a=>{"use strict";a.exports=require("crypto")},62855:(a,b,c)=>{"use strict";c.d(b,{default:()=>d});let d=(0,c(77943).registerClientReference)(function(){throw Error("Attempted to call the default export of \"D:\\\\bluerouter\\\\src\\\\app\\\\(dashboard)\\\\dashboard\\\\analytics\\\\AnalyticsPageClient.js\" from the server, but it's on the client. It's not possible to invoke a client function from the server, it can only be rendered as a Component or passed to props of a Client Component.")},"D:\\bluerouter\\src\\app\\(dashboard)\\dashboard\\analytics\\AnalyticsPageClient.js","default")},63033:a=>{"use strict";a.exports=require("next/dist/server/app-render/work-unit-async-storage.external.js")},64939:a=>{"use strict";a.exports=import("pg")},66136:a=>{"use strict";a.exports=require("timers")},70722:a=>{"use strict";a.exports=require("next/dist/shared/lib/invariant-error")},73024:a=>{"use strict";a.exports=require("node:fs")},74075:a=>{"use strict";a.exports=require("zlib")},76760:a=>{"use strict";a.exports=require("node:path")},77068:a=>{"use strict";a.exports=require("next/dist/shared/lib/size-limit")},77598:a=>{"use strict";a.exports=require("node:crypto")},79428:a=>{"use strict";a.exports=require("buffer")},79748:a=>{"use strict";a.exports=require("fs/promises")},79868:a=>{"use strict";a.exports=require("node:sqlite")},81787:a=>{"use strict";a.exports=require("bun:sqlite")},86439:a=>{"use strict";a.exports=require("next/dist/shared/lib/no-fallback-error.external")},87550:a=>{"use strict";a.exports=require("better-sqlite3")},91645:a=>{"use strict";a.exports=require("net")},91804:(a,b,c)=>{"use strict";c.r(b),c.d(b,{__next_app__:()=>O,handler:()=>Q,routeModule:()=>P});var d=c(7553),e=c(84006),f=c(67798),g=c(34775),h=c(99373),i=c(73461),j=c(1020),k=c(26349),l=c(54365),m=c(16023),n=c(14965),o=c(63747),p=c(24235),q=c(23938),r=c(261),s=c(66758),t=c(77243),u=c(26713),v=c(37527),w=c(22820),x=c(88216),y=c(47929),z=c(79551),A=c(71797),B=c(89125),C=c(86439),D=c(77068),E=c(27269),F=c(37525),G=c(61287),H=c(81494),I=c(70722),J=c(70753),K=c(43954),L=c(17891),M={};for(let a in G)0>["default","__next_app__","routeModule","handler"].indexOf(a)&&(M[a]=()=>G[a]);c.d(b,M);let N={children:["",{children:["(dashboard)",{children:["dashboard",{children:["analytics",{children:["__PAGE__",{},{page:[()=>Promise.resolve().then(c.bind(c,19616)),"D:\\bluerouter\\src\\app\\(dashboard)\\dashboard\\analytics\\page.js"]}]},{"global-error":[()=>Promise.resolve().then(c.t.bind(c,95547,23)),"next/dist/client/components/builtin/global-error.js"]},[]]},{"global-error":[()=>Promise.resolve().then(c.t.bind(c,95547,23)),"next/dist/client/components/builtin/global-error.js"]},[]]},{layout:[()=>Promise.resolve().then(c.bind(c,30508)),"D:\\bluerouter\\src\\app\\(dashboard)\\layout.js"],"global-error":[()=>Promise.resolve().then(c.t.bind(c,95547,23)),"next/dist/client/components/builtin/global-error.js"],"not-found":[()=>Promise.resolve().then(c.t.bind(c,55091,23)),"next/dist/client/components/builtin/not-found.js"],forbidden:[()=>Promise.resolve().then(c.t.bind(c,45270,23)),"next/dist/client/components/builtin/forbidden.js"],unauthorized:[()=>Promise.resolve().then(c.t.bind(c,28193,23)),"next/dist/client/components/builtin/unauthorized.js"],metadata:{icon:[async a=>(await Promise.resolve().then(c.bind(c,70440))).default(a)],apple:[],openGraph:[],twitter:[],manifest:"/manifest.webmanifest"}},[]]},{layout:[()=>Promise.resolve().then(c.bind(c,32059)),"D:\\bluerouter\\src\\app\\layout.js"],"global-error":[()=>Promise.resolve().then(c.t.bind(c,95547,23)),"next/dist/client/components/builtin/global-error.js"],"not-found":[()=>Promise.resolve().then(c.t.bind(c,55091,23)),"next/dist/client/components/builtin/not-found.js"],forbidden:[()=>Promise.resolve().then(c.t.bind(c,45270,23)),"next/dist/client/components/builtin/forbidden.js"],unauthorized:[()=>Promise.resolve().then(c.t.bind(c,28193,23)),"next/dist/client/components/builtin/unauthorized.js"],metadata:{icon:[async a=>(await Promise.resolve().then(c.bind(c,70440))).default(a)],apple:[],openGraph:[],twitter:[],manifest:"/manifest.webmanifest"}},[]]}.children,O={require:c,loadChunk:()=>Promise.resolve()},P=new d.AppPageRouteModule({definition:{kind:e.RouteKind.APP_PAGE,page:"/(dashboard)/dashboard/analytics/page",pathname:"/dashboard/analytics",bundlePath:"",filename:"",appPaths:[]},userland:{loaderTree:N},distDir:".next-cli-build",relativeProjectDir:""});async function Q(a,b,d){var M,R,S,T,U;d.requestMeta&&(0,h.setRequestMeta)(a,d.requestMeta),P.isDev&&(0,h.addRequestMeta)(a,"devRequestTimingInternalsEnd",process.hrtime.bigint());let V=!!(0,h.getRequestMeta)(a,"minimalMode"),W="/(dashboard)/dashboard/analytics/page";"/index"===W&&(W="/");let X=await P.prepare(a,b,{srcPage:W,multiZoneDraftMode:!1});if(!X)return b.statusCode=400,b.end("Bad Request"),null==d.waitUntil||d.waitUntil.call(d,Promise.resolve()),null;let{buildId:Y,query:Z,params:$,pageIsDynamic:_,buildManifest:aa,nextFontManifest:ab,reactLoadableManifest:ac,serverActionsManifest:ad,clientReferenceManifest:ae,subresourceIntegrityManifest:af,prerenderManifest:ag,isDraftMode:ah,resolvedPathname:ai,revalidateOnlyGenerated:aj,routerServerContext:ak,nextConfig:al,parsedUrl:am,interceptionRoutePatterns:an,deploymentId:ao,clientAssetToken:ap}=X,aq=(0,r.normalizeAppPath)(W),{isOnDemandRevalidate:ar}=X,as=al.experimental.ppr&&!al.cacheComponents&&(0,K.isInterceptionRouteAppPath)(ai)?null:P.match(ai,ag),at=(null==as?void 0:as.route)??null,au=!!ag.routes[ai],av=a.headers["user-agent"]||"",aw=(0,u.getBotType)(av),ax=(0,q.isHtmlBotRequest)(a),ay=(0,h.getRequestMeta)(a,"isPrefetchRSCRequest")??"1"===a.headers[t.NEXT_ROUTER_PREFETCH_HEADER],az=(0,h.getRequestMeta)(a,"isRSCRequest")??(0,n.f)(a.headers[t.RSC_HEADER]),aA=(0,s.getIsPossibleServerAction)(a),aB=(0,m.checkIsAppPPREnabled)(al.experimental.ppr),aC=a.headers[y.NEXT_RESUME_STATE_LENGTH_HEADER];if(!(0,h.getRequestMeta)(a,"postponed")&&V&&aB&&aA&&aC&&"string"==typeof aC){let e=parseInt(aC,10),{maxPostponedStateSize:f,maxPostponedStateSizeBytes:g}=(0,E.getMaxPostponedStateSize)(al.experimental.maxPostponedStateSize);if(!isNaN(e)&&e>0){if(e>g)return b.statusCode=413,b.end((0,E.getPostponedStateExceededErrorMessage)(f)),null==d.waitUntil||d.waitUntil.call(d,Promise.resolve()),null;let i="1 MB",j=(null==(U=al.experimental.serverActions)?void 0:U.bodySizeLimit)??i,k=e+(j!==i?c(95726).parse(j):1048576),l=await (0,E.readBodyWithSizeLimit)(a,k);if(null===l)return b.statusCode=413,b.end("Request body exceeded limit. To configure the body size limit for Server Actions, see: https://nextjs.org/docs/app/api-reference/next-config-js/serverActions#bodysizelimit"),null==d.waitUntil||d.waitUntil.call(d,Promise.resolve()),null;if(l.length>=e){let b=l.subarray(0,e).toString("utf8");(0,h.addRequestMeta)(a,"postponed",b);let c=l.subarray(e);(0,h.addRequestMeta)(a,"actionBody",c)}else throw Object.defineProperty(Error(`invariant: expected ${e} bytes of postponed state but only received ${l.length} bytes`),"__NEXT_ERROR_CODE",{value:"E979",enumerable:!1,configurable:!0})}}if(!(0,h.getRequestMeta)(a,"postponed")&&aB&&"1"===a.headers[y.NEXT_RESUME_HEADER]&&"POST"===a.method){let{maxPostponedStateSize:c,maxPostponedStateSizeBytes:e}=(0,E.getMaxPostponedStateSize)(al.experimental.maxPostponedStateSize),f=await (0,E.readBodyWithSizeLimit)(a,e);if(null===f)return b.statusCode=413,b.end((0,E.getPostponedStateExceededErrorMessage)(c)),null==d.waitUntil||d.waitUntil.call(d,Promise.resolve()),null;let g=f.toString("utf8");(0,h.addRequestMeta)(a,"postponed",g)}let aD=!0===P.isDev||!0===al.experimental.exposeTestingApiInProductionBuild,aE=aD&&("1"===a.headers[t.NEXT_INSTANT_PREFETCH_HEADER]||!(0,n.f)(a.headers[t.RSC_HEADER])&&"string"==typeof a.headers.cookie&&a.headers.cookie.includes(t.NEXT_INSTANT_TEST_COOKIE+"=")),aF=(aB||aE)&&((null==(M=ag.routes[aq]??ag.dynamicRoutes[aq])?void 0:M.renderingMode)==="PARTIALLY_STATIC"||aE&&(aD||(null==ak?void 0:ak.experimentalTestProxy)===!0)),aG=aE&&aF,aH=aG&&!0===P.isDev,aI=!1,aJ=aF?(0,h.getRequestMeta)(a,"postponed"):void 0,aK=null==(R=ag.routes[ai])?void 0:R.prefetchDataRoute,aL=aF&&az&&!ay&&!aK;V&&(aL=aL&&!!aJ);let aM=(0,h.getRequestMeta)(a,"segmentPrefetchRSCRequest"),aN=(!aw||!aF)&&(!av||(0,q.shouldServeStreamingMetadata)(av,al.htmlLimitedBots)),aO=!!((at||au||ag.routes[aq])&&!(aw&&aF)),aP=aF&&!0===al.cacheComponents,aQ=!0===P.isDev||!aO||"string"==typeof aJ||(aP&&(0,h.getRequestMeta)(a,"onCacheEntryV2")?aL&&!V:aL),aR=!!aw&&aF,aS=(null==at?void 0:at.remainingPrerenderableParams)??[],aT=(null==at?void 0:at.fallback)===null&&((null==(S=at.fallbackRootParams)?void 0:S.length)??0)>0,aU=null;if(!ah&&aO&&!aQ&&!aA&&!aJ&&!aL){let a=as?"string"==typeof(null==at?void 0:at.fallback)?at.fallback:as.source:null;if(!0===al.experimental.partialFallbacks&&a&&(null==at?void 0:at.fallbackRouteParams)&&!aT){if(aS.length>0){let b,c=(b=new Map(aS.map(a=>[a.paramName,a])),a.split("/").map(a=>{let c=(0,L.getSegmentParam)(a);if(!c)return a;let d=b.get(c.paramName);if(!d)return a;let e=null==$?void 0:$[d.paramName];if(!e)return a;let f=Array.isArray(e)?e.map(a=>encodeURIComponent(a)).join("/"):encodeURIComponent(e);return a.replace((0,o.buildDynamicSegmentPlaceholder)(d),f)}).join("/")||"/");aU=c!==a?c:null}}else aU=ai}let aV=aU;!aV&&(P.isDev||aO&&_&&(null==at?void 0:at.fallbackRouteParams)&&!aA)&&(aV=ai),P.isDev||ah||!aO||!az||aL||(0,k.d)(a.headers);let aW={...G,tree:N,handler:Q,routeModule:P,__next_app__:O};ad&&ae&&(0,p.setManifestsSingleton)({page:W,clientReferenceManifest:ae,serverActionsManifest:ad});let aX=a.method||"GET",aY=(0,g.getTracer)(),aZ=aY.getActiveScopeSpan(),a$=!!(null==ak?void 0:ak.isWrappedByNextServer),a_=!0===al.experimental.partialFallbacks&&aS.length>0?(null==at||null==(T=at.fallbackRouteParams)?void 0:T.filter(a=>!aS.some(b=>b.paramName===a.paramName)))??[]:[],a0=async()=>((null==ak?void 0:ak.render404)?await ak.render404(a,b,am,!1):b.end("This page could not be found"),null);try{let k,m=P.getVaryHeader(ai,an);b.setHeader("Vary",m);let n=async(c,d)=>{let e=new l.NodeNextRequest(a),f=new l.NodeNextResponse(b);return P.render(e,f,d).finally(()=>{if(!c)return;c.setAttributes({"http.status_code":b.statusCode,"next.rsc":!1});let a=aY.getRootSpanAttributes();if(!a)return;if(a.get("next.span_type")!==i.BaseServerSpan.handleRequest)return void console.warn(`Unexpected root span type '${a.get("next.span_type")}'. Please report this Next.js issue https://github.com/vercel/next.js`);let d=a.get("next.route");if(d){let a=`${aX} ${d}`;c.setAttributes({"next.route":d,"http.route":d,"next.span_name":a}),c.updateName(a),k&&k!==c&&(k.setAttribute("http.route",d),k.updateName(a))}else c.updateName(`${aX} ${W}`)})},p=(0,h.getRequestMeta)(a,"incrementalCache")||await P.getIncrementalCache(a,al,ag,V);null==p||p.resetRequestCache(),globalThis.__incrementalCache=p;let q=async({span:e,postponed:f,fallbackRouteParams:g,forceStaticRender:i})=>{let k={query:Z,params:$,page:aq,sharedContext:{buildId:Y,deploymentId:ao,clientAssetToken:ap},serverComponentsHmrCache:(0,h.getRequestMeta)(a,"serverComponentsHmrCache"),fallbackRouteParams:g,renderOpts:{App:()=>null,Document:()=>null,pageConfig:{},ComponentMod:aW,Component:(0,j.T)(aW),params:$,routeModule:P,page:W,postponed:f,shouldWaitOnAllReady:aR,serveStreamingMetadata:aN,supportsDynamicResponse:"string"==typeof f||aQ,buildManifest:aa,nextFontManifest:ab,reactLoadableManifest:ac,subresourceIntegrityManifest:af,setCacheStatus:null==ak?void 0:ak.setCacheStatus,setIsrStatus:null==ak?void 0:ak.setIsrStatus,setReactDebugChannel:null==ak?void 0:ak.setReactDebugChannel,sendErrorsToBrowser:null==ak?void 0:ak.sendErrorsToBrowser,dir:c(33873).join(process.cwd(),P.relativeProjectDir),isDraftMode:ah,botType:aw,isOnDemandRevalidate:ar,isPossibleServerAction:aA,assetPrefix:al.assetPrefix,nextConfigOutput:al.output,crossOrigin:al.crossOrigin,trailingSlash:al.trailingSlash,images:al.images,previewProps:ag.preview,enableTainting:al.experimental.taint,htmlLimitedBots:al.htmlLimitedBots,reactMaxHeadersLength:al.reactMaxHeadersLength,multiZoneDraftMode:!1,incrementalCache:p,cacheLifeProfiles:al.cacheLife,basePath:al.basePath,serverActions:al.experimental.serverActions,logServerFunctions:"object"==typeof al.logging&&!!al.logging.serverFunctions,...aG||aH||aI?{isBuildTimePrerendering:!0,supportsDynamicResponse:!1,isStaticGeneration:!0,isDebugDynamicAccesses:aH}:{},cacheComponents:!!al.cacheComponents,experimental:{isRoutePPREnabled:aF,expireTime:al.expireTime,staleTimes:al.experimental.staleTimes,dynamicOnHover:!!al.experimental.dynamicOnHover,optimisticRouting:!!al.experimental.optimisticRouting,inlineCss:!!al.experimental.inlineCss,prefetchInlining:al.experimental.prefetchInlining??!1,authInterrupts:!!al.experimental.authInterrupts,cachedNavigations:!!al.experimental.cachedNavigations,clientTraceMetadata:al.experimental.clientTraceMetadata||[],clientParamParsingOrigins:al.experimental.clientParamParsingOrigins,maxPostponedStateSizeBytes:(0,D.parseMaxPostponedStateSize)(al.experimental.maxPostponedStateSize)},waitUntil:d.waitUntil,onClose:a=>{b.on("close",a)},onAfterTaskError:()=>{},onInstrumentationRequestError:(b,c,d,e)=>P.onRequestError(a,b,d,e,ak),err:(0,h.getRequestMeta)(a,"invokeError")}};i&&(k.renderOpts.supportsDynamicResponse=!1);let l=await n(e,k),{metadata:m}=l,{cacheControl:o,headers:q={},fetchTags:r,fetchMetrics:s}=m;if(r&&(q[y.NEXT_CACHE_TAGS_HEADER]=r),a.fetchMetrics=s,aO&&(null==o?void 0:o.revalidate)===0&&!P.isDev&&!aF){let a=m.staticBailoutInfo,b=Object.defineProperty(Error(`Page changed from static to dynamic at runtime ${ai}${(null==a?void 0:a.description)?`, reason: ${a.description}`:""}
+see more here https://nextjs.org/docs/messages/app-static-to-dynamic-error`),"__NEXT_ERROR_CODE",{value:"E132",enumerable:!1,configurable:!0});if(null==a?void 0:a.stack){let c=a.stack;b.stack=b.message+c.substring(c.indexOf("\n"))}throw b}return{value:{kind:v.CachedRouteKind.APP_PAGE,html:l,headers:q,rscData:m.flightData,postponed:m.postponed,status:m.statusCode,segmentData:m.segmentData},cacheControl:o}},r=async({hasResolved:c,previousCacheEntry:g,isRevalidating:i,span:j,forceStaticRender:k=!1})=>{let l=!1===P.isDev,m=c||b.writableEnded;try{var n;let f;if(ar&&aj&&!g&&!V)return(null==ak?void 0:ak.render404)?await ak.render404(a,b):(b.statusCode=404,b.end("This page could not be found")),null;if(at&&(f=(0,w.parseFallbackField)(at.fallback)),!0===al.experimental.partialFallbacks&&(null==at?void 0:at.fallback)===null&&!aT&&aS.length>0&&(f=w.FallbackMode.PRERENDER),f===w.FallbackMode.PRERENDER&&(0,u.isBot)(av)&&(!aF||ax)&&(f=w.FallbackMode.BLOCKING_STATIC_RENDER),(null==g?void 0:g.isStale)===-1&&(ar=!0),ar&&(f!==w.FallbackMode.NOT_FOUND||g)&&(f=w.FallbackMode.BLOCKING_STATIC_RENDER),!V&&f!==w.FallbackMode.BLOCKING_STATIC_RENDER&&aV&&!m&&!ah&&_&&(l||!au)){if((l||at)&&f===w.FallbackMode.NOT_FOUND){if(al.adapterPath)return await a0();throw new C.NoFallbackError}if(aF&&(al.cacheComponents?!aL:!az)){let b=l&&"string"==typeof(null==at?void 0:at.fallback)?at.fallback:aq,f=(l||aG)&&(null==at?void 0:at.fallbackRouteParams)?(0,o.createOpaqueFallbackRouteParams)(at.fallbackRouteParams):aI?(0,o.getFallbackRouteParams)(aq,P):null;aG&&f&&(0,h.addRequestMeta)(a,"fallbackParams",f);let g=await P.handleResponse({cacheKey:b,req:a,nextConfig:al,routeKind:e.RouteKind.APP_PAGE,isFallback:!0,prerenderManifest:ag,isRoutePPREnabled:aF,responseGenerator:async()=>q({span:j,postponed:void 0,fallbackRouteParams:f,forceStaticRender:!0}),waitUntil:d.waitUntil,isMinimalMode:V});if(null===g)return null;if(g)return V||!aF||!(aS.length>0)||!0!==al.experimental.partialFallbacks||!aU||!p||ar||aI||aD||aE||ay||(0,J.scheduleOnNextTick)(async()=>{let b=P.getResponseCache(a);try{await b.revalidate(aU,p,aF,!1,a=>q({span:a.span,postponed:void 0,fallbackRouteParams:a_.length>0?(0,o.createOpaqueFallbackRouteParams)(a_):null,forceStaticRender:!0}),null,c,d.waitUntil)}catch(a){console.error("Error revalidating the page in the background",a)}}),delete g.cacheControl,g}}let s=ar||i||!aJ?void 0:aJ;if(aP&&!V&&p&&(aL||aA)&&!k){let b=await p.get(ai,{kind:v.IncrementalCacheKind.APP_PAGE,isRoutePPREnabled:!0,isFallback:!1});b&&b.value&&b.value.kind===v.CachedRouteKind.APP_PAGE&&(s=b.value.postponed,b&&(-1===b.isStale||!0===b.isStale)&&(0,J.scheduleOnNextTick)(async()=>{let b=P.getResponseCache(a);try{await b.revalidate(ai,p,aF,!1,a=>r({...a,forceStaticRender:!0}),null,c,d.waitUntil)}catch(a){console.error("Error revalidating the page in the background",a)}}))}if((aG||aH)&&void 0!==s)return{cacheControl:{revalidate:1,expire:void 0},value:{kind:v.CachedRouteKind.PAGES,html:x.default.EMPTY,pageData:{},headers:void 0,status:void 0}};let t=!P.isDev&&_&&(null==at?void 0:at.fallbackRouteParams)?(0,o.getPlaceholderFallbackRouteParams)($,at.fallbackRouteParams):null,y=t&&t.length>0?t:null==at?void 0:at.fallbackRouteParams,z=null!=t&&t.length>0,A=null;if(al.cacheComponents&&(null==at?void 0:at.fallbackRouteParams)){let b=(0,h.getRequestMeta)(a,"resolvedRouteParamKeys");b&&b.size>0&&(A=at.fallbackRouteParams.filter(a=>!b.has(a.paramName)))}let B=(l&&(0,h.getRequestMeta)(a,"renderFallbackShell")||z||aG&&!au)&&y?(0,o.createOpaqueFallbackRouteParams)(y):A&&A.length>0&&A.length<((null==at||null==(n=at.fallbackRouteParams)?void 0:n.length)??0)?(0,o.createOpaqueFallbackRouteParams)(A):aI?(0,o.getFallbackRouteParams)(aq,P):null;if((l||aG)&&al.cacheComponents&&!au&&(null==at?void 0:at.fallbackRouteParams)){let b=(0,o.createOpaqueFallbackRouteParams)(y??at.fallbackRouteParams);b&&(0,h.addRequestMeta)(a,"fallbackParams",b)}return q({span:j,postponed:s,fallbackRouteParams:B,forceStaticRender:k})}catch(b){throw(null==g?void 0:g.isStale)&&await P.onRequestError(a,b,{routerKind:"App Router",routePath:W,routeType:"render",revalidateReason:(0,f.c)({isStaticGeneration:aO,isOnDemandRevalidate:ar})},!1,ak),b}},s=async c=>{var f,g,i,j,k,l;let m,n=await P.handleResponse({cacheKey:aU,responseGenerator:a=>r({span:c,...a}),routeKind:e.RouteKind.APP_PAGE,isOnDemandRevalidate:ar,isRoutePPREnabled:aF,req:a,nextConfig:al,prerenderManifest:ag,waitUntil:d.waitUntil,isMinimalMode:V});if(ah&&b.setHeader("Cache-Control","private, no-cache, no-store, max-age=0, must-revalidate"),P.isDev&&b.setHeader("Cache-Control","no-cache, must-revalidate"),!n){if(aU)throw Object.defineProperty(Error("invariant: cache entry required but not generated"),"__NEXT_ERROR_CODE",{value:"E62",enumerable:!1,configurable:!0});return null}if((null==(f=n.value)?void 0:f.kind)!==v.CachedRouteKind.APP_PAGE)throw Object.defineProperty(Error(`Invariant app-page handler received invalid cache entry ${null==(i=n.value)?void 0:i.kind}`),"__NEXT_ERROR_CODE",{value:"E707",enumerable:!1,configurable:!0});let o="string"==typeof n.value.postponed;az&&!aA&&ao&&b.setHeader(y.NEXT_NAV_DEPLOYMENT_ID_HEADER,ao),aO&&!aL&&(!o||ay)&&(V||b.setHeader("x-nextjs-cache",ar?"REVALIDATED":n.isMiss?"MISS":n.isStale?"STALE":"HIT"),b.setHeader(t.NEXT_IS_PRERENDER_HEADER,"1"));let{value:p}=n;if(aJ)m={revalidate:0,expire:void 0};else if(aL)m={revalidate:0,expire:void 0};else if(!P.isDev)if(ah)m={revalidate:0,expire:void 0};else if(aO){if(n.cacheControl)if("number"==typeof n.cacheControl.revalidate){if(n.cacheControl.revalidate<1)throw Object.defineProperty(Error(`Invalid revalidate configuration provided: ${n.cacheControl.revalidate} < 1`),"__NEXT_ERROR_CODE",{value:"E22",enumerable:!1,configurable:!0});m={revalidate:n.cacheControl.revalidate,expire:(null==(j=n.cacheControl)?void 0:j.expire)??al.expireTime}}else m={revalidate:y.CACHE_ONE_YEAR_SECONDS,expire:void 0}}else b.getHeader("Cache-Control")||(m={revalidate:0,expire:void 0});if(n.cacheControl=m,"string"==typeof aM&&(null==p?void 0:p.kind)===v.CachedRouteKind.APP_PAGE&&p.segmentData){b.setHeader(t.NEXT_DID_POSTPONE_HEADER,"2");let c=null==(k=p.headers)?void 0:k[y.NEXT_CACHE_TAGS_HEADER];V&&aO&&c&&"string"==typeof c&&b.setHeader(y.NEXT_CACHE_TAGS_HEADER,c);let d=p.segmentData.get(aM);return void 0!==d?(0,B.sendRenderResult)({req:a,res:b,generateEtags:al.generateEtags,poweredByHeader:al.poweredByHeader,result:x.default.fromStatic(d,t.RSC_CONTENT_TYPE_HEADER),cacheControl:n.cacheControl}):(b.statusCode=204,(0,B.sendRenderResult)({req:a,res:b,generateEtags:al.generateEtags,poweredByHeader:al.poweredByHeader,result:x.default.EMPTY,cacheControl:n.cacheControl}))}let s=aP?(0,h.getRequestMeta)(a,"onCacheEntryV2")??(0,h.getRequestMeta)(a,"onCacheEntry"):(0,h.getRequestMeta)(a,"onCacheEntry");if(s){let b=(0,h.getRequestMeta)(a,"initURL")??a.url,c=b?(null==(l=(0,F.parseUrl)(b))?void 0:l.pathname)??b:void 0;if(await s(n,{url:c}))return null}if(p.headers){let a={...p.headers};for(let[c,d]of(V&&aO||delete a[y.NEXT_CACHE_TAGS_HEADER],Object.entries(a)))if(void 0!==d)if(Array.isArray(d))for(let a of d)b.appendHeader(c,a);else"number"==typeof d&&(d=d.toString()),b.appendHeader(c,d)}let u=null==(g=p.headers)?void 0:g[y.NEXT_CACHE_TAGS_HEADER];if(V&&aO&&u&&"string"==typeof u&&b.setHeader(y.NEXT_CACHE_TAGS_HEADER,u),!p.status||az&&aF||(b.statusCode=p.status),!V&&p.status&&H.RedirectStatusCode[p.status]&&az&&(b.statusCode=200),o&&!aL&&b.setHeader(t.NEXT_DID_POSTPONE_HEADER,"1"),az&&!ah){if(void 0===p.rscData){if(p.html.contentType!==t.RSC_CONTENT_TYPE_HEADER)if(al.cacheComponents)return b.statusCode=404,(0,B.sendRenderResult)({req:a,res:b,generateEtags:al.generateEtags,poweredByHeader:al.poweredByHeader,result:x.default.EMPTY,cacheControl:n.cacheControl});else throw Object.defineProperty(new I.InvariantError(`Expected RSC response, got ${p.html.contentType}`),"__NEXT_ERROR_CODE",{value:"E789",enumerable:!1,configurable:!0});return(0,B.sendRenderResult)({req:a,res:b,generateEtags:al.generateEtags,poweredByHeader:al.poweredByHeader,result:p.html,cacheControl:n.cacheControl})}return(0,B.sendRenderResult)({req:a,res:b,generateEtags:al.generateEtags,poweredByHeader:al.poweredByHeader,result:x.default.fromStatic(p.rscData,t.RSC_CONTENT_TYPE_HEADER),cacheControl:n.cacheControl})}let w=p.html;if(aE&&aG){let c=!0===P.isDev?crypto.randomUUID():null;return w.pipeThrough(await (0,A.createInstantTestScriptInsertionTransformStream)(c)),(0,B.sendRenderResult)({req:a,res:b,generateEtags:al.generateEtags,poweredByHeader:al.poweredByHeader,result:w,cacheControl:{revalidate:0,expire:void 0}})}if(!o||V||az)return(0,B.sendRenderResult)({req:a,res:b,generateEtags:al.generateEtags,poweredByHeader:al.poweredByHeader,result:w,cacheControl:n.cacheControl});if(aG||aH)return w.push(new ReadableStream({start(a){a.enqueue(z.ENCODED_TAGS.CLOSED.BODY_AND_HTML),a.close()}})),(0,B.sendRenderResult)({req:a,res:b,generateEtags:al.generateEtags,poweredByHeader:al.poweredByHeader,result:w,cacheControl:{revalidate:0,expire:void 0}});let C=new TransformStream;return w.push(C.readable),q({span:c,postponed:p.postponed,fallbackRouteParams:null,forceStaticRender:!1}).then(async a=>{var b,c;if(!a)throw Object.defineProperty(Error("Invariant: expected a result to be returned"),"__NEXT_ERROR_CODE",{value:"E463",enumerable:!1,configurable:!0});if((null==(b=a.value)?void 0:b.kind)!==v.CachedRouteKind.APP_PAGE)throw Object.defineProperty(Error(`Invariant: expected a page response, got ${null==(c=a.value)?void 0:c.kind}`),"__NEXT_ERROR_CODE",{value:"E305",enumerable:!1,configurable:!0});await a.value.html.pipeTo(C.writable)}).catch(a=>{C.writable.abort(a).catch(a=>{console.error("couldn't abort transformer",a)})}),(0,B.sendRenderResult)({req:a,res:b,generateEtags:al.generateEtags,poweredByHeader:al.poweredByHeader,result:w,cacheControl:{revalidate:0,expire:void 0}})};if(!a$||!aZ)return k=aY.getActiveScopeSpan(),await aY.withPropagatedContext(a.headers,()=>aY.trace(i.BaseServerSpan.handleRequest,{spanName:`${aX} ${W}`,kind:g.SpanKind.SERVER,attributes:{"http.method":aX,"http.target":a.url}},s),void 0,!a$);await s(aZ)}catch(b){throw b instanceof C.NoFallbackError||await P.onRequestError(a,b,{routerKind:"App Router",routePath:W,routeType:"render",revalidateReason:(0,f.c)({isStaticGeneration:aO,isOnDemandRevalidate:ar})},!1,ak),b}}},94735:a=>{"use strict";a.exports=require("events")}};var b=require("../../../../webpack-runtime.js");b.C(a);var c=b.X(0,[4741,319,1361,1568,402,5681,4404,6064,6328,1340],()=>b(b.s=91804));module.exports=c})();