@jheavenknows/bluerouter 5.1.28 → 5.1.30

package/app/.next-cli-build/static/chunks/app/(dashboard)/dashboard/api-keys/{page-36e97475bee7cc05.js → page-368be64b30e3c097.js}

@@ -2,7 +2,7 @@
 
 function getUserName(user) {
   return user.profile.name.trim();
-}`;function I(e){if(null==e||""===e)return"—";let t=Number(e);return Number.isFinite(t)?t.toLocaleString("vi-VN"):"—"}function $(e){if(null==e||""===e)return"—";let t=Number(e);if(!Number.isFinite(t))return"—";let s=t>0?"+":"";return`${s}${t.toFixed(1)}%`}function M(e){if(null==e||""===e)return"—";let t=Number(e);if(!Number.isFinite(t))return"—";let s=t>0?"+":"";return`${s}${t.toLocaleString("vi-VN")}`}function T({label:e,value:t,hint:s,tone:r="default"}){return(0,n.jsxs)("div",{className:`rounded-xl border p-3 ${"good"===r?"border-emerald-500/25 bg-emerald-500/10 text-emerald-800 dark:text-emerald-200":"bad"===r?"border-red-500/25 bg-red-500/10 text-red-700 dark:text-red-300":"border-border bg-surface/70 text-text-main"}`,children:[(0,n.jsx)("div",{className:"text-[11px] font-medium uppercase tracking-wide opacity-70",children:e}),(0,n.jsx)("div",{className:"mt-1 text-lg font-semibold",children:t}),s?(0,n.jsx)("div",{className:"mt-1 text-[11px] opacity-70",children:s}):null]})}function E({apiKey:e,fallbackModels:t,onClose:s}){let l=(0,r.useMemo)(()=>{let s=c(e?.allowedModels);return s.length>0?s:c(t)},[e,t]),[i,d]=(0,r.useState)(""),[o,x]=(0,r.useState)(S),[u,h]=(0,r.useState)("lite"),[p,b]=(0,r.useState)(!1),[g,f]=(0,r.useState)(""),[j,v]=(0,r.useState)(null);if((0,r.useEffect)(()=>{if(!e)return;let s=c(e.allowedModels),n=c(t);d(s[0]||n[0]||""),h(["lite","full","ultra"].includes(e.cavemanLevel)?e.cavemanLevel:"lite"),x(S),b(!1),f(""),v(null)},[e?.id]),!e)return null;let y=!!i&&!!o.trim()&&!p,N=async()=>{if(y){b(!0),f(""),v(null);try{let t=await fetch(`/api/keys/${e.id}/caveman-test`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({model:i,prompt:o.trim(),level:u})}),s=await t.json().catch(()=>({}));if(!t.ok){let e=s?.error?.message||s?.error||s?.message||"Kh\xf4ng chạy được Caveman A/B test";throw Error(e)}v(s)}catch(e){f(e?.message||"Kh\xf4ng chạy được Caveman A/B test")}finally{b(!1)}}},k=j?.baseline||null;return(0,n.jsx)(a.aF,{isOpen:!!e,onClose:()=>!p&&s(),title:"Test Caveman A/B",size:"xl",children:(0,n.jsxs)("div",{className:"space-y-5",children:[(0,n.jsx)("div",{className:"overflow-hidden rounded-2xl border border-indigo-500/25 bg-gradient-to-r from-indigo-500/10 via-primary/5 to-cyan-500/10",children:(0,n.jsxs)("div",{className:"flex flex-col gap-3 p-4 sm:flex-row sm:items-center sm:justify-between",children:[(0,n.jsxs)("div",{className:"flex min-w-0 items-center gap-3",children:[(0,n.jsx)("span",{className:"inline-flex size-11 shrink-0 items-center justify-center rounded-2xl bg-indigo-500/15 text-indigo-700 dark:text-indigo-300",children:(0,n.jsx)("span",{"aria-hidden":"true",className:"material-symbols-outlined text-[25px]",children:"experiment"})}),(0,n.jsxs)("div",{className:"min-w-0",children:[(0,n.jsx)("div",{className:"truncate font-semibold text-text-main",children:e.name||"API Key"}),(0,n.jsx)("div",{className:"mt-0.5 text-xs text-text-muted",children:"So s\xe1nh c\xf9ng prompt: Caveman OFF với mức ON đ\xe3 chọn"})]})]}),(0,n.jsxs)("div",{className:"flex shrink-0 items-center gap-2 text-xs",children:[(0,n.jsx)("span",{className:"rounded-full border border-border bg-background/80 px-2.5 py-1",children:"A/B thực tế"}),(0,n.jsxs)("span",{className:"rounded-full border border-amber-500/30 bg-amber-500/10 px-2.5 py-1 text-amber-700 dark:text-amber-300",children:[2," lượt gọi"]})]})]})}),(0,n.jsxs)("label",{className:"block",children:[(0,n.jsx)("span",{className:"mb-1.5 block text-xs font-medium text-text-muted",children:"Model được ph\xe9p d\xf9ng"}),(0,n.jsxs)("select",{value:i,onChange:e=>d(e.target.value),disabled:p||0===l.length,className:"w-full rounded-xl border border-border bg-background px-3 py-2.5 font-mono text-sm text-text-main outline-none transition focus:border-primary disabled:opacity-60",children:[0===l.length?(0,n.jsx)("option",{value:"",children:"Kh\xf4ng c\xf3 model để test"}):null,l.map(e=>(0,n.jsx)("option",{value:e,children:e},e))]})]}),(0,n.jsxs)("div",{children:[(0,n.jsxs)("div",{className:"mb-2 flex items-center justify-between gap-3",children:[(0,n.jsx)("span",{className:"text-xs font-medium text-text-muted",children:"Mức Caveman"}),(0,n.jsx)("span",{className:"text-[11px] text-text-muted",children:"Temperature = 0 \xb7 tối đa 2.048 output tokens"})]}),(0,n.jsx)("div",{className:"grid gap-2 sm:grid-cols-3",children:A.map(e=>{let t=u===e.value;return(0,n.jsxs)("button",{type:"button",onClick:()=>h(e.value),disabled:p,className:`rounded-xl border p-3 text-left transition ${t?"border-primary bg-primary/10 ring-1 ring-primary/20":"border-border bg-background hover:border-primary/40 hover:bg-surface"} disabled:cursor-default disabled:opacity-80`,children:[(0,n.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,n.jsx)("span",{className:"font-semibold text-text-main",children:e.label}),t?(0,n.jsx)("span",{className:"material-symbols-outlined text-[17px] text-primary",children:"check_circle"}):null]}),(0,n.jsx)("div",{className:"mt-1 text-xs text-text-muted",children:e.description})]},e.value)})})]}),(0,n.jsxs)("label",{className:"block",children:[(0,n.jsxs)("div",{className:"mb-1.5 flex items-center justify-between gap-3",children:[(0,n.jsx)("span",{className:"text-xs font-medium text-text-muted",children:"Prompt test"}),(0,n.jsxs)("span",{className:`text-[11px] ${o.length>12e3?"text-red-600":"text-text-muted"}`,children:[o.length.toLocaleString("vi-VN"),"/12.000 k\xfd tự"]})]}),(0,n.jsx)("textarea",{value:o,onChange:e=>x(e.target.value.slice(0,12e3)),disabled:p,rows:7,className:"w-full resize-y rounded-xl border border-border bg-background px-3 py-3 font-mono text-sm leading-6 text-text-main outline-none transition focus:border-primary disabled:opacity-70",placeholder:"Nhập c\xf9ng một prompt để so s\xe1nh Caveman OFF v\xe0 ON..."})]}),(0,n.jsxs)("div",{className:"rounded-xl border border-amber-500/30 bg-amber-500/10 p-3 text-xs leading-5 text-amber-800 dark:text-amber-200",children:[(0,n.jsx)("b",{children:"Lưu \xfd chi ph\xed:"})," ph\xe9p thử gọi provider thật v\xe0 tạo usage/log như request b\xecnh thường. Mỗi lần test d\xf9ng đ\xfang 2 lượt gọi: một baseline OFF v\xe0 một lượt ON ở mức đ\xe3 chọn. Kết quả vẫn c\xf3 thể dao động nhẹ theo model."]}),g?(0,n.jsxs)("div",{className:"flex items-start gap-2 rounded-xl border border-red-500/30 bg-red-500/10 p-3 text-sm text-red-700 dark:text-red-300",children:[(0,n.jsx)("span",{"aria-hidden":"true",className:"material-symbols-outlined text-[19px]",children:"error"}),(0,n.jsx)("span",{children:g})]}):null,p?(0,n.jsxs)("div",{className:"rounded-2xl border border-primary/25 bg-primary/5 p-6 text-center",children:[(0,n.jsx)("span",{className:"material-symbols-outlined animate-spin text-3xl text-primary",children:"progress_activity"}),(0,n.jsxs)("div",{className:"mt-2 font-medium text-text-main",children:["Đang chạy ",2," lượt A/B..."]}),(0,n.jsx)("div",{className:"mt-1 text-xs text-text-muted",children:"Giữ modal mở cho tới khi model trả đủ kết quả. Mỗi lượt c\xf3 timeout tối đa 5 ph\xfat."})]}):null,j&&k?(0,n.jsxs)("div",{className:"space-y-4",children:[(0,n.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("h3",{className:"font-semibold text-text-main",children:"Kết quả A/B"}),(0,n.jsxs)("p",{className:"text-xs text-text-muted",children:[j.model," \xb7 ",j.callsMade," lượt gọi \xb7 output cap ",I(j.maxOutputTokens)]})]}),(0,n.jsxs)("span",{className:"rounded-full border border-border bg-surface px-3 py-1 text-xs text-text-muted",children:["Baseline OFF: ",I(k.usage?.outputTokens)," output tokens"]})]}),(0,n.jsx)("div",{className:"grid gap-3 lg:grid-cols-1",children:(j.results||[]).map(e=>{if(e.error)return(0,n.jsxs)("div",{className:"rounded-2xl border border-red-500/30 bg-red-500/10 p-4",children:[(0,n.jsx)("div",{className:"font-semibold uppercase text-red-700 dark:text-red-300",children:e.level}),(0,n.jsx)("div",{className:"mt-2 text-sm text-red-700 dark:text-red-300",children:e.error})]},e.level);let t=e.savings?.outputSaved,s=e.savings?.outputSavedPercent,r=k.usage?.outputTokens!==null&&e.usage?.outputTokens!==null,a=Number(t)>0,l=0>Number(t),i=Number.isFinite(Number(s))?Math.max(0,Math.min(100,Number(s))):0;return(0,n.jsxs)("div",{className:"overflow-hidden rounded-2xl border border-border bg-background shadow-sm",children:[(0,n.jsxs)("div",{className:"flex items-center justify-between gap-2 border-b border-border bg-surface/60 px-4 py-3",children:[(0,n.jsxs)("div",{className:"flex items-center gap-2",children:[(0,n.jsx)("span",{className:"inline-flex size-8 items-center justify-center rounded-xl bg-primary/10 text-primary",children:(0,n.jsx)("span",{"aria-hidden":"true",className:"material-symbols-outlined text-[19px]",children:"compress"})}),(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:"font-semibold uppercase text-text-main",children:e.level}),(0,n.jsxs)("div",{className:"text-[11px] text-text-muted",children:[I(e.latencyMs)," ms"]})]})]}),(0,n.jsx)("span",{className:`rounded-full px-2.5 py-1 text-xs font-semibold ${a?"bg-emerald-500/15 text-emerald-700 dark:text-emerald-300":l?"bg-red-500/15 text-red-700 dark:text-red-300":"bg-surface text-text-muted"}`,children:r?`${M(t)} tokens`:"No usage"})]}),(0,n.jsxs)("div",{className:"space-y-3 p-4",children:[(0,n.jsxs)("div",{className:"grid grid-cols-2 gap-2",children:[(0,n.jsx)(T,{label:"OFF output",value:I(k.usage?.outputTokens)}),(0,n.jsx)(T,{label:"ON output",value:I(e.usage?.outputTokens),tone:a?"good":l?"bad":"default"}),(0,n.jsx)(T,{label:"Output giảm",value:r?$(s):"—",hint:r?`${M(t)} token`:"Provider kh\xf4ng trả usage",tone:a?"good":l?"bad":"default"}),(0,n.jsx)(T,{label:"Input overhead",value:M(e.savings?.inputOverhead),hint:"instruction Caveman"})]}),(0,n.jsxs)("div",{children:[(0,n.jsxs)("div",{className:"mb-1 flex justify-between text-[11px] text-text-muted",children:[(0,n.jsx)("span",{children:"Hiệu quả output"}),(0,n.jsx)("span",{children:r?$(s):"—"})]}),(0,n.jsx)("div",{className:"h-2 overflow-hidden rounded-full bg-surface",children:(0,n.jsx)("div",{className:`h-full rounded-full transition-all ${a?"bg-emerald-500":"bg-red-500"}`,style:{width:`${i}%`}})})]}),(0,n.jsxs)("div",{className:"flex items-center justify-between rounded-xl border border-border bg-surface/50 px-3 py-2 text-xs",children:[(0,n.jsx)("span",{className:"text-text-muted",children:"Net total token"}),(0,n.jsxs)("span",{className:`font-semibold ${Number(e.savings?.totalSaved)>0?"text-emerald-700 dark:text-emerald-300":0>Number(e.savings?.totalSaved)?"text-red-600":"text-text-main"}`,children:[M(e.savings?.totalSaved)," (",$(e.savings?.totalSavedPercent),")"]})]})]})]},e.level)})}),(0,n.jsxs)("div",{className:"grid gap-3 lg:grid-cols-2",children:[(0,n.jsxs)("details",{className:"overflow-hidden rounded-xl border border-border bg-background",open:!0,children:[(0,n.jsx)("summary",{className:"cursor-pointer bg-surface/60 px-4 py-3 text-sm font-medium text-text-main",children:"Output baseline \xb7 Caveman OFF"}),(0,n.jsx)("pre",{className:"max-h-80 overflow-auto whitespace-pre-wrap p-4 text-xs leading-5 text-text-muted",children:k.output||"Model kh\xf4ng trả content text."})]}),(j.results||[]).map(e=>(0,n.jsxs)("details",{className:"overflow-hidden rounded-xl border border-border bg-background",open:!0,children:[(0,n.jsxs)("summary",{className:"cursor-pointer bg-surface/60 px-4 py-3 text-sm font-medium text-text-main",children:["Output Caveman \xb7 ",String(e.level||"").toUpperCase()]}),(0,n.jsx)("pre",{className:"max-h-80 overflow-auto whitespace-pre-wrap p-4 text-xs leading-5 text-text-muted",children:e.error||e.output||"Model kh\xf4ng trả content text."})]},`output-${e.level}`))]}),(0,n.jsx)("p",{className:"text-[11px] leading-5 text-text-muted",children:j.note})]}):null,(0,n.jsxs)("div",{className:"flex flex-wrap justify-end gap-2 border-t border-border pt-4",children:[(0,n.jsx)(a.$n,{variant:"ghost",onClick:s,disabled:p,children:"Đ\xf3ng"}),(0,n.jsx)(a.$n,{onClick:N,disabled:!y||o.length>12e3,children:(0,n.jsx)(m,{materialIcon:p?"progress_activity":"experiment",children:p?"Đang test...":"Chạy A/B (2 calls)"})})]})]})})}function F({apiKey:e,owner:t,isAdmin:s,onRename:a,onRotate:l,onEditModels:i,onEditPolicy:d,onAssignOwner:o,onDelete:c}){let[x,u]=(0,r.useState)(!1),h=(0,r.useRef)(null);(0,r.useEffect)(()=>{if(!x)return;let e=e=>{!h.current||h.current.contains(e.target)||u(!1)},t=e=>{"Escape"===e.key&&u(!1)};return document.addEventListener("pointerdown",e,!0),document.addEventListener("keydown",t),()=>{document.removeEventListener("pointerdown",e,!0),document.removeEventListener("keydown",t)}},[h,x,u]);let p=e=>{u(!1),e()};return(0,n.jsxs)("details",{ref:h,className:"group",open:x,onToggle:e=>u(e.currentTarget.open),children:[(0,n.jsx)("summary",{title:"Thao t\xe1c kh\xe1c",className:"flex h-9 cursor-pointer list-none items-center rounded-xl border border-border bg-background px-3 text-sm font-medium text-text-main transition hover:border-primary/50 hover:bg-surface focus:outline-none focus:ring-2 focus:ring-primary/20 [&::-webkit-details-marker]:hidden",children:(0,n.jsx)("span",{"aria-hidden":"true",className:"text-lg leading-none",children:"⋯"})}),(0,n.jsxs)("div",{className:"ml-auto mt-2 w-48 overflow-hidden rounded-xl border border-border bg-background py-1 text-left shadow-xl shadow-black/10",children:[(0,n.jsx)("button",{type:"button",className:"block w-full px-3 py-2 text-left text-sm text-text-main transition hover:bg-surface",onClick:()=>p(()=>a(e.id,e.name)),children:(0,n.jsx)(m,{icon:"✏️",children:"Đổi t\xean"})}),(0,n.jsx)("button",{type:"button",className:"block w-full px-3 py-2 text-left text-sm text-text-main transition hover:bg-surface",onClick:()=>p(()=>l(e)),children:(0,n.jsx)(m,{materialIcon:"key",children:"Đổi key"})}),(0,n.jsx)("div",{className:"my-1 border-t border-border"}),(0,n.jsx)("button",{type:"button",className:"block w-full px-3 py-2 text-left text-sm text-text-main transition hover:bg-surface",onClick:()=>p(()=>i(e)),children:(0,n.jsx)(m,{icon:"\uD83D\uDCE6",children:"Models"})}),s?(0,n.jsx)("button",{type:"button",className:"block w-full px-3 py-2 text-left text-sm text-text-main transition hover:bg-surface",onClick:()=>p(()=>d(e)),children:(0,n.jsx)(m,{icon:"\uD83D\uDEE1️",children:"Policy"})}):null,s?(0,n.jsx)("button",{type:"button",className:"block w-full px-3 py-2 text-left text-sm text-text-main transition hover:bg-surface",onClick:()=>p(()=>o(e.id,t)),children:(0,n.jsx)(m,{icon:"\uD83D\uDC64",children:"Owner"})}):null,(0,n.jsx)("div",{className:"my-1 border-t border-border"}),(0,n.jsx)("button",{type:"button",className:"block w-full px-3 py-2 text-left text-sm font-medium text-red-600 transition hover:bg-red-500/10",onClick:()=>p(()=>c(e.id)),children:(0,n.jsx)(m,{icon:"\uD83D\uDDD1️",children:"X\xf3a"})})]})]})}function K({mode:e,effectiveEnabled:t,effectiveLevel:s,globalEnabled:r,onEdit:a,onInfo:l,onTest:i}){let d=String(s||"lite").toUpperCase();return(0,n.jsxs)("div",{className:`inline-flex max-w-full items-center gap-1.5 whitespace-nowrap rounded-xl border px-2 py-1.5 shadow-sm ${t?"border-emerald-500/30 bg-emerald-500/10 text-emerald-800 dark:text-emerald-200":"border-slate-300/80 bg-slate-500/5 text-slate-700 dark:border-slate-600 dark:text-slate-300"}`,title:`Caveman ${t?"ON":"OFF"} \xb7 ${"inherit"===e?"Kế thừa Global":"on"===e?"Force ON":"Force OFF"} \xb7 Global ${r?"ON":"OFF"} \xb7 Mức ${d}`,children:[(0,n.jsx)("span",{className:`inline-flex size-5 shrink-0 items-center justify-center rounded-md ${t?"bg-emerald-500/15 text-emerald-700 dark:text-emerald-300":"bg-slate-500/10 text-slate-600 dark:text-slate-300"}`,children:(0,n.jsx)("span",{"aria-hidden":"true",className:"material-symbols-outlined text-[15px] leading-none",children:"compress"})}),(0,n.jsx)("button",{type:"button",onClick:l,className:"shrink-0 rounded-md font-semibold underline-offset-2 transition hover:text-primary hover:underline focus:outline-none focus:ring-2 focus:ring-primary/25",title:"Xem hướng dẫn Caveman","aria-label":"Mở hướng dẫn Caveman",children:"Caveman"}),(0,n.jsx)("button",{type:"button",onClick:a,className:`shrink-0 rounded-full border px-2 py-0.5 text-[10px] font-bold tracking-wide transition focus:outline-none focus:ring-2 focus:ring-primary/25 ${t?"border-emerald-500/40 bg-emerald-600 text-white hover:bg-emerald-700":"border-slate-300 bg-white text-slate-600 hover:border-primary/50 hover:text-primary dark:border-slate-600 dark:bg-slate-900/40 dark:text-slate-300"}`,"aria-label":`Mở cấu h\xecnh Caveman, hiện đang ${t?"bật":"tắt"}`,children:t?"ON":"OFF"}),(0,n.jsxs)("span",{className:`inline-flex shrink-0 items-center gap-1 rounded-full border px-2 py-0.5 text-[10px] font-semibold ${t?"border-emerald-500/25 bg-white/55 text-emerald-800 dark:bg-slate-950/20 dark:text-emerald-200":"border-slate-300/80 bg-white/55 text-slate-500 dark:border-slate-600 dark:bg-slate-950/20 dark:text-slate-400"}`,children:[(0,n.jsx)("span",{"aria-hidden":"true",className:"material-symbols-outlined text-[12px] leading-none",children:"tune"}),d]}),(0,n.jsx)("span",{"aria-hidden":"true",className:"h-5 w-px shrink-0 bg-current opacity-15"}),(0,n.jsxs)("button",{type:"button",onClick:i,className:"inline-flex shrink-0 items-center gap-1 rounded-lg border border-indigo-500/30 bg-indigo-500/10 px-2 py-0.5 text-[10px] font-semibold text-indigo-700 transition hover:border-indigo-500/60 hover:bg-indigo-500/20 focus:outline-none focus:ring-2 focus:ring-indigo-500/25 dark:text-indigo-300",title:"Test A/B Caveman với một mức n\xe9n","aria-label":"Mở Caveman A/B test",children:[(0,n.jsx)("span",{"aria-hidden":"true",className:"material-symbols-outlined text-[13px] leading-none",children:"experiment"}),"Test"]})]})}function L({keys:e,copied:t,copy:s,isAdmin:r,globalCavemanEnabled:l,globalCavemanLevel:i,onToggleActive:d,onApiTest:o,onClaudeSettings:x,onOpenCodeSettings:m,onCodexSettings:u,onQwenSettings:h,onRename:p,onRotate:f,onEditModels:j,onEditPolicy:v,onEditCaveman:y,onShowCavemanInfo:N,onCavemanTest:k,onAssignOwner:C,onDelete:w}){return(0,n.jsx)("div",{className:"overflow-hidden rounded-2xl border border-border",children:(0,n.jsx)("div",{className:"overflow-x-auto",children:(0,n.jsxs)("table",{className:"min-w-full divide-y divide-border text-sm",children:[(0,n.jsx)("thead",{className:"bg-surface/80 text-left text-xs uppercase tracking-wide text-text-muted",children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{className:"whitespace-nowrap px-4 py-3 font-medium",children:"T\xean / Key"}),(0,n.jsx)("th",{className:"whitespace-nowrap px-4 py-3 font-medium",children:"Trạng th\xe1i"}),(0,n.jsx)("th",{className:"whitespace-nowrap px-4 py-3 font-medium",children:"Owner"}),(0,n.jsx)("th",{className:"whitespace-nowrap px-4 py-3 font-medium",children:"Model"}),(0,n.jsx)("th",{className:"whitespace-nowrap px-4 py-3 font-medium",children:"Policy"}),(0,n.jsx)("th",{className:"whitespace-nowrap px-4 py-3 font-medium",children:"Ng\xe0y tạo"}),(0,n.jsx)("th",{className:"whitespace-nowrap px-4 py-3 text-right font-medium",children:"Thao t\xe1c"})]})}),(0,n.jsx)("tbody",{className:"divide-y divide-border bg-background",children:e.map(e=>{var O;let A=e.ownerUser||e.createdByUser||"chưa g\xe1n",S=c(e.allowedModels),I=b(e.limits),$=g(e.limits||{}),M=e.cavemanMode||"inherit",T="on"===M||"off"!==M&&l,E="on"===M?e.cavemanLevel||"lite":i;return(0,n.jsxs)("tr",{className:"align-top transition hover:bg-surface/50",children:[(0,n.jsxs)("td",{className:"min-w-[280px] px-4 py-4",children:[(0,n.jsx)("div",{className:"font-medium text-text-main",children:e.name||"API Key"}),(0,n.jsxs)("div",{className:"group/key mt-2 flex max-w-[380px] items-center gap-2 rounded-xl border border-border bg-surface px-3 py-2 font-mono text-xs text-text-main",children:[(0,n.jsx)("span",{className:"min-w-0 flex-1 truncate",children:(O=e.key)?O.length>12?`${O.slice(0,8)}...${O.slice(-4)}`:O:""}),(0,n.jsxs)("div",{className:"relative shrink-0 group/btn",children:[(0,n.jsx)("button",{type:"button",onClick:()=>s(e.key,e.id),className:"rounded p-0.5 text-text-muted transition hover:bg-sidebar hover:text-primary","aria-label":t===e.id?"Đ\xe3 copy":"Copy API key",children:(0,n.jsx)("span",{className:"material-symbols-outlined text-sm",children:t===e.id?"check":"content_copy"})}),(0,n.jsx)("span",{className:"pointer-events-none absolute left-1/2 top-5 mt-1 -translate-x-1/2 whitespace-nowrap text-[10px] text-text-muted opacity-0 transition-opacity group-hover/btn:opacity-100",children:t===e.id?"Copied!":"Copy"})]}),(0,n.jsxs)("div",{className:"relative shrink-0 group/btn",children:[(0,n.jsx)("button",{type:"button",onClick:()=>o(e),className:"rounded p-0.5 text-text-muted transition hover:bg-sidebar hover:text-primary","aria-label":"Test API key bằng curl",children:(0,n.jsx)("span",{className:"material-symbols-outlined text-sm",children:"science"})}),(0,n.jsx)("span",{className:"pointer-events-none absolute left-1/2 top-5 mt-1 -translate-x-1/2 whitespace-nowrap text-[10px] text-text-muted opacity-0 transition-opacity group-hover/btn:opacity-100",children:"Test"})]})]}),e.createdByUser?(0,n.jsxs)("div",{className:"mt-2 text-xs text-text-muted",children:["Tạo bởi: ",e.createdByUser]}):null]}),(0,n.jsx)("td",{className:"whitespace-nowrap px-4 py-4",children:(0,n.jsx)(a.lM,{checked:!!e.isActive,onChange:t=>d(e.id,t)})}),(0,n.jsx)("td",{className:"min-w-[160px] px-4 py-4",children:(0,n.jsx)("div",{className:"break-all text-sm text-text-main",children:A})}),(0,n.jsx)("td",{className:"px-4 py-4 align-top",children:S.length>0?(0,n.jsxs)("div",{className:"flex flex-col items-start gap-1",children:[S.slice(0,3).map(e=>(0,n.jsx)("span",{className:"max-w-full truncate rounded-full border border-border bg-surface px-2 py-1 font-mono text-xs",children:e},e)),S.length>3?(0,n.jsxs)("span",{className:"rounded-full border border-border bg-surface px-2 py-1 text-xs",children:["+",S.length-3]}):null]}):(0,n.jsx)("span",{className:"inline-block rounded-full border border-amber-500/30 bg-amber-500/10 px-2 py-1 text-xs text-amber-700 dark:text-amber-300",children:"Legacy full access"})}),(0,n.jsx)("td",{className:"px-4 py-4 align-top",children:(0,n.jsxs)("div",{className:"flex flex-col items-start gap-1 text-xs",children:[I?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("span",{className:"rounded-full border border-border bg-surface px-2 py-1",children:$.enabled?"bật":"tắt"}),(0,n.jsxs)("span",{className:"rounded-full border border-border bg-surface px-2 py-1",children:[$.requestsPerMinute||"∞","/ph\xfat"]}),(0,n.jsxs)("span",{className:"rounded-full border border-border bg-surface px-2 py-1",children:[$.promptCharsMax||"∞"," chars"]}),r&&$.maxOutputTokens>0?(0,n.jsxs)("span",{className:"rounded-full border border-border bg-surface px-2 py-1",children:[$.maxOutputTokens," out"]}):null,r&&$.forceThinkingOff?(0,n.jsx)("span",{className:"rounded-full border border-border bg-surface px-2 py-1",children:"thinking off"}):null,$.allowedIpCidrs.length>0?(0,n.jsx)("span",{className:"rounded-full border border-border bg-surface px-2 py-1",children:"IP locked"}):null]}):(0,n.jsx)("span",{className:"rounded-full border border-border bg-surface px-2 py-1 text-text-muted",children:"Policy: chưa set"}),(0,n.jsx)(K,{mode:M,effectiveEnabled:T,effectiveLevel:E,globalEnabled:l,onEdit:()=>y(e),onInfo:()=>N(e),onTest:()=>k(e)})]})}),(0,n.jsx)("td",{className:"min-w-[150px] px-4 py-4 text-xs text-text-muted",children:function(e){if(!e)return"kh\xf4ng r\xf5";try{return new Date(e).toLocaleString()}catch{return String(e)}}(e.createdAt)}),(0,n.jsx)("td",{className:"min-w-[200px] px-4 py-4",children:(0,n.jsxs)("div",{className:"flex items-center justify-end gap-2",children:[(0,n.jsx)(F,{apiKey:e,owner:A,isAdmin:r,onRename:p,onRotate:f,onEditModels:j,onEditPolicy:v,onAssignOwner:C,onDelete:w}),(0,n.jsx)(P,{apiKey:e,onClaudeSettings:x,onOpenCodeSettings:m,onCodexSettings:u,onQwenSettings:h})]})})]},e.id)})})]})})})}function _(){let e,t,s,m,[h,p]=(0,r.useState)([]),[v,w]=(0,r.useState)(!0),[P,A]=(0,r.useState)(""),[S,I]=(0,r.useState)(!1),[$,M]=(0,r.useState)(""),[T,F]=(0,r.useState)(""),[K,_]=(0,r.useState)(""),[R,D]=(0,r.useState)(""),[U,q]=(0,r.useState)(null),[B,z]=(0,r.useState)([]),[H,G]=(0,r.useState)(""),[W,Y]=(0,r.useState)(!1),[J,V]=(0,r.useState)(!1),[Q,X]=(0,r.useState)([]),[Z,ee]=(0,r.useState)([]),[et,es]=(0,r.useState)(!1),[en,er]=(0,r.useState)(d),[ea,el]=(0,r.useState)(d),[ei,ed]=(0,r.useState)(!1),[eo,ec]=(0,r.useState)(!1),[ex,em]=(0,r.useState)(!1),[eu,eh]=(0,r.useState)([]),[ep,eb]=(0,r.useState)({}),[eg,ef]=(0,r.useState)(!1),[ej,ev]=(0,r.useState)(!1),[ey,eN]=(0,r.useState)(null),[ek,eC]=(0,r.useState)([]),[ew,eP]=(0,r.useState)(!1),[eO,eA]=(0,r.useState)(null),[eS,eI]=(0,r.useState)(d),[e$,eM]=(0,r.useState)(!1),[eT,eE]=(0,r.useState)(null),[eF,eK]=(0,r.useState)(null),[eL,e_]=(0,r.useState)(null),[eR,eD]=(0,r.useState)(!1),[eU,eq]=(0,r.useState)(!1),[eB,ez]=(0,r.useState)("full"),[eH,eG]=(0,r.useState)(5),[eW,eY]=(0,r.useState)(0),[eJ,eV]=(0,r.useState)(0),[eQ,eX]=(0,r.useState)(""),[eZ,e0]=(0,r.useState)(null),[e1,e2]=(0,r.useState)(null),[e3,e5]=(0,r.useState)(null),[e4,e8]=(0,r.useState)(null),[e7,e6]=(0,r.useState)(null),[e9,te]=(0,r.useState)(""),[tt,ts]=(0,r.useState)(""),[tn,tr]=(0,r.useState)("all"),[ta,tl]=(0,r.useState)(1),[ti,td]=(0,r.useState)(25),[to,tc]=(0,r.useState)({page:1,pageSize:25,total:0,totalAll:0,totalPages:1,status:"all",search:""}),{copied:tx,copy:tm}=(0,i.C)(),{isAdmin:tu,isMonitorAdmin:th,canManageApiKeys:tp,userId:tb}=(0,l.s)(),tg=tu||th||tp,tf=Number.isFinite(Number(eH))?Number(eH):5,tj=Number.isFinite(Number(eW))?Number(eW):h.length,tv=Number.isFinite(Number(eJ))?Number(eJ):Number(to.totalAll||to.total||0),ty=Number(to.total||0),tN=!tg&&tj>=tf,tk=eQ?`${eQ}/v1`:"/v1",tC=eQ?`${eQ}/v1/chat/completions`:"/v1/chat/completions",tw=c(Q)[0]||"",tP=(e=c(eZ?.allowedModels)[0],t=String(tw||"").trim(),e||t||"YOUR_MODEL"),tO=eZ?g(eZ.limits||{}):d,tA=tO.maxOutputTokens>0?tO.maxOutputTokens:0,tS=eZ?function({endpoint:e,apiKey:t,model:s,maxOutputTokens:n=0}){let r=String(e||"/v1/chat/completions").replace(/"/g,""),a=String(t||"YOUR_API_KEY").replace(/"/g,""),l=u(n,0),i={model:String(s||"YOUR_MODEL"),messages:[{role:"user",content:"Say hi.\nReply in one short sentence."}],temperature:.2,stream:!1};l>0&&(i.max_tokens=l);let d=JSON.stringify(i).replace(/"/g,'\\"');return`curl.exe -X POST "${r}" ^
+}`;function I(e){if(null==e||""===e)return"—";let t=Number(e);return Number.isFinite(t)?t.toLocaleString("vi-VN"):"—"}function $(e){if(null==e||""===e)return"—";let t=Number(e);if(!Number.isFinite(t))return"—";let s=t>0?"+":"";return`${s}${t.toFixed(1)}%`}function M(e){if(null==e||""===e)return"—";let t=Number(e);if(!Number.isFinite(t))return"—";let s=t>0?"+":"";return`${s}${t.toLocaleString("vi-VN")}`}function T({label:e,value:t,hint:s,tone:r="default"}){return(0,n.jsxs)("div",{className:`rounded-xl border p-3 ${"good"===r?"border-emerald-500/25 bg-emerald-500/10 text-emerald-800 dark:text-emerald-200":"bad"===r?"border-red-500/25 bg-red-500/10 text-red-700 dark:text-red-300":"border-border bg-surface/70 text-text-main"}`,children:[(0,n.jsx)("div",{className:"text-[11px] font-medium uppercase tracking-wide opacity-70",children:e}),(0,n.jsx)("div",{className:"mt-1 text-lg font-semibold",children:t}),s?(0,n.jsx)("div",{className:"mt-1 text-[11px] opacity-70",children:s}):null]})}function E({apiKey:e,fallbackModels:t,onClose:s}){let l=(0,r.useMemo)(()=>{let s=c(e?.allowedModels);return s.length>0?s:c(t)},[e,t]),[i,d]=(0,r.useState)(""),[o,x]=(0,r.useState)(S),[u,h]=(0,r.useState)("lite"),[p,b]=(0,r.useState)(!1),[g,f]=(0,r.useState)(""),[j,v]=(0,r.useState)(null);if((0,r.useEffect)(()=>{if(!e)return;let s=c(e.allowedModels),n=c(t);d(s[0]||n[0]||""),h(["lite","full","ultra"].includes(e.cavemanLevel)?e.cavemanLevel:"lite"),x(S),b(!1),f(""),v(null)},[e?.id]),!e)return null;let y=!!i&&!!o.trim()&&!p,N=async()=>{if(y){b(!0),f(""),v(null);try{let t=await fetch(`/api/keys/${e.id}/caveman-test`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({model:i,prompt:o.trim(),level:u})}),s=await t.json().catch(()=>({}));if(!t.ok){let e=s?.error?.message||s?.error||s?.message||"Kh\xf4ng chạy được Caveman A/B test";throw Error(e)}v(s)}catch(e){f(e?.message||"Kh\xf4ng chạy được Caveman A/B test")}finally{b(!1)}}},k=j?.baseline||null;return(0,n.jsx)(a.aF,{isOpen:!!e,onClose:()=>!p&&s(),title:"Test Caveman A/B",size:"xl",children:(0,n.jsxs)("div",{className:"space-y-5",children:[(0,n.jsx)("div",{className:"overflow-hidden rounded-2xl border border-indigo-500/25 bg-gradient-to-r from-indigo-500/10 via-primary/5 to-cyan-500/10",children:(0,n.jsxs)("div",{className:"flex flex-col gap-3 p-4 sm:flex-row sm:items-center sm:justify-between",children:[(0,n.jsxs)("div",{className:"flex min-w-0 items-center gap-3",children:[(0,n.jsx)("span",{className:"inline-flex size-11 shrink-0 items-center justify-center rounded-2xl bg-indigo-500/15 text-indigo-700 dark:text-indigo-300",children:(0,n.jsx)("span",{"aria-hidden":"true",className:"material-symbols-outlined text-[25px]",children:"experiment"})}),(0,n.jsxs)("div",{className:"min-w-0",children:[(0,n.jsx)("div",{className:"truncate font-semibold text-text-main",children:e.name||"API Key"}),(0,n.jsx)("div",{className:"mt-0.5 text-xs text-text-muted",children:"So s\xe1nh c\xf9ng prompt: Caveman OFF với mức ON đ\xe3 chọn"})]})]}),(0,n.jsxs)("div",{className:"flex shrink-0 items-center gap-2 text-xs",children:[(0,n.jsx)("span",{className:"rounded-full border border-border bg-background/80 px-2.5 py-1",children:"A/B thực tế"}),(0,n.jsxs)("span",{className:"rounded-full border border-amber-500/30 bg-amber-500/10 px-2.5 py-1 text-amber-700 dark:text-amber-300",children:[2," lượt gọi"]})]})]})}),(0,n.jsxs)("label",{className:"block",children:[(0,n.jsx)("span",{className:"mb-1.5 block text-xs font-medium text-text-muted",children:"Model được ph\xe9p d\xf9ng"}),(0,n.jsxs)("select",{value:i,onChange:e=>d(e.target.value),disabled:p||0===l.length,className:"w-full rounded-xl border border-border bg-background px-3 py-2.5 font-mono text-sm text-text-main outline-none transition focus:border-primary disabled:opacity-60",children:[0===l.length?(0,n.jsx)("option",{value:"",children:"Kh\xf4ng c\xf3 model để test"}):null,l.map(e=>(0,n.jsx)("option",{value:e,children:e},e))]})]}),(0,n.jsxs)("div",{children:[(0,n.jsxs)("div",{className:"mb-2 flex items-center justify-between gap-3",children:[(0,n.jsx)("span",{className:"text-xs font-medium text-text-muted",children:"Mức Caveman"}),(0,n.jsx)("span",{className:"text-[11px] text-text-muted",children:"Tối đa 2.048 output tokens"})]}),(0,n.jsx)("div",{className:"grid gap-2 sm:grid-cols-3",children:A.map(e=>{let t=u===e.value;return(0,n.jsxs)("button",{type:"button",onClick:()=>h(e.value),disabled:p,className:`rounded-xl border p-3 text-left transition ${t?"border-primary bg-primary/10 ring-1 ring-primary/20":"border-border bg-background hover:border-primary/40 hover:bg-surface"} disabled:cursor-default disabled:opacity-80`,children:[(0,n.jsxs)("div",{className:"flex items-center justify-between gap-2",children:[(0,n.jsx)("span",{className:"font-semibold text-text-main",children:e.label}),t?(0,n.jsx)("span",{className:"material-symbols-outlined text-[17px] text-primary",children:"check_circle"}):null]}),(0,n.jsx)("div",{className:"mt-1 text-xs text-text-muted",children:e.description})]},e.value)})})]}),(0,n.jsxs)("label",{className:"block",children:[(0,n.jsxs)("div",{className:"mb-1.5 flex items-center justify-between gap-3",children:[(0,n.jsx)("span",{className:"text-xs font-medium text-text-muted",children:"Prompt test"}),(0,n.jsxs)("span",{className:`text-[11px] ${o.length>12e3?"text-red-600":"text-text-muted"}`,children:[o.length.toLocaleString("vi-VN"),"/12.000 k\xfd tự"]})]}),(0,n.jsx)("textarea",{value:o,onChange:e=>x(e.target.value.slice(0,12e3)),disabled:p,rows:7,className:"w-full resize-y rounded-xl border border-border bg-background px-3 py-3 font-mono text-sm leading-6 text-text-main outline-none transition focus:border-primary disabled:opacity-70",placeholder:"Nhập c\xf9ng một prompt để so s\xe1nh Caveman OFF v\xe0 ON..."})]}),(0,n.jsxs)("div",{className:"rounded-xl border border-amber-500/30 bg-amber-500/10 p-3 text-xs leading-5 text-amber-800 dark:text-amber-200",children:[(0,n.jsx)("b",{children:"Lưu \xfd chi ph\xed:"})," ph\xe9p thử gọi provider thật v\xe0 tạo usage/log như request b\xecnh thường. Mỗi lần test d\xf9ng đ\xfang 2 lượt gọi: một baseline OFF v\xe0 một lượt ON ở mức đ\xe3 chọn. Kết quả vẫn c\xf3 thể dao động nhẹ theo model."]}),g?(0,n.jsxs)("div",{className:"flex items-start gap-2 rounded-xl border border-red-500/30 bg-red-500/10 p-3 text-sm text-red-700 dark:text-red-300",children:[(0,n.jsx)("span",{"aria-hidden":"true",className:"material-symbols-outlined text-[19px]",children:"error"}),(0,n.jsx)("span",{children:g})]}):null,p?(0,n.jsxs)("div",{className:"rounded-2xl border border-primary/25 bg-primary/5 p-6 text-center",children:[(0,n.jsx)("span",{className:"material-symbols-outlined animate-spin text-3xl text-primary",children:"progress_activity"}),(0,n.jsxs)("div",{className:"mt-2 font-medium text-text-main",children:["Đang chạy ",2," lượt A/B..."]}),(0,n.jsx)("div",{className:"mt-1 text-xs text-text-muted",children:"Giữ modal mở cho tới khi model trả đủ kết quả. Mỗi lượt c\xf3 timeout tối đa 5 ph\xfat."})]}):null,j&&k?(0,n.jsxs)("div",{className:"space-y-4",children:[(0,n.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("h3",{className:"font-semibold text-text-main",children:"Kết quả A/B"}),(0,n.jsxs)("p",{className:"text-xs text-text-muted",children:[j.model," \xb7 ",j.callsMade," lượt gọi \xb7 output cap ",I(j.maxOutputTokens)]})]}),(0,n.jsxs)("span",{className:"rounded-full border border-border bg-surface px-3 py-1 text-xs text-text-muted",children:["Baseline OFF: ",I(k.usage?.outputTokens)," output tokens"]})]}),(0,n.jsx)("div",{className:"grid gap-3 lg:grid-cols-1",children:(j.results||[]).map(e=>{if(e.error)return(0,n.jsxs)("div",{className:"rounded-2xl border border-red-500/30 bg-red-500/10 p-4",children:[(0,n.jsx)("div",{className:"font-semibold uppercase text-red-700 dark:text-red-300",children:e.level}),(0,n.jsx)("div",{className:"mt-2 text-sm text-red-700 dark:text-red-300",children:e.error})]},e.level);let t=e.savings?.outputSaved,s=e.savings?.outputSavedPercent,r=k.usage?.outputTokens!==null&&e.usage?.outputTokens!==null,a=Number(t)>0,l=0>Number(t),i=Number.isFinite(Number(s))?Math.max(0,Math.min(100,Number(s))):0;return(0,n.jsxs)("div",{className:"overflow-hidden rounded-2xl border border-border bg-background shadow-sm",children:[(0,n.jsxs)("div",{className:"flex items-center justify-between gap-2 border-b border-border bg-surface/60 px-4 py-3",children:[(0,n.jsxs)("div",{className:"flex items-center gap-2",children:[(0,n.jsx)("span",{className:"inline-flex size-8 items-center justify-center rounded-xl bg-primary/10 text-primary",children:(0,n.jsx)("span",{"aria-hidden":"true",className:"material-symbols-outlined text-[19px]",children:"compress"})}),(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:"font-semibold uppercase text-text-main",children:e.level}),(0,n.jsxs)("div",{className:"text-[11px] text-text-muted",children:[I(e.latencyMs)," ms"]})]})]}),(0,n.jsx)("span",{className:`rounded-full px-2.5 py-1 text-xs font-semibold ${a?"bg-emerald-500/15 text-emerald-700 dark:text-emerald-300":l?"bg-red-500/15 text-red-700 dark:text-red-300":"bg-surface text-text-muted"}`,children:r?`${M(t)} tokens`:"No usage"})]}),(0,n.jsxs)("div",{className:"space-y-3 p-4",children:[(0,n.jsxs)("div",{className:"grid grid-cols-2 gap-2",children:[(0,n.jsx)(T,{label:"OFF output",value:I(k.usage?.outputTokens)}),(0,n.jsx)(T,{label:"ON output",value:I(e.usage?.outputTokens),tone:a?"good":l?"bad":"default"}),(0,n.jsx)(T,{label:"Output giảm",value:r?$(s):"—",hint:r?`${M(t)} token`:"Provider kh\xf4ng trả usage",tone:a?"good":l?"bad":"default"}),(0,n.jsx)(T,{label:"Input overhead",value:M(e.savings?.inputOverhead),hint:"instruction Caveman"})]}),(0,n.jsxs)("div",{children:[(0,n.jsxs)("div",{className:"mb-1 flex justify-between text-[11px] text-text-muted",children:[(0,n.jsx)("span",{children:"Hiệu quả output"}),(0,n.jsx)("span",{children:r?$(s):"—"})]}),(0,n.jsx)("div",{className:"h-2 overflow-hidden rounded-full bg-surface",children:(0,n.jsx)("div",{className:`h-full rounded-full transition-all ${a?"bg-emerald-500":"bg-red-500"}`,style:{width:`${i}%`}})})]}),(0,n.jsxs)("div",{className:"flex items-center justify-between rounded-xl border border-border bg-surface/50 px-3 py-2 text-xs",children:[(0,n.jsx)("span",{className:"text-text-muted",children:"Net total token"}),(0,n.jsxs)("span",{className:`font-semibold ${Number(e.savings?.totalSaved)>0?"text-emerald-700 dark:text-emerald-300":0>Number(e.savings?.totalSaved)?"text-red-600":"text-text-main"}`,children:[M(e.savings?.totalSaved)," (",$(e.savings?.totalSavedPercent),")"]})]})]})]},e.level)})}),(0,n.jsxs)("div",{className:"grid gap-3 lg:grid-cols-2",children:[(0,n.jsxs)("details",{className:"overflow-hidden rounded-xl border border-border bg-background",open:!0,children:[(0,n.jsx)("summary",{className:"cursor-pointer bg-surface/60 px-4 py-3 text-sm font-medium text-text-main",children:"Output baseline \xb7 Caveman OFF"}),(0,n.jsx)("pre",{className:"max-h-80 overflow-auto whitespace-pre-wrap p-4 text-xs leading-5 text-text-muted",children:k.output||"Model kh\xf4ng trả content text."})]}),(j.results||[]).map(e=>(0,n.jsxs)("details",{className:"overflow-hidden rounded-xl border border-border bg-background",open:!0,children:[(0,n.jsxs)("summary",{className:"cursor-pointer bg-surface/60 px-4 py-3 text-sm font-medium text-text-main",children:["Output Caveman \xb7 ",String(e.level||"").toUpperCase()]}),(0,n.jsx)("pre",{className:"max-h-80 overflow-auto whitespace-pre-wrap p-4 text-xs leading-5 text-text-muted",children:e.error||e.output||"Model kh\xf4ng trả content text."})]},`output-${e.level}`))]}),(0,n.jsx)("p",{className:"text-[11px] leading-5 text-text-muted",children:j.note})]}):null,(0,n.jsxs)("div",{className:"flex flex-wrap justify-end gap-2 border-t border-border pt-4",children:[(0,n.jsx)(a.$n,{variant:"ghost",onClick:s,disabled:p,children:"Đ\xf3ng"}),(0,n.jsx)(a.$n,{onClick:N,disabled:!y||o.length>12e3,children:(0,n.jsx)(m,{materialIcon:p?"progress_activity":"experiment",children:p?"Đang test...":"Chạy A/B (2 calls)"})})]})]})})}function F({apiKey:e,owner:t,isAdmin:s,onRename:a,onRotate:l,onEditModels:i,onEditPolicy:d,onAssignOwner:o,onDelete:c}){let[x,u]=(0,r.useState)(!1),h=(0,r.useRef)(null);(0,r.useEffect)(()=>{if(!x)return;let e=e=>{!h.current||h.current.contains(e.target)||u(!1)},t=e=>{"Escape"===e.key&&u(!1)};return document.addEventListener("pointerdown",e,!0),document.addEventListener("keydown",t),()=>{document.removeEventListener("pointerdown",e,!0),document.removeEventListener("keydown",t)}},[h,x,u]);let p=e=>{u(!1),e()};return(0,n.jsxs)("details",{ref:h,className:"group",open:x,onToggle:e=>u(e.currentTarget.open),children:[(0,n.jsx)("summary",{title:"Thao t\xe1c kh\xe1c",className:"flex h-9 cursor-pointer list-none items-center rounded-xl border border-border bg-background px-3 text-sm font-medium text-text-main transition hover:border-primary/50 hover:bg-surface focus:outline-none focus:ring-2 focus:ring-primary/20 [&::-webkit-details-marker]:hidden",children:(0,n.jsx)("span",{"aria-hidden":"true",className:"text-lg leading-none",children:"⋯"})}),(0,n.jsxs)("div",{className:"ml-auto mt-2 w-48 overflow-hidden rounded-xl border border-border bg-background py-1 text-left shadow-xl shadow-black/10",children:[(0,n.jsx)("button",{type:"button",className:"block w-full px-3 py-2 text-left text-sm text-text-main transition hover:bg-surface",onClick:()=>p(()=>a(e.id,e.name)),children:(0,n.jsx)(m,{icon:"✏️",children:"Đổi t\xean"})}),(0,n.jsx)("button",{type:"button",className:"block w-full px-3 py-2 text-left text-sm text-text-main transition hover:bg-surface",onClick:()=>p(()=>l(e)),children:(0,n.jsx)(m,{materialIcon:"key",children:"Đổi key"})}),(0,n.jsx)("div",{className:"my-1 border-t border-border"}),(0,n.jsx)("button",{type:"button",className:"block w-full px-3 py-2 text-left text-sm text-text-main transition hover:bg-surface",onClick:()=>p(()=>i(e)),children:(0,n.jsx)(m,{icon:"\uD83D\uDCE6",children:"Models"})}),s?(0,n.jsx)("button",{type:"button",className:"block w-full px-3 py-2 text-left text-sm text-text-main transition hover:bg-surface",onClick:()=>p(()=>d(e)),children:(0,n.jsx)(m,{icon:"\uD83D\uDEE1️",children:"Policy"})}):null,s?(0,n.jsx)("button",{type:"button",className:"block w-full px-3 py-2 text-left text-sm text-text-main transition hover:bg-surface",onClick:()=>p(()=>o(e.id,t)),children:(0,n.jsx)(m,{icon:"\uD83D\uDC64",children:"Owner"})}):null,(0,n.jsx)("div",{className:"my-1 border-t border-border"}),(0,n.jsx)("button",{type:"button",className:"block w-full px-3 py-2 text-left text-sm font-medium text-red-600 transition hover:bg-red-500/10",onClick:()=>p(()=>c(e.id)),children:(0,n.jsx)(m,{icon:"\uD83D\uDDD1️",children:"X\xf3a"})})]})]})}function K({mode:e,effectiveEnabled:t,effectiveLevel:s,globalEnabled:r,onEdit:a,onInfo:l,onTest:i}){let d=String(s||"lite").toUpperCase();return(0,n.jsxs)("div",{className:`inline-flex max-w-full items-center gap-1.5 whitespace-nowrap rounded-xl border px-2 py-1.5 shadow-sm ${t?"border-emerald-500/30 bg-emerald-500/10 text-emerald-800 dark:text-emerald-200":"border-slate-300/80 bg-slate-500/5 text-slate-700 dark:border-slate-600 dark:text-slate-300"}`,title:`Caveman ${t?"ON":"OFF"} \xb7 ${"inherit"===e?"Kế thừa Global":"on"===e?"Force ON":"Force OFF"} \xb7 Global ${r?"ON":"OFF"} \xb7 Mức ${d}`,children:[(0,n.jsx)("span",{className:`inline-flex size-5 shrink-0 items-center justify-center rounded-md ${t?"bg-emerald-500/15 text-emerald-700 dark:text-emerald-300":"bg-slate-500/10 text-slate-600 dark:text-slate-300"}`,children:(0,n.jsx)("span",{"aria-hidden":"true",className:"material-symbols-outlined text-[15px] leading-none",children:"compress"})}),(0,n.jsx)("button",{type:"button",onClick:l,className:"shrink-0 rounded-md font-semibold underline-offset-2 transition hover:text-primary hover:underline focus:outline-none focus:ring-2 focus:ring-primary/25",title:"Xem hướng dẫn Caveman","aria-label":"Mở hướng dẫn Caveman",children:"Caveman"}),(0,n.jsx)("button",{type:"button",onClick:a,className:`shrink-0 rounded-full border px-2 py-0.5 text-[10px] font-bold tracking-wide transition focus:outline-none focus:ring-2 focus:ring-primary/25 ${t?"border-emerald-500/40 bg-emerald-600 text-white hover:bg-emerald-700":"border-slate-300 bg-white text-slate-600 hover:border-primary/50 hover:text-primary dark:border-slate-600 dark:bg-slate-900/40 dark:text-slate-300"}`,"aria-label":`Mở cấu h\xecnh Caveman, hiện đang ${t?"bật":"tắt"}`,children:t?"ON":"OFF"}),(0,n.jsxs)("span",{className:`inline-flex shrink-0 items-center gap-1 rounded-full border px-2 py-0.5 text-[10px] font-semibold ${t?"border-emerald-500/25 bg-white/55 text-emerald-800 dark:bg-slate-950/20 dark:text-emerald-200":"border-slate-300/80 bg-white/55 text-slate-500 dark:border-slate-600 dark:bg-slate-950/20 dark:text-slate-400"}`,children:[(0,n.jsx)("span",{"aria-hidden":"true",className:"material-symbols-outlined text-[12px] leading-none",children:"tune"}),d]}),(0,n.jsx)("span",{"aria-hidden":"true",className:"h-5 w-px shrink-0 bg-current opacity-15"}),(0,n.jsxs)("button",{type:"button",onClick:i,className:"inline-flex shrink-0 items-center gap-1 rounded-lg border border-indigo-500/30 bg-indigo-500/10 px-2 py-0.5 text-[10px] font-semibold text-indigo-700 transition hover:border-indigo-500/60 hover:bg-indigo-500/20 focus:outline-none focus:ring-2 focus:ring-indigo-500/25 dark:text-indigo-300",title:"Test A/B Caveman với một mức n\xe9n","aria-label":"Mở Caveman A/B test",children:[(0,n.jsx)("span",{"aria-hidden":"true",className:"material-symbols-outlined text-[13px] leading-none",children:"experiment"}),"Test"]})]})}function L({keys:e,copied:t,copy:s,isAdmin:r,globalCavemanEnabled:l,globalCavemanLevel:i,onToggleActive:d,onApiTest:o,onClaudeSettings:x,onOpenCodeSettings:m,onCodexSettings:u,onQwenSettings:h,onRename:p,onRotate:f,onEditModels:j,onEditPolicy:v,onEditCaveman:y,onShowCavemanInfo:N,onCavemanTest:k,onAssignOwner:C,onDelete:w}){return(0,n.jsx)("div",{className:"overflow-hidden rounded-2xl border border-border",children:(0,n.jsx)("div",{className:"overflow-x-auto",children:(0,n.jsxs)("table",{className:"min-w-full divide-y divide-border text-sm",children:[(0,n.jsx)("thead",{className:"bg-surface/80 text-left text-xs uppercase tracking-wide text-text-muted",children:(0,n.jsxs)("tr",{children:[(0,n.jsx)("th",{className:"whitespace-nowrap px-4 py-3 font-medium",children:"T\xean / Key"}),(0,n.jsx)("th",{className:"whitespace-nowrap px-4 py-3 font-medium",children:"Trạng th\xe1i"}),(0,n.jsx)("th",{className:"whitespace-nowrap px-4 py-3 font-medium",children:"Owner"}),(0,n.jsx)("th",{className:"whitespace-nowrap px-4 py-3 font-medium",children:"Model"}),(0,n.jsx)("th",{className:"whitespace-nowrap px-4 py-3 font-medium",children:"Policy"}),(0,n.jsx)("th",{className:"whitespace-nowrap px-4 py-3 font-medium",children:"Ng\xe0y tạo"}),(0,n.jsx)("th",{className:"whitespace-nowrap px-4 py-3 text-right font-medium",children:"Thao t\xe1c"})]})}),(0,n.jsx)("tbody",{className:"divide-y divide-border bg-background",children:e.map(e=>{var O;let A=e.ownerUser||e.createdByUser||"chưa g\xe1n",S=c(e.allowedModels),I=b(e.limits),$=g(e.limits||{}),M=e.cavemanMode||"inherit",T="on"===M||"off"!==M&&l,E="on"===M?e.cavemanLevel||"lite":i;return(0,n.jsxs)("tr",{className:"align-top transition hover:bg-surface/50",children:[(0,n.jsxs)("td",{className:"min-w-[280px] px-4 py-4",children:[(0,n.jsx)("div",{className:"font-medium text-text-main",children:e.name||"API Key"}),(0,n.jsxs)("div",{className:"group/key mt-2 flex max-w-[380px] items-center gap-2 rounded-xl border border-border bg-surface px-3 py-2 font-mono text-xs text-text-main",children:[(0,n.jsx)("span",{className:"min-w-0 flex-1 truncate",children:(O=e.key)?O.length>12?`${O.slice(0,8)}...${O.slice(-4)}`:O:""}),(0,n.jsxs)("div",{className:"relative shrink-0 group/btn",children:[(0,n.jsx)("button",{type:"button",onClick:()=>s(e.key,e.id),className:"rounded p-0.5 text-text-muted transition hover:bg-sidebar hover:text-primary","aria-label":t===e.id?"Đ\xe3 copy":"Copy API key",children:(0,n.jsx)("span",{className:"material-symbols-outlined text-sm",children:t===e.id?"check":"content_copy"})}),(0,n.jsx)("span",{className:"pointer-events-none absolute left-1/2 top-5 mt-1 -translate-x-1/2 whitespace-nowrap text-[10px] text-text-muted opacity-0 transition-opacity group-hover/btn:opacity-100",children:t===e.id?"Copied!":"Copy"})]}),(0,n.jsxs)("div",{className:"relative shrink-0 group/btn",children:[(0,n.jsx)("button",{type:"button",onClick:()=>o(e),className:"rounded p-0.5 text-text-muted transition hover:bg-sidebar hover:text-primary","aria-label":"Test API key bằng curl",children:(0,n.jsx)("span",{className:"material-symbols-outlined text-sm",children:"science"})}),(0,n.jsx)("span",{className:"pointer-events-none absolute left-1/2 top-5 mt-1 -translate-x-1/2 whitespace-nowrap text-[10px] text-text-muted opacity-0 transition-opacity group-hover/btn:opacity-100",children:"Test"})]})]}),e.createdByUser?(0,n.jsxs)("div",{className:"mt-2 text-xs text-text-muted",children:["Tạo bởi: ",e.createdByUser]}):null]}),(0,n.jsx)("td",{className:"whitespace-nowrap px-4 py-4",children:(0,n.jsx)(a.lM,{checked:!!e.isActive,onChange:t=>d(e.id,t)})}),(0,n.jsx)("td",{className:"min-w-[160px] px-4 py-4",children:(0,n.jsx)("div",{className:"break-all text-sm text-text-main",children:A})}),(0,n.jsx)("td",{className:"px-4 py-4 align-top",children:S.length>0?(0,n.jsxs)("div",{className:"flex flex-col items-start gap-1",children:[S.slice(0,3).map(e=>(0,n.jsx)("span",{className:"max-w-full truncate rounded-full border border-border bg-surface px-2 py-1 font-mono text-xs",children:e},e)),S.length>3?(0,n.jsxs)("span",{className:"rounded-full border border-border bg-surface px-2 py-1 text-xs",children:["+",S.length-3]}):null]}):(0,n.jsx)("span",{className:"inline-block rounded-full border border-amber-500/30 bg-amber-500/10 px-2 py-1 text-xs text-amber-700 dark:text-amber-300",children:"Legacy full access"})}),(0,n.jsx)("td",{className:"px-4 py-4 align-top",children:(0,n.jsxs)("div",{className:"flex flex-col items-start gap-1 text-xs",children:[I?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)("span",{className:"rounded-full border border-border bg-surface px-2 py-1",children:$.enabled?"bật":"tắt"}),(0,n.jsxs)("span",{className:"rounded-full border border-border bg-surface px-2 py-1",children:[$.requestsPerMinute||"∞","/ph\xfat"]}),(0,n.jsxs)("span",{className:"rounded-full border border-border bg-surface px-2 py-1",children:[$.promptCharsMax||"∞"," chars"]}),r&&$.maxOutputTokens>0?(0,n.jsxs)("span",{className:"rounded-full border border-border bg-surface px-2 py-1",children:[$.maxOutputTokens," out"]}):null,r&&$.forceThinkingOff?(0,n.jsx)("span",{className:"rounded-full border border-border bg-surface px-2 py-1",children:"thinking off"}):null,$.allowedIpCidrs.length>0?(0,n.jsx)("span",{className:"rounded-full border border-border bg-surface px-2 py-1",children:"IP locked"}):null]}):(0,n.jsx)("span",{className:"rounded-full border border-border bg-surface px-2 py-1 text-text-muted",children:"Policy: chưa set"}),(0,n.jsx)(K,{mode:M,effectiveEnabled:T,effectiveLevel:E,globalEnabled:l,onEdit:()=>y(e),onInfo:()=>N(e),onTest:()=>k(e)})]})}),(0,n.jsx)("td",{className:"min-w-[150px] px-4 py-4 text-xs text-text-muted",children:function(e){if(!e)return"kh\xf4ng r\xf5";try{return new Date(e).toLocaleString()}catch{return String(e)}}(e.createdAt)}),(0,n.jsx)("td",{className:"min-w-[200px] px-4 py-4",children:(0,n.jsxs)("div",{className:"flex items-center justify-end gap-2",children:[(0,n.jsx)(F,{apiKey:e,owner:A,isAdmin:r,onRename:p,onRotate:f,onEditModels:j,onEditPolicy:v,onAssignOwner:C,onDelete:w}),(0,n.jsx)(P,{apiKey:e,onClaudeSettings:x,onOpenCodeSettings:m,onCodexSettings:u,onQwenSettings:h})]})})]},e.id)})})]})})})}function _(){let e,t,s,m,[h,p]=(0,r.useState)([]),[v,w]=(0,r.useState)(!0),[P,A]=(0,r.useState)(""),[S,I]=(0,r.useState)(!1),[$,M]=(0,r.useState)(""),[T,F]=(0,r.useState)(""),[K,_]=(0,r.useState)(""),[R,D]=(0,r.useState)(""),[U,q]=(0,r.useState)(null),[B,z]=(0,r.useState)([]),[H,G]=(0,r.useState)(""),[W,Y]=(0,r.useState)(!1),[J,V]=(0,r.useState)(!1),[Q,X]=(0,r.useState)([]),[Z,ee]=(0,r.useState)([]),[et,es]=(0,r.useState)(!1),[en,er]=(0,r.useState)(d),[ea,el]=(0,r.useState)(d),[ei,ed]=(0,r.useState)(!1),[eo,ec]=(0,r.useState)(!1),[ex,em]=(0,r.useState)(!1),[eu,eh]=(0,r.useState)([]),[ep,eb]=(0,r.useState)({}),[eg,ef]=(0,r.useState)(!1),[ej,ev]=(0,r.useState)(!1),[ey,eN]=(0,r.useState)(null),[ek,eC]=(0,r.useState)([]),[ew,eP]=(0,r.useState)(!1),[eO,eA]=(0,r.useState)(null),[eS,eI]=(0,r.useState)(d),[e$,eM]=(0,r.useState)(!1),[eT,eE]=(0,r.useState)(null),[eF,eK]=(0,r.useState)(null),[eL,e_]=(0,r.useState)(null),[eR,eD]=(0,r.useState)(!1),[eU,eq]=(0,r.useState)(!1),[eB,ez]=(0,r.useState)("full"),[eH,eG]=(0,r.useState)(5),[eW,eY]=(0,r.useState)(0),[eJ,eV]=(0,r.useState)(0),[eQ,eX]=(0,r.useState)(""),[eZ,e0]=(0,r.useState)(null),[e1,e2]=(0,r.useState)(null),[e3,e5]=(0,r.useState)(null),[e4,e8]=(0,r.useState)(null),[e7,e6]=(0,r.useState)(null),[e9,te]=(0,r.useState)(""),[tt,ts]=(0,r.useState)(""),[tn,tr]=(0,r.useState)("all"),[ta,tl]=(0,r.useState)(1),[ti,td]=(0,r.useState)(25),[to,tc]=(0,r.useState)({page:1,pageSize:25,total:0,totalAll:0,totalPages:1,status:"all",search:""}),{copied:tx,copy:tm}=(0,i.C)(),{isAdmin:tu,isMonitorAdmin:th,canManageApiKeys:tp,userId:tb}=(0,l.s)(),tg=tu||th||tp,tf=Number.isFinite(Number(eH))?Number(eH):5,tj=Number.isFinite(Number(eW))?Number(eW):h.length,tv=Number.isFinite(Number(eJ))?Number(eJ):Number(to.totalAll||to.total||0),ty=Number(to.total||0),tN=!tg&&tj>=tf,tk=eQ?`${eQ}/v1`:"/v1",tC=eQ?`${eQ}/v1/chat/completions`:"/v1/chat/completions",tw=c(Q)[0]||"",tP=(e=c(eZ?.allowedModels)[0],t=String(tw||"").trim(),e||t||"YOUR_MODEL"),tO=eZ?g(eZ.limits||{}):d,tA=tO.maxOutputTokens>0?tO.maxOutputTokens:0,tS=eZ?function({endpoint:e,apiKey:t,model:s,maxOutputTokens:n=0}){let r=String(e||"/v1/chat/completions").replace(/"/g,""),a=String(t||"YOUR_API_KEY").replace(/"/g,""),l=u(n,0),i={model:String(s||"YOUR_MODEL"),messages:[{role:"user",content:"Say hi.\nReply in one short sentence."}],temperature:.2,stream:!1};l>0&&(i.max_tokens=l);let d=JSON.stringify(i).replace(/"/g,'\\"');return`curl.exe -X POST "${r}" ^
  -H "Authorization: Bearer ${a}" ^
  -H "Content-Type: application/json" ^
  -d "${d}"`}({endpoint:tC,apiKey:eZ.key,model:tP,maxOutputTokens:tA}):"",tI=e1?x(e1,tw):{codingModel:"programmer",fastModel:"programmer-fast"},t$=e1?function({baseUrl:e,apiKey:t,codingModel:s,fastModel:n}){return JSON.stringify({env:{ANTHROPIC_BASE_URL:e||"https://models-gateway.example.com/v1",ANTHROPIC_AUTH_TOKEN:t||"sk-xxxxx",ANTHROPIC_MODEL:s||"programmer",ANTHROPIC_SMALL_FAST_MODEL:n||s||"programmer-fast",ANTHROPIC_DEFAULT_OPUS_MODEL:s||"programmer",ANTHROPIC_DEFAULT_SONNET_MODEL:s||"programmer",ANTHROPIC_DEFAULT_HAIKU_MODEL:n||s||"programmer-fast",CLAUDE_CODE_AUTO_COMPACT_WINDOW:"120000",CLAUDE_AUTOCOMPACT_PCT_OVERRIDE:"75"},theme:"dark",hasCompletedOnboarding:!0},null,2)}({baseUrl:tk,apiKey:e1.key,codingModel:tI.codingModel,fastModel:tI.fastModel}):"",tM=e1?['# C\xe1ch 1: PowerShell installer\nirm https://claude.ai/install.ps1 | iex\n\n# C\xe1ch 2: CMD installer\ncurl -fsSL https://claude.ai/install.cmd -o install.cmd && install.cmd && del install.cmd\n\n# C\xe1ch 3: npm (cần c\xe0i Node.js trước)\nnpm install -g @anthropic-ai/claude-code\nclaude --version\nmkdir $env:USERPROFILE\\.claude -Force\n$utf8NoBom = New-Object System.Text.UTF8Encoding $false\n[System.IO.File]::WriteAllText("$env:USERPROFILE\\.claude\\settings.json", @\'',t$,"'@, $utf8NoBom)\ncd D:\\path\\to\\your-project\nclaude"].join("\n"):"",tT=e3?x(e3,tw):{codingModel:"programmer",fastModel:"programmer-fast"},tE=e3?function({baseUrl:e,apiKey:t,codingModel:s,fastModel:n}){let r=s||"programmer",a=n||r||"programmer-fast",l=`bluerouter/${r}`,i=`bluerouter/${a}`,d={[r]:{name:r,limit:{context:12e4,output:3e4},modalities:{input:["text","image"],output:["text"]}}};return a!==r&&(d[a]={name:a,limit:{context:12e4,output:3e4},modalities:{input:["text"],output:["text"]}}),JSON.stringify({$schema:"https://opencode.ai/config.json",provider:{bluerouter:{npm:"@ai-sdk/openai-compatible",name:"BlueRouter",options:{baseURL:e||"https://models-gateway.example.com/v1",apiKey:t||"sk-xxxxx"},models:d}},model:l,small_model:i,compaction:{auto:!0,prune:!0,reserved:3e4},agent:{explorer:{description:"Fast explorer subagent for codebase exploration",mode:"subagent",model:i}}},null,2)}({baseUrl:tk,apiKey:e3.key,codingModel:tT.codingModel,fastModel:tT.fastModel}):"",tF=e3?['npm install -g opencode-ai\nopencode --version\nmkdir $env:APPDATA\\opencode -Force\n$utf8NoBom = New-Object System.Text.UTF8Encoding $false\n[System.IO.File]::WriteAllText("$env:APPDATA\\opencode\\opencode.json", @\'',tE,"'@, $utf8NoBom)\ncd D:\\path\\to\\your-project\nopencode"].join("\n"):"",tK=e4?x(e4,tw):{codingModel:"programmer",fastModel:"programmer-fast"},tL=e4?function({baseUrl:e,codingModel:t,fastModel:s}){let n=t||"programmer";return`model = "${n}"

package/app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bluerouter-app",
-  "version": "5.1.28",
+  "version": "5.1.30",
   "description": "Router web dashboard",
   "private": false,
   "scripts": {

package/package.json

@@ -1,6 +1,6 @@
 {
  "name": "@jheavenknows/bluerouter",
- "version": "5.1.28",
+ "version": "5.1.30",
  "description": "Bluerouter CLI - Start and manage Bluerouter server",
  "bin": {
   "bluerouter": "./cli.js"