@vellumai/web 0.12.3-staging.1 → 0.12.3

package/dist/assets/archive-redirect-page-DebwOmzE.js

@@ -1 +0,0 @@
-import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Ib as t}from"./app-n7D5Q-HS.js";import{f as n,x as r}from"./react-B9IgSVeK.js";var i=e(r(),1);function a(){let e=n();return(0,i.useEffect)(()=>{e(`${t.settings.debug}?tab=archive`,{replace:!0})},[e]),null}export{a as ArchiveRedirectPage};

package/dist/assets/assistant-status-panel-B1FR7MM1.js

@@ -1 +0,0 @@
-import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Dx as t,Gb as n,Jb as r,Kd as i,Zh as a,et as o,km as s,ld as c}from"./app-n7D5Q-HS.js";import{I as l,Zn as u,j as d}from"./vendor-DUzxlXbu.js";import{t as f,x as p}from"./react-B9IgSVeK.js";import{Jn as m}from"./icons-DxrLl-Dj.js";import"./environment-store-BeKdNCDQ.js";var h=e(p(),1),g=f();function _({value:e,max:t,caption:n}){let r=t>0?Math.max(0,Math.min(e/t*100,100)):0,i=r>90;return(0,g.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,g.jsx)(`div`,{className:`h-2 w-full overflow-hidden rounded-full bg-[var(--surface-active)]`,children:(0,g.jsx)(`div`,{className:`h-full rounded-full transition-[width] duration-200`,style:{width:`${r}%`,backgroundColor:i?`var(--system-negative-strong)`:`var(--system-positive-strong)`}})}),n&&(0,g.jsx)(`span`,{className:`text-label-medium-default text-[var(--content-tertiary)]`,children:n})]})}var v=7,y=2e3;function b(e){let t=(0,h.useRef)(0),n=(0,h.useRef)(null),[r,i]=(0,h.useState)(null),a=(0,h.useCallback)(()=>{if(t.current+=1,t.current>=v){t.current=0;let r=c.getState(),a=!r.settingsDeveloperNav;r.setFlag(`settingsDeveloperNav`,a,e),i(l(a?`settings:devModeVersionUnlock.enabled`:`settings:devModeVersionUnlock.disabled`)),n.current!==null&&clearTimeout(n.current),n.current=setTimeout(()=>{i(null),n.current=null},y)}},[e]);return(0,h.useEffect)(()=>()=>{n.current!==null&&clearTimeout(n.current)},[]),{onTap:a,message:r}}function x({version:e,loading:t,assistantId:n}){let{t:r}=d(`settings`),{onTap:i,message:a}=b(n);return t?(0,g.jsxs)(`span`,{className:`flex items-center gap-2 text-body-medium-lighter text-[var(--content-tertiary)]`,children:[(0,g.jsx)(m,{className:`h-4 w-4 animate-spin`}),r(`devModeVersionUnlock.loading`)]}):e?(0,g.jsxs)(`div`,{children:[(0,g.jsx)(`button`,{type:`button`,className:`break-all text-left text-body-medium-lighter text-[var(--content-default)]`,onClick:i,children:e}),a&&(0,g.jsx)(`p`,{className:`mt-1 text-body-small-default text-[var(--content-accent)]`,children:a})]}):(0,g.jsx)(`span`,{className:`text-body-medium-lighter text-[var(--content-tertiary)]`,children:`—`})}var S=`currentAssistant`,C=4e3,w=9e4;function T(e,t){return(e.memory?.maxMb??null)!==(t.memory?.maxMb??null)||(e.cpu?.maxCores??null)!==(t.cpu?.maxCores??null)}function E(e,t,n){return t===null||n>=t.until?!1:e===void 0||t.baseline===null?C:T(e,t.baseline)?!1:C}function D(){let e=o(),{data:c=null,isLoading:d,refetch:f}=u({queryKey:[S,e],queryFn:async()=>{let t=await a(e);return t.ok?t.data:null},retry:!1}),p=s(),m=(0,h.useMemo)(()=>i({path:{assistant_id:e}}),[e]),[g,_]=(0,h.useState)(null),{data:v=null,isLoading:y,isFetching:b,error:x,refetch:C}=u({...m,enabled:p===`ready`,retry:!1,staleTime:0,refetchInterval:e=>E(e.state.data,g,Date.now())}),T=y||p===`resolving`,D=g!==null;return(0,h.useEffect)(()=>{x===null||v!==null||r(x)||(n(x,{context:`fetch_assistant_healthz`}),t.error(l(`settings:assistantStatusPanel.loadHealthzFailed`)))},[x,v]),(0,h.useEffect)(()=>{if(g===null)return;if(g.baseline===null&&v!==null){_({...g,baseline:v});return}if(E(v??void 0,g,Date.now())===!1){_(null);return}let e=setTimeout(()=>_(null),Math.max(0,g.until-Date.now()));return()=>clearTimeout(e)},[g,v]),(0,h.useEffect)(()=>{_(null)},[e]),{assistant:c,assistantLoading:d,healthz:v,healthzLoading:T,healthzFetching:b,healthzPolling:D,refetch:(0,h.useCallback)(async()=>{await Promise.all([f(),C()])},[f,C]),refetchUntilResized:(0,h.useCallback)(e=>{f(),_({baseline:e,until:Date.now()+w})},[f])}}function O(e){return e>=1024?`${(e/1024).toFixed(1)} GB`:`${e.toFixed(0)} MB`}export{_ as a,b as i,D as n,x as r,O as t};

package/dist/assets/auth-store-C6J2aPKg.js

@@ -1 +0,0 @@
-import{Op as e,Pp as t}from"./app-n7D5Q-HS.js";export{e as useAuthStore,t as whenPlatformSessionSettled};

package/dist/assets/avatar-bundled-components-L3rXWeWJ.js

@@ -1 +0,0 @@
-import{Di as e}from"./app-n7D5Q-HS.js";export{e as BUNDLED_COMPONENTS};

package/dist/assets/avatar-random-CWz7C9rs.js

@@ -1,2 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/local-mode-CMLuHoSn.js","assets/app-n7D5Q-HS.js","assets/rolldown-runtime-BM3Ffeng.js","assets/react-B9IgSVeK.js","assets/vendor-DUzxlXbu.js","assets/icons-DxrLl-Dj.js","assets/app-BFMKh-Wt.css"])))=>i.map(i=>d[i]);
-import{Ag as e,Gb as t,Nm as n,Nv as r,Og as i,Qh as a,Zh as o,_m as s,gg as c,jm as l,kg as u,zy as d}from"./app-n7D5Q-HS.js";import{v as f}from"./react-B9IgSVeK.js";import{c as p}from"./machine-sizes--PLzvcMG.js";import{a as m,n as h,r as g}from"./provisioning-targets-DdPIF4Aj.js";async function _(e,r,i){try{await l(e)||await n(e,r),i.invalidateQueries({queryKey:s(e)})}catch(e){t(e,{context:`onboarding_avatar_sync`})}}function v(e){if(!e)return;let t=new Date().toISOString();r(e,t),f(()=>import(`./local-mode-CMLuHoSn.js`).then(n=>n.markLockfileAssistantOnboarded(e,t)),__vite__mapDeps([0,1,2,3,4,5,6])).catch(e=>{console.warn(`Failed to stamp onboardedAt on the lockfile entry`,e)})}var y=3e3,b=3e5,x=9e4;async function S(t){let{assistantId:n,postCheckoutReturn:r,managedHatch:s,hatchStartMs:l,isCancelled:f,onResizeWait:_,registerTimer:v}=t,b=e=>new Promise(t=>{if(f()){t();return}let n=setTimeout(()=>{v?.(null),t()},e);v?.(n)});if(d()&&!s)return`ready`;let S=!1,C=()=>{S||i({throwOnError:!1}).then(e=>{e.data!=null&&!h(e.data)&&(S=!0)}).catch(()=>{})},w=async()=>{for(;!f();){try{if((await a(n)).ok)return`ready`}catch{}if(Date.now()-l>=3e5)return`health_timeout`;await b(y)}return`ready`},T=Date.now()+x,E=null;for(;!f();){C();let t=`unknown`;try{let n=await e({throwOnError:!1});if(f())return`ready`;n.data&&(t=n.data.plan_id===`pro`?`pro`:`non_pro`)}catch{}try{let e=await u({throwOnError:!1});if(f())return`ready`;let t=e.data;t&&(E={machineSize:p(t.max_machine_tier),storageGib:t.selected_storage_gib??null})}catch{}let n=E!=null&&(E.machineSize!=null||E.storageGib!=null);if(t===`non_pro`&&!r)return`ready`;if(t===`pro`&&n)break;if(Date.now()>=T)return w();await b(y)}if(f())return`ready`;for(_?.();!f();){C();let e=null;try{let t=await o(n);if(f())return`ready`;t.ok&&(e={machineSize:t.data.machine_size??null,storageGib:t.data.provisioned_storage_gib??null})}catch{}let t=!0;try{let e=await c({path:{id:n},throwOnError:!1});if(f())return`ready`;e.data&&(t=g(e.data))}catch{t=!0}if(m(E,e)&&!t||Date.now()>=T)break;await b(y)}return f()?`ready`:w()}function C(e){return e===`windows`?`actions.downloadWindowsApp`:`actions.downloadMacOSApp`}function w(e){let t=e=>e[Math.floor(Math.random()*e.length)];return{bodyShape:t(e.bodyShapes).id,eyeStyle:t(e.eyeStyles).id,color:t(e.colors).id}}export{S as a,y as i,C as n,v as o,b as r,_ as s,w as t};

package/dist/assets/background-task-detail-panel-t9FRp_-Z.js

