@vellumai/web 0.11.6-dev.202608270454.8569d2d → 0.11.6-dev.202608271936.fef1c19

package/dist/assets/{billing-page-OZYwkKvH.js → billing-page-DRrmkch4.js}

@@ -1,3 +1,3 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-DmQ1Mb3A.js","assets/rolldown-runtime-BM3Ffeng.js","assets/react-DPM_L_aA.js","assets/vendor-BBRT_WdZ.js","assets/vendor-CfUWwwYf.css","assets/icons-CSdHOix6.js","assets/index-D-nuAcII.css"])))=>i.map(i=>d[i]);
-import{o as e,t}from"./rolldown-runtime-BM3Ffeng.js";import{$n as n,D as r,Gn as i,Hn as a,Jn as o,M as s,Vn as c}from"./vendor-BBRT_WdZ.js";import{_ as l,b as u,d,f,g as p,n as m,t as h}from"./react-DPM_L_aA.js";import{$n as g,Br as _,C as v,Ir as y,P as b,Tn as x,Zn as S,ar as C,i as w,jr as T,m as E,mn as D,pi as O,qn as k,st as A,tn as j,tr as M,v as N,xi as P,zr as F}from"./icons-CSdHOix6.js";import{A as I,B as L,E as R,F as ee,I as te,L as ne,M as re,O as ie,P as z,R as B,S as ae,_ as V,a as oe,b as H,c as se,d as ce,f as le,g as ue,h as de,i as fe,j as pe,l as me,m as he,n as ge,o as _e,p as ve,r as ye,s as be,t as xe,u as Se,v as Ce,w as we,y as Te}from"./use-checkout-dismiss-refresh-U44nWx05.js";import{$c as Ee,$v as U,As as De,Cs as Oe,Dg as ke,Eg as Ae,G as je,Gc as Me,Hc as Ne,Hu as Pe,J as Fe,Jc as Ie,Jd as Le,K as Re,Kc as ze,Lf as Be,Lu as Ve,Lv as He,Ml as Ue,Os as We,Qc as Ge,Qr as Ke,Qu as qe,Qv as Je,S as Ye,Sl as Xe,Tg as Ze,Uc as Qe,Uu as $e,Vc as et,Vu as tt,Wc as nt,Xc as rt,Xf as it,Xr as at,Xt as ot,Y as st,Yc as ct,Yf as lt,Yp as ut,Yr as dt,Yu as ft,Zc as pt,Zf as mt,Zh as ht,Zr as gt,_l as _t,_n as vt,_v as yt,_y as W,ac as bt,al as xt,ap as St,bl as Ct,bv as wt,by as Tt,cy as Et,da as Dt,df as Ot,el as kt,ff as At,fl as jt,ft as Mt,fv as Nt,fy as Pt,gl as Ft,gm as It,gv as Lt,gy as Rt,hl as zt,hy as G,il as Bt,iv as Vt,iy as Ht,jl as Ut,ks as Wt,lf as Gt,ll as Kt,ly as qt,ml as Jt,my as Yt,nl as Xt,ol as Zt,q as Qt,qc as $t,qv as en,rl as tn,rp as nn,ry as rn,s as an,sl as on,tl as sn,ty as K,ua as cn,uf as ln,vl as un,vy as q,xl as dn,xy as fn,yy as pn}from"./index-DmQ1Mb3A.js";import{n as mn,t as hn}from"./android-billing-handoff-BCMfVt2w.js";import{t as gn}from"./checkout-return-target-DofvWUsl.js";import{t as _n}from"./add-credits-modal-B_qocYvS.js";import{t as vn}from"./link-click-1phDc74T.js";import{a as yn,i as bn,r as xn,t as Sn}from"./profile-metadata-BG4G_07I.js";var Cn=P(`crown`,[[`path`,{d:`M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z`,key:`1vdc57`}],[`path`,{d:`M5 21h14`,key:`11awu3`}]]),wn=P(`tree-palm`,[[`path`,{d:`M13 8c0-2.76-2.46-5-5.5-5S2 5.24 2 8h2l1-1 1 1h4`,key:`foxbe7`}],[`path`,{d:`M13 7.14A5.82 5.82 0 0 1 16.5 6c3.04 0 5.5 2.24 5.5 5h-3l-1-1-1 1h-3`,key:`18arnh`}],[`path`,{d:`M5.89 9.71c-2.15 2.15-2.3 5.47-.35 7.43l4.24-4.25.7-.7.71-.71 2.12-2.12c-1.95-1.96-5.27-1.8-7.42.35`,key:`ywahnh`}],[`path`,{d:`M11 15.5c.5 2.5-.17 4.5-1 6.5h4c2-5.5-.5-12-1-14`,key:`ft0feo`}]]),J=e(u(),1);function Tn(e){return e.get(`tab`)===`billing`||e.has(`adjust_plan`)||e.has(`pro_onboarding`)||e.has(`billing_status`)||e.has(`session_id`)}function En(e,t){return e===`full`?!0:e===`disabled`?Tn(t):!1}var Y=h();function Dn({open:e,onOpenChange:t,amountUsd:n}){let{t:i}=r(`settings`),s=o(),c=a($t()),l=c.isPending,u=Re(n);return(0,Y.jsx)(K.Root,{open:e,onOpenChange:e=>{!e&&l||t(e)},children:(0,Y.jsxs)(K.Content,{size:`sm`,"data-testid":`checkout-bonus-modal`,children:[(0,Y.jsx)(K.Header,{icon:x,children:(0,Y.jsx)(K.Title,{children:i(`checkoutBonusModal.title`,{amount:u})})}),(0,Y.jsx)(K.Body,{children:(0,Y.jsx)(W,{as:`p`,variant:`body-medium-default`,className:`text-(--content-secondary)`,children:i(`checkoutBonusModal.body`,{amount:u})})}),(0,Y.jsxs)(K.Footer,{children:[(0,Y.jsx)(K.Close,{asChild:!0,children:(0,Y.jsx)(q,{variant:`outlined`,disabled:l,children:i(`checkoutBonusModal.decline`)})}),(0,Y.jsx)(q,{variant:`primary`,leftIcon:l?(0,Y.jsx)(j,{className:`animate-spin`}):void 0,onClick:()=>{l||c.mutate({},{onSuccess:e=>{e.status===`granted`?(U.success(i(`checkoutBonusModal.grantedToast`,{amount:Re(e.amount_usd)})),s.invalidateQueries(_t())):U.info(i(`checkoutBonusModal.unavailableToast`)),s.invalidateQueries(Ie()),t(!1)},onError:()=>{U.error(i(`checkoutBonusModal.errorToast`))}})},disabled:l,"data-testid":`claim-checkout-bonus-button`,children:i(`checkoutBonusModal.claim`,{amount:u})})]})]})})}function On(e){let t=Be(),n=o(),r=e!==null,{data:a,dataUpdatedAt:s}=i({...Ie(),enabled:r&&t,staleTime:0,refetchOnWindowFocus:!1}),c=(0,J.useRef)(e);return(0,J.useEffect)(()=>{let t=c.current;c.current=e,!(e===null||e===t||t===null)&&n.invalidateQueries(Ie())},[e,n]),{showOffer:r&&a?.eligible===!0&&s>=e,amountUsd:a?.amount_usd??`0.00`}}function kn(e){if(!e)return{};let t={};for(let n of e.callSites)!n.id||!n.displayName||(t[n.id]={id:n.id,displayName:n.displayName,description:n.description,domain:n.domain});return t}function An(e){return Number.isFinite(e)?Math.round(e).toLocaleString():`0`}function jn(e){return!Number.isFinite(e)||e===0?`$0.00`:`$${e.toFixed(2)}`}var Mn=`model`,Nn={model:`Model`,task:`Action`,profile:`Profile`},Pn=[{value:`model`,label:Nn.model},{value:`task`,label:Nn.task},{value:`profile`,label:Nn.profile}];function Fn(e){return e===`model`||e===`task`||e===`profile`}function In(e){switch(e){case`model`:return`model`;case`task`:return`call_site`;case`profile`:return`inference_profile`}}function Ln(e){switch(e){case`model`:return`model`;case`task`:return`llm_call_site`;case`profile`:return`inference_profile`}}function Rn(e,t,n){if(e===`task`){let e=t.groupKey;return e?n.callSites?.[e]?.displayName??t.group:t.group}if(e===`profile`){let e=t.groupKey;return e?n.profiles?.[e]?.displayName??t.group:t.group||`Default / Unset`}return t.group}function zn(e,t,n){return!e||e.length===0?[]:e.map(e=>{let r=Rn(t,e,n);return r===e.group?e:{...e,group:r}})}var Bn=6,Vn=`value:`,Hn=`null:`;function Un(e,t=`schedule`){return e===null?`${Hn}${Fn(t)?In(t):t}`:`${Vn}${e}`}function Wn(e){return[...e].sort((e,t)=>{if(e.date!==t.date)return e.date<t.date?-1:1;let n=Yn(e.bucketId),r=Yn(t.bucketId);return n===r?e.bucketId===t.bucketId?0:e.bucketId<t.bucketId?-1:1:n-r})}function Gn(e){return e.map(e=>({bucketId:e.bucketId,date:e.date,displayLabel:e.displayLabel,totalInputTokens:e.totalInputTokens,totalOutputTokens:e.totalOutputTokens,totalEstimatedCostUsd:e.totalEstimatedCostUsd,eventCount:e.eventCount,groups:{}}))}function Kn(e,t,n){return t!==`task`&&t!==`profile`?[...e]:e.map(e=>{let r=!1,i={};for(let[a,o]of Object.entries(e.groups)){let e=Rn(t,Jn(o),n);e===o.group?i[a]=o:(r=!0,i[a]={...o,group:e})}return r?{...e,groups:i}:e})}function qn(e){let t=new Map;for(let n of e)for(let[e,r]of Object.entries(n.groups)){let n=t.get(e);t.set(e,{label:n?.label??r.group,totalEstimatedCostUsd:(n?.totalEstimatedCostUsd??0)+r.totalEstimatedCostUsd})}let n=Array.from(t.entries()).sort(([e,t],[n,r])=>t.totalEstimatedCostUsd===r.totalEstimatedCostUsd?t.label===r.label?e===n?0:e<n?-1:1:t.label<r.label?-1:1:r.totalEstimatedCostUsd-t.totalEstimatedCostUsd).map(([e,t],n)=>({seriesKey:e,label:t.label,totalEstimatedCostUsd:t.totalEstimatedCostUsd,colorIndex:n}));return{items:n,visibleItems:n.slice(0,Bn)}}function Jn(e){return{group:e.group,groupId:e.groupKey,groupKey:e.groupKey,totalInputTokens:e.totalInputTokens,totalOutputTokens:e.totalOutputTokens,totalCacheCreationTokens:0,totalCacheReadTokens:0,totalEstimatedCostUsd:e.totalEstimatedCostUsd,eventCount:e.eventCount,turnCount:null}}function Yn(e){let t=e.lastIndexOf(`|`);if(t<0)return 0;let n=Number(e.slice(t+1));return Number.isFinite(n)?n:0}var Xn=140,Zn=40,Qn=28,$n=2,er=2,tr=1e-6,nr=12,rr=220,ir=56,ar=[40,80,60,100,50,70,30],or=[18,24,28,35,42,50,64,78,92,106,118,96,84,74,68,80,88,72,56,48,40,34,26,20],sr=[`var(--usage-trend-stack-positive, var(--system-positive-strong, #10b981))`,`var(--usage-trend-stack-info, var(--system-info-strong, #3b82f6))`,`var(--usage-trend-stack-mid, var(--system-mid-strong, #f59e0b))`,`var(--usage-trend-stack-secondary, var(--content-secondary, #6b7280))`,`var(--usage-trend-stack-negative, var(--system-negative-strong, #f87171))`,`var(--usage-trend-stack-tertiary, var(--content-tertiary, #9ca3af))`];function cr(e){return sr[e%sr.length]}function lr(e){return e.displayLabel?e.displayLabel:e.date}function ur(e,t){let n=e+nr,r=t+nr;return n+rr>window.innerWidth&&(n=e-rr-nr),r+ir>window.innerHeight&&(r=t-ir-nr),{x:n,y:r}}function dr({buckets:e,isHourly:t,legendItems:n}){let{t:i}=r(`settings`),[a,o]=(0,J.useState)(null),s=(0,J.useMemo)(()=>Wn(e),[e]),c=(0,J.useMemo)(()=>qn(e),[e]),l=n??c.items,u=n??c.visibleItems,d=(0,J.useMemo)(()=>s.reduce((e,t)=>Math.max(e,t.totalEstimatedCostUsd),0),[s]),f=(0,J.useCallback)((e,t)=>{let n=ur(e.clientX,e.clientY);o({...t,x:n.x,y:n.y})},[]),p=(0,J.useCallback)(()=>o(null),[]);if(s.length===0){let e=(0,Y.jsx)(gr,{title:i(t?`usageTrendChart.noHourlyData`:`usageTrendChart.noDailyData`),subtitle:i(`usageTrendChart.noUsageInRange`)});return u.length===0?e:(0,Y.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[e,(0,Y.jsx)(hr,{items:u})]})}let m=t?Qn:Zn;return(0,Y.jsxs)(`div`,{className:`overflow-x-auto`,children:[(0,Y.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,Y.jsx)(`div`,{className:`flex items-end gap-2`,style:{height:`${Xn}px`},"aria-hidden":`true`,children:s.map(e=>{let t=d>0?e.totalEstimatedCostUsd/d:0,r=Math.max($n,Xn*t);return(0,Y.jsx)(`div`,{className:`flex items-end`,style:{width:`${m}px`,minWidth:`${m}px`,height:`${r}px`,opacity:e.totalEstimatedCostUsd>0?1:.3},title:`${lr(e)}: ${jn(e.totalEstimatedCostUsd)}`,"data-usage-series-bar":e.bucketId,children:(0,Y.jsx)(pr,{bucket:e,height:r,legendItems:l,hasLegendOverride:n!=null,onSegmentHover:f,onSegmentLeave:p})},e.bucketId)})}),(0,Y.jsx)(`div`,{className:`flex items-start gap-2`,children:s.map(e=>(0,Y.jsxs)(`div`,{className:`flex flex-col items-center gap-0.5`,style:{width:`${m}px`,minWidth:`${m}px`},children:[(0,Y.jsx)(`span`,{className:`truncate text-[10px]`,style:{color:`var(--content-secondary)`},children:jn(e.totalEstimatedCostUsd)}),(0,Y.jsx)(`span`,{className:`truncate text-[10px]`,style:{color:`var(--content-tertiary)`},children:lr(e)})]},e.bucketId))}),u.length>0?(0,Y.jsx)(hr,{items:u}):null]}),a?(0,Y.jsx)(mr,{tooltip:a}):null]})}function fr({isHourly:e}){let t=e?or:ar,n=e?Qn:Zn;return(0,Y.jsx)(`div`,{className:`flex items-end gap-2`,style:{height:`${Xn}px`},"aria-hidden":`true`,children:t.map((e,t)=>(0,Y.jsx)(`div`,{className:`rounded-sm`,style:{width:`${n}px`,height:`${e}px`,background:`color-mix(in srgb, var(--border-base) 40%, transparent)`}},t))})}function pr({bucket:e,height:t,legendItems:n,hasLegendOverride:r,onSegmentHover:i,onSegmentLeave:a}){let o=Object.keys(e.groups).length>0,c=n.filter(e=>(e.state??`active`)===`active`).flatMap(t=>{let n=e.groups[t.seriesKey];return!n||n.totalEstimatedCostUsd<=0?[]:[{item:t,value:n}]});if(c.length===0&&!o&&!r){let n=lr(e),r={label:s(`settings:usageTrendChart.total`),bucketLabel:n,cost:jn(e.totalEstimatedCostUsd)};return(0,Y.jsx)(`div`,{className:`w-full rounded-sm`,title:`${r.label}: ${r.cost}`,onMouseEnter:e=>i(e,r),onMouseMove:e=>i(e,r),onMouseLeave:a,style:{height:`${t}px`,background:cr(0)},"data-usage-series-segment-label":r.label,"data-usage-fallback-segment":`true`})}return c.length===0?null:(0,Y.jsx)(`div`,{className:`flex w-full flex-col-reverse overflow-hidden rounded-sm`,style:{height:`${t}px`},"data-usage-series-stack":e.bucketId,children:c.map(({item:n,value:r})=>{let o={label:n.label,bucketLabel:lr(e),cost:jn(r.totalEstimatedCostUsd)};return(0,Y.jsx)(`div`,{title:`${o.label}: ${o.cost}`,onMouseEnter:e=>i(e,o),onMouseMove:e=>i(e,o),onMouseLeave:a,style:{height:`${Math.max(er,t*r.totalEstimatedCostUsd/Math.max(e.totalEstimatedCostUsd,tr))}px`,background:cr(n.colorIndex)},"data-usage-series-segment":n.seriesKey,"data-usage-series-segment-label":n.label,"data-usage-series-color-index":n.colorIndex},n.seriesKey)})})}function mr({tooltip:e}){return(0,Y.jsxs)(`div`,{className:`pointer-events-none fixed z-50 max-w-[220px] rounded-md border px-2 py-1 shadow-xl`,style:{left:`${e.x}px`,top:`${e.y}px`,background:`var(--surface-overlay, var(--surface-lift))`,borderColor:`var(--border-base)`},"aria-hidden":`true`,children:[(0,Y.jsx)(`div`,{className:`truncate text-body-small-default`,style:{color:`var(--content-default)`},children:e.label}),(0,Y.jsxs)(`div`,{className:`truncate text-body-small-default`,style:{color:`var(--content-tertiary)`},children:[e.bucketLabel,` · `,e.cost]})]})}function hr({items:e}){return(0,Y.jsx)(`div`,{className:`flex flex-wrap items-center gap-x-3 gap-y-1 pt-1`,children:e.map(e=>{let t=e.state??`active`,n=t===`inactive`;return(0,Y.jsxs)(`div`,{className:`flex min-w-0 items-center gap-1`,"data-usage-legend-state":t,children:[(0,Y.jsx)(`span`,{className:`h-[7px] w-[7px] shrink-0 rounded-full`,style:{background:n?`var(--content-tertiary)`:cr(e.colorIndex),opacity:n?.45:1},"aria-hidden":`true`,"data-usage-series-color-index":e.colorIndex}),(0,Y.jsx)(`span`,{className:n?`truncate text-[10px] line-through`:`truncate text-[10px]`,style:{color:`var(--content-tertiary)`,opacity:n?.65:1},children:e.label})]},e.seriesKey)})})}function gr({title:e,subtitle:t}){return(0,Y.jsxs)(`div`,{className:`flex flex-col items-center justify-center rounded-md py-12 text-center`,style:{color:`var(--content-tertiary)`},children:[(0,Y.jsx)(`p`,{className:`text-body-medium-default`,style:{color:`var(--content-secondary)`},children:e}),(0,Y.jsx)(`p`,{className:`mt-1 text-body-small-default`,children:t})]})}function _r(e){return Fn(e)?In(e):e}function vr(e){return Sr({from:e.from,to:e.to},e.scheduleId)}function yr(e){return Sr({from:e.from,to:e.to,...e.granularity?{granularity:e.granularity}:{},...e.tz?{tz:e.tz}:{}},e.scheduleId)}function br(e){return Sr({from:e.from,to:e.to,groupBy:_r(e.groupBy)},e.scheduleId)}function xr(e){return Sr({from:e.from,to:e.to,granularity:e.granularity,groupBy:_r(e.groupBy),...e.tz?{tz:e.tz}:{}},e.scheduleId)}function Sr(e,t){return t?{...e,scheduleId:t}:e}function Cr(e){return[`${An(e.totalInputTokens)} direct`,`${An(e.totalCacheCreationTokens)} cache created`,`${An(e.totalCacheReadTokens)} cache read`,`${An(e.totalOutputTokens)} out`].join(` / `)}function wr(e){return!Number.isFinite(e)||e===0?`0`:e>=1e6||e>=999950&&e<1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}k`:e.toLocaleString()}function Tr(e){return`${wr(e.totalInputTokens+e.totalCacheCreationTokens+e.totalCacheReadTokens)} in / ${wr(e.totalOutputTokens)} out`}var Er=`task`,Dr=`model`,Or=new Set([400,404,422]),kr=3,Ar=new Set([`today`,`yesterday`,`7d`,`30d`,`90d`,`all`]),jr=new Set([`actor`,`provider`,`model`,`conversation`,`task`,`profile`,`schedule`]),Mr={task:Nn.task,profile:Nn.profile,model:Nn.model,provider:`Provider`,actor:`Actor`,conversation:`Conversation`,schedule:`Schedule`},Nr=[{value:`task`,label:Mr.task},{value:`profile`,label:Mr.profile},{value:`model`,label:Mr.model},{value:`provider`,label:Mr.provider},{value:`schedule`,label:Mr.schedule},{value:`conversation`,label:Mr.conversation}];function Pr(e){let t=e.get(`range`),n=e.get(`groupBy`),r=Rr(n)?n:Er;return{range:Lr(t)?t:`7d`,groupBy:r,scheduleId:r===`schedule`?Fr(e):void 0}}function Fr(e){let t=e.get(`scheduleId`);if(!(!t||t.trim().length===0))return t}function Ir(e,t){let n=new URLSearchParams(e);return t.range!==void 0&&n.set(`range`,t.range),t.groupBy!==void 0&&n.set(`groupBy`,t.groupBy),t.scheduleId!==void 0&&(t.scheduleId===null||t.scheduleId.trim().length===0?n.delete(`scheduleId`):n.set(`scheduleId`,t.scheduleId)),n.get(`groupBy`)!==`schedule`&&n.delete(`scheduleId`),n}function Lr(e){return e!=null&&Ar.has(e)}function Rr(e){return e!=null&&jr.has(e)}function zr(e){return e!==`conversation`}function Br(e,t){return e!==`task`&&e!==`profile`?!1:Hr(t)}function Vr(e,t){return!Hr(t)&&e<kr}function Hr(e){return e instanceof Lt&&Or.has(e.status)}function Ur({requestedGranularity:e,isLoading:t,buckets:n}){return e===`hourly`&&(t||!n||n.length===0||n.some(Wr))?`hourly`:`daily`}function Wr(e){return e.bucketId.includes(`|`)||Gr(e.date)}function Gr(e){return/^\d{4}-\d{2}-\d{2} ([01]\d|2[0-3]):00$/.test(e)}function Kr(e,t,n=Date.now()){return bn(e,t,n)}function qr(e){return e===`today`||e===`yesterday`?`hourly`:`daily`}function Jr({prompt:e,children:t,variant:n=`outlined`,size:r=`regular`,className:i}){let a=f(),o=(0,J.useCallback)(()=>{Wt(a,{prompt:e})},[a,e]);return(0,Y.jsx)(q,{variant:n,size:r,leftIcon:(0,Y.jsx)(b,{}),onClick:o,className:i,children:t})}var Yr={today:`usageTab.rangeToday`,yesterday:`usageTab.rangeYesterday`,"7d":`usageTab.range7d`,"30d":`usageTab.range30d`,"90d":`usageTab.range90d`,all:`usageTab.rangeAll`},Xr={task:`usageTab.groupByTask`,profile:`usageTab.groupByProfile`,model:`usageTab.groupByModel`,provider:`usageTab.groupByProvider`,actor:`usageTab.groupByActor`,conversation:`usageTab.groupByConversation`,schedule:`usageTab.groupBySchedule`};function Zr(e,t){return e(Xr[t])}function Qr(e,t,n){let r=e(t===`hourly`?`usageTab.hourlyTrend`:`usageTab.dailyTrend`);if(!n||n===`conversation`)return r;let i=Zr(e,n);return e(t===`hourly`?`usageTab.hourlyTrendBy`:`usageTab.dailyTrendBy`,{group:i})}var $r=300*1e3,ei=[`Please load the llm-cost-optimizer skill.`,`Analyze my recent LLM usage and explain the biggest cost contributors by call site, model, and profile.`,`Check my current llm.default, llm.callSites, and llm.profiles.`,`Give me a concise summary of what is driving cost and what you would optimize first.`,`Do not change config yet.`].join(` `),ti=[`Please load the llm-cost-optimizer skill.`,`Analyze my recent LLM usage and current LLM config, then recommend the safest cost-optimization changes.`,`If changes are clearly safe, show me the exact config commands you would run and ask for confirmation before applying them.`].join(` `);function ni({assistantId:e}){let{t}=r(`settings`),[n,a]=p(),{range:o,groupBy:s,scheduleId:c}=(0,J.useMemo)(()=>Pr(n),[n]),l=Dt(),u=(0,J.useCallback)(e=>{a(t=>Ir(t,e),{replace:!0})},[a]),d=(0,J.useMemo)(()=>Kr(o,l),[o,l]),f=(0,J.useMemo)(()=>qr(o),[o]),m=i({queryKey:Le({path:{assistant_id:e}}),queryFn:()=>an(e),staleTime:1e4}),h=(0,J.useCallback)(e=>{u({range:e})},[u]),g=i({...At({path:{assistant_id:e},query:vr({from:d.from,to:d.to,scheduleId:c})})}),_=i({queryKey:Gt({path:{assistant_id:e},query:br({from:d.from,to:d.to,groupBy:s,scheduleId:c})}),queryFn:async({signal:t})=>{try{let{data:n}=await ht({path:{assistant_id:e},query:br({from:d.from,to:d.to,groupBy:s,scheduleId:c}),signal:t,throwOnError:!0});return{groupBy:s,response:n}}catch(n){if(!Br(s,n))throw n;let{data:r}=await ht({path:{assistant_id:e},query:br({from:d.from,to:d.to,groupBy:Dr,scheduleId:c}),signal:t,throwOnError:!0});return{groupBy:Dr,response:r}}},retry:Vr}),v=_.data?.groupBy??s;(0,J.useEffect)(()=>{v!==s&&u({groupBy:v,scheduleId:v===`schedule`?void 0:null})},[v,s,u]);let y=zr(v)?v:void 0,b=i({...Ot({path:{assistant_id:e},query:xr({from:d.from,to:d.to,granularity:f,groupBy:y??`actor`,tz:l,scheduleId:c})}),enabled:!!y,retry:Vr}),x=i({...ln({path:{assistant_id:e},query:yr({from:d.from,to:d.to,granularity:f,tz:l,scheduleId:c})}),enabled:!y||b.isError}),S=i({...qe({path:{assistant_id:e}}),enabled:v===`task`,staleTime:1/0}),C=i({...ft({path:{assistant_id:e}}),select:Sn,enabled:v===`profile`,staleTime:$r}),w=(0,J.useMemo)(()=>({callSites:kn(S.data),profiles:C.data??{}}),[S.data,C.data]),T=(0,J.useMemo)(()=>{let e=_.data;if(e)return zn(e.response.breakdown,e.groupBy,w)},[_.data,w]),E=(0,J.useMemo)(()=>{if(!(!y||!b.data))return Kn(b.data.buckets,y,w)},[b.data,y,w]),D=(0,J.useMemo)(()=>{if(x.data)return Gn(x.data.buckets)},[x.data]),O=(0,J.useMemo)(()=>y?b.error?D?{isLoading:!1,error:null,data:D,refetch:x.refetch}:{isLoading:x.isLoading||!D&&!x.error,error:x.error??b.error,data:void 0,refetch:x.error?x.refetch:b.refetch}:{isLoading:b.isLoading,error:b.error,data:E,refetch:b.refetch}:{isLoading:x.isLoading,error:x.error,data:D,refetch:x.refetch},[D,x.error,x.isLoading,x.refetch,E,y,b.error,b.isLoading,b.refetch]),k=Ur({requestedGranularity:f,isLoading:O.isLoading,buckets:O.data}),A=k===`hourly`,j=y&&b.error?void 0:v,M=(0,J.useMemo)(()=>{if(!(v!==`schedule`||!c))return ri(m.data,c,t)},[v,c,m.data,t]);return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[(0,Y.jsx)(`h3`,{className:`text-title-small`,style:{color:`var(--content-default)`},children:t(`usageTab.title`)}),(0,Y.jsx)(`div`,{className:`flex flex-wrap items-center justify-end gap-2`,children:(0,Y.jsx)(ai,{range:o,onChange:h})})]}),(0,Y.jsx)(`section`,{"aria-label":t(`usageTab.totalsAriaLabel`),children:(0,Y.jsx)(si,{query:g,skeleton:(0,Y.jsx)(ui,{}),render:e=>(0,Y.jsx)(ci,{totals:e})})}),(0,Y.jsx)(oi,{title:t(`usageTab.inferenceUsageTitle`),children:(0,Y.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[(0,Y.jsx)(`h4`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:Qr(t,k,j)}),(0,Y.jsx)(`div`,{className:`flex flex-wrap items-center justify-end gap-2`,children:(0,Y.jsx)(di,{value:v,onChange:e=>{u({groupBy:e,scheduleId:e===`schedule`?void 0:null})}})})]}),(0,Y.jsx)(si,{query:O,skeleton:(0,Y.jsx)(fr,{isHourly:A}),render:e=>(0,Y.jsx)(dr,{buckets:e,isHourly:A,legendItems:M})})]})}),(0,Y.jsx)(fi,{query:_,groups:T}),(0,Y.jsx)(ii,{})]})}function ri(e,t,n){let r=e??[];return[...r.some(e=>e.id===t)?[]:[{id:t,label:n(`usageTab.unknownSchedule`,{scheduleId:t})}],...r.map(e=>({id:e.id,label:e.name||e.id}))].map((e,n)=>({seriesKey:Un(e.id,`schedule`),label:e.label,colorIndex:n,state:e.id===t?`active`:`inactive`}))}function ii(){let{t:e}=r(`settings`);return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,Y.jsx)(`div`,{className:`h-px w-full`,style:{background:`linear-gradient(to right, transparent, var(--border-base), transparent)`}}),(0,Y.jsx)(oi,{title:e(`usageTab.costAssistantTitle`),subtitle:e(`usageTab.costAssistantSubtitle`),children:(0,Y.jsxs)(`div`,{className:`flex flex-col gap-2 rounded-md px-3 py-3 sm:flex-row sm:items-center`,children:[(0,Y.jsx)(Jr,{prompt:ei,children:e(`usageTab.analyzeCostsButton`)}),(0,Y.jsx)(Jr,{prompt:ti,variant:`ghost`,children:e(`usageTab.optimizeSettingsButton`)})]})})]})}function ai({range:e,onChange:t}){let{t:n}=r(`settings`);return(0,Y.jsx)(`div`,{className:`flex items-center`,children:(0,Y.jsx)(en,{value:e,onChange:t,options:Object.entries(Yr).map(([e,t])=>({value:e,label:n(t)}))})})}function oi({title:e,subtitle:t,children:n}){return(0,Y.jsxs)(`section`,{className:`flex flex-col gap-3 rounded-md border px-4 py-4`,style:{background:`var(--surface-lift)`,borderColor:`var(--border-base)`},children:[(0,Y.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,Y.jsx)(`h3`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:e}),t?(0,Y.jsx)(`p`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:t}):null]}),n]})}function si({query:e,skeleton:t,render:n}){let{t:i}=r(`settings`);return e.isLoading?(0,Y.jsx)(Y.Fragment,{children:t}):e.error?(0,Y.jsx)(vi,{message:e.error instanceof Error?e.error.message:i(`usageTab.failedToLoadUsage`),onRetry:()=>e.refetch()}):e.data?(0,Y.jsx)(Y.Fragment,{children:n(e.data)}):(0,Y.jsx)(Y.Fragment,{children:t})}function ci({totals:e}){let{t}=r(`settings`);return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-baseline justify-between gap-4`,children:[(0,Y.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,Y.jsx)(`span`,{style:{fontSize:`30px`,fontWeight:600,lineHeight:1,color:`var(--content-default)`},children:jn(e.totalEstimatedCostUsd)}),(0,Y.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-secondary)`},children:t(`usageTab.costLabel`)})]}),(0,Y.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,Y.jsx)(`span`,{className:`text-title-small`,style:{color:`var(--content-default)`},children:An(e.eventCount)}),(0,Y.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-secondary)`},children:t(`usageTab.llmCallsLabel`)})]})]}),(0,Y.jsxs)(`div`,{className:`grid grid-cols-2 gap-3 sm:grid-cols-4`,children:[(0,Y.jsx)(li,{label:t(`usageTab.directInputTokensLabel`),value:An(e.totalInputTokens)}),(0,Y.jsx)(li,{label:t(`usageTab.outputTokensLabel`),value:An(e.totalOutputTokens)}),(0,Y.jsx)(li,{label:t(`usageTab.cacheCreatedLabel`),value:An(e.totalCacheCreationTokens)}),(0,Y.jsx)(li,{label:t(`usageTab.cacheReadLabel`),value:An(e.totalCacheReadTokens)})]})]})}function li({label:e,value:t}){return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-1 rounded-md px-3 py-2`,style:{background:`color-mix(in srgb, var(--border-base) 15%, transparent)`},children:[(0,Y.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-default)`},children:t}),(0,Y.jsx)(`span`,{className:`text-label-medium-default`,style:{color:`var(--content-tertiary)`},children:e})]})}function ui(){return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4`,"aria-hidden":`true`,children:[(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-baseline justify-between gap-4`,children:[(0,Y.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,Y.jsx)(gi,{width:140,height:30}),(0,Y.jsx)(gi,{width:90,height:12})]}),(0,Y.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,Y.jsx)(gi,{width:60,height:16}),(0,Y.jsx)(gi,{width:60,height:12})]})]}),(0,Y.jsx)(`div`,{className:`grid grid-cols-2 gap-3 sm:grid-cols-4`,children:Array.from({length:4}).map((e,t)=>(0,Y.jsxs)(`div`,{className:`flex flex-col gap-1 rounded-md px-3 py-2`,style:{background:`color-mix(in srgb, var(--border-base) 15%, transparent)`},children:[(0,Y.jsx)(gi,{width:`50%`,height:12}),(0,Y.jsx)(gi,{width:`70%`,height:11})]},t))})]})}function di({value:e,onChange:t}){let{t:n}=r(`settings`);return(0,Y.jsx)(`div`,{className:`flex items-center`,children:(0,Y.jsx)(en,{value:e,onChange:t,menuAlign:`end`,menuMinWidth:196,options:Nr.map(e=>({value:e.value,label:Zr(n,e.value)}))})})}function fi({query:e,groups:t}){let{t:n}=r(`settings`),[i,a]=(0,J.useState)(new Set),o=e=>{a(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})};return(0,Y.jsx)(oi,{title:n(`usageTab.breakdownTitle`),children:(0,Y.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,Y.jsx)(pi,{label:n(`usageTab.percentOfTotalLabel`),active:i.has(`pct`),onClick:()=>o(`pct`)}),(0,Y.jsx)(pi,{label:n(`usageTab.tokensLabel`),active:i.has(`tokens`),onClick:()=>o(`tokens`)}),(0,Y.jsx)(pi,{label:n(`usageTab.turnsLabel`),active:i.has(`turns`),onClick:()=>o(`turns`)})]}),(0,Y.jsx)(si,{query:e,skeleton:(0,Y.jsx)(hi,{}),render:e=>(0,Y.jsx)(mi,{groups:t??e.response.breakdown,groupBy:e.groupBy,showPct:i.has(`pct`),showTokens:i.has(`tokens`),showTurns:i.has(`turns`)})})]})})}function pi({label:e,active:t,onClick:n}){return(0,Y.jsx)(`button`,{type:`button`,onClick:n,className:`rounded-full border px-2.5 py-1 text-label-medium-default`,style:{borderColor:t?`var(--content-secondary)`:`var(--border-base)`,background:t?`color-mix(in srgb, var(--content-secondary) 15%, transparent)`:`transparent`,color:t?`var(--content-default)`:`var(--content-tertiary)`},children:e})}function mi({groups:e,groupBy:t,showPct:n,showTokens:i,showTurns:a}){let{t:o}=r(`settings`),s=f();if(e.length===0)return(0,Y.jsx)(_i,{title:o(`usageTab.noBreakdownDataTitle`),subtitle:o(`usageTab.noBreakdownDataSubtitle`)});let c=e.reduce((e,t)=>e+t.totalEstimatedCostUsd,0);return(0,Y.jsx)(`div`,{className:`overflow-hidden rounded-md`,children:(0,Y.jsxs)(`table`,{className:`w-full table-fixed`,children:[(0,Y.jsx)(`thead`,{children:(0,Y.jsxs)(`tr`,{style:{borderBottom:`1px solid var(--border-base)`},children:[(0,Y.jsx)(`th`,{className:`px-3 py-2.5 text-left text-label-medium-default`,style:{color:`var(--content-tertiary)`},children:o(`usageTab.groupColumnLabel`)}),i?(0,Y.jsx)(`th`,{className:`px-3 py-2.5 text-left text-label-medium-default`,style:{color:`var(--content-tertiary)`,width:`35%`},children:o(`usageTab.tokensLabel`)}):null,a?(0,Y.jsx)(`th`,{className:`px-3 py-2.5 text-right text-label-medium-default`,style:{color:`var(--content-tertiary)`,width:`72px`},children:o(`usageTab.turnsLabel`)}):null,n?(0,Y.jsx)(`th`,{className:`px-3 py-2.5 text-right text-label-medium-default`,style:{color:`var(--content-tertiary)`,width:`64px`},children:`%`}):null,(0,Y.jsx)(`th`,{className:`px-3 py-2.5 text-right text-label-medium-default`,style:{color:`var(--content-tertiary)`,width:`100px`},children:o(`usageTab.costLabel`)})]})}),(0,Y.jsx)(`tbody`,{children:e.map((e,r)=>{let o=Cr(e),l=Tr(e),u=t===`conversation`?e.groupId:null,d=c>0?Math.round(e.totalEstimatedCostUsd/c*100):0;return(0,Y.jsxs)(`tr`,{className:u?`cursor-pointer hover:bg-[var(--surface-hover)]`:void 0,onClick:u?e=>{e.target.closest(`a`)||We(s,u)}:void 0,style:{borderTop:r===0?`none`:`1px solid var(--border-base)`},children:[(0,Y.jsx)(`td`,{className:`min-w-0 px-3 py-2`,style:{color:`var(--content-default)`},children:u?(0,Y.jsx)(m,{to:Vt.conversation(u),className:`block truncate text-body-medium-lighter`,title:e.group,onClick:e=>{vn(e)||(e.preventDefault(),We(s,u))},children:e.group}):(0,Y.jsx)(`span`,{className:`block truncate text-body-medium-lighter`,title:e.group,children:e.group})}),i?(0,Y.jsx)(`td`,{className:`min-w-0 px-3 py-2`,style:{color:`var(--content-secondary)`},children:(0,Y.jsx)(`span`,{className:`block truncate text-body-small-default`,title:o,children:l})}):null,a?(0,Y.jsx)(`td`,{className:`whitespace-nowrap px-3 py-2 text-right`,children:(0,Y.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:e.turnCount==null?`—`:e.turnCount.toLocaleString()})}):null,n?(0,Y.jsx)(`td`,{className:`whitespace-nowrap px-3 py-2 text-right`,children:(0,Y.jsxs)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:[d,`%`]})}):null,(0,Y.jsx)(`td`,{className:`whitespace-nowrap px-3 py-2 text-right`,children:(0,Y.jsx)(`span`,{className:`text-body-medium-lighter`,style:{color:`var(--content-default)`},children:jn(e.totalEstimatedCostUsd)})})]},e.groupKey??e.groupId??`${e.group}-${r}`)})})]})})}function hi(){return(0,Y.jsx)(`div`,{className:`flex flex-col gap-2`,"aria-hidden":`true`,children:Array.from({length:4}).map((e,t)=>(0,Y.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,Y.jsx)(gi,{width:100,height:14}),(0,Y.jsx)(gi,{width:`60%`,height:12}),(0,Y.jsx)(gi,{width:50,height:14})]},t))})}function gi({width:e,height:t}){return(0,Y.jsx)(`div`,{className:`rounded-sm`,style:{width:typeof e==`number`?`${e}px`:e,height:`${t}px`,background:`color-mix(in srgb, var(--border-base) 40%, transparent)`}})}function _i({title:e,subtitle:t}){return(0,Y.jsxs)(`div`,{className:`flex flex-col items-center gap-1 py-8 text-center`,children:[(0,Y.jsx)(`span`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:e}),(0,Y.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:t})]})}function vi({message:e,onRetry:t}){let{t:n}=r(`settings`);return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-2 py-2`,children:[(0,Y.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,Y.jsx)(N,{className:`h-4 w-4 shrink-0`,style:{color:`var(--system-negative-strong, #f87171)`}}),(0,Y.jsx)(`span`,{className:`text-body-medium-lighter`,style:{color:`var(--content-default)`},children:e})]}),t?(0,Y.jsx)(`button`,{type:`button`,onClick:t,className:`self-start rounded-md border px-3 py-1 text-body-small-default`,style:{background:`var(--surface-lift)`,borderColor:`var(--border-base)`,color:`var(--content-default)`},children:n(`usageTab.retry`)}):null]})}function yi(){let e=Ut(),t=le();return{reactivateSubscription:()=>t({mutateAsync:()=>e.mutateAsync({}),onSuccess:()=>{U.success(s(`settings:useReactivateSubscription.reactivatedToast`),{id:`subscription-reactivate`})},errorToastId:`subscription-reactivate-error`,errorFallback:()=>s(`settings:useReactivateSubscription.reactivateFailedToast`)}),isPending:e.isPending}}function bi({open:e,onCancel:t,onConfirm:n,confirming:i,lostFeatures:a}){let{t:o}=r(`settings`);return(0,Y.jsx)(K.Root,{open:e,onOpenChange:e=>{!e&&!i&&t()},children:(0,Y.jsxs)(K.Content,{size:`md`,hideCloseButton:!0,children:[(0,Y.jsx)(K.Header,{icon:N,children:(0,Y.jsx)(K.Title,{children:o(`downgradeReconfirmModal.title`)})}),(0,Y.jsxs)(K.Body,{children:[(0,Y.jsx)(W,{as:`p`,variant:`body-medium-default`,className:`text-(--content-secondary)`,children:o(`downgradeReconfirmModal.body`)}),(0,Y.jsx)(`ul`,{className:`mt-4 list-disc space-y-2 pl-5`,children:a.map(e=>(0,Y.jsx)(`li`,{children:(0,Y.jsx)(W,{as:`span`,variant:`body-medium-default`,children:e})},e))})]}),(0,Y.jsxs)(K.Footer,{children:[(0,Y.jsx)(q,{variant:`outlined`,onClick:t,disabled:i,children:o(`downgradeReconfirmModal.keepPro`)}),(0,Y.jsx)(q,{variant:`danger`,onClick:n,disabled:i,"data-testid":`confirm-downgrade-button`,children:o(`downgradeReconfirmModal.confirm`)})]})]})})}function xi(e){return s(`settings:creditBundlePicker.optionLabel`,{label:e.label,price:ne(e.price_cents)})}function Si({creditTiers:e,selectedCreditTier:t,onCreditTierChange:n,disabled:i=!1}){let{t:a}=r(`settings`),o=(0,J.useMemo)(()=>[{value:null,label:a(`creditBundlePicker.noBundleOption`,{price:ne(0)})},...e.map(e=>({value:e.tier,label:xi(e)}))],[e,a]);return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,Y.jsx)(W,{as:`p`,variant:`label-small-default`,className:`text-[var(--content-secondary)]`,children:a(`creditBundlePicker.label`)}),(0,Y.jsx)(`span`,{title:a(`creditBundlePicker.tooltip`),children:(0,Y.jsx)(D,{className:`h-3 w-3 text-[var(--content-tertiary)]`})})]}),(0,Y.jsx)(en,{"aria-label":a(`creditBundlePicker.ariaLabel`),placeholder:a(`creditBundlePicker.placeholder`),disabled:i,value:t,onChange:e=>n(e),onSelectNone:()=>n(null),options:o})]})}function Ci({features:e,variant:t,header:n,maxInline:r=3}){return t===`inline`?(0,Y.jsx)(Y.Fragment,{children:e.slice(0,r).join(`, `)}):(0,Y.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[n&&(0,Y.jsx)(W,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-secondary)]`,children:n}),(0,Y.jsx)(`ul`,{className:`flex flex-col gap-2`,children:e.map(e=>(0,Y.jsxs)(`li`,{className:`flex items-start gap-2`,children:[(0,Y.jsx)(T,{className:`mt-0.5 h-4 w-4 shrink-0 text-[var(--content-tertiary)]`,"aria-hidden":!0}),(0,Y.jsx)(W,{as:`span`,variant:`body-medium-default`,children:e})]},e))})]})}function wi({plan:e,isCurrent:t,onPro:n,planDisplayName:i,currentPlanFeatures:a,cancelAtPeriodEnd:o,isCanceled:s,cancelDate:c,formatGraceDate:l,proTierChangeMode:u,creditTiersEnabled:d,creditTiers:f,displayCreditTier:p,onCreditTierChange:m,selectedMachineTier:h,selectedStorageTier:g,onMachineTierChange:_,onStorageTierChange:v,machineTiersForPicker:y,storageTiersForPicker:b,currentMachinePrice:x,currentStoragePrice:S,currentCreditPriceUnknown:C,proCurrentTotalCents:w,proLiveTotalCents:T,proTotalDelta:E,onboardingLoading:O,tierChangePending:k,machineChanged:A,storageChanged:M,creditChanged:N,tierChangeError:P,upgradePending:F,billingActionPending:I,onUpgrade:L,onApplyTierChange:R,onDowngradeClick:re,onKeepPlan:ie}){let{t:z}=r(`settings`),B=e.id===`pro`,ae=e.id===`base`,oe=B&&n&&o&&!s,se=B&&(!t||t&&u),ce=B&&t&&u,le=B&&t;return(0,Y.jsx)(Rt.Root,{className:`flex flex-col bg-[var(--surface-base)]`,children:(0,Y.jsxs)(Rt.Body,{padding:`lg`,className:`max-sm:p-4`,children:[(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,Y.jsx)(`span`,{"aria-hidden":!0,className:`flex h-9 w-9 items-center justify-center rounded-lg border border-[var(--border-base)] bg-[var(--surface-lift)]`,children:B?(0,Y.jsx)(Cn,{className:`h-5 w-5 text-[var(--content-default)]`}):(0,Y.jsx)(wn,{className:`h-5 w-5 text-[var(--content-default)]`})}),(0,Y.jsxs)(`div`,{className:`flex min-h-6 items-center gap-2`,children:[(0,Y.jsx)(W,{as:`h3`,variant:`title-small`,"data-testid":`modal-plan-name`,children:le?i:e.name}),t&&(0,Y.jsx)(Pt,{tone:`positive`,children:z(`planCardContent.current`)})]}),(0,Y.jsx)(W,{as:`p`,variant:`body-small-default`,className:`-mt-2 text-[var(--content-tertiary)]`,children:z(ae?`planCardContent.baseTagline`:`planCardContent.proTagline`)}),oe&&c&&(0,Y.jsx)(W,{as:`p`,variant:`body-small-default`,className:`text-[var(--system-mid-strong)]`,"data-testid":`modal-cancels-on`,children:z(`planCardContent.planEndsOn`,{date:l(c)})}),(0,Y.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),(0,Y.jsx)(`div`,{className:`flex flex-col gap-1`,children:ae?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(W,{as:`p`,variant:`title-medium`,children:z(`planCardContent.free`)}),(0,Y.jsx)(W,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,children:z(`planCardContent.forever`)})]}):t&&!(se&&T!=null)&&(w==null||C)?O?(0,Y.jsxs)(`div`,{className:`flex items-center gap-2 text-[var(--content-tertiary)]`,children:[(0,Y.jsx)(j,{className:`h-4 w-4 animate-spin`}),(0,Y.jsx)(W,{as:`span`,variant:`body-medium-lighter`,children:z(`planCardContent.loadingPlan`)})]}):(0,Y.jsx)(W,{as:`p`,variant:`body-medium-lighter`,className:`text-[var(--content-tertiary)]`,"data-testid":`modal-pro-price-unavailable`,children:z(`planCardContent.pricingUnavailable`)}):(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,Y.jsx)(W,{as:`p`,variant:`title-medium`,"data-testid":`modal-pro-price`,children:se&&T!=null?(0,Y.jsxs)(Y.Fragment,{children:[ne(T),E!=null&&E!==0&&(0,Y.jsxs)(`span`,{className:`ml-1 text-[var(--content-tertiary)]`,children:[`(`,ee(E),`)`]})]}):w==null?e.id===`pro`?z(`planCardContent.fromPrice`,{price:ne(e.base_price_cents+V(e.machine_tiers)+V(e.storage_tiers))}):null:z(`planCardContent.currentlyPrice`,{price:ne(w)})}),se&&E!=null&&E!==0&&(0,Y.jsx)(`span`,{title:z(`planCardContent.subscriptionChangeTitle`,{from:ne(w),to:ne(T)}),children:(0,Y.jsx)(D,{className:`h-3 w-3 text-[var(--content-tertiary)]`})})]}),e.id===`pro`&&(0,Y.jsx)(W,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,"data-testid":`modal-pro-base-fee`,children:z(`planCardContent.baseFee`,{amount:te(e.base_price_cents)})})]})}),(0,Y.jsx)(Ci,{features:le&&a?a:e.included_features,variant:`checklist`}),B&&!d&&(0,Y.jsx)(W,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,"data-testid":`modal-credits-not-included`,children:z(`planCardContent.creditsNotIncluded`)})]}),(0,Y.jsxs)(`div`,{className:`mt-4 flex flex-1 flex-col justify-end gap-4`,children:[!t&&B&&(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),d&&(0,Y.jsx)(Si,{creditTiers:f,selectedCreditTier:p,onCreditTierChange:m,disabled:F}),(0,Y.jsx)(H,{machineTiers:y,storageTiers:b,selectedMachineTier:h,selectedStorageTier:g,onMachineTierChange:_,onStorageTierChange:v}),(0,Y.jsx)(q,{variant:`primary`,className:`w-full`,onClick:L,disabled:F||!h||!g,"data-testid":`modal-upgrade-to-pro-button`,children:z(`planCardContent.upgradeToPro`)})]}),ce&&(O?(0,Y.jsxs)(`div`,{className:`flex items-center gap-2 text-[var(--content-tertiary)]`,children:[(0,Y.jsx)(j,{className:`h-4 w-4 animate-spin`}),(0,Y.jsx)(W,{as:`span`,variant:`body-medium-lighter`,children:z(`planCardContent.loadingPlan`)})]}):(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),d&&(0,Y.jsx)(Si,{creditTiers:f,selectedCreditTier:p,onCreditTierChange:m,disabled:k}),(0,Y.jsx)(H,{machineTiers:y,storageTiers:b,selectedMachineTier:h,selectedStorageTier:g,onMachineTierChange:_,onStorageTierChange:v,currentMachinePriceCents:x,currentStoragePriceCents:S}),P&&(0,Y.jsx)(G,{tone:`error`,children:P}),(0,Y.jsx)(q,{variant:`primary`,className:`w-full`,onClick:R,disabled:k||!A&&!M&&!N,"data-testid":`modal-change-tier-button`,children:z(`planCardContent.updatePlan`)})]})),!t&&ae&&n&&!o&&(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),(0,Y.jsx)(q,{variant:`outlined`,className:`w-full`,onClick:re,disabled:I,"data-testid":`modal-downgrade-to-base-button`,children:z(`planCardContent.downgradeToBase`)})]}),oe&&(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),(0,Y.jsx)(q,{variant:`outlined`,className:`w-full`,onClick:ie,disabled:I,"data-testid":`modal-keep-plan-button`,children:z(`planCardContent.keepPlan`)})]})]})]})})}function Ti(e){return mn({open:e.open,path:`${Vt.settings.usageBilling}&adjust_plan`,onClose:e.onClose})?null:(0,Y.jsx)(Ei,{...e})}function Ei({open:e,onClose:t,onTierUpgraded:n}){let{t:s}=r(`settings`),c=o(),l=i(Bt()),u=i(Jt()),d=a(Ft()),f=a(on()),p=a(Kt()),m=a(Zt()),h=ce(_e(u.data)),{reactivateSubscription:g,isPending:_}=yi(),{cancelSubscription:v,isPending:y}=oe(),[b,x]=(0,J.useState)(`plans`),[S,C]=(0,J.useState)(!1),[w,T]=(0,J.useState)(null),[E,D]=(0,J.useState)(null),[k,A]=(0,J.useState)(void 0);(0,J.useEffect)(()=>$e(()=>{fe(c),t()}),[c,t]);let M=u.data?.plan_id,P=M===`pro`,F=i({...jt(),enabled:P}),I=F.data?.max_machine_tier??null,L=F.data?.selected_storage_tier??null,R=F.data?.selected_storage_gib??null,ee=u.data?.cancel_at_period_end===!0||!!u.data?.cancel_at,te=u.data?.status===`canceled`,ne=me(u.data),ie=u.data?.status,z=ie!=null&&ve.has(ie),B=P&&z&&!ee&&!te,V=l.data?.plans.find(e=>e.id===`pro`),H=V?.credit_tiers??[],le=H.length>0,ue=u.data?.selected_credit_tier??null,pe=e=>H.find(t=>t.tier===e)?.price_cents??0,ge=pe(ue),ye=ue!=null&&!H.some(e=>e.tier===ue),be=k===void 0?ue:k,xe=pe(be),Se=re(u.data?.package),we=P&&F.isSuccess&&V?ae({machineTier:I,storageTier:L,storageGib:R,creditTier:ue},V):null,Ee=V?.machine_tiers??[],De=B&&R!=null?(V?.storage_tiers??[]).map(e=>e.storage_gib<R?{...e,disabled:!0}:e):V?.storage_tiers??[];(0,J.useEffect)(()=>{if(!e){T(null),D(null),A(void 0);return}if(V){if(B){if(I==null||L==null)return;T(e=>Te(Ee,e??I)),D(e=>Te(De,e??L)),A(e=>Ce(H,e,ue));return}T(e=>Te(V.machine_tiers,e)),D(e=>Te(V.storage_tiers,e)),A(e=>Ce(H,e,null))}},[e,V,B,I,L,ue]);let Oe=l.data?.plans.find(e=>e.id===`base`),ke=new Set(Oe?.included_features??[]),Ae=(V?.included_features??[]).filter(e=>!ke.has(e)),je=()=>{if(!d.isPending){if(!w||!E){U.error(s(`adjustPlanModal.pickTiersError`),{id:`pro-upgrade-error`});return}d.mutate({body:{target_plan_id:`pro`,confirm:!0,machine_tier:w,storage_tier:E,credit_tier:be,return_target:gn()}},{onSuccess:e=>{if(e.checkout_url){It({kind:`custom`,machineTier:w,storageTier:E,creditTier:be}),St(c),Pe(e.checkout_url);return}if(e.status===`no_op`){U.info(s(`adjustPlanModal.alreadyOnPro`),{id:`pro-upgrade`}),t();return}U.error(e.message??s(`adjustPlanModal.upgradeFailed`),{id:`pro-upgrade-error`})},onError:e=>{U.error(he(e,s(`adjustPlanModal.upgradeFailed`)),{id:`pro-upgrade-error`})}})}},Me=async()=>{if(!(y||h.isPending)){if(!de(u.data)){x(`plans`),h.mutate({});return}await v()&&x(`plans`)}},Ne=f.isPending||p.isPending||m.isPending,Fe=w!=null&&w!==I,Ie=E!=null&&E!==L,Le=le&&k!==void 0&&k!==ue,Re=e=>Ee.find(t=>t.tier===e)?.price_cents??null,ze=e=>De.find(t=>t.tier===e)?.price_cents??null,Be=Re(w),Ve=ze(E),He=Re(I),Ue=ze(L),We=Fe&&Be!=null&&He!=null&&Be<He,Ge=()=>{if(Ne)return;let e=[];Fe&&w&&e.push(new Promise(e=>{f.mutate({body:{machine_tier:w}},{onSuccess:()=>e({dimension:`machine`,ok:!0}),onError:t=>e({dimension:`machine`,ok:!1,error:t})})})),Ie&&E&&e.push(new Promise(e=>{p.mutate({body:{storage_tier:E}},{onSuccess:()=>e({dimension:`storage`,ok:!0}),onError:t=>e({dimension:`storage`,ok:!1,error:t})})})),Le&&e.push(new Promise(e=>{m.mutate({body:{credit_tier:be}},{onSuccess:()=>e({dimension:`credit`,ok:!0}),onError:t=>e({dimension:`credit`,ok:!1,error:t})})})),Promise.all(e).then(e=>{fe(c);let r=e.some(e=>e.ok&&e.dimension===`storage`),i=e.some(e=>e.ok&&e.dimension===`machine`)&&!We,a=(r||i)&&!!n,o=e.filter(e=>!e.ok);if(o.length>0){let e=o.map(e=>he(e.error,`Failed to update ${e.dimension} tier.`)).join(` `);U.error(e,{id:`pro-tier-change-error`}),a&&(t(),n());return}a?(t(),n()):U.success(s(Le&&!Fe&&!Ie?`adjustPlanModal.creditBundleUpdated`:`adjustPlanModal.planUpdated`),{id:`pro-tier-change`})})},Ke=()=>{if(!Ne){if(We){C(!0);return}Ge()}},qe=()=>{C(!1),Ge()},Je=e=>Be!=null&&Ve!=null?e.base_price_cents+Be+Ve+xe:null,Ye=e=>He!=null&&Ue!=null?e.base_price_cents+He+Ue+ge:null,Xe=f.isError||p.isError||m.isError?he(f.error??p.error??m.error,s(`adjustPlanModal.updateFailed`)):null,Ze=l.isLoading||u.isLoading,Qe=l.isError||u.isError||!l.data||!u.data;return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(K.Root,{open:e,onOpenChange:e=>{e||(x(`plans`),t())},children:(0,Y.jsx)(K.Content,{size:b===`plans`?`lg`:`md`,children:b===`downgrade-confirm`?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(K.Header,{icon:N,children:(0,Y.jsx)(K.Title,{children:s(`adjustPlanModal.downgradeTitle`)})}),(0,Y.jsxs)(K.Body,{children:[(0,Y.jsx)(W,{as:`p`,variant:`body-medium-default`,className:`text-(--content-secondary)`,children:s(`adjustPlanModal.downgradeIntro`)}),(0,Y.jsx)(`ul`,{className:`mt-4 list-disc space-y-2 pl-5`,children:Ae.map(e=>(0,Y.jsx)(`li`,{children:(0,Y.jsx)(W,{as:`span`,variant:`body-medium-default`,children:e})},e))})]}),(0,Y.jsxs)(K.Footer,{children:[(0,Y.jsx)(q,{variant:`ghost`,onClick:()=>x(`plans`),disabled:y||h.isPending,leftIcon:(0,Y.jsx)(O,{className:`h-4 w-4`}),children:s(`adjustPlanModal.back`)}),(0,Y.jsx)(q,{variant:`danger`,onClick:()=>void Me(),disabled:y||h.isPending,"data-testid":`confirm-downgrade-button`,children:s(`adjustPlanModal.confirmDowngrade`)})]})]}):(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(K.Header,{children:(0,Y.jsx)(K.Title,{className:`sr-only`,children:s(`adjustPlanModal.upgradePlanTitle`)})}),(0,Y.jsx)(K.Body,{children:Ze?(0,Y.jsxs)(`div`,{className:`flex items-center gap-2 text-body-medium-lighter text-[var(--content-tertiary)]`,children:[(0,Y.jsx)(j,{className:`h-4 w-4 animate-spin`}),(0,Y.jsx)(W,{as:`span`,variant:`body-medium-lighter`,children:s(`adjustPlanModal.loadingPlans`)})]}):Qe?(0,Y.jsx)(G,{tone:`error`,children:s(`adjustPlanModal.loadPlansError`)}):(0,Y.jsxs)(`div`,{className:`space-y-4 sm:space-y-6`,children:[(0,Y.jsxs)(`div`,{className:`space-y-2 pb-2 pt-4 text-center`,children:[(0,Y.jsx)(W,{as:`p`,variant:`title-medium`,children:s(`adjustPlanModal.heroTitle`)}),(0,Y.jsx)(W,{as:`p`,variant:`body-medium-lighter`,className:`text-[var(--content-secondary)]`,children:s(`adjustPlanModal.heroSubtitle`)})]}),(0,Y.jsx)(`div`,{className:`grid grid-cols-1 gap-4 md:grid-cols-2`,children:l.data.plans.map(e=>{let t=e.id===M,n=e.id===`pro`&&V?Je(V):null,r=e.id===`pro`&&V?Ye(V):null;return(0,Y.jsx)(wi,{plan:e,isCurrent:t,onPro:P,planDisplayName:Se,currentPlanFeatures:we,cancelAtPeriodEnd:ee,isCanceled:te,cancelDate:ne,formatGraceDate:se,proTierChangeMode:B,creditTiersEnabled:le,creditTiers:H,displayCreditTier:be,onCreditTierChange:A,selectedMachineTier:w,selectedStorageTier:E,onMachineTierChange:T,onStorageTierChange:D,machineTiersForPicker:Ee,storageTiersForPicker:De,currentMachinePrice:He,currentStoragePrice:Ue,currentCreditPriceUnknown:ye,proCurrentTotalCents:r,proLiveTotalCents:n,proTotalDelta:n!=null&&r!=null?n-r:null,onboardingLoading:F.isLoading,tierChangePending:Ne,machineChanged:Fe,storageChanged:Ie,creditChanged:Le,tierChangeError:Xe,upgradePending:d.isPending,billingActionPending:h.isPending||_,onUpgrade:je,onApplyTierChange:Ke,onDowngradeClick:()=>x(`downgrade-confirm`),onKeepPlan:()=>{if(!de(u.data)){h.mutate({});return}g()}},e.id)})})]})}),(0,Y.jsxs)(K.Footer,{className:`relative items-center`,children:[(0,Y.jsx)(W,{as:`p`,variant:`body-small-default`,className:`pointer-events-none absolute inset-x-0 text-center text-[var(--content-tertiary)]`,children:(0,Y.jsx)(`span`,{className:`pointer-events-auto`,children:s(`adjustPlanModal.footerNote`)})}),(0,Y.jsx)(`div`,{className:`ml-auto`,children:(0,Y.jsx)(q,{variant:`outlined`,onClick:t,"data-testid":`modal-cancel-button`,children:s(`adjustPlanModal.cancel`)})})]})]})})}),(0,Y.jsx)(bi,{open:S,onCancel:()=>C(!1),onConfirm:qe,confirming:Ne,lostFeatures:[s(`adjustPlanModal.machineDowngradeFeature`)]})]})}function Di({open:e,confirming:t,onCancel:n,onConfirm:i}){let{t:a}=r(`settings`);return(0,Y.jsx)(Je,{open:e,title:a(`autoTopUpDisableConfirm.title`),message:a(`autoTopUpDisableConfirm.message`),confirmLabel:a(t?`autoTopUpDisableConfirm.disabling`:`autoTopUpDisableConfirm.disable`),cancelLabel:a(`autoTopUpDisableConfirm.keepEnabled`),destructive:!0,onConfirm:i,onCancel:n})}var Oi={threshold_usd:`100`,amount_usd:`10`,monthly_cap_usd:``};function ki(e){if(e===``||e===`-`)return e;let t=parseFloat(e);return Number.isFinite(t)?String(Math.trunc(t)):``}function Ai(e){let t={},n=parseFloat(e.threshold_usd),r=parseFloat(e.amount_usd);if((!Number.isFinite(r)||r<10||r>500)&&(t.amount_usd=`Must be between $10 and $500`),(!Number.isFinite(n)||n<1||n>100)&&(t.threshold_usd=`Must be between $1 and $100`),e.monthly_cap_usd!==``){let n=parseFloat(e.monthly_cap_usd);!Number.isFinite(n)||n<25||n>1e4?t.monthly_cap_usd=`Must be between $25 and $10,000`:Number.isFinite(r)&&n<r&&(t.monthly_cap_usd=`Must be at least the top-up amount`)}return t}function ji(e,t,n,r){if(n[e])return n[e];if(r)return t[e]}function Mi({initialValues:e=Oi,submitting:t,serverErrors:n,onSave:i,onCancel:a}){let{t:o}=r(`settings`),[s,c]=(0,J.useState)(e),[l,u]=(0,J.useState)({threshold_usd:!1,amount_usd:!1,monthly_cap_usd:!1}),d=Ai(s),f=e=>t=>{c(n=>({...n,[e]:t.target.value}))},p=e=>()=>{u(t=>({...t,[e]:!0})),c(t=>({...t,[e]:ki(t[e])}))},m=e=>ji(e,d,n,l[e]);return(0,Y.jsx)(`div`,{className:`mt-4`,children:(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-start gap-2`,children:[(0,Y.jsx)(`div`,{className:`w-full max-w-full sm:w-[200px]`,children:(0,Y.jsx)(qt,{type:`number`,step:`1`,label:o(`autoTopUpForm.thresholdLabel`),value:s.threshold_usd,onChange:f(`threshold_usd`),onBlur:p(`threshold_usd`),errorText:m(`threshold_usd`),"data-testid":`auto-top-up-threshold-input`,fullWidth:!0})}),(0,Y.jsx)(`div`,{className:`w-full max-w-full sm:w-[200px]`,children:(0,Y.jsx)(qt,{type:`number`,step:`1`,label:o(`autoTopUpForm.amountLabel`),value:s.amount_usd,onChange:f(`amount_usd`),onBlur:p(`amount_usd`),errorText:m(`amount_usd`),"data-testid":`auto-top-up-amount-input`,fullWidth:!0})}),(0,Y.jsx)(`div`,{className:`w-full max-w-full sm:w-[200px]`,children:(0,Y.jsx)(qt,{type:`number`,step:`1`,label:o(`autoTopUpForm.capLabel`),value:s.monthly_cap_usd,onChange:f(`monthly_cap_usd`),onBlur:p(`monthly_cap_usd`),errorText:m(`monthly_cap_usd`),"data-testid":`auto-top-up-cap-input`,fullWidth:!0})}),(0,Y.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2 pt-[18px]`,children:[(0,Y.jsx)(q,{variant:`outlined`,onClick:a,disabled:t,children:o(`autoTopUpForm.cancel`)}),(0,Y.jsx)(q,{variant:`primary`,onClick:()=>{u({threshold_usd:!0,amount_usd:!0,monthly_cap_usd:!0});let e={threshold_usd:ki(s.threshold_usd),amount_usd:ki(s.amount_usd),monthly_cap_usd:ki(s.monthly_cap_usd)};c(e);let t=Ai(e);if(Object.keys(t).length!==0)return;let n=e=>e===``?``:`${parseInt(e,10)}.00`;i({threshold_usd:n(e.threshold_usd),amount_usd:n(e.amount_usd),monthly_cap_usd:e.monthly_cap_usd===``?``:n(e.monthly_cap_usd)})},disabled:t,"data-testid":`auto-top-up-save-button`,children:o(`autoTopUpForm.save`)})]})]})})}var Ni=t(((e,t)=>{t.exports=`SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED`})),Pi=t(((e,t)=>{var n=Ni();function r(){}function i(){}i.resetWarningCache=r,t.exports=function(){function e(e,t,r,i,a,o){if(o!==n){var s=Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name=`Invariant Violation`,s}}e.isRequired=e;function t(){return e}var a={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:r};return a.PropTypes=a,a}})),X=e(t(((e,t)=>{t.exports=Pi()()}))(),1);function Fi(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function Ii(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?Fi(Object(n),!0).forEach(function(t){Ri(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Fi(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function Li(e){"@babel/helpers - typeof";return Li=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},Li(e)}function Ri(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function zi(e,t){if(e==null)return{};var n={},r=Object.keys(e),i,a;for(a=0;a<r.length;a++)i=r[a],!(t.indexOf(i)>=0)&&(n[i]=e[i]);return n}function Bi(e,t){if(e==null)return{};var n=zi(e,t),r,i;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i<a.length;i++)r=a[i],!(t.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}function Vi(e,t){return Hi(e)||Ui(e,t)||Wi(e,t)||Ki()}function Hi(e){if(Array.isArray(e))return e}function Ui(e,t){var n=e&&(typeof Symbol<`u`&&e[Symbol.iterator]||e[`@@iterator`]);if(n!=null){var r=[],i=!0,a=!1,o,s;try{for(n=n.call(e);!(i=(o=n.next()).done)&&(r.push(o.value),!(t&&r.length===t));i=!0);}catch(e){a=!0,s=e}finally{try{!i&&n.return!=null&&n.return()}finally{if(a)throw s}}return r}}function Wi(e,t){if(e){if(typeof e==`string`)return Gi(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if(n===`Object`&&e.constructor&&(n=e.constructor.name),n===`Map`||n===`Set`)return Array.from(e);if(n===`Arguments`||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Gi(e,t)}}function Gi(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function Ki(){throw TypeError(`Invalid attempt to destructure non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var Z=function(e,t,n){var r=!!n,i=J.useRef(n);J.useEffect(function(){i.current=n},[n]),J.useEffect(function(){if(!r||!e)return function(){};var n=function(){i.current&&i.current.apply(i,arguments)};return e.on(t,n),function(){e.off(t,n)}},[r,t,e,i])},qi=function(e){var t=J.useRef(e);return J.useEffect(function(){t.current=e},[e]),t.current},Ji=function(e){return e!==null&&Li(e)===`object`},Yi=function(e){return Ji(e)&&typeof e.then==`function`},Xi=function(e){return Ji(e)&&typeof e.elements==`function`&&typeof e.createToken==`function`&&typeof e.createPaymentMethod==`function`&&typeof e.confirmCardPayment==`function`},Zi=`[object Object]`,Qi=function e(t,n){if(!Ji(t)||!Ji(n))return t===n;var r=Array.isArray(t);if(r!==Array.isArray(n))return!1;var i=Object.prototype.toString.call(t)===Zi;if(i!==(Object.prototype.toString.call(n)===Zi))return!1;if(!i&&!r)return t===n;var a=Object.keys(t),o=Object.keys(n);if(a.length!==o.length)return!1;for(var s={},c=0;c<a.length;c+=1)s[a[c]]=!0;for(var l=0;l<o.length;l+=1)s[o[l]]=!0;var u=Object.keys(s);if(u.length!==a.length)return!1;var d=t,f=n;return u.every(function(t){return e(d[t],f[t])})},$i=function(e,t,n){return Ji(e)?Object.keys(e).reduce(function(r,i){var a=!Ji(t)||!Qi(e[i],t[i]);return n.includes(i)?(a&&console.warn(`Unsupported prop change: options.${i} is not a mutable property.`),r):a?Ii(Ii({},r||{}),{},Ri({},i,e[i])):r},null):null},ea="Invalid prop `stripe` supplied to `Elements`. We recommend using the `loadStripe` utility from `@stripe/stripe-js`. See https://stripe.com/docs/stripe-js/react#elements-props-stripe for details.",ta=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:ea;if(e===null||Xi(e))return e;throw Error(t)},na=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:ea;if(Yi(e))return{tag:`async`,stripePromise:Promise.resolve(e).then(function(e){return ta(e,t)})};var n=ta(e,t);return n===null?{tag:`empty`}:{tag:`sync`,stripe:n}},ra=function(e){!e||!e._registerWrapper||!e.registerAppInfo||(e._registerWrapper({name:`react-stripe-js`,version:`6.4.0`}),e.registerAppInfo({name:`react-stripe-js`,version:`6.4.0`,url:`https://stripe.com/docs/stripe-js/react`}))},ia=J.createContext(null);ia.displayName=`ElementsContext`;var aa=function(e,t){if(!e)throw Error(`Could not find Elements context; You need to wrap the part of your app that ${t} in an <Elements> provider.`);return e},oa=function(e){var t=e.stripe,n=e.options,r=e.children,i=J.useMemo(function(){return na(t)},[t]),a=Vi(J.useState(function(){return{stripe:i.tag===`sync`?i.stripe:null,elements:i.tag===`sync`?i.stripe.elements(n):null}}),2),o=a[0],s=a[1];J.useEffect(function(){var e=!0,t=function(e){s(function(t){return t.stripe?t:{stripe:e,elements:e.elements(n)}})};return i.tag===`async`&&!o.stripe?i.stripePromise.then(function(n){n&&e&&t(n)}):i.tag===`sync`&&!o.stripe&&t(i.stripe),function(){e=!1}},[i,o,n]);var c=qi(t);J.useEffect(function(){c!==null&&c!==t&&console.warn("Unsupported prop change on Elements: You cannot change the `stripe` prop after setting it.")},[c,t]);var l=qi(n);return J.useEffect(function(){if(o.elements){var e=$i(n,l,[`clientSecret`,`fonts`]);e&&o.elements.update(e)}},[n,l,o.elements]),J.useEffect(function(){ra(o.stripe)},[o.stripe]),J.createElement(ia.Provider,{value:o},r)};oa.propTypes={stripe:X.default.any,options:X.default.object};var sa=function(e){return aa(J.useContext(ia),e)},ca=function(e){var t=e.children;return t(sa(`mounts <ElementsConsumer>`))};ca.propTypes={children:X.default.func.isRequired};var la=J.createContext(null);la.displayName=`CheckoutContext`;var ua=function(e){var t=J.useContext(la),n=J.useContext(ia);if(t){if(n)throw Error(`You cannot wrap the part of your app that ${e} in both a checkout provider and <Elements> provider.`);return t}else return aa(n,e)},da=[`mode`],fa=function(e){return e.charAt(0).toUpperCase()+e.slice(1)},Q=function(e,t,n){var r=`${fa(e)}Element`,i=t?function(e){ua(`mounts <${r}>`);var t=e.id,n=e.className;return J.createElement(`div`,{id:t,className:n})}:function(t){var n=t.id,i=t.className,a=t.options,o=a===void 0?{}:a,s=t.onBlur,c=t.onFocus,l=t.onReady,u=t.onChange,d=t.onEscape,f=t.onClick,p=t.onLoadError,m=t.onLoaderStart,h=t.onNetworksChange,g=t.onConfirm,_=t.onCancel,v=t.onShippingAddressChange,y=t.onShippingRateChange,b=t.onSavedPaymentMethodRemove,x=t.onSavedPaymentMethodUpdate,S=t.onAvailablePaymentMethodsChange,C=ua(`mounts <${r}>`),w=`elements`in C?C.elements:null,T=`checkoutState`in C?C.checkoutState:null,E=T?.type===`success`||T?.type===`loading`?T.sdk:null,D=Vi(J.useState(null),2),O=D[0],k=D[1],A=J.useRef(null),j=J.useRef(null);Z(O,`blur`,s),Z(O,`focus`,c),Z(O,`escape`,d),Z(O,`click`,f),Z(O,`loaderror`,p),Z(O,`loaderstart`,m),Z(O,`networkschange`,h),Z(O,`confirm`,g),Z(O,`cancel`,_),Z(O,`shippingaddresschange`,v),Z(O,`shippingratechange`,y),Z(O,`savedpaymentmethodremove`,b),Z(O,`savedpaymentmethodupdate`,x),Z(O,`availablepaymentmethodschange`,S),Z(O,`change`,u);var M;l&&(M=e===`expressCheckout`?l:function(){l(O)}),Z(O,`ready`,M),J.useLayoutEffect(function(){if(A.current===null&&j.current!==null&&(w||E)){var t=null;if(E){var n=E,i=E;switch(e){case`paymentForm`:t=i.createForm(o);break;case`payment`:t=n.createPaymentElement(o);break;case`address`:if(`mode`in o){var a=o.mode,s=Bi(o,da);if(a===`shipping`)t=n.createShippingAddressElement(s);else if(a===`billing`)t=n.createBillingAddressElement(s);else throw Error(`Invalid options.mode. mode must be 'billing' or 'shipping'.`)}else throw Error(`You must supply options.mode. mode must be 'billing' or 'shipping'.`);break;case`expressCheckout`:t=n.createExpressCheckoutElement(o);break;case`currencySelector`:t=E.createCurrencySelectorElement();break;case`taxId`:t=n.createTaxIdElement(o);break;case`contactDetails`:t=n.createContactDetailsElement();break;default:throw Error(`<${r}> is not supported inside a checkout provider. Use an <Elements> provider instead.`)}}else w&&(t=w.create(e,o));A.current=t,k(t),t&&t.mount(j.current)}},[w,E,o]);var N=qi(o);return J.useEffect(function(){if(A.current){var e=$i(o,N,[`paymentRequest`]);e&&`update`in A.current&&A.current.update(e)}},[o,N]),J.useLayoutEffect(function(){return function(){if(A.current&&typeof A.current.destroy==`function`)try{A.current.destroy(),A.current=null}catch{}}},[]),J.createElement(`div`,{id:n,className:i,ref:j})};return i.propTypes={id:X.default.string,className:X.default.string,onChange:X.default.func,onBlur:X.default.func,onFocus:X.default.func,onReady:X.default.func,onEscape:X.default.func,onClick:X.default.func,onLoadError:X.default.func,onLoaderStart:X.default.func,onNetworksChange:X.default.func,onConfirm:X.default.func,onCancel:X.default.func,onShippingAddressChange:X.default.func,onShippingRateChange:X.default.func,onSavedPaymentMethodRemove:X.default.func,onSavedPaymentMethodUpdate:X.default.func,onAvailablePaymentMethodsChange:X.default.func,options:X.default.object},i.displayName=r,i.__elementType=e,i},$=typeof window>`u`,pa=J.createContext(null);pa.displayName=`EmbeddedCheckoutProviderContext`,Q(`auBankAccount`,$),Q(`card`,$),Q(`cardNumber`,$),Q(`cardExpiry`,$),Q(`cardCvc`,$),Q(`iban`,$),Q(`payment`,$),Q(`expressCheckout`,$),Q(`paymentRequestButton`,$),Q(`linkAuthentication`,$),Q(`contactDetails`,$),Q(`address`,$),Q(`shippingAddress`,$),Q(`paymentMethodMessaging`,$),Q(`taxId`,$),Q(`issuingCardNumberDisplay`,$),Q(`issuingCardCvcDisplay`,$),Q(`issuingCardExpiryDisplay`,$),Q(`issuingCardPinDisplay`,$),Q(`issuingCardCopyButton`,$);var ma=`dahlia`,ha=`https://js.stripe.com`,ga=`${ha}/${ma}/stripe.js`,_a=/^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/,va=/^https:\/\/js\.stripe\.com\/(v3|[a-z]+)\/stripe\.js(\?.*)?$/,ya=`loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used`,ba=function(e){return _a.test(e)||va.test(e)},xa=function(){for(var e=document.querySelectorAll(`script[src^="${ha}"]`),t=0;t<e.length;t++){var n=e[t];if(ba(n.src))return n}return null},Sa=function(e){var t=e&&!e.advancedFraudSignals?`?advancedFraudSignals=false`:``,n=document.createElement(`script`);n.src=`${ga}${t}`;var r=document.head||document.body;if(!r)throw Error(`Expected document.body not to be null. Stripe.js requires a <body> element.`);return r.appendChild(n),n},Ca=null,wa=null,Ta=null,Ea=function(e){return function(t){e(Error(`Failed to load Stripe.js`,{cause:t}))}},Da=function(e,t){return function(){window.Stripe?e(window.Stripe):t(Error(`Stripe.js not available`))}},Oa=function(e){return Ca===null?(Ca=new Promise(function(t,n){if(typeof window>`u`||typeof document>`u`){t(null);return}if(window.Stripe&&e&&console.warn(ya),window.Stripe){t(window.Stripe);return}try{var r=xa();if(r&&e)console.warn(ya);else if(!r)r=Sa(e);else if(r&&Ta!==null&&wa!==null){var i;r.removeEventListener(`load`,Ta),r.removeEventListener(`error`,wa),(i=r.parentNode)==null||i.removeChild(r),r=Sa(e)}Ta=Da(t,n),wa=Ea(n),r.addEventListener(`load`,Ta),r.addEventListener(`error`,wa)}catch(e){n(e);return}}),Ca.catch(function(e){return Ca=null,Promise.reject(e)})):Ca},ka,Aa=!1,ja=function(){return ka||(ka=Oa(null).catch(function(e){return ka=null,Promise.reject(e)}),ka)};Promise.resolve().then(function(){return ja()}).catch(function(e){Aa||console.warn(e)});function Ma(){return typeof document<`u`&&document.documentElement.classList.contains(`dark`)?{theme:`night`}:{theme:`stripe`}}function Na(e){return mn({open:e.open,path:Vt.settings.usageBilling,onClose:e.onClose})?null:(0,Y.jsx)(Pa,{...e})}function Pa({open:e,onClose:t,onSavedOptimistic:n}){let{t:i}=r(`settings`),o=a(Me()),{mutate:s,reset:c}=o;return(0,J.useEffect)(()=>{e||c()},[e,s,c]),(0,J.useMemo)(()=>Ma(),[o.data?.client_secret??null]),(0,Y.jsx)(K.Root,{open:e,onOpenChange:e=>{e||t()},children:(0,Y.jsxs)(K.Content,{size:`sm`,children:[(0,Y.jsx)(K.Header,{children:(0,Y.jsx)(K.Title,{children:i(`autoTopUpPaymentMethodModal.title`)})}),(0,Y.jsx)(K.Body,{className:`min-h-[260px]`,children:(0,Y.jsx)(Fa,{})})]})})}function Fa(){let{t:e}=r(`settings`);return(0,J.useEffect)(()=>{console.warn(`[AutoTopUpPaymentMethodModal] VITE_STRIPE_PUBLISHABLE_KEY is not set; the payment-method modal cannot mount Stripe Elements.`)},[]),(0,Y.jsx)(G,{tone:`error`,children:e(`autoTopUpPaymentMethodModal.unavailable`)})}var Ia=1500,La=2e4;function Ra(){let e=o();return async()=>{let t=Qe(),r=e.getQueryData(t)?.stripe_payment_method_updated_at??null;await e.cancelQueries({queryKey:t});let i=()=>{let n=e.getQueryData(t);n!=null&&!n.has_payment_method&&nt(e,void 0,{...n,has_payment_method:!0})};i();let a=e.getQueryCache().subscribe(e=>{e.type===`updated`&&e.query.queryHash===n(t)&&i()});try{let t=Date.now();for(;Date.now()-t<La;){try{let{data:t}=await Ze();if(t!=null&&t.has_payment_method&&t.stripe_payment_method_updated_at!==r){nt(e,void 0,t);return}}catch{}await new Promise(e=>setTimeout(e,Ia))}}finally{a()}}}function za(){let e=o(),t=Ra(),{mutateAsync:n}=a(et());return async({setupIntentId:r})=>{if(r!=null)try{let t=await n({body:{setup_intent_id:r}});await e.cancelQueries({queryKey:Qe()}),nt(e,void 0,t);return}catch{}await t()}}function Ba(e){if(!e||typeof e!=`object`||Array.isArray(e))return{};let t={};for(let[n,r]of Object.entries(e))Array.isArray(r)&&typeof r[0]==`string`&&(t[n]=r[0]);return t}function Va(e){if(!e)return``;let t=parseFloat(e);return Number.isFinite(t)?String(Math.trunc(t)):``}var Ha={enabled:!1,threshold_usd:null,amount_usd:null,monthly_cap_usd:null,has_payment_method:!1,payment_method_brand:null,payment_method_last4:null,stripe_payment_method_updated_at:null,last_charge_at:null,last_failure_at:null,last_failure_reason:null,disabled_due_to_repeated_failures:!1,paused_until:null,current_month_credits_purchased_usd:`0.00`,current_month_charged_usd:`0.00`,next_trigger_amount_usd:null,stubbed:!1};function Ua({testId:e,children:t}){return(0,Y.jsx)(`div`,{"data-testid":e,className:`flex h-8 min-w-0 flex-1 items-center gap-1.5 rounded-lg bg-[var(--surface-base)] px-2`,children:t})}function Wa(){let{t:e}=r(`settings`),t=o(),n=st(),i=a(ze()),s=a(Ne()),c=za(),l=ut(),[u,d]=p(),f=(0,J.useRef)(null),[m,h]=(0,J.useState)(`view`),[g,_]=(0,J.useState)(!1),[v,y]=(0,J.useState)(!1),[b,x]=(0,J.useState)(!1),[S,T]=(0,J.useState)(!1),[E,O]=(0,J.useState)(!1),k=(0,J.useRef)(!1),A=n.data?.has_payment_method===!0;(0,J.useEffect)(()=>{k.current&&!A&&(x(!1),h(`view`),_(!1)),k.current=A},[A]);let j=()=>{if(l){hn(Vt.settings.usageBillingConfigureTopUps);return}i.reset(),s.reset(),h(`form`)},M=e=>{if(l){hn(Vt.settings.usageBillingConfigureTopUps);return}if(_(!0),!e.has_payment_method||e.disabled_due_to_repeated_failures===!0){x(!0),T(!1);return}x(!1),j()},N=n.data?.has_payment_method===!0,P=n.data?.enabled===!0,F=n.data?.disabled_due_to_repeated_failures===!0;(0,J.useEffect)(()=>{b&&N&&!F&&(x(!1),g&&!P&&j())},[b,g,N,P,F]);let I=u.get(`configure_top_up`)===`1`;if((0,J.useEffect)(()=>{if(!I||n.data==null)return;let e=new URLSearchParams(u);e.delete(`configure_top_up`),d(e,{replace:!0});let t=n.data;t.enabled===!0?j():M(t);let r=typeof window<`u`&&window.matchMedia?.(`(prefers-reduced-motion: reduce)`).matches===!0;f.current?.scrollIntoView({behavior:r?`auto`:`smooth`,block:`center`})},[I,n.data]),n.isPending)return(0,Y.jsx)(`div`,{"data-testid":`auto-top-up-card`,children:(0,Y.jsx)(`p`,{className:`text-body-medium-lighter text-[var(--content-tertiary)]`,children:e(`autoTopUpCard.loading`)})});if(n.isError||!n.data)return(0,Y.jsx)(`div`,{"data-testid":`auto-top-up-card`,children:(0,Y.jsx)(G,{tone:`error`,children:e(`autoTopUpCard.loadError`)})});let L=n.data,R=L.enabled===!0,ee=L.disabled_due_to_repeated_failures===!0&&!R,te=()=>{h(`view`),_(!1)},ne=()=>{s.reset(),y(!1)},re=e=>{i.mutate({body:{enabled:!0,threshold_usd:e.threshold_usd,amount_usd:e.amount_usd,monthly_cap_usd:e.monthly_cap_usd===``?null:e.monthly_cap_usd}},{onSuccess:e=>{nt(t,void 0,t=>({...e,payment_method_brand:t?.payment_method_brand??null,payment_method_last4:t?.payment_method_last4??null})),t.invalidateQueries({queryKey:Qe()}),R||(t.invalidateQueries({queryKey:rt()}),t.invalidateQueries({queryKey:un()})),te()}})},ie=()=>{s.mutate({},{onSuccess:()=>{nt(t,void 0,e=>({...Ha,has_payment_method:e?.has_payment_method??!1,payment_method_brand:e?.payment_method_brand??null,payment_method_last4:e?.payment_method_last4??null,stripe_payment_method_updated_at:e?.stripe_payment_method_updated_at??null})),y(!1),h(`view`),_(!1)}})},z=e=>{if(e&&!R){M(L);return}if(!e&&!R&&g){x(!1),te();return}!e&&R&&y(!0)},B=async e=>{await c(e),x(!1),g&&j()},ae=m===`form`,V=Ba(i.error),oe=i.isError&&Object.keys(V).length===0,H=R||g;return(0,Y.jsxs)(`div`,{ref:f,"data-testid":`auto-top-up-card`,children:[(0,Y.jsx)(`div`,{className:`flex items-center justify-between gap-4`,children:(0,Y.jsx)(Et,{checked:H,onChange:z,label:e(`autoTopUpCard.toggleLabel`),helperText:H?e(`autoTopUpCard.toggleHelper`):void 0})}),R&&!ae&&(0,Y.jsxs)(`div`,{className:`mt-3 flex w-full items-center gap-2`,children:[(0,Y.jsxs)(Ua,{testId:`auto-top-up-summary`,children:[(0,Y.jsx)(C,{className:`h-3.5 w-3.5 shrink-0 text-[var(--content-default)]`,"aria-hidden":`true`}),(0,Y.jsx)(W,{variant:`body-medium-default`,className:`truncate text-[var(--content-default)]`,children:e(`autoTopUpCard.summary`,{amount:Re(L.amount_usd),threshold:Re(L.threshold_usd)})})]}),L.monthly_cap_usd!=null&&(0,Y.jsx)(Ua,{testId:`auto-top-up-cap-progress`,children:(0,Y.jsxs)(W,{variant:`body-medium-default`,className:`truncate text-[var(--content-default)]`,children:[(0,Y.jsx)(`span`,{children:Re(L.current_month_credits_purchased_usd)}),(0,Y.jsx)(`span`,{className:`text-[var(--content-tertiary)]`,children:e(`autoTopUpCard.capProgress`,{cap:Re(L.monthly_cap_usd)})})]})}),(0,Y.jsx)(q,{variant:`outlined`,onClick:j,"data-testid":`auto-top-up-edit-button`,className:`shrink-0`,children:e(`autoTopUpCard.adjust`)})]}),ee&&(0,Y.jsx)(G,{tone:`warning`,className:`mt-3`,"data-testid":`auto-top-up-declined-cutoff`,actions:(0,Y.jsx)(q,{variant:`outlined`,onClick:()=>O(!0),"data-testid":`auto-top-up-add-pm-button`,children:e(`autoTopUpCard.addPaymentMethod`)}),children:e(`autoTopUpCard.declinedCutoffNotice`)}),(0,Y.jsx)(`div`,{className:`grid transition-[grid-template-rows] duration-200 ease-in-out`,style:{gridTemplateRows:b&&!ee?`1fr`:`0fr`},children:(0,Y.jsx)(`div`,{className:`overflow-hidden`,children:(0,Y.jsxs)(`div`,{className:`mt-3 flex flex-col gap-3`,children:[!S&&(0,Y.jsxs)(`div`,{className:`flex h-8 items-center justify-between gap-3 rounded-lg bg-[var(--system-mid-weak)] px-2`,children:[(0,Y.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,Y.jsx)(D,{className:`h-4 w-4 shrink-0 text-[var(--system-mid-strong)]`,"aria-hidden":`true`}),(0,Y.jsx)(W,{variant:`body-medium-default`,className:`truncate text-[var(--system-mid-strong)]`,children:e(`autoTopUpCard.connectCardBanner`)})]}),(0,Y.jsx)(`button`,{type:`button`,"aria-label":e(`autoTopUpCard.dismiss`),onClick:()=>T(!0),className:`flex shrink-0 cursor-pointer items-center justify-center rounded p-0.5 text-[var(--system-mid-strong)] opacity-70 transition-opacity hover:opacity-100`,children:(0,Y.jsx)(w,{className:`h-2.5 w-2.5`,strokeWidth:2,"aria-hidden":`true`})})]}),(0,Y.jsx)(q,{variant:`primary`,onClick:()=>O(!0),"data-testid":`auto-top-up-add-pm-button`,className:`self-start`,children:e(`autoTopUpCard.addCreditCard`)})]})})}),oe&&(0,Y.jsx)(G,{tone:`error`,className:`mt-4`,"data-testid":`auto-top-up-update-error`,children:e(`autoTopUpCard.updateError`)}),s.isError&&(0,Y.jsx)(G,{tone:`error`,className:`mt-4`,"data-testid":`auto-top-up-disable-error`,children:e(`autoTopUpCard.disableError`)}),ae&&(0,Y.jsx)(Mi,{initialValues:R?{threshold_usd:Va(L.threshold_usd),amount_usd:Va(L.amount_usd),monthly_cap_usd:Va(L.monthly_cap_usd)}:void 0,submitting:i.isPending,serverErrors:V,onCancel:te,onSave:re}),(0,Y.jsx)(Di,{open:v,confirming:s.isPending,onCancel:ne,onConfirm:ie}),(0,Y.jsx)(Na,{open:E,onClose:()=>O(!1),onSavedOptimistic:B})]})}function Ga({title:e,subtitle:t,actions:n}){return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between sm:gap-4`,children:[(0,Y.jsxs)(`div`,{className:`min-w-0`,children:[(0,Y.jsx)(W,{as:`h2`,variant:`title-medium`,className:`text-[var(--content-emphasised)]`,children:e}),t!=null&&(0,Y.jsx)(W,{as:`p`,variant:`body-medium-default`,className:`mt-2 text-[var(--content-tertiary)]`,children:t})]}),n!=null&&(0,Y.jsx)(`div`,{className:`flex shrink-0 items-center gap-2`,children:n})]})}function Ka(e,t){let[n]=(0,J.useState)(()=>window.location.hash===`#${e}`),[r,i]=(0,J.useState)(!1);(0,J.useEffect)(()=>{if(!n||r||!t)return;let a=document.getElementById(e);if(!a)return;i(!0);let o=window.matchMedia(`(prefers-reduced-motion: reduce)`).matches;a.scrollIntoView({behavior:o?`auto`:`smooth`,block:`start`})},[n,r,t,e])}var qa=`daily-credit-limit`;function Ja(e){let t=e.trim();if(t===``)return s(`settings:dailyCreditLimitCard.errorEmpty`);let n=parseFloat(t);if(!Number.isFinite(n)||n<1)return s(`settings:dailyCreditLimitCard.errorMin`);if(!/^\d+(\.\d{1,2})?$/.test(t))return s(`settings:dailyCreditLimitCard.errorDecimals`)}function Ya(){let{t:e}=r(`settings`),t=o(),n=i(ct()),s=i(_t()),c=st(),l=a(Ge()),u=Fe();Ka(qa,!n.isLoading&&!s.isLoading);let[d,f]=(0,J.useState)(null),[p,m]=(0,J.useState)(!1),[h,g]=(0,J.useState)(!1);if(n.isLoading)return(0,Y.jsx)(`div`,{"data-testid":`daily-credit-limit-card`,children:(0,Y.jsx)(`p`,{className:`text-body-medium-lighter text-[var(--content-tertiary)]`,children:e(`dailyCreditLimitCard.loading`)})});if(n.isError||!n.data)return(0,Y.jsx)(`div`,{"data-testid":`daily-credit-limit-card`,children:(0,Y.jsx)(G,{tone:`error`,children:e(`dailyCreditLimitCard.loadError`)})});let _=n.data,v=_.daily_credit_limit_usd!=null,y=v||h,b=d??_.daily_credit_limit_usd??``,x=Ja(b),S=s.data,C=S?.daily_spend_usd??_.current_day_spent_usd,w=S?.daily_limit_reached===!0,T=_.daily_limit_snoozed===!0||S?.daily_limit_snoozed===!0,E=Qt(),D=c.data?.enabled===!0&&!c.isError,O=e=>{f(e.target.value)},k=e=>{l.mutate({body:{daily_credit_limit_usd:e}},{onSuccess:n=>{pt(t,void 0,n),t.invalidateQueries({queryKey:rt()}),t.invalidateQueries({queryKey:un()}),f(null),m(!1),e===null&&g(!1)}})},A=e=>{if(e){g(!0);return}v&&D||(g(!1),f(null),m(!1),v&&k(null))},j=()=>{m(!0),!x&&k(parseFloat(b.trim()).toFixed(2))},M=Ba(l.error).daily_credit_limit_usd??(l.isError?e(`dailyCreditLimitCard.saveError`):void 0),N=p?x:void 0;return(0,Y.jsxs)(`div`,{"data-testid":`daily-credit-limit-card`,children:[(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,Y.jsx)(Et,{checked:y,onChange:A,disabled:l.isPending||v&&D,label:e(`dailyCreditLimitCard.toggleLabel`),helperText:y?e(`dailyCreditLimitCard.toggleSubtitle`):void 0}),D&&(0,Y.jsx)(`p`,{className:`text-body-small-default text-[var(--content-tertiary)]`,"data-testid":`daily-credit-limit-required-note`,children:e(`dailyCreditLimitCard.requiredNote`)}),y&&(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-start gap-3`,children:[(0,Y.jsx)(`div`,{className:`w-60 max-w-full`,children:(0,Y.jsx)(qt,{type:`number`,step:`0.01`,min:`1`,label:e(`dailyCreditLimitCard.inputLabel`),helperText:e(`dailyCreditLimitCard.helperText`,{time:E}),placeholder:`0.00`,value:b,onChange:O,onBlur:()=>m(!0),errorText:N,"data-testid":`daily-credit-limit-input`,fullWidth:!0})}),(0,Y.jsx)(`div`,{className:`flex shrink-0 items-center gap-2 pt-[18px]`,children:(0,Y.jsx)(q,{variant:`primary`,onClick:j,disabled:l.isPending,"data-testid":`daily-credit-limit-save-button`,children:e(`dailyCreditLimitCard.save`)})})]}),v&&_.daily_credit_limit_usd!=null&&(0,Y.jsx)(`p`,{className:`text-body-small-default text-[var(--content-tertiary)]`,"data-testid":`daily-credit-limit-progress`,children:e(`dailyCreditLimitCard.progress`,{spent:je(C),limit:je(_.daily_credit_limit_usd)})}),T&&(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(G,{tone:`info`,"data-testid":`daily-credit-limit-skipped`,actions:(0,Y.jsx)(q,{variant:`outlined`,size:`compact`,onClick:()=>u.mutate({}),disabled:u.isPending,"data-testid":`daily-credit-limit-resume-button`,children:e(`dailyCreditLimitCard.resumeNow`)}),children:e(`dailyCreditLimitCard.skippedNotice`,{time:E})}),u.isError&&(0,Y.jsx)(G,{tone:`error`,"data-testid":`daily-credit-limit-resume-error`,children:e(`dailyCreditLimitCard.resumeError`)})]}),w&&(0,Y.jsx)(G,{tone:`warning`,"data-testid":`daily-credit-limit-reached`,children:e(`dailyCreditLimitCard.reachedNotice`,{time:E})})]})]}),M!=null&&(0,Y.jsx)(G,{tone:`error`,className:`mt-4`,"data-testid":`daily-credit-limit-update-error`,children:M})]})}function Xa(e){if(e.trim()===``)return;let t=parseFloat(e);if(!Number.isFinite(t)||t<1||t>1e3)return s(`settings:lowBalanceAlertCard.errorRange`);if(!/^\d+(\.\d{1,2})?$/.test(e.trim()))return s(`settings:lowBalanceAlertCard.errorDecimals`)}function Za(){let{t:e}=r(`settings`),t=o(),n=i(kt()),s=a(tn()),[c,l]=(0,J.useState)(null),[u,d]=(0,J.useState)(!1);if(n.isLoading)return(0,Y.jsx)(`div`,{"data-testid":`low-balance-alert-card`,children:(0,Y.jsx)(`p`,{className:`text-body-medium-lighter text-[var(--content-tertiary)]`,children:e(`lowBalanceAlertCard.loading`)})});if(n.isError||!n.data)return(0,Y.jsx)(`div`,{"data-testid":`low-balance-alert-card`,children:(0,Y.jsx)(G,{tone:`error`,children:e(`lowBalanceAlertCard.loadError`)})});let f=n.data,p=c??f.threshold_usd??``,m=Xa(p),h=e=>{l(e.target.value)},g=e=>{s.mutate({body:{threshold_usd:e}},{onSuccess:e=>{Xt(t,void 0,e),t.invalidateQueries({queryKey:sn()}),l(null),d(!1)}})},_=()=>{if(d(!0),m)return;let e=p.trim();g(e===``?null:parseFloat(e).toFixed(2))},v=()=>{l(``),d(!1),g(null)},y=s.isError,b=u?m:void 0;return(0,Y.jsxs)(`div`,{"data-testid":`low-balance-alert-card`,children:[(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-start gap-3`,children:[(0,Y.jsx)(`div`,{className:`w-60 max-w-full`,children:(0,Y.jsx)(qt,{type:`number`,step:`0.01`,label:e(`lowBalanceAlertCard.label`),helperText:e(`lowBalanceAlertCard.helperText`,{amount:je(f.default_threshold_usd)}),placeholder:f.effective_threshold_usd,value:p,onChange:h,onBlur:()=>d(!0),errorText:b,"data-testid":`low-balance-alert-input`,fullWidth:!0})}),(0,Y.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2 pt-[18px]`,children:[f.threshold_usd!=null&&(0,Y.jsx)(q,{variant:`outlined`,onClick:v,disabled:s.isPending,"data-testid":`low-balance-alert-reset-button`,children:e(`lowBalanceAlertCard.reset`)}),(0,Y.jsx)(q,{variant:`primary`,onClick:_,disabled:s.isPending,"data-testid":`low-balance-alert-save-button`,children:e(`lowBalanceAlertCard.save`)})]})]}),y&&(0,Y.jsx)(G,{tone:`error`,className:`mt-4`,"data-testid":`low-balance-alert-update-error`,children:e(`lowBalanceAlertCard.saveError`)})]})}function Qa(e){return e.replace(/\.00$/,``)}function $a({icon:e,value:t,label:n}){return(0,Y.jsxs)(`div`,{className:`flex h-8 min-w-0 flex-1 items-center gap-1.5 rounded-lg bg-[var(--surface-base)] px-2 py-1.5`,children:[(0,Y.jsx)(`span`,{"aria-hidden":`true`,className:`flex h-3.5 w-3.5 shrink-0 items-center justify-center text-[var(--content-default)]`,children:e}),(0,Y.jsx)(W,{variant:`body-medium-default`,as:`span`,className:`text-[var(--content-default)]`,children:t}),(0,Y.jsx)(W,{variant:`body-small-default`,as:`span`,className:`min-w-0 truncate text-[var(--content-tertiary)]`,children:n})]})}function eo(){let{t:e}=r(`settings`),{data:t,isLoading:n,isError:a}=i(Xe()),[o,s]=(0,J.useState)(!1),c=(0,J.useCallback)(t=>{Ve(t,{successMessage:e(`referralContent.copySuccess`),errorMessage:e(`referralContent.copyError`),onCopied:()=>{s(!0),setTimeout(()=>s(!1),2e3)}})},[e]),l=t?.is_eligible_for_credits===!1,u=Tt(),d=(0,J.useId)(),f=t?e(`referralContent.subtitleWithAmounts`,{creditAmount:Qa(t.referrer_credit_amount),earningCap:Qa(t.earning_cap)}):e(`referralContent.subtitleDefault`),p=t?(0,Y.jsx)(q,{variant:`outlined`,className:fn(`shrink-0`,l&&`pointer-events-none`),disabled:l,"aria-describedby":l?d:void 0,onClick:()=>c(t.referral_url),leftIcon:o?(0,Y.jsx)(_,{className:`h-3.5 w-3.5`}):(0,Y.jsx)(M,{className:`h-3.5 w-3.5`}),"data-testid":`referral-copy-button`,children:e(o?`referralContent.copied`:`referralContent.shareLink`)}):null;return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,Y.jsx)(W,{as:`p`,variant:`body-medium-default`,className:`text-[var(--content-tertiary)]`,children:f}),n?(0,Y.jsxs)(`div`,{className:`flex items-center gap-2 text-body-medium-lighter text-[var(--content-tertiary)]`,children:[(0,Y.jsx)(j,{className:`h-4 w-4 animate-spin`}),e(`referralContent.loading`)]}):a||!t?(0,Y.jsx)(G,{tone:`error`,children:e(`referralContent.loadError`)}):(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-start gap-2`,children:[(0,Y.jsx)($a,{icon:(0,Y.jsx)(C,{className:`h-3.5 w-3.5`}),value:Qa(t.total_earned),label:e(`referralContent.creditsEarned`)}),(0,Y.jsx)($a,{icon:(0,Y.jsx)(E,{className:`h-3.5 w-3.5`}),value:t.referred_count,label:e(`referralContent.friendsReferred`)}),l?(0,Y.jsx)(pn,{content:e(`referralContent.gatedTooltip`),children:(0,Y.jsx)(`span`,{tabIndex:u?0:void 0,className:`inline-flex shrink-0 rounded-lg focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]`,children:p})}):p]}),l&&(0,Y.jsx)(W,{as:`p`,id:d,variant:`body-small-default`,className:u?`sr-only`:`text-[var(--content-tertiary)]`,children:e(`referralContent.gatedTooltip`)})]})]})}function to({open:e,onOpenChange:t}){let{t:n}=r(`settings`);return(0,Y.jsx)(K.Root,{open:e,onOpenChange:t,children:(0,Y.jsxs)(K.Content,{"data-testid":`referral-modal`,children:[(0,Y.jsx)(K.Header,{children:(0,Y.jsx)(K.Title,{children:n(`referralModal.title`)})}),(0,Y.jsx)(K.Body,{children:(0,Y.jsx)(eo,{})})]})})}var no=2e3;function ro(e){let t=parseFloat(e);if(Number.isNaN(t))return`0`;let n=Math.abs(t).toLocaleString(`en-US`,{minimumFractionDigits:2,maximumFractionDigits:2}),r=n.endsWith(`.00`)?n.slice(0,-3):n;return t<0?`-${r}`:r}function io(){let{t:e}=r(`settings`),t=o(),n=gt(),{data:a,isLoading:s,isError:c}=i(_t()),l=a??null,[u,d]=(0,J.useState)(!1),[f,p]=(0,J.useState)(!1),[m,h]=(0,J.useState)(!1),g=(0,J.useRef)(0),_=(0,J.useRef)(null),v=Ue({onSuccess:()=>{t.invalidateQueries({queryKey:un()})},onError:()=>{g.current<3&&(_.current=setTimeout(()=>{v.reset()},no))}});(0,J.useEffect)(()=>()=>{_.current&&clearTimeout(_.current)},[]);let y=v.mutate;(0,J.useEffect)(()=>{l&&l.settled_balance===`0.00`&&l.pending_compute===`0.00`&&l.effective_balance===`0.00`&&g.current<3&&!v.isPending&&!v.isError&&!v.isSuccess&&(g.current+=1,y({}))},[l,v.isPending,v.isError,v.isSuccess,y]);let b=(0,Y.jsx)(Ga,{title:e(`billingPanel.title`),subtitle:e(`billingPanel.subtitle`),actions:(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(q,{variant:`outlined`,leftIcon:(0,Y.jsx)(C,{className:`h-4 w-4`,"aria-hidden":!0}),onClick:()=>p(!0),"data-testid":`earn-credits-button`,children:e(`billingPanel.earnCreditsButton`)}),(0,Y.jsx)(q,{variant:`primary`,onClick:()=>d(!0),disabled:s||!l,"data-testid":`add-credits-button`,children:e(`billingPanel.addCreditsButton`)})]})});return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(Rt,{padding:`md`,children:[b,s?(0,Y.jsxs)(`div`,{className:`mt-4 flex items-center gap-2 text-body-medium-lighter text-[var(--content-tertiary)]`,children:[(0,Y.jsx)(j,{className:`h-4 w-4 animate-spin`}),e(`billingPanel.loading`)]}):c?(0,Y.jsx)(`div`,{className:`mt-4`,children:(0,Y.jsx)(G,{tone:`error`,children:e(`billingPanel.loadError`)})}):l?(0,Y.jsxs)(Y.Fragment,{children:[(()=>{if(!l)return null;let t=dt(n,l.effective_balance,l.available_usage_balance),r=parseFloat(t)<0,i=ro(t),a=i.startsWith(`-`)?`-$${i.slice(1)}`:`$${i}`;return(0,Y.jsx)(`div`,{className:`mt-4`,children:(0,Y.jsx)(He,{icon:(0,Y.jsx)(C,{className:`h-4 w-4`,"aria-hidden":!0}),value:(0,Y.jsx)(`span`,{"data-testid":`effective-balance`,children:a}),label:e(`billingPanel.balanceLabel`),tone:r?`negative`:`default`})})})(),l.is_degraded&&(0,Y.jsx)(`div`,{className:`mt-4`,children:(0,Y.jsx)(G,{tone:`warning`,children:e(`billingPanel.degradedNotice`)})})]}):(0,Y.jsx)(`p`,{className:`mt-4 text-body-medium-lighter text-[var(--content-tertiary)]`,children:e(`billingPanel.noInfo`)}),(0,Y.jsx)(`div`,{className:`mt-6`,children:(0,Y.jsx)(Wa,{})}),(0,Y.jsx)(`div`,{id:qa,className:`mt-6 scroll-mt-4 border-t border-[var(--border-base)] pt-6`,children:(0,Y.jsx)(Ya,{})}),(0,Y.jsx)(`div`,{className:`mt-6 border-t border-[var(--border-base)] pt-6`,children:(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,Y.jsx)(Et,{checked:m,onChange:h,label:e(`billingPanel.lowBalanceToggle`)}),m&&(0,Y.jsx)(Za,{})]})})]}),(0,Y.jsx)(_n,{open:u,onOpenChange:d}),(0,Y.jsx)(to,{open:f,onOpenChange:p})]})}var ao=1e3,oo=15e3,so=3e3,co=45e3,lo=`billing-portal-return`;function uo(e,t){if(!e)return{kind:`info`,message:s(`settings:billingPortalReturnHandler.subscriptionUpdated`)};let n=e.cancel_at_period_end||!!e.cancel_at,r=t.cancel_at_period_end||!!t.cancel_at;return!n&&r?{kind:`info`,message:s(`settings:billingPortalReturnHandler.proCanceled`,{date:t.cancel_at?se(t.cancel_at):s(`settings:billingPortalReturnHandler.endOfBillingPeriod`)})}:n&&!r?{kind:`success`,message:s(`settings:billingPortalReturnHandler.proReactivated`)}:{kind:`info`,message:s(`settings:billingPortalReturnHandler.subscriptionUpdated`)}}function fo(){let[e]=p(),t=f(),n=o(),r=(0,J.useRef)(null);return(0,J.useEffect)(()=>()=>{r.current!==null&&(clearInterval(r.current),r.current=null)},[]),(0,J.useEffect)(()=>{if(e.get(`portal_return`)!==`true`)return;let i={current:!1},a=Se(),o=Jt(),c=zt(),l=Date.now();async function u(){await n.invalidateQueries({queryKey:c});let e=await n.fetchQuery(o);return{cancel_at_period_end:e.cancel_at_period_end,cancel_at:e.cancel_at}}async function d(){let e=await u();for(;!i.current&&a&&e.cancel_at_period_end===a.cancel_at_period_end&&e.cancel_at===a.cancel_at&&Date.now()-l<oo&&(await new Promise(e=>setTimeout(e,ao)),!i.current);)e=await u();return e}return(async()=>{try{let e=await d();if(i.current)return;let{kind:t,message:n}=uo(a,e);t===`success`?U.success(n,{id:lo}):U.info(n,{id:lo})}catch{if(i.current)return;U.info(s(`settings:billingPortalReturnHandler.subscriptionUpdated`),{id:lo})}finally{if(!i.current){be(),t(Vt.settings.usageBilling,{replace:!0});let e=Date.now();r.current!==null&&clearInterval(r.current),r.current=setInterval(()=>{if(Date.now()-e>=co){r.current!==null&&(clearInterval(r.current),r.current=null);return}u().catch(e=>{console.error(`billing poll error:`,e)})},so)}}})(),()=>{i.current=!0}},[e,t,n]),null}var po=[7,30,90];function mo(e,t=Oe()){let{fromDate:n,toDate:r}=xn(e,t);return{from:n,to:r}}function ho({value:e,onChange:t}){let{t:n}=r(),i=po.find(t=>t===e)??30;return(0,Y.jsx)(en,{options:po.map(e=>({value:`${e}`,label:n(`dateRangeSelect.lastDays`,{days:e})})),value:`${i}`,onChange:e=>t(Number(e)),"aria-label":n(`dateRangeSelect.ariaLabel`)})}var go={strokeDasharray:`3 3`,stroke:`var(--border-subtle)`,strokeOpacity:.4},_o={fontSize:12,fill:`var(--content-tertiary)`},vo={stroke:`var(--border-subtle)`,strokeOpacity:.4},yo=[`#3b82f6`,`#10b981`,`#f59e0b`,`#ef4444`,`#8b5cf6`,`#06b6d4`,`#ec4899`,`#84cc16`];function bo({item:e}){return(0,Y.jsxs)(`div`,{className:`flex items-center gap-2 py-0.5 text-[13px] text-[var(--content-default)]`,children:[(0,Y.jsx)(`span`,{className:`h-2 w-2 shrink-0 rounded-full`,style:{backgroundColor:e.color}}),(0,Y.jsx)(`span`,{children:e.label}),(0,Y.jsx)(`span`,{className:`ml-auto tabular-nums`,children:e.value})]})}function xo({active:e,payload:t,hoveredKey:n,label:i,labelMap:a,colorMap:o,formatValue:s,showTotal:c,formatLabel:l}){let{t:u}=r();if(!e||!t?.length)return null;let d=t.filter(e=>e.value!=null&&e.dataKey!=null).map(e=>({key:String(e.dataKey),label:a[String(e.dataKey)]??String(e.dataKey),value:s(Number(e.value)),color:o[String(e.dataKey)]??`#6b7280`,numericValue:Number(e.value)})).sort((e,t)=>e.numericValue===t.numericValue?e.label.localeCompare(t.label):t.numericValue-e.numericValue),f=n?d.find(e=>e.key===n):null,p=f?d.filter(e=>e.key!==n):d,m=d.reduce((e,t)=>e+t.numericValue,0);return(0,Y.jsxs)(`div`,{className:`rounded-lg border border-[var(--border-subtle)] bg-[var(--surface-overlay)] px-3.5 py-2.5 shadow-[var(--shadow-popover)]`,children:[(0,Y.jsx)(`div`,{className:`mb-1.5 text-xs font-medium text-[var(--content-secondary)]`,children:(l??yn)(String(i))}),f&&(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(bo,{item:f}),p.length>0&&(0,Y.jsx)(`div`,{className:`my-1.5 border-t border-[var(--border-subtle)]`})]}),p.map(e=>(0,Y.jsx)(bo,{item:e},e.key)),c&&(0,Y.jsx)(`div`,{className:`mt-1 flex items-center gap-2 border-t border-[var(--border-subtle)] pt-1.5 text-[13px] font-semibold text-[var(--content-default)]`,children:(0,Y.jsx)(`span`,{children:u(`stackedBarTooltip.total`,{value:s(m)})})})]})}function So(e,t){let[n,r]=e,[i,a]=t,o=r-n||1;return e=>i+(e-n)/o*(a-i)}function Co(e){if(e<=0)return 1;let t=10**Math.floor(Math.log10(e)),n=e/t,r;return r=n<=1?1:n<=2?2:n<=2.5?2.5:n<=5?5:10,r*t}function wo(e){if(e>=1)return+!Number.isInteger(e);let t=e/10**Math.floor(Math.log10(e)),n=Math.abs(t-2.5)<.01;return Math.ceil(-Math.log10(e))+ +!!n}function To(e,t){let n=Math.max(0,...e),r=t?.tickCount??5;return n===0?t?.integerOnly?r:1:t?.integerOnly?Math.max(1,Math.ceil(n/r))*r:Co(n/r)*r}function Eo(e,t){if(e===0)return[0];let n=e/t,r=10**(n>=1?0:Math.ceil(-Math.log10(n))+2),i=[];for(let e=0;e<=t;e++)i.push(Math.round(n*e*r)/r);return i}function Do(e,t,n,r,i){let a=Math.min(i,n/2,r/2);return[`M${e},${t+a}`,`A${a},${a} 0 0 1 ${e+a},${t}`,`H${e+n-a}`,`A${a},${a} 0 0 1 ${e+n},${t+a}`,`V${t+r}`,`H${e}`,`Z`].join(``)}function Oo(e,t){if(e<=0)return[];if(t)return e<=3?Array.from({length:e},(e,t)=>t):[0,Math.floor(e/2),e-1];let n=Math.max(1,Math.ceil(e/Math.min(e,12))),r=[];for(let t=0;t<e;t+=n)r.push(t);return r[r.length-1]!==e-1&&r.push(e-1),r}var ko=40,Ao={fontSize:11,fill:`var(--content-tertiary)`},jo={runtime_proxy_api:`#3b82f6`,oauth_proxy:`#f59e0b`};function Mo(e,t){return jo[e]??yo[t%yo.length]??`#6b7280`}function No(e,t){let n=new Set,r={};for(let t of e)for(let e of t.groups)n.add(e.group_key),r[e.group_key]=e.group_label;return{data:e.map(e=>{let n={date:e.date};for(let r of e.groups)n[r.group_key]=t===`spend`?parseFloat(r.total_usd):r.event_count;return n}),stackKeys:Array.from(n),labelMap:r}}function Po({stackKeys:e,labelMap:t}){return(0,Y.jsx)(`div`,{className:`flex flex-wrap items-center justify-center gap-x-5 gap-y-1 pt-3 text-body-small-default`,children:e.map((e,n)=>(0,Y.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,Y.jsx)(`span`,{className:`inline-block h-2.5 w-2.5 rounded-sm`,style:{backgroundColor:Mo(e,n)}}),(0,Y.jsx)(`span`,{className:`text-[var(--content-quiet)]`,children:t[e]??e})]},e))})}var Fo=350,Io={top:8,right:4,bottom:32,left:0},Lo=.2,Ro=5,zo=12,Bo=200;function Vo({buckets:e,metric:t,onBarClick:n}){let{t:i}=r(`settings`),a=De(),o=(0,J.useRef)(null),[s,c]=(0,J.useState)(0);(0,J.useEffect)(()=>{let e=o.current;if(!e)return;let t=new ResizeObserver(([e])=>{e&&c(e.contentRect.width)});return t.observe(e),()=>t.disconnect()},[]);let{data:l,stackKeys:u,labelMap:d}=(0,J.useMemo)(()=>No(e,t),[e,t]),f=(0,J.useMemo)(()=>{let e={};for(let t=0;t<u.length;t++)e[u[t]]=Mo(u[t],t);return e},[u]),p=(0,J.useCallback)(e=>t===`spend`?`$${e.toLocaleString(`en-US`,{minimumFractionDigits:2,maximumFractionDigits:2})}`:e.toLocaleString(`en-US`),[t]),[m,h]=(0,J.useState)(null),g=a?ko:56,_=a?Ao:_o,v=Io.left+g,y=Math.max(0,s-v-Io.right),b=Io.top,x=Fo-Io.top-Io.bottom,S=(0,J.useMemo)(()=>l.map(e=>u.reduce((t,n)=>t+(Number(e[n])||0),0)),[l,u]),C=t===`events`,w=(0,J.useMemo)(()=>To(S,{integerOnly:C,tickCount:Ro}),[S,C]),T=(0,J.useMemo)(()=>Eo(w,Ro),[w]),E=(0,J.useCallback)(e=>{if(t===`spend`){if(e===0)return`$0`;let t=w/Ro,n=Math.max(t<1?2:0,wo(t));return`$${e.toLocaleString(`en-US`,{minimumFractionDigits:n,maximumFractionDigits:n})}`}return e.toLocaleString(`en-US`)},[t,w]),D=(0,J.useMemo)(()=>So([0,w],[b+x,b]),[w,b,x]),O=l.length,k=O>0?y/O:0,A=k*(1-Lo),j=(k-A)/2,M=(0,J.useMemo)(()=>Oo(O,a),[O,a]),N=u.length===0,P=N?[]:l.map((e,t)=>{let n=v+t*k+j,r=0;return{di:t,x:n,segments:u.map((t,i)=>{let a=Number(e[t])||0,o=r;r+=a;let s=D(r),c=D(o)-s,l=i===u.length-1;return{key:t,val:a,x:n,y:s,h:c,color:Mo(t,i),isLast:l}})}}),F=(e,t,n)=>{let r=o.current?.getBoundingClientRect();r&&h({x:e.clientX-r.left,y:e.clientY-r.top,datumIndex:t,hoveredKey:n})},I=()=>h(null),L=e=>{n&&n(e)},R=m?u.filter(e=>(Number(l[m.datumIndex]?.[e])||0)>0).map(e=>({dataKey:e,value:Number(l[m.datumIndex]?.[e])||0})):[],ee={left:m?Math.max(0,Math.min(m.x+zo,s-Bo)):0,top:m?m.y-zo:0,visibility:m?`visible`:`hidden`};return(0,Y.jsxs)(`div`,{onMouseDown:e=>e.preventDefault(),children:[(0,Y.jsx)(`div`,{ref:o,className:`relative w-full`,style:{height:Fo},children:N?(0,Y.jsx)(`div`,{className:`flex h-full items-center justify-center text-body-medium-lighter text-[var(--content-faint)]`,children:i(`billingUsageChart.empty`)}):s>0?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(`svg`,{width:s,height:Fo,className:`block`,children:[T.map(e=>(0,Y.jsx)(`line`,{x1:v,x2:v+y,y1:D(e),y2:D(e),stroke:go.stroke,strokeOpacity:go.strokeOpacity,strokeDasharray:go.strokeDasharray},e)),(0,Y.jsx)(`line`,{x1:v,x2:v+y,y1:b+x,y2:b+x,stroke:vo.stroke,strokeOpacity:vo.strokeOpacity}),T.map(e=>(0,Y.jsx)(`text`,{x:v-8,y:D(e),textAnchor:`end`,dominantBaseline:`middle`,fontSize:_.fontSize,fill:_.fill,children:E(e)},e)),M.map(e=>{let t=l[e];return t?(0,Y.jsx)(`text`,{x:v+e*k+k/2,y:b+x+20,textAnchor:`middle`,fontSize:_.fontSize,fill:_.fill,children:yn(String(t.date))},e):null}),P.map(({di:e,segments:t})=>t.map(t=>{if(t.h<=0)return null;let r=m?.hoveredKey&&m.hoveredKey!==t.key?.4:1,i={key:`${e}-${t.key}`,fill:t.color,opacity:r,cursor:n?`pointer`:void 0,onMouseMove:n=>F(n,e,t.key),onMouseLeave:I,onClick:()=>L(t.key)};return t.isLast?(0,Y.jsx)(`path`,{...i,d:Do(t.x,t.y,A,t.h,3)}):(0,Y.jsx)(`rect`,{...i,x:t.x,y:t.y,width:A,height:t.h})}))]}),(0,Y.jsx)(`div`,{className:`pointer-events-none absolute z-[1] max-w-[calc(100vw-32px)] -translate-y-full`,style:ee,children:(0,Y.jsx)(xo,{active:!!m,payload:R,hoveredKey:m?.hoveredKey??void 0,label:m?String(l[m.datumIndex]?.date):``,labelMap:d,colorMap:f,formatValue:p})})]}):null}),!N&&(0,Y.jsx)(Po,{stackKeys:u,labelMap:d})]})}function Ho(e){if(e)return e.usageSource===`oauth_proxy`?`oauth_provider`:Ln(e.llmDimension??`model`)}function Uo(e,t=Oe()){return{from:e.dateRange.from,to:e.dateRange.to,tz:t,...e.drilldown?{usage_source:e.drilldown.usageSource,group_by:Ho(e.drilldown)}:{}}}function Wo(e,t=Oe()){return{from:e.dateRange.from,to:e.dateRange.to,tz:t,...e.drilldown?{usage_source:e.drilldown.usageSource}:{}}}function Go(e,t,n){return e===`full`&&t!==`gated`&&n}function Ko(e){let t=Dt(),n=Go(mt({platformHostedOnly:!0}),mt(),lt()),r=i({...Ct({query:Uo(e,t)}),enabled:n}),a=i({...dn({query:Wo(e,t)}),enabled:n});return{series:r.data,totals:a.data,isLoading:r.isLoading||a.isLoading,isError:r.isError||a.isError}}function qo(e){if(e===void 0)return`—`;let t=parseFloat(e);return Number.isNaN(t)?`$0.00`:`$${t.toLocaleString(`en-US`,{minimumFractionDigits:2,maximumFractionDigits:2})}`}function Jo(e){return e===void 0?`—`:e.toLocaleString(`en-US`)}function Yo(){let{t:e}=r(`settings`),t=Dt(),[n,i]=(0,J.useState)(30),a=(0,J.useMemo)(()=>mo(n,t),[n,t]),[o,s]=(0,J.useState)(null),[c,l]=(0,J.useState)(`spend`),u=(0,J.useMemo)(()=>[{value:`spend`,label:e(`billingUsagePanel.metricSpend`)},{value:`events`,label:e(`billingUsagePanel.metricEvents`)}],[e]),{series:d,totals:f,isLoading:p,isError:m}=Ko({dateRange:a,drilldown:o,setDrilldown:s}),h=o?void 0:e=>{let t={runtime_proxy_api:`runtime_proxy`,oauth_proxy:`oauth_proxy`}[e];t&&s({usageSource:t,...t===`runtime_proxy`?{llmDimension:Mn}:{}})};return(0,Y.jsx)(Rt,{padding:`md`,children:(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-start justify-between gap-3`,children:[(0,Y.jsxs)(`div`,{children:[(0,Y.jsx)(W,{as:`h2`,variant:`title-medium`,className:`text-[var(--content-default)]`,children:e(`billingUsagePanel.title`)}),(0,Y.jsx)(W,{as:`p`,variant:`body-small-default`,className:`mt-2 text-[var(--content-tertiary)]`,children:e(`billingUsagePanel.subtitle`)})]}),(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-center justify-end gap-2`,children:[(0,Y.jsx)(ho,{value:n,onChange:i}),(0,Y.jsx)(`div`,{className:`w-44`,children:(0,Y.jsx)(rn,{items:u,value:c,onChange:l,ariaLabel:e(`billingUsagePanel.chartMetricAria`)})})]})]}),(0,Y.jsxs)(`div`,{className:`grid grid-cols-1 gap-2 sm:grid-cols-2`,children:[(0,Y.jsx)(He,{icon:(0,Y.jsx)(C,{className:`h-4 w-4`,"aria-hidden":!0}),value:p?(0,Y.jsx)(j,{className:`h-4 w-4 animate-spin`,"aria-hidden":!0}):qo(f?.total_usd),label:e(`billingUsagePanel.spendLabel`)}),(0,Y.jsx)(He,{icon:(0,Y.jsx)(v,{className:`h-4 w-4`,"aria-hidden":!0}),value:p?(0,Y.jsx)(j,{className:`h-4 w-4 animate-spin`,"aria-hidden":!0}):Jo(f?.event_count),label:e(`billingUsagePanel.eventsLabel`)})]}),o&&(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[(0,Y.jsx)(`div`,{children:(0,Y.jsxs)(`button`,{className:`flex items-center gap-1.5 text-body-medium-lighter text-[var(--content-tertiary)] transition-colors hover:text-[var(--content-secondary)]`,onClick:()=>s(null),children:[(0,Y.jsx)(O,{className:`h-3.5 w-3.5`}),(0,Y.jsx)(`span`,{children:e(`billingUsagePanel.backToAllUsage`)}),(0,Y.jsx)(`span`,{className:`text-[var(--content-tertiary)]`,children:`/`}),(0,Y.jsx)(`span`,{className:`text-body-medium-default text-[var(--content-default)]`,children:o.usageSource===`runtime_proxy`?e(`billingUsagePanel.llmSpend`):e(`billingUsagePanel.oauthSpend`)})]})}),o.usageSource===`runtime_proxy`&&(0,Y.jsx)(`div`,{className:`w-56`,children:(0,Y.jsx)(rn,{items:Pn,value:o.llmDimension??`model`,onChange:e=>s({usageSource:`runtime_proxy`,llmDimension:e}),ariaLabel:e(`billingUsagePanel.llmDimensionAria`)})})]}),p?(0,Y.jsx)(`div`,{className:`flex h-[345px] items-center justify-center rounded-xl bg-[var(--surface-base)]`,children:(0,Y.jsx)(j,{className:`h-6 w-6 animate-spin text-[var(--content-tertiary)]`})}):m?(0,Y.jsx)(`div`,{className:`flex h-[345px] items-center justify-center rounded-xl bg-[var(--surface-base)] text-body-medium-lighter text-[var(--content-tertiary)]`,children:e(`billingUsagePanel.loadError`)}):d?(0,Y.jsx)(`div`,{className:`rounded-xl bg-[var(--surface-base)] p-3`,children:(0,Y.jsx)(Vo,{buckets:d.buckets,metric:c,onBarClick:h})}):null]})})}function Xo(){let{t:e}=r(`settings`),t=ut(),{data:n}=i(Jt()),a=ce((0,J.useMemo)(()=>_e(n),[n])),{reactivateSubscription:o,isPending:s}=yi(),c=s||a.isPending;if(!n||n.plan_id!==`pro`||n.status===`canceled`||!n.cancel_at_period_end&&!n.cancel_at)return null;let l=me(n);return l?(0,Y.jsx)(G,{tone:`info`,title:e(`gracePeriodBanner.title`,{date:se(l)}),actions:(0,Y.jsx)(q,{variant:`outlined`,size:`compact`,onClick:()=>{if(t){hn(Vt.settings.usageBilling);return}if(!de(n)){a.mutate({});return}o()},disabled:c,leftIcon:c?(0,Y.jsx)(j,{className:`animate-spin`}):void 0,"data-testid":`grace-period-reactivate-button`,children:e(`gracePeriodBanner.reactivate`)}),"data-testid":`grace-period-banner`,children:e(`gracePeriodBanner.body`)}):null}var Zo=new Set([`BIF`,`CLP`,`DJF`,`GNF`,`JPY`,`KMF`,`KRW`,`MGA`,`PYG`,`RWF`,`VND`,`VUV`,`XAF`,`XOF`,`XPF`]),Qo=new Set([`BHD`,`JOD`,`KWD`,`OMR`,`TND`]);function $o(e){return Zo.has(e)?0:Qo.has(e)?3:2}var es={invoices:[],has_more:!1},ts=4,ns=`text-body-small-default [--vbtn-fg:var(--content-tertiary)] hover:[--vbtn-fg:var(--content-secondary)]`;function rs(e){switch(e){case`paid`:return`positive`;case`open`:return`warning`;case`uncollectible`:return`negative`;default:return`neutral`}}function is(e,t){let n=t.toUpperCase(),r=$o(n);try{return new Intl.NumberFormat(void 0,{style:`currency`,currency:n,minimumFractionDigits:r,maximumFractionDigits:r}).format(e/10**r)}catch{return`${(e/100).toFixed(2)} ${n}`}}function as(e){return Ye(new Date(e*1e3),{alwaysShowYear:!0})}function os(e){tt(e)}function ss(){let{t:e}=r(`settings`),[t,n]=(0,J.useState)(!1),[i,a]=(0,J.useState)(!1),[s,u]=(0,J.useState)(!1),[d,f]=(0,J.useState)(!1),p=(0,J.useRef)(0),m=o(),h=c({enabled:t,queryKey:Ee(),queryFn:async({signal:e,pageParam:t})=>{let{data:n,error:r,response:i}=await ke({throwOnError:!1,signal:e,query:t?{starting_after:t}:void 0});if(i?.status===404)return es;if(yt(i,r,`Failed to load invoices.`),!i.ok||!n)throw wt(r,i);return n},initialPageParam:void 0,getNextPageParam:e=>e.has_more?e.invoices.at(-1)?.id:void 0}),g=h.data?.pages.flatMap(e=>e.invoices)??[],_=i?g:g.slice(0,ts),v=g.length>ts,b=h.isFetchNextPageError||d,x=(i||!v)&&h.hasNextPage&&!b,C=h.isRefetching||h.isFetchingNextPage;function w(){let e=p.current;h.fetchNextPage().then(t=>{e===p.current&&f(t.isError)})}function T(){let e=p.current;h.refetch().then(t=>{if(e===p.current){if(t.isError){f(!0);return}w()}})}async function E(){u(!0);try{let{data:e,response:t}=await Ae({throwOnError:!1,parseAs:`blob`});if(!t?.ok||!(e instanceof Blob))throw Error(`Failed to download invoices (${t?.status??`network error`})`);let{saveFile:n}=await l(async()=>{let{saveFile:e}=await import(`./index-DmQ1Mb3A.js`);return{saveFile:e}},__vite__mapDeps([0,1,2,3,4,5,6]));await n(e,`invoices.zip`)}catch(t){Nt(t,{context:`download_all_invoices`}),U.error(e(`invoicesTable.downloadAllFailed`))}finally{u(!1)}}return(0,Y.jsx)(Rt,{padding:`md`,children:(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,Y.jsx)(Ga,{title:e(`invoicesTable.title`),actions:(0,Y.jsxs)(Y.Fragment,{children:[t&&g.length>0&&(0,Y.jsx)(q,{variant:`outlined`,leftIcon:s?(0,Y.jsx)(j,{className:`animate-spin`}):(0,Y.jsx)(S,{className:`h-4 w-4`}),onClick:E,disabled:s,"data-testid":`invoices-download-all`,children:e(`invoicesTable.downloadAll`)}),(0,Y.jsx)(q,{variant:`outlined`,rightIcon:t?(0,Y.jsx)(y,{className:`h-4 w-4`}):(0,Y.jsx)(F,{className:`h-4 w-4`}),onClick:()=>{p.current+=1,f(!1),t&&m.cancelQueries({queryKey:Ee()}),n(e=>!e)},"data-testid":`invoices-toggle`,children:e(t?`invoicesTable.hideButton`:`invoicesTable.showButton`)})]})}),t?h.isLoading?(0,Y.jsxs)(`div`,{className:`flex items-center gap-2 py-6 text-[var(--content-tertiary)]`,children:[(0,Y.jsx)(j,{className:`h-4 w-4 animate-spin`}),(0,Y.jsx)(W,{as:`span`,variant:`body-small-default`,children:e(`invoicesTable.loading`)})]}):h.isLoadingError?(0,Y.jsx)(G,{tone:`error`,children:e(`invoicesTable.loadError`)}):g.length===0?(0,Y.jsx)(W,{as:`p`,variant:`body-small-default`,className:`py-6 text-center text-[var(--content-tertiary)]`,"data-testid":`invoices-empty`,children:e(`invoicesTable.empty`)}):(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(`div`,{className:`overflow-x-auto`,children:(0,Y.jsxs)(`table`,{className:`w-full`,"data-testid":`invoices-table`,children:[(0,Y.jsx)(`thead`,{children:(0,Y.jsxs)(`tr`,{className:`border-b border-[var(--border-base)] text-left`,children:[(0,Y.jsx)(`th`,{className:`pb-2 pr-4 text-body-small-default text-[var(--content-tertiary)]`,children:e(`invoicesTable.columnDate`)}),(0,Y.jsx)(`th`,{className:`pb-2 pr-4 text-body-small-default text-[var(--content-tertiary)]`,children:e(`invoicesTable.columnAmount`)}),(0,Y.jsx)(`th`,{className:`pb-2 pr-4 text-body-small-default text-[var(--content-tertiary)]`,children:e(`invoicesTable.columnStatus`)}),(0,Y.jsx)(`th`,{className:`pb-2 text-body-small-default text-[var(--content-tertiary)]`,children:e(`invoicesTable.columnAction`)})]})}),(0,Y.jsx)(`tbody`,{children:_.map(t=>(0,Y.jsxs)(`tr`,{className:`border-b border-[var(--border-base)] last:border-0`,"data-testid":`invoice-row`,children:[(0,Y.jsx)(`td`,{className:`py-3 pr-4`,children:(0,Y.jsx)(W,{as:`span`,variant:`body-small-default`,className:`text-[var(--content-secondary)]`,children:as(t.created)})}),(0,Y.jsx)(`td`,{className:`py-3 pr-4`,children:(0,Y.jsx)(W,{as:`span`,variant:`body-small-default`,className:`text-[var(--content-secondary)]`,children:is(t.amount_due,t.currency)})}),(0,Y.jsx)(`td`,{className:`py-3 pr-4`,children:t.status&&(0,Y.jsx)(Pt,{tone:rs(t.status),children:t.status})}),(0,Y.jsx)(`td`,{className:`py-3`,children:(0,Y.jsxs)(`div`,{className:`flex items-center gap-1`,children:[t.hosted_invoice_url&&(0,Y.jsx)(q,{asChild:!0,variant:`ghost`,size:`compact`,leftIcon:(0,Y.jsx)(k,{className:`h-3.5 w-3.5`}),children:(0,Y.jsx)(`a`,{href:t.hosted_invoice_url,target:`_blank`,rel:`noopener noreferrer`,children:e(`invoicesTable.view`)})}),t.invoice_pdf&&(0,Y.jsx)(q,{variant:`ghost`,size:`compact`,iconOnly:(0,Y.jsx)(S,{className:`h-3.5 w-3.5`}),"aria-label":e(`invoicesTable.downloadPdfAriaLabel`),onClick:()=>os(t.invoice_pdf)})]})})]},t.id))})]})}),(v||x||b)&&(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-center gap-4 self-start`,children:[v&&(0,Y.jsx)(q,{variant:`link`,onClick:()=>a(e=>!e),className:ns,"data-testid":`invoices-show-more`,children:i?e(`invoicesTable.showLess`):e(`invoicesTable.showMore`,{count:g.length-ts})}),x&&(0,Y.jsx)(q,{variant:`link`,onClick:w,disabled:h.isFetchingNextPage,leftIcon:h.isFetchingNextPage&&(0,Y.jsx)(j,{className:`h-4 w-4 animate-spin`}),className:ns,"data-testid":`invoices-load-more`,children:e(`invoicesTable.loadMore`)}),b&&(0,Y.jsxs)(`div`,{className:`flex items-center gap-2`,"data-testid":`invoices-load-more-error`,children:[(0,Y.jsx)(W,{as:`span`,variant:`body-small-default`,className:`text-[color:var(--content-negative)]`,children:e(`invoicesTable.loadMoreError`)}),(0,Y.jsx)(q,{variant:`link`,onClick:T,disabled:C,leftIcon:C&&(0,Y.jsx)(j,{className:`h-4 w-4 animate-spin`}),className:ns,"data-testid":`invoices-load-more-retry`,children:e(`invoicesTable.retry`)})]})]})]}):null]})})}var cs={visa:`Visa`,mastercard:`Mastercard`,amex:`Amex`,discover:`Discover`,diners:`Diners Club`,jcb:`JCB`,unionpay:`UnionPay`};function ls(e){return cs[e.toLowerCase()]??e}function us({brand:e,last4:t,onUpdateCard:n}){let{t:i}=r(`settings`);return(0,Y.jsxs)(`div`,{"data-testid":`payment-method-row`,className:`flex items-center justify-between gap-2 rounded-lg border border-[var(--border-base)] pl-3 pr-2 py-1.5`,children:[(0,Y.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,Y.jsx)(g,{"aria-hidden":!0,className:`h-4 w-4 shrink-0 text-[var(--content-default)]`}),(0,Y.jsxs)(`div`,{className:`flex min-w-0 items-baseline gap-2`,children:[(0,Y.jsx)(W,{as:`p`,variant:`body-medium-default`,className:`truncate leading-snug text-[var(--content-default)]`,children:e?ls(e):i(`paymentMethodRow.savedCard`)}),t!=null&&(0,Y.jsx)(W,{as:`p`,variant:`body-small-default`,className:`truncate leading-snug text-[var(--content-tertiary)]`,children:i(`paymentMethodRow.endingIn`,{last4:t})})]})]}),(0,Y.jsx)(q,{variant:`ghost`,onClick:n,"data-testid":`payment-method-update`,className:`shrink-0`,children:i(`paymentMethodRow.updateCard`)})]})}function ds(e){return e==null||!e.has_payment_method?[]:[{id:`primary`,brand:e.payment_method_brand,last4:e.payment_method_last4}]}function fs(){let{t:e}=r(`settings`),t=st(),n=za(),[i,a]=(0,J.useState)(!1),o=t.data,s=ds(o),c=o!=null&&s.length===0;return(0,Y.jsxs)(Rt,{padding:`md`,"data-testid":`payment-methods-card`,children:[(0,Y.jsx)(Ga,{title:e(`paymentMethodsCard.title`),actions:c?(0,Y.jsx)(q,{variant:`outlined`,onClick:()=>a(!0),"data-testid":`payment-methods-add`,children:e(`paymentMethodsCard.addButton`)}):void 0}),t.isPending?(0,Y.jsx)(`p`,{className:`mt-4 text-body-medium-lighter text-[var(--content-tertiary)]`,children:e(`paymentMethodsCard.loading`)}):t.isError||o==null?(0,Y.jsx)(`div`,{className:`mt-4`,children:(0,Y.jsx)(G,{tone:`error`,children:e(`paymentMethodsCard.loadError`)})}):s.length===0?(0,Y.jsx)(`div`,{className:`mt-4`,children:(0,Y.jsx)(G,{tone:`info`,"data-testid":`payment-methods-empty`,children:e(`paymentMethodsCard.empty`)})}):(0,Y.jsx)(`div`,{className:s.length>1?`mt-4 flex flex-col gap-1`:`mt-4`,children:s.map(e=>(0,Y.jsx)(us,{brand:e.brand,last4:e.last4,onUpdateCard:()=>a(!0)},e.id))}),(0,Y.jsx)(Na,{open:i,onClose:()=>a(!1),onSavedOptimistic:n})]})}function ps({icon:e,label:t,multiline:n=!1}){return(0,Y.jsxs)(`div`,{className:cn(`flex items-center gap-1.5 rounded-lg bg-[var(--surface-lift)] px-2 py-1.5`,n?`min-h-8 min-w-0`:`h-8`),children:[(0,Y.jsx)(e,{className:`size-[18px] shrink-0 text-[var(--content-default)]`,"aria-hidden":!0}),(0,Y.jsx)(W,{as:`span`,variant:`body-medium-default`,className:cn(`text-[var(--content-default)]`,n?`whitespace-normal`:`whitespace-nowrap`),children:t})]})}function ms({theme:e,tierKey:t,name:n,nameTestId:r,tag:i,specs:a,specsWrap:o=!1,footer:s,testId:c,className:l}){let u=a?.filter(e=>!e.ownRow)??[],d=a?.filter(e=>e.ownRow)??[];return(0,Y.jsxs)(`div`,{"data-theme":e,"data-testid":c,className:cn(`flex min-w-0 flex-1 flex-col gap-8 rounded-xl bg-[var(--surface-base)] px-4 py-3`,l),children:[(0,Y.jsxs)(`div`,{className:`flex flex-col items-start gap-6`,children:[i,(0,Y.jsxs)(`div`,{className:`flex items-center gap-4`,children:[(0,Y.jsx)(ie,{tier:t,size:48}),(0,Y.jsx)(W,{as:`span`,variant:`title-large`,className:`text-[var(--content-emphasised)]`,"data-testid":r,children:n})]})]}),a?.length?o?(0,Y.jsxs)(`div`,{className:`flex flex-col items-start gap-1`,children:[u.length?(0,Y.jsx)(`div`,{className:`flex flex-row flex-wrap items-start gap-1`,children:u.map(e=>(0,Y.jsx)(ps,{icon:e.icon,label:e.label,multiline:e.multiline},e.label))}):null,d.map(e=>(0,Y.jsx)(ps,{icon:e.icon,label:e.label,multiline:!0},e.label))]}):(0,Y.jsx)(`div`,{className:`flex flex-col items-start gap-2`,children:a.map(e=>(0,Y.jsx)(ps,{icon:e.icon,label:e.label,multiline:e.multiline},e.label))}):null,s?(0,Y.jsx)(`div`,{className:`mt-auto w-full`,children:s}):null]})}function hs({ratio:e,exhausted:t=!1,onAddCredits:n}){let{t:i}=r(`settings`),a=i(`planCard.usageBalanceTitle`),o=Math.round(e*100),s=e>=1;return(0,Y.jsxs)(`div`,{"data-testid":`plan-usage-balance`,className:`flex w-full flex-col gap-3 rounded-[10px] border border-[var(--border-base)] bg-[color-mix(in_srgb,var(--surface-overlay)_40%,transparent)] px-4 py-3`,children:[(0,Y.jsxs)(`div`,{className:`flex w-full items-center justify-between gap-3`,children:[(0,Y.jsx)(W,{as:`span`,variant:`body-large-default`,className:`min-w-0 text-[var(--content-emphasised)]`,children:a}),(0,Y.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-center justify-end gap-3`,children:[(0,Y.jsx)(Yt,{value:e,height:8,"aria-label":a,fillColor:s?`var(--system-negative-strong)`:void 0,className:`w-full min-w-0 max-w-[249px] rounded-full border border-[var(--border-base)] bg-[var(--surface-overlay)]`}),(0,Y.jsx)(W,{as:`span`,variant:`body-small-default`,className:s?`whitespace-nowrap text-[var(--system-negative-strong)]`:`whitespace-nowrap text-[var(--content-secondary)]`,children:i(`planCard.usageBalancePctUsed`,{pct:o})})]})]}),t?(0,Y.jsxs)(`div`,{className:`flex min-h-8 w-full items-center justify-between gap-2 rounded-lg bg-[var(--system-negative-weak)] px-2 py-1`,children:[(0,Y.jsx)(W,{as:`span`,variant:`body-medium-default`,className:`min-w-0 text-[var(--system-negative-strong)]`,children:i(`planCard.usageBalanceExhausted`)}),n?(0,Y.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[(0,Y.jsx)(`span`,{"aria-hidden":!0,className:`h-[18px] w-px bg-[var(--system-negative-strong)] opacity-30`}),(0,Y.jsx)(q,{variant:`dangerGhost`,size:`compact`,leftIcon:(0,Y.jsx)(A,{}),onClick:n,"data-testid":`plan-usage-add-credits`,children:i(`planCard.usageBalanceAddCredits`)})]}):null]}):null]})}function gs(){let{t:e}=r(`settings`);return(0,Y.jsx)(W,{as:`h2`,variant:`title-medium`,className:`text-[var(--content-emphasised)]`,children:e(`planCard.heading`)})}function _s({packages:e,currentKey:t,currentPriceCents:n,isProUser:i,canChangePackage:s,relation:c,obscureCredits:l,onManage:u,onTierUpgraded:d}){let{t:f}=r(`settings`),p=o(),m=a(Ft()),{changePackage:h,isPending:g}=ye(),[_,v]=(0,J.useState)(!1),[y,x]=(0,J.useState)(!1),S=ot()===`light`?`dark`:`light`;xe();let C=ut(),w=pe(e,t),T=_||m.isPending||g,E=async()=>{if(!w)return;let e=await h(w.key);e&&(x(!1),e.status===`ok`?d?.():U.success(f(`planCard.alreadyOnPlanToast`)))},D=async()=>{if(w){if(C){hn(Vt.settings.usageBilling);return}if(i&&!s){u();return}if(i){x(!0);return}v(!0);try{let e=await m.mutateAsync({body:{target_plan_id:`pro`,package:w.key,confirm:!0,return_target:gn()}});e.status===`redirect`&&e.checkout_url?(It({kind:`package`,packageKey:w.key}),St(p),Pe(e.checkout_url)):(await p.invalidateQueries({queryKey:zt()}),await p.invalidateQueries({queryKey:xt()}))}catch(e){U.error(he(e,f(`planCard.checkoutFailedToast`)))}finally{v(!1)}}};if(w==null||c===`switch`)return null;let O=n==null?null:w.total_price_cents-n,k=O!=null&&O>0?f(`planCard.powerUpFor`,{amount:te(O)}):f(`planCard.powerUp`);return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(ms,{theme:S,testId:`plan-tile-next`,tierKey:w.key,name:w.name,tag:(0,Y.jsx)(Pt,{className:`bg-[var(--feed-digest-weak)] text-[var(--credits-accent)]`,leftIcon:(0,Y.jsx)(b,{className:`text-[var(--credits-accent)]`,"aria-hidden":!0}),children:f(`planCard.nextPlan`)}),specs:R(w,{obscuredUsageLabel:l?f(`planCard.usageChip`,{name:w.name}):void 0,usageIncludedLabel:w.usage_label==null?void 0:f(`planCard.usageIncludedChip`,{label:w.usage_label})}),specsWrap:l,footer:(0,Y.jsx)(q,{variant:`primary`,fullWidth:!0,tintColor:`var(--aux-white)`,className:`h-10 border-transparent bg-[var(--system-positive-strong)] hover:bg-[var(--system-positive-strong)] hover:opacity-90 active:bg-[var(--system-positive-strong)]`,onClick:()=>void D(),disabled:T,leftIcon:T?(0,Y.jsx)(j,{className:`h-4 w-4 animate-spin`}):void 0,"data-testid":`recommended-upgrade-button`,children:k})}),(0,Y.jsx)(ge,{open:y,relation:c,packageName:w.name,targetPackage:w,pending:T,onConfirm:()=>void E(),onCancel:()=>x(!1)})]})}function vs(e){return e?.find(e=>e.id===`pro`)??null}function ys(e,t){let n=e?.package;return!e||e.plan_id===`base`||!I(n)?null:vs(t)?.packages?.find(e=>e.key===n.key&&e.version===n.version)??null}function bs({onManage:e,onTierUpgraded:t}){let{t:n}=r(`settings`),a=f(),o=i(Jt()),s=i(Bt()),c=gt(),{balance:l,availableUsageBalance:u,totalUsageBalance:d}=Ke(),[p,m]=(0,J.useState)(!1),h=ys(o.data,s.data?.plans),g=at({subscription:o.data,availableUsageBalance:u,totalUsageBalance:d});if(o.isLoading||s.isLoading)return(0,Y.jsxs)(Rt,{padding:`md`,children:[(0,Y.jsx)(gs,{}),(0,Y.jsxs)(`div`,{className:`mt-4 flex items-center gap-2 text-[var(--content-tertiary)]`,children:[(0,Y.jsx)(j,{className:`h-4 w-4 animate-spin`}),(0,Y.jsx)(W,{as:`span`,variant:`body-small-default`,children:n(`planCard.loading`)})]})]});let _=o.data,v=s.data?.plans,y=v?.find(e=>e.id===_?.plan_id);if(o.isError||s.isError||!_||!v||!y)return(0,Y.jsx)(G,{tone:`error`,children:n(`planCard.loadError`)});let b=y.id===`pro`?re(_.package):y.name??y.id,x=_.cancel_at_period_end===!0||!!_.cancel_at,S=_.status===`canceled`,C=me(_),w=!x&&!S&&_.current_period_end,T=x&&!S&&C,E=vs(v)?.packages??[],D=_.package?.key??null,O=D??`free`,k=E.length>0&&(y.id===`base`||I(_.package)||ue(_))?()=>a(Vt.plans):e,A=ue(_),M=y.id===`base`||I(_.package)?`upgrade`:`switch`,N=y.id===`base`,P=N?we():h?R(h,{obscuredUsageLabel:c?n(`planCard.usageChip`,{name:h.name}):void 0,usageIncludedLabel:h.usage_label==null?void 0:n(`planCard.usageIncludedChip`,{label:h.usage_label})}):null,F=N?0:h?.total_price_cents??null,L=N?n(`planCard.freeForever`):h?B(h.total_price_cents):null,ee=L?(0,Y.jsx)(`div`,{className:`flex h-10 items-center border-t border-[var(--border-base)]`,children:(0,Y.jsx)(W,{as:`span`,variant:`body-large-default`,className:`text-[var(--content-tertiary)]`,"data-testid":`plan-card-price`,children:L})}):void 0,te=l!=null&&Number(l)<=0,ne=g!=null&&g.ratio>=1&&te,ie=g?(0,Y.jsx)(hs,{ratio:g.ratio,exhausted:ne,onAddCredits:()=>m(!0)}):null,z=ee;return c&&ie!=null&&(z=ie),(0,Y.jsxs)(Rt,{padding:`md`,children:[(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,Y.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-1`,children:[(0,Y.jsx)(gs,{}),w&&(0,Y.jsx)(W,{variant:`body-small-default`,as:`div`,className:`leading-snug text-[var(--content-tertiary)]`,"data-testid":`plan-card-renews`,children:n(`planCard.renewsOn`,{date:se(_.current_period_end)})}),T&&(0,Y.jsx)(W,{variant:`body-small-default`,as:`div`,className:`leading-snug text-[var(--system-mid-strong)]`,"data-testid":`plan-card-cancels`,children:n(`planCard.endsOn`,{date:se(C)})})]}),(0,Y.jsx)(q,{variant:`outlined`,onClick:k,"data-testid":N?`plan-card-plans-button`:`plan-card-manage-subscription-button`,children:n(N?`planCard.viewAllPlans`:`planCard.manageSubscription`)})]}),(0,Y.jsxs)(`div`,{className:`flex flex-col gap-2 lg:flex-row lg:items-stretch`,children:[(0,Y.jsx)(ms,{testId:`plan-tile-current`,tierKey:O,name:b,nameTestId:`plan-card-name`,tag:(0,Y.jsx)(Pt,{tone:`info`,children:n(`planCard.current`)}),specs:P,specsWrap:c,footer:z}),(0,Y.jsx)(_s,{packages:E,currentKey:D,currentPriceCents:F,isProUser:y.id!==`base`,canChangePackage:A,relation:M,obscureCredits:c,onManage:e,onTierUpgraded:t})]})]}),(0,Y.jsx)(_n,{open:p,onOpenChange:m})]})}function xs({onCheckoutCancelled:e}){let[t]=p(),n=f(),i=o(),{t:a}=r(`settings`);return(0,J.useEffect)(()=>{let r=t.get(`billing_status`);r&&(r===`success`?bt(i):r===`cancel`&&(U.info(t.get(`billing_context`)===`upgrade`?a(`billingStatusHandler.upgradeCancelToast`):a(`billingStatusHandler.topUpCancelToast`),{id:`billing-status`}),e()),n(Vt.settings.usageBilling,{replace:!0}))},[t,n,i,e,a]),null}function Ss({onFinishSetup:e}){let{t}=r(`settings`),n=Be(),{data:a}=i({...Jt(),enabled:n}),o=a?.plan_id===`pro`,{data:s}=i({...jt(),enabled:o&&n}),c=o&&s?.domain_setup_available===!0,{domains:l}=L(c,s?.primary_assistant_id),u=l!==void 0&&l.results.length===0;return!c||!u?null:(0,Y.jsx)(G,{tone:`info`,title:t(`billingPage.finishSetupTitle`,{plan:re(a?.package)}),actions:(0,Y.jsx)(q,{variant:`outlined`,size:`compact`,onClick:e,"data-testid":`finish-pro-setup-button`,children:t(`billingPage.finishSetupButton`)}),"data-testid":`finish-pro-setup-notice`,children:t(`billingPage.finishSetupBody`)})}function Cs(){let{t:e}=r(`settings`),t=mt({platformHostedOnly:!0}),n=mt(),i=lt(),a=it(),[o,s]=p(),[c,l]=(0,J.useState)(!1),u=(0,J.useCallback)(()=>l(!0),[]),d=(0,J.useCallback)(()=>l(!1),[]),[f,m]=(0,J.useState)(!1),h=(0,J.useCallback)(()=>m(!0),[]),[g,_]=(0,J.useState)(!1),[v,y]=(0,J.useState)(null),[b,x]=(0,J.useState)(!1),S=(0,J.useCallback)(()=>{y(Date.now()),x(!1)},[]),{showOffer:C,amountUsd:w}=On(v),T=(0,J.useCallback)(e=>{e||x(!0)},[]);(0,J.useEffect)(()=>{if(n!==`full`)return;let e=o.has(`adjust_plan`),t=o.has(`pro_onboarding`);!e&&!t||(e&&l(!0),t&&_(!0),s(e=>{let t=new URLSearchParams(e);return t.delete(`adjust_plan`),t.delete(`pro_onboarding`),t},{replace:!0}))},[n,o,s]);let E=o.has(`session_id`),D=(0,J.useCallback)(()=>{_(!1),s(e=>{let t=new URLSearchParams(e);return t.delete(`session_id`),t},{replace:!0})},[s]),O=(0,J.useCallback)(()=>{s(e=>{let t=new URLSearchParams(e);return t.set(`pro_onboarding`,``),t},{replace:!0})},[s]);if(n===`disabled`)return(0,Y.jsx)(`div`,{className:`space-y-4`,children:(0,Y.jsx)(vt,{children:e(`billingPage.platformLoginNotice`)})});if(a)return(0,Y.jsx)(`div`,{className:`space-y-4`,children:(0,Y.jsxs)(`div`,{className:`flex items-center gap-2 py-6 text-body-medium-lighter text-[var(--content-secondary)]`,children:[(0,Y.jsx)(j,{className:`h-4 w-4 animate-spin`}),e(`billingPage.loadingBilling`)]})});let k=i,A=k||E||g;return!i&&t!==`gated`?(0,Y.jsx)(`div`,{className:`space-y-4`,children:(0,Y.jsx)(G,{tone:`warning`,children:e(`billingPage.billingUnavailable`)})}):(0,Y.jsxs)(`div`,{className:`space-y-4`,children:[(0,Y.jsxs)(J.Suspense,{fallback:null,children:[(0,Y.jsx)(xs,{onCheckoutCancelled:S}),(0,Y.jsx)(fo,{})]}),k&&(0,Y.jsx)(Xo,{}),k&&(0,Y.jsx)(Ss,{onFinishSetup:O}),k&&(0,Y.jsx)(bs,{onManage:u,onTierUpgraded:h}),k&&(0,Y.jsx)(Ti,{open:c,onClose:d,onTierUpgraded:h}),(0,Y.jsx)(Dn,{open:C&&!b,onOpenChange:T,amountUsd:w}),(0,Y.jsx)(J.Suspense,{fallback:null,children:(0,Y.jsx)(fs,{})}),(0,Y.jsx)(J.Suspense,{fallback:null,children:(0,Y.jsx)(io,{})}),(0,Y.jsx)(J.Suspense,{fallback:null,children:(0,Y.jsx)(ss,{})}),A&&(0,Y.jsx)(z,{open:E||g,onClose:D}),k&&(0,Y.jsx)(z,{mode:`resize`,open:f,onClose:()=>m(!1)})]})}function ws(){return(0,Y.jsx)(Cs,{})}function Ts(){let e=Mt(),t=mt({platformHostedOnly:!0}),n=mt();return(0,Y.jsxs)(`div`,{className:`space-y-4`,children:[t===`full`&&n!==`gated`&&(0,Y.jsx)(Yo,{}),(0,Y.jsx)(ni,{assistantId:e})]})}function Es(){let{t:e}=r(`settings`),t=mt(),[n]=p(),i=f(),{hash:a}=d(),o=En(t,n),s=o&&n.get(`tab`)!==`usage`?`billing`:`usage`,c=nn();return(0,J.useEffect)(()=>{if(c&&n.get(`tab`)!==s){let e=new URLSearchParams(n);e.set(`tab`,s),i({search:`?${e}`,hash:a},{replace:!0})}},[c,n,s,i,a]),(0,Y.jsx)(`div`,{className:`space-y-6`,children:(0,Y.jsxs)(Ht.Root,{value:s,onValueChange:e=>{let t=new URLSearchParams(n);t.set(`tab`,e),i({search:`?${t}`,hash:a},{replace:!0})},children:[(0,Y.jsxs)(Ht.List,{children:[o&&(0,Y.jsx)(Ht.Trigger,{value:`billing`,children:e(`billingPage.billingTab`)}),(0,Y.jsx)(Ht.Trigger,{value:`usage`,children:e(`billingPage.usageTab`)})]}),o&&(0,Y.jsx)(Ht.Panel,{value:`billing`,className:`pt-4`,children:(0,Y.jsx)(ws,{})}),(0,Y.jsx)(Ht.Panel,{value:`usage`,className:`pt-4`,children:(0,Y.jsx)(Ts,{})})]})})}export{Es as BillingPage};
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/index-JtPBr1Ws.js","assets/rolldown-runtime-BM3Ffeng.js","assets/react-DPM_L_aA.js","assets/vendor-WUN87CSE.js","assets/vendor-CfUWwwYf.css","assets/icons-CSdHOix6.js","assets/index-CVolysc8.css"])))=>i.map(i=>d[i]);
+import{o as e,t}from"./rolldown-runtime-BM3Ffeng.js";import{Hn as n,Kn as r,N as i,O as a,Un as o,Yn as s,er as c}from"./vendor-WUN87CSE.js";import{_ as l,b as u,d,f,g as p,n as m,t as h}from"./react-DPM_L_aA.js";import{$n as g,Br as _,C as v,Ir as y,P as b,Tn as x,Zn as S,ar as C,i as w,jr as T,m as E,mn as D,pi as O,qn as k,st as A,tn as j,tr as M,v as N,xi as P,zr as F}from"./icons-CSdHOix6.js";import{A as I,B as L,E as R,F as ee,I as te,L as ne,M as re,O as ie,P as z,R as B,S as ae,_ as V,a as oe,b as H,c as se,d as ce,f as le,g as ue,h as de,i as fe,j as pe,l as me,m as he,n as ge,o as _e,p as ve,r as ye,s as be,t as xe,u as Se,v as Ce,w as we,y as Te}from"./use-checkout-dismiss-refresh-Ce7oulvR.js";import{$c as Ee,As as De,Bu as Oe,Cg as ke,Cs as Ae,Cy as U,Dy as je,Ey as W,G as Me,Gc as Ne,Gd as Pe,Gp as Fe,Gv as Ie,Hc as Le,Hf as Re,J as ze,Jc as Be,K as Ve,Kc as He,Ku as Ue,Ml as We,Os as Ge,Ov as Ke,Oy as qe,Pu as Je,Qc as Ye,Ru as Xe,S as Ze,Sg as Qe,Sl as $e,Sy as et,Tv as tt,Ty as G,Uc as nt,Uf as rt,Vc as it,Vf as at,Wc as ot,Xc as st,Xt as ct,Y as lt,Yc as ut,Yf as dt,Yu as ft,Zc as pt,Zf as mt,_l as ht,_y as gt,ac as _t,af as vt,al as yt,bl as bt,bv as xt,by as St,cf as Ct,dy as wt,ei as Tt,el as Et,fl as Dt,fm as Ot,ft as kt,fv as At,fy as jt,ga as Mt,gl as Nt,gy as Pt,ha as Ft,hl as It,il as Lt,jl as Rt,ks as zt,ky as Bt,ll as Vt,ly as K,ml as Ht,ni as Ut,nl as Wt,of as Gt,ol as Kt,op as qt,oy as Jt,q as Yt,qc as Xt,qh as Zt,ri as Qt,rl as $t,s as en,sf as tn,sl as nn,sy as q,ti as rn,tl as an,ty as on,vl as sn,wv as cn,wy as ln,xg as un,xl as dn,xn as fn,zu as pn}from"./index-JtPBr1Ws.js";import{n as mn,t as hn}from"./android-billing-handoff-B-zvccpw.js";import{t as gn}from"./checkout-return-target-DNE7UIMT.js";import{t as _n}from"./add-credits-modal-CnB6HLCg.js";import{t as vn}from"./link-click-DpfLT-iQ.js";import{a as yn,i as bn,r as xn,t as Sn}from"./profile-metadata-Bk4pj7o_.js";var Cn=P(`crown`,[[`path`,{d:`M11.562 3.266a.5.5 0 0 1 .876 0L15.39 8.87a1 1 0 0 0 1.516.294L21.183 5.5a.5.5 0 0 1 .798.519l-2.834 10.246a1 1 0 0 1-.956.734H5.81a1 1 0 0 1-.957-.734L2.02 6.02a.5.5 0 0 1 .798-.519l4.276 3.664a1 1 0 0 0 1.516-.294z`,key:`1vdc57`}],[`path`,{d:`M5 21h14`,key:`11awu3`}]]),wn=P(`tree-palm`,[[`path`,{d:`M13 8c0-2.76-2.46-5-5.5-5S2 5.24 2 8h2l1-1 1 1h4`,key:`foxbe7`}],[`path`,{d:`M13 7.14A5.82 5.82 0 0 1 16.5 6c3.04 0 5.5 2.24 5.5 5h-3l-1-1-1 1h-3`,key:`18arnh`}],[`path`,{d:`M5.89 9.71c-2.15 2.15-2.3 5.47-.35 7.43l4.24-4.25.7-.7.71-.71 2.12-2.12c-1.95-1.96-5.27-1.8-7.42.35`,key:`ywahnh`}],[`path`,{d:`M11 15.5c.5 2.5-.17 4.5-1 6.5h4c2-5.5-.5-12-1-14`,key:`ft0feo`}]]),J=e(u(),1);function Tn(e){return e.get(`tab`)===`billing`||e.has(`adjust_plan`)||e.has(`pro_onboarding`)||e.has(`billing_status`)||e.has(`session_id`)}function En(e,t){return e===`full`?!0:e===`disabled`?Tn(t):!1}var Y=h();function Dn({open:e,onOpenChange:t,amountUsd:n}){let{t:r}=a(`settings`),i=s(),c=o(Xt()),l=c.isPending,u=Ve(n);return(0,Y.jsx)(K.Root,{open:e,onOpenChange:e=>{!e&&l||t(e)},children:(0,Y.jsxs)(K.Content,{size:`sm`,"data-testid":`checkout-bonus-modal`,children:[(0,Y.jsx)(K.Header,{icon:x,children:(0,Y.jsx)(K.Title,{children:r(`checkoutBonusModal.title`,{amount:u})})}),(0,Y.jsx)(K.Body,{children:(0,Y.jsx)(G,{as:`p`,variant:`body-medium-default`,className:`text-(--content-secondary)`,children:r(`checkoutBonusModal.body`,{amount:u})})}),(0,Y.jsxs)(K.Footer,{children:[(0,Y.jsx)(K.Close,{asChild:!0,children:(0,Y.jsx)(W,{variant:`outlined`,disabled:l,children:r(`checkoutBonusModal.decline`)})}),(0,Y.jsx)(W,{variant:`primary`,leftIcon:l?(0,Y.jsx)(j,{className:`animate-spin`}):void 0,onClick:()=>{l||c.mutate({},{onSuccess:e=>{e.status===`granted`?(q.success(r(`checkoutBonusModal.grantedToast`,{amount:Ve(e.amount_usd)})),i.invalidateQueries(ht())):q.info(r(`checkoutBonusModal.unavailableToast`)),i.invalidateQueries(Be()),t(!1)},onError:()=>{q.error(r(`checkoutBonusModal.errorToast`))}})},disabled:l,"data-testid":`claim-checkout-bonus-button`,children:r(`checkoutBonusModal.claim`,{amount:u})})]})]})})}function On(e){let t=qt(),n=s(),i=e!==null,{data:a,dataUpdatedAt:o}=r({...Be(),enabled:i&&t,staleTime:0,refetchOnWindowFocus:!1}),c=(0,J.useRef)(e);return(0,J.useEffect)(()=>{let t=c.current;c.current=e,!(e===null||e===t||t===null)&&n.invalidateQueries(Be())},[e,n]),{showOffer:i&&a?.eligible===!0&&o>=e,amountUsd:a?.amount_usd??`0.00`}}function kn(e){if(!e)return{};let t={};for(let n of e.callSites)!n.id||!n.displayName||(t[n.id]={id:n.id,displayName:n.displayName,description:n.description,domain:n.domain});return t}function An(e){return Number.isFinite(e)?Math.round(e).toLocaleString():`0`}function jn(e){return!Number.isFinite(e)||e===0?`$0.00`:`$${e.toFixed(2)}`}var Mn=`model`,Nn={model:`Model`,task:`Action`,profile:`Profile`},Pn=[{value:`model`,label:Nn.model},{value:`task`,label:Nn.task},{value:`profile`,label:Nn.profile}];function Fn(e){return e===`model`||e===`task`||e===`profile`}function In(e){switch(e){case`model`:return`model`;case`task`:return`call_site`;case`profile`:return`inference_profile`}}function Ln(e){switch(e){case`model`:return`model`;case`task`:return`llm_call_site`;case`profile`:return`inference_profile`}}function Rn(e,t,n){if(e===`task`){let e=t.groupKey;return e?n.callSites?.[e]?.displayName??t.group:t.group}if(e===`profile`){let e=t.groupKey;return e?n.profiles?.[e]?.displayName??t.group:t.group||`Default / Unset`}return t.group}function zn(e,t,n){return!e||e.length===0?[]:e.map(e=>{let r=Rn(t,e,n);return r===e.group?e:{...e,group:r}})}var Bn=6,Vn=`value:`,Hn=`null:`;function Un(e,t=`schedule`){return e===null?`${Hn}${Fn(t)?In(t):t}`:`${Vn}${e}`}function Wn(e){return[...e].sort((e,t)=>{if(e.date!==t.date)return e.date<t.date?-1:1;let n=Yn(e.bucketId),r=Yn(t.bucketId);return n===r?e.bucketId===t.bucketId?0:e.bucketId<t.bucketId?-1:1:n-r})}function Gn(e){return e.map(e=>({bucketId:e.bucketId,date:e.date,displayLabel:e.displayLabel,totalInputTokens:e.totalInputTokens,totalOutputTokens:e.totalOutputTokens,totalEstimatedCostUsd:e.totalEstimatedCostUsd,eventCount:e.eventCount,groups:{}}))}function Kn(e,t,n){return t!==`task`&&t!==`profile`?[...e]:e.map(e=>{let r=!1,i={};for(let[a,o]of Object.entries(e.groups)){let e=Rn(t,Jn(o),n);e===o.group?i[a]=o:(r=!0,i[a]={...o,group:e})}return r?{...e,groups:i}:e})}function qn(e){let t=new Map;for(let n of e)for(let[e,r]of Object.entries(n.groups)){let n=t.get(e);t.set(e,{label:n?.label??r.group,totalEstimatedCostUsd:(n?.totalEstimatedCostUsd??0)+r.totalEstimatedCostUsd})}let n=Array.from(t.entries()).sort(([e,t],[n,r])=>t.totalEstimatedCostUsd===r.totalEstimatedCostUsd?t.label===r.label?e===n?0:e<n?-1:1:t.label<r.label?-1:1:r.totalEstimatedCostUsd-t.totalEstimatedCostUsd).map(([e,t],n)=>({seriesKey:e,label:t.label,totalEstimatedCostUsd:t.totalEstimatedCostUsd,colorIndex:n}));return{items:n,visibleItems:n.slice(0,Bn)}}function Jn(e){return{group:e.group,groupId:e.groupKey,groupKey:e.groupKey,totalInputTokens:e.totalInputTokens,totalOutputTokens:e.totalOutputTokens,totalCacheCreationTokens:0,totalCacheReadTokens:0,totalEstimatedCostUsd:e.totalEstimatedCostUsd,eventCount:e.eventCount,turnCount:null}}function Yn(e){let t=e.lastIndexOf(`|`);if(t<0)return 0;let n=Number(e.slice(t+1));return Number.isFinite(n)?n:0}var Xn=140,Zn=40,Qn=28,$n=2,er=2,tr=1e-6,nr=12,rr=220,ir=56,ar=[40,80,60,100,50,70,30],or=[18,24,28,35,42,50,64,78,92,106,118,96,84,74,68,80,88,72,56,48,40,34,26,20],sr=[`var(--usage-trend-stack-positive, var(--system-positive-strong, #10b981))`,`var(--usage-trend-stack-info, var(--system-info-strong, #3b82f6))`,`var(--usage-trend-stack-mid, var(--system-mid-strong, #f59e0b))`,`var(--usage-trend-stack-secondary, var(--content-secondary, #6b7280))`,`var(--usage-trend-stack-negative, var(--system-negative-strong, #f87171))`,`var(--usage-trend-stack-tertiary, var(--content-tertiary, #9ca3af))`];function cr(e){return sr[e%sr.length]}function lr(e){return e.displayLabel?e.displayLabel:e.date}function ur(e,t){let n=e+nr,r=t+nr;return n+rr>window.innerWidth&&(n=e-rr-nr),r+ir>window.innerHeight&&(r=t-ir-nr),{x:n,y:r}}function dr({buckets:e,isHourly:t,legendItems:n}){let{t:r}=a(`settings`),[i,o]=(0,J.useState)(null),s=(0,J.useMemo)(()=>Wn(e),[e]),c=(0,J.useMemo)(()=>qn(e),[e]),l=n??c.items,u=n??c.visibleItems,d=(0,J.useMemo)(()=>s.reduce((e,t)=>Math.max(e,t.totalEstimatedCostUsd),0),[s]),f=(0,J.useCallback)((e,t)=>{let n=ur(e.clientX,e.clientY);o({...t,x:n.x,y:n.y})},[]),p=(0,J.useCallback)(()=>o(null),[]);if(s.length===0){let e=(0,Y.jsx)(gr,{title:r(t?`usageTrendChart.noHourlyData`:`usageTrendChart.noDailyData`),subtitle:r(`usageTrendChart.noUsageInRange`)});return u.length===0?e:(0,Y.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[e,(0,Y.jsx)(hr,{items:u})]})}let m=t?Qn:Zn;return(0,Y.jsxs)(`div`,{className:`overflow-x-auto`,children:[(0,Y.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,Y.jsx)(`div`,{className:`flex items-end gap-2`,style:{height:`${Xn}px`},"aria-hidden":`true`,children:s.map(e=>{let t=d>0?e.totalEstimatedCostUsd/d:0,r=Math.max($n,Xn*t);return(0,Y.jsx)(`div`,{className:`flex items-end`,style:{width:`${m}px`,minWidth:`${m}px`,height:`${r}px`,opacity:e.totalEstimatedCostUsd>0?1:.3},title:`${lr(e)}: ${jn(e.totalEstimatedCostUsd)}`,"data-usage-series-bar":e.bucketId,children:(0,Y.jsx)(pr,{bucket:e,height:r,legendItems:l,hasLegendOverride:n!=null,onSegmentHover:f,onSegmentLeave:p})},e.bucketId)})}),(0,Y.jsx)(`div`,{className:`flex items-start gap-2`,children:s.map(e=>(0,Y.jsxs)(`div`,{className:`flex flex-col items-center gap-0.5`,style:{width:`${m}px`,minWidth:`${m}px`},children:[(0,Y.jsx)(`span`,{className:`truncate text-[10px]`,style:{color:`var(--content-secondary)`},children:jn(e.totalEstimatedCostUsd)}),(0,Y.jsx)(`span`,{className:`truncate text-[10px]`,style:{color:`var(--content-tertiary)`},children:lr(e)})]},e.bucketId))}),u.length>0?(0,Y.jsx)(hr,{items:u}):null]}),i?(0,Y.jsx)(mr,{tooltip:i}):null]})}function fr({isHourly:e}){let t=e?or:ar,n=e?Qn:Zn;return(0,Y.jsx)(`div`,{className:`flex items-end gap-2`,style:{height:`${Xn}px`},"aria-hidden":`true`,children:t.map((e,t)=>(0,Y.jsx)(`div`,{className:`rounded-sm`,style:{width:`${n}px`,height:`${e}px`,background:`color-mix(in srgb, var(--border-base) 40%, transparent)`}},t))})}function pr({bucket:e,height:t,legendItems:n,hasLegendOverride:r,onSegmentHover:a,onSegmentLeave:o}){let s=Object.keys(e.groups).length>0,c=n.filter(e=>(e.state??`active`)===`active`).flatMap(t=>{let n=e.groups[t.seriesKey];return!n||n.totalEstimatedCostUsd<=0?[]:[{item:t,value:n}]});if(c.length===0&&!s&&!r){let n=lr(e),r={label:i(`settings:usageTrendChart.total`),bucketLabel:n,cost:jn(e.totalEstimatedCostUsd)};return(0,Y.jsx)(`div`,{className:`w-full rounded-sm`,title:`${r.label}: ${r.cost}`,onMouseEnter:e=>a(e,r),onMouseMove:e=>a(e,r),onMouseLeave:o,style:{height:`${t}px`,background:cr(0)},"data-usage-series-segment-label":r.label,"data-usage-fallback-segment":`true`})}return c.length===0?null:(0,Y.jsx)(`div`,{className:`flex w-full flex-col-reverse overflow-hidden rounded-sm`,style:{height:`${t}px`},"data-usage-series-stack":e.bucketId,children:c.map(({item:n,value:r})=>{let i={label:n.label,bucketLabel:lr(e),cost:jn(r.totalEstimatedCostUsd)};return(0,Y.jsx)(`div`,{title:`${i.label}: ${i.cost}`,onMouseEnter:e=>a(e,i),onMouseMove:e=>a(e,i),onMouseLeave:o,style:{height:`${Math.max(er,t*r.totalEstimatedCostUsd/Math.max(e.totalEstimatedCostUsd,tr))}px`,background:cr(n.colorIndex)},"data-usage-series-segment":n.seriesKey,"data-usage-series-segment-label":n.label,"data-usage-series-color-index":n.colorIndex},n.seriesKey)})})}function mr({tooltip:e}){return(0,Y.jsxs)(`div`,{className:`pointer-events-none fixed z-50 max-w-[220px] rounded-md border px-2 py-1 shadow-xl`,style:{left:`${e.x}px`,top:`${e.y}px`,background:`var(--surface-overlay, var(--surface-lift))`,borderColor:`var(--border-base)`},"aria-hidden":`true`,children:[(0,Y.jsx)(`div`,{className:`truncate text-body-small-default`,style:{color:`var(--content-default)`},children:e.label}),(0,Y.jsxs)(`div`,{className:`truncate text-body-small-default`,style:{color:`var(--content-tertiary)`},children:[e.bucketLabel,` · `,e.cost]})]})}function hr({items:e}){return(0,Y.jsx)(`div`,{className:`flex flex-wrap items-center gap-x-3 gap-y-1 pt-1`,children:e.map(e=>{let t=e.state??`active`,n=t===`inactive`;return(0,Y.jsxs)(`div`,{className:`flex min-w-0 items-center gap-1`,"data-usage-legend-state":t,children:[(0,Y.jsx)(`span`,{className:`h-[7px] w-[7px] shrink-0 rounded-full`,style:{background:n?`var(--content-tertiary)`:cr(e.colorIndex),opacity:n?.45:1},"aria-hidden":`true`,"data-usage-series-color-index":e.colorIndex}),(0,Y.jsx)(`span`,{className:n?`truncate text-[10px] line-through`:`truncate text-[10px]`,style:{color:`var(--content-tertiary)`,opacity:n?.65:1},children:e.label})]},e.seriesKey)})})}function gr({title:e,subtitle:t}){return(0,Y.jsxs)(`div`,{className:`flex flex-col items-center justify-center rounded-md py-12 text-center`,style:{color:`var(--content-tertiary)`},children:[(0,Y.jsx)(`p`,{className:`text-body-medium-default`,style:{color:`var(--content-secondary)`},children:e}),(0,Y.jsx)(`p`,{className:`mt-1 text-body-small-default`,children:t})]})}function _r(e){return Fn(e)?In(e):e}function vr(e){return Sr({from:e.from,to:e.to},e.scheduleId)}function yr(e){return Sr({from:e.from,to:e.to,...e.granularity?{granularity:e.granularity}:{},...e.tz?{tz:e.tz}:{}},e.scheduleId)}function br(e){return Sr({from:e.from,to:e.to,groupBy:_r(e.groupBy)},e.scheduleId)}function xr(e){return Sr({from:e.from,to:e.to,granularity:e.granularity,groupBy:_r(e.groupBy),...e.tz?{tz:e.tz}:{}},e.scheduleId)}function Sr(e,t){return t?{...e,scheduleId:t}:e}function Cr(e){return[`${An(e.totalInputTokens)} direct`,`${An(e.totalCacheCreationTokens)} cache created`,`${An(e.totalCacheReadTokens)} cache read`,`${An(e.totalOutputTokens)} out`].join(` / `)}function wr(e){return!Number.isFinite(e)||e===0?`0`:e>=1e6||e>=999950&&e<1e6?`${(e/1e6).toFixed(1)}M`:e>=1e3?`${(e/1e3).toFixed(1)}k`:e.toLocaleString()}function Tr(e){return`${wr(e.totalInputTokens+e.totalCacheCreationTokens+e.totalCacheReadTokens)} in / ${wr(e.totalOutputTokens)} out`}var Er=`task`,Dr=`model`,Or=new Set([400,404,422]),kr=3,Ar=new Set([`today`,`yesterday`,`7d`,`30d`,`90d`,`all`]),jr=new Set([`actor`,`provider`,`model`,`conversation`,`task`,`profile`,`schedule`]),Mr={task:Nn.task,profile:Nn.profile,model:Nn.model,provider:`Provider`,actor:`Actor`,conversation:`Conversation`,schedule:`Schedule`},Nr=[{value:`task`,label:Mr.task},{value:`profile`,label:Mr.profile},{value:`model`,label:Mr.model},{value:`provider`,label:Mr.provider},{value:`schedule`,label:Mr.schedule},{value:`conversation`,label:Mr.conversation}];function Pr(e){let t=e.get(`range`),n=e.get(`groupBy`),r=Rr(n)?n:Er;return{range:Lr(t)?t:`7d`,groupBy:r,scheduleId:r===`schedule`?Fr(e):void 0}}function Fr(e){let t=e.get(`scheduleId`);if(!(!t||t.trim().length===0))return t}function Ir(e,t){let n=new URLSearchParams(e);return t.range!==void 0&&n.set(`range`,t.range),t.groupBy!==void 0&&n.set(`groupBy`,t.groupBy),t.scheduleId!==void 0&&(t.scheduleId===null||t.scheduleId.trim().length===0?n.delete(`scheduleId`):n.set(`scheduleId`,t.scheduleId)),n.get(`groupBy`)!==`schedule`&&n.delete(`scheduleId`),n}function Lr(e){return e!=null&&Ar.has(e)}function Rr(e){return e!=null&&jr.has(e)}function zr(e){return e!==`conversation`}function Br(e,t){return e!==`task`&&e!==`profile`?!1:Hr(t)}function Vr(e,t){return!Hr(t)&&e<kr}function Hr(e){return e instanceof cn&&Or.has(e.status)}function Ur({requestedGranularity:e,isLoading:t,buckets:n}){return e===`hourly`&&(t||!n||n.length===0||n.some(Wr))?`hourly`:`daily`}function Wr(e){return e.bucketId.includes(`|`)||Gr(e.date)}function Gr(e){return/^\d{4}-\d{2}-\d{2} ([01]\d|2[0-3]):00$/.test(e)}function Kr(e,t,n=Date.now()){return bn(e,t,n)}function qr(e){return e===`today`||e===`yesterday`?`hourly`:`daily`}function Jr({prompt:e,children:t,variant:n=`outlined`,size:r=`regular`,className:i}){let a=f(),o=(0,J.useCallback)(()=>{zt(a,{prompt:e})},[a,e]);return(0,Y.jsx)(W,{variant:n,size:r,leftIcon:(0,Y.jsx)(b,{}),onClick:o,className:i,children:t})}var Yr={today:`usageTab.rangeToday`,yesterday:`usageTab.rangeYesterday`,"7d":`usageTab.range7d`,"30d":`usageTab.range30d`,"90d":`usageTab.range90d`,all:`usageTab.rangeAll`},Xr={task:`usageTab.groupByTask`,profile:`usageTab.groupByProfile`,model:`usageTab.groupByModel`,provider:`usageTab.groupByProvider`,actor:`usageTab.groupByActor`,conversation:`usageTab.groupByConversation`,schedule:`usageTab.groupBySchedule`};function Zr(e,t){return e(Xr[t])}function Qr(e,t,n){let r=e(t===`hourly`?`usageTab.hourlyTrend`:`usageTab.dailyTrend`);if(!n||n===`conversation`)return r;let i=Zr(e,n);return e(t===`hourly`?`usageTab.hourlyTrendBy`:`usageTab.dailyTrendBy`,{group:i})}var $r=300*1e3,ei=[`Please load the llm-cost-optimizer skill.`,`Analyze my recent LLM usage and explain the biggest cost contributors by call site, model, and profile.`,`Check my current llm.default, llm.callSites, and llm.profiles.`,`Give me a concise summary of what is driving cost and what you would optimize first.`,`Do not change config yet.`].join(` `),ti=[`Please load the llm-cost-optimizer skill.`,`Analyze my recent LLM usage and current LLM config, then recommend the safest cost-optimization changes.`,`If changes are clearly safe, show me the exact config commands you would run and ask for confirmation before applying them.`].join(` `);function ni({assistantId:e}){let{t}=a(`settings`),[n,i]=p(),{range:o,groupBy:s,scheduleId:c}=(0,J.useMemo)(()=>Pr(n),[n]),l=Mt(),u=(0,J.useCallback)(e=>{i(t=>Ir(t,e),{replace:!0})},[i]),d=(0,J.useMemo)(()=>Kr(o,l),[o,l]),f=(0,J.useMemo)(()=>qr(o),[o]),m=r({queryKey:Pe({path:{assistant_id:e}}),queryFn:()=>en(e),staleTime:1e4}),h=(0,J.useCallback)(e=>{u({range:e})},[u]),g=r({...Ct({path:{assistant_id:e},query:vr({from:d.from,to:d.to,scheduleId:c})})}),_=r({queryKey:vt({path:{assistant_id:e},query:br({from:d.from,to:d.to,groupBy:s,scheduleId:c})}),queryFn:async({signal:t})=>{try{let{data:n}=await Zt({path:{assistant_id:e},query:br({from:d.from,to:d.to,groupBy:s,scheduleId:c}),signal:t,throwOnError:!0});return{groupBy:s,response:n}}catch(n){if(!Br(s,n))throw n;let{data:r}=await Zt({path:{assistant_id:e},query:br({from:d.from,to:d.to,groupBy:Dr,scheduleId:c}),signal:t,throwOnError:!0});return{groupBy:Dr,response:r}}},retry:Vr}),v=_.data?.groupBy??s;(0,J.useEffect)(()=>{v!==s&&u({groupBy:v,scheduleId:v===`schedule`?void 0:null})},[v,s,u]);let y=zr(v)?v:void 0,b=r({...tn({path:{assistant_id:e},query:xr({from:d.from,to:d.to,granularity:f,groupBy:y??`actor`,tz:l,scheduleId:c})}),enabled:!!y,retry:Vr}),x=r({...Gt({path:{assistant_id:e},query:yr({from:d.from,to:d.to,granularity:f,tz:l,scheduleId:c})}),enabled:!y||b.isError}),S=r({...ft({path:{assistant_id:e}}),enabled:v===`task`,staleTime:1/0}),C=r({...Ue({path:{assistant_id:e}}),select:Sn,enabled:v===`profile`,staleTime:$r}),w=(0,J.useMemo)(()=>({callSites:kn(S.data),profiles:C.data??{}}),[S.data,C.data]),T=(0,J.useMemo)(()=>{let e=_.data;if(e)return zn(e.response.breakdown,e.groupBy,w)},[_.data,w]),E=(0,J.useMemo)(()=>{if(!(!y||!b.data))return Kn(b.data.buckets,y,w)},[b.data,y,w]),D=(0,J.useMemo)(()=>{if(x.data)return Gn(x.data.buckets)},[x.data]),O=(0,J.useMemo)(()=>y?b.error?D?{isLoading:!1,error:null,data:D,refetch:x.refetch}:{isLoading:x.isLoading||!D&&!x.error,error:x.error??b.error,data:void 0,refetch:x.error?x.refetch:b.refetch}:{isLoading:b.isLoading,error:b.error,data:E,refetch:b.refetch}:{isLoading:x.isLoading,error:x.error,data:D,refetch:x.refetch},[D,x.error,x.isLoading,x.refetch,E,y,b.error,b.isLoading,b.refetch]),k=Ur({requestedGranularity:f,isLoading:O.isLoading,buckets:O.data}),A=k===`hourly`,j=y&&b.error?void 0:v,M=(0,J.useMemo)(()=>{if(!(v!==`schedule`||!c))return ri(m.data,c,t)},[v,c,m.data,t]);return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[(0,Y.jsx)(`h3`,{className:`text-title-small`,style:{color:`var(--content-default)`},children:t(`usageTab.title`)}),(0,Y.jsx)(`div`,{className:`flex flex-wrap items-center justify-end gap-2`,children:(0,Y.jsx)(ai,{range:o,onChange:h})})]}),(0,Y.jsx)(`section`,{"aria-label":t(`usageTab.totalsAriaLabel`),children:(0,Y.jsx)(si,{query:g,skeleton:(0,Y.jsx)(ui,{}),render:e=>(0,Y.jsx)(ci,{totals:e})})}),(0,Y.jsx)(oi,{title:t(`usageTab.inferenceUsageTitle`),children:(0,Y.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[(0,Y.jsx)(`h4`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:Qr(t,k,j)}),(0,Y.jsx)(`div`,{className:`flex flex-wrap items-center justify-end gap-2`,children:(0,Y.jsx)(di,{value:v,onChange:e=>{u({groupBy:e,scheduleId:e===`schedule`?void 0:null})}})})]}),(0,Y.jsx)(si,{query:O,skeleton:(0,Y.jsx)(fr,{isHourly:A}),render:e=>(0,Y.jsx)(dr,{buckets:e,isHourly:A,legendItems:M})})]})}),(0,Y.jsx)(fi,{query:_,groups:T}),(0,Y.jsx)(ii,{})]})}function ri(e,t,n){let r=e??[];return[...r.some(e=>e.id===t)?[]:[{id:t,label:n(`usageTab.unknownSchedule`,{scheduleId:t})}],...r.map(e=>({id:e.id,label:e.name||e.id}))].map((e,n)=>({seriesKey:Un(e.id,`schedule`),label:e.label,colorIndex:n,state:e.id===t?`active`:`inactive`}))}function ii(){let{t:e}=a(`settings`);return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,Y.jsx)(`div`,{className:`h-px w-full`,style:{background:`linear-gradient(to right, transparent, var(--border-base), transparent)`}}),(0,Y.jsx)(oi,{title:e(`usageTab.costAssistantTitle`),subtitle:e(`usageTab.costAssistantSubtitle`),children:(0,Y.jsxs)(`div`,{className:`flex flex-col gap-2 rounded-md px-3 py-3 sm:flex-row sm:items-center`,children:[(0,Y.jsx)(Jr,{prompt:ei,children:e(`usageTab.analyzeCostsButton`)}),(0,Y.jsx)(Jr,{prompt:ti,variant:`ghost`,children:e(`usageTab.optimizeSettingsButton`)})]})})]})}function ai({range:e,onChange:t}){let{t:n}=a(`settings`);return(0,Y.jsx)(`div`,{className:`flex items-center`,children:(0,Y.jsx)(on,{value:e,onChange:t,options:Object.entries(Yr).map(([e,t])=>({value:e,label:n(t)}))})})}function oi({title:e,subtitle:t,children:n}){return(0,Y.jsxs)(`section`,{className:`flex flex-col gap-3 rounded-md border px-4 py-4`,style:{background:`var(--surface-lift)`,borderColor:`var(--border-base)`},children:[(0,Y.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,Y.jsx)(`h3`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:e}),t?(0,Y.jsx)(`p`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:t}):null]}),n]})}function si({query:e,skeleton:t,render:n}){let{t:r}=a(`settings`);return e.isLoading?(0,Y.jsx)(Y.Fragment,{children:t}):e.error?(0,Y.jsx)(vi,{message:e.error instanceof Error?e.error.message:r(`usageTab.failedToLoadUsage`),onRetry:()=>e.refetch()}):e.data?(0,Y.jsx)(Y.Fragment,{children:n(e.data)}):(0,Y.jsx)(Y.Fragment,{children:t})}function ci({totals:e}){let{t}=a(`settings`);return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-baseline justify-between gap-4`,children:[(0,Y.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,Y.jsx)(`span`,{style:{fontSize:`30px`,fontWeight:600,lineHeight:1,color:`var(--content-default)`},children:jn(e.totalEstimatedCostUsd)}),(0,Y.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-secondary)`},children:t(`usageTab.costLabel`)})]}),(0,Y.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,Y.jsx)(`span`,{className:`text-title-small`,style:{color:`var(--content-default)`},children:An(e.eventCount)}),(0,Y.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-secondary)`},children:t(`usageTab.llmCallsLabel`)})]})]}),(0,Y.jsxs)(`div`,{className:`grid grid-cols-2 gap-3 sm:grid-cols-4`,children:[(0,Y.jsx)(li,{label:t(`usageTab.directInputTokensLabel`),value:An(e.totalInputTokens)}),(0,Y.jsx)(li,{label:t(`usageTab.outputTokensLabel`),value:An(e.totalOutputTokens)}),(0,Y.jsx)(li,{label:t(`usageTab.cacheCreatedLabel`),value:An(e.totalCacheCreationTokens)}),(0,Y.jsx)(li,{label:t(`usageTab.cacheReadLabel`),value:An(e.totalCacheReadTokens)})]})]})}function li({label:e,value:t}){return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-1 rounded-md px-3 py-2`,style:{background:`color-mix(in srgb, var(--border-base) 15%, transparent)`},children:[(0,Y.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-default)`},children:t}),(0,Y.jsx)(`span`,{className:`text-label-medium-default`,style:{color:`var(--content-tertiary)`},children:e})]})}function ui(){return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4`,"aria-hidden":`true`,children:[(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-baseline justify-between gap-4`,children:[(0,Y.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,Y.jsx)(gi,{width:140,height:30}),(0,Y.jsx)(gi,{width:90,height:12})]}),(0,Y.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,Y.jsx)(gi,{width:60,height:16}),(0,Y.jsx)(gi,{width:60,height:12})]})]}),(0,Y.jsx)(`div`,{className:`grid grid-cols-2 gap-3 sm:grid-cols-4`,children:Array.from({length:4}).map((e,t)=>(0,Y.jsxs)(`div`,{className:`flex flex-col gap-1 rounded-md px-3 py-2`,style:{background:`color-mix(in srgb, var(--border-base) 15%, transparent)`},children:[(0,Y.jsx)(gi,{width:`50%`,height:12}),(0,Y.jsx)(gi,{width:`70%`,height:11})]},t))})]})}function di({value:e,onChange:t}){let{t:n}=a(`settings`);return(0,Y.jsx)(`div`,{className:`flex items-center`,children:(0,Y.jsx)(on,{value:e,onChange:t,menuAlign:`end`,menuMinWidth:196,options:Nr.map(e=>({value:e.value,label:Zr(n,e.value)}))})})}function fi({query:e,groups:t}){let{t:n}=a(`settings`),[r,i]=(0,J.useState)(new Set),o=e=>{i(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})};return(0,Y.jsx)(oi,{title:n(`usageTab.breakdownTitle`),children:(0,Y.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,Y.jsx)(pi,{label:n(`usageTab.percentOfTotalLabel`),active:r.has(`pct`),onClick:()=>o(`pct`)}),(0,Y.jsx)(pi,{label:n(`usageTab.tokensLabel`),active:r.has(`tokens`),onClick:()=>o(`tokens`)}),(0,Y.jsx)(pi,{label:n(`usageTab.turnsLabel`),active:r.has(`turns`),onClick:()=>o(`turns`)})]}),(0,Y.jsx)(si,{query:e,skeleton:(0,Y.jsx)(hi,{}),render:e=>(0,Y.jsx)(mi,{groups:t??e.response.breakdown,groupBy:e.groupBy,showPct:r.has(`pct`),showTokens:r.has(`tokens`),showTurns:r.has(`turns`)})})]})})}function pi({label:e,active:t,onClick:n}){return(0,Y.jsx)(`button`,{type:`button`,onClick:n,className:`rounded-full border px-2.5 py-1 text-label-medium-default`,style:{borderColor:t?`var(--content-secondary)`:`var(--border-base)`,background:t?`color-mix(in srgb, var(--content-secondary) 15%, transparent)`:`transparent`,color:t?`var(--content-default)`:`var(--content-tertiary)`},children:e})}function mi({groups:e,groupBy:t,showPct:n,showTokens:r,showTurns:i}){let{t:o}=a(`settings`),s=f();if(e.length===0)return(0,Y.jsx)(_i,{title:o(`usageTab.noBreakdownDataTitle`),subtitle:o(`usageTab.noBreakdownDataSubtitle`)});let c=e.reduce((e,t)=>e+t.totalEstimatedCostUsd,0);return(0,Y.jsx)(`div`,{className:`overflow-hidden rounded-md`,children:(0,Y.jsxs)(`table`,{className:`w-full table-fixed`,children:[(0,Y.jsx)(`thead`,{children:(0,Y.jsxs)(`tr`,{style:{borderBottom:`1px solid var(--border-base)`},children:[(0,Y.jsx)(`th`,{className:`px-3 py-2.5 text-left text-label-medium-default`,style:{color:`var(--content-tertiary)`},children:o(`usageTab.groupColumnLabel`)}),r?(0,Y.jsx)(`th`,{className:`px-3 py-2.5 text-left text-label-medium-default`,style:{color:`var(--content-tertiary)`,width:`35%`},children:o(`usageTab.tokensLabel`)}):null,i?(0,Y.jsx)(`th`,{className:`px-3 py-2.5 text-right text-label-medium-default`,style:{color:`var(--content-tertiary)`,width:`72px`},children:o(`usageTab.turnsLabel`)}):null,n?(0,Y.jsx)(`th`,{className:`px-3 py-2.5 text-right text-label-medium-default`,style:{color:`var(--content-tertiary)`,width:`64px`},children:`%`}):null,(0,Y.jsx)(`th`,{className:`px-3 py-2.5 text-right text-label-medium-default`,style:{color:`var(--content-tertiary)`,width:`100px`},children:o(`usageTab.costLabel`)})]})}),(0,Y.jsx)(`tbody`,{children:e.map((e,a)=>{let o=Cr(e),l=Tr(e),u=t===`conversation`?e.groupId:null,d=c>0?Math.round(e.totalEstimatedCostUsd/c*100):0;return(0,Y.jsxs)(`tr`,{className:u?`cursor-pointer hover:bg-[var(--surface-hover)]`:void 0,onClick:u?e=>{e.target.closest(`a`)||Ge(s,u)}:void 0,style:{borderTop:a===0?`none`:`1px solid var(--border-base)`},children:[(0,Y.jsx)(`td`,{className:`min-w-0 px-3 py-2`,style:{color:`var(--content-default)`},children:u?(0,Y.jsx)(m,{to:At.conversation(u),className:`block truncate text-body-medium-lighter`,title:e.group,onClick:e=>{vn(e)||(e.preventDefault(),Ge(s,u))},children:e.group}):(0,Y.jsx)(`span`,{className:`block truncate text-body-medium-lighter`,title:e.group,children:e.group})}),r?(0,Y.jsx)(`td`,{className:`min-w-0 px-3 py-2`,style:{color:`var(--content-secondary)`},children:(0,Y.jsx)(`span`,{className:`block truncate text-body-small-default`,title:o,children:l})}):null,i?(0,Y.jsx)(`td`,{className:`whitespace-nowrap px-3 py-2 text-right`,children:(0,Y.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:e.turnCount==null?`—`:e.turnCount.toLocaleString()})}):null,n?(0,Y.jsx)(`td`,{className:`whitespace-nowrap px-3 py-2 text-right`,children:(0,Y.jsxs)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:[d,`%`]})}):null,(0,Y.jsx)(`td`,{className:`whitespace-nowrap px-3 py-2 text-right`,children:(0,Y.jsx)(`span`,{className:`text-body-medium-lighter`,style:{color:`var(--content-default)`},children:jn(e.totalEstimatedCostUsd)})})]},e.groupKey??e.groupId??`${e.group}-${a}`)})})]})})}function hi(){return(0,Y.jsx)(`div`,{className:`flex flex-col gap-2`,"aria-hidden":`true`,children:Array.from({length:4}).map((e,t)=>(0,Y.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,Y.jsx)(gi,{width:100,height:14}),(0,Y.jsx)(gi,{width:`60%`,height:12}),(0,Y.jsx)(gi,{width:50,height:14})]},t))})}function gi({width:e,height:t}){return(0,Y.jsx)(`div`,{className:`rounded-sm`,style:{width:typeof e==`number`?`${e}px`:e,height:`${t}px`,background:`color-mix(in srgb, var(--border-base) 40%, transparent)`}})}function _i({title:e,subtitle:t}){return(0,Y.jsxs)(`div`,{className:`flex flex-col items-center gap-1 py-8 text-center`,children:[(0,Y.jsx)(`span`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:e}),(0,Y.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:t})]})}function vi({message:e,onRetry:t}){let{t:n}=a(`settings`);return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-2 py-2`,children:[(0,Y.jsxs)(`div`,{className:`flex items-start gap-2`,children:[(0,Y.jsx)(N,{className:`h-4 w-4 shrink-0`,style:{color:`var(--system-negative-strong, #f87171)`}}),(0,Y.jsx)(`span`,{className:`text-body-medium-lighter`,style:{color:`var(--content-default)`},children:e})]}),t?(0,Y.jsx)(`button`,{type:`button`,onClick:t,className:`self-start rounded-md border px-3 py-1 text-body-small-default`,style:{background:`var(--surface-lift)`,borderColor:`var(--border-base)`,color:`var(--content-default)`},children:n(`usageTab.retry`)}):null]})}function yi(){let e=Rt(),t=le();return{reactivateSubscription:()=>t({mutateAsync:()=>e.mutateAsync({}),onSuccess:()=>{q.success(i(`settings:useReactivateSubscription.reactivatedToast`),{id:`subscription-reactivate`})},errorToastId:`subscription-reactivate-error`,errorFallback:()=>i(`settings:useReactivateSubscription.reactivateFailedToast`)}),isPending:e.isPending}}function bi({open:e,onCancel:t,onConfirm:n,confirming:r,lostFeatures:i}){let{t:o}=a(`settings`);return(0,Y.jsx)(K.Root,{open:e,onOpenChange:e=>{!e&&!r&&t()},children:(0,Y.jsxs)(K.Content,{size:`md`,hideCloseButton:!0,children:[(0,Y.jsx)(K.Header,{icon:N,children:(0,Y.jsx)(K.Title,{children:o(`downgradeReconfirmModal.title`)})}),(0,Y.jsxs)(K.Body,{children:[(0,Y.jsx)(G,{as:`p`,variant:`body-medium-default`,className:`text-(--content-secondary)`,children:o(`downgradeReconfirmModal.body`)}),(0,Y.jsx)(`ul`,{className:`mt-4 list-disc space-y-2 pl-5`,children:i.map(e=>(0,Y.jsx)(`li`,{children:(0,Y.jsx)(G,{as:`span`,variant:`body-medium-default`,children:e})},e))})]}),(0,Y.jsxs)(K.Footer,{children:[(0,Y.jsx)(W,{variant:`outlined`,onClick:t,disabled:r,children:o(`downgradeReconfirmModal.keepPro`)}),(0,Y.jsx)(W,{variant:`danger`,onClick:n,disabled:r,"data-testid":`confirm-downgrade-button`,children:o(`downgradeReconfirmModal.confirm`)})]})]})})}function xi(e){return i(`settings:creditBundlePicker.optionLabel`,{label:e.label,price:ne(e.price_cents)})}function Si({creditTiers:e,selectedCreditTier:t,onCreditTierChange:n,disabled:r=!1}){let{t:i}=a(`settings`),o=(0,J.useMemo)(()=>[{value:null,label:i(`creditBundlePicker.noBundleOption`,{price:ne(0)})},...e.map(e=>({value:e.tier,label:xi(e)}))],[e,i]);return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,Y.jsx)(G,{as:`p`,variant:`label-small-default`,className:`text-[var(--content-secondary)]`,children:i(`creditBundlePicker.label`)}),(0,Y.jsx)(`span`,{title:i(`creditBundlePicker.tooltip`),children:(0,Y.jsx)(D,{className:`h-3 w-3 text-[var(--content-tertiary)]`})})]}),(0,Y.jsx)(on,{"aria-label":i(`creditBundlePicker.ariaLabel`),placeholder:i(`creditBundlePicker.placeholder`),disabled:r,value:t,onChange:e=>n(e),onSelectNone:()=>n(null),options:o})]})}function Ci({features:e,variant:t,header:n,maxInline:r=3}){return t===`inline`?(0,Y.jsx)(Y.Fragment,{children:e.slice(0,r).join(`, `)}):(0,Y.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[n&&(0,Y.jsx)(G,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-secondary)]`,children:n}),(0,Y.jsx)(`ul`,{className:`flex flex-col gap-2`,children:e.map(e=>(0,Y.jsxs)(`li`,{className:`flex items-start gap-2`,children:[(0,Y.jsx)(T,{className:`mt-0.5 h-4 w-4 shrink-0 text-[var(--content-tertiary)]`,"aria-hidden":!0}),(0,Y.jsx)(G,{as:`span`,variant:`body-medium-default`,children:e})]},e))})]})}function wi({plan:e,isCurrent:t,onPro:n,planDisplayName:r,currentPlanFeatures:i,cancelAtPeriodEnd:o,isCanceled:s,cancelDate:c,formatGraceDate:l,proTierChangeMode:u,creditTiersEnabled:d,creditTiers:f,displayCreditTier:p,onCreditTierChange:m,selectedMachineTier:h,selectedStorageTier:g,onMachineTierChange:_,onStorageTierChange:v,machineTiersForPicker:y,storageTiersForPicker:b,currentMachinePrice:x,currentStoragePrice:S,currentCreditPriceUnknown:C,proCurrentTotalCents:w,proLiveTotalCents:T,proTotalDelta:E,onboardingLoading:O,tierChangePending:k,machineChanged:A,storageChanged:M,creditChanged:N,tierChangeError:P,upgradePending:F,billingActionPending:I,onUpgrade:L,onApplyTierChange:R,onDowngradeClick:re,onKeepPlan:ie}){let{t:z}=a(`settings`),B=e.id===`pro`,ae=e.id===`base`,oe=B&&n&&o&&!s,se=B&&(!t||t&&u),ce=B&&t&&u,le=B&&t;return(0,Y.jsx)(ln.Root,{className:`flex flex-col bg-[var(--surface-base)]`,children:(0,Y.jsxs)(ln.Body,{padding:`lg`,className:`max-sm:p-4`,children:[(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,Y.jsx)(`span`,{"aria-hidden":!0,className:`flex h-9 w-9 items-center justify-center rounded-lg border border-[var(--border-base)] bg-[var(--surface-lift)]`,children:B?(0,Y.jsx)(Cn,{className:`h-5 w-5 text-[var(--content-default)]`}):(0,Y.jsx)(wn,{className:`h-5 w-5 text-[var(--content-default)]`})}),(0,Y.jsxs)(`div`,{className:`flex min-h-6 items-center gap-2`,children:[(0,Y.jsx)(G,{as:`h3`,variant:`title-small`,"data-testid":`modal-plan-name`,children:le?r:e.name}),t&&(0,Y.jsx)(St,{tone:`positive`,children:z(`planCardContent.current`)})]}),(0,Y.jsx)(G,{as:`p`,variant:`body-small-default`,className:`-mt-2 text-[var(--content-tertiary)]`,children:z(ae?`planCardContent.baseTagline`:`planCardContent.proTagline`)}),oe&&c&&(0,Y.jsx)(G,{as:`p`,variant:`body-small-default`,className:`text-[var(--system-mid-strong)]`,"data-testid":`modal-cancels-on`,children:z(`planCardContent.planEndsOn`,{date:l(c)})}),(0,Y.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),(0,Y.jsx)(`div`,{className:`flex flex-col gap-1`,children:ae?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(G,{as:`p`,variant:`title-medium`,children:z(`planCardContent.free`)}),(0,Y.jsx)(G,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,children:z(`planCardContent.forever`)})]}):t&&!(se&&T!=null)&&(w==null||C)?O?(0,Y.jsxs)(`div`,{className:`flex items-center gap-2 text-[var(--content-tertiary)]`,children:[(0,Y.jsx)(j,{className:`h-4 w-4 animate-spin`}),(0,Y.jsx)(G,{as:`span`,variant:`body-medium-lighter`,children:z(`planCardContent.loadingPlan`)})]}):(0,Y.jsx)(G,{as:`p`,variant:`body-medium-lighter`,className:`text-[var(--content-tertiary)]`,"data-testid":`modal-pro-price-unavailable`,children:z(`planCardContent.pricingUnavailable`)}):(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,Y.jsx)(G,{as:`p`,variant:`title-medium`,"data-testid":`modal-pro-price`,children:se&&T!=null?(0,Y.jsxs)(Y.Fragment,{children:[ne(T),E!=null&&E!==0&&(0,Y.jsxs)(`span`,{className:`ml-1 text-[var(--content-tertiary)]`,children:[`(`,ee(E),`)`]})]}):w==null?e.id===`pro`?z(`planCardContent.fromPrice`,{price:ne(e.base_price_cents+V(e.machine_tiers)+V(e.storage_tiers))}):null:z(`planCardContent.currentlyPrice`,{price:ne(w)})}),se&&E!=null&&E!==0&&(0,Y.jsx)(`span`,{title:z(`planCardContent.subscriptionChangeTitle`,{from:ne(w),to:ne(T)}),children:(0,Y.jsx)(D,{className:`h-3 w-3 text-[var(--content-tertiary)]`})})]}),e.id===`pro`&&(0,Y.jsx)(G,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,"data-testid":`modal-pro-base-fee`,children:z(`planCardContent.baseFee`,{amount:te(e.base_price_cents)})})]})}),(0,Y.jsx)(Ci,{features:le&&i?i:e.included_features,variant:`checklist`}),B&&!d&&(0,Y.jsx)(G,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,"data-testid":`modal-credits-not-included`,children:z(`planCardContent.creditsNotIncluded`)})]}),(0,Y.jsxs)(`div`,{className:`mt-4 flex flex-1 flex-col justify-end gap-4`,children:[!t&&B&&(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),d&&(0,Y.jsx)(Si,{creditTiers:f,selectedCreditTier:p,onCreditTierChange:m,disabled:F}),(0,Y.jsx)(H,{machineTiers:y,storageTiers:b,selectedMachineTier:h,selectedStorageTier:g,onMachineTierChange:_,onStorageTierChange:v}),(0,Y.jsx)(W,{variant:`primary`,className:`w-full`,onClick:L,disabled:F||!h||!g,"data-testid":`modal-upgrade-to-pro-button`,children:z(`planCardContent.upgradeToPro`)})]}),ce&&(O?(0,Y.jsxs)(`div`,{className:`flex items-center gap-2 text-[var(--content-tertiary)]`,children:[(0,Y.jsx)(j,{className:`h-4 w-4 animate-spin`}),(0,Y.jsx)(G,{as:`span`,variant:`body-medium-lighter`,children:z(`planCardContent.loadingPlan`)})]}):(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),d&&(0,Y.jsx)(Si,{creditTiers:f,selectedCreditTier:p,onCreditTierChange:m,disabled:k}),(0,Y.jsx)(H,{machineTiers:y,storageTiers:b,selectedMachineTier:h,selectedStorageTier:g,onMachineTierChange:_,onStorageTierChange:v,currentMachinePriceCents:x,currentStoragePriceCents:S}),P&&(0,Y.jsx)(U,{tone:`error`,children:P}),(0,Y.jsx)(W,{variant:`primary`,className:`w-full`,onClick:R,disabled:k||!A&&!M&&!N,"data-testid":`modal-change-tier-button`,children:z(`planCardContent.updatePlan`)})]})),!t&&ae&&n&&!o&&(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),(0,Y.jsx)(W,{variant:`outlined`,className:`w-full`,onClick:re,disabled:I,"data-testid":`modal-downgrade-to-base-button`,children:z(`planCardContent.downgradeToBase`)})]}),oe&&(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),(0,Y.jsx)(W,{variant:`outlined`,className:`w-full`,onClick:ie,disabled:I,"data-testid":`modal-keep-plan-button`,children:z(`planCardContent.keepPlan`)})]})]})]})})}function Ti(e){return mn({open:e.open,path:`${At.settings.usageBilling}&adjust_plan`,onClose:e.onClose})?null:(0,Y.jsx)(Ei,{...e})}function Ei({open:e,onClose:t,onTierUpgraded:n}){let{t:i}=a(`settings`),c=s(),l=r(Lt()),u=r(Ht()),d=o(Nt()),f=o(nn()),p=o(Vt()),m=o(Kt()),h=ce(_e(u.data)),{reactivateSubscription:g,isPending:_}=yi(),{cancelSubscription:v,isPending:y}=oe(),[b,x]=(0,J.useState)(`plans`),[S,C]=(0,J.useState)(!1),[w,T]=(0,J.useState)(null),[E,D]=(0,J.useState)(null),[k,A]=(0,J.useState)(void 0);(0,J.useEffect)(()=>Oe(()=>{fe(c),t()}),[c,t]);let M=u.data?.plan_id,P=M===`pro`,F=r({...Dt(),enabled:P}),I=F.data?.max_machine_tier??null,L=F.data?.selected_storage_tier??null,R=F.data?.selected_storage_gib??null,ee=u.data?.cancel_at_period_end===!0||!!u.data?.cancel_at,te=u.data?.status===`canceled`,ne=me(u.data),ie=u.data?.status,z=ie!=null&&ve.has(ie),B=P&&z&&!ee&&!te,V=l.data?.plans.find(e=>e.id===`pro`),H=V?.credit_tiers??[],le=H.length>0,ue=u.data?.selected_credit_tier??null,pe=e=>H.find(t=>t.tier===e)?.price_cents??0,ge=pe(ue),ye=ue!=null&&!H.some(e=>e.tier===ue),be=k===void 0?ue:k,xe=pe(be),Se=re(u.data?.package),we=P&&F.isSuccess&&V?ae({machineTier:I,storageTier:L,storageGib:R,creditTier:ue},V):null,Ee=V?.machine_tiers??[],De=B&&R!=null?(V?.storage_tiers??[]).map(e=>e.storage_gib<R?{...e,disabled:!0}:e):V?.storage_tiers??[];(0,J.useEffect)(()=>{if(!e){T(null),D(null),A(void 0);return}if(V){if(B){if(I==null||L==null)return;T(e=>Te(Ee,e??I)),D(e=>Te(De,e??L)),A(e=>Ce(H,e,ue));return}T(e=>Te(V.machine_tiers,e)),D(e=>Te(V.storage_tiers,e)),A(e=>Ce(H,e,null))}},[e,V,B,I,L,ue]);let ke=l.data?.plans.find(e=>e.id===`base`),Ae=new Set(ke?.included_features??[]),je=(V?.included_features??[]).filter(e=>!Ae.has(e)),Me=()=>{if(!d.isPending){if(!w||!E){q.error(i(`adjustPlanModal.pickTiersError`),{id:`pro-upgrade-error`});return}d.mutate({body:{target_plan_id:`pro`,confirm:!0,machine_tier:w,storage_tier:E,credit_tier:be,return_target:gn()}},{onSuccess:e=>{if(e.checkout_url){Ot({kind:`custom`,machineTier:w,storageTier:E,creditTier:be}),mt(c),pn(e.checkout_url);return}if(e.status===`no_op`){q.info(i(`adjustPlanModal.alreadyOnPro`),{id:`pro-upgrade`}),t();return}q.error(e.message??i(`adjustPlanModal.upgradeFailed`),{id:`pro-upgrade-error`})},onError:e=>{q.error(he(e,i(`adjustPlanModal.upgradeFailed`)),{id:`pro-upgrade-error`})}})}},Ne=async()=>{if(!(y||h.isPending)){if(!de(u.data)){x(`plans`),h.mutate({});return}await v()&&x(`plans`)}},Pe=f.isPending||p.isPending||m.isPending,Fe=w!=null&&w!==I,Ie=E!=null&&E!==L,Le=le&&k!==void 0&&k!==ue,Re=e=>Ee.find(t=>t.tier===e)?.price_cents??null,ze=e=>De.find(t=>t.tier===e)?.price_cents??null,Be=Re(w),Ve=ze(E),He=Re(I),Ue=ze(L),We=Fe&&Be!=null&&He!=null&&Be<He,Ge=()=>{if(Pe)return;let e=[];Fe&&w&&e.push(new Promise(e=>{f.mutate({body:{machine_tier:w}},{onSuccess:()=>e({dimension:`machine`,ok:!0}),onError:t=>e({dimension:`machine`,ok:!1,error:t})})})),Ie&&E&&e.push(new Promise(e=>{p.mutate({body:{storage_tier:E}},{onSuccess:()=>e({dimension:`storage`,ok:!0}),onError:t=>e({dimension:`storage`,ok:!1,error:t})})})),Le&&e.push(new Promise(e=>{m.mutate({body:{credit_tier:be}},{onSuccess:()=>e({dimension:`credit`,ok:!0}),onError:t=>e({dimension:`credit`,ok:!1,error:t})})})),Promise.all(e).then(e=>{fe(c);let r=e.some(e=>e.ok&&e.dimension===`storage`),a=e.some(e=>e.ok&&e.dimension===`machine`)&&!We,o=(r||a)&&!!n,s=e.filter(e=>!e.ok);if(s.length>0){let e=s.map(e=>he(e.error,`Failed to update ${e.dimension} tier.`)).join(` `);q.error(e,{id:`pro-tier-change-error`}),o&&(t(),n());return}o?(t(),n()):q.success(i(Le&&!Fe&&!Ie?`adjustPlanModal.creditBundleUpdated`:`adjustPlanModal.planUpdated`),{id:`pro-tier-change`})})},Ke=()=>{if(!Pe){if(We){C(!0);return}Ge()}},qe=()=>{C(!1),Ge()},Je=e=>Be!=null&&Ve!=null?e.base_price_cents+Be+Ve+xe:null,Ye=e=>He!=null&&Ue!=null?e.base_price_cents+He+Ue+ge:null,Xe=f.isError||p.isError||m.isError?he(f.error??p.error??m.error,i(`adjustPlanModal.updateFailed`)):null,Ze=l.isLoading||u.isLoading,Qe=l.isError||u.isError||!l.data||!u.data;return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(K.Root,{open:e,onOpenChange:e=>{e||(x(`plans`),t())},children:(0,Y.jsx)(K.Content,{size:b===`plans`?`lg`:`md`,children:b===`downgrade-confirm`?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(K.Header,{icon:N,children:(0,Y.jsx)(K.Title,{children:i(`adjustPlanModal.downgradeTitle`)})}),(0,Y.jsxs)(K.Body,{children:[(0,Y.jsx)(G,{as:`p`,variant:`body-medium-default`,className:`text-(--content-secondary)`,children:i(`adjustPlanModal.downgradeIntro`)}),(0,Y.jsx)(`ul`,{className:`mt-4 list-disc space-y-2 pl-5`,children:je.map(e=>(0,Y.jsx)(`li`,{children:(0,Y.jsx)(G,{as:`span`,variant:`body-medium-default`,children:e})},e))})]}),(0,Y.jsxs)(K.Footer,{children:[(0,Y.jsx)(W,{variant:`ghost`,onClick:()=>x(`plans`),disabled:y||h.isPending,leftIcon:(0,Y.jsx)(O,{className:`h-4 w-4`}),children:i(`adjustPlanModal.back`)}),(0,Y.jsx)(W,{variant:`danger`,onClick:()=>void Ne(),disabled:y||h.isPending,"data-testid":`confirm-downgrade-button`,children:i(`adjustPlanModal.confirmDowngrade`)})]})]}):(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(K.Header,{children:(0,Y.jsx)(K.Title,{className:`sr-only`,children:i(`adjustPlanModal.upgradePlanTitle`)})}),(0,Y.jsx)(K.Body,{children:Ze?(0,Y.jsxs)(`div`,{className:`flex items-center gap-2 text-body-medium-lighter text-[var(--content-tertiary)]`,children:[(0,Y.jsx)(j,{className:`h-4 w-4 animate-spin`}),(0,Y.jsx)(G,{as:`span`,variant:`body-medium-lighter`,children:i(`adjustPlanModal.loadingPlans`)})]}):Qe?(0,Y.jsx)(U,{tone:`error`,children:i(`adjustPlanModal.loadPlansError`)}):(0,Y.jsxs)(`div`,{className:`space-y-4 sm:space-y-6`,children:[(0,Y.jsxs)(`div`,{className:`space-y-2 pb-2 pt-4 text-center`,children:[(0,Y.jsx)(G,{as:`p`,variant:`title-medium`,children:i(`adjustPlanModal.heroTitle`)}),(0,Y.jsx)(G,{as:`p`,variant:`body-medium-lighter`,className:`text-[var(--content-secondary)]`,children:i(`adjustPlanModal.heroSubtitle`)})]}),(0,Y.jsx)(`div`,{className:`grid grid-cols-1 gap-4 md:grid-cols-2`,children:l.data.plans.map(e=>{let t=e.id===M,n=e.id===`pro`&&V?Je(V):null,r=e.id===`pro`&&V?Ye(V):null;return(0,Y.jsx)(wi,{plan:e,isCurrent:t,onPro:P,planDisplayName:Se,currentPlanFeatures:we,cancelAtPeriodEnd:ee,isCanceled:te,cancelDate:ne,formatGraceDate:se,proTierChangeMode:B,creditTiersEnabled:le,creditTiers:H,displayCreditTier:be,onCreditTierChange:A,selectedMachineTier:w,selectedStorageTier:E,onMachineTierChange:T,onStorageTierChange:D,machineTiersForPicker:Ee,storageTiersForPicker:De,currentMachinePrice:He,currentStoragePrice:Ue,currentCreditPriceUnknown:ye,proCurrentTotalCents:r,proLiveTotalCents:n,proTotalDelta:n!=null&&r!=null?n-r:null,onboardingLoading:F.isLoading,tierChangePending:Pe,machineChanged:Fe,storageChanged:Ie,creditChanged:Le,tierChangeError:Xe,upgradePending:d.isPending,billingActionPending:h.isPending||_,onUpgrade:Me,onApplyTierChange:Ke,onDowngradeClick:()=>x(`downgrade-confirm`),onKeepPlan:()=>{if(!de(u.data)){h.mutate({});return}g()}},e.id)})})]})}),(0,Y.jsxs)(K.Footer,{className:`relative items-center`,children:[(0,Y.jsx)(G,{as:`p`,variant:`body-small-default`,className:`pointer-events-none absolute inset-x-0 text-center text-[var(--content-tertiary)]`,children:(0,Y.jsx)(`span`,{className:`pointer-events-auto`,children:i(`adjustPlanModal.footerNote`)})}),(0,Y.jsx)(`div`,{className:`ml-auto`,children:(0,Y.jsx)(W,{variant:`outlined`,onClick:t,"data-testid":`modal-cancel-button`,children:i(`adjustPlanModal.cancel`)})})]})]})})}),(0,Y.jsx)(bi,{open:S,onCancel:()=>C(!1),onConfirm:qe,confirming:Pe,lostFeatures:[i(`adjustPlanModal.machineDowngradeFeature`)]})]})}function Di({open:e,confirming:t,onCancel:n,onConfirm:r}){let{t:i}=a(`settings`);return(0,Y.jsx)(Jt,{open:e,title:i(`autoTopUpDisableConfirm.title`),message:i(`autoTopUpDisableConfirm.message`),confirmLabel:i(t?`autoTopUpDisableConfirm.disabling`:`autoTopUpDisableConfirm.disable`),cancelLabel:i(`autoTopUpDisableConfirm.keepEnabled`),destructive:!0,onConfirm:r,onCancel:n})}var Oi={threshold_usd:`100`,amount_usd:`10`,monthly_cap_usd:``};function ki(e){if(e===``||e===`-`)return e;let t=parseFloat(e);return Number.isFinite(t)?String(Math.trunc(t)):``}function Ai(e){let t={},n=parseFloat(e.threshold_usd),r=parseFloat(e.amount_usd);if((!Number.isFinite(r)||r<10||r>500)&&(t.amount_usd=`Must be between $10 and $500`),(!Number.isFinite(n)||n<1||n>100)&&(t.threshold_usd=`Must be between $1 and $100`),e.monthly_cap_usd!==``){let n=parseFloat(e.monthly_cap_usd);!Number.isFinite(n)||n<25||n>1e4?t.monthly_cap_usd=`Must be between $25 and $10,000`:Number.isFinite(r)&&n<r&&(t.monthly_cap_usd=`Must be at least the top-up amount`)}return t}function ji(e,t,n,r){if(n[e])return n[e];if(r)return t[e]}function Mi({initialValues:e=Oi,submitting:t,serverErrors:n,onSave:r,onCancel:i}){let{t:o}=a(`settings`),[s,c]=(0,J.useState)(e),[l,u]=(0,J.useState)({threshold_usd:!1,amount_usd:!1,monthly_cap_usd:!1}),d=Ai(s),f=e=>t=>{c(n=>({...n,[e]:t.target.value}))},p=e=>()=>{u(t=>({...t,[e]:!0})),c(t=>({...t,[e]:ki(t[e])}))},m=e=>ji(e,d,n,l[e]);return(0,Y.jsx)(`div`,{className:`mt-4`,children:(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-start gap-2`,children:[(0,Y.jsx)(`div`,{className:`w-full max-w-full sm:w-[200px]`,children:(0,Y.jsx)(gt,{type:`number`,step:`1`,label:o(`autoTopUpForm.thresholdLabel`),value:s.threshold_usd,onChange:f(`threshold_usd`),onBlur:p(`threshold_usd`),errorText:m(`threshold_usd`),"data-testid":`auto-top-up-threshold-input`,fullWidth:!0})}),(0,Y.jsx)(`div`,{className:`w-full max-w-full sm:w-[200px]`,children:(0,Y.jsx)(gt,{type:`number`,step:`1`,label:o(`autoTopUpForm.amountLabel`),value:s.amount_usd,onChange:f(`amount_usd`),onBlur:p(`amount_usd`),errorText:m(`amount_usd`),"data-testid":`auto-top-up-amount-input`,fullWidth:!0})}),(0,Y.jsx)(`div`,{className:`w-full max-w-full sm:w-[200px]`,children:(0,Y.jsx)(gt,{type:`number`,step:`1`,label:o(`autoTopUpForm.capLabel`),value:s.monthly_cap_usd,onChange:f(`monthly_cap_usd`),onBlur:p(`monthly_cap_usd`),errorText:m(`monthly_cap_usd`),"data-testid":`auto-top-up-cap-input`,fullWidth:!0})}),(0,Y.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2 pt-[18px]`,children:[(0,Y.jsx)(W,{variant:`outlined`,onClick:i,disabled:t,children:o(`autoTopUpForm.cancel`)}),(0,Y.jsx)(W,{variant:`primary`,onClick:()=>{u({threshold_usd:!0,amount_usd:!0,monthly_cap_usd:!0});let e={threshold_usd:ki(s.threshold_usd),amount_usd:ki(s.amount_usd),monthly_cap_usd:ki(s.monthly_cap_usd)};c(e);let t=Ai(e);if(Object.keys(t).length!==0)return;let n=e=>e===``?``:`${parseInt(e,10)}.00`;r({threshold_usd:n(e.threshold_usd),amount_usd:n(e.amount_usd),monthly_cap_usd:e.monthly_cap_usd===``?``:n(e.monthly_cap_usd)})},disabled:t,"data-testid":`auto-top-up-save-button`,children:o(`autoTopUpForm.save`)})]})]})})}var Ni=t(((e,t)=>{t.exports=`SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED`})),Pi=t(((e,t)=>{var n=Ni();function r(){}function i(){}i.resetWarningCache=r,t.exports=function(){function e(e,t,r,i,a,o){if(o!==n){var s=Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw s.name=`Invariant Violation`,s}}e.isRequired=e;function t(){return e}var a={array:e,bigint:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:i,resetWarningCache:r};return a.PropTypes=a,a}})),X=e(t(((e,t)=>{t.exports=Pi()()}))(),1);function Fi(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),n.push.apply(n,r)}return n}function Ii(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?Fi(Object(n),!0).forEach(function(t){Ri(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Fi(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function Li(e){"@babel/helpers - typeof";return Li=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},Li(e)}function Ri(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function zi(e,t){if(e==null)return{};var n={},r=Object.keys(e),i,a;for(a=0;a<r.length;a++)i=r[a],!(t.indexOf(i)>=0)&&(n[i]=e[i]);return n}function Bi(e,t){if(e==null)return{};var n=zi(e,t),r,i;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(i=0;i<a.length;i++)r=a[i],!(t.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}function Vi(e,t){return Hi(e)||Ui(e,t)||Wi(e,t)||Ki()}function Hi(e){if(Array.isArray(e))return e}function Ui(e,t){var n=e&&(typeof Symbol<`u`&&e[Symbol.iterator]||e[`@@iterator`]);if(n!=null){var r=[],i=!0,a=!1,o,s;try{for(n=n.call(e);!(i=(o=n.next()).done)&&(r.push(o.value),!(t&&r.length===t));i=!0);}catch(e){a=!0,s=e}finally{try{!i&&n.return!=null&&n.return()}finally{if(a)throw s}}return r}}function Wi(e,t){if(e){if(typeof e==`string`)return Gi(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);if(n===`Object`&&e.constructor&&(n=e.constructor.name),n===`Map`||n===`Set`)return Array.from(e);if(n===`Arguments`||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Gi(e,t)}}function Gi(e,t){(t==null||t>e.length)&&(t=e.length);for(var n=0,r=Array(t);n<t;n++)r[n]=e[n];return r}function Ki(){throw TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}var Z=function(e,t,n){var r=!!n,i=J.useRef(n);J.useEffect(function(){i.current=n},[n]),J.useEffect(function(){if(!r||!e)return function(){};var n=function(){i.current&&i.current.apply(i,arguments)};return e.on(t,n),function(){e.off(t,n)}},[r,t,e,i])},qi=function(e){var t=J.useRef(e);return J.useEffect(function(){t.current=e},[e]),t.current},Ji=function(e){return e!==null&&Li(e)===`object`},Yi=function(e){return Ji(e)&&typeof e.then==`function`},Xi=function(e){return Ji(e)&&typeof e.elements==`function`&&typeof e.createToken==`function`&&typeof e.createPaymentMethod==`function`&&typeof e.confirmCardPayment==`function`},Zi=`[object Object]`,Qi=function e(t,n){if(!Ji(t)||!Ji(n))return t===n;var r=Array.isArray(t);if(r!==Array.isArray(n))return!1;var i=Object.prototype.toString.call(t)===Zi;if(i!==(Object.prototype.toString.call(n)===Zi))return!1;if(!i&&!r)return t===n;var a=Object.keys(t),o=Object.keys(n);if(a.length!==o.length)return!1;for(var s={},c=0;c<a.length;c+=1)s[a[c]]=!0;for(var l=0;l<o.length;l+=1)s[o[l]]=!0;var u=Object.keys(s);if(u.length!==a.length)return!1;var d=t,f=n;return u.every(function(t){return e(d[t],f[t])})},$i=function(e,t,n){return Ji(e)?Object.keys(e).reduce(function(r,i){var a=!Ji(t)||!Qi(e[i],t[i]);return n.includes(i)?(a&&console.warn(`Unsupported prop change: options.${i} is not a mutable property.`),r):a?Ii(Ii({},r||{}),{},Ri({},i,e[i])):r},null):null},ea="Invalid prop `stripe` supplied to `Elements`. We recommend using the `loadStripe` utility from `@stripe/stripe-js`. See https://stripe.com/docs/stripe-js/react#elements-props-stripe for details.",ta=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:ea;if(e===null||Xi(e))return e;throw Error(t)},na=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:ea;if(Yi(e))return{tag:`async`,stripePromise:Promise.resolve(e).then(function(e){return ta(e,t)})};var n=ta(e,t);return n===null?{tag:`empty`}:{tag:`sync`,stripe:n}},ra=function(e){!e||!e._registerWrapper||!e.registerAppInfo||(e._registerWrapper({name:`react-stripe-js`,version:`6.4.0`}),e.registerAppInfo({name:`react-stripe-js`,version:`6.4.0`,url:`https://stripe.com/docs/stripe-js/react`}))},ia=J.createContext(null);ia.displayName=`ElementsContext`;var aa=function(e,t){if(!e)throw Error(`Could not find Elements context; You need to wrap the part of your app that ${t} in an <Elements> provider.`);return e},oa=function(e){var t=e.stripe,n=e.options,r=e.children,i=J.useMemo(function(){return na(t)},[t]),a=Vi(J.useState(function(){return{stripe:i.tag===`sync`?i.stripe:null,elements:i.tag===`sync`?i.stripe.elements(n):null}}),2),o=a[0],s=a[1];J.useEffect(function(){var e=!0,t=function(e){s(function(t){return t.stripe?t:{stripe:e,elements:e.elements(n)}})};return i.tag===`async`&&!o.stripe?i.stripePromise.then(function(n){n&&e&&t(n)}):i.tag===`sync`&&!o.stripe&&t(i.stripe),function(){e=!1}},[i,o,n]);var c=qi(t);J.useEffect(function(){c!==null&&c!==t&&console.warn("Unsupported prop change on Elements: You cannot change the `stripe` prop after setting it.")},[c,t]);var l=qi(n);return J.useEffect(function(){if(o.elements){var e=$i(n,l,[`clientSecret`,`fonts`]);e&&o.elements.update(e)}},[n,l,o.elements]),J.useEffect(function(){ra(o.stripe)},[o.stripe]),J.createElement(ia.Provider,{value:o},r)};oa.propTypes={stripe:X.default.any,options:X.default.object};var sa=function(e){return aa(J.useContext(ia),e)},ca=function(e){var t=e.children;return t(sa(`mounts <ElementsConsumer>`))};ca.propTypes={children:X.default.func.isRequired};var la=J.createContext(null);la.displayName=`CheckoutContext`;var ua=function(e){var t=J.useContext(la),n=J.useContext(ia);if(t){if(n)throw Error(`You cannot wrap the part of your app that ${e} in both a checkout provider and <Elements> provider.`);return t}else return aa(n,e)},da=[`mode`],fa=function(e){return e.charAt(0).toUpperCase()+e.slice(1)},Q=function(e,t,n){var r=`${fa(e)}Element`,i=t?function(e){ua(`mounts <${r}>`);var t=e.id,n=e.className;return J.createElement(`div`,{id:t,className:n})}:function(t){var n=t.id,i=t.className,a=t.options,o=a===void 0?{}:a,s=t.onBlur,c=t.onFocus,l=t.onReady,u=t.onChange,d=t.onEscape,f=t.onClick,p=t.onLoadError,m=t.onLoaderStart,h=t.onNetworksChange,g=t.onConfirm,_=t.onCancel,v=t.onShippingAddressChange,y=t.onShippingRateChange,b=t.onSavedPaymentMethodRemove,x=t.onSavedPaymentMethodUpdate,S=t.onAvailablePaymentMethodsChange,C=ua(`mounts <${r}>`),w=`elements`in C?C.elements:null,T=`checkoutState`in C?C.checkoutState:null,E=T?.type===`success`||T?.type===`loading`?T.sdk:null,D=Vi(J.useState(null),2),O=D[0],k=D[1],A=J.useRef(null),j=J.useRef(null);Z(O,`blur`,s),Z(O,`focus`,c),Z(O,`escape`,d),Z(O,`click`,f),Z(O,`loaderror`,p),Z(O,`loaderstart`,m),Z(O,`networkschange`,h),Z(O,`confirm`,g),Z(O,`cancel`,_),Z(O,`shippingaddresschange`,v),Z(O,`shippingratechange`,y),Z(O,`savedpaymentmethodremove`,b),Z(O,`savedpaymentmethodupdate`,x),Z(O,`availablepaymentmethodschange`,S),Z(O,`change`,u);var M;l&&(M=e===`expressCheckout`?l:function(){l(O)}),Z(O,`ready`,M),J.useLayoutEffect(function(){if(A.current===null&&j.current!==null&&(w||E)){var t=null;if(E){var n=E,i=E;switch(e){case`paymentForm`:t=i.createForm(o);break;case`payment`:t=n.createPaymentElement(o);break;case`address`:if(`mode`in o){var a=o.mode,s=Bi(o,da);if(a===`shipping`)t=n.createShippingAddressElement(s);else if(a===`billing`)t=n.createBillingAddressElement(s);else throw Error(`Invalid options.mode. mode must be 'billing' or 'shipping'.`)}else throw Error(`You must supply options.mode. mode must be 'billing' or 'shipping'.`);break;case`expressCheckout`:t=n.createExpressCheckoutElement(o);break;case`currencySelector`:t=E.createCurrencySelectorElement();break;case`taxId`:t=n.createTaxIdElement(o);break;case`contactDetails`:t=n.createContactDetailsElement();break;default:throw Error(`<${r}> is not supported inside a checkout provider. Use an <Elements> provider instead.`)}}else w&&(t=w.create(e,o));A.current=t,k(t),t&&t.mount(j.current)}},[w,E,o]);var N=qi(o);return J.useEffect(function(){if(A.current){var e=$i(o,N,[`paymentRequest`]);e&&`update`in A.current&&A.current.update(e)}},[o,N]),J.useLayoutEffect(function(){return function(){if(A.current&&typeof A.current.destroy==`function`)try{A.current.destroy(),A.current=null}catch{}}},[]),J.createElement(`div`,{id:n,className:i,ref:j})};return i.propTypes={id:X.default.string,className:X.default.string,onChange:X.default.func,onBlur:X.default.func,onFocus:X.default.func,onReady:X.default.func,onEscape:X.default.func,onClick:X.default.func,onLoadError:X.default.func,onLoaderStart:X.default.func,onNetworksChange:X.default.func,onConfirm:X.default.func,onCancel:X.default.func,onShippingAddressChange:X.default.func,onShippingRateChange:X.default.func,onSavedPaymentMethodRemove:X.default.func,onSavedPaymentMethodUpdate:X.default.func,onAvailablePaymentMethodsChange:X.default.func,options:X.default.object},i.displayName=r,i.__elementType=e,i},$=typeof window>`u`,pa=J.createContext(null);pa.displayName=`EmbeddedCheckoutProviderContext`,Q(`auBankAccount`,$),Q(`card`,$),Q(`cardNumber`,$),Q(`cardExpiry`,$),Q(`cardCvc`,$),Q(`iban`,$),Q(`payment`,$),Q(`expressCheckout`,$),Q(`paymentRequestButton`,$),Q(`linkAuthentication`,$),Q(`contactDetails`,$),Q(`address`,$),Q(`shippingAddress`,$),Q(`paymentMethodMessaging`,$),Q(`taxId`,$),Q(`issuingCardNumberDisplay`,$),Q(`issuingCardCvcDisplay`,$),Q(`issuingCardExpiryDisplay`,$),Q(`issuingCardPinDisplay`,$),Q(`issuingCardCopyButton`,$);var ma=`dahlia`,ha=`https://js.stripe.com`,ga=`${ha}/${ma}/stripe.js`,_a=/^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/,va=/^https:\/\/js\.stripe\.com\/(v3|[a-z]+)\/stripe\.js(\?.*)?$/,ya=`loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used`,ba=function(e){return _a.test(e)||va.test(e)},xa=function(){for(var e=document.querySelectorAll(`script[src^="${ha}"]`),t=0;t<e.length;t++){var n=e[t];if(ba(n.src))return n}return null},Sa=function(e){var t=e&&!e.advancedFraudSignals?`?advancedFraudSignals=false`:``,n=document.createElement(`script`);n.src=`${ga}${t}`;var r=document.head||document.body;if(!r)throw Error(`Expected document.body not to be null. Stripe.js requires a <body> element.`);return r.appendChild(n),n},Ca=null,wa=null,Ta=null,Ea=function(e){return function(t){e(Error(`Failed to load Stripe.js`,{cause:t}))}},Da=function(e,t){return function(){window.Stripe?e(window.Stripe):t(Error(`Stripe.js not available`))}},Oa=function(e){return Ca===null?(Ca=new Promise(function(t,n){if(typeof window>`u`||typeof document>`u`){t(null);return}if(window.Stripe&&e&&console.warn(ya),window.Stripe){t(window.Stripe);return}try{var r=xa();if(r&&e)console.warn(ya);else if(!r)r=Sa(e);else if(r&&Ta!==null&&wa!==null){var i;r.removeEventListener(`load`,Ta),r.removeEventListener(`error`,wa),(i=r.parentNode)==null||i.removeChild(r),r=Sa(e)}Ta=Da(t,n),wa=Ea(n),r.addEventListener(`load`,Ta),r.addEventListener(`error`,wa)}catch(e){n(e);return}}),Ca.catch(function(e){return Ca=null,Promise.reject(e)})):Ca},ka,Aa=!1,ja=function(){return ka||(ka=Oa(null).catch(function(e){return ka=null,Promise.reject(e)}),ka)};Promise.resolve().then(function(){return ja()}).catch(function(e){Aa||console.warn(e)});function Ma(){return typeof document<`u`&&document.documentElement.classList.contains(`dark`)?{theme:`night`}:{theme:`stripe`}}function Na(e){return mn({open:e.open,path:At.settings.usageBilling,onClose:e.onClose})?null:(0,Y.jsx)(Pa,{...e})}function Pa({open:e,onClose:t,onSavedOptimistic:n}){let{t:r}=a(`settings`),i=o(Ne()),{mutate:s,reset:c}=i;return(0,J.useEffect)(()=>{e||c()},[e,s,c]),(0,J.useMemo)(()=>Ma(),[i.data?.client_secret??null]),(0,Y.jsx)(K.Root,{open:e,onOpenChange:e=>{e||t()},children:(0,Y.jsxs)(K.Content,{size:`sm`,children:[(0,Y.jsx)(K.Header,{children:(0,Y.jsx)(K.Title,{children:r(`autoTopUpPaymentMethodModal.title`)})}),(0,Y.jsx)(K.Body,{className:`min-h-[260px]`,children:(0,Y.jsx)(Fa,{})})]})})}function Fa(){let{t:e}=a(`settings`);return(0,J.useEffect)(()=>{console.warn(`[AutoTopUpPaymentMethodModal] VITE_STRIPE_PUBLISHABLE_KEY is not set; the payment-method modal cannot mount Stripe Elements.`)},[]),(0,Y.jsx)(U,{tone:`error`,children:e(`autoTopUpPaymentMethodModal.unavailable`)})}var Ia=1500,La=2e4;function Ra(){let e=s();return async()=>{let t=nt(),n=e.getQueryData(t)?.stripe_payment_method_updated_at??null;await e.cancelQueries({queryKey:t});let r=()=>{let n=e.getQueryData(t);n!=null&&!n.has_payment_method&&ot(e,void 0,{...n,has_payment_method:!0})};r();let i=e.getQueryCache().subscribe(e=>{e.type===`updated`&&e.query.queryHash===c(t)&&r()});try{let t=Date.now();for(;Date.now()-t<La;){try{let{data:t}=await un();if(t!=null&&t.has_payment_method&&t.stripe_payment_method_updated_at!==n){ot(e,void 0,t);return}}catch{}await new Promise(e=>setTimeout(e,Ia))}}finally{i()}}}function za(){let e=s(),t=Ra(),{mutateAsync:n}=o(it());return async({setupIntentId:r})=>{if(r!=null)try{let t=await n({body:{setup_intent_id:r}});await e.cancelQueries({queryKey:nt()}),ot(e,void 0,t);return}catch{}await t()}}function Ba(e){if(!e||typeof e!=`object`||Array.isArray(e))return{};let t={};for(let[n,r]of Object.entries(e))Array.isArray(r)&&typeof r[0]==`string`&&(t[n]=r[0]);return t}function Va(e){if(!e)return``;let t=parseFloat(e);return Number.isFinite(t)?String(Math.trunc(t)):``}var Ha={enabled:!1,threshold_usd:null,amount_usd:null,monthly_cap_usd:null,has_payment_method:!1,payment_method_brand:null,payment_method_last4:null,stripe_payment_method_updated_at:null,last_charge_at:null,last_failure_at:null,last_failure_reason:null,disabled_due_to_repeated_failures:!1,paused_until:null,current_month_credits_purchased_usd:`0.00`,current_month_charged_usd:`0.00`,next_trigger_amount_usd:null,stubbed:!1};function Ua({testId:e,children:t}){return(0,Y.jsx)(`div`,{"data-testid":e,className:`flex h-8 min-w-0 flex-1 items-center gap-1.5 rounded-lg bg-[var(--surface-base)] px-2`,children:t})}function Wa(){let{t:e}=a(`settings`),t=s(),n=lt(),r=o(He()),i=o(Le()),c=za(),l=Fe(),[u,d]=p(),f=(0,J.useRef)(null),[m,h]=(0,J.useState)(`view`),[g,_]=(0,J.useState)(!1),[v,y]=(0,J.useState)(!1),[b,x]=(0,J.useState)(!1),[S,T]=(0,J.useState)(!1),[E,O]=(0,J.useState)(!1),k=(0,J.useRef)(!1),A=n.data?.has_payment_method===!0;(0,J.useEffect)(()=>{k.current&&!A&&(x(!1),h(`view`),_(!1)),k.current=A},[A]);let j=()=>{if(l){hn(At.settings.usageBillingConfigureTopUps);return}r.reset(),i.reset(),h(`form`)},M=e=>{if(l){hn(At.settings.usageBillingConfigureTopUps);return}if(_(!0),!e.has_payment_method||e.disabled_due_to_repeated_failures===!0){x(!0),T(!1);return}x(!1),j()},N=n.data?.has_payment_method===!0,P=n.data?.enabled===!0,F=n.data?.disabled_due_to_repeated_failures===!0;(0,J.useEffect)(()=>{b&&N&&!F&&(x(!1),g&&!P&&j())},[b,g,N,P,F]);let I=u.get(`configure_top_up`)===`1`;if((0,J.useEffect)(()=>{if(!I||n.data==null)return;let e=new URLSearchParams(u);e.delete(`configure_top_up`),d(e,{replace:!0});let t=n.data;t.enabled===!0?j():M(t);let r=typeof window<`u`&&window.matchMedia?.(`(prefers-reduced-motion: reduce)`).matches===!0;f.current?.scrollIntoView({behavior:r?`auto`:`smooth`,block:`center`})},[I,n.data]),n.isPending)return(0,Y.jsx)(`div`,{"data-testid":`auto-top-up-card`,children:(0,Y.jsx)(`p`,{className:`text-body-medium-lighter text-[var(--content-tertiary)]`,children:e(`autoTopUpCard.loading`)})});if(n.isError||!n.data)return(0,Y.jsx)(`div`,{"data-testid":`auto-top-up-card`,children:(0,Y.jsx)(U,{tone:`error`,children:e(`autoTopUpCard.loadError`)})});let L=n.data,R=L.enabled===!0,ee=L.disabled_due_to_repeated_failures===!0&&!R,te=()=>{h(`view`),_(!1)},ne=()=>{i.reset(),y(!1)},re=e=>{r.mutate({body:{enabled:!0,threshold_usd:e.threshold_usd,amount_usd:e.amount_usd,monthly_cap_usd:e.monthly_cap_usd===``?null:e.monthly_cap_usd}},{onSuccess:e=>{ot(t,void 0,t=>({...e,payment_method_brand:t?.payment_method_brand??null,payment_method_last4:t?.payment_method_last4??null})),t.invalidateQueries({queryKey:nt()}),R||(t.invalidateQueries({queryKey:st()}),t.invalidateQueries({queryKey:sn()})),te()}})},ie=()=>{i.mutate({},{onSuccess:()=>{ot(t,void 0,e=>({...Ha,has_payment_method:e?.has_payment_method??!1,payment_method_brand:e?.payment_method_brand??null,payment_method_last4:e?.payment_method_last4??null,stripe_payment_method_updated_at:e?.stripe_payment_method_updated_at??null})),y(!1),h(`view`),_(!1)}})},z=e=>{if(e&&!R){M(L);return}if(!e&&!R&&g){x(!1),te();return}!e&&R&&y(!0)},B=async e=>{await c(e),x(!1),g&&j()},ae=m===`form`,V=Ba(r.error),oe=r.isError&&Object.keys(V).length===0,H=R||g;return(0,Y.jsxs)(`div`,{ref:f,"data-testid":`auto-top-up-card`,children:[(0,Y.jsx)(`div`,{className:`flex items-center justify-between gap-4`,children:(0,Y.jsx)(Pt,{checked:H,onChange:z,label:e(`autoTopUpCard.toggleLabel`),helperText:H?e(`autoTopUpCard.toggleHelper`):void 0})}),R&&!ae&&(0,Y.jsxs)(`div`,{className:`mt-3 flex w-full items-center gap-2`,children:[(0,Y.jsxs)(Ua,{testId:`auto-top-up-summary`,children:[(0,Y.jsx)(C,{className:`h-3.5 w-3.5 shrink-0 text-[var(--content-default)]`,"aria-hidden":`true`}),(0,Y.jsx)(G,{variant:`body-medium-default`,className:`truncate text-[var(--content-default)]`,children:e(`autoTopUpCard.summary`,{amount:Ve(L.amount_usd),threshold:Ve(L.threshold_usd)})})]}),L.monthly_cap_usd!=null&&(0,Y.jsx)(Ua,{testId:`auto-top-up-cap-progress`,children:(0,Y.jsxs)(G,{variant:`body-medium-default`,className:`truncate text-[var(--content-default)]`,children:[(0,Y.jsx)(`span`,{children:Ve(L.current_month_credits_purchased_usd)}),(0,Y.jsx)(`span`,{className:`text-[var(--content-tertiary)]`,children:e(`autoTopUpCard.capProgress`,{cap:Ve(L.monthly_cap_usd)})})]})}),(0,Y.jsx)(W,{variant:`outlined`,onClick:j,"data-testid":`auto-top-up-edit-button`,className:`shrink-0`,children:e(`autoTopUpCard.adjust`)})]}),ee&&(0,Y.jsx)(U,{tone:`warning`,className:`mt-3`,"data-testid":`auto-top-up-declined-cutoff`,actions:(0,Y.jsx)(W,{variant:`outlined`,onClick:()=>O(!0),"data-testid":`auto-top-up-add-pm-button`,children:e(`autoTopUpCard.addPaymentMethod`)}),children:e(`autoTopUpCard.declinedCutoffNotice`)}),(0,Y.jsx)(`div`,{className:`grid transition-[grid-template-rows] duration-200 ease-in-out`,style:{gridTemplateRows:b&&!ee?`1fr`:`0fr`},children:(0,Y.jsx)(`div`,{className:`overflow-hidden`,children:(0,Y.jsxs)(`div`,{className:`mt-3 flex flex-col gap-3`,children:[!S&&(0,Y.jsxs)(`div`,{className:`flex h-8 items-center justify-between gap-3 rounded-lg bg-[var(--system-mid-weak)] px-2`,children:[(0,Y.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,Y.jsx)(D,{className:`h-4 w-4 shrink-0 text-[var(--system-mid-strong)]`,"aria-hidden":`true`}),(0,Y.jsx)(G,{variant:`body-medium-default`,className:`truncate text-[var(--system-mid-strong)]`,children:e(`autoTopUpCard.connectCardBanner`)})]}),(0,Y.jsx)(`button`,{type:`button`,"aria-label":e(`autoTopUpCard.dismiss`),onClick:()=>T(!0),className:`flex shrink-0 cursor-pointer items-center justify-center rounded p-0.5 text-[var(--system-mid-strong)] opacity-70 transition-opacity hover:opacity-100`,children:(0,Y.jsx)(w,{className:`h-2.5 w-2.5`,strokeWidth:2,"aria-hidden":`true`})})]}),(0,Y.jsx)(W,{variant:`primary`,onClick:()=>O(!0),"data-testid":`auto-top-up-add-pm-button`,className:`self-start`,children:e(`autoTopUpCard.addCreditCard`)})]})})}),oe&&(0,Y.jsx)(U,{tone:`error`,className:`mt-4`,"data-testid":`auto-top-up-update-error`,children:e(`autoTopUpCard.updateError`)}),i.isError&&(0,Y.jsx)(U,{tone:`error`,className:`mt-4`,"data-testid":`auto-top-up-disable-error`,children:e(`autoTopUpCard.disableError`)}),ae&&(0,Y.jsx)(Mi,{initialValues:R?{threshold_usd:Va(L.threshold_usd),amount_usd:Va(L.amount_usd),monthly_cap_usd:Va(L.monthly_cap_usd)}:void 0,submitting:r.isPending,serverErrors:V,onCancel:te,onSave:re}),(0,Y.jsx)(Di,{open:v,confirming:i.isPending,onCancel:ne,onConfirm:ie}),(0,Y.jsx)(Na,{open:E,onClose:()=>O(!1),onSavedOptimistic:B})]})}function Ga({title:e,subtitle:t,actions:n}){return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-3 sm:flex-row sm:items-start sm:justify-between sm:gap-4`,children:[(0,Y.jsxs)(`div`,{className:`min-w-0`,children:[(0,Y.jsx)(G,{as:`h2`,variant:`title-medium`,className:`text-[var(--content-emphasised)]`,children:e}),t!=null&&(0,Y.jsx)(G,{as:`p`,variant:`body-medium-default`,className:`mt-2 text-[var(--content-tertiary)]`,children:t})]}),n!=null&&(0,Y.jsx)(`div`,{className:`flex shrink-0 items-center gap-2`,children:n})]})}function Ka(e,t){let[n]=(0,J.useState)(()=>window.location.hash===`#${e}`),[r,i]=(0,J.useState)(!1);(0,J.useEffect)(()=>{if(!n||r||!t)return;let a=document.getElementById(e);if(!a)return;i(!0);let o=window.matchMedia(`(prefers-reduced-motion: reduce)`).matches;a.scrollIntoView({behavior:o?`auto`:`smooth`,block:`start`})},[n,r,t,e])}var qa=`daily-credit-limit`;function Ja(e){let t=e.trim();if(t===``)return i(`settings:dailyCreditLimitCard.errorEmpty`);let n=parseFloat(t);if(!Number.isFinite(n)||n<1)return i(`settings:dailyCreditLimitCard.errorMin`);if(!/^\d+(\.\d{1,2})?$/.test(t))return i(`settings:dailyCreditLimitCard.errorDecimals`)}function Ya(){let{t:e}=a(`settings`),t=s(),n=r(ut()),i=r(ht()),c=lt(),l=o(Ye()),u=ze();Ka(qa,!n.isLoading&&!i.isLoading);let[d,f]=(0,J.useState)(null),[p,m]=(0,J.useState)(!1),[h,g]=(0,J.useState)(!1);if(n.isLoading)return(0,Y.jsx)(`div`,{"data-testid":`daily-credit-limit-card`,children:(0,Y.jsx)(`p`,{className:`text-body-medium-lighter text-[var(--content-tertiary)]`,children:e(`dailyCreditLimitCard.loading`)})});if(n.isError||!n.data)return(0,Y.jsx)(`div`,{"data-testid":`daily-credit-limit-card`,children:(0,Y.jsx)(U,{tone:`error`,children:e(`dailyCreditLimitCard.loadError`)})});let _=n.data,v=_.daily_credit_limit_usd!=null,y=v||h,b=d??_.daily_credit_limit_usd??``,x=Ja(b),S=i.data,C=S?.daily_spend_usd??_.current_day_spent_usd,w=S?.daily_limit_reached===!0,T=_.daily_limit_snoozed===!0||S?.daily_limit_snoozed===!0,E=Yt(),D=c.data?.enabled===!0&&!c.isError,O=e=>{f(e.target.value)},k=e=>{l.mutate({body:{daily_credit_limit_usd:e}},{onSuccess:n=>{pt(t,void 0,n),t.invalidateQueries({queryKey:st()}),t.invalidateQueries({queryKey:sn()}),f(null),m(!1),e===null&&g(!1)}})},A=e=>{if(e){g(!0);return}v&&D||(g(!1),f(null),m(!1),v&&k(null))},j=()=>{m(!0),!x&&k(parseFloat(b.trim()).toFixed(2))},M=Ba(l.error).daily_credit_limit_usd??(l.isError?e(`dailyCreditLimitCard.saveError`):void 0),N=p?x:void 0;return(0,Y.jsxs)(`div`,{"data-testid":`daily-credit-limit-card`,children:[(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,Y.jsx)(Pt,{checked:y,onChange:A,disabled:l.isPending||v&&D,label:e(`dailyCreditLimitCard.toggleLabel`),helperText:y?e(`dailyCreditLimitCard.toggleSubtitle`):void 0}),D&&(0,Y.jsx)(`p`,{className:`text-body-small-default text-[var(--content-tertiary)]`,"data-testid":`daily-credit-limit-required-note`,children:e(`dailyCreditLimitCard.requiredNote`)}),y&&(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-start gap-3`,children:[(0,Y.jsx)(`div`,{className:`w-60 max-w-full`,children:(0,Y.jsx)(gt,{type:`number`,step:`0.01`,min:`1`,label:e(`dailyCreditLimitCard.inputLabel`),helperText:e(`dailyCreditLimitCard.helperText`,{time:E}),placeholder:`0.00`,value:b,onChange:O,onBlur:()=>m(!0),errorText:N,"data-testid":`daily-credit-limit-input`,fullWidth:!0})}),(0,Y.jsx)(`div`,{className:`flex shrink-0 items-center gap-2 pt-[18px]`,children:(0,Y.jsx)(W,{variant:`primary`,onClick:j,disabled:l.isPending,"data-testid":`daily-credit-limit-save-button`,children:e(`dailyCreditLimitCard.save`)})})]}),v&&_.daily_credit_limit_usd!=null&&(0,Y.jsx)(`p`,{className:`text-body-small-default text-[var(--content-tertiary)]`,"data-testid":`daily-credit-limit-progress`,children:e(`dailyCreditLimitCard.progress`,{spent:Me(C),limit:Me(_.daily_credit_limit_usd)})}),T&&(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(U,{tone:`info`,"data-testid":`daily-credit-limit-skipped`,actions:(0,Y.jsx)(W,{variant:`outlined`,size:`compact`,onClick:()=>u.mutate({}),disabled:u.isPending,"data-testid":`daily-credit-limit-resume-button`,children:e(`dailyCreditLimitCard.resumeNow`)}),children:e(`dailyCreditLimitCard.skippedNotice`,{time:E})}),u.isError&&(0,Y.jsx)(U,{tone:`error`,"data-testid":`daily-credit-limit-resume-error`,children:e(`dailyCreditLimitCard.resumeError`)})]}),w&&(0,Y.jsx)(U,{tone:`warning`,"data-testid":`daily-credit-limit-reached`,children:e(`dailyCreditLimitCard.reachedNotice`,{time:E})})]})]}),M!=null&&(0,Y.jsx)(U,{tone:`error`,className:`mt-4`,"data-testid":`daily-credit-limit-update-error`,children:M})]})}function Xa(e){if(e.trim()===``)return;let t=parseFloat(e);if(!Number.isFinite(t)||t<1||t>1e3)return i(`settings:lowBalanceAlertCard.errorRange`);if(!/^\d+(\.\d{1,2})?$/.test(e.trim()))return i(`settings:lowBalanceAlertCard.errorDecimals`)}function Za(){let{t:e}=a(`settings`),t=s(),n=r(Et()),i=o($t()),[c,l]=(0,J.useState)(null),[u,d]=(0,J.useState)(!1);if(n.isLoading)return(0,Y.jsx)(`div`,{"data-testid":`low-balance-alert-card`,children:(0,Y.jsx)(`p`,{className:`text-body-medium-lighter text-[var(--content-tertiary)]`,children:e(`lowBalanceAlertCard.loading`)})});if(n.isError||!n.data)return(0,Y.jsx)(`div`,{"data-testid":`low-balance-alert-card`,children:(0,Y.jsx)(U,{tone:`error`,children:e(`lowBalanceAlertCard.loadError`)})});let f=n.data,p=c??f.threshold_usd??``,m=Xa(p),h=e=>{l(e.target.value)},g=e=>{i.mutate({body:{threshold_usd:e}},{onSuccess:e=>{Wt(t,void 0,e),t.invalidateQueries({queryKey:an()}),l(null),d(!1)}})},_=()=>{if(d(!0),m)return;let e=p.trim();g(e===``?null:parseFloat(e).toFixed(2))},v=()=>{l(``),d(!1),g(null)},y=i.isError,b=u?m:void 0;return(0,Y.jsxs)(`div`,{"data-testid":`low-balance-alert-card`,children:[(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-start gap-3`,children:[(0,Y.jsx)(`div`,{className:`w-60 max-w-full`,children:(0,Y.jsx)(gt,{type:`number`,step:`0.01`,label:e(`lowBalanceAlertCard.label`),helperText:e(`lowBalanceAlertCard.helperText`,{amount:Me(f.default_threshold_usd)}),placeholder:f.effective_threshold_usd,value:p,onChange:h,onBlur:()=>d(!0),errorText:b,"data-testid":`low-balance-alert-input`,fullWidth:!0})}),(0,Y.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2 pt-[18px]`,children:[f.threshold_usd!=null&&(0,Y.jsx)(W,{variant:`outlined`,onClick:v,disabled:i.isPending,"data-testid":`low-balance-alert-reset-button`,children:e(`lowBalanceAlertCard.reset`)}),(0,Y.jsx)(W,{variant:`primary`,onClick:_,disabled:i.isPending,"data-testid":`low-balance-alert-save-button`,children:e(`lowBalanceAlertCard.save`)})]})]}),y&&(0,Y.jsx)(U,{tone:`error`,className:`mt-4`,"data-testid":`low-balance-alert-update-error`,children:e(`lowBalanceAlertCard.saveError`)})]})}function Qa(e){return e.replace(/\.00$/,``)}function $a({icon:e,value:t,label:n}){return(0,Y.jsxs)(`div`,{className:`flex h-8 min-w-0 flex-1 items-center gap-1.5 rounded-lg bg-[var(--surface-base)] px-2 py-1.5`,children:[(0,Y.jsx)(`span`,{"aria-hidden":`true`,className:`flex h-3.5 w-3.5 shrink-0 items-center justify-center text-[var(--content-default)]`,children:e}),(0,Y.jsx)(G,{variant:`body-medium-default`,as:`span`,className:`text-[var(--content-default)]`,children:t}),(0,Y.jsx)(G,{variant:`body-small-default`,as:`span`,className:`min-w-0 truncate text-[var(--content-tertiary)]`,children:n})]})}function eo(){let{t:e}=a(`settings`),{data:t,isLoading:n,isError:i}=r($e()),[o,s]=(0,J.useState)(!1),c=(0,J.useCallback)(t=>{Je(t,{successMessage:e(`referralContent.copySuccess`),errorMessage:e(`referralContent.copyError`),onCopied:()=>{s(!0),setTimeout(()=>s(!1),2e3)}})},[e]),l=t?.is_eligible_for_credits===!1,u=qe(),d=(0,J.useId)(),f=t?e(`referralContent.subtitleWithAmounts`,{creditAmount:Qa(t.referrer_credit_amount),earningCap:Qa(t.earning_cap)}):e(`referralContent.subtitleDefault`),p=t?(0,Y.jsx)(W,{variant:`outlined`,className:Bt(`shrink-0`,l&&`pointer-events-none`),disabled:l,"aria-describedby":l?d:void 0,onClick:()=>c(t.referral_url),leftIcon:o?(0,Y.jsx)(_,{className:`h-3.5 w-3.5`}):(0,Y.jsx)(M,{className:`h-3.5 w-3.5`}),"data-testid":`referral-copy-button`,children:e(o?`referralContent.copied`:`referralContent.shareLink`)}):null;return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,Y.jsx)(G,{as:`p`,variant:`body-medium-default`,className:`text-[var(--content-tertiary)]`,children:f}),n?(0,Y.jsxs)(`div`,{className:`flex items-center gap-2 text-body-medium-lighter text-[var(--content-tertiary)]`,children:[(0,Y.jsx)(j,{className:`h-4 w-4 animate-spin`}),e(`referralContent.loading`)]}):i||!t?(0,Y.jsx)(U,{tone:`error`,children:e(`referralContent.loadError`)}):(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-start gap-2`,children:[(0,Y.jsx)($a,{icon:(0,Y.jsx)(C,{className:`h-3.5 w-3.5`}),value:Qa(t.total_earned),label:e(`referralContent.creditsEarned`)}),(0,Y.jsx)($a,{icon:(0,Y.jsx)(E,{className:`h-3.5 w-3.5`}),value:t.referred_count,label:e(`referralContent.friendsReferred`)}),l?(0,Y.jsx)(je,{content:e(`referralContent.gatedTooltip`),children:(0,Y.jsx)(`span`,{tabIndex:u?0:void 0,className:`inline-flex shrink-0 rounded-lg focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]`,children:p})}):p]}),l&&(0,Y.jsx)(G,{as:`p`,id:d,variant:`body-small-default`,className:u?`sr-only`:`text-[var(--content-tertiary)]`,children:e(`referralContent.gatedTooltip`)})]})]})}function to({open:e,onOpenChange:t}){let{t:n}=a(`settings`);return(0,Y.jsx)(K.Root,{open:e,onOpenChange:t,children:(0,Y.jsxs)(K.Content,{"data-testid":`referral-modal`,children:[(0,Y.jsx)(K.Header,{children:(0,Y.jsx)(K.Title,{children:n(`referralModal.title`)})}),(0,Y.jsx)(K.Body,{children:(0,Y.jsx)(eo,{})})]})})}var no=2e3;function ro(e){let t=parseFloat(e);if(Number.isNaN(t))return`0`;let n=Math.abs(t).toLocaleString(`en-US`,{minimumFractionDigits:2,maximumFractionDigits:2}),r=n.endsWith(`.00`)?n.slice(0,-3):n;return t<0?`-${r}`:r}function io(){let{t:e}=a(`settings`),t=s(),n=Ut(),{data:i,isLoading:o,isError:c}=r(ht()),l=i??null,[u,d]=(0,J.useState)(!1),[f,p]=(0,J.useState)(!1),[m,h]=(0,J.useState)(!1),g=(0,J.useRef)(0),_=(0,J.useRef)(null),v=We({onSuccess:()=>{t.invalidateQueries({queryKey:sn()})},onError:()=>{g.current<3&&(_.current=setTimeout(()=>{v.reset()},no))}});(0,J.useEffect)(()=>()=>{_.current&&clearTimeout(_.current)},[]);let y=v.mutate;(0,J.useEffect)(()=>{l&&l.settled_balance===`0.00`&&l.pending_compute===`0.00`&&l.effective_balance===`0.00`&&g.current<3&&!v.isPending&&!v.isError&&!v.isSuccess&&(g.current+=1,y({}))},[l,v.isPending,v.isError,v.isSuccess,y]);let b=(0,Y.jsx)(Ga,{title:e(`billingPanel.title`),subtitle:e(`billingPanel.subtitle`),actions:(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(W,{variant:`outlined`,leftIcon:(0,Y.jsx)(C,{className:`h-4 w-4`,"aria-hidden":!0}),onClick:()=>p(!0),"data-testid":`earn-credits-button`,children:e(`billingPanel.earnCreditsButton`)}),(0,Y.jsx)(W,{variant:`primary`,onClick:()=>d(!0),disabled:o||!l,"data-testid":`add-credits-button`,children:e(`billingPanel.addCreditsButton`)})]})});return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(ln,{padding:`md`,children:[b,o?(0,Y.jsxs)(`div`,{className:`mt-4 flex items-center gap-2 text-body-medium-lighter text-[var(--content-tertiary)]`,children:[(0,Y.jsx)(j,{className:`h-4 w-4 animate-spin`}),e(`billingPanel.loading`)]}):c?(0,Y.jsx)(`div`,{className:`mt-4`,children:(0,Y.jsx)(U,{tone:`error`,children:e(`billingPanel.loadError`)})}):l?(0,Y.jsxs)(Y.Fragment,{children:[(()=>{if(!l)return null;let t=Tt(n,l.effective_balance,l.available_usage_balance),r=parseFloat(t)<0,i=ro(t),a=i.startsWith(`-`)?`-$${i.slice(1)}`:`$${i}`;return(0,Y.jsx)(`div`,{className:`mt-4`,children:(0,Y.jsx)(Ie,{icon:(0,Y.jsx)(C,{className:`h-4 w-4`,"aria-hidden":!0}),value:(0,Y.jsx)(`span`,{"data-testid":`effective-balance`,children:a}),label:e(`billingPanel.balanceLabel`),tone:r?`negative`:`default`})})})(),l.is_degraded&&(0,Y.jsx)(`div`,{className:`mt-4`,children:(0,Y.jsx)(U,{tone:`warning`,children:e(`billingPanel.degradedNotice`)})})]}):(0,Y.jsx)(`p`,{className:`mt-4 text-body-medium-lighter text-[var(--content-tertiary)]`,children:e(`billingPanel.noInfo`)}),(0,Y.jsx)(`div`,{className:`mt-6`,children:(0,Y.jsx)(Wa,{})}),(0,Y.jsx)(`div`,{id:qa,className:`mt-6 scroll-mt-4 border-t border-[var(--border-base)] pt-6`,children:(0,Y.jsx)(Ya,{})}),(0,Y.jsx)(`div`,{className:`mt-6 border-t border-[var(--border-base)] pt-6`,children:(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,Y.jsx)(Pt,{checked:m,onChange:h,label:e(`billingPanel.lowBalanceToggle`)}),m&&(0,Y.jsx)(Za,{})]})})]}),(0,Y.jsx)(_n,{open:u,onOpenChange:d}),(0,Y.jsx)(to,{open:f,onOpenChange:p})]})}var ao=1e3,oo=15e3,so=3e3,co=45e3,lo=`billing-portal-return`;function uo(e,t){if(!e)return{kind:`info`,message:i(`settings:billingPortalReturnHandler.subscriptionUpdated`)};let n=e.cancel_at_period_end||!!e.cancel_at,r=t.cancel_at_period_end||!!t.cancel_at;return!n&&r?{kind:`info`,message:i(`settings:billingPortalReturnHandler.proCanceled`,{date:t.cancel_at?se(t.cancel_at):i(`settings:billingPortalReturnHandler.endOfBillingPeriod`)})}:n&&!r?{kind:`success`,message:i(`settings:billingPortalReturnHandler.proReactivated`)}:{kind:`info`,message:i(`settings:billingPortalReturnHandler.subscriptionUpdated`)}}function fo(){let[e]=p(),t=f(),n=s(),r=(0,J.useRef)(null);return(0,J.useEffect)(()=>()=>{r.current!==null&&(clearInterval(r.current),r.current=null)},[]),(0,J.useEffect)(()=>{if(e.get(`portal_return`)!==`true`)return;let a={current:!1},o=Se(),s=Ht(),c=It(),l=Date.now();async function u(){await n.invalidateQueries({queryKey:c});let e=await n.fetchQuery(s);return{cancel_at_period_end:e.cancel_at_period_end,cancel_at:e.cancel_at}}async function d(){let e=await u();for(;!a.current&&o&&e.cancel_at_period_end===o.cancel_at_period_end&&e.cancel_at===o.cancel_at&&Date.now()-l<oo&&(await new Promise(e=>setTimeout(e,ao)),!a.current);)e=await u();return e}return(async()=>{try{let e=await d();if(a.current)return;let{kind:t,message:n}=uo(o,e);t===`success`?q.success(n,{id:lo}):q.info(n,{id:lo})}catch{if(a.current)return;q.info(i(`settings:billingPortalReturnHandler.subscriptionUpdated`),{id:lo})}finally{if(!a.current){be(),t(At.settings.usageBilling,{replace:!0});let e=Date.now();r.current!==null&&clearInterval(r.current),r.current=setInterval(()=>{if(Date.now()-e>=co){r.current!==null&&(clearInterval(r.current),r.current=null);return}u().catch(e=>{console.error(`billing poll error:`,e)})},so)}}})(),()=>{a.current=!0}},[e,t,n]),null}var po=[7,30,90];function mo(e,t=Ae()){let{fromDate:n,toDate:r}=xn(e,t);return{from:n,to:r}}function ho({value:e,onChange:t}){let{t:n}=a(),r=po.find(t=>t===e)??30;return(0,Y.jsx)(on,{options:po.map(e=>({value:`${e}`,label:n(`dateRangeSelect.lastDays`,{days:e})})),value:`${r}`,onChange:e=>t(Number(e)),"aria-label":n(`dateRangeSelect.ariaLabel`)})}var go={strokeDasharray:`3 3`,stroke:`var(--border-subtle)`,strokeOpacity:.4},_o={fontSize:12,fill:`var(--content-tertiary)`},vo={stroke:`var(--border-subtle)`,strokeOpacity:.4},yo=[`#3b82f6`,`#10b981`,`#f59e0b`,`#ef4444`,`#8b5cf6`,`#06b6d4`,`#ec4899`,`#84cc16`];function bo({item:e}){return(0,Y.jsxs)(`div`,{className:`flex items-center gap-2 py-0.5 text-[13px] text-[var(--content-default)]`,children:[(0,Y.jsx)(`span`,{className:`h-2 w-2 shrink-0 rounded-full`,style:{backgroundColor:e.color}}),(0,Y.jsx)(`span`,{children:e.label}),(0,Y.jsx)(`span`,{className:`ml-auto tabular-nums`,children:e.value})]})}function xo({active:e,payload:t,hoveredKey:n,label:r,labelMap:i,colorMap:o,formatValue:s,showTotal:c,formatLabel:l}){let{t:u}=a();if(!e||!t?.length)return null;let d=t.filter(e=>e.value!=null&&e.dataKey!=null).map(e=>({key:String(e.dataKey),label:i[String(e.dataKey)]??String(e.dataKey),value:s(Number(e.value)),color:o[String(e.dataKey)]??`#6b7280`,numericValue:Number(e.value)})).sort((e,t)=>e.numericValue===t.numericValue?e.label.localeCompare(t.label):t.numericValue-e.numericValue),f=n?d.find(e=>e.key===n):null,p=f?d.filter(e=>e.key!==n):d,m=d.reduce((e,t)=>e+t.numericValue,0);return(0,Y.jsxs)(`div`,{className:`rounded-lg border border-[var(--border-subtle)] bg-[var(--surface-overlay)] px-3.5 py-2.5 shadow-[var(--shadow-popover)]`,children:[(0,Y.jsx)(`div`,{className:`mb-1.5 text-xs font-medium text-[var(--content-secondary)]`,children:(l??yn)(String(r))}),f&&(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(bo,{item:f}),p.length>0&&(0,Y.jsx)(`div`,{className:`my-1.5 border-t border-[var(--border-subtle)]`})]}),p.map(e=>(0,Y.jsx)(bo,{item:e},e.key)),c&&(0,Y.jsx)(`div`,{className:`mt-1 flex items-center gap-2 border-t border-[var(--border-subtle)] pt-1.5 text-[13px] font-semibold text-[var(--content-default)]`,children:(0,Y.jsx)(`span`,{children:u(`stackedBarTooltip.total`,{value:s(m)})})})]})}function So(e,t){let[n,r]=e,[i,a]=t,o=r-n||1;return e=>i+(e-n)/o*(a-i)}function Co(e){if(e<=0)return 1;let t=10**Math.floor(Math.log10(e)),n=e/t,r;return r=n<=1?1:n<=2?2:n<=2.5?2.5:n<=5?5:10,r*t}function wo(e){if(e>=1)return+!Number.isInteger(e);let t=e/10**Math.floor(Math.log10(e)),n=Math.abs(t-2.5)<.01;return Math.ceil(-Math.log10(e))+ +!!n}function To(e,t){let n=Math.max(0,...e),r=t?.tickCount??5;return n===0?t?.integerOnly?r:1:t?.integerOnly?Math.max(1,Math.ceil(n/r))*r:Co(n/r)*r}function Eo(e,t){if(e===0)return[0];let n=e/t,r=10**(n>=1?0:Math.ceil(-Math.log10(n))+2),i=[];for(let e=0;e<=t;e++)i.push(Math.round(n*e*r)/r);return i}function Do(e,t,n,r,i){let a=Math.min(i,n/2,r/2);return[`M${e},${t+a}`,`A${a},${a} 0 0 1 ${e+a},${t}`,`H${e+n-a}`,`A${a},${a} 0 0 1 ${e+n},${t+a}`,`V${t+r}`,`H${e}`,`Z`].join(``)}function Oo(e,t){if(e<=0)return[];if(t)return e<=3?Array.from({length:e},(e,t)=>t):[0,Math.floor(e/2),e-1];let n=Math.max(1,Math.ceil(e/Math.min(e,12))),r=[];for(let t=0;t<e;t+=n)r.push(t);return r[r.length-1]!==e-1&&r.push(e-1),r}var ko=40,Ao={fontSize:11,fill:`var(--content-tertiary)`},jo={runtime_proxy_api:`#3b82f6`,oauth_proxy:`#f59e0b`};function Mo(e,t){return jo[e]??yo[t%yo.length]??`#6b7280`}function No(e,t){let n=new Set,r={};for(let t of e)for(let e of t.groups)n.add(e.group_key),r[e.group_key]=e.group_label;return{data:e.map(e=>{let n={date:e.date};for(let r of e.groups)n[r.group_key]=t===`spend`?parseFloat(r.total_usd):r.event_count;return n}),stackKeys:Array.from(n),labelMap:r}}function Po({stackKeys:e,labelMap:t}){return(0,Y.jsx)(`div`,{className:`flex flex-wrap items-center justify-center gap-x-5 gap-y-1 pt-3 text-body-small-default`,children:e.map((e,n)=>(0,Y.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,Y.jsx)(`span`,{className:`inline-block h-2.5 w-2.5 rounded-sm`,style:{backgroundColor:Mo(e,n)}}),(0,Y.jsx)(`span`,{className:`text-[var(--content-quiet)]`,children:t[e]??e})]},e))})}var Fo=350,Io={top:8,right:4,bottom:32,left:0},Lo=.2,Ro=5,zo=12,Bo=200;function Vo({buckets:e,metric:t,onBarClick:n}){let{t:r}=a(`settings`),i=De(),o=(0,J.useRef)(null),[s,c]=(0,J.useState)(0);(0,J.useEffect)(()=>{let e=o.current;if(!e)return;let t=new ResizeObserver(([e])=>{e&&c(e.contentRect.width)});return t.observe(e),()=>t.disconnect()},[]);let{data:l,stackKeys:u,labelMap:d}=(0,J.useMemo)(()=>No(e,t),[e,t]),f=(0,J.useMemo)(()=>{let e={};for(let t=0;t<u.length;t++)e[u[t]]=Mo(u[t],t);return e},[u]),p=(0,J.useCallback)(e=>t===`spend`?`$${e.toLocaleString(`en-US`,{minimumFractionDigits:2,maximumFractionDigits:2})}`:e.toLocaleString(`en-US`),[t]),[m,h]=(0,J.useState)(null),g=i?ko:56,_=i?Ao:_o,v=Io.left+g,y=Math.max(0,s-v-Io.right),b=Io.top,x=Fo-Io.top-Io.bottom,S=(0,J.useMemo)(()=>l.map(e=>u.reduce((t,n)=>t+(Number(e[n])||0),0)),[l,u]),C=t===`events`,w=(0,J.useMemo)(()=>To(S,{integerOnly:C,tickCount:Ro}),[S,C]),T=(0,J.useMemo)(()=>Eo(w,Ro),[w]),E=(0,J.useCallback)(e=>{if(t===`spend`){if(e===0)return`$0`;let t=w/Ro,n=Math.max(t<1?2:0,wo(t));return`$${e.toLocaleString(`en-US`,{minimumFractionDigits:n,maximumFractionDigits:n})}`}return e.toLocaleString(`en-US`)},[t,w]),D=(0,J.useMemo)(()=>So([0,w],[b+x,b]),[w,b,x]),O=l.length,k=O>0?y/O:0,A=k*(1-Lo),j=(k-A)/2,M=(0,J.useMemo)(()=>Oo(O,i),[O,i]),N=u.length===0,P=N?[]:l.map((e,t)=>{let n=v+t*k+j,r=0;return{di:t,x:n,segments:u.map((t,i)=>{let a=Number(e[t])||0,o=r;r+=a;let s=D(r),c=D(o)-s,l=i===u.length-1;return{key:t,val:a,x:n,y:s,h:c,color:Mo(t,i),isLast:l}})}}),F=(e,t,n)=>{let r=o.current?.getBoundingClientRect();r&&h({x:e.clientX-r.left,y:e.clientY-r.top,datumIndex:t,hoveredKey:n})},I=()=>h(null),L=e=>{n&&n(e)},R=m?u.filter(e=>(Number(l[m.datumIndex]?.[e])||0)>0).map(e=>({dataKey:e,value:Number(l[m.datumIndex]?.[e])||0})):[],ee={left:m?Math.max(0,Math.min(m.x+zo,s-Bo)):0,top:m?m.y-zo:0,visibility:m?`visible`:`hidden`};return(0,Y.jsxs)(`div`,{onMouseDown:e=>e.preventDefault(),children:[(0,Y.jsx)(`div`,{ref:o,className:`relative w-full`,style:{height:Fo},children:N?(0,Y.jsx)(`div`,{className:`flex h-full items-center justify-center text-body-medium-lighter text-[var(--content-faint)]`,children:r(`billingUsageChart.empty`)}):s>0?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(`svg`,{width:s,height:Fo,className:`block`,children:[T.map(e=>(0,Y.jsx)(`line`,{x1:v,x2:v+y,y1:D(e),y2:D(e),stroke:go.stroke,strokeOpacity:go.strokeOpacity,strokeDasharray:go.strokeDasharray},e)),(0,Y.jsx)(`line`,{x1:v,x2:v+y,y1:b+x,y2:b+x,stroke:vo.stroke,strokeOpacity:vo.strokeOpacity}),T.map(e=>(0,Y.jsx)(`text`,{x:v-8,y:D(e),textAnchor:`end`,dominantBaseline:`middle`,fontSize:_.fontSize,fill:_.fill,children:E(e)},e)),M.map(e=>{let t=l[e];return t?(0,Y.jsx)(`text`,{x:v+e*k+k/2,y:b+x+20,textAnchor:`middle`,fontSize:_.fontSize,fill:_.fill,children:yn(String(t.date))},e):null}),P.map(({di:e,segments:t})=>t.map(t=>{if(t.h<=0)return null;let r=m?.hoveredKey&&m.hoveredKey!==t.key?.4:1,i={key:`${e}-${t.key}`,fill:t.color,opacity:r,cursor:n?`pointer`:void 0,onMouseMove:n=>F(n,e,t.key),onMouseLeave:I,onClick:()=>L(t.key)};return t.isLast?(0,Y.jsx)(`path`,{...i,d:Do(t.x,t.y,A,t.h,3)}):(0,Y.jsx)(`rect`,{...i,x:t.x,y:t.y,width:A,height:t.h})}))]}),(0,Y.jsx)(`div`,{className:`pointer-events-none absolute z-[1] max-w-[calc(100vw-32px)] -translate-y-full`,style:ee,children:(0,Y.jsx)(xo,{active:!!m,payload:R,hoveredKey:m?.hoveredKey??void 0,label:m?String(l[m.datumIndex]?.date):``,labelMap:d,colorMap:f,formatValue:p})})]}):null}),!N&&(0,Y.jsx)(Po,{stackKeys:u,labelMap:d})]})}function Ho(e){if(e)return e.usageSource===`oauth_proxy`?`oauth_provider`:Ln(e.llmDimension??`model`)}function Uo(e,t=Ae()){return{from:e.dateRange.from,to:e.dateRange.to,tz:t,...e.drilldown?{usage_source:e.drilldown.usageSource,group_by:Ho(e.drilldown)}:{}}}function Wo(e,t=Ae()){return{from:e.dateRange.from,to:e.dateRange.to,tz:t,...e.drilldown?{usage_source:e.drilldown.usageSource}:{}}}function Go(e,t,n){return e===`full`&&t!==`gated`&&n}function Ko(e){let t=Mt(),n=Go(rt({platformHostedOnly:!0}),rt(),at()),i=r({...bt({query:Uo(e,t)}),enabled:n}),a=r({...dn({query:Wo(e,t)}),enabled:n});return{series:i.data,totals:a.data,isLoading:i.isLoading||a.isLoading,isError:i.isError||a.isError}}function qo(e){if(e===void 0)return`—`;let t=parseFloat(e);return Number.isNaN(t)?`$0.00`:`$${t.toLocaleString(`en-US`,{minimumFractionDigits:2,maximumFractionDigits:2})}`}function Jo(e){return e===void 0?`—`:e.toLocaleString(`en-US`)}function Yo(){let{t:e}=a(`settings`),t=Mt(),[n,r]=(0,J.useState)(30),i=(0,J.useMemo)(()=>mo(n,t),[n,t]),[o,s]=(0,J.useState)(null),[c,l]=(0,J.useState)(`spend`),u=(0,J.useMemo)(()=>[{value:`spend`,label:e(`billingUsagePanel.metricSpend`)},{value:`events`,label:e(`billingUsagePanel.metricEvents`)}],[e]),{series:d,totals:f,isLoading:p,isError:m}=Ko({dateRange:i,drilldown:o,setDrilldown:s}),h=o?void 0:e=>{let t={runtime_proxy_api:`runtime_proxy`,oauth_proxy:`oauth_proxy`}[e];t&&s({usageSource:t,...t===`runtime_proxy`?{llmDimension:Mn}:{}})};return(0,Y.jsx)(ln,{padding:`md`,children:(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-start justify-between gap-3`,children:[(0,Y.jsxs)(`div`,{children:[(0,Y.jsx)(G,{as:`h2`,variant:`title-medium`,className:`text-[var(--content-default)]`,children:e(`billingUsagePanel.title`)}),(0,Y.jsx)(G,{as:`p`,variant:`body-small-default`,className:`mt-2 text-[var(--content-tertiary)]`,children:e(`billingUsagePanel.subtitle`)})]}),(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-center justify-end gap-2`,children:[(0,Y.jsx)(ho,{value:n,onChange:r}),(0,Y.jsx)(`div`,{className:`w-44`,children:(0,Y.jsx)(wt,{items:u,value:c,onChange:l,ariaLabel:e(`billingUsagePanel.chartMetricAria`)})})]})]}),(0,Y.jsxs)(`div`,{className:`grid grid-cols-1 gap-2 sm:grid-cols-2`,children:[(0,Y.jsx)(Ie,{icon:(0,Y.jsx)(C,{className:`h-4 w-4`,"aria-hidden":!0}),value:p?(0,Y.jsx)(j,{className:`h-4 w-4 animate-spin`,"aria-hidden":!0}):qo(f?.total_usd),label:e(`billingUsagePanel.spendLabel`)}),(0,Y.jsx)(Ie,{icon:(0,Y.jsx)(v,{className:`h-4 w-4`,"aria-hidden":!0}),value:p?(0,Y.jsx)(j,{className:`h-4 w-4 animate-spin`,"aria-hidden":!0}):Jo(f?.event_count),label:e(`billingUsagePanel.eventsLabel`)})]}),o&&(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[(0,Y.jsx)(`div`,{children:(0,Y.jsxs)(`button`,{className:`flex items-center gap-1.5 text-body-medium-lighter text-[var(--content-tertiary)] transition-colors hover:text-[var(--content-secondary)]`,onClick:()=>s(null),children:[(0,Y.jsx)(O,{className:`h-3.5 w-3.5`}),(0,Y.jsx)(`span`,{children:e(`billingUsagePanel.backToAllUsage`)}),(0,Y.jsx)(`span`,{className:`text-[var(--content-tertiary)]`,children:`/`}),(0,Y.jsx)(`span`,{className:`text-body-medium-default text-[var(--content-default)]`,children:o.usageSource===`runtime_proxy`?e(`billingUsagePanel.llmSpend`):e(`billingUsagePanel.oauthSpend`)})]})}),o.usageSource===`runtime_proxy`&&(0,Y.jsx)(`div`,{className:`w-56`,children:(0,Y.jsx)(wt,{items:Pn,value:o.llmDimension??`model`,onChange:e=>s({usageSource:`runtime_proxy`,llmDimension:e}),ariaLabel:e(`billingUsagePanel.llmDimensionAria`)})})]}),p?(0,Y.jsx)(`div`,{className:`flex h-[345px] items-center justify-center rounded-xl bg-[var(--surface-base)]`,children:(0,Y.jsx)(j,{className:`h-6 w-6 animate-spin text-[var(--content-tertiary)]`})}):m?(0,Y.jsx)(`div`,{className:`flex h-[345px] items-center justify-center rounded-xl bg-[var(--surface-base)] text-body-medium-lighter text-[var(--content-tertiary)]`,children:e(`billingUsagePanel.loadError`)}):d?(0,Y.jsx)(`div`,{className:`rounded-xl bg-[var(--surface-base)] p-3`,children:(0,Y.jsx)(Vo,{buckets:d.buckets,metric:c,onBarClick:h})}):null]})})}function Xo(){let{t:e}=a(`settings`),t=Fe(),{data:n}=r(Ht()),i=ce((0,J.useMemo)(()=>_e(n),[n])),{reactivateSubscription:o,isPending:s}=yi(),c=s||i.isPending;if(!n||n.plan_id!==`pro`||n.status===`canceled`||!n.cancel_at_period_end&&!n.cancel_at)return null;let l=me(n);return l?(0,Y.jsx)(U,{tone:`info`,title:e(`gracePeriodBanner.title`,{date:se(l)}),actions:(0,Y.jsx)(W,{variant:`outlined`,size:`compact`,onClick:()=>{if(t){hn(At.settings.usageBilling);return}if(!de(n)){i.mutate({});return}o()},disabled:c,leftIcon:c?(0,Y.jsx)(j,{className:`animate-spin`}):void 0,"data-testid":`grace-period-reactivate-button`,children:e(`gracePeriodBanner.reactivate`)}),"data-testid":`grace-period-banner`,children:e(`gracePeriodBanner.body`)}):null}var Zo=new Set([`BIF`,`CLP`,`DJF`,`GNF`,`JPY`,`KMF`,`KRW`,`MGA`,`PYG`,`RWF`,`VND`,`VUV`,`XAF`,`XOF`,`XPF`]),Qo=new Set([`BHD`,`JOD`,`KWD`,`OMR`,`TND`]);function $o(e){return Zo.has(e)?0:Qo.has(e)?3:2}var es={invoices:[],has_more:!1},ts=4,ns=`text-body-small-default [--vbtn-fg:var(--content-tertiary)] hover:[--vbtn-fg:var(--content-secondary)]`;function rs(e){switch(e){case`paid`:return`positive`;case`open`:return`warning`;case`uncollectible`:return`negative`;default:return`neutral`}}function is(e,t){let n=t.toUpperCase(),r=$o(n);try{return new Intl.NumberFormat(void 0,{style:`currency`,currency:n,minimumFractionDigits:r,maximumFractionDigits:r}).format(e/10**r)}catch{return`${(e/100).toFixed(2)} ${n}`}}function as(e){return Ze(new Date(e*1e3),{alwaysShowYear:!0})}function os(e){Xe(e)}function ss(){let{t:e}=a(`settings`),[t,r]=(0,J.useState)(!1),[i,o]=(0,J.useState)(!1),[c,u]=(0,J.useState)(!1),[d,f]=(0,J.useState)(!1),p=(0,J.useRef)(0),m=s(),h=n({enabled:t,queryKey:Ee(),queryFn:async({signal:e,pageParam:t})=>{let{data:n,error:r,response:i}=await ke({throwOnError:!1,signal:e,query:t?{starting_after:t}:void 0});if(i?.status===404)return es;if(tt(i,r,`Failed to load invoices.`),!i.ok||!n)throw Ke(r,i);return n},initialPageParam:void 0,getNextPageParam:e=>e.has_more?e.invoices.at(-1)?.id:void 0}),g=h.data?.pages.flatMap(e=>e.invoices)??[],_=i?g:g.slice(0,ts),v=g.length>ts,b=h.isFetchNextPageError||d,x=(i||!v)&&h.hasNextPage&&!b,C=h.isRefetching||h.isFetchingNextPage;function w(){let e=p.current;h.fetchNextPage().then(t=>{e===p.current&&f(t.isError)})}function T(){let e=p.current;h.refetch().then(t=>{if(e===p.current){if(t.isError){f(!0);return}w()}})}async function E(){u(!0);try{let{data:e,response:t}=await Qe({throwOnError:!1,parseAs:`blob`});if(!t?.ok||!(e instanceof Blob))throw Error(`Failed to download invoices (${t?.status??`network error`})`);let{saveFile:n}=await l(async()=>{let{saveFile:e}=await import(`./index-JtPBr1Ws.js`);return{saveFile:e}},__vite__mapDeps([0,1,2,3,4,5,6]));await n(e,`invoices.zip`)}catch(t){xt(t,{context:`download_all_invoices`}),q.error(e(`invoicesTable.downloadAllFailed`))}finally{u(!1)}}return(0,Y.jsx)(ln,{padding:`md`,children:(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,Y.jsx)(Ga,{title:e(`invoicesTable.title`),actions:(0,Y.jsxs)(Y.Fragment,{children:[t&&g.length>0&&(0,Y.jsx)(W,{variant:`outlined`,leftIcon:c?(0,Y.jsx)(j,{className:`animate-spin`}):(0,Y.jsx)(S,{className:`h-4 w-4`}),onClick:E,disabled:c,"data-testid":`invoices-download-all`,children:e(`invoicesTable.downloadAll`)}),(0,Y.jsx)(W,{variant:`outlined`,rightIcon:t?(0,Y.jsx)(y,{className:`h-4 w-4`}):(0,Y.jsx)(F,{className:`h-4 w-4`}),onClick:()=>{p.current+=1,f(!1),t&&m.cancelQueries({queryKey:Ee()}),r(e=>!e)},"data-testid":`invoices-toggle`,children:e(t?`invoicesTable.hideButton`:`invoicesTable.showButton`)})]})}),t?h.isLoading?(0,Y.jsxs)(`div`,{className:`flex items-center gap-2 py-6 text-[var(--content-tertiary)]`,children:[(0,Y.jsx)(j,{className:`h-4 w-4 animate-spin`}),(0,Y.jsx)(G,{as:`span`,variant:`body-small-default`,children:e(`invoicesTable.loading`)})]}):h.isLoadingError?(0,Y.jsx)(U,{tone:`error`,children:e(`invoicesTable.loadError`)}):g.length===0?(0,Y.jsx)(G,{as:`p`,variant:`body-small-default`,className:`py-6 text-center text-[var(--content-tertiary)]`,"data-testid":`invoices-empty`,children:e(`invoicesTable.empty`)}):(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(`div`,{className:`overflow-x-auto`,children:(0,Y.jsxs)(`table`,{className:`w-full`,"data-testid":`invoices-table`,children:[(0,Y.jsx)(`thead`,{children:(0,Y.jsxs)(`tr`,{className:`border-b border-[var(--border-base)] text-left`,children:[(0,Y.jsx)(`th`,{className:`pb-2 pr-4 text-body-small-default text-[var(--content-tertiary)]`,children:e(`invoicesTable.columnDate`)}),(0,Y.jsx)(`th`,{className:`pb-2 pr-4 text-body-small-default text-[var(--content-tertiary)]`,children:e(`invoicesTable.columnAmount`)}),(0,Y.jsx)(`th`,{className:`pb-2 pr-4 text-body-small-default text-[var(--content-tertiary)]`,children:e(`invoicesTable.columnStatus`)}),(0,Y.jsx)(`th`,{className:`pb-2 text-body-small-default text-[var(--content-tertiary)]`,children:e(`invoicesTable.columnAction`)})]})}),(0,Y.jsx)(`tbody`,{children:_.map(t=>(0,Y.jsxs)(`tr`,{className:`border-b border-[var(--border-base)] last:border-0`,"data-testid":`invoice-row`,children:[(0,Y.jsx)(`td`,{className:`py-3 pr-4`,children:(0,Y.jsx)(G,{as:`span`,variant:`body-small-default`,className:`text-[var(--content-secondary)]`,children:as(t.created)})}),(0,Y.jsx)(`td`,{className:`py-3 pr-4`,children:(0,Y.jsx)(G,{as:`span`,variant:`body-small-default`,className:`text-[var(--content-secondary)]`,children:is(t.amount_due,t.currency)})}),(0,Y.jsx)(`td`,{className:`py-3 pr-4`,children:t.status&&(0,Y.jsx)(St,{tone:rs(t.status),children:t.status})}),(0,Y.jsx)(`td`,{className:`py-3`,children:(0,Y.jsxs)(`div`,{className:`flex items-center gap-1`,children:[t.hosted_invoice_url&&(0,Y.jsx)(W,{asChild:!0,variant:`ghost`,size:`compact`,leftIcon:(0,Y.jsx)(k,{className:`h-3.5 w-3.5`}),children:(0,Y.jsx)(`a`,{href:t.hosted_invoice_url,target:`_blank`,rel:`noopener noreferrer`,children:e(`invoicesTable.view`)})}),t.invoice_pdf&&(0,Y.jsx)(W,{variant:`ghost`,size:`compact`,iconOnly:(0,Y.jsx)(S,{className:`h-3.5 w-3.5`}),"aria-label":e(`invoicesTable.downloadPdfAriaLabel`),onClick:()=>os(t.invoice_pdf)})]})})]},t.id))})]})}),(v||x||b)&&(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-center gap-4 self-start`,children:[v&&(0,Y.jsx)(W,{variant:`link`,onClick:()=>o(e=>!e),className:ns,"data-testid":`invoices-show-more`,children:i?e(`invoicesTable.showLess`):e(`invoicesTable.showMore`,{count:g.length-ts})}),x&&(0,Y.jsx)(W,{variant:`link`,onClick:w,disabled:h.isFetchingNextPage,leftIcon:h.isFetchingNextPage&&(0,Y.jsx)(j,{className:`h-4 w-4 animate-spin`}),className:ns,"data-testid":`invoices-load-more`,children:e(`invoicesTable.loadMore`)}),b&&(0,Y.jsxs)(`div`,{className:`flex items-center gap-2`,"data-testid":`invoices-load-more-error`,children:[(0,Y.jsx)(G,{as:`span`,variant:`body-small-default`,className:`text-[color:var(--content-negative)]`,children:e(`invoicesTable.loadMoreError`)}),(0,Y.jsx)(W,{variant:`link`,onClick:T,disabled:C,leftIcon:C&&(0,Y.jsx)(j,{className:`h-4 w-4 animate-spin`}),className:ns,"data-testid":`invoices-load-more-retry`,children:e(`invoicesTable.retry`)})]})]})]}):null]})})}var cs={visa:`Visa`,mastercard:`Mastercard`,amex:`Amex`,discover:`Discover`,diners:`Diners Club`,jcb:`JCB`,unionpay:`UnionPay`};function ls(e){return cs[e.toLowerCase()]??e}function us({brand:e,last4:t,onUpdateCard:n}){let{t:r}=a(`settings`);return(0,Y.jsxs)(`div`,{"data-testid":`payment-method-row`,className:`flex items-center justify-between gap-2 rounded-lg border border-[var(--border-base)] pl-3 pr-2 py-1.5`,children:[(0,Y.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,Y.jsx)(g,{"aria-hidden":!0,className:`h-4 w-4 shrink-0 text-[var(--content-default)]`}),(0,Y.jsxs)(`div`,{className:`flex min-w-0 items-baseline gap-2`,children:[(0,Y.jsx)(G,{as:`p`,variant:`body-medium-default`,className:`truncate leading-snug text-[var(--content-default)]`,children:e?ls(e):r(`paymentMethodRow.savedCard`)}),t!=null&&(0,Y.jsx)(G,{as:`p`,variant:`body-small-default`,className:`truncate leading-snug text-[var(--content-tertiary)]`,children:r(`paymentMethodRow.endingIn`,{last4:t})})]})]}),(0,Y.jsx)(W,{variant:`ghost`,onClick:n,"data-testid":`payment-method-update`,className:`shrink-0`,children:r(`paymentMethodRow.updateCard`)})]})}function ds(e){return e==null||!e.has_payment_method?[]:[{id:`primary`,brand:e.payment_method_brand,last4:e.payment_method_last4}]}function fs(){let{t:e}=a(`settings`),t=lt(),n=za(),[r,i]=(0,J.useState)(!1),o=t.data,s=ds(o),c=o!=null&&s.length===0;return(0,Y.jsxs)(ln,{padding:`md`,"data-testid":`payment-methods-card`,children:[(0,Y.jsx)(Ga,{title:e(`paymentMethodsCard.title`),actions:c?(0,Y.jsx)(W,{variant:`outlined`,onClick:()=>i(!0),"data-testid":`payment-methods-add`,children:e(`paymentMethodsCard.addButton`)}):void 0}),t.isPending?(0,Y.jsx)(`p`,{className:`mt-4 text-body-medium-lighter text-[var(--content-tertiary)]`,children:e(`paymentMethodsCard.loading`)}):t.isError||o==null?(0,Y.jsx)(`div`,{className:`mt-4`,children:(0,Y.jsx)(U,{tone:`error`,children:e(`paymentMethodsCard.loadError`)})}):s.length===0?(0,Y.jsx)(`div`,{className:`mt-4`,children:(0,Y.jsx)(U,{tone:`info`,"data-testid":`payment-methods-empty`,children:e(`paymentMethodsCard.empty`)})}):(0,Y.jsx)(`div`,{className:s.length>1?`mt-4 flex flex-col gap-1`:`mt-4`,children:s.map(e=>(0,Y.jsx)(us,{brand:e.brand,last4:e.last4,onUpdateCard:()=>i(!0)},e.id))}),(0,Y.jsx)(Na,{open:r,onClose:()=>i(!1),onSavedOptimistic:n})]})}function ps({icon:e,label:t,multiline:n=!1}){return(0,Y.jsxs)(`div`,{className:Ft(`flex items-center gap-1.5 rounded-lg bg-[var(--surface-lift)] px-2 py-1.5`,n?`min-h-8 min-w-0`:`h-8`),children:[(0,Y.jsx)(e,{className:`size-[18px] shrink-0 text-[var(--content-default)]`,"aria-hidden":!0}),(0,Y.jsx)(G,{as:`span`,variant:`body-medium-default`,className:Ft(`text-[var(--content-default)]`,n?`whitespace-normal`:`whitespace-nowrap`),children:t})]})}function ms({theme:e,tierKey:t,name:n,nameTestId:r,tag:i,specs:a,specsWrap:o=!1,footer:s,testId:c,className:l}){let u=a?.filter(e=>!e.ownRow)??[],d=a?.filter(e=>e.ownRow)??[];return(0,Y.jsxs)(`div`,{"data-theme":e,"data-testid":c,className:Ft(`flex min-w-0 flex-1 flex-col gap-8 rounded-xl bg-[var(--surface-base)] px-4 py-3`,l),children:[(0,Y.jsxs)(`div`,{className:`flex flex-col items-start gap-6`,children:[i,(0,Y.jsxs)(`div`,{className:`flex items-center gap-4`,children:[(0,Y.jsx)(ie,{tier:t,size:48}),(0,Y.jsx)(G,{as:`span`,variant:`title-large`,className:`text-[var(--content-emphasised)]`,"data-testid":r,children:n})]})]}),a?.length?o?(0,Y.jsxs)(`div`,{className:`flex flex-col items-start gap-1`,children:[u.length?(0,Y.jsx)(`div`,{className:`flex flex-row flex-wrap items-start gap-1`,children:u.map(e=>(0,Y.jsx)(ps,{icon:e.icon,label:e.label,multiline:e.multiline},e.label))}):null,d.map(e=>(0,Y.jsx)(ps,{icon:e.icon,label:e.label,multiline:!0},e.label))]}):(0,Y.jsx)(`div`,{className:`flex flex-col items-start gap-2`,children:a.map(e=>(0,Y.jsx)(ps,{icon:e.icon,label:e.label,multiline:e.multiline},e.label))}):null,s?(0,Y.jsx)(`div`,{className:`mt-auto w-full`,children:s}):null]})}function hs({ratio:e,exhausted:t=!1,onAddCredits:n}){let{t:r}=a(`settings`),i=r(`planCard.usageBalanceTitle`),o=Math.round(e*100),s=e>=1;return(0,Y.jsxs)(`div`,{"data-testid":`plan-usage-balance`,className:`flex w-full flex-col gap-3 rounded-[10px] border border-[var(--border-base)] bg-[color-mix(in_srgb,var(--surface-overlay)_40%,transparent)] px-4 py-3`,children:[(0,Y.jsxs)(`div`,{className:`flex w-full items-center justify-between gap-3`,children:[(0,Y.jsx)(G,{as:`span`,variant:`body-large-default`,className:`min-w-0 text-[var(--content-emphasised)]`,children:i}),(0,Y.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-center justify-end gap-3`,children:[(0,Y.jsx)(et,{value:e,height:8,"aria-label":i,fillColor:s?`var(--system-negative-strong)`:void 0,className:`w-full min-w-0 max-w-[249px] rounded-full border border-[var(--border-base)] bg-[var(--surface-overlay)]`}),(0,Y.jsx)(G,{as:`span`,variant:`body-small-default`,className:s?`whitespace-nowrap text-[var(--system-negative-strong)]`:`whitespace-nowrap text-[var(--content-secondary)]`,children:r(`planCard.usageBalancePctUsed`,{pct:o})})]})]}),t?(0,Y.jsxs)(`div`,{className:`flex min-h-8 w-full items-center justify-between gap-2 rounded-lg bg-[var(--system-negative-weak)] px-2 py-1`,children:[(0,Y.jsx)(G,{as:`span`,variant:`body-medium-default`,className:`min-w-0 text-[var(--system-negative-strong)]`,children:r(`planCard.usageBalanceExhausted`)}),n?(0,Y.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[(0,Y.jsx)(`span`,{"aria-hidden":!0,className:`h-[18px] w-px bg-[var(--system-negative-strong)] opacity-30`}),(0,Y.jsx)(W,{variant:`dangerGhost`,size:`compact`,leftIcon:(0,Y.jsx)(A,{}),onClick:n,"data-testid":`plan-usage-add-credits`,children:r(`planCard.usageBalanceAddCredits`)})]}):null]}):null]})}function gs(){let{t:e}=a(`settings`);return(0,Y.jsx)(G,{as:`h2`,variant:`title-medium`,className:`text-[var(--content-emphasised)]`,children:e(`planCard.heading`)})}function _s({packages:e,currentKey:t,currentPriceCents:n,isProUser:r,canChangePackage:i,relation:c,obscureCredits:l,onManage:u,onTierUpgraded:d}){let{t:f}=a(`settings`),p=s(),m=o(Nt()),{changePackage:h,isPending:g}=ye(),[_,v]=(0,J.useState)(!1),[y,x]=(0,J.useState)(!1),S=ct()===`light`?`dark`:`light`;xe();let C=Fe(),w=pe(e,t),T=_||m.isPending||g,E=async()=>{if(!w)return;let e=await h(w.key);e&&(x(!1),e.status===`ok`?d?.():q.success(f(`planCard.alreadyOnPlanToast`)))},D=async()=>{if(w){if(C){hn(At.settings.usageBilling);return}if(r&&!i){u();return}if(r){x(!0);return}v(!0);try{let e=await m.mutateAsync({body:{target_plan_id:`pro`,package:w.key,confirm:!0,return_target:gn()}});e.status===`redirect`&&e.checkout_url?(Ot({kind:`package`,packageKey:w.key}),mt(p),pn(e.checkout_url)):(await p.invalidateQueries({queryKey:It()}),await p.invalidateQueries({queryKey:yt()}))}catch(e){q.error(he(e,f(`planCard.checkoutFailedToast`)))}finally{v(!1)}}};if(w==null||c===`switch`)return null;let O=n==null?null:w.total_price_cents-n,k=O!=null&&O>0?f(`planCard.powerUpFor`,{amount:te(O)}):f(`planCard.powerUp`);return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(ms,{theme:S,testId:`plan-tile-next`,tierKey:w.key,name:w.name,tag:(0,Y.jsx)(St,{className:`bg-[var(--feed-digest-weak)] text-[var(--credits-accent)]`,leftIcon:(0,Y.jsx)(b,{className:`text-[var(--credits-accent)]`,"aria-hidden":!0}),children:f(`planCard.nextPlan`)}),specs:R(w,{obscuredUsageLabel:l?f(`planCard.usageChip`,{name:w.name}):void 0,usageIncludedLabel:w.usage_label==null?void 0:f(`planCard.usageIncludedChip`,{label:w.usage_label})}),specsWrap:l,footer:(0,Y.jsx)(W,{variant:`primary`,fullWidth:!0,tintColor:`var(--aux-white)`,className:`h-10 border-transparent bg-[var(--system-positive-strong)] hover:bg-[var(--system-positive-strong)] hover:opacity-90 active:bg-[var(--system-positive-strong)]`,onClick:()=>void D(),disabled:T,leftIcon:T?(0,Y.jsx)(j,{className:`h-4 w-4 animate-spin`}):void 0,"data-testid":`recommended-upgrade-button`,children:k})}),(0,Y.jsx)(ge,{open:y,relation:c,packageName:w.name,targetPackage:w,pending:T,onConfirm:()=>void E(),onCancel:()=>x(!1)})]})}function vs(e){return e?.find(e=>e.id===`pro`)??null}function ys(e,t){let n=e?.package;return!e||e.plan_id===`base`||!I(n)?null:vs(t)?.packages?.find(e=>e.key===n.key&&e.version===n.version)??null}function bs({onManage:e,onTierUpgraded:t}){let{t:n}=a(`settings`),i=f(),o=r(Ht()),s=r(Lt()),c=Ut(),{balance:l,availableUsageBalance:u,totalUsageBalance:d}=Qt(),[p,m]=(0,J.useState)(!1),h=ys(o.data,s.data?.plans),g=rn({subscription:o.data,availableUsageBalance:u,totalUsageBalance:d});if(o.isLoading||s.isLoading)return(0,Y.jsxs)(ln,{padding:`md`,children:[(0,Y.jsx)(gs,{}),(0,Y.jsxs)(`div`,{className:`mt-4 flex items-center gap-2 text-[var(--content-tertiary)]`,children:[(0,Y.jsx)(j,{className:`h-4 w-4 animate-spin`}),(0,Y.jsx)(G,{as:`span`,variant:`body-small-default`,children:n(`planCard.loading`)})]})]});let _=o.data,v=s.data?.plans,y=v?.find(e=>e.id===_?.plan_id);if(o.isError||s.isError||!_||!v||!y)return(0,Y.jsx)(U,{tone:`error`,children:n(`planCard.loadError`)});let b=y.id===`pro`?re(_.package):y.name??y.id,x=_.cancel_at_period_end===!0||!!_.cancel_at,S=_.status===`canceled`,C=me(_),w=!x&&!S&&_.current_period_end,T=x&&!S&&C,E=vs(v)?.packages??[],D=_.package?.key??null,O=D??`free`,k=E.length>0&&(y.id===`base`||I(_.package)||ue(_))?()=>i(At.plans):e,A=ue(_),M=y.id===`base`||I(_.package)?`upgrade`:`switch`,N=y.id===`base`,P=N?we():h?R(h,{obscuredUsageLabel:c?n(`planCard.usageChip`,{name:h.name}):void 0,usageIncludedLabel:h.usage_label==null?void 0:n(`planCard.usageIncludedChip`,{label:h.usage_label})}):null,F=N?0:h?.total_price_cents??null,L=N?n(`planCard.freeForever`):h?B(h.total_price_cents):null,ee=L?(0,Y.jsx)(`div`,{className:`flex h-10 items-center border-t border-[var(--border-base)]`,children:(0,Y.jsx)(G,{as:`span`,variant:`body-large-default`,className:`text-[var(--content-tertiary)]`,"data-testid":`plan-card-price`,children:L})}):void 0,te=l!=null&&Number(l)<=0,ne=g!=null&&g.ratio>=1&&te,ie=g?(0,Y.jsx)(hs,{ratio:g.ratio,exhausted:ne,onAddCredits:()=>m(!0)}):null,z=ee;return c&&ie!=null&&(z=ie),(0,Y.jsxs)(ln,{padding:`md`,children:[(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,Y.jsxs)(`div`,{className:`flex min-w-0 flex-col gap-1`,children:[(0,Y.jsx)(gs,{}),w&&(0,Y.jsx)(G,{variant:`body-small-default`,as:`div`,className:`leading-snug text-[var(--content-tertiary)]`,"data-testid":`plan-card-renews`,children:n(`planCard.renewsOn`,{date:se(_.current_period_end)})}),T&&(0,Y.jsx)(G,{variant:`body-small-default`,as:`div`,className:`leading-snug text-[var(--system-mid-strong)]`,"data-testid":`plan-card-cancels`,children:n(`planCard.endsOn`,{date:se(C)})})]}),(0,Y.jsx)(W,{variant:`outlined`,onClick:k,"data-testid":N?`plan-card-plans-button`:`plan-card-manage-subscription-button`,children:n(N?`planCard.viewAllPlans`:`planCard.manageSubscription`)})]}),(0,Y.jsxs)(`div`,{className:`flex flex-col gap-2 lg:flex-row lg:items-stretch`,children:[(0,Y.jsx)(ms,{testId:`plan-tile-current`,tierKey:O,name:b,nameTestId:`plan-card-name`,tag:(0,Y.jsx)(St,{tone:`info`,children:n(`planCard.current`)}),specs:P,specsWrap:c,footer:z}),(0,Y.jsx)(_s,{packages:E,currentKey:D,currentPriceCents:F,isProUser:y.id!==`base`,canChangePackage:A,relation:M,obscureCredits:c,onManage:e,onTierUpgraded:t})]})]}),(0,Y.jsx)(_n,{open:p,onOpenChange:m})]})}function xs({onCheckoutCancelled:e}){let[t]=p(),n=f(),r=s(),{t:i}=a(`settings`);return(0,J.useEffect)(()=>{let a=t.get(`billing_status`);a&&(a===`success`?_t(r):a===`cancel`&&(q.info(t.get(`billing_context`)===`upgrade`?i(`billingStatusHandler.upgradeCancelToast`):i(`billingStatusHandler.topUpCancelToast`),{id:`billing-status`}),e()),n(At.settings.usageBilling,{replace:!0}))},[t,n,r,e,i]),null}function Ss({onFinishSetup:e}){let{t}=a(`settings`),n=qt(),{data:i}=r({...Ht(),enabled:n}),o=i?.plan_id===`pro`,{data:s}=r({...Dt(),enabled:o&&n}),c=o&&s?.domain_setup_available===!0,{domains:l}=L(c,s?.primary_assistant_id),u=l!==void 0&&l.results.length===0;return!c||!u?null:(0,Y.jsx)(U,{tone:`info`,title:t(`billingPage.finishSetupTitle`,{plan:re(i?.package)}),actions:(0,Y.jsx)(W,{variant:`outlined`,size:`compact`,onClick:e,"data-testid":`finish-pro-setup-button`,children:t(`billingPage.finishSetupButton`)}),"data-testid":`finish-pro-setup-notice`,children:t(`billingPage.finishSetupBody`)})}function Cs(){let{t:e}=a(`settings`),t=rt({platformHostedOnly:!0}),n=rt(),r=at(),i=Re(),[o,s]=p(),[c,l]=(0,J.useState)(!1),u=(0,J.useCallback)(()=>l(!0),[]),d=(0,J.useCallback)(()=>l(!1),[]),[f,m]=(0,J.useState)(!1),h=(0,J.useCallback)(()=>m(!0),[]),[g,_]=(0,J.useState)(!1),[v,y]=(0,J.useState)(null),[b,x]=(0,J.useState)(!1),S=(0,J.useCallback)(()=>{y(Date.now()),x(!1)},[]),{showOffer:C,amountUsd:w}=On(v),T=(0,J.useCallback)(e=>{e||x(!0)},[]);(0,J.useEffect)(()=>{if(n!==`full`)return;let e=o.has(`adjust_plan`),t=o.has(`pro_onboarding`);!e&&!t||(e&&l(!0),t&&_(!0),s(e=>{let t=new URLSearchParams(e);return t.delete(`adjust_plan`),t.delete(`pro_onboarding`),t},{replace:!0}))},[n,o,s]);let E=o.has(`session_id`),D=(0,J.useCallback)(()=>{_(!1),s(e=>{let t=new URLSearchParams(e);return t.delete(`session_id`),t},{replace:!0})},[s]),O=(0,J.useCallback)(()=>{s(e=>{let t=new URLSearchParams(e);return t.set(`pro_onboarding`,``),t},{replace:!0})},[s]);if(n===`disabled`)return(0,Y.jsx)(`div`,{className:`space-y-4`,children:(0,Y.jsx)(fn,{children:e(`billingPage.platformLoginNotice`)})});if(i)return(0,Y.jsx)(`div`,{className:`space-y-4`,children:(0,Y.jsxs)(`div`,{className:`flex items-center gap-2 py-6 text-body-medium-lighter text-[var(--content-secondary)]`,children:[(0,Y.jsx)(j,{className:`h-4 w-4 animate-spin`}),e(`billingPage.loadingBilling`)]})});let k=r,A=k||E||g;return!r&&t!==`gated`?(0,Y.jsx)(`div`,{className:`space-y-4`,children:(0,Y.jsx)(U,{tone:`warning`,children:e(`billingPage.billingUnavailable`)})}):(0,Y.jsxs)(`div`,{className:`space-y-4`,children:[(0,Y.jsxs)(J.Suspense,{fallback:null,children:[(0,Y.jsx)(xs,{onCheckoutCancelled:S}),(0,Y.jsx)(fo,{})]}),k&&(0,Y.jsx)(Xo,{}),k&&(0,Y.jsx)(Ss,{onFinishSetup:O}),k&&(0,Y.jsx)(bs,{onManage:u,onTierUpgraded:h}),k&&(0,Y.jsx)(Ti,{open:c,onClose:d,onTierUpgraded:h}),(0,Y.jsx)(Dn,{open:C&&!b,onOpenChange:T,amountUsd:w}),(0,Y.jsx)(J.Suspense,{fallback:null,children:(0,Y.jsx)(fs,{})}),(0,Y.jsx)(J.Suspense,{fallback:null,children:(0,Y.jsx)(io,{})}),(0,Y.jsx)(J.Suspense,{fallback:null,children:(0,Y.jsx)(ss,{})}),A&&(0,Y.jsx)(z,{open:E||g,onClose:D}),k&&(0,Y.jsx)(z,{mode:`resize`,open:f,onClose:()=>m(!1)})]})}function ws(){return(0,Y.jsx)(Cs,{})}function Ts(){let e=kt(),t=rt({platformHostedOnly:!0}),n=rt();return(0,Y.jsxs)(`div`,{className:`space-y-4`,children:[t===`full`&&n!==`gated`&&(0,Y.jsx)(Yo,{}),(0,Y.jsx)(ni,{assistantId:e})]})}function Es(){let{t:e}=a(`settings`),t=rt(),[n]=p(),r=f(),{hash:i}=d(),o=En(t,n),s=o&&n.get(`tab`)!==`usage`?`billing`:`usage`,c=dt();return(0,J.useEffect)(()=>{if(c&&n.get(`tab`)!==s){let e=new URLSearchParams(n);e.set(`tab`,s),r({search:`?${e}`,hash:i},{replace:!0})}},[c,n,s,r,i]),(0,Y.jsx)(`div`,{className:`space-y-6`,children:(0,Y.jsxs)(jt.Root,{value:s,onValueChange:e=>{let t=new URLSearchParams(n);t.set(`tab`,e),r({search:`?${t}`,hash:i},{replace:!0})},children:[(0,Y.jsxs)(jt.List,{children:[o&&(0,Y.jsx)(jt.Trigger,{value:`billing`,children:e(`billingPage.billingTab`)}),(0,Y.jsx)(jt.Trigger,{value:`usage`,children:e(`billingPage.usageTab`)})]}),o&&(0,Y.jsx)(jt.Panel,{value:`billing`,className:`pt-4`,children:(0,Y.jsx)(ws,{})}),(0,Y.jsx)(jt.Panel,{value:`usage`,className:`pt-4`,children:(0,Y.jsx)(Ts,{})})]})})}export{Es as BillingPage};

package/dist/assets/{billing-redirect-page-eTwDSE_p.js → billing-redirect-page-IqUkgIyB.js}

@@ -1 +1 @@
-import{d as e,g as t,r as n,t as r}from"./react-DPM_L_aA.js";import{iv as i}from"./index-DmQ1Mb3A.js";var a=r();function o(){let[r]=t(),{hash:o}=e(),s=r.toString();return(0,a.jsx)(n,{replace:!0,to:`${i.settings.usage}${s?`?${s}`:``}${o}`})}export{o as BillingRedirectPage};
+import{d as e,g as t,r as n,t as r}from"./react-DPM_L_aA.js";import{fv as i}from"./index-JtPBr1Ws.js";var a=r();function o(){let[r]=t(),{hash:o}=e(),s=r.toString();return(0,a.jsx)(n,{replace:!0,to:`${i.settings.usage}${s?`?${s}`:``}${o}`})}export{o as BillingRedirectPage};