switchboard-router 0.9.61 → 0.9.62

package/app/.next/static/chunks/app/(dashboard)/dashboard/usage/{page-195bdcbea10136e1.js → page-492962969724f559.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2825],{35497:(e,t,a)=>{"use strict";a.d(t,{x0:()=>k.default,Ex:()=>o.default,$n:()=>s.default,nh:()=>R.default,Zp:()=>n.default,Qv:()=>d.CardSkeleton,CK:()=>p.default,uo:()=>i.ConfirmModal,G9:()=>j.default,wI:()=>w.default,vj:()=>N.default,vE:()=>v.default,pd:()=>l.default,Mh:()=>g.default,uR:()=>u.default,Nf:()=>h.default,aF:()=>i.default,rq:()=>m.default,gw:()=>y.default,LF:()=>x.default,Wx:()=>D.default,gM:()=>b.default,Iz:()=>S.default,l6:()=>r.default,lM:()=>c.default,m_:()=>C.default,jK:()=>f.default});var s=a(92542),l=a(11910),r=a(98),n=a(84588),i=a(81127),d=a(25086);a(56319);var o=a(56061),c=a(98542);a(61929),a(21110),a(92622),a(8823),a(92173);var x=a(90882),m=a(72908),u=a(28815),p=a(45455),h=a(28058),f=a(4809);a(21931),a(80752),a(40197);var b=a(23615);a(44736);var g=a(62899);a(94230);var j=a(30815),v=a(23936),N=a(95088),w=a(73579),k=a(96748),y=a(4823),S=a(28067),C=a(97677),D=a(51825),R=a(29366);a(76361),a(91450)},81772:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>C});var s=a(95155),l=a(12115),r=a(73321),n=a(35497),i=a(84588),d=a(92542),o=a(31474),c=a(34131);function x({isOpen:e,onClose:t,title:a,children:r,width:n="md",className:i,"aria-label":d}){let m={sm:"w-[400px]",md:"w-[500px]",lg:"w-[600px]",xl:"w-[800px]",full:"w-full"},u=(0,c.sp)({isOpen:e,onClose:t}),p=(0,l.useId)();return e?(0,s.jsxs)("div",{className:"fixed inset-0 z-50",children:[(0,s.jsx)("div",{className:"absolute inset-0 bg-black/50 backdrop-blur-[2px] fade-in cursor-pointer",onClick:t,"aria-hidden":"true"}),(0,s.jsxs)("div",{ref:u,role:"dialog","aria-modal":"true","aria-label":d,"aria-labelledby":d?void 0:a?p:void 0,tabIndex:-1,className:(0,o.cn)("absolute right-0 top-0 h-full bg-surface flex flex-col","shadow-[var(--shadow-elev)]","slide-in-right","border-l border-border-subtle","outline-none",m[n]||m.md,i),children:[(0,s.jsxs)("div",{className:"flex items-center justify-between p-6 border-b border-border-subtle flex-shrink-0",children:[(0,s.jsx)("div",{className:"flex items-center gap-3",children:a&&(0,s.jsx)("h2",{id:p,className:"text-lg font-semibold text-text-main",children:a})}),(0,s.jsx)("button",{type:"button",onClick:t,"aria-label":"Close",className:"p-1.5 rounded-[10px] text-text-muted hover:bg-surface-2 hover:text-text-main transition-colors",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"close"})})]}),(0,s.jsx)("div",{className:"flex-1 overflow-y-auto p-6 custom-scrollbar",children:r})]})]}):null}function m({currentPage:e,pageSize:t,totalItems:a,onPageChange:l,onPageSizeChange:r,className:n}){let i=Math.ceil(a/t),c=a>0?(e-1)*t+1:0,x=Math.min(e*t,a),u=(()=>{let t=[],a=Math.max(1,e-2),s=Math.min(i,a+5-1);s-a+1<5&&(a=Math.max(1,s-5+1));for(let e=a;e<=s;e++)t.push(e);return t})();return(0,s.jsxs)("div",{className:(0,o.cn)("flex flex-col sm:flex-row items-center justify-between gap-4 py-4 px-2",n),children:[a>0&&(0,s.jsxs)("div",{className:"text-sm text-text-muted",children:["Showing ",(0,s.jsx)("span",{className:"font-medium text-text-main",children:c})," to"," ",(0,s.jsx)("span",{className:"font-medium text-text-main",children:x})," of"," ",(0,s.jsx)("span",{className:"font-medium text-text-main",children:a})," results"]}),(0,s.jsxs)("nav",{"aria-label":"Pagination",className:"flex flex-wrap items-center justify-center gap-2 sm:gap-4",children:[r&&(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("span",{className:"text-sm text-text-muted",children:"Rows:"}),(0,s.jsx)("select",{"aria-label":"Rows per page",value:t,onChange:e=>r(Number(e.target.value)),className:(0,o.cn)("h-9 rounded-lg border border-black/10 dark:border-white/10 bg-surface","text-sm text-text-main focus:outline-none focus:ring-2 focus:ring-primary/20","cursor-pointer"),style:{colorScheme:"auto"},children:[10,20,50].map(e=>(0,s.jsx)("option",{value:e,children:e},e))})]}),i>1&&(0,s.jsxs)("div",{className:"flex items-center gap-1",children:[(0,s.jsx)(d.default,{variant:"outline","aria-label":"Previous page",onClick:()=>l(e-1),disabled:1===e,className:"w-9 px-0",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"chevron_left"})}),u[0]>1&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(d.default,{variant:"ghost",size:"sm",onClick:()=>l(1),className:"w-9 px-0 hidden sm:inline-flex",children:"1"}),u[0]>2&&(0,s.jsx)("span",{className:"text-text-muted px-1 hidden sm:inline",children:"..."})]}),u.map(t=>(0,s.jsx)(d.default,{variant:e===t?"primary":"ghost",size:"sm","aria-current":e===t?"page":void 0,onClick:()=>l(t),className:(0,o.cn)("w-9 px-0",e===t?"inline-flex":"hidden sm:inline-flex"),children:t},t)),u[u.length-1]<i&&(0,s.jsxs)(s.Fragment,{children:[u[u.length-1]<i-1&&(0,s.jsx)("span",{className:"text-text-muted px-1 hidden sm:inline",children:"..."}),(0,s.jsx)(d.default,{variant:"ghost",size:"sm",onClick:()=>l(i),className:"w-9 px-0 hidden sm:inline-flex",children:i})]}),(0,s.jsx)(d.default,{variant:"outline","aria-label":"Next page",onClick:()=>l(e+1),disabled:e===i,className:"w-9 px-0",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"chevron_right"})})]})]})]})}var u=a(88105),p=a(78559);let h=null,f=null;async function b(){if(h&&f)return{providerNameCache:h,providerNodesCache:f};let e=await fetch("/api/provider-nodes"),t=(await e.json()).nodes||[];for(let e of(f={},t))f[e.id]=e.name;return{providerNameCache:h={...u.Q2,...f},providerNodesCache:f}}function g(e,t){if(!e||!t)return e;let a=t[e];if("string"==typeof a)return a;if(a?.name)return a.name;let s=(0,u.zt)(e)||u.Q2[e];return s?.name||e}function j({title:e,children:t,defaultOpen:a=!1,icon:r=null}){let[n,i]=(0,l.useState)(a),d=(0,l.useId)();return(0,s.jsxs)("div",{className:"border border-black/5 dark:border-white/5 rounded-lg overflow-hidden",children:[(0,s.jsxs)("button",{type:"button",onClick:()=>i(!n),"aria-expanded":n,"aria-controls":d,className:"w-full flex items-center justify-between p-3 bg-black/[0.02] dark:bg-white/[0.02] hover:bg-black/[0.04] dark:hover:bg-white/[0.04] transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-inset",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[r&&(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px] text-text-muted","aria-hidden":"true",children:r}),(0,s.jsx)("span",{className:"font-semibold text-sm text-text-main",children:e})]}),(0,s.jsx)("span",{"aria-hidden":"true",className:(0,o.cn)("material-symbols-outlined text-[20px] text-text-muted transition-transform duration-200",n?"rotate-90":""),children:"chevron_right"})]}),n&&(0,s.jsx)("div",{id:d,className:"p-4 border-t border-black/5 dark:border-white/5",children:t})]})}function v({startDate:e,endDate:t}){if(!e||!t)return!1;let a=new Date(e).getTime(),s=new Date(t).getTime();return!(Number.isNaN(a)||Number.isNaN(s))&&a>s}function N(e){return e?.cached_tokens||e?.cache_read_input_tokens||0}function w(e){return e?.cache_creation_input_tokens||0}function k(e){let t=e?.prompt_tokens||e?.input_tokens||0,a=N(e);return t<a?a:t}function y(){let[e,t]=(0,l.useState)([]),[a,r]=(0,l.useState)({page:1,pageSize:20,totalItems:0,totalPages:0}),[n,c]=(0,l.useState)(!1),[u,h]=(0,l.useState)(null),[f,y]=(0,l.useState)(null),[S,C]=(0,l.useState)(!1),[D,R]=(0,l.useState)(!1),[_,P]=(0,l.useState)(null),L=(0,l.useRef)(0),T=(0,l.useRef)(0),[z,I]=(0,l.useState)([]),[q,F]=(0,l.useState)(null),[E,M]=(0,l.useState)({provider:"",startDate:"",endDate:""}),O=(0,l.useCallback)(async()=>{try{let e=await fetch("/api/usage/providers"),t=await e.json();I(t.providers||[]);let a=await b();F(a.providerNameCache)}catch(e){(0,p.s)("Failed to fetch providers:",e)}},[]),$=(0,l.useCallback)(async()=>{if(v(E))return;let e=L.current+1;L.current=e,c(!0),h(null);try{let s=new URLSearchParams({page:a.page.toString(),pageSize:a.pageSize.toString()});E.provider&&s.append("provider",E.provider),E.startDate&&s.append("startDate",E.startDate),E.endDate&&s.append("endDate",E.endDate);let l=await fetch(`/api/usage/request-details?${s}`);if(e!==L.current)return;if(!l.ok)throw Error(`Request failed with status ${l.status}`);let n=await l.json();if(e!==L.current)return;t(n.details||[]),r(e=>({...e,...n.pagination}))}catch(t){if(e!==L.current)return;(0,p.s)("Failed to fetch request details:",t),h(t?.message||"Network request failed")}finally{e===L.current&&c(!1)}},[a.page,a.pageSize,E]);(0,l.useEffect)(()=>{O()},[O]),(0,l.useEffect)(()=>{$()},[$]);let Q=async e=>{let t=T.current+1;T.current=t,y({...e,_loading:!0}),P(null),R(!0),C(!0);try{let a=await fetch(`/api/usage/request-details/${encodeURIComponent(e.id)}`);if(!a.ok)throw Error(`Request failed with status ${a.status}`);let s=await a.json();if(t!==T.current)return;y(s.detail||e)}catch(a){if(t!==T.current)return;(0,p.s)("Failed to fetch full request payload:",a),y(e),P("Full payload unavailable — showing list metadata.")}finally{t===T.current&&R(!1)}},A=v(E),J=e=>{M(t=>({...t,...e})),r(e=>({...e,page:1}))};return(0,s.jsxs)("div",{className:"flex min-w-0 flex-col gap-6",children:[(0,s.jsxs)(i.default,{padding:"md",children:[(0,s.jsxs)("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",children:[(0,s.jsxs)("div",{className:"flex min-w-0 flex-col gap-2",children:[(0,s.jsx)("label",{htmlFor:"provider-filter",className:"text-sm font-medium text-text-main",children:"Provider"}),(0,s.jsxs)("select",{id:"provider-filter",value:E.provider,onChange:e=>J({provider:e.target.value}),className:(0,o.cn)("h-9 px-3 rounded-lg border border-black/10 dark:border-white/10 bg-surface","text-sm text-text-main focus:outline-none focus:ring-2 focus:ring-primary/20","w-full min-w-0 cursor-pointer"),style:{colorScheme:"auto"},children:[(0,s.jsx)("option",{value:"",children:"All Providers"}),z.map(e=>(0,s.jsx)("option",{value:e.id,children:e.name},e.id))]})]}),(0,s.jsxs)("div",{className:"flex min-w-0 flex-col gap-2",children:[(0,s.jsx)("label",{htmlFor:"start-date-filter",className:"text-sm font-medium text-text-main",children:"Start Date"}),(0,s.jsx)("input",{id:"start-date-filter",type:"datetime-local",value:E.startDate,"aria-invalid":A||void 0,"aria-describedby":A?"usage-date-range-error":void 0,onChange:e=>J({startDate:e.target.value}),className:(0,o.cn)("h-9 px-3 rounded-lg border border-black/10 dark:border-white/10 bg-surface","w-full min-w-0 text-sm text-text-main focus:outline-none focus:ring-2 focus:ring-primary/20")})]}),(0,s.jsxs)("div",{className:"flex min-w-0 flex-col gap-2",children:[(0,s.jsx)("label",{htmlFor:"end-date-filter",className:"text-sm font-medium text-text-main",children:"End Date"}),(0,s.jsx)("input",{id:"end-date-filter",type:"datetime-local",value:E.endDate,"aria-invalid":A||void 0,"aria-describedby":A?"usage-date-range-error":void 0,onChange:e=>J({endDate:e.target.value}),className:(0,o.cn)("h-9 px-3 rounded-lg border border-black/10 dark:border-white/10 bg-surface","w-full min-w-0 text-sm text-text-main focus:outline-none focus:ring-2 focus:ring-primary/20")})]}),(0,s.jsxs)("div",{className:"flex min-w-0 flex-col gap-2 sm:col-span-2 lg:col-span-1",children:[(0,s.jsx)("span",{className:"hidden text-sm font-medium text-text-main opacity-0 lg:block","aria-hidden":"true",children:"Clear"}),(0,s.jsx)(d.default,{variant:"ghost",onClick:()=>{M({provider:"",startDate:"",endDate:""}),r(e=>({...e,page:1}))},disabled:!E.provider&&!E.startDate&&!E.endDate,className:"w-full",children:"Clear Filters"})]})]}),A&&(0,s.jsx)("div",{id:"usage-date-range-error",role:"alert",className:"mt-3 text-sm text-danger",children:"Start Date must be on or before End Date."})]}),(0,s.jsxs)(i.default,{padding:"none",children:[(0,s.jsx)("div",{className:"overflow-x-auto",children:(0,s.jsxs)("table",{className:"w-full min-w-[880px]",children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{className:"border-b border-black/5 dark:border-white/5",children:[(0,s.jsx)("th",{className:"text-left p-4 text-sm font-semibold text-text-main",children:"Timestamp"}),(0,s.jsx)("th",{className:"text-left p-4 text-sm font-semibold text-text-main",children:"Model"}),(0,s.jsx)("th",{className:"text-left p-4 text-sm font-semibold text-text-main",children:"Provider"}),(0,s.jsx)("th",{className:"text-right p-4 text-sm font-semibold text-text-main",children:"Input Tokens"}),(0,s.jsx)("th",{className:"text-right p-4 text-sm font-semibold text-text-main",children:"Cached"}),(0,s.jsx)("th",{className:"text-right p-4 text-sm font-semibold text-text-main",children:"Cache Creation"}),(0,s.jsx)("th",{className:"text-right p-4 text-sm font-semibold text-text-main",children:"Output Tokens"}),(0,s.jsx)("th",{className:"text-left p-4 text-sm font-semibold text-text-main",children:"Latency"}),(0,s.jsx)("th",{className:"text-center p-4 text-sm font-semibold text-text-main",children:"Action"})]})}),(0,s.jsx)("tbody",{children:n?(0,s.jsx)("tr",{children:(0,s.jsx)("td",{colSpan:"9",className:"p-8 text-center text-text-muted",children:(0,s.jsxs)("div",{className:"flex items-center justify-center gap-2",children:[(0,s.jsx)("span",{className:"material-symbols-outlined animate-spin text-[20px]","aria-hidden":"true",children:"progress_activity"}),"Loading..."]})})}):u?(0,s.jsx)("tr",{children:(0,s.jsx)("td",{colSpan:"9",className:"p-8 text-center",children:(0,s.jsxs)("div",{role:"alert",className:"flex flex-col items-center justify-center gap-2",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[24px] text-danger","aria-hidden":"true",children:"error"}),(0,s.jsx)("p",{className:"text-sm font-medium text-text-main",children:"Failed to load request details"}),(0,s.jsx)("p",{className:"text-xs text-text-muted",children:u}),(0,s.jsx)(d.default,{variant:"outline",size:"sm",onClick:()=>$(),className:"mt-1",children:"Retry"})]})})}):0===e.length?(0,s.jsx)("tr",{children:(0,s.jsx)("td",{colSpan:"9",className:"p-8 text-center text-text-muted",children:"No request details found"})}):e.map((e,t)=>(0,s.jsxs)("tr",{className:"border-b border-black/5 dark:border-white/5 last:border-b-0 hover:bg-black/[0.02] dark:hover:bg-white/[0.02] transition-colors",children:[(0,s.jsx)("td",{className:"whitespace-nowrap p-4 text-sm text-text-main",children:new Date(e.timestamp).toLocaleString()}),(0,s.jsx)("td",{className:"max-w-[260px] truncate p-4 font-mono text-sm text-text-main",children:e.model}),(0,s.jsx)("td",{className:"max-w-[180px] truncate p-4 text-sm text-text-main",children:(0,s.jsx)("span",{className:"font-medium",children:g(e.provider,q)})}),(0,s.jsx)("td",{className:"p-4 text-sm text-text-main text-right font-mono",children:k(e.tokens).toLocaleString()}),(0,s.jsx)("td",{className:"p-4 text-sm text-text-main text-right font-mono",children:N(e.tokens)>0?N(e.tokens).toLocaleString():"—"}),(0,s.jsx)("td",{className:"p-4 text-sm text-text-main text-right font-mono",children:w(e.tokens)>0?w(e.tokens).toLocaleString():"—"}),(0,s.jsx)("td",{className:"p-4 text-sm text-text-main text-right font-mono",children:e.tokens?.completion_tokens?.toLocaleString()||0}),(0,s.jsx)("td",{className:"p-4 text-sm text-text-muted",children:(0,s.jsxs)("div",{className:"flex flex-col gap-0.5",children:[(0,s.jsxs)("div",{children:["TTFT: ",(0,s.jsxs)("span",{className:"font-mono",children:[e.latency?.ttft||0,"ms"]})]}),(0,s.jsxs)("div",{children:["Total: ",(0,s.jsxs)("span",{className:"font-mono",children:[e.latency?.total||0,"ms"]})]})]})}),(0,s.jsx)("td",{className:"p-4 text-center",children:(0,s.jsx)(d.default,{variant:"outline",size:"sm",onClick:()=>Q(e),children:"Detail"})})]},`${e.id}-${t}`))})]})}),!n&&!u&&e.length>0&&(0,s.jsx)("div",{className:"border-t border-black/5 dark:border-white/5",children:(0,s.jsx)(m,{currentPage:a.page,pageSize:a.pageSize,totalItems:a.totalItems,onPageChange:e=>{r(t=>({...t,page:e}))},onPageSizeChange:e=>{r(t=>({...t,pageSize:e,page:1}))}})})]}),(0,s.jsx)(x,{isOpen:S,onClose:()=>{C(!1),P(null)},title:"Request Details",width:"lg",children:f&&(0,s.jsxs)("div",{className:"space-y-6",children:[D&&(0,s.jsxs)("div",{className:"flex items-center gap-2 text-sm text-text-muted",role:"status",children:[(0,s.jsx)("span",{className:"material-symbols-outlined animate-spin text-[20px]","aria-hidden":"true",children:"progress_activity"}),"Loading full payload…"]}),_&&(0,s.jsx)("div",{role:"alert",className:"rounded-lg border border-amber-500/30 bg-amber-500/10 px-3 py-2 text-sm text-amber-600 dark:text-amber-300",children:_}),(0,s.jsxs)("div",{className:"grid min-w-0 grid-cols-1 gap-4 text-sm sm:grid-cols-2",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-text-muted",children:"ID:"})," ",(0,s.jsx)("span",{className:"break-all font-mono text-text-main",children:f.id})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-text-muted",children:"Timestamp:"})," ",(0,s.jsx)("span",{className:"text-text-main",children:new Date(f.timestamp).toLocaleString()})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-text-muted",children:"Provider:"})," ",(0,s.jsx)("span",{className:"text-text-main font-medium",children:g(f.provider,q)})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-text-muted",children:"Model:"})," ",(0,s.jsx)("span",{className:"text-text-main font-mono",children:f.model})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-text-muted",children:"Status:"})," ",(0,s.jsx)("span",{className:(0,o.cn)("font-medium","success"===f.status?"text-green-600":"text-red-600"),children:f.status})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-text-muted",children:"Latency:"})," ",(0,s.jsxs)("span",{className:"text-text-main font-mono",children:["TTFT ",f.latency?.ttft||0,"ms / Total ",f.latency?.total||0,"ms"]})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-text-muted",children:"Input Tokens:"})," ",(0,s.jsx)("span",{className:"text-text-main font-mono",children:k(f.tokens).toLocaleString()})]}),N(f.tokens)>0&&(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-text-muted",children:"Cached Tokens:"})," ",(0,s.jsx)("span",{className:"text-text-main font-mono",children:N(f.tokens).toLocaleString()})]}),w(f.tokens)>0&&(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-text-muted",children:"Cache Creation:"})," ",(0,s.jsx)("span",{className:"text-text-main font-mono",children:w(f.tokens).toLocaleString()})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-text-muted",children:"Output Tokens:"})," ",(0,s.jsx)("span",{className:"text-text-main font-mono",children:f.tokens?.completion_tokens?.toLocaleString()||0})]})]}),f.pxpipe&&(0,s.jsxs)("div",{className:"rounded-lg border border-black/5 dark:border-white/5 p-4",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 mb-2",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px] text-text-muted",children:"image"}),(0,s.jsx)("span",{className:"font-semibold text-sm text-text-main",children:"PXPIPE"}),(0,s.jsx)("span",{className:(0,o.cn)("text-xs px-2 py-0.5 rounded",f.pxpipe.applied?"bg-green-500/15 text-green-600":"bg-amber-500/15 text-amber-600"),children:f.pxpipe.applied?"Activated":"Skipped"})]}),f.pxpipe.applied?(0,s.jsxs)("div",{className:"grid grid-cols-2 gap-2 text-sm sm:grid-cols-4",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-text-muted block text-xs",children:"Original (est.)"}),(0,s.jsxs)("span",{className:"font-mono",children:[(f.pxpipe.tokensBeforeEst||0).toLocaleString()," tokens"]})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-text-muted block text-xs",children:"Compressed (est.)"}),(0,s.jsxs)("span",{className:"font-mono",children:[(f.pxpipe.tokensAfterEst||0).toLocaleString()," tokens"]})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-text-muted block text-xs",children:"Saved"}),(0,s.jsxs)("span",{className:"font-mono text-green-600",children:[f.pxpipe.savedPct||0,"%"]})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-text-muted block text-xs",children:"Images"}),(0,s.jsxs)("span",{className:"font-mono",children:[f.pxpipe.imageCount||0," (",f.pxpipe.durationMs||0,"ms)"]})]})]}):(0,s.jsxs)("p",{className:"text-sm text-text-muted",children:["Reason: ",(0,s.jsx)("span",{className:"font-mono",children:f.pxpipe.reason}),f.pxpipe.detail?` — ${f.pxpipe.detail}`:""]})]}),(0,s.jsxs)("div",{className:"space-y-4",children:[(0,s.jsx)(j,{title:"1. Client Request (Input)",defaultOpen:!0,icon:"input",children:(0,s.jsx)("pre",{className:"max-h-[300px] max-w-full overflow-auto rounded-lg border border-black/5 bg-black/5 p-3 font-mono text-xs text-text-main dark:border-white/5 dark:bg-white/5 sm:p-4",children:JSON.stringify(f.request,null,2)})}),f.providerRequest&&(0,s.jsx)(j,{title:"2. Provider Request (Translated)",icon:"translate",children:(0,s.jsx)("pre",{className:"max-h-[300px] max-w-full overflow-auto rounded-lg border border-black/5 bg-black/5 p-3 font-mono text-xs text-text-main dark:border-white/5 dark:bg-white/5 sm:p-4",children:JSON.stringify(f.providerRequest,null,2)})}),f.providerResponse&&(0,s.jsx)(j,{title:"3. Provider Response (Raw)",icon:"data_object",children:(0,s.jsx)("pre",{className:"max-h-[300px] max-w-full overflow-auto rounded-lg border border-black/5 bg-black/5 p-3 font-mono text-xs text-text-main dark:border-white/5 dark:bg-white/5 sm:p-4",children:"object"==typeof f.providerResponse?JSON.stringify(f.providerResponse,null,2):f.providerResponse})}),(0,s.jsxs)(j,{title:"4. Client Response (Final)",defaultOpen:!0,icon:"output",children:[f.response?.thinking&&(0,s.jsxs)("div",{className:"mb-4",children:[(0,s.jsxs)("h4",{className:"font-semibold text-text-main mb-2 flex items-center gap-2 text-xs uppercase tracking-wide opacity-70",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"psychology"}),"Thinking Process"]}),(0,s.jsx)("pre",{className:"max-h-[200px] max-w-full overflow-auto rounded-lg border border-amber-200 bg-amber-50 p-3 font-mono text-xs text-amber-900 dark:border-amber-800 dark:bg-amber-950/30 dark:text-amber-100 sm:p-4",children:f.response.thinking})]}),(0,s.jsx)("h4",{className:"font-semibold text-text-main mb-2 text-xs uppercase tracking-wide opacity-70",children:"Content"}),(0,s.jsx)("pre",{className:"max-h-[300px] max-w-full overflow-auto rounded-lg border border-black/5 bg-black/5 p-3 font-mono text-xs text-text-main dark:border-white/5 dark:bg-white/5 sm:p-4",children:f.response?.content||"[No content]"})]})]})]})})]})}let S=[{value:"today",label:"Today"},{value:"24h",label:"24h"},{value:"7d",label:"7D"},{value:"30d",label:"30D"},{value:"60d",label:"60D"}];function C(){return(0,s.jsx)(l.Suspense,{fallback:(0,s.jsx)(n.Qv,{}),children:(0,s.jsx)(D,{})})}function D(){let e=(0,r.useSearchParams)(),t=(0,r.useRouter)(),[a,i]=(0,l.useState)("today"),d=e.get("tab"),o=d&&["overview","logs","details"].includes(d)?d:"overview";return(0,s.jsxs)("div",{className:"flex min-w-0 flex-col gap-6 px-1 sm:px-0",children:[(0,s.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between",children:[(0,s.jsx)(n.Iz,{options:[{value:"overview",label:"Overview"},{value:"logs",label:"Logs"},{value:"details",label:"Details"}],value:o,onChange:a=>{if(a===o)return;let s=new URLSearchParams(e);s.set("tab",a),t.push(`/dashboard/usage?${s.toString()}`,{scroll:!1})},className:"w-full sm:w-auto"}),"overview"===o&&(0,s.jsx)(n.Iz,{options:S,value:a,onChange:i,size:"sm",className:"w-full sm:w-auto"})]}),"overview"===o&&(0,s.jsx)(l.Suspense,{fallback:(0,s.jsx)(n.Qv,{}),children:(0,s.jsx)(n.jK,{period:a,setPeriod:i,hidePeriodSelector:!0})}),"logs"===o&&(0,s.jsx)(n.gM,{}),"details"===o&&(0,s.jsx)(y,{})]})}},87618:(e,t,a)=>{Promise.resolve().then(a.bind(a,81772))}},e=>{e.O(0,[2574,3862,782,8500,594,1321,4707,1330,8441,3794,7358],()=>e(e.s=87618)),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2825],{35497:(e,t,a)=>{"use strict";a.d(t,{x0:()=>k.default,Ex:()=>o.default,$n:()=>s.default,nh:()=>R.default,Zp:()=>n.default,Qv:()=>d.CardSkeleton,CK:()=>p.default,uo:()=>i.ConfirmModal,G9:()=>j.default,wI:()=>w.default,vj:()=>N.default,vE:()=>v.default,pd:()=>l.default,Mh:()=>g.default,uR:()=>u.default,Nf:()=>h.default,aF:()=>i.default,rq:()=>m.default,gw:()=>y.default,LF:()=>x.default,Wx:()=>D.default,gM:()=>b.default,Iz:()=>S.default,l6:()=>r.default,lM:()=>c.default,m_:()=>C.default,jK:()=>f.default});var s=a(92542),l=a(11910),r=a(98),n=a(84588),i=a(81127),d=a(25086);a(56319);var o=a(56061),c=a(98542);a(61929),a(21110),a(92622),a(8823),a(92173);var x=a(90882),m=a(72908),u=a(28815),p=a(45455),h=a(28058),f=a(4809);a(21931),a(80752),a(40197);var b=a(23615);a(44736);var g=a(62899);a(94230);var j=a(30815),v=a(23936),N=a(95088),w=a(73579),k=a(96748),y=a(4823),S=a(28067),C=a(97677),D=a(51825),R=a(29366);a(76361),a(91450)},81772:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>C});var s=a(95155),l=a(12115),r=a(73321),n=a(35497),i=a(84588),d=a(92542),o=a(31474),c=a(34131);function x({isOpen:e,onClose:t,title:a,children:r,width:n="md",className:i,"aria-label":d}){let m={sm:"w-[400px]",md:"w-[500px]",lg:"w-[600px]",xl:"w-[800px]",full:"w-full"},u=(0,c.sp)({isOpen:e,onClose:t}),p=(0,l.useId)();return e?(0,s.jsxs)("div",{className:"fixed inset-0 z-50",children:[(0,s.jsx)("div",{className:"absolute inset-0 bg-black/50 backdrop-blur-[2px] fade-in cursor-pointer",onClick:t,"aria-hidden":"true"}),(0,s.jsxs)("div",{ref:u,role:"dialog","aria-modal":"true","aria-label":d,"aria-labelledby":d?void 0:a?p:void 0,tabIndex:-1,className:(0,o.cn)("absolute right-0 top-0 h-full bg-surface flex flex-col","shadow-[var(--shadow-elev)]","slide-in-right","border-l border-border-subtle","outline-none",m[n]||m.md,i),children:[(0,s.jsxs)("div",{className:"flex items-center justify-between p-6 border-b border-border-subtle flex-shrink-0",children:[(0,s.jsx)("div",{className:"flex items-center gap-3",children:a&&(0,s.jsx)("h2",{id:p,className:"text-lg font-semibold text-text-main",children:a})}),(0,s.jsx)("button",{type:"button",onClick:t,"aria-label":"Close",className:"p-1.5 rounded-[10px] text-text-muted hover:bg-surface-2 hover:text-text-main transition-colors",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[20px]",children:"close"})})]}),(0,s.jsx)("div",{className:"flex-1 overflow-y-auto p-6 custom-scrollbar",children:r})]})]}):null}function m({currentPage:e,pageSize:t,totalItems:a,onPageChange:l,onPageSizeChange:r,className:n}){let i=Math.ceil(a/t),c=a>0?(e-1)*t+1:0,x=Math.min(e*t,a),u=(()=>{let t=[],a=Math.max(1,e-2),s=Math.min(i,a+5-1);s-a+1<5&&(a=Math.max(1,s-5+1));for(let e=a;e<=s;e++)t.push(e);return t})();return(0,s.jsxs)("div",{className:(0,o.cn)("flex flex-col sm:flex-row items-center justify-between gap-4 py-4 px-2",n),children:[a>0&&(0,s.jsxs)("div",{className:"text-sm text-text-muted",children:["Showing ",(0,s.jsx)("span",{className:"font-medium text-text-main",children:c})," to"," ",(0,s.jsx)("span",{className:"font-medium text-text-main",children:x})," of"," ",(0,s.jsx)("span",{className:"font-medium text-text-main",children:a})," results"]}),(0,s.jsxs)("nav",{"aria-label":"Pagination",className:"flex flex-wrap items-center justify-center gap-2 sm:gap-4",children:[r&&(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[(0,s.jsx)("span",{className:"text-sm text-text-muted",children:"Rows:"}),(0,s.jsx)("select",{"aria-label":"Rows per page",value:t,onChange:e=>r(Number(e.target.value)),className:(0,o.cn)("h-9 rounded-lg border border-black/10 dark:border-white/10 bg-surface","text-sm text-text-main focus:outline-none focus:ring-2 focus:ring-primary/20","cursor-pointer"),style:{colorScheme:"auto"},children:[10,20,50].map(e=>(0,s.jsx)("option",{value:e,children:e},e))})]}),i>1&&(0,s.jsxs)("div",{className:"flex items-center gap-1",children:[(0,s.jsx)(d.default,{variant:"outline","aria-label":"Previous page",onClick:()=>l(e-1),disabled:1===e,className:"w-9 px-0",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"chevron_left"})}),u[0]>1&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(d.default,{variant:"ghost",size:"sm",onClick:()=>l(1),className:"w-9 px-0 hidden sm:inline-flex",children:"1"}),u[0]>2&&(0,s.jsx)("span",{className:"text-text-muted px-1 hidden sm:inline",children:"..."})]}),u.map(t=>(0,s.jsx)(d.default,{variant:e===t?"primary":"ghost",size:"sm","aria-current":e===t?"page":void 0,onClick:()=>l(t),className:(0,o.cn)("w-9 px-0",e===t?"inline-flex":"hidden sm:inline-flex"),children:t},t)),u[u.length-1]<i&&(0,s.jsxs)(s.Fragment,{children:[u[u.length-1]<i-1&&(0,s.jsx)("span",{className:"text-text-muted px-1 hidden sm:inline",children:"..."}),(0,s.jsx)(d.default,{variant:"ghost",size:"sm",onClick:()=>l(i),className:"w-9 px-0 hidden sm:inline-flex",children:i})]}),(0,s.jsx)(d.default,{variant:"outline","aria-label":"Next page",onClick:()=>l(e+1),disabled:e===i,className:"w-9 px-0",children:(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px]",children:"chevron_right"})})]})]})]})}var u=a(88105),p=a(78559);let h=null,f=null;async function b(){if(h&&f)return{providerNameCache:h,providerNodesCache:f};let e=await fetch("/api/provider-nodes"),t=(await e.json()).nodes||[];for(let e of(f={},t))f[e.id]=e.name;return{providerNameCache:h={...u.Q2,...f},providerNodesCache:f}}function g(e,t){if(!e||!t)return e;let a=t[e];if("string"==typeof a)return a;if(a?.name)return a.name;let s=(0,u.zt)(e)||u.Q2[e];return s?.name||e}function j({title:e,children:t,defaultOpen:a=!1,icon:r=null}){let[n,i]=(0,l.useState)(a),d=(0,l.useId)();return(0,s.jsxs)("div",{className:"border border-black/5 dark:border-white/5 rounded-lg overflow-hidden",children:[(0,s.jsxs)("button",{type:"button",onClick:()=>i(!n),"aria-expanded":n,"aria-controls":d,className:"w-full flex items-center justify-between p-3 bg-black/[0.02] dark:bg-white/[0.02] hover:bg-black/[0.04] dark:hover:bg-white/[0.04] transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-primary/50 focus-visible:ring-inset",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2",children:[r&&(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px] text-text-muted","aria-hidden":"true",children:r}),(0,s.jsx)("span",{className:"font-semibold text-sm text-text-main",children:e})]}),(0,s.jsx)("span",{"aria-hidden":"true",className:(0,o.cn)("material-symbols-outlined text-[20px] text-text-muted transition-transform duration-200",n?"rotate-90":""),children:"chevron_right"})]}),n&&(0,s.jsx)("div",{id:d,className:"p-4 border-t border-black/5 dark:border-white/5",children:t})]})}function v({startDate:e,endDate:t}){if(!e||!t)return!1;let a=new Date(e).getTime(),s=new Date(t).getTime();return!(Number.isNaN(a)||Number.isNaN(s))&&a>s}function N(e){return e?.cached_tokens||e?.cache_read_input_tokens||0}function w(e){return e?.cache_creation_input_tokens||0}function k(e){let t=e?.prompt_tokens||e?.input_tokens||0,a=N(e);return t<a?a:t}function y(){let[e,t]=(0,l.useState)([]),[a,r]=(0,l.useState)({page:1,pageSize:20,totalItems:0,totalPages:0}),[n,c]=(0,l.useState)(!1),[u,h]=(0,l.useState)(null),[f,y]=(0,l.useState)(null),[S,C]=(0,l.useState)(!1),[D,R]=(0,l.useState)(!1),[_,P]=(0,l.useState)(null),L=(0,l.useRef)(0),T=(0,l.useRef)(0),[z,I]=(0,l.useState)([]),[q,F]=(0,l.useState)(null),[E,M]=(0,l.useState)({provider:"",startDate:"",endDate:""}),O=(0,l.useCallback)(async()=>{try{let e=await fetch("/api/usage/providers"),t=await e.json();I(t.providers||[]);let a=await b();F(a.providerNameCache)}catch(e){(0,p.s)("Failed to fetch providers:",e)}},[]),$=(0,l.useCallback)(async()=>{if(v(E))return;let e=L.current+1;L.current=e,c(!0),h(null);try{let s=new URLSearchParams({page:a.page.toString(),pageSize:a.pageSize.toString()});E.provider&&s.append("provider",E.provider),E.startDate&&s.append("startDate",E.startDate),E.endDate&&s.append("endDate",E.endDate);let l=await fetch(`/api/usage/request-details?${s}`);if(e!==L.current)return;if(!l.ok)throw Error(`Request failed with status ${l.status}`);let n=await l.json();if(e!==L.current)return;t(n.details||[]),r(e=>({...e,...n.pagination}))}catch(t){if(e!==L.current)return;(0,p.s)("Failed to fetch request details:",t),h(t?.message||"Network request failed")}finally{e===L.current&&c(!1)}},[a.page,a.pageSize,E]);(0,l.useEffect)(()=>{O()},[O]),(0,l.useEffect)(()=>{$()},[$]);let Q=async e=>{let t=T.current+1;T.current=t,y({...e,_loading:!0}),P(null),R(!0),C(!0);try{let a=await fetch(`/api/usage/request-details/${encodeURIComponent(e.id)}`);if(!a.ok)throw Error(`Request failed with status ${a.status}`);let s=await a.json();if(t!==T.current)return;y(s.detail||e)}catch(a){if(t!==T.current)return;(0,p.s)("Failed to fetch full request payload:",a),y(e),P("Full payload unavailable — showing list metadata.")}finally{t===T.current&&R(!1)}},A=v(E),J=e=>{M(t=>({...t,...e})),r(e=>({...e,page:1}))};return(0,s.jsxs)("div",{className:"flex min-w-0 flex-col gap-6",children:[(0,s.jsxs)(i.default,{padding:"md",children:[(0,s.jsxs)("div",{className:"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",children:[(0,s.jsxs)("div",{className:"flex min-w-0 flex-col gap-2",children:[(0,s.jsx)("label",{htmlFor:"provider-filter",className:"text-sm font-medium text-text-main",children:"Provider"}),(0,s.jsxs)("select",{id:"provider-filter",value:E.provider,onChange:e=>J({provider:e.target.value}),className:(0,o.cn)("h-9 px-3 rounded-lg border border-black/10 dark:border-white/10 bg-surface","text-sm text-text-main focus:outline-none focus:ring-2 focus:ring-primary/20","w-full min-w-0 cursor-pointer"),style:{colorScheme:"auto"},children:[(0,s.jsx)("option",{value:"",children:"All Providers"}),z.map(e=>(0,s.jsx)("option",{value:e.id,children:e.name},e.id))]})]}),(0,s.jsxs)("div",{className:"flex min-w-0 flex-col gap-2",children:[(0,s.jsx)("label",{htmlFor:"start-date-filter",className:"text-sm font-medium text-text-main",children:"Start Date"}),(0,s.jsx)("input",{id:"start-date-filter",type:"datetime-local",value:E.startDate,"aria-invalid":A||void 0,"aria-describedby":A?"usage-date-range-error":void 0,onChange:e=>J({startDate:e.target.value}),className:(0,o.cn)("h-9 px-3 rounded-lg border border-black/10 dark:border-white/10 bg-surface","w-full min-w-0 text-sm text-text-main focus:outline-none focus:ring-2 focus:ring-primary/20")})]}),(0,s.jsxs)("div",{className:"flex min-w-0 flex-col gap-2",children:[(0,s.jsx)("label",{htmlFor:"end-date-filter",className:"text-sm font-medium text-text-main",children:"End Date"}),(0,s.jsx)("input",{id:"end-date-filter",type:"datetime-local",value:E.endDate,"aria-invalid":A||void 0,"aria-describedby":A?"usage-date-range-error":void 0,onChange:e=>J({endDate:e.target.value}),className:(0,o.cn)("h-9 px-3 rounded-lg border border-black/10 dark:border-white/10 bg-surface","w-full min-w-0 text-sm text-text-main focus:outline-none focus:ring-2 focus:ring-primary/20")})]}),(0,s.jsxs)("div",{className:"flex min-w-0 flex-col gap-2 sm:col-span-2 lg:col-span-1",children:[(0,s.jsx)("span",{className:"hidden text-sm font-medium text-text-main opacity-0 lg:block","aria-hidden":"true",children:"Clear"}),(0,s.jsx)(d.default,{variant:"ghost",onClick:()=>{M({provider:"",startDate:"",endDate:""}),r(e=>({...e,page:1}))},disabled:!E.provider&&!E.startDate&&!E.endDate,className:"w-full",children:"Clear Filters"})]})]}),A&&(0,s.jsx)("div",{id:"usage-date-range-error",role:"alert",className:"mt-3 text-sm text-danger",children:"Start Date must be on or before End Date."})]}),(0,s.jsxs)(i.default,{padding:"none",children:[(0,s.jsx)("div",{className:"overflow-x-auto",children:(0,s.jsxs)("table",{className:"w-full min-w-[880px]",children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{className:"border-b border-black/5 dark:border-white/5",children:[(0,s.jsx)("th",{className:"text-left p-4 text-sm font-semibold text-text-main",children:"Timestamp"}),(0,s.jsx)("th",{className:"text-left p-4 text-sm font-semibold text-text-main",children:"Model"}),(0,s.jsx)("th",{className:"text-left p-4 text-sm font-semibold text-text-main",children:"Provider"}),(0,s.jsx)("th",{className:"text-right p-4 text-sm font-semibold text-text-main",children:"Input Tokens"}),(0,s.jsx)("th",{className:"text-right p-4 text-sm font-semibold text-text-main",children:"Cached"}),(0,s.jsx)("th",{className:"text-right p-4 text-sm font-semibold text-text-main",children:"Cache Creation"}),(0,s.jsx)("th",{className:"text-right p-4 text-sm font-semibold text-text-main",children:"Output Tokens"}),(0,s.jsx)("th",{className:"text-left p-4 text-sm font-semibold text-text-main",children:"Latency"}),(0,s.jsx)("th",{className:"text-center p-4 text-sm font-semibold text-text-main",children:"Action"})]})}),(0,s.jsx)("tbody",{children:n?(0,s.jsx)("tr",{children:(0,s.jsx)("td",{colSpan:"9",className:"p-8 text-center text-text-muted",children:(0,s.jsxs)("div",{className:"flex items-center justify-center gap-2",children:[(0,s.jsx)("span",{className:"material-symbols-outlined animate-spin text-[20px]","aria-hidden":"true",children:"progress_activity"}),"Loading..."]})})}):u?(0,s.jsx)("tr",{children:(0,s.jsx)("td",{colSpan:"9",className:"p-8 text-center",children:(0,s.jsxs)("div",{role:"alert",className:"flex flex-col items-center justify-center gap-2",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[24px] text-danger","aria-hidden":"true",children:"error"}),(0,s.jsx)("p",{className:"text-sm font-medium text-text-main",children:"Failed to load request details"}),(0,s.jsx)("p",{className:"text-xs text-text-muted",children:u}),(0,s.jsx)(d.default,{variant:"outline",size:"sm",onClick:()=>$(),className:"mt-1",children:"Retry"})]})})}):0===e.length?(0,s.jsx)("tr",{children:(0,s.jsx)("td",{colSpan:"9",className:"p-8 text-center text-text-muted",children:"No request details found"})}):e.map((e,t)=>(0,s.jsxs)("tr",{className:"border-b border-black/5 dark:border-white/5 last:border-b-0 hover:bg-black/[0.02] dark:hover:bg-white/[0.02] transition-colors",children:[(0,s.jsx)("td",{className:"whitespace-nowrap p-4 text-sm text-text-main",children:new Date(e.timestamp).toLocaleString()}),(0,s.jsx)("td",{className:"max-w-[260px] truncate p-4 font-mono text-sm text-text-main",children:e.model}),(0,s.jsx)("td",{className:"max-w-[180px] truncate p-4 text-sm text-text-main",children:(0,s.jsx)("span",{className:"font-medium",children:g(e.provider,q)})}),(0,s.jsx)("td",{className:"p-4 text-sm text-text-main text-right font-mono",children:k(e.tokens).toLocaleString()}),(0,s.jsx)("td",{className:"p-4 text-sm text-text-main text-right font-mono",children:N(e.tokens)>0?N(e.tokens).toLocaleString():"—"}),(0,s.jsx)("td",{className:"p-4 text-sm text-text-main text-right font-mono",children:w(e.tokens)>0?w(e.tokens).toLocaleString():"—"}),(0,s.jsx)("td",{className:"p-4 text-sm text-text-main text-right font-mono",children:e.tokens?.completion_tokens?.toLocaleString()||0}),(0,s.jsx)("td",{className:"p-4 text-sm text-text-muted",children:(0,s.jsxs)("div",{className:"flex flex-col gap-0.5",children:[(0,s.jsxs)("div",{children:["TTFT: ",(0,s.jsxs)("span",{className:"font-mono",children:[e.latency?.ttft||0,"ms"]})]}),(0,s.jsxs)("div",{children:["Total: ",(0,s.jsxs)("span",{className:"font-mono",children:[e.latency?.total||0,"ms"]})]})]})}),(0,s.jsx)("td",{className:"p-4 text-center",children:(0,s.jsx)(d.default,{variant:"outline",size:"sm",onClick:()=>Q(e),children:"Detail"})})]},`${e.id}-${t}`))})]})}),!n&&!u&&e.length>0&&(0,s.jsx)("div",{className:"border-t border-black/5 dark:border-white/5",children:(0,s.jsx)(m,{currentPage:a.page,pageSize:a.pageSize,totalItems:a.totalItems,onPageChange:e=>{r(t=>({...t,page:e}))},onPageSizeChange:e=>{r(t=>({...t,pageSize:e,page:1}))}})})]}),(0,s.jsx)(x,{isOpen:S,onClose:()=>{C(!1),P(null)},title:"Request Details",width:"lg",children:f&&(0,s.jsxs)("div",{className:"space-y-6",children:[D&&(0,s.jsxs)("div",{className:"flex items-center gap-2 text-sm text-text-muted",role:"status",children:[(0,s.jsx)("span",{className:"material-symbols-outlined animate-spin text-[20px]","aria-hidden":"true",children:"progress_activity"}),"Loading full payload…"]}),_&&(0,s.jsx)("div",{role:"alert",className:"rounded-lg border border-amber-500/30 bg-amber-500/10 px-3 py-2 text-sm text-amber-600 dark:text-amber-300",children:_}),(0,s.jsxs)("div",{className:"grid min-w-0 grid-cols-1 gap-4 text-sm sm:grid-cols-2",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-text-muted",children:"ID:"})," ",(0,s.jsx)("span",{className:"break-all font-mono text-text-main",children:f.id})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-text-muted",children:"Timestamp:"})," ",(0,s.jsx)("span",{className:"text-text-main",children:new Date(f.timestamp).toLocaleString()})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-text-muted",children:"Provider:"})," ",(0,s.jsx)("span",{className:"text-text-main font-medium",children:g(f.provider,q)})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-text-muted",children:"Model:"})," ",(0,s.jsx)("span",{className:"text-text-main font-mono",children:f.model})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-text-muted",children:"Status:"})," ",(0,s.jsx)("span",{className:(0,o.cn)("font-medium","success"===f.status?"text-green-600":"text-red-600"),children:f.status})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-text-muted",children:"Latency:"})," ",(0,s.jsxs)("span",{className:"text-text-main font-mono",children:["TTFT ",f.latency?.ttft||0,"ms / Total ",f.latency?.total||0,"ms"]})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-text-muted",children:"Input Tokens:"})," ",(0,s.jsx)("span",{className:"text-text-main font-mono",children:k(f.tokens).toLocaleString()})]}),N(f.tokens)>0&&(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-text-muted",children:"Cached Tokens:"})," ",(0,s.jsx)("span",{className:"text-text-main font-mono",children:N(f.tokens).toLocaleString()})]}),w(f.tokens)>0&&(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-text-muted",children:"Cache Creation:"})," ",(0,s.jsx)("span",{className:"text-text-main font-mono",children:w(f.tokens).toLocaleString()})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-text-muted",children:"Output Tokens:"})," ",(0,s.jsx)("span",{className:"text-text-main font-mono",children:f.tokens?.completion_tokens?.toLocaleString()||0})]})]}),f.pxpipe&&(0,s.jsxs)("div",{className:"rounded-lg border border-black/5 dark:border-white/5 p-4",children:[(0,s.jsxs)("div",{className:"flex items-center gap-2 mb-2",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[18px] text-text-muted",children:"image"}),(0,s.jsx)("span",{className:"font-semibold text-sm text-text-main",children:"PXPIPE"}),(0,s.jsx)("span",{className:(0,o.cn)("text-xs px-2 py-0.5 rounded",f.pxpipe.applied?"bg-green-500/15 text-green-600":"bg-amber-500/15 text-amber-600"),children:f.pxpipe.applied?"Activated":"Skipped"})]}),f.pxpipe.applied?(0,s.jsxs)("div",{className:"grid grid-cols-2 gap-2 text-sm sm:grid-cols-4",children:[(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-text-muted block text-xs",children:"Original (est.)"}),(0,s.jsxs)("span",{className:"font-mono",children:[(f.pxpipe.tokensBeforeEst||0).toLocaleString()," tokens"]})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-text-muted block text-xs",children:"Compressed (est.)"}),(0,s.jsxs)("span",{className:"font-mono",children:[(f.pxpipe.tokensAfterEst||0).toLocaleString()," tokens"]})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-text-muted block text-xs",children:"Saved"}),(0,s.jsxs)("span",{className:"font-mono text-green-600",children:[f.pxpipe.savedPct||0,"%"]})]}),(0,s.jsxs)("div",{children:[(0,s.jsx)("span",{className:"text-text-muted block text-xs",children:"Images"}),(0,s.jsxs)("span",{className:"font-mono",children:[f.pxpipe.imageCount||0," (",f.pxpipe.durationMs||0,"ms)"]})]})]}):(0,s.jsxs)("p",{className:"text-sm text-text-muted",children:["Reason: ",(0,s.jsx)("span",{className:"font-mono",children:f.pxpipe.reason}),f.pxpipe.detail?` — ${f.pxpipe.detail}`:""]})]}),(0,s.jsxs)("div",{className:"space-y-4",children:[(0,s.jsx)(j,{title:"1. Client Request (Input)",defaultOpen:!0,icon:"input",children:(0,s.jsx)("pre",{className:"max-h-[300px] max-w-full overflow-auto rounded-lg border border-black/5 bg-black/5 p-3 font-mono text-xs text-text-main dark:border-white/5 dark:bg-white/5 sm:p-4",children:JSON.stringify(f.request,null,2)})}),f.providerRequest&&(0,s.jsx)(j,{title:"2. Provider Request (Translated)",icon:"translate",children:(0,s.jsx)("pre",{className:"max-h-[300px] max-w-full overflow-auto rounded-lg border border-black/5 bg-black/5 p-3 font-mono text-xs text-text-main dark:border-white/5 dark:bg-white/5 sm:p-4",children:JSON.stringify(f.providerRequest,null,2)})}),f.providerResponse&&(0,s.jsx)(j,{title:"3. Provider Response (Raw)",icon:"data_object",children:(0,s.jsx)("pre",{className:"max-h-[300px] max-w-full overflow-auto rounded-lg border border-black/5 bg-black/5 p-3 font-mono text-xs text-text-main dark:border-white/5 dark:bg-white/5 sm:p-4",children:"object"==typeof f.providerResponse?JSON.stringify(f.providerResponse,null,2):f.providerResponse})}),(0,s.jsxs)(j,{title:"4. Client Response (Final)",defaultOpen:!0,icon:"output",children:[f.response?.thinking&&(0,s.jsxs)("div",{className:"mb-4",children:[(0,s.jsxs)("h4",{className:"font-semibold text-text-main mb-2 flex items-center gap-2 text-xs uppercase tracking-wide opacity-70",children:[(0,s.jsx)("span",{className:"material-symbols-outlined text-[16px]",children:"psychology"}),"Thinking Process"]}),(0,s.jsx)("pre",{className:"max-h-[200px] max-w-full overflow-auto rounded-lg border border-amber-200 bg-amber-50 p-3 font-mono text-xs text-amber-900 dark:border-amber-800 dark:bg-amber-950/30 dark:text-amber-100 sm:p-4",children:f.response.thinking})]}),(0,s.jsx)("h4",{className:"font-semibold text-text-main mb-2 text-xs uppercase tracking-wide opacity-70",children:"Content"}),(0,s.jsx)("pre",{className:"max-h-[300px] max-w-full overflow-auto rounded-lg border border-black/5 bg-black/5 p-3 font-mono text-xs text-text-main dark:border-white/5 dark:bg-white/5 sm:p-4",children:f.response?.content||"[No content]"})]})]})]})})]})}let S=[{value:"today",label:"Today"},{value:"24h",label:"24h"},{value:"7d",label:"7D"},{value:"30d",label:"30D"},{value:"60d",label:"60D"}];function C(){return(0,s.jsx)(l.Suspense,{fallback:(0,s.jsx)(n.Qv,{}),children:(0,s.jsx)(D,{})})}function D(){let e=(0,r.useSearchParams)(),t=(0,r.useRouter)(),[a,i]=(0,l.useState)("today"),d=e.get("tab"),o=d&&["overview","logs","details"].includes(d)?d:"overview";return(0,s.jsxs)("div",{className:"flex min-w-0 flex-col gap-6 px-1 sm:px-0",children:[(0,s.jsxs)("div",{className:"flex flex-col gap-2 sm:flex-row sm:items-center sm:justify-between",children:[(0,s.jsx)(n.Iz,{options:[{value:"overview",label:"Overview"},{value:"logs",label:"Logs"},{value:"details",label:"Details"}],value:o,onChange:a=>{if(a===o)return;let s=new URLSearchParams(e);s.set("tab",a),t.push(`/dashboard/usage?${s.toString()}`,{scroll:!1})},className:"w-full sm:w-auto"}),"overview"===o&&(0,s.jsx)(n.Iz,{options:S,value:a,onChange:i,size:"sm",className:"w-full sm:w-auto"})]}),"overview"===o&&(0,s.jsx)(l.Suspense,{fallback:(0,s.jsx)(n.Qv,{}),children:(0,s.jsx)(n.jK,{period:a,setPeriod:i,hidePeriodSelector:!0})}),"logs"===o&&(0,s.jsx)(n.gM,{}),"details"===o&&(0,s.jsx)(y,{})]})}},87618:(e,t,a)=>{Promise.resolve().then(a.bind(a,81772))}},e=>{e.O(0,[2574,3862,782,8500,594,4601,1321,1330,8441,3794,7358],()=>e(e.s=87618)),_N_E=e.O()}]);

