npm - @jheavenknows/bluerouter - Versions diffs - 1.0.123 → 1.0.125 - Mend

@jheavenknows/bluerouter 1.0.123 → 1.0.125

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

Files changed (873) hide show

package/app/.next-cli-build/static/chunks/app/(dashboard)/dashboard/analytics/page-7fe4d6bafdbceb0a.js ADDED Viewed

@@ -0,0 +1 @@

+ (self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[8978],{39944:(e,t,s)=>{Promise.resolve().then(s.bind(s,70959))},70959:(e,t,s)=>{"use strict";s.d(t,{default:()=>F});var r=s(95155),l=s(12115);let n=[{value:"today",label:"H\xf4m nay"},{value:"24h",label:"24 giờ"},{value:"7d",label:"7 ng\xe0y"},{value:"30d",label:"30 ng\xe0y"},{value:"60d",label:"60 ng\xe0y"},{value:"all",label:"Tất cả"},{value:"custom",label:"T\xf9y chọn"}],a=[{value:"overview",label:"Tổng quan",icon:"dashboard"},{value:"apiKeys",label:"API keys",icon:"vpn_key"},{value:"sources",label:"Source IP / Tool",icon:"hub"},{value:"providers",label:"Provider / Model",icon:"dns"},{value:"errors",label:"Lỗi & bất thường",icon:"warning"},{value:"raw",label:"Raw usage",icon:"table"}];function o(e,t=0){return Number(e||0).toLocaleString("vi-VN",{maximumFractionDigits:t})}function i(e){let t=Number(e||0);return Intl.NumberFormat("vi-VN",{notation:"compact",maximumFractionDigits:1}).format(t)}function d(e){let t=100*Number(e||0);return`${t.toLocaleString("vi-VN",{maximumFractionDigits:1})}%`}function c(e){let t=Number(e||0);return t?`$${t.toLocaleString("vi-VN",{minimumFractionDigits:4,maximumFractionDigits:6})}`:"$0"}function x(e){if(null==e||Number.isNaN(Number(e)))return"-";let t=Number(e);return t>=1e3?`${(t/1e3).toLocaleString("vi-VN",{maximumFractionDigits:2})}s`:`${t.toLocaleString("vi-VN",{maximumFractionDigits:0})}ms`}function m(e){if(!e)return"-";try{let t=new Date(e);if(Number.isNaN(t.getTime()))return String(e);return t.toLocaleString("vi-VN",{day:"2-digit",month:"2-digit",year:"numeric",hour:"2-digit",minute:"2-digit",second:"2-digit",hour12:!1})}catch{return String(e)}}function u(e){if(!e)return"";try{let t=new Date(e);if(Number.isNaN(t.getTime()))return String(e);return t.toLocaleString("vi-VN",{month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",hour12:!1})}catch{return String(e)}}function p(...e){return e.filter(Boolean).join(" ")}function h(e,t={}){let s=new URLSearchParams;return Object.entries({...e,...t}).forEach(([e,t])=>{let r=String(t??"").trim();r&&s.set(e,r)}),s.toString()}function b({children:e,className:t=""}){return(0,r.jsx)("div",{className:p("rounded-2xl border border-border bg-surface p-5 shadow-sm",t),children:e})}function j({icon:e,label:t,value:s,hint:l,tone:n="blue"}){return(0,r.jsx)(b,{className:"min-h-[126px]",children:(0,r.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"text-sm font-medium text-text-muted",children:t}),(0,r.jsx)("div",{className:"mt-2 text-2xl font-semibold text-text-main",children:s}),l?(0,r.jsx)("div",{className:"mt-2 text-xs text-text-muted",children:l}):null]}),(0,r.jsx)("div",{className:p("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"}[n]||"bg-blue-500/10 text-blue-600 dark:text-blue-300"),children:(0,r.jsx)("span",{className:"material-symbols-outlined text-[22px]",children:e})})]})})}function g({label:e,children:t}){return(0,r.jsxs)("label",{className:"space-y-1.5 text-xs font-medium text-text-muted",children:[(0,r.jsx)("span",{children:e}),t]})}function v({value:e,onChange:t,children:s}){return(0,r.jsx)("select",{value:e||"",onChange:e=>t(e.target.value),className:"h-10 w-full rounded-xl border border-border bg-background px-3 text-sm text-text-main outline-none transition focus:border-primary/60 focus:ring-2 focus:ring-primary/20",children:s})}function y({value:e,onChange:t,placeholder:s="",type:l="text"}){return(0,r.jsx)("input",{value:e||"",type:l,onChange:e=>t(e.target.value),placeholder:s,className:"h-10 w-full rounded-xl border border-border bg-background px-3 text-sm text-text-main outline-none transition placeholder:text-text-muted/60 focus:border-primary/60 focus:ring-2 focus:ring-primary/20"})}function k(){return(0,r.jsxs)("div",{className:"space-y-4",children:[(0,r.jsx)("div",{className:"grid gap-4 md:grid-cols-2 xl:grid-cols-4",children:Array.from({length:8}).map((e,t)=>(0,r.jsx)("div",{className:"h-32 animate-pulse rounded-2xl border border-border bg-surface"},t))}),(0,r.jsx)("div",{className:"h-80 animate-pulse rounded-2xl border border-border bg-surface"})]})}function f({title:e="Kh\xf4ng c\xf3 dữ liệu",description:t="Kh\xf4ng t\xecm thấy dữ liệu theo bộ lọc hiện tại."}){return(0,r.jsxs)("div",{className:"flex min-h-[180px] flex-col items-center justify-center rounded-2xl border border-dashed border-border bg-surface/60 p-8 text-center",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-4xl text-text-muted",children:"database_off"}),(0,r.jsx)("div",{className:"mt-3 text-sm font-semibold text-text-main",children:e}),(0,r.jsx)("div",{className:"mt-1 max-w-xl text-sm text-text-muted",children:t})]})}function N({data:e=[],valueKey:t="totalTokens",secondaryKey:s="requests",height:l=220}){let n=e||[],a=Math.max(...n.map(e=>Number(e[t]||0)),1),i=Math.max(...n.map(e=>Number(e[s]||0)),1);return 0===n.length?(0,r.jsx)(f,{description:"Chưa c\xf3 time-series trong khoảng thời gian n\xe0y."}):(0,r.jsx)("div",{className:"overflow-x-auto",children:(0,r.jsxs)("div",{className:"min-w-[720px]",children:[(0,r.jsx)("div",{className:"flex items-end gap-1",style:{height:l},children:n.map((e,n)=>{let d=Math.max(2,Number(e[t]||0)/a*(l-42)),c=Math.max(2,Number(e[s]||0)/i*(l-42));return(0,r.jsx)("div",{className:"group flex flex-1 flex-col items-center justify-end gap-1",children:(0,r.jsxs)("div",{className:"relative flex h-full w-full max-w-[34px] items-end justify-center gap-0.5",children:[(0,r.jsx)("div",{className:"w-2 rounded-t bg-primary/70",style:{height:d}}),(0,r.jsx)("div",{className:"w-2 rounded-t bg-amber-500/70",style:{height:c}}),(0,r.jsxs)("div",{className:"pointer-events-none absolute bottom-full left-1/2 z-20 hidden w-56 -translate-x-1/2 rounded-xl border border-border bg-surface p-3 text-left text-xs shadow-xl group-hover:block",children:[(0,r.jsx)("div",{className:"font-semibold text-text-main",children:u(e.label)}),(0,r.jsxs)("div",{className:"mt-1 text-text-muted",children:["Request: ",o(e.requests)]}),(0,r.jsxs)("div",{className:"text-text-muted",children:["Input token: ",o(e.promptTokens)]}),(0,r.jsxs)("div",{className:"text-text-muted",children:["Output token: ",o(e.completionTokens)]}),(0,r.jsxs)("div",{className:"text-text-muted",children:["Tổng token: ",o(e.totalTokens)]}),(0,r.jsxs)("div",{className:"text-text-muted",children:["Lỗi: ",o(e.errors)]})]})]})},`${e.label}-${n}`)})}),(0,r.jsxs)("div",{className:"mt-3 flex justify-between gap-2 text-[11px] text-text-muted",children:[(0,r.jsx)("span",{children:u(n[0]?.label)}),(0,r.jsx)("span",{children:u(n[Math.floor(n.length/2)]?.label)}),(0,r.jsx)("span",{children:u(n[n.length-1]?.label)})]})]})})}function w(){return(0,r.jsxs)("div",{className:"flex flex-wrap gap-3 text-xs text-text-muted",children:[(0,r.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,r.jsx)("span",{className:"h-2.5 w-2.5 rounded-sm bg-primary/70"}),"Token"]}),(0,r.jsxs)("div",{className:"flex items-center gap-1.5",children:[(0,r.jsx)("span",{className:"h-2.5 w-2.5 rounded-sm bg-amber-500/70"}),"Request"]})]})}function T({columns:e,rows:t,empty:s="Kh\xf4ng c\xf3 dữ liệu"}){return t&&0!==t.length?(0,r.jsx)("div",{className:"overflow-x-auto rounded-2xl border border-border",children:(0,r.jsxs)("table",{className:"min-w-full divide-y divide-border text-sm",children:[(0,r.jsx)("thead",{className:"bg-background/70",children:(0,r.jsx)("tr",{children:e.map(e=>(0,r.jsx)("th",{className:p("whitespace-nowrap px-4 py-3 text-left text-xs font-semibold uppercase tracking-wide text-text-muted",e.className),children:e.label},e.key))})}),(0,r.jsx)("tbody",{className:"divide-y divide-border bg-surface",children:t.map((t,s)=>(0,r.jsx)("tr",{className:"hover:bg-background/60",children:e.map(e=>(0,r.jsx)("td",{className:p("whitespace-nowrap px-4 py-3 align-top text-text-main",e.className),children:e.render?e.render(t,s):t[e.key]??"-"},e.key))},t.key||t.id||`${t.label}-${s}`))})]})}):(0,r.jsx)(f,{title:s})}function S({items:e=[]}){return e&&0!==e.length?(0,r.jsx)("div",{className:"flex max-w-[360px] flex-wrap gap-1.5",children:e.slice(0,3).map(e=>(0,r.jsxs)("span",{className:"rounded-full bg-primary/10 px-2 py-0.5 text-xs text-primary",children:[e.label||e.key," \xb7 ",o(e.count)]},e.key))}):(0,r.jsx)("span",{className:"text-text-muted",children:"-"})}function q({row:e}){return(0,r.jsxs)("div",{className:"space-y-1 text-xs",children:[(0,r.jsxs)("div",{className:"font-semibold text-text-main",children:[i(e.totalTokens)," token"]}),(0,r.jsxs)("div",{className:"text-text-muted",children:["In ",i(e.promptTokens)," / Out ",i(e.completionTokens)]})]})}function I({value:e}){let t=Number(e||0);return(0,r.jsx)("span",{className:p("rounded-full px-2 py-1 text-xs font-semibold",t>=.2?"bg-red-500/10 text-red-600 dark:text-red-300":t>=.05?"bg-amber-500/10 text-amber-600 dark:text-amber-300":"bg-green-500/10 text-green-600 dark:text-green-300"),children:d(t)})}function P({anomaly:e}){let t="danger"===e.level?"border-red-500/30 bg-red-500/10 text-red-700 dark:text-red-300":"border-amber-500/30 bg-amber-500/10 text-amber-700 dark:text-amber-300",s="danger"===e.level?"error":"warning";return(0,r.jsx)("div",{className:p("rounded-2xl border p-4",t),children:(0,r.jsxs)("div",{className:"flex gap-3",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[22px]",children:s}),(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-semibold",children:e.title}),(0,r.jsx)("div",{className:"mt-1 text-sm opacity-90",children:e.detail})]})]})})}function L({notes:e=[]}){return e.length?(0,r.jsx)("div",{className:"space-y-2 rounded-2xl border border-blue-500/20 bg-blue-500/10 p-4 text-sm text-blue-700 dark:text-blue-300",children:e.map((e,t)=>(0,r.jsxs)("div",{className:"flex gap-2",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"info"}),(0,r.jsx)("span",{children:e})]},t))}):null}function R({filters:e,setFilters:t,options:s,onRefresh:l,onExportCsv:a,loading:o}){let i=(e,s)=>t(t=>({...t,[e]:s}));return(0,r.jsxs)(b,{children:[(0,r.jsxs)("div",{className:"grid gap-3 md:grid-cols-2 xl:grid-cols-6",children:[(0,r.jsx)(g,{label:"Khoảng thời gian",children:(0,r.jsx)(v,{value:e.period,onChange:e=>i("period",e),children:n.map(e=>(0,r.jsx)("option",{value:e.value,children:e.label},e.value))})}),(0,r.jsx)(g,{label:"Từ ng\xe0y",children:(0,r.jsx)(y,{type:"datetime-local",value:e.dateFrom,onChange:e=>i("dateFrom",e)})}),(0,r.jsx)(g,{label:"Đến ng\xe0y",children:(0,r.jsx)(y,{type:"datetime-local",value:e.dateTo,onChange:e=>i("dateTo",e)})}),(0,r.jsx)(g,{label:"Provider",children:(0,r.jsxs)(v,{value:e.provider,onChange:e=>i("provider",e),children:[(0,r.jsx)("option",{value:"",children:"Tất cả provider"}),(s.providers||[]).map(e=>(0,r.jsx)("option",{value:e,children:e},e))]})}),(0,r.jsx)(g,{label:"Model",children:(0,r.jsxs)(v,{value:e.model,onChange:e=>i("model",e),children:[(0,r.jsx)("option",{value:"",children:"Tất cả model"}),(s.models||[]).map(e=>(0,r.jsx)("option",{value:e,children:e},e))]})}),(0,r.jsx)(g,{label:"Provider account",children:(0,r.jsxs)(v,{value:e.connectionId,onChange:e=>i("connectionId",e),children:[(0,r.jsx)("option",{value:"",children:"Tất cả account"}),(s.connections||[]).map(e=>(0,r.jsx)("option",{value:e.value,children:e.label},e.value))]})}),(0,r.jsx)(g,{label:"API key",children:(0,r.jsxs)(v,{value:e.apiKey,onChange:e=>i("apiKey",e),children:[(0,r.jsx)("option",{value:"",children:"Tất cả API key"}),(s.apiKeys||[]).map(e=>(0,r.jsx)("option",{value:e.value,children:e.label},e.value))]})}),(0,r.jsx)(g,{label:"Source IP",children:(0,r.jsx)(y,{value:e.clientIp,onChange:e=>i("clientIp",e),placeholder:"172.16.253.1"})}),(0,r.jsx)(g,{label:"Source tool",children:(0,r.jsx)(y,{value:e.sourceTool,onChange:e=>i("sourceTool",e),placeholder:"copilot, antigravity..."})}),(0,r.jsx)(g,{label:"Endpoint",children:(0,r.jsxs)(v,{value:e.endpoint,onChange:e=>i("endpoint",e),children:[(0,r.jsx)("option",{value:"",children:"Tất cả endpoint"}),(s.endpoints||[]).map(e=>(0,r.jsx)("option",{value:e,children:e},e))]})}),(0,r.jsx)(g,{label:"Status",children:(0,r.jsxs)(v,{value:e.status,onChange:e=>i("status",e),children:[(0,r.jsx)("option",{value:"",children:"Tất cả status"}),(s.statuses||[]).map(e=>(0,r.jsx)("option",{value:e,children:e},e))]})}),(0,r.jsx)(g,{label:"Session / keyword",children:(0,r.jsx)(y,{value:e.sessionId||e.keyword,onChange:e=>i("keyword",e),placeholder:"session, prompt, error..."})})]}),(0,r.jsxs)("div",{className:"mt-4 flex flex-wrap items-center justify-between gap-3",children:[(0,r.jsx)("div",{className:"text-xs text-text-muted",children:"Token/cost lấy từ UsageHistory. Source IP/tool/session lấy từ Prompt Logs."}),(0,r.jsxs)("div",{className:"flex flex-wrap gap-2",children:[(0,r.jsx)("button",{onClick:()=>t({period:"24h",dateFrom:"",dateTo:"",provider:"",model:"",connectionId:"",status:"",endpoint:"",apiKey:"",clientIp:"",sourceTool:"",sessionId:"",keyword:""}),className:"rounded-xl border border-border px-3 py-2 text-sm font-medium text-text-main hover:bg-background",children:"Reset"}),(0,r.jsxs)("button",{onClick:a,className:"rounded-xl border border-border px-3 py-2 text-sm font-medium text-text-main hover:bg-background",children:[(0,r.jsx)("span",{className:"material-symbols-outlined mr-1 align-[-4px] text-[18px]",children:"download"}),"Export CSV"]}),(0,r.jsxs)("button",{onClick:l,disabled:o,className:"rounded-xl bg-primary px-4 py-2 text-sm font-semibold text-white shadow-sm disabled:opacity-60",children:[(0,r.jsx)("span",{className:"material-symbols-outlined mr-1 align-[-4px] text-[18px]",children:"refresh"}),o?"Đang tải...":"Refresh"]})]})]})]})}function C({data:e}){let t=e.overview||{},s=e.latency||{};return(0,r.jsxs)("div",{className:"space-y-5",children:[(0,r.jsxs)("div",{className:"grid gap-4 md:grid-cols-2 xl:grid-cols-4",children:[(0,r.jsx)(j,{icon:"call_made",label:"Tổng request",value:o(t.requests),hint:`${o(t.requestsPerMinute,2)} request/ph\xfat`}),(0,r.jsx)(j,{icon:"check_circle",label:"Th\xe0nh c\xf4ng",value:o(t.success),hint:`Tỷ lệ lỗi ${d(t.errorRate)}`,tone:"green"}),(0,r.jsx)(j,{icon:"error",label:"Request lỗi",value:o(t.errors),hint:"Theo status trong usage log",tone:t.errors?"red":"green"}),(0,r.jsx)(j,{icon:"speed",label:"Latency P95",value:x(s.p95Ms),hint:`${o(s.samples)} mẫu requestDetails`,tone:"purple"}),(0,r.jsx)(j,{icon:"input",label:"Input tokens",value:i(t.promptTokens),hint:`Avg ${o(t.avgPromptTokens,1)} / request`}),(0,r.jsx)(j,{icon:"output",label:"Output tokens",value:i(t.completionTokens),hint:`Avg ${o(t.avgCompletionTokens,1)} / request`}),(0,r.jsx)(j,{icon:"token",label:"Tổng tokens",value:i(t.totalTokens),hint:`${i(t.tokensPerMinute)} token/ph\xfat`,tone:"amber"}),(0,r.jsx)(j,{icon:"payments",label:"Cost ước t\xednh",value:c(t.cost),hint:"Dựa tr\xean pricing đ\xe3 cấu h\xecnh",tone:"green"})]}),(0,r.jsxs)("div",{className:"grid gap-5 xl:grid-cols-[2fr_1fr]",children:[(0,r.jsxs)(b,{children:[(0,r.jsxs)("div",{className:"mb-4 flex flex-wrap items-center justify-between gap-3",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Tần suất request & token theo thời gian"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Cột xanh l\xe0 token, cột v\xe0ng l\xe0 số request trong từng bucket thời gian."})]}),(0,r.jsx)(w,{})]}),(0,r.jsx)(N,{data:e.timeSeries||[]})]}),(0,r.jsxs)(b,{children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"T\xf3m tắt active"}),(0,r.jsx)("div",{className:"mt-4 space-y-3",children:[["API key đang d\xf9ng",t.activeApiKeys],["Provider active",t.activeProviders],["Model active",t.activeModels],["Endpoint active",t.activeEndpoints],["Cached tokens",t.cachedTokens],["Reasoning tokens",t.reasoningTokens],["Latency P50",x(s.p50Ms)],["Latency P99",x(s.p99Ms)]].map(([e,t])=>(0,r.jsxs)("div",{className:"flex items-center justify-between rounded-xl bg-background px-3 py-2",children:[(0,r.jsx)("span",{className:"text-sm text-text-muted",children:e}),(0,r.jsx)("span",{className:"font-semibold text-text-main",children:"number"==typeof t?o(t):t})]},e))})]})]}),(0,r.jsxs)("div",{className:"grid gap-5 xl:grid-cols-2",children:[(0,r.jsxs)(b,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Top API key d\xf9ng nhiều token"}),(0,r.jsx)(T,{rows:(e.groups?.apiKeys||[]).slice(0,8),columns:[{key:"name",label:"API key",render:e=>(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-semibold",children:e.name}),(0,r.jsxs)("div",{className:"text-xs text-text-muted",children:[e.fingerprint,e.ownerUser?` \xb7 ${e.ownerUser}`:""]})]})},{key:"requests",label:"Req",render:e=>o(e.requests)},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(q,{row:e})},{key:"errorRate",label:"Lỗi",render:e=>(0,r.jsx)(I,{value:e.errorRate})}]})]}),(0,r.jsxs)(b,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Top Source IP từ Prompt Logs"}),(0,r.jsx)(T,{rows:(e.promptLogs?.topClientIps||[]).slice(0,8),columns:[{key:"label",label:"Source IP",render:e=>(0,r.jsx)("span",{className:"font-mono text-xs",children:e.label})},{key:"requests",label:"Logs",render:e=>o(e.requests)},{key:"errorRate",label:"Lỗi",render:e=>(0,r.jsx)(I,{value:e.errorRate})},{key:"topTools",label:"Tools",render:e=>(0,r.jsx)(S,{items:e.topTools})}]})]})]})]})}function M({data:e}){return(0,r.jsxs)(b,{children:[(0,r.jsxs)("div",{className:"mb-4",children:[(0,r.jsx)("h2",{className:"text-lg font-semibold text-text-main",children:"Thống k\xea theo API key"}),(0,r.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"Kh\xf4ng hiển thị full bearer token. Dashboard chỉ d\xf9ng fingerprint/masked key."})]}),(0,r.jsx)(T,{rows:e.groups?.apiKeys||[],columns:[{key:"name",label:"API key",render:e=>(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-semibold",children:e.name}),(0,r.jsxs)("div",{className:"text-xs text-text-muted",children:[e.fingerprint,e.ownerUser?` \xb7 Owner: ${e.ownerUser}`:""]})]})},{key:"requests",label:"Requests",render:e=>o(e.requests)},{key:"success",label:"OK/Lỗi",render:e=>(0,r.jsxs)("div",{className:"text-xs",children:[(0,r.jsxs)("div",{className:"text-green-600",children:["OK ",o(e.success)]}),(0,r.jsxs)("div",{className:"text-red-600",children:["Lỗi ",o(e.errors)]})]})},{key:"tokens",label:"In/Out token",render:e=>(0,r.jsx)(q,{row:e})},{key:"cost",label:"Cost",render:e=>c(e.cost)},{key:"errorRate",label:"Error %",render:e=>(0,r.jsx)(I,{value:e.errorRate})},{key:"topModels",label:"Top model",render:e=>(0,r.jsx)(S,{items:e.topModels})},{key:"topProviders",label:"Top provider",render:e=>(0,r.jsx)(S,{items:e.topProviders})},{key:"lastSeen",label:"Last seen",render:e=>m(e.lastSeen)}]})]})}function K({data:e}){return(0,r.jsxs)("div",{className:"grid gap-5 xl:grid-cols-2",children:[(0,r.jsxs)(b,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Source IP"}),(0,r.jsx)(T,{rows:e.promptLogs?.topClientIps||[],columns:[{key:"label",label:"IP",render:e=>(0,r.jsx)("span",{className:"font-mono text-xs",children:e.label})},{key:"requests",label:"Logs",render:e=>o(e.requests)},{key:"errors",label:"Lỗi",render:e=>o(e.errors)},{key:"errorRate",label:"Error %",render:e=>(0,r.jsx)(I,{value:e.errorRate})},{key:"topTools",label:"Tools",render:e=>(0,r.jsx)(S,{items:e.topTools})},{key:"topModels",label:"Models",render:e=>(0,r.jsx)(S,{items:e.topModels})},{key:"lastSeen",label:"Last seen",render:e=>m(e.lastSeen)}]})]}),(0,r.jsxs)(b,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Source tool"}),(0,r.jsx)(T,{rows:e.promptLogs?.topSourceTools||[],columns:[{key:"label",label:"Tool",render:e=>(0,r.jsx)("span",{className:"font-semibold",children:e.label})},{key:"requests",label:"Logs",render:e=>o(e.requests)},{key:"errors",label:"Lỗi",render:e=>o(e.errors)},{key:"errorRate",label:"Error %",render:e=>(0,r.jsx)(I,{value:e.errorRate})},{key:"topIps",label:"Top IP",render:e=>(0,r.jsx)(S,{items:e.topIps})},{key:"topModels",label:"Top model",render:e=>(0,r.jsx)(S,{items:e.topModels})},{key:"lastSeen",label:"Last seen",render:e=>m(e.lastSeen)}]})]}),(0,r.jsxs)(b,{className:"xl:col-span-2",children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Session nhiều hoạt động"}),(0,r.jsx)(T,{rows:e.promptLogs?.topSessions||[],columns:[{key:"label",label:"Session",render:e=>(0,r.jsx)("span",{className:"font-mono text-xs",children:e.label})},{key:"requests",label:"Logs",render:e=>o(e.requests)},{key:"errors",label:"Lỗi",render:e=>o(e.errors)},{key:"topIps",label:"IP",render:e=>(0,r.jsx)(S,{items:e.topIps})},{key:"topTools",label:"Tool",render:e=>(0,r.jsx)(S,{items:e.topTools})},{key:"topModels",label:"Model",render:e=>(0,r.jsx)(S,{items:e.topModels})},{key:"lastSeen",label:"Last seen",render:e=>m(e.lastSeen)}]})]})]})}function A({data:e}){return(0,r.jsxs)("div",{className:"space-y-5",children:[(0,r.jsxs)(b,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Provider"}),(0,r.jsx)(T,{rows:e.groups?.providers||[],columns:[{key:"label",label:"Provider",render:e=>(0,r.jsx)("span",{className:"font-semibold",children:e.label})},{key:"requests",label:"Requests",render:e=>o(e.requests)},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(q,{row:e})},{key:"cost",label:"Cost",render:e=>c(e.cost)},{key:"errorRate",label:"Error %",render:e=>(0,r.jsx)(I,{value:e.errorRate})},{key:"topModels",label:"Top model",render:e=>(0,r.jsx)(S,{items:e.topModels})},{key:"lastSeen",label:"Last seen",render:e=>m(e.lastSeen)}]})]}),(0,r.jsxs)("div",{className:"grid gap-5 xl:grid-cols-2",children:[(0,r.jsxs)(b,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Model"}),(0,r.jsx)(T,{rows:e.groups?.models||[],columns:[{key:"label",label:"Model",render:e=>(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-semibold",children:e.model}),(0,r.jsx)("div",{className:"text-xs text-text-muted",children:e.provider})]})},{key:"requests",label:"Req",render:e=>o(e.requests)},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(q,{row:e})},{key:"errorRate",label:"Lỗi",render:e=>(0,r.jsx)(I,{value:e.errorRate})}]})]}),(0,r.jsxs)(b,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Provider account / connection"}),(0,r.jsx)(T,{rows:e.groups?.providerAccounts||[],columns:[{key:"label",label:"Account",render:e=>(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-semibold",children:e.label}),(0,r.jsx)("div",{className:"text-xs text-text-muted",children:e.provider||e.connectionId})]})},{key:"requests",label:"Req",render:e=>o(e.requests)},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(q,{row:e})},{key:"errorRate",label:"Lỗi",render:e=>(0,r.jsx)(I,{value:e.errorRate})}]})]})]}),(0,r.jsxs)(b,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Endpoint"}),(0,r.jsx)(T,{rows:e.groups?.endpoints||[],columns:[{key:"label",label:"Endpoint",render:e=>(0,r.jsx)("span",{className:"font-mono text-xs",children:e.label})},{key:"requests",label:"Requests",render:e=>o(e.requests)},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(q,{row:e})},{key:"cost",label:"Cost",render:e=>c(e.cost)},{key:"errorRate",label:"Error %",render:e=>(0,r.jsx)(I,{value:e.errorRate})},{key:"lastSeen",label:"Last seen",render:e=>m(e.lastSeen)}]})]})]})}function E({data:e}){return(0,r.jsxs)("div",{className:"space-y-5",children:[e.anomalies?.length?(0,r.jsx)("div",{className:"grid gap-4 xl:grid-cols-2",children:e.anomalies.map((e,t)=>(0,r.jsx)(P,{anomaly:e},t))}):(0,r.jsxs)("div",{className:"rounded-2xl border border-green-500/20 bg-green-500/10 p-4 text-sm text-green-700 dark:text-green-300",children:[(0,r.jsx)("span",{className:"material-symbols-outlined mr-2 align-[-5px]",children:"check_circle"}),"Chưa ph\xe1t hiện bất thường r\xf5 r\xe0ng theo bộ lọc hiện tại."]}),(0,r.jsxs)(b,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Nh\xf3m lỗi theo status/provider/model/endpoint"}),(0,r.jsx)(T,{rows:e.groups?.errors||[],columns:[{key:"status",label:"Status",render:e=>(0,r.jsx)("span",{className:"rounded-full bg-red-500/10 px-2 py-1 text-xs font-semibold text-red-600 dark:text-red-300",children:e.status})},{key:"provider",label:"Provider"},{key:"model",label:"Model"},{key:"endpoint",label:"Endpoint",render:e=>(0,r.jsx)("span",{className:"font-mono text-xs",children:e.endpoint})},{key:"requests",label:"Lỗi",render:e=>o(e.errors||e.requests)},{key:"apiKey",label:"API key",render:e=>(0,r.jsx)("span",{className:"font-mono text-xs",children:e.apiKey})},{key:"lastSeen",label:"Last seen",render:e=>m(e.lastSeen)}]})]}),(0,r.jsxs)(b,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Status distribution"}),(0,r.jsx)(T,{rows:e.groups?.statuses||[],columns:[{key:"label",label:"Status"},{key:"requests",label:"Requests",render:e=>o(e.requests)},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(q,{row:e})},{key:"errorRate",label:"Error %",render:e=>(0,r.jsx)(I,{value:e.errorRate})}]})]})]})}function $({data:e}){return(0,r.jsxs)("div",{className:"space-y-5",children:[(0,r.jsxs)(b,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Top request nặng token"}),(0,r.jsx)(T,{rows:e.heavyRequests||[],columns:[{key:"timestamp",label:"Time",render:e=>m(e.timestamp)},{key:"model",label:"Model",render:e=>(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{className:"font-semibold",children:e.model}),(0,r.jsx)("div",{className:"text-xs text-text-muted",children:e.provider})]})},{key:"apiKeyName",label:"API key",render:e=>(0,r.jsxs)("div",{children:[(0,r.jsx)("div",{children:e.apiKeyName}),(0,r.jsx)("div",{className:"font-mono text-xs text-text-muted",children:e.apiKeyFingerprint})]})},{key:"accountName",label:"Account"},{key:"endpoint",label:"Endpoint",render:e=>(0,r.jsx)("span",{className:"font-mono text-xs",children:e.endpoint})},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(q,{row:e})},{key:"status",label:"Status"}]})]}),(0,r.jsxs)(b,{children:[(0,r.jsx)("h2",{className:"mb-4 text-lg font-semibold text-text-main",children:"Recent usage"}),(0,r.jsx)(T,{rows:e.recentUsage||[],columns:[{key:"timestamp",label:"Time",render:e=>m(e.timestamp)},{key:"provider",label:"Provider"},{key:"model",label:"Model"},{key:"apiKeyName",label:"API key"},{key:"tokens",label:"Token",render:e=>(0,r.jsx)(q,{row:e})},{key:"cost",label:"Cost",render:e=>c(e.cost)},{key:"status",label:"Status"}]})]})]})}function F(){let[e,t]=(0,l.useState)({period:"24h",dateFrom:"",dateTo:"",provider:"",model:"",connectionId:"",status:"",endpoint:"",apiKey:"",clientIp:"",sourceTool:"",sessionId:"",keyword:""}),[s,n]=(0,l.useState)(null),[o,i]=(0,l.useState)(!0),[d,c]=(0,l.useState)(""),[x,u]=(0,l.useState)("overview"),[b,j]=(0,l.useState)(!1),g=function(e,t=450){let[s,r]=(0,l.useState)(e);return(0,l.useEffect)(()=>{let s=setTimeout(()=>r(e),t);return()=>clearTimeout(s)},[e,t]),s}(e,450),v=(0,l.useCallback)(async()=>{i(!0),c("");try{let e=h(g),t=await fetch(`/api/dashboard/analytics?${e}`,{cache:"no-store"}),s=await t.json().catch(()=>({}));if(!t.ok)throw Error(s.error||"Kh\xf4ng tải được dữ liệu analytics");n(s)}catch(e){c(e.message||"Kh\xf4ng tải được dữ liệu analytics")}finally{i(!1)}},[g]);(0,l.useEffect)(()=>{v()},[v]),(0,l.useEffect)(()=>{if(!b)return;let e=setInterval(()=>v(),1e4);return()=>clearInterval(e)},[b,v]);let y=s?.options||{},N=(0,l.useMemo)(()=>s?.generatedAt?m(s.generatedAt):"-",[s]);return(0,r.jsxs)("div",{className:"space-y-5 p-4 md:p-6",children:[(0,r.jsxs)("div",{className:"flex flex-wrap items-start justify-between gap-4",children:[(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{className:"flex items-center gap-2 text-primary",children:[(0,r.jsx)("span",{className:"material-symbols-outlined",children:"monitoring"}),(0,r.jsx)("span",{className:"text-sm font-semibold uppercase tracking-wide",children:"BlueRouter Analytics"})]}),(0,r.jsx)("h1",{className:"mt-2 text-2xl font-bold text-text-main",children:"Thống k\xea sử dụng Gateway"}),(0,r.jsx)("p",{className:"mt-1 max-w-3xl text-sm text-text-muted",children:"Theo d\xf5i tần suất request, input/output token, API key, provider, model, endpoint, Source IP, source tool v\xe0 lỗi vận h\xe0nh."})]}),(0,r.jsxs)("div",{className:"flex items-center gap-3 rounded-2xl border border-border bg-surface px-4 py-3 text-sm text-text-muted",children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"schedule"}),(0,r.jsxs)("div",{children:[(0,r.jsxs)("div",{children:["Generated: ",N]}),(0,r.jsxs)("label",{className:"mt-1 flex cursor-pointer items-center gap-2 text-xs",children:[(0,r.jsx)("input",{type:"checkbox",checked:b,onChange:e=>j(e.target.checked)}),"Auto refresh 10s"]})]})]})]}),(0,r.jsx)(R,{filters:e,setFilters:t,options:y,onRefresh:v,onExportCsv:()=>{let e=h(g,{format:"csv"});window.open(`/api/dashboard/analytics?${e}`,"_blank","noopener,noreferrer")},loading:o}),d?(0,r.jsxs)("div",{className:"rounded-2xl border border-red-500/30 bg-red-500/10 p-4 text-sm text-red-700 dark:text-red-300",children:[(0,r.jsx)("span",{className:"material-symbols-outlined mr-2 align-[-5px]",children:"error"}),d]}):null,s?.qualityNotes?.length?(0,r.jsx)(L,{notes:s.qualityNotes}):null,(0,r.jsx)("div",{className:"flex flex-wrap gap-2 rounded-2xl border border-border bg-surface p-2",children:a.map(e=>(0,r.jsxs)("button",{onClick:()=>u(e.value),className:p("flex items-center gap-2 rounded-xl px-3 py-2 text-sm font-medium transition",x===e.value?"bg-primary text-white shadow-sm":"text-text-muted hover:bg-background hover:text-text-main"),children:[(0,r.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:e.icon}),e.label]},e.value))}),o&&!s?(0,r.jsx)(k,{}):null,!o&&s&&s.overview?.requests===0&&0===(s.promptLogs?.total||0)?(0,r.jsx)(f,{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,s?(0,r.jsxs)(r.Fragment,{children:["overview"===x?(0,r.jsx)(C,{data:s}):null,"apiKeys"===x?(0,r.jsx)(M,{data:s}):null,"sources"===x?(0,r.jsx)(K,{data:s}):null,"providers"===x?(0,r.jsx)(A,{data:s}):null,"errors"===x?(0,r.jsx)(E,{data:s}):null,"raw"===x?(0,r.jsx)($,{data:s}):null]}):null]})}}},e=>{e.O(0,[8441,3794,7358],()=>e(e.s=39944)),_N_E=e.O()}]);