@@ -1 +0,0 @@
-import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Dr as t,Er as n,Gb as r,Gx as i,Or as a,Tr as o,Zn as s,on as c,sn as l}from"./app-n7D5Q-HS.js";import{j as u}from"./vendor-DUzxlXbu.js";import{t as d,x as f}from"./react-B9IgSVeK.js";import{t as p}from"./detail-panel-stop-button-B-4csyQj.js";import{t as m}from"./status-badge-pill-Dw3L9IOE.js";import{a as h,t as g}from"./detail-primitives-ChhRyu-L.js";var _=e(f(),1),v=d();function y({status:e}){return(0,v.jsx)(m,{color:o(e),label:n(e)})}function b({entry:e,onClose:n}){let{t:o}=u(`chat`),d=a(e.status),f=!d,m=f&&e.output!==void 0&&e.output!==``,b=f&&e.exitCode!=null,[x,S]=(0,_.useState)(!1),C=(0,_.useCallback)(()=>{S(!0),c(e.id).catch(e=>{S(!1),r(e,{context:`BackgroundTaskDetailPanel.stop`})})},[e.id]);return(0,v.jsxs)(s,{Glyph:l(e.toolName),title:t(e.status),headerTrailing:(0,v.jsx)(y,{status:e.status}),headerActions:d?(0,v.jsx)(p,{onStop:C,ariaLabel:o(`backgroundTaskDetailPanel.stopCommandAria`),disabled:x}):void 0,closeVariant:`outlined`,closeLabel:o(`backgroundTaskDetailPanel.closeDetail`),onClose:n,children:[(0,v.jsxs)(`div`,{children:[(0,v.jsx)(h,{children:o(`backgroundTaskDetailPanel.command`)}),(0,v.jsx)(g,{text:e.command})]}),m&&(0,v.jsxs)(`div`,{className:`mt-5`,children:[(0,v.jsx)(h,{children:o(`backgroundTaskDetailPanel.output`)}),(0,v.jsx)(g,{text:e.output})]}),b&&(0,v.jsx)(i,{variant:`body-small-default`,as:`p`,className:`mt-2 text-[var(--content-tertiary)]`,children:o(`backgroundTaskDetailPanel.exitCode`,{code:e.exitCode})})]})}export{b as BackgroundTaskDetailPanel};

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

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

package/dist/assets/bookmarks-page-UXQyS5kQ.js