package/app/.next/static/chunks/app/(dashboard)/{layout-6dfa9d7deb27d461.js → layout-c0725f0b6b7f0bea.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9305],{19216:(e,s,n)=>{Promise.resolve().then(n.bind(n,96748)),Promise.resolve().then(n.bind(n,56319)),Promise.resolve().then(n.bind(n,56061)),Promise.resolve().then(n.bind(n,92542)),Promise.resolve().then(n.bind(n,29366)),Promise.resolve().then(n.bind(n,84588)),Promise.resolve().then(n.bind(n,40197)),Promise.resolve().then(n.bind(n,45455)),Promise.resolve().then(n.bind(n,30815)),Promise.resolve().then(n.bind(n,73579)),Promise.resolve().then(n.bind(n,92173)),Promise.resolve().then(n.bind(n,95088)),Promise.resolve().then(n.bind(n,8823)),Promise.resolve().then(n.bind(n,80752)),Promise.resolve().then(n.bind(n,23936)),Promise.resolve().then(n.bind(n,11910)),Promise.resolve().then(n.bind(n,44736)),Promise.resolve().then(n.bind(n,62899)),Promise.resolve().then(n.bind(n,94230)),Promise.resolve().then(n.bind(n,21931)),Promise.resolve().then(n.bind(n,91450)),Promise.resolve().then(n.bind(n,76361)),Promise.resolve().then(n.bind(n,25086)),Promise.resolve().then(n.bind(n,28815)),Promise.resolve().then(n.bind(n,28058)),Promise.resolve().then(n.bind(n,81127)),Promise.resolve().then(n.bind(n,72908)),Promise.resolve().then(n.bind(n,4823)),Promise.resolve().then(n.bind(n,90882)),Promise.resolve().then(n.bind(n,51825)),Promise.resolve().then(n.bind(n,23615)),Promise.resolve().then(n.bind(n,28067)),Promise.resolve().then(n.bind(n,98)),Promise.resolve().then(n.bind(n,92622)),Promise.resolve().then(n.bind(n,21110)),Promise.resolve().then(n.bind(n,61929)),Promise.resolve().then(n.bind(n,98542)),Promise.resolve().then(n.bind(n,97677)),Promise.resolve().then(n.bind(n,4809)),Promise.resolve().then(n.bind(n,28469))},28469:(e,s,n)=>{"use strict";n.d(s,{default:()=>l});var r=n(95155),i=n(12115),o=n(26430),t=n(35625);function l({children:e}){let[s]=(0,i.useState)(()=>new o.E({defaultOptions:{queries:{staleTime:3e4,refetchOnWindowFocus:!1,retry:1}}}));return(0,r.jsx)(t.Ht,{client:s,children:e})}}},e=>{e.O(0,[2574,3862,782,8500,594,6430,1321,4707,1330,8441,3794,7358],()=>e(e.s=19216)),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[9305],{19216:(e,s,n)=>{Promise.resolve().then(n.bind(n,96748)),Promise.resolve().then(n.bind(n,56319)),Promise.resolve().then(n.bind(n,56061)),Promise.resolve().then(n.bind(n,92542)),Promise.resolve().then(n.bind(n,29366)),Promise.resolve().then(n.bind(n,84588)),Promise.resolve().then(n.bind(n,40197)),Promise.resolve().then(n.bind(n,45455)),Promise.resolve().then(n.bind(n,30815)),Promise.resolve().then(n.bind(n,73579)),Promise.resolve().then(n.bind(n,92173)),Promise.resolve().then(n.bind(n,95088)),Promise.resolve().then(n.bind(n,8823)),Promise.resolve().then(n.bind(n,80752)),Promise.resolve().then(n.bind(n,23936)),Promise.resolve().then(n.bind(n,11910)),Promise.resolve().then(n.bind(n,44736)),Promise.resolve().then(n.bind(n,62899)),Promise.resolve().then(n.bind(n,94230)),Promise.resolve().then(n.bind(n,21931)),Promise.resolve().then(n.bind(n,91450)),Promise.resolve().then(n.bind(n,76361)),Promise.resolve().then(n.bind(n,25086)),Promise.resolve().then(n.bind(n,28815)),Promise.resolve().then(n.bind(n,28058)),Promise.resolve().then(n.bind(n,81127)),Promise.resolve().then(n.bind(n,72908)),Promise.resolve().then(n.bind(n,4823)),Promise.resolve().then(n.bind(n,90882)),Promise.resolve().then(n.bind(n,51825)),Promise.resolve().then(n.bind(n,23615)),Promise.resolve().then(n.bind(n,28067)),Promise.resolve().then(n.bind(n,98)),Promise.resolve().then(n.bind(n,92622)),Promise.resolve().then(n.bind(n,21110)),Promise.resolve().then(n.bind(n,61929)),Promise.resolve().then(n.bind(n,98542)),Promise.resolve().then(n.bind(n,97677)),Promise.resolve().then(n.bind(n,4809)),Promise.resolve().then(n.bind(n,28469))},28469:(e,s,n)=>{"use strict";n.d(s,{default:()=>l});var r=n(95155),i=n(12115),o=n(26430),t=n(35625);function l({children:e}){let[s]=(0,i.useState)(()=>new o.E({defaultOptions:{queries:{staleTime:3e4,refetchOnWindowFocus:!1,retry:1}}}));return(0,r.jsx)(t.Ht,{client:s,children:e})}}},e=>{e.O(0,[2574,3862,782,8500,594,6430,4601,1321,1330,8441,3794,7358],()=>e(e.s=19216)),_N_E=e.O()}]);

