67router 1.0.7 → 1.0.13

package/app/.next-cli-build/static/chunks/6808-54de8b855aaccfa4.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[6808],{5214:(e,s,t)=>{Object.defineProperty(s,"__esModule",{value:!0}),Object.defineProperty(s,"workAsyncStorage",{enumerable:!0,get:function(){return a.workAsyncStorageInstance}});let a=t(17828)},6808:(e,s,t)=>{t.r(s),t.d(s,{default:()=>U});var a=t(95155),r=t(12115),l=t(73321),n=t(88105),i=t(56061);t(84588);var d=t(14051),o=t.n(d);let c=e=>new Intl.NumberFormat().format(e||0);function m({stats:e}){let s=e?.totalRequests||0,t=e?.totalPromptTokens||0,r=e?.totalCachedTokens||0,l=e?.totalCompletionTokens||0,n=e?.totalCost||0,i=t>0?(r/t*100).toFixed(1):"0.0",d=s>0?Math.round(t/s):0,o=s>0?Math.round(l/s):0,x=r>0?3e-6*r:0;return(0,a.jsxs)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-4",children:[(0,a.jsxs)("div",{className:"bg-[#121216]/90 border border-[#23242a] hover:border-[#353642] transition-all p-5 flex flex-col justify-between shadow-sm relative overflow-hidden group",children:[(0,a.jsx)("div",{className:"absolute top-0 right-0 w-24 h-24 bg-white/5 rounded-full blur-2xl -mr-6 -mt-6 pointer-events-none"}),(0,a.jsxs)("div",{className:"flex items-center justify-between text-xs text-[#9c9ca4] font-medium",children:[(0,a.jsx)("span",{className:"tracking-wider uppercase text-[11px]",children:"Total Requests"}),(0,a.jsx)("span",{className:"material-symbols-outlined text-base text-[#9c9ca4] group-hover:text-[#ededef] transition-colors",children:"alt_route"})]}),(0,a.jsxs)("div",{className:"mt-3",children:[(0,a.jsx)("div",{className:"text-2xl font-bold text-[#ededef] tracking-tight font-mono tabular-nums",children:c(s)}),(0,a.jsxs)("div",{className:"mt-1 flex items-center gap-1 text-[11px] text-[#10b981]",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-xs",children:"arrow_upward"}),(0,a.jsx)("span",{children:"Active"}),(0,a.jsx)("span",{className:"text-[#9c9ca4] font-normal",children:e?.activeRequests?.length?`${e.activeRequests.length} in flight`:"normal"})]})]})]}),(0,a.jsxs)("div",{className:"bg-[#121216]/90 border border-[#23242a] hover:border-[#c5a880]/50 transition-all p-5 flex flex-col justify-between shadow-sm relative overflow-hidden group",children:[(0,a.jsx)("div",{className:"absolute top-0 right-0 w-24 h-24 bg-[#c5a880]/10 rounded-full blur-2xl -mr-6 -mt-6 pointer-events-none"}),(0,a.jsxs)("div",{className:"flex items-center justify-between text-xs text-[#9c9ca4] font-medium",children:[(0,a.jsx)("span",{className:"tracking-wider uppercase text-[11px] text-[#c5a880]",children:"Total Input Tokens"}),(0,a.jsx)("span",{className:"material-symbols-outlined text-base text-[#c5a880]",children:"input"})]}),(0,a.jsxs)("div",{className:"mt-3",children:[(0,a.jsx)("div",{className:"text-2xl font-bold text-[#c5a880] tracking-tight font-mono tabular-nums",children:c(t)}),(0,a.jsx)("div",{className:"mt-1 flex items-center gap-1 text-[11px] text-[#9c9ca4]",children:(0,a.jsxs)("span",{children:["Avg. ",c(d)," / req"]})})]})]}),(0,a.jsxs)("div",{className:"bg-[#121216]/90 border border-[#23242a] hover:border-[#3b82f6]/50 transition-all p-5 flex flex-col justify-between shadow-sm relative overflow-hidden group",children:[(0,a.jsx)("div",{className:"absolute top-0 right-0 w-24 h-24 bg-[#3b82f6]/10 rounded-full blur-2xl -mr-6 -mt-6 pointer-events-none"}),(0,a.jsxs)("div",{className:"flex items-center justify-between text-xs text-[#9c9ca4] font-medium",children:[(0,a.jsx)("span",{className:"tracking-wider uppercase text-[11px] text-[#93c5fd]",children:"Cached Tokens"}),(0,a.jsx)("span",{className:"material-symbols-outlined text-base text-[#3b82f6]",children:"cached"})]}),(0,a.jsxs)("div",{className:"mt-3",children:[(0,a.jsx)("div",{className:"text-2xl font-bold text-[#60a5fa] tracking-tight font-mono tabular-nums",children:c(r)}),(0,a.jsx)("div",{className:"mt-1 flex items-center gap-1.5 text-[11px] text-[#60a5fa]",children:(0,a.jsxs)("span",{className:"px-1.5 py-0.5 bg-[#3b82f6]/15 font-semibold text-[10px]",children:[i,"% Hit Rate"]})})]})]}),(0,a.jsxs)("div",{className:"bg-[#121216]/90 border border-[#23242a] hover:border-[#10b981]/50 transition-all p-5 flex flex-col justify-between shadow-sm relative overflow-hidden group",children:[(0,a.jsx)("div",{className:"absolute top-0 right-0 w-24 h-24 bg-[#10b981]/10 rounded-full blur-2xl -mr-6 -mt-6 pointer-events-none"}),(0,a.jsxs)("div",{className:"flex items-center justify-between text-xs text-[#9c9ca4] font-medium",children:[(0,a.jsx)("span",{className:"tracking-wider uppercase text-[11px] text-[#6ee7b7]",children:"Output Tokens"}),(0,a.jsx)("span",{className:"material-symbols-outlined text-base text-[#10b981]",children:"output"})]}),(0,a.jsxs)("div",{className:"mt-3",children:[(0,a.jsx)("div",{className:"text-2xl font-bold text-[#34d399] tracking-tight font-mono tabular-nums",children:c(l)}),(0,a.jsx)("div",{className:"mt-1 flex items-center gap-1 text-[11px] text-[#9c9ca4]",children:(0,a.jsxs)("span",{children:["Avg. ",c(o)," tokens"]})})]})]}),(0,a.jsxs)("div",{className:"bg-[#121216]/90 border border-[#23242a] hover:border-[#f59e0b]/50 transition-all p-5 flex flex-col justify-between shadow-sm relative overflow-hidden group",children:[(0,a.jsx)("div",{className:"absolute top-0 right-0 w-24 h-24 bg-[#f59e0b]/10 rounded-full blur-2xl -mr-6 -mt-6 pointer-events-none"}),(0,a.jsxs)("div",{className:"flex items-center justify-between text-xs text-[#9c9ca4] font-medium",children:[(0,a.jsx)("span",{className:"tracking-wider uppercase text-[11px] text-[#fcd34d]",children:"Est. Cost"}),(0,a.jsx)("span",{className:"material-symbols-outlined text-base text-[#f59e0b]",children:"payments"})]}),(0,a.jsxs)("div",{className:"mt-3",children:[(0,a.jsxs)("div",{className:"text-2xl font-bold text-[#fbbf24] tracking-tight font-mono tabular-nums",children:["~$",n.toFixed(2)]}),(0,a.jsxs)("div",{className:"mt-1 flex items-center justify-between text-[10px] text-[#9c9ca4]",children:[(0,a.jsx)("span",{children:x>0?`Save ~$${x.toFixed(2)} (Cache)`:"Estimated billing"}),(0,a.jsx)("span",{className:"material-symbols-outlined text-xs text-[#10b981]",children:"savings"})]})]})]})]})}m.propTypes={stats:o().object.isRequired};let x=e=>new Intl.NumberFormat().format(e||0),u=e=>`$${(e||0).toFixed(2)}`;function p(e){if(!e)return"Never";let s=Math.floor((Date.now()-new Date(e))/6e4);return s<1?"Just now":s<60?`${s}m ago`:s<1440?`${Math.floor(s/60)}h ago`:new Date(e).toLocaleDateString()}function h({field:e,currentSort:s,currentOrder:t}){return s!==e?(0,a.jsx)("span",{className:"ml-1 opacity-20",children:"↕"}):(0,a.jsx)("span",{className:"ml-1 text-[#c5a880]",children:"asc"===t?"↑":"↓"})}function b({item:e,viewMode:s,isSummary:t=!1}){return"tokens"===s?(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("td",{className:"px-5 py-3 text-right text-[#c5a880] font-mono",children:t&&void 0===e.promptTokens?"—":x(e.promptTokens)}),(0,a.jsx)("td",{className:"px-5 py-3 text-right text-[#60a5fa] font-mono",children:e.cachedTokens?x(e.cachedTokens):"—"}),(0,a.jsx)("td",{className:"px-5 py-3 text-right text-[#34d399] font-mono",children:t&&void 0===e.completionTokens?"—":x(e.completionTokens)}),(0,a.jsx)("td",{className:"px-5 py-3 text-right font-mono font-bold text-[#ededef]",children:x(e.totalTokens)})]}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("td",{className:"px-5 py-3 text-right text-[#ededef] font-mono",children:t&&void 0===e.inputCost?"—":u(e.inputCost)}),(0,a.jsx)("td",{className:"px-5 py-3 text-right text-[#60a5fa] font-mono",children:e.cachedCost?u(e.cachedCost):"—"}),(0,a.jsx)("td",{className:"px-5 py-3 text-right text-[#34d399] font-mono",children:t&&void 0===e.outputCost?"—":u(e.outputCost)}),(0,a.jsx)("td",{className:"px-5 py-3 text-right font-mono font-bold text-[#fbbf24]",children:u(e.totalCost||e.cost)})]})}function g({title:e,columns:s,groupedData:t,tableType:l,sortBy:n,sortOrder:i,onToggleSort:d,viewMode:o,storageKey:c,renderDetailCells:m,renderSummaryCells:u,emptyMessage:p}){let[f,j]=(0,r.useState)(()=>{try{let e=localStorage.getItem(c);return e?new Set(JSON.parse(e)):new Set}catch{return new Set}});(0,r.useEffect)(()=>{try{localStorage.setItem(c,JSON.stringify([...f]))}catch(e){console.error(`Failed to save ${c}:`,e)}},[f,c]);let v=(0,r.useCallback)(e=>{j(s=>{let t=new Set(s);return t.has(e)?t.delete(e):t.add(e),t})},[]),N=(0,r.useMemo)(()=>"tokens"===o?[{field:"promptTokens",label:"Input Tokens"},{field:"cachedTokens",label:"Cached"},{field:"completionTokens",label:"Output Tokens"},{field:"totalTokens",label:"Total Tokens"}]:[{field:"promptTokens",label:"Input Cost"},{field:"cachedCost",label:"Cached Cost"},{field:"completionTokens",label:"Output Cost"},{field:"cost",label:"Total Cost"}],[o]),y=s.length+N.length,w=(0,r.useMemo)(()=>t.reduce((e,s)=>{let t=s.summary||{};return e.requests+=t.requests||0,e.promptTokens+=t.promptTokens||0,e.cachedTokens+=t.cachedTokens||0,e.completionTokens+=t.completionTokens||0,e.totalTokens+=t.totalTokens||0,e.inputCost+=t.inputCost||0,e.cachedCost+=t.cachedCost||0,e.outputCost+=t.outputCost||0,e.cost+=t.cost||0,e.totalCost+=t.totalCost||t.cost||0,e},{requests:0,promptTokens:0,cachedTokens:0,completionTokens:0,totalTokens:0,inputCost:0,cachedCost:0,outputCost:0,cost:0,totalCost:0}),[t]);return(0,a.jsxs)("div",{className:"bg-[#121216] border border-[#23242a] shadow-sm overflow-hidden",children:[e&&(0,a.jsx)("div",{className:"p-4 border-b border-[#23242a] bg-[#16161c]/40",children:(0,a.jsx)("h3",{className:"font-semibold text-sm text-[#ededef]",children:e})}),(0,a.jsx)("div",{className:"overflow-x-auto",children:(0,a.jsxs)("table",{className:"w-full text-xs text-left",children:[(0,a.jsx)("thead",{className:"bg-[#16161c]/70 text-[#9c9ca4] uppercase text-[10px] tracking-wider border-b border-[#23242a] font-semibold",children:(0,a.jsxs)("tr",{children:[s.map(e=>(0,a.jsxs)("th",{className:`px-5 py-3 cursor-pointer hover:bg-[#1a1a22] transition-colors ${"right"===e.align?"text-right":""}`,onClick:()=>d(l,e.field),children:[e.label," ",(0,a.jsx)(h,{field:e.field,currentSort:n,currentOrder:i})]},e.field)),N.map(e=>(0,a.jsxs)("th",{className:"px-5 py-3 text-right cursor-pointer hover:bg-[#1a1a22] transition-colors",onClick:()=>d(l,e.field),children:[e.label," ",(0,a.jsx)(h,{field:e.field,currentSort:n,currentOrder:i})]},e.field))]})}),(0,a.jsxs)("tbody",{className:"divide-y divide-[#1e1e26] font-mono",children:[t.map(e=>(0,a.jsxs)(r.Fragment,{children:[(0,a.jsxs)("tr",{className:"cursor-pointer hover:bg-[#16161d] transition-colors",onClick:()=>v(e.groupKey),children:[(0,a.jsx)("td",{className:"px-5 py-3.5",children:(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:`material-symbols-outlined text-[16px] text-[#9c9ca4] transition-transform ${f.has(e.groupKey)?"rotate-90":""}`,children:"chevron_right"}),(0,a.jsx)("span",{className:`font-medium transition-colors ${e.summary.pending>0?"text-[#c5a880]":"text-[#ededef]"}`,children:e.groupKey})]})}),u(e),(0,a.jsx)(b,{item:e.summary,viewMode:o,isSummary:!0})]}),f.has(e.groupKey)&&e.items.map(e=>(0,a.jsxs)("tr",{className:"bg-[#0e0e12]/60 hover:bg-[#16161d] transition-colors",children:[m(e),(0,a.jsx)(b,{item:e,viewMode:o})]},`detail-${e.key}`))]},e.groupKey)),0===t.length&&(0,a.jsx)("tr",{children:(0,a.jsx)("td",{colSpan:y,className:"px-6 py-8 text-center text-[#9c9ca4] font-sans",children:p})})]}),t.length>0&&(0,a.jsx)("tfoot",{className:"border-t border-[#23242a] font-mono text-xs font-semibold text-[#ededef] bg-[#16161c]/50",children:(0,a.jsxs)("tr",{children:[(0,a.jsx)("td",{className:"px-5 py-3 font-sans",children:"Total"}),(0,a.jsxs)("td",{className:"px-5 py-3 font-sans text-[#9c9ca4]",children:[t.length," Groups"]}),(0,a.jsx)("td",{className:"px-5 py-3 text-right",children:x(w.requests)}),(0,a.jsx)("td",{className:"px-5 py-3 text-right text-[#9c9ca4]",children:"—"}),(0,a.jsx)(b,{item:w,viewMode:o,isSummary:!0})]})})]})})]})}h.propTypes={field:o().string.isRequired,currentSort:o().string.isRequired,currentOrder:o().string.isRequired},b.propTypes={item:o().object.isRequired,viewMode:o().string.isRequired,isSummary:o().bool},g.propTypes={title:o().string,columns:o().arrayOf(o().shape({field:o().string.isRequired,label:o().string.isRequired,align:o().string})).isRequired,groupedData:o().array.isRequired,tableType:o().string.isRequired,sortBy:o().string.isRequired,sortOrder:o().string.isRequired,onToggleSort:o().func.isRequired,viewMode:o().string.isRequired,storageKey:o().string.isRequired,renderDetailCells:o().func.isRequired,renderSummaryCells:o().func.isRequired,emptyMessage:o().string.isRequired};var f=t(7520),j=t(37206);function v(e){let s=n.Q2[e];return!s?.serviceKinds||s.serviceKinds.includes("llm")}let N=(0,j.default)(()=>t.e(5524).then(t.bind(t,15524)),{loadableGenerated:{webpack:()=>[15524]},ssr:!1}),y=(0,j.default)(()=>Promise.all([t.e(3842),t.e(5815),t.e(1649),t.e(124)]).then(t.bind(t,10124)),{loadableGenerated:{webpack:()=>[10124]},ssr:!1}),w=(0,j.default)(()=>t.e(2435).then(t.bind(t,82435)),{loadableGenerated:{webpack:()=>[82435]},ssr:!1});function k({timestamp:e}){let s,[,t]=(0,r.useState)(0);return(0,r.useEffect)(()=>{let e=setInterval(()=>t(e=>e+1),1e3);return()=>clearInterval(e)},[]),(0,a.jsx)(a.Fragment,{children:(s=Math.floor((Date.now()-new Date(e))/1e3))<60?`${s}s ago`:s<3600?`${Math.floor(s/60)}m ago`:s<86400?`${Math.floor(s/3600)}h ago`:`${Math.floor(s/86400)}d ago`})}function C({requests:e=[]}){return e.length?(0,a.jsx)("div",{className:"space-y-2.5 overflow-y-auto h-full pr-1",children:e.map((e,s)=>{let t=!e.status||"ok"===e.status||"success"===e.status||200===e.status,r=e.id?String(e.id).slice(-5):`${s+1}a`;return(0,a.jsxs)("div",{className:"p-3 bg-[#17171d] border border-[#23242e] hover:border-[#353644] transition-all flex items-center justify-between",children:[(0,a.jsx)("div",{className:"flex items-center gap-3 min-w-0",children:(0,a.jsxs)("div",{className:"min-w-0",children:[(0,a.jsxs)("div",{className:"text-xs font-semibold text-[#ededef] flex items-center gap-1.5 flex-wrap",children:[(0,a.jsx)("span",{className:"font-mono truncate max-w-[150px]",title:e.model,children:e.model||"standard"}),(0,a.jsx)("span",{className:`px-1.5 py-0.5 text-[9px] font-mono shrink-0 ${t?"bg-[#22222a] text-[#c5a880]":"bg-[#351515] text-[#ef4444]"}`,children:t?"200 OK":"500 ERR"})]}),(0,a.jsxs)("div",{className:"text-[10px] text-[#9c9ca4] font-mono mt-0.5 truncate",children:["req_",r," \xb7 ",e.provider||"Direct"," \xb7 ",(0,a.jsx)(k,{timestamp:e.timestamp})]})]})}),(0,a.jsxs)("div",{className:"text-right font-mono text-[11px] shrink-0 ml-2",children:[(0,a.jsxs)("div",{className:"text-[#c5a880] font-semibold",children:[x(e.promptTokens),"↑ ",(0,a.jsxs)("span",{className:"text-[#10b981]",children:[x(e.completionTokens),"↓"]})]}),(0,a.jsxs)("div",{className:"text-[10px] text-[#9c9ca4]",children:[e.cost?`$${e.cost.toFixed(3)}`:"—"," ",e.durationMs?`\xb7 ${e.durationMs}ms`:""]})]})]},s)})}):(0,a.jsx)("div",{className:"py-16 flex items-center justify-center text-[#9c9ca4] text-xs",children:"No recent gateway requests yet."})}function T(e,s={},t,a){return Object.entries(e||{}).map(([e,t])=>{let a=(t.promptTokens||0)+(t.completionTokens||0),r=t.cost||0,l=t.cachedTokens||0,n=Math.max(0,(t.promptTokens||0)-l),i=a>0?(t.completionTokens||0)*(r/a):0;return{...t,key:e,totalTokens:a,totalCost:r,inputCost:a>0?r/a*n:0,cachedCost:a>0?r/a*l:0,outputCost:i,pending:s[e]||0}}).sort((e,s)=>{let r=e[t],l=s[t];return("string"==typeof r&&(r=r.toLowerCase()),"string"==typeof l&&(l=l.toLowerCase()),r<l)?"asc"===a?-1:1:r>l?"asc"===a?1:-1:0})}function S(e,s){if(!Array.isArray(e))return[];let t={};return e.forEach(e=>{let a=function(e,s){switch(s){case"rawModel":return e.rawModel||"Unknown Model";case"accountName":return e.accountName||`Account ${e.connectionId?.slice(0,8)}...`||"Unknown Account";case"keyName":return e.keyName||"Unknown Key";case"endpoint":return e.endpoint||"Unknown Endpoint";default:return e[s]||"Unknown"}}(e,s);t[a]||(t[a]={groupKey:a,summary:{requests:0,promptTokens:0,completionTokens:0,cachedTokens:0,totalTokens:0,cost:0,inputCost:0,cachedCost:0,outputCost:0,lastUsed:null,pending:0},items:[]});let r=t[a].summary;r.requests+=e.requests||0,r.promptTokens+=e.promptTokens||0,r.completionTokens+=e.completionTokens||0,r.cachedTokens+=e.cachedTokens||0,r.totalTokens+=e.totalTokens||0,r.cost+=e.cost||0,r.inputCost+=e.inputCost||0,r.cachedCost+=e.cachedCost||0,r.outputCost+=e.outputCost||0,r.pending+=e.pending||0,e.lastUsed&&(!r.lastUsed||new Date(e.lastUsed)>new Date(r.lastUsed))&&(r.lastUsed=e.lastUsed),t[a].items.push(e)}),Object.values(t)}let q=[{field:"rawModel",label:"Model"},{field:"provider",label:"Provider"},{field:"requests",label:"Requests",align:"right"},{field:"lastUsed",label:"Last Used",align:"right"}],M=[{field:"rawModel",label:"Model"},{field:"provider",label:"Provider"},{field:"accountName",label:"Account"},{field:"requests",label:"Requests",align:"right"},{field:"lastUsed",label:"Last Used",align:"right"}],R=[{field:"keyName",label:"API Key Name"},{field:"rawModel",label:"Model"},{field:"provider",label:"Provider"},{field:"requests",label:"Requests",align:"right"},{field:"lastUsed",label:"Last Used",align:"right"}],O=[{field:"endpoint",label:"Endpoint"},{field:"rawModel",label:"Model"},{field:"provider",label:"Provider"},{field:"requests",label:"Requests",align:"right"},{field:"lastUsed",label:"Last Used",align:"right"}],$=[{value:"model",label:"Usage by Model"},{value:"account",label:"Usage by Account"},{value:"apiKey",label:"Usage by API Key"},{value:"endpoint",label:"Usage by Endpoint"}],P=[{value:"today",label:"Today"},{value:"24h",label:"24h"},{value:"7d",label:"7D"},{value:"30d",label:"30D"},{value:"60d",label:"60D"},{value:"all",label:"All"}];function U({period:e,setPeriod:s,hidePeriodSelector:t=!1}={}){let d=(0,l.useRouter)(),o=(0,l.useSearchParams)(),c=o.get("sortBy")||"rawModel",u=o.get("sortOrder")||"asc",[h,b]=(0,r.useState)(null),[j,k]=(0,r.useState)(!0),[A,_]=(0,r.useState)(!1),[D,F]=(0,r.useState)("model"),[E,K]=(0,r.useState)("costs"),[I,B]=(0,r.useState)([]),[L,G]=(0,r.useState)("today"),z=(0,r.useRef)(!0),J=(0,r.useRef)(!1),Q=e??L,H=s??G;(0,r.useEffect)(()=>{Promise.all([fetch("/api/providers").then(e=>e.ok?e.json():null),fetch("/api/provider-nodes").then(e=>e.ok?e.json():null)]).then(([e,s])=>{let t={};for(let e of s?.nodes||[])t[e.id]=e.name;let a=new Set;B([...(e?.connections||[]).filter(e=>!(!1===e.isActive||!v(e.provider)||n.Q2[e.provider]?.hidden||a.has(e.provider))&&(a.add(e.provider),!0)).map(e=>({...e,nodeName:t[e.provider]||null})),...Object.values(n.IS).filter(e=>e.noAuth&&!e.hidden&&!a.has(e.id)&&v(e.id)).map(e=>({provider:e.id,name:e.name}))])}).catch(()=>{})},[]),(0,r.useEffect)(()=>{z.current?(z.current=!1,k(!0)):_(!0),fetch(`/api/usage/stats?period=${Q}`).then(e=>e.ok?e.json():null).then(e=>{e&&(J.current=!0,b(s=>({...s,...e})))}).catch(()=>{}).finally(()=>{k(!1),_(!1)})},[Q]),(0,r.useEffect)(()=>{let e=new EventSource("/api/usage/stream");return e.onmessage=e=>{try{let s=JSON.parse(e.data);b(e=>e?{...e,activeRequests:s.activeRequests,recentRequests:s.recentRequests,errorProvider:s.errorProvider,pending:s.pending}:e),J.current&&k(!1)}catch(e){console.error("[SSE CLIENT] parse error:",e)}},e.onerror=()=>k(!1),()=>e.close()},[]);let W=(0,r.useCallback)((e,s)=>{let t=new URLSearchParams(o.toString());t.get("sortBy")===s?t.set("sortOrder","asc"===t.get("sortOrder")?"desc":"asc"):(t.set("sortBy",s),t.set("sortOrder","asc")),d.replace(`?${t.toString()}`,{scroll:!1})},[o,d]),V=(0,r.useMemo)(()=>{if(!h)return null;switch(D){case"model":{let e=h.pending?.byModel||{};return{columns:q,groupedData:S(T(h.byModel,e,c,u),"rawModel"),storageKey:"usage-stats:expanded-models",emptyMessage:"No usage recorded yet.",renderSummaryCells:e=>(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("td",{className:"px-6 py-3 text-text-muted",children:"—"}),(0,a.jsx)("td",{className:"px-6 py-3 text-right",children:x(e.summary.requests)}),(0,a.jsx)("td",{className:"px-6 py-3 text-right text-text-muted whitespace-nowrap",children:p(e.summary.lastUsed)})]}),renderDetailCells:e=>(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("td",{className:`px-6 py-3 font-medium transition-colors ${e.pending>0?"text-primary":""}`,children:e.rawModel}),(0,a.jsx)("td",{className:"px-6 py-3",children:(0,a.jsx)(i.default,{variant:e.pending>0?"primary":"neutral",size:"sm",children:e.provider})}),(0,a.jsx)("td",{className:"px-6 py-3 text-right",children:x(e.requests)}),(0,a.jsx)("td",{className:"px-6 py-3 text-right text-text-muted whitespace-nowrap",children:p(e.lastUsed)})]})}}case"account":{let e={};return h?.pending?.byAccount&&Object.entries(h.byAccount||{}).forEach(([s,t])=>{let a=h.pending.byAccount[t.connectionId];if(a){let r=t.provider?`${t.rawModel} (${t.provider})`:t.rawModel;e[s]=a[r]||0}}),{columns:M,groupedData:S(T(h.byAccount,e,c,u),"accountName"),storageKey:"usage-stats:expanded-accounts",emptyMessage:"No account-specific usage recorded yet.",renderSummaryCells:e=>(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("td",{className:"px-6 py-3 text-text-muted",children:"—"}),(0,a.jsx)("td",{className:"px-6 py-3 text-text-muted",children:"—"}),(0,a.jsx)("td",{className:"px-6 py-3 text-right",children:x(e.summary.requests)}),(0,a.jsx)("td",{className:"px-6 py-3 text-right text-text-muted whitespace-nowrap",children:p(e.summary.lastUsed)})]}),renderDetailCells:e=>(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("td",{className:`px-6 py-3 font-medium transition-colors ${e.pending>0?"text-primary":""}`,children:e.accountName||`Account ${e.connectionId?.slice(0,8)}...`}),(0,a.jsx)("td",{className:`px-6 py-3 font-medium transition-colors ${e.pending>0?"text-primary":""}`,children:e.rawModel}),(0,a.jsx)("td",{className:"px-6 py-3",children:(0,a.jsx)(i.default,{variant:e.pending>0?"primary":"neutral",size:"sm",children:e.provider})}),(0,a.jsx)("td",{className:"px-6 py-3 text-right",children:x(e.requests)}),(0,a.jsx)("td",{className:"px-6 py-3 text-right text-text-muted whitespace-nowrap",children:p(e.lastUsed)})]})}}case"apiKey":return{columns:R,groupedData:S(T(h.byApiKey,{},c,u),"keyName"),storageKey:"usage-stats:expanded-apikeys",emptyMessage:"No API key usage recorded yet.",renderSummaryCells:e=>(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("td",{className:"px-6 py-3 text-text-muted",children:"—"}),(0,a.jsx)("td",{className:"px-6 py-3 text-text-muted",children:"—"}),(0,a.jsx)("td",{className:"px-6 py-3 text-right",children:x(e.summary.requests)}),(0,a.jsx)("td",{className:"px-6 py-3 text-right text-text-muted whitespace-nowrap",children:p(e.summary.lastUsed)})]}),renderDetailCells:e=>(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("td",{className:"px-6 py-3 font-medium",children:e.keyName}),(0,a.jsx)("td",{className:"px-6 py-3",children:e.rawModel}),(0,a.jsx)("td",{className:"px-6 py-3",children:(0,a.jsx)(i.default,{variant:"neutral",size:"sm",children:e.provider})}),(0,a.jsx)("td",{className:"px-6 py-3 text-right",children:x(e.requests)}),(0,a.jsx)("td",{className:"px-6 py-3 text-right text-text-muted whitespace-nowrap",children:p(e.lastUsed)})]})};default:return{columns:O,groupedData:S(T(h.byEndpoint,{},c,u),"endpoint"),storageKey:"usage-stats:expanded-endpoints",emptyMessage:"No endpoint usage recorded yet.",renderSummaryCells:e=>(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("td",{className:"px-6 py-3 text-text-muted",children:"—"}),(0,a.jsx)("td",{className:"px-6 py-3 text-text-muted",children:"—"}),(0,a.jsx)("td",{className:"px-6 py-3 text-right",children:x(e.summary.requests)}),(0,a.jsx)("td",{className:"px-6 py-3 text-right text-text-muted whitespace-nowrap",children:p(e.summary.lastUsed)})]}),renderDetailCells:e=>(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("td",{className:"px-6 py-3 font-medium font-mono text-sm",children:e.endpoint}),(0,a.jsx)("td",{className:"px-6 py-3",children:e.rawModel}),(0,a.jsx)("td",{className:"px-6 py-3",children:(0,a.jsx)(i.default,{variant:"neutral",size:"sm",children:e.provider})}),(0,a.jsx)("td",{className:"px-6 py-3 text-right",children:x(e.requests)}),(0,a.jsx)("td",{className:"px-6 py-3 text-right text-text-muted whitespace-nowrap",children:p(e.lastUsed)})]})}}},[h,D,c,u]);return h||j?(0,a.jsxs)("div",{className:"flex min-w-0 flex-col gap-6",children:[!t&&(0,a.jsxs)("div",{className:"flex w-full items-center gap-2 sm:w-auto sm:self-end",children:[(0,a.jsx)("div",{className:"grid flex-1 grid-cols-6 items-center gap-1 rounded-lg border border-border bg-bg-subtle p-1 sm:flex sm:flex-none",children:P.map(e=>(0,a.jsx)("button",{onClick:()=>H(e.value),disabled:A,className:`rounded-md px-3 py-1 text-sm font-medium transition-colors ${Q===e.value?"bg-primary text-white shadow-sm":"text-text-muted hover:bg-bg-hover hover:text-text"}`,children:e.label},e.value))}),A&&(0,a.jsx)("span",{className:"material-symbols-outlined text-[16px] text-text-muted animate-spin",children:"progress_activity"})]}),j?(0,a.jsx)(f.qj,{}):(0,a.jsx)(m,{stats:h}),j?(0,a.jsx)(f.MO,{}):(0,a.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-5 gap-4 items-stretch lg:h-[460px]",children:[(0,a.jsx)("div",{className:"lg:col-span-3 h-full",children:(0,a.jsx)(N,{providers:I,activeRequests:h.activeRequests||[],recentRequests:h.recentRequests||[],stats:h})}),(0,a.jsxs)("div",{className:"lg:col-span-2 bg-[#121216] border border-[#23242a] p-6 flex flex-col shadow-sm h-full max-h-[460px]",children:[(0,a.jsx)("div",{className:"flex items-center justify-between border-b border-[#23242a] pb-4 mb-4 shrink-0",children:(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("span",{className:"material-symbols-outlined text-lg text-[#3b82f6]",children:"schedule"}),(0,a.jsx)("h2",{className:"text-sm font-semibold text-[#ededef]",children:"Recent Gateway Requests"})]})}),(0,a.jsx)("div",{className:"flex-1 min-h-0 overflow-hidden",children:(0,a.jsx)(C,{requests:h.recentRequests||[]})})]})]}),j?(0,a.jsx)(f.SE,{}):(0,a.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-5 gap-4 items-stretch",children:[(0,a.jsx)("div",{className:"lg:col-span-3 h-full",children:(0,a.jsx)(y,{period:Q,stats:h})}),(0,a.jsx)("div",{className:"lg:col-span-2 h-full",children:(0,a.jsx)(w,{byProvider:h.byProvider,totalTokens:(h.totalPromptTokens||0)+(h.totalCompletionTokens||0),totalCachedTokens:h.totalCachedTokens||0})})]}),(0,a.jsxs)("div",{className:"bg-[#121216] border border-[#23242a] p-6 shadow-sm flex flex-col gap-4",children:[(0,a.jsxs)("div",{className:"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 border-b border-[#23242a] pb-4",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("h2",{className:"text-sm font-semibold text-[#ededef]",children:"model"===D?"Usage Breakdown by Model":"account"===D?"Usage Breakdown by Account":"apiKey"===D?"Usage Breakdown by API Key":"Usage Breakdown by Endpoint"}),(0,a.jsx)("p",{className:"text-[11px] text-[#9c9ca4]",children:"Comprehensive telemetry, prompt caching ratios & billed cost"})]}),(0,a.jsxs)("div",{className:"flex flex-wrap items-center gap-3",children:[(0,a.jsx)("select",{value:D,onChange:e=>F(e.target.value),className:"bg-[#1c1c24] border border-[#272834] px-3 py-1.5 text-xs font-medium text-[#ededef] focus:outline-none focus:border-[#c5a880] transition-colors",children:$.map(e=>(0,a.jsx)("option",{value:e.value,children:e.label},e.value))}),(0,a.jsxs)("div",{className:"inline-flex items-center p-0.5 bg-[#181820] border border-[#23242a]",children:[(0,a.jsx)("button",{onClick:()=>K("costs"),className:`px-3 py-1 text-xs font-medium transition-colors ${"costs"===E?"bg-[#242430] text-[#c5a880]":"text-[#9c9ca4] hover:text-[#ededef]"}`,children:"Costs"}),(0,a.jsx)("button",{onClick:()=>K("tokens"),className:`px-3 py-1 text-xs font-medium transition-colors ${"tokens"===E?"bg-[#242430] text-[#c5a880]":"text-[#9c9ca4] hover:text-[#ededef]"}`,children:"Tokens"})]})]})]}),j?(0,a.jsx)(f.bC,{}):V&&(0,a.jsx)(g,{columns:V.columns,groupedData:V.groupedData,tableType:D,sortBy:c,sortOrder:u,onToggleSort:W,viewMode:E,storageKey:V.storageKey,renderSummaryCells:V.renderSummaryCells,renderDetailCells:V.renderDetailCells,emptyMessage:V.emptyMessage})]})]}):(0,a.jsx)("div",{className:"text-text-muted",children:"Failed to load usage statistics."})}},7520:(e,s,t)=>{t.d(s,{Ay:()=>d,MO:()=>l,SE:()=>n,bC:()=>i,qj:()=>r});var a=t(95155);function r(){return(0,a.jsx)("div",{className:"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-3",children:[void 0,void 0,void 0,void 0,void 0].map((e,s)=>(0,a.jsxs)("div",{className:"bg-[#121216] border border-[#23242a] p-4 flex flex-col justify-between shadow-sm min-h-[105px]",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between mb-2",children:[(0,a.jsx)("div",{className:"h-3 w-20 bg-[#1c1c24] animate-pulse"}),(0,a.jsx)("div",{className:"w-6 h-6 bg-[#181820] border border-[#23242a] animate-pulse"})]}),(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"h-6 w-28 bg-[#1c1c24] animate-pulse mb-1.5"}),(0,a.jsx)("div",{className:"h-2.5 w-16 bg-[#181820] animate-pulse"})]})]},s))})}function l(){return(0,a.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-5 gap-4 items-stretch lg:h-[460px]",children:[(0,a.jsxs)("div",{className:"lg:col-span-3 h-full bg-[#121216] border border-[#23242a] p-6 flex flex-col justify-between shadow-sm",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2.5 border-b border-[#23242a] pb-4 mb-4",children:[(0,a.jsx)("div",{className:"w-5 h-5 bg-[#1c1c24] animate-pulse"}),(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"h-3.5 w-44 bg-[#1c1c24] animate-pulse mb-1"}),(0,a.jsx)("div",{className:"h-2.5 w-56 bg-[#181820] animate-pulse"})]})]}),(0,a.jsxs)("div",{className:"flex-1 min-h-[260px] bg-[#0d0d10] border border-[#1d1d23] relative flex items-center justify-between px-8 sm:px-12 overflow-hidden",children:[(0,a.jsxs)("div",{className:"w-24 sm:w-28 h-16 bg-[#16161c] border border-[#2b2c36] p-2 flex flex-col items-center justify-center gap-1.5 animate-pulse",children:[(0,a.jsx)("div",{className:"w-4 h-4 bg-[#23242e]"}),(0,a.jsx)("div",{className:"h-2.5 w-14 bg-[#23242e]"})]}),(0,a.jsxs)("div",{className:"w-28 sm:w-36 h-20 bg-gradient-to-b from-[#1c1c24] to-[#14141a] border-2 border-[#c5a880]/30 p-2 flex flex-col items-center justify-center gap-1.5 animate-pulse",children:[(0,a.jsx)("div",{className:"w-6 h-6 bg-[#c5a880]/15"}),(0,a.jsx)("div",{className:"h-2.5 w-20 bg-[#c5a880]/20"}),(0,a.jsx)("div",{className:"h-2 w-14 bg-[#23242e]"})]}),(0,a.jsxs)("div",{className:"flex flex-col gap-2.5 w-28 sm:w-36",children:[(0,a.jsxs)("div",{className:"h-9 bg-[#161b17] border border-[#10b981]/20 p-2 flex items-center justify-between animate-pulse",children:[(0,a.jsx)("div",{className:"h-2.5 w-14 bg-[#10b981]/20"}),(0,a.jsx)("div",{className:"h-2 w-6 bg-[#10b981]/20"})]}),(0,a.jsxs)("div",{className:"h-9 bg-[#15151a] border border-[#262630] p-2 flex items-center justify-between animate-pulse",children:[(0,a.jsx)("div",{className:"h-2.5 w-16 bg-[#23242e]"}),(0,a.jsx)("div",{className:"h-2 w-6 bg-[#23242e]"})]}),(0,a.jsxs)("div",{className:"h-9 bg-[#15151a] border border-[#262630] p-2 flex items-center justify-between animate-pulse",children:[(0,a.jsx)("div",{className:"h-2.5 w-14 bg-[#23242e]"}),(0,a.jsx)("div",{className:"h-2 w-6 bg-[#23242e]"})]})]})]}),(0,a.jsxs)("div",{className:"mt-4 grid grid-cols-3 gap-3 pt-4 border-t border-[#23242a]",children:[(0,a.jsxs)("div",{className:"text-center",children:[(0,a.jsx)("div",{className:"h-2.5 w-20 bg-[#181820] mx-auto animate-pulse mb-1.5"}),(0,a.jsx)("div",{className:"h-4 w-12 bg-[#1c1c24] mx-auto animate-pulse"})]}),(0,a.jsxs)("div",{className:"text-center border-x border-[#23242a]",children:[(0,a.jsx)("div",{className:"h-2.5 w-28 bg-[#181820] mx-auto animate-pulse mb-1.5"}),(0,a.jsx)("div",{className:"h-4 w-14 bg-[#1c1c24] mx-auto animate-pulse"})]}),(0,a.jsxs)("div",{className:"text-center",children:[(0,a.jsx)("div",{className:"h-2.5 w-20 bg-[#181820] mx-auto animate-pulse mb-1.5"}),(0,a.jsx)("div",{className:"h-4 w-12 bg-[#1c1c24] mx-auto animate-pulse"})]})]})]}),(0,a.jsxs)("div",{className:"lg:col-span-2 bg-[#121216] border border-[#23242a] p-6 flex flex-col shadow-sm h-full max-h-[460px]",children:[(0,a.jsx)("div",{className:"flex items-center justify-between border-b border-[#23242a] pb-4 mb-4 shrink-0",children:(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("div",{className:"w-4 h-4 bg-[#1c1c24] animate-pulse"}),(0,a.jsx)("div",{className:"h-3.5 w-36 bg-[#1c1c24] animate-pulse"})]})}),(0,a.jsx)("div",{className:"space-y-2.5 overflow-hidden flex-1",children:[...Array(6)].map((e,s)=>(0,a.jsxs)("div",{className:"p-3 bg-[#17171d] border border-[#23242e] flex items-center justify-between",children:[(0,a.jsxs)("div",{className:"space-y-1.5 min-w-0",children:[(0,a.jsxs)("div",{className:"flex items-center gap-2",children:[(0,a.jsx)("div",{className:"h-3 w-28 bg-[#22222a] animate-pulse"}),(0,a.jsx)("div",{className:"h-3 w-12 bg-[#1e1e26] animate-pulse"})]}),(0,a.jsx)("div",{className:"h-2.5 w-40 bg-[#1a1a22] animate-pulse"})]}),(0,a.jsxs)("div",{className:"space-y-1.5 text-right shrink-0",children:[(0,a.jsx)("div",{className:"h-3 w-16 bg-[#22222a] animate-pulse ml-auto"}),(0,a.jsx)("div",{className:"h-2.5 w-10 bg-[#1a1a22] animate-pulse ml-auto"})]})]},s))})]})]})}function n(){return(0,a.jsxs)("div",{className:"grid grid-cols-1 lg:grid-cols-5 gap-4 items-stretch",children:[(0,a.jsx)("div",{className:"lg:col-span-3 h-full bg-[#121216] border border-[#23242a] p-6 flex flex-col justify-between shadow-sm",children:(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"flex items-center justify-between border-b border-[#23242a] pb-4 mb-6",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"h-3.5 w-32 bg-[#1c1c24] animate-pulse mb-1"}),(0,a.jsx)("div",{className:"h-2.5 w-48 bg-[#181820] animate-pulse"})]}),(0,a.jsxs)("div",{className:"flex items-center gap-1",children:[(0,a.jsx)("div",{className:"h-6 w-12 bg-[#181820] border border-[#23242a] animate-pulse"}),(0,a.jsx)("div",{className:"h-6 w-12 bg-[#181820] border border-[#23242a] animate-pulse"})]})]}),(0,a.jsx)("div",{className:"h-[260px] bg-[#0d0d10] border border-[#1d1d23] p-4 flex items-end gap-3 justify-between",children:[40,65,30,85,45,90,60,75,50,95,70,80].map((e,s)=>(0,a.jsx)("div",{className:"flex-1 bg-[#1c1c24] animate-pulse",style:{height:`${e}%`}},s))})]})}),(0,a.jsxs)("div",{className:"lg:col-span-2 h-full bg-[#121216] border border-[#23242a] p-6 flex flex-col justify-between shadow-sm",children:[(0,a.jsxs)("div",{children:[(0,a.jsxs)("div",{className:"border-b border-[#23242a] pb-4 mb-5",children:[(0,a.jsx)("div",{className:"h-3.5 w-28 bg-[#1c1c24] animate-pulse mb-1"}),(0,a.jsx)("div",{className:"h-2.5 w-44 bg-[#181820] animate-pulse"})]}),(0,a.jsx)("div",{className:"space-y-4",children:[void 0,void 0,void 0,void 0].map((e,s)=>(0,a.jsxs)("div",{className:"space-y-1.5",children:[(0,a.jsxs)("div",{className:"flex items-center justify-between",children:[(0,a.jsx)("div",{className:"h-3 w-24 bg-[#1c1c24] animate-pulse"}),(0,a.jsx)("div",{className:"h-3 w-16 bg-[#181820] animate-pulse"})]}),(0,a.jsx)("div",{className:"h-2 w-full bg-[#181820] overflow-hidden",children:(0,a.jsx)("div",{className:"h-full bg-[#1c1c24] animate-pulse",style:{width:`${80-18*s}%`}})})]},s))})]}),(0,a.jsx)("div",{className:"mt-6 pt-4 border-t border-[#23242a]",children:(0,a.jsxs)("div",{className:"p-3 bg-[#15151a] border border-[#23242a] animate-pulse flex items-center justify-between",children:[(0,a.jsx)("div",{className:"h-3 w-32 bg-[#1c1c24]"}),(0,a.jsx)("div",{className:"h-3 w-16 bg-[#1c1c24]"})]})})]})]})}function i(){return(0,a.jsxs)("div",{className:"space-y-4",children:[(0,a.jsx)("div",{className:"grid grid-cols-6 gap-4 p-3 bg-[#15151a] border border-[#23242a]",children:[...Array(6)].map((e,s)=>(0,a.jsx)("div",{className:"h-3 bg-[#1c1c24] animate-pulse"},s))}),(0,a.jsx)("div",{className:"divide-y divide-[#1e1e26] border border-[#23242a]",children:[...Array(6)].map((e,s)=>(0,a.jsxs)("div",{className:"grid grid-cols-6 gap-4 p-3.5 items-center",children:[(0,a.jsx)("div",{className:"h-3.5 w-28 bg-[#1c1c24] animate-pulse"}),(0,a.jsx)("div",{className:"h-3 w-16 bg-[#181820] animate-pulse"}),(0,a.jsx)("div",{className:"h-3 w-20 bg-[#181820] animate-pulse"}),(0,a.jsx)("div",{className:"h-3 w-16 bg-[#181820] animate-pulse"}),(0,a.jsx)("div",{className:"h-3 w-16 bg-[#181820] animate-pulse"}),(0,a.jsx)("div",{className:"h-3 w-14 bg-[#181820] animate-pulse"})]},s))})]})}function d(){return(0,a.jsxs)("div",{className:"space-y-6",children:[(0,a.jsx)(r,{}),(0,a.jsx)(l,{}),(0,a.jsx)(n,{}),(0,a.jsxs)("div",{className:"bg-[#121216] border border-[#23242a] p-6 shadow-sm flex flex-col gap-4",children:[(0,a.jsxs)("div",{className:"flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 border-b border-[#23242a] pb-4",children:[(0,a.jsxs)("div",{children:[(0,a.jsx)("div",{className:"h-3.5 w-44 bg-[#1c1c24] animate-pulse mb-1"}),(0,a.jsx)("div",{className:"h-2.5 w-60 bg-[#181820] animate-pulse"})]}),(0,a.jsxs)("div",{className:"flex items-center gap-3",children:[(0,a.jsx)("div",{className:"h-8 w-32 bg-[#1c1c24] border border-[#272834] animate-pulse"}),(0,a.jsx)("div",{className:"h-8 w-24 bg-[#181820] border border-[#23242a] animate-pulse"})]})]}),(0,a.jsx)(i,{})]})]})}},17828:(e,s,t)=>{Object.defineProperty(s,"__esModule",{value:!0}),Object.defineProperty(s,"workAsyncStorageInstance",{enumerable:!0,get:function(){return a}});let a=(0,t(64054).getOrCreateGlobalAsyncLocalStorage)("work-async-storage")},21957:(e,s,t)=>{function a({moduleIds:e}){return null}Object.defineProperty(s,"__esModule",{value:!0}),Object.defineProperty(s,"PreloadChunks",{enumerable:!0,get:function(){return a}}),t(95155),t(47650),t(5214),t(2451),t(53887)},37206:(e,s,t)=>{t.d(s,{default:()=>r.a});var a=t(75707),r=t.n(a)},41112:(e,s,t)=>{Object.defineProperty(s,"__esModule",{value:!0}),Object.defineProperty(s,"BailoutToCSRForNextDynamic",{enumerable:!0,get:function(){return n}});let a=t(12115),r=t(47650);t(1980);let l=t(60614).createReactBrowserBailoutReason.bind(null,"next/dynamic");function n({children:e}){return(0,a.use)((0,r.browser)(l)),e}},60614:(e,s)=>{Object.defineProperty(s,"__esModule",{value:!0});var t={createReactBrowserBailoutReason:function(){return l},getReactBrowserBailoutReason:function(){return n},isNextBrowserBailoutError:function(){return i}};for(var a in t)Object.defineProperty(s,a,{enumerable:!0,get:t[a]});let r=Symbol.for("next.browser-bailout-reason");function l(e){return{$$typeof:r,reason:e}}function n(e){let s=e?.cause;return s?.$$typeof===r?s.reason:void 0}function i(e){return void 0!==n(e)}},64054:(e,s)=>{Object.defineProperty(s,"__esModule",{value:!0});var t={bindSnapshot:function(){return o},createAsyncLocalStorage:function(){return i},createSnapshot:function(){return c},getOrCreateGlobalAsyncLocalStorage:function(){return d}};for(var a in t)Object.defineProperty(s,a,{enumerable:!0,get:t[a]});let r=Error("Invariant: AsyncLocalStorage accessed in runtime where it is not available");class l{disable(){throw r}getStore(){}run(){throw r}exit(){throw r}enterWith(){throw r}static bind(e){return e}}let n="u">typeof globalThis&&globalThis.AsyncLocalStorage;function i(){return n?new n:new l}function d(e){let s=Symbol.for(`@next/${e}@16.4.0`),t=globalThis;return t[s]??=i()}function o(e){return n?n.bind(e):l.bind(e)}function c(){return n?n.snapshot():function(e,...s){return e(...s)}}},68635:(e,s,t)=>{Object.defineProperty(s,"__esModule",{value:!0}),Object.defineProperty(s,"default",{enumerable:!0,get:function(){return d}});let a=t(95155),r=t(12115),l=t(41112);function n(e){return{default:e&&"default"in e?e.default:e}}t(21957);let i={loader:()=>Promise.resolve(n(()=>null)),loading:null,ssr:!0},d=function(e){let s={...i,...e},t=(0,r.lazy)(()=>s.loader().then(n)),d=s.loading;function o(e){let n=d?(0,a.jsx)(d,{isLoading:!0,pastDelay:!0,error:null}):null,i=!s.ssr||!!s.loading,o=i?r.Suspense:r.Fragment,c=s.ssr?(0,a.jsxs)(a.Fragment,{children:[null,(0,a.jsx)(t,{...e})]}):(0,a.jsx)(l.BailoutToCSRForNextDynamic,{children:(0,a.jsx)(t,{...e})});return(0,a.jsx)(o,{...i?{fallback:n}:{},children:c})}return o.displayName="LoadableComponent",o}},75707:(e,s,t)=>{Object.defineProperty(s,"__esModule",{value:!0}),Object.defineProperty(s,"default",{enumerable:!0,get:function(){return r}});let a=t(73623)._(t(68635));function r(e,s){let t={};"function"==typeof e&&(t.loader=e);let r={...t,...s};return(0,a.default)({...r,modules:r.loadableGenerated?.modules})}("function"==typeof s.default||"object"==typeof s.default&&null!==s.default)&&void 0===s.default.__esModule&&(Object.defineProperty(s.default,"__esModule",{value:!0}),Object.assign(s.default,s),e.exports=s.default)}}]);