tokentracker-cli 0.83.5 → 0.83.7

package/dashboard/dist/assets/DashboardPage-YEajmB-U.js

@@ -0,0 +1 @@
+import{l as ja,r as d,j as e,L as Po,b_ as Bo,I as ut,al as Gt,b$ as $e,c0 as zo,c1 as Oo,a5 as Hr,c2 as ma,c3 as Ps,c4 as Bs,c5 as yr,c6 as Uo,c7 as Ho,c8 as Vo,c9 as br,ca as Vt,cb as Wo,cc as Ko,cd as ae,c as l,R as vt,X as kr,ar as Wt,a6 as Na,k as Je,w as zs,ce as Go,aO as wa,d as Nt,cf as qo,H as Os,F as Us,V as Yo,B as Zo,i as Jo,u as Qo,a as Hs,bb as Xo,cg as ei,ch as ti,ci as ai,m as ba,cj as ri,N as Vr,_ as si,ck as Wr,g as ni,Z as oi,bZ as ii,cl as li,cm as ci,cn as di,co as ui,cp as mi,cq as Kr,cr as Gr,cs as hi,ct as gi,ac as xi,cu as fi,cv as pi,cw as qr,a7 as Yr,cx as yi}from"./__vite-browser-external-Bu1cBb_7.js";import{a as Zr,u as bi,C as ki,b as wi,c as Jr,D as _i,S as vi,v as ji,s as Ni,K as Si,P as Ci}from"./use-ordered-list-CjWnQEBX.js";import{u as qt,t as Qr,T as Vs,g as Ti,f as Xr,D as Ai,a as Di,b as Li}from"./TrendMonitor-qheD8KM4.js";import{u as Mi}from"./use-usage-limits-BqDW_9wW.js";import{u as Sa}from"./useCurrency-D1kHNp-X.js";import{u as Ee}from"./useTokenFormat-CbJjag6e.js";import{f as jt,A as Ei}from"./provider-display-D8ezW-m0.js";import{g as Ii,q as Ws,J as Ri,M as Fi,m as Ne}from"./react-CuWBndC4.js";import{D as $i,a as Pi,b as Bi,c as zi,d as Oi,e as Ui}from"./DialogTitle-Cmm7Tr9m.js";import{D as Hi}from"./DialogClose-xjinPgj0.js";import{C as Te}from"./Card-WA_W0aUg.js";import{S as Ks}from"./Select-SLV7eQ5u.js";import{P as Ct}from"./ProviderIcon-CjAvUaYE.js";import{u as Gs}from"./use-reduced-motion-Cln2x_5T.js";import{a as qs,u as Ys}from"./use-transform-TQ15GATd.js";import{I as Zs}from"./info-C5mKonqx.js";import{C as Vi,P as Wi,a as Ki,b as Gi,c as qi,d as Yi}from"./PopoverPopup-SEq9dvEQ.js";import{A as wr}from"./index-C3SM4kjn.js";import{L as Zi}from"./loader-circle-BYnF5KTV.js";import{F as st}from"./FadeIn-jcFbPTOF.js";import{C as Ji}from"./ClawdAnimated-BINDhx9z.js";import{u as Qi,a as Xi,P as el}from"./use-session-efficiency-pref-B5e2s3cv.js";import{L as es}from"./LoginCard-Cw3H2QOQ.js";import{L as tl,A as al}from"./agent-logos-Ccg1ofEC.js";import{C as rl}from"./check-d-Au6Kzo.js";import"./terminal-KTipHIur.js";import"./limits-providers-BnqZGZmO.js";import"./useScrollLock-DKMVyi6-.js";import"./SelectItemText-icj0Q7zH.js";const sl=[["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"}]],nl=ja("git-branch",sl);const ol=[["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"}]],il=ja("laptop",ol);const ll=[["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",ll);const cl=[["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"}]],dl=ja("square-arrow-out-up-right",cl);function ul(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},h=()=>{const x=ts(t.get()),g=ts(i);if(x===g){c();return}const y=n?n.getGeneratorVelocity():t.getVelocity();c(),n=new Ri({keyframes:[x,g],velocity:y,type:"spring",restDelta:.001,restSpeed:.01,...r,onUpdate:o})},m=()=>{h(),t.animation=n??void 0,t.events.animationStart?.notify(),n?.then(()=>{t.animation=void 0,t.events.animationComplete?.notify()})};if(t.attach((x,g)=>{i=x,o=y=>g(qa(y,u)),Ii.postRender(m)},c),Ws(a)){let x=r.skipInitialAnimation===!0;const g=a.on("change",p=>{x?(x=!1,t.jump(qa(p,u),!1)):t.set(qa(p,u))}),y=t.on("destroy",g);return()=>{g(),y()}}return c}function qa(t,a){return a?t+a:t}function ts(t){return typeof t=="number"?t:parseFloat(t)}function ml(t,a={}){const{isStatic:r}=d.useContext(Fi),s=()=>Ws(t)?t.get():t;if(r)return qs(s);const n=Ys(s());return d.useInsertionEffect(()=>ul(n,t,a),[n,JSON.stringify(a)]),n}function hl(t,a={}){return ml(t,{type:"spring",...a})}function gl(){return e.jsxs(Po,{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 xl({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(gl,{}),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 fl({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 pl={};function yl(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 bl({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 kl(t){const a=Math.round(t),r=1e-9*Math.max(1,Math.abs(t));return Math.abs(t-a)<r?a:t}function wl(t,a){const r=t/a;return Math.floor(kl(r))}function _l(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 vl({place:t,value:a,height:r,digitStyle:s,shouldReduceMotion:n}){if(typeof t!="number"){const c=yl(t,r),h=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,...h?{width:"auto",paddingInline:"0.06ch",justifyContent:"center"}:null,...m?{width:c.width}:null},children:t})}const i=wl(a,t),o=Ys(0),u=hl(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,h)=>e.jsx(bl,{mv:u,digit:h,height:r},h))})}function jl({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:h="inherit",containerStyle:m,counterStyle:x,digitStyle:g,gradientHeight:y=14,gradientFrom:p="rgba(255,255,255,0.95)",gradientTo:k="rgba(255,255,255,0)",topGradientStyle:f,bottomGradientStyle:v}){const w=String(a??t??""),D=d.useMemo(()=>Array.isArray(n)&&n.length?n:_l(w),[n,w]),T=typeof navigator<"u"&&/jsdom/i.test(navigator.userAgent||"")||typeof process<"u"&&pl?.VITEST==="true",I=Gs()||T,L=Number.isFinite(Number(t))?Math.abs(Number(t)):0,z=r+s;return I?e.jsx("span",{"data-counter-root":"true",style:{display:"inline-flex",alignItems:"center",color:c,fontSize:r,fontWeight:h,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:h,...x},children:D.map((S,_)=>e.jsx(vl,{place:S,value:L,height:z,digitStyle:g,shouldReduceMotion:I},`${String(S)}-${_}`))}),e.jsxs("span",{style:{pointerEvents:"none",position:"absolute",inset:0,display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[e.jsx("span",{style:f??{height:y,background:`linear-gradient(to bottom, ${p}, ${k})`}}),e.jsx("span",{style:v??{height:y,background:`linear-gradient(to top, ${p}, ${k})`}})]})]})}function Nl({baseUrl:t,accessToken:a,guestAllowed:r=!1,weeks:s=52,weekStartsOn:n="sun",cacheKey:i,timeZone:o,tzOffsetMinutes:u,now:c,accountView:h=!1,accountAccessToken:m=null,accountRevision:x=0,accountViewResolving:g=!1,deviceId:y=null}={}){const p=!!(h&&m),k=p?"cloud":"local",f=d.useMemo(()=>Bo({weeks:s,weekStartsOn:n,now:c}),[c,s,n]),[v,w]=d.useState([]),[D,T]=d.useState(null),[I,L]=d.useState("edge"),[z,S]=d.useState(!1),[_,j]=d.useState(null),P=ut(),$=Gt(a),U=!r,R=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}.${y||"all"}`},[i,y,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=p?await $e(m):null;if(!J&&!P&&!R&&!p)return;if(p&&!me){j("Your session expired. Please sign in again to view account data."),S(!1);return}const le=p?me:J,ge=p?zo:Oo,we=p?Ps:Bs;S(!0),j(null);try{try{const B=await ge({baseUrl:t,accessToken:le,weeks:s,to:f.to,weekStartsOn:n,device:y,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||f.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||f.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||f.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:f.from,to:f.to,device:y,timeZone:o,tzOffsetMinutes:u}),re=Array.isArray(xe?.data)?xe.data:[];w(re);const Q=Hr({dailyRows:re,weeks:s,to:f.to,weekStartsOn:n});T({...Q,week_starts_on:n,active_days:re.filter(B=>Number(B?.billable_total_tokens??B?.total_tokens)>0).length,streak_days:ma({dailyRows:re,to:f.to})}),L("client"),U?N({heatmap:{...Q,week_starts_on:n,active_days:re.filter(B=>Number(B?.billable_total_tokens??B?.total_tokens)>0).length,streak_days:ma({dailyRows:re,to:f.to})},daily:re,fetchedAt:new Date().toISOString()}):C()}catch(xe){if(U){const re=q();if(re?.heatmap)T(re.heatmap),w(re.daily||[]),L("cache"),j(null);else{const Q=xe;j(Q?.message||String(Q)),w([]),T(null),L("edge")}}else{const re=xe;j(re?.message||String(re)),w([]),T(null),L("edge")}}finally{S(!1)}},[a,t,P,r,U,f.from,f.to,q,$,o,u,n,s,C,N,R,p,m,x,y]);return d.useEffect(()=>{if(g){S(!0);return}if(!$&&!r&&!P&&!R&&!p){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,R,g]),{range:f,daily:v,heatmap:D,source:P?"mock":I==="client"?"edge":I,loading:z,error:_,refresh:O}}const Sl="tokentracker.dashboard.leftCardOrder.v1",Cl="tokentracker.dashboard.rightCardOrder.v1";function Tl(t,a){const r=Zr(Sl,t),s=Zr(Cl,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 Al=10;function Dl({baseUrl:t,accessToken:a,from:r,to:s,source:n,timeZone:i,tzOffsetMinutes:o}={}){const[u,c]=d.useState([]),[h,m]=d.useState(!1),[x,g]=d.useState(null),y=ut(),p=Gt(a),k=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1"),f=qt([t,a,r,s,n,i,o]),v=d.useCallback(async()=>{const w=f(),D=await $e(a);if(w()){if(!D&&!y&&!k){c([]),g(null),m(!1);return}m(!0),g(null);try{const T=await Uo({baseUrl:t,accessToken:D,limit:Al,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 I=T?.message||String(T);g(I),c([])}finally{w()&&m(!1)}}},[a,t,r,y,n,i,s,o,k,f]);return d.useEffect(()=>{if(!p&&!y&&!k){c([]),g(null),m(!1);return}c([]),g(null),m(!0),v()},[y,v,p,k]),{entries:u,loading:h,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:h,now:m,accountView:x=!1,accountAccessToken:g=null,accountRevision:y=0,accountViewResolving:p=!1,deviceId:k=null}={}){const f=!!(x&&g),v=f?"cloud":"local",[w,D]=d.useState([]),[T,I]=d.useState(null),[L,z]=d.useState(null),[S,_]=d.useState("edge"),[j,P]=d.useState(null),[$,U]=d.useState(!1),[R,E]=d.useState(null),q=ut(),N=Gt(a),C=!r&&!q,G=k||"all",O=(()=>{if(!u)return null;const Q=Ll(t)||"default",B=i?o?"daily-summary":"daily-only":"summary",te=yr({timeZone:c,offsetMinutes:h});return`tokentracker.usage.${u}.${v}.${Q}.${s}.${n}.${B}.${te}.${G}`})(),ue=d.useRef(v);d.useEffect(()=>{ue.current!==v&&(ue.current=v,D([]),I(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,g,y,k,c,h]),xe=d.useCallback(async()=>{const Q=we(),B=await $e(a),te=f?await $e(g):null;if(!Q()||!B&&!q&&!ge&&!f)return;if(f&&!te){E("Your session expired. Please sign in again to view account data."),U(!1);return}const pe=f?Ps:Bs,H=f?Ho:Vo,he=f?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:h}),H({baseUrl:t,accessToken:he,from:s,to:n,device:k,timeZone:c,tzOffsetMinutes:h,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:h});else o&&(K=await H({baseUrl:t,accessToken:he,from:s,to:n,device:k,timeZone:c,tzOffsetMinutes:h,rolling:!0}));let Y=i&&Array.isArray(ce?.data)?ce.data:[];i&&(Y=Za(Y,s,n,{timeZone:c,offsetMinutes:h,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:h,rolling:!0});A=ee?.totals||null,V=ee?.rolling||V}catch{}const X=new Date().toISOString();if(!Q())return;D(Y),I(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)){I(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:h,now:m}):Y;D(A),_("cache"),P(K.fetchedAt||null),E(null)}else{const Y=ce;E(Y?.message||String(Y)),D([]),I(null),z(null),_("edge"),P(null)}}else{const K=ce;E(K?.message||String(K)),D([]),I(null),z(null),_("edge"),P(null)}}finally{Q()&&U(!1)}},[a,t,s,i,o,q,r,C,m,J,N,c,n,h,le,me,ge,f,g,y,k,we]);return d.useEffect(()=>{if(p){U(!0);return}const Q=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1");if(!N&&!r&&!q&&!Q&&!f){D([]),I(null),z(null),E(null),U(!1),_("edge"),P(null);return}if(!C)le(),D([]),I(null),z(null),E(null),_("edge"),P(null);else{const B=J();if(B?.summary||!o&&Array.isArray(B?.daily)){I(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:h,now:m}):te;D(pe),_("cache"),P(B.fetchedAt||null),E(null)}else D([]),I(null),z(null),_("edge"),P(null),E(null)}U(!0),xe()},[a,q,J,xe,N,r,C,le,ge,p,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:R,refresh:xe}}function Ll(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 Ml(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,h=br({timeZone:s,offsetMinutes:n,date:c}),m=Ya(h),x=m?m.getTime():c.getTime(),g=new Map;for(const p of t||[])p?.day&&g.set(p.day,p);const y=[];for(let p=o;p<=u;p=Ml(p,1)){const k=Vt(p),f=g.get(k),v=p.getTime()>x;if(f){y.push({...f,missing:!1,future:v});continue}y.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 y}function El({baseUrl:t,accessToken:a,guestAllowed:r=!1,from:s,to:n,cacheKey:i,timeZone:o,tzOffsetMinutes:u,accountView:c=!1,accountAccessToken:h=null,accountRevision:m=0,accountViewResolving:x=!1,deviceId:g=null}={}){const y=!!(c&&h),p=y?"cloud":"local",[k,f]=d.useState(null),[v,w]=d.useState("edge"),[D,T]=d.useState(!1),[I,L]=d.useState(null),z=ut(),S=Gt(a),_=!r,j=d.useMemo(()=>{if(!i)return null;const G=Il(t)||"default",O=yr({timeZone:o,offsetMinutes:u});return`tokentracker.modelBreakdown.${i}.${p}.${G}.${s}.${n}.${O}.${g||"all"}`},[t,i,g,s,p,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]),R=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1"),E=qt([t,s,n,p,a,h,m,g,o,u]),q=d.useRef(p);d.useEffect(()=>{q.current!==p&&(q.current=p,f(null),w("edge"),L(null),T(!0))},[p]);const N=d.useCallback(async()=>{const G=E(),O=await $e(a),ue=y?await $e(h):null;if(!G()||!O&&!z&&!R&&!y)return;if(y&&!ue){L("Your session expired. Please sign in again to view account data."),T(!1);return}const J=y?ue:O,me=y?Wo:Ko;T(!0),L(null);try{const le=await me({baseUrl:t,accessToken:J,from:s,to:n,device:g,timeZone:o,tzOffsetMinutes:u});if(!G())return;f(le||null),w("edge"),le&&_?$({breakdown:le,fetchedAt:new Date().toISOString()}):_||U()}catch(le){if(!G())return;if(_){const ge=P();if(ge?.breakdown)f(ge.breakdown),w("cache"),L(null);else{f(null),w("edge");const we=le;L(we?.message||String(we))}}else{f(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,$,R,y,h,m,g,E]);return d.useEffect(()=>{if(x){T(!0);return}if(!S&&!r&&!z&&!R&&!y){f(null),w("edge"),L(null),T(!1);return}if(!_)U(),f(null),w("edge"),L(null);else{const G=P();G?.breakdown?(f(G.breakdown),w("cache"),L(null)):(f(null),w("edge"),L(null))}T(!0),N()},[a,z,P,N,S,r,_,U,R,x]),{breakdown:k,source:z?"mock":v,loading:D,error:I,refresh:N}}function Il(t){try{return new URL(t).host}catch{return null}}const Qs=new Set(["day","hour","month"]);function Rl(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 Fl(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=ae(t),i=ae(a);return n==null&&i==null?0:n==null?1:i==null?-1:n===i?0:n<i?-1:1}function $l(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 Pl(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 Bl(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 zl(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 h=new Date(Date.UTC(s,n-1,i,o,u,c));return Number.isFinite(h.getTime())?h.getTime():null}function Ol(t,a,r){const s=r==="hour"?zl:r==="month"?Bl:Pl,n=s(t),i=s(a);return n!=null&&i!=null?n===i?0:n<i?-1:1:$l(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)=>Ol(u,c,a):Fl,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 h=o(u.row),m=o(c.row),x=h==null,g=m==null;if(x&&g)return u.index-c.index;if(x)return 1;if(g)return-1;const y=i(h,m);return y!==0?y*s:u.index-c.index}).map(u=>u.row)}function Ul(){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=Rl(t)?t:"day";return Ul().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,Hl=["total_tokens","billable_total_tokens","input_tokens","cached_input_tokens","cache_creation_input_tokens","output_tokens","reasoning_output_tokens"];function Vl(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 Wl(t){return Hl.some(a=>Vl(t?.[a]))}function Kl(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&&Wl(n));return s===-1?a:r.slice(s)}function Gl(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 ql({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 Yl({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 Zl=3e4;function Jl({refresh:t,intervalMs:a=Zl,windowRef:r=window,documentRef:s=document,onError:n=()=>{}}){let i=!1,o=null,u=Date.now(),c=0;const h=()=>{if(i||s.visibilityState!=="visible"||o)return o;const y=Promise.resolve().then(()=>t()).catch(p=>n(p)).then(()=>{}).finally(()=>{o===y&&(o=null)});return o=y,y},m=r.setInterval(()=>{const y=Date.now();y<c||(c=y+Yl({visible:s.visibilityState==="visible",lastInteractionAt:u,now:y}),h())},a),x=()=>{s.visibilityState==="visible"&&(u=Date.now(),c=0,h())},g=()=>{u=Date.now()};return r.addEventListener("focus",x),r.addEventListener("pointerdown",g),r.addEventListener("keydown",g),s.addEventListener("visibilitychange",x),{run:h,stop(){i=!0,r.clearInterval(m),r.removeEventListener("focus",x),r.removeEventListener("pointerdown",g),r.removeEventListener("keydown",g),s.removeEventListener("visibilitychange",x)}}}function Ql(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 Xl({period:t,selectedFrom:a,selectedTo:r,todayKey:s}={}){if(t==="total"&&a&&r)return{from:a,to:r};const n=Ql(s)||new Date,i=new Date(Date.UTC(n.getUTCFullYear(),n.getUTCMonth(),n.getUTCDate()-29));return{from:Vt(i),to:Vt(n)}}function ec(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 tc(t){const a=_r(t?.model_id);return a||null}function en(t,a){return t?.model?String(t.model):a}function tn(t){const a=new Map,r=new Map;for(const s of t){const n=typeof s?.name=="string"?s.name.trim():"",i=_r(n);if(!i||i.includes("/"))continue;const o=Math.max(0,ae(s?.weight)??0);(!a.has(i)||o>=(r.get(i)||0))&&(a.set(i,n),r.set(i,o))}return a}function an(t,a){const r=_r(t);if(!r)return null;const s=r.lastIndexOf("/");if(s>0){const n=r.slice(s+1);if(a.has(n))return{key:n,name:a.get(n)}}return{key:r,name:t}}function St(t,a=0){const r=ae(t?.billable_total_tokens),s=ae(t?.total_tokens);return r!=null&&r>0?r:s!=null&&s>0?s:r??s??a}function ac(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=ae(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,ae(o?.totals?.input_tokens)??0),cacheRead:Math.max(0,ae(o?.totals?.cached_input_tokens)??0),cacheCreate:Math.max(0,ae(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,h=Number.isFinite(c)?c.toFixed(2):"0.00",m=o.models.map(p=>{const k=St(p?.totals);if(!Number.isFinite(k)||k<=0)return null;const f=o.totalTokens>0?Math.round(k/o.totalTokens*1e3)/10:0,v=en(p,r("shared.placeholder.short")),w=tc(p),D=ae(p?.totals?.total_cost_usd),T=D??(o.totalCost>0&&o.totalTokens>0?k/o.totalTokens*o.totalCost:null);return{id:w,name:v,share:f,usage:k,cost:T}}).filter(Boolean),x=o.inputTokens+o.cacheRead+o.cacheCreate,y=o.cacheRead+o.cacheCreate>0&&x>0?Math.round(o.cacheRead/x*100):null;return{source:o.source,label:u,totalPercent:String(h),totalPercentValue:c,usd:o.totalCost,usage:o.totalTokens,cacheHitRate:y,cacheReusedTokens:o.cacheRead,cacheInputTokens:x,models:m}})}function rc(t){const a=Array.isArray(t)?t:[],r=new Map,s=[];for(const o of a){const u=Array.isArray(o?.models)?o.models:[];for(const c of u){const h=ae(c?.usage);if(h==null||h<=0)continue;const m=typeof c?.name=="string"&&c.name.trim()?c.name.trim():typeof c?.id=="string"&&c.id.trim()?c.id.trim():null;m&&s.push({model:c,name:m,usage:h})}}const n=tn(s.map(o=>({name:o.name,weight:o.usage})));for(const{model:o,name:u,usage:c}of s){const h=an(u,n);if(!h)continue;const{key:m}=h,x=r.get(m)||{id:m,name:h.name,usage:0,cost:0,hasCost:!1,nameWeight:0};x.usage+=c;const g=ae(o?.cost);g!=null&&(x.cost+=g,x.hasCost=!0),n.has(m)?x.name=n.get(m):c>=x.nameWeight&&(x.name=u,x.nameWeight=c),r.set(m,x)}const i=Array.from(r.values()).reduce((o,u)=>o+u.usage,0);return Array.from(r.values()).map(o=>({id:o.id,name:o.name,usage:o.usage,cost:o.hasCost?o.cost:null,share:i>0?Math.round(o.usage/i*1e3)/10:0})).sort((o,u)=>u.usage!==o.usage?u.usage-o.usage:String(o.name).localeCompare(String(u.name)))}function sc(t,{limit:a=3,copyFn:r}={}){const s=typeof r=="function"?r:p=>p,n=Array.isArray(t?.sources)?t.sources:[];if(!n.length)return[];const i=new Map,o=new Map,u=new Map,c=[];let h=0;for(const p of n){const k=Array.isArray(p?.models)?p.models:[];for(const f of k){const v=St(f?.totals);if(!Number.isFinite(v)||v<=0)continue;h+=v;const w=en(f,s("shared.placeholder.short"));c.push({name:w,tokens:v})}}const m=tn(c.map(p=>({name:p.name,weight:p.tokens})));for(const{name:p,tokens:k}of c){const f=an(p,m);if(!f)continue;const{key:v}=f;i.set(v,(i.get(v)||0)+k),m.has(v)?o.set(v,m.get(v)):k>=(u.get(v)||0)&&(u.set(v,k),o.set(v,p))}if(!i.size)return[];const x=Array.from(i.values()).reduce((p,k)=>p+k,0),g=h>0?h:x,y=Number.isFinite(a)?Math.max(0,Math.floor(a)):3;return Array.from(i.entries()).map(([p,k])=>{const f=g>0?(k/g*100).toFixed(1):"0.0";return{id:p,name:o.get(p)||s("shared.placeholder.short"),tokens:k,percent:String(f)}}).sort((p,k)=>k.tokens!==p.tokens?k.tokens-p.tokens:String(p.name).localeCompare(String(k.name))).slice(0,y)}function nc(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 oc=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 h=ae(c?.usd)??0,m=ae(c?.usage)??0,x=Array.isArray(c?.models)?c.models:[];return{label:c?.label?String(c.label):"",usdValue:h,costLabel:ls(h,n,i),tokensLabel:cs(m),models:x.map(g=>{const y=ae(g?.usage)??0,p=ae(g?.cost)??0;return{id:g?.id?String(g.id):"",name:g?.name?String(g.name):"",tokensLabel:cs(y),costLabel:ls(p,n,i),sortCost:p}}).filter(g=>g.costLabel||g.tokensLabel).sort((g,y)=>y.sortCost-g.sortCost)}}).filter(c=>c.usdValue>0||c.models.length>0).sort((c,h)=>h.usdValue-c.usdValue),[s,n,i]),u=d.useMemo(()=>{const c=o.reduce((h,m)=>h+m.usdValue,0);return nc(c,n,i)},[o,n,i]);return e.jsx($i,{open:a,onOpenChange:c=>{c||r?.()},children:e.jsxs(Pi,{children:[e.jsx(Bi,{className:"cost-modal-backdrop","data-cost-analysis-backdrop":"true"}),e.jsx(zi,{className:"fixed inset-0 z-[101] flex items-center justify-center p-4",children:e.jsxs(Oi,{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(Ui,{render:e.jsx("h2",{className:"sr-only"}),children:l("dashboard.cost_breakdown.title")}),e.jsx(Hi,{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:l("dashboard.cost_breakdown.empty")}):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:l("dashboard.cost_breakdown.model_column")}),e.jsx("span",{role:"columnheader",children:l("dashboard.cost_breakdown.cost_column")})]}),o.map((c,h)=>{const m=`fleet-${h}`;return e.jsxs("div",{role:"rowgroup","aria-labelledby":m,className:h>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,g)=>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}-${g}`))]},`${c.label}-${h}`)})]})]})})]})})]})})});function ic({projectKey:t,from:a,to:r,timeZone:s,tzOffsetMinutes:n}={}){const[i,o]=d.useState(null),[u,c]=d.useState(!1),[h,m]=d.useState(null),x=ut();return d.useEffect(()=>{if(!t){o(null),m(null),c(!1);return}let g=!0;return c(!0),m(null),Go({projectKey:t,from:a,to:r,timeZone:s,tzOffsetMinutes:n}).then(y=>{g&&o(y||null)}).catch(y=>{g&&(m(y?.message||String(y)),o(null))}).finally(()=>{g&&c(!1)}),()=>{g=!1}},[t,a,r,s,n,x]),{data:i,loading:u,error:h}}function rn(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 sn(t){try{return new URL(t).hostname.toLowerCase()}catch{return""}}function nn(t){return t?t==="github.com"||t.endsWith(".github.com")?"github":t.includes("gitlab")||t.startsWith("git.")?"gitlab":"generic":""}function on(t,a){return a&&nn(sn(t))==="github"?a:""}function ln({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 lc(t,a,r,s){if(!Array.isArray(t)||t.length===0)return[];const n=new Map(t.map(g=>[g.day,g]));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`),h=new Date(`${o}T00:00:00Z`);if(!Number.isFinite(c.getTime())||!Number.isFinite(h.getTime()))return t;const m=Math.round((h.getTime()-c.getTime())/864e5)+1;m>Qa&&c.setUTCDate(c.getUTCDate()+(m-Qa));const x=[];for(;c.getTime()<=h.getTime()&&x.length<Qa;){const g=c.toISOString().slice(0,10);x.push(n.get(g)||{day:g,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 cc({host:t}){if(!t)return null;let a;const r=nn(t);return r==="github"||r==="gitlab"?a=e.jsx(Ct,{provider:r,size:12,className:"fill-current"}):a=e.jsx(nl,{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 dc({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}=rn(i),c=typeof t?.project_ref=="string"?t.project_ref:"",h=sn(c),{data:m,loading:x,error:g}=ic({projectKey:i,from:a.from,to:a.to,timeZone:a.timeZone,tzOffsetMinutes:a.tzOffsetMinutes}),{formatTokens:y,formatTokensTooltip:p}=Ee(),k=vt.useCallback(()=>n(!0),[]),f=R=>{R.target===R.currentTarget&&s&&r()};vt.useEffect(()=>{const R=E=>{E.key==="Escape"&&k()};return window.addEventListener("keydown",R),()=>window.removeEventListener("keydown",R)},[k]);const v=m?.totals||null,w=ae(v?.billable_total_tokens)??0,D=Number(m?.days_active||0),T=ae(v?.input_tokens)??0,I=ae(v?.cached_input_tokens)??0,L=T+I>0?I/(T+I):null,z=ae(m?.range_total_tokens)??0,S=ae(v?.total_tokens)??0,_=z>0?S/z:null,j=vt.useMemo(()=>lc(m?.daily,m?.from,m?.to,br({timeZone:a.timeZone,offsetMinutes:a.tzOffsetMinutes})),[m,a.timeZone,a.tzOffsetMinutes]),P=Ja.reduce((R,E)=>R+(ae(v?.[E.key])??0),0),$=Array.isArray(m?.sources)?m.sources:[],U=!x&&!g&&v&&S>0;return e.jsx("div",{onAnimationEnd:f,onClick:R=>{R.target===R.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(ln,{githubOwner:on(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(cc,{host:h}),h&&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:y(w),title:p(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?y(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&&g&&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&&!g&&!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(R=>{const E=ae(v[R.key])??0;return E<=0?null:e.jsx("div",{style:{width:`${E/P*100}%`,backgroundColor:R.color,minWidth:"2px"}},R.key)})}),e.jsx("div",{className:"mt-2.5 flex flex-wrap gap-x-4 gap-y-1.5",children:Ja.map(R=>{const E=ae(v[R.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:R.color}}),e.jsx("span",{className:"text-[11px] text-zinc-500 dark:text-zinc-400",children:l(R.labelKey)}),e.jsx("span",{className:"text-[11px] font-bold font-mono text-zinc-900 dark:text-zinc-50 tabular-nums",title:p(E),children:y(E)})]},R.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(R=>{const E=Number(R.total_tokens||0),q=S>0?E/S:0,N=q*100,C=Number(R.conversation_count||0),G=Ti(R.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:R.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(R.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(R.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:p(E),children:y(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}})})]},R.source)})})]})]})]})]})})}const uc=5;function mc({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:h}=rn(o),m=on(u,c),x=ae(t?.billable_total_tokens??t?.total_tokens)??0,g=a>0?Math.min(100,Math.max(2,x/a*100)):0,y=Array.isArray(t?.sources)?t.sources:[],p=y.slice(0,uc),k=y.length-p.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(ln,{githubOwner:m,letter:(h?.[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:h||o||"—"})]}),p.length>0&&e.jsxs("div",{className:"mt-0.5 flex items-center gap-1",children:[p.map(f=>e.jsx(Ct,{provider:f.source,size:12,className:"text-oai-gray-400 dark:text-oai-gray-500"},f.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:`${g}%`,minWidth:x>0?"3px":0}})})]})]})}function hc({projectEntries:t=[],projectLimit:a=3,onProjectLimitChange:r,projectDetailQuery:s={},copy:n,hasDetailsActual:i,dailyEmptyPrefix:o,installSyncCmd:u,dailyEmptySuffix:c,detailsColumns:h,ariaSortFor:m,toggleSort:x,sortIconFor:g,pagedDetails:y,dailyBreakdownRows:p=[],dailyBreakdownColumns:k=[],dailyBreakdownAriaSortFor:f,dailyBreakdownSortIconFor:v,dailyBreakdownDateKey:w="day",detailsDateKey:D,renderDetailDate:T,renderDailyBreakdownDate:I,renderDetailCell:L,DETAILS_PAGED_PERIODS:z,period:S,detailsPageCount:_,detailsPage:j,setDetailsPage:P}){const[$,U]=d.useState("daily"),[R,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=ae(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(mc,{entry:O,maxTokens:G,copy:n,formatTokens:q,formatTokensTooltip:N,onSelect:E},O?.project_key||O?.project_ref||`entry-${ue}`))})})(),R&&e.jsx(dc,{entry:R,query:s,onClose:()=>E(null)}),$==="daily"&&e.jsxs("div",{children:[p?.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":f?.(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:p.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:I?I(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 gc(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 xc({startDate:t,streakDays:a,subscriptions:r=[],periodConversations:s,rolling:n,topModels:i=[],className:o=""}){const{formatTokensTooltip:u}=Ee(),c=l("shared.placeholder.short"),h=l("shared.unit.percent"),m=t??l("identity_card.rank_placeholder"),x=Number.isFinite(Number(a))?Number(a):0,g=x?l("identity_card.streak_value",{days:x}):l("identity_card.rank_placeholder"),y=gc(r),p={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,p);return D==="-"?c:D},f={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:f.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:f.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:f.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:f.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,I=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:[I,h]})]},w.id||T)})}),y.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:y.map((w,D)=>e.jsxs(fl,{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:g})]})]})]})}let ga=null;function fc(){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 pc(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,h=o*o*o,m=u*u*u,x=c*c*c;return[4.0767416621*h-3.3077115913*m+.2309699292*x,-1.2684380046*h+2.6097574011*m-.3413193965*x,-.0041960863*h-.7034186147*m+1.707614701*x].map(y=>{const p=Math.min(1,Math.max(0,y)),k=p<=.0031308?12.92*p:1.055*Math.pow(p,1/2.4)-.055;return Math.round(k*255)})}function cn(t,a,r,s){if(fc())return s==null?`oklch(${t} ${a} ${r})`:`oklch(${t} ${a} ${r} / ${s})`;const[n,i,o]=pc(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?cn(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 yc(t,a){const r=ms[a]??ms.claude,s=hs[t]||hs.system_prompt;return cn(s.l,s.c,r)}const bc=[{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"]}],kc=[["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"]],wc={duration:.18,ease:[.4,0,.2,1]},_c={height:0,opacity:0},vc={height:"auto",opacity:1},jc={height:0,opacity:0};function Nc(t){const a=Number(t||0);return Number.isFinite(a)&&a>0?a:0}function Sc(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 dn(t,a=null){const r=t.reduce((o,u)=>o+Number(u.totals.total_tokens||0),0),s=Nc(a),n=s||r,i=s&&r>0?s/r:1;return t.map(o=>{const u=i===1?o.totals:Sc(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 Cc(t,a=null){const r=new Map;for(const n of t||[])r.set(n.key,n);const s=bc.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 dn(s,a)}function Tc(t,a=null){const r=t?.totals||{},s=Number(r.reasoning_output_tokens||0),n=(t?.tool_calls_breakdown?.categories||[]).reduce((h,m)=>m?.name==="Text Response"?h:h+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 dn(c,a)}const gs="MCP: ";function Ac(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 Dc(t){return typeof t!="string"?"":t.startsWith("mcp__")?t.split("__").slice(2).join("__")||t:t.includes("/")&&t.split("/").pop()||t}function Lc(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:Dc(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 Mc(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:Lc(s),toolCount:s.length}}).filter(a=>a.name).sort((a,r)=>(r.totals.total_tokens||0)-(a.totals.total_tokens||0))}function Ec(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 Ic(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 Rc(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 Fc(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 $c(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 un(t){return t==="codex"?"dashboard.context_breakdown.empty_codex":"dashboard.context_breakdown.empty"}function Pc(t){return t==="codex"?"dashboard.context_breakdown.error_codex":"dashboard.context_breakdown.error"}function Bc(t){return t==="codex"?"dashboard.context_breakdown.footnote_codex":"dashboard.context_breakdown.footnote"}const zc=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:h=null,children:m,share:x=null,fillColor:g=null}){const y=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",p=e.jsx("span",{className:"shrink-0 flex items-center justify-start",style:{width:zc},"aria-hidden":!a,children:a}),k=e.jsxs(e.Fragment,{children:[p,e.jsx("span",{className:y,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(Vi,{size:11})})]}),f=g&&x!=null&&x>0,v=f?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:f?{backgroundImage:`linear-gradient(to right, ${g.replace(/\)\s*$/," / 0.10)")} 0%, ${g.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:h||""})]}),i&&m?e.jsx(wr,{initial:!1,children:o&&e.jsx(Ne.div,{initial:_c,animate:vc,exit:jc,transition:wc,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=Fc($c(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:kc.map(([c,h])=>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(h)},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,h)=>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:h*.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),h=Mc(t?.categories||[]);function m(x){o(g=>({...g,[x]:!g[x]}))}return h.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(un(r))}):e.jsx("ul",{className:"mt-0.5 mb-0.5 space-y-0.5",children:h.map(x=>{const g=x.toolCount>0,y=x.name==="Execution"&&a,p=y&&x.tools.some(f=>ps(f.name)),k=!!i[x.name];return e.jsxs(Ze,{level:1,label:x.name,labelTone:"strong",hasChevron:g||y&&!p,open:k||y&&!p&&u,onToggle:()=>{g?m(x.name):y&&!p&&c(f=>!f)},tokens:n(x.totals.total_tokens||0),percent:null,children:[g&&e.jsx("ul",{className:"space-y-0.5",children:x.tools.map(f=>{const v=y&&ps(f.name);return e.jsx(Ze,{level:2,label:f.name,labelTone:v?"accent":"default",hasChevron:v,open:u,onToggle:()=>c(w=>!w),tokens:n(f.total_tokens||0),percent:null,children:v&&e.jsx(ys,{execDetails:a,source:r})},f.name)})}),y&&!p&&e.jsx(ys,{execDetails:a,source:r})]},x.name)})})}function Oc({from:t,to:a,source:r="claude",referenceTotalTokens:s=null,onLoadingChange:n=null}){const{formatTokens:i}=Ee(),[o,u]=d.useState(null),[c,h]=d.useState(!1),[m,x]=d.useState(null),[g,y]=d.useState({});function p(N){y(C=>({...C,[N]:!C[N]}))}if(d.useEffect(()=>{let N=!1;return h(!0),n?.(!0),x(null),qo({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||(h(!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(Pc(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(un(r))});const k=r==="claude"?Cc(o.categories||[],s):Tc(o,s),f=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,I=Ic(v?.skills||[]),L=Ec(w?.categories||[]),z=r==="codex"&&(o?.breakdown_status==="queue_fallback"||o?.fallback==="queue_totals"),S=r==="claude"?f?.tool_calls||null:f||null,{mcpSet:_,residualSet:j,mcpTotalTokens:P}=Ac(S),$=r==="claude"&&f?.subagents||null,U=$?.categories?.length>0||(D?.custom_agents_count||0)>0,R=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=!!g[N.key],le=yc(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:()=>p(N.key),share:N.percent,fillColor:le,children:[G&&e.jsx("ul",{className:"space-y-0.5",children:L.map(re=>e.jsx(Ze,{level:1,label:Rc(re),tokens:i(re.totals.total_tokens||0),percent:null},re.key||re.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(R),percent:null,hasChevron:!0,open:!!g.tool_calls_aux,onToggle:()=>p("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:!!g.custom_agents_aux,onToggle:()=>p("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:!!g.mcp_servers,onToggle:()=>p("mcp_servers"),children:e.jsx(Ut,{toolSet:_,execDetails:null,source:r,codexQueueFallback:!1})}),I.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(I.reduce((N,C)=>N+(C.total_tokens||0),0)),percent:null,hasChevron:!0,open:!!g.skills,onToggle:()=>p("skills"),children:e.jsx("ul",{className:"space-y-0.5",children:I.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(Bc(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 mn({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__",Uc=`${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 Hc(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 Vc(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 Wc={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 Wc[r]||`hsl(${150+a*40}, 60%, 45%)`}function Kc(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 Gc(t){return!!t?.models?.length}function hn(t){const a=Number(t?.totalPercentValue??t?.totalPercent);return Number.isFinite(a)?Math.max(0,a):0}function ar(t){const a=hn(t);return a>0&&!(a>=.01)?l("usage.overview.percent_below_threshold"):a.toFixed(2)}const qc={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=qc[t];return a?l(a):String(t).toUpperCase()}function Yc({loading:t,onClick:a}){const r=Gs();return e.jsx(Zo,{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 Zc(){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 Jc(){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 Qc({period:t,periods:a,onPeriodChange:r,summaryValue:s,summaryFullValue:n,onToggleSummaryFormat:i,summaryLabel:o,summaryCostValue:u,onCostInfo:c,fleetData:h=[],onRefresh:m,loading:x,announceLoading:g=!1,summaryLoading:y=!1,providersLoading:p=!1,hasSummary:k=!0,className:f="",customFrom:v,customTo:w,onCustomRangeApply:D,customRangeOpen:T,onCustomRangeOpenChange:I,onOpenShare:L,from:z,to:S,deviceOptions:_=[],selectedDevice:j="",onDeviceChange:P}){const $=Hc(a),U=Di(Jo()),R=Vc(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=R!=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}=Yo(),{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)",re=we?"rgba(10,10,10,0)":"rgba(255,255,255,0)",Q=y&&!k,B=p&&!h.some(Gc);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(jl,{value:R,displayValue:s,fontSize:72,padding:6,gap:1,textColor:"var(--oai-black, #111827)",fontWeight:700,gradientHeight:we?0:8,gradientFrom:xe,gradientTo:re,counterStyle:{paddingLeft:0,paddingRight:0,gap:0},digitStyle:{width:"0.88ch"}}):s,H=h.filter(A=>A.models?.length>0),he=d.useMemo(()=>rc(h),[h]),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:f,children:e.jsxs("div",{"aria-busy":x||Q||B,children:[g?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(Wi,{open:T,onOpenChange:se=>{se?r?.("custom"):I?.(se)},children:[e.jsx(Ki,{render:e.jsx("button",{role:"tab","aria-selected":V,tabIndex:V?0:-1,type:"button",className:X}),children:ee}),e.jsx(Gi,{children:e.jsx(qi,{sideOffset:8,side:"bottom",align:"start",className:"!z-[9999]",children:e.jsx(Yi,{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(Ai,{from:v,to:w,onApply:D,onCancel:()=>I?.(!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(dl,{className:"h-3.5 w-3.5",strokeWidth:2}),l("share.button.label")]}):null,m&&e.jsx(Yc,{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(Zc,{})})]}),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(Jc,{})}),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:`${hn(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(mn,{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:Uc}),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(Xc,{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=Kc(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(ed,{provider:A,color:V,providerHeading:se,contextSource:X,from:z,to:S,sortedModels:ee},A.label)})})]})]})})}function gn({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),h=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":h,"aria-valuemin":0,"aria-valuemax":100,children:e.jsx("div",{className:"h-full transition-[width] duration-500 ease-out",style:{width:`${h}%`,backgroundColor:a,opacity:.45}})})]},o.id||o.name)})})}function Xc({models:t}){return e.jsxs("div",{children:[e.jsxs("div",{className:"mb-1.5 flex items-center gap-1.5",children:[e.jsx(mn,{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(gn,{models:t,color:"var(--oai-blue)"})]})}function ed({provider:t,color:a,providerHeading:r,contextSource:s,from:n,to:i,sortedModels:o}){const{formatTokens:u}=Ee(),[c,h]=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(Zi,{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(Oc,{from:n,to:i,source:s,referenceTotalTokens:t.usage,onLoadingChange:h})}):null,e.jsx(gn,{models:o,color:a})]})}function td({id:t,children:a,onEmptyChange:r}){const{attributes:s,listeners:n,setNodeRef:i,transform:o,transition:u,isDragging:c}=bi({id:t}),h=d.useRef(null),m=d.useRef(null);d.useLayoutEffect(()=>{if(!r)return;const g=h.current?h.current.childNodes.length===0:!0;m.current!==g&&(m.current=g,r(t,g))});const x={transform:ki.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:h,"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 ad({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",rd="leaderboardBannerDismissed",sd="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 nd({todayTokens:t=0,isSyncing:a=!1,enterDelay:r=0}){const{openLoginModal:s}=Qo(),{signedIn:n}=Hs(),i=ad({todayTokens:t,isSyncing:a}),o=xa?rd: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}}),h=d.useCallback(()=>{c(!0);try{localStorage.setItem(o,"1")}catch{}},[o]);if(u)return null;let m,x,g,y,p,k;xa&&n?(m="View the Leaderboard",x="Compare your usage globally",g="Leaderboard",y=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)"})}),p=()=>{window.location.pathname="/leaderboard"}):xa?(m="Join the Leaderboard",x="Log in to compare your usage with others",g="Log In",y=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"})}),p=s):(m="Try the Menu Bar App",x="Always-on stats with Clawd companion",g="Download",y=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=sd);const f=k?Ne.a:Ne.button,v=k?{href:k,target:"_blank",rel:"noopener noreferrer"}:{onClick:p};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(Ji,{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(f,{...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:[g,y]}),e.jsx("button",{onClick:h,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",od=(()=>{try{return new URLSearchParams(window.location.search).get("app")==="1"?(localStorage.setItem(vs,"1"),!0):localStorage.getItem(vs)==="1"}catch{return!1}})();function id({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!od||Xo()?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 ld({enabled:t=!1,from:a,to:r,accessToken:s,deviceId:n=null}={}){const[i,o]=d.useState(null),[u,c]=d.useState(!1),[h,m]=d.useState(null),x=qt([t,a,r,s,n]),g=d.useCallback(async()=>{if(!t)return;const y=x();c(!0),m(null);try{const p=await $e(s);if(!y())return;const k=await ei({from:a,to:r,device:n,accessToken:p});if(!y())return;o(k||null)}catch(p){if(!y())return;m(p?.message||String(p)),o(null)}finally{y()&&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),g()},[t,g]),{data:i,loading:u,error:h,refresh:g}}function xn(t){return t==null?"—":t===0?"$0":t<1?`$${t.toFixed(4)}`:`$${t.toFixed(2)}`}function fn(t){return t==null?"—":`${Math.round(t*100)}%`}function cd(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 dd({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:xn(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:fn(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:cd(t.cost_usd,t.accepted)})]})}function ud({from:t,to:a,deviceId:r=null}){const{formatTokens:s,formatTokensTooltip:n}=Ee(),{enabled:i}=Qi(),{data:o,loading:u}=ld({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(g=>g.outcomes>0&&g.key!=="unknown");if(!c.length)return null;const h=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:h.map(g=>e.jsx(dd,{row:g},g.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:xn(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:fn(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 md=new Set(["unknown","synthetic","openai"]);function rr(t){return t==null?"—":`${Math.round(t*100)}%`}function hd(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 gd(t){const r=String(t?.model||"").trim().toLowerCase().replace(/^<|>$/g,"");return!!r&&!md.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 xd({from:t,to:a}){const[r,s]=d.useState({loading:!0,sessions:null,context:null}),n=d.useId(),{enabled:i}=Xi(),{formatTokens:o}=Ee(),u=f=>o(f,{mode:ba.COMPACT});d.useEffect(()=>{if(!i){s({loading:!1,sessions:null,context:null});return}let f=!1;return s(v=>({...v,loading:!0})),Promise.all([ti({from:t,to:a}),ai()]).then(([v,w])=>{f||s({loading:!1,sessions:v,context:w})}).catch(()=>{f||s({loading:!1,sessions:null,context:null})}),()=>{f=!0}},[i,t,a]);const c=d.useMemo(()=>(r.sessions?.by_model||[]).filter(gd).slice(0,5),[r.sessions]),h=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,g=m.first_pass_rate??m.one_shot_rate,y=m.edit_sessions??m.productive_sessions??0,p=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(y),sessions:Ye(p)})}),e.jsx(sr,{label:l("sessions.card.first_pass"),value:rr(g),detail:l("sessions.card.edit_session_value",{edits:Ye(m.first_pass_sessions??m.one_shot_sessions??0),sessions:Ye(y)})}),e.jsx(sr,{label:l("sessions.card.cost_edit"),value:hd(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(p),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(f=>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:f.model,children:f.model}),e.jsx("td",{className:"py-2 pl-2 text-right tabular-nums",children:l("sessions.card.edit_session_value",{edits:Ye(f.edit_sessions??f.productive_sessions??0),sessions:Ye(f.sessions)})}),e.jsx("td",{className:"py-2 pl-2 text-right tabular-nums",children:rr(f.first_pass_rate??f.one_shot_rate)}),e.jsx("td",{className:"py-2 text-right tabular-nums",children:u(f.tokens_per_edit)})]},f.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,!!h.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")}),h.map(f=>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:f.name,calls:Math.round(f.calls)})},f.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 fd(){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 pd(){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(fd,{})]})}),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 yd=al.slice(0,10),Ns=.06,bd=.11,kd=.05,wd=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(tl,{logos:yd,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 _d(t){const{copy:a,onOpenShare:r,screenshotMode:s,showExpiredGate:n,showAuthGate:i,identityDisplayName:o,identityStartDate:u,activeDays:c,identitySubscriptions:h,identityScrambleDurationMs:m,projectUsageEntries:x,projectUsageLimit:g,setProjectUsageLimit:y,projectDetailQuery:p,topModels:k,signedIn:f,publicMode:v,isLocalMode:w,shouldShowInstall:D,installPrompt:T,handleCopyInstall:I,installCopied:L,installInitCmdDisplay:z,trendRowsForDisplay:S,trendFromForDisplay:_,trendToForDisplay:j,trendZoomConfig:P,usageFrom:$,usageTo:U,period:R,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:re,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:Ie,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:Re,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),It=d.useCallback((oe,ie)=>{wd.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},Rt=(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(nd,{todayTokens:te,isSyncing:ee,enterDelay:ie});case"statsPanel":return e.jsx(st,{delay:ie,children:e.jsx(xc,{title:a("dashboard.identity.title"),subtitle:a("dashboard.identity.subtitle"),period:R,startDate:u??a("identity_card.rank_placeholder"),streakDays:c,subscriptions:h,periodConversations:H,rolling:he,topModels:k})});case"widgetOnboarding":return e.jsx(id,{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:I,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:R,timeZoneLabel:E,showTimeZoneLabel:!1,zoomConfig:P})});case"qualityPerDollar":return e.jsx(ud,{from:$,to:U,deviceId:Zt});case"sessionInsights":return e.jsx(xd,{from:$,to:U});default:return null}}function ta(oe,ie){switch(oe){case"usageOverview":return e.jsx(st,{delay:ie,children:e.jsx(Qc,{period:R,periods:N,onPeriodChange:C,summaryLabel:le,summaryValue:ge,summaryFullValue:we,hasSummary:xe,summaryLoading:re,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(hc,{projectEntries:x,projectLimit:g,onProjectLimitChange:y,projectDetailQuery:p,copy:a,hasDetailsActual:Pe,dailyEmptyPrefix:Oe,installSyncCmd:Se,dailyEmptySuffix:At,detailsColumns:ye,ariaSortFor:be,toggleSort:Ie,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:R,detailsPageCount:ve,detailsPage:Re,setDetailsPage:gt})});default:return null}}const We=wi(Jr(Ci,{activationConstraint:{distance:6}}),Jr(Si,{coordinateGetter:Ni})),fe=d.useCallback(oe=>{const{active:ie,over:je}=oe;!je||ie.id===je.id||Ve?.(String(ie.id),String(je.id))},[Ve]),Ia=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(_i,{sensors:We,onDragEnd:Xe,children:e.jsx(vi,{items:oe,strategy:ji,children:oe.map((Ce,xt)=>e.jsx(td,{id:Ce,onEmptyChange:It,children:ie(Ce,je+Ns*xt)},Ce))})})}const aa=$t(Rt,rt,bd,fe),Ra=$t(Ea,ta,kd,Ia);return e.jsxs(e.Fragment,{children:[e.jsxs(xl,{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(pd,{}),!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:Ra})]})})]}),e.jsx(oc,{isOpen:Y,onClose:A,fleetData:de})]})}function vd({from:t,to:a,timeZone:r,tzOffsetMinutes:s,accountView:n=!1,accountAccessToken:i=null,accountRevision:o=0}={}){const u=!!(n&&i),[c,h]=d.useState([]),[m,x]=d.useState([]),[g,y]=d.useState(!1),[p,k]=d.useState(null),f=qt([u,t,a,r,s,i,o]),v=d.useCallback(async()=>{const w=f();if(!u){h([]),x([]),y(!1),k(null);return}y(!0),k(null);try{const D=await $e(i);if(!w())return;const T=await ri({from:t,to:a,timeZone:r,tzOffsetMinutes:s,accessToken:D});if(!w())return;h(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)),h([]),x([])}finally{w()&&y(!1)}},[u,i,t,a,r,s,o,f]);return d.useEffect(()=>{h([]),x([]),k(null),u&&y(!0),v()},[u,v]),{devices:c,accountSources:m,loading:g,error:p,refresh:v}}const jd=/^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(jd);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(il,{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 Nd({devices:t=[],accountSources:a=[],currentDeviceId:r="",selectedDeviceId:s="",onSelectDevice:n,onRenameDevice:i}){const{formatTokens:o,formatTokensTooltip:u}=Ee(),[c,h]=d.useState(""),[m,x]=d.useState(""),[g,y]=d.useState(!1),[p,k]=d.useState(""),f=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 I(_){k(""),h(_.id);const j=typeof _.device_name=="string"?_.device_name:"";x(hr(_)===j?j:"")}function L(){h(""),x(""),k("")}async function z(_){const j=m.trim();if(!(!j||g)){y(!0),k("");try{await i(_.id,j),h(""),x("")}catch{k(_.id)}finally{y(!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"),R=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:[R?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:g,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:g||!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(rl,{className:"h-3.5 w-3.5"})}),e.jsx("button",{type:"button","aria-label":l("dashboard.device_card.rename_cancel"),disabled:g,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 ${f?"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}%`}})})]}),f&&e.jsx("button",{type:"button","aria-label":l("dashboard.device_card.rename_aria"),onClick:()=>I(_),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(el,{className:"h-3 w-3"})})]}),p===_.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 pn(){return typeof window>"u"?!1:!!window?.webkit?.messageHandlers?.nativeBridge}const ct=new Map,dt=new Map;function yn(){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 Sd(t){if(!pn()||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"};yn();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(!pn()||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"};yn();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 bn=1200,kn=1630,wn={broadsheet:{width:1200,height:1630},"annual-report":{width:1080,height:1865}},Cd="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 Td(){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=Cd,a.dataset.shareCardFonts="true",a.crossOrigin="anonymous",document.head.appendChild(a),nr=!0}async function Ad(){if(typeof document>"u")return;const t=document.fonts;if(!(!t||typeof t.ready?.then!="function"))try{await t.ready}catch{}}async function Dd(t,a={}){if(typeof window>"u"||!t)return null;Td(),await Ad(),await new Promise(c=>requestAnimationFrame(()=>c(null)));const{toBlob:r,toPng:s}=await si(async()=>{const{toBlob:c,toPng:h}=await import("./index-BFIcLxb4.js");return{toBlob:c,toPng:h}},[]),n=a.pixelRatio??2,i=t.offsetWidth||bn,o=t.offsetHeight||kn,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=ae(t);return Number.isFinite(a)?a:0}function Ld(t){return t?gr(t.billable_total_tokens??t.total_tokens):0}function Md(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,h=Number.isFinite(u?.level)?Math.max(0,Math.min(4,Math.round(u.level))):0;u?.day&&!c&&(r+=1,h>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:h,value:x,future:c}})),totalDays:r,activeDays:s}}function Ed(t){const{handle:a,startDate:r,activeDays:s,summary:n,topModels:i,rank:o,period:u,periodFrom:c,periodTo:h,heatmap:m,capturedAt:x,currency:g,exchangeRate:y}=t,p=Ld(n),k=gr(n?.total_cost_usd),f=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=Md(m);return{handle:a||"—",startDate:r||null,activeDays:Number.isFinite(s)&&s>0?Math.floor(s):0,totalTokens:p,totalCost:k,period:u,periodFrom:c,periodTo:h,topModels:f,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 g=="string"&&g.length>0?g.toUpperCase():"USD",exchangeRate:Number.isFinite(y)&&y>0?y:1}}const Id=["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 Rd(t){const a=Id[t];return a?l(a):"—"}function _n(t,a){return l("share.date.month_year",{month:Rd(t),year:a})}function Fd(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:_n(n,r)}function $d(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 _n(a.getUTCMonth(),a.getUTCFullYear())}return l(`usage.period.${t.period}`)}function xr(t){return Number.isFinite(t)?Math.round(t).toLocaleString("en-US"):"—"}function vn(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 Pd(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 Bd(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 zd(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 Od({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,h=(c-1)*s,m=Math.max(4,(r-h)/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((g,y)=>(Array.isArray(g)?g:[]).map((k,f)=>{if(f>=7)return null;const v=zd(k),w=y*(m+s),D=f*(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},`${y}-${f}`)}))})}const Ud=Tt("oklch(0.97 0.01 85)"),Me=Tt("oklch(0.18 0.02 85)"),et=Tt("oklch(0.38 0.015 85)"),Is=Tt("oklch(0.55 0.012 85)"),ot=Tt("oklch(0.55 0.22 25)"),it='"Instrument Serif", "Times New Roman", Georgia, serif',Hd='"Inter Tight", "Helvetica Neue", Arial, sans-serif',Vd=["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 jn({data:t}){const a=$d(t),r=xr(t.totalTokens),s=vn(t.totalCost,{currency:t.currency,rate:t.exchangeRate}),n=Fd(t.startDate),i=Bd(r,{baseSize:188,baseChars:9,shrinkPerChar:14,minSize:104}),o=Pd(t),u=Array.isArray(t.heatmapWeeks)&&t.heatmapWeeks.length>0;return e.jsxs("div",{style:{width:"100%",height:"100%",background:Ud,color:Me,fontFamily:Hd,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 ${Is}`},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(Od,{weeks:t.heatmapWeeks,palette:Vd,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,h)=>e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"52px 1fr auto 68px",alignItems:"baseline",gap:16,padding:"13px 0",borderBottom:`1px solid ${Is}`},children:[e.jsx("div",{style:{fontFamily:it,fontSize:34,fontStyle:"italic",color:ot,lineHeight:1},children:String(h+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 Wd=wn["annual-report"].width,Kd="#0a0820",tt="#ffffffee",lt="rgba(255,255,255,0.45)",ir="#a78bfa",Gd={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',qd="rgba(255,255,255,0.06)",Nn=[qd,"#4a3d8f","#6b5cbe","#9060e0","#d946ef"],Sn=48,Cn=28,va=4,Tn=20,Yd=Wd-Sn*2-Cn*2,Zd=(Yd-Tn*2)/3,pr=Math.min(Math.floor((Zd-va*6)/7),40),Jd=pr*7+va*6;function Qd(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,h=(c-1)*u,m=Math.floor(h);return Math.round((a[m]??0)+((a[Math.min(c-1,m+1)]??0)-(a[m]??0))*(h-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 Xd(t){if(!Array.isArray(t))return[];const a={},r=Qd(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 eu(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 tu=["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];function au(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 Rs(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 ru({data:t}){const a=eu(t.cells);return e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:16,fontWeight:600,color:lt,fontFamily:fr,marginBottom:4},children:tu[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":Nn[o]}},i)})},s))})]})}function su({data:t}){const a=Xd(t.heatmapWeeks),r=au(t.heatmapWeeks),s=t.topModels[0],n=t.avatarUrl||null,i=Rs(n),o=Rs("/neon_bg.png"),u=(t.handle||"?")[0].toUpperCase(),c=16;return e.jsxs("div",{style:{width:"100%",height:"100%",background:Kd,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:Sn,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:{...Gd,borderRadius:22,padding:Cn,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")}),Nn.map((h,m)=>e.jsx("div",{style:{width:16,height:16,borderRadius:3,background:h}},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,${Jd}px)`,gap:`8px ${Tn}px`,justifyContent:"center"},children:a.map(h=>e.jsx(ru,{data:h},h.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:vn(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 An=[{id:"annual-report",labelKey:"share.variant.neon"},{id:"broadsheet",labelKey:"share.variant.broadsheet"}],nu={broadsheet:jn,"annual-report":su};function Dn(t){return wn[t]||{width:bn,height:kn}}function ou(t){const a=An.find(r=>r.id===t);return a?.labelKey?l(a.labelKey):t}const Fs=d.forwardRef(function({data:a,variant:r},s){const n=nu[r]||jn,{width:i,height:o}=Dn(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 iu=440;function lu(){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 cu({open:t,onClose:a,data:r,twitterText:s}){const[n,i]=d.useState(null),[o,u]=d.useState(""),[c,h]=d.useState("annual-report"),m=d.useRef(null),{toast:x,push:g}=lu(),y=Hs(),p=d.useMemo(()=>{const S=y?.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},[y?.user]);d.useEffect(()=>{t&&(i(null),u(r?.handle||""))},[t,r?.handle]);const k=r&&{...r,handle:o||r.handle,avatarUrl:p},{width:f,height:v}=Dn(c),w=iu/f;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 Dd(S)}catch(_){return console.warn("[share] capture failed",_),null}},[]),T=d.useCallback(async()=>{if(n)return;i("copy");const S=await D();if(!S){g(l("share.toast.failed"),"error"),i(null);return}let _=!1;if(pa()){const j=await or(S);j&&(_=(await Sd(j)).ok)}else _=await Wr(S);g(_?l("share.toast.copied"):l("share.toast.failed"),_?"success":"error"),i(null)},[n,D,g]),I=d.useCallback(()=>`tokentracker-share-${Date.now()}.png`,[]),L=d.useCallback(async()=>{if(n)return;i("download");const S=await D();if(!S){g(l("share.toast.failed"),"error"),i(null);return}if(pa()){const j=await or(S);if(j&&(await Ms(j,I())).ok){g(l("share.toast.downloaded"),"success"),i(null);return}}const _=Es(S,I());g(_?l("share.toast.downloaded"):l("share.toast.failed"),_?"success":"error"),i(null)},[n,D,I,g]),z=d.useCallback(async()=>{if(n)return;i("x");const S=await D();if(!S){g(l("share.toast.failed"),"error"),i(null);return}if(pa()){const $=await or(S);$&&(await Ms($,I()),g(l("share.toast.downloaded"),"success"))}else await Wr(S)?g(l("share.toast.copied"),"success"):Es(S,I());const _=new URL("https://twitter.com/intent/tweet");s&&_.searchParams.set("text",s);const j=y?.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,g,s,I,y]);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:f,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:f*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:f,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:An.map(S=>e.jsx("button",{type:"button",onClick:()=>h(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:ou(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 du(t){const{enabled:a,handle:r,startDate:s,activeDays:n,summary:i,topModels:o,period:u,periodFrom:c,periodTo:h,heatmap:m,accessToken:x,userId:g,currency:y,exchangeRate:p}=t,[k,f]=d.useState(null),v=p;return d.useEffect(()=>{if(!a||!g&&!ut())return;let w=!1;return(async()=>{try{const T=await ni({accessToken:x,userId:g,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;f(z)}catch{w||f(null)}})(),()=>{w=!0}},[a,x,g,u]),d.useMemo(()=>Ed({handle:r,startDate:s,activeDays:n,summary:i,topModels:o,rank:k,period:u,periodFrom:c,periodTo:h,heatmap:m,currency:y,exchangeRate:typeof v=="number"?v:void 0}),[r,s,n,i,o,k,u,c,h,m,y,v])}const uu=["day","week","month","total","custom"],dr=new Set(["day","hour","month"]),Ht=new Set(["day","total","custom"]),mu=["macAppBanner","statsPanel","widgetOnboarding","installCopy","activityHeatmap","deviceUsage","trendMonitor","qualityPerDollar","sessionInsights"],hu=["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 gu(t){return t?t==="www.tokentracker.cc"||t==="tokentracker.cc":!1}function xu(){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:!gu(window.location.hostname)}function Gu({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:h}){const{resolvedLocale:m}=oi(),{currency:x,rate:g}=Sa(),{mode:y,setMode:p,formatTokens:k,formatTokensTooltip:f}=Ee(),[v,w]=d.useState(!1),[D,T]=d.useState(null),[I,L]=d.useState(null),[z,S]=d.useState(!1),[_,j]=d.useState(null),[P,$]=d.useState(0),[U,R]=d.useState(0),[E,q]=d.useState(null),N=d.useMemo(()=>typeof window>"u"?!1:ii(window.location.search),[]),C=d.useMemo(()=>xu(),[]),[G,O]=d.useState(!1),ue=2200,[J,me]=d.useState(!0),[le,ge]=d.useState(!1),[we,xe]=d.useState(!1),[re,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?li(o):K,A=r||H||i,V=he&&Gt(K),X=r&&s&&!i,{accountView:ee,revision:se,resolving:Ge}=ci(),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 b=!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(b){if(!M){F();return}try{const W={link_code:null,expires_at:null};if(!b)return;T(typeof W?.link_code=="string"?W.link_code:null),L(typeof W?.expires_at=="string"?W.expires_at:null)}catch(W){if(!b)return;T(null),L(null),j(W?.message||"Failed to load link code")}finally{if(!b)return;S(!1)}}})(),()=>{b=!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 b=!0;return(async()=>{let F=null;try{F=await $e(K)}catch{F=null}if(b){if(!F&&!Se){q(null);return}try{const M=await di({baseUrl:t,accessToken:F});if(!b)return;q(M&&typeof M=="object"?M:null)}catch{if(!b)return;q(null)}}})(),()=>{b=!1}},[V,t,K,H,i,r]);const At=d.useMemo(()=>{if(!I)return!1;const b=Date.parse(I);if(!Number.isFinite(b))return!1;const F=P||Date.now();return b<=F},[I,P]);d.useEffect(()=>{!r||H||i||!I||!At||z||(T(null),L(null),j(null),R(b=>b+1))},[At,I,z,H,r]),d.useEffect(()=>{if(!I||i)return;const b=Date.parse(I);if(!Number.isFinite(b))return;const F=Date.now();if($(F),b<=F)return;const M=window.setTimeout(()=>$(Date.now()),b-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)}},[I]);const ye=d.useMemo(()=>Us(),[]),be=d.useMemo(()=>Os(),[]),Ie=d.useMemo(()=>ui(),[]),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}:mi(Z,{timeZone:ye,offsetMinutes:be,now:Ie}),[Ie,Z,ye,be,He,Qe]),_e=Yt.from,ve=Yt.to,[Re,gt]=d.useState(null),[Lt,Zt]=d.useState(()=>Kr());d.useEffect(()=>{const b=()=>Zt(Kr());return window.addEventListener(Gr,b),window.addEventListener("storage",b),()=>{window.removeEventListener(Gr,b),window.removeEventListener("storage",b)}},[]);const{devices:Jt,accountSources:Mt,refresh:Da}=vd({from:_e,to:ve,timeZone:ye,tzOffsetMinutes:be,accountView:de,accountAccessToken:Pe,accountRevision:se}),Ve=d.useMemo(()=>Jt.filter(b=>(Number(b.total_tokens)||0)>0).map(b=>({...b,isCurrent:b.id===Lt})),[Jt,Lt]),Qt=d.useMemo(()=>Mt.filter(b=>(Number(b.total_tokens)||0)>0),[Mt]),at=de&&Ve.length>=2,Et=de&&Ve.length+Qt.length>=2;d.useEffect(()=>{if(!at&&!Et){Re!==null&&gt(null);return}Re&&!Ve.some(b=>b.id===Re)&&gt(null)},[at,Et,Ve,Re]);const La=d.useMemo(()=>at?[{value:"",label:l("dashboard.device_filter.all")},...Ve.map(b=>{const F=hr(b)||l("dashboard.device_card.unnamed"),M=b.isCurrent?` (${l("dashboard.device_card.current")})`:"";return{value:b.id,label:`${F}${M}`}})]:[],[at,Ve,m]),Xt=Et?e.jsx(Nd,{devices:Ve,accountSources:Qt,currentDeviceId:Lt,selectedDeviceId:Re||"",onSelectDevice:b=>gt(b||null),onRenameDevice:async(b,F)=>{const M=await $e(Pe);await yi({deviceId:b,name:F,accessToken:M}),await Da()}}):null,ea=d.useMemo(()=>hi({timeZone:ye,offsetMinutes:be}),[ye,be]),It=d.useMemo(()=>gi({timeZone:ye,offsetMinutes:be}),[ye,be]),Ma=d.useMemo(()=>`Local time (${It})`,[It]),Rt=ye,Ft=be,Ea=ea,rt=d.useMemo(()=>br({timeZone:ye,offsetMinutes:be,date:Ie||new Date}),[Ie,ye,be]),ta=d.useMemo(()=>Xl({period:Z,selectedFrom:_e,selectedTo:ve,todayKey:rt}),[_e,Z,ve,rt]),{daily:We,summary:fe,rolling:Ia,source:$t,loading:aa,error:Ra,refresh:oe}=ss({baseUrl:t,accessToken:Y,guestAllowed:X,from:_e,to:ve,includeDaily:Z!=="total",cacheKey:Ue,timeZone:ye,tzOffsetMinutes:be,now:Ie,accountView:de,accountAccessToken:Pe,accountRevision:se,accountViewResolving:Oe,deviceId:Re}),{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:Ie,accountView:de,accountAccessToken:Pe,accountRevision:se,accountViewResolving:Oe}),{breakdown:Ce,loading:xt,refresh:vr}=El({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:Re}),[Ln,Mn]=d.useState(3),{entries:En,loading:In,refresh:jr}=Dl({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(b=>b?.future?!1:!b?.day||!rt?!0:String(b.day)<=String(rt)),[We,rt]),{rows:qe,from:Rn,to:Fn,loading:$n,refresh:Cr}=Li({baseUrl:t,accessToken:Y,guestAllowed:X,period:Z,from:_e,to:ve,months:24,cacheKey:Ue,timeZone:Rt,tzOffsetMinutes:Ft,now:Ie,sharedRows:Nr?We:null,sharedRange:Nr?{from:_e,to:ve}:null,accountView:de,accountAccessToken:Pe,accountRevision:se,accountViewResolving:Oe,deviceId:Re}),Pn=d.useMemo(()=>({baseUrl:t,accessToken:Y,guestAllowed:X,cacheKey:Ue,timeZone:Rt,tzOffsetMinutes:Ft,now:Ie,accountView:de,accountAccessToken:Pe,accountRevision:se,accountViewResolving:Oe}),[t,Y,X,Ue,Rt,Ft,Ie,de,Pe,se,Oe]),{daily:ft,heatmap:Ke,loading:Tr,refresh:Ar}=Nl({baseUrl:t,accessToken:Y,guestAllowed:X,weeks:52,cacheKey:Ue,timeZone:ye,tzOffsetMinutes:be,now:Ie,accountView:de,accountAccessToken:Pe,accountRevision:se,accountViewResolving:Oe,deviceId:Re}),{data:sa,refresh:Dr}=Mi();d.useEffect(()=>{sa&&typeof sa=="object"&&xi(sa)},[sa]);const Be=d.useMemo(()=>Z==="day"?"hour":Z==="total"?"month":"day",[Z]),Bn=d.useMemo(()=>os(Be),[Be]),na="day",zn=d.useMemo(()=>os(na),[]),[ze,Lr]=d.useState(()=>({key:"day",dir:"desc"}));d.useEffect(()=>{Lr(b=>!dr.has(b.key)||b.key===Be?b:{key:Be,dir:b.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 Kl(M)}const b=Sr;return!b.some(M=>!M?.missing&&!M?.future)&&We.length>0?We.filter(M=>!M?.future).slice(-30).filter(M=>M?.day):b},[Z,qe,Sr,We]),Pt=d.useMemo(()=>is(oa,pt),[oa,pt]),Mr=d.useMemo(()=>oa.some(b=>!b?.missing&&!b?.future),[oa]),Fa=d.useMemo(()=>{if(!Ht.has(Z))return 1;const b=Math.ceil(Pt.length/_a);return b>0?b:1},[Z,Pt.length]),[$a,ia]=d.useState(0);d.useEffect(()=>{if(!Ht.has(Z)){ia(0);return}ia(b=>Math.min(b,Fa-1))},[Fa,Z]),d.useEffect(()=>{Ht.has(Z)&&ia(0)},[Z,ze.dir,ze.key]);const On=d.useMemo(()=>Ht.has(Z)?Gl(Pt,$a,_a):Pt,[$a,Z,Pt]),Er=d.useMemo(()=>ec(ie,{period:Z}),[ie,Z]),yt=d.useMemo(()=>dr.has(ze.key)?{...ze,key:na}:ze,[ze]),Un=d.useMemo(()=>is(Er,yt),[Er,yt]),Hn=d.useMemo(()=>ra?We:Z==="day"?Array.isArray(qe)?qe.filter(b=>b?.hour):[]:qe,[We,Z,qe,ra]),Vn=ra?_e:Rn,Wn=ra?ve:Fn;function Kn(b,F){if(b?.future)return"—";if(b?.missing)return l("shared.status.unsynced");if(F.endsWith("_tokens")){const M=F==="total_tokens"?ya(b):b?.[F];return e.jsx("span",{title:f(M),children:k(M)})}return wa(b?.[F])}function Gn(b){const F=b?.[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 qn(b){const F=b?.[na];return F==null?"":String(F)}function Yn(b){Lr(F=>F.key===b?{key:b,dir:F.dir==="asc"?"desc":"asc"}:{key:b,dir:"desc"})}function Zn(b){return pt.key!==b?"none":pt.dir==="asc"?"ascending":"descending"}function Jn(b){return pt.key!==b?"":pt.dir==="asc"?"▲":"▼"}function Qn(b){return yt.key!==b?"none":yt.dir==="asc"?"ascending":"descending"}function Xn(b){return yt.key!==b?"":yt.dir==="asc"?"▲":"▼"}const Pa=d.useMemo(()=>{if(!r&&!H&&!i&&!Se)return 0;const b=Number(Ke?.active_days);if(Number.isFinite(b))return b;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]),[Ir,Rr]=d.useState("month"),eo=d.useCallback(b=>{b==="custom"?(Rr(F=>F==="custom"?"month":F),mt(F=>He&&Qe?"custom":F),ht(!0)):(mt(b),Rr(b),ht(!1))},[He,Qe]),to=d.useCallback((b,F)=>{Ca(b),Ta(F),mt("custom"),ht(!1)},[]),ao=d.useCallback(b=>{ht(b),!b&&Dt==="custom"&&!He&&mt(Ir)},[Dt,He,Ir]),bt=d.useCallback(async()=>{de&&fi(),de||pi(),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 b=!0;return Ba.current.then(()=>{if(b)return bt()}).catch(F=>{b&&console.warn("[DashboardPage] Reload sync failed:",F)}),()=>{b=!1}},[Se,H,de,bt]),d.useEffect(()=>{if(!Se||H||de)return;const b=Jl({refresh:bt,onError:F=>console.warn("[DashboardPage] Automatic usage refresh failed:",F)});return()=>b.stop()},[Se,H,de,bt]);const ro=d.useCallback(async()=>{Q(!0);try{Se&&await qr(),await Fr()}catch(b){console.error("[DashboardPage] Refresh failed:",b)}finally{Q(!1)}},[Se,Fr]),la=re||aa||je||Tr||$n||xt||In,za=!B&&(Oe||de&&la&&!Mr),so=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]),no="",$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,no,i]),zr=d.useMemo(()=>{let b=null;const F=W=>{typeof W!="string"||!W||(!b||W<b)&&(b=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 b},[Ke?.weeks,ft]),oo=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]),io=e.jsx(Ei,{heatmap:Ke,timeZoneLabel:ea,timeZoneShortLabel:It,hideLegend:N,defaultToLatestMonth:N}),lo=d.useMemo(()=>`${_e}..${ve}`,[_e,Z,ve]),co=l("usage.summary.total"),Ae=fe!=null,kt=Ae?ya(fe):0,uo=k(kt),mo=d.useCallback(()=>{p(y===ba.COMPACT?ba.FULL:ba.COMPACT)},[p,y]),ho=l("dashboard.core_index.collapse_label"),go=l("dashboard.core_index.expand_label"),xo=l("dashboard.core_index.collapse_aria"),fo=l("dashboard.core_index.expand_aria"),po=!N,wt=l("shared.placeholder.short"),Oa=d.useMemo(()=>{const b=Array.isArray(Ce?.sources)?Ce.sources:[];let F=null,M=0;for(const Fe of b){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),yo=l("dashboard.screenshot.twitter_text",{total_tokens:Ua==="-"?wt:Ua,agent_name:Oa.agentName,model_name:Oa.modelName,model_percent:Oa.modelPercent}),bo=d.useMemo(()=>N?[]:uu,[N]),ko=d.useMemo(()=>[{label:l("usage.metric.total"),value:Ae?k(kt):"—",title:Ae?f(kt):void 0,valueClassName:"text-white"},{label:l("usage.metric.input"),value:Ae?k(fe?.input_tokens):"—",title:Ae?f(fe?.input_tokens):void 0},{label:l("usage.metric.output"),value:Ae?k(fe?.output_tokens):"—",title:Ae?f(fe?.output_tokens):void 0},{label:l("usage.metric.cached_input"),value:Ae?k(fe?.cached_input_tokens):"—",title:Ae?f(fe?.cached_input_tokens):void 0},{label:l("usage.metric.reasoning_output"),value:Ae?k(fe?.reasoning_output_tokens):"—",title:Ae?f(fe?.reasoning_output_tokens):void 0}],[fe?.cached_input_tokens,fe?.input_tokens,fe?.output_tokens,fe?.reasoning_output_tokens,kt,Ae,k,f]),Ha=d.useMemo(()=>Na(fe?.total_cost_usd,{currency:x,rate:g}),[fe?.total_cost_usd,x,g]),wo=d.useMemo(()=>fe?.conversation_count??null,[fe?.conversation_count]),Or=d.useMemo(()=>ac(Ce,{copyFn:l}),[Ce]),Ur=d.useMemo(()=>sc(Ce,{limit:3,copyFn:l}),[Ce]),_o=du({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:g}),vo=d.useCallback(()=>O(!0),[]),jo=d.useCallback(()=>O(!1),[]),No=d.useCallback(()=>w(!0),[]),So=d.useCallback(()=>w(!1),[]),Co=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,To=Bt,Ao=l("dashboard.install.cmd.sync"),Do=Va?l("dashboard.install.copy"):l("dashboard.install.copy_base"),Lo=l("dashboard.install.copied");l("dashboard.session_expired.copy_label"),l("dashboard.session_expired.copied");const Mo=!!(E?.install?.has_active_device_token??E?.install?.hasActiveDeviceToken),Eo=ql({publicMode:i,screenshotMode:N,forceInstall:C,accessEnabled:A,heatmapLoading:Tr,activeDays:Pa,hasActiveDeviceToken:Mo}),Io=l("dashboard.install.prompt"),Ro=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]),[Fo,$o]=d.useMemo(()=>{const b=Ka.split("{{cmd}}");return b.length===1?[Ka,""]:[b[0],b.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=Tl(mu,hu);return d.useEffect(()=>{pe.current||zt||Ot||la||(pe.current=!0,h?.())},[h,Ot,zt,la]),e.jsxs(e.Fragment,{children:[e.jsx(_d,{copy:l,onOpenShare:vo,screenshotMode:N,showExpiredGate:zt,showAuthGate:Ot,identityDisplayName:Br,identityStartDate:zr,activeDays:Pa,identitySubscriptions:oo,identityScrambleDurationMs:ue,projectUsageEntries:En,projectUsageLimit:Ln,setProjectUsageLimit:Mn,projectDetailQuery:{from:_e,to:ve,timeZone:ye,tzOffsetMinutes:be},topModels:Ur,signedIn:r,publicMode:i,isLocalMode:Se,shouldShowInstall:Eo,installPrompt:Io,handleCopyInstall:Ro,installCopied:le,installCopiedLabel:Lo,installCopyLabel:Do,installInitCmdDisplay:To,linkCodeLoading:z,linkCodeError:_,trendRowsForDisplay:Hn,trendFromForDisplay:Vn,trendToForDisplay:Wn,trendZoomConfig:Pn,usageFrom:_e,usageTo:ve,period:Z,trendTimeZoneLabel:Ea,activityHeatmapBlock:io,periodsForDisplay:bo,setSelectedPeriod:eo,customFrom:He,customTo:Qe,onCustomRangeApply:to,customRangeOpen:Aa,onCustomRangeOpenChange:ao,metricsRows:ko,summaryLabel:co,summaryValue:uo,hasSummary:Ae,summaryLoading:aa,providersLoading:xt,summaryFullValue:Ua,onToggleSummaryFormat:mo,summaryTotalTokensRaw:ae(kt)||0,summaryCostValue:Ha,summaryConversationsValue:wo,rollingUsage:Ia,costInfoEnabled:Co,openCostModal:No,allowBreakdownToggle:po,coreIndexCollapsed:J,setCoreIndexCollapsed:me,coreIndexCollapseLabel:ho,coreIndexExpandLabel:go,coreIndexCollapseAria:xo,coreIndexExpandAria:fo,refreshAll:ro,usageLoadingState:la,announceUsageLoading:re,initialDashboardLoading:za,usageError:Ra,rangeLabel:lo,timeZoneRangeLabel:Ma,usageSourceLabel:so,fleetData:Or,hasDetailsActual:Mr,dailyEmptyPrefix:Fo,installSyncCmd:Ao,dailyEmptySuffix:$o,detailsColumns:Bn,ariaSortFor:Zn,toggleSort:Yn,sortIconFor:Jn,pagedDetails:On,dailyBreakdownRows:Un,dailyBreakdownColumns:zn,dailyBreakdownAriaSortFor:Qn,dailyBreakdownSortIconFor:Xn,dailyBreakdownDateKey:na,detailsDateKey:Be,renderDetailDate:Gn,renderDailyBreakdownDate:qn,renderDetailCell:Kn,DETAILS_PAGED_PERIODS:Ht,detailsPageCount:Fa,detailsPage:$a,setDetailsPage:ia,costModalOpen:v,closeCostModal:So,deviceOptions:La,selectedDevice:Re||"",onDeviceChange:b=>gt(b||null),deviceUsageBlock:Xt,leftCardOrder:da.left.order,onLeftReorder:da.left.reorder,rightCardOrder:da.right.order,onRightReorder:da.right.reorder}),e.jsx(cu,{open:G,onClose:jo,data:_o,twitterText:yo})]})}export{Gu as DashboardPage};

package/dashboard/dist/assets/DevicePage-B9URlU78.js

@@ -0,0 +1 @@
+import{a as b,r as l,j as r,c as e,h as v}from"./__vite-browser-external-Bu1cBb_7.js";const x={BASE_URL:"/",DEV:!1,MODE:"production",PROD:!0,SSR:!1,VITE_APP_VERSION:"0.83.7",VITE_INSFORGE_ANON_KEY:"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiIxMjM0NTY3OC0xMjM0LTU2NzgtOTBhYi1jZGVmMTIzNDU2NzgiLCJlbWFpbCI6ImFub25AaW5zZm9yZ2UuY29tIiwicm9sZSI6ImFub24iLCJpYXQiOjE3ODExNDU5NDd9.T0auta_IrVIh0uXW1bob5QSnzvsnJmN28r5XkSGEuQY",VITE_INSFORGE_BASE_URL:"https://srctyff5.us-east.insforge.app"};function f(){return v(),`${(x&&"https://srctyff5.us-east.insforge.app"||"https://srctyff5.us-east.insforge.app").replace(/\/$/,"")}/functions/tokentracker-device-flow-grant`}function p(s){return(s||"").toUpperCase().replace(/\s+/g,"").replace(/[^A-Z0-9-]/g,"")}function h(){const s=b(),[m,g]=l.useState(""),[i,a]=l.useState({kind:"idle",message:""});l.useEffect(()=>{try{const d=new URLSearchParams(window.location.search).get("user_code");d&&g(p(d))}catch{}},[]);async function u(c){if(c?.preventDefault?.(),!s?.signedIn){a({kind:"error",message:e("device.approval.error.sign_in")});return}const d=p(m);if(!/^[A-HJKMNP-Z2-9]{4}-[A-HJKMNP-Z2-9]{4}$/.test(d)){a({kind:"error",message:e("device.approval.error.invalid_code")});return}a({kind:"working",message:e("device.approval.action.approving")});try{const n=await s.getAccessToken?.();if(!n){a({kind:"error",message:e("device.approval.error.no_token")});return}const o=await fetch(f(),{method:"POST",headers:{"Content-Type":"application/json",Authorization:`Bearer ${n}`},body:JSON.stringify({user_code:d})}),t=await o.json().catch(()=>({}));o.ok?a({kind:"success",message:t.status==="already_approved"?t.client_info?e("device.approval.success.already_client",{client:t.client_info}):e("device.approval.success.already"):t.client_info?e("device.approval.success.approved_client",{client:t.client_info}):e("device.approval.success.approved")}):o.status===404?a({kind:"error",message:e("device.approval.error.not_found")}):o.status===410?a({kind:"error",message:e("device.approval.error.expired")}):o.status===401?a({kind:"error",message:e("device.approval.error.session_expired")}):a({kind:"error",message:t?.error?e("device.approval.error.server_detail",{message:t.error}):e("device.approval.error.server",{status:o.status})})}catch(n){a({kind:"error",message:e("device.approval.error.network",{message:n?.message||n})})}}return r.jsx("div",{className:"min-h-screen flex items-center justify-center bg-white dark:bg-oai-gray-950 px-6 py-12",children:r.jsxs("div",{className:"w-full max-w-md rounded-xl border border-oai-gray-200 dark:border-oai-gray-800 bg-white dark:bg-oai-gray-900 p-8",children:[r.jsx("h1",{className:"text-2xl font-semibold text-oai-gray-900 dark:text-white mb-2",children:e("device.approval.title")}),r.jsx("p",{className:"text-sm text-oai-gray-500 dark:text-oai-gray-400 mb-6",children:e("device.approval.description")}),s?.signedIn?null:r.jsx("div",{className:"rounded-md border border-amber-200 bg-amber-50 dark:bg-amber-900/20 dark:border-amber-800 p-4 mb-4",children:r.jsx("p",{className:"text-sm text-amber-700 dark:text-amber-300",children:e("device.approval.sign_in_banner")})}),r.jsxs("form",{onSubmit:u,className:"space-y-4",children:[r.jsxs("label",{className:"block",children:[r.jsx("span",{className:"block text-xs font-medium uppercase tracking-wide text-oai-gray-500 dark:text-oai-gray-400 mb-1",children:e("device.approval.code_label")}),r.jsx("input",{type:"text",value:m,onChange:c=>g(p(c.target.value)),placeholder:"XXXX-XXXX",spellCheck:!1,autoCapitalize:"characters",maxLength:9,className:"w-full font-mono text-xl tracking-widest text-center rounded-md border border-oai-gray-300 dark:border-oai-gray-700 bg-white dark:bg-oai-gray-900 text-oai-gray-900 dark:text-white px-4 py-3 focus:outline-none focus:ring-inset focus:ring-2 focus:ring-emerald-600"})]}),r.jsx("button",{type:"submit",disabled:i.kind==="working"||!s?.signedIn,className:"w-full rounded-md bg-emerald-600 hover:bg-emerald-500 disabled:bg-oai-gray-300 disabled:cursor-not-allowed text-white font-medium py-3 transition-colors",children:i.kind==="working"?e("device.approval.action.approving"):e("device.approval.action.approve")})]}),i.kind==="success"&&r.jsx("div",{className:"mt-4 rounded-md border border-emerald-200 bg-emerald-50 dark:bg-emerald-900/20 dark:border-emerald-800 p-4",children:r.jsx("p",{className:"text-sm text-emerald-700 dark:text-emerald-300",children:i.message})}),i.kind==="error"&&r.jsx("div",{className:"mt-4 rounded-md border border-red-200 bg-red-50 dark:bg-red-900/20 dark:border-red-800 p-4",children:r.jsx("p",{className:"text-sm text-red-700 dark:text-red-300",children:i.message})})]})})}export{h as default};

package/dashboard/dist/assets/{DialogClose-Do5zKE_e.js → DialogClose-xjinPgj0.js}

@@ -1 +1 @@
-import{r as p,w as d,x as m,y as C,z as g}from"./__vite-browser-external-Bvb__wvZ.js";import{u as v}from"./DialogTitle-AfjYgW9_.js";const h=p.forwardRef(function(e,o){const{render:x,className:E,style:R,disabled:t=!1,nativeButton:n=!0,...a}=e,{store:s}=v(),r=s.useState("open"),{getButtonProps:l,buttonRef:i}=d({disabled:t,native:n}),u={disabled:t};function c(f){r&&s.setOpen(!1,C(g,f.nativeEvent))}return m("button",e,{state:u,ref:[o,i],props:[{onClick:c},a,l]})});export{h as D};
+import{r as p,x as d,y as m,z as C,A as g}from"./__vite-browser-external-Bu1cBb_7.js";import{u as v}from"./DialogTitle-Cmm7Tr9m.js";const h=p.forwardRef(function(e,o){const{render:x,className:E,style:R,disabled:t=!1,nativeButton:n=!0,...a}=e,{store:s}=v(),r=s.useState("open"),{getButtonProps:l,buttonRef:i}=d({disabled:t,native:n}),u={disabled:t};function c(f){r&&s.setOpen(!1,C(g,f.nativeEvent))}return m("button",e,{state:u,ref:[o,i],props:[{onClick:c},a,l]})});export{h as D};

package/dashboard/dist/assets/DialogDescription-cOH4S5rw.js

@@ -0,0 +1 @@
+import{r as n,y as a}from"./__vite-browser-external-Bu1cBb_7.js";import{u as p}from"./DialogTitle-Cmm7Tr9m.js";import{u as c}from"./useScrollLock-DKMVyi6-.js";const x=n.forwardRef(function(e,r){const{render:l,className:u,style:m,id:s,...t}=e,{store:i}=p(),o=c(s);return i.useSyncedValueWithCleanup("descriptionElementId",o),a("p",e,{ref:r,props:[{id:o},t]})});export{x as D};