tokentracker-cli 0.83.5 → 0.83.6

package/dashboard/dist/assets/{DashboardPage-XeXAYgKI.js → DashboardPage-D6oQfa7t.js}

@@ -1 +1 @@
-import{k as ja,r as d,j as e,L as Fo,b_ as $o,H as ut,al as Gt,b$ as $e,c0 as Po,c1 as Bo,a4 as Hr,c2 as ma,c3 as Ps,c4 as Bs,c5 as yr,c6 as zo,c7 as Oo,c8 as Uo,c9 as br,ca as Vt,cb as Ho,cc as Vo,cd as re,c as l,R as vt,X as kr,ar as Wt,a5 as Na,i as Je,v as zs,ce as Wo,aO as wa,d as Nt,cf as Ko,G as Os,E as Us,U as Go,B as qo,a7 as Yo,u as Zo,a as Hs,bb as Jo,cg as Qo,ch as Xo,ci as ei,l as ba,cj as ti,M as Vr,_ as ai,ck as Wr,g as ri,Y as si,bZ as ni,cl as oi,cm as ii,cn as li,co as ci,cp as di,cq as Kr,cr as Gr,cs as ui,ct as mi,ac as hi,cu as gi,cv as xi,cw as qr,a6 as Yr,cx as fi}from"./__vite-browser-external-Bvb__wvZ.js";import{a as Zr,u as pi,C as yi,b as bi,c as Jr,D as ki,S as wi,v as _i,s as vi,K as ji,P as Ni}from"./use-ordered-list-cn5T3Bi0.js";import{u as qt,t as Qr,T as Vs,g as Si,f as Xr,D as Ci,a as Ti,b as Ai}from"./TrendMonitor-93OdRFml.js";import{u as Di}from"./use-usage-limits-Cp5aKXRQ.js";import{u as Sa}from"./useCurrency-CRDGDglc.js";import{u as Ee}from"./useTokenFormat-R9Gepc9g.js";import{f as jt,A as Li}from"./provider-display-Ck8wx5F_.js";import{g as Mi,q as Ws,J as Ei,M as Ri,m as Ne}from"./react-qsffbXoL.js";import{D as Ii,a as Fi,b as $i,c as Pi,d as Bi,e as zi}from"./DialogTitle-AfjYgW9_.js";import{D as Oi}from"./DialogClose-Do5zKE_e.js";import{C as Te}from"./Card-CODGNqLE.js";import{S as Ks}from"./Select-Bz_TBa69.js";import{P as Ct}from"./ProviderIcon-BUmOfjp8.js";import{u as Gs}from"./use-reduced-motion-Cp5udRu_.js";import{a as qs,u as Ys}from"./use-transform-BlvN9UW0.js";import{I as Zs}from"./info-DvFIO61W.js";import{C as Ui,P as Hi,a as Vi,b as Wi,c as Ki,d as Gi}from"./PopoverPopup-CnBdmF9h.js";import{A as wr}from"./index-BvyZynlf.js";import{L as qi}from"./loader-circle-CBitYCbd.js";import{F as st}from"./FadeIn-BLIoLlDr.js";import{C as Yi}from"./ClawdAnimated-D4gKSsF0.js";import{u as Zi,a as Ji,P as Qi}from"./use-session-efficiency-pref-DRobup6T.js";import{L as es}from"./LoginCard-DSHO0tm0.js";import{L as Xi,A as el}from"./agent-logos-DlTPMVzM.js";import{C as tl}from"./check-BJqIqX_n.js";import"./terminal-BFA955Sz.js";import"./limits-providers-Dzhqid5x.js";import"./useScrollLock-D0qxSW2G.js";import"./SelectItemText-De1kreqq.js";const al=[["path",{d:"M15 6a9 9 0 0 0-9 9V3",key:"1cii5b"}],["circle",{cx:"18",cy:"6",r:"3",key:"1h7g24"}],["circle",{cx:"6",cy:"18",r:"3",key:"fqmcym"}]],rl=ja("git-branch",al);const sl=[["path",{d:"M18 5a2 2 0 0 1 2 2v8.526a2 2 0 0 0 .212.897l1.068 2.127a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45l1.068-2.127A2 2 0 0 0 4 15.526V7a2 2 0 0 1 2-2z",key:"1pdavp"}],["path",{d:"M20.054 15.987H3.946",key:"14rxg9"}]],nl=ja("laptop",sl);const ol=[["path",{d:"M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8",key:"10dyio"}],["path",{d:"M10 19v-3.96 3.15",key:"1irgej"}],["path",{d:"M7 19h5",key:"qswx4l"}],["rect",{width:"6",height:"10",x:"16",y:"12",rx:"2",key:"1egngj"}]],Js=ja("monitor-smartphone",ol);const il=[["path",{d:"M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6",key:"y09zxi"}],["path",{d:"m21 3-9 9",key:"mpx6sq"}],["path",{d:"M15 3h6v6",key:"1q9fwt"}]],ll=ja("square-arrow-out-up-right",il);function cl(t,a,r={}){const s=t.get();let n=null,i=s,o;const u=typeof s=="string"?s.replace(/[\d.-]/g,""):void 0,c=()=>{n&&(n.stop(),n=null),t.animation=void 0},g=()=>{const x=ts(t.get()),h=ts(i);if(x===h){c();return}const f=n?n.getGeneratorVelocity():t.getVelocity();c(),n=new Ei({keyframes:[x,h],velocity:f,type:"spring",restDelta:.001,restSpeed:.01,...r,onUpdate:o})},m=()=>{g(),t.animation=n??void 0,t.events.animationStart?.notify(),n?.then(()=>{t.animation=void 0,t.events.animationComplete?.notify()})};if(t.attach((x,h)=>{i=x,o=f=>h(qa(f,u)),Mi.postRender(m)},c),Ws(a)){let x=r.skipInitialAnimation===!0;const h=a.on("change",b=>{x?(x=!1,t.jump(qa(b,u),!1)):t.set(qa(b,u))}),f=t.on("destroy",h);return()=>{h(),f()}}return c}function qa(t,a){return a?t+a:t}function ts(t){return typeof t=="number"?t:parseFloat(t)}function dl(t,a={}){const{isStatic:r}=d.useContext(Ri),s=()=>Ws(t)?t.get():t;if(r)return qs(s);const n=Ys(s());return d.useInsertionEffect(()=>cl(n,t,a),[n,JSON.stringify(a)]),n}function ul(t,a={}){return dl(t,{type:"spring",...a})}function ml(){return e.jsxs(Fo,{to:"/landing",className:"flex items-center gap-2.5 no-underline hover:opacity-80 transition-opacity",children:[e.jsx("img",{src:"/app-icon.png",alt:"Token Tracker",width:28,height:28,className:"rounded-md"}),e.jsx("span",{className:"text-base font-semibold text-oai-black dark:text-oai-white leading-tight",children:"Token Tracker"})]})}function hl({children:t,header:a,footer:r,className:s="",hideHeader:n=!1,hideFooter:i=!1,bare:o=!1}){return o?e.jsxs("div",{className:`flex flex-col flex-1 min-h-0 ${s}`,children:[e.jsx("main",{className:"flex-1 px-6 py-6",children:t}),!i&&r&&e.jsx("footer",{className:"border-t border-oai-gray-200 dark:border-oai-gray-800 px-6 py-4 mt-auto transition-colors duration-200",children:r})]}):e.jsxs("div",{className:`min-h-screen bg-oai-white dark:bg-oai-gray-950 text-oai-black dark:text-oai-white font-sans flex flex-col transition-colors duration-200 ${s}`,children:[!n&&e.jsxs("header",{className:"border-b border-oai-gray-200 dark:border-oai-gray-800 px-6 py-4 flex items-center justify-between transition-colors duration-200",children:[e.jsx(ml,{}),e.jsx("div",{className:"flex-1 flex justify-center",children:a})]}),e.jsx("main",{className:"flex-1 px-6 py-6",children:t}),!i&&r&&e.jsx("footer",{className:"border-t border-oai-gray-200 dark:border-oai-gray-800 px-6 py-4 mt-auto transition-colors duration-200",children:r})]})}function gl({children:t,variant:a="info",size:r="md",className:s=""}){const n="inline-flex items-center font-medium",i={success:"bg-oai-brand-100 dark:bg-oai-brand-900/30 text-oai-brand-700 dark:text-oai-brand-400 rounded-full",warning:"bg-oai-amber-50 dark:bg-oai-amber-900/30 text-oai-amber-dark dark:text-oai-amber-400 rounded-full",error:"bg-red-50 dark:bg-red-900/30 text-red-600 dark:text-red-400 rounded-full",info:"bg-oai-gray-100 dark:bg-oai-gray-800 text-oai-gray-600 dark:text-oai-gray-300 rounded-full",secondary:"bg-oai-gray-100 dark:bg-oai-gray-800 text-oai-gray-500 dark:text-oai-gray-300 rounded-md"},o={sm:"px-2 py-0.5 text-xs",md:"px-2.5 py-1 text-sm"},u=`${n} ${i[a]} ${o[r]} ${s}`.trim();return e.jsx("span",{className:u,children:t})}var xl={};function fl(t,a){return t==="."?{width:"0.34ch",justifyContent:"center",marginInline:"-0.04ch"}:t===","?{width:"0.08ch",justifyContent:"center",marginInline:"-0.30ch"}:{width:"0.72ch",justifyContent:"flex-start",paddingLeft:"0.04ch",height:a}}function pl({mv:t,digit:a,height:r}){const s=qs(t,n=>{const i=(n%10+10)%10,o=(10+a-i)%10;let u=o*r;return o>5&&(u-=10*r),u});return e.jsx(Ne.span,{style:{position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center",y:s},children:a})}function yl(t){const a=Math.round(t),r=1e-9*Math.max(1,Math.abs(t));return Math.abs(t-a)<r?a:t}function bl(t,a){const r=t/a;return Math.floor(yl(r))}function kl(t){const a=String(t??""),r=Array.from(a),s=r.indexOf(".");let n=r.filter((u,c)=>/\d/.test(u)&&(s===-1||c<s)).length,i=0,o=!1;return r.map(u=>{if(!/\d/.test(u))return u==="."&&(o=!0),u;if(!o){const c=10**Math.max(n-1,0);return n-=1,c}return i+=1,10**-i})}function wl({place:t,value:a,height:r,digitStyle:s,shouldReduceMotion:n}){if(typeof t!="number"){const c=fl(t,r),g=t!=="."&&t!==",",m=t===".";return e.jsx("span",{"data-counter-token":"static",className:"relative inline-flex items-center justify-center",style:{height:r,...c,...s,...g?{width:"auto",paddingInline:"0.06ch",justifyContent:"center"}:null,...m?{width:c.width}:null},children:t})}const i=bl(a,t),o=Ys(0),u=ul(o,{stiffness:220,damping:26,mass:.8});return d.useEffect(()=>{o.set(i)},[o,i]),n?e.jsx("span",{"data-counter-token":"digit",className:"relative inline-flex items-center justify-center overflow-hidden",style:{height:r,position:"relative",width:"0.9ch",fontVariantNumeric:"tabular-nums",...s},children:Math.abs(i)%10}):e.jsx("span",{"data-counter-token":"digit",className:"relative inline-flex overflow-hidden",style:{height:r,position:"relative",width:"0.9ch",fontVariantNumeric:"tabular-nums",...s},children:Array.from({length:10},(c,g)=>e.jsx(pl,{mv:u,digit:g,height:r},g))})}function _l({value:t,displayValue:a,fontSize:r=72,padding:s=0,places:n,gap:i=6,borderRadius:o=4,horizontalPadding:u=0,textColor:c="inherit",fontWeight:g="inherit",containerStyle:m,counterStyle:x,digitStyle:h,gradientHeight:f=14,gradientFrom:b="rgba(255,255,255,0.95)",gradientTo:k="rgba(255,255,255,0)",topGradientStyle:p,bottomGradientStyle:v}){const w=String(a??t??""),D=d.useMemo(()=>Array.isArray(n)&&n.length?n:kl(w),[n,w]),T=typeof navigator<"u"&&/jsdom/i.test(navigator.userAgent||"")||typeof process<"u"&&xl?.VITEST==="true",R=Gs()||T,L=Number.isFinite(Number(t))?Math.abs(Number(t)):0,z=r+s;return R?e.jsx("span",{"data-counter-root":"true",style:{display:"inline-flex",alignItems:"center",color:c,fontSize:r,fontWeight:g,lineHeight:1,...m,...x},children:w}):e.jsxs("span",{"data-counter-root":"true",style:{position:"relative",display:"inline-block",...m},children:[e.jsx("span",{style:{fontSize:r,display:"flex",gap:i,overflow:"hidden",borderRadius:o,paddingLeft:u,paddingRight:u,lineHeight:1,color:c,fontWeight:g,...x},children:D.map((S,_)=>e.jsx(wl,{place:S,value:L,height:z,digitStyle:h,shouldReduceMotion:R},`${String(S)}-${_}`))}),e.jsxs("span",{style:{pointerEvents:"none",position:"absolute",inset:0,display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[e.jsx("span",{style:p??{height:f,background:`linear-gradient(to bottom, ${b}, ${k})`}}),e.jsx("span",{style:v??{height:f,background:`linear-gradient(to top, ${b}, ${k})`}})]})]})}function vl({baseUrl:t,accessToken:a,guestAllowed:r=!1,weeks:s=52,weekStartsOn:n="sun",cacheKey:i,timeZone:o,tzOffsetMinutes:u,now:c,accountView:g=!1,accountAccessToken:m=null,accountRevision:x=0,accountViewResolving:h=!1,deviceId:f=null}={}){const b=!!(g&&m),k=b?"cloud":"local",p=d.useMemo(()=>$o({weeks:s,weekStartsOn:n,now:c}),[c,s,n]),[v,w]=d.useState([]),[D,T]=d.useState(null),[R,L]=d.useState("edge"),[z,S]=d.useState(!1),[_,j]=d.useState(null),P=ut(),$=Gt(a),U=!r,I=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1"),E=d.useMemo(()=>{if(!i)return null;const J=yr({timeZone:o,offsetMinutes:u});return`tokentracker.heatmap.${i}.${k}.${s}.${n}.${J}.${f||"all"}`},[i,f,k,o,u,s,n]),q=d.useCallback(()=>{if(!E||typeof window>"u")return null;try{const J=window.localStorage.getItem(E);if(!J)return null;const me=JSON.parse(J);return!me||!me.heatmap?null:me}catch{return null}},[E]),N=d.useCallback(J=>{if(!(!E||typeof window>"u"))try{window.localStorage.setItem(E,JSON.stringify(J))}catch{}},[E]),C=d.useCallback(()=>{if(!(!E||typeof window>"u"))try{window.localStorage.removeItem(E)}catch{}},[E]),G=d.useRef(k);d.useEffect(()=>{G.current!==k&&(G.current=k,w([]),T(null),L("edge"),j(null),S(!0))},[k]);const O=d.useCallback(async()=>{const J=await $e(a),me=b?await $e(m):null;if(!J&&!P&&!I&&!b)return;if(b&&!me){j("Your session expired. Please sign in again to view account data."),S(!1);return}const le=b?me:J,ge=b?Po:Bo,we=b?Ps:Bs;S(!0),j(null);try{try{const B=await ge({baseUrl:t,accessToken:le,weeks:s,to:p.to,weekStartsOn:n,device:f,timeZone:o,tzOffsetMinutes:u}),te=Array.isArray(B?.weeks)?B.weeks:[];if(!te.length&&U){const H=q();if(H?.heatmap){T(H.heatmap),w(H.daily||[]),L("cache");return}}if(!te.some(H=>(Array.isArray(H)?H:[]).some(he=>he&&Number.isFinite(Number(he.level))))&&te.length){const H=[];for(const ce of te)for(const K of Array.isArray(ce)?ce:[])K?.day&&H.push({day:K.day,total_tokens:K.total_tokens??K.value??0,billable_total_tokens:K.billable_total_tokens??K.value??K.total_tokens??0});const he=Hr({dailyRows:H,weeks:s,to:B?.to||p.to,weekStartsOn:n});w(H),T({...he,week_starts_on:n,active_days:H.filter(ce=>Number(ce?.billable_total_tokens??ce?.total_tokens)>0).length,streak_days:ma({dailyRows:H,to:B?.to||p.to})}),L("client"),U?N({heatmap:{...he,week_starts_on:n,active_days:H.filter(ce=>Number(ce?.billable_total_tokens??ce?.total_tokens)>0).length,streak_days:ma({dailyRows:H,to:B?.to||p.to})},daily:H,fetchedAt:new Date().toISOString()}):C();return}T(B||null),w([]),L("edge"),B&&U?N({heatmap:B,daily:[],fetchedAt:new Date().toISOString()}):U||C();return}catch(B){const te=B,pe=te?.status??te?.statusCode;if(pe===401||pe===403)throw B}const xe=await we({baseUrl:t,accessToken:le,from:p.from,to:p.to,device:f,timeZone:o,tzOffsetMinutes:u}),ae=Array.isArray(xe?.data)?xe.data:[];w(ae);const Q=Hr({dailyRows:ae,weeks:s,to:p.to,weekStartsOn:n});T({...Q,week_starts_on:n,active_days:ae.filter(B=>Number(B?.billable_total_tokens??B?.total_tokens)>0).length,streak_days:ma({dailyRows:ae,to:p.to})}),L("client"),U?N({heatmap:{...Q,week_starts_on:n,active_days:ae.filter(B=>Number(B?.billable_total_tokens??B?.total_tokens)>0).length,streak_days:ma({dailyRows:ae,to:p.to})},daily:ae,fetchedAt:new Date().toISOString()}):C()}catch(xe){if(U){const ae=q();if(ae?.heatmap)T(ae.heatmap),w(ae.daily||[]),L("cache"),j(null);else{const Q=xe;j(Q?.message||String(Q)),w([]),T(null),L("edge")}}else{const ae=xe;j(ae?.message||String(ae)),w([]),T(null),L("edge")}}finally{S(!1)}},[a,t,P,r,U,p.from,p.to,q,$,o,u,n,s,C,N,I,b,m,x,f]);return d.useEffect(()=>{if(h){S(!0);return}if(!$&&!r&&!P&&!I&&!b){w([]),S(!1),j(null),T(null),L("edge");return}if(!U)C(),w([]),j(null),T(null),L("edge");else{const J=q();J?.heatmap&&(T(J.heatmap),w(J.daily||[]),L("cache"))}O()},[a,P,q,O,$,r,U,C,I,h]),{range:p,daily:v,heatmap:D,source:P?"mock":R==="client"?"edge":R,loading:z,error:_,refresh:O}}const jl="tokentracker.dashboard.leftCardOrder.v1",Nl="tokentracker.dashboard.rightCardOrder.v1";function Sl(t,a){const r=Zr(jl,t),s=Zr(Nl,a),n=r.order.join("|")!==t.join("|")||s.order.join("|")!==a.join("|"),i=d.useCallback(()=>{r.reset(),s.reset()},[r,s]);return{left:r,right:s,isCustomized:n,resetAll:i}}const Cl=10;function Tl({baseUrl:t,accessToken:a,from:r,to:s,source:n,timeZone:i,tzOffsetMinutes:o}={}){const[u,c]=d.useState([]),[g,m]=d.useState(!1),[x,h]=d.useState(null),f=ut(),b=Gt(a),k=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1"),p=qt([t,a,r,s,n,i,o]),v=d.useCallback(async()=>{const w=p(),D=await $e(a);if(w()){if(!D&&!f&&!k){c([]),h(null),m(!1);return}m(!0),h(null);try{const T=await zo({baseUrl:t,accessToken:D,limit:Cl,from:r,to:s,source:n,timeZone:i,tzOffsetMinutes:o});if(!w())return;c(Array.isArray(T?.entries)?T.entries:[])}catch(T){if(!w())return;const R=T?.message||String(T);h(R),c([])}finally{w()&&m(!1)}}},[a,t,r,f,n,i,s,o,k,p]);return d.useEffect(()=>{if(!b&&!f&&!k){c([]),h(null),m(!1);return}c([]),h(null),m(!0),v()},[f,v,b,k]),{entries:u,loading:g,error:x,refresh:v}}const as="tokentracker.usage-cache-index",rs=24;function ss({baseUrl:t,accessToken:a,guestAllowed:r=!1,from:s,to:n,includeDaily:i=!0,includeSummary:o=!0,cacheKey:u,timeZone:c,tzOffsetMinutes:g,now:m,accountView:x=!1,accountAccessToken:h=null,accountRevision:f=0,accountViewResolving:b=!1,deviceId:k=null}={}){const p=!!(x&&h),v=p?"cloud":"local",[w,D]=d.useState([]),[T,R]=d.useState(null),[L,z]=d.useState(null),[S,_]=d.useState("edge"),[j,P]=d.useState(null),[$,U]=d.useState(!1),[I,E]=d.useState(null),q=ut(),N=Gt(a),C=!r&&!q,G=k||"all",O=(()=>{if(!u)return null;const Q=Al(t)||"default",B=i?o?"daily-summary":"daily-only":"summary",te=yr({timeZone:c,offsetMinutes:g});return`tokentracker.usage.${u}.${v}.${Q}.${s}.${n}.${B}.${te}.${G}`})(),ue=d.useRef(v);d.useEffect(()=>{ue.current!==v&&(ue.current=v,D([]),R(null),z(null),_("edge"),P(null),E(null),U(!0))},[v]);const J=d.useCallback(()=>{if(!O||typeof window>"u")return null;try{const Q=window.localStorage.getItem(O);if(!Q)return null;const B=JSON.parse(Q),te=o?!!B?.summary:Array.isArray(B?.daily);return!B||!te?null:(Qr(as,O,rs),B)}catch{return null}},[o,O]),me=d.useCallback(Q=>{if(!(!O||typeof window>"u"))try{window.localStorage.setItem(O,JSON.stringify(Q)),Qr(as,O,rs)}catch{}},[O]),le=d.useCallback(()=>{if(!(!O||typeof window>"u"))try{window.localStorage.removeItem(O)}catch{}},[O]),ge=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1"),we=qt([t,s,n,i,o,v,a,h,f,k,c,g]),xe=d.useCallback(async()=>{const Q=we(),B=await $e(a),te=p?await $e(h):null;if(!Q()||!B&&!q&&!ge&&!p)return;if(p&&!te){E("Your session expired. Please sign in again to view account data."),U(!1);return}const pe=p?Ps:Bs,H=p?Oo:Uo,he=p?te:B;U(!0),E(null);try{let ce=null,K=null;if(i)if(o){const[ee,se]=await Promise.allSettled([pe({baseUrl:t,accessToken:he,from:s,to:n,device:k,timeZone:c,tzOffsetMinutes:g}),H({baseUrl:t,accessToken:he,from:s,to:n,device:k,timeZone:c,tzOffsetMinutes:g,rolling:!0})]);if(ee.status==="rejected")throw ee.reason;ce=ee.value,K=se.status==="fulfilled"?se.value:null}else ce=await pe({baseUrl:t,accessToken:he,from:s,to:n,device:k,timeZone:c,tzOffsetMinutes:g});else o&&(K=await H({baseUrl:t,accessToken:he,from:s,to:n,device:k,timeZone:c,tzOffsetMinutes:g,rolling:!0}));let Y=i&&Array.isArray(ce?.data)?ce.data:[];i&&(Y=Za(Y,s,n,{timeZone:c,offsetMinutes:g,now:m}));let A=o&&(K?.totals||ce?.summary?.totals)||null,V=o&&(K?.rolling||ce?.summary?.rolling)||null;if(o&&i&&!A&&!K)try{const ee=await H({baseUrl:t,accessToken:he,from:s,to:n,device:k,timeZone:c,tzOffsetMinutes:g,rolling:!0});A=ee?.totals||null,V=ee?.rolling||V}catch{}const X=new Date().toISOString();if(!Q())return;D(Y),R(A),z(V),_("edge"),P(X),(A||!o&&i)&&C?me({summary:A,rolling:V,daily:Y,from:s,to:n,includeDaily:i,includeSummary:o,fetchedAt:X}):C||le()}catch(ce){if(!Q())return;if(C){const K=J();if(K?.summary||!o&&Array.isArray(K?.daily)){R(K.summary),z(K.rolling||null);const Y=Array.isArray(K.daily)?K.daily:[],A=i?Za(Y,K.from||s,K.to||n,{timeZone:c,offsetMinutes:g,now:m}):Y;D(A),_("cache"),P(K.fetchedAt||null),E(null)}else{const Y=ce;E(Y?.message||String(Y)),D([]),R(null),z(null),_("edge"),P(null)}}else{const K=ce;E(K?.message||String(K)),D([]),R(null),z(null),_("edge"),P(null)}}finally{Q()&&U(!1)}},[a,t,s,i,o,q,r,C,m,J,N,c,n,g,le,me,ge,p,h,f,k,we]);return d.useEffect(()=>{if(b){U(!0);return}const Q=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1");if(!N&&!r&&!q&&!Q&&!p){D([]),R(null),z(null),E(null),U(!1),_("edge"),P(null);return}if(!C)le(),D([]),R(null),z(null),E(null),_("edge"),P(null);else{const B=J();if(B?.summary||!o&&Array.isArray(B?.daily)){R(B.summary),z(B.rolling||null);const te=Array.isArray(B.daily)?B.daily:[],pe=i?Za(te,B.from||s,B.to||n,{timeZone:c,offsetMinutes:g,now:m}):te;D(pe),_("cache"),P(B.fetchedAt||null),E(null)}else D([]),R(null),z(null),_("edge"),P(null),E(null)}U(!0),xe()},[a,q,J,xe,N,r,C,le,ge,b,o]),d.useEffect(()=>{if(typeof window>"u"||typeof document>"u")return;const Q=15e3;let B=Date.now();const te=()=>{if(document.visibilityState!=="visible")return;const pe=Date.now();pe-B<Q||(B=pe,xe())};return window.addEventListener("focus",te),document.addEventListener("visibilitychange",te),()=>{window.removeEventListener("focus",te),document.removeEventListener("visibilitychange",te)}},[xe]),{daily:w,summary:T,rolling:L,source:q?"mock":S,fetchedAt:j,loading:$,error:I,refresh:xe}}function Al(t){try{return new URL(t).host}catch{return null}}function Ya(t){if(!t)return null;const a=String(t).trim(),r=a.split("-");if(r.length!==3)return null;const s=Number(r[0]),n=Number(r[1])-1,i=Number(r[2]);if(!Number.isFinite(s)||!Number.isFinite(n)||!Number.isFinite(i))return null;const o=new Date(Date.UTC(s,n,i));return Number.isFinite(o.getTime())&&Vt(o)===a?o:null}function Dl(t,a){return new Date(Date.UTC(t.getUTCFullYear(),t.getUTCMonth(),t.getUTCDate()+a))}function Za(t,a,r,{timeZone:s,offsetMinutes:n,now:i}={}){const o=Ya(a),u=Ya(r);if(!o||!u||u<o)return Array.isArray(t)?t:[];const c=i instanceof Date&&Number.isFinite(i.getTime())?i:new Date,g=br({timeZone:s,offsetMinutes:n,date:c}),m=Ya(g),x=m?m.getTime():c.getTime(),h=new Map;for(const b of t||[])b?.day&&h.set(b.day,b);const f=[];for(let b=o;b<=u;b=Dl(b,1)){const k=Vt(b),p=h.get(k),v=b.getTime()>x;if(p){f.push({...p,missing:!1,future:v});continue}f.push({day:k,total_tokens:null,billable_total_tokens:null,input_tokens:null,cached_input_tokens:null,output_tokens:null,reasoning_output_tokens:null,missing:!v,future:v})}return f}function Ll({baseUrl:t,accessToken:a,guestAllowed:r=!1,from:s,to:n,cacheKey:i,timeZone:o,tzOffsetMinutes:u,accountView:c=!1,accountAccessToken:g=null,accountRevision:m=0,accountViewResolving:x=!1,deviceId:h=null}={}){const f=!!(c&&g),b=f?"cloud":"local",[k,p]=d.useState(null),[v,w]=d.useState("edge"),[D,T]=d.useState(!1),[R,L]=d.useState(null),z=ut(),S=Gt(a),_=!r,j=d.useMemo(()=>{if(!i)return null;const G=Ml(t)||"default",O=yr({timeZone:o,offsetMinutes:u});return`tokentracker.modelBreakdown.${i}.${b}.${G}.${s}.${n}.${O}.${h||"all"}`},[t,i,h,s,b,o,n,u]),P=d.useCallback(()=>{if(!j||typeof window>"u")return null;try{const G=window.localStorage.getItem(j);if(!G)return null;const O=JSON.parse(G);return!O||!O.breakdown?null:O}catch{return null}},[j]),$=d.useCallback(G=>{if(!(!j||typeof window>"u"))try{window.localStorage.setItem(j,JSON.stringify(G))}catch{}},[j]),U=d.useCallback(()=>{if(!(!j||typeof window>"u"))try{window.localStorage.removeItem(j)}catch{}},[j]),I=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1"),E=qt([t,s,n,b,a,g,m,h,o,u]),q=d.useRef(b);d.useEffect(()=>{q.current!==b&&(q.current=b,p(null),w("edge"),L(null),T(!0))},[b]);const N=d.useCallback(async()=>{const G=E(),O=await $e(a),ue=f?await $e(g):null;if(!G()||!O&&!z&&!I&&!f)return;if(f&&!ue){L("Your session expired. Please sign in again to view account data."),T(!1);return}const J=f?ue:O,me=f?Ho:Vo;T(!0),L(null);try{const le=await me({baseUrl:t,accessToken:J,from:s,to:n,device:h,timeZone:o,tzOffsetMinutes:u});if(!G())return;p(le||null),w("edge"),le&&_?$({breakdown:le,fetchedAt:new Date().toISOString()}):_||U()}catch(le){if(!G())return;if(_){const ge=P();if(ge?.breakdown)p(ge.breakdown),w("cache"),L(null);else{p(null),w("edge");const we=le;L(we?.message||String(we))}}else{p(null),w("edge");const ge=le;L(ge?.message||String(ge))}}finally{G()&&T(!1)}},[a,t,s,z,r,_,P,o,n,S,u,U,$,I,f,g,m,h,E]);return d.useEffect(()=>{if(x){T(!0);return}if(!S&&!r&&!z&&!I&&!f){p(null),w("edge"),L(null),T(!1);return}if(!_)U(),p(null),w("edge"),L(null);else{const G=P();G?.breakdown?(p(G.breakdown),w("cache"),L(null)):(p(null),w("edge"),L(null))}T(!0),N()},[a,z,P,N,S,r,_,U,I,x]),{breakdown:k,source:z?"mock":v,loading:D,error:R,refresh:N}}function Ml(t){try{return new URL(t).host}catch{return null}}const Qs=new Set(["day","hour","month"]);function El(t){return Qs.has(t)}function ns(t){if(t==null)return null;const a=String(t).trim();if(!/^[0-9]+$/.test(a))return null;const r=a.replace(/^0+/,"");return r.length===0?"0":r}function Rl(t,a){const r=ns(t),s=ns(a);if(r&&s)return r.length!==s.length?r.length<s.length?-1:1:r===s?0:r<s?-1:1;const n=re(t),i=re(a);return n==null&&i==null?0:n==null?1:i==null?-1:n===i?0:n<i?-1:1}function Il(t,a){const r=typeof t=="string"?t:String(t||""),s=typeof a=="string"?a:String(a||"");return r===s?0:r<s?-1:1}function Fl(t){if(!t)return null;const r=String(t).trim().match(/^(\d{4})-(\d{2})-(\d{2})$/);if(!r)return null;const s=Number(r[1]),n=Number(r[2]),i=Number(r[3]);if(!Number.isFinite(s)||!Number.isFinite(n)||!Number.isFinite(i))return null;const o=new Date(Date.UTC(s,n-1,i));return!Number.isFinite(o.getTime())||o.getUTCFullYear()!==s||o.getUTCMonth()+1!==n||o.getUTCDate()!==i?null:o.getTime()}function $l(t){if(!t)return null;const r=String(t).trim().match(/^(\d{4})-(\d{2})$/);if(!r)return null;const s=Number(r[1]),n=Number(r[2]);if(!Number.isFinite(s)||!Number.isFinite(n)||n<1||n>12)return null;const i=new Date(Date.UTC(s,n-1,1));return Number.isFinite(i.getTime())?i.getTime():null}function Pl(t){if(!t)return null;const r=String(t).trim().match(/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2})(?::(\d{2}))?Z?$/);if(!r)return null;const s=Number(r[1]),n=Number(r[2]),i=Number(r[3]),o=Number(r[4]),u=Number(r[5]),c=Number(r[6]||0);if(!Number.isFinite(s)||!Number.isFinite(n)||!Number.isFinite(i)||!Number.isFinite(o)||!Number.isFinite(u)||!Number.isFinite(c)||n<1||n>12||i<1||i>31||o<0||o>23||u<0||u>59||c<0||c>59)return null;const g=new Date(Date.UTC(s,n-1,i,o,u,c));return Number.isFinite(g.getTime())?g.getTime():null}function Bl(t,a,r){const s=r==="hour"?Pl:r==="month"?$l:Fl,n=s(t),i=s(a);return n!=null&&i!=null?n===i?0:n<i?-1:1:Il(t,a)}function Xs(t,{key:a,dir:r}){const s=r==="asc"?1:-1,n=Array.isArray(t)?t:[],i=Qs.has(a)?(u,c)=>Bl(u,c,a):Rl,o=u=>a==="total_tokens"&&u?.billable_total_tokens!=null?u.billable_total_tokens:u?.[a];return n.map((u,c)=>({row:u,index:c})).sort((u,c)=>{const g=o(u.row),m=o(c.row),x=g==null,h=m==null;if(x&&h)return u.index-c.index;if(x)return 1;if(h)return-1;const f=i(g,m);return f!==0?f*s:u.index-c.index}).map(u=>u.row)}function zl(){return[{key:"day",label:l("daily.sort.date.label"),title:l("daily.sort.date.title")},{key:"total_tokens",label:l("daily.sort.total.label"),title:l("daily.sort.total.title")},{key:"input_tokens",label:l("daily.sort.input.label"),title:l("daily.sort.input.title")},{key:"output_tokens",label:l("daily.sort.output.label"),title:l("daily.sort.output.title")},{key:"cached_input_tokens",label:l("daily.sort.cached.label"),title:l("daily.sort.cached.title")},{key:"reasoning_output_tokens",label:l("daily.sort.reasoning.label"),title:l("daily.sort.reasoning.title")},{key:"conversation_count",label:l("daily.sort.conversations.label"),title:l("daily.sort.conversations.title")}]}function os(t){const a=El(t)?t:"day";return zl().map((r,s)=>s===0?{...r,key:a}:r)}function is(t,{key:a,dir:r}){return Xs(t,{key:a,dir:r})}const _a=12,Ol=["total_tokens","billable_total_tokens","input_tokens","cached_input_tokens","cache_creation_input_tokens","output_tokens","reasoning_output_tokens"];function Ul(t){if(typeof t=="bigint")return t!==0n;if(typeof t=="number")return Number.isFinite(t)&&t!==0;if(t==null)return!1;const a=String(t).trim();if(!a||!/^-?\d+$/.test(a))return!1;const r=a.startsWith("-")?a.slice(1):a;return/[1-9]/.test(r)}function Hl(t){return Ol.some(a=>Ul(t?.[a]))}function Vl(t){const a=Array.isArray(t)?t:[];if(!a.length)return[];const r=Xs(a,{key:"month",dir:"asc"}),s=r.findIndex(n=>n?.month&&Hl(n));return s===-1?a:r.slice(s)}function Wl(t,a,r=_a){const s=Array.isArray(t)?t:[],n=Number.isFinite(r)&&r>0?r:_a,o=(Number.isFinite(a)&&a>=0?Math.floor(a):0)*n;return s.slice(o,o+n)}function Kl({publicMode:t,screenshotMode:a,forceInstall:r,accessEnabled:s,heatmapLoading:n,activeDays:i,hasActiveDeviceToken:o}={}){return t||a?!1:r?!0:s&&!n&&i===0&&!o}const ha=Object.freeze({active:3e4,warm:2*6e4,idle:10*6e4,longIdle:30*6e4});function Gl({visible:t=!0,lastInteractionAt:a=0,now:r=Date.now()}={}){if(!t)return ha.longIdle;const s=Math.max(0,r-(Number(a)||0));return s<=10*6e4?ha.active:s<=60*6e4?ha.warm:ha.idle}const ql=3e4;function Yl({refresh:t,intervalMs:a=ql,windowRef:r=window,documentRef:s=document,onError:n=()=>{}}){let i=!1,o=null,u=Date.now(),c=0;const g=()=>{if(i||s.visibilityState!=="visible"||o)return o;const f=Promise.resolve().then(()=>t()).catch(b=>n(b)).then(()=>{}).finally(()=>{o===f&&(o=null)});return o=f,f},m=r.setInterval(()=>{const f=Date.now();f<c||(c=f+Gl({visible:s.visibilityState==="visible",lastInteractionAt:u,now:f}),g())},a),x=()=>{s.visibilityState==="visible"&&(u=Date.now(),c=0,g())},h=()=>{u=Date.now()};return r.addEventListener("focus",x),r.addEventListener("pointerdown",h),r.addEventListener("keydown",h),s.addEventListener("visibilitychange",x),{run:g,stop(){i=!0,r.clearInterval(m),r.removeEventListener("focus",x),r.removeEventListener("pointerdown",h),r.removeEventListener("keydown",h),s.removeEventListener("visibilitychange",x)}}}function Zl(t){if(!t)return null;const a=/^(\d{4})-(\d{2})-(\d{2})$/.exec(t);if(!a)return null;const r=new Date(Date.UTC(Number(a[1]),Number(a[2])-1,Number(a[3])));return Vt(r)===t?r:null}function Jl({period:t,selectedFrom:a,selectedTo:r,todayKey:s}={}){if(t==="total"&&a&&r)return{from:a,to:r};const n=Zl(s)||new Date,i=new Date(Date.UTC(n.getUTCFullYear(),n.getUTCMonth(),n.getUTCDate()-29));return{from:Vt(i),to:Vt(n)}}function Ql(t,{period:a}={}){const r=(Array.isArray(t)?t:[]).filter(n=>!n?.future&&n?.day);return(a==="total"?r.filter(n=>!n?.missing):r).slice(-30)}function _r(t){if(typeof t!="string")return null;const a=t.trim();return a?a.toLowerCase():null}function Xl(t){const a=_r(t?.model_id);return a||null}function en(t,a){return t?.model?String(t.model):a}function St(t,a=0){const r=re(t?.billable_total_tokens),s=re(t?.total_tokens);return r!=null&&r>0?r:s!=null&&s>0?s:r??s??a}function ec(t,{copyFn:a}={}){const r=typeof a=="function"?a:o=>o,n=(Array.isArray(t?.sources)?t.sources:[]).map(o=>{const u=St(o?.totals),c=re(o?.totals?.total_cost_usd)??0;return{source:o?.source,totalTokens:Number.isFinite(u)?u:0,totalCost:Number.isFinite(c)?c:0,inputTokens:Math.max(0,re(o?.totals?.input_tokens)??0),cacheRead:Math.max(0,re(o?.totals?.cached_input_tokens)??0),cacheCreate:Math.max(0,re(o?.totals?.cache_creation_input_tokens)??0),models:Array.isArray(o?.models)?o.models:[]}}).filter(o=>o.totalTokens>0);if(!n.length)return[];const i=n.reduce((o,u)=>o+u.totalTokens,0);return typeof t?.pricing?.pricing_mode=="string"&&t.pricing.pricing_mode.toUpperCase(),n.slice().sort((o,u)=>u.totalTokens-o.totalTokens).map(o=>{const u=o.source?String(o.source).toUpperCase():r("shared.placeholder.short"),c=i>0?o.totalTokens/i*100:0,g=Number.isFinite(c)?c.toFixed(2):"0.00",m=o.models.map(b=>{const k=St(b?.totals);if(!Number.isFinite(k)||k<=0)return null;const p=o.totalTokens>0?Math.round(k/o.totalTokens*1e3)/10:0,v=en(b,r("shared.placeholder.short")),w=Xl(b),D=re(b?.totals?.total_cost_usd),T=D??(o.totalCost>0&&o.totalTokens>0?k/o.totalTokens*o.totalCost:null);return{id:w,name:v,share:p,usage:k,cost:T}}).filter(Boolean),x=o.inputTokens+o.cacheRead+o.cacheCreate,f=o.cacheRead+o.cacheCreate>0&&x>0?Math.round(o.cacheRead/x*100):null;return{source:o.source,label:u,totalPercent:String(g),totalPercentValue:c,usd:o.totalCost,usage:o.totalTokens,cacheHitRate:f,cacheReusedTokens:o.cacheRead,cacheInputTokens:x,models:m}})}function tc(t){const a=Array.isArray(t)?t:[],r=new Map;for(const n of a){const i=Array.isArray(n?.models)?n.models:[];for(const o of i){const u=re(o?.usage);if(u==null||u<=0)continue;const c=typeof o?.name=="string"&&o.name.trim()?o.name.trim():typeof o?.id=="string"&&o.id.trim()?o.id.trim():null,g=_r(c);if(!g)continue;const m=r.get(g)||{id:g,name:c,usage:0,cost:0,hasCost:!1,nameWeight:0};m.usage+=u;const x=re(o?.cost);x!=null&&(m.cost+=x,m.hasCost=!0),u>=m.nameWeight&&(m.name=c,m.nameWeight=u),r.set(g,m)}}const s=Array.from(r.values()).reduce((n,i)=>n+i.usage,0);return Array.from(r.values()).map(n=>({id:n.id,name:n.name,usage:n.usage,cost:n.hasCost?n.cost:null,share:s>0?Math.round(n.usage/s*1e3)/10:0})).sort((n,i)=>i.usage!==n.usage?i.usage-n.usage:String(n.name).localeCompare(String(i.name)))}function ac(t,{limit:a=3,copyFn:r}={}){const s=typeof r=="function"?r:h=>h,n=Array.isArray(t?.sources)?t.sources:[];if(!n.length)return[];const i=new Map,o=new Map,u=new Map;let c=0;for(const h of n){const f=Array.isArray(h?.models)?h.models:[];for(const b of f){const k=St(b?.totals);if(!Number.isFinite(k)||k<=0)continue;c+=k;const p=en(b,s("shared.placeholder.short")),v=_r(p);if(!v)continue;i.set(v,(i.get(v)||0)+k);const w=u.get(v)||0;k>=w&&(u.set(v,k),o.set(v,p))}}if(!i.size)return[];const g=Array.from(i.values()).reduce((h,f)=>h+f,0),m=c>0?c:g,x=Number.isFinite(a)?Math.max(0,Math.floor(a)):3;return Array.from(i.entries()).map(([h,f])=>{const b=m>0?(f/m*100).toFixed(1):"0.0";return{id:h,name:o.get(h)||s("shared.placeholder.short"),tokens:f,percent:String(b)}}).sort((h,f)=>f.tokens!==h.tokens?f.tokens-h.tokens:String(h.name).localeCompare(String(f.name))).slice(0,x)}function rc(t,a,r){if(!Number.isFinite(t))return l("shared.placeholder.short");const s=Na(t,{decimals:2,currency:a,rate:r});return s==="-"?l("shared.placeholder.short"):s}function ls(t,a,r){if(!Number.isFinite(t)||t<=0)return null;const s=Wt(a);return(a===zs?t:t*r)<.01?`<${s}0.01`:Na(t,{decimals:2,currency:a,rate:r})}function cs(t){const a=Number(t);return!Number.isFinite(a)||a<=0?null:Je(a,{decimals:1})}const sc=vt.memo(function({isOpen:a,onClose:r,fleetData:s=[]}){const{currency:n,rate:i}=Sa(),o=d.useMemo(()=>(Array.isArray(s)?s:[]).map(c=>{const g=re(c?.usd)??0,m=re(c?.usage)??0,x=Array.isArray(c?.models)?c.models:[];return{label:c?.label?String(c.label):"",usdValue:g,costLabel:ls(g,n,i),tokensLabel:cs(m),models:x.map(h=>{const f=re(h?.usage)??0,b=re(h?.cost)??0;return{id:h?.id?String(h.id):"",name:h?.name?String(h.name):"",tokensLabel:cs(f),costLabel:ls(b,n,i),sortCost:b}}).filter(h=>h.costLabel||h.tokensLabel).sort((h,f)=>f.sortCost-h.sortCost)}}).filter(c=>c.usdValue>0||c.models.length>0).sort((c,g)=>g.usdValue-c.usdValue),[s,n,i]),u=d.useMemo(()=>{const c=o.reduce((g,m)=>g+m.usdValue,0);return rc(c,n,i)},[o,n,i]);return e.jsx(Ii,{open:a,onOpenChange:c=>{c||r?.()},children:e.jsxs(Fi,{children:[e.jsx($i,{className:"cost-modal-backdrop","data-cost-analysis-backdrop":"true"}),e.jsx(Pi,{className:"fixed inset-0 z-[101] flex items-center justify-center p-4",children:e.jsxs(Bi,{className:"cost-modal-popup relative w-full max-w-[460px] max-h-[calc(100vh-2rem)] flex flex-col rounded-2xl bg-white dark:bg-oai-gray-950 shadow-[0_20px_60px_-20px_rgba(0,0,0,0.25)] dark:shadow-[0_20px_60px_-10px_rgba(0,0,0,0.65)] ring-1 ring-oai-gray-200 dark:ring-oai-gray-800 overflow-hidden",children:[e.jsx(zi,{render:e.jsx("h2",{className:"sr-only"}),children:l("dashboard.cost_breakdown.title")}),e.jsx(Oi,{type:"button",className:"absolute top-3 right-3 flex h-9 w-9 items-center justify-center rounded-md text-oai-gray-500 dark:text-oai-gray-400 hover:text-oai-gray-800 dark:hover:text-oai-gray-100 hover:bg-oai-gray-100 dark:hover:bg-oai-gray-800 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-oai-brand/50 transition-colors z-10","aria-label":l("dashboard.cost_breakdown.close"),children:e.jsx(kr,{size:16,strokeWidth:2,"aria-hidden":!0})}),e.jsx("div",{className:"flex-1 min-h-0 overflow-y-auto oai-scrollbar",children:e.jsxs("div",{className:"px-3 py-6",children:[e.jsx("p",{className:"text-label uppercase tracking-[0.12em] text-oai-gray-500 dark:text-oai-gray-400 mb-2",children:l("dashboard.cost_breakdown.total_label")}),e.jsx("p",{className:"font-bold text-oai-brand tabular-nums tracking-tight leading-none mb-6",style:{fontSize:"clamp(24px, 6.5vw, 32px)"},children:u}),o.length===0?e.jsx("p",{className:"text-body-sm text-oai-gray-500 dark:text-oai-gray-400",children:"No spend recorded."}):e.jsxs("div",{role:"table","aria-label":l("dashboard.cost_breakdown.title"),children:[e.jsxs("div",{role:"row",className:"flex items-center justify-between gap-4 py-2 mb-2 border-b border-oai-gray-200 dark:border-oai-gray-800 text-label uppercase text-oai-gray-500 dark:text-oai-gray-400",children:[e.jsx("span",{role:"columnheader",children:"Model"}),e.jsx("span",{role:"columnheader",children:"Cost"})]}),o.map((c,g)=>{const m=`fleet-${g}`;return e.jsxs("div",{role:"rowgroup","aria-labelledby":m,className:g>0?"mt-5":"mt-2",children:[e.jsxs("div",{role:"row",className:"flex items-center justify-between gap-4 py-2",children:[e.jsx("span",{id:m,role:"rowheader",className:"flex-1 min-w-0 text-body-sm font-semibold text-oai-black dark:text-oai-white truncate leading-none",children:c.label}),e.jsx("span",{role:"cell",className:"shrink-0 text-body-sm font-semibold text-oai-black dark:text-oai-white tabular-nums leading-none",children:c.costLabel||"—"})]}),c.models.map((x,h)=>e.jsxs("div",{role:"row",className:"flex items-center justify-between gap-4 py-[5px]",children:[e.jsx("span",{role:"cell",className:"flex-1 min-w-0 text-caption text-oai-gray-500 dark:text-oai-gray-400 truncate leading-none",title:x.name,children:x.name}),e.jsx("span",{role:"cell",className:"shrink-0 text-caption text-oai-gray-700 dark:text-oai-gray-300 tabular-nums leading-none",children:x.costLabel||""})]},x.id||`${x.name}-${h}`))]},`${c.label}-${g}`)})]})]})})]})})]})})});function nc({projectKey:t,from:a,to:r,timeZone:s,tzOffsetMinutes:n}={}){const[i,o]=d.useState(null),[u,c]=d.useState(!1),[g,m]=d.useState(null),x=ut();return d.useEffect(()=>{if(!t){o(null),m(null),c(!1);return}let h=!0;return c(!0),m(null),Wo({projectKey:t,from:a,to:r,timeZone:s,tzOffsetMinutes:n}).then(f=>{h&&o(f||null)}).catch(f=>{h&&(m(f?.message||String(f)),o(null))}).finally(()=>{h&&c(!1)}),()=>{h=!1}},[t,a,r,s,n,x]),{data:i,loading:u,error:g}}function tn(t){if(typeof t!="string"||!t)return{owner:"",repo:""};const a=t.indexOf("/");return a<0?{owner:"",repo:t}:{owner:t.slice(0,a),repo:t.slice(a+1)}}function an(t){try{return new URL(t).hostname.toLowerCase()}catch{return""}}function rn(t){return t?t==="github.com"||t.endsWith(".github.com")?"github":t.includes("gitlab")||t.startsWith("git.")?"gitlab":"generic":""}function sn(t,a){return a&&rn(an(t))==="github"?a:""}function nn({githubOwner:t,letter:a,size:r="w-8 h-8"}){const[s,n]=d.useState(!1);return t&&!s?e.jsx("img",{src:`https://github.com/${t}.png?size=80`,alt:"",loading:"lazy",onError:()=>n(!0),className:`${r} rounded-md object-cover bg-oai-gray-100 dark:bg-oai-gray-800 flex-shrink-0`}):e.jsx("div",{className:`${r} rounded-md oai-bg-elevated flex items-center justify-center oai-text-caption font-medium text-oai-gray-500 dark:text-oai-gray-300 flex-shrink-0`,children:a})}const ds="#10b981",Ja=[{key:"input_tokens",labelKey:"dashboard.projects.detail.comp_input",color:"#38bdf8"},{key:"cached_input_tokens",labelKey:"dashboard.projects.detail.comp_cached",color:"#14b8a6"},{key:"cache_creation_input_tokens",labelKey:"dashboard.projects.detail.comp_cache_write",color:"#f59e0b"},{key:"output_tokens",labelKey:"dashboard.projects.detail.comp_output",color:"#a78bfa"},{key:"reasoning_output_tokens",labelKey:"dashboard.projects.detail.comp_reasoning",color:"#fb7185"}],Qa=60;function oc(t,a,r,s){if(!Array.isArray(t)||t.length===0)return[];const n=new Map(t.map(h=>[h.day,h]));let i=a||t[0].day,o=r||t[t.length-1].day;i>o&&([i,o]=[o,i]),s&&o>s&&(o=s);const u=t[t.length-1].day;o<u&&(o=u);const c=new Date(`${i}T00:00:00Z`),g=new Date(`${o}T00:00:00Z`);if(!Number.isFinite(c.getTime())||!Number.isFinite(g.getTime()))return t;const m=Math.round((g.getTime()-c.getTime())/864e5)+1;m>Qa&&c.setUTCDate(c.getUTCDate()+(m-Qa));const x=[];for(;c.getTime()<=g.getTime()&&x.length<Qa;){const h=c.toISOString().slice(0,10);x.push(n.get(h)||{day:h,total_tokens:0,billable_total_tokens:0}),c.setUTCDate(c.getUTCDate()+1)}return x}function Xa(t){if(!Number.isFinite(t))return"—";const a=t*100;return`${a>=10?Math.round(a):a.toFixed(1)}%`}function _t({label:t,value:a,title:r}){return e.jsxs("div",{className:"flex flex-col gap-1.5 group min-w-0",children:[e.jsx("span",{className:"text-[9px] font-bold uppercase tracking-widest font-mono text-zinc-400 dark:text-zinc-500",children:t}),e.jsx("span",{className:"text-xl font-black font-mono text-zinc-900 dark:text-zinc-50 tracking-tight leading-none tabular-nums truncate transition-transform duration-200 group-hover:-translate-y-[1px]",title:r,children:a})]})}function ic({host:t}){if(!t)return null;let a;const r=rn(t);return r==="github"||r==="gitlab"?a=e.jsx(Ct,{provider:r,size:12,className:"fill-current"}):a=e.jsx(rl,{size:12}),e.jsx("span",{title:t,"aria-label":t,className:"inline-flex flex-shrink-0 items-center",children:a})}function er({children:t}){return e.jsx("span",{className:"text-[9px] font-extrabold uppercase tracking-widest font-mono text-zinc-400 dark:text-zinc-500 select-none",children:t})}function lc({entry:t,query:a={},onClose:r}){const[s,n]=vt.useState(!1),i=typeof t?.project_key=="string"?t.project_key:"",{owner:o,repo:u}=tn(i),c=typeof t?.project_ref=="string"?t.project_ref:"",g=an(c),{data:m,loading:x,error:h}=nc({projectKey:i,from:a.from,to:a.to,timeZone:a.timeZone,tzOffsetMinutes:a.tzOffsetMinutes}),{formatTokens:f,formatTokensTooltip:b}=Ee(),k=vt.useCallback(()=>n(!0),[]),p=I=>{I.target===I.currentTarget&&s&&r()};vt.useEffect(()=>{const I=E=>{E.key==="Escape"&&k()};return window.addEventListener("keydown",I),()=>window.removeEventListener("keydown",I)},[k]);const v=m?.totals||null,w=re(v?.billable_total_tokens)??0,D=Number(m?.days_active||0),T=re(v?.input_tokens)??0,R=re(v?.cached_input_tokens)??0,L=T+R>0?R/(T+R):null,z=re(m?.range_total_tokens)??0,S=re(v?.total_tokens)??0,_=z>0?S/z:null,j=vt.useMemo(()=>oc(m?.daily,m?.from,m?.to,br({timeZone:a.timeZone,offsetMinutes:a.tzOffsetMinutes})),[m,a.timeZone,a.tzOffsetMinutes]),P=Ja.reduce((I,E)=>I+(re(v?.[E.key])??0),0),$=Array.isArray(m?.sources)?m.sources:[],U=!x&&!h&&v&&S>0;return e.jsx("div",{onAnimationEnd:p,onClick:I=>{I.target===I.currentTarget&&k()},className:Nt("fixed inset-0 z-50 flex items-center justify-center p-3 md:p-6 backdrop-blur-md bg-black/15 dark:bg-black/40",s?"animate-tt-fade-out":"animate-tt-fade-in"),children:e.jsxs("div",{role:"dialog","aria-modal":"true","aria-label":i,className:Nt("relative w-full max-w-4xl max-h-[88vh] backdrop-blur-2xl bg-white/90 dark:bg-oai-gray-900/90 border border-oai-gray-200/50 dark:border-white/10 shadow-2xl rounded-2xl flex flex-col md:flex-row overflow-hidden",s?"animate-tt-modal-exit":"animate-tt-modal"),children:[e.jsx("button",{type:"button",onClick:k,"aria-label":l("dashboard.projects.detail.close_aria"),className:"absolute top-4 right-4 z-50 p-2 rounded-full border border-oai-gray-200/60 dark:border-oai-gray-800/60 bg-white/50 dark:bg-oai-gray-900/50 text-oai-gray-500 dark:text-oai-gray-400 hover:text-oai-gray-900 dark:hover:text-white hover:rotate-90 hover:scale-105 active:scale-95 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-oai-brand/60 transition-all duration-300",children:e.jsx(kr,{size:16})}),e.jsxs("div",{className:"w-full md:w-[300px] shrink-0 border-b md:border-b-0 md:border-r border-zinc-200/50 dark:border-zinc-800/40 p-5 md:p-6 flex flex-col gap-5 overflow-y-auto backdrop-blur-md bg-zinc-50/50 dark:bg-zinc-950/50",children:[e.jsxs("div",{className:"select-none",children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsxs("span",{className:"relative flex h-1.5 w-1.5",children:[e.jsx("span",{className:"animate-ping absolute inline-flex h-full w-full rounded-full opacity-75",style:{backgroundColor:ds}}),e.jsx("span",{className:"relative inline-flex rounded-full h-1.5 w-1.5",style:{backgroundColor:ds}})]}),e.jsx("span",{className:"text-[9px] font-extrabold uppercase tracking-widest font-mono text-zinc-400 dark:text-zinc-500",children:l("dashboard.projects.detail.badge")})]}),e.jsxs("div",{className:"mt-3 flex items-center gap-3 min-w-0",children:[e.jsx(nn,{githubOwner:sn(c,o),letter:(u?.[0]||i?.[0]||"?").toUpperCase(),size:"w-10 h-10"}),e.jsxs("div",{className:"min-w-0",children:[o?e.jsxs("p",{className:"text-[10px] font-mono text-zinc-400 dark:text-zinc-500 truncate leading-tight",children:[o,"/"]}):null,e.jsx("h4",{className:"text-xl font-black text-zinc-900 dark:text-zinc-50 tracking-tight leading-tight truncate",children:u||i||"—"})]})]}),e.jsxs("div",{className:"mt-2 flex items-center gap-1.5 text-[10px] font-mono text-zinc-400 dark:text-zinc-500 leading-relaxed",children:[e.jsx(ic,{host:g}),g&&m?.from&&m?.to?e.jsx("span",{children:"·"}):null,m?.from&&m?.to?e.jsxs("span",{className:"tabular-nums",children:[m.from," – ",m.to]}):null]})]}),U?e.jsxs("div",{className:"grid grid-cols-2 gap-x-5 gap-y-5 border-t border-zinc-200/50 dark:border-zinc-800/50 pt-5 select-none",children:[e.jsx(_t,{label:l("dashboard.projects.detail.stat_total"),value:f(w),title:b(w)}),e.jsx(_t,{label:l("dashboard.projects.detail.stat_share"),value:_==null?"—":Xa(_)}),e.jsx(_t,{label:l("dashboard.projects.detail.stat_cache_hit"),value:L==null?"—":Xa(L)}),e.jsx(_t,{label:l("dashboard.projects.detail.stat_conversations"),value:wa(v.conversation_count)}),e.jsx(_t,{label:l("dashboard.projects.detail.stat_active_days"),value:wa(D)}),e.jsx(_t,{label:l("dashboard.projects.detail.stat_avg_day"),value:D>0?f(Math.round(w/D)):"—"})]}):null]}),e.jsxs("div",{className:"flex-1 min-w-0 overflow-y-auto",children:[x&&e.jsxs("div",{className:"space-y-4 p-5 md:p-6",children:[e.jsx("div",{className:"h-32 rounded-lg bg-oai-gray-100 dark:bg-oai-gray-800 animate-pulse"}),e.jsx("div",{className:"h-16 rounded-lg bg-oai-gray-100 dark:bg-oai-gray-800 animate-pulse"}),e.jsx("div",{className:"h-24 rounded-lg bg-oai-gray-100 dark:bg-oai-gray-800 animate-pulse"})]}),!x&&h&&e.jsx("p",{className:"oai-text-body-sm text-oai-gray-500 dark:text-oai-gray-300 p-5 md:p-6",children:l("dashboard.projects.detail.error")}),!x&&!h&&!U&&e.jsx("p",{className:"oai-text-body-sm text-oai-gray-500 dark:text-oai-gray-300 p-5 md:p-6",children:l("dashboard.projects.detail.empty_range")}),U&&e.jsxs("div",{className:"divide-y divide-zinc-200/50 dark:divide-zinc-800/40",children:[j.length>1&&e.jsxs("section",{className:"px-5 py-5 md:px-6 first:md:pt-6",children:[e.jsx(er,{children:l("dashboard.projects.detail.section_trend")}),e.jsx("div",{className:"mt-3",children:e.jsx(Vs,{embedded:!0,rows:j,from:j[0]?.day,to:j[j.length-1]?.day,period:"month",showTimeZoneLabel:!1,chartHeightClass:"h-36"})})]}),P>0&&e.jsxs("section",{className:"px-5 py-5 md:px-6 first:md:pt-6",children:[e.jsx(er,{children:l("dashboard.projects.detail.section_composition")}),e.jsx("div",{className:"mt-3 flex h-1.5 w-full overflow-hidden rounded-full",children:Ja.map(I=>{const E=re(v[I.key])??0;return E<=0?null:e.jsx("div",{style:{width:`${E/P*100}%`,backgroundColor:I.color,minWidth:"2px"}},I.key)})}),e.jsx("div",{className:"mt-2.5 flex flex-wrap gap-x-4 gap-y-1.5",children:Ja.map(I=>{const E=re(v[I.key])??0;return e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"h-1.5 w-1.5 flex-shrink-0 rounded-full",style:{backgroundColor:I.color}}),e.jsx("span",{className:"text-[11px] text-zinc-500 dark:text-zinc-400",children:l(I.labelKey)}),e.jsx("span",{className:"text-[11px] font-bold font-mono text-zinc-900 dark:text-zinc-50 tabular-nums",title:b(E),children:f(E)})]},I.key)})})]}),$.length>0&&e.jsxs("section",{className:"px-5 py-5 md:px-6 first:md:pt-6",children:[e.jsx(er,{children:l("dashboard.projects.detail.section_sources")}),e.jsx("div",{className:"mt-3 space-y-3.5",children:$.map(I=>{const E=Number(I.total_tokens||0),q=S>0?E/S:0,N=q*100,C=Number(I.conversation_count||0),G=Si(I.source||"unknown");return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-1.5 min-w-0",children:[e.jsx(Ct,{provider:I.source,size:13,className:"flex-shrink-0"}),e.jsx("span",{className:"text-[11px] font-bold uppercase tracking-wide text-zinc-900 dark:text-zinc-50 truncate",children:jt(I.source)}),e.jsxs("span",{className:"hidden text-[10px] font-mono text-zinc-400 dark:text-zinc-500 tabular-nums whitespace-nowrap sm:inline",children:[l("dashboard.projects.detail.source_days",{n:Number(I.days_active||0)}),C>0?e.jsxs(e.Fragment,{children:[" · ",l("dashboard.projects.detail.source_conv",{n:C})]}):null]}),e.jsx("span",{className:"ml-auto text-[12px] font-bold font-mono text-zinc-900 dark:text-zinc-50 tabular-nums",title:b(E),children:f(E)}),e.jsx("span",{className:"w-9 text-right text-[10px] font-mono text-zinc-400 dark:text-zinc-500 tabular-nums",children:Xa(q)})]}),e.jsx("div",{className:"mt-1.5 h-1 w-full overflow-hidden rounded-full bg-zinc-100 dark:bg-zinc-800/60",children:e.jsx("div",{className:"h-full rounded-full",style:{width:`${Math.min(100,Math.max(N,E>0?1:0))}%`,minWidth:E>0?"3px":0,backgroundColor:G}})})]},I.source)})})]})]})]})]})})}const cc=5;function dc({entry:t,maxTokens:a,copy:r,formatTokens:s,formatTokensTooltip:n,onSelect:i}){const o=typeof t?.project_key=="string"?t.project_key:"",u=typeof t?.project_ref=="string"?t.project_ref:"",{owner:c,repo:g}=tn(o),m=sn(u,c),x=re(t?.billable_total_tokens??t?.total_tokens)??0,h=a>0?Math.min(100,Math.max(2,x/a*100)):0,f=Array.isArray(t?.sources)?t.sources:[],b=f.slice(0,cc),k=f.length-b.length;return e.jsxs("button",{type:"button",onClick:()=>i?.(t),className:"flex w-full items-center gap-3 p-2 rounded-lg text-left hover:bg-oai-gray-50 dark:hover:bg-oai-gray-800/50 active:bg-oai-gray-100 dark:active:bg-oai-gray-800 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-oai-brand/60 transition-colors",children:[e.jsx(nn,{githubOwner:m,letter:(g?.[0]||o?.[0]||"?").toUpperCase()}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsxs("div",{className:"flex items-baseline min-w-0",children:[c?e.jsxs("span",{className:"oai-text-caption text-oai-gray-400 dark:text-oai-gray-500 truncate flex-shrink-[2]",children:[c,"/"]}):null,e.jsx("span",{className:"oai-text-body-sm font-medium text-oai-black dark:text-oai-white truncate",children:g||o||"—"})]}),b.length>0&&e.jsxs("div",{className:"mt-0.5 flex items-center gap-1",children:[b.map(p=>e.jsx(Ct,{provider:p.source,size:12,className:"text-oai-gray-400 dark:text-oai-gray-500"},p.source)),k>0&&e.jsx("span",{className:"oai-text-caption text-oai-gray-400 dark:text-oai-gray-500",children:r("dashboard.projects.sources_more",{n:k})})]})]}),e.jsxs("div",{className:"flex w-24 flex-shrink-0 flex-col items-end gap-1",children:[e.jsx("span",{className:"oai-text-body-sm font-medium text-oai-black dark:text-oai-white tabular-nums",title:n(x),children:s(x)}),e.jsx("div",{className:"h-1 w-full overflow-hidden rounded-full bg-oai-gray-100 dark:bg-oai-gray-800",children:e.jsx("div",{className:"h-full rounded-full bg-emerald-500",style:{width:`${h}%`,minWidth:x>0?"3px":0}})})]})]})}function uc({projectEntries:t=[],projectLimit:a=3,onProjectLimitChange:r,projectDetailQuery:s={},copy:n,hasDetailsActual:i,dailyEmptyPrefix:o,installSyncCmd:u,dailyEmptySuffix:c,detailsColumns:g,ariaSortFor:m,toggleSort:x,sortIconFor:h,pagedDetails:f,dailyBreakdownRows:b=[],dailyBreakdownColumns:k=[],dailyBreakdownAriaSortFor:p,dailyBreakdownSortIconFor:v,dailyBreakdownDateKey:w="day",detailsDateKey:D,renderDetailDate:T,renderDailyBreakdownDate:R,renderDetailCell:L,DETAILS_PAGED_PERIODS:z,period:S,detailsPageCount:_,detailsPage:j,setDetailsPage:P}){const[$,U]=d.useState("daily"),[I,E]=d.useState(null),{formatTokens:q,formatTokensTooltip:N}=Ee();return e.jsxs(Te,{children:[e.jsxs("div",{className:`flex items-center justify-between gap-3 ${$==="projects"?"mb-4":"mb-0"}`,children:[e.jsxs("div",{role:"tablist","aria-label":"Data view",className:"flex gap-1",children:[e.jsx("button",{role:"tab","aria-selected":$==="daily",type:"button",onClick:()=>U("daily"),className:`text-xs font-medium px-3 py-1.5 rounded transition-colors ${$==="daily"?"text-oai-black dark:text-oai-white bg-oai-gray-100 dark:bg-oai-gray-800":"text-oai-gray-500 dark:text-oai-gray-300 hover:text-oai-black dark:hover:text-oai-white hover:bg-oai-gray-50 dark:hover:bg-oai-gray-800/50"}`,children:n("dashboard.daily.title")}),e.jsx("button",{role:"tab","aria-selected":$==="projects",type:"button",onClick:()=>U("projects"),className:`text-xs font-medium px-3 py-1.5 rounded transition-colors ${$==="projects"?"text-oai-black dark:text-oai-white bg-oai-gray-100 dark:bg-oai-gray-800":"text-oai-gray-500 dark:text-oai-gray-300 hover:text-oai-black dark:hover:text-oai-white hover:bg-oai-gray-50 dark:hover:bg-oai-gray-800/50"}`,children:n("dashboard.projects.title")})]}),$==="projects"&&e.jsx(Ks,{ariaLabel:n("dashboard.projects.limit_aria"),value:a,onValueChange:C=>r?.(Number(C)),options:[{value:3,label:n("dashboard.projects.limit_top_3")},{value:6,label:n("dashboard.projects.limit_top_6")},{value:10,label:n("dashboard.projects.limit_top_10")}],align:"end",className:"px-2 py-1 text-xs text-oai-gray-600 dark:text-oai-gray-300"})]}),$==="projects"&&(()=>{const C=t.slice(0,a);if(C.length===0)return e.jsx("div",{className:"oai-text-body-sm text-oai-gray-500 dark:text-oai-gray-300",children:n("dashboard.projects.empty")});const G=C.reduce((O,ue)=>{const J=re(ue?.billable_total_tokens??ue?.total_tokens)??0;return J>O?J:O},0);return e.jsx("div",{className:"space-y-1",children:C.map((O,ue)=>e.jsx(dc,{entry:O,maxTokens:G,copy:n,formatTokens:q,formatTokensTooltip:N,onSelect:E},O?.project_key||O?.project_ref||`entry-${ue}`))})})(),I&&e.jsx(lc,{entry:I,query:s,onClose:()=>E(null)}),$==="daily"&&e.jsxs("div",{children:[b?.length===0?e.jsxs("div",{className:"oai-text-body-sm text-oai-gray-500 dark:text-oai-gray-300 mb-4",children:[o,e.jsx("code",{className:"mx-1 rounded border border-oai-gray-300 dark:border-oai-gray-700 oai-bg-elevated px-1.5 py-0.5 font-mono oai-text-caption",children:u}),c]}):e.jsx("div",{className:"overflow-auto max-h-[384px] -mx-4 oai-scrollbar",children:e.jsxs("table",{className:"w-full border-collapse",children:[e.jsx("thead",{className:"sticky top-0 z-10",children:e.jsx("tr",{className:"border-b border-oai-gray-200 dark:border-oai-gray-700",children:k.map(C=>e.jsx("th",{"aria-sort":p?.(C.key)||"none",className:"text-left p-0 bg-white dark:bg-oai-gray-900",children:e.jsx("button",{type:"button",onClick:()=>x(C.key),className:"flex w-full items-center justify-start px-2.5 sm:px-4 py-2 text-left oai-text-caption font-semibold text-oai-gray-600 dark:text-oai-gray-300 hover:text-oai-black dark:hover:text-oai-white transition-colors",children:e.jsxs("span",{className:"inline-flex items-center gap-1",children:[e.jsx("span",{children:C.label}),e.jsx("span",{className:"text-oai-gray-400 dark:text-oai-gray-400",children:v?.(C.key)||""})]})})},C.key))})}),e.jsx("tbody",{children:b.map(C=>e.jsxs("tr",{className:`border-b border-oai-gray-100 dark:border-oai-gray-800 last:border-b-0 hover:bg-oai-gray-50/50 dark:hover:bg-oai-gray-800/50 transition-colors ${C.missing?"text-oai-gray-400 dark:text-oai-gray-400":C.future?"text-oai-gray-300 dark:text-oai-gray-600":"text-oai-black dark:text-oai-white"}`,children:[e.jsx("td",{className:"px-2.5 sm:px-4 py-2 oai-text-body-sm text-oai-gray-500 dark:text-oai-gray-300 whitespace-nowrap",children:R?R(C):T(C)}),e.jsx("td",{className:"px-2.5 sm:px-4 py-2 oai-text-body-sm font-medium text-oai-black dark:text-oai-white tabular-nums",children:L(C,"total_tokens")}),e.jsx("td",{className:"px-2.5 sm:px-4 py-2 oai-text-body-sm text-oai-gray-600 dark:text-oai-gray-300 tabular-nums",children:L(C,"input_tokens")}),e.jsx("td",{className:"px-2.5 sm:px-4 py-2 oai-text-body-sm text-oai-gray-600 dark:text-oai-gray-300 tabular-nums",children:L(C,"output_tokens")}),e.jsx("td",{className:"px-2.5 sm:px-4 py-2 oai-text-body-sm text-oai-gray-600 dark:text-oai-gray-300 tabular-nums",children:L(C,"cached_input_tokens")}),e.jsx("td",{className:"px-2.5 sm:px-4 py-2 oai-text-body-sm text-oai-gray-600 dark:text-oai-gray-300 tabular-nums",children:L(C,"reasoning_output_tokens")}),e.jsx("td",{className:"px-2.5 sm:px-4 py-2 oai-text-body-sm text-oai-gray-600 dark:text-oai-gray-300 tabular-nums",children:L(C,"conversation_count")})]},String(C?.[w]||C?.day||C?.hour||C?.month||"")))})]})}),$!=="daily"&&z.has(S)&&_>1?e.jsxs("div",{className:"mt-3 flex items-center justify-between oai-text-caption",children:[e.jsx("button",{type:"button",onClick:()=>P(C=>Math.max(0,C-1)),disabled:j===0,className:"px-3 py-1.5 text-oai-gray-600 dark:text-oai-gray-300 hover:bg-oai-gray-100 dark:hover:bg-oai-gray-800 rounded-md disabled:opacity-50 disabled:cursor-not-allowed transition-colors",children:n("details.pagination.prev")}),e.jsxs("span",{className:"oai-text-muted",children:[j+1," / ",_]}),e.jsx("button",{type:"button",onClick:()=>P(C=>Math.min(_-1,C+1)),disabled:j+1>=_,className:"px-3 py-1.5 text-oai-gray-600 dark:text-oai-gray-300 hover:bg-oai-gray-100 dark:hover:bg-oai-gray-800 rounded-md disabled:opacity-50 disabled:cursor-not-allowed transition-colors",children:n("details.pagination.next")})]}):null]})]})}function ka(t){return typeof t!="string"?"":t.trim()}function us(t){const a=ka(t);return a?a.split(/[_\-\s]+/).filter(Boolean).map(r=>r.slice(0,1).toUpperCase()+r.slice(1).toLowerCase()).join(" "):""}function mc(t){if(!Array.isArray(t))return[];const a=new Map;for(const r of t){if(!r||typeof r!="object")continue;const s=ka(r.tool),n=ka(r.planType)||ka(r.plan_type);if(!s||!n)continue;const i=us(s)||s,o=us(n)||n;a.set(`${s.toLowerCase()}::${n.toLowerCase()}`,{tool:i,plan:o})}return Array.from(a.values())}function hc({startDate:t,streakDays:a,subscriptions:r=[],periodConversations:s,rolling:n,topModels:i=[],className:o=""}){const{formatTokensTooltip:u}=Ee(),c=l("shared.placeholder.short"),g=l("shared.unit.percent"),m=t??l("identity_card.rank_placeholder"),x=Number.isFinite(Number(a))?Number(a):0,h=x?l("identity_card.streak_value",{days:x}):l("identity_card.rank_placeholder"),f=mc(r),b={thousandSuffix:l("shared.unit.thousand_abbrev"),millionSuffix:l("shared.unit.million_abbrev"),billionSuffix:l("shared.unit.billion_abbrev")},k=w=>{if(w==null)return c;const D=Je(w,b);return D==="-"?c:D},p={last7d:l("stats.period.last_7d"),last30d:l("stats.period.last_30d"),avg:l("stats.period.avg"),convs:l("stats.period.convs")},v=i.slice(0,3);return e.jsxs(Te,{className:`h-full ${o}`,children:[e.jsxs("div",{className:"grid grid-cols-2 lg:grid-cols-2 xl:grid-cols-4 gap-2",children:[e.jsxs("div",{className:"min-w-0 flex flex-col items-center justify-center px-2 py-2 bg-oai-gray-50 dark:bg-oai-gray-800 rounded-lg",children:[e.jsx("span",{title:u(n?.last_7d?.totals?.billable_total_tokens),className:"w-full min-w-0 truncate text-center text-sm font-semibold text-oai-black dark:text-oai-white tabular-nums",children:k(n?.last_7d?.totals?.billable_total_tokens)}),e.jsx("span",{className:"w-full min-w-0 truncate text-center text-[10px] text-oai-gray-400 dark:text-oai-gray-400 mt-0.5 whitespace-nowrap",children:p.last7d})]}),e.jsxs("div",{className:"min-w-0 flex flex-col items-center justify-center px-2 py-2 bg-oai-gray-50 dark:bg-oai-gray-800 rounded-lg",children:[e.jsx("span",{title:u(n?.last_30d?.totals?.billable_total_tokens),className:"w-full min-w-0 truncate text-center text-sm font-semibold text-oai-black dark:text-oai-white tabular-nums",children:k(n?.last_30d?.totals?.billable_total_tokens)}),e.jsx("span",{className:"w-full min-w-0 truncate text-center text-[10px] text-oai-gray-400 dark:text-oai-gray-400 mt-0.5 whitespace-nowrap",children:p.last30d})]}),e.jsxs("div",{className:"min-w-0 flex flex-col items-center justify-center px-2 py-2 bg-oai-gray-50 dark:bg-oai-gray-800 rounded-lg",children:[e.jsx("span",{title:u(n?.last_30d?.avg_per_active_day),className:"w-full min-w-0 truncate text-center text-sm font-semibold text-oai-black dark:text-oai-white tabular-nums",children:k(n?.last_30d?.avg_per_active_day)}),e.jsx("span",{className:"w-full min-w-0 truncate text-center text-[10px] text-oai-gray-400 dark:text-oai-gray-400 mt-0.5 whitespace-nowrap",children:p.avg})]}),e.jsxs("div",{className:"min-w-0 flex flex-col items-center justify-center px-2 py-2 bg-oai-gray-50 dark:bg-oai-gray-800 rounded-lg",children:[e.jsx("span",{className:"w-full min-w-0 truncate text-center text-sm font-semibold text-oai-black dark:text-oai-white tabular-nums",children:k(s)}),e.jsx("span",{className:"w-full min-w-0 truncate text-center text-[10px] text-oai-gray-400 dark:text-oai-gray-400 mt-0.5 whitespace-nowrap",children:p.convs})]})]}),v.length>0&&e.jsx("div",{className:"mt-4 pt-3 border-t border-oai-gray-100 dark:border-oai-gray-800",children:v.map((w,D)=>{const T=w?.name?String(w.name):c,R=w?.percent?String(w.percent):"",L=D===v.length-1,z=D+1;return e.jsxs("div",{className:`flex items-center py-2 ${L?"":"border-b border-oai-gray-50 dark:border-oai-gray-800"}`,children:[e.jsx("span",{className:"w-5 h-5 flex items-center justify-center rounded-full bg-oai-gray-100 dark:bg-oai-gray-800 text-[10px] font-semibold text-oai-gray-500 dark:text-oai-gray-300 flex-shrink-0",children:z}),e.jsx("span",{className:"flex-1 text-sm text-oai-gray-700 dark:text-oai-gray-300 truncate px-2.5",title:T,children:T}),e.jsxs("span",{className:"text-sm font-semibold text-oai-black dark:text-oai-white tabular-nums flex-shrink-0",children:[R,g]})]},w.id||T)})}),f.length>0&&e.jsx("div",{className:"mt-3 pt-3 border-t border-oai-gray-100 dark:border-oai-gray-800 flex flex-wrap gap-1.5",children:f.map((w,D)=>e.jsxs(gl,{variant:"secondary",size:"sm",children:[w.tool," ",w.plan]},`${w.tool}:${w.plan}:${D}`))}),e.jsxs("div",{className:"mt-4 pt-3 border-t border-oai-gray-100 dark:border-oai-gray-800 flex items-center justify-between text-xs text-oai-gray-400 dark:text-oai-gray-400",children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{children:l("identity_card.rank_label")}),e.jsx("span",{className:"text-oai-gray-500 dark:text-oai-gray-300 tabular-nums",children:m})]}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("span",{children:l("identity_card.streak_label")}),e.jsx("span",{className:"text-oai-gray-500 dark:text-oai-gray-300 tabular-nums",children:h})]})]})]})}let ga=null;function gc(){if(ga===null)try{ga=typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("color","oklch(0 0 0)")}catch{ga=!1}return ga}function xc(t,a,r){const s=r*Math.PI/180,n=a*Math.cos(s),i=a*Math.sin(s),o=t+.3963377774*n+.2158037573*i,u=t-.1055613458*n-.0638541728*i,c=t-.0894841775*n-1.291485548*i,g=o*o*o,m=u*u*u,x=c*c*c;return[4.0767416621*g-3.3077115913*m+.2309699292*x,-1.2684380046*g+2.6097574011*m-.3413193965*x,-.0041960863*g-.7034186147*m+1.707614701*x].map(f=>{const b=Math.min(1,Math.max(0,f)),k=b<=.0031308?12.92*b:1.055*Math.pow(b,1/2.4)-.055;return Math.round(k*255)})}function on(t,a,r,s){if(gc())return s==null?`oklch(${t} ${a} ${r})`:`oklch(${t} ${a} ${r} / ${s})`;const[n,i,o]=xc(t,a,r);return s==null?`rgb(${n} ${i} ${o})`:`rgb(${n} ${i} ${o} / ${s})`}function Tt(t){const a=/^oklch\(\s*([0-9.]+)\s+([0-9.]+)\s+([0-9.]+)\s*\)$/.exec(t);return a?on(Number(a[1]),Number(a[2]),Number(a[3])):t}const ms={claude:35,codex:250},hs={system_prompt:{l:.55,c:.05},messages:{l:.65,c:.18},tool_calls:{l:.6,c:.14},custom_agents:{l:.55,c:.1},reasoning:{l:.7,c:.08}};function fc(t,a){const r=ms[a]??ms.claude,s=hs[t]||hs.system_prompt;return on(s.l,s.c,r)}const pc=[{key:"system_prompt",from:["system_prefix"]},{key:"messages",from:["user_input","conversation_history","assistant_response"]},{key:"tool_calls",from:["tool_calls"]},{key:"custom_agents",from:["subagents"]},{key:"reasoning",from:["reasoning"]}],yc=[["by_type","dashboard.context_breakdown.exec_details.group_by_type"],["by_executable","dashboard.context_breakdown.exec_details.group_by_executable"],["by_command","dashboard.context_breakdown.exec_details.group_by_command"],["by_duration","dashboard.context_breakdown.exec_details.group_by_duration"],["by_output","dashboard.context_breakdown.exec_details.group_by_output"],["by_exit","dashboard.context_breakdown.exec_details.group_by_exit"]],bc={duration:.18,ease:[.4,0,.2,1]},kc={height:0,opacity:0},wc={height:"auto",opacity:1},_c={height:0,opacity:0};function vc(t){const a=Number(t||0);return Number.isFinite(a)&&a>0?a:0}function jc(t,a){const r={};for(const s of["input_tokens","cached_input_tokens","cache_creation_input_tokens","output_tokens","reasoning_output_tokens","total_tokens"])r[s]=Math.round(Number(t?.[s]||0)*a);return r}function ln(t,a=null){const r=t.reduce((o,u)=>o+Number(u.totals.total_tokens||0),0),s=vc(a),n=s||r,i=s&&r>0?s/r:1;return t.map(o=>{const u=i===1?o.totals:jc(o.totals,i);return{...o,totals:u,percent:n>0?Number((u.total_tokens/n*100).toFixed(2)):0}}).sort((o,u)=>u.totals.total_tokens-o.totals.total_tokens)}function Nc(t,a=null){const r=new Map;for(const n of t||[])r.set(n.key,n);const s=pc.map(n=>{const i={input_tokens:0,cached_input_tokens:0,cache_creation_input_tokens:0,output_tokens:0,reasoning_output_tokens:0,total_tokens:0};for(const o of n.from){const u=r.get(o);if(!u)continue;const c=u.totals||{};i.input_tokens+=c.input_tokens||0,i.cached_input_tokens+=c.cached_input_tokens||0,i.cache_creation_input_tokens+=c.cache_creation_input_tokens||0,i.output_tokens+=c.output_tokens||0,i.reasoning_output_tokens+=c.reasoning_output_tokens||0,i.total_tokens+=c.total_tokens||0}return{key:n.key,totals:i}});return ln(s,a)}function Sc(t,a=null){const r=t?.totals||{},s=Number(r.reasoning_output_tokens||0),n=(t?.tool_calls_breakdown?.categories||[]).reduce((g,m)=>m?.name==="Text Response"?g:g+Number(m?.totals?.total_tokens||0),0),i=Number(r.total_tokens||0),o=Math.min(Math.max(0,n),Math.max(0,i-s)),c=[{key:"messages",totals:{total_tokens:Math.max(0,i-s-o)}},{key:"tool_calls",totals:{total_tokens:o}},{key:"reasoning",totals:{total_tokens:s}}];return ln(c,a)}const gs="MCP: ";function Cc(t){if(!t?.categories?.length)return{mcpSet:null,residualSet:t,mcpTotalTokens:0};const a=[],r=[];let s=0;for(const n of t.categories){const i=String(n?.name||"");i.startsWith(gs)?(a.push({...n,name:i.slice(gs.length)}),s+=Number(n?.totals?.total_tokens||0)):r.push(n)}return a.length===0?{mcpSet:null,residualSet:t,mcpTotalTokens:0}:(a.sort((n,i)=>(i.totals?.total_tokens||0)-(n.totals?.total_tokens||0)),{mcpSet:{...t,categories:a},residualSet:{...t,categories:r},mcpTotalTokens:s})}function xs(t){return l(`dashboard.context_breakdown.category.${t}`)}function Tc(t){return typeof t!="string"?"":t.startsWith("mcp__")?t.split("__").slice(2).join("__")||t:t.includes("/")&&t.split("/").pop()||t}function Ac(t){return(Array.isArray(t)?t:[]).map(a=>{const r=a?.totals||null,s=Number(r?r.input_tokens||0:a?.input_tokens||0),n=Number(r?r.output_tokens||0:a?.output_tokens||0),i=Number(r?r.cached_input_tokens||0:a?.cache_read||0),o=Number(r?r.cache_creation_input_tokens||0:a?.cache_creation||0),u=Number(r?r.total_tokens||s+n:a?.total_tokens||n);return{name:Tc(a?.name?String(a.name):""),calls:Number(a?.calls||0),input_tokens:s,output_tokens:n,cache_read:i,cache_creation:o,total_tokens:Number(u||0)}}).filter(a=>a.name).sort((a,r)=>(r.total_tokens||0)-(a.total_tokens||0))}function Dc(t){return(Array.isArray(t)?t:[]).map(a=>{const r=a?.totals||{},s=Array.isArray(a?.tools)?a.tools:[],n=Number(r.input_tokens||0),i=Number(r.output_tokens||0),o=Number(r.cached_input_tokens||0),u=Number(r.cache_creation_input_tokens||0);return{name:a?.name?String(a.name):"",calls:Number(a?.calls||0),totals:{input_tokens:n,output_tokens:i,cached_input_tokens:o,cache_creation_input_tokens:u,total_tokens:Number(r.total_tokens||n+i)},tools:Ac(s),toolCount:s.length}}).filter(a=>a.name).sort((a,r)=>(r.totals.total_tokens||0)-(a.totals.total_tokens||0))}function Lc(t){return(Array.isArray(t)?t:[]).map(a=>{const r=a?.totals||{},s=Number(r.input_tokens||0),n=Number(r.output_tokens||0),i=Number(r.cached_input_tokens||0),o=Number(r.cache_creation_input_tokens||0);return{key:a?.key?String(a.key):"",name:a?.name?String(a.name):"",totals:{input_tokens:s,output_tokens:n,cached_input_tokens:i,cache_creation_input_tokens:o,total_tokens:Number(r.total_tokens||s+n+i+o)}}}).filter(a=>a.key||a.name).sort((a,r)=>(r.totals.total_tokens||0)-(a.totals.total_tokens||0))}function Mc(t){return(Array.isArray(t)?t:[]).map(a=>{const r=a?.totals||{};return{name:a?.name?String(a.name):"",calls:Number(a?.calls||0),total_tokens:Number(r.total_tokens||0)}}).filter(a=>a.name).sort((a,r)=>Number(r.total_tokens||0)-Number(a.total_tokens||0))}function Ec(t){if(t?.key){const a=l(`dashboard.context_breakdown.message_details.${t.key}`);if(a&&!a.includes("dashboard.context_breakdown"))return a}return t?.name||""}function Rc(t){return(Array.isArray(t)?t:[]).map(a=>{const r=a?.totals||{},s=Number(r.input_tokens||0),n=Number(r.output_tokens||0),i=Number(r.cached_input_tokens||0),o=Number(r.cache_creation_input_tokens||0);return{name:a?.name?String(a.name):"",calls:Number(a?.calls||0),failures:Number(a?.failures||0),duration_ms:Number(a?.duration_ms||0),max_duration_ms:Number(a?.max_duration_ms||0),output_chars:Number(a?.output_chars||0),output_lines:Number(a?.output_lines||0),totals:{input_tokens:s,output_tokens:n,cached_input_tokens:i,cache_creation_input_tokens:o,total_tokens:Number(r.total_tokens||s+n)}}}).filter(a=>a.name).sort((a,r)=>Number(r.totals.total_tokens||0)-Number(a.totals.total_tokens||0))}function fs(t){const a=Number(t||0);return!Number.isFinite(a)||a<=0?"0ms":a<1e3?`${Math.round(a)}ms`:a<6e4?`${(a/1e3).toFixed(1)}s`:`${Math.round(a/1e3)}s`}function Ic(t,a){return t?a==="by_executable"?t.by_executable||[]:a==="by_command"?t.by_command||[]:a==="by_duration"?t.by_duration||[]:a==="by_output"?t.by_output||[]:a==="by_exit"?t.by_exit||[]:t.by_type||[]:[]}function ps(t){return t==="exec_command"||t==="Bash"}function cn(t){return t==="codex"?"dashboard.context_breakdown.empty_codex":"dashboard.context_breakdown.empty"}function Fc(t){return t==="codex"?"dashboard.context_breakdown.error_codex":"dashboard.context_breakdown.error"}function $c(t){return t==="codex"?"dashboard.context_breakdown.footnote_codex":"dashboard.context_breakdown.footnote"}const Pc=10;function Ze({level:t=0,colorSquare:a=null,label:r,labelSuffix:s=null,labelTone:n="default",hasChevron:i=!1,open:o=!1,onToggle:u,tokens:c,percent:g=null,children:m,share:x=null,fillColor:h=null}){const f=n==="accent"?"text-oai-brand truncate":n==="muted"?"text-oai-gray-500 dark:text-oai-gray-400 truncate":n==="strong"?"font-medium text-oai-black dark:text-oai-white truncate":"text-oai-gray-700 dark:text-oai-gray-300 truncate",b=e.jsx("span",{className:"shrink-0 flex items-center justify-start",style:{width:Pc},"aria-hidden":!a,children:a}),k=e.jsxs(e.Fragment,{children:[b,e.jsx("span",{className:f,children:r}),s,i&&e.jsx(Ne.span,{animate:{rotate:o?90:0},transition:{duration:.15},className:"shrink-0 text-oai-gray-400 dark:text-oai-gray-500 flex items-center","aria-hidden":"true",children:e.jsx(Ui,{size:11})})]}),p=h&&x!=null&&x>0,v=p?Math.max(0,Math.min(100,x)):0;return e.jsxs("li",{className:"min-w-0 group/row",children:[e.jsxs("div",{className:"relative grid grid-cols-[minmax(0,1fr)_minmax(9rem,max-content)_4rem] items-center gap-x-3 text-xs py-1 px-1 rounded-sm transition-colors duration-150",style:p?{backgroundImage:`linear-gradient(to right, ${h.replace(/\)\s*$/," / 0.10)")} 0%, ${h.replace(/\)\s*$/," / 0.10)")} ${v}%, transparent ${v}%)`}:void 0,children:[i?e.jsx("button",{type:"button",onClick:u,"aria-expanded":o,className:"relative col-start-1 row-start-1 flex items-center gap-1.5 min-w-0 text-left cursor-pointer focus-visible:outline-none focus-visible:ring-inset focus-visible:ring-2 focus-visible:ring-oai-brand/40 rounded-sm",children:k}):e.jsx("div",{className:"relative col-start-1 row-start-1 flex items-center gap-1.5 min-w-0",children:k}),e.jsx("span",{className:"relative col-start-2 row-start-1 text-right whitespace-nowrap tabular-nums text-oai-gray-500 dark:text-oai-gray-400",children:c||""}),e.jsx("span",{className:"relative col-start-3 row-start-1 text-right whitespace-nowrap tabular-nums text-[10px] text-oai-gray-400 dark:text-oai-gray-500 font-normal",children:g||""})]}),i&&m?e.jsx(wr,{initial:!1,children:o&&e.jsx(Ne.div,{initial:kc,animate:wc,exit:_c,transition:bc,style:{overflow:"hidden"},children:m},"content")}):null]})}function ys({execDetails:t,source:a="claude"}){const{formatTokens:r}=Ee(),[s,n]=d.useState("by_type"),i=Rc(Ic(t,s)),o=a==="codex",u=o?"grid-cols-[minmax(0,1fr)_48px_48px_72px_72px_60px_60px]":"grid-cols-[minmax(0,1fr)_56px_60px]";return e.jsxs("div",{className:"mt-2 ml-4",children:[e.jsx("div",{className:"flex flex-wrap items-center gap-1 rounded-md bg-oai-gray-100 dark:bg-oai-gray-900 p-1 w-fit max-w-full",children:yc.map(([c,g])=>e.jsx("button",{type:"button",onClick:()=>n(c),className:"h-7 px-2 rounded-md text-[10px] font-medium transition-colors "+(s===c?"bg-oai-white dark:bg-oai-gray-800 text-oai-black dark:text-oai-white shadow-sm":"text-oai-gray-600 dark:text-oai-gray-300 hover:bg-oai-white/70 dark:hover:bg-oai-gray-800/70"),children:l(g)},c))}),i.length===0?e.jsx("p",{className:"mt-2 text-[10px] text-oai-gray-400 dark:text-oai-gray-500",children:"—"}):e.jsx("div",{className:"mt-2 overflow-x-auto",children:e.jsxs("div",{role:"table","aria-label":l("dashboard.context_breakdown.exec_details.title"),className:o?"min-w-[420px]":"min-w-[260px]",children:[e.jsxs("div",{role:"row",className:`grid ${u} gap-2 py-1.5 mb-1 border-b border-oai-gray-200 dark:border-oai-gray-800 text-label uppercase text-oai-gray-500 dark:text-oai-gray-400`,children:[e.jsx("span",{role:"columnheader",children:l("dashboard.context_breakdown.exec_details.kind_column")}),e.jsx("span",{role:"columnheader",className:"text-right",children:l("dashboard.context_breakdown.exec_details.calls_column")}),o&&e.jsxs(e.Fragment,{children:[e.jsx("span",{role:"columnheader",className:"text-right",children:l("dashboard.context_breakdown.exec_details.failures_column")}),e.jsx("span",{role:"columnheader",className:"text-right",children:l("dashboard.context_breakdown.exec_details.duration_column")}),e.jsx("span",{role:"columnheader",className:"text-right",children:l("dashboard.context_breakdown.exec_details.max_duration_column")})]}),e.jsx("span",{role:"columnheader",className:"text-right",children:l("dashboard.context_breakdown.tool_details.total_column")}),o&&e.jsx("span",{role:"columnheader",className:"text-right",children:l("dashboard.context_breakdown.exec_details.output_column")})]}),i.map((c,g)=>e.jsxs(Ne.div,{role:"row",className:`grid ${u} gap-2 py-1.5`,title:c.name,initial:{opacity:0},animate:{opacity:1},transition:{duration:.18,delay:g*.02},children:[e.jsx("span",{role:"cell",className:"min-w-0 text-body-sm font-medium text-oai-black dark:text-oai-white truncate",children:c.name}),e.jsx("span",{role:"cell",className:"text-right text-body-sm tabular-nums text-oai-gray-700 dark:text-oai-gray-300",children:Je(c.calls||0)}),o&&e.jsxs(e.Fragment,{children:[e.jsx("span",{role:"cell",className:"text-right text-body-sm tabular-nums text-oai-gray-700 dark:text-oai-gray-300",children:Je(c.failures||0)}),e.jsx("span",{role:"cell",className:"text-right text-body-sm tabular-nums text-oai-gray-700 dark:text-oai-gray-300",children:fs(c.duration_ms||0)}),e.jsx("span",{role:"cell",className:"text-right text-body-sm tabular-nums text-oai-gray-700 dark:text-oai-gray-300",children:fs(c.max_duration_ms||0)})]}),e.jsx("span",{role:"cell",className:"text-right text-body-sm tabular-nums text-oai-gray-700 dark:text-oai-gray-300",children:r(c.totals.total_tokens||0)}),o&&e.jsx("span",{role:"cell",className:"text-right text-body-sm tabular-nums text-oai-gray-700 dark:text-oai-gray-300",children:Je(c.output_lines||0)})]},c.name))]})})]})}function Ut({toolSet:t,execDetails:a,source:r,codexQueueFallback:s}){const{formatTokens:n}=Ee(),[i,o]=d.useState({}),[u,c]=d.useState(!1),g=Dc(t?.categories||[]);function m(x){o(h=>({...h,[x]:!h[x]}))}return g.length===0?e.jsx("p",{className:"text-[11px] text-oai-gray-400 dark:text-oai-gray-500 py-0.5",children:r==="codex"&&s?l("dashboard.context_breakdown.tool_details.unavailable_codex"):l(cn(r))}):e.jsx("ul",{className:"mt-0.5 mb-0.5 space-y-0.5",children:g.map(x=>{const h=x.toolCount>0,f=x.name==="Execution"&&a,b=f&&x.tools.some(p=>ps(p.name)),k=!!i[x.name];return e.jsxs(Ze,{level:1,label:x.name,labelTone:"strong",hasChevron:h||f&&!b,open:k||f&&!b&&u,onToggle:()=>{h?m(x.name):f&&!b&&c(p=>!p)},tokens:n(x.totals.total_tokens||0),percent:null,children:[h&&e.jsx("ul",{className:"space-y-0.5",children:x.tools.map(p=>{const v=f&&ps(p.name);return e.jsx(Ze,{level:2,label:p.name,labelTone:v?"accent":"default",hasChevron:v,open:u,onToggle:()=>c(w=>!w),tokens:n(p.total_tokens||0),percent:null,children:v&&e.jsx(ys,{execDetails:a,source:r})},p.name)})}),f&&!b&&e.jsx(ys,{execDetails:a,source:r})]},x.name)})})}function Bc({from:t,to:a,source:r="claude",referenceTotalTokens:s=null,onLoadingChange:n=null}){const{formatTokens:i}=Ee(),[o,u]=d.useState(null),[c,g]=d.useState(!1),[m,x]=d.useState(null),[h,f]=d.useState({});function b(N){f(C=>({...C,[N]:!C[N]}))}if(d.useEffect(()=>{let N=!1;return g(!0),n?.(!0),x(null),Ko({from:t,to:a,source:r,timeZone:Us(),tzOffsetMinutes:Os()}).then(C=>{N||u(C)}).catch(C=>{N||x(C?.message||String(C))}).finally(()=>{N||(g(!1),n?.(!1))}),()=>{N=!0}},[t,a,r]),c&&!o)return e.jsxs("div",{children:[e.jsx("div",{className:"h-1 w-full bg-oai-gray-100 dark:bg-oai-gray-800 rounded-full overflow-hidden animate-pulse"}),e.jsx("div",{className:"mt-3 grid grid-cols-1 sm:grid-cols-2 gap-x-4 gap-y-2",children:[0,1,2,3,4].map(N=>e.jsx("div",{className:"h-3 rounded bg-oai-gray-100 dark:bg-oai-gray-800 animate-pulse",style:{animationDelay:`${N*80}ms`}},N))}),e.jsx("p",{className:"mt-3 text-[11px] text-oai-gray-500 dark:text-oai-gray-400",children:l("dashboard.context_breakdown.loading_hint")})]});if(m)return e.jsx("p",{className:"text-xs text-oai-gray-500 dark:text-oai-gray-400",children:l(Fc(r))});if(!o||o.scope!=="supported"||!o.totals?.total_tokens)return e.jsx("p",{className:"text-xs text-oai-gray-500 dark:text-oai-gray-400",children:l(cn(r))});const k=r==="claude"?Nc(o.categories||[],s):Sc(o,s),p=o.tool_calls_breakdown||null,v=o.skills_breakdown||null,w=o.message_breakdown||null,D=o.configured_resources||null,T=o.exec_command_breakdown||null,R=Mc(v?.skills||[]),L=Lc(w?.categories||[]),z=r==="codex"&&(o?.breakdown_status==="queue_fallback"||o?.fallback==="queue_totals"),S=r==="claude"?p?.tool_calls||null:p||null,{mcpSet:_,residualSet:j,mcpTotalTokens:P}=Cc(S),$=r==="claude"&&p?.subagents||null,U=$?.categories?.length>0||(D?.custom_agents_count||0)>0,I=r==="claude"?(j?.categories||[]).reduce((N,C)=>N+Number(C?.totals?.total_tokens||0),0):0,E=r==="claude"?($?.categories||[]).reduce((N,C)=>N+Number(C?.totals?.total_tokens||0),0):0,q=[...k].sort((N,C)=>(C.totals?.total_tokens||0)-(N.totals?.total_tokens||0));return e.jsxs("div",{role:"region","aria-label":l("dashboard.context_breakdown.bar_aria",{summary:k.filter(N=>N.percent>0).filter(N=>!(r==="claude"&&(N.key==="tool_calls"||N.key==="custom_agents"))).map(N=>`${xs(N.key)} ${N.percent}%`).join("，")}),children:[e.jsxs("ul",{className:"space-y-0.5",children:[q.map(N=>{const C=N.key==="system_prompt",G=N.key==="messages",O=N.key==="tool_calls",ue=N.key==="custom_agents";if(N.key,r==="claude"&&(O||ue))return null;const J=G&&L.length>0||O&&(j?.categories?.length>0||z)||ue&&U&&$,me=!!h[N.key],le=fc(N.key,r),ge=e.jsx("span",{className:"h-2 w-2 rounded-sm shrink-0",style:{backgroundColor:le},"aria-hidden":"true"}),we=C?e.jsxs("span",{className:"relative inline-flex shrink-0 group",children:[e.jsx(Zs,{size:11,className:"text-oai-gray-400 dark:text-oai-gray-500 cursor-help","aria-hidden":"true"}),e.jsx("span",{role:"tooltip",className:"pointer-events-none absolute left-1/2 bottom-full z-20 mb-1.5 -translate-x-1/2 w-64 rounded-md border border-oai-gray-200 dark:border-oai-gray-700 bg-oai-white dark:bg-oai-gray-900 px-2.5 py-1.5 text-[11px] leading-snug text-oai-gray-700 dark:text-oai-gray-200 shadow-md opacity-0 group-hover:opacity-100 transition-opacity",children:l("dashboard.context_breakdown.system_prefix_tooltip")})]}):null,xe=N.percent>0?`${N.percent.toFixed(N.percent<.1&&N.percent>0?2:1)}%`:"0.0%";return e.jsxs(Ze,{level:0,colorSquare:ge,label:xs(N.key),labelSuffix:we,tokens:i(N.totals?.total_tokens||0),percent:xe,hasChevron:J,open:me,onToggle:()=>b(N.key),share:N.percent,fillColor:le,children:[G&&e.jsx("ul",{className:"space-y-0.5",children:L.map(ae=>e.jsx(Ze,{level:1,label:Ec(ae),tokens:i(ae.totals.total_tokens||0),percent:null},ae.key||ae.name))}),O&&j&&e.jsx(Ut,{toolSet:j,execDetails:T,source:r,codexQueueFallback:z}),O&&z&&!j&&e.jsx("p",{className:"text-[11px] text-oai-gray-400 dark:text-oai-gray-500 py-0.5",children:l("dashboard.context_breakdown.tool_details.unavailable_codex")}),ue&&$&&e.jsx(Ut,{toolSet:$,execDetails:null,source:r,codexQueueFallback:!1})]},N.key)}),r==="claude"&&j?.categories?.length>0&&e.jsx(Ze,{level:0,colorSquare:e.jsx("span",{className:"h-2 w-2 rounded-sm shrink-0 bg-oai-gray-300 dark:bg-oai-gray-600","aria-hidden":"true"}),label:l("dashboard.context_breakdown.category.tool_calls"),tokens:i(I),percent:null,hasChevron:!0,open:!!h.tool_calls_aux,onToggle:()=>b("tool_calls_aux"),children:e.jsx(Ut,{toolSet:j,execDetails:T,source:r,codexQueueFallback:!1})}),r==="claude"&&$?.categories?.length>0&&e.jsx(Ze,{level:0,colorSquare:e.jsx("span",{className:"h-2 w-2 rounded-sm shrink-0 bg-oai-gray-300 dark:bg-oai-gray-600","aria-hidden":"true"}),label:l("dashboard.context_breakdown.category.custom_agents"),tokens:i(E),percent:null,hasChevron:!0,open:!!h.custom_agents_aux,onToggle:()=>b("custom_agents_aux"),children:e.jsx(Ut,{toolSet:$,execDetails:null,source:r,codexQueueFallback:!1})}),_?.categories?.length>0&&e.jsx(Ze,{level:0,colorSquare:e.jsx("span",{className:"h-2 w-2 rounded-sm shrink-0 bg-oai-gray-300 dark:bg-oai-gray-600","aria-hidden":"true"}),label:l("dashboard.context_breakdown.category.mcp_servers"),tokens:i(P),percent:null,hasChevron:!0,open:!!h.mcp_servers,onToggle:()=>b("mcp_servers"),children:e.jsx(Ut,{toolSet:_,execDetails:null,source:r,codexQueueFallback:!1})}),R.length>0&&e.jsx(Ze,{level:0,colorSquare:e.jsx("span",{className:"h-2 w-2 rounded-sm shrink-0 bg-oai-gray-300 dark:bg-oai-gray-600","aria-hidden":"true"}),label:l("dashboard.context_breakdown.category.skills"),tokens:i(R.reduce((N,C)=>N+(C.total_tokens||0),0)),percent:null,hasChevron:!0,open:!!h.skills,onToggle:()=>b("skills"),children:e.jsx("ul",{className:"space-y-0.5",children:R.slice(0,12).map(N=>e.jsx(Ze,{level:1,label:N.name,tokens:i(N.total_tokens),percent:null},N.name))})})]}),e.jsx("p",{className:"mt-2 text-[10px] text-oai-gray-400 dark:text-oai-gray-500",children:l($c(r))}),z?e.jsx("p",{className:"mt-2 text-[11px] text-oai-gray-500 dark:text-oai-gray-400",children:l("dashboard.context_breakdown.tool_details.unavailable_codex")}):null,D?e.jsxs("p",{className:"mt-2 text-[10px] text-oai-gray-400 dark:text-oai-gray-500",children:[Je(D.skills_count||0)," skills ·"," ",Je(D.mcp_servers_count||0)," MCP servers ·"," ",Je(D.custom_agents_count||0)," agents ·"," ",Je(D.memory_files_count||0)," memory files"]}):null]})}function dn({size:t=15,className:a=""}){return e.jsxs("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"currentColor",className:a,"aria-hidden":"true",children:[e.jsx("path",{d:"M12 1.6 23 7.4 12 13.2 1 7.4 12 1.6Z"}),e.jsx("path",{d:"m4 10.3-3 1.5 11 5.5 11-5.5-3-1.5-8 4-8-4Z",opacity:"0.72"}),e.jsx("path",{d:"m4 14.6-3 1.5 11 5.5 11-5.5-3-1.5-8 4-8-4Z",opacity:"0.45"})]})}const nt="__all__",zc=`${100 .toFixed(2)}%`;function Kt(t,a){const r=Number(a);return Number.isFinite(r)&&r>0?t(r):null}function mr(t,a,r){const s=Number(t);if(!Number.isFinite(s)||s<=0)return null;const n=Wt(a);return(a===zs?s:s*r)<.01?`<${n}0.01`:Na(s,{decimals:2,currency:a,rate:r})}function Oc(t){return Array.isArray(t)?t.map(a=>typeof a=="string"?{key:a,label:bs(a)}:{key:a.key,label:a.label||bs(a.key)}):[]}function Uc(t){if(typeof t!="string")return null;const a=t.replace(/,/g,"").match(/-?\d+(?:\.\d+)?/);if(!a)return null;const r=Number(a[0]);return Number.isFinite(r)?r:null}const Hc={CODEX:"#3b82f6",CLAUDE:"#d97757",OPENCODE:"#f59e0b",GEMINI:"#2196f3",KIMI:"#a78bfa","KILO-CLI":"#facc15","KILO-CODE":"#facc15",MIMO:"#ff6900",DROID:"#ef4444",ZCODE:"#14b8a6",ANYTHINGLLM:"var(--provider-anythingllm)"};function tr(t,a){const r=t?.toUpperCase?.()||"";return Hc[r]||`hsl(${150+a*40}, 60%, 45%)`}function Vc(t){const a=String(t?.source||"").trim().toLowerCase(),r=String(t?.label||"").trim().toLowerCase();return a==="claude"||r==="claude"?"claude":a==="codex"||r==="codex"?"codex":null}function Wc(t){return!!t?.models?.length}function un(t){const a=Number(t?.totalPercentValue??t?.totalPercent);return Number.isFinite(a)?Math.max(0,a):0}function ar(t){const a=un(t);return a>0&&!(a>=.01)?l("usage.overview.percent_below_threshold"):a.toFixed(2)}const Kc={day:"usage.period.day",week:"usage.period.week",month:"usage.period.month",total:"usage.period.total",custom:"usage.period.custom"};function bs(t){const a=Kc[t];return a?l(a):String(t).toUpperCase()}function Gc({loading:t,onClick:a}){const r=Gs();return e.jsx(qo,{variant:"secondary",size:"sm",disabled:t,onClick:a,"aria-label":l("usage.button.refresh"),className:"w-8 p-0",children:e.jsx(Ne.span,{"aria-hidden":"true",animate:t?{rotate:360}:{rotate:0},transition:t&&!r?{duration:1,repeat:1/0,ease:"linear"}:{duration:.3},style:{display:"inline-block"},children:"↻"})})}function qc(){return e.jsx("div",{"data-testid":"usage-summary-skeleton","aria-hidden":"true",className:"mx-auto h-[58px] sm:h-[72px] w-[min(72vw,18rem)] rounded-2xl bg-oai-gray-100 dark:bg-oai-gray-800 animate-pulse motion-reduce:animate-none"})}function Yc(){return e.jsxs("div",{"data-testid":"usage-provider-skeleton","aria-hidden":"true",className:"space-y-6",children:[e.jsx("div",{className:"h-1.5 w-full rounded-full bg-oai-gray-100 dark:bg-oai-gray-800 animate-pulse motion-reduce:animate-none"}),e.jsx("div",{className:"grid grid-cols-[repeat(auto-fill,minmax(140px,1fr))] gap-3",children:[0,1,2,3].map(t=>e.jsx("div",{className:"h-[92px] rounded-xl border border-oai-gray-100 dark:border-oai-gray-800 bg-oai-gray-50 dark:bg-oai-gray-800/60 animate-pulse motion-reduce:animate-none",style:{animationDelay:`${t*70}ms`}},t))})]})}function Zc({period:t,periods:a,onPeriodChange:r,summaryValue:s,summaryFullValue:n,onToggleSummaryFormat:i,summaryLabel:o,summaryCostValue:u,onCostInfo:c,fleetData:g=[],onRefresh:m,loading:x,announceLoading:h=!1,summaryLoading:f=!1,providersLoading:b=!1,hasSummary:k=!0,className:p="",customFrom:v,customTo:w,onCustomRangeApply:D,customRangeOpen:T,onCustomRangeOpenChange:R,onOpenShare:L,from:z,to:S,deviceOptions:_=[],selectedDevice:j="",onDeviceChange:P}){const $=Oc(a),U=Ti(Yo()),I=Uc(String(s??"")),E=()=>typeof window<"u"&&typeof window.matchMedia=="function"&&window.matchMedia("(max-width: 639px)").matches,[q,N]=d.useState(E);d.useEffect(()=>{if(typeof window>"u"||typeof window.matchMedia!="function")return;const A=window.matchMedia("(max-width: 639px)"),V=X=>N(X.matches);return A.addEventListener("change",V),()=>A.removeEventListener("change",V)},[]);const C=I!=null&&!q,G=d.useRef(null);d.useEffect(()=>{const A=G.current?.querySelector('[aria-selected="true"]');A&&typeof A.scrollIntoView=="function"&&A.scrollIntoView({block:"nearest",inline:"center"})},[t]);const[O,ue]=d.useState(null),{resolvedTheme:J}=Go(),{currency:me,rate:le}=Sa(),{formatTokens:ge}=Ee(),we=J==="dark",xe=we?"rgba(10,10,10,0.98)":"rgba(255,255,255,0.96)",ae=we?"rgba(10,10,10,0)":"rgba(255,255,255,0)",Q=f&&!k,B=b&&!g.some(Wc);d.useEffect(()=>{ue(null)},[t,z,S,j]);const te=A=>{if(!["ArrowLeft","ArrowRight","Home","End"].includes(A.key))return;const V=Array.from(A.currentTarget.querySelectorAll('[role="tab"]')).filter(se=>!se.disabled),X=V.indexOf(A.target.closest('[role="tab"]'));if(X===-1||V.length===0)return;A.preventDefault();let ee=X;A.key==="Home"?ee=0:A.key==="End"?ee=V.length-1:A.key==="ArrowRight"?ee=(X+1)%V.length:ee=(X-1+V.length)%V.length,V[ee].focus(),V[ee].click()},pe=C?e.jsx(_l,{value:I,displayValue:s,fontSize:72,padding:6,gap:1,textColor:"var(--oai-black, #111827)",fontWeight:700,gradientHeight:we?0:8,gradientFrom:xe,gradientTo:ae,counterStyle:{paddingLeft:0,paddingRight:0,gap:0},digitStyle:{width:"0.88ch"}}):s,H=g.filter(A=>A.models?.length>0),he=d.useMemo(()=>tc(g),[g]),ce=he.reduce((A,V)=>A+(Number(V.usage)||0),0),K=H.reduce((A,V)=>A+(Number(V.usd)||0),0),Y=O==null?null:O===nt||H.some(function(V){return V.label===O})?O:null;return e.jsx(Te,{className:p,children:e.jsxs("div",{"aria-busy":x||Q||B,children:[h?e.jsx("span",{className:"sr-only",role:"status",children:l("qpd.card.updating")}):null,e.jsxs("div",{className:"flex items-center gap-2 mb-6",children:[e.jsx("div",{ref:G,role:"tablist","aria-label":l("usage.overview.tablist_aria"),onKeyDown:te,className:"flex flex-1 min-w-0 gap-1 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",children:$.map(A=>{const V=t===A.key,X=`shrink-0 whitespace-nowrap text-xs font-medium px-3 py-1.5 rounded-md transition-colors ${V?"text-oai-black dark:text-oai-white bg-oai-gray-100 dark:bg-oai-gray-800":"text-oai-gray-500 dark:text-oai-gray-300 hover:text-oai-black dark:hover:text-oai-white hover:bg-oai-gray-50 dark:hover:bg-oai-gray-800"}`;if(A.key==="custom"){const ee=V&&v&&w?`${Xr(v,U)} — ${Xr(w,U)}`:A.label;return e.jsxs(Hi,{open:T,onOpenChange:se=>{se?r?.("custom"):R?.(se)},children:[e.jsx(Vi,{render:e.jsx("button",{role:"tab","aria-selected":V,tabIndex:V?0:-1,type:"button",className:X}),children:ee}),e.jsx(Wi,{children:e.jsx(Ki,{sideOffset:8,side:"bottom",align:"start",className:"!z-[9999]",children:e.jsx(Gi,{className:"bg-white dark:bg-oai-gray-900 border border-oai-gray-200 dark:border-oai-gray-700 rounded-xl shadow-lg",children:e.jsx(Ci,{from:v,to:w,onApply:D,onCancel:()=>R?.(!1)})})})})]},"custom")}return e.jsx("button",{role:"tab","aria-selected":V,tabIndex:V?0:-1,type:"button",className:X,onClick:()=>r?.(A.key),children:A.label},A.key)})}),e.jsxs("div",{className:"flex items-center gap-1.5 shrink-0",children:[_.length>1?e.jsx(Ks,{value:j,onValueChange:P,options:_,ariaLabel:l("dashboard.device_filter.aria"),matchTriggerWidth:!0,className:"h-8 px-3 text-xs font-medium rounded-md border-oai-gray-300 dark:border-oai-gray-700 bg-oai-white dark:bg-oai-gray-900 text-oai-black dark:text-oai-white hover:border-oai-brand hover:text-oai-brand hover:[&_svg]:text-oai-brand transition-colors duration-200"}):null,L?e.jsxs("button",{type:"button",onClick:L,"aria-label":l("share.button.aria"),className:"inline-flex items-center justify-center gap-1.5 h-8 px-3 text-xs font-medium rounded-md border border-oai-gray-300 dark:border-oai-gray-700 bg-oai-white dark:bg-oai-gray-900 text-oai-black dark:text-oai-white hover:border-oai-brand hover:text-oai-brand transition-colors duration-200",children:[e.jsx(ll,{className:"h-3.5 w-3.5",strokeWidth:2}),l("share.button.label")]}):null,m&&e.jsx(Gc,{loading:x,onClick:m})]})]}),e.jsxs("div",{className:"text-center mb-8",children:[e.jsx("div",{className:"text-xs text-oai-gray-500 dark:text-oai-gray-300 uppercase tracking-wider mb-3",children:o}),e.jsxs("div",{className:"relative text-5xl sm:text-6xl md:text-7xl font-bold text-oai-black dark:text-oai-white tracking-tight tabular-nums",children:[e.jsx("div",{className:Q?"invisible":void 0,children:i?e.jsx("button",{type:"button",onClick:i,title:n||void 0,"aria-label":l("usage.summary.toggle_aria"),className:"cursor-pointer rounded-lg leading-none transition-opacity hover:opacity-80 focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-oai-brand",children:pe}):e.jsx("span",{title:n||void 0,children:pe})}),e.jsx("div",{className:`absolute inset-0 flex items-center justify-center ${Q?"":"hidden"}`,children:e.jsx(qc,{})})]}),u&&e.jsx("div",{className:"flex items-center justify-center gap-2 mt-4",children:c?e.jsxs("button",{type:"button",onClick:c,className:"inline-flex items-center gap-1.5 text-xl font-bold text-oai-brand hover:text-oai-brand-dark dark:hover:text-oai-brand-light transition-colors cursor-pointer","aria-label":l("usage.overview.cost_breakdown_aria"),children:[u,e.jsx(Zs,{size:16,strokeWidth:2,className:"opacity-80"})]}):e.jsx("span",{className:"text-xl font-bold text-oai-brand",children:u})})]}),e.jsx("div",{className:B?void 0:"hidden",children:e.jsx(Yc,{})}),H.length>0&&e.jsxs("div",{className:"space-y-6",children:[e.jsx("div",{role:"img","aria-label":l("usage.overview.distribution_aria",{items:H.map(A=>l("usage.overview.distribution_item",{label:jt(A.label),percent:ar(A)})).join("，")}),className:"h-1.5 w-full bg-oai-gray-100 dark:bg-oai-gray-800 rounded-full overflow-hidden flex",children:H.map((A,V)=>{const X=tr(A.label,V),ee=jt(A.label),se=ar(A);return e.jsx(Ne.div,{initial:{width:0},animate:{width:`${un(A)}%`},transition:{duration:.5,delay:.45+V*.04,ease:[.16,1,.3,1]},className:"h-full",style:{backgroundColor:X},title:`${ee}: ${se}%`},A.label)})}),e.jsxs("div",{className:"grid grid-cols-[repeat(auto-fill,minmax(140px,1fr))] gap-3",children:[e.jsxs("button",{type:"button","aria-expanded":Y===nt,"aria-controls":"provider-details-all","aria-label":l("usage.overview.all_tools_card_aria",{tokens:Kt(ge,ce)||String(0),cost:mr(K,me,le)||`${Wt(me)}0`,count:he.length}),onClick:()=>ue(Y===nt?null:nt),className:`min-w-0 text-left p-3 rounded-lg border transition-colors duration-200 ${Y===nt?"border-oai-gray-300 dark:border-oai-gray-600 bg-oai-gray-50 dark:bg-oai-gray-800":"border-oai-gray-200 dark:border-oai-gray-700 hover:border-oai-gray-300 dark:hover:border-oai-gray-600"}`,children:[e.jsxs("div",{className:"flex items-center gap-1.5 mb-1 min-w-0",children:[e.jsx(dn,{size:15,className:"shrink-0 text-oai-brand dark:text-oai-white"}),e.jsx("span",{className:"text-sm font-medium text-oai-black dark:text-oai-white truncate",children:l("usage.overview.all_tools")})]}),e.jsx("div",{className:"text-lg font-semibold text-oai-black dark:text-oai-white tabular-nums",children:zc}),e.jsx("div",{className:"mt-0.5 text-[11px] text-oai-gray-400 dark:text-oai-gray-400 tabular-nums",children:l("usage.overview.model_count",{count:he.length})})]}),H.map((A,V)=>{const X=tr(A.label,V),ee=Y===A.label,se=jt(A.label),Ge=ar(A);return e.jsxs("button",{"aria-expanded":ee,"aria-controls":`provider-details-${A.label}`,"aria-label":l("usage.overview.provider_card_aria",{provider:se,percent:Ge,tokens:Kt(ge,A.usage)||String(0),cost:mr(A.usd,me,le)||`${Wt(me)}0`,action:l(ee?"usage.overview.collapse":"usage.overview.expand")}),onClick:()=>ue(ee?null:A.label),className:`min-w-0 text-left p-3 rounded-lg border transition-colors duration-200 ${ee?"border-oai-gray-300 dark:border-oai-gray-600 bg-oai-gray-50 dark:bg-oai-gray-800":"border-oai-gray-200 dark:border-oai-gray-700 hover:border-oai-gray-300 dark:hover:border-oai-gray-600"}`,children:[e.jsxs("div",{className:"flex items-center gap-1.5 mb-1 min-w-0",children:[e.jsx(Ct,{provider:A.label,size:15,color:X,className:"text-oai-gray-700 dark:text-oai-gray-300 shrink-0"}),e.jsx("span",{className:"text-sm font-medium text-oai-black dark:text-oai-white truncate",title:se,children:se})]}),e.jsxs("div",{className:"text-lg font-semibold text-oai-black dark:text-oai-white tabular-nums",children:[Ge,"%"]}),e.jsx("div",{className:"mt-0.5 text-[11px] text-oai-gray-400 dark:text-oai-gray-400 tabular-nums",children:l("usage.overview.model_count",{count:A.models.length})})]},A.label)})]}),Y===nt&&e.jsx("div",{id:"provider-details-all",role:"region","aria-label":l("usage.overview.all_models"),className:"mt-2",children:e.jsx(Jc,{models:he})}),Y!=null&&Y!==nt&&e.jsx("div",{id:`provider-details-${Y}`,role:"region","aria-label":l("usage.overview.model_details_aria",{provider:Y}),className:"mt-2",children:H.filter(A=>A.label===Y).map(A=>{const V=tr(A.label,0),X=Vc(A),ee=[...A.models].sort((Ge,de)=>(de.share||0)-(Ge.share||0)),se=X?`${X==="claude"?"Claude":"Codex"} Context Breakdown`:jt(A.label);return e.jsx(Qc,{provider:A,color:V,providerHeading:se,contextSource:X,from:z,to:S,sortedModels:ee},A.label)})})]})]})})}function mn({models:t,color:a}){const{currency:r,rate:s}=Sa(),{formatTokens:n,formatTokensTooltip:i}=Ee();return e.jsx("div",{className:"space-y-3",children:t.map(o=>{const u=Kt(n,o.usage),c=mr(o.cost,r,s),g=Math.max(0,Math.min(100,Number(o.share)||0));return e.jsxs("div",{"data-model-rank-row":!0,children:[e.jsxs("div",{className:"grid grid-cols-[minmax(0,1fr)_minmax(8rem,max-content)_minmax(5.5rem,max-content)_4rem] items-baseline gap-x-3 mb-1.5",children:[e.jsx("span",{className:"col-start-1 row-start-1 min-w-0 text-sm text-oai-gray-700 dark:text-oai-gray-300 truncate",title:o.name,children:o.name}),e.jsx("span",{title:i(o.usage),className:"col-start-2 row-start-1 text-right whitespace-nowrap text-sm text-oai-gray-500 dark:text-oai-gray-400 tabular-nums",children:u}),e.jsx("span",{className:"col-start-3 row-start-1 text-right whitespace-nowrap text-sm text-oai-gray-500 dark:text-oai-gray-400 tabular-nums",children:c}),e.jsxs("span",{className:"col-start-4 row-start-1 text-right whitespace-nowrap text-sm text-oai-black dark:text-oai-white tabular-nums",children:[o.share,"%"]})]}),e.jsx("div",{className:"h-[3px] bg-oai-gray-100 dark:bg-oai-gray-800 rounded-full overflow-hidden",role:"progressbar","aria-valuenow":g,"aria-valuemin":0,"aria-valuemax":100,children:e.jsx("div",{className:"h-full transition-[width] duration-500 ease-out",style:{width:`${g}%`,backgroundColor:a,opacity:.45}})})]},o.id||o.name)})})}function Jc({models:t}){return e.jsxs("div",{children:[e.jsxs("div",{className:"mb-1.5 flex items-center gap-1.5",children:[e.jsx(dn,{size:14,className:"shrink-0 text-oai-brand dark:text-oai-white"}),e.jsx("span",{className:"text-sm font-medium text-oai-black dark:text-oai-white",children:l("usage.overview.all_models")})]}),e.jsx("p",{className:"mb-4 text-[11px] leading-snug text-oai-gray-500 dark:text-oai-gray-400",children:l("usage.overview.all_models_note")}),e.jsx(mn,{models:t,color:"var(--oai-blue)"})]})}function Qc({provider:t,color:a,providerHeading:r,contextSource:s,from:n,to:i,sortedModels:o}){const{formatTokens:u}=Ee(),[c,g]=d.useState(!1),m=String(t?.source||t?.label||"").trim().toLowerCase()==="antigravity";return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-1.5 mb-3",children:[e.jsx(Ct,{provider:t.label,size:14,color:a,className:"shrink-0"}),e.jsx("span",{className:"text-sm font-medium text-oai-black dark:text-oai-white",children:r}),s&&c&&e.jsx(qi,{size:12,className:"text-oai-gray-400 dark:text-oai-gray-500 animate-spin shrink-0","aria-label":l("dashboard.context_breakdown.loading_aria")})]}),t.cacheHitRate!=null&&e.jsxs("p",{className:"mb-3 text-[11px] leading-snug text-oai-gray-500 dark:text-oai-gray-400 tabular-nums",children:[e.jsx("span",{className:"font-medium text-oai-gray-600 dark:text-oai-gray-300",children:l("usage.overview.cache_hit_rate_label")})," ",e.jsxs("span",{className:"text-oai-black dark:text-oai-white",children:[t.cacheHitRate,"%"]})," · ",l("usage.overview.cache_hit_rate_detail",{reused:Kt(u,t.cacheReusedTokens)||String(0),input:Kt(u,t.cacheInputTokens)||String(0)})]}),m&&e.jsxs("p",{className:"mb-3 text-[10px] leading-snug text-oai-gray-400 dark:text-oai-gray-500",children:[e.jsxs("span",{className:"font-medium text-oai-gray-500 dark:text-oai-gray-400",children:[l("usage.overview.antigravity_notice_title"),"."]})," ",l("usage.overview.antigravity_notice_body")]}),s?e.jsx("div",{className:"mb-4 pb-4 border-b border-oai-gray-200 dark:border-oai-gray-700",children:e.jsx(Bc,{from:n,to:i,source:s,referenceTotalTokens:t.usage,onLoadingChange:g})}):null,e.jsx(mn,{models:o,color:a})]})}function Xc({id:t,children:a,onEmptyChange:r}){const{attributes:s,listeners:n,setNodeRef:i,transform:o,transition:u,isDragging:c}=pi({id:t}),g=d.useRef(null),m=d.useRef(null);d.useLayoutEffect(()=>{if(!r)return;const h=g.current?g.current.childNodes.length===0:!0;m.current!==h&&(m.current=h,r(t,h))});const x={transform:yi.Transform.toString(o)||void 0,transition:u,zIndex:c?20:void 0};return e.jsxs("div",{ref:i,style:x,className:Nt("group/sortable relative has-[[data-sortable-body]:empty]:hidden",c&&"opacity-90"),children:[e.jsx("button",{type:"button","aria-label":l("dashboard.overview.layout.drag_handle"),className:Nt("peer absolute left-1/2 top-1 z-10 flex h-5 w-6 -translate-x-1/2 items-center justify-center rounded-md","cursor-grab active:cursor-grabbing touch-none select-none","text-oai-gray-400 dark:text-oai-gray-600 opacity-0 transition-colors duration-150","hover:text-oai-gray-600 dark:hover:text-oai-gray-300 hover:bg-oai-gray-100 dark:hover:bg-oai-gray-800","group-hover/sortable:opacity-100 focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-oai-brand/50",c&&"opacity-100 bg-oai-gray-100 dark:bg-oai-gray-800"),...s,...n,children:e.jsxs("svg",{viewBox:"0 0 14 8",width:"14",height:"8",fill:"currentColor","aria-hidden":"true",children:[e.jsx("circle",{cx:"2",cy:"2",r:"1"}),e.jsx("circle",{cx:"2",cy:"6",r:"1"}),e.jsx("circle",{cx:"7",cy:"2",r:"1"}),e.jsx("circle",{cx:"7",cy:"6",r:"1"}),e.jsx("circle",{cx:"12",cy:"2",r:"1"}),e.jsx("circle",{cx:"12",cy:"6",r:"1"})]})}),e.jsx("div",{ref:g,"data-sortable-body":!0,className:Nt("rounded-xl transition-shadow duration-200 ease-out","peer-hover:shadow-[0_12px_28px_-14px_rgba(15,23,42,0.22)] dark:peer-hover:shadow-[0_12px_28px_-12px_rgba(0,0,0,0.6)]","peer-focus-visible:shadow-[0_12px_28px_-14px_rgba(15,23,42,0.22)] dark:peer-focus-visible:shadow-[0_12px_28px_-12px_rgba(0,0,0,0.6)]",c&&"shadow-[0_12px_28px_-14px_rgba(15,23,42,0.22)] dark:shadow-[0_12px_28px_-12px_rgba(0,0,0,0.6)]"),children:a})]})}function ed({todayTokens:t=0,isSyncing:a=!1,hasError:r=!1,isDisconnected:s=!1}={}){return d.useMemo(()=>r?"error":s?"disconnected":a?"working-typing":t===0?"sleeping":t<5e4?"idle-living":t<2e5?"idle-look":t<5e5?"working-ultrathink":t<2e6?"working-typing":"working-ultrathink",[t,a,r,s])}const ks="macAppBannerDismissed",td="leaderboardBannerDismissed",ad="https://github.com/mm7894215/TokenTracker/releases/latest",ws="tokentracker_native_app",xa=(()=>{try{return new URLSearchParams(window.location.search).get("app")==="1"?(localStorage.setItem(ws,"1"),!0):localStorage.getItem(ws)==="1"}catch{return!1}})();function rd({todayTokens:t=0,isSyncing:a=!1,enterDelay:r=0}){const{openLoginModal:s}=Zo(),{signedIn:n}=Hs(),i=ed({todayTokens:t,isSyncing:a}),o=xa?td:ks,[u,c]=d.useState(()=>{try{return localStorage.getItem(o)==="1"?!0:!xa&&new URLSearchParams(window.location.search).get("from")==="menubar"?(localStorage.setItem(ks,"1"),!0):!1}catch{return!1}}),g=d.useCallback(()=>{c(!0);try{localStorage.setItem(o,"1")}catch{}},[o]);if(u)return null;let m,x,h,f,b,k;xa&&n?(m="View the Leaderboard",x="Compare your usage globally",h="Leaderboard",f=e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",className:"opacity-70",children:e.jsx("path",{d:"M2 8.5V10h8V8.5M6 1.5v6m0 0L3.5 5M6 7.5l2.5-2.5",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round",transform:"rotate(180 6 6)"})}),b=()=>{window.location.pathname="/leaderboard"}):xa?(m="Join the Leaderboard",x="Log in to compare your usage with others",h="Log In",f=e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",className:"opacity-70",children:e.jsx("path",{d:"M6.5 1.5h3a1 1 0 011 1v7a1 1 0 01-1 1h-3M5 8.5L7.5 6 5 3.5M7.5 6H1.5",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})}),b=s):(m="Try the Menu Bar App",x="Always-on stats with Clawd companion",h="Download",f=e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",className:"opacity-70",children:e.jsx("path",{d:"M6 2v6m0 0L3.5 5.5M6 8l2.5-2.5M2 10h8",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})}),k=ad);const p=k?Ne.a:Ne.button,v=k?{href:k,target:"_blank",rel:"noopener noreferrer"}:{onClick:b};return e.jsx(Ne.div,{initial:{opacity:0,y:12},animate:{opacity:1,y:0},transition:{duration:.35,delay:r,ease:[.16,1,.3,1]},className:"rounded-xl border border-oai-gray-200 dark:border-oai-gray-800 bg-white dark:bg-oai-gray-900 p-4",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"flex-shrink-0",children:e.jsx(Yi,{state:i,size:56})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("div",{className:"text-sm font-medium text-oai-gray-900 dark:text-oai-white",children:m}),e.jsx("div",{className:"text-xs text-oai-gray-500 dark:text-oai-gray-400 mt-0.5",children:x})]}),e.jsxs("div",{className:"flex items-center gap-2 flex-shrink-0",children:[e.jsxs(p,{...v,whileHover:{scale:1.03},whileTap:{scale:.97},className:"inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium text-white bg-oai-gray-900 dark:bg-oai-white dark:text-oai-gray-900 rounded-md hover:opacity-90 transition-opacity",children:[h,f]}),e.jsx("button",{onClick:g,className:"p-1 text-oai-gray-400 hover:text-oai-gray-600 dark:hover:text-oai-gray-300 transition-colors","aria-label":"Dismiss",children:e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",children:e.jsx("path",{d:"M4 4l6 6m0-6L4 10",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round"})})})]})]})})}const _s="widgetOnboardingDismissed",vs="tokentracker_native_app",sd=(()=>{try{return new URLSearchParams(window.location.search).get("app")==="1"?(localStorage.setItem(vs,"1"),!0):localStorage.getItem(vs)==="1"}catch{return!1}})();function nd({enterDelay:t=0}){const[a,r]=d.useState(()=>{try{return localStorage.getItem(_s)==="1"}catch{return!1}}),s=d.useCallback(()=>{r(!0);try{localStorage.setItem(_s,"1")}catch{}},[]);return!sd||Jo()?null:e.jsx(wr,{initial:!1,children:!a&&e.jsxs(Ne.div,{initial:{opacity:0,y:12},animate:{opacity:1,y:0},exit:{opacity:0,y:-8,transition:{duration:.2,ease:[.4,0,.2,1]}},transition:{duration:.35,delay:t,ease:[.16,1,.3,1]},className:"relative rounded-xl border border-oai-gray-200 dark:border-oai-gray-800 bg-white dark:bg-oai-gray-900 p-4",children:[e.jsx("button",{type:"button",onClick:s,"aria-label":l("dashboard.widgets.dismiss_aria"),className:"absolute top-2.5 right-2.5 z-10 inline-flex items-center justify-center w-7 h-7 rounded-md text-oai-gray-400 hover:text-oai-gray-700 dark:hover:text-oai-gray-200 hover:bg-oai-gray-100 dark:hover:bg-oai-gray-800 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-oai-gray-300 dark:focus-visible:ring-oai-gray-600 transition-colors",children:e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none","aria-hidden":"true",children:e.jsx("path",{d:"M4 4l6 6m0-6L4 10",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round"})})}),e.jsx("div",{className:"rounded-lg overflow-hidden ring-1 ring-black/5 dark:ring-white/10 shadow-sm",children:e.jsx("img",{src:"/widgets-overview.png",alt:l("dashboard.widgets.title"),width:734,height:552,className:"w-full h-auto block",loading:"lazy",decoding:"async"})}),e.jsxs("div",{className:"mt-4",children:[e.jsx("div",{className:"text-sm font-medium tracking-tight text-oai-gray-900 dark:text-oai-white",children:l("dashboard.widgets.title")}),e.jsx("div",{className:"text-xs text-oai-gray-500 dark:text-oai-gray-400 mt-1 leading-snug",children:l("dashboard.widgets.hint")})]})]},"widget-onboarding-card")})}function od({enabled:t=!1,from:a,to:r,accessToken:s,deviceId:n=null}={}){const[i,o]=d.useState(null),[u,c]=d.useState(!1),[g,m]=d.useState(null),x=qt([t,a,r,s,n]),h=d.useCallback(async()=>{if(!t)return;const f=x();c(!0),m(null);try{const b=await $e(s);if(!f())return;const k=await Qo({from:a,to:r,device:n,accessToken:b});if(!f())return;o(k||null)}catch(b){if(!f())return;m(b?.message||String(b)),o(null)}finally{f()&&c(!1)}},[t,a,r,s,n,x]);return d.useEffect(()=>{if(!t){o(null),m(null),c(!1);return}o(null),m(null),c(!0),h()},[t,h]),{data:i,loading:u,error:g,refresh:h}}function hn(t){return t==null?"—":t===0?"$0":t<1?`$${t.toFixed(4)}`:`$${t.toFixed(2)}`}function gn(t){return t==null?"—":`${Math.round(t*100)}%`}function id(t,a){if(a==null||a===0||t==null||t===0)return"—";const r=t/a;return r<1?`$${r.toFixed(4)}`:`$${r.toFixed(2)}`}function ld({row:t}){return e.jsxs("tr",{className:"border-t border-oai-gray-100 dark:border-oai-gray-800/60 hover:bg-oai-gray-50/40 dark:hover:bg-oai-gray-800/10 transition-colors",children:[e.jsx("td",{className:"py-2.5 pr-2 font-mono text-[11px] text-oai-gray-700 dark:text-oai-gray-300 truncate max-w-[80px] xs:max-w-[110px] sm:max-w-[140px]",title:t.key,children:t.key}),e.jsx("td",{className:"py-2.5 px-1.5 text-right tabular-nums text-oai-gray-600 dark:text-oai-gray-400",children:hn(t.cost_usd)}),e.jsxs("td",{className:"py-2.5 px-1.5 text-right tabular-nums text-oai-gray-600 dark:text-oai-gray-400",children:[t.accepted,"/",t.outcomes]}),e.jsx("td",{className:"py-2.5 px-1.5 text-right tabular-nums text-oai-gray-600 dark:text-oai-gray-400",children:gn(t.acceptance_rate)}),e.jsx("td",{className:"py-2.5 pl-2 pr-2 text-right tabular-nums font-semibold text-oai-black dark:text-oai-white",children:id(t.cost_usd,t.accepted)})]})}function cd({from:t,to:a,deviceId:r=null}){const{formatTokens:s,formatTokensTooltip:n}=Ee(),{enabled:i}=Zi(),{data:o,loading:u}=od({enabled:i,from:t,to:a,deviceId:r});if(!i)return null;const c=(o&&o.available&&Array.isArray(o.by_model)?o.by_model:[]).filter(h=>h.outcomes>0&&h.key!=="unknown");if(!c.length)return null;const g=c.slice(0,6),m=o.totals||{},x=`${l("qpd.card.subtitle")}${u?` ${l("qpd.card.updating")}`:""}`;return e.jsxs(Te,{children:[e.jsxs("div",{className:"mb-2 flex items-center gap-2",children:[e.jsx("h3",{className:"text-sm font-medium text-oai-black dark:text-oai-white",children:l("qpd.card.title")}),e.jsx("span",{className:"px-1.5 py-0.5 text-[9px] font-semibold tracking-wider text-oai-gray-500 bg-oai-gray-100 dark:text-oai-gray-400 dark:bg-oai-gray-800/80 rounded uppercase",children:l("qpd.card.badge")})]}),e.jsx("p",{className:"mb-3 text-xs text-oai-gray-500 dark:text-oai-gray-400",children:x}),e.jsx("div",{className:"w-full overflow-x-auto oai-scrollbar",children:e.jsxs("table",{className:"w-full text-xs min-w-[340px] sm:min-w-0",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"text-[10px] uppercase tracking-wide text-oai-gray-400 dark:text-oai-gray-500",children:[e.jsx("th",{className:"pb-1.5 pr-2 text-left font-medium",children:l("qpd.card.col_model")}),e.jsx("th",{className:"pb-1.5 px-1.5 text-right font-medium",children:l("qpd.card.col_cost")}),e.jsx("th",{className:"pb-1.5 px-1.5 text-right font-medium",children:l("qpd.card.col_accepted")}),e.jsx("th",{className:"pb-1.5 px-1.5 text-right font-medium",children:l("qpd.card.col_rate")}),e.jsx("th",{className:"pb-1.5 pl-2 pr-2 text-right font-medium",title:l("qpd.card.qpd_tooltip"),children:l("qpd.card.col_qpd")})]})}),e.jsx("tbody",{children:g.map(h=>e.jsx(ld,{row:h},h.key))})]})}),e.jsxs("div",{className:"mt-3 flex items-center justify-between border-t border-oai-gray-200 dark:border-oai-gray-800 pt-2.5 text-[11px] text-oai-gray-500 dark:text-oai-gray-400",children:[e.jsx("span",{children:l("qpd.card.totals",{accepted:m.accepted??0,outcomes:m.outcomes??0,cost:hn(m.cost_usd)})}),e.jsx("span",{title:`${l("qpd.card.et_tooltip")} · ${n(m.effective_tokens)}`,children:l("qpd.card.et",{tokens:s(m.effective_tokens),rate:gn(m.acceptance_rate)})})]}),m.outcomes<15&&e.jsxs("p",{className:"mt-3 text-[10px] text-oai-gray-400 dark:text-oai-gray-500 italic border-t border-oai-gray-100 dark:border-oai-gray-800/40 pt-2",children:["* ",l("qpd.card.sparse_notice","Tip: Spark outcomes dataset might skew Quality/$ ratios. For precise metrics, select a narrower time window.")]})]})}const dd=new Set(["unknown","synthetic","openai"]);function rr(t){return t==null?"—":`${Math.round(t*100)}%`}function ud(t){return t==null?"—":t<1?`$${t.toFixed(4)}`:`$${t.toFixed(2)}`}function Ye(t){const a=Number(t);return Number.isFinite(a)?new Intl.NumberFormat().format(Math.round(a)):"0"}function md(t){const r=String(t?.model||"").trim().toLowerCase().replace(/^<|>$/g,"");return!!r&&!dd.has(r)&&Number(t?.edit_turns||0)>0}function js(){return e.jsx("div",{className:"mb-3",children:e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("h3",{className:"text-sm font-medium text-oai-black dark:text-white",children:l("sessions.card.title")}),e.jsx("span",{className:"rounded bg-oai-gray-100 px-1.5 py-0.5 text-[9px] font-semibold uppercase tracking-wider text-oai-gray-500 dark:bg-oai-gray-800/80 dark:text-oai-gray-400",children:l("qpd.card.badge")})]}),e.jsx("p",{className:"mt-1 text-xs text-oai-gray-500 dark:text-oai-gray-400",children:l("sessions.card.subtitle")})]})})}function hd({from:t,to:a}){const[r,s]=d.useState({loading:!0,sessions:null,context:null}),n=d.useId(),{enabled:i}=Ji(),{formatTokens:o}=Ee(),u=p=>o(p,{mode:ba.COMPACT});d.useEffect(()=>{if(!i){s({loading:!1,sessions:null,context:null});return}let p=!1;return s(v=>({...v,loading:!0})),Promise.all([Xo({from:t,to:a}),ei()]).then(([v,w])=>{p||s({loading:!1,sessions:v,context:w})}).catch(()=>{p||s({loading:!1,sessions:null,context:null})}),()=>{p=!0}},[i,t,a]);const c=d.useMemo(()=>(r.sessions?.by_model||[]).filter(md).slice(0,5),[r.sessions]),g=d.useMemo(()=>(r.sessions?.subagents||[]).slice(0,3),[r.sessions]);if(!i||!r.loading&&!r.sessions?.available&&!r.context?.estimated_fixed_tokens)return null;const m=r.sessions?.summary||{},x=m.edit_session_rate??m.productive_rate,h=m.first_pass_rate??m.one_shot_rate,f=m.edit_sessions??m.productive_sessions??0,b=m.sessions??r.sessions?.session_count??0,k=m.edit_turns??0;return r.loading&&!r.sessions&&!r.context?e.jsxs(Te,{children:[e.jsx(js,{}),e.jsx("div",{role:"status",className:"flex h-24 items-center justify-center rounded-lg bg-oai-gray-50 text-xs text-oai-gray-400 dark:bg-oai-gray-800/50 dark:text-oai-gray-500",children:l("sessions.card.loading")})]}):e.jsxs(Te,{children:[e.jsx(js,{}),e.jsxs("div",{className:"grid grid-cols-3 gap-2 mb-3",children:[e.jsx(sr,{label:l("sessions.card.edit_sessions"),value:rr(x),detail:l("sessions.card.edit_session_value",{edits:Ye(f),sessions:Ye(b)})}),e.jsx(sr,{label:l("sessions.card.first_pass"),value:rr(h),detail:l("sessions.card.edit_session_value",{edits:Ye(m.first_pass_sessions??m.one_shot_sessions??0),sessions:Ye(f)})}),e.jsx(sr,{label:l("sessions.card.cost_edit"),value:ud(m.cost_per_edit),detail:l("sessions.card.edit_turn_count",{count:Ye(k)})})]}),e.jsxs("div",{className:"mb-3 flex items-center justify-between gap-3 text-[10px] text-oai-gray-400 dark:text-oai-gray-500",children:[e.jsx("span",{children:l("sessions.card.sample",{sessions:Ye(b),edits:Ye(k)})}),e.jsxs("span",{className:"group relative inline-flex shrink-0",children:[e.jsx("button",{type:"button","aria-describedby":n,className:"cursor-help rounded-sm underline decoration-dotted underline-offset-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-oai-brand/40",children:l("sessions.card.methodology_label")}),e.jsx("span",{id:n,role:"tooltip",className:"pointer-events-none absolute right-0 top-full z-20 mt-2 w-64 rounded-xl border border-oai-gray-200/60 bg-white/95 px-3 py-2 text-left text-[10.5px] font-normal leading-relaxed text-oai-gray-700 opacity-0 shadow-xl backdrop-blur-md transition-opacity duration-150 group-hover:opacity-100 group-focus-within:opacity-100 dark:border-oai-gray-700/70 dark:bg-oai-gray-900/95 dark:text-oai-gray-200",children:l("sessions.card.methodology")})]})]}),!!c.length&&e.jsx("div",{className:"overflow-x-auto oai-scrollbar",children:e.jsxs("table",{className:"w-full min-w-[440px] text-xs",children:[e.jsx("thead",{className:"text-[10px] uppercase tracking-wide text-oai-gray-400",children:e.jsxs("tr",{children:[e.jsx("th",{className:"pb-1.5 text-left font-medium",children:l("sessions.card.model")}),e.jsx("th",{className:"pb-1.5 text-right font-medium",children:l("sessions.card.edit_sessions")}),e.jsx("th",{className:"pb-1.5 text-right font-medium",children:l("sessions.card.first_pass")}),e.jsx("th",{className:"pb-1.5 text-right font-medium",children:l("sessions.card.tokens_edit")})]})}),e.jsx("tbody",{children:c.map(p=>e.jsxs("tr",{className:"border-t border-oai-gray-100 dark:border-oai-gray-800/60",children:[e.jsx("td",{className:"py-2 pr-2 font-mono text-[11px] truncate max-w-[150px]",title:p.model,children:p.model}),e.jsx("td",{className:"py-2 pl-2 text-right tabular-nums",children:l("sessions.card.edit_session_value",{edits:Ye(p.edit_sessions??p.productive_sessions??0),sessions:Ye(p.sessions)})}),e.jsx("td",{className:"py-2 pl-2 text-right tabular-nums",children:rr(p.first_pass_rate??p.one_shot_rate)}),e.jsx("td",{className:"py-2 text-right tabular-nums",children:u(p.tokens_per_edit)})]},p.model))})]})}),r.context?e.jsxs("div",{className:"mt-3 pt-2.5 border-t border-oai-gray-200 dark:border-oai-gray-800 flex items-center justify-between gap-3 text-[11px] text-oai-gray-500 dark:text-oai-gray-400",children:[e.jsx("span",{children:l("sessions.card.context")}),e.jsx("span",{className:"tabular-nums",title:l("sessions.card.context_tooltip"),children:u(r.context.estimated_fixed_tokens)})]}):null,!!g.length&&e.jsxs("div",{className:"mt-2 flex flex-wrap items-center gap-1.5 text-[10px] text-oai-gray-500 dark:text-oai-gray-400",children:[e.jsx("span",{children:l("sessions.card.subagents")}),g.map(p=>e.jsx("span",{className:"rounded-full bg-oai-gray-100 dark:bg-oai-gray-800 px-1.5 py-0.5",children:l("sessions.card.subagent_item",{name:p.name,calls:Math.round(p.calls)})},p.name))]}),e.jsx("p",{className:"mt-2 text-[10px] text-oai-gray-400 dark:text-oai-gray-500",children:l("sessions.card.privacy")})]})}function sr({label:t,value:a,detail:r}){return e.jsxs("div",{className:"rounded-lg bg-oai-gray-50 dark:bg-oai-gray-800/50 px-2.5 py-2",children:[e.jsx("div",{className:"text-[10px] text-oai-gray-500 dark:text-oai-gray-400 truncate",children:t}),e.jsx("div",{className:"mt-0.5 text-sm font-semibold tabular-nums text-oai-black dark:text-white",children:a}),e.jsx("div",{className:"mt-0.5 text-[9px] tabular-nums text-oai-gray-400 dark:text-oai-gray-500 truncate",children:r})]})}function ne({className:t}){return e.jsx("div",{className:Nt("rounded bg-oai-gray-200/70 dark:bg-oai-gray-800/70 animate-pulse",t)})}function gd(){return e.jsx("div",{className:"flex gap-1 overflow-hidden",children:Array.from({length:20},(t,a)=>e.jsx("div",{className:"flex flex-col gap-1",children:Array.from({length:7},(r,s)=>e.jsx(ne,{className:"h-2.5 w-2.5 rounded-[2px]"},s))},a))})}function xd(){return e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-4",children:[e.jsxs("div",{className:"lg:col-span-4 flex flex-col gap-4 min-w-0 order-2 lg:order-1",children:[e.jsx(Te,{children:e.jsxs("div",{className:"flex flex-col gap-2.5",children:[e.jsx(ne,{className:"h-4 w-32"}),e.jsx(ne,{className:"h-6 w-24"})]})}),e.jsx(Te,{children:e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsx(ne,{className:"h-3.5 w-24"}),Array.from({length:4},(t,a)=>e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsx(ne,{className:"h-3 w-20"}),e.jsx(ne,{className:"h-3 w-12"})]},a))]})}),e.jsx(Te,{children:e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsx(ne,{className:"h-3.5 w-20"}),e.jsx(gd,{})]})}),e.jsx(Te,{children:e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsx(ne,{className:"h-3.5 w-28"}),e.jsx(ne,{className:"h-32 w-full"})]})})]}),e.jsxs("div",{className:"lg:col-span-8 flex flex-col gap-4 min-w-0 order-1 lg:order-2",children:[e.jsxs(Te,{children:[e.jsxs("div",{className:"flex items-center gap-2 mb-6",children:[e.jsx("div",{className:"flex flex-1 min-w-0 gap-1",children:Array.from({length:5},(t,a)=>e.jsx(ne,{className:"h-7 w-14 rounded-md shrink-0"},a))}),e.jsxs("div",{className:"flex items-center gap-1.5 shrink-0",children:[e.jsx(ne,{className:"h-8 w-20 rounded-md"}),e.jsx(ne,{className:"h-8 w-8 rounded-md"})]})]}),e.jsxs("div",{className:"flex flex-col items-center gap-4 mb-8",children:[e.jsx(ne,{className:"h-3 w-28"}),e.jsx(ne,{className:"h-14 w-3/5 max-w-xs"}),e.jsx(ne,{className:"h-6 w-24"})]}),e.jsxs("div",{className:"flex flex-col gap-6",children:[e.jsx(ne,{className:"h-1.5 w-full rounded-full"}),e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 xl:grid-cols-5 gap-3",children:Array.from({length:5},(t,a)=>e.jsxs("div",{className:"flex flex-col gap-2 rounded-lg border border-oai-gray-200 dark:border-oai-gray-700 p-3",children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx(ne,{className:"h-[15px] w-[15px] rounded-sm shrink-0"}),e.jsx(ne,{className:"h-3 w-12"})]}),e.jsx(ne,{className:"h-5 w-10"}),e.jsx(ne,{className:"h-2.5 w-14"})]},a))})]})]}),e.jsxs(Te,{children:[e.jsxs("div",{className:"flex items-center gap-1 mb-4",children:[e.jsx(ne,{className:"h-7 w-16 rounded"}),e.jsx(ne,{className:"h-7 w-20 rounded"})]}),e.jsxs("div",{className:"flex items-center gap-3 border-b border-oai-gray-200 dark:border-oai-gray-700 pb-2",children:[e.jsx(ne,{className:"h-3 w-20 shrink-0"}),Array.from({length:5},(t,a)=>e.jsx(ne,{className:"h-3 flex-1"},a))]}),e.jsx("div",{className:"flex flex-col",children:Array.from({length:8},(t,a)=>e.jsxs("div",{className:"flex items-center gap-3 border-b border-oai-gray-100 dark:border-oai-gray-800 py-2.5 last:border-b-0",children:[e.jsx(ne,{className:"h-3.5 w-20 shrink-0"}),Array.from({length:5},(r,s)=>e.jsx(ne,{className:"h-3.5 flex-1"},s))]},a))})]})]})]})}const fd=el.slice(0,10),Ns=.06,pd=.11,yd=.05,bd=new Set(["macAppBanner","widgetOnboarding"]);function Ss({title:t,subtitle:a,desc:r,loginCard:s,copy:n}){return e.jsxs("div",{className:"min-h-[85vh] w-full flex items-center justify-center text-oai-black dark:text-white relative overflow-hidden px-4 md:px-8 py-8 md:py-16 transition-colors duration-200 bg-[linear-gradient(to_right,#80808007_1px,transparent_1px),linear-gradient(to_bottom,#80808007_1px,transparent_1px)] bg-[size:40px_40px]",children:[e.jsx("div",{className:"absolute inset-0 bg-[radial-gradient(circle_at_50%_0%,rgba(59,130,246,0.03),transparent_50%)] dark:bg-[radial-gradient(circle_at_50%_0%,rgba(99,102,241,0.05),transparent_50%)] pointer-events-none"}),e.jsxs("div",{className:"w-full max-w-5xl grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-16 items-start relative z-10",children:[e.jsxs("div",{className:"lg:col-span-7 flex flex-col justify-center space-y-8 text-left pr-0 lg:pr-6",children:[e.jsxs("div",{className:"flex items-center gap-2.5",children:[e.jsx("img",{src:"/app-icon.png",alt:"",width:32,height:32,className:"rounded-md shadow-md border border-oai-gray-200/50 dark:border-oai-gray-800 shadow-black/10 dark:shadow-black/30"}),e.jsx("span",{className:"text-xl font-bold tracking-tight bg-gradient-to-r from-oai-black to-oai-gray-600 dark:from-white dark:to-oai-gray-400 bg-clip-text text-transparent font-oai",children:n("shared.app_name")})]}),e.jsxs("div",{className:"space-y-5",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsx("h1",{className:"text-3xl md:text-4xl lg:text-4.5xl font-black tracking-tight leading-[1.15] text-oai-black dark:text-white",children:t}),e.jsx("p",{className:"text-oai-gray-500 dark:text-oai-gray-400 text-sm md:text-base max-w-xl leading-relaxed",children:r})]}),e.jsx("div",{className:"w-full max-w-[280px] sm:max-w-md opacity-85 hover:opacity-100 transition-opacity duration-200",children:e.jsx("div",{className:"flex justify-start",children:e.jsx(Xi,{logos:fd,columnCount:6})})})]})]}),e.jsx("div",{className:"lg:col-span-5 flex justify-center",children:e.jsxs(Ne.div,{initial:{opacity:0,x:20},animate:{opacity:1,x:0},transition:{duration:.3},className:"w-full max-w-[400px] rounded-2xl border border-oai-gray-200/80 dark:border-oai-gray-800 bg-white/70 dark:bg-oai-gray-950/40 backdrop-blur-md shadow-2xl p-1 relative overflow-hidden",children:[e.jsx("div",{className:"absolute -inset-px bg-gradient-to-b from-white/10 dark:from-white/5 to-transparent pointer-events-none rounded-2xl"}),s]})})]})]})}function kd(t){const{copy:a,onOpenShare:r,screenshotMode:s,showExpiredGate:n,showAuthGate:i,identityDisplayName:o,identityStartDate:u,activeDays:c,identitySubscriptions:g,identityScrambleDurationMs:m,projectUsageEntries:x,projectUsageLimit:h,setProjectUsageLimit:f,projectDetailQuery:b,topModels:k,signedIn:p,publicMode:v,isLocalMode:w,shouldShowInstall:D,installPrompt:T,handleCopyInstall:R,installCopied:L,installInitCmdDisplay:z,trendRowsForDisplay:S,trendFromForDisplay:_,trendToForDisplay:j,trendZoomConfig:P,usageFrom:$,usageTo:U,period:I,trendTimeZoneLabel:E,activityHeatmapBlock:q,periodsForDisplay:N,setSelectedPeriod:C,customFrom:G,customTo:O,onCustomRangeApply:ue,customRangeOpen:J,onCustomRangeOpenChange:me,summaryLabel:le,summaryValue:ge,summaryFullValue:we,hasSummary:xe,summaryLoading:ae,providersLoading:Q,onToggleSummaryFormat:B,summaryTotalTokensRaw:te,summaryCostValue:pe,summaryConversationsValue:H,rollingUsage:he,costInfoEnabled:ce,openCostModal:K,costModalOpen:Y,closeCostModal:A,allowBreakdownToggle:V,refreshAll:X,usageLoadingState:ee,announceUsageLoading:se,initialDashboardLoading:Ge,fleetData:de,hasDetailsActual:Pe,dailyEmptyPrefix:Oe,installSyncCmd:Se,dailyEmptySuffix:At,detailsColumns:ye,ariaSortFor:be,toggleSort:Re,sortIconFor:Ue,pagedDetails:Dt,dailyBreakdownRows:mt,dailyBreakdownColumns:He,dailyBreakdownAriaSortFor:Ca,dailyBreakdownSortIconFor:Qe,dailyBreakdownDateKey:Ta,detailsDateKey:Aa,renderDetailDate:ht,renderDailyBreakdownDate:Z,renderDetailCell:Yt,DETAILS_PAGED_PERIODS:_e,detailsPageCount:ve,detailsPage:Ie,setDetailsPage:gt,deviceOptions:Lt,selectedDevice:Zt,onDeviceChange:Jt,deviceUsageBlock:Mt,leftCardOrder:Da,onLeftReorder:Ve,rightCardOrder:Qt,onRightReorder:at}=t,Et=null,La=null,[Xt,ea]=d.useState(()=>new Set),Rt=d.useCallback((oe,ie)=>{bd.has(oe)&&ea(je=>{if(je.has(oe)===ie)return je;const Xe=new Set(je);return ie?Xe.add(oe):Xe.delete(oe),Xe})},[]),Ma={macAppBanner:w,statsPanel:!0,widgetOnboarding:w,installCopy:D,activityHeatmap:!!q,deviceUsage:!!Mt,trendMonitor:!s,qualityPerDollar:!s,sessionInsights:w&&!s},It=(Da||[]).filter(oe=>Ma[oe]&&!Xt.has(oe)),Ft={usageOverview:!0,dataDetails:!s},Ea=(Qt||[]).filter(oe=>Ft[oe]&&!Xt.has(oe));function rt(oe,ie){switch(oe){case"macAppBanner":return e.jsx(rd,{todayTokens:te,isSyncing:ee,enterDelay:ie});case"statsPanel":return e.jsx(st,{delay:ie,children:e.jsx(hc,{title:a("dashboard.identity.title"),subtitle:a("dashboard.identity.subtitle"),period:I,startDate:u??a("identity_card.rank_placeholder"),streakDays:c,subscriptions:g,periodConversations:H,rolling:he,topModels:k})});case"widgetOnboarding":return e.jsx(nd,{enterDelay:ie});case"installCopy":return e.jsx(st,{delay:ie,children:e.jsxs("div",{className:"rounded-xl border border-oai-gray-200 dark:border-oai-gray-800 bg-white dark:bg-oai-gray-900 p-3",children:[e.jsx("div",{className:"text-xs text-oai-gray-500 dark:text-oai-gray-300 mb-1.5",children:T}),e.jsxs(Ne.button,{onClick:R,whileHover:{scale:1.01},whileTap:{scale:.99},className:"w-full flex items-center justify-between px-3 py-2 bg-oai-gray-50 dark:bg-oai-gray-800 hover:bg-oai-gray-100 dark:hover:bg-oai-gray-700 rounded-lg transition-colors",children:[e.jsx("code",{className:"text-xs font-mono text-oai-gray-700 dark:text-oai-gray-300",children:z}),e.jsx(Ne.span,{initial:{opacity:0,y:-5},animate:{opacity:1,y:0},className:"text-xs text-oai-brand",children:L?"Copied ✓":"Copy"},L?"copied":"copy")]})]})});case"activityHeatmap":return e.jsx(st,{delay:ie,children:q});case"deviceUsage":return e.jsx(st,{delay:ie,children:Mt});case"trendMonitor":return e.jsx(st,{delay:ie,children:e.jsx(Vs,{rows:S,from:_,to:j,period:I,timeZoneLabel:E,showTimeZoneLabel:!1,zoomConfig:P})});case"qualityPerDollar":return e.jsx(cd,{from:$,to:U,deviceId:Zt});case"sessionInsights":return e.jsx(hd,{from:$,to:U});default:return null}}function ta(oe,ie){switch(oe){case"usageOverview":return e.jsx(st,{delay:ie,children:e.jsx(Zc,{period:I,periods:N,onPeriodChange:C,summaryLabel:le,summaryValue:ge,summaryFullValue:we,hasSummary:xe,summaryLoading:ae,providersLoading:Q,onToggleSummaryFormat:xe?B:null,summaryCostValue:pe,onCostInfo:ce?K:null,fleetData:de,onRefresh:s?null:X,loading:ee,announceLoading:se,onOpenShare:s?null:r,customFrom:G,customTo:O,onCustomRangeApply:ue,customRangeOpen:J,onCustomRangeOpenChange:me,from:$,to:U,deviceOptions:Lt,selectedDevice:Zt,onDeviceChange:Jt})});case"dataDetails":return e.jsx(st,{delay:ie,children:e.jsx(uc,{projectEntries:x,projectLimit:h,onProjectLimitChange:f,projectDetailQuery:b,copy:a,hasDetailsActual:Pe,dailyEmptyPrefix:Oe,installSyncCmd:Se,dailyEmptySuffix:At,detailsColumns:ye,ariaSortFor:be,toggleSort:Re,sortIconFor:Ue,pagedDetails:Dt,dailyBreakdownRows:mt,dailyBreakdownColumns:He,dailyBreakdownAriaSortFor:Ca,dailyBreakdownSortIconFor:Qe,dailyBreakdownDateKey:Ta,detailsDateKey:Aa,renderDetailDate:ht,renderDailyBreakdownDate:Z,renderDetailCell:Yt,DETAILS_PAGED_PERIODS:_e,period:I,detailsPageCount:ve,detailsPage:Ie,setDetailsPage:gt})});default:return null}}const We=bi(Jr(Ni,{activationConstraint:{distance:6}}),Jr(ji,{coordinateGetter:vi})),fe=d.useCallback(oe=>{const{active:ie,over:je}=oe;!je||ie.id===je.id||Ve?.(String(ie.id),String(je.id))},[Ve]),Ra=d.useCallback(oe=>{const{active:ie,over:je}=oe;!je||ie.id===je.id||at?.(String(ie.id),String(je.id))},[at]);function $t(oe,ie,je,Xe){return s?e.jsx(e.Fragment,{children:oe.map((Ce,xt)=>e.jsx(vt.Fragment,{children:ie(Ce,je+Ns*xt)},Ce))}):e.jsx(ki,{sensors:We,onDragEnd:Xe,children:e.jsx(wi,{items:oe,strategy:_i,children:oe.map((Ce,xt)=>e.jsx(Xc,{id:Ce,onEmptyChange:Rt,children:ie(Ce,je+Ns*xt)},Ce))})})}const aa=$t(It,rt,pd,fe),Ia=$t(Ea,ta,yd,Ra);return e.jsxs(e.Fragment,{children:[e.jsxs(hl,{bare:!s,hideHeader:s,header:Et,footer:s?null:La,className:s?"screenshot-mode":"",children:[i&&e.jsx(Ss,{title:a("dashboard.auth_gate.hero_title"),desc:a("dashboard.auth_gate.desc"),copy:a,loginCard:e.jsx(es,{title:a("dashboard.auth_gate.title"),subtitle:a("dashboard.auth_gate.subtitle"),hideLogo:!0,className:"bg-transparent rounded-xl"})}),n&&e.jsx(Ss,{title:a("dashboard.expired_gate.hero_title"),desc:a("dashboard.expired_gate.desc"),copy:a,loginCard:e.jsx(es,{title:a("dashboard.expired_gate.title"),subtitle:a("dashboard.expired_gate.subtitle"),hideLogo:!0,className:"bg-transparent rounded-xl"})}),!i&&!n&&Ge&&e.jsx(xd,{}),!i&&!n&&!Ge&&e.jsx(e.Fragment,{children:e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-4",children:[e.jsx("div",{className:"lg:col-span-4 flex flex-col gap-4 min-w-0 order-2 lg:order-1",children:aa}),e.jsx("div",{className:"lg:col-span-8 flex flex-col gap-4 min-w-0 order-1 lg:order-2",children:Ia})]})})]}),e.jsx(sc,{isOpen:Y,onClose:A,fleetData:de})]})}function wd({from:t,to:a,timeZone:r,tzOffsetMinutes:s,accountView:n=!1,accountAccessToken:i=null,accountRevision:o=0}={}){const u=!!(n&&i),[c,g]=d.useState([]),[m,x]=d.useState([]),[h,f]=d.useState(!1),[b,k]=d.useState(null),p=qt([u,t,a,r,s,i,o]),v=d.useCallback(async()=>{const w=p();if(!u){g([]),x([]),f(!1),k(null);return}f(!0),k(null);try{const D=await $e(i);if(!w())return;const T=await ti({from:t,to:a,timeZone:r,tzOffsetMinutes:s,accessToken:D});if(!w())return;g(Array.isArray(T?.devices)?T.devices:[]),x(Array.isArray(T?.account_sources)?T.account_sources:[])}catch(D){if(!w())return;k(D?.message||String(D)),g([]),x([])}finally{w()&&f(!1)}},[u,i,t,a,r,s,o,p]);return d.useEffect(()=>{g([]),x([]),k(null),u&&f(!0),v()},[u,v]),{devices:c,accountSources:m,loading:h,error:b,refresh:v}}const _d=/^Token Tracker \(dashboard\)(?: #([0-9a-fA-F]+))?$/;function Cs(t){const a=String(t||"").toLowerCase();return/iphone|ipad|ios/.test(a)?"iOS":/android/.test(a)?"Android":/mac|darwin/.test(a)?"Mac":/win/.test(a)?"Windows":/linux/.test(a)?"Linux":"Web"}function hr(t){if(!t)return null;const a=typeof t.device_name=="string"?t.device_name.trim():"",r=a.match(_d);if(!r)return a||null;const s=(r[1]||String(t.id||"")).slice(0,8).toLowerCase();return s?`${Cs(t.platform)} · ${s}`:Cs(t.platform)}const Ts=" · ",As="%";function Ds({platform:t,className:a}){const r=String(t||"").toLowerCase();return r.includes("darwin")||r.includes("mac")?e.jsx(nl,{className:a,"aria-hidden":!0}):r.includes("win")?e.jsx(Vr,{className:a,"aria-hidden":!0}):r.includes("linux")?e.jsx(Vr,{className:a,"aria-hidden":!0}):e.jsx(Js,{className:a,"aria-hidden":!0})}function Ls(t,a){return a===t?.id||t?.isCurrent===!0}function vd({devices:t=[],accountSources:a=[],currentDeviceId:r="",selectedDeviceId:s="",onSelectDevice:n,onRenameDevice:i}){const{formatTokens:o,formatTokensTooltip:u}=Ee(),[c,g]=d.useState(""),[m,x]=d.useState(""),[h,f]=d.useState(!1),[b,k]=d.useState(""),p=typeof i=="function",v=typeof n=="function",w=!!s,D=t.reduce((_,j)=>_+(Number(j.total_tokens)||0),0)+a.reduce((_,j)=>_+(Number(j.total_tokens)||0),0),T=d.useMemo(()=>t.filter(_=>(Number(_.total_tokens)||0)>0).sort((_,j)=>(Number(j.total_tokens)||0)-(Number(_.total_tokens)||0)),[t]);function R(_){k(""),g(_.id);const j=typeof _.device_name=="string"?_.device_name:"";x(hr(_)===j?j:"")}function L(){g(""),x(""),k("")}async function z(_){const j=m.trim();if(!(!j||h)){f(!0),k("");try{await i(_.id,j),g(""),x("")}catch{k(_.id)}finally{f(!1)}}}const S=a.filter(_=>(Number(_.total_tokens)||0)>0);return T.length===0&&S.length===0?e.jsxs(Te,{bodyClassName:"!px-3 !py-3.5",children:[e.jsx("div",{className:"flex items-center justify-between gap-2 mb-2 px-2",children:e.jsx("div",{className:"text-sm font-medium text-oai-gray-500 dark:text-oai-gray-300 uppercase tracking-wide px-2",children:l("dashboard.device_card.title")})}),e.jsxs("div",{className:"flex flex-col items-center justify-center py-6 text-center",children:[e.jsx(Js,{className:"h-7 w-7 text-oai-gray-300 dark:text-oai-gray-600 mb-2 stroke-[1.5]"}),e.jsx("p",{className:"text-[11px] text-oai-gray-500 dark:text-oai-gray-400 font-medium",children:l("dashboard.device_card.empty")})]})]}):e.jsxs(Te,{bodyClassName:"!px-3 !py-3.5",children:[e.jsxs("div",{className:"flex items-center justify-between gap-2 mb-2 px-2",children:[e.jsx("div",{className:"text-sm font-medium text-oai-gray-500 dark:text-oai-gray-300 uppercase tracking-wide",children:l("dashboard.device_card.title")}),v&&w&&e.jsx("button",{type:"button",onClick:()=>n(""),className:"text-xs text-oai-gray-400 hover:text-oai-brand focus:outline-none transition-colors",children:l("dashboard.device_card.clear")})]}),e.jsxs("div",{className:"space-y-[2px]",children:[T.map(_=>{const j=Number(_.total_tokens)||0,P=D>0?(j/D*100).toFixed(1):"0.0",$=s===_.id,U=hr(_)||l("dashboard.device_card.unnamed"),I=c===_.id,E=$?"bg-oai-brand":w?"bg-oai-gray-300 dark:bg-oai-gray-600":"bg-oai-brand/50",q=w&&!$?"opacity-40 hover:opacity-80":"opacity-100";return e.jsxs("div",{className:"group relative",children:[I?e.jsxs("div",{className:"w-full rounded-md px-2 py-1.5 bg-oai-gray-50/50 dark:bg-oai-gray-900/40",children:[e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsxs("div",{className:"flex items-center gap-2 min-w-0 flex-1",children:[e.jsx(Ds,{platform:_.platform,className:"h-3.5 w-3.5 shrink-0 text-oai-gray-500 dark:text-oai-gray-400"}),e.jsx("input",{autoFocus:!0,value:m,disabled:h,maxLength:60,placeholder:l("dashboard.device_card.rename_placeholder"),onChange:N=>x(N.target.value),onKeyDown:N=>{N.key==="Enter"?z(_):N.key==="Escape"&&L()},className:"flex-1 min-w-0 bg-transparent text-xs font-medium text-oai-black dark:text-oai-white border-b border-oai-gray-300 dark:border-oai-gray-700 focus:outline-none focus:border-oai-brand py-0"})]}),e.jsxs("div",{className:"shrink-0 flex items-center gap-0.5",children:[e.jsx("button",{type:"button","aria-label":l("dashboard.device_card.rename_save"),disabled:h||!m.trim(),onClick:()=>z(_),className:"text-oai-gray-400 hover:text-oai-brand dark:hover:text-white disabled:opacity-30 transition-colors p-0.5",children:e.jsx(tl,{className:"h-3.5 w-3.5"})}),e.jsx("button",{type:"button","aria-label":l("dashboard.device_card.rename_cancel"),disabled:h,onClick:L,className:"text-oai-gray-400 hover:text-oai-black dark:hover:text-white disabled:opacity-30 transition-colors p-0.5",children:e.jsx(kr,{className:"h-3.5 w-3.5"})})]})]}),e.jsx("div",{className:"mt-1.5 h-[2px] bg-oai-gray-100 dark:bg-oai-gray-800 rounded-full overflow-hidden opacity-40 select-none",children:e.jsx("div",{className:`h-full rounded-full transition-[width,background-color] duration-700 ease-out ${E}`,style:{width:`${P}%`}})})]}):e.jsxs(e.Fragment,{children:[e.jsxs("button",{type:"button","aria-pressed":$,"aria-label":`${l("dashboard.device_filter.aria")}: ${U}${Ls(_,r)?` (${l("dashboard.device_card.current")})`:""}`,onClick:()=>n?.($?"":_.id),className:`w-full text-left rounded-md px-2 py-1.5 transition-all duration-200 focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-oai-brand/50 ${q} ${$?"bg-oai-gray-100/70 dark:bg-oai-gray-800/80 text-oai-black dark:text-oai-white":"bg-transparent hover:bg-oai-gray-50 dark:hover:bg-oai-gray-800/40 text-oai-black dark:text-oai-white"}`,children:[e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsxs("div",{className:"flex items-center gap-2 min-w-0 flex-1",children:[e.jsx(Ds,{platform:_.platform,className:"h-3.5 w-3.5 shrink-0 text-oai-gray-500 dark:text-oai-gray-400"}),e.jsx("span",{className:"block truncate text-[13px] font-medium text-oai-black dark:text-oai-white",title:U,children:U}),Ls(_,r)&&e.jsx("span",{className:"shrink-0 rounded-full bg-oai-brand/10 px-1.5 py-0.5 text-[10px] font-medium text-oai-brand",children:l("dashboard.device_card.current")})]}),e.jsxs("span",{title:u(j),className:`shrink-0 text-[13px] font-semibold tabular-nums text-oai-black dark:text-oai-white transition-opacity duration-150 ${p?"group-hover:opacity-0":""}`,children:[o(j),e.jsxs("span",{className:"text-oai-gray-400 dark:text-oai-gray-500 font-normal",children:[Ts,P,As]})]})]}),e.jsx("div",{className:"mt-1.5 h-[2px] bg-oai-gray-100 dark:bg-oai-gray-800 rounded-full overflow-hidden",children:e.jsx("div",{className:`h-full rounded-full transition-[width,background-color] duration-700 ease-out ${E}`,style:{width:`${P}%`}})})]}),p&&e.jsx("button",{type:"button","aria-label":l("dashboard.device_card.rename_aria"),onClick:()=>R(_),className:"absolute right-2 top-1.5 flex h-4 items-center text-oai-gray-400 opacity-0 group-hover:opacity-100 focus-visible:opacity-100 hover:text-oai-brand focus:outline-none transition-opacity duration-150",children:e.jsx(Qi,{className:"h-3 w-3"})})]}),b===_.id&&e.jsx("div",{className:"px-2 mt-1 text-xs text-red-500 font-medium",children:l("dashboard.device_card.rename_error")})]},_.id)}),S.map(_=>{const j=Number(_.total_tokens)||0,P=D>0?(j/D*100).toFixed(1):"0.0",$=w?"opacity-40":"opacity-100";return e.jsxs("div",{className:`rounded-md px-2 py-1.5 transition-all duration-200 ${$}`,title:l("dashboard.device_card.account_scope_tip"),children:[e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsxs("div",{className:"flex items-center gap-2 min-w-0 flex-1",children:[e.jsx("span",{className:"h-3.5 w-3.5 shrink-0 flex items-center justify-center",children:e.jsx(Ct,{provider:_.source,size:14})}),e.jsx("span",{className:"block truncate text-[13px] font-medium text-oai-black dark:text-oai-white",children:jt(_.source)}),e.jsx("span",{className:"shrink-0 text-[10px] uppercase tracking-wide text-oai-gray-400 dark:text-oai-gray-500",children:l("dashboard.device_card.account_scope")})]}),e.jsxs("span",{title:u(j),className:"shrink-0 text-[13px] font-semibold tabular-nums text-oai-black dark:text-oai-white",children:[o(j),e.jsxs("span",{className:"text-oai-gray-400 dark:text-oai-gray-500 font-normal",children:[Ts,P,As]})]})]}),e.jsx("div",{className:"mt-1.5 h-[2px] bg-oai-gray-100 dark:bg-oai-gray-800 rounded-full overflow-hidden",children:e.jsx("div",{className:`h-full rounded-full transition-[width,background-color] duration-700 ease-out ${w?"bg-oai-gray-300 dark:bg-oai-gray-600":"bg-oai-brand/50"}`,style:{width:`${P}%`}})})]},`account-${_.source}`)})]})]})}function xn(){return typeof window>"u"?!1:!!window?.webkit?.messageHandlers?.nativeBridge}const ct=new Map,dt=new Map;function fn(){typeof window>"u"||window.__tokentrackerNativeSaveListener||(window.__tokentrackerNativeSaveListener=!0,window.addEventListener("native:saveImageResult",t=>{const a=t?.detail||{},r=typeof a.requestId=="string"?a.requestId:null;if(!r||!ct.has(r))return;const s=ct.get(r);ct.delete(r),s({ok:!!a.ok,path:typeof a.path=="string"?a.path:void 0,error:typeof a.error=="string"?a.error:void 0})}),window.addEventListener("native:copyImageResult",t=>{const a=t?.detail||{},r=typeof a.requestId=="string"?a.requestId:null;if(!r||!dt.has(r))return;const s=dt.get(r);dt.delete(r),s({ok:!!a.ok,error:typeof a.error=="string"?a.error:void 0})}))}async function jd(t){if(!xn()||typeof window>"u")return{ok:!1,error:"native bridge unavailable"};const a=window?.webkit?.messageHandlers?.nativeBridge;if(!a)return{ok:!1,error:"native bridge unavailable"};fn();const r=`copy_${Date.now()}_${Math.random().toString(36).slice(2,8)}`;return new Promise(s=>{const n=window.setTimeout(()=>{dt.has(r)&&(dt.delete(r),s({ok:!1,error:"timeout"}))},8e3);dt.set(r,i=>{window.clearTimeout(n),s(i)});try{a.postMessage({type:"action",name:"copyImageToClipboard",requestId:r,dataUrl:t})}catch(i){dt.delete(r),window.clearTimeout(n),s({ok:!1,error:i?.message||String(i)})}})}async function Ms(t,a){if(!xn()||typeof window>"u")return{ok:!1,error:"native bridge unavailable"};const r=window?.webkit?.messageHandlers?.nativeBridge;if(!r)return{ok:!1,error:"native bridge unavailable"};fn();const s=`save_${Date.now()}_${Math.random().toString(36).slice(2,8)}`;return new Promise(n=>{const i=window.setTimeout(()=>{ct.has(s)&&(ct.delete(s),n({ok:!1,error:"timeout"}))},8e3);ct.set(s,o=>{window.clearTimeout(i),n(o)});try{r.postMessage({type:"action",name:"saveImageToDownloads",requestId:s,filename:a,dataUrl:t})}catch(o){ct.delete(s),window.clearTimeout(i),n({ok:!1,error:o?.message||String(o)})}})}const pn=1200,yn=1630,bn={broadsheet:{width:1200,height:1630},"annual-report":{width:1080,height:1865}},Nd="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter+Tight:wght@400;500;600;700&family=IBM+Plex+Serif:ital,wght@0,400;0,500;0,600;1,400&family=IBM+Plex+Mono:wght@400;500&family=Space+Grotesk:wght@500;600;700&display=swap";let nr=!1;function Sd(){if(typeof document>"u"||nr)return;if(document.querySelector('link[data-share-card-fonts="true"]')){nr=!0;return}const a=document.createElement("link");a.rel="stylesheet",a.href=Nd,a.dataset.shareCardFonts="true",a.crossOrigin="anonymous",document.head.appendChild(a),nr=!0}async function Cd(){if(typeof document>"u")return;const t=document.fonts;if(!(!t||typeof t.ready?.then!="function"))try{await t.ready}catch{}}async function Td(t,a={}){if(typeof window>"u"||!t)return null;Sd(),await Cd(),await new Promise(c=>requestAnimationFrame(()=>c(null)));const{toBlob:r,toPng:s}=await ai(async()=>{const{toBlob:c,toPng:g}=await import("./index-BFIcLxb4.js");return{toBlob:c,toPng:g}},[]),n=a.pixelRatio??2,i=t.offsetWidth||pn,o=t.offsetHeight||yn,u={pixelRatio:n,cacheBust:!0,width:i,height:o,style:{width:`${i}px`,height:`${o}px`},skipFonts:!1,filter:c=>!(c instanceof HTMLElement)||c.dataset?.screenshotExclude!=="true"};try{const c=await r(t,u);if(c)return c}catch{}try{const c=await s(t,u);return c?await(await fetch(c)).blob():null}catch{return null}}async function or(t){return new Promise(a=>{const r=new FileReader;r.onload=()=>{const s=typeof r.result=="string"?r.result:null;a(s)},r.onerror=()=>a(null),r.readAsDataURL(t)})}function Es(t,a){if(typeof window>"u"||!t)return!1;try{const r=URL.createObjectURL(t),s=document.createElement("a");return s.href=r,s.download=a,document.body.appendChild(s),s.click(),s.remove(),setTimeout(()=>URL.revokeObjectURL(r),1e3),!0}catch{return!1}}function gr(t){const a=re(t);return Number.isFinite(a)?a:0}function Ad(t){return t?gr(t.billable_total_tokens??t.total_tokens):0}function Dd(t){const a=Array.isArray(t?.weeks)?t.weeks:[];if(!a.length)return{weeks:[],totalDays:0,activeDays:0};let r=0,s=0;return{weeks:a.map(i=>(Array.isArray(i)?i:[]).slice(0,7).map(u=>{const c=!!u?.future,g=Number.isFinite(u?.level)?Math.max(0,Math.min(4,Math.round(u.level))):0;u?.day&&!c&&(r+=1,g>0&&(s+=1));const m=u?.billable_total_tokens??u?.total_tokens??u?.value??0,x=Number.isFinite(m)?Math.max(0,m):0;return{day:typeof u?.day=="string"?u.day:"",level:g,value:x,future:c}})),totalDays:r,activeDays:s}}function Ld(t){const{handle:a,startDate:r,activeDays:s,summary:n,topModels:i,rank:o,period:u,periodFrom:c,periodTo:g,heatmap:m,capturedAt:x,currency:h,exchangeRate:f}=t,b=Ad(n),k=gr(n?.total_cost_usd),p=Array.isArray(i)?i.slice(0,3).map(w=>({id:w?.id??null,name:typeof w?.name=="string"&&w.name?w.name:"—",tokens:gr(w?.tokens),percent:typeof w?.percent=="string"&&w.percent?w.percent:"0.0"})):[],v=Dd(m);return{handle:a||"—",startDate:r||null,activeDays:Number.isFinite(s)&&s>0?Math.floor(s):0,totalTokens:b,totalCost:k,period:u,periodFrom:c,periodTo:g,topModels:p,rank:typeof o=="number"&&Number.isFinite(o)&&o>0?Math.floor(o):null,heatmapWeeks:v.weeks,heatmapTotalDays:v.totalDays,heatmapActiveDays:v.activeDays,capturedAt:x||new Date().toISOString(),currency:typeof h=="string"&&h.length>0?h.toUpperCase():"USD",exchangeRate:Number.isFinite(f)&&f>0?f:1}}const Md=["share.month_short.jan","share.month_short.feb","share.month_short.mar","share.month_short.apr","share.month_short.may","share.month_short.jun","share.month_short.jul","share.month_short.aug","share.month_short.sep","share.month_short.oct","share.month_short.nov","share.month_short.dec"];function Ed(t){const a=Md[t];return a?l(a):"—"}function kn(t,a){return l("share.date.month_year",{month:Ed(t),year:a})}function Rd(t){if(!t)return"—";const a=t.split("-");if(a.length!==3)return t;const[r,s]=a,n=Number(s)-1;return n<0||n>11?t:kn(n,r)}function Id(t){if(t.period==="total")return l("share.issue.all_time");if(t.period==="day"&&t.periodTo)return t.periodTo.replace(/-/g,".");if(t.period==="custom"&&t.periodFrom&&t.periodTo)return`${t.periodFrom.replace(/-/g,".")} — ${t.periodTo.replace(/-/g,".")}`;if(t.periodTo){const a=new Date(`${t.periodTo}T00:00:00Z`);if(!Number.isNaN(a.getTime()))return kn(a.getUTCMonth(),a.getUTCFullYear())}return l(`usage.period.${t.period}`)}function xr(t){return Number.isFinite(t)?Math.round(t).toLocaleString("en-US"):"—"}function wn(t,a={}){const{currency:r="USD",rate:s=1}=a,n=Wt(r);if(!Number.isFinite(t)||t<=0)return`${n}0.00`;const i=r!=="USD"&&Number.isFinite(s)&&s>0?t*s:t;return i>=1e3?`${n}${Math.round(i).toLocaleString("en-US")}`:`${n}${i.toFixed(2)}`}function Fd(t){const a=t.topModels[0];if(a){const r=parseFloat(a.percent);return Number.isFinite(r)&&r>=60?l("share.hook.top_loyal",{percent:Math.round(r),name:a.name}):t.activeDays>=60?l("share.hook.days_record",{days:t.activeDays}):Number.isFinite(r)&&r>=30?l("share.hook.top_led",{name:a.name,percent:Math.round(r)}):t.topModels.length>1?l("share.hook.multi_models",{count:t.topModels.length,days:t.activeDays}):l("share.hook.days_with_model",{days:t.activeDays,name:a.name})}return t.activeDays>0?l("share.hook.days_record",{days:t.activeDays}):l("share.hook.new_chapter")}function $d(t,a){const r=(t||"").length;if(r<=a.baseChars)return a.baseSize;const s=a.baseSize-(r-a.baseChars)*a.shrinkPerChar;return Math.max(a.minSize,s)}function Pd(t){if(!t||t.future)return null;const a=typeof t.level=="number"?t.level:0;return a<0?0:a>4?4:Math.round(a)}function Bd({weeks:t,palette:a,width:r,gap:s=3,radius:n=2,emptyColor:i}){if(!Array.isArray(t)||t.length===0||!r||r<=0)return null;const o=a||["#eee","#ccc","#999","#666","#333"],u=i||o[0],c=t.length,g=(c-1)*s,m=Math.max(4,(r-g)/c),x=7*m+6*s;return e.jsx("svg",{width:r,height:x,viewBox:`0 0 ${r} ${x}`,xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,style:{display:"block"},children:t.map((h,f)=>(Array.isArray(h)?h:[]).map((k,p)=>{if(p>=7)return null;const v=Pd(k),w=f*(m+s),D=p*(m+s),T=v===null?u:o[v];return e.jsx("rect",{x:w,y:D,width:m,height:m,rx:n,ry:n,fill:T},`${f}-${p}`)}))})}const zd=Tt("oklch(0.97 0.01 85)"),Me=Tt("oklch(0.18 0.02 85)"),et=Tt("oklch(0.38 0.015 85)"),Rs=Tt("oklch(0.55 0.012 85)"),ot=Tt("oklch(0.55 0.22 25)"),it='"Instrument Serif", "Times New Roman", Georgia, serif',Od='"Inter Tight", "Helvetica Neue", Arial, sans-serif',Ud=["oklch(0.93 0.013 80)","oklch(0.87 0.04 55)","oklch(0.78 0.09 45)","oklch(0.67 0.16 35)","oklch(0.55 0.22 25)"].map(Tt);function _n({data:t}){const a=Id(t),r=xr(t.totalTokens),s=wn(t.totalCost,{currency:t.currency,rate:t.exchangeRate}),n=Rd(t.startDate),i=$d(r,{baseSize:188,baseChars:9,shrinkPerChar:14,minSize:104}),o=Fd(t),u=Array.isArray(t.heatmapWeeks)&&t.heatmapWeeks.length>0;return e.jsxs("div",{style:{width:"100%",height:"100%",background:zd,color:Me,fontFamily:Od,padding:"80px 88px 68px 88px",boxSizing:"border-box",display:"flex",flexDirection:"column",position:"relative"},children:[e.jsxs("header",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:24,paddingBottom:14,borderBottom:`1px solid ${Rs}`},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:14,fontSize:14,fontWeight:500,letterSpacing:"0.22em",textTransform:"uppercase",color:Me},children:[e.jsx("div",{style:{width:10,height:10,borderRadius:"50%",background:ot}}),"The Token Tracker"]}),e.jsxs("div",{style:{fontSize:12,letterSpacing:"0.22em",textTransform:"uppercase",color:et,textAlign:"right"},children:[l("share.card.broadsheet.issue")," № ",a]})]}),e.jsxs("div",{style:{marginTop:24,display:"flex",justifyContent:"space-between",alignItems:"flex-end",gap:24},children:[e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:12,letterSpacing:"0.2em",textTransform:"uppercase",color:et,marginBottom:6},children:l("share.card.broadsheet.by")}),e.jsx("div",{style:{fontFamily:it,fontSize:52,fontStyle:"italic",lineHeight:1,color:Me,letterSpacing:"-0.01em"},children:t.handle})]}),e.jsxs("div",{style:{fontSize:12,letterSpacing:"0.18em",textTransform:"uppercase",color:et,textAlign:"right",lineHeight:1.6},children:[l("share.card.broadsheet.tracked_since"),e.jsx("br",{}),e.jsx("span",{style:{color:Me},children:n})]})]}),e.jsxs("div",{style:{marginTop:40,display:"flex",flexDirection:"column"},children:[e.jsx("div",{style:{fontSize:13,letterSpacing:"0.3em",textTransform:"uppercase",color:ot,marginBottom:10},children:l("share.card.broadsheet.total_tokens")}),e.jsx("div",{style:{fontFamily:it,fontSize:i,fontWeight:400,lineHeight:.86,letterSpacing:"-0.032em",color:Me,fontFeatureSettings:'"lnum" 1, "tnum" 1',whiteSpace:"nowrap",overflow:"hidden"},children:r}),e.jsxs("div",{style:{marginTop:14,fontFamily:it,fontStyle:"italic",fontSize:34,lineHeight:1.15,color:Me,letterSpacing:"-0.005em",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:["“",o,"”"]}),e.jsx("div",{style:{marginTop:14,height:1,background:ot,width:"100%"}}),e.jsxs("div",{style:{marginTop:10,display:"flex",justifyContent:"space-between",fontSize:13,letterSpacing:"0.16em",textTransform:"uppercase",color:et},children:[e.jsxs("span",{children:[l("share.card.broadsheet.estimated_spend")," · ",s]}),e.jsx("span",{children:l("share.card.broadsheet.billable_days",{days:t.activeDays})})]})]}),u?e.jsxs("section",{style:{marginTop:40},children:[e.jsxs("div",{style:{display:"flex",alignItems:"baseline",justifyContent:"space-between",marginBottom:12},children:[e.jsx("div",{style:{fontSize:12,letterSpacing:"0.3em",textTransform:"uppercase",color:Me,fontWeight:600},children:l("share.card.broadsheet.heatmap_title")}),e.jsx("div",{style:{fontSize:11,letterSpacing:"0.18em",textTransform:"uppercase",color:et},children:l("share.card.broadsheet.heatmap_days_on_record",{active:t.heatmapActiveDays,total:t.heatmapTotalDays})})]}),e.jsx(Bd,{weeks:t.heatmapWeeks,palette:Ud,width:1024,gap:3,radius:2})]}):null,e.jsxs("section",{style:{marginTop:30,flex:1},children:[e.jsxs("div",{style:{display:"flex",alignItems:"baseline",justifyContent:"space-between",borderBottom:`1px solid ${Me}`,paddingBottom:10,marginBottom:6},children:[e.jsx("div",{style:{fontSize:12,letterSpacing:"0.3em",textTransform:"uppercase",color:Me,fontWeight:600},children:l("share.card.broadsheet.roster_title")}),e.jsx("div",{style:{fontSize:11,letterSpacing:"0.18em",textTransform:"uppercase",color:et},children:l("share.card.broadsheet.roster_subtitle")})]}),t.topModels.length===0?e.jsx("div",{style:{fontFamily:it,fontStyle:"italic",fontSize:26,color:et,paddingTop:14},children:l("share.card.broadsheet.empty")}):t.topModels.map((c,g)=>e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"52px 1fr auto 68px",alignItems:"baseline",gap:16,padding:"13px 0",borderBottom:`1px solid ${Rs}`},children:[e.jsx("div",{style:{fontFamily:it,fontSize:34,fontStyle:"italic",color:ot,lineHeight:1},children:String(g+1).padStart(2,"0")}),e.jsx("div",{style:{fontFamily:it,fontSize:32,color:Me,lineHeight:1.1,letterSpacing:"-0.01em",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:c.name}),e.jsx("div",{style:{fontFamily:it,fontSize:28,color:Me,fontFeatureSettings:'"lnum" 1, "tnum" 1',whiteSpace:"nowrap"},children:xr(c.tokens)}),e.jsxs("div",{style:{fontSize:13,letterSpacing:"0.1em",color:et,textAlign:"right",fontFeatureSettings:'"tnum" 1'},children:[c.percent,"%"]})]},c.id||c.name))]}),e.jsxs("footer",{style:{marginTop:18,paddingTop:12,borderTop:`1px solid ${Me}`,display:"flex",justifyContent:"space-between",alignItems:"center",fontSize:12,letterSpacing:"0.22em",textTransform:"uppercase",color:Me},children:[e.jsxs("div",{style:{display:"flex",gap:28},children:[e.jsxs("span",{children:[l("share.card.broadsheet.global_rank")," ",e.jsxs("span",{style:{color:ot},children:["№ ",t.rank!=null?t.rank:"—"]})]}),e.jsxs("span",{children:[l("share.card.broadsheet.active_days")," ",e.jsx("span",{style:{color:ot},children:l("share.card.broadsheet.days_count",{days:t.activeDays})})]})]}),e.jsxs("div",{children:[l("share.card.broadsheet.track_yours")," ",e.jsx("span",{style:{color:ot},children:"→ tokentracker.cc"})]})]})]})}const Hd=bn["annual-report"].width,Vd="#0a0820",tt="#ffffffee",lt="rgba(255,255,255,0.45)",ir="#a78bfa",Wd={background:"rgba(20,15,50,0.38)",backdropFilter:"blur(40px)",WebkitBackdropFilter:"blur(40px)",border:"1px solid rgba(255,255,255,0.05)",boxShadow:["0 39px 56px -36px rgba(255,255,255,0.10) inset","0 7px 11px -4px rgba(255,255,255,0.06) inset","0 -82px 68px -64px rgba(101,67,149,0.08) inset","0 98px 100px -48px rgba(208,171,255,0.06) inset","0 4px 18px 0 rgba(156,146,215,0.06) inset","0 1px 40px 0 rgba(228,222,255,0.04) inset"].join(", ")},fa={background:"rgba(20,15,50,0.38)",backdropFilter:"blur(32px)",WebkitBackdropFilter:"blur(32px)",border:"1px solid rgba(255,255,255,0.06)",boxShadow:"0 1px 8px 0 rgba(228,222,255,0.06) inset"},fr='"Space Grotesk", "Inter Tight", sans-serif',lr='"Inter Tight", sans-serif',Kd="rgba(255,255,255,0.06)",vn=[Kd,"#4a3d8f","#6b5cbe","#9060e0","#d946ef"],jn=48,Nn=28,va=4,Sn=20,Gd=Hd-jn*2-Nn*2,qd=(Gd-Sn*2)/3,pr=Math.min(Math.floor((qd-va*6)/7),40),Yd=pr*7+va*6;function Zd(t){if(!Array.isArray(t))return t;const a=[];for(const u of t)if(Array.isArray(u))for(const c of u)c?.day&&!c.future&&c.value>0&&a.push(c.value);if(!a.length)return t;a.sort((u,c)=>u-c);const r=u=>{const c=a.length,g=(c-1)*u,m=Math.floor(g);return Math.round((a[m]??0)+((a[Math.min(c-1,m+1)]??0)-(a[m]??0))*(g-m))},s=r(.5),n=r(.75),i=r(.9),o=u=>!u||u<=0?0:u<=s?1:u<=n?2:u<=i?3:4;return t.map(u=>Array.isArray(u)?u.map(c=>c?.day&&!c.future&&typeof c.value=="number"?{...c,level:o(c.value)}:c):u)}function Jd(t){if(!Array.isArray(t))return[];const a={},r=Zd(t);for(const s of r)if(Array.isArray(s))for(const n of s){if(!n?.day||n.future)continue;const i=n.day.split("-");if(i.length<2)continue;const o=`${i[0]}-${i[1]}`;(a[o]??=[]).push(n)}return Object.entries(a).sort(([s],[n])=>s.localeCompare(n)).slice(-12).map(([s,n])=>({month:parseInt(s.split("-")[1],10),cells:n}))}function Qd(t){if(!t.length)return[];const a=[...t].sort((o,u)=>o.day.localeCompare(u.day));let r=new Date(`${a[0].day}T00:00:00Z`).getUTCDay();const s=Array(r).fill(null).concat(a),n=[];for(let o=0;o<s.length;o+=7)n.push(s.slice(o,o+7));const i=n[n.length-1];for(;i&&i.length<7;)i.push(null);return n.slice(0,6)}const Xd=["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];function eu(t){if(!Array.isArray(t))return 0;const a=[];for(const n of t)if(Array.isArray(n))for(const i of n)i?.day&&!i.future&&a.push(i);a.sort((n,i)=>n.day.localeCompare(i.day));let r=0,s=0;for(const n of a)(n.level||0)>0?(s++,s>r&&(r=s)):s=0;return r}function Is(t){const[a,r]=d.useState(null);return d.useEffect(()=>{if(!t){r(null);return}let s=!1;const n=new Image;return n.crossOrigin="anonymous",n.onload=()=>{if(!s)try{const i=document.createElement("canvas");i.width=n.naturalWidth,i.height=n.naturalHeight,i.getContext("2d").drawImage(n,0,0),r(i.toDataURL("image/png"))}catch{r(null)}},n.onerror=()=>{s||r(null)},n.src=t,()=>{s=!0}},[t]),a}function tu({data:t}){const a=Qd(t.cells);return e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:16,fontWeight:600,color:lt,fontFamily:fr,marginBottom:4},children:Xd[t.month]}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:va},children:a.map((r,s)=>e.jsx("div",{style:{display:"flex",gap:va},children:r.map((n,i)=>{const o=n?Math.min(4,Math.max(0,n.level||0)):-1;return e.jsx("div",{style:{width:pr,height:pr,borderRadius:4,background:o<0?"transparent":vn[o]}},i)})},s))})]})}function au({data:t}){const a=Jd(t.heatmapWeeks),r=eu(t.heatmapWeeks),s=t.topModels[0],n=t.avatarUrl||null,i=Is(n),o=Is("/neon_bg.png"),u=(t.handle||"?")[0].toUpperCase(),c=16;return e.jsxs("div",{style:{width:"100%",height:"100%",background:Vd,fontFamily:fr,position:"relative",overflow:"hidden",boxSizing:"border-box"},children:[e.jsx("img",{src:o||"/neon_bg.png",alt:"",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",pointerEvents:"none"}}),e.jsxs("div",{style:{position:"relative",zIndex:1,display:"flex",flexDirection:"column",height:"100%",padding:jn,boxSizing:"border-box"},children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:c*3},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:16},children:[e.jsx("img",{src:"/app-icon.png",alt:"",width:64,height:64,style:{width:64,height:64,borderRadius:16,display:"block"}}),e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:20,fontWeight:500,color:lt,lineHeight:1.2},children:"Token Tracker"}),e.jsx("div",{style:{fontSize:36,fontWeight:700,lineHeight:1.15,color:tt},children:l("share.card.annual.report_title")})]})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10},children:[e.jsx("div",{style:{width:48,height:48,borderRadius:"50%",background:"linear-gradient(135deg,#4c1d95,#7c3aed)",display:"flex",alignItems:"center",justifyContent:"center",border:"2px solid rgba(255,255,255,0.15)",overflow:"hidden",flexShrink:0},children:i?e.jsx("img",{src:i,alt:"",width:48,height:48,style:{width:48,height:48,objectFit:"cover",display:"block"},crossOrigin:"anonymous",referrerPolicy:"no-referrer"}):e.jsx("span",{style:{fontSize:20,fontWeight:700,color:tt},children:u})}),e.jsx("div",{style:{fontSize:32,fontWeight:700,color:tt},children:t.handle})]})]}),e.jsxs("div",{style:{...Wd,borderRadius:22,padding:Nn,marginBottom:c},children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:12},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,fontSize:14,color:lt},children:[e.jsx("span",{children:l("share.card.annual.less")}),vn.map((g,m)=>e.jsx("div",{style:{width:16,height:16,borderRadius:3,background:g}},m)),e.jsx("span",{children:l("share.card.annual.more")})]}),e.jsx("div",{style:{fontSize:16,fontWeight:700,letterSpacing:"0.14em",color:"rgba(255,255,255,0.22)",textTransform:"uppercase"},children:l("share.card.annual.heatmap_title")})]}),e.jsx("div",{style:{display:"grid",gridTemplateColumns:`repeat(3,${Yd}px)`,gap:`8px ${Sn}px`,justifyContent:"center"},children:a.map(g=>e.jsx(tu,{data:g},g.month))})]}),e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:c,marginBottom:c},children:[e.jsxs("div",{style:{...fa,borderRadius:22,padding:"28px 16px",textAlign:"center"},children:[e.jsx("div",{style:{fontFamily:lr,fontSize:52,fontWeight:700,color:tt,letterSpacing:"-0.02em",lineHeight:1},children:xr(t.totalTokens)}),e.jsx("div",{style:{fontSize:22,color:lt,marginTop:12},children:l("share.card.annual.total_tokens")})]}),e.jsxs("div",{style:{...fa,borderRadius:22,padding:"28px 16px",textAlign:"center"},children:[e.jsx("div",{style:{fontFamily:lr,fontSize:52,fontWeight:700,color:tt,letterSpacing:"-0.02em",lineHeight:1},children:wn(t.totalCost,{currency:t.currency,rate:t.exchangeRate})}),e.jsx("div",{style:{fontSize:22,color:lt,marginTop:12},children:l("share.card.annual.estimated_cost")})]})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:c},children:[e.jsxs("div",{style:{...fa,borderRadius:22,padding:"18px 24px",display:"flex",justifyContent:"space-between",alignItems:"center"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10},children:[e.jsxs("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:ir,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48 2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48 2.83-2.83"}),e.jsx("circle",{cx:"12",cy:"12",r:"4"})]}),e.jsx("span",{style:{fontSize:20,color:lt},children:l("share.card.annual.longest_streak")})]}),e.jsx("span",{style:{fontFamily:lr,fontSize:28,fontWeight:700,color:tt},children:l("share.card.annual.days_count",{days:r})})]}),e.jsxs("div",{style:{...fa,borderRadius:22,padding:"18px 24px",display:"flex",justifyContent:"space-between",alignItems:"center"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10},children:[e.jsxs("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:ir,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"}),e.jsx("circle",{cx:"12",cy:"12",r:"4"})]}),e.jsx("span",{style:{fontSize:20,color:lt},children:l("share.card.annual.top_model")})]}),e.jsx("span",{style:{fontFamily:fr,fontSize:28,fontWeight:700,color:tt},children:s?s.name:"—"})]})]}),e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginTop:"auto"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10},children:[e.jsx("img",{src:"/app-icon.png",alt:"",width:44,height:44,style:{width:44,height:44,borderRadius:8,display:"block"}}),e.jsx("span",{style:{fontSize:22,fontWeight:600,color:tt},children:"Token Tracker"})]}),e.jsx("span",{style:{fontSize:22,fontWeight:600,color:ir},children:"tokentracker.cc"})]})]})]})}const Cn=[{id:"annual-report",labelKey:"share.variant.neon"},{id:"broadsheet",labelKey:"share.variant.broadsheet"}],ru={broadsheet:_n,"annual-report":au};function Tn(t){return bn[t]||{width:pn,height:yn}}function su(t){const a=Cn.find(r=>r.id===t);return a?.labelKey?l(a.labelKey):t}const Fs=d.forwardRef(function({data:a,variant:r},s){const n=ru[r]||_n,{width:i,height:o}=Tn(r);return e.jsx("div",{ref:s,"data-share-card":"true",style:{width:i,height:o,position:"relative",overflow:"hidden",boxSizing:"border-box"},children:e.jsx(n,{data:a})})});function pa(){return typeof window>"u"?!1:!!window?.webkit?.messageHandlers?.nativeBridge}const nu=440;function ou(){const[t,a]=d.useState(null),r=d.useRef(null),s=d.useCallback((n,i="info")=>{r.current&&window.clearTimeout(r.current),a({id:Date.now(),kind:i,text:n}),r.current=window.setTimeout(()=>a(null),2800)},[]);return d.useEffect(()=>()=>{r.current&&window.clearTimeout(r.current)},[]),{toast:t,push:s}}function cr({onClick:t,disabled:a,children:r,emphasis:s,ariaLabel:n}){return e.jsx("button",{type:"button",onClick:t,disabled:a,"aria-label":n,className:["group relative flex items-center justify-between gap-3 w-full px-4 py-3 text-left","rounded-lg border transition-colors",s?"border-oai-black dark:border-oai-white bg-oai-black dark:bg-oai-white text-oai-white dark:text-oai-black hover:opacity-90":"border-oai-gray-200 dark:border-oai-gray-800 bg-white dark:bg-oai-gray-900 text-oai-black dark:text-oai-white hover:border-oai-gray-400 dark:hover:border-oai-gray-600",a?"opacity-60 cursor-not-allowed":"cursor-pointer"].join(" "),children:r})}function iu({open:t,onClose:a,data:r,twitterText:s}){const[n,i]=d.useState(null),[o,u]=d.useState(""),[c,g]=d.useState("annual-report"),m=d.useRef(null),{toast:x,push:h}=ou(),f=Hs(),b=d.useMemo(()=>{const S=f?.user;if(!S||typeof S!="object")return null;const _=S.user_metadata||{},j=S.profile||{},P=_.avatar_url||_.picture||j.avatar_url||S.avatar_url;return typeof P=="string"&&P.trim()?P.trim():null},[f?.user]);d.useEffect(()=>{t&&(i(null),u(r?.handle||""))},[t,r?.handle]);const k=r&&{...r,handle:o||r.handle,avatarUrl:b},{width:p,height:v}=Tn(c),w=nu/p;d.useEffect(()=>{if(!t)return;const S=_=>{_.key==="Escape"&&a?.()};return window.addEventListener("keydown",S),()=>window.removeEventListener("keydown",S)},[t,a]);const D=d.useCallback(async()=>{const S=m.current;if(!S)return null;try{return await Td(S)}catch(_){return console.warn("[share] capture failed",_),null}},[]),T=d.useCallback(async()=>{if(n)return;i("copy");const S=await D();if(!S){h(l("share.toast.failed"),"error"),i(null);return}let _=!1;if(pa()){const j=await or(S);j&&(_=(await jd(j)).ok)}else _=await Wr(S);h(_?l("share.toast.copied"):l("share.toast.failed"),_?"success":"error"),i(null)},[n,D,h]),R=d.useCallback(()=>`tokentracker-share-${Date.now()}.png`,[]),L=d.useCallback(async()=>{if(n)return;i("download");const S=await D();if(!S){h(l("share.toast.failed"),"error"),i(null);return}if(pa()){const j=await or(S);if(j&&(await Ms(j,R())).ok){h(l("share.toast.downloaded"),"success"),i(null);return}}const _=Es(S,R());h(_?l("share.toast.downloaded"):l("share.toast.failed"),_?"success":"error"),i(null)},[n,D,R,h]),z=d.useCallback(async()=>{if(n)return;i("x");const S=await D();if(!S){h(l("share.toast.failed"),"error"),i(null);return}if(pa()){const $=await or(S);$&&(await Ms($,R()),h(l("share.toast.downloaded"),"success"))}else await Wr(S)?h(l("share.toast.copied"),"success"):Es(S,R());const _=new URL("https://twitter.com/intent/tweet");s&&_.searchParams.set("text",s);const j=f?.user?.id,P=typeof j=="string"&&j?`/u/${j}`:"/";if(_.searchParams.set("url",`https://www.tokentracker.cc${P}?ref=share`),pa())try{window.webkit?.messageHandlers?.nativeBridge?.postMessage({type:"action",name:"openURL",value:_.toString()})}catch{window.open(_.toString(),"_blank","noopener,noreferrer")}else window.open(_.toString(),"_blank","noopener,noreferrer");i(null)},[n,D,h,s,R,f]);return t?e.jsxs("div",{role:"dialog","aria-modal":"true","aria-label":l("share.modal.title"),"data-screenshot-exclude":"true",className:"fixed inset-0 z-[9999] flex items-center justify-center p-4 sm:p-6",style:{background:"rgba(10,10,10,0.72)"},onClick:S=>{S.target===S.currentTarget&&a?.()},children:[e.jsx("div",{"aria-hidden":!0,style:{position:"fixed",left:0,top:0,width:p,height:v,pointerEvents:"none",opacity:0,zIndex:-1,clip:"rect(0,0,0,0)",overflow:"hidden"},children:e.jsx(Fs,{ref:m,data:k,variant:c})}),e.jsxs(Ne.div,{initial:{opacity:0,y:12},animate:{opacity:1,y:0},exit:{opacity:0,y:12},transition:{duration:.18,ease:[.2,.8,.2,1]},className:"relative w-full max-w-[1040px] max-h-[92vh] overflow-hidden rounded-2xl border border-oai-gray-200 dark:border-oai-gray-800 bg-white dark:bg-oai-black shadow-oai-lg",children:[e.jsxs("div",{className:"flex flex-col lg:flex-row max-h-[92vh]",children:[e.jsx("div",{className:"flex-1 min-w-0 p-4 sm:p-7 bg-oai-gray-50 dark:bg-oai-gray-950 flex items-center justify-center overflow-auto",children:e.jsxs("div",{style:{width:p*w,height:v*w,flexShrink:0,position:"relative"},className:"rounded-xl overflow-hidden shadow-oai-md ring-1 ring-black/5",children:[n?e.jsx("div",{className:"absolute inset-0 z-10 flex items-center justify-center bg-white/70 dark:bg-black/50",children:e.jsxs("svg",{className:"animate-spin h-6 w-6 text-oai-gray-500",viewBox:"0 0 24 24",fill:"none",children:[e.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"3"}),e.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"})]})}):null,e.jsx("div",{style:{width:p,height:v,transform:`scale(${w})`,transformOrigin:"top left"},children:e.jsx(Fs,{data:k,variant:c})})]})}),e.jsxs("div",{className:"w-full lg:w-[340px] flex-shrink-0 border-t lg:border-t-0 lg:border-l border-oai-gray-200 dark:border-oai-gray-800 p-5 sm:p-6 flex flex-col gap-5 overflow-y-auto",children:[e.jsxs("div",{className:"flex items-start justify-between gap-2",children:[e.jsxs("div",{children:[e.jsx("h2",{className:"text-lg font-semibold text-oai-black dark:text-oai-white",children:l("share.modal.title")}),e.jsx("p",{className:"mt-1 text-xs text-oai-gray-500 dark:text-oai-gray-400",children:l("share.modal.subtitle")})]}),e.jsx("button",{type:"button",onClick:a,"aria-label":l("share.modal.close"),className:"p-1.5 -mt-1 -mr-1 rounded-md text-oai-gray-500 hover:text-oai-black dark:hover:text-oai-white hover:bg-oai-gray-100 dark:hover:bg-oai-gray-800 transition-colors",children:e.jsx("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),e.jsxs("div",{children:[e.jsx("label",{htmlFor:"share-handle",className:"text-[11px] tracking-[0.18em] uppercase text-oai-gray-500 dark:text-oai-gray-400 mb-1.5 block",children:l("share.modal.name_label")}),e.jsx("input",{id:"share-handle",type:"text",value:o,onChange:S=>u(S.target.value),placeholder:l("share.modal.name_placeholder"),className:"w-full px-3 py-2 text-sm rounded-lg border border-oai-gray-200 dark:border-oai-gray-800 bg-white dark:bg-oai-gray-900 text-oai-black dark:text-oai-white placeholder:text-oai-gray-400 dark:placeholder:text-oai-gray-600 focus:outline-none focus:ring-1 focus:ring-inset focus:ring-oai-brand transition-colors"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"text-[11px] tracking-[0.18em] uppercase text-oai-gray-500 dark:text-oai-gray-400 mb-1.5 block",children:l("share.modal.style_label")}),e.jsx("div",{className:"flex gap-2",children:Cn.map(S=>e.jsx("button",{type:"button",onClick:()=>g(S.id),className:["flex-1 px-3 py-2 text-sm rounded-lg border transition-colors",c===S.id?"border-oai-black dark:border-oai-white bg-white dark:bg-oai-gray-900 text-oai-black dark:text-oai-white font-medium":"border-oai-gray-200 dark:border-oai-gray-800 bg-white dark:bg-oai-gray-900 text-oai-gray-500 dark:text-oai-gray-400 hover:border-oai-gray-400 dark:hover:border-oai-gray-600"].join(" "),children:su(S.id)},S.id))})]}),e.jsxs("div",{className:"grid grid-cols-1 gap-2",children:[e.jsxs(cr,{onClick:z,disabled:!!n,emphasis:!0,children:[e.jsxs("span",{className:"flex items-center gap-3",children:[e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":!0,children:e.jsx("path",{d:"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"})}),e.jsx("span",{className:"font-medium text-sm",children:l("share.modal.action.x")})]}),e.jsx("span",{className:"text-[11px] opacity-70",children:n==="x"?l("share.toast.working"):l("share.modal.hint.x")})]}),e.jsxs(cr,{onClick:L,disabled:!!n,children:[e.jsxs("span",{className:"flex items-center gap-3",children:[e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[e.jsx("path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"}),e.jsx("polyline",{points:"7 10 12 15 17 10"}),e.jsx("line",{x1:"12",y1:"15",x2:"12",y2:"3"})]}),e.jsx("span",{className:"font-medium text-sm",children:l("share.modal.action.download")})]}),e.jsx("span",{className:"text-[11px] text-oai-gray-500 dark:text-oai-gray-400",children:"PNG"})]}),e.jsxs(cr,{onClick:T,disabled:!!n,children:[e.jsxs("span",{className:"flex items-center gap-3",children:[e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[e.jsx("rect",{x:"9",y:"9",width:"13",height:"13",rx:"2",ry:"2"}),e.jsx("path",{d:"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"})]}),e.jsx("span",{className:"font-medium text-sm",children:l("share.modal.action.copy")})]}),e.jsx("span",{className:"text-[11px] text-oai-gray-500 dark:text-oai-gray-400",children:l("share.modal.hint.copy")})]})]}),e.jsx("div",{className:"mt-auto pt-4 border-t border-oai-gray-200 dark:border-oai-gray-800",children:e.jsx("p",{className:"text-[11px] leading-relaxed text-oai-gray-500 dark:text-oai-gray-400",children:l("share.modal.footer")})})]})]}),e.jsx(wr,{children:x?e.jsx(Ne.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},exit:{opacity:0,y:8},className:"pointer-events-none absolute left-1/2 bottom-4 -translate-x-1/2",children:e.jsx("div",{className:["px-4 py-2 rounded-full text-xs font-medium shadow-oai-md",x.kind==="error"?"bg-red-600 text-white":x.kind==="success"?"bg-oai-black dark:bg-oai-white text-oai-white dark:text-oai-black":"bg-oai-gray-800 text-white"].join(" "),children:x.text})},x.id):null})]})]}):null}function lu(t){const{enabled:a,handle:r,startDate:s,activeDays:n,summary:i,topModels:o,period:u,periodFrom:c,periodTo:g,heatmap:m,accessToken:x,userId:h,currency:f,exchangeRate:b}=t,[k,p]=d.useState(null),v=b;return d.useEffect(()=>{if(!a||!h&&!ut())return;let w=!1;return(async()=>{try{const T=await ri({accessToken:x,userId:h,period:u==="day"||u==="custom"?"week":u,metric:"all",limit:100,offset:0});if(w)return;const L=(Array.isArray(T?.entries)?T.entries:Array.isArray(T)?T:[]).find(S=>S?.is_me===!0),z=typeof L?.rank=="number"?L.rank:null;p(z)}catch{w||p(null)}})(),()=>{w=!0}},[a,x,h,u]),d.useMemo(()=>Ld({handle:r,startDate:s,activeDays:n,summary:i,topModels:o,rank:k,period:u,periodFrom:c,periodTo:g,heatmap:m,currency:f,exchangeRate:typeof v=="number"?v:void 0}),[r,s,n,i,o,k,u,c,g,m,f,v])}const cu=["day","week","month","total","custom"],dr=new Set(["day","hour","month"]),Ht=new Set(["day","total","custom"]),du=["macAppBanner","statsPanel","widgetOnboarding","installCopy","activityHeatmap","deviceUsage","trendMonitor","qualityPerDollar","sessionInsights"],uu=["usageOverview","dataDetails"];function ur(t,a){if(typeof a=="number"&&a>0)return!0;if(typeof t=="bigint")return t>0n;if(typeof t=="number")return Number.isFinite(t)&&t>0;if(typeof t=="string"){const r=t.trim();if(!r)return!1;if(/^[0-9]+$/.test(r))try{return BigInt(r)>0n}catch{return!1}const s=Number(r);return Number.isFinite(s)&&s>0}return!1}function ya(t){return t?St(t,null):null}function $s(t){return t?t?.billable_total_tokens??t?.value??t?.total_tokens:null}function mu(t){return t?t==="www.tokentracker.cc"||t==="tokentracker.cc":!1}function hu(){if(typeof window>"u")return!1;const t=new URLSearchParams(window.location.search),a=String(t.get("force_install")||"").toLowerCase();return a!=="1"&&a!=="true"?!1:!mu(window.location.hostname)}function Wu({baseUrl:t,auth:a,signedIn:r,sessionSoftExpired:s,signOut:n,publicMode:i=!1,publicToken:o=null,signInUrl:u="/sign-in",signUpUrl:c="/sign-up",onMainContentVisible:g}){const{resolvedLocale:m}=si(),{currency:x,rate:h}=Sa(),{mode:f,setMode:b,formatTokens:k,formatTokensTooltip:p}=Ee(),[v,w]=d.useState(!1),[D,T]=d.useState(null),[R,L]=d.useState(null),[z,S]=d.useState(!1),[_,j]=d.useState(null),[P,$]=d.useState(0),[U,I]=d.useState(0),[E,q]=d.useState(null),N=d.useMemo(()=>typeof window>"u"?!1:ni(window.location.search),[]),C=d.useMemo(()=>hu(),[]),[G,O]=d.useState(!1),ue=2200,[J,me]=d.useState(!0),[le,ge]=d.useState(!1),[we,xe]=d.useState(!1),[ae,Q]=d.useState(!1),[B,te]=d.useState(!1),pe=d.useRef(!1),H=ut(),he=r&&!s,ce=d.useMemo(()=>he&&(typeof a=="function"||typeof a=="string"||a&&typeof a=="object")?a:null,[a,he]),K=he?ce:null,Y=i?oi(o):K,A=r||H||i,V=he&&Gt(K),X=r&&s&&!i,{accountView:ee,revision:se,resolving:Ge}=ii(),de=ee&&!i,Pe=de?K:null,Oe=Ge&&!i;d.useEffect(()=>{if(!r||H){T(null),L(null),S(!1),j(null);return}if(i)return;if(!V){T(null),L(null),S(!1),j(null);return}let y=!0;const F=()=>{T(null),L(null),S(!1),j(null)};return S(!0),j(null),(async()=>{let M=null;try{M=await $e(K)}catch{M=null}if(y){if(!M){F();return}try{const W={link_code:null,expires_at:null};if(!y)return;T(typeof W?.link_code=="string"?W.link_code:null),L(typeof W?.expires_at=="string"?W.expires_at:null)}catch(W){if(!y)return;T(null),L(null),j(W?.message||"Failed to load link code")}finally{if(!y)return;S(!1)}}})(),()=>{y=!1}},[t,H,r,i,V,K,U]);const Se=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1");d.useEffect(()=>{if(!Se&&(!r||H||i)){q(null);return}if(!Se&&!V){q(null);return}let y=!0;return(async()=>{let F=null;try{F=await $e(K)}catch{F=null}if(y){if(!F&&!Se){q(null);return}try{const M=await li({baseUrl:t,accessToken:F});if(!y)return;q(M&&typeof M=="object"?M:null)}catch{if(!y)return;q(null)}}})(),()=>{y=!1}},[V,t,K,H,i,r]);const At=d.useMemo(()=>{if(!R)return!1;const y=Date.parse(R);if(!Number.isFinite(y))return!1;const F=P||Date.now();return y<=F},[R,P]);d.useEffect(()=>{!r||H||i||!R||!At||z||(T(null),L(null),j(null),I(y=>y+1))},[At,R,z,H,r]),d.useEffect(()=>{if(!R||i)return;const y=Date.parse(R);if(!Number.isFinite(y))return;const F=Date.now();if($(F),y<=F)return;const M=window.setTimeout(()=>$(Date.now()),y-F),W=()=>{typeof document>"u"||document.visibilityState==="visible"&&$(Date.now())};return typeof document<"u"&&document.addEventListener("visibilitychange",W),window.addEventListener("focus",W),()=>{window.clearTimeout(M),typeof document<"u"&&document.removeEventListener("visibilitychange",W),window.removeEventListener("focus",W)}},[R]);const ye=d.useMemo(()=>Us(),[]),be=d.useMemo(()=>Os(),[]),Re=d.useMemo(()=>ci(),[]),Ue=i?null:a?.userId||a?.email||"default",[Dt,mt]=d.useState("month"),[He,Ca]=d.useState(null),[Qe,Ta]=d.useState(null),[Aa,ht]=d.useState(!1),Z=N?"total":Dt,Yt=d.useMemo(()=>Z==="custom"&&He&&Qe?{from:He,to:Qe}:di(Z,{timeZone:ye,offsetMinutes:be,now:Re}),[Re,Z,ye,be,He,Qe]),_e=Yt.from,ve=Yt.to,[Ie,gt]=d.useState(null),[Lt,Zt]=d.useState(()=>Kr());d.useEffect(()=>{const y=()=>Zt(Kr());return window.addEventListener(Gr,y),window.addEventListener("storage",y),()=>{window.removeEventListener(Gr,y),window.removeEventListener("storage",y)}},[]);const{devices:Jt,accountSources:Mt,refresh:Da}=wd({from:_e,to:ve,timeZone:ye,tzOffsetMinutes:be,accountView:de,accountAccessToken:Pe,accountRevision:se}),Ve=d.useMemo(()=>Jt.filter(y=>(Number(y.total_tokens)||0)>0).map(y=>({...y,isCurrent:y.id===Lt})),[Jt,Lt]),Qt=d.useMemo(()=>Mt.filter(y=>(Number(y.total_tokens)||0)>0),[Mt]),at=de&&Ve.length>=2,Et=de&&Ve.length+Qt.length>=2;d.useEffect(()=>{if(!at&&!Et){Ie!==null&&gt(null);return}Ie&&!Ve.some(y=>y.id===Ie)&&gt(null)},[at,Et,Ve,Ie]);const La=d.useMemo(()=>at?[{value:"",label:l("dashboard.device_filter.all")},...Ve.map(y=>{const F=hr(y)||l("dashboard.device_card.unnamed"),M=y.isCurrent?` (${l("dashboard.device_card.current")})`:"";return{value:y.id,label:`${F}${M}`}})]:[],[at,Ve,m]),Xt=Et?e.jsx(vd,{devices:Ve,accountSources:Qt,currentDeviceId:Lt,selectedDeviceId:Ie||"",onSelectDevice:y=>gt(y||null),onRenameDevice:async(y,F)=>{const M=await $e(Pe);await fi({deviceId:y,name:F,accessToken:M}),await Da()}}):null,ea=d.useMemo(()=>ui({timeZone:ye,offsetMinutes:be}),[ye,be]),Rt=d.useMemo(()=>mi({timeZone:ye,offsetMinutes:be}),[ye,be]),Ma=d.useMemo(()=>`Local time (${Rt})`,[Rt]),It=ye,Ft=be,Ea=ea,rt=d.useMemo(()=>br({timeZone:ye,offsetMinutes:be,date:Re||new Date}),[Re,ye,be]),ta=d.useMemo(()=>Jl({period:Z,selectedFrom:_e,selectedTo:ve,todayKey:rt}),[_e,Z,ve,rt]),{daily:We,summary:fe,rolling:Ra,source:$t,loading:aa,error:Ia,refresh:oe}=ss({baseUrl:t,accessToken:Y,guestAllowed:X,from:_e,to:ve,includeDaily:Z!=="total",cacheKey:Ue,timeZone:ye,tzOffsetMinutes:be,now:Re,accountView:de,accountAccessToken:Pe,accountRevision:se,accountViewResolving:Oe,deviceId:Ie}),{daily:ie,loading:je,refresh:Xe}=ss({baseUrl:t,accessToken:Y,guestAllowed:X,from:ta.from,to:ta.to,includeDaily:!0,includeSummary:!1,cacheKey:Ue?`${Ue}.daily-breakdown`:"daily-breakdown",timeZone:ye,tzOffsetMinutes:be,now:Re,accountView:de,accountAccessToken:Pe,accountRevision:se,accountViewResolving:Oe}),{breakdown:Ce,loading:xt,refresh:vr}=Ll({baseUrl:t,accessToken:Y,guestAllowed:X,from:_e,to:ve,cacheKey:Ue,timeZone:ye,tzOffsetMinutes:be,accountView:de,accountAccessToken:Pe,accountRevision:se,accountViewResolving:Oe,deviceId:Ie}),[An,Dn]=d.useState(3),{entries:Ln,loading:Mn,refresh:jr}=Tl({baseUrl:t,accessToken:Y,from:_e,to:ve,timeZone:ye,tzOffsetMinutes:be}),Nr=Z==="week"||Z==="month",ra=Z==="week"||Z==="month",Sr=d.useMemo(()=>We.filter(y=>y?.future?!1:!y?.day||!rt?!0:String(y.day)<=String(rt)),[We,rt]),{rows:qe,from:En,to:Rn,loading:In,refresh:Cr}=Ai({baseUrl:t,accessToken:Y,guestAllowed:X,period:Z,from:_e,to:ve,months:24,cacheKey:Ue,timeZone:It,tzOffsetMinutes:Ft,now:Re,sharedRows:Nr?We:null,sharedRange:Nr?{from:_e,to:ve}:null,accountView:de,accountAccessToken:Pe,accountRevision:se,accountViewResolving:Oe,deviceId:Ie}),Fn=d.useMemo(()=>({baseUrl:t,accessToken:Y,guestAllowed:X,cacheKey:Ue,timeZone:It,tzOffsetMinutes:Ft,now:Re,accountView:de,accountAccessToken:Pe,accountRevision:se,accountViewResolving:Oe}),[t,Y,X,Ue,It,Ft,Re,de,Pe,se,Oe]),{daily:ft,heatmap:Ke,loading:Tr,refresh:Ar}=vl({baseUrl:t,accessToken:Y,guestAllowed:X,weeks:52,cacheKey:Ue,timeZone:ye,tzOffsetMinutes:be,now:Re,accountView:de,accountAccessToken:Pe,accountRevision:se,accountViewResolving:Oe,deviceId:Ie}),{data:sa,refresh:Dr}=Di();d.useEffect(()=>{sa&&typeof sa=="object"&&hi(sa)},[sa]);const Be=d.useMemo(()=>Z==="day"?"hour":Z==="total"?"month":"day",[Z]),$n=d.useMemo(()=>os(Be),[Be]),na="day",Pn=d.useMemo(()=>os(na),[]),[ze,Lr]=d.useState(()=>({key:"day",dir:"desc"}));d.useEffect(()=>{Lr(y=>!dr.has(y.key)||y.key===Be?y:{key:Be,dir:y.dir})},[Be]);const pt=d.useMemo(()=>dr.has(ze.key)&&ze.key!==Be?{...ze,key:Be}:ze,[Be,ze]),oa=d.useMemo(()=>{if(Z==="day")return Array.isArray(qe)?qe.filter(M=>M?.hour&&!M?.future):[];if(Z==="total"){const M=Array.isArray(qe)?qe.filter(W=>W?.month&&!W?.future):[];return Vl(M)}const y=Sr;return!y.some(M=>!M?.missing&&!M?.future)&&We.length>0?We.filter(M=>!M?.future).slice(-30).filter(M=>M?.day):y},[Z,qe,Sr,We]),Pt=d.useMemo(()=>is(oa,pt),[oa,pt]),Mr=d.useMemo(()=>oa.some(y=>!y?.missing&&!y?.future),[oa]),Fa=d.useMemo(()=>{if(!Ht.has(Z))return 1;const y=Math.ceil(Pt.length/_a);return y>0?y:1},[Z,Pt.length]),[$a,ia]=d.useState(0);d.useEffect(()=>{if(!Ht.has(Z)){ia(0);return}ia(y=>Math.min(y,Fa-1))},[Fa,Z]),d.useEffect(()=>{Ht.has(Z)&&ia(0)},[Z,ze.dir,ze.key]);const Bn=d.useMemo(()=>Ht.has(Z)?Wl(Pt,$a,_a):Pt,[$a,Z,Pt]),Er=d.useMemo(()=>Ql(ie,{period:Z}),[ie,Z]),yt=d.useMemo(()=>dr.has(ze.key)?{...ze,key:na}:ze,[ze]),zn=d.useMemo(()=>is(Er,yt),[Er,yt]),On=d.useMemo(()=>ra?We:Z==="day"?Array.isArray(qe)?qe.filter(y=>y?.hour):[]:qe,[We,Z,qe,ra]),Un=ra?_e:En,Hn=ra?ve:Rn;function Vn(y,F){if(y?.future)return"—";if(y?.missing)return l("shared.status.unsynced");if(F.endsWith("_tokens")){const M=F==="total_tokens"?ya(y):y?.[F];return e.jsx("span",{title:p(M),children:k(M)})}return wa(y?.[F])}function Wn(y){const F=y?.[Be];if(F==null)return"";const M=String(F);if(Be==="hour"){const[W,De]=M.split("T");if(W&&De)return`${W} ${De.slice(0,5)}`}return M}function Kn(y){const F=y?.[na];return F==null?"":String(F)}function Gn(y){Lr(F=>F.key===y?{key:y,dir:F.dir==="asc"?"desc":"asc"}:{key:y,dir:"desc"})}function qn(y){return pt.key!==y?"none":pt.dir==="asc"?"ascending":"descending"}function Yn(y){return pt.key!==y?"":pt.dir==="asc"?"▲":"▼"}function Zn(y){return yt.key!==y?"none":yt.dir==="asc"?"ascending":"descending"}function Jn(y){return yt.key!==y?"":yt.dir==="asc"?"▲":"▼"}const Pa=d.useMemo(()=>{if(!r&&!H&&!i&&!Se)return 0;const y=Number(Ke?.active_days);if(Number.isFinite(y))return y;let F=0;const M=new Set,W=(ke,Fe,Le)=>{typeof ke!="string"||!ke||M.has(ke)||ur(Fe,Le)&&(M.add(ke),F+=1)};if(Array.isArray(ft))for(const ke of ft)W(ke?.day,ya(ke));const De=Array.isArray(Ke?.weeks)?Ke.weeks:[];for(const ke of De)for(const Fe of Array.isArray(ke)?ke:[]){const Le=$s(Fe);W(Fe?.day,Le,Fe?.level)}return F},[r,H,Ke?.active_days,Ke?.weeks,ft]),[Rr,Ir]=d.useState("month"),Qn=d.useCallback(y=>{y==="custom"?(Ir(F=>F==="custom"?"month":F),mt(F=>He&&Qe?"custom":F),ht(!0)):(mt(y),Ir(y),ht(!1))},[He,Qe]),Xn=d.useCallback((y,F)=>{Ca(y),Ta(F),mt("custom"),ht(!1)},[]),eo=d.useCallback(y=>{ht(y),!y&&Dt==="custom"&&!He&&mt(Rr)},[Dt,He,Rr]),bt=d.useCallback(async()=>{de&&gi(),de||xi(),await Promise.all([oe(),Ar(),Cr(),vr(),jr(),Xe()])},[de,Xe,Ar,vr,jr,Cr,oe]),Fr=d.useCallback(async()=>{await Promise.all([bt(),Dr()])},[bt,Dr]),Ba=d.useRef(null);d.useEffect(()=>{if(!Se||H||de)return;Ba.current||(Ba.current=qr({auto:!0,background:!0,allLocalSources:!0}));let y=!0;return Ba.current.then(()=>{if(y)return bt()}).catch(F=>{y&&console.warn("[DashboardPage] Reload sync failed:",F)}),()=>{y=!1}},[Se,H,de,bt]),d.useEffect(()=>{if(!Se||H||de)return;const y=Yl({refresh:bt,onError:F=>console.warn("[DashboardPage] Automatic usage refresh failed:",F)});return()=>y.stop()},[Se,H,de,bt]);const to=d.useCallback(async()=>{Q(!0);try{Se&&await qr(),await Fr()}catch(y){console.error("[DashboardPage] Refresh failed:",y)}finally{Q(!1)}},[Se,Fr]),la=ae||aa||je||Tr||In||xt||Mn,za=!B&&(Oe||de&&la&&!Mr),ao=d.useMemo(()=>l("shared.data_source",{source:String($t||"edge").toUpperCase()}),[$t,m]),ca=d.useMemo(()=>typeof a?.name!="string"?"":a.name.trim(),[a?.name]),ro="",$r=d.useMemo(()=>!ca||ca.includes("@")?l("dashboard.identity.fallback"):ca,[ca]),Pr=d.useMemo(()=>$r.replace(/[^a-zA-Z0-9._-]/g,"_"),[$r]),Br=d.useMemo(()=>i?l("dashboard.identity.fallback"):Pr,[Pr,ro,i]),zr=d.useMemo(()=>{let y=null;const F=W=>{typeof W!="string"||!W||(!y||W<y)&&(y=W)};if(Array.isArray(ft))for(const W of ft)W?.day&&ur(ya(W))&&F(W.day);const M=Array.isArray(Ke?.weeks)?Ke.weeks:[];for(const W of M)for(const De of Array.isArray(W)?W:[]){if(!De?.day)continue;const ke=$s(De),Fe=De?.level;ur(ke,Fe)&&F(De.day)}return y},[Ke?.weeks,ft]),so=d.useMemo(()=>i?[]:(Array.isArray(E?.subscriptions?.items)?E.subscriptions.items:[]).map(M=>{const W=typeof M?.tool=="string"?M.tool.trim():"",ke=(typeof M?.plan_type=="string"?M.plan_type:typeof M?.planType=="string"?M.planType:"").trim();return!W||!ke?null:{tool:W,planType:ke,provider:typeof M?.provider=="string"?M.provider.trim():"",product:typeof M?.product=="string"?M.product.trim():"",rateLimitTier:typeof M?.rate_limit_tier=="string"?M.rate_limit_tier.trim():typeof M?.rateLimitTier=="string"?M.rateLimitTier.trim():""}}).filter(Boolean).slice(0,6),[i,E]),no=e.jsx(Li,{heatmap:Ke,timeZoneLabel:ea,timeZoneShortLabel:Rt,hideLegend:N,defaultToLatestMonth:N}),oo=d.useMemo(()=>`${_e}..${ve}`,[_e,Z,ve]),io=l("usage.summary.total"),Ae=fe!=null,kt=Ae?ya(fe):0,lo=k(kt),co=d.useCallback(()=>{b(f===ba.COMPACT?ba.FULL:ba.COMPACT)},[b,f]),uo=l("dashboard.core_index.collapse_label"),mo=l("dashboard.core_index.expand_label"),ho=l("dashboard.core_index.collapse_aria"),go=l("dashboard.core_index.expand_aria"),xo=!N,wt=l("shared.placeholder.short"),Oa=d.useMemo(()=>{const y=Array.isArray(Ce?.sources)?Ce.sources:[];let F=null,M=0;for(const Fe of y){const Le=St(Fe?.totals);!Number.isFinite(Le)||Le<=0||Le>M&&(M=Le,F=Fe)}let W=wt,De=wt,ke="0.0";if(F&&M>0){W=F?.source?String(F.source).toUpperCase():wt;const Fe=Array.isArray(F?.models)?F.models:[];let Le=0;for(const Ga of Fe){const ua=St(Ga?.totals);!Number.isFinite(ua)||ua<=0||ua>Le&&(Le=ua,De=Ga?.model?String(Ga.model):wt)}Le>0&&(ke=(Le/M*100).toFixed(1))}return{agentName:W,modelName:De,modelPercent:ke}},[Ce,wt]),Ua=wa(kt),fo=l("dashboard.screenshot.twitter_text",{total_tokens:Ua==="-"?wt:Ua,agent_name:Oa.agentName,model_name:Oa.modelName,model_percent:Oa.modelPercent}),po=d.useMemo(()=>N?[]:cu,[N]),yo=d.useMemo(()=>[{label:l("usage.metric.total"),value:Ae?k(kt):"—",title:Ae?p(kt):void 0,valueClassName:"text-white"},{label:l("usage.metric.input"),value:Ae?k(fe?.input_tokens):"—",title:Ae?p(fe?.input_tokens):void 0},{label:l("usage.metric.output"),value:Ae?k(fe?.output_tokens):"—",title:Ae?p(fe?.output_tokens):void 0},{label:l("usage.metric.cached_input"),value:Ae?k(fe?.cached_input_tokens):"—",title:Ae?p(fe?.cached_input_tokens):void 0},{label:l("usage.metric.reasoning_output"),value:Ae?k(fe?.reasoning_output_tokens):"—",title:Ae?p(fe?.reasoning_output_tokens):void 0}],[fe?.cached_input_tokens,fe?.input_tokens,fe?.output_tokens,fe?.reasoning_output_tokens,kt,Ae,k,p]),Ha=d.useMemo(()=>Na(fe?.total_cost_usd,{currency:x,rate:h}),[fe?.total_cost_usd,x,h]),bo=d.useMemo(()=>fe?.conversation_count??null,[fe?.conversation_count]),Or=d.useMemo(()=>ec(Ce,{copyFn:l}),[Ce]),Ur=d.useMemo(()=>ac(Ce,{limit:3,copyFn:l}),[Ce]),ko=lu({enabled:G,handle:Br,startDate:zr,activeDays:Pa,summary:fe,topModels:Ur,period:Z,periodFrom:_e,periodTo:ve,heatmap:Ke,accessToken:typeof Y=="string"?Y:null,userId:a?.userId||null,currency:x,exchangeRate:h}),wo=d.useCallback(()=>O(!0),[]),_o=d.useCallback(()=>O(!1),[]),vo=d.useCallback(()=>w(!0),[]),jo=d.useCallback(()=>w(!1),[]),No=Ha&&Ha!=="-"&&Or.length>0,Bt=l("dashboard.install.cmd.init"),Va=At?null:D,Wa=Va?l("dashboard.install.cmd.init_link_code",{link_code:Va}):Bt,So=Bt,Co=l("dashboard.install.cmd.sync"),To=Va?l("dashboard.install.copy"):l("dashboard.install.copy_base"),Ao=l("dashboard.install.copied");l("dashboard.session_expired.copy_label"),l("dashboard.session_expired.copied");const Do=!!(E?.install?.has_active_device_token??E?.install?.hasActiveDeviceToken),Lo=Kl({publicMode:i,screenshotMode:N,forceInstall:C,accessEnabled:A,heatmapLoading:Tr,activeDays:Pa,hasActiveDeviceToken:Do}),Mo=l("dashboard.install.prompt"),Eo=d.useCallback(async()=>{!Wa||!await Yr(Wa)||(ge(!0),window.setTimeout(()=>ge(!1),2e3))},[Wa]);d.useCallback(async()=>{!Bt||!await Yr(Bt)||(xe(!0),window.setTimeout(()=>xe(!1),2e3))},[Bt]);const Ka=d.useMemo(()=>l("dashboard.daily.empty",{cmd:"{{cmd}}"}),[m]),[Ro,Io]=d.useMemo(()=>{const y=Ka.split("{{cmd}}");return y.length===1?[Ka,""]:[y[0],y.slice(1).join("{{cmd}}")]},[Ka]),zt=s&&!i,Ot=!r&&!H&&!s&&!Se&&!i;d.useEffect(()=>{zt||Ot||za||te(!0)},[za,Ot,zt]);const da=Sl(du,uu);return d.useEffect(()=>{pe.current||zt||Ot||la||(pe.current=!0,g?.())},[g,Ot,zt,la]),e.jsxs(e.Fragment,{children:[e.jsx(kd,{copy:l,onOpenShare:wo,screenshotMode:N,showExpiredGate:zt,showAuthGate:Ot,identityDisplayName:Br,identityStartDate:zr,activeDays:Pa,identitySubscriptions:so,identityScrambleDurationMs:ue,projectUsageEntries:Ln,projectUsageLimit:An,setProjectUsageLimit:Dn,projectDetailQuery:{from:_e,to:ve,timeZone:ye,tzOffsetMinutes:be},topModels:Ur,signedIn:r,publicMode:i,isLocalMode:Se,shouldShowInstall:Lo,installPrompt:Mo,handleCopyInstall:Eo,installCopied:le,installCopiedLabel:Ao,installCopyLabel:To,installInitCmdDisplay:So,linkCodeLoading:z,linkCodeError:_,trendRowsForDisplay:On,trendFromForDisplay:Un,trendToForDisplay:Hn,trendZoomConfig:Fn,usageFrom:_e,usageTo:ve,period:Z,trendTimeZoneLabel:Ea,activityHeatmapBlock:no,periodsForDisplay:po,setSelectedPeriod:Qn,customFrom:He,customTo:Qe,onCustomRangeApply:Xn,customRangeOpen:Aa,onCustomRangeOpenChange:eo,metricsRows:yo,summaryLabel:io,summaryValue:lo,hasSummary:Ae,summaryLoading:aa,providersLoading:xt,summaryFullValue:Ua,onToggleSummaryFormat:co,summaryTotalTokensRaw:re(kt)||0,summaryCostValue:Ha,summaryConversationsValue:bo,rollingUsage:Ra,costInfoEnabled:No,openCostModal:vo,allowBreakdownToggle:xo,coreIndexCollapsed:J,setCoreIndexCollapsed:me,coreIndexCollapseLabel:uo,coreIndexExpandLabel:mo,coreIndexCollapseAria:ho,coreIndexExpandAria:go,refreshAll:to,usageLoadingState:la,announceUsageLoading:ae,initialDashboardLoading:za,usageError:Ia,rangeLabel:oo,timeZoneRangeLabel:Ma,usageSourceLabel:ao,fleetData:Or,hasDetailsActual:Mr,dailyEmptyPrefix:Ro,installSyncCmd:Co,dailyEmptySuffix:Io,detailsColumns:$n,ariaSortFor:qn,toggleSort:Gn,sortIconFor:Yn,pagedDetails:Bn,dailyBreakdownRows:zn,dailyBreakdownColumns:Pn,dailyBreakdownAriaSortFor:Zn,dailyBreakdownSortIconFor:Jn,dailyBreakdownDateKey:na,detailsDateKey:Be,renderDetailDate:Wn,renderDailyBreakdownDate:Kn,renderDetailCell:Vn,DETAILS_PAGED_PERIODS:Ht,detailsPageCount:Fa,detailsPage:$a,setDetailsPage:ia,costModalOpen:v,closeCostModal:jo,deviceOptions:La,selectedDevice:Ie||"",onDeviceChange:y=>gt(y||null),deviceUsageBlock:Xt,leftCardOrder:da.left.order,onLeftReorder:da.left.reorder,rightCardOrder:da.right.order,onRightReorder:da.right.reorder}),e.jsx(iu,{open:G,onClose:_o,data:ko,twitterText:fo})]})}export{Wu as DashboardPage};
+import{k as ja,r as d,j as e,L as Fo,b_ as $o,H as ut,al as Gt,b$ as $e,c0 as Po,c1 as Bo,a4 as Hr,c2 as ma,c3 as Ps,c4 as Bs,c5 as yr,c6 as zo,c7 as Oo,c8 as Uo,c9 as br,ca as Vt,cb as Ho,cc as Vo,cd as re,c as l,R as vt,X as kr,ar as Wt,a5 as Na,i as Je,v as zs,ce as Wo,aO as wa,d as Nt,cf as Ko,G as Os,E as Us,U as Go,B as qo,a7 as Yo,u as Zo,a as Hs,bb as Jo,cg as Qo,ch as Xo,ci as ei,l as ba,cj as ti,M as Vr,_ as ai,ck as Wr,g as ri,Y as si,bZ as ni,cl as oi,cm as ii,cn as li,co as ci,cp as di,cq as Kr,cr as Gr,cs as ui,ct as mi,ac as hi,cu as gi,cv as xi,cw as qr,a6 as Yr,cx as fi}from"./__vite-browser-external-D6Ldq3Qx.js";import{a as Zr,u as pi,C as yi,b as bi,c as Jr,D as ki,S as wi,v as _i,s as vi,K as ji,P as Ni}from"./use-ordered-list-DkxsFCa4.js";import{u as qt,t as Qr,T as Vs,g as Si,f as Xr,D as Ci,a as Ti,b as Ai}from"./TrendMonitor-CTnaAoRP.js";import{u as Di}from"./use-usage-limits-CIWhPB2s.js";import{u as Sa}from"./useCurrency-CaldvKOC.js";import{u as Ee}from"./useTokenFormat-DrEbQlO7.js";import{f as jt,A as Li}from"./provider-display-Cos1eTis.js";import{g as Mi,q as Ws,J as Ei,M as Ri,m as Ne}from"./react-TQqv_aZv.js";import{D as Ii,a as Fi,b as $i,c as Pi,d as Bi,e as zi}from"./DialogTitle-Ct8fFe0d.js";import{D as Oi}from"./DialogClose-3wNhXinx.js";import{C as Te}from"./Card-NUfQ9HNP.js";import{S as Ks}from"./Select-C6z5XFfG.js";import{P as Ct}from"./ProviderIcon-llJHJlM6.js";import{u as Gs}from"./use-reduced-motion-BxOv0kpO.js";import{a as qs,u as Ys}from"./use-transform-Cg_abBxV.js";import{I as Zs}from"./info-Cf9dDVGg.js";import{C as Ui,P as Hi,a as Vi,b as Wi,c as Ki,d as Gi}from"./PopoverPopup-CXO-dECR.js";import{A as wr}from"./index-zFHCmjHF.js";import{L as qi}from"./loader-circle-BaqfyUYe.js";import{F as st}from"./FadeIn-BlTWjEk_.js";import{C as Yi}from"./ClawdAnimated-BRbE8Q8R.js";import{u as Zi,a as Ji,P as Qi}from"./use-session-efficiency-pref-CH3-yj76.js";import{L as es}from"./LoginCard-BRUrEPfx.js";import{L as Xi,A as el}from"./agent-logos-CLPc2PPF.js";import{C as tl}from"./check-OAwjmqjx.js";import"./terminal-BzeeGl5u.js";import"./limits-providers-DwTD2qRh.js";import"./useScrollLock-zwTkEijR.js";import"./SelectItemText-CFFYsm0E.js";const al=[["path",{d:"M15 6a9 9 0 0 0-9 9V3",key:"1cii5b"}],["circle",{cx:"18",cy:"6",r:"3",key:"1h7g24"}],["circle",{cx:"6",cy:"18",r:"3",key:"fqmcym"}]],rl=ja("git-branch",al);const sl=[["path",{d:"M18 5a2 2 0 0 1 2 2v8.526a2 2 0 0 0 .212.897l1.068 2.127a1 1 0 0 1-.9 1.45H3.62a1 1 0 0 1-.9-1.45l1.068-2.127A2 2 0 0 0 4 15.526V7a2 2 0 0 1 2-2z",key:"1pdavp"}],["path",{d:"M20.054 15.987H3.946",key:"14rxg9"}]],nl=ja("laptop",sl);const ol=[["path",{d:"M18 8V6a2 2 0 0 0-2-2H4a2 2 0 0 0-2 2v7a2 2 0 0 0 2 2h8",key:"10dyio"}],["path",{d:"M10 19v-3.96 3.15",key:"1irgej"}],["path",{d:"M7 19h5",key:"qswx4l"}],["rect",{width:"6",height:"10",x:"16",y:"12",rx:"2",key:"1egngj"}]],Js=ja("monitor-smartphone",ol);const il=[["path",{d:"M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6",key:"y09zxi"}],["path",{d:"m21 3-9 9",key:"mpx6sq"}],["path",{d:"M15 3h6v6",key:"1q9fwt"}]],ll=ja("square-arrow-out-up-right",il);function cl(t,a,r={}){const s=t.get();let n=null,i=s,o;const u=typeof s=="string"?s.replace(/[\d.-]/g,""):void 0,c=()=>{n&&(n.stop(),n=null),t.animation=void 0},g=()=>{const x=ts(t.get()),h=ts(i);if(x===h){c();return}const f=n?n.getGeneratorVelocity():t.getVelocity();c(),n=new Ei({keyframes:[x,h],velocity:f,type:"spring",restDelta:.001,restSpeed:.01,...r,onUpdate:o})},m=()=>{g(),t.animation=n??void 0,t.events.animationStart?.notify(),n?.then(()=>{t.animation=void 0,t.events.animationComplete?.notify()})};if(t.attach((x,h)=>{i=x,o=f=>h(qa(f,u)),Mi.postRender(m)},c),Ws(a)){let x=r.skipInitialAnimation===!0;const h=a.on("change",b=>{x?(x=!1,t.jump(qa(b,u),!1)):t.set(qa(b,u))}),f=t.on("destroy",h);return()=>{h(),f()}}return c}function qa(t,a){return a?t+a:t}function ts(t){return typeof t=="number"?t:parseFloat(t)}function dl(t,a={}){const{isStatic:r}=d.useContext(Ri),s=()=>Ws(t)?t.get():t;if(r)return qs(s);const n=Ys(s());return d.useInsertionEffect(()=>cl(n,t,a),[n,JSON.stringify(a)]),n}function ul(t,a={}){return dl(t,{type:"spring",...a})}function ml(){return e.jsxs(Fo,{to:"/landing",className:"flex items-center gap-2.5 no-underline hover:opacity-80 transition-opacity",children:[e.jsx("img",{src:"/app-icon.png",alt:"Token Tracker",width:28,height:28,className:"rounded-md"}),e.jsx("span",{className:"text-base font-semibold text-oai-black dark:text-oai-white leading-tight",children:"Token Tracker"})]})}function hl({children:t,header:a,footer:r,className:s="",hideHeader:n=!1,hideFooter:i=!1,bare:o=!1}){return o?e.jsxs("div",{className:`flex flex-col flex-1 min-h-0 ${s}`,children:[e.jsx("main",{className:"flex-1 px-6 py-6",children:t}),!i&&r&&e.jsx("footer",{className:"border-t border-oai-gray-200 dark:border-oai-gray-800 px-6 py-4 mt-auto transition-colors duration-200",children:r})]}):e.jsxs("div",{className:`min-h-screen bg-oai-white dark:bg-oai-gray-950 text-oai-black dark:text-oai-white font-sans flex flex-col transition-colors duration-200 ${s}`,children:[!n&&e.jsxs("header",{className:"border-b border-oai-gray-200 dark:border-oai-gray-800 px-6 py-4 flex items-center justify-between transition-colors duration-200",children:[e.jsx(ml,{}),e.jsx("div",{className:"flex-1 flex justify-center",children:a})]}),e.jsx("main",{className:"flex-1 px-6 py-6",children:t}),!i&&r&&e.jsx("footer",{className:"border-t border-oai-gray-200 dark:border-oai-gray-800 px-6 py-4 mt-auto transition-colors duration-200",children:r})]})}function gl({children:t,variant:a="info",size:r="md",className:s=""}){const n="inline-flex items-center font-medium",i={success:"bg-oai-brand-100 dark:bg-oai-brand-900/30 text-oai-brand-700 dark:text-oai-brand-400 rounded-full",warning:"bg-oai-amber-50 dark:bg-oai-amber-900/30 text-oai-amber-dark dark:text-oai-amber-400 rounded-full",error:"bg-red-50 dark:bg-red-900/30 text-red-600 dark:text-red-400 rounded-full",info:"bg-oai-gray-100 dark:bg-oai-gray-800 text-oai-gray-600 dark:text-oai-gray-300 rounded-full",secondary:"bg-oai-gray-100 dark:bg-oai-gray-800 text-oai-gray-500 dark:text-oai-gray-300 rounded-md"},o={sm:"px-2 py-0.5 text-xs",md:"px-2.5 py-1 text-sm"},u=`${n} ${i[a]} ${o[r]} ${s}`.trim();return e.jsx("span",{className:u,children:t})}var xl={};function fl(t,a){return t==="."?{width:"0.34ch",justifyContent:"center",marginInline:"-0.04ch"}:t===","?{width:"0.08ch",justifyContent:"center",marginInline:"-0.30ch"}:{width:"0.72ch",justifyContent:"flex-start",paddingLeft:"0.04ch",height:a}}function pl({mv:t,digit:a,height:r}){const s=qs(t,n=>{const i=(n%10+10)%10,o=(10+a-i)%10;let u=o*r;return o>5&&(u-=10*r),u});return e.jsx(Ne.span,{style:{position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center",y:s},children:a})}function yl(t){const a=Math.round(t),r=1e-9*Math.max(1,Math.abs(t));return Math.abs(t-a)<r?a:t}function bl(t,a){const r=t/a;return Math.floor(yl(r))}function kl(t){const a=String(t??""),r=Array.from(a),s=r.indexOf(".");let n=r.filter((u,c)=>/\d/.test(u)&&(s===-1||c<s)).length,i=0,o=!1;return r.map(u=>{if(!/\d/.test(u))return u==="."&&(o=!0),u;if(!o){const c=10**Math.max(n-1,0);return n-=1,c}return i+=1,10**-i})}function wl({place:t,value:a,height:r,digitStyle:s,shouldReduceMotion:n}){if(typeof t!="number"){const c=fl(t,r),g=t!=="."&&t!==",",m=t===".";return e.jsx("span",{"data-counter-token":"static",className:"relative inline-flex items-center justify-center",style:{height:r,...c,...s,...g?{width:"auto",paddingInline:"0.06ch",justifyContent:"center"}:null,...m?{width:c.width}:null},children:t})}const i=bl(a,t),o=Ys(0),u=ul(o,{stiffness:220,damping:26,mass:.8});return d.useEffect(()=>{o.set(i)},[o,i]),n?e.jsx("span",{"data-counter-token":"digit",className:"relative inline-flex items-center justify-center overflow-hidden",style:{height:r,position:"relative",width:"0.9ch",fontVariantNumeric:"tabular-nums",...s},children:Math.abs(i)%10}):e.jsx("span",{"data-counter-token":"digit",className:"relative inline-flex overflow-hidden",style:{height:r,position:"relative",width:"0.9ch",fontVariantNumeric:"tabular-nums",...s},children:Array.from({length:10},(c,g)=>e.jsx(pl,{mv:u,digit:g,height:r},g))})}function _l({value:t,displayValue:a,fontSize:r=72,padding:s=0,places:n,gap:i=6,borderRadius:o=4,horizontalPadding:u=0,textColor:c="inherit",fontWeight:g="inherit",containerStyle:m,counterStyle:x,digitStyle:h,gradientHeight:f=14,gradientFrom:b="rgba(255,255,255,0.95)",gradientTo:k="rgba(255,255,255,0)",topGradientStyle:p,bottomGradientStyle:v}){const w=String(a??t??""),D=d.useMemo(()=>Array.isArray(n)&&n.length?n:kl(w),[n,w]),T=typeof navigator<"u"&&/jsdom/i.test(navigator.userAgent||"")||typeof process<"u"&&xl?.VITEST==="true",R=Gs()||T,L=Number.isFinite(Number(t))?Math.abs(Number(t)):0,z=r+s;return R?e.jsx("span",{"data-counter-root":"true",style:{display:"inline-flex",alignItems:"center",color:c,fontSize:r,fontWeight:g,lineHeight:1,...m,...x},children:w}):e.jsxs("span",{"data-counter-root":"true",style:{position:"relative",display:"inline-block",...m},children:[e.jsx("span",{style:{fontSize:r,display:"flex",gap:i,overflow:"hidden",borderRadius:o,paddingLeft:u,paddingRight:u,lineHeight:1,color:c,fontWeight:g,...x},children:D.map((S,_)=>e.jsx(wl,{place:S,value:L,height:z,digitStyle:h,shouldReduceMotion:R},`${String(S)}-${_}`))}),e.jsxs("span",{style:{pointerEvents:"none",position:"absolute",inset:0,display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[e.jsx("span",{style:p??{height:f,background:`linear-gradient(to bottom, ${b}, ${k})`}}),e.jsx("span",{style:v??{height:f,background:`linear-gradient(to top, ${b}, ${k})`}})]})]})}function vl({baseUrl:t,accessToken:a,guestAllowed:r=!1,weeks:s=52,weekStartsOn:n="sun",cacheKey:i,timeZone:o,tzOffsetMinutes:u,now:c,accountView:g=!1,accountAccessToken:m=null,accountRevision:x=0,accountViewResolving:h=!1,deviceId:f=null}={}){const b=!!(g&&m),k=b?"cloud":"local",p=d.useMemo(()=>$o({weeks:s,weekStartsOn:n,now:c}),[c,s,n]),[v,w]=d.useState([]),[D,T]=d.useState(null),[R,L]=d.useState("edge"),[z,S]=d.useState(!1),[_,j]=d.useState(null),P=ut(),$=Gt(a),U=!r,I=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1"),E=d.useMemo(()=>{if(!i)return null;const J=yr({timeZone:o,offsetMinutes:u});return`tokentracker.heatmap.${i}.${k}.${s}.${n}.${J}.${f||"all"}`},[i,f,k,o,u,s,n]),q=d.useCallback(()=>{if(!E||typeof window>"u")return null;try{const J=window.localStorage.getItem(E);if(!J)return null;const me=JSON.parse(J);return!me||!me.heatmap?null:me}catch{return null}},[E]),N=d.useCallback(J=>{if(!(!E||typeof window>"u"))try{window.localStorage.setItem(E,JSON.stringify(J))}catch{}},[E]),C=d.useCallback(()=>{if(!(!E||typeof window>"u"))try{window.localStorage.removeItem(E)}catch{}},[E]),G=d.useRef(k);d.useEffect(()=>{G.current!==k&&(G.current=k,w([]),T(null),L("edge"),j(null),S(!0))},[k]);const O=d.useCallback(async()=>{const J=await $e(a),me=b?await $e(m):null;if(!J&&!P&&!I&&!b)return;if(b&&!me){j("Your session expired. Please sign in again to view account data."),S(!1);return}const le=b?me:J,ge=b?Po:Bo,we=b?Ps:Bs;S(!0),j(null);try{try{const B=await ge({baseUrl:t,accessToken:le,weeks:s,to:p.to,weekStartsOn:n,device:f,timeZone:o,tzOffsetMinutes:u}),te=Array.isArray(B?.weeks)?B.weeks:[];if(!te.length&&U){const H=q();if(H?.heatmap){T(H.heatmap),w(H.daily||[]),L("cache");return}}if(!te.some(H=>(Array.isArray(H)?H:[]).some(he=>he&&Number.isFinite(Number(he.level))))&&te.length){const H=[];for(const ce of te)for(const K of Array.isArray(ce)?ce:[])K?.day&&H.push({day:K.day,total_tokens:K.total_tokens??K.value??0,billable_total_tokens:K.billable_total_tokens??K.value??K.total_tokens??0});const he=Hr({dailyRows:H,weeks:s,to:B?.to||p.to,weekStartsOn:n});w(H),T({...he,week_starts_on:n,active_days:H.filter(ce=>Number(ce?.billable_total_tokens??ce?.total_tokens)>0).length,streak_days:ma({dailyRows:H,to:B?.to||p.to})}),L("client"),U?N({heatmap:{...he,week_starts_on:n,active_days:H.filter(ce=>Number(ce?.billable_total_tokens??ce?.total_tokens)>0).length,streak_days:ma({dailyRows:H,to:B?.to||p.to})},daily:H,fetchedAt:new Date().toISOString()}):C();return}T(B||null),w([]),L("edge"),B&&U?N({heatmap:B,daily:[],fetchedAt:new Date().toISOString()}):U||C();return}catch(B){const te=B,pe=te?.status??te?.statusCode;if(pe===401||pe===403)throw B}const xe=await we({baseUrl:t,accessToken:le,from:p.from,to:p.to,device:f,timeZone:o,tzOffsetMinutes:u}),ae=Array.isArray(xe?.data)?xe.data:[];w(ae);const Q=Hr({dailyRows:ae,weeks:s,to:p.to,weekStartsOn:n});T({...Q,week_starts_on:n,active_days:ae.filter(B=>Number(B?.billable_total_tokens??B?.total_tokens)>0).length,streak_days:ma({dailyRows:ae,to:p.to})}),L("client"),U?N({heatmap:{...Q,week_starts_on:n,active_days:ae.filter(B=>Number(B?.billable_total_tokens??B?.total_tokens)>0).length,streak_days:ma({dailyRows:ae,to:p.to})},daily:ae,fetchedAt:new Date().toISOString()}):C()}catch(xe){if(U){const ae=q();if(ae?.heatmap)T(ae.heatmap),w(ae.daily||[]),L("cache"),j(null);else{const Q=xe;j(Q?.message||String(Q)),w([]),T(null),L("edge")}}else{const ae=xe;j(ae?.message||String(ae)),w([]),T(null),L("edge")}}finally{S(!1)}},[a,t,P,r,U,p.from,p.to,q,$,o,u,n,s,C,N,I,b,m,x,f]);return d.useEffect(()=>{if(h){S(!0);return}if(!$&&!r&&!P&&!I&&!b){w([]),S(!1),j(null),T(null),L("edge");return}if(!U)C(),w([]),j(null),T(null),L("edge");else{const J=q();J?.heatmap&&(T(J.heatmap),w(J.daily||[]),L("cache"))}O()},[a,P,q,O,$,r,U,C,I,h]),{range:p,daily:v,heatmap:D,source:P?"mock":R==="client"?"edge":R,loading:z,error:_,refresh:O}}const jl="tokentracker.dashboard.leftCardOrder.v1",Nl="tokentracker.dashboard.rightCardOrder.v1";function Sl(t,a){const r=Zr(jl,t),s=Zr(Nl,a),n=r.order.join("|")!==t.join("|")||s.order.join("|")!==a.join("|"),i=d.useCallback(()=>{r.reset(),s.reset()},[r,s]);return{left:r,right:s,isCustomized:n,resetAll:i}}const Cl=10;function Tl({baseUrl:t,accessToken:a,from:r,to:s,source:n,timeZone:i,tzOffsetMinutes:o}={}){const[u,c]=d.useState([]),[g,m]=d.useState(!1),[x,h]=d.useState(null),f=ut(),b=Gt(a),k=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1"),p=qt([t,a,r,s,n,i,o]),v=d.useCallback(async()=>{const w=p(),D=await $e(a);if(w()){if(!D&&!f&&!k){c([]),h(null),m(!1);return}m(!0),h(null);try{const T=await zo({baseUrl:t,accessToken:D,limit:Cl,from:r,to:s,source:n,timeZone:i,tzOffsetMinutes:o});if(!w())return;c(Array.isArray(T?.entries)?T.entries:[])}catch(T){if(!w())return;const R=T?.message||String(T);h(R),c([])}finally{w()&&m(!1)}}},[a,t,r,f,n,i,s,o,k,p]);return d.useEffect(()=>{if(!b&&!f&&!k){c([]),h(null),m(!1);return}c([]),h(null),m(!0),v()},[f,v,b,k]),{entries:u,loading:g,error:x,refresh:v}}const as="tokentracker.usage-cache-index",rs=24;function ss({baseUrl:t,accessToken:a,guestAllowed:r=!1,from:s,to:n,includeDaily:i=!0,includeSummary:o=!0,cacheKey:u,timeZone:c,tzOffsetMinutes:g,now:m,accountView:x=!1,accountAccessToken:h=null,accountRevision:f=0,accountViewResolving:b=!1,deviceId:k=null}={}){const p=!!(x&&h),v=p?"cloud":"local",[w,D]=d.useState([]),[T,R]=d.useState(null),[L,z]=d.useState(null),[S,_]=d.useState("edge"),[j,P]=d.useState(null),[$,U]=d.useState(!1),[I,E]=d.useState(null),q=ut(),N=Gt(a),C=!r&&!q,G=k||"all",O=(()=>{if(!u)return null;const Q=Al(t)||"default",B=i?o?"daily-summary":"daily-only":"summary",te=yr({timeZone:c,offsetMinutes:g});return`tokentracker.usage.${u}.${v}.${Q}.${s}.${n}.${B}.${te}.${G}`})(),ue=d.useRef(v);d.useEffect(()=>{ue.current!==v&&(ue.current=v,D([]),R(null),z(null),_("edge"),P(null),E(null),U(!0))},[v]);const J=d.useCallback(()=>{if(!O||typeof window>"u")return null;try{const Q=window.localStorage.getItem(O);if(!Q)return null;const B=JSON.parse(Q),te=o?!!B?.summary:Array.isArray(B?.daily);return!B||!te?null:(Qr(as,O,rs),B)}catch{return null}},[o,O]),me=d.useCallback(Q=>{if(!(!O||typeof window>"u"))try{window.localStorage.setItem(O,JSON.stringify(Q)),Qr(as,O,rs)}catch{}},[O]),le=d.useCallback(()=>{if(!(!O||typeof window>"u"))try{window.localStorage.removeItem(O)}catch{}},[O]),ge=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1"),we=qt([t,s,n,i,o,v,a,h,f,k,c,g]),xe=d.useCallback(async()=>{const Q=we(),B=await $e(a),te=p?await $e(h):null;if(!Q()||!B&&!q&&!ge&&!p)return;if(p&&!te){E("Your session expired. Please sign in again to view account data."),U(!1);return}const pe=p?Ps:Bs,H=p?Oo:Uo,he=p?te:B;U(!0),E(null);try{let ce=null,K=null;if(i)if(o){const[ee,se]=await Promise.allSettled([pe({baseUrl:t,accessToken:he,from:s,to:n,device:k,timeZone:c,tzOffsetMinutes:g}),H({baseUrl:t,accessToken:he,from:s,to:n,device:k,timeZone:c,tzOffsetMinutes:g,rolling:!0})]);if(ee.status==="rejected")throw ee.reason;ce=ee.value,K=se.status==="fulfilled"?se.value:null}else ce=await pe({baseUrl:t,accessToken:he,from:s,to:n,device:k,timeZone:c,tzOffsetMinutes:g});else o&&(K=await H({baseUrl:t,accessToken:he,from:s,to:n,device:k,timeZone:c,tzOffsetMinutes:g,rolling:!0}));let Y=i&&Array.isArray(ce?.data)?ce.data:[];i&&(Y=Za(Y,s,n,{timeZone:c,offsetMinutes:g,now:m}));let A=o&&(K?.totals||ce?.summary?.totals)||null,V=o&&(K?.rolling||ce?.summary?.rolling)||null;if(o&&i&&!A&&!K)try{const ee=await H({baseUrl:t,accessToken:he,from:s,to:n,device:k,timeZone:c,tzOffsetMinutes:g,rolling:!0});A=ee?.totals||null,V=ee?.rolling||V}catch{}const X=new Date().toISOString();if(!Q())return;D(Y),R(A),z(V),_("edge"),P(X),(A||!o&&i)&&C?me({summary:A,rolling:V,daily:Y,from:s,to:n,includeDaily:i,includeSummary:o,fetchedAt:X}):C||le()}catch(ce){if(!Q())return;if(C){const K=J();if(K?.summary||!o&&Array.isArray(K?.daily)){R(K.summary),z(K.rolling||null);const Y=Array.isArray(K.daily)?K.daily:[],A=i?Za(Y,K.from||s,K.to||n,{timeZone:c,offsetMinutes:g,now:m}):Y;D(A),_("cache"),P(K.fetchedAt||null),E(null)}else{const Y=ce;E(Y?.message||String(Y)),D([]),R(null),z(null),_("edge"),P(null)}}else{const K=ce;E(K?.message||String(K)),D([]),R(null),z(null),_("edge"),P(null)}}finally{Q()&&U(!1)}},[a,t,s,i,o,q,r,C,m,J,N,c,n,g,le,me,ge,p,h,f,k,we]);return d.useEffect(()=>{if(b){U(!0);return}const Q=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1");if(!N&&!r&&!q&&!Q&&!p){D([]),R(null),z(null),E(null),U(!1),_("edge"),P(null);return}if(!C)le(),D([]),R(null),z(null),E(null),_("edge"),P(null);else{const B=J();if(B?.summary||!o&&Array.isArray(B?.daily)){R(B.summary),z(B.rolling||null);const te=Array.isArray(B.daily)?B.daily:[],pe=i?Za(te,B.from||s,B.to||n,{timeZone:c,offsetMinutes:g,now:m}):te;D(pe),_("cache"),P(B.fetchedAt||null),E(null)}else D([]),R(null),z(null),_("edge"),P(null),E(null)}U(!0),xe()},[a,q,J,xe,N,r,C,le,ge,b,o]),d.useEffect(()=>{if(typeof window>"u"||typeof document>"u")return;const Q=15e3;let B=Date.now();const te=()=>{if(document.visibilityState!=="visible")return;const pe=Date.now();pe-B<Q||(B=pe,xe())};return window.addEventListener("focus",te),document.addEventListener("visibilitychange",te),()=>{window.removeEventListener("focus",te),document.removeEventListener("visibilitychange",te)}},[xe]),{daily:w,summary:T,rolling:L,source:q?"mock":S,fetchedAt:j,loading:$,error:I,refresh:xe}}function Al(t){try{return new URL(t).host}catch{return null}}function Ya(t){if(!t)return null;const a=String(t).trim(),r=a.split("-");if(r.length!==3)return null;const s=Number(r[0]),n=Number(r[1])-1,i=Number(r[2]);if(!Number.isFinite(s)||!Number.isFinite(n)||!Number.isFinite(i))return null;const o=new Date(Date.UTC(s,n,i));return Number.isFinite(o.getTime())&&Vt(o)===a?o:null}function Dl(t,a){return new Date(Date.UTC(t.getUTCFullYear(),t.getUTCMonth(),t.getUTCDate()+a))}function Za(t,a,r,{timeZone:s,offsetMinutes:n,now:i}={}){const o=Ya(a),u=Ya(r);if(!o||!u||u<o)return Array.isArray(t)?t:[];const c=i instanceof Date&&Number.isFinite(i.getTime())?i:new Date,g=br({timeZone:s,offsetMinutes:n,date:c}),m=Ya(g),x=m?m.getTime():c.getTime(),h=new Map;for(const b of t||[])b?.day&&h.set(b.day,b);const f=[];for(let b=o;b<=u;b=Dl(b,1)){const k=Vt(b),p=h.get(k),v=b.getTime()>x;if(p){f.push({...p,missing:!1,future:v});continue}f.push({day:k,total_tokens:null,billable_total_tokens:null,input_tokens:null,cached_input_tokens:null,output_tokens:null,reasoning_output_tokens:null,missing:!v,future:v})}return f}function Ll({baseUrl:t,accessToken:a,guestAllowed:r=!1,from:s,to:n,cacheKey:i,timeZone:o,tzOffsetMinutes:u,accountView:c=!1,accountAccessToken:g=null,accountRevision:m=0,accountViewResolving:x=!1,deviceId:h=null}={}){const f=!!(c&&g),b=f?"cloud":"local",[k,p]=d.useState(null),[v,w]=d.useState("edge"),[D,T]=d.useState(!1),[R,L]=d.useState(null),z=ut(),S=Gt(a),_=!r,j=d.useMemo(()=>{if(!i)return null;const G=Ml(t)||"default",O=yr({timeZone:o,offsetMinutes:u});return`tokentracker.modelBreakdown.${i}.${b}.${G}.${s}.${n}.${O}.${h||"all"}`},[t,i,h,s,b,o,n,u]),P=d.useCallback(()=>{if(!j||typeof window>"u")return null;try{const G=window.localStorage.getItem(j);if(!G)return null;const O=JSON.parse(G);return!O||!O.breakdown?null:O}catch{return null}},[j]),$=d.useCallback(G=>{if(!(!j||typeof window>"u"))try{window.localStorage.setItem(j,JSON.stringify(G))}catch{}},[j]),U=d.useCallback(()=>{if(!(!j||typeof window>"u"))try{window.localStorage.removeItem(j)}catch{}},[j]),I=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1"),E=qt([t,s,n,b,a,g,m,h,o,u]),q=d.useRef(b);d.useEffect(()=>{q.current!==b&&(q.current=b,p(null),w("edge"),L(null),T(!0))},[b]);const N=d.useCallback(async()=>{const G=E(),O=await $e(a),ue=f?await $e(g):null;if(!G()||!O&&!z&&!I&&!f)return;if(f&&!ue){L("Your session expired. Please sign in again to view account data."),T(!1);return}const J=f?ue:O,me=f?Ho:Vo;T(!0),L(null);try{const le=await me({baseUrl:t,accessToken:J,from:s,to:n,device:h,timeZone:o,tzOffsetMinutes:u});if(!G())return;p(le||null),w("edge"),le&&_?$({breakdown:le,fetchedAt:new Date().toISOString()}):_||U()}catch(le){if(!G())return;if(_){const ge=P();if(ge?.breakdown)p(ge.breakdown),w("cache"),L(null);else{p(null),w("edge");const we=le;L(we?.message||String(we))}}else{p(null),w("edge");const ge=le;L(ge?.message||String(ge))}}finally{G()&&T(!1)}},[a,t,s,z,r,_,P,o,n,S,u,U,$,I,f,g,m,h,E]);return d.useEffect(()=>{if(x){T(!0);return}if(!S&&!r&&!z&&!I&&!f){p(null),w("edge"),L(null),T(!1);return}if(!_)U(),p(null),w("edge"),L(null);else{const G=P();G?.breakdown?(p(G.breakdown),w("cache"),L(null)):(p(null),w("edge"),L(null))}T(!0),N()},[a,z,P,N,S,r,_,U,I,x]),{breakdown:k,source:z?"mock":v,loading:D,error:R,refresh:N}}function Ml(t){try{return new URL(t).host}catch{return null}}const Qs=new Set(["day","hour","month"]);function El(t){return Qs.has(t)}function ns(t){if(t==null)return null;const a=String(t).trim();if(!/^[0-9]+$/.test(a))return null;const r=a.replace(/^0+/,"");return r.length===0?"0":r}function Rl(t,a){const r=ns(t),s=ns(a);if(r&&s)return r.length!==s.length?r.length<s.length?-1:1:r===s?0:r<s?-1:1;const n=re(t),i=re(a);return n==null&&i==null?0:n==null?1:i==null?-1:n===i?0:n<i?-1:1}function Il(t,a){const r=typeof t=="string"?t:String(t||""),s=typeof a=="string"?a:String(a||"");return r===s?0:r<s?-1:1}function Fl(t){if(!t)return null;const r=String(t).trim().match(/^(\d{4})-(\d{2})-(\d{2})$/);if(!r)return null;const s=Number(r[1]),n=Number(r[2]),i=Number(r[3]);if(!Number.isFinite(s)||!Number.isFinite(n)||!Number.isFinite(i))return null;const o=new Date(Date.UTC(s,n-1,i));return!Number.isFinite(o.getTime())||o.getUTCFullYear()!==s||o.getUTCMonth()+1!==n||o.getUTCDate()!==i?null:o.getTime()}function $l(t){if(!t)return null;const r=String(t).trim().match(/^(\d{4})-(\d{2})$/);if(!r)return null;const s=Number(r[1]),n=Number(r[2]);if(!Number.isFinite(s)||!Number.isFinite(n)||n<1||n>12)return null;const i=new Date(Date.UTC(s,n-1,1));return Number.isFinite(i.getTime())?i.getTime():null}function Pl(t){if(!t)return null;const r=String(t).trim().match(/^(\d{4})-(\d{2})-(\d{2})T(\d{2}):(\d{2})(?::(\d{2}))?Z?$/);if(!r)return null;const s=Number(r[1]),n=Number(r[2]),i=Number(r[3]),o=Number(r[4]),u=Number(r[5]),c=Number(r[6]||0);if(!Number.isFinite(s)||!Number.isFinite(n)||!Number.isFinite(i)||!Number.isFinite(o)||!Number.isFinite(u)||!Number.isFinite(c)||n<1||n>12||i<1||i>31||o<0||o>23||u<0||u>59||c<0||c>59)return null;const g=new Date(Date.UTC(s,n-1,i,o,u,c));return Number.isFinite(g.getTime())?g.getTime():null}function Bl(t,a,r){const s=r==="hour"?Pl:r==="month"?$l:Fl,n=s(t),i=s(a);return n!=null&&i!=null?n===i?0:n<i?-1:1:Il(t,a)}function Xs(t,{key:a,dir:r}){const s=r==="asc"?1:-1,n=Array.isArray(t)?t:[],i=Qs.has(a)?(u,c)=>Bl(u,c,a):Rl,o=u=>a==="total_tokens"&&u?.billable_total_tokens!=null?u.billable_total_tokens:u?.[a];return n.map((u,c)=>({row:u,index:c})).sort((u,c)=>{const g=o(u.row),m=o(c.row),x=g==null,h=m==null;if(x&&h)return u.index-c.index;if(x)return 1;if(h)return-1;const f=i(g,m);return f!==0?f*s:u.index-c.index}).map(u=>u.row)}function zl(){return[{key:"day",label:l("daily.sort.date.label"),title:l("daily.sort.date.title")},{key:"total_tokens",label:l("daily.sort.total.label"),title:l("daily.sort.total.title")},{key:"input_tokens",label:l("daily.sort.input.label"),title:l("daily.sort.input.title")},{key:"output_tokens",label:l("daily.sort.output.label"),title:l("daily.sort.output.title")},{key:"cached_input_tokens",label:l("daily.sort.cached.label"),title:l("daily.sort.cached.title")},{key:"reasoning_output_tokens",label:l("daily.sort.reasoning.label"),title:l("daily.sort.reasoning.title")},{key:"conversation_count",label:l("daily.sort.conversations.label"),title:l("daily.sort.conversations.title")}]}function os(t){const a=El(t)?t:"day";return zl().map((r,s)=>s===0?{...r,key:a}:r)}function is(t,{key:a,dir:r}){return Xs(t,{key:a,dir:r})}const _a=12,Ol=["total_tokens","billable_total_tokens","input_tokens","cached_input_tokens","cache_creation_input_tokens","output_tokens","reasoning_output_tokens"];function Ul(t){if(typeof t=="bigint")return t!==0n;if(typeof t=="number")return Number.isFinite(t)&&t!==0;if(t==null)return!1;const a=String(t).trim();if(!a||!/^-?\d+$/.test(a))return!1;const r=a.startsWith("-")?a.slice(1):a;return/[1-9]/.test(r)}function Hl(t){return Ol.some(a=>Ul(t?.[a]))}function Vl(t){const a=Array.isArray(t)?t:[];if(!a.length)return[];const r=Xs(a,{key:"month",dir:"asc"}),s=r.findIndex(n=>n?.month&&Hl(n));return s===-1?a:r.slice(s)}function Wl(t,a,r=_a){const s=Array.isArray(t)?t:[],n=Number.isFinite(r)&&r>0?r:_a,o=(Number.isFinite(a)&&a>=0?Math.floor(a):0)*n;return s.slice(o,o+n)}function Kl({publicMode:t,screenshotMode:a,forceInstall:r,accessEnabled:s,heatmapLoading:n,activeDays:i,hasActiveDeviceToken:o}={}){return t||a?!1:r?!0:s&&!n&&i===0&&!o}const ha=Object.freeze({active:3e4,warm:2*6e4,idle:10*6e4,longIdle:30*6e4});function Gl({visible:t=!0,lastInteractionAt:a=0,now:r=Date.now()}={}){if(!t)return ha.longIdle;const s=Math.max(0,r-(Number(a)||0));return s<=10*6e4?ha.active:s<=60*6e4?ha.warm:ha.idle}const ql=3e4;function Yl({refresh:t,intervalMs:a=ql,windowRef:r=window,documentRef:s=document,onError:n=()=>{}}){let i=!1,o=null,u=Date.now(),c=0;const g=()=>{if(i||s.visibilityState!=="visible"||o)return o;const f=Promise.resolve().then(()=>t()).catch(b=>n(b)).then(()=>{}).finally(()=>{o===f&&(o=null)});return o=f,f},m=r.setInterval(()=>{const f=Date.now();f<c||(c=f+Gl({visible:s.visibilityState==="visible",lastInteractionAt:u,now:f}),g())},a),x=()=>{s.visibilityState==="visible"&&(u=Date.now(),c=0,g())},h=()=>{u=Date.now()};return r.addEventListener("focus",x),r.addEventListener("pointerdown",h),r.addEventListener("keydown",h),s.addEventListener("visibilitychange",x),{run:g,stop(){i=!0,r.clearInterval(m),r.removeEventListener("focus",x),r.removeEventListener("pointerdown",h),r.removeEventListener("keydown",h),s.removeEventListener("visibilitychange",x)}}}function Zl(t){if(!t)return null;const a=/^(\d{4})-(\d{2})-(\d{2})$/.exec(t);if(!a)return null;const r=new Date(Date.UTC(Number(a[1]),Number(a[2])-1,Number(a[3])));return Vt(r)===t?r:null}function Jl({period:t,selectedFrom:a,selectedTo:r,todayKey:s}={}){if(t==="total"&&a&&r)return{from:a,to:r};const n=Zl(s)||new Date,i=new Date(Date.UTC(n.getUTCFullYear(),n.getUTCMonth(),n.getUTCDate()-29));return{from:Vt(i),to:Vt(n)}}function Ql(t,{period:a}={}){const r=(Array.isArray(t)?t:[]).filter(n=>!n?.future&&n?.day);return(a==="total"?r.filter(n=>!n?.missing):r).slice(-30)}function _r(t){if(typeof t!="string")return null;const a=t.trim();return a?a.toLowerCase():null}function Xl(t){const a=_r(t?.model_id);return a||null}function en(t,a){return t?.model?String(t.model):a}function St(t,a=0){const r=re(t?.billable_total_tokens),s=re(t?.total_tokens);return r!=null&&r>0?r:s!=null&&s>0?s:r??s??a}function ec(t,{copyFn:a}={}){const r=typeof a=="function"?a:o=>o,n=(Array.isArray(t?.sources)?t.sources:[]).map(o=>{const u=St(o?.totals),c=re(o?.totals?.total_cost_usd)??0;return{source:o?.source,totalTokens:Number.isFinite(u)?u:0,totalCost:Number.isFinite(c)?c:0,inputTokens:Math.max(0,re(o?.totals?.input_tokens)??0),cacheRead:Math.max(0,re(o?.totals?.cached_input_tokens)??0),cacheCreate:Math.max(0,re(o?.totals?.cache_creation_input_tokens)??0),models:Array.isArray(o?.models)?o.models:[]}}).filter(o=>o.totalTokens>0);if(!n.length)return[];const i=n.reduce((o,u)=>o+u.totalTokens,0);return typeof t?.pricing?.pricing_mode=="string"&&t.pricing.pricing_mode.toUpperCase(),n.slice().sort((o,u)=>u.totalTokens-o.totalTokens).map(o=>{const u=o.source?String(o.source).toUpperCase():r("shared.placeholder.short"),c=i>0?o.totalTokens/i*100:0,g=Number.isFinite(c)?c.toFixed(2):"0.00",m=o.models.map(b=>{const k=St(b?.totals);if(!Number.isFinite(k)||k<=0)return null;const p=o.totalTokens>0?Math.round(k/o.totalTokens*1e3)/10:0,v=en(b,r("shared.placeholder.short")),w=Xl(b),D=re(b?.totals?.total_cost_usd),T=D??(o.totalCost>0&&o.totalTokens>0?k/o.totalTokens*o.totalCost:null);return{id:w,name:v,share:p,usage:k,cost:T}}).filter(Boolean),x=o.inputTokens+o.cacheRead+o.cacheCreate,f=o.cacheRead+o.cacheCreate>0&&x>0?Math.round(o.cacheRead/x*100):null;return{source:o.source,label:u,totalPercent:String(g),totalPercentValue:c,usd:o.totalCost,usage:o.totalTokens,cacheHitRate:f,cacheReusedTokens:o.cacheRead,cacheInputTokens:x,models:m}})}function tc(t){const a=Array.isArray(t)?t:[],r=new Map;for(const n of a){const i=Array.isArray(n?.models)?n.models:[];for(const o of i){const u=re(o?.usage);if(u==null||u<=0)continue;const c=typeof o?.name=="string"&&o.name.trim()?o.name.trim():typeof o?.id=="string"&&o.id.trim()?o.id.trim():null,g=_r(c);if(!g)continue;const m=r.get(g)||{id:g,name:c,usage:0,cost:0,hasCost:!1,nameWeight:0};m.usage+=u;const x=re(o?.cost);x!=null&&(m.cost+=x,m.hasCost=!0),u>=m.nameWeight&&(m.name=c,m.nameWeight=u),r.set(g,m)}}const s=Array.from(r.values()).reduce((n,i)=>n+i.usage,0);return Array.from(r.values()).map(n=>({id:n.id,name:n.name,usage:n.usage,cost:n.hasCost?n.cost:null,share:s>0?Math.round(n.usage/s*1e3)/10:0})).sort((n,i)=>i.usage!==n.usage?i.usage-n.usage:String(n.name).localeCompare(String(i.name)))}function ac(t,{limit:a=3,copyFn:r}={}){const s=typeof r=="function"?r:h=>h,n=Array.isArray(t?.sources)?t.sources:[];if(!n.length)return[];const i=new Map,o=new Map,u=new Map;let c=0;for(const h of n){const f=Array.isArray(h?.models)?h.models:[];for(const b of f){const k=St(b?.totals);if(!Number.isFinite(k)||k<=0)continue;c+=k;const p=en(b,s("shared.placeholder.short")),v=_r(p);if(!v)continue;i.set(v,(i.get(v)||0)+k);const w=u.get(v)||0;k>=w&&(u.set(v,k),o.set(v,p))}}if(!i.size)return[];const g=Array.from(i.values()).reduce((h,f)=>h+f,0),m=c>0?c:g,x=Number.isFinite(a)?Math.max(0,Math.floor(a)):3;return Array.from(i.entries()).map(([h,f])=>{const b=m>0?(f/m*100).toFixed(1):"0.0";return{id:h,name:o.get(h)||s("shared.placeholder.short"),tokens:f,percent:String(b)}}).sort((h,f)=>f.tokens!==h.tokens?f.tokens-h.tokens:String(h.name).localeCompare(String(f.name))).slice(0,x)}function rc(t,a,r){if(!Number.isFinite(t))return l("shared.placeholder.short");const s=Na(t,{decimals:2,currency:a,rate:r});return s==="-"?l("shared.placeholder.short"):s}function ls(t,a,r){if(!Number.isFinite(t)||t<=0)return null;const s=Wt(a);return(a===zs?t:t*r)<.01?`<${s}0.01`:Na(t,{decimals:2,currency:a,rate:r})}function cs(t){const a=Number(t);return!Number.isFinite(a)||a<=0?null:Je(a,{decimals:1})}const sc=vt.memo(function({isOpen:a,onClose:r,fleetData:s=[]}){const{currency:n,rate:i}=Sa(),o=d.useMemo(()=>(Array.isArray(s)?s:[]).map(c=>{const g=re(c?.usd)??0,m=re(c?.usage)??0,x=Array.isArray(c?.models)?c.models:[];return{label:c?.label?String(c.label):"",usdValue:g,costLabel:ls(g,n,i),tokensLabel:cs(m),models:x.map(h=>{const f=re(h?.usage)??0,b=re(h?.cost)??0;return{id:h?.id?String(h.id):"",name:h?.name?String(h.name):"",tokensLabel:cs(f),costLabel:ls(b,n,i),sortCost:b}}).filter(h=>h.costLabel||h.tokensLabel).sort((h,f)=>f.sortCost-h.sortCost)}}).filter(c=>c.usdValue>0||c.models.length>0).sort((c,g)=>g.usdValue-c.usdValue),[s,n,i]),u=d.useMemo(()=>{const c=o.reduce((g,m)=>g+m.usdValue,0);return rc(c,n,i)},[o,n,i]);return e.jsx(Ii,{open:a,onOpenChange:c=>{c||r?.()},children:e.jsxs(Fi,{children:[e.jsx($i,{className:"cost-modal-backdrop","data-cost-analysis-backdrop":"true"}),e.jsx(Pi,{className:"fixed inset-0 z-[101] flex items-center justify-center p-4",children:e.jsxs(Bi,{className:"cost-modal-popup relative w-full max-w-[460px] max-h-[calc(100vh-2rem)] flex flex-col rounded-2xl bg-white dark:bg-oai-gray-950 shadow-[0_20px_60px_-20px_rgba(0,0,0,0.25)] dark:shadow-[0_20px_60px_-10px_rgba(0,0,0,0.65)] ring-1 ring-oai-gray-200 dark:ring-oai-gray-800 overflow-hidden",children:[e.jsx(zi,{render:e.jsx("h2",{className:"sr-only"}),children:l("dashboard.cost_breakdown.title")}),e.jsx(Oi,{type:"button",className:"absolute top-3 right-3 flex h-9 w-9 items-center justify-center rounded-md text-oai-gray-500 dark:text-oai-gray-400 hover:text-oai-gray-800 dark:hover:text-oai-gray-100 hover:bg-oai-gray-100 dark:hover:bg-oai-gray-800 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-oai-brand/50 transition-colors z-10","aria-label":l("dashboard.cost_breakdown.close"),children:e.jsx(kr,{size:16,strokeWidth:2,"aria-hidden":!0})}),e.jsx("div",{className:"flex-1 min-h-0 overflow-y-auto oai-scrollbar",children:e.jsxs("div",{className:"px-3 py-6",children:[e.jsx("p",{className:"text-label uppercase tracking-[0.12em] text-oai-gray-500 dark:text-oai-gray-400 mb-2",children:l("dashboard.cost_breakdown.total_label")}),e.jsx("p",{className:"font-bold text-oai-brand tabular-nums tracking-tight leading-none mb-6",style:{fontSize:"clamp(24px, 6.5vw, 32px)"},children:u}),o.length===0?e.jsx("p",{className:"text-body-sm text-oai-gray-500 dark:text-oai-gray-400",children:"No spend recorded."}):e.jsxs("div",{role:"table","aria-label":l("dashboard.cost_breakdown.title"),children:[e.jsxs("div",{role:"row",className:"flex items-center justify-between gap-4 py-2 mb-2 border-b border-oai-gray-200 dark:border-oai-gray-800 text-label uppercase text-oai-gray-500 dark:text-oai-gray-400",children:[e.jsx("span",{role:"columnheader",children:"Model"}),e.jsx("span",{role:"columnheader",children:"Cost"})]}),o.map((c,g)=>{const m=`fleet-${g}`;return e.jsxs("div",{role:"rowgroup","aria-labelledby":m,className:g>0?"mt-5":"mt-2",children:[e.jsxs("div",{role:"row",className:"flex items-center justify-between gap-4 py-2",children:[e.jsx("span",{id:m,role:"rowheader",className:"flex-1 min-w-0 text-body-sm font-semibold text-oai-black dark:text-oai-white truncate leading-none",children:c.label}),e.jsx("span",{role:"cell",className:"shrink-0 text-body-sm font-semibold text-oai-black dark:text-oai-white tabular-nums leading-none",children:c.costLabel||"—"})]}),c.models.map((x,h)=>e.jsxs("div",{role:"row",className:"flex items-center justify-between gap-4 py-[5px]",children:[e.jsx("span",{role:"cell",className:"flex-1 min-w-0 text-caption text-oai-gray-500 dark:text-oai-gray-400 truncate leading-none",title:x.name,children:x.name}),e.jsx("span",{role:"cell",className:"shrink-0 text-caption text-oai-gray-700 dark:text-oai-gray-300 tabular-nums leading-none",children:x.costLabel||""})]},x.id||`${x.name}-${h}`))]},`${c.label}-${g}`)})]})]})})]})})]})})});function nc({projectKey:t,from:a,to:r,timeZone:s,tzOffsetMinutes:n}={}){const[i,o]=d.useState(null),[u,c]=d.useState(!1),[g,m]=d.useState(null),x=ut();return d.useEffect(()=>{if(!t){o(null),m(null),c(!1);return}let h=!0;return c(!0),m(null),Wo({projectKey:t,from:a,to:r,timeZone:s,tzOffsetMinutes:n}).then(f=>{h&&o(f||null)}).catch(f=>{h&&(m(f?.message||String(f)),o(null))}).finally(()=>{h&&c(!1)}),()=>{h=!1}},[t,a,r,s,n,x]),{data:i,loading:u,error:g}}function tn(t){if(typeof t!="string"||!t)return{owner:"",repo:""};const a=t.indexOf("/");return a<0?{owner:"",repo:t}:{owner:t.slice(0,a),repo:t.slice(a+1)}}function an(t){try{return new URL(t).hostname.toLowerCase()}catch{return""}}function rn(t){return t?t==="github.com"||t.endsWith(".github.com")?"github":t.includes("gitlab")||t.startsWith("git.")?"gitlab":"generic":""}function sn(t,a){return a&&rn(an(t))==="github"?a:""}function nn({githubOwner:t,letter:a,size:r="w-8 h-8"}){const[s,n]=d.useState(!1);return t&&!s?e.jsx("img",{src:`https://github.com/${t}.png?size=80`,alt:"",loading:"lazy",onError:()=>n(!0),className:`${r} rounded-md object-cover bg-oai-gray-100 dark:bg-oai-gray-800 flex-shrink-0`}):e.jsx("div",{className:`${r} rounded-md oai-bg-elevated flex items-center justify-center oai-text-caption font-medium text-oai-gray-500 dark:text-oai-gray-300 flex-shrink-0`,children:a})}const ds="#10b981",Ja=[{key:"input_tokens",labelKey:"dashboard.projects.detail.comp_input",color:"#38bdf8"},{key:"cached_input_tokens",labelKey:"dashboard.projects.detail.comp_cached",color:"#14b8a6"},{key:"cache_creation_input_tokens",labelKey:"dashboard.projects.detail.comp_cache_write",color:"#f59e0b"},{key:"output_tokens",labelKey:"dashboard.projects.detail.comp_output",color:"#a78bfa"},{key:"reasoning_output_tokens",labelKey:"dashboard.projects.detail.comp_reasoning",color:"#fb7185"}],Qa=60;function oc(t,a,r,s){if(!Array.isArray(t)||t.length===0)return[];const n=new Map(t.map(h=>[h.day,h]));let i=a||t[0].day,o=r||t[t.length-1].day;i>o&&([i,o]=[o,i]),s&&o>s&&(o=s);const u=t[t.length-1].day;o<u&&(o=u);const c=new Date(`${i}T00:00:00Z`),g=new Date(`${o}T00:00:00Z`);if(!Number.isFinite(c.getTime())||!Number.isFinite(g.getTime()))return t;const m=Math.round((g.getTime()-c.getTime())/864e5)+1;m>Qa&&c.setUTCDate(c.getUTCDate()+(m-Qa));const x=[];for(;c.getTime()<=g.getTime()&&x.length<Qa;){const h=c.toISOString().slice(0,10);x.push(n.get(h)||{day:h,total_tokens:0,billable_total_tokens:0}),c.setUTCDate(c.getUTCDate()+1)}return x}function Xa(t){if(!Number.isFinite(t))return"—";const a=t*100;return`${a>=10?Math.round(a):a.toFixed(1)}%`}function _t({label:t,value:a,title:r}){return e.jsxs("div",{className:"flex flex-col gap-1.5 group min-w-0",children:[e.jsx("span",{className:"text-[9px] font-bold uppercase tracking-widest font-mono text-zinc-400 dark:text-zinc-500",children:t}),e.jsx("span",{className:"text-xl font-black font-mono text-zinc-900 dark:text-zinc-50 tracking-tight leading-none tabular-nums truncate transition-transform duration-200 group-hover:-translate-y-[1px]",title:r,children:a})]})}function ic({host:t}){if(!t)return null;let a;const r=rn(t);return r==="github"||r==="gitlab"?a=e.jsx(Ct,{provider:r,size:12,className:"fill-current"}):a=e.jsx(rl,{size:12}),e.jsx("span",{title:t,"aria-label":t,className:"inline-flex flex-shrink-0 items-center",children:a})}function er({children:t}){return e.jsx("span",{className:"text-[9px] font-extrabold uppercase tracking-widest font-mono text-zinc-400 dark:text-zinc-500 select-none",children:t})}function lc({entry:t,query:a={},onClose:r}){const[s,n]=vt.useState(!1),i=typeof t?.project_key=="string"?t.project_key:"",{owner:o,repo:u}=tn(i),c=typeof t?.project_ref=="string"?t.project_ref:"",g=an(c),{data:m,loading:x,error:h}=nc({projectKey:i,from:a.from,to:a.to,timeZone:a.timeZone,tzOffsetMinutes:a.tzOffsetMinutes}),{formatTokens:f,formatTokensTooltip:b}=Ee(),k=vt.useCallback(()=>n(!0),[]),p=I=>{I.target===I.currentTarget&&s&&r()};vt.useEffect(()=>{const I=E=>{E.key==="Escape"&&k()};return window.addEventListener("keydown",I),()=>window.removeEventListener("keydown",I)},[k]);const v=m?.totals||null,w=re(v?.billable_total_tokens)??0,D=Number(m?.days_active||0),T=re(v?.input_tokens)??0,R=re(v?.cached_input_tokens)??0,L=T+R>0?R/(T+R):null,z=re(m?.range_total_tokens)??0,S=re(v?.total_tokens)??0,_=z>0?S/z:null,j=vt.useMemo(()=>oc(m?.daily,m?.from,m?.to,br({timeZone:a.timeZone,offsetMinutes:a.tzOffsetMinutes})),[m,a.timeZone,a.tzOffsetMinutes]),P=Ja.reduce((I,E)=>I+(re(v?.[E.key])??0),0),$=Array.isArray(m?.sources)?m.sources:[],U=!x&&!h&&v&&S>0;return e.jsx("div",{onAnimationEnd:p,onClick:I=>{I.target===I.currentTarget&&k()},className:Nt("fixed inset-0 z-50 flex items-center justify-center p-3 md:p-6 backdrop-blur-md bg-black/15 dark:bg-black/40",s?"animate-tt-fade-out":"animate-tt-fade-in"),children:e.jsxs("div",{role:"dialog","aria-modal":"true","aria-label":i,className:Nt("relative w-full max-w-4xl max-h-[88vh] backdrop-blur-2xl bg-white/90 dark:bg-oai-gray-900/90 border border-oai-gray-200/50 dark:border-white/10 shadow-2xl rounded-2xl flex flex-col md:flex-row overflow-hidden",s?"animate-tt-modal-exit":"animate-tt-modal"),children:[e.jsx("button",{type:"button",onClick:k,"aria-label":l("dashboard.projects.detail.close_aria"),className:"absolute top-4 right-4 z-50 p-2 rounded-full border border-oai-gray-200/60 dark:border-oai-gray-800/60 bg-white/50 dark:bg-oai-gray-900/50 text-oai-gray-500 dark:text-oai-gray-400 hover:text-oai-gray-900 dark:hover:text-white hover:rotate-90 hover:scale-105 active:scale-95 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-oai-brand/60 transition-all duration-300",children:e.jsx(kr,{size:16})}),e.jsxs("div",{className:"w-full md:w-[300px] shrink-0 border-b md:border-b-0 md:border-r border-zinc-200/50 dark:border-zinc-800/40 p-5 md:p-6 flex flex-col gap-5 overflow-y-auto backdrop-blur-md bg-zinc-50/50 dark:bg-zinc-950/50",children:[e.jsxs("div",{className:"select-none",children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsxs("span",{className:"relative flex h-1.5 w-1.5",children:[e.jsx("span",{className:"animate-ping absolute inline-flex h-full w-full rounded-full opacity-75",style:{backgroundColor:ds}}),e.jsx("span",{className:"relative inline-flex rounded-full h-1.5 w-1.5",style:{backgroundColor:ds}})]}),e.jsx("span",{className:"text-[9px] font-extrabold uppercase tracking-widest font-mono text-zinc-400 dark:text-zinc-500",children:l("dashboard.projects.detail.badge")})]}),e.jsxs("div",{className:"mt-3 flex items-center gap-3 min-w-0",children:[e.jsx(nn,{githubOwner:sn(c,o),letter:(u?.[0]||i?.[0]||"?").toUpperCase(),size:"w-10 h-10"}),e.jsxs("div",{className:"min-w-0",children:[o?e.jsxs("p",{className:"text-[10px] font-mono text-zinc-400 dark:text-zinc-500 truncate leading-tight",children:[o,"/"]}):null,e.jsx("h4",{className:"text-xl font-black text-zinc-900 dark:text-zinc-50 tracking-tight leading-tight truncate",children:u||i||"—"})]})]}),e.jsxs("div",{className:"mt-2 flex items-center gap-1.5 text-[10px] font-mono text-zinc-400 dark:text-zinc-500 leading-relaxed",children:[e.jsx(ic,{host:g}),g&&m?.from&&m?.to?e.jsx("span",{children:"·"}):null,m?.from&&m?.to?e.jsxs("span",{className:"tabular-nums",children:[m.from," – ",m.to]}):null]})]}),U?e.jsxs("div",{className:"grid grid-cols-2 gap-x-5 gap-y-5 border-t border-zinc-200/50 dark:border-zinc-800/50 pt-5 select-none",children:[e.jsx(_t,{label:l("dashboard.projects.detail.stat_total"),value:f(w),title:b(w)}),e.jsx(_t,{label:l("dashboard.projects.detail.stat_share"),value:_==null?"—":Xa(_)}),e.jsx(_t,{label:l("dashboard.projects.detail.stat_cache_hit"),value:L==null?"—":Xa(L)}),e.jsx(_t,{label:l("dashboard.projects.detail.stat_conversations"),value:wa(v.conversation_count)}),e.jsx(_t,{label:l("dashboard.projects.detail.stat_active_days"),value:wa(D)}),e.jsx(_t,{label:l("dashboard.projects.detail.stat_avg_day"),value:D>0?f(Math.round(w/D)):"—"})]}):null]}),e.jsxs("div",{className:"flex-1 min-w-0 overflow-y-auto",children:[x&&e.jsxs("div",{className:"space-y-4 p-5 md:p-6",children:[e.jsx("div",{className:"h-32 rounded-lg bg-oai-gray-100 dark:bg-oai-gray-800 animate-pulse"}),e.jsx("div",{className:"h-16 rounded-lg bg-oai-gray-100 dark:bg-oai-gray-800 animate-pulse"}),e.jsx("div",{className:"h-24 rounded-lg bg-oai-gray-100 dark:bg-oai-gray-800 animate-pulse"})]}),!x&&h&&e.jsx("p",{className:"oai-text-body-sm text-oai-gray-500 dark:text-oai-gray-300 p-5 md:p-6",children:l("dashboard.projects.detail.error")}),!x&&!h&&!U&&e.jsx("p",{className:"oai-text-body-sm text-oai-gray-500 dark:text-oai-gray-300 p-5 md:p-6",children:l("dashboard.projects.detail.empty_range")}),U&&e.jsxs("div",{className:"divide-y divide-zinc-200/50 dark:divide-zinc-800/40",children:[j.length>1&&e.jsxs("section",{className:"px-5 py-5 md:px-6 first:md:pt-6",children:[e.jsx(er,{children:l("dashboard.projects.detail.section_trend")}),e.jsx("div",{className:"mt-3",children:e.jsx(Vs,{embedded:!0,rows:j,from:j[0]?.day,to:j[j.length-1]?.day,period:"month",showTimeZoneLabel:!1,chartHeightClass:"h-36"})})]}),P>0&&e.jsxs("section",{className:"px-5 py-5 md:px-6 first:md:pt-6",children:[e.jsx(er,{children:l("dashboard.projects.detail.section_composition")}),e.jsx("div",{className:"mt-3 flex h-1.5 w-full overflow-hidden rounded-full",children:Ja.map(I=>{const E=re(v[I.key])??0;return E<=0?null:e.jsx("div",{style:{width:`${E/P*100}%`,backgroundColor:I.color,minWidth:"2px"}},I.key)})}),e.jsx("div",{className:"mt-2.5 flex flex-wrap gap-x-4 gap-y-1.5",children:Ja.map(I=>{const E=re(v[I.key])??0;return e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"h-1.5 w-1.5 flex-shrink-0 rounded-full",style:{backgroundColor:I.color}}),e.jsx("span",{className:"text-[11px] text-zinc-500 dark:text-zinc-400",children:l(I.labelKey)}),e.jsx("span",{className:"text-[11px] font-bold font-mono text-zinc-900 dark:text-zinc-50 tabular-nums",title:b(E),children:f(E)})]},I.key)})})]}),$.length>0&&e.jsxs("section",{className:"px-5 py-5 md:px-6 first:md:pt-6",children:[e.jsx(er,{children:l("dashboard.projects.detail.section_sources")}),e.jsx("div",{className:"mt-3 space-y-3.5",children:$.map(I=>{const E=Number(I.total_tokens||0),q=S>0?E/S:0,N=q*100,C=Number(I.conversation_count||0),G=Si(I.source||"unknown");return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-1.5 min-w-0",children:[e.jsx(Ct,{provider:I.source,size:13,className:"flex-shrink-0"}),e.jsx("span",{className:"text-[11px] font-bold uppercase tracking-wide text-zinc-900 dark:text-zinc-50 truncate",children:jt(I.source)}),e.jsxs("span",{className:"hidden text-[10px] font-mono text-zinc-400 dark:text-zinc-500 tabular-nums whitespace-nowrap sm:inline",children:[l("dashboard.projects.detail.source_days",{n:Number(I.days_active||0)}),C>0?e.jsxs(e.Fragment,{children:[" · ",l("dashboard.projects.detail.source_conv",{n:C})]}):null]}),e.jsx("span",{className:"ml-auto text-[12px] font-bold font-mono text-zinc-900 dark:text-zinc-50 tabular-nums",title:b(E),children:f(E)}),e.jsx("span",{className:"w-9 text-right text-[10px] font-mono text-zinc-400 dark:text-zinc-500 tabular-nums",children:Xa(q)})]}),e.jsx("div",{className:"mt-1.5 h-1 w-full overflow-hidden rounded-full bg-zinc-100 dark:bg-zinc-800/60",children:e.jsx("div",{className:"h-full rounded-full",style:{width:`${Math.min(100,Math.max(N,E>0?1:0))}%`,minWidth:E>0?"3px":0,backgroundColor:G}})})]},I.source)})})]})]})]})]})})}const cc=5;function dc({entry:t,maxTokens:a,copy:r,formatTokens:s,formatTokensTooltip:n,onSelect:i}){const o=typeof t?.project_key=="string"?t.project_key:"",u=typeof t?.project_ref=="string"?t.project_ref:"",{owner:c,repo:g}=tn(o),m=sn(u,c),x=re(t?.billable_total_tokens??t?.total_tokens)??0,h=a>0?Math.min(100,Math.max(2,x/a*100)):0,f=Array.isArray(t?.sources)?t.sources:[],b=f.slice(0,cc),k=f.length-b.length;return e.jsxs("button",{type:"button",onClick:()=>i?.(t),className:"flex w-full items-center gap-3 p-2 rounded-lg text-left hover:bg-oai-gray-50 dark:hover:bg-oai-gray-800/50 active:bg-oai-gray-100 dark:active:bg-oai-gray-800 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-oai-brand/60 transition-colors",children:[e.jsx(nn,{githubOwner:m,letter:(g?.[0]||o?.[0]||"?").toUpperCase()}),e.jsxs("div",{className:"min-w-0 flex-1",children:[e.jsxs("div",{className:"flex items-baseline min-w-0",children:[c?e.jsxs("span",{className:"oai-text-caption text-oai-gray-400 dark:text-oai-gray-500 truncate flex-shrink-[2]",children:[c,"/"]}):null,e.jsx("span",{className:"oai-text-body-sm font-medium text-oai-black dark:text-oai-white truncate",children:g||o||"—"})]}),b.length>0&&e.jsxs("div",{className:"mt-0.5 flex items-center gap-1",children:[b.map(p=>e.jsx(Ct,{provider:p.source,size:12,className:"text-oai-gray-400 dark:text-oai-gray-500"},p.source)),k>0&&e.jsx("span",{className:"oai-text-caption text-oai-gray-400 dark:text-oai-gray-500",children:r("dashboard.projects.sources_more",{n:k})})]})]}),e.jsxs("div",{className:"flex w-24 flex-shrink-0 flex-col items-end gap-1",children:[e.jsx("span",{className:"oai-text-body-sm font-medium text-oai-black dark:text-oai-white tabular-nums",title:n(x),children:s(x)}),e.jsx("div",{className:"h-1 w-full overflow-hidden rounded-full bg-oai-gray-100 dark:bg-oai-gray-800",children:e.jsx("div",{className:"h-full rounded-full bg-emerald-500",style:{width:`${h}%`,minWidth:x>0?"3px":0}})})]})]})}function uc({projectEntries:t=[],projectLimit:a=3,onProjectLimitChange:r,projectDetailQuery:s={},copy:n,hasDetailsActual:i,dailyEmptyPrefix:o,installSyncCmd:u,dailyEmptySuffix:c,detailsColumns:g,ariaSortFor:m,toggleSort:x,sortIconFor:h,pagedDetails:f,dailyBreakdownRows:b=[],dailyBreakdownColumns:k=[],dailyBreakdownAriaSortFor:p,dailyBreakdownSortIconFor:v,dailyBreakdownDateKey:w="day",detailsDateKey:D,renderDetailDate:T,renderDailyBreakdownDate:R,renderDetailCell:L,DETAILS_PAGED_PERIODS:z,period:S,detailsPageCount:_,detailsPage:j,setDetailsPage:P}){const[$,U]=d.useState("daily"),[I,E]=d.useState(null),{formatTokens:q,formatTokensTooltip:N}=Ee();return e.jsxs(Te,{children:[e.jsxs("div",{className:`flex items-center justify-between gap-3 ${$==="projects"?"mb-4":"mb-0"}`,children:[e.jsxs("div",{role:"tablist","aria-label":"Data view",className:"flex gap-1",children:[e.jsx("button",{role:"tab","aria-selected":$==="daily",type:"button",onClick:()=>U("daily"),className:`text-xs font-medium px-3 py-1.5 rounded transition-colors ${$==="daily"?"text-oai-black dark:text-oai-white bg-oai-gray-100 dark:bg-oai-gray-800":"text-oai-gray-500 dark:text-oai-gray-300 hover:text-oai-black dark:hover:text-oai-white hover:bg-oai-gray-50 dark:hover:bg-oai-gray-800/50"}`,children:n("dashboard.daily.title")}),e.jsx("button",{role:"tab","aria-selected":$==="projects",type:"button",onClick:()=>U("projects"),className:`text-xs font-medium px-3 py-1.5 rounded transition-colors ${$==="projects"?"text-oai-black dark:text-oai-white bg-oai-gray-100 dark:bg-oai-gray-800":"text-oai-gray-500 dark:text-oai-gray-300 hover:text-oai-black dark:hover:text-oai-white hover:bg-oai-gray-50 dark:hover:bg-oai-gray-800/50"}`,children:n("dashboard.projects.title")})]}),$==="projects"&&e.jsx(Ks,{ariaLabel:n("dashboard.projects.limit_aria"),value:a,onValueChange:C=>r?.(Number(C)),options:[{value:3,label:n("dashboard.projects.limit_top_3")},{value:6,label:n("dashboard.projects.limit_top_6")},{value:10,label:n("dashboard.projects.limit_top_10")}],align:"end",className:"px-2 py-1 text-xs text-oai-gray-600 dark:text-oai-gray-300"})]}),$==="projects"&&(()=>{const C=t.slice(0,a);if(C.length===0)return e.jsx("div",{className:"oai-text-body-sm text-oai-gray-500 dark:text-oai-gray-300",children:n("dashboard.projects.empty")});const G=C.reduce((O,ue)=>{const J=re(ue?.billable_total_tokens??ue?.total_tokens)??0;return J>O?J:O},0);return e.jsx("div",{className:"space-y-1",children:C.map((O,ue)=>e.jsx(dc,{entry:O,maxTokens:G,copy:n,formatTokens:q,formatTokensTooltip:N,onSelect:E},O?.project_key||O?.project_ref||`entry-${ue}`))})})(),I&&e.jsx(lc,{entry:I,query:s,onClose:()=>E(null)}),$==="daily"&&e.jsxs("div",{children:[b?.length===0?e.jsxs("div",{className:"oai-text-body-sm text-oai-gray-500 dark:text-oai-gray-300 mb-4",children:[o,e.jsx("code",{className:"mx-1 rounded border border-oai-gray-300 dark:border-oai-gray-700 oai-bg-elevated px-1.5 py-0.5 font-mono oai-text-caption",children:u}),c]}):e.jsx("div",{className:"overflow-auto max-h-[384px] -mx-4 oai-scrollbar",children:e.jsxs("table",{className:"w-full border-collapse",children:[e.jsx("thead",{className:"sticky top-0 z-10",children:e.jsx("tr",{className:"border-b border-oai-gray-200 dark:border-oai-gray-700",children:k.map(C=>e.jsx("th",{"aria-sort":p?.(C.key)||"none",className:"text-left p-0 bg-white dark:bg-oai-gray-900",children:e.jsx("button",{type:"button",onClick:()=>x(C.key),className:"flex w-full items-center justify-start px-2.5 sm:px-4 py-2 text-left oai-text-caption font-semibold text-oai-gray-600 dark:text-oai-gray-300 hover:text-oai-black dark:hover:text-oai-white transition-colors",children:e.jsxs("span",{className:"inline-flex items-center gap-1",children:[e.jsx("span",{children:C.label}),e.jsx("span",{className:"text-oai-gray-400 dark:text-oai-gray-400",children:v?.(C.key)||""})]})})},C.key))})}),e.jsx("tbody",{children:b.map(C=>e.jsxs("tr",{className:`border-b border-oai-gray-100 dark:border-oai-gray-800 last:border-b-0 hover:bg-oai-gray-50/50 dark:hover:bg-oai-gray-800/50 transition-colors ${C.missing?"text-oai-gray-400 dark:text-oai-gray-400":C.future?"text-oai-gray-300 dark:text-oai-gray-600":"text-oai-black dark:text-oai-white"}`,children:[e.jsx("td",{className:"px-2.5 sm:px-4 py-2 oai-text-body-sm text-oai-gray-500 dark:text-oai-gray-300 whitespace-nowrap",children:R?R(C):T(C)}),e.jsx("td",{className:"px-2.5 sm:px-4 py-2 oai-text-body-sm font-medium text-oai-black dark:text-oai-white tabular-nums",children:L(C,"total_tokens")}),e.jsx("td",{className:"px-2.5 sm:px-4 py-2 oai-text-body-sm text-oai-gray-600 dark:text-oai-gray-300 tabular-nums",children:L(C,"input_tokens")}),e.jsx("td",{className:"px-2.5 sm:px-4 py-2 oai-text-body-sm text-oai-gray-600 dark:text-oai-gray-300 tabular-nums",children:L(C,"output_tokens")}),e.jsx("td",{className:"px-2.5 sm:px-4 py-2 oai-text-body-sm text-oai-gray-600 dark:text-oai-gray-300 tabular-nums",children:L(C,"cached_input_tokens")}),e.jsx("td",{className:"px-2.5 sm:px-4 py-2 oai-text-body-sm text-oai-gray-600 dark:text-oai-gray-300 tabular-nums",children:L(C,"reasoning_output_tokens")}),e.jsx("td",{className:"px-2.5 sm:px-4 py-2 oai-text-body-sm text-oai-gray-600 dark:text-oai-gray-300 tabular-nums",children:L(C,"conversation_count")})]},String(C?.[w]||C?.day||C?.hour||C?.month||"")))})]})}),$!=="daily"&&z.has(S)&&_>1?e.jsxs("div",{className:"mt-3 flex items-center justify-between oai-text-caption",children:[e.jsx("button",{type:"button",onClick:()=>P(C=>Math.max(0,C-1)),disabled:j===0,className:"px-3 py-1.5 text-oai-gray-600 dark:text-oai-gray-300 hover:bg-oai-gray-100 dark:hover:bg-oai-gray-800 rounded-md disabled:opacity-50 disabled:cursor-not-allowed transition-colors",children:n("details.pagination.prev")}),e.jsxs("span",{className:"oai-text-muted",children:[j+1," / ",_]}),e.jsx("button",{type:"button",onClick:()=>P(C=>Math.min(_-1,C+1)),disabled:j+1>=_,className:"px-3 py-1.5 text-oai-gray-600 dark:text-oai-gray-300 hover:bg-oai-gray-100 dark:hover:bg-oai-gray-800 rounded-md disabled:opacity-50 disabled:cursor-not-allowed transition-colors",children:n("details.pagination.next")})]}):null]})]})}function ka(t){return typeof t!="string"?"":t.trim()}function us(t){const a=ka(t);return a?a.split(/[_\-\s]+/).filter(Boolean).map(r=>r.slice(0,1).toUpperCase()+r.slice(1).toLowerCase()).join(" "):""}function mc(t){if(!Array.isArray(t))return[];const a=new Map;for(const r of t){if(!r||typeof r!="object")continue;const s=ka(r.tool),n=ka(r.planType)||ka(r.plan_type);if(!s||!n)continue;const i=us(s)||s,o=us(n)||n;a.set(`${s.toLowerCase()}::${n.toLowerCase()}`,{tool:i,plan:o})}return Array.from(a.values())}function hc({startDate:t,streakDays:a,subscriptions:r=[],periodConversations:s,rolling:n,topModels:i=[],className:o=""}){const{formatTokensTooltip:u}=Ee(),c=l("shared.placeholder.short"),g=l("shared.unit.percent"),m=t??l("identity_card.rank_placeholder"),x=Number.isFinite(Number(a))?Number(a):0,h=x?l("identity_card.streak_value",{days:x}):l("identity_card.rank_placeholder"),f=mc(r),b={thousandSuffix:l("shared.unit.thousand_abbrev"),millionSuffix:l("shared.unit.million_abbrev"),billionSuffix:l("shared.unit.billion_abbrev")},k=w=>{if(w==null)return c;const D=Je(w,b);return D==="-"?c:D},p={last7d:l("stats.period.last_7d"),last30d:l("stats.period.last_30d"),avg:l("stats.period.avg"),convs:l("stats.period.convs")},v=i.slice(0,3);return e.jsxs(Te,{className:`h-full ${o}`,children:[e.jsxs("div",{className:"grid grid-cols-2 lg:grid-cols-2 xl:grid-cols-4 gap-2",children:[e.jsxs("div",{className:"min-w-0 flex flex-col items-center justify-center px-2 py-2 bg-oai-gray-50 dark:bg-oai-gray-800 rounded-lg",children:[e.jsx("span",{title:u(n?.last_7d?.totals?.billable_total_tokens),className:"w-full min-w-0 truncate text-center text-sm font-semibold text-oai-black dark:text-oai-white tabular-nums",children:k(n?.last_7d?.totals?.billable_total_tokens)}),e.jsx("span",{className:"w-full min-w-0 truncate text-center text-[10px] text-oai-gray-400 dark:text-oai-gray-400 mt-0.5 whitespace-nowrap",children:p.last7d})]}),e.jsxs("div",{className:"min-w-0 flex flex-col items-center justify-center px-2 py-2 bg-oai-gray-50 dark:bg-oai-gray-800 rounded-lg",children:[e.jsx("span",{title:u(n?.last_30d?.totals?.billable_total_tokens),className:"w-full min-w-0 truncate text-center text-sm font-semibold text-oai-black dark:text-oai-white tabular-nums",children:k(n?.last_30d?.totals?.billable_total_tokens)}),e.jsx("span",{className:"w-full min-w-0 truncate text-center text-[10px] text-oai-gray-400 dark:text-oai-gray-400 mt-0.5 whitespace-nowrap",children:p.last30d})]}),e.jsxs("div",{className:"min-w-0 flex flex-col items-center justify-center px-2 py-2 bg-oai-gray-50 dark:bg-oai-gray-800 rounded-lg",children:[e.jsx("span",{title:u(n?.last_30d?.avg_per_active_day),className:"w-full min-w-0 truncate text-center text-sm font-semibold text-oai-black dark:text-oai-white tabular-nums",children:k(n?.last_30d?.avg_per_active_day)}),e.jsx("span",{className:"w-full min-w-0 truncate text-center text-[10px] text-oai-gray-400 dark:text-oai-gray-400 mt-0.5 whitespace-nowrap",children:p.avg})]}),e.jsxs("div",{className:"min-w-0 flex flex-col items-center justify-center px-2 py-2 bg-oai-gray-50 dark:bg-oai-gray-800 rounded-lg",children:[e.jsx("span",{className:"w-full min-w-0 truncate text-center text-sm font-semibold text-oai-black dark:text-oai-white tabular-nums",children:k(s)}),e.jsx("span",{className:"w-full min-w-0 truncate text-center text-[10px] text-oai-gray-400 dark:text-oai-gray-400 mt-0.5 whitespace-nowrap",children:p.convs})]})]}),v.length>0&&e.jsx("div",{className:"mt-4 pt-3 border-t border-oai-gray-100 dark:border-oai-gray-800",children:v.map((w,D)=>{const T=w?.name?String(w.name):c,R=w?.percent?String(w.percent):"",L=D===v.length-1,z=D+1;return e.jsxs("div",{className:`flex items-center py-2 ${L?"":"border-b border-oai-gray-50 dark:border-oai-gray-800"}`,children:[e.jsx("span",{className:"w-5 h-5 flex items-center justify-center rounded-full bg-oai-gray-100 dark:bg-oai-gray-800 text-[10px] font-semibold text-oai-gray-500 dark:text-oai-gray-300 flex-shrink-0",children:z}),e.jsx("span",{className:"flex-1 text-sm text-oai-gray-700 dark:text-oai-gray-300 truncate px-2.5",title:T,children:T}),e.jsxs("span",{className:"text-sm font-semibold text-oai-black dark:text-oai-white tabular-nums flex-shrink-0",children:[R,g]})]},w.id||T)})}),f.length>0&&e.jsx("div",{className:"mt-3 pt-3 border-t border-oai-gray-100 dark:border-oai-gray-800 flex flex-wrap gap-1.5",children:f.map((w,D)=>e.jsxs(gl,{variant:"secondary",size:"sm",children:[w.tool," ",w.plan]},`${w.tool}:${w.plan}:${D}`))}),e.jsxs("div",{className:"mt-4 pt-3 border-t border-oai-gray-100 dark:border-oai-gray-800 flex items-center justify-between text-xs text-oai-gray-400 dark:text-oai-gray-400",children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{children:l("identity_card.rank_label")}),e.jsx("span",{className:"text-oai-gray-500 dark:text-oai-gray-300 tabular-nums",children:m})]}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("span",{children:l("identity_card.streak_label")}),e.jsx("span",{className:"text-oai-gray-500 dark:text-oai-gray-300 tabular-nums",children:h})]})]})]})}let ga=null;function gc(){if(ga===null)try{ga=typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("color","oklch(0 0 0)")}catch{ga=!1}return ga}function xc(t,a,r){const s=r*Math.PI/180,n=a*Math.cos(s),i=a*Math.sin(s),o=t+.3963377774*n+.2158037573*i,u=t-.1055613458*n-.0638541728*i,c=t-.0894841775*n-1.291485548*i,g=o*o*o,m=u*u*u,x=c*c*c;return[4.0767416621*g-3.3077115913*m+.2309699292*x,-1.2684380046*g+2.6097574011*m-.3413193965*x,-.0041960863*g-.7034186147*m+1.707614701*x].map(f=>{const b=Math.min(1,Math.max(0,f)),k=b<=.0031308?12.92*b:1.055*Math.pow(b,1/2.4)-.055;return Math.round(k*255)})}function on(t,a,r,s){if(gc())return s==null?`oklch(${t} ${a} ${r})`:`oklch(${t} ${a} ${r} / ${s})`;const[n,i,o]=xc(t,a,r);return s==null?`rgb(${n} ${i} ${o})`:`rgb(${n} ${i} ${o} / ${s})`}function Tt(t){const a=/^oklch\(\s*([0-9.]+)\s+([0-9.]+)\s+([0-9.]+)\s*\)$/.exec(t);return a?on(Number(a[1]),Number(a[2]),Number(a[3])):t}const ms={claude:35,codex:250},hs={system_prompt:{l:.55,c:.05},messages:{l:.65,c:.18},tool_calls:{l:.6,c:.14},custom_agents:{l:.55,c:.1},reasoning:{l:.7,c:.08}};function fc(t,a){const r=ms[a]??ms.claude,s=hs[t]||hs.system_prompt;return on(s.l,s.c,r)}const pc=[{key:"system_prompt",from:["system_prefix"]},{key:"messages",from:["user_input","conversation_history","assistant_response"]},{key:"tool_calls",from:["tool_calls"]},{key:"custom_agents",from:["subagents"]},{key:"reasoning",from:["reasoning"]}],yc=[["by_type","dashboard.context_breakdown.exec_details.group_by_type"],["by_executable","dashboard.context_breakdown.exec_details.group_by_executable"],["by_command","dashboard.context_breakdown.exec_details.group_by_command"],["by_duration","dashboard.context_breakdown.exec_details.group_by_duration"],["by_output","dashboard.context_breakdown.exec_details.group_by_output"],["by_exit","dashboard.context_breakdown.exec_details.group_by_exit"]],bc={duration:.18,ease:[.4,0,.2,1]},kc={height:0,opacity:0},wc={height:"auto",opacity:1},_c={height:0,opacity:0};function vc(t){const a=Number(t||0);return Number.isFinite(a)&&a>0?a:0}function jc(t,a){const r={};for(const s of["input_tokens","cached_input_tokens","cache_creation_input_tokens","output_tokens","reasoning_output_tokens","total_tokens"])r[s]=Math.round(Number(t?.[s]||0)*a);return r}function ln(t,a=null){const r=t.reduce((o,u)=>o+Number(u.totals.total_tokens||0),0),s=vc(a),n=s||r,i=s&&r>0?s/r:1;return t.map(o=>{const u=i===1?o.totals:jc(o.totals,i);return{...o,totals:u,percent:n>0?Number((u.total_tokens/n*100).toFixed(2)):0}}).sort((o,u)=>u.totals.total_tokens-o.totals.total_tokens)}function Nc(t,a=null){const r=new Map;for(const n of t||[])r.set(n.key,n);const s=pc.map(n=>{const i={input_tokens:0,cached_input_tokens:0,cache_creation_input_tokens:0,output_tokens:0,reasoning_output_tokens:0,total_tokens:0};for(const o of n.from){const u=r.get(o);if(!u)continue;const c=u.totals||{};i.input_tokens+=c.input_tokens||0,i.cached_input_tokens+=c.cached_input_tokens||0,i.cache_creation_input_tokens+=c.cache_creation_input_tokens||0,i.output_tokens+=c.output_tokens||0,i.reasoning_output_tokens+=c.reasoning_output_tokens||0,i.total_tokens+=c.total_tokens||0}return{key:n.key,totals:i}});return ln(s,a)}function Sc(t,a=null){const r=t?.totals||{},s=Number(r.reasoning_output_tokens||0),n=(t?.tool_calls_breakdown?.categories||[]).reduce((g,m)=>m?.name==="Text Response"?g:g+Number(m?.totals?.total_tokens||0),0),i=Number(r.total_tokens||0),o=Math.min(Math.max(0,n),Math.max(0,i-s)),c=[{key:"messages",totals:{total_tokens:Math.max(0,i-s-o)}},{key:"tool_calls",totals:{total_tokens:o}},{key:"reasoning",totals:{total_tokens:s}}];return ln(c,a)}const gs="MCP: ";function Cc(t){if(!t?.categories?.length)return{mcpSet:null,residualSet:t,mcpTotalTokens:0};const a=[],r=[];let s=0;for(const n of t.categories){const i=String(n?.name||"");i.startsWith(gs)?(a.push({...n,name:i.slice(gs.length)}),s+=Number(n?.totals?.total_tokens||0)):r.push(n)}return a.length===0?{mcpSet:null,residualSet:t,mcpTotalTokens:0}:(a.sort((n,i)=>(i.totals?.total_tokens||0)-(n.totals?.total_tokens||0)),{mcpSet:{...t,categories:a},residualSet:{...t,categories:r},mcpTotalTokens:s})}function xs(t){return l(`dashboard.context_breakdown.category.${t}`)}function Tc(t){return typeof t!="string"?"":t.startsWith("mcp__")?t.split("__").slice(2).join("__")||t:t.includes("/")&&t.split("/").pop()||t}function Ac(t){return(Array.isArray(t)?t:[]).map(a=>{const r=a?.totals||null,s=Number(r?r.input_tokens||0:a?.input_tokens||0),n=Number(r?r.output_tokens||0:a?.output_tokens||0),i=Number(r?r.cached_input_tokens||0:a?.cache_read||0),o=Number(r?r.cache_creation_input_tokens||0:a?.cache_creation||0),u=Number(r?r.total_tokens||s+n:a?.total_tokens||n);return{name:Tc(a?.name?String(a.name):""),calls:Number(a?.calls||0),input_tokens:s,output_tokens:n,cache_read:i,cache_creation:o,total_tokens:Number(u||0)}}).filter(a=>a.name).sort((a,r)=>(r.total_tokens||0)-(a.total_tokens||0))}function Dc(t){return(Array.isArray(t)?t:[]).map(a=>{const r=a?.totals||{},s=Array.isArray(a?.tools)?a.tools:[],n=Number(r.input_tokens||0),i=Number(r.output_tokens||0),o=Number(r.cached_input_tokens||0),u=Number(r.cache_creation_input_tokens||0);return{name:a?.name?String(a.name):"",calls:Number(a?.calls||0),totals:{input_tokens:n,output_tokens:i,cached_input_tokens:o,cache_creation_input_tokens:u,total_tokens:Number(r.total_tokens||n+i)},tools:Ac(s),toolCount:s.length}}).filter(a=>a.name).sort((a,r)=>(r.totals.total_tokens||0)-(a.totals.total_tokens||0))}function Lc(t){return(Array.isArray(t)?t:[]).map(a=>{const r=a?.totals||{},s=Number(r.input_tokens||0),n=Number(r.output_tokens||0),i=Number(r.cached_input_tokens||0),o=Number(r.cache_creation_input_tokens||0);return{key:a?.key?String(a.key):"",name:a?.name?String(a.name):"",totals:{input_tokens:s,output_tokens:n,cached_input_tokens:i,cache_creation_input_tokens:o,total_tokens:Number(r.total_tokens||s+n+i+o)}}}).filter(a=>a.key||a.name).sort((a,r)=>(r.totals.total_tokens||0)-(a.totals.total_tokens||0))}function Mc(t){return(Array.isArray(t)?t:[]).map(a=>{const r=a?.totals||{};return{name:a?.name?String(a.name):"",calls:Number(a?.calls||0),total_tokens:Number(r.total_tokens||0)}}).filter(a=>a.name).sort((a,r)=>Number(r.total_tokens||0)-Number(a.total_tokens||0))}function Ec(t){if(t?.key){const a=l(`dashboard.context_breakdown.message_details.${t.key}`);if(a&&!a.includes("dashboard.context_breakdown"))return a}return t?.name||""}function Rc(t){return(Array.isArray(t)?t:[]).map(a=>{const r=a?.totals||{},s=Number(r.input_tokens||0),n=Number(r.output_tokens||0),i=Number(r.cached_input_tokens||0),o=Number(r.cache_creation_input_tokens||0);return{name:a?.name?String(a.name):"",calls:Number(a?.calls||0),failures:Number(a?.failures||0),duration_ms:Number(a?.duration_ms||0),max_duration_ms:Number(a?.max_duration_ms||0),output_chars:Number(a?.output_chars||0),output_lines:Number(a?.output_lines||0),totals:{input_tokens:s,output_tokens:n,cached_input_tokens:i,cache_creation_input_tokens:o,total_tokens:Number(r.total_tokens||s+n)}}}).filter(a=>a.name).sort((a,r)=>Number(r.totals.total_tokens||0)-Number(a.totals.total_tokens||0))}function fs(t){const a=Number(t||0);return!Number.isFinite(a)||a<=0?"0ms":a<1e3?`${Math.round(a)}ms`:a<6e4?`${(a/1e3).toFixed(1)}s`:`${Math.round(a/1e3)}s`}function Ic(t,a){return t?a==="by_executable"?t.by_executable||[]:a==="by_command"?t.by_command||[]:a==="by_duration"?t.by_duration||[]:a==="by_output"?t.by_output||[]:a==="by_exit"?t.by_exit||[]:t.by_type||[]:[]}function ps(t){return t==="exec_command"||t==="Bash"}function cn(t){return t==="codex"?"dashboard.context_breakdown.empty_codex":"dashboard.context_breakdown.empty"}function Fc(t){return t==="codex"?"dashboard.context_breakdown.error_codex":"dashboard.context_breakdown.error"}function $c(t){return t==="codex"?"dashboard.context_breakdown.footnote_codex":"dashboard.context_breakdown.footnote"}const Pc=10;function Ze({level:t=0,colorSquare:a=null,label:r,labelSuffix:s=null,labelTone:n="default",hasChevron:i=!1,open:o=!1,onToggle:u,tokens:c,percent:g=null,children:m,share:x=null,fillColor:h=null}){const f=n==="accent"?"text-oai-brand truncate":n==="muted"?"text-oai-gray-500 dark:text-oai-gray-400 truncate":n==="strong"?"font-medium text-oai-black dark:text-oai-white truncate":"text-oai-gray-700 dark:text-oai-gray-300 truncate",b=e.jsx("span",{className:"shrink-0 flex items-center justify-start",style:{width:Pc},"aria-hidden":!a,children:a}),k=e.jsxs(e.Fragment,{children:[b,e.jsx("span",{className:f,children:r}),s,i&&e.jsx(Ne.span,{animate:{rotate:o?90:0},transition:{duration:.15},className:"shrink-0 text-oai-gray-400 dark:text-oai-gray-500 flex items-center","aria-hidden":"true",children:e.jsx(Ui,{size:11})})]}),p=h&&x!=null&&x>0,v=p?Math.max(0,Math.min(100,x)):0;return e.jsxs("li",{className:"min-w-0 group/row",children:[e.jsxs("div",{className:"relative grid grid-cols-[minmax(0,1fr)_minmax(9rem,max-content)_4rem] items-center gap-x-3 text-xs py-1 px-1 rounded-sm transition-colors duration-150",style:p?{backgroundImage:`linear-gradient(to right, ${h.replace(/\)\s*$/," / 0.10)")} 0%, ${h.replace(/\)\s*$/," / 0.10)")} ${v}%, transparent ${v}%)`}:void 0,children:[i?e.jsx("button",{type:"button",onClick:u,"aria-expanded":o,className:"relative col-start-1 row-start-1 flex items-center gap-1.5 min-w-0 text-left cursor-pointer focus-visible:outline-none focus-visible:ring-inset focus-visible:ring-2 focus-visible:ring-oai-brand/40 rounded-sm",children:k}):e.jsx("div",{className:"relative col-start-1 row-start-1 flex items-center gap-1.5 min-w-0",children:k}),e.jsx("span",{className:"relative col-start-2 row-start-1 text-right whitespace-nowrap tabular-nums text-oai-gray-500 dark:text-oai-gray-400",children:c||""}),e.jsx("span",{className:"relative col-start-3 row-start-1 text-right whitespace-nowrap tabular-nums text-[10px] text-oai-gray-400 dark:text-oai-gray-500 font-normal",children:g||""})]}),i&&m?e.jsx(wr,{initial:!1,children:o&&e.jsx(Ne.div,{initial:kc,animate:wc,exit:_c,transition:bc,style:{overflow:"hidden"},children:m},"content")}):null]})}function ys({execDetails:t,source:a="claude"}){const{formatTokens:r}=Ee(),[s,n]=d.useState("by_type"),i=Rc(Ic(t,s)),o=a==="codex",u=o?"grid-cols-[minmax(0,1fr)_48px_48px_72px_72px_60px_60px]":"grid-cols-[minmax(0,1fr)_56px_60px]";return e.jsxs("div",{className:"mt-2 ml-4",children:[e.jsx("div",{className:"flex flex-wrap items-center gap-1 rounded-md bg-oai-gray-100 dark:bg-oai-gray-900 p-1 w-fit max-w-full",children:yc.map(([c,g])=>e.jsx("button",{type:"button",onClick:()=>n(c),className:"h-7 px-2 rounded-md text-[10px] font-medium transition-colors "+(s===c?"bg-oai-white dark:bg-oai-gray-800 text-oai-black dark:text-oai-white shadow-sm":"text-oai-gray-600 dark:text-oai-gray-300 hover:bg-oai-white/70 dark:hover:bg-oai-gray-800/70"),children:l(g)},c))}),i.length===0?e.jsx("p",{className:"mt-2 text-[10px] text-oai-gray-400 dark:text-oai-gray-500",children:"—"}):e.jsx("div",{className:"mt-2 overflow-x-auto",children:e.jsxs("div",{role:"table","aria-label":l("dashboard.context_breakdown.exec_details.title"),className:o?"min-w-[420px]":"min-w-[260px]",children:[e.jsxs("div",{role:"row",className:`grid ${u} gap-2 py-1.5 mb-1 border-b border-oai-gray-200 dark:border-oai-gray-800 text-label uppercase text-oai-gray-500 dark:text-oai-gray-400`,children:[e.jsx("span",{role:"columnheader",children:l("dashboard.context_breakdown.exec_details.kind_column")}),e.jsx("span",{role:"columnheader",className:"text-right",children:l("dashboard.context_breakdown.exec_details.calls_column")}),o&&e.jsxs(e.Fragment,{children:[e.jsx("span",{role:"columnheader",className:"text-right",children:l("dashboard.context_breakdown.exec_details.failures_column")}),e.jsx("span",{role:"columnheader",className:"text-right",children:l("dashboard.context_breakdown.exec_details.duration_column")}),e.jsx("span",{role:"columnheader",className:"text-right",children:l("dashboard.context_breakdown.exec_details.max_duration_column")})]}),e.jsx("span",{role:"columnheader",className:"text-right",children:l("dashboard.context_breakdown.tool_details.total_column")}),o&&e.jsx("span",{role:"columnheader",className:"text-right",children:l("dashboard.context_breakdown.exec_details.output_column")})]}),i.map((c,g)=>e.jsxs(Ne.div,{role:"row",className:`grid ${u} gap-2 py-1.5`,title:c.name,initial:{opacity:0},animate:{opacity:1},transition:{duration:.18,delay:g*.02},children:[e.jsx("span",{role:"cell",className:"min-w-0 text-body-sm font-medium text-oai-black dark:text-oai-white truncate",children:c.name}),e.jsx("span",{role:"cell",className:"text-right text-body-sm tabular-nums text-oai-gray-700 dark:text-oai-gray-300",children:Je(c.calls||0)}),o&&e.jsxs(e.Fragment,{children:[e.jsx("span",{role:"cell",className:"text-right text-body-sm tabular-nums text-oai-gray-700 dark:text-oai-gray-300",children:Je(c.failures||0)}),e.jsx("span",{role:"cell",className:"text-right text-body-sm tabular-nums text-oai-gray-700 dark:text-oai-gray-300",children:fs(c.duration_ms||0)}),e.jsx("span",{role:"cell",className:"text-right text-body-sm tabular-nums text-oai-gray-700 dark:text-oai-gray-300",children:fs(c.max_duration_ms||0)})]}),e.jsx("span",{role:"cell",className:"text-right text-body-sm tabular-nums text-oai-gray-700 dark:text-oai-gray-300",children:r(c.totals.total_tokens||0)}),o&&e.jsx("span",{role:"cell",className:"text-right text-body-sm tabular-nums text-oai-gray-700 dark:text-oai-gray-300",children:Je(c.output_lines||0)})]},c.name))]})})]})}function Ut({toolSet:t,execDetails:a,source:r,codexQueueFallback:s}){const{formatTokens:n}=Ee(),[i,o]=d.useState({}),[u,c]=d.useState(!1),g=Dc(t?.categories||[]);function m(x){o(h=>({...h,[x]:!h[x]}))}return g.length===0?e.jsx("p",{className:"text-[11px] text-oai-gray-400 dark:text-oai-gray-500 py-0.5",children:r==="codex"&&s?l("dashboard.context_breakdown.tool_details.unavailable_codex"):l(cn(r))}):e.jsx("ul",{className:"mt-0.5 mb-0.5 space-y-0.5",children:g.map(x=>{const h=x.toolCount>0,f=x.name==="Execution"&&a,b=f&&x.tools.some(p=>ps(p.name)),k=!!i[x.name];return e.jsxs(Ze,{level:1,label:x.name,labelTone:"strong",hasChevron:h||f&&!b,open:k||f&&!b&&u,onToggle:()=>{h?m(x.name):f&&!b&&c(p=>!p)},tokens:n(x.totals.total_tokens||0),percent:null,children:[h&&e.jsx("ul",{className:"space-y-0.5",children:x.tools.map(p=>{const v=f&&ps(p.name);return e.jsx(Ze,{level:2,label:p.name,labelTone:v?"accent":"default",hasChevron:v,open:u,onToggle:()=>c(w=>!w),tokens:n(p.total_tokens||0),percent:null,children:v&&e.jsx(ys,{execDetails:a,source:r})},p.name)})}),f&&!b&&e.jsx(ys,{execDetails:a,source:r})]},x.name)})})}function Bc({from:t,to:a,source:r="claude",referenceTotalTokens:s=null,onLoadingChange:n=null}){const{formatTokens:i}=Ee(),[o,u]=d.useState(null),[c,g]=d.useState(!1),[m,x]=d.useState(null),[h,f]=d.useState({});function b(N){f(C=>({...C,[N]:!C[N]}))}if(d.useEffect(()=>{let N=!1;return g(!0),n?.(!0),x(null),Ko({from:t,to:a,source:r,timeZone:Us(),tzOffsetMinutes:Os()}).then(C=>{N||u(C)}).catch(C=>{N||x(C?.message||String(C))}).finally(()=>{N||(g(!1),n?.(!1))}),()=>{N=!0}},[t,a,r]),c&&!o)return e.jsxs("div",{children:[e.jsx("div",{className:"h-1 w-full bg-oai-gray-100 dark:bg-oai-gray-800 rounded-full overflow-hidden animate-pulse"}),e.jsx("div",{className:"mt-3 grid grid-cols-1 sm:grid-cols-2 gap-x-4 gap-y-2",children:[0,1,2,3,4].map(N=>e.jsx("div",{className:"h-3 rounded bg-oai-gray-100 dark:bg-oai-gray-800 animate-pulse",style:{animationDelay:`${N*80}ms`}},N))}),e.jsx("p",{className:"mt-3 text-[11px] text-oai-gray-500 dark:text-oai-gray-400",children:l("dashboard.context_breakdown.loading_hint")})]});if(m)return e.jsx("p",{className:"text-xs text-oai-gray-500 dark:text-oai-gray-400",children:l(Fc(r))});if(!o||o.scope!=="supported"||!o.totals?.total_tokens)return e.jsx("p",{className:"text-xs text-oai-gray-500 dark:text-oai-gray-400",children:l(cn(r))});const k=r==="claude"?Nc(o.categories||[],s):Sc(o,s),p=o.tool_calls_breakdown||null,v=o.skills_breakdown||null,w=o.message_breakdown||null,D=o.configured_resources||null,T=o.exec_command_breakdown||null,R=Mc(v?.skills||[]),L=Lc(w?.categories||[]),z=r==="codex"&&(o?.breakdown_status==="queue_fallback"||o?.fallback==="queue_totals"),S=r==="claude"?p?.tool_calls||null:p||null,{mcpSet:_,residualSet:j,mcpTotalTokens:P}=Cc(S),$=r==="claude"&&p?.subagents||null,U=$?.categories?.length>0||(D?.custom_agents_count||0)>0,I=r==="claude"?(j?.categories||[]).reduce((N,C)=>N+Number(C?.totals?.total_tokens||0),0):0,E=r==="claude"?($?.categories||[]).reduce((N,C)=>N+Number(C?.totals?.total_tokens||0),0):0,q=[...k].sort((N,C)=>(C.totals?.total_tokens||0)-(N.totals?.total_tokens||0));return e.jsxs("div",{role:"region","aria-label":l("dashboard.context_breakdown.bar_aria",{summary:k.filter(N=>N.percent>0).filter(N=>!(r==="claude"&&(N.key==="tool_calls"||N.key==="custom_agents"))).map(N=>`${xs(N.key)} ${N.percent}%`).join("，")}),children:[e.jsxs("ul",{className:"space-y-0.5",children:[q.map(N=>{const C=N.key==="system_prompt",G=N.key==="messages",O=N.key==="tool_calls",ue=N.key==="custom_agents";if(N.key,r==="claude"&&(O||ue))return null;const J=G&&L.length>0||O&&(j?.categories?.length>0||z)||ue&&U&&$,me=!!h[N.key],le=fc(N.key,r),ge=e.jsx("span",{className:"h-2 w-2 rounded-sm shrink-0",style:{backgroundColor:le},"aria-hidden":"true"}),we=C?e.jsxs("span",{className:"relative inline-flex shrink-0 group",children:[e.jsx(Zs,{size:11,className:"text-oai-gray-400 dark:text-oai-gray-500 cursor-help","aria-hidden":"true"}),e.jsx("span",{role:"tooltip",className:"pointer-events-none absolute left-1/2 bottom-full z-20 mb-1.5 -translate-x-1/2 w-64 rounded-md border border-oai-gray-200 dark:border-oai-gray-700 bg-oai-white dark:bg-oai-gray-900 px-2.5 py-1.5 text-[11px] leading-snug text-oai-gray-700 dark:text-oai-gray-200 shadow-md opacity-0 group-hover:opacity-100 transition-opacity",children:l("dashboard.context_breakdown.system_prefix_tooltip")})]}):null,xe=N.percent>0?`${N.percent.toFixed(N.percent<.1&&N.percent>0?2:1)}%`:"0.0%";return e.jsxs(Ze,{level:0,colorSquare:ge,label:xs(N.key),labelSuffix:we,tokens:i(N.totals?.total_tokens||0),percent:xe,hasChevron:J,open:me,onToggle:()=>b(N.key),share:N.percent,fillColor:le,children:[G&&e.jsx("ul",{className:"space-y-0.5",children:L.map(ae=>e.jsx(Ze,{level:1,label:Ec(ae),tokens:i(ae.totals.total_tokens||0),percent:null},ae.key||ae.name))}),O&&j&&e.jsx(Ut,{toolSet:j,execDetails:T,source:r,codexQueueFallback:z}),O&&z&&!j&&e.jsx("p",{className:"text-[11px] text-oai-gray-400 dark:text-oai-gray-500 py-0.5",children:l("dashboard.context_breakdown.tool_details.unavailable_codex")}),ue&&$&&e.jsx(Ut,{toolSet:$,execDetails:null,source:r,codexQueueFallback:!1})]},N.key)}),r==="claude"&&j?.categories?.length>0&&e.jsx(Ze,{level:0,colorSquare:e.jsx("span",{className:"h-2 w-2 rounded-sm shrink-0 bg-oai-gray-300 dark:bg-oai-gray-600","aria-hidden":"true"}),label:l("dashboard.context_breakdown.category.tool_calls"),tokens:i(I),percent:null,hasChevron:!0,open:!!h.tool_calls_aux,onToggle:()=>b("tool_calls_aux"),children:e.jsx(Ut,{toolSet:j,execDetails:T,source:r,codexQueueFallback:!1})}),r==="claude"&&$?.categories?.length>0&&e.jsx(Ze,{level:0,colorSquare:e.jsx("span",{className:"h-2 w-2 rounded-sm shrink-0 bg-oai-gray-300 dark:bg-oai-gray-600","aria-hidden":"true"}),label:l("dashboard.context_breakdown.category.custom_agents"),tokens:i(E),percent:null,hasChevron:!0,open:!!h.custom_agents_aux,onToggle:()=>b("custom_agents_aux"),children:e.jsx(Ut,{toolSet:$,execDetails:null,source:r,codexQueueFallback:!1})}),_?.categories?.length>0&&e.jsx(Ze,{level:0,colorSquare:e.jsx("span",{className:"h-2 w-2 rounded-sm shrink-0 bg-oai-gray-300 dark:bg-oai-gray-600","aria-hidden":"true"}),label:l("dashboard.context_breakdown.category.mcp_servers"),tokens:i(P),percent:null,hasChevron:!0,open:!!h.mcp_servers,onToggle:()=>b("mcp_servers"),children:e.jsx(Ut,{toolSet:_,execDetails:null,source:r,codexQueueFallback:!1})}),R.length>0&&e.jsx(Ze,{level:0,colorSquare:e.jsx("span",{className:"h-2 w-2 rounded-sm shrink-0 bg-oai-gray-300 dark:bg-oai-gray-600","aria-hidden":"true"}),label:l("dashboard.context_breakdown.category.skills"),tokens:i(R.reduce((N,C)=>N+(C.total_tokens||0),0)),percent:null,hasChevron:!0,open:!!h.skills,onToggle:()=>b("skills"),children:e.jsx("ul",{className:"space-y-0.5",children:R.slice(0,12).map(N=>e.jsx(Ze,{level:1,label:N.name,tokens:i(N.total_tokens),percent:null},N.name))})})]}),e.jsx("p",{className:"mt-2 text-[10px] text-oai-gray-400 dark:text-oai-gray-500",children:l($c(r))}),z?e.jsx("p",{className:"mt-2 text-[11px] text-oai-gray-500 dark:text-oai-gray-400",children:l("dashboard.context_breakdown.tool_details.unavailable_codex")}):null,D?e.jsxs("p",{className:"mt-2 text-[10px] text-oai-gray-400 dark:text-oai-gray-500",children:[Je(D.skills_count||0)," skills ·"," ",Je(D.mcp_servers_count||0)," MCP servers ·"," ",Je(D.custom_agents_count||0)," agents ·"," ",Je(D.memory_files_count||0)," memory files"]}):null]})}function dn({size:t=15,className:a=""}){return e.jsxs("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"currentColor",className:a,"aria-hidden":"true",children:[e.jsx("path",{d:"M12 1.6 23 7.4 12 13.2 1 7.4 12 1.6Z"}),e.jsx("path",{d:"m4 10.3-3 1.5 11 5.5 11-5.5-3-1.5-8 4-8-4Z",opacity:"0.72"}),e.jsx("path",{d:"m4 14.6-3 1.5 11 5.5 11-5.5-3-1.5-8 4-8-4Z",opacity:"0.45"})]})}const nt="__all__",zc=`${100 .toFixed(2)}%`;function Kt(t,a){const r=Number(a);return Number.isFinite(r)&&r>0?t(r):null}function mr(t,a,r){const s=Number(t);if(!Number.isFinite(s)||s<=0)return null;const n=Wt(a);return(a===zs?s:s*r)<.01?`<${n}0.01`:Na(s,{decimals:2,currency:a,rate:r})}function Oc(t){return Array.isArray(t)?t.map(a=>typeof a=="string"?{key:a,label:bs(a)}:{key:a.key,label:a.label||bs(a.key)}):[]}function Uc(t){if(typeof t!="string")return null;const a=t.replace(/,/g,"").match(/-?\d+(?:\.\d+)?/);if(!a)return null;const r=Number(a[0]);return Number.isFinite(r)?r:null}const Hc={CODEX:"#3b82f6",CLAUDE:"#d97757",OPENCODE:"#f59e0b",GEMINI:"#2196f3",KIMI:"#a78bfa","KILO-CLI":"#facc15","KILO-CODE":"#facc15",MIMO:"#ff6900",DROID:"#ef4444",ZCODE:"#14b8a6",ANYTHINGLLM:"var(--provider-anythingllm)"};function tr(t,a){const r=t?.toUpperCase?.()||"";return Hc[r]||`hsl(${150+a*40}, 60%, 45%)`}function Vc(t){const a=String(t?.source||"").trim().toLowerCase(),r=String(t?.label||"").trim().toLowerCase();return a==="claude"||r==="claude"?"claude":a==="codex"||r==="codex"?"codex":null}function Wc(t){return!!t?.models?.length}function un(t){const a=Number(t?.totalPercentValue??t?.totalPercent);return Number.isFinite(a)?Math.max(0,a):0}function ar(t){const a=un(t);return a>0&&!(a>=.01)?l("usage.overview.percent_below_threshold"):a.toFixed(2)}const Kc={day:"usage.period.day",week:"usage.period.week",month:"usage.period.month",total:"usage.period.total",custom:"usage.period.custom"};function bs(t){const a=Kc[t];return a?l(a):String(t).toUpperCase()}function Gc({loading:t,onClick:a}){const r=Gs();return e.jsx(qo,{variant:"secondary",size:"sm",disabled:t,onClick:a,"aria-label":l("usage.button.refresh"),className:"w-8 p-0",children:e.jsx(Ne.span,{"aria-hidden":"true",animate:t?{rotate:360}:{rotate:0},transition:t&&!r?{duration:1,repeat:1/0,ease:"linear"}:{duration:.3},style:{display:"inline-block"},children:"↻"})})}function qc(){return e.jsx("div",{"data-testid":"usage-summary-skeleton","aria-hidden":"true",className:"mx-auto h-[58px] sm:h-[72px] w-[min(72vw,18rem)] rounded-2xl bg-oai-gray-100 dark:bg-oai-gray-800 animate-pulse motion-reduce:animate-none"})}function Yc(){return e.jsxs("div",{"data-testid":"usage-provider-skeleton","aria-hidden":"true",className:"space-y-6",children:[e.jsx("div",{className:"h-1.5 w-full rounded-full bg-oai-gray-100 dark:bg-oai-gray-800 animate-pulse motion-reduce:animate-none"}),e.jsx("div",{className:"grid grid-cols-[repeat(auto-fill,minmax(140px,1fr))] gap-3",children:[0,1,2,3].map(t=>e.jsx("div",{className:"h-[92px] rounded-xl border border-oai-gray-100 dark:border-oai-gray-800 bg-oai-gray-50 dark:bg-oai-gray-800/60 animate-pulse motion-reduce:animate-none",style:{animationDelay:`${t*70}ms`}},t))})]})}function Zc({period:t,periods:a,onPeriodChange:r,summaryValue:s,summaryFullValue:n,onToggleSummaryFormat:i,summaryLabel:o,summaryCostValue:u,onCostInfo:c,fleetData:g=[],onRefresh:m,loading:x,announceLoading:h=!1,summaryLoading:f=!1,providersLoading:b=!1,hasSummary:k=!0,className:p="",customFrom:v,customTo:w,onCustomRangeApply:D,customRangeOpen:T,onCustomRangeOpenChange:R,onOpenShare:L,from:z,to:S,deviceOptions:_=[],selectedDevice:j="",onDeviceChange:P}){const $=Oc(a),U=Ti(Yo()),I=Uc(String(s??"")),E=()=>typeof window<"u"&&typeof window.matchMedia=="function"&&window.matchMedia("(max-width: 639px)").matches,[q,N]=d.useState(E);d.useEffect(()=>{if(typeof window>"u"||typeof window.matchMedia!="function")return;const A=window.matchMedia("(max-width: 639px)"),V=X=>N(X.matches);return A.addEventListener("change",V),()=>A.removeEventListener("change",V)},[]);const C=I!=null&&!q,G=d.useRef(null);d.useEffect(()=>{const A=G.current?.querySelector('[aria-selected="true"]');A&&typeof A.scrollIntoView=="function"&&A.scrollIntoView({block:"nearest",inline:"center"})},[t]);const[O,ue]=d.useState(null),{resolvedTheme:J}=Go(),{currency:me,rate:le}=Sa(),{formatTokens:ge}=Ee(),we=J==="dark",xe=we?"rgba(10,10,10,0.98)":"rgba(255,255,255,0.96)",ae=we?"rgba(10,10,10,0)":"rgba(255,255,255,0)",Q=f&&!k,B=b&&!g.some(Wc);d.useEffect(()=>{ue(null)},[t,z,S,j]);const te=A=>{if(!["ArrowLeft","ArrowRight","Home","End"].includes(A.key))return;const V=Array.from(A.currentTarget.querySelectorAll('[role="tab"]')).filter(se=>!se.disabled),X=V.indexOf(A.target.closest('[role="tab"]'));if(X===-1||V.length===0)return;A.preventDefault();let ee=X;A.key==="Home"?ee=0:A.key==="End"?ee=V.length-1:A.key==="ArrowRight"?ee=(X+1)%V.length:ee=(X-1+V.length)%V.length,V[ee].focus(),V[ee].click()},pe=C?e.jsx(_l,{value:I,displayValue:s,fontSize:72,padding:6,gap:1,textColor:"var(--oai-black, #111827)",fontWeight:700,gradientHeight:we?0:8,gradientFrom:xe,gradientTo:ae,counterStyle:{paddingLeft:0,paddingRight:0,gap:0},digitStyle:{width:"0.88ch"}}):s,H=g.filter(A=>A.models?.length>0),he=d.useMemo(()=>tc(g),[g]),ce=he.reduce((A,V)=>A+(Number(V.usage)||0),0),K=H.reduce((A,V)=>A+(Number(V.usd)||0),0),Y=O==null?null:O===nt||H.some(function(V){return V.label===O})?O:null;return e.jsx(Te,{className:p,children:e.jsxs("div",{"aria-busy":x||Q||B,children:[h?e.jsx("span",{className:"sr-only",role:"status",children:l("qpd.card.updating")}):null,e.jsxs("div",{className:"flex items-center gap-2 mb-6",children:[e.jsx("div",{ref:G,role:"tablist","aria-label":l("usage.overview.tablist_aria"),onKeyDown:te,className:"flex flex-1 min-w-0 gap-1 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",children:$.map(A=>{const V=t===A.key,X=`shrink-0 whitespace-nowrap text-xs font-medium px-3 py-1.5 rounded-md transition-colors ${V?"text-oai-black dark:text-oai-white bg-oai-gray-100 dark:bg-oai-gray-800":"text-oai-gray-500 dark:text-oai-gray-300 hover:text-oai-black dark:hover:text-oai-white hover:bg-oai-gray-50 dark:hover:bg-oai-gray-800"}`;if(A.key==="custom"){const ee=V&&v&&w?`${Xr(v,U)} — ${Xr(w,U)}`:A.label;return e.jsxs(Hi,{open:T,onOpenChange:se=>{se?r?.("custom"):R?.(se)},children:[e.jsx(Vi,{render:e.jsx("button",{role:"tab","aria-selected":V,tabIndex:V?0:-1,type:"button",className:X}),children:ee}),e.jsx(Wi,{children:e.jsx(Ki,{sideOffset:8,side:"bottom",align:"start",className:"!z-[9999]",children:e.jsx(Gi,{className:"bg-white dark:bg-oai-gray-900 border border-oai-gray-200 dark:border-oai-gray-700 rounded-xl shadow-lg",children:e.jsx(Ci,{from:v,to:w,onApply:D,onCancel:()=>R?.(!1)})})})})]},"custom")}return e.jsx("button",{role:"tab","aria-selected":V,tabIndex:V?0:-1,type:"button",className:X,onClick:()=>r?.(A.key),children:A.label},A.key)})}),e.jsxs("div",{className:"flex items-center gap-1.5 shrink-0",children:[_.length>1?e.jsx(Ks,{value:j,onValueChange:P,options:_,ariaLabel:l("dashboard.device_filter.aria"),matchTriggerWidth:!0,className:"h-8 px-3 text-xs font-medium rounded-md border-oai-gray-300 dark:border-oai-gray-700 bg-oai-white dark:bg-oai-gray-900 text-oai-black dark:text-oai-white hover:border-oai-brand hover:text-oai-brand hover:[&_svg]:text-oai-brand transition-colors duration-200"}):null,L?e.jsxs("button",{type:"button",onClick:L,"aria-label":l("share.button.aria"),className:"inline-flex items-center justify-center gap-1.5 h-8 px-3 text-xs font-medium rounded-md border border-oai-gray-300 dark:border-oai-gray-700 bg-oai-white dark:bg-oai-gray-900 text-oai-black dark:text-oai-white hover:border-oai-brand hover:text-oai-brand transition-colors duration-200",children:[e.jsx(ll,{className:"h-3.5 w-3.5",strokeWidth:2}),l("share.button.label")]}):null,m&&e.jsx(Gc,{loading:x,onClick:m})]})]}),e.jsxs("div",{className:"text-center mb-8",children:[e.jsx("div",{className:"text-xs text-oai-gray-500 dark:text-oai-gray-300 uppercase tracking-wider mb-3",children:o}),e.jsxs("div",{className:"relative text-5xl sm:text-6xl md:text-7xl font-bold text-oai-black dark:text-oai-white tracking-tight tabular-nums",children:[e.jsx("div",{className:Q?"invisible":void 0,children:i?e.jsx("button",{type:"button",onClick:i,title:n||void 0,"aria-label":l("usage.summary.toggle_aria"),className:"cursor-pointer rounded-lg leading-none transition-opacity hover:opacity-80 focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-oai-brand",children:pe}):e.jsx("span",{title:n||void 0,children:pe})}),e.jsx("div",{className:`absolute inset-0 flex items-center justify-center ${Q?"":"hidden"}`,children:e.jsx(qc,{})})]}),u&&e.jsx("div",{className:"flex items-center justify-center gap-2 mt-4",children:c?e.jsxs("button",{type:"button",onClick:c,className:"inline-flex items-center gap-1.5 text-xl font-bold text-oai-brand hover:text-oai-brand-dark dark:hover:text-oai-brand-light transition-colors cursor-pointer","aria-label":l("usage.overview.cost_breakdown_aria"),children:[u,e.jsx(Zs,{size:16,strokeWidth:2,className:"opacity-80"})]}):e.jsx("span",{className:"text-xl font-bold text-oai-brand",children:u})})]}),e.jsx("div",{className:B?void 0:"hidden",children:e.jsx(Yc,{})}),H.length>0&&e.jsxs("div",{className:"space-y-6",children:[e.jsx("div",{role:"img","aria-label":l("usage.overview.distribution_aria",{items:H.map(A=>l("usage.overview.distribution_item",{label:jt(A.label),percent:ar(A)})).join("，")}),className:"h-1.5 w-full bg-oai-gray-100 dark:bg-oai-gray-800 rounded-full overflow-hidden flex",children:H.map((A,V)=>{const X=tr(A.label,V),ee=jt(A.label),se=ar(A);return e.jsx(Ne.div,{initial:{width:0},animate:{width:`${un(A)}%`},transition:{duration:.5,delay:.45+V*.04,ease:[.16,1,.3,1]},className:"h-full",style:{backgroundColor:X},title:`${ee}: ${se}%`},A.label)})}),e.jsxs("div",{className:"grid grid-cols-[repeat(auto-fill,minmax(140px,1fr))] gap-3",children:[e.jsxs("button",{type:"button","aria-expanded":Y===nt,"aria-controls":"provider-details-all","aria-label":l("usage.overview.all_tools_card_aria",{tokens:Kt(ge,ce)||String(0),cost:mr(K,me,le)||`${Wt(me)}0`,count:he.length}),onClick:()=>ue(Y===nt?null:nt),className:`min-w-0 text-left p-3 rounded-lg border transition-colors duration-200 ${Y===nt?"border-oai-gray-300 dark:border-oai-gray-600 bg-oai-gray-50 dark:bg-oai-gray-800":"border-oai-gray-200 dark:border-oai-gray-700 hover:border-oai-gray-300 dark:hover:border-oai-gray-600"}`,children:[e.jsxs("div",{className:"flex items-center gap-1.5 mb-1 min-w-0",children:[e.jsx(dn,{size:15,className:"shrink-0 text-oai-brand dark:text-oai-white"}),e.jsx("span",{className:"text-sm font-medium text-oai-black dark:text-oai-white truncate",children:l("usage.overview.all_tools")})]}),e.jsx("div",{className:"text-lg font-semibold text-oai-black dark:text-oai-white tabular-nums",children:zc}),e.jsx("div",{className:"mt-0.5 text-[11px] text-oai-gray-400 dark:text-oai-gray-400 tabular-nums",children:l("usage.overview.model_count",{count:he.length})})]}),H.map((A,V)=>{const X=tr(A.label,V),ee=Y===A.label,se=jt(A.label),Ge=ar(A);return e.jsxs("button",{"aria-expanded":ee,"aria-controls":`provider-details-${A.label}`,"aria-label":l("usage.overview.provider_card_aria",{provider:se,percent:Ge,tokens:Kt(ge,A.usage)||String(0),cost:mr(A.usd,me,le)||`${Wt(me)}0`,action:l(ee?"usage.overview.collapse":"usage.overview.expand")}),onClick:()=>ue(ee?null:A.label),className:`min-w-0 text-left p-3 rounded-lg border transition-colors duration-200 ${ee?"border-oai-gray-300 dark:border-oai-gray-600 bg-oai-gray-50 dark:bg-oai-gray-800":"border-oai-gray-200 dark:border-oai-gray-700 hover:border-oai-gray-300 dark:hover:border-oai-gray-600"}`,children:[e.jsxs("div",{className:"flex items-center gap-1.5 mb-1 min-w-0",children:[e.jsx(Ct,{provider:A.label,size:15,color:X,className:"text-oai-gray-700 dark:text-oai-gray-300 shrink-0"}),e.jsx("span",{className:"text-sm font-medium text-oai-black dark:text-oai-white truncate",title:se,children:se})]}),e.jsxs("div",{className:"text-lg font-semibold text-oai-black dark:text-oai-white tabular-nums",children:[Ge,"%"]}),e.jsx("div",{className:"mt-0.5 text-[11px] text-oai-gray-400 dark:text-oai-gray-400 tabular-nums",children:l("usage.overview.model_count",{count:A.models.length})})]},A.label)})]}),Y===nt&&e.jsx("div",{id:"provider-details-all",role:"region","aria-label":l("usage.overview.all_models"),className:"mt-2",children:e.jsx(Jc,{models:he})}),Y!=null&&Y!==nt&&e.jsx("div",{id:`provider-details-${Y}`,role:"region","aria-label":l("usage.overview.model_details_aria",{provider:Y}),className:"mt-2",children:H.filter(A=>A.label===Y).map(A=>{const V=tr(A.label,0),X=Vc(A),ee=[...A.models].sort((Ge,de)=>(de.share||0)-(Ge.share||0)),se=X?`${X==="claude"?"Claude":"Codex"} Context Breakdown`:jt(A.label);return e.jsx(Qc,{provider:A,color:V,providerHeading:se,contextSource:X,from:z,to:S,sortedModels:ee},A.label)})})]})]})})}function mn({models:t,color:a}){const{currency:r,rate:s}=Sa(),{formatTokens:n,formatTokensTooltip:i}=Ee();return e.jsx("div",{className:"space-y-3",children:t.map(o=>{const u=Kt(n,o.usage),c=mr(o.cost,r,s),g=Math.max(0,Math.min(100,Number(o.share)||0));return e.jsxs("div",{"data-model-rank-row":!0,children:[e.jsxs("div",{className:"grid grid-cols-[minmax(0,1fr)_minmax(8rem,max-content)_minmax(5.5rem,max-content)_4rem] items-baseline gap-x-3 mb-1.5",children:[e.jsx("span",{className:"col-start-1 row-start-1 min-w-0 text-sm text-oai-gray-700 dark:text-oai-gray-300 truncate",title:o.name,children:o.name}),e.jsx("span",{title:i(o.usage),className:"col-start-2 row-start-1 text-right whitespace-nowrap text-sm text-oai-gray-500 dark:text-oai-gray-400 tabular-nums",children:u}),e.jsx("span",{className:"col-start-3 row-start-1 text-right whitespace-nowrap text-sm text-oai-gray-500 dark:text-oai-gray-400 tabular-nums",children:c}),e.jsxs("span",{className:"col-start-4 row-start-1 text-right whitespace-nowrap text-sm text-oai-black dark:text-oai-white tabular-nums",children:[o.share,"%"]})]}),e.jsx("div",{className:"h-[3px] bg-oai-gray-100 dark:bg-oai-gray-800 rounded-full overflow-hidden",role:"progressbar","aria-valuenow":g,"aria-valuemin":0,"aria-valuemax":100,children:e.jsx("div",{className:"h-full transition-[width] duration-500 ease-out",style:{width:`${g}%`,backgroundColor:a,opacity:.45}})})]},o.id||o.name)})})}function Jc({models:t}){return e.jsxs("div",{children:[e.jsxs("div",{className:"mb-1.5 flex items-center gap-1.5",children:[e.jsx(dn,{size:14,className:"shrink-0 text-oai-brand dark:text-oai-white"}),e.jsx("span",{className:"text-sm font-medium text-oai-black dark:text-oai-white",children:l("usage.overview.all_models")})]}),e.jsx("p",{className:"mb-4 text-[11px] leading-snug text-oai-gray-500 dark:text-oai-gray-400",children:l("usage.overview.all_models_note")}),e.jsx(mn,{models:t,color:"var(--oai-blue)"})]})}function Qc({provider:t,color:a,providerHeading:r,contextSource:s,from:n,to:i,sortedModels:o}){const{formatTokens:u}=Ee(),[c,g]=d.useState(!1),m=String(t?.source||t?.label||"").trim().toLowerCase()==="antigravity";return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-1.5 mb-3",children:[e.jsx(Ct,{provider:t.label,size:14,color:a,className:"shrink-0"}),e.jsx("span",{className:"text-sm font-medium text-oai-black dark:text-oai-white",children:r}),s&&c&&e.jsx(qi,{size:12,className:"text-oai-gray-400 dark:text-oai-gray-500 animate-spin shrink-0","aria-label":l("dashboard.context_breakdown.loading_aria")})]}),t.cacheHitRate!=null&&e.jsxs("p",{className:"mb-3 text-[11px] leading-snug text-oai-gray-500 dark:text-oai-gray-400 tabular-nums",children:[e.jsx("span",{className:"font-medium text-oai-gray-600 dark:text-oai-gray-300",children:l("usage.overview.cache_hit_rate_label")})," ",e.jsxs("span",{className:"text-oai-black dark:text-oai-white",children:[t.cacheHitRate,"%"]})," · ",l("usage.overview.cache_hit_rate_detail",{reused:Kt(u,t.cacheReusedTokens)||String(0),input:Kt(u,t.cacheInputTokens)||String(0)})]}),m&&e.jsxs("p",{className:"mb-3 text-[10px] leading-snug text-oai-gray-400 dark:text-oai-gray-500",children:[e.jsxs("span",{className:"font-medium text-oai-gray-500 dark:text-oai-gray-400",children:[l("usage.overview.antigravity_notice_title"),"."]})," ",l("usage.overview.antigravity_notice_body")]}),s?e.jsx("div",{className:"mb-4 pb-4 border-b border-oai-gray-200 dark:border-oai-gray-700",children:e.jsx(Bc,{from:n,to:i,source:s,referenceTotalTokens:t.usage,onLoadingChange:g})}):null,e.jsx(mn,{models:o,color:a})]})}function Xc({id:t,children:a,onEmptyChange:r}){const{attributes:s,listeners:n,setNodeRef:i,transform:o,transition:u,isDragging:c}=pi({id:t}),g=d.useRef(null),m=d.useRef(null);d.useLayoutEffect(()=>{if(!r)return;const h=g.current?g.current.childNodes.length===0:!0;m.current!==h&&(m.current=h,r(t,h))});const x={transform:yi.Transform.toString(o)||void 0,transition:u,zIndex:c?20:void 0};return e.jsxs("div",{ref:i,style:x,className:Nt("group/sortable relative has-[[data-sortable-body]:empty]:hidden",c&&"opacity-90"),children:[e.jsx("button",{type:"button","aria-label":l("dashboard.overview.layout.drag_handle"),className:Nt("peer absolute left-1/2 top-1 z-10 flex h-5 w-6 -translate-x-1/2 items-center justify-center rounded-md","cursor-grab active:cursor-grabbing touch-none select-none","text-oai-gray-400 dark:text-oai-gray-600 opacity-0 transition-colors duration-150","hover:text-oai-gray-600 dark:hover:text-oai-gray-300 hover:bg-oai-gray-100 dark:hover:bg-oai-gray-800","group-hover/sortable:opacity-100 focus-visible:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-oai-brand/50",c&&"opacity-100 bg-oai-gray-100 dark:bg-oai-gray-800"),...s,...n,children:e.jsxs("svg",{viewBox:"0 0 14 8",width:"14",height:"8",fill:"currentColor","aria-hidden":"true",children:[e.jsx("circle",{cx:"2",cy:"2",r:"1"}),e.jsx("circle",{cx:"2",cy:"6",r:"1"}),e.jsx("circle",{cx:"7",cy:"2",r:"1"}),e.jsx("circle",{cx:"7",cy:"6",r:"1"}),e.jsx("circle",{cx:"12",cy:"2",r:"1"}),e.jsx("circle",{cx:"12",cy:"6",r:"1"})]})}),e.jsx("div",{ref:g,"data-sortable-body":!0,className:Nt("rounded-xl transition-shadow duration-200 ease-out","peer-hover:shadow-[0_12px_28px_-14px_rgba(15,23,42,0.22)] dark:peer-hover:shadow-[0_12px_28px_-12px_rgba(0,0,0,0.6)]","peer-focus-visible:shadow-[0_12px_28px_-14px_rgba(15,23,42,0.22)] dark:peer-focus-visible:shadow-[0_12px_28px_-12px_rgba(0,0,0,0.6)]",c&&"shadow-[0_12px_28px_-14px_rgba(15,23,42,0.22)] dark:shadow-[0_12px_28px_-12px_rgba(0,0,0,0.6)]"),children:a})]})}function ed({todayTokens:t=0,isSyncing:a=!1,hasError:r=!1,isDisconnected:s=!1}={}){return d.useMemo(()=>r?"error":s?"disconnected":a?"working-typing":t===0?"sleeping":t<5e4?"idle-living":t<2e5?"idle-look":t<5e5?"working-ultrathink":t<2e6?"working-typing":"working-ultrathink",[t,a,r,s])}const ks="macAppBannerDismissed",td="leaderboardBannerDismissed",ad="https://github.com/mm7894215/TokenTracker/releases/latest",ws="tokentracker_native_app",xa=(()=>{try{return new URLSearchParams(window.location.search).get("app")==="1"?(localStorage.setItem(ws,"1"),!0):localStorage.getItem(ws)==="1"}catch{return!1}})();function rd({todayTokens:t=0,isSyncing:a=!1,enterDelay:r=0}){const{openLoginModal:s}=Zo(),{signedIn:n}=Hs(),i=ed({todayTokens:t,isSyncing:a}),o=xa?td:ks,[u,c]=d.useState(()=>{try{return localStorage.getItem(o)==="1"?!0:!xa&&new URLSearchParams(window.location.search).get("from")==="menubar"?(localStorage.setItem(ks,"1"),!0):!1}catch{return!1}}),g=d.useCallback(()=>{c(!0);try{localStorage.setItem(o,"1")}catch{}},[o]);if(u)return null;let m,x,h,f,b,k;xa&&n?(m="View the Leaderboard",x="Compare your usage globally",h="Leaderboard",f=e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",className:"opacity-70",children:e.jsx("path",{d:"M2 8.5V10h8V8.5M6 1.5v6m0 0L3.5 5M6 7.5l2.5-2.5",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round",transform:"rotate(180 6 6)"})}),b=()=>{window.location.pathname="/leaderboard"}):xa?(m="Join the Leaderboard",x="Log in to compare your usage with others",h="Log In",f=e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",className:"opacity-70",children:e.jsx("path",{d:"M6.5 1.5h3a1 1 0 011 1v7a1 1 0 01-1 1h-3M5 8.5L7.5 6 5 3.5M7.5 6H1.5",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})}),b=s):(m="Try the Menu Bar App",x="Always-on stats with Clawd companion",h="Download",f=e.jsx("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",className:"opacity-70",children:e.jsx("path",{d:"M6 2v6m0 0L3.5 5.5M6 8l2.5-2.5M2 10h8",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round",strokeLinejoin:"round"})}),k=ad);const p=k?Ne.a:Ne.button,v=k?{href:k,target:"_blank",rel:"noopener noreferrer"}:{onClick:b};return e.jsx(Ne.div,{initial:{opacity:0,y:12},animate:{opacity:1,y:0},transition:{duration:.35,delay:r,ease:[.16,1,.3,1]},className:"rounded-xl border border-oai-gray-200 dark:border-oai-gray-800 bg-white dark:bg-oai-gray-900 p-4",children:e.jsxs("div",{className:"flex items-center gap-3",children:[e.jsx("div",{className:"flex-shrink-0",children:e.jsx(Yi,{state:i,size:56})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("div",{className:"text-sm font-medium text-oai-gray-900 dark:text-oai-white",children:m}),e.jsx("div",{className:"text-xs text-oai-gray-500 dark:text-oai-gray-400 mt-0.5",children:x})]}),e.jsxs("div",{className:"flex items-center gap-2 flex-shrink-0",children:[e.jsxs(p,{...v,whileHover:{scale:1.03},whileTap:{scale:.97},className:"inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium text-white bg-oai-gray-900 dark:bg-oai-white dark:text-oai-gray-900 rounded-md hover:opacity-90 transition-opacity",children:[h,f]}),e.jsx("button",{onClick:g,className:"p-1 text-oai-gray-400 hover:text-oai-gray-600 dark:hover:text-oai-gray-300 transition-colors","aria-label":"Dismiss",children:e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",children:e.jsx("path",{d:"M4 4l6 6m0-6L4 10",stroke:"currentColor",strokeWidth:"1.2",strokeLinecap:"round"})})})]})]})})}const _s="widgetOnboardingDismissed",vs="tokentracker_native_app",sd=(()=>{try{return new URLSearchParams(window.location.search).get("app")==="1"?(localStorage.setItem(vs,"1"),!0):localStorage.getItem(vs)==="1"}catch{return!1}})();function nd({enterDelay:t=0}){const[a,r]=d.useState(()=>{try{return localStorage.getItem(_s)==="1"}catch{return!1}}),s=d.useCallback(()=>{r(!0);try{localStorage.setItem(_s,"1")}catch{}},[]);return!sd||Jo()?null:e.jsx(wr,{initial:!1,children:!a&&e.jsxs(Ne.div,{initial:{opacity:0,y:12},animate:{opacity:1,y:0},exit:{opacity:0,y:-8,transition:{duration:.2,ease:[.4,0,.2,1]}},transition:{duration:.35,delay:t,ease:[.16,1,.3,1]},className:"relative rounded-xl border border-oai-gray-200 dark:border-oai-gray-800 bg-white dark:bg-oai-gray-900 p-4",children:[e.jsx("button",{type:"button",onClick:s,"aria-label":l("dashboard.widgets.dismiss_aria"),className:"absolute top-2.5 right-2.5 z-10 inline-flex items-center justify-center w-7 h-7 rounded-md text-oai-gray-400 hover:text-oai-gray-700 dark:hover:text-oai-gray-200 hover:bg-oai-gray-100 dark:hover:bg-oai-gray-800 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-oai-gray-300 dark:focus-visible:ring-oai-gray-600 transition-colors",children:e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none","aria-hidden":"true",children:e.jsx("path",{d:"M4 4l6 6m0-6L4 10",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round"})})}),e.jsx("div",{className:"rounded-lg overflow-hidden ring-1 ring-black/5 dark:ring-white/10 shadow-sm",children:e.jsx("img",{src:"/widgets-overview.png",alt:l("dashboard.widgets.title"),width:734,height:552,className:"w-full h-auto block",loading:"lazy",decoding:"async"})}),e.jsxs("div",{className:"mt-4",children:[e.jsx("div",{className:"text-sm font-medium tracking-tight text-oai-gray-900 dark:text-oai-white",children:l("dashboard.widgets.title")}),e.jsx("div",{className:"text-xs text-oai-gray-500 dark:text-oai-gray-400 mt-1 leading-snug",children:l("dashboard.widgets.hint")})]})]},"widget-onboarding-card")})}function od({enabled:t=!1,from:a,to:r,accessToken:s,deviceId:n=null}={}){const[i,o]=d.useState(null),[u,c]=d.useState(!1),[g,m]=d.useState(null),x=qt([t,a,r,s,n]),h=d.useCallback(async()=>{if(!t)return;const f=x();c(!0),m(null);try{const b=await $e(s);if(!f())return;const k=await Qo({from:a,to:r,device:n,accessToken:b});if(!f())return;o(k||null)}catch(b){if(!f())return;m(b?.message||String(b)),o(null)}finally{f()&&c(!1)}},[t,a,r,s,n,x]);return d.useEffect(()=>{if(!t){o(null),m(null),c(!1);return}o(null),m(null),c(!0),h()},[t,h]),{data:i,loading:u,error:g,refresh:h}}function hn(t){return t==null?"—":t===0?"$0":t<1?`$${t.toFixed(4)}`:`$${t.toFixed(2)}`}function gn(t){return t==null?"—":`${Math.round(t*100)}%`}function id(t,a){if(a==null||a===0||t==null||t===0)return"—";const r=t/a;return r<1?`$${r.toFixed(4)}`:`$${r.toFixed(2)}`}function ld({row:t}){return e.jsxs("tr",{className:"border-t border-oai-gray-100 dark:border-oai-gray-800/60 hover:bg-oai-gray-50/40 dark:hover:bg-oai-gray-800/10 transition-colors",children:[e.jsx("td",{className:"py-2.5 pr-2 font-mono text-[11px] text-oai-gray-700 dark:text-oai-gray-300 truncate max-w-[80px] xs:max-w-[110px] sm:max-w-[140px]",title:t.key,children:t.key}),e.jsx("td",{className:"py-2.5 px-1.5 text-right tabular-nums text-oai-gray-600 dark:text-oai-gray-400",children:hn(t.cost_usd)}),e.jsxs("td",{className:"py-2.5 px-1.5 text-right tabular-nums text-oai-gray-600 dark:text-oai-gray-400",children:[t.accepted,"/",t.outcomes]}),e.jsx("td",{className:"py-2.5 px-1.5 text-right tabular-nums text-oai-gray-600 dark:text-oai-gray-400",children:gn(t.acceptance_rate)}),e.jsx("td",{className:"py-2.5 pl-2 pr-2 text-right tabular-nums font-semibold text-oai-black dark:text-oai-white",children:id(t.cost_usd,t.accepted)})]})}function cd({from:t,to:a,deviceId:r=null}){const{formatTokens:s,formatTokensTooltip:n}=Ee(),{enabled:i}=Zi(),{data:o,loading:u}=od({enabled:i,from:t,to:a,deviceId:r});if(!i)return null;const c=(o&&o.available&&Array.isArray(o.by_model)?o.by_model:[]).filter(h=>h.outcomes>0&&h.key!=="unknown");if(!c.length)return null;const g=c.slice(0,6),m=o.totals||{},x=`${l("qpd.card.subtitle")}${u?` ${l("qpd.card.updating")}`:""}`;return e.jsxs(Te,{children:[e.jsxs("div",{className:"mb-2 flex items-center gap-2",children:[e.jsx("h3",{className:"text-sm font-medium text-oai-black dark:text-oai-white",children:l("qpd.card.title")}),e.jsx("span",{className:"px-1.5 py-0.5 text-[9px] font-semibold tracking-wider text-oai-gray-500 bg-oai-gray-100 dark:text-oai-gray-400 dark:bg-oai-gray-800/80 rounded uppercase",children:l("qpd.card.badge")})]}),e.jsx("p",{className:"mb-3 text-xs text-oai-gray-500 dark:text-oai-gray-400",children:x}),e.jsx("div",{className:"w-full overflow-x-auto oai-scrollbar",children:e.jsxs("table",{className:"w-full text-xs min-w-[340px] sm:min-w-0",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"text-[10px] uppercase tracking-wide text-oai-gray-400 dark:text-oai-gray-500",children:[e.jsx("th",{className:"pb-1.5 pr-2 text-left font-medium",children:l("qpd.card.col_model")}),e.jsx("th",{className:"pb-1.5 px-1.5 text-right font-medium",children:l("qpd.card.col_cost")}),e.jsx("th",{className:"pb-1.5 px-1.5 text-right font-medium",children:l("qpd.card.col_accepted")}),e.jsx("th",{className:"pb-1.5 px-1.5 text-right font-medium",children:l("qpd.card.col_rate")}),e.jsx("th",{className:"pb-1.5 pl-2 pr-2 text-right font-medium",title:l("qpd.card.qpd_tooltip"),children:l("qpd.card.col_qpd")})]})}),e.jsx("tbody",{children:g.map(h=>e.jsx(ld,{row:h},h.key))})]})}),e.jsxs("div",{className:"mt-3 flex items-center justify-between border-t border-oai-gray-200 dark:border-oai-gray-800 pt-2.5 text-[11px] text-oai-gray-500 dark:text-oai-gray-400",children:[e.jsx("span",{children:l("qpd.card.totals",{accepted:m.accepted??0,outcomes:m.outcomes??0,cost:hn(m.cost_usd)})}),e.jsx("span",{title:`${l("qpd.card.et_tooltip")} · ${n(m.effective_tokens)}`,children:l("qpd.card.et",{tokens:s(m.effective_tokens),rate:gn(m.acceptance_rate)})})]}),m.outcomes<15&&e.jsxs("p",{className:"mt-3 text-[10px] text-oai-gray-400 dark:text-oai-gray-500 italic border-t border-oai-gray-100 dark:border-oai-gray-800/40 pt-2",children:["* ",l("qpd.card.sparse_notice","Tip: Spark outcomes dataset might skew Quality/$ ratios. For precise metrics, select a narrower time window.")]})]})}const dd=new Set(["unknown","synthetic","openai"]);function rr(t){return t==null?"—":`${Math.round(t*100)}%`}function ud(t){return t==null?"—":t<1?`$${t.toFixed(4)}`:`$${t.toFixed(2)}`}function Ye(t){const a=Number(t);return Number.isFinite(a)?new Intl.NumberFormat().format(Math.round(a)):"0"}function md(t){const r=String(t?.model||"").trim().toLowerCase().replace(/^<|>$/g,"");return!!r&&!dd.has(r)&&Number(t?.edit_turns||0)>0}function js(){return e.jsx("div",{className:"mb-3",children:e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("h3",{className:"text-sm font-medium text-oai-black dark:text-white",children:l("sessions.card.title")}),e.jsx("span",{className:"rounded bg-oai-gray-100 px-1.5 py-0.5 text-[9px] font-semibold uppercase tracking-wider text-oai-gray-500 dark:bg-oai-gray-800/80 dark:text-oai-gray-400",children:l("qpd.card.badge")})]}),e.jsx("p",{className:"mt-1 text-xs text-oai-gray-500 dark:text-oai-gray-400",children:l("sessions.card.subtitle")})]})})}function hd({from:t,to:a}){const[r,s]=d.useState({loading:!0,sessions:null,context:null}),n=d.useId(),{enabled:i}=Ji(),{formatTokens:o}=Ee(),u=p=>o(p,{mode:ba.COMPACT});d.useEffect(()=>{if(!i){s({loading:!1,sessions:null,context:null});return}let p=!1;return s(v=>({...v,loading:!0})),Promise.all([Xo({from:t,to:a}),ei()]).then(([v,w])=>{p||s({loading:!1,sessions:v,context:w})}).catch(()=>{p||s({loading:!1,sessions:null,context:null})}),()=>{p=!0}},[i,t,a]);const c=d.useMemo(()=>(r.sessions?.by_model||[]).filter(md).slice(0,5),[r.sessions]),g=d.useMemo(()=>(r.sessions?.subagents||[]).slice(0,3),[r.sessions]);if(!i||!r.loading&&!r.sessions?.available&&!r.context?.estimated_fixed_tokens)return null;const m=r.sessions?.summary||{},x=m.edit_session_rate??m.productive_rate,h=m.first_pass_rate??m.one_shot_rate,f=m.edit_sessions??m.productive_sessions??0,b=m.sessions??r.sessions?.session_count??0,k=m.edit_turns??0;return r.loading&&!r.sessions&&!r.context?e.jsxs(Te,{children:[e.jsx(js,{}),e.jsx("div",{role:"status",className:"flex h-24 items-center justify-center rounded-lg bg-oai-gray-50 text-xs text-oai-gray-400 dark:bg-oai-gray-800/50 dark:text-oai-gray-500",children:l("sessions.card.loading")})]}):e.jsxs(Te,{children:[e.jsx(js,{}),e.jsxs("div",{className:"grid grid-cols-3 gap-2 mb-3",children:[e.jsx(sr,{label:l("sessions.card.edit_sessions"),value:rr(x),detail:l("sessions.card.edit_session_value",{edits:Ye(f),sessions:Ye(b)})}),e.jsx(sr,{label:l("sessions.card.first_pass"),value:rr(h),detail:l("sessions.card.edit_session_value",{edits:Ye(m.first_pass_sessions??m.one_shot_sessions??0),sessions:Ye(f)})}),e.jsx(sr,{label:l("sessions.card.cost_edit"),value:ud(m.cost_per_edit),detail:l("sessions.card.edit_turn_count",{count:Ye(k)})})]}),e.jsxs("div",{className:"mb-3 flex items-center justify-between gap-3 text-[10px] text-oai-gray-400 dark:text-oai-gray-500",children:[e.jsx("span",{children:l("sessions.card.sample",{sessions:Ye(b),edits:Ye(k)})}),e.jsxs("span",{className:"group relative inline-flex shrink-0",children:[e.jsx("button",{type:"button","aria-describedby":n,className:"cursor-help rounded-sm underline decoration-dotted underline-offset-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-oai-brand/40",children:l("sessions.card.methodology_label")}),e.jsx("span",{id:n,role:"tooltip",className:"pointer-events-none absolute right-0 top-full z-20 mt-2 w-64 rounded-xl border border-oai-gray-200/60 bg-white/95 px-3 py-2 text-left text-[10.5px] font-normal leading-relaxed text-oai-gray-700 opacity-0 shadow-xl backdrop-blur-md transition-opacity duration-150 group-hover:opacity-100 group-focus-within:opacity-100 dark:border-oai-gray-700/70 dark:bg-oai-gray-900/95 dark:text-oai-gray-200",children:l("sessions.card.methodology")})]})]}),!!c.length&&e.jsx("div",{className:"overflow-x-auto oai-scrollbar",children:e.jsxs("table",{className:"w-full min-w-[440px] text-xs",children:[e.jsx("thead",{className:"text-[10px] uppercase tracking-wide text-oai-gray-400",children:e.jsxs("tr",{children:[e.jsx("th",{className:"pb-1.5 text-left font-medium",children:l("sessions.card.model")}),e.jsx("th",{className:"pb-1.5 text-right font-medium",children:l("sessions.card.edit_sessions")}),e.jsx("th",{className:"pb-1.5 text-right font-medium",children:l("sessions.card.first_pass")}),e.jsx("th",{className:"pb-1.5 text-right font-medium",children:l("sessions.card.tokens_edit")})]})}),e.jsx("tbody",{children:c.map(p=>e.jsxs("tr",{className:"border-t border-oai-gray-100 dark:border-oai-gray-800/60",children:[e.jsx("td",{className:"py-2 pr-2 font-mono text-[11px] truncate max-w-[150px]",title:p.model,children:p.model}),e.jsx("td",{className:"py-2 pl-2 text-right tabular-nums",children:l("sessions.card.edit_session_value",{edits:Ye(p.edit_sessions??p.productive_sessions??0),sessions:Ye(p.sessions)})}),e.jsx("td",{className:"py-2 pl-2 text-right tabular-nums",children:rr(p.first_pass_rate??p.one_shot_rate)}),e.jsx("td",{className:"py-2 text-right tabular-nums",children:u(p.tokens_per_edit)})]},p.model))})]})}),r.context?e.jsxs("div",{className:"mt-3 pt-2.5 border-t border-oai-gray-200 dark:border-oai-gray-800 flex items-center justify-between gap-3 text-[11px] text-oai-gray-500 dark:text-oai-gray-400",children:[e.jsx("span",{children:l("sessions.card.context")}),e.jsx("span",{className:"tabular-nums",title:l("sessions.card.context_tooltip"),children:u(r.context.estimated_fixed_tokens)})]}):null,!!g.length&&e.jsxs("div",{className:"mt-2 flex flex-wrap items-center gap-1.5 text-[10px] text-oai-gray-500 dark:text-oai-gray-400",children:[e.jsx("span",{children:l("sessions.card.subagents")}),g.map(p=>e.jsx("span",{className:"rounded-full bg-oai-gray-100 dark:bg-oai-gray-800 px-1.5 py-0.5",children:l("sessions.card.subagent_item",{name:p.name,calls:Math.round(p.calls)})},p.name))]}),e.jsx("p",{className:"mt-2 text-[10px] text-oai-gray-400 dark:text-oai-gray-500",children:l("sessions.card.privacy")})]})}function sr({label:t,value:a,detail:r}){return e.jsxs("div",{className:"rounded-lg bg-oai-gray-50 dark:bg-oai-gray-800/50 px-2.5 py-2",children:[e.jsx("div",{className:"text-[10px] text-oai-gray-500 dark:text-oai-gray-400 truncate",children:t}),e.jsx("div",{className:"mt-0.5 text-sm font-semibold tabular-nums text-oai-black dark:text-white",children:a}),e.jsx("div",{className:"mt-0.5 text-[9px] tabular-nums text-oai-gray-400 dark:text-oai-gray-500 truncate",children:r})]})}function ne({className:t}){return e.jsx("div",{className:Nt("rounded bg-oai-gray-200/70 dark:bg-oai-gray-800/70 animate-pulse",t)})}function gd(){return e.jsx("div",{className:"flex gap-1 overflow-hidden",children:Array.from({length:20},(t,a)=>e.jsx("div",{className:"flex flex-col gap-1",children:Array.from({length:7},(r,s)=>e.jsx(ne,{className:"h-2.5 w-2.5 rounded-[2px]"},s))},a))})}function xd(){return e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-4",children:[e.jsxs("div",{className:"lg:col-span-4 flex flex-col gap-4 min-w-0 order-2 lg:order-1",children:[e.jsx(Te,{children:e.jsxs("div",{className:"flex flex-col gap-2.5",children:[e.jsx(ne,{className:"h-4 w-32"}),e.jsx(ne,{className:"h-6 w-24"})]})}),e.jsx(Te,{children:e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsx(ne,{className:"h-3.5 w-24"}),Array.from({length:4},(t,a)=>e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsx(ne,{className:"h-3 w-20"}),e.jsx(ne,{className:"h-3 w-12"})]},a))]})}),e.jsx(Te,{children:e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsx(ne,{className:"h-3.5 w-20"}),e.jsx(gd,{})]})}),e.jsx(Te,{children:e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsx(ne,{className:"h-3.5 w-28"}),e.jsx(ne,{className:"h-32 w-full"})]})})]}),e.jsxs("div",{className:"lg:col-span-8 flex flex-col gap-4 min-w-0 order-1 lg:order-2",children:[e.jsxs(Te,{children:[e.jsxs("div",{className:"flex items-center gap-2 mb-6",children:[e.jsx("div",{className:"flex flex-1 min-w-0 gap-1",children:Array.from({length:5},(t,a)=>e.jsx(ne,{className:"h-7 w-14 rounded-md shrink-0"},a))}),e.jsxs("div",{className:"flex items-center gap-1.5 shrink-0",children:[e.jsx(ne,{className:"h-8 w-20 rounded-md"}),e.jsx(ne,{className:"h-8 w-8 rounded-md"})]})]}),e.jsxs("div",{className:"flex flex-col items-center gap-4 mb-8",children:[e.jsx(ne,{className:"h-3 w-28"}),e.jsx(ne,{className:"h-14 w-3/5 max-w-xs"}),e.jsx(ne,{className:"h-6 w-24"})]}),e.jsxs("div",{className:"flex flex-col gap-6",children:[e.jsx(ne,{className:"h-1.5 w-full rounded-full"}),e.jsx("div",{className:"grid grid-cols-2 sm:grid-cols-3 xl:grid-cols-5 gap-3",children:Array.from({length:5},(t,a)=>e.jsxs("div",{className:"flex flex-col gap-2 rounded-lg border border-oai-gray-200 dark:border-oai-gray-700 p-3",children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx(ne,{className:"h-[15px] w-[15px] rounded-sm shrink-0"}),e.jsx(ne,{className:"h-3 w-12"})]}),e.jsx(ne,{className:"h-5 w-10"}),e.jsx(ne,{className:"h-2.5 w-14"})]},a))})]})]}),e.jsxs(Te,{children:[e.jsxs("div",{className:"flex items-center gap-1 mb-4",children:[e.jsx(ne,{className:"h-7 w-16 rounded"}),e.jsx(ne,{className:"h-7 w-20 rounded"})]}),e.jsxs("div",{className:"flex items-center gap-3 border-b border-oai-gray-200 dark:border-oai-gray-700 pb-2",children:[e.jsx(ne,{className:"h-3 w-20 shrink-0"}),Array.from({length:5},(t,a)=>e.jsx(ne,{className:"h-3 flex-1"},a))]}),e.jsx("div",{className:"flex flex-col",children:Array.from({length:8},(t,a)=>e.jsxs("div",{className:"flex items-center gap-3 border-b border-oai-gray-100 dark:border-oai-gray-800 py-2.5 last:border-b-0",children:[e.jsx(ne,{className:"h-3.5 w-20 shrink-0"}),Array.from({length:5},(r,s)=>e.jsx(ne,{className:"h-3.5 flex-1"},s))]},a))})]})]})]})}const fd=el.slice(0,10),Ns=.06,pd=.11,yd=.05,bd=new Set(["macAppBanner","widgetOnboarding"]);function Ss({title:t,subtitle:a,desc:r,loginCard:s,copy:n}){return e.jsxs("div",{className:"min-h-[85vh] w-full flex items-center justify-center text-oai-black dark:text-white relative overflow-hidden px-4 md:px-8 py-8 md:py-16 transition-colors duration-200 bg-[linear-gradient(to_right,#80808007_1px,transparent_1px),linear-gradient(to_bottom,#80808007_1px,transparent_1px)] bg-[size:40px_40px]",children:[e.jsx("div",{className:"absolute inset-0 bg-[radial-gradient(circle_at_50%_0%,rgba(59,130,246,0.03),transparent_50%)] dark:bg-[radial-gradient(circle_at_50%_0%,rgba(99,102,241,0.05),transparent_50%)] pointer-events-none"}),e.jsxs("div",{className:"w-full max-w-5xl grid grid-cols-1 lg:grid-cols-12 gap-8 lg:gap-16 items-start relative z-10",children:[e.jsxs("div",{className:"lg:col-span-7 flex flex-col justify-center space-y-8 text-left pr-0 lg:pr-6",children:[e.jsxs("div",{className:"flex items-center gap-2.5",children:[e.jsx("img",{src:"/app-icon.png",alt:"",width:32,height:32,className:"rounded-md shadow-md border border-oai-gray-200/50 dark:border-oai-gray-800 shadow-black/10 dark:shadow-black/30"}),e.jsx("span",{className:"text-xl font-bold tracking-tight bg-gradient-to-r from-oai-black to-oai-gray-600 dark:from-white dark:to-oai-gray-400 bg-clip-text text-transparent font-oai",children:n("shared.app_name")})]}),e.jsxs("div",{className:"space-y-5",children:[e.jsxs("div",{className:"space-y-4",children:[e.jsx("h1",{className:"text-3xl md:text-4xl lg:text-4.5xl font-black tracking-tight leading-[1.15] text-oai-black dark:text-white",children:t}),e.jsx("p",{className:"text-oai-gray-500 dark:text-oai-gray-400 text-sm md:text-base max-w-xl leading-relaxed",children:r})]}),e.jsx("div",{className:"w-full max-w-[280px] sm:max-w-md opacity-85 hover:opacity-100 transition-opacity duration-200",children:e.jsx("div",{className:"flex justify-start",children:e.jsx(Xi,{logos:fd,columnCount:6})})})]})]}),e.jsx("div",{className:"lg:col-span-5 flex justify-center",children:e.jsxs(Ne.div,{initial:{opacity:0,x:20},animate:{opacity:1,x:0},transition:{duration:.3},className:"w-full max-w-[400px] rounded-2xl border border-oai-gray-200/80 dark:border-oai-gray-800 bg-white/70 dark:bg-oai-gray-950/40 backdrop-blur-md shadow-2xl p-1 relative overflow-hidden",children:[e.jsx("div",{className:"absolute -inset-px bg-gradient-to-b from-white/10 dark:from-white/5 to-transparent pointer-events-none rounded-2xl"}),s]})})]})]})}function kd(t){const{copy:a,onOpenShare:r,screenshotMode:s,showExpiredGate:n,showAuthGate:i,identityDisplayName:o,identityStartDate:u,activeDays:c,identitySubscriptions:g,identityScrambleDurationMs:m,projectUsageEntries:x,projectUsageLimit:h,setProjectUsageLimit:f,projectDetailQuery:b,topModels:k,signedIn:p,publicMode:v,isLocalMode:w,shouldShowInstall:D,installPrompt:T,handleCopyInstall:R,installCopied:L,installInitCmdDisplay:z,trendRowsForDisplay:S,trendFromForDisplay:_,trendToForDisplay:j,trendZoomConfig:P,usageFrom:$,usageTo:U,period:I,trendTimeZoneLabel:E,activityHeatmapBlock:q,periodsForDisplay:N,setSelectedPeriod:C,customFrom:G,customTo:O,onCustomRangeApply:ue,customRangeOpen:J,onCustomRangeOpenChange:me,summaryLabel:le,summaryValue:ge,summaryFullValue:we,hasSummary:xe,summaryLoading:ae,providersLoading:Q,onToggleSummaryFormat:B,summaryTotalTokensRaw:te,summaryCostValue:pe,summaryConversationsValue:H,rollingUsage:he,costInfoEnabled:ce,openCostModal:K,costModalOpen:Y,closeCostModal:A,allowBreakdownToggle:V,refreshAll:X,usageLoadingState:ee,announceUsageLoading:se,initialDashboardLoading:Ge,fleetData:de,hasDetailsActual:Pe,dailyEmptyPrefix:Oe,installSyncCmd:Se,dailyEmptySuffix:At,detailsColumns:ye,ariaSortFor:be,toggleSort:Re,sortIconFor:Ue,pagedDetails:Dt,dailyBreakdownRows:mt,dailyBreakdownColumns:He,dailyBreakdownAriaSortFor:Ca,dailyBreakdownSortIconFor:Qe,dailyBreakdownDateKey:Ta,detailsDateKey:Aa,renderDetailDate:ht,renderDailyBreakdownDate:Z,renderDetailCell:Yt,DETAILS_PAGED_PERIODS:_e,detailsPageCount:ve,detailsPage:Ie,setDetailsPage:gt,deviceOptions:Lt,selectedDevice:Zt,onDeviceChange:Jt,deviceUsageBlock:Mt,leftCardOrder:Da,onLeftReorder:Ve,rightCardOrder:Qt,onRightReorder:at}=t,Et=null,La=null,[Xt,ea]=d.useState(()=>new Set),Rt=d.useCallback((oe,ie)=>{bd.has(oe)&&ea(je=>{if(je.has(oe)===ie)return je;const Xe=new Set(je);return ie?Xe.add(oe):Xe.delete(oe),Xe})},[]),Ma={macAppBanner:w,statsPanel:!0,widgetOnboarding:w,installCopy:D,activityHeatmap:!!q,deviceUsage:!!Mt,trendMonitor:!s,qualityPerDollar:!s,sessionInsights:w&&!s},It=(Da||[]).filter(oe=>Ma[oe]&&!Xt.has(oe)),Ft={usageOverview:!0,dataDetails:!s},Ea=(Qt||[]).filter(oe=>Ft[oe]&&!Xt.has(oe));function rt(oe,ie){switch(oe){case"macAppBanner":return e.jsx(rd,{todayTokens:te,isSyncing:ee,enterDelay:ie});case"statsPanel":return e.jsx(st,{delay:ie,children:e.jsx(hc,{title:a("dashboard.identity.title"),subtitle:a("dashboard.identity.subtitle"),period:I,startDate:u??a("identity_card.rank_placeholder"),streakDays:c,subscriptions:g,periodConversations:H,rolling:he,topModels:k})});case"widgetOnboarding":return e.jsx(nd,{enterDelay:ie});case"installCopy":return e.jsx(st,{delay:ie,children:e.jsxs("div",{className:"rounded-xl border border-oai-gray-200 dark:border-oai-gray-800 bg-white dark:bg-oai-gray-900 p-3",children:[e.jsx("div",{className:"text-xs text-oai-gray-500 dark:text-oai-gray-300 mb-1.5",children:T}),e.jsxs(Ne.button,{onClick:R,whileHover:{scale:1.01},whileTap:{scale:.99},className:"w-full flex items-center justify-between px-3 py-2 bg-oai-gray-50 dark:bg-oai-gray-800 hover:bg-oai-gray-100 dark:hover:bg-oai-gray-700 rounded-lg transition-colors",children:[e.jsx("code",{className:"text-xs font-mono text-oai-gray-700 dark:text-oai-gray-300",children:z}),e.jsx(Ne.span,{initial:{opacity:0,y:-5},animate:{opacity:1,y:0},className:"text-xs text-oai-brand",children:L?"Copied ✓":"Copy"},L?"copied":"copy")]})]})});case"activityHeatmap":return e.jsx(st,{delay:ie,children:q});case"deviceUsage":return e.jsx(st,{delay:ie,children:Mt});case"trendMonitor":return e.jsx(st,{delay:ie,children:e.jsx(Vs,{rows:S,from:_,to:j,period:I,timeZoneLabel:E,showTimeZoneLabel:!1,zoomConfig:P})});case"qualityPerDollar":return e.jsx(cd,{from:$,to:U,deviceId:Zt});case"sessionInsights":return e.jsx(hd,{from:$,to:U});default:return null}}function ta(oe,ie){switch(oe){case"usageOverview":return e.jsx(st,{delay:ie,children:e.jsx(Zc,{period:I,periods:N,onPeriodChange:C,summaryLabel:le,summaryValue:ge,summaryFullValue:we,hasSummary:xe,summaryLoading:ae,providersLoading:Q,onToggleSummaryFormat:xe?B:null,summaryCostValue:pe,onCostInfo:ce?K:null,fleetData:de,onRefresh:s?null:X,loading:ee,announceLoading:se,onOpenShare:s?null:r,customFrom:G,customTo:O,onCustomRangeApply:ue,customRangeOpen:J,onCustomRangeOpenChange:me,from:$,to:U,deviceOptions:Lt,selectedDevice:Zt,onDeviceChange:Jt})});case"dataDetails":return e.jsx(st,{delay:ie,children:e.jsx(uc,{projectEntries:x,projectLimit:h,onProjectLimitChange:f,projectDetailQuery:b,copy:a,hasDetailsActual:Pe,dailyEmptyPrefix:Oe,installSyncCmd:Se,dailyEmptySuffix:At,detailsColumns:ye,ariaSortFor:be,toggleSort:Re,sortIconFor:Ue,pagedDetails:Dt,dailyBreakdownRows:mt,dailyBreakdownColumns:He,dailyBreakdownAriaSortFor:Ca,dailyBreakdownSortIconFor:Qe,dailyBreakdownDateKey:Ta,detailsDateKey:Aa,renderDetailDate:ht,renderDailyBreakdownDate:Z,renderDetailCell:Yt,DETAILS_PAGED_PERIODS:_e,period:I,detailsPageCount:ve,detailsPage:Ie,setDetailsPage:gt})});default:return null}}const We=bi(Jr(Ni,{activationConstraint:{distance:6}}),Jr(ji,{coordinateGetter:vi})),fe=d.useCallback(oe=>{const{active:ie,over:je}=oe;!je||ie.id===je.id||Ve?.(String(ie.id),String(je.id))},[Ve]),Ra=d.useCallback(oe=>{const{active:ie,over:je}=oe;!je||ie.id===je.id||at?.(String(ie.id),String(je.id))},[at]);function $t(oe,ie,je,Xe){return s?e.jsx(e.Fragment,{children:oe.map((Ce,xt)=>e.jsx(vt.Fragment,{children:ie(Ce,je+Ns*xt)},Ce))}):e.jsx(ki,{sensors:We,onDragEnd:Xe,children:e.jsx(wi,{items:oe,strategy:_i,children:oe.map((Ce,xt)=>e.jsx(Xc,{id:Ce,onEmptyChange:Rt,children:ie(Ce,je+Ns*xt)},Ce))})})}const aa=$t(It,rt,pd,fe),Ia=$t(Ea,ta,yd,Ra);return e.jsxs(e.Fragment,{children:[e.jsxs(hl,{bare:!s,hideHeader:s,header:Et,footer:s?null:La,className:s?"screenshot-mode":"",children:[i&&e.jsx(Ss,{title:a("dashboard.auth_gate.hero_title"),desc:a("dashboard.auth_gate.desc"),copy:a,loginCard:e.jsx(es,{title:a("dashboard.auth_gate.title"),subtitle:a("dashboard.auth_gate.subtitle"),hideLogo:!0,className:"bg-transparent rounded-xl"})}),n&&e.jsx(Ss,{title:a("dashboard.expired_gate.hero_title"),desc:a("dashboard.expired_gate.desc"),copy:a,loginCard:e.jsx(es,{title:a("dashboard.expired_gate.title"),subtitle:a("dashboard.expired_gate.subtitle"),hideLogo:!0,className:"bg-transparent rounded-xl"})}),!i&&!n&&Ge&&e.jsx(xd,{}),!i&&!n&&!Ge&&e.jsx(e.Fragment,{children:e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-4",children:[e.jsx("div",{className:"lg:col-span-4 flex flex-col gap-4 min-w-0 order-2 lg:order-1",children:aa}),e.jsx("div",{className:"lg:col-span-8 flex flex-col gap-4 min-w-0 order-1 lg:order-2",children:Ia})]})})]}),e.jsx(sc,{isOpen:Y,onClose:A,fleetData:de})]})}function wd({from:t,to:a,timeZone:r,tzOffsetMinutes:s,accountView:n=!1,accountAccessToken:i=null,accountRevision:o=0}={}){const u=!!(n&&i),[c,g]=d.useState([]),[m,x]=d.useState([]),[h,f]=d.useState(!1),[b,k]=d.useState(null),p=qt([u,t,a,r,s,i,o]),v=d.useCallback(async()=>{const w=p();if(!u){g([]),x([]),f(!1),k(null);return}f(!0),k(null);try{const D=await $e(i);if(!w())return;const T=await ti({from:t,to:a,timeZone:r,tzOffsetMinutes:s,accessToken:D});if(!w())return;g(Array.isArray(T?.devices)?T.devices:[]),x(Array.isArray(T?.account_sources)?T.account_sources:[])}catch(D){if(!w())return;k(D?.message||String(D)),g([]),x([])}finally{w()&&f(!1)}},[u,i,t,a,r,s,o,p]);return d.useEffect(()=>{g([]),x([]),k(null),u&&f(!0),v()},[u,v]),{devices:c,accountSources:m,loading:h,error:b,refresh:v}}const _d=/^Token Tracker \(dashboard\)(?: #([0-9a-fA-F]+))?$/;function Cs(t){const a=String(t||"").toLowerCase();return/iphone|ipad|ios/.test(a)?"iOS":/android/.test(a)?"Android":/mac|darwin/.test(a)?"Mac":/win/.test(a)?"Windows":/linux/.test(a)?"Linux":"Web"}function hr(t){if(!t)return null;const a=typeof t.device_name=="string"?t.device_name.trim():"",r=a.match(_d);if(!r)return a||null;const s=(r[1]||String(t.id||"")).slice(0,8).toLowerCase();return s?`${Cs(t.platform)} · ${s}`:Cs(t.platform)}const Ts=" · ",As="%";function Ds({platform:t,className:a}){const r=String(t||"").toLowerCase();return r.includes("darwin")||r.includes("mac")?e.jsx(nl,{className:a,"aria-hidden":!0}):r.includes("win")?e.jsx(Vr,{className:a,"aria-hidden":!0}):r.includes("linux")?e.jsx(Vr,{className:a,"aria-hidden":!0}):e.jsx(Js,{className:a,"aria-hidden":!0})}function Ls(t,a){return a===t?.id||t?.isCurrent===!0}function vd({devices:t=[],accountSources:a=[],currentDeviceId:r="",selectedDeviceId:s="",onSelectDevice:n,onRenameDevice:i}){const{formatTokens:o,formatTokensTooltip:u}=Ee(),[c,g]=d.useState(""),[m,x]=d.useState(""),[h,f]=d.useState(!1),[b,k]=d.useState(""),p=typeof i=="function",v=typeof n=="function",w=!!s,D=t.reduce((_,j)=>_+(Number(j.total_tokens)||0),0)+a.reduce((_,j)=>_+(Number(j.total_tokens)||0),0),T=d.useMemo(()=>t.filter(_=>(Number(_.total_tokens)||0)>0).sort((_,j)=>(Number(j.total_tokens)||0)-(Number(_.total_tokens)||0)),[t]);function R(_){k(""),g(_.id);const j=typeof _.device_name=="string"?_.device_name:"";x(hr(_)===j?j:"")}function L(){g(""),x(""),k("")}async function z(_){const j=m.trim();if(!(!j||h)){f(!0),k("");try{await i(_.id,j),g(""),x("")}catch{k(_.id)}finally{f(!1)}}}const S=a.filter(_=>(Number(_.total_tokens)||0)>0);return T.length===0&&S.length===0?e.jsxs(Te,{bodyClassName:"!px-3 !py-3.5",children:[e.jsx("div",{className:"flex items-center justify-between gap-2 mb-2 px-2",children:e.jsx("div",{className:"text-sm font-medium text-oai-gray-500 dark:text-oai-gray-300 uppercase tracking-wide px-2",children:l("dashboard.device_card.title")})}),e.jsxs("div",{className:"flex flex-col items-center justify-center py-6 text-center",children:[e.jsx(Js,{className:"h-7 w-7 text-oai-gray-300 dark:text-oai-gray-600 mb-2 stroke-[1.5]"}),e.jsx("p",{className:"text-[11px] text-oai-gray-500 dark:text-oai-gray-400 font-medium",children:l("dashboard.device_card.empty")})]})]}):e.jsxs(Te,{bodyClassName:"!px-3 !py-3.5",children:[e.jsxs("div",{className:"flex items-center justify-between gap-2 mb-2 px-2",children:[e.jsx("div",{className:"text-sm font-medium text-oai-gray-500 dark:text-oai-gray-300 uppercase tracking-wide",children:l("dashboard.device_card.title")}),v&&w&&e.jsx("button",{type:"button",onClick:()=>n(""),className:"text-xs text-oai-gray-400 hover:text-oai-brand focus:outline-none transition-colors",children:l("dashboard.device_card.clear")})]}),e.jsxs("div",{className:"space-y-[2px]",children:[T.map(_=>{const j=Number(_.total_tokens)||0,P=D>0?(j/D*100).toFixed(1):"0.0",$=s===_.id,U=hr(_)||l("dashboard.device_card.unnamed"),I=c===_.id,E=$?"bg-oai-brand":w?"bg-oai-gray-300 dark:bg-oai-gray-600":"bg-oai-brand/50",q=w&&!$?"opacity-40 hover:opacity-80":"opacity-100";return e.jsxs("div",{className:"group relative",children:[I?e.jsxs("div",{className:"w-full rounded-md px-2 py-1.5 bg-oai-gray-50/50 dark:bg-oai-gray-900/40",children:[e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsxs("div",{className:"flex items-center gap-2 min-w-0 flex-1",children:[e.jsx(Ds,{platform:_.platform,className:"h-3.5 w-3.5 shrink-0 text-oai-gray-500 dark:text-oai-gray-400"}),e.jsx("input",{autoFocus:!0,value:m,disabled:h,maxLength:60,placeholder:l("dashboard.device_card.rename_placeholder"),onChange:N=>x(N.target.value),onKeyDown:N=>{N.key==="Enter"?z(_):N.key==="Escape"&&L()},className:"flex-1 min-w-0 bg-transparent text-xs font-medium text-oai-black dark:text-oai-white border-b border-oai-gray-300 dark:border-oai-gray-700 focus:outline-none focus:border-oai-brand py-0"})]}),e.jsxs("div",{className:"shrink-0 flex items-center gap-0.5",children:[e.jsx("button",{type:"button","aria-label":l("dashboard.device_card.rename_save"),disabled:h||!m.trim(),onClick:()=>z(_),className:"text-oai-gray-400 hover:text-oai-brand dark:hover:text-white disabled:opacity-30 transition-colors p-0.5",children:e.jsx(tl,{className:"h-3.5 w-3.5"})}),e.jsx("button",{type:"button","aria-label":l("dashboard.device_card.rename_cancel"),disabled:h,onClick:L,className:"text-oai-gray-400 hover:text-oai-black dark:hover:text-white disabled:opacity-30 transition-colors p-0.5",children:e.jsx(kr,{className:"h-3.5 w-3.5"})})]})]}),e.jsx("div",{className:"mt-1.5 h-[2px] bg-oai-gray-100 dark:bg-oai-gray-800 rounded-full overflow-hidden opacity-40 select-none",children:e.jsx("div",{className:`h-full rounded-full transition-[width,background-color] duration-700 ease-out ${E}`,style:{width:`${P}%`}})})]}):e.jsxs(e.Fragment,{children:[e.jsxs("button",{type:"button","aria-pressed":$,"aria-label":`${l("dashboard.device_filter.aria")}: ${U}${Ls(_,r)?` (${l("dashboard.device_card.current")})`:""}`,onClick:()=>n?.($?"":_.id),className:`w-full text-left rounded-md px-2 py-1.5 transition-all duration-200 focus:outline-none focus-visible:ring-1 focus-visible:ring-inset focus-visible:ring-oai-brand/50 ${q} ${$?"bg-oai-gray-100/70 dark:bg-oai-gray-800/80 text-oai-black dark:text-oai-white":"bg-transparent hover:bg-oai-gray-50 dark:hover:bg-oai-gray-800/40 text-oai-black dark:text-oai-white"}`,children:[e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsxs("div",{className:"flex items-center gap-2 min-w-0 flex-1",children:[e.jsx(Ds,{platform:_.platform,className:"h-3.5 w-3.5 shrink-0 text-oai-gray-500 dark:text-oai-gray-400"}),e.jsx("span",{className:"block truncate text-[13px] font-medium text-oai-black dark:text-oai-white",title:U,children:U}),Ls(_,r)&&e.jsx("span",{className:"shrink-0 rounded-full bg-oai-brand/10 px-1.5 py-0.5 text-[10px] font-medium text-oai-brand",children:l("dashboard.device_card.current")})]}),e.jsxs("span",{title:u(j),className:`shrink-0 text-[13px] font-semibold tabular-nums text-oai-black dark:text-oai-white transition-opacity duration-150 ${p?"group-hover:opacity-0":""}`,children:[o(j),e.jsxs("span",{className:"text-oai-gray-400 dark:text-oai-gray-500 font-normal",children:[Ts,P,As]})]})]}),e.jsx("div",{className:"mt-1.5 h-[2px] bg-oai-gray-100 dark:bg-oai-gray-800 rounded-full overflow-hidden",children:e.jsx("div",{className:`h-full rounded-full transition-[width,background-color] duration-700 ease-out ${E}`,style:{width:`${P}%`}})})]}),p&&e.jsx("button",{type:"button","aria-label":l("dashboard.device_card.rename_aria"),onClick:()=>R(_),className:"absolute right-2 top-1.5 flex h-4 items-center text-oai-gray-400 opacity-0 group-hover:opacity-100 focus-visible:opacity-100 hover:text-oai-brand focus:outline-none transition-opacity duration-150",children:e.jsx(Qi,{className:"h-3 w-3"})})]}),b===_.id&&e.jsx("div",{className:"px-2 mt-1 text-xs text-red-500 font-medium",children:l("dashboard.device_card.rename_error")})]},_.id)}),S.map(_=>{const j=Number(_.total_tokens)||0,P=D>0?(j/D*100).toFixed(1):"0.0",$=w?"opacity-40":"opacity-100";return e.jsxs("div",{className:`rounded-md px-2 py-1.5 transition-all duration-200 ${$}`,title:l("dashboard.device_card.account_scope_tip"),children:[e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsxs("div",{className:"flex items-center gap-2 min-w-0 flex-1",children:[e.jsx("span",{className:"h-3.5 w-3.5 shrink-0 flex items-center justify-center",children:e.jsx(Ct,{provider:_.source,size:14})}),e.jsx("span",{className:"block truncate text-[13px] font-medium text-oai-black dark:text-oai-white",children:jt(_.source)}),e.jsx("span",{className:"shrink-0 text-[10px] uppercase tracking-wide text-oai-gray-400 dark:text-oai-gray-500",children:l("dashboard.device_card.account_scope")})]}),e.jsxs("span",{title:u(j),className:"shrink-0 text-[13px] font-semibold tabular-nums text-oai-black dark:text-oai-white",children:[o(j),e.jsxs("span",{className:"text-oai-gray-400 dark:text-oai-gray-500 font-normal",children:[Ts,P,As]})]})]}),e.jsx("div",{className:"mt-1.5 h-[2px] bg-oai-gray-100 dark:bg-oai-gray-800 rounded-full overflow-hidden",children:e.jsx("div",{className:`h-full rounded-full transition-[width,background-color] duration-700 ease-out ${w?"bg-oai-gray-300 dark:bg-oai-gray-600":"bg-oai-brand/50"}`,style:{width:`${P}%`}})})]},`account-${_.source}`)})]})]})}function xn(){return typeof window>"u"?!1:!!window?.webkit?.messageHandlers?.nativeBridge}const ct=new Map,dt=new Map;function fn(){typeof window>"u"||window.__tokentrackerNativeSaveListener||(window.__tokentrackerNativeSaveListener=!0,window.addEventListener("native:saveImageResult",t=>{const a=t?.detail||{},r=typeof a.requestId=="string"?a.requestId:null;if(!r||!ct.has(r))return;const s=ct.get(r);ct.delete(r),s({ok:!!a.ok,path:typeof a.path=="string"?a.path:void 0,error:typeof a.error=="string"?a.error:void 0})}),window.addEventListener("native:copyImageResult",t=>{const a=t?.detail||{},r=typeof a.requestId=="string"?a.requestId:null;if(!r||!dt.has(r))return;const s=dt.get(r);dt.delete(r),s({ok:!!a.ok,error:typeof a.error=="string"?a.error:void 0})}))}async function jd(t){if(!xn()||typeof window>"u")return{ok:!1,error:"native bridge unavailable"};const a=window?.webkit?.messageHandlers?.nativeBridge;if(!a)return{ok:!1,error:"native bridge unavailable"};fn();const r=`copy_${Date.now()}_${Math.random().toString(36).slice(2,8)}`;return new Promise(s=>{const n=window.setTimeout(()=>{dt.has(r)&&(dt.delete(r),s({ok:!1,error:"timeout"}))},8e3);dt.set(r,i=>{window.clearTimeout(n),s(i)});try{a.postMessage({type:"action",name:"copyImageToClipboard",requestId:r,dataUrl:t})}catch(i){dt.delete(r),window.clearTimeout(n),s({ok:!1,error:i?.message||String(i)})}})}async function Ms(t,a){if(!xn()||typeof window>"u")return{ok:!1,error:"native bridge unavailable"};const r=window?.webkit?.messageHandlers?.nativeBridge;if(!r)return{ok:!1,error:"native bridge unavailable"};fn();const s=`save_${Date.now()}_${Math.random().toString(36).slice(2,8)}`;return new Promise(n=>{const i=window.setTimeout(()=>{ct.has(s)&&(ct.delete(s),n({ok:!1,error:"timeout"}))},8e3);ct.set(s,o=>{window.clearTimeout(i),n(o)});try{r.postMessage({type:"action",name:"saveImageToDownloads",requestId:s,filename:a,dataUrl:t})}catch(o){ct.delete(s),window.clearTimeout(i),n({ok:!1,error:o?.message||String(o)})}})}const pn=1200,yn=1630,bn={broadsheet:{width:1200,height:1630},"annual-report":{width:1080,height:1865}},Nd="https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter+Tight:wght@400;500;600;700&family=IBM+Plex+Serif:ital,wght@0,400;0,500;0,600;1,400&family=IBM+Plex+Mono:wght@400;500&family=Space+Grotesk:wght@500;600;700&display=swap";let nr=!1;function Sd(){if(typeof document>"u"||nr)return;if(document.querySelector('link[data-share-card-fonts="true"]')){nr=!0;return}const a=document.createElement("link");a.rel="stylesheet",a.href=Nd,a.dataset.shareCardFonts="true",a.crossOrigin="anonymous",document.head.appendChild(a),nr=!0}async function Cd(){if(typeof document>"u")return;const t=document.fonts;if(!(!t||typeof t.ready?.then!="function"))try{await t.ready}catch{}}async function Td(t,a={}){if(typeof window>"u"||!t)return null;Sd(),await Cd(),await new Promise(c=>requestAnimationFrame(()=>c(null)));const{toBlob:r,toPng:s}=await ai(async()=>{const{toBlob:c,toPng:g}=await import("./index-BFIcLxb4.js");return{toBlob:c,toPng:g}},[]),n=a.pixelRatio??2,i=t.offsetWidth||pn,o=t.offsetHeight||yn,u={pixelRatio:n,cacheBust:!0,width:i,height:o,style:{width:`${i}px`,height:`${o}px`},skipFonts:!1,filter:c=>!(c instanceof HTMLElement)||c.dataset?.screenshotExclude!=="true"};try{const c=await r(t,u);if(c)return c}catch{}try{const c=await s(t,u);return c?await(await fetch(c)).blob():null}catch{return null}}async function or(t){return new Promise(a=>{const r=new FileReader;r.onload=()=>{const s=typeof r.result=="string"?r.result:null;a(s)},r.onerror=()=>a(null),r.readAsDataURL(t)})}function Es(t,a){if(typeof window>"u"||!t)return!1;try{const r=URL.createObjectURL(t),s=document.createElement("a");return s.href=r,s.download=a,document.body.appendChild(s),s.click(),s.remove(),setTimeout(()=>URL.revokeObjectURL(r),1e3),!0}catch{return!1}}function gr(t){const a=re(t);return Number.isFinite(a)?a:0}function Ad(t){return t?gr(t.billable_total_tokens??t.total_tokens):0}function Dd(t){const a=Array.isArray(t?.weeks)?t.weeks:[];if(!a.length)return{weeks:[],totalDays:0,activeDays:0};let r=0,s=0;return{weeks:a.map(i=>(Array.isArray(i)?i:[]).slice(0,7).map(u=>{const c=!!u?.future,g=Number.isFinite(u?.level)?Math.max(0,Math.min(4,Math.round(u.level))):0;u?.day&&!c&&(r+=1,g>0&&(s+=1));const m=u?.billable_total_tokens??u?.total_tokens??u?.value??0,x=Number.isFinite(m)?Math.max(0,m):0;return{day:typeof u?.day=="string"?u.day:"",level:g,value:x,future:c}})),totalDays:r,activeDays:s}}function Ld(t){const{handle:a,startDate:r,activeDays:s,summary:n,topModels:i,rank:o,period:u,periodFrom:c,periodTo:g,heatmap:m,capturedAt:x,currency:h,exchangeRate:f}=t,b=Ad(n),k=gr(n?.total_cost_usd),p=Array.isArray(i)?i.slice(0,3).map(w=>({id:w?.id??null,name:typeof w?.name=="string"&&w.name?w.name:"—",tokens:gr(w?.tokens),percent:typeof w?.percent=="string"&&w.percent?w.percent:"0.0"})):[],v=Dd(m);return{handle:a||"—",startDate:r||null,activeDays:Number.isFinite(s)&&s>0?Math.floor(s):0,totalTokens:b,totalCost:k,period:u,periodFrom:c,periodTo:g,topModels:p,rank:typeof o=="number"&&Number.isFinite(o)&&o>0?Math.floor(o):null,heatmapWeeks:v.weeks,heatmapTotalDays:v.totalDays,heatmapActiveDays:v.activeDays,capturedAt:x||new Date().toISOString(),currency:typeof h=="string"&&h.length>0?h.toUpperCase():"USD",exchangeRate:Number.isFinite(f)&&f>0?f:1}}const Md=["share.month_short.jan","share.month_short.feb","share.month_short.mar","share.month_short.apr","share.month_short.may","share.month_short.jun","share.month_short.jul","share.month_short.aug","share.month_short.sep","share.month_short.oct","share.month_short.nov","share.month_short.dec"];function Ed(t){const a=Md[t];return a?l(a):"—"}function kn(t,a){return l("share.date.month_year",{month:Ed(t),year:a})}function Rd(t){if(!t)return"—";const a=t.split("-");if(a.length!==3)return t;const[r,s]=a,n=Number(s)-1;return n<0||n>11?t:kn(n,r)}function Id(t){if(t.period==="total")return l("share.issue.all_time");if(t.period==="day"&&t.periodTo)return t.periodTo.replace(/-/g,".");if(t.period==="custom"&&t.periodFrom&&t.periodTo)return`${t.periodFrom.replace(/-/g,".")} — ${t.periodTo.replace(/-/g,".")}`;if(t.periodTo){const a=new Date(`${t.periodTo}T00:00:00Z`);if(!Number.isNaN(a.getTime()))return kn(a.getUTCMonth(),a.getUTCFullYear())}return l(`usage.period.${t.period}`)}function xr(t){return Number.isFinite(t)?Math.round(t).toLocaleString("en-US"):"—"}function wn(t,a={}){const{currency:r="USD",rate:s=1}=a,n=Wt(r);if(!Number.isFinite(t)||t<=0)return`${n}0.00`;const i=r!=="USD"&&Number.isFinite(s)&&s>0?t*s:t;return i>=1e3?`${n}${Math.round(i).toLocaleString("en-US")}`:`${n}${i.toFixed(2)}`}function Fd(t){const a=t.topModels[0];if(a){const r=parseFloat(a.percent);return Number.isFinite(r)&&r>=60?l("share.hook.top_loyal",{percent:Math.round(r),name:a.name}):t.activeDays>=60?l("share.hook.days_record",{days:t.activeDays}):Number.isFinite(r)&&r>=30?l("share.hook.top_led",{name:a.name,percent:Math.round(r)}):t.topModels.length>1?l("share.hook.multi_models",{count:t.topModels.length,days:t.activeDays}):l("share.hook.days_with_model",{days:t.activeDays,name:a.name})}return t.activeDays>0?l("share.hook.days_record",{days:t.activeDays}):l("share.hook.new_chapter")}function $d(t,a){const r=(t||"").length;if(r<=a.baseChars)return a.baseSize;const s=a.baseSize-(r-a.baseChars)*a.shrinkPerChar;return Math.max(a.minSize,s)}function Pd(t){if(!t||t.future)return null;const a=typeof t.level=="number"?t.level:0;return a<0?0:a>4?4:Math.round(a)}function Bd({weeks:t,palette:a,width:r,gap:s=3,radius:n=2,emptyColor:i}){if(!Array.isArray(t)||t.length===0||!r||r<=0)return null;const o=a||["#eee","#ccc","#999","#666","#333"],u=i||o[0],c=t.length,g=(c-1)*s,m=Math.max(4,(r-g)/c),x=7*m+6*s;return e.jsx("svg",{width:r,height:x,viewBox:`0 0 ${r} ${x}`,xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,style:{display:"block"},children:t.map((h,f)=>(Array.isArray(h)?h:[]).map((k,p)=>{if(p>=7)return null;const v=Pd(k),w=f*(m+s),D=p*(m+s),T=v===null?u:o[v];return e.jsx("rect",{x:w,y:D,width:m,height:m,rx:n,ry:n,fill:T},`${f}-${p}`)}))})}const zd=Tt("oklch(0.97 0.01 85)"),Me=Tt("oklch(0.18 0.02 85)"),et=Tt("oklch(0.38 0.015 85)"),Rs=Tt("oklch(0.55 0.012 85)"),ot=Tt("oklch(0.55 0.22 25)"),it='"Instrument Serif", "Times New Roman", Georgia, serif',Od='"Inter Tight", "Helvetica Neue", Arial, sans-serif',Ud=["oklch(0.93 0.013 80)","oklch(0.87 0.04 55)","oklch(0.78 0.09 45)","oklch(0.67 0.16 35)","oklch(0.55 0.22 25)"].map(Tt);function _n({data:t}){const a=Id(t),r=xr(t.totalTokens),s=wn(t.totalCost,{currency:t.currency,rate:t.exchangeRate}),n=Rd(t.startDate),i=$d(r,{baseSize:188,baseChars:9,shrinkPerChar:14,minSize:104}),o=Fd(t),u=Array.isArray(t.heatmapWeeks)&&t.heatmapWeeks.length>0;return e.jsxs("div",{style:{width:"100%",height:"100%",background:zd,color:Me,fontFamily:Od,padding:"80px 88px 68px 88px",boxSizing:"border-box",display:"flex",flexDirection:"column",position:"relative"},children:[e.jsxs("header",{style:{display:"flex",alignItems:"center",justifyContent:"space-between",gap:24,paddingBottom:14,borderBottom:`1px solid ${Rs}`},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:14,fontSize:14,fontWeight:500,letterSpacing:"0.22em",textTransform:"uppercase",color:Me},children:[e.jsx("div",{style:{width:10,height:10,borderRadius:"50%",background:ot}}),"The Token Tracker"]}),e.jsxs("div",{style:{fontSize:12,letterSpacing:"0.22em",textTransform:"uppercase",color:et,textAlign:"right"},children:[l("share.card.broadsheet.issue")," № ",a]})]}),e.jsxs("div",{style:{marginTop:24,display:"flex",justifyContent:"space-between",alignItems:"flex-end",gap:24},children:[e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:12,letterSpacing:"0.2em",textTransform:"uppercase",color:et,marginBottom:6},children:l("share.card.broadsheet.by")}),e.jsx("div",{style:{fontFamily:it,fontSize:52,fontStyle:"italic",lineHeight:1,color:Me,letterSpacing:"-0.01em"},children:t.handle})]}),e.jsxs("div",{style:{fontSize:12,letterSpacing:"0.18em",textTransform:"uppercase",color:et,textAlign:"right",lineHeight:1.6},children:[l("share.card.broadsheet.tracked_since"),e.jsx("br",{}),e.jsx("span",{style:{color:Me},children:n})]})]}),e.jsxs("div",{style:{marginTop:40,display:"flex",flexDirection:"column"},children:[e.jsx("div",{style:{fontSize:13,letterSpacing:"0.3em",textTransform:"uppercase",color:ot,marginBottom:10},children:l("share.card.broadsheet.total_tokens")}),e.jsx("div",{style:{fontFamily:it,fontSize:i,fontWeight:400,lineHeight:.86,letterSpacing:"-0.032em",color:Me,fontFeatureSettings:'"lnum" 1, "tnum" 1',whiteSpace:"nowrap",overflow:"hidden"},children:r}),e.jsxs("div",{style:{marginTop:14,fontFamily:it,fontStyle:"italic",fontSize:34,lineHeight:1.15,color:Me,letterSpacing:"-0.005em",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:["“",o,"”"]}),e.jsx("div",{style:{marginTop:14,height:1,background:ot,width:"100%"}}),e.jsxs("div",{style:{marginTop:10,display:"flex",justifyContent:"space-between",fontSize:13,letterSpacing:"0.16em",textTransform:"uppercase",color:et},children:[e.jsxs("span",{children:[l("share.card.broadsheet.estimated_spend")," · ",s]}),e.jsx("span",{children:l("share.card.broadsheet.billable_days",{days:t.activeDays})})]})]}),u?e.jsxs("section",{style:{marginTop:40},children:[e.jsxs("div",{style:{display:"flex",alignItems:"baseline",justifyContent:"space-between",marginBottom:12},children:[e.jsx("div",{style:{fontSize:12,letterSpacing:"0.3em",textTransform:"uppercase",color:Me,fontWeight:600},children:l("share.card.broadsheet.heatmap_title")}),e.jsx("div",{style:{fontSize:11,letterSpacing:"0.18em",textTransform:"uppercase",color:et},children:l("share.card.broadsheet.heatmap_days_on_record",{active:t.heatmapActiveDays,total:t.heatmapTotalDays})})]}),e.jsx(Bd,{weeks:t.heatmapWeeks,palette:Ud,width:1024,gap:3,radius:2})]}):null,e.jsxs("section",{style:{marginTop:30,flex:1},children:[e.jsxs("div",{style:{display:"flex",alignItems:"baseline",justifyContent:"space-between",borderBottom:`1px solid ${Me}`,paddingBottom:10,marginBottom:6},children:[e.jsx("div",{style:{fontSize:12,letterSpacing:"0.3em",textTransform:"uppercase",color:Me,fontWeight:600},children:l("share.card.broadsheet.roster_title")}),e.jsx("div",{style:{fontSize:11,letterSpacing:"0.18em",textTransform:"uppercase",color:et},children:l("share.card.broadsheet.roster_subtitle")})]}),t.topModels.length===0?e.jsx("div",{style:{fontFamily:it,fontStyle:"italic",fontSize:26,color:et,paddingTop:14},children:l("share.card.broadsheet.empty")}):t.topModels.map((c,g)=>e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"52px 1fr auto 68px",alignItems:"baseline",gap:16,padding:"13px 0",borderBottom:`1px solid ${Rs}`},children:[e.jsx("div",{style:{fontFamily:it,fontSize:34,fontStyle:"italic",color:ot,lineHeight:1},children:String(g+1).padStart(2,"0")}),e.jsx("div",{style:{fontFamily:it,fontSize:32,color:Me,lineHeight:1.1,letterSpacing:"-0.01em",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:c.name}),e.jsx("div",{style:{fontFamily:it,fontSize:28,color:Me,fontFeatureSettings:'"lnum" 1, "tnum" 1',whiteSpace:"nowrap"},children:xr(c.tokens)}),e.jsxs("div",{style:{fontSize:13,letterSpacing:"0.1em",color:et,textAlign:"right",fontFeatureSettings:'"tnum" 1'},children:[c.percent,"%"]})]},c.id||c.name))]}),e.jsxs("footer",{style:{marginTop:18,paddingTop:12,borderTop:`1px solid ${Me}`,display:"flex",justifyContent:"space-between",alignItems:"center",fontSize:12,letterSpacing:"0.22em",textTransform:"uppercase",color:Me},children:[e.jsxs("div",{style:{display:"flex",gap:28},children:[e.jsxs("span",{children:[l("share.card.broadsheet.global_rank")," ",e.jsxs("span",{style:{color:ot},children:["№ ",t.rank!=null?t.rank:"—"]})]}),e.jsxs("span",{children:[l("share.card.broadsheet.active_days")," ",e.jsx("span",{style:{color:ot},children:l("share.card.broadsheet.days_count",{days:t.activeDays})})]})]}),e.jsxs("div",{children:[l("share.card.broadsheet.track_yours")," ",e.jsx("span",{style:{color:ot},children:"→ tokentracker.cc"})]})]})]})}const Hd=bn["annual-report"].width,Vd="#0a0820",tt="#ffffffee",lt="rgba(255,255,255,0.45)",ir="#a78bfa",Wd={background:"rgba(20,15,50,0.38)",backdropFilter:"blur(40px)",WebkitBackdropFilter:"blur(40px)",border:"1px solid rgba(255,255,255,0.05)",boxShadow:["0 39px 56px -36px rgba(255,255,255,0.10) inset","0 7px 11px -4px rgba(255,255,255,0.06) inset","0 -82px 68px -64px rgba(101,67,149,0.08) inset","0 98px 100px -48px rgba(208,171,255,0.06) inset","0 4px 18px 0 rgba(156,146,215,0.06) inset","0 1px 40px 0 rgba(228,222,255,0.04) inset"].join(", ")},fa={background:"rgba(20,15,50,0.38)",backdropFilter:"blur(32px)",WebkitBackdropFilter:"blur(32px)",border:"1px solid rgba(255,255,255,0.06)",boxShadow:"0 1px 8px 0 rgba(228,222,255,0.06) inset"},fr='"Space Grotesk", "Inter Tight", sans-serif',lr='"Inter Tight", sans-serif',Kd="rgba(255,255,255,0.06)",vn=[Kd,"#4a3d8f","#6b5cbe","#9060e0","#d946ef"],jn=48,Nn=28,va=4,Sn=20,Gd=Hd-jn*2-Nn*2,qd=(Gd-Sn*2)/3,pr=Math.min(Math.floor((qd-va*6)/7),40),Yd=pr*7+va*6;function Zd(t){if(!Array.isArray(t))return t;const a=[];for(const u of t)if(Array.isArray(u))for(const c of u)c?.day&&!c.future&&c.value>0&&a.push(c.value);if(!a.length)return t;a.sort((u,c)=>u-c);const r=u=>{const c=a.length,g=(c-1)*u,m=Math.floor(g);return Math.round((a[m]??0)+((a[Math.min(c-1,m+1)]??0)-(a[m]??0))*(g-m))},s=r(.5),n=r(.75),i=r(.9),o=u=>!u||u<=0?0:u<=s?1:u<=n?2:u<=i?3:4;return t.map(u=>Array.isArray(u)?u.map(c=>c?.day&&!c.future&&typeof c.value=="number"?{...c,level:o(c.value)}:c):u)}function Jd(t){if(!Array.isArray(t))return[];const a={},r=Zd(t);for(const s of r)if(Array.isArray(s))for(const n of s){if(!n?.day||n.future)continue;const i=n.day.split("-");if(i.length<2)continue;const o=`${i[0]}-${i[1]}`;(a[o]??=[]).push(n)}return Object.entries(a).sort(([s],[n])=>s.localeCompare(n)).slice(-12).map(([s,n])=>({month:parseInt(s.split("-")[1],10),cells:n}))}function Qd(t){if(!t.length)return[];const a=[...t].sort((o,u)=>o.day.localeCompare(u.day));let r=new Date(`${a[0].day}T00:00:00Z`).getUTCDay();const s=Array(r).fill(null).concat(a),n=[];for(let o=0;o<s.length;o+=7)n.push(s.slice(o,o+7));const i=n[n.length-1];for(;i&&i.length<7;)i.push(null);return n.slice(0,6)}const Xd=["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];function eu(t){if(!Array.isArray(t))return 0;const a=[];for(const n of t)if(Array.isArray(n))for(const i of n)i?.day&&!i.future&&a.push(i);a.sort((n,i)=>n.day.localeCompare(i.day));let r=0,s=0;for(const n of a)(n.level||0)>0?(s++,s>r&&(r=s)):s=0;return r}function Is(t){const[a,r]=d.useState(null);return d.useEffect(()=>{if(!t){r(null);return}let s=!1;const n=new Image;return n.crossOrigin="anonymous",n.onload=()=>{if(!s)try{const i=document.createElement("canvas");i.width=n.naturalWidth,i.height=n.naturalHeight,i.getContext("2d").drawImage(n,0,0),r(i.toDataURL("image/png"))}catch{r(null)}},n.onerror=()=>{s||r(null)},n.src=t,()=>{s=!0}},[t]),a}function tu({data:t}){const a=Qd(t.cells);return e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:16,fontWeight:600,color:lt,fontFamily:fr,marginBottom:4},children:Xd[t.month]}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:va},children:a.map((r,s)=>e.jsx("div",{style:{display:"flex",gap:va},children:r.map((n,i)=>{const o=n?Math.min(4,Math.max(0,n.level||0)):-1;return e.jsx("div",{style:{width:pr,height:pr,borderRadius:4,background:o<0?"transparent":vn[o]}},i)})},s))})]})}function au({data:t}){const a=Jd(t.heatmapWeeks),r=eu(t.heatmapWeeks),s=t.topModels[0],n=t.avatarUrl||null,i=Is(n),o=Is("/neon_bg.png"),u=(t.handle||"?")[0].toUpperCase(),c=16;return e.jsxs("div",{style:{width:"100%",height:"100%",background:Vd,fontFamily:fr,position:"relative",overflow:"hidden",boxSizing:"border-box"},children:[e.jsx("img",{src:o||"/neon_bg.png",alt:"",style:{position:"absolute",inset:0,width:"100%",height:"100%",objectFit:"cover",pointerEvents:"none"}}),e.jsxs("div",{style:{position:"relative",zIndex:1,display:"flex",flexDirection:"column",height:"100%",padding:jn,boxSizing:"border-box"},children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:c*3},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:16},children:[e.jsx("img",{src:"/app-icon.png",alt:"",width:64,height:64,style:{width:64,height:64,borderRadius:16,display:"block"}}),e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:20,fontWeight:500,color:lt,lineHeight:1.2},children:"Token Tracker"}),e.jsx("div",{style:{fontSize:36,fontWeight:700,lineHeight:1.15,color:tt},children:l("share.card.annual.report_title")})]})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10},children:[e.jsx("div",{style:{width:48,height:48,borderRadius:"50%",background:"linear-gradient(135deg,#4c1d95,#7c3aed)",display:"flex",alignItems:"center",justifyContent:"center",border:"2px solid rgba(255,255,255,0.15)",overflow:"hidden",flexShrink:0},children:i?e.jsx("img",{src:i,alt:"",width:48,height:48,style:{width:48,height:48,objectFit:"cover",display:"block"},crossOrigin:"anonymous",referrerPolicy:"no-referrer"}):e.jsx("span",{style:{fontSize:20,fontWeight:700,color:tt},children:u})}),e.jsx("div",{style:{fontSize:32,fontWeight:700,color:tt},children:t.handle})]})]}),e.jsxs("div",{style:{...Wd,borderRadius:22,padding:Nn,marginBottom:c},children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:12},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,fontSize:14,color:lt},children:[e.jsx("span",{children:l("share.card.annual.less")}),vn.map((g,m)=>e.jsx("div",{style:{width:16,height:16,borderRadius:3,background:g}},m)),e.jsx("span",{children:l("share.card.annual.more")})]}),e.jsx("div",{style:{fontSize:16,fontWeight:700,letterSpacing:"0.14em",color:"rgba(255,255,255,0.22)",textTransform:"uppercase"},children:l("share.card.annual.heatmap_title")})]}),e.jsx("div",{style:{display:"grid",gridTemplateColumns:`repeat(3,${Yd}px)`,gap:`8px ${Sn}px`,justifyContent:"center"},children:a.map(g=>e.jsx(tu,{data:g},g.month))})]}),e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:c,marginBottom:c},children:[e.jsxs("div",{style:{...fa,borderRadius:22,padding:"28px 16px",textAlign:"center"},children:[e.jsx("div",{style:{fontFamily:lr,fontSize:52,fontWeight:700,color:tt,letterSpacing:"-0.02em",lineHeight:1},children:xr(t.totalTokens)}),e.jsx("div",{style:{fontSize:22,color:lt,marginTop:12},children:l("share.card.annual.total_tokens")})]}),e.jsxs("div",{style:{...fa,borderRadius:22,padding:"28px 16px",textAlign:"center"},children:[e.jsx("div",{style:{fontFamily:lr,fontSize:52,fontWeight:700,color:tt,letterSpacing:"-0.02em",lineHeight:1},children:wn(t.totalCost,{currency:t.currency,rate:t.exchangeRate})}),e.jsx("div",{style:{fontSize:22,color:lt,marginTop:12},children:l("share.card.annual.estimated_cost")})]})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:c},children:[e.jsxs("div",{style:{...fa,borderRadius:22,padding:"18px 24px",display:"flex",justifyContent:"space-between",alignItems:"center"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10},children:[e.jsxs("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:ir,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48 2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48 2.83-2.83"}),e.jsx("circle",{cx:"12",cy:"12",r:"4"})]}),e.jsx("span",{style:{fontSize:20,color:lt},children:l("share.card.annual.longest_streak")})]}),e.jsx("span",{style:{fontFamily:lr,fontSize:28,fontWeight:700,color:tt},children:l("share.card.annual.days_count",{days:r})})]}),e.jsxs("div",{style:{...fa,borderRadius:22,padding:"18px 24px",display:"flex",justifyContent:"space-between",alignItems:"center"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10},children:[e.jsxs("svg",{width:"22",height:"22",viewBox:"0 0 24 24",fill:"none",stroke:ir,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"}),e.jsx("circle",{cx:"12",cy:"12",r:"4"})]}),e.jsx("span",{style:{fontSize:20,color:lt},children:l("share.card.annual.top_model")})]}),e.jsx("span",{style:{fontFamily:fr,fontSize:28,fontWeight:700,color:tt},children:s?s.name:"—"})]})]}),e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginTop:"auto"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10},children:[e.jsx("img",{src:"/app-icon.png",alt:"",width:44,height:44,style:{width:44,height:44,borderRadius:8,display:"block"}}),e.jsx("span",{style:{fontSize:22,fontWeight:600,color:tt},children:"Token Tracker"})]}),e.jsx("span",{style:{fontSize:22,fontWeight:600,color:ir},children:"tokentracker.cc"})]})]})]})}const Cn=[{id:"annual-report",labelKey:"share.variant.neon"},{id:"broadsheet",labelKey:"share.variant.broadsheet"}],ru={broadsheet:_n,"annual-report":au};function Tn(t){return bn[t]||{width:pn,height:yn}}function su(t){const a=Cn.find(r=>r.id===t);return a?.labelKey?l(a.labelKey):t}const Fs=d.forwardRef(function({data:a,variant:r},s){const n=ru[r]||_n,{width:i,height:o}=Tn(r);return e.jsx("div",{ref:s,"data-share-card":"true",style:{width:i,height:o,position:"relative",overflow:"hidden",boxSizing:"border-box"},children:e.jsx(n,{data:a})})});function pa(){return typeof window>"u"?!1:!!window?.webkit?.messageHandlers?.nativeBridge}const nu=440;function ou(){const[t,a]=d.useState(null),r=d.useRef(null),s=d.useCallback((n,i="info")=>{r.current&&window.clearTimeout(r.current),a({id:Date.now(),kind:i,text:n}),r.current=window.setTimeout(()=>a(null),2800)},[]);return d.useEffect(()=>()=>{r.current&&window.clearTimeout(r.current)},[]),{toast:t,push:s}}function cr({onClick:t,disabled:a,children:r,emphasis:s,ariaLabel:n}){return e.jsx("button",{type:"button",onClick:t,disabled:a,"aria-label":n,className:["group relative flex items-center justify-between gap-3 w-full px-4 py-3 text-left","rounded-lg border transition-colors",s?"border-oai-black dark:border-oai-white bg-oai-black dark:bg-oai-white text-oai-white dark:text-oai-black hover:opacity-90":"border-oai-gray-200 dark:border-oai-gray-800 bg-white dark:bg-oai-gray-900 text-oai-black dark:text-oai-white hover:border-oai-gray-400 dark:hover:border-oai-gray-600",a?"opacity-60 cursor-not-allowed":"cursor-pointer"].join(" "),children:r})}function iu({open:t,onClose:a,data:r,twitterText:s}){const[n,i]=d.useState(null),[o,u]=d.useState(""),[c,g]=d.useState("annual-report"),m=d.useRef(null),{toast:x,push:h}=ou(),f=Hs(),b=d.useMemo(()=>{const S=f?.user;if(!S||typeof S!="object")return null;const _=S.user_metadata||{},j=S.profile||{},P=_.avatar_url||_.picture||j.avatar_url||S.avatar_url;return typeof P=="string"&&P.trim()?P.trim():null},[f?.user]);d.useEffect(()=>{t&&(i(null),u(r?.handle||""))},[t,r?.handle]);const k=r&&{...r,handle:o||r.handle,avatarUrl:b},{width:p,height:v}=Tn(c),w=nu/p;d.useEffect(()=>{if(!t)return;const S=_=>{_.key==="Escape"&&a?.()};return window.addEventListener("keydown",S),()=>window.removeEventListener("keydown",S)},[t,a]);const D=d.useCallback(async()=>{const S=m.current;if(!S)return null;try{return await Td(S)}catch(_){return console.warn("[share] capture failed",_),null}},[]),T=d.useCallback(async()=>{if(n)return;i("copy");const S=await D();if(!S){h(l("share.toast.failed"),"error"),i(null);return}let _=!1;if(pa()){const j=await or(S);j&&(_=(await jd(j)).ok)}else _=await Wr(S);h(_?l("share.toast.copied"):l("share.toast.failed"),_?"success":"error"),i(null)},[n,D,h]),R=d.useCallback(()=>`tokentracker-share-${Date.now()}.png`,[]),L=d.useCallback(async()=>{if(n)return;i("download");const S=await D();if(!S){h(l("share.toast.failed"),"error"),i(null);return}if(pa()){const j=await or(S);if(j&&(await Ms(j,R())).ok){h(l("share.toast.downloaded"),"success"),i(null);return}}const _=Es(S,R());h(_?l("share.toast.downloaded"):l("share.toast.failed"),_?"success":"error"),i(null)},[n,D,R,h]),z=d.useCallback(async()=>{if(n)return;i("x");const S=await D();if(!S){h(l("share.toast.failed"),"error"),i(null);return}if(pa()){const $=await or(S);$&&(await Ms($,R()),h(l("share.toast.downloaded"),"success"))}else await Wr(S)?h(l("share.toast.copied"),"success"):Es(S,R());const _=new URL("https://twitter.com/intent/tweet");s&&_.searchParams.set("text",s);const j=f?.user?.id,P=typeof j=="string"&&j?`/u/${j}`:"/";if(_.searchParams.set("url",`https://www.tokentracker.cc${P}?ref=share`),pa())try{window.webkit?.messageHandlers?.nativeBridge?.postMessage({type:"action",name:"openURL",value:_.toString()})}catch{window.open(_.toString(),"_blank","noopener,noreferrer")}else window.open(_.toString(),"_blank","noopener,noreferrer");i(null)},[n,D,h,s,R,f]);return t?e.jsxs("div",{role:"dialog","aria-modal":"true","aria-label":l("share.modal.title"),"data-screenshot-exclude":"true",className:"fixed inset-0 z-[9999] flex items-center justify-center p-4 sm:p-6",style:{background:"rgba(10,10,10,0.72)"},onClick:S=>{S.target===S.currentTarget&&a?.()},children:[e.jsx("div",{"aria-hidden":!0,style:{position:"fixed",left:0,top:0,width:p,height:v,pointerEvents:"none",opacity:0,zIndex:-1,clip:"rect(0,0,0,0)",overflow:"hidden"},children:e.jsx(Fs,{ref:m,data:k,variant:c})}),e.jsxs(Ne.div,{initial:{opacity:0,y:12},animate:{opacity:1,y:0},exit:{opacity:0,y:12},transition:{duration:.18,ease:[.2,.8,.2,1]},className:"relative w-full max-w-[1040px] max-h-[92vh] overflow-hidden rounded-2xl border border-oai-gray-200 dark:border-oai-gray-800 bg-white dark:bg-oai-black shadow-oai-lg",children:[e.jsxs("div",{className:"flex flex-col lg:flex-row max-h-[92vh]",children:[e.jsx("div",{className:"flex-1 min-w-0 p-4 sm:p-7 bg-oai-gray-50 dark:bg-oai-gray-950 flex items-center justify-center overflow-auto",children:e.jsxs("div",{style:{width:p*w,height:v*w,flexShrink:0,position:"relative"},className:"rounded-xl overflow-hidden shadow-oai-md ring-1 ring-black/5",children:[n?e.jsx("div",{className:"absolute inset-0 z-10 flex items-center justify-center bg-white/70 dark:bg-black/50",children:e.jsxs("svg",{className:"animate-spin h-6 w-6 text-oai-gray-500",viewBox:"0 0 24 24",fill:"none",children:[e.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"3"}),e.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"})]})}):null,e.jsx("div",{style:{width:p,height:v,transform:`scale(${w})`,transformOrigin:"top left"},children:e.jsx(Fs,{data:k,variant:c})})]})}),e.jsxs("div",{className:"w-full lg:w-[340px] flex-shrink-0 border-t lg:border-t-0 lg:border-l border-oai-gray-200 dark:border-oai-gray-800 p-5 sm:p-6 flex flex-col gap-5 overflow-y-auto",children:[e.jsxs("div",{className:"flex items-start justify-between gap-2",children:[e.jsxs("div",{children:[e.jsx("h2",{className:"text-lg font-semibold text-oai-black dark:text-oai-white",children:l("share.modal.title")}),e.jsx("p",{className:"mt-1 text-xs text-oai-gray-500 dark:text-oai-gray-400",children:l("share.modal.subtitle")})]}),e.jsx("button",{type:"button",onClick:a,"aria-label":l("share.modal.close"),className:"p-1.5 -mt-1 -mr-1 rounded-md text-oai-gray-500 hover:text-oai-black dark:hover:text-oai-white hover:bg-oai-gray-100 dark:hover:bg-oai-gray-800 transition-colors",children:e.jsx("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),e.jsxs("div",{children:[e.jsx("label",{htmlFor:"share-handle",className:"text-[11px] tracking-[0.18em] uppercase text-oai-gray-500 dark:text-oai-gray-400 mb-1.5 block",children:l("share.modal.name_label")}),e.jsx("input",{id:"share-handle",type:"text",value:o,onChange:S=>u(S.target.value),placeholder:l("share.modal.name_placeholder"),className:"w-full px-3 py-2 text-sm rounded-lg border border-oai-gray-200 dark:border-oai-gray-800 bg-white dark:bg-oai-gray-900 text-oai-black dark:text-oai-white placeholder:text-oai-gray-400 dark:placeholder:text-oai-gray-600 focus:outline-none focus:ring-1 focus:ring-inset focus:ring-oai-brand transition-colors"})]}),e.jsxs("div",{children:[e.jsx("label",{className:"text-[11px] tracking-[0.18em] uppercase text-oai-gray-500 dark:text-oai-gray-400 mb-1.5 block",children:l("share.modal.style_label")}),e.jsx("div",{className:"flex gap-2",children:Cn.map(S=>e.jsx("button",{type:"button",onClick:()=>g(S.id),className:["flex-1 px-3 py-2 text-sm rounded-lg border transition-colors",c===S.id?"border-oai-black dark:border-oai-white bg-white dark:bg-oai-gray-900 text-oai-black dark:text-oai-white font-medium":"border-oai-gray-200 dark:border-oai-gray-800 bg-white dark:bg-oai-gray-900 text-oai-gray-500 dark:text-oai-gray-400 hover:border-oai-gray-400 dark:hover:border-oai-gray-600"].join(" "),children:su(S.id)},S.id))})]}),e.jsxs("div",{className:"grid grid-cols-1 gap-2",children:[e.jsxs(cr,{onClick:z,disabled:!!n,emphasis:!0,children:[e.jsxs("span",{className:"flex items-center gap-3",children:[e.jsx("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"currentColor","aria-hidden":!0,children:e.jsx("path",{d:"M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"})}),e.jsx("span",{className:"font-medium text-sm",children:l("share.modal.action.x")})]}),e.jsx("span",{className:"text-[11px] opacity-70",children:n==="x"?l("share.toast.working"):l("share.modal.hint.x")})]}),e.jsxs(cr,{onClick:L,disabled:!!n,children:[e.jsxs("span",{className:"flex items-center gap-3",children:[e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[e.jsx("path",{d:"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"}),e.jsx("polyline",{points:"7 10 12 15 17 10"}),e.jsx("line",{x1:"12",y1:"15",x2:"12",y2:"3"})]}),e.jsx("span",{className:"font-medium text-sm",children:l("share.modal.action.download")})]}),e.jsx("span",{className:"text-[11px] text-oai-gray-500 dark:text-oai-gray-400",children:"PNG"})]}),e.jsxs(cr,{onClick:T,disabled:!!n,children:[e.jsxs("span",{className:"flex items-center gap-3",children:[e.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":!0,children:[e.jsx("rect",{x:"9",y:"9",width:"13",height:"13",rx:"2",ry:"2"}),e.jsx("path",{d:"M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1"})]}),e.jsx("span",{className:"font-medium text-sm",children:l("share.modal.action.copy")})]}),e.jsx("span",{className:"text-[11px] text-oai-gray-500 dark:text-oai-gray-400",children:l("share.modal.hint.copy")})]})]}),e.jsx("div",{className:"mt-auto pt-4 border-t border-oai-gray-200 dark:border-oai-gray-800",children:e.jsx("p",{className:"text-[11px] leading-relaxed text-oai-gray-500 dark:text-oai-gray-400",children:l("share.modal.footer")})})]})]}),e.jsx(wr,{children:x?e.jsx(Ne.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},exit:{opacity:0,y:8},className:"pointer-events-none absolute left-1/2 bottom-4 -translate-x-1/2",children:e.jsx("div",{className:["px-4 py-2 rounded-full text-xs font-medium shadow-oai-md",x.kind==="error"?"bg-red-600 text-white":x.kind==="success"?"bg-oai-black dark:bg-oai-white text-oai-white dark:text-oai-black":"bg-oai-gray-800 text-white"].join(" "),children:x.text})},x.id):null})]})]}):null}function lu(t){const{enabled:a,handle:r,startDate:s,activeDays:n,summary:i,topModels:o,period:u,periodFrom:c,periodTo:g,heatmap:m,accessToken:x,userId:h,currency:f,exchangeRate:b}=t,[k,p]=d.useState(null),v=b;return d.useEffect(()=>{if(!a||!h&&!ut())return;let w=!1;return(async()=>{try{const T=await ri({accessToken:x,userId:h,period:u==="day"||u==="custom"?"week":u,metric:"all",limit:100,offset:0});if(w)return;const L=(Array.isArray(T?.entries)?T.entries:Array.isArray(T)?T:[]).find(S=>S?.is_me===!0),z=typeof L?.rank=="number"?L.rank:null;p(z)}catch{w||p(null)}})(),()=>{w=!0}},[a,x,h,u]),d.useMemo(()=>Ld({handle:r,startDate:s,activeDays:n,summary:i,topModels:o,rank:k,period:u,periodFrom:c,periodTo:g,heatmap:m,currency:f,exchangeRate:typeof v=="number"?v:void 0}),[r,s,n,i,o,k,u,c,g,m,f,v])}const cu=["day","week","month","total","custom"],dr=new Set(["day","hour","month"]),Ht=new Set(["day","total","custom"]),du=["macAppBanner","statsPanel","widgetOnboarding","installCopy","activityHeatmap","deviceUsage","trendMonitor","qualityPerDollar","sessionInsights"],uu=["usageOverview","dataDetails"];function ur(t,a){if(typeof a=="number"&&a>0)return!0;if(typeof t=="bigint")return t>0n;if(typeof t=="number")return Number.isFinite(t)&&t>0;if(typeof t=="string"){const r=t.trim();if(!r)return!1;if(/^[0-9]+$/.test(r))try{return BigInt(r)>0n}catch{return!1}const s=Number(r);return Number.isFinite(s)&&s>0}return!1}function ya(t){return t?St(t,null):null}function $s(t){return t?t?.billable_total_tokens??t?.value??t?.total_tokens:null}function mu(t){return t?t==="www.tokentracker.cc"||t==="tokentracker.cc":!1}function hu(){if(typeof window>"u")return!1;const t=new URLSearchParams(window.location.search),a=String(t.get("force_install")||"").toLowerCase();return a!=="1"&&a!=="true"?!1:!mu(window.location.hostname)}function Wu({baseUrl:t,auth:a,signedIn:r,sessionSoftExpired:s,signOut:n,publicMode:i=!1,publicToken:o=null,signInUrl:u="/sign-in",signUpUrl:c="/sign-up",onMainContentVisible:g}){const{resolvedLocale:m}=si(),{currency:x,rate:h}=Sa(),{mode:f,setMode:b,formatTokens:k,formatTokensTooltip:p}=Ee(),[v,w]=d.useState(!1),[D,T]=d.useState(null),[R,L]=d.useState(null),[z,S]=d.useState(!1),[_,j]=d.useState(null),[P,$]=d.useState(0),[U,I]=d.useState(0),[E,q]=d.useState(null),N=d.useMemo(()=>typeof window>"u"?!1:ni(window.location.search),[]),C=d.useMemo(()=>hu(),[]),[G,O]=d.useState(!1),ue=2200,[J,me]=d.useState(!0),[le,ge]=d.useState(!1),[we,xe]=d.useState(!1),[ae,Q]=d.useState(!1),[B,te]=d.useState(!1),pe=d.useRef(!1),H=ut(),he=r&&!s,ce=d.useMemo(()=>he&&(typeof a=="function"||typeof a=="string"||a&&typeof a=="object")?a:null,[a,he]),K=he?ce:null,Y=i?oi(o):K,A=r||H||i,V=he&&Gt(K),X=r&&s&&!i,{accountView:ee,revision:se,resolving:Ge}=ii(),de=ee&&!i,Pe=de?K:null,Oe=Ge&&!i;d.useEffect(()=>{if(!r||H){T(null),L(null),S(!1),j(null);return}if(i)return;if(!V){T(null),L(null),S(!1),j(null);return}let y=!0;const F=()=>{T(null),L(null),S(!1),j(null)};return S(!0),j(null),(async()=>{let M=null;try{M=await $e(K)}catch{M=null}if(y){if(!M){F();return}try{const W={link_code:null,expires_at:null};if(!y)return;T(typeof W?.link_code=="string"?W.link_code:null),L(typeof W?.expires_at=="string"?W.expires_at:null)}catch(W){if(!y)return;T(null),L(null),j(W?.message||"Failed to load link code")}finally{if(!y)return;S(!1)}}})(),()=>{y=!1}},[t,H,r,i,V,K,U]);const Se=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1");d.useEffect(()=>{if(!Se&&(!r||H||i)){q(null);return}if(!Se&&!V){q(null);return}let y=!0;return(async()=>{let F=null;try{F=await $e(K)}catch{F=null}if(y){if(!F&&!Se){q(null);return}try{const M=await li({baseUrl:t,accessToken:F});if(!y)return;q(M&&typeof M=="object"?M:null)}catch{if(!y)return;q(null)}}})(),()=>{y=!1}},[V,t,K,H,i,r]);const At=d.useMemo(()=>{if(!R)return!1;const y=Date.parse(R);if(!Number.isFinite(y))return!1;const F=P||Date.now();return y<=F},[R,P]);d.useEffect(()=>{!r||H||i||!R||!At||z||(T(null),L(null),j(null),I(y=>y+1))},[At,R,z,H,r]),d.useEffect(()=>{if(!R||i)return;const y=Date.parse(R);if(!Number.isFinite(y))return;const F=Date.now();if($(F),y<=F)return;const M=window.setTimeout(()=>$(Date.now()),y-F),W=()=>{typeof document>"u"||document.visibilityState==="visible"&&$(Date.now())};return typeof document<"u"&&document.addEventListener("visibilitychange",W),window.addEventListener("focus",W),()=>{window.clearTimeout(M),typeof document<"u"&&document.removeEventListener("visibilitychange",W),window.removeEventListener("focus",W)}},[R]);const ye=d.useMemo(()=>Us(),[]),be=d.useMemo(()=>Os(),[]),Re=d.useMemo(()=>ci(),[]),Ue=i?null:a?.userId||a?.email||"default",[Dt,mt]=d.useState("month"),[He,Ca]=d.useState(null),[Qe,Ta]=d.useState(null),[Aa,ht]=d.useState(!1),Z=N?"total":Dt,Yt=d.useMemo(()=>Z==="custom"&&He&&Qe?{from:He,to:Qe}:di(Z,{timeZone:ye,offsetMinutes:be,now:Re}),[Re,Z,ye,be,He,Qe]),_e=Yt.from,ve=Yt.to,[Ie,gt]=d.useState(null),[Lt,Zt]=d.useState(()=>Kr());d.useEffect(()=>{const y=()=>Zt(Kr());return window.addEventListener(Gr,y),window.addEventListener("storage",y),()=>{window.removeEventListener(Gr,y),window.removeEventListener("storage",y)}},[]);const{devices:Jt,accountSources:Mt,refresh:Da}=wd({from:_e,to:ve,timeZone:ye,tzOffsetMinutes:be,accountView:de,accountAccessToken:Pe,accountRevision:se}),Ve=d.useMemo(()=>Jt.filter(y=>(Number(y.total_tokens)||0)>0).map(y=>({...y,isCurrent:y.id===Lt})),[Jt,Lt]),Qt=d.useMemo(()=>Mt.filter(y=>(Number(y.total_tokens)||0)>0),[Mt]),at=de&&Ve.length>=2,Et=de&&Ve.length+Qt.length>=2;d.useEffect(()=>{if(!at&&!Et){Ie!==null&&gt(null);return}Ie&&!Ve.some(y=>y.id===Ie)&&gt(null)},[at,Et,Ve,Ie]);const La=d.useMemo(()=>at?[{value:"",label:l("dashboard.device_filter.all")},...Ve.map(y=>{const F=hr(y)||l("dashboard.device_card.unnamed"),M=y.isCurrent?` (${l("dashboard.device_card.current")})`:"";return{value:y.id,label:`${F}${M}`}})]:[],[at,Ve,m]),Xt=Et?e.jsx(vd,{devices:Ve,accountSources:Qt,currentDeviceId:Lt,selectedDeviceId:Ie||"",onSelectDevice:y=>gt(y||null),onRenameDevice:async(y,F)=>{const M=await $e(Pe);await fi({deviceId:y,name:F,accessToken:M}),await Da()}}):null,ea=d.useMemo(()=>ui({timeZone:ye,offsetMinutes:be}),[ye,be]),Rt=d.useMemo(()=>mi({timeZone:ye,offsetMinutes:be}),[ye,be]),Ma=d.useMemo(()=>`Local time (${Rt})`,[Rt]),It=ye,Ft=be,Ea=ea,rt=d.useMemo(()=>br({timeZone:ye,offsetMinutes:be,date:Re||new Date}),[Re,ye,be]),ta=d.useMemo(()=>Jl({period:Z,selectedFrom:_e,selectedTo:ve,todayKey:rt}),[_e,Z,ve,rt]),{daily:We,summary:fe,rolling:Ra,source:$t,loading:aa,error:Ia,refresh:oe}=ss({baseUrl:t,accessToken:Y,guestAllowed:X,from:_e,to:ve,includeDaily:Z!=="total",cacheKey:Ue,timeZone:ye,tzOffsetMinutes:be,now:Re,accountView:de,accountAccessToken:Pe,accountRevision:se,accountViewResolving:Oe,deviceId:Ie}),{daily:ie,loading:je,refresh:Xe}=ss({baseUrl:t,accessToken:Y,guestAllowed:X,from:ta.from,to:ta.to,includeDaily:!0,includeSummary:!1,cacheKey:Ue?`${Ue}.daily-breakdown`:"daily-breakdown",timeZone:ye,tzOffsetMinutes:be,now:Re,accountView:de,accountAccessToken:Pe,accountRevision:se,accountViewResolving:Oe}),{breakdown:Ce,loading:xt,refresh:vr}=Ll({baseUrl:t,accessToken:Y,guestAllowed:X,from:_e,to:ve,cacheKey:Ue,timeZone:ye,tzOffsetMinutes:be,accountView:de,accountAccessToken:Pe,accountRevision:se,accountViewResolving:Oe,deviceId:Ie}),[An,Dn]=d.useState(3),{entries:Ln,loading:Mn,refresh:jr}=Tl({baseUrl:t,accessToken:Y,from:_e,to:ve,timeZone:ye,tzOffsetMinutes:be}),Nr=Z==="week"||Z==="month",ra=Z==="week"||Z==="month",Sr=d.useMemo(()=>We.filter(y=>y?.future?!1:!y?.day||!rt?!0:String(y.day)<=String(rt)),[We,rt]),{rows:qe,from:En,to:Rn,loading:In,refresh:Cr}=Ai({baseUrl:t,accessToken:Y,guestAllowed:X,period:Z,from:_e,to:ve,months:24,cacheKey:Ue,timeZone:It,tzOffsetMinutes:Ft,now:Re,sharedRows:Nr?We:null,sharedRange:Nr?{from:_e,to:ve}:null,accountView:de,accountAccessToken:Pe,accountRevision:se,accountViewResolving:Oe,deviceId:Ie}),Fn=d.useMemo(()=>({baseUrl:t,accessToken:Y,guestAllowed:X,cacheKey:Ue,timeZone:It,tzOffsetMinutes:Ft,now:Re,accountView:de,accountAccessToken:Pe,accountRevision:se,accountViewResolving:Oe}),[t,Y,X,Ue,It,Ft,Re,de,Pe,se,Oe]),{daily:ft,heatmap:Ke,loading:Tr,refresh:Ar}=vl({baseUrl:t,accessToken:Y,guestAllowed:X,weeks:52,cacheKey:Ue,timeZone:ye,tzOffsetMinutes:be,now:Re,accountView:de,accountAccessToken:Pe,accountRevision:se,accountViewResolving:Oe,deviceId:Ie}),{data:sa,refresh:Dr}=Di();d.useEffect(()=>{sa&&typeof sa=="object"&&hi(sa)},[sa]);const Be=d.useMemo(()=>Z==="day"?"hour":Z==="total"?"month":"day",[Z]),$n=d.useMemo(()=>os(Be),[Be]),na="day",Pn=d.useMemo(()=>os(na),[]),[ze,Lr]=d.useState(()=>({key:"day",dir:"desc"}));d.useEffect(()=>{Lr(y=>!dr.has(y.key)||y.key===Be?y:{key:Be,dir:y.dir})},[Be]);const pt=d.useMemo(()=>dr.has(ze.key)&&ze.key!==Be?{...ze,key:Be}:ze,[Be,ze]),oa=d.useMemo(()=>{if(Z==="day")return Array.isArray(qe)?qe.filter(M=>M?.hour&&!M?.future):[];if(Z==="total"){const M=Array.isArray(qe)?qe.filter(W=>W?.month&&!W?.future):[];return Vl(M)}const y=Sr;return!y.some(M=>!M?.missing&&!M?.future)&&We.length>0?We.filter(M=>!M?.future).slice(-30).filter(M=>M?.day):y},[Z,qe,Sr,We]),Pt=d.useMemo(()=>is(oa,pt),[oa,pt]),Mr=d.useMemo(()=>oa.some(y=>!y?.missing&&!y?.future),[oa]),Fa=d.useMemo(()=>{if(!Ht.has(Z))return 1;const y=Math.ceil(Pt.length/_a);return y>0?y:1},[Z,Pt.length]),[$a,ia]=d.useState(0);d.useEffect(()=>{if(!Ht.has(Z)){ia(0);return}ia(y=>Math.min(y,Fa-1))},[Fa,Z]),d.useEffect(()=>{Ht.has(Z)&&ia(0)},[Z,ze.dir,ze.key]);const Bn=d.useMemo(()=>Ht.has(Z)?Wl(Pt,$a,_a):Pt,[$a,Z,Pt]),Er=d.useMemo(()=>Ql(ie,{period:Z}),[ie,Z]),yt=d.useMemo(()=>dr.has(ze.key)?{...ze,key:na}:ze,[ze]),zn=d.useMemo(()=>is(Er,yt),[Er,yt]),On=d.useMemo(()=>ra?We:Z==="day"?Array.isArray(qe)?qe.filter(y=>y?.hour):[]:qe,[We,Z,qe,ra]),Un=ra?_e:En,Hn=ra?ve:Rn;function Vn(y,F){if(y?.future)return"—";if(y?.missing)return l("shared.status.unsynced");if(F.endsWith("_tokens")){const M=F==="total_tokens"?ya(y):y?.[F];return e.jsx("span",{title:p(M),children:k(M)})}return wa(y?.[F])}function Wn(y){const F=y?.[Be];if(F==null)return"";const M=String(F);if(Be==="hour"){const[W,De]=M.split("T");if(W&&De)return`${W} ${De.slice(0,5)}`}return M}function Kn(y){const F=y?.[na];return F==null?"":String(F)}function Gn(y){Lr(F=>F.key===y?{key:y,dir:F.dir==="asc"?"desc":"asc"}:{key:y,dir:"desc"})}function qn(y){return pt.key!==y?"none":pt.dir==="asc"?"ascending":"descending"}function Yn(y){return pt.key!==y?"":pt.dir==="asc"?"▲":"▼"}function Zn(y){return yt.key!==y?"none":yt.dir==="asc"?"ascending":"descending"}function Jn(y){return yt.key!==y?"":yt.dir==="asc"?"▲":"▼"}const Pa=d.useMemo(()=>{if(!r&&!H&&!i&&!Se)return 0;const y=Number(Ke?.active_days);if(Number.isFinite(y))return y;let F=0;const M=new Set,W=(ke,Fe,Le)=>{typeof ke!="string"||!ke||M.has(ke)||ur(Fe,Le)&&(M.add(ke),F+=1)};if(Array.isArray(ft))for(const ke of ft)W(ke?.day,ya(ke));const De=Array.isArray(Ke?.weeks)?Ke.weeks:[];for(const ke of De)for(const Fe of Array.isArray(ke)?ke:[]){const Le=$s(Fe);W(Fe?.day,Le,Fe?.level)}return F},[r,H,Ke?.active_days,Ke?.weeks,ft]),[Rr,Ir]=d.useState("month"),Qn=d.useCallback(y=>{y==="custom"?(Ir(F=>F==="custom"?"month":F),mt(F=>He&&Qe?"custom":F),ht(!0)):(mt(y),Ir(y),ht(!1))},[He,Qe]),Xn=d.useCallback((y,F)=>{Ca(y),Ta(F),mt("custom"),ht(!1)},[]),eo=d.useCallback(y=>{ht(y),!y&&Dt==="custom"&&!He&&mt(Rr)},[Dt,He,Rr]),bt=d.useCallback(async()=>{de&&gi(),de||xi(),await Promise.all([oe(),Ar(),Cr(),vr(),jr(),Xe()])},[de,Xe,Ar,vr,jr,Cr,oe]),Fr=d.useCallback(async()=>{await Promise.all([bt(),Dr()])},[bt,Dr]),Ba=d.useRef(null);d.useEffect(()=>{if(!Se||H||de)return;Ba.current||(Ba.current=qr({auto:!0,background:!0,allLocalSources:!0}));let y=!0;return Ba.current.then(()=>{if(y)return bt()}).catch(F=>{y&&console.warn("[DashboardPage] Reload sync failed:",F)}),()=>{y=!1}},[Se,H,de,bt]),d.useEffect(()=>{if(!Se||H||de)return;const y=Yl({refresh:bt,onError:F=>console.warn("[DashboardPage] Automatic usage refresh failed:",F)});return()=>y.stop()},[Se,H,de,bt]);const to=d.useCallback(async()=>{Q(!0);try{Se&&await qr(),await Fr()}catch(y){console.error("[DashboardPage] Refresh failed:",y)}finally{Q(!1)}},[Se,Fr]),la=ae||aa||je||Tr||In||xt||Mn,za=!B&&(Oe||de&&la&&!Mr),ao=d.useMemo(()=>l("shared.data_source",{source:String($t||"edge").toUpperCase()}),[$t,m]),ca=d.useMemo(()=>typeof a?.name!="string"?"":a.name.trim(),[a?.name]),ro="",$r=d.useMemo(()=>!ca||ca.includes("@")?l("dashboard.identity.fallback"):ca,[ca]),Pr=d.useMemo(()=>$r.replace(/[^a-zA-Z0-9._-]/g,"_"),[$r]),Br=d.useMemo(()=>i?l("dashboard.identity.fallback"):Pr,[Pr,ro,i]),zr=d.useMemo(()=>{let y=null;const F=W=>{typeof W!="string"||!W||(!y||W<y)&&(y=W)};if(Array.isArray(ft))for(const W of ft)W?.day&&ur(ya(W))&&F(W.day);const M=Array.isArray(Ke?.weeks)?Ke.weeks:[];for(const W of M)for(const De of Array.isArray(W)?W:[]){if(!De?.day)continue;const ke=$s(De),Fe=De?.level;ur(ke,Fe)&&F(De.day)}return y},[Ke?.weeks,ft]),so=d.useMemo(()=>i?[]:(Array.isArray(E?.subscriptions?.items)?E.subscriptions.items:[]).map(M=>{const W=typeof M?.tool=="string"?M.tool.trim():"",ke=(typeof M?.plan_type=="string"?M.plan_type:typeof M?.planType=="string"?M.planType:"").trim();return!W||!ke?null:{tool:W,planType:ke,provider:typeof M?.provider=="string"?M.provider.trim():"",product:typeof M?.product=="string"?M.product.trim():"",rateLimitTier:typeof M?.rate_limit_tier=="string"?M.rate_limit_tier.trim():typeof M?.rateLimitTier=="string"?M.rateLimitTier.trim():""}}).filter(Boolean).slice(0,6),[i,E]),no=e.jsx(Li,{heatmap:Ke,timeZoneLabel:ea,timeZoneShortLabel:Rt,hideLegend:N,defaultToLatestMonth:N}),oo=d.useMemo(()=>`${_e}..${ve}`,[_e,Z,ve]),io=l("usage.summary.total"),Ae=fe!=null,kt=Ae?ya(fe):0,lo=k(kt),co=d.useCallback(()=>{b(f===ba.COMPACT?ba.FULL:ba.COMPACT)},[b,f]),uo=l("dashboard.core_index.collapse_label"),mo=l("dashboard.core_index.expand_label"),ho=l("dashboard.core_index.collapse_aria"),go=l("dashboard.core_index.expand_aria"),xo=!N,wt=l("shared.placeholder.short"),Oa=d.useMemo(()=>{const y=Array.isArray(Ce?.sources)?Ce.sources:[];let F=null,M=0;for(const Fe of y){const Le=St(Fe?.totals);!Number.isFinite(Le)||Le<=0||Le>M&&(M=Le,F=Fe)}let W=wt,De=wt,ke="0.0";if(F&&M>0){W=F?.source?String(F.source).toUpperCase():wt;const Fe=Array.isArray(F?.models)?F.models:[];let Le=0;for(const Ga of Fe){const ua=St(Ga?.totals);!Number.isFinite(ua)||ua<=0||ua>Le&&(Le=ua,De=Ga?.model?String(Ga.model):wt)}Le>0&&(ke=(Le/M*100).toFixed(1))}return{agentName:W,modelName:De,modelPercent:ke}},[Ce,wt]),Ua=wa(kt),fo=l("dashboard.screenshot.twitter_text",{total_tokens:Ua==="-"?wt:Ua,agent_name:Oa.agentName,model_name:Oa.modelName,model_percent:Oa.modelPercent}),po=d.useMemo(()=>N?[]:cu,[N]),yo=d.useMemo(()=>[{label:l("usage.metric.total"),value:Ae?k(kt):"—",title:Ae?p(kt):void 0,valueClassName:"text-white"},{label:l("usage.metric.input"),value:Ae?k(fe?.input_tokens):"—",title:Ae?p(fe?.input_tokens):void 0},{label:l("usage.metric.output"),value:Ae?k(fe?.output_tokens):"—",title:Ae?p(fe?.output_tokens):void 0},{label:l("usage.metric.cached_input"),value:Ae?k(fe?.cached_input_tokens):"—",title:Ae?p(fe?.cached_input_tokens):void 0},{label:l("usage.metric.reasoning_output"),value:Ae?k(fe?.reasoning_output_tokens):"—",title:Ae?p(fe?.reasoning_output_tokens):void 0}],[fe?.cached_input_tokens,fe?.input_tokens,fe?.output_tokens,fe?.reasoning_output_tokens,kt,Ae,k,p]),Ha=d.useMemo(()=>Na(fe?.total_cost_usd,{currency:x,rate:h}),[fe?.total_cost_usd,x,h]),bo=d.useMemo(()=>fe?.conversation_count??null,[fe?.conversation_count]),Or=d.useMemo(()=>ec(Ce,{copyFn:l}),[Ce]),Ur=d.useMemo(()=>ac(Ce,{limit:3,copyFn:l}),[Ce]),ko=lu({enabled:G,handle:Br,startDate:zr,activeDays:Pa,summary:fe,topModels:Ur,period:Z,periodFrom:_e,periodTo:ve,heatmap:Ke,accessToken:typeof Y=="string"?Y:null,userId:a?.userId||null,currency:x,exchangeRate:h}),wo=d.useCallback(()=>O(!0),[]),_o=d.useCallback(()=>O(!1),[]),vo=d.useCallback(()=>w(!0),[]),jo=d.useCallback(()=>w(!1),[]),No=Ha&&Ha!=="-"&&Or.length>0,Bt=l("dashboard.install.cmd.init"),Va=At?null:D,Wa=Va?l("dashboard.install.cmd.init_link_code",{link_code:Va}):Bt,So=Bt,Co=l("dashboard.install.cmd.sync"),To=Va?l("dashboard.install.copy"):l("dashboard.install.copy_base"),Ao=l("dashboard.install.copied");l("dashboard.session_expired.copy_label"),l("dashboard.session_expired.copied");const Do=!!(E?.install?.has_active_device_token??E?.install?.hasActiveDeviceToken),Lo=Kl({publicMode:i,screenshotMode:N,forceInstall:C,accessEnabled:A,heatmapLoading:Tr,activeDays:Pa,hasActiveDeviceToken:Do}),Mo=l("dashboard.install.prompt"),Eo=d.useCallback(async()=>{!Wa||!await Yr(Wa)||(ge(!0),window.setTimeout(()=>ge(!1),2e3))},[Wa]);d.useCallback(async()=>{!Bt||!await Yr(Bt)||(xe(!0),window.setTimeout(()=>xe(!1),2e3))},[Bt]);const Ka=d.useMemo(()=>l("dashboard.daily.empty",{cmd:"{{cmd}}"}),[m]),[Ro,Io]=d.useMemo(()=>{const y=Ka.split("{{cmd}}");return y.length===1?[Ka,""]:[y[0],y.slice(1).join("{{cmd}}")]},[Ka]),zt=s&&!i,Ot=!r&&!H&&!s&&!Se&&!i;d.useEffect(()=>{zt||Ot||za||te(!0)},[za,Ot,zt]);const da=Sl(du,uu);return d.useEffect(()=>{pe.current||zt||Ot||la||(pe.current=!0,g?.())},[g,Ot,zt,la]),e.jsxs(e.Fragment,{children:[e.jsx(kd,{copy:l,onOpenShare:wo,screenshotMode:N,showExpiredGate:zt,showAuthGate:Ot,identityDisplayName:Br,identityStartDate:zr,activeDays:Pa,identitySubscriptions:so,identityScrambleDurationMs:ue,projectUsageEntries:Ln,projectUsageLimit:An,setProjectUsageLimit:Dn,projectDetailQuery:{from:_e,to:ve,timeZone:ye,tzOffsetMinutes:be},topModels:Ur,signedIn:r,publicMode:i,isLocalMode:Se,shouldShowInstall:Lo,installPrompt:Mo,handleCopyInstall:Eo,installCopied:le,installCopiedLabel:Ao,installCopyLabel:To,installInitCmdDisplay:So,linkCodeLoading:z,linkCodeError:_,trendRowsForDisplay:On,trendFromForDisplay:Un,trendToForDisplay:Hn,trendZoomConfig:Fn,usageFrom:_e,usageTo:ve,period:Z,trendTimeZoneLabel:Ea,activityHeatmapBlock:no,periodsForDisplay:po,setSelectedPeriod:Qn,customFrom:He,customTo:Qe,onCustomRangeApply:Xn,customRangeOpen:Aa,onCustomRangeOpenChange:eo,metricsRows:yo,summaryLabel:io,summaryValue:lo,hasSummary:Ae,summaryLoading:aa,providersLoading:xt,summaryFullValue:Ua,onToggleSummaryFormat:co,summaryTotalTokensRaw:re(kt)||0,summaryCostValue:Ha,summaryConversationsValue:bo,rollingUsage:Ra,costInfoEnabled:No,openCostModal:vo,allowBreakdownToggle:xo,coreIndexCollapsed:J,setCoreIndexCollapsed:me,coreIndexCollapseLabel:uo,coreIndexExpandLabel:mo,coreIndexCollapseAria:ho,coreIndexExpandAria:go,refreshAll:to,usageLoadingState:la,announceUsageLoading:ae,initialDashboardLoading:za,usageError:Ia,rangeLabel:oo,timeZoneRangeLabel:Ma,usageSourceLabel:ao,fleetData:Or,hasDetailsActual:Mr,dailyEmptyPrefix:Ro,installSyncCmd:Co,dailyEmptySuffix:Io,detailsColumns:$n,ariaSortFor:qn,toggleSort:Gn,sortIconFor:Yn,pagedDetails:Bn,dailyBreakdownRows:zn,dailyBreakdownColumns:Pn,dailyBreakdownAriaSortFor:Zn,dailyBreakdownSortIconFor:Jn,dailyBreakdownDateKey:na,detailsDateKey:Be,renderDetailDate:Wn,renderDailyBreakdownDate:Kn,renderDetailCell:Vn,DETAILS_PAGED_PERIODS:Ht,detailsPageCount:Fa,detailsPage:$a,setDetailsPage:ia,costModalOpen:v,closeCostModal:jo,deviceOptions:La,selectedDevice:Ie||"",onDeviceChange:y=>gt(y||null),deviceUsageBlock:Xt,leftCardOrder:da.left.order,onLeftReorder:da.left.reorder,rightCardOrder:da.right.order,onRightReorder:da.right.reorder}),e.jsx(iu,{open:G,onClose:_o,data:ko,twitterText:fo})]})}export{Wu as DashboardPage};