package/app/.next/static/chunks/app/dashboard/settings/pricing/page-e08a7bfc3255b9c7.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7370],{1934:(e,t,s)=>{"use strict";s.d(t,{v:()=>n});var r=s(12115);let a=e=>{let t,s=new Set,r=(e,r)=>{let a="function"==typeof e?e(t):e;if(!Object.is(a,t)){let e=t;t=(null!=r?r:"object"!=typeof a||null===a)?a:Object.assign({},t,a),s.forEach(s=>s(t,e))}},a=()=>t,i={setState:r,getState:a,getInitialState:()=>n,subscribe:e=>(s.add(e),()=>s.delete(e))},n=t=e(r,a,i);return i},i=e=>{let t=e?a(e):a,s=e=>(function(e,t=e=>e){let s=r.useSyncExternalStore(e.subscribe,r.useCallback(()=>t(e.getState()),[e,t]),r.useCallback(()=>t(e.getInitialState()),[e,t]));return r.useDebugValue(s),s})(t,e);return Object.assign(s,t),s},n=e=>e?i(e):i},64533:(e,t,s)=>{"use strict";s.r(t),s.d(t,{default:()=>u});var r=s(95155),a=s(12115),i=s(73321),n=s(84588),l=s(34131),c=s(47224),d=s(78559),o=s(77251);function x({isOpen:e,onClose:t,onSave:s}){let[i,n]=(0,a.useState)({}),[u,m]=(0,a.useState)(!0),[h,p]=(0,a.useState)(!1),b=(0,l.sp)({isOpen:e,onClose:t});(0,a.useEffect)(()=>{e&&j()},[e]);let j=async()=>{m(!0);try{let e=await fetch("/api/pricing");if(e.ok){let t=await e.json();n(t)}else{let e=(0,c.ad)();n(e)}}catch(e){(0,d.s)("Failed to load pricing:",e),n((0,c.ad)())}finally{m(!1)}},g=async()=>{p(!0);try{let e=await fetch("/api/pricing",{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify(i)});if(e.ok)s?.(),t();else{let t=await e.json();(0,d.s)(`Failed to save pricing: ${t.error}`)}}catch(e){(0,d.s)("Failed to save pricing:",e),(0,d.s)("Failed to save pricing")}finally{p(!1)}},f=async()=>{if(await (0,o.l)({message:"Reset all pricing to defaults? This cannot be undone.",confirmText:"Continue"}))try{if((await fetch("/api/pricing",{method:"DELETE"})).ok){let e=(0,c.ad)();n(e)}}catch(e){(0,d.s)("Failed to reset pricing:",e),(0,d.s)("Failed to reset pricing")}};if(!e)return null;let N=Object.keys(i).sort(),y=["input","output","cached","reasoning","cache_creation"];return(0,r.jsx)("div",{className:"fixed inset-0 bg-black/50 flex items-center justify-center z-50 p-4",children:(0,r.jsxs)("div",{className:"bg-bg-base border border-border rounded-lg shadow-xl max-w-6xl w-full max-h-[90vh] overflow-hidden flex flex-col",role:"dialog","aria-modal":"true","aria-label":"Pricing Configuration",ref:b,tabIndex:-1,children:[(0,r.jsxs)("div",{className:"p-4 border-b border-border flex items-center justify-between",children:[(0,r.jsx)("h2",{className:"text-xl font-semibold",children:"Pricing Configuration"}),(0,r.jsx)("button",{onClick:t,className:"text-text-muted hover:text-text text-2xl leading-none","aria-label":"Close",children:"\xd7"})]}),(0,r.jsx)("div",{className:"flex-1 overflow-auto p-4",children:u?(0,r.jsx)("div",{className:"text-center py-8 text-text-muted",children:"Loading pricing data..."}):(0,r.jsxs)("div",{className:"space-y-6",children:[(0,r.jsxs)("div",{className:"bg-bg-subtle border border-border rounded-lg p-3 text-sm",children:[(0,r.jsx)("p",{className:"font-medium mb-1",children:"Pricing Rates Format"}),(0,r.jsxs)("p",{className:"text-text-muted",children:["All rates are in ",(0,r.jsx)("strong",{children:"dollars per million tokens"})," ($/1M tokens). Example: Input rate of 2.50 means $2.50 per 1,000,000 input tokens."]})]}),N.map(e=>{let t=Object.keys(i[e]).sort();return(0,r.jsxs)("div",{className:"border border-border rounded-lg overflow-hidden",children:[(0,r.jsx)("div",{className:"bg-bg-subtle px-4 py-2 font-semibold text-sm",children:e.toUpperCase()}),(0,r.jsx)("div",{className:"overflow-x-auto",children:(0,r.jsxs)("table",{className:"w-full text-sm",children:[(0,r.jsx)("thead",{className:"bg-bg-hover text-text-muted uppercase text-xs",children:(0,r.jsxs)("tr",{children:[(0,r.jsx)("th",{className:"px-3 py-2 text-left",children:"Model"}),(0,r.jsx)("th",{className:"px-3 py-2 text-right",children:"Input"}),(0,r.jsx)("th",{className:"px-3 py-2 text-right",children:"Output"}),(0,r.jsx)("th",{className:"px-3 py-2 text-right",children:"Cached"}),(0,r.jsx)("th",{className:"px-3 py-2 text-right",children:"Reasoning"}),(0,r.jsx)("th",{className:"px-3 py-2 text-right",children:"Cache Creation"})]})}),(0,r.jsx)("tbody",{className:"divide-y divide-border",children:t.map(t=>(0,r.jsxs)("tr",{className:"hover:bg-bg-subtle/50",children:[(0,r.jsx)("td",{className:"px-3 py-2 font-medium",children:t}),y.map(s=>(0,r.jsx)("td",{className:"px-3 py-2",children:(0,r.jsx)("input",{type:"number",step:"0.01",min:"0",value:i[e][t][s]||0,onChange:r=>{let a;!isNaN(a=parseFloat(r.target.value))&&!(a<0)&&n(r=>{let i={...r};return i[e]||(i[e]={}),i[e][t]||(i[e][t]={}),i[e][t][s]=a,i})},className:"w-20 px-2 py-1 text-right bg-bg-base border border-border rounded focus:outline-none focus:border-primary"})},s))]},t))})]})})]},e)}),0===N.length&&(0,r.jsx)("div",{className:"text-center py-8 text-text-muted",children:"No pricing data available"})]})}),(0,r.jsxs)("div",{className:"p-4 border-t border-border flex items-center justify-between gap-2",children:[(0,r.jsx)("button",{onClick:f,className:"px-4 py-2 text-sm text-red-500 hover:bg-red-500/10 rounded border border-red-500/20 transition-colors",disabled:h,children:"Reset to Defaults"}),(0,r.jsxs)("div",{className:"flex gap-2",children:[(0,r.jsx)("button",{onClick:t,className:"px-4 py-2 text-sm text-text-muted hover:text-text border border-border rounded transition-colors",disabled:h,children:"Cancel"}),(0,r.jsx)("button",{onClick:g,className:"px-4 py-2 text-sm bg-primary text-on-primary rounded hover:bg-primary/90 transition-colors disabled:opacity-50",disabled:h,children:h?"Saving...":"Save Changes"})]})]})]})})}function u(){(0,i.useRouter)();let[e,t]=(0,a.useState)(!1),[s,l]=(0,a.useState)(null),[c,o]=(0,a.useState)(!0);(0,a.useEffect)(()=>{u()},[]);let u=async()=>{o(!0);try{let e=await fetch("/api/pricing");if(e.ok){let t=await e.json();l(t)}}catch(e){(0,d.s)("Failed to load pricing:",e)}finally{o(!1)}};return(0,r.jsxs)("div",{className:"max-w-6xl mx-auto p-6 space-y-6",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between",children:[(0,r.jsxs)("div",{children:[(0,r.jsx)("h1",{className:"text-3xl font-bold",children:"Pricing Settings"}),(0,r.jsx)("p",{className:"text-text-muted mt-1",children:"Configure pricing rates for cost tracking and calculations"})]}),(0,r.jsx)("button",{onClick:()=>t(!0),className:"px-4 py-2 bg-primary text-on-primary rounded hover:bg-primary/90 transition-colors",children:"Edit Pricing"})]}),(0,r.jsxs)("div",{className:"grid grid-cols-1 md:grid-cols-3 gap-4",children:[(0,r.jsxs)(n.default,{className:"p-4",children:[(0,r.jsx)("div",{className:"text-text-muted text-sm uppercase font-semibold",children:"Total Models"}),(0,r.jsx)("div",{className:"text-2xl font-bold mt-1",children:c?"...":(()=>{if(!s)return 0;let e=0;for(let t in s)e+=Object.keys(s[t]).length;return e})()})]}),(0,r.jsxs)(n.default,{className:"p-4",children:[(0,r.jsx)("div",{className:"text-text-muted text-sm uppercase font-semibold",children:"Providers"}),(0,r.jsx)("div",{className:"text-2xl font-bold mt-1",children:c?"...":(!s?[]:Object.keys(s).sort()).length})]}),(0,r.jsxs)(n.default,{className:"p-4",children:[(0,r.jsx)("div",{className:"text-text-muted text-sm uppercase font-semibold",children:"Status"}),(0,r.jsx)("div",{className:"text-2xl font-bold mt-1 text-success",children:c?"...":"Active"})]})]}),(0,r.jsxs)(n.default,{className:"p-6",children:[(0,r.jsx)("h2",{className:"text-xl font-semibold mb-4",children:"How Pricing Works"}),(0,r.jsxs)("div",{className:"space-y-3 text-sm text-text-muted",children:[(0,r.jsxs)("p",{children:[(0,r.jsx)("strong",{children:"Cost Calculation:"})," Costs are calculated based on token usage and pricing rates. Each request's cost is determined by: (input_tokens \xd7 input_rate) + (output_tokens \xd7 output_rate) + (cached_tokens \xd7 cached_rate)"]}),(0,r.jsxs)("p",{children:[(0,r.jsx)("strong",{children:"Pricing Format:"})," All rates are in ",(0,r.jsx)("strong",{children:"dollars per million tokens"})," ($/1M tokens). Example: An input rate of 2.50 means $2.50 per 1,000,000 input tokens."]}),(0,r.jsx)("p",{children:(0,r.jsx)("strong",{children:"Token Types:"})}),(0,r.jsxs)("ul",{className:"list-disc list-inside ml-4 space-y-1",children:[(0,r.jsxs)("li",{children:[(0,r.jsx)("strong",{children:"Input:"})," Standard prompt tokens"]}),(0,r.jsxs)("li",{children:[(0,r.jsx)("strong",{children:"Output:"})," Completion/response tokens"]}),(0,r.jsxs)("li",{children:[(0,r.jsx)("strong",{children:"Cached:"})," Cached input tokens (typically 50% of input rate)"]}),(0,r.jsxs)("li",{children:[(0,r.jsx)("strong",{children:"Reasoning:"})," Special reasoning/thinking tokens (fallback to output rate)"]}),(0,r.jsxs)("li",{children:[(0,r.jsx)("strong",{children:"Cache Creation:"})," Tokens used to create cache entries (fallback to input rate)"]})]}),(0,r.jsxs)("p",{children:[(0,r.jsx)("strong",{children:"Custom Pricing:"})," You can override default pricing for specific models. Reset to defaults anytime to restore standard rates."]})]})]}),(0,r.jsxs)(n.default,{className:"p-6",children:[(0,r.jsxs)("div",{className:"flex items-center justify-between mb-4",children:[(0,r.jsx)("h2",{className:"text-xl font-semibold",children:"Current Pricing Overview"}),(0,r.jsx)("button",{onClick:()=>t(!0),className:"text-primary hover:underline text-sm",children:"View Full Details"})]}),c?(0,r.jsx)("div",{className:"text-center py-4 text-text-muted",children:"Loading pricing data..."}):s?(0,r.jsxs)("div",{className:"space-y-3",children:[Object.keys(s).slice(0,5).map(e=>(0,r.jsxs)("div",{className:"text-sm",children:[(0,r.jsxs)("span",{className:"font-semibold",children:[e.toUpperCase(),":"]})," ",(0,r.jsxs)("span",{className:"text-text-muted",children:[Object.keys(s[e]).length," models"]})]},e)),Object.keys(s).length>5&&(0,r.jsxs)("div",{className:"text-sm text-text-muted",children:["+ ",Object.keys(s).length-5," more providers"]})]}):(0,r.jsx)("div",{className:"text-text-muted",children:"No pricing data available"})]}),e&&(0,r.jsx)(x,{isOpen:e,onClose:()=>t(!1),onSave:()=>{u()}})]})}},73321:(e,t,s)=>{"use strict";var r=s(74645);s.o(r,"notFound")&&s.d(t,{notFound:function(){return r.notFound}}),s.o(r,"useParams")&&s.d(t,{useParams:function(){return r.useParams}}),s.o(r,"usePathname")&&s.d(t,{usePathname:function(){return r.usePathname}}),s.o(r,"useRouter")&&s.d(t,{useRouter:function(){return r.useRouter}}),s.o(r,"useSearchParams")&&s.d(t,{useSearchParams:function(){return r.useSearchParams}})},93147:(e,t,s)=>{Promise.resolve().then(s.bind(s,64533))}},e=>{e.O(0,[4601,8441,3794,7358],()=>e(e.s=93147)),_N_E=e.O()}]);

package/app/.next/static/chunks/app/layout-5fa07c6e20da16ba.js

@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[7177],{1934:(e,t,r)=>{"use strict";r.d(t,{v:()=>o});var n=r(12115);let i=e=>{let t,r=new Set,n=(e,n)=>{let i="function"==typeof e?e(t):e;if(!Object.is(i,t)){let e=t;t=(null!=n?n:"object"!=typeof i||null===i)?i:Object.assign({},t,i),r.forEach(r=>r(t,e))}},i=()=>t,a={setState:n,getState:i,getInitialState:()=>o,subscribe:e=>(r.add(e),()=>r.delete(e))},o=t=e(n,i,a);return a},a=e=>{let t=e?i(e):i,r=e=>(function(e,t=e=>e){let r=n.useSyncExternalStore(e.subscribe,n.useCallback(()=>t(e.getState()),[e,t]),n.useCallback(()=>t(e.getInitialState()),[e,t]));return n.useDebugValue(r),r})(t,e);return Object.assign(r,t),r},o=e=>e?a(e):a},5887:()=>{},17658:(e,t,r)=>{Promise.resolve().then(r.t.bind(r,89008,23)),Promise.resolve().then(r.t.bind(r,26816,23)),Promise.resolve().then(r.t.bind(r,5887,23)),Promise.resolve().then(r.t.bind(r,51743,23)),Promise.resolve().then(r.bind(r,94635)),Promise.resolve().then(r.bind(r,21110))},26816:e=>{e.exports={style:{fontFamily:"'mono', 'mono Fallback'"},className:"__className_409bfd",variable:"__variable_409bfd"}},31692:(e,t,r)=>{"use strict";r.d(t,{Zr:()=>i});let n=e=>t=>{try{let r=e(t);if(r instanceof Promise)return r;return{then:e=>n(e)(r),catch(e){return this}}}catch(e){return{then(e){return this},catch:t=>n(t)(e)}}},i=(e,t)=>(r,i,a)=>{let o,s={storage:function(e){let t;try{t=e()}catch(e){return}return{getItem:e=>{var r;let n=e=>null===e?null:JSON.parse(e,void 0),i=null!=(r=t.getItem(e))?r:null;return i instanceof Promise?i.then(n):n(i)},setItem:(e,r)=>t.setItem(e,JSON.stringify(r,void 0)),removeItem:e=>t.removeItem(e)}}(()=>window.localStorage),partialize:e=>e,version:0,merge:(e,t)=>({...t,...e}),...t},u=!1,l=0,c=new Set,f=new Set,d=s.storage;if(!d)return e((...e)=>{console.warn(`[zustand persist middleware] Unable to update item '${s.name}', the given storage is currently unavailable.`),r(...e)},i,a);let m=()=>{let e=s.partialize({...i()});return d.setItem(s.name,{state:e,version:s.version})},v=a.setState;a.setState=(e,t)=>(v(e,t),m());let h=e((...e)=>(r(...e),m()),i,a);a.getInitialState=()=>h;let p=()=>{var e,t;if(!d)return;let a=++l;u=!1,c.forEach(e=>{var t;return e(null!=(t=i())?t:h)});let v=(null==(t=s.onRehydrateStorage)?void 0:t.call(s,null!=(e=i())?e:h))||void 0;return n(d.getItem.bind(d))(s.name).then(e=>{if(e)if("number"!=typeof e.version||e.version===s.version)return[!1,e.state];else{if(s.migrate){let t=s.migrate(e.state,e.version);return t instanceof Promise?t.then(e=>[!0,e]):[!0,t]}console.error("State loaded from storage couldn't be migrated since no migrate function was provided")}return[!1,void 0]}).then(e=>{var t;if(a!==l)return;let[n,u]=e;if(r(o=s.merge(u,null!=(t=i())?t:h),!0),n)return m()}).then(()=>{a===l&&(null==v||v(i(),void 0),o=i(),u=!0,f.forEach(e=>e(o)))}).catch(e=>{a===l&&(null==v||v(void 0,e))})};return a.persist={setOptions:e=>{s={...s,...e},e.storage&&(d=e.storage)},clearStorage:()=>{null==d||d.removeItem(s.name)},getOptions:()=>s,rehydrate:()=>p(),hasHydrated:()=>u,onHydrate:e=>(c.add(e),()=>{c.delete(e)}),onFinishHydration:e=>(f.add(e),()=>{f.delete(e)})},s.skipHydration||p(),o||h}},51743:()=>{},54642:e=>{var t;"u">typeof __nccwpck_require__&&(__nccwpck_require__.ab="//"),(t={}).endianness=function(){return"LE"},t.hostname=function(){return"u">typeof location?location.hostname:""},t.loadavg=function(){return[]},t.uptime=function(){return 0},t.freemem=function(){return Number.MAX_VALUE},t.totalmem=function(){return Number.MAX_VALUE},t.cpus=function(){return[]},t.type=function(){return"Browser"},t.release=function(){return"u">typeof navigator?navigator.appVersion:""},t.networkInterfaces=t.getNetworkInterfaces=function(){return{}},t.arch=function(){return"javascript"},t.platform=function(){return"browser"},t.tmpdir=t.tmpDir=function(){return"/tmp"},t.EOL="\n",t.homedir=function(){return"/"},e.exports=t},65921:(e,t,r)=>{"use strict";r.d(t,{i:()=>a});var n=r(1934);let i=0,a=(0,n.v)((e,t)=>({notifications:[],addNotification:r=>{let n=++i,a={id:n,type:r.type||"info",message:r.message,title:r.title||null,duration:r.duration??5e3,dismissible:r.dismissible??!0,createdAt:Date.now()};return e(e=>({notifications:[...e.notifications,a]})),a.duration>0&&setTimeout(()=>t().removeNotification(n),a.duration),n},removeNotification:t=>{e(e=>({notifications:e.notifications.filter(e=>e.id!==t)}))},clearAll:()=>e({notifications:[]}),success:(e,r)=>t().addNotification({type:"success",message:e,title:r}),error:(e,r)=>t().addNotification({type:"error",message:e,title:r,duration:8e3}),warning:(e,r)=>t().addNotification({type:"warning",message:e,title:r}),info:(e,r)=>t().addNotification({type:"info",message:e,title:r})}))},73321:(e,t,r)=>{"use strict";var n=r(74645);r.o(n,"notFound")&&r.d(t,{notFound:function(){return n.notFound}}),r.o(n,"useParams")&&r.d(t,{useParams:function(){return n.useParams}}),r.o(n,"usePathname")&&r.d(t,{usePathname:function(){return n.usePathname}}),r.o(n,"useRouter")&&r.d(t,{useRouter:function(){return n.useRouter}}),r.o(n,"useSearchParams")&&r.d(t,{useSearchParams:function(){return n.useSearchParams}})},78559:(e,t,r)=>{"use strict";r.d(t,{s:()=>o});var n=r(65921);let i=new Map;function a(e){if(e instanceof Error)return e.message;if("string"==typeof e)return e;if(null==e)return"";try{return JSON.stringify(e)}catch{return String(e)}}function o(...e){let t=e.map(a).filter(Boolean).join(" ").trim()||"The operation failed",r=Date.now();if(!(r-(i.get(t)||0)<5e3)){for(let[e,n]of(i.set(t,r),i))r-n>5e3&&i.delete(e);n.i.getState().error(t)}}},89008:e=>{e.exports={style:{fontFamily:"'sans', 'sans Fallback'"},className:"__className_939b73",variable:"__variable_939b73"}},94635:(e,t,r)=>{"use strict";r.d(t,{RuntimeI18nProvider:()=>s});var n=r(95155),i=r(12115),a=r(73321),o=r(73006);function s({children:e}){let t=(0,a.usePathname)();return(0,i.useEffect)(()=>{(0,o.FE)()},[]),(0,i.useEffect)(()=>{t&&requestAnimationFrame(()=>{requestAnimationFrame(()=>{(0,o.wn)()})})},[t]),(0,n.jsx)(n.Fragment,{children:e})}}},e=>{e.O(0,[8748,3334,1321,8441,3794,7358],()=>e(e.s=17658)),_N_E=e.O()}]);

package/app/.next/static/chunks/app/login/{page-f326e6c17a8b0e04.js → page-df9fdce0e38e5f58.js}

@@ -1 +1 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4520],{35497:(e,t,a)=>{"use strict";a.d(t,{x0:()=>N.default,Ex:()=>u.default,$n:()=>l.default,nh:()=>E.default,Zp:()=>r.default,Qv:()=>i.CardSkeleton,CK:()=>x.default,uo:()=>n.ConfirmModal,G9:()=>w.default,wI:()=>b.default,vj:()=>j.default,vE:()=>y.default,pd:()=>s.default,Mh:()=>v.default,uR:()=>h.default,Nf:()=>m.default,aF:()=>n.default,rq:()=>c.default,gw:()=>k.default,LF:()=>o.default,Wx:()=>_.default,gM:()=>g.default,Iz:()=>S.default,l6:()=>d.default,lM:()=>f.default,m_:()=>C.default,jK:()=>p.default});var l=a(92542),s=a(11910),d=a(98),r=a(84588),n=a(81127),i=a(25086);a(56319);var u=a(56061),f=a(98542);a(61929),a(21110),a(92622),a(8823),a(92173);var o=a(90882),c=a(72908),h=a(28815),x=a(45455),m=a(28058),p=a(4809);a(21931),a(80752),a(40197);var g=a(23615);a(44736);var v=a(62899);a(94230);var w=a(30815),y=a(23936),j=a(95088),b=a(73579),N=a(96748),k=a(4823),S=a(28067),C=a(97677),_=a(51825),E=a(29366);a(76361),a(91450)},35759:(e,t,a)=>{Promise.resolve().then(a.bind(a,83016))},83016:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>n});var l=a(95155),s=a(12115),d=a(35497),r=a(73006);function n(){let[e,t]=(0,s.useState)(""),[a,n]=(0,s.useState)(""),[i,u]=(0,s.useState)(!1),f=async t=>{if(t.preventDefault(),!i){u(!0),n("");try{let t=await fetch("/api/auth/login",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({apiKey:e.trim()})}),a=await t.json().catch(()=>({}));if(t.ok&&a.ok){window.location.href="/dashboard";return}n(a.error||(0,r.Tl)("Login failed"))}catch{n((0,r.Tl)("Network error"))}finally{u(!1)}}};return(0,l.jsx)("div",{className:"flex min-h-screen items-center justify-center bg-surface-1 px-4",children:(0,l.jsx)(d.Zp,{className:"w-full max-w-sm",children:(0,l.jsxs)("form",{onSubmit:f,className:"flex flex-col gap-4",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)("h1",{className:"text-xl font-semibold tracking-tight",children:"Switchboard"}),(0,l.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"You're accessing the dashboard from another device. Sign in with a gateway API key to continue."})]}),(0,l.jsx)(d.pd,{type:"password",value:e,onChange:e=>t(e.target.value),placeholder:"Gateway API key",autoComplete:"current-password",autoFocus:!0}),a&&(0,l.jsx)("p",{className:"text-xs text-red-500",children:a}),(0,l.jsx)(d.$n,{type:"submit",disabled:i||!e.trim(),children:i?"Signing in…":"Sign in"}),(0,l.jsx)("p",{className:"text-xs text-text-muted",children:"Keys are listed on the dashboard's Endpoint page. The session lasts 7 days."})]})})})}}},e=>{e.O(0,[2574,3862,782,8500,594,1321,4707,1330,8441,3794,7358],()=>e(e.s=35759)),_N_E=e.O()}]);
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[4520],{35497:(e,t,a)=>{"use strict";a.d(t,{x0:()=>N.default,Ex:()=>u.default,$n:()=>l.default,nh:()=>E.default,Zp:()=>r.default,Qv:()=>i.CardSkeleton,CK:()=>x.default,uo:()=>n.ConfirmModal,G9:()=>w.default,wI:()=>b.default,vj:()=>j.default,vE:()=>y.default,pd:()=>s.default,Mh:()=>v.default,uR:()=>h.default,Nf:()=>m.default,aF:()=>n.default,rq:()=>c.default,gw:()=>k.default,LF:()=>o.default,Wx:()=>_.default,gM:()=>g.default,Iz:()=>S.default,l6:()=>d.default,lM:()=>f.default,m_:()=>C.default,jK:()=>p.default});var l=a(92542),s=a(11910),d=a(98),r=a(84588),n=a(81127),i=a(25086);a(56319);var u=a(56061),f=a(98542);a(61929),a(21110),a(92622),a(8823),a(92173);var o=a(90882),c=a(72908),h=a(28815),x=a(45455),m=a(28058),p=a(4809);a(21931),a(80752),a(40197);var g=a(23615);a(44736);var v=a(62899);a(94230);var w=a(30815),y=a(23936),j=a(95088),b=a(73579),N=a(96748),k=a(4823),S=a(28067),C=a(97677),_=a(51825),E=a(29366);a(76361),a(91450)},35759:(e,t,a)=>{Promise.resolve().then(a.bind(a,83016))},83016:(e,t,a)=>{"use strict";a.r(t),a.d(t,{default:()=>n});var l=a(95155),s=a(12115),d=a(35497),r=a(73006);function n(){let[e,t]=(0,s.useState)(""),[a,n]=(0,s.useState)(""),[i,u]=(0,s.useState)(!1),f=async t=>{if(t.preventDefault(),!i){u(!0),n("");try{let t=await fetch("/api/auth/login",{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify({apiKey:e.trim()})}),a=await t.json().catch(()=>({}));if(t.ok&&a.ok){window.location.href="/dashboard";return}n(a.error||(0,r.Tl)("Login failed"))}catch{n((0,r.Tl)("Network error"))}finally{u(!1)}}};return(0,l.jsx)("div",{className:"flex min-h-screen items-center justify-center bg-surface-1 px-4",children:(0,l.jsx)(d.Zp,{className:"w-full max-w-sm",children:(0,l.jsxs)("form",{onSubmit:f,className:"flex flex-col gap-4",children:[(0,l.jsxs)("div",{children:[(0,l.jsx)("h1",{className:"text-xl font-semibold tracking-tight",children:"Switchboard"}),(0,l.jsx)("p",{className:"mt-1 text-sm text-text-muted",children:"You're accessing the dashboard from another device. Sign in with a gateway API key to continue."})]}),(0,l.jsx)(d.pd,{type:"password",value:e,onChange:e=>t(e.target.value),placeholder:"Gateway API key",autoComplete:"current-password",autoFocus:!0}),a&&(0,l.jsx)("p",{className:"text-xs text-red-500",children:a}),(0,l.jsx)(d.$n,{type:"submit",disabled:i||!e.trim(),children:i?"Signing in…":"Sign in"}),(0,l.jsx)("p",{className:"text-xs text-text-muted",children:"Keys are listed on the dashboard's Endpoint page. The session lasts 7 days."})]})})})}}},e=>{e.O(0,[2574,3862,782,8500,594,4601,1321,1330,8441,3794,7358],()=>e(e.s=35759)),_N_E=e.O()}]);