@@ -1 +0,0 @@
-import{Ib as e,Wx as t,bc as n,fa as r,in as i,rn as a,tS as o,zg as s,zi as c}from"./app-n7D5Q-HS.js";import{j as l}from"./vendor-DUzxlXbu.js";import{f as u,r as d,t as f}from"./react-B9IgSVeK.js";import{E as p,Jn as m,Tt as h,_a as g,i as _}from"./icons-DxrLl-Dj.js";var v=f();function y(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 b({t:e}){return(0,v.jsx)(t,{children:(0,v.jsxs)(`div`,{className:`flex min-h-[400px] flex-col items-center justify-center px-6 py-16 text-center`,children:[(0,v.jsx)(`div`,{className:`flex h-12 w-12 items-center justify-center rounded-full bg-[var(--surface-base)]`,children:(0,v.jsx)(g,{className:`h-6 w-6 text-[var(--content-disabled)] dark:text-[var(--content-default)]`})}),(0,v.jsx)(`h2`,{className:`mt-4 text-title-small text-[var(--content-default)]`,children:e(`bookmarksPage.emptyTitle`)}),(0,v.jsx)(`p`,{className:`mt-1 text-body-medium-lighter text-[var(--content-tertiary)]`,children:e(`bookmarksPage.emptyDescription`)})]})})}function x({bookmark:e,isFirst:t,onOpen:n,onRemove:i,t:a}){let s=r()(e.conversationTitle),c=e.messageRole!==`user`,l=y(e.createdAt);return(0,v.jsxs)(`div`,{className:`flex items-start gap-3 py-3 ${t?``:`border-t border-[var(--border-base)]`}`,children:[(0,v.jsx)(`span`,{"aria-hidden":!0,className:`mt-1 h-8 w-1 shrink-0 rounded-full`,style:{backgroundColor:c?`var(--content-default)`:`var(--content-tertiary)`}}),(0,v.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,v.jsxs)(`div`,{className:`flex items-baseline justify-between gap-3`,children:[(0,v.jsx)(`div`,{className:`truncate text-body-medium-default text-[var(--content-default)]`,children:s}),l?(0,v.jsx)(`span`,{className:`shrink-0 text-body-small-default text-[var(--content-tertiary)]`,children:l}):null]}),e.messagePreview?(0,v.jsx)(`p`,{className:`mt-0.5 line-clamp-2 text-body-small-default text-[var(--content-tertiary)]`,children:e.messagePreview}):null]}),(0,v.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[(0,v.jsx)(o,{variant:`outlined`,onClick:n,children:a(`bookmarksPage.open`)}),(0,v.jsx)(`button`,{type:`button`,onClick:i,title:a(`bookmarksPage.removeBookmark`),"aria-label":a(`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,v.jsx)(_,{className:`h-4 w-4`})})]})]})}function S(){let{t:r}=l(`settings`),f=u(),{bookmarks:g,isLoading:_,isError:y,refetch:S}=i(),C=a(),w=c();return s.use.hydrated()&&!w?(0,v.jsx)(d,{replace:!0,to:e.settings.general}):_?(0,v.jsx)(`div`,{className:`w-full`,children:(0,v.jsx)(`div`,{className:`flex min-h-[400px] items-center justify-center`,children:(0,v.jsx)(m,{className:`h-6 w-6 animate-spin text-[var(--content-disabled)]`})})}):y?(0,v.jsx)(`div`,{className:`w-full`,children:(0,v.jsx)(t,{children:(0,v.jsxs)(`div`,{className:`flex min-h-[400px] flex-col items-center justify-center px-6 py-16 text-center`,children:[(0,v.jsx)(`div`,{className:`flex h-12 w-12 items-center justify-center rounded-full bg-[var(--system-error-lighter)]`,children:(0,v.jsx)(p,{className:`h-6 w-6 text-[var(--system-error-default)]`})}),(0,v.jsx)(`h2`,{className:`mt-4 text-title-small text-[var(--content-default)]`,children:r(`bookmarksPage.errorTitle`)}),(0,v.jsx)(`p`,{className:`mt-1 text-body-medium-lighter text-[var(--content-tertiary)]`,children:r(`bookmarksPage.errorDescription`)}),(0,v.jsxs)(o,{variant:`outlined`,onClick:S,className:`mt-4`,children:[(0,v.jsx)(h,{className:`h-4 w-4`}),r(`bookmarksPage.retry`)]})]})})}):g.length===0?(0,v.jsx)(`div`,{className:`w-full`,children:(0,v.jsx)(b,{t:r})}):(0,v.jsx)(`div`,{className:`w-full`,children:(0,v.jsx)(t,{noPadding:!0,className:`px-4`,children:g.map((e,t)=>(0,v.jsx)(x,{bookmark:e,isFirst:t===0,onOpen:()=>n(f,e.conversationId,{messageId:e.messageId}),onRemove:()=>{C(e.messageId,e.conversationId,!0)},t:r},e.id))})})}export{S as BookmarksPage};

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

@@ -1 +0,0 @@
-import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{$n as t,Cr as n,Cx as r,Gx as i,It as a,Ji as o,Jp as s,Pt as c,Sx as l,Wt as u,Zn as d,ar as f,bb as p,cm as m,fn as h,hi as g,ir as _,or as v,pn as y,rv as b,sr as x,tS as S,vi as C,vy as w,xx as T,zx as E}from"./app-n7D5Q-HS.js";import{j as D}from"./vendor-DUzxlXbu.js";import{t as O,x as k}from"./react-B9IgSVeK.js";import{Ja as A,Xr as j,qi as M}from"./icons-DxrLl-Dj.js";var N=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`}]]),P=e(k(),1),F=O();function I({entry:e,channelLabel:t,assistantName:n,isReferenced:o,onToggleReference:s}){let{t:d}=D(`chat`),p=f(e.timestamp),m=e.role===`user`?d(`channelTranscriptPanel.unknownSender`):n??d(`channelTranscriptPanel.assistantSender`),h=e.provenance.senderName??m,g=e.provenance.reaction;return(0,F.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,F.jsxs)(`header`,{className:`flex min-w-0 items-baseline gap-2`,children:[(0,F.jsx)(i,{as:`span`,variant:`body-small-emphasised`,className:`min-w-0 truncate text-[var(--content-default)]`,children:h}),p?(0,F.jsx)(i,{as:`span`,variant:`body-small-lighter`,title:a(p),className:`shrink-0 text-[var(--content-tertiary)]`,children:c(p)}):null,(0,F.jsx)(`span`,{className:`flex-1`}),v(e)?(0,F.jsx)(S,{variant:`ghost`,size:`compact`,"data-reveal":``,active:o,leftIcon:o?(0,F.jsx)(M,{}):(0,F.jsx)(N,{}),onClick:()=>s(e),"aria-pressed":o,"aria-label":o?d(`channelTranscriptPanel.removeReferenceAria`):d(`channelTranscriptPanel.referenceAria`,{channel:t}),className:`shrink-0`,children:d(o?`channelTranscriptPanel.referenced`:`channelTranscriptPanel.reference`)}):null]}),g?(0,F.jsx)(i,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-secondary)]`,children:d(g.op===`added`?`channelTranscriptPanel.reactionAdded`:`channelTranscriptPanel.reactionRemoved`,{emoji:u(g)})}):(0,F.jsxs)(i,{as:`div`,variant:`body-small-default`,className:`${l} mb-0`,children:[(0,F.jsx)(`span`,{"aria-hidden":`true`,className:T}),(0,F.jsx)(`span`,{className:`${r} whitespace-pre-wrap break-words`,children:e.text||d(`channelTranscriptPanel.noText`)})]})]})}function L({sidecarRef:e,threadName:n,sourceHref:r,entries:a,assistantName:o,referencedEntryId:s,onToggleReference:c,onClose:l}){let{t:u}=D(`chat`),f=C(e.channelId),p=n?u(`channelTranscriptPanel.namedTitle`,{channel:f,thread:n}):u(`channelTranscriptPanel.title`,{channel:f});return(0,F.jsxs)(d,{icon:(0,F.jsx)(g,{channelId:e.channelId,className:`h-5 w-5 shrink-0 text-[var(--content-secondary)]`}),title:p,headerTrailing:(0,F.jsx)(E,{tone:`neutral`,children:u(`channelTranscriptPanel.readOnly`)}),headerActions:r?(0,F.jsx)(S,{asChild:!0,variant:`outlined`,leftIcon:(0,F.jsx)(j,{}),className:`shrink-0`,children:(0,F.jsx)(`a`,{href:r,target:`_blank`,rel:`noreferrer noopener`,onClick:e=>b(e,r),children:u(`channelTranscriptPanel.openInChannel`,{channel:f})})}):void 0,closeLabel:u(`channelTranscriptPanel.closeAria`),closeTooltip:u(`channelTranscriptPanel.closeTooltip`),onClose:l,children:[(0,F.jsx)(i,{as:`p`,variant:`body-small-lighter`,className:`mb-3 text-[var(--content-tertiary)]`,children:u(`channelTranscriptPanel.readOnlyNote`,{channel:f})}),a.length===0?(0,F.jsx)(t,{children:x(e.channelId)?u(`channelTranscriptPanel.emptyThread`,{channel:f}):u(`channelTranscriptPanel.emptyNoMessageDetail`,{channel:f})}):(0,F.jsx)(`div`,{className:`flex flex-col gap-1`,children:a.map(e=>(0,F.jsx)(I,{entry:e,channelLabel:f,assistantName:o,isReferenced:s===e.id,onToggleReference:c},e.id))})]})}function R({sidecarRef:e,onClose:t}){let r=w.use.activeAssistantId(),i=m.use.activeConversationId(),{target:a,entries:c}=_({conversationId:i,conversation:o(r,i,!0),messages:n()}),l=p.use.name(),u=h.use.reference(),d=h.use.toggleReference(),f=s(a,e),g=f?c:[],v=C(e.channelId),b=(0,P.useCallback)(e=>{a&&d(y({entry:e,target:a,channelLabel:v}))},[a,d,v]);return(0,F.jsx)(L,{sidecarRef:e,threadName:f?a?.threadName:void 0,sourceHref:f?a?.sourceHref:void 0,entries:g,assistantName:l,referencedEntryId:u?.messageId??null,onToggleReference:b,onClose:t})}export{R as ChannelTranscriptPanel};

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

@@ -1 +0,0 @@
-import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{$c as t,$o as n,$u as r,Ax as i,B as a,C as o,Dd as s,Dx as c,E as l,Ex as u,Gb as d,Gx as f,H as p,Ib as m,Ix as h,Jc as g,Jr as _,Mx as v,Nx as y,Od as b,Om as x,Oo as S,Qb as C,Qc as w,Qo as ee,Qu as T,T as E,Td as D,Tp as O,Uo as te,Ux as k,V as A,Wx as j,Xc as M,Yc as N,Yl as ne,Yx as P,Zc as re,Zo as F,_o as I,_x as ie,al as ae,am as oe,bb as L,cl as R,dd as z,el as se,es as ce,et as le,fd as ue,gi as de,gx as fe,hi as pe,iS as me,il as he,im as B,is as V,ix as ge,ld as _e,mn as H,nS as ve,nl as ye,ns as be,ou as xe,pd as U,ph as Se,px as W,qb as Ce,qc as we,rl as Te,rm as G,rs as Ee,sl as De,tS as K,t_ as Oe,tl as ke,ts as Ae,tx as je,vi as Me,vo as Ne,w as Pe,wx as q,xc as Fe,yi as Ie,zx as Le}from"./app-n7D5Q-HS.js";import{Jn as J,N as Y,Zn as X,er as Re,j as Z}from"./vendor-DUzxlXbu.js";import{_ as ze,d as Be,f as Ve,h as He,n as Ue,t as We,x as Ge}from"./react-B9IgSVeK.js";import{Bn as Ke,Ci as qe,En as Je,Hi as Ye,Jn as Xe,Ki as Ze,Kn as Qe,Lt as $e,Ri as et,Xr as tt,_t as nt,dr as rt,k as it,qi as at,yr as ot}from"./icons-DxrLl-Dj.js";import{t as st}from"./detail-card-BkqRteiy.js";import{n as ct,r as lt,t as ut}from"./use-side-list-room-C4-lrJ7T.js";import{a as dt,c as ft,i as pt,n as mt,o as ht,r as gt,s as _t,t as vt,u as yt}from"./use-invite-link-dialog-BSufG3vr.js";import{t as bt}from"./use-platform-assistant-id-CKhExZPC.js";import{t as xt}from"./environment-store-BeKdNCDQ.js";import{i as St,r as Ct}from"./service-form-controls-BtX2YnjY.js";var Q=e(Ge(),1);function wt(){let{channelId:e}=He(),t=Ve(),{search:n}=Be();return{selected:e,select:(0,Q.useCallback)(e=>{t({pathname:`/assistant/channels/${encodeURIComponent(e)}`,search:n},{replace:!0})},[t,n])}}var $=We();function Tt({channels:e,pluginChannels:t=[],selectedKey:n,onSelect:r}){return(0,$.jsx)(j.Root,{className:`flex h-full flex-col overflow-hidden`,children:(0,$.jsx)(j.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)(Et,{channel:e,selected:e.key===n,onClick:()=>r(e.key)},e.key)),t.map(e=>(0,$.jsx)(Dt,{channel:e,selected:e.key===n,onClick:()=>r(e.key)},e.key))]})})})}function Et({channel:e,selected:t,onClick:n}){let r=e.status===`ready`,i=Me(e.key),a=r?`Connected`:`Not connected`;return(0,$.jsx)(P,{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)(pe,{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)(Le,{tone:r?`positive`:`neutral`,children:a})})]})})}function Dt({channel:e,selected:t,onClick:n}){let{t:r}=Z(`channels`);return(0,$.jsx)(P,{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)(de,{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)($e,{"aria-hidden":!0,className:`h-4 w-4 shrink-0 text-[color:var(--content-secondary)]`})]})})}function Ot({icon:e,title:t,description:n,action:r,className:i}){return(0,$.jsxs)(`div`,{className:me(`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 kt={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 At({assistantDisplayName:e,policy:t,saving:n=!1,loading:r=!1,error:i=!1,onChange:a}){let{t:o}=Z(`channels`),s=t??`trusted_contacts`,c=yt.map(t=>({value:t,label:o(kt[t].labelKey),tooltip:o(kt[t].descriptionKey,{assistant:e})})),[l,d]=(0,Q.useState)(null),p=l?kt[l].confirm:void 0;return(0,$.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,$.jsx)(f,{as:`span`,variant:`body-small-emphasised`,className:`text-[color:var(--content-secondary)]`,children:o(`channelTrustFloor.heading`,{assistant:e})}),r?(0,$.jsx)(f,{as:`span`,variant:`body-small-lighter`,className:`text-[color:var(--content-tertiary)]`,children:o(`channelTrustFloor.loading`)}):i?(0,$.jsx)(f,{as:`span`,variant:`body-small-lighter`,className:`text-[color:var(--content-negative)]`,children:o(`channelTrustFloor.loadFailed`)}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`div`,{style:{maxWidth:280},children:(0,$.jsx)(q,{value:s,onChange:e=>{if(kt[e].confirm){d(e);return}a(e)},options:c,disabled:n,"aria-label":o(`channelTrustFloor.selectAria`,{assistant:e})})}),(0,$.jsx)(f,{as:`span`,variant:`body-small-lighter`,className:`text-[color:var(--content-tertiary)]`,children:o(kt[s].descriptionKey,{assistant:e})}),s===`trusted_contacts`?(0,$.jsx)(k,{tone:`info`,className:`max-w-lg`,children:o(`channelTrustFloor.trustedContactsNotice`,{assistant:e})}):null]}),(0,$.jsx)(u,{open:l!==null,title:p?o(p.titleKey):``,message:p?o(p.messageKey):``,confirmLabel:o(p?p.actionKey:`channelTrustFloor.confirmFallback`),destructive:p?.destructive??!1,onConfirm:()=>{l&&a(l),d(null)},onCancel:()=>d(null)})]})}function jt({mode:e,onChange:t}){let{t:n}=Z(`common`);return(0,$.jsx)(`div`,{className:`max-w-[280px]`,children:(0,$.jsx)(i,{ariaLabel:n(`serviceCard.modeToggleAriaLabel`),value:e,onChange:t,items:[{value:`managed`,label:n(`serviceCard.managedLabel`)},{value:`your-own`,label:n(`serviceCard.yourOwnLabel`)}]})})}function Mt({id:e,title:t,subtitle:n,mode:r,onModeChange:i,children:a}){return(0,$.jsxs)(st,{id:e,title:t,subtitle:n,accessory:(0,$.jsx)(jt,{mode:r,onChange:i}),children:[(0,$.jsx)(`div`,{className:`h-px bg-[var(--surface-active)]`}),(0,$.jsx)(`div`,{className:`mt-4`,children:a})]})}function Nt(e,t){return e===`managed`||e===`your-own`?e:t}function Pt({subdomain:e,onSubdomainChange:t,domainSuffix:n,subdomainPlaceholder:r=`my-assistant`,disabled:i,autoFocus:a,prefix:o,error:s,locked:c,lockedMessage:l}){let{t:u}=Z(`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 ${s?`border-[var(--system-negative-strong)]`:`border-[var(--field-border)] focus-within:border-[var(--border-active)]`}`,children:[o,(0,$.jsx)(`input`,{value:e,onChange:e=>t(e.target.value.toLowerCase().trim()),disabled:i||c,readOnly:c,autoFocus:a,placeholder:r,"aria-label":u(`domainField.subdomainAriaLabel`),"aria-invalid":!!s,className:`h-full min-w-0 flex-1 bg-transparent ${o?`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]})]}),s&&(0,$.jsx)(`p`,{className:`mt-1.5 text-body-small-default text-[var(--system-negative-strong)]`,children:s}),c&&l&&(0,$.jsx)(`p`,{className:`mt-1.5 text-body-small-default text-[var(--content-tertiary)]`,children:l})]})}function Ft({status:e,isLoading:t}){let{t:n}=Z(`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)(Xe,{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)(at,{className:`h-3 w-3`}),n(`domainVerificationChip.domainVerified`)]}):e===`pending`?(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)(qe,{className:`h-3 w-3`}),n(`domainVerificationChip.verifyingDomain`)]}):e===`not_started`?(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.setupRequiredTitle`),children:[(0,$.jsx)(Ye,{className:`h-3 w-3`}),n(`domainVerificationChip.setupRequired`)]}):(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)(Ye,{className:`h-3 w-3`}),n(`domainVerificationChip.verificationFailed`)]})}var It=`rounded bg-[var(--surface-active)] px-1 py-0.5 font-mono text-[0.9em]`,Lt=1e4;function Rt(e){return e===`verified`||e===`failed`||e===`not_started`?!1:Lt}function zt({assistantId:e,assistantHandle:n,emailRootDomain:r}){let{t:i}=Z(`channels`),a=Re(),o=Ve(),[l,f]=ze(),[p,h]=(0,Q.useState)(``),[_,v]=(0,Q.useState)(!1),[y,x]=(0,Q.useState)(null),[S,ee]=(0,Q.useState)(``),[T,E]=(0,Q.useState)(null),[D,O]=(0,Q.useState)(!1),[te,A]=(0,Q.useState)(!1),[j,P]=(0,Q.useState)(!1),[F,I]=(0,Q.useState)(!1),[ie,oe]=(0,Q.useState)(null);(0,Q.useEffect)(()=>{_||!n||p||(h(n),v(!0))},[n,_,p]);let L=X({...ne(),enabled:!0}),z=L.data,ce=z?.entitlements,ue=ce?.managed_email===!0,de=!!ce&&!ue,fe=!z&&L.isError&&!L.isFetching,pe=X({...N({path:{assistant_id:e}}),enabled:!de}),me=X({...ye({path:{assistant_id:e}}),enabled:!de}),B=pe.data?.results?.[0],V=me.data?.results?.[0],ge=B?`${B.subdomain}.${r}`:null,_e=X({...he({path:{assistant_id:e,id:V?.id??``}}),enabled:!!V?.id,refetchOnWindowFocus:!1}),H=X({...re({path:{assistant_id:e,id:B?.id??``}}),enabled:!!B?.id,refetchInterval:e=>Rt(e.state.data?.status),refetchOnWindowFocus:!0});(0,Q.useEffect)(()=>{l.get(`release`)!==`1`||!B||V||(A(!0),f(e=>{let t=new URLSearchParams(e);return t.delete(`release`),t},{replace:!0}))},[V,B,l,f]);let ve=J(we()),be=J(g()),U=xe(),Se=J(se()),W=J(ke()),Ce=J(b()),G=(0,Q.useCallback)(()=>{let t={assistant_id:e};a.invalidateQueries({queryKey:M({path:t})}),a.invalidateQueries({queryKey:Te({path:t})}),V?.id&&a.invalidateQueries({queryKey:ae({path:{...t,id:V.id}})}),a.invalidateQueries({queryKey:R()})},[V?.id,e,a]),Ee=le(),De=Ce.mutateAsync,Oe=(0,Q.useCallback)(()=>{De({path:{assistant_id:Ee},body:{channel:`email`}}).catch(()=>{}).finally(()=>{a.invalidateQueries({queryKey:s({path:{assistant_id:Ee}})})})},[Ee,a,De]),Ae=(0,Q.useCallback)(async()=>{let t=p.trim().toLowerCase();if(!t){x(i(`emailManagedContent.enterSubdomainError`));return}O(!1);try{await ve.mutateAsync({path:{assistant_id:e},body:{subdomain:t}}),h(``),x(null),G(),c.success(i(`emailManagedContent.domainRegisteredToast`,{domain:`${t}.${r}`}))}catch(e){x(C(e,void 0,i(`emailManagedContent.registerDomainFailedFallback`)))}},[e,r,G,ve,p,i]),je=(0,Q.useCallback)(async()=>{let t=S.trim().toLowerCase();if(!t){E(i(`emailManagedContent.enterUsernameError`));return}try{await Se.mutateAsync({path:{assistant_id:e},body:{username:t}}),ee(``),E(null),G(),Oe(),c.success(i(`emailManagedContent.emailCreatedToast`))}catch(e){E(C(e,void 0,i(`emailManagedContent.createEmailFailedFallback`)))}},[e,G,Oe,Se,S,i]),Me=(0,Q.useCallback)(async()=>{if(V?.id){P(!1);try{await W.mutateAsync({path:{assistant_id:e,id:V.id}}),G(),Oe(),c.success(i(`emailManagedContent.emailRemovedToast`))}catch(e){d(e,{context:`email_address_delete`}),c.error(i(`emailManagedContent.emailRemoveFailedToast`))}}},[V?.id,e,W,G,Oe,i]),Ne=(0,Q.useCallback)(async()=>{if(!(!B?.id||U.isPending)){oe(null);try{let n=await U.mutateAsync({path:{assistant_id:e,id:B.id}});I(!1),t(a,{path:{assistant_id:e,id:B.id}},n),a.invalidateQueries({queryKey:w({path:{assistant_id:e,id:B.id}})}),c.success(i(`emailManagedContent.repairStartedToast`))}catch(e){d(e,{context:`email_domain_provision`});let t=C(e,void 0,i(`emailManagedContent.repairFailedFallback`));oe(t),c.error(t)}}},[e,B?.id,U,a,i]),Pe=(0,Q.useCallback)(async()=>{if(!B?.id)return;if(V){c.error(i(`emailManagedContent.removeAddressFirstToast`));return}A(!1);let t=B.subdomain;try{await be.mutateAsync({path:{assistant_id:e,id:B.id}}),h(t),G(),c.success(i(`emailManagedContent.domainReleasedToast`))}catch(e){d(e,{context:`email_domain_release`}),c.error(i(`emailManagedContent.domainReleaseFailedToast`))}},[V,e,be,B?.id,B?.subdomain,G,i]);if(L.isLoading)return(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-body-small-default text-[var(--content-tertiary)]`,children:[(0,$.jsx)(Xe,{className:`h-4 w-4 animate-spin`}),i(`emailManagedContent.checkingSubscription`)]});if(de)return(0,$.jsx)(k,{tone:`info`,icon:(0,$.jsx)(Ke,{className:`h-4 w-4`,"aria-hidden":!0}),title:i(`emailManagedContent.upgradeNoticeTitle`),actions:(0,$.jsx)(K,{size:`compact`,onClick:()=>o(m.plans),children:i(`emailManagedContent.upgradeButton`)}),children:i(`emailManagedContent.upgradeNoticeBody`)});let q=fe?(0,$.jsx)(k,{tone:`warning`,title:i(`emailManagedContent.subscriptionWarningTitle`),actions:(0,$.jsx)(K,{size:`compact`,variant:`outlined`,onClick:()=>L.refetch(),children:i(`emailManagedContent.retry`)}),children:i(`emailManagedContent.subscriptionWarningBody`)}):null;return B?V?(0,$.jsxs)(`div`,{className:`space-y-4`,children:[q,(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(`label`,{className:`block text-body-small-default text-[var(--content-tertiary)]`,children:i(`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:V.address}),(0,$.jsx)(Ft,{status:H.data?.status,isLoading:H.isLoading}),(0,$.jsx)(K,{variant:`dangerGhost`,size:`compact`,iconOnly:(0,$.jsx)(it,{}),onClick:()=>P(!0),disabled:W.isPending,"aria-label":i(`emailManagedContent.removeEmailAriaLabel`)})]}),(0,$.jsx)(u,{open:j,title:i(`emailManagedContent.removeEmailTitle`),message:(0,$.jsx)(Y,{i18nKey:`emailManagedContent.removeEmailConfirmMessage`,ns:`channels`,values:{address:V.address},components:{code:(0,$.jsx)(`code`,{className:It})}}),confirmLabel:i(`emailManagedContent.removeConfirm`),destructive:!0,onConfirm:Me,onCancel:()=>P(!1)})]}),H.data?.status===`not_started`&&(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(k,{tone:`warning`,title:i(`emailManagedContent.repairNoticeTitle`),actions:(0,$.jsx)(K,{size:`compact`,onClick:()=>{oe(null),I(!0)},disabled:U.isPending,children:U.isPending?i(`emailManagedContent.completingSetup`):i(`emailManagedContent.completeSetup`)}),children:i(`emailManagedContent.repairNoticeBody`)}),(0,$.jsx)(u,{open:F,title:i(`emailManagedContent.repairConfirmTitle`),message:(0,$.jsx)(Y,{i18nKey:`emailManagedContent.repairConfirmMessage`,ns:`channels`,values:{domain:ge},components:{code:(0,$.jsx)(`code`,{className:It})}}),confirmLabel:i(`emailManagedContent.completeSetup`),isPending:U.isPending,error:ie,onConfirm:()=>{Ne()},onCancel:()=>{U.isPending||I(!1)}})]}),_e.data?.usage&&(0,$.jsx)(`p`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:i(`emailManagedContent.usageSummary`,{sent:_e.data.usage.sent_today,limit:_e.data.usage.daily_limit,received:_e.data.usage.received_today})})]}):(0,$.jsxs)(`div`,{className:`space-y-4`,children:[q,(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(`label`,{className:`block text-body-small-default text-[var(--content-tertiary)]`,children:i(`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:[B.subdomain,`.`,r]}),(0,$.jsx)(Ft,{status:H.data?.status,isLoading:H.isLoading}),(0,$.jsx)(K,{variant:`dangerGhost`,size:`compact`,iconOnly:(0,$.jsx)(it,{}),onClick:()=>A(!0),disabled:be.isPending,"aria-label":i(`emailManagedContent.releaseDomainAriaLabel`)})]}),(0,$.jsx)(u,{open:te,title:i(`emailManagedContent.releaseDomainTitle`),message:(0,$.jsx)(Y,{i18nKey:`emailManagedContent.releaseDomainConfirmMessage`,ns:`channels`,values:{domain:`${B.subdomain}.${r}`},components:{code:(0,$.jsx)(`code`,{className:It})}}),confirmLabel:i(`emailManagedContent.releaseConfirm`),destructive:!0,onConfirm:Pe,onCancel:()=>A(!1)})]}),(0,$.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,$.jsx)(`label`,{className:`block text-body-small-default text-[var(--content-tertiary)]`,children:i(`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 ${T?`border-[var(--system-negative-strong)]`:`border-[var(--field-border)] focus-within:border-[var(--border-active)]`}`,children:[(0,$.jsx)(`input`,{value:S,onChange:e=>{ee(e.target.value.toLowerCase()),T&&E(null)},placeholder:i(`emailManagedContent.emailUsernamePlaceholder`),"aria-label":i(`emailManagedContent.emailUsernameAriaLabel`),"aria-invalid":!!T,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:[`@`,ge]})]}),(0,$.jsx)(K,{onClick:je,disabled:Se.isPending||!S.trim(),children:Se.isPending?i(`emailManagedContent.creating`):i(`emailManagedContent.create`)})]}),T&&(0,$.jsx)(`p`,{className:`text-body-small-default text-[var(--system-negative-strong)]`,children:T})]})]}):(0,$.jsxs)(`div`,{className:`space-y-3`,children:[q,(0,$.jsx)(`label`,{className:`block text-body-small-default text-[var(--content-tertiary)]`,children:i(`emailManagedContent.subdomainLabel`)}),(0,$.jsx)(Pt,{subdomain:p,onSubdomainChange:e=>{h(e),y&&x(null)},domainSuffix:r,subdomainPlaceholder:i(`emailManagedContent.subdomainExamplePlaceholder`),error:y}),(0,$.jsx)(`p`,{className:`text-body-small-lighter text-[var(--content-tertiary)]`,children:i(`emailManagedContent.subdomainHint`)}),(0,$.jsx)(K,{onClick:()=>O(!0),disabled:ve.isPending||!p.trim(),children:ve.isPending?i(`emailManagedContent.registering`):i(`emailManagedContent.register`)}),(0,$.jsx)(u,{open:D,title:i(`emailManagedContent.setSubdomainTitle`),message:(0,$.jsx)(Y,{i18nKey:`emailManagedContent.setSubdomainConfirmMessage`,ns:`channels`,values:{subdomain:p.trim().toLowerCase()||i(`emailManagedContent.subdomainFallback`)},components:{code:(0,$.jsx)(`code`,{className:It})}}),confirmLabel:i(`emailManagedContent.confirm`),onConfirm:Ae,onCancel:()=>O(!1)})]})}function Bt(){let{t:e}=Z(`channels`),t=le(),n=x(),{data:r}=X({...De(),enabled:n}),i=r?.results?.[0]?.handle,a=xt.use.emailRootDomain(),o=O(),[s,l]=(0,Q.useState)(()=>o===`gated`?`your-own`:Nt(je(Ne,`managed`),`managed`)),[u,f]=(0,Q.useState)(()=>{let e=je(I,`resend`);return e===`mailgun`||e===`resend`?e:`resend`}),{platformAssistantId:p,error:m}=bt(t,o===`full`&&s===`managed`),h=p??(m?t:null),g=X({queryKey:[`byoEmailCredential`,t,u],queryFn:async()=>{let{data:e}=await Oe({path:{assistant_id:t},body:{service:u,field:`api_key`},throwOnError:!0});return e},enabled:s===`your-own`||o===`gated`,staleTime:6e4,retry:Ce,meta:{errorContext:`byo_email_credential_check`}});(0,Q.useEffect)(()=>{g.error&&d(g.error,{context:`byo_email_credential_check`,bestEffort:!0})},[g.error]);let _=g.data?.hasSecret===!0,v=(0,Q.useCallback)(e=>{l(e),ge(Ne,e)},[]),y=(0,Q.useCallback)(()=>{ge(I,u),c.success(e(`emailChannelSection.saveSuccessToast`))},[u,e]),b=(0,Q.useMemo)(()=>S.find(e=>e.id===u)??S[0],[u]),C=(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)(rt,{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)(Y,{i18nKey:`emailChannelSection.setupInstructions`,ns:`channels`,values:{providerName:b.displayName,setupSkill:b.setupSkill},components:{code:(0,$.jsx)(`code`,{className:`rounded bg-[var(--surface-active)] px-1 py-0.5 text-[12px]`})}})}),(0,$.jsxs)(`a`,{href:b.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:b.displayName}),(0,$.jsx)(tt,{className:`h-3 w-3`})]})]})]}),w=(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)(q,{value:u,onChange:e=>{(e===`mailgun`||e===`resend`)&&f(e)},options:S.map(e=>({value:e.id,label:e.displayName}))})]}),_?(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)(et,{className:`h-4 w-4 shrink-0 text-[var(--system-positive-strong)]`}),(0,$.jsx)(`span`,{children:(0,$.jsx)(Y,{i18nKey:`emailChannelSection.apiKeyConfigured`,ns:`channels`,values:{providerName:b.displayName,setupSkill:b.setupSkill},components:{code:(0,$.jsx)(`code`,{className:`rounded bg-[var(--surface-active)] px-1 py-0.5 text-[12px]`})}})})]}),(0,$.jsxs)(`a`,{href:b.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:b.displayName}),(0,$.jsx)(tt,{className:`h-3 w-3`})]})]}):C,(0,$.jsx)(`div`,{className:`flex items-center gap-2`,children:(0,$.jsx)(Ct,{onClick:y,disabled:!1})})]});return o===`gated`?(0,$.jsx)(St,{id:`email`,title:e(`emailChannelSection.title`),subtitle:e(`emailChannelSection.subtitle`),children:w}):(0,$.jsx)(Mt,{id:`email`,title:e(`emailChannelSection.title`),subtitle:e(`emailChannelSection.subtitle`),mode:s,onModeChange:v,children:s===`managed`?(0,$.jsx)(`div`,{className:`space-y-4`,children:o===`disabled`?(0,$.jsx)(H,{children:e(`emailChannelSection.platformLoginNotice`)}):h===null?(0,$.jsxs)(`div`,{className:`flex items-center gap-2 text-body-small-default text-[var(--content-tertiary)]`,children:[(0,$.jsx)(Xe,{className:`h-4 w-4 animate-spin`}),e(`emailChannelSection.connecting`)]}):(0,$.jsx)(zt,{assistantId:h,assistantHandle:i,emailRootDomain:a})}):w})}function Vt({health:e}){let{Icon:t,label:n,tone:r}=Ie(e);return(0,$.jsx)(Le,{tone:r,leftIcon:(0,$.jsx)(t,{}),children:n})}function Ht({address:e,health:t,pending:n,onDisconnect:r}){let{t:i}=Z(`channels`);return(0,$.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,$.jsx)(Vt,{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)(K,{type:`button`,variant:`danger`,onClick:r,disabled:!r||n,children:i(n?`connectionCard.disconnecting`:`connectionCard.disconnect`)})})]})}function Ut({children:e}){let{t}=Z(`channels`);return(0,$.jsxs)(j.Root,{children:[(0,$.jsx)(j.Header,{children:(0,$.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,$.jsx)(`img`,{src:_(`/images/integrations/slack.svg`),alt:``,className:`size-8 rounded-lg bg-[var(--surface-sunken)] p-1`}),(0,$.jsx)(f,{as:`span`,variant:`body-medium-default`,children:t(`slackChannelCard.setupHeading`)})]})}),(0,$.jsx)(j.Body,{children:e})]})}a.map(e=>e.riskThreshold);var Wt=[`none`,`low`];function Gt(e){if(e!==void 0)return e===`none`?`none`:`low`}var Kt={none:{label:A(`none`).label,sublabel:`asks every time`,tone:`negative`,dotColor:`var(--system-negative-strong)`},low:{label:A(`low`).label,sublabel:`safe lookups`,tone:`warning`,dotColor:`var(--system-mid-strong)`},medium:{label:A(`medium`).label,sublabel:`broader lookups`,tone:`info`,dotColor:`var(--system-info-strong)`},high:{label:A(`high`).label,sublabel:`any lookup`,tone:`positive`,dotColor:`var(--system-positive-strong)`}},qt=[`trusted_contact`,`unverified_contact`,`unknown`];function Jt(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 Yt(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 Xt(e,t,n){let r;for(let i of e)Yt(i,t,n)&&(i.contactType===`trusted_contact`||r===void 0)&&(r=i.threshold);return r}var Zt=`__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 $t({tier:e,defaultTier:t,disabled:n,onTierChange:r,onReset:i,"aria-label":a}){let{t:o}=Z(`channels`),s=Gt(e??t??void 0),c=Gt(t??void 0)??null,l=Wt.map(e=>({value:e,label:Kt[e].label,icon:(0,$.jsx)(Qt,{color:Kt[e].dotColor}),suffix:e===c?(0,$.jsx)(`span`,{className:`text-[color:var(--content-tertiary)]`,children:o(`tierPicker.defaultSuffix`)}):void 0,tooltip:Kt[e].sublabel}));return l.unshift({value:Zt,label:`Default`,icon:(0,$.jsx)(Qt,{color:`transparent`}),tooltip:`follows the default level`}),(0,$.jsx)(q,{value:s??``,onChange:e=>{e===Zt||e===c?i():r(e)},options:l,placeholder:o(`tierPicker.defaultPlaceholder`),disabled:n,size:`compact`,menuAlign:`end`,"aria-label":a})}function en(e){return e.type===`dm`?`dm`:e.isPrivate?`private`:`public`}function tn(e){return e.filter(e=>en(e)!==`dm`)}function nn(e,t,n){let r=t.trim().toLowerCase();return e.filter(e=>(n===null||en(e)===n)&&(r===``||e.name.toLowerCase().includes(r))).sort((e,t)=>e.name.localeCompare(t.name))}function rn(e){let t={public:0,private:0,dm:0};for(let n of e)t[en(n)]+=1;return t}function an(e){return e.memberCount==null?null:e.memberCount===1?`1 member`:`${e.memberCount} members`}var on=[{value:null,labelKey:`slackChannelList.filterAll`},{value:`public`,labelKey:`slackChannelList.filterPublic`},{value:`private`,labelKey:`slackChannelList.filterPrivate`}],sn={public:ot,private:Qe},cn=100,ln=new Set;function un({assistantDisplayName:e,slackHandle:t,channels:n,loading:r=!1,error:i=!1,tierOverrides:a,defaultTier:o=null,accessControlsSupported:s=!0,tierOverridesLoading:c=!1,tierOverridesError:l=!1,pendingChannelIds:u=ln,onTierChange:d,onTierReset:p}){let{t:m}=Z(`channels`),[g,_]=(0,Q.useState)(``),[v,y]=(0,Q.useState)(null),b=(0,Q.useMemo)(()=>tn(n??[]),[n]),x=(0,Q.useMemo)(()=>nn(b,g,v),[b,g,v]),S=(0,Q.useMemo)(()=>rn(b),[b]);return(0,$.jsxs)(`div`,{className:`flex flex-col gap-3 p-4`,children:[(0,$.jsx)(f,{as:`p`,variant:`body-small-lighter`,className:`text-[color:var(--content-tertiary)]`,children:(0,$.jsx)(Y,{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)]`})}})}),r?(0,$.jsx)(f,{as:`span`,variant:`body-small-lighter`,className:`text-[color:var(--content-tertiary)]`,children:m(`slackChannelList.loading`)}):i?(0,$.jsx)(f,{as:`span`,variant:`body-small-lighter`,className:`text-[color:var(--content-negative)]`,children:m(`slackChannelList.loadFailed`)}):b.length===0?(0,$.jsx)(Ot,{icon:(0,$.jsx)(ot,{className:`h-6 w-6`}),title:m(`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)(h,{type:`search`,value:g,onChange:e=>_(e.target.value),placeholder:m(`slackChannelList.searchPlaceholder`),"aria-label":m(`slackChannelList.searchAria`),leftIcon:(0,$.jsx)(nt,{className:`h-4 w-4`}),fullWidth:!0})}),(0,$.jsx)(`div`,{className:`flex items-center gap-2`,role:`group`,"aria-label":m(`slackChannelList.filterGroupAria`),children:on.map(({value:e,labelKey:t})=>{let n=v===e,r=e===null?b.length:S[e];return(0,$.jsx)(`button`,{type:`button`,"aria-pressed":n,onClick:()=>y(e),className:me(`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:m(t,{count:r})},e??`all`)})})]}),x.length===0?(0,$.jsx)(f,{as:`span`,variant:`body-small-lighter`,className:`py-4 text-center text-[color:var(--content-tertiary)]`,children:m(`slackChannelList.noMatches`)}):x.length>cn?(0,$.jsx)(`div`,{className:`h-96`,children:(0,$.jsx)(ie,{items:x,computeItemKey:(e,t)=>t.id,itemContent:(e,t)=>(0,$.jsx)(dn,{channel:t,pending:u.has(t.id),overridesLoading:c,overridesError:l,defaultTier:o,accessControls:s,tierOverride:a?.[t.id],onTierChange:e=>d?.(t.id,e),onReset:()=>p?.(t.id)}),className:`h-full`})}):(0,$.jsx)(`div`,{className:`max-h-96 overflow-y-auto`,children:x.map(e=>(0,$.jsx)(dn,{channel:e,pending:u.has(e.id),overridesLoading:c,overridesError:l,defaultTier:o,accessControls:s,tierOverride:a?.[e.id],onTierChange:t=>d?.(e.id,t),onReset:()=>p?.(e.id)},e.id))})]})]})}function dn({channel:e,pending:t,overridesLoading:n,overridesError:r,defaultTier:i,accessControls:a,tierOverride:o,onTierChange:s,onReset:c}){let{t:l}=Z(`channels`),u=en(e);if(u===`dm`)return null;let d=sn[u],f=an(e),p=`[&+&]:border-t [&+&]:border-[var(--border-base)]`;return a?(0,$.jsx)(W,{className:p,leading:(0,$.jsx)(d,{className:`h-4 w-4 text-[var(--content-tertiary)]`}),title:e.name,subtitle:f??void 0,trailing:(0,$.jsx)(`div`,{className:`w-40 sm:w-48`,children:(0,$.jsx)($t,{tier:o,defaultTier:i,disabled:t||n||r,onTierChange:s,onReset:c,"aria-label":l(`slackChannelList.accessAria`,{channel:e.name})})})}):(0,$.jsx)(W,{className:p,leading:(0,$.jsx)(d,{className:`h-4 w-4 text-[var(--content-tertiary)]`}),title:e.name,trailing:f==null?void 0:(0,$.jsx)(`span`,{className:`text-body-small-default text-[color:var(--content-tertiary)]`,children:f})})}function fn(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 pn({defaultTier:e}){let{t}=Z(`channels`),n=Gt(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:[...Wt].reverse().map(e=>{let r=Kt[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)(f,{as:`span`,variant:`body-small-emphasised`,children:r.label}),e===n?(0,$.jsx)(f,{as:`span`,variant:`body-small-default`,className:`text-[color:var(--content-tertiary)]`,children:t(`slackChannelTierLegend.defaultMarker`)}):null]}),(0,$.jsx)(f,{as:`span`,variant:`body-small-lighter`,className:`text-[color:var(--content-tertiary)]`,children:fn(e)})]},e)})})})}var mn=[{bucket:`channels`,icon:ot,title:`Channels`,description:`Public and private channels`},{bucket:`dm`,icon:Je,title:`Direct messages`,description:`One-on-one DMs`}];function hn({assistantName:e,globalDefaultTier:t,bucketTiers:n,loading:r,error:i,pendingBuckets:a,onBucketChange:o,onBucketReset:s}){let{t:c}=Z(`channels`);return(0,$.jsxs)(j.Root,{children:[(0,$.jsx)(j.Header,{children:(0,$.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[c(`slackChannelTypeDefaults.heading`),(0,$.jsx)(f,{as:`p`,variant:`body-small-lighter`,className:`text-[color:var(--content-tertiary)]`,children:(0,$.jsx)(Y,{i18nKey:`slackChannelTypeDefaults.subtitle`,ns:`channels`,values:{assistant:e},components:{trustRules:(0,$.jsx)(Ue,{to:m.settings.privacy,className:`text-[var(--content-link)] underline hover:text-[var(--content-link-hover)]`})}})})]})}),(0,$.jsx)(j.Body,{className:`py-1`,children:mn.map(({bucket:e,icon:l,title:u,description:d})=>{let f=e===`dm`?n?.channels??t:t;return(0,$.jsx)(W,{className:`[&+&]:border-t [&+&]:border-[var(--border-base)]`,leading:(0,$.jsx)(l,{className:`h-4 w-4 text-[var(--content-tertiary)]`}),title:u,subtitle:d,trailing:(0,$.jsx)(`div`,{className:`w-40 sm:w-48`,children:(0,$.jsx)($t,{tier:n?.[e],defaultTier:f,disabled:r||i||a.has(e),onTierChange:t=>o(e,t),onReset:()=>s(e),"aria-label":c(`slackChannelTypeDefaults.bucketAria`,{bucket:u})})})},e)})}),(0,$.jsx)(j.Footer,{className:`p-0`,children:(0,$.jsx)(pn,{defaultTier:t})})]})}var gn=`0.11.0`;function _n(){return Se(gn)}var vn=new Set([404,501]);function yn(e){let t=T(e);return t!==void 0&&vn.has(t)}function bn(e,t,n){return qt.map(r=>({selector:{scope:`channel`,adapter:e,channelExternalId:t},contactType:r,threshold:n}))}function xn(e,t,n){return e.selector.scope===`channel`&&e.selector.adapter===t&&e.selector.channelExternalId===n}function Sn(e,t){return t===`channels`?{scope:`adapter`,adapter:e}:{scope:`channel_type`,adapter:e,channelType:`dm`}}function Cn(e,t,n){let r=Sn(e,t);return qt.map(e=>({selector:r,contactType:e,threshold:n}))}function wn({assistantId:e,adapter:t}){let n=Re(),r=_n()&&!!e,i=(0,Q.useMemo)(()=>({path:{assistant_id:e}}),[e]),a=(0,Q.useMemo)(()=>V(i),[i]),o=(0,Q.useMemo)(()=>[`channel-permission-resolve`,e,t],[e,t]),s=X({...Ee(i),enabled:r}),c=s.data?.cells,l=(0,Q.useMemo)(()=>c?Jt(c,t):void 0,[c,t]),u=(0,Q.useMemo)(()=>c?{channels:Xt(c,t,`channels`),dm:Xt(c,t,`dm`)}:void 0,[c,t]),d=X({queryKey:o,queryFn:async()=>{let{data:e}=await U({...i,body:{adapter:t,contactType:`trusted_contact`},throwOnError:!0});return e.resolved?.threshold??null},enabled:r,retry:!1,staleTime:3e4}),f=(e,t)=>{let r=n.getQueryData(a),i=Date.now();return n.setQueryData(a,n=>({cells:[...(n?.cells??[]).filter(t=>!e(t)),...t.map(e=>({...e,updatedAt:i}))]})),{previous:r}},p=J({mutationFn:async({channelExternalId:e,tier:n})=>{await Promise.all(bn(t,e,n).map(e=>ue({...i,body:e,throwOnError:!0})))},onMutate:({channelExternalId:e,tier:n})=>f(n=>xn(n,t,e),bn(t,e,n)),onError:(e,t,r)=>{n.setQueryData(a,r?.previous),ft(`Failed to save channel settings`)(e)},onSettled:()=>n.invalidateQueries({queryKey:a})}),m=J({mutationFn:async({channelExternalId:e})=>{await Promise.all(qt.map(n=>z({...i,body:{selector:{scope:`channel`,adapter:t,channelExternalId:e},contactType:n},throwOnError:!0})))},onMutate:({channelExternalId:e})=>f(n=>xn(n,t,e),[]),onError:(e,t,r)=>{n.setQueryData(a,r?.previous),ft(`Failed to reset channel settings`)(e)},onSettled:()=>n.invalidateQueries({queryKey:a})}),h=J({mutationFn:async({bucket:e,tier:n})=>{await Promise.all(Cn(t,e,n).map(e=>ue({...i,body:e,throwOnError:!0})))},onMutate:({bucket:e,tier:n})=>f(n=>Yt(n,t,e),Cn(t,e,n)),onError:(e,t,r)=>{n.setQueryData(a,r?.previous),ft(`Failed to save the default`)(e)},onSettled:(e,t,{bucket:r})=>{n.invalidateQueries({queryKey:a}),r===`channels`&&n.invalidateQueries({queryKey:o})}}),g=J({mutationFn:async({bucket:e})=>{let n=Sn(t,e);await Promise.all(qt.map(e=>z({...i,body:{selector:n,contactType:e},throwOnError:!0})))},onMutate:({bucket:e})=>f(n=>Yt(n,t,e),[]),onError:(e,t,r)=>{n.setQueryData(a,r?.previous),ft(`Failed to reset the default`)(e)},onSettled:(e,t,{bucket:r})=>{n.invalidateQueries({queryKey:a}),r===`channels`&&n.invalidateQueries({queryKey:o})}}),_=(0,Q.useMemo)(()=>{let e=new Set;return p.isPending&&p.variables&&e.add(p.variables.channelExternalId),m.isPending&&m.variables&&e.add(m.variables.channelExternalId),e},[p.isPending,p.variables,m.isPending,m.variables]),v=(0,Q.useMemo)(()=>{let e=new Set;return h.isPending&&h.variables&&e.add(h.variables.bucket),g.isPending&&g.variables&&e.add(g.variables.bucket),e},[h.isPending,h.variables,g.isPending,g.variables]);return!r||s.isError&&yn(s.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:l,defaultCellTier:d.data,bucketTiers:u,pendingChannelIds:_,pendingBuckets:v,isLoading:s.isPending,isError:s.isError,onTierChange:(e,t)=>p.mutate({channelExternalId:e,tier:t}),onTierReset:e=>{l?.[e]!==void 0&&m.mutate({channelExternalId:e})},onBucketChange:(e,t)=>h.mutate({bucket:e,tier:t}),onBucketReset:e=>{u?.[e]!==void 0&&g.mutate({bucket:e})}}}function Tn({assistantId:e,assistantDisplayName:t,slackHandle:n}){let{t:r}=Z(`channels`),i=X({...o(e),enabled:!!e,select:e=>e.channels}),a=wn({assistantId:e,adapter:`slack`}),s=X({queryKey:[`thresholds`,e],queryFn:()=>p(e),enabled:a.supported&&!!e,staleTime:3e4}).data?.interactive??null,c=a.defaultCellTier===void 0?null:a.defaultCellTier??s,l=(0,$.jsx)(un,{assistantDisplayName:t,slackHandle:n,accessControlsSupported:a.supported,defaultTier:c,channels:i.data,loading:i.isPending,error:i.isError,tierOverrides:a.tierOverrides,tierOverridesLoading:a.isLoading,tierOverridesError:a.isError,pendingChannelIds:a.pendingChannelIds,onTierChange:a.onTierChange,onTierReset:a.onTierReset});return!a.supported||!a.onBucketChange||!a.onBucketReset?(0,$.jsx)(j.Root,{noPadding:!0,clipContents:!0,children:l}):(0,$.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[a.isError?(0,$.jsx)(k,{tone:`error`,children:r(`slackChannelSection.overridesLoadFailed`)}):null,(0,$.jsx)(hn,{assistantName:t,globalDefaultTier:s,bucketTiers:a.bucketTiers,loading:a.isLoading,error:a.isError,pendingBuckets:a.pendingBuckets,onBucketChange:a.onBucketChange,onBucketReset:a.onBucketReset}),(0,$.jsx)(j.Root,{noPadding:!0,clipContents:!0,children:(0,$.jsx)(fe.Root,{type:`single`,collapsible:!0,children:(0,$.jsxs)(fe.Item,{value:`per-channel-overrides`,children:[(0,$.jsxs)(fe.Trigger,{className:`group justify-between gap-2 px-4 py-3`,children:[(0,$.jsx)(f,{as:`span`,variant:`body-small-emphasised`,children:r(`slackChannelSection.perChannelOverrides`)}),(0,$.jsx)(Ze,{"aria-hidden":`true`,className:`h-4 w-4 shrink-0 text-[var(--content-tertiary)] transition-transform group-data-[state=open]:rotate-180`})]}),(0,$.jsx)(fe.Content,{className:`border-[var(--border-base)] data-[state=open]:border-t`,children:l})]})})})]})}function En({slackHandle:e,health:t,disconnectPending:n=!1,onDisconnect:r,children:i}){let{t:a}=Z(`channels`);return(0,$.jsxs)(j.Root,{children:[(0,$.jsx)(j.Header,{children:(0,$.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,$.jsx)(`img`,{src:_(`/images/integrations/slack.svg`),alt:``,className:`size-8 rounded-lg bg-[var(--surface-sunken)] p-1`}),e?(0,$.jsx)(f,{as:`span`,variant:`body-medium-default`,children:e}):null,(0,$.jsx)(Vt,{health:t}),(0,$.jsx)(`div`,{className:`ml-auto`,children:(0,$.jsx)(K,{type:`button`,variant:`ghost`,onClick:r,disabled:!r||n,children:a(n?`connectionCard.disconnecting`:`connectionCard.disconnect`)})})]})}),(0,$.jsx)(j.Body,{children:i})]})}function Dn({threadMode:e,threadModePending:t=!1,onThreadModeChange:n}){let{t:r}=Z(`channels`);return(0,$.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,$.jsx)(f,{as:`span`,variant:`body-small-emphasised`,className:`text-[color:var(--content-secondary)]`,children:r(`slackThreadBehavior.heading`)}),(0,$.jsxs)(y,{value:e??`mention_then_thread`,onValueChange:e=>n?.(e),disabled:t||!n,"aria-label":r(`slackThreadBehavior.selectAria`),children:[(0,$.jsx)(v,{value:`mention_only`,label:r(`slackThreadBehavior.mentionsOnly`),helperText:r(`slackThreadBehavior.mentionsOnlyHelp`)}),(0,$.jsx)(v,{value:`mention_then_thread`,label:r(`slackThreadBehavior.followThreads`),helperText:r(`slackThreadBehavior.followThreadsHelp`)})]})]})}function On({onSave:e}){let{t}=Z(`channels`),[n,r]=(0,Q.useState)(``),[i,a]=(0,Q.useState)(``),[o,s]=(0,Q.useState)(!1),[c,l]=(0,Q.useState)(null),u=n.trim().length>0&&i.trim().length>0&&!o;return(0,$.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,$.jsx)(h,{label:t(`twilioCredentialEntry.accountSid`),type:`text`,value:n,onChange:e=>r(e.target.value),placeholder:`ACxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx`,disabled:o,fullWidth:!0}),(0,$.jsx)(h,{label:t(`twilioCredentialEntry.authToken`),type:`password`,value:i,onChange:e=>a(e.target.value),placeholder:t(`twilioCredentialEntry.authTokenPlaceholder`),disabled:o,fullWidth:!0}),c?(0,$.jsx)(`p`,{className:`text-label-small-default`,style:{color:`var(--content-negative)`},children:c}):null,(0,$.jsx)(`div`,{children:(0,$.jsx)(K,{type:`button`,onClick:async()=>{if(!(!e||!u)){s(!0),l(null);try{await e(n.trim(),i.trim()),r(``),a(``)}catch(e){l(e instanceof Error?e.message:`Failed to save`)}finally{s(!1)}}},disabled:!u,children:t(o?`twilioCredentialEntry.saving`:`twilioCredentialEntry.save`)})})]})}function kn({channel:e,assistantId:t,assistantName:n,assistantDisplayName:r,pending:i,initialManualEntry:a=!1,onSetup:o,onDisconnect:s,onSaveTelegramToken:c,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:ee=!1,policyError:T=!1,onPolicyChange:D}){let{t:O}=Z(`channels`),te=e.status===`incomplete`,[k,A]=(0,Q.useState)(a),j=e.key===`discord`&&k&&p===`success`,M=e.configured&&!j;if(e.key===`email`)return(0,$.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,$.jsx)(Bt,{}),M&&D?(0,$.jsx)(st,{children:(0,$.jsx)(At,{assistantDisplayName:r,policy:C,saving:w,loading:ee,error:T,onChange:D})}):null]});if(e.key===`slack`)return(0,$.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[M?(0,$.jsx)(En,{slackHandle:e.address,health:e.health,disconnectPending:i,onDisconnect:s,children:(0,$.jsx)(Dn,{threadMode:y,threadModePending:b,onThreadModeChange:x})}):(0,$.jsx)(Ut,{children:(0,$.jsx)(l,{assistantId:t,assistantName:n,onSave:g,saveStatus:_,saveError:v})}),M?(0,$.jsx)(Tn,{assistantId:t,assistantDisplayName:r,slackHandle:e.address}):null]});let N=oe[e.key];return(0,$.jsx)(`div`,{className:`flex flex-col gap-4`,children:M?(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(Ht,{health:e.health,address:e.address,pending:i,onDisconnect:s}),N.hasTrustFloorControl&&D?(0,$.jsx)(At,{assistantDisplayName:r,policy:C,saving:w,loading:ee,error:T,onChange:D}):null]}):k&&e.canManualEntry&&N.credentialForm?(e=>{switch(e){case`slack-wizard`:return null;case`telegram-token`:return(0,$.jsx)(Pe,{assistantId:t,assistantName:n,saveStatus:u,saveError:d,onSave:c});case`discord-token`:return(0,$.jsx)(E,{assistantId:t,assistantName:n,saveStatus:p,saveError:m,onSave:f,...h?{inviteUrl:h}:{}});case`twilio-credentials`:return(0,$.jsx)(On,{onSave:S});default:return e}})(N.credentialForm):(0,$.jsx)(Ot,{icon:(0,$.jsx)(pe,{channelId:e.key,className:`h-6 w-6`}),title:O(te?`channelPanel.incompleteTitle`:`channelPanel.disconnectedTitle`,{channel:Me(e.key)}),description:te?e.warning??O(`channelPanel.incompleteDescription`,{channel:Me(e.key)}):N.disconnectedPitchKey?O(N.disconnectedPitchKey,{assistant:r}):void 0,action:(0,$.jsxs)(`div`,{className:`flex flex-col items-center gap-1`,children:[(0,$.jsx)(K,{type:`button`,variant:`outlined`,onClick:o,disabled:!o||i,children:O(i?`channelPanel.opening`:te?`channelPanel.finishSetup`:`channelPanel.setUp`)}),e.canManualEntry&&N.credentialForm?(0,$.jsx)(K,{type:`button`,variant:`link`,onClick:()=>A(!0),children:O(`channelPanel.connectManually`)}):null]})})})}var An=new Set([404,501]),jn=new Set([401,403]);function Mn(e){let t=T(e);return t!==void 0&&An.has(t)?`unsupported`:t!==void 0&&jn.has(t)?`forbidden`:`unreadable`}function Nn(e,t,n){let r=e===`unreadable`?t:n;return r?r instanceof Error&&r.message?r.message:`Something went wrong`:null}function Pn(e,t){let i=Re(),a={assistant_id:e},o=X({...ce({path:a}),enabled:!!e,retry:r}),s=()=>i.invalidateQueries({queryKey:Ae({path:a})}),c=J({...n(),onSuccess:s}),l=J({...be(),onSuccess:s}),u=o.data?.sources?.find(e=>e.source===t),d;d=o.isError?Mn(o.error):o.isPending?`loading`:u?u.state:`none`;let f=Nn(d,o.error,c.error??l.error);return{status:d,paths:u?.routes?.map(e=>({path:e.publicPath,approvalGoverned:e.signer!==`vellum`,deliversInbound:e.deliversInbound===!0}))??[],deciding:c.isPending||l.isPending,approve:()=>{u?.digest&&c.mutate({path:{...a,source:t},body:{digest:u.digest}})},revoke:()=>l.mutate({path:{...a,source:t}}),error:f}}var Fn=`plugin`;function In(e){let t=Re(),n=dt(),r=(0,Q.useMemo)(()=>({path:{assistant_id:e}}),[e]),i=(0,Q.useMemo)(()=>ee(r),[r]),a=X({...F(r),enabled:n&&!!e,select:_t}),o=J({mutationFn:t=>ht(e,Fn,t),onSuccess:()=>t.invalidateQueries({queryKey:i}),onError:ft(`Failed to save channel policy`)}),s=(0,Q.useCallback)(e=>{o.mutate(e)},[o]);return n?{policy:a.data?.find(e=>e.channelType===Fn)?.policy,isLoading:a.isPending,isError:a.isError,isSaving:o.isPending,onChange:s}:{policy:void 0,isLoading:!1,isError:!1,isSaving:!1,onChange:void 0}}function Ln({channel:e,assistantId:t,assistantDisplayName:n}){let{t:r}=Z(`channels`),i=Ve(),a=Pn(t,e.plugin),o=In(t);return(0,$.jsxs)(`div`,{className:`relative flex flex-col items-center gap-3 py-10 text-center`,children:[(0,$.jsx)(K,{className:`absolute top-0 right-0`,variant:`ghost`,size:`compact`,iconOnly:(0,$.jsx)($e,{}),tooltip:r(`pluginChannelPanel.navigateToPluginPage`),"aria-label":r(`pluginChannelPanel.navigateToPluginPage`),onClick:()=>i(`/assistant/plugins/${e.plugin}`)}),(0,$.jsx)(de,{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)(Rn,{channel:e,ingress:a}),o.onChange?(0,$.jsx)(`div`,{className:`w-full max-w-[420px] text-left`,children:(0,$.jsx)(At,{assistantDisplayName:n,policy:o.policy,saving:o.isSaving,loading:o.isLoading,error:o.isError,onChange:o.onChange})}):null]})}function Rn({channel:e,ingress:t}){let{t:n}=Z(`channels`);switch(t.status){case`loading`:return(0,$.jsx)(Bn,{children:n(`pluginChannelPanel.ingressLoading`,{channel:e.label})});case`unsupported`:return(0,$.jsx)(Bn,{children:n(`pluginChannelPanel.ingressUnsupported`)});case`forbidden`:return(0,$.jsx)(Bn,{children:n(`pluginChannelPanel.ingressForbidden`)});case`unreadable`:return(0,$.jsxs)(Bn,{children:[n(`pluginChannelPanel.ingressUnreadable`,{channel:e.label}),t.error?` ${t.error}`:``]});case`none`:return(0,$.jsx)(Bn,{children:n(`pluginChannelPanel.ingressNone`,{channel:e.label})});case`pending`:case`approved`:return(0,$.jsx)(zn,{ingress:t})}}function zn({ingress:e}){let{t}=Z(`channels`),n=e.status===`approved`;return(0,$.jsxs)(`div`,{className:`flex flex-col items-center gap-3`,children:[(0,$.jsx)(Le,{tone:n?`positive`:`neutral`,children:t(n?`pluginChannelPanel.ingressApprovedTag`:`pluginChannelPanel.ingressPendingTag`)}),(0,$.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,$.jsx)(K,{onClick:n?e.revoke:e.approve,disabled:e.deciding,variant:n?`outlined`:`primary`,children:t(n?`pluginChannelPanel.revokeChannel`:`pluginChannelPanel.approveChannel`)}),(0,$.jsx)(ve,{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)(rt,{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 Bn({children:e}){return(0,$.jsx)(`p`,{className:`max-w-[420px] text-body-small-default`,style:{color:`var(--content-secondary)`},children:e})}function Vn({assistantId:e,assistantName:t,channels:n,pluginChannels:r=[],pendingChannelKey:i=null,slackThreadMode:a,slackThreadModePending:o=!1,channelPolicies:s,policySavingKey:c=null,policiesLoading:l=!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:ee,onSaveTwilioCredentials:T,initialChannel:E=null}){let{t:D}=Z(`channels`),{selected:O,select:k}=wt(),[A,j]=(0,Q.useState)(null),{paneRef:M,hasRoomForList:N,drawerOpen:ne,openDrawer:P,closeDrawer:re}=ut(),[F]=(0,Q.useState)(E);(0,Q.useEffect)(()=>{F&&k(F)},[F,k]);let I=te(t),ie=A?oe[A]:null,ae=e=>{k(e),re()},L=r.find(e=>e.key===O),R=L?void 0:n.find(e=>e.key===O)??n[0];if(!R&&!L)return null;let z=L?L.key:R.key,se=L?(0,$.jsx)(Ln,{channel:L,assistantId:e,assistantDisplayName:I},L.key):(0,$.jsx)(kn,{channel:R,assistantId:e,assistantName:t,assistantDisplayName:I,pending:i===R.key,initialManualEntry:F===R.key,onSetup:p?()=>p(R.key,R.status===`incomplete`):void 0,onDisconnect:m&&R.canDisconnect?()=>j(R.key):void 0,onSaveTelegramToken:h,telegramSaveStatus:g,onSaveDiscordToken:_,discordSaveStatus:v,discordSaveError:y,...b?{discordInviteUrl:b}:{},telegramSaveError:x,onSaveSlackConfig:S,slackSaveStatus:C,slackSaveError:w,slackThreadMode:a,slackThreadModePending:o,onSlackThreadModeChange:ee,onSaveTwilioCredentials:T,policy:s?.[R.key],policySaving:c===R.key,policyLoading:l,policyError:d,onPolicyChange:f?e=>f(R.key,e):void 0},R.key);return(0,$.jsxs)($.Fragment,{children:[(0,$.jsxs)(`div`,{ref:M,className:`flex min-h-0 flex-1 overflow-hidden ${N?`flex-row gap-6`:`flex-col gap-4`}`,children:[N?(0,$.jsx)(`aside`,{className:`min-h-0 w-[320px] shrink-0 overflow-y-auto self-stretch`,children:(0,$.jsx)(Tt,{channels:n,pluginChannels:r,selectedKey:z,onSelect:ae})}):(0,$.jsxs)($.Fragment,{children:[(0,$.jsx)(`div`,{className:`flex items-center`,children:(0,$.jsx)(lt,{onClick:P})}),(0,$.jsx)(ct,{open:ne,onClose:re,title:D(`assistantChannelsList.drawerTitle`),children:(0,$.jsx)(Tt,{channels:n,pluginChannels:r,selectedKey:z,onSelect:ae})})]}),(0,$.jsx)(`section`,{className:`min-h-0 min-w-0 flex-1 overflow-y-auto`,children:z===`slack`||z===`email`?se:(0,$.jsx)(st,{children:se})})]}),(0,$.jsx)(u,{open:A!==null,title:D(`assistantChannelsList.disconnectTitle`,{channel:ie?D(ie.labelKey):``}),message:ie?.disconnectMessageKey?D(ie.disconnectMessageKey):``,confirmLabel:D(`assistantChannelsList.disconnectConfirm`),destructive:!0,onConfirm:()=>{A&&m&&m(A),j(null)},onCancel:()=>j(null)})]})}var Hn=`plugin:`;function Un(e){let{data:t}=X({...D({path:{assistant_id:e}}),enabled:!!e,select:e=>e.channels.filter(e=>e.source?.startsWith(Hn)).map(e=>({plugin:e.id,key:B(e.id),label:e.label,description:e.subtitle,icon:e.icon}))});return t??[]}function Wn(){let[e,t]=ze(),n=e.get(`setup`),r=n&&G(n)?n:null;return(0,Q.useEffect)(()=>{r&&t(e=>(e.delete(`setup`),e),{replace:!0})},[r,t]),r}function Gn({assistantId:e,onStartSetupConversation:t}){let n=_e.use.a2aChannel(),r=L.use.name(),i=Wn(),a=vt(e),o=te(r),s=mt({assistantId:e,onStartSetupConversation:t});return(0,$.jsxs)(`div`,{className:`flex min-h-0 flex-1 flex-col gap-6 overflow-hidden`,children:[(0,$.jsx)(Vn,{assistantId:e,assistantName:o,initialChannel:i,pluginChannels:Un(e),...s}),n?(0,$.jsx)(gt,{onClick:a.open}):null,(0,$.jsx)(pt,{open:a.isOpen,assistantId:e,onClose:a.close})]})}function Kn(){let e=Ve(),t=le();return(0,$.jsx)(Gn,{assistantId:t,onStartSetupConversation:t=>{Fe(e,{prompt:t})}},t)}export{Kn as ChannelsPageRoute};