tokentracker-cli 1.1.11 → 1.1.12

package/dashboard/dist/assets/DashboardPage-DF1bFyHx.js

@@ -0,0 +1 @@
+import{m as vr,r as d,j as e,L as oi,cD as ii,H as mt,as as Jt,cE as Oe,cF as li,cG as ci,ad as Zr,cH as fa,cI as Ys,cJ as Zs,cK as jr,cL as di,cM as ui,cN as mi,cO as Nr,cP as qt,cQ as hi,cR as xi,cS as te,c as l,d as vt,X as Sr,ay as Yt,a7 as Ta,l as Qe,t as Js,cT as gi,a1 as pi,o as Gt,aO as Na,e as Nt,cU as fi,G as Qs,A as Xs,aQ as yi,a2 as bi,B as ki,R as wi,k as _i,u as vi,a as en,al as Da,ba as tn,a8 as ji,cV as Ni,cW as Si,cX as Ci,cY as Ti,cZ as Di,Z as Jr,_ as Ai,c_ as Qr,g as Mi,J as Li,cn as Ei,c$ as Ii,d0 as Ri,d1 as Fi,d2 as $i,d3 as Pi,aP as Xr,d4 as es,d5 as Bi,d6 as zi,ah as Oi,d7 as ts,ae as as,d8 as Ui,d9 as Hi,da as Ki}from"./__vite-browser-external-4IDwIR3i.js";import{u as Ct}from"./use-latest-request-guard-QHLPnnSW.js";import{u as rs}from"./use-ordered-list-NpIo40Y4.js";import{t as ss,T as an,g as Vi,f as ya,D as Wi,a as Gi,u as qi}from"./TrendMonitor-BmSRt3h3.js";import{u as Yi}from"./use-usage-limits-CvIocz6v.js";import{u as Aa}from"./useCurrency-CyksuFrj.js";import{u as Te}from"./useTokenFormat-CUwCluPw.js";import{f as jt,A as Zi}from"./provider-display-E2soZfeg.js";import{g as Ji,q as rn,J as Qi,M as Xi,m as ge}from"./react-BseCgHfW.js";import{u as el,C as tl,a as al,b as ns,D as rl,S as sl,v as nl,s as ol,K as il,P as ll}from"./sortable.esm-CLXvOgJi.js";import{D as cl,a as dl,b as ul,c as ml,d as hl,e as xl}from"./DialogTitle-BViOiFtR.js";import{D as gl}from"./DialogClose-CaYoc9xQ.js";import{C as Me}from"./Card-615UteEP.js";import{S as sn}from"./Select-BNFp1Pww.js";import{P as Tt}from"./ProviderIcon-LgUYzw52.js";import{u as Qt}from"./use-reduced-motion-CDg8lAbR.js";import{a as nn,u as on}from"./use-transform-BP8NiCzk.js";import{I as ln}from"./info-CCfzQ-S6.js";import{A as Dt}from"./index-B1Am3t0P.js";import{L as pl}from"./loader-circle-BglSN88W.js";import{P as fl,a as yl,b as bl,c as kl,d as wl}from"./PopoverPopup-C4_m01Pc.js";import{F as nt}from"./FadeIn-BQYqxLXW.js";import{C as cn,u as _l}from"./use-pet-settings-BUroRCzh.js";import{u as vl,T as jl}from"./Controls-Cup1Mj2U.js";import{A as Cr}from"./arrow-up-right-BbkRcWv3.js";import{u as Nl,a as Sl,P as Cl}from"./use-session-efficiency-pref-aQVRBt9R.js";import{L as os}from"./LoginCard-B5W06Jrz.js";import{L as Tl,A as Dl}from"./agent-logos-DQmv0J3b.js";import{M as dn}from"./monitor-smartphone-DpicOpX8.js";import{C as Al}from"./check-Dz72GL-k.js";import"./terminal-CRqmFLSX.js";import"./maximize-2-B7Nzrb8n.js";import"./use-limits-display-prefs-CRg1sYpO.js";import"./composite-COAFYYB2.js";import"./store-DdObzMvx.js";import"./ToolbarRootContext-B3pyxVI-.js";import"./SelectItemText-Jz-4OEyW.js";const un={name:"git-branch",size:24,node:[["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"}]]};un.node;const Ml=vr(un);const mn={name:"laptop",size:24,node:[["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"}]]};mn.node;const Ll=vr(mn);const hn={name:"square-arrow-out-up-right",size:24,node:[["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"}]],aliases:["arrow-up-right-from-square"]};hn.node;const El=vr(hn);function Il(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 g=is(t.get()),x=is(i);if(g===x){c();return}const p=n?n.getGeneratorVelocity():t.getVelocity();c(),n=new Qi({keyframes:[g,x],velocity:p,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((g,x)=>{i=g,o=p=>x(Xa(p,u)),Ji.postRender(m)},c),rn(a)){let g=r.skipInitialAnimation===!0;const x=a.on("change",f=>{g?(g=!1,t.jump(Xa(f,u),!1)):t.set(Xa(f,u))}),p=t.on("destroy",x);return()=>{x(),p()}}return c}function Xa(t,a){return a?t+a:t}function is(t){return typeof t=="number"?t:parseFloat(t)}function Rl(t,a={}){const{isStatic:r}=d.useContext(Xi),s=()=>rn(t)?t.get():t;if(r)return nn(s);const n=on(s());return d.useInsertionEffect(()=>Il(n,t,a),[n,JSON.stringify(a)]),n}function Fl(t,a={}){return Rl(t,{type:"spring",...a})}function $l(){return e.jsxs(oi,{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 Pl({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($l,{}),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 Bl({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 zl={};function Ol(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 Ul({mv:t,digit:a,height:r}){const s=nn(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(ge.span,{style:{position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center",y:s},children:a})}function Hl(t){const a=Math.round(t),r=1e-9*Math.max(1,Math.abs(t));return Math.abs(t-a)<r?a:t}function Kl(t,a){const r=t/a;return Math.floor(Hl(r))}function Vl(t){const a=String(t??""),r=Array.from(a),s=r.indexOf(".");let n=r.filter((u,c)=>/\d/.test(u)&&(s===-1||c<s)).length,i=0,o=!1;return r.map(u=>{if(!/\d/.test(u))return u==="."&&(o=!0),u;if(!o){const c=10**Math.max(n-1,0);return n-=1,c}return i+=1,10**-i})}function Wl({place:t,value:a,height:r,digitStyle:s,shouldReduceMotion:n}){if(typeof t!="number"){const c=Ol(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=Kl(a,t),o=on(0),u=Fl(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(Ul,{mv:u,digit:h,height:r},h))})}function Gl({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:g,digitStyle:x,gradientHeight:p=14,gradientFrom:f="rgba(255,255,255,0.95)",gradientTo:b="rgba(255,255,255,0)",topGradientStyle:y,bottomGradientStyle:v}){const w=String(a??t??""),A=d.useMemo(()=>Array.isArray(n)&&n.length?n:Vl(w),[n,w]),T=typeof navigator<"u"&&/jsdom/i.test(navigator.userAgent||"")||typeof process<"u"&&zl?.VITEST==="true",M=Qt()||T,D=Number.isFinite(Number(t))?Math.abs(Number(t)):0,P=r+s;return M?e.jsx("span",{"data-counter-root":"true",style:{display:"inline-flex",alignItems:"center",color:c,fontSize:r,fontWeight:h,lineHeight:1,...m,...g},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,...g},children:A.map((N,j)=>e.jsx(Wl,{place:N,value:D,height:P,digitStyle:x,shouldReduceMotion:M},`${String(N)}-${j}`))}),e.jsxs("span",{style:{pointerEvents:"none",position:"absolute",inset:0,display:"flex",flexDirection:"column",justifyContent:"space-between"},children:[e.jsx("span",{style:y??{height:p,background:`linear-gradient(to bottom, ${f}, ${b})`}}),e.jsx("span",{style:v??{height:p,background:`linear-gradient(to top, ${f}, ${b})`}})]})]})}function ql({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:g=0,accountViewResolving:x=!1,deviceId:p=null}={}){const f=!!(h&&m),b=f?"cloud":"local",y=d.useMemo(()=>ii({weeks:s,weekStartsOn:n,now:c}),[c,s,n]),[v,w]=d.useState([]),[A,T]=d.useState(null),[M,D]=d.useState("edge"),[P,N]=d.useState(!1),[j,C]=d.useState(null),I=mt(),z=Jt(a),F=!r,L=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1"),B=Ct([t,y.from,y.to,s,n,b,a,m,g,x,p,o,u,r,I,F,z,L]),K=d.useMemo(()=>{if(!i)return null;const V=jr({timeZone:o,offsetMinutes:u});return`tokentracker.heatmap.${i}.${b}.${s}.${n}.${V}.${p||"all"}`},[i,p,b,o,u,s,n]),q=d.useCallback(()=>{if(!K||typeof window>"u")return null;try{const V=window.localStorage.getItem(K);if(!V)return null;const ie=JSON.parse(V);return!ie||!ie.heatmap?null:ie}catch{return null}},[K]),_=d.useCallback(V=>{if(!(!K||typeof window>"u"))try{window.localStorage.setItem(K,JSON.stringify(V))}catch{}},[K]),$=d.useCallback(()=>{if(!(!K||typeof window>"u"))try{window.localStorage.removeItem(K)}catch{}},[K]),U=d.useRef(b);d.useEffect(()=>{U.current!==b&&(U.current=b,w([]),T(null),D("edge"),C(null),N(!0))},[b]);const ae=d.useCallback(async()=>{const V=B(),ie=await Oe(a),le=f?await Oe(m):null;if(!V()||!ie&&!I&&!L&&!f)return;if(f&&!le){C("Your session expired. Please sign in again to view account data."),N(!1);return}const Ne=f?le:ie,we=f?li:ci,Le=f?Ys:Zs;N(!0),C(null);try{try{const ee=await we({baseUrl:t,accessToken:Ne,weeks:s,to:y.to,weekStartsOn:n,device:p,timeZone:o,tzOffsetMinutes:u}),re=Array.isArray(ee?.weeks)?ee.weeks:[];if(!V())return;if(!re.length&&F){const W=q();if(W?.heatmap){if(!V())return;T(W.heatmap),w(W.daily||[]),D("cache");return}}if(!re.some(W=>(Array.isArray(W)?W:[]).some(Y=>Y&&Number.isFinite(Number(Y.level))))&&re.length){const W=[];for(const X of re)for(const ue of Array.isArray(X)?X:[])ue?.day&&W.push({day:ue.day,total_tokens:ue.total_tokens??ue.value??0,billable_total_tokens:ue.billable_total_tokens??ue.value??ue.total_tokens??0});const Y=Zr({dailyRows:W,weeks:s,to:ee?.to||y.to,weekStartsOn:n});if(!V())return;w(W),T({...Y,week_starts_on:n,active_days:W.filter(X=>Number(X?.billable_total_tokens??X?.total_tokens)>0).length,streak_days:fa({dailyRows:W,to:ee?.to||y.to})}),D("client"),F?_({heatmap:{...Y,week_starts_on:n,active_days:W.filter(X=>Number(X?.billable_total_tokens??X?.total_tokens)>0).length,streak_days:fa({dailyRows:W,to:ee?.to||y.to})},daily:W,fetchedAt:new Date().toISOString()}):$();return}if(!V())return;T(ee||null),w([]),D("edge"),ee&&F?_({heatmap:ee,daily:[],fetchedAt:new Date().toISOString()}):F||$();return}catch(ee){const re=ee,be=re?.status??re?.statusCode;if(be===401||be===403)throw ee}if(!V())return;const Q=await Le({baseUrl:t,accessToken:Ne,from:y.from,to:y.to,device:p,timeZone:o,tzOffsetMinutes:u}),O=Array.isArray(Q?.data)?Q.data:[];if(!V())return;w(O);const ne=Zr({dailyRows:O,weeks:s,to:y.to,weekStartsOn:n});if(!V())return;T({...ne,week_starts_on:n,active_days:O.filter(ee=>Number(ee?.billable_total_tokens??ee?.total_tokens)>0).length,streak_days:fa({dailyRows:O,to:y.to})}),D("client"),F?_({heatmap:{...ne,week_starts_on:n,active_days:O.filter(ee=>Number(ee?.billable_total_tokens??ee?.total_tokens)>0).length,streak_days:fa({dailyRows:O,to:y.to})},daily:O,fetchedAt:new Date().toISOString()}):$()}catch(Q){if(!V())return;if(F){const O=q();if(O?.heatmap){if(!V())return;T(O.heatmap),w(O.daily||[]),D("cache"),C(null)}else{const ne=Q;C(ne?.message||String(ne)),w([]),T(null),D("edge")}}else{const O=Q;C(O?.message||String(O)),w([]),T(null),D("edge")}}finally{V()&&N(!1)}},[a,t,I,r,F,y.from,y.to,q,z,o,u,n,s,$,_,L,f,m,g,p,B]);return d.useEffect(()=>{if(x){N(!0);return}if(!z&&!r&&!I&&!L&&!f){w([]),N(!1),C(null),T(null),D("edge");return}if(!F)$(),w([]),C(null),T(null),D("edge");else{const V=q();V?.heatmap&&(T(V.heatmap),w(V.daily||[]),D("cache"))}ae()},[a,I,q,ae,z,r,F,$,L,x]),{range:y,daily:v,heatmap:A,source:I?"mock":M==="client"?"edge":M,loading:P,error:j,refresh:ae}}const Yl="tokentracker.dashboard.leftCardOrder.v1",Zl="tokentracker.dashboard.rightCardOrder.v1";function Jl(t,a){const r=rs(Yl,t),s=rs(Zl,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 Ql=10;function Xl({baseUrl:t,accessToken:a,from:r,to:s,source:n,timeZone:i,tzOffsetMinutes:o}={}){const[u,c]=d.useState([]),[h,m]=d.useState(!1),[g,x]=d.useState(null),p=mt(),f=Jt(a),b=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1"),y=Ct([t,a,r,s,n,i,o]),v=d.useCallback(async()=>{const w=y(),A=await Oe(a);if(w()){if(!A&&!p&&!b){c([]),x(null),m(!1);return}m(!0),x(null);try{const T=await di({baseUrl:t,accessToken:A,limit:Ql,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 M=T?.message||String(T);x(M),c([])}finally{w()&&m(!1)}}},[a,t,r,p,n,i,s,o,b,y]);return d.useEffect(()=>{if(!f&&!p&&!b){c([]),x(null),m(!1);return}c([]),x(null),m(!0),v()},[p,v,f,b]),{entries:u,loading:h,error:g,refresh:v}}const ls="tokentracker.usage-cache-index",cs=24;function ds({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:g=!1,accountAccessToken:x=null,accountRevision:p=0,accountViewResolving:f=!1,deviceId:b=null}={}){const y=!!(g&&x),v=y?"cloud":"local",[w,A]=d.useState([]),[T,M]=d.useState(null),[D,P]=d.useState(null),[N,j]=d.useState("edge"),[C,I]=d.useState(null),[z,F]=d.useState(!1),[L,B]=d.useState(null),K=mt(),q=Jt(a),_=!r&&!K,$=b||"all",U=(()=>{if(!u)return null;const Q=ec(t)||"default",O=i?o?"daily-summary":"daily-only":"summary",ne=jr({timeZone:c,offsetMinutes:h});return`tokentracker.usage.${u}.${v}.${Q}.${s}.${n}.${O}.${ne}.${$}`})(),ae=d.useRef(v);d.useEffect(()=>{ae.current!==v&&(ae.current=v,A([]),M(null),P(null),j("edge"),I(null),B(null),F(!0))},[v]);const me=d.useCallback(()=>{if(!U||typeof window>"u")return null;try{const Q=window.localStorage.getItem(U);if(!Q)return null;const O=JSON.parse(Q),ne=o?!!O?.summary:Array.isArray(O?.daily);return!O||!ne?null:(ss(ls,U,cs),O)}catch{return null}},[o,U]),V=d.useCallback(Q=>{if(!(!U||typeof window>"u"))try{window.localStorage.setItem(U,JSON.stringify(Q)),ss(ls,U,cs)}catch{}},[U]),ie=d.useCallback(()=>{if(!(!U||typeof window>"u"))try{window.localStorage.removeItem(U)}catch{}},[U]),le=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1"),Ne=Ct([t,s,n,i,o,v,a,x,p,b,c,h,r,K,_,f,q,le]),we=d.useCallback(async()=>{const Q=Ne(),O=await Oe(a),ne=y?await Oe(x):null;if(!Q()||!O&&!K&&!le&&!y)return;if(y&&!ne){B("Your session expired. Please sign in again to view account data."),F(!1);return}const ee=y?Ys:Zs,re=y?ui:mi,be=y?ne:O;F(!0),B(null);try{let W=null,Y=null;if(i)if(o){const[he,S]=await Promise.allSettled([ee({baseUrl:t,accessToken:be,from:s,to:n,device:b,timeZone:c,tzOffsetMinutes:h}),re({baseUrl:t,accessToken:be,from:s,to:n,device:b,timeZone:c,tzOffsetMinutes:h,rolling:!0})]);if(he.status==="rejected")throw he.reason;W=he.value,Y=S.status==="fulfilled"?S.value:null}else W=await ee({baseUrl:t,accessToken:be,from:s,to:n,device:b,timeZone:c,tzOffsetMinutes:h});else o&&(Y=await re({baseUrl:t,accessToken:be,from:s,to:n,device:b,timeZone:c,tzOffsetMinutes:h,rolling:!0}));let X=i&&Array.isArray(W?.data)?W.data:[];i&&(X=tr(X,s,n,{timeZone:c,offsetMinutes:h,now:m}));let ue=o&&(Y?.totals||W?.summary?.totals)||null,$e=o&&(Y?.rolling||W?.summary?.rolling)||null;if(o&&i&&!ue&&!Y)try{const he=await re({baseUrl:t,accessToken:be,from:s,to:n,device:b,timeZone:c,tzOffsetMinutes:h,rolling:!0});ue=he?.totals||null,$e=he?.rolling||$e}catch{}const De=new Date().toISOString();if(!Q())return;A(X),M(ue),P($e),j("edge"),I(De),(ue||!o&&i)&&_?V({summary:ue,rolling:$e,daily:X,from:s,to:n,includeDaily:i,includeSummary:o,fetchedAt:De}):_||ie()}catch(W){if(!Q())return;if(_){const Y=me();if(Y?.summary||!o&&Array.isArray(Y?.daily)){M(Y.summary),P(Y.rolling||null);const X=Array.isArray(Y.daily)?Y.daily:[],ue=i?tr(X,Y.from||s,Y.to||n,{timeZone:c,offsetMinutes:h,now:m}):X;A(ue),j("cache"),I(Y.fetchedAt||null),B(null)}else{const X=W;B(X?.message||String(X)),A([]),M(null),P(null),j("edge"),I(null)}}else{const Y=W;B(Y?.message||String(Y)),A([]),M(null),P(null),j("edge"),I(null)}}finally{Q()&&F(!1)}},[a,t,s,i,o,K,r,_,m,me,q,c,n,h,ie,V,le,y,x,p,b,Ne]);return d.useEffect(()=>{if(f){F(!0);return}const Q=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1");if(!q&&!r&&!K&&!Q&&!y){A([]),M(null),P(null),B(null),F(!1),j("edge"),I(null);return}if(!_)ie(),A([]),M(null),P(null),B(null),j("edge"),I(null);else{const O=me();if(O?.summary||!o&&Array.isArray(O?.daily)){M(O.summary),P(O.rolling||null);const ne=Array.isArray(O.daily)?O.daily:[],ee=i?tr(ne,O.from||s,O.to||n,{timeZone:c,offsetMinutes:h,now:m}):ne;A(ee),j("cache"),I(O.fetchedAt||null),B(null)}else A([]),M(null),P(null),j("edge"),I(null),B(null)}F(!0),we()},[a,K,me,we,q,r,_,ie,le,f,o]),d.useEffect(()=>{if(typeof window>"u"||typeof document>"u")return;const Q=15e3;let O=Date.now();const ne=()=>{if(document.visibilityState!=="visible")return;const ee=Date.now();ee-O<Q||(O=ee,we())};return window.addEventListener("focus",ne),document.addEventListener("visibilitychange",ne),()=>{window.removeEventListener("focus",ne),document.removeEventListener("visibilitychange",ne)}},[we]),{daily:w,summary:T,rolling:D,source:K?"mock":N,fetchedAt:C,loading:z,error:L,refresh:we}}function ec(t){try{return new URL(t).host}catch{return null}}function er(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())&&qt(o)===a?o:null}function tc(t,a){return new Date(Date.UTC(t.getUTCFullYear(),t.getUTCMonth(),t.getUTCDate()+a))}function tr(t,a,r,{timeZone:s,offsetMinutes:n,now:i}={}){const o=er(a),u=er(r);if(!o||!u||u<o)return Array.isArray(t)?t:[];const c=i instanceof Date&&Number.isFinite(i.getTime())?i:new Date,h=Nr({timeZone:s,offsetMinutes:n,date:c}),m=er(h),g=m?m.getTime():c.getTime(),x=new Map;for(const f of t||[])f?.day&&x.set(f.day,f);const p=[];for(let f=o;f<=u;f=tc(f,1)){const b=qt(f),y=x.get(b),v=f.getTime()>g;if(y){p.push({...y,missing:!1,future:v});continue}p.push({day:b,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 p}function ac({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:g=!1,deviceId:x=null}={}){const p=!!(c&&h),f=p?"cloud":"local",[b,y]=d.useState(null),[v,w]=d.useState("edge"),[A,T]=d.useState(!1),[M,D]=d.useState(null),P=mt(),N=Jt(a),j=!r,C=d.useMemo(()=>{if(!i)return null;const $=rc(t)||"default",U=jr({timeZone:o,offsetMinutes:u});return`tokentracker.modelBreakdown.${i}.${f}.${$}.${s}.${n}.${U}.${x||"all"}`},[t,i,x,s,f,o,n,u]),I=d.useCallback(()=>{if(!C||typeof window>"u")return null;try{const $=window.localStorage.getItem(C);if(!$)return null;const U=JSON.parse($);return!U||!U.breakdown?null:U}catch{return null}},[C]),z=d.useCallback($=>{if(!(!C||typeof window>"u"))try{window.localStorage.setItem(C,JSON.stringify($))}catch{}},[C]),F=d.useCallback(()=>{if(!(!C||typeof window>"u"))try{window.localStorage.removeItem(C)}catch{}},[C]),L=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1"),B=Ct([t,s,n,f,a,h,m,x,o,u,r,P,j,g,N,L]),K=d.useRef(f);d.useEffect(()=>{K.current!==f&&(K.current=f,y(null),w("edge"),D(null),T(!0))},[f]);const q=d.useCallback(async()=>{const $=B(),U=await Oe(a),ae=p?await Oe(h):null;if(!$()||!U&&!P&&!L&&!p)return;if(p&&!ae){D("Your session expired. Please sign in again to view account data."),T(!1);return}const me=p?ae:U,V=p?hi:xi;T(!0),D(null);try{const ie=await V({baseUrl:t,accessToken:me,from:s,to:n,device:x,timeZone:o,tzOffsetMinutes:u});if(!$())return;y(ie||null),w("edge"),ie&&j?z({breakdown:ie,fetchedAt:new Date().toISOString()}):j||F()}catch(ie){if(!$())return;if(j){const le=I();if(le?.breakdown)y(le.breakdown),w("cache"),D(null);else{y(null),w("edge");const Ne=ie;D(Ne?.message||String(Ne))}}else{y(null),w("edge");const le=ie;D(le?.message||String(le))}}finally{$()&&T(!1)}},[a,t,s,P,r,j,I,o,n,N,u,F,z,L,p,h,m,x,B]);return d.useEffect(()=>{if(g){T(!0);return}if(!N&&!r&&!P&&!L&&!p){y(null),w("edge"),D(null),T(!1);return}if(!j)F(),y(null),w("edge"),D(null);else{const $=I();$?.breakdown?(y($.breakdown),w("cache"),D(null)):(y(null),w("edge"),D(null))}T(!0),q()},[a,P,I,q,N,r,j,F,L,g]),{breakdown:b,source:P?"mock":v,loading:A,error:M,refresh:q}}function rc(t){try{return new URL(t).host}catch{return null}}const xn=new Set(["day","hour","month"]);function sc(t){return xn.has(t)}function us(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 nc(t,a){const r=us(t),s=us(a);if(r&&s)return r.length!==s.length?r.length<s.length?-1:1:r===s?0:r<s?-1:1;const n=te(t),i=te(a);return n==null&&i==null?0:n==null?1:i==null?-1:n===i?0:n<i?-1:1}function oc(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 ic(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 lc(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 cc(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 dc(t,a,r){const s=r==="hour"?cc:r==="month"?lc:ic,n=s(t),i=s(a);return n!=null&&i!=null?n===i?0:n<i?-1:1:oc(t,a)}function gn(t,{key:a,dir:r}){const s=r==="asc"?1:-1,n=Array.isArray(t)?t:[],i=xn.has(a)?(u,c)=>dc(u,c,a):nc,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),g=h==null,x=m==null;if(g&&x)return u.index-c.index;if(g)return 1;if(x)return-1;const p=i(h,m);return p!==0?p*s:u.index-c.index}).map(u=>u.row)}function uc(){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 ms(t){const a=sc(t)?t:"day";return uc().map((r,s)=>s===0?{...r,key:a}:r)}function hs(t,{key:a,dir:r}){return gn(t,{key:a,dir:r})}const Sa=12,mc=["total_tokens","billable_total_tokens","input_tokens","cached_input_tokens","cache_creation_input_tokens","output_tokens","reasoning_output_tokens"];function hc(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 xc(t){return mc.some(a=>hc(t?.[a]))}function gc(t){const a=Array.isArray(t)?t:[];if(!a.length)return[];const r=gn(a,{key:"month",dir:"asc"}),s=r.findIndex(n=>n?.month&&xc(n));return s===-1?a:r.slice(s)}function pc(t,a,r=Sa){const s=Array.isArray(t)?t:[],n=Number.isFinite(r)&&r>0?r:Sa,o=(Number.isFinite(a)&&a>=0?Math.floor(a):0)*n;return s.slice(o,o+n)}function fc({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 ba=Object.freeze({active:3e4,warm:2*6e4,idle:10*6e4,longIdle:30*6e4});function yc({visible:t=!0,lastInteractionAt:a=0,now:r=Date.now()}={}){if(!t)return ba.longIdle;const s=Math.max(0,r-(Number(a)||0));return s<=10*6e4?ba.active:s<=60*6e4?ba.warm:ba.idle}const bc=3e4;function kc({refresh:t,intervalMs:a=bc,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 p=Promise.resolve().then(()=>t()).catch(f=>n(f)).then(()=>{}).finally(()=>{o===p&&(o=null)});return o=p,p},m=r.setInterval(()=>{const p=Date.now();p<c||(c=p+yc({visible:s.visibilityState==="visible",lastInteractionAt:u,now:p}),h())},a),g=()=>{s.visibilityState==="visible"&&(u=Date.now(),c=0,h())},x=()=>{u=Date.now()};return r.addEventListener("focus",g),r.addEventListener("pointerdown",x),r.addEventListener("keydown",x),s.addEventListener("visibilitychange",g),{run:h,stop(){i=!0,r.clearInterval(m),r.removeEventListener("focus",g),r.removeEventListener("pointerdown",x),r.removeEventListener("keydown",x),s.removeEventListener("visibilitychange",g)}}}function wc(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 qt(r)===t?r:null}function _c({period:t,selectedFrom:a,selectedTo:r,todayKey:s}={}){if(t==="total"&&a&&r)return{from:a,to:r};const n=wc(s)||new Date,i=new Date(Date.UTC(n.getUTCFullYear(),n.getUTCMonth(),n.getUTCDate()-29));return{from:qt(i),to:qt(n)}}function vc(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 Tr(t){if(typeof t!="string")return null;const a=t.trim();return a?a.toLowerCase():null}function jc(t){const a=Tr(t?.model_id);return a||null}function pn(t,a){return t?.model?String(t.model):a}function fn(t){const a=new Map,r=new Map;for(const s of t){const n=typeof s?.name=="string"?s.name.trim():"",i=Tr(n);if(!i||i.includes("/"))continue;const o=Math.max(0,te(s?.weight)??0);(!a.has(i)||o>=(r.get(i)||0))&&(a.set(i,n),r.set(i,o))}return a}function yn(t,a){const r=Tr(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=te(t?.billable_total_tokens),s=te(t?.total_tokens);return r!=null&&r>0?r:s!=null&&s>0?s:r??s??a}const Nc={deepseek:"dsh"};function Sc(t){const a=typeof t=="string"?t:"";return Nc[a]||a}const Cc=["total_tokens","billable_total_tokens","input_tokens","output_tokens","cached_input_tokens","cache_creation_input_tokens","reasoning_output_tokens"],bn=["input","output","cached","cacheCreate","reasoning"];function Tc(t){let a=0;for(const r of bn)a+=Math.max(0,Number(t?.[r])||0);return a}function Dc(t){return Tc(t?.tokens)>0}function xs(t,a){for(const r of Cc)t[r]=(Number(t[r])||0)+(Number(a?.[r])||0);t.total_cost_usd=String(Number(t.total_cost_usd||0)+Number(a?.total_cost_usd||0))}function gs(){return{total_tokens:0,billable_total_tokens:0,input_tokens:0,output_tokens:0,cached_input_tokens:0,cache_creation_input_tokens:0,reasoning_output_tokens:0,total_cost_usd:"0"}}function Ac(t){const a=new Map;for(const r of t||[]){const s=Sc(r?.source);if(!s)continue;let n=a.get(s);n||(n={source:s,source_scope:r?.source_scope,totals:gs(),models:new Map},a.set(s,n)),xs(n.totals,r?.totals);for(const i of Array.isArray(r?.models)?r.models:[]){const o=i?.model_id||i?.model||"";if(!o)continue;let u=n.models.get(o);u||(u={model:i?.model||o,model_id:o,totals:gs()},n.models.set(o,u)),xs(u.totals,i?.totals)}}return Array.from(a.values()).map(r=>({...r,models:Array.from(r.models.values())}))}function Mc(t,{copyFn:a}={}){const r=typeof a=="function"?a:o=>o,n=Ac(Array.isArray(t?.sources)?t.sources:[]).map(o=>{const u=St(o?.totals),c=te(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,te(o?.totals?.input_tokens)??0),cacheRead:Math.max(0,te(o?.totals?.cached_input_tokens)??0),cacheCreate:Math.max(0,te(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(f=>{const b=St(f?.totals);if(!Number.isFinite(b)||b<=0)return null;const y=o.totalTokens>0?Math.round(b/o.totalTokens*1e3)/10:0,v=pn(f,r("shared.placeholder.short")),w=jc(f),A=te(f?.totals?.total_cost_usd),T=A??(o.totalCost>0&&o.totalTokens>0?b/o.totalTokens*o.totalCost:null),M=f?.totals||{};return{id:w,name:v,share:y,usage:b,cost:T,tokens:{input:Math.max(0,te(M?.input_tokens)??0),output:Math.max(0,te(M?.output_tokens)??0),cached:Math.max(0,te(M?.cached_input_tokens)??0),cacheCreate:Math.max(0,te(M?.cache_creation_input_tokens)??0),reasoning:Math.max(0,te(M?.reasoning_output_tokens)??0)}}}).filter(Boolean),g=o.inputTokens+o.cacheRead+o.cacheCreate,p=o.cacheRead+o.cacheCreate>0&&g>0?Math.round(o.cacheRead/g*100):null;return{source:o.source,label:u,totalPercent:String(h),totalPercentValue:c,usd:o.totalCost,usage:o.totalTokens,cacheHitRate:p,cacheReusedTokens:o.cacheRead,cacheInputTokens:g,models:m}})}function Lc(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=te(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=fn(s.map(o=>({name:o.name,weight:o.usage})));for(const{model:o,name:u,usage:c}of s){const h=yn(u,n);if(!h)continue;const{key:m}=h,g=r.get(m)||{id:m,name:h.name,usage:0,cost:0,hasCost:!1,nameWeight:0,tokens:{input:0,output:0,cached:0,cacheCreate:0,reasoning:0}};g.usage+=c;const x=o?.tokens||{};for(const f of bn)g.tokens[f]+=Math.max(0,Number(x[f])||0);const p=te(o?.cost);p!=null&&(g.cost+=p,g.hasCost=!0),n.has(m)?g.name=n.get(m):c>=g.nameWeight&&(g.name=u,g.nameWeight=c),r.set(m,g)}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,tokens:{...o.tokens},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 Ec(t,{limit:a=3,copyFn:r}={}){const s=typeof r=="function"?r:f=>f,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 f of n){const b=Array.isArray(f?.models)?f.models:[];for(const y of b){const v=St(y?.totals);if(!Number.isFinite(v)||v<=0)continue;h+=v;const w=pn(y,s("shared.placeholder.short"));c.push({name:w,tokens:v})}}const m=fn(c.map(f=>({name:f.name,weight:f.tokens})));for(const{name:f,tokens:b}of c){const y=yn(f,m);if(!y)continue;const{key:v}=y;i.set(v,(i.get(v)||0)+b),m.has(v)?o.set(v,m.get(v)):b>=(u.get(v)||0)&&(u.set(v,b),o.set(v,f))}if(!i.size)return[];const g=Array.from(i.values()).reduce((f,b)=>f+b,0),x=h>0?h:g,p=Number.isFinite(a)?Math.max(0,Math.floor(a)):3;return Array.from(i.entries()).map(([f,b])=>{const y=x>0?(b/x*100).toFixed(1):"0.0";return{id:f,name:o.get(f)||s("shared.placeholder.short"),tokens:b,percent:String(y)}}).sort((f,b)=>b.tokens!==f.tokens?b.tokens-f.tokens:String(f.name).localeCompare(String(b.name))).slice(0,p)}function Ic(t,a,r){if(!Number.isFinite(t))return l("shared.placeholder.short");const s=Ta(t,{decimals:2,currency:a,rate:r});return s==="-"?l("shared.placeholder.short"):s}function ps(t,a,r){if(!Number.isFinite(t)||t<=0)return null;const s=Yt(a);return(a===Js?t:t*r)<.01?`<${s}0.01`:Ta(t,{decimals:2,currency:a,rate:r})}function fs(t){const a=Number(t);return!Number.isFinite(a)||a<=0?null:Qe(a,{decimals:1})}const Rc=vt.memo(function({isOpen:a,onClose:r,fleetData:s=[]}){const{currency:n,rate:i}=Aa(),o=d.useMemo(()=>(Array.isArray(s)?s:[]).map(c=>{const h=te(c?.usd)??0,m=te(c?.usage)??0,g=Array.isArray(c?.models)?c.models:[];return{label:c?.label?String(c.label):"",usdValue:h,costLabel:ps(h,n,i),tokensLabel:fs(m),models:g.map(x=>{const p=te(x?.usage)??0,f=te(x?.cost)??0;return{id:x?.id?String(x.id):"",name:x?.name?String(x.name):"",tokensLabel:fs(p),costLabel:ps(f,n,i),sortCost:f}}).filter(x=>x.costLabel||x.tokensLabel).sort((x,p)=>p.sortCost-x.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 Ic(c,n,i)},[o,n,i]);return e.jsx(cl,{open:a,onOpenChange:c=>{c||r?.()},children:e.jsxs(dl,{children:[e.jsx(ul,{className:"cost-modal-backdrop","data-cost-analysis-backdrop":"true"}),e.jsx(ml,{className:"fixed inset-0 z-[101] flex items-center justify-center p-4",children:e.jsxs(hl,{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(xl,{render:e.jsx("h2",{className:"sr-only"}),children:l("dashboard.cost_breakdown.title")}),e.jsx(gl,{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(Sr,{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((g,x)=>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:g.name,children:g.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:g.costLabel||""})]},g.id||`${g.name}-${x}`))]},`${c.label}-${h}`)})]})]})})]})})]})})});function Fc({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),g=mt();return d.useEffect(()=>{if(!t){o(null),m(null),c(!1);return}let x=!0;return c(!0),m(null),gi({projectKey:t,from:a,to:r,timeZone:s,tzOffsetMinutes:n}).then(p=>{x&&o(p||null)}).catch(p=>{x&&(m(p?.message||String(p)),o(null))}).finally(()=>{x&&c(!1)}),()=>{x=!1}},[t,a,r,s,n,g]),{data:i,loading:u,error:h}}function kn(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 wn(t){try{return new URL(t).hostname.toLowerCase()}catch{return""}}function _n(t){return t?t==="github.com"||t.endsWith(".github.com")?"github":t.includes("gitlab")||t.startsWith("git.")?"gitlab":"generic":""}function vn(t,a){return a&&_n(wn(t))==="github"?a:""}function jn({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 ys="#10b981",ar=[{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"}],rr=60;function $c(t,a,r,s){if(!Array.isArray(t)||t.length===0)return[];const n=new Map(t.map(x=>[x.day,x]));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>rr&&c.setUTCDate(c.getUTCDate()+(m-rr));const g=[];for(;c.getTime()<=h.getTime()&&g.length<rr;){const x=c.toISOString().slice(0,10);g.push(n.get(x)||{day:x,total_tokens:0,billable_total_tokens:0}),c.setUTCDate(c.getUTCDate()+1)}return g}function sr(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 Pc({host:t}){if(!t)return null;let a;const r=_n(t);return r==="github"||r==="gitlab"?a=e.jsx(Tt,{provider:r,size:12,className:"fill-current"}):a=e.jsx(Ml,{size:12}),e.jsx("span",{title:t,"aria-label":t,className:"inline-flex flex-shrink-0 items-center",children:a})}function nr({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 Bc({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}=kn(i),c=typeof t?.project_ref=="string"?t.project_ref:"",h=wn(c),{data:m,loading:g,error:x}=Fc({projectKey:i,from:a.from,to:a.to,timeZone:a.timeZone,tzOffsetMinutes:a.tzOffsetMinutes}),{formatTokens:p,formatTokensTooltip:f}=Te(),b=vt.useCallback(()=>n(!0),[]),y=L=>{L.target===L.currentTarget&&s&&r()};vt.useEffect(()=>{const L=B=>{B.key==="Escape"&&b()};return window.addEventListener("keydown",L),()=>window.removeEventListener("keydown",L)},[b]);const v=m?.totals||null,w=te(v?.billable_total_tokens)??0,A=Number(m?.days_active||0),T=te(v?.input_tokens)??0,M=te(v?.cached_input_tokens)??0,D=T+M>0?M/(T+M):null,P=te(m?.range_total_tokens)??0,N=te(v?.total_tokens)??0,j=P>0?N/P:null,C=vt.useMemo(()=>$c(m?.daily,m?.from,m?.to,Nr({timeZone:a.timeZone,offsetMinutes:a.tzOffsetMinutes})),[m,a.timeZone,a.tzOffsetMinutes]),I=ar.reduce((L,B)=>L+(te(v?.[B.key])??0),0),z=Array.isArray(m?.sources)?m.sources:[],F=!g&&!x&&v&&N>0;return e.jsx("div",{onAnimationEnd:y,onClick:L=>{L.target===L.currentTarget&&b()},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:b,"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(Sr,{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:ys}}),e.jsx("span",{className:"relative inline-flex rounded-full h-1.5 w-1.5",style:{backgroundColor:ys}})]}),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(jn,{githubOwner:vn(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(Pc,{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]})]}),F?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:p(w),title:f(w)}),e.jsx(_t,{label:l("dashboard.projects.detail.stat_share"),value:j==null?"—":sr(j)}),e.jsx(_t,{label:l("dashboard.projects.detail.stat_cache_hit"),value:D==null?"—":sr(D)}),e.jsx(_t,{label:l("dashboard.projects.detail.stat_conversations"),value:Na(v.conversation_count)}),e.jsx(_t,{label:l("dashboard.projects.detail.stat_active_days"),value:Na(A)}),e.jsx(_t,{label:l("dashboard.projects.detail.stat_avg_day"),value:A>0?p(Math.round(w/A)):"—"})]}):null]}),e.jsxs("div",{className:"flex-1 min-w-0 overflow-y-auto",children:[g&&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"})]}),!g&&x&&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")}),!g&&!x&&!F&&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")}),F&&e.jsxs("div",{className:"divide-y divide-zinc-200/50 dark:divide-zinc-800/40",children:[C.length>1&&e.jsxs("section",{className:"px-5 py-5 md:px-6 first:md:pt-6",children:[e.jsx(nr,{children:l("dashboard.projects.detail.section_trend")}),e.jsx("div",{className:"mt-3",children:e.jsx(an,{embedded:!0,rows:C,from:C[0]?.day,to:C[C.length-1]?.day,period:"month",showTimeZoneLabel:!1,chartHeightClass:"h-36"})})]}),I>0&&e.jsxs("section",{className:"px-5 py-5 md:px-6 first:md:pt-6",children:[e.jsx(nr,{children:l("dashboard.projects.detail.section_composition")}),e.jsx("div",{className:"mt-3 flex h-1.5 w-full overflow-hidden rounded-full",children:ar.map(L=>{const B=te(v[L.key])??0;return B<=0?null:e.jsx("div",{style:{width:`${B/I*100}%`,backgroundColor:L.color,minWidth:"2px"}},L.key)})}),e.jsx("div",{className:"mt-2.5 flex flex-wrap gap-x-4 gap-y-1.5",children:ar.map(L=>{const B=te(v[L.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:L.color}}),e.jsx("span",{className:"text-[11px] text-zinc-500 dark:text-zinc-400",children:l(L.labelKey)}),e.jsx("span",{className:"text-[11px] font-bold font-mono text-zinc-900 dark:text-zinc-50 tabular-nums",title:f(B),children:p(B)})]},L.key)})})]}),z.length>0&&e.jsxs("section",{className:"px-5 py-5 md:px-6 first:md:pt-6",children:[e.jsx(nr,{children:l("dashboard.projects.detail.section_sources")}),e.jsx("div",{className:"mt-3 space-y-3.5",children:z.map(L=>{const B=Number(L.total_tokens||0),K=N>0?B/N:0,q=K*100,_=Number(L.conversation_count||0),$=Vi(L.source||"unknown");return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-1.5 min-w-0",children:[e.jsx(Tt,{provider:L.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(L.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(L.days_active||0)}),_>0?e.jsxs(e.Fragment,{children:[" · ",l("dashboard.projects.detail.source_conv",{n:_})]}):null]}),e.jsx("span",{className:"ml-auto text-[12px] font-bold font-mono text-zinc-900 dark:text-zinc-50 tabular-nums",title:f(B),children:p(B)}),e.jsx("span",{className:"w-9 text-right text-[10px] font-mono text-zinc-400 dark:text-zinc-500 tabular-nums",children:sr(K)})]}),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(q,B>0?1:0))}%`,minWidth:B>0?"3px":0,backgroundColor:$}})})]},L.source)})})]})]})]})]})})}function zc(t){return e.jsx(pi,{mode:Gt.COMPACT,children:e.jsx(Bc,{...t})})}const Oc=5;function Uc({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}=kn(o),m=vn(u,c),g=te(t?.billable_total_tokens??t?.total_tokens)??0,x=a>0?Math.min(100,Math.max(2,g/a*100)):0,p=Array.isArray(t?.sources)?t.sources:[],f=p.slice(0,Oc),b=p.length-f.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(jn,{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||"—"})]}),f.length>0&&e.jsxs("div",{className:"mt-0.5 flex items-center gap-1",children:[f.map(y=>e.jsx(Tt,{provider:y.source,size:12,className:"text-oai-gray-400 dark:text-oai-gray-500"},y.source)),b>0&&e.jsx("span",{className:"oai-text-caption text-oai-gray-400 dark:text-oai-gray-500",children:r("dashboard.projects.sources_more",{n:b})})]})]}),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(g),children:s(g)}),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:`${x}%`,minWidth:g>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:g,sortIconFor:x,pagedDetails:p,dailyBreakdownRows:f=[],dailyBreakdownColumns:b=[],dailyBreakdownAriaSortFor:y,dailyBreakdownSortIconFor:v,dailyBreakdownDateKey:w="day",detailsDateKey:A,renderDetailDate:T,renderDailyBreakdownDate:M,renderDetailCell:D,DETAILS_PAGED_PERIODS:P,period:N,detailsPageCount:j,detailsPage:C,setDetailsPage:I}){const[z,F]=d.useState("daily"),[L,B]=d.useState(null),{formatTokens:K,formatTokensTooltip:q}=Te();return e.jsxs(Me,{children:[e.jsxs("div",{className:`flex items-center justify-between gap-3 ${z==="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":z==="daily",type:"button",onClick:()=>F("daily"),className:`text-xs font-medium px-3 py-1.5 rounded transition-colors ${z==="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":z==="projects",type:"button",onClick:()=>F("projects"),className:`text-xs font-medium px-3 py-1.5 rounded transition-colors ${z==="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")})]}),z==="projects"&&e.jsx(sn,{ariaLabel:n("dashboard.projects.limit_aria"),value:a,onValueChange:_=>r?.(Number(_)),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"})]}),z==="projects"&&(()=>{const _=t.slice(0,a);if(_.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 $=_.reduce((U,ae)=>{const me=te(ae?.billable_total_tokens??ae?.total_tokens)??0;return me>U?me:U},0);return e.jsx("div",{className:"space-y-1",children:_.map((U,ae)=>e.jsx(Uc,{entry:U,maxTokens:$,copy:n,formatTokens:K,formatTokensTooltip:q,onSelect:B},U?.project_key||U?.project_ref||`entry-${ae}`))})})(),L&&e.jsx(zc,{entry:L,query:s,onClose:()=>B(null)}),z==="daily"&&e.jsxs("div",{children:[f?.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:b.map(_=>e.jsx("th",{"aria-sort":y?.(_.key)||"none",className:"text-left p-0 bg-white dark:bg-oai-gray-900",children:e.jsx("button",{type:"button",onClick:()=>g(_.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:_.label}),e.jsx("span",{className:"text-oai-gray-400 dark:text-oai-gray-400",children:v?.(_.key)||""})]})})},_.key))})}),e.jsx("tbody",{children:f.map(_=>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 ${_.missing?"text-oai-gray-400 dark:text-oai-gray-400":_.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:M?M(_):T(_)}),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:D(_,"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:D(_,"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:D(_,"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:D(_,"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:D(_,"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:D(_,"conversation_count")})]},String(_?.[w]||_?.day||_?.hour||_?.month||"")))})]})}),z!=="daily"&&P.has(N)&&j>1?e.jsxs("div",{className:"mt-3 flex items-center justify-between oai-text-caption",children:[e.jsx("button",{type:"button",onClick:()=>I(_=>Math.max(0,_-1)),disabled:C===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:[C+1," / ",j]}),e.jsx("button",{type:"button",onClick:()=>I(_=>Math.min(j-1,_+1)),disabled:C+1>=j,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 ja(t){return typeof t!="string"?"":t.trim()}function bs(t){const a=ja(t);return a?a.split(/[_\-\s]+/).filter(Boolean).map(r=>r.slice(0,1).toUpperCase()+r.slice(1).toLowerCase()).join(" "):""}function Kc(t){if(!Array.isArray(t))return[];const a=new Map;for(const r of t){if(!r||typeof r!="object")continue;const s=ja(r.tool),n=ja(r.planType)||ja(r.plan_type);if(!s||!n)continue;const i=bs(s)||s,o=bs(n)||n;a.set(`${s.toLowerCase()}::${n.toLowerCase()}`,{tool:i,plan:o})}return Array.from(a.values())}function Vc({startDate:t,streakDays:a,subscriptions:r=[],periodConversations:s,rolling:n,topModels:i=[],className:o=""}){const{formatTokensTooltip:u}=Te(),c=l("shared.placeholder.short"),h=l("shared.unit.percent"),m=t??l("identity_card.rank_placeholder"),g=Number.isFinite(Number(a))?Number(a):0,x=g?l("identity_card.streak_value",{days:g}):l("identity_card.rank_placeholder"),p=Kc(r),f={thousandSuffix:l("shared.unit.thousand_abbrev"),millionSuffix:l("shared.unit.million_abbrev"),billionSuffix:l("shared.unit.billion_abbrev"),trillionSuffix:l("shared.unit.trillion_abbrev")},b=w=>{if(w==null)return c;const A=Qe(w,f);return A==="-"?c:A},y={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(Me,{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:b(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:y.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:b(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:y.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:b(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:y.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:b(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:y.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,A)=>{const T=w?.name?String(w.name):c,M=w?.percent?String(w.percent):"",D=A===v.length-1,P=A+1;return e.jsxs("div",{className:`flex items-center py-2 ${D?"":"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:P}),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:[M,h]})]},w.id||T)})}),p.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:p.map((w,A)=>e.jsxs(Bl,{variant:"secondary",size:"sm",children:[w.tool," ",w.plan]},`${w.tool}:${w.plan}:${A}`))}),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:x})]})]})]})}let ka=null;function Wc(){if(ka===null)try{ka=typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("color","oklch(0 0 0)")}catch{ka=!1}return ka}function Gc(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,g=c*c*c;return[4.0767416621*h-3.3077115913*m+.2309699292*g,-1.2684380046*h+2.6097574011*m-.3413193965*g,-.0041960863*h-.7034186147*m+1.707614701*g].map(p=>{const f=Math.min(1,Math.max(0,p)),b=f<=.0031308?12.92*f:1.055*Math.pow(f,1/2.4)-.055;return Math.round(b*255)})}function Nn(t,a,r,s){if(Wc())return s==null?`oklch(${t} ${a} ${r})`:`oklch(${t} ${a} ${r} / ${s})`;const[n,i,o]=Gc(t,a,r);return s==null?`rgb(${n} ${i} ${o})`:`rgb(${n} ${i} ${o} / ${s})`}function At(t){const a=/^oklch\(\s*([0-9.]+)\s+([0-9.]+)\s+([0-9.]+)\s*\)$/.exec(t);return a?Nn(Number(a[1]),Number(a[2]),Number(a[3])):t}const ks={claude:35,codex:250,grok:200},ws={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 qc(t,a){const r=ks[a]??ks.claude,s=ws[t]||ws.system_prompt;return Nn(s.l,s.c,r)}const Yc=[{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"]}],Zc=[["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"]],Jc={duration:.18,ease:[.4,0,.2,1]},Qc={height:0,opacity:0},Xc={height:"auto",opacity:1},ed={height:0,opacity:0};function td(t){const a=Number(t||0);return Number.isFinite(a)&&a>0?a:0}function ad(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 Sn(t,a=null){const r=t.reduce((o,u)=>o+Number(u.totals.total_tokens||0),0),s=td(a),n=s||r,i=s&&r>0?s/r:1;return t.map(o=>{const u=i===1?o.totals:ad(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 rd(t,a=null){const r=new Map;for(const n of t||[])r.set(n.key,n);const s=Yc.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 Sn(s,a)}function sd(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 Sn(c,a)}const _s="MCP: ";function nd(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(_s)?(a.push({...n,name:i.slice(_s.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 vs(t){return l(`dashboard.context_breakdown.category.${t}`)}function od(t){return typeof t!="string"?"":t.startsWith("mcp__")?t.split("__").slice(2).join("__")||t:t.includes("/")&&t.split("/").pop()||t}function id(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:od(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 ld(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:id(s),toolCount:s.length}}).filter(a=>a.name).sort((a,r)=>(r.totals.total_tokens||0)-(a.totals.total_tokens||0))}function cd(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 dd(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 ud(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 md(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 js(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 hd(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 Ns(t){return t==="exec_command"||t==="Bash"}function Cn(t){return t==="codex"?"dashboard.context_breakdown.empty_codex":t==="grok"?"dashboard.context_breakdown.empty_grok":"dashboard.context_breakdown.empty"}function xd(t){return t==="codex"?"dashboard.context_breakdown.error_codex":t==="grok"?"dashboard.context_breakdown.error_grok":"dashboard.context_breakdown.error"}function gd(t){return t==="codex"?"dashboard.context_breakdown.footnote_codex":t==="grok"?"dashboard.context_breakdown.footnote_grok":"dashboard.context_breakdown.footnote"}const pd=10;function Je({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:g=null,fillColor:x=null}){const p=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",f=e.jsx("span",{className:"shrink-0 flex items-center justify-start",style:{width:pd},"aria-hidden":!a,children:a}),b=e.jsxs(e.Fragment,{children:[f,e.jsx("span",{className:p,children:r}),s,i&&e.jsx(ge.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(yi,{size:11})})]}),y=x&&g!=null&&g>0,v=y?Math.max(0,Math.min(100,g)):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:y?{backgroundImage:`linear-gradient(to right, ${x.replace(/\)\s*$/," / 0.10)")} 0%, ${x.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:b}):e.jsx("div",{className:"relative col-start-1 row-start-1 flex items-center gap-1.5 min-w-0",children:b}),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(Dt,{initial:!1,children:o&&e.jsx(ge.div,{initial:Qc,animate:Xc,exit:ed,transition:Jc,style:{overflow:"hidden"},children:m},"content")}):null]})}function Ss({execDetails:t,source:a="claude"}){const{formatTokens:r}=Te(),[s,n]=d.useState("by_type"),i=md(hd(t,s)),o=a==="codex"||a==="grok",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:Zc.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(ge.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:Qe(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:Qe(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:js(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:js(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:Qe(c.output_lines||0)})]},c.name))]})})]})}function Kt({toolSet:t,execDetails:a,source:r,codexQueueFallback:s}){const{formatTokens:n}=Te(),[i,o]=d.useState({}),[u,c]=d.useState(!1),h=ld(t?.categories||[]);function m(g){o(x=>({...x,[g]:!x[g]}))}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(Cn(r))}):e.jsx("ul",{className:"mt-0.5 mb-0.5 space-y-0.5",children:h.map(g=>{const x=g.toolCount>0,p=g.name==="Execution"&&a,f=p&&g.tools.some(y=>Ns(y.name)),b=!!i[g.name];return e.jsxs(Je,{level:1,label:g.name,labelTone:"strong",hasChevron:x||p&&!f,open:b||p&&!f&&u,onToggle:()=>{x?m(g.name):p&&!f&&c(y=>!y)},tokens:n(g.totals.total_tokens||0),percent:null,children:[x&&e.jsx("ul",{className:"space-y-0.5",children:g.tools.map(y=>{const v=p&&Ns(y.name);return e.jsx(Je,{level:2,label:y.name,labelTone:v?"accent":"default",hasChevron:v,open:u,onToggle:()=>c(w=>!w),tokens:n(y.total_tokens||0),percent:null,children:v&&e.jsx(Ss,{execDetails:a,source:r})},y.name)})}),p&&!f&&e.jsx(Ss,{execDetails:a,source:r})]},g.name)})})}function fd({from:t,to:a,source:r="claude",referenceTotalTokens:s=null,onLoadingChange:n=null}){const{formatTokens:i}=Te(),[o,u]=d.useState(null),[c,h]=d.useState(!1),[m,g]=d.useState(null),[x,p]=d.useState({}),f=d.useRef({});function b(_){p($=>({...$,[_]:!$[_]}))}if(d.useEffect(()=>{let _=!1;const $=`${t||""}|${a||""}|${r||"claude"}`,U=f.current[$];return u(U||null),h(!0),n?.(!0),g(null),fi({from:t,to:a,source:r,timeZone:Xs(),tzOffsetMinutes:Qs()}).then(ae=>{_||(f.current[$]=ae,u(ae))}).catch(ae=>{_||g(ae?.message||String(ae))}).finally(()=>{_||(h(!1),n?.(!1))}),()=>{_=!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(_=>e.jsx("div",{className:"h-3 rounded bg-oai-gray-100 dark:bg-oai-gray-800 animate-pulse",style:{animationDelay:`${_*80}ms`}},_))}),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(xd(r))});if(!o||o.scope!=="supported"||!o.totals?.total_tokens)return e.jsx("p",{className:"text-xs text-oai-gray-500 dark:text-oai-gray-400",children:l(Cn(r))});const y=r==="claude"?rd(o.categories||[],s):sd(o,s),v=o.tool_calls_breakdown||null,w=o.skills_breakdown||null,A=o.message_breakdown||null,T=o.configured_resources||null,M=o.exec_command_breakdown||null,D=dd(w?.skills||[]),P=cd(A?.categories||[]),N=r==="codex"&&(o?.breakdown_status==="queue_fallback"||o?.fallback==="queue_totals"),j=r==="claude"?v?.tool_calls||null:v||null,{mcpSet:C,residualSet:I,mcpTotalTokens:z}=nd(j),F=r==="claude"&&v?.subagents||null,L=F?.categories?.length>0||(T?.custom_agents_count||0)>0,B=r==="claude"?(I?.categories||[]).reduce((_,$)=>_+Number($?.totals?.total_tokens||0),0):0,K=r==="claude"?(F?.categories||[]).reduce((_,$)=>_+Number($?.totals?.total_tokens||0),0):0,q=[...y].sort((_,$)=>($.totals?.total_tokens||0)-(_.totals?.total_tokens||0));return e.jsxs("div",{role:"region","aria-label":l("dashboard.context_breakdown.bar_aria",{summary:y.filter(_=>_.percent>0).filter(_=>!(r==="claude"&&(_.key==="tool_calls"||_.key==="custom_agents"))).map(_=>`${vs(_.key)} ${_.percent}%`).join("，")}),children:[e.jsxs("ul",{className:"space-y-0.5",children:[q.map(_=>{const $=_.key==="system_prompt",U=_.key==="messages",ae=_.key==="tool_calls",me=_.key==="custom_agents";if(_.key,r==="claude"&&(ae||me))return null;const V=U&&P.length>0||ae&&(I?.categories?.length>0||N)||me&&L&&F,ie=!!x[_.key],le=qc(_.key,r),Ne=e.jsx("span",{className:"h-2 w-2 rounded-sm shrink-0",style:{backgroundColor:le},"aria-hidden":"true"}),we=$?e.jsxs("span",{className:"relative inline-flex shrink-0 group",children:[e.jsx(ln,{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,Le=_.percent>0?`${_.percent.toFixed(_.percent<.1&&_.percent>0?2:1)}%`:"0.0%";return e.jsxs(Je,{level:0,colorSquare:Ne,label:vs(_.key),labelSuffix:we,tokens:i(_.totals?.total_tokens||0),percent:Le,hasChevron:V,open:ie,onToggle:()=>b(_.key),share:_.percent,fillColor:le,children:[U&&e.jsx("ul",{className:"space-y-0.5",children:P.map(Q=>e.jsx(Je,{level:1,label:ud(Q),tokens:i(Q.totals.total_tokens||0),percent:null},Q.key||Q.name))}),ae&&I&&e.jsx(Kt,{toolSet:I,execDetails:M,source:r,codexQueueFallback:N}),ae&&N&&!I&&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")}),me&&F&&e.jsx(Kt,{toolSet:F,execDetails:null,source:r,codexQueueFallback:!1})]},_.key)}),r==="claude"&&I?.categories?.length>0&&e.jsx(Je,{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(B),percent:null,hasChevron:!0,open:!!x.tool_calls_aux,onToggle:()=>b("tool_calls_aux"),children:e.jsx(Kt,{toolSet:I,execDetails:M,source:r,codexQueueFallback:!1})}),r==="claude"&&F?.categories?.length>0&&e.jsx(Je,{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(K),percent:null,hasChevron:!0,open:!!x.custom_agents_aux,onToggle:()=>b("custom_agents_aux"),children:e.jsx(Kt,{toolSet:F,execDetails:null,source:r,codexQueueFallback:!1})}),C?.categories?.length>0&&e.jsx(Je,{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(z),percent:null,hasChevron:!0,open:!!x.mcp_servers,onToggle:()=>b("mcp_servers"),children:e.jsx(Kt,{toolSet:C,execDetails:null,source:r,codexQueueFallback:!1})}),D.length>0&&e.jsx(Je,{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(D.reduce((_,$)=>_+($.total_tokens||0),0)),percent:null,hasChevron:!0,open:!!x.skills,onToggle:()=>b("skills"),children:e.jsx("ul",{className:"space-y-0.5",children:D.slice(0,12).map(_=>e.jsx(Je,{level:1,label:_.name,tokens:i(_.total_tokens),percent:null},_.name))})})]}),e.jsx("p",{className:"mt-2 text-[10px] text-oai-gray-400 dark:text-oai-gray-500",children:l(gd(r))}),N?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,T?e.jsxs("p",{className:"mt-2 text-[10px] text-oai-gray-400 dark:text-oai-gray-500",children:[Qe(T.skills_count||0)," skills ·"," ",Qe(T.mcp_servers_count||0)," MCP servers ·"," ",Qe(T.custom_agents_count||0)," agents ·"," ",Qe(T.memory_files_count||0)," memory files"]}):null]})}function Tn({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 ot="__all__",yd=`${100 .toFixed(2)}%`;function Zt(t,a){const r=Number(a);return Number.isFinite(r)&&r>0?t(r):null}function fr(t,a,r){const s=Number(t);if(!Number.isFinite(s)||s<=0)return null;const n=Yt(a);return(a===Js?s:s*r)<.01?`<${n}0.01`:Ta(s,{decimals:2,currency:a,rate:r})}function bd(t){return Array.isArray(t)?t.map(a=>typeof a=="string"?{key:a,label:Cs(a)}:{key:a.key,label:a.label||Cs(a.key)}):[]}function kd(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 wd={ACODE:"var(--brand-primary-light)",CODEX:"#3b82f6",DSH:"var(--community-deepseek)",CLAUDE:"#d97757",OPENCODE:"#f59e0b",GEMINI:"#2196f3",KIMI:"#a78bfa","KILO-CLI":"#facc15","KILO-CODE":"#facc15",MIMO:"#ff6900",DROID:"#ef4444",ZCODE:"#14b8a6",ANYTHINGLLM:"var(--provider-anythingllm)",LMSTUDIO:"var(--provider-lmstudio)",UNSLOTH:"var(--provider-unsloth)"};function or(t,a){const r=t?.toUpperCase?.()||"";return wd[r]||`hsl(${150+a*40}, 60%, 45%)`}function _d(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":a==="grok"||r==="grok"||r.includes("grok")?"grok":null}function vd(t){return t==="claude"?l("dashboard.context_breakdown.heading_claude"):t==="codex"?l("dashboard.context_breakdown.heading_codex"):t==="grok"?l("dashboard.context_breakdown.heading_grok"):l("dashboard.context_breakdown.heading")}function jd(t){return!!t?.models?.length}function Dn(t){const a=Number(t?.totalPercentValue??t?.totalPercent);return Number.isFinite(a)?Math.max(0,a):0}function ir(t){const a=Dn(t);return a>0&&!(a>=.01)?l("usage.overview.percent_below_threshold"):a.toFixed(2)}const Nd={day:"usage.period.day",week:"usage.period.week",month:"usage.period.month",total:"usage.period.total",custom:"usage.period.custom"};function Cs(t){const a=Nd[t];return a?l(a):String(t).toUpperCase()}function Sd({loading:t,onClick:a}){const r=Qt();return e.jsx(ki,{variant:"secondary",size:"sm",disabled:t,onClick:a,"aria-label":l("usage.button.refresh"),className:"w-8 p-0",children:e.jsx(ge.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-flex"},children:e.jsx(wi,{className:"h-3.5 w-3.5",strokeWidth:2})})})}function Cd(){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 Td(){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 Dd({period:t,periods:a,onPeriodChange:r,summaryValue:s,summaryFullValue:n,onToggleSummaryFormat:i,summaryLabel:o,summaryCostValue:u,onCostInfo:c,fleetData:h=[],onRefresh:m,loading:g,announceLoading:x=!1,summaryLoading:p=!1,providersLoading:f=!1,hasSummary:b=!0,className:y="",customFrom:v,customTo:w,onCustomRangeApply:A,customRangeOpen:T,onCustomRangeOpenChange:M,onOpenShare:D,from:P,to:N,deviceOptions:j=[],selectedDevice:C="",onDeviceChange:I}){const z=bd(a),F=Gi(_i()),L=kd(String(s??"")),B=t==="week"&&typeof P=="string"&&typeof N=="string"&&P.slice(0,7)!==N.slice(0,7),K=P&&N?`${ya(P,F)} — ${ya(N,F)}`:null,q=()=>typeof window<"u"&&typeof window.matchMedia=="function"&&window.matchMedia("(max-width: 639px)").matches,[_,$]=d.useState(q);d.useEffect(()=>{if(typeof window>"u"||typeof window.matchMedia!="function")return;const S=window.matchMedia("(max-width: 639px)"),Z=H=>$(H.matches);return S.addEventListener("change",Z),()=>S.removeEventListener("change",Z)},[]);const U=L!=null&&!_,ae=d.useRef(null);d.useEffect(()=>{const S=ae.current?.querySelector('[aria-selected="true"]');S&&typeof S.scrollIntoView=="function"&&S.scrollIntoView({block:"nearest",inline:"center"})},[t]);const[me,V]=d.useState(null),{resolvedTheme:ie}=bi(),{currency:le,rate:Ne}=Aa(),{formatTokens:we}=Te(),Le=ie==="dark",Q=Le?"rgba(10,10,10,0.98)":"rgba(255,255,255,0.96)",O=Le?"rgba(10,10,10,0)":"rgba(255,255,255,0)",ne=p&&!b,ee=f&&!h.some(jd);d.useEffect(()=>{V(null)},[t,P,N,C]);const re=S=>{if(!["ArrowLeft","ArrowRight","Home","End"].includes(S.key))return;const Z=Array.from(S.currentTarget.querySelectorAll('[role="tab"]')).filter(xe=>!xe.disabled),H=Z.indexOf(S.target.closest('[role="tab"]'));if(H===-1||Z.length===0)return;S.preventDefault();let se=H;S.key==="Home"?se=0:S.key==="End"?se=Z.length-1:S.key==="ArrowRight"?se=(H+1)%Z.length:se=(H-1+Z.length)%Z.length,Z[se].focus(),Z[se].click()},be=U?e.jsx(Gl,{value:L,displayValue:s,fontSize:72,padding:6,gap:1,textColor:"var(--oai-black, #111827)",fontWeight:700,gradientHeight:Le?0:8,gradientFrom:Q,gradientTo:O,counterStyle:{paddingLeft:0,paddingRight:0,gap:0},digitStyle:{width:"0.88ch"}}):s,W=h.filter(S=>S.models?.length>0),Y=W.some(S=>String(S?.source||S?.label||"").trim().toLowerCase()==="devin"),X=W.some(S=>String(S?.source||S?.label||"").trim().toLowerCase()==="trae"),ue=d.useMemo(()=>Lc(h),[h]),$e=ue.reduce((S,Z)=>S+(Number(Z.usage)||0),0),De=W.reduce((S,Z)=>S+(Number(Z.usd)||0),0),he=me==null?null:me===ot||W.some(function(Z){return Z.label===me})?me:null;return e.jsx(Me,{className:y,children:e.jsxs("div",{"aria-busy":g||ne||ee,children:[x?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:ae,role:"tablist","aria-label":l("usage.overview.tablist_aria"),onKeyDown:re,className:"flex flex-1 min-w-0 gap-1 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",children:z.map(S=>{const Z=t===S.key,H=`shrink-0 whitespace-nowrap text-xs font-medium px-3 py-1.5 rounded-md transition-colors ${Z?"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(S.key==="custom"){const se=Z&&v&&w?`${ya(v,F)} — ${ya(w,F)}`:S.label;return e.jsxs(fl,{open:T,onOpenChange:xe=>{xe?r?.("custom"):M?.(xe)},children:[e.jsx(yl,{render:e.jsx("button",{role:"tab","aria-selected":Z,tabIndex:Z?0:-1,type:"button",className:H}),children:se}),e.jsx(bl,{children:e.jsx(kl,{sideOffset:8,side:"bottom",align:"start",className:"!z-[9999]",children:e.jsx(wl,{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(Wi,{from:v,to:w,onApply:A,onCancel:()=>M?.(!1)})})})})]},"custom")}return e.jsx("button",{role:"tab","aria-selected":Z,tabIndex:Z?0:-1,type:"button",className:H,onClick:()=>r?.(S.key),children:S.label},S.key)})}),e.jsxs("div",{className:"flex items-center gap-1.5 shrink-0",children:[j.length>1?e.jsx(sn,{value:C,onValueChange:I,options:j,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,D?e.jsxs("button",{type:"button",onClick:D,"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(El,{className:"h-3.5 w-3.5",strokeWidth:2}),l("share.button.label")]}):null,m&&e.jsx(Sd,{loading:g,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:ne?"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:be}):e.jsx("span",{title:n||void 0,children:be})}),e.jsx("div",{className:`absolute inset-0 flex items-center justify-center ${ne?"":"hidden"}`,children:e.jsx(Cd,{})})]}),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(ln,{size:16,strokeWidth:2,className:"opacity-80"})]}):e.jsx("span",{className:"text-xl font-bold text-oai-brand",children:u})}),X&&e.jsxs("p",{className:"mx-auto mt-3 max-w-xl text-[11px] leading-snug text-oai-gray-500 dark:text-oai-gray-400",children:[e.jsxs("span",{className:"font-medium",children:[l("usage.overview.trae_notice_title"),"."]})," ",l("usage.overview.trae_notice_body")]}),K?e.jsxs("div",{className:"mt-3 flex flex-col items-center gap-1 text-[11px] leading-snug text-oai-gray-400 dark:text-oai-gray-500",children:[e.jsx("span",{className:"tabular-nums",children:K}),B?e.jsx("span",{children:l("usage.overview.week_cross_month_hint")}):null]}):null]}),e.jsx("div",{className:ee?void 0:"hidden",children:e.jsx(Td,{})}),W.length>0&&e.jsxs("div",{className:"space-y-6",children:[e.jsx("div",{role:"img","aria-label":l("usage.overview.distribution_aria",{items:W.map(S=>l("usage.overview.distribution_item",{label:jt(S.label),percent:ir(S)})).join("，")}),className:"h-1.5 w-full bg-oai-gray-100 dark:bg-oai-gray-800 rounded-full overflow-hidden flex",children:W.map((S,Z)=>{const H=or(S.label,Z),se=jt(S.label),xe=ir(S);return e.jsx(ge.div,{initial:{width:0},animate:{width:`${Dn(S)}%`},transition:{duration:.5,delay:.45+Z*.04,ease:[.16,1,.3,1]},className:"h-full",style:{backgroundColor:H},title:`${se}: ${xe}%`},S.label)})}),e.jsxs("div",{className:"grid grid-cols-[repeat(auto-fill,minmax(140px,1fr))] gap-3",children:[e.jsxs("button",{type:"button","aria-expanded":he===ot,"aria-controls":"provider-details-all","aria-label":l("usage.overview.all_tools_card_aria",{tokens:Zt(we,$e)||String(0),cost:fr(De,le,Ne)||`${Yt(le)}0`,count:ue.length}),onClick:()=>V(he===ot?null:ot),className:`min-w-0 text-left p-3 rounded-lg border transition-colors duration-200 ${he===ot?"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(Tn,{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:yd}),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:ue.length})})]}),W.map((S,Z)=>{const H=or(S.label,Z),se=he===S.label,xe=jt(S.label),ke=ir(S);return e.jsxs("button",{"aria-expanded":se,"aria-controls":`provider-details-${S.label}`,"aria-label":l("usage.overview.provider_card_aria",{provider:xe,percent:ke,tokens:Zt(we,S.usage)||String(0),cost:fr(S.usd,le,Ne)||`${Yt(le)}0`,action:l(se?"usage.overview.collapse":"usage.overview.expand")}),onClick:()=>V(se?null:S.label),className:`min-w-0 text-left p-3 rounded-lg border transition-colors duration-200 ${se?"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(Tt,{provider:S.label,size:15,color:H,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:xe,children:xe})]}),e.jsxs("div",{className:"text-lg font-semibold text-oai-black dark:text-oai-white tabular-nums",children:[ke,"%"]}),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:S.models.length})})]},S.label)})]}),he===ot&&e.jsxs("div",{id:"provider-details-all",role:"region","aria-label":l("usage.overview.all_models"),className:"mt-2",children:[Y&&e.jsx(Mn,{}),e.jsx(Ed,{models:ue})]}),he!=null&&he!==ot&&e.jsx("div",{id:`provider-details-${he}`,role:"region","aria-label":l("usage.overview.model_details_aria",{provider:he}),className:"mt-2",children:W.filter(S=>S.label===he).map(S=>{const Z=or(S.label,0),H=_d(S),se=[...S.models].sort((ke,rt)=>(rt.share||0)-(ke.share||0)),xe=H?vd(H):jt(S.label);return e.jsx(Id,{provider:S,color:Z,providerHeading:xe,contextSource:H,from:P,to:N,sortedModels:se},S.label)})})]})]})})}const Ad=[{key:"input",labelKey:"dashboard.projects.detail.comp_input"},{key:"cached",labelKey:"dashboard.projects.detail.comp_cached"},{key:"cacheCreate",labelKey:"dashboard.projects.detail.comp_cache_write"},{key:"output",labelKey:"dashboard.projects.detail.comp_output"},{key:"reasoning",labelKey:"dashboard.projects.detail.comp_reasoning"}],Md="grid grid-cols-[minmax(0,1fr)_auto_auto_auto] items-baseline gap-x-3 mb-1.5 sm:grid-cols-[minmax(0,1fr)_minmax(8rem,max-content)_minmax(5.5rem,max-content)_minmax(7rem,max-content)]";function Ld({tokens:t}){const{formatTokens:a,formatTokensTooltip:r}=Te();return e.jsx("div",{className:"mb-1.5 flex flex-wrap gap-x-4 gap-y-1",children:Ad.map(s=>{const n=Math.max(0,Number(t?.[s.key])||0);return e.jsxs("span",{className:"inline-flex items-baseline gap-1 text-[11px] tabular-nums",children:[e.jsx("span",{className:"text-oai-gray-400 dark:text-oai-gray-500",children:l(s.labelKey)}),e.jsx("span",{title:r(n),className:"text-oai-gray-600 dark:text-oai-gray-300",children:a(n)})]},s.key)})})}function Ts({model:t,tokensLabel:a,costLabel:r,expandable:s,isExpanded:n}){const{formatTokensTooltip:i}=Te();return e.jsxs(e.Fragment,{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:t.name,children:t.name}),e.jsx("span",{title:i(t.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:a}),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:r}),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:[t.share,"%",s&&e.jsx("span",{className:"ml-1 align-middle text-[11px] font-normal text-oai-gray-400 dark:text-oai-gray-500",children:l(n?"usage.overview.collapse":"usage.overview.expand")})]})]})}function An({models:t,color:a}){const{currency:r,rate:s}=Aa(),{formatTokens:n}=Te(),[i,o]=d.useState(null);return e.jsx("div",{className:"space-y-3",children:t.map(u=>{const c=Zt(n,u.usage),h=fr(u.cost,r,s),m=Math.max(0,Math.min(100,Number(u.share)||0)),g=u.id||u.name,x=Dc(u),p=x&&i===g,f=Md,b={model:u,tokensLabel:c,costLabel:h,expandable:x,isExpanded:p};return e.jsxs("div",{"data-model-rank-row":!0,children:[x?e.jsx("button",{type:"button",onClick:()=>o(p?null:g),"aria-expanded":p,className:`${f} w-full cursor-pointer text-left`,children:e.jsx(Ts,{...b})}):e.jsx("div",{className:f,children:e.jsx(Ts,{...b})}),p&&e.jsx(Ld,{tokens:u.tokens}),e.jsx("div",{className:"h-[3px] bg-oai-gray-100 dark:bg-oai-gray-800 rounded-full overflow-hidden",role:"progressbar","aria-valuenow":m,"aria-valuemin":0,"aria-valuemax":100,children:e.jsx("div",{className:"h-full transition-[width] duration-500 ease-out",style:{width:`${m}%`,backgroundColor:a,opacity:.45}})})]},g)})})}function Ed({models:t}){return e.jsxs("div",{children:[e.jsxs("div",{className:"mb-1.5 flex items-center gap-1.5",children:[e.jsx(Tn,{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(An,{models:t,color:"var(--oai-blue)"})]})}function Mn(){return 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.devin_notice_title"),"."]})," ",l("usage.overview.devin_notice_body")]})}function Id({provider:t,color:a,providerHeading:r,contextSource:s,from:n,to:i,sortedModels:o}){const{formatTokens:u}=Te(),[c,h]=d.useState(!1),m=String(t?.source||t?.label||"").trim().toLowerCase()==="antigravity",g=String(t?.source||t?.label||"").trim().toLowerCase()==="devin";return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-1.5 mb-3",children:[e.jsx(Tt,{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(pl,{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:Zt(u,t.cacheReusedTokens)||String(0),input:Zt(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")]}),g&&e.jsx(Mn,{}),s?e.jsx("div",{className:"mb-4 pb-4 border-b border-oai-gray-200 dark:border-oai-gray-700",children:e.jsx(fd,{from:n,to:i,source:s,referenceTotalTokens:t.usage,onLoadingChange:h})}):null,e.jsx(An,{models:o,color:a})]})}function Rd({id:t,children:a,onEmptyChange:r}){const{attributes:s,listeners:n,setNodeRef:i,transform:o,transition:u,isDragging:c}=el({id:t}),h=d.useRef(null),m=d.useRef(null);d.useLayoutEffect(()=>{if(!r)return;const x=h.current?h.current.childNodes.length===0:!0;m.current!==x&&(m.current=x,r(t,x))});const g={transform:tl.Transform.toString(o)||void 0,transition:u,zIndex:c?20:void 0};return e.jsxs("div",{ref:i,style:g,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 Fd({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 Ds="macAppBannerDismissed",$d="leaderboardBannerDismissed",Pd="https://github.com/xiufengsun/TokenTracker/releases/latest",As="tokentracker_native_app",Vt=(()=>{try{return new URLSearchParams(window.location.search).get("app")==="1"?(localStorage.setItem(As,"1"),!0):localStorage.getItem(As)==="1"}catch{return!1}})();function Bd({todayTokens:t=0,isSyncing:a=!1,enterDelay:r=0}){const{openLoginModal:s}=vi(),{signedIn:n}=en(),i=Fd({todayTokens:t,isSyncing:a}),o=Vt?$d:Ds,[u,c]=d.useState(()=>{try{return localStorage.getItem(o)==="1"?!0:!Vt&&new URLSearchParams(window.location.search).get("from")==="menubar"?(localStorage.setItem(Ds,"1"),!0):!1}catch{return!1}}),h=d.useCallback(()=>{c(!0);try{localStorage.setItem(o,"1")}catch{}},[o]);if(u||!Vt&&Da())return null;let m,g,x,p,f,b;Vt&&n?(m="View the Leaderboard",g="Compare your usage globally",x="Leaderboard",p=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)"})}),f=()=>{window.location.pathname="/leaderboard"}):Vt?(m="Join the Leaderboard",g="Log in to compare your usage with others",x="Log In",p=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"})}),f=s):(m="Try the Menu Bar App",g="Always-on stats with Clawd companion",x="Download",p=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"})}),b=Pd);const y=b?ge.a:ge.button,v=b?{href:b,target:"_blank",rel:"noopener noreferrer"}:{onClick:f};return e.jsx(ge.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(cn,{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:g})]}),e.jsxs("div",{className:"flex items-center gap-2 flex-shrink-0",children:[e.jsxs(y,{...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:[x,p]}),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 Ms="widgetOnboardingDismissed",Ls="tokentracker_native_app",zd=(()=>{try{return new URLSearchParams(window.location.search).get("app")==="1"?(localStorage.setItem(Ls,"1"),!0):localStorage.getItem(Ls)==="1"}catch{return!1}})();function Od({enterDelay:t=0}){const[a,r]=d.useState(()=>{try{return localStorage.getItem(Ms)==="1"}catch{return!1}}),s=d.useCallback(()=>{r(!0);try{localStorage.setItem(Ms,"1")}catch{}},[]);return!zd||tn()?null:e.jsx(Dt,{initial:!1,children:!a&&e.jsxs(ge.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")})}const Dr="islandOnboardingDismissed";function Ud(){try{return localStorage.getItem(Dr)==="1"}catch{return!1}}function Es(){try{localStorage.setItem(Dr,"1")}catch{}}function Hd(){try{localStorage.removeItem(Dr)}catch{}}function Ln({className:t}){return e.jsxs("svg",{viewBox:"0 6 15 9",fill:"currentColor","aria-hidden":"true",className:t,children:[e.jsx("rect",{x:"2",y:"6",width:"11",height:"7"}),e.jsx("rect",{x:"0",y:"9",width:"2",height:"2"}),e.jsx("rect",{x:"13",y:"9",width:"2",height:"2"}),e.jsx("rect",{x:"3",y:"13",width:"1",height:"2"}),e.jsx("rect",{x:"5",y:"13",width:"1",height:"2"}),e.jsx("rect",{x:"9",y:"13",width:"1",height:"2"}),e.jsx("rect",{x:"11",y:"13",width:"1",height:"2"}),e.jsx("rect",{className:"fill-black",x:"4",y:"8",width:"1",height:"2"}),e.jsx("rect",{className:"fill-black",x:"10",y:"8",width:"1",height:"2"})]})}function Kd({reduceMotion:t}){return e.jsxs("div",{"aria-hidden":"true",className:"relative h-24 overflow-hidden rounded-lg bg-slate-950 ring-1 ring-black/10 dark:ring-white/10",children:[e.jsx("div",{className:"absolute -left-10 -top-12 h-36 w-56 rounded-full bg-indigo-600/25 blur-3xl"}),e.jsx("div",{className:"absolute -right-8 top-2 h-32 w-48 rounded-full bg-sky-500/15 blur-3xl"}),e.jsx("div",{className:"absolute bottom-[-3rem] left-1/3 h-32 w-64 rounded-full bg-fuchsia-500/10 blur-3xl"}),e.jsxs("div",{className:"absolute inset-x-0 top-0 flex h-[16px] items-center justify-between bg-black/45 px-2.5 backdrop-blur-sm",children:[e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"h-[3px] w-[3px] rounded-full bg-white/60"}),e.jsx("span",{className:"h-[3px] w-5 rounded-full bg-white/30"}),e.jsx("span",{className:"h-[3px] w-3.5 rounded-full bg-white/20"})]}),e.jsxs("div",{className:"flex items-center gap-2",children:[e.jsx("span",{className:"h-[3px] w-3 rounded-full bg-white/20"}),e.jsx("span",{className:"h-[3px] w-4 rounded-full bg-white/35"})]})]}),e.jsxs(ge.div,{className:"absolute left-1/2 top-0 flex h-[22px] -translate-x-1/2 items-center rounded-b-[10px] bg-black pl-2 pr-2.5 shadow-lg shadow-black/60 ring-1 ring-white/[0.06]",animate:t?void 0:{opacity:[1,.94,1]},transition:t?void 0:{duration:3.2,repeat:1/0,ease:"easeInOut"},children:[e.jsxs("span",{className:"flex items-center gap-1.5 text-[9px] font-semibold tracking-tight text-white/90 tabular-nums",children:[e.jsx(Ln,{className:"h-[9px] w-[15px] translate-y-[0.5px] text-white/90"}),"8.2M"]}),e.jsx("span",{className:"mx-2 h-2.5 w-7 rounded-[2px] bg-black"}),e.jsx("span",{className:"text-[9px] font-semibold tracking-tight text-white/90 tabular-nums",children:"$12.40"})]})]})}function Vd({enterDelay:t=0}){const{available:a,settings:r,setSetting:s}=vl(),[n,i]=d.useState(Ud),[o,u]=d.useState(!1),c=Qt(),h=d.useCallback(()=>{i(!0),Es()},[]),m=d.useCallback(()=>{if(!a){try{window.location.href="tokentracker://open"}catch{}return}s("dynamicIslandEnabled",!0),o&&s("hideMenuBarIcon",!0),Es(),i(!0),ji({title:l("dashboard.island.enabled_toast"),data:{onUndo:()=>{s("hideMenuBarIcon",!1),s("dynamicIslandEnabled",!1),Hd(),i(!1)}}})},[a,o,s]),g=a&&!!r?.dynamicIslandSupported&&!r?.dynamicIslandEnabled,x=!a&&!tn()&&!Da(),p=!n&&(g||x);return e.jsx(Dt,{initial:!1,children:p&&e.jsxs(ge.div,{initial:c?!1:{opacity:0,y:12},animate:{opacity:1,y:0},exit:c?{opacity:0}:{opacity:0,y:-8},transition:c?{duration:0}:{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:h,"aria-label":l("dashboard.island.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(Kd,{reduceMotion:c}),e.jsx("div",{className:"mt-4 flex items-start justify-between gap-3",children:e.jsxs("div",{className:"min-w-0",children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"text-sm font-medium tracking-tight text-oai-gray-900 dark:text-oai-white",children:l("dashboard.island.title")}),e.jsx("span",{className:"px-1.5 py-0.5 text-[8px] 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 scale-90 origin-left",children:l("qpd.card.badge")})]}),e.jsx("div",{className:"text-xs text-oai-gray-500 dark:text-oai-gray-400 mt-1 leading-snug",children:l("dashboard.island.hint")})]})}),a?e.jsxs("div",{className:"mt-3 flex items-center justify-between gap-3 rounded-lg bg-oai-gray-50 px-3 py-2.5 dark:bg-oai-gray-800/60",children:[e.jsxs("div",{className:"min-w-0",children:[e.jsx("div",{className:"text-xs font-medium text-oai-gray-800 dark:text-oai-gray-200",children:l("settings.labs.island_hide_menubar.label")}),e.jsx("div",{className:"mt-0.5 text-[11px] leading-snug text-oai-gray-500 dark:text-oai-gray-400",children:l("settings.labs.island_hide_menubar.hint")})]}),e.jsx(jl,{checked:o,onChange:()=>u(f=>!f),ariaLabel:l("settings.labs.island_hide_menubar.aria")})]}):null,e.jsxs("div",{className:"mt-3 flex items-center gap-3",children:[e.jsx(ge.button,{type:"button",onClick:m,whileHover:c?void 0:{scale:1.03},whileTap:c?void 0:{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:a?l("dashboard.island.enable"):l("local_only.open_app")}),e.jsxs("a",{href:"/settings?section=labs",className:"inline-flex items-center gap-0.5 text-xs font-medium text-oai-gray-500 hover:text-oai-gray-700 dark:text-oai-gray-400 dark:hover:text-oai-gray-200 transition-colors",children:[l("dashboard.island.settings_link"),e.jsx(Cr,{size:12,strokeWidth:2,"aria-hidden":!0})]})]})]},"island-onboarding-card")})}const En="linuxTopBarCardDismissed",Wd="https://github.com/xiufengsun/TokenTracker/tree/main/TokenTrackerLinux/gnome-extension/tokentracker@tokentracker.cc#readme";function Gd(){try{return localStorage.getItem(En)==="1"}catch{return!1}}function qd(){try{localStorage.setItem(En,"1")}catch{}}function Yd(){return e.jsxs("div",{"aria-hidden":"true",className:"relative h-24 overflow-hidden rounded-lg bg-slate-800 ring-1 ring-black/10 dark:ring-white/10",children:[e.jsx("div",{className:"absolute -left-10 top-4 h-36 w-56 rounded-full bg-orange-500/20 blur-3xl"}),e.jsx("div",{className:"absolute -right-8 top-8 h-32 w-48 rounded-full bg-purple-600/25 blur-3xl"}),e.jsxs("div",{className:"absolute inset-x-0 top-0 flex h-[22px] items-center gap-2 bg-black px-2.5",children:[e.jsx("div",{className:"flex min-w-0 flex-1 basis-0 items-center",children:e.jsx("span",{className:"h-[7px] w-7 rounded-full bg-white/70"})}),e.jsx("span",{className:"h-[3px] w-10 shrink rounded-full bg-white/60"}),e.jsxs("div",{className:"flex flex-1 basis-0 items-center justify-end gap-2",children:[e.jsxs("span",{className:"flex shrink-0 items-center gap-1 whitespace-nowrap rounded-full bg-white/15 px-1.5 py-0.5 text-[9px] font-semibold tracking-tight text-white/90 tabular-nums",children:[e.jsx(Ln,{className:"h-[9px] w-[15px] translate-y-[0.5px] text-white/90"}),l("dashboard.linux_topbar.preview_readout")]}),e.jsx("span",{className:"h-[5px] w-[5px] rounded-full bg-white/50"}),e.jsx("span",{className:"h-[5px] w-[5px] rounded-full bg-white/50"}),e.jsx("span",{className:"h-[5px] w-2.5 rounded-sm bg-white/50"})]})]}),e.jsxs("div",{className:"absolute right-10 top-[26px] w-28 rounded-md bg-oai-gray-900/95 p-1.5 ring-1 ring-white/10",children:[e.jsxs("div",{className:"flex gap-1",children:[e.jsx("span",{className:"h-5 flex-1 rounded bg-white/10"}),e.jsx("span",{className:"h-5 flex-1 rounded bg-white/10"})]}),e.jsx("span",{className:"mt-1.5 block h-[3px] w-3/4 rounded-full bg-white/30"}),e.jsx("span",{className:"mt-1 block h-[3px] w-1/2 rounded-full bg-white/20"}),e.jsx("span",{className:"mt-1 block h-[3px] w-2/3 rounded-full bg-white/20"})]})]})}function Zd({enterDelay:t=0}){const[a,r]=d.useState(Gd),s=Qt(),n=d.useCallback(()=>{r(!0),qd()},[]),i=Da()&&Ni()&&!a;return e.jsx(Dt,{initial:!1,children:i&&e.jsxs(ge.div,{initial:s?!1:{opacity:0,y:12},animate:{opacity:1,y:0},exit:s?{opacity:0}:{opacity:0,y:-8},transition:s?{duration:0}:{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:n,"aria-label":l("dashboard.linux_topbar.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.jsxs("div",{className:"min-w-0 pr-6",children:[e.jsx("div",{className:"text-sm font-medium tracking-tight text-oai-gray-900 dark:text-oai-white",children:l("dashboard.linux_topbar.title")}),e.jsx("div",{className:"text-xs text-oai-gray-500 dark:text-oai-gray-400 mt-1 leading-snug",children:l("dashboard.linux_topbar.hint")})]}),e.jsx("div",{className:"mt-3",children:e.jsx(Yd,{})}),e.jsx("div",{className:"mt-3 flex items-center gap-3",children:e.jsxs(ge.a,{href:Wd,target:"_blank",rel:"noopener noreferrer",whileHover:s?void 0:{scale:1.03},whileTap:s?void 0:{scale:.97},className:"inline-flex items-center gap-1 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:[l("dashboard.linux_topbar.setup"),e.jsx(Cr,{size:12,strokeWidth:2,"aria-hidden":!0})]})})]},"linux-topbar-card")})}const In="linuxPetCardDismissed";function Jd(){try{return localStorage.getItem(In)==="1"}catch{return!1}}function Qd(){try{localStorage.setItem(In,"1")}catch{}}function Xd({enterDelay:t=0}){const{available:a,loaded:r,settings:s,setSetting:n}=_l(),[i,o]=d.useState(Jd),u=Qt(),c=d.useCallback(()=>{o(!0),Qd()},[]),h=d.useCallback(()=>{n("visible",!0)},[n]),m=Da()&&a&&r&&!s.visible&&!i;return e.jsx(Dt,{initial:!1,children:m&&e.jsxs(ge.div,{initial:u?!1:{opacity:0,y:12},animate:{opacity:1,y:0},exit:u?{opacity:0}:{opacity:0,y:-8},transition:u?{duration:0}:{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:c,"aria-label":l("dashboard.linux_pet.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.jsxs("div",{className:"flex items-center gap-3 pr-6",children:[e.jsx("div",{className:"flex-shrink-0",children:e.jsx(cn,{state:"happy",size:56})}),e.jsxs("div",{className:"min-w-0",children:[e.jsx("div",{className:"text-sm font-medium tracking-tight text-oai-gray-900 dark:text-oai-white",children:l("dashboard.linux_pet.title")}),e.jsx("div",{className:"text-xs text-oai-gray-500 dark:text-oai-gray-400 mt-1 leading-snug",children:l("dashboard.linux_pet.hint")})]})]}),e.jsxs("div",{className:"mt-3 flex items-center gap-3",children:[e.jsx(ge.button,{type:"button",onClick:h,whileHover:u?void 0:{scale:1.03},whileTap:u?void 0:{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:l("dashboard.linux_pet.show")}),e.jsxs("a",{href:"/pet-settings",className:"inline-flex items-center gap-0.5 text-xs font-medium text-oai-gray-500 hover:text-oai-gray-700 dark:text-oai-gray-400 dark:hover:text-oai-gray-200 transition-colors",children:[l("dashboard.linux_pet.settings_link"),e.jsx(Cr,{size:12,strokeWidth:2,"aria-hidden":!0})]})]})]},"linux-pet-card")})}function eu({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),g=Ct([t,a,r,s,n]),x=d.useCallback(async()=>{if(!t)return;const p=g();c(!0),m(null);try{const f=await Oe(s);if(!p())return;const b=await Si({from:a,to:r,device:n,accessToken:f});if(!p())return;o(b||null)}catch(f){if(!p())return;m(f?.message||String(f)),o(null)}finally{p()&&c(!1)}},[t,a,r,s,n,g]);return d.useEffect(()=>{if(!t){o(null),m(null),c(!1);return}o(null),m(null),c(!0),x()},[t,x]),{data:i,loading:u,error:h,refresh:x}}function Rn(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 tu(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 au({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:Rn(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:tu(t.cost_usd,t.accepted)})]})}function ru({from:t,to:a,deviceId:r=null}){const{formatTokens:s,formatTokensTooltip:n}=Te(),{enabled:i}=Nl(),{data:o,loading:u}=eu({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(x=>x.outcomes>0&&x.key!=="unknown");if(!c.length)return null;const h=c.slice(0,6),m=o.totals||{},g=`${l("qpd.card.subtitle")}${u?` ${l("qpd.card.updating")}`:""}`;return e.jsxs(Me,{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:g}),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(x=>e.jsx(au,{row:x},x.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:Rn(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 su=new Set(["unknown","synthetic","openai"]);function lr(t){return t==null?"—":`${Math.round(t*100)}%`}function nu(t){return t==null?"—":t<1?`$${t.toFixed(4)}`:`$${t.toFixed(2)}`}function Ze(t){const a=Number(t);return Number.isFinite(a)?new Intl.NumberFormat().format(Math.round(a)):"0"}function ou(t){const r=String(t?.model||"").trim().toLowerCase().replace(/^<|>$/g,"");return!!r&&!su.has(r)&&Number(t?.edit_turns||0)>0}function Is(){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 iu({from:t,to:a}){const[r,s]=d.useState({loading:!0,sessions:null,context:null}),n=d.useId(),{enabled:i}=Sl(),{formatTokens:o}=Te(),u=y=>o(y,{mode:Gt.COMPACT});d.useEffect(()=>{if(!i){s({loading:!1,sessions:null,context:null});return}let y=!1;return s(v=>({...v,loading:!0})),Promise.all([Ci({from:t,to:a}),Ti()]).then(([v,w])=>{y||s({loading:!1,sessions:v,context:w})}).catch(()=>{y||s({loading:!1,sessions:null,context:null})}),()=>{y=!0}},[i,t,a]);const c=d.useMemo(()=>(r.sessions?.by_model||[]).filter(ou).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||{},g=m.edit_session_rate??m.productive_rate,x=m.first_pass_rate??m.one_shot_rate,p=m.edit_sessions??m.productive_sessions??0,f=m.sessions??r.sessions?.session_count??0,b=m.edit_turns??0;return r.loading&&!r.sessions&&!r.context?e.jsxs(Me,{children:[e.jsx(Is,{}),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(Me,{children:[e.jsx(Is,{}),e.jsxs("div",{className:"grid grid-cols-3 gap-2 mb-3",children:[e.jsx(cr,{label:l("sessions.card.edit_sessions"),value:lr(g),detail:l("sessions.card.edit_session_value",{edits:Ze(p),sessions:Ze(f)})}),e.jsx(cr,{label:l("sessions.card.first_pass"),value:lr(x),detail:l("sessions.card.edit_session_value",{edits:Ze(m.first_pass_sessions??m.one_shot_sessions??0),sessions:Ze(p)})}),e.jsx(cr,{label:l("sessions.card.cost_edit"),value:nu(m.cost_per_edit),detail:l("sessions.card.edit_turn_count",{count:Ze(b)})})]}),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:Ze(f),edits:Ze(b)})}),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(y=>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:y.model,children:y.model}),e.jsx("td",{className:"py-2 pl-2 text-right tabular-nums",children:l("sessions.card.edit_session_value",{edits:Ze(y.edit_sessions??y.productive_sessions??0),sessions:Ze(y.sessions)})}),e.jsx("td",{className:"py-2 pl-2 text-right tabular-nums",children:lr(y.first_pass_rate??y.one_shot_rate)}),e.jsx("td",{className:"py-2 text-right tabular-nums",children:u(y.tokens_per_edit)})]},y.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(y=>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:y.name,calls:Math.round(y.calls)})},y.name))]}),e.jsx("p",{className:"mt-2 text-[10px] text-oai-gray-400 dark:text-oai-gray-500",children:l("sessions.card.privacy")})]})}function cr({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 ce({className:t}){return e.jsx("div",{className:Nt("rounded bg-oai-gray-200/70 dark:bg-oai-gray-800/70 animate-pulse",t)})}function lu(){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(ce,{className:"h-2.5 w-2.5 rounded-[2px]"},s))},a))})}function cu(){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(Me,{children:e.jsxs("div",{className:"flex flex-col gap-2.5",children:[e.jsx(ce,{className:"h-4 w-32"}),e.jsx(ce,{className:"h-6 w-24"})]})}),e.jsx(Me,{children:e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsx(ce,{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(ce,{className:"h-3 w-20"}),e.jsx(ce,{className:"h-3 w-12"})]},a))]})}),e.jsx(Me,{children:e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsx(ce,{className:"h-3.5 w-20"}),e.jsx(lu,{})]})}),e.jsx(Me,{children:e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsx(ce,{className:"h-3.5 w-28"}),e.jsx(ce,{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(Me,{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(ce,{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(ce,{className:"h-8 w-20 rounded-md"}),e.jsx(ce,{className:"h-8 w-8 rounded-md"})]})]}),e.jsxs("div",{className:"flex flex-col items-center gap-4 mb-8",children:[e.jsx(ce,{className:"h-3 w-28"}),e.jsx(ce,{className:"h-14 w-3/5 max-w-xs"}),e.jsx(ce,{className:"h-6 w-24"})]}),e.jsxs("div",{className:"flex flex-col gap-6",children:[e.jsx(ce,{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(ce,{className:"h-[15px] w-[15px] rounded-sm shrink-0"}),e.jsx(ce,{className:"h-3 w-12"})]}),e.jsx(ce,{className:"h-5 w-10"}),e.jsx(ce,{className:"h-2.5 w-14"})]},a))})]})]}),e.jsxs(Me,{children:[e.jsxs("div",{className:"flex items-center gap-1 mb-4",children:[e.jsx(ce,{className:"h-7 w-16 rounded"}),e.jsx(ce,{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(ce,{className:"h-3 w-20 shrink-0"}),Array.from({length:5},(t,a)=>e.jsx(ce,{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(ce,{className:"h-3.5 w-20 shrink-0"}),Array.from({length:5},(r,s)=>e.jsx(ce,{className:"h-3.5 flex-1"},s))]},a))})]})]})]})}const du=Dl.slice(0,10),Rs=.06,uu=.11,mu=.05,hu=new Set(["macAppBanner","widgetOnboarding","linuxTopBarCard"]);function Fs({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:du,columnCount:6})})})]})]}),e.jsx("div",{className:"lg:col-span-5 flex justify-center",children:e.jsxs(ge.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 xu(t){const{copy:a,onOpenShare:r,screenshotMode:s,showExpiredGate:n,showAuthGate:i,identityDisplayName:o,identityStartDate:u,activeDays:c,identitySubscriptions:h,identityScrambleDurationMs:m,projectUsageEntries:g,projectUsageLimit:x,setProjectUsageLimit:p,projectDetailQuery:f,topModels:b,signedIn:y,publicMode:v,isLocalMode:w,shouldShowInstall:A,installPrompt:T,handleCopyInstall:M,installCopied:D,installInitCmdDisplay:P,trendRowsForDisplay:N,trendFromForDisplay:j,trendToForDisplay:C,trendZoomConfig:I,usageFrom:z,usageTo:F,period:L,trendTimeZoneLabel:B,activityHeatmapBlock:K,periodsForDisplay:q,setSelectedPeriod:_,customFrom:$,customTo:U,onCustomRangeApply:ae,customRangeOpen:me,onCustomRangeOpenChange:V,summaryLabel:ie,summaryValue:le,summaryFullValue:Ne,hasSummary:we,summaryLoading:Le,providersLoading:Q,onToggleSummaryFormat:O,summaryTotalTokensRaw:ne,summaryCostValue:ee,summaryConversationsValue:re,rollingUsage:be,costInfoEnabled:W,openCostModal:Y,costModalOpen:X,closeCostModal:ue,allowBreakdownToggle:$e,refreshAll:De,usageLoadingState:he,announceUsageLoading:S,initialDashboardLoading:Z,fleetData:H,hasDetailsActual:se,dailyEmptyPrefix:xe,installSyncCmd:ke,dailyEmptySuffix:rt,detailsColumns:fe,ariaSortFor:ye,toggleSort:Pe,sortIconFor:Be,pagedDetails:Mt,dailyBreakdownRows:ht,dailyBreakdownColumns:Ke,dailyBreakdownAriaSortFor:Ma,dailyBreakdownSortIconFor:Xe,dailyBreakdownDateKey:La,detailsDateKey:Ea,renderDetailDate:xt,renderDailyBreakdownDate:J,renderDetailCell:Xt,DETAILS_PAGED_PERIODS:_e,detailsPageCount:ve,detailsPage:Ce,setDetailsPage:gt,deviceOptions:Lt,selectedDevice:ea,onDeviceChange:ta,deviceUsageBlock:Et,leftCardOrder:Ia,onLeftReorder:Ve,rightCardOrder:aa,onRightReorder:st}=t,It=null,Ra=null,[ra,sa]=d.useState(()=>new Set),Rt=d.useCallback((de,oe)=>{hu.has(de)&&sa(Se=>{if(Se.has(de)===oe)return Se;const et=new Set(Se);return oe?et.add(de):et.delete(de),et})},[]),Fa={macAppBanner:w,statsPanel:!0,islandOnboarding:w,linuxPetCard:w,widgetOnboarding:w,linuxTopBarCard:w,installCopy:A,activityHeatmap:!!K,deviceUsage:!!Et,trendMonitor:!s,qualityPerDollar:!s,sessionInsights:w&&!s},Ft=(Ia||[]).filter(de=>Fa[de]&&!ra.has(de)),$t={usageOverview:!0,dataDetails:!s},$a=(aa||[]).filter(de=>$t[de]&&!ra.has(de));function qe(de,oe){switch(de){case"macAppBanner":return e.jsx(Bd,{todayTokens:ne,isSyncing:he,enterDelay:oe});case"statsPanel":return e.jsx(nt,{delay:oe,children:e.jsx(Vc,{title:a("dashboard.identity.title"),subtitle:a("dashboard.identity.subtitle"),period:L,startDate:u??a("identity_card.rank_placeholder"),streakDays:c,subscriptions:h,periodConversations:re,rolling:be,topModels:b})});case"islandOnboarding":return e.jsx(Vd,{enterDelay:oe});case"linuxPetCard":return e.jsx(Xd,{enterDelay:oe});case"widgetOnboarding":return e.jsx(Od,{enterDelay:oe});case"linuxTopBarCard":return e.jsx(Zd,{enterDelay:oe});case"installCopy":return e.jsx(nt,{delay:oe,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(ge.button,{onClick:M,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:P}),e.jsx(ge.span,{initial:{opacity:0,y:-5},animate:{opacity:1,y:0},className:"text-xs text-oai-brand",children:D?"Copied ✓":"Copy"},D?"copied":"copy")]})]})});case"activityHeatmap":return e.jsx(nt,{delay:oe,children:K});case"deviceUsage":return e.jsx(nt,{delay:oe,children:Et});case"trendMonitor":return e.jsx(nt,{delay:oe,children:e.jsx(an,{rows:N,from:j,to:C,period:L,timeZoneLabel:B,showTimeZoneLabel:!1,zoomConfig:I})});case"qualityPerDollar":return e.jsx(ru,{from:z,to:F,deviceId:ea});case"sessionInsights":return e.jsx(iu,{from:z,to:F});default:return null}}function na(de,oe){switch(de){case"usageOverview":return e.jsx(nt,{delay:oe,children:e.jsx(Dd,{period:L,periods:q,onPeriodChange:_,summaryLabel:ie,summaryValue:le,summaryFullValue:Ne,hasSummary:we,summaryLoading:Le,providersLoading:Q,onToggleSummaryFormat:we?O:null,summaryCostValue:ee,onCostInfo:W?Y:null,fleetData:H,onRefresh:s?null:De,loading:he,announceLoading:S,onOpenShare:s?null:r,customFrom:$,customTo:U,onCustomRangeApply:ae,customRangeOpen:me,onCustomRangeOpenChange:V,from:z,to:F,deviceOptions:Lt,selectedDevice:ea,onDeviceChange:ta})});case"dataDetails":return e.jsx(nt,{delay:oe,children:e.jsx(Hc,{projectEntries:g,projectLimit:x,onProjectLimitChange:p,projectDetailQuery:f,copy:a,hasDetailsActual:se,dailyEmptyPrefix:xe,installSyncCmd:ke,dailyEmptySuffix:rt,detailsColumns:fe,ariaSortFor:ye,toggleSort:Pe,sortIconFor:Be,pagedDetails:Mt,dailyBreakdownRows:ht,dailyBreakdownColumns:Ke,dailyBreakdownAriaSortFor:Ma,dailyBreakdownSortIconFor:Xe,dailyBreakdownDateKey:La,detailsDateKey:Ea,renderDetailDate:xt,renderDailyBreakdownDate:J,renderDetailCell:Xt,DETAILS_PAGED_PERIODS:_e,period:L,detailsPageCount:ve,detailsPage:Ce,setDetailsPage:gt})});default:return null}}const We=al(ns(ll,{activationConstraint:{distance:6}}),ns(il,{coordinateGetter:ol})),pe=d.useCallback(de=>{const{active:oe,over:Se}=de;!Se||oe.id===Se.id||Ve?.(String(oe.id),String(Se.id))},[Ve]),Pa=d.useCallback(de=>{const{active:oe,over:Se}=de;!Se||oe.id===Se.id||st?.(String(oe.id),String(Se.id))},[st]);function Pt(de,oe,Se,et){return s?e.jsx(e.Fragment,{children:de.map((Ae,pt)=>e.jsx(vt.Fragment,{children:oe(Ae,Se+Rs*pt)},Ae))}):e.jsx(rl,{sensors:We,onDragEnd:et,children:e.jsx(sl,{items:de,strategy:nl,children:de.map((Ae,pt)=>e.jsx(Rd,{id:Ae,onEmptyChange:Rt,children:oe(Ae,Se+Rs*pt)},Ae))})})}const oa=Pt(Ft,qe,uu,pe),Ba=Pt($a,na,mu,Pa);return e.jsxs(e.Fragment,{children:[e.jsxs(Pl,{bare:!s,hideHeader:s,header:It,footer:s?null:Ra,className:s?"screenshot-mode":"",children:[i&&e.jsx(Fs,{title:a("dashboard.auth_gate.hero_title"),desc:a("dashboard.auth_gate.desc"),copy:a,loginCard:e.jsx(os,{title:a("dashboard.auth_gate.title"),subtitle:a("dashboard.auth_gate.subtitle"),hideLogo:!0,className:"bg-transparent rounded-xl"})}),n&&e.jsx(Fs,{title:a("dashboard.expired_gate.hero_title"),desc:a("dashboard.expired_gate.desc"),copy:a,loginCard:e.jsx(os,{title:a("dashboard.expired_gate.title"),subtitle:a("dashboard.expired_gate.subtitle"),hideLogo:!0,className:"bg-transparent rounded-xl"})}),!i&&!n&&Z&&e.jsx(cu,{}),!i&&!n&&!Z&&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:oa}),e.jsx("div",{className:"lg:col-span-8 flex flex-col gap-4 min-w-0 order-1 lg:order-2",children:Ba})]})})]}),e.jsx(Rc,{isOpen:X,onClose:ue,fleetData:H})]})}function gu({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,g]=d.useState([]),[x,p]=d.useState(!1),[f,b]=d.useState(null),y=Ct([u,t,a,r,s,i,o]),v=d.useCallback(async()=>{const w=y();if(!u){h([]),g([]),p(!1),b(null);return}p(!0),b(null);try{const A=await Oe(i);if(!w())return;const T=await Di({from:t,to:a,timeZone:r,tzOffsetMinutes:s,accessToken:A});if(!w())return;h(Array.isArray(T?.devices)?T.devices:[]),g(Array.isArray(T?.account_sources)?T.account_sources:[])}catch(A){if(!w())return;b(A?.message||String(A)),h([]),g([])}finally{w()&&p(!1)}},[u,i,t,a,r,s,o,y]);return d.useEffect(()=>{h([]),g([]),b(null),u&&p(!0),v()},[u,v]),{devices:c,accountSources:m,loading:x,error:f,refresh:v}}const pu=/^Token Tracker \(dashboard\)(?: #([0-9a-fA-F]+))?$/;function $s(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 yr(t){if(!t)return null;const a=typeof t.device_name=="string"?t.device_name.trim():"",r=a.match(pu);if(!r)return a||null;const s=(r[1]||String(t.id||"")).slice(0,8).toLowerCase();return s?`${$s(t.platform)} · ${s}`:$s(t.platform)}const Ps=" · ",Bs="%";function zs({platform:t,className:a}){const r=String(t||"").toLowerCase();return r.includes("darwin")||r.includes("mac")?e.jsx(Ll,{className:a,"aria-hidden":!0}):r.includes("win")?e.jsx(Jr,{className:a,"aria-hidden":!0}):r.includes("linux")?e.jsx(Jr,{className:a,"aria-hidden":!0}):e.jsx(dn,{className:a,"aria-hidden":!0})}function Os(t,a){return a===t?.id||t?.isCurrent===!0}function fu({devices:t=[],accountSources:a=[],currentDeviceId:r="",selectedDeviceId:s="",onSelectDevice:n,onRenameDevice:i}){const{formatTokens:o,formatTokensTooltip:u}=Te(),[c,h]=d.useState(""),[m,g]=d.useState(""),[x,p]=d.useState(!1),[f,b]=d.useState(""),y=typeof i=="function",v=typeof n=="function",w=!!s,A=t.reduce((j,C)=>j+(Number(C.total_tokens)||0),0)+a.reduce((j,C)=>j+(Number(C.total_tokens)||0),0),T=d.useMemo(()=>t.filter(j=>(Number(j.total_tokens)||0)>0).sort((j,C)=>(Number(C.total_tokens)||0)-(Number(j.total_tokens)||0)),[t]);function M(j){b(""),h(j.id);const C=typeof j.device_name=="string"?j.device_name:"";g(yr(j)===C?C:"")}function D(){h(""),g(""),b("")}async function P(j){const C=m.trim();if(!(!C||x)){p(!0),b("");try{await i(j.id,C),h(""),g("")}catch{b(j.id)}finally{p(!1)}}}const N=a.filter(j=>(Number(j.total_tokens)||0)>0);return T.length===0&&N.length===0?e.jsxs(Me,{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(dn,{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(Me,{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(j=>{const C=Number(j.total_tokens)||0,I=A>0?(C/A*100).toFixed(1):"0.0",z=s===j.id,F=yr(j)||l("dashboard.device_card.unnamed"),L=c===j.id,B=z?"bg-oai-brand":w?"bg-oai-gray-300 dark:bg-oai-gray-600":"bg-oai-brand/50",K=w&&!z?"opacity-40 hover:opacity-80":"opacity-100";return e.jsxs("div",{className:"group relative",children:[L?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(zs,{platform:j.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:x,maxLength:60,placeholder:l("dashboard.device_card.rename_placeholder"),onChange:q=>g(q.target.value),onKeyDown:q=>{q.key==="Enter"?P(j):q.key==="Escape"&&D()},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:x||!m.trim(),onClick:()=>P(j),className:"text-oai-gray-400 hover:text-oai-brand dark:hover:text-white disabled:opacity-30 transition-colors p-0.5",children:e.jsx(Al,{className:"h-3.5 w-3.5"})}),e.jsx("button",{type:"button","aria-label":l("dashboard.device_card.rename_cancel"),disabled:x,onClick:D,className:"text-oai-gray-400 hover:text-oai-black dark:hover:text-white disabled:opacity-30 transition-colors p-0.5",children:e.jsx(Sr,{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 ${B}`,style:{width:`${I}%`}})})]}):e.jsxs(e.Fragment,{children:[e.jsxs("button",{type:"button","aria-pressed":z,"aria-label":`${l("dashboard.device_filter.aria")}: ${F}${Os(j,r)?` (${l("dashboard.device_card.current")})`:""}`,onClick:()=>n?.(z?"":j.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 ${K} ${z?"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(zs,{platform:j.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:F,children:F}),Os(j,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(C),className:`shrink-0 text-[13px] font-semibold tabular-nums text-oai-black dark:text-oai-white transition-opacity duration-150 ${y?"group-hover:opacity-0":""}`,children:[o(C),e.jsxs("span",{className:"text-oai-gray-400 dark:text-oai-gray-500 font-normal",children:[Ps,I,Bs]})]})]}),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 ${B}`,style:{width:`${I}%`}})})]}),y&&e.jsx("button",{type:"button","aria-label":l("dashboard.device_card.rename_aria"),onClick:()=>M(j),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(Cl,{className:"h-3 w-3"})})]}),f===j.id&&e.jsx("div",{className:"px-2 mt-1 text-xs text-red-500 font-medium",children:l("dashboard.device_card.rename_error")})]},j.id)}),N.map(j=>{const C=Number(j.total_tokens)||0,I=A>0?(C/A*100).toFixed(1):"0.0",z=w?"opacity-40":"opacity-100";return e.jsxs("div",{className:`rounded-md px-2 py-1.5 transition-all duration-200 ${z}`,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(Tt,{provider:j.source,size:14})}),e.jsx("span",{className:"block truncate text-[13px] font-medium text-oai-black dark:text-oai-white",children:jt(j.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(C),className:"shrink-0 text-[13px] font-semibold tabular-nums text-oai-black dark:text-oai-white",children:[o(C),e.jsxs("span",{className:"text-oai-gray-400 dark:text-oai-gray-500 font-normal",children:[Ps,I,Bs]})]})]}),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:`${I}%`}})})]},`account-${j.source}`)})]})]})}function $n(){return typeof window>"u"?!1:!!window?.webkit?.messageHandlers?.nativeBridge}const dt=new Map,ut=new Map;function Pn(){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||!dt.has(r))return;const s=dt.get(r);dt.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||!ut.has(r))return;const s=ut.get(r);ut.delete(r),s({ok:!!a.ok,error:typeof a.error=="string"?a.error:void 0})}))}async function yu(t){if(!$n()||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"};Pn();const r=`copy_${Date.now()}_${Math.random().toString(36).slice(2,8)}`;return new Promise(s=>{const n=window.setTimeout(()=>{ut.has(r)&&(ut.delete(r),s({ok:!1,error:"timeout"}))},8e3);ut.set(r,i=>{window.clearTimeout(n),s(i)});try{a.postMessage({type:"action",name:"copyImageToClipboard",requestId:r,dataUrl:t})}catch(i){ut.delete(r),window.clearTimeout(n),s({ok:!1,error:i?.message||String(i)})}})}async function Us(t,a){if(!$n()||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"};Pn();const s=`save_${Date.now()}_${Math.random().toString(36).slice(2,8)}`;return new Promise(n=>{const i=window.setTimeout(()=>{dt.has(s)&&(dt.delete(s),n({ok:!1,error:"timeout"}))},8e3);dt.set(s,o=>{window.clearTimeout(i),n(o)});try{r.postMessage({type:"action",name:"saveImageToDownloads",requestId:s,filename:a,dataUrl:t})}catch(o){dt.delete(s),window.clearTimeout(i),n({ok:!1,error:o?.message||String(o)})}})}const Bn=1200,zn=1630,On={broadsheet:{width:1200,height:1630},"annual-report":{width:1080,height:1865}},bu="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 dr=!1;function ku(){if(typeof document>"u"||dr)return;if(document.querySelector('link[data-share-card-fonts="true"]')){dr=!0;return}const a=document.createElement("link");a.rel="stylesheet",a.href=bu,a.dataset.shareCardFonts="true",a.crossOrigin="anonymous",document.head.appendChild(a),dr=!0}async function wu(){if(typeof document>"u")return;const t=document.fonts;if(!(!t||typeof t.ready?.then!="function"))try{await t.ready}catch{}}async function _u(t,a={}){if(typeof window>"u"||!t)return null;ku(),await wu(),await new Promise(c=>requestAnimationFrame(()=>c(null)));const{toBlob:r,toPng:s}=await Ai(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||zn,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 ur(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 Hs(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 br(t){const a=te(t);return Number.isFinite(a)?a:0}function vu(t){return t?br(t.billable_total_tokens??t.total_tokens):0}function ju(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,g=Number.isFinite(m)?Math.max(0,m):0;return{day:typeof u?.day=="string"?u.day:"",level:h,value:g,future:c}})),totalDays:r,activeDays:s}}function Nu(t){const{handle:a,startDate:r,activeDays:s,summary:n,topModels:i,rank:o,period:u,periodFrom:c,periodTo:h,heatmap:m,capturedAt:g,currency:x,exchangeRate:p}=t,f=vu(n),b=br(n?.total_cost_usd),y=Array.isArray(i)?i.slice(0,3).map(w=>({id:w?.id??null,name:typeof w?.name=="string"&&w.name?w.name:"—",tokens:br(w?.tokens),percent:typeof w?.percent=="string"&&w.percent?w.percent:"0.0"})):[],v=ju(m);return{handle:a||"—",startDate:r||null,activeDays:Number.isFinite(s)&&s>0?Math.floor(s):0,totalTokens:f,totalCost:b,period:u,periodFrom:c,periodTo:h,topModels:y,rank:typeof o=="number"&&Number.isFinite(o)&&o>0?Math.floor(o):null,heatmapWeeks:v.weeks,heatmapTotalDays:v.totalDays,heatmapActiveDays:v.activeDays,capturedAt:g||new Date().toISOString(),currency:typeof x=="string"&&x.length>0?x.toUpperCase():"USD",exchangeRate:Number.isFinite(p)&&p>0?p:1}}const Su=["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 Cu(t){const a=Su[t];return a?l(a):"—"}function Un(t,a){return l("share.date.month_year",{month:Cu(t),year:a})}function Tu(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:Un(n,r)}function Du(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 Un(a.getUTCMonth(),a.getUTCFullYear())}return l(`usage.period.${t.period}`)}function kr(t){return Number.isFinite(t)?Math.round(t).toLocaleString("en-US"):"—"}function Hn(t,a={}){const{currency:r="USD",rate:s=1}=a,n=Yt(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 Au(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 Mu(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 Lu(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 Eu({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),g=7*m+6*s;return e.jsx("svg",{width:r,height:g,viewBox:`0 0 ${r} ${g}`,xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,style:{display:"block"},children:t.map((x,p)=>(Array.isArray(x)?x:[]).map((b,y)=>{if(y>=7)return null;const v=Lu(b),w=p*(m+s),A=y*(m+s),T=v===null?u:o[v];return e.jsx("rect",{x:w,y:A,width:m,height:m,rx:n,ry:n,fill:T},`${p}-${y}`)}))})}const Iu=At("oklch(0.97 0.01 85)"),Fe=At("oklch(0.18 0.02 85)"),tt=At("oklch(0.38 0.015 85)"),Ks=At("oklch(0.55 0.012 85)"),it=At("oklch(0.55 0.22 25)"),lt='"Instrument Serif", "Times New Roman", Georgia, serif',Ru='"Inter Tight", "Helvetica Neue", Arial, sans-serif',Fu=["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(At);function Kn({data:t}){const a=Du(t),r=kr(t.totalTokens),s=Hn(t.totalCost,{currency:t.currency,rate:t.exchangeRate}),n=Tu(t.startDate),i=Mu(r,{baseSize:188,baseChars:9,shrinkPerChar:14,minSize:104}),o=Au(t),u=Array.isArray(t.heatmapWeeks)&&t.heatmapWeeks.length>0;return e.jsxs("div",{style:{width:"100%",height:"100%",background:Iu,color:Fe,fontFamily:Ru,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 ${Ks}`},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:14,fontSize:14,fontWeight:500,letterSpacing:"0.22em",textTransform:"uppercase",color:Fe},children:[e.jsx("div",{style:{width:10,height:10,borderRadius:"50%",background:it}}),"The Token Tracker"]}),e.jsxs("div",{style:{fontSize:12,letterSpacing:"0.22em",textTransform:"uppercase",color:tt,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:tt,marginBottom:6},children:l("share.card.broadsheet.by")}),e.jsx("div",{style:{fontFamily:lt,fontSize:52,fontStyle:"italic",lineHeight:1,color:Fe,letterSpacing:"-0.01em"},children:t.handle})]}),e.jsxs("div",{style:{fontSize:12,letterSpacing:"0.18em",textTransform:"uppercase",color:tt,textAlign:"right",lineHeight:1.6},children:[l("share.card.broadsheet.tracked_since"),e.jsx("br",{}),e.jsx("span",{style:{color:Fe},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:it,marginBottom:10},children:l("share.card.broadsheet.total_tokens")}),e.jsx("div",{style:{fontFamily:lt,fontSize:i,fontWeight:400,lineHeight:.86,letterSpacing:"-0.032em",color:Fe,fontFeatureSettings:'"lnum" 1, "tnum" 1',whiteSpace:"nowrap",overflow:"hidden"},children:r}),e.jsxs("div",{style:{marginTop:14,fontFamily:lt,fontStyle:"italic",fontSize:34,lineHeight:1.15,color:Fe,letterSpacing:"-0.005em",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:["“",o,"”"]}),e.jsx("div",{style:{marginTop:14,height:1,background:it,width:"100%"}}),e.jsxs("div",{style:{marginTop:10,display:"flex",justifyContent:"space-between",fontSize:13,letterSpacing:"0.16em",textTransform:"uppercase",color:tt},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:Fe,fontWeight:600},children:l("share.card.broadsheet.heatmap_title")}),e.jsx("div",{style:{fontSize:11,letterSpacing:"0.18em",textTransform:"uppercase",color:tt},children:l("share.card.broadsheet.heatmap_days_on_record",{active:t.heatmapActiveDays,total:t.heatmapTotalDays})})]}),e.jsx(Eu,{weeks:t.heatmapWeeks,palette:Fu,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 ${Fe}`,paddingBottom:10,marginBottom:6},children:[e.jsx("div",{style:{fontSize:12,letterSpacing:"0.3em",textTransform:"uppercase",color:Fe,fontWeight:600},children:l("share.card.broadsheet.roster_title")}),e.jsx("div",{style:{fontSize:11,letterSpacing:"0.18em",textTransform:"uppercase",color:tt},children:l("share.card.broadsheet.roster_subtitle")})]}),t.topModels.length===0?e.jsx("div",{style:{fontFamily:lt,fontStyle:"italic",fontSize:26,color:tt,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 ${Ks}`},children:[e.jsx("div",{style:{fontFamily:lt,fontSize:34,fontStyle:"italic",color:it,lineHeight:1},children:String(h+1).padStart(2,"0")}),e.jsx("div",{style:{fontFamily:lt,fontSize:32,color:Fe,lineHeight:1.1,letterSpacing:"-0.01em",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:c.name}),e.jsx("div",{style:{fontFamily:lt,fontSize:28,color:Fe,fontFeatureSettings:'"lnum" 1, "tnum" 1',whiteSpace:"nowrap"},children:kr(c.tokens)}),e.jsxs("div",{style:{fontSize:13,letterSpacing:"0.1em",color:tt,textAlign:"right",fontFeatureSettings:'"tnum" 1'},children:[c.percent,"%"]})]},c.id||c.name))]}),e.jsxs("footer",{style:{marginTop:18,paddingTop:12,borderTop:`1px solid ${Fe}`,display:"flex",justifyContent:"space-between",alignItems:"center",fontSize:12,letterSpacing:"0.22em",textTransform:"uppercase",color:Fe},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:it},children:["№ ",t.rank!=null?t.rank:"—"]})]}),e.jsxs("span",{children:[l("share.card.broadsheet.active_days")," ",e.jsx("span",{style:{color:it},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:it},children:"→ tokentracker.cc"})]})]})]})}const $u=On["annual-report"].width,Pu="#0a0820",at="#ffffffee",ct="rgba(255,255,255,0.45)",mr="#a78bfa",Bu={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(", ")},wa={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"},wr='"Space Grotesk", "Inter Tight", sans-serif',hr='"Inter Tight", sans-serif',zu="rgba(255,255,255,0.06)",Vn=[zu,"#4a3d8f","#6b5cbe","#9060e0","#d946ef"],Wn=48,Gn=28,Ca=4,qn=20,Ou=$u-Wn*2-Gn*2,Uu=(Ou-qn*2)/3,_r=Math.min(Math.floor((Uu-Ca*6)/7),40),Hu=_r*7+Ca*6;function Ku(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 Vu(t){if(!Array.isArray(t))return[];const a={},r=Ku(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 Wu(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 Gu=["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];function qu(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 Vs(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 Yu({data:t}){const a=Wu(t.cells);return e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:16,fontWeight:600,color:ct,fontFamily:wr,marginBottom:4},children:Gu[t.month]}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:Ca},children:a.map((r,s)=>e.jsx("div",{style:{display:"flex",gap:Ca},children:r.map((n,i)=>{const o=n?Math.min(4,Math.max(0,n.level||0)):-1;return e.jsx("div",{style:{width:_r,height:_r,borderRadius:4,background:o<0?"transparent":Vn[o]}},i)})},s))})]})}function Zu({data:t}){const a=Vu(t.heatmapWeeks),r=qu(t.heatmapWeeks),s=t.topModels[0],n=t.avatarUrl||null,i=Vs(n),o=Vs("/neon_bg.png"),u=(t.handle||"?")[0].toUpperCase(),c=16;return e.jsxs("div",{style:{width:"100%",height:"100%",background:Pu,fontFamily:wr,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:Wn,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:ct,lineHeight:1.2},children:"Token Tracker"}),e.jsx("div",{style:{fontSize:36,fontWeight:700,lineHeight:1.15,color:at},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:at},children:u})}),e.jsx("div",{style:{fontSize:32,fontWeight:700,color:at},children:t.handle})]})]}),e.jsxs("div",{style:{...Bu,borderRadius:22,padding:Gn,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:ct},children:[e.jsx("span",{children:l("share.card.annual.less")}),Vn.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,${Hu}px)`,gap:`8px ${qn}px`,justifyContent:"center"},children:a.map(h=>e.jsx(Yu,{data:h},h.month))})]}),e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:c,marginBottom:c},children:[e.jsxs("div",{style:{...wa,borderRadius:22,padding:"28px 16px",textAlign:"center"},children:[e.jsx("div",{style:{fontFamily:hr,fontSize:52,fontWeight:700,color:at,letterSpacing:"-0.02em",lineHeight:1},children:kr(t.totalTokens)}),e.jsx("div",{style:{fontSize:22,color:ct,marginTop:12},children:l("share.card.annual.total_tokens")})]}),e.jsxs("div",{style:{...wa,borderRadius:22,padding:"28px 16px",textAlign:"center"},children:[e.jsx("div",{style:{fontFamily:hr,fontSize:52,fontWeight:700,color:at,letterSpacing:"-0.02em",lineHeight:1},children:Hn(t.totalCost,{currency:t.currency,rate:t.exchangeRate})}),e.jsx("div",{style:{fontSize:22,color:ct,marginTop:12},children:l("share.card.annual.estimated_cost")})]})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:c},children:[e.jsxs("div",{style:{...wa,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:mr,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:ct},children:l("share.card.annual.longest_streak")})]}),e.jsx("span",{style:{fontFamily:hr,fontSize:28,fontWeight:700,color:at},children:l("share.card.annual.days_count",{days:r})})]}),e.jsxs("div",{style:{...wa,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:mr,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:ct},children:l("share.card.annual.top_model")})]}),e.jsx("span",{style:{fontFamily:wr,fontSize:28,fontWeight:700,color:at},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:at},children:"Token Tracker"})]}),e.jsx("span",{style:{fontSize:22,fontWeight:600,color:mr},children:"tokentracker.cc"})]})]})]})}const Yn=[{id:"annual-report",labelKey:"share.variant.neon"},{id:"broadsheet",labelKey:"share.variant.broadsheet"}],Ju={broadsheet:Kn,"annual-report":Zu};function Zn(t){return On[t]||{width:Bn,height:zn}}function Qu(t){const a=Yn.find(r=>r.id===t);return a?.labelKey?l(a.labelKey):t}const Ws=d.forwardRef(function({data:a,variant:r},s){const n=Ju[r]||Kn,{width:i,height:o}=Zn(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 _a(){return typeof window>"u"?!1:!!window?.webkit?.messageHandlers?.nativeBridge}const Xu=440;function em(){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 xr({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 tm({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:g,push:x}=em(),p=en(),f=d.useMemo(()=>{const N=p?.user;if(!N||typeof N!="object")return null;const j=N.user_metadata||{},C=N.profile||{},I=j.avatar_url||j.picture||C.avatar_url||N.avatar_url;return typeof I=="string"&&I.trim()?I.trim():null},[p?.user]);d.useEffect(()=>{t&&(i(null),u(r?.handle||""))},[t,r?.handle]);const b=r&&{...r,handle:o||r.handle,avatarUrl:f},{width:y,height:v}=Zn(c),w=Xu/y;d.useEffect(()=>{if(!t)return;const N=j=>{j.key==="Escape"&&a?.()};return window.addEventListener("keydown",N),()=>window.removeEventListener("keydown",N)},[t,a]);const A=d.useCallback(async()=>{const N=m.current;if(!N)return null;try{return await _u(N)}catch(j){return console.warn("[share] capture failed",j),null}},[]),T=d.useCallback(async()=>{if(n)return;i("copy");const N=await A();if(!N){x(l("share.toast.failed"),"error"),i(null);return}let j=!1;if(_a()){const C=await ur(N);C&&(j=(await yu(C)).ok)}else j=await Qr(N);x(j?l("share.toast.copied"):l("share.toast.failed"),j?"success":"error"),i(null)},[n,A,x]),M=d.useCallback(()=>`tokentracker-share-${Date.now()}.png`,[]),D=d.useCallback(async()=>{if(n)return;i("download");const N=await A();if(!N){x(l("share.toast.failed"),"error"),i(null);return}if(_a()){const C=await ur(N);if(C&&(await Us(C,M())).ok){x(l("share.toast.downloaded"),"success"),i(null);return}}const j=Hs(N,M());x(j?l("share.toast.downloaded"):l("share.toast.failed"),j?"success":"error"),i(null)},[n,A,M,x]),P=d.useCallback(async()=>{if(n)return;i("x");const N=await A();if(!N){x(l("share.toast.failed"),"error"),i(null);return}if(_a()){const z=await ur(N);z&&(await Us(z,M()),x(l("share.toast.downloaded"),"success"))}else await Qr(N)?x(l("share.toast.copied"),"success"):Hs(N,M());const j=new URL("https://twitter.com/intent/tweet");s&&j.searchParams.set("text",s);const C=p?.user?.id,I=typeof C=="string"&&C?`/u/${C}`:"/";if(j.searchParams.set("url",`https://www.tokentracker.cc${I}?ref=share`),_a())try{window.webkit?.messageHandlers?.nativeBridge?.postMessage({type:"action",name:"openURL",value:j.toString()})}catch{window.open(j.toString(),"_blank","noopener,noreferrer")}else window.open(j.toString(),"_blank","noopener,noreferrer");i(null)},[n,A,x,s,M,p]);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:N=>{N.target===N.currentTarget&&a?.()},children:[e.jsx("div",{"aria-hidden":!0,style:{position:"fixed",left:0,top:0,width:y,height:v,pointerEvents:"none",opacity:0,zIndex:-1,clip:"rect(0,0,0,0)",overflow:"hidden"},children:e.jsx(Ws,{ref:m,data:b,variant:c})}),e.jsxs(ge.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:y*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:y,height:v,transform:`scale(${w})`,transformOrigin:"top left"},children:e.jsx(Ws,{data:b,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:N=>u(N.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:Yn.map(N=>e.jsx("button",{type:"button",onClick:()=>h(N.id),className:["flex-1 px-3 py-2 text-sm rounded-lg border transition-colors",c===N.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:Qu(N.id)},N.id))})]}),e.jsxs("div",{className:"grid grid-cols-1 gap-2",children:[e.jsxs(xr,{onClick:P,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(xr,{onClick:D,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(xr,{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(Dt,{children:g?e.jsx(ge.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",g.kind==="error"?"bg-red-600 text-white":g.kind==="success"?"bg-oai-black dark:bg-oai-white text-oai-white dark:text-oai-black":"bg-oai-gray-800 text-white"].join(" "),children:g.text})},g.id):null})]})]}):null}function am(t){const{enabled:a,handle:r,startDate:s,activeDays:n,summary:i,topModels:o,period:u,periodFrom:c,periodTo:h,heatmap:m,accessToken:g,userId:x,currency:p,exchangeRate:f}=t,[b,y]=d.useState(null),v=f;return d.useEffect(()=>{if(!a||!x&&!mt())return;let w=!1;return(async()=>{try{const T=await Mi({accessToken:g,userId:x,period:u==="day"||u==="custom"?"week":u,metric:"all",limit:100,offset:0});if(w)return;const D=(Array.isArray(T?.entries)?T.entries:Array.isArray(T)?T:[]).find(N=>N?.is_me===!0),P=typeof D?.rank=="number"?D.rank:null;y(P)}catch{w||y(null)}})(),()=>{w=!0}},[a,g,x,u]),d.useMemo(()=>Nu({handle:r,startDate:s,activeDays:n,summary:i,topModels:o,rank:b,period:u,periodFrom:c,periodTo:h,heatmap:m,currency:p,exchangeRate:typeof v=="number"?v:void 0}),[r,s,n,i,o,b,u,c,h,m,p,v])}function Gs(t,a,r){const s=t?.current;if(s&&Object.is(s.key,a))return s.promise;const n=Promise.resolve().then(r),i={key:a,promise:n};t.current=i;const o=()=>{t.current===i&&(t.current=null)};return n.then(o,o),n}const rm=Object.freeze({auto:!0,background:!0,allLocalSources:!0});async function sm({refreshUsageStats:t,refreshUsageLimits:a}){const r=t();a(),await r}const nm=["day","week","month","total","custom"],gr=new Set(["day","hour","month"]),Wt=new Set(["day","total","custom"]),om=["islandOnboarding","linuxPetCard","macAppBanner","statsPanel","widgetOnboarding","linuxTopBarCard","installCopy","activityHeatmap","deviceUsage","trendMonitor","qualityPerDollar","sessionInsights"],im=["usageOverview","dataDetails"];function pr(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 va(t){return t?St(t,null):null}function qs(t){return t?t?.billable_total_tokens??t?.value??t?.total_tokens:null}function lm(t){return t?t==="www.tokentracker.cc"||t==="tokentracker.cc":!1}function cm(){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:!lm(window.location.hostname)}function Ym({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}=Li(),{currency:g,rate:x}=Aa(),{mode:p,setMode:f,formatTokens:b,formatTokensTooltip:y}=Te(),[v,w]=d.useState(!1),[A,T]=d.useState(null),[M,D]=d.useState(null),[P,N]=d.useState(!1),[j,C]=d.useState(null),[I,z]=d.useState(0),[F,L]=d.useState(0),[B,K]=d.useState(null),q=d.useMemo(()=>typeof window>"u"?!1:Ei(window.location.search),[]),_=d.useMemo(()=>cm(),[]),[$,U]=d.useState(!1),ae=2200,[me,V]=d.useState(!0),[ie,le]=d.useState(!1),[Ne,we]=d.useState(!1),[Le,Q]=d.useState(!1),[O,ne]=d.useState(!1),ee=d.useRef(!1),re=mt(),be=r&&!s,W=d.useMemo(()=>be&&(typeof a=="function"||typeof a=="string"||a&&typeof a=="object")?a:null,[a,be]),Y=be?W:null,X=i?Ii(o):Y,ue=r||re||i,$e=be&&Jt(Y),De=r&&s&&!i,{accountView:he,revision:S,resolving:Z}=Ri(),H=he&&!i,se=H?Y:null,xe=Z&&!i;d.useEffect(()=>{if(!r||re){T(null),D(null),N(!1),C(null);return}if(i)return;if(!$e){T(null),D(null),N(!1),C(null);return}let k=!0;const R=()=>{T(null),D(null),N(!1),C(null)};return N(!0),C(null),(async()=>{let E=null;try{E=await Oe(Y)}catch{E=null}if(k){if(!E){R();return}try{const G={link_code:null,expires_at:null};if(!k)return;T(typeof G?.link_code=="string"?G.link_code:null),D(typeof G?.expires_at=="string"?G.expires_at:null)}catch(G){if(!k)return;T(null),D(null),C(G?.message||"Failed to load link code")}finally{if(!k)return;N(!1)}}})(),()=>{k=!1}},[t,re,r,i,$e,Y,F]);const ke=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1");d.useEffect(()=>{if(!ke&&(!r||re||i)){K(null);return}if(!ke&&!$e){K(null);return}let k=!0;return(async()=>{let R=null;try{R=await Oe(Y)}catch{R=null}if(k){if(!R&&!ke){K(null);return}try{const E=await Fi({baseUrl:t,accessToken:R});if(!k)return;K(E&&typeof E=="object"?E:null)}catch{if(!k)return;K(null)}}})(),()=>{k=!1}},[$e,t,Y,re,i,r]);const rt=d.useMemo(()=>{if(!M)return!1;const k=Date.parse(M);if(!Number.isFinite(k))return!1;const R=I||Date.now();return k<=R},[M,I]);d.useEffect(()=>{!r||re||i||!M||!rt||P||(T(null),D(null),C(null),L(k=>k+1))},[rt,M,P,re,r]),d.useEffect(()=>{if(!M||i)return;const k=Date.parse(M);if(!Number.isFinite(k))return;const R=Date.now();if(z(R),k<=R)return;const E=window.setTimeout(()=>z(Date.now()),k-R),G=()=>{typeof document>"u"||document.visibilityState==="visible"&&z(Date.now())};return typeof document<"u"&&document.addEventListener("visibilitychange",G),window.addEventListener("focus",G),()=>{window.clearTimeout(E),typeof document<"u"&&document.removeEventListener("visibilitychange",G),window.removeEventListener("focus",G)}},[M]);const fe=d.useMemo(()=>Xs(),[]),ye=d.useMemo(()=>Qs(),[]),Pe=d.useMemo(()=>$i(),[]),Be=i?null:a?.userId||a?.email||"default",[Mt,ht]=d.useState("month"),[Ke,Ma]=d.useState(null),[Xe,La]=d.useState(null),[Ea,xt]=d.useState(!1),J=q?"total":Mt,Xt=d.useMemo(()=>J==="custom"&&Ke&&Xe?{from:Ke,to:Xe}:Pi(J,{timeZone:fe,offsetMinutes:ye,now:Pe}),[Pe,J,fe,ye,Ke,Xe]),_e=Xt.from,ve=Xt.to,[Ce,gt]=d.useState(null),[Lt,ea]=d.useState(()=>Xr());d.useEffect(()=>{const k=()=>ea(Xr());return window.addEventListener(es,k),window.addEventListener("storage",k),()=>{window.removeEventListener(es,k),window.removeEventListener("storage",k)}},[]);const{devices:ta,accountSources:Et,refresh:Ia}=gu({from:_e,to:ve,timeZone:fe,tzOffsetMinutes:ye,accountView:H,accountAccessToken:se,accountRevision:S}),Ve=d.useMemo(()=>ta.filter(k=>(Number(k.total_tokens)||0)>0).map(k=>({...k,isCurrent:k.id===Lt})),[ta,Lt]),aa=d.useMemo(()=>Et.filter(k=>(Number(k.total_tokens)||0)>0),[Et]),st=H&&Ve.length>=2,It=H&&Ve.length+aa.length>=2;d.useEffect(()=>{if(!st&&!It){Ce!==null&&gt(null);return}Ce&&!Ve.some(k=>k.id===Ce)&&gt(null)},[st,It,Ve,Ce]);const Ra=d.useMemo(()=>st?[{value:"",label:l("dashboard.device_filter.all")},...Ve.map(k=>{const R=yr(k)||l("dashboard.device_card.unnamed"),E=k.isCurrent?` (${l("dashboard.device_card.current")})`:"";return{value:k.id,label:`${R}${E}`}})]:[],[st,Ve,m]),ra=It?e.jsx(fu,{devices:Ve,accountSources:aa,currentDeviceId:Lt,selectedDeviceId:Ce||"",onSelectDevice:k=>gt(k||null),onRenameDevice:async(k,R)=>{const E=await Oe(se);await Ki({deviceId:k,name:R,accessToken:E}),await Ia()}}):null,sa=d.useMemo(()=>Bi({timeZone:fe,offsetMinutes:ye}),[fe,ye]),Rt=d.useMemo(()=>zi({timeZone:fe,offsetMinutes:ye}),[fe,ye]),Fa=d.useMemo(()=>`Local time (${Rt})`,[Rt]),Ft=fe,$t=ye,$a=sa,qe=d.useMemo(()=>Nr({timeZone:fe,offsetMinutes:ye,date:Pe||new Date}),[Pe,fe,ye]),na=d.useMemo(()=>_c({period:J,selectedFrom:_e,selectedTo:ve,todayKey:qe}),[_e,J,ve,qe]),{daily:We,summary:pe,rolling:Pa,source:Pt,loading:oa,error:Ba,refresh:de}=ds({baseUrl:t,accessToken:X,guestAllowed:De,from:_e,to:ve,includeDaily:J!=="total",cacheKey:Be,timeZone:fe,tzOffsetMinutes:ye,now:Pe,accountView:H,accountAccessToken:se,accountRevision:S,accountViewResolving:xe,deviceId:Ce}),{daily:oe,loading:Se,refresh:et}=ds({baseUrl:t,accessToken:X,guestAllowed:De,from:na.from,to:na.to,includeDaily:!0,includeSummary:!1,cacheKey:Be?`${Be}.daily-breakdown`:"daily-breakdown",timeZone:fe,tzOffsetMinutes:ye,now:Pe,accountView:H,accountAccessToken:se,accountRevision:S,accountViewResolving:xe,deviceId:Ce}),{breakdown:Ae,loading:pt,refresh:Ar}=ac({baseUrl:t,accessToken:X,guestAllowed:De,from:_e,to:ve,cacheKey:Be,timeZone:fe,tzOffsetMinutes:ye,accountView:H,accountAccessToken:se,accountRevision:S,accountViewResolving:xe,deviceId:Ce}),[Jn,Qn]=d.useState(3),{entries:Xn,loading:eo,refresh:Mr}=Xl({baseUrl:t,accessToken:X,from:_e,to:ve,timeZone:fe,tzOffsetMinutes:ye}),Lr=J==="week"||J==="month",ia=J==="week"||J==="month",Er=d.useMemo(()=>We.filter(k=>k?.future?!1:!k?.day||!qe?!0:String(k.day)<=String(qe)),[We,qe]),{rows:Ye,from:to,to:ao,loading:ro,refresh:Ir}=qi({baseUrl:t,accessToken:X,guestAllowed:De,period:J,from:_e,to:ve,months:24,cacheKey:Be,timeZone:Ft,tzOffsetMinutes:$t,now:Pe,sharedRows:Lr?We:null,sharedRange:Lr?{from:_e,to:ve}:null,accountView:H,accountAccessToken:se,accountRevision:S,accountViewResolving:xe,deviceId:Ce}),so=d.useMemo(()=>({baseUrl:t,accessToken:X,guestAllowed:De,cacheKey:Be,timeZone:Ft,tzOffsetMinutes:$t,now:Pe,accountView:H,accountAccessToken:se,accountRevision:S,accountViewResolving:xe}),[t,X,De,Be,Ft,$t,Pe,H,se,S,xe]),{daily:ft,heatmap:Ge,loading:Rr,refresh:Fr}=ql({baseUrl:t,accessToken:X,guestAllowed:De,weeks:52,cacheKey:Be,timeZone:fe,tzOffsetMinutes:ye,now:Pe,accountView:H,accountAccessToken:se,accountRevision:S,accountViewResolving:xe,deviceId:Ce}),{data:la,refresh:$r}=Yi();d.useEffect(()=>{la&&typeof la=="object"&&Oi(la)},[la]);const Ue=d.useMemo(()=>J==="day"?"hour":J==="total"?"month":"day",[J]),no=d.useMemo(()=>ms(Ue),[Ue]),ca="day",oo=d.useMemo(()=>ms(ca),[]),[He,Pr]=d.useState(()=>({key:"day",dir:"desc"}));d.useEffect(()=>{Pr(k=>!gr.has(k.key)||k.key===Ue?k:{key:Ue,dir:k.dir})},[Ue]);const yt=d.useMemo(()=>gr.has(He.key)&&He.key!==Ue?{...He,key:Ue}:He,[Ue,He]),da=d.useMemo(()=>{if(J==="day")return Array.isArray(Ye)?Ye.filter(E=>E?.hour&&!E?.future):[];if(J==="total"){const E=Array.isArray(Ye)?Ye.filter(G=>G?.month&&!G?.future):[];return gc(E)}const k=Er;return!k.some(E=>!E?.missing&&!E?.future)&&We.length>0?We.filter(E=>!E?.future).slice(-30).filter(E=>E?.day):k},[J,Ye,Er,We]),Bt=d.useMemo(()=>hs(da,yt),[da,yt]),Br=d.useMemo(()=>da.some(k=>!k?.missing&&!k?.future),[da]),za=d.useMemo(()=>{if(!Wt.has(J))return 1;const k=Math.ceil(Bt.length/Sa);return k>0?k:1},[J,Bt.length]),[Oa,ua]=d.useState(0);d.useEffect(()=>{if(!Wt.has(J)){ua(0);return}ua(k=>Math.min(k,za-1))},[za,J]),d.useEffect(()=>{Wt.has(J)&&ua(0)},[J,He.dir,He.key]);const io=d.useMemo(()=>Wt.has(J)?pc(Bt,Oa,Sa):Bt,[Oa,J,Bt]),zr=d.useMemo(()=>vc(oe,{period:J}),[oe,J]),bt=d.useMemo(()=>gr.has(He.key)?{...He,key:ca}:He,[He]),lo=d.useMemo(()=>hs(zr,bt),[zr,bt]),co=d.useMemo(()=>ia?We:J==="day"?Array.isArray(Ye)?Ye.filter(k=>k?.hour):[]:Ye,[We,J,Ye,ia]),uo=ia?_e:to,mo=ia?ve:ao;function ho(k,R){if(k?.future)return"—";if(k?.missing)return l("shared.status.unsynced");if(R.endsWith("_tokens")){const E=R==="total_tokens"?va(k):k?.[R];return e.jsx("span",{title:y(E),children:b(E)})}return Na(k?.[R])}function xo(k){const R=k?.[Ue];if(R==null)return"";const E=String(R);if(Ue==="hour"){const[G,Ie]=E.split("T");if(G&&Ie)return`${G} ${Ie.slice(0,5)}`}return E}function go(k){const R=k?.[ca];return R==null?"":String(R)}function po(k){Pr(R=>R.key===k?{key:k,dir:R.dir==="asc"?"desc":"asc"}:{key:k,dir:"desc"})}function fo(k){return yt.key!==k?"none":yt.dir==="asc"?"ascending":"descending"}function yo(k){return yt.key!==k?"":yt.dir==="asc"?"▲":"▼"}function bo(k){return bt.key!==k?"none":bt.dir==="asc"?"ascending":"descending"}function ko(k){return bt.key!==k?"":bt.dir==="asc"?"▲":"▼"}const Ua=d.useMemo(()=>{if(!r&&!re&&!i&&!ke)return 0;const k=Number(Ge?.active_days);if(Number.isFinite(k))return k;let R=0;const E=new Set,G=(je,ze,Re)=>{typeof je!="string"||!je||E.has(je)||pr(ze,Re)&&(E.add(je),R+=1)};if(Array.isArray(ft))for(const je of ft)G(je?.day,va(je));const Ie=Array.isArray(Ge?.weeks)?Ge.weeks:[];for(const je of Ie)for(const ze of Array.isArray(je)?je:[]){const Re=qs(ze);G(ze?.day,Re,ze?.level)}return R},[r,re,Ge?.active_days,Ge?.weeks,ft]),[Or,Ur]=d.useState("month"),wo=d.useCallback(k=>{k==="custom"?(Ur(R=>R==="custom"?"month":R),ht(R=>Ke&&Xe?"custom":R),xt(!0)):(ht(k),Ur(k),xt(!1))},[Ke,Xe]),_o=d.useCallback((k,R)=>{Ma(k),La(R),ht("custom"),xt(!1)},[]),vo=d.useCallback(k=>{xt(k),!k&&Mt==="custom"&&!Ke&&ht(Or)},[Mt,Ke,Or]),jo=d.useRef(null),ma=d.useMemo(()=>[t||"",Be||"",H?"cloud":"local",S??"",J||"",_e||"",ve||"",qe||"",Ce||"all",fe||"",ye??""].join(""),[S,H,t,Be,_e,J,Ce,fe,qe,ve,ye]),zt=d.useCallback(async()=>Gs(jo,ma,async()=>{H&&Ui(),H||Hi(),await Promise.all([de(),Fr(),Ir(),Ar(),Mr(),et()])}),[H,et,Fr,Ar,Mr,Ir,de,ma]),No=d.useRef(null),Hr=d.useCallback(async()=>Gs(No,ma,async()=>{await sm({refreshUsageStats:zt,refreshUsageLimits:$r})}),[ma,$r,zt]),Ha=d.useRef(zt);d.useEffect(()=>{Ha.current=zt},[zt]);const Ka=d.useRef(null);d.useEffect(()=>{if(!ke||re||H)return;Ka.current||(Ka.current=ts({auto:!0,background:!0,allLocalSources:!0}));let k=!0;return Ka.current.then(()=>{if(k)return Ha.current()}).catch(R=>{k&&console.warn("[DashboardPage] Reload sync failed:",R)}),()=>{k=!1}},[ke,re,H]),d.useEffect(()=>{if(!ke||re||H)return;const k=kc({refresh:()=>Ha.current(),onError:R=>console.warn("[DashboardPage] Automatic usage refresh failed:",R)});return()=>k.stop()},[ke,re,H]);const So=d.useCallback(async()=>{Q(!0);try{ke&&await ts(rm),await Hr()}catch(k){console.error("[DashboardPage] Refresh failed:",k)}finally{Q(!1)}},[ke,Hr]),ha=Le||oa||Se||Rr||ro||pt||eo,Va=!O&&(xe||H&&ha&&!Br),Co=d.useMemo(()=>l("shared.data_source",{source:String(Pt||"edge").toUpperCase()}),[Pt,m]),xa=d.useMemo(()=>typeof a?.name!="string"?"":a.name.trim(),[a?.name]),To="",Kr=d.useMemo(()=>!xa||xa.includes("@")?l("dashboard.identity.fallback"):xa,[xa]),Vr=d.useMemo(()=>Kr.replace(/[^a-zA-Z0-9._-]/g,"_"),[Kr]),Wr=d.useMemo(()=>i?l("dashboard.identity.fallback"):Vr,[Vr,To,i]),Gr=d.useMemo(()=>{let k=null;const R=G=>{typeof G!="string"||!G||(!k||G<k)&&(k=G)};if(Array.isArray(ft))for(const G of ft)G?.day&&pr(va(G))&&R(G.day);const E=Array.isArray(Ge?.weeks)?Ge.weeks:[];for(const G of E)for(const Ie of Array.isArray(G)?G:[]){if(!Ie?.day)continue;const je=qs(Ie),ze=Ie?.level;pr(je,ze)&&R(Ie.day)}return k},[Ge?.weeks,ft]),Do=d.useMemo(()=>i?[]:(Array.isArray(B?.subscriptions?.items)?B.subscriptions.items:[]).map(E=>{const G=typeof E?.tool=="string"?E.tool.trim():"",je=(typeof E?.plan_type=="string"?E.plan_type:typeof E?.planType=="string"?E.planType:"").trim();return!G||!je?null:{tool:G,planType:je,provider:typeof E?.provider=="string"?E.provider.trim():"",product:typeof E?.product=="string"?E.product.trim():"",rateLimitTier:typeof E?.rate_limit_tier=="string"?E.rate_limit_tier.trim():typeof E?.rateLimitTier=="string"?E.rateLimitTier.trim():""}}).filter(Boolean).slice(0,6),[i,B]),Ao=e.jsx(Zi,{heatmap:Ge,timeZoneLabel:sa,timeZoneShortLabel:Rt,hideLegend:q,defaultToLatestMonth:q}),Mo=d.useMemo(()=>`${_e}..${ve}`,[_e,J,ve]),Lo=l("usage.summary.total"),Ee=pe!=null,kt=Ee?va(pe):0,Eo=b(kt),Io=d.useCallback(()=>{f(p===Gt.COMPACT?Gt.FULL:Gt.COMPACT)},[f,p]),Ro=l("dashboard.core_index.collapse_label"),Fo=l("dashboard.core_index.expand_label"),$o=l("dashboard.core_index.collapse_aria"),Po=l("dashboard.core_index.expand_aria"),Bo=!q,wt=l("shared.placeholder.short"),Wa=d.useMemo(()=>{const k=Array.isArray(Ae?.sources)?Ae.sources:[];let R=null,E=0;for(const ze of k){const Re=St(ze?.totals);!Number.isFinite(Re)||Re<=0||Re>E&&(E=Re,R=ze)}let G=wt,Ie=wt,je="0.0";if(R&&E>0){G=R?.source?String(R.source).toUpperCase():wt;const ze=Array.isArray(R?.models)?R.models:[];let Re=0;for(const Qa of ze){const pa=St(Qa?.totals);!Number.isFinite(pa)||pa<=0||pa>Re&&(Re=pa,Ie=Qa?.model?String(Qa.model):wt)}Re>0&&(je=(Re/E*100).toFixed(1))}return{agentName:G,modelName:Ie,modelPercent:je}},[Ae,wt]),Ga=Na(kt),zo=l("dashboard.screenshot.twitter_text",{total_tokens:Ga==="-"?wt:Ga,agent_name:Wa.agentName,model_name:Wa.modelName,model_percent:Wa.modelPercent}),Oo=d.useMemo(()=>q?[]:nm,[q]),Uo=d.useMemo(()=>[{label:l("usage.metric.total"),value:Ee?b(kt):"—",title:Ee?y(kt):void 0,valueClassName:"text-white"},{label:l("usage.metric.input"),value:Ee?b(pe?.input_tokens):"—",title:Ee?y(pe?.input_tokens):void 0},{label:l("usage.metric.output"),value:Ee?b(pe?.output_tokens):"—",title:Ee?y(pe?.output_tokens):void 0},{label:l("usage.metric.cached_input"),value:Ee?b(pe?.cached_input_tokens):"—",title:Ee?y(pe?.cached_input_tokens):void 0},{label:l("usage.metric.reasoning_output"),value:Ee?b(pe?.reasoning_output_tokens):"—",title:Ee?y(pe?.reasoning_output_tokens):void 0}],[pe?.cached_input_tokens,pe?.input_tokens,pe?.output_tokens,pe?.reasoning_output_tokens,kt,Ee,b,y]),qa=d.useMemo(()=>Ta(pe?.total_cost_usd,{currency:g,rate:x}),[pe?.total_cost_usd,g,x]),Ho=d.useMemo(()=>pe?.conversation_count??null,[pe?.conversation_count]),qr=d.useMemo(()=>Mc(Ae,{copyFn:l}),[Ae]),Yr=d.useMemo(()=>Ec(Ae,{limit:3,copyFn:l}),[Ae]),Ko=am({enabled:$,handle:Wr,startDate:Gr,activeDays:Ua,summary:pe,topModels:Yr,period:J,periodFrom:_e,periodTo:ve,heatmap:Ge,accessToken:typeof X=="string"?X:null,userId:a?.userId||null,currency:g,exchangeRate:x}),Vo=d.useCallback(()=>U(!0),[]),Wo=d.useCallback(()=>U(!1),[]),Go=d.useCallback(()=>w(!0),[]),qo=d.useCallback(()=>w(!1),[]),Yo=qa&&qa!=="-"&&qr.length>0,Ot=l("dashboard.install.cmd.init"),Ya=rt?null:A,Za=Ya?l("dashboard.install.cmd.init_link_code",{link_code:Ya}):Ot,Zo=Ot,Jo=l("dashboard.install.cmd.sync"),Qo=Ya?l("dashboard.install.copy"):l("dashboard.install.copy_base"),Xo=l("dashboard.install.copied");l("dashboard.session_expired.copy_label"),l("dashboard.session_expired.copied");const ei=!!(B?.install?.has_active_device_token??B?.install?.hasActiveDeviceToken),ti=fc({publicMode:i,screenshotMode:q,forceInstall:_,accessEnabled:ue,heatmapLoading:Rr,activeDays:Ua,hasActiveDeviceToken:ei}),ai=l("dashboard.install.prompt"),ri=d.useCallback(async()=>{!Za||!await as(Za)||(le(!0),window.setTimeout(()=>le(!1),2e3))},[Za]);d.useCallback(async()=>{!Ot||!await as(Ot)||(we(!0),window.setTimeout(()=>we(!1),2e3))},[Ot]);const Ja=d.useMemo(()=>l("dashboard.daily.empty",{cmd:"{{cmd}}"}),[m]),[si,ni]=d.useMemo(()=>{const k=Ja.split("{{cmd}}");return k.length===1?[Ja,""]:[k[0],k.slice(1).join("{{cmd}}")]},[Ja]),Ut=s&&!i,Ht=!r&&!re&&!s&&!ke&&!i;d.useEffect(()=>{Ut||Ht||Va||ne(!0)},[Va,Ht,Ut]);const ga=Jl(om,im);return d.useEffect(()=>{ee.current||Ut||Ht||ha||(ee.current=!0,h?.())},[h,Ht,Ut,ha]),e.jsxs(e.Fragment,{children:[e.jsx(xu,{copy:l,onOpenShare:Vo,screenshotMode:q,showExpiredGate:Ut,showAuthGate:Ht,identityDisplayName:Wr,identityStartDate:Gr,activeDays:Ua,identitySubscriptions:Do,identityScrambleDurationMs:ae,projectUsageEntries:Xn,projectUsageLimit:Jn,setProjectUsageLimit:Qn,projectDetailQuery:{from:_e,to:ve,timeZone:fe,tzOffsetMinutes:ye},topModels:Yr,signedIn:r,publicMode:i,isLocalMode:ke,shouldShowInstall:ti,installPrompt:ai,handleCopyInstall:ri,installCopied:ie,installCopiedLabel:Xo,installCopyLabel:Qo,installInitCmdDisplay:Zo,linkCodeLoading:P,linkCodeError:j,trendRowsForDisplay:co,trendFromForDisplay:uo,trendToForDisplay:mo,trendZoomConfig:so,usageFrom:_e,usageTo:ve,period:J,trendTimeZoneLabel:$a,activityHeatmapBlock:Ao,periodsForDisplay:Oo,setSelectedPeriod:wo,customFrom:Ke,customTo:Xe,onCustomRangeApply:_o,customRangeOpen:Ea,onCustomRangeOpenChange:vo,metricsRows:Uo,summaryLabel:Lo,summaryValue:Eo,hasSummary:Ee,summaryLoading:oa,providersLoading:pt,summaryFullValue:Ga,onToggleSummaryFormat:Io,summaryTotalTokensRaw:te(kt)||0,summaryCostValue:qa,summaryConversationsValue:Ho,rollingUsage:Pa,costInfoEnabled:Yo,openCostModal:Go,allowBreakdownToggle:Bo,coreIndexCollapsed:me,setCoreIndexCollapsed:V,coreIndexCollapseLabel:Ro,coreIndexExpandLabel:Fo,coreIndexCollapseAria:$o,coreIndexExpandAria:Po,refreshAll:So,usageLoadingState:ha,announceUsageLoading:Le,initialDashboardLoading:Va,usageError:Ba,rangeLabel:Mo,timeZoneRangeLabel:Fa,usageSourceLabel:Co,fleetData:qr,hasDetailsActual:Br,dailyEmptyPrefix:si,installSyncCmd:Jo,dailyEmptySuffix:ni,detailsColumns:no,ariaSortFor:fo,toggleSort:po,sortIconFor:yo,pagedDetails:io,dailyBreakdownRows:lo,dailyBreakdownColumns:oo,dailyBreakdownAriaSortFor:bo,dailyBreakdownSortIconFor:ko,dailyBreakdownDateKey:ca,detailsDateKey:Ue,renderDetailDate:xo,renderDailyBreakdownDate:go,renderDetailCell:ho,DETAILS_PAGED_PERIODS:Wt,detailsPageCount:za,detailsPage:Oa,setDetailsPage:ua,costModalOpen:v,closeCostModal:qo,deviceOptions:Ra,selectedDevice:Ce||"",onDeviceChange:k=>gt(k||null),deviceUsageBlock:ra,leftCardOrder:ga.left.order,onLeftReorder:ga.left.reorder,rightCardOrder:ga.right.order,onRightReorder:ga.right.reorder}),e.jsx(tm,{open:$,onClose:Wo,data:Ko,twitterText:zo})]})}export{Ym as DashboardPage};