@vellumai/web 0.12.4-staging.2 → 0.12.4-staging.3

package/dist/assets/{billing-page-DfUj1I0G.js → billing-page-u3iPL5iM.js}

@@ -1,3 +1,3 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/native-file-D0pwPgoW.js","assets/app-D8sMVA0h.js","assets/rolldown-runtime-BM3Ffeng.js","assets/react-B9IgSVeK.js","assets/vendor-DEhKVoiV.js","assets/icons-C0wyat6T.js","assets/app-BNyW7BqZ.css"])))=>i.map(i=>d[i]);
-import{o as e,t}from"./rolldown-runtime-BM3Ffeng.js";import{$p as n,$u as r,AC as i,AS as a,Bf as o,Bm as s,Bu as c,Cl as l,Cy as u,Di as d,EC as f,F as p,Fu as m,Gu as h,H_ as g,Hu as _,I as v,Ih as y,Im as b,Ip as x,Iu as S,JS as C,Ju as w,KS as T,Ku as E,L as D,Lf as O,Lu as k,Mi as A,Mm as j,Mu as M,NS as N,Nm as P,Nu as ee,Pu as te,Qp as ne,R as F,Ro as I,Ru as L,Sl as R,Sy as z,U_ as re,Uu as ie,Uy as ae,V_ as oe,Vt as se,Vu as B,WS as ce,Wu as le,XS as ue,Xp as de,Yu as fe,ZS as pe,Zg as me,Zp as he,_S as ge,ad as _e,bh as ve,by as ye,cC as be,cd as xe,eS as Se,e_ as Ce,eh as we,fC as Te,gC as V,hg as Ee,id as De,ji as Oe,jm as ke,ju as Ae,lS as je,ly as Me,mC as Ne,mS as Pe,nC as Fe,nd as Ie,nt as Le,of as Re,p as ze,pC as H,pS as Be,qS as U,ql as Ve,qu as He,rd as Ue,sd as We,sf as Ge,tC as Ke,td as qe,tn as Je,vd as Ye,wy as Xe,xl as Ze,yd as Qe,yn as $e,z as et,zo as tt,zt as nt,zu as rt}from"./app-D8sMVA0h.js";import{$ as it,I as W,Jn as at,Qn as G,Yn as ot,j as K,sr as st,tr as q}from"./vendor-DEhKVoiV.js";import{_ as ct,d as lt,f as ut,n as dt,t as ft,v as pt,x as mt}from"./react-B9IgSVeK.js";import{$ as ht,D as gt,I as _t,Lt as vt,Tr as yt,Wi as bt,Ya as xt,Yn as St,Zr as Ct,fr as wt,i as Tt,pi as Et,qi as Dt,ri as Ot,si as kt,za as At,zi as jt}from"./icons-C0wyat6T.js";import{A as Mt,B as Nt,C as Pt,D as Ft,F as It,G as Lt,H as Rt,I as zt,L as Bt,O as Vt,P as Ht,R as Ut,T as Wt,V as Gt,W as Kt,_ as qt,a as Jt,b as Yt,c as Xt,d as Zt,f as Qt,g as $t,h as en,i as tn,j as nn,k as rn,l as an,m as on,n as sn,o as cn,p as ln,r as un,s as dn,t as fn,u as pn,v as mn,x as hn,y as gn}from"./use-checkout-dismiss-refresh-CPok4Xxh.js";import{n as _n,t as vn}from"./android-billing-handoff-6shikm2k.js";import{t as yn}from"./checkout-return-target-DMdfJOOA.js";import{t as bn}from"./add-credits-modal-ZnKmvy6V.js";import{t as xn}from"./referral-modal-CXPg4U-L.js";import{t as Sn}from"./link-click-IkiMmOF_.js";import{t as Cn}from"./await-org-header-settled-BxLRQCmZ.js";import{a as wn,i as Tn,n as En,r as Dn}from"./usage-window-BQhWVCSl.js";var On=xt(`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`}]]),kn=xt(`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(mt(),1);function An(e){return e.get(`tab`)===`billing`||e.has(`adjust_plan`)||e.has(`pro_onboarding`)||e.has(`billing_status`)||e.has(`session_id`)}function jn(e,t){return e===`full`?!0:e===`disabled`?An(t):!1}var Y=ft();function Mn({open:e,onOpenChange:t,amountUsd:n}){let{t:r}=K(`settings`),i=q(),a=ot(k()),o=a.isPending,s=v(n);return(0,Y.jsx)(C.Root,{open:e,onOpenChange:e=>{!e&&o||t(e)},children:(0,Y.jsxs)(C.Content,{size:`sm`,"data-testid":`checkout-bonus-modal`,children:[(0,Y.jsx)(C.Header,{icon:yt,children:(0,Y.jsx)(C.Title,{children:r(`checkoutBonusModal.title`,{amount:s})})}),(0,Y.jsx)(C.Body,{children:(0,Y.jsx)(V,{as:`p`,variant:`body-medium-default`,className:`text-(--content-secondary)`,children:r(`checkoutBonusModal.body`,{amount:s})})}),(0,Y.jsxs)(C.Footer,{children:[(0,Y.jsx)(C.Close,{asChild:!0,children:(0,Y.jsx)(f,{variant:`outlined`,disabled:o,children:r(`checkoutBonusModal.decline`)})}),(0,Y.jsx)(f,{variant:`primary`,loading:o,onClick:()=>{o||a.mutate({},{onSuccess:e=>{e.status===`granted`?(U.success(r(`checkoutBonusModal.grantedToast`,{amount:v(e.amount_usd)})),i.invalidateQueries(De())):U.info(r(`checkoutBonusModal.unavailableToast`)),i.invalidateQueries(L()),t(!1)},onError:()=>{U.error(r(`checkoutBonusModal.errorToast`))}})},disabled:o,"data-testid":`claim-checkout-bonus-button`,children:r(`checkoutBonusModal.claim`,{amount:s})})]})]})})}function Nn(e){let t=y(),n=q(),r=e!==null,{data:i,dataUpdatedAt:a}=G({...L(),enabled:r&&t,staleTime:0,refetchOnWindowFocus:!1}),o=(0,J.useRef)(e);return(0,J.useEffect)(()=>{let t=o.current;o.current=e,!(e===null||e===t||t===null)&&n.invalidateQueries(L())},[e,n]),{showOffer:r&&i?.eligible===!0&&a>=e,amountUsd:i?.amount_usd??`0.00`}}function Pn(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 Fn(e){return Number.isFinite(e)?Math.round(e).toLocaleString():`0`}function In(e){return!Number.isFinite(e)||e===0?`$0.00`:`$${e.toFixed(2)}`}var Ln=`model`,Rn={model:`Model`,task:`Action`,profile:`Profile`},zn=[{value:`model`,label:Rn.model},{value:`task`,label:Rn.task},{value:`profile`,label:Rn.profile}];function Bn(e){return e===`model`||e===`task`||e===`profile`}function Vn(e){switch(e){case`model`:return`model`;case`task`:return`call_site`;case`profile`:return`inference_profile`}}function Hn(e){switch(e){case`model`:return`model`;case`task`:return`llm_call_site`;case`profile`:return`inference_profile`}}function Un(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 Wn(e,t,n){return!e||e.length===0?[]:e.map(e=>{let r=Un(t,e,n);return r===e.group?e:{...e,group:r}})}var Gn=6,Kn=`value:`,qn=`null:`;function Jn(e,t=`schedule`){return e===null?`${qn}${Bn(t)?Vn(t):t}`:`${Kn}${e}`}function Yn(e){return[...e].sort((e,t)=>{if(e.date!==t.date)return e.date<t.date?-1:1;let n=er(e.bucketId),r=er(t.bucketId);return n===r?e.bucketId===t.bucketId?0:e.bucketId<t.bucketId?-1:1:n-r})}function Xn(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 Zn(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=Un(t,$n(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,Gn)}}function $n(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 er(e){let t=e.lastIndexOf(`|`);if(t<0)return 0;let n=Number(e.slice(t+1));return Number.isFinite(n)?n:0}var tr=140,nr=40,rr=28,ir=2,ar=2,or=1e-6,sr=12,cr=220,lr=56,ur=[40,80,60,100,50,70,30],dr=[18,24,28,35,42,50,64,78,92,106,118,96,84,74,68,80,88,72,56,48,40,34,26,20],fr=[`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 pr(e){return fr[e%fr.length]}function mr(e){return e.displayLabel?e.displayLabel:e.date}function hr(e,t){let n=e+sr,r=t+sr;return n+cr>window.innerWidth&&(n=e-cr-sr),r+lr>window.innerHeight&&(r=t-lr-sr),{x:n,y:r}}function gr({buckets:e,isHourly:t,legendItems:n}){let{t:r}=K(`settings`),[i,a]=(0,J.useState)(null),o=(0,J.useMemo)(()=>Yn(e),[e]),s=(0,J.useMemo)(()=>Qn(e),[e]),c=n??s.items,l=n??s.visibleItems,u=(0,J.useMemo)(()=>o.reduce((e,t)=>Math.max(e,t.totalEstimatedCostUsd),0),[o]),d=(0,J.useCallback)((e,t)=>{let n=hr(e.clientX,e.clientY);a({...t,x:n.x,y:n.y})},[]),f=(0,J.useCallback)(()=>a(null),[]);if(o.length===0){let e=(0,Y.jsx)(xr,{title:r(t?`usageTrendChart.noHourlyData`:`usageTrendChart.noDailyData`),subtitle:r(`usageTrendChart.noUsageInRange`)});return l.length===0?e:(0,Y.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[e,(0,Y.jsx)(br,{items:l})]})}let p=t?rr:nr;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:`${tr}px`},"aria-hidden":`true`,children:o.map(e=>{let t=u>0?e.totalEstimatedCostUsd/u:0,r=Math.max(ir,tr*t);return(0,Y.jsx)(`div`,{className:`flex items-end`,style:{width:`${p}px`,minWidth:`${p}px`,height:`${r}px`,opacity:e.totalEstimatedCostUsd>0?1:.3},title:`${mr(e)}: ${In(e.totalEstimatedCostUsd)}`,"data-usage-series-bar":e.bucketId,children:(0,Y.jsx)(vr,{bucket:e,height:r,legendItems:c,hasLegendOverride:n!=null,onSegmentHover:d,onSegmentLeave:f})},e.bucketId)})}),(0,Y.jsx)(`div`,{className:`flex items-start gap-2`,children:o.map(e=>(0,Y.jsxs)(`div`,{className:`flex flex-col items-center gap-0.5`,style:{width:`${p}px`,minWidth:`${p}px`},children:[(0,Y.jsx)(`span`,{className:`truncate text-[10px]`,style:{color:`var(--content-secondary)`},children:In(e.totalEstimatedCostUsd)}),(0,Y.jsx)(`span`,{className:`truncate text-[10px]`,style:{color:`var(--content-tertiary)`},children:mr(e)})]},e.bucketId))}),l.length>0?(0,Y.jsx)(br,{items:l}):null]}),i?(0,Y.jsx)(yr,{tooltip:i}):null]})}function _r({isHourly:e}){let t=e?dr:ur,n=e?rr:nr;return(0,Y.jsx)(`div`,{className:`flex items-end gap-2`,style:{height:`${tr}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 vr({bucket:e,height:t,legendItems:n,hasLegendOverride:r,onSegmentHover:i,onSegmentLeave:a}){let o=Object.keys(e.groups).length>0,s=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(s.length===0&&!o&&!r){let n=mr(e),r={label:W(`settings:usageTrendChart.total`),bucketLabel:n,cost:In(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:pr(0)},"data-usage-series-segment-label":r.label,"data-usage-fallback-segment":`true`})}return s.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:s.map(({item:n,value:r})=>{let o={label:n.label,bucketLabel:mr(e),cost:In(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(ar,t*r.totalEstimatedCostUsd/Math.max(e.totalEstimatedCostUsd,or))}px`,background:pr(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 yr({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 br({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)`:pr(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 xr({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 Sr(e){return Bn(e)?Vn(e):e}function Cr(e){return Dr({from:e.from,to:e.to},e.scheduleId)}function wr(e){return Dr({from:e.from,to:e.to,...e.granularity?{granularity:e.granularity}:{},...e.tz?{tz:e.tz}:{}},e.scheduleId)}function Tr(e){return Dr({from:e.from,to:e.to,groupBy:Sr(e.groupBy)},e.scheduleId)}function Er(e){return Dr({from:e.from,to:e.to,granularity:e.granularity,groupBy:Sr(e.groupBy),...e.tz?{tz:e.tz}:{}},e.scheduleId)}function Dr(e,t){return t?{...e,scheduleId:t}:e}function Or(e){return[`${Fn(e.totalInputTokens)} direct`,`${Fn(e.totalCacheCreationTokens)} cache created`,`${Fn(e.totalCacheReadTokens)} cache read`,`${Fn(e.totalOutputTokens)} out`].join(` / `)}function kr(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 Ar(e){return`${kr(e.totalInputTokens+e.totalCacheCreationTokens+e.totalCacheReadTokens)} in / ${kr(e.totalOutputTokens)} out`}var jr=`task`,Mr=`model`,Nr=new Set([400,404,422]),Pr=3,Fr=new Set([`today`,`yesterday`,`7d`,`30d`,`90d`,`all`]),Ir=new Set([`actor`,`provider`,`model`,`conversation`,`task`,`profile`,`schedule`]),Lr={task:Rn.task,profile:Rn.profile,model:Rn.model,provider:`Provider`,actor:`Actor`,conversation:`Conversation`,schedule:`Schedule`},Rr=[{value:`task`,label:Lr.task},{value:`profile`,label:Lr.profile},{value:`model`,label:Lr.model},{value:`provider`,label:Lr.provider},{value:`schedule`,label:Lr.schedule},{value:`conversation`,label:Lr.conversation}];function zr(e){let t=e.get(`range`),n=e.get(`groupBy`),r=Ur(n)?n:jr;return{range:Hr(t)?t:`7d`,groupBy:r,scheduleId:r===`schedule`?Br(e):void 0}}function Br(e){let t=e.get(`scheduleId`);if(!(!t||t.trim().length===0))return t}function Vr(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 Hr(e){return e!=null&&Fr.has(e)}function Ur(e){return e!=null&&Ir.has(e)}function Wr(e){return e!==`conversation`}function Gr(e,t){return e!==`task`&&e!==`profile`?!1:qr(t)}function Kr(e,t){return!qr(t)&&e<Pr}function qr(e){return e instanceof Be&&Nr.has(e.status)}function Jr({requestedGranularity:e,isLoading:t,buckets:n}){return e===`hourly`&&(t||!n||n.length===0||n.some(Yr))?`hourly`:`daily`}function Yr(e){return e.bucketId.includes(`|`)||Xr(e.date)}function Xr(e){return/^\d{4}-\d{2}-\d{2} ([01]\d|2[0-3]):00$/.test(e)}function Zr(e,t,n=Date.now()){return Dn(e,t,n)}function Qr(e){return e===`today`||e===`yesterday`?`hourly`:`daily`}function $r({prompt:e,children:t,variant:n=`outlined`,size:r=`regular`,className:i}){let a=ut(),o=(0,J.useCallback)(()=>{R(a,{prompt:e})},[a,e]);return(0,Y.jsx)(f,{variant:n,size:r,leftIcon:(0,Y.jsx)(ht,{}),onClick:o,className:i,children:t})}var ei={today:`usageTab.rangeToday`,yesterday:`usageTab.rangeYesterday`,"7d":`usageTab.range7d`,"30d":`usageTab.range30d`,"90d":`usageTab.range90d`,all:`usageTab.rangeAll`},ti={task:`usageTab.groupByTask`,profile:`usageTab.groupByProfile`,model:`usageTab.groupByModel`,provider:`usageTab.groupByProvider`,actor:`usageTab.groupByActor`,conversation:`usageTab.groupByConversation`,schedule:`usageTab.groupBySchedule`};function ni(e,t){return e(ti[t])}function ri(e,t,n){let r=e(t===`hourly`?`usageTab.hourlyTrend`:`usageTab.dailyTrend`);if(!n||n===`conversation`)return r;let i=ni(e,n);return e(t===`hourly`?`usageTab.hourlyTrendBy`:`usageTab.dailyTrendBy`,{group:i})}var ii=300*1e3,ai=[`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(` `),oi=[`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 si({assistantId:e}){let{t}=K(`settings`),[r,i]=ct(),{range:a,groupBy:s,scheduleId:c}=(0,J.useMemo)(()=>zr(r),[r]),l=tt(),u=(0,J.useCallback)(e=>{i(t=>Vr(t,e),{replace:!0})},[i]),d=(0,J.useMemo)(()=>Zr(a,l),[a,l]),f=(0,J.useMemo)(()=>Qr(a),[a]),p=G({queryKey:x({path:{assistant_id:e}}),queryFn:()=>ze(e),staleTime:1e4}),m=(0,J.useCallback)(e=>{u({range:e})},[u]),h=G({...n({path:{assistant_id:e},query:Cr({from:d.from,to:d.to,scheduleId:c})})}),g=G({queryKey:de({path:{assistant_id:e},query:Tr({from:d.from,to:d.to,groupBy:s,scheduleId:c})}),queryFn:async({signal:t})=>{try{let{data:n}=await Me({path:{assistant_id:e},query:Tr({from:d.from,to:d.to,groupBy:s,scheduleId:c}),signal:t,throwOnError:!0});return{groupBy:s,response:n}}catch(n){if(!Gr(s,n))throw n;let{data:r}=await Me({path:{assistant_id:e},query:Tr({from:d.from,to:d.to,groupBy:Mr,scheduleId:c}),signal:t,throwOnError:!0});return{groupBy:Mr,response:r}}},retry:Kr}),_=g.data?.groupBy??s;(0,J.useEffect)(()=>{_!==s&&u({groupBy:_,scheduleId:_===`schedule`?void 0:null})},[_,s,u]);let v=Wr(_)?_:void 0,y=G({...ne({path:{assistant_id:e},query:Er({from:d.from,to:d.to,granularity:f,groupBy:v??`actor`,tz:l,scheduleId:c})}),enabled:!!v,retry:Kr}),b=G({...he({path:{assistant_id:e},query:wr({from:d.from,to:d.to,granularity:f,tz:l,scheduleId:c})}),enabled:!v||y.isError}),S=G({...o({path:{assistant_id:e}}),enabled:_===`task`,staleTime:1/0}),C=G({...O({path:{assistant_id:e}}),select:wn,enabled:_===`profile`,staleTime:ii}),w=(0,J.useMemo)(()=>({callSites:Pn(S.data),profiles:C.data??{}}),[S.data,C.data]),T=(0,J.useMemo)(()=>{let e=g.data;if(e)return Wn(e.response.breakdown,e.groupBy,w)},[g.data,w]),E=(0,J.useMemo)(()=>{if(!(!v||!y.data))return Zn(y.data.buckets,v,w)},[y.data,v,w]),D=(0,J.useMemo)(()=>{if(b.data)return Xn(b.data.buckets)},[b.data]),k=(0,J.useMemo)(()=>v?y.error?D?{isLoading:!1,error:null,data:D,refetch:b.refetch}:{isLoading:b.isLoading||!D&&!b.error,error:b.error??y.error,data:void 0,refetch:b.error?b.refetch:y.refetch}:{isLoading:y.isLoading,error:y.error,data:E,refetch:y.refetch}:{isLoading:b.isLoading,error:b.error,data:D,refetch:b.refetch},[D,b.error,b.isLoading,b.refetch,E,v,y.error,y.isLoading,y.refetch]),A=Jr({requestedGranularity:f,isLoading:k.isLoading,buckets:k.data}),j=A===`hourly`,M=v&&y.error?void 0:_,N=(0,J.useMemo)(()=>{if(!(_!==`schedule`||!c))return ci(p.data,c,t)},[_,c,p.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)(ui,{range:a,onChange:m})})]}),(0,Y.jsx)(`section`,{"aria-label":t(`usageTab.totalsAriaLabel`),children:(0,Y.jsx)(fi,{query:h,skeleton:(0,Y.jsx)(hi,{}),render:e=>(0,Y.jsx)(pi,{totals:e})})}),(0,Y.jsx)(di,{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:ri(t,A,M)}),(0,Y.jsx)(`div`,{className:`flex flex-wrap items-center justify-end gap-2`,children:(0,Y.jsx)(gi,{value:_,onChange:e=>{u({groupBy:e,scheduleId:e===`schedule`?void 0:null})}})})]}),(0,Y.jsx)(fi,{query:k,skeleton:(0,Y.jsx)(_r,{isHourly:j}),render:e=>(0,Y.jsx)(gr,{buckets:e,isHourly:j,legendItems:N})})]})}),(0,Y.jsx)(_i,{query:g,groups:T}),(0,Y.jsx)(li,{})]})}function ci(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:Jn(e.id,`schedule`),label:e.label,colorIndex:n,state:e.id===t?`active`:`inactive`}))}function li(){let{t:e}=K(`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)(di,{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)($r,{prompt:ai,children:e(`usageTab.analyzeCostsButton`)}),(0,Y.jsx)($r,{prompt:oi,variant:`ghost`,children:e(`usageTab.optimizeSettingsButton`)})]})})]})}function ui({range:e,onChange:t}){let{t:n}=K(`settings`);return(0,Y.jsx)(`div`,{className:`flex items-center`,children:(0,Y.jsx)(ce,{value:e,onChange:t,options:Object.entries(ei).map(([e,t])=>({value:e,label:n(t)}))})})}function di({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 fi({query:e,skeleton:t,render:n}){let{t:r}=K(`settings`);return e.isLoading?(0,Y.jsx)(Y.Fragment,{children:t}):e.error?(0,Y.jsx)(Ci,{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 pi({totals:e}){let{t}=K(`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:In(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:Fn(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)(mi,{label:t(`usageTab.directInputTokensLabel`),value:Fn(e.totalInputTokens)}),(0,Y.jsx)(mi,{label:t(`usageTab.outputTokensLabel`),value:Fn(e.totalOutputTokens)}),(0,Y.jsx)(mi,{label:t(`usageTab.cacheCreatedLabel`),value:Fn(e.totalCacheCreationTokens)}),(0,Y.jsx)(mi,{label:t(`usageTab.cacheReadLabel`),value:Fn(e.totalCacheReadTokens)})]})]})}function mi({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 hi(){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)(xi,{width:140,height:30}),(0,Y.jsx)(xi,{width:90,height:12})]}),(0,Y.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,Y.jsx)(xi,{width:60,height:16}),(0,Y.jsx)(xi,{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)(xi,{width:`50%`,height:12}),(0,Y.jsx)(xi,{width:`70%`,height:11})]},t))})]})}function gi({value:e,onChange:t}){let{t:n}=K(`settings`);return(0,Y.jsx)(`div`,{className:`flex items-center`,children:(0,Y.jsx)(ce,{value:e,onChange:t,menuAlign:`end`,menuMinWidth:196,options:Rr.map(e=>({value:e.value,label:ni(n,e.value)}))})})}function _i({query:e,groups:t}){let{t:n}=K(`settings`),[r,i]=(0,J.useState)(new Set),a=e=>{i(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})};return(0,Y.jsx)(di,{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)(vi,{label:n(`usageTab.percentOfTotalLabel`),active:r.has(`pct`),onClick:()=>a(`pct`)}),(0,Y.jsx)(vi,{label:n(`usageTab.tokensLabel`),active:r.has(`tokens`),onClick:()=>a(`tokens`)}),(0,Y.jsx)(vi,{label:n(`usageTab.turnsLabel`),active:r.has(`turns`),onClick:()=>a(`turns`)})]}),(0,Y.jsx)(fi,{query:e,skeleton:(0,Y.jsx)(bi,{}),render:e=>(0,Y.jsx)(yi,{groups:t??e.response.breakdown,groupBy:e.groupBy,showPct:r.has(`pct`),showTokens:r.has(`tokens`),showTurns:r.has(`turns`)})})]})})}function vi({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 yi({groups:e,groupBy:t,showPct:n,showTokens:r,showTurns:i}){let{t:a}=K(`settings`),o=ut();if(e.length===0)return(0,Y.jsx)(Si,{title:a(`usageTab.noBreakdownDataTitle`),subtitle:a(`usageTab.noBreakdownDataSubtitle`)});let s=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:a(`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:a(`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:a(`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:a(`usageTab.costLabel`)})]})}),(0,Y.jsx)(`tbody`,{children:e.map((e,a)=>{let c=Or(e),l=Ar(e),u=t===`conversation`?e.groupId:null,d=s>0?Math.round(e.totalEstimatedCostUsd/s*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`)||Ze(o,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)(dt,{to:Se.conversation(u),className:`block truncate text-body-medium-lighter`,title:e.group,onClick:e=>{Sn(e)||(e.preventDefault(),Ze(o,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:c,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:In(e.totalEstimatedCostUsd)})})]},e.groupKey??e.groupId??`${e.group}-${a}`)})})]})})}function bi(){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)(xi,{width:100,height:14}),(0,Y.jsx)(xi,{width:`60%`,height:12}),(0,Y.jsx)(xi,{width:50,height:14})]},t))})}function xi({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 Si({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 Ci({message:e,onRetry:t}){let{t:n}=K(`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)(gt,{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 wi(){let e=Ye(),t=ln();return{reactivateSubscription:()=>t({mutateAsync:()=>e.mutateAsync({}),onSuccess:()=>{U.success(W(`settings:useReactivateSubscription.reactivatedToast`),{id:`subscription-reactivate`})},errorToastId:`subscription-reactivate-error`,errorFallback:()=>W(`settings:useReactivateSubscription.reactivateFailedToast`)}),isPending:e.isPending}}function Ti({open:e,onCancel:t,onConfirm:n,confirming:r,lostFeatures:i}){let{t:a}=K(`settings`);return(0,Y.jsx)(C.Root,{open:e,onOpenChange:e=>{!e&&!r&&t()},children:(0,Y.jsxs)(C.Content,{size:`md`,hideCloseButton:!0,children:[(0,Y.jsx)(C.Header,{icon:gt,children:(0,Y.jsx)(C.Title,{children:a(`downgradeReconfirmModal.title`)})}),(0,Y.jsxs)(C.Body,{children:[(0,Y.jsx)(V,{as:`p`,variant:`body-medium-default`,className:`text-(--content-secondary)`,children:a(`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)(V,{as:`span`,variant:`body-medium-default`,children:e})},e))})]}),(0,Y.jsxs)(C.Footer,{children:[(0,Y.jsx)(f,{variant:`outlined`,onClick:t,disabled:r,children:a(`downgradeReconfirmModal.keepPro`)}),(0,Y.jsx)(f,{variant:`danger`,onClick:n,disabled:r,"data-testid":`confirm-downgrade-button`,children:a(`downgradeReconfirmModal.confirm`)})]})]})})}function Ei(e){return W(`settings:creditBundlePicker.optionLabel`,{label:e.label,price:Mt(e.price_cents)})}function Di({creditTiers:e,selectedCreditTier:t,onCreditTierChange:n,disabled:r=!1}){let{t:i}=K(`settings`),a=(0,J.useMemo)(()=>[{value:null,label:i(`creditBundlePicker.noBundleOption`,{price:Mt(0)})},...e.map(e=>({value:e.tier,label:Ei(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)(V,{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)(wt,{className:`h-3 w-3 text-[var(--content-tertiary)]`})})]}),(0,Y.jsx)(ce,{"aria-label":i(`creditBundlePicker.ariaLabel`),placeholder:i(`creditBundlePicker.placeholder`),disabled:r,value:t,onChange:e=>n(e),onSelectNone:()=>n(null),options:a})]})}function Oi({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)(V,{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)(jt,{className:`mt-0.5 h-4 w-4 shrink-0 text-[var(--content-tertiary)]`,"aria-hidden":!0}),(0,Y.jsx)(V,{as:`span`,variant:`body-medium-default`,children:e})]},e))})]})}function ki({plan:e,isCurrent:t,onPro:n,planDisplayName:r,currentPlanFeatures:i,cancelAtPeriodEnd:a,isCanceled:o,cancelDate:s,formatGraceDate:c,proTierChangeMode:l,creditTiersEnabled:u,creditTiers:d,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:D,tierChangePending:O,machineChanged:k,storageChanged:A,creditChanged:j,feeAdded:M,tierChangeError:N,upgradePending:P,billingActionPending:ee,onUpgrade:te,onApplyTierChange:ne,onDowngradeClick:F,onKeepPlan:I}){let{t:L}=K(`settings`),R=e.id===`pro`,z=e.id===`base`,re=R&&n&&a&&!o,ie=R&&(!t||t&&l),ae=R&&t&&l,oe=R&&t;return(0,Y.jsx)(Ne.Root,{className:`flex flex-col bg-[var(--surface-base)]`,children:(0,Y.jsxs)(Ne.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:R?(0,Y.jsx)(On,{className:`h-5 w-5 text-[var(--content-default)]`}):(0,Y.jsx)(kn,{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)(V,{as:`h3`,variant:`title-small`,"data-testid":`modal-plan-name`,children:oe?r:e.name}),t&&(0,Y.jsx)(be,{tone:`positive`,children:L(`planCardContent.current`)})]}),(0,Y.jsx)(V,{as:`p`,variant:`body-small-default`,className:`-mt-2 text-[var(--content-tertiary)]`,children:L(z?`planCardContent.baseTagline`:`planCardContent.proTagline`)}),re&&s&&(0,Y.jsx)(V,{as:`p`,variant:`body-small-default`,className:`text-[var(--system-mid-strong)]`,"data-testid":`modal-cancels-on`,children:L(`planCardContent.planEndsOn`,{date:c(s)})}),(0,Y.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),(0,Y.jsx)(`div`,{className:`flex flex-col gap-1`,children:z?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(V,{as:`p`,variant:`title-medium`,children:L(`planCardContent.free`)}),(0,Y.jsx)(V,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,children:L(`planCardContent.forever`)})]}):t&&!(ie&&T!=null)&&(w==null||C)?D?(0,Y.jsxs)(`div`,{className:`flex items-center gap-2 text-[var(--content-tertiary)]`,children:[(0,Y.jsx)(St,{className:`h-4 w-4 animate-spin`}),(0,Y.jsx)(V,{as:`span`,variant:`body-medium-lighter`,children:L(`planCardContent.loadingPlan`)})]}):(0,Y.jsx)(V,{as:`p`,variant:`body-medium-lighter`,className:`text-[var(--content-tertiary)]`,"data-testid":`modal-pro-price-unavailable`,children:L(`planCardContent.pricingUnavailable`)}):(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,Y.jsx)(V,{as:`p`,variant:`title-medium`,"data-testid":`modal-pro-price`,children:ie&&T!=null?(0,Y.jsxs)(Y.Fragment,{children:[Mt(T),E!=null&&E!==0&&(0,Y.jsxs)(`span`,{className:`ml-1 text-[var(--content-tertiary)]`,children:[`(`,Vt(E),`)`]})]}):w==null?e.id===`pro`?L(`planCardContent.fromPrice`,{price:Mt(e.base_price_cents+mn(e.machine_tiers)+mn(e.storage_tiers))}):null:L(`planCardContent.currentlyPrice`,{price:Mt(w)})}),ie&&E!=null&&E!==0&&(0,Y.jsx)(`span`,{title:L(`planCardContent.subscriptionChangeTitle`,{from:Mt(w),to:Mt(T)}),children:(0,Y.jsx)(wt,{className:`h-3 w-3 text-[var(--content-tertiary)]`})})]}),e.id===`pro`&&(0,Y.jsx)(V,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,"data-testid":`modal-pro-base-fee`,children:L(`planCardContent.baseFee`,{amount:rn(e.base_price_cents)})})]})}),(0,Y.jsx)(Oi,{features:oe&&i?i:e.included_features,variant:`checklist`}),R&&!u&&(0,Y.jsx)(V,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,"data-testid":`modal-credits-not-included`,children:L(`planCardContent.creditsNotIncluded`)})]}),(0,Y.jsxs)(`div`,{className:`mt-4 flex flex-1 flex-col justify-end gap-4`,children:[!t&&R&&(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),u&&(0,Y.jsx)(Di,{creditTiers:d,selectedCreditTier:p,onCreditTierChange:m,disabled:P}),(0,Y.jsx)(hn,{machineTiers:y,storageTiers:b,selectedMachineTier:h,selectedStorageTier:g,onMachineTierChange:_,onStorageTierChange:v}),(0,Y.jsx)(f,{variant:`primary`,className:`w-full`,onClick:te,disabled:P||!h||!g,"data-testid":`modal-upgrade-to-pro-button`,children:L(`planCardContent.upgradeToPro`)})]}),ae&&(D?(0,Y.jsxs)(`div`,{className:`flex items-center gap-2 text-[var(--content-tertiary)]`,children:[(0,Y.jsx)(St,{className:`h-4 w-4 animate-spin`}),(0,Y.jsx)(V,{as:`span`,variant:`body-medium-lighter`,children:L(`planCardContent.loadingPlan`)})]}):(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),u&&(0,Y.jsx)(Di,{creditTiers:d,selectedCreditTier:p,onCreditTierChange:m,disabled:O}),(0,Y.jsx)(hn,{machineTiers:y,storageTiers:b,selectedMachineTier:h,selectedStorageTier:g,onMachineTierChange:_,onStorageTierChange:v,currentMachinePriceCents:x,currentStoragePriceCents:S}),N&&(0,Y.jsx)(H,{tone:`error`,children:N}),(0,Y.jsx)(f,{variant:`primary`,className:`w-full`,onClick:ne,disabled:O||!k&&!A&&!j&&!M,"data-testid":`modal-change-tier-button`,children:L(`planCardContent.updatePlan`)})]})),!t&&z&&n&&!a&&(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),(0,Y.jsx)(f,{variant:`outlined`,className:`w-full`,onClick:F,disabled:ee,"data-testid":`modal-downgrade-to-base-button`,children:L(`planCardContent.downgradeToBase`)})]}),re&&(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),(0,Y.jsx)(f,{variant:`outlined`,className:`w-full`,onClick:I,disabled:ee,"data-testid":`modal-keep-plan-button`,children:L(`planCardContent.keepPlan`)})]})]})]})})}function Ai(e){return _n({open:e.open,path:`${Se.settings.usageBilling}&adjust_plan`,onClose:e.onClose})?null:(0,Y.jsx)(ji,{...e})}function ji({open:e,onClose:t,onTierUpgraded:n}){let{t:i}=K(`settings`),a=q(),o=G(w()),s=G(qe()),c=ot(Ue()),l=Qt(dn(s.data)),{reactivateSubscription:d,isPending:p}=wi(),{cancelSubscription:m,isPending:h}=cn(),[g,_]=(0,J.useState)(`plans`),[v,y]=(0,J.useState)(zt),b=()=>{_(`plans`),y(zt)},[x,S]=(0,J.useState)(!1),[T,E]=(0,J.useState)(null),[D,O]=(0,J.useState)(null),[k,A]=(0,J.useState)(void 0);(0,J.useEffect)(()=>Xe(()=>{Jt(a),t()}),[a,t]);let j=s.data?.plan_id,M=j===`pro`,{changeTiers:N,isPending:P,error:ee,current:te}=tn({enabled:M}),ne=G({...r(),enabled:M}),F=ne.data?.max_machine_tier??null,I=ne.data?.selected_storage_tier??null,L=ne.data?.selected_storage_gib??null,R=s.data?.cancel_at_period_end===!0||!!s.data?.cancel_at,z=s.data?.status===`canceled`,re=pn(s.data),ie=s.data?.status,oe=ie!=null&&on.has(ie),se=M&&oe&&!R&&!z,B=o.data?.plans.find(e=>e.id===`pro`),ce=B?.credit_tiers??[],le=ce.length>0,ue=s.data?.selected_credit_tier??null,de=e=>ce.find(t=>t.tier===e)?.price_cents??0,fe=de(ue),pe=ue!=null&&!ce.some(e=>e.tier===ue),me=k===void 0?ue:k,he=de(me),ge=Rt(s.data?.package),_e=M&&ne.isSuccess&&B?Pt({machineTier:F,storageTier:I,storageGib:L,creditTier:ue,hasPlatformFee:te.hasPlatformFee},B):null,ye=B?.machine_tiers??[],be=se&&L!=null?(B?.storage_tiers??[]).map(e=>e.storage_gib<L?{...e,disabled:!0}:e):B?.storage_tiers??[],xe=(0,J.useRef)(null);(0,J.useEffect)(()=>{if(!e){xe.current=null,E(null),O(null),A(void 0);return}if(B){if(se){if(F==null||I==null)return;xe.current??={machineTier:F,storageTier:I,creditTier:ue},E(e=>Yt(ye,e??F)),O(e=>Yt(be,e??I)),A(e=>gn(ce,e,ue));return}E(e=>Yt(B.machine_tiers,e)),O(e=>Yt(B.storage_tiers,e)),A(e=>gn(ce,e,null))}},[e,B,se,F,I,ue]);let Se=o.data?.plans.find(e=>e.id===`base`),Ce=new Set(Se?.included_features??[]),we=(B?.included_features??[]).filter(e=>!Ce.has(e)),Te=()=>{if(!c.isPending){if(!T||!D){U.error(i(`adjustPlanModal.pickTiersError`),{id:`pro-upgrade-error`});return}c.mutate({body:{target_plan_id:`pro`,confirm:!0,machine_tier:T,storage_tier:D,credit_tier:me,return_target:yn()}},{onSuccess:e=>{if(e.checkout_url){ae({kind:`custom`,machineTier:T,storageTier:D,creditTier:me}),ve(a),u(e.checkout_url);return}if(e.status===`no_op`){U.info(i(`adjustPlanModal.alreadyOnPro`),{id:`pro-upgrade`}),t();return}U.error(e.message??i(`adjustPlanModal.upgradeFailed`),{id:`pro-upgrade-error`})},onError:e=>{U.error(en(e,i(`adjustPlanModal.upgradeFailed`)),{id:`pro-upgrade-error`})}})}},Ee=$t(s.data),De=!Ee||Bt(v),Oe=async()=>{if(!(h||l.isPending)){if(!Ee){b(),l.mutate({});return}await m(Ut(v))&&b()}},ke=T!=null&&T!==F,Ae=D!=null&&D!==I,je=le&&k!==void 0&&k!==ue,Me=se&&!te.hasPlatformFee,Ne=e=>ye.find(t=>t.tier===e)?.price_cents??null,Pe=e=>be.find(t=>t.tier===e)?.price_cents??null,Fe=Ne(T),Ie=Pe(D),Le=Ne(F),Re=Pe(I),ze=ke&&Fe!=null&&Le!=null&&Fe<Le,Be=()=>{if(!P){if(!T||!D){U.error(i(`adjustPlanModal.pickTiersError`),{id:`pro-tier-change-error`});return}N({machineTier:T,storageTier:D,creditTier:me},xe.current??void 0).then(e=>{if(e){if(e.needsResize&&n){t(),n();return}U.success(e.creditChanged&&!ke&&!Ae?i(`adjustPlanModal.creditBundleUpdated`):i(`adjustPlanModal.planUpdated`),{id:`pro-tier-change`})}})}},Ve=()=>{if(!P){if(ze){S(!0);return}Be()}},He=()=>{S(!1),Be()},We=e=>Fe!=null&&Ie!=null?e.base_price_cents+Fe+Ie+he:null,Ge=e=>Le!=null&&Re!=null?(Me?0:e.base_price_cents)+Le+Re+fe:null,Ke=o.isLoading||s.isLoading,Je=o.isError||s.isError||!o.data||!s.data;return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(C.Root,{open:e,onOpenChange:e=>{e||(b(),t())},children:(0,Y.jsx)(C.Content,{size:g===`plans`?`lg`:`md`,children:g===`downgrade-confirm`?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(C.Header,{icon:gt,children:(0,Y.jsx)(C.Title,{children:i(`adjustPlanModal.downgradeTitle`)})}),(0,Y.jsxs)(C.Body,{children:[(0,Y.jsx)(V,{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:we.map(e=>(0,Y.jsx)(`li`,{children:(0,Y.jsx)(V,{as:`span`,variant:`body-medium-default`,children:e})},e))}),Ee?(0,Y.jsx)(It,{value:v,onChange:y,disabled:h||l.isPending}):null]}),(0,Y.jsxs)(C.Footer,{children:[(0,Y.jsx)(f,{variant:`ghost`,onClick:b,disabled:h||l.isPending,leftIcon:(0,Y.jsx)(At,{className:`h-4 w-4`}),children:i(`adjustPlanModal.back`)}),(0,Y.jsx)(f,{variant:`danger`,onClick:()=>void Oe(),disabled:h||l.isPending||!De,"data-testid":`confirm-downgrade-button`,children:i(`adjustPlanModal.confirmDowngrade`)})]})]}):(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(C.Header,{children:(0,Y.jsx)(C.Title,{className:`sr-only`,children:i(`adjustPlanModal.upgradePlanTitle`)})}),(0,Y.jsx)(C.Body,{children:Ke?(0,Y.jsxs)(`div`,{className:`flex items-center gap-2 text-body-medium-lighter text-[var(--content-tertiary)]`,children:[(0,Y.jsx)(St,{className:`h-4 w-4 animate-spin`}),(0,Y.jsx)(V,{as:`span`,variant:`body-medium-lighter`,children:i(`adjustPlanModal.loadingPlans`)})]}):Je?(0,Y.jsx)(H,{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)(V,{as:`p`,variant:`title-medium`,children:i(`adjustPlanModal.heroTitle`)}),(0,Y.jsx)(V,{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:o.data.plans.map(e=>{let t=e.id===j,n=e.id===`pro`&&B?We(B):null,r=e.id===`pro`&&B?Ge(B):null;return(0,Y.jsx)(ki,{plan:e,isCurrent:t,onPro:M,planDisplayName:ge,currentPlanFeatures:_e,cancelAtPeriodEnd:R,isCanceled:z,cancelDate:re,formatGraceDate:an,proTierChangeMode:se,creditTiersEnabled:le,creditTiers:ce,displayCreditTier:me,onCreditTierChange:A,selectedMachineTier:T,selectedStorageTier:D,onMachineTierChange:E,onStorageTierChange:O,machineTiersForPicker:ye,storageTiersForPicker:be,currentMachinePrice:Le,currentStoragePrice:Re,currentCreditPriceUnknown:pe,proCurrentTotalCents:r,proLiveTotalCents:n,proTotalDelta:n!=null&&r!=null?n-r:null,onboardingLoading:ne.isLoading,tierChangePending:P,machineChanged:ke,storageChanged:Ae,creditChanged:je,feeAdded:Me,tierChangeError:ee,upgradePending:c.isPending,billingActionPending:l.isPending||p,onUpgrade:Te,onApplyTierChange:Ve,onDowngradeClick:()=>_(`downgrade-confirm`),onKeepPlan:()=>{if(!$t(s.data)){l.mutate({});return}d()}},e.id)})})]})}),(0,Y.jsxs)(C.Footer,{className:`relative items-center`,children:[(0,Y.jsx)(V,{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)(f,{variant:`outlined`,onClick:t,"data-testid":`modal-cancel-button`,children:i(`adjustPlanModal.cancel`)})})]})]})})}),(0,Y.jsx)(Ti,{open:x,onCancel:()=>S(!1),onConfirm:He,confirming:P,lostFeatures:[i(`adjustPlanModal.machineDowngradeFeature`)]})]})}function Mi(e){let t=e.trim();if(t===``)return W(`settings:dailyCreditLimitCard.errorEmpty`);let n=parseFloat(t);if(!Number.isFinite(n)||n<1)return W(`settings:dailyCreditLimitCard.errorMin`);if(!/^\d+(\.\d{1,2})?$/.test(t))return W(`settings:dailyCreditLimitCard.errorDecimals`)}function Ni(e){let{t}=K(`settings`);return(0,Y.jsx)(Fe,{type:`number`,step:`0.01`,min:`1`,label:t(`dailyCreditLimitCard.inputLabel`),helperText:t(`dailyCreditLimitCard.helperText`,{time:D()}),placeholder:`0.00`,fullWidth:!0,...e})}function Pi(){let e=q();return ot({..._(),onSuccess:t=>{B(e,void 0,t),e.invalidateQueries({queryKey:c()}),e.invalidateQueries({queryKey:_e()})}})}function Fi(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 Ii({onSaved:e,onCancel:t}){let{t:n}=K(`settings`),r=Pi(),[i,a]=(0,J.useState)(`25`),[o,s]=(0,J.useState)(!1),c=r.isPending,l=Mi(i),u=o?l:void 0,d=Fi(r.error).daily_credit_limit_usd??(r.isError?n(`dailyCreditLimitCard.saveError`):void 0),p=()=>{c||(s(!0),!l&&r.mutate({body:{daily_credit_limit_usd:parseFloat(i.trim()).toFixed(2)}},{onSuccess:e}))},m=()=>{c||t()};return(0,Y.jsx)(C.Root,{open:!0,onOpenChange:e=>{e||m()},children:(0,Y.jsxs)(C.Content,{size:`sm`,hideCloseButton:!0,onEscapeKeyDown:e=>{e.preventDefault(),e.stopPropagation(),m()},"data-testid":`auto-top-up-daily-limit-modal`,children:[(0,Y.jsxs)(C.Header,{children:[(0,Y.jsx)(C.Title,{children:n(`autoTopUpDailyLimitModal.title`)}),(0,Y.jsx)(C.Description,{children:n(`autoTopUpDailyLimitModal.message`)})]}),(0,Y.jsxs)(C.Body,{children:[(0,Y.jsx)(Ni,{value:i,onChange:e=>{a(e.target.value)},onBlur:()=>s(!0),onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),p())},errorText:u,disabled:c,"data-testid":`auto-top-up-daily-limit-input`}),d!=null&&(0,Y.jsx)(H,{tone:`error`,className:`mt-3`,"data-testid":`auto-top-up-daily-limit-error`,children:d})]}),(0,Y.jsxs)(C.Footer,{children:[(0,Y.jsx)(f,{variant:`outlined`,onClick:m,disabled:c,"data-testid":`auto-top-up-daily-limit-cancel-button`,children:n(`autoTopUpDailyLimitModal.cancel`)}),(0,Y.jsx)(f,{variant:`primary`,onClick:p,disabled:c,loading:c,"data-testid":`auto-top-up-daily-limit-save-button`,children:n(c?`autoTopUpDailyLimitModal.saving`:`autoTopUpDailyLimitModal.save`)})]})]})})}function Li({open:e,confirming:t,onCancel:n,onConfirm:r}){let{t:i}=K(`settings`);return(0,Y.jsx)(T,{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 Ri={threshold_usd:`100`,amount_usd:`10`,monthly_cap_usd:``};function zi(e){if(e===``||e===`-`)return e;let t=parseFloat(e);return Number.isFinite(t)?String(Math.trunc(t)):``}function Bi(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 Vi(e,t,n,r){if(n[e])return n[e];if(r)return t[e]}function Hi({initialValues:e=Ri,submitting:t,saveDisabled:n=!1,serverErrors:r,onSave:i,onCancel:a}){let{t:o}=K(`settings`),[s,c]=(0,J.useState)(e),[l,u]=(0,J.useState)({threshold_usd:!1,amount_usd:!1,monthly_cap_usd:!1}),d=Bi(s),p=e=>t=>{c(n=>({...n,[e]:t.target.value}))},m=e=>()=>{u(t=>({...t,[e]:!0})),c(t=>({...t,[e]:zi(t[e])}))},h=e=>Vi(e,d,r,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)(Fe,{type:`number`,step:`1`,label:o(`autoTopUpForm.thresholdLabel`),value:s.threshold_usd,onChange:p(`threshold_usd`),onBlur:m(`threshold_usd`),errorText:h(`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)(Fe,{type:`number`,step:`1`,label:o(`autoTopUpForm.amountLabel`),value:s.amount_usd,onChange:p(`amount_usd`),onBlur:m(`amount_usd`),errorText:h(`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)(Fe,{type:`number`,step:`1`,label:o(`autoTopUpForm.capLabel`),value:s.monthly_cap_usd,onChange:p(`monthly_cap_usd`),onBlur:m(`monthly_cap_usd`),errorText:h(`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-[20px]`,children:[(0,Y.jsx)(f,{variant:`outlined`,onClick:a,disabled:t,children:o(`autoTopUpForm.cancel`)}),(0,Y.jsx)(f,{variant:`primary`,onClick:()=>{u({threshold_usd:!0,amount_usd:!0,monthly_cap_usd:!0});let e={threshold_usd:zi(s.threshold_usd),amount_usd:zi(s.amount_usd),monthly_cap_usd:zi(s.monthly_cap_usd)};c(e);let t=Bi(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||n,"data-testid":`auto-top-up-save-button`,children:o(`autoTopUpForm.save`)})]})]})})}var Ui=t(((e,t)=>{t.exports=`SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED`})),Wi=t(((e,t)=>{var n=Ui();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=Wi()()}))(),1);function Gi(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 Ki(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?Gi(Object(n),!0).forEach(function(t){Ji(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Gi(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function qi(e){"@babel/helpers - typeof";return qi=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},qi(e)}function Ji(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Yi(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 Xi(e,t){if(e==null)return{};var n=Yi(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 Zi(e,t){return Qi(e)||$i(e,t)||ea(e,t)||na()}function Qi(e){if(Array.isArray(e))return e}function $i(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 ea(e,t){if(e){if(typeof e==`string`)return ta(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 ta(e,t)}}function ta(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 na(){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])},ra=function(e){var t=J.useRef(e);return J.useEffect(function(){t.current=e},[e]),t.current},ia=function(e){return e!==null&&qi(e)===`object`},aa=function(e){return ia(e)&&typeof e.then==`function`},oa=function(e){return ia(e)&&typeof e.elements==`function`&&typeof e.createToken==`function`&&typeof e.createPaymentMethod==`function`&&typeof e.confirmCardPayment==`function`},sa=`[object Object]`,ca=function e(t,n){if(!ia(t)||!ia(n))return t===n;var r=Array.isArray(t);if(r!==Array.isArray(n))return!1;var i=Object.prototype.toString.call(t)===sa;if(i!==(Object.prototype.toString.call(n)===sa))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])})},la=function(e,t,n){return ia(e)?Object.keys(e).reduce(function(r,i){var a=!ia(t)||!ca(e[i],t[i]);return n.includes(i)?(a&&console.warn(`Unsupported prop change: options.${i} is not a mutable property.`),r):a?Ki(Ki({},r||{}),{},Ji({},i,e[i])):r},null):null},ua="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.",da=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:ua;if(e===null||oa(e))return e;throw Error(t)},fa=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:ua;if(aa(e))return{tag:`async`,stripePromise:Promise.resolve(e).then(function(e){return da(e,t)})};var n=da(e,t);return n===null?{tag:`empty`}:{tag:`sync`,stripe:n}},pa=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`}))},ma=J.createContext(null);ma.displayName=`ElementsContext`;var ha=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},ga=function(e){var t=e.stripe,n=e.options,r=e.children,i=J.useMemo(function(){return fa(t)},[t]),a=Zi(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=ra(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=ra(n);return J.useEffect(function(){if(o.elements){var e=la(n,l,[`clientSecret`,`fonts`]);e&&o.elements.update(e)}},[n,l,o.elements]),J.useEffect(function(){pa(o.stripe)},[o.stripe]),J.createElement(ma.Provider,{value:o},r)};ga.propTypes={stripe:X.default.any,options:X.default.object};var _a=function(e){return ha(J.useContext(ma),e)},va=function(e){var t=e.children;return t(_a(`mounts <ElementsConsumer>`))};va.propTypes={children:X.default.func.isRequired};var ya=J.createContext(null);ya.displayName=`CheckoutContext`;var ba=function(e){var t=J.useContext(ya),n=J.useContext(ma);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 ha(n,e)},xa=[`mode`],Sa=function(e){return e.charAt(0).toUpperCase()+e.slice(1)},Q=function(e,t,n){var r=`${Sa(e)}Element`,i=t?function(e){ba(`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=ba(`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=Zi(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=Xi(o,xa);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=ra(o);return J.useEffect(function(){if(A.current){var e=la(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`,Ca=J.createContext(null);Ca.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`,$);function wa(e=document.documentElement){let t=getComputedStyle(e),n=e=>t.getPropertyValue(e).trim()||void 0,r=n(`--content-tertiary`);return{text:n(`--content-emphasised`),textSecondary:r,placeholder:n(`--content-faint`),surface:n(`--surface-lift`),field:n(`--surface-base`),accent:n(`--system-info-strong`),danger:n(`--system-negative-strong`),dangerText:n(`--system-negative-on-weak`),icon:r,radius:n(`--radius-lg`)}}var Ta=/^#([\da-f]{3}|[\da-f]{6})$/i,Ea=/^rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)/i;function Da(e){let t=Ta.exec(e)?.[1];if(t){let e=t.length===3?[...t].map(e=>e+e).join(``):t;return[0,2,4].map(t=>parseInt(e.slice(t,t+2),16))}let n=Ea.exec(e);return n?n.slice(1).map(Number):null}function Oa(e,t){let n=Da(e);if(!n)return e;let[r,i,a]=n;return`rgba(${r}, ${i}, ${a}, ${t})`}function ka(e){return e!==void 0&&e!==``}function Aa(e){return Object.fromEntries(Object.entries(e).filter(e=>ka(e[1])))}function ja(e){let t={};for(let[n,r]of Object.entries(e)){let e=Aa(r);Object.keys(e).length>0&&(t[n]=e)}return t}function Ma(e){return ka(e)?`1px solid ${e}`:void 0}function Na(e,t){let n=ka(e.accent)?`0 0 0 3px ${Oa(e.accent,.14)}`:void 0;return{theme:t,labels:`floating`,variables:Aa({fontFamily:`"DM Sans", system-ui, sans-serif`,fontSizeBase:`15px`,fontSizeSm:`11px`,fontWeightMedium:`500`,borderRadius:e.radius,spacingUnit:`4px`,spacingGridRow:`10px`,spacingGridColumn:`10px`,colorText:e.text,colorTextSecondary:e.textSecondary,colorTextPlaceholder:e.placeholder,colorBackground:e.surface,colorPrimary:e.accent,colorDanger:e.danger,colorIcon:e.icon,focusOutline:`none`,focusBoxShadow:n}),rules:ja({".Input":{backgroundColor:e.field,border:`1px solid transparent`,boxShadow:`none`,padding:`9px 14px`,transition:`background-color 120ms, border-color 120ms, box-shadow 120ms`},".Input:focus":{backgroundColor:e.surface,border:Ma(e.accent),boxShadow:n},".Input--invalid":{border:Ma(e.danger),boxShadow:`none`},".Input::placeholder":{color:e.placeholder},".Label":{fontSize:`11px`,fontWeight:`500`,color:e.textSecondary},".Label--invalid":{color:e.danger},".Error":{fontSize:`12.5px`,color:e.dangerText}})}}function Pa(e){return Na(wa(),e===`light`?`stripe`:`night`)}var Fa=`dahlia`,Ia=`https://js.stripe.com`,La=`${Ia}/${Fa}/stripe.js`,Ra=/^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/,za=/^https:\/\/js\.stripe\.com\/(v3|[a-z]+)\/stripe\.js(\?.*)?$/,Ba=`loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used`,Va=function(e){return Ra.test(e)||za.test(e)},Ha=function(){for(var e=document.querySelectorAll(`script[src^="${Ia}"]`),t=0;t<e.length;t++){var n=e[t];if(Va(n.src))return n}return null},Ua=function(e){var t=e&&!e.advancedFraudSignals?`?advancedFraudSignals=false`:``,n=document.createElement(`script`);n.src=`${La}${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},Wa=null,Ga=null,Ka=null,qa=function(e){return function(t){e(Error(`Failed to load Stripe.js`,{cause:t}))}},Ja=function(e,t){return function(){window.Stripe?e(window.Stripe):t(Error(`Stripe.js not available`))}},Ya=function(e){return Wa===null?(Wa=new Promise(function(t,n){if(typeof window>`u`||typeof document>`u`){t(null);return}if(window.Stripe&&e&&console.warn(Ba),window.Stripe){t(window.Stripe);return}try{var r=Ha();if(r&&e)console.warn(Ba);else if(!r)r=Ua(e);else if(r&&Ka!==null&&Ga!==null){var i;r.removeEventListener(`load`,Ka),r.removeEventListener(`error`,Ga),(i=r.parentNode)==null||i.removeChild(r),r=Ua(e)}Ka=Ja(t,n),Ga=qa(n),r.addEventListener(`load`,Ka),r.addEventListener(`error`,Ga)}catch(e){n(e);return}}),Wa.catch(function(e){return Wa=null,Promise.reject(e)})):Wa},Xa,Za=!1,Qa=function(){return Xa||(Xa=Ya(null).catch(function(e){return Xa=null,Promise.reject(e)}),Xa)};Promise.resolve().then(function(){return Qa()}).catch(function(e){Za||console.warn(e)});var $a=null;function eo(){return $a}function to(e){if(!e)return null;let t=e.indexOf(`_secret`);return t<=0?null:e.slice(0,t)}var no=`flex flex-col gap-[10px]`,ro={visa:`Visa`,mastercard:`Mastercard`,amex:`Amex`,discover:`Discover`,diners:`Diners Club`,jcb:`JCB`,unionpay:`UnionPay`};function io(e){let t=e?.toLowerCase();return t&&Object.hasOwn(ro,t)?ro[t]:null}function ao(e,t){return io(t)??e(`paymentMethodRow.savedCard`)}function oo(e,t){return e==null||t==null?null:{month:String(e).padStart(2,`0`),year:String(t).slice(-2)}}function so(e,t,n){let r=oo(t,n);return r===null?null:e(`autoTopUpPaymentMethodModal.cardOnFileExpiry`,r)}function co(e){return e===`submitting`||e===`requires_action`}function lo({open:e,mode:t,state:n,cardOnFile:r=null,savedCard:a=null,autoReloadActive:o=!1,headerless:s=!1,errorMessage:c=null,showTerms:l=!1,submitDisabled:u=!1,onClose:d,onSubmit:p,children:m}){let{t:h}=K(`settings`),g=co(n),_=t===`replace`,v=n===`saved`,y=v&&s,b=y?{"aria-describedby":void 0}:{},x=_?uo(h,v?null:r):h(`autoTopUpPaymentMethodModal.addSubtitle`);return(0,Y.jsx)(C.Root,{open:e,onOpenChange:e=>{!e&&!g&&d()},children:(0,Y.jsxs)(C.Content,{size:`sm`,className:`max-w-[420px] overflow-hidden rounded-xl p-0`,hideCloseButton:!0,dismissOnOverlayClick:!g,onEscapeKeyDown:g?e=>e.preventDefault():void 0,onInteractOutside:g?e=>e.preventDefault():void 0,...b,children:[(0,Y.jsxs)(`div`,{className:`flex items-start justify-between gap-4 px-6 pt-6 pb-[18px]`,children:[(0,Y.jsx)(`div`,{className:`min-w-0`,children:y?(0,Y.jsx)(C.Title,{className:`sr-only`,children:fo(h,a)}):(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(C.Title,{className:`text-[18px] font-semibold tracking-[-0.02em] text-[var(--content-emphasised)]`,children:h(_?`autoTopUpPaymentMethodModal.replaceTitle`:`autoTopUpPaymentMethodModal.addTitle`)}),(0,Y.jsx)(C.Description,{className:`mt-[5px] text-[13px] leading-normal text-[var(--content-tertiary)]`,children:x})]})}),(0,Y.jsx)(C.Close,{asChild:!0,children:(0,Y.jsx)(`button`,{type:`button`,"data-testid":`payment-method-modal-close`,"aria-label":h(`autoTopUpPaymentMethodModal.close`),disabled:g,className:`flex h-7 w-7 shrink-0 cursor-pointer items-center justify-center rounded-md text-[var(--content-tertiary)] hover:bg-[var(--surface-hover)] hover:text-[var(--content-emphasised)] disabled:cursor-not-allowed disabled:opacity-45`,children:(0,Y.jsx)(Tt,{size:17})})})]}),(0,Y.jsxs)(`form`,{id:`payment-method-modal-form`,className:`flex min-h-0 flex-1 flex-col`,onSubmit:e=>{e.preventDefault(),p?.()},children:[(0,Y.jsxs)(C.Body,{className:i(`flex flex-col gap-[14px] px-6`,v?`pb-[22px]`:`pb-0`),children:[v?null:(0,Y.jsx)(`div`,{"data-testid":`payment-method-modal-fields`,"aria-busy":g,className:i(no,g&&`pointer-events-none opacity-45`),children:m}),c?(0,Y.jsxs)(`div`,{"data-testid":`auto-top-up-pm-modal-confirm-error`,className:`flex items-start gap-2`,children:[(0,Y.jsx)(`span`,{"aria-hidden":!0,className:`mt-[6px] h-[5px] w-[5px] shrink-0 rounded-full bg-[var(--system-negative-strong)]`}),(0,Y.jsx)(`p`,{className:`text-[12.5px] leading-normal text-[var(--system-negative-on-weak)]`,children:c})]}):null,n===`requires_action`?(0,Y.jsxs)(`div`,{"data-testid":`payment-method-modal-status-row`,className:`flex items-center gap-[10px] rounded-lg bg-[var(--surface-base)] px-[13px] py-3`,children:[(0,Y.jsx)(St,{"aria-hidden":!0,size:14,className:`shrink-0 animate-spin text-[var(--system-info-strong)]`}),(0,Y.jsx)(`span`,{className:`text-[13px] text-[var(--content-secondary)]`,children:h(`autoTopUpPaymentMethodModal.confirmingWithBank`)})]}):v?(0,Y.jsx)(po,{card:a,autoReloadActive:o}):l?(0,Y.jsx)(`p`,{"data-testid":`payment-method-modal-terms`,className:`mt-1.5 text-[11.5px] leading-[1.55] text-[var(--content-quiet)]`,children:h(_?`autoTopUpPaymentMethodModal.termsReplace`:`autoTopUpPaymentMethodModal.termsAdd`)}):null]}),v?null:(0,Y.jsxs)(C.Footer,{className:`flex flex-col gap-1 px-6 pt-[18px] pb-[22px]`,children:[(0,Y.jsx)(f,{variant:`primary`,fullWidth:!0,type:`submit`,"data-testid":`auto-top-up-pm-save-button`,className:`h-auto rounded-lg py-[14px] text-[14.5px] font-semibold`,disabled:u||g,loading:g,children:h(g?`autoTopUpPaymentMethodModal.primarySubmitting`:_?`autoTopUpPaymentMethodModal.primaryReplace`:`autoTopUpPaymentMethodModal.primaryAdd`)}),(0,Y.jsx)(f,{variant:`ghost`,fullWidth:!0,type:`button`,className:`h-auto rounded-md py-[10px] text-[13.5px] font-medium [--vbtn-fg:var(--content-tertiary)] hover:[--vbtn-fg:var(--content-emphasised)]`,onClick:d,disabled:g,children:h(`autoTopUpPaymentMethodModal.cancel`)})]})]})]})})}function uo(e,t){let n=io(t?.brand),r=t?.last4;if(!n&&!r)return e(`autoTopUpPaymentMethodModal.replaceSubtitle`);let i=oo(t?.expMonth,t?.expYear);return r?n?i?e(`autoTopUpPaymentMethodModal.replaceSubtitleCardExpiry`,{brand:n,last4:r,...i}):e(`autoTopUpPaymentMethodModal.replaceSubtitleCard`,{brand:n,last4:r}):i?e(`autoTopUpPaymentMethodModal.replaceSubtitleCardNoBrandExpiry`,{last4:r,...i}):e(`autoTopUpPaymentMethodModal.replaceSubtitleCardNoBrand`,{last4:r}):i?e(`autoTopUpPaymentMethodModal.replaceSubtitleCardNoLast4Expiry`,{brand:n,...i}):e(`autoTopUpPaymentMethodModal.replaceSubtitleCardNoLast4`,{brand:n})}function fo(e,t){let n=io(t?.brand),r=t?.last4;return r?n?e(`autoTopUpPaymentMethodModal.savedTitle`,{brand:n,last4:r}):e(`autoTopUpPaymentMethodModal.savedTitleNoBrand`,{last4:r}):e(`autoTopUpPaymentMethodModal.savedTitleGeneric`)}function po({card:e,autoReloadActive:t}){let{t:n}=K(`settings`);return(0,Y.jsxs)(`div`,{"data-testid":`payment-method-modal-saved`,className:`flex items-center gap-[11px] rounded-lg bg-[var(--system-positive-weak)] p-[13px]`,children:[(0,Y.jsx)(`span`,{"aria-hidden":!0,className:`flex h-[22px] w-[22px] shrink-0 items-center justify-center rounded-full bg-[var(--system-positive-strong)] text-[12px] text-white`,children:`✓`}),(0,Y.jsxs)(`div`,{className:`min-w-0`,children:[(0,Y.jsx)(`p`,{className:`text-[13.5px] font-medium text-[var(--system-positive-on-weak)]`,children:fo(n,e)}),t?(0,Y.jsx)(`p`,{className:`mt-px text-[12px] text-[var(--system-positive-on-weak)]`,children:n(`autoTopUpPaymentMethodModal.savedSubtitle`)}):null]})]})}var mo=1500;function ho(e){return _n({open:e.open,path:Se.settings.usageBilling,onClose:e.onClose})?null:(0,Y.jsx)(go,{...e})}function go({open:e,onClose:t,mode:n=`add`,cardOnFile:r=null,billingAddress:i=null,initialOutcome:a=null,onSavedOptimistic:o}){let{t:s}=K(`settings`),c=ot(m()),{mutate:l,reset:u}=c,d=a?.kind===`saved`,[f,p]=(0,J.useState)(d?`saved`:`idle`),[h,g]=(0,J.useState)(a?.kind===`error`?a.message:null),[_,v]=(0,J.useState)(a?.kind===`saved`?a.card:null),[y,b]=(0,J.useState)(!1),x=(0,J.useRef)(null),S=(0,J.useRef)(null),C=(0,J.useRef)(!0),w=(0,J.useRef)(null),T=(0,J.useRef)(a);(0,J.useEffect)(()=>{T.current=a},[a]);let E=(0,J.useRef)(t);(0,J.useEffect)(()=>{E.current=t},[t]),(0,J.useEffect)(()=>(C.current=!0,()=>{C.current=!1,_o(x),_o(S)}),[]);let D=(0,J.useCallback)(()=>{_o(S),S.current=setTimeout(()=>{E.current()},900)},[]);(0,J.useEffect)(()=>{_o(x),_o(S);let t=e?T.current:null,n=t?.kind===`saved`?t:null;p(n?`saved`:`idle`),g(t?.kind===`error`?t.message:null),v(n?.card??null),b(!1),n&&D()},[e,D]),(0,J.useEffect)(()=>{if(!e){u();return}},[e,d,l,u]);let O=c.data?.client_secret??null,[k,A]=(0,J.useState)(!1),[j,M]=(0,J.useState)(null);(0,J.useEffect)(()=>{A(!1),M(null)},[e,O]),(0,J.useCallback)(e=>{M(e),b(!1)},[]);let N=Je();return(0,J.useMemo)(()=>Pa(N),[N]),(0,J.useCallback)(e=>{w.current=e},[]),(0,J.useCallback)(async e=>{p(`submitting`),g(null),x.current=setTimeout(()=>{p(e=>e===`submitting`?`requires_action`:e)},mo);try{let t=await e();if(_o(x),!C.current)return;if(t.error){p(`error`),g(t.error.code===`card_declined`?s(`autoTopUpPaymentMethodModal.declined`):t.error.message??s(`autoTopUpPaymentMethodModal.confirmFailed`));return}let n=await o({setupIntentId:to(O)});if(!C.current)return;v(n??null),p(`saved`),D()}catch{if(!C.current)return;p(`error`),g(s(`autoTopUpPaymentMethodModal.confirmFailed`))}finally{_o(x)}},[O,o,D,s]),(0,Y.jsx)(lo,{open:e,mode:n,state:f,cardOnFile:n===`replace`?r:null,savedCard:_,autoReloadActive:_?.autoReloadEnabled??!1,headerless:d,errorMessage:h,showTerms:!1,submitDisabled:!y,onClose:t,onSubmit:()=>{w.current?.()},children:(0,Y.jsx)(vo,{})})}function _o(e){e.current!==null&&(clearTimeout(e.current),e.current=null)}function vo(){let{t:e}=K(`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)(H,{tone:`error`,children:e(`autoTopUpPaymentMethodModal.unavailable`)})}function yo(e){return e==null||!e.has_payment_method?[]:[{id:`primary`,brand:e.payment_method_brand,last4:e.payment_method_last4,expMonth:e.payment_method_exp_month??null,expYear:e.payment_method_exp_year??null}]}function bo(e){let[t]=e;return t==null?{mode:`add`,cardOnFile:null}:{mode:`replace`,cardOnFile:{brand:t.brand,last4:t.last4,expMonth:t.expMonth,expYear:t.expYear}}}var xo=1500,So=2e4;function Co(e){let[t]=yo(e);return t==null?null:{brand:t.brand,last4:t.last4,autoReloadEnabled:e?.enabled===!0}}function wo(){let e=q();return async()=>{let t=ee(),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&&te(e,void 0,{...n,has_payment_method:!0})};r();let i=e.getQueryCache().subscribe(e=>{e.type===`updated`&&e.query.queryHash===st(t)&&r()});try{let t=Date.now();for(;Date.now()-t<So;){try{let{data:t}=await oe();if(t!=null&&t.has_payment_method&&t.stripe_payment_method_updated_at!==n)return te(e,void 0,t),Co(t)}catch{}await new Promise(e=>setTimeout(e,xo))}}finally{i()}return null}}function To(){let e=q(),t=wo(),{mutateAsync:n}=ot(Ae());return async({setupIntentId:r})=>{if(r!=null)try{let t=await n({body:{setup_intent_id:r}});return await e.cancelQueries({queryKey:ee()}),te(e,void 0,t),Co(t)}catch{}return t()}}var Eo=a(it()((e,t)=>({pending:!1,outcome:null,scopeKey:null,generation:0,beginResolving:()=>{let n=t().generation+1;return e({pending:!0,outcome:null,scopeKey:null,generation:n}),n},settleOutcome:(n,r,i)=>{i===t().generation&&e({pending:!1,outcome:n,scopeKey:r})},discardResolution:n=>{n===t().generation&&e({pending:!1,outcome:null,scopeKey:null})},abandonResolution:n=>{n===t().generation&&e({pending:!1,outcome:null,scopeKey:null,generation:n+1})},clearOutcome:()=>e({outcome:null,scopeKey:null})})));function Do(e){if(!e)return``;let t=parseFloat(e);return Number.isFinite(t)?String(Math.trunc(t)):``}var Oo={enabled:!1,threshold_usd:null,amount_usd:null,monthly_cap_usd:null,has_payment_method:!1,payment_method_brand:null,payment_method_last4:null,payment_method_exp_month:null,payment_method_exp_year:null,billing_address: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 ko(e){return{payment_method_brand:e?.payment_method_brand??null,payment_method_last4:e?.payment_method_last4??null,payment_method_exp_month:e?.payment_method_exp_month??null,payment_method_exp_year:e?.payment_method_exp_year??null,billing_address:e?.billing_address??null}}function Ao({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 jo(){let{t:e}=K(`settings`),t=q(),n=et(),r=G(rt()),i=ot(S()),a=ot(M()),o=To(),s=Eo.use.pending(),l=Ee(),[u,d]=ct(),p=(0,J.useRef)(null),[m,h]=(0,J.useState)(`view`),[g,_]=(0,J.useState)(!1),[y,b]=(0,J.useState)(!1),[x,C]=(0,J.useState)(!1),[w,T]=(0,J.useState)(!1),[E,D]=(0,J.useState)(null),[O,k]=(0,J.useState)(null),A=(0,J.useRef)(!1),j=n.data?.has_payment_method===!0;(0,J.useEffect)(()=>{A.current&&!j&&(C(!1),h(`view`),_(!1)),A.current=j},[j]);let N=()=>{if(l){vn(Se.settings.usageBillingConfigureTopUps);return}i.reset(),a.reset(),h(`form`)},P=e=>{if(l){vn(Se.settings.usageBillingConfigureTopUps);return}if(_(!0),!e.has_payment_method||e.disabled_due_to_repeated_failures===!0){C(!0),T(!1);return}C(!1),N()},ne=n.data?.has_payment_method===!0,F=n.data?.enabled===!0,I=n.data?.disabled_due_to_repeated_failures===!0;(0,J.useEffect)(()=>{x&&ne&&!I&&(C(!1),g&&!F&&N())},[x,g,ne,F,I]);let L=u.get(`configure_top_up`)===`1`;if((0,J.useEffect)(()=>{if(!L||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?N():P(t);let r=typeof window<`u`&&window.matchMedia?.(`(prefers-reduced-motion: reduce)`).matches===!0;p.current?.scrollIntoView({behavior:r?`auto`:`smooth`,block:`center`})},[L,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)(H,{tone:`error`,children:e(`autoTopUpCard.loadError`)})});let R=n.data,z=R.enabled===!0,re=R.disabled_due_to_repeated_failures===!0&&!z,ie=()=>{h(`view`),_(!1)},ae=()=>{D(bo(yo(R)))},oe=()=>{a.reset(),b(!1)},se=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=>{te(t,void 0,t=>({...e,...ko(t)})),t.invalidateQueries({queryKey:ee()}),z||(t.invalidateQueries({queryKey:c()}),t.invalidateQueries({queryKey:_e()})),ie()}})},B=r.data==null||r.isError||r.isFetching,ce=r.isError,le=e=>{let t=B?null:r.data;if(t!=null){if(t.daily_credit_limit_usd==null){k(e);return}se(e)}},ue=()=>{let e=O;k(null),e!=null&&se(e)},de=()=>{a.mutate({},{onSuccess:()=>{te(t,void 0,e=>({...Oo,...ko(e),has_payment_method:e?.has_payment_method??!1,stripe_payment_method_updated_at:e?.stripe_payment_method_updated_at??null})),b(!1),h(`view`),_(!1)}})},fe=()=>{if(k(null),z){de();return}ie()},pe=e=>{if(e&&!z){P(R);return}if(!e&&!z&&g){C(!1),ie();return}!e&&z&&b(!0)},me=async e=>{let t=await o(e);return C(!1),g&&N(),t},he=m===`form`,ge=Fi(i.error),ve=i.isError&&Object.keys(ge).length===0,ye=z||g;return(0,Y.jsxs)(`div`,{ref:p,"data-testid":`auto-top-up-card`,children:[(0,Y.jsx)(`div`,{className:`flex items-center justify-between gap-4`,children:(0,Y.jsx)(Ke,{checked:ye,onChange:pe,label:e(`autoTopUpCard.toggleLabel`),helperText:ye?e(`autoTopUpCard.toggleHelper`):void 0})}),z&&!he&&(0,Y.jsxs)(`div`,{className:`mt-3 flex w-full items-center gap-2`,children:[(0,Y.jsxs)(Ao,{testId:`auto-top-up-summary`,children:[(0,Y.jsx)(Et,{className:`h-3.5 w-3.5 shrink-0 text-[var(--content-default)]`,"aria-hidden":`true`}),(0,Y.jsx)(V,{variant:`body-medium-default`,className:`truncate text-[var(--content-default)]`,children:e(`autoTopUpCard.summary`,{amount:v(R.amount_usd),threshold:v(R.threshold_usd)})})]}),R.monthly_cap_usd!=null&&(0,Y.jsx)(Ao,{testId:`auto-top-up-cap-progress`,children:(0,Y.jsxs)(V,{variant:`body-medium-default`,className:`truncate text-[var(--content-default)]`,children:[(0,Y.jsx)(`span`,{children:v(R.current_month_credits_purchased_usd)}),(0,Y.jsx)(`span`,{className:`text-[var(--content-tertiary)]`,children:e(`autoTopUpCard.capProgress`,{cap:v(R.monthly_cap_usd)})})]})}),(0,Y.jsx)(f,{variant:`outlined`,onClick:N,"data-testid":`auto-top-up-edit-button`,className:`shrink-0`,children:e(`autoTopUpCard.adjust`)})]}),re&&(0,Y.jsx)(H,{tone:`warning`,className:`mt-3`,"data-testid":`auto-top-up-declined-cutoff`,actions:(0,Y.jsx)(f,{variant:`outlined`,onClick:ae,disabled:s,"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:x&&!re?`1fr`:`0fr`},children:(0,Y.jsx)(`div`,{className:`overflow-hidden`,children:(0,Y.jsxs)(`div`,{className:`mt-3 flex flex-col gap-3`,children:[!w&&(0,Y.jsxs)(`div`,{className:`flex h-8 items-center justify-between gap-3 rounded-md 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)(wt,{className:`h-4 w-4 shrink-0 text-[var(--system-mid-strong)]`,"aria-hidden":`true`}),(0,Y.jsx)(V,{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)(Tt,{className:`h-2.5 w-2.5`,strokeWidth:2,"aria-hidden":`true`})})]}),(0,Y.jsx)(f,{variant:`primary`,onClick:ae,disabled:s,"data-testid":`auto-top-up-add-pm-button`,className:`self-start`,children:e(`autoTopUpCard.addCreditCard`)})]})})}),ve&&(0,Y.jsx)(H,{tone:`error`,className:`mt-4`,"data-testid":`auto-top-up-update-error`,children:e(`autoTopUpCard.updateError`)}),a.isError&&(0,Y.jsx)(H,{tone:`error`,className:`mt-4`,"data-testid":`auto-top-up-disable-error`,children:e(`autoTopUpCard.disableError`)}),he&&ce&&(0,Y.jsx)(H,{tone:`error`,className:`mt-4`,"data-testid":`auto-top-up-daily-limit-lookup-error`,actions:(0,Y.jsx)(f,{variant:`outlined`,size:`compact`,onClick:()=>void r.refetch(),disabled:r.isFetching,"data-testid":`auto-top-up-daily-limit-retry-button`,children:e(`autoTopUpCard.retry`)}),children:e(`autoTopUpCard.dailyLimitLookupError`)}),he&&(0,Y.jsx)(Hi,{initialValues:z?{threshold_usd:Do(R.threshold_usd),amount_usd:Do(R.amount_usd),monthly_cap_usd:Do(R.monthly_cap_usd)}:void 0,submitting:i.isPending||a.isPending,saveDisabled:B,serverErrors:ge,onCancel:ie,onSave:le}),O!=null&&(0,Y.jsx)(Ii,{onSaved:ue,onCancel:fe}),(0,Y.jsx)(Li,{open:y,confirming:a.isPending,onCancel:oe,onConfirm:de}),(0,Y.jsx)(ho,{open:E!=null,onClose:()=>D(null),mode:E?.mode??`add`,cardOnFile:E?.cardOnFile??null,billingAddress:R.billing_address??null,onSavedOptimistic:me})]})}function Mo({title:e,subtitle:t,actions:n}){return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between sm:gap-4`,children:[(0,Y.jsxs)(`div`,{className:`min-w-0`,children:[(0,Y.jsx)(V,{as:`h2`,variant:`title-medium`,className:`text-[var(--content-emphasised)]`,children:e}),t!=null&&(0,Y.jsx)(V,{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 No(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 Po=`daily-credit-limit`;function Fo(){let{t:e}=K(`settings`),t=G(rt()),n=G(De()),r=et(),i=Pi(),a=F();No(Po,!t.isLoading&&!n.isLoading);let[o,s]=(0,J.useState)(null),[c,l]=(0,J.useState)(!1),[u,d]=(0,J.useState)(!1);if(t.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(t.isError||!t.data)return(0,Y.jsx)(`div`,{"data-testid":`daily-credit-limit-card`,children:(0,Y.jsx)(H,{tone:`error`,children:e(`dailyCreditLimitCard.loadError`)})});let m=t.data,h=m.daily_credit_limit_usd!=null,g=h||u,_=o??m.daily_credit_limit_usd??``,v=Mi(_),y=n.data,b=y?.daily_spend_usd??m.current_day_spent_usd,x=y?.daily_limit_reached===!0,S=m.daily_limit_snoozed===!0||y?.daily_limit_snoozed===!0,C=D(),w=r.data?.enabled===!0&&!r.isError,T=e=>{s(e.target.value)},E=e=>{i.mutate({body:{daily_credit_limit_usd:e}},{onSuccess:()=>{s(null),l(!1),e===null&&d(!1)}})},O=e=>{if(e){d(!0);return}h&&w||(d(!1),s(null),l(!1),h&&E(null))},k=()=>{l(!0),!v&&E(parseFloat(_.trim()).toFixed(2))},A=Fi(i.error).daily_credit_limit_usd??(i.isError?e(`dailyCreditLimitCard.saveError`):void 0),j=c?v: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)(Ke,{checked:g,onChange:O,disabled:i.isPending||h&&w,label:e(`dailyCreditLimitCard.toggleLabel`),helperText:g?e(`dailyCreditLimitCard.toggleSubtitle`):void 0}),w&&(0,Y.jsx)(`p`,{className:`text-body-small-lighter text-[var(--content-tertiary)]`,"data-testid":`daily-credit-limit-required-note`,children:e(`dailyCreditLimitCard.requiredNote`)}),g&&(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-start gap-2`,children:[(0,Y.jsx)(`div`,{className:`w-60 max-w-full`,children:(0,Y.jsx)(Ni,{value:_,onChange:T,onBlur:()=>l(!0),errorText:j,"data-testid":`daily-credit-limit-input`})}),(0,Y.jsx)(`div`,{className:`flex shrink-0 items-center gap-2 pt-[20px]`,children:(0,Y.jsx)(f,{variant:`primary`,onClick:k,disabled:i.isPending,"data-testid":`daily-credit-limit-save-button`,children:e(`dailyCreditLimitCard.save`)})})]}),h&&m.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:p(b),limit:p(m.daily_credit_limit_usd)})}),S&&(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(H,{tone:`info`,"data-testid":`daily-credit-limit-skipped`,actions:(0,Y.jsx)(f,{variant:`outlined`,size:`compact`,onClick:()=>a.mutate({}),disabled:a.isPending,"data-testid":`daily-credit-limit-resume-button`,children:e(`dailyCreditLimitCard.resumeNow`)}),children:e(`dailyCreditLimitCard.skippedNotice`,{time:C})}),a.isError&&(0,Y.jsx)(H,{tone:`error`,"data-testid":`daily-credit-limit-resume-error`,children:e(`dailyCreditLimitCard.resumeError`)})]}),x&&(0,Y.jsx)(H,{tone:`warning`,"data-testid":`daily-credit-limit-reached`,children:e(`dailyCreditLimitCard.reachedNotice`,{time:C})})]})]}),A!=null&&(0,Y.jsx)(H,{tone:`error`,className:`mt-4`,"data-testid":`daily-credit-limit-update-error`,children:A})]})}function Io(e){if(e.trim()===``)return;let t=parseFloat(e);if(!Number.isFinite(t)||t<1||t>1e3)return W(`settings:lowBalanceAlertCard.errorRange`);if(!/^\d+(\.\d{1,2})?$/.test(e.trim()))return W(`settings:lowBalanceAlertCard.errorDecimals`)}function Lo(){let{t:e}=K(`settings`),t=q(),n=G(le()),r=ot(He()),[i,a]=(0,J.useState)(null),[o,s]=(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)(H,{tone:`error`,children:e(`lowBalanceAlertCard.loadError`)})});let c=n.data,l=i??c.threshold_usd??``,u=Io(l),d=e=>{a(e.target.value)},m=e=>{r.mutate({body:{threshold_usd:e}},{onSuccess:e=>{E(t,void 0,e),t.invalidateQueries({queryKey:h()}),a(null),s(!1)}})},g=()=>{if(s(!0),u)return;let e=l.trim();m(e===``?null:parseFloat(e).toFixed(2))},_=()=>{a(``),s(!1),m(null)},v=r.isError,y=o?u: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-2`,children:[(0,Y.jsx)(`div`,{className:`w-60 max-w-full`,children:(0,Y.jsx)(Fe,{type:`number`,step:`0.01`,label:e(`lowBalanceAlertCard.label`),helperText:e(`lowBalanceAlertCard.helperText`,{amount:p(c.default_threshold_usd)}),placeholder:c.effective_threshold_usd,value:l,onChange:d,onBlur:()=>s(!0),errorText:y,"data-testid":`low-balance-alert-input`,fullWidth:!0})}),(0,Y.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2 pt-[20px]`,children:[c.threshold_usd!=null&&(0,Y.jsx)(f,{variant:`outlined`,onClick:_,disabled:r.isPending,"data-testid":`low-balance-alert-reset-button`,children:e(`lowBalanceAlertCard.reset`)}),(0,Y.jsx)(f,{variant:`primary`,onClick:g,disabled:r.isPending,"data-testid":`low-balance-alert-save-button`,children:e(`lowBalanceAlertCard.save`)})]})]}),v&&(0,Y.jsx)(H,{tone:`error`,className:`mt-4`,"data-testid":`low-balance-alert-update-error`,children:e(`lowBalanceAlertCard.saveError`)})]})}var Ro=2e3;function zo(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 Bo(){let{t:e}=K(`settings`),t=q(),{data:n,isLoading:r,isError:i}=G(De()),a=n??null,[o,s]=(0,J.useState)(!1),[c,l]=(0,J.useState)(!1),[u,p]=(0,J.useState)(!1),m=(0,J.useRef)(0),h=(0,J.useRef)(null),g=Qe({onSuccess:()=>{t.invalidateQueries({queryKey:_e()})},onError:()=>{m.current<3&&(h.current=setTimeout(()=>{g.reset()},Ro))}});(0,J.useEffect)(()=>()=>{h.current&&clearTimeout(h.current)},[]);let _=g.mutate;(0,J.useEffect)(()=>{a&&a.settled_balance===`0.00`&&a.pending_compute===`0.00`&&a.effective_balance===`0.00`&&m.current<3&&!g.isPending&&!g.isError&&!g.isSuccess&&(m.current+=1,_({}))},[a,g.isPending,g.isError,g.isSuccess,_]);let v=(0,Y.jsx)(Mo,{title:e(`billingPanel.title`),subtitle:e(`billingPanel.subtitle`),actions:(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(f,{variant:`outlined`,leftIcon:(0,Y.jsx)(Et,{className:`h-4 w-4`,"aria-hidden":!0}),onClick:()=>l(!0),"data-testid":`earn-credits-button`,children:e(`billingPanel.earnCreditsButton`)}),(0,Y.jsx)(f,{variant:`primary`,onClick:()=>s(!0),disabled:r||!a,"data-testid":`add-credits-button`,children:e(`billingPanel.addCreditsButton`)})]})});return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(Ne,{padding:`md`,children:[v,r?(0,Y.jsxs)(`div`,{className:`mt-4 flex items-center gap-2 text-body-medium-lighter text-[var(--content-tertiary)]`,children:[(0,Y.jsx)(St,{className:`h-4 w-4 animate-spin`}),e(`billingPanel.loading`)]}):i?(0,Y.jsx)(`div`,{className:`mt-4`,children:(0,Y.jsx)(H,{tone:`error`,children:e(`billingPanel.loadError`)})}):a?(0,Y.jsxs)(Y.Fragment,{children:[(()=>{if(!a)return null;let t=d(a.effective_balance,a.available_usage_balance),n=parseFloat(t)<0,r=zo(t),i=r.startsWith(`-`)?`-$${r.slice(1)}`:`$${r}`;return(0,Y.jsx)(`div`,{className:`mt-4`,children:(0,Y.jsx)(N,{icon:(0,Y.jsx)(Et,{className:`h-4 w-4`,"aria-hidden":!0}),value:(0,Y.jsx)(`span`,{"data-testid":`effective-balance`,children:i}),label:e(`billingPanel.balanceLabel`),tone:n?`negative`:`default`})})})(),a.is_degraded&&(0,Y.jsx)(`div`,{className:`mt-4`,children:(0,Y.jsx)(H,{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)(jo,{})}),(0,Y.jsx)(`div`,{id:Po,className:`mt-6 scroll-mt-4 border-t border-[var(--border-subtle)] pt-6`,children:(0,Y.jsx)(Fo,{})}),(0,Y.jsx)(`div`,{className:`mt-6 border-t border-[var(--border-subtle)] pt-6`,children:(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,Y.jsx)(Ke,{checked:u,onChange:p,label:e(`billingPanel.lowBalanceToggle`)}),u&&(0,Y.jsx)(Lo,{})]})})]}),(0,Y.jsx)(bn,{open:o,onOpenChange:s}),(0,Y.jsx)(xn,{open:c,onOpenChange:l})]})}var Vo=1e3,Ho=15e3,Uo=3e3,Wo=45e3,Go=`billing-portal-return`;function Ko(e,t){if(!e)return{kind:`info`,message:W(`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:W(`settings:billingPortalReturnHandler.proCanceled`,{date:t.cancel_at?an(t.cancel_at):W(`settings:billingPortalReturnHandler.endOfBillingPeriod`)})}:n&&!r?{kind:`success`,message:W(`settings:billingPortalReturnHandler.proReactivated`)}:{kind:`info`,message:W(`settings:billingPortalReturnHandler.subscriptionUpdated`)}}function qo(){let[e]=ct(),t=ut(),n=q(),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=Zt(),o=qe(),s=Ie(),c=Date.now();async function l(){await n.invalidateQueries({queryKey:s});let e=await n.fetchQuery(o);return{cancel_at_period_end:e.cancel_at_period_end,cancel_at:e.cancel_at}}async function u(){let e=await l();for(;!i.current&&a&&e.cancel_at_period_end===a.cancel_at_period_end&&e.cancel_at===a.cancel_at&&Date.now()-c<Ho&&(await new Promise(e=>setTimeout(e,Vo)),!i.current);)e=await l();return e}return(async()=>{try{let e=await u();if(i.current)return;let{kind:t,message:n}=Ko(a,e);t===`success`?U.success(n,{id:Go}):U.info(n,{id:Go})}catch{if(i.current)return;U.info(W(`settings:billingPortalReturnHandler.subscriptionUpdated`),{id:Go})}finally{if(!i.current){Xt(),t(Se.settings.usageBilling,{replace:!0});let e=Date.now();r.current!==null&&clearInterval(r.current),r.current=setInterval(()=>{if(Date.now()-e>=Wo){r.current!==null&&(clearInterval(r.current),r.current=null);return}l().catch(e=>{console.error(`billing poll error:`,e)})},Uo)}}})(),()=>{i.current=!0}},[e,t,n]),null}var Jo=[7,30,90];function Yo(e,t=we()){let{fromDate:n,toDate:r}=En(e,t);return{from:n,to:r}}function Xo({value:e,onChange:t}){let{t:n}=K(),r=Jo.find(t=>t===e)??30;return(0,Y.jsx)(ce,{options:Jo.map(e=>({value:`${e}`,label:n(`dateRangeSelect.lastDays`,{days:e})})),value:`${r}`,onChange:e=>t(Number(e)),"aria-label":n(`dateRangeSelect.ariaLabel`)})}var Zo={strokeDasharray:`3 3`,stroke:`var(--border-subtle)`,strokeOpacity:.4},Qo={fontSize:12,fill:`var(--content-tertiary)`},$o={stroke:`var(--border-subtle)`,strokeOpacity:.4},es=[`#3b82f6`,`#10b981`,`#f59e0b`,`#ef4444`,`#8b5cf6`,`#06b6d4`,`#ec4899`,`#84cc16`];function ts({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 ns({active:e,payload:t,hoveredKey:n,label:r,labelMap:i,colorMap:a,formatValue:o,showTotal:s,formatLabel:c}){let{t:l}=K();if(!e||!t?.length)return null;let u=t.filter(e=>e.value!=null&&e.dataKey!=null).map(e=>({key:String(e.dataKey),label:i[String(e.dataKey)]??String(e.dataKey),value:o(Number(e.value)),color:a[String(e.dataKey)]??`#6b7280`,numericValue:Number(e.value)})).sort((e,t)=>e.numericValue===t.numericValue?e.label.localeCompare(t.label):t.numericValue-e.numericValue),d=n?u.find(e=>e.key===n):null,f=d?u.filter(e=>e.key!==n):u,p=u.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:(c??Tn)(String(r))}),d&&(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(ts,{item:d}),f.length>0&&(0,Y.jsx)(`div`,{className:`my-1.5 border-t border-[var(--border-subtle)]`})]}),f.map(e=>(0,Y.jsx)(ts,{item:e},e.key)),s&&(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:l(`stackedBarTooltip.total`,{value:o(p)})})})]})}function rs(e,t){let[n,r]=e,[i,a]=t,o=r-n||1;return e=>i+(e-n)/o*(a-i)}function is(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 as(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 os(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:is(n/r)*r}function ss(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 cs(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 ls(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 us=40,ds={fontSize:11,fill:`var(--content-tertiary)`},fs={runtime_proxy_api:`#3b82f6`,oauth_proxy:`#f59e0b`};function ps(e,t){return fs[e]??es[t%es.length]??`#6b7280`}function ms(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 hs({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:ps(e,n)}}),(0,Y.jsx)(`span`,{className:`text-[var(--content-quiet)]`,children:t[e]??e})]},e))})}var gs=350,_s={top:8,right:4,bottom:32,left:0},vs=.2,ys=5,bs=12,xs=200;function Ss({buckets:e,metric:t,onBarClick:n}){let{t:r}=K(`settings`),i=l(),a=(0,J.useRef)(null),[o,s]=(0,J.useState)(0);(0,J.useEffect)(()=>{let e=a.current;if(!e)return;let t=new ResizeObserver(([e])=>{e&&s(e.contentRect.width)});return t.observe(e),()=>t.disconnect()},[]);let{data:c,stackKeys:u,labelMap:d}=(0,J.useMemo)(()=>ms(e,t),[e,t]),f=(0,J.useMemo)(()=>{let e={};for(let t=0;t<u.length;t++)e[u[t]]=ps(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?us:56,_=i?ds:Qo,v=_s.left+g,y=Math.max(0,o-v-_s.right),b=_s.top,x=gs-_s.top-_s.bottom,S=(0,J.useMemo)(()=>c.map(e=>u.reduce((t,n)=>t+(Number(e[n])||0),0)),[c,u]),C=t===`events`,w=(0,J.useMemo)(()=>os(S,{integerOnly:C,tickCount:ys}),[S,C]),T=(0,J.useMemo)(()=>ss(w,ys),[w]),E=(0,J.useCallback)(e=>{if(t===`spend`){if(e===0)return`$0`;let t=w/ys,n=Math.max(t<1?2:0,as(t));return`$${e.toLocaleString(`en-US`,{minimumFractionDigits:n,maximumFractionDigits:n})}`}return e.toLocaleString(`en-US`)},[t,w]),D=(0,J.useMemo)(()=>rs([0,w],[b+x,b]),[w,b,x]),O=c.length,k=O>0?y/O:0,A=k*(1-vs),j=(k-A)/2,M=(0,J.useMemo)(()=>ls(O,i),[O,i]),N=u.length===0,P=N?[]:c.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:ps(t,i),isLast:l}})}}),ee=(e,t,n)=>{let r=a.current?.getBoundingClientRect();r&&h({x:e.clientX-r.left,y:e.clientY-r.top,datumIndex:t,hoveredKey:n})},te=()=>h(null),ne=e=>{n&&n(e)},F=m?u.filter(e=>(Number(c[m.datumIndex]?.[e])||0)>0).map(e=>({dataKey:e,value:Number(c[m.datumIndex]?.[e])||0})):[],I={left:m?Math.max(0,Math.min(m.x+bs,o-xs)):0,top:m?m.y-bs:0,visibility:m?`visible`:`hidden`};return(0,Y.jsxs)(`div`,{onMouseDown:e=>e.preventDefault(),children:[(0,Y.jsx)(`div`,{ref:a,className:`relative w-full`,style:{height:gs},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`)}):o>0?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(`svg`,{width:o,height:gs,className:`block`,children:[T.map(e=>(0,Y.jsx)(`line`,{x1:v,x2:v+y,y1:D(e),y2:D(e),stroke:Zo.stroke,strokeOpacity:Zo.strokeOpacity,strokeDasharray:Zo.strokeDasharray},e)),(0,Y.jsx)(`line`,{x1:v,x2:v+y,y1:b+x,y2:b+x,stroke:$o.stroke,strokeOpacity:$o.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=c[e];return t?(0,Y.jsx)(`text`,{x:v+e*k+k/2,y:b+x+20,textAnchor:`middle`,fontSize:_.fontSize,fill:_.fill,children:Tn(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=>ee(n,e,t.key),onMouseLeave:te,onClick:()=>ne(t.key)};return t.isLast?(0,Y.jsx)(`path`,{...i,d:cs(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:I,children:(0,Y.jsx)(ns,{active:!!m,payload:F,hoveredKey:m?.hoveredKey??void 0,label:m?String(c[m.datumIndex]?.date):``,labelMap:d,colorMap:f,formatValue:p})})]}):null}),!N&&(0,Y.jsx)(hs,{stackKeys:u,labelMap:d})]})}function Cs(e){if(e)return e.usageSource===`oauth_proxy`?`oauth_provider`:Hn(e.llmDimension??`model`)}function ws(e,t=we()){return{from:e.dateRange.from,to:e.dateRange.to,tz:t,...e.drilldown?{usage_source:e.drilldown.usageSource,group_by:Cs(e.drilldown)}:{}}}function Ts(e,t=we()){return{from:e.dateRange.from,to:e.dateRange.to,tz:t,...e.drilldown?{usage_source:e.drilldown.usageSource}:{}}}function Es(e,t,n){return e===`full`&&t!==`gated`&&n}function Ds(e){let t=tt(),n=Es(P({platformHostedOnly:!0}),P(),ke()),r=G({...We({query:ws(e,t)}),enabled:n}),i=G({...xe({query:Ts(e,t)}),enabled:n});return{series:r.data,totals:i.data,isLoading:r.isLoading||i.isLoading,isError:r.isError||i.isError}}function Os(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 ks(e){return e===void 0?`—`:e.toLocaleString(`en-US`)}function As(){let{t:e}=K(`settings`),t=tt(),[n,r]=(0,J.useState)(30),i=(0,J.useMemo)(()=>Yo(n,t),[n,t]),[a,o]=(0,J.useState)(null),[s,c]=(0,J.useState)(`spend`),l=(0,J.useMemo)(()=>[{value:`spend`,label:e(`billingUsagePanel.metricSpend`)},{value:`events`,label:e(`billingUsagePanel.metricEvents`)}],[e]),{series:u,totals:d,isLoading:f,isError:p}=Ds({dateRange:i,drilldown:a,setDrilldown:o}),m=a?void 0:e=>{let t={runtime_proxy_api:`runtime_proxy`,oauth_proxy:`oauth_proxy`}[e];t&&o({usageSource:t,...t===`runtime_proxy`?{llmDimension:Ln}:{}})};return(0,Y.jsx)(Ne,{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)(V,{as:`h2`,variant:`title-medium`,className:`text-[var(--content-default)]`,children:e(`billingUsagePanel.title`)}),(0,Y.jsx)(V,{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)(Xo,{value:n,onChange:r}),(0,Y.jsx)(`div`,{className:`w-44`,children:(0,Y.jsx)(ue,{items:l,value:s,onChange:c,ariaLabel:e(`billingUsagePanel.chartMetricAria`)})})]})]}),(0,Y.jsxs)(`div`,{className:`grid grid-cols-1 gap-2 sm:grid-cols-2`,children:[(0,Y.jsx)(N,{icon:(0,Y.jsx)(Et,{className:`h-4 w-4`,"aria-hidden":!0}),value:f?(0,Y.jsx)(St,{className:`h-4 w-4 animate-spin`,"aria-hidden":!0}):Os(d?.total_usd),label:e(`billingUsagePanel.spendLabel`)}),(0,Y.jsx)(N,{icon:(0,Y.jsx)(_t,{className:`h-4 w-4`,"aria-hidden":!0}),value:f?(0,Y.jsx)(St,{className:`h-4 w-4 animate-spin`,"aria-hidden":!0}):ks(d?.event_count),label:e(`billingUsagePanel.eventsLabel`)})]}),a&&(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[(0,Y.jsx)(`div`,{children:(0,Y.jsxs)(`button`,{type:`button`,className:`flex items-center gap-1.5 text-body-medium-lighter text-[var(--content-tertiary)] transition-colors hover:text-[var(--content-secondary)]`,onClick:()=>o(null),children:[(0,Y.jsx)(At,{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:a.usageSource===`runtime_proxy`?e(`billingUsagePanel.llmSpend`):e(`billingUsagePanel.oauthSpend`)})]})}),a.usageSource===`runtime_proxy`&&(0,Y.jsx)(`div`,{className:`w-56`,children:(0,Y.jsx)(ue,{items:zn,value:a.llmDimension??`model`,onChange:e=>o({usageSource:`runtime_proxy`,llmDimension:e}),ariaLabel:e(`billingUsagePanel.llmDimensionAria`)})})]}),f?(0,Y.jsx)(`div`,{className:`flex h-[345px] items-center justify-center rounded-xl bg-[var(--surface-base)]`,children:(0,Y.jsx)(St,{className:`h-6 w-6 animate-spin text-[var(--content-tertiary)]`})}):p?(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`)}):u?(0,Y.jsx)(`div`,{className:`rounded-xl bg-[var(--surface-base)] p-3`,children:(0,Y.jsx)(Ss,{buckets:u.buckets,metric:s,onBarClick:m})}):null]})})}function js(){let{t:e}=K(`settings`),t=Ee(),{data:n}=G(qe()),r=Qt((0,J.useMemo)(()=>dn(n),[n])),{reactivateSubscription:i,isPending:a}=wi(),o=a||r.isPending;if(!n||n.plan_id!==`pro`||n.status===`canceled`||!n.cancel_at_period_end&&!n.cancel_at)return null;let s=pn(n);return s?(0,Y.jsx)(H,{tone:`info`,title:e(`gracePeriodBanner.title`,{date:an(s)}),actions:(0,Y.jsx)(f,{variant:`outlined`,size:`compact`,onClick:()=>{if(t){vn(Se.settings.usageBilling);return}if(!$t(n)){r.mutate({});return}i()},disabled:o,loading:o,"data-testid":`grace-period-reactivate-button`,children:e(`gracePeriodBanner.reactivate`)}),"data-testid":`grace-period-banner`,children:e(`gracePeriodBanner.body`)}):null}var Ms=new Set([`BIF`,`CLP`,`DJF`,`GNF`,`JPY`,`KMF`,`KRW`,`MGA`,`PYG`,`RWF`,`VND`,`VUV`,`XAF`,`XOF`,`XPF`]),Ns=new Set([`BHD`,`JOD`,`KWD`,`OMR`,`TND`]);function Ps(e){return Ms.has(e)?0:Ns.has(e)?3:2}var Fs={invoices:[],has_more:!1},Is=4,Ls=`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 zs(e,t){let n=t.toUpperCase(),r=Ps(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 Bs(e){return nt(new Date(e*1e3),{alwaysShowYear:!0})}function Vs(e){z(e)}function Hs(){let{t:e}=K(`settings`),[t,n]=(0,J.useState)(!1),[r,i]=(0,J.useState)(!1),[a,o]=(0,J.useState)(!1),[s,c]=(0,J.useState)(!1),l=(0,J.useRef)(0),u=q(),d=at({enabled:t,queryKey:ie(),queryFn:async({signal:e,pageParam:t})=>{let{data:n,error:r,response:i}=await re({throwOnError:!1,signal:e,query:t?{starting_after:t}:void 0});if(i?.status===404)return Fs;if(Pe(i,r,`Failed to load invoices.`),!i.ok||!n)throw ge(r,i);return n},initialPageParam:void 0,getNextPageParam:e=>e.has_more?e.invoices.at(-1)?.id:void 0}),p=d.data?.pages.flatMap(e=>e.invoices)??[],m=r?p:p.slice(0,Is),h=p.length>Is,_=d.isFetchNextPageError||s,v=(r||!h)&&d.hasNextPage&&!_,y=d.isRefetching||d.isFetchingNextPage;function b(){let e=l.current;d.fetchNextPage().then(t=>{e===l.current&&c(t.isError)})}function x(){let e=l.current;d.refetch().then(t=>{if(e===l.current){if(t.isError){c(!0);return}b()}})}async function S(){o(!0);try{let{data:e,response:t}=await g({throwOnError:!1,parseAs:`blob`});if(!t?.ok||!(e instanceof Blob))throw Error(`Failed to download invoices (${t?.status??`network error`})`);let{saveFile:n}=await pt(async()=>{let{saveFile:e}=await import(`./native-file-D0pwPgoW.js`);return{saveFile:e}},__vite__mapDeps([0,1,2,3,4,5,6]));await n(e,`invoices.zip`)}catch(t){je(t,{context:`download_all_invoices`}),U.error(e(`invoicesTable.downloadAllFailed`))}finally{o(!1)}}return(0,Y.jsx)(Ne,{padding:`md`,children:(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,Y.jsx)(Mo,{title:e(`invoicesTable.title`),actions:(0,Y.jsxs)(Y.Fragment,{children:[t&&p.length>0&&(0,Y.jsx)(f,{variant:`outlined`,loading:a,leftIcon:(0,Y.jsx)(Ot,{className:`h-4 w-4`}),onClick:S,disabled:a,"data-testid":`invoices-download-all`,children:e(`invoicesTable.downloadAll`)}),(0,Y.jsx)(f,{variant:`outlined`,rightIcon:t?(0,Y.jsx)(bt,{className:`h-4 w-4`}):(0,Y.jsx)(Dt,{className:`h-4 w-4`}),onClick:()=>{l.current+=1,c(!1),t&&u.cancelQueries({queryKey:ie()}),n(e=>!e)},"data-testid":`invoices-toggle`,children:e(t?`invoicesTable.hideButton`:`invoicesTable.showButton`)})]})}),t?d.isLoading?(0,Y.jsxs)(`div`,{className:`flex items-center gap-2 py-6 text-[var(--content-tertiary)]`,children:[(0,Y.jsx)(St,{className:`h-4 w-4 animate-spin`}),(0,Y.jsx)(V,{as:`span`,variant:`body-small-default`,children:e(`invoicesTable.loading`)})]}):d.isLoadingError?(0,Y.jsx)(H,{tone:`error`,children:e(`invoicesTable.loadError`)}):p.length===0?(0,Y.jsx)(V,{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:m.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)(V,{as:`span`,variant:`body-small-default`,className:`text-[var(--content-secondary)]`,children:Bs(t.created)})}),(0,Y.jsx)(`td`,{className:`py-3 pr-4`,children:(0,Y.jsx)(V,{as:`span`,variant:`body-small-default`,className:`text-[var(--content-secondary)]`,children:zs(t.amount_due,t.currency)})}),(0,Y.jsx)(`td`,{className:`py-3 pr-4`,children:t.status&&(0,Y.jsx)(be,{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)(f,{asChild:!0,variant:`ghost`,size:`compact`,leftIcon:(0,Y.jsx)(Ct,{className:`h-3.5 w-3.5`}),children:(0,Y.jsx)(ye,{href:t.hosted_invoice_url,glyph:!1,children:e(`invoicesTable.view`)})}),t.invoice_pdf&&(0,Y.jsx)(f,{variant:`ghost`,size:`compact`,iconOnly:(0,Y.jsx)(Ot,{className:`h-3.5 w-3.5`}),"aria-label":e(`invoicesTable.downloadPdfAriaLabel`),onClick:()=>Vs(t.invoice_pdf)})]})})]},t.id))})]})}),(h||v||_)&&(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-center gap-4 self-start`,children:[h&&(0,Y.jsx)(f,{variant:`link`,onClick:()=>i(e=>!e),className:Ls,"data-testid":`invoices-show-more`,children:r?e(`invoicesTable.showLess`):e(`invoicesTable.showMore`,{count:p.length-Is})}),v&&(0,Y.jsx)(f,{variant:`link`,onClick:b,disabled:d.isFetchingNextPage,loading:d.isFetchingNextPage,className:Ls,"data-testid":`invoices-load-more`,children:e(`invoicesTable.loadMore`)}),_&&(0,Y.jsxs)(`div`,{className:`flex items-center gap-2`,"data-testid":`invoices-load-more-error`,children:[(0,Y.jsx)(V,{as:`span`,variant:`body-small-default`,className:`text-[color:var(--system-negative-strong)]`,children:e(`invoicesTable.loadMoreError`)}),(0,Y.jsx)(f,{variant:`link`,onClick:x,disabled:y,loading:y,className:Ls,"data-testid":`invoices-load-more-retry`,children:e(`invoicesTable.retry`)})]})]})]}):null]})})}function Us({brand:e,last4:t,expMonth:n=null,expYear:r=null,onUpdateCard:i,actionsDisabled:a=!1}){let{t:o}=K(`settings`),s=so(o,n,r);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)(kt,{"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)(V,{as:`p`,variant:`body-medium-default`,className:`truncate leading-snug text-[var(--content-default)]`,children:ao(o,e)}),t!=null&&(0,Y.jsx)(V,{as:`p`,variant:`body-small-default`,className:`truncate leading-snug text-[var(--content-tertiary)]`,children:o(`paymentMethodRow.endingIn`,{last4:t})}),s!=null&&(0,Y.jsx)(V,{as:`p`,variant:`body-small-default`,className:`truncate leading-snug text-[var(--content-quiet)]`,children:s})]})]}),(0,Y.jsx)(f,{variant:`ghost`,onClick:i,disabled:a,"data-testid":`payment-method-update`,className:`shrink-0`,children:o(`paymentMethodRow.replaceCard`)})]})}function Ws(){let{t:e}=K(`settings`),t=q(),n=et(),r=To(),i=Eo.use.outcome(),a=Eo.use.scopeKey(),o=Eo.use.pending(),s=Eo.use.clearOutcome(),c=Ge(),l=i!=null&&a===c,u=l?i:null,[d,p]=(0,J.useState)(null);(0,J.useEffect)(()=>{i!=null&&!l&&s()},[i,l,s]);let m=n.data,h=(0,J.useMemo)(()=>yo(m),[m]),g=m!=null&&h.length===0,_=()=>{p(bo(h))},v=n.isSuccess||n.isError;return(0,J.useEffect)(()=>{u!=null&&(u.kind!==`saved`&&!v||p(e=>e??(u.kind===`saved`?{mode:`add`,cardOnFile:null}:bo(h))))},[u,h,v]),(0,J.useEffect)(()=>{u?.kind!==`saved`||u.card==null||t.invalidateQueries({queryKey:ee()})},[u,t]),(0,Y.jsxs)(Ne,{padding:`md`,"data-testid":`payment-methods-card`,children:[(0,Y.jsx)(Mo,{title:e(`paymentMethodsCard.title`),actions:g?(0,Y.jsx)(f,{variant:`outlined`,onClick:_,disabled:o,"data-testid":`payment-methods-add`,children:e(`paymentMethodsCard.addButton`)}):void 0}),n.isPending?(0,Y.jsx)(`p`,{className:`mt-4 text-body-medium-lighter text-[var(--content-tertiary)]`,children:e(`paymentMethodsCard.loading`)}):n.isError||m==null?(0,Y.jsx)(`div`,{className:`mt-4`,children:(0,Y.jsx)(H,{tone:`error`,children:e(`paymentMethodsCard.loadError`)})}):h.length===0?(0,Y.jsx)(`div`,{className:`mt-4`,children:(0,Y.jsx)(H,{tone:`info`,"data-testid":`payment-methods-empty`,children:e(`paymentMethodsCard.empty`)})}):(0,Y.jsx)(`div`,{className:h.length>1?`mt-4 flex flex-col gap-1`:`mt-4`,children:h.map(e=>(0,Y.jsx)(Us,{brand:e.brand,last4:e.last4,expMonth:e.expMonth,expYear:e.expYear,onUpdateCard:_,actionsDisabled:o},e.id))}),(0,Y.jsx)(ho,{open:d!=null,onClose:()=>{p(null),s()},mode:d?.mode??`add`,cardOnFile:d?.cardOnFile??null,billingAddress:m?.billing_address??null,initialOutcome:u,onSavedOptimistic:r})]})}function Gs({icon:e,label:t}){return(0,Y.jsxs)(`div`,{className:`flex min-h-8 max-w-full shrink-0 items-center gap-1.5 rounded-md bg-[var(--surface-lift)] px-2 py-1.5`,children:[(0,Y.jsx)(e,{className:`size-[18px] shrink-0 text-[var(--content-default)]`,"aria-hidden":!0}),(0,Y.jsx)(V,{as:`span`,variant:`body-medium-default`,className:`whitespace-normal text-[var(--content-default)]`,children:t})]})}function Ks({theme:e,tierKey:t,name:n,nameTestId:r,tag:i,specs:a,footer:o,testId:s,className:c}){return(0,Y.jsxs)(`div`,{"data-theme":e,"data-testid":s,className:I(`flex min-w-0 flex-1 flex-col gap-8 rounded-xl bg-[var(--surface-base)] px-4 py-3`,c),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)(Ht,{tier:t,size:48}),(0,Y.jsx)(V,{as:`span`,variant:`title-large`,className:`text-[var(--content-emphasised)]`,"data-testid":r,children:n})]})]}),a?.length?(0,Y.jsx)(`div`,{className:`flex flex-row flex-wrap items-start gap-1`,children:a.map(e=>(0,Y.jsx)(Gs,{icon:e.icon,label:e.label},e.label))}):null,o?(0,Y.jsx)(`div`,{className:`mt-auto w-full`,children:o}):null]})}function qs(e,t){if(!e)return null;let n=se(e.at);return n?e.kind===`resets`?{line:t(`planCard.usageBalanceResets`,{date:n}),barLabel:t(`planCard.usageBalanceBarResets`,{date:n})}:{line:t(`planCard.usageBalanceRenews`,{date:n}),barLabel:t(`planCard.usageBalanceBarRenews`,{date:n})}:null}function Js({ratio:e,periodEnd:t,exhausted:n=!1,onAddCredits:r}){let{t:i}=K(`settings`),a=i(`planCard.usageBalanceTitle`),o=qs(t,i),s=o?.barLabel??a,c=Math.round(e*100),l=e>=1;return(0,Y.jsxs)(`div`,{"data-testid":`plan-usage-balance`,className:`@container flex w-full flex-col gap-3 rounded-[10px] border border-[var(--border-base)] px-4 py-3`,children:[(0,Y.jsxs)(`div`,{className:`flex w-full items-center gap-3 @min-[30rem]:gap-16`,children:[(0,Y.jsxs)(`div`,{className:`flex min-w-0 flex-col`,children:[(0,Y.jsx)(V,{as:`span`,variant:`body-large-default`,className:`text-[var(--content-emphasised)]`,children:a}),o?(0,Y.jsx)(V,{as:`span`,variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,"data-testid":`plan-usage-period-end`,children:o.line}):null]}),(0,Y.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-center gap-3`,children:[(0,Y.jsx)(Te,{value:e,height:8,"aria-label":s,fillColor:l?`var(--system-negative-strong)`:void 0,className:`w-full min-w-0 rounded-full border border-[var(--border-base)] bg-[var(--surface-overlay)]`}),(0,Y.jsx)(V,{as:`span`,variant:`body-small-default`,className:l?`whitespace-nowrap text-[var(--system-negative-strong)]`:`whitespace-nowrap text-[var(--content-secondary)]`,children:i(`planCard.usageBalancePctUsed`,{pct:c})})]})]}),n?(0,Y.jsxs)(`div`,{className:`flex min-h-8 w-full items-center justify-between gap-2 rounded-md bg-[var(--system-negative-weak)] px-2 py-1`,children:[(0,Y.jsx)(V,{as:`span`,variant:`body-medium-default`,className:`min-w-0 text-[var(--system-negative-strong)]`,children:i(`planCard.usageBalanceExhausted`)}),r?(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)(f,{variant:`dangerGhost`,size:`compact`,leftIcon:(0,Y.jsx)(vt,{}),onClick:r,"data-testid":`plan-usage-add-credits`,children:i(`planCard.usageBalanceAddCredits`)})]}):null]}):null]})}function Ys(){let{t:e}=K(`settings`);return(0,Y.jsx)(V,{as:`h2`,variant:`title-medium`,className:`text-[var(--content-emphasised)]`,children:e(`planCard.heading`)})}function Xs({packages:e,currentKey:t,currentPriceCents:n,isProUser:r,canChangePackage:i,relation:a,onManage:o,onTierUpgraded:s}){let{t:c}=K(`settings`),l=q(),d=ot(Ue()),{changePackage:p,isPending:m}=un(),[h,g]=(0,J.useState)(!1),[_,v]=(0,J.useState)(!1),y=Je()===`light`?`dark`:`light`;fn();let b=Ee(),x=Gt(e,t),S=h||d.isPending||m,C=async()=>{if(!x)return;let e=await p(x.key);e&&(v(!1),e.status===`ok`?s?.():U.success(c(`planCard.alreadyOnPlanToast`)))},w=async()=>{if(x){if(b){vn(Se.settings.usageBilling);return}if(r&&!i){o();return}if(r){v(!0);return}g(!0);try{let e=await d.mutateAsync({body:{target_plan_id:`pro`,package:x.key,confirm:!0,return_target:yn()}});e.status===`redirect`&&e.checkout_url?(ae({kind:`package`,packageKey:x.key}),ve(l),u(e.checkout_url)):(await l.invalidateQueries({queryKey:Ie()}),await l.invalidateQueries({queryKey:fe()}))}catch(e){U.error(en(e,c(`planCard.checkoutFailedToast`)))}finally{g(!1)}}};if(x==null||a===`switch`)return null;let T=n==null?null:x.total_price_cents-n,E=T!=null&&T>0?c(`planCard.powerUpFor`,{amount:rn(T)}):c(`planCard.powerUp`);return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(Ks,{theme:y,testId:`plan-tile-next`,tierKey:x.key,name:x.name,tag:(0,Y.jsx)(be,{className:`bg-[var(--feed-digest-weak)] text-[var(--credits-accent)]`,leftIcon:(0,Y.jsx)(ht,{className:`text-[var(--credits-accent)]`,"aria-hidden":!0}),children:c(`planCard.nextPlan`)}),specs:Ft(x,c(`planCard.usageChip`,{name:x.name})),footer:(0,Y.jsx)(f,{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 w(),disabled:S,loading:S,"data-testid":`recommended-upgrade-button`,children:E})}),(0,Y.jsx)(sn,{open:_,relation:a,packageName:x.name,targetPackage:x,pending:S,onConfirm:()=>void C(),onCancel:()=>v(!1)})]})}function Zs(e){return e?.find(e=>e.id===`pro`)??null}function Qs(e,t){let n=e?.package;return!e||e.plan_id===`base`||!Nt(n)?null:Zs(t)?.packages?.find(e=>e.key===n.key&&e.version===n.version)??null}function $s({onManage:e,onTierUpgraded:t}){let{t:n}=K(`settings`),r=ut(),i=G(qe()),a=G(w()),{balance:o,availableUsageBalance:s,totalUsageBalance:c}=A(),[l,u]=(0,J.useState)(!1),d=Qs(i.data,a.data?.plans),p=Oe({subscription:i.data,availableUsageBalance:s,totalUsageBalance:c});if(i.isLoading||a.isLoading)return(0,Y.jsxs)(Ne,{padding:`md`,children:[(0,Y.jsx)(Ys,{}),(0,Y.jsxs)(`div`,{className:`mt-4 flex items-center gap-2 text-[var(--content-tertiary)]`,children:[(0,Y.jsx)(St,{className:`h-4 w-4 animate-spin`}),(0,Y.jsx)(V,{as:`span`,variant:`body-small-default`,children:n(`planCard.loading`)})]})]});let m=i.data,h=a.data?.plans,g=h?.find(e=>e.id===m?.plan_id);if(i.isError||a.isError||!m||!h||!g)return(0,Y.jsx)(H,{tone:`error`,children:n(`planCard.loadError`)});let _=g.id===`pro`?Rt(m.package):g.name??g.id,v=m.cancel_at_period_end===!0||!!m.cancel_at,y=m.status===`canceled`,b=pn(m),x=v&&!y&&b,S=Zs(h)?.packages??[],C=m.package?.key??null,T=C??`free`,E=S.length>0&&(g.id===`base`||Nt(m.package)||qt(m))?()=>r(Se.plans):e,D=qt(m),O=g.id===`base`||Nt(m.package)?`upgrade`:`switch`,k=g.id===`base`,j=k?Wt():d?Ft(d,n(`planCard.usageChip`,{name:d.name})):null,M=k?0:d?.total_price_cents??null,N=k?n(`planCard.freeForever`):d?nn(d.total_price_cents):null,P=!k&&!v&&m.status!=null&&on.has(m.status)&&m.current_period_end?{at:m.current_period_end,kind:m.selected_credit_tier==null?`renews`:`resets`}:void 0,ee=qs(P,n),te=N||ee?(0,Y.jsxs)(`div`,{className:`flex h-10 items-center justify-between gap-3 border-t border-[var(--border-base)]`,children:[N?(0,Y.jsx)(V,{as:`span`,variant:`body-large-default`,className:`text-[var(--content-tertiary)]`,"data-testid":`plan-card-price`,children:N}):null,ee?(0,Y.jsx)(V,{as:`span`,variant:`body-small-default`,className:`whitespace-nowrap text-[var(--content-tertiary)]`,"data-testid":`plan-card-period-end`,children:ee.line}):null]}):void 0,ne=o!=null&&Number(o)<=0,F=p!=null&&p.ratio>=1&&ne,I=(p?(0,Y.jsx)(Js,{ratio:p.ratio,periodEnd:P,exhausted:F,onAddCredits:()=>u(!0)}):null)??te;return(0,Y.jsxs)(Ne,{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)(Ys,{}),x&&(0,Y.jsx)(V,{variant:`body-small-default`,as:`div`,className:`leading-snug text-[var(--system-mid-strong)]`,"data-testid":`plan-card-cancels`,children:n(`planCard.endsOn`,{date:an(b)})})]}),(0,Y.jsx)(f,{variant:`outlined`,onClick:E,"data-testid":k?`plan-card-plans-button`:`plan-card-manage-subscription-button`,children:n(k?`planCard.viewAllPlans`:`planCard.manageSubscription`)})]}),(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4 lg:flex-row lg:items-stretch`,children:[(0,Y.jsx)(Ks,{testId:`plan-tile-current`,tierKey:T,name:_,nameTestId:`plan-card-name`,tag:(0,Y.jsx)(be,{tone:`info`,children:n(`planCard.current`)}),specs:j,footer:I}),(0,Y.jsx)(Xs,{packages:S,currentKey:C,currentPriceCents:M,isProUser:g.id!==`base`,canChangePackage:D,relation:O,onManage:e,onTierUpgraded:t})]})]}),(0,Y.jsx)(bn,{open:l,onOpenChange:u})]})}function ec(e,t,n){let r=new URLSearchParams(t.search);n(r),e({pathname:t.pathname,search:`?${r}`,hash:t.hash},{replace:!0})}var tc=`setup_intent_client_secret`,nc=`redirect_status`,rc=[`setup_intent`,tc,nc];function ic(){return Ce(b.getState().platformSession)}async function ac({clientSecret:e,redirectStatus:t,confirmSaved:n,generation:r}){await Cn({alsoReady:ic});let i=Re(),a=[],o=()=>{for(;a.length>0;)a.pop()?.()},s=()=>{Re()!==i&&(o(),Eo.getState().abandonResolution(r))};a.push(b.subscribe(s),me.subscribe(s));let c=e=>{o();let{settleOutcome:t,discardResolution:n}=Eo.getState();if(Re()!==i){n(r);return}t(e,i,r)},l=e=>{console.warn(`[useSetupIntentReturn] card not saved on redirect return`,{redirectStatus:t}),c({kind:`error`,message:e??W(`settings:autoTopUpPaymentMethodModal.confirmFailed`)})};try{let t=await eo();if(t==null){l(void 0);return}let{setupIntent:r,error:i}=await t.retrieveSetupIntent(e);if(r?.status===`succeeded`){c({kind:`saved`,card:await n({setupIntentId:to(e)})});return}l(i?.message??r?.last_setup_error?.message)}catch{l(void 0)}}function oc(){let[e]=ct(),t=lt(),n=ut(),r=To(),i=(0,J.useRef)(!1);(0,J.useEffect)(()=>{let a=e.get(tc);if(a==null||i.current)return;i.current=!0;let o=e.get(nc);ec(n,t,e=>{for(let t of rc)e.delete(t);e.set(`tab`,`billing`)}),ac({clientSecret:a,redirectStatus:o,confirmSaved:r,generation:Eo.getState().beginResolving()})},[t,n,e,r])}function sc({onCheckoutCancelled:e}){let[t]=ct(),n=ut(),r=q(),{t:i}=K(`settings`);return(0,J.useEffect)(()=>{let a=t.get(`billing_status`);a&&(a===`success`?Ve(r):a===`cancel`&&(U.info(t.get(`billing_context`)===`upgrade`?i(`billingStatusHandler.upgradeCancelToast`):i(`billingStatusHandler.topUpCancelToast`),{id:`billing-status`}),e()),n(Se.settings.usageBilling,{replace:!0}))},[t,n,r,e,i]),null}function cc({onFinishSetup:e}){let{t}=K(`settings`),n=y(),{data:i}=G({...qe(),enabled:n}),a=i?.plan_id===`pro`,{data:o}=G({...r(),enabled:a&&n}),s=a&&o?.domain_setup_available===!0,{domains:c}=Lt(s,o?.primary_assistant_id),l=c!==void 0&&c.results.length===0;return!s||!l?null:(0,Y.jsx)(H,{tone:`info`,title:t(`billingPage.finishSetupTitle`,{plan:Rt(i?.package)}),actions:(0,Y.jsx)(f,{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 lc(){let{t:e}=K(`settings`),t=P({platformHostedOnly:!0}),n=P(),r=ke(),i=j(),[a,o]=ct(),[s,c]=(0,J.useState)(!1),l=(0,J.useCallback)(()=>c(!0),[]),u=(0,J.useCallback)(()=>c(!1),[]),[d,f]=(0,J.useState)(!1),p=(0,J.useCallback)(()=>f(!0),[]),[m,h]=(0,J.useState)(!1),[g,_]=(0,J.useState)(null),[v,y]=(0,J.useState)(!1),b=(0,J.useCallback)(()=>{_(Date.now()),y(!1)},[]),{showOffer:x,amountUsd:S}=Nn(g),C=(0,J.useCallback)(e=>{e||y(!0)},[]);(0,J.useEffect)(()=>{if(n!==`full`)return;let e=a.has(`adjust_plan`),t=a.has(`pro_onboarding`);!e&&!t||(e&&c(!0),t&&h(!0),o(e=>{let t=new URLSearchParams(e);return t.delete(`adjust_plan`),t.delete(`pro_onboarding`),t},{replace:!0}))},[n,a,o]);let w=a.has(`session_id`),T=(0,J.useCallback)(()=>{h(!1),o(e=>{let t=new URLSearchParams(e);return t.delete(`session_id`),t},{replace:!0})},[o]),E=(0,J.useCallback)(()=>{o(e=>{let t=new URLSearchParams(e);return t.set(`pro_onboarding`,``),t},{replace:!0})},[o]);if(n===`disabled`)return(0,Y.jsx)(`div`,{className:`space-y-4`,children:(0,Y.jsx)($e,{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)(St,{className:`h-4 w-4 animate-spin`}),e(`billingPage.loadingBilling`)]})});let D=r,O=D||w||m;return!r&&t!==`gated`?(0,Y.jsx)(`div`,{className:`space-y-4`,children:(0,Y.jsx)(H,{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)(sc,{onCheckoutCancelled:b}),(0,Y.jsx)(qo,{})]}),D&&(0,Y.jsx)(js,{}),D&&(0,Y.jsx)(cc,{onFinishSetup:E}),D&&(0,Y.jsx)($s,{onManage:l,onTierUpgraded:p}),D&&(0,Y.jsx)(Ai,{open:s,onClose:u,onTierUpgraded:p}),(0,Y.jsx)(Mn,{open:x&&!v,onOpenChange:C,amountUsd:S}),(0,Y.jsx)(J.Suspense,{fallback:null,children:(0,Y.jsx)(Ws,{})}),(0,Y.jsx)(J.Suspense,{fallback:null,children:(0,Y.jsx)(Bo,{})}),(0,Y.jsx)(J.Suspense,{fallback:null,children:(0,Y.jsx)(Hs,{})}),O&&(0,Y.jsx)(Kt,{open:w||m,onClose:T}),D&&(0,Y.jsx)(Kt,{mode:`resize`,open:d,onClose:()=>f(!1)})]})}function uc(){return(0,Y.jsx)(lc,{})}function dc(){let e=Le(),t=P({platformHostedOnly:!0}),n=P();return(0,Y.jsxs)(`div`,{className:`space-y-4`,children:[t===`full`&&n!==`gated`&&(0,Y.jsx)(As,{}),(0,Y.jsx)(si,{assistantId:e})]})}function fc(){let{t:e}=K(`settings`),t=P(),[n]=ct(),r=ut(),i=lt();oc();let a=jn(t,n),o=a&&n.get(`tab`)!==`usage`?`billing`:`usage`,c=s();return(0,J.useEffect)(()=>{c&&n.get(`tab`)!==o&&ec(r,i,e=>e.set(`tab`,o))},[c,n,o,r,i]),(0,Y.jsx)(`div`,{className:`space-y-6`,children:(0,Y.jsxs)(pe.Root,{value:o,onValueChange:e=>{ec(r,i,t=>t.set(`tab`,e))},children:[(0,Y.jsxs)(pe.List,{children:[a&&(0,Y.jsx)(pe.Trigger,{value:`billing`,children:e(`billingPage.billingTab`)}),(0,Y.jsx)(pe.Trigger,{value:`usage`,children:e(`billingPage.usageTab`)})]}),a&&(0,Y.jsx)(pe.Panel,{value:`billing`,className:`pt-4`,children:(0,Y.jsx)(uc,{})}),(0,Y.jsx)(pe.Panel,{value:`usage`,className:`pt-4`,children:(0,Y.jsx)(dc,{})})]})})}export{fc as BillingPage};
+const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/native-file-CclvrIb0.js","assets/app-DENERwru.js","assets/rolldown-runtime-BM3Ffeng.js","assets/react-B9IgSVeK.js","assets/vendor-DEhKVoiV.js","assets/icons-C0wyat6T.js","assets/app-BNyW7BqZ.css"])))=>i.map(i=>d[i]);
+import{o as e,t}from"./rolldown-runtime-BM3Ffeng.js";import{$p as n,$u as r,AC as i,AS as a,Bf as o,Bm as s,Bu as c,Cl as l,Cy as u,Di as d,EC as f,F as p,Fu as m,Gu as h,H_ as g,Hu as _,I as v,Ih as y,Im as b,Ip as x,Iu as S,JS as C,Ju as w,KS as T,Ku as E,L as D,Lf as O,Lu as k,Mi as A,Mm as j,Mu as M,NS as N,Nm as P,Nu as ee,Pu as te,Qp as ne,R as F,Ro as I,Ru as L,Sl as R,Sy as z,U_ as re,Uu as ie,Uy as ae,V_ as oe,Vt as se,Vu as B,WS as ce,Wu as le,XS as ue,Xp as de,Yu as fe,ZS as pe,Zg as me,Zp as he,_S as ge,ad as _e,bh as ve,by as ye,cC as be,cd as xe,eS as Se,e_ as Ce,eh as we,fC as Te,gC as V,hg as Ee,id as De,ji as Oe,jm as ke,ju as Ae,lS as je,ly as Me,mC as Ne,mS as Pe,nC as Fe,nd as Ie,nt as Le,of as Re,p as ze,pC as H,pS as Be,qS as U,ql as Ve,qu as He,rd as Ue,sd as We,sf as Ge,tC as Ke,td as qe,tn as Je,vd as Ye,wy as Xe,xl as Ze,yd as Qe,yn as $e,z as et,zo as tt,zt as nt,zu as rt}from"./app-DENERwru.js";import{$ as it,I as W,Jn as at,Qn as G,Yn as ot,j as K,sr as st,tr as q}from"./vendor-DEhKVoiV.js";import{_ as ct,d as lt,f as ut,n as dt,t as ft,v as pt,x as mt}from"./react-B9IgSVeK.js";import{$ as ht,D as gt,I as _t,Lt as vt,Tr as yt,Wi as bt,Ya as xt,Yn as St,Zr as Ct,fr as wt,i as Tt,pi as Et,qi as Dt,ri as Ot,si as kt,za as At,zi as jt}from"./icons-C0wyat6T.js";import{A as Mt,B as Nt,C as Pt,D as Ft,F as It,G as Lt,H as Rt,I as zt,L as Bt,O as Vt,P as Ht,R as Ut,T as Wt,V as Gt,W as Kt,_ as qt,a as Jt,b as Yt,c as Xt,d as Zt,f as Qt,g as $t,h as en,i as tn,j as nn,k as rn,l as an,m as on,n as sn,o as cn,p as ln,r as un,s as dn,t as fn,u as pn,v as mn,x as hn,y as gn}from"./use-checkout-dismiss-refresh-Bn3vk9HQ.js";import{n as _n,t as vn}from"./android-billing-handoff-BtlRm2Gd.js";import{t as yn}from"./checkout-return-target-BEXPg1Xm.js";import{t as bn}from"./add-credits-modal-BHp9z7-k.js";import{t as xn}from"./referral-modal-1pjnqBsD.js";import{t as Sn}from"./link-click-IkiMmOF_.js";import{t as Cn}from"./await-org-header-settled-5KgElVC2.js";import{a as wn,i as Tn,n as En,r as Dn}from"./usage-window-BQhWVCSl.js";var On=xt(`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`}]]),kn=xt(`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(mt(),1);function An(e){return e.get(`tab`)===`billing`||e.has(`adjust_plan`)||e.has(`pro_onboarding`)||e.has(`billing_status`)||e.has(`session_id`)}function jn(e,t){return e===`full`?!0:e===`disabled`?An(t):!1}var Y=ft();function Mn({open:e,onOpenChange:t,amountUsd:n}){let{t:r}=K(`settings`),i=q(),a=ot(k()),o=a.isPending,s=v(n);return(0,Y.jsx)(C.Root,{open:e,onOpenChange:e=>{!e&&o||t(e)},children:(0,Y.jsxs)(C.Content,{size:`sm`,"data-testid":`checkout-bonus-modal`,children:[(0,Y.jsx)(C.Header,{icon:yt,children:(0,Y.jsx)(C.Title,{children:r(`checkoutBonusModal.title`,{amount:s})})}),(0,Y.jsx)(C.Body,{children:(0,Y.jsx)(V,{as:`p`,variant:`body-medium-default`,className:`text-(--content-secondary)`,children:r(`checkoutBonusModal.body`,{amount:s})})}),(0,Y.jsxs)(C.Footer,{children:[(0,Y.jsx)(C.Close,{asChild:!0,children:(0,Y.jsx)(f,{variant:`outlined`,disabled:o,children:r(`checkoutBonusModal.decline`)})}),(0,Y.jsx)(f,{variant:`primary`,loading:o,onClick:()=>{o||a.mutate({},{onSuccess:e=>{e.status===`granted`?(U.success(r(`checkoutBonusModal.grantedToast`,{amount:v(e.amount_usd)})),i.invalidateQueries(De())):U.info(r(`checkoutBonusModal.unavailableToast`)),i.invalidateQueries(L()),t(!1)},onError:()=>{U.error(r(`checkoutBonusModal.errorToast`))}})},disabled:o,"data-testid":`claim-checkout-bonus-button`,children:r(`checkoutBonusModal.claim`,{amount:s})})]})]})})}function Nn(e){let t=y(),n=q(),r=e!==null,{data:i,dataUpdatedAt:a}=G({...L(),enabled:r&&t,staleTime:0,refetchOnWindowFocus:!1}),o=(0,J.useRef)(e);return(0,J.useEffect)(()=>{let t=o.current;o.current=e,!(e===null||e===t||t===null)&&n.invalidateQueries(L())},[e,n]),{showOffer:r&&i?.eligible===!0&&a>=e,amountUsd:i?.amount_usd??`0.00`}}function Pn(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 Fn(e){return Number.isFinite(e)?Math.round(e).toLocaleString():`0`}function In(e){return!Number.isFinite(e)||e===0?`$0.00`:`$${e.toFixed(2)}`}var Ln=`model`,Rn={model:`Model`,task:`Action`,profile:`Profile`},zn=[{value:`model`,label:Rn.model},{value:`task`,label:Rn.task},{value:`profile`,label:Rn.profile}];function Bn(e){return e===`model`||e===`task`||e===`profile`}function Vn(e){switch(e){case`model`:return`model`;case`task`:return`call_site`;case`profile`:return`inference_profile`}}function Hn(e){switch(e){case`model`:return`model`;case`task`:return`llm_call_site`;case`profile`:return`inference_profile`}}function Un(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 Wn(e,t,n){return!e||e.length===0?[]:e.map(e=>{let r=Un(t,e,n);return r===e.group?e:{...e,group:r}})}var Gn=6,Kn=`value:`,qn=`null:`;function Jn(e,t=`schedule`){return e===null?`${qn}${Bn(t)?Vn(t):t}`:`${Kn}${e}`}function Yn(e){return[...e].sort((e,t)=>{if(e.date!==t.date)return e.date<t.date?-1:1;let n=er(e.bucketId),r=er(t.bucketId);return n===r?e.bucketId===t.bucketId?0:e.bucketId<t.bucketId?-1:1:n-r})}function Xn(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 Zn(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=Un(t,$n(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,Gn)}}function $n(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 er(e){let t=e.lastIndexOf(`|`);if(t<0)return 0;let n=Number(e.slice(t+1));return Number.isFinite(n)?n:0}var tr=140,nr=40,rr=28,ir=2,ar=2,or=1e-6,sr=12,cr=220,lr=56,ur=[40,80,60,100,50,70,30],dr=[18,24,28,35,42,50,64,78,92,106,118,96,84,74,68,80,88,72,56,48,40,34,26,20],fr=[`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 pr(e){return fr[e%fr.length]}function mr(e){return e.displayLabel?e.displayLabel:e.date}function hr(e,t){let n=e+sr,r=t+sr;return n+cr>window.innerWidth&&(n=e-cr-sr),r+lr>window.innerHeight&&(r=t-lr-sr),{x:n,y:r}}function gr({buckets:e,isHourly:t,legendItems:n}){let{t:r}=K(`settings`),[i,a]=(0,J.useState)(null),o=(0,J.useMemo)(()=>Yn(e),[e]),s=(0,J.useMemo)(()=>Qn(e),[e]),c=n??s.items,l=n??s.visibleItems,u=(0,J.useMemo)(()=>o.reduce((e,t)=>Math.max(e,t.totalEstimatedCostUsd),0),[o]),d=(0,J.useCallback)((e,t)=>{let n=hr(e.clientX,e.clientY);a({...t,x:n.x,y:n.y})},[]),f=(0,J.useCallback)(()=>a(null),[]);if(o.length===0){let e=(0,Y.jsx)(xr,{title:r(t?`usageTrendChart.noHourlyData`:`usageTrendChart.noDailyData`),subtitle:r(`usageTrendChart.noUsageInRange`)});return l.length===0?e:(0,Y.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[e,(0,Y.jsx)(br,{items:l})]})}let p=t?rr:nr;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:`${tr}px`},"aria-hidden":`true`,children:o.map(e=>{let t=u>0?e.totalEstimatedCostUsd/u:0,r=Math.max(ir,tr*t);return(0,Y.jsx)(`div`,{className:`flex items-end`,style:{width:`${p}px`,minWidth:`${p}px`,height:`${r}px`,opacity:e.totalEstimatedCostUsd>0?1:.3},title:`${mr(e)}: ${In(e.totalEstimatedCostUsd)}`,"data-usage-series-bar":e.bucketId,children:(0,Y.jsx)(vr,{bucket:e,height:r,legendItems:c,hasLegendOverride:n!=null,onSegmentHover:d,onSegmentLeave:f})},e.bucketId)})}),(0,Y.jsx)(`div`,{className:`flex items-start gap-2`,children:o.map(e=>(0,Y.jsxs)(`div`,{className:`flex flex-col items-center gap-0.5`,style:{width:`${p}px`,minWidth:`${p}px`},children:[(0,Y.jsx)(`span`,{className:`truncate text-[10px]`,style:{color:`var(--content-secondary)`},children:In(e.totalEstimatedCostUsd)}),(0,Y.jsx)(`span`,{className:`truncate text-[10px]`,style:{color:`var(--content-tertiary)`},children:mr(e)})]},e.bucketId))}),l.length>0?(0,Y.jsx)(br,{items:l}):null]}),i?(0,Y.jsx)(yr,{tooltip:i}):null]})}function _r({isHourly:e}){let t=e?dr:ur,n=e?rr:nr;return(0,Y.jsx)(`div`,{className:`flex items-end gap-2`,style:{height:`${tr}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 vr({bucket:e,height:t,legendItems:n,hasLegendOverride:r,onSegmentHover:i,onSegmentLeave:a}){let o=Object.keys(e.groups).length>0,s=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(s.length===0&&!o&&!r){let n=mr(e),r={label:W(`settings:usageTrendChart.total`),bucketLabel:n,cost:In(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:pr(0)},"data-usage-series-segment-label":r.label,"data-usage-fallback-segment":`true`})}return s.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:s.map(({item:n,value:r})=>{let o={label:n.label,bucketLabel:mr(e),cost:In(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(ar,t*r.totalEstimatedCostUsd/Math.max(e.totalEstimatedCostUsd,or))}px`,background:pr(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 yr({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 br({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)`:pr(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 xr({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 Sr(e){return Bn(e)?Vn(e):e}function Cr(e){return Dr({from:e.from,to:e.to},e.scheduleId)}function wr(e){return Dr({from:e.from,to:e.to,...e.granularity?{granularity:e.granularity}:{},...e.tz?{tz:e.tz}:{}},e.scheduleId)}function Tr(e){return Dr({from:e.from,to:e.to,groupBy:Sr(e.groupBy)},e.scheduleId)}function Er(e){return Dr({from:e.from,to:e.to,granularity:e.granularity,groupBy:Sr(e.groupBy),...e.tz?{tz:e.tz}:{}},e.scheduleId)}function Dr(e,t){return t?{...e,scheduleId:t}:e}function Or(e){return[`${Fn(e.totalInputTokens)} direct`,`${Fn(e.totalCacheCreationTokens)} cache created`,`${Fn(e.totalCacheReadTokens)} cache read`,`${Fn(e.totalOutputTokens)} out`].join(` / `)}function kr(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 Ar(e){return`${kr(e.totalInputTokens+e.totalCacheCreationTokens+e.totalCacheReadTokens)} in / ${kr(e.totalOutputTokens)} out`}var jr=`task`,Mr=`model`,Nr=new Set([400,404,422]),Pr=3,Fr=new Set([`today`,`yesterday`,`7d`,`30d`,`90d`,`all`]),Ir=new Set([`actor`,`provider`,`model`,`conversation`,`task`,`profile`,`schedule`]),Lr={task:Rn.task,profile:Rn.profile,model:Rn.model,provider:`Provider`,actor:`Actor`,conversation:`Conversation`,schedule:`Schedule`},Rr=[{value:`task`,label:Lr.task},{value:`profile`,label:Lr.profile},{value:`model`,label:Lr.model},{value:`provider`,label:Lr.provider},{value:`schedule`,label:Lr.schedule},{value:`conversation`,label:Lr.conversation}];function zr(e){let t=e.get(`range`),n=e.get(`groupBy`),r=Ur(n)?n:jr;return{range:Hr(t)?t:`7d`,groupBy:r,scheduleId:r===`schedule`?Br(e):void 0}}function Br(e){let t=e.get(`scheduleId`);if(!(!t||t.trim().length===0))return t}function Vr(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 Hr(e){return e!=null&&Fr.has(e)}function Ur(e){return e!=null&&Ir.has(e)}function Wr(e){return e!==`conversation`}function Gr(e,t){return e!==`task`&&e!==`profile`?!1:qr(t)}function Kr(e,t){return!qr(t)&&e<Pr}function qr(e){return e instanceof Be&&Nr.has(e.status)}function Jr({requestedGranularity:e,isLoading:t,buckets:n}){return e===`hourly`&&(t||!n||n.length===0||n.some(Yr))?`hourly`:`daily`}function Yr(e){return e.bucketId.includes(`|`)||Xr(e.date)}function Xr(e){return/^\d{4}-\d{2}-\d{2} ([01]\d|2[0-3]):00$/.test(e)}function Zr(e,t,n=Date.now()){return Dn(e,t,n)}function Qr(e){return e===`today`||e===`yesterday`?`hourly`:`daily`}function $r({prompt:e,children:t,variant:n=`outlined`,size:r=`regular`,className:i}){let a=ut(),o=(0,J.useCallback)(()=>{R(a,{prompt:e})},[a,e]);return(0,Y.jsx)(f,{variant:n,size:r,leftIcon:(0,Y.jsx)(ht,{}),onClick:o,className:i,children:t})}var ei={today:`usageTab.rangeToday`,yesterday:`usageTab.rangeYesterday`,"7d":`usageTab.range7d`,"30d":`usageTab.range30d`,"90d":`usageTab.range90d`,all:`usageTab.rangeAll`},ti={task:`usageTab.groupByTask`,profile:`usageTab.groupByProfile`,model:`usageTab.groupByModel`,provider:`usageTab.groupByProvider`,actor:`usageTab.groupByActor`,conversation:`usageTab.groupByConversation`,schedule:`usageTab.groupBySchedule`};function ni(e,t){return e(ti[t])}function ri(e,t,n){let r=e(t===`hourly`?`usageTab.hourlyTrend`:`usageTab.dailyTrend`);if(!n||n===`conversation`)return r;let i=ni(e,n);return e(t===`hourly`?`usageTab.hourlyTrendBy`:`usageTab.dailyTrendBy`,{group:i})}var ii=300*1e3,ai=[`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(` `),oi=[`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 si({assistantId:e}){let{t}=K(`settings`),[r,i]=ct(),{range:a,groupBy:s,scheduleId:c}=(0,J.useMemo)(()=>zr(r),[r]),l=tt(),u=(0,J.useCallback)(e=>{i(t=>Vr(t,e),{replace:!0})},[i]),d=(0,J.useMemo)(()=>Zr(a,l),[a,l]),f=(0,J.useMemo)(()=>Qr(a),[a]),p=G({queryKey:x({path:{assistant_id:e}}),queryFn:()=>ze(e),staleTime:1e4}),m=(0,J.useCallback)(e=>{u({range:e})},[u]),h=G({...n({path:{assistant_id:e},query:Cr({from:d.from,to:d.to,scheduleId:c})})}),g=G({queryKey:de({path:{assistant_id:e},query:Tr({from:d.from,to:d.to,groupBy:s,scheduleId:c})}),queryFn:async({signal:t})=>{try{let{data:n}=await Me({path:{assistant_id:e},query:Tr({from:d.from,to:d.to,groupBy:s,scheduleId:c}),signal:t,throwOnError:!0});return{groupBy:s,response:n}}catch(n){if(!Gr(s,n))throw n;let{data:r}=await Me({path:{assistant_id:e},query:Tr({from:d.from,to:d.to,groupBy:Mr,scheduleId:c}),signal:t,throwOnError:!0});return{groupBy:Mr,response:r}}},retry:Kr}),_=g.data?.groupBy??s;(0,J.useEffect)(()=>{_!==s&&u({groupBy:_,scheduleId:_===`schedule`?void 0:null})},[_,s,u]);let v=Wr(_)?_:void 0,y=G({...ne({path:{assistant_id:e},query:Er({from:d.from,to:d.to,granularity:f,groupBy:v??`actor`,tz:l,scheduleId:c})}),enabled:!!v,retry:Kr}),b=G({...he({path:{assistant_id:e},query:wr({from:d.from,to:d.to,granularity:f,tz:l,scheduleId:c})}),enabled:!v||y.isError}),S=G({...o({path:{assistant_id:e}}),enabled:_===`task`,staleTime:1/0}),C=G({...O({path:{assistant_id:e}}),select:wn,enabled:_===`profile`,staleTime:ii}),w=(0,J.useMemo)(()=>({callSites:Pn(S.data),profiles:C.data??{}}),[S.data,C.data]),T=(0,J.useMemo)(()=>{let e=g.data;if(e)return Wn(e.response.breakdown,e.groupBy,w)},[g.data,w]),E=(0,J.useMemo)(()=>{if(!(!v||!y.data))return Zn(y.data.buckets,v,w)},[y.data,v,w]),D=(0,J.useMemo)(()=>{if(b.data)return Xn(b.data.buckets)},[b.data]),k=(0,J.useMemo)(()=>v?y.error?D?{isLoading:!1,error:null,data:D,refetch:b.refetch}:{isLoading:b.isLoading||!D&&!b.error,error:b.error??y.error,data:void 0,refetch:b.error?b.refetch:y.refetch}:{isLoading:y.isLoading,error:y.error,data:E,refetch:y.refetch}:{isLoading:b.isLoading,error:b.error,data:D,refetch:b.refetch},[D,b.error,b.isLoading,b.refetch,E,v,y.error,y.isLoading,y.refetch]),A=Jr({requestedGranularity:f,isLoading:k.isLoading,buckets:k.data}),j=A===`hourly`,M=v&&y.error?void 0:_,N=(0,J.useMemo)(()=>{if(!(_!==`schedule`||!c))return ci(p.data,c,t)},[_,c,p.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)(ui,{range:a,onChange:m})})]}),(0,Y.jsx)(`section`,{"aria-label":t(`usageTab.totalsAriaLabel`),children:(0,Y.jsx)(fi,{query:h,skeleton:(0,Y.jsx)(hi,{}),render:e=>(0,Y.jsx)(pi,{totals:e})})}),(0,Y.jsx)(di,{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:ri(t,A,M)}),(0,Y.jsx)(`div`,{className:`flex flex-wrap items-center justify-end gap-2`,children:(0,Y.jsx)(gi,{value:_,onChange:e=>{u({groupBy:e,scheduleId:e===`schedule`?void 0:null})}})})]}),(0,Y.jsx)(fi,{query:k,skeleton:(0,Y.jsx)(_r,{isHourly:j}),render:e=>(0,Y.jsx)(gr,{buckets:e,isHourly:j,legendItems:N})})]})}),(0,Y.jsx)(_i,{query:g,groups:T}),(0,Y.jsx)(li,{})]})}function ci(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:Jn(e.id,`schedule`),label:e.label,colorIndex:n,state:e.id===t?`active`:`inactive`}))}function li(){let{t:e}=K(`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)(di,{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)($r,{prompt:ai,children:e(`usageTab.analyzeCostsButton`)}),(0,Y.jsx)($r,{prompt:oi,variant:`ghost`,children:e(`usageTab.optimizeSettingsButton`)})]})})]})}function ui({range:e,onChange:t}){let{t:n}=K(`settings`);return(0,Y.jsx)(`div`,{className:`flex items-center`,children:(0,Y.jsx)(ce,{value:e,onChange:t,options:Object.entries(ei).map(([e,t])=>({value:e,label:n(t)}))})})}function di({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 fi({query:e,skeleton:t,render:n}){let{t:r}=K(`settings`);return e.isLoading?(0,Y.jsx)(Y.Fragment,{children:t}):e.error?(0,Y.jsx)(Ci,{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 pi({totals:e}){let{t}=K(`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:In(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:Fn(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)(mi,{label:t(`usageTab.directInputTokensLabel`),value:Fn(e.totalInputTokens)}),(0,Y.jsx)(mi,{label:t(`usageTab.outputTokensLabel`),value:Fn(e.totalOutputTokens)}),(0,Y.jsx)(mi,{label:t(`usageTab.cacheCreatedLabel`),value:Fn(e.totalCacheCreationTokens)}),(0,Y.jsx)(mi,{label:t(`usageTab.cacheReadLabel`),value:Fn(e.totalCacheReadTokens)})]})]})}function mi({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 hi(){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)(xi,{width:140,height:30}),(0,Y.jsx)(xi,{width:90,height:12})]}),(0,Y.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,Y.jsx)(xi,{width:60,height:16}),(0,Y.jsx)(xi,{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)(xi,{width:`50%`,height:12}),(0,Y.jsx)(xi,{width:`70%`,height:11})]},t))})]})}function gi({value:e,onChange:t}){let{t:n}=K(`settings`);return(0,Y.jsx)(`div`,{className:`flex items-center`,children:(0,Y.jsx)(ce,{value:e,onChange:t,menuAlign:`end`,menuMinWidth:196,options:Rr.map(e=>({value:e.value,label:ni(n,e.value)}))})})}function _i({query:e,groups:t}){let{t:n}=K(`settings`),[r,i]=(0,J.useState)(new Set),a=e=>{i(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})};return(0,Y.jsx)(di,{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)(vi,{label:n(`usageTab.percentOfTotalLabel`),active:r.has(`pct`),onClick:()=>a(`pct`)}),(0,Y.jsx)(vi,{label:n(`usageTab.tokensLabel`),active:r.has(`tokens`),onClick:()=>a(`tokens`)}),(0,Y.jsx)(vi,{label:n(`usageTab.turnsLabel`),active:r.has(`turns`),onClick:()=>a(`turns`)})]}),(0,Y.jsx)(fi,{query:e,skeleton:(0,Y.jsx)(bi,{}),render:e=>(0,Y.jsx)(yi,{groups:t??e.response.breakdown,groupBy:e.groupBy,showPct:r.has(`pct`),showTokens:r.has(`tokens`),showTurns:r.has(`turns`)})})]})})}function vi({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 yi({groups:e,groupBy:t,showPct:n,showTokens:r,showTurns:i}){let{t:a}=K(`settings`),o=ut();if(e.length===0)return(0,Y.jsx)(Si,{title:a(`usageTab.noBreakdownDataTitle`),subtitle:a(`usageTab.noBreakdownDataSubtitle`)});let s=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:a(`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:a(`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:a(`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:a(`usageTab.costLabel`)})]})}),(0,Y.jsx)(`tbody`,{children:e.map((e,a)=>{let c=Or(e),l=Ar(e),u=t===`conversation`?e.groupId:null,d=s>0?Math.round(e.totalEstimatedCostUsd/s*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`)||Ze(o,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)(dt,{to:Se.conversation(u),className:`block truncate text-body-medium-lighter`,title:e.group,onClick:e=>{Sn(e)||(e.preventDefault(),Ze(o,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:c,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:In(e.totalEstimatedCostUsd)})})]},e.groupKey??e.groupId??`${e.group}-${a}`)})})]})})}function bi(){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)(xi,{width:100,height:14}),(0,Y.jsx)(xi,{width:`60%`,height:12}),(0,Y.jsx)(xi,{width:50,height:14})]},t))})}function xi({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 Si({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 Ci({message:e,onRetry:t}){let{t:n}=K(`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)(gt,{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 wi(){let e=Ye(),t=ln();return{reactivateSubscription:()=>t({mutateAsync:()=>e.mutateAsync({}),onSuccess:()=>{U.success(W(`settings:useReactivateSubscription.reactivatedToast`),{id:`subscription-reactivate`})},errorToastId:`subscription-reactivate-error`,errorFallback:()=>W(`settings:useReactivateSubscription.reactivateFailedToast`)}),isPending:e.isPending}}function Ti({open:e,onCancel:t,onConfirm:n,confirming:r,lostFeatures:i}){let{t:a}=K(`settings`);return(0,Y.jsx)(C.Root,{open:e,onOpenChange:e=>{!e&&!r&&t()},children:(0,Y.jsxs)(C.Content,{size:`md`,hideCloseButton:!0,children:[(0,Y.jsx)(C.Header,{icon:gt,children:(0,Y.jsx)(C.Title,{children:a(`downgradeReconfirmModal.title`)})}),(0,Y.jsxs)(C.Body,{children:[(0,Y.jsx)(V,{as:`p`,variant:`body-medium-default`,className:`text-(--content-secondary)`,children:a(`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)(V,{as:`span`,variant:`body-medium-default`,children:e})},e))})]}),(0,Y.jsxs)(C.Footer,{children:[(0,Y.jsx)(f,{variant:`outlined`,onClick:t,disabled:r,children:a(`downgradeReconfirmModal.keepPro`)}),(0,Y.jsx)(f,{variant:`danger`,onClick:n,disabled:r,"data-testid":`confirm-downgrade-button`,children:a(`downgradeReconfirmModal.confirm`)})]})]})})}function Ei(e){return W(`settings:creditBundlePicker.optionLabel`,{label:e.label,price:Mt(e.price_cents)})}function Di({creditTiers:e,selectedCreditTier:t,onCreditTierChange:n,disabled:r=!1}){let{t:i}=K(`settings`),a=(0,J.useMemo)(()=>[{value:null,label:i(`creditBundlePicker.noBundleOption`,{price:Mt(0)})},...e.map(e=>({value:e.tier,label:Ei(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)(V,{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)(wt,{className:`h-3 w-3 text-[var(--content-tertiary)]`})})]}),(0,Y.jsx)(ce,{"aria-label":i(`creditBundlePicker.ariaLabel`),placeholder:i(`creditBundlePicker.placeholder`),disabled:r,value:t,onChange:e=>n(e),onSelectNone:()=>n(null),options:a})]})}function Oi({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)(V,{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)(jt,{className:`mt-0.5 h-4 w-4 shrink-0 text-[var(--content-tertiary)]`,"aria-hidden":!0}),(0,Y.jsx)(V,{as:`span`,variant:`body-medium-default`,children:e})]},e))})]})}function ki({plan:e,isCurrent:t,onPro:n,planDisplayName:r,currentPlanFeatures:i,cancelAtPeriodEnd:a,isCanceled:o,cancelDate:s,formatGraceDate:c,proTierChangeMode:l,creditTiersEnabled:u,creditTiers:d,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:D,tierChangePending:O,machineChanged:k,storageChanged:A,creditChanged:j,feeAdded:M,tierChangeError:N,upgradePending:P,billingActionPending:ee,onUpgrade:te,onApplyTierChange:ne,onDowngradeClick:F,onKeepPlan:I}){let{t:L}=K(`settings`),R=e.id===`pro`,z=e.id===`base`,re=R&&n&&a&&!o,ie=R&&(!t||t&&l),ae=R&&t&&l,oe=R&&t;return(0,Y.jsx)(Ne.Root,{className:`flex flex-col bg-[var(--surface-base)]`,children:(0,Y.jsxs)(Ne.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:R?(0,Y.jsx)(On,{className:`h-5 w-5 text-[var(--content-default)]`}):(0,Y.jsx)(kn,{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)(V,{as:`h3`,variant:`title-small`,"data-testid":`modal-plan-name`,children:oe?r:e.name}),t&&(0,Y.jsx)(be,{tone:`positive`,children:L(`planCardContent.current`)})]}),(0,Y.jsx)(V,{as:`p`,variant:`body-small-default`,className:`-mt-2 text-[var(--content-tertiary)]`,children:L(z?`planCardContent.baseTagline`:`planCardContent.proTagline`)}),re&&s&&(0,Y.jsx)(V,{as:`p`,variant:`body-small-default`,className:`text-[var(--system-mid-strong)]`,"data-testid":`modal-cancels-on`,children:L(`planCardContent.planEndsOn`,{date:c(s)})}),(0,Y.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),(0,Y.jsx)(`div`,{className:`flex flex-col gap-1`,children:z?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(V,{as:`p`,variant:`title-medium`,children:L(`planCardContent.free`)}),(0,Y.jsx)(V,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,children:L(`planCardContent.forever`)})]}):t&&!(ie&&T!=null)&&(w==null||C)?D?(0,Y.jsxs)(`div`,{className:`flex items-center gap-2 text-[var(--content-tertiary)]`,children:[(0,Y.jsx)(St,{className:`h-4 w-4 animate-spin`}),(0,Y.jsx)(V,{as:`span`,variant:`body-medium-lighter`,children:L(`planCardContent.loadingPlan`)})]}):(0,Y.jsx)(V,{as:`p`,variant:`body-medium-lighter`,className:`text-[var(--content-tertiary)]`,"data-testid":`modal-pro-price-unavailable`,children:L(`planCardContent.pricingUnavailable`)}):(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,Y.jsx)(V,{as:`p`,variant:`title-medium`,"data-testid":`modal-pro-price`,children:ie&&T!=null?(0,Y.jsxs)(Y.Fragment,{children:[Mt(T),E!=null&&E!==0&&(0,Y.jsxs)(`span`,{className:`ml-1 text-[var(--content-tertiary)]`,children:[`(`,Vt(E),`)`]})]}):w==null?e.id===`pro`?L(`planCardContent.fromPrice`,{price:Mt(e.base_price_cents+mn(e.machine_tiers)+mn(e.storage_tiers))}):null:L(`planCardContent.currentlyPrice`,{price:Mt(w)})}),ie&&E!=null&&E!==0&&(0,Y.jsx)(`span`,{title:L(`planCardContent.subscriptionChangeTitle`,{from:Mt(w),to:Mt(T)}),children:(0,Y.jsx)(wt,{className:`h-3 w-3 text-[var(--content-tertiary)]`})})]}),e.id===`pro`&&(0,Y.jsx)(V,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,"data-testid":`modal-pro-base-fee`,children:L(`planCardContent.baseFee`,{amount:rn(e.base_price_cents)})})]})}),(0,Y.jsx)(Oi,{features:oe&&i?i:e.included_features,variant:`checklist`}),R&&!u&&(0,Y.jsx)(V,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,"data-testid":`modal-credits-not-included`,children:L(`planCardContent.creditsNotIncluded`)})]}),(0,Y.jsxs)(`div`,{className:`mt-4 flex flex-1 flex-col justify-end gap-4`,children:[!t&&R&&(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),u&&(0,Y.jsx)(Di,{creditTiers:d,selectedCreditTier:p,onCreditTierChange:m,disabled:P}),(0,Y.jsx)(hn,{machineTiers:y,storageTiers:b,selectedMachineTier:h,selectedStorageTier:g,onMachineTierChange:_,onStorageTierChange:v}),(0,Y.jsx)(f,{variant:`primary`,className:`w-full`,onClick:te,disabled:P||!h||!g,"data-testid":`modal-upgrade-to-pro-button`,children:L(`planCardContent.upgradeToPro`)})]}),ae&&(D?(0,Y.jsxs)(`div`,{className:`flex items-center gap-2 text-[var(--content-tertiary)]`,children:[(0,Y.jsx)(St,{className:`h-4 w-4 animate-spin`}),(0,Y.jsx)(V,{as:`span`,variant:`body-medium-lighter`,children:L(`planCardContent.loadingPlan`)})]}):(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),u&&(0,Y.jsx)(Di,{creditTiers:d,selectedCreditTier:p,onCreditTierChange:m,disabled:O}),(0,Y.jsx)(hn,{machineTiers:y,storageTiers:b,selectedMachineTier:h,selectedStorageTier:g,onMachineTierChange:_,onStorageTierChange:v,currentMachinePriceCents:x,currentStoragePriceCents:S}),N&&(0,Y.jsx)(H,{tone:`error`,children:N}),(0,Y.jsx)(f,{variant:`primary`,className:`w-full`,onClick:ne,disabled:O||!k&&!A&&!j&&!M,"data-testid":`modal-change-tier-button`,children:L(`planCardContent.updatePlan`)})]})),!t&&z&&n&&!a&&(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),(0,Y.jsx)(f,{variant:`outlined`,className:`w-full`,onClick:F,disabled:ee,"data-testid":`modal-downgrade-to-base-button`,children:L(`planCardContent.downgradeToBase`)})]}),re&&(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),(0,Y.jsx)(f,{variant:`outlined`,className:`w-full`,onClick:I,disabled:ee,"data-testid":`modal-keep-plan-button`,children:L(`planCardContent.keepPlan`)})]})]})]})})}function Ai(e){return _n({open:e.open,path:`${Se.settings.usageBilling}&adjust_plan`,onClose:e.onClose})?null:(0,Y.jsx)(ji,{...e})}function ji({open:e,onClose:t,onTierUpgraded:n}){let{t:i}=K(`settings`),a=q(),o=G(w()),s=G(qe()),c=ot(Ue()),l=Qt(dn(s.data)),{reactivateSubscription:d,isPending:p}=wi(),{cancelSubscription:m,isPending:h}=cn(),[g,_]=(0,J.useState)(`plans`),[v,y]=(0,J.useState)(zt),b=()=>{_(`plans`),y(zt)},[x,S]=(0,J.useState)(!1),[T,E]=(0,J.useState)(null),[D,O]=(0,J.useState)(null),[k,A]=(0,J.useState)(void 0);(0,J.useEffect)(()=>Xe(()=>{Jt(a),t()}),[a,t]);let j=s.data?.plan_id,M=j===`pro`,{changeTiers:N,isPending:P,error:ee,current:te}=tn({enabled:M}),ne=G({...r(),enabled:M}),F=ne.data?.max_machine_tier??null,I=ne.data?.selected_storage_tier??null,L=ne.data?.selected_storage_gib??null,R=s.data?.cancel_at_period_end===!0||!!s.data?.cancel_at,z=s.data?.status===`canceled`,re=pn(s.data),ie=s.data?.status,oe=ie!=null&&on.has(ie),se=M&&oe&&!R&&!z,B=o.data?.plans.find(e=>e.id===`pro`),ce=B?.credit_tiers??[],le=ce.length>0,ue=s.data?.selected_credit_tier??null,de=e=>ce.find(t=>t.tier===e)?.price_cents??0,fe=de(ue),pe=ue!=null&&!ce.some(e=>e.tier===ue),me=k===void 0?ue:k,he=de(me),ge=Rt(s.data?.package),_e=M&&ne.isSuccess&&B?Pt({machineTier:F,storageTier:I,storageGib:L,creditTier:ue,hasPlatformFee:te.hasPlatformFee},B):null,ye=B?.machine_tiers??[],be=se&&L!=null?(B?.storage_tiers??[]).map(e=>e.storage_gib<L?{...e,disabled:!0}:e):B?.storage_tiers??[],xe=(0,J.useRef)(null);(0,J.useEffect)(()=>{if(!e){xe.current=null,E(null),O(null),A(void 0);return}if(B){if(se){if(F==null||I==null)return;xe.current??={machineTier:F,storageTier:I,creditTier:ue},E(e=>Yt(ye,e??F)),O(e=>Yt(be,e??I)),A(e=>gn(ce,e,ue));return}E(e=>Yt(B.machine_tiers,e)),O(e=>Yt(B.storage_tiers,e)),A(e=>gn(ce,e,null))}},[e,B,se,F,I,ue]);let Se=o.data?.plans.find(e=>e.id===`base`),Ce=new Set(Se?.included_features??[]),we=(B?.included_features??[]).filter(e=>!Ce.has(e)),Te=()=>{if(!c.isPending){if(!T||!D){U.error(i(`adjustPlanModal.pickTiersError`),{id:`pro-upgrade-error`});return}c.mutate({body:{target_plan_id:`pro`,confirm:!0,machine_tier:T,storage_tier:D,credit_tier:me,return_target:yn()}},{onSuccess:e=>{if(e.checkout_url){ae({kind:`custom`,machineTier:T,storageTier:D,creditTier:me}),ve(a),u(e.checkout_url);return}if(e.status===`no_op`){U.info(i(`adjustPlanModal.alreadyOnPro`),{id:`pro-upgrade`}),t();return}U.error(e.message??i(`adjustPlanModal.upgradeFailed`),{id:`pro-upgrade-error`})},onError:e=>{U.error(en(e,i(`adjustPlanModal.upgradeFailed`)),{id:`pro-upgrade-error`})}})}},Ee=$t(s.data),De=!Ee||Bt(v),Oe=async()=>{if(!(h||l.isPending)){if(!Ee){b(),l.mutate({});return}await m(Ut(v))&&b()}},ke=T!=null&&T!==F,Ae=D!=null&&D!==I,je=le&&k!==void 0&&k!==ue,Me=se&&!te.hasPlatformFee,Ne=e=>ye.find(t=>t.tier===e)?.price_cents??null,Pe=e=>be.find(t=>t.tier===e)?.price_cents??null,Fe=Ne(T),Ie=Pe(D),Le=Ne(F),Re=Pe(I),ze=ke&&Fe!=null&&Le!=null&&Fe<Le,Be=()=>{if(!P){if(!T||!D){U.error(i(`adjustPlanModal.pickTiersError`),{id:`pro-tier-change-error`});return}N({machineTier:T,storageTier:D,creditTier:me},xe.current??void 0).then(e=>{if(e){if(e.needsResize&&n){t(),n();return}U.success(e.creditChanged&&!ke&&!Ae?i(`adjustPlanModal.creditBundleUpdated`):i(`adjustPlanModal.planUpdated`),{id:`pro-tier-change`})}})}},Ve=()=>{if(!P){if(ze){S(!0);return}Be()}},He=()=>{S(!1),Be()},We=e=>Fe!=null&&Ie!=null?e.base_price_cents+Fe+Ie+he:null,Ge=e=>Le!=null&&Re!=null?(Me?0:e.base_price_cents)+Le+Re+fe:null,Ke=o.isLoading||s.isLoading,Je=o.isError||s.isError||!o.data||!s.data;return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(C.Root,{open:e,onOpenChange:e=>{e||(b(),t())},children:(0,Y.jsx)(C.Content,{size:g===`plans`?`lg`:`md`,children:g===`downgrade-confirm`?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(C.Header,{icon:gt,children:(0,Y.jsx)(C.Title,{children:i(`adjustPlanModal.downgradeTitle`)})}),(0,Y.jsxs)(C.Body,{children:[(0,Y.jsx)(V,{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:we.map(e=>(0,Y.jsx)(`li`,{children:(0,Y.jsx)(V,{as:`span`,variant:`body-medium-default`,children:e})},e))}),Ee?(0,Y.jsx)(It,{value:v,onChange:y,disabled:h||l.isPending}):null]}),(0,Y.jsxs)(C.Footer,{children:[(0,Y.jsx)(f,{variant:`ghost`,onClick:b,disabled:h||l.isPending,leftIcon:(0,Y.jsx)(At,{className:`h-4 w-4`}),children:i(`adjustPlanModal.back`)}),(0,Y.jsx)(f,{variant:`danger`,onClick:()=>void Oe(),disabled:h||l.isPending||!De,"data-testid":`confirm-downgrade-button`,children:i(`adjustPlanModal.confirmDowngrade`)})]})]}):(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(C.Header,{children:(0,Y.jsx)(C.Title,{className:`sr-only`,children:i(`adjustPlanModal.upgradePlanTitle`)})}),(0,Y.jsx)(C.Body,{children:Ke?(0,Y.jsxs)(`div`,{className:`flex items-center gap-2 text-body-medium-lighter text-[var(--content-tertiary)]`,children:[(0,Y.jsx)(St,{className:`h-4 w-4 animate-spin`}),(0,Y.jsx)(V,{as:`span`,variant:`body-medium-lighter`,children:i(`adjustPlanModal.loadingPlans`)})]}):Je?(0,Y.jsx)(H,{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)(V,{as:`p`,variant:`title-medium`,children:i(`adjustPlanModal.heroTitle`)}),(0,Y.jsx)(V,{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:o.data.plans.map(e=>{let t=e.id===j,n=e.id===`pro`&&B?We(B):null,r=e.id===`pro`&&B?Ge(B):null;return(0,Y.jsx)(ki,{plan:e,isCurrent:t,onPro:M,planDisplayName:ge,currentPlanFeatures:_e,cancelAtPeriodEnd:R,isCanceled:z,cancelDate:re,formatGraceDate:an,proTierChangeMode:se,creditTiersEnabled:le,creditTiers:ce,displayCreditTier:me,onCreditTierChange:A,selectedMachineTier:T,selectedStorageTier:D,onMachineTierChange:E,onStorageTierChange:O,machineTiersForPicker:ye,storageTiersForPicker:be,currentMachinePrice:Le,currentStoragePrice:Re,currentCreditPriceUnknown:pe,proCurrentTotalCents:r,proLiveTotalCents:n,proTotalDelta:n!=null&&r!=null?n-r:null,onboardingLoading:ne.isLoading,tierChangePending:P,machineChanged:ke,storageChanged:Ae,creditChanged:je,feeAdded:Me,tierChangeError:ee,upgradePending:c.isPending,billingActionPending:l.isPending||p,onUpgrade:Te,onApplyTierChange:Ve,onDowngradeClick:()=>_(`downgrade-confirm`),onKeepPlan:()=>{if(!$t(s.data)){l.mutate({});return}d()}},e.id)})})]})}),(0,Y.jsxs)(C.Footer,{className:`relative items-center`,children:[(0,Y.jsx)(V,{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)(f,{variant:`outlined`,onClick:t,"data-testid":`modal-cancel-button`,children:i(`adjustPlanModal.cancel`)})})]})]})})}),(0,Y.jsx)(Ti,{open:x,onCancel:()=>S(!1),onConfirm:He,confirming:P,lostFeatures:[i(`adjustPlanModal.machineDowngradeFeature`)]})]})}function Mi(e){let t=e.trim();if(t===``)return W(`settings:dailyCreditLimitCard.errorEmpty`);let n=parseFloat(t);if(!Number.isFinite(n)||n<1)return W(`settings:dailyCreditLimitCard.errorMin`);if(!/^\d+(\.\d{1,2})?$/.test(t))return W(`settings:dailyCreditLimitCard.errorDecimals`)}function Ni(e){let{t}=K(`settings`);return(0,Y.jsx)(Fe,{type:`number`,step:`0.01`,min:`1`,label:t(`dailyCreditLimitCard.inputLabel`),helperText:t(`dailyCreditLimitCard.helperText`,{time:D()}),placeholder:`0.00`,fullWidth:!0,...e})}function Pi(){let e=q();return ot({..._(),onSuccess:t=>{B(e,void 0,t),e.invalidateQueries({queryKey:c()}),e.invalidateQueries({queryKey:_e()})}})}function Fi(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 Ii({onSaved:e,onCancel:t}){let{t:n}=K(`settings`),r=Pi(),[i,a]=(0,J.useState)(`25`),[o,s]=(0,J.useState)(!1),c=r.isPending,l=Mi(i),u=o?l:void 0,d=Fi(r.error).daily_credit_limit_usd??(r.isError?n(`dailyCreditLimitCard.saveError`):void 0),p=()=>{c||(s(!0),!l&&r.mutate({body:{daily_credit_limit_usd:parseFloat(i.trim()).toFixed(2)}},{onSuccess:e}))},m=()=>{c||t()};return(0,Y.jsx)(C.Root,{open:!0,onOpenChange:e=>{e||m()},children:(0,Y.jsxs)(C.Content,{size:`sm`,hideCloseButton:!0,onEscapeKeyDown:e=>{e.preventDefault(),e.stopPropagation(),m()},"data-testid":`auto-top-up-daily-limit-modal`,children:[(0,Y.jsxs)(C.Header,{children:[(0,Y.jsx)(C.Title,{children:n(`autoTopUpDailyLimitModal.title`)}),(0,Y.jsx)(C.Description,{children:n(`autoTopUpDailyLimitModal.message`)})]}),(0,Y.jsxs)(C.Body,{children:[(0,Y.jsx)(Ni,{value:i,onChange:e=>{a(e.target.value)},onBlur:()=>s(!0),onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),p())},errorText:u,disabled:c,"data-testid":`auto-top-up-daily-limit-input`}),d!=null&&(0,Y.jsx)(H,{tone:`error`,className:`mt-3`,"data-testid":`auto-top-up-daily-limit-error`,children:d})]}),(0,Y.jsxs)(C.Footer,{children:[(0,Y.jsx)(f,{variant:`outlined`,onClick:m,disabled:c,"data-testid":`auto-top-up-daily-limit-cancel-button`,children:n(`autoTopUpDailyLimitModal.cancel`)}),(0,Y.jsx)(f,{variant:`primary`,onClick:p,disabled:c,loading:c,"data-testid":`auto-top-up-daily-limit-save-button`,children:n(c?`autoTopUpDailyLimitModal.saving`:`autoTopUpDailyLimitModal.save`)})]})]})})}function Li({open:e,confirming:t,onCancel:n,onConfirm:r}){let{t:i}=K(`settings`);return(0,Y.jsx)(T,{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 Ri={threshold_usd:`100`,amount_usd:`10`,monthly_cap_usd:``};function zi(e){if(e===``||e===`-`)return e;let t=parseFloat(e);return Number.isFinite(t)?String(Math.trunc(t)):``}function Bi(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 Vi(e,t,n,r){if(n[e])return n[e];if(r)return t[e]}function Hi({initialValues:e=Ri,submitting:t,saveDisabled:n=!1,serverErrors:r,onSave:i,onCancel:a}){let{t:o}=K(`settings`),[s,c]=(0,J.useState)(e),[l,u]=(0,J.useState)({threshold_usd:!1,amount_usd:!1,monthly_cap_usd:!1}),d=Bi(s),p=e=>t=>{c(n=>({...n,[e]:t.target.value}))},m=e=>()=>{u(t=>({...t,[e]:!0})),c(t=>({...t,[e]:zi(t[e])}))},h=e=>Vi(e,d,r,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)(Fe,{type:`number`,step:`1`,label:o(`autoTopUpForm.thresholdLabel`),value:s.threshold_usd,onChange:p(`threshold_usd`),onBlur:m(`threshold_usd`),errorText:h(`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)(Fe,{type:`number`,step:`1`,label:o(`autoTopUpForm.amountLabel`),value:s.amount_usd,onChange:p(`amount_usd`),onBlur:m(`amount_usd`),errorText:h(`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)(Fe,{type:`number`,step:`1`,label:o(`autoTopUpForm.capLabel`),value:s.monthly_cap_usd,onChange:p(`monthly_cap_usd`),onBlur:m(`monthly_cap_usd`),errorText:h(`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-[20px]`,children:[(0,Y.jsx)(f,{variant:`outlined`,onClick:a,disabled:t,children:o(`autoTopUpForm.cancel`)}),(0,Y.jsx)(f,{variant:`primary`,onClick:()=>{u({threshold_usd:!0,amount_usd:!0,monthly_cap_usd:!0});let e={threshold_usd:zi(s.threshold_usd),amount_usd:zi(s.amount_usd),monthly_cap_usd:zi(s.monthly_cap_usd)};c(e);let t=Bi(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||n,"data-testid":`auto-top-up-save-button`,children:o(`autoTopUpForm.save`)})]})]})})}var Ui=t(((e,t)=>{t.exports=`SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED`})),Wi=t(((e,t)=>{var n=Ui();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=Wi()()}))(),1);function Gi(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 Ki(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?Gi(Object(n),!0).forEach(function(t){Ji(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Gi(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function qi(e){"@babel/helpers - typeof";return qi=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},qi(e)}function Ji(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function Yi(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 Xi(e,t){if(e==null)return{};var n=Yi(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 Zi(e,t){return Qi(e)||$i(e,t)||ea(e,t)||na()}function Qi(e){if(Array.isArray(e))return e}function $i(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 ea(e,t){if(e){if(typeof e==`string`)return ta(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 ta(e,t)}}function ta(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 na(){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])},ra=function(e){var t=J.useRef(e);return J.useEffect(function(){t.current=e},[e]),t.current},ia=function(e){return e!==null&&qi(e)===`object`},aa=function(e){return ia(e)&&typeof e.then==`function`},oa=function(e){return ia(e)&&typeof e.elements==`function`&&typeof e.createToken==`function`&&typeof e.createPaymentMethod==`function`&&typeof e.confirmCardPayment==`function`},sa=`[object Object]`,ca=function e(t,n){if(!ia(t)||!ia(n))return t===n;var r=Array.isArray(t);if(r!==Array.isArray(n))return!1;var i=Object.prototype.toString.call(t)===sa;if(i!==(Object.prototype.toString.call(n)===sa))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])})},la=function(e,t,n){return ia(e)?Object.keys(e).reduce(function(r,i){var a=!ia(t)||!ca(e[i],t[i]);return n.includes(i)?(a&&console.warn(`Unsupported prop change: options.${i} is not a mutable property.`),r):a?Ki(Ki({},r||{}),{},Ji({},i,e[i])):r},null):null},ua="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.",da=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:ua;if(e===null||oa(e))return e;throw Error(t)},fa=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:ua;if(aa(e))return{tag:`async`,stripePromise:Promise.resolve(e).then(function(e){return da(e,t)})};var n=da(e,t);return n===null?{tag:`empty`}:{tag:`sync`,stripe:n}},pa=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`}))},ma=J.createContext(null);ma.displayName=`ElementsContext`;var ha=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},ga=function(e){var t=e.stripe,n=e.options,r=e.children,i=J.useMemo(function(){return fa(t)},[t]),a=Zi(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=ra(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=ra(n);return J.useEffect(function(){if(o.elements){var e=la(n,l,[`clientSecret`,`fonts`]);e&&o.elements.update(e)}},[n,l,o.elements]),J.useEffect(function(){pa(o.stripe)},[o.stripe]),J.createElement(ma.Provider,{value:o},r)};ga.propTypes={stripe:X.default.any,options:X.default.object};var _a=function(e){return ha(J.useContext(ma),e)},va=function(e){var t=e.children;return t(_a(`mounts <ElementsConsumer>`))};va.propTypes={children:X.default.func.isRequired};var ya=J.createContext(null);ya.displayName=`CheckoutContext`;var ba=function(e){var t=J.useContext(ya),n=J.useContext(ma);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 ha(n,e)},xa=[`mode`],Sa=function(e){return e.charAt(0).toUpperCase()+e.slice(1)},Q=function(e,t,n){var r=`${Sa(e)}Element`,i=t?function(e){ba(`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=ba(`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=Zi(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=Xi(o,xa);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=ra(o);return J.useEffect(function(){if(A.current){var e=la(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`,Ca=J.createContext(null);Ca.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`,$);function wa(e=document.documentElement){let t=getComputedStyle(e),n=e=>t.getPropertyValue(e).trim()||void 0,r=n(`--content-tertiary`);return{text:n(`--content-emphasised`),textSecondary:r,placeholder:n(`--content-faint`),surface:n(`--surface-lift`),field:n(`--surface-base`),accent:n(`--system-info-strong`),danger:n(`--system-negative-strong`),dangerText:n(`--system-negative-on-weak`),icon:r,radius:n(`--radius-lg`)}}var Ta=/^#([\da-f]{3}|[\da-f]{6})$/i,Ea=/^rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)/i;function Da(e){let t=Ta.exec(e)?.[1];if(t){let e=t.length===3?[...t].map(e=>e+e).join(``):t;return[0,2,4].map(t=>parseInt(e.slice(t,t+2),16))}let n=Ea.exec(e);return n?n.slice(1).map(Number):null}function Oa(e,t){let n=Da(e);if(!n)return e;let[r,i,a]=n;return`rgba(${r}, ${i}, ${a}, ${t})`}function ka(e){return e!==void 0&&e!==``}function Aa(e){return Object.fromEntries(Object.entries(e).filter(e=>ka(e[1])))}function ja(e){let t={};for(let[n,r]of Object.entries(e)){let e=Aa(r);Object.keys(e).length>0&&(t[n]=e)}return t}function Ma(e){return ka(e)?`1px solid ${e}`:void 0}function Na(e,t){let n=ka(e.accent)?`0 0 0 3px ${Oa(e.accent,.14)}`:void 0;return{theme:t,labels:`floating`,variables:Aa({fontFamily:`"DM Sans", system-ui, sans-serif`,fontSizeBase:`15px`,fontSizeSm:`11px`,fontWeightMedium:`500`,borderRadius:e.radius,spacingUnit:`4px`,spacingGridRow:`10px`,spacingGridColumn:`10px`,colorText:e.text,colorTextSecondary:e.textSecondary,colorTextPlaceholder:e.placeholder,colorBackground:e.surface,colorPrimary:e.accent,colorDanger:e.danger,colorIcon:e.icon,focusOutline:`none`,focusBoxShadow:n}),rules:ja({".Input":{backgroundColor:e.field,border:`1px solid transparent`,boxShadow:`none`,padding:`9px 14px`,transition:`background-color 120ms, border-color 120ms, box-shadow 120ms`},".Input:focus":{backgroundColor:e.surface,border:Ma(e.accent),boxShadow:n},".Input--invalid":{border:Ma(e.danger),boxShadow:`none`},".Input::placeholder":{color:e.placeholder},".Label":{fontSize:`11px`,fontWeight:`500`,color:e.textSecondary},".Label--invalid":{color:e.danger},".Error":{fontSize:`12.5px`,color:e.dangerText}})}}function Pa(e){return Na(wa(),e===`light`?`stripe`:`night`)}var Fa=`dahlia`,Ia=`https://js.stripe.com`,La=`${Ia}/${Fa}/stripe.js`,Ra=/^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/,za=/^https:\/\/js\.stripe\.com\/(v3|[a-z]+)\/stripe\.js(\?.*)?$/,Ba=`loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used`,Va=function(e){return Ra.test(e)||za.test(e)},Ha=function(){for(var e=document.querySelectorAll(`script[src^="${Ia}"]`),t=0;t<e.length;t++){var n=e[t];if(Va(n.src))return n}return null},Ua=function(e){var t=e&&!e.advancedFraudSignals?`?advancedFraudSignals=false`:``,n=document.createElement(`script`);n.src=`${La}${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},Wa=null,Ga=null,Ka=null,qa=function(e){return function(t){e(Error(`Failed to load Stripe.js`,{cause:t}))}},Ja=function(e,t){return function(){window.Stripe?e(window.Stripe):t(Error(`Stripe.js not available`))}},Ya=function(e){return Wa===null?(Wa=new Promise(function(t,n){if(typeof window>`u`||typeof document>`u`){t(null);return}if(window.Stripe&&e&&console.warn(Ba),window.Stripe){t(window.Stripe);return}try{var r=Ha();if(r&&e)console.warn(Ba);else if(!r)r=Ua(e);else if(r&&Ka!==null&&Ga!==null){var i;r.removeEventListener(`load`,Ka),r.removeEventListener(`error`,Ga),(i=r.parentNode)==null||i.removeChild(r),r=Ua(e)}Ka=Ja(t,n),Ga=qa(n),r.addEventListener(`load`,Ka),r.addEventListener(`error`,Ga)}catch(e){n(e);return}}),Wa.catch(function(e){return Wa=null,Promise.reject(e)})):Wa},Xa,Za=!1,Qa=function(){return Xa||(Xa=Ya(null).catch(function(e){return Xa=null,Promise.reject(e)}),Xa)};Promise.resolve().then(function(){return Qa()}).catch(function(e){Za||console.warn(e)});var $a=null;function eo(){return $a}function to(e){if(!e)return null;let t=e.indexOf(`_secret`);return t<=0?null:e.slice(0,t)}var no=`flex flex-col gap-[10px]`,ro={visa:`Visa`,mastercard:`Mastercard`,amex:`Amex`,discover:`Discover`,diners:`Diners Club`,jcb:`JCB`,unionpay:`UnionPay`};function io(e){let t=e?.toLowerCase();return t&&Object.hasOwn(ro,t)?ro[t]:null}function ao(e,t){return io(t)??e(`paymentMethodRow.savedCard`)}function oo(e,t){return e==null||t==null?null:{month:String(e).padStart(2,`0`),year:String(t).slice(-2)}}function so(e,t,n){let r=oo(t,n);return r===null?null:e(`autoTopUpPaymentMethodModal.cardOnFileExpiry`,r)}function co(e){return e===`submitting`||e===`requires_action`}function lo({open:e,mode:t,state:n,cardOnFile:r=null,savedCard:a=null,autoReloadActive:o=!1,headerless:s=!1,errorMessage:c=null,showTerms:l=!1,submitDisabled:u=!1,onClose:d,onSubmit:p,children:m}){let{t:h}=K(`settings`),g=co(n),_=t===`replace`,v=n===`saved`,y=v&&s,b=y?{"aria-describedby":void 0}:{},x=_?uo(h,v?null:r):h(`autoTopUpPaymentMethodModal.addSubtitle`);return(0,Y.jsx)(C.Root,{open:e,onOpenChange:e=>{!e&&!g&&d()},children:(0,Y.jsxs)(C.Content,{size:`sm`,className:`max-w-[420px] overflow-hidden rounded-xl p-0`,hideCloseButton:!0,dismissOnOverlayClick:!g,onEscapeKeyDown:g?e=>e.preventDefault():void 0,onInteractOutside:g?e=>e.preventDefault():void 0,...b,children:[(0,Y.jsxs)(`div`,{className:`flex items-start justify-between gap-4 px-6 pt-6 pb-[18px]`,children:[(0,Y.jsx)(`div`,{className:`min-w-0`,children:y?(0,Y.jsx)(C.Title,{className:`sr-only`,children:fo(h,a)}):(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(C.Title,{className:`text-[18px] font-semibold tracking-[-0.02em] text-[var(--content-emphasised)]`,children:h(_?`autoTopUpPaymentMethodModal.replaceTitle`:`autoTopUpPaymentMethodModal.addTitle`)}),(0,Y.jsx)(C.Description,{className:`mt-[5px] text-[13px] leading-normal text-[var(--content-tertiary)]`,children:x})]})}),(0,Y.jsx)(C.Close,{asChild:!0,children:(0,Y.jsx)(`button`,{type:`button`,"data-testid":`payment-method-modal-close`,"aria-label":h(`autoTopUpPaymentMethodModal.close`),disabled:g,className:`flex h-7 w-7 shrink-0 cursor-pointer items-center justify-center rounded-md text-[var(--content-tertiary)] hover:bg-[var(--surface-hover)] hover:text-[var(--content-emphasised)] disabled:cursor-not-allowed disabled:opacity-45`,children:(0,Y.jsx)(Tt,{size:17})})})]}),(0,Y.jsxs)(`form`,{id:`payment-method-modal-form`,className:`flex min-h-0 flex-1 flex-col`,onSubmit:e=>{e.preventDefault(),p?.()},children:[(0,Y.jsxs)(C.Body,{className:i(`flex flex-col gap-[14px] px-6`,v?`pb-[22px]`:`pb-0`),children:[v?null:(0,Y.jsx)(`div`,{"data-testid":`payment-method-modal-fields`,"aria-busy":g,className:i(no,g&&`pointer-events-none opacity-45`),children:m}),c?(0,Y.jsxs)(`div`,{"data-testid":`auto-top-up-pm-modal-confirm-error`,className:`flex items-start gap-2`,children:[(0,Y.jsx)(`span`,{"aria-hidden":!0,className:`mt-[6px] h-[5px] w-[5px] shrink-0 rounded-full bg-[var(--system-negative-strong)]`}),(0,Y.jsx)(`p`,{className:`text-[12.5px] leading-normal text-[var(--system-negative-on-weak)]`,children:c})]}):null,n===`requires_action`?(0,Y.jsxs)(`div`,{"data-testid":`payment-method-modal-status-row`,className:`flex items-center gap-[10px] rounded-lg bg-[var(--surface-base)] px-[13px] py-3`,children:[(0,Y.jsx)(St,{"aria-hidden":!0,size:14,className:`shrink-0 animate-spin text-[var(--system-info-strong)]`}),(0,Y.jsx)(`span`,{className:`text-[13px] text-[var(--content-secondary)]`,children:h(`autoTopUpPaymentMethodModal.confirmingWithBank`)})]}):v?(0,Y.jsx)(po,{card:a,autoReloadActive:o}):l?(0,Y.jsx)(`p`,{"data-testid":`payment-method-modal-terms`,className:`mt-1.5 text-[11.5px] leading-[1.55] text-[var(--content-quiet)]`,children:h(_?`autoTopUpPaymentMethodModal.termsReplace`:`autoTopUpPaymentMethodModal.termsAdd`)}):null]}),v?null:(0,Y.jsxs)(C.Footer,{className:`flex flex-col gap-1 px-6 pt-[18px] pb-[22px]`,children:[(0,Y.jsx)(f,{variant:`primary`,fullWidth:!0,type:`submit`,"data-testid":`auto-top-up-pm-save-button`,className:`h-auto rounded-lg py-[14px] text-[14.5px] font-semibold`,disabled:u||g,loading:g,children:h(g?`autoTopUpPaymentMethodModal.primarySubmitting`:_?`autoTopUpPaymentMethodModal.primaryReplace`:`autoTopUpPaymentMethodModal.primaryAdd`)}),(0,Y.jsx)(f,{variant:`ghost`,fullWidth:!0,type:`button`,className:`h-auto rounded-md py-[10px] text-[13.5px] font-medium [--vbtn-fg:var(--content-tertiary)] hover:[--vbtn-fg:var(--content-emphasised)]`,onClick:d,disabled:g,children:h(`autoTopUpPaymentMethodModal.cancel`)})]})]})]})})}function uo(e,t){let n=io(t?.brand),r=t?.last4;if(!n&&!r)return e(`autoTopUpPaymentMethodModal.replaceSubtitle`);let i=oo(t?.expMonth,t?.expYear);return r?n?i?e(`autoTopUpPaymentMethodModal.replaceSubtitleCardExpiry`,{brand:n,last4:r,...i}):e(`autoTopUpPaymentMethodModal.replaceSubtitleCard`,{brand:n,last4:r}):i?e(`autoTopUpPaymentMethodModal.replaceSubtitleCardNoBrandExpiry`,{last4:r,...i}):e(`autoTopUpPaymentMethodModal.replaceSubtitleCardNoBrand`,{last4:r}):i?e(`autoTopUpPaymentMethodModal.replaceSubtitleCardNoLast4Expiry`,{brand:n,...i}):e(`autoTopUpPaymentMethodModal.replaceSubtitleCardNoLast4`,{brand:n})}function fo(e,t){let n=io(t?.brand),r=t?.last4;return r?n?e(`autoTopUpPaymentMethodModal.savedTitle`,{brand:n,last4:r}):e(`autoTopUpPaymentMethodModal.savedTitleNoBrand`,{last4:r}):e(`autoTopUpPaymentMethodModal.savedTitleGeneric`)}function po({card:e,autoReloadActive:t}){let{t:n}=K(`settings`);return(0,Y.jsxs)(`div`,{"data-testid":`payment-method-modal-saved`,className:`flex items-center gap-[11px] rounded-lg bg-[var(--system-positive-weak)] p-[13px]`,children:[(0,Y.jsx)(`span`,{"aria-hidden":!0,className:`flex h-[22px] w-[22px] shrink-0 items-center justify-center rounded-full bg-[var(--system-positive-strong)] text-[12px] text-white`,children:`✓`}),(0,Y.jsxs)(`div`,{className:`min-w-0`,children:[(0,Y.jsx)(`p`,{className:`text-[13.5px] font-medium text-[var(--system-positive-on-weak)]`,children:fo(n,e)}),t?(0,Y.jsx)(`p`,{className:`mt-px text-[12px] text-[var(--system-positive-on-weak)]`,children:n(`autoTopUpPaymentMethodModal.savedSubtitle`)}):null]})]})}var mo=1500;function ho(e){return _n({open:e.open,path:Se.settings.usageBilling,onClose:e.onClose})?null:(0,Y.jsx)(go,{...e})}function go({open:e,onClose:t,mode:n=`add`,cardOnFile:r=null,billingAddress:i=null,initialOutcome:a=null,onSavedOptimistic:o}){let{t:s}=K(`settings`),c=ot(m()),{mutate:l,reset:u}=c,d=a?.kind===`saved`,[f,p]=(0,J.useState)(d?`saved`:`idle`),[h,g]=(0,J.useState)(a?.kind===`error`?a.message:null),[_,v]=(0,J.useState)(a?.kind===`saved`?a.card:null),[y,b]=(0,J.useState)(!1),x=(0,J.useRef)(null),S=(0,J.useRef)(null),C=(0,J.useRef)(!0),w=(0,J.useRef)(null),T=(0,J.useRef)(a);(0,J.useEffect)(()=>{T.current=a},[a]);let E=(0,J.useRef)(t);(0,J.useEffect)(()=>{E.current=t},[t]),(0,J.useEffect)(()=>(C.current=!0,()=>{C.current=!1,_o(x),_o(S)}),[]);let D=(0,J.useCallback)(()=>{_o(S),S.current=setTimeout(()=>{E.current()},900)},[]);(0,J.useEffect)(()=>{_o(x),_o(S);let t=e?T.current:null,n=t?.kind===`saved`?t:null;p(n?`saved`:`idle`),g(t?.kind===`error`?t.message:null),v(n?.card??null),b(!1),n&&D()},[e,D]),(0,J.useEffect)(()=>{if(!e){u();return}},[e,d,l,u]);let O=c.data?.client_secret??null,[k,A]=(0,J.useState)(!1),[j,M]=(0,J.useState)(null);(0,J.useEffect)(()=>{A(!1),M(null)},[e,O]),(0,J.useCallback)(e=>{M(e),b(!1)},[]);let N=Je();return(0,J.useMemo)(()=>Pa(N),[N]),(0,J.useCallback)(e=>{w.current=e},[]),(0,J.useCallback)(async e=>{p(`submitting`),g(null),x.current=setTimeout(()=>{p(e=>e===`submitting`?`requires_action`:e)},mo);try{let t=await e();if(_o(x),!C.current)return;if(t.error){p(`error`),g(t.error.code===`card_declined`?s(`autoTopUpPaymentMethodModal.declined`):t.error.message??s(`autoTopUpPaymentMethodModal.confirmFailed`));return}let n=await o({setupIntentId:to(O)});if(!C.current)return;v(n??null),p(`saved`),D()}catch{if(!C.current)return;p(`error`),g(s(`autoTopUpPaymentMethodModal.confirmFailed`))}finally{_o(x)}},[O,o,D,s]),(0,Y.jsx)(lo,{open:e,mode:n,state:f,cardOnFile:n===`replace`?r:null,savedCard:_,autoReloadActive:_?.autoReloadEnabled??!1,headerless:d,errorMessage:h,showTerms:!1,submitDisabled:!y,onClose:t,onSubmit:()=>{w.current?.()},children:(0,Y.jsx)(vo,{})})}function _o(e){e.current!==null&&(clearTimeout(e.current),e.current=null)}function vo(){let{t:e}=K(`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)(H,{tone:`error`,children:e(`autoTopUpPaymentMethodModal.unavailable`)})}function yo(e){return e==null||!e.has_payment_method?[]:[{id:`primary`,brand:e.payment_method_brand,last4:e.payment_method_last4,expMonth:e.payment_method_exp_month??null,expYear:e.payment_method_exp_year??null}]}function bo(e){let[t]=e;return t==null?{mode:`add`,cardOnFile:null}:{mode:`replace`,cardOnFile:{brand:t.brand,last4:t.last4,expMonth:t.expMonth,expYear:t.expYear}}}var xo=1500,So=2e4;function Co(e){let[t]=yo(e);return t==null?null:{brand:t.brand,last4:t.last4,autoReloadEnabled:e?.enabled===!0}}function wo(){let e=q();return async()=>{let t=ee(),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&&te(e,void 0,{...n,has_payment_method:!0})};r();let i=e.getQueryCache().subscribe(e=>{e.type===`updated`&&e.query.queryHash===st(t)&&r()});try{let t=Date.now();for(;Date.now()-t<So;){try{let{data:t}=await oe();if(t!=null&&t.has_payment_method&&t.stripe_payment_method_updated_at!==n)return te(e,void 0,t),Co(t)}catch{}await new Promise(e=>setTimeout(e,xo))}}finally{i()}return null}}function To(){let e=q(),t=wo(),{mutateAsync:n}=ot(Ae());return async({setupIntentId:r})=>{if(r!=null)try{let t=await n({body:{setup_intent_id:r}});return await e.cancelQueries({queryKey:ee()}),te(e,void 0,t),Co(t)}catch{}return t()}}var Eo=a(it()((e,t)=>({pending:!1,outcome:null,scopeKey:null,generation:0,beginResolving:()=>{let n=t().generation+1;return e({pending:!0,outcome:null,scopeKey:null,generation:n}),n},settleOutcome:(n,r,i)=>{i===t().generation&&e({pending:!1,outcome:n,scopeKey:r})},discardResolution:n=>{n===t().generation&&e({pending:!1,outcome:null,scopeKey:null})},abandonResolution:n=>{n===t().generation&&e({pending:!1,outcome:null,scopeKey:null,generation:n+1})},clearOutcome:()=>e({outcome:null,scopeKey:null})})));function Do(e){if(!e)return``;let t=parseFloat(e);return Number.isFinite(t)?String(Math.trunc(t)):``}var Oo={enabled:!1,threshold_usd:null,amount_usd:null,monthly_cap_usd:null,has_payment_method:!1,payment_method_brand:null,payment_method_last4:null,payment_method_exp_month:null,payment_method_exp_year:null,billing_address: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 ko(e){return{payment_method_brand:e?.payment_method_brand??null,payment_method_last4:e?.payment_method_last4??null,payment_method_exp_month:e?.payment_method_exp_month??null,payment_method_exp_year:e?.payment_method_exp_year??null,billing_address:e?.billing_address??null}}function Ao({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 jo(){let{t:e}=K(`settings`),t=q(),n=et(),r=G(rt()),i=ot(S()),a=ot(M()),o=To(),s=Eo.use.pending(),l=Ee(),[u,d]=ct(),p=(0,J.useRef)(null),[m,h]=(0,J.useState)(`view`),[g,_]=(0,J.useState)(!1),[y,b]=(0,J.useState)(!1),[x,C]=(0,J.useState)(!1),[w,T]=(0,J.useState)(!1),[E,D]=(0,J.useState)(null),[O,k]=(0,J.useState)(null),A=(0,J.useRef)(!1),j=n.data?.has_payment_method===!0;(0,J.useEffect)(()=>{A.current&&!j&&(C(!1),h(`view`),_(!1)),A.current=j},[j]);let N=()=>{if(l){vn(Se.settings.usageBillingConfigureTopUps);return}i.reset(),a.reset(),h(`form`)},P=e=>{if(l){vn(Se.settings.usageBillingConfigureTopUps);return}if(_(!0),!e.has_payment_method||e.disabled_due_to_repeated_failures===!0){C(!0),T(!1);return}C(!1),N()},ne=n.data?.has_payment_method===!0,F=n.data?.enabled===!0,I=n.data?.disabled_due_to_repeated_failures===!0;(0,J.useEffect)(()=>{x&&ne&&!I&&(C(!1),g&&!F&&N())},[x,g,ne,F,I]);let L=u.get(`configure_top_up`)===`1`;if((0,J.useEffect)(()=>{if(!L||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?N():P(t);let r=typeof window<`u`&&window.matchMedia?.(`(prefers-reduced-motion: reduce)`).matches===!0;p.current?.scrollIntoView({behavior:r?`auto`:`smooth`,block:`center`})},[L,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)(H,{tone:`error`,children:e(`autoTopUpCard.loadError`)})});let R=n.data,z=R.enabled===!0,re=R.disabled_due_to_repeated_failures===!0&&!z,ie=()=>{h(`view`),_(!1)},ae=()=>{D(bo(yo(R)))},oe=()=>{a.reset(),b(!1)},se=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=>{te(t,void 0,t=>({...e,...ko(t)})),t.invalidateQueries({queryKey:ee()}),z||(t.invalidateQueries({queryKey:c()}),t.invalidateQueries({queryKey:_e()})),ie()}})},B=r.data==null||r.isError||r.isFetching,ce=r.isError,le=e=>{let t=B?null:r.data;if(t!=null){if(t.daily_credit_limit_usd==null){k(e);return}se(e)}},ue=()=>{let e=O;k(null),e!=null&&se(e)},de=()=>{a.mutate({},{onSuccess:()=>{te(t,void 0,e=>({...Oo,...ko(e),has_payment_method:e?.has_payment_method??!1,stripe_payment_method_updated_at:e?.stripe_payment_method_updated_at??null})),b(!1),h(`view`),_(!1)}})},fe=()=>{if(k(null),z){de();return}ie()},pe=e=>{if(e&&!z){P(R);return}if(!e&&!z&&g){C(!1),ie();return}!e&&z&&b(!0)},me=async e=>{let t=await o(e);return C(!1),g&&N(),t},he=m===`form`,ge=Fi(i.error),ve=i.isError&&Object.keys(ge).length===0,ye=z||g;return(0,Y.jsxs)(`div`,{ref:p,"data-testid":`auto-top-up-card`,children:[(0,Y.jsx)(`div`,{className:`flex items-center justify-between gap-4`,children:(0,Y.jsx)(Ke,{checked:ye,onChange:pe,label:e(`autoTopUpCard.toggleLabel`),helperText:ye?e(`autoTopUpCard.toggleHelper`):void 0})}),z&&!he&&(0,Y.jsxs)(`div`,{className:`mt-3 flex w-full items-center gap-2`,children:[(0,Y.jsxs)(Ao,{testId:`auto-top-up-summary`,children:[(0,Y.jsx)(Et,{className:`h-3.5 w-3.5 shrink-0 text-[var(--content-default)]`,"aria-hidden":`true`}),(0,Y.jsx)(V,{variant:`body-medium-default`,className:`truncate text-[var(--content-default)]`,children:e(`autoTopUpCard.summary`,{amount:v(R.amount_usd),threshold:v(R.threshold_usd)})})]}),R.monthly_cap_usd!=null&&(0,Y.jsx)(Ao,{testId:`auto-top-up-cap-progress`,children:(0,Y.jsxs)(V,{variant:`body-medium-default`,className:`truncate text-[var(--content-default)]`,children:[(0,Y.jsx)(`span`,{children:v(R.current_month_credits_purchased_usd)}),(0,Y.jsx)(`span`,{className:`text-[var(--content-tertiary)]`,children:e(`autoTopUpCard.capProgress`,{cap:v(R.monthly_cap_usd)})})]})}),(0,Y.jsx)(f,{variant:`outlined`,onClick:N,"data-testid":`auto-top-up-edit-button`,className:`shrink-0`,children:e(`autoTopUpCard.adjust`)})]}),re&&(0,Y.jsx)(H,{tone:`warning`,className:`mt-3`,"data-testid":`auto-top-up-declined-cutoff`,actions:(0,Y.jsx)(f,{variant:`outlined`,onClick:ae,disabled:s,"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:x&&!re?`1fr`:`0fr`},children:(0,Y.jsx)(`div`,{className:`overflow-hidden`,children:(0,Y.jsxs)(`div`,{className:`mt-3 flex flex-col gap-3`,children:[!w&&(0,Y.jsxs)(`div`,{className:`flex h-8 items-center justify-between gap-3 rounded-md 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)(wt,{className:`h-4 w-4 shrink-0 text-[var(--system-mid-strong)]`,"aria-hidden":`true`}),(0,Y.jsx)(V,{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)(Tt,{className:`h-2.5 w-2.5`,strokeWidth:2,"aria-hidden":`true`})})]}),(0,Y.jsx)(f,{variant:`primary`,onClick:ae,disabled:s,"data-testid":`auto-top-up-add-pm-button`,className:`self-start`,children:e(`autoTopUpCard.addCreditCard`)})]})})}),ve&&(0,Y.jsx)(H,{tone:`error`,className:`mt-4`,"data-testid":`auto-top-up-update-error`,children:e(`autoTopUpCard.updateError`)}),a.isError&&(0,Y.jsx)(H,{tone:`error`,className:`mt-4`,"data-testid":`auto-top-up-disable-error`,children:e(`autoTopUpCard.disableError`)}),he&&ce&&(0,Y.jsx)(H,{tone:`error`,className:`mt-4`,"data-testid":`auto-top-up-daily-limit-lookup-error`,actions:(0,Y.jsx)(f,{variant:`outlined`,size:`compact`,onClick:()=>void r.refetch(),disabled:r.isFetching,"data-testid":`auto-top-up-daily-limit-retry-button`,children:e(`autoTopUpCard.retry`)}),children:e(`autoTopUpCard.dailyLimitLookupError`)}),he&&(0,Y.jsx)(Hi,{initialValues:z?{threshold_usd:Do(R.threshold_usd),amount_usd:Do(R.amount_usd),monthly_cap_usd:Do(R.monthly_cap_usd)}:void 0,submitting:i.isPending||a.isPending,saveDisabled:B,serverErrors:ge,onCancel:ie,onSave:le}),O!=null&&(0,Y.jsx)(Ii,{onSaved:ue,onCancel:fe}),(0,Y.jsx)(Li,{open:y,confirming:a.isPending,onCancel:oe,onConfirm:de}),(0,Y.jsx)(ho,{open:E!=null,onClose:()=>D(null),mode:E?.mode??`add`,cardOnFile:E?.cardOnFile??null,billingAddress:R.billing_address??null,onSavedOptimistic:me})]})}function Mo({title:e,subtitle:t,actions:n}){return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between sm:gap-4`,children:[(0,Y.jsxs)(`div`,{className:`min-w-0`,children:[(0,Y.jsx)(V,{as:`h2`,variant:`title-medium`,className:`text-[var(--content-emphasised)]`,children:e}),t!=null&&(0,Y.jsx)(V,{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 No(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 Po=`daily-credit-limit`;function Fo(){let{t:e}=K(`settings`),t=G(rt()),n=G(De()),r=et(),i=Pi(),a=F();No(Po,!t.isLoading&&!n.isLoading);let[o,s]=(0,J.useState)(null),[c,l]=(0,J.useState)(!1),[u,d]=(0,J.useState)(!1);if(t.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(t.isError||!t.data)return(0,Y.jsx)(`div`,{"data-testid":`daily-credit-limit-card`,children:(0,Y.jsx)(H,{tone:`error`,children:e(`dailyCreditLimitCard.loadError`)})});let m=t.data,h=m.daily_credit_limit_usd!=null,g=h||u,_=o??m.daily_credit_limit_usd??``,v=Mi(_),y=n.data,b=y?.daily_spend_usd??m.current_day_spent_usd,x=y?.daily_limit_reached===!0,S=m.daily_limit_snoozed===!0||y?.daily_limit_snoozed===!0,C=D(),w=r.data?.enabled===!0&&!r.isError,T=e=>{s(e.target.value)},E=e=>{i.mutate({body:{daily_credit_limit_usd:e}},{onSuccess:()=>{s(null),l(!1),e===null&&d(!1)}})},O=e=>{if(e){d(!0);return}h&&w||(d(!1),s(null),l(!1),h&&E(null))},k=()=>{l(!0),!v&&E(parseFloat(_.trim()).toFixed(2))},A=Fi(i.error).daily_credit_limit_usd??(i.isError?e(`dailyCreditLimitCard.saveError`):void 0),j=c?v: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)(Ke,{checked:g,onChange:O,disabled:i.isPending||h&&w,label:e(`dailyCreditLimitCard.toggleLabel`),helperText:g?e(`dailyCreditLimitCard.toggleSubtitle`):void 0}),w&&(0,Y.jsx)(`p`,{className:`text-body-small-lighter text-[var(--content-tertiary)]`,"data-testid":`daily-credit-limit-required-note`,children:e(`dailyCreditLimitCard.requiredNote`)}),g&&(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-start gap-2`,children:[(0,Y.jsx)(`div`,{className:`w-60 max-w-full`,children:(0,Y.jsx)(Ni,{value:_,onChange:T,onBlur:()=>l(!0),errorText:j,"data-testid":`daily-credit-limit-input`})}),(0,Y.jsx)(`div`,{className:`flex shrink-0 items-center gap-2 pt-[20px]`,children:(0,Y.jsx)(f,{variant:`primary`,onClick:k,disabled:i.isPending,"data-testid":`daily-credit-limit-save-button`,children:e(`dailyCreditLimitCard.save`)})})]}),h&&m.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:p(b),limit:p(m.daily_credit_limit_usd)})}),S&&(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(H,{tone:`info`,"data-testid":`daily-credit-limit-skipped`,actions:(0,Y.jsx)(f,{variant:`outlined`,size:`compact`,onClick:()=>a.mutate({}),disabled:a.isPending,"data-testid":`daily-credit-limit-resume-button`,children:e(`dailyCreditLimitCard.resumeNow`)}),children:e(`dailyCreditLimitCard.skippedNotice`,{time:C})}),a.isError&&(0,Y.jsx)(H,{tone:`error`,"data-testid":`daily-credit-limit-resume-error`,children:e(`dailyCreditLimitCard.resumeError`)})]}),x&&(0,Y.jsx)(H,{tone:`warning`,"data-testid":`daily-credit-limit-reached`,children:e(`dailyCreditLimitCard.reachedNotice`,{time:C})})]})]}),A!=null&&(0,Y.jsx)(H,{tone:`error`,className:`mt-4`,"data-testid":`daily-credit-limit-update-error`,children:A})]})}function Io(e){if(e.trim()===``)return;let t=parseFloat(e);if(!Number.isFinite(t)||t<1||t>1e3)return W(`settings:lowBalanceAlertCard.errorRange`);if(!/^\d+(\.\d{1,2})?$/.test(e.trim()))return W(`settings:lowBalanceAlertCard.errorDecimals`)}function Lo(){let{t:e}=K(`settings`),t=q(),n=G(le()),r=ot(He()),[i,a]=(0,J.useState)(null),[o,s]=(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)(H,{tone:`error`,children:e(`lowBalanceAlertCard.loadError`)})});let c=n.data,l=i??c.threshold_usd??``,u=Io(l),d=e=>{a(e.target.value)},m=e=>{r.mutate({body:{threshold_usd:e}},{onSuccess:e=>{E(t,void 0,e),t.invalidateQueries({queryKey:h()}),a(null),s(!1)}})},g=()=>{if(s(!0),u)return;let e=l.trim();m(e===``?null:parseFloat(e).toFixed(2))},_=()=>{a(``),s(!1),m(null)},v=r.isError,y=o?u: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-2`,children:[(0,Y.jsx)(`div`,{className:`w-60 max-w-full`,children:(0,Y.jsx)(Fe,{type:`number`,step:`0.01`,label:e(`lowBalanceAlertCard.label`),helperText:e(`lowBalanceAlertCard.helperText`,{amount:p(c.default_threshold_usd)}),placeholder:c.effective_threshold_usd,value:l,onChange:d,onBlur:()=>s(!0),errorText:y,"data-testid":`low-balance-alert-input`,fullWidth:!0})}),(0,Y.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2 pt-[20px]`,children:[c.threshold_usd!=null&&(0,Y.jsx)(f,{variant:`outlined`,onClick:_,disabled:r.isPending,"data-testid":`low-balance-alert-reset-button`,children:e(`lowBalanceAlertCard.reset`)}),(0,Y.jsx)(f,{variant:`primary`,onClick:g,disabled:r.isPending,"data-testid":`low-balance-alert-save-button`,children:e(`lowBalanceAlertCard.save`)})]})]}),v&&(0,Y.jsx)(H,{tone:`error`,className:`mt-4`,"data-testid":`low-balance-alert-update-error`,children:e(`lowBalanceAlertCard.saveError`)})]})}var Ro=2e3;function zo(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 Bo(){let{t:e}=K(`settings`),t=q(),{data:n,isLoading:r,isError:i}=G(De()),a=n??null,[o,s]=(0,J.useState)(!1),[c,l]=(0,J.useState)(!1),[u,p]=(0,J.useState)(!1),m=(0,J.useRef)(0),h=(0,J.useRef)(null),g=Qe({onSuccess:()=>{t.invalidateQueries({queryKey:_e()})},onError:()=>{m.current<3&&(h.current=setTimeout(()=>{g.reset()},Ro))}});(0,J.useEffect)(()=>()=>{h.current&&clearTimeout(h.current)},[]);let _=g.mutate;(0,J.useEffect)(()=>{a&&a.settled_balance===`0.00`&&a.pending_compute===`0.00`&&a.effective_balance===`0.00`&&m.current<3&&!g.isPending&&!g.isError&&!g.isSuccess&&(m.current+=1,_({}))},[a,g.isPending,g.isError,g.isSuccess,_]);let v=(0,Y.jsx)(Mo,{title:e(`billingPanel.title`),subtitle:e(`billingPanel.subtitle`),actions:(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(f,{variant:`outlined`,leftIcon:(0,Y.jsx)(Et,{className:`h-4 w-4`,"aria-hidden":!0}),onClick:()=>l(!0),"data-testid":`earn-credits-button`,children:e(`billingPanel.earnCreditsButton`)}),(0,Y.jsx)(f,{variant:`primary`,onClick:()=>s(!0),disabled:r||!a,"data-testid":`add-credits-button`,children:e(`billingPanel.addCreditsButton`)})]})});return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(Ne,{padding:`md`,children:[v,r?(0,Y.jsxs)(`div`,{className:`mt-4 flex items-center gap-2 text-body-medium-lighter text-[var(--content-tertiary)]`,children:[(0,Y.jsx)(St,{className:`h-4 w-4 animate-spin`}),e(`billingPanel.loading`)]}):i?(0,Y.jsx)(`div`,{className:`mt-4`,children:(0,Y.jsx)(H,{tone:`error`,children:e(`billingPanel.loadError`)})}):a?(0,Y.jsxs)(Y.Fragment,{children:[(()=>{if(!a)return null;let t=d(a.effective_balance,a.available_usage_balance),n=parseFloat(t)<0,r=zo(t),i=r.startsWith(`-`)?`-$${r.slice(1)}`:`$${r}`;return(0,Y.jsx)(`div`,{className:`mt-4`,children:(0,Y.jsx)(N,{icon:(0,Y.jsx)(Et,{className:`h-4 w-4`,"aria-hidden":!0}),value:(0,Y.jsx)(`span`,{"data-testid":`effective-balance`,children:i}),label:e(`billingPanel.balanceLabel`),tone:n?`negative`:`default`})})})(),a.is_degraded&&(0,Y.jsx)(`div`,{className:`mt-4`,children:(0,Y.jsx)(H,{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)(jo,{})}),(0,Y.jsx)(`div`,{id:Po,className:`mt-6 scroll-mt-4 border-t border-[var(--border-subtle)] pt-6`,children:(0,Y.jsx)(Fo,{})}),(0,Y.jsx)(`div`,{className:`mt-6 border-t border-[var(--border-subtle)] pt-6`,children:(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,Y.jsx)(Ke,{checked:u,onChange:p,label:e(`billingPanel.lowBalanceToggle`)}),u&&(0,Y.jsx)(Lo,{})]})})]}),(0,Y.jsx)(bn,{open:o,onOpenChange:s}),(0,Y.jsx)(xn,{open:c,onOpenChange:l})]})}var Vo=1e3,Ho=15e3,Uo=3e3,Wo=45e3,Go=`billing-portal-return`;function Ko(e,t){if(!e)return{kind:`info`,message:W(`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:W(`settings:billingPortalReturnHandler.proCanceled`,{date:t.cancel_at?an(t.cancel_at):W(`settings:billingPortalReturnHandler.endOfBillingPeriod`)})}:n&&!r?{kind:`success`,message:W(`settings:billingPortalReturnHandler.proReactivated`)}:{kind:`info`,message:W(`settings:billingPortalReturnHandler.subscriptionUpdated`)}}function qo(){let[e]=ct(),t=ut(),n=q(),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=Zt(),o=qe(),s=Ie(),c=Date.now();async function l(){await n.invalidateQueries({queryKey:s});let e=await n.fetchQuery(o);return{cancel_at_period_end:e.cancel_at_period_end,cancel_at:e.cancel_at}}async function u(){let e=await l();for(;!i.current&&a&&e.cancel_at_period_end===a.cancel_at_period_end&&e.cancel_at===a.cancel_at&&Date.now()-c<Ho&&(await new Promise(e=>setTimeout(e,Vo)),!i.current);)e=await l();return e}return(async()=>{try{let e=await u();if(i.current)return;let{kind:t,message:n}=Ko(a,e);t===`success`?U.success(n,{id:Go}):U.info(n,{id:Go})}catch{if(i.current)return;U.info(W(`settings:billingPortalReturnHandler.subscriptionUpdated`),{id:Go})}finally{if(!i.current){Xt(),t(Se.settings.usageBilling,{replace:!0});let e=Date.now();r.current!==null&&clearInterval(r.current),r.current=setInterval(()=>{if(Date.now()-e>=Wo){r.current!==null&&(clearInterval(r.current),r.current=null);return}l().catch(e=>{console.error(`billing poll error:`,e)})},Uo)}}})(),()=>{i.current=!0}},[e,t,n]),null}var Jo=[7,30,90];function Yo(e,t=we()){let{fromDate:n,toDate:r}=En(e,t);return{from:n,to:r}}function Xo({value:e,onChange:t}){let{t:n}=K(),r=Jo.find(t=>t===e)??30;return(0,Y.jsx)(ce,{options:Jo.map(e=>({value:`${e}`,label:n(`dateRangeSelect.lastDays`,{days:e})})),value:`${r}`,onChange:e=>t(Number(e)),"aria-label":n(`dateRangeSelect.ariaLabel`)})}var Zo={strokeDasharray:`3 3`,stroke:`var(--border-subtle)`,strokeOpacity:.4},Qo={fontSize:12,fill:`var(--content-tertiary)`},$o={stroke:`var(--border-subtle)`,strokeOpacity:.4},es=[`#3b82f6`,`#10b981`,`#f59e0b`,`#ef4444`,`#8b5cf6`,`#06b6d4`,`#ec4899`,`#84cc16`];function ts({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 ns({active:e,payload:t,hoveredKey:n,label:r,labelMap:i,colorMap:a,formatValue:o,showTotal:s,formatLabel:c}){let{t:l}=K();if(!e||!t?.length)return null;let u=t.filter(e=>e.value!=null&&e.dataKey!=null).map(e=>({key:String(e.dataKey),label:i[String(e.dataKey)]??String(e.dataKey),value:o(Number(e.value)),color:a[String(e.dataKey)]??`#6b7280`,numericValue:Number(e.value)})).sort((e,t)=>e.numericValue===t.numericValue?e.label.localeCompare(t.label):t.numericValue-e.numericValue),d=n?u.find(e=>e.key===n):null,f=d?u.filter(e=>e.key!==n):u,p=u.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:(c??Tn)(String(r))}),d&&(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(ts,{item:d}),f.length>0&&(0,Y.jsx)(`div`,{className:`my-1.5 border-t border-[var(--border-subtle)]`})]}),f.map(e=>(0,Y.jsx)(ts,{item:e},e.key)),s&&(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:l(`stackedBarTooltip.total`,{value:o(p)})})})]})}function rs(e,t){let[n,r]=e,[i,a]=t,o=r-n||1;return e=>i+(e-n)/o*(a-i)}function is(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 as(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 os(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:is(n/r)*r}function ss(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 cs(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 ls(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 us=40,ds={fontSize:11,fill:`var(--content-tertiary)`},fs={runtime_proxy_api:`#3b82f6`,oauth_proxy:`#f59e0b`};function ps(e,t){return fs[e]??es[t%es.length]??`#6b7280`}function ms(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 hs({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:ps(e,n)}}),(0,Y.jsx)(`span`,{className:`text-[var(--content-quiet)]`,children:t[e]??e})]},e))})}var gs=350,_s={top:8,right:4,bottom:32,left:0},vs=.2,ys=5,bs=12,xs=200;function Ss({buckets:e,metric:t,onBarClick:n}){let{t:r}=K(`settings`),i=l(),a=(0,J.useRef)(null),[o,s]=(0,J.useState)(0);(0,J.useEffect)(()=>{let e=a.current;if(!e)return;let t=new ResizeObserver(([e])=>{e&&s(e.contentRect.width)});return t.observe(e),()=>t.disconnect()},[]);let{data:c,stackKeys:u,labelMap:d}=(0,J.useMemo)(()=>ms(e,t),[e,t]),f=(0,J.useMemo)(()=>{let e={};for(let t=0;t<u.length;t++)e[u[t]]=ps(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?us:56,_=i?ds:Qo,v=_s.left+g,y=Math.max(0,o-v-_s.right),b=_s.top,x=gs-_s.top-_s.bottom,S=(0,J.useMemo)(()=>c.map(e=>u.reduce((t,n)=>t+(Number(e[n])||0),0)),[c,u]),C=t===`events`,w=(0,J.useMemo)(()=>os(S,{integerOnly:C,tickCount:ys}),[S,C]),T=(0,J.useMemo)(()=>ss(w,ys),[w]),E=(0,J.useCallback)(e=>{if(t===`spend`){if(e===0)return`$0`;let t=w/ys,n=Math.max(t<1?2:0,as(t));return`$${e.toLocaleString(`en-US`,{minimumFractionDigits:n,maximumFractionDigits:n})}`}return e.toLocaleString(`en-US`)},[t,w]),D=(0,J.useMemo)(()=>rs([0,w],[b+x,b]),[w,b,x]),O=c.length,k=O>0?y/O:0,A=k*(1-vs),j=(k-A)/2,M=(0,J.useMemo)(()=>ls(O,i),[O,i]),N=u.length===0,P=N?[]:c.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:ps(t,i),isLast:l}})}}),ee=(e,t,n)=>{let r=a.current?.getBoundingClientRect();r&&h({x:e.clientX-r.left,y:e.clientY-r.top,datumIndex:t,hoveredKey:n})},te=()=>h(null),ne=e=>{n&&n(e)},F=m?u.filter(e=>(Number(c[m.datumIndex]?.[e])||0)>0).map(e=>({dataKey:e,value:Number(c[m.datumIndex]?.[e])||0})):[],I={left:m?Math.max(0,Math.min(m.x+bs,o-xs)):0,top:m?m.y-bs:0,visibility:m?`visible`:`hidden`};return(0,Y.jsxs)(`div`,{onMouseDown:e=>e.preventDefault(),children:[(0,Y.jsx)(`div`,{ref:a,className:`relative w-full`,style:{height:gs},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`)}):o>0?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(`svg`,{width:o,height:gs,className:`block`,children:[T.map(e=>(0,Y.jsx)(`line`,{x1:v,x2:v+y,y1:D(e),y2:D(e),stroke:Zo.stroke,strokeOpacity:Zo.strokeOpacity,strokeDasharray:Zo.strokeDasharray},e)),(0,Y.jsx)(`line`,{x1:v,x2:v+y,y1:b+x,y2:b+x,stroke:$o.stroke,strokeOpacity:$o.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=c[e];return t?(0,Y.jsx)(`text`,{x:v+e*k+k/2,y:b+x+20,textAnchor:`middle`,fontSize:_.fontSize,fill:_.fill,children:Tn(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=>ee(n,e,t.key),onMouseLeave:te,onClick:()=>ne(t.key)};return t.isLast?(0,Y.jsx)(`path`,{...i,d:cs(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:I,children:(0,Y.jsx)(ns,{active:!!m,payload:F,hoveredKey:m?.hoveredKey??void 0,label:m?String(c[m.datumIndex]?.date):``,labelMap:d,colorMap:f,formatValue:p})})]}):null}),!N&&(0,Y.jsx)(hs,{stackKeys:u,labelMap:d})]})}function Cs(e){if(e)return e.usageSource===`oauth_proxy`?`oauth_provider`:Hn(e.llmDimension??`model`)}function ws(e,t=we()){return{from:e.dateRange.from,to:e.dateRange.to,tz:t,...e.drilldown?{usage_source:e.drilldown.usageSource,group_by:Cs(e.drilldown)}:{}}}function Ts(e,t=we()){return{from:e.dateRange.from,to:e.dateRange.to,tz:t,...e.drilldown?{usage_source:e.drilldown.usageSource}:{}}}function Es(e,t,n){return e===`full`&&t!==`gated`&&n}function Ds(e){let t=tt(),n=Es(P({platformHostedOnly:!0}),P(),ke()),r=G({...We({query:ws(e,t)}),enabled:n}),i=G({...xe({query:Ts(e,t)}),enabled:n});return{series:r.data,totals:i.data,isLoading:r.isLoading||i.isLoading,isError:r.isError||i.isError}}function Os(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 ks(e){return e===void 0?`—`:e.toLocaleString(`en-US`)}function As(){let{t:e}=K(`settings`),t=tt(),[n,r]=(0,J.useState)(30),i=(0,J.useMemo)(()=>Yo(n,t),[n,t]),[a,o]=(0,J.useState)(null),[s,c]=(0,J.useState)(`spend`),l=(0,J.useMemo)(()=>[{value:`spend`,label:e(`billingUsagePanel.metricSpend`)},{value:`events`,label:e(`billingUsagePanel.metricEvents`)}],[e]),{series:u,totals:d,isLoading:f,isError:p}=Ds({dateRange:i,drilldown:a,setDrilldown:o}),m=a?void 0:e=>{let t={runtime_proxy_api:`runtime_proxy`,oauth_proxy:`oauth_proxy`}[e];t&&o({usageSource:t,...t===`runtime_proxy`?{llmDimension:Ln}:{}})};return(0,Y.jsx)(Ne,{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)(V,{as:`h2`,variant:`title-medium`,className:`text-[var(--content-default)]`,children:e(`billingUsagePanel.title`)}),(0,Y.jsx)(V,{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)(Xo,{value:n,onChange:r}),(0,Y.jsx)(`div`,{className:`w-44`,children:(0,Y.jsx)(ue,{items:l,value:s,onChange:c,ariaLabel:e(`billingUsagePanel.chartMetricAria`)})})]})]}),(0,Y.jsxs)(`div`,{className:`grid grid-cols-1 gap-2 sm:grid-cols-2`,children:[(0,Y.jsx)(N,{icon:(0,Y.jsx)(Et,{className:`h-4 w-4`,"aria-hidden":!0}),value:f?(0,Y.jsx)(St,{className:`h-4 w-4 animate-spin`,"aria-hidden":!0}):Os(d?.total_usd),label:e(`billingUsagePanel.spendLabel`)}),(0,Y.jsx)(N,{icon:(0,Y.jsx)(_t,{className:`h-4 w-4`,"aria-hidden":!0}),value:f?(0,Y.jsx)(St,{className:`h-4 w-4 animate-spin`,"aria-hidden":!0}):ks(d?.event_count),label:e(`billingUsagePanel.eventsLabel`)})]}),a&&(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[(0,Y.jsx)(`div`,{children:(0,Y.jsxs)(`button`,{type:`button`,className:`flex items-center gap-1.5 text-body-medium-lighter text-[var(--content-tertiary)] transition-colors hover:text-[var(--content-secondary)]`,onClick:()=>o(null),children:[(0,Y.jsx)(At,{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:a.usageSource===`runtime_proxy`?e(`billingUsagePanel.llmSpend`):e(`billingUsagePanel.oauthSpend`)})]})}),a.usageSource===`runtime_proxy`&&(0,Y.jsx)(`div`,{className:`w-56`,children:(0,Y.jsx)(ue,{items:zn,value:a.llmDimension??`model`,onChange:e=>o({usageSource:`runtime_proxy`,llmDimension:e}),ariaLabel:e(`billingUsagePanel.llmDimensionAria`)})})]}),f?(0,Y.jsx)(`div`,{className:`flex h-[345px] items-center justify-center rounded-xl bg-[var(--surface-base)]`,children:(0,Y.jsx)(St,{className:`h-6 w-6 animate-spin text-[var(--content-tertiary)]`})}):p?(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`)}):u?(0,Y.jsx)(`div`,{className:`rounded-xl bg-[var(--surface-base)] p-3`,children:(0,Y.jsx)(Ss,{buckets:u.buckets,metric:s,onBarClick:m})}):null]})})}function js(){let{t:e}=K(`settings`),t=Ee(),{data:n}=G(qe()),r=Qt((0,J.useMemo)(()=>dn(n),[n])),{reactivateSubscription:i,isPending:a}=wi(),o=a||r.isPending;if(!n||n.plan_id!==`pro`||n.status===`canceled`||!n.cancel_at_period_end&&!n.cancel_at)return null;let s=pn(n);return s?(0,Y.jsx)(H,{tone:`info`,title:e(`gracePeriodBanner.title`,{date:an(s)}),actions:(0,Y.jsx)(f,{variant:`outlined`,size:`compact`,onClick:()=>{if(t){vn(Se.settings.usageBilling);return}if(!$t(n)){r.mutate({});return}i()},disabled:o,loading:o,"data-testid":`grace-period-reactivate-button`,children:e(`gracePeriodBanner.reactivate`)}),"data-testid":`grace-period-banner`,children:e(`gracePeriodBanner.body`)}):null}var Ms=new Set([`BIF`,`CLP`,`DJF`,`GNF`,`JPY`,`KMF`,`KRW`,`MGA`,`PYG`,`RWF`,`VND`,`VUV`,`XAF`,`XOF`,`XPF`]),Ns=new Set([`BHD`,`JOD`,`KWD`,`OMR`,`TND`]);function Ps(e){return Ms.has(e)?0:Ns.has(e)?3:2}var Fs={invoices:[],has_more:!1},Is=4,Ls=`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 zs(e,t){let n=t.toUpperCase(),r=Ps(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 Bs(e){return nt(new Date(e*1e3),{alwaysShowYear:!0})}function Vs(e){z(e)}function Hs(){let{t:e}=K(`settings`),[t,n]=(0,J.useState)(!1),[r,i]=(0,J.useState)(!1),[a,o]=(0,J.useState)(!1),[s,c]=(0,J.useState)(!1),l=(0,J.useRef)(0),u=q(),d=at({enabled:t,queryKey:ie(),queryFn:async({signal:e,pageParam:t})=>{let{data:n,error:r,response:i}=await re({throwOnError:!1,signal:e,query:t?{starting_after:t}:void 0});if(i?.status===404)return Fs;if(Pe(i,r,`Failed to load invoices.`),!i.ok||!n)throw ge(r,i);return n},initialPageParam:void 0,getNextPageParam:e=>e.has_more?e.invoices.at(-1)?.id:void 0}),p=d.data?.pages.flatMap(e=>e.invoices)??[],m=r?p:p.slice(0,Is),h=p.length>Is,_=d.isFetchNextPageError||s,v=(r||!h)&&d.hasNextPage&&!_,y=d.isRefetching||d.isFetchingNextPage;function b(){let e=l.current;d.fetchNextPage().then(t=>{e===l.current&&c(t.isError)})}function x(){let e=l.current;d.refetch().then(t=>{if(e===l.current){if(t.isError){c(!0);return}b()}})}async function S(){o(!0);try{let{data:e,response:t}=await g({throwOnError:!1,parseAs:`blob`});if(!t?.ok||!(e instanceof Blob))throw Error(`Failed to download invoices (${t?.status??`network error`})`);let{saveFile:n}=await pt(async()=>{let{saveFile:e}=await import(`./native-file-CclvrIb0.js`);return{saveFile:e}},__vite__mapDeps([0,1,2,3,4,5,6]));await n(e,`invoices.zip`)}catch(t){je(t,{context:`download_all_invoices`}),U.error(e(`invoicesTable.downloadAllFailed`))}finally{o(!1)}}return(0,Y.jsx)(Ne,{padding:`md`,children:(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,Y.jsx)(Mo,{title:e(`invoicesTable.title`),actions:(0,Y.jsxs)(Y.Fragment,{children:[t&&p.length>0&&(0,Y.jsx)(f,{variant:`outlined`,loading:a,leftIcon:(0,Y.jsx)(Ot,{className:`h-4 w-4`}),onClick:S,disabled:a,"data-testid":`invoices-download-all`,children:e(`invoicesTable.downloadAll`)}),(0,Y.jsx)(f,{variant:`outlined`,rightIcon:t?(0,Y.jsx)(bt,{className:`h-4 w-4`}):(0,Y.jsx)(Dt,{className:`h-4 w-4`}),onClick:()=>{l.current+=1,c(!1),t&&u.cancelQueries({queryKey:ie()}),n(e=>!e)},"data-testid":`invoices-toggle`,children:e(t?`invoicesTable.hideButton`:`invoicesTable.showButton`)})]})}),t?d.isLoading?(0,Y.jsxs)(`div`,{className:`flex items-center gap-2 py-6 text-[var(--content-tertiary)]`,children:[(0,Y.jsx)(St,{className:`h-4 w-4 animate-spin`}),(0,Y.jsx)(V,{as:`span`,variant:`body-small-default`,children:e(`invoicesTable.loading`)})]}):d.isLoadingError?(0,Y.jsx)(H,{tone:`error`,children:e(`invoicesTable.loadError`)}):p.length===0?(0,Y.jsx)(V,{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:m.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)(V,{as:`span`,variant:`body-small-default`,className:`text-[var(--content-secondary)]`,children:Bs(t.created)})}),(0,Y.jsx)(`td`,{className:`py-3 pr-4`,children:(0,Y.jsx)(V,{as:`span`,variant:`body-small-default`,className:`text-[var(--content-secondary)]`,children:zs(t.amount_due,t.currency)})}),(0,Y.jsx)(`td`,{className:`py-3 pr-4`,children:t.status&&(0,Y.jsx)(be,{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)(f,{asChild:!0,variant:`ghost`,size:`compact`,leftIcon:(0,Y.jsx)(Ct,{className:`h-3.5 w-3.5`}),children:(0,Y.jsx)(ye,{href:t.hosted_invoice_url,glyph:!1,children:e(`invoicesTable.view`)})}),t.invoice_pdf&&(0,Y.jsx)(f,{variant:`ghost`,size:`compact`,iconOnly:(0,Y.jsx)(Ot,{className:`h-3.5 w-3.5`}),"aria-label":e(`invoicesTable.downloadPdfAriaLabel`),onClick:()=>Vs(t.invoice_pdf)})]})})]},t.id))})]})}),(h||v||_)&&(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-center gap-4 self-start`,children:[h&&(0,Y.jsx)(f,{variant:`link`,onClick:()=>i(e=>!e),className:Ls,"data-testid":`invoices-show-more`,children:r?e(`invoicesTable.showLess`):e(`invoicesTable.showMore`,{count:p.length-Is})}),v&&(0,Y.jsx)(f,{variant:`link`,onClick:b,disabled:d.isFetchingNextPage,loading:d.isFetchingNextPage,className:Ls,"data-testid":`invoices-load-more`,children:e(`invoicesTable.loadMore`)}),_&&(0,Y.jsxs)(`div`,{className:`flex items-center gap-2`,"data-testid":`invoices-load-more-error`,children:[(0,Y.jsx)(V,{as:`span`,variant:`body-small-default`,className:`text-[color:var(--system-negative-strong)]`,children:e(`invoicesTable.loadMoreError`)}),(0,Y.jsx)(f,{variant:`link`,onClick:x,disabled:y,loading:y,className:Ls,"data-testid":`invoices-load-more-retry`,children:e(`invoicesTable.retry`)})]})]})]}):null]})})}function Us({brand:e,last4:t,expMonth:n=null,expYear:r=null,onUpdateCard:i,actionsDisabled:a=!1}){let{t:o}=K(`settings`),s=so(o,n,r);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)(kt,{"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)(V,{as:`p`,variant:`body-medium-default`,className:`truncate leading-snug text-[var(--content-default)]`,children:ao(o,e)}),t!=null&&(0,Y.jsx)(V,{as:`p`,variant:`body-small-default`,className:`truncate leading-snug text-[var(--content-tertiary)]`,children:o(`paymentMethodRow.endingIn`,{last4:t})}),s!=null&&(0,Y.jsx)(V,{as:`p`,variant:`body-small-default`,className:`truncate leading-snug text-[var(--content-quiet)]`,children:s})]})]}),(0,Y.jsx)(f,{variant:`ghost`,onClick:i,disabled:a,"data-testid":`payment-method-update`,className:`shrink-0`,children:o(`paymentMethodRow.replaceCard`)})]})}function Ws(){let{t:e}=K(`settings`),t=q(),n=et(),r=To(),i=Eo.use.outcome(),a=Eo.use.scopeKey(),o=Eo.use.pending(),s=Eo.use.clearOutcome(),c=Ge(),l=i!=null&&a===c,u=l?i:null,[d,p]=(0,J.useState)(null);(0,J.useEffect)(()=>{i!=null&&!l&&s()},[i,l,s]);let m=n.data,h=(0,J.useMemo)(()=>yo(m),[m]),g=m!=null&&h.length===0,_=()=>{p(bo(h))},v=n.isSuccess||n.isError;return(0,J.useEffect)(()=>{u!=null&&(u.kind!==`saved`&&!v||p(e=>e??(u.kind===`saved`?{mode:`add`,cardOnFile:null}:bo(h))))},[u,h,v]),(0,J.useEffect)(()=>{u?.kind!==`saved`||u.card==null||t.invalidateQueries({queryKey:ee()})},[u,t]),(0,Y.jsxs)(Ne,{padding:`md`,"data-testid":`payment-methods-card`,children:[(0,Y.jsx)(Mo,{title:e(`paymentMethodsCard.title`),actions:g?(0,Y.jsx)(f,{variant:`outlined`,onClick:_,disabled:o,"data-testid":`payment-methods-add`,children:e(`paymentMethodsCard.addButton`)}):void 0}),n.isPending?(0,Y.jsx)(`p`,{className:`mt-4 text-body-medium-lighter text-[var(--content-tertiary)]`,children:e(`paymentMethodsCard.loading`)}):n.isError||m==null?(0,Y.jsx)(`div`,{className:`mt-4`,children:(0,Y.jsx)(H,{tone:`error`,children:e(`paymentMethodsCard.loadError`)})}):h.length===0?(0,Y.jsx)(`div`,{className:`mt-4`,children:(0,Y.jsx)(H,{tone:`info`,"data-testid":`payment-methods-empty`,children:e(`paymentMethodsCard.empty`)})}):(0,Y.jsx)(`div`,{className:h.length>1?`mt-4 flex flex-col gap-1`:`mt-4`,children:h.map(e=>(0,Y.jsx)(Us,{brand:e.brand,last4:e.last4,expMonth:e.expMonth,expYear:e.expYear,onUpdateCard:_,actionsDisabled:o},e.id))}),(0,Y.jsx)(ho,{open:d!=null,onClose:()=>{p(null),s()},mode:d?.mode??`add`,cardOnFile:d?.cardOnFile??null,billingAddress:m?.billing_address??null,initialOutcome:u,onSavedOptimistic:r})]})}function Gs({icon:e,label:t}){return(0,Y.jsxs)(`div`,{className:`flex min-h-8 max-w-full shrink-0 items-center gap-1.5 rounded-md bg-[var(--surface-lift)] px-2 py-1.5`,children:[(0,Y.jsx)(e,{className:`size-[18px] shrink-0 text-[var(--content-default)]`,"aria-hidden":!0}),(0,Y.jsx)(V,{as:`span`,variant:`body-medium-default`,className:`whitespace-normal text-[var(--content-default)]`,children:t})]})}function Ks({theme:e,tierKey:t,name:n,nameTestId:r,tag:i,specs:a,footer:o,testId:s,className:c}){return(0,Y.jsxs)(`div`,{"data-theme":e,"data-testid":s,className:I(`flex min-w-0 flex-1 flex-col gap-8 rounded-xl bg-[var(--surface-base)] px-4 py-3`,c),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)(Ht,{tier:t,size:48}),(0,Y.jsx)(V,{as:`span`,variant:`title-large`,className:`text-[var(--content-emphasised)]`,"data-testid":r,children:n})]})]}),a?.length?(0,Y.jsx)(`div`,{className:`flex flex-row flex-wrap items-start gap-1`,children:a.map(e=>(0,Y.jsx)(Gs,{icon:e.icon,label:e.label},e.label))}):null,o?(0,Y.jsx)(`div`,{className:`mt-auto w-full`,children:o}):null]})}function qs(e,t){if(!e)return null;let n=se(e.at);return n?e.kind===`resets`?{line:t(`planCard.usageBalanceResets`,{date:n}),barLabel:t(`planCard.usageBalanceBarResets`,{date:n})}:{line:t(`planCard.usageBalanceRenews`,{date:n}),barLabel:t(`planCard.usageBalanceBarRenews`,{date:n})}:null}function Js({ratio:e,periodEnd:t,exhausted:n=!1,onAddCredits:r}){let{t:i}=K(`settings`),a=i(`planCard.usageBalanceTitle`),o=qs(t,i),s=o?.barLabel??a,c=Math.round(e*100),l=e>=1;return(0,Y.jsxs)(`div`,{"data-testid":`plan-usage-balance`,className:`@container flex w-full flex-col gap-3 rounded-[10px] border border-[var(--border-base)] px-4 py-3`,children:[(0,Y.jsxs)(`div`,{className:`flex w-full items-center gap-3 @min-[30rem]:gap-16`,children:[(0,Y.jsxs)(`div`,{className:`flex min-w-0 flex-col`,children:[(0,Y.jsx)(V,{as:`span`,variant:`body-large-default`,className:`text-[var(--content-emphasised)]`,children:a}),o?(0,Y.jsx)(V,{as:`span`,variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,"data-testid":`plan-usage-period-end`,children:o.line}):null]}),(0,Y.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-center gap-3`,children:[(0,Y.jsx)(Te,{value:e,height:8,"aria-label":s,fillColor:l?`var(--system-negative-strong)`:void 0,className:`w-full min-w-0 rounded-full border border-[var(--border-base)] bg-[var(--surface-overlay)]`}),(0,Y.jsx)(V,{as:`span`,variant:`body-small-default`,className:l?`whitespace-nowrap text-[var(--system-negative-strong)]`:`whitespace-nowrap text-[var(--content-secondary)]`,children:i(`planCard.usageBalancePctUsed`,{pct:c})})]})]}),n?(0,Y.jsxs)(`div`,{className:`flex min-h-8 w-full items-center justify-between gap-2 rounded-md bg-[var(--system-negative-weak)] px-2 py-1`,children:[(0,Y.jsx)(V,{as:`span`,variant:`body-medium-default`,className:`min-w-0 text-[var(--system-negative-strong)]`,children:i(`planCard.usageBalanceExhausted`)}),r?(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)(f,{variant:`dangerGhost`,size:`compact`,leftIcon:(0,Y.jsx)(vt,{}),onClick:r,"data-testid":`plan-usage-add-credits`,children:i(`planCard.usageBalanceAddCredits`)})]}):null]}):null]})}function Ys(){let{t:e}=K(`settings`);return(0,Y.jsx)(V,{as:`h2`,variant:`title-medium`,className:`text-[var(--content-emphasised)]`,children:e(`planCard.heading`)})}function Xs({packages:e,currentKey:t,currentPriceCents:n,isProUser:r,canChangePackage:i,relation:a,onManage:o,onTierUpgraded:s}){let{t:c}=K(`settings`),l=q(),d=ot(Ue()),{changePackage:p,isPending:m}=un(),[h,g]=(0,J.useState)(!1),[_,v]=(0,J.useState)(!1),y=Je()===`light`?`dark`:`light`;fn();let b=Ee(),x=Gt(e,t),S=h||d.isPending||m,C=async()=>{if(!x)return;let e=await p(x.key);e&&(v(!1),e.status===`ok`?s?.():U.success(c(`planCard.alreadyOnPlanToast`)))},w=async()=>{if(x){if(b){vn(Se.settings.usageBilling);return}if(r&&!i){o();return}if(r){v(!0);return}g(!0);try{let e=await d.mutateAsync({body:{target_plan_id:`pro`,package:x.key,confirm:!0,return_target:yn()}});e.status===`redirect`&&e.checkout_url?(ae({kind:`package`,packageKey:x.key}),ve(l),u(e.checkout_url)):(await l.invalidateQueries({queryKey:Ie()}),await l.invalidateQueries({queryKey:fe()}))}catch(e){U.error(en(e,c(`planCard.checkoutFailedToast`)))}finally{g(!1)}}};if(x==null||a===`switch`)return null;let T=n==null?null:x.total_price_cents-n,E=T!=null&&T>0?c(`planCard.powerUpFor`,{amount:rn(T)}):c(`planCard.powerUp`);return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(Ks,{theme:y,testId:`plan-tile-next`,tierKey:x.key,name:x.name,tag:(0,Y.jsx)(be,{className:`bg-[var(--feed-digest-weak)] text-[var(--credits-accent)]`,leftIcon:(0,Y.jsx)(ht,{className:`text-[var(--credits-accent)]`,"aria-hidden":!0}),children:c(`planCard.nextPlan`)}),specs:Ft(x,c(`planCard.usageChip`,{name:x.name})),footer:(0,Y.jsx)(f,{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 w(),disabled:S,loading:S,"data-testid":`recommended-upgrade-button`,children:E})}),(0,Y.jsx)(sn,{open:_,relation:a,packageName:x.name,targetPackage:x,pending:S,onConfirm:()=>void C(),onCancel:()=>v(!1)})]})}function Zs(e){return e?.find(e=>e.id===`pro`)??null}function Qs(e,t){let n=e?.package;return!e||e.plan_id===`base`||!Nt(n)?null:Zs(t)?.packages?.find(e=>e.key===n.key&&e.version===n.version)??null}function $s({onManage:e,onTierUpgraded:t}){let{t:n}=K(`settings`),r=ut(),i=G(qe()),a=G(w()),{balance:o,availableUsageBalance:s,totalUsageBalance:c}=A(),[l,u]=(0,J.useState)(!1),d=Qs(i.data,a.data?.plans),p=Oe({subscription:i.data,availableUsageBalance:s,totalUsageBalance:c});if(i.isLoading||a.isLoading)return(0,Y.jsxs)(Ne,{padding:`md`,children:[(0,Y.jsx)(Ys,{}),(0,Y.jsxs)(`div`,{className:`mt-4 flex items-center gap-2 text-[var(--content-tertiary)]`,children:[(0,Y.jsx)(St,{className:`h-4 w-4 animate-spin`}),(0,Y.jsx)(V,{as:`span`,variant:`body-small-default`,children:n(`planCard.loading`)})]})]});let m=i.data,h=a.data?.plans,g=h?.find(e=>e.id===m?.plan_id);if(i.isError||a.isError||!m||!h||!g)return(0,Y.jsx)(H,{tone:`error`,children:n(`planCard.loadError`)});let _=g.id===`pro`?Rt(m.package):g.name??g.id,v=m.cancel_at_period_end===!0||!!m.cancel_at,y=m.status===`canceled`,b=pn(m),x=v&&!y&&b,S=Zs(h)?.packages??[],C=m.package?.key??null,T=C??`free`,E=S.length>0&&(g.id===`base`||Nt(m.package)||qt(m))?()=>r(Se.plans):e,D=qt(m),O=g.id===`base`||Nt(m.package)?`upgrade`:`switch`,k=g.id===`base`,j=k?Wt():d?Ft(d,n(`planCard.usageChip`,{name:d.name})):null,M=k?0:d?.total_price_cents??null,N=k?n(`planCard.freeForever`):d?nn(d.total_price_cents):null,P=!k&&!v&&m.status!=null&&on.has(m.status)&&m.current_period_end?{at:m.current_period_end,kind:m.selected_credit_tier==null?`renews`:`resets`}:void 0,ee=qs(P,n),te=N||ee?(0,Y.jsxs)(`div`,{className:`flex h-10 items-center justify-between gap-3 border-t border-[var(--border-base)]`,children:[N?(0,Y.jsx)(V,{as:`span`,variant:`body-large-default`,className:`text-[var(--content-tertiary)]`,"data-testid":`plan-card-price`,children:N}):null,ee?(0,Y.jsx)(V,{as:`span`,variant:`body-small-default`,className:`whitespace-nowrap text-[var(--content-tertiary)]`,"data-testid":`plan-card-period-end`,children:ee.line}):null]}):void 0,ne=o!=null&&Number(o)<=0,F=p!=null&&p.ratio>=1&&ne,I=(p?(0,Y.jsx)(Js,{ratio:p.ratio,periodEnd:P,exhausted:F,onAddCredits:()=>u(!0)}):null)??te;return(0,Y.jsxs)(Ne,{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)(Ys,{}),x&&(0,Y.jsx)(V,{variant:`body-small-default`,as:`div`,className:`leading-snug text-[var(--system-mid-strong)]`,"data-testid":`plan-card-cancels`,children:n(`planCard.endsOn`,{date:an(b)})})]}),(0,Y.jsx)(f,{variant:`outlined`,onClick:E,"data-testid":k?`plan-card-plans-button`:`plan-card-manage-subscription-button`,children:n(k?`planCard.viewAllPlans`:`planCard.manageSubscription`)})]}),(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4 lg:flex-row lg:items-stretch`,children:[(0,Y.jsx)(Ks,{testId:`plan-tile-current`,tierKey:T,name:_,nameTestId:`plan-card-name`,tag:(0,Y.jsx)(be,{tone:`info`,children:n(`planCard.current`)}),specs:j,footer:I}),(0,Y.jsx)(Xs,{packages:S,currentKey:C,currentPriceCents:M,isProUser:g.id!==`base`,canChangePackage:D,relation:O,onManage:e,onTierUpgraded:t})]})]}),(0,Y.jsx)(bn,{open:l,onOpenChange:u})]})}function ec(e,t,n){let r=new URLSearchParams(t.search);n(r),e({pathname:t.pathname,search:`?${r}`,hash:t.hash},{replace:!0})}var tc=`setup_intent_client_secret`,nc=`redirect_status`,rc=[`setup_intent`,tc,nc];function ic(){return Ce(b.getState().platformSession)}async function ac({clientSecret:e,redirectStatus:t,confirmSaved:n,generation:r}){await Cn({alsoReady:ic});let i=Re(),a=[],o=()=>{for(;a.length>0;)a.pop()?.()},s=()=>{Re()!==i&&(o(),Eo.getState().abandonResolution(r))};a.push(b.subscribe(s),me.subscribe(s));let c=e=>{o();let{settleOutcome:t,discardResolution:n}=Eo.getState();if(Re()!==i){n(r);return}t(e,i,r)},l=e=>{console.warn(`[useSetupIntentReturn] card not saved on redirect return`,{redirectStatus:t}),c({kind:`error`,message:e??W(`settings:autoTopUpPaymentMethodModal.confirmFailed`)})};try{let t=await eo();if(t==null){l(void 0);return}let{setupIntent:r,error:i}=await t.retrieveSetupIntent(e);if(r?.status===`succeeded`){c({kind:`saved`,card:await n({setupIntentId:to(e)})});return}l(i?.message??r?.last_setup_error?.message)}catch{l(void 0)}}function oc(){let[e]=ct(),t=lt(),n=ut(),r=To(),i=(0,J.useRef)(!1);(0,J.useEffect)(()=>{let a=e.get(tc);if(a==null||i.current)return;i.current=!0;let o=e.get(nc);ec(n,t,e=>{for(let t of rc)e.delete(t);e.set(`tab`,`billing`)}),ac({clientSecret:a,redirectStatus:o,confirmSaved:r,generation:Eo.getState().beginResolving()})},[t,n,e,r])}function sc({onCheckoutCancelled:e}){let[t]=ct(),n=ut(),r=q(),{t:i}=K(`settings`);return(0,J.useEffect)(()=>{let a=t.get(`billing_status`);a&&(a===`success`?Ve(r):a===`cancel`&&(U.info(t.get(`billing_context`)===`upgrade`?i(`billingStatusHandler.upgradeCancelToast`):i(`billingStatusHandler.topUpCancelToast`),{id:`billing-status`}),e()),n(Se.settings.usageBilling,{replace:!0}))},[t,n,r,e,i]),null}function cc({onFinishSetup:e}){let{t}=K(`settings`),n=y(),{data:i}=G({...qe(),enabled:n}),a=i?.plan_id===`pro`,{data:o}=G({...r(),enabled:a&&n}),s=a&&o?.domain_setup_available===!0,{domains:c}=Lt(s,o?.primary_assistant_id),l=c!==void 0&&c.results.length===0;return!s||!l?null:(0,Y.jsx)(H,{tone:`info`,title:t(`billingPage.finishSetupTitle`,{plan:Rt(i?.package)}),actions:(0,Y.jsx)(f,{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 lc(){let{t:e}=K(`settings`),t=P({platformHostedOnly:!0}),n=P(),r=ke(),i=j(),[a,o]=ct(),[s,c]=(0,J.useState)(!1),l=(0,J.useCallback)(()=>c(!0),[]),u=(0,J.useCallback)(()=>c(!1),[]),[d,f]=(0,J.useState)(!1),p=(0,J.useCallback)(()=>f(!0),[]),[m,h]=(0,J.useState)(!1),[g,_]=(0,J.useState)(null),[v,y]=(0,J.useState)(!1),b=(0,J.useCallback)(()=>{_(Date.now()),y(!1)},[]),{showOffer:x,amountUsd:S}=Nn(g),C=(0,J.useCallback)(e=>{e||y(!0)},[]);(0,J.useEffect)(()=>{if(n!==`full`)return;let e=a.has(`adjust_plan`),t=a.has(`pro_onboarding`);!e&&!t||(e&&c(!0),t&&h(!0),o(e=>{let t=new URLSearchParams(e);return t.delete(`adjust_plan`),t.delete(`pro_onboarding`),t},{replace:!0}))},[n,a,o]);let w=a.has(`session_id`),T=(0,J.useCallback)(()=>{h(!1),o(e=>{let t=new URLSearchParams(e);return t.delete(`session_id`),t},{replace:!0})},[o]),E=(0,J.useCallback)(()=>{o(e=>{let t=new URLSearchParams(e);return t.set(`pro_onboarding`,``),t},{replace:!0})},[o]);if(n===`disabled`)return(0,Y.jsx)(`div`,{className:`space-y-4`,children:(0,Y.jsx)($e,{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)(St,{className:`h-4 w-4 animate-spin`}),e(`billingPage.loadingBilling`)]})});let D=r,O=D||w||m;return!r&&t!==`gated`?(0,Y.jsx)(`div`,{className:`space-y-4`,children:(0,Y.jsx)(H,{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)(sc,{onCheckoutCancelled:b}),(0,Y.jsx)(qo,{})]}),D&&(0,Y.jsx)(js,{}),D&&(0,Y.jsx)(cc,{onFinishSetup:E}),D&&(0,Y.jsx)($s,{onManage:l,onTierUpgraded:p}),D&&(0,Y.jsx)(Ai,{open:s,onClose:u,onTierUpgraded:p}),(0,Y.jsx)(Mn,{open:x&&!v,onOpenChange:C,amountUsd:S}),(0,Y.jsx)(J.Suspense,{fallback:null,children:(0,Y.jsx)(Ws,{})}),(0,Y.jsx)(J.Suspense,{fallback:null,children:(0,Y.jsx)(Bo,{})}),(0,Y.jsx)(J.Suspense,{fallback:null,children:(0,Y.jsx)(Hs,{})}),O&&(0,Y.jsx)(Kt,{open:w||m,onClose:T}),D&&(0,Y.jsx)(Kt,{mode:`resize`,open:d,onClose:()=>f(!1)})]})}function uc(){return(0,Y.jsx)(lc,{})}function dc(){let e=Le(),t=P({platformHostedOnly:!0}),n=P();return(0,Y.jsxs)(`div`,{className:`space-y-4`,children:[t===`full`&&n!==`gated`&&(0,Y.jsx)(As,{}),(0,Y.jsx)(si,{assistantId:e})]})}function fc(){let{t:e}=K(`settings`),t=P(),[n]=ct(),r=ut(),i=lt();oc();let a=jn(t,n),o=a&&n.get(`tab`)!==`usage`?`billing`:`usage`,c=s();return(0,J.useEffect)(()=>{c&&n.get(`tab`)!==o&&ec(r,i,e=>e.set(`tab`,o))},[c,n,o,r,i]),(0,Y.jsx)(`div`,{className:`space-y-6`,children:(0,Y.jsxs)(pe.Root,{value:o,onValueChange:e=>{ec(r,i,t=>t.set(`tab`,e))},children:[(0,Y.jsxs)(pe.List,{children:[a&&(0,Y.jsx)(pe.Trigger,{value:`billing`,children:e(`billingPage.billingTab`)}),(0,Y.jsx)(pe.Trigger,{value:`usage`,children:e(`billingPage.usageTab`)})]}),a&&(0,Y.jsx)(pe.Panel,{value:`billing`,className:`pt-4`,children:(0,Y.jsx)(uc,{})}),(0,Y.jsx)(pe.Panel,{value:`usage`,className:`pt-4`,children:(0,Y.jsx)(dc,{})})]})})}export{fc as BillingPage};