@jheavenknows/bluerouter 5.2.37 → 5.2.38

package/app/.next-cli-build/static/chunks/{5497-f4e588197cee6283.js → 5497-85cb9e3adeb9fb8d.js}

@@ -1,4 +1,4 @@
-"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5497],{98:(e,t,s)=>{s.d(t,{default:()=>l});var a=s(95155),r=s(31474);function l({label:e,options:t=[],value:s,onChange:n,placeholder:i="Select an option",error:o,hint:d,disabled:c=!1,required:m=!1,className:u,selectClassName:x,...p}){return(0,a.jsxs)("div",{className:(0,r.cn)("flex flex-col gap-1.5",u),children:[e&&(0,a.jsxs)("label",{className:"text-sm font-medium text-text-main",children:[e,m&&(0,a.jsx)("span",{className:"text-red-500 ml-1",children:"*"})]}),(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsxs)("select",{value:s,onChange:n,disabled:c,className:(0,r.cn)("w-full py-2.5 px-3 pr-10 text-sm text-text-main","bg-surface-2 border border-transparent rounded-[10px] appearance-none","focus:outline-none focus:ring-2 focus:ring-brand-500/30 focus:border-brand-500/40","transition-all duration-150 disabled:opacity-50 disabled:cursor-not-allowed","text-[16px] sm:text-sm",o&&"ring-1 ring-red-500 focus:ring-2 focus:ring-red-500/40 border-red-500/40",x),...p,children:[(0,a.jsx)("option",{value:"",disabled:!0,children:i}),function(e){let t=new Map,s=[];for(let a of e){if(!a.group){s.push(a);continue}t.has(a.group)||t.set(a.group,[]),t.get(a.group).push(a)}let r=[];for(let[e,s]of t)r.push((0,a.jsx)("optgroup",{label:e,children:s.map(e=>(0,a.jsx)("option",{value:e.value,children:e.label},e.value))},e));for(let e of s)r.push((0,a.jsx)("option",{value:e.value,children:e.label},e.value));return r}(t)]}),(0,a.jsx)("div",{className:"absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none text-text-muted",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"expand_more"})})]}),o&&(0,a.jsxs)("p",{className:"text-xs text-red-500 flex items-center gap-1",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"error"}),o]}),d&&!o&&(0,a.jsx)("p",{className:"text-xs text-text-muted",children:d})]})}},1620:(e,t,s)=>{s.d(t,{D:()=>o});var a=s(12115),r=s(90085);function l(e){let t=window.matchMedia("(prefers-color-scheme: dark)");return t.addEventListener("change",e),()=>t.removeEventListener("change",e)}function n(){return window.matchMedia("(prefers-color-scheme: dark)").matches}function i(){return!1}function o(){let{theme:e,setTheme:t,toggleTheme:s,initTheme:o}=(0,r.A)(),d=(0,a.useSyncExternalStore)(l,n,i);(0,a.useEffect)(()=>{o()},[o]),(0,a.useEffect)(()=>{if("system"!==e)return;let t=window.matchMedia("(prefers-color-scheme: dark)"),s=()=>o();return t.addEventListener("change",s),()=>t.removeEventListener("change",s)},[e,o]);let c="dark"===e||"system"===e&&d;return{theme:e,setTheme:t,toggleTheme:s,isDark:c}}},4809:(e,t,s)=>{s.d(t,{default:()=>eh});var a=s(95155),r=s(12115),l=s(73321),n=s(52679),i=s(94027),o=s(56061),d=s(84588),c=s(98500),m=s.n(c),u=s(14051),x=s.n(u);let p=(e,t=0)=>{let s=Number(e);return Number.isFinite(s)?s:t},h=e=>new Intl.NumberFormat().format(p(e)),b=e=>`$${p(e).toFixed(2)}`,f=(e,t)=>{let s=p(t);return s<=0?0:Math.round(p(e)/s*100)};function g({label:e,dotClass:t,requests:s,promptTokens:r,completionTokens:l,cost:n,showCost:i}){return(0,a.jsxs)("div",{className:"flex min-w-0 items-baseline justify-between gap-2",children:[(0,a.jsxs)("span",{className:"flex min-w-0 items-center gap-1.5",children:[(0,a.jsx)("span",{className:`h-2 w-2 shrink-0 rounded-full ${t}`}),(0,a.jsx)("span",{className:"truncate text-xs text-text-muted",children:e})]}),(0,a.jsxs)("span",{className:"shrink-0 text-xs font-semibold tabular-nums",children:[h(p(r)+p(l)),i&&(0,a.jsx)("span",{className:"ml-1.5 text-warning",children:b(n)}),(0,a.jsxs)("span",{className:"ml-1.5 font-normal text-text-muted",children:[h(s)," req"]})]})]})}g.propTypes={label:x().string.isRequired,dotClass:x().string.isRequired,requests:x().number,promptTokens:x().number,completionTokens:x().number,cost:x().number,showCost:x().bool};let y=[{name:"Anthropic (Claude)",dot:"bg-warning",mode:"Thủ c\xf4ng",modeNote:"BlueRouter chỉ \xe1p dụng cache write 5 ph\xfat",write:"1,25x gi\xe1 input",read:"0,1x gi\xe1 input",ttl:"5 ph\xfat; TTL d\xe0i hơn vẫn d\xf9ng c\xf9ng mức gi\xe1",fields:"cache_creation_input_tokens + cache_read_input_tokens",note:"Kh\xf4ng lưu cache 1 giờ. Mọi cache creation được t\xednh bằng rate 5 ph\xfat của model."},{name:"OpenAI",dot:"bg-success",mode:"Tự động",modeNote:"d\xf9ng Standard / short-context rate",write:"GPT-5.6 theo cache-write rate; model kh\xe1c fallback về input",read:"Theo cached rate của từng model",ttl:"Kh\xf4ng t\xe1ch TTL trong BlueRouter",fields:"prompt_tokens_details.cached_tokens + cache creation fields khi c\xf3",note:"Request tr\xean 272K hoặc cache d\xe0i hơn vẫn d\xf9ng đ\xfang rate short-context/cache 5 ph\xfat đ\xe3 cấu h\xecnh."},{name:"Google Gemini",dot:"bg-primary",mode:"Hai chế độ",modeNote:"implicit tự động, explicit do người d\xf9ng tạo",write:"Miễn ph\xed (implicit) / ph\xed lưu trữ theo giờ (explicit)",read:"giảm gi\xe1 đ\xe1ng kể so với input",ttl:"Implicit ngắn hạn; explicit theo TTL tự đặt",fields:"cachedContentTokenCount",note:"Explicit caching t\xednh tiền theo thời gian lưu, kh\xe1c hẳn m\xf4 h\xecnh của Anthropic v\xe0 OpenAI."},{name:"Local (vLLM, llama.cpp, Ollama)",dot:"bg-text-muted",mode:"Tự động",modeNote:"prefix caching / KV cache reuse",write:"Miễn ph\xed",read:"Miễn ph\xed — chỉ tiết kiệm compute v\xe0 giảm TTFT",ttl:"Tuỳ cấu h\xecnh v\xe0 dung lượng KV cache",fields:"Thường kh\xf4ng t\xe1ch ri\xeang trong usage",note:"Tiết kiệm thời gian chứ kh\xf4ng tiết kiệm tiền, v\xe0 phần lớn gộp v\xe0o “New input” ở tr\xean."}];function v(){let[e,t]=(0,r.useState)(!1);return(0,a.jsxs)(d.default,{className:"min-w-0 px-4 py-3",children:[(0,a.jsxs)("button",{type:"button",onClick:()=>t(e=>!e),className:"flex w-full min-w-0 items-center justify-between gap-2 text-left",children:[(0,a.jsxs)("span",{className:"flex min-w-0 items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px] text-text-muted",children:"help"}),(0,a.jsx)("span",{className:"truncate text-sm font-semibold uppercase text-text-muted",children:"Cache read / creation hoạt động thế n\xe0o"})]}),(0,a.jsx)("span",{className:`material-symbols-outlined shrink-0 text-[20px] text-text-muted transition-transform duration-200 ${e?"rotate-180":""}`,children:"expand_more"})]}),e&&(0,a.jsxs)("div",{className:"mt-3 flex min-w-0 flex-col gap-3 border-t border-border-subtle pt-3",children:[(0,a.jsxs)("p",{className:"text-xs leading-relaxed text-text-muted",children:[(0,a.jsx)("span",{className:"font-semibold text-text",children:"Cache creation"})," l\xe0 lần đầu một đoạn context được lưu lại. ",(0,a.jsx)("span",{className:"font-semibold text-text",children:"Cache read"})," l\xe0 những lần sau t\xe1i sử dụng đoạn đ\xf3 thay v\xec xử l\xfd lại. Cơ chế v\xe0 c\xe1ch t\xednh tiền kh\xe1c nhau tuỳ provider — gi\xe1 dưới đ\xe2y l\xe0 bội số so với gi\xe1 input thường của ch\xednh model đ\xf3."]}),(0,a.jsx)("div",{className:"grid min-w-0 grid-cols-1 gap-2 xl:grid-cols-2",children:y.map(e=>(0,a.jsxs)("div",{className:"min-w-0 rounded-[10px] bg-bg px-3 py-2.5",children:[(0,a.jsxs)("div",{className:"flex min-w-0 items-center justify-between gap-2",children:[(0,a.jsxs)("span",{className:"flex min-w-0 items-center gap-1.5",children:[(0,a.jsx)("span",{className:`h-2 w-2 shrink-0 rounded-full ${e.dot}`}),(0,a.jsx)("span",{className:"truncate text-xs font-semibold",children:e.name})]}),(0,a.jsx)("span",{className:"shrink-0 rounded-full bg-surface px-2 py-0.5 text-[10px] text-text-muted",children:e.mode})]}),(0,a.jsxs)("dl",{className:"mt-2 flex min-w-0 flex-col gap-1 text-[11px]",children:[(0,a.jsxs)("div",{className:"flex min-w-0 justify-between gap-2",children:[(0,a.jsx)("dt",{className:"shrink-0 text-text-muted",children:"Ghi cache"}),(0,a.jsx)("dd",{className:"truncate text-right font-medium",children:e.write})]}),(0,a.jsxs)("div",{className:"flex min-w-0 justify-between gap-2",children:[(0,a.jsx)("dt",{className:"shrink-0 text-text-muted",children:"Đọc cache"}),(0,a.jsx)("dd",{className:"truncate text-right font-medium text-success",children:e.read})]}),(0,a.jsxs)("div",{className:"flex min-w-0 justify-between gap-2",children:[(0,a.jsx)("dt",{className:"shrink-0 text-text-muted",children:"Thời hạn"}),(0,a.jsx)("dd",{className:"truncate text-right",children:e.ttl})]}),(0,a.jsxs)("div",{className:"flex min-w-0 justify-between gap-2",children:[(0,a.jsx)("dt",{className:"shrink-0 text-text-muted",children:"K\xedch hoạt"}),(0,a.jsx)("dd",{className:"truncate text-right",children:e.modeNote})]})]}),(0,a.jsx)("p",{className:"mt-1.5 border-t border-border-subtle pt-1.5 text-[10px] leading-relaxed text-text-muted",children:e.note}),(0,a.jsx)("p",{className:"mt-1 font-mono text-[9px] leading-relaxed text-text-muted opacity-70",children:e.fields})]},e.name))}),(0,a.jsx)("p",{className:"text-[10px] leading-relaxed text-text-muted",children:"Gi\xe1 v\xe0 thời hạn do provider c\xf4ng bố v\xe0 c\xf3 thể thay đổi — h\xe3y đối chiếu bảng gi\xe1 ch\xednh thức trước khi d\xf9ng cho mục đ\xedch t\xednh chi ph\xed."})]})]})}function j({stats:e}){let{isAdmin:t}=(0,i.s)(),s=p(e.totalPromptTokens),r=p(e.totalCachedInputTokens),l=p(e.totalCacheCreationInputTokens),n=null!=e.totalNewInputTokens?p(e.totalNewInputTokens):Math.max(0,s-r-l),o=e.cloudVsLocal||{},c=o.cloud||{},u=o.local||{},x=p(c.requests)>0||p(u.requests)>0,y=p(c.promptTokens)+p(c.completionTokens),N=f(y,y+(p(u.promptTokens)+p(u.completionTokens)));return(0,a.jsxs)("div",{className:"flex min-w-0 flex-col gap-3 sm:gap-4",children:[(0,a.jsxs)("div",{className:"grid min-w-0 grid-cols-1 gap-3 sm:grid-cols-2 md:grid-cols-4 sm:gap-4",children:[(0,a.jsxs)(d.default,{className:"flex min-w-0 flex-col gap-1 px-4 py-3",children:[(0,a.jsx)("span",{className:"text-text-muted text-sm uppercase font-semibold",children:"Total Requests"}),(0,a.jsx)("span",{className:"truncate text-2xl font-bold",children:h(e.totalRequests)})]}),(0,a.jsxs)(d.default,{className:"flex min-w-0 flex-col gap-1 px-4 py-3",children:[(0,a.jsx)("span",{className:"text-text-muted text-sm uppercase font-semibold",children:"Total Input Tokens"}),(0,a.jsx)("span",{className:"truncate text-2xl font-bold text-primary",children:h(s)}),s>0&&(0,a.jsxs)("span",{className:"text-[10px] text-text-muted",children:[f(r,s),"% cached"]})]}),(0,a.jsxs)(d.default,{className:"flex min-w-0 flex-col gap-1 px-4 py-3",children:[(0,a.jsx)("span",{className:"text-text-muted text-sm uppercase font-semibold",children:"Output Tokens"}),(0,a.jsx)("span",{className:"truncate text-2xl font-bold text-success",children:h(e.totalCompletionTokens)})]}),(0,a.jsxs)(d.default,{className:"flex min-w-0 flex-col gap-1 px-4 py-3",children:[t?(0,a.jsxs)(m(),{href:"/dashboard/settings/pricing",className:"group flex min-w-0 items-center gap-1 text-text-muted text-sm uppercase font-semibold transition-colors hover:text-primary",title:"Chỉnh bảng gi\xe1 d\xf9ng để t\xednh cost",children:[(0,a.jsx)("span",{className:"truncate",children:"Est. Cost"}),(0,a.jsx)("span",{className:"material-symbols-outlined shrink-0 text-[14px] opacity-0 transition-opacity group-hover:opacity-100",children:"edit"})]}):(0,a.jsx)("span",{className:"text-text-muted text-sm uppercase font-semibold",children:"Est. Cost"}),(0,a.jsxs)("span",{className:"truncate text-2xl font-bold text-warning",children:["~",b(e.totalCost)]}),(0,a.jsx)("span",{className:"text-[10px] text-text-muted",children:"Estimated, not actual billing"})]})]}),(0,a.jsxs)("div",{className:"grid min-w-0 grid-cols-1 gap-3 lg:grid-cols-2 sm:gap-4",children:[(0,a.jsxs)(d.default,{className:"flex min-w-0 flex-col gap-2 px-4 py-3",children:[(0,a.jsx)("span",{className:"text-text-muted text-sm uppercase font-semibold",children:"Input Token Breakdown"}),s>0&&(0,a.jsxs)("div",{className:"flex h-1.5 w-full overflow-hidden rounded-full bg-bg",children:[(0,a.jsx)("div",{className:"bg-primary",style:{width:`${f(n,s)}%`}}),(0,a.jsx)("div",{className:"bg-success",style:{width:`${f(r,s)}%`}}),(0,a.jsx)("div",{className:"bg-warning",style:{width:`${f(l,s)}%`}})]}),(0,a.jsxs)("div",{className:"flex min-w-0 flex-col gap-1",children:[(0,a.jsxs)("div",{className:"flex min-w-0 items-baseline justify-between gap-2",children:[(0,a.jsxs)("span",{className:"flex min-w-0 items-center gap-1.5",children:[(0,a.jsx)("span",{className:"h-2 w-2 shrink-0 rounded-full bg-primary"}),(0,a.jsx)("span",{className:"truncate text-xs text-text-muted",children:"New input"})]}),(0,a.jsxs)("span",{className:"shrink-0 text-xs font-semibold tabular-nums",children:[h(n),(0,a.jsxs)("span",{className:"ml-1.5 font-normal text-text-muted",children:[f(n,s),"%"]})]})]}),(0,a.jsxs)("div",{className:"flex min-w-0 items-baseline justify-between gap-2",children:[(0,a.jsxs)("span",{className:"flex min-w-0 items-center gap-1.5",children:[(0,a.jsx)("span",{className:"h-2 w-2 shrink-0 rounded-full bg-success"}),(0,a.jsx)("span",{className:"truncate text-xs text-text-muted",children:"Cached read"})]}),(0,a.jsxs)("span",{className:"shrink-0 text-xs font-semibold tabular-nums",children:[h(r),(0,a.jsxs)("span",{className:"ml-1.5 font-normal text-text-muted",children:[f(r,s),"%"]})]})]}),(0,a.jsxs)("div",{className:"flex min-w-0 items-baseline justify-between gap-2",children:[(0,a.jsxs)("span",{className:"flex min-w-0 items-center gap-1.5",children:[(0,a.jsx)("span",{className:"h-2 w-2 shrink-0 rounded-full bg-warning"}),(0,a.jsx)("span",{className:"truncate text-xs text-text-muted",children:"Cache creation"})]}),(0,a.jsxs)("span",{className:"shrink-0 text-xs font-semibold tabular-nums",children:[h(l),(0,a.jsxs)("span",{className:"ml-1.5 font-normal text-text-muted",children:[f(l,s),"%"]})]})]})]})]}),(0,a.jsxs)(d.default,{className:"flex min-w-0 flex-col gap-2 px-4 py-3",children:[(0,a.jsx)("span",{className:"text-text-muted text-sm uppercase font-semibold",children:"Cloud vs Local"}),x?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"flex h-1.5 w-full overflow-hidden rounded-full bg-bg",children:[(0,a.jsx)("div",{className:"bg-warning",style:{width:`${N}%`}}),(0,a.jsx)("div",{className:"bg-primary",style:{width:`${100-N}%`}})]}),(0,a.jsxs)("div",{className:"flex min-w-0 flex-col gap-1",children:[(0,a.jsx)(g,{label:"Cloud providers",dotClass:"bg-warning",requests:p(c.requests),promptTokens:p(c.promptTokens),completionTokens:p(c.completionTokens),cost:p(c.cost),showCost:!0}),(0,a.jsx)(g,{label:"Local (self-hosted)",dotClass:"bg-primary",requests:p(u.requests),promptTokens:p(u.promptTokens),completionTokens:p(u.completionTokens),cost:p(u.cost),showCost:p(u.cost)>0})]}),(0,a.jsx)("span",{className:"text-[10px] text-text-muted",children:"Local = custom OpenAI/Anthropic-compatible providers. Token counts include input + output."})]}):(0,a.jsx)("span",{className:"text-xs text-text-muted",children:"No usage in this period."})]})]}),(0,a.jsx)(v,{})]})}j.propTypes={stats:x().object.isRequired};let N=(e,t=0)=>{let s=Number(e);return Number.isFinite(s)?s:t},k=e=>new Intl.NumberFormat().format(N(e)),w=e=>`$${N(e).toFixed(2)}`;function C(e){if(!e)return"Never";let t=Math.floor((Date.now()-new Date(e))/6e4);return t<1?"Just now":t<60?`${t}m ago`:t<1440?`${Math.floor(t/60)}h ago`:new Date(e).toLocaleDateString()}function S({field:e,currentSort:t,currentOrder:s}){return t!==e?(0,a.jsx)("span",{className:"ml-1 opacity-20",children:"↕"}):(0,a.jsx)("span",{className:"ml-1",children:"asc"===s?"↑":"↓"})}function T({item:e,viewMode:t,isSummary:s=!1}){return"tokens"===t?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("td",{className:"px-6 py-3 text-right text-text-muted",children:s&&void 0===e.promptTokens?"—":k(e.promptTokens)}),(0,a.jsx)("td",{className:"px-6 py-3 text-right text-text-muted",children:s&&void 0===e.completionTokens?"—":k(e.completionTokens)}),(0,a.jsx)("td",{className:"px-6 py-3 text-right font-medium",children:k(e.totalTokens)})]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("td",{className:"px-6 py-3 text-right text-text-muted",children:s&&void 0===e.inputCost?"—":w(e.inputCost)}),(0,a.jsx)("td",{className:"px-6 py-3 text-right text-text-muted",children:s&&void 0===e.outputCost?"—":w(e.outputCost)}),(0,a.jsx)("td",{className:"px-6 py-3 text-right font-medium text-warning",children:w(e.totalCost||e.cost)})]})}function _({title:e,columns:t,groupedData:s,tableType:l,sortBy:n,sortOrder:i,onToggleSort:o,viewMode:c,storageKey:m,renderDetailCells:u,renderSummaryCells:x,emptyMessage:p}){let[h,b]=(0,r.useState)(new Set);(0,r.useEffect)(()=>{try{let e=localStorage.getItem(m);e&&b(new Set(JSON.parse(e)))}catch(e){console.error(`Failed to load ${m}:`,e)}},[m]),(0,r.useEffect)(()=>{try{localStorage.setItem(m,JSON.stringify([...h]))}catch(e){console.error(`Failed to save ${m}:`,e)}},[h,m]);let f=(0,r.useCallback)(e=>{b(t=>{let s=new Set(t);return s.has(e)?s.delete(e):s.add(e),s})},[]),g=(0,r.useMemo)(()=>"tokens"===c?[{field:"promptTokens",label:"Input Tokens"},{field:"completionTokens",label:"Output Tokens"},{field:"totalTokens",label:"Total Tokens"}]:[{field:"promptTokens",label:"Input Cost"},{field:"completionTokens",label:"Output Cost"},{field:"cost",label:"Total Cost"}],[c]),y=t.length+g.length;return(0,a.jsxs)(d.default,{className:"overflow-hidden",children:[(0,a.jsx)("div",{className:"p-4 border-b border-border bg-bg-subtle/50",children:(0,a.jsx)("h3",{className:"font-semibold",children:e})}),(0,a.jsx)("div",{className:"overflow-x-auto",children:(0,a.jsxs)("table",{className:"w-full text-sm text-left",children:[(0,a.jsx)("thead",{className:"bg-bg-subtle/30 text-text-muted uppercase text-xs",children:(0,a.jsxs)("tr",{children:[t.map(e=>(0,a.jsxs)("th",{className:`px-6 py-3 cursor-pointer hover:bg-bg-subtle/50 ${"right"===e.align?"text-right":""}`,onClick:()=>o(l,e.field),children:[e.label," ",(0,a.jsx)(S,{field:e.field,currentSort:n,currentOrder:i})]},e.field)),g.map(e=>(0,a.jsxs)("th",{className:"px-6 py-3 text-right cursor-pointer hover:bg-bg-subtle/50",onClick:()=>o(l,e.field),children:[e.label," ",(0,a.jsx)(S,{field:e.field,currentSort:n,currentOrder:i})]},e.field))]})}),(0,a.jsxs)("tbody",{className:"divide-y divide-border",children:[s.map(e=>(0,a.jsxs)(r.Fragment,{children:[(0,a.jsxs)("tr",{className:"group-summary cursor-pointer hover:bg-bg-subtle/50 transition-colors",onClick:()=>f(e.groupKey),children:[(0,a.jsx)("td",{className:"px-6 py-3",children:(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:`material-symbols-outlined text-[18px] text-text-muted transition-transform ${h.has(e.groupKey)?"rotate-90":""}`,children:"chevron_right"}),(0,a.jsx)("span",{className:`font-medium transition-colors ${e.summary.pending>0?"text-primary":""}`,children:e.groupKey})]})}),x(e),(0,a.jsx)(T,{item:e.summary,viewMode:c,isSummary:!0})]}),h.has(e.groupKey)&&e.items.map(e=>(0,a.jsxs)("tr",{className:"group-detail hover:bg-bg-subtle/20 transition-colors",children:[u(e),(0,a.jsx)(T,{item:e,viewMode:c})]},`detail-${e.key}`))]},e.groupKey)),0===s.length&&(0,a.jsx)("tr",{children:(0,a.jsx)("td",{colSpan:y,className:"px-6 py-8 text-center text-text-muted",children:p})})]})]})})]})}S.propTypes={field:x().string.isRequired,currentSort:x().string.isRequired,currentOrder:x().string.isRequired},T.propTypes={item:x().object.isRequired,viewMode:x().string.isRequired,isSummary:x().bool},_.propTypes={title:x().string.isRequired,columns:x().arrayOf(x().shape({field:x().string.isRequired,label:x().string.isRequired,align:x().string})).isRequired,groupedData:x().array.isRequired,tableType:x().string.isRequired,sortBy:x().string.isRequired,sortOrder:x().string.isRequired,onToggleSort:x().func.isRequired,viewMode:x().string.isRequired,storageKey:x().string.isRequired,renderDetailCells:x().func.isRequired,renderSummaryCells:x().func.isRequired,emptyMessage:x().string.isRequired};var A=s(81750),M=s(6793);function I(e){return"string"==typeof e&&e.startsWith(n.JH)}function $(e){return"string"==typeof e&&e.startsWith(n.DI)}function R(e={}){return String(e.apiType||e.providerSpecificData?.apiType||e.provider_specific_data?.apiType||"chat").toLowerCase()}function O({data:e}){let{label:t,color:s,imageUrl:l,textIcon:n,active:i}=e,[o,d]=(0,r.useState)(!1);return(0,a.jsxs)("div",{className:"flex items-center gap-2.5 px-4 py-2.5 rounded-lg border-2 transition-all duration-300 bg-bg",style:{borderColor:i?s:"var(--color-border)",boxShadow:i?`0 0 16px ${s}40`:"none",minWidth:"150px"},children:[(0,a.jsx)(A.h7,{type:"target",position:M.yX.Top,id:"top",className:"!bg-transparent !border-0 !w-0 !h-0"}),(0,a.jsx)(A.h7,{type:"target",position:M.yX.Bottom,id:"bottom",className:"!bg-transparent !border-0 !w-0 !h-0"}),(0,a.jsx)(A.h7,{type:"target",position:M.yX.Left,id:"left",className:"!bg-transparent !border-0 !w-0 !h-0"}),(0,a.jsx)(A.h7,{type:"target",position:M.yX.Right,id:"right",className:"!bg-transparent !border-0 !w-0 !h-0"}),(0,a.jsx)("div",{className:"w-8 h-8 rounded-md flex items-center justify-center shrink-0",style:{backgroundColor:`${s}15`},children:l&&!o?(0,a.jsx)("img",{src:l,alt:t,className:"w-6 h-6 rounded-sm object-contain",onError:()=>d(!0)}):(0,a.jsx)("span",{className:"text-sm font-bold",style:{color:s},children:n})}),(0,a.jsx)("span",{className:"text-base font-medium truncate",style:{color:i?s:"var(--color-text)"},children:t}),i&&(0,a.jsxs)("span",{className:"relative flex h-2 w-2 shrink-0",children:[(0,a.jsx)("span",{className:"animate-ping absolute inline-flex h-full w-full rounded-full opacity-75",style:{backgroundColor:s}}),(0,a.jsx)("span",{className:"relative inline-flex rounded-full h-2 w-2",style:{backgroundColor:s}})]})]})}function P({data:e}){return(0,a.jsxs)("div",{className:"flex items-center justify-center px-5 py-3 rounded-xl border-2 border-primary bg-primary/5 shadow-md min-w-[130px]",children:[(0,a.jsx)(A.h7,{type:"source",position:M.yX.Top,id:"top",className:"!bg-transparent !border-0 !w-0 !h-0"}),(0,a.jsx)(A.h7,{type:"source",position:M.yX.Bottom,id:"bottom",className:"!bg-transparent !border-0 !w-0 !h-0"}),(0,a.jsx)(A.h7,{type:"source",position:M.yX.Left,id:"left",className:"!bg-transparent !border-0 !w-0 !h-0"}),(0,a.jsx)(A.h7,{type:"source",position:M.yX.Right,id:"right",className:"!bg-transparent !border-0 !w-0 !h-0"}),(0,a.jsx)("img",{src:"/favicon.svg",alt:"Bluerouter",className:"w-6 h-6 mr-2"}),(0,a.jsx)("span",{className:"text-sm font-bold text-primary",children:"Blue Router"}),e.activeCount>0&&(0,a.jsx)("span",{className:"ml-2 px-1.5 py-0.5 rounded-full bg-primary text-white text-xs font-bold",children:e.activeCount})]})}s(53255),O.propTypes={data:x().object.isRequired},P.propTypes={data:x().object.isRequired};let E={provider:O,router:P};function L({providers:e=[],activeRequests:t=[],lastProvider:s="",errorProvider:l=""}){let i=(0,r.useMemo)(()=>t.map(e=>e.provider?.toLowerCase()).filter(Boolean).sort().join(","),[t]),o=s?.toLowerCase()||"",d=l?.toLowerCase()||"",c=(0,r.useMemo)(()=>new Set(i?i.split(","):[]),[i]),m=(0,r.useMemo)(()=>new Set(o?[o]:[]),[o]),u=(0,r.useMemo)(()=>new Set(d?[d]:[]),[d]),x=(0,r.useRef)({}),[p,h]=(0,r.useState)(0);(0,r.useEffect)(()=>{let e=x.current,t=Date.now();for(let s of c)e[s]||(e[s]=t);for(let t of Object.keys(e))c.has(t)||delete e[t]},[c]),(0,r.useEffect)(()=>{if(0===c.size)return;let e=setInterval(()=>h(e=>e+1),1e3);return()=>clearInterval(e)},[c]);let b=(0,r.useMemo)(()=>{let e=Date.now(),t=new Set;for(let s of c){let a=x.current[s];(!a||e-a<6e4)&&t.add(s)}return t},[c,p]),{nodes:f,edges:g}=(0,r.useMemo)(()=>(function(e,t,s,a){let r=e.length,l=Math.max(320,204*r/(2*Math.PI)),i=Math.max(200,.55*l);if(0===r)return{nodes:[{id:"router",type:"router",position:{x:0,y:0},data:{activeCount:0},draggable:!1}],edges:[]};let o=[],d=[];return o.push({id:"router",type:"router",position:{x:-60,y:-22},data:{activeCount:t.size},draggable:!1}),e.forEach((e,c)=>{let m,u,x=function(e,t={}){if(n.Q2[e])return n.Q2[e];if(I(e)){let e=R(t);return{color:"#10A37F",name:t.name||("responses"===e?"OpenAI Compatible Responses":"OpenAI Compatible Chat"),textIcon:"responses"===e?"OR":"OC"}}return $(e)?{color:"#D97757",name:t.name||"Anthropic Compatible",textIcon:"AC"}:{color:"#6b7280",name:t.name||e,textIcon:(e||"?").slice(0,2).toUpperCase()}}(e.provider,e),p=t.has(e.provider?.toLowerCase()),h=!p&&s.has(e.provider?.toLowerCase()),b=!p&&a.has(e.provider?.toLowerCase()),f=`provider-${e.provider}`,g={label:(x.name!==e.provider?x.name:null)||e.name||e.provider,color:x.color||"#6b7280",imageUrl:function(e={}){let t=e.provider||e.id||"";return t?I(t)?"responses"===R(e)?"/providers/oai-r.png":"/providers/oai-cc.png":$(t)?"/providers/anthropic-m.png":`/providers/${t}.png`:null}(e),textIcon:x.textIcon||(e.provider||"?").slice(0,2).toUpperCase(),active:p},y=-Math.PI/2+2*Math.PI*c/r,v=l*Math.cos(y),j=i*Math.sin(y);Math.abs(y+Math.PI/2)<Math.PI/4||Math.abs(y-3*Math.PI/2)<Math.PI/4?(m="top",u="bottom"):Math.abs(y-Math.PI/2)<Math.PI/4?(m="bottom",u="top"):v>0?(m="right",u="left"):(m="left",u="right"),o.push({id:f,type:"provider",position:{x:v-90,y:j-15},data:g,draggable:!1}),d.push({id:`e-${f}`,source:"router",sourceHandle:m,target:f,targetHandle:u,animated:p,style:(x.color,b?{stroke:"#ef4444",strokeWidth:2.5,opacity:.9}:p?{stroke:"#22c55e",strokeWidth:2.5,opacity:.9}:h?{stroke:"#f59e0b",strokeWidth:2,opacity:.7}:{stroke:"var(--color-border)",strokeWidth:1,opacity:.3})})}),{nodes:o,edges:d}})(e,b,m,u),[e,b,o,d]),y=(0,r.useMemo)(()=>e.map(e=>e.provider).sort().join(","),[e]),v=(0,r.useRef)(null),j=(0,r.useRef)(null),N={padding:.2,duration:200},k=(0,r.useCallback)(e=>{v.current=e,setTimeout(()=>e.fitView(N),50)},[]);return(0,r.useEffect)(()=>{let e=j.current;if(!e)return;let t=new ResizeObserver(()=>{v.current&&v.current.fitView(N)});return t.observe(e),()=>t.disconnect()},[]),(0,r.useEffect)(()=>{if(v.current){let e=setTimeout(()=>v.current.fitView(N),50);return()=>clearTimeout(e)}},[f.length]),(0,a.jsx)("div",{ref:j,className:"h-[320px] w-full min-w-0 rounded-lg border border-border bg-bg-subtle/30 sm:h-[480px]",children:0===e.length?(0,a.jsx)("div",{className:"h-full flex items-center justify-center text-text-muted text-sm",children:"No providers connected"}):(0,a.jsx)(A.Gc,{nodes:f,edges:g,nodeTypes:E,fitView:!0,fitViewOptions:N,minZoom:.1,maxZoom:2,onInit:k,proOptions:{hideAttribution:!0},panOnDrag:!0,zoomOnScroll:!0,zoomOnPinch:!0,zoomOnDoubleClick:!0,preventScrolling:!1,nodesDraggable:!1,nodesConnectable:!1,elementsSelectable:!1,children:(0,a.jsx)(A.H2,{showInteractive:!1,className:"react-flow-controls-custom"})},y)})}L.propTypes={providers:x().arrayOf(x().shape({id:x().string,provider:x().string,name:x().string})),activeRequests:x().arrayOf(x().shape({provider:x().string,model:x().string,account:x().string})),lastProvider:x().string,errorProvider:x().string};var q=s(1728),U=s(90639),z=s(28408),D=s(32539),F=s(59656),K=s(65671),W=s(34122);let B=(e,t=0)=>{let s=Number(e);return Number.isFinite(s)?s:t},V=e=>{let t=B(e);return t>=1e6?`${(t/1e6).toFixed(1)}M`:t>=1e3?`${(t/1e3).toFixed(1)}K`:String(t)},G=e=>`$${B(e).toFixed(4)}`;function H({period:e="7d"}){let[t,s]=(0,r.useState)([]),[l,n]=(0,r.useState)(!0),[i,o]=(0,r.useState)("tokens"),c=(0,r.useCallback)(async()=>{n(!0);try{let t=await fetch(`/api/usage/chart?period=${e}`);if(t.ok){let e=await t.json();s(e)}}catch(e){console.error("Failed to fetch chart data:",e)}finally{n(!1)}},[e]);(0,r.useEffect)(()=>{c()},[c]);let m=t.map(e=>({...e,tokens:B(e.tokens),cost:B(e.cost)})),u=m.some(e=>e.tokens>0||e.cost>0);return(0,a.jsxs)(d.default,{className:"flex min-w-0 flex-col gap-3 p-3 sm:p-4",children:[(0,a.jsxs)("div",{className:"grid w-full grid-cols-2 items-center gap-1 rounded-lg border border-border bg-bg-subtle p-1 sm:w-auto sm:self-start",children:[(0,a.jsx)("button",{onClick:()=>o("tokens"),className:`px-3 py-1 rounded-md text-sm font-medium transition-colors ${"tokens"===i?"bg-primary text-white shadow-sm":"text-text-muted hover:text-text hover:bg-bg-hover"}`,children:"Tokens"}),(0,a.jsx)("button",{onClick:()=>o("cost"),className:`px-3 py-1 rounded-md text-sm font-medium transition-colors ${"cost"===i?"bg-primary text-white shadow-sm":"text-text-muted hover:text-text hover:bg-bg-hover"}`,children:"Cost"})]}),l?(0,a.jsx)("div",{className:"h-48 flex items-center justify-center text-text-muted text-sm",children:"Loading..."}):u?(0,a.jsx)(q.u,{width:"100%",height:220,children:(0,a.jsxs)(U.Q,{data:m,margin:{top:4,right:8,left:0,bottom:0},children:[(0,a.jsxs)("defs",{children:[(0,a.jsxs)("linearGradient",{id:"gradTokens",x1:"0",y1:"0",x2:"0",y2:"1",children:[(0,a.jsx)("stop",{offset:"5%",stopColor:"#6366f1",stopOpacity:.25}),(0,a.jsx)("stop",{offset:"95%",stopColor:"#6366f1",stopOpacity:0})]}),(0,a.jsxs)("linearGradient",{id:"gradCost",x1:"0",y1:"0",x2:"0",y2:"1",children:[(0,a.jsx)("stop",{offset:"5%",stopColor:"#f59e0b",stopOpacity:.25}),(0,a.jsx)("stop",{offset:"95%",stopColor:"#f59e0b",stopOpacity:0})]})]}),(0,a.jsx)(z.d,{strokeDasharray:"3 3",strokeOpacity:.1}),(0,a.jsx)(D.W,{dataKey:"label",tick:{fontSize:10,fill:"currentColor",fillOpacity:.5},tickLine:!1,axisLine:!1,interval:"preserveStartEnd"}),(0,a.jsx)(F.h,{tick:{fontSize:10,fill:"currentColor",fillOpacity:.5},tickLine:!1,axisLine:!1,tickFormatter:"tokens"===i?V:G,width:50}),(0,a.jsx)(K.m,{contentStyle:{backgroundColor:"var(--color-bg)",border:"1px solid var(--color-border)",borderRadius:"8px",fontSize:"12px"},formatter:(e,t)=>"tokens"===t?[V(e),"Tokens"]:[G(e),"Cost"]}),"tokens"===i?(0,a.jsx)(W.Gk,{type:"monotone",dataKey:"tokens",stroke:"#6366f1",strokeWidth:2,fill:"url(#gradTokens)",dot:!1,activeDot:{r:4}}):(0,a.jsx)(W.Gk,{type:"monotone",dataKey:"cost",stroke:"#f59e0b",strokeWidth:2,fill:"url(#gradCost)",dot:!1,activeDot:{r:4}})]})}):(0,a.jsx)("div",{className:"h-48 flex items-center justify-center text-text-muted text-sm",children:"No data for this period"})]})}function Q(e){let t=n.Q2[e];return!t?.serviceKinds||t.serviceKinds.includes("llm")}function J(e){let t=String(e||"").trim();if(!t)return"";try{return new URL(t).hostname||""}catch{return t.replace(/^https?:\/\//,"").replace(/\/.*$/,"").replace(/:\d+$/,"")}}function X(e){let t=String(e||"").trim();return/^openai-compatible-chat-[0-9a-f-]{20,}$/i.test(t)||/^openai-compatible-[0-9a-f-]{20,}$/i.test(t)}function Y(e){return String(e||"").trim()}function Z(e=[]){let t={},s={};for(let a of e||[]){let e=function(e={}){let t=Y(e.provider||e.providerId||e.provider_id||e.id),s=Y(e.accountName||e.account_name||e.email||e.displayName||e.display_name||e.name||e.label||e.connectionName||e.connection_name),a=J(e.endpoint)||J(e.baseUrl)||J(e.baseURL)||J(e.base_url)||J(e.providerUrl)||J(e.provider_url)||J(e.url),r=Y(e.email);return{providerId:t,accountName:s,displayName:Y(e.displayName||e.display_name),email:r,endpointHost:a,ownerUser:Y(e.ownerUser||e.owner_user),isPersonal:"personal"===e.scope||"private"===e.visibility||!!(e.ownerUser||e.owner_user)}}(a);for(let s of[a.id,a.connectionId,a.connection_id].map(Y).filter(Boolean))t[s]||(t[s]=e);e.accountName&&!s[e.accountName]&&(s[e.accountName]=e)}return{byConnectionId:t,byAccount:s}}function ee(e={},t={}){let s=e.model||e.rawModel||e.raw_model||"-",a=function(e={},t={}){let s=function(e={},t={}){for(let s of[e.connectionId,e.connection_id].map(Y).filter(Boolean))if(t.byConnectionId?.[s])return t.byConnectionId[s];let s=Y(e.accountName||e.account_name||e.keyName||e.key_name||e.connectionName||e.connection_name||e.providerName||e.provider_name||e.providerLabel||e.provider_label);return s&&t.byAccount?.[s]?t.byAccount[s]:null}(e,t),a=function(e={},t=null){let s=Y(e.provider||e.providerId||e.provider_id).toLowerCase();if(!(!0===e.isPersonalOAuth||!0===e.is_personal_oauth||"personal"===e.connectionScope||"personal"===e.connection_scope||"private"===e.visibility||t?.isPersonal)||!s)return"";let a=Y(e.ownerUser||e.owner_user||e.apiKeyOwner||e.api_key_owner||t?.ownerUser),r=Y(e.accountEmail||e.account_email||e.email||t?.email),l=Y(e.accountDisplayName||e.account_display_name||e.accountName||e.account_name||e.connectionName||e.connection_name||t?.accountName||t?.displayName),n=[];return(a&&n.push(a),r&&r!==a?n.push(r):l&&l!==a&&n.push(l),n.length)?(n.push(s),n.join("/")):""}(e,s);if(a)return a;if(s){let e=s.providerId,t=s.accountName,a=s.endpointHost;if(e&&!X(e)){if(s.isPersonal&&s.ownerUser){let a=[s.ownerUser];return s.email&&s.email!==s.ownerUser?a.push(s.email):t&&t!==s.ownerUser&&a.push(t),a.push(e),a.join("/")}return t&&t!==e?`${e}/${t}`:e}if(t)return t;if(a)return a}let r=J(e.endpoint)||J(e.providerUrl)||J(e.provider_url)||J(e.baseUrl)||J(e.baseURL)||J(e.base_url)||J(e.url);if(r)return r;let l=Y(e.provider||e.providerId||e.provider_id),n=Y(e.accountName||e.account_name||e.keyName||e.key_name||e.connectionName||e.connection_name||e.providerName||e.provider_name||e.providerLabel||e.provider_label);return l&&!X(l)?n&&n!==l?`${l}/${n}`:l:n||""}(e,t),r=Y(e.provider||e.providerId||e.provider_id);return!a||"-"===s||String(s).startsWith(`${a}/`)?s:r&&String(s).startsWith(`${r}/`)&&(a.startsWith(`${r}/`)||a.endsWith(`/${r}`))?`${a}/${String(s).slice(r.length+1)}`:`${a}/${s}`}function et({timestamp:e}){let t,[,s]=(0,r.useState)(0);return(0,r.useEffect)(()=>{let e=setInterval(()=>s(e=>e+1),1e3);return()=>clearInterval(e)},[]),(0,a.jsx)(a.Fragment,{children:(t=Math.floor((Date.now()-new Date(e))/1e3))<60?`${t}s ago`:t<3600?`${Math.floor(t/60)}m ago`:t<86400?`${Math.floor(t/3600)}h ago`:`${Math.floor(t/86400)}d ago`})}H.propTypes={period:x().string};let es=new Set(["ok","success","succeeded","complete","completed","done","200 ok"]),ea=new Set(["pending","running","queued","in_progress","in-progress"]);function er(e={}){let t,s=String(e.status||e.statusText||e.status_text||"").trim().toLowerCase(),a=(t=String(s||"").match(/\b([1-5]\d{2})\b/))?Number(t[1]):null,r=function(...e){for(let t of e){if(null==t||""===t)continue;let e=Number(t);if(Number.isFinite(e))return e}return null}(e.statusCode,e.status_code,e.gatewayStatusCode,e.gateway_status_code,e.upstreamStatusCode,e.upstream_status_code,a),l=Y(e.errorCode||e.error_code),n=Y(e.errorType||e.error_type),i=Y(e.errorMessageShort||e.error_message_short||e.message||e.error);if(ea.has(s))return{kind:"pending",label:"PENDING",title:"Request is still pending/running.",dotClass:"bg-amber-500",rowClass:"hover:bg-amber-50/60",badgeClass:"bg-amber-100 text-amber-700 border border-amber-200"};if(/\b(error|fail|failed|failure|timeout|cancelled|canceled)\b/i.test(s)||null!==r&&r>=400||l||n||i){let t=null!==r?`ERR ${r}`:s?s.toUpperCase():"ERROR",a=[`Status: ${t}`,l?`Code: ${l}`:"",n?`Type: ${n}`:"",i?`Message: ${i}`:"",e.endpoint?`Endpoint: ${e.endpoint}`:""].filter(Boolean);return{kind:"error",label:t,title:a.join("\n"),dotClass:"bg-error",rowClass:"hover:bg-error/5",badgeClass:"bg-error/10 text-error border border-error/20"}}return null!==r&&r>=200&&r<300||!s||es.has(s)?{kind:"success",label:r?`OK ${r}`:"OK",title:"Request completed successfully.",dotClass:"bg-success",rowClass:"hover:bg-bg-subtle",badgeClass:"bg-success/10 text-success border border-success/20"}:{kind:"unknown",label:s?s.toUpperCase():"UNKNOWN",title:s?`Status: ${s}`:"Unknown request status.",dotClass:"bg-text-muted",rowClass:"hover:bg-bg-subtle",badgeClass:"bg-bg-subtle text-text-muted border border-border"}}function el({request:e}){let{cachedTokens:t,cacheCreationTokens:s,totalTokens:r,totalInputTokens:l,newInputTokens:n,reasoningTokens:i,outputTokens:o}=function(e={}){let t=Number(e.promptTokens??e.prompt_tokens??0)||0,s=Number(e.cachedTokens??e.cached_tokens??e.cache_read_input_tokens??0)||0,a=Number(e.cacheCreationTokens??e.cache_creation_input_tokens??0)||0,r=Number(e.completionTokens??e.completion_tokens??0)||0,l=Number(e.totalTokens??e.total_tokens??t+r)||0,n=Number(e.displayTotalInputTokens??e.display_total_input_tokens??t)||0,i=Number(e.displayNewInputTokens??e.display_new_input_tokens??Math.max(0,n-s-a))||0,o=Number(e.displayCachedInputTokens??e.display_cached_input_tokens??s)||0,d=Number(e.displayCacheCreationInputTokens??e.display_cache_creation_input_tokens??a)||0,c=Number(e.displayReasoningTokens??e.display_reasoning_tokens??e.reasoningTokens??e.reasoning_tokens??0)||0,m=Number(e.displayOutputTokens??e.display_output_tokens??r)||0;return{promptTokens:t,cachedTokens:o,cacheCreationTokens:d,completionTokens:r,totalTokens:l,totalInputTokens:n,newInputTokens:i,reasoningTokens:c,outputTokens:m}}(e),d=er(e),c=l>0?Math.min(100,Math.max(0,Math.round(t/l*100))):0,m=`Total Input: ${k(l)}
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5497],{98:(e,t,s)=>{s.d(t,{default:()=>l});var a=s(95155),r=s(31474);function l({label:e,options:t=[],value:s,onChange:n,placeholder:i="Select an option",error:o,hint:d,disabled:c=!1,required:m=!1,className:u,selectClassName:x,...p}){return(0,a.jsxs)("div",{className:(0,r.cn)("flex flex-col gap-1.5",u),children:[e&&(0,a.jsxs)("label",{className:"text-sm font-medium text-text-main",children:[e,m&&(0,a.jsx)("span",{className:"text-red-500 ml-1",children:"*"})]}),(0,a.jsxs)("div",{className:"relative",children:[(0,a.jsxs)("select",{value:s,onChange:n,disabled:c,className:(0,r.cn)("w-full py-2.5 px-3 pr-10 text-sm text-text-main","bg-surface-2 border border-transparent rounded-[10px] appearance-none","focus:outline-none focus:ring-2 focus:ring-brand-500/30 focus:border-brand-500/40","transition-all duration-150 disabled:opacity-50 disabled:cursor-not-allowed","text-[16px] sm:text-sm",o&&"ring-1 ring-red-500 focus:ring-2 focus:ring-red-500/40 border-red-500/40",x),...p,children:[(0,a.jsx)("option",{value:"",disabled:!0,children:i}),function(e){let t=new Map,s=[];for(let a of e){if(!a.group){s.push(a);continue}t.has(a.group)||t.set(a.group,[]),t.get(a.group).push(a)}let r=[];for(let[e,s]of t)r.push((0,a.jsx)("optgroup",{label:e,children:s.map(e=>(0,a.jsx)("option",{value:e.value,children:e.label},e.value))},e));for(let e of s)r.push((0,a.jsx)("option",{value:e.value,children:e.label},e.value));return r}(t)]}),(0,a.jsx)("div",{className:"absolute inset-y-0 right-0 flex items-center pr-3 pointer-events-none text-text-muted",children:(0,a.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"expand_more"})})]}),o&&(0,a.jsxs)("p",{className:"text-xs text-red-500 flex items-center gap-1",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[14px]",children:"error"}),o]}),d&&!o&&(0,a.jsx)("p",{className:"text-xs text-text-muted",children:d})]})}},1620:(e,t,s)=>{s.d(t,{D:()=>o});var a=s(12115),r=s(90085);function l(e){let t=window.matchMedia("(prefers-color-scheme: dark)");return t.addEventListener("change",e),()=>t.removeEventListener("change",e)}function n(){return window.matchMedia("(prefers-color-scheme: dark)").matches}function i(){return!1}function o(){let{theme:e,setTheme:t,toggleTheme:s,initTheme:o}=(0,r.A)(),d=(0,a.useSyncExternalStore)(l,n,i);(0,a.useEffect)(()=>{o()},[o]),(0,a.useEffect)(()=>{if("system"!==e)return;let t=window.matchMedia("(prefers-color-scheme: dark)"),s=()=>o();return t.addEventListener("change",s),()=>t.removeEventListener("change",s)},[e,o]);let c="dark"===e||"system"===e&&d;return{theme:e,setTheme:t,toggleTheme:s,isDark:c}}},4809:(e,t,s)=>{s.d(t,{default:()=>eh});var a=s(95155),r=s(12115),l=s(73321),n=s(52679),i=s(94027),o=s(56061),d=s(84588),c=s(98500),m=s.n(c),u=s(14051),x=s.n(u);let p=(e,t=0)=>{let s=Number(e);return Number.isFinite(s)?s:t},h=e=>new Intl.NumberFormat().format(p(e)),b=e=>`$${p(e).toFixed(2)}`,f=(e,t)=>{let s=p(t);return s<=0?0:Math.round(p(e)/s*100)};function g({label:e,dotClass:t,requests:s,promptTokens:r,completionTokens:l,cost:n,showCost:i}){return(0,a.jsxs)("div",{className:"flex min-w-0 items-baseline justify-between gap-2",children:[(0,a.jsxs)("span",{className:"flex min-w-0 items-center gap-1.5",children:[(0,a.jsx)("span",{className:`h-2 w-2 shrink-0 rounded-full ${t}`}),(0,a.jsx)("span",{className:"truncate text-xs text-text-muted",children:e})]}),(0,a.jsxs)("span",{className:"shrink-0 text-xs font-semibold tabular-nums",children:[h(p(r)+p(l)),i&&(0,a.jsx)("span",{className:"ml-1.5 text-warning",children:b(n)}),(0,a.jsxs)("span",{className:"ml-1.5 font-normal text-text-muted",children:[h(s)," req"]})]})]})}g.propTypes={label:x().string.isRequired,dotClass:x().string.isRequired,requests:x().number,promptTokens:x().number,completionTokens:x().number,cost:x().number,showCost:x().bool};let y=[{name:"Anthropic (Claude)",dot:"bg-warning",mode:"Thủ c\xf4ng",modeNote:"BlueRouter chỉ \xe1p dụng cache write 5 ph\xfat",write:"1,25x gi\xe1 input",read:"0,1x gi\xe1 input",ttl:"5 ph\xfat; TTL d\xe0i hơn vẫn d\xf9ng c\xf9ng mức gi\xe1",fields:"cache_creation_input_tokens + cache_read_input_tokens",note:"Kh\xf4ng lưu cache 1 giờ. Mọi cache creation được t\xednh bằng rate 5 ph\xfat của model."},{name:"OpenAI",dot:"bg-success",mode:"Tự động",modeNote:"d\xf9ng Standard / short-context rate",write:"GPT-5.6 theo cache-write rate; model kh\xe1c fallback về input",read:"Theo cached rate của từng model",ttl:"Kh\xf4ng t\xe1ch TTL trong BlueRouter",fields:"prompt_tokens_details.cached_tokens + cache creation fields khi c\xf3",note:"Request tr\xean 272K hoặc cache d\xe0i hơn vẫn d\xf9ng đ\xfang rate short-context/cache 5 ph\xfat đ\xe3 cấu h\xecnh."},{name:"Google Gemini",dot:"bg-primary",mode:"Hai chế độ",modeNote:"implicit tự động, explicit do người d\xf9ng tạo",write:"Miễn ph\xed (implicit) / ph\xed lưu trữ theo giờ (explicit)",read:"giảm gi\xe1 đ\xe1ng kể so với input",ttl:"Implicit ngắn hạn; explicit theo TTL tự đặt",fields:"cachedContentTokenCount",note:"Explicit caching t\xednh tiền theo thời gian lưu, kh\xe1c hẳn m\xf4 h\xecnh của Anthropic v\xe0 OpenAI."},{name:"Local (vLLM, llama.cpp, Ollama)",dot:"bg-text-muted",mode:"Tự động",modeNote:"prefix caching / KV cache reuse",write:"Miễn ph\xed",read:"Miễn ph\xed — chỉ tiết kiệm compute v\xe0 giảm TTFT",ttl:"Tuỳ cấu h\xecnh v\xe0 dung lượng KV cache",fields:"Thường kh\xf4ng t\xe1ch ri\xeang trong usage",note:"Tiết kiệm thời gian chứ kh\xf4ng tiết kiệm tiền, v\xe0 phần lớn gộp v\xe0o “New input” ở tr\xean."}];function v(){let[e,t]=(0,r.useState)(!1);return(0,a.jsxs)(d.default,{className:"min-w-0 px-4 py-3",children:[(0,a.jsxs)("button",{type:"button",onClick:()=>t(e=>!e),className:"flex w-full min-w-0 items-center justify-between gap-2 text-left",children:[(0,a.jsxs)("span",{className:"flex min-w-0 items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-[18px] text-text-muted",children:"help"}),(0,a.jsx)("span",{className:"truncate text-sm font-semibold uppercase text-text-muted",children:"Cache read / creation hoạt động thế n\xe0o"})]}),(0,a.jsx)("span",{className:`material-symbols-outlined shrink-0 text-[20px] text-text-muted transition-transform duration-200 ${e?"rotate-180":""}`,children:"expand_more"})]}),e&&(0,a.jsxs)("div",{className:"mt-3 flex min-w-0 flex-col gap-3 border-t border-border-subtle pt-3",children:[(0,a.jsxs)("p",{className:"text-xs leading-relaxed text-text-muted",children:[(0,a.jsx)("span",{className:"font-semibold text-text",children:"Cache creation"})," l\xe0 lần đầu một đoạn context được lưu lại. ",(0,a.jsx)("span",{className:"font-semibold text-text",children:"Cache read"})," l\xe0 những lần sau t\xe1i sử dụng đoạn đ\xf3 thay v\xec xử l\xfd lại. Cơ chế v\xe0 c\xe1ch t\xednh tiền kh\xe1c nhau tuỳ provider — gi\xe1 dưới đ\xe2y l\xe0 bội số so với gi\xe1 input thường của ch\xednh model đ\xf3."]}),(0,a.jsx)("div",{className:"grid min-w-0 grid-cols-1 gap-2 xl:grid-cols-2",children:y.map(e=>(0,a.jsxs)("div",{className:"min-w-0 rounded-[10px] bg-bg px-3 py-2.5",children:[(0,a.jsxs)("div",{className:"flex min-w-0 items-center justify-between gap-2",children:[(0,a.jsxs)("span",{className:"flex min-w-0 items-center gap-1.5",children:[(0,a.jsx)("span",{className:`h-2 w-2 shrink-0 rounded-full ${e.dot}`}),(0,a.jsx)("span",{className:"truncate text-xs font-semibold",children:e.name})]}),(0,a.jsx)("span",{className:"shrink-0 rounded-full bg-surface px-2 py-0.5 text-[10px] text-text-muted",children:e.mode})]}),(0,a.jsxs)("dl",{className:"mt-2 flex min-w-0 flex-col gap-1 text-[11px]",children:[(0,a.jsxs)("div",{className:"flex min-w-0 justify-between gap-2",children:[(0,a.jsx)("dt",{className:"shrink-0 text-text-muted",children:"Ghi cache"}),(0,a.jsx)("dd",{className:"truncate text-right font-medium",children:e.write})]}),(0,a.jsxs)("div",{className:"flex min-w-0 justify-between gap-2",children:[(0,a.jsx)("dt",{className:"shrink-0 text-text-muted",children:"Đọc cache"}),(0,a.jsx)("dd",{className:"truncate text-right font-medium text-success",children:e.read})]}),(0,a.jsxs)("div",{className:"flex min-w-0 justify-between gap-2",children:[(0,a.jsx)("dt",{className:"shrink-0 text-text-muted",children:"Thời hạn"}),(0,a.jsx)("dd",{className:"truncate text-right",children:e.ttl})]}),(0,a.jsxs)("div",{className:"flex min-w-0 justify-between gap-2",children:[(0,a.jsx)("dt",{className:"shrink-0 text-text-muted",children:"K\xedch hoạt"}),(0,a.jsx)("dd",{className:"truncate text-right",children:e.modeNote})]})]}),(0,a.jsx)("p",{className:"mt-1.5 border-t border-border-subtle pt-1.5 text-[10px] leading-relaxed text-text-muted",children:e.note}),(0,a.jsx)("p",{className:"mt-1 font-mono text-[9px] leading-relaxed text-text-muted opacity-70",children:e.fields})]},e.name))}),(0,a.jsx)("p",{className:"text-[10px] leading-relaxed text-text-muted",children:"Gi\xe1 v\xe0 thời hạn do provider c\xf4ng bố v\xe0 c\xf3 thể thay đổi — h\xe3y đối chiếu bảng gi\xe1 ch\xednh thức trước khi d\xf9ng cho mục đ\xedch t\xednh chi ph\xed."})]})]})}function j({stats:e}){let{isAdmin:t}=(0,i.s)(),s=p(e.totalPromptTokens),r=p(e.totalCachedInputTokens),l=p(e.totalCacheCreationInputTokens),n=null!=e.totalNewInputTokens?p(e.totalNewInputTokens):Math.max(0,s-r-l),o=e.cloudVsLocal||{},c=o.cloud||{},u=o.local||{},x=p(c.requests)>0||p(u.requests)>0,y=p(c.promptTokens)+p(c.completionTokens),N=f(y,y+(p(u.promptTokens)+p(u.completionTokens)));return(0,a.jsxs)("div",{className:"flex min-w-0 flex-col gap-3 sm:gap-4",children:[(0,a.jsxs)("div",{className:"grid min-w-0 grid-cols-1 gap-3 sm:grid-cols-2 md:grid-cols-4 sm:gap-4",children:[(0,a.jsxs)(d.default,{className:"flex min-w-0 flex-col gap-1 px-4 py-3",children:[(0,a.jsx)("span",{className:"text-text-muted text-sm uppercase font-semibold",children:"Total Requests"}),(0,a.jsx)("span",{className:"truncate text-2xl font-bold",children:h(e.totalRequests)})]}),(0,a.jsxs)(d.default,{className:"flex min-w-0 flex-col gap-1 px-4 py-3",children:[(0,a.jsx)("span",{className:"text-text-muted text-sm uppercase font-semibold",children:"Total Input Tokens"}),(0,a.jsx)("span",{className:"truncate text-2xl font-bold text-primary",children:h(s)}),s>0&&(0,a.jsxs)("span",{className:"text-[10px] text-text-muted",children:[f(r,s),"% cached"]})]}),(0,a.jsxs)(d.default,{className:"flex min-w-0 flex-col gap-1 px-4 py-3",children:[(0,a.jsx)("span",{className:"text-text-muted text-sm uppercase font-semibold",children:"Output Tokens"}),(0,a.jsx)("span",{className:"truncate text-2xl font-bold text-success",children:h(e.totalCompletionTokens)})]}),(0,a.jsxs)(d.default,{className:"flex min-w-0 flex-col gap-1 px-4 py-3",children:[t?(0,a.jsxs)(m(),{href:"/dashboard/settings/pricing",className:"group flex min-w-0 items-center gap-1 text-text-muted text-sm uppercase font-semibold transition-colors hover:text-primary",title:"Chỉnh bảng gi\xe1 d\xf9ng để t\xednh cost",children:[(0,a.jsx)("span",{className:"truncate",children:"Est. Cost"}),(0,a.jsx)("span",{className:"material-symbols-outlined shrink-0 text-[14px] opacity-0 transition-opacity group-hover:opacity-100",children:"edit"})]}):(0,a.jsx)("span",{className:"text-text-muted text-sm uppercase font-semibold",children:"Est. Cost"}),(0,a.jsxs)("span",{className:"truncate text-2xl font-bold text-warning",children:["~",b(e.totalCost)]}),(0,a.jsx)("span",{className:"text-[10px] text-text-muted",children:"Estimated, not actual billing"})]})]}),(0,a.jsxs)("div",{className:"grid min-w-0 grid-cols-1 gap-3 lg:grid-cols-2 sm:gap-4",children:[(0,a.jsxs)(d.default,{className:"flex min-w-0 flex-col gap-2 px-4 py-3",children:[(0,a.jsx)("span",{className:"text-text-muted text-sm uppercase font-semibold",children:"Input Token Breakdown"}),s>0&&(0,a.jsxs)("div",{className:"flex h-1.5 w-full overflow-hidden rounded-full bg-bg",children:[(0,a.jsx)("div",{className:"bg-primary",style:{width:`${f(n,s)}%`}}),(0,a.jsx)("div",{className:"bg-success",style:{width:`${f(r,s)}%`}}),(0,a.jsx)("div",{className:"bg-warning",style:{width:`${f(l,s)}%`}})]}),(0,a.jsxs)("div",{className:"flex min-w-0 flex-col gap-1",children:[(0,a.jsxs)("div",{className:"flex min-w-0 items-baseline justify-between gap-2",children:[(0,a.jsxs)("span",{className:"flex min-w-0 items-center gap-1.5",children:[(0,a.jsx)("span",{className:"h-2 w-2 shrink-0 rounded-full bg-primary"}),(0,a.jsx)("span",{className:"truncate text-xs text-text-muted",children:"New input"})]}),(0,a.jsxs)("span",{className:"shrink-0 text-xs font-semibold tabular-nums",children:[h(n),(0,a.jsxs)("span",{className:"ml-1.5 font-normal text-text-muted",children:[f(n,s),"%"]})]})]}),(0,a.jsxs)("div",{className:"flex min-w-0 items-baseline justify-between gap-2",children:[(0,a.jsxs)("span",{className:"flex min-w-0 items-center gap-1.5",children:[(0,a.jsx)("span",{className:"h-2 w-2 shrink-0 rounded-full bg-success"}),(0,a.jsx)("span",{className:"truncate text-xs text-text-muted",children:"Cached read"})]}),(0,a.jsxs)("span",{className:"shrink-0 text-xs font-semibold tabular-nums",children:[h(r),(0,a.jsxs)("span",{className:"ml-1.5 font-normal text-text-muted",children:[f(r,s),"%"]})]})]}),(0,a.jsxs)("div",{className:"flex min-w-0 items-baseline justify-between gap-2",children:[(0,a.jsxs)("span",{className:"flex min-w-0 items-center gap-1.5",children:[(0,a.jsx)("span",{className:"h-2 w-2 shrink-0 rounded-full bg-warning"}),(0,a.jsx)("span",{className:"truncate text-xs text-text-muted",children:"Cache creation"})]}),(0,a.jsxs)("span",{className:"shrink-0 text-xs font-semibold tabular-nums",children:[h(l),(0,a.jsxs)("span",{className:"ml-1.5 font-normal text-text-muted",children:[f(l,s),"%"]})]})]})]})]}),(0,a.jsxs)(d.default,{className:"flex min-w-0 flex-col gap-2 px-4 py-3",children:[(0,a.jsx)("span",{className:"text-text-muted text-sm uppercase font-semibold",children:"Cloud vs Local"}),x?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)("div",{className:"flex h-1.5 w-full overflow-hidden rounded-full bg-bg",children:[(0,a.jsx)("div",{className:"bg-warning",style:{width:`${N}%`}}),(0,a.jsx)("div",{className:"bg-primary",style:{width:`${100-N}%`}})]}),(0,a.jsxs)("div",{className:"flex min-w-0 flex-col gap-1",children:[(0,a.jsx)(g,{label:"Cloud providers",dotClass:"bg-warning",requests:p(c.requests),promptTokens:p(c.promptTokens),completionTokens:p(c.completionTokens),cost:p(c.cost),showCost:!0}),(0,a.jsx)(g,{label:"Local (self-hosted)",dotClass:"bg-primary",requests:p(u.requests),promptTokens:p(u.promptTokens),completionTokens:p(u.completionTokens),cost:p(u.cost),showCost:p(u.cost)>0})]}),(0,a.jsx)("span",{className:"text-[10px] text-text-muted",children:"Local = custom OpenAI/Anthropic-compatible providers. Token counts include input + output."})]}):(0,a.jsx)("span",{className:"text-xs text-text-muted",children:"No usage in this period."})]})]}),(0,a.jsx)(v,{})]})}j.propTypes={stats:x().object.isRequired};let N=(e,t=0)=>{let s=Number(e);return Number.isFinite(s)?s:t},k=e=>new Intl.NumberFormat().format(N(e)),w=e=>`$${N(e).toFixed(2)}`;function C(e){if(!e)return"Never";let t=Math.floor((Date.now()-new Date(e))/6e4);return t<1?"Just now":t<60?`${t}m ago`:t<1440?`${Math.floor(t/60)}h ago`:new Date(e).toLocaleDateString()}function S({field:e,currentSort:t,currentOrder:s}){return t!==e?(0,a.jsx)("span",{className:"ml-1 opacity-20",children:"↕"}):(0,a.jsx)("span",{className:"ml-1",children:"asc"===s?"↑":"↓"})}function T({item:e,viewMode:t,isSummary:s=!1}){return"tokens"===t?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("td",{className:"px-6 py-3 text-right text-text-muted",children:s&&void 0===e.promptTokens?"—":k(e.promptTokens)}),(0,a.jsx)("td",{className:"px-6 py-3 text-right text-text-muted",children:s&&void 0===e.completionTokens?"—":k(e.completionTokens)}),(0,a.jsx)("td",{className:"px-6 py-3 text-right font-medium",children:k(e.totalTokens)})]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("td",{className:"px-6 py-3 text-right text-text-muted",children:s&&void 0===e.inputCost?"—":w(e.inputCost)}),(0,a.jsx)("td",{className:"px-6 py-3 text-right text-text-muted",children:s&&void 0===e.outputCost?"—":w(e.outputCost)}),(0,a.jsx)("td",{className:"px-6 py-3 text-right font-medium text-warning",children:w(e.totalCost||e.cost)})]})}function _({title:e,columns:t,groupedData:s,tableType:l,sortBy:n,sortOrder:i,onToggleSort:o,viewMode:c,storageKey:m,renderDetailCells:u,renderSummaryCells:x,emptyMessage:p}){let[h,b]=(0,r.useState)(new Set);(0,r.useEffect)(()=>{try{let e=localStorage.getItem(m);e&&b(new Set(JSON.parse(e)))}catch(e){console.error(`Failed to load ${m}:`,e)}},[m]),(0,r.useEffect)(()=>{try{localStorage.setItem(m,JSON.stringify([...h]))}catch(e){console.error(`Failed to save ${m}:`,e)}},[h,m]);let f=(0,r.useCallback)(e=>{b(t=>{let s=new Set(t);return s.has(e)?s.delete(e):s.add(e),s})},[]),g=(0,r.useMemo)(()=>"tokens"===c?[{field:"promptTokens",label:"Input Tokens"},{field:"completionTokens",label:"Output Tokens"},{field:"totalTokens",label:"Total Tokens"}]:[{field:"promptTokens",label:"Input Cost"},{field:"completionTokens",label:"Output Cost"},{field:"cost",label:"Total Cost"}],[c]),y=t.length+g.length;return(0,a.jsxs)(d.default,{className:"overflow-hidden",children:[(0,a.jsx)("div",{className:"p-4 border-b border-border bg-bg-subtle/50",children:(0,a.jsx)("h3",{className:"font-semibold",children:e})}),(0,a.jsx)("div",{className:"overflow-x-auto",children:(0,a.jsxs)("table",{className:"w-full text-sm text-left",children:[(0,a.jsx)("thead",{className:"bg-bg-subtle/30 text-text-muted uppercase text-xs",children:(0,a.jsxs)("tr",{children:[t.map(e=>(0,a.jsxs)("th",{className:`px-6 py-3 cursor-pointer hover:bg-bg-subtle/50 ${"right"===e.align?"text-right":""}`,onClick:()=>o(l,e.field),children:[e.label," ",(0,a.jsx)(S,{field:e.field,currentSort:n,currentOrder:i})]},e.field)),g.map(e=>(0,a.jsxs)("th",{className:"px-6 py-3 text-right cursor-pointer hover:bg-bg-subtle/50",onClick:()=>o(l,e.field),children:[e.label," ",(0,a.jsx)(S,{field:e.field,currentSort:n,currentOrder:i})]},e.field))]})}),(0,a.jsxs)("tbody",{className:"divide-y divide-border",children:[s.map(e=>(0,a.jsxs)(r.Fragment,{children:[(0,a.jsxs)("tr",{className:"group-summary cursor-pointer hover:bg-bg-subtle/50 transition-colors",onClick:()=>f(e.groupKey),children:[(0,a.jsx)("td",{className:"px-6 py-3",children:(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:`material-symbols-outlined text-[18px] text-text-muted transition-transform ${h.has(e.groupKey)?"rotate-90":""}`,children:"chevron_right"}),(0,a.jsx)("span",{className:`font-medium transition-colors ${e.summary.pending>0?"text-primary":""}`,children:e.groupKey})]})}),x(e),(0,a.jsx)(T,{item:e.summary,viewMode:c,isSummary:!0})]}),h.has(e.groupKey)&&e.items.map(e=>(0,a.jsxs)("tr",{className:"group-detail hover:bg-bg-subtle/20 transition-colors",children:[u(e),(0,a.jsx)(T,{item:e,viewMode:c})]},`detail-${e.key}`))]},e.groupKey)),0===s.length&&(0,a.jsx)("tr",{children:(0,a.jsx)("td",{colSpan:y,className:"px-6 py-8 text-center text-text-muted",children:p})})]})]})})]})}S.propTypes={field:x().string.isRequired,currentSort:x().string.isRequired,currentOrder:x().string.isRequired},T.propTypes={item:x().object.isRequired,viewMode:x().string.isRequired,isSummary:x().bool},_.propTypes={title:x().string.isRequired,columns:x().arrayOf(x().shape({field:x().string.isRequired,label:x().string.isRequired,align:x().string})).isRequired,groupedData:x().array.isRequired,tableType:x().string.isRequired,sortBy:x().string.isRequired,sortOrder:x().string.isRequired,onToggleSort:x().func.isRequired,viewMode:x().string.isRequired,storageKey:x().string.isRequired,renderDetailCells:x().func.isRequired,renderSummaryCells:x().func.isRequired,emptyMessage:x().string.isRequired};var A=s(81750),M=s(6793);function I(e){return"string"==typeof e&&e.startsWith(n.JH)}function $(e){return"string"==typeof e&&e.startsWith(n.DI)}function R(e={}){return String(e.apiType||e.providerSpecificData?.apiType||e.provider_specific_data?.apiType||"chat").toLowerCase()}function O({data:e}){let{label:t,color:s,imageUrl:l,textIcon:n,active:i}=e,[o,d]=(0,r.useState)(!1);return(0,a.jsxs)("div",{className:"flex items-center gap-2.5 px-4 py-2.5 rounded-lg border-2 transition-all duration-300 bg-bg",style:{borderColor:i?s:"var(--color-border)",boxShadow:i?`0 0 16px ${s}40`:"none",minWidth:"150px"},children:[(0,a.jsx)(A.h7,{type:"target",position:M.yX.Top,id:"top",className:"!bg-transparent !border-0 !w-0 !h-0"}),(0,a.jsx)(A.h7,{type:"target",position:M.yX.Bottom,id:"bottom",className:"!bg-transparent !border-0 !w-0 !h-0"}),(0,a.jsx)(A.h7,{type:"target",position:M.yX.Left,id:"left",className:"!bg-transparent !border-0 !w-0 !h-0"}),(0,a.jsx)(A.h7,{type:"target",position:M.yX.Right,id:"right",className:"!bg-transparent !border-0 !w-0 !h-0"}),(0,a.jsx)("div",{className:"w-8 h-8 rounded-md flex items-center justify-center shrink-0",style:{backgroundColor:`${s}15`},children:l&&!o?(0,a.jsx)("img",{src:l,alt:t,className:"w-6 h-6 rounded-sm object-contain",onError:()=>d(!0)}):(0,a.jsx)("span",{className:"text-sm font-bold",style:{color:s},children:n})}),(0,a.jsx)("span",{className:"text-base font-medium truncate",style:{color:i?s:"var(--color-text)"},children:t}),i&&(0,a.jsxs)("span",{className:"relative flex h-2 w-2 shrink-0",children:[(0,a.jsx)("span",{className:"animate-ping absolute inline-flex h-full w-full rounded-full opacity-75",style:{backgroundColor:s}}),(0,a.jsx)("span",{className:"relative inline-flex rounded-full h-2 w-2",style:{backgroundColor:s}})]})]})}function P({data:e}){return(0,a.jsxs)("div",{className:"flex items-center justify-center px-5 py-3 rounded-xl border-2 border-primary bg-primary/5 shadow-md min-w-[130px]",children:[(0,a.jsx)(A.h7,{type:"source",position:M.yX.Top,id:"top",className:"!bg-transparent !border-0 !w-0 !h-0"}),(0,a.jsx)(A.h7,{type:"source",position:M.yX.Bottom,id:"bottom",className:"!bg-transparent !border-0 !w-0 !h-0"}),(0,a.jsx)(A.h7,{type:"source",position:M.yX.Left,id:"left",className:"!bg-transparent !border-0 !w-0 !h-0"}),(0,a.jsx)(A.h7,{type:"source",position:M.yX.Right,id:"right",className:"!bg-transparent !border-0 !w-0 !h-0"}),(0,a.jsx)("img",{src:"/favicon.svg",alt:"Bluerouter",className:"w-6 h-6 mr-2"}),(0,a.jsx)("span",{className:"text-sm font-bold text-primary",children:"Blue Router"}),e.activeCount>0&&(0,a.jsx)("span",{className:"ml-2 px-1.5 py-0.5 rounded-full bg-primary text-white text-xs font-bold",children:e.activeCount})]})}s(53255),O.propTypes={data:x().object.isRequired},P.propTypes={data:x().object.isRequired};let E={provider:O,router:P};function L({providers:e=[],activeRequests:t=[],lastProvider:s="",errorProvider:l=""}){let i=(0,r.useMemo)(()=>t.map(e=>e.provider?.toLowerCase()).filter(Boolean).sort().join(","),[t]),o=s?.toLowerCase()||"",d=l?.toLowerCase()||"",c=(0,r.useMemo)(()=>new Set(i?i.split(","):[]),[i]),m=(0,r.useMemo)(()=>new Set(o?[o]:[]),[o]),u=(0,r.useMemo)(()=>new Set(d?[d]:[]),[d]),x=(0,r.useRef)({}),[p,h]=(0,r.useState)(0);(0,r.useEffect)(()=>{let e=x.current,t=Date.now();for(let s of c)e[s]||(e[s]=t);for(let t of Object.keys(e))c.has(t)||delete e[t]},[c]),(0,r.useEffect)(()=>{if(0===c.size)return;let e=setInterval(()=>h(e=>e+1),1e3);return()=>clearInterval(e)},[c]);let b=(0,r.useMemo)(()=>{let e=Date.now(),t=new Set;for(let s of c){let a=x.current[s];(!a||e-a<6e4)&&t.add(s)}return t},[c,p]),{nodes:f,edges:g}=(0,r.useMemo)(()=>(function(e,t,s,a){let r=e.length,l=Math.max(320,204*r/(2*Math.PI)),i=Math.max(200,.55*l);if(0===r)return{nodes:[{id:"router",type:"router",position:{x:0,y:0},data:{activeCount:0},draggable:!1}],edges:[]};let o=[],d=[];return o.push({id:"router",type:"router",position:{x:-60,y:-22},data:{activeCount:t.size},draggable:!1}),e.forEach((e,c)=>{let m,u,x=function(e,t={}){if(n.Q2[e])return n.Q2[e];if(I(e)){let e=R(t);return{color:"#10A37F",name:t.name||("responses"===e?"OpenAI Compatible Responses":"OpenAI Compatible Chat"),textIcon:"responses"===e?"OR":"OC"}}return $(e)?{color:"#D97757",name:t.name||"Anthropic Compatible",textIcon:"AC"}:{color:"#6b7280",name:t.name||e,textIcon:(e||"?").slice(0,2).toUpperCase()}}(e.provider,e),p=t.has(e.provider?.toLowerCase()),h=!p&&s.has(e.provider?.toLowerCase()),b=!p&&a.has(e.provider?.toLowerCase()),f=`provider-${e.provider}`,g={label:(x.name!==e.provider?x.name:null)||e.name||e.provider,color:x.color||"#6b7280",imageUrl:function(e={}){let t=e.provider||e.id||"";return t?I(t)?"responses"===R(e)?"/providers/oai-r.png":"/providers/oai-cc.png":$(t)?"/providers/anthropic-m.png":`/providers/${t}.png`:null}(e),textIcon:x.textIcon||(e.provider||"?").slice(0,2).toUpperCase(),active:p},y=-Math.PI/2+2*Math.PI*c/r,v=l*Math.cos(y),j=i*Math.sin(y);Math.abs(y+Math.PI/2)<Math.PI/4||Math.abs(y-3*Math.PI/2)<Math.PI/4?(m="top",u="bottom"):Math.abs(y-Math.PI/2)<Math.PI/4?(m="bottom",u="top"):v>0?(m="right",u="left"):(m="left",u="right"),o.push({id:f,type:"provider",position:{x:v-90,y:j-15},data:g,draggable:!1}),d.push({id:`e-${f}`,source:"router",sourceHandle:m,target:f,targetHandle:u,animated:p,style:(x.color,b?{stroke:"#ef4444",strokeWidth:2.5,opacity:.9}:p?{stroke:"#22c55e",strokeWidth:2.5,opacity:.9}:h?{stroke:"#f59e0b",strokeWidth:2,opacity:.7}:{stroke:"var(--color-border)",strokeWidth:1,opacity:.3})})}),{nodes:o,edges:d}})(e,b,m,u),[e,b,o,d]),y=(0,r.useMemo)(()=>e.map(e=>e.provider).sort().join(","),[e]),v=(0,r.useRef)(null),j=(0,r.useRef)(null),N={padding:.2,duration:200},k=(0,r.useCallback)(e=>{v.current=e,setTimeout(()=>e.fitView(N),50)},[]);return(0,r.useEffect)(()=>{let e=j.current;if(!e)return;let t=new ResizeObserver(()=>{v.current&&v.current.fitView(N)});return t.observe(e),()=>t.disconnect()},[]),(0,r.useEffect)(()=>{if(v.current){let e=setTimeout(()=>v.current.fitView(N),50);return()=>clearTimeout(e)}},[f.length]),(0,a.jsx)("div",{ref:j,className:"h-[320px] w-full min-w-0 rounded-lg border border-border bg-bg-subtle/30 sm:h-[480px]",children:0===e.length?(0,a.jsx)("div",{className:"h-full flex items-center justify-center text-text-muted text-sm",children:"No providers connected"}):(0,a.jsx)(A.Gc,{nodes:f,edges:g,nodeTypes:E,fitView:!0,fitViewOptions:N,minZoom:.1,maxZoom:2,onInit:k,proOptions:{hideAttribution:!0},panOnDrag:!0,zoomOnScroll:!0,zoomOnPinch:!0,zoomOnDoubleClick:!0,preventScrolling:!1,nodesDraggable:!1,nodesConnectable:!1,elementsSelectable:!1,children:(0,a.jsx)(A.H2,{showInteractive:!1,className:"react-flow-controls-custom"})},y)})}L.propTypes={providers:x().arrayOf(x().shape({id:x().string,provider:x().string,name:x().string})),activeRequests:x().arrayOf(x().shape({provider:x().string,model:x().string,account:x().string})),lastProvider:x().string,errorProvider:x().string};var q=s(21742),U=s(90639),z=s(28408),D=s(32539),F=s(59656),K=s(89190),W=s(82014);let B=(e,t=0)=>{let s=Number(e);return Number.isFinite(s)?s:t},V=e=>{let t=B(e);return t>=1e6?`${(t/1e6).toFixed(1)}M`:t>=1e3?`${(t/1e3).toFixed(1)}K`:String(t)},G=e=>`$${B(e).toFixed(4)}`;function H({period:e="7d"}){let[t,s]=(0,r.useState)([]),[l,n]=(0,r.useState)(!0),[i,o]=(0,r.useState)("tokens"),c=(0,r.useCallback)(async()=>{n(!0);try{let t=await fetch(`/api/usage/chart?period=${e}`);if(t.ok){let e=await t.json();s(e)}}catch(e){console.error("Failed to fetch chart data:",e)}finally{n(!1)}},[e]);(0,r.useEffect)(()=>{c()},[c]);let m=t.map(e=>({...e,tokens:B(e.tokens),cost:B(e.cost)})),u=m.some(e=>e.tokens>0||e.cost>0);return(0,a.jsxs)(d.default,{className:"flex min-w-0 flex-col gap-3 p-3 sm:p-4",children:[(0,a.jsxs)("div",{className:"grid w-full grid-cols-2 items-center gap-1 rounded-lg border border-border bg-bg-subtle p-1 sm:w-auto sm:self-start",children:[(0,a.jsx)("button",{onClick:()=>o("tokens"),className:`px-3 py-1 rounded-md text-sm font-medium transition-colors ${"tokens"===i?"bg-primary text-white shadow-sm":"text-text-muted hover:text-text hover:bg-bg-hover"}`,children:"Tokens"}),(0,a.jsx)("button",{onClick:()=>o("cost"),className:`px-3 py-1 rounded-md text-sm font-medium transition-colors ${"cost"===i?"bg-primary text-white shadow-sm":"text-text-muted hover:text-text hover:bg-bg-hover"}`,children:"Cost"})]}),l?(0,a.jsx)("div",{className:"h-48 flex items-center justify-center text-text-muted text-sm",children:"Loading..."}):u?(0,a.jsx)(q.u,{width:"100%",height:220,children:(0,a.jsxs)(U.Q,{data:m,margin:{top:4,right:8,left:0,bottom:0},children:[(0,a.jsxs)("defs",{children:[(0,a.jsxs)("linearGradient",{id:"gradTokens",x1:"0",y1:"0",x2:"0",y2:"1",children:[(0,a.jsx)("stop",{offset:"5%",stopColor:"#6366f1",stopOpacity:.25}),(0,a.jsx)("stop",{offset:"95%",stopColor:"#6366f1",stopOpacity:0})]}),(0,a.jsxs)("linearGradient",{id:"gradCost",x1:"0",y1:"0",x2:"0",y2:"1",children:[(0,a.jsx)("stop",{offset:"5%",stopColor:"#f59e0b",stopOpacity:.25}),(0,a.jsx)("stop",{offset:"95%",stopColor:"#f59e0b",stopOpacity:0})]})]}),(0,a.jsx)(z.d,{strokeDasharray:"3 3",strokeOpacity:.1}),(0,a.jsx)(D.W,{dataKey:"label",tick:{fontSize:10,fill:"currentColor",fillOpacity:.5},tickLine:!1,axisLine:!1,interval:"preserveStartEnd"}),(0,a.jsx)(F.h,{tick:{fontSize:10,fill:"currentColor",fillOpacity:.5},tickLine:!1,axisLine:!1,tickFormatter:"tokens"===i?V:G,width:50}),(0,a.jsx)(K.m,{contentStyle:{backgroundColor:"var(--color-bg)",border:"1px solid var(--color-border)",borderRadius:"8px",fontSize:"12px"},formatter:(e,t)=>"tokens"===t?[V(e),"Tokens"]:[G(e),"Cost"]}),"tokens"===i?(0,a.jsx)(W.Gk,{type:"monotone",dataKey:"tokens",stroke:"#6366f1",strokeWidth:2,fill:"url(#gradTokens)",dot:!1,activeDot:{r:4}}):(0,a.jsx)(W.Gk,{type:"monotone",dataKey:"cost",stroke:"#f59e0b",strokeWidth:2,fill:"url(#gradCost)",dot:!1,activeDot:{r:4}})]})}):(0,a.jsx)("div",{className:"h-48 flex items-center justify-center text-text-muted text-sm",children:"No data for this period"})]})}function Q(e){let t=n.Q2[e];return!t?.serviceKinds||t.serviceKinds.includes("llm")}function J(e){let t=String(e||"").trim();if(!t)return"";try{return new URL(t).hostname||""}catch{return t.replace(/^https?:\/\//,"").replace(/\/.*$/,"").replace(/:\d+$/,"")}}function X(e){let t=String(e||"").trim();return/^openai-compatible-chat-[0-9a-f-]{20,}$/i.test(t)||/^openai-compatible-[0-9a-f-]{20,}$/i.test(t)}function Y(e){return String(e||"").trim()}function Z(e=[]){let t={},s={};for(let a of e||[]){let e=function(e={}){let t=Y(e.provider||e.providerId||e.provider_id||e.id),s=Y(e.accountName||e.account_name||e.email||e.displayName||e.display_name||e.name||e.label||e.connectionName||e.connection_name),a=J(e.endpoint)||J(e.baseUrl)||J(e.baseURL)||J(e.base_url)||J(e.providerUrl)||J(e.provider_url)||J(e.url),r=Y(e.email);return{providerId:t,accountName:s,displayName:Y(e.displayName||e.display_name),email:r,endpointHost:a,ownerUser:Y(e.ownerUser||e.owner_user),isPersonal:"personal"===e.scope||"private"===e.visibility||!!(e.ownerUser||e.owner_user)}}(a);for(let s of[a.id,a.connectionId,a.connection_id].map(Y).filter(Boolean))t[s]||(t[s]=e);e.accountName&&!s[e.accountName]&&(s[e.accountName]=e)}return{byConnectionId:t,byAccount:s}}function ee(e={},t={}){let s=e.model||e.rawModel||e.raw_model||"-",a=function(e={},t={}){let s=function(e={},t={}){for(let s of[e.connectionId,e.connection_id].map(Y).filter(Boolean))if(t.byConnectionId?.[s])return t.byConnectionId[s];let s=Y(e.accountName||e.account_name||e.keyName||e.key_name||e.connectionName||e.connection_name||e.providerName||e.provider_name||e.providerLabel||e.provider_label);return s&&t.byAccount?.[s]?t.byAccount[s]:null}(e,t),a=function(e={},t=null){let s=Y(e.provider||e.providerId||e.provider_id).toLowerCase();if(!(!0===e.isPersonalOAuth||!0===e.is_personal_oauth||"personal"===e.connectionScope||"personal"===e.connection_scope||"private"===e.visibility||t?.isPersonal)||!s)return"";let a=Y(e.ownerUser||e.owner_user||e.apiKeyOwner||e.api_key_owner||t?.ownerUser),r=Y(e.accountEmail||e.account_email||e.email||t?.email),l=Y(e.accountDisplayName||e.account_display_name||e.accountName||e.account_name||e.connectionName||e.connection_name||t?.accountName||t?.displayName),n=[];return(a&&n.push(a),r&&r!==a?n.push(r):l&&l!==a&&n.push(l),n.length)?(n.push(s),n.join("/")):""}(e,s);if(a)return a;if(s){let e=s.providerId,t=s.accountName,a=s.endpointHost;if(e&&!X(e)){if(s.isPersonal&&s.ownerUser){let a=[s.ownerUser];return s.email&&s.email!==s.ownerUser?a.push(s.email):t&&t!==s.ownerUser&&a.push(t),a.push(e),a.join("/")}return t&&t!==e?`${e}/${t}`:e}if(t)return t;if(a)return a}let r=J(e.endpoint)||J(e.providerUrl)||J(e.provider_url)||J(e.baseUrl)||J(e.baseURL)||J(e.base_url)||J(e.url);if(r)return r;let l=Y(e.provider||e.providerId||e.provider_id),n=Y(e.accountName||e.account_name||e.keyName||e.key_name||e.connectionName||e.connection_name||e.providerName||e.provider_name||e.providerLabel||e.provider_label);return l&&!X(l)?n&&n!==l?`${l}/${n}`:l:n||""}(e,t),r=Y(e.provider||e.providerId||e.provider_id);return!a||"-"===s||String(s).startsWith(`${a}/`)?s:r&&String(s).startsWith(`${r}/`)&&(a.startsWith(`${r}/`)||a.endsWith(`/${r}`))?`${a}/${String(s).slice(r.length+1)}`:`${a}/${s}`}function et({timestamp:e}){let t,[,s]=(0,r.useState)(0);return(0,r.useEffect)(()=>{let e=setInterval(()=>s(e=>e+1),1e3);return()=>clearInterval(e)},[]),(0,a.jsx)(a.Fragment,{children:(t=Math.floor((Date.now()-new Date(e))/1e3))<60?`${t}s ago`:t<3600?`${Math.floor(t/60)}m ago`:t<86400?`${Math.floor(t/3600)}h ago`:`${Math.floor(t/86400)}d ago`})}H.propTypes={period:x().string};let es=new Set(["ok","success","succeeded","complete","completed","done","200 ok"]),ea=new Set(["pending","running","queued","in_progress","in-progress"]);function er(e={}){let t,s=String(e.status||e.statusText||e.status_text||"").trim().toLowerCase(),a=(t=String(s||"").match(/\b([1-5]\d{2})\b/))?Number(t[1]):null,r=function(...e){for(let t of e){if(null==t||""===t)continue;let e=Number(t);if(Number.isFinite(e))return e}return null}(e.statusCode,e.status_code,e.gatewayStatusCode,e.gateway_status_code,e.upstreamStatusCode,e.upstream_status_code,a),l=Y(e.errorCode||e.error_code),n=Y(e.errorType||e.error_type),i=Y(e.errorMessageShort||e.error_message_short||e.message||e.error);if(ea.has(s))return{kind:"pending",label:"PENDING",title:"Request is still pending/running.",dotClass:"bg-amber-500",rowClass:"hover:bg-amber-50/60",badgeClass:"bg-amber-100 text-amber-700 border border-amber-200"};if(/\b(error|fail|failed|failure|timeout|cancelled|canceled)\b/i.test(s)||null!==r&&r>=400||l||n||i){let t=null!==r?`ERR ${r}`:s?s.toUpperCase():"ERROR",a=[`Status: ${t}`,l?`Code: ${l}`:"",n?`Type: ${n}`:"",i?`Message: ${i}`:"",e.endpoint?`Endpoint: ${e.endpoint}`:""].filter(Boolean);return{kind:"error",label:t,title:a.join("\n"),dotClass:"bg-error",rowClass:"hover:bg-error/5",badgeClass:"bg-error/10 text-error border border-error/20"}}return null!==r&&r>=200&&r<300||!s||es.has(s)?{kind:"success",label:r?`OK ${r}`:"OK",title:"Request completed successfully.",dotClass:"bg-success",rowClass:"hover:bg-bg-subtle",badgeClass:"bg-success/10 text-success border border-success/20"}:{kind:"unknown",label:s?s.toUpperCase():"UNKNOWN",title:s?`Status: ${s}`:"Unknown request status.",dotClass:"bg-text-muted",rowClass:"hover:bg-bg-subtle",badgeClass:"bg-bg-subtle text-text-muted border border-border"}}function el({request:e}){let{cachedTokens:t,cacheCreationTokens:s,totalTokens:r,totalInputTokens:l,newInputTokens:n,reasoningTokens:i,outputTokens:o}=function(e={}){let t=Number(e.promptTokens??e.prompt_tokens??0)||0,s=Number(e.cachedTokens??e.cached_tokens??e.cache_read_input_tokens??0)||0,a=Number(e.cacheCreationTokens??e.cache_creation_input_tokens??0)||0,r=Number(e.completionTokens??e.completion_tokens??0)||0,l=Number(e.totalTokens??e.total_tokens??t+r)||0,n=Number(e.displayTotalInputTokens??e.display_total_input_tokens??t)||0,i=Number(e.displayNewInputTokens??e.display_new_input_tokens??Math.max(0,n-s-a))||0,o=Number(e.displayCachedInputTokens??e.display_cached_input_tokens??s)||0,d=Number(e.displayCacheCreationInputTokens??e.display_cache_creation_input_tokens??a)||0,c=Number(e.displayReasoningTokens??e.display_reasoning_tokens??e.reasoningTokens??e.reasoning_tokens??0)||0,m=Number(e.displayOutputTokens??e.display_output_tokens??r)||0;return{promptTokens:t,cachedTokens:o,cacheCreationTokens:d,completionTokens:r,totalTokens:l,totalInputTokens:n,newInputTokens:i,reasoningTokens:c,outputTokens:m}}(e),d=er(e),c=l>0?Math.min(100,Math.max(0,Math.round(t/l*100))):0,m=`Total Input: ${k(l)}
 New Input: ${k(n)}
 Cached: ${k(t)}
 Cache Create: ${k(s)}

package/app/.next-cli-build/static/chunks/662-3a3acd0077fba1d2.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[662],{16746:(e,t,n)=>{n.d(t,{b:()=>o});var r=n(12115),a=n(95295),i=n(12425),l=["axis"],o=(0,r.forwardRef)((e,t)=>r.createElement(i.P,{chartName:"LineChart",defaultTooltipEventType:"axis",validateTooltipEventTypes:l,tooltipPayloadSearcher:a.uN,categoricalChartProps:e,ref:t}))},19381:(e,t,n)=>{n.d(t,{s:()=>el});var r=n(12115),a=n(47650),i=n(30125),l=n(29722),o=n(67816);let c=Math.cos,u=Math.sin,s=Math.sqrt,p=Math.PI,f=2*p,d={draw(e,t){let n=s(t/p);e.moveTo(n,0),e.arc(0,0,n,0,f)}},y=s(1/3),m=2*y,h=u(p/10)/u(7*p/10),v=u(f/10)*h,g=-c(f/10)*h,b=s(3),x=s(3)/2,O=1/s(12),P=(O/2+1)*3;var E=n(74592),w=n(85802);s(3),s(3);var j=n(92191),A=n(55359),T=["type","size","sizeType"];function I(){return(I=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(null,arguments)}function S(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function k(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?S(Object(n),!0).forEach(function(t){var r,a,i;r=e,a=t,i=n[t],(a=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(a))in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):S(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var D={symbolCircle:d,symbolCross:{draw(e,t){let n=s(t/5)/2;e.moveTo(-3*n,-n),e.lineTo(-n,-n),e.lineTo(-n,-3*n),e.lineTo(n,-3*n),e.lineTo(n,-n),e.lineTo(3*n,-n),e.lineTo(3*n,n),e.lineTo(n,n),e.lineTo(n,3*n),e.lineTo(-n,3*n),e.lineTo(-n,n),e.lineTo(-3*n,n),e.closePath()}},symbolDiamond:{draw(e,t){let n=s(t/m),r=n*y;e.moveTo(0,-n),e.lineTo(r,0),e.lineTo(0,n),e.lineTo(-r,0),e.closePath()}},symbolSquare:{draw(e,t){let n=s(t),r=-n/2;e.rect(r,r,n,n)}},symbolStar:{draw(e,t){let n=s(.8908130915292852*t),r=v*n,a=g*n;e.moveTo(0,-n),e.lineTo(r,a);for(let t=1;t<5;++t){let i=f*t/5,l=c(i),o=u(i);e.lineTo(o*n,-l*n),e.lineTo(l*r-o*a,o*r+l*a)}e.closePath()}},symbolTriangle:{draw(e,t){let n=-s(t/(3*b));e.moveTo(0,2*n),e.lineTo(-b*n,-n),e.lineTo(b*n,-n),e.closePath()}},symbolWye:{draw(e,t){let n=s(t/P),r=n/2,a=n*O,i=n*O+n,l=-r;e.moveTo(r,a),e.lineTo(r,i),e.lineTo(l,i),e.lineTo(-.5*r-x*a,x*r+-.5*a),e.lineTo(-.5*r-x*i,x*r+-.5*i),e.lineTo(-.5*l-x*i,x*l+-.5*i),e.lineTo(-.5*r+x*a,-.5*a-x*r),e.lineTo(-.5*r+x*i,-.5*i-x*r),e.lineTo(-.5*l+x*i,-.5*i-x*l),e.closePath()}}},N=Math.PI/180,M=e=>{var t=e.type,n=void 0===t?"circle":t,a=e.size,i=void 0===a?64:a,o=e.sizeType,c=void 0===o?"area":o,u=k(k({},function(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if(({}).hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],-1===t.indexOf(n)&&({}).propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(e,T)),{},{type:n,size:i,sizeType:c}),s="circle";"string"==typeof n&&(s=n);var p=u.className,f=u.cx,y=u.cy,m=(0,A.a)(u);return(0,j.Et)(f)&&(0,j.Et)(y)&&(0,j.Et)(i)?r.createElement("path",I({},m,{className:(0,l.$)("recharts-symbols",p),transform:"translate(".concat(f,", ").concat(y,")"),d:(()=>{var e,t=(e=s,D["symbol".concat((0,j.Zb)(e))]||d),n=(function(e,t){let n=null,r=(0,w.i)(a);function a(){let a;if(n||(n=a=r()),e.apply(this,arguments).draw(n,+t.apply(this,arguments)),a)return n=null,a+""||null}return e="function"==typeof e?e:(0,E.A)(e||d),t="function"==typeof t?t:(0,E.A)(void 0===t?64:+t),a.type=function(t){return arguments.length?(e="function"==typeof t?t:(0,E.A)(t),a):e},a.size=function(e){return arguments.length?(t="function"==typeof e?e:(0,E.A)(+e),a):t},a.context=function(e){return arguments.length?(n=null==e?null:e,a):n},a})().type(t).size(((e,t,n)=>{if("area"===t)return e;switch(n){case"cross":return 5*e*e/9;case"diamond":return .5*e*e/Math.sqrt(3);case"square":return e*e;case"star":var r=18*N;return 1.25*e*e*(Math.tan(r)-Math.tan(2*r)*Math.tan(r)**2);case"triangle":return Math.sqrt(3)*e*e/4;case"wye":return(21-10*Math.sqrt(3))*e*e/8;default:return Math.PI*e*e/4}})(i,c,s))();if(null!==n)return n})()})):null};M.registerSymbol=(e,t)=>{D["symbol".concat((0,j.Zb)(e))]=t};var z=n(18387),C=n(43527);function R(){return(R=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(null,arguments)}function L(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function W(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?L(Object(n),!0).forEach(function(t){var r,a,i;r=e,a=t,i=n[t],(a=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(a))in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):L(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var B={align:"center",iconSize:14,inactiveColor:"#ccc",layout:"horizontal",verticalAlign:"middle",labelStyle:{}};function K(e){var t=e.data,n=e.iconType,a=e.inactiveColor,i=32/6,l=32/3,o=t.inactive?a:t.color,c=null!=n?n:t.type;if("none"===c)return null;if("plainline"===c)return r.createElement("line",{strokeWidth:4,fill:"none",stroke:o,strokeDasharray:function(e){if("object"==typeof e&&null!==e&&"strokeDasharray"in e)return String(e.strokeDasharray)}(t.payload),x1:0,y1:16,x2:32,y2:16,className:"recharts-legend-icon"});if("line"===c)return r.createElement("path",{strokeWidth:4,fill:"none",stroke:o,d:"M0,".concat(16,"h").concat(l,"\n            A").concat(i,",").concat(i,",0,1,1,").concat(2*l,",").concat(16,"\n            H").concat(32,"M").concat(2*l,",").concat(16,"\n            A").concat(i,",").concat(i,",0,1,1,").concat(l,",").concat(16),className:"recharts-legend-icon"});if("rect"===c)return r.createElement("path",{stroke:"none",fill:o,d:"M0,".concat(4,"h").concat(32,"v").concat(24,"h").concat(-32,"z"),className:"recharts-legend-icon"});if(r.isValidElement(t.legendIcon)){var u=W({},t);return delete u.legendIcon,r.cloneElement(t.legendIcon,u)}return r.createElement(M,{fill:o,cx:16,cy:16,size:32,sizeType:"diameter",type:c})}function V(e){var t=e.payload,n=e.iconSize,a=e.layout,i=e.formatter,c=e.inactiveColor,u=e.iconType,s=e.labelStyle,p={x:0,y:0,width:32,height:32},f={display:"horizontal"===a?"inline-block":"block",marginRight:10},d={display:"inline-block",verticalAlign:"middle",marginRight:4};return t.map((t,a)=>{var y=t.formatter||i,m=(0,l.$)({"recharts-legend-item":!0,["legend-item-".concat(a)]:!0,inactive:t.inactive});if("none"===t.type)return null;var h="object"==typeof s?W({},s):{};h.color=t.inactive?c:h.color||t.color;var v=y?y(t.value,t,a):t.value;return r.createElement("li",R({className:m,style:f,key:"legend-item-".concat(a)},(0,z.XC)(e,t,a)),r.createElement(o.u,{width:n,height:n,viewBox:p,style:d,"aria-label":null==t.value?"legend icon":"".concat(t.value," legend icon")},r.createElement(K,{data:t,iconType:u,inactiveColor:c})),r.createElement("span",{className:"recharts-legend-item-text",style:h},v))})}var F=e=>{var t=(0,C.e)(e,B),n=t.payload,a=t.layout,i=t.align;return n&&n.length?r.createElement("ul",{className:"recharts-default-legend",style:{padding:0,margin:0,textAlign:"horizontal"===a?i:"left"}},r.createElement(V,R({},t,{payload:n}))):null},q=n(20573),G=n(10365),_=n(33313),$=n(2644),H=n(65372),U=n(51124),Z=n(46574),Q=["contextPayload"];function X(){return(X=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(null,arguments)}function Y(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function J(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function ee(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?J(Object(n),!0).forEach(function(t){var r,a,i;r=e,a=t,i=n[t],(a=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(a))in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):J(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function et(e){return e.value}function en(e){var t=e.contextPayload,n=function(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if(({}).hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],-1===t.indexOf(n)&&({}).propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(e,Q),a=(0,q.s)(t,e.payloadUniqBy,et),i=ee(ee({},n),{},{payload:a});return r.isValidElement(e.content)?r.cloneElement(e.content,i):"function"==typeof e.content?r.createElement(e.content,i):r.createElement(F,i)}function er(e){var t=e.align,n=e.layout,a=e.verticalAlign,i=e.itemSorter,l=(0,G.j)();return(0,r.useLayoutEffect)(()=>{l((0,U.h1)({align:t,layout:n,verticalAlign:a,itemSorter:i}))},[l,t,n,a,i]),null}function ea(e){var t=e.width,n=e.height,a=(0,G.j)();return(0,r.useLayoutEffect)(()=>{a((0,U.hx)({width:t,height:n}))},[a,t,n]),(0,r.useLayoutEffect)(()=>()=>{a((0,U.hx)({width:0,height:0}))},[a]),null}var ei={align:"center",iconSize:14,inactiveColor:"#ccc",itemSorter:"value",labelStyle:{},layout:"horizontal",verticalAlign:"bottom"},el=r.memo(function(e){var t,n,l,o,c,u,s,p=(0,C.e)(e,ei),f=(0,G.G)(_.g0),d=(0,i.M)(),y=(0,H.Kp)(),m=p.width,h=p.height,v=p.wrapperStyle,g=p.portal,b=function(e){if(Array.isArray(e))return e}(t=(0,$.V)([f]))||function(e){var t=null==e?null:"u">typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(null!=t){var n,r,a,i,l=[],o=!0,c=!1;try{a=(t=t.call(e)).next,!1;for(;!(o=(n=a.call(t)).done)&&(l.push(n.value),2!==l.length);o=!0);}catch(e){c=!0,r=e}finally{try{if(!o&&null!=t.return&&(i=t.return(),Object(i)!==i))return}finally{if(c)throw r}}return l}}(t)||function(e){if(e){if("string"==typeof e)return Y(e,2);var t=({}).toString.call(e).slice(8,-1);return"Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t?Array.from(e):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?Y(e,2):void 0}}(t)||function(){throw TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}(),x=b[0],O=b[1],P=(0,H.yi)(),E=(0,H.rY)();if(null==P||null==E)return null;var w=P-((null==y?void 0:y.left)||0)-((null==y?void 0:y.right)||0),j=(n=p.layout,"vertical"===n&&null!=h?{height:h}:"horizontal"===n?{width:m||w}:null),A=g?v:ee(ee({position:"absolute",width:(null==j?void 0:j.width)||m||"auto",height:(null==j?void 0:j.height)||h||"auto"},(c=p.layout,u=p.align,s=p.verticalAlign,v&&(void 0!==v.left&&null!==v.left||void 0!==v.right&&null!==v.right)||(l="center"===u&&"vertical"===c?{left:((P||0)-x.width)/2}:"right"===u?{right:y&&y.right||0}:{left:y&&y.left||0}),v&&(void 0!==v.top&&null!==v.top||void 0!==v.bottom&&null!==v.bottom)||(o="middle"===s?{top:((E||0)-x.height)/2}:"bottom"===s?{bottom:y&&y.bottom||0}:{top:y&&y.top||0}),ee(ee({},l),o))),v),T=null!=g?g:d;if(null==T||null==f)return null;var I=r.createElement("div",{className:"recharts-legend-wrapper",style:A,ref:O},r.createElement(er,{layout:p.layout,align:p.align,verticalAlign:p.verticalAlign,itemSorter:p.itemSorter}),!g&&r.createElement(ea,{width:x.width,height:x.height}),r.createElement(en,X({},p,j,{margin:y,chartWidth:P,chartHeight:E,contextPayload:f})));return(0,a.createPortal)(I,T)},Z.P);el.displayName="Legend"},83761:(e,t,n)=>{n.d(t,{N1:()=>ey,lF:()=>ed});var r=n(12115),a=n(29722),i=n(11058),l=n(37214),o=["animationElapsedTime","isAnimating","isEntrance","visibleLength","strokeDasharray","connectNulls"];function c(){return(c=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(null,arguments)}function u(e,t){return"".concat(t,"px ").concat(e,"px")}var s=n(75726),p=n(85545),f=n(48661),d=n(92191),y=n(21966),m=n(39168),h=n(46664),v=n(96561),g=["children"],b=(0,r.createContext)({data:[],xAxisId:"xAxis-0",yAxisId:"yAxis-0",dataPointFormatter:()=>({x:0,y:0,value:0}),errorBarOffset:0});function x(e){var t=e.children,n=function(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if(({}).hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],-1===t.indexOf(n)&&({}).propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(e,g);return r.createElement(b.Provider,{value:n},t)}var O=n(36793),P=n(65372),E=n(64105),w=n(2842),j=n(57346),A=n(73252),T=(e,t,n,r)=>(0,A.Gx)(e,"xAxis",t,r),I=(e,t,n,r)=>(0,A.CR)(e,"xAxis",t,r),S=(e,t,n,r)=>(0,A.Gx)(e,"yAxis",n,r),k=(e,t,n,r)=>(0,A.CR)(e,"yAxis",n,r),D=(0,w.Mz)([P.fz,T,S,I,k],(e,t,n,r,a)=>(0,m._L)(e,"xAxis")?(0,m.Hj)(t,r,!1):(0,m.Hj)(n,a,!1));function N(e){return"line"===e.type}var M=(0,w.Mz)([A.ld,(e,t,n,r,a)=>a],(e,t)=>e.filter(N).find(e=>e.id===t)),z=(0,w.Mz)([P.fz,T,S,I,k,M,D,j.k$],(e,t,n,r,a,i,l,o)=>{var c,u=o.chartData,s=o.dataStartIndex,p=o.dataEndIndex;if(null!=i&&null!=t&&null!=n&&null!=r&&null!=a&&0!==r.length&&0!==a.length&&null!=l&&("horizontal"===e||"vertical"===e)){var f=i.dataKey,d=i.data;if(null!=(c=null!=d&&d.length>0?d:null==u?void 0:u.slice(s,p+1)))return ed({layout:e,xAxis:t,yAxis:n,xAxisTicks:r,yAxisTicks:a,dataKey:f,bandSize:l,displayedData:c})}}),C=n(10365),R=n(45970),L=n(89045),W=n(60106),B=n(43527),K=n(57747),V=n(75345),F=n(9629),q=n(23651),G=n(55359),_=n(21454),$=n(59318),H=n(10483),U=n(51531),Z=n(46574),Q=["id"],X=["type","layout","connectNulls","needClip","shape","strokeDasharray"],Y=["activeDot","animateNewValues","animationBegin","animationDuration","animationEasing","connectNulls","dot","hide","isAnimationActive","label","legendType","xAxisId","yAxisId","id"];function J(){return(J=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)({}).hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(null,arguments)}function ee(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if(({}).hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],-1===t.indexOf(n)&&({}).propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}function et(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function en(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?et(Object(n),!0).forEach(function(t){var r,a,i;r=e,a=t,i=n[t],(a=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var n=e[Symbol.toPrimitive];if(void 0!==n){var r=n.call(e,t||"default");if("object"!=typeof r)return r;throw TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(a))in r?Object.defineProperty(r,a,{value:i,enumerable:!0,configurable:!0,writable:!0}):r[a]=i}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):et(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}var er={activeDot:!0,animateNewValues:!0,animationBegin:0,animationDuration:1500,animationEasing:"ease",animationInterpolateFn:(e,t)=>{if(null==e)return[];if(1===t)return e.flatMap(e=>"removed"===e.status?[]:[e.next]);var n=function(e){var t=0,n=0;for(var r of e)"matched"===r.status&&null!=r.prev.x&&null!=r.next.x&&(t+=r.next.x-r.prev.x,n++);return n>0?t/n:0}(e),r=[];for(var a of e)if("matched"===a.status)r.push(en(en({},a.next),{},{x:(0,d.GW)(a.prev.x,a.next.x,t),y:(0,d.GW)(a.prev.y,a.next.y,t)}));else if("added"===a.status)if(null!=a.next.x){var i=a.next.x-n;r.push(en(en({},a.next),{},{x:(0,d.GW)(i,a.next.x,t),y:a.next.y}))}else r.push(a.next);else if("removed"===a.status&&null!=a.prev.x){var l=a.prev.x+n;r.push(en(en({},a.prev),{},{x:(0,d.GW)(a.prev.x,l,t),y:a.prev.y}))}return r},animationMatchBy:W.hC,connectNulls:!1,dot:!0,fill:"#fff",hide:!1,isAnimationActive:"auto",label:!1,legendType:"line",shape:function(e){e.animationElapsedTime,e.isAnimating,e.isEntrance;var t=e.visibleLength,n=e.strokeDasharray,a=e.connectNulls,i=function(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n={};for(var r in e)if(({}).hasOwnProperty.call(e,r)){if(-1!==t.indexOf(r))continue;n[r]=e[r]}return n}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],-1===t.indexOf(n)&&({}).propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}(e,o);if(null!=t){var s,p,f=i.pathRef,d=function(e){try{return e&&e.getTotalLength&&e.getTotalLength()||0}catch(e){return 0}}(null!=(p=null==f?void 0:f.current)?p:null);s=n?function(e,t,n){var r=n.length%2!=0?[...n,...n]:n,a=r.reduce((e,t)=>e+t,0);if(!a)return u(t,e);for(var i=Math.floor(e/a),l=e%a,o=[],c=0,s=0;c<r.length;s+=null!=(p=r[c])?p:0,++c){var p,f=r[c];if(null!=f&&s+f>l){o=[...r.slice(0,c),l-s];break}}var d=o.length%2==0?[0,t]:[t];return[...function(e,t){for(var n=[],r=0;r<t;++r)n.push(...e);return n}(r,i),...o,...d].map(e=>"".concat(e,"px")).join(", ")}(t,d,"".concat(n).split(/[,\s]+/gim).map(e=>parseFloat(e))):u(d,t)}else null!=n&&(s=String(n));return r.createElement(l.Ip,c({},i,{connectNulls:null!=a&&a,strokeDasharray:s}))},stroke:"#3182bd",strokeWidth:1,xAxisId:0,yAxisId:0,zIndex:U.I.line,type:"linear"},ea=r.memo(e=>{var t=e.dataKey,n=e.data,a=e.stroke,i=e.strokeWidth,l=e.fill,o=e.name,c=e.hide,u=e.unit,s=e.formatter,p=e.tooltipType,f=e.id,y={dataDefinedOnItem:n,getPosition:d.lQ,settings:{stroke:a,strokeWidth:i,fill:l,dataKey:t,nameKey:void 0,name:(0,m.uM)(o,t),hide:c,type:p,color:a,unit:u,formatter:s,graphicalItemId:f}};return r.createElement(v.r,{tooltipEntrySettings:y})});function ei(e){var t=e.clipPathId,n=e.points,a=e.props,i=a.dot,l=a.dataKey,o=a.needClip;a.id;var c=ee(a,Q),u=(0,q.uZ)(c);return r.createElement(f.n,{points:n,dot:i,className:"recharts-line-dots",dotClassName:"recharts-line-dot",dataKey:l,baseProps:u,needClip:o,clipPathId:t})}function el(e){var t=e.showLabels,n=e.children,a=e.points,i=(0,r.useMemo)(()=>null==a?void 0:a.map(e=>{var t,n,r={x:null!=(t=e.x)?t:0,y:null!=(n=e.y)?n:0,width:0,lowerWidth:0,upperWidth:0,height:0};return en(en({},r),{},{value:e.value,payload:e.payload,viewBox:r,parentViewBox:void 0,fill:void 0})}),[a]);return r.createElement(p.h8,{value:t?i:void 0},n)}function eo(e){var t=e.clipPathId,n=e.pathRef,a=e.points,i=e.props,l=e.animationElapsedTime,o=e.isAnimating,c=e.isEntrance,u=e.visibleLength,s=i.type,p=i.layout,f=i.connectNulls,d=i.needClip,y=i.shape,m=i.strokeDasharray,h=ee(i,X),v=en(en({},(0,G.a)(h)),{},{fill:"none",className:"recharts-line-curve",clipPath:d?"url(#clipPath-".concat(t,")"):void 0,points:a,type:s,layout:p,connectNulls:f,strokeDasharray:null!=m?m:i.strokeDasharray,pathRef:n,animationElapsedTime:l,isAnimating:o,isEntrance:!!i.animateNewValues&&c,visibleLength:u});return r.createElement(r.Fragment,null,(null==a?void 0:a.length)>1&&r.createElement($.y,{option:y,DefaultShape:er.shape,shapeProps:v}),r.createElement(ei,{points:a,clipPathId:t,props:i}))}function ec(e){var t,n,a,i,l=e.clipPathId,o=e.props,c=e.pathRef,u=e.previousPointsRef,f=o.points,d=o.isAnimationActive,y=o.animationBegin,m=o.animationDuration,h=o.animationEasing,v=o.animationMatchBy,g=o.animationInterpolateFn,b=o.layout,x=function(e){try{return e&&e.getTotalLength&&e.getTotalLength()||0}catch(e){return 0}}(c.current),O=(0,L.I)(o.onAnimationStart,o.onAnimationEnd),P=O.isAnimating,E=O.handleAnimationStart,w=O.handleAnimationEnd,j=(t=(0,r.useRef)(0),n=(0,r.useRef)(0),a=(0,r.useRef)(!1),(i=(0,r.useRef)(f)).current!==f&&(t.current=n.current,i.current=f),(0,r.useCallback)((e,r)=>{if(a.current)return null;var i=Math.min((0,s.L)(t.current+e*r),r);return e>0&&r>0&&(n.current=Math.max(n.current,i),i>=r)?(a.current=!0,null):i},[])),A=(0,r.useCallback)(e=>e>0&&x>0,[x]);return r.createElement(el,{points:f,showLabels:!P},o.children,r.createElement(L.U,{animationInput:f,animationIdPrefix:"recharts-line-",items:f,previousItemsRef:u,isAnimationActive:d,animationBegin:y,animationDuration:m,animationEasing:h,onAnimationStart:E,onAnimationEnd:w,animationInterpolateFn:g,animationMatchBy:v,shouldUpdatePreviousRef:A,layout:b},(e,t,n)=>{var a=P||t<1,i=a?j(t,x):null;return r.createElement(eo,{props:o,points:e,clipPathId:l,pathRef:c,animationElapsedTime:t,isAnimating:a,isEntrance:n,visibleLength:i})}),r.createElement(p.qY,{label:o.label}))}function eu(e){var t=e.clipPathId,n=e.props,a=(0,r.useRef)(null),i=(0,r.useRef)(null);return r.createElement(ec,{props:n,clipPathId:t,previousPointsRef:a,pathRef:i})}var es=(e,t)=>{var n,r;return{x:null!=(n=e.x)?n:void 0,y:null!=(r=e.y)?r:void 0,value:e.value,errorVal:(0,m.kr)(e.payload,t)}};class ep extends r.Component{render(){var e=this.props,t=e.hide,n=e.dot,l=e.points,o=e.className,c=e.xAxisId,u=e.yAxisId,s=e.top,p=e.left,f=e.width,d=e.height,m=e.id,v=e.needClip,g=e.zIndex;if(t)return null;var b=(0,a.$)("recharts-line",o),P=(0,_.x)(n),E=P.r,w=P.strokeWidth,j=(0,y.y$)(n),A=2*E+w,T=v?"url(#clipPath-".concat(j?"":"dots-").concat(m,")"):void 0;return r.createElement(H.g,{zIndex:g},r.createElement(i.W,{className:b},v&&r.createElement("defs",null,r.createElement(O.Q,{clipPathId:m,xAxisId:c,yAxisId:u}),!j&&r.createElement("clipPath",{id:"clipPath-dots-".concat(m)},r.createElement("rect",{x:p-A/2,y:s-A/2,width:f+A,height:d+A}))),r.createElement(x,{xAxisId:c,yAxisId:u,data:l,dataPointFormatter:es,errorBarOffset:0},r.createElement(eu,{props:this.props,clipPathId:m}))),r.createElement(h.W,{activeDot:this.props.activeDot,points:l,mainColor:this.props.stroke,itemDataKey:this.props.dataKey,clipPath:T}))}}function ef(e){var t=(0,B.e)(e,er),n=t.activeDot,a=t.animateNewValues,i=t.animationBegin,l=t.animationDuration,o=t.animationEasing,c=t.connectNulls,u=t.dot,s=t.hide,p=t.isAnimationActive,f=t.label,d=t.legendType,y=t.xAxisId,m=t.yAxisId,h=t.id,v=ee(t,Y),g=(0,O.l)(y,m).needClip,b=(0,K.oM)(),x=(0,P.WX)(),w=(0,E.r)(),j=(0,C.G)(e=>z(e,y,m,w,h));if("horizontal"!==x&&"vertical"!==x||null==j||null==b)return null;var A=b.height,T=b.width,I=b.x,S=b.y;return r.createElement(ep,J({},v,{id:h,connectNulls:c,dot:u,activeDot:n,animateNewValues:a,animationBegin:i,animationDuration:l,animationEasing:o,isAnimationActive:p,hide:s,label:f,legendType:d,xAxisId:y,yAxisId:m,points:j,layout:x,height:A,width:T,left:I,top:S,needClip:g}))}function ed(e){var t=e.layout,n=e.xAxis,r=e.yAxis,a=e.xAxisTicks,i=e.yAxisTicks,l=e.dataKey,o=e.bandSize;return e.displayedData.map((e,c)=>{var u=(0,m.kr)(e,l);if("horizontal"===t){var s=(0,m.nb)({axis:n,ticks:a,bandSize:o,entry:e,index:c}),p=(0,d.uy)(u)?null:r.scale.map(u);return{x:s,y:null!=p?p:null,value:u,payload:e}}var f=(0,d.uy)(u)?null:n.scale.map(u),y=(0,m.nb)({axis:r,ticks:i,bandSize:o,entry:e,index:c});return null==f||null==y?null:{x:f,y,value:u,payload:e}}).filter(Boolean)}var ey=r.memo(function(e){var t=(0,B.e)(e,er),n=(0,E.r)();return r.createElement(V.x,{id:t.id,type:"line"},e=>{var a,i,l,o;return r.createElement(r.Fragment,null,r.createElement(R.A,{legendPayload:(a=t.dataKey,i=t.name,l=t.stroke,o=t.legendType,[{inactive:t.hide,dataKey:a,type:o,color:l,value:(0,m.uM)(i,a),payload:t}])}),r.createElement(ea,{dataKey:t.dataKey,data:t.data,stroke:t.stroke,strokeWidth:t.strokeWidth,fill:t.fill,name:t.name,hide:t.hide,unit:t.unit,formatter:t.formatter,tooltipType:t.tooltipType,id:e}),r.createElement(F.p,{type:"line",id:e,data:t.data,xAxisId:t.xAxisId,yAxisId:t.yAxisId,zAxisId:0,dataKey:t.dataKey,hide:t.hide,isPanorama:n}),r.createElement(ef,J({},t,{id:e})))})},Z.P);ey.displayName="Line"}}]);

package/app/.next-cli-build/static/chunks/app/(dashboard)/dashboard/api-keys/{page-a6b75a906cff96a9.js → page-413aa7cb44a6c6fe.js}

@@ -36,4 +36,4 @@ wire_api = "responses"
 [profiles.fast]
 model = "${s||n||"programmer-fast"}"
 model_provider = "bluerouter"`}({baseUrl:tk,codingModel:tK.codingModel,fastModel:tK.fastModel}):"",t_=e4?['npm install -g @openai/codex\ncodex --version\nmkdir $env:USERPROFILE\\.codex -Force\n$utf8NoBom = New-Object System.Text.UTF8Encoding $false\n[System.IO.File]::WriteAllText("$env:USERPROFILE\\.codex\\config.toml", @\'',tL,"'@, $utf8NoBom)",`$env:OPENAI_API_KEY = "${e4.key}"`,`setx OPENAI_API_KEY "${e4.key}"`,"cd D:\\path\\to\\your-project\ncodex"].join("\n"):"",tR=e7?x(e7,tw):{codingModel:tw||"YOUR_MODEL",fastModel:tw||"YOUR_MODEL"},tU=e7?function({baseUrl:e,apiKey:t,codingModel:s,fastModel:n}){let r=s||"programmer",l=n||r||"programmer-fast",a=e||"https://models-gateway.example.com/v1";return JSON.stringify({env:{OPENAI_API_KEY:t||"sk-xxxxx"},security:{auth:{selectedType:"openai"}},model:{name:r},modelProviders:{openai:[{id:r,name:r,envKey:"OPENAI_API_KEY",baseUrl:a,generationConfig:{timeout:12e4,maxRetries:2,contextWindowSize:12e4,samplingParams:{temperature:.2}}},{id:l,name:l,envKey:"OPENAI_API_KEY",baseUrl:a,generationConfig:{timeout:6e4,maxRetries:2,reasoning:!1,contextWindowSize:12e4,samplingParams:{temperature:.2,max_tokens:4096}}}]}},null,2)}({baseUrl:tk,apiKey:e7.key,codingModel:tR.codingModel,fastModel:tR.fastModel}):"",tD=e7?['npm install -g @qwen-code/qwen-code\nqwen --version\nmkdir $env:USERPROFILE\\.qwen -Force\n$utf8NoBom = New-Object System.Text.UTF8Encoding $false\n[System.IO.File]::WriteAllText("$env:USERPROFILE\\.qwen\\settings.json", @\'',tU,"'@, $utf8NoBom)",`$env:OPENAI_API_KEY = "${e7.key}"`,`$env:OPENAI_BASE_URL = "${tk}"`,`$env:OPENAI_MODEL = "${tR.codingModel}"`,`setx OPENAI_API_KEY "${e7.key}"`,`setx OPENAI_BASE_URL "${tk}"`,`setx OPENAI_MODEL "${tR.codingModel}"`,"cd D:\\path\\to\\your-project\nqwen"].join("\n"):"",tq=(0,r.useMemo)(()=>{let e=new Map;for(let t of B){let s=o(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 h){let s=o(t.ownerUser||t.createdByUser);s&&!e.has(s)&&e.set(s,{id:s,label:s})}return tb&&!e.has(tb)&&e.set(tb,{id:tb,label:`${tb} (t\xf4i)`}),[...e.values()].sort((e,t)=>e.label.localeCompare(t.label))},[B,h,tb]),tB=(s=c(Z),m=c(Q),!(s.length===m.length&&s.every((e,t)=>e===m[t]))),tz=J||!I.trim()||0===Q.length||tN,tH=!!tt||"all"!==tn,tG=async()=>{w(!0),O("");try{let e=new URLSearchParams;e.set("page",String(tl)),e.set("pageSize",String(ti)),tt&&e.set("q",tt),"all"!==tn&&e.set("status",tn);let t=await fetch(`/api/keys?${e.toString()}`,{cache:"no-store"}),s=await t.json().catch(()=>({}));if(!t.ok)throw Error(s.error||"Kh\xf4ng tải được danh s\xe1ch API keys");let n=s.keys||[],r=s.pagination||{page:tl,pageSize:ti,total:n.length,totalAll:n.length,totalPages:1,search:tt,status:tn};if(0===n.length&&Number(r.total||0)>0&&tl>1)return void ta(Math.max(1,Number(r.totalPages||1)));let l=c(s.apiKeyDefaultModels||(s.apiKeyDefaultModel?[s.apiKeyDefaultModel]:[]));p(n),tc(r),eV(s.apiKeyTotal??r.totalAll??r.total??n.length);let a=g(s.apiKeyDefaultPolicy||d,d);X(l),ee(l),er(a),ea(a),eG(s.apiKeyLimit??5),eY(s.apiKeyCount??r.totalAll??n.length),eq(!0===s.globalCavemanEnabled),ez(s.globalCavemanLevel||"full")}catch(e){O(e.message||"Kh\xf4ng tải được danh s\xe1ch API keys")}finally{w(!1)}};(0,r.useEffect)(()=>{eX(window.location.origin)},[]),(0,r.useEffect)(()=>{let e=setTimeout(()=>{ta(1),ts(e9.trim())},350);return()=>clearTimeout(e)},[e9]),(0,r.useEffect)(()=>{tG()},[tl,ti,tt,tn]),(0,r.useEffect)(()=>{let e=!1,t=async()=>{try{let t=await fetch("/api/keys?page=1&pageSize=1",{cache:"no-store"}),s=await t.json().catch(()=>({}));if(!t.ok||e)return;eq(!0===s.globalCavemanEnabled),ez(s.globalCavemanLevel||"full")}catch{}},s=()=>t(),n=()=>{"visible"===document.visibilityState&&t()};window.addEventListener("focus",s),document.addEventListener("visibilitychange",n);let r=window.setInterval(t,3e4);return()=>{e=!0,window.removeEventListener("focus",s),document.removeEventListener("visibilitychange",n),window.clearInterval(r)}},[]),(0,r.useEffect)(()=>{!T&&tb&&F(tb)},[tb,T]);let tW=async()=>{if(!eg&&!ej){ev(!0);try{let[e,t,s]=await Promise.allSettled([tg?fetch("/api/providers",{cache:"no-store"}):Promise.resolve(null),fetch("/api/personal-cloud-providers",{cache:"no-store"}),fetch("/api/models/alias",{cache:"no-store"})]),n=[],r=[];if("fulfilled"===e.status&&e.value?.ok){let t=await e.value.json().catch(()=>({}));n.push(...t.connections||[])}if("fulfilled"===t.status&&t.value.ok){let e=await t.value.json().catch(()=>({}));r.push(...e.connections||[])}if(eh(tg?[...n,...r]:r),"fulfilled"===s.status&&s.value.ok){let e=await s.value.json().catch(()=>({}));eb(e.aliases||{})}ef(!0)}catch{}finally{ev(!1)}}},tY=async(e=H)=>{if(tg){Y(!0);try{let t=await fetch(`/api/auth/ldap/users?q=${encodeURIComponent(e||"")}`,{cache:"no-store"}),s=await t.json().catch(()=>({}));t.ok&&z(s.users||[])}catch{}finally{Y(!1)}}},tJ=async()=>{if(tg&&0!==Z.length){es(!0),O("");try{let e=await fetch("/api/keys",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({apiKeyDefaultModels:Z})}),t=await e.json().catch(()=>({}));if(!e.ok)throw Error(t.error||"Kh\xf4ng lưu được default models");let s=c(t.apiKeyDefaultModels||(t.apiKeyDefaultModel?[t.apiKeyDefaultModel]:[])),n=g(t.apiKeyDefaultPolicy||d,d);X(s),ee(s),er(n),ea(n)}catch(e){O(e.message||"Kh\xf4ng lưu được default models")}finally{es(!1)}}},tV=async e=>{if(!tg)return;let t=g(e,d);ed(!0),O("");try{let e=await fetch("/api/keys",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify({apiKeyDefaultPolicy:t})}),s=await e.json().catch(()=>({}));if(!e.ok)throw Error(s.error||"Kh\xf4ng lưu được default policy");let n=g(s.apiKeyDefaultPolicy||t,d);er(n),ea(n),ec(!1)}catch(e){O(e.message||"Kh\xf4ng lưu được default policy")}finally{ed(!1)}},tQ=async()=>{if(I.trim()){if(0===Q.length)return void O("Admin cần cấu h\xecnh default models trước khi tạo API key.");if(tN)return void O(`Mỗi user chỉ được tạo tối đa ${tf} API keys.
-C\xf3 thể d\xf9ng n\xfat Đổi key để xoay sang key mới m\xe0 kh\xf4ng cần x\xf3a/tạo lại.`);V(!0),O("");try{let e=tg?o(K||T||tb):void 0,t=await fetch("/api/keys",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:I.trim(),ownerUser:e})}),s=await t.json().catch(()=>({}));if(!t.ok)throw Error(s.error||"Kh\xf4ng tạo được API key");U(s.key),M(""),_(""),$(!1),ta(1),await tG()}catch(e){O(e.message||"Kh\xf4ng tạo được API key")}finally{V(!1)}}},tX=async(e,t)=>{let s=await fetch(`/api/keys/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)}),n=await s.json().catch(()=>({}));return s.ok?(await tG(),!0):(O(n.error||"Kh\xf4ng cập nhật được API key"),!1)},tZ=async()=>{if(!ey)return;let e=c(ek);if(0===e.length)return void O("H\xe3y chọn \xedt nhất một model trước khi lưu quyền truy cập API key.");eP(!0),O("");try{await tX(ey.id,{allowedModels:e})&&(eN(null),eC([]))}finally{eP(!1)}},t0=async e=>{if(eA){eM(!0),O("");try{await tX(eA.id,{limits:g(e)})&&(eO(null),e$(d))}finally{eM(!1)}}},t1=async()=>{if(eA){eM(!0),O("");try{await tX(eA.id,{limits:{}})&&(eO(null),e$(d))}finally{eM(!1)}}},t2=async e=>{if(!eT)return!1;eU(!0),O("");try{let t=await fetch(`/api/keys/${eT.id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)}),s=await t.json().catch(()=>({}));if(!t.ok)throw Error(s.error||"Kh\xf4ng lưu được cấu h\xecnh Caveman");return await tG(),eE(null),!0}catch(t){let e=t?.message||"Kh\xf4ng lưu được cấu h\xecnh Caveman";throw O(e),Error(e)}finally{eU(!1)}};return(0,n.jsxs)("div",{className:"space-y-6",children:[(0,n.jsxs)("div",{className:"flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("h1",{className:"text-2xl font-semibold text-text-main",children:"Quản l\xfd API Keys"}),(0,n.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:tg?"Bảng quản trị API key c\xf3 t\xecm kiếm, lọc trạng th\xe1i v\xe0 ph\xe2n trang để kh\xf4ng render qu\xe1 nhiều key c\xf9ng l\xfac.":`Bạn c\xf3 thể quản l\xfd API key của t\xe0i khoản m\xecnh. Mỗi user thường sở hữu tối đa ${tf} API keys. D\xf9ng n\xfat Đổi key để xoay sang key mới m\xe0 kh\xf4ng cần x\xf3a/tạo lại.`})]}),(0,n.jsxs)("div",{className:"flex flex-wrap gap-2",children:[(0,n.jsx)(l.$n,{variant:"outline",onClick:tG,disabled:v,children:v?"Đang tải...":"Refresh"}),(0,n.jsx)(l.$n,{onClick:()=>{$(!0),!T&&tb&&F(tb)},disabled:tN,children:"Tạo API Key"})]})]}),P?(0,n.jsx)("div",{className:"rounded-xl border border-red-500/30 bg-red-500/10 p-3 text-sm text-red-600 whitespace-pre-line",children:P}):null,(0,n.jsxs)("div",{className:"grid gap-3 md:grid-cols-3",children:[(0,n.jsx)(k,{label:"Tổng API keys",value:tv,hint:tg?"To\xe0n hệ thống":`${tj}/${tf} key của bạn`}),(0,n.jsx)(k,{label:"Đang hiển thị",value:ty,hint:tH?"Theo bộ lọc hiện tại":"Kh\xf4ng filter"}),(0,n.jsx)(k,{label:"Page size",value:ti,hint:"Chỉ tải số d\xf2ng của trang hiện tại"})]}),tg?null:(0,n.jsx)(l.Zp,{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-medium",children:"Giới hạn API key theo user"}),(0,n.jsxs)("p",{className:"text-sm text-text-muted",children:["T\xe0i khoản của bạn đang c\xf3 ",tj,"/",tf," API keys. Key bị disabled vẫn được t\xednh v\xe0o giới hạn."]})]}),(0,n.jsx)("span",{className:"rounded-full border border-border bg-surface px-3 py-1 text-sm",children:tN?"Đ\xe3 đạt giới hạn":"C\xf2n c\xf3 thể tạo th\xeam"})]})}),(0,n.jsxs)("div",{className:"grid gap-4 xl:grid-cols-2",children:[(0,n.jsx)(l.Zp,{children:(0,n.jsxs)("div",{className:"space-y-3",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("h3",{className:"font-medium",children:"Default models cho API key mới"}),(0,n.jsx)("p",{className:"text-sm text-text-muted",children:"API key mới sẽ mặc định được d\xf9ng c\xe1c model n\xe0y. Cần cấu h\xecnh \xedt nhất một default model trước khi tạo API key."})]}),(0,n.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[Q.length>0?(0,n.jsx)(f,{models:Q,emptyLabel:"Chưa cấu h\xecnh default models"}):(0,n.jsx)("span",{className:"text-sm text-red-600",children:"Chưa cấu h\xecnh default models"}),tg?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(l.$n,{variant:"outline",size:"sm",onClick:()=>{em(!0),tW()},children:Z.length>0?`Đ\xe3 chọn ${Z.length} model`:"Chọn default models..."}),(0,n.jsx)(l.$n,{size:"sm",onClick:tJ,disabled:!tB||et||0===Z.length,children:et?"Đang lưu...":"Lưu"})]}):null]}),tg?(0,n.jsx)("p",{className:"text-xs text-text-muted",children:ej?"Đang tải danh s\xe1ch model...":"Danh s\xe1ch model chỉ tải khi mở bộ chọn để trang load nhanh hơn."}):null]})}),(0,n.jsx)(l.Zp,{children:(0,n.jsxs)("div",{className:"space-y-3",children:[(0,n.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("h3",{className:"font-medium",children:"Default policy cho API key mới"}),(0,n.jsx)("p",{className:"text-sm text-text-muted",children:"Policy n\xe0y được tự động g\xe1n cho key mới. Policy ri\xeang từng key vẫn c\xf3 thể override sau khi tạo."})]}),tg?(0,n.jsx)(l.$n,{variant:"outline",size:"sm",onClick:()=>{ea(g(en||d,d)),ec(!0)},children:"Chỉnh default policy"}):null]}),(0,n.jsx)(j,{limits:en,showThinking:tg,showOutputLimit:tg})]})})]}),(0,n.jsx)(l.Zp,{children:(0,n.jsxs)("div",{className:"space-y-3",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("h3",{className:"font-medium",children:"Th\xf4ng tin API endpoint"}),(0,n.jsx)("p",{className:"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,n.jsxs)("div",{className:"grid gap-3 md:grid-cols-2",children:[(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"Base URL"}),(0,n.jsx)("div",{className:"mt-1 break-all font-mono text-sm",children:tk})]}),(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"Chat Completions"}),(0,n.jsx)("div",{className:"mt-1 break-all font-mono text-sm",children:tC})]})]}),(0,n.jsxs)("div",{className:"flex flex-wrap gap-2",children:[(0,n.jsx)(l.$n,{variant:"outline",size:"sm",onClick:()=>tm(tk,"api-base-url"),children:"api-base-url"===tx?"Đ\xe3 copy Base URL":"Copy Base URL"}),(0,n.jsx)(l.$n,{variant:"outline",size:"sm",onClick:()=>tm(tC,"api-chat-endpoint"),children:"api-chat-endpoint"===tx?"Đ\xe3 copy Endpoint":"Copy Endpoint"})]})]})}),R?(0,n.jsx)(l.Zp,{children:(0,n.jsxs)("div",{className:"space-y-3",children:[(0,n.jsx)("h3",{className:"font-medium",children:"Đ\xe3 tạo API key"}),(0,n.jsx)("pre",{className:"overflow-auto rounded-xl border border-border bg-surface p-3 text-sm",children:R}),(0,n.jsxs)("div",{className:"text-sm text-text-muted",children:["H\xe3y copy ngay. Key mới mặc định được d\xf9ng default models v\xe0 default policy đang cấu h\xecnh trong Dashboard, trừ khi admin chỉnh quyền model/policy.",(0,n.jsx)(f,{models:Q,emptyLabel:"default models"})]}),(0,n.jsxs)("div",{className:"flex gap-2",children:[(0,n.jsx)(l.$n,{size:"sm",onClick:()=>tm(R,"created"),children:"created"===tx?"Đ\xe3 copy":"Copy"}),(0,n.jsx)(l.$n,{size:"sm",variant:"ghost",onClick:()=>U(""),children:"Đ\xf3ng"})]})]})}):null,(0,n.jsx)(l.Zp,{children:(0,n.jsxs)("div",{className:"space-y-4",children:[(0,n.jsxs)("div",{className:"flex flex-col gap-3 xl:flex-row xl:items-end xl:justify-between",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("h3",{className:"text-lg font-semibold text-text-main",children:"Danh s\xe1ch API keys"}),(0,n.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"T\xecm theo t\xean key, owner, model, id hoặc một phần API key. Backend chỉ trả về page hiện tại."})]}),(0,n.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center",children:[(0,n.jsx)("input",{value:e9,onChange:e=>te(e.target.value),placeholder:"T\xecm API key, owner, model...",className:"w-full rounded-xl border border-border bg-background px-3 py-2 text-sm text-text-main outline-none focus:border-primary sm:w-80"}),(0,n.jsxs)("select",{value:tn,onChange:e=>{tr(e.target.value),ta(1)},className:"rounded-xl border border-border bg-background px-3 py-2 text-sm text-text-main outline-none focus:border-primary",children:[(0,n.jsx)("option",{value:"all",children:"Tất cả trạng th\xe1i"}),(0,n.jsx)("option",{value:"active",children:"Chỉ key đang bật"}),(0,n.jsx)("option",{value:"inactive",children:"Chỉ key đ\xe3 tắt"})]}),tH?(0,n.jsx)(l.$n,{variant:"outline",size:"sm",onClick:()=>{te(""),ts(""),tr("all"),ta(1)},children:"X\xf3a lọc"}):null]})]}),v?(0,n.jsx)("div",{className:"rounded-2xl border border-dashed border-border p-8 text-center text-sm text-text-muted",children:"Đang tải API keys..."}):0===h.length?(0,n.jsx)("div",{className:"rounded-2xl border border-dashed border-border p-8 text-center text-sm text-text-muted",children:tH?"Kh\xf4ng t\xecm thấy API key ph\xf9 hợp bộ lọc.":"Chưa c\xf3 API key n\xe0o."}):(0,n.jsx)(L,{keys:h,copied:tx,copy:tm,isAdmin:tg,globalCavemanEnabled:eD,globalCavemanLevel:eB,onToggleActive:(e,t)=>tX(e,{isActive:t}),onApiTest:e0,onClaudeSettings:e2,onOpenCodeSettings:e5,onCodexSettings:e8,onQwenSettings:e6,onRename:(e,t)=>{let s=prompt("T\xean API key mới",t||"");s?.trim()&&tX(e,{name:s.trim()})},onRotate:e=>{e?.id&&q({title:"Đổi API key",message:"Hệ thống sẽ tạo chuỗi API key mới cho record n\xe0y v\xe0 giữ nguy\xean t\xean, owner, model, policy. Key cũ sẽ hết hiệu lực ngay sau khi đổi.",onConfirm:async()=>{q(null),O("");let t=await fetch(`/api/keys/${e.id}/rotate`,{method:"POST"}),s=await t.json().catch(()=>({}));if(!t.ok)return void O(s.error||"Kh\xf4ng đổi được API key");let n=s.rotatedKey||s.key?.key||"";n&&U(n),await tG()}})},onEditModels:e=>{eN(e),eC(c(e.allowedModels)),tW()},onEditPolicy:e=>{tg&&(eO(e),e$(b(e.limits)?g(e.limits):d))},onEditCaveman:eE,onShowCavemanInfo:eK,onCavemanTest:e_,onAssignOwner:(e,t)=>{if(!tg)return;let s=prompt("G\xe1n owner username/email",t||tb||"");null!==s&&tX(e,{ownerUser:o(s)})},onDelete:e=>{q({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()=>{q(null),(await fetch(`/api/keys/${e}`,{method:"DELETE"})).ok&&await tG()}})}}),(0,n.jsx)(C,{pagination:to,pageSize:ti,onPageChange:ta,onPageSizeChange:e=>{td(e),ta(1)},loading:v})]})}),(0,n.jsx)(l.aF,{isOpen:S,onClose:()=>$(!1),title:"Tạo API Key",size:"lg",children:(0,n.jsxs)("div",{className:"space-y-4",children:[0===Q.length?(0,n.jsx)("div",{className:"rounded-xl border border-red-500/30 bg-red-500/10 p-3 text-sm text-red-600",children:"Admin cần cấu h\xecnh default models trước khi tạo API key."}):tN?(0,n.jsxs)("div",{className:"rounded-xl border border-red-500/30 bg-red-500/10 p-3 text-sm text-red-600",children:["Bạn đ\xe3 đạt giới hạn ",tf," API keys. H\xe3y x\xf3a bớt key cũ trước khi tạo key mới."]}):(0,n.jsxs)("div",{className:"text-sm text-text-muted",children:["Key n\xe0y sẽ được tạo với quyền d\xf9ng default models v\xe0 default policy đang cấu h\xecnh trong Dashboard.",(0,n.jsx)(f,{models:Q})]}),(0,n.jsxs)("label",{className:"block",children:[(0,n.jsx)("span",{className:"mb-1 block text-xs font-medium text-text-muted",children:"T\xean API key"}),(0,n.jsx)("input",{value:I,onChange:e=>M(e.target.value),placeholder:"VD: VSCode, LibreChat, team-user",className:"w-full rounded-xl border border-border bg-background px-3 py-2 text-sm outline-none focus:border-primary"})]}),tg?(0,n.jsxs)("div",{className:"space-y-3 rounded-xl border border-border p-3",children:[(0,n.jsx)("div",{className:"text-sm font-medium",children:"Owner user"}),(0,n.jsxs)("div",{className:"flex gap-2",children:[(0,n.jsx)("input",{value:H,onChange:e=>G(e.target.value),placeholder:"Nhập từ kh\xf3a rồi bấm Tải",className:"min-w-0 flex-1 rounded-xl border border-border bg-background px-3 py-2 text-sm outline-none focus:border-primary"}),(0,n.jsx)(l.$n,{variant:"outline",onClick:()=>tY(H),disabled:W,children:W?"Đang tải":"Tải LDAP"})]}),(0,n.jsxs)("select",{value:T,onChange:e=>F(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,n.jsxs)("option",{value:tb||"",children:["G\xe1n cho t\xf4i (",tb||"local",")"]}),tq.map(e=>(0,n.jsx)("option",{value:e.id,children:e.label},e.id))]}),(0,n.jsx)("input",{value:K,onChange:e=>_(e.target.value),placeholder:"username hoặc email, kh\xf4ng bắt buộc",className:"w-full rounded-xl border border-border bg-background px-3 py-2 text-sm outline-none focus:border-primary"}),(0,n.jsx)("p",{className:"text-xs text-text-muted",children:"LDAP kh\xf4ng tự tải khi mở trang để giảm thời gian load. C\xf3 thể nhập owner thủ c\xf4ng hoặc nhập từ kh\xf3a rồi bấm Tải LDAP."})]}):(0,n.jsxs)("p",{className:"rounded-xl border border-border bg-surface p-3 text-sm text-text-muted",children:["Owner: ",tb||"user hiện tại"]}),(0,n.jsxs)("div",{className:"flex justify-end gap-2",children:[(0,n.jsx)(l.$n,{variant:"ghost",onClick:()=>$(!1),children:"Hủy"}),(0,n.jsx)(l.$n,{onClick:tQ,disabled:tz,children:J?"Đang tạo...":"Tạo"})]})]})}),(0,n.jsx)(l.aF,{isOpen:!!eZ,onClose:()=>e0(null),title:"API Test bằng curl Windows",size:"xl",children:(0,n.jsxs)("div",{className:"space-y-4",children:[(0,n.jsx)("p",{className:"text-sm text-text-muted",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."}),(0,n.jsxs)("div",{className:"grid gap-3 md:grid-cols-3",children:[(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"API Key"}),(0,n.jsx)("div",{className:"mt-1 text-sm",children:eZ?.name||"API Key"})]}),(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"Endpoint"}),(0,n.jsx)("div",{className:"mt-1 break-all font-mono text-sm",children:tC})]}),(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"Model test"}),(0,n.jsx)("div",{className:"mt-1 break-all font-mono text-sm",children:tP})]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:"mb-1 text-xs font-medium text-text-muted",children:"Lệnh curl cho Windows CMD"}),(0,n.jsx)("pre",{className:"overflow-auto rounded-xl border border-border bg-surface p-3 text-xs",children:tS})]}),(0,n.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,n.jsxs)("div",{className:"flex justify-end gap-2",children:[(0,n.jsx)(l.$n,{variant:"ghost",onClick:()=>e0(null),children:"Đ\xf3ng"}),(0,n.jsx)(l.$n,{onClick:()=>tm(tS,`api-test-curl-${eZ?.id||"current"}`),children:tx===`api-test-curl-${eZ?.id||"current"}`?"Đ\xe3 copy":"Copy lệnh curl"})]})]})}),(0,n.jsx)(l.aF,{isOpen:!!e1,onClose:()=>e2(null),title:"Claude Code Settings",size:"xl",children:(0,n.jsxs)("div",{className:"space-y-4",children:[(0,n.jsxs)("p",{className:"text-sm text-text-muted",children:["Copy nội dung JSON dưới đ\xe2y v\xe0o file ",(0,n.jsx)("span",{className:"font-mono",children:"%USERPROFILE%\\.claude\\settings.json"})," để Claude Code gọi qua gateway n\xe0y. Model coding d\xf9ng ",(0,n.jsx)("span",{className:"font-mono",children:t$.codingModel}),"; model fast d\xf9ng ",(0,n.jsx)("span",{className:"font-mono",children:t$.fastModel}),"."]}),(0,n.jsxs)("div",{className:"grid gap-3 md:grid-cols-3",children:[(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"API Key"}),(0,n.jsx)("div",{className:"mt-1 text-sm",children:e1?.name||"API Key"})]}),(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"Base URL"}),(0,n.jsx)("div",{className:"mt-1 break-all font-mono text-sm",children:tk})]}),(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"Model"}),(0,n.jsx)("div",{className:"mt-1 break-all font-mono text-sm",children:t$.codingModel})]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:"mb-1 text-xs font-medium text-text-muted",children:"settings.json"}),(0,n.jsx)("pre",{className:"max-h-[420px] overflow-auto rounded-xl border border-border bg-surface p-3 text-xs",children:tI})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:"mb-1 text-xs font-medium text-text-muted",children:"C\xe0i v\xe0 chạy Claude Code CLI tr\xean Windows"}),(0,n.jsx)("pre",{className:"overflow-auto rounded-xl border border-border bg-surface p-3 text-xs",children:tM})]}),(0,n.jsx)("div",{className:"rounded-xl border border-amber-500/30 bg-amber-500/10 p-3 text-xs text-amber-700 dark:text-amber-300",children:"Lưu \xfd: 2 d\xf2ng auto-compact/context window đ\xe3 được comment sẵn; chỉ uncomment khi d\xf9ng local model. Nếu c\xe0i bằng npm th\xec m\xe1y cần c\xe0i Node.js trước. Chạy Claude Code trong thư mục project, kh\xf4ng chạy trong C:\\WINDOWS\\system32. Nếu d\xf9ng model fast ri\xeang như programmer-fast th\xec API key n\xe0y cũng phải được ph\xe9p d\xf9ng model đ\xf3 trong cột Model."}),(0,n.jsxs)("div",{className:"flex flex-wrap justify-end gap-2",children:[(0,n.jsx)(l.$n,{variant:"ghost",onClick:()=>e2(null),children:"Đ\xf3ng"}),(0,n.jsx)(l.$n,{variant:"outline",onClick:()=>tm(tM,`claude-code-help-${e1?.id||"current"}`),children:tx===`claude-code-help-${e1?.id||"current"}`?"Đ\xe3 copy hướng dẫn":"Copy hướng dẫn"}),(0,n.jsx)(l.$n,{onClick:()=>tm(tI,`claude-code-settings-${e1?.id||"current"}`),children:tx===`claude-code-settings-${e1?.id||"current"}`?"Đ\xe3 copy settings":"Copy settings.json"})]})]})}),(0,n.jsx)(l.aF,{isOpen:!!e3,onClose:()=>e5(null),title:"OpenCode Settings",size:"xl",children:(0,n.jsxs)("div",{className:"space-y-4",children:[(0,n.jsxs)("p",{className:"text-sm text-text-muted",children:["Copy JSON dưới đ\xe2y v\xe0o file ",(0,n.jsx)("span",{className:"font-mono",children:"%APPDATA%\\opencode\\opencode.json"})," hoặc ",(0,n.jsx)("span",{className:"font-mono",children:"opencode.json"})," trong project. Model ch\xednh d\xf9ng ",(0,n.jsx)("span",{className:"font-mono",children:tT.codingModel}),"; explorer/fast d\xf9ng ",(0,n.jsx)("span",{className:"font-mono",children:tT.fastModel}),"."]}),(0,n.jsxs)("div",{className:"grid gap-3 md:grid-cols-4",children:[(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"API Key"}),(0,n.jsx)("div",{className:"mt-1 text-sm",children:e3?.name||"API Key"})]}),(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"Base URL"}),(0,n.jsx)("div",{className:"mt-1 break-all font-mono text-sm",children:tk})]}),(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"Model ch\xednh"}),(0,n.jsx)("div",{className:"mt-1 break-all font-mono text-sm",children:tT.codingModel})]}),(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"Model fast"}),(0,n.jsx)("div",{className:"mt-1 break-all font-mono text-sm",children:tT.fastModel})]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:"mb-1 text-xs font-medium text-text-muted",children:"opencode.json"}),(0,n.jsx)("pre",{className:"max-h-[420px] overflow-auto rounded-xl border border-border bg-surface p-3 text-xs",children:tE})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:"mb-1 text-xs font-medium text-text-muted",children:"C\xe0i v\xe0 chạy OpenCode tr\xean Windows PowerShell"}),(0,n.jsx)("pre",{className:"overflow-auto rounded-xl border border-border bg-surface p-3 text-xs",children:tF})]}),(0,n.jsxs)("div",{className:"rounded-xl border border-amber-500/30 bg-amber-500/10 p-3 text-xs text-amber-700 dark:text-amber-300",children:["Lưu \xfd: API key n\xe0y cần được ph\xe9p gọi cả ",tT.codingModel," v\xe0 ",tT.fastModel,". Nếu OpenCode đang d\xf9ng đường dẫn config kh\xe1c, c\xf3 thể đặt file opencode.json ngay trong thư mục project."]}),(0,n.jsxs)("div",{className:"flex flex-wrap justify-end gap-2",children:[(0,n.jsx)(l.$n,{variant:"ghost",onClick:()=>e5(null),children:"Đ\xf3ng"}),(0,n.jsx)(l.$n,{variant:"outline",onClick:()=>tm(tF,`opencode-help-${e3?.id||"current"}`),children:tx===`opencode-help-${e3?.id||"current"}`?"Đ\xe3 copy hướng dẫn":"Copy hướng dẫn"}),(0,n.jsx)(l.$n,{onClick:()=>tm(tE,`opencode-settings-${e3?.id||"current"}`),children:tx===`opencode-settings-${e3?.id||"current"}`?"Đ\xe3 copy settings":"Copy opencode.json"})]})]})}),(0,n.jsx)(l.aF,{isOpen:!!e4,onClose:()=>e8(null),title:"Codex Settings",size:"xl",children:(0,n.jsxs)("div",{className:"space-y-4",children:[(0,n.jsxs)("p",{className:"text-sm text-text-muted",children:["Copy TOML dưới đ\xe2y v\xe0o file ",(0,n.jsx)("span",{className:"font-mono",children:"%USERPROFILE%\\.codex\\config.toml"}),". API key được set bằng biến m\xf4i trường ",(0,n.jsx)("span",{className:"font-mono",children:"OPENAI_API_KEY"}),". Model ch\xednh d\xf9ng ",(0,n.jsx)("span",{className:"font-mono",children:tK.codingModel}),"; profile fast d\xf9ng ",(0,n.jsx)("span",{className:"font-mono",children:tK.fastModel}),"."]}),(0,n.jsxs)("div",{className:"grid gap-3 md:grid-cols-3",children:[(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"API Key"}),(0,n.jsx)("div",{className:"mt-1 text-sm",children:e4?.name||"API Key"})]}),(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"Base URL"}),(0,n.jsx)("div",{className:"mt-1 break-all font-mono text-sm",children:tk})]}),(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"Model"}),(0,n.jsx)("div",{className:"mt-1 break-all font-mono text-sm",children:tK.codingModel})]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:"mb-1 text-xs font-medium text-text-muted",children:"config.toml"}),(0,n.jsx)("pre",{className:"max-h-[420px] overflow-auto rounded-xl border border-border bg-surface p-3 text-xs",children:tL})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:"mb-1 text-xs font-medium text-text-muted",children:"C\xe0i v\xe0 chạy Codex tr\xean Windows PowerShell"}),(0,n.jsx)("pre",{className:"overflow-auto rounded-xl border border-border bg-surface p-3 text-xs",children:t_})]}),(0,n.jsx)("div",{className:"rounded-xl border border-amber-500/30 bg-amber-500/10 p-3 text-xs text-amber-700 dark:text-amber-300",children:"Lưu \xfd: c\xe1c d\xf2ng context window v\xe0 auto-compact đ\xe3 được comment sẵn; chỉ uncomment khi d\xf9ng local model. Nếu c\xe0i bằng npm th\xec m\xe1y cần c\xe0i Node.js trước. Hướng dẫn đ\xe3 tự tạo config.toml v\xe0 set biến m\xf4i trường cho phi\xean PowerShell hiện tại; setx chỉ lưu lại cho terminal mở sau. Codex d\xf9ng OpenAI-compatible endpoint của BlueRouter."}),(0,n.jsxs)("div",{className:"flex flex-wrap justify-end gap-2",children:[(0,n.jsx)(l.$n,{variant:"ghost",onClick:()=>e8(null),children:"Đ\xf3ng"}),(0,n.jsx)(l.$n,{variant:"outline",onClick:()=>tm(t_,`codex-help-${e4?.id||"current"}`),children:tx===`codex-help-${e4?.id||"current"}`?"Đ\xe3 copy hướng dẫn":"Copy hướng dẫn"}),(0,n.jsx)(l.$n,{onClick:()=>tm(tL,`codex-settings-${e4?.id||"current"}`),children:tx===`codex-settings-${e4?.id||"current"}`?"Đ\xe3 copy settings":"Copy config.toml"})]})]})}),(0,n.jsx)(l.aF,{isOpen:!!e7,onClose:()=>e6(null),title:"Qwen Code Settings",size:"xl",children:(0,n.jsxs)("div",{className:"space-y-4",children:[(0,n.jsxs)("p",{className:"text-sm text-text-muted",children:["Copy JSON dưới đ\xe2y v\xe0o file ",(0,n.jsx)("span",{className:"font-mono",children:"%USERPROFILE%\\.qwen\\settings.json"})," để Qwen Code gọi qua OpenAI-compatible endpoint của BlueRouter. Model ch\xednh d\xf9ng ",(0,n.jsx)("span",{className:"font-mono",children:tR.codingModel}),"; model fast d\xf9ng ",(0,n.jsx)("span",{className:"font-mono",children:tR.fastModel}),"."]}),(0,n.jsxs)("div",{className:"grid gap-3 md:grid-cols-3",children:[(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"API Key"}),(0,n.jsx)("div",{className:"mt-1 text-sm",children:e7?.name||"API Key"})]}),(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"Base URL"}),(0,n.jsx)("div",{className:"mt-1 break-all font-mono text-sm",children:tk})]}),(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"Model"}),(0,n.jsx)("div",{className:"mt-1 break-all font-mono text-sm",children:tR.codingModel})]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:"mb-1 text-xs font-medium text-text-muted",children:"settings.json"}),(0,n.jsx)("pre",{className:"max-h-[420px] overflow-auto rounded-xl border border-border bg-surface p-3 text-xs",children:tU})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:"mb-1 text-xs font-medium text-text-muted",children:"C\xe0i v\xe0 chạy Qwen Code tr\xean Windows PowerShell"}),(0,n.jsx)("pre",{className:"overflow-auto rounded-xl border border-border bg-surface p-3 text-xs",children:tD})]}),(0,n.jsx)("div",{className:"rounded-xl border border-amber-500/30 bg-amber-500/10 p-3 text-xs text-amber-700 dark:text-amber-300",children:"Lưu \xfd: hướng dẫn đ\xe3 tự tạo settings.json hợp lệ v\xe0 set biến m\xf4i trường cho phi\xean PowerShell hiện tại. setx chỉ lưu lại cho terminal mở sau. Qwen Code hỗ trợ OpenAI-compatible provider n\xean d\xf9ng tốt với BlueRouter."}),(0,n.jsxs)("div",{className:"flex flex-wrap justify-end gap-2",children:[(0,n.jsx)(l.$n,{variant:"ghost",onClick:()=>e6(null),children:"Đ\xf3ng"}),(0,n.jsx)(l.$n,{variant:"outline",onClick:()=>tm(tD,`qwen-code-help-${e7?.id||"current"}`),children:tx===`qwen-code-help-${e7?.id||"current"}`?"Đ\xe3 copy hướng dẫn":"Copy hướng dẫn"}),(0,n.jsx)(l.$n,{onClick:()=>tm(tU,`qwen-code-settings-${e7?.id||"current"}`),children:tx===`qwen-code-settings-${e7?.id||"current"}`?"Đ\xe3 copy settings":"Copy settings.json"})]})]})}),(0,n.jsx)(E,{apiKey:eL,fallbackModels:Q,onClose:()=>e_(null)}),(0,n.jsx)(A,{apiKey:eT,globalEnabled:eD,globalLevel:eB,onClose:()=>eE(null),onSave:t2,saving:eR}),(0,n.jsx)(A,{apiKey:eF,globalEnabled:eD,globalLevel:eB,onClose:()=>eK(null),onSave:()=>{},saving:!1,infoOnly:!0}),(0,n.jsx)(N,{open:!!ey,keyName:ey?.name,models:ek,setModels:eC,activeProviders:eu,modelAliases:ep,onClose:()=>{eN(null),eC([])},onSave:tZ,saving:ew,personalOnly:!tg,extraModels:Q}),(0,n.jsx)(y,{isOpen:eo,keyName:"Default cho API key mới",policy:el,setPolicy:ea,onClose:()=>{ec(!1),ea(en||d)},onSave:tV,saving:ei}),(0,n.jsx)(y,{isOpen:!!eA,keyName:eA?.name,policy:eS,setPolicy:e$,onClose:()=>{eO(null),e$(d)},onSave:t0,onClear:t1,saving:eI}),(0,n.jsx)(l.rq,{isOpen:ex,onClose:()=>em(!1),onSelect:e=>{let t=String(e?.value||e?.name||e||"").trim();t&&ee(e=>c([...e,t]))},onDeselect:e=>{let t=String(e?.value||e?.name||e||"").trim();t&&ee(e=>c(e).filter(e=>e!==t))},activeProviders:eu,modelAliases:ep,title:"Chọn default models cho API key",addedModelValues:Z,closeOnSelect:!1}),D?(0,n.jsx)(l.uo,{isOpen:!!D,onClose:()=>q(null),onConfirm:D.onConfirm,title:D.title,message:D.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,506,9959,1997,5564,5263,5497,8441,3794,7358],()=>e(e.s=84223)),_N_E=e.O()}]);
+C\xf3 thể d\xf9ng n\xfat Đổi key để xoay sang key mới m\xe0 kh\xf4ng cần x\xf3a/tạo lại.`);V(!0),O("");try{let e=tg?o(K||T||tb):void 0,t=await fetch("/api/keys",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({name:I.trim(),ownerUser:e})}),s=await t.json().catch(()=>({}));if(!t.ok)throw Error(s.error||"Kh\xf4ng tạo được API key");U(s.key),M(""),_(""),$(!1),ta(1),await tG()}catch(e){O(e.message||"Kh\xf4ng tạo được API key")}finally{V(!1)}}},tX=async(e,t)=>{let s=await fetch(`/api/keys/${e}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(t)}),n=await s.json().catch(()=>({}));return s.ok?(await tG(),!0):(O(n.error||"Kh\xf4ng cập nhật được API key"),!1)},tZ=async()=>{if(!ey)return;let e=c(ek);if(0===e.length)return void O("H\xe3y chọn \xedt nhất một model trước khi lưu quyền truy cập API key.");eP(!0),O("");try{await tX(ey.id,{allowedModels:e})&&(eN(null),eC([]))}finally{eP(!1)}},t0=async e=>{if(eA){eM(!0),O("");try{await tX(eA.id,{limits:g(e)})&&(eO(null),e$(d))}finally{eM(!1)}}},t1=async()=>{if(eA){eM(!0),O("");try{await tX(eA.id,{limits:{}})&&(eO(null),e$(d))}finally{eM(!1)}}},t2=async e=>{if(!eT)return!1;eU(!0),O("");try{let t=await fetch(`/api/keys/${eT.id}`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)}),s=await t.json().catch(()=>({}));if(!t.ok)throw Error(s.error||"Kh\xf4ng lưu được cấu h\xecnh Caveman");return await tG(),eE(null),!0}catch(t){let e=t?.message||"Kh\xf4ng lưu được cấu h\xecnh Caveman";throw O(e),Error(e)}finally{eU(!1)}};return(0,n.jsxs)("div",{className:"space-y-6",children:[(0,n.jsxs)("div",{className:"flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("h1",{className:"text-2xl font-semibold text-text-main",children:"Quản l\xfd API Keys"}),(0,n.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:tg?"Bảng quản trị API key c\xf3 t\xecm kiếm, lọc trạng th\xe1i v\xe0 ph\xe2n trang để kh\xf4ng render qu\xe1 nhiều key c\xf9ng l\xfac.":`Bạn c\xf3 thể quản l\xfd API key của t\xe0i khoản m\xecnh. Mỗi user thường sở hữu tối đa ${tf} API keys. D\xf9ng n\xfat Đổi key để xoay sang key mới m\xe0 kh\xf4ng cần x\xf3a/tạo lại.`})]}),(0,n.jsxs)("div",{className:"flex flex-wrap gap-2",children:[(0,n.jsx)(l.$n,{variant:"outline",onClick:tG,disabled:v,children:v?"Đang tải...":"Refresh"}),(0,n.jsx)(l.$n,{onClick:()=>{$(!0),!T&&tb&&F(tb)},disabled:tN,children:"Tạo API Key"})]})]}),P?(0,n.jsx)("div",{className:"rounded-xl border border-red-500/30 bg-red-500/10 p-3 text-sm text-red-600 whitespace-pre-line",children:P}):null,(0,n.jsxs)("div",{className:"grid gap-3 md:grid-cols-3",children:[(0,n.jsx)(k,{label:"Tổng API keys",value:tv,hint:tg?"To\xe0n hệ thống":`${tj}/${tf} key của bạn`}),(0,n.jsx)(k,{label:"Đang hiển thị",value:ty,hint:tH?"Theo bộ lọc hiện tại":"Kh\xf4ng filter"}),(0,n.jsx)(k,{label:"Page size",value:ti,hint:"Chỉ tải số d\xf2ng của trang hiện tại"})]}),tg?null:(0,n.jsx)(l.Zp,{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-medium",children:"Giới hạn API key theo user"}),(0,n.jsxs)("p",{className:"text-sm text-text-muted",children:["T\xe0i khoản của bạn đang c\xf3 ",tj,"/",tf," API keys. Key bị disabled vẫn được t\xednh v\xe0o giới hạn."]})]}),(0,n.jsx)("span",{className:"rounded-full border border-border bg-surface px-3 py-1 text-sm",children:tN?"Đ\xe3 đạt giới hạn":"C\xf2n c\xf3 thể tạo th\xeam"})]})}),(0,n.jsxs)("div",{className:"grid gap-4 xl:grid-cols-2",children:[(0,n.jsx)(l.Zp,{children:(0,n.jsxs)("div",{className:"space-y-3",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("h3",{className:"font-medium",children:"Default models cho API key mới"}),(0,n.jsx)("p",{className:"text-sm text-text-muted",children:"API key mới sẽ mặc định được d\xf9ng c\xe1c model n\xe0y. Cần cấu h\xecnh \xedt nhất một default model trước khi tạo API key."})]}),(0,n.jsxs)("div",{className:"flex flex-wrap items-center gap-2",children:[Q.length>0?(0,n.jsx)(f,{models:Q,emptyLabel:"Chưa cấu h\xecnh default models"}):(0,n.jsx)("span",{className:"text-sm text-red-600",children:"Chưa cấu h\xecnh default models"}),tg?(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(l.$n,{variant:"outline",size:"sm",onClick:()=>{em(!0),tW()},children:Z.length>0?`Đ\xe3 chọn ${Z.length} model`:"Chọn default models..."}),(0,n.jsx)(l.$n,{size:"sm",onClick:tJ,disabled:!tB||et||0===Z.length,children:et?"Đang lưu...":"Lưu"})]}):null]}),tg?(0,n.jsx)("p",{className:"text-xs text-text-muted",children:ej?"Đang tải danh s\xe1ch model...":"Danh s\xe1ch model chỉ tải khi mở bộ chọn để trang load nhanh hơn."}):null]})}),(0,n.jsx)(l.Zp,{children:(0,n.jsxs)("div",{className:"space-y-3",children:[(0,n.jsxs)("div",{className:"flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("h3",{className:"font-medium",children:"Default policy cho API key mới"}),(0,n.jsx)("p",{className:"text-sm text-text-muted",children:"Policy n\xe0y được tự động g\xe1n cho key mới. Policy ri\xeang từng key vẫn c\xf3 thể override sau khi tạo."})]}),tg?(0,n.jsx)(l.$n,{variant:"outline",size:"sm",onClick:()=>{ea(g(en||d,d)),ec(!0)},children:"Chỉnh default policy"}):null]}),(0,n.jsx)(j,{limits:en,showThinking:tg,showOutputLimit:tg})]})})]}),(0,n.jsx)(l.Zp,{children:(0,n.jsxs)("div",{className:"space-y-3",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("h3",{className:"font-medium",children:"Th\xf4ng tin API endpoint"}),(0,n.jsx)("p",{className:"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,n.jsxs)("div",{className:"grid gap-3 md:grid-cols-2",children:[(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"Base URL"}),(0,n.jsx)("div",{className:"mt-1 break-all font-mono text-sm",children:tk})]}),(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"Chat Completions"}),(0,n.jsx)("div",{className:"mt-1 break-all font-mono text-sm",children:tC})]})]}),(0,n.jsxs)("div",{className:"flex flex-wrap gap-2",children:[(0,n.jsx)(l.$n,{variant:"outline",size:"sm",onClick:()=>tm(tk,"api-base-url"),children:"api-base-url"===tx?"Đ\xe3 copy Base URL":"Copy Base URL"}),(0,n.jsx)(l.$n,{variant:"outline",size:"sm",onClick:()=>tm(tC,"api-chat-endpoint"),children:"api-chat-endpoint"===tx?"Đ\xe3 copy Endpoint":"Copy Endpoint"})]})]})}),R?(0,n.jsx)(l.Zp,{children:(0,n.jsxs)("div",{className:"space-y-3",children:[(0,n.jsx)("h3",{className:"font-medium",children:"Đ\xe3 tạo API key"}),(0,n.jsx)("pre",{className:"overflow-auto rounded-xl border border-border bg-surface p-3 text-sm",children:R}),(0,n.jsxs)("div",{className:"text-sm text-text-muted",children:["H\xe3y copy ngay. Key mới mặc định được d\xf9ng default models v\xe0 default policy đang cấu h\xecnh trong Dashboard, trừ khi admin chỉnh quyền model/policy.",(0,n.jsx)(f,{models:Q,emptyLabel:"default models"})]}),(0,n.jsxs)("div",{className:"flex gap-2",children:[(0,n.jsx)(l.$n,{size:"sm",onClick:()=>tm(R,"created"),children:"created"===tx?"Đ\xe3 copy":"Copy"}),(0,n.jsx)(l.$n,{size:"sm",variant:"ghost",onClick:()=>U(""),children:"Đ\xf3ng"})]})]})}):null,(0,n.jsx)(l.Zp,{children:(0,n.jsxs)("div",{className:"space-y-4",children:[(0,n.jsxs)("div",{className:"flex flex-col gap-3 xl:flex-row xl:items-end xl:justify-between",children:[(0,n.jsxs)("div",{children:[(0,n.jsx)("h3",{className:"text-lg font-semibold text-text-main",children:"Danh s\xe1ch API keys"}),(0,n.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"T\xecm theo t\xean key, owner, model, id hoặc một phần API key. Backend chỉ trả về page hiện tại."})]}),(0,n.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center",children:[(0,n.jsx)("input",{value:e9,onChange:e=>te(e.target.value),placeholder:"T\xecm API key, owner, model...",className:"w-full rounded-xl border border-border bg-background px-3 py-2 text-sm text-text-main outline-none focus:border-primary sm:w-80"}),(0,n.jsxs)("select",{value:tn,onChange:e=>{tr(e.target.value),ta(1)},className:"rounded-xl border border-border bg-background px-3 py-2 text-sm text-text-main outline-none focus:border-primary",children:[(0,n.jsx)("option",{value:"all",children:"Tất cả trạng th\xe1i"}),(0,n.jsx)("option",{value:"active",children:"Chỉ key đang bật"}),(0,n.jsx)("option",{value:"inactive",children:"Chỉ key đ\xe3 tắt"})]}),tH?(0,n.jsx)(l.$n,{variant:"outline",size:"sm",onClick:()=>{te(""),ts(""),tr("all"),ta(1)},children:"X\xf3a lọc"}):null]})]}),v?(0,n.jsx)("div",{className:"rounded-2xl border border-dashed border-border p-8 text-center text-sm text-text-muted",children:"Đang tải API keys..."}):0===h.length?(0,n.jsx)("div",{className:"rounded-2xl border border-dashed border-border p-8 text-center text-sm text-text-muted",children:tH?"Kh\xf4ng t\xecm thấy API key ph\xf9 hợp bộ lọc.":"Chưa c\xf3 API key n\xe0o."}):(0,n.jsx)(L,{keys:h,copied:tx,copy:tm,isAdmin:tg,globalCavemanEnabled:eD,globalCavemanLevel:eB,onToggleActive:(e,t)=>tX(e,{isActive:t}),onApiTest:e0,onClaudeSettings:e2,onOpenCodeSettings:e5,onCodexSettings:e8,onQwenSettings:e6,onRename:(e,t)=>{let s=prompt("T\xean API key mới",t||"");s?.trim()&&tX(e,{name:s.trim()})},onRotate:e=>{e?.id&&q({title:"Đổi API key",message:"Hệ thống sẽ tạo chuỗi API key mới cho record n\xe0y v\xe0 giữ nguy\xean t\xean, owner, model, policy. Key cũ sẽ hết hiệu lực ngay sau khi đổi.",onConfirm:async()=>{q(null),O("");let t=await fetch(`/api/keys/${e.id}/rotate`,{method:"POST"}),s=await t.json().catch(()=>({}));if(!t.ok)return void O(s.error||"Kh\xf4ng đổi được API key");let n=s.rotatedKey||s.key?.key||"";n&&U(n),await tG()}})},onEditModels:e=>{eN(e),eC(c(e.allowedModels)),tW()},onEditPolicy:e=>{tg&&(eO(e),e$(b(e.limits)?g(e.limits):d))},onEditCaveman:eE,onShowCavemanInfo:eK,onCavemanTest:e_,onAssignOwner:(e,t)=>{if(!tg)return;let s=prompt("G\xe1n owner username/email",t||tb||"");null!==s&&tX(e,{ownerUser:o(s)})},onDelete:e=>{q({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()=>{q(null),(await fetch(`/api/keys/${e}`,{method:"DELETE"})).ok&&await tG()}})}}),(0,n.jsx)(C,{pagination:to,pageSize:ti,onPageChange:ta,onPageSizeChange:e=>{td(e),ta(1)},loading:v})]})}),(0,n.jsx)(l.aF,{isOpen:S,onClose:()=>$(!1),title:"Tạo API Key",size:"lg",children:(0,n.jsxs)("div",{className:"space-y-4",children:[0===Q.length?(0,n.jsx)("div",{className:"rounded-xl border border-red-500/30 bg-red-500/10 p-3 text-sm text-red-600",children:"Admin cần cấu h\xecnh default models trước khi tạo API key."}):tN?(0,n.jsxs)("div",{className:"rounded-xl border border-red-500/30 bg-red-500/10 p-3 text-sm text-red-600",children:["Bạn đ\xe3 đạt giới hạn ",tf," API keys. H\xe3y x\xf3a bớt key cũ trước khi tạo key mới."]}):(0,n.jsxs)("div",{className:"text-sm text-text-muted",children:["Key n\xe0y sẽ được tạo với quyền d\xf9ng default models v\xe0 default policy đang cấu h\xecnh trong Dashboard.",(0,n.jsx)(f,{models:Q})]}),(0,n.jsxs)("label",{className:"block",children:[(0,n.jsx)("span",{className:"mb-1 block text-xs font-medium text-text-muted",children:"T\xean API key"}),(0,n.jsx)("input",{value:I,onChange:e=>M(e.target.value),placeholder:"VD: VSCode, LibreChat, team-user",className:"w-full rounded-xl border border-border bg-background px-3 py-2 text-sm outline-none focus:border-primary"})]}),tg?(0,n.jsxs)("div",{className:"space-y-3 rounded-xl border border-border p-3",children:[(0,n.jsx)("div",{className:"text-sm font-medium",children:"Owner user"}),(0,n.jsxs)("div",{className:"flex gap-2",children:[(0,n.jsx)("input",{value:H,onChange:e=>G(e.target.value),placeholder:"Nhập từ kh\xf3a rồi bấm Tải",className:"min-w-0 flex-1 rounded-xl border border-border bg-background px-3 py-2 text-sm outline-none focus:border-primary"}),(0,n.jsx)(l.$n,{variant:"outline",onClick:()=>tY(H),disabled:W,children:W?"Đang tải":"Tải LDAP"})]}),(0,n.jsxs)("select",{value:T,onChange:e=>F(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,n.jsxs)("option",{value:tb||"",children:["G\xe1n cho t\xf4i (",tb||"local",")"]}),tq.map(e=>(0,n.jsx)("option",{value:e.id,children:e.label},e.id))]}),(0,n.jsx)("input",{value:K,onChange:e=>_(e.target.value),placeholder:"username hoặc email, kh\xf4ng bắt buộc",className:"w-full rounded-xl border border-border bg-background px-3 py-2 text-sm outline-none focus:border-primary"}),(0,n.jsx)("p",{className:"text-xs text-text-muted",children:"LDAP kh\xf4ng tự tải khi mở trang để giảm thời gian load. C\xf3 thể nhập owner thủ c\xf4ng hoặc nhập từ kh\xf3a rồi bấm Tải LDAP."})]}):(0,n.jsxs)("p",{className:"rounded-xl border border-border bg-surface p-3 text-sm text-text-muted",children:["Owner: ",tb||"user hiện tại"]}),(0,n.jsxs)("div",{className:"flex justify-end gap-2",children:[(0,n.jsx)(l.$n,{variant:"ghost",onClick:()=>$(!1),children:"Hủy"}),(0,n.jsx)(l.$n,{onClick:tQ,disabled:tz,children:J?"Đang tạo...":"Tạo"})]})]})}),(0,n.jsx)(l.aF,{isOpen:!!eZ,onClose:()=>e0(null),title:"API Test bằng curl Windows",size:"xl",children:(0,n.jsxs)("div",{className:"space-y-4",children:[(0,n.jsx)("p",{className:"text-sm text-text-muted",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."}),(0,n.jsxs)("div",{className:"grid gap-3 md:grid-cols-3",children:[(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"API Key"}),(0,n.jsx)("div",{className:"mt-1 text-sm",children:eZ?.name||"API Key"})]}),(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"Endpoint"}),(0,n.jsx)("div",{className:"mt-1 break-all font-mono text-sm",children:tC})]}),(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"Model test"}),(0,n.jsx)("div",{className:"mt-1 break-all font-mono text-sm",children:tP})]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:"mb-1 text-xs font-medium text-text-muted",children:"Lệnh curl cho Windows CMD"}),(0,n.jsx)("pre",{className:"overflow-auto rounded-xl border border-border bg-surface p-3 text-xs",children:tS})]}),(0,n.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,n.jsxs)("div",{className:"flex justify-end gap-2",children:[(0,n.jsx)(l.$n,{variant:"ghost",onClick:()=>e0(null),children:"Đ\xf3ng"}),(0,n.jsx)(l.$n,{onClick:()=>tm(tS,`api-test-curl-${eZ?.id||"current"}`),children:tx===`api-test-curl-${eZ?.id||"current"}`?"Đ\xe3 copy":"Copy lệnh curl"})]})]})}),(0,n.jsx)(l.aF,{isOpen:!!e1,onClose:()=>e2(null),title:"Claude Code Settings",size:"xl",children:(0,n.jsxs)("div",{className:"space-y-4",children:[(0,n.jsxs)("p",{className:"text-sm text-text-muted",children:["Copy nội dung JSON dưới đ\xe2y v\xe0o file ",(0,n.jsx)("span",{className:"font-mono",children:"%USERPROFILE%\\.claude\\settings.json"})," để Claude Code gọi qua gateway n\xe0y. Model coding d\xf9ng ",(0,n.jsx)("span",{className:"font-mono",children:t$.codingModel}),"; model fast d\xf9ng ",(0,n.jsx)("span",{className:"font-mono",children:t$.fastModel}),"."]}),(0,n.jsxs)("div",{className:"grid gap-3 md:grid-cols-3",children:[(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"API Key"}),(0,n.jsx)("div",{className:"mt-1 text-sm",children:e1?.name||"API Key"})]}),(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"Base URL"}),(0,n.jsx)("div",{className:"mt-1 break-all font-mono text-sm",children:tk})]}),(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"Model"}),(0,n.jsx)("div",{className:"mt-1 break-all font-mono text-sm",children:t$.codingModel})]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:"mb-1 text-xs font-medium text-text-muted",children:"settings.json"}),(0,n.jsx)("pre",{className:"max-h-[420px] overflow-auto rounded-xl border border-border bg-surface p-3 text-xs",children:tI})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:"mb-1 text-xs font-medium text-text-muted",children:"C\xe0i v\xe0 chạy Claude Code CLI tr\xean Windows"}),(0,n.jsx)("pre",{className:"overflow-auto rounded-xl border border-border bg-surface p-3 text-xs",children:tM})]}),(0,n.jsx)("div",{className:"rounded-xl border border-amber-500/30 bg-amber-500/10 p-3 text-xs text-amber-700 dark:text-amber-300",children:"Lưu \xfd: 2 d\xf2ng auto-compact/context window đ\xe3 được comment sẵn; chỉ uncomment khi d\xf9ng local model. Nếu c\xe0i bằng npm th\xec m\xe1y cần c\xe0i Node.js trước. Chạy Claude Code trong thư mục project, kh\xf4ng chạy trong C:\\WINDOWS\\system32. Nếu d\xf9ng model fast ri\xeang như programmer-fast th\xec API key n\xe0y cũng phải được ph\xe9p d\xf9ng model đ\xf3 trong cột Model."}),(0,n.jsxs)("div",{className:"flex flex-wrap justify-end gap-2",children:[(0,n.jsx)(l.$n,{variant:"ghost",onClick:()=>e2(null),children:"Đ\xf3ng"}),(0,n.jsx)(l.$n,{variant:"outline",onClick:()=>tm(tM,`claude-code-help-${e1?.id||"current"}`),children:tx===`claude-code-help-${e1?.id||"current"}`?"Đ\xe3 copy hướng dẫn":"Copy hướng dẫn"}),(0,n.jsx)(l.$n,{onClick:()=>tm(tI,`claude-code-settings-${e1?.id||"current"}`),children:tx===`claude-code-settings-${e1?.id||"current"}`?"Đ\xe3 copy settings":"Copy settings.json"})]})]})}),(0,n.jsx)(l.aF,{isOpen:!!e3,onClose:()=>e5(null),title:"OpenCode Settings",size:"xl",children:(0,n.jsxs)("div",{className:"space-y-4",children:[(0,n.jsxs)("p",{className:"text-sm text-text-muted",children:["Copy JSON dưới đ\xe2y v\xe0o file ",(0,n.jsx)("span",{className:"font-mono",children:"%APPDATA%\\opencode\\opencode.json"})," hoặc ",(0,n.jsx)("span",{className:"font-mono",children:"opencode.json"})," trong project. Model ch\xednh d\xf9ng ",(0,n.jsx)("span",{className:"font-mono",children:tT.codingModel}),"; explorer/fast d\xf9ng ",(0,n.jsx)("span",{className:"font-mono",children:tT.fastModel}),"."]}),(0,n.jsxs)("div",{className:"grid gap-3 md:grid-cols-4",children:[(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"API Key"}),(0,n.jsx)("div",{className:"mt-1 text-sm",children:e3?.name||"API Key"})]}),(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"Base URL"}),(0,n.jsx)("div",{className:"mt-1 break-all font-mono text-sm",children:tk})]}),(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"Model ch\xednh"}),(0,n.jsx)("div",{className:"mt-1 break-all font-mono text-sm",children:tT.codingModel})]}),(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"Model fast"}),(0,n.jsx)("div",{className:"mt-1 break-all font-mono text-sm",children:tT.fastModel})]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:"mb-1 text-xs font-medium text-text-muted",children:"opencode.json"}),(0,n.jsx)("pre",{className:"max-h-[420px] overflow-auto rounded-xl border border-border bg-surface p-3 text-xs",children:tE})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:"mb-1 text-xs font-medium text-text-muted",children:"C\xe0i v\xe0 chạy OpenCode tr\xean Windows PowerShell"}),(0,n.jsx)("pre",{className:"overflow-auto rounded-xl border border-border bg-surface p-3 text-xs",children:tF})]}),(0,n.jsxs)("div",{className:"rounded-xl border border-amber-500/30 bg-amber-500/10 p-3 text-xs text-amber-700 dark:text-amber-300",children:["Lưu \xfd: API key n\xe0y cần được ph\xe9p gọi cả ",tT.codingModel," v\xe0 ",tT.fastModel,". Nếu OpenCode đang d\xf9ng đường dẫn config kh\xe1c, c\xf3 thể đặt file opencode.json ngay trong thư mục project."]}),(0,n.jsxs)("div",{className:"flex flex-wrap justify-end gap-2",children:[(0,n.jsx)(l.$n,{variant:"ghost",onClick:()=>e5(null),children:"Đ\xf3ng"}),(0,n.jsx)(l.$n,{variant:"outline",onClick:()=>tm(tF,`opencode-help-${e3?.id||"current"}`),children:tx===`opencode-help-${e3?.id||"current"}`?"Đ\xe3 copy hướng dẫn":"Copy hướng dẫn"}),(0,n.jsx)(l.$n,{onClick:()=>tm(tE,`opencode-settings-${e3?.id||"current"}`),children:tx===`opencode-settings-${e3?.id||"current"}`?"Đ\xe3 copy settings":"Copy opencode.json"})]})]})}),(0,n.jsx)(l.aF,{isOpen:!!e4,onClose:()=>e8(null),title:"Codex Settings",size:"xl",children:(0,n.jsxs)("div",{className:"space-y-4",children:[(0,n.jsxs)("p",{className:"text-sm text-text-muted",children:["Copy TOML dưới đ\xe2y v\xe0o file ",(0,n.jsx)("span",{className:"font-mono",children:"%USERPROFILE%\\.codex\\config.toml"}),". API key được set bằng biến m\xf4i trường ",(0,n.jsx)("span",{className:"font-mono",children:"OPENAI_API_KEY"}),". Model ch\xednh d\xf9ng ",(0,n.jsx)("span",{className:"font-mono",children:tK.codingModel}),"; profile fast d\xf9ng ",(0,n.jsx)("span",{className:"font-mono",children:tK.fastModel}),"."]}),(0,n.jsxs)("div",{className:"grid gap-3 md:grid-cols-3",children:[(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"API Key"}),(0,n.jsx)("div",{className:"mt-1 text-sm",children:e4?.name||"API Key"})]}),(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"Base URL"}),(0,n.jsx)("div",{className:"mt-1 break-all font-mono text-sm",children:tk})]}),(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"Model"}),(0,n.jsx)("div",{className:"mt-1 break-all font-mono text-sm",children:tK.codingModel})]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:"mb-1 text-xs font-medium text-text-muted",children:"config.toml"}),(0,n.jsx)("pre",{className:"max-h-[420px] overflow-auto rounded-xl border border-border bg-surface p-3 text-xs",children:tL})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:"mb-1 text-xs font-medium text-text-muted",children:"C\xe0i v\xe0 chạy Codex tr\xean Windows PowerShell"}),(0,n.jsx)("pre",{className:"overflow-auto rounded-xl border border-border bg-surface p-3 text-xs",children:t_})]}),(0,n.jsx)("div",{className:"rounded-xl border border-amber-500/30 bg-amber-500/10 p-3 text-xs text-amber-700 dark:text-amber-300",children:"Lưu \xfd: c\xe1c d\xf2ng context window v\xe0 auto-compact đ\xe3 được comment sẵn; chỉ uncomment khi d\xf9ng local model. Nếu c\xe0i bằng npm th\xec m\xe1y cần c\xe0i Node.js trước. Hướng dẫn đ\xe3 tự tạo config.toml v\xe0 set biến m\xf4i trường cho phi\xean PowerShell hiện tại; setx chỉ lưu lại cho terminal mở sau. Codex d\xf9ng OpenAI-compatible endpoint của BlueRouter."}),(0,n.jsxs)("div",{className:"flex flex-wrap justify-end gap-2",children:[(0,n.jsx)(l.$n,{variant:"ghost",onClick:()=>e8(null),children:"Đ\xf3ng"}),(0,n.jsx)(l.$n,{variant:"outline",onClick:()=>tm(t_,`codex-help-${e4?.id||"current"}`),children:tx===`codex-help-${e4?.id||"current"}`?"Đ\xe3 copy hướng dẫn":"Copy hướng dẫn"}),(0,n.jsx)(l.$n,{onClick:()=>tm(tL,`codex-settings-${e4?.id||"current"}`),children:tx===`codex-settings-${e4?.id||"current"}`?"Đ\xe3 copy settings":"Copy config.toml"})]})]})}),(0,n.jsx)(l.aF,{isOpen:!!e7,onClose:()=>e6(null),title:"Qwen Code Settings",size:"xl",children:(0,n.jsxs)("div",{className:"space-y-4",children:[(0,n.jsxs)("p",{className:"text-sm text-text-muted",children:["Copy JSON dưới đ\xe2y v\xe0o file ",(0,n.jsx)("span",{className:"font-mono",children:"%USERPROFILE%\\.qwen\\settings.json"})," để Qwen Code gọi qua OpenAI-compatible endpoint của BlueRouter. Model ch\xednh d\xf9ng ",(0,n.jsx)("span",{className:"font-mono",children:tR.codingModel}),"; model fast d\xf9ng ",(0,n.jsx)("span",{className:"font-mono",children:tR.fastModel}),"."]}),(0,n.jsxs)("div",{className:"grid gap-3 md:grid-cols-3",children:[(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"API Key"}),(0,n.jsx)("div",{className:"mt-1 text-sm",children:e7?.name||"API Key"})]}),(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"Base URL"}),(0,n.jsx)("div",{className:"mt-1 break-all font-mono text-sm",children:tk})]}),(0,n.jsxs)("div",{className:"rounded-xl border border-border bg-surface p-3",children:[(0,n.jsx)("div",{className:"text-xs text-text-muted",children:"Model"}),(0,n.jsx)("div",{className:"mt-1 break-all font-mono text-sm",children:tR.codingModel})]})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:"mb-1 text-xs font-medium text-text-muted",children:"settings.json"}),(0,n.jsx)("pre",{className:"max-h-[420px] overflow-auto rounded-xl border border-border bg-surface p-3 text-xs",children:tU})]}),(0,n.jsxs)("div",{children:[(0,n.jsx)("div",{className:"mb-1 text-xs font-medium text-text-muted",children:"C\xe0i v\xe0 chạy Qwen Code tr\xean Windows PowerShell"}),(0,n.jsx)("pre",{className:"overflow-auto rounded-xl border border-border bg-surface p-3 text-xs",children:tD})]}),(0,n.jsx)("div",{className:"rounded-xl border border-amber-500/30 bg-amber-500/10 p-3 text-xs text-amber-700 dark:text-amber-300",children:"Lưu \xfd: hướng dẫn đ\xe3 tự tạo settings.json hợp lệ v\xe0 set biến m\xf4i trường cho phi\xean PowerShell hiện tại. setx chỉ lưu lại cho terminal mở sau. Qwen Code hỗ trợ OpenAI-compatible provider n\xean d\xf9ng tốt với BlueRouter."}),(0,n.jsxs)("div",{className:"flex flex-wrap justify-end gap-2",children:[(0,n.jsx)(l.$n,{variant:"ghost",onClick:()=>e6(null),children:"Đ\xf3ng"}),(0,n.jsx)(l.$n,{variant:"outline",onClick:()=>tm(tD,`qwen-code-help-${e7?.id||"current"}`),children:tx===`qwen-code-help-${e7?.id||"current"}`?"Đ\xe3 copy hướng dẫn":"Copy hướng dẫn"}),(0,n.jsx)(l.$n,{onClick:()=>tm(tU,`qwen-code-settings-${e7?.id||"current"}`),children:tx===`qwen-code-settings-${e7?.id||"current"}`?"Đ\xe3 copy settings":"Copy settings.json"})]})]})}),(0,n.jsx)(E,{apiKey:eL,fallbackModels:Q,onClose:()=>e_(null)}),(0,n.jsx)(A,{apiKey:eT,globalEnabled:eD,globalLevel:eB,onClose:()=>eE(null),onSave:t2,saving:eR}),(0,n.jsx)(A,{apiKey:eF,globalEnabled:eD,globalLevel:eB,onClose:()=>eK(null),onSave:()=>{},saving:!1,infoOnly:!0}),(0,n.jsx)(N,{open:!!ey,keyName:ey?.name,models:ek,setModels:eC,activeProviders:eu,modelAliases:ep,onClose:()=>{eN(null),eC([])},onSave:tZ,saving:ew,personalOnly:!tg,extraModels:Q}),(0,n.jsx)(y,{isOpen:eo,keyName:"Default cho API key mới",policy:el,setPolicy:ea,onClose:()=>{ec(!1),ea(en||d)},onSave:tV,saving:ei}),(0,n.jsx)(y,{isOpen:!!eA,keyName:eA?.name,policy:eS,setPolicy:e$,onClose:()=>{eO(null),e$(d)},onSave:t0,onClear:t1,saving:eI}),(0,n.jsx)(l.rq,{isOpen:ex,onClose:()=>em(!1),onSelect:e=>{let t=String(e?.value||e?.name||e||"").trim();t&&ee(e=>c([...e,t]))},onDeselect:e=>{let t=String(e?.value||e?.name||e||"").trim();t&&ee(e=>c(e).filter(e=>e!==t))},activeProviders:eu,modelAliases:ep,title:"Chọn default models cho API key",addedModelValues:Z,closeOnSelect:!1}),D?(0,n.jsx)(l.uo,{isOpen:!!D,onClose:()=>q(null),onConfirm:D.onConfirm,title:D.title,message:D.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,2691,9959,1997,5564,5263,5497,8441,3794,7358],()=>e(e.s=84223)),_N_E=e.O()}]);

package/app/.next-cli-build/static/chunks/app/(dashboard)/dashboard/basic-chat/{page-c63dc82bb5c6b087.js → page-35c53c32b069f7a4.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4465],{35911:(e,t,r)=>{Promise.resolve().then(r.bind(r,88512))},88512:(e,t,r)=>{"use strict";r.d(t,{default:()=>g});var s=r(95155),a=r(12115),i=r(35497),l=r(28777),n=r(52679);let o="basic-chat.sessions",d="basic-chat.activeSessionId",c="basic-chat.activeProviderId",m="basic-chat.draft";function u(){return globalThis.crypto?.randomUUID?globalThis.crypto.randomUUID():`chat_${Date.now()}_${Math.random().toString(16).slice(2)}`}function p(e){if("string"==typeof e)return e;if(null==e)return"";if(Array.isArray(e))return e.map(p).filter(Boolean).join(" ");if("object"==typeof e){if("string"==typeof e.message)return e.message;if("string"==typeof e.error)return e.error;try{return JSON.stringify(e)}catch{}}return String(e)}function h(e=""){let t=p(e).replace(/\s+/g," ").trim();return t?t.length>52?`${t.slice(0,52).trimEnd()}…`:t:"New chat"}async function x(e){return await new Promise((t,r)=>{let s=new FileReader;s.onload=()=>t(String(s.result||"")),s.onerror=()=>r(s.error||Error("Failed to read file")),s.readAsDataURL(e)})}function f(e){return e?.name||function(e=""){return String(e).replace(/[-_]/g," ").replace(/\b\w/g,e=>e.toUpperCase()).trim()||"Unknown"}(e?.provider||e?.id||"provider")}function g(){let[e,t]=(0,a.useState)([]),[r,g]=(0,a.useState)(!0),[w,v]=(0,a.useState)(""),[b,N]=(0,a.useState)(()=>{try{let e=function(e,t){try{return JSON.parse(e)}catch{return t}}(globalThis.localStorage.getItem(o),[]);return Array.isArray(e)?e.map(e=>({...e,messages:Array.isArray(e.messages)?e.messages:[]})):[]}catch{return[]}}),[y,j]=(0,a.useState)(()=>globalThis.localStorage.getItem(d)||""),[S,I]=(0,a.useState)(()=>globalThis.localStorage.getItem(c)||""),[A,k]=(0,a.useState)(""),[D,O]=(0,a.useState)(()=>globalThis.localStorage.getItem(m)||""),[$,C]=(0,a.useState)([]),[_,M]=(0,a.useState)(!1),[E,T]=(0,a.useState)(""),[U,R]=(0,a.useState)(""),[z,q]=(0,a.useState)(!1),[P,J]=(0,a.useState)(!1),[B,F]=(0,a.useState)(!1),K=(0,a.useRef)(null),L=(0,a.useRef)(null),W=(0,a.useRef)(!1),H=(0,a.useRef)(null),Y=(0,a.useRef)(null);(0,a.useEffect)(()=>{q(!0)},[]),(0,a.useEffect)(()=>{let e=!1;return async function(){g(!0),v("");try{let r=await fetch("/api/providers",{cache:"no-store"}),s=await r.json().catch(()=>({})),a=Array.isArray(s.connections)?s.connections.filter(e=>e?.isActive!==!1):[];if(0===a.length){e||(t([]),v("No providers connected yet."));return}let i=new Map;for(let e of a){let t=e.provider||e.id,r=f(e),s=(0,n.mq)(t)?"openai-compatible":(0,n.gb)(t)?"anthropic-compatible":t;i.has(t)||i.set(t,{providerId:t,providerName:r,providerType:s,connections:[],models:[]});let a=i.get(t);a.providerName=a.providerName||r,a.providerType=a.providerType||s,a.connections.push(e);let o=(0,l.KC)(t).map(t=>t?.id?{id:`${e.provider}/${t.id}`,requestModel:`${e.provider}/${t.id}`,name:t.name||t.id,providerId:e.provider,providerName:f(e),source:"static"}:null).filter(Boolean);a.models.push(...o)}for(let e of(await Promise.all(a.map(async e=>{try{let t=await fetch(`/api/providers/${e.id}/models`,{cache:"no-store"}),r=await t.json().catch(()=>({}));if(!t.ok)return{connection:e,models:[]};let s=(Array.isArray(r?.models)?r.models:Array.isArray(r?.data)?r.data:Array.isArray(r?.results)?r.results:Array.isArray(r)?r:[]).map(t=>(function(e,t){let r="string"==typeof e?e:e?.id||e?.name||e?.model||"";if(!r)return null;let s="string"==typeof e?e:e?.name||e?.displayName||r,a=r;return((0,n.mq)(t.provider)||(0,n.gb)(t.provider))&&!r.includes("/")&&(a=`${t.provider}/${r}`),{id:a,requestModel:a,name:s,providerId:t.provider,providerName:f(t),source:"live"}})(t,e)).filter(Boolean);return{connection:e,models:s}}catch{return{connection:e,models:[]}}})))){let t=e.connection.provider||e.connection.id,r=i.get(t);r&&r.models.push(...e.models)}let o=Array.from(i.values()).map(e=>({...e,models:(function(e){let t=new Map;for(let r of e)r?.id&&(t.has(r.id)||t.set(r.id,r));return Array.from(t.values())})(e.models).sort((e,t)=>e.name.localeCompare(t.name))})).filter(e=>e.models.length>0).sort((e,t)=>e.providerName.localeCompare(t.providerName));e||(t(o),0===o.length&&v("Providers connected but no models available."))}catch(r){e||(v(p(r?.message)||"Failed to load providers/models."),t([]))}finally{e||g(!1)}}(),()=>{e=!0}},[]),(0,a.useEffect)(()=>{let e=e=>{H.current&&!H.current.contains(e.target)&&J(!1),Y.current&&!Y.current.contains(e.target)&&F(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]);let G=(0,a.useMemo)(()=>{let t=new Map;for(let r of e)for(let e of r.models)t.set(e.id,{...e,providerId:r.providerId,providerName:r.providerName});return t},[e]),Q=(0,a.useMemo)(()=>e.find(e=>e.providerId===S)||e[0]||null,[e,S]),V=(0,a.useMemo)(()=>{if(A&&G.has(A))return G.get(A);if(y){let e=b.find(e=>e.id===y);if(e?.modelId&&G.has(e.modelId))return G.get(e.modelId)}return Q?.models?.[0]||null},[A,G,Q,b,y]),X=(0,a.useMemo)(()=>b.find(e=>e.id===y)||null,[b,y]),Z=X?.messages||[],ee=(0,a.useMemo)(()=>[...b].sort((e,t)=>new Date(t.updatedAt).getTime()-new Date(e.updatedAt).getTime()),[b]),et=!_&&!!V&&(D.trim().length>0||$.length>0);(0,a.useEffect)(()=>{if(z)try{globalThis.localStorage.setItem(o,JSON.stringify(b)),globalThis.localStorage.setItem(d,y),globalThis.localStorage.setItem(c,S),globalThis.localStorage.setItem(m,D)}catch{}},[z,b,y,S,D]),(0,a.useEffect)(()=>{if(!z||r||W.current||0===e.length)return;let t=e.find(e=>e.providerId===S)||e[0],s=A&&G.has(A)?G.get(A):t.models[0];if(b.length>0){let e=b.find(e=>e.id===y)||b[0],r=e?.modelId&&G.has(e.modelId)?G.get(e.modelId):s;W.current=!0,j(e.id),I(r?.providerId||t.providerId),k(r?.id||s.id);return}let a={id:u(),title:"New chat",providerId:t.providerId,providerName:t.providerName,modelId:s.id,modelName:s.name,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),messages:[]};W.current=!0,N([a]),j(a.id),I(t.providerId),k(s.id)},[z,r,e,G,b,y,S,A]);let er=(e,t)=>{N(r=>r.map(r=>r.id===e?t({...r,messages:Array.isArray(r.messages)?r.messages.map(e=>({...e})):[]}):r))},es=e=>e?{id:u(),title:"New chat",providerId:e.providerId,providerName:e.providerName,modelId:e.id,modelName:e.name,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),messages:[]}:null,ea=async e=>{let t=Array.from(e.target.files||[]);if(0===t.length)return;let r=t.filter(e=>e.type.startsWith("image/"));if(0===r.length){e.target.value="";return}let s=await Promise.all(r.map(async e=>({id:u(),name:e.name,type:e.type,size:e.size,dataUrl:await x(e)})));C(e=>[...e,...s]),e.target.value=""},ei=async()=>{let e=V||Q?.models?.[0]||null;if(!e)return;let t=D.trim();if(!t&&0===$.length)return;let r=y,s=b.find(e=>e.id===r);if(!s){if(!(s=es(e)))return;r=s.id,N(e=>[s,...e]),j(r)}let a={id:u(),role:"user",content:t,attachments:$.map(e=>({id:e.id,name:e.name,type:e.type,dataUrl:e.dataUrl})),createdAt:new Date().toISOString()},i=u(),l={id:i,role:"assistant",content:"",createdAt:new Date().toISOString(),status:"streaming"},n=[...s.messages||[],a,l];N(s=>s.map(s=>s.id===r?{...s,providerId:e.providerId,providerName:e.providerName,modelId:e.id,modelName:e.name,messages:n,updatedAt:new Date().toISOString(),title:"New chat"===s.title?h(t):s.title}:s)),O(""),C([]),M(!0),T(i),R(""),L.current?.abort(),L.current=new AbortController;let o=n.filter(e=>"assistant"!==e.role||e.id!==i).map(e=>({role:e.role,content:"user"===e.role?function(e){let t=p(e.content).trim(),r=Array.isArray(e.attachments)?e.attachments:[];if(0===r.length)return t;let s=[];for(let e of(t&&s.push({type:"text",text:t}),r))e?.dataUrl&&s.push({type:"image_url",image_url:{url:e.dataUrl}});return s.length>0?s:t}(e):e.content}));try{var d;let s,a=await fetch("/api/dashboard/chat/completions",{method:"POST",headers:{"Content-Type":"application/json",Accept:"text/event-stream"},body:JSON.stringify({model:e.requestModel||e.id,messages:o,stream:!0}),signal:L.current.signal});if(!a.ok){let e=await a.json().catch(()=>({}));throw Error(p(e.error||e.message||`Request failed (${a.status})`))}let l=a.body?.getReader();if(!l){let e=await a.json().catch(()=>({})),t=p(e?.choices?.[0]?.message?.content||e?.output_text||e?.error||e?.message||"");er(r,e=>({...e,messages:e.messages.map(e=>e.id===i?{...e,content:t,status:"done"}:e),updatedAt:new Date().toISOString()}));return}let n=new TextDecoder,c="",m="";for(;;){let{value:e,done:t}=await l.read();if(t)break;let s=(c+=n.decode(e,{stream:!0})).split(/\r?\n/);for(let e of(c=s.pop()||"",s)){let t=e.trim();if(!t.startsWith("data:"))continue;let s=t.slice(5).trim();if(s&&"[DONE]"!==s)try{let e=JSON.parse(s),t=function(e){if(!e||"object"!=typeof e)return"";let t=e.choices?.[0];return[(t?.delta||{}).content,t?.message?.content,e.output_text,e.text].map(p).filter(Boolean)[0]||""}(e);if(!t)continue;m+=t,R(m),er(r,e=>({...e,messages:e.messages.map(e=>e.id===i?{...e,content:m,status:"streaming"}:e),updatedAt:new Date().toISOString()}))}catch{}}}er(r,e=>({...e,messages:e.messages.map(e=>e.id===i?{...e,content:m||e.content,status:"done"}:e),updatedAt:new Date().toISOString()})),d=r,s=h(t),er(d,e=>({...e,title:"New chat"===e.title?s:e.title,updatedAt:new Date().toISOString()}))}catch(e){if("AbortError"!==e.name){let t=p(e?.message||e);er(r,e=>({...e,messages:e.messages.map(e=>e.id===i?{...e,content:e.content||`Error: ${t}`,status:"error"}:e),updatedAt:new Date().toISOString()})),v(t||"Failed to send message.")}}finally{M(!1),T(""),R(""),L.current=null}},el=V?`${V.name}`:"Select model",en=V?V.requestModel:"Choose from connected providers";return(0,s.jsx)("div",{className:"relative flex-1 flex flex-col h-full min-h-0 min-w-0 bg-[#212121] text-white overflow-hidden",children:(0,s.jsxs)("div",{className:"relative mx-auto flex flex-1 h-full min-h-0 w-full max-w-4xl flex-col",children:[(0,s.jsxs)("div",{className:"flex shrink-0 items-center justify-between gap-3 px-4 py-3 lg:px-6",children:[(0,s.jsxs)("div",{ref:H,className:"relative",children:[(0,s.jsx)("button",{type:"button",onClick:()=>J(e=>!e),className:"flex items-center gap-3 rounded-2xl border border-white/10 bg-white/5 px-4 py-3 text-left transition hover:bg-white/8",children:(0,s.jsxs)("div",{className:"min-w-0",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("span",{className:"text-sm font-semibold text-white",children:el}),(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px] text-white/70",children:"expand_more"})]}),(0,s.jsx)("p",{className:"truncate text-xs text-white/55",children:en})]})}),P?(0,s.jsxs)("div",{className:"absolute left-0 top-[calc(100%+10px)] z-30 w-[min(520px,calc(100vw-2rem))] overflow-hidden rounded-[20px] border border-white/10 bg-[#262626] shadow-2xl shadow-black/50",children:[(0,s.jsxs)("div",{className:"border-b border-white/10 px-4 py-3",children:[(0,s.jsx)("p",{className:"text-xs uppercase tracking-[0.22em] text-white/45",children:"Models"}),(0,s.jsx)("p",{className:"text-sm text-white/75",children:"Only from connected providers"})]}),(0,s.jsx)("div",{className:"max-h-[60vh] overflow-y-auto p-2 custom-scrollbar",children:e.map(e=>(0,s.jsxs)("div",{className:"mb-2 rounded-[16px] border border-white/10 bg-black/20 p-2",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between px-2 py-2",children:[(0,s.jsx)("p",{className:"text-sm font-semibold text-white",children:e.providerName}),(0,s.jsx)(i.Ex,{size:"sm",variant:"default",children:e.models.length})]}),(0,s.jsx)("div",{className:"grid gap-2 sm:grid-cols-2",children:e.models.map(e=>{let t=e.id===A;return(0,s.jsx)("button",{type:"button",onClick:()=>(e=>{let t=G.get(e);if(!t)return;let r=b.find(e=>e.id===y);if(r&&r.messages.length>0){let e=es(t);if(!e)return;N(t=>[e,...t]),j(e.id)}else if(r)N(e=>e.map(e=>e.id===r.id?{...e,providerId:t.providerId,providerName:t.providerName,modelId:t.id,modelName:t.name}:e)),j(r.id);else{let e=es(t);if(!e)return;N(t=>[e,...t]),j(e.id)}I(t.providerId),k(t.id),J(!1)})(e.id),className:`rounded-[14px] border px-3 py-3 text-left transition ${t?"border-blue-400/40 bg-blue-500/15":"border-white/10 bg-white/5 hover:bg-white/8"}`,children:(0,s.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,s.jsxs)("div",{className:"min-w-0",children:[(0,s.jsx)("p",{className:"truncate text-sm font-medium text-white",children:e.name}),(0,s.jsx)("p",{className:"truncate text-[11px] text-white/45",children:e.requestModel})]}),t?(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px] text-blue-300",children:"check_circle"}):null]})},e.id)})})]},e.providerId))})]}):null]}),(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("button",{type:"button",onClick:()=>F(e=>!e),className:"rounded-2xl border border-white/10 bg-white/5 px-4 py-3 text-sm text-white/80 transition hover:bg-white/8",children:"History"}),(0,s.jsx)(i.$n,{variant:"ghost",size:"sm",icon:"delete",onClick:()=>{if(!y)return;let e=b.filter(e=>e.id!==y),t=e[0]||null;N(e),t?(j(t.id),I(t.providerId),k(t.modelId)):(j(""),I(""),k(""))},disabled:!y||0===b.length,children:"Clear"})]})]}),B?(0,s.jsxs)("div",{ref:Y,className:"absolute right-4 top-[72px] z-20 w-[min(360px,calc(100vw-2rem))] rounded-[20px] border border-white/10 bg-[#262626] p-2 shadow-2xl shadow-black/50 lg:right-6",children:[(0,s.jsx)("div",{className:"px-3 py-2",children:(0,s.jsx)("p",{className:"text-xs uppercase tracking-[0.22em] text-white/45",children:"Recent chats"})}),(0,s.jsx)("div",{className:"max-h-[48vh] space-y-2 overflow-y-auto p-1 custom-scrollbar",children:0===ee.length?(0,s.jsx)("div",{className:"rounded-[16px] border border-dashed border-white/10 bg-white/5 p-4 text-sm text-white/55",children:"No conversations yet."}):ee.map(e=>{let t=e.id===y,r=[...e.messages||[]].reverse().find(e=>"user"===e.role)||e.messages?.[0];return(0,s.jsx)("button",{type:"button",onClick:()=>{var t;let r;return t=e.id,void((r=b.find(e=>e.id===t))&&(j(t),I(r.providerId||S),k(r.modelId||A),F(!1)))},className:`w-full rounded-[16px] border px-3 py-3 text-left transition ${t?"border-blue-400/40 bg-blue-500/15":"border-white/10 bg-white/5 hover:bg-white/8"}`,children:(0,s.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,s.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,s.jsx)("p",{className:"truncate text-sm font-medium text-white",children:e.title}),(0,s.jsx)("p",{className:"mt-1 truncate text-xs text-white/50",children:p(r?.content)||"Empty chat"})]}),(0,s.jsx)("span",{className:"text-[10px] text-white/40 shrink-0",children:function(e){if(!e)return"Now";let t=new Date(e).getTime();if(Number.isNaN(t))return"Now";let r=Math.max(1,Math.round((Date.now()-t)/6e4));if(r<60)return`${r}m`;let s=Math.round(r/60);return s<24?`${s}h`:`${Math.round(s/24)}d`}(e.updatedAt)})]})},e.id)})})]}):null,w?(0,s.jsx)("div",{className:"mt-4 rounded-[18px] border border-rose-500/20 bg-rose-500/10 px-4 py-3 text-rose-100",children:(0,s.jsxs)("div",{className:"flex items-start gap-3",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"error"}),(0,s.jsx)("p",{className:"text-sm leading-6",children:w})]})}):null,(0,s.jsxs)("div",{className:"flex flex-1 flex-col min-h-0",children:[(0,s.jsxs)("div",{className:"flex-1 overflow-y-auto py-4 custom-scrollbar",children:[0===Z.length?(0,s.jsx)("div",{className:"flex min-h-[50vh] items-center justify-center px-4 text-center",children:(0,s.jsxs)("div",{className:"max-w-xl space-y-4",children:[(0,s.jsx)("div",{className:"mx-auto flex size-16 items-center justify-center rounded-[20px] border border-white/10 bg-white/5 text-white/80",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[30px]",children:"chat"})}),(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsx)("h2",{className:"text-2xl font-semibold text-white",children:"Start a conversation"}),(0,s.jsx)("p",{className:"text-sm leading-6 text-white/60",children:"Simple chat interface to interact with any AI model from connected providers. Select a model and start chatting!"})]})]})}):null,(0,s.jsx)("div",{className:"mx-auto flex w-full max-w-3xl flex-col gap-4 px-4",children:Z.map(e=>{let t="user"===e.role,r="assistant"===e.role,a=r&&e.id===E&&"streaming"===e.status,i=p(e.content)||(r?U:"");return(0,s.jsx)("div",{className:`flex w-full ${t?"justify-end":"justify-start"} mb-6`,children:(0,s.jsxs)("div",{className:`max-w-[min(88%,42rem)] ${t?"rounded-3xl bg-[#2f2f2f] px-5 py-3.5 text-white":"text-white/90"}`,children:[(0,s.jsx)("div",{className:"mb-1 flex items-center justify-between gap-3",children:(0,s.jsx)("span",{className:"text-xs font-semibold",children:t?"You":V?.name||"Assistant"})}),e.attachments?.length?(0,s.jsx)("div",{className:"mb-3 grid grid-cols-2 gap-2 sm:grid-cols-3 mt-2",children:e.attachments.map(e=>(0,s.jsx)("a",{href:e.dataUrl,target:"_blank",rel:"noreferrer",className:"overflow-hidden rounded-[18px] border border-white/10 bg-black/20",children:(0,s.jsx)("img",{src:e.dataUrl,alt:e.name,className:"h-28 w-full object-cover"})},e.id))}):null,(0,s.jsxs)("div",{className:"whitespace-pre-wrap break-words text-[15px] leading-7",children:[i,r&&a&&!U?(0,s.jsx)("span",{className:"inline-block animate-pulse",children:"▋"}):null]})]})},e.id)})})]}),(0,s.jsxs)("div",{className:"shrink-0 pt-2",children:[$.length>0?(0,s.jsx)("div",{className:"mx-auto mb-3 flex w-full max-w-3xl flex-wrap gap-2 px-4",children:$.map(e=>(0,s.jsxs)("div",{className:"flex items-center gap-2 rounded-full border border-white/10 bg-white/5 px-3 py-2",children:[(0,s.jsx)("span",{className:"text-xs text-white/80 max-w-[12rem] truncate",children:e.name}),(0,s.jsx)("button",{type:"button",onClick:()=>{var t;return t=e.id,void C(e=>e.filter(e=>e.id!==t))},className:"text-white/55 hover:text-white","aria-label":"Remove attachment",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"close"})})]},e.id))}):null,(0,s.jsx)("div",{className:"mx-auto w-full max-w-3xl px-4 pb-2",children:(0,s.jsxs)("div",{className:"rounded-[26px] bg-[#2f2f2f] px-3 pt-3 pb-2 shadow-[0_0_15px_rgba(0,0,0,0.10)] ring-1 ring-white/5",children:[(0,s.jsx)("textarea",{value:D,onChange:e=>O(e.target.value),onKeyDown:e=>{"Enter"===e.key&&!e.shiftKey&&(e.preventDefault(),et&&ei())},placeholder:"Message AI",rows:1,className:"w-full resize-none bg-transparent px-2 text-[15px] leading-6 text-white outline-none placeholder:text-white/40 custom-scrollbar max-h-[25vh] overflow-y-auto"}),(0,s.jsxs)("div",{className:"mt-2 flex items-center justify-between gap-3",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("button",{type:"button",onClick:()=>K.current?.click(),disabled:!V||r,className:"p-2 text-white/50 hover:text-white transition rounded-full hover:bg-white/5",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"attach_file"})}),(0,s.jsx)("input",{ref:K,type:"file",accept:"image/*",multiple:!0,className:"hidden",onChange:ea}),(0,s.jsx)("span",{className:"text-xs font-medium text-white/30 truncate max-w-[120px]",children:V?V.name:"No model"})]}),(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[_?(0,s.jsx)("button",{type:"button",onClick:()=>{L.current?.abort()},className:"p-2 text-white bg-white/10 hover:bg-white/20 transition rounded-full h-8 w-8 flex items-center justify-center",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"stop"})}):null,(0,s.jsx)("button",{onClick:ei,disabled:!et,className:`h-8 w-8 rounded-full flex items-center justify-center transition ${et?"bg-white text-black hover:opacity-90":"bg-white/10 text-white/30 cursor-not-allowed"}`,children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"arrow_upward"})})]})]})]})})]}),(0,s.jsx)("p",{className:"mx-auto mt-2 max-w-3xl px-4 pb-4 text-center text-[11px] text-white/30",children:"Model list is filtered from connected providers."})]})]})})}}},e=>{e.O(0,[2574,3862,506,9959,1997,5564,5263,5497,8441,3794,7358],()=>e(e.s=35911)),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4465],{35911:(e,t,r)=>{Promise.resolve().then(r.bind(r,88512))},88512:(e,t,r)=>{"use strict";r.d(t,{default:()=>g});var s=r(95155),a=r(12115),i=r(35497),l=r(28777),n=r(52679);let o="basic-chat.sessions",d="basic-chat.activeSessionId",c="basic-chat.activeProviderId",m="basic-chat.draft";function u(){return globalThis.crypto?.randomUUID?globalThis.crypto.randomUUID():`chat_${Date.now()}_${Math.random().toString(16).slice(2)}`}function p(e){if("string"==typeof e)return e;if(null==e)return"";if(Array.isArray(e))return e.map(p).filter(Boolean).join(" ");if("object"==typeof e){if("string"==typeof e.message)return e.message;if("string"==typeof e.error)return e.error;try{return JSON.stringify(e)}catch{}}return String(e)}function h(e=""){let t=p(e).replace(/\s+/g," ").trim();return t?t.length>52?`${t.slice(0,52).trimEnd()}…`:t:"New chat"}async function x(e){return await new Promise((t,r)=>{let s=new FileReader;s.onload=()=>t(String(s.result||"")),s.onerror=()=>r(s.error||Error("Failed to read file")),s.readAsDataURL(e)})}function f(e){return e?.name||function(e=""){return String(e).replace(/[-_]/g," ").replace(/\b\w/g,e=>e.toUpperCase()).trim()||"Unknown"}(e?.provider||e?.id||"provider")}function g(){let[e,t]=(0,a.useState)([]),[r,g]=(0,a.useState)(!0),[w,v]=(0,a.useState)(""),[b,N]=(0,a.useState)(()=>{try{let e=function(e,t){try{return JSON.parse(e)}catch{return t}}(globalThis.localStorage.getItem(o),[]);return Array.isArray(e)?e.map(e=>({...e,messages:Array.isArray(e.messages)?e.messages:[]})):[]}catch{return[]}}),[y,j]=(0,a.useState)(()=>globalThis.localStorage.getItem(d)||""),[S,I]=(0,a.useState)(()=>globalThis.localStorage.getItem(c)||""),[A,k]=(0,a.useState)(""),[D,O]=(0,a.useState)(()=>globalThis.localStorage.getItem(m)||""),[$,C]=(0,a.useState)([]),[_,M]=(0,a.useState)(!1),[E,T]=(0,a.useState)(""),[U,R]=(0,a.useState)(""),[z,q]=(0,a.useState)(!1),[P,J]=(0,a.useState)(!1),[B,F]=(0,a.useState)(!1),K=(0,a.useRef)(null),L=(0,a.useRef)(null),W=(0,a.useRef)(!1),H=(0,a.useRef)(null),Y=(0,a.useRef)(null);(0,a.useEffect)(()=>{q(!0)},[]),(0,a.useEffect)(()=>{let e=!1;return async function(){g(!0),v("");try{let r=await fetch("/api/providers",{cache:"no-store"}),s=await r.json().catch(()=>({})),a=Array.isArray(s.connections)?s.connections.filter(e=>e?.isActive!==!1):[];if(0===a.length){e||(t([]),v("No providers connected yet."));return}let i=new Map;for(let e of a){let t=e.provider||e.id,r=f(e),s=(0,n.mq)(t)?"openai-compatible":(0,n.gb)(t)?"anthropic-compatible":t;i.has(t)||i.set(t,{providerId:t,providerName:r,providerType:s,connections:[],models:[]});let a=i.get(t);a.providerName=a.providerName||r,a.providerType=a.providerType||s,a.connections.push(e);let o=(0,l.KC)(t).map(t=>t?.id?{id:`${e.provider}/${t.id}`,requestModel:`${e.provider}/${t.id}`,name:t.name||t.id,providerId:e.provider,providerName:f(e),source:"static"}:null).filter(Boolean);a.models.push(...o)}for(let e of(await Promise.all(a.map(async e=>{try{let t=await fetch(`/api/providers/${e.id}/models`,{cache:"no-store"}),r=await t.json().catch(()=>({}));if(!t.ok)return{connection:e,models:[]};let s=(Array.isArray(r?.models)?r.models:Array.isArray(r?.data)?r.data:Array.isArray(r?.results)?r.results:Array.isArray(r)?r:[]).map(t=>(function(e,t){let r="string"==typeof e?e:e?.id||e?.name||e?.model||"";if(!r)return null;let s="string"==typeof e?e:e?.name||e?.displayName||r,a=r;return((0,n.mq)(t.provider)||(0,n.gb)(t.provider))&&!r.includes("/")&&(a=`${t.provider}/${r}`),{id:a,requestModel:a,name:s,providerId:t.provider,providerName:f(t),source:"live"}})(t,e)).filter(Boolean);return{connection:e,models:s}}catch{return{connection:e,models:[]}}})))){let t=e.connection.provider||e.connection.id,r=i.get(t);r&&r.models.push(...e.models)}let o=Array.from(i.values()).map(e=>({...e,models:(function(e){let t=new Map;for(let r of e)r?.id&&(t.has(r.id)||t.set(r.id,r));return Array.from(t.values())})(e.models).sort((e,t)=>e.name.localeCompare(t.name))})).filter(e=>e.models.length>0).sort((e,t)=>e.providerName.localeCompare(t.providerName));e||(t(o),0===o.length&&v("Providers connected but no models available."))}catch(r){e||(v(p(r?.message)||"Failed to load providers/models."),t([]))}finally{e||g(!1)}}(),()=>{e=!0}},[]),(0,a.useEffect)(()=>{let e=e=>{H.current&&!H.current.contains(e.target)&&J(!1),Y.current&&!Y.current.contains(e.target)&&F(!1)};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[]);let G=(0,a.useMemo)(()=>{let t=new Map;for(let r of e)for(let e of r.models)t.set(e.id,{...e,providerId:r.providerId,providerName:r.providerName});return t},[e]),Q=(0,a.useMemo)(()=>e.find(e=>e.providerId===S)||e[0]||null,[e,S]),V=(0,a.useMemo)(()=>{if(A&&G.has(A))return G.get(A);if(y){let e=b.find(e=>e.id===y);if(e?.modelId&&G.has(e.modelId))return G.get(e.modelId)}return Q?.models?.[0]||null},[A,G,Q,b,y]),X=(0,a.useMemo)(()=>b.find(e=>e.id===y)||null,[b,y]),Z=X?.messages||[],ee=(0,a.useMemo)(()=>[...b].sort((e,t)=>new Date(t.updatedAt).getTime()-new Date(e.updatedAt).getTime()),[b]),et=!_&&!!V&&(D.trim().length>0||$.length>0);(0,a.useEffect)(()=>{if(z)try{globalThis.localStorage.setItem(o,JSON.stringify(b)),globalThis.localStorage.setItem(d,y),globalThis.localStorage.setItem(c,S),globalThis.localStorage.setItem(m,D)}catch{}},[z,b,y,S,D]),(0,a.useEffect)(()=>{if(!z||r||W.current||0===e.length)return;let t=e.find(e=>e.providerId===S)||e[0],s=A&&G.has(A)?G.get(A):t.models[0];if(b.length>0){let e=b.find(e=>e.id===y)||b[0],r=e?.modelId&&G.has(e.modelId)?G.get(e.modelId):s;W.current=!0,j(e.id),I(r?.providerId||t.providerId),k(r?.id||s.id);return}let a={id:u(),title:"New chat",providerId:t.providerId,providerName:t.providerName,modelId:s.id,modelName:s.name,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),messages:[]};W.current=!0,N([a]),j(a.id),I(t.providerId),k(s.id)},[z,r,e,G,b,y,S,A]);let er=(e,t)=>{N(r=>r.map(r=>r.id===e?t({...r,messages:Array.isArray(r.messages)?r.messages.map(e=>({...e})):[]}):r))},es=e=>e?{id:u(),title:"New chat",providerId:e.providerId,providerName:e.providerName,modelId:e.id,modelName:e.name,createdAt:new Date().toISOString(),updatedAt:new Date().toISOString(),messages:[]}:null,ea=async e=>{let t=Array.from(e.target.files||[]);if(0===t.length)return;let r=t.filter(e=>e.type.startsWith("image/"));if(0===r.length){e.target.value="";return}let s=await Promise.all(r.map(async e=>({id:u(),name:e.name,type:e.type,size:e.size,dataUrl:await x(e)})));C(e=>[...e,...s]),e.target.value=""},ei=async()=>{let e=V||Q?.models?.[0]||null;if(!e)return;let t=D.trim();if(!t&&0===$.length)return;let r=y,s=b.find(e=>e.id===r);if(!s){if(!(s=es(e)))return;r=s.id,N(e=>[s,...e]),j(r)}let a={id:u(),role:"user",content:t,attachments:$.map(e=>({id:e.id,name:e.name,type:e.type,dataUrl:e.dataUrl})),createdAt:new Date().toISOString()},i=u(),l={id:i,role:"assistant",content:"",createdAt:new Date().toISOString(),status:"streaming"},n=[...s.messages||[],a,l];N(s=>s.map(s=>s.id===r?{...s,providerId:e.providerId,providerName:e.providerName,modelId:e.id,modelName:e.name,messages:n,updatedAt:new Date().toISOString(),title:"New chat"===s.title?h(t):s.title}:s)),O(""),C([]),M(!0),T(i),R(""),L.current?.abort(),L.current=new AbortController;let o=n.filter(e=>"assistant"!==e.role||e.id!==i).map(e=>({role:e.role,content:"user"===e.role?function(e){let t=p(e.content).trim(),r=Array.isArray(e.attachments)?e.attachments:[];if(0===r.length)return t;let s=[];for(let e of(t&&s.push({type:"text",text:t}),r))e?.dataUrl&&s.push({type:"image_url",image_url:{url:e.dataUrl}});return s.length>0?s:t}(e):e.content}));try{var d;let s,a=await fetch("/api/dashboard/chat/completions",{method:"POST",headers:{"Content-Type":"application/json",Accept:"text/event-stream"},body:JSON.stringify({model:e.requestModel||e.id,messages:o,stream:!0}),signal:L.current.signal});if(!a.ok){let e=await a.json().catch(()=>({}));throw Error(p(e.error||e.message||`Request failed (${a.status})`))}let l=a.body?.getReader();if(!l){let e=await a.json().catch(()=>({})),t=p(e?.choices?.[0]?.message?.content||e?.output_text||e?.error||e?.message||"");er(r,e=>({...e,messages:e.messages.map(e=>e.id===i?{...e,content:t,status:"done"}:e),updatedAt:new Date().toISOString()}));return}let n=new TextDecoder,c="",m="";for(;;){let{value:e,done:t}=await l.read();if(t)break;let s=(c+=n.decode(e,{stream:!0})).split(/\r?\n/);for(let e of(c=s.pop()||"",s)){let t=e.trim();if(!t.startsWith("data:"))continue;let s=t.slice(5).trim();if(s&&"[DONE]"!==s)try{let e=JSON.parse(s),t=function(e){if(!e||"object"!=typeof e)return"";let t=e.choices?.[0];return[(t?.delta||{}).content,t?.message?.content,e.output_text,e.text].map(p).filter(Boolean)[0]||""}(e);if(!t)continue;m+=t,R(m),er(r,e=>({...e,messages:e.messages.map(e=>e.id===i?{...e,content:m,status:"streaming"}:e),updatedAt:new Date().toISOString()}))}catch{}}}er(r,e=>({...e,messages:e.messages.map(e=>e.id===i?{...e,content:m||e.content,status:"done"}:e),updatedAt:new Date().toISOString()})),d=r,s=h(t),er(d,e=>({...e,title:"New chat"===e.title?s:e.title,updatedAt:new Date().toISOString()}))}catch(e){if("AbortError"!==e.name){let t=p(e?.message||e);er(r,e=>({...e,messages:e.messages.map(e=>e.id===i?{...e,content:e.content||`Error: ${t}`,status:"error"}:e),updatedAt:new Date().toISOString()})),v(t||"Failed to send message.")}}finally{M(!1),T(""),R(""),L.current=null}},el=V?`${V.name}`:"Select model",en=V?V.requestModel:"Choose from connected providers";return(0,s.jsx)("div",{className:"relative flex-1 flex flex-col h-full min-h-0 min-w-0 bg-[#212121] text-white overflow-hidden",children:(0,s.jsxs)("div",{className:"relative mx-auto flex flex-1 h-full min-h-0 w-full max-w-4xl flex-col",children:[(0,s.jsxs)("div",{className:"flex shrink-0 items-center justify-between gap-3 px-4 py-3 lg:px-6",children:[(0,s.jsxs)("div",{ref:H,className:"relative",children:[(0,s.jsx)("button",{type:"button",onClick:()=>J(e=>!e),className:"flex items-center gap-3 rounded-2xl border border-white/10 bg-white/5 px-4 py-3 text-left transition hover:bg-white/8",children:(0,s.jsxs)("div",{className:"min-w-0",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("span",{className:"text-sm font-semibold text-white",children:el}),(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px] text-white/70",children:"expand_more"})]}),(0,s.jsx)("p",{className:"truncate text-xs text-white/55",children:en})]})}),P?(0,s.jsxs)("div",{className:"absolute left-0 top-[calc(100%+10px)] z-30 w-[min(520px,calc(100vw-2rem))] overflow-hidden rounded-[20px] border border-white/10 bg-[#262626] shadow-2xl shadow-black/50",children:[(0,s.jsxs)("div",{className:"border-b border-white/10 px-4 py-3",children:[(0,s.jsx)("p",{className:"text-xs uppercase tracking-[0.22em] text-white/45",children:"Models"}),(0,s.jsx)("p",{className:"text-sm text-white/75",children:"Only from connected providers"})]}),(0,s.jsx)("div",{className:"max-h-[60vh] overflow-y-auto p-2 custom-scrollbar",children:e.map(e=>(0,s.jsxs)("div",{className:"mb-2 rounded-[16px] border border-white/10 bg-black/20 p-2",children:[(0,s.jsxs)("div",{className:"flex items-center justify-between px-2 py-2",children:[(0,s.jsx)("p",{className:"text-sm font-semibold text-white",children:e.providerName}),(0,s.jsx)(i.Ex,{size:"sm",variant:"default",children:e.models.length})]}),(0,s.jsx)("div",{className:"grid gap-2 sm:grid-cols-2",children:e.models.map(e=>{let t=e.id===A;return(0,s.jsx)("button",{type:"button",onClick:()=>(e=>{let t=G.get(e);if(!t)return;let r=b.find(e=>e.id===y);if(r&&r.messages.length>0){let e=es(t);if(!e)return;N(t=>[e,...t]),j(e.id)}else if(r)N(e=>e.map(e=>e.id===r.id?{...e,providerId:t.providerId,providerName:t.providerName,modelId:t.id,modelName:t.name}:e)),j(r.id);else{let e=es(t);if(!e)return;N(t=>[e,...t]),j(e.id)}I(t.providerId),k(t.id),J(!1)})(e.id),className:`rounded-[14px] border px-3 py-3 text-left transition ${t?"border-blue-400/40 bg-blue-500/15":"border-white/10 bg-white/5 hover:bg-white/8"}`,children:(0,s.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,s.jsxs)("div",{className:"min-w-0",children:[(0,s.jsx)("p",{className:"truncate text-sm font-medium text-white",children:e.name}),(0,s.jsx)("p",{className:"truncate text-[11px] text-white/45",children:e.requestModel})]}),t?(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px] text-blue-300",children:"check_circle"}):null]})},e.id)})})]},e.providerId))})]}):null]}),(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("button",{type:"button",onClick:()=>F(e=>!e),className:"rounded-2xl border border-white/10 bg-white/5 px-4 py-3 text-sm text-white/80 transition hover:bg-white/8",children:"History"}),(0,s.jsx)(i.$n,{variant:"ghost",size:"sm",icon:"delete",onClick:()=>{if(!y)return;let e=b.filter(e=>e.id!==y),t=e[0]||null;N(e),t?(j(t.id),I(t.providerId),k(t.modelId)):(j(""),I(""),k(""))},disabled:!y||0===b.length,children:"Clear"})]})]}),B?(0,s.jsxs)("div",{ref:Y,className:"absolute right-4 top-[72px] z-20 w-[min(360px,calc(100vw-2rem))] rounded-[20px] border border-white/10 bg-[#262626] p-2 shadow-2xl shadow-black/50 lg:right-6",children:[(0,s.jsx)("div",{className:"px-3 py-2",children:(0,s.jsx)("p",{className:"text-xs uppercase tracking-[0.22em] text-white/45",children:"Recent chats"})}),(0,s.jsx)("div",{className:"max-h-[48vh] space-y-2 overflow-y-auto p-1 custom-scrollbar",children:0===ee.length?(0,s.jsx)("div",{className:"rounded-[16px] border border-dashed border-white/10 bg-white/5 p-4 text-sm text-white/55",children:"No conversations yet."}):ee.map(e=>{let t=e.id===y,r=[...e.messages||[]].reverse().find(e=>"user"===e.role)||e.messages?.[0];return(0,s.jsx)("button",{type:"button",onClick:()=>{var t;let r;return t=e.id,void((r=b.find(e=>e.id===t))&&(j(t),I(r.providerId||S),k(r.modelId||A),F(!1)))},className:`w-full rounded-[16px] border px-3 py-3 text-left transition ${t?"border-blue-400/40 bg-blue-500/15":"border-white/10 bg-white/5 hover:bg-white/8"}`,children:(0,s.jsxs)("div",{className:"flex items-start justify-between gap-3",children:[(0,s.jsxs)("div",{className:"min-w-0 flex-1",children:[(0,s.jsx)("p",{className:"truncate text-sm font-medium text-white",children:e.title}),(0,s.jsx)("p",{className:"mt-1 truncate text-xs text-white/50",children:p(r?.content)||"Empty chat"})]}),(0,s.jsx)("span",{className:"text-[10px] text-white/40 shrink-0",children:function(e){if(!e)return"Now";let t=new Date(e).getTime();if(Number.isNaN(t))return"Now";let r=Math.max(1,Math.round((Date.now()-t)/6e4));if(r<60)return`${r}m`;let s=Math.round(r/60);return s<24?`${s}h`:`${Math.round(s/24)}d`}(e.updatedAt)})]})},e.id)})})]}):null,w?(0,s.jsx)("div",{className:"mt-4 rounded-[18px] border border-rose-500/20 bg-rose-500/10 px-4 py-3 text-rose-100",children:(0,s.jsxs)("div",{className:"flex items-start gap-3",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"error"}),(0,s.jsx)("p",{className:"text-sm leading-6",children:w})]})}):null,(0,s.jsxs)("div",{className:"flex flex-1 flex-col min-h-0",children:[(0,s.jsxs)("div",{className:"flex-1 overflow-y-auto py-4 custom-scrollbar",children:[0===Z.length?(0,s.jsx)("div",{className:"flex min-h-[50vh] items-center justify-center px-4 text-center",children:(0,s.jsxs)("div",{className:"max-w-xl space-y-4",children:[(0,s.jsx)("div",{className:"mx-auto flex size-16 items-center justify-center rounded-[20px] border border-white/10 bg-white/5 text-white/80",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[30px]",children:"chat"})}),(0,s.jsxs)("div",{className:"space-y-2",children:[(0,s.jsx)("h2",{className:"text-2xl font-semibold text-white",children:"Start a conversation"}),(0,s.jsx)("p",{className:"text-sm leading-6 text-white/60",children:"Simple chat interface to interact with any AI model from connected providers. Select a model and start chatting!"})]})]})}):null,(0,s.jsx)("div",{className:"mx-auto flex w-full max-w-3xl flex-col gap-4 px-4",children:Z.map(e=>{let t="user"===e.role,r="assistant"===e.role,a=r&&e.id===E&&"streaming"===e.status,i=p(e.content)||(r?U:"");return(0,s.jsx)("div",{className:`flex w-full ${t?"justify-end":"justify-start"} mb-6`,children:(0,s.jsxs)("div",{className:`max-w-[min(88%,42rem)] ${t?"rounded-3xl bg-[#2f2f2f] px-5 py-3.5 text-white":"text-white/90"}`,children:[(0,s.jsx)("div",{className:"mb-1 flex items-center justify-between gap-3",children:(0,s.jsx)("span",{className:"text-xs font-semibold",children:t?"You":V?.name||"Assistant"})}),e.attachments?.length?(0,s.jsx)("div",{className:"mb-3 grid grid-cols-2 gap-2 sm:grid-cols-3 mt-2",children:e.attachments.map(e=>(0,s.jsx)("a",{href:e.dataUrl,target:"_blank",rel:"noreferrer",className:"overflow-hidden rounded-[18px] border border-white/10 bg-black/20",children:(0,s.jsx)("img",{src:e.dataUrl,alt:e.name,className:"h-28 w-full object-cover"})},e.id))}):null,(0,s.jsxs)("div",{className:"whitespace-pre-wrap break-words text-[15px] leading-7",children:[i,r&&a&&!U?(0,s.jsx)("span",{className:"inline-block animate-pulse",children:"▋"}):null]})]})},e.id)})})]}),(0,s.jsxs)("div",{className:"shrink-0 pt-2",children:[$.length>0?(0,s.jsx)("div",{className:"mx-auto mb-3 flex w-full max-w-3xl flex-wrap gap-2 px-4",children:$.map(e=>(0,s.jsxs)("div",{className:"flex items-center gap-2 rounded-full border border-white/10 bg-white/5 px-3 py-2",children:[(0,s.jsx)("span",{className:"text-xs text-white/80 max-w-[12rem] truncate",children:e.name}),(0,s.jsx)("button",{type:"button",onClick:()=>{var t;return t=e.id,void C(e=>e.filter(e=>e.id!==t))},className:"text-white/55 hover:text-white","aria-label":"Remove attachment",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"close"})})]},e.id))}):null,(0,s.jsx)("div",{className:"mx-auto w-full max-w-3xl px-4 pb-2",children:(0,s.jsxs)("div",{className:"rounded-[26px] bg-[#2f2f2f] px-3 pt-3 pb-2 shadow-[0_0_15px_rgba(0,0,0,0.10)] ring-1 ring-white/5",children:[(0,s.jsx)("textarea",{value:D,onChange:e=>O(e.target.value),onKeyDown:e=>{"Enter"===e.key&&!e.shiftKey&&(e.preventDefault(),et&&ei())},placeholder:"Message AI",rows:1,className:"w-full resize-none bg-transparent px-2 text-[15px] leading-6 text-white outline-none placeholder:text-white/40 custom-scrollbar max-h-[25vh] overflow-y-auto"}),(0,s.jsxs)("div",{className:"mt-2 flex items-center justify-between gap-3",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("button",{type:"button",onClick:()=>K.current?.click(),disabled:!V||r,className:"p-2 text-white/50 hover:text-white transition rounded-full hover:bg-white/5",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"attach_file"})}),(0,s.jsx)("input",{ref:K,type:"file",accept:"image/*",multiple:!0,className:"hidden",onChange:ea}),(0,s.jsx)("span",{className:"text-xs font-medium text-white/30 truncate max-w-[120px]",children:V?V.name:"No model"})]}),(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[_?(0,s.jsx)("button",{type:"button",onClick:()=>{L.current?.abort()},className:"p-2 text-white bg-white/10 hover:bg-white/20 transition rounded-full h-8 w-8 flex items-center justify-center",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"stop"})}):null,(0,s.jsx)("button",{onClick:ei,disabled:!et,className:`h-8 w-8 rounded-full flex items-center justify-center transition ${et?"bg-white text-black hover:opacity-90":"bg-white/10 text-white/30 cursor-not-allowed"}`,children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"arrow_upward"})})]})]})]})})]}),(0,s.jsx)("p",{className:"mx-auto mt-2 max-w-3xl px-4 pb-4 text-center text-[11px] text-white/30",children:"Model list is filtered from connected providers."})]})]})})}}},e=>{e.O(0,[2574,3862,2691,9959,1997,5564,5263,5497,8441,3794,7358],()=>e(e.s=35911)),_N_E=e.O()}]);