package/app/.next-cli-build/static/chunks/app/(dashboard)/dashboard/api-keys/page-6f59999eaf345375.js ADDED Viewed

@@ -0,0 +1,4 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7593],{56484:(e,t,s)=>{"use strict";s.d(t,{default:()=>x});var a=s(95155),n=s(12115),l=s(35497),r=s(11059);function i(e){return String(e||"").trim().toLowerCase()}function d(e){return Array.isArray(e)?[...new Set(e.map(e=>String(e||"").trim()).filter(Boolean))]:[]}function c({models:e,emptyLabel:t="Chưa g\xe1n model"}){let s=d(e);return 0===s.length?(0,a.jsx)("span",{className:"rounded-full bg-amber-500/10 px-2 py-0.5 text-xs text-amber-700 dark:text-amber-300",children:t}):(0,a.jsxs)("div",{className:"flex flex-wrap gap-1.5",children:[s.slice(0,8).map(e=>(0,a.jsx)("span",{className:"rounded-full border border-border bg-surface px-2 py-1 font-mono text-[11px] text-text-main",children:e},e)),s.length>8?(0,a.jsxs)("span",{className:"rounded-full bg-primary/10 px-2 py-1 text-[11px] text-primary",children:["+",s.length-8," model kh\xe1c"]}):null]})}function o({open:e,keyName:t,models:s,setModels:r,activeProviders:i,modelAliases:c,onClose:x,onSave:m,saving:h}){let[u,p]=(0,n.useState)(!1),y=d(s),b=e=>{let t=e?.value||e?.name||e;r(e=>d(e).filter(e=>e!==t))};return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(l.aF,{isOpen:e,onClose:x,title:`Sửa quyền truy cập model${t?`: ${t}`:""}`,children:(0,a.jsxs)("div",{className:"space-y-4",children:[(0,a.jsx)("div",{className:"rounded-xl border border-blue-200 bg-blue-50 px-3 py-2 text-sm text-blue-700 dark:border-blue-500/30 dark:bg-blue-500/10 dark:text-blue-300",children:"Chọn một hoặc nhiều model m\xe0 API key n\xe0y được ph\xe9p sử dụng. Trang n\xe0y kh\xf4ng cho lưu danh s\xe1ch model rỗng."}),(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,a.jsx)("label",{className:"text-sm font-medium text-text-main",children:"Model được ph\xe9p d\xf9ng"}),(0,a.jsxs)(l.$n,{variant:"secondary",onClick:()=>p(!0),children:[(0,a.jsx)("span",{className:"material-symbols-outlined mr-1 text-[18px]",children:"add"}),"Th\xeam model"]})]}),(0,a.jsx)("div",{className:"min-h-[76px] rounded-xl border border-border bg-background p-3",children:0===y.length?(0,a.jsx)("div",{className:"text-sm text-text-muted",children:"Chưa chọn model n\xe0o. H\xe3y th\xeam \xedt nhất một model trước khi lưu."}):(0,a.jsx)("div",{className:"flex flex-wrap gap-2",children:y.map(e=>(0,a.jsxs)("button",{type:"button",onClick:()=>b(e),className:"rounded-full border border-primary/30 bg-primary/10 px-2 py-1 font-mono text-xs text-primary transition hover:bg-red-500/10 hover:text-red-600",title:"Bấm để gỡ model n\xe0y",children:[e," ",(0,a.jsx)("span",{className:"ml-1",children:"\xd7"})]},e))})})]}),(0,a.jsxs)("div",{className:"flex justify-end gap-2",children:[(0,a.jsx)(l.$n,{variant:"secondary",onClick:x,children:"Hủy"}),(0,a.jsx)(l.$n,{onClick:m,disabled:h||0===y.length,children:h?"Đang lưu...":"Lưu danh s\xe1ch model"})]})]})}),(0,a.jsx)(l.rq,{isOpen:u,onClose:()=>p(!1),onSelect:e=>{let t=e?.value||e?.name||e;t&&r(e=>d([...e,t]))},onDeselect:b,activeProviders:i,modelAliases:c,title:"Chọn model được ph\xe9p d\xf9ng",addedModelValues:y,closeOnSelect:!1})]})}function x(){let e,t,[s,x]=(0,n.useState)(null),[m,h]=(0,n.useState)([]),[u,p]=(0,n.useState)(!0),[y,b]=(0,n.useState)(""),[g,f]=(0,n.useState)(!1),[j,v]=(0,n.useState)(""),[k,N]=(0,n.useState)(""),[w,C]=(0,n.useState)(""),[A,S]=(0,n.useState)(""),[P,$]=(0,n.useState)(new Set),[I,T]=(0,n.useState)(null),[K,M]=(0,n.useState)([]),[O,L]=(0,n.useState)(""),[D,E]=(0,n.useState)(!1),[U,_]=(0,n.useState)(!1),[B,H]=(0,n.useState)(""),[q,R]=(0,n.useState)(""),[F,G]=(0,n.useState)(!1),[V,Z]=(0,n.useState)(!1),[J,X]=(0,n.useState)([]),[Y,W]=(0,n.useState)({}),[z,Q]=(0,n.useState)(null),[ee,et]=(0,n.useState)([]),[es,ea]=(0,n.useState)(!1),[en,el]=(0,n.useState)(5),[er,ei]=(0,n.useState)(0),[ed,ec]=(0,n.useState)(""),[eo,ex]=(0,n.useState)(null),{copied:em,copy:eh}=(0,r.C)(),eu=s?.isAdmin===!0,ep=s?.userId||"",ey=Number.isFinite(Number(en))?Number(en):5,eb=Number.isFinite(Number(er))?Number(er):m.length,eg=!eu&&eb>=ey,ef=ed?`${ed}/v1`:"/v1",ej=ed?`${ed}/v1/chat/completions`:"/v1/chat/completions",ev=(e=d(eo?.allowedModels)[0],t=String(B||"").trim(),e||t||"YOUR_MODEL"),ek=eo?function({endpoint:e,apiKey:t,model:s}){let a=String(e||"/v1/chat/completions").replace(/"/g,""),n=String(t||"YOUR_API_KEY").replace(/"/g,""),l=JSON.stringify({model:String(s||"YOUR_MODEL"),messages:[{role:"user",content:"Say hi. Reply in one short sentence."}],temperature:.2,stream:!1}).replace(/"/g,'\\"');return`curl.exe -X POST "${a}" ^
+  -H "Authorization: Bearer ${n}" ^
+  -H "Content-Type: application/json" ^
+  -d "${l}"`}({endpoint:ej,apiKey:eo.key,model:ev}):"",eN=(0,n.useMemo)(()=>{let e=new Map;for(let t of K){let s=i(t.username||t.email||t.userPrincipalName||t.sAMAccountName);s&&e.set(s,{id:s,label:`${t.displayName||t.username||s}${t.email?` \xb7 ${t.email}`:""}`})}for(let t of m){let s=i(t.ownerUser||t.createdByUser);s&&!e.has(s)&&e.set(s,{id:s,label:s})}return ep&&!e.has(ep)&&e.set(ep,{id:ep,label:`${ep} (t\xf4i)`}),[...e.values()].sort((e,t)=>e.label.localeCompare(t.label))},[K,m,ep]),ew=q!==B;(0,n.useEffect)(()=>{ec(window.location.origin)},[]);let eC=async()=>{let e=await fetch("/api/auth/status",{cache:"no-store"}),t=await e.json().catch(()=>({}));return x(t),!k&&t?.userId&&N(t.userId),t},eA=async()=>{p(!0),b("");try{let e=await fetch("/api/keys",{cache:"no-store"}),t=await e.json().catch(()=>({}));if(!e.ok)throw Error(t.error||"Kh\xf4ng tải được danh s\xe1ch API keys");let s=t.keys||[],a=String(t.apiKeyDefaultModel||"").trim();h(s),H(a),R(a),el(t.apiKeyLimit??5),ei(t.apiKeyCount??s.length)}catch(e){b(e.message||"Kh\xf4ng tải được danh s\xe1ch API keys")}finally{p(!1)}},eS=async()=>{try{let[e,t]=await Promise.allSettled([fetch("/api/providers",{cache:"no-store"}),fetch("/api/models/alias",{cache:"no-store"})]);if("fulfilled"===e.status&&e.value.ok){let t=await e.value.json().catch(()=>({}));X(t.connections||[])}if("fulfilled"===t.status&&t.value.ok){let e=await t.value.json().catch(()=>({}));W(e.aliases||{})}}catch{}},eP=async(e=O)=>{if(eu){E(!0);try{let t=await fetch(`/api/auth/ldap/users?q=${encodeURIComponent(e||"")}`,{cache:"no-store"}),s=await t.json().catch(()=>({}));t.ok&&M(s.users||[])}catch{}finally{E(!1)}}};(0,n.useEffect)(()=>{let e=!1;return(async()=>{let t=await eC();e||await Promise.all([eA(),eS()]),e||t?.isAdmin!==!0||await eP("")})(),()=>{e=!0}},[]);let e$=async()=>{if(eu&&q.trim()){G(!0),b("");try{let e=await fetch("/api/keys",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({apiKeyDefaultModel:q.trim()})}),t=await e.json().catch(()=>({}));if(!e.ok)throw Error(t.error||"Kh\xf4ng lưu được default model");let s=String(t.apiKeyDefaultModel||"").trim();H(s),R(s)}catch(e){b(e.message||"Kh\xf4ng lưu được default model")}finally{G(!1)}}},eI=async()=>{if(j.trim()){if(!B.trim())return void b("Admin cần cấu h\xecnh default model trước khi tạo API key.");if(eg)return void b(`Mỗi user chỉ được tạo tối đa ${ey} API keys. Vui l\xf2ng x\xf3a bớt key cũ trước khi tạo key mới.`);_(!0),b("");try{let e=eu?i(w||k||ep):void 0,t=await fetch("/api/keys",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:j.trim(),ownerUser:e})}),s=await t.json().catch(()=>({}));if(!t.ok)throw Error(s.error||"Kh\xf4ng tạo được API key");S(s.key),v(""),C(""),f(!1),await eA()}catch(e){b(e.message||"Kh\xf4ng tạo được API key")}finally{_(!1)}}},eT=async(e,t)=>{let s=await fetch(`/api/keys/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)}),a=await s.json().catch(()=>({}));return s.ok?(await eA(),!0):(b(a.error||"Kh\xf4ng cập nhật được API key"),!1)},eK=async()=>{if(!z)return;let e=d(ee);if(0===e.length)return void b("H\xe3y chọn \xedt nhất một model trước khi lưu quyền truy cập API key.");ea(!0),b("");try{await eT(z.id,{allowedModels:e})&&(Q(null),et([]))}finally{ea(!1)}},eM=U||!j.trim()||!B.trim()||eg;return(0,a.jsxs)("div",{className:"space-y-6",children:[(0,a.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,a.jsxs)("div",{children:[(0,a.jsxs)("h1",{className:"flex items-center gap-2 text-3xl font-bold text-text-main",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-primary",children:"vpn_key"}),"Quản l\xfd API Keys"]}),(0,a.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:eu?"Admin c\xf3 thể tạo API key, g\xe1n owner v\xe0 chỉnh quyền truy cập model. Admin kh\xf4ng bị giới hạn số lượng key.":`Bạn c\xf3 thể quản l\xfd API key của t\xe0i khoản m\xecnh. Mỗi user thường được tạo tối đa ${ey} API keys.`})]}),(0,a.jsxs)(l.$n,{onClick:()=>f(!0),disabled:!B.trim()||eg,children:[(0,a.jsx)("span",{className:"material-symbols-outlined mr-1 text-[18px]",children:"add"}),"Tạo API Key"]})]}),y?(0,a.jsx)("div",{className:"rounded-xl border border-red-200 bg-red-50 px-4 py-3 text-sm text-red-700 dark:border-red-500/30 dark:bg-red-500/10 dark:text-red-300",children:y}):null,eu?null:(0,a.jsx)(l.Zp,{children:(0,a.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 text-lg font-semibold text-text-main",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-primary",children:"counter_5"}),"Giới hạn API key theo user"]}),(0,a.jsxs)("p",{className:"mt-1 text-sm text-text-muted",children:["T\xe0i khoản của bạn đang c\xf3 ",eb,"/",ey," API keys. Key bị disabled vẫn được t\xednh v\xe0o giới hạn."]})]}),(0,a.jsx)("span",{className:`rounded-full px-3 py-1 text-xs ${eg?"bg-red-500/10 text-red-600":"bg-green-500/10 text-green-600"}`,children:eg?"Đ\xe3 đạt giới hạn":"C\xf2n c\xf3 thể tạo th\xeam"})]})}),(0,a.jsx)(l.Zp,{children:(0,a.jsxs)("div",{className:"flex flex-col gap-4 lg:flex-row lg:items-center lg:justify-between",children:[(0,a.jsxs)("div",{className:"min-w-0",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 text-lg font-semibold text-text-main",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-primary",children:"rule"}),"Default model cho API key mới"]}),(0,a.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"API key mới sẽ mặc định chỉ được d\xf9ng model n\xe0y. Cần cấu h\xecnh default model trước khi tạo API key."}),(0,a.jsx)("div",{className:"mt-3",children:B?(0,a.jsx)("span",{className:"rounded-full border border-primary/30 bg-primary/10 px-3 py-1 font-mono text-xs text-primary",children:B}):(0,a.jsx)("span",{className:"rounded-full bg-red-500/10 px-3 py-1 text-xs text-red-600",children:"Chưa cấu h\xecnh default model"})})]}),eu?(0,a.jsxs)("div",{className:"flex flex-col gap-2 sm:min-w-[360px]",children:[(0,a.jsxs)("div",{className:"flex gap-2",children:[(0,a.jsx)("button",{type:"button",onClick:()=>Z(!0),className:"min-w-0 flex-1 rounded-xl border border-border bg-background px-3 py-2 text-left font-mono text-xs text-text-main transition hover:border-primary/50",children:q||"Chọn default model..."}),(0,a.jsx)(l.$n,{onClick:e$,disabled:F||!q.trim()||!ew,children:F?"Đang lưu...":"Lưu"})]}),(0,a.jsx)("p",{className:"text-xs text-text-muted",children:"Danh s\xe1ch model gồm provider models, custom models, aliases v\xe0 combos."})]}):null]})}),(0,a.jsx)(l.Zp,{children:(0,a.jsxs)("div",{className:"flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between",children:[(0,a.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2 text-lg font-semibold text-text-main",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-primary",children:"hub"}),"Th\xf4ng tin API endpoint"]}),(0,a.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"D\xf9ng API key b\xean dưới để gọi gateway theo chuẩn OpenAI-compatible. Endpoint lấy theo domain hiện tại của dashboard."}),(0,a.jsxs)("div",{className:"mt-3 grid gap-2 text-sm",children:[(0,a.jsxs)("div",{className:"rounded-xl border border-border bg-background px-3 py-2",children:[(0,a.jsx)("div",{className:"text-xs font-medium uppercase tracking-wide text-text-muted",children:"Base URL"}),(0,a.jsx)("div",{className:"mt-1 break-all font-mono text-xs text-text-main",children:ef})]}),(0,a.jsxs)("div",{className:"rounded-xl border border-border bg-background px-3 py-2",children:[(0,a.jsx)("div",{className:"text-xs font-medium uppercase tracking-wide text-text-muted",children:"Chat Completions"}),(0,a.jsx)("div",{className:"mt-1 break-all font-mono text-xs text-text-main",children:ej})]})]})]}),(0,a.jsxs)("div",{className:"flex flex-wrap gap-2",children:[(0,a.jsx)(l.$n,{variant:"secondary",onClick:()=>eh(ef,"api-base-url"),children:"api-base-url"===em?"Đ\xe3 copy Base URL":"Copy Base URL"}),(0,a.jsx)(l.$n,{variant:"secondary",onClick:()=>eh(ej,"api-chat-endpoint"),children:"api-chat-endpoint"===em?"Đ\xe3 copy Endpoint":"Copy Endpoint"})]})]})}),A?(0,a.jsx)(l.Zp,{className:"border-green-200 bg-green-50/60 dark:border-green-500/30 dark:bg-green-500/10",children:(0,a.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"font-semibold text-green-700 dark:text-green-300",children:"Đ\xe3 tạo API key"}),(0,a.jsx)("div",{className:"mt-1 break-all font-mono text-xs text-text-main",children:A}),(0,a.jsxs)("div",{className:"mt-1 text-xs text-text-muted",children:["H\xe3y copy ngay. Key mới mặc định chỉ được d\xf9ng ",B||"default model"," trừ khi admin chỉnh quyền model."]})]}),(0,a.jsxs)("div",{className:"flex gap-2",children:[(0,a.jsx)(l.$n,{variant:"secondary",onClick:()=>eh(A,"created"),children:"created"===em?"Đ\xe3 copy":"Copy"}),(0,a.jsx)(l.$n,{variant:"secondary",onClick:()=>S(""),children:"Đ\xf3ng"})]})]})}):null,(0,a.jsx)(l.Zp,{children:u?(0,a.jsxs)("div",{className:"py-10 text-center text-sm text-text-muted",children:[(0,a.jsx)("span",{className:"material-symbols-outlined mr-2 animate-spin align-middle",children:"progress_activity"}),"Đang tải API keys..."]}):0===m.length?(0,a.jsxs)("div",{className:"py-12 text-center text-sm text-text-muted",children:[(0,a.jsx)("span",{className:"material-symbols-outlined mb-2 block text-4xl",children:"vpn_key_off"}),"Chưa c\xf3 API key n\xe0o."]}):(0,a.jsx)("div",{className:"space-y-3",children:m.map(e=>{var t;let s=P.has(e.id),n=e.ownerUser||e.createdByUser||"chưa g\xe1n",r=d(e.allowedModels);return(0,a.jsx)("div",{className:"rounded-2xl border border-border bg-background p-4",children:(0,a.jsxs)("div",{className:"flex flex-col gap-3 lg:flex-row lg:items-start lg:justify-between",children:[(0,a.jsxs)("div",{className:"min-w-0 flex-1 space-y-2",children:[(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,a.jsx)("h3",{className:"font-semibold text-text-main",children:e.name||"API Key"}),(0,a.jsx)("span",{className:`rounded-full px-2 py-0.5 text-xs ${e.isActive?"bg-green-500/10 text-green-600":"bg-red-500/10 text-red-600"}`,children:e.isActive?"Đang bật":"Đ\xe3 tắt"}),(0,a.jsxs)("span",{className:"rounded-full bg-primary/10 px-2 py-0.5 text-xs text-primary",children:["Owner: ",n]}),r.length>0?(0,a.jsxs)("span",{className:"rounded-full bg-blue-500/10 px-2 py-0.5 text-xs text-blue-600",children:[r.length," model"]}):(0,a.jsx)("span",{className:"rounded-full bg-amber-500/10 px-2 py-0.5 text-xs text-amber-700",children:"Legacy full access"})]}),(0,a.jsx)("div",{className:"break-all font-mono text-xs text-text-muted",children:s?e.key:(t=e.key)?t.length>12?`${t.slice(0,8)}...${t.slice(-4)}`:t:""}),(0,a.jsxs)("div",{className:"text-xs text-text-muted",children:["Tạo l\xfac: ",e.createdAt?new Date(e.createdAt).toLocaleString():"kh\xf4ng r\xf5",e.createdByUser?` \xb7 Tạo bởi: ${e.createdByUser}`:""]}),(0,a.jsx)("div",{className:"pt-1",children:(0,a.jsx)(c,{models:r,emptyLabel:"Legacy full model access"})})]}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[(0,a.jsx)(l.lM,{checked:!1!==e.isActive,onChange:t=>eT(e.id,{isActive:t})}),(0,a.jsx)(l.$n,{variant:"secondary",onClick:()=>{var t;return t=e.id,void $(e=>{let s=new Set(e);return s.has(t)?s.delete(t):s.add(t),s})},children:s?"Ẩn":"Hiện"}),(0,a.jsx)(l.$n,{variant:"secondary",onClick:()=>eh(e.key,e.id),children:em===e.id?"Đ\xe3 copy":"Copy"}),(0,a.jsx)(l.$n,{variant:"secondary",onClick:()=>ex(e),children:"API Test"}),(0,a.jsx)(l.$n,{variant:"secondary",onClick:()=>{var t;let s;return t=e.id,s=prompt("T\xean API key mới",e.name||""),void(s?.trim()&&eT(t,{name:s.trim()}))},children:"Đổi t\xean"}),eu?(0,a.jsx)(l.$n,{variant:"secondary",onClick:()=>{eu&&(Q(e),et(d(e.allowedModels)))},children:"Models"}):null,eu?(0,a.jsx)(l.$n,{variant:"secondary",onClick:()=>((e,t)=>{if(!eu)return;let s=prompt("G\xe1n owner username/email",t||ep||"");null!==s&&eT(e,{ownerUser:i(s)})})(e.id,n),children:"G\xe1n owner"}):null,(0,a.jsx)(l.$n,{variant:"danger",onClick:()=>{var t;return t=e.id,void T({title:"X\xf3a API Key",message:"Bạn chắc chắn muốn x\xf3a API key n\xe0y? Thao t\xe1c n\xe0y kh\xf4ng thể ho\xe0n t\xe1c.",onConfirm:async()=>{T(null),(await fetch(`/api/keys/${t}`,{method:"DELETE"})).ok&&await eA()}})},children:"X\xf3a"})]})]})},e.id)})})}),(0,a.jsx)(l.aF,{isOpen:g,onClose:()=>f(!1),title:"Tạo API Key",children:(0,a.jsxs)("div",{className:"space-y-4",children:[B.trim()?eg?(0,a.jsxs)("div",{className:"rounded-xl border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-700 dark:border-red-500/30 dark:bg-red-500/10 dark:text-red-300",children:["Bạn đ\xe3 đạt giới hạn ",ey," API keys. H\xe3y x\xf3a bớt key cũ trước khi tạo key mới."]}):(0,a.jsxs)("div",{className:"rounded-xl border border-blue-200 bg-blue-50 px-3 py-2 text-sm text-blue-700 dark:border-blue-500/30 dark:bg-blue-500/10 dark:text-blue-300",children:["Key n\xe0y sẽ được tạo với quyền d\xf9ng default model: ",(0,a.jsx)("span",{className:"font-mono",children:B}),"."]}):(0,a.jsx)("div",{className:"rounded-xl border border-red-200 bg-red-50 px-3 py-2 text-sm text-red-700 dark:border-red-500/30 dark:bg-red-500/10 dark:text-red-300",children:"Admin cần cấu h\xecnh default model trước khi tạo API key."}),(0,a.jsx)(l.pd,{label:"T\xean key",value:j,onChange:e=>v(e.target.value),placeholder:"VD: VSCode, LibreChat, team-user"}),eu?(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsx)("label",{className:"text-sm font-medium text-text-main",children:"Owner user"}),(0,a.jsxs)("div",{className:"flex gap-2",children:[(0,a.jsx)(l.pd,{value:O,onChange:e=>L(e.target.value),placeholder:"T\xecm user LDAP"}),(0,a.jsx)(l.$n,{variant:"secondary",onClick:()=>eP(O),disabled:D,children:D?"Đang tải":"Tải"})]}),(0,a.jsxs)("select",{value:k,onChange:e=>N(e.target.value),className:"w-full rounded-xl border border-border bg-background px-3 py-2 text-sm text-text-main outline-none focus:border-primary",children:[(0,a.jsxs)("option",{value:ep,children:["G\xe1n cho t\xf4i (",ep||"local",")"]}),eN.map(e=>(0,a.jsx)("option",{value:e.id,children:e.label},e.id))]}),(0,a.jsx)(l.pd,{label:"Ghi đ\xe8 owner thủ c\xf4ng",value:w,onChange:e=>C(e.target.value),placeholder:"username hoặc email, kh\xf4ng bắt buộc",hint:"D\xf9ng khi LDAP kh\xf4ng khả dụng hoặc user kh\xf4ng c\xf3 trong danh s\xe1ch."})]}):(0,a.jsxs)("div",{className:"rounded-xl bg-surface-2 px-3 py-2 text-sm text-text-muted",children:["Owner: ",ep||"user hiện tại"]}),(0,a.jsxs)("div",{className:"flex justify-end gap-2",children:[(0,a.jsx)(l.$n,{variant:"secondary",onClick:()=>f(!1),children:"Hủy"}),(0,a.jsx)(l.$n,{onClick:eI,disabled:eM,children:U?"Đang tạo...":"Tạo"})]})]})}),(0,a.jsx)(l.aF,{isOpen:!!eo,onClose:()=>ex(null),title:"API Test bằng curl Windows",children:(0,a.jsxs)("div",{className:"space-y-4",children:[(0,a.jsx)("div",{className:"rounded-xl border border-blue-200 bg-blue-50 px-3 py-2 text-sm text-blue-700 dark:border-blue-500/30 dark:bg-blue-500/10 dark:text-blue-300",children:"Lệnh dưới đ\xe2y gọi thử endpoint Chat Completions bằng API key đang chọn v\xe0 đ\xe3 nh\xfang sẵn Bearer token. Chỉ copy lệnh n\xe0y cho người được ph\xe9p d\xf9ng key."}),(0,a.jsxs)("div",{className:"grid gap-2 text-sm",children:[(0,a.jsxs)("div",{className:"rounded-xl border border-border bg-background px-3 py-2",children:[(0,a.jsx)("div",{className:"text-xs font-medium uppercase tracking-wide text-text-muted",children:"API Key"}),(0,a.jsx)("div",{className:"mt-1 break-all font-mono text-xs text-text-main",children:eo?.name||"API Key"})]}),(0,a.jsxs)("div",{className:"rounded-xl border border-border bg-background px-3 py-2",children:[(0,a.jsx)("div",{className:"text-xs font-medium uppercase tracking-wide text-text-muted",children:"Endpoint"}),(0,a.jsx)("div",{className:"mt-1 break-all font-mono text-xs text-text-main",children:ej})]}),(0,a.jsxs)("div",{className:"rounded-xl border border-border bg-background px-3 py-2",children:[(0,a.jsx)("div",{className:"text-xs font-medium uppercase tracking-wide text-text-muted",children:"Model test"}),(0,a.jsx)("div",{className:"mt-1 break-all font-mono text-xs text-text-main",children:ev})]})]}),(0,a.jsxs)("div",{className:"space-y-2",children:[(0,a.jsx)("label",{className:"text-sm font-medium text-text-main",children:"Lệnh curl cho Windows CMD"}),(0,a.jsx)("pre",{className:"max-h-[320px] overflow-auto whitespace-pre-wrap break-all rounded-2xl border border-border bg-surface-2 p-3 font-mono text-xs leading-relaxed text-text-main",children:ek}),(0,a.jsx)("p",{className:"text-xs text-text-muted",children:"D\xe1n lệnh v\xe0o CMD hoặc Windows Terminal để test nhanh. Nếu domain dashboard chạy sau reverse proxy, endpoint sẽ d\xf9ng đ\xfang domain đang mở tr\xean tr\xecnh duyệt."})]}),(0,a.jsxs)("div",{className:"flex justify-end gap-2",children:[(0,a.jsx)(l.$n,{variant:"secondary",onClick:()=>ex(null),children:"Đ\xf3ng"}),(0,a.jsx)(l.$n,{onClick:()=>eh(ek,`api-test-curl-${eo?.id||"current"}`),children:em===`api-test-curl-${eo?.id||"current"}`?"Đ\xe3 copy":"Copy lệnh curl"})]})]})}),(0,a.jsx)(o,{open:!!z,keyName:z?.name,models:ee,setModels:et,activeProviders:J,modelAliases:Y,onClose:()=>{Q(null),et([])},onSave:eK,saving:es}),(0,a.jsx)(l.rq,{isOpen:V,onClose:()=>Z(!1),onSelect:e=>{let t=String(e?.value||e?.name||e||"").trim();t&&(R(t),Z(!1))},activeProviders:J,modelAliases:Y,title:"Chọn default model cho API key",selectedModel:q,addedModelValues:q?[q]:[]}),I?(0,a.jsx)(l.uo,{isOpen:!0,onClose:()=>T(null),onConfirm:I.onConfirm,title:I.title,message:I.message,confirmText:"X\xf3a",cancelText:"Hủy",variant:"danger"}):null]})}},84223:(e,t,s)=>{Promise.resolve().then(s.bind(s,56484))}},e=>{e.O(0,[2574,3862,1051,1321,5497,8441,3794,7358],()=>e(e.s=84223)),_N_E=e.O()}]);

package/app/.next-cli-build/static/chunks/app/_global-error/page-2502cf08f3ab5776.js ADDED Viewed

@@ -0,0 +1 @@

+ (self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[39,174,204,335,342,387,451,501,516,543,552,675,747,748,907,931,948,992,997,1077,1088,1091,1110,1118,1200,1288,1337,1382,1451,1512,1566,1666,1674,1697,1860,1907,1910,1946,1949,2121,2198,2222,2284,2296,2525,2536,2772,2785,2797,2919,2922,3025,3038,3079,3161,3397,3472,3507,3549,3562,3568,3883,3888,4010,4061,4118,4245,4286,4422,4444,4612,4656,4674,4761,4896,4993,5018,5107,5177,5211,5226,5466,5637,5685,5745,5922,6091,6107,6121,6268,6319,6479,6529,6580,6594,6740,6743,6819,6919,6988,7131,7158,7241,7311,7429,7445,7473,7508,7520,7545,7758,7824,7851,7988,8026,8095,8167,8207,8246,8273,8433,8453,8489,8573,8648,8736,8791,8814,8870,8948,8974,8975,9027,9069,9088,9141,9199,9226,9321,9395,9461,9678,9709],{84441:()=>{}},_=>{_.O(0,[8441,3794,7358],()=>_(_.s=84441)),_N_E=_.O()}]);

package/app/.next-cli-build/static/chunks/app/api/auth/ldap/test/route-2502cf08f3ab5776.js ADDED Viewed

@@ -0,0 +1 @@