@vellumai/web 0.11.9 → 0.11.10-staging.1

package/dist/assets/billing-page-BuQlWhe6.js

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

package/dist/assets/{billing-redirect-page-ZJNzz40A.js → billing-redirect-page-C85l9eFC.js}

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

package/dist/assets/{bookmarks-page-BnSz5No7.js → bookmarks-page-DCyvTUSS.js}

@@ -1 +1 @@
-import{j as e}from"./vendor-wK2uRQDU.js";import{f as t,r as n,t as r}from"./react-DPM_L_aA.js";import{$r as i,Q as a,i as o,tn as s,v as c}from"./icons-CSdHOix6.js";import{Ai as l,Dy as u,Ht as d,Ut as f,Vm as p,hs as m,ky as h,pv as g}from"./index-CgCCiROF.js";var _=r();function v(e){if(e==null)return``;let t=new Date(e);return Number.isNaN(t.getTime())?``:t.toLocaleString(void 0,{month:`short`,day:`numeric`,year:`numeric`,hour:`numeric`,minute:`2-digit`,hour12:!0})}function y({t:e}){return(0,_.jsx)(u,{children:(0,_.jsxs)(`div`,{className:`flex min-h-[400px] flex-col items-center justify-center px-6 py-16 text-center`,children:[(0,_.jsx)(`div`,{className:`flex h-12 w-12 items-center justify-center rounded-full bg-[var(--surface-base)]`,children:(0,_.jsx)(i,{className:`h-6 w-6 text-[var(--content-disabled)] dark:text-[var(--content-default)]`})}),(0,_.jsx)(`h2`,{className:`mt-4 text-title-small text-[var(--content-default)]`,children:e(`bookmarksPage.emptyTitle`)}),(0,_.jsx)(`p`,{className:`mt-1 text-body-medium-lighter text-[var(--content-tertiary)]`,children:e(`bookmarksPage.emptyDescription`)})]})})}function b({bookmark:e,isFirst:t,onOpen:n,onRemove:r,t:i}){let a=e.conversationTitle&&e.conversationTitle.trim().length>0?e.conversationTitle:i(`bookmarksPage.untitledConversation`),s=e.messageRole!==`user`,c=v(e.createdAt);return(0,_.jsxs)(`div`,{className:`flex items-start gap-3 py-3 ${t?``:`border-t border-[var(--border-base)]`}`,children:[(0,_.jsx)(`span`,{"aria-hidden":!0,className:`mt-1 h-8 w-1 shrink-0 rounded-full`,style:{backgroundColor:s?`var(--content-default)`:`var(--content-tertiary)`}}),(0,_.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,_.jsxs)(`div`,{className:`flex items-baseline justify-between gap-3`,children:[(0,_.jsx)(`div`,{className:`truncate text-body-medium-default text-[var(--content-default)]`,children:a}),c?(0,_.jsx)(`span`,{className:`shrink-0 text-body-small-default text-[var(--content-tertiary)]`,children:c}):null]}),e.messagePreview?(0,_.jsx)(`p`,{className:`mt-0.5 line-clamp-2 text-body-small-default text-[var(--content-tertiary)]`,children:e.messagePreview}):null]}),(0,_.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[(0,_.jsx)(h,{variant:`outlined`,onClick:n,children:i(`bookmarksPage.open`)}),(0,_.jsx)(`button`,{type:`button`,onClick:r,title:i(`bookmarksPage.removeBookmark`),"aria-label":i(`bookmarksPage.removeBookmark`),className:`flex h-8 w-8 cursor-pointer items-center justify-center rounded-md text-[var(--content-tertiary)] transition-colors hover:bg-[var(--surface-active)] hover:text-[var(--content-default)]`,children:(0,_.jsx)(o,{className:`h-4 w-4`})})]})]})}function x(){let{t:r}=e(`settings`),i=t(),{bookmarks:o,isLoading:v,isError:x,refetch:S}=f(),C=d(),w=l();return p.use.hydrated()&&!w?(0,_.jsx)(n,{replace:!0,to:g.settings.general}):v?(0,_.jsx)(`div`,{className:`w-full`,children:(0,_.jsx)(`div`,{className:`flex min-h-[400px] items-center justify-center`,children:(0,_.jsx)(s,{className:`h-6 w-6 animate-spin text-[var(--content-disabled)]`})})}):x?(0,_.jsx)(`div`,{className:`w-full`,children:(0,_.jsx)(u,{children:(0,_.jsxs)(`div`,{className:`flex min-h-[400px] flex-col items-center justify-center px-6 py-16 text-center`,children:[(0,_.jsx)(`div`,{className:`flex h-12 w-12 items-center justify-center rounded-full bg-[var(--system-error-lighter)]`,children:(0,_.jsx)(c,{className:`h-6 w-6 text-[var(--system-error-default)]`})}),(0,_.jsx)(`h2`,{className:`mt-4 text-title-small text-[var(--content-default)]`,children:r(`bookmarksPage.errorTitle`)}),(0,_.jsx)(`p`,{className:`mt-1 text-body-medium-lighter text-[var(--content-tertiary)]`,children:r(`bookmarksPage.errorDescription`)}),(0,_.jsxs)(h,{variant:`outlined`,onClick:S,className:`mt-4`,children:[(0,_.jsx)(a,{className:`h-4 w-4`}),r(`bookmarksPage.retry`)]})]})})}):o.length===0?(0,_.jsx)(`div`,{className:`w-full`,children:(0,_.jsx)(y,{t:r})}):(0,_.jsx)(`div`,{className:`w-full`,children:(0,_.jsx)(u,{noPadding:!0,className:`px-4`,children:o.map((e,t)=>(0,_.jsx)(b,{bookmark:e,isFirst:t===0,onOpen:()=>m(i,e.conversationId,{messageId:e.messageId}),onRemove:()=>{C(e.messageId,e.conversationId,!0)},t:r},e.id))})})}export{x as BookmarksPage};
+import{j as e}from"./vendor-CCI2T82b.js";import{f as t,r as n,t as r}from"./react-DPM_L_aA.js";import{Q as i,ei as a,i as o,nn as s,v as c}from"./icons-B-6TfGtd.js";import{Di as l,Ht as u,Ly as d,Sv as f,Ut as p,Xm as m,gs as h,zy as g}from"./index-38Upls76.js";var _=r();function v(e){if(e==null)return``;let t=new Date(e);return Number.isNaN(t.getTime())?``:t.toLocaleString(void 0,{month:`short`,day:`numeric`,year:`numeric`,hour:`numeric`,minute:`2-digit`,hour12:!0})}function y({t:e}){return(0,_.jsx)(d,{children:(0,_.jsxs)(`div`,{className:`flex min-h-[400px] flex-col items-center justify-center px-6 py-16 text-center`,children:[(0,_.jsx)(`div`,{className:`flex h-12 w-12 items-center justify-center rounded-full bg-[var(--surface-base)]`,children:(0,_.jsx)(a,{className:`h-6 w-6 text-[var(--content-disabled)] dark:text-[var(--content-default)]`})}),(0,_.jsx)(`h2`,{className:`mt-4 text-title-small text-[var(--content-default)]`,children:e(`bookmarksPage.emptyTitle`)}),(0,_.jsx)(`p`,{className:`mt-1 text-body-medium-lighter text-[var(--content-tertiary)]`,children:e(`bookmarksPage.emptyDescription`)})]})})}function b({bookmark:e,isFirst:t,onOpen:n,onRemove:r,t:i}){let a=e.conversationTitle&&e.conversationTitle.trim().length>0?e.conversationTitle:i(`bookmarksPage.untitledConversation`),s=e.messageRole!==`user`,c=v(e.createdAt);return(0,_.jsxs)(`div`,{className:`flex items-start gap-3 py-3 ${t?``:`border-t border-[var(--border-base)]`}`,children:[(0,_.jsx)(`span`,{"aria-hidden":!0,className:`mt-1 h-8 w-1 shrink-0 rounded-full`,style:{backgroundColor:s?`var(--content-default)`:`var(--content-tertiary)`}}),(0,_.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,_.jsxs)(`div`,{className:`flex items-baseline justify-between gap-3`,children:[(0,_.jsx)(`div`,{className:`truncate text-body-medium-default text-[var(--content-default)]`,children:a}),c?(0,_.jsx)(`span`,{className:`shrink-0 text-body-small-default text-[var(--content-tertiary)]`,children:c}):null]}),e.messagePreview?(0,_.jsx)(`p`,{className:`mt-0.5 line-clamp-2 text-body-small-default text-[var(--content-tertiary)]`,children:e.messagePreview}):null]}),(0,_.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[(0,_.jsx)(g,{variant:`outlined`,onClick:n,children:i(`bookmarksPage.open`)}),(0,_.jsx)(`button`,{type:`button`,onClick:r,title:i(`bookmarksPage.removeBookmark`),"aria-label":i(`bookmarksPage.removeBookmark`),className:`flex h-8 w-8 cursor-pointer items-center justify-center rounded-md text-[var(--content-tertiary)] transition-colors hover:bg-[var(--surface-active)] hover:text-[var(--content-default)]`,children:(0,_.jsx)(o,{className:`h-4 w-4`})})]})]})}function x(){let{t:r}=e(`settings`),a=t(),{bookmarks:o,isLoading:v,isError:x,refetch:S}=p(),C=u(),w=l();return m.use.hydrated()&&!w?(0,_.jsx)(n,{replace:!0,to:f.settings.general}):v?(0,_.jsx)(`div`,{className:`w-full`,children:(0,_.jsx)(`div`,{className:`flex min-h-[400px] items-center justify-center`,children:(0,_.jsx)(s,{className:`h-6 w-6 animate-spin text-[var(--content-disabled)]`})})}):x?(0,_.jsx)(`div`,{className:`w-full`,children:(0,_.jsx)(d,{children:(0,_.jsxs)(`div`,{className:`flex min-h-[400px] flex-col items-center justify-center px-6 py-16 text-center`,children:[(0,_.jsx)(`div`,{className:`flex h-12 w-12 items-center justify-center rounded-full bg-[var(--system-error-lighter)]`,children:(0,_.jsx)(c,{className:`h-6 w-6 text-[var(--system-error-default)]`})}),(0,_.jsx)(`h2`,{className:`mt-4 text-title-small text-[var(--content-default)]`,children:r(`bookmarksPage.errorTitle`)}),(0,_.jsx)(`p`,{className:`mt-1 text-body-medium-lighter text-[var(--content-tertiary)]`,children:r(`bookmarksPage.errorDescription`)}),(0,_.jsxs)(g,{variant:`outlined`,onClick:S,className:`mt-4`,children:[(0,_.jsx)(i,{className:`h-4 w-4`}),r(`bookmarksPage.retry`)]})]})})}):o.length===0?(0,_.jsx)(`div`,{className:`w-full`,children:(0,_.jsx)(y,{t:r})}):(0,_.jsx)(`div`,{className:`w-full`,children:(0,_.jsx)(d,{noPadding:!0,className:`px-4`,children:o.map((e,t)=>(0,_.jsx)(b,{bookmark:e,isFirst:t===0,onOpen:()=>h(a,e.conversationId,{messageId:e.messageId}),onRemove:()=>{C(e.messageId,e.conversationId,!0)},t:r},e.id))})})}export{x as BookmarksPage};

package/dist/assets/{bundle-confirm-page-Ds9bePcd.js → bundle-confirm-page-BC8BVYX4.js}

