tokentracker-cli 0.87.13 → 0.87.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dashboard/dist/assets/{AchievementBadge-ea7qapyL.js → AchievementBadge-D06ffgXR.js} +1 -1
- package/dashboard/dist/assets/{AchievementsPage-DoOYRLD5.js → AchievementsPage-D6uGfLgx.js} +2 -2
- package/dashboard/dist/assets/{AchievementsSection-B7uvcdxK.js → AchievementsSection-Chjq16ns.js} +1 -1
- package/dashboard/dist/assets/{BadgeDetailModal-1KF-h3Cm.js → BadgeDetailModal-D42zXSN1.js} +1 -1
- package/dashboard/dist/assets/{Card-DQgKBViP.js → Card-DGOEtq_3.js} +1 -1
- package/dashboard/dist/assets/{ClawdAnimated-CbKk5C9F.js → ClawdAnimated-B6HFLXEb.js} +1 -1
- package/dashboard/dist/assets/{CommandPalette-MIRqk8Dp.js → CommandPalette-1tyBT_Gf.js} +1 -1
- package/dashboard/dist/assets/{CommunityStatsModal-CgHWU_T1.js → CommunityStatsModal-Cvbk67o1.js} +1 -1
- package/dashboard/dist/assets/{ConfirmModal-D05J-QUB.js → ConfirmModal-RHQRpQG1.js} +1 -1
- package/dashboard/dist/assets/{Controls-D5LSYH96.js → Controls-WATRUYwX.js} +1 -1
- package/dashboard/dist/assets/{DashboardPage-H2Bl3Bwo.js → DashboardPage-B-jHLRu6.js} +1 -1
- package/dashboard/dist/assets/{DevicePage-TtCdnGIm.js → DevicePage-CgYxNWgU.js} +1 -1
- package/dashboard/dist/assets/{DialogClose-BfCS-Ntd.js → DialogClose-CIQziRo4.js} +1 -1
- package/dashboard/dist/assets/DialogDescription-CMZSKLXB.js +1 -0
- package/dashboard/dist/assets/{DialogTitle-O5nTArna.js → DialogTitle-DG5OaNy0.js} +1 -1
- package/dashboard/dist/assets/{FadeIn-CigBazQo.js → FadeIn-BmtyZXeb.js} +1 -1
- package/dashboard/dist/assets/{HeaderGithubStar-DeMyqNpO.js → HeaderGithubStar-Cg7Ap56b.js} +1 -1
- package/dashboard/dist/assets/{HoverTooltip-tOIlqXjb.js → HoverTooltip-Dh1v-yph.js} +1 -1
- package/dashboard/dist/assets/{IpCheckPage-CCeG4lE9.js → IpCheckPage-CqQqdE3D.js} +1 -1
- package/dashboard/dist/assets/{LandingPage-33uNffc7.js → LandingPage-Ct4m67m9.js} +2 -2
- package/dashboard/dist/assets/{LeaderboardAvatar-BRJKEfhb.js → LeaderboardAvatar-3ZA9tDrh.js} +1 -1
- package/dashboard/dist/assets/{LeaderboardPage-_Fs74yLu.js → LeaderboardPage-CQZf8G8t.js} +2 -2
- package/dashboard/dist/assets/{LeaderboardProfileModal-CFt90SC6.js → LeaderboardProfileModal-KaaGOK3_.js} +3 -3
- package/dashboard/dist/assets/{LeaderboardProfilePage-CC9315s4.js → LeaderboardProfilePage-DsiYvLlz.js} +1 -1
- package/dashboard/dist/assets/{LimitsPage-fNLiGJas.js → LimitsPage-Dv1fg4Jh.js} +1 -1
- package/dashboard/dist/assets/{LocalOnlyNotice-DJWlZgug.js → LocalOnlyNotice-DMrkrlZY.js} +1 -1
- package/dashboard/dist/assets/{LoginCard-B6zjmb6m.js → LoginCard-BFQJZmKV.js} +1 -1
- package/dashboard/dist/assets/{LoginModal-D7VtT-pA.js → LoginModal-Dx4_4UfW.js} +1 -1
- package/dashboard/dist/assets/{LoginPage-CmKUywl4.js → LoginPage-AmxdJOiw.js} +1 -1
- package/dashboard/dist/assets/{PetPage-U28hAlPp.js → PetPage-DbMcLOoc.js} +1 -1
- package/dashboard/dist/assets/{PopoverPopup-DREcMHrJ.js → PopoverPopup-CwOPhh6g.js} +1 -1
- package/dashboard/dist/assets/{ProviderIcon-CxpFegpD.js → ProviderIcon-C2183DbB.js} +1 -1
- package/dashboard/dist/assets/{ResetPasswordPage-XjbWpa4B.js → ResetPasswordPage-CwQt9Jh0.js} +1 -1
- package/dashboard/dist/assets/{SegmentedControl-BUZrG_65.js → SegmentedControl-2gfEdOHR.js} +1 -1
- package/dashboard/dist/assets/{Select-Coxp19gW.js → Select-BknJIua6.js} +1 -1
- package/dashboard/dist/assets/{SelectItemText-Dw-zi_PN.js → SelectItemText-BNfM6qJ0.js} +1 -1
- package/dashboard/dist/assets/{ServiceStatusPage-c4Gz9ND_.js → ServiceStatusPage-_C25Txd5.js} +1 -1
- package/dashboard/dist/assets/{SessionsPage-CJUJDivQ.js → SessionsPage-B_QkotAc.js} +1 -1
- package/dashboard/dist/assets/{SettingsPage-BoUeuTQk.js → SettingsPage-B-vif0ea.js} +1 -1
- package/dashboard/dist/assets/{SkillsPage-Chv4kDY_.js → SkillsPage-BX2rApOM.js} +1 -1
- package/dashboard/dist/assets/{TokenGalaxy-UtsDkqN-.js → TokenGalaxy-C9LrhOJ1.js} +1 -1
- package/dashboard/dist/assets/{ToolbarRootContext-D3Xvbsmu.js → ToolbarRootContext-Bevy5CSh.js} +1 -1
- package/dashboard/dist/assets/{TrendMonitor-hjyZhVhp.js → TrendMonitor-C6axjU1E.js} +1 -1
- package/dashboard/dist/assets/{WidgetsPage-BaJJOspc.js → WidgetsPage-gmpxGRU-.js} +1 -1
- package/dashboard/dist/assets/{WrappedPage-BdBZXCyS.js → WrappedPage-Lyyj4Lfy.js} +1 -1
- package/dashboard/dist/assets/{__vite-browser-external-CU0HL6hY.js → __vite-browser-external-DsFkaOPr.js} +2 -2
- package/dashboard/dist/assets/{agent-logos-D15jo0lu.js → agent-logos-CmI9Jrx-.js} +1 -1
- package/dashboard/dist/assets/{arrow-up-right-C6W_K-fZ.js → arrow-up-right-BDsE7MjI.js} +1 -1
- package/dashboard/dist/assets/{check-D1DIUZ3y.js → check-Dv03s0Oi.js} +1 -1
- package/dashboard/dist/assets/{chevron-right-DaZ6r6U5.js → chevron-right-Bg0LlTK2.js} +1 -1
- package/dashboard/dist/assets/{copy-DGTadiXw.js → copy-M7jcXrOp.js} +1 -1
- package/dashboard/dist/assets/{download-CBYnlCsF.js → download-B7-6bJLc.js} +1 -1
- package/dashboard/dist/assets/{external-link-BDjUPxFn.js → external-link-C2dWQL59.js} +1 -1
- package/dashboard/dist/assets/{flame-BSTr9RX6.js → flame-fuODmpET.js} +1 -1
- package/dashboard/dist/assets/{format-tokens-CxjDlh0r.js → format-tokens-BKb3uo9Y.js} +1 -1
- package/dashboard/dist/assets/{icons-pOJhx7lO.js → icons-CZ3rB5D9.js} +1 -1
- package/dashboard/dist/assets/{index-Bym1hEGy.js → index-CMfErAEy.js} +1 -1
- package/dashboard/dist/assets/{index-XCZRFozo.js → index-CyzVAu8L.js} +1 -1
- package/dashboard/dist/assets/{index-CbpwbfY1.js → index-DSLv7Mj8.js} +1 -1
- package/dashboard/dist/assets/{info-DlZkEw5y.js → info-gtQU6mdi.js} +1 -1
- package/dashboard/dist/assets/{limits-providers-DOW-oPEP.js → limits-providers-B9o4daVn.js} +1 -1
- package/dashboard/dist/assets/{link-2-BaAMrLia.js → link-2-DAoauLvL.js} +1 -1
- package/dashboard/dist/assets/{loader-circle-BvEjzy5k.js → loader-circle-C6-hnHM5.js} +1 -1
- package/dashboard/dist/assets/{maximize-2-DNjgO_My.js → maximize-2-DBWhzAmU.js} +1 -1
- package/dashboard/dist/assets/{modifiers.esm-DpXL6h3m.js → modifiers.esm-Cg5lp-7f.js} +1 -1
- package/dashboard/dist/assets/{monitor-smartphone-DPmp8gGF.js → monitor-smartphone-BVkQLoJM.js} +1 -1
- package/dashboard/dist/assets/{provider-display-YTGYyKIU.js → provider-display-N7MWKGSI.js} +1 -1
- package/dashboard/dist/assets/{react-CBi7M7dK.js → react-DDPYgpAM.js} +1 -1
- package/dashboard/dist/assets/{search-MLfdUv_4.js → search-M9zIhfTN.js} +1 -1
- package/dashboard/dist/assets/{skills-api-C4jX9Owj.js → skills-api-DPJzchQg.js} +1 -1
- package/dashboard/dist/assets/{sortable.esm-YyExnyg0.js → sortable.esm-B1tZenH5.js} +1 -1
- package/dashboard/dist/assets/{store-PiuqLY56.js → store-DmPQtoHI.js} +1 -1
- package/dashboard/dist/assets/{terminal-DQkiIx3c.js → terminal-BpvBtoDx.js} +1 -1
- package/dashboard/dist/assets/{trash-2-qoXweL8H.js → trash-2-XKMDw3cY.js} +1 -1
- package/dashboard/dist/assets/{use-community-stats-ByIG8K-M.js → use-community-stats-B1BMhURp.js} +1 -1
- package/dashboard/dist/assets/{use-limits-display-prefs-CpW6_ZBo.js → use-limits-display-prefs-DaZnSXop.js} +1 -1
- package/dashboard/dist/assets/{use-ordered-list--ijka38Z.js → use-ordered-list-DKa6gE-O.js} +1 -1
- package/dashboard/dist/assets/use-reduced-motion-fPvY8iYM.js +1 -0
- package/dashboard/dist/assets/{use-session-efficiency-pref-Di41rY7h.js → use-session-efficiency-pref-B9I7_v4k.js} +1 -1
- package/dashboard/dist/assets/{use-transform-CKw05one.js → use-transform-Ce5ESEGX.js} +1 -1
- package/dashboard/dist/assets/{use-usage-limits-DxAyfksJ.js → use-usage-limits-Ex51qVV9.js} +1 -1
- package/dashboard/dist/assets/{useCurrency-DKrZtU2Z.js → useCurrency-8kmm6K74.js} +1 -1
- package/dashboard/dist/assets/{useScrollLock-D2roJGoE.js → useScrollLock-D3ximygL.js} +1 -1
- package/dashboard/dist/assets/{useTokenFormat-C8hwTvLr.js → useTokenFormat-BtVvEcPK.js} +1 -1
- package/dashboard/dist/assets/{zap-BcmVPhUG.js → zap-y-504T0t.js} +1 -1
- package/dashboard/dist/index.html +1 -1
- package/dashboard/dist/ip-check.html +1 -1
- package/dashboard/dist/leaderboard.html +1 -1
- package/dashboard/dist/share.html +1 -1
- package/package.json +1 -1
- package/src/lib/pricing/seed-snapshot.json +1 -1
- package/dashboard/dist/assets/DialogDescription-DVH6GzL7.js +0 -1
- package/dashboard/dist/assets/use-reduced-motion-DW0-IRCM.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
import{m as br,r as d,j as e,L as Uo,cu as Ho,J as ut,ar as qt,cv as $e,cw as Vo,cx as Wo,ac as Kr,cy as ha,cz as Us,cA as Hs,cB as kr,cC as Ko,cD as Go,cE as qo,cF as wr,cG as Wt,cH as Yo,cI as Zo,cJ as re,c as l,d as _t,X as _r,ax as Kt,a6 as ja,l as Je,x as Vs,cK as Jo,Z as Qo,n as Vt,b6 as wa,e as jt,cL as Xo,I as Ws,G as Ks,a1 as ei,B as ti,k as ai,u as ri,a as Gs,bv as qs,a7 as si,cM as ni,cN as oi,cO as ii,cP as li,S as Gr,_ as ci,cQ as qr,g as di,a4 as ui,cd as mi,cR as hi,cS as gi,cT as xi,cU as fi,cV as pi,b7 as Yr,cW as Zr,cX as yi,cY as bi,ai as ki,cZ as wi,c_ as _i,c$ as Jr,ad as Qr,d0 as vi}from"./__vite-browser-external-CU0HL6hY.js";import{u as Xr}from"./use-ordered-list--ijka38Z.js";import{u as Yt,t as es,T as Ys,g as ji,f as ts,D as Ni,a as Si,b as Ci}from"./TrendMonitor-hjyZhVhp.js";import{u as Ti}from"./use-usage-limits-DxAyfksJ.js";import{u as Na}from"./useCurrency-DKrZtU2Z.js";import{u as Ee}from"./useTokenFormat-C8hwTvLr.js";import{f as vt,A as Ai}from"./provider-display-YTGYyKIU.js";import{g as Di,q as Zs,J as Mi,M as Li,m as we}from"./react-CBi7M7dK.js";import{u as Ei,C as Ii,a as Ri,b as as,D as Fi,S as $i,v as Pi,s as Bi,K as zi,P as Oi}from"./sortable.esm-YyExnyg0.js";import{D as Ui,a as Hi,b as Vi,c as Wi,d as Ki,e as Gi}from"./DialogTitle-O5nTArna.js";import{D as qi}from"./DialogClose-BfCS-Ntd.js";import{C as Te}from"./Card-DQgKBViP.js";import{S as Js}from"./Select-Coxp19gW.js";import{P as St}from"./ProviderIcon-CxpFegpD.js";import{u as vr}from"./use-reduced-motion-DW0-IRCM.js";import{a as Qs,u as Xs}from"./use-transform-CKw05one.js";import{I as en}from"./info-DlZkEw5y.js";import{C as Yi}from"./chevron-right-DaZ6r6U5.js";import{A as Sa}from"./index-CbpwbfY1.js";import{L as Zi}from"./loader-circle-BvEjzy5k.js";import{P as Ji,a as Qi,b as Xi,c as el,d as tl}from"./PopoverPopup-DREcMHrJ.js";import{F as st}from"./FadeIn-CigBazQo.js";import{C as al}from"./ClawdAnimated-CbKk5C9F.js";import{u as rl,T as sl}from"./Controls-D5LSYH96.js";import{A as nl}from"./arrow-up-right-C6W_K-fZ.js";import{u as ol,a as il,P as ll}from"./use-session-efficiency-pref-Di41rY7h.js";import{L as rs}from"./LoginCard-B6zjmb6m.js";import{L as cl,A as dl}from"./agent-logos-D15jo0lu.js";import{M as tn}from"./monitor-smartphone-DPmp8gGF.js";import{C as ul}from"./check-D1DIUZ3y.js";import"./terminal-DQkiIx3c.js";import"./maximize-2-DNjgO_My.js";import"./limits-providers-DOW-oPEP.js";import"./useScrollLock-D2roJGoE.js";import"./store-PiuqLY56.js";import"./ToolbarRootContext-D3Xvbsmu.js";import"./SelectItemText-Dw-zi_PN.js";const ml=[["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"}]],hl=br("git-branch",ml);const gl=[["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"}]],xl=br("laptop",gl);const fl=[["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"}]],pl=br("square-arrow-out-up-right",fl);function yl(t,a,r={}){const s=t.get();let n=null,i=s,o;const u=typeof s=="string"?s.replace(/[\d.-]/g,""):void 0,c=()=>{n&&(n.stop(),n=null),t.animation=void 0},h=()=>{const x=ss(t.get()),g=ss(i);if(x===g){c();return}const p=n?n.getGeneratorVelocity():t.getVelocity();c(),n=new Mi({keyframes:[x,g],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((x,g)=>{i=x,o=p=>g(Ya(p,u)),Di.postRender(m)},c),Zs(a)){let x=r.skipInitialAnimation===!0;const g=a.on("change",y=>{x?(x=!1,t.jump(Ya(y,u),!1)):t.set(Ya(y,u))}),p=t.on("destroy",g);return()=>{g(),p()}}return c}function Ya(t,a){return a?t+a:t}function ss(t){return typeof t=="number"?t:parseFloat(t)}function bl(t,a={}){const{isStatic:r}=d.useContext(Li),s=()=>Zs(t)?t.get():t;if(r)return Qs(s);const n=Xs(s());return d.useInsertionEffect(()=>yl(n,t,a),[n,JSON.stringify(a)]),n}function kl(t,a={}){return bl(t,{type:"spring",...a})}function wl(){return e.jsxs(Uo,{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 _l({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(wl,{}),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 vl({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 jl={};function Nl(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 Sl({mv:t,digit:a,height:r}){const s=Qs(t,n=>{const i=(n%10+10)%10,o=(10+a-i)%10;let u=o*r;return o>5&&(u-=10*r),u});return e.jsx(we.span,{style:{position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center",y:s},children:a})}function Cl(t){const a=Math.round(t),r=1e-9*Math.max(1,Math.abs(t));return Math.abs(t-a)<r?a:t}function Tl(t,a){const r=t/a;return Math.floor(Cl(r))}function Al(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 Dl({place:t,value:a,height:r,digitStyle:s,shouldReduceMotion:n}){if(typeof t!="number"){const c=Nl(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=Tl(a,t),o=Xs(0),u=kl(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(Sl,{mv:u,digit:h,height:r},h))})}function Ml({value:t,displayValue:a,fontSize:r=72,padding:s=0,places:n,gap:i=6,borderRadius:o=4,horizontalPadding:u=0,textColor:c="inherit",fontWeight:h="inherit",containerStyle:m,counterStyle:x,digitStyle:g,gradientHeight:p=14,gradientFrom:y="rgba(255,255,255,0.95)",gradientTo:k="rgba(255,255,255,0)",topGradientStyle:f,bottomGradientStyle:v}){const w=String(a??t??""),D=d.useMemo(()=>Array.isArray(n)&&n.length?n:Al(w),[n,w]),C=typeof navigator<"u"&&/jsdom/i.test(navigator.userAgent||"")||typeof process<"u"&&jl?.VITEST==="true",F=vr()||C,A=Number.isFinite(Number(t))?Math.abs(Number(t)):0,O=r+s;return F?e.jsx("span",{"data-counter-root":"true",style:{display:"inline-flex",alignItems:"center",color:c,fontSize:r,fontWeight:h,lineHeight:1,...m,...x},children:w}):e.jsxs("span",{"data-counter-root":"true",style:{position:"relative",display:"inline-block",...m},children:[e.jsx("span",{style:{fontSize:r,display:"flex",gap:i,overflow:"hidden",borderRadius:o,paddingLeft:u,paddingRight:u,lineHeight:1,color:c,fontWeight:h,...x},children:D.map((N,j)=>e.jsx(Dl,{place:N,value:A,height:O,digitStyle:g,shouldReduceMotion:F},`${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:f??{height:p,background:`linear-gradient(to bottom, ${y}, ${k})`}}),e.jsx("span",{style:v??{height:p,background:`linear-gradient(to top, ${y}, ${k})`}})]})]})}function Ll({baseUrl:t,accessToken:a,guestAllowed:r=!1,weeks:s=52,weekStartsOn:n="sun",cacheKey:i,timeZone:o,tzOffsetMinutes:u,now:c,accountView:h=!1,accountAccessToken:m=null,accountRevision:x=0,accountViewResolving:g=!1,deviceId:p=null}={}){const y=!!(h&&m),k=y?"cloud":"local",f=d.useMemo(()=>Ho({weeks:s,weekStartsOn:n,now:c}),[c,s,n]),[v,w]=d.useState([]),[D,C]=d.useState(null),[F,A]=d.useState("edge"),[O,N]=d.useState(!1),[j,S]=d.useState(null),E=ut(),U=qt(a),$=!r,I=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1"),L=d.useMemo(()=>{if(!i)return null;const Z=kr({timeZone:o,offsetMinutes:u});return`tokentracker.heatmap.${i}.${k}.${s}.${n}.${Z}.${p||"all"}`},[i,p,k,o,u,s,n]),Y=d.useCallback(()=>{if(!L||typeof window>"u")return null;try{const Z=window.localStorage.getItem(L);if(!Z)return null;const ue=JSON.parse(Z);return!ue||!ue.heatmap?null:ue}catch{return null}},[L]),q=d.useCallback(Z=>{if(!(!L||typeof window>"u"))try{window.localStorage.setItem(L,JSON.stringify(Z))}catch{}},[L]),_=d.useCallback(()=>{if(!(!L||typeof window>"u"))try{window.localStorage.removeItem(L)}catch{}},[L]),P=d.useRef(k);d.useEffect(()=>{P.current!==k&&(P.current=k,w([]),C(null),A("edge"),S(null),N(!0))},[k]);const z=d.useCallback(async()=>{const Z=await $e(a),ue=y?await $e(m):null;if(!Z&&!E&&!I&&!y)return;if(y&&!ue){S("Your session expired. Please sign in again to view account data."),N(!1);return}const me=y?ue:Z,ge=y?Vo:Wo,_e=y?Us:Hs;N(!0),S(null);try{try{const B=await ge({baseUrl:t,accessToken:me,weeks:s,to:f.to,weekStartsOn:n,device:p,timeZone:o,tzOffsetMinutes:u}),ae=Array.isArray(B?.weeks)?B.weeks:[];if(!ae.length&&$){const H=Y();if(H?.heatmap){C(H.heatmap),w(H.daily||[]),A("cache");return}}if(!ae.some(H=>(Array.isArray(H)?H:[]).some(he=>he&&Number.isFinite(Number(he.level))))&&ae.length){const H=[];for(const ce of ae)for(const K of Array.isArray(ce)?ce:[])K?.day&&H.push({day:K.day,total_tokens:K.total_tokens??K.value??0,billable_total_tokens:K.billable_total_tokens??K.value??K.total_tokens??0});const he=Kr({dailyRows:H,weeks:s,to:B?.to||f.to,weekStartsOn:n});w(H),C({...he,week_starts_on:n,active_days:H.filter(ce=>Number(ce?.billable_total_tokens??ce?.total_tokens)>0).length,streak_days:ha({dailyRows:H,to:B?.to||f.to})}),A("client"),$?q({heatmap:{...he,week_starts_on:n,active_days:H.filter(ce=>Number(ce?.billable_total_tokens??ce?.total_tokens)>0).length,streak_days:ha({dailyRows:H,to:B?.to||f.to})},daily:H,fetchedAt:new Date().toISOString()}):_();return}C(B||null),w([]),A("edge"),B&&$?q({heatmap:B,daily:[],fetchedAt:new Date().toISOString()}):$||_();return}catch(B){const ae=B,pe=ae?.status??ae?.statusCode;if(pe===401||pe===403)throw B}const xe=await _e({baseUrl:t,accessToken:me,from:f.from,to:f.to,device:p,timeZone:o,tzOffsetMinutes:u}),le=Array.isArray(xe?.data)?xe.data:[];w(le);const G=Kr({dailyRows:le,weeks:s,to:f.to,weekStartsOn:n});C({...G,week_starts_on:n,active_days:le.filter(B=>Number(B?.billable_total_tokens??B?.total_tokens)>0).length,streak_days:ha({dailyRows:le,to:f.to})}),A("client"),$?q({heatmap:{...G,week_starts_on:n,active_days:le.filter(B=>Number(B?.billable_total_tokens??B?.total_tokens)>0).length,streak_days:ha({dailyRows:le,to:f.to})},daily:le,fetchedAt:new Date().toISOString()}):_()}catch(xe){if($){const le=Y();if(le?.heatmap)C(le.heatmap),w(le.daily||[]),A("cache"),S(null);else{const G=xe;S(G?.message||String(G)),w([]),C(null),A("edge")}}else{const le=xe;S(le?.message||String(le)),w([]),C(null),A("edge")}}finally{N(!1)}},[a,t,E,r,$,f.from,f.to,Y,U,o,u,n,s,_,q,I,y,m,x,p]);return d.useEffect(()=>{if(g){N(!0);return}if(!U&&!r&&!E&&!I&&!y){w([]),N(!1),S(null),C(null),A("edge");return}if(!$)_(),w([]),S(null),C(null),A("edge");else{const Z=Y();Z?.heatmap&&(C(Z.heatmap),w(Z.daily||[]),A("cache"))}z()},[a,E,Y,z,U,r,$,_,I,g]),{range:f,daily:v,heatmap:D,source:E?"mock":F==="client"?"edge":F,loading:O,error:j,refresh:z}}const El="tokentracker.dashboard.leftCardOrder.v1",Il="tokentracker.dashboard.rightCardOrder.v1";function Rl(t,a){const r=Xr(El,t),s=Xr(Il,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 Fl=10;function $l({baseUrl:t,accessToken:a,from:r,to:s,source:n,timeZone:i,tzOffsetMinutes:o}={}){const[u,c]=d.useState([]),[h,m]=d.useState(!1),[x,g]=d.useState(null),p=ut(),y=qt(a),k=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1"),f=Yt([t,a,r,s,n,i,o]),v=d.useCallback(async()=>{const w=f(),D=await $e(a);if(w()){if(!D&&!p&&!k){c([]),g(null),m(!1);return}m(!0),g(null);try{const C=await Ko({baseUrl:t,accessToken:D,limit:Fl,from:r,to:s,source:n,timeZone:i,tzOffsetMinutes:o});if(!w())return;c(Array.isArray(C?.entries)?C.entries:[])}catch(C){if(!w())return;const F=C?.message||String(C);g(F),c([])}finally{w()&&m(!1)}}},[a,t,r,p,n,i,s,o,k,f]);return d.useEffect(()=>{if(!y&&!p&&!k){c([]),g(null),m(!1);return}c([]),g(null),m(!0),v()},[p,v,y,k]),{entries:u,loading:h,error:x,refresh:v}}const ns="tokentracker.usage-cache-index",os=24;function is({baseUrl:t,accessToken:a,guestAllowed:r=!1,from:s,to:n,includeDaily:i=!0,includeSummary:o=!0,cacheKey:u,timeZone:c,tzOffsetMinutes:h,now:m,accountView:x=!1,accountAccessToken:g=null,accountRevision:p=0,accountViewResolving:y=!1,deviceId:k=null}={}){const f=!!(x&&g),v=f?"cloud":"local",[w,D]=d.useState([]),[C,F]=d.useState(null),[A,O]=d.useState(null),[N,j]=d.useState("edge"),[S,E]=d.useState(null),[U,$]=d.useState(!1),[I,L]=d.useState(null),Y=ut(),q=qt(a),_=!r&&!Y,P=k||"all",z=(()=>{if(!u)return null;const G=Pl(t)||"default",B=i?o?"daily-summary":"daily-only":"summary",ae=kr({timeZone:c,offsetMinutes:h});return`tokentracker.usage.${u}.${v}.${G}.${s}.${n}.${B}.${ae}.${P}`})(),X=d.useRef(v);d.useEffect(()=>{X.current!==v&&(X.current=v,D([]),F(null),O(null),j("edge"),E(null),L(null),$(!0))},[v]);const Z=d.useCallback(()=>{if(!z||typeof window>"u")return null;try{const G=window.localStorage.getItem(z);if(!G)return null;const B=JSON.parse(G),ae=o?!!B?.summary:Array.isArray(B?.daily);return!B||!ae?null:(es(ns,z,os),B)}catch{return null}},[o,z]),ue=d.useCallback(G=>{if(!(!z||typeof window>"u"))try{window.localStorage.setItem(z,JSON.stringify(G)),es(ns,z,os)}catch{}},[z]),me=d.useCallback(()=>{if(!(!z||typeof window>"u"))try{window.localStorage.removeItem(z)}catch{}},[z]),ge=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1"),_e=Yt([t,s,n,i,o,v,a,g,p,k,c,h]),xe=d.useCallback(async()=>{const G=_e(),B=await $e(a),ae=f?await $e(g):null;if(!G()||!B&&!Y&&!ge&&!f)return;if(f&&!ae){L("Your session expired. Please sign in again to view account data."),$(!1);return}const pe=f?Us:Hs,H=f?Go:qo,he=f?ae:B;$(!0),L(null);try{let ce=null,K=null;if(i)if(o){const[te,se]=await Promise.allSettled([pe({baseUrl:t,accessToken:he,from:s,to:n,device:k,timeZone:c,tzOffsetMinutes:h}),H({baseUrl:t,accessToken:he,from:s,to:n,device:k,timeZone:c,tzOffsetMinutes:h,rolling:!0})]);if(te.status==="rejected")throw te.reason;ce=te.value,K=se.status==="fulfilled"?se.value:null}else ce=await pe({baseUrl:t,accessToken:he,from:s,to:n,device:k,timeZone:c,tzOffsetMinutes:h});else o&&(K=await H({baseUrl:t,accessToken:he,from:s,to:n,device:k,timeZone:c,tzOffsetMinutes:h,rolling:!0}));let J=i&&Array.isArray(ce?.data)?ce.data:[];i&&(J=Ja(J,s,n,{timeZone:c,offsetMinutes:h,now:m}));let T=o&&(K?.totals||ce?.summary?.totals)||null,V=o&&(K?.rolling||ce?.summary?.rolling)||null;if(o&&i&&!T&&!K)try{const te=await H({baseUrl:t,accessToken:he,from:s,to:n,device:k,timeZone:c,tzOffsetMinutes:h,rolling:!0});T=te?.totals||null,V=te?.rolling||V}catch{}const ee=new Date().toISOString();if(!G())return;D(J),F(T),O(V),j("edge"),E(ee),(T||!o&&i)&&_?ue({summary:T,rolling:V,daily:J,from:s,to:n,includeDaily:i,includeSummary:o,fetchedAt:ee}):_||me()}catch(ce){if(!G())return;if(_){const K=Z();if(K?.summary||!o&&Array.isArray(K?.daily)){F(K.summary),O(K.rolling||null);const J=Array.isArray(K.daily)?K.daily:[],T=i?Ja(J,K.from||s,K.to||n,{timeZone:c,offsetMinutes:h,now:m}):J;D(T),j("cache"),E(K.fetchedAt||null),L(null)}else{const J=ce;L(J?.message||String(J)),D([]),F(null),O(null),j("edge"),E(null)}}else{const K=ce;L(K?.message||String(K)),D([]),F(null),O(null),j("edge"),E(null)}}finally{G()&&$(!1)}},[a,t,s,i,o,Y,r,_,m,Z,q,c,n,h,me,ue,ge,f,g,p,k,_e]);return d.useEffect(()=>{if(y){$(!0);return}const G=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1");if(!q&&!r&&!Y&&!G&&!f){D([]),F(null),O(null),L(null),$(!1),j("edge"),E(null);return}if(!_)me(),D([]),F(null),O(null),L(null),j("edge"),E(null);else{const B=Z();if(B?.summary||!o&&Array.isArray(B?.daily)){F(B.summary),O(B.rolling||null);const ae=Array.isArray(B.daily)?B.daily:[],pe=i?Ja(ae,B.from||s,B.to||n,{timeZone:c,offsetMinutes:h,now:m}):ae;D(pe),j("cache"),E(B.fetchedAt||null),L(null)}else D([]),F(null),O(null),j("edge"),E(null),L(null)}$(!0),xe()},[a,Y,Z,xe,q,r,_,me,ge,y,o]),d.useEffect(()=>{if(typeof window>"u"||typeof document>"u")return;const G=15e3;let B=Date.now();const ae=()=>{if(document.visibilityState!=="visible")return;const pe=Date.now();pe-B<G||(B=pe,xe())};return window.addEventListener("focus",ae),document.addEventListener("visibilitychange",ae),()=>{window.removeEventListener("focus",ae),document.removeEventListener("visibilitychange",ae)}},[xe]),{daily:w,summary:C,rolling:A,source:Y?"mock":N,fetchedAt:S,loading:U,error:I,refresh:xe}}function Pl(t){try{return new URL(t).host}catch{return null}}function Za(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())&&Wt(o)===a?o:null}function Bl(t,a){return new Date(Date.UTC(t.getUTCFullYear(),t.getUTCMonth(),t.getUTCDate()+a))}function Ja(t,a,r,{timeZone:s,offsetMinutes:n,now:i}={}){const o=Za(a),u=Za(r);if(!o||!u||u<o)return Array.isArray(t)?t:[];const c=i instanceof Date&&Number.isFinite(i.getTime())?i:new Date,h=wr({timeZone:s,offsetMinutes:n,date:c}),m=Za(h),x=m?m.getTime():c.getTime(),g=new Map;for(const y of t||[])y?.day&&g.set(y.day,y);const p=[];for(let y=o;y<=u;y=Bl(y,1)){const k=Wt(y),f=g.get(k),v=y.getTime()>x;if(f){p.push({...f,missing:!1,future:v});continue}p.push({day:k,total_tokens:null,billable_total_tokens:null,input_tokens:null,cached_input_tokens:null,output_tokens:null,reasoning_output_tokens:null,missing:!v,future:v})}return p}function zl({baseUrl:t,accessToken:a,guestAllowed:r=!1,from:s,to:n,cacheKey:i,timeZone:o,tzOffsetMinutes:u,accountView:c=!1,accountAccessToken:h=null,accountRevision:m=0,accountViewResolving:x=!1,deviceId:g=null}={}){const p=!!(c&&h),y=p?"cloud":"local",[k,f]=d.useState(null),[v,w]=d.useState("edge"),[D,C]=d.useState(!1),[F,A]=d.useState(null),O=ut(),N=qt(a),j=!r,S=d.useMemo(()=>{if(!i)return null;const P=Ol(t)||"default",z=kr({timeZone:o,offsetMinutes:u});return`tokentracker.modelBreakdown.${i}.${y}.${P}.${s}.${n}.${z}.${g||"all"}`},[t,i,g,s,y,o,n,u]),E=d.useCallback(()=>{if(!S||typeof window>"u")return null;try{const P=window.localStorage.getItem(S);if(!P)return null;const z=JSON.parse(P);return!z||!z.breakdown?null:z}catch{return null}},[S]),U=d.useCallback(P=>{if(!(!S||typeof window>"u"))try{window.localStorage.setItem(S,JSON.stringify(P))}catch{}},[S]),$=d.useCallback(()=>{if(!(!S||typeof window>"u"))try{window.localStorage.removeItem(S)}catch{}},[S]),I=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1"),L=Yt([t,s,n,y,a,h,m,g,o,u]),Y=d.useRef(y);d.useEffect(()=>{Y.current!==y&&(Y.current=y,f(null),w("edge"),A(null),C(!0))},[y]);const q=d.useCallback(async()=>{const P=L(),z=await $e(a),X=p?await $e(h):null;if(!P()||!z&&!O&&!I&&!p)return;if(p&&!X){A("Your session expired. Please sign in again to view account data."),C(!1);return}const Z=p?X:z,ue=p?Yo:Zo;C(!0),A(null);try{const me=await ue({baseUrl:t,accessToken:Z,from:s,to:n,device:g,timeZone:o,tzOffsetMinutes:u});if(!P())return;f(me||null),w("edge"),me&&j?U({breakdown:me,fetchedAt:new Date().toISOString()}):j||$()}catch(me){if(!P())return;if(j){const ge=E();if(ge?.breakdown)f(ge.breakdown),w("cache"),A(null);else{f(null),w("edge");const _e=me;A(_e?.message||String(_e))}}else{f(null),w("edge");const ge=me;A(ge?.message||String(ge))}}finally{P()&&C(!1)}},[a,t,s,O,r,j,E,o,n,N,u,$,U,I,p,h,m,g,L]);return d.useEffect(()=>{if(x){C(!0);return}if(!N&&!r&&!O&&!I&&!p){f(null),w("edge"),A(null),C(!1);return}if(!j)$(),f(null),w("edge"),A(null);else{const P=E();P?.breakdown?(f(P.breakdown),w("cache"),A(null)):(f(null),w("edge"),A(null))}C(!0),q()},[a,O,E,q,N,r,j,$,I,x]),{breakdown:k,source:O?"mock":v,loading:D,error:F,refresh:q}}function Ol(t){try{return new URL(t).host}catch{return null}}const an=new Set(["day","hour","month"]);function Ul(t){return an.has(t)}function ls(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 Hl(t,a){const r=ls(t),s=ls(a);if(r&&s)return r.length!==s.length?r.length<s.length?-1:1:r===s?0:r<s?-1:1;const n=re(t),i=re(a);return n==null&&i==null?0:n==null?1:i==null?-1:n===i?0:n<i?-1:1}function Vl(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 Wl(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 Kl(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 Gl(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 ql(t,a,r){const s=r==="hour"?Gl:r==="month"?Kl:Wl,n=s(t),i=s(a);return n!=null&&i!=null?n===i?0:n<i?-1:1:Vl(t,a)}function rn(t,{key:a,dir:r}){const s=r==="asc"?1:-1,n=Array.isArray(t)?t:[],i=an.has(a)?(u,c)=>ql(u,c,a):Hl,o=u=>a==="total_tokens"&&u?.billable_total_tokens!=null?u.billable_total_tokens:u?.[a];return n.map((u,c)=>({row:u,index:c})).sort((u,c)=>{const h=o(u.row),m=o(c.row),x=h==null,g=m==null;if(x&&g)return u.index-c.index;if(x)return 1;if(g)return-1;const p=i(h,m);return p!==0?p*s:u.index-c.index}).map(u=>u.row)}function Yl(){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 cs(t){const a=Ul(t)?t:"day";return Yl().map((r,s)=>s===0?{...r,key:a}:r)}function ds(t,{key:a,dir:r}){return rn(t,{key:a,dir:r})}const _a=12,Zl=["total_tokens","billable_total_tokens","input_tokens","cached_input_tokens","cache_creation_input_tokens","output_tokens","reasoning_output_tokens"];function Jl(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 Ql(t){return Zl.some(a=>Jl(t?.[a]))}function Xl(t){const a=Array.isArray(t)?t:[];if(!a.length)return[];const r=rn(a,{key:"month",dir:"asc"}),s=r.findIndex(n=>n?.month&&Ql(n));return s===-1?a:r.slice(s)}function ec(t,a,r=_a){const s=Array.isArray(t)?t:[],n=Number.isFinite(r)&&r>0?r:_a,o=(Number.isFinite(a)&&a>=0?Math.floor(a):0)*n;return s.slice(o,o+n)}function tc({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 ga=Object.freeze({active:3e4,warm:2*6e4,idle:10*6e4,longIdle:30*6e4});function ac({visible:t=!0,lastInteractionAt:a=0,now:r=Date.now()}={}){if(!t)return ga.longIdle;const s=Math.max(0,r-(Number(a)||0));return s<=10*6e4?ga.active:s<=60*6e4?ga.warm:ga.idle}const rc=3e4;function sc({refresh:t,intervalMs:a=rc,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(y=>n(y)).then(()=>{}).finally(()=>{o===p&&(o=null)});return o=p,p},m=r.setInterval(()=>{const p=Date.now();p<c||(c=p+ac({visible:s.visibilityState==="visible",lastInteractionAt:u,now:p}),h())},a),x=()=>{s.visibilityState==="visible"&&(u=Date.now(),c=0,h())},g=()=>{u=Date.now()};return r.addEventListener("focus",x),r.addEventListener("pointerdown",g),r.addEventListener("keydown",g),s.addEventListener("visibilitychange",x),{run:h,stop(){i=!0,r.clearInterval(m),r.removeEventListener("focus",x),r.removeEventListener("pointerdown",g),r.removeEventListener("keydown",g),s.removeEventListener("visibilitychange",x)}}}function nc(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 Wt(r)===t?r:null}function oc({period:t,selectedFrom:a,selectedTo:r,todayKey:s}={}){if(t==="total"&&a&&r)return{from:a,to:r};const n=nc(s)||new Date,i=new Date(Date.UTC(n.getUTCFullYear(),n.getUTCMonth(),n.getUTCDate()-29));return{from:Wt(i),to:Wt(n)}}function ic(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 jr(t){if(typeof t!="string")return null;const a=t.trim();return a?a.toLowerCase():null}function lc(t){const a=jr(t?.model_id);return a||null}function sn(t,a){return t?.model?String(t.model):a}function nn(t){const a=new Map,r=new Map;for(const s of t){const n=typeof s?.name=="string"?s.name.trim():"",i=jr(n);if(!i||i.includes("/"))continue;const o=Math.max(0,re(s?.weight)??0);(!a.has(i)||o>=(r.get(i)||0))&&(a.set(i,n),r.set(i,o))}return a}function on(t,a){const r=jr(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 Nt(t,a=0){const r=re(t?.billable_total_tokens),s=re(t?.total_tokens);return r!=null&&r>0?r:s!=null&&s>0?s:r??s??a}function cc(t,{copyFn:a}={}){const r=typeof a=="function"?a:o=>o,n=(Array.isArray(t?.sources)?t.sources:[]).map(o=>{const u=Nt(o?.totals),c=re(o?.totals?.total_cost_usd)??0;return{source:o?.source,totalTokens:Number.isFinite(u)?u:0,totalCost:Number.isFinite(c)?c:0,inputTokens:Math.max(0,re(o?.totals?.input_tokens)??0),cacheRead:Math.max(0,re(o?.totals?.cached_input_tokens)??0),cacheCreate:Math.max(0,re(o?.totals?.cache_creation_input_tokens)??0),models:Array.isArray(o?.models)?o.models:[]}}).filter(o=>o.totalTokens>0);if(!n.length)return[];const i=n.reduce((o,u)=>o+u.totalTokens,0);return typeof t?.pricing?.pricing_mode=="string"&&t.pricing.pricing_mode.toUpperCase(),n.slice().sort((o,u)=>u.totalTokens-o.totalTokens).map(o=>{const u=o.source?String(o.source).toUpperCase():r("shared.placeholder.short"),c=i>0?o.totalTokens/i*100:0,h=Number.isFinite(c)?c.toFixed(2):"0.00",m=o.models.map(y=>{const k=Nt(y?.totals);if(!Number.isFinite(k)||k<=0)return null;const f=o.totalTokens>0?Math.round(k/o.totalTokens*1e3)/10:0,v=sn(y,r("shared.placeholder.short")),w=lc(y),D=re(y?.totals?.total_cost_usd),C=D??(o.totalCost>0&&o.totalTokens>0?k/o.totalTokens*o.totalCost:null);return{id:w,name:v,share:f,usage:k,cost:C}}).filter(Boolean),x=o.inputTokens+o.cacheRead+o.cacheCreate,p=o.cacheRead+o.cacheCreate>0&&x>0?Math.round(o.cacheRead/x*100):null;return{source:o.source,label:u,totalPercent:String(h),totalPercentValue:c,usd:o.totalCost,usage:o.totalTokens,cacheHitRate:p,cacheReusedTokens:o.cacheRead,cacheInputTokens:x,models:m}})}function dc(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=re(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=nn(s.map(o=>({name:o.name,weight:o.usage})));for(const{model:o,name:u,usage:c}of s){const h=on(u,n);if(!h)continue;const{key:m}=h,x=r.get(m)||{id:m,name:h.name,usage:0,cost:0,hasCost:!1,nameWeight:0};x.usage+=c;const g=re(o?.cost);g!=null&&(x.cost+=g,x.hasCost=!0),n.has(m)?x.name=n.get(m):c>=x.nameWeight&&(x.name=u,x.nameWeight=c),r.set(m,x)}const i=Array.from(r.values()).reduce((o,u)=>o+u.usage,0);return Array.from(r.values()).map(o=>({id:o.id,name:o.name,usage:o.usage,cost:o.hasCost?o.cost:null,share:i>0?Math.round(o.usage/i*1e3)/10:0})).sort((o,u)=>u.usage!==o.usage?u.usage-o.usage:String(o.name).localeCompare(String(u.name)))}function uc(t,{limit:a=3,copyFn:r}={}){const s=typeof r=="function"?r:y=>y,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 y of n){const k=Array.isArray(y?.models)?y.models:[];for(const f of k){const v=Nt(f?.totals);if(!Number.isFinite(v)||v<=0)continue;h+=v;const w=sn(f,s("shared.placeholder.short"));c.push({name:w,tokens:v})}}const m=nn(c.map(y=>({name:y.name,weight:y.tokens})));for(const{name:y,tokens:k}of c){const f=on(y,m);if(!f)continue;const{key:v}=f;i.set(v,(i.get(v)||0)+k),m.has(v)?o.set(v,m.get(v)):k>=(u.get(v)||0)&&(u.set(v,k),o.set(v,y))}if(!i.size)return[];const x=Array.from(i.values()).reduce((y,k)=>y+k,0),g=h>0?h:x,p=Number.isFinite(a)?Math.max(0,Math.floor(a)):3;return Array.from(i.entries()).map(([y,k])=>{const f=g>0?(k/g*100).toFixed(1):"0.0";return{id:y,name:o.get(y)||s("shared.placeholder.short"),tokens:k,percent:String(f)}}).sort((y,k)=>k.tokens!==y.tokens?k.tokens-y.tokens:String(y.name).localeCompare(String(k.name))).slice(0,p)}function mc(t,a,r){if(!Number.isFinite(t))return l("shared.placeholder.short");const s=ja(t,{decimals:2,currency:a,rate:r});return s==="-"?l("shared.placeholder.short"):s}function us(t,a,r){if(!Number.isFinite(t)||t<=0)return null;const s=Kt(a);return(a===Vs?t:t*r)<.01?`<${s}0.01`:ja(t,{decimals:2,currency:a,rate:r})}function ms(t){const a=Number(t);return!Number.isFinite(a)||a<=0?null:Je(a,{decimals:1})}const hc=_t.memo(function({isOpen:a,onClose:r,fleetData:s=[]}){const{currency:n,rate:i}=Na(),o=d.useMemo(()=>(Array.isArray(s)?s:[]).map(c=>{const h=re(c?.usd)??0,m=re(c?.usage)??0,x=Array.isArray(c?.models)?c.models:[];return{label:c?.label?String(c.label):"",usdValue:h,costLabel:us(h,n,i),tokensLabel:ms(m),models:x.map(g=>{const p=re(g?.usage)??0,y=re(g?.cost)??0;return{id:g?.id?String(g.id):"",name:g?.name?String(g.name):"",tokensLabel:ms(p),costLabel:us(y,n,i),sortCost:y}}).filter(g=>g.costLabel||g.tokensLabel).sort((g,p)=>p.sortCost-g.sortCost)}}).filter(c=>c.usdValue>0||c.models.length>0).sort((c,h)=>h.usdValue-c.usdValue),[s,n,i]),u=d.useMemo(()=>{const c=o.reduce((h,m)=>h+m.usdValue,0);return mc(c,n,i)},[o,n,i]);return e.jsx(Ui,{open:a,onOpenChange:c=>{c||r?.()},children:e.jsxs(Hi,{children:[e.jsx(Vi,{className:"cost-modal-backdrop","data-cost-analysis-backdrop":"true"}),e.jsx(Wi,{className:"fixed inset-0 z-[101] flex items-center justify-center p-4",children:e.jsxs(Ki,{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(Gi,{render:e.jsx("h2",{className:"sr-only"}),children:l("dashboard.cost_breakdown.title")}),e.jsx(qi,{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(_r,{size:16,strokeWidth:2,"aria-hidden":!0})}),e.jsx("div",{className:"flex-1 min-h-0 overflow-y-auto oai-scrollbar",children:e.jsxs("div",{className:"px-3 py-6",children:[e.jsx("p",{className:"text-label uppercase tracking-[0.12em] text-oai-gray-500 dark:text-oai-gray-400 mb-2",children:l("dashboard.cost_breakdown.total_label")}),e.jsx("p",{className:"font-bold text-oai-brand tabular-nums tracking-tight leading-none mb-6",style:{fontSize:"clamp(24px, 6.5vw, 32px)"},children:u}),o.length===0?e.jsx("p",{className:"text-body-sm text-oai-gray-500 dark:text-oai-gray-400",children:l("dashboard.cost_breakdown.empty")}):e.jsxs("div",{role:"table","aria-label":l("dashboard.cost_breakdown.title"),children:[e.jsxs("div",{role:"row",className:"flex items-center justify-between gap-4 py-2 mb-2 border-b border-oai-gray-200 dark:border-oai-gray-800 text-label uppercase text-oai-gray-500 dark:text-oai-gray-400",children:[e.jsx("span",{role:"columnheader",children:l("dashboard.cost_breakdown.model_column")}),e.jsx("span",{role:"columnheader",children:l("dashboard.cost_breakdown.cost_column")})]}),o.map((c,h)=>{const m=`fleet-${h}`;return e.jsxs("div",{role:"rowgroup","aria-labelledby":m,className:h>0?"mt-5":"mt-2",children:[e.jsxs("div",{role:"row",className:"flex items-center justify-between gap-4 py-2",children:[e.jsx("span",{id:m,role:"rowheader",className:"flex-1 min-w-0 text-body-sm font-semibold text-oai-black dark:text-oai-white truncate leading-none",children:c.label}),e.jsx("span",{role:"cell",className:"shrink-0 text-body-sm font-semibold text-oai-black dark:text-oai-white tabular-nums leading-none",children:c.costLabel||"—"})]}),c.models.map((x,g)=>e.jsxs("div",{role:"row",className:"flex items-center justify-between gap-4 py-[5px]",children:[e.jsx("span",{role:"cell",className:"flex-1 min-w-0 text-caption text-oai-gray-500 dark:text-oai-gray-400 truncate leading-none",title:x.name,children:x.name}),e.jsx("span",{role:"cell",className:"shrink-0 text-caption text-oai-gray-700 dark:text-oai-gray-300 tabular-nums leading-none",children:x.costLabel||""})]},x.id||`${x.name}-${g}`))]},`${c.label}-${h}`)})]})]})})]})})]})})});function gc({projectKey:t,from:a,to:r,timeZone:s,tzOffsetMinutes:n}={}){const[i,o]=d.useState(null),[u,c]=d.useState(!1),[h,m]=d.useState(null),x=ut();return d.useEffect(()=>{if(!t){o(null),m(null),c(!1);return}let g=!0;return c(!0),m(null),Jo({projectKey:t,from:a,to:r,timeZone:s,tzOffsetMinutes:n}).then(p=>{g&&o(p||null)}).catch(p=>{g&&(m(p?.message||String(p)),o(null))}).finally(()=>{g&&c(!1)}),()=>{g=!1}},[t,a,r,s,n,x]),{data:i,loading:u,error:h}}function ln(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 cn(t){try{return new URL(t).hostname.toLowerCase()}catch{return""}}function dn(t){return t?t==="github.com"||t.endsWith(".github.com")?"github":t.includes("gitlab")||t.startsWith("git.")?"gitlab":"generic":""}function un(t,a){return a&&dn(cn(t))==="github"?a:""}function mn({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 hs="#10b981",Qa=[{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"}],Xa=60;function xc(t,a,r,s){if(!Array.isArray(t)||t.length===0)return[];const n=new Map(t.map(g=>[g.day,g]));let i=a||t[0].day,o=r||t[t.length-1].day;i>o&&([i,o]=[o,i]),s&&o>s&&(o=s);const u=t[t.length-1].day;o<u&&(o=u);const c=new Date(`${i}T00:00:00Z`),h=new Date(`${o}T00:00:00Z`);if(!Number.isFinite(c.getTime())||!Number.isFinite(h.getTime()))return t;const m=Math.round((h.getTime()-c.getTime())/864e5)+1;m>Xa&&c.setUTCDate(c.getUTCDate()+(m-Xa));const x=[];for(;c.getTime()<=h.getTime()&&x.length<Xa;){const g=c.toISOString().slice(0,10);x.push(n.get(g)||{day:g,total_tokens:0,billable_total_tokens:0}),c.setUTCDate(c.getUTCDate()+1)}return x}function er(t){if(!Number.isFinite(t))return"—";const a=t*100;return`${a>=10?Math.round(a):a.toFixed(1)}%`}function wt({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 fc({host:t}){if(!t)return null;let a;const r=dn(t);return r==="github"||r==="gitlab"?a=e.jsx(St,{provider:r,size:12,className:"fill-current"}):a=e.jsx(hl,{size:12}),e.jsx("span",{title:t,"aria-label":t,className:"inline-flex flex-shrink-0 items-center",children:a})}function tr({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 pc({entry:t,query:a={},onClose:r}){const[s,n]=_t.useState(!1),i=typeof t?.project_key=="string"?t.project_key:"",{owner:o,repo:u}=ln(i),c=typeof t?.project_ref=="string"?t.project_ref:"",h=cn(c),{data:m,loading:x,error:g}=gc({projectKey:i,from:a.from,to:a.to,timeZone:a.timeZone,tzOffsetMinutes:a.tzOffsetMinutes}),{formatTokens:p,formatTokensTooltip:y}=Ee(),k=_t.useCallback(()=>n(!0),[]),f=I=>{I.target===I.currentTarget&&s&&r()};_t.useEffect(()=>{const I=L=>{L.key==="Escape"&&k()};return window.addEventListener("keydown",I),()=>window.removeEventListener("keydown",I)},[k]);const v=m?.totals||null,w=re(v?.billable_total_tokens)??0,D=Number(m?.days_active||0),C=re(v?.input_tokens)??0,F=re(v?.cached_input_tokens)??0,A=C+F>0?F/(C+F):null,O=re(m?.range_total_tokens)??0,N=re(v?.total_tokens)??0,j=O>0?N/O:null,S=_t.useMemo(()=>xc(m?.daily,m?.from,m?.to,wr({timeZone:a.timeZone,offsetMinutes:a.tzOffsetMinutes})),[m,a.timeZone,a.tzOffsetMinutes]),E=Qa.reduce((I,L)=>I+(re(v?.[L.key])??0),0),U=Array.isArray(m?.sources)?m.sources:[],$=!x&&!g&&v&&N>0;return e.jsx("div",{onAnimationEnd:f,onClick:I=>{I.target===I.currentTarget&&k()},className:jt("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:jt("relative w-full max-w-4xl max-h-[88vh] backdrop-blur-2xl bg-white/90 dark:bg-oai-gray-900/90 border border-oai-gray-200/50 dark:border-white/10 shadow-2xl rounded-2xl flex flex-col md:flex-row overflow-hidden",s?"animate-tt-modal-exit":"animate-tt-modal"),children:[e.jsx("button",{type:"button",onClick:k,"aria-label":l("dashboard.projects.detail.close_aria"),className:"absolute top-4 right-4 z-50 p-2 rounded-full border border-oai-gray-200/60 dark:border-oai-gray-800/60 bg-white/50 dark:bg-oai-gray-900/50 text-oai-gray-500 dark:text-oai-gray-400 hover:text-oai-gray-900 dark:hover:text-white hover:rotate-90 hover:scale-105 active:scale-95 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-oai-brand/60 transition-all duration-300",children:e.jsx(_r,{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:hs}}),e.jsx("span",{className:"relative inline-flex rounded-full h-1.5 w-1.5",style:{backgroundColor:hs}})]}),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(mn,{githubOwner:un(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(fc,{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]})]}),$?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(wt,{label:l("dashboard.projects.detail.stat_total"),value:p(w),title:y(w)}),e.jsx(wt,{label:l("dashboard.projects.detail.stat_share"),value:j==null?"—":er(j)}),e.jsx(wt,{label:l("dashboard.projects.detail.stat_cache_hit"),value:A==null?"—":er(A)}),e.jsx(wt,{label:l("dashboard.projects.detail.stat_conversations"),value:wa(v.conversation_count)}),e.jsx(wt,{label:l("dashboard.projects.detail.stat_active_days"),value:wa(D)}),e.jsx(wt,{label:l("dashboard.projects.detail.stat_avg_day"),value:D>0?p(Math.round(w/D)):"—"})]}):null]}),e.jsxs("div",{className:"flex-1 min-w-0 overflow-y-auto",children:[x&&e.jsxs("div",{className:"space-y-4 p-5 md:p-6",children:[e.jsx("div",{className:"h-32 rounded-lg bg-oai-gray-100 dark:bg-oai-gray-800 animate-pulse"}),e.jsx("div",{className:"h-16 rounded-lg bg-oai-gray-100 dark:bg-oai-gray-800 animate-pulse"}),e.jsx("div",{className:"h-24 rounded-lg bg-oai-gray-100 dark:bg-oai-gray-800 animate-pulse"})]}),!x&&g&&e.jsx("p",{className:"oai-text-body-sm text-oai-gray-500 dark:text-oai-gray-300 p-5 md:p-6",children:l("dashboard.projects.detail.error")}),!x&&!g&&!$&&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")}),$&&e.jsxs("div",{className:"divide-y divide-zinc-200/50 dark:divide-zinc-800/40",children:[S.length>1&&e.jsxs("section",{className:"px-5 py-5 md:px-6 first:md:pt-6",children:[e.jsx(tr,{children:l("dashboard.projects.detail.section_trend")}),e.jsx("div",{className:"mt-3",children:e.jsx(Ys,{embedded:!0,rows:S,from:S[0]?.day,to:S[S.length-1]?.day,period:"month",showTimeZoneLabel:!1,chartHeightClass:"h-36"})})]}),E>0&&e.jsxs("section",{className:"px-5 py-5 md:px-6 first:md:pt-6",children:[e.jsx(tr,{children:l("dashboard.projects.detail.section_composition")}),e.jsx("div",{className:"mt-3 flex h-1.5 w-full overflow-hidden rounded-full",children:Qa.map(I=>{const L=re(v[I.key])??0;return L<=0?null:e.jsx("div",{style:{width:`${L/E*100}%`,backgroundColor:I.color,minWidth:"2px"}},I.key)})}),e.jsx("div",{className:"mt-2.5 flex flex-wrap gap-x-4 gap-y-1.5",children:Qa.map(I=>{const L=re(v[I.key])??0;return e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"h-1.5 w-1.5 flex-shrink-0 rounded-full",style:{backgroundColor:I.color}}),e.jsx("span",{className:"text-[11px] text-zinc-500 dark:text-zinc-400",children:l(I.labelKey)}),e.jsx("span",{className:"text-[11px] font-bold font-mono text-zinc-900 dark:text-zinc-50 tabular-nums",title:y(L),children:p(L)})]},I.key)})})]}),U.length>0&&e.jsxs("section",{className:"px-5 py-5 md:px-6 first:md:pt-6",children:[e.jsx(tr,{children:l("dashboard.projects.detail.section_sources")}),e.jsx("div",{className:"mt-3 space-y-3.5",children:U.map(I=>{const L=Number(I.total_tokens||0),Y=N>0?L/N:0,q=Y*100,_=Number(I.conversation_count||0),P=ji(I.source||"unknown");return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-1.5 min-w-0",children:[e.jsx(St,{provider:I.source,size:13,className:"flex-shrink-0"}),e.jsx("span",{className:"text-[11px] font-bold uppercase tracking-wide text-zinc-900 dark:text-zinc-50 truncate",children:vt(I.source)}),e.jsxs("span",{className:"hidden text-[10px] font-mono text-zinc-400 dark:text-zinc-500 tabular-nums whitespace-nowrap sm:inline",children:[l("dashboard.projects.detail.source_days",{n:Number(I.days_active||0)}),_>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:y(L),children:p(L)}),e.jsx("span",{className:"w-9 text-right text-[10px] font-mono text-zinc-400 dark:text-zinc-500 tabular-nums",children:er(Y)})]}),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,L>0?1:0))}%`,minWidth:L>0?"3px":0,backgroundColor:P}})})]},I.source)})})]})]})]})]})})}function yc(t){return e.jsx(Qo,{mode:Vt.COMPACT,children:e.jsx(pc,{...t})})}const bc=5;function kc({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}=ln(o),m=un(u,c),x=re(t?.billable_total_tokens??t?.total_tokens)??0,g=a>0?Math.min(100,Math.max(2,x/a*100)):0,p=Array.isArray(t?.sources)?t.sources:[],y=p.slice(0,bc),k=p.length-y.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(mn,{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||"—"})]}),y.length>0&&e.jsxs("div",{className:"mt-0.5 flex items-center gap-1",children:[y.map(f=>e.jsx(St,{provider:f.source,size:12,className:"text-oai-gray-400 dark:text-oai-gray-500"},f.source)),k>0&&e.jsx("span",{className:"oai-text-caption text-oai-gray-400 dark:text-oai-gray-500",children:r("dashboard.projects.sources_more",{n:k})})]})]}),e.jsxs("div",{className:"flex w-24 flex-shrink-0 flex-col items-end gap-1",children:[e.jsx("span",{className:"oai-text-body-sm font-medium text-oai-black dark:text-oai-white tabular-nums",title:n(x),children:s(x)}),e.jsx("div",{className:"h-1 w-full overflow-hidden rounded-full bg-oai-gray-100 dark:bg-oai-gray-800",children:e.jsx("div",{className:"h-full rounded-full bg-emerald-500",style:{width:`${g}%`,minWidth:x>0?"3px":0}})})]})]})}function wc({projectEntries:t=[],projectLimit:a=3,onProjectLimitChange:r,projectDetailQuery:s={},copy:n,hasDetailsActual:i,dailyEmptyPrefix:o,installSyncCmd:u,dailyEmptySuffix:c,detailsColumns:h,ariaSortFor:m,toggleSort:x,sortIconFor:g,pagedDetails:p,dailyBreakdownRows:y=[],dailyBreakdownColumns:k=[],dailyBreakdownAriaSortFor:f,dailyBreakdownSortIconFor:v,dailyBreakdownDateKey:w="day",detailsDateKey:D,renderDetailDate:C,renderDailyBreakdownDate:F,renderDetailCell:A,DETAILS_PAGED_PERIODS:O,period:N,detailsPageCount:j,detailsPage:S,setDetailsPage:E}){const[U,$]=d.useState("daily"),[I,L]=d.useState(null),{formatTokens:Y,formatTokensTooltip:q}=Ee();return e.jsxs(Te,{children:[e.jsxs("div",{className:`flex items-center justify-between gap-3 ${U==="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":U==="daily",type:"button",onClick:()=>$("daily"),className:`text-xs font-medium px-3 py-1.5 rounded transition-colors ${U==="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":U==="projects",type:"button",onClick:()=>$("projects"),className:`text-xs font-medium px-3 py-1.5 rounded transition-colors ${U==="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")})]}),U==="projects"&&e.jsx(Js,{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"})]}),U==="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 P=_.reduce((z,X)=>{const Z=re(X?.billable_total_tokens??X?.total_tokens)??0;return Z>z?Z:z},0);return e.jsx("div",{className:"space-y-1",children:_.map((z,X)=>e.jsx(kc,{entry:z,maxTokens:P,copy:n,formatTokens:Y,formatTokensTooltip:q,onSelect:L},z?.project_key||z?.project_ref||`entry-${X}`))})})(),I&&e.jsx(yc,{entry:I,query:s,onClose:()=>L(null)}),U==="daily"&&e.jsxs("div",{children:[y?.length===0?e.jsxs("div",{className:"oai-text-body-sm text-oai-gray-500 dark:text-oai-gray-300 mb-4",children:[o,e.jsx("code",{className:"mx-1 rounded border border-oai-gray-300 dark:border-oai-gray-700 oai-bg-elevated px-1.5 py-0.5 font-mono oai-text-caption",children:u}),c]}):e.jsx("div",{className:"overflow-auto max-h-[384px] -mx-4 oai-scrollbar",children:e.jsxs("table",{className:"w-full border-collapse",children:[e.jsx("thead",{className:"sticky top-0 z-10",children:e.jsx("tr",{className:"border-b border-oai-gray-200 dark:border-oai-gray-700",children:k.map(_=>e.jsx("th",{"aria-sort":f?.(_.key)||"none",className:"text-left p-0 bg-white dark:bg-oai-gray-900",children:e.jsx("button",{type:"button",onClick:()=>x(_.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:y.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:F?F(_):C(_)}),e.jsx("td",{className:"px-2.5 sm:px-4 py-2 oai-text-body-sm font-medium text-oai-black dark:text-oai-white tabular-nums",children:A(_,"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:A(_,"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:A(_,"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:A(_,"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:A(_,"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:A(_,"conversation_count")})]},String(_?.[w]||_?.day||_?.hour||_?.month||"")))})]})}),U!=="daily"&&O.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:()=>E(_=>Math.max(0,_-1)),disabled:S===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:[S+1," / ",j]}),e.jsx("button",{type:"button",onClick:()=>E(_=>Math.min(j-1,_+1)),disabled:S+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 ka(t){return typeof t!="string"?"":t.trim()}function gs(t){const a=ka(t);return a?a.split(/[_\-\s]+/).filter(Boolean).map(r=>r.slice(0,1).toUpperCase()+r.slice(1).toLowerCase()).join(" "):""}function _c(t){if(!Array.isArray(t))return[];const a=new Map;for(const r of t){if(!r||typeof r!="object")continue;const s=ka(r.tool),n=ka(r.planType)||ka(r.plan_type);if(!s||!n)continue;const i=gs(s)||s,o=gs(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}=Ee(),c=l("shared.placeholder.short"),h=l("shared.unit.percent"),m=t??l("identity_card.rank_placeholder"),x=Number.isFinite(Number(a))?Number(a):0,g=x?l("identity_card.streak_value",{days:x}):l("identity_card.rank_placeholder"),p=_c(r),y={thousandSuffix:l("shared.unit.thousand_abbrev"),millionSuffix:l("shared.unit.million_abbrev"),billionSuffix:l("shared.unit.billion_abbrev")},k=w=>{if(w==null)return c;const D=Je(w,y);return D==="-"?c:D},f={last7d:l("stats.period.last_7d"),last30d:l("stats.period.last_30d"),avg:l("stats.period.avg"),convs:l("stats.period.convs")},v=i.slice(0,3);return e.jsxs(Te,{className:`h-full ${o}`,children:[e.jsxs("div",{className:"grid grid-cols-2 lg:grid-cols-2 xl:grid-cols-4 gap-2",children:[e.jsxs("div",{className:"min-w-0 flex flex-col items-center justify-center px-2 py-2 bg-oai-gray-50 dark:bg-oai-gray-800 rounded-lg",children:[e.jsx("span",{title:u(n?.last_7d?.totals?.billable_total_tokens),className:"w-full min-w-0 truncate text-center text-sm font-semibold text-oai-black dark:text-oai-white tabular-nums",children:k(n?.last_7d?.totals?.billable_total_tokens)}),e.jsx("span",{className:"w-full min-w-0 truncate text-center text-[10px] text-oai-gray-400 dark:text-oai-gray-400 mt-0.5 whitespace-nowrap",children:f.last7d})]}),e.jsxs("div",{className:"min-w-0 flex flex-col items-center justify-center px-2 py-2 bg-oai-gray-50 dark:bg-oai-gray-800 rounded-lg",children:[e.jsx("span",{title:u(n?.last_30d?.totals?.billable_total_tokens),className:"w-full min-w-0 truncate text-center text-sm font-semibold text-oai-black dark:text-oai-white tabular-nums",children:k(n?.last_30d?.totals?.billable_total_tokens)}),e.jsx("span",{className:"w-full min-w-0 truncate text-center text-[10px] text-oai-gray-400 dark:text-oai-gray-400 mt-0.5 whitespace-nowrap",children:f.last30d})]}),e.jsxs("div",{className:"min-w-0 flex flex-col items-center justify-center px-2 py-2 bg-oai-gray-50 dark:bg-oai-gray-800 rounded-lg",children:[e.jsx("span",{title:u(n?.last_30d?.avg_per_active_day),className:"w-full min-w-0 truncate text-center text-sm font-semibold text-oai-black dark:text-oai-white tabular-nums",children:k(n?.last_30d?.avg_per_active_day)}),e.jsx("span",{className:"w-full min-w-0 truncate text-center text-[10px] text-oai-gray-400 dark:text-oai-gray-400 mt-0.5 whitespace-nowrap",children:f.avg})]}),e.jsxs("div",{className:"min-w-0 flex flex-col items-center justify-center px-2 py-2 bg-oai-gray-50 dark:bg-oai-gray-800 rounded-lg",children:[e.jsx("span",{className:"w-full min-w-0 truncate text-center text-sm font-semibold text-oai-black dark:text-oai-white tabular-nums",children:k(s)}),e.jsx("span",{className:"w-full min-w-0 truncate text-center text-[10px] text-oai-gray-400 dark:text-oai-gray-400 mt-0.5 whitespace-nowrap",children:f.convs})]})]}),v.length>0&&e.jsx("div",{className:"mt-4 pt-3 border-t border-oai-gray-100 dark:border-oai-gray-800",children:v.map((w,D)=>{const C=w?.name?String(w.name):c,F=w?.percent?String(w.percent):"",A=D===v.length-1,O=D+1;return e.jsxs("div",{className:`flex items-center py-2 ${A?"":"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:O}),e.jsx("span",{className:"flex-1 text-sm text-oai-gray-700 dark:text-oai-gray-300 truncate px-2.5",title:C,children:C}),e.jsxs("span",{className:"text-sm font-semibold text-oai-black dark:text-oai-white tabular-nums flex-shrink-0",children:[F,h]})]},w.id||C)})}),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,D)=>e.jsxs(vl,{variant:"secondary",size:"sm",children:[w.tool," ",w.plan]},`${w.tool}:${w.plan}:${D}`))}),e.jsxs("div",{className:"mt-4 pt-3 border-t border-oai-gray-100 dark:border-oai-gray-800 flex items-center justify-between text-xs text-oai-gray-400 dark:text-oai-gray-400",children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{children:l("identity_card.rank_label")}),e.jsx("span",{className:"text-oai-gray-500 dark:text-oai-gray-300 tabular-nums",children:m})]}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("span",{children:l("identity_card.streak_label")}),e.jsx("span",{className:"text-oai-gray-500 dark:text-oai-gray-300 tabular-nums",children:g})]})]})]})}let xa=null;function jc(){if(xa===null)try{xa=typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("color","oklch(0 0 0)")}catch{xa=!1}return xa}function Nc(t,a,r){const s=r*Math.PI/180,n=a*Math.cos(s),i=a*Math.sin(s),o=t+.3963377774*n+.2158037573*i,u=t-.1055613458*n-.0638541728*i,c=t-.0894841775*n-1.291485548*i,h=o*o*o,m=u*u*u,x=c*c*c;return[4.0767416621*h-3.3077115913*m+.2309699292*x,-1.2684380046*h+2.6097574011*m-.3413193965*x,-.0041960863*h-.7034186147*m+1.707614701*x].map(p=>{const y=Math.min(1,Math.max(0,p)),k=y<=.0031308?12.92*y:1.055*Math.pow(y,1/2.4)-.055;return Math.round(k*255)})}function hn(t,a,r,s){if(jc())return s==null?`oklch(${t} ${a} ${r})`:`oklch(${t} ${a} ${r} / ${s})`;const[n,i,o]=Nc(t,a,r);return s==null?`rgb(${n} ${i} ${o})`:`rgb(${n} ${i} ${o} / ${s})`}function Ct(t){const a=/^oklch\(\s*([0-9.]+)\s+([0-9.]+)\s+([0-9.]+)\s*\)$/.exec(t);return a?hn(Number(a[1]),Number(a[2]),Number(a[3])):t}const xs={claude:35,codex:250,grok:200},fs={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 Sc(t,a){const r=xs[a]??xs.claude,s=fs[t]||fs.system_prompt;return hn(s.l,s.c,r)}const Cc=[{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"]}],Tc=[["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"]],Ac={duration:.18,ease:[.4,0,.2,1]},Dc={height:0,opacity:0},Mc={height:"auto",opacity:1},Lc={height:0,opacity:0};function Ec(t){const a=Number(t||0);return Number.isFinite(a)&&a>0?a:0}function Ic(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 gn(t,a=null){const r=t.reduce((o,u)=>o+Number(u.totals.total_tokens||0),0),s=Ec(a),n=s||r,i=s&&r>0?s/r:1;return t.map(o=>{const u=i===1?o.totals:Ic(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 Rc(t,a=null){const r=new Map;for(const n of t||[])r.set(n.key,n);const s=Cc.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 gn(s,a)}function Fc(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 gn(c,a)}const ps="MCP: ";function $c(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(ps)?(a.push({...n,name:i.slice(ps.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 ys(t){return l(`dashboard.context_breakdown.category.${t}`)}function Pc(t){return typeof t!="string"?"":t.startsWith("mcp__")?t.split("__").slice(2).join("__")||t:t.includes("/")&&t.split("/").pop()||t}function Bc(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:Pc(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 zc(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:Bc(s),toolCount:s.length}}).filter(a=>a.name).sort((a,r)=>(r.totals.total_tokens||0)-(a.totals.total_tokens||0))}function Oc(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 Uc(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 Hc(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 Vc(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 bs(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 Wc(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 ks(t){return t==="exec_command"||t==="Bash"}function xn(t){return t==="codex"?"dashboard.context_breakdown.empty_codex":t==="grok"?"dashboard.context_breakdown.empty_grok":"dashboard.context_breakdown.empty"}function Kc(t){return t==="codex"?"dashboard.context_breakdown.error_codex":t==="grok"?"dashboard.context_breakdown.error_grok":"dashboard.context_breakdown.error"}function Gc(t){return t==="codex"?"dashboard.context_breakdown.footnote_codex":t==="grok"?"dashboard.context_breakdown.footnote_grok":"dashboard.context_breakdown.footnote"}const qc=10;function Ze({level:t=0,colorSquare:a=null,label:r,labelSuffix:s=null,labelTone:n="default",hasChevron:i=!1,open:o=!1,onToggle:u,tokens:c,percent:h=null,children:m,share:x=null,fillColor:g=null}){const 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",y=e.jsx("span",{className:"shrink-0 flex items-center justify-start",style:{width:qc},"aria-hidden":!a,children:a}),k=e.jsxs(e.Fragment,{children:[y,e.jsx("span",{className:p,children:r}),s,i&&e.jsx(we.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})})]}),f=g&&x!=null&&x>0,v=f?Math.max(0,Math.min(100,x)):0;return e.jsxs("li",{className:"min-w-0 group/row",children:[e.jsxs("div",{className:"relative grid grid-cols-[minmax(0,1fr)_minmax(9rem,max-content)_4rem] items-center gap-x-3 text-xs py-1 px-1 rounded-sm transition-colors duration-150",style:f?{backgroundImage:`linear-gradient(to right, ${g.replace(/\)\s*$/," / 0.10)")} 0%, ${g.replace(/\)\s*$/," / 0.10)")} ${v}%, transparent ${v}%)`}:void 0,children:[i?e.jsx("button",{type:"button",onClick:u,"aria-expanded":o,className:"relative col-start-1 row-start-1 flex items-center gap-1.5 min-w-0 text-left cursor-pointer focus-visible:outline-none focus-visible:ring-inset focus-visible:ring-2 focus-visible:ring-oai-brand/40 rounded-sm",children:k}):e.jsx("div",{className:"relative col-start-1 row-start-1 flex items-center gap-1.5 min-w-0",children:k}),e.jsx("span",{className:"relative col-start-2 row-start-1 text-right whitespace-nowrap tabular-nums text-oai-gray-500 dark:text-oai-gray-400",children:c||""}),e.jsx("span",{className:"relative col-start-3 row-start-1 text-right whitespace-nowrap tabular-nums text-[10px] text-oai-gray-400 dark:text-oai-gray-500 font-normal",children:h||""})]}),i&&m?e.jsx(Sa,{initial:!1,children:o&&e.jsx(we.div,{initial:Dc,animate:Mc,exit:Lc,transition:Ac,style:{overflow:"hidden"},children:m},"content")}):null]})}function ws({execDetails:t,source:a="claude"}){const{formatTokens:r}=Ee(),[s,n]=d.useState("by_type"),i=Vc(Wc(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:Tc.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(we.div,{role:"row",className:`grid ${u} gap-2 py-1.5`,title:c.name,initial:{opacity:0},animate:{opacity:1},transition:{duration:.18,delay:h*.02},children:[e.jsx("span",{role:"cell",className:"min-w-0 text-body-sm font-medium text-oai-black dark:text-oai-white truncate",children:c.name}),e.jsx("span",{role:"cell",className:"text-right text-body-sm tabular-nums text-oai-gray-700 dark:text-oai-gray-300",children:Je(c.calls||0)}),o&&e.jsxs(e.Fragment,{children:[e.jsx("span",{role:"cell",className:"text-right text-body-sm tabular-nums text-oai-gray-700 dark:text-oai-gray-300",children:Je(c.failures||0)}),e.jsx("span",{role:"cell",className:"text-right text-body-sm tabular-nums text-oai-gray-700 dark:text-oai-gray-300",children:bs(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:bs(c.max_duration_ms||0)})]}),e.jsx("span",{role:"cell",className:"text-right text-body-sm tabular-nums text-oai-gray-700 dark:text-oai-gray-300",children:r(c.totals.total_tokens||0)}),o&&e.jsx("span",{role:"cell",className:"text-right text-body-sm tabular-nums text-oai-gray-700 dark:text-oai-gray-300",children:Je(c.output_lines||0)})]},c.name))]})})]})}function Ut({toolSet:t,execDetails:a,source:r,codexQueueFallback:s}){const{formatTokens:n}=Ee(),[i,o]=d.useState({}),[u,c]=d.useState(!1),h=zc(t?.categories||[]);function m(x){o(g=>({...g,[x]:!g[x]}))}return h.length===0?e.jsx("p",{className:"text-[11px] text-oai-gray-400 dark:text-oai-gray-500 py-0.5",children:r==="codex"&&s?l("dashboard.context_breakdown.tool_details.unavailable_codex"):l(xn(r))}):e.jsx("ul",{className:"mt-0.5 mb-0.5 space-y-0.5",children:h.map(x=>{const g=x.toolCount>0,p=x.name==="Execution"&&a,y=p&&x.tools.some(f=>ks(f.name)),k=!!i[x.name];return e.jsxs(Ze,{level:1,label:x.name,labelTone:"strong",hasChevron:g||p&&!y,open:k||p&&!y&&u,onToggle:()=>{g?m(x.name):p&&!y&&c(f=>!f)},tokens:n(x.totals.total_tokens||0),percent:null,children:[g&&e.jsx("ul",{className:"space-y-0.5",children:x.tools.map(f=>{const v=p&&ks(f.name);return e.jsx(Ze,{level:2,label:f.name,labelTone:v?"accent":"default",hasChevron:v,open:u,onToggle:()=>c(w=>!w),tokens:n(f.total_tokens||0),percent:null,children:v&&e.jsx(ws,{execDetails:a,source:r})},f.name)})}),p&&!y&&e.jsx(ws,{execDetails:a,source:r})]},x.name)})})}function Yc({from:t,to:a,source:r="claude",referenceTotalTokens:s=null,onLoadingChange:n=null}){const{formatTokens:i}=Ee(),[o,u]=d.useState(null),[c,h]=d.useState(!1),[m,x]=d.useState(null),[g,p]=d.useState({}),y=d.useRef({});function k(_){p(P=>({...P,[_]:!P[_]}))}if(d.useEffect(()=>{let _=!1;const P=`${t||""}|${a||""}|${r||"claude"}`,z=y.current[P];return u(z||null),h(!0),n?.(!0),x(null),Xo({from:t,to:a,source:r,timeZone:Ks(),tzOffsetMinutes:Ws()}).then(X=>{_||(y.current[P]=X,u(X))}).catch(X=>{_||x(X?.message||String(X))}).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(Kc(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(xn(r))});const f=r==="claude"?Rc(o.categories||[],s):Fc(o,s),v=o.tool_calls_breakdown||null,w=o.skills_breakdown||null,D=o.message_breakdown||null,C=o.configured_resources||null,F=o.exec_command_breakdown||null,A=Uc(w?.skills||[]),O=Oc(D?.categories||[]),N=r==="codex"&&(o?.breakdown_status==="queue_fallback"||o?.fallback==="queue_totals"),j=r==="claude"?v?.tool_calls||null:v||null,{mcpSet:S,residualSet:E,mcpTotalTokens:U}=$c(j),$=r==="claude"&&v?.subagents||null,I=$?.categories?.length>0||(C?.custom_agents_count||0)>0,L=r==="claude"?(E?.categories||[]).reduce((_,P)=>_+Number(P?.totals?.total_tokens||0),0):0,Y=r==="claude"?($?.categories||[]).reduce((_,P)=>_+Number(P?.totals?.total_tokens||0),0):0,q=[...f].sort((_,P)=>(P.totals?.total_tokens||0)-(_.totals?.total_tokens||0));return e.jsxs("div",{role:"region","aria-label":l("dashboard.context_breakdown.bar_aria",{summary:f.filter(_=>_.percent>0).filter(_=>!(r==="claude"&&(_.key==="tool_calls"||_.key==="custom_agents"))).map(_=>`${ys(_.key)} ${_.percent}%`).join(",")}),children:[e.jsxs("ul",{className:"space-y-0.5",children:[q.map(_=>{const P=_.key==="system_prompt",z=_.key==="messages",X=_.key==="tool_calls",Z=_.key==="custom_agents";if(_.key,r==="claude"&&(X||Z))return null;const ue=z&&O.length>0||X&&(E?.categories?.length>0||N)||Z&&I&&$,me=!!g[_.key],ge=Sc(_.key,r),_e=e.jsx("span",{className:"h-2 w-2 rounded-sm shrink-0",style:{backgroundColor:ge},"aria-hidden":"true"}),xe=P?e.jsxs("span",{className:"relative inline-flex shrink-0 group",children:[e.jsx(en,{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(Ze,{level:0,colorSquare:_e,label:ys(_.key),labelSuffix:xe,tokens:i(_.totals?.total_tokens||0),percent:le,hasChevron:ue,open:me,onToggle:()=>k(_.key),share:_.percent,fillColor:ge,children:[z&&e.jsx("ul",{className:"space-y-0.5",children:O.map(G=>e.jsx(Ze,{level:1,label:Hc(G),tokens:i(G.totals.total_tokens||0),percent:null},G.key||G.name))}),X&&E&&e.jsx(Ut,{toolSet:E,execDetails:F,source:r,codexQueueFallback:N}),X&&N&&!E&&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")}),Z&&$&&e.jsx(Ut,{toolSet:$,execDetails:null,source:r,codexQueueFallback:!1})]},_.key)}),r==="claude"&&E?.categories?.length>0&&e.jsx(Ze,{level:0,colorSquare:e.jsx("span",{className:"h-2 w-2 rounded-sm shrink-0 bg-oai-gray-300 dark:bg-oai-gray-600","aria-hidden":"true"}),label:l("dashboard.context_breakdown.category.tool_calls"),tokens:i(L),percent:null,hasChevron:!0,open:!!g.tool_calls_aux,onToggle:()=>k("tool_calls_aux"),children:e.jsx(Ut,{toolSet:E,execDetails:F,source:r,codexQueueFallback:!1})}),r==="claude"&&$?.categories?.length>0&&e.jsx(Ze,{level:0,colorSquare:e.jsx("span",{className:"h-2 w-2 rounded-sm shrink-0 bg-oai-gray-300 dark:bg-oai-gray-600","aria-hidden":"true"}),label:l("dashboard.context_breakdown.category.custom_agents"),tokens:i(Y),percent:null,hasChevron:!0,open:!!g.custom_agents_aux,onToggle:()=>k("custom_agents_aux"),children:e.jsx(Ut,{toolSet:$,execDetails:null,source:r,codexQueueFallback:!1})}),S?.categories?.length>0&&e.jsx(Ze,{level:0,colorSquare:e.jsx("span",{className:"h-2 w-2 rounded-sm shrink-0 bg-oai-gray-300 dark:bg-oai-gray-600","aria-hidden":"true"}),label:l("dashboard.context_breakdown.category.mcp_servers"),tokens:i(U),percent:null,hasChevron:!0,open:!!g.mcp_servers,onToggle:()=>k("mcp_servers"),children:e.jsx(Ut,{toolSet:S,execDetails:null,source:r,codexQueueFallback:!1})}),A.length>0&&e.jsx(Ze,{level:0,colorSquare:e.jsx("span",{className:"h-2 w-2 rounded-sm shrink-0 bg-oai-gray-300 dark:bg-oai-gray-600","aria-hidden":"true"}),label:l("dashboard.context_breakdown.category.skills"),tokens:i(A.reduce((_,P)=>_+(P.total_tokens||0),0)),percent:null,hasChevron:!0,open:!!g.skills,onToggle:()=>k("skills"),children:e.jsx("ul",{className:"space-y-0.5",children:A.slice(0,12).map(_=>e.jsx(Ze,{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(Gc(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,C?e.jsxs("p",{className:"mt-2 text-[10px] text-oai-gray-400 dark:text-oai-gray-500",children:[Je(C.skills_count||0)," skills ·"," ",Je(C.mcp_servers_count||0)," MCP servers ·"," ",Je(C.custom_agents_count||0)," agents ·"," ",Je(C.memory_files_count||0)," memory files"]}):null]})}function fn({size:t=15,className:a=""}){return e.jsxs("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"currentColor",className:a,"aria-hidden":"true",children:[e.jsx("path",{d:"M12 1.6 23 7.4 12 13.2 1 7.4 12 1.6Z"}),e.jsx("path",{d:"m4 10.3-3 1.5 11 5.5 11-5.5-3-1.5-8 4-8-4Z",opacity:"0.72"}),e.jsx("path",{d:"m4 14.6-3 1.5 11 5.5 11-5.5-3-1.5-8 4-8-4Z",opacity:"0.45"})]})}const nt="__all__",Zc=`${100 .toFixed(2)}%`;function Gt(t,a){const r=Number(a);return Number.isFinite(r)&&r>0?t(r):null}function hr(t,a,r){const s=Number(t);if(!Number.isFinite(s)||s<=0)return null;const n=Kt(a);return(a===Vs?s:s*r)<.01?`<${n}0.01`:ja(s,{decimals:2,currency:a,rate:r})}function Jc(t){return Array.isArray(t)?t.map(a=>typeof a=="string"?{key:a,label:_s(a)}:{key:a.key,label:a.label||_s(a.key)}):[]}function Qc(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 Xc={CODEX:"#3b82f6",CLAUDE:"#d97757",OPENCODE:"#f59e0b",GEMINI:"#2196f3",KIMI:"#a78bfa","KILO-CLI":"#facc15","KILO-CODE":"#facc15",MIMO:"#ff6900",DROID:"#ef4444",ZCODE:"#14b8a6",ANYTHINGLLM:"var(--provider-anythingllm)"};function ar(t,a){const r=t?.toUpperCase?.()||"";return Xc[r]||`hsl(${150+a*40}, 60%, 45%)`}function ed(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 td(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 ad(t){return!!t?.models?.length}function pn(t){const a=Number(t?.totalPercentValue??t?.totalPercent);return Number.isFinite(a)?Math.max(0,a):0}function rr(t){const a=pn(t);return a>0&&!(a>=.01)?l("usage.overview.percent_below_threshold"):a.toFixed(2)}const rd={day:"usage.period.day",week:"usage.period.week",month:"usage.period.month",total:"usage.period.total",custom:"usage.period.custom"};function _s(t){const a=rd[t];return a?l(a):String(t).toUpperCase()}function sd({loading:t,onClick:a}){const r=vr();return e.jsx(ti,{variant:"secondary",size:"sm",disabled:t,onClick:a,"aria-label":l("usage.button.refresh"),className:"w-8 p-0",children:e.jsx(we.span,{"aria-hidden":"true",animate:t?{rotate:360}:{rotate:0},transition:t&&!r?{duration:1,repeat:1/0,ease:"linear"}:{duration:.3},style:{display:"inline-block"},children:"↻"})})}function nd(){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 od(){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 id({period:t,periods:a,onPeriodChange:r,summaryValue:s,summaryFullValue:n,onToggleSummaryFormat:i,summaryLabel:o,summaryCostValue:u,onCostInfo:c,fleetData:h=[],onRefresh:m,loading:x,announceLoading:g=!1,summaryLoading:p=!1,providersLoading:y=!1,hasSummary:k=!0,className:f="",customFrom:v,customTo:w,onCustomRangeApply:D,customRangeOpen:C,onCustomRangeOpenChange:F,onOpenShare:A,from:O,to:N,deviceOptions:j=[],selectedDevice:S="",onDeviceChange:E}){const U=Jc(a),$=Si(ai()),I=Qc(String(s??"")),L=()=>typeof window<"u"&&typeof window.matchMedia=="function"&&window.matchMedia("(max-width: 639px)").matches,[Y,q]=d.useState(L);d.useEffect(()=>{if(typeof window>"u"||typeof window.matchMedia!="function")return;const T=window.matchMedia("(max-width: 639px)"),V=ee=>q(ee.matches);return T.addEventListener("change",V),()=>T.removeEventListener("change",V)},[]);const _=I!=null&&!Y,P=d.useRef(null);d.useEffect(()=>{const T=P.current?.querySelector('[aria-selected="true"]');T&&typeof T.scrollIntoView=="function"&&T.scrollIntoView({block:"nearest",inline:"center"})},[t]);const[z,X]=d.useState(null),{resolvedTheme:Z}=ei(),{currency:ue,rate:me}=Na(),{formatTokens:ge}=Ee(),_e=Z==="dark",xe=_e?"rgba(10,10,10,0.98)":"rgba(255,255,255,0.96)",le=_e?"rgba(10,10,10,0)":"rgba(255,255,255,0)",G=p&&!k,B=y&&!h.some(ad);d.useEffect(()=>{X(null)},[t,O,N,S]);const ae=T=>{if(!["ArrowLeft","ArrowRight","Home","End"].includes(T.key))return;const V=Array.from(T.currentTarget.querySelectorAll('[role="tab"]')).filter(se=>!se.disabled),ee=V.indexOf(T.target.closest('[role="tab"]'));if(ee===-1||V.length===0)return;T.preventDefault();let te=ee;T.key==="Home"?te=0:T.key==="End"?te=V.length-1:T.key==="ArrowRight"?te=(ee+1)%V.length:te=(ee-1+V.length)%V.length,V[te].focus(),V[te].click()},pe=_?e.jsx(Ml,{value:I,displayValue:s,fontSize:72,padding:6,gap:1,textColor:"var(--oai-black, #111827)",fontWeight:700,gradientHeight:_e?0:8,gradientFrom:xe,gradientTo:le,counterStyle:{paddingLeft:0,paddingRight:0,gap:0},digitStyle:{width:"0.88ch"}}):s,H=h.filter(T=>T.models?.length>0),he=d.useMemo(()=>dc(h),[h]),ce=he.reduce((T,V)=>T+(Number(V.usage)||0),0),K=H.reduce((T,V)=>T+(Number(V.usd)||0),0),J=z==null?null:z===nt||H.some(function(V){return V.label===z})?z:null;return e.jsx(Te,{className:f,children:e.jsxs("div",{"aria-busy":x||G||B,children:[g?e.jsx("span",{className:"sr-only",role:"status",children:l("qpd.card.updating")}):null,e.jsxs("div",{className:"flex items-center gap-2 mb-6",children:[e.jsx("div",{ref:P,role:"tablist","aria-label":l("usage.overview.tablist_aria"),onKeyDown:ae,className:"flex flex-1 min-w-0 gap-1 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",children:U.map(T=>{const V=t===T.key,ee=`shrink-0 whitespace-nowrap text-xs font-medium px-3 py-1.5 rounded-md transition-colors ${V?"text-oai-black dark:text-oai-white bg-oai-gray-100 dark:bg-oai-gray-800":"text-oai-gray-500 dark:text-oai-gray-300 hover:text-oai-black dark:hover:text-oai-white hover:bg-oai-gray-50 dark:hover:bg-oai-gray-800"}`;if(T.key==="custom"){const te=V&&v&&w?`${ts(v,$)} — ${ts(w,$)}`:T.label;return e.jsxs(Ji,{open:C,onOpenChange:se=>{se?r?.("custom"):F?.(se)},children:[e.jsx(Qi,{render:e.jsx("button",{role:"tab","aria-selected":V,tabIndex:V?0:-1,type:"button",className:ee}),children:te}),e.jsx(Xi,{children:e.jsx(el,{sideOffset:8,side:"bottom",align:"start",className:"!z-[9999]",children:e.jsx(tl,{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(Ni,{from:v,to:w,onApply:D,onCancel:()=>F?.(!1)})})})})]},"custom")}return e.jsx("button",{role:"tab","aria-selected":V,tabIndex:V?0:-1,type:"button",className:ee,onClick:()=>r?.(T.key),children:T.label},T.key)})}),e.jsxs("div",{className:"flex items-center gap-1.5 shrink-0",children:[j.length>1?e.jsx(Js,{value:S,onValueChange:E,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,A?e.jsxs("button",{type:"button",onClick:A,"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(pl,{className:"h-3.5 w-3.5",strokeWidth:2}),l("share.button.label")]}):null,m&&e.jsx(sd,{loading:x,onClick:m})]})]}),e.jsxs("div",{className:"text-center mb-8",children:[e.jsx("div",{className:"text-xs text-oai-gray-500 dark:text-oai-gray-300 uppercase tracking-wider mb-3",children:o}),e.jsxs("div",{className:"relative text-5xl sm:text-6xl md:text-7xl font-bold text-oai-black dark:text-oai-white tracking-tight tabular-nums",children:[e.jsx("div",{className:G?"invisible":void 0,children:i?e.jsx("button",{type:"button",onClick:i,title:n||void 0,"aria-label":l("usage.summary.toggle_aria"),className:"cursor-pointer rounded-lg leading-none transition-opacity hover:opacity-80 focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-oai-brand",children:pe}):e.jsx("span",{title:n||void 0,children:pe})}),e.jsx("div",{className:`absolute inset-0 flex items-center justify-center ${G?"":"hidden"}`,children:e.jsx(nd,{})})]}),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(en,{size:16,strokeWidth:2,className:"opacity-80"})]}):e.jsx("span",{className:"text-xl font-bold text-oai-brand",children:u})})]}),e.jsx("div",{className:B?void 0:"hidden",children:e.jsx(od,{})}),H.length>0&&e.jsxs("div",{className:"space-y-6",children:[e.jsx("div",{role:"img","aria-label":l("usage.overview.distribution_aria",{items:H.map(T=>l("usage.overview.distribution_item",{label:vt(T.label),percent:rr(T)})).join(",")}),className:"h-1.5 w-full bg-oai-gray-100 dark:bg-oai-gray-800 rounded-full overflow-hidden flex",children:H.map((T,V)=>{const ee=ar(T.label,V),te=vt(T.label),se=rr(T);return e.jsx(we.div,{initial:{width:0},animate:{width:`${pn(T)}%`},transition:{duration:.5,delay:.45+V*.04,ease:[.16,1,.3,1]},className:"h-full",style:{backgroundColor:ee},title:`${te}: ${se}%`},T.label)})}),e.jsxs("div",{className:"grid grid-cols-[repeat(auto-fill,minmax(140px,1fr))] gap-3",children:[e.jsxs("button",{type:"button","aria-expanded":J===nt,"aria-controls":"provider-details-all","aria-label":l("usage.overview.all_tools_card_aria",{tokens:Gt(ge,ce)||String(0),cost:hr(K,ue,me)||`${Kt(ue)}0`,count:he.length}),onClick:()=>X(J===nt?null:nt),className:`min-w-0 text-left p-3 rounded-lg border transition-colors duration-200 ${J===nt?"border-oai-gray-300 dark:border-oai-gray-600 bg-oai-gray-50 dark:bg-oai-gray-800":"border-oai-gray-200 dark:border-oai-gray-700 hover:border-oai-gray-300 dark:hover:border-oai-gray-600"}`,children:[e.jsxs("div",{className:"flex items-center gap-1.5 mb-1 min-w-0",children:[e.jsx(fn,{size:15,className:"shrink-0 text-oai-brand dark:text-oai-white"}),e.jsx("span",{className:"text-sm font-medium text-oai-black dark:text-oai-white truncate",children:l("usage.overview.all_tools")})]}),e.jsx("div",{className:"text-lg font-semibold text-oai-black dark:text-oai-white tabular-nums",children:Zc}),e.jsx("div",{className:"mt-0.5 text-[11px] text-oai-gray-400 dark:text-oai-gray-400 tabular-nums",children:l("usage.overview.model_count",{count:he.length})})]}),H.map((T,V)=>{const ee=ar(T.label,V),te=J===T.label,se=vt(T.label),Ge=rr(T);return e.jsxs("button",{"aria-expanded":te,"aria-controls":`provider-details-${T.label}`,"aria-label":l("usage.overview.provider_card_aria",{provider:se,percent:Ge,tokens:Gt(ge,T.usage)||String(0),cost:hr(T.usd,ue,me)||`${Kt(ue)}0`,action:l(te?"usage.overview.collapse":"usage.overview.expand")}),onClick:()=>X(te?null:T.label),className:`min-w-0 text-left p-3 rounded-lg border transition-colors duration-200 ${te?"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(St,{provider:T.label,size:15,color:ee,className:"text-oai-gray-700 dark:text-oai-gray-300 shrink-0"}),e.jsx("span",{className:"text-sm font-medium text-oai-black dark:text-oai-white truncate",title:se,children:se})]}),e.jsxs("div",{className:"text-lg font-semibold text-oai-black dark:text-oai-white tabular-nums",children:[Ge,"%"]}),e.jsx("div",{className:"mt-0.5 text-[11px] text-oai-gray-400 dark:text-oai-gray-400 tabular-nums",children:l("usage.overview.model_count",{count:T.models.length})})]},T.label)})]}),J===nt&&e.jsx("div",{id:"provider-details-all",role:"region","aria-label":l("usage.overview.all_models"),className:"mt-2",children:e.jsx(ld,{models:he})}),J!=null&&J!==nt&&e.jsx("div",{id:`provider-details-${J}`,role:"region","aria-label":l("usage.overview.model_details_aria",{provider:J}),className:"mt-2",children:H.filter(T=>T.label===J).map(T=>{const V=ar(T.label,0),ee=ed(T),te=[...T.models].sort((Ge,de)=>(de.share||0)-(Ge.share||0)),se=ee?td(ee):vt(T.label);return e.jsx(cd,{provider:T,color:V,providerHeading:se,contextSource:ee,from:O,to:N,sortedModels:te},T.label)})})]})]})})}function yn({models:t,color:a}){const{currency:r,rate:s}=Na(),{formatTokens:n,formatTokensTooltip:i}=Ee();return e.jsx("div",{className:"space-y-3",children:t.map(o=>{const u=Gt(n,o.usage),c=hr(o.cost,r,s),h=Math.max(0,Math.min(100,Number(o.share)||0));return e.jsxs("div",{"data-model-rank-row":!0,children:[e.jsxs("div",{className:"grid grid-cols-[minmax(0,1fr)_minmax(8rem,max-content)_minmax(5.5rem,max-content)_4rem] items-baseline gap-x-3 mb-1.5",children:[e.jsx("span",{className:"col-start-1 row-start-1 min-w-0 text-sm text-oai-gray-700 dark:text-oai-gray-300 truncate",title:o.name,children:o.name}),e.jsx("span",{title:i(o.usage),className:"col-start-2 row-start-1 text-right whitespace-nowrap text-sm text-oai-gray-500 dark:text-oai-gray-400 tabular-nums",children:u}),e.jsx("span",{className:"col-start-3 row-start-1 text-right whitespace-nowrap text-sm text-oai-gray-500 dark:text-oai-gray-400 tabular-nums",children:c}),e.jsxs("span",{className:"col-start-4 row-start-1 text-right whitespace-nowrap text-sm text-oai-black dark:text-oai-white tabular-nums",children:[o.share,"%"]})]}),e.jsx("div",{className:"h-[3px] bg-oai-gray-100 dark:bg-oai-gray-800 rounded-full overflow-hidden",role:"progressbar","aria-valuenow":h,"aria-valuemin":0,"aria-valuemax":100,children:e.jsx("div",{className:"h-full transition-[width] duration-500 ease-out",style:{width:`${h}%`,backgroundColor:a,opacity:.45}})})]},o.id||o.name)})})}function ld({models:t}){return e.jsxs("div",{children:[e.jsxs("div",{className:"mb-1.5 flex items-center gap-1.5",children:[e.jsx(fn,{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(yn,{models:t,color:"var(--oai-blue)"})]})}function cd({provider:t,color:a,providerHeading:r,contextSource:s,from:n,to:i,sortedModels:o}){const{formatTokens:u}=Ee(),[c,h]=d.useState(!1),m=String(t?.source||t?.label||"").trim().toLowerCase()==="antigravity";return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-1.5 mb-3",children:[e.jsx(St,{provider:t.label,size:14,color:a,className:"shrink-0"}),e.jsx("span",{className:"text-sm font-medium text-oai-black dark:text-oai-white",children:r}),s&&c&&e.jsx(Zi,{size:12,className:"text-oai-gray-400 dark:text-oai-gray-500 animate-spin shrink-0","aria-label":l("dashboard.context_breakdown.loading_aria")})]}),t.cacheHitRate!=null&&e.jsxs("p",{className:"mb-3 text-[11px] leading-snug text-oai-gray-500 dark:text-oai-gray-400 tabular-nums",children:[e.jsx("span",{className:"font-medium text-oai-gray-600 dark:text-oai-gray-300",children:l("usage.overview.cache_hit_rate_label")})," ",e.jsxs("span",{className:"text-oai-black dark:text-oai-white",children:[t.cacheHitRate,"%"]})," · ",l("usage.overview.cache_hit_rate_detail",{reused:Gt(u,t.cacheReusedTokens)||String(0),input:Gt(u,t.cacheInputTokens)||String(0)})]}),m&&e.jsxs("p",{className:"mb-3 text-[10px] leading-snug text-oai-gray-400 dark:text-oai-gray-500",children:[e.jsxs("span",{className:"font-medium text-oai-gray-500 dark:text-oai-gray-400",children:[l("usage.overview.antigravity_notice_title"),"."]})," ",l("usage.overview.antigravity_notice_body")]}),s?e.jsx("div",{className:"mb-4 pb-4 border-b border-oai-gray-200 dark:border-oai-gray-700",children:e.jsx(Yc,{from:n,to:i,source:s,referenceTotalTokens:t.usage,onLoadingChange:h})}):null,e.jsx(yn,{models:o,color:a})]})}function dd({id:t,children:a,onEmptyChange:r}){const{attributes:s,listeners:n,setNodeRef:i,transform:o,transition:u,isDragging:c}=Ei({id:t}),h=d.useRef(null),m=d.useRef(null);d.useLayoutEffect(()=>{if(!r)return;const g=h.current?h.current.childNodes.length===0:!0;m.current!==g&&(m.current=g,r(t,g))});const x={transform:Ii.Transform.toString(o)||void 0,transition:u,zIndex:c?20:void 0};return e.jsxs("div",{ref:i,style:x,className:jt("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:jt("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:jt("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 ud({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 vs="macAppBannerDismissed",md="leaderboardBannerDismissed",hd="https://github.com/xiufengsun/TokenTracker/releases/latest",js="tokentracker_native_app",fa=(()=>{try{return new URLSearchParams(window.location.search).get("app")==="1"?(localStorage.setItem(js,"1"),!0):localStorage.getItem(js)==="1"}catch{return!1}})();function gd({todayTokens:t=0,isSyncing:a=!1,enterDelay:r=0}){const{openLoginModal:s}=ri(),{signedIn:n}=Gs(),i=ud({todayTokens:t,isSyncing:a}),o=fa?md:vs,[u,c]=d.useState(()=>{try{return localStorage.getItem(o)==="1"?!0:!fa&&new URLSearchParams(window.location.search).get("from")==="menubar"?(localStorage.setItem(vs,"1"),!0):!1}catch{return!1}}),h=d.useCallback(()=>{c(!0);try{localStorage.setItem(o,"1")}catch{}},[o]);if(u)return null;let m,x,g,p,y,k;fa&&n?(m="View the Leaderboard",x="Compare your usage globally",g="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)"})}),y=()=>{window.location.pathname="/leaderboard"}):fa?(m="Join the Leaderboard",x="Log in to compare your usage with others",g="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"})}),y=s):(m="Try the Menu Bar App",x="Always-on stats with Clawd companion",g="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"})}),k=hd);const f=k?we.a:we.button,v=k?{href:k,target:"_blank",rel:"noopener noreferrer"}:{onClick:y};return e.jsx(we.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(al,{state:i,size:56})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("div",{className:"text-sm font-medium text-oai-gray-900 dark:text-oai-white",children:m}),e.jsx("div",{className:"text-xs text-oai-gray-500 dark:text-oai-gray-400 mt-0.5",children:x})]}),e.jsxs("div",{className:"flex items-center gap-2 flex-shrink-0",children:[e.jsxs(f,{...v,whileHover:{scale:1.03},whileTap:{scale:.97},className:"inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium text-white bg-oai-gray-900 dark:bg-oai-white dark:text-oai-gray-900 rounded-md hover:opacity-90 transition-opacity",children:[g,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 Ns="widgetOnboardingDismissed",Ss="tokentracker_native_app",xd=(()=>{try{return new URLSearchParams(window.location.search).get("app")==="1"?(localStorage.setItem(Ss,"1"),!0):localStorage.getItem(Ss)==="1"}catch{return!1}})();function fd({enterDelay:t=0}){const[a,r]=d.useState(()=>{try{return localStorage.getItem(Ns)==="1"}catch{return!1}}),s=d.useCallback(()=>{r(!0);try{localStorage.setItem(Ns,"1")}catch{}},[]);return!xd||qs()?null:e.jsx(Sa,{initial:!1,children:!a&&e.jsxs(we.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 Nr="islandOnboardingDismissed";function pd(){try{return localStorage.getItem(Nr)==="1"}catch{return!1}}function Cs(){try{localStorage.setItem(Nr,"1")}catch{}}function yd(){try{localStorage.removeItem(Nr)}catch{}}function bd({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(we.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(bd,{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 wd({enterDelay:t=0}){const{available:a,settings:r,setSetting:s}=rl(),[n,i]=d.useState(pd),[o,u]=d.useState(!1),c=vr(),h=d.useCallback(()=>{i(!0),Cs()},[]),m=d.useCallback(()=>{if(!a){try{window.location.href="tokentracker://open"}catch{}return}s("dynamicIslandEnabled",!0),o&&s("hideMenuBarIcon",!0),Cs(),i(!0),si({title:l("dashboard.island.enabled_toast"),data:{onUndo:()=>{s("hideMenuBarIcon",!1),s("dynamicIslandEnabled",!1),yd(),i(!1)}}})},[a,o,s]),x=a&&!!r?.dynamicIslandSupported&&!r?.dynamicIslandEnabled,g=!a&&!qs(),p=!n&&(x||g);return e.jsx(Sa,{initial:!1,children:p&&e.jsxs(we.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(sl,{checked:o,onChange:()=>u(y=>!y),ariaLabel:l("settings.labs.island_hide_menubar.aria")})]}):null,e.jsxs("div",{className:"mt-3 flex items-center gap-3",children:[e.jsx(we.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(nl,{size:12,strokeWidth:2,"aria-hidden":!0})]})]})]},"island-onboarding-card")})}function _d({enabled:t=!1,from:a,to:r,accessToken:s,deviceId:n=null}={}){const[i,o]=d.useState(null),[u,c]=d.useState(!1),[h,m]=d.useState(null),x=Yt([t,a,r,s,n]),g=d.useCallback(async()=>{if(!t)return;const p=x();c(!0),m(null);try{const y=await $e(s);if(!p())return;const k=await ni({from:a,to:r,device:n,accessToken:y});if(!p())return;o(k||null)}catch(y){if(!p())return;m(y?.message||String(y)),o(null)}finally{p()&&c(!1)}},[t,a,r,s,n,x]);return d.useEffect(()=>{if(!t){o(null),m(null),c(!1);return}o(null),m(null),c(!0),g()},[t,g]),{data:i,loading:u,error:h,refresh:g}}function bn(t){return t==null?"—":t===0?"$0":t<1?`$${t.toFixed(4)}`:`$${t.toFixed(2)}`}function kn(t){return t==null?"—":`${Math.round(t*100)}%`}function vd(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 jd({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:bn(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:kn(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:vd(t.cost_usd,t.accepted)})]})}function Nd({from:t,to:a,deviceId:r=null}){const{formatTokens:s,formatTokensTooltip:n}=Ee(),{enabled:i}=ol(),{data:o,loading:u}=_d({enabled:i,from:t,to:a,deviceId:r});if(!i)return null;const c=(o&&o.available&&Array.isArray(o.by_model)?o.by_model:[]).filter(g=>g.outcomes>0&&g.key!=="unknown");if(!c.length)return null;const h=c.slice(0,6),m=o.totals||{},x=`${l("qpd.card.subtitle")}${u?` ${l("qpd.card.updating")}`:""}`;return e.jsxs(Te,{children:[e.jsxs("div",{className:"mb-2 flex items-center gap-2",children:[e.jsx("h3",{className:"text-sm font-medium text-oai-black dark:text-oai-white",children:l("qpd.card.title")}),e.jsx("span",{className:"px-1.5 py-0.5 text-[9px] font-semibold tracking-wider text-oai-gray-500 bg-oai-gray-100 dark:text-oai-gray-400 dark:bg-oai-gray-800/80 rounded uppercase",children:l("qpd.card.badge")})]}),e.jsx("p",{className:"mb-3 text-xs text-oai-gray-500 dark:text-oai-gray-400",children:x}),e.jsx("div",{className:"w-full overflow-x-auto oai-scrollbar",children:e.jsxs("table",{className:"w-full text-xs min-w-[340px] sm:min-w-0",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"text-[10px] uppercase tracking-wide text-oai-gray-400 dark:text-oai-gray-500",children:[e.jsx("th",{className:"pb-1.5 pr-2 text-left font-medium",children:l("qpd.card.col_model")}),e.jsx("th",{className:"pb-1.5 px-1.5 text-right font-medium",children:l("qpd.card.col_cost")}),e.jsx("th",{className:"pb-1.5 px-1.5 text-right font-medium",children:l("qpd.card.col_accepted")}),e.jsx("th",{className:"pb-1.5 px-1.5 text-right font-medium",children:l("qpd.card.col_rate")}),e.jsx("th",{className:"pb-1.5 pl-2 pr-2 text-right font-medium",title:l("qpd.card.qpd_tooltip"),children:l("qpd.card.col_qpd")})]})}),e.jsx("tbody",{children:h.map(g=>e.jsx(jd,{row:g},g.key))})]})}),e.jsxs("div",{className:"mt-3 flex items-center justify-between border-t border-oai-gray-200 dark:border-oai-gray-800 pt-2.5 text-[11px] text-oai-gray-500 dark:text-oai-gray-400",children:[e.jsx("span",{children:l("qpd.card.totals",{accepted:m.accepted??0,outcomes:m.outcomes??0,cost:bn(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:kn(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 Sd=new Set(["unknown","synthetic","openai"]);function sr(t){return t==null?"—":`${Math.round(t*100)}%`}function Cd(t){return t==null?"—":t<1?`$${t.toFixed(4)}`:`$${t.toFixed(2)}`}function Ye(t){const a=Number(t);return Number.isFinite(a)?new Intl.NumberFormat().format(Math.round(a)):"0"}function Td(t){const r=String(t?.model||"").trim().toLowerCase().replace(/^<|>$/g,"");return!!r&&!Sd.has(r)&&Number(t?.edit_turns||0)>0}function Ts(){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 Ad({from:t,to:a}){const[r,s]=d.useState({loading:!0,sessions:null,context:null}),n=d.useId(),{enabled:i}=il(),{formatTokens:o}=Ee(),u=f=>o(f,{mode:Vt.COMPACT});d.useEffect(()=>{if(!i){s({loading:!1,sessions:null,context:null});return}let f=!1;return s(v=>({...v,loading:!0})),Promise.all([oi({from:t,to:a}),ii()]).then(([v,w])=>{f||s({loading:!1,sessions:v,context:w})}).catch(()=>{f||s({loading:!1,sessions:null,context:null})}),()=>{f=!0}},[i,t,a]);const c=d.useMemo(()=>(r.sessions?.by_model||[]).filter(Td).slice(0,5),[r.sessions]),h=d.useMemo(()=>(r.sessions?.subagents||[]).slice(0,3),[r.sessions]);if(!i||!r.loading&&!r.sessions?.available&&!r.context?.estimated_fixed_tokens)return null;const m=r.sessions?.summary||{},x=m.edit_session_rate??m.productive_rate,g=m.first_pass_rate??m.one_shot_rate,p=m.edit_sessions??m.productive_sessions??0,y=m.sessions??r.sessions?.session_count??0,k=m.edit_turns??0;return r.loading&&!r.sessions&&!r.context?e.jsxs(Te,{children:[e.jsx(Ts,{}),e.jsx("div",{role:"status",className:"flex h-24 items-center justify-center rounded-lg bg-oai-gray-50 text-xs text-oai-gray-400 dark:bg-oai-gray-800/50 dark:text-oai-gray-500",children:l("sessions.card.loading")})]}):e.jsxs(Te,{children:[e.jsx(Ts,{}),e.jsxs("div",{className:"grid grid-cols-3 gap-2 mb-3",children:[e.jsx(nr,{label:l("sessions.card.edit_sessions"),value:sr(x),detail:l("sessions.card.edit_session_value",{edits:Ye(p),sessions:Ye(y)})}),e.jsx(nr,{label:l("sessions.card.first_pass"),value:sr(g),detail:l("sessions.card.edit_session_value",{edits:Ye(m.first_pass_sessions??m.one_shot_sessions??0),sessions:Ye(p)})}),e.jsx(nr,{label:l("sessions.card.cost_edit"),value:Cd(m.cost_per_edit),detail:l("sessions.card.edit_turn_count",{count:Ye(k)})})]}),e.jsxs("div",{className:"mb-3 flex items-center justify-between gap-3 text-[10px] text-oai-gray-400 dark:text-oai-gray-500",children:[e.jsx("span",{children:l("sessions.card.sample",{sessions:Ye(y),edits:Ye(k)})}),e.jsxs("span",{className:"group relative inline-flex shrink-0",children:[e.jsx("button",{type:"button","aria-describedby":n,className:"cursor-help rounded-sm underline decoration-dotted underline-offset-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-oai-brand/40",children:l("sessions.card.methodology_label")}),e.jsx("span",{id:n,role:"tooltip",className:"pointer-events-none absolute right-0 top-full z-20 mt-2 w-64 rounded-xl border border-oai-gray-200/60 bg-white/95 px-3 py-2 text-left text-[10.5px] font-normal leading-relaxed text-oai-gray-700 opacity-0 shadow-xl backdrop-blur-md transition-opacity duration-150 group-hover:opacity-100 group-focus-within:opacity-100 dark:border-oai-gray-700/70 dark:bg-oai-gray-900/95 dark:text-oai-gray-200",children:l("sessions.card.methodology")})]})]}),!!c.length&&e.jsx("div",{className:"overflow-x-auto oai-scrollbar",children:e.jsxs("table",{className:"w-full min-w-[440px] text-xs",children:[e.jsx("thead",{className:"text-[10px] uppercase tracking-wide text-oai-gray-400",children:e.jsxs("tr",{children:[e.jsx("th",{className:"pb-1.5 text-left font-medium",children:l("sessions.card.model")}),e.jsx("th",{className:"pb-1.5 text-right font-medium",children:l("sessions.card.edit_sessions")}),e.jsx("th",{className:"pb-1.5 text-right font-medium",children:l("sessions.card.first_pass")}),e.jsx("th",{className:"pb-1.5 text-right font-medium",children:l("sessions.card.tokens_edit")})]})}),e.jsx("tbody",{children:c.map(f=>e.jsxs("tr",{className:"border-t border-oai-gray-100 dark:border-oai-gray-800/60",children:[e.jsx("td",{className:"py-2 pr-2 font-mono text-[11px] truncate max-w-[150px]",title:f.model,children:f.model}),e.jsx("td",{className:"py-2 pl-2 text-right tabular-nums",children:l("sessions.card.edit_session_value",{edits:Ye(f.edit_sessions??f.productive_sessions??0),sessions:Ye(f.sessions)})}),e.jsx("td",{className:"py-2 pl-2 text-right tabular-nums",children:sr(f.first_pass_rate??f.one_shot_rate)}),e.jsx("td",{className:"py-2 text-right tabular-nums",children:u(f.tokens_per_edit)})]},f.model))})]})}),r.context?e.jsxs("div",{className:"mt-3 pt-2.5 border-t border-oai-gray-200 dark:border-oai-gray-800 flex items-center justify-between gap-3 text-[11px] text-oai-gray-500 dark:text-oai-gray-400",children:[e.jsx("span",{children:l("sessions.card.context")}),e.jsx("span",{className:"tabular-nums",title:l("sessions.card.context_tooltip"),children:u(r.context.estimated_fixed_tokens)})]}):null,!!h.length&&e.jsxs("div",{className:"mt-2 flex flex-wrap items-center gap-1.5 text-[10px] text-oai-gray-500 dark:text-oai-gray-400",children:[e.jsx("span",{children:l("sessions.card.subagents")}),h.map(f=>e.jsx("span",{className:"rounded-full bg-oai-gray-100 dark:bg-oai-gray-800 px-1.5 py-0.5",children:l("sessions.card.subagent_item",{name:f.name,calls:Math.round(f.calls)})},f.name))]}),e.jsx("p",{className:"mt-2 text-[10px] text-oai-gray-400 dark:text-oai-gray-500",children:l("sessions.card.privacy")})]})}function nr({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 oe({className:t}){return e.jsx("div",{className:jt("rounded bg-oai-gray-200/70 dark:bg-oai-gray-800/70 animate-pulse",t)})}function Dd(){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(oe,{className:"h-2.5 w-2.5 rounded-[2px]"},s))},a))})}function Md(){return e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-4",children:[e.jsxs("div",{className:"lg:col-span-4 flex flex-col gap-4 min-w-0 order-2 lg:order-1",children:[e.jsx(Te,{children:e.jsxs("div",{className:"flex flex-col gap-2.5",children:[e.jsx(oe,{className:"h-4 w-32"}),e.jsx(oe,{className:"h-6 w-24"})]})}),e.jsx(Te,{children:e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsx(oe,{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(oe,{className:"h-3 w-20"}),e.jsx(oe,{className:"h-3 w-12"})]},a))]})}),e.jsx(Te,{children:e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsx(oe,{className:"h-3.5 w-20"}),e.jsx(Dd,{})]})}),e.jsx(Te,{children:e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsx(oe,{className:"h-3.5 w-28"}),e.jsx(oe,{className:"h-32 w-full"})]})})]}),e.jsxs("div",{className:"lg:col-span-8 flex flex-col gap-4 min-w-0 order-1 lg:order-2",children:[e.jsxs(Te,{children:[e.jsxs("div",{className:"flex items-center gap-2 mb-6",children:[e.jsx("div",{className:"flex flex-1 min-w-0 gap-1",children:Array.from({length:5},(t,a)=>e.jsx(oe,{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(oe,{className:"h-8 w-20 rounded-md"}),e.jsx(oe,{className:"h-8 w-8 rounded-md"})]})]}),e.jsxs("div",{className:"flex flex-col items-center gap-4 mb-8",children:[e.jsx(oe,{className:"h-3 w-28"}),e.jsx(oe,{className:"h-14 w-3/5 max-w-xs"}),e.jsx(oe,{className:"h-6 w-24"})]}),e.jsxs("div",{className:"flex flex-col gap-6",children:[e.jsx(oe,{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(oe,{className:"h-[15px] w-[15px] rounded-sm shrink-0"}),e.jsx(oe,{className:"h-3 w-12"})]}),e.jsx(oe,{className:"h-5 w-10"}),e.jsx(oe,{className:"h-2.5 w-14"})]},a))})]})]}),e.jsxs(Te,{children:[e.jsxs("div",{className:"flex items-center gap-1 mb-4",children:[e.jsx(oe,{className:"h-7 w-16 rounded"}),e.jsx(oe,{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(oe,{className:"h-3 w-20 shrink-0"}),Array.from({length:5},(t,a)=>e.jsx(oe,{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(oe,{className:"h-3.5 w-20 shrink-0"}),Array.from({length:5},(r,s)=>e.jsx(oe,{className:"h-3.5 flex-1"},s))]},a))})]})]})]})}const Ld=dl.slice(0,10),As=.06,Ed=.11,Id=.05,Rd=new Set(["macAppBanner","widgetOnboarding"]);function Ds({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(cl,{logos:Ld,columnCount:6})})})]})]}),e.jsx("div",{className:"lg:col-span-5 flex justify-center",children:e.jsxs(we.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 Fd(t){const{copy:a,onOpenShare:r,screenshotMode:s,showExpiredGate:n,showAuthGate:i,identityDisplayName:o,identityStartDate:u,activeDays:c,identitySubscriptions:h,identityScrambleDurationMs:m,projectUsageEntries:x,projectUsageLimit:g,setProjectUsageLimit:p,projectDetailQuery:y,topModels:k,signedIn:f,publicMode:v,isLocalMode:w,shouldShowInstall:D,installPrompt:C,handleCopyInstall:F,installCopied:A,installInitCmdDisplay:O,trendRowsForDisplay:N,trendFromForDisplay:j,trendToForDisplay:S,trendZoomConfig:E,usageFrom:U,usageTo:$,period:I,trendTimeZoneLabel:L,activityHeatmapBlock:Y,periodsForDisplay:q,setSelectedPeriod:_,customFrom:P,customTo:z,onCustomRangeApply:X,customRangeOpen:Z,onCustomRangeOpenChange:ue,summaryLabel:me,summaryValue:ge,summaryFullValue:_e,hasSummary:xe,summaryLoading:le,providersLoading:G,onToggleSummaryFormat:B,summaryTotalTokensRaw:ae,summaryCostValue:pe,summaryConversationsValue:H,rollingUsage:he,costInfoEnabled:ce,openCostModal:K,costModalOpen:J,closeCostModal:T,allowBreakdownToggle:V,refreshAll:ee,usageLoadingState:te,announceUsageLoading:se,initialDashboardLoading:Ge,fleetData:de,hasDetailsActual:Pe,dailyEmptyPrefix:Oe,installSyncCmd:Se,dailyEmptySuffix:Tt,detailsColumns:ye,ariaSortFor:be,toggleSort:Ie,sortIconFor:Ue,pagedDetails:At,dailyBreakdownRows:mt,dailyBreakdownColumns:He,dailyBreakdownAriaSortFor:Ca,dailyBreakdownSortIconFor:Qe,dailyBreakdownDateKey:Ta,detailsDateKey:Aa,renderDetailDate:ht,renderDailyBreakdownDate:Q,renderDetailCell:Zt,DETAILS_PAGED_PERIODS:ve,detailsPageCount:je,detailsPage:Re,setDetailsPage:gt,deviceOptions:Dt,selectedDevice:Jt,onDeviceChange:Qt,deviceUsageBlock:Mt,leftCardOrder:Da,onLeftReorder:Ve,rightCardOrder:Xt,onRightReorder:at}=t,Lt=null,Ma=null,[ea,ta]=d.useState(()=>new Set),Et=d.useCallback((ie,ne)=>{Rd.has(ie)&&ta(Ne=>{if(Ne.has(ie)===ne)return Ne;const Xe=new Set(Ne);return ne?Xe.add(ie):Xe.delete(ie),Xe})},[]),La={macAppBanner:w,statsPanel:!0,islandOnboarding:w,widgetOnboarding:w,installCopy:D,activityHeatmap:!!Y,deviceUsage:!!Mt,trendMonitor:!s,qualityPerDollar:!s,sessionInsights:w&&!s},It=(Da||[]).filter(ie=>La[ie]&&!ea.has(ie)),Rt={usageOverview:!0,dataDetails:!s},Ea=(Xt||[]).filter(ie=>Rt[ie]&&!ea.has(ie));function rt(ie,ne){switch(ie){case"macAppBanner":return e.jsx(gd,{todayTokens:ae,isSyncing:te,enterDelay:ne});case"statsPanel":return e.jsx(st,{delay:ne,children:e.jsx(vc,{title:a("dashboard.identity.title"),subtitle:a("dashboard.identity.subtitle"),period:I,startDate:u??a("identity_card.rank_placeholder"),streakDays:c,subscriptions:h,periodConversations:H,rolling:he,topModels:k})});case"islandOnboarding":return e.jsx(wd,{enterDelay:ne});case"widgetOnboarding":return e.jsx(fd,{enterDelay:ne});case"installCopy":return e.jsx(st,{delay:ne,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:C}),e.jsxs(we.button,{onClick:F,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:O}),e.jsx(we.span,{initial:{opacity:0,y:-5},animate:{opacity:1,y:0},className:"text-xs text-oai-brand",children:A?"Copied ✓":"Copy"},A?"copied":"copy")]})]})});case"activityHeatmap":return e.jsx(st,{delay:ne,children:Y});case"deviceUsage":return e.jsx(st,{delay:ne,children:Mt});case"trendMonitor":return e.jsx(st,{delay:ne,children:e.jsx(Ys,{rows:N,from:j,to:S,period:I,timeZoneLabel:L,showTimeZoneLabel:!1,zoomConfig:E})});case"qualityPerDollar":return e.jsx(Nd,{from:U,to:$,deviceId:Jt});case"sessionInsights":return e.jsx(Ad,{from:U,to:$});default:return null}}function aa(ie,ne){switch(ie){case"usageOverview":return e.jsx(st,{delay:ne,children:e.jsx(id,{period:I,periods:q,onPeriodChange:_,summaryLabel:me,summaryValue:ge,summaryFullValue:_e,hasSummary:xe,summaryLoading:le,providersLoading:G,onToggleSummaryFormat:xe?B:null,summaryCostValue:pe,onCostInfo:ce?K:null,fleetData:de,onRefresh:s?null:ee,loading:te,announceLoading:se,onOpenShare:s?null:r,customFrom:P,customTo:z,onCustomRangeApply:X,customRangeOpen:Z,onCustomRangeOpenChange:ue,from:U,to:$,deviceOptions:Dt,selectedDevice:Jt,onDeviceChange:Qt})});case"dataDetails":return e.jsx(st,{delay:ne,children:e.jsx(wc,{projectEntries:x,projectLimit:g,onProjectLimitChange:p,projectDetailQuery:y,copy:a,hasDetailsActual:Pe,dailyEmptyPrefix:Oe,installSyncCmd:Se,dailyEmptySuffix:Tt,detailsColumns:ye,ariaSortFor:be,toggleSort:Ie,sortIconFor:Ue,pagedDetails:At,dailyBreakdownRows:mt,dailyBreakdownColumns:He,dailyBreakdownAriaSortFor:Ca,dailyBreakdownSortIconFor:Qe,dailyBreakdownDateKey:Ta,detailsDateKey:Aa,renderDetailDate:ht,renderDailyBreakdownDate:Q,renderDetailCell:Zt,DETAILS_PAGED_PERIODS:ve,period:I,detailsPageCount:je,detailsPage:Re,setDetailsPage:gt})});default:return null}}const We=Ri(as(Oi,{activationConstraint:{distance:6}}),as(zi,{coordinateGetter:Bi})),fe=d.useCallback(ie=>{const{active:ne,over:Ne}=ie;!Ne||ne.id===Ne.id||Ve?.(String(ne.id),String(Ne.id))},[Ve]),Ia=d.useCallback(ie=>{const{active:ne,over:Ne}=ie;!Ne||ne.id===Ne.id||at?.(String(ne.id),String(Ne.id))},[at]);function Ft(ie,ne,Ne,Xe){return s?e.jsx(e.Fragment,{children:ie.map((Ce,xt)=>e.jsx(_t.Fragment,{children:ne(Ce,Ne+As*xt)},Ce))}):e.jsx(Fi,{sensors:We,onDragEnd:Xe,children:e.jsx($i,{items:ie,strategy:Pi,children:ie.map((Ce,xt)=>e.jsx(dd,{id:Ce,onEmptyChange:Et,children:ne(Ce,Ne+As*xt)},Ce))})})}const ra=Ft(It,rt,Ed,fe),Ra=Ft(Ea,aa,Id,Ia);return e.jsxs(e.Fragment,{children:[e.jsxs(_l,{bare:!s,hideHeader:s,header:Lt,footer:s?null:Ma,className:s?"screenshot-mode":"",children:[i&&e.jsx(Ds,{title:a("dashboard.auth_gate.hero_title"),desc:a("dashboard.auth_gate.desc"),copy:a,loginCard:e.jsx(rs,{title:a("dashboard.auth_gate.title"),subtitle:a("dashboard.auth_gate.subtitle"),hideLogo:!0,className:"bg-transparent rounded-xl"})}),n&&e.jsx(Ds,{title:a("dashboard.expired_gate.hero_title"),desc:a("dashboard.expired_gate.desc"),copy:a,loginCard:e.jsx(rs,{title:a("dashboard.expired_gate.title"),subtitle:a("dashboard.expired_gate.subtitle"),hideLogo:!0,className:"bg-transparent rounded-xl"})}),!i&&!n&&Ge&&e.jsx(Md,{}),!i&&!n&&!Ge&&e.jsx(e.Fragment,{children:e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-4",children:[e.jsx("div",{className:"lg:col-span-4 flex flex-col gap-4 min-w-0 order-2 lg:order-1",children:ra}),e.jsx("div",{className:"lg:col-span-8 flex flex-col gap-4 min-w-0 order-1 lg:order-2",children:Ra})]})})]}),e.jsx(hc,{isOpen:J,onClose:T,fleetData:de})]})}function $d({from:t,to:a,timeZone:r,tzOffsetMinutes:s,accountView:n=!1,accountAccessToken:i=null,accountRevision:o=0}={}){const u=!!(n&&i),[c,h]=d.useState([]),[m,x]=d.useState([]),[g,p]=d.useState(!1),[y,k]=d.useState(null),f=Yt([u,t,a,r,s,i,o]),v=d.useCallback(async()=>{const w=f();if(!u){h([]),x([]),p(!1),k(null);return}p(!0),k(null);try{const D=await $e(i);if(!w())return;const C=await li({from:t,to:a,timeZone:r,tzOffsetMinutes:s,accessToken:D});if(!w())return;h(Array.isArray(C?.devices)?C.devices:[]),x(Array.isArray(C?.account_sources)?C.account_sources:[])}catch(D){if(!w())return;k(D?.message||String(D)),h([]),x([])}finally{w()&&p(!1)}},[u,i,t,a,r,s,o,f]);return d.useEffect(()=>{h([]),x([]),k(null),u&&p(!0),v()},[u,v]),{devices:c,accountSources:m,loading:g,error:y,refresh:v}}const Pd=/^Token Tracker \(dashboard\)(?: #([0-9a-fA-F]+))?$/;function Ms(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 gr(t){if(!t)return null;const a=typeof t.device_name=="string"?t.device_name.trim():"",r=a.match(Pd);if(!r)return a||null;const s=(r[1]||String(t.id||"")).slice(0,8).toLowerCase();return s?`${Ms(t.platform)} · ${s}`:Ms(t.platform)}const Ls=" · ",Es="%";function Is({platform:t,className:a}){const r=String(t||"").toLowerCase();return r.includes("darwin")||r.includes("mac")?e.jsx(xl,{className:a,"aria-hidden":!0}):r.includes("win")?e.jsx(Gr,{className:a,"aria-hidden":!0}):r.includes("linux")?e.jsx(Gr,{className:a,"aria-hidden":!0}):e.jsx(tn,{className:a,"aria-hidden":!0})}function Rs(t,a){return a===t?.id||t?.isCurrent===!0}function Bd({devices:t=[],accountSources:a=[],currentDeviceId:r="",selectedDeviceId:s="",onSelectDevice:n,onRenameDevice:i}){const{formatTokens:o,formatTokensTooltip:u}=Ee(),[c,h]=d.useState(""),[m,x]=d.useState(""),[g,p]=d.useState(!1),[y,k]=d.useState(""),f=typeof i=="function",v=typeof n=="function",w=!!s,D=t.reduce((j,S)=>j+(Number(S.total_tokens)||0),0)+a.reduce((j,S)=>j+(Number(S.total_tokens)||0),0),C=d.useMemo(()=>t.filter(j=>(Number(j.total_tokens)||0)>0).sort((j,S)=>(Number(S.total_tokens)||0)-(Number(j.total_tokens)||0)),[t]);function F(j){k(""),h(j.id);const S=typeof j.device_name=="string"?j.device_name:"";x(gr(j)===S?S:"")}function A(){h(""),x(""),k("")}async function O(j){const S=m.trim();if(!(!S||g)){p(!0),k("");try{await i(j.id,S),h(""),x("")}catch{k(j.id)}finally{p(!1)}}}const N=a.filter(j=>(Number(j.total_tokens)||0)>0);return C.length===0&&N.length===0?e.jsxs(Te,{bodyClassName:"!px-3 !py-3.5",children:[e.jsx("div",{className:"flex items-center justify-between gap-2 mb-2 px-2",children:e.jsx("div",{className:"text-sm font-medium text-oai-gray-500 dark:text-oai-gray-300 uppercase tracking-wide px-2",children:l("dashboard.device_card.title")})}),e.jsxs("div",{className:"flex flex-col items-center justify-center py-6 text-center",children:[e.jsx(tn,{className:"h-7 w-7 text-oai-gray-300 dark:text-oai-gray-600 mb-2 stroke-[1.5]"}),e.jsx("p",{className:"text-[11px] text-oai-gray-500 dark:text-oai-gray-400 font-medium",children:l("dashboard.device_card.empty")})]})]}):e.jsxs(Te,{bodyClassName:"!px-3 !py-3.5",children:[e.jsxs("div",{className:"flex items-center justify-between gap-2 mb-2 px-2",children:[e.jsx("div",{className:"text-sm font-medium text-oai-gray-500 dark:text-oai-gray-300 uppercase tracking-wide",children:l("dashboard.device_card.title")}),v&&w&&e.jsx("button",{type:"button",onClick:()=>n(""),className:"text-xs text-oai-gray-400 hover:text-oai-brand focus:outline-none transition-colors",children:l("dashboard.device_card.clear")})]}),e.jsxs("div",{className:"space-y-[2px]",children:[C.map(j=>{const S=Number(j.total_tokens)||0,E=D>0?(S/D*100).toFixed(1):"0.0",U=s===j.id,$=gr(j)||l("dashboard.device_card.unnamed"),I=c===j.id,L=U?"bg-oai-brand":w?"bg-oai-gray-300 dark:bg-oai-gray-600":"bg-oai-brand/50",Y=w&&!U?"opacity-40 hover:opacity-80":"opacity-100";return e.jsxs("div",{className:"group relative",children:[I?e.jsxs("div",{className:"w-full rounded-md px-2 py-1.5 bg-oai-gray-50/50 dark:bg-oai-gray-900/40",children:[e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsxs("div",{className:"flex items-center gap-2 min-w-0 flex-1",children:[e.jsx(Is,{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:g,maxLength:60,placeholder:l("dashboard.device_card.rename_placeholder"),onChange:q=>x(q.target.value),onKeyDown:q=>{q.key==="Enter"?O(j):q.key==="Escape"&&A()},className:"flex-1 min-w-0 bg-transparent text-xs font-medium text-oai-black dark:text-oai-white border-b border-oai-gray-300 dark:border-oai-gray-700 focus:outline-none focus:border-oai-brand py-0"})]}),e.jsxs("div",{className:"shrink-0 flex items-center gap-0.5",children:[e.jsx("button",{type:"button","aria-label":l("dashboard.device_card.rename_save"),disabled:g||!m.trim(),onClick:()=>O(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(ul,{className:"h-3.5 w-3.5"})}),e.jsx("button",{type:"button","aria-label":l("dashboard.device_card.rename_cancel"),disabled:g,onClick:A,className:"text-oai-gray-400 hover:text-oai-black dark:hover:text-white disabled:opacity-30 transition-colors p-0.5",children:e.jsx(_r,{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 ${L}`,style:{width:`${E}%`}})})]}):e.jsxs(e.Fragment,{children:[e.jsxs("button",{type:"button","aria-pressed":U,"aria-label":`${l("dashboard.device_filter.aria")}: ${$}${Rs(j,r)?` (${l("dashboard.device_card.current")})`:""}`,onClick:()=>n?.(U?"":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 ${Y} ${U?"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(Is,{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:$,children:$}),Rs(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(S),className:`shrink-0 text-[13px] font-semibold tabular-nums text-oai-black dark:text-oai-white transition-opacity duration-150 ${f?"group-hover:opacity-0":""}`,children:[o(S),e.jsxs("span",{className:"text-oai-gray-400 dark:text-oai-gray-500 font-normal",children:[Ls,E,Es]})]})]}),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 ${L}`,style:{width:`${E}%`}})})]}),f&&e.jsx("button",{type:"button","aria-label":l("dashboard.device_card.rename_aria"),onClick:()=>F(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(ll,{className:"h-3 w-3"})})]}),y===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 S=Number(j.total_tokens)||0,E=D>0?(S/D*100).toFixed(1):"0.0",U=w?"opacity-40":"opacity-100";return e.jsxs("div",{className:`rounded-md px-2 py-1.5 transition-all duration-200 ${U}`,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(St,{provider:j.source,size:14})}),e.jsx("span",{className:"block truncate text-[13px] font-medium text-oai-black dark:text-oai-white",children:vt(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(S),className:"shrink-0 text-[13px] font-semibold tabular-nums text-oai-black dark:text-oai-white",children:[o(S),e.jsxs("span",{className:"text-oai-gray-400 dark:text-oai-gray-500 font-normal",children:[Ls,E,Es]})]})]}),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:`${E}%`}})})]},`account-${j.source}`)})]})]})}function wn(){return typeof window>"u"?!1:!!window?.webkit?.messageHandlers?.nativeBridge}const ct=new Map,dt=new Map;function _n(){typeof window>"u"||window.__tokentrackerNativeSaveListener||(window.__tokentrackerNativeSaveListener=!0,window.addEventListener("native:saveImageResult",t=>{const a=t?.detail||{},r=typeof a.requestId=="string"?a.requestId:null;if(!r||!ct.has(r))return;const s=ct.get(r);ct.delete(r),s({ok:!!a.ok,path:typeof a.path=="string"?a.path:void 0,error:typeof a.error=="string"?a.error:void 0})}),window.addEventListener("native:copyImageResult",t=>{const a=t?.detail||{},r=typeof a.requestId=="string"?a.requestId:null;if(!r||!dt.has(r))return;const s=dt.get(r);dt.delete(r),s({ok:!!a.ok,error:typeof a.error=="string"?a.error:void 0})}))}async function zd(t){if(!wn()||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"};_n();const r=`copy_${Date.now()}_${Math.random().toString(36).slice(2,8)}`;return new Promise(s=>{const n=window.setTimeout(()=>{dt.has(r)&&(dt.delete(r),s({ok:!1,error:"timeout"}))},8e3);dt.set(r,i=>{window.clearTimeout(n),s(i)});try{a.postMessage({type:"action",name:"copyImageToClipboard",requestId:r,dataUrl:t})}catch(i){dt.delete(r),window.clearTimeout(n),s({ok:!1,error:i?.message||String(i)})}})}async function Fs(t,a){if(!wn()||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"};_n();const s=`save_${Date.now()}_${Math.random().toString(36).slice(2,8)}`;return new Promise(n=>{const i=window.setTimeout(()=>{ct.has(s)&&(ct.delete(s),n({ok:!1,error:"timeout"}))},8e3);ct.set(s,o=>{window.clearTimeout(i),n(o)});try{r.postMessage({type:"action",name:"saveImageToDownloads",requestId:s,filename:a,dataUrl:t})}catch(o){ct.delete(s),window.clearTimeout(i),n({ok:!1,error:o?.message||String(o)})}})}const vn=1200,jn=1630,Nn={broadsheet:{width:1200,height:1630},"annual-report":{width:1080,height:1865}},Od="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 or=!1;function Ud(){if(typeof document>"u"||or)return;if(document.querySelector('link[data-share-card-fonts="true"]')){or=!0;return}const a=document.createElement("link");a.rel="stylesheet",a.href=Od,a.dataset.shareCardFonts="true",a.crossOrigin="anonymous",document.head.appendChild(a),or=!0}async function Hd(){if(typeof document>"u")return;const t=document.fonts;if(!(!t||typeof t.ready?.then!="function"))try{await t.ready}catch{}}async function Vd(t,a={}){if(typeof window>"u"||!t)return null;Ud(),await Hd(),await new Promise(c=>requestAnimationFrame(()=>c(null)));const{toBlob:r,toPng:s}=await ci(async()=>{const{toBlob:c,toPng:h}=await import("./index-BFIcLxb4.js");return{toBlob:c,toPng:h}},[]),n=a.pixelRatio??2,i=t.offsetWidth||vn,o=t.offsetHeight||jn,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 ir(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 $s(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 xr(t){const a=re(t);return Number.isFinite(a)?a:0}function Wd(t){return t?xr(t.billable_total_tokens??t.total_tokens):0}function Kd(t){const a=Array.isArray(t?.weeks)?t.weeks:[];if(!a.length)return{weeks:[],totalDays:0,activeDays:0};let r=0,s=0;return{weeks:a.map(i=>(Array.isArray(i)?i:[]).slice(0,7).map(u=>{const c=!!u?.future,h=Number.isFinite(u?.level)?Math.max(0,Math.min(4,Math.round(u.level))):0;u?.day&&!c&&(r+=1,h>0&&(s+=1));const m=u?.billable_total_tokens??u?.total_tokens??u?.value??0,x=Number.isFinite(m)?Math.max(0,m):0;return{day:typeof u?.day=="string"?u.day:"",level:h,value:x,future:c}})),totalDays:r,activeDays:s}}function Gd(t){const{handle:a,startDate:r,activeDays:s,summary:n,topModels:i,rank:o,period:u,periodFrom:c,periodTo:h,heatmap:m,capturedAt:x,currency:g,exchangeRate:p}=t,y=Wd(n),k=xr(n?.total_cost_usd),f=Array.isArray(i)?i.slice(0,3).map(w=>({id:w?.id??null,name:typeof w?.name=="string"&&w.name?w.name:"—",tokens:xr(w?.tokens),percent:typeof w?.percent=="string"&&w.percent?w.percent:"0.0"})):[],v=Kd(m);return{handle:a||"—",startDate:r||null,activeDays:Number.isFinite(s)&&s>0?Math.floor(s):0,totalTokens:y,totalCost:k,period:u,periodFrom:c,periodTo:h,topModels:f,rank:typeof o=="number"&&Number.isFinite(o)&&o>0?Math.floor(o):null,heatmapWeeks:v.weeks,heatmapTotalDays:v.totalDays,heatmapActiveDays:v.activeDays,capturedAt:x||new Date().toISOString(),currency:typeof g=="string"&&g.length>0?g.toUpperCase():"USD",exchangeRate:Number.isFinite(p)&&p>0?p:1}}const qd=["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 Yd(t){const a=qd[t];return a?l(a):"—"}function Sn(t,a){return l("share.date.month_year",{month:Yd(t),year:a})}function Zd(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:Sn(n,r)}function Jd(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 Sn(a.getUTCMonth(),a.getUTCFullYear())}return l(`usage.period.${t.period}`)}function fr(t){return Number.isFinite(t)?Math.round(t).toLocaleString("en-US"):"—"}function Cn(t,a={}){const{currency:r="USD",rate:s=1}=a,n=Kt(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 Qd(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 Xd(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 eu(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 tu({weeks:t,palette:a,width:r,gap:s=3,radius:n=2,emptyColor:i}){if(!Array.isArray(t)||t.length===0||!r||r<=0)return null;const o=a||["#eee","#ccc","#999","#666","#333"],u=i||o[0],c=t.length,h=(c-1)*s,m=Math.max(4,(r-h)/c),x=7*m+6*s;return e.jsx("svg",{width:r,height:x,viewBox:`0 0 ${r} ${x}`,xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,style:{display:"block"},children:t.map((g,p)=>(Array.isArray(g)?g:[]).map((k,f)=>{if(f>=7)return null;const v=eu(k),w=p*(m+s),D=f*(m+s),C=v===null?u:o[v];return e.jsx("rect",{x:w,y:D,width:m,height:m,rx:n,ry:n,fill:C},`${p}-${f}`)}))})}const au=Ct("oklch(0.97 0.01 85)"),Le=Ct("oklch(0.18 0.02 85)"),et=Ct("oklch(0.38 0.015 85)"),Ps=Ct("oklch(0.55 0.012 85)"),ot=Ct("oklch(0.55 0.22 25)"),it='"Instrument Serif", "Times New Roman", Georgia, serif',ru='"Inter Tight", "Helvetica Neue", Arial, sans-serif',su=["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(Ct);function Tn({data:t}){const a=Jd(t),r=fr(t.totalTokens),s=Cn(t.totalCost,{currency:t.currency,rate:t.exchangeRate}),n=Zd(t.startDate),i=Xd(r,{baseSize:188,baseChars:9,shrinkPerChar:14,minSize:104}),o=Qd(t),u=Array.isArray(t.heatmapWeeks)&&t.heatmapWeeks.length>0;return e.jsxs("div",{style:{width:"100%",height:"100%",background:au,color:Le,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 ${Ps}`},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:14,fontSize:14,fontWeight:500,letterSpacing:"0.22em",textTransform:"uppercase",color:Le},children:[e.jsx("div",{style:{width:10,height:10,borderRadius:"50%",background:ot}}),"The Token Tracker"]}),e.jsxs("div",{style:{fontSize:12,letterSpacing:"0.22em",textTransform:"uppercase",color:et,textAlign:"right"},children:[l("share.card.broadsheet.issue")," № ",a]})]}),e.jsxs("div",{style:{marginTop:24,display:"flex",justifyContent:"space-between",alignItems:"flex-end",gap:24},children:[e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:12,letterSpacing:"0.2em",textTransform:"uppercase",color:et,marginBottom:6},children:l("share.card.broadsheet.by")}),e.jsx("div",{style:{fontFamily:it,fontSize:52,fontStyle:"italic",lineHeight:1,color:Le,letterSpacing:"-0.01em"},children:t.handle})]}),e.jsxs("div",{style:{fontSize:12,letterSpacing:"0.18em",textTransform:"uppercase",color:et,textAlign:"right",lineHeight:1.6},children:[l("share.card.broadsheet.tracked_since"),e.jsx("br",{}),e.jsx("span",{style:{color:Le},children:n})]})]}),e.jsxs("div",{style:{marginTop:40,display:"flex",flexDirection:"column"},children:[e.jsx("div",{style:{fontSize:13,letterSpacing:"0.3em",textTransform:"uppercase",color:ot,marginBottom:10},children:l("share.card.broadsheet.total_tokens")}),e.jsx("div",{style:{fontFamily:it,fontSize:i,fontWeight:400,lineHeight:.86,letterSpacing:"-0.032em",color:Le,fontFeatureSettings:'"lnum" 1, "tnum" 1',whiteSpace:"nowrap",overflow:"hidden"},children:r}),e.jsxs("div",{style:{marginTop:14,fontFamily:it,fontStyle:"italic",fontSize:34,lineHeight:1.15,color:Le,letterSpacing:"-0.005em",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:["“",o,"”"]}),e.jsx("div",{style:{marginTop:14,height:1,background:ot,width:"100%"}}),e.jsxs("div",{style:{marginTop:10,display:"flex",justifyContent:"space-between",fontSize:13,letterSpacing:"0.16em",textTransform:"uppercase",color:et},children:[e.jsxs("span",{children:[l("share.card.broadsheet.estimated_spend")," · ",s]}),e.jsx("span",{children:l("share.card.broadsheet.billable_days",{days:t.activeDays})})]})]}),u?e.jsxs("section",{style:{marginTop:40},children:[e.jsxs("div",{style:{display:"flex",alignItems:"baseline",justifyContent:"space-between",marginBottom:12},children:[e.jsx("div",{style:{fontSize:12,letterSpacing:"0.3em",textTransform:"uppercase",color:Le,fontWeight:600},children:l("share.card.broadsheet.heatmap_title")}),e.jsx("div",{style:{fontSize:11,letterSpacing:"0.18em",textTransform:"uppercase",color:et},children:l("share.card.broadsheet.heatmap_days_on_record",{active:t.heatmapActiveDays,total:t.heatmapTotalDays})})]}),e.jsx(tu,{weeks:t.heatmapWeeks,palette:su,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 ${Le}`,paddingBottom:10,marginBottom:6},children:[e.jsx("div",{style:{fontSize:12,letterSpacing:"0.3em",textTransform:"uppercase",color:Le,fontWeight:600},children:l("share.card.broadsheet.roster_title")}),e.jsx("div",{style:{fontSize:11,letterSpacing:"0.18em",textTransform:"uppercase",color:et},children:l("share.card.broadsheet.roster_subtitle")})]}),t.topModels.length===0?e.jsx("div",{style:{fontFamily:it,fontStyle:"italic",fontSize:26,color:et,paddingTop:14},children:l("share.card.broadsheet.empty")}):t.topModels.map((c,h)=>e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"52px 1fr auto 68px",alignItems:"baseline",gap:16,padding:"13px 0",borderBottom:`1px solid ${Ps}`},children:[e.jsx("div",{style:{fontFamily:it,fontSize:34,fontStyle:"italic",color:ot,lineHeight:1},children:String(h+1).padStart(2,"0")}),e.jsx("div",{style:{fontFamily:it,fontSize:32,color:Le,lineHeight:1.1,letterSpacing:"-0.01em",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:c.name}),e.jsx("div",{style:{fontFamily:it,fontSize:28,color:Le,fontFeatureSettings:'"lnum" 1, "tnum" 1',whiteSpace:"nowrap"},children:fr(c.tokens)}),e.jsxs("div",{style:{fontSize:13,letterSpacing:"0.1em",color:et,textAlign:"right",fontFeatureSettings:'"tnum" 1'},children:[c.percent,"%"]})]},c.id||c.name))]}),e.jsxs("footer",{style:{marginTop:18,paddingTop:12,borderTop:`1px solid ${Le}`,display:"flex",justifyContent:"space-between",alignItems:"center",fontSize:12,letterSpacing:"0.22em",textTransform:"uppercase",color:Le},children:[e.jsxs("div",{style:{display:"flex",gap:28},children:[e.jsxs("span",{children:[l("share.card.broadsheet.global_rank")," ",e.jsxs("span",{style:{color:ot},children:["№ ",t.rank!=null?t.rank:"—"]})]}),e.jsxs("span",{children:[l("share.card.broadsheet.active_days")," ",e.jsx("span",{style:{color:ot},children:l("share.card.broadsheet.days_count",{days:t.activeDays})})]})]}),e.jsxs("div",{children:[l("share.card.broadsheet.track_yours")," ",e.jsx("span",{style:{color:ot},children:"→ tokentracker.cc"})]})]})]})}const nu=Nn["annual-report"].width,ou="#0a0820",tt="#ffffffee",lt="rgba(255,255,255,0.45)",lr="#a78bfa",iu={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(", ")},pa={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"},pr='"Space Grotesk", "Inter Tight", sans-serif',cr='"Inter Tight", sans-serif',lu="rgba(255,255,255,0.06)",An=[lu,"#4a3d8f","#6b5cbe","#9060e0","#d946ef"],Dn=48,Mn=28,va=4,Ln=20,cu=nu-Dn*2-Mn*2,du=(cu-Ln*2)/3,yr=Math.min(Math.floor((du-va*6)/7),40),uu=yr*7+va*6;function mu(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 hu(t){if(!Array.isArray(t))return[];const a={},r=mu(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 gu(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 xu=["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];function fu(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 Bs(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 pu({data:t}){const a=gu(t.cells);return e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:16,fontWeight:600,color:lt,fontFamily:pr,marginBottom:4},children:xu[t.month]}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:va},children:a.map((r,s)=>e.jsx("div",{style:{display:"flex",gap:va},children:r.map((n,i)=>{const o=n?Math.min(4,Math.max(0,n.level||0)):-1;return e.jsx("div",{style:{width:yr,height:yr,borderRadius:4,background:o<0?"transparent":An[o]}},i)})},s))})]})}function yu({data:t}){const a=hu(t.heatmapWeeks),r=fu(t.heatmapWeeks),s=t.topModels[0],n=t.avatarUrl||null,i=Bs(n),o=Bs("/neon_bg.png"),u=(t.handle||"?")[0].toUpperCase(),c=16;return e.jsxs("div",{style:{width:"100%",height:"100%",background:ou,fontFamily:pr,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:Dn,boxSizing:"border-box"},children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:c*3},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:16},children:[e.jsx("img",{src:"/app-icon.png",alt:"",width:64,height:64,style:{width:64,height:64,borderRadius:16,display:"block"}}),e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:20,fontWeight:500,color:lt,lineHeight:1.2},children:"Token Tracker"}),e.jsx("div",{style:{fontSize:36,fontWeight:700,lineHeight:1.15,color:tt},children:l("share.card.annual.report_title")})]})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10},children:[e.jsx("div",{style:{width:48,height:48,borderRadius:"50%",background:"linear-gradient(135deg,#4c1d95,#7c3aed)",display:"flex",alignItems:"center",justifyContent:"center",border:"2px solid rgba(255,255,255,0.15)",overflow:"hidden",flexShrink:0},children:i?e.jsx("img",{src:i,alt:"",width:48,height:48,style:{width:48,height:48,objectFit:"cover",display:"block"},crossOrigin:"anonymous",referrerPolicy:"no-referrer"}):e.jsx("span",{style:{fontSize:20,fontWeight:700,color:tt},children:u})}),e.jsx("div",{style:{fontSize:32,fontWeight:700,color:tt},children:t.handle})]})]}),e.jsxs("div",{style:{...iu,borderRadius:22,padding:Mn,marginBottom:c},children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:12},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,fontSize:14,color:lt},children:[e.jsx("span",{children:l("share.card.annual.less")}),An.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,${uu}px)`,gap:`8px ${Ln}px`,justifyContent:"center"},children:a.map(h=>e.jsx(pu,{data:h},h.month))})]}),e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:c,marginBottom:c},children:[e.jsxs("div",{style:{...pa,borderRadius:22,padding:"28px 16px",textAlign:"center"},children:[e.jsx("div",{style:{fontFamily:cr,fontSize:52,fontWeight:700,color:tt,letterSpacing:"-0.02em",lineHeight:1},children:fr(t.totalTokens)}),e.jsx("div",{style:{fontSize:22,color:lt,marginTop:12},children:l("share.card.annual.total_tokens")})]}),e.jsxs("div",{style:{...pa,borderRadius:22,padding:"28px 16px",textAlign:"center"},children:[e.jsx("div",{style:{fontFamily:cr,fontSize:52,fontWeight:700,color:tt,letterSpacing:"-0.02em",lineHeight:1},children:Cn(t.totalCost,{currency:t.currency,rate:t.exchangeRate})}),e.jsx("div",{style:{fontSize:22,color:lt,marginTop:12},children:l("share.card.annual.estimated_cost")})]})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:c},children:[e.jsxs("div",{style:{...pa,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:lr,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48 2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48 2.83-2.83"}),e.jsx("circle",{cx:"12",cy:"12",r:"4"})]}),e.jsx("span",{style:{fontSize:20,color:lt},children:l("share.card.annual.longest_streak")})]}),e.jsx("span",{style:{fontFamily:cr,fontSize:28,fontWeight:700,color:tt},children:l("share.card.annual.days_count",{days:r})})]}),e.jsxs("div",{style:{...pa,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:lr,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"}),e.jsx("circle",{cx:"12",cy:"12",r:"4"})]}),e.jsx("span",{style:{fontSize:20,color:lt},children:l("share.card.annual.top_model")})]}),e.jsx("span",{style:{fontFamily:pr,fontSize:28,fontWeight:700,color:tt},children:s?s.name:"—"})]})]}),e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginTop:"auto"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10},children:[e.jsx("img",{src:"/app-icon.png",alt:"",width:44,height:44,style:{width:44,height:44,borderRadius:8,display:"block"}}),e.jsx("span",{style:{fontSize:22,fontWeight:600,color:tt},children:"Token Tracker"})]}),e.jsx("span",{style:{fontSize:22,fontWeight:600,color:lr},children:"tokentracker.cc"})]})]})]})}const En=[{id:"annual-report",labelKey:"share.variant.neon"},{id:"broadsheet",labelKey:"share.variant.broadsheet"}],bu={broadsheet:Tn,"annual-report":yu};function In(t){return Nn[t]||{width:vn,height:jn}}function ku(t){const a=En.find(r=>r.id===t);return a?.labelKey?l(a.labelKey):t}const zs=d.forwardRef(function({data:a,variant:r},s){const n=bu[r]||Tn,{width:i,height:o}=In(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 ya(){return typeof window>"u"?!1:!!window?.webkit?.messageHandlers?.nativeBridge}const wu=440;function _u(){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 dr({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 vu({open:t,onClose:a,data:r,twitterText:s}){const[n,i]=d.useState(null),[o,u]=d.useState(""),[c,h]=d.useState("annual-report"),m=d.useRef(null),{toast:x,push:g}=_u(),p=Gs(),y=d.useMemo(()=>{const N=p?.user;if(!N||typeof N!="object")return null;const j=N.user_metadata||{},S=N.profile||{},E=j.avatar_url||j.picture||S.avatar_url||N.avatar_url;return typeof E=="string"&&E.trim()?E.trim():null},[p?.user]);d.useEffect(()=>{t&&(i(null),u(r?.handle||""))},[t,r?.handle]);const k=r&&{...r,handle:o||r.handle,avatarUrl:y},{width:f,height:v}=In(c),w=wu/f;d.useEffect(()=>{if(!t)return;const N=j=>{j.key==="Escape"&&a?.()};return window.addEventListener("keydown",N),()=>window.removeEventListener("keydown",N)},[t,a]);const D=d.useCallback(async()=>{const N=m.current;if(!N)return null;try{return await Vd(N)}catch(j){return console.warn("[share] capture failed",j),null}},[]),C=d.useCallback(async()=>{if(n)return;i("copy");const N=await D();if(!N){g(l("share.toast.failed"),"error"),i(null);return}let j=!1;if(ya()){const S=await ir(N);S&&(j=(await zd(S)).ok)}else j=await qr(N);g(j?l("share.toast.copied"):l("share.toast.failed"),j?"success":"error"),i(null)},[n,D,g]),F=d.useCallback(()=>`tokentracker-share-${Date.now()}.png`,[]),A=d.useCallback(async()=>{if(n)return;i("download");const N=await D();if(!N){g(l("share.toast.failed"),"error"),i(null);return}if(ya()){const S=await ir(N);if(S&&(await Fs(S,F())).ok){g(l("share.toast.downloaded"),"success"),i(null);return}}const j=$s(N,F());g(j?l("share.toast.downloaded"):l("share.toast.failed"),j?"success":"error"),i(null)},[n,D,F,g]),O=d.useCallback(async()=>{if(n)return;i("x");const N=await D();if(!N){g(l("share.toast.failed"),"error"),i(null);return}if(ya()){const U=await ir(N);U&&(await Fs(U,F()),g(l("share.toast.downloaded"),"success"))}else await qr(N)?g(l("share.toast.copied"),"success"):$s(N,F());const j=new URL("https://twitter.com/intent/tweet");s&&j.searchParams.set("text",s);const S=p?.user?.id,E=typeof S=="string"&&S?`/u/${S}`:"/";if(j.searchParams.set("url",`https://www.tokentracker.cc${E}?ref=share`),ya())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,D,g,s,F,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:f,height:v,pointerEvents:"none",opacity:0,zIndex:-1,clip:"rect(0,0,0,0)",overflow:"hidden"},children:e.jsx(zs,{ref:m,data:k,variant:c})}),e.jsxs(we.div,{initial:{opacity:0,y:12},animate:{opacity:1,y:0},exit:{opacity:0,y:12},transition:{duration:.18,ease:[.2,.8,.2,1]},className:"relative w-full max-w-[1040px] max-h-[92vh] overflow-hidden rounded-2xl border border-oai-gray-200 dark:border-oai-gray-800 bg-white dark:bg-oai-black shadow-oai-lg",children:[e.jsxs("div",{className:"flex flex-col lg:flex-row max-h-[92vh]",children:[e.jsx("div",{className:"flex-1 min-w-0 p-4 sm:p-7 bg-oai-gray-50 dark:bg-oai-gray-950 flex items-center justify-center overflow-auto",children:e.jsxs("div",{style:{width:f*w,height:v*w,flexShrink:0,position:"relative"},className:"rounded-xl overflow-hidden shadow-oai-md ring-1 ring-black/5",children:[n?e.jsx("div",{className:"absolute inset-0 z-10 flex items-center justify-center bg-white/70 dark:bg-black/50",children:e.jsxs("svg",{className:"animate-spin h-6 w-6 text-oai-gray-500",viewBox:"0 0 24 24",fill:"none",children:[e.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"3"}),e.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"})]})}):null,e.jsx("div",{style:{width:f,height:v,transform:`scale(${w})`,transformOrigin:"top left"},children:e.jsx(zs,{data:k,variant:c})})]})}),e.jsxs("div",{className:"w-full lg:w-[340px] flex-shrink-0 border-t lg:border-t-0 lg:border-l border-oai-gray-200 dark:border-oai-gray-800 p-5 sm:p-6 flex flex-col gap-5 overflow-y-auto",children:[e.jsxs("div",{className:"flex items-start justify-between gap-2",children:[e.jsxs("div",{children:[e.jsx("h2",{className:"text-lg font-semibold text-oai-black dark:text-oai-white",children:l("share.modal.title")}),e.jsx("p",{className:"mt-1 text-xs text-oai-gray-500 dark:text-oai-gray-400",children:l("share.modal.subtitle")})]}),e.jsx("button",{type:"button",onClick:a,"aria-label":l("share.modal.close"),className:"p-1.5 -mt-1 -mr-1 rounded-md text-oai-gray-500 hover:text-oai-black dark:hover:text-oai-white hover:bg-oai-gray-100 dark:hover:bg-oai-gray-800 transition-colors",children:e.jsx("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),e.jsxs("div",{children:[e.jsx("label",{htmlFor:"share-handle",className:"text-[11px] tracking-[0.18em] uppercase text-oai-gray-500 dark:text-oai-gray-400 mb-1.5 block",children:l("share.modal.name_label")}),e.jsx("input",{id:"share-handle",type:"text",value:o,onChange: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:En.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:ku(N.id)},N.id))})]}),e.jsxs("div",{className:"grid grid-cols-1 gap-2",children:[e.jsxs(dr,{onClick:O,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(dr,{onClick:A,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(dr,{onClick:C,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(Sa,{children:x?e.jsx(we.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},exit:{opacity:0,y:8},className:"pointer-events-none absolute left-1/2 bottom-4 -translate-x-1/2",children:e.jsx("div",{className:["px-4 py-2 rounded-full text-xs font-medium shadow-oai-md",x.kind==="error"?"bg-red-600 text-white":x.kind==="success"?"bg-oai-black dark:bg-oai-white text-oai-white dark:text-oai-black":"bg-oai-gray-800 text-white"].join(" "),children:x.text})},x.id):null})]})]}):null}function ju(t){const{enabled:a,handle:r,startDate:s,activeDays:n,summary:i,topModels:o,period:u,periodFrom:c,periodTo:h,heatmap:m,accessToken:x,userId:g,currency:p,exchangeRate:y}=t,[k,f]=d.useState(null),v=y;return d.useEffect(()=>{if(!a||!g&&!ut())return;let w=!1;return(async()=>{try{const C=await di({accessToken:x,userId:g,period:u==="day"||u==="custom"?"week":u,metric:"all",limit:100,offset:0});if(w)return;const A=(Array.isArray(C?.entries)?C.entries:Array.isArray(C)?C:[]).find(N=>N?.is_me===!0),O=typeof A?.rank=="number"?A.rank:null;f(O)}catch{w||f(null)}})(),()=>{w=!0}},[a,x,g,u]),d.useMemo(()=>Gd({handle:r,startDate:s,activeDays:n,summary:i,topModels:o,rank:k,period:u,periodFrom:c,periodTo:h,heatmap:m,currency:p,exchangeRate:typeof v=="number"?v:void 0}),[r,s,n,i,o,k,u,c,h,m,p,v])}const Nu=["day","week","month","total","custom"],ur=new Set(["day","hour","month"]),Ht=new Set(["day","total","custom"]),Su=["islandOnboarding","macAppBanner","statsPanel","widgetOnboarding","installCopy","activityHeatmap","deviceUsage","trendMonitor","qualityPerDollar","sessionInsights"],Cu=["usageOverview","dataDetails"];function mr(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 ba(t){return t?Nt(t,null):null}function Os(t){return t?t?.billable_total_tokens??t?.value??t?.total_tokens:null}function Tu(t){return t?t==="www.tokentracker.cc"||t==="tokentracker.cc":!1}function Au(){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:!Tu(window.location.hostname)}function xm({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}=ui(),{currency:x,rate:g}=Na(),{mode:p,setMode:y,formatTokens:k,formatTokensTooltip:f}=Ee(),[v,w]=d.useState(!1),[D,C]=d.useState(null),[F,A]=d.useState(null),[O,N]=d.useState(!1),[j,S]=d.useState(null),[E,U]=d.useState(0),[$,I]=d.useState(0),[L,Y]=d.useState(null),q=d.useMemo(()=>typeof window>"u"?!1:mi(window.location.search),[]),_=d.useMemo(()=>Au(),[]),[P,z]=d.useState(!1),X=2200,[Z,ue]=d.useState(!0),[me,ge]=d.useState(!1),[_e,xe]=d.useState(!1),[le,G]=d.useState(!1),[B,ae]=d.useState(!1),pe=d.useRef(!1),H=ut(),he=r&&!s,ce=d.useMemo(()=>he&&(typeof a=="function"||typeof a=="string"||a&&typeof a=="object")?a:null,[a,he]),K=he?ce:null,J=i?hi(o):K,T=r||H||i,V=he&&qt(K),ee=r&&s&&!i,{accountView:te,revision:se,resolving:Ge}=gi(),de=te&&!i,Pe=de?K:null,Oe=Ge&&!i;d.useEffect(()=>{if(!r||H){C(null),A(null),N(!1),S(null);return}if(i)return;if(!V){C(null),A(null),N(!1),S(null);return}let b=!0;const R=()=>{C(null),A(null),N(!1),S(null)};return N(!0),S(null),(async()=>{let M=null;try{M=await $e(K)}catch{M=null}if(b){if(!M){R();return}try{const W={link_code:null,expires_at:null};if(!b)return;C(typeof W?.link_code=="string"?W.link_code:null),A(typeof W?.expires_at=="string"?W.expires_at:null)}catch(W){if(!b)return;C(null),A(null),S(W?.message||"Failed to load link code")}finally{if(!b)return;N(!1)}}})(),()=>{b=!1}},[t,H,r,i,V,K,$]);const Se=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1");d.useEffect(()=>{if(!Se&&(!r||H||i)){Y(null);return}if(!Se&&!V){Y(null);return}let b=!0;return(async()=>{let R=null;try{R=await $e(K)}catch{R=null}if(b){if(!R&&!Se){Y(null);return}try{const M=await xi({baseUrl:t,accessToken:R});if(!b)return;Y(M&&typeof M=="object"?M:null)}catch{if(!b)return;Y(null)}}})(),()=>{b=!1}},[V,t,K,H,i,r]);const Tt=d.useMemo(()=>{if(!F)return!1;const b=Date.parse(F);if(!Number.isFinite(b))return!1;const R=E||Date.now();return b<=R},[F,E]);d.useEffect(()=>{!r||H||i||!F||!Tt||O||(C(null),A(null),S(null),I(b=>b+1))},[Tt,F,O,H,r]),d.useEffect(()=>{if(!F||i)return;const b=Date.parse(F);if(!Number.isFinite(b))return;const R=Date.now();if(U(R),b<=R)return;const M=window.setTimeout(()=>U(Date.now()),b-R),W=()=>{typeof document>"u"||document.visibilityState==="visible"&&U(Date.now())};return typeof document<"u"&&document.addEventListener("visibilitychange",W),window.addEventListener("focus",W),()=>{window.clearTimeout(M),typeof document<"u"&&document.removeEventListener("visibilitychange",W),window.removeEventListener("focus",W)}},[F]);const ye=d.useMemo(()=>Ks(),[]),be=d.useMemo(()=>Ws(),[]),Ie=d.useMemo(()=>fi(),[]),Ue=i?null:a?.userId||a?.email||"default",[At,mt]=d.useState("month"),[He,Ca]=d.useState(null),[Qe,Ta]=d.useState(null),[Aa,ht]=d.useState(!1),Q=q?"total":At,Zt=d.useMemo(()=>Q==="custom"&&He&&Qe?{from:He,to:Qe}:pi(Q,{timeZone:ye,offsetMinutes:be,now:Ie}),[Ie,Q,ye,be,He,Qe]),ve=Zt.from,je=Zt.to,[Re,gt]=d.useState(null),[Dt,Jt]=d.useState(()=>Yr());d.useEffect(()=>{const b=()=>Jt(Yr());return window.addEventListener(Zr,b),window.addEventListener("storage",b),()=>{window.removeEventListener(Zr,b),window.removeEventListener("storage",b)}},[]);const{devices:Qt,accountSources:Mt,refresh:Da}=$d({from:ve,to:je,timeZone:ye,tzOffsetMinutes:be,accountView:de,accountAccessToken:Pe,accountRevision:se}),Ve=d.useMemo(()=>Qt.filter(b=>(Number(b.total_tokens)||0)>0).map(b=>({...b,isCurrent:b.id===Dt})),[Qt,Dt]),Xt=d.useMemo(()=>Mt.filter(b=>(Number(b.total_tokens)||0)>0),[Mt]),at=de&&Ve.length>=2,Lt=de&&Ve.length+Xt.length>=2;d.useEffect(()=>{if(!at&&!Lt){Re!==null&>(null);return}Re&&!Ve.some(b=>b.id===Re)&>(null)},[at,Lt,Ve,Re]);const Ma=d.useMemo(()=>at?[{value:"",label:l("dashboard.device_filter.all")},...Ve.map(b=>{const R=gr(b)||l("dashboard.device_card.unnamed"),M=b.isCurrent?` (${l("dashboard.device_card.current")})`:"";return{value:b.id,label:`${R}${M}`}})]:[],[at,Ve,m]),ea=Lt?e.jsx(Bd,{devices:Ve,accountSources:Xt,currentDeviceId:Dt,selectedDeviceId:Re||"",onSelectDevice:b=>gt(b||null),onRenameDevice:async(b,R)=>{const M=await $e(Pe);await vi({deviceId:b,name:R,accessToken:M}),await Da()}}):null,ta=d.useMemo(()=>yi({timeZone:ye,offsetMinutes:be}),[ye,be]),Et=d.useMemo(()=>bi({timeZone:ye,offsetMinutes:be}),[ye,be]),La=d.useMemo(()=>`Local time (${Et})`,[Et]),It=ye,Rt=be,Ea=ta,rt=d.useMemo(()=>wr({timeZone:ye,offsetMinutes:be,date:Ie||new Date}),[Ie,ye,be]),aa=d.useMemo(()=>oc({period:Q,selectedFrom:ve,selectedTo:je,todayKey:rt}),[ve,Q,je,rt]),{daily:We,summary:fe,rolling:Ia,source:Ft,loading:ra,error:Ra,refresh:ie}=is({baseUrl:t,accessToken:J,guestAllowed:ee,from:ve,to:je,includeDaily:Q!=="total",cacheKey:Ue,timeZone:ye,tzOffsetMinutes:be,now:Ie,accountView:de,accountAccessToken:Pe,accountRevision:se,accountViewResolving:Oe,deviceId:Re}),{daily:ne,loading:Ne,refresh:Xe}=is({baseUrl:t,accessToken:J,guestAllowed:ee,from:aa.from,to:aa.to,includeDaily:!0,includeSummary:!1,cacheKey:Ue?`${Ue}.daily-breakdown`:"daily-breakdown",timeZone:ye,tzOffsetMinutes:be,now:Ie,accountView:de,accountAccessToken:Pe,accountRevision:se,accountViewResolving:Oe}),{breakdown:Ce,loading:xt,refresh:Sr}=zl({baseUrl:t,accessToken:J,guestAllowed:ee,from:ve,to:je,cacheKey:Ue,timeZone:ye,tzOffsetMinutes:be,accountView:de,accountAccessToken:Pe,accountRevision:se,accountViewResolving:Oe,deviceId:Re}),[Rn,Fn]=d.useState(3),{entries:$n,loading:Pn,refresh:Cr}=$l({baseUrl:t,accessToken:J,from:ve,to:je,timeZone:ye,tzOffsetMinutes:be}),Tr=Q==="week"||Q==="month",sa=Q==="week"||Q==="month",Ar=d.useMemo(()=>We.filter(b=>b?.future?!1:!b?.day||!rt?!0:String(b.day)<=String(rt)),[We,rt]),{rows:qe,from:Bn,to:zn,loading:On,refresh:Dr}=Ci({baseUrl:t,accessToken:J,guestAllowed:ee,period:Q,from:ve,to:je,months:24,cacheKey:Ue,timeZone:It,tzOffsetMinutes:Rt,now:Ie,sharedRows:Tr?We:null,sharedRange:Tr?{from:ve,to:je}:null,accountView:de,accountAccessToken:Pe,accountRevision:se,accountViewResolving:Oe,deviceId:Re}),Un=d.useMemo(()=>({baseUrl:t,accessToken:J,guestAllowed:ee,cacheKey:Ue,timeZone:It,tzOffsetMinutes:Rt,now:Ie,accountView:de,accountAccessToken:Pe,accountRevision:se,accountViewResolving:Oe}),[t,J,ee,Ue,It,Rt,Ie,de,Pe,se,Oe]),{daily:ft,heatmap:Ke,loading:Mr,refresh:Lr}=Ll({baseUrl:t,accessToken:J,guestAllowed:ee,weeks:52,cacheKey:Ue,timeZone:ye,tzOffsetMinutes:be,now:Ie,accountView:de,accountAccessToken:Pe,accountRevision:se,accountViewResolving:Oe,deviceId:Re}),{data:na,refresh:Er}=Ti();d.useEffect(()=>{na&&typeof na=="object"&&ki(na)},[na]);const Be=d.useMemo(()=>Q==="day"?"hour":Q==="total"?"month":"day",[Q]),Hn=d.useMemo(()=>cs(Be),[Be]),oa="day",Vn=d.useMemo(()=>cs(oa),[]),[ze,Ir]=d.useState(()=>({key:"day",dir:"desc"}));d.useEffect(()=>{Ir(b=>!ur.has(b.key)||b.key===Be?b:{key:Be,dir:b.dir})},[Be]);const pt=d.useMemo(()=>ur.has(ze.key)&&ze.key!==Be?{...ze,key:Be}:ze,[Be,ze]),ia=d.useMemo(()=>{if(Q==="day")return Array.isArray(qe)?qe.filter(M=>M?.hour&&!M?.future):[];if(Q==="total"){const M=Array.isArray(qe)?qe.filter(W=>W?.month&&!W?.future):[];return Xl(M)}const b=Ar;return!b.some(M=>!M?.missing&&!M?.future)&&We.length>0?We.filter(M=>!M?.future).slice(-30).filter(M=>M?.day):b},[Q,qe,Ar,We]),$t=d.useMemo(()=>ds(ia,pt),[ia,pt]),Rr=d.useMemo(()=>ia.some(b=>!b?.missing&&!b?.future),[ia]),Fa=d.useMemo(()=>{if(!Ht.has(Q))return 1;const b=Math.ceil($t.length/_a);return b>0?b:1},[Q,$t.length]),[$a,la]=d.useState(0);d.useEffect(()=>{if(!Ht.has(Q)){la(0);return}la(b=>Math.min(b,Fa-1))},[Fa,Q]),d.useEffect(()=>{Ht.has(Q)&&la(0)},[Q,ze.dir,ze.key]);const Wn=d.useMemo(()=>Ht.has(Q)?ec($t,$a,_a):$t,[$a,Q,$t]),Fr=d.useMemo(()=>ic(ne,{period:Q}),[ne,Q]),yt=d.useMemo(()=>ur.has(ze.key)?{...ze,key:oa}:ze,[ze]),Kn=d.useMemo(()=>ds(Fr,yt),[Fr,yt]),Gn=d.useMemo(()=>sa?We:Q==="day"?Array.isArray(qe)?qe.filter(b=>b?.hour):[]:qe,[We,Q,qe,sa]),qn=sa?ve:Bn,Yn=sa?je:zn;function Zn(b,R){if(b?.future)return"—";if(b?.missing)return l("shared.status.unsynced");if(R.endsWith("_tokens")){const M=R==="total_tokens"?ba(b):b?.[R];return e.jsx("span",{title:f(M),children:k(M)})}return wa(b?.[R])}function Jn(b){const R=b?.[Be];if(R==null)return"";const M=String(R);if(Be==="hour"){const[W,De]=M.split("T");if(W&&De)return`${W} ${De.slice(0,5)}`}return M}function Qn(b){const R=b?.[oa];return R==null?"":String(R)}function Xn(b){Ir(R=>R.key===b?{key:b,dir:R.dir==="asc"?"desc":"asc"}:{key:b,dir:"desc"})}function eo(b){return pt.key!==b?"none":pt.dir==="asc"?"ascending":"descending"}function to(b){return pt.key!==b?"":pt.dir==="asc"?"▲":"▼"}function ao(b){return yt.key!==b?"none":yt.dir==="asc"?"ascending":"descending"}function ro(b){return yt.key!==b?"":yt.dir==="asc"?"▲":"▼"}const Pa=d.useMemo(()=>{if(!r&&!H&&!i&&!Se)return 0;const b=Number(Ke?.active_days);if(Number.isFinite(b))return b;let R=0;const M=new Set,W=(ke,Fe,Me)=>{typeof ke!="string"||!ke||M.has(ke)||mr(Fe,Me)&&(M.add(ke),R+=1)};if(Array.isArray(ft))for(const ke of ft)W(ke?.day,ba(ke));const De=Array.isArray(Ke?.weeks)?Ke.weeks:[];for(const ke of De)for(const Fe of Array.isArray(ke)?ke:[]){const Me=Os(Fe);W(Fe?.day,Me,Fe?.level)}return R},[r,H,Ke?.active_days,Ke?.weeks,ft]),[$r,Pr]=d.useState("month"),so=d.useCallback(b=>{b==="custom"?(Pr(R=>R==="custom"?"month":R),mt(R=>He&&Qe?"custom":R),ht(!0)):(mt(b),Pr(b),ht(!1))},[He,Qe]),no=d.useCallback((b,R)=>{Ca(b),Ta(R),mt("custom"),ht(!1)},[]),oo=d.useCallback(b=>{ht(b),!b&&At==="custom"&&!He&&mt($r)},[At,He,$r]),Pt=d.useCallback(async()=>{de&&wi(),de||_i(),await Promise.all([ie(),Lr(),Dr(),Sr(),Cr(),Xe()])},[de,Xe,Lr,Sr,Cr,Dr,ie]),Br=d.useCallback(async()=>{await Promise.all([Pt(),Er()])},[Pt,Er]),Ba=d.useRef(Pt);d.useEffect(()=>{Ba.current=Pt},[Pt]);const za=d.useRef(null);d.useEffect(()=>{if(!Se||H||de)return;za.current||(za.current=Jr({auto:!0,background:!0,allLocalSources:!0}));let b=!0;return za.current.then(()=>{if(b)return Ba.current()}).catch(R=>{b&&console.warn("[DashboardPage] Reload sync failed:",R)}),()=>{b=!1}},[Se,H,de]),d.useEffect(()=>{if(!Se||H||de)return;const b=sc({refresh:()=>Ba.current(),onError:R=>console.warn("[DashboardPage] Automatic usage refresh failed:",R)});return()=>b.stop()},[Se,H,de]);const io=d.useCallback(async()=>{G(!0);try{Se&&await Jr(),await Br()}catch(b){console.error("[DashboardPage] Refresh failed:",b)}finally{G(!1)}},[Se,Br]),ca=le||ra||Ne||Mr||On||xt||Pn,Oa=!B&&(Oe||de&&ca&&!Rr),lo=d.useMemo(()=>l("shared.data_source",{source:String(Ft||"edge").toUpperCase()}),[Ft,m]),da=d.useMemo(()=>typeof a?.name!="string"?"":a.name.trim(),[a?.name]),co="",zr=d.useMemo(()=>!da||da.includes("@")?l("dashboard.identity.fallback"):da,[da]),Or=d.useMemo(()=>zr.replace(/[^a-zA-Z0-9._-]/g,"_"),[zr]),Ur=d.useMemo(()=>i?l("dashboard.identity.fallback"):Or,[Or,co,i]),Hr=d.useMemo(()=>{let b=null;const R=W=>{typeof W!="string"||!W||(!b||W<b)&&(b=W)};if(Array.isArray(ft))for(const W of ft)W?.day&&mr(ba(W))&&R(W.day);const M=Array.isArray(Ke?.weeks)?Ke.weeks:[];for(const W of M)for(const De of Array.isArray(W)?W:[]){if(!De?.day)continue;const ke=Os(De),Fe=De?.level;mr(ke,Fe)&&R(De.day)}return b},[Ke?.weeks,ft]),uo=d.useMemo(()=>i?[]:(Array.isArray(L?.subscriptions?.items)?L.subscriptions.items:[]).map(M=>{const W=typeof M?.tool=="string"?M.tool.trim():"",ke=(typeof M?.plan_type=="string"?M.plan_type:typeof M?.planType=="string"?M.planType:"").trim();return!W||!ke?null:{tool:W,planType:ke,provider:typeof M?.provider=="string"?M.provider.trim():"",product:typeof M?.product=="string"?M.product.trim():"",rateLimitTier:typeof M?.rate_limit_tier=="string"?M.rate_limit_tier.trim():typeof M?.rateLimitTier=="string"?M.rateLimitTier.trim():""}}).filter(Boolean).slice(0,6),[i,L]),mo=e.jsx(Ai,{heatmap:Ke,timeZoneLabel:ta,timeZoneShortLabel:Et,hideLegend:q,defaultToLatestMonth:q}),ho=d.useMemo(()=>`${ve}..${je}`,[ve,Q,je]),go=l("usage.summary.total"),Ae=fe!=null,bt=Ae?ba(fe):0,xo=k(bt),fo=d.useCallback(()=>{y(p===Vt.COMPACT?Vt.FULL:Vt.COMPACT)},[y,p]),po=l("dashboard.core_index.collapse_label"),yo=l("dashboard.core_index.expand_label"),bo=l("dashboard.core_index.collapse_aria"),ko=l("dashboard.core_index.expand_aria"),wo=!q,kt=l("shared.placeholder.short"),Ua=d.useMemo(()=>{const b=Array.isArray(Ce?.sources)?Ce.sources:[];let R=null,M=0;for(const Fe of b){const Me=Nt(Fe?.totals);!Number.isFinite(Me)||Me<=0||Me>M&&(M=Me,R=Fe)}let W=kt,De=kt,ke="0.0";if(R&&M>0){W=R?.source?String(R.source).toUpperCase():kt;const Fe=Array.isArray(R?.models)?R.models:[];let Me=0;for(const qa of Fe){const ma=Nt(qa?.totals);!Number.isFinite(ma)||ma<=0||ma>Me&&(Me=ma,De=qa?.model?String(qa.model):kt)}Me>0&&(ke=(Me/M*100).toFixed(1))}return{agentName:W,modelName:De,modelPercent:ke}},[Ce,kt]),Ha=wa(bt),_o=l("dashboard.screenshot.twitter_text",{total_tokens:Ha==="-"?kt:Ha,agent_name:Ua.agentName,model_name:Ua.modelName,model_percent:Ua.modelPercent}),vo=d.useMemo(()=>q?[]:Nu,[q]),jo=d.useMemo(()=>[{label:l("usage.metric.total"),value:Ae?k(bt):"—",title:Ae?f(bt):void 0,valueClassName:"text-white"},{label:l("usage.metric.input"),value:Ae?k(fe?.input_tokens):"—",title:Ae?f(fe?.input_tokens):void 0},{label:l("usage.metric.output"),value:Ae?k(fe?.output_tokens):"—",title:Ae?f(fe?.output_tokens):void 0},{label:l("usage.metric.cached_input"),value:Ae?k(fe?.cached_input_tokens):"—",title:Ae?f(fe?.cached_input_tokens):void 0},{label:l("usage.metric.reasoning_output"),value:Ae?k(fe?.reasoning_output_tokens):"—",title:Ae?f(fe?.reasoning_output_tokens):void 0}],[fe?.cached_input_tokens,fe?.input_tokens,fe?.output_tokens,fe?.reasoning_output_tokens,bt,Ae,k,f]),Va=d.useMemo(()=>ja(fe?.total_cost_usd,{currency:x,rate:g}),[fe?.total_cost_usd,x,g]),No=d.useMemo(()=>fe?.conversation_count??null,[fe?.conversation_count]),Vr=d.useMemo(()=>cc(Ce,{copyFn:l}),[Ce]),Wr=d.useMemo(()=>uc(Ce,{limit:3,copyFn:l}),[Ce]),So=ju({enabled:P,handle:Ur,startDate:Hr,activeDays:Pa,summary:fe,topModels:Wr,period:Q,periodFrom:ve,periodTo:je,heatmap:Ke,accessToken:typeof J=="string"?J:null,userId:a?.userId||null,currency:x,exchangeRate:g}),Co=d.useCallback(()=>z(!0),[]),To=d.useCallback(()=>z(!1),[]),Ao=d.useCallback(()=>w(!0),[]),Do=d.useCallback(()=>w(!1),[]),Mo=Va&&Va!=="-"&&Vr.length>0,Bt=l("dashboard.install.cmd.init"),Wa=Tt?null:D,Ka=Wa?l("dashboard.install.cmd.init_link_code",{link_code:Wa}):Bt,Lo=Bt,Eo=l("dashboard.install.cmd.sync"),Io=Wa?l("dashboard.install.copy"):l("dashboard.install.copy_base"),Ro=l("dashboard.install.copied");l("dashboard.session_expired.copy_label"),l("dashboard.session_expired.copied");const Fo=!!(L?.install?.has_active_device_token??L?.install?.hasActiveDeviceToken),$o=tc({publicMode:i,screenshotMode:q,forceInstall:_,accessEnabled:T,heatmapLoading:Mr,activeDays:Pa,hasActiveDeviceToken:Fo}),Po=l("dashboard.install.prompt"),Bo=d.useCallback(async()=>{!Ka||!await Qr(Ka)||(ge(!0),window.setTimeout(()=>ge(!1),2e3))},[Ka]);d.useCallback(async()=>{!Bt||!await Qr(Bt)||(xe(!0),window.setTimeout(()=>xe(!1),2e3))},[Bt]);const Ga=d.useMemo(()=>l("dashboard.daily.empty",{cmd:"{{cmd}}"}),[m]),[zo,Oo]=d.useMemo(()=>{const b=Ga.split("{{cmd}}");return b.length===1?[Ga,""]:[b[0],b.slice(1).join("{{cmd}}")]},[Ga]),zt=s&&!i,Ot=!r&&!H&&!s&&!Se&&!i;d.useEffect(()=>{zt||Ot||Oa||ae(!0)},[Oa,Ot,zt]);const ua=Rl(Su,Cu);return d.useEffect(()=>{pe.current||zt||Ot||ca||(pe.current=!0,h?.())},[h,Ot,zt,ca]),e.jsxs(e.Fragment,{children:[e.jsx(Fd,{copy:l,onOpenShare:Co,screenshotMode:q,showExpiredGate:zt,showAuthGate:Ot,identityDisplayName:Ur,identityStartDate:Hr,activeDays:Pa,identitySubscriptions:uo,identityScrambleDurationMs:X,projectUsageEntries:$n,projectUsageLimit:Rn,setProjectUsageLimit:Fn,projectDetailQuery:{from:ve,to:je,timeZone:ye,tzOffsetMinutes:be},topModels:Wr,signedIn:r,publicMode:i,isLocalMode:Se,shouldShowInstall:$o,installPrompt:Po,handleCopyInstall:Bo,installCopied:me,installCopiedLabel:Ro,installCopyLabel:Io,installInitCmdDisplay:Lo,linkCodeLoading:O,linkCodeError:j,trendRowsForDisplay:Gn,trendFromForDisplay:qn,trendToForDisplay:Yn,trendZoomConfig:Un,usageFrom:ve,usageTo:je,period:Q,trendTimeZoneLabel:Ea,activityHeatmapBlock:mo,periodsForDisplay:vo,setSelectedPeriod:so,customFrom:He,customTo:Qe,onCustomRangeApply:no,customRangeOpen:Aa,onCustomRangeOpenChange:oo,metricsRows:jo,summaryLabel:go,summaryValue:xo,hasSummary:Ae,summaryLoading:ra,providersLoading:xt,summaryFullValue:Ha,onToggleSummaryFormat:fo,summaryTotalTokensRaw:re(bt)||0,summaryCostValue:Va,summaryConversationsValue:No,rollingUsage:Ia,costInfoEnabled:Mo,openCostModal:Ao,allowBreakdownToggle:wo,coreIndexCollapsed:Z,setCoreIndexCollapsed:ue,coreIndexCollapseLabel:po,coreIndexExpandLabel:yo,coreIndexCollapseAria:bo,coreIndexExpandAria:ko,refreshAll:io,usageLoadingState:ca,announceUsageLoading:le,initialDashboardLoading:Oa,usageError:Ra,rangeLabel:ho,timeZoneRangeLabel:La,usageSourceLabel:lo,fleetData:Vr,hasDetailsActual:Rr,dailyEmptyPrefix:zo,installSyncCmd:Eo,dailyEmptySuffix:Oo,detailsColumns:Hn,ariaSortFor:eo,toggleSort:Xn,sortIconFor:to,pagedDetails:Wn,dailyBreakdownRows:Kn,dailyBreakdownColumns:Vn,dailyBreakdownAriaSortFor:ao,dailyBreakdownSortIconFor:ro,dailyBreakdownDateKey:oa,detailsDateKey:Be,renderDetailDate:Jn,renderDailyBreakdownDate:Qn,renderDetailCell:Zn,DETAILS_PAGED_PERIODS:Ht,detailsPageCount:Fa,detailsPage:$a,setDetailsPage:la,costModalOpen:v,closeCostModal:Do,deviceOptions:Ma,selectedDevice:Re||"",onDeviceChange:b=>gt(b||null),deviceUsageBlock:ea,leftCardOrder:ua.left.order,onLeftReorder:ua.left.reorder,rightCardOrder:ua.right.order,onRightReorder:ua.right.reorder}),e.jsx(vu,{open:P,onClose:To,data:So,twitterText:_o})]})}export{xm as DashboardPage};
|
|
1
|
+
import{m as br,r as d,j as e,L as Uo,cu as Ho,J as ut,ar as qt,cv as $e,cw as Vo,cx as Wo,ac as Kr,cy as ha,cz as Us,cA as Hs,cB as kr,cC as Ko,cD as Go,cE as qo,cF as wr,cG as Wt,cH as Yo,cI as Zo,cJ as re,c as l,d as _t,X as _r,ax as Kt,a6 as ja,l as Je,x as Vs,cK as Jo,Z as Qo,n as Vt,b6 as wa,e as jt,cL as Xo,I as Ws,G as Ks,a1 as ei,B as ti,k as ai,u as ri,a as Gs,bv as qs,a7 as si,cM as ni,cN as oi,cO as ii,cP as li,S as Gr,_ as ci,cQ as qr,g as di,a4 as ui,cd as mi,cR as hi,cS as gi,cT as xi,cU as fi,cV as pi,b7 as Yr,cW as Zr,cX as yi,cY as bi,ai as ki,cZ as wi,c_ as _i,c$ as Jr,ad as Qr,d0 as vi}from"./__vite-browser-external-DsFkaOPr.js";import{u as Xr}from"./use-ordered-list-DKa6gE-O.js";import{u as Yt,t as es,T as Ys,g as ji,f as ts,D as Ni,a as Si,b as Ci}from"./TrendMonitor-C6axjU1E.js";import{u as Ti}from"./use-usage-limits-Ex51qVV9.js";import{u as Na}from"./useCurrency-8kmm6K74.js";import{u as Ee}from"./useTokenFormat-BtVvEcPK.js";import{f as vt,A as Ai}from"./provider-display-N7MWKGSI.js";import{g as Di,q as Zs,J as Mi,M as Li,m as we}from"./react-DDPYgpAM.js";import{u as Ei,C as Ii,a as Ri,b as as,D as Fi,S as $i,v as Pi,s as Bi,K as zi,P as Oi}from"./sortable.esm-B1tZenH5.js";import{D as Ui,a as Hi,b as Vi,c as Wi,d as Ki,e as Gi}from"./DialogTitle-DG5OaNy0.js";import{D as qi}from"./DialogClose-CIQziRo4.js";import{C as Te}from"./Card-DGOEtq_3.js";import{S as Js}from"./Select-BknJIua6.js";import{P as St}from"./ProviderIcon-C2183DbB.js";import{u as vr}from"./use-reduced-motion-fPvY8iYM.js";import{a as Qs,u as Xs}from"./use-transform-Ce5ESEGX.js";import{I as en}from"./info-gtQU6mdi.js";import{C as Yi}from"./chevron-right-Bg0LlTK2.js";import{A as Sa}from"./index-DSLv7Mj8.js";import{L as Zi}from"./loader-circle-C6-hnHM5.js";import{P as Ji,a as Qi,b as Xi,c as el,d as tl}from"./PopoverPopup-CwOPhh6g.js";import{F as st}from"./FadeIn-BmtyZXeb.js";import{C as al}from"./ClawdAnimated-B6HFLXEb.js";import{u as rl,T as sl}from"./Controls-WATRUYwX.js";import{A as nl}from"./arrow-up-right-BDsE7MjI.js";import{u as ol,a as il,P as ll}from"./use-session-efficiency-pref-B9I7_v4k.js";import{L as rs}from"./LoginCard-BFQJZmKV.js";import{L as cl,A as dl}from"./agent-logos-CmI9Jrx-.js";import{M as tn}from"./monitor-smartphone-BVkQLoJM.js";import{C as ul}from"./check-Dv03s0Oi.js";import"./terminal-BpvBtoDx.js";import"./maximize-2-DBWhzAmU.js";import"./limits-providers-B9o4daVn.js";import"./useScrollLock-D3ximygL.js";import"./store-DmPQtoHI.js";import"./ToolbarRootContext-Bevy5CSh.js";import"./SelectItemText-BNfM6qJ0.js";const ml=[["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"}]],hl=br("git-branch",ml);const gl=[["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"}]],xl=br("laptop",gl);const fl=[["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"}]],pl=br("square-arrow-out-up-right",fl);function yl(t,a,r={}){const s=t.get();let n=null,i=s,o;const u=typeof s=="string"?s.replace(/[\d.-]/g,""):void 0,c=()=>{n&&(n.stop(),n=null),t.animation=void 0},h=()=>{const x=ss(t.get()),g=ss(i);if(x===g){c();return}const p=n?n.getGeneratorVelocity():t.getVelocity();c(),n=new Mi({keyframes:[x,g],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((x,g)=>{i=x,o=p=>g(Ya(p,u)),Di.postRender(m)},c),Zs(a)){let x=r.skipInitialAnimation===!0;const g=a.on("change",y=>{x?(x=!1,t.jump(Ya(y,u),!1)):t.set(Ya(y,u))}),p=t.on("destroy",g);return()=>{g(),p()}}return c}function Ya(t,a){return a?t+a:t}function ss(t){return typeof t=="number"?t:parseFloat(t)}function bl(t,a={}){const{isStatic:r}=d.useContext(Li),s=()=>Zs(t)?t.get():t;if(r)return Qs(s);const n=Xs(s());return d.useInsertionEffect(()=>yl(n,t,a),[n,JSON.stringify(a)]),n}function kl(t,a={}){return bl(t,{type:"spring",...a})}function wl(){return e.jsxs(Uo,{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 _l({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(wl,{}),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 vl({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 jl={};function Nl(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 Sl({mv:t,digit:a,height:r}){const s=Qs(t,n=>{const i=(n%10+10)%10,o=(10+a-i)%10;let u=o*r;return o>5&&(u-=10*r),u});return e.jsx(we.span,{style:{position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center",y:s},children:a})}function Cl(t){const a=Math.round(t),r=1e-9*Math.max(1,Math.abs(t));return Math.abs(t-a)<r?a:t}function Tl(t,a){const r=t/a;return Math.floor(Cl(r))}function Al(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 Dl({place:t,value:a,height:r,digitStyle:s,shouldReduceMotion:n}){if(typeof t!="number"){const c=Nl(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=Tl(a,t),o=Xs(0),u=kl(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(Sl,{mv:u,digit:h,height:r},h))})}function Ml({value:t,displayValue:a,fontSize:r=72,padding:s=0,places:n,gap:i=6,borderRadius:o=4,horizontalPadding:u=0,textColor:c="inherit",fontWeight:h="inherit",containerStyle:m,counterStyle:x,digitStyle:g,gradientHeight:p=14,gradientFrom:y="rgba(255,255,255,0.95)",gradientTo:k="rgba(255,255,255,0)",topGradientStyle:f,bottomGradientStyle:v}){const w=String(a??t??""),D=d.useMemo(()=>Array.isArray(n)&&n.length?n:Al(w),[n,w]),C=typeof navigator<"u"&&/jsdom/i.test(navigator.userAgent||"")||typeof process<"u"&&jl?.VITEST==="true",F=vr()||C,A=Number.isFinite(Number(t))?Math.abs(Number(t)):0,O=r+s;return F?e.jsx("span",{"data-counter-root":"true",style:{display:"inline-flex",alignItems:"center",color:c,fontSize:r,fontWeight:h,lineHeight:1,...m,...x},children:w}):e.jsxs("span",{"data-counter-root":"true",style:{position:"relative",display:"inline-block",...m},children:[e.jsx("span",{style:{fontSize:r,display:"flex",gap:i,overflow:"hidden",borderRadius:o,paddingLeft:u,paddingRight:u,lineHeight:1,color:c,fontWeight:h,...x},children:D.map((N,j)=>e.jsx(Dl,{place:N,value:A,height:O,digitStyle:g,shouldReduceMotion:F},`${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:f??{height:p,background:`linear-gradient(to bottom, ${y}, ${k})`}}),e.jsx("span",{style:v??{height:p,background:`linear-gradient(to top, ${y}, ${k})`}})]})]})}function Ll({baseUrl:t,accessToken:a,guestAllowed:r=!1,weeks:s=52,weekStartsOn:n="sun",cacheKey:i,timeZone:o,tzOffsetMinutes:u,now:c,accountView:h=!1,accountAccessToken:m=null,accountRevision:x=0,accountViewResolving:g=!1,deviceId:p=null}={}){const y=!!(h&&m),k=y?"cloud":"local",f=d.useMemo(()=>Ho({weeks:s,weekStartsOn:n,now:c}),[c,s,n]),[v,w]=d.useState([]),[D,C]=d.useState(null),[F,A]=d.useState("edge"),[O,N]=d.useState(!1),[j,S]=d.useState(null),E=ut(),U=qt(a),$=!r,I=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1"),L=d.useMemo(()=>{if(!i)return null;const Z=kr({timeZone:o,offsetMinutes:u});return`tokentracker.heatmap.${i}.${k}.${s}.${n}.${Z}.${p||"all"}`},[i,p,k,o,u,s,n]),Y=d.useCallback(()=>{if(!L||typeof window>"u")return null;try{const Z=window.localStorage.getItem(L);if(!Z)return null;const ue=JSON.parse(Z);return!ue||!ue.heatmap?null:ue}catch{return null}},[L]),q=d.useCallback(Z=>{if(!(!L||typeof window>"u"))try{window.localStorage.setItem(L,JSON.stringify(Z))}catch{}},[L]),_=d.useCallback(()=>{if(!(!L||typeof window>"u"))try{window.localStorage.removeItem(L)}catch{}},[L]),P=d.useRef(k);d.useEffect(()=>{P.current!==k&&(P.current=k,w([]),C(null),A("edge"),S(null),N(!0))},[k]);const z=d.useCallback(async()=>{const Z=await $e(a),ue=y?await $e(m):null;if(!Z&&!E&&!I&&!y)return;if(y&&!ue){S("Your session expired. Please sign in again to view account data."),N(!1);return}const me=y?ue:Z,ge=y?Vo:Wo,_e=y?Us:Hs;N(!0),S(null);try{try{const B=await ge({baseUrl:t,accessToken:me,weeks:s,to:f.to,weekStartsOn:n,device:p,timeZone:o,tzOffsetMinutes:u}),ae=Array.isArray(B?.weeks)?B.weeks:[];if(!ae.length&&$){const H=Y();if(H?.heatmap){C(H.heatmap),w(H.daily||[]),A("cache");return}}if(!ae.some(H=>(Array.isArray(H)?H:[]).some(he=>he&&Number.isFinite(Number(he.level))))&&ae.length){const H=[];for(const ce of ae)for(const K of Array.isArray(ce)?ce:[])K?.day&&H.push({day:K.day,total_tokens:K.total_tokens??K.value??0,billable_total_tokens:K.billable_total_tokens??K.value??K.total_tokens??0});const he=Kr({dailyRows:H,weeks:s,to:B?.to||f.to,weekStartsOn:n});w(H),C({...he,week_starts_on:n,active_days:H.filter(ce=>Number(ce?.billable_total_tokens??ce?.total_tokens)>0).length,streak_days:ha({dailyRows:H,to:B?.to||f.to})}),A("client"),$?q({heatmap:{...he,week_starts_on:n,active_days:H.filter(ce=>Number(ce?.billable_total_tokens??ce?.total_tokens)>0).length,streak_days:ha({dailyRows:H,to:B?.to||f.to})},daily:H,fetchedAt:new Date().toISOString()}):_();return}C(B||null),w([]),A("edge"),B&&$?q({heatmap:B,daily:[],fetchedAt:new Date().toISOString()}):$||_();return}catch(B){const ae=B,pe=ae?.status??ae?.statusCode;if(pe===401||pe===403)throw B}const xe=await _e({baseUrl:t,accessToken:me,from:f.from,to:f.to,device:p,timeZone:o,tzOffsetMinutes:u}),le=Array.isArray(xe?.data)?xe.data:[];w(le);const G=Kr({dailyRows:le,weeks:s,to:f.to,weekStartsOn:n});C({...G,week_starts_on:n,active_days:le.filter(B=>Number(B?.billable_total_tokens??B?.total_tokens)>0).length,streak_days:ha({dailyRows:le,to:f.to})}),A("client"),$?q({heatmap:{...G,week_starts_on:n,active_days:le.filter(B=>Number(B?.billable_total_tokens??B?.total_tokens)>0).length,streak_days:ha({dailyRows:le,to:f.to})},daily:le,fetchedAt:new Date().toISOString()}):_()}catch(xe){if($){const le=Y();if(le?.heatmap)C(le.heatmap),w(le.daily||[]),A("cache"),S(null);else{const G=xe;S(G?.message||String(G)),w([]),C(null),A("edge")}}else{const le=xe;S(le?.message||String(le)),w([]),C(null),A("edge")}}finally{N(!1)}},[a,t,E,r,$,f.from,f.to,Y,U,o,u,n,s,_,q,I,y,m,x,p]);return d.useEffect(()=>{if(g){N(!0);return}if(!U&&!r&&!E&&!I&&!y){w([]),N(!1),S(null),C(null),A("edge");return}if(!$)_(),w([]),S(null),C(null),A("edge");else{const Z=Y();Z?.heatmap&&(C(Z.heatmap),w(Z.daily||[]),A("cache"))}z()},[a,E,Y,z,U,r,$,_,I,g]),{range:f,daily:v,heatmap:D,source:E?"mock":F==="client"?"edge":F,loading:O,error:j,refresh:z}}const El="tokentracker.dashboard.leftCardOrder.v1",Il="tokentracker.dashboard.rightCardOrder.v1";function Rl(t,a){const r=Xr(El,t),s=Xr(Il,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 Fl=10;function $l({baseUrl:t,accessToken:a,from:r,to:s,source:n,timeZone:i,tzOffsetMinutes:o}={}){const[u,c]=d.useState([]),[h,m]=d.useState(!1),[x,g]=d.useState(null),p=ut(),y=qt(a),k=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1"),f=Yt([t,a,r,s,n,i,o]),v=d.useCallback(async()=>{const w=f(),D=await $e(a);if(w()){if(!D&&!p&&!k){c([]),g(null),m(!1);return}m(!0),g(null);try{const C=await Ko({baseUrl:t,accessToken:D,limit:Fl,from:r,to:s,source:n,timeZone:i,tzOffsetMinutes:o});if(!w())return;c(Array.isArray(C?.entries)?C.entries:[])}catch(C){if(!w())return;const F=C?.message||String(C);g(F),c([])}finally{w()&&m(!1)}}},[a,t,r,p,n,i,s,o,k,f]);return d.useEffect(()=>{if(!y&&!p&&!k){c([]),g(null),m(!1);return}c([]),g(null),m(!0),v()},[p,v,y,k]),{entries:u,loading:h,error:x,refresh:v}}const ns="tokentracker.usage-cache-index",os=24;function is({baseUrl:t,accessToken:a,guestAllowed:r=!1,from:s,to:n,includeDaily:i=!0,includeSummary:o=!0,cacheKey:u,timeZone:c,tzOffsetMinutes:h,now:m,accountView:x=!1,accountAccessToken:g=null,accountRevision:p=0,accountViewResolving:y=!1,deviceId:k=null}={}){const f=!!(x&&g),v=f?"cloud":"local",[w,D]=d.useState([]),[C,F]=d.useState(null),[A,O]=d.useState(null),[N,j]=d.useState("edge"),[S,E]=d.useState(null),[U,$]=d.useState(!1),[I,L]=d.useState(null),Y=ut(),q=qt(a),_=!r&&!Y,P=k||"all",z=(()=>{if(!u)return null;const G=Pl(t)||"default",B=i?o?"daily-summary":"daily-only":"summary",ae=kr({timeZone:c,offsetMinutes:h});return`tokentracker.usage.${u}.${v}.${G}.${s}.${n}.${B}.${ae}.${P}`})(),X=d.useRef(v);d.useEffect(()=>{X.current!==v&&(X.current=v,D([]),F(null),O(null),j("edge"),E(null),L(null),$(!0))},[v]);const Z=d.useCallback(()=>{if(!z||typeof window>"u")return null;try{const G=window.localStorage.getItem(z);if(!G)return null;const B=JSON.parse(G),ae=o?!!B?.summary:Array.isArray(B?.daily);return!B||!ae?null:(es(ns,z,os),B)}catch{return null}},[o,z]),ue=d.useCallback(G=>{if(!(!z||typeof window>"u"))try{window.localStorage.setItem(z,JSON.stringify(G)),es(ns,z,os)}catch{}},[z]),me=d.useCallback(()=>{if(!(!z||typeof window>"u"))try{window.localStorage.removeItem(z)}catch{}},[z]),ge=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1"),_e=Yt([t,s,n,i,o,v,a,g,p,k,c,h]),xe=d.useCallback(async()=>{const G=_e(),B=await $e(a),ae=f?await $e(g):null;if(!G()||!B&&!Y&&!ge&&!f)return;if(f&&!ae){L("Your session expired. Please sign in again to view account data."),$(!1);return}const pe=f?Us:Hs,H=f?Go:qo,he=f?ae:B;$(!0),L(null);try{let ce=null,K=null;if(i)if(o){const[te,se]=await Promise.allSettled([pe({baseUrl:t,accessToken:he,from:s,to:n,device:k,timeZone:c,tzOffsetMinutes:h}),H({baseUrl:t,accessToken:he,from:s,to:n,device:k,timeZone:c,tzOffsetMinutes:h,rolling:!0})]);if(te.status==="rejected")throw te.reason;ce=te.value,K=se.status==="fulfilled"?se.value:null}else ce=await pe({baseUrl:t,accessToken:he,from:s,to:n,device:k,timeZone:c,tzOffsetMinutes:h});else o&&(K=await H({baseUrl:t,accessToken:he,from:s,to:n,device:k,timeZone:c,tzOffsetMinutes:h,rolling:!0}));let J=i&&Array.isArray(ce?.data)?ce.data:[];i&&(J=Ja(J,s,n,{timeZone:c,offsetMinutes:h,now:m}));let T=o&&(K?.totals||ce?.summary?.totals)||null,V=o&&(K?.rolling||ce?.summary?.rolling)||null;if(o&&i&&!T&&!K)try{const te=await H({baseUrl:t,accessToken:he,from:s,to:n,device:k,timeZone:c,tzOffsetMinutes:h,rolling:!0});T=te?.totals||null,V=te?.rolling||V}catch{}const ee=new Date().toISOString();if(!G())return;D(J),F(T),O(V),j("edge"),E(ee),(T||!o&&i)&&_?ue({summary:T,rolling:V,daily:J,from:s,to:n,includeDaily:i,includeSummary:o,fetchedAt:ee}):_||me()}catch(ce){if(!G())return;if(_){const K=Z();if(K?.summary||!o&&Array.isArray(K?.daily)){F(K.summary),O(K.rolling||null);const J=Array.isArray(K.daily)?K.daily:[],T=i?Ja(J,K.from||s,K.to||n,{timeZone:c,offsetMinutes:h,now:m}):J;D(T),j("cache"),E(K.fetchedAt||null),L(null)}else{const J=ce;L(J?.message||String(J)),D([]),F(null),O(null),j("edge"),E(null)}}else{const K=ce;L(K?.message||String(K)),D([]),F(null),O(null),j("edge"),E(null)}}finally{G()&&$(!1)}},[a,t,s,i,o,Y,r,_,m,Z,q,c,n,h,me,ue,ge,f,g,p,k,_e]);return d.useEffect(()=>{if(y){$(!0);return}const G=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1");if(!q&&!r&&!Y&&!G&&!f){D([]),F(null),O(null),L(null),$(!1),j("edge"),E(null);return}if(!_)me(),D([]),F(null),O(null),L(null),j("edge"),E(null);else{const B=Z();if(B?.summary||!o&&Array.isArray(B?.daily)){F(B.summary),O(B.rolling||null);const ae=Array.isArray(B.daily)?B.daily:[],pe=i?Ja(ae,B.from||s,B.to||n,{timeZone:c,offsetMinutes:h,now:m}):ae;D(pe),j("cache"),E(B.fetchedAt||null),L(null)}else D([]),F(null),O(null),j("edge"),E(null),L(null)}$(!0),xe()},[a,Y,Z,xe,q,r,_,me,ge,y,o]),d.useEffect(()=>{if(typeof window>"u"||typeof document>"u")return;const G=15e3;let B=Date.now();const ae=()=>{if(document.visibilityState!=="visible")return;const pe=Date.now();pe-B<G||(B=pe,xe())};return window.addEventListener("focus",ae),document.addEventListener("visibilitychange",ae),()=>{window.removeEventListener("focus",ae),document.removeEventListener("visibilitychange",ae)}},[xe]),{daily:w,summary:C,rolling:A,source:Y?"mock":N,fetchedAt:S,loading:U,error:I,refresh:xe}}function Pl(t){try{return new URL(t).host}catch{return null}}function Za(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())&&Wt(o)===a?o:null}function Bl(t,a){return new Date(Date.UTC(t.getUTCFullYear(),t.getUTCMonth(),t.getUTCDate()+a))}function Ja(t,a,r,{timeZone:s,offsetMinutes:n,now:i}={}){const o=Za(a),u=Za(r);if(!o||!u||u<o)return Array.isArray(t)?t:[];const c=i instanceof Date&&Number.isFinite(i.getTime())?i:new Date,h=wr({timeZone:s,offsetMinutes:n,date:c}),m=Za(h),x=m?m.getTime():c.getTime(),g=new Map;for(const y of t||[])y?.day&&g.set(y.day,y);const p=[];for(let y=o;y<=u;y=Bl(y,1)){const k=Wt(y),f=g.get(k),v=y.getTime()>x;if(f){p.push({...f,missing:!1,future:v});continue}p.push({day:k,total_tokens:null,billable_total_tokens:null,input_tokens:null,cached_input_tokens:null,output_tokens:null,reasoning_output_tokens:null,missing:!v,future:v})}return p}function zl({baseUrl:t,accessToken:a,guestAllowed:r=!1,from:s,to:n,cacheKey:i,timeZone:o,tzOffsetMinutes:u,accountView:c=!1,accountAccessToken:h=null,accountRevision:m=0,accountViewResolving:x=!1,deviceId:g=null}={}){const p=!!(c&&h),y=p?"cloud":"local",[k,f]=d.useState(null),[v,w]=d.useState("edge"),[D,C]=d.useState(!1),[F,A]=d.useState(null),O=ut(),N=qt(a),j=!r,S=d.useMemo(()=>{if(!i)return null;const P=Ol(t)||"default",z=kr({timeZone:o,offsetMinutes:u});return`tokentracker.modelBreakdown.${i}.${y}.${P}.${s}.${n}.${z}.${g||"all"}`},[t,i,g,s,y,o,n,u]),E=d.useCallback(()=>{if(!S||typeof window>"u")return null;try{const P=window.localStorage.getItem(S);if(!P)return null;const z=JSON.parse(P);return!z||!z.breakdown?null:z}catch{return null}},[S]),U=d.useCallback(P=>{if(!(!S||typeof window>"u"))try{window.localStorage.setItem(S,JSON.stringify(P))}catch{}},[S]),$=d.useCallback(()=>{if(!(!S||typeof window>"u"))try{window.localStorage.removeItem(S)}catch{}},[S]),I=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1"),L=Yt([t,s,n,y,a,h,m,g,o,u]),Y=d.useRef(y);d.useEffect(()=>{Y.current!==y&&(Y.current=y,f(null),w("edge"),A(null),C(!0))},[y]);const q=d.useCallback(async()=>{const P=L(),z=await $e(a),X=p?await $e(h):null;if(!P()||!z&&!O&&!I&&!p)return;if(p&&!X){A("Your session expired. Please sign in again to view account data."),C(!1);return}const Z=p?X:z,ue=p?Yo:Zo;C(!0),A(null);try{const me=await ue({baseUrl:t,accessToken:Z,from:s,to:n,device:g,timeZone:o,tzOffsetMinutes:u});if(!P())return;f(me||null),w("edge"),me&&j?U({breakdown:me,fetchedAt:new Date().toISOString()}):j||$()}catch(me){if(!P())return;if(j){const ge=E();if(ge?.breakdown)f(ge.breakdown),w("cache"),A(null);else{f(null),w("edge");const _e=me;A(_e?.message||String(_e))}}else{f(null),w("edge");const ge=me;A(ge?.message||String(ge))}}finally{P()&&C(!1)}},[a,t,s,O,r,j,E,o,n,N,u,$,U,I,p,h,m,g,L]);return d.useEffect(()=>{if(x){C(!0);return}if(!N&&!r&&!O&&!I&&!p){f(null),w("edge"),A(null),C(!1);return}if(!j)$(),f(null),w("edge"),A(null);else{const P=E();P?.breakdown?(f(P.breakdown),w("cache"),A(null)):(f(null),w("edge"),A(null))}C(!0),q()},[a,O,E,q,N,r,j,$,I,x]),{breakdown:k,source:O?"mock":v,loading:D,error:F,refresh:q}}function Ol(t){try{return new URL(t).host}catch{return null}}const an=new Set(["day","hour","month"]);function Ul(t){return an.has(t)}function ls(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 Hl(t,a){const r=ls(t),s=ls(a);if(r&&s)return r.length!==s.length?r.length<s.length?-1:1:r===s?0:r<s?-1:1;const n=re(t),i=re(a);return n==null&&i==null?0:n==null?1:i==null?-1:n===i?0:n<i?-1:1}function Vl(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 Wl(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 Kl(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 Gl(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 ql(t,a,r){const s=r==="hour"?Gl:r==="month"?Kl:Wl,n=s(t),i=s(a);return n!=null&&i!=null?n===i?0:n<i?-1:1:Vl(t,a)}function rn(t,{key:a,dir:r}){const s=r==="asc"?1:-1,n=Array.isArray(t)?t:[],i=an.has(a)?(u,c)=>ql(u,c,a):Hl,o=u=>a==="total_tokens"&&u?.billable_total_tokens!=null?u.billable_total_tokens:u?.[a];return n.map((u,c)=>({row:u,index:c})).sort((u,c)=>{const h=o(u.row),m=o(c.row),x=h==null,g=m==null;if(x&&g)return u.index-c.index;if(x)return 1;if(g)return-1;const p=i(h,m);return p!==0?p*s:u.index-c.index}).map(u=>u.row)}function Yl(){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 cs(t){const a=Ul(t)?t:"day";return Yl().map((r,s)=>s===0?{...r,key:a}:r)}function ds(t,{key:a,dir:r}){return rn(t,{key:a,dir:r})}const _a=12,Zl=["total_tokens","billable_total_tokens","input_tokens","cached_input_tokens","cache_creation_input_tokens","output_tokens","reasoning_output_tokens"];function Jl(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 Ql(t){return Zl.some(a=>Jl(t?.[a]))}function Xl(t){const a=Array.isArray(t)?t:[];if(!a.length)return[];const r=rn(a,{key:"month",dir:"asc"}),s=r.findIndex(n=>n?.month&&Ql(n));return s===-1?a:r.slice(s)}function ec(t,a,r=_a){const s=Array.isArray(t)?t:[],n=Number.isFinite(r)&&r>0?r:_a,o=(Number.isFinite(a)&&a>=0?Math.floor(a):0)*n;return s.slice(o,o+n)}function tc({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 ga=Object.freeze({active:3e4,warm:2*6e4,idle:10*6e4,longIdle:30*6e4});function ac({visible:t=!0,lastInteractionAt:a=0,now:r=Date.now()}={}){if(!t)return ga.longIdle;const s=Math.max(0,r-(Number(a)||0));return s<=10*6e4?ga.active:s<=60*6e4?ga.warm:ga.idle}const rc=3e4;function sc({refresh:t,intervalMs:a=rc,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(y=>n(y)).then(()=>{}).finally(()=>{o===p&&(o=null)});return o=p,p},m=r.setInterval(()=>{const p=Date.now();p<c||(c=p+ac({visible:s.visibilityState==="visible",lastInteractionAt:u,now:p}),h())},a),x=()=>{s.visibilityState==="visible"&&(u=Date.now(),c=0,h())},g=()=>{u=Date.now()};return r.addEventListener("focus",x),r.addEventListener("pointerdown",g),r.addEventListener("keydown",g),s.addEventListener("visibilitychange",x),{run:h,stop(){i=!0,r.clearInterval(m),r.removeEventListener("focus",x),r.removeEventListener("pointerdown",g),r.removeEventListener("keydown",g),s.removeEventListener("visibilitychange",x)}}}function nc(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 Wt(r)===t?r:null}function oc({period:t,selectedFrom:a,selectedTo:r,todayKey:s}={}){if(t==="total"&&a&&r)return{from:a,to:r};const n=nc(s)||new Date,i=new Date(Date.UTC(n.getUTCFullYear(),n.getUTCMonth(),n.getUTCDate()-29));return{from:Wt(i),to:Wt(n)}}function ic(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 jr(t){if(typeof t!="string")return null;const a=t.trim();return a?a.toLowerCase():null}function lc(t){const a=jr(t?.model_id);return a||null}function sn(t,a){return t?.model?String(t.model):a}function nn(t){const a=new Map,r=new Map;for(const s of t){const n=typeof s?.name=="string"?s.name.trim():"",i=jr(n);if(!i||i.includes("/"))continue;const o=Math.max(0,re(s?.weight)??0);(!a.has(i)||o>=(r.get(i)||0))&&(a.set(i,n),r.set(i,o))}return a}function on(t,a){const r=jr(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 Nt(t,a=0){const r=re(t?.billable_total_tokens),s=re(t?.total_tokens);return r!=null&&r>0?r:s!=null&&s>0?s:r??s??a}function cc(t,{copyFn:a}={}){const r=typeof a=="function"?a:o=>o,n=(Array.isArray(t?.sources)?t.sources:[]).map(o=>{const u=Nt(o?.totals),c=re(o?.totals?.total_cost_usd)??0;return{source:o?.source,totalTokens:Number.isFinite(u)?u:0,totalCost:Number.isFinite(c)?c:0,inputTokens:Math.max(0,re(o?.totals?.input_tokens)??0),cacheRead:Math.max(0,re(o?.totals?.cached_input_tokens)??0),cacheCreate:Math.max(0,re(o?.totals?.cache_creation_input_tokens)??0),models:Array.isArray(o?.models)?o.models:[]}}).filter(o=>o.totalTokens>0);if(!n.length)return[];const i=n.reduce((o,u)=>o+u.totalTokens,0);return typeof t?.pricing?.pricing_mode=="string"&&t.pricing.pricing_mode.toUpperCase(),n.slice().sort((o,u)=>u.totalTokens-o.totalTokens).map(o=>{const u=o.source?String(o.source).toUpperCase():r("shared.placeholder.short"),c=i>0?o.totalTokens/i*100:0,h=Number.isFinite(c)?c.toFixed(2):"0.00",m=o.models.map(y=>{const k=Nt(y?.totals);if(!Number.isFinite(k)||k<=0)return null;const f=o.totalTokens>0?Math.round(k/o.totalTokens*1e3)/10:0,v=sn(y,r("shared.placeholder.short")),w=lc(y),D=re(y?.totals?.total_cost_usd),C=D??(o.totalCost>0&&o.totalTokens>0?k/o.totalTokens*o.totalCost:null);return{id:w,name:v,share:f,usage:k,cost:C}}).filter(Boolean),x=o.inputTokens+o.cacheRead+o.cacheCreate,p=o.cacheRead+o.cacheCreate>0&&x>0?Math.round(o.cacheRead/x*100):null;return{source:o.source,label:u,totalPercent:String(h),totalPercentValue:c,usd:o.totalCost,usage:o.totalTokens,cacheHitRate:p,cacheReusedTokens:o.cacheRead,cacheInputTokens:x,models:m}})}function dc(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=re(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=nn(s.map(o=>({name:o.name,weight:o.usage})));for(const{model:o,name:u,usage:c}of s){const h=on(u,n);if(!h)continue;const{key:m}=h,x=r.get(m)||{id:m,name:h.name,usage:0,cost:0,hasCost:!1,nameWeight:0};x.usage+=c;const g=re(o?.cost);g!=null&&(x.cost+=g,x.hasCost=!0),n.has(m)?x.name=n.get(m):c>=x.nameWeight&&(x.name=u,x.nameWeight=c),r.set(m,x)}const i=Array.from(r.values()).reduce((o,u)=>o+u.usage,0);return Array.from(r.values()).map(o=>({id:o.id,name:o.name,usage:o.usage,cost:o.hasCost?o.cost:null,share:i>0?Math.round(o.usage/i*1e3)/10:0})).sort((o,u)=>u.usage!==o.usage?u.usage-o.usage:String(o.name).localeCompare(String(u.name)))}function uc(t,{limit:a=3,copyFn:r}={}){const s=typeof r=="function"?r:y=>y,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 y of n){const k=Array.isArray(y?.models)?y.models:[];for(const f of k){const v=Nt(f?.totals);if(!Number.isFinite(v)||v<=0)continue;h+=v;const w=sn(f,s("shared.placeholder.short"));c.push({name:w,tokens:v})}}const m=nn(c.map(y=>({name:y.name,weight:y.tokens})));for(const{name:y,tokens:k}of c){const f=on(y,m);if(!f)continue;const{key:v}=f;i.set(v,(i.get(v)||0)+k),m.has(v)?o.set(v,m.get(v)):k>=(u.get(v)||0)&&(u.set(v,k),o.set(v,y))}if(!i.size)return[];const x=Array.from(i.values()).reduce((y,k)=>y+k,0),g=h>0?h:x,p=Number.isFinite(a)?Math.max(0,Math.floor(a)):3;return Array.from(i.entries()).map(([y,k])=>{const f=g>0?(k/g*100).toFixed(1):"0.0";return{id:y,name:o.get(y)||s("shared.placeholder.short"),tokens:k,percent:String(f)}}).sort((y,k)=>k.tokens!==y.tokens?k.tokens-y.tokens:String(y.name).localeCompare(String(k.name))).slice(0,p)}function mc(t,a,r){if(!Number.isFinite(t))return l("shared.placeholder.short");const s=ja(t,{decimals:2,currency:a,rate:r});return s==="-"?l("shared.placeholder.short"):s}function us(t,a,r){if(!Number.isFinite(t)||t<=0)return null;const s=Kt(a);return(a===Vs?t:t*r)<.01?`<${s}0.01`:ja(t,{decimals:2,currency:a,rate:r})}function ms(t){const a=Number(t);return!Number.isFinite(a)||a<=0?null:Je(a,{decimals:1})}const hc=_t.memo(function({isOpen:a,onClose:r,fleetData:s=[]}){const{currency:n,rate:i}=Na(),o=d.useMemo(()=>(Array.isArray(s)?s:[]).map(c=>{const h=re(c?.usd)??0,m=re(c?.usage)??0,x=Array.isArray(c?.models)?c.models:[];return{label:c?.label?String(c.label):"",usdValue:h,costLabel:us(h,n,i),tokensLabel:ms(m),models:x.map(g=>{const p=re(g?.usage)??0,y=re(g?.cost)??0;return{id:g?.id?String(g.id):"",name:g?.name?String(g.name):"",tokensLabel:ms(p),costLabel:us(y,n,i),sortCost:y}}).filter(g=>g.costLabel||g.tokensLabel).sort((g,p)=>p.sortCost-g.sortCost)}}).filter(c=>c.usdValue>0||c.models.length>0).sort((c,h)=>h.usdValue-c.usdValue),[s,n,i]),u=d.useMemo(()=>{const c=o.reduce((h,m)=>h+m.usdValue,0);return mc(c,n,i)},[o,n,i]);return e.jsx(Ui,{open:a,onOpenChange:c=>{c||r?.()},children:e.jsxs(Hi,{children:[e.jsx(Vi,{className:"cost-modal-backdrop","data-cost-analysis-backdrop":"true"}),e.jsx(Wi,{className:"fixed inset-0 z-[101] flex items-center justify-center p-4",children:e.jsxs(Ki,{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(Gi,{render:e.jsx("h2",{className:"sr-only"}),children:l("dashboard.cost_breakdown.title")}),e.jsx(qi,{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(_r,{size:16,strokeWidth:2,"aria-hidden":!0})}),e.jsx("div",{className:"flex-1 min-h-0 overflow-y-auto oai-scrollbar",children:e.jsxs("div",{className:"px-3 py-6",children:[e.jsx("p",{className:"text-label uppercase tracking-[0.12em] text-oai-gray-500 dark:text-oai-gray-400 mb-2",children:l("dashboard.cost_breakdown.total_label")}),e.jsx("p",{className:"font-bold text-oai-brand tabular-nums tracking-tight leading-none mb-6",style:{fontSize:"clamp(24px, 6.5vw, 32px)"},children:u}),o.length===0?e.jsx("p",{className:"text-body-sm text-oai-gray-500 dark:text-oai-gray-400",children:l("dashboard.cost_breakdown.empty")}):e.jsxs("div",{role:"table","aria-label":l("dashboard.cost_breakdown.title"),children:[e.jsxs("div",{role:"row",className:"flex items-center justify-between gap-4 py-2 mb-2 border-b border-oai-gray-200 dark:border-oai-gray-800 text-label uppercase text-oai-gray-500 dark:text-oai-gray-400",children:[e.jsx("span",{role:"columnheader",children:l("dashboard.cost_breakdown.model_column")}),e.jsx("span",{role:"columnheader",children:l("dashboard.cost_breakdown.cost_column")})]}),o.map((c,h)=>{const m=`fleet-${h}`;return e.jsxs("div",{role:"rowgroup","aria-labelledby":m,className:h>0?"mt-5":"mt-2",children:[e.jsxs("div",{role:"row",className:"flex items-center justify-between gap-4 py-2",children:[e.jsx("span",{id:m,role:"rowheader",className:"flex-1 min-w-0 text-body-sm font-semibold text-oai-black dark:text-oai-white truncate leading-none",children:c.label}),e.jsx("span",{role:"cell",className:"shrink-0 text-body-sm font-semibold text-oai-black dark:text-oai-white tabular-nums leading-none",children:c.costLabel||"—"})]}),c.models.map((x,g)=>e.jsxs("div",{role:"row",className:"flex items-center justify-between gap-4 py-[5px]",children:[e.jsx("span",{role:"cell",className:"flex-1 min-w-0 text-caption text-oai-gray-500 dark:text-oai-gray-400 truncate leading-none",title:x.name,children:x.name}),e.jsx("span",{role:"cell",className:"shrink-0 text-caption text-oai-gray-700 dark:text-oai-gray-300 tabular-nums leading-none",children:x.costLabel||""})]},x.id||`${x.name}-${g}`))]},`${c.label}-${h}`)})]})]})})]})})]})})});function gc({projectKey:t,from:a,to:r,timeZone:s,tzOffsetMinutes:n}={}){const[i,o]=d.useState(null),[u,c]=d.useState(!1),[h,m]=d.useState(null),x=ut();return d.useEffect(()=>{if(!t){o(null),m(null),c(!1);return}let g=!0;return c(!0),m(null),Jo({projectKey:t,from:a,to:r,timeZone:s,tzOffsetMinutes:n}).then(p=>{g&&o(p||null)}).catch(p=>{g&&(m(p?.message||String(p)),o(null))}).finally(()=>{g&&c(!1)}),()=>{g=!1}},[t,a,r,s,n,x]),{data:i,loading:u,error:h}}function ln(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 cn(t){try{return new URL(t).hostname.toLowerCase()}catch{return""}}function dn(t){return t?t==="github.com"||t.endsWith(".github.com")?"github":t.includes("gitlab")||t.startsWith("git.")?"gitlab":"generic":""}function un(t,a){return a&&dn(cn(t))==="github"?a:""}function mn({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 hs="#10b981",Qa=[{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"}],Xa=60;function xc(t,a,r,s){if(!Array.isArray(t)||t.length===0)return[];const n=new Map(t.map(g=>[g.day,g]));let i=a||t[0].day,o=r||t[t.length-1].day;i>o&&([i,o]=[o,i]),s&&o>s&&(o=s);const u=t[t.length-1].day;o<u&&(o=u);const c=new Date(`${i}T00:00:00Z`),h=new Date(`${o}T00:00:00Z`);if(!Number.isFinite(c.getTime())||!Number.isFinite(h.getTime()))return t;const m=Math.round((h.getTime()-c.getTime())/864e5)+1;m>Xa&&c.setUTCDate(c.getUTCDate()+(m-Xa));const x=[];for(;c.getTime()<=h.getTime()&&x.length<Xa;){const g=c.toISOString().slice(0,10);x.push(n.get(g)||{day:g,total_tokens:0,billable_total_tokens:0}),c.setUTCDate(c.getUTCDate()+1)}return x}function er(t){if(!Number.isFinite(t))return"—";const a=t*100;return`${a>=10?Math.round(a):a.toFixed(1)}%`}function wt({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 fc({host:t}){if(!t)return null;let a;const r=dn(t);return r==="github"||r==="gitlab"?a=e.jsx(St,{provider:r,size:12,className:"fill-current"}):a=e.jsx(hl,{size:12}),e.jsx("span",{title:t,"aria-label":t,className:"inline-flex flex-shrink-0 items-center",children:a})}function tr({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 pc({entry:t,query:a={},onClose:r}){const[s,n]=_t.useState(!1),i=typeof t?.project_key=="string"?t.project_key:"",{owner:o,repo:u}=ln(i),c=typeof t?.project_ref=="string"?t.project_ref:"",h=cn(c),{data:m,loading:x,error:g}=gc({projectKey:i,from:a.from,to:a.to,timeZone:a.timeZone,tzOffsetMinutes:a.tzOffsetMinutes}),{formatTokens:p,formatTokensTooltip:y}=Ee(),k=_t.useCallback(()=>n(!0),[]),f=I=>{I.target===I.currentTarget&&s&&r()};_t.useEffect(()=>{const I=L=>{L.key==="Escape"&&k()};return window.addEventListener("keydown",I),()=>window.removeEventListener("keydown",I)},[k]);const v=m?.totals||null,w=re(v?.billable_total_tokens)??0,D=Number(m?.days_active||0),C=re(v?.input_tokens)??0,F=re(v?.cached_input_tokens)??0,A=C+F>0?F/(C+F):null,O=re(m?.range_total_tokens)??0,N=re(v?.total_tokens)??0,j=O>0?N/O:null,S=_t.useMemo(()=>xc(m?.daily,m?.from,m?.to,wr({timeZone:a.timeZone,offsetMinutes:a.tzOffsetMinutes})),[m,a.timeZone,a.tzOffsetMinutes]),E=Qa.reduce((I,L)=>I+(re(v?.[L.key])??0),0),U=Array.isArray(m?.sources)?m.sources:[],$=!x&&!g&&v&&N>0;return e.jsx("div",{onAnimationEnd:f,onClick:I=>{I.target===I.currentTarget&&k()},className:jt("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:jt("relative w-full max-w-4xl max-h-[88vh] backdrop-blur-2xl bg-white/90 dark:bg-oai-gray-900/90 border border-oai-gray-200/50 dark:border-white/10 shadow-2xl rounded-2xl flex flex-col md:flex-row overflow-hidden",s?"animate-tt-modal-exit":"animate-tt-modal"),children:[e.jsx("button",{type:"button",onClick:k,"aria-label":l("dashboard.projects.detail.close_aria"),className:"absolute top-4 right-4 z-50 p-2 rounded-full border border-oai-gray-200/60 dark:border-oai-gray-800/60 bg-white/50 dark:bg-oai-gray-900/50 text-oai-gray-500 dark:text-oai-gray-400 hover:text-oai-gray-900 dark:hover:text-white hover:rotate-90 hover:scale-105 active:scale-95 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-oai-brand/60 transition-all duration-300",children:e.jsx(_r,{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:hs}}),e.jsx("span",{className:"relative inline-flex rounded-full h-1.5 w-1.5",style:{backgroundColor:hs}})]}),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(mn,{githubOwner:un(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(fc,{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]})]}),$?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(wt,{label:l("dashboard.projects.detail.stat_total"),value:p(w),title:y(w)}),e.jsx(wt,{label:l("dashboard.projects.detail.stat_share"),value:j==null?"—":er(j)}),e.jsx(wt,{label:l("dashboard.projects.detail.stat_cache_hit"),value:A==null?"—":er(A)}),e.jsx(wt,{label:l("dashboard.projects.detail.stat_conversations"),value:wa(v.conversation_count)}),e.jsx(wt,{label:l("dashboard.projects.detail.stat_active_days"),value:wa(D)}),e.jsx(wt,{label:l("dashboard.projects.detail.stat_avg_day"),value:D>0?p(Math.round(w/D)):"—"})]}):null]}),e.jsxs("div",{className:"flex-1 min-w-0 overflow-y-auto",children:[x&&e.jsxs("div",{className:"space-y-4 p-5 md:p-6",children:[e.jsx("div",{className:"h-32 rounded-lg bg-oai-gray-100 dark:bg-oai-gray-800 animate-pulse"}),e.jsx("div",{className:"h-16 rounded-lg bg-oai-gray-100 dark:bg-oai-gray-800 animate-pulse"}),e.jsx("div",{className:"h-24 rounded-lg bg-oai-gray-100 dark:bg-oai-gray-800 animate-pulse"})]}),!x&&g&&e.jsx("p",{className:"oai-text-body-sm text-oai-gray-500 dark:text-oai-gray-300 p-5 md:p-6",children:l("dashboard.projects.detail.error")}),!x&&!g&&!$&&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")}),$&&e.jsxs("div",{className:"divide-y divide-zinc-200/50 dark:divide-zinc-800/40",children:[S.length>1&&e.jsxs("section",{className:"px-5 py-5 md:px-6 first:md:pt-6",children:[e.jsx(tr,{children:l("dashboard.projects.detail.section_trend")}),e.jsx("div",{className:"mt-3",children:e.jsx(Ys,{embedded:!0,rows:S,from:S[0]?.day,to:S[S.length-1]?.day,period:"month",showTimeZoneLabel:!1,chartHeightClass:"h-36"})})]}),E>0&&e.jsxs("section",{className:"px-5 py-5 md:px-6 first:md:pt-6",children:[e.jsx(tr,{children:l("dashboard.projects.detail.section_composition")}),e.jsx("div",{className:"mt-3 flex h-1.5 w-full overflow-hidden rounded-full",children:Qa.map(I=>{const L=re(v[I.key])??0;return L<=0?null:e.jsx("div",{style:{width:`${L/E*100}%`,backgroundColor:I.color,minWidth:"2px"}},I.key)})}),e.jsx("div",{className:"mt-2.5 flex flex-wrap gap-x-4 gap-y-1.5",children:Qa.map(I=>{const L=re(v[I.key])??0;return e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{className:"h-1.5 w-1.5 flex-shrink-0 rounded-full",style:{backgroundColor:I.color}}),e.jsx("span",{className:"text-[11px] text-zinc-500 dark:text-zinc-400",children:l(I.labelKey)}),e.jsx("span",{className:"text-[11px] font-bold font-mono text-zinc-900 dark:text-zinc-50 tabular-nums",title:y(L),children:p(L)})]},I.key)})})]}),U.length>0&&e.jsxs("section",{className:"px-5 py-5 md:px-6 first:md:pt-6",children:[e.jsx(tr,{children:l("dashboard.projects.detail.section_sources")}),e.jsx("div",{className:"mt-3 space-y-3.5",children:U.map(I=>{const L=Number(I.total_tokens||0),Y=N>0?L/N:0,q=Y*100,_=Number(I.conversation_count||0),P=ji(I.source||"unknown");return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-1.5 min-w-0",children:[e.jsx(St,{provider:I.source,size:13,className:"flex-shrink-0"}),e.jsx("span",{className:"text-[11px] font-bold uppercase tracking-wide text-zinc-900 dark:text-zinc-50 truncate",children:vt(I.source)}),e.jsxs("span",{className:"hidden text-[10px] font-mono text-zinc-400 dark:text-zinc-500 tabular-nums whitespace-nowrap sm:inline",children:[l("dashboard.projects.detail.source_days",{n:Number(I.days_active||0)}),_>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:y(L),children:p(L)}),e.jsx("span",{className:"w-9 text-right text-[10px] font-mono text-zinc-400 dark:text-zinc-500 tabular-nums",children:er(Y)})]}),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,L>0?1:0))}%`,minWidth:L>0?"3px":0,backgroundColor:P}})})]},I.source)})})]})]})]})]})})}function yc(t){return e.jsx(Qo,{mode:Vt.COMPACT,children:e.jsx(pc,{...t})})}const bc=5;function kc({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}=ln(o),m=un(u,c),x=re(t?.billable_total_tokens??t?.total_tokens)??0,g=a>0?Math.min(100,Math.max(2,x/a*100)):0,p=Array.isArray(t?.sources)?t.sources:[],y=p.slice(0,bc),k=p.length-y.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(mn,{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||"—"})]}),y.length>0&&e.jsxs("div",{className:"mt-0.5 flex items-center gap-1",children:[y.map(f=>e.jsx(St,{provider:f.source,size:12,className:"text-oai-gray-400 dark:text-oai-gray-500"},f.source)),k>0&&e.jsx("span",{className:"oai-text-caption text-oai-gray-400 dark:text-oai-gray-500",children:r("dashboard.projects.sources_more",{n:k})})]})]}),e.jsxs("div",{className:"flex w-24 flex-shrink-0 flex-col items-end gap-1",children:[e.jsx("span",{className:"oai-text-body-sm font-medium text-oai-black dark:text-oai-white tabular-nums",title:n(x),children:s(x)}),e.jsx("div",{className:"h-1 w-full overflow-hidden rounded-full bg-oai-gray-100 dark:bg-oai-gray-800",children:e.jsx("div",{className:"h-full rounded-full bg-emerald-500",style:{width:`${g}%`,minWidth:x>0?"3px":0}})})]})]})}function wc({projectEntries:t=[],projectLimit:a=3,onProjectLimitChange:r,projectDetailQuery:s={},copy:n,hasDetailsActual:i,dailyEmptyPrefix:o,installSyncCmd:u,dailyEmptySuffix:c,detailsColumns:h,ariaSortFor:m,toggleSort:x,sortIconFor:g,pagedDetails:p,dailyBreakdownRows:y=[],dailyBreakdownColumns:k=[],dailyBreakdownAriaSortFor:f,dailyBreakdownSortIconFor:v,dailyBreakdownDateKey:w="day",detailsDateKey:D,renderDetailDate:C,renderDailyBreakdownDate:F,renderDetailCell:A,DETAILS_PAGED_PERIODS:O,period:N,detailsPageCount:j,detailsPage:S,setDetailsPage:E}){const[U,$]=d.useState("daily"),[I,L]=d.useState(null),{formatTokens:Y,formatTokensTooltip:q}=Ee();return e.jsxs(Te,{children:[e.jsxs("div",{className:`flex items-center justify-between gap-3 ${U==="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":U==="daily",type:"button",onClick:()=>$("daily"),className:`text-xs font-medium px-3 py-1.5 rounded transition-colors ${U==="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":U==="projects",type:"button",onClick:()=>$("projects"),className:`text-xs font-medium px-3 py-1.5 rounded transition-colors ${U==="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")})]}),U==="projects"&&e.jsx(Js,{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"})]}),U==="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 P=_.reduce((z,X)=>{const Z=re(X?.billable_total_tokens??X?.total_tokens)??0;return Z>z?Z:z},0);return e.jsx("div",{className:"space-y-1",children:_.map((z,X)=>e.jsx(kc,{entry:z,maxTokens:P,copy:n,formatTokens:Y,formatTokensTooltip:q,onSelect:L},z?.project_key||z?.project_ref||`entry-${X}`))})})(),I&&e.jsx(yc,{entry:I,query:s,onClose:()=>L(null)}),U==="daily"&&e.jsxs("div",{children:[y?.length===0?e.jsxs("div",{className:"oai-text-body-sm text-oai-gray-500 dark:text-oai-gray-300 mb-4",children:[o,e.jsx("code",{className:"mx-1 rounded border border-oai-gray-300 dark:border-oai-gray-700 oai-bg-elevated px-1.5 py-0.5 font-mono oai-text-caption",children:u}),c]}):e.jsx("div",{className:"overflow-auto max-h-[384px] -mx-4 oai-scrollbar",children:e.jsxs("table",{className:"w-full border-collapse",children:[e.jsx("thead",{className:"sticky top-0 z-10",children:e.jsx("tr",{className:"border-b border-oai-gray-200 dark:border-oai-gray-700",children:k.map(_=>e.jsx("th",{"aria-sort":f?.(_.key)||"none",className:"text-left p-0 bg-white dark:bg-oai-gray-900",children:e.jsx("button",{type:"button",onClick:()=>x(_.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:y.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:F?F(_):C(_)}),e.jsx("td",{className:"px-2.5 sm:px-4 py-2 oai-text-body-sm font-medium text-oai-black dark:text-oai-white tabular-nums",children:A(_,"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:A(_,"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:A(_,"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:A(_,"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:A(_,"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:A(_,"conversation_count")})]},String(_?.[w]||_?.day||_?.hour||_?.month||"")))})]})}),U!=="daily"&&O.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:()=>E(_=>Math.max(0,_-1)),disabled:S===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:[S+1," / ",j]}),e.jsx("button",{type:"button",onClick:()=>E(_=>Math.min(j-1,_+1)),disabled:S+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 ka(t){return typeof t!="string"?"":t.trim()}function gs(t){const a=ka(t);return a?a.split(/[_\-\s]+/).filter(Boolean).map(r=>r.slice(0,1).toUpperCase()+r.slice(1).toLowerCase()).join(" "):""}function _c(t){if(!Array.isArray(t))return[];const a=new Map;for(const r of t){if(!r||typeof r!="object")continue;const s=ka(r.tool),n=ka(r.planType)||ka(r.plan_type);if(!s||!n)continue;const i=gs(s)||s,o=gs(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}=Ee(),c=l("shared.placeholder.short"),h=l("shared.unit.percent"),m=t??l("identity_card.rank_placeholder"),x=Number.isFinite(Number(a))?Number(a):0,g=x?l("identity_card.streak_value",{days:x}):l("identity_card.rank_placeholder"),p=_c(r),y={thousandSuffix:l("shared.unit.thousand_abbrev"),millionSuffix:l("shared.unit.million_abbrev"),billionSuffix:l("shared.unit.billion_abbrev")},k=w=>{if(w==null)return c;const D=Je(w,y);return D==="-"?c:D},f={last7d:l("stats.period.last_7d"),last30d:l("stats.period.last_30d"),avg:l("stats.period.avg"),convs:l("stats.period.convs")},v=i.slice(0,3);return e.jsxs(Te,{className:`h-full ${o}`,children:[e.jsxs("div",{className:"grid grid-cols-2 lg:grid-cols-2 xl:grid-cols-4 gap-2",children:[e.jsxs("div",{className:"min-w-0 flex flex-col items-center justify-center px-2 py-2 bg-oai-gray-50 dark:bg-oai-gray-800 rounded-lg",children:[e.jsx("span",{title:u(n?.last_7d?.totals?.billable_total_tokens),className:"w-full min-w-0 truncate text-center text-sm font-semibold text-oai-black dark:text-oai-white tabular-nums",children:k(n?.last_7d?.totals?.billable_total_tokens)}),e.jsx("span",{className:"w-full min-w-0 truncate text-center text-[10px] text-oai-gray-400 dark:text-oai-gray-400 mt-0.5 whitespace-nowrap",children:f.last7d})]}),e.jsxs("div",{className:"min-w-0 flex flex-col items-center justify-center px-2 py-2 bg-oai-gray-50 dark:bg-oai-gray-800 rounded-lg",children:[e.jsx("span",{title:u(n?.last_30d?.totals?.billable_total_tokens),className:"w-full min-w-0 truncate text-center text-sm font-semibold text-oai-black dark:text-oai-white tabular-nums",children:k(n?.last_30d?.totals?.billable_total_tokens)}),e.jsx("span",{className:"w-full min-w-0 truncate text-center text-[10px] text-oai-gray-400 dark:text-oai-gray-400 mt-0.5 whitespace-nowrap",children:f.last30d})]}),e.jsxs("div",{className:"min-w-0 flex flex-col items-center justify-center px-2 py-2 bg-oai-gray-50 dark:bg-oai-gray-800 rounded-lg",children:[e.jsx("span",{title:u(n?.last_30d?.avg_per_active_day),className:"w-full min-w-0 truncate text-center text-sm font-semibold text-oai-black dark:text-oai-white tabular-nums",children:k(n?.last_30d?.avg_per_active_day)}),e.jsx("span",{className:"w-full min-w-0 truncate text-center text-[10px] text-oai-gray-400 dark:text-oai-gray-400 mt-0.5 whitespace-nowrap",children:f.avg})]}),e.jsxs("div",{className:"min-w-0 flex flex-col items-center justify-center px-2 py-2 bg-oai-gray-50 dark:bg-oai-gray-800 rounded-lg",children:[e.jsx("span",{className:"w-full min-w-0 truncate text-center text-sm font-semibold text-oai-black dark:text-oai-white tabular-nums",children:k(s)}),e.jsx("span",{className:"w-full min-w-0 truncate text-center text-[10px] text-oai-gray-400 dark:text-oai-gray-400 mt-0.5 whitespace-nowrap",children:f.convs})]})]}),v.length>0&&e.jsx("div",{className:"mt-4 pt-3 border-t border-oai-gray-100 dark:border-oai-gray-800",children:v.map((w,D)=>{const C=w?.name?String(w.name):c,F=w?.percent?String(w.percent):"",A=D===v.length-1,O=D+1;return e.jsxs("div",{className:`flex items-center py-2 ${A?"":"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:O}),e.jsx("span",{className:"flex-1 text-sm text-oai-gray-700 dark:text-oai-gray-300 truncate px-2.5",title:C,children:C}),e.jsxs("span",{className:"text-sm font-semibold text-oai-black dark:text-oai-white tabular-nums flex-shrink-0",children:[F,h]})]},w.id||C)})}),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,D)=>e.jsxs(vl,{variant:"secondary",size:"sm",children:[w.tool," ",w.plan]},`${w.tool}:${w.plan}:${D}`))}),e.jsxs("div",{className:"mt-4 pt-3 border-t border-oai-gray-100 dark:border-oai-gray-800 flex items-center justify-between text-xs text-oai-gray-400 dark:text-oai-gray-400",children:[e.jsxs("div",{className:"flex items-center gap-1.5",children:[e.jsx("span",{children:l("identity_card.rank_label")}),e.jsx("span",{className:"text-oai-gray-500 dark:text-oai-gray-300 tabular-nums",children:m})]}),e.jsxs("div",{className:"flex items-center gap-1",children:[e.jsx("span",{children:l("identity_card.streak_label")}),e.jsx("span",{className:"text-oai-gray-500 dark:text-oai-gray-300 tabular-nums",children:g})]})]})]})}let xa=null;function jc(){if(xa===null)try{xa=typeof CSS<"u"&&typeof CSS.supports=="function"&&CSS.supports("color","oklch(0 0 0)")}catch{xa=!1}return xa}function Nc(t,a,r){const s=r*Math.PI/180,n=a*Math.cos(s),i=a*Math.sin(s),o=t+.3963377774*n+.2158037573*i,u=t-.1055613458*n-.0638541728*i,c=t-.0894841775*n-1.291485548*i,h=o*o*o,m=u*u*u,x=c*c*c;return[4.0767416621*h-3.3077115913*m+.2309699292*x,-1.2684380046*h+2.6097574011*m-.3413193965*x,-.0041960863*h-.7034186147*m+1.707614701*x].map(p=>{const y=Math.min(1,Math.max(0,p)),k=y<=.0031308?12.92*y:1.055*Math.pow(y,1/2.4)-.055;return Math.round(k*255)})}function hn(t,a,r,s){if(jc())return s==null?`oklch(${t} ${a} ${r})`:`oklch(${t} ${a} ${r} / ${s})`;const[n,i,o]=Nc(t,a,r);return s==null?`rgb(${n} ${i} ${o})`:`rgb(${n} ${i} ${o} / ${s})`}function Ct(t){const a=/^oklch\(\s*([0-9.]+)\s+([0-9.]+)\s+([0-9.]+)\s*\)$/.exec(t);return a?hn(Number(a[1]),Number(a[2]),Number(a[3])):t}const xs={claude:35,codex:250,grok:200},fs={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 Sc(t,a){const r=xs[a]??xs.claude,s=fs[t]||fs.system_prompt;return hn(s.l,s.c,r)}const Cc=[{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"]}],Tc=[["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"]],Ac={duration:.18,ease:[.4,0,.2,1]},Dc={height:0,opacity:0},Mc={height:"auto",opacity:1},Lc={height:0,opacity:0};function Ec(t){const a=Number(t||0);return Number.isFinite(a)&&a>0?a:0}function Ic(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 gn(t,a=null){const r=t.reduce((o,u)=>o+Number(u.totals.total_tokens||0),0),s=Ec(a),n=s||r,i=s&&r>0?s/r:1;return t.map(o=>{const u=i===1?o.totals:Ic(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 Rc(t,a=null){const r=new Map;for(const n of t||[])r.set(n.key,n);const s=Cc.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 gn(s,a)}function Fc(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 gn(c,a)}const ps="MCP: ";function $c(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(ps)?(a.push({...n,name:i.slice(ps.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 ys(t){return l(`dashboard.context_breakdown.category.${t}`)}function Pc(t){return typeof t!="string"?"":t.startsWith("mcp__")?t.split("__").slice(2).join("__")||t:t.includes("/")&&t.split("/").pop()||t}function Bc(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:Pc(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 zc(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:Bc(s),toolCount:s.length}}).filter(a=>a.name).sort((a,r)=>(r.totals.total_tokens||0)-(a.totals.total_tokens||0))}function Oc(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 Uc(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 Hc(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 Vc(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 bs(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 Wc(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 ks(t){return t==="exec_command"||t==="Bash"}function xn(t){return t==="codex"?"dashboard.context_breakdown.empty_codex":t==="grok"?"dashboard.context_breakdown.empty_grok":"dashboard.context_breakdown.empty"}function Kc(t){return t==="codex"?"dashboard.context_breakdown.error_codex":t==="grok"?"dashboard.context_breakdown.error_grok":"dashboard.context_breakdown.error"}function Gc(t){return t==="codex"?"dashboard.context_breakdown.footnote_codex":t==="grok"?"dashboard.context_breakdown.footnote_grok":"dashboard.context_breakdown.footnote"}const qc=10;function Ze({level:t=0,colorSquare:a=null,label:r,labelSuffix:s=null,labelTone:n="default",hasChevron:i=!1,open:o=!1,onToggle:u,tokens:c,percent:h=null,children:m,share:x=null,fillColor:g=null}){const 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",y=e.jsx("span",{className:"shrink-0 flex items-center justify-start",style:{width:qc},"aria-hidden":!a,children:a}),k=e.jsxs(e.Fragment,{children:[y,e.jsx("span",{className:p,children:r}),s,i&&e.jsx(we.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})})]}),f=g&&x!=null&&x>0,v=f?Math.max(0,Math.min(100,x)):0;return e.jsxs("li",{className:"min-w-0 group/row",children:[e.jsxs("div",{className:"relative grid grid-cols-[minmax(0,1fr)_minmax(9rem,max-content)_4rem] items-center gap-x-3 text-xs py-1 px-1 rounded-sm transition-colors duration-150",style:f?{backgroundImage:`linear-gradient(to right, ${g.replace(/\)\s*$/," / 0.10)")} 0%, ${g.replace(/\)\s*$/," / 0.10)")} ${v}%, transparent ${v}%)`}:void 0,children:[i?e.jsx("button",{type:"button",onClick:u,"aria-expanded":o,className:"relative col-start-1 row-start-1 flex items-center gap-1.5 min-w-0 text-left cursor-pointer focus-visible:outline-none focus-visible:ring-inset focus-visible:ring-2 focus-visible:ring-oai-brand/40 rounded-sm",children:k}):e.jsx("div",{className:"relative col-start-1 row-start-1 flex items-center gap-1.5 min-w-0",children:k}),e.jsx("span",{className:"relative col-start-2 row-start-1 text-right whitespace-nowrap tabular-nums text-oai-gray-500 dark:text-oai-gray-400",children:c||""}),e.jsx("span",{className:"relative col-start-3 row-start-1 text-right whitespace-nowrap tabular-nums text-[10px] text-oai-gray-400 dark:text-oai-gray-500 font-normal",children:h||""})]}),i&&m?e.jsx(Sa,{initial:!1,children:o&&e.jsx(we.div,{initial:Dc,animate:Mc,exit:Lc,transition:Ac,style:{overflow:"hidden"},children:m},"content")}):null]})}function ws({execDetails:t,source:a="claude"}){const{formatTokens:r}=Ee(),[s,n]=d.useState("by_type"),i=Vc(Wc(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:Tc.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(we.div,{role:"row",className:`grid ${u} gap-2 py-1.5`,title:c.name,initial:{opacity:0},animate:{opacity:1},transition:{duration:.18,delay:h*.02},children:[e.jsx("span",{role:"cell",className:"min-w-0 text-body-sm font-medium text-oai-black dark:text-oai-white truncate",children:c.name}),e.jsx("span",{role:"cell",className:"text-right text-body-sm tabular-nums text-oai-gray-700 dark:text-oai-gray-300",children:Je(c.calls||0)}),o&&e.jsxs(e.Fragment,{children:[e.jsx("span",{role:"cell",className:"text-right text-body-sm tabular-nums text-oai-gray-700 dark:text-oai-gray-300",children:Je(c.failures||0)}),e.jsx("span",{role:"cell",className:"text-right text-body-sm tabular-nums text-oai-gray-700 dark:text-oai-gray-300",children:bs(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:bs(c.max_duration_ms||0)})]}),e.jsx("span",{role:"cell",className:"text-right text-body-sm tabular-nums text-oai-gray-700 dark:text-oai-gray-300",children:r(c.totals.total_tokens||0)}),o&&e.jsx("span",{role:"cell",className:"text-right text-body-sm tabular-nums text-oai-gray-700 dark:text-oai-gray-300",children:Je(c.output_lines||0)})]},c.name))]})})]})}function Ut({toolSet:t,execDetails:a,source:r,codexQueueFallback:s}){const{formatTokens:n}=Ee(),[i,o]=d.useState({}),[u,c]=d.useState(!1),h=zc(t?.categories||[]);function m(x){o(g=>({...g,[x]:!g[x]}))}return h.length===0?e.jsx("p",{className:"text-[11px] text-oai-gray-400 dark:text-oai-gray-500 py-0.5",children:r==="codex"&&s?l("dashboard.context_breakdown.tool_details.unavailable_codex"):l(xn(r))}):e.jsx("ul",{className:"mt-0.5 mb-0.5 space-y-0.5",children:h.map(x=>{const g=x.toolCount>0,p=x.name==="Execution"&&a,y=p&&x.tools.some(f=>ks(f.name)),k=!!i[x.name];return e.jsxs(Ze,{level:1,label:x.name,labelTone:"strong",hasChevron:g||p&&!y,open:k||p&&!y&&u,onToggle:()=>{g?m(x.name):p&&!y&&c(f=>!f)},tokens:n(x.totals.total_tokens||0),percent:null,children:[g&&e.jsx("ul",{className:"space-y-0.5",children:x.tools.map(f=>{const v=p&&ks(f.name);return e.jsx(Ze,{level:2,label:f.name,labelTone:v?"accent":"default",hasChevron:v,open:u,onToggle:()=>c(w=>!w),tokens:n(f.total_tokens||0),percent:null,children:v&&e.jsx(ws,{execDetails:a,source:r})},f.name)})}),p&&!y&&e.jsx(ws,{execDetails:a,source:r})]},x.name)})})}function Yc({from:t,to:a,source:r="claude",referenceTotalTokens:s=null,onLoadingChange:n=null}){const{formatTokens:i}=Ee(),[o,u]=d.useState(null),[c,h]=d.useState(!1),[m,x]=d.useState(null),[g,p]=d.useState({}),y=d.useRef({});function k(_){p(P=>({...P,[_]:!P[_]}))}if(d.useEffect(()=>{let _=!1;const P=`${t||""}|${a||""}|${r||"claude"}`,z=y.current[P];return u(z||null),h(!0),n?.(!0),x(null),Xo({from:t,to:a,source:r,timeZone:Ks(),tzOffsetMinutes:Ws()}).then(X=>{_||(y.current[P]=X,u(X))}).catch(X=>{_||x(X?.message||String(X))}).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(Kc(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(xn(r))});const f=r==="claude"?Rc(o.categories||[],s):Fc(o,s),v=o.tool_calls_breakdown||null,w=o.skills_breakdown||null,D=o.message_breakdown||null,C=o.configured_resources||null,F=o.exec_command_breakdown||null,A=Uc(w?.skills||[]),O=Oc(D?.categories||[]),N=r==="codex"&&(o?.breakdown_status==="queue_fallback"||o?.fallback==="queue_totals"),j=r==="claude"?v?.tool_calls||null:v||null,{mcpSet:S,residualSet:E,mcpTotalTokens:U}=$c(j),$=r==="claude"&&v?.subagents||null,I=$?.categories?.length>0||(C?.custom_agents_count||0)>0,L=r==="claude"?(E?.categories||[]).reduce((_,P)=>_+Number(P?.totals?.total_tokens||0),0):0,Y=r==="claude"?($?.categories||[]).reduce((_,P)=>_+Number(P?.totals?.total_tokens||0),0):0,q=[...f].sort((_,P)=>(P.totals?.total_tokens||0)-(_.totals?.total_tokens||0));return e.jsxs("div",{role:"region","aria-label":l("dashboard.context_breakdown.bar_aria",{summary:f.filter(_=>_.percent>0).filter(_=>!(r==="claude"&&(_.key==="tool_calls"||_.key==="custom_agents"))).map(_=>`${ys(_.key)} ${_.percent}%`).join(",")}),children:[e.jsxs("ul",{className:"space-y-0.5",children:[q.map(_=>{const P=_.key==="system_prompt",z=_.key==="messages",X=_.key==="tool_calls",Z=_.key==="custom_agents";if(_.key,r==="claude"&&(X||Z))return null;const ue=z&&O.length>0||X&&(E?.categories?.length>0||N)||Z&&I&&$,me=!!g[_.key],ge=Sc(_.key,r),_e=e.jsx("span",{className:"h-2 w-2 rounded-sm shrink-0",style:{backgroundColor:ge},"aria-hidden":"true"}),xe=P?e.jsxs("span",{className:"relative inline-flex shrink-0 group",children:[e.jsx(en,{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(Ze,{level:0,colorSquare:_e,label:ys(_.key),labelSuffix:xe,tokens:i(_.totals?.total_tokens||0),percent:le,hasChevron:ue,open:me,onToggle:()=>k(_.key),share:_.percent,fillColor:ge,children:[z&&e.jsx("ul",{className:"space-y-0.5",children:O.map(G=>e.jsx(Ze,{level:1,label:Hc(G),tokens:i(G.totals.total_tokens||0),percent:null},G.key||G.name))}),X&&E&&e.jsx(Ut,{toolSet:E,execDetails:F,source:r,codexQueueFallback:N}),X&&N&&!E&&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")}),Z&&$&&e.jsx(Ut,{toolSet:$,execDetails:null,source:r,codexQueueFallback:!1})]},_.key)}),r==="claude"&&E?.categories?.length>0&&e.jsx(Ze,{level:0,colorSquare:e.jsx("span",{className:"h-2 w-2 rounded-sm shrink-0 bg-oai-gray-300 dark:bg-oai-gray-600","aria-hidden":"true"}),label:l("dashboard.context_breakdown.category.tool_calls"),tokens:i(L),percent:null,hasChevron:!0,open:!!g.tool_calls_aux,onToggle:()=>k("tool_calls_aux"),children:e.jsx(Ut,{toolSet:E,execDetails:F,source:r,codexQueueFallback:!1})}),r==="claude"&&$?.categories?.length>0&&e.jsx(Ze,{level:0,colorSquare:e.jsx("span",{className:"h-2 w-2 rounded-sm shrink-0 bg-oai-gray-300 dark:bg-oai-gray-600","aria-hidden":"true"}),label:l("dashboard.context_breakdown.category.custom_agents"),tokens:i(Y),percent:null,hasChevron:!0,open:!!g.custom_agents_aux,onToggle:()=>k("custom_agents_aux"),children:e.jsx(Ut,{toolSet:$,execDetails:null,source:r,codexQueueFallback:!1})}),S?.categories?.length>0&&e.jsx(Ze,{level:0,colorSquare:e.jsx("span",{className:"h-2 w-2 rounded-sm shrink-0 bg-oai-gray-300 dark:bg-oai-gray-600","aria-hidden":"true"}),label:l("dashboard.context_breakdown.category.mcp_servers"),tokens:i(U),percent:null,hasChevron:!0,open:!!g.mcp_servers,onToggle:()=>k("mcp_servers"),children:e.jsx(Ut,{toolSet:S,execDetails:null,source:r,codexQueueFallback:!1})}),A.length>0&&e.jsx(Ze,{level:0,colorSquare:e.jsx("span",{className:"h-2 w-2 rounded-sm shrink-0 bg-oai-gray-300 dark:bg-oai-gray-600","aria-hidden":"true"}),label:l("dashboard.context_breakdown.category.skills"),tokens:i(A.reduce((_,P)=>_+(P.total_tokens||0),0)),percent:null,hasChevron:!0,open:!!g.skills,onToggle:()=>k("skills"),children:e.jsx("ul",{className:"space-y-0.5",children:A.slice(0,12).map(_=>e.jsx(Ze,{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(Gc(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,C?e.jsxs("p",{className:"mt-2 text-[10px] text-oai-gray-400 dark:text-oai-gray-500",children:[Je(C.skills_count||0)," skills ·"," ",Je(C.mcp_servers_count||0)," MCP servers ·"," ",Je(C.custom_agents_count||0)," agents ·"," ",Je(C.memory_files_count||0)," memory files"]}):null]})}function fn({size:t=15,className:a=""}){return e.jsxs("svg",{width:t,height:t,viewBox:"0 0 24 24",fill:"currentColor",className:a,"aria-hidden":"true",children:[e.jsx("path",{d:"M12 1.6 23 7.4 12 13.2 1 7.4 12 1.6Z"}),e.jsx("path",{d:"m4 10.3-3 1.5 11 5.5 11-5.5-3-1.5-8 4-8-4Z",opacity:"0.72"}),e.jsx("path",{d:"m4 14.6-3 1.5 11 5.5 11-5.5-3-1.5-8 4-8-4Z",opacity:"0.45"})]})}const nt="__all__",Zc=`${100 .toFixed(2)}%`;function Gt(t,a){const r=Number(a);return Number.isFinite(r)&&r>0?t(r):null}function hr(t,a,r){const s=Number(t);if(!Number.isFinite(s)||s<=0)return null;const n=Kt(a);return(a===Vs?s:s*r)<.01?`<${n}0.01`:ja(s,{decimals:2,currency:a,rate:r})}function Jc(t){return Array.isArray(t)?t.map(a=>typeof a=="string"?{key:a,label:_s(a)}:{key:a.key,label:a.label||_s(a.key)}):[]}function Qc(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 Xc={CODEX:"#3b82f6",CLAUDE:"#d97757",OPENCODE:"#f59e0b",GEMINI:"#2196f3",KIMI:"#a78bfa","KILO-CLI":"#facc15","KILO-CODE":"#facc15",MIMO:"#ff6900",DROID:"#ef4444",ZCODE:"#14b8a6",ANYTHINGLLM:"var(--provider-anythingllm)"};function ar(t,a){const r=t?.toUpperCase?.()||"";return Xc[r]||`hsl(${150+a*40}, 60%, 45%)`}function ed(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 td(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 ad(t){return!!t?.models?.length}function pn(t){const a=Number(t?.totalPercentValue??t?.totalPercent);return Number.isFinite(a)?Math.max(0,a):0}function rr(t){const a=pn(t);return a>0&&!(a>=.01)?l("usage.overview.percent_below_threshold"):a.toFixed(2)}const rd={day:"usage.period.day",week:"usage.period.week",month:"usage.period.month",total:"usage.period.total",custom:"usage.period.custom"};function _s(t){const a=rd[t];return a?l(a):String(t).toUpperCase()}function sd({loading:t,onClick:a}){const r=vr();return e.jsx(ti,{variant:"secondary",size:"sm",disabled:t,onClick:a,"aria-label":l("usage.button.refresh"),className:"w-8 p-0",children:e.jsx(we.span,{"aria-hidden":"true",animate:t?{rotate:360}:{rotate:0},transition:t&&!r?{duration:1,repeat:1/0,ease:"linear"}:{duration:.3},style:{display:"inline-block"},children:"↻"})})}function nd(){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 od(){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 id({period:t,periods:a,onPeriodChange:r,summaryValue:s,summaryFullValue:n,onToggleSummaryFormat:i,summaryLabel:o,summaryCostValue:u,onCostInfo:c,fleetData:h=[],onRefresh:m,loading:x,announceLoading:g=!1,summaryLoading:p=!1,providersLoading:y=!1,hasSummary:k=!0,className:f="",customFrom:v,customTo:w,onCustomRangeApply:D,customRangeOpen:C,onCustomRangeOpenChange:F,onOpenShare:A,from:O,to:N,deviceOptions:j=[],selectedDevice:S="",onDeviceChange:E}){const U=Jc(a),$=Si(ai()),I=Qc(String(s??"")),L=()=>typeof window<"u"&&typeof window.matchMedia=="function"&&window.matchMedia("(max-width: 639px)").matches,[Y,q]=d.useState(L);d.useEffect(()=>{if(typeof window>"u"||typeof window.matchMedia!="function")return;const T=window.matchMedia("(max-width: 639px)"),V=ee=>q(ee.matches);return T.addEventListener("change",V),()=>T.removeEventListener("change",V)},[]);const _=I!=null&&!Y,P=d.useRef(null);d.useEffect(()=>{const T=P.current?.querySelector('[aria-selected="true"]');T&&typeof T.scrollIntoView=="function"&&T.scrollIntoView({block:"nearest",inline:"center"})},[t]);const[z,X]=d.useState(null),{resolvedTheme:Z}=ei(),{currency:ue,rate:me}=Na(),{formatTokens:ge}=Ee(),_e=Z==="dark",xe=_e?"rgba(10,10,10,0.98)":"rgba(255,255,255,0.96)",le=_e?"rgba(10,10,10,0)":"rgba(255,255,255,0)",G=p&&!k,B=y&&!h.some(ad);d.useEffect(()=>{X(null)},[t,O,N,S]);const ae=T=>{if(!["ArrowLeft","ArrowRight","Home","End"].includes(T.key))return;const V=Array.from(T.currentTarget.querySelectorAll('[role="tab"]')).filter(se=>!se.disabled),ee=V.indexOf(T.target.closest('[role="tab"]'));if(ee===-1||V.length===0)return;T.preventDefault();let te=ee;T.key==="Home"?te=0:T.key==="End"?te=V.length-1:T.key==="ArrowRight"?te=(ee+1)%V.length:te=(ee-1+V.length)%V.length,V[te].focus(),V[te].click()},pe=_?e.jsx(Ml,{value:I,displayValue:s,fontSize:72,padding:6,gap:1,textColor:"var(--oai-black, #111827)",fontWeight:700,gradientHeight:_e?0:8,gradientFrom:xe,gradientTo:le,counterStyle:{paddingLeft:0,paddingRight:0,gap:0},digitStyle:{width:"0.88ch"}}):s,H=h.filter(T=>T.models?.length>0),he=d.useMemo(()=>dc(h),[h]),ce=he.reduce((T,V)=>T+(Number(V.usage)||0),0),K=H.reduce((T,V)=>T+(Number(V.usd)||0),0),J=z==null?null:z===nt||H.some(function(V){return V.label===z})?z:null;return e.jsx(Te,{className:f,children:e.jsxs("div",{"aria-busy":x||G||B,children:[g?e.jsx("span",{className:"sr-only",role:"status",children:l("qpd.card.updating")}):null,e.jsxs("div",{className:"flex items-center gap-2 mb-6",children:[e.jsx("div",{ref:P,role:"tablist","aria-label":l("usage.overview.tablist_aria"),onKeyDown:ae,className:"flex flex-1 min-w-0 gap-1 overflow-x-auto [scrollbar-width:none] [&::-webkit-scrollbar]:hidden",children:U.map(T=>{const V=t===T.key,ee=`shrink-0 whitespace-nowrap text-xs font-medium px-3 py-1.5 rounded-md transition-colors ${V?"text-oai-black dark:text-oai-white bg-oai-gray-100 dark:bg-oai-gray-800":"text-oai-gray-500 dark:text-oai-gray-300 hover:text-oai-black dark:hover:text-oai-white hover:bg-oai-gray-50 dark:hover:bg-oai-gray-800"}`;if(T.key==="custom"){const te=V&&v&&w?`${ts(v,$)} — ${ts(w,$)}`:T.label;return e.jsxs(Ji,{open:C,onOpenChange:se=>{se?r?.("custom"):F?.(se)},children:[e.jsx(Qi,{render:e.jsx("button",{role:"tab","aria-selected":V,tabIndex:V?0:-1,type:"button",className:ee}),children:te}),e.jsx(Xi,{children:e.jsx(el,{sideOffset:8,side:"bottom",align:"start",className:"!z-[9999]",children:e.jsx(tl,{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(Ni,{from:v,to:w,onApply:D,onCancel:()=>F?.(!1)})})})})]},"custom")}return e.jsx("button",{role:"tab","aria-selected":V,tabIndex:V?0:-1,type:"button",className:ee,onClick:()=>r?.(T.key),children:T.label},T.key)})}),e.jsxs("div",{className:"flex items-center gap-1.5 shrink-0",children:[j.length>1?e.jsx(Js,{value:S,onValueChange:E,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,A?e.jsxs("button",{type:"button",onClick:A,"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(pl,{className:"h-3.5 w-3.5",strokeWidth:2}),l("share.button.label")]}):null,m&&e.jsx(sd,{loading:x,onClick:m})]})]}),e.jsxs("div",{className:"text-center mb-8",children:[e.jsx("div",{className:"text-xs text-oai-gray-500 dark:text-oai-gray-300 uppercase tracking-wider mb-3",children:o}),e.jsxs("div",{className:"relative text-5xl sm:text-6xl md:text-7xl font-bold text-oai-black dark:text-oai-white tracking-tight tabular-nums",children:[e.jsx("div",{className:G?"invisible":void 0,children:i?e.jsx("button",{type:"button",onClick:i,title:n||void 0,"aria-label":l("usage.summary.toggle_aria"),className:"cursor-pointer rounded-lg leading-none transition-opacity hover:opacity-80 focus:outline-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-oai-brand",children:pe}):e.jsx("span",{title:n||void 0,children:pe})}),e.jsx("div",{className:`absolute inset-0 flex items-center justify-center ${G?"":"hidden"}`,children:e.jsx(nd,{})})]}),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(en,{size:16,strokeWidth:2,className:"opacity-80"})]}):e.jsx("span",{className:"text-xl font-bold text-oai-brand",children:u})})]}),e.jsx("div",{className:B?void 0:"hidden",children:e.jsx(od,{})}),H.length>0&&e.jsxs("div",{className:"space-y-6",children:[e.jsx("div",{role:"img","aria-label":l("usage.overview.distribution_aria",{items:H.map(T=>l("usage.overview.distribution_item",{label:vt(T.label),percent:rr(T)})).join(",")}),className:"h-1.5 w-full bg-oai-gray-100 dark:bg-oai-gray-800 rounded-full overflow-hidden flex",children:H.map((T,V)=>{const ee=ar(T.label,V),te=vt(T.label),se=rr(T);return e.jsx(we.div,{initial:{width:0},animate:{width:`${pn(T)}%`},transition:{duration:.5,delay:.45+V*.04,ease:[.16,1,.3,1]},className:"h-full",style:{backgroundColor:ee},title:`${te}: ${se}%`},T.label)})}),e.jsxs("div",{className:"grid grid-cols-[repeat(auto-fill,minmax(140px,1fr))] gap-3",children:[e.jsxs("button",{type:"button","aria-expanded":J===nt,"aria-controls":"provider-details-all","aria-label":l("usage.overview.all_tools_card_aria",{tokens:Gt(ge,ce)||String(0),cost:hr(K,ue,me)||`${Kt(ue)}0`,count:he.length}),onClick:()=>X(J===nt?null:nt),className:`min-w-0 text-left p-3 rounded-lg border transition-colors duration-200 ${J===nt?"border-oai-gray-300 dark:border-oai-gray-600 bg-oai-gray-50 dark:bg-oai-gray-800":"border-oai-gray-200 dark:border-oai-gray-700 hover:border-oai-gray-300 dark:hover:border-oai-gray-600"}`,children:[e.jsxs("div",{className:"flex items-center gap-1.5 mb-1 min-w-0",children:[e.jsx(fn,{size:15,className:"shrink-0 text-oai-brand dark:text-oai-white"}),e.jsx("span",{className:"text-sm font-medium text-oai-black dark:text-oai-white truncate",children:l("usage.overview.all_tools")})]}),e.jsx("div",{className:"text-lg font-semibold text-oai-black dark:text-oai-white tabular-nums",children:Zc}),e.jsx("div",{className:"mt-0.5 text-[11px] text-oai-gray-400 dark:text-oai-gray-400 tabular-nums",children:l("usage.overview.model_count",{count:he.length})})]}),H.map((T,V)=>{const ee=ar(T.label,V),te=J===T.label,se=vt(T.label),Ge=rr(T);return e.jsxs("button",{"aria-expanded":te,"aria-controls":`provider-details-${T.label}`,"aria-label":l("usage.overview.provider_card_aria",{provider:se,percent:Ge,tokens:Gt(ge,T.usage)||String(0),cost:hr(T.usd,ue,me)||`${Kt(ue)}0`,action:l(te?"usage.overview.collapse":"usage.overview.expand")}),onClick:()=>X(te?null:T.label),className:`min-w-0 text-left p-3 rounded-lg border transition-colors duration-200 ${te?"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(St,{provider:T.label,size:15,color:ee,className:"text-oai-gray-700 dark:text-oai-gray-300 shrink-0"}),e.jsx("span",{className:"text-sm font-medium text-oai-black dark:text-oai-white truncate",title:se,children:se})]}),e.jsxs("div",{className:"text-lg font-semibold text-oai-black dark:text-oai-white tabular-nums",children:[Ge,"%"]}),e.jsx("div",{className:"mt-0.5 text-[11px] text-oai-gray-400 dark:text-oai-gray-400 tabular-nums",children:l("usage.overview.model_count",{count:T.models.length})})]},T.label)})]}),J===nt&&e.jsx("div",{id:"provider-details-all",role:"region","aria-label":l("usage.overview.all_models"),className:"mt-2",children:e.jsx(ld,{models:he})}),J!=null&&J!==nt&&e.jsx("div",{id:`provider-details-${J}`,role:"region","aria-label":l("usage.overview.model_details_aria",{provider:J}),className:"mt-2",children:H.filter(T=>T.label===J).map(T=>{const V=ar(T.label,0),ee=ed(T),te=[...T.models].sort((Ge,de)=>(de.share||0)-(Ge.share||0)),se=ee?td(ee):vt(T.label);return e.jsx(cd,{provider:T,color:V,providerHeading:se,contextSource:ee,from:O,to:N,sortedModels:te},T.label)})})]})]})})}function yn({models:t,color:a}){const{currency:r,rate:s}=Na(),{formatTokens:n,formatTokensTooltip:i}=Ee();return e.jsx("div",{className:"space-y-3",children:t.map(o=>{const u=Gt(n,o.usage),c=hr(o.cost,r,s),h=Math.max(0,Math.min(100,Number(o.share)||0));return e.jsxs("div",{"data-model-rank-row":!0,children:[e.jsxs("div",{className:"grid grid-cols-[minmax(0,1fr)_minmax(8rem,max-content)_minmax(5.5rem,max-content)_4rem] items-baseline gap-x-3 mb-1.5",children:[e.jsx("span",{className:"col-start-1 row-start-1 min-w-0 text-sm text-oai-gray-700 dark:text-oai-gray-300 truncate",title:o.name,children:o.name}),e.jsx("span",{title:i(o.usage),className:"col-start-2 row-start-1 text-right whitespace-nowrap text-sm text-oai-gray-500 dark:text-oai-gray-400 tabular-nums",children:u}),e.jsx("span",{className:"col-start-3 row-start-1 text-right whitespace-nowrap text-sm text-oai-gray-500 dark:text-oai-gray-400 tabular-nums",children:c}),e.jsxs("span",{className:"col-start-4 row-start-1 text-right whitespace-nowrap text-sm text-oai-black dark:text-oai-white tabular-nums",children:[o.share,"%"]})]}),e.jsx("div",{className:"h-[3px] bg-oai-gray-100 dark:bg-oai-gray-800 rounded-full overflow-hidden",role:"progressbar","aria-valuenow":h,"aria-valuemin":0,"aria-valuemax":100,children:e.jsx("div",{className:"h-full transition-[width] duration-500 ease-out",style:{width:`${h}%`,backgroundColor:a,opacity:.45}})})]},o.id||o.name)})})}function ld({models:t}){return e.jsxs("div",{children:[e.jsxs("div",{className:"mb-1.5 flex items-center gap-1.5",children:[e.jsx(fn,{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(yn,{models:t,color:"var(--oai-blue)"})]})}function cd({provider:t,color:a,providerHeading:r,contextSource:s,from:n,to:i,sortedModels:o}){const{formatTokens:u}=Ee(),[c,h]=d.useState(!1),m=String(t?.source||t?.label||"").trim().toLowerCase()==="antigravity";return e.jsxs("div",{children:[e.jsxs("div",{className:"flex items-center gap-1.5 mb-3",children:[e.jsx(St,{provider:t.label,size:14,color:a,className:"shrink-0"}),e.jsx("span",{className:"text-sm font-medium text-oai-black dark:text-oai-white",children:r}),s&&c&&e.jsx(Zi,{size:12,className:"text-oai-gray-400 dark:text-oai-gray-500 animate-spin shrink-0","aria-label":l("dashboard.context_breakdown.loading_aria")})]}),t.cacheHitRate!=null&&e.jsxs("p",{className:"mb-3 text-[11px] leading-snug text-oai-gray-500 dark:text-oai-gray-400 tabular-nums",children:[e.jsx("span",{className:"font-medium text-oai-gray-600 dark:text-oai-gray-300",children:l("usage.overview.cache_hit_rate_label")})," ",e.jsxs("span",{className:"text-oai-black dark:text-oai-white",children:[t.cacheHitRate,"%"]})," · ",l("usage.overview.cache_hit_rate_detail",{reused:Gt(u,t.cacheReusedTokens)||String(0),input:Gt(u,t.cacheInputTokens)||String(0)})]}),m&&e.jsxs("p",{className:"mb-3 text-[10px] leading-snug text-oai-gray-400 dark:text-oai-gray-500",children:[e.jsxs("span",{className:"font-medium text-oai-gray-500 dark:text-oai-gray-400",children:[l("usage.overview.antigravity_notice_title"),"."]})," ",l("usage.overview.antigravity_notice_body")]}),s?e.jsx("div",{className:"mb-4 pb-4 border-b border-oai-gray-200 dark:border-oai-gray-700",children:e.jsx(Yc,{from:n,to:i,source:s,referenceTotalTokens:t.usage,onLoadingChange:h})}):null,e.jsx(yn,{models:o,color:a})]})}function dd({id:t,children:a,onEmptyChange:r}){const{attributes:s,listeners:n,setNodeRef:i,transform:o,transition:u,isDragging:c}=Ei({id:t}),h=d.useRef(null),m=d.useRef(null);d.useLayoutEffect(()=>{if(!r)return;const g=h.current?h.current.childNodes.length===0:!0;m.current!==g&&(m.current=g,r(t,g))});const x={transform:Ii.Transform.toString(o)||void 0,transition:u,zIndex:c?20:void 0};return e.jsxs("div",{ref:i,style:x,className:jt("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:jt("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:jt("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 ud({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 vs="macAppBannerDismissed",md="leaderboardBannerDismissed",hd="https://github.com/xiufengsun/TokenTracker/releases/latest",js="tokentracker_native_app",fa=(()=>{try{return new URLSearchParams(window.location.search).get("app")==="1"?(localStorage.setItem(js,"1"),!0):localStorage.getItem(js)==="1"}catch{return!1}})();function gd({todayTokens:t=0,isSyncing:a=!1,enterDelay:r=0}){const{openLoginModal:s}=ri(),{signedIn:n}=Gs(),i=ud({todayTokens:t,isSyncing:a}),o=fa?md:vs,[u,c]=d.useState(()=>{try{return localStorage.getItem(o)==="1"?!0:!fa&&new URLSearchParams(window.location.search).get("from")==="menubar"?(localStorage.setItem(vs,"1"),!0):!1}catch{return!1}}),h=d.useCallback(()=>{c(!0);try{localStorage.setItem(o,"1")}catch{}},[o]);if(u)return null;let m,x,g,p,y,k;fa&&n?(m="View the Leaderboard",x="Compare your usage globally",g="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)"})}),y=()=>{window.location.pathname="/leaderboard"}):fa?(m="Join the Leaderboard",x="Log in to compare your usage with others",g="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"})}),y=s):(m="Try the Menu Bar App",x="Always-on stats with Clawd companion",g="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"})}),k=hd);const f=k?we.a:we.button,v=k?{href:k,target:"_blank",rel:"noopener noreferrer"}:{onClick:y};return e.jsx(we.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(al,{state:i,size:56})}),e.jsxs("div",{className:"flex-1 min-w-0",children:[e.jsx("div",{className:"text-sm font-medium text-oai-gray-900 dark:text-oai-white",children:m}),e.jsx("div",{className:"text-xs text-oai-gray-500 dark:text-oai-gray-400 mt-0.5",children:x})]}),e.jsxs("div",{className:"flex items-center gap-2 flex-shrink-0",children:[e.jsxs(f,{...v,whileHover:{scale:1.03},whileTap:{scale:.97},className:"inline-flex items-center gap-1.5 px-3 py-1.5 text-xs font-medium text-white bg-oai-gray-900 dark:bg-oai-white dark:text-oai-gray-900 rounded-md hover:opacity-90 transition-opacity",children:[g,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 Ns="widgetOnboardingDismissed",Ss="tokentracker_native_app",xd=(()=>{try{return new URLSearchParams(window.location.search).get("app")==="1"?(localStorage.setItem(Ss,"1"),!0):localStorage.getItem(Ss)==="1"}catch{return!1}})();function fd({enterDelay:t=0}){const[a,r]=d.useState(()=>{try{return localStorage.getItem(Ns)==="1"}catch{return!1}}),s=d.useCallback(()=>{r(!0);try{localStorage.setItem(Ns,"1")}catch{}},[]);return!xd||qs()?null:e.jsx(Sa,{initial:!1,children:!a&&e.jsxs(we.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 Nr="islandOnboardingDismissed";function pd(){try{return localStorage.getItem(Nr)==="1"}catch{return!1}}function Cs(){try{localStorage.setItem(Nr,"1")}catch{}}function yd(){try{localStorage.removeItem(Nr)}catch{}}function bd({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(we.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(bd,{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 wd({enterDelay:t=0}){const{available:a,settings:r,setSetting:s}=rl(),[n,i]=d.useState(pd),[o,u]=d.useState(!1),c=vr(),h=d.useCallback(()=>{i(!0),Cs()},[]),m=d.useCallback(()=>{if(!a){try{window.location.href="tokentracker://open"}catch{}return}s("dynamicIslandEnabled",!0),o&&s("hideMenuBarIcon",!0),Cs(),i(!0),si({title:l("dashboard.island.enabled_toast"),data:{onUndo:()=>{s("hideMenuBarIcon",!1),s("dynamicIslandEnabled",!1),yd(),i(!1)}}})},[a,o,s]),x=a&&!!r?.dynamicIslandSupported&&!r?.dynamicIslandEnabled,g=!a&&!qs(),p=!n&&(x||g);return e.jsx(Sa,{initial:!1,children:p&&e.jsxs(we.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(sl,{checked:o,onChange:()=>u(y=>!y),ariaLabel:l("settings.labs.island_hide_menubar.aria")})]}):null,e.jsxs("div",{className:"mt-3 flex items-center gap-3",children:[e.jsx(we.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(nl,{size:12,strokeWidth:2,"aria-hidden":!0})]})]})]},"island-onboarding-card")})}function _d({enabled:t=!1,from:a,to:r,accessToken:s,deviceId:n=null}={}){const[i,o]=d.useState(null),[u,c]=d.useState(!1),[h,m]=d.useState(null),x=Yt([t,a,r,s,n]),g=d.useCallback(async()=>{if(!t)return;const p=x();c(!0),m(null);try{const y=await $e(s);if(!p())return;const k=await ni({from:a,to:r,device:n,accessToken:y});if(!p())return;o(k||null)}catch(y){if(!p())return;m(y?.message||String(y)),o(null)}finally{p()&&c(!1)}},[t,a,r,s,n,x]);return d.useEffect(()=>{if(!t){o(null),m(null),c(!1);return}o(null),m(null),c(!0),g()},[t,g]),{data:i,loading:u,error:h,refresh:g}}function bn(t){return t==null?"—":t===0?"$0":t<1?`$${t.toFixed(4)}`:`$${t.toFixed(2)}`}function kn(t){return t==null?"—":`${Math.round(t*100)}%`}function vd(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 jd({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:bn(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:kn(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:vd(t.cost_usd,t.accepted)})]})}function Nd({from:t,to:a,deviceId:r=null}){const{formatTokens:s,formatTokensTooltip:n}=Ee(),{enabled:i}=ol(),{data:o,loading:u}=_d({enabled:i,from:t,to:a,deviceId:r});if(!i)return null;const c=(o&&o.available&&Array.isArray(o.by_model)?o.by_model:[]).filter(g=>g.outcomes>0&&g.key!=="unknown");if(!c.length)return null;const h=c.slice(0,6),m=o.totals||{},x=`${l("qpd.card.subtitle")}${u?` ${l("qpd.card.updating")}`:""}`;return e.jsxs(Te,{children:[e.jsxs("div",{className:"mb-2 flex items-center gap-2",children:[e.jsx("h3",{className:"text-sm font-medium text-oai-black dark:text-oai-white",children:l("qpd.card.title")}),e.jsx("span",{className:"px-1.5 py-0.5 text-[9px] font-semibold tracking-wider text-oai-gray-500 bg-oai-gray-100 dark:text-oai-gray-400 dark:bg-oai-gray-800/80 rounded uppercase",children:l("qpd.card.badge")})]}),e.jsx("p",{className:"mb-3 text-xs text-oai-gray-500 dark:text-oai-gray-400",children:x}),e.jsx("div",{className:"w-full overflow-x-auto oai-scrollbar",children:e.jsxs("table",{className:"w-full text-xs min-w-[340px] sm:min-w-0",children:[e.jsx("thead",{children:e.jsxs("tr",{className:"text-[10px] uppercase tracking-wide text-oai-gray-400 dark:text-oai-gray-500",children:[e.jsx("th",{className:"pb-1.5 pr-2 text-left font-medium",children:l("qpd.card.col_model")}),e.jsx("th",{className:"pb-1.5 px-1.5 text-right font-medium",children:l("qpd.card.col_cost")}),e.jsx("th",{className:"pb-1.5 px-1.5 text-right font-medium",children:l("qpd.card.col_accepted")}),e.jsx("th",{className:"pb-1.5 px-1.5 text-right font-medium",children:l("qpd.card.col_rate")}),e.jsx("th",{className:"pb-1.5 pl-2 pr-2 text-right font-medium",title:l("qpd.card.qpd_tooltip"),children:l("qpd.card.col_qpd")})]})}),e.jsx("tbody",{children:h.map(g=>e.jsx(jd,{row:g},g.key))})]})}),e.jsxs("div",{className:"mt-3 flex items-center justify-between border-t border-oai-gray-200 dark:border-oai-gray-800 pt-2.5 text-[11px] text-oai-gray-500 dark:text-oai-gray-400",children:[e.jsx("span",{children:l("qpd.card.totals",{accepted:m.accepted??0,outcomes:m.outcomes??0,cost:bn(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:kn(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 Sd=new Set(["unknown","synthetic","openai"]);function sr(t){return t==null?"—":`${Math.round(t*100)}%`}function Cd(t){return t==null?"—":t<1?`$${t.toFixed(4)}`:`$${t.toFixed(2)}`}function Ye(t){const a=Number(t);return Number.isFinite(a)?new Intl.NumberFormat().format(Math.round(a)):"0"}function Td(t){const r=String(t?.model||"").trim().toLowerCase().replace(/^<|>$/g,"");return!!r&&!Sd.has(r)&&Number(t?.edit_turns||0)>0}function Ts(){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 Ad({from:t,to:a}){const[r,s]=d.useState({loading:!0,sessions:null,context:null}),n=d.useId(),{enabled:i}=il(),{formatTokens:o}=Ee(),u=f=>o(f,{mode:Vt.COMPACT});d.useEffect(()=>{if(!i){s({loading:!1,sessions:null,context:null});return}let f=!1;return s(v=>({...v,loading:!0})),Promise.all([oi({from:t,to:a}),ii()]).then(([v,w])=>{f||s({loading:!1,sessions:v,context:w})}).catch(()=>{f||s({loading:!1,sessions:null,context:null})}),()=>{f=!0}},[i,t,a]);const c=d.useMemo(()=>(r.sessions?.by_model||[]).filter(Td).slice(0,5),[r.sessions]),h=d.useMemo(()=>(r.sessions?.subagents||[]).slice(0,3),[r.sessions]);if(!i||!r.loading&&!r.sessions?.available&&!r.context?.estimated_fixed_tokens)return null;const m=r.sessions?.summary||{},x=m.edit_session_rate??m.productive_rate,g=m.first_pass_rate??m.one_shot_rate,p=m.edit_sessions??m.productive_sessions??0,y=m.sessions??r.sessions?.session_count??0,k=m.edit_turns??0;return r.loading&&!r.sessions&&!r.context?e.jsxs(Te,{children:[e.jsx(Ts,{}),e.jsx("div",{role:"status",className:"flex h-24 items-center justify-center rounded-lg bg-oai-gray-50 text-xs text-oai-gray-400 dark:bg-oai-gray-800/50 dark:text-oai-gray-500",children:l("sessions.card.loading")})]}):e.jsxs(Te,{children:[e.jsx(Ts,{}),e.jsxs("div",{className:"grid grid-cols-3 gap-2 mb-3",children:[e.jsx(nr,{label:l("sessions.card.edit_sessions"),value:sr(x),detail:l("sessions.card.edit_session_value",{edits:Ye(p),sessions:Ye(y)})}),e.jsx(nr,{label:l("sessions.card.first_pass"),value:sr(g),detail:l("sessions.card.edit_session_value",{edits:Ye(m.first_pass_sessions??m.one_shot_sessions??0),sessions:Ye(p)})}),e.jsx(nr,{label:l("sessions.card.cost_edit"),value:Cd(m.cost_per_edit),detail:l("sessions.card.edit_turn_count",{count:Ye(k)})})]}),e.jsxs("div",{className:"mb-3 flex items-center justify-between gap-3 text-[10px] text-oai-gray-400 dark:text-oai-gray-500",children:[e.jsx("span",{children:l("sessions.card.sample",{sessions:Ye(y),edits:Ye(k)})}),e.jsxs("span",{className:"group relative inline-flex shrink-0",children:[e.jsx("button",{type:"button","aria-describedby":n,className:"cursor-help rounded-sm underline decoration-dotted underline-offset-2 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-oai-brand/40",children:l("sessions.card.methodology_label")}),e.jsx("span",{id:n,role:"tooltip",className:"pointer-events-none absolute right-0 top-full z-20 mt-2 w-64 rounded-xl border border-oai-gray-200/60 bg-white/95 px-3 py-2 text-left text-[10.5px] font-normal leading-relaxed text-oai-gray-700 opacity-0 shadow-xl backdrop-blur-md transition-opacity duration-150 group-hover:opacity-100 group-focus-within:opacity-100 dark:border-oai-gray-700/70 dark:bg-oai-gray-900/95 dark:text-oai-gray-200",children:l("sessions.card.methodology")})]})]}),!!c.length&&e.jsx("div",{className:"overflow-x-auto oai-scrollbar",children:e.jsxs("table",{className:"w-full min-w-[440px] text-xs",children:[e.jsx("thead",{className:"text-[10px] uppercase tracking-wide text-oai-gray-400",children:e.jsxs("tr",{children:[e.jsx("th",{className:"pb-1.5 text-left font-medium",children:l("sessions.card.model")}),e.jsx("th",{className:"pb-1.5 text-right font-medium",children:l("sessions.card.edit_sessions")}),e.jsx("th",{className:"pb-1.5 text-right font-medium",children:l("sessions.card.first_pass")}),e.jsx("th",{className:"pb-1.5 text-right font-medium",children:l("sessions.card.tokens_edit")})]})}),e.jsx("tbody",{children:c.map(f=>e.jsxs("tr",{className:"border-t border-oai-gray-100 dark:border-oai-gray-800/60",children:[e.jsx("td",{className:"py-2 pr-2 font-mono text-[11px] truncate max-w-[150px]",title:f.model,children:f.model}),e.jsx("td",{className:"py-2 pl-2 text-right tabular-nums",children:l("sessions.card.edit_session_value",{edits:Ye(f.edit_sessions??f.productive_sessions??0),sessions:Ye(f.sessions)})}),e.jsx("td",{className:"py-2 pl-2 text-right tabular-nums",children:sr(f.first_pass_rate??f.one_shot_rate)}),e.jsx("td",{className:"py-2 text-right tabular-nums",children:u(f.tokens_per_edit)})]},f.model))})]})}),r.context?e.jsxs("div",{className:"mt-3 pt-2.5 border-t border-oai-gray-200 dark:border-oai-gray-800 flex items-center justify-between gap-3 text-[11px] text-oai-gray-500 dark:text-oai-gray-400",children:[e.jsx("span",{children:l("sessions.card.context")}),e.jsx("span",{className:"tabular-nums",title:l("sessions.card.context_tooltip"),children:u(r.context.estimated_fixed_tokens)})]}):null,!!h.length&&e.jsxs("div",{className:"mt-2 flex flex-wrap items-center gap-1.5 text-[10px] text-oai-gray-500 dark:text-oai-gray-400",children:[e.jsx("span",{children:l("sessions.card.subagents")}),h.map(f=>e.jsx("span",{className:"rounded-full bg-oai-gray-100 dark:bg-oai-gray-800 px-1.5 py-0.5",children:l("sessions.card.subagent_item",{name:f.name,calls:Math.round(f.calls)})},f.name))]}),e.jsx("p",{className:"mt-2 text-[10px] text-oai-gray-400 dark:text-oai-gray-500",children:l("sessions.card.privacy")})]})}function nr({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 oe({className:t}){return e.jsx("div",{className:jt("rounded bg-oai-gray-200/70 dark:bg-oai-gray-800/70 animate-pulse",t)})}function Dd(){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(oe,{className:"h-2.5 w-2.5 rounded-[2px]"},s))},a))})}function Md(){return e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-4",children:[e.jsxs("div",{className:"lg:col-span-4 flex flex-col gap-4 min-w-0 order-2 lg:order-1",children:[e.jsx(Te,{children:e.jsxs("div",{className:"flex flex-col gap-2.5",children:[e.jsx(oe,{className:"h-4 w-32"}),e.jsx(oe,{className:"h-6 w-24"})]})}),e.jsx(Te,{children:e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsx(oe,{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(oe,{className:"h-3 w-20"}),e.jsx(oe,{className:"h-3 w-12"})]},a))]})}),e.jsx(Te,{children:e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsx(oe,{className:"h-3.5 w-20"}),e.jsx(Dd,{})]})}),e.jsx(Te,{children:e.jsxs("div",{className:"flex flex-col gap-3",children:[e.jsx(oe,{className:"h-3.5 w-28"}),e.jsx(oe,{className:"h-32 w-full"})]})})]}),e.jsxs("div",{className:"lg:col-span-8 flex flex-col gap-4 min-w-0 order-1 lg:order-2",children:[e.jsxs(Te,{children:[e.jsxs("div",{className:"flex items-center gap-2 mb-6",children:[e.jsx("div",{className:"flex flex-1 min-w-0 gap-1",children:Array.from({length:5},(t,a)=>e.jsx(oe,{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(oe,{className:"h-8 w-20 rounded-md"}),e.jsx(oe,{className:"h-8 w-8 rounded-md"})]})]}),e.jsxs("div",{className:"flex flex-col items-center gap-4 mb-8",children:[e.jsx(oe,{className:"h-3 w-28"}),e.jsx(oe,{className:"h-14 w-3/5 max-w-xs"}),e.jsx(oe,{className:"h-6 w-24"})]}),e.jsxs("div",{className:"flex flex-col gap-6",children:[e.jsx(oe,{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(oe,{className:"h-[15px] w-[15px] rounded-sm shrink-0"}),e.jsx(oe,{className:"h-3 w-12"})]}),e.jsx(oe,{className:"h-5 w-10"}),e.jsx(oe,{className:"h-2.5 w-14"})]},a))})]})]}),e.jsxs(Te,{children:[e.jsxs("div",{className:"flex items-center gap-1 mb-4",children:[e.jsx(oe,{className:"h-7 w-16 rounded"}),e.jsx(oe,{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(oe,{className:"h-3 w-20 shrink-0"}),Array.from({length:5},(t,a)=>e.jsx(oe,{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(oe,{className:"h-3.5 w-20 shrink-0"}),Array.from({length:5},(r,s)=>e.jsx(oe,{className:"h-3.5 flex-1"},s))]},a))})]})]})]})}const Ld=dl.slice(0,10),As=.06,Ed=.11,Id=.05,Rd=new Set(["macAppBanner","widgetOnboarding"]);function Ds({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(cl,{logos:Ld,columnCount:6})})})]})]}),e.jsx("div",{className:"lg:col-span-5 flex justify-center",children:e.jsxs(we.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 Fd(t){const{copy:a,onOpenShare:r,screenshotMode:s,showExpiredGate:n,showAuthGate:i,identityDisplayName:o,identityStartDate:u,activeDays:c,identitySubscriptions:h,identityScrambleDurationMs:m,projectUsageEntries:x,projectUsageLimit:g,setProjectUsageLimit:p,projectDetailQuery:y,topModels:k,signedIn:f,publicMode:v,isLocalMode:w,shouldShowInstall:D,installPrompt:C,handleCopyInstall:F,installCopied:A,installInitCmdDisplay:O,trendRowsForDisplay:N,trendFromForDisplay:j,trendToForDisplay:S,trendZoomConfig:E,usageFrom:U,usageTo:$,period:I,trendTimeZoneLabel:L,activityHeatmapBlock:Y,periodsForDisplay:q,setSelectedPeriod:_,customFrom:P,customTo:z,onCustomRangeApply:X,customRangeOpen:Z,onCustomRangeOpenChange:ue,summaryLabel:me,summaryValue:ge,summaryFullValue:_e,hasSummary:xe,summaryLoading:le,providersLoading:G,onToggleSummaryFormat:B,summaryTotalTokensRaw:ae,summaryCostValue:pe,summaryConversationsValue:H,rollingUsage:he,costInfoEnabled:ce,openCostModal:K,costModalOpen:J,closeCostModal:T,allowBreakdownToggle:V,refreshAll:ee,usageLoadingState:te,announceUsageLoading:se,initialDashboardLoading:Ge,fleetData:de,hasDetailsActual:Pe,dailyEmptyPrefix:Oe,installSyncCmd:Se,dailyEmptySuffix:Tt,detailsColumns:ye,ariaSortFor:be,toggleSort:Ie,sortIconFor:Ue,pagedDetails:At,dailyBreakdownRows:mt,dailyBreakdownColumns:He,dailyBreakdownAriaSortFor:Ca,dailyBreakdownSortIconFor:Qe,dailyBreakdownDateKey:Ta,detailsDateKey:Aa,renderDetailDate:ht,renderDailyBreakdownDate:Q,renderDetailCell:Zt,DETAILS_PAGED_PERIODS:ve,detailsPageCount:je,detailsPage:Re,setDetailsPage:gt,deviceOptions:Dt,selectedDevice:Jt,onDeviceChange:Qt,deviceUsageBlock:Mt,leftCardOrder:Da,onLeftReorder:Ve,rightCardOrder:Xt,onRightReorder:at}=t,Lt=null,Ma=null,[ea,ta]=d.useState(()=>new Set),Et=d.useCallback((ie,ne)=>{Rd.has(ie)&&ta(Ne=>{if(Ne.has(ie)===ne)return Ne;const Xe=new Set(Ne);return ne?Xe.add(ie):Xe.delete(ie),Xe})},[]),La={macAppBanner:w,statsPanel:!0,islandOnboarding:w,widgetOnboarding:w,installCopy:D,activityHeatmap:!!Y,deviceUsage:!!Mt,trendMonitor:!s,qualityPerDollar:!s,sessionInsights:w&&!s},It=(Da||[]).filter(ie=>La[ie]&&!ea.has(ie)),Rt={usageOverview:!0,dataDetails:!s},Ea=(Xt||[]).filter(ie=>Rt[ie]&&!ea.has(ie));function rt(ie,ne){switch(ie){case"macAppBanner":return e.jsx(gd,{todayTokens:ae,isSyncing:te,enterDelay:ne});case"statsPanel":return e.jsx(st,{delay:ne,children:e.jsx(vc,{title:a("dashboard.identity.title"),subtitle:a("dashboard.identity.subtitle"),period:I,startDate:u??a("identity_card.rank_placeholder"),streakDays:c,subscriptions:h,periodConversations:H,rolling:he,topModels:k})});case"islandOnboarding":return e.jsx(wd,{enterDelay:ne});case"widgetOnboarding":return e.jsx(fd,{enterDelay:ne});case"installCopy":return e.jsx(st,{delay:ne,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:C}),e.jsxs(we.button,{onClick:F,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:O}),e.jsx(we.span,{initial:{opacity:0,y:-5},animate:{opacity:1,y:0},className:"text-xs text-oai-brand",children:A?"Copied ✓":"Copy"},A?"copied":"copy")]})]})});case"activityHeatmap":return e.jsx(st,{delay:ne,children:Y});case"deviceUsage":return e.jsx(st,{delay:ne,children:Mt});case"trendMonitor":return e.jsx(st,{delay:ne,children:e.jsx(Ys,{rows:N,from:j,to:S,period:I,timeZoneLabel:L,showTimeZoneLabel:!1,zoomConfig:E})});case"qualityPerDollar":return e.jsx(Nd,{from:U,to:$,deviceId:Jt});case"sessionInsights":return e.jsx(Ad,{from:U,to:$});default:return null}}function aa(ie,ne){switch(ie){case"usageOverview":return e.jsx(st,{delay:ne,children:e.jsx(id,{period:I,periods:q,onPeriodChange:_,summaryLabel:me,summaryValue:ge,summaryFullValue:_e,hasSummary:xe,summaryLoading:le,providersLoading:G,onToggleSummaryFormat:xe?B:null,summaryCostValue:pe,onCostInfo:ce?K:null,fleetData:de,onRefresh:s?null:ee,loading:te,announceLoading:se,onOpenShare:s?null:r,customFrom:P,customTo:z,onCustomRangeApply:X,customRangeOpen:Z,onCustomRangeOpenChange:ue,from:U,to:$,deviceOptions:Dt,selectedDevice:Jt,onDeviceChange:Qt})});case"dataDetails":return e.jsx(st,{delay:ne,children:e.jsx(wc,{projectEntries:x,projectLimit:g,onProjectLimitChange:p,projectDetailQuery:y,copy:a,hasDetailsActual:Pe,dailyEmptyPrefix:Oe,installSyncCmd:Se,dailyEmptySuffix:Tt,detailsColumns:ye,ariaSortFor:be,toggleSort:Ie,sortIconFor:Ue,pagedDetails:At,dailyBreakdownRows:mt,dailyBreakdownColumns:He,dailyBreakdownAriaSortFor:Ca,dailyBreakdownSortIconFor:Qe,dailyBreakdownDateKey:Ta,detailsDateKey:Aa,renderDetailDate:ht,renderDailyBreakdownDate:Q,renderDetailCell:Zt,DETAILS_PAGED_PERIODS:ve,period:I,detailsPageCount:je,detailsPage:Re,setDetailsPage:gt})});default:return null}}const We=Ri(as(Oi,{activationConstraint:{distance:6}}),as(zi,{coordinateGetter:Bi})),fe=d.useCallback(ie=>{const{active:ne,over:Ne}=ie;!Ne||ne.id===Ne.id||Ve?.(String(ne.id),String(Ne.id))},[Ve]),Ia=d.useCallback(ie=>{const{active:ne,over:Ne}=ie;!Ne||ne.id===Ne.id||at?.(String(ne.id),String(Ne.id))},[at]);function Ft(ie,ne,Ne,Xe){return s?e.jsx(e.Fragment,{children:ie.map((Ce,xt)=>e.jsx(_t.Fragment,{children:ne(Ce,Ne+As*xt)},Ce))}):e.jsx(Fi,{sensors:We,onDragEnd:Xe,children:e.jsx($i,{items:ie,strategy:Pi,children:ie.map((Ce,xt)=>e.jsx(dd,{id:Ce,onEmptyChange:Et,children:ne(Ce,Ne+As*xt)},Ce))})})}const ra=Ft(It,rt,Ed,fe),Ra=Ft(Ea,aa,Id,Ia);return e.jsxs(e.Fragment,{children:[e.jsxs(_l,{bare:!s,hideHeader:s,header:Lt,footer:s?null:Ma,className:s?"screenshot-mode":"",children:[i&&e.jsx(Ds,{title:a("dashboard.auth_gate.hero_title"),desc:a("dashboard.auth_gate.desc"),copy:a,loginCard:e.jsx(rs,{title:a("dashboard.auth_gate.title"),subtitle:a("dashboard.auth_gate.subtitle"),hideLogo:!0,className:"bg-transparent rounded-xl"})}),n&&e.jsx(Ds,{title:a("dashboard.expired_gate.hero_title"),desc:a("dashboard.expired_gate.desc"),copy:a,loginCard:e.jsx(rs,{title:a("dashboard.expired_gate.title"),subtitle:a("dashboard.expired_gate.subtitle"),hideLogo:!0,className:"bg-transparent rounded-xl"})}),!i&&!n&&Ge&&e.jsx(Md,{}),!i&&!n&&!Ge&&e.jsx(e.Fragment,{children:e.jsxs("div",{className:"grid grid-cols-1 lg:grid-cols-12 gap-4",children:[e.jsx("div",{className:"lg:col-span-4 flex flex-col gap-4 min-w-0 order-2 lg:order-1",children:ra}),e.jsx("div",{className:"lg:col-span-8 flex flex-col gap-4 min-w-0 order-1 lg:order-2",children:Ra})]})})]}),e.jsx(hc,{isOpen:J,onClose:T,fleetData:de})]})}function $d({from:t,to:a,timeZone:r,tzOffsetMinutes:s,accountView:n=!1,accountAccessToken:i=null,accountRevision:o=0}={}){const u=!!(n&&i),[c,h]=d.useState([]),[m,x]=d.useState([]),[g,p]=d.useState(!1),[y,k]=d.useState(null),f=Yt([u,t,a,r,s,i,o]),v=d.useCallback(async()=>{const w=f();if(!u){h([]),x([]),p(!1),k(null);return}p(!0),k(null);try{const D=await $e(i);if(!w())return;const C=await li({from:t,to:a,timeZone:r,tzOffsetMinutes:s,accessToken:D});if(!w())return;h(Array.isArray(C?.devices)?C.devices:[]),x(Array.isArray(C?.account_sources)?C.account_sources:[])}catch(D){if(!w())return;k(D?.message||String(D)),h([]),x([])}finally{w()&&p(!1)}},[u,i,t,a,r,s,o,f]);return d.useEffect(()=>{h([]),x([]),k(null),u&&p(!0),v()},[u,v]),{devices:c,accountSources:m,loading:g,error:y,refresh:v}}const Pd=/^Token Tracker \(dashboard\)(?: #([0-9a-fA-F]+))?$/;function Ms(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 gr(t){if(!t)return null;const a=typeof t.device_name=="string"?t.device_name.trim():"",r=a.match(Pd);if(!r)return a||null;const s=(r[1]||String(t.id||"")).slice(0,8).toLowerCase();return s?`${Ms(t.platform)} · ${s}`:Ms(t.platform)}const Ls=" · ",Es="%";function Is({platform:t,className:a}){const r=String(t||"").toLowerCase();return r.includes("darwin")||r.includes("mac")?e.jsx(xl,{className:a,"aria-hidden":!0}):r.includes("win")?e.jsx(Gr,{className:a,"aria-hidden":!0}):r.includes("linux")?e.jsx(Gr,{className:a,"aria-hidden":!0}):e.jsx(tn,{className:a,"aria-hidden":!0})}function Rs(t,a){return a===t?.id||t?.isCurrent===!0}function Bd({devices:t=[],accountSources:a=[],currentDeviceId:r="",selectedDeviceId:s="",onSelectDevice:n,onRenameDevice:i}){const{formatTokens:o,formatTokensTooltip:u}=Ee(),[c,h]=d.useState(""),[m,x]=d.useState(""),[g,p]=d.useState(!1),[y,k]=d.useState(""),f=typeof i=="function",v=typeof n=="function",w=!!s,D=t.reduce((j,S)=>j+(Number(S.total_tokens)||0),0)+a.reduce((j,S)=>j+(Number(S.total_tokens)||0),0),C=d.useMemo(()=>t.filter(j=>(Number(j.total_tokens)||0)>0).sort((j,S)=>(Number(S.total_tokens)||0)-(Number(j.total_tokens)||0)),[t]);function F(j){k(""),h(j.id);const S=typeof j.device_name=="string"?j.device_name:"";x(gr(j)===S?S:"")}function A(){h(""),x(""),k("")}async function O(j){const S=m.trim();if(!(!S||g)){p(!0),k("");try{await i(j.id,S),h(""),x("")}catch{k(j.id)}finally{p(!1)}}}const N=a.filter(j=>(Number(j.total_tokens)||0)>0);return C.length===0&&N.length===0?e.jsxs(Te,{bodyClassName:"!px-3 !py-3.5",children:[e.jsx("div",{className:"flex items-center justify-between gap-2 mb-2 px-2",children:e.jsx("div",{className:"text-sm font-medium text-oai-gray-500 dark:text-oai-gray-300 uppercase tracking-wide px-2",children:l("dashboard.device_card.title")})}),e.jsxs("div",{className:"flex flex-col items-center justify-center py-6 text-center",children:[e.jsx(tn,{className:"h-7 w-7 text-oai-gray-300 dark:text-oai-gray-600 mb-2 stroke-[1.5]"}),e.jsx("p",{className:"text-[11px] text-oai-gray-500 dark:text-oai-gray-400 font-medium",children:l("dashboard.device_card.empty")})]})]}):e.jsxs(Te,{bodyClassName:"!px-3 !py-3.5",children:[e.jsxs("div",{className:"flex items-center justify-between gap-2 mb-2 px-2",children:[e.jsx("div",{className:"text-sm font-medium text-oai-gray-500 dark:text-oai-gray-300 uppercase tracking-wide",children:l("dashboard.device_card.title")}),v&&w&&e.jsx("button",{type:"button",onClick:()=>n(""),className:"text-xs text-oai-gray-400 hover:text-oai-brand focus:outline-none transition-colors",children:l("dashboard.device_card.clear")})]}),e.jsxs("div",{className:"space-y-[2px]",children:[C.map(j=>{const S=Number(j.total_tokens)||0,E=D>0?(S/D*100).toFixed(1):"0.0",U=s===j.id,$=gr(j)||l("dashboard.device_card.unnamed"),I=c===j.id,L=U?"bg-oai-brand":w?"bg-oai-gray-300 dark:bg-oai-gray-600":"bg-oai-brand/50",Y=w&&!U?"opacity-40 hover:opacity-80":"opacity-100";return e.jsxs("div",{className:"group relative",children:[I?e.jsxs("div",{className:"w-full rounded-md px-2 py-1.5 bg-oai-gray-50/50 dark:bg-oai-gray-900/40",children:[e.jsxs("div",{className:"flex items-center justify-between gap-2",children:[e.jsxs("div",{className:"flex items-center gap-2 min-w-0 flex-1",children:[e.jsx(Is,{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:g,maxLength:60,placeholder:l("dashboard.device_card.rename_placeholder"),onChange:q=>x(q.target.value),onKeyDown:q=>{q.key==="Enter"?O(j):q.key==="Escape"&&A()},className:"flex-1 min-w-0 bg-transparent text-xs font-medium text-oai-black dark:text-oai-white border-b border-oai-gray-300 dark:border-oai-gray-700 focus:outline-none focus:border-oai-brand py-0"})]}),e.jsxs("div",{className:"shrink-0 flex items-center gap-0.5",children:[e.jsx("button",{type:"button","aria-label":l("dashboard.device_card.rename_save"),disabled:g||!m.trim(),onClick:()=>O(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(ul,{className:"h-3.5 w-3.5"})}),e.jsx("button",{type:"button","aria-label":l("dashboard.device_card.rename_cancel"),disabled:g,onClick:A,className:"text-oai-gray-400 hover:text-oai-black dark:hover:text-white disabled:opacity-30 transition-colors p-0.5",children:e.jsx(_r,{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 ${L}`,style:{width:`${E}%`}})})]}):e.jsxs(e.Fragment,{children:[e.jsxs("button",{type:"button","aria-pressed":U,"aria-label":`${l("dashboard.device_filter.aria")}: ${$}${Rs(j,r)?` (${l("dashboard.device_card.current")})`:""}`,onClick:()=>n?.(U?"":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 ${Y} ${U?"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(Is,{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:$,children:$}),Rs(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(S),className:`shrink-0 text-[13px] font-semibold tabular-nums text-oai-black dark:text-oai-white transition-opacity duration-150 ${f?"group-hover:opacity-0":""}`,children:[o(S),e.jsxs("span",{className:"text-oai-gray-400 dark:text-oai-gray-500 font-normal",children:[Ls,E,Es]})]})]}),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 ${L}`,style:{width:`${E}%`}})})]}),f&&e.jsx("button",{type:"button","aria-label":l("dashboard.device_card.rename_aria"),onClick:()=>F(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(ll,{className:"h-3 w-3"})})]}),y===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 S=Number(j.total_tokens)||0,E=D>0?(S/D*100).toFixed(1):"0.0",U=w?"opacity-40":"opacity-100";return e.jsxs("div",{className:`rounded-md px-2 py-1.5 transition-all duration-200 ${U}`,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(St,{provider:j.source,size:14})}),e.jsx("span",{className:"block truncate text-[13px] font-medium text-oai-black dark:text-oai-white",children:vt(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(S),className:"shrink-0 text-[13px] font-semibold tabular-nums text-oai-black dark:text-oai-white",children:[o(S),e.jsxs("span",{className:"text-oai-gray-400 dark:text-oai-gray-500 font-normal",children:[Ls,E,Es]})]})]}),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:`${E}%`}})})]},`account-${j.source}`)})]})]})}function wn(){return typeof window>"u"?!1:!!window?.webkit?.messageHandlers?.nativeBridge}const ct=new Map,dt=new Map;function _n(){typeof window>"u"||window.__tokentrackerNativeSaveListener||(window.__tokentrackerNativeSaveListener=!0,window.addEventListener("native:saveImageResult",t=>{const a=t?.detail||{},r=typeof a.requestId=="string"?a.requestId:null;if(!r||!ct.has(r))return;const s=ct.get(r);ct.delete(r),s({ok:!!a.ok,path:typeof a.path=="string"?a.path:void 0,error:typeof a.error=="string"?a.error:void 0})}),window.addEventListener("native:copyImageResult",t=>{const a=t?.detail||{},r=typeof a.requestId=="string"?a.requestId:null;if(!r||!dt.has(r))return;const s=dt.get(r);dt.delete(r),s({ok:!!a.ok,error:typeof a.error=="string"?a.error:void 0})}))}async function zd(t){if(!wn()||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"};_n();const r=`copy_${Date.now()}_${Math.random().toString(36).slice(2,8)}`;return new Promise(s=>{const n=window.setTimeout(()=>{dt.has(r)&&(dt.delete(r),s({ok:!1,error:"timeout"}))},8e3);dt.set(r,i=>{window.clearTimeout(n),s(i)});try{a.postMessage({type:"action",name:"copyImageToClipboard",requestId:r,dataUrl:t})}catch(i){dt.delete(r),window.clearTimeout(n),s({ok:!1,error:i?.message||String(i)})}})}async function Fs(t,a){if(!wn()||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"};_n();const s=`save_${Date.now()}_${Math.random().toString(36).slice(2,8)}`;return new Promise(n=>{const i=window.setTimeout(()=>{ct.has(s)&&(ct.delete(s),n({ok:!1,error:"timeout"}))},8e3);ct.set(s,o=>{window.clearTimeout(i),n(o)});try{r.postMessage({type:"action",name:"saveImageToDownloads",requestId:s,filename:a,dataUrl:t})}catch(o){ct.delete(s),window.clearTimeout(i),n({ok:!1,error:o?.message||String(o)})}})}const vn=1200,jn=1630,Nn={broadsheet:{width:1200,height:1630},"annual-report":{width:1080,height:1865}},Od="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 or=!1;function Ud(){if(typeof document>"u"||or)return;if(document.querySelector('link[data-share-card-fonts="true"]')){or=!0;return}const a=document.createElement("link");a.rel="stylesheet",a.href=Od,a.dataset.shareCardFonts="true",a.crossOrigin="anonymous",document.head.appendChild(a),or=!0}async function Hd(){if(typeof document>"u")return;const t=document.fonts;if(!(!t||typeof t.ready?.then!="function"))try{await t.ready}catch{}}async function Vd(t,a={}){if(typeof window>"u"||!t)return null;Ud(),await Hd(),await new Promise(c=>requestAnimationFrame(()=>c(null)));const{toBlob:r,toPng:s}=await ci(async()=>{const{toBlob:c,toPng:h}=await import("./index-BFIcLxb4.js");return{toBlob:c,toPng:h}},[]),n=a.pixelRatio??2,i=t.offsetWidth||vn,o=t.offsetHeight||jn,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 ir(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 $s(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 xr(t){const a=re(t);return Number.isFinite(a)?a:0}function Wd(t){return t?xr(t.billable_total_tokens??t.total_tokens):0}function Kd(t){const a=Array.isArray(t?.weeks)?t.weeks:[];if(!a.length)return{weeks:[],totalDays:0,activeDays:0};let r=0,s=0;return{weeks:a.map(i=>(Array.isArray(i)?i:[]).slice(0,7).map(u=>{const c=!!u?.future,h=Number.isFinite(u?.level)?Math.max(0,Math.min(4,Math.round(u.level))):0;u?.day&&!c&&(r+=1,h>0&&(s+=1));const m=u?.billable_total_tokens??u?.total_tokens??u?.value??0,x=Number.isFinite(m)?Math.max(0,m):0;return{day:typeof u?.day=="string"?u.day:"",level:h,value:x,future:c}})),totalDays:r,activeDays:s}}function Gd(t){const{handle:a,startDate:r,activeDays:s,summary:n,topModels:i,rank:o,period:u,periodFrom:c,periodTo:h,heatmap:m,capturedAt:x,currency:g,exchangeRate:p}=t,y=Wd(n),k=xr(n?.total_cost_usd),f=Array.isArray(i)?i.slice(0,3).map(w=>({id:w?.id??null,name:typeof w?.name=="string"&&w.name?w.name:"—",tokens:xr(w?.tokens),percent:typeof w?.percent=="string"&&w.percent?w.percent:"0.0"})):[],v=Kd(m);return{handle:a||"—",startDate:r||null,activeDays:Number.isFinite(s)&&s>0?Math.floor(s):0,totalTokens:y,totalCost:k,period:u,periodFrom:c,periodTo:h,topModels:f,rank:typeof o=="number"&&Number.isFinite(o)&&o>0?Math.floor(o):null,heatmapWeeks:v.weeks,heatmapTotalDays:v.totalDays,heatmapActiveDays:v.activeDays,capturedAt:x||new Date().toISOString(),currency:typeof g=="string"&&g.length>0?g.toUpperCase():"USD",exchangeRate:Number.isFinite(p)&&p>0?p:1}}const qd=["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 Yd(t){const a=qd[t];return a?l(a):"—"}function Sn(t,a){return l("share.date.month_year",{month:Yd(t),year:a})}function Zd(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:Sn(n,r)}function Jd(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 Sn(a.getUTCMonth(),a.getUTCFullYear())}return l(`usage.period.${t.period}`)}function fr(t){return Number.isFinite(t)?Math.round(t).toLocaleString("en-US"):"—"}function Cn(t,a={}){const{currency:r="USD",rate:s=1}=a,n=Kt(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 Qd(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 Xd(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 eu(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 tu({weeks:t,palette:a,width:r,gap:s=3,radius:n=2,emptyColor:i}){if(!Array.isArray(t)||t.length===0||!r||r<=0)return null;const o=a||["#eee","#ccc","#999","#666","#333"],u=i||o[0],c=t.length,h=(c-1)*s,m=Math.max(4,(r-h)/c),x=7*m+6*s;return e.jsx("svg",{width:r,height:x,viewBox:`0 0 ${r} ${x}`,xmlns:"http://www.w3.org/2000/svg","aria-hidden":!0,style:{display:"block"},children:t.map((g,p)=>(Array.isArray(g)?g:[]).map((k,f)=>{if(f>=7)return null;const v=eu(k),w=p*(m+s),D=f*(m+s),C=v===null?u:o[v];return e.jsx("rect",{x:w,y:D,width:m,height:m,rx:n,ry:n,fill:C},`${p}-${f}`)}))})}const au=Ct("oklch(0.97 0.01 85)"),Le=Ct("oklch(0.18 0.02 85)"),et=Ct("oklch(0.38 0.015 85)"),Ps=Ct("oklch(0.55 0.012 85)"),ot=Ct("oklch(0.55 0.22 25)"),it='"Instrument Serif", "Times New Roman", Georgia, serif',ru='"Inter Tight", "Helvetica Neue", Arial, sans-serif',su=["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(Ct);function Tn({data:t}){const a=Jd(t),r=fr(t.totalTokens),s=Cn(t.totalCost,{currency:t.currency,rate:t.exchangeRate}),n=Zd(t.startDate),i=Xd(r,{baseSize:188,baseChars:9,shrinkPerChar:14,minSize:104}),o=Qd(t),u=Array.isArray(t.heatmapWeeks)&&t.heatmapWeeks.length>0;return e.jsxs("div",{style:{width:"100%",height:"100%",background:au,color:Le,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 ${Ps}`},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:14,fontSize:14,fontWeight:500,letterSpacing:"0.22em",textTransform:"uppercase",color:Le},children:[e.jsx("div",{style:{width:10,height:10,borderRadius:"50%",background:ot}}),"The Token Tracker"]}),e.jsxs("div",{style:{fontSize:12,letterSpacing:"0.22em",textTransform:"uppercase",color:et,textAlign:"right"},children:[l("share.card.broadsheet.issue")," № ",a]})]}),e.jsxs("div",{style:{marginTop:24,display:"flex",justifyContent:"space-between",alignItems:"flex-end",gap:24},children:[e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:12,letterSpacing:"0.2em",textTransform:"uppercase",color:et,marginBottom:6},children:l("share.card.broadsheet.by")}),e.jsx("div",{style:{fontFamily:it,fontSize:52,fontStyle:"italic",lineHeight:1,color:Le,letterSpacing:"-0.01em"},children:t.handle})]}),e.jsxs("div",{style:{fontSize:12,letterSpacing:"0.18em",textTransform:"uppercase",color:et,textAlign:"right",lineHeight:1.6},children:[l("share.card.broadsheet.tracked_since"),e.jsx("br",{}),e.jsx("span",{style:{color:Le},children:n})]})]}),e.jsxs("div",{style:{marginTop:40,display:"flex",flexDirection:"column"},children:[e.jsx("div",{style:{fontSize:13,letterSpacing:"0.3em",textTransform:"uppercase",color:ot,marginBottom:10},children:l("share.card.broadsheet.total_tokens")}),e.jsx("div",{style:{fontFamily:it,fontSize:i,fontWeight:400,lineHeight:.86,letterSpacing:"-0.032em",color:Le,fontFeatureSettings:'"lnum" 1, "tnum" 1',whiteSpace:"nowrap",overflow:"hidden"},children:r}),e.jsxs("div",{style:{marginTop:14,fontFamily:it,fontStyle:"italic",fontSize:34,lineHeight:1.15,color:Le,letterSpacing:"-0.005em",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:["“",o,"”"]}),e.jsx("div",{style:{marginTop:14,height:1,background:ot,width:"100%"}}),e.jsxs("div",{style:{marginTop:10,display:"flex",justifyContent:"space-between",fontSize:13,letterSpacing:"0.16em",textTransform:"uppercase",color:et},children:[e.jsxs("span",{children:[l("share.card.broadsheet.estimated_spend")," · ",s]}),e.jsx("span",{children:l("share.card.broadsheet.billable_days",{days:t.activeDays})})]})]}),u?e.jsxs("section",{style:{marginTop:40},children:[e.jsxs("div",{style:{display:"flex",alignItems:"baseline",justifyContent:"space-between",marginBottom:12},children:[e.jsx("div",{style:{fontSize:12,letterSpacing:"0.3em",textTransform:"uppercase",color:Le,fontWeight:600},children:l("share.card.broadsheet.heatmap_title")}),e.jsx("div",{style:{fontSize:11,letterSpacing:"0.18em",textTransform:"uppercase",color:et},children:l("share.card.broadsheet.heatmap_days_on_record",{active:t.heatmapActiveDays,total:t.heatmapTotalDays})})]}),e.jsx(tu,{weeks:t.heatmapWeeks,palette:su,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 ${Le}`,paddingBottom:10,marginBottom:6},children:[e.jsx("div",{style:{fontSize:12,letterSpacing:"0.3em",textTransform:"uppercase",color:Le,fontWeight:600},children:l("share.card.broadsheet.roster_title")}),e.jsx("div",{style:{fontSize:11,letterSpacing:"0.18em",textTransform:"uppercase",color:et},children:l("share.card.broadsheet.roster_subtitle")})]}),t.topModels.length===0?e.jsx("div",{style:{fontFamily:it,fontStyle:"italic",fontSize:26,color:et,paddingTop:14},children:l("share.card.broadsheet.empty")}):t.topModels.map((c,h)=>e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"52px 1fr auto 68px",alignItems:"baseline",gap:16,padding:"13px 0",borderBottom:`1px solid ${Ps}`},children:[e.jsx("div",{style:{fontFamily:it,fontSize:34,fontStyle:"italic",color:ot,lineHeight:1},children:String(h+1).padStart(2,"0")}),e.jsx("div",{style:{fontFamily:it,fontSize:32,color:Le,lineHeight:1.1,letterSpacing:"-0.01em",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},children:c.name}),e.jsx("div",{style:{fontFamily:it,fontSize:28,color:Le,fontFeatureSettings:'"lnum" 1, "tnum" 1',whiteSpace:"nowrap"},children:fr(c.tokens)}),e.jsxs("div",{style:{fontSize:13,letterSpacing:"0.1em",color:et,textAlign:"right",fontFeatureSettings:'"tnum" 1'},children:[c.percent,"%"]})]},c.id||c.name))]}),e.jsxs("footer",{style:{marginTop:18,paddingTop:12,borderTop:`1px solid ${Le}`,display:"flex",justifyContent:"space-between",alignItems:"center",fontSize:12,letterSpacing:"0.22em",textTransform:"uppercase",color:Le},children:[e.jsxs("div",{style:{display:"flex",gap:28},children:[e.jsxs("span",{children:[l("share.card.broadsheet.global_rank")," ",e.jsxs("span",{style:{color:ot},children:["№ ",t.rank!=null?t.rank:"—"]})]}),e.jsxs("span",{children:[l("share.card.broadsheet.active_days")," ",e.jsx("span",{style:{color:ot},children:l("share.card.broadsheet.days_count",{days:t.activeDays})})]})]}),e.jsxs("div",{children:[l("share.card.broadsheet.track_yours")," ",e.jsx("span",{style:{color:ot},children:"→ tokentracker.cc"})]})]})]})}const nu=Nn["annual-report"].width,ou="#0a0820",tt="#ffffffee",lt="rgba(255,255,255,0.45)",lr="#a78bfa",iu={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(", ")},pa={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"},pr='"Space Grotesk", "Inter Tight", sans-serif',cr='"Inter Tight", sans-serif',lu="rgba(255,255,255,0.06)",An=[lu,"#4a3d8f","#6b5cbe","#9060e0","#d946ef"],Dn=48,Mn=28,va=4,Ln=20,cu=nu-Dn*2-Mn*2,du=(cu-Ln*2)/3,yr=Math.min(Math.floor((du-va*6)/7),40),uu=yr*7+va*6;function mu(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 hu(t){if(!Array.isArray(t))return[];const a={},r=mu(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 gu(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 xu=["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];function fu(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 Bs(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 pu({data:t}){const a=gu(t.cells);return e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:16,fontWeight:600,color:lt,fontFamily:pr,marginBottom:4},children:xu[t.month]}),e.jsx("div",{style:{display:"flex",flexDirection:"column",gap:va},children:a.map((r,s)=>e.jsx("div",{style:{display:"flex",gap:va},children:r.map((n,i)=>{const o=n?Math.min(4,Math.max(0,n.level||0)):-1;return e.jsx("div",{style:{width:yr,height:yr,borderRadius:4,background:o<0?"transparent":An[o]}},i)})},s))})]})}function yu({data:t}){const a=hu(t.heatmapWeeks),r=fu(t.heatmapWeeks),s=t.topModels[0],n=t.avatarUrl||null,i=Bs(n),o=Bs("/neon_bg.png"),u=(t.handle||"?")[0].toUpperCase(),c=16;return e.jsxs("div",{style:{width:"100%",height:"100%",background:ou,fontFamily:pr,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:Dn,boxSizing:"border-box"},children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:c*3},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:16},children:[e.jsx("img",{src:"/app-icon.png",alt:"",width:64,height:64,style:{width:64,height:64,borderRadius:16,display:"block"}}),e.jsxs("div",{children:[e.jsx("div",{style:{fontSize:20,fontWeight:500,color:lt,lineHeight:1.2},children:"Token Tracker"}),e.jsx("div",{style:{fontSize:36,fontWeight:700,lineHeight:1.15,color:tt},children:l("share.card.annual.report_title")})]})]}),e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10},children:[e.jsx("div",{style:{width:48,height:48,borderRadius:"50%",background:"linear-gradient(135deg,#4c1d95,#7c3aed)",display:"flex",alignItems:"center",justifyContent:"center",border:"2px solid rgba(255,255,255,0.15)",overflow:"hidden",flexShrink:0},children:i?e.jsx("img",{src:i,alt:"",width:48,height:48,style:{width:48,height:48,objectFit:"cover",display:"block"},crossOrigin:"anonymous",referrerPolicy:"no-referrer"}):e.jsx("span",{style:{fontSize:20,fontWeight:700,color:tt},children:u})}),e.jsx("div",{style:{fontSize:32,fontWeight:700,color:tt},children:t.handle})]})]}),e.jsxs("div",{style:{...iu,borderRadius:22,padding:Mn,marginBottom:c},children:[e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginBottom:12},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:6,fontSize:14,color:lt},children:[e.jsx("span",{children:l("share.card.annual.less")}),An.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,${uu}px)`,gap:`8px ${Ln}px`,justifyContent:"center"},children:a.map(h=>e.jsx(pu,{data:h},h.month))})]}),e.jsxs("div",{style:{display:"grid",gridTemplateColumns:"1fr 1fr",gap:c,marginBottom:c},children:[e.jsxs("div",{style:{...pa,borderRadius:22,padding:"28px 16px",textAlign:"center"},children:[e.jsx("div",{style:{fontFamily:cr,fontSize:52,fontWeight:700,color:tt,letterSpacing:"-0.02em",lineHeight:1},children:fr(t.totalTokens)}),e.jsx("div",{style:{fontSize:22,color:lt,marginTop:12},children:l("share.card.annual.total_tokens")})]}),e.jsxs("div",{style:{...pa,borderRadius:22,padding:"28px 16px",textAlign:"center"},children:[e.jsx("div",{style:{fontFamily:cr,fontSize:52,fontWeight:700,color:tt,letterSpacing:"-0.02em",lineHeight:1},children:Cn(t.totalCost,{currency:t.currency,rate:t.exchangeRate})}),e.jsx("div",{style:{fontSize:22,color:lt,marginTop:12},children:l("share.card.annual.estimated_cost")})]})]}),e.jsxs("div",{style:{display:"flex",flexDirection:"column",gap:c},children:[e.jsxs("div",{style:{...pa,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:lr,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M12 2v4m0 12v4M4.93 4.93l2.83 2.83m8.48 8.48 2.83 2.83M2 12h4m12 0h4M4.93 19.07l2.83-2.83m8.48-8.48 2.83-2.83"}),e.jsx("circle",{cx:"12",cy:"12",r:"4"})]}),e.jsx("span",{style:{fontSize:20,color:lt},children:l("share.card.annual.longest_streak")})]}),e.jsx("span",{style:{fontFamily:cr,fontSize:28,fontWeight:700,color:tt},children:l("share.card.annual.days_count",{days:r})})]}),e.jsxs("div",{style:{...pa,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:lr,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:[e.jsx("path",{d:"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z"}),e.jsx("circle",{cx:"12",cy:"12",r:"4"})]}),e.jsx("span",{style:{fontSize:20,color:lt},children:l("share.card.annual.top_model")})]}),e.jsx("span",{style:{fontFamily:pr,fontSize:28,fontWeight:700,color:tt},children:s?s.name:"—"})]})]}),e.jsxs("div",{style:{display:"flex",justifyContent:"space-between",alignItems:"center",marginTop:"auto"},children:[e.jsxs("div",{style:{display:"flex",alignItems:"center",gap:10},children:[e.jsx("img",{src:"/app-icon.png",alt:"",width:44,height:44,style:{width:44,height:44,borderRadius:8,display:"block"}}),e.jsx("span",{style:{fontSize:22,fontWeight:600,color:tt},children:"Token Tracker"})]}),e.jsx("span",{style:{fontSize:22,fontWeight:600,color:lr},children:"tokentracker.cc"})]})]})]})}const En=[{id:"annual-report",labelKey:"share.variant.neon"},{id:"broadsheet",labelKey:"share.variant.broadsheet"}],bu={broadsheet:Tn,"annual-report":yu};function In(t){return Nn[t]||{width:vn,height:jn}}function ku(t){const a=En.find(r=>r.id===t);return a?.labelKey?l(a.labelKey):t}const zs=d.forwardRef(function({data:a,variant:r},s){const n=bu[r]||Tn,{width:i,height:o}=In(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 ya(){return typeof window>"u"?!1:!!window?.webkit?.messageHandlers?.nativeBridge}const wu=440;function _u(){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 dr({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 vu({open:t,onClose:a,data:r,twitterText:s}){const[n,i]=d.useState(null),[o,u]=d.useState(""),[c,h]=d.useState("annual-report"),m=d.useRef(null),{toast:x,push:g}=_u(),p=Gs(),y=d.useMemo(()=>{const N=p?.user;if(!N||typeof N!="object")return null;const j=N.user_metadata||{},S=N.profile||{},E=j.avatar_url||j.picture||S.avatar_url||N.avatar_url;return typeof E=="string"&&E.trim()?E.trim():null},[p?.user]);d.useEffect(()=>{t&&(i(null),u(r?.handle||""))},[t,r?.handle]);const k=r&&{...r,handle:o||r.handle,avatarUrl:y},{width:f,height:v}=In(c),w=wu/f;d.useEffect(()=>{if(!t)return;const N=j=>{j.key==="Escape"&&a?.()};return window.addEventListener("keydown",N),()=>window.removeEventListener("keydown",N)},[t,a]);const D=d.useCallback(async()=>{const N=m.current;if(!N)return null;try{return await Vd(N)}catch(j){return console.warn("[share] capture failed",j),null}},[]),C=d.useCallback(async()=>{if(n)return;i("copy");const N=await D();if(!N){g(l("share.toast.failed"),"error"),i(null);return}let j=!1;if(ya()){const S=await ir(N);S&&(j=(await zd(S)).ok)}else j=await qr(N);g(j?l("share.toast.copied"):l("share.toast.failed"),j?"success":"error"),i(null)},[n,D,g]),F=d.useCallback(()=>`tokentracker-share-${Date.now()}.png`,[]),A=d.useCallback(async()=>{if(n)return;i("download");const N=await D();if(!N){g(l("share.toast.failed"),"error"),i(null);return}if(ya()){const S=await ir(N);if(S&&(await Fs(S,F())).ok){g(l("share.toast.downloaded"),"success"),i(null);return}}const j=$s(N,F());g(j?l("share.toast.downloaded"):l("share.toast.failed"),j?"success":"error"),i(null)},[n,D,F,g]),O=d.useCallback(async()=>{if(n)return;i("x");const N=await D();if(!N){g(l("share.toast.failed"),"error"),i(null);return}if(ya()){const U=await ir(N);U&&(await Fs(U,F()),g(l("share.toast.downloaded"),"success"))}else await qr(N)?g(l("share.toast.copied"),"success"):$s(N,F());const j=new URL("https://twitter.com/intent/tweet");s&&j.searchParams.set("text",s);const S=p?.user?.id,E=typeof S=="string"&&S?`/u/${S}`:"/";if(j.searchParams.set("url",`https://www.tokentracker.cc${E}?ref=share`),ya())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,D,g,s,F,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:f,height:v,pointerEvents:"none",opacity:0,zIndex:-1,clip:"rect(0,0,0,0)",overflow:"hidden"},children:e.jsx(zs,{ref:m,data:k,variant:c})}),e.jsxs(we.div,{initial:{opacity:0,y:12},animate:{opacity:1,y:0},exit:{opacity:0,y:12},transition:{duration:.18,ease:[.2,.8,.2,1]},className:"relative w-full max-w-[1040px] max-h-[92vh] overflow-hidden rounded-2xl border border-oai-gray-200 dark:border-oai-gray-800 bg-white dark:bg-oai-black shadow-oai-lg",children:[e.jsxs("div",{className:"flex flex-col lg:flex-row max-h-[92vh]",children:[e.jsx("div",{className:"flex-1 min-w-0 p-4 sm:p-7 bg-oai-gray-50 dark:bg-oai-gray-950 flex items-center justify-center overflow-auto",children:e.jsxs("div",{style:{width:f*w,height:v*w,flexShrink:0,position:"relative"},className:"rounded-xl overflow-hidden shadow-oai-md ring-1 ring-black/5",children:[n?e.jsx("div",{className:"absolute inset-0 z-10 flex items-center justify-center bg-white/70 dark:bg-black/50",children:e.jsxs("svg",{className:"animate-spin h-6 w-6 text-oai-gray-500",viewBox:"0 0 24 24",fill:"none",children:[e.jsx("circle",{className:"opacity-25",cx:"12",cy:"12",r:"10",stroke:"currentColor",strokeWidth:"3"}),e.jsx("path",{className:"opacity-75",fill:"currentColor",d:"M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"})]})}):null,e.jsx("div",{style:{width:f,height:v,transform:`scale(${w})`,transformOrigin:"top left"},children:e.jsx(zs,{data:k,variant:c})})]})}),e.jsxs("div",{className:"w-full lg:w-[340px] flex-shrink-0 border-t lg:border-t-0 lg:border-l border-oai-gray-200 dark:border-oai-gray-800 p-5 sm:p-6 flex flex-col gap-5 overflow-y-auto",children:[e.jsxs("div",{className:"flex items-start justify-between gap-2",children:[e.jsxs("div",{children:[e.jsx("h2",{className:"text-lg font-semibold text-oai-black dark:text-oai-white",children:l("share.modal.title")}),e.jsx("p",{className:"mt-1 text-xs text-oai-gray-500 dark:text-oai-gray-400",children:l("share.modal.subtitle")})]}),e.jsx("button",{type:"button",onClick:a,"aria-label":l("share.modal.close"),className:"p-1.5 -mt-1 -mr-1 rounded-md text-oai-gray-500 hover:text-oai-black dark:hover:text-oai-white hover:bg-oai-gray-100 dark:hover:bg-oai-gray-800 transition-colors",children:e.jsx("svg",{width:"18",height:"18",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",children:e.jsx("path",{d:"M18 6L6 18M6 6l12 12"})})})]}),e.jsxs("div",{children:[e.jsx("label",{htmlFor:"share-handle",className:"text-[11px] tracking-[0.18em] uppercase text-oai-gray-500 dark:text-oai-gray-400 mb-1.5 block",children:l("share.modal.name_label")}),e.jsx("input",{id:"share-handle",type:"text",value:o,onChange: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:En.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:ku(N.id)},N.id))})]}),e.jsxs("div",{className:"grid grid-cols-1 gap-2",children:[e.jsxs(dr,{onClick:O,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(dr,{onClick:A,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(dr,{onClick:C,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(Sa,{children:x?e.jsx(we.div,{initial:{opacity:0,y:8},animate:{opacity:1,y:0},exit:{opacity:0,y:8},className:"pointer-events-none absolute left-1/2 bottom-4 -translate-x-1/2",children:e.jsx("div",{className:["px-4 py-2 rounded-full text-xs font-medium shadow-oai-md",x.kind==="error"?"bg-red-600 text-white":x.kind==="success"?"bg-oai-black dark:bg-oai-white text-oai-white dark:text-oai-black":"bg-oai-gray-800 text-white"].join(" "),children:x.text})},x.id):null})]})]}):null}function ju(t){const{enabled:a,handle:r,startDate:s,activeDays:n,summary:i,topModels:o,period:u,periodFrom:c,periodTo:h,heatmap:m,accessToken:x,userId:g,currency:p,exchangeRate:y}=t,[k,f]=d.useState(null),v=y;return d.useEffect(()=>{if(!a||!g&&!ut())return;let w=!1;return(async()=>{try{const C=await di({accessToken:x,userId:g,period:u==="day"||u==="custom"?"week":u,metric:"all",limit:100,offset:0});if(w)return;const A=(Array.isArray(C?.entries)?C.entries:Array.isArray(C)?C:[]).find(N=>N?.is_me===!0),O=typeof A?.rank=="number"?A.rank:null;f(O)}catch{w||f(null)}})(),()=>{w=!0}},[a,x,g,u]),d.useMemo(()=>Gd({handle:r,startDate:s,activeDays:n,summary:i,topModels:o,rank:k,period:u,periodFrom:c,periodTo:h,heatmap:m,currency:p,exchangeRate:typeof v=="number"?v:void 0}),[r,s,n,i,o,k,u,c,h,m,p,v])}const Nu=["day","week","month","total","custom"],ur=new Set(["day","hour","month"]),Ht=new Set(["day","total","custom"]),Su=["islandOnboarding","macAppBanner","statsPanel","widgetOnboarding","installCopy","activityHeatmap","deviceUsage","trendMonitor","qualityPerDollar","sessionInsights"],Cu=["usageOverview","dataDetails"];function mr(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 ba(t){return t?Nt(t,null):null}function Os(t){return t?t?.billable_total_tokens??t?.value??t?.total_tokens:null}function Tu(t){return t?t==="www.tokentracker.cc"||t==="tokentracker.cc":!1}function Au(){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:!Tu(window.location.hostname)}function xm({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}=ui(),{currency:x,rate:g}=Na(),{mode:p,setMode:y,formatTokens:k,formatTokensTooltip:f}=Ee(),[v,w]=d.useState(!1),[D,C]=d.useState(null),[F,A]=d.useState(null),[O,N]=d.useState(!1),[j,S]=d.useState(null),[E,U]=d.useState(0),[$,I]=d.useState(0),[L,Y]=d.useState(null),q=d.useMemo(()=>typeof window>"u"?!1:mi(window.location.search),[]),_=d.useMemo(()=>Au(),[]),[P,z]=d.useState(!1),X=2200,[Z,ue]=d.useState(!0),[me,ge]=d.useState(!1),[_e,xe]=d.useState(!1),[le,G]=d.useState(!1),[B,ae]=d.useState(!1),pe=d.useRef(!1),H=ut(),he=r&&!s,ce=d.useMemo(()=>he&&(typeof a=="function"||typeof a=="string"||a&&typeof a=="object")?a:null,[a,he]),K=he?ce:null,J=i?hi(o):K,T=r||H||i,V=he&&qt(K),ee=r&&s&&!i,{accountView:te,revision:se,resolving:Ge}=gi(),de=te&&!i,Pe=de?K:null,Oe=Ge&&!i;d.useEffect(()=>{if(!r||H){C(null),A(null),N(!1),S(null);return}if(i)return;if(!V){C(null),A(null),N(!1),S(null);return}let b=!0;const R=()=>{C(null),A(null),N(!1),S(null)};return N(!0),S(null),(async()=>{let M=null;try{M=await $e(K)}catch{M=null}if(b){if(!M){R();return}try{const W={link_code:null,expires_at:null};if(!b)return;C(typeof W?.link_code=="string"?W.link_code:null),A(typeof W?.expires_at=="string"?W.expires_at:null)}catch(W){if(!b)return;C(null),A(null),S(W?.message||"Failed to load link code")}finally{if(!b)return;N(!1)}}})(),()=>{b=!1}},[t,H,r,i,V,K,$]);const Se=typeof window<"u"&&(window.location.hostname==="localhost"||window.location.hostname==="127.0.0.1");d.useEffect(()=>{if(!Se&&(!r||H||i)){Y(null);return}if(!Se&&!V){Y(null);return}let b=!0;return(async()=>{let R=null;try{R=await $e(K)}catch{R=null}if(b){if(!R&&!Se){Y(null);return}try{const M=await xi({baseUrl:t,accessToken:R});if(!b)return;Y(M&&typeof M=="object"?M:null)}catch{if(!b)return;Y(null)}}})(),()=>{b=!1}},[V,t,K,H,i,r]);const Tt=d.useMemo(()=>{if(!F)return!1;const b=Date.parse(F);if(!Number.isFinite(b))return!1;const R=E||Date.now();return b<=R},[F,E]);d.useEffect(()=>{!r||H||i||!F||!Tt||O||(C(null),A(null),S(null),I(b=>b+1))},[Tt,F,O,H,r]),d.useEffect(()=>{if(!F||i)return;const b=Date.parse(F);if(!Number.isFinite(b))return;const R=Date.now();if(U(R),b<=R)return;const M=window.setTimeout(()=>U(Date.now()),b-R),W=()=>{typeof document>"u"||document.visibilityState==="visible"&&U(Date.now())};return typeof document<"u"&&document.addEventListener("visibilitychange",W),window.addEventListener("focus",W),()=>{window.clearTimeout(M),typeof document<"u"&&document.removeEventListener("visibilitychange",W),window.removeEventListener("focus",W)}},[F]);const ye=d.useMemo(()=>Ks(),[]),be=d.useMemo(()=>Ws(),[]),Ie=d.useMemo(()=>fi(),[]),Ue=i?null:a?.userId||a?.email||"default",[At,mt]=d.useState("month"),[He,Ca]=d.useState(null),[Qe,Ta]=d.useState(null),[Aa,ht]=d.useState(!1),Q=q?"total":At,Zt=d.useMemo(()=>Q==="custom"&&He&&Qe?{from:He,to:Qe}:pi(Q,{timeZone:ye,offsetMinutes:be,now:Ie}),[Ie,Q,ye,be,He,Qe]),ve=Zt.from,je=Zt.to,[Re,gt]=d.useState(null),[Dt,Jt]=d.useState(()=>Yr());d.useEffect(()=>{const b=()=>Jt(Yr());return window.addEventListener(Zr,b),window.addEventListener("storage",b),()=>{window.removeEventListener(Zr,b),window.removeEventListener("storage",b)}},[]);const{devices:Qt,accountSources:Mt,refresh:Da}=$d({from:ve,to:je,timeZone:ye,tzOffsetMinutes:be,accountView:de,accountAccessToken:Pe,accountRevision:se}),Ve=d.useMemo(()=>Qt.filter(b=>(Number(b.total_tokens)||0)>0).map(b=>({...b,isCurrent:b.id===Dt})),[Qt,Dt]),Xt=d.useMemo(()=>Mt.filter(b=>(Number(b.total_tokens)||0)>0),[Mt]),at=de&&Ve.length>=2,Lt=de&&Ve.length+Xt.length>=2;d.useEffect(()=>{if(!at&&!Lt){Re!==null&>(null);return}Re&&!Ve.some(b=>b.id===Re)&>(null)},[at,Lt,Ve,Re]);const Ma=d.useMemo(()=>at?[{value:"",label:l("dashboard.device_filter.all")},...Ve.map(b=>{const R=gr(b)||l("dashboard.device_card.unnamed"),M=b.isCurrent?` (${l("dashboard.device_card.current")})`:"";return{value:b.id,label:`${R}${M}`}})]:[],[at,Ve,m]),ea=Lt?e.jsx(Bd,{devices:Ve,accountSources:Xt,currentDeviceId:Dt,selectedDeviceId:Re||"",onSelectDevice:b=>gt(b||null),onRenameDevice:async(b,R)=>{const M=await $e(Pe);await vi({deviceId:b,name:R,accessToken:M}),await Da()}}):null,ta=d.useMemo(()=>yi({timeZone:ye,offsetMinutes:be}),[ye,be]),Et=d.useMemo(()=>bi({timeZone:ye,offsetMinutes:be}),[ye,be]),La=d.useMemo(()=>`Local time (${Et})`,[Et]),It=ye,Rt=be,Ea=ta,rt=d.useMemo(()=>wr({timeZone:ye,offsetMinutes:be,date:Ie||new Date}),[Ie,ye,be]),aa=d.useMemo(()=>oc({period:Q,selectedFrom:ve,selectedTo:je,todayKey:rt}),[ve,Q,je,rt]),{daily:We,summary:fe,rolling:Ia,source:Ft,loading:ra,error:Ra,refresh:ie}=is({baseUrl:t,accessToken:J,guestAllowed:ee,from:ve,to:je,includeDaily:Q!=="total",cacheKey:Ue,timeZone:ye,tzOffsetMinutes:be,now:Ie,accountView:de,accountAccessToken:Pe,accountRevision:se,accountViewResolving:Oe,deviceId:Re}),{daily:ne,loading:Ne,refresh:Xe}=is({baseUrl:t,accessToken:J,guestAllowed:ee,from:aa.from,to:aa.to,includeDaily:!0,includeSummary:!1,cacheKey:Ue?`${Ue}.daily-breakdown`:"daily-breakdown",timeZone:ye,tzOffsetMinutes:be,now:Ie,accountView:de,accountAccessToken:Pe,accountRevision:se,accountViewResolving:Oe}),{breakdown:Ce,loading:xt,refresh:Sr}=zl({baseUrl:t,accessToken:J,guestAllowed:ee,from:ve,to:je,cacheKey:Ue,timeZone:ye,tzOffsetMinutes:be,accountView:de,accountAccessToken:Pe,accountRevision:se,accountViewResolving:Oe,deviceId:Re}),[Rn,Fn]=d.useState(3),{entries:$n,loading:Pn,refresh:Cr}=$l({baseUrl:t,accessToken:J,from:ve,to:je,timeZone:ye,tzOffsetMinutes:be}),Tr=Q==="week"||Q==="month",sa=Q==="week"||Q==="month",Ar=d.useMemo(()=>We.filter(b=>b?.future?!1:!b?.day||!rt?!0:String(b.day)<=String(rt)),[We,rt]),{rows:qe,from:Bn,to:zn,loading:On,refresh:Dr}=Ci({baseUrl:t,accessToken:J,guestAllowed:ee,period:Q,from:ve,to:je,months:24,cacheKey:Ue,timeZone:It,tzOffsetMinutes:Rt,now:Ie,sharedRows:Tr?We:null,sharedRange:Tr?{from:ve,to:je}:null,accountView:de,accountAccessToken:Pe,accountRevision:se,accountViewResolving:Oe,deviceId:Re}),Un=d.useMemo(()=>({baseUrl:t,accessToken:J,guestAllowed:ee,cacheKey:Ue,timeZone:It,tzOffsetMinutes:Rt,now:Ie,accountView:de,accountAccessToken:Pe,accountRevision:se,accountViewResolving:Oe}),[t,J,ee,Ue,It,Rt,Ie,de,Pe,se,Oe]),{daily:ft,heatmap:Ke,loading:Mr,refresh:Lr}=Ll({baseUrl:t,accessToken:J,guestAllowed:ee,weeks:52,cacheKey:Ue,timeZone:ye,tzOffsetMinutes:be,now:Ie,accountView:de,accountAccessToken:Pe,accountRevision:se,accountViewResolving:Oe,deviceId:Re}),{data:na,refresh:Er}=Ti();d.useEffect(()=>{na&&typeof na=="object"&&ki(na)},[na]);const Be=d.useMemo(()=>Q==="day"?"hour":Q==="total"?"month":"day",[Q]),Hn=d.useMemo(()=>cs(Be),[Be]),oa="day",Vn=d.useMemo(()=>cs(oa),[]),[ze,Ir]=d.useState(()=>({key:"day",dir:"desc"}));d.useEffect(()=>{Ir(b=>!ur.has(b.key)||b.key===Be?b:{key:Be,dir:b.dir})},[Be]);const pt=d.useMemo(()=>ur.has(ze.key)&&ze.key!==Be?{...ze,key:Be}:ze,[Be,ze]),ia=d.useMemo(()=>{if(Q==="day")return Array.isArray(qe)?qe.filter(M=>M?.hour&&!M?.future):[];if(Q==="total"){const M=Array.isArray(qe)?qe.filter(W=>W?.month&&!W?.future):[];return Xl(M)}const b=Ar;return!b.some(M=>!M?.missing&&!M?.future)&&We.length>0?We.filter(M=>!M?.future).slice(-30).filter(M=>M?.day):b},[Q,qe,Ar,We]),$t=d.useMemo(()=>ds(ia,pt),[ia,pt]),Rr=d.useMemo(()=>ia.some(b=>!b?.missing&&!b?.future),[ia]),Fa=d.useMemo(()=>{if(!Ht.has(Q))return 1;const b=Math.ceil($t.length/_a);return b>0?b:1},[Q,$t.length]),[$a,la]=d.useState(0);d.useEffect(()=>{if(!Ht.has(Q)){la(0);return}la(b=>Math.min(b,Fa-1))},[Fa,Q]),d.useEffect(()=>{Ht.has(Q)&&la(0)},[Q,ze.dir,ze.key]);const Wn=d.useMemo(()=>Ht.has(Q)?ec($t,$a,_a):$t,[$a,Q,$t]),Fr=d.useMemo(()=>ic(ne,{period:Q}),[ne,Q]),yt=d.useMemo(()=>ur.has(ze.key)?{...ze,key:oa}:ze,[ze]),Kn=d.useMemo(()=>ds(Fr,yt),[Fr,yt]),Gn=d.useMemo(()=>sa?We:Q==="day"?Array.isArray(qe)?qe.filter(b=>b?.hour):[]:qe,[We,Q,qe,sa]),qn=sa?ve:Bn,Yn=sa?je:zn;function Zn(b,R){if(b?.future)return"—";if(b?.missing)return l("shared.status.unsynced");if(R.endsWith("_tokens")){const M=R==="total_tokens"?ba(b):b?.[R];return e.jsx("span",{title:f(M),children:k(M)})}return wa(b?.[R])}function Jn(b){const R=b?.[Be];if(R==null)return"";const M=String(R);if(Be==="hour"){const[W,De]=M.split("T");if(W&&De)return`${W} ${De.slice(0,5)}`}return M}function Qn(b){const R=b?.[oa];return R==null?"":String(R)}function Xn(b){Ir(R=>R.key===b?{key:b,dir:R.dir==="asc"?"desc":"asc"}:{key:b,dir:"desc"})}function eo(b){return pt.key!==b?"none":pt.dir==="asc"?"ascending":"descending"}function to(b){return pt.key!==b?"":pt.dir==="asc"?"▲":"▼"}function ao(b){return yt.key!==b?"none":yt.dir==="asc"?"ascending":"descending"}function ro(b){return yt.key!==b?"":yt.dir==="asc"?"▲":"▼"}const Pa=d.useMemo(()=>{if(!r&&!H&&!i&&!Se)return 0;const b=Number(Ke?.active_days);if(Number.isFinite(b))return b;let R=0;const M=new Set,W=(ke,Fe,Me)=>{typeof ke!="string"||!ke||M.has(ke)||mr(Fe,Me)&&(M.add(ke),R+=1)};if(Array.isArray(ft))for(const ke of ft)W(ke?.day,ba(ke));const De=Array.isArray(Ke?.weeks)?Ke.weeks:[];for(const ke of De)for(const Fe of Array.isArray(ke)?ke:[]){const Me=Os(Fe);W(Fe?.day,Me,Fe?.level)}return R},[r,H,Ke?.active_days,Ke?.weeks,ft]),[$r,Pr]=d.useState("month"),so=d.useCallback(b=>{b==="custom"?(Pr(R=>R==="custom"?"month":R),mt(R=>He&&Qe?"custom":R),ht(!0)):(mt(b),Pr(b),ht(!1))},[He,Qe]),no=d.useCallback((b,R)=>{Ca(b),Ta(R),mt("custom"),ht(!1)},[]),oo=d.useCallback(b=>{ht(b),!b&&At==="custom"&&!He&&mt($r)},[At,He,$r]),Pt=d.useCallback(async()=>{de&&wi(),de||_i(),await Promise.all([ie(),Lr(),Dr(),Sr(),Cr(),Xe()])},[de,Xe,Lr,Sr,Cr,Dr,ie]),Br=d.useCallback(async()=>{await Promise.all([Pt(),Er()])},[Pt,Er]),Ba=d.useRef(Pt);d.useEffect(()=>{Ba.current=Pt},[Pt]);const za=d.useRef(null);d.useEffect(()=>{if(!Se||H||de)return;za.current||(za.current=Jr({auto:!0,background:!0,allLocalSources:!0}));let b=!0;return za.current.then(()=>{if(b)return Ba.current()}).catch(R=>{b&&console.warn("[DashboardPage] Reload sync failed:",R)}),()=>{b=!1}},[Se,H,de]),d.useEffect(()=>{if(!Se||H||de)return;const b=sc({refresh:()=>Ba.current(),onError:R=>console.warn("[DashboardPage] Automatic usage refresh failed:",R)});return()=>b.stop()},[Se,H,de]);const io=d.useCallback(async()=>{G(!0);try{Se&&await Jr(),await Br()}catch(b){console.error("[DashboardPage] Refresh failed:",b)}finally{G(!1)}},[Se,Br]),ca=le||ra||Ne||Mr||On||xt||Pn,Oa=!B&&(Oe||de&&ca&&!Rr),lo=d.useMemo(()=>l("shared.data_source",{source:String(Ft||"edge").toUpperCase()}),[Ft,m]),da=d.useMemo(()=>typeof a?.name!="string"?"":a.name.trim(),[a?.name]),co="",zr=d.useMemo(()=>!da||da.includes("@")?l("dashboard.identity.fallback"):da,[da]),Or=d.useMemo(()=>zr.replace(/[^a-zA-Z0-9._-]/g,"_"),[zr]),Ur=d.useMemo(()=>i?l("dashboard.identity.fallback"):Or,[Or,co,i]),Hr=d.useMemo(()=>{let b=null;const R=W=>{typeof W!="string"||!W||(!b||W<b)&&(b=W)};if(Array.isArray(ft))for(const W of ft)W?.day&&mr(ba(W))&&R(W.day);const M=Array.isArray(Ke?.weeks)?Ke.weeks:[];for(const W of M)for(const De of Array.isArray(W)?W:[]){if(!De?.day)continue;const ke=Os(De),Fe=De?.level;mr(ke,Fe)&&R(De.day)}return b},[Ke?.weeks,ft]),uo=d.useMemo(()=>i?[]:(Array.isArray(L?.subscriptions?.items)?L.subscriptions.items:[]).map(M=>{const W=typeof M?.tool=="string"?M.tool.trim():"",ke=(typeof M?.plan_type=="string"?M.plan_type:typeof M?.planType=="string"?M.planType:"").trim();return!W||!ke?null:{tool:W,planType:ke,provider:typeof M?.provider=="string"?M.provider.trim():"",product:typeof M?.product=="string"?M.product.trim():"",rateLimitTier:typeof M?.rate_limit_tier=="string"?M.rate_limit_tier.trim():typeof M?.rateLimitTier=="string"?M.rateLimitTier.trim():""}}).filter(Boolean).slice(0,6),[i,L]),mo=e.jsx(Ai,{heatmap:Ke,timeZoneLabel:ta,timeZoneShortLabel:Et,hideLegend:q,defaultToLatestMonth:q}),ho=d.useMemo(()=>`${ve}..${je}`,[ve,Q,je]),go=l("usage.summary.total"),Ae=fe!=null,bt=Ae?ba(fe):0,xo=k(bt),fo=d.useCallback(()=>{y(p===Vt.COMPACT?Vt.FULL:Vt.COMPACT)},[y,p]),po=l("dashboard.core_index.collapse_label"),yo=l("dashboard.core_index.expand_label"),bo=l("dashboard.core_index.collapse_aria"),ko=l("dashboard.core_index.expand_aria"),wo=!q,kt=l("shared.placeholder.short"),Ua=d.useMemo(()=>{const b=Array.isArray(Ce?.sources)?Ce.sources:[];let R=null,M=0;for(const Fe of b){const Me=Nt(Fe?.totals);!Number.isFinite(Me)||Me<=0||Me>M&&(M=Me,R=Fe)}let W=kt,De=kt,ke="0.0";if(R&&M>0){W=R?.source?String(R.source).toUpperCase():kt;const Fe=Array.isArray(R?.models)?R.models:[];let Me=0;for(const qa of Fe){const ma=Nt(qa?.totals);!Number.isFinite(ma)||ma<=0||ma>Me&&(Me=ma,De=qa?.model?String(qa.model):kt)}Me>0&&(ke=(Me/M*100).toFixed(1))}return{agentName:W,modelName:De,modelPercent:ke}},[Ce,kt]),Ha=wa(bt),_o=l("dashboard.screenshot.twitter_text",{total_tokens:Ha==="-"?kt:Ha,agent_name:Ua.agentName,model_name:Ua.modelName,model_percent:Ua.modelPercent}),vo=d.useMemo(()=>q?[]:Nu,[q]),jo=d.useMemo(()=>[{label:l("usage.metric.total"),value:Ae?k(bt):"—",title:Ae?f(bt):void 0,valueClassName:"text-white"},{label:l("usage.metric.input"),value:Ae?k(fe?.input_tokens):"—",title:Ae?f(fe?.input_tokens):void 0},{label:l("usage.metric.output"),value:Ae?k(fe?.output_tokens):"—",title:Ae?f(fe?.output_tokens):void 0},{label:l("usage.metric.cached_input"),value:Ae?k(fe?.cached_input_tokens):"—",title:Ae?f(fe?.cached_input_tokens):void 0},{label:l("usage.metric.reasoning_output"),value:Ae?k(fe?.reasoning_output_tokens):"—",title:Ae?f(fe?.reasoning_output_tokens):void 0}],[fe?.cached_input_tokens,fe?.input_tokens,fe?.output_tokens,fe?.reasoning_output_tokens,bt,Ae,k,f]),Va=d.useMemo(()=>ja(fe?.total_cost_usd,{currency:x,rate:g}),[fe?.total_cost_usd,x,g]),No=d.useMemo(()=>fe?.conversation_count??null,[fe?.conversation_count]),Vr=d.useMemo(()=>cc(Ce,{copyFn:l}),[Ce]),Wr=d.useMemo(()=>uc(Ce,{limit:3,copyFn:l}),[Ce]),So=ju({enabled:P,handle:Ur,startDate:Hr,activeDays:Pa,summary:fe,topModels:Wr,period:Q,periodFrom:ve,periodTo:je,heatmap:Ke,accessToken:typeof J=="string"?J:null,userId:a?.userId||null,currency:x,exchangeRate:g}),Co=d.useCallback(()=>z(!0),[]),To=d.useCallback(()=>z(!1),[]),Ao=d.useCallback(()=>w(!0),[]),Do=d.useCallback(()=>w(!1),[]),Mo=Va&&Va!=="-"&&Vr.length>0,Bt=l("dashboard.install.cmd.init"),Wa=Tt?null:D,Ka=Wa?l("dashboard.install.cmd.init_link_code",{link_code:Wa}):Bt,Lo=Bt,Eo=l("dashboard.install.cmd.sync"),Io=Wa?l("dashboard.install.copy"):l("dashboard.install.copy_base"),Ro=l("dashboard.install.copied");l("dashboard.session_expired.copy_label"),l("dashboard.session_expired.copied");const Fo=!!(L?.install?.has_active_device_token??L?.install?.hasActiveDeviceToken),$o=tc({publicMode:i,screenshotMode:q,forceInstall:_,accessEnabled:T,heatmapLoading:Mr,activeDays:Pa,hasActiveDeviceToken:Fo}),Po=l("dashboard.install.prompt"),Bo=d.useCallback(async()=>{!Ka||!await Qr(Ka)||(ge(!0),window.setTimeout(()=>ge(!1),2e3))},[Ka]);d.useCallback(async()=>{!Bt||!await Qr(Bt)||(xe(!0),window.setTimeout(()=>xe(!1),2e3))},[Bt]);const Ga=d.useMemo(()=>l("dashboard.daily.empty",{cmd:"{{cmd}}"}),[m]),[zo,Oo]=d.useMemo(()=>{const b=Ga.split("{{cmd}}");return b.length===1?[Ga,""]:[b[0],b.slice(1).join("{{cmd}}")]},[Ga]),zt=s&&!i,Ot=!r&&!H&&!s&&!Se&&!i;d.useEffect(()=>{zt||Ot||Oa||ae(!0)},[Oa,Ot,zt]);const ua=Rl(Su,Cu);return d.useEffect(()=>{pe.current||zt||Ot||ca||(pe.current=!0,h?.())},[h,Ot,zt,ca]),e.jsxs(e.Fragment,{children:[e.jsx(Fd,{copy:l,onOpenShare:Co,screenshotMode:q,showExpiredGate:zt,showAuthGate:Ot,identityDisplayName:Ur,identityStartDate:Hr,activeDays:Pa,identitySubscriptions:uo,identityScrambleDurationMs:X,projectUsageEntries:$n,projectUsageLimit:Rn,setProjectUsageLimit:Fn,projectDetailQuery:{from:ve,to:je,timeZone:ye,tzOffsetMinutes:be},topModels:Wr,signedIn:r,publicMode:i,isLocalMode:Se,shouldShowInstall:$o,installPrompt:Po,handleCopyInstall:Bo,installCopied:me,installCopiedLabel:Ro,installCopyLabel:Io,installInitCmdDisplay:Lo,linkCodeLoading:O,linkCodeError:j,trendRowsForDisplay:Gn,trendFromForDisplay:qn,trendToForDisplay:Yn,trendZoomConfig:Un,usageFrom:ve,usageTo:je,period:Q,trendTimeZoneLabel:Ea,activityHeatmapBlock:mo,periodsForDisplay:vo,setSelectedPeriod:so,customFrom:He,customTo:Qe,onCustomRangeApply:no,customRangeOpen:Aa,onCustomRangeOpenChange:oo,metricsRows:jo,summaryLabel:go,summaryValue:xo,hasSummary:Ae,summaryLoading:ra,providersLoading:xt,summaryFullValue:Ha,onToggleSummaryFormat:fo,summaryTotalTokensRaw:re(bt)||0,summaryCostValue:Va,summaryConversationsValue:No,rollingUsage:Ia,costInfoEnabled:Mo,openCostModal:Ao,allowBreakdownToggle:wo,coreIndexCollapsed:Z,setCoreIndexCollapsed:ue,coreIndexCollapseLabel:po,coreIndexExpandLabel:yo,coreIndexCollapseAria:bo,coreIndexExpandAria:ko,refreshAll:io,usageLoadingState:ca,announceUsageLoading:le,initialDashboardLoading:Oa,usageError:Ra,rangeLabel:ho,timeZoneRangeLabel:La,usageSourceLabel:lo,fleetData:Vr,hasDetailsActual:Rr,dailyEmptyPrefix:zo,installSyncCmd:Eo,dailyEmptySuffix:Oo,detailsColumns:Hn,ariaSortFor:eo,toggleSort:Xn,sortIconFor:to,pagedDetails:Wn,dailyBreakdownRows:Kn,dailyBreakdownColumns:Vn,dailyBreakdownAriaSortFor:ao,dailyBreakdownSortIconFor:ro,dailyBreakdownDateKey:oa,detailsDateKey:Be,renderDetailDate:Jn,renderDailyBreakdownDate:Qn,renderDetailCell:Zn,DETAILS_PAGED_PERIODS:Ht,detailsPageCount:Fa,detailsPage:$a,setDetailsPage:la,costModalOpen:v,closeCostModal:Do,deviceOptions:Ma,selectedDevice:Re||"",onDeviceChange:b=>gt(b||null),deviceUsageBlock:ea,leftCardOrder:ua.left.order,onLeftReorder:ua.left.reorder,rightCardOrder:ua.right.order,onRightReorder:ua.right.reorder}),e.jsx(vu,{open:P,onClose:To,data:So,twitterText:_o})]})}export{xm as DashboardPage};
|