@jheavenknows/bluerouter 5.2.34 → 5.2.35

package/app/.next-cli-build/static/chunks/{5497-ed106851c7a9289d.js → 5497-4c1edb012c8f32a1.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(56061),o=s(84588),d=s(98500),c=s.n(d),m=s(14051),u=s.n(m),x=s(94027);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:u().string.isRequired,dotClass:u().string.isRequired,requests:u().number,promptTokens:u().number,completionTokens:u().number,cost:u().number,showCost:u().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)(o.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,x.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),i=e.cloudVsLocal||{},d=i.cloud||{},m=i.local||{},u=p(d.requests)>0||p(m.requests)>0,y=p(d.promptTokens)+p(d.completionTokens),N=f(y,y+(p(m.promptTokens)+p(m.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)(o.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)(o.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)(o.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)(o.default,{className:"flex min-w-0 flex-col gap-1 px-4 py-3",children:[t?(0,a.jsxs)(c(),{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)(o.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)(o.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"}),u?(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(d.requests),promptTokens:p(d.promptTokens),completionTokens:p(d.completionTokens),cost:p(d.cost),showCost:!0}),(0,a.jsx)(g,{label:"Local (self-hosted)",dotClass:"bg-primary",requests:p(m.requests),promptTokens:p(m.promptTokens),completionTokens:p(m.completionTokens),cost:p(m.cost),showCost:p(m.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:u().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:d,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)(o.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:()=>d(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:()=>d(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:u().string.isRequired,currentSort:u().string.isRequired,currentOrder:u().string.isRequired},T.propTypes={item:u().object.isRequired,viewMode:u().string.isRequired,isSummary:u().bool},_.propTypes={title:u().string.isRequired,columns:u().arrayOf(u().shape({field:u().string.isRequired,label:u().string.isRequired,align:u().string})).isRequired,groupedData:u().array.isRequired,tableType:u().string.isRequired,sortBy:u().string.isRequired,sortOrder:u().string.isRequired,onToggleSort:u().func.isRequired,viewMode:u().string.isRequired,storageKey:u().string.isRequired,renderDetailCells:u().func.isRequired,renderSummaryCells:u().func.isRequired,emptyMessage:u().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 O(e={}){return String(e.apiType||e.providerSpecificData?.apiType||e.provider_specific_data?.apiType||"chat").toLowerCase()}function R({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),R.propTypes={data:u().object.isRequired},P.propTypes={data:u().object.isRequired};let E={provider:R,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=O(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"===O(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:u().arrayOf(u().shape({id:u().string,provider:u().string,name:u().string})),activeRequests:u().arrayOf(u().shape({provider:u().string,model:u().string,account:u().string})),lastProvider:u().string,errorProvider:u().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,d]=(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)(o.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:()=>d("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:()=>d("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:u().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(56061),o=s(84588),d=s(98500),c=s.n(d),m=s(14051),u=s.n(m),x=s(94027);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:u().string.isRequired,dotClass:u().string.isRequired,requests:u().number,promptTokens:u().number,completionTokens:u().number,cost:u().number,showCost:u().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)(o.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,x.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),i=e.cloudVsLocal||{},d=i.cloud||{},m=i.local||{},u=p(d.requests)>0||p(m.requests)>0,y=p(d.promptTokens)+p(d.completionTokens),N=f(y,y+(p(m.promptTokens)+p(m.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)(o.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)(o.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)(o.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)(o.default,{className:"flex min-w-0 flex-col gap-1 px-4 py-3",children:[t?(0,a.jsxs)(c(),{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)(o.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)(o.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"}),u?(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(d.requests),promptTokens:p(d.promptTokens),completionTokens:p(d.completionTokens),cost:p(d.cost),showCost:!0}),(0,a.jsx)(g,{label:"Local (self-hosted)",dotClass:"bg-primary",requests:p(m.requests),promptTokens:p(m.promptTokens),completionTokens:p(m.completionTokens),cost:p(m.cost),showCost:p(m.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:u().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:d,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)(o.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:()=>d(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:()=>d(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:u().string.isRequired,currentSort:u().string.isRequired,currentOrder:u().string.isRequired},T.propTypes={item:u().object.isRequired,viewMode:u().string.isRequired,isSummary:u().bool},_.propTypes={title:u().string.isRequired,columns:u().arrayOf(u().shape({field:u().string.isRequired,label:u().string.isRequired,align:u().string})).isRequired,groupedData:u().array.isRequired,tableType:u().string.isRequired,sortBy:u().string.isRequired,sortOrder:u().string.isRequired,onToggleSort:u().func.isRequired,viewMode:u().string.isRequired,storageKey:u().string.isRequired,renderDetailCells:u().func.isRequired,renderSummaryCells:u().func.isRequired,emptyMessage:u().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 O(e={}){return String(e.apiType||e.providerSpecificData?.apiType||e.provider_specific_data?.apiType||"chat").toLowerCase()}function R({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),R.propTypes={data:u().object.isRequired},P.propTypes={data:u().object.isRequired};let E={provider:R,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=O(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"===O(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:u().arrayOf(u().shape({id:u().string,provider:u().string,name:u().string})),activeRequests:u().arrayOf(u().shape({provider:u().string,model:u().string,account:u().string})),lastProvider:u().string,errorProvider:u().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,d]=(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)(o.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:()=>d("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:()=>d("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:u().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"}}]);