@@ -1 +1 @@
-import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{j as t}from"./vendor-wK2uRQDU.js";import{b as n,t as r}from"./react-DPM_L_aA.js";import{ia as i}from"./index-CgCCiROF.js";import{t as a}from"./format-file-size-BCpFMv3k.js";var o=e(n(),1),s=r(),c={verified:{label:`Verified`,className:`bg-[var(--system-positive-weak)] text-[var(--system-positive-strong)]`},signed:{label:`Signed`,className:`bg-[var(--system-info-weak)] text-[var(--system-info-strong)]`},unsigned:{label:`Unsigned`,className:`bg-[var(--surface-active)] text-[var(--content-secondary)]`},tampered:{label:`Tampered — signature invalid`,className:`bg-[var(--system-negative-weak)] text-[var(--system-negative-strong)]`}};function l(){let{t:e}=t(),[n,r]=(0,o.useState)(null),[l,u]=(0,o.useState)(!1);if((0,o.useEffect)(()=>{window.vellum?.bundleConfirm?.getData().then(e=>{e&&r(e)})},[]),!n)return(0,s.jsx)(`div`,{className:`flex h-svh w-screen items-center justify-center bg-background text-muted-foreground select-none`,children:e(`bundleConfirmPage.loading`)});let{manifest:d,scanResult:f,signatureResult:p,bundleSizeBytes:m}=n,h=c[p.trustTier],g=p.trustTier===`tampered`,_=f.warnings;return(0,s.jsxs)(`div`,{className:`flex h-svh w-screen flex-col bg-background px-6 pt-14 pb-6 text-foreground select-none`,children:[(0,s.jsxs)(`div`,{className:`flex items-start gap-3`,children:[d.icon?(0,s.jsx)(`span`,{className:`text-5xl leading-none`,children:d.icon}):(0,s.jsx)(`span`,{className:`text-5xl leading-none`,children:`📦`}),(0,s.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,s.jsx)(`h1`,{className:`truncate text-lg font-semibold`,children:d.name}),d.description&&(0,s.jsx)(`p`,{className:`text-muted-foreground mt-0.5 text-sm leading-snug`,children:d.description})]})]}),(0,s.jsxs)(`div`,{className:`mt-4 flex items-center gap-2`,children:[(0,s.jsx)(`span`,{className:i(`inline-block rounded-full px-2.5 py-0.5 text-xs font-medium`,h.className),children:h.label}),p.trustTier===`signed`&&p.signerDisplayName&&(0,s.jsx)(`span`,{className:`text-muted-foreground text-xs`,children:e(`bundleConfirmPage.bySigner`,{name:p.signerDisplayName})})]}),(0,s.jsxs)(`dl`,{className:`mt-4 grid grid-cols-[auto_1fr] gap-x-3 gap-y-1.5 text-sm`,children:[(0,s.jsx)(`dt`,{className:`text-muted-foreground`,children:e(`bundleConfirmPage.size`)}),(0,s.jsx)(`dd`,{children:a(m)}),(0,s.jsx)(`dt`,{className:`text-muted-foreground`,children:e(`bundleConfirmPage.createdBy`)}),(0,s.jsx)(`dd`,{className:`truncate`,children:d.created_by}),d.capabilities.length>0&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(`dt`,{className:`text-muted-foreground`,children:e(`bundleConfirmPage.capabilities`)}),(0,s.jsx)(`dd`,{className:`truncate`,children:d.capabilities.join(`, `)})]})]}),_.length>0&&(0,s.jsxs)(`div`,{className:`mt-4`,children:[(0,s.jsx)(`button`,{type:`button`,className:`text-muted-foreground text-xs font-medium hover:underline`,onClick:()=>u(e=>!e),children:e(l?`bundleConfirmPage.hideWarnings`:`bundleConfirmPage.showWarnings`,{count:_.length})}),l&&(0,s.jsx)(`ul`,{className:`mt-1.5 space-y-1 text-xs`,children:_.map((e,t)=>(0,s.jsx)(`li`,{className:`rounded bg-[var(--system-mid-weak)] px-2 py-1 text-[var(--system-mid-strong)]`,children:e},t))})]}),(0,s.jsxs)(`div`,{className:`mt-auto flex items-center justify-end gap-3 pt-4`,children:[(0,s.jsx)(`button`,{type:`button`,className:`rounded-md border border-border px-4 py-1.5 text-sm font-medium text-foreground hover:bg-muted`,onClick:()=>window.vellum?.bundleConfirm?.respond(!1),children:e(`bundleConfirmPage.cancel`)}),(0,s.jsx)(`button`,{type:`button`,className:i(`rounded-md px-4 py-1.5 text-sm font-medium text-white`,g?`bg-red-600 hover:bg-red-700`:`bg-primary hover:bg-primary/90`),onClick:()=>window.vellum?.bundleConfirm?.respond(!0),children:e(g?`bundleConfirmPage.installAnyway`:`bundleConfirmPage.install`)})]})]})}export{l as BundleConfirmPage};
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{j as t}from"./vendor-CCI2T82b.js";import{b as n,t as r}from"./react-DPM_L_aA.js";import{na as i}from"./index-38Upls76.js";import{t as a}from"./format-file-size-BCpFMv3k.js";var o=e(n(),1),s=r(),c={verified:{label:`Verified`,className:`bg-[var(--system-positive-weak)] text-[var(--system-positive-strong)]`},signed:{label:`Signed`,className:`bg-[var(--system-info-weak)] text-[var(--system-info-strong)]`},unsigned:{label:`Unsigned`,className:`bg-[var(--surface-active)] text-[var(--content-secondary)]`},tampered:{label:`Tampered — signature invalid`,className:`bg-[var(--system-negative-weak)] text-[var(--system-negative-strong)]`}};function l(){let{t:e}=t(),[n,r]=(0,o.useState)(null),[l,u]=(0,o.useState)(!1);if((0,o.useEffect)(()=>{window.vellum?.bundleConfirm?.getData().then(e=>{e&&r(e)})},[]),!n)return(0,s.jsx)(`div`,{className:`flex h-svh w-screen items-center justify-center bg-background text-muted-foreground select-none`,children:e(`bundleConfirmPage.loading`)});let{manifest:d,scanResult:f,signatureResult:p,bundleSizeBytes:m}=n,h=c[p.trustTier],g=p.trustTier===`tampered`,_=f.warnings;return(0,s.jsxs)(`div`,{className:`flex h-svh w-screen flex-col bg-background px-6 pt-14 pb-6 text-foreground select-none`,children:[(0,s.jsxs)(`div`,{className:`flex items-start gap-3`,children:[d.icon?(0,s.jsx)(`span`,{className:`text-5xl leading-none`,children:d.icon}):(0,s.jsx)(`span`,{className:`text-5xl leading-none`,children:`📦`}),(0,s.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,s.jsx)(`h1`,{className:`truncate text-lg font-semibold`,children:d.name}),d.description&&(0,s.jsx)(`p`,{className:`text-muted-foreground mt-0.5 text-sm leading-snug`,children:d.description})]})]}),(0,s.jsxs)(`div`,{className:`mt-4 flex items-center gap-2`,children:[(0,s.jsx)(`span`,{className:i(`inline-block rounded-full px-2.5 py-0.5 text-xs font-medium`,h.className),children:h.label}),p.trustTier===`signed`&&p.signerDisplayName&&(0,s.jsx)(`span`,{className:`text-muted-foreground text-xs`,children:e(`bundleConfirmPage.bySigner`,{name:p.signerDisplayName})})]}),(0,s.jsxs)(`dl`,{className:`mt-4 grid grid-cols-[auto_1fr] gap-x-3 gap-y-1.5 text-sm`,children:[(0,s.jsx)(`dt`,{className:`text-muted-foreground`,children:e(`bundleConfirmPage.size`)}),(0,s.jsx)(`dd`,{children:a(m)}),(0,s.jsx)(`dt`,{className:`text-muted-foreground`,children:e(`bundleConfirmPage.createdBy`)}),(0,s.jsx)(`dd`,{className:`truncate`,children:d.created_by}),d.capabilities.length>0&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(`dt`,{className:`text-muted-foreground`,children:e(`bundleConfirmPage.capabilities`)}),(0,s.jsx)(`dd`,{className:`truncate`,children:d.capabilities.join(`, `)})]})]}),_.length>0&&(0,s.jsxs)(`div`,{className:`mt-4`,children:[(0,s.jsx)(`button`,{type:`button`,className:`text-muted-foreground text-xs font-medium hover:underline`,onClick:()=>u(e=>!e),children:e(l?`bundleConfirmPage.hideWarnings`:`bundleConfirmPage.showWarnings`,{count:_.length})}),l&&(0,s.jsx)(`ul`,{className:`mt-1.5 space-y-1 text-xs`,children:_.map((e,t)=>(0,s.jsx)(`li`,{className:`rounded bg-[var(--system-mid-weak)] px-2 py-1 text-[var(--system-mid-strong)]`,children:e},t))})]}),(0,s.jsxs)(`div`,{className:`mt-auto flex items-center justify-end gap-3 pt-4`,children:[(0,s.jsx)(`button`,{type:`button`,className:`rounded-md border border-border px-4 py-1.5 text-sm font-medium text-foreground hover:bg-muted`,onClick:()=>window.vellum?.bundleConfirm?.respond(!1),children:e(`bundleConfirmPage.cancel`)}),(0,s.jsx)(`button`,{type:`button`,className:i(`rounded-md px-4 py-1.5 text-sm font-medium text-white`,g?`bg-red-600 hover:bg-red-700`:`bg-primary hover:bg-primary/90`),onClick:()=>window.vellum?.bundleConfirm?.respond(!0),children:e(g?`bundleConfirmPage.installAnyway`:`bundleConfirmPage.install`)})]})]})}export{l as BundleConfirmPage};

package/dist/assets/channel-transcript-panel-BUHD_CIb.js

@@ -0,0 +1 @@
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{j as t}from"./vendor-CCI2T82b.js";import{b as n,t as r}from"./react-DPM_L_aA.js";import{Jn as i,Si as a,Vr as o}from"./icons-B-6TfGtd.js";import{$n as s,E_ as c,Fi as l,Hs as u,Kr as d,Mn as f,My as p,Nn as m,Pn as h,Qt as g,Ry as _,Ts as v,Yr as y,Zt as b,_ as x,cy as S,i as C,jn as w,mg as T,n as E,oy as D,sv as O,sy as k,zy as A}from"./index-38Upls76.js";var j=a(`corner-up-left`,[[`path`,{d:`M20 20v-7a4 4 0 0 0-4-4H4`,key:`1nkjon`}],[`path`,{d:`M9 14 4 9l5-5`,key:`102s5s`}]]),M=e(n(),1),N=r();function P({entry:e,channelLabel:n,assistantName:r,isReferenced:i,onToggleReference:a}){let{t:s}=t(`chat`),c=f(e.timestamp),l=e.role===`user`?s(`channelTranscriptPanel.unknownSender`):r??s(`channelTranscriptPanel.assistantSender`),u=e.provenance.senderName??l,d=e.provenance.reaction;return(0,N.jsxs)(`article`,{"data-reveal-row":``,"data-testid":`channel-transcript-entry`,className:`group flex flex-col gap-1 rounded-lg px-2 py-2 hover:bg-[var(--surface-active)]`,children:[(0,N.jsxs)(`header`,{className:`flex min-w-0 items-baseline gap-2`,children:[(0,N.jsx)(_,{as:`span`,variant:`body-small-emphasised`,className:`min-w-0 truncate text-[var(--content-default)]`,children:u}),c?(0,N.jsx)(_,{as:`span`,variant:`body-small-lighter`,title:C(c),className:`shrink-0 text-[var(--content-tertiary)]`,children:E(c)}):null,(0,N.jsx)(`span`,{className:`flex-1`}),m(e)?(0,N.jsx)(A,{variant:`ghost`,size:`compact`,"data-reveal":``,active:i,leftIcon:i?(0,N.jsx)(o,{}):(0,N.jsx)(j,{}),onClick:()=>a(e),"aria-pressed":i,"aria-label":i?s(`channelTranscriptPanel.removeReferenceAria`):s(`channelTranscriptPanel.referenceAria`,{channel:n}),className:`shrink-0`,children:s(i?`channelTranscriptPanel.referenced`:`channelTranscriptPanel.reference`)}):null]}),d?(0,N.jsx)(_,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-secondary)]`,children:d.op===`added`?s(`channelTranscriptPanel.reactionAdded`,{emoji:d.emoji}):s(`channelTranscriptPanel.reactionRemoved`,{emoji:d.emoji})}):(0,N.jsxs)(_,{as:`div`,variant:`body-small-default`,className:`${k} mb-0`,children:[(0,N.jsx)(`span`,{"aria-hidden":`true`,className:D}),(0,N.jsx)(`span`,{className:`${S} whitespace-pre-wrap break-words`,children:e.text||s(`channelTranscriptPanel.noText`)})]})]})}function F({sidecarRef:e,threadName:n,sourceHref:r,entries:a,assistantName:o,referencedEntryId:s,onToggleReference:c,onClose:l}){let{t:u}=t(`chat`),f=y(e.channelId),m=n?u(`channelTranscriptPanel.namedTitle`,{channel:f,thread:n}):u(`channelTranscriptPanel.title`,{channel:f});return(0,N.jsxs)(x,{icon:(0,N.jsx)(d,{channelId:e.channelId,className:`h-5 w-5 shrink-0 text-[var(--content-secondary)]`}),title:m,headerTrailing:(0,N.jsx)(p,{tone:`neutral`,children:u(`channelTranscriptPanel.readOnly`)}),headerActions:r?(0,N.jsx)(A,{asChild:!0,variant:`outlined`,leftIcon:(0,N.jsx)(i,{}),className:`shrink-0`,children:(0,N.jsx)(`a`,{href:r,target:`_blank`,rel:`noreferrer noopener`,onClick:e=>T(e,r),children:u(`channelTranscriptPanel.openInChannel`,{channel:f})})}):void 0,closeLabel:u(`channelTranscriptPanel.closeAria`),closeTooltip:u(`channelTranscriptPanel.closeTooltip`),onClose:l,children:[(0,N.jsx)(_,{as:`p`,variant:`body-small-lighter`,className:`mb-3 text-[var(--content-tertiary)]`,children:u(`channelTranscriptPanel.readOnlyNote`,{channel:f})}),a.length===0?(0,N.jsx)(_,{as:`p`,variant:`body-small-default`,className:`py-4 text-center text-[var(--content-tertiary)]`,children:h(e.channelId)?u(`channelTranscriptPanel.emptyThread`,{channel:f}):u(`channelTranscriptPanel.emptyNoMessageDetail`,{channel:f})}):(0,N.jsx)(`div`,{className:`flex flex-col gap-1`,children:a.map(e=>(0,N.jsx)(P,{entry:e,channelLabel:f,assistantName:o,isReferenced:s===e.id,onToggleReference:c},e.id))})]})}function I({sidecarRef:e,onClose:t}){let n=c.use.activeAssistantId(),r=u.use.activeConversationId(),{target:i,entries:a}=w({conversationId:r,conversation:l(n,r,!0),messages:s()}),o=O.use.name(),d=b.use.reference(),f=b.use.toggleReference(),p=v(i,e),m=p?a:[],h=y(e.channelId),_=(0,M.useCallback)(e=>{i&&f(g({entry:e,target:i,channelLabel:h}))},[i,f,h]);return(0,N.jsx)(F,{sidecarRef:e,threadName:p?i?.threadName:void 0,sourceHref:p?i?.sourceHref:void 0,entries:m,assistantName:o,referencedEntryId:d?.messageId??null,onToggleReference:_,onClose:t})}export{I as ChannelTranscriptPanel};

package/dist/assets/channels-page-route-CdDrkYFm.js

@@ -0,0 +1 @@
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Jn as t,N as n,Zn as r,er as i,j as a}from"./vendor-CCI2T82b.js";import{b as o,d as s,f as c,g as l,m as u,n as d,t as f}from"./react-DPM_L_aA.js";import{Br as p,Ir as m,J as h,Jn as g,Mr as _,Rt as v,Vr as y,Yt as b,_r as x,ct as S,en as C,hn as w,nn as T,x as E,xn as D}from"./icons-B-6TfGtd.js";import{$s as O,$t as k,Av as A,Bu as j,Bv as M,By as N,Cy as P,Da as ee,Ea as te,Eu as F,Ey as I,F as ne,Hp as re,Hy as L,I as R,Iy as z,Kr as B,L as ie,La as V,Lf as H,Lv as ae,Ly as U,Ms as oe,My as W,Ns as G,Nv as se,Qa as K,Qv as q,Ru as ce,Ry as J,Su as le,Sv as ue,Tu as de,Ty as Y,Uv as fe,Vu as pe,Xr as me,Y as he,Yr as ge,_s as _e,ac as ve,ap as ye,b as be,cc as xe,co as Se,dc as Ce,dh as we,do as Te,du as Ee,ec as De,fc as Oe,fo as ke,fu as Ae,g as je,ic as Me,js as Ne,kr as Pe,ky as Fe,lc as Ie,lo as Le,ly as Re,nc as ze,nl as Be,ny as Ve,oc as He,oo as Ue,po as We,py as Ge,qr as Ke,rc as qe,sc as Je,so as Ye,sv as Xe,tc as Ze,ty as Qe,uo as $e,vy as et,wu as tt,x as nt,y as rt,yy as X,zy as Z}from"./index-38Upls76.js";import{t as it}from"./detail-card-C4owI5Pm.js";import{n as at,r as ot,t as st}from"./use-side-list-room-DtyTZ3hg.js";import{a as ct,c as lt,i as ut,n as dt,o as ft,r as pt,s as mt,t as ht,u as gt}from"./use-invite-link-dialog-B5GnDf5y.js";import{t as _t}from"./use-platform-assistant-id-DN8Kml_o.js";import{t as vt}from"./environment-store-DhvMg9Ul.js";import{i as yt,r as bt}from"./service-form-controls-OQEec1lt.js";var Q=e(o(),1);function xt(){let{channelId:e}=u(),t=c(),{search:n}=s();return{selected:e,select:(0,Q.useCallback)(e=>{t({pathname:`/assistant/channels/${encodeURIComponent(e)}`,search:n},{replace:!0})},[t,n])}}var $=f();function St({channels:e,pluginChannels:t=[],selectedKey:n,onSelect:r}){return(0,$.jsx)(U.Root,{className:`flex h-full flex-col overflow-hidden`,children:(0,$.jsx)(U.Body,{className:`flex min-h-0 min-w-0 flex-1 flex-col gap-4`,children:(0,$.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[e.map(e=>(0,$.jsx)(Ct,{channel:e,selected:e.key===n,onClick:()=>r(e.key)},e.key)),t.map(e=>(0,$.jsx)(wt,{channel:e,selected:e.key===n,onClick:()=>r(e.key)},e.key))]})})})}function Ct({channel:e,selected:t,onClick:n}){let r=e.status===`ready`,i=ge(e.key),a=r?`Connected`:`Not connected`;return(0,$.jsx)(Ge,{asChild:!0,active:t,"aria-label":`${i}, ${a}`,children:(0,$.jsxs)(`button`,{type:`button`,onClick:n,className:`flex h-auto w-full items-center gap-2 rounded-[6px] px-[8px] py-2 text-left`,children:[(0,$.jsx)(B,{channelId:e.key,className:`h-4 w-4 shrink-0 text-[color:var(--content-secondary)]`}),(0,$.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-body-medium-default`,children:i}),(0,$.jsx)(`span`,{className:`flex shrink-0 items-center`,children:(0,$.jsx)(W,{tone:r?`positive`:`neutral`,children:a})})]})})}function wt({channel:e,selected:t,onClick:n}){let{t:r}=a(`channels`);return(0,$.jsx)(Ge,{asChild:!0,active:t,"aria-label":r(`channelAdapterList.pluginChannelAria`,{channel:e.label}),children:(0,$.jsxs)(`button`,{type:`button`,onClick:n,className:`flex h-auto w-full items-center gap-2 rounded-[6px] px-[8px] py-2 text-left`,children:[(0,$.jsx)(Ke,{icon:e.icon,className:`h-4 w-4 shrink-0 text-[color:var(--content-secondary)]`}),(0,$.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-body-medium-default`,children:e.label}),(0,$.jsx)(S,{"aria-hidden":!0,className:`h-4 w-4 shrink-0 text-[color:var(--content-secondary)]`})]})})}function Tt({icon:e,title:t,description:n,action:r,className:i}){return(0,$.jsxs)(`div`,{className:L(`flex flex-col items-center justify-center gap-3 px-4 py-12 text-center`,i),children:[e?(0,$.jsx)(`div`,{className:`flex h-12 w-12 items-center justify-center rounded-xl bg-[var(--surface-sunken)] text-[var(--content-tertiary)]`,children:e}):null,(0,$.jsx)(`h3`,{className:`text-title-small text-[var(--content-default)]`,children:t}),n?(0,$.jsx)(`p`,{className:`max-w-md text-body-medium-lighter text-[color:var(--content-tertiary)]`,children:n}):null,r?(0,$.jsx)(`div`,{className:`mt-1`,children:r}):null]})}var Et={no_one:{labelKey:`channelTrustFloor.noOne.label`,descriptionKey:`channelTrustFloor.noOne.description`,confirm:{titleKey:`channelTrustFloor.noOne.confirmTitle`,messageKey:`channelTrustFloor.noOne.confirmMessage`,actionKey:`channelTrustFloor.noOne.confirmAction`,destructive:!0}},guardian_only:{labelKey:`channelTrustFloor.guardianOnly.label`,descriptionKey:`channelTrustFloor.guardianOnly.description`,confirm:void 0},trusted_contacts:{labelKey:`channelTrustFloor.trustedContacts.label`,descriptionKey:`channelTrustFloor.trustedContacts.description`,confirm:void 0},any_contact:{labelKey:`channelTrustFloor.anyContact.label`,descriptionKey:`channelTrustFloor.anyContact.description`,confirm:{titleKey:`channelTrustFloor.anyContact.confirmTitle`,messageKey:`channelTrustFloor.anyContact.confirmMessage`,actionKey:`channelTrustFloor.anyContact.confirmAction`,destructive:!1}},strangers:{labelKey:`channelTrustFloor.strangers.label`,descriptionKey:`channelTrustFloor.strangers.description`,confirm:{titleKey:`channelTrustFloor.strangers.confirmTitle`,messageKey:`channelTrustFloor.strangers.confirmMessage`,actionKey:`channelTrustFloor.strangers.confirmAction`,destructive:!0}}};function Dt({assistantDisplayName:e,policy:t,saving:n=!1,loading:r=!1,error:i=!1,onChange:o}){let{t:s}=a(`channels`),c=t??`trusted_contacts`,l=gt.map(t=>({value:t,label:s(Et[t].labelKey),tooltip:s(Et[t].descriptionKey,{assistant:e})})),[u,d]=(0,Q.useState)(null),f=u?Et[u].confirm:void 0;return(0,$.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,$.jsx)(J,{as:`span`,variant:`body-small-emphasised`,className:`text-[color:var(--content-secondary)]`,children:s(`channelTrustFloor.heading`,{assistant:e})}),r?(0,$.jsx)(J,{as:`span`,variant:`body-small-lighter`,className:`text-[color:var(--content-tertiary)]`,children:s(`channelTrustFloor.loading`)}):i?(0,$.jsx)(J,{as:`span`,variant:`body-small-lighter`,className:`text-[color:var(--content-negative)]`,children:s(`channelTrustFloor.loadFailed`)}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`div`,{style:{maxWidth:280},children:(0,$.jsx)(Re,{value:c,onChange:e=>{if(Et[e].confirm){d(e);return}o(e)},options:l,disabled:n,"aria-label":s(`channelTrustFloor.selectAria`,{assistant:e})})}),(0,$.jsx)(J,{as:`span`,variant:`body-small-lighter`,className:`text-[color:var(--content-tertiary)]`,children:s(Et[c].descriptionKey,{assistant:e})}),c===`trusted_contacts`?(0,$.jsx)(z,{tone:`info`,className:`max-w-lg`,children:s(`channelTrustFloor.trustedContactsNotice`,{assistant:e})}):null]}),(0,$.jsx)(et,{open:u!==null,title:f?s(f.titleKey):``,message:f?s(f.messageKey):``,confirmLabel:s(f?f.actionKey:`channelTrustFloor.confirmFallback`),destructive:f?.destructive??!1,onConfirm:()=>{u&&o(u),d(null)},onCancel:()=>d(null)})]})}function Ot({mode:e,onChange:t}){let{t:n}=a(`common`);return(0,$.jsx)(`div`,{className:`max-w-[280px]`,children:(0,$.jsx)(P,{ariaLabel:n(`serviceCard.modeToggleAriaLabel`),value:e,onChange:t,items:[{value:`managed`,label:n(`serviceCard.managedLabel`)},{value:`your-own`,label:n(`serviceCard.yourOwnLabel`)}]})})}function kt({id:e,title:t,subtitle:n,mode:r,onModeChange:i,children:a}){return(0,$.jsxs)(it,{id:e,title:t,subtitle:n,accessory:(0,$.jsx)(Ot,{mode:r,onChange:i}),children:[(0,$.jsx)(`div`,{className:`h-px bg-[var(--surface-active)]`}),(0,$.jsx)(`div`,{className:`mt-4`,children:a})]})}function At(e,t){return e===`managed`||e===`your-own`?e:t}function jt({subdomain:e,onSubdomainChange:t,domainSuffix:n,subdomainPlaceholder:r=`my-assistant`,disabled:i,autoFocus:o,prefix:s,error:c,locked:l,lockedMessage:u}){let{t:d}=a(`settings`);return(0,$.jsxs)(`div`,{children:[(0,$.jsxs)(`div`,{className:`flex h-9 w-full items-center rounded-md border bg-[var(--field-bg)] text-body-medium-lighter transition-[border-color] duration-150 ${c?`border-[var(--system-negative-strong)]`:`border-[var(--field-border)] focus-within:border-[var(--border-active)]`}`,children:[s,(0,$.jsx)(`input`,{value:e,onChange:e=>t(e.target.value.toLowerCase().trim()),disabled:i||l,readOnly:l,autoFocus:o,placeholder:r,"aria-label":d(`domainField.subdomainAriaLabel`),"aria-invalid":!!c,className:`h-full min-w-0 flex-1 bg-transparent ${s?`pl-1.5`:`pl-3`} pr-1 text-[var(--content-default)] placeholder:text-[var(--content-tertiary)] outline-none disabled:cursor-not-allowed disabled:opacity-60`}),(0,$.jsxs)(`span`,{className:`shrink-0 pr-3 font-mono text-[var(--content-secondary)]`,children:[`.`,n]})]}),c&&(0,$.jsx)(`p`,{className:`mt-1.5 text-body-small-default text-[var(--system-negative-strong)]`,children:c}),l&&u&&(0,$.jsx)(`p`,{className:`mt-1.5 text-body-small-default text-[var(--content-tertiary)]`,children:u})]})}function Mt({status:e,isLoading:t}){let{t:n}=a(`common`);return t?(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-1 rounded-full bg-[var(--tag-bg-neutral)] px-2.5 py-0.5 text-body-small-default text-[var(--content-quiet)]`,children:[(0,$.jsx)(T,{className:`h-3 w-3 animate-spin`}),n(`domainVerificationChip.checkingDomain`)]}):!e||e===`unknown`?(0,$.jsx)(`span`,{className:`inline-flex items-center gap-1 rounded-full bg-[var(--tag-bg-neutral)] px-2.5 py-0.5 text-body-small-default text-[var(--content-quiet)]`,title:n(`domainVerificationChip.unknownStatusTitle`),children:n(`domainVerificationChip.unknownStatus`)}):e===`verified`?(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-1 rounded-full bg-[var(--system-positive-weak)] px-2.5 py-0.5 text-body-small-default text-[var(--system-positive-strong)]`,title:n(`domainVerificationChip.verifiedTitle`),children:[(0,$.jsx)(y,{className:`h-3 w-3`}),n(`domainVerificationChip.domainVerified`)]}):e===`pending`||e===`not_started`?(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-1 rounded-full bg-[var(--system-mid-weak)] px-2.5 py-0.5 text-body-small-default text-[var(--system-mid-strong)]`,title:n(`domainVerificationChip.verifyingTitle`),children:[(0,$.jsx)(x,{className:`h-3 w-3`}),n(`domainVerificationChip.verifyingDomain`)]}):(0,$.jsxs)(`span`,{className:`inline-flex items-center gap-1 rounded-full bg-[var(--system-negative-weak)] px-2.5 py-0.5 text-body-small-default text-[var(--system-negative-strong)]`,title:n(`domainVerificationChip.failedTitle`),children:[(0,$.jsx)(m,{className:`h-3 w-3`}),n(`domainVerificationChip.verificationFailed`)]})}var Nt=`rounded bg-[var(--surface-active)] px-1 py-0.5 font-mono text-[0.9em]`;function Pt({assistantId:e,assistantHandle:o,emailRootDomain:s}){let{t:u}=a(`channels`),d=i(),f=c(),[p,m]=l(),[h,g]=(0,Q.useState)(``),[_,v]=(0,Q.useState)(!1),[y,x]=(0,Q.useState)(null),[S,C]=(0,Q.useState)(``),[w,D]=(0,Q.useState)(null),[k,M]=(0,Q.useState)(!1),[N,P]=(0,Q.useState)(!1),[ee,te]=(0,Q.useState)(!1);(0,Q.useEffect)(()=>{_||!o||h||(g(o),v(!0))},[o,_,h]);let F=r({...Be(),enabled:!0}),I=F.data,ne=I?.entitlements,re=ne?.managed_email===!0,L=!!ne&&!re,R=!I&&F.isError&&!F.isFetching,B=r({...Ze({path:{assistant_id:e}}),enabled:!L}),ie=r({...He({path:{assistant_id:e}}),enabled:!L}),V=B.data?.results?.[0],H=ie.data?.results?.[0],U=V?`${V.subdomain}.${s}`:null,oe=r({...xe({path:{assistant_id:e,id:H?.id??``}}),enabled:!!H?.id,refetchOnWindowFocus:!1}),W=r({...qe({path:{assistant_id:e,id:V?.id??``}}),enabled:!!V?.id,refetchInterval:e=>{let t=e.state.data?.status;return t===`verified`||t===`failed`?!1:1e4},refetchOnWindowFocus:!0});(0,Q.useEffect)(()=>{p.get(`release`)!==`1`||!V||H||(P(!0),m(e=>{let t=new URLSearchParams(e);return t.delete(`release`),t},{replace:!0}))},[H,V,p,m]);let G=t(O()),se=t(De()),K=t(Me()),q=t(ve()),ce=t(pe()),J=(0,Q.useCallback)(()=>{let t={assistant_id:e};d.invalidateQueries({queryKey:ze({path:t})}),d.invalidateQueries({queryKey:Je({path:t})}),H?.id&&d.invalidateQueries({queryKey:Ie({path:{...t,id:H.id}})}),d.invalidateQueries({queryKey:Oe()})},[H?.id,e,d]),le=he(),de=ce.mutateAsync,Y=(0,Q.useCallback)(()=>{de({path:{assistant_id:le},body:{channel:`email`}}).catch(()=>{}).finally(()=>{d.invalidateQueries({queryKey:j({path:{assistant_id:le}})})})},[le,d,de]),fe=(0,Q.useCallback)(async()=>{let t=h.trim().toLowerCase();if(!t){x(u(`emailManagedContent.enterSubdomainError`));return}M(!1);try{await G.mutateAsync({path:{assistant_id:e},body:{subdomain:t}}),g(``),x(null),J(),X.success(u(`emailManagedContent.domainRegisteredToast`,{domain:`${t}.${s}`}))}catch(e){x(ae(e,void 0,u(`emailManagedContent.registerDomainFailedFallback`)))}},[e,s,J,G,h,u]),me=(0,Q.useCallback)(async()=>{let t=S.trim().toLowerCase();if(!t){D(u(`emailManagedContent.enterUsernameError`));return}try{await K.mutateAsync({path:{assistant_id:e},body:{username:t}}),C(``),D(null),J(),Y(),X.success(u(`emailManagedContent.emailCreatedToast`))}catch(e){D(ae(e,void 0,u(`emailManagedContent.createEmailFailedFallback`)))}},[e,J,Y,K,S,u]),ge=(0,Q.useCallback)(async()=>{if(H?.id){te(!1);try{await q.mutateAsync({path:{assistant_id:e,id:H.id}}),J(),Y(),X.success(u(`emailManagedContent.emailRemovedToast`))}catch(e){A(e,{context:`email_address_delete`}),X.error(u(`emailManagedContent.emailRemoveFailedToast`))}}},[H?.id,e,q,J,Y,u]),_e=(0,Q.useCallback)(async()=>{if(!V?.id)return;if(H){X.error(u(`emailManagedContent.removeAddressFirstToast`));return}P(!1);let t=V.subdomain;try{await se.mutateAsync({path:{assistant_id:e,id:V.id}}),g(t),J(),X.success(u(`emailManagedContent.domainReleasedToast`))}catch(e){A(e,{context:`email_domain_release`}),X.error(u(`emailManagedContent.domainReleaseFailedToast`))}},[H,e,se,V?.id,V?.subdomain,J,u]);if(F.isLoading)return(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-body-small-default text-[var(--content-tertiary)]`,children:[(0,$.jsx)(T,{className:`h-4 w-4 animate-spin`}),u(`emailManagedContent.checkingSubscription`)]});if(L)return(0,$.jsx)(z,{tone:`info`,icon:(0,$.jsx)(b,{className:`h-4 w-4`,"aria-hidden":!0}),title:u(`emailManagedContent.upgradeNoticeTitle`),actions:(0,$.jsx)(Z,{size:`compact`,onClick:()=>f(ue.plans),children:u(`emailManagedContent.upgradeButton`)}),children:u(`emailManagedContent.upgradeNoticeBody`)});let ye=R?(0,$.jsx)(z,{tone:`warning`,title:u(`emailManagedContent.subscriptionWarningTitle`),actions:(0,$.jsx)(Z,{size:`compact`,variant:`outlined`,onClick:()=>F.refetch(),children:u(`emailManagedContent.retry`)}),children:u(`emailManagedContent.subscriptionWarningBody`)}):null;return V?H?(0,$.jsxs)(`div`,{className:`space-y-4`,children:[ye,(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(`label`,{className:`block text-body-small-default text-[var(--content-tertiary)]`,children:u(`emailManagedContent.addressLabel`)}),(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsx)(`span`,{className:`font-mono text-body-small-default text-[var(--content-default)]`,children:H.address}),(0,$.jsx)(Mt,{status:W.data?.status,isLoading:W.isLoading}),(0,$.jsx)(Z,{variant:`dangerGhost`,size:`compact`,iconOnly:(0,$.jsx)(E,{}),onClick:()=>te(!0),disabled:q.isPending,"aria-label":u(`emailManagedContent.removeEmailAriaLabel`)})]}),(0,$.jsx)(et,{open:ee,title:u(`emailManagedContent.removeEmailTitle`),message:(0,$.jsx)(n,{i18nKey:`emailManagedContent.removeEmailConfirmMessage`,ns:`channels`,values:{address:H.address},components:{code:(0,$.jsx)(`code`,{className:Nt})}}),confirmLabel:u(`emailManagedContent.removeConfirm`),destructive:!0,onConfirm:ge,onCancel:()=>te(!1)})]}),oe.data?.usage&&(0,$.jsx)(`p`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:u(`emailManagedContent.usageSummary`,{sent:oe.data.usage.sent_today,limit:oe.data.usage.daily_limit,received:oe.data.usage.received_today})})]}):(0,$.jsxs)(`div`,{className:`space-y-4`,children:[ye,(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(`label`,{className:`block text-body-small-default text-[var(--content-tertiary)]`,children:u(`emailManagedContent.domainLabel`)}),(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsxs)(`span`,{className:`font-mono text-body-small-default text-[var(--content-default)]`,children:[V.subdomain,`.`,s]}),(0,$.jsx)(Mt,{status:W.data?.status,isLoading:W.isLoading}),(0,$.jsx)(Z,{variant:`dangerGhost`,size:`compact`,iconOnly:(0,$.jsx)(E,{}),onClick:()=>P(!0),disabled:se.isPending,"aria-label":u(`emailManagedContent.releaseDomainAriaLabel`)})]}),(0,$.jsx)(et,{open:N,title:u(`emailManagedContent.releaseDomainTitle`),message:(0,$.jsx)(n,{i18nKey:`emailManagedContent.releaseDomainConfirmMessage`,ns:`channels`,values:{domain:`${V.subdomain}.${s}`},components:{code:(0,$.jsx)(`code`,{className:Nt})}}),confirmLabel:u(`emailManagedContent.releaseConfirm`),destructive:!0,onConfirm:_e,onCancel:()=>P(!1)})]}),(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(`label`,{className:`block text-body-small-default text-[var(--content-tertiary)]`,children:u(`emailManagedContent.emailAddressLabel`)}),(0,$.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,$.jsxs)(`div`,{className:`flex h-9 min-w-0 flex-1 items-center rounded-md border bg-[var(--field-bg)] text-body-medium-lighter transition-[border-color] duration-150 ${w?`border-[var(--system-negative-strong)]`:`border-[var(--field-border)] focus-within:border-[var(--border-active)]`}`,children:[(0,$.jsx)(`input`,{value:S,onChange:e=>{C(e.target.value.toLowerCase()),w&&D(null)},placeholder:u(`emailManagedContent.emailUsernamePlaceholder`),"aria-label":u(`emailManagedContent.emailUsernameAriaLabel`),"aria-invalid":!!w,className:`h-full min-w-0 flex-1 bg-transparent pl-3 pr-1 text-[var(--content-default)] placeholder:text-[var(--content-tertiary)] outline-none`}),(0,$.jsxs)(`span`,{className:`shrink-0 pr-3 font-mono text-[var(--content-secondary)]`,children:[`@`,U]})]}),(0,$.jsx)(Z,{onClick:me,disabled:K.isPending||!S.trim(),children:K.isPending?u(`emailManagedContent.creating`):u(`emailManagedContent.create`)})]}),w&&(0,$.jsx)(`p`,{className:`text-body-small-default text-[var(--system-negative-strong)]`,children:w})]})]}):(0,$.jsxs)(`div`,{className:`space-y-3`,children:[ye,(0,$.jsx)(`label`,{className:`block text-body-small-default text-[var(--content-tertiary)]`,children:u(`emailManagedContent.subdomainLabel`)}),(0,$.jsx)(jt,{subdomain:h,onSubdomainChange:e=>{g(e),y&&x(null)},domainSuffix:s,subdomainPlaceholder:u(`emailManagedContent.subdomainExamplePlaceholder`),error:y}),(0,$.jsx)(`p`,{className:`text-body-small-lighter text-[var(--content-tertiary)]`,children:u(`emailManagedContent.subdomainHint`)}),(0,$.jsx)(Z,{onClick:()=>M(!0),disabled:G.isPending||!h.trim(),children:G.isPending?u(`emailManagedContent.registering`):u(`emailManagedContent.register`)}),(0,$.jsx)(et,{open:k,title:u(`emailManagedContent.setSubdomainTitle`),message:(0,$.jsx)(n,{i18nKey:`emailManagedContent.setSubdomainConfirmMessage`,ns:`channels`,values:{subdomain:h.trim().toLowerCase()||u(`emailManagedContent.subdomainFallback`)},components:{code:(0,$.jsx)(`code`,{className:Nt})}}),confirmLabel:u(`emailManagedContent.confirm`),onConfirm:fe,onCancel:()=>M(!1)})]})}function Ft(){let{t:e}=a(`channels`),t=he(),i=ye(),{data:o}=r({...Ce(),enabled:i}),s=o?.results?.[0]?.handle,c=vt.use.emailRootDomain(),l=H(),[u,d]=(0,Q.useState)(()=>l===`gated`?`your-own`:At(M(ee,`managed`),`managed`)),[f,p]=(0,Q.useState)(()=>{let e=M(te,`resend`);return e===`mailgun`||e===`resend`?e:`resend`}),{platformAssistantId:m,error:h}=_t(t,l===`full`&&u===`managed`),v=m??(h?t:null),y=r({queryKey:[`byoEmailCredential`,t,f],queryFn:async()=>{let{data:e}=await we({path:{assistant_id:t},body:{service:f,field:`api_key`},throwOnError:!0});return e},enabled:u===`your-own`||l===`gated`,staleTime:6e4,retry:se,meta:{errorContext:`byo_email_credential_check`}});(0,Q.useEffect)(()=>{y.error&&A(y.error,{context:`byo_email_credential_check`,bestEffort:!0})},[y.error]);let b=y.data?.hasSecret===!0,x=(0,Q.useCallback)(e=>{d(e),fe(ee,e)},[]),S=(0,Q.useCallback)(()=>{fe(te,f),X.success(e(`emailChannelSection.saveSuccessToast`))},[f,e]),C=(0,Q.useMemo)(()=>V.find(e=>e.id===f)??V[0],[f]),E=(0,$.jsxs)(`div`,{className:`flex items-start gap-2 rounded-lg border border-[var(--border-subtle)] bg-[var(--surface-sunken)] p-3 text-body-small-default text-[var(--content-tertiary)]`,children:[(0,$.jsx)(w,{className:`mt-0.5 h-3.5 w-3.5 shrink-0 text-[var(--system-positive-strong)]`}),(0,$.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,$.jsx)(`span`,{children:(0,$.jsx)(n,{i18nKey:`emailChannelSection.setupInstructions`,ns:`channels`,values:{providerName:C.displayName,setupSkill:C.setupSkill},components:{code:(0,$.jsx)(`code`,{className:`rounded bg-[var(--surface-active)] px-1 py-0.5 text-[12px]`})}})}),(0,$.jsxs)(`a`,{href:C.docsUrl,target:`_blank`,rel:`noopener noreferrer`,className:`inline-flex items-center gap-1 text-[var(--system-positive-strong)] underline hover:opacity-80`,children:[e(`emailChannelSection.openProvider`,{providerName:C.displayName}),(0,$.jsx)(g,{className:`h-3 w-3`})]})]})]}),D=(0,$.jsxs)(`div`,{className:`space-y-4`,children:[(0,$.jsxs)(`div`,{className:`space-y-1`,children:[(0,$.jsx)(`label`,{className:`block text-body-small-default text-[var(--content-tertiary)]`,children:e(`emailChannelSection.providerLabel`)}),(0,$.jsx)(Re,{value:f,onChange:e=>{(e===`mailgun`||e===`resend`)&&p(e)},options:V.map(e=>({value:e.id,label:e.displayName}))})]}),b?(0,$.jsxs)(`div`,{className:`space-y-3`,children:[(0,$.jsxs)(`div`,{className:`flex items-center gap-2 rounded-lg border border-[var(--system-positive-subtle)] bg-[var(--surface-sunken)] p-3 text-body-small-default text-[var(--content-default)]`,children:[(0,$.jsx)(_,{className:`h-4 w-4 shrink-0 text-[var(--system-positive-strong)]`}),(0,$.jsx)(`span`,{children:(0,$.jsx)(n,{i18nKey:`emailChannelSection.apiKeyConfigured`,ns:`channels`,values:{providerName:C.displayName,setupSkill:C.setupSkill},components:{code:(0,$.jsx)(`code`,{className:`rounded bg-[var(--surface-active)] px-1 py-0.5 text-[12px]`})}})})]}),(0,$.jsxs)(`a`,{href:C.docsUrl,target:`_blank`,rel:`noopener noreferrer`,className:`inline-flex items-center gap-1 text-body-small-default text-[var(--system-positive-strong)] underline hover:opacity-80`,children:[e(`emailChannelSection.openProvider`,{providerName:C.displayName}),(0,$.jsx)(g,{className:`h-3 w-3`})]})]}):E,(0,$.jsx)(`div`,{className:`flex items-center gap-2`,children:(0,$.jsx)(bt,{onClick:S,disabled:!1})})]});return l===`gated`?(0,$.jsx)(yt,{id:`email`,title:e(`emailChannelSection.title`),subtitle:e(`emailChannelSection.subtitle`),children:D}):(0,$.jsx)(kt,{id:`email`,title:e(`emailChannelSection.title`),subtitle:e(`emailChannelSection.subtitle`),mode:u,onModeChange:x,children:u===`managed`?(0,$.jsx)(`div`,{className:`space-y-4`,children:l===`disabled`?(0,$.jsx)(k,{children:e(`emailChannelSection.platformLoginNotice`)}):v===null?(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-body-small-default text-[var(--content-tertiary)]`,children:[(0,$.jsx)(T,{className:`h-4 w-4 animate-spin`}),e(`emailChannelSection.connecting`)]}):(0,$.jsx)(Pt,{assistantId:v,assistantHandle:s,emailRootDomain:c})}):D})}function It({health:e}){let{Icon:t,label:n,tone:r}=me(e);return(0,$.jsx)(W,{tone:r,leftIcon:(0,$.jsx)(t,{}),children:n})}function Lt({address:e,health:t,pending:n,onDisconnect:r}){let{t:i}=a(`channels`);return(0,$.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,$.jsx)(It,{health:t}),e?(0,$.jsx)(`span`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:e}):null,(0,$.jsx)(`div`,{className:`ml-auto`,children:(0,$.jsx)(Z,{type:`button`,variant:`danger`,onClick:r,disabled:!r||n,children:i(n?`connectionCard.disconnecting`:`connectionCard.disconnect`)})})]})}function Rt({children:e}){let{t}=a(`channels`);return(0,$.jsxs)(U.Root,{children:[(0,$.jsx)(U.Header,{children:(0,$.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,$.jsx)(`img`,{src:Pe(`/images/integrations/slack.svg`),alt:``,className:`size-8 rounded-lg bg-[var(--surface-sunken)] p-1`}),(0,$.jsx)(J,{as:`span`,variant:`body-medium-default`,children:t(`slackChannelCard.setupHeading`)})]})}),(0,$.jsx)(U.Body,{children:e})]})}ne.map(e=>e.riskThreshold);var zt=[`none`,`low`];function Bt(e){if(e!==void 0)return e===`none`?`none`:`low`}var Vt={none:{label:R(`none`).label,sublabel:`asks every time`,tone:`negative`,dotColor:`var(--system-negative-strong)`},low:{label:R(`low`).label,sublabel:`safe lookups`,tone:`warning`,dotColor:`var(--system-mid-strong)`},medium:{label:R(`medium`).label,sublabel:`broader lookups`,tone:`info`,dotColor:`var(--system-info-strong)`},high:{label:R(`high`).label,sublabel:`any lookup`,tone:`positive`,dotColor:`var(--system-positive-strong)`}},Ht=[`trusted_contact`,`unverified_contact`,`unknown`];function Ut(e,t){let n={};for(let r of e){if(r.selector.scope!==`channel`||r.selector.adapter!==t)continue;let e=r.selector.channelExternalId;e&&(r.contactType===`trusted_contact`||!(e in n))&&(n[e]=r.threshold)}return n}function Wt(e,t,n){return n===`channels`?e.selector.scope===`adapter`&&e.selector.adapter===t:e.selector.scope===`channel_type`&&e.selector.adapter===t&&e.selector.channelType===`dm`}function Gt(e,t,n){let r;for(let i of e)Wt(i,t,n)&&(i.contactType===`trusted_contact`||r===void 0)&&(r=i.threshold);return r}var Kt=`__default__`;function qt({color:e}){return(0,$.jsx)(`span`,{"aria-hidden":`true`,className:`h-1.5 w-1.5 shrink-0 rounded-full`,style:{backgroundColor:e}})}function Jt({tier:e,defaultTier:t,disabled:n,onTierChange:r,onReset:i,"aria-label":o}){let{t:s}=a(`channels`),c=Bt(e??t??void 0),l=Bt(t??void 0)??null,u=zt.map(e=>({value:e,label:Vt[e].label,icon:(0,$.jsx)(qt,{color:Vt[e].dotColor}),suffix:e===l?(0,$.jsx)(`span`,{className:`text-[color:var(--content-tertiary)]`,children:s(`tierPicker.defaultSuffix`)}):void 0,tooltip:Vt[e].sublabel}));return u.unshift({value:Kt,label:`Default`,icon:(0,$.jsx)(qt,{color:`transparent`}),tooltip:`follows the default level`}),(0,$.jsx)(Re,{value:c??``,onChange:e=>{e===Kt||e===l?i():r(e)},options:u,placeholder:s(`tierPicker.defaultPlaceholder`),disabled:n,size:`compact`,menuAlign:`end`,"aria-label":o})}function Yt(e){return e.type===`dm`?`dm`:e.isPrivate?`private`:`public`}function Xt(e){return e.filter(e=>Yt(e)!==`dm`)}function Zt(e,t,n){let r=t.trim().toLowerCase();return e.filter(e=>(n===null||Yt(e)===n)&&(r===``||e.name.toLowerCase().includes(r))).sort((e,t)=>e.name.localeCompare(t.name))}function Qt(e){let t={public:0,private:0,dm:0};for(let n of e)t[Yt(n)]+=1;return t}function $t(e){return e.memberCount==null?null:e.memberCount===1?`1 member`:`${e.memberCount} members`}var en=[{value:null,labelKey:`slackChannelList.filterAll`},{value:`public`,labelKey:`slackChannelList.filterPublic`},{value:`private`,labelKey:`slackChannelList.filterPrivate`}],tn={public:D,private:C},nn=100,rn=new Set;function an({assistantDisplayName:e,slackHandle:t,channels:r,loading:i=!1,error:o=!1,tierOverrides:s,defaultTier:c=null,accessControlsSupported:l=!0,tierOverridesLoading:u=!1,tierOverridesError:d=!1,pendingChannelIds:f=rn,onTierChange:p,onTierReset:m}){let{t:g}=a(`channels`),[_,v]=(0,Q.useState)(``),[y,b]=(0,Q.useState)(null),x=(0,Q.useMemo)(()=>Xt(r??[]),[r]),S=(0,Q.useMemo)(()=>Zt(x,_,y),[x,_,y]),C=(0,Q.useMemo)(()=>Qt(x),[x]);return(0,$.jsxs)(`div`,{className:`flex flex-col gap-3 p-4`,children:[(0,$.jsx)(J,{as:`p`,variant:`body-small-lighter`,className:`text-[color:var(--content-tertiary)]`,children:(0,$.jsx)(n,{i18nKey:`slackChannelList.presenceHint`,ns:`channels`,values:{handle:t??`@${e}`,assistant:e},components:{invite:(0,$.jsx)(`code`,{className:`text-[color:var(--content-secondary)]`}),remove:(0,$.jsx)(`code`,{className:`text-[color:var(--content-secondary)]`})}})}),i?(0,$.jsx)(J,{as:`span`,variant:`body-small-lighter`,className:`text-[color:var(--content-tertiary)]`,children:g(`slackChannelList.loading`)}):o?(0,$.jsx)(J,{as:`span`,variant:`body-small-lighter`,className:`text-[color:var(--content-negative)]`,children:g(`slackChannelList.loadFailed`)}):x.length===0?(0,$.jsx)(Tt,{icon:(0,$.jsx)(D,{className:`h-6 w-6`}),title:g(`slackChannelList.emptyTitle`)}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`div`,{className:`flex flex-wrap items-center gap-3`,children:[(0,$.jsx)(`div`,{className:`min-w-56 flex-1`,children:(0,$.jsx)(Fe,{type:`search`,value:_,onChange:e=>v(e.target.value),placeholder:g(`slackChannelList.searchPlaceholder`),"aria-label":g(`slackChannelList.searchAria`),leftIcon:(0,$.jsx)(h,{className:`h-4 w-4`}),fullWidth:!0})}),(0,$.jsx)(`div`,{className:`flex items-center gap-2`,role:`group`,"aria-label":g(`slackChannelList.filterGroupAria`),children:en.map(({value:e,labelKey:t})=>{let n=y===e,r=e===null?x.length:C[e];return(0,$.jsx)(`button`,{type:`button`,"aria-pressed":n,onClick:()=>b(e),className:L(`inline-flex h-6 items-center rounded-full px-2.5 text-body-small-emphasised leading-none transition-colors`,n?`bg-[var(--content-default)] text-[var(--surface-base)]`:`bg-[var(--tag-bg-neutral)] text-[color:var(--content-secondary)] hover:text-[color:var(--content-default)]`),children:g(t,{count:r})},e??`all`)})})]}),S.length===0?(0,$.jsx)(J,{as:`span`,variant:`body-small-lighter`,className:`py-4 text-center text-[color:var(--content-tertiary)]`,children:g(`slackChannelList.noMatches`)}):S.length>nn?(0,$.jsx)(`div`,{className:`h-96`,children:(0,$.jsx)(Ve,{items:S,computeItemKey:(e,t)=>t.id,itemContent:(e,t)=>(0,$.jsx)(on,{channel:t,pending:f.has(t.id),overridesLoading:u,overridesError:d,defaultTier:c,accessControls:l,tierOverride:s?.[t.id],onTierChange:e=>p?.(t.id,e),onReset:()=>m?.(t.id)}),className:`h-full`})}):(0,$.jsx)(`div`,{className:`max-h-96 overflow-y-auto`,children:S.map(e=>(0,$.jsx)(on,{channel:e,pending:f.has(e.id),overridesLoading:u,overridesError:d,defaultTier:c,accessControls:l,tierOverride:s?.[e.id],onTierChange:t=>p?.(e.id,t),onReset:()=>m?.(e.id)},e.id))})]})]})}function on({channel:e,pending:t,overridesLoading:n,overridesError:r,defaultTier:i,accessControls:o,tierOverride:s,onTierChange:c,onReset:l}){let{t:u}=a(`channels`),d=Yt(e);if(d===`dm`)return null;let f=tn[d],p=$t(e),m=`[&+&]:border-t [&+&]:border-[var(--border-base)]`;return o?(0,$.jsx)(q,{className:m,leading:(0,$.jsx)(f,{className:`h-4 w-4 text-[var(--content-tertiary)]`}),title:e.name,subtitle:p??void 0,trailing:(0,$.jsx)(`div`,{className:`w-40 sm:w-48`,children:(0,$.jsx)(Jt,{tier:s,defaultTier:i,disabled:t||n||r,onTierChange:c,onReset:l,"aria-label":u(`slackChannelList.accessAria`,{channel:e.name})})})}):(0,$.jsx)(q,{className:m,leading:(0,$.jsx)(f,{className:`h-4 w-4 text-[var(--content-tertiary)]`}),title:e.name,trailing:p==null?void 0:(0,$.jsx)(`span`,{className:`text-body-small-default text-[color:var(--content-tertiary)]`,children:p})})}function sn(e){return e===`none`?`Asks before every action, even a web search.`:`Asks before anything beyond looking things up and saving files in its own workspace.`}function cn({defaultTier:e}){let{t}=a(`channels`),n=Bt(e??void 0)??null;return(0,$.jsx)(`div`,{className:`flex flex-col gap-2 px-4 py-3`,children:(0,$.jsx)(`ul`,{className:`grid gap-x-6 gap-y-3 sm:grid-cols-2`,children:[...zt].reverse().map(e=>{let r=Vt[e];return(0,$.jsxs)(`li`,{className:`flex flex-col gap-0.5`,children:[(0,$.jsxs)(`span`,{className:`flex items-center gap-1.5`,children:[(0,$.jsx)(qt,{color:r.dotColor}),(0,$.jsx)(J,{as:`span`,variant:`body-small-emphasised`,children:r.label}),e===n?(0,$.jsx)(J,{as:`span`,variant:`body-small-default`,className:`text-[color:var(--content-tertiary)]`,children:t(`slackChannelTierLegend.defaultMarker`)}):null]}),(0,$.jsx)(J,{as:`span`,variant:`body-small-lighter`,className:`text-[color:var(--content-tertiary)]`,children:sn(e)})]},e)})})})}var ln=[{bucket:`channels`,icon:D,title:`Channels`,description:`Public and private channels`},{bucket:`dm`,icon:v,title:`Direct messages`,description:`One-on-one DMs`}];function un({assistantName:e,globalDefaultTier:t,bucketTiers:r,loading:i,error:o,pendingBuckets:s,onBucketChange:c,onBucketReset:l}){let{t:u}=a(`channels`);return(0,$.jsxs)(U.Root,{children:[(0,$.jsx)(U.Header,{children:(0,$.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[u(`slackChannelTypeDefaults.heading`),(0,$.jsx)(J,{as:`p`,variant:`body-small-lighter`,className:`text-[color:var(--content-tertiary)]`,children:(0,$.jsx)(n,{i18nKey:`slackChannelTypeDefaults.subtitle`,ns:`channels`,values:{assistant:e},components:{trustRules:(0,$.jsx)(d,{to:ue.settings.privacy,className:`text-[var(--content-link)] underline hover:text-[var(--content-link-hover)]`})}})})]})}),(0,$.jsx)(U.Body,{className:`py-1`,children:ln.map(({bucket:e,icon:n,title:a,description:d})=>{let f=e===`dm`?r?.channels??t:t;return(0,$.jsx)(q,{className:`[&+&]:border-t [&+&]:border-[var(--border-base)]`,leading:(0,$.jsx)(n,{className:`h-4 w-4 text-[var(--content-tertiary)]`}),title:a,subtitle:d,trailing:(0,$.jsx)(`div`,{className:`w-40 sm:w-48`,children:(0,$.jsx)(Jt,{tier:r?.[e],defaultTier:f,disabled:i||o||s.has(e),onTierChange:t=>c(e,t),onReset:()=>l(e),"aria-label":u(`slackChannelTypeDefaults.bucketAria`,{bucket:a})})})},e)})}),(0,$.jsx)(U.Footer,{className:`p-0`,children:(0,$.jsx)(cn,{defaultTier:t})})]})}var dn=`0.11.0`;function fn(){return re(dn)}var pn=new Set([404,501]);function mn(e){let t=Ee(e);return t!==void 0&&pn.has(t)}function hn(e,t,n){return Ht.map(r=>({selector:{scope:`channel`,adapter:e,channelExternalId:t},contactType:r,threshold:n}))}function gn(e,t,n){return e.selector.scope===`channel`&&e.selector.adapter===t&&e.selector.channelExternalId===n}function _n(e,t){return t===`channels`?{scope:`adapter`,adapter:e}:{scope:`channel_type`,adapter:e,channelType:`dm`}}function vn(e,t,n){let r=_n(e,t);return Ht.map(e=>({selector:r,contactType:e,threshold:n}))}function yn({assistantId:e,adapter:n}){let a=i(),o=fn()&&!!e,s=(0,Q.useMemo)(()=>({path:{assistant_id:e}}),[e]),c=(0,Q.useMemo)(()=>We(s),[s]),l=(0,Q.useMemo)(()=>[`channel-permission-resolve`,e,n],[e,n]),u=r({...ke(s),enabled:o}),d=u.data?.cells,f=(0,Q.useMemo)(()=>d?Ut(d,n):void 0,[d,n]),p=(0,Q.useMemo)(()=>d?{channels:Gt(d,n,`channels`),dm:Gt(d,n,`dm`)}:void 0,[d,n]),m=r({queryKey:l,queryFn:async()=>{let{data:e}=await F({...s,body:{adapter:n,contactType:`trusted_contact`},throwOnError:!0});return e.resolved?.threshold??null},enabled:o,retry:!1,staleTime:3e4}),h=(e,t)=>{let n=a.getQueryData(c),r=Date.now();return a.setQueryData(c,n=>({cells:[...(n?.cells??[]).filter(t=>!e(t)),...t.map(e=>({...e,updatedAt:r}))]})),{previous:n}},g=t({mutationFn:async({channelExternalId:e,tier:t})=>{await Promise.all(hn(n,e,t).map(e=>de({...s,body:e,throwOnError:!0})))},onMutate:({channelExternalId:e,tier:t})=>h(t=>gn(t,n,e),hn(n,e,t)),onError:(e,t,n)=>{a.setQueryData(c,n?.previous),lt(`Failed to save channel settings`)(e)},onSettled:()=>a.invalidateQueries({queryKey:c})}),_=t({mutationFn:async({channelExternalId:e})=>{await Promise.all(Ht.map(t=>tt({...s,body:{selector:{scope:`channel`,adapter:n,channelExternalId:e},contactType:t},throwOnError:!0})))},onMutate:({channelExternalId:e})=>h(t=>gn(t,n,e),[]),onError:(e,t,n)=>{a.setQueryData(c,n?.previous),lt(`Failed to reset channel settings`)(e)},onSettled:()=>a.invalidateQueries({queryKey:c})}),v=t({mutationFn:async({bucket:e,tier:t})=>{await Promise.all(vn(n,e,t).map(e=>de({...s,body:e,throwOnError:!0})))},onMutate:({bucket:e,tier:t})=>h(t=>Wt(t,n,e),vn(n,e,t)),onError:(e,t,n)=>{a.setQueryData(c,n?.previous),lt(`Failed to save the default`)(e)},onSettled:(e,t,{bucket:n})=>{a.invalidateQueries({queryKey:c}),n===`channels`&&a.invalidateQueries({queryKey:l})}}),y=t({mutationFn:async({bucket:e})=>{let t=_n(n,e);await Promise.all(Ht.map(e=>tt({...s,body:{selector:t,contactType:e},throwOnError:!0})))},onMutate:({bucket:e})=>h(t=>Wt(t,n,e),[]),onError:(e,t,n)=>{a.setQueryData(c,n?.previous),lt(`Failed to reset the default`)(e)},onSettled:(e,t,{bucket:n})=>{a.invalidateQueries({queryKey:c}),n===`channels`&&a.invalidateQueries({queryKey:l})}}),b=(0,Q.useMemo)(()=>{let e=new Set;return g.isPending&&g.variables&&e.add(g.variables.channelExternalId),_.isPending&&_.variables&&e.add(_.variables.channelExternalId),e},[g.isPending,g.variables,_.isPending,_.variables]),x=(0,Q.useMemo)(()=>{let e=new Set;return v.isPending&&v.variables&&e.add(v.variables.bucket),y.isPending&&y.variables&&e.add(y.variables.bucket),e},[v.isPending,v.variables,y.isPending,y.variables]);return!o||u.isError&&mn(u.error)?{supported:!1,tierOverrides:void 0,defaultCellTier:void 0,bucketTiers:void 0,pendingChannelIds:new Set,pendingBuckets:new Set,isLoading:!1,isError:!1,onTierChange:void 0,onTierReset:void 0,onBucketChange:void 0,onBucketReset:void 0}:{supported:!0,tierOverrides:f,defaultCellTier:m.data,bucketTiers:p,pendingChannelIds:b,pendingBuckets:x,isLoading:u.isPending,isError:u.isError,onTierChange:(e,t)=>g.mutate({channelExternalId:e,tier:t}),onTierReset:e=>{f?.[e]!==void 0&&_.mutate({channelExternalId:e})},onBucketChange:(e,t)=>v.mutate({bucket:e,tier:t}),onBucketReset:e=>{p?.[e]!==void 0&&y.mutate({bucket:e})}}}function bn({assistantId:e,assistantDisplayName:t,slackHandle:n}){let{t:i}=a(`channels`),o=r({...je(e),enabled:!!e,select:e=>e.channels}),s=yn({assistantId:e,adapter:`slack`}),c=r({queryKey:[`thresholds`,e],queryFn:()=>ie(e),enabled:s.supported&&!!e,staleTime:3e4}).data?.interactive??null,l=s.defaultCellTier===void 0?null:s.defaultCellTier??c,u=(0,$.jsx)(an,{assistantDisplayName:t,slackHandle:n,accessControlsSupported:s.supported,defaultTier:l,channels:o.data,loading:o.isPending,error:o.isError,tierOverrides:s.tierOverrides,tierOverridesLoading:s.isLoading,tierOverridesError:s.isError,pendingChannelIds:s.pendingChannelIds,onTierChange:s.onTierChange,onTierReset:s.onTierReset});return!s.supported||!s.onBucketChange||!s.onBucketReset?(0,$.jsx)(U.Root,{noPadding:!0,clipContents:!0,children:u}):(0,$.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[s.isError?(0,$.jsx)(z,{tone:`error`,children:i(`slackChannelSection.overridesLoadFailed`)}):null,(0,$.jsx)(un,{assistantName:t,globalDefaultTier:c,bucketTiers:s.bucketTiers,loading:s.isLoading,error:s.isError,pendingBuckets:s.pendingBuckets,onBucketChange:s.onBucketChange,onBucketReset:s.onBucketReset}),(0,$.jsx)(U.Root,{noPadding:!0,clipContents:!0,children:(0,$.jsx)(Qe.Root,{type:`single`,collapsible:!0,children:(0,$.jsxs)(Qe.Item,{value:`per-channel-overrides`,children:[(0,$.jsxs)(Qe.Trigger,{className:`group justify-between gap-2 px-4 py-3`,children:[(0,$.jsx)(J,{as:`span`,variant:`body-small-emphasised`,children:i(`slackChannelSection.perChannelOverrides`)}),(0,$.jsx)(p,{"aria-hidden":`true`,className:`h-4 w-4 shrink-0 text-[var(--content-tertiary)] transition-transform group-data-[state=open]:rotate-180`})]}),(0,$.jsx)(Qe.Content,{className:`border-[var(--border-base)] data-[state=open]:border-t`,children:u})]})})})]})}function xn({slackHandle:e,health:t,disconnectPending:n=!1,onDisconnect:r,children:i}){let{t:o}=a(`channels`);return(0,$.jsxs)(U.Root,{children:[(0,$.jsx)(U.Header,{children:(0,$.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,$.jsx)(`img`,{src:Pe(`/images/integrations/slack.svg`),alt:``,className:`size-8 rounded-lg bg-[var(--surface-sunken)] p-1`}),e?(0,$.jsx)(J,{as:`span`,variant:`body-medium-default`,children:e}):null,(0,$.jsx)(It,{health:t}),(0,$.jsx)(`div`,{className:`ml-auto`,children:(0,$.jsx)(Z,{type:`button`,variant:`ghost`,onClick:r,disabled:!r||n,children:o(n?`connectionCard.disconnecting`:`connectionCard.disconnect`)})})]})}),(0,$.jsx)(U.Body,{children:i})]})}function Sn({threadMode:e,threadModePending:t=!1,onThreadModeChange:n}){let{t:r}=a(`channels`);return(0,$.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,$.jsx)(J,{as:`span`,variant:`body-small-emphasised`,className:`text-[color:var(--content-secondary)]`,children:r(`slackThreadBehavior.heading`)}),(0,$.jsxs)(I,{value:e??`mention_then_thread`,onValueChange:e=>n?.(e),disabled:t||!n,"aria-label":r(`slackThreadBehavior.selectAria`),children:[(0,$.jsx)(Y,{value:`mention_only`,label:r(`slackThreadBehavior.mentionsOnly`),helperText:r(`slackThreadBehavior.mentionsOnlyHelp`)}),(0,$.jsx)(Y,{value:`mention_then_thread`,label:r(`slackThreadBehavior.followThreads`),helperText:r(`slackThreadBehavior.followThreadsHelp`)})]})]})}function Cn({onSave:e}){let{t}=a(`channels`),[n,r]=(0,Q.useState)(``),[i,o]=(0,Q.useState)(``),[s,c]=(0,Q.useState)(!1),[l,u]=(0,Q.useState)(null),d=n.trim().length>0&&i.trim().length>0&&!s;return(0,$.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,$.jsx)(Fe,{label:t(`twilioCredentialEntry.accountSid`),type:`text`,value:n,onChange:e=>r(e.target.value),placeholder:`ACxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx`,disabled:s,fullWidth:!0}),(0,$.jsx)(Fe,{label:t(`twilioCredentialEntry.authToken`),type:`password`,value:i,onChange:e=>o(e.target.value),placeholder:t(`twilioCredentialEntry.authTokenPlaceholder`),disabled:s,fullWidth:!0}),l?(0,$.jsx)(`p`,{className:`text-label-small-default`,style:{color:`var(--content-negative)`},children:l}):null,(0,$.jsx)(`div`,{children:(0,$.jsx)(Z,{type:`button`,onClick:async()=>{if(!(!e||!d)){c(!0),u(null);try{await e(n.trim(),i.trim()),r(``),o(``)}catch(e){u(e instanceof Error?e.message:`Failed to save`)}finally{c(!1)}}},disabled:!d,children:t(s?`twilioCredentialEntry.saving`:`twilioCredentialEntry.save`)})})]})}function wn({channel:e,assistantId:t,assistantName:n,assistantDisplayName:r,pending:i,initialManualEntry:o=!1,onSetup:s,onDisconnect:c,onSaveTelegramToken:l,telegramSaveStatus:u,telegramSaveError:d,onSaveDiscordToken:f,discordSaveStatus:p,discordSaveError:m=null,discordInviteUrl:h,onSaveSlackConfig:g,slackSaveStatus:_,slackSaveError:v,slackThreadMode:y,slackThreadModePending:b=!1,onSlackThreadModeChange:x,onSaveTwilioCredentials:S,policy:C,policySaving:w=!1,policyLoading:T=!1,policyError:E=!1,onPolicyChange:D}){let{t:O}=a(`channels`),k=e.status===`incomplete`,[A,j]=(0,Q.useState)(o),M=e.key===`discord`&&A&&p===`success`,N=e.configured&&!M;if(e.key===`email`)return(0,$.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,$.jsx)(Ft,{}),N&&D?(0,$.jsx)(it,{children:(0,$.jsx)(Dt,{assistantDisplayName:r,policy:C,saving:w,loading:T,error:E,onChange:D})}):null]});if(e.key===`slack`)return(0,$.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[N?(0,$.jsx)(xn,{slackHandle:e.address,health:e.health,disconnectPending:i,onDisconnect:c,children:(0,$.jsx)(Sn,{threadMode:y,threadModePending:b,onThreadModeChange:x})}):(0,$.jsx)(Rt,{children:(0,$.jsx)(nt,{assistantId:t,assistantName:n,onSave:g,saveStatus:_,saveError:v})}),N?(0,$.jsx)(bn,{assistantId:t,assistantDisplayName:r,slackHandle:e.address}):null]});let P=G[e.key];return(0,$.jsx)(`div`,{className:`flex flex-col gap-4`,children:N?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Lt,{health:e.health,address:e.address,pending:i,onDisconnect:c}),P.hasTrustFloorControl&&D?(0,$.jsx)(Dt,{assistantDisplayName:r,policy:C,saving:w,loading:T,error:E,onChange:D}):null]}):A&&e.canManualEntry&&P.credentialForm?(e=>{switch(e){case`slack-wizard`:return null;case`telegram-token`:return(0,$.jsx)(rt,{assistantId:t,assistantName:n,saveStatus:u,saveError:d,onSave:l});case`discord-token`:return(0,$.jsx)(be,{assistantId:t,assistantName:n,saveStatus:p,saveError:m,onSave:f,...h?{inviteUrl:h}:{}});case`twilio-credentials`:return(0,$.jsx)(Cn,{onSave:S});default:return e}})(P.credentialForm):(0,$.jsx)(Tt,{icon:(0,$.jsx)(B,{channelId:e.key,className:`h-6 w-6`}),title:O(k?`channelPanel.incompleteTitle`:`channelPanel.disconnectedTitle`,{channel:ge(e.key)}),description:k?e.warning??O(`channelPanel.incompleteDescription`,{channel:ge(e.key)}):P.disconnectedPitchKey?O(P.disconnectedPitchKey,{assistant:r}):void 0,action:(0,$.jsxs)(`div`,{className:`flex flex-col items-center gap-1`,children:[(0,$.jsx)(Z,{type:`button`,variant:`outlined`,onClick:s,disabled:!s||i,children:O(i?`channelPanel.opening`:k?`channelPanel.finishSetup`:`channelPanel.setUp`)}),e.canManualEntry&&P.credentialForm?(0,$.jsx)(Z,{type:`button`,variant:`link`,onClick:()=>j(!0),children:O(`channelPanel.connectManually`)}):null]})})})}var Tn=new Set([404,501]),En=new Set([401,403]);function Dn(e){let t=Ee(e);return t!==void 0&&Tn.has(t)?`unsupported`:t!==void 0&&En.has(t)?`forbidden`:`unreadable`}function On(e,t,n){let r=e===`unreadable`?t:n;return r?r instanceof Error&&r.message?r.message:`Something went wrong`:null}function kn(e,n){let a=i(),o={assistant_id:e},s=r({...Le({path:o}),enabled:!!e,retry:Ae}),c=()=>a.invalidateQueries({queryKey:$e({path:o})}),l=t({...Se(),onSuccess:c}),u=t({...Te(),onSuccess:c}),d=s.data?.sources?.find(e=>e.source===n),f;f=s.isError?Dn(s.error):s.isPending?`loading`:d?d.state:`none`;let p=On(f,s.error,l.error??u.error);return{status:f,paths:d?.routes?.map(e=>({path:e.publicPath,approvalGoverned:e.signer!==`vellum`,deliversInbound:e.deliversInbound===!0}))??[],deciding:l.isPending||u.isPending,approve:()=>{d?.digest&&l.mutate({path:{...o,source:n},body:{digest:d.digest}})},revoke:()=>u.mutate({path:{...o,source:n}}),error:p}}var An=`plugin`;function jn(e){let n=i(),a=ct(),o=(0,Q.useMemo)(()=>({path:{assistant_id:e}}),[e]),s=(0,Q.useMemo)(()=>Ye(o),[o]),c=r({...Ue(o),enabled:a&&!!e,select:mt}),l=t({mutationFn:t=>ft(e,An,t),onSuccess:()=>n.invalidateQueries({queryKey:s}),onError:lt(`Failed to save channel policy`)}),u=(0,Q.useCallback)(e=>{l.mutate(e)},[l]);return a?{policy:c.data?.find(e=>e.channelType===An)?.policy,isLoading:c.isPending,isError:c.isError,isSaving:l.isPending,onChange:u}:{policy:void 0,isLoading:!1,isError:!1,isSaving:!1,onChange:void 0}}function Mn({channel:e,assistantId:t,assistantDisplayName:n}){let{t:r}=a(`channels`),i=c(),o=kn(t,e.plugin),s=jn(t);return(0,$.jsxs)(`div`,{className:`relative flex flex-col items-center gap-3 py-10 text-center`,children:[(0,$.jsx)(Z,{className:`absolute top-0 right-0`,variant:`ghost`,size:`compact`,iconOnly:(0,$.jsx)(S,{}),tooltip:r(`pluginChannelPanel.navigateToPluginPage`),"aria-label":r(`pluginChannelPanel.navigateToPluginPage`),onClick:()=>i(`/assistant/plugins/${e.plugin}`)}),(0,$.jsx)(Ke,{icon:e.icon,className:`h-8 w-8 text-[color:var(--content-secondary)]`}),(0,$.jsx)(`h3`,{className:`text-title-medium`,style:{color:`var(--content-default)`},children:e.label}),e.description?(0,$.jsx)(`p`,{className:`max-w-[420px] text-body-medium-default`,style:{color:`var(--content-secondary)`},children:e.description}):null,(0,$.jsx)(Nn,{channel:e,ingress:o}),s.onChange?(0,$.jsx)(`div`,{className:`w-full max-w-[420px] text-left`,children:(0,$.jsx)(Dt,{assistantDisplayName:n,policy:s.policy,saving:s.isSaving,loading:s.isLoading,error:s.isError,onChange:s.onChange})}):null]})}function Nn({channel:e,ingress:t}){let{t:n}=a(`channels`);switch(t.status){case`loading`:return(0,$.jsx)(Fn,{children:n(`pluginChannelPanel.ingressLoading`,{channel:e.label})});case`unsupported`:return(0,$.jsx)(Fn,{children:n(`pluginChannelPanel.ingressUnsupported`)});case`forbidden`:return(0,$.jsx)(Fn,{children:n(`pluginChannelPanel.ingressForbidden`)});case`unreadable`:return(0,$.jsxs)(Fn,{children:[n(`pluginChannelPanel.ingressUnreadable`,{channel:e.label}),t.error?` ${t.error}`:``]});case`none`:return(0,$.jsx)(Fn,{children:n(`pluginChannelPanel.ingressNone`,{channel:e.label})});case`pending`:case`approved`:return(0,$.jsx)(Pn,{ingress:t})}}function Pn({ingress:e}){let{t}=a(`channels`),n=e.status===`approved`;return(0,$.jsxs)(`div`,{className:`flex flex-col items-center gap-3`,children:[(0,$.jsx)(W,{tone:n?`positive`:`neutral`,children:t(n?`pluginChannelPanel.ingressApprovedTag`:`pluginChannelPanel.ingressPendingTag`)}),(0,$.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,$.jsx)(Z,{onClick:n?e.revoke:e.approve,disabled:e.deciding,variant:n?`outlined`:`primary`,children:t(n?`pluginChannelPanel.revokeChannel`:`pluginChannelPanel.approveChannel`)}),(0,$.jsx)(N,{content:t(`pluginChannelPanel.approveChannelInfo`),children:(0,$.jsx)(`span`,{tabIndex:0,className:`inline-flex cursor-default p-0.5 text-[color:var(--content-secondary)]`,"aria-label":t(`pluginChannelPanel.approveChannelInfo`),children:(0,$.jsx)(w,{className:`h-4 w-4`,"aria-hidden":`true`})})})]}),e.error?(0,$.jsx)(`p`,{className:`max-w-[420px] text-body-small-default`,style:{color:`var(--system-negative-strong)`},children:e.error}):null]})}function Fn({children:e}){return(0,$.jsx)(`p`,{className:`max-w-[420px] text-body-small-default`,style:{color:`var(--content-secondary)`},children:e})}function In({assistantId:e,assistantName:t,channels:n,pluginChannels:r=[],pendingChannelKey:i=null,slackThreadMode:o,slackThreadModePending:s=!1,channelPolicies:c,policySavingKey:l=null,policiesLoading:u=!1,policiesError:d=!1,onChannelPolicyChange:f,onSetup:p,onDisconnect:m,onSaveTelegramToken:h,telegramSaveStatus:g,onSaveDiscordToken:_,discordSaveStatus:v,discordSaveError:y=null,discordInviteUrl:b,telegramSaveError:x,onSaveSlackConfig:S,slackSaveStatus:C,slackSaveError:w,onSlackThreadModeChange:T,onSaveTwilioCredentials:E,initialChannel:D=null}){let{t:O}=a(`channels`),{selected:k,select:A}=xt(),[j,M]=(0,Q.useState)(null),{paneRef:N,hasRoomForList:P,drawerOpen:ee,openDrawer:te,closeDrawer:F}=st(),[I]=(0,Q.useState)(D);(0,Q.useEffect)(()=>{I&&A(I)},[I,A]);let ne=K(t),re=j?G[j]:null,L=e=>{A(e),F()},R=r.find(e=>e.key===k),z=R?void 0:n.find(e=>e.key===k)??n[0];if(!z&&!R)return null;let B=R?R.key:z.key,ie=R?(0,$.jsx)(Mn,{channel:R,assistantId:e,assistantDisplayName:ne},R.key):(0,$.jsx)(wn,{channel:z,assistantId:e,assistantName:t,assistantDisplayName:ne,pending:i===z.key,initialManualEntry:I===z.key,onSetup:p?()=>p(z.key,z.status===`incomplete`):void 0,onDisconnect:m&&z.canDisconnect?()=>M(z.key):void 0,onSaveTelegramToken:h,telegramSaveStatus:g,onSaveDiscordToken:_,discordSaveStatus:v,discordSaveError:y,...b?{discordInviteUrl:b}:{},telegramSaveError:x,onSaveSlackConfig:S,slackSaveStatus:C,slackSaveError:w,slackThreadMode:o,slackThreadModePending:s,onSlackThreadModeChange:T,onSaveTwilioCredentials:E,policy:c?.[z.key],policySaving:l===z.key,policyLoading:u,policyError:d,onPolicyChange:f?e=>f(z.key,e):void 0},z.key);return(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`div`,{ref:N,className:`flex min-h-0 flex-1 overflow-hidden ${P?`flex-row gap-6`:`flex-col gap-4`}`,children:[P?(0,$.jsx)(`aside`,{className:`min-h-0 w-[320px] shrink-0 overflow-y-auto self-stretch`,children:(0,$.jsx)(St,{channels:n,pluginChannels:r,selectedKey:B,onSelect:L})}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`div`,{className:`flex items-center`,children:(0,$.jsx)(ot,{onClick:te})}),(0,$.jsx)(at,{open:ee,onClose:F,title:O(`assistantChannelsList.drawerTitle`),children:(0,$.jsx)(St,{channels:n,pluginChannels:r,selectedKey:B,onSelect:L})})]}),(0,$.jsx)(`section`,{className:`min-h-0 min-w-0 flex-1 overflow-y-auto`,children:B===`slack`||B===`email`?ie:(0,$.jsx)(it,{children:ie})})]}),(0,$.jsx)(et,{open:j!==null,title:O(`assistantChannelsList.disconnectTitle`,{channel:re?O(re.labelKey):``}),message:re?.disconnectMessageKey?O(re.disconnectMessageKey):``,confirmLabel:O(`assistantChannelsList.disconnectConfirm`),destructive:!0,onConfirm:()=>{j&&m&&m(j),M(null)},onCancel:()=>M(null)})]})}var Ln=`plugin:`;function Rn(e){let{data:t}=r({...ce({path:{assistant_id:e}}),enabled:!!e,select:e=>e.channels.filter(e=>e.source?.startsWith(Ln)).map(e=>({plugin:e.id,key:oe(e.id),label:e.label,description:e.subtitle,icon:e.icon}))});return t??[]}function zn(){let[e,t]=l(),n=e.get(`setup`),r=n&&Ne(n)?n:null;return(0,Q.useEffect)(()=>{r&&t(e=>(e.delete(`setup`),e),{replace:!0})},[r,t]),r}function Bn({assistantId:e,onStartSetupConversation:t}){let n=le.use.a2aChannel(),r=Xe.use.name(),i=zn(),a=ht(e),o=K(r),s=dt({assistantId:e,onStartSetupConversation:t});return(0,$.jsxs)(`div`,{className:`flex min-h-0 flex-1 flex-col gap-6 overflow-hidden`,children:[(0,$.jsx)(In,{assistantId:e,assistantName:o,initialChannel:i,pluginChannels:Rn(e),...s}),n?(0,$.jsx)(pt,{onClick:a.open}):null,(0,$.jsx)(ut,{open:a.isOpen,assistantId:e,onClose:a.close})]})}function Vn(){let e=c(),t=he();return(0,$.jsx)(Bn,{assistantId:t,onStartSetupConversation:t=>{_e(e,{prompt:t})}},t)}export{Vn as ChannelsPageRoute};