@vellumai/web 0.9.0-staging.1 → 0.9.0-staging.2

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

@@ -1,3 +0,0 @@
-const __vite__mapDeps=(i,m=__vite__mapDeps,d=(m.f||(m.f=["assets/native-file-BgUnMEoC.js","assets/chunk-jRWAZmH_.js","assets/preload-helper-BewR0kVT.js","assets/dist-CP-ms_vi.js"])))=>i.map(i=>d[i]);
-import{o as e,t}from"./chunk-jRWAZmH_.js";import{t as n}from"./capture-error-Dze4ISSQ.js";import{t as r}from"./react-DJZBPgpf.js";import{t as i}from"./preload-helper-BewR0kVT.js";import{d as a,h as o,r as s}from"./chunk-5KNZJZUH-DdS6bb-3.js";import{n as c}from"./QueryClientProvider-DKhXIxGb.js";import{t as l}from"./useQuery-B45lW1Kk.js";import{t as u}from"./useMutation-Lj4VunQV.js";import{t as d}from"./jsx-runtime-CVSDxk6A.js";import{t as f}from"./button-CHADMNBN.js";import{t as p}from"./typography-Czgs_2w_.js";import{t as m}from"./card-CL5iEMJO.js";import{t as h}from"./dropdown-CocFV5yi.js";import{t as g}from"./confirm-dialog-M0xuyGF3.js";import{t as _}from"./notice-CF2pptne.js";import{t as v}from"./tag-Ccr7Quy6.js";import{t as y}from"./input-Cu3PPVCq.js";import{t as b}from"./toggle-CEm3M86o.js";import{n as x,t as S}from"./stat-square-Cxkq400O.js";import{t as C}from"./modal-BYMhDpQo.js";import{n as w}from"./toast-BL8OPiip.js";import{t as T}from"./createLucideIcon-D6d6iDdi.js";import{n as E,t as D}from"./domain-field-CAflx_3d.js";import{t as O}from"./dollar-sign-DAbP2oxA.js";import{t as k}from"./external-link-MjRS4j3f.js";import{t as A}from"./hard-drive-BqWBtE21.js";import{t as j}from"./loader-circle-DsetC8iQ.js";import{a as M,c as N,i as P,n as F,r as I,t as ee}from"./resize-errors-B1TYxfYf.js";import{t as te}from"./target-B4WucRdE.js";import{it as ne,rt as re}from"./sdk.gen-ClmX029Q.js";import{a as L}from"./routes-DLEaIDYY.js";import{n as R}from"./use-is-mobile-C5MpTbZg.js";import{t as z}from"./effective-timezone-DOCb5CnU.js";import{$t as B,At as V,Fi as H,In as ie,Ja as ae,Jt as oe,Ka as se,Ln as ce,Mn as le,Ni as ue,Qa as de,Qt as fe,Rn as pe,Rt as me,So as he,Xa as ge,Xt as _e,Ya as U,Yt as W,Zt as G,an as ve,cn as ye,dn as be,do as xe,dt as Se,en as Ce,fn as we,gn as Te,go as Ee,hn as K,in as De,jn as Oe,ka as ke,ki as Ae,kn as je,ln as Me,mo as Ne,mt as Pe,nn as Fe,on as Ie,pn as Le,qt as Re,rn as ze,rr as Be,sn as Ve,tn as He,un as Ue,ut as We,wn as Ge,xa as Ke,xo as qe,yt as Je,za as Ye}from"./index-oaZGNNfo.js";import{t as Xe}from"./add-credits-modal-BadC5LC-.js";import{t as Ze}from"./format-date-Dmfidg1n.js";import{a as Qe,n as $e,t as et}from"./llm-dimension-TxvNnyPw.js";import{r as tt,t as nt}from"./usage-window-CJWiX6yx.js";import{t as rt}from"./environment-store-CaBEWd5a.js";var it=T(`hourglass`,[[`path`,{d:`M5 22h14`,key:`ehvnwv`}],[`path`,{d:`M5 2h14`,key:`pdyrp9`}],[`path`,{d:`M17 22v-4.172a2 2 0 0 0-.586-1.414L12 12l-4.414 4.414A2 2 0 0 0 7 17.828V22`,key:`1d314k`}],[`path`,{d:`M7 2v4.172a2 2 0 0 0 .586 1.414L12 12l4.414-4.414A2 2 0 0 0 17 6.172V2`,key:`1vvvr6`}]]),at=T(`party-popper`,[[`path`,{d:`M5.8 11.3 2 22l10.7-3.79`,key:`gwxi1d`}],[`path`,{d:`M4 3h.01`,key:`1vcuye`}],[`path`,{d:`M22 8h.01`,key:`1mrtc2`}],[`path`,{d:`M15 2h.01`,key:`1cjtqr`}],[`path`,{d:`M22 20h.01`,key:`1mrys2`}],[`path`,{d:`m22 2-2.24.75a2.9 2.9 0 0 0-1.96 3.12c.1.86-.57 1.63-1.45 1.63h-.38c-.86 0-1.6.6-1.76 1.44L14 10`,key:`hbicv8`}],[`path`,{d:`m22 13-.82-.33c-.86-.34-1.82.2-1.98 1.11c-.11.7-.72 1.22-1.43 1.22H17`,key:`1i94pl`}],[`path`,{d:`m11 2 .33.82c.34.86-.2 1.82-1.11 1.98C9.52 4.9 9 5.52 9 6.23V7`,key:`1cofks`}],[`path`,{d:`M11 13c1.93 1.93 2.83 4.17 2 5-.83.83-3.07-.07-5-2-1.93-1.93-2.83-4.17-2-5 .83-.83 3.07.07 5 2Z`,key:`4kbmks`}]]),ot=T(`tree-palm`,[[`path`,{d:`M13 8c0-2.76-2.46-5-5.5-5S2 5.24 2 8h2l1-1 1 1h4`,key:`foxbe7`}],[`path`,{d:`M13 7.14A5.82 5.82 0 0 1 16.5 6c3.04 0 5.5 2.24 5.5 5h-3l-1-1-1 1h-3`,key:`18arnh`}],[`path`,{d:`M5.89 9.71c-2.15 2.15-2.3 5.47-.35 7.43l4.24-4.25.7-.7.71-.71 2.12-2.12c-1.95-1.96-5.27-1.8-7.42.35`,key:`ywahnh`}],[`path`,{d:`M11 15.5c.5 2.5-.17 4.5-1 6.5h4c2-5.5-.5-12-1-14`,key:`ft0feo`}]]),q=e(r(),1),J=d();function st({onBack:e}){let t=a(),{data:n}=l(Pe()),r=n?.name||`your assistant`;return(0,J.jsxs)(`div`,{className:`relative flex min-h-[320px] flex-col items-center justify-center overflow-hidden px-8 text-center`,children:[(0,J.jsx)(`div`,{className:`pointer-events-none absolute inset-0`,style:{background:`radial-gradient(ellipse 60% 50% at 50% 38%, color-mix(in oklab, var(--system-positive-strong) 14%, transparent), transparent)`},"aria-hidden":`true`}),(0,J.jsxs)(`div`,{className:`relative mb-5 flex items-center justify-center`,style:{animation:`welcome-reveal 600ms ease-out both`},children:[(0,J.jsx)(`div`,{className:`absolute h-24 w-24 rounded-full`,style:{background:`radial-gradient(circle, color-mix(in oklab, var(--system-positive-strong) 18%, transparent), transparent 70%)`,animation:`welcome-crown-glow 3s ease-in-out infinite`},"aria-hidden":`true`}),(0,J.jsx)(`div`,{className:`absolute h-16 w-16 rounded-full`,style:{background:`radial-gradient(circle, color-mix(in oklab, var(--system-positive-strong) 12%, transparent), transparent 70%)`,animation:`welcome-crown-glow 3s ease-in-out infinite 0.5s`},"aria-hidden":`true`}),(0,J.jsx)(at,{className:`relative h-8 w-8 text-[var(--system-positive-strong)]`,strokeWidth:1.5,"aria-hidden":`true`})]}),(0,J.jsx)(`h1`,{className:`relative mb-2 text-[var(--content-emphasised)]`,style:{fontFamily:`var(--font-serif)`,fontSize:`28px`,lineHeight:1,fontWeight:400,animation:`welcome-reveal 600ms ease-out 150ms both`},children:`You're all set`}),(0,J.jsx)(`p`,{className:`relative mb-6 max-w-[320px] text-body-medium-lighter text-[var(--content-secondary)]`,style:{animation:`welcome-reveal 600ms ease-out 300ms both`},children:`Your assistant just got a serious upgrade.`}),(0,J.jsx)(`div`,{style:{animation:`welcome-reveal 600ms ease-out 450ms both`},children:(0,J.jsxs)(f,{variant:`primary`,"data-testid":`onboarding-complete-return`,onClick:()=>t(L.assistant,{replace:!0}),children:[`Return to `,r]})}),(0,J.jsx)(`div`,{className:`absolute bottom-4 left-4`,children:(0,J.jsx)(f,{variant:`ghost`,"data-testid":`onboarding-complete-back`,onClick:e,leftIcon:(0,J.jsx)(he,{className:`h-4 w-4`}),children:`Back`})})]})}function ct({current:e,total:t=2}){return(0,J.jsx)(`div`,{className:`flex items-center justify-center gap-1.5`,children:Array.from({length:t},(t,n)=>(0,J.jsx)(`div`,{className:`h-1.5 rounded-full transition-all duration-300`,style:{width:n===e?20:6,backgroundColor:n<=e?`var(--content-default)`:`var(--border-element)`}},n))})}function lt({icon:e,tone:t=`positive`}){let n=t===`positive`?`--system-positive-strong`:t===`warning`?`--system-mid-strong`:`--system-negative-strong`;return(0,J.jsx)(`span`,{className:`flex h-11 w-11 items-center justify-center rounded-full`,style:{backgroundColor:`color-mix(in oklab, var(${n}) 12%, transparent)`},children:(0,J.jsx)(e,{className:`h-5 w-5`,style:{color:`var(${n})`},"aria-hidden":`true`})})}var ut=1e3,dt=1e4;function ft(e){return P[e]??P.medium}var pt=[`machine_size`,`subdomain`,`non_field_errors`],mt={subdomain_taken:`That subdomain is already taken. Try another.`,assistant_already_has_domain:`Your assistant already has a custom domain.`,no_assistant_to_attach_domain:`We couldn't find an assistant to attach this domain to.`,exceeds_machine_tier:`That machine size isn't available on your plan.`};function ht(e,t){if(e&&typeof e==`object`){let t=e;if(typeof t.error==`string`){let e=mt[t.error];if(e)return e}for(let e of pt){let n=t[e];if(Array.isArray(n)&&typeof n[0]==`string`)return n[0]}if(typeof t.detail==`string`)return t.detail}return t}function gt({onBack:e,onExit:t}){let n=c(),r=rt.use.emailRootDomain(),{data:i}=l(Pe()),a=i?.id,{data:o}=l({...Je({path:{assistant_id:a??``}}),enabled:!!a}),s=o?.results?.[0],[d,m]=(0,q.useState)(``),[h,g]=(0,q.useState)(`hi`),[v,y]=(0,q.useState)(!1);(0,q.useEffect)(()=>{if(!v){if(s){m(s.subdomain),y(!0);return}!i?.handle||d||(m(i.handle),y(!0))}},[i?.handle,s,v,d]);let[b,x]=(0,q.useState)(null),[S,w]=(0,q.useState)(!1),T=u(Ie()),E=!!s||S,O=T.isPending||S;return(0,q.useEffect)(()=>{if(!S)return;let e=setTimeout(t,800);return()=>clearTimeout(e)},[S,t]),(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(C.Body,{className:`min-h-[320px] space-y-5 pt-10 pb-4`,style:{animation:`onboarding-step-in 350ms ease-out`},children:[(0,J.jsxs)(`div`,{className:`flex flex-col items-center gap-3 pb-2 text-center`,children:[(0,J.jsx)(lt,{icon:Ke}),(0,J.jsxs)(`div`,{className:`space-y-2`,children:[(0,J.jsx)(p,{variant:`title-small`,as:`h1`,children:`Assistant email`}),(0,J.jsx)(p,{variant:`body-medium-lighter`,as:`p`,className:`text-[var(--content-secondary)]`,children:`Set up an email address for your assistant.`})]})]}),(0,J.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,J.jsx)(p,{variant:`body-small-default`,as:`label`,className:`text-[var(--content-secondary)]`,children:`Email address`}),(0,J.jsx)(D,{subdomain:d,autoFocus:!0,onSubdomainChange:e=>{m(e),b&&x(null)},domainSuffix:r,disabled:O,error:b,locked:E,lockedMessage:`This domain has been set and cannot be changed.`,prefix:(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(`input`,{value:h,onChange:e=>g(e.target.value.toLowerCase().trim()),disabled:O||E,readOnly:E,placeholder:`hi`,"aria-label":`Email username`,size:Math.max(h.length,2),className:`h-full w-0 min-w-[2ch] flex-none bg-transparent pl-3 pr-1.5 text-[var(--content-default)] placeholder:text-[var(--content-tertiary)] outline-none disabled:cursor-not-allowed disabled:opacity-60`,style:{width:`${Math.max(h.length,2)+1.5}ch`}}),(0,J.jsx)(`span`,{className:`shrink-0 font-mono text-[var(--content-secondary)]`,children:`@`})]})})]}),!E&&(0,J.jsxs)(_,{tone:`info`,children:[(0,J.jsx)(`span`,{className:`font-mono`,children:d||`<subdomain>`}),` will also become your assistant's public handle. You won't be able to change it once set.`]}),S?(0,J.jsx)(_,{tone:`success`,children:`Domain set — redirecting…`}):null]}),(0,J.jsxs)(C.Footer,{className:`relative items-center justify-between`,children:[(0,J.jsx)(f,{variant:`ghost`,"data-testid":`onboarding-domain-back`,disabled:O,onClick:e,leftIcon:(0,J.jsx)(he,{className:`h-4 w-4`}),children:`Back`}),(0,J.jsx)(`div`,{className:`pointer-events-none absolute inset-x-0 flex justify-center`,children:(0,J.jsx)(ct,{current:0})}),(0,J.jsx)(`div`,{className:`flex items-center gap-2`,children:E?(0,J.jsx)(f,{variant:`primary`,"data-testid":`onboarding-domain-continue`,onClick:t,children:`Continue`}):(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(f,{variant:`ghost`,"data-testid":`onboarding-domain-skip`,disabled:O,onClick:()=>{O||T.mutate({body:{skipped:!0}},{onSuccess:t,onError:()=>t()})},children:`Do later`}),(0,J.jsx)(f,{variant:`primary`,"data-testid":`onboarding-domain-set`,disabled:!d||O,onClick:()=>{O||!d||T.mutate({body:{subdomain:d,...h?{email_username:h}:{}}},{onSuccess:()=>{x(null),w(!0),n.invalidateQueries({queryKey:V()})},onError:e=>{x(ht(e,`Couldn't register that subdomain. Try a different one.`))}})},children:`Set domain`})]})})]})]})}function _t({onGoToBilling:e}){return(0,J.jsxs)(`div`,{className:`flex flex-col items-center gap-4 px-6 py-10 text-center`,children:[(0,J.jsx)(lt,{icon:Ne,tone:`negative`}),(0,J.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,J.jsx)(p,{variant:`title-small`,as:`h1`,children:`Couldn't reach billing`}),(0,J.jsx)(p,{variant:`body-medium-lighter`,as:`p`,className:`text-[var(--content-secondary)]`,children:`We hit a problem checking your subscription. Your upgrade may still be processing — return to billing to refresh.`})]}),(0,J.jsx)(f,{variant:`primary`,"data-testid":`onboarding-go-to-billing`,onClick:e,children:`Go to billing`})]})}function vt({message:e,onRetry:t,onGoToBilling:n}){return(0,J.jsxs)(`div`,{className:`flex min-h-[280px] flex-col items-center justify-center gap-4 px-6 py-10 text-center`,children:[(0,J.jsx)(lt,{icon:Ne,tone:`warning`}),(0,J.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,J.jsx)(p,{variant:`title-small`,as:`h1`,children:`Taking longer than expected`}),(0,J.jsx)(p,{variant:`body-medium-lighter`,as:`p`,className:`text-[var(--content-secondary)]`,children:e})]}),(0,J.jsxs)(`div`,{className:`flex items-center gap-2 pt-2`,children:[(0,J.jsx)(f,{variant:`outlined`,"data-testid":`onboarding-go-to-billing`,onClick:n,children:`Go to billing`}),(0,J.jsx)(f,{variant:`primary`,"data-testid":`onboarding-retry`,onClick:t,children:`Try again`})]})]})}function yt({title:e,body:t}){return(0,J.jsxs)(`div`,{className:`flex min-h-[280px] flex-col items-center justify-center gap-4 px-6 py-10 text-center`,children:[(0,J.jsxs)(`div`,{className:`relative flex h-11 w-11 items-center justify-center`,children:[(0,J.jsx)(`div`,{className:`absolute h-14 w-14 rounded-full`,style:{backgroundColor:`color-mix(in oklab, var(--system-positive-strong) 10%, transparent)`,animation:`onboarding-glow 2.4s ease-in-out infinite`},"aria-hidden":`true`}),(0,J.jsx)(`div`,{className:`absolute h-9 w-9 rounded-full`,style:{backgroundColor:`color-mix(in oklab, var(--system-positive-strong) 8%, transparent)`,animation:`onboarding-glow 2.4s ease-in-out infinite 0.4s`},"aria-hidden":`true`}),(0,J.jsx)(j,{className:`relative h-5 w-5 animate-spin text-[var(--system-positive-strong)]`,"aria-hidden":`true`})]}),(0,J.jsxs)(`div`,{className:`space-y-1.5`,children:[(0,J.jsx)(p,{variant:`title-small`,as:`h1`,children:e}),(0,J.jsx)(p,{variant:`body-medium-lighter`,as:`p`,className:`text-[var(--content-secondary)]`,children:t})]})]})}function bt({icon:e,label:t,from:n,fromDetail:r,to:i,toDetail:a}){return(0,J.jsxs)(`div`,{className:`flex items-center gap-3 rounded-lg bg-[var(--surface-base)] p-3`,children:[(0,J.jsx)(`span`,{className:`flex h-9 w-9 shrink-0 items-center justify-center rounded-lg`,style:{backgroundColor:`color-mix(in oklab, var(--system-positive-strong) 10%, transparent)`},children:(0,J.jsx)(e,{className:`h-4 w-4 text-[var(--system-positive-strong)]`})}),(0,J.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-1`,children:[(0,J.jsx)(`span`,{className:`text-label-small-default text-[var(--content-tertiary)]`,children:t}),(0,J.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,J.jsxs)(`div`,{className:`flex flex-col`,children:[(0,J.jsx)(`span`,{className:`text-label-medium-default text-[var(--content-tertiary)] line-through`,children:n}),r&&(0,J.jsx)(`span`,{className:`text-label-small-default text-[var(--content-tertiary)] line-through`,children:r})]}),(0,J.jsx)(qe,{className:`h-3 w-3 shrink-0 text-[var(--content-tertiary)]`}),(0,J.jsxs)(`div`,{className:`flex flex-col`,children:[(0,J.jsx)(`span`,{className:`text-label-medium-default text-[var(--content-default)]`,children:i}),a&&(0,J.jsx)(`span`,{className:`text-label-small-default text-[var(--content-tertiary)]`,children:a})]})]})]})]})}function xt({storageGib:e,maxTier:t,onBack:n,onAdvance:r,dotIndex:i,dotTotal:a}){let{data:o}=l(Pe()),s=o?.machine_size||`small`,c=o?.provisioned_storage_gib??null,d=ft(t),m=d.length>0?d[d.length-1]:s,h=m!==s,g=e!=null&&(c==null||c<e),[v,y]=(0,q.useState)(null),b=u(me());return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(C.Body,{className:`min-h-[320px] space-y-5 pt-10 pb-4`,style:{animation:`onboarding-step-in 350ms ease-out`},children:[(0,J.jsxs)(`div`,{className:`flex flex-col items-center gap-3 pb-2 text-center`,children:[(0,J.jsx)(lt,{icon:U}),(0,J.jsxs)(`div`,{className:`space-y-2`,children:[(0,J.jsx)(p,{variant:`title-small`,as:`h1`,children:`Your assistant's new resources`}),(0,J.jsx)(p,{variant:`body-medium-lighter`,as:`p`,className:`text-[var(--content-secondary)]`,children:`Your assistant will go offline briefly while it resizes.`})]})]}),(0,J.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[h&&(0,J.jsx)(bt,{icon:U,label:`Machine`,from:I[s],fromDetail:F[s],to:I[m],toDetail:F[m]}),g&&(0,J.jsx)(bt,{icon:A,label:`Storage`,from:c==null?`—`:`${c} GiB`,to:`${e} GiB`}),!h&&!g&&(0,J.jsx)(_,{tone:`neutral`,children:`Your assistant is already running at the maximum size for your plan.`})]}),v?(0,J.jsx)(_,{tone:`error`,children:v}):null]}),(0,J.jsxs)(C.Footer,{className:`relative items-center justify-between`,children:[(0,J.jsx)(f,{variant:`ghost`,"data-testid":`onboarding-setup-back`,disabled:b.isPending,onClick:n,leftIcon:(0,J.jsx)(he,{className:`h-4 w-4`}),children:`Back`}),(0,J.jsx)(`div`,{className:`pointer-events-none absolute inset-x-0 flex justify-center`,children:(0,J.jsx)(ct,{current:i,total:a})}),(0,J.jsxs)(`div`,{className:`flex gap-2`,children:[(0,J.jsx)(f,{variant:`ghost`,"data-testid":`onboarding-setup-skip`,disabled:b.isPending,onClick:r,children:`Do later`}),(0,J.jsx)(f,{variant:`primary`,"data-testid":`onboarding-setup-continue`,disabled:b.isPending||!o?.id,onClick:()=>{b.isPending||!o?.id||b.mutate({path:{id:o.id},body:{machine_size:m,...e==null?{}:{storage_gib:e}}},{onSuccess:()=>{y(null),r()},onError:e=>{y(ht(e,`Couldn't apply changes. Please try again.`))}})},children:`Apply & Restart`})]})]})]})}function St({onContinue:e,continueDisabled:t=!1}){return(0,J.jsxs)(`div`,{className:`relative flex min-h-[320px] flex-col items-center justify-center overflow-hidden px-8 text-center`,children:[(0,J.jsx)(`div`,{className:`pointer-events-none absolute inset-0`,style:{background:`radial-gradient(ellipse 60% 50% at 50% 38%, color-mix(in oklab, var(--system-positive-strong) 14%, transparent), transparent)`},"aria-hidden":`true`}),(0,J.jsxs)(`div`,{className:`relative mb-5 flex items-center justify-center`,style:{animation:`welcome-reveal 600ms ease-out both`},children:[(0,J.jsx)(`div`,{className:`absolute h-24 w-24 rounded-full`,style:{background:`radial-gradient(circle, color-mix(in oklab, var(--system-positive-strong) 18%, transparent), transparent 70%)`,animation:`welcome-crown-glow 3s ease-in-out infinite`},"aria-hidden":`true`}),(0,J.jsx)(`div`,{className:`absolute h-16 w-16 rounded-full`,style:{background:`radial-gradient(circle, color-mix(in oklab, var(--system-positive-strong) 12%, transparent), transparent 70%)`,animation:`welcome-crown-glow 3s ease-in-out infinite 0.5s`},"aria-hidden":`true`}),(0,J.jsx)(E,{className:`relative h-8 w-8 text-[var(--system-positive-strong)]`,strokeWidth:1.5,"aria-hidden":`true`})]}),(0,J.jsx)(`h1`,{className:`relative mb-2 text-[var(--content-emphasised)]`,style:{fontFamily:`var(--font-serif)`,fontSize:`28px`,lineHeight:1,fontWeight:400,animation:`welcome-reveal 600ms ease-out 150ms both`},children:`Welcome to Pro`}),(0,J.jsx)(`p`,{className:`relative mb-6 max-w-[320px] text-body-medium-lighter text-[var(--content-secondary)]`,style:{animation:`welcome-reveal 600ms ease-out 300ms both`},children:`More compute, more storage, and more features. Let's set everything up.`}),(0,J.jsx)(`div`,{style:{animation:`welcome-reveal 600ms ease-out 450ms both`},children:(0,J.jsx)(f,{variant:`primary`,"data-testid":`onboarding-welcome-continue`,disabled:t,onClick:e,children:`Get started`})}),(0,J.jsx)(`p`,{className:`relative mt-6 max-w-[320px] text-body-small-default text-[var(--content-tertiary)]`,style:{animation:`welcome-reveal 600ms ease-out 600ms both`},children:`This quick setup gets your Pro features ready to go. You can close it anytime and turn these features on later from Settings.`})]})}function Ct({open:e,onClose:t}){let n=c(),[r,i]=(0,q.useState)(`confirm-pro`),[a,o]=(0,q.useState)(!1),[s,u]=(0,q.useState)(0);(0,q.useEffect)(()=>{e&&(n.invalidateQueries({queryKey:Ue()}),n.invalidateQueries({queryKey:ye()}))},[e,n]);let d=(0,q.useCallback)(()=>{o(!1),u(e=>e+1),n.invalidateQueries({queryKey:Ue()})},[n]),f=l({...Me(),refetchInterval:e=>e.state.data?.plan_id===`pro`||a?!1:ut,refetchIntervalInBackground:!1,enabled:e&&r===`confirm-pro`});(0,q.useEffect)(()=>{if(!e||r!==`confirm-pro`)return;let t=setTimeout(()=>o(!0),dt);return()=>clearTimeout(t)},[e,r,s]),(0,q.useEffect)(()=>{r===`confirm-pro`&&f.data?.plan_id===`pro`&&i(`welcome`)},[r,f.data?.plan_id]);let p=l({...Ve(),enabled:e&&r!==`confirm-pro`});l({...Pe(),enabled:e});let m=p.data?.domain_setup_available,h=(0,q.useCallback)(()=>{i(m===!1?`setup`:`domain`)},[m]),g=(0,q.useCallback)(()=>{i(m===!1?`welcome`:`domain`)},[m]),_=r===`welcome`;return(0,J.jsx)(C.Root,{open:e,onOpenChange:e=>{e||t()},children:(0,J.jsx)(C.Content,{size:`md`,hideCloseButton:!_,dismissOnOverlayClick:!_,onEscapeKeyDown:_?e=>e.preventDefault():void 0,onInteractOutside:_?e=>e.preventDefault():void 0,className:`overflow-hidden`,children:v()})});function v(){if(r===`confirm-pro`)return f.isError?(0,J.jsx)(_t,{onGoToBilling:t}):a?(0,J.jsx)(vt,{message:`We're still confirming your upgrade.`,onRetry:d,onGoToBilling:t}):(0,J.jsx)(yt,{title:`Finalizing your upgrade…`,body:`This usually takes a few seconds.`});if(r===`welcome`)return p.isError?(0,J.jsx)(_t,{onGoToBilling:t}):(0,J.jsx)(St,{onContinue:h,continueDisabled:p.isPending||p.isFetching});if(r===`domain`)return(0,J.jsx)(gt,{onBack:()=>i(`welcome`),onExit:()=>i(`setup`)});if(r===`setup`){if(p.isError)return(0,J.jsx)(_t,{onGoToBilling:t});let e=p.data?.max_machine_tier??null,n=m!==!1;return(0,J.jsx)(xt,{storageGib:p.data?.selected_storage_gib??null,maxTier:e,onBack:g,onAdvance:()=>i(`complete`),dotIndex:+!!n,dotTotal:n?2:1})}return r===`complete`?(0,J.jsx)(st,{onBack:()=>i(`setup`)}):null}}var wt=`billing-portal-return-snapshot`;function Tt(e){try{sessionStorage.removeItem(wt),sessionStorage.setItem(wt,JSON.stringify(e))}catch{}}function Et(){if(typeof sessionStorage>`u`)return null;try{let e=sessionStorage.getItem(wt);if(!e)return null;let t=JSON.parse(e);return typeof t.cancel_at_period_end!=`boolean`||typeof t.plan_id!=`string`?null:{cancel_at_period_end:t.cancel_at_period_end,cancel_at:t.cancel_at??null,plan_id:t.plan_id}}catch{return null}}function Dt(){try{sessionStorage.removeItem(wt)}catch{}}function Ot(e){return e?{cancel_at_period_end:e.cancel_at_period_end,cancel_at:e.cancel_at??null,plan_id:e.plan_id}:null}function kt(e){let t=new Date(e);return Number.isNaN(t.getTime())?e:t.toLocaleDateString(void 0,{year:`numeric`,month:`long`,day:`numeric`})}function At(e){return e?e.cancel_at??e.current_period_end??null:null}function jt(e){let t=c();return(0,q.useEffect)(()=>Se(()=>{t.invalidateQueries(Me())}),[t]),Oe({onSuccess:t=>{e&&Tt(e),We(t.portal_url)},onError:()=>{w.error(`Couldn't open the billing portal. Please try again.`,{id:`billing-portal-session-error`})}})}function Mt(e){let t=e/100;return Number.isInteger(t)?`$${t}`:`$${t.toFixed(2)}`}function Y(e){return`${Mt(e)}/mo`}function Nt(e){return`${e>0?`+`:`−`}${Mt(Math.abs(e))}/mo`}var Pt={medium:`Medium`,large:`Large`,xl:`XL`};function Ft(e){return e.disabled===!0}function It({machineTiers:e,storageTiers:t,selectedMachineTier:n,selectedStorageTier:r,onMachineTierChange:i,onStorageTierChange:a,currentMachinePriceCents:o,currentStoragePriceCents:s}){let c=(0,q.useMemo)(()=>e.map(e=>{let t=Pt[e.tier]??e.label,n=o==null?`+${Y(e.price_cents)}`:e.price_cents===o?`(${Y(e.price_cents)}, current)`:Nt(e.price_cents-o);return{value:e.tier,label:`${t} ${n}`,disabled:Ft(e)}}),[e,o]),l=(0,q.useMemo)(()=>t.map(e=>{let t=s==null?`+${Y(e.price_cents)}`:e.price_cents===s?`(${Y(e.price_cents)}, current)`:Nt(e.price_cents-s);return{value:e.tier,label:`${e.storage_gib} GiB ${t}`,disabled:Ft(e)}}),[t,s]);return(0,J.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,J.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,J.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,J.jsx)(p,{as:`p`,variant:`label-small-default`,className:`text-[var(--content-secondary)]`,children:`Machine`}),(0,J.jsx)(`span`,{title:`Determines the CPU and memory allocated to your assistant`,children:(0,J.jsx)(ke,{className:`h-3 w-3 text-[var(--content-tertiary)]`})})]}),(0,J.jsx)(h,{"aria-label":`Machine tier`,placeholder:`Select a machine tier`,value:n??``,onChange:i,options:c})]}),(0,J.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,J.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,J.jsx)(p,{as:`p`,variant:`label-small-default`,className:`text-[var(--content-secondary)]`,children:`Storage`}),(0,J.jsx)(`span`,{title:`Persistent disk space for your assistant's files and data`,children:(0,J.jsx)(ke,{className:`h-3 w-3 text-[var(--content-tertiary)]`})})]}),(0,J.jsx)(h,{"aria-label":`Storage tier`,placeholder:`Select a storage tier`,value:r??``,onChange:a,options:l})]})]})}var Lt=new Set([`active`,`trialing`,`past_due`]),Rt=[`target_plan_id`,`confirm`,`machine_tier`,`storage_tier`,`credit_tier`,`non_field_errors`];function zt(e,t){if(e&&typeof e==`object`){for(let t of Rt)if(t in e){let n=e[t];if(Array.isArray(n)&&typeof n[0]==`string`)return n[0]}if(`detail`in e&&typeof e.detail==`string`)return e.detail}return t}function Bt(e,t){let n=e.filter(e=>!Ft(e));return t!==null&&n.some(e=>e.tier===t)?t:n[0]?.tier??null}function Vt(e,t,n){return t===void 0?n:t!==null&&(t===n||e.some(e=>e.tier===t))?t:null}function Ht(e){return e.length?Math.min(...e.map(e=>e.price_cents)):0}function Ut({open:e,onCancel:t,onConfirm:n,confirming:r,lostFeatures:i}){return(0,J.jsx)(C.Root,{open:e,onOpenChange:e=>{!e&&!r&&t()},children:(0,J.jsxs)(C.Content,{size:`md`,hideCloseButton:!0,children:[(0,J.jsx)(C.Header,{children:(0,J.jsx)(C.Title,{icon:ue,children:`Downgrade to Base?`})}),(0,J.jsxs)(C.Body,{children:[(0,J.jsx)(p,{as:`p`,variant:`body-medium-default`,className:`text-(--content-secondary)`,children:`Downgrading removes the following Pro features:`}),(0,J.jsx)(`ul`,{className:`mt-4 list-disc space-y-2 pl-5`,children:i.map(e=>(0,J.jsx)(`li`,{children:(0,J.jsx)(p,{as:`span`,variant:`body-medium-default`,children:e})},e))})]}),(0,J.jsxs)(C.Footer,{children:[(0,J.jsx)(f,{variant:`outlined`,onClick:t,disabled:r,children:`Keep Pro`}),(0,J.jsx)(f,{variant:`danger`,onClick:n,disabled:r,"data-testid":`confirm-downgrade-button`,children:`Confirm Downgrade`})]})]})})}var Wt=`__none__`;function Gt(e){return`${e.label} — ${Y(e.price_cents)}`}function Kt({creditTiers:e,selectedCreditTier:t,onCreditTierChange:n,disabled:r=!1}){let i=(0,q.useMemo)(()=>[{value:Wt,label:`No credit bundle — ${Y(0)}`},...e.map(e=>({value:e.tier,label:Gt(e)}))],[e]);return(0,J.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,J.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,J.jsx)(p,{as:`p`,variant:`label-small-default`,className:`text-[var(--content-secondary)]`,children:`Credit bundle`}),(0,J.jsx)(`span`,{title:`A monthly allotment of credits added to your Pro Plan subscription`,children:(0,J.jsx)(ke,{className:`h-3 w-3 text-[var(--content-tertiary)]`})})]}),(0,J.jsx)(h,{"aria-label":`Credit bundle`,placeholder:`Select a credit bundle`,disabled:r,value:t??Wt,onChange:e=>n(e===Wt?null:e),options:i})]})}function qt({features:e,variant:t,header:n,maxInline:r=3}){return t===`inline`?(0,J.jsx)(J.Fragment,{children:e.slice(0,r).join(`, `)}):(0,J.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[n&&(0,J.jsx)(p,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-secondary)]`,children:n}),(0,J.jsx)(`ul`,{className:`flex flex-col gap-2`,children:e.map(e=>(0,J.jsxs)(`li`,{className:`flex items-start gap-2`,children:[(0,J.jsx)(xe,{className:`mt-0.5 h-4 w-4 shrink-0 text-[var(--content-tertiary)]`,"aria-hidden":!0}),(0,J.jsx)(p,{as:`span`,variant:`body-medium-default`,children:e})]},e))})]})}function Jt({plan:e,isCurrent:t,onPro:n,cancelAtPeriodEnd:r,isCanceled:i,cancelDate:a,formatGraceDate:o,proTierChangeMode:s,creditTiersEnabled:c,creditTiers:l,displayCreditTier:u,onCreditTierChange:d,selectedMachineTier:h,selectedStorageTier:g,onMachineTierChange:y,onStorageTierChange:b,machineTiersForPicker:x,storageTiersForPicker:S,currentMachinePrice:C,currentStoragePrice:w,currentCreditPriceUnknown:T,proCurrentTotalCents:D,proLiveTotalCents:O,proTotalDelta:k,onboardingLoading:A,tierChangePending:M,machineChanged:N,storageChanged:P,creditChanged:F,tierChangeError:I,upgradePending:ee,portalPending:te,onUpgrade:ne,onApplyTierChange:re,onDowngradeClick:L,onKeepPlan:R}){let z=e.id===`pro`,B=e.id===`base`,V=z&&n&&r&&!i,H=z&&(!t||t&&s),ie=z&&t&&s;return(0,J.jsxs)(m,{padding:`lg`,className:`flex flex-col bg-[var(--surface-base)]`,children:[(0,J.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,J.jsx)(`span`,{"aria-hidden":!0,className:`flex h-9 w-9 items-center justify-center rounded-lg border border-[var(--border-base)] bg-[var(--surface-lift)]`,children:z?(0,J.jsx)(E,{className:`h-5 w-5 text-[var(--content-default)]`}):(0,J.jsx)(ot,{className:`h-5 w-5 text-[var(--content-default)]`})}),(0,J.jsxs)(`div`,{className:`flex min-h-6 items-center gap-2`,children:[(0,J.jsx)(p,{as:`h3`,variant:`title-small`,children:e.name}),t&&(0,J.jsx)(v,{tone:`positive`,children:`Current`})]}),(0,J.jsx)(p,{as:`p`,variant:`body-small-default`,className:`-mt-2 text-[var(--content-tertiary)]`,children:B?`All you need for a capable assistant`:`More features, more compute, more storage`}),V&&a&&(0,J.jsxs)(p,{as:`p`,variant:`body-small-default`,className:`text-[var(--system-mid-strong)]`,"data-testid":`modal-cancels-on`,children:[`Your plan ends on `,o(a)]}),(0,J.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),(0,J.jsx)(`div`,{className:`flex flex-col gap-1`,children:B?(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(p,{as:`p`,variant:`title-medium`,children:`Free`}),(0,J.jsx)(p,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,children:`Forever`})]}):t&&!(H&&O!=null)&&(D==null||T)?A?(0,J.jsxs)(`div`,{className:`flex items-center gap-2 text-[var(--content-tertiary)]`,children:[(0,J.jsx)(j,{className:`h-4 w-4 animate-spin`}),(0,J.jsx)(p,{as:`span`,variant:`body-medium-lighter`,children:`Loading your plan...`})]}):(0,J.jsx)(p,{as:`p`,variant:`body-medium-lighter`,className:`text-[var(--content-tertiary)]`,"data-testid":`modal-pro-price-unavailable`,children:`Current plan pricing unavailable`}):(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(`div`,{className:`flex items-center gap-1`,children:[(0,J.jsx)(p,{as:`p`,variant:`title-medium`,"data-testid":`modal-pro-price`,children:H&&O!=null?(0,J.jsxs)(J.Fragment,{children:[Y(O),k!=null&&k!==0&&(0,J.jsxs)(`span`,{className:`ml-1 text-[var(--content-tertiary)]`,children:[`(`,Nt(k),`)`]})]}):D==null?e.id===`pro`?`From ${Y(e.base_price_cents+Ht(e.machine_tiers)+Ht(e.storage_tiers))}`:null:`Currently ${Y(D)}`}),H&&k!=null&&k!==0&&(0,J.jsx)(`span`,{title:`Your Pro Plan subscription will change from ${Y(D)} to ${Y(O)}.`,children:(0,J.jsx)(ke,{className:`h-3 w-3 text-[var(--content-tertiary)]`})})]}),e.id===`pro`&&(0,J.jsxs)(p,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,"data-testid":`modal-pro-base-fee`,children:[Mt(e.base_price_cents),` base fee`]})]})}),(0,J.jsx)(qt,{features:e.included_features,variant:`checklist`}),z&&!c&&(0,J.jsx)(p,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,"data-testid":`modal-credits-not-included`,children:`*Credits not included`})]}),(0,J.jsxs)(`div`,{className:`mt-4 flex flex-1 flex-col justify-end gap-4`,children:[!t&&z&&(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),c&&(0,J.jsx)(Kt,{creditTiers:l,selectedCreditTier:u,onCreditTierChange:d,disabled:ee}),(0,J.jsx)(It,{machineTiers:x,storageTiers:S,selectedMachineTier:h,selectedStorageTier:g,onMachineTierChange:y,onStorageTierChange:b}),(0,J.jsx)(f,{variant:`primary`,className:`w-full`,onClick:ne,disabled:ee||!h||!g,"data-testid":`modal-upgrade-to-pro-button`,children:`Upgrade to Pro`})]}),ie&&(A?(0,J.jsxs)(`div`,{className:`flex items-center gap-2 text-[var(--content-tertiary)]`,children:[(0,J.jsx)(j,{className:`h-4 w-4 animate-spin`}),(0,J.jsx)(p,{as:`span`,variant:`body-medium-lighter`,children:`Loading your plan...`})]}):(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),c&&(0,J.jsx)(Kt,{creditTiers:l,selectedCreditTier:u,onCreditTierChange:d,disabled:M}),(0,J.jsx)(It,{machineTiers:x,storageTiers:S,selectedMachineTier:h,selectedStorageTier:g,onMachineTierChange:y,onStorageTierChange:b,currentMachinePriceCents:C,currentStoragePriceCents:w}),I&&(0,J.jsx)(_,{tone:`error`,children:I}),(0,J.jsx)(f,{variant:`primary`,className:`w-full`,onClick:re,disabled:M||!N&&!P&&!F,"data-testid":`modal-change-tier-button`,children:`Update Plan`})]})),!t&&B&&n&&!r&&(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),(0,J.jsx)(f,{variant:`outlined`,className:`w-full`,onClick:L,disabled:te,"data-testid":`modal-downgrade-to-base-button`,children:`Downgrade to Base`})]}),V&&(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(`hr`,{className:`border-t border-[var(--border-base)]`}),(0,J.jsx)(f,{variant:`outlined`,className:`w-full`,onClick:R,disabled:te,"data-testid":`modal-keep-plan-button`,children:`Keep your Plan`})]})]})]})}function Yt({open:e,onClose:t,onTierUpgraded:n}){let r=c(),i=l(He()),a=l(Me()),o=u(be()),s=u(De()),d=u(ve()),m=u(ze()),h=jt(Ot(a.data)),[g,v]=(0,q.useState)(`plans`),[y,b]=(0,q.useState)(!1),[x,S]=(0,q.useState)(null),[T,E]=(0,q.useState)(null),[D,O]=(0,q.useState)(void 0);(0,q.useEffect)(()=>Se(()=>{r.invalidateQueries({queryKey:Ue()}),r.invalidateQueries({queryKey:Fe()}),r.invalidateQueries({queryKey:ye()}),t()}),[r,t]);let k=a.data?.plan_id,A=k===`pro`,M=l({...Ve(),enabled:A}),N=M.data?.max_machine_tier??null,P=M.data?.selected_storage_tier??null,F=M.data?.selected_storage_gib??null,I=a.data?.cancel_at_period_end===!0||!!a.data?.cancel_at,ee=a.data?.status===`canceled`,te=At(a.data),ne=a.data?.status,re=ne!=null&&Lt.has(ne),L=A&&re&&!I&&!ee,R=i.data?.plans.find(e=>e.id===`pro`),z=R?.credit_tiers??[],B=z.length>0,V=a.data?.selected_credit_tier??null,H=e=>z.find(t=>t.tier===e)?.price_cents??0,ie=H(V),ae=V!=null&&!z.some(e=>e.tier===V),oe=D===void 0?V:D,se=H(oe),ce=R?.machine_tiers??[],le=L&&F!=null?(R?.storage_tiers??[]).map(e=>e.storage_gib<F?{...e,disabled:!0}:e):R?.storage_tiers??[];(0,q.useEffect)(()=>{if(!e){S(null),E(null),O(void 0);return}if(R){if(L){if(N==null||P==null)return;S(e=>Bt(ce,e??N)),E(e=>Bt(le,e??P)),O(e=>Vt(z,e,V));return}S(e=>Bt(R.machine_tiers,e)),E(e=>Bt(R.storage_tiers,e)),O(e=>Vt(z,e,null))}},[e,R,L,N,P,V]);let de=i.data?.plans.find(e=>e.id===`base`),fe=new Set(de?.included_features??[]),pe=(R?.included_features??[]).filter(e=>!fe.has(e)),me=()=>{if(!o.isPending){if(!x||!T){w.error(`Pick a machine and storage tier to continue.`,{id:`pro-upgrade-error`});return}o.mutate({body:{target_plan_id:`pro`,confirm:!0,machine_tier:x,storage_tier:T,credit_tier:oe}},{onSuccess:e=>{if(e.checkout_url){We(e.checkout_url);return}if(e.status===`no_op`){w.info(`You're already on Pro.`,{id:`pro-upgrade`}),t();return}w.error(e.message??`Failed to start upgrade. Please try again.`,{id:`pro-upgrade-error`})},onError:e=>{w.error(zt(e,`Failed to start upgrade. Please try again.`),{id:`pro-upgrade-error`})}})}},ge=()=>{h.isPending||(v(`plans`),h.mutate({}))},_e=()=>{r.invalidateQueries({queryKey:Ue()}),r.invalidateQueries({queryKey:ye()}),r.invalidateQueries({queryKey:Fe()})},U=s.isPending||d.isPending||m.isPending,W=x!=null&&x!==N,G=T!=null&&T!==P,xe=B&&D!==void 0&&D!==V,Ce=e=>ce.find(t=>t.tier===e)?.price_cents??null,we=e=>le.find(t=>t.tier===e)?.price_cents??null,Te=Ce(x),Ee=we(T),K=Ce(N),Oe=we(P),ke=W&&Te!=null&&K!=null&&Te<K,Ae=()=>{if(U)return;let e=[];W&&x&&e.push(new Promise(e=>{s.mutate({body:{machine_tier:x}},{onSuccess:()=>e({dimension:`machine`,ok:!0}),onError:t=>e({dimension:`machine`,ok:!1,error:t})})})),G&&T&&e.push(new Promise(e=>{d.mutate({body:{storage_tier:T}},{onSuccess:()=>e({dimension:`storage`,ok:!0}),onError:t=>e({dimension:`storage`,ok:!1,error:t})})})),xe&&e.push(new Promise(e=>{m.mutate({body:{credit_tier:oe}},{onSuccess:()=>e({dimension:`credit`,ok:!0}),onError:t=>e({dimension:`credit`,ok:!1,error:t})})})),Promise.all(e).then(e=>{_e();let r=e.some(e=>e.ok&&e.dimension===`storage`),i=e.some(e=>e.ok&&e.dimension===`machine`)&&!ke,a=(r||i)&&!!n,o=e.filter(e=>!e.ok);if(o.length>0){let e=o.map(e=>zt(e.error,`Failed to update ${e.dimension} tier.`)).join(` `);w.error(e,{id:`pro-tier-change-error`}),a&&(t(),n());return}a?(t(),n()):w.success(xe&&!W&&!G?`Credit bundle updated.`:`Plan updated.`,{id:`pro-tier-change`})})},je=()=>{if(!U){if(ke){b(!0);return}Ae()}},Ne=()=>{b(!1),Ae()},Pe=e=>Te!=null&&Ee!=null?e.base_price_cents+Te+Ee+se:null,Ie=e=>K!=null&&Oe!=null?e.base_price_cents+K+Oe+ie:null,Le=s.isError||d.isError||m.isError?zt(s.error??d.error??m.error,`Failed to update plan. Please try again.`):null,Re=i.isLoading||a.isLoading,Be=i.isError||a.isError||!i.data||!a.data;return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(C.Root,{open:e,onOpenChange:e=>{e||(v(`plans`),t())},children:(0,J.jsx)(C.Content,{size:g===`plans`?`lg`:`md`,children:g===`downgrade-confirm`?(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(C.Header,{children:(0,J.jsx)(C.Title,{icon:ue,children:`Downgrade to Base?`})}),(0,J.jsxs)(C.Body,{children:[(0,J.jsx)(p,{as:`p`,variant:`body-medium-default`,className:`text-(--content-secondary)`,children:`Downgrading removes the following Pro features:`}),(0,J.jsx)(`ul`,{className:`mt-4 list-disc space-y-2 pl-5`,children:pe.map(e=>(0,J.jsx)(`li`,{children:(0,J.jsx)(p,{as:`span`,variant:`body-medium-default`,children:e})},e))})]}),(0,J.jsxs)(C.Footer,{children:[(0,J.jsx)(f,{variant:`ghost`,onClick:()=>v(`plans`),disabled:h.isPending,leftIcon:(0,J.jsx)(he,{className:`h-4 w-4`}),children:`Back`}),(0,J.jsx)(f,{variant:`danger`,onClick:ge,disabled:h.isPending,"data-testid":`confirm-downgrade-button`,children:`Confirm Downgrade`})]})]}):(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(C.Header,{children:(0,J.jsx)(C.Title,{className:`sr-only`,children:`Upgrade Plan`})}),(0,J.jsx)(C.Body,{children:Re?(0,J.jsxs)(`div`,{className:`flex items-center gap-2 text-body-medium-lighter text-[var(--content-tertiary)]`,children:[(0,J.jsx)(j,{className:`h-4 w-4 animate-spin`}),(0,J.jsx)(p,{as:`span`,variant:`body-medium-lighter`,children:`Loading plans...`})]}):Be?(0,J.jsx)(_,{tone:`error`,children:`Failed to load plans. Please try again later.`}):(0,J.jsxs)(`div`,{className:`space-y-6`,children:[(0,J.jsxs)(`div`,{className:`space-y-2 pb-2 pt-4 text-center`,children:[(0,J.jsx)(p,{as:`p`,variant:`title-medium`,children:`Your Assistant, Your Way`}),(0,J.jsx)(p,{as:`p`,variant:`body-medium-lighter`,className:`text-[var(--content-secondary)]`,children:`Choose the plan that works best for you and your assistant.`})]}),(0,J.jsx)(`div`,{className:`grid grid-cols-1 gap-4 md:grid-cols-2`,children:i.data.plans.map(e=>{let t=e.id===k,n=e.id===`pro`&&R?Pe(R):null,r=e.id===`pro`&&R?Ie(R):null;return(0,J.jsx)(Jt,{plan:e,isCurrent:t,onPro:A,cancelAtPeriodEnd:I,isCanceled:ee,cancelDate:te,formatGraceDate:kt,proTierChangeMode:L,creditTiersEnabled:B,creditTiers:z,displayCreditTier:oe,onCreditTierChange:O,selectedMachineTier:x,selectedStorageTier:T,onMachineTierChange:S,onStorageTierChange:E,machineTiersForPicker:ce,storageTiersForPicker:le,currentMachinePrice:K,currentStoragePrice:Oe,currentCreditPriceUnknown:ae,proCurrentTotalCents:r,proLiveTotalCents:n,proTotalDelta:n!=null&&r!=null?n-r:null,onboardingLoading:M.isLoading,tierChangePending:U,machineChanged:W,storageChanged:G,creditChanged:xe,tierChangeError:Le,upgradePending:o.isPending,portalPending:h.isPending,onUpgrade:me,onApplyTierChange:je,onDowngradeClick:()=>v(`downgrade-confirm`),onKeepPlan:()=>h.mutate({})},e.id)})})]})}),(0,J.jsxs)(C.Footer,{className:`relative items-center`,children:[(0,J.jsx)(p,{as:`p`,variant:`body-small-default`,className:`pointer-events-none absolute inset-x-0 text-center text-[var(--content-tertiary)]`,children:(0,J.jsx)(`span`,{className:`pointer-events-auto`,children:`You can change or cancel your plan at any time from billing settings.`})}),(0,J.jsx)(`div`,{className:`ml-auto`,children:(0,J.jsx)(f,{variant:`outlined`,onClick:t,"data-testid":`modal-cancel-button`,children:`Cancel`})})]})]})})}),(0,J.jsx)(Ut,{open:y,onCancel:()=>b(!1),onConfirm:Ne,confirming:U,lostFeatures:[`Reduced CPU and memory for your assistant — it will resize to the smaller compute profile.`]})]})}var Xt={visa:`Visa`,mastercard:`Mastercard`,amex:`Amex`,discover:`Discover`,diners:`Diners Club`,jcb:`JCB`,unionpay:`UnionPay`};function Zt(e){return Xt[e.toLowerCase()]??e}function Qt(e,t){return`${Zt(e??`card`)} •••• ${t??`????`}`}function $t({open:e,confirming:t,onCancel:n,onConfirm:r}){return(0,J.jsx)(g,{open:e,title:`Disable automatic top-ups?`,message:`Auto top-ups will stop. Any saved payment method stays on file.`,confirmLabel:t?`Disabling…`:`Disable`,cancelLabel:`Keep enabled`,destructive:!0,onConfirm:r,onCancel:n})}var en={threshold_usd:`100`,amount_usd:`10`,monthly_cap_usd:``};function tn(e){if(e===``||e===`-`)return e;let t=parseFloat(e);return Number.isFinite(t)?String(Math.trunc(t)):``}function nn(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 rn(e,t,n,r){if(n[e])return n[e];if(r)return t[e]}function an({initialValues:e=en,submitting:t,serverErrors:n,onSave:r,onCancel:i}){let[a,o]=(0,q.useState)(e),[s,c]=(0,q.useState)({threshold_usd:!1,amount_usd:!1,monthly_cap_usd:!1}),l=nn(a),u=e=>t=>{o(n=>({...n,[e]:t.target.value}))},d=e=>()=>{c(t=>({...t,[e]:!0})),o(t=>({...t,[e]:tn(t[e])}))},p=e=>rn(e,l,n,s[e]);return(0,J.jsx)(`div`,{className:`mt-4`,children:(0,J.jsxs)(`div`,{className:`flex flex-wrap items-start gap-3`,children:[(0,J.jsx)(`div`,{className:`min-w-[10rem] flex-1`,children:(0,J.jsx)(y,{type:`number`,step:`1`,label:`Auto-Reload when balance below`,value:a.threshold_usd,onChange:u(`threshold_usd`),onBlur:d(`threshold_usd`),errorText:p(`threshold_usd`),"data-testid":`auto-top-up-threshold-input`,fullWidth:!0})}),(0,J.jsx)(`div`,{className:`min-w-[10rem] flex-1`,children:(0,J.jsx)(y,{type:`number`,step:`1`,label:`Add amount when auto reloading`,value:a.amount_usd,onChange:u(`amount_usd`),onBlur:d(`amount_usd`),errorText:p(`amount_usd`),"data-testid":`auto-top-up-amount-input`,fullWidth:!0})}),(0,J.jsx)(`div`,{className:`min-w-[10rem] flex-1`,children:(0,J.jsx)(y,{type:`number`,step:`1`,label:`Monthly spending cap`,helperText:`Pauses auto top-ups for the rest of the month once spending reaches this amount. Manual purchases also count toward the total. Leave empty for no limit.`,value:a.monthly_cap_usd,onChange:u(`monthly_cap_usd`),onBlur:d(`monthly_cap_usd`),errorText:p(`monthly_cap_usd`),"data-testid":`auto-top-up-cap-input`,fullWidth:!0})}),(0,J.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2 pt-[18px]`,children:[(0,J.jsx)(f,{variant:`outlined`,onClick:i,disabled:t,children:`Cancel`}),(0,J.jsx)(f,{variant:`primary`,onClick:()=>{c({threshold_usd:!0,amount_usd:!0,monthly_cap_usd:!0});let e={threshold_usd:tn(a.threshold_usd),amount_usd:tn(a.amount_usd),monthly_cap_usd:tn(a.monthly_cap_usd)};o(e);let t=nn(e);if(Object.keys(t).length!==0)return;let n=e=>e===``?``:`${parseInt(e,10)}.00`;r({threshold_usd:n(e.threshold_usd),amount_usd:n(e.amount_usd),monthly_cap_usd:e.monthly_cap_usd===``?``:n(e.monthly_cap_usd)})},disabled:t,"data-testid":`auto-top-up-save-button`,children:`Save`})]})]})})}function on(e){if(!e)return``;let t=parseFloat(e);return Number.isFinite(t)?String(Math.trunc(t)):``}function sn(e){if(!e)return`$0`;let t=parseFloat(e);if(!Number.isFinite(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}`}var cn={enabled:!1,threshold_usd:null,amount_usd:null,monthly_cap_usd:null,has_payment_method:!1,payment_method_brand:null,payment_method_last4:null,stripe_payment_method_updated_at:null,last_charge_at:null,last_failure_at:null,last_failure_reason:null,disabled_due_to_repeated_failures:!1,paused_until:null,current_month_credits_purchased_usd:`0.00`,current_month_charged_usd:`0.00`,next_trigger_amount_usd:null,stubbed:!1};function ln(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 un(e){let{brand:t,last4:n}=e;return!t&&!n?null:n?`Charged to ${Qt(t,n)}`:`Charged to ${Zt(t??`card`)}`}function dn(){let e=c(),t=l(W()),n=u(B()),r=u(Re()),[i,a]=(0,q.useState)(`view`),[o,s]=(0,q.useState)(!1),[d,p]=(0,q.useState)(!1),[m,h]=(0,q.useState)(!1);if((0,q.useEffect)(()=>{m&&t.data?.has_payment_method&&h(!1)},[m,t.data?.has_payment_method]),t.isLoading)return(0,J.jsx)(`div`,{"data-testid":`auto-top-up-card`,children:(0,J.jsx)(`p`,{className:`text-body-medium-lighter text-[var(--content-tertiary)]`,children:`Loading…`})});if(t.isError||!t.data)return(0,J.jsx)(`div`,{"data-testid":`auto-top-up-card`,children:(0,J.jsx)(_,{tone:`error`,children:`Failed to load auto top-up configuration.`})});let g=t.data,v=g.enabled===!0,y=g.disabled_due_to_repeated_failures===!0&&!v,x=()=>{n.reset(),r.reset(),a(`form`)},S=()=>{a(`view`),s(!1)},C=()=>{r.reset(),p(!1)},w=t=>{n.mutate({body:{enabled:!0,threshold_usd:t.threshold_usd,amount_usd:t.amount_usd,monthly_cap_usd:t.monthly_cap_usd===``?null:t.monthly_cap_usd}},{onSuccess:t=>{G(e,void 0,e=>({...t,payment_method_brand:e?.payment_method_brand??null,payment_method_last4:e?.payment_method_last4??null})),e.invalidateQueries({queryKey:_e()}),S()}})},T=()=>{r.mutate({},{onSuccess:()=>{G(e,void 0,e=>({...cn,has_payment_method:e?.has_payment_method??!1,payment_method_brand:e?.payment_method_brand??null,payment_method_last4:e?.payment_method_last4??null,stripe_payment_method_updated_at:e?.stripe_payment_method_updated_at??null})),p(!1),a(`view`),s(!1)}})},E=e=>{if(e&&!v){if(!g.has_payment_method||y){h(!0);return}h(!1),s(!0),x();return}if(!e&&!v&&o){S();return}!e&&v&&p(!0)},D=i===`form`,O=ln(n.error),k=n.isError&&Object.keys(O).length===0,A=v||o,j=un({brand:g.payment_method_brand,last4:g.payment_method_last4});return(0,J.jsxs)(`div`,{"data-testid":`auto-top-up-card`,children:[(0,J.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,J.jsx)(b,{checked:A,onChange:E,label:`Enable Auto-Reload`}),v&&!D&&(0,J.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,J.jsxs)(`div`,{className:`text-right`,children:[(0,J.jsxs)(`p`,{className:`text-body-small-default text-[var(--content-tertiary)]`,"data-testid":`auto-top-up-summary`,children:[`Add `,sn(g.amount_usd),` when the balance falls under `,sn(g.threshold_usd)]}),g.monthly_cap_usd!=null&&(0,J.jsxs)(`p`,{className:`mt-0.5 text-body-small-default text-[var(--content-tertiary)]`,"data-testid":`auto-top-up-cap-progress`,children:[sn(g.current_month_credits_purchased_usd),` of`,` `,sn(g.monthly_cap_usd),` this month`]})]}),(0,J.jsx)(f,{variant:`outlined`,onClick:x,"data-testid":`auto-top-up-edit-button`,children:`Adjust`})]})]}),y&&(0,J.jsx)(_,{tone:`warning`,className:`mt-3`,"data-testid":`auto-top-up-declined-cutoff`,children:`We paused automatic reloads after several declined payments. Add a new payment method below to turn auto-reload back on.`}),(0,J.jsx)(`div`,{className:`grid transition-[grid-template-rows] duration-200 ease-in-out`,style:{gridTemplateRows:m&&!y?`1fr`:`0fr`},children:(0,J.jsx)(`div`,{className:`overflow-hidden`,children:(0,J.jsx)(_,{tone:`warning`,className:`mt-3`,children:`You must first add a Payment Method before you can enable automatic credit reloads.`})})}),k&&(0,J.jsx)(_,{tone:`error`,className:`mt-4`,"data-testid":`auto-top-up-update-error`,children:`Failed to save automatic top-ups. Please try again.`}),r.isError&&(0,J.jsx)(_,{tone:`error`,className:`mt-4`,"data-testid":`auto-top-up-disable-error`,children:`Failed to disable automatic top-ups. Please try again.`}),D&&(0,J.jsx)(an,{initialValues:v?{threshold_usd:on(g.threshold_usd),amount_usd:on(g.amount_usd),monthly_cap_usd:on(g.monthly_cap_usd)}:void 0,submitting:n.isPending,serverErrors:O,onCancel:S,onSave:w}),v&&!g.has_payment_method&&(0,J.jsx)(_,{tone:`warning`,className:`mt-3`,"data-testid":`auto-top-up-no-pm`,children:`You must add a Payment Method.`}),v&&g.has_payment_method&&(0,J.jsx)(`p`,{className:`mt-3 text-body-small-default text-[var(--content-tertiary)]`,"data-testid":`auto-top-up-saved-pm`,children:j??`Charged to a saved card`}),(v||D)&&(0,J.jsx)(_,{tone:`info`,className:`mt-4`,children:`If you're too close to your monthly limit, the auto-reload will only top up to that limit.`}),(0,J.jsx)($t,{open:d,confirming:r.isPending,onCancel:C,onConfirm:T})]})}var fn=2e3;function pn(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 mn(){let e=c(),{data:t,isLoading:n,isError:r}=l(we()),i=t??null,[a,o]=(0,q.useState)(!1),s=(0,q.useRef)(0),u=(0,q.useRef)(null),d=le({onSuccess:()=>{e.invalidateQueries({queryKey:Le()})},onError:()=>{s.current<3&&(u.current=setTimeout(()=>{d.reset()},fn))}});(0,q.useEffect)(()=>()=>{u.current&&clearTimeout(u.current)},[]);let h=d.mutate;(0,q.useEffect)(()=>{i&&i.settled_balance===`0.00`&&i.pending_compute===`0.00`&&i.effective_balance===`0.00`&&s.current<3&&!d.isPending&&!d.isError&&!d.isSuccess&&(s.current+=1,h({}))},[i,d.isPending,d.isError,d.isSuccess,h]);let g=(0,J.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,J.jsxs)(`div`,{children:[(0,J.jsx)(p,{as:`h2`,variant:`title-medium`,className:`text-[var(--content-default)]`,children:`Credit Balance`}),(0,J.jsx)(p,{as:`p`,variant:`body-small-default`,className:`mt-2 text-[var(--content-tertiary)]`,children:`An overview of your credit balance and pending charges.`})]}),(0,J.jsx)(f,{variant:`primary`,onClick:()=>o(!0),disabled:n||!i,"data-testid":`add-credits-button`,children:`Add Credits`})]});return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(m,{padding:`md`,children:[g,n?(0,J.jsxs)(`div`,{className:`mt-4 flex items-center gap-2 text-body-medium-lighter text-[var(--content-tertiary)]`,children:[(0,J.jsx)(j,{className:`h-4 w-4 animate-spin`}),`Loading billing summary...`]}):r?(0,J.jsx)(`div`,{className:`mt-4`,children:(0,J.jsx)(_,{tone:`error`,children:`Failed to load billing summary. Please try again later.`})}):i?(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(`div`,{className:`mt-4`,children:(()=>{if(!i)return null;let e=parseFloat(i.effective_balance)<0,t=parseFloat(i.settled_balance)<0,n=parseFloat(i.pending_compute)<0;return(0,J.jsxs)(`div`,{className:`grid grid-cols-1 gap-2 sm:grid-cols-3`,children:[(0,J.jsx)(S,{icon:(0,J.jsx)(de,{className:`h-4 w-4`,"aria-hidden":!0}),value:(0,J.jsx)(`span`,{"data-testid":`effective-balance`,children:pn(i.effective_balance)}),label:`Balance`,tone:e?`negative`:`default`}),(0,J.jsx)(S,{icon:(0,J.jsx)(O,{className:`h-4 w-4`,"aria-hidden":!0}),value:(0,J.jsx)(`span`,{"data-testid":`settled-balance`,children:pn(i.settled_balance)}),label:`Settled Balance`,tone:t?`negative`:`default`}),(0,J.jsx)(S,{icon:(0,J.jsx)(it,{className:`h-4 w-4`,"aria-hidden":!0}),value:(0,J.jsx)(`span`,{"data-testid":`pending-charges`,children:pn(i.pending_compute)}),label:i.is_degraded?`Pending Usage (estimated)`:`Pending Usage`,tone:i.is_degraded?`muted`:n?`negative`:`default`})]})})()}),i.is_degraded&&(0,J.jsx)(`div`,{className:`mt-4`,children:(0,J.jsx)(_,{tone:`warning`,children:`Pending charges could not be calculated. The balance shown may be incomplete.`})})]}):(0,J.jsx)(`p`,{className:`mt-4 text-body-medium-lighter text-[var(--content-tertiary)]`,children:`No billing information available.`}),(0,J.jsx)(`div`,{className:`mt-6 border-t border-[var(--border-base)] pt-6`,children:(0,J.jsx)(dn,{})})]}),(0,J.jsx)(Xe,{open:a,onOpenChange:o})]})}var hn=1e3,gn=15e3,_n=3e3,vn=45e3,yn=`billing-portal-return`;function bn(e,t){if(!e)return{kind:`info`,message:`Subscription updated.`};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:`Pro plan canceled. You'll have access until ${t.cancel_at?kt(t.cancel_at):`the end of your billing period`}.`}:n&&!r?{kind:`success`,message:`Pro plan reactivated.`}:{kind:`info`,message:`Subscription updated.`}}function xn(){let[e]=o(),t=a(),n=c(),r=(0,q.useRef)(null);return(0,q.useEffect)(()=>()=>{r.current!==null&&(clearInterval(r.current),r.current=null)},[]),(0,q.useEffect)(()=>{if(e.get(`portal_return`)!==`true`)return;let i={current:!1},a=Et(),o=Me(),s=Ue(),c=Date.now();async function l(){await n.invalidateQueries({queryKey:s});let e=await n.fetchQuery(o);return{cancel_at_period_end:e.cancel_at_period_end,cancel_at:e.cancel_at}}async function u(){let e=await l();for(;!i.current&&a&&e.cancel_at_period_end===a.cancel_at_period_end&&e.cancel_at===a.cancel_at&&Date.now()-c<gn&&(await new Promise(e=>setTimeout(e,hn)),!i.current);)e=await l();return e}return(async()=>{try{let e=await u();if(i.current)return;let{kind:t,message:n}=bn(a,e);t===`success`?w.success(n,{id:yn}):w.info(n,{id:yn})}catch{if(i.current)return;w.info(`Subscription updated.`,{id:yn})}finally{if(!i.current){Dt(),t(L.settings.billing,{replace:!0});let e=Date.now();r.current!==null&&clearInterval(r.current),r.current=setInterval(()=>{if(Date.now()-e>=vn){r.current!==null&&(clearInterval(r.current),r.current=null);return}l().catch(e=>{console.error(`billing poll error:`,e)})},_n)}}})(),()=>{i.current=!0}},[e,t,n]),null}var Sn=[7,30,90].map(e=>({value:`${e}`,label:`Last ${e} days`}));function Cn(e,t=z()){let{fromDate:n,toDate:r}=nt(e,t);return{from:n,to:r}}function wn(e,t){let n=new Date(e),r=new Date(t);return Math.round((r.getTime()-n.getTime())/864e5)+1}function Tn({from:e,to:t}){let n=wn(e,t);return n===7?7:n===90?90:30}function En({value:e,onChange:t}){let n=Be(),r=(0,q.useMemo)(()=>`${Tn(e)}`,[e]);return(0,J.jsx)(h,{options:Sn,value:r,onChange:e=>{let r=Number(e);t(Cn(r,n),r)},"aria-label":`Date range`})}var Dn={strokeDasharray:`3 3`,stroke:`var(--border-subtle)`,strokeOpacity:.4},On={fontSize:12,fill:`var(--content-tertiary)`},kn={stroke:`var(--border-subtle)`,strokeOpacity:.4},An=[`#3b82f6`,`#10b981`,`#f59e0b`,`#ef4444`,`#8b5cf6`,`#06b6d4`,`#ec4899`,`#84cc16`];function jn({item:e}){return(0,J.jsxs)(`div`,{className:`flex items-center gap-2 py-0.5 text-[13px] text-[var(--content-default)]`,children:[(0,J.jsx)(`span`,{className:`h-2 w-2 shrink-0 rounded-full`,style:{backgroundColor:e.color}}),(0,J.jsx)(`span`,{children:e.label}),(0,J.jsx)(`span`,{className:`ml-auto tabular-nums`,children:e.value})]})}function Mn({active:e,payload:t,hoveredKey:n,label:r,labelMap:i,colorMap:a,formatValue:o,showTotal:s,formatLabel:c}){if(!e||!t?.length)return null;let l=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),u=n?l.find(e=>e.key===n):null,d=u?l.filter(e=>e.key!==n):l,f=l.reduce((e,t)=>e+t.numericValue,0);return(0,J.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,J.jsx)(`div`,{className:`mb-1.5 text-xs font-medium text-[var(--content-secondary)]`,children:(c??tt)(String(r))}),u&&(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(jn,{item:u}),d.length>0&&(0,J.jsx)(`div`,{className:`my-1.5 border-t border-[var(--border-subtle)]`})]}),d.map(e=>(0,J.jsx)(jn,{item:e},e.key)),s&&(0,J.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,J.jsxs)(`span`,{children:[`Total: `,o(f)]})})]})}function Nn(e,t){let[n,r]=e,[i,a]=t,o=r-n||1;return e=>i+(e-n)/o*(a-i)}function Pn(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 Fn(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 In(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:Pn(n/r)*r}function Ln(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 Rn(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 zn(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 Bn=40,Vn={fontSize:11,fill:`var(--content-tertiary)`},Hn={runtime_proxy_api:`#3b82f6`,oauth_proxy:`#f59e0b`};function Un(e,t){return Hn[e]??An[t%An.length]??`#6b7280`}function Wn(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 Gn({stackKeys:e,labelMap:t}){return(0,J.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,J.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,J.jsx)(`span`,{className:`inline-block h-2.5 w-2.5 rounded-sm`,style:{backgroundColor:Un(e,n)}}),(0,J.jsx)(`span`,{className:`text-[var(--content-quiet)]`,children:t[e]??e})]},e))})}var Kn=350,qn={top:8,right:4,bottom:32,left:0},Jn=.2,Yn=5,Xn=12,Zn=200;function Qn({buckets:e,metric:t,onBarClick:n}){let r=R(),i=(0,q.useRef)(null),[a,o]=(0,q.useState)(0);(0,q.useEffect)(()=>{let e=i.current;if(!e)return;let t=new ResizeObserver(([e])=>{e&&o(e.contentRect.width)});return t.observe(e),()=>t.disconnect()},[]);let{data:s,stackKeys:c,labelMap:l}=(0,q.useMemo)(()=>Wn(e,t),[e,t]),u=(0,q.useMemo)(()=>{let e={};for(let t=0;t<c.length;t++)e[c[t]]=Un(c[t],t);return e},[c]),d=(0,q.useCallback)(e=>t===`spend`?`$${e.toLocaleString(`en-US`,{minimumFractionDigits:2,maximumFractionDigits:2})}`:e.toLocaleString(`en-US`),[t]),[f,p]=(0,q.useState)(null),m=r?Bn:56,h=r?Vn:On,g=qn.left+m,_=Math.max(0,a-g-qn.right),v=qn.top,y=Kn-qn.top-qn.bottom,b=(0,q.useMemo)(()=>s.map(e=>c.reduce((t,n)=>t+(Number(e[n])||0),0)),[s,c]),x=t===`events`,S=(0,q.useMemo)(()=>In(b,{integerOnly:x,tickCount:Yn}),[b,x]),C=(0,q.useMemo)(()=>Ln(S,Yn),[S]),w=(0,q.useCallback)(e=>{if(t===`spend`){if(e===0)return`$0`;let t=S/Yn,n=Math.max(t<1?2:0,Fn(t));return`$${e.toLocaleString(`en-US`,{minimumFractionDigits:n,maximumFractionDigits:n})}`}return e.toLocaleString(`en-US`)},[t,S]),T=(0,q.useMemo)(()=>Nn([0,S],[v+y,v]),[S,v,y]),E=s.length,D=E>0?_/E:0,O=D*(1-Jn),k=(D-O)/2,A=(0,q.useMemo)(()=>zn(E,r),[E,r]),j=c.length===0,M=j?[]:s.map((e,t)=>{let n=g+t*D+k,r=0;return{di:t,x:n,segments:c.map((t,i)=>{let a=Number(e[t])||0,o=r;r+=a;let s=T(r),l=T(o)-s,u=i===c.length-1;return{key:t,val:a,x:n,y:s,h:l,color:Un(t,i),isLast:u}})}}),N=(e,t,n)=>{let r=i.current?.getBoundingClientRect();r&&p({x:e.clientX-r.left,y:e.clientY-r.top,datumIndex:t,hoveredKey:n})},P=()=>p(null),F=e=>{n&&n(e)},I=f?c.filter(e=>(Number(s[f.datumIndex]?.[e])||0)>0).map(e=>({dataKey:e,value:Number(s[f.datumIndex]?.[e])||0})):[],ee={left:f?Math.max(0,Math.min(f.x+Xn,a-Zn)):0,top:f?f.y-Xn:0,visibility:f?`visible`:`hidden`};return(0,J.jsxs)(`div`,{onMouseDown:e=>e.preventDefault(),children:[(0,J.jsx)(`div`,{ref:i,className:`relative w-full`,style:{height:Kn},children:j?(0,J.jsx)(`div`,{className:`flex h-full items-center justify-center text-body-medium-lighter text-[var(--content-faint)]`,children:`No usage data for this period`}):a>0?(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(`svg`,{width:a,height:Kn,className:`block`,children:[C.map(e=>(0,J.jsx)(`line`,{x1:g,x2:g+_,y1:T(e),y2:T(e),stroke:Dn.stroke,strokeOpacity:Dn.strokeOpacity,strokeDasharray:Dn.strokeDasharray},e)),(0,J.jsx)(`line`,{x1:g,x2:g+_,y1:v+y,y2:v+y,stroke:kn.stroke,strokeOpacity:kn.strokeOpacity}),C.map(e=>(0,J.jsx)(`text`,{x:g-8,y:T(e),textAnchor:`end`,dominantBaseline:`middle`,fontSize:h.fontSize,fill:h.fill,children:w(e)},e)),A.map(e=>{let t=s[e];return t?(0,J.jsx)(`text`,{x:g+e*D+D/2,y:v+y+20,textAnchor:`middle`,fontSize:h.fontSize,fill:h.fill,children:tt(String(t.date))},e):null}),M.map(({di:e,segments:t})=>t.map(t=>{if(t.h<=0)return null;let r=f?.hoveredKey&&f.hoveredKey!==t.key?.4:1,i={key:`${e}-${t.key}`,fill:t.color,opacity:r,cursor:n?`pointer`:void 0,onMouseMove:n=>N(n,e,t.key),onMouseLeave:P,onClick:()=>F(t.key)};return t.isLast?(0,J.jsx)(`path`,{...i,d:Rn(t.x,t.y,O,t.h,3)}):(0,J.jsx)(`rect`,{...i,x:t.x,y:t.y,width:O,height:t.h})}))]}),(0,J.jsx)(`div`,{className:`pointer-events-none absolute z-[1] max-w-[calc(100vw-32px)] -translate-y-full`,style:ee,children:(0,J.jsx)(Mn,{active:!!f,payload:I,hoveredKey:f?.hoveredKey??void 0,label:f?String(s[f.datumIndex]?.date):``,labelMap:l,colorMap:u,formatValue:d})})]}):null}),!j&&(0,J.jsx)(Gn,{stackKeys:c,labelMap:l})]})}function $n(e=z()){return Cn(30,e)}function er(e){if(e)return e.usageSource===`oauth_proxy`?`oauth_provider`:Qe(e.llmDimension??`model`)}function tr(e,t=z()){return{from:e.dateRange.from,to:e.dateRange.to,tz:t,...e.drilldown?{usage_source:e.drilldown.usageSource,group_by:er(e.drilldown)}:{}}}function nr(e,t=z()){return{from:e.dateRange.from,to:e.dateRange.to,tz:t,...e.drilldown?{usage_source:e.drilldown.usageSource}:{}}}function rr(e){let t=Be(),n=l(K({query:tr(e,t)})),r=l(Te({query:nr(e,t)}));return{series:n.data,totals:r.data,isLoading:n.isLoading||r.isLoading,isError:n.isError||r.isError}}var ir=[{value:`spend`,label:`Spend ($)`},{value:`events`,label:`Events`}];function ar(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 or(e){return e===void 0?`—`:e.toLocaleString(`en-US`)}function sr(){let e=Be(),[t,n]=(0,q.useState)(30),[r,i]=(0,q.useState)(()=>$n(e)),a=(0,q.useMemo)(()=>t===null?r:Cn(t,e),[t,r,e]),o=(e,t)=>{n(t),i(e)},[s,c]=(0,q.useState)(null),[l,u]=(0,q.useState)(`spend`),{series:d,totals:f,isLoading:h,isError:g}=rr({dateRange:a,setDateRange:e=>{n(null),i(e)},drilldown:s,setDrilldown:c}),_=s?void 0:e=>{let t={runtime_proxy_api:`runtime_proxy`,oauth_proxy:`oauth_proxy`}[e];t&&c({usageSource:t,...t===`runtime_proxy`?{llmDimension:et}:{}})};return(0,J.jsx)(m,{padding:`md`,children:(0,J.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,J.jsxs)(`div`,{className:`flex flex-wrap items-start justify-between gap-3`,children:[(0,J.jsxs)(`div`,{children:[(0,J.jsx)(p,{as:`h2`,variant:`title-medium`,className:`text-[var(--content-default)]`,children:`Credit Usage`}),(0,J.jsx)(p,{as:`p`,variant:`body-small-default`,className:`mt-2 text-[var(--content-tertiary)]`,children:`Overview of your spending habits.`})]}),(0,J.jsxs)(`div`,{className:`flex flex-wrap items-center justify-end gap-2 [&_[role=combobox]]:h-8 [&_[role=radio]]:h-7`,children:[(0,J.jsx)(En,{value:a,onChange:o}),(0,J.jsx)(`div`,{className:`w-44`,children:(0,J.jsx)(x,{items:ir,value:l,onChange:u,ariaLabel:`Chart metric`})})]})]}),(0,J.jsxs)(`div`,{className:`grid grid-cols-1 gap-2 sm:grid-cols-2`,children:[(0,J.jsx)(S,{icon:(0,J.jsx)(de,{className:`h-4 w-4`,"aria-hidden":!0}),value:h?(0,J.jsx)(j,{className:`h-4 w-4 animate-spin`,"aria-hidden":!0}):ar(f?.total_usd),label:`Spend`}),(0,J.jsx)(S,{icon:(0,J.jsx)(te,{className:`h-4 w-4`,"aria-hidden":!0}),value:h?(0,J.jsx)(j,{className:`h-4 w-4 animate-spin`,"aria-hidden":!0}):or(f?.event_count),label:`Events`})]}),s&&(0,J.jsxs)(`div`,{className:`flex flex-wrap items-center justify-between gap-3`,children:[(0,J.jsx)(`div`,{children:(0,J.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:()=>c(null),children:[(0,J.jsx)(he,{className:`h-3.5 w-3.5`}),(0,J.jsx)(`span`,{children:`Back to all usage`}),(0,J.jsx)(`span`,{className:`text-[var(--content-tertiary)]`,children:`/`}),(0,J.jsx)(`span`,{className:`text-body-medium-default text-[var(--content-default)]`,children:s.usageSource===`runtime_proxy`?`LLM Spend`:`OAuth Spend`})]})}),s.usageSource===`runtime_proxy`&&(0,J.jsx)(`div`,{className:`w-56`,children:(0,J.jsx)(x,{items:$e,value:s.llmDimension??`model`,onChange:e=>c({usageSource:`runtime_proxy`,llmDimension:e}),ariaLabel:`LLM spend dimension`})})]}),h?(0,J.jsx)(`div`,{className:`flex h-[345px] items-center justify-center rounded-xl bg-[var(--surface-base)]`,children:(0,J.jsx)(j,{className:`h-6 w-6 animate-spin text-[var(--content-tertiary)]`})}):g?(0,J.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:`Failed to load usage data.`}):d?(0,J.jsx)(`div`,{className:`rounded-xl bg-[var(--surface-base)] p-3`,children:(0,J.jsx)(Qn,{buckets:d.buckets,metric:l,onBarClick:_})}):null]})})}function cr(){let{data:e}=l(Me()),t=jt((0,q.useMemo)(()=>Ot(e),[e]));if(!e||e.plan_id!==`pro`||e.status===`canceled`||!e.cancel_at_period_end&&!e.cancel_at)return null;let n=At(e);return n?(0,J.jsx)(_,{tone:`info`,title:`Your Pro plan will end on ${kt(n)}.`,actions:(0,J.jsx)(f,{variant:`outlined`,size:`compact`,onClick:()=>t.mutate({}),disabled:t.isPending,leftIcon:t.isPending?(0,J.jsx)(j,{className:`animate-spin`}):void 0,"data-testid":`grace-period-reactivate-button`,children:`Reactivate`}),"data-testid":`grace-period-banner`,children:`You'll keep Pro features until then.`}):null}var lr=t(((e,t)=>{t.exports=`SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED`})),ur=t(((e,t)=>{var n=lr();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=ur()()}))(),1);function dr(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 fr(e){for(var t=1;t<arguments.length;t++){var n=arguments[t]==null?{}:arguments[t];t%2?dr(Object(n),!0).forEach(function(t){mr(e,t,n[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):dr(Object(n)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))})}return e}function pr(e){"@babel/helpers - typeof";return pr=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},pr(e)}function mr(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function hr(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 gr(e,t){if(e==null)return{};var n=hr(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 _r(e,t){return vr(e)||yr(e,t)||br(e,t)||Sr()}function vr(e){if(Array.isArray(e))return e}function yr(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 br(e,t){if(e){if(typeof e==`string`)return xr(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 xr(e,t)}}function xr(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 Sr(){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=q.useRef(n);q.useEffect(function(){i.current=n},[n]),q.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])},Cr=function(e){var t=q.useRef(e);return q.useEffect(function(){t.current=e},[e]),t.current},wr=function(e){return e!==null&&pr(e)===`object`},Tr=function(e){return wr(e)&&typeof e.then==`function`},Er=function(e){return wr(e)&&typeof e.elements==`function`&&typeof e.createToken==`function`&&typeof e.createPaymentMethod==`function`&&typeof e.confirmCardPayment==`function`},Dr=`[object Object]`,Or=function e(t,n){if(!wr(t)||!wr(n))return t===n;var r=Array.isArray(t);if(r!==Array.isArray(n))return!1;var i=Object.prototype.toString.call(t)===Dr;if(i!==(Object.prototype.toString.call(n)===Dr))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])})},kr=function(e,t,n){return wr(e)?Object.keys(e).reduce(function(r,i){var a=!wr(t)||!Or(e[i],t[i]);return n.includes(i)?(a&&console.warn(`Unsupported prop change: options.${i} is not a mutable property.`),r):a?fr(fr({},r||{}),{},mr({},i,e[i])):r},null):null},Ar="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.",jr=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:Ar;if(e===null||Er(e))return e;throw Error(t)},Mr=function(e){var t=arguments.length>1&&arguments[1]!==void 0?arguments[1]:Ar;if(Tr(e))return{tag:`async`,stripePromise:Promise.resolve(e).then(function(e){return jr(e,t)})};var n=jr(e,t);return n===null?{tag:`empty`}:{tag:`sync`,stripe:n}},Nr=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`}))},Pr=q.createContext(null);Pr.displayName=`ElementsContext`;var Fr=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},Ir=function(e){var t=e.stripe,n=e.options,r=e.children,i=q.useMemo(function(){return Mr(t)},[t]),a=_r(q.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];q.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=Cr(t);q.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=Cr(n);return q.useEffect(function(){if(o.elements){var e=kr(n,l,[`clientSecret`,`fonts`]);e&&o.elements.update(e)}},[n,l,o.elements]),q.useEffect(function(){Nr(o.stripe)},[o.stripe]),q.createElement(Pr.Provider,{value:o},r)};Ir.propTypes={stripe:X.default.any,options:X.default.object};var Lr=function(e){return Fr(q.useContext(Pr),e)},Rr=function(e){var t=e.children;return t(Lr(`mounts <ElementsConsumer>`))};Rr.propTypes={children:X.default.func.isRequired};var zr=q.createContext(null);zr.displayName=`CheckoutContext`;var Br=function(e){var t=q.useContext(zr),n=q.useContext(Pr);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 Fr(n,e)},Vr=[`mode`],Hr=function(e){return e.charAt(0).toUpperCase()+e.slice(1)},Q=function(e,t,n){var r=`${Hr(e)}Element`,i=t?function(e){Br(`mounts <${r}>`);var t=e.id,n=e.className;return q.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=Br(`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=_r(q.useState(null),2),O=D[0],k=D[1],A=q.useRef(null),j=q.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),q.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=gr(o,Vr);if(a===`shipping`)t=n.createShippingAddressElement(s);else if(a===`billing`)t=n.createBillingAddressElement(s);else throw Error(`Invalid options.mode. mode must be 'billing' or 'shipping'.`)}else throw Error(`You must supply options.mode. mode must be 'billing' or 'shipping'.`);break;case`expressCheckout`:t=n.createExpressCheckoutElement(o);break;case`currencySelector`:t=E.createCurrencySelectorElement();break;case`taxId`:t=n.createTaxIdElement(o);break;case`contactDetails`:t=n.createContactDetailsElement();break;default:throw Error(`<${r}> is not supported inside a checkout provider. Use an <Elements> provider instead.`)}}else w&&(t=w.create(e,o));A.current=t,k(t),t&&t.mount(j.current)}},[w,E,o]);var N=Cr(o);return q.useEffect(function(){if(A.current){var e=kr(o,N,[`paymentRequest`]);e&&`update`in A.current&&A.current.update(e)}},[o,N]),q.useLayoutEffect(function(){return function(){if(A.current&&typeof A.current.destroy==`function`)try{A.current.destroy(),A.current=null}catch{}}},[]),q.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`,Ur=q.createContext(null);Ur.displayName=`EmbeddedCheckoutProviderContext`,Q(`auBankAccount`,$),Q(`card`,$),Q(`cardNumber`,$),Q(`cardExpiry`,$),Q(`cardCvc`,$),Q(`iban`,$),Q(`payment`,$),Q(`expressCheckout`,$),Q(`paymentRequestButton`,$),Q(`linkAuthentication`,$),Q(`contactDetails`,$),Q(`address`,$),Q(`shippingAddress`,$),Q(`paymentMethodMessaging`,$),Q(`taxId`,$),Q(`issuingCardNumberDisplay`,$),Q(`issuingCardCvcDisplay`,$),Q(`issuingCardExpiryDisplay`,$),Q(`issuingCardPinDisplay`,$),Q(`issuingCardCopyButton`,$);var Wr=`dahlia`,Gr=`https://js.stripe.com`,Kr=`${Gr}/${Wr}/stripe.js`,qr=/^https:\/\/js\.stripe\.com\/v3\/?(\?.*)?$/,Jr=/^https:\/\/js\.stripe\.com\/(v3|[a-z]+)\/stripe\.js(\?.*)?$/,Yr=`loadStripe.setLoadParameters was called but an existing Stripe.js script already exists in the document; existing script parameters will be used`,Xr=function(e){return qr.test(e)||Jr.test(e)},Zr=function(){for(var e=document.querySelectorAll(`script[src^="${Gr}"]`),t=0;t<e.length;t++){var n=e[t];if(Xr(n.src))return n}return null},Qr=function(e){var t=e&&!e.advancedFraudSignals?`?advancedFraudSignals=false`:``,n=document.createElement(`script`);n.src=`${Kr}${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},$r=null,ei=null,ti=null,ni=function(e){return function(t){e(Error(`Failed to load Stripe.js`,{cause:t}))}},ri=function(e,t){return function(){window.Stripe?e(window.Stripe):t(Error(`Stripe.js not available`))}},ii=function(e){return $r===null?($r=new Promise(function(t,n){if(typeof window>`u`||typeof document>`u`){t(null);return}if(window.Stripe&&e&&console.warn(Yr),window.Stripe){t(window.Stripe);return}try{var r=Zr();if(r&&e)console.warn(Yr);else if(!r)r=Qr(e);else if(r&&ti!==null&&ei!==null){var i;r.removeEventListener(`load`,ti),r.removeEventListener(`error`,ei),(i=r.parentNode)==null||i.removeChild(r),r=Qr(e)}ti=ri(t,n),ei=ni(n),r.addEventListener(`load`,ti),r.addEventListener(`error`,ei)}catch(e){n(e);return}}),$r.catch(function(e){return $r=null,Promise.reject(e)})):$r},ai,oi=!1,si=function(){return ai||(ai=ii(null).catch(function(e){return ai=null,Promise.reject(e)}),ai)};Promise.resolve().then(function(){return si()}).catch(function(e){oi||console.warn(e)});function ci(){return typeof document<`u`&&document.documentElement.classList.contains(`dark`)?{theme:`night`}:{theme:`stripe`}}function li({open:e,onClose:t,onSavedOptimistic:n}){let r=u(fe()),{mutate:i,reset:a}=r;return(0,q.useEffect)(()=>{e||a()},[e,i,a]),(0,q.useMemo)(()=>ci(),[r.data?.client_secret??null]),(0,J.jsx)(C.Root,{open:e,onOpenChange:e=>{e||t()},children:(0,J.jsxs)(C.Content,{size:`sm`,children:[(0,J.jsx)(C.Header,{children:(0,J.jsx)(C.Title,{children:`Save Payment Method`})}),(0,J.jsx)(C.Body,{className:`min-h-[260px]`,children:(0,J.jsx)(ui,{})})]})})}function ui(){return(0,q.useEffect)(()=>{console.warn(`[AutoTopUpPaymentMethodModal] VITE_STRIPE_PUBLISHABLE_KEY is not set; the payment-method modal cannot mount Stripe Elements.`)},[]),(0,J.jsx)(_,{tone:`error`,children:`Payment method setup is currently unavailable. Please try again later.`})}function di(){return(0,J.jsxs)(`div`,{children:[(0,J.jsx)(p,{as:`h2`,variant:`title-medium`,className:`text-[var(--content-default)]`,children:`Payment Method`}),(0,J.jsx)(p,{as:`p`,variant:`body-small-default`,className:`mt-2 text-[var(--content-tertiary)]`,children:`This is the payment method that will be used for automated credit reloads.`})]})}function fi(){let e=c(),t=l(W()),[n,r]=(0,q.useState)(!1),[i,a]=(0,q.useState)(!1),o=u(oe()),s=async()=>{let t=Date.now(),n=e=>e?.stripe_payment_method_updated_at??null,r=n(e.getQueryData(_e()));try{await e.invalidateQueries({queryKey:_e()})}catch{}for(;Date.now()-t<2e4;){try{let t=await e.fetchQuery(W());if(t.has_payment_method&&n(t)!==r)return}catch{}await new Promise(e=>setTimeout(e,1500))}};if(t.isLoading)return(0,J.jsxs)(m,{padding:`md`,children:[(0,J.jsx)(di,{}),(0,J.jsxs)(`div`,{className:`mt-4 flex items-center gap-2 text-body-medium-lighter text-[var(--content-tertiary)]`,children:[(0,J.jsx)(j,{className:`h-4 w-4 animate-spin`}),`Loading…`]})]});if(t.isError||!t.data)return(0,J.jsxs)(m,{padding:`md`,children:[(0,J.jsx)(di,{}),(0,J.jsx)(`div`,{className:`mt-4`,children:(0,J.jsx)(_,{tone:`error`,children:`Failed to load payment method.`})})]});let d=t.data,h=Zt(d.payment_method_brand??`card`),v=d.payment_method_last4;return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(m,{padding:`md`,children:(0,J.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,J.jsx)(di,{}),d.has_payment_method?(0,J.jsxs)(`div`,{className:`flex items-center gap-3 rounded-lg bg-[var(--surface-base)] px-2 py-1.5`,children:[(0,J.jsx)(`span`,{"aria-hidden":!0,className:`flex h-6 w-6 shrink-0 items-center justify-center text-[var(--content-emphasised)]`,children:(0,J.jsx)(ae,{className:`h-3.5 w-3.5`})}),(0,J.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,J.jsx)(p,{variant:`body-medium-default`,as:`span`,children:h}),v?(0,J.jsxs)(p,{variant:`body-small-default`,as:`div`,className:`text-[var(--content-tertiary)]`,children:[`Ending in `,v]}):null]}),(0,J.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1`,children:[(0,J.jsx)(f,{variant:`ghost`,onClick:()=>r(!0),children:`Change`}),(0,J.jsx)(f,{variant:`ghost`,onClick:()=>a(!0),disabled:i||o.isPending,leftIcon:(0,J.jsx)(H,{className:`h-3.5 w-3.5`}),children:`Remove`})]})]}):(0,J.jsx)(f,{className:`self-start`,onClick:()=>r(!0),children:`Add Card`})]})}),(0,J.jsx)(g,{open:i,title:`Remove payment method?`,message:`Removing your payment method will disable automatic top-ups. You can re-enable them after adding a new payment method.`,confirmLabel:o.isPending?`Removing…`:`Remove`,cancelLabel:`Keep`,destructive:!0,onConfirm:()=>{o.isPending||o.mutate({},{onSuccess:()=>{G(e,void 0,e=>e?{...e,enabled:!1,has_payment_method:!1,payment_method_brand:null,payment_method_last4:null}:cn),a(!1)},onError:()=>{w.error(`Failed to remove payment method. Please try again.`),a(!1)}})},onCancel:()=>{o.isPending||a(!1)}}),(0,J.jsx)(li,{open:n,onClose:()=>r(!1),onSavedOptimistic:s})]})}var pi={invoices:[]};function mi(e){switch(e){case`paid`:return`positive`;case`open`:return`warning`;case`uncollectible`:return`negative`;default:return`neutral`}}function hi(e,t){let n=t.toUpperCase();try{let t=new Intl.NumberFormat(void 0,{style:`currency`,currency:n}),r=t.resolvedOptions().maximumFractionDigits??2;return t.format(e/10**r)}catch{return`${(e/100).toFixed(2)} ${n}`}}function gi(e){return Ze(new Date(e*1e3),{alwaysShowYear:!0})}function _i(e){let t=document.createElement(`a`);t.href=e,t.target=`_blank`,t.rel=`noopener noreferrer`,document.body.appendChild(t),t.click(),t.remove()}function vi({open:e,onOpenChange:t}){let[r,a]=(0,q.useState)(!1),o=l({queryKey:Ce(),enabled:e,queryFn:async({signal:e})=>{let{data:t,response:n}=await ne({throwOnError:!1,signal:e});if(n?.status===404)return pi;if(!n?.ok||!t)throw Error(`Failed to load invoices (${n?.status??`network error`})`);return t}}),s=o.data?.invoices??[],c=s.some(e=>e.invoice_pdf!=null);async function u(){a(!0);try{let{data:e,response:t}=await re({throwOnError:!1,parseAs:`blob`});if(!t?.ok||!(e instanceof Blob))throw Error(`Failed to download invoices (${t?.status??`network error`})`);let{saveFile:n}=await i(async()=>{let{saveFile:e}=await import(`./native-file-BgUnMEoC.js`).then(e=>e.t);return{saveFile:e}},__vite__mapDeps([0,1,2,3]));await n(e,`invoices.zip`)}catch(e){n(e,{context:`download_all_invoices`}),w.error(`Failed to download invoices.`)}finally{a(!1)}}return(0,J.jsx)(C.Root,{open:e,onOpenChange:t,children:(0,J.jsxs)(C.Content,{size:`lg`,children:[(0,J.jsxs)(C.Header,{children:[(0,J.jsx)(C.Title,{icon:Ye,children:`Invoices`}),(0,J.jsx)(C.Description,{children:`Your billing history. Open an invoice for full details or download it as a PDF.`})]}),(0,J.jsx)(C.Body,{children:o.isLoading?(0,J.jsxs)(`div`,{className:`flex items-center gap-2 py-6 text-[var(--content-tertiary)]`,children:[(0,J.jsx)(j,{className:`h-4 w-4 animate-spin`}),(0,J.jsx)(p,{as:`span`,variant:`body-small-default`,children:`Loading invoices...`})]}):o.isError?(0,J.jsx)(_,{tone:`error`,children:`Failed to load invoices.`}):s.length===0?(0,J.jsx)(p,{as:`p`,variant:`body-small-default`,className:`py-6 text-center text-[var(--content-tertiary)]`,"data-testid":`invoices-empty`,children:`No Invoices Found`}):(0,J.jsx)(`ul`,{className:`flex flex-col divide-y divide-[var(--border-base)]`,children:s.map(e=>(0,J.jsxs)(`li`,{className:`flex items-center gap-3 py-3`,"data-testid":`invoice-row`,children:[(0,J.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-0.5`,children:[(0,J.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,J.jsx)(p,{variant:`body-medium-default`,as:`span`,className:`text-[var(--content-default)]`,children:e.number??`Invoice`}),e.status&&(0,J.jsx)(v,{tone:mi(e.status),children:e.status})]}),(0,J.jsxs)(p,{variant:`body-small-default`,as:`div`,className:`text-[var(--content-tertiary)]`,children:[gi(e.created),` ·`,` `,hi(e.amount_due,e.currency)]})]}),e.hosted_invoice_url&&(0,J.jsx)(f,{asChild:!0,variant:`ghost`,size:`compact`,leftIcon:(0,J.jsx)(k,{}),children:(0,J.jsx)(`a`,{href:e.hosted_invoice_url,target:`_blank`,rel:`noopener noreferrer`,children:`View`})}),e.invoice_pdf&&(0,J.jsx)(f,{variant:`ghost`,size:`compact`,iconOnly:(0,J.jsx)(se,{}),"aria-label":`Download invoice PDF`,onClick:()=>_i(e.invoice_pdf)})]},e.id))})}),(0,J.jsxs)(C.Footer,{children:[c&&(0,J.jsx)(f,{variant:`outlined`,leftIcon:r?(0,J.jsx)(j,{className:`animate-spin`}):(0,J.jsx)(se,{}),disabled:r,onClick:u,children:`Download all`}),(0,J.jsx)(C.Close,{asChild:!0,children:(0,J.jsx)(f,{variant:`primary`,children:`Done`})})]})]})})}var yi={pro:{icon:E,actionLabel:`Manage`,actionVariant:`outlined`,actionTestId:`plan-card-manage-button`,showsRenewal:!0},base:{icon:ot,actionLabel:`Upgrade to Pro`,actionVariant:`primary`,actionTestId:`plan-card-upgrade-button`,showsRenewal:!1}},bi=yi.base;function xi(){return(0,J.jsxs)(`div`,{children:[(0,J.jsx)(p,{as:`h2`,variant:`title-medium`,className:`text-[var(--content-default)]`,children:`Plan`}),(0,J.jsx)(p,{as:`p`,variant:`body-small-default`,className:`mt-2 text-[var(--content-tertiary)]`,children:`Manage which Vellum plan you're on.`})]})}function Si({onManage:e}){let[t,n]=(0,q.useState)(!1),r=l(Me()),i=l(He());if(r.isLoading||i.isLoading)return(0,J.jsxs)(m,{padding:`md`,children:[(0,J.jsx)(xi,{}),(0,J.jsxs)(`div`,{className:`mt-4 flex items-center gap-2 text-[var(--content-tertiary)]`,children:[(0,J.jsx)(j,{className:`h-4 w-4 animate-spin`}),(0,J.jsx)(p,{as:`span`,variant:`body-small-default`,children:`Loading plan...`})]})]});let a=r.data,o=i.data?.plans,s=o?.find(e=>e.id===a?.plan_id);if(r.isError||i.isError||!a||!o||!s)return(0,J.jsx)(_,{tone:`error`,children:`Failed to load plan.`});let c=yi[s.id]??bi,u=c.icon,d=s.name??s.id,h=c.showsRenewal&&(a.cancel_at_period_end===!0||!!a.cancel_at),g=a.status===`canceled`,v=At(a),y=c.showsRenewal&&!h&&!g&&a.current_period_end,b=c.showsRenewal&&h&&!g&&v,x=s.id===`pro`?s:void 0,S=a.selected_credit_tier??null,C=S==null?void 0:x?.credit_tiers,w=C?.find(e=>e.tier===S),T=w?`${w.label} (${Y(w.price_cents)})`:C?.length?S:null;return(0,J.jsxs)(m,{padding:`lg`,children:[(0,J.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,J.jsxs)(`div`,{className:`flex items-start justify-between gap-3`,children:[(0,J.jsx)(xi,{}),(0,J.jsx)(f,{variant:`outlined`,leftIcon:(0,J.jsx)(Ye,{}),onClick:()=>n(!0),"data-testid":`plan-card-invoices-button`,children:`Invoices`})]}),(0,J.jsxs)(`div`,{className:`flex items-center gap-3 rounded-lg bg-[var(--surface-base)] p-3`,children:[(0,J.jsx)(`span`,{"aria-hidden":!0,className:`flex h-8 w-8 shrink-0 items-center justify-center rounded-lg border border-[var(--border-base)] bg-[var(--surface-overlay)]`,children:(0,J.jsx)(u,{className:`h-4 w-4 text-[var(--content-default)]`})}),(0,J.jsxs)(`div`,{className:`min-w-0 flex-1 space-y-0.5`,children:[(0,J.jsx)(p,{variant:`body-medium-default`,as:`div`,"data-testid":`plan-card-name`,children:d}),(0,J.jsx)(p,{variant:`body-small-default`,as:`div`,className:`leading-snug text-[var(--content-tertiary)]`,children:(0,J.jsx)(qt,{features:s.included_features,variant:`inline`})})]}),(0,J.jsx)(f,{variant:c.actionVariant,onClick:e,"data-testid":c.actionTestId,children:c.actionLabel})]}),T&&(0,J.jsxs)(p,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,"data-testid":`plan-card-credit-bundle`,children:[`Monthly credits: `,T]}),y&&(0,J.jsxs)(p,{as:`p`,variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,"data-testid":`plan-card-renews`,children:[`Renews on `,kt(a.current_period_end),`.`]}),b&&(0,J.jsxs)(p,{as:`p`,variant:`body-small-default`,className:`text-[var(--system-mid-strong)]`,"data-testid":`plan-card-cancels`,children:[`Your plan ends on `,kt(v),`.`]})]}),(0,J.jsx)(vi,{open:t,onOpenChange:n})]})}var Ci=`settings-referral-panel`;function wi(e){return e.replace(/\.00$/,``)}function Ti(){let{data:e,isLoading:t,isError:n}=l(Ge()),[r,i]=(0,q.useState)(!1),a=(0,q.useCallback)(e=>{navigator.clipboard.writeText(e).then(()=>{i(!0),w.success(`Copied to clipboard!`),setTimeout(()=>i(!1),2e3)})},[]),o=e?`Share Vellum with friends - you'll each earn ${wi(e.referrer_credit_amount)} credits when they sign up, up to ${wi(e.earning_cap)} total.`:`Share Vellum with friends and earn credits for every signup.`;return(0,J.jsx)(m,{padding:`md`,id:Ci,children:(0,J.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,J.jsxs)(`div`,{children:[(0,J.jsx)(p,{as:`h2`,variant:`title-medium`,className:`text-[var(--content-default)]`,children:`Earn Free Credits`}),(0,J.jsx)(p,{as:`p`,variant:`body-small-default`,className:`mt-2 text-[var(--content-tertiary)]`,children:o})]}),t?(0,J.jsxs)(`div`,{className:`flex items-center gap-2 text-body-medium-lighter text-[var(--content-tertiary)]`,children:[(0,J.jsx)(j,{className:`h-4 w-4 animate-spin`}),`Loading...`]}):n||!e?(0,J.jsx)(_,{tone:`error`,children:`Failed to load referral information.`}):(0,J.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,J.jsxs)(`div`,{className:`flex min-w-[200px] flex-1 items-center gap-1.5 rounded-lg bg-[var(--surface-base)] px-2 py-1.5`,children:[(0,J.jsx)(`span`,{"aria-hidden":!0,className:`flex h-6 w-6 shrink-0 items-center justify-center text-[var(--content-emphasised)]`,children:(0,J.jsx)(de,{className:`h-3.5 w-3.5`})}),(0,J.jsxs)(`span`,{className:`flex items-baseline gap-1 text-body-medium-default`,children:[(0,J.jsx)(`span`,{children:wi(e.total_earned)}),(0,J.jsx)(`span`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:`Credits Earned`})]})]}),(0,J.jsxs)(`div`,{className:`flex min-w-[200px] flex-1 items-center gap-1.5 rounded-lg bg-[var(--surface-base)] px-2 py-1.5`,children:[(0,J.jsx)(`span`,{"aria-hidden":!0,className:`flex h-6 w-6 shrink-0 items-center justify-center text-[var(--content-emphasised)]`,children:(0,J.jsx)(Ae,{className:`h-3.5 w-3.5`})}),(0,J.jsxs)(`span`,{className:`flex items-baseline gap-1 text-body-medium-default`,children:[(0,J.jsx)(`span`,{children:e.referred_count}),(0,J.jsx)(`span`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:`Friends Referred`})]})]}),(0,J.jsx)(f,{variant:`outlined`,onClick:()=>a(e.referral_url),leftIcon:r?(0,J.jsx)(Ee,{className:`h-3.5 w-3.5`}):(0,J.jsx)(ge,{className:`h-3.5 w-3.5`}),"data-testid":`referral-copy-button`,children:r?`Copied!`:`Copy Share Link`})]})]})})}function Ei({icon:e,label:t,from:n,to:r}){return(0,J.jsxs)(`div`,{className:`flex items-center gap-3 rounded-lg bg-[var(--surface-base)] p-3`,children:[(0,J.jsx)(`span`,{className:`flex h-9 w-9 shrink-0 items-center justify-center rounded-lg`,style:{backgroundColor:`color-mix(in oklab, var(--system-positive-strong) 10%, transparent)`},children:(0,J.jsx)(e,{className:`h-4 w-4 text-[var(--system-positive-strong)]`})}),(0,J.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-0.5`,children:[(0,J.jsx)(`span`,{className:`text-label-small-default text-[var(--content-tertiary)]`,children:t}),(0,J.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,J.jsx)(`span`,{className:`text-label-medium-default text-[var(--content-tertiary)] line-through`,children:n}),(0,J.jsx)(qe,{className:`h-3 w-3 shrink-0 text-[var(--content-tertiary)]`}),(0,J.jsx)(`span`,{className:`text-label-medium-default text-[var(--content-default)]`,children:r})]})]})]})}function Di({open:e,onClose:t}){let n=l({...Pe(),enabled:e}),r=l({...Ve(),enabled:e}),i=n.data,a=i?.machine_size||`small`,o=i?.provisioned_storage_gib??null,s=r.data?.max_machine_tier??null,c=r.data?.selected_storage_gib??null,u=M(s),d=u.length>0?u[u.length-1]:a,p=d!==a,m=c!=null&&(o==null||o<c),h=p||m,[g,v]=(0,q.useState)(null),y=je({onSuccess:()=>{w.success(`Resize started. Changes will apply shortly.`,{id:`assistant-resize`}),v(null),t()},onError:e=>{v(ee(e,`Failed to resize assistant. Please try again.`))}}),b=y.isPending,x=n.isLoading||r.isLoading;return(0,J.jsx)(C.Root,{open:e,onOpenChange:e=>{e||(v(null),t())},children:(0,J.jsxs)(C.Content,{size:`sm`,children:[(0,J.jsxs)(C.Header,{children:[(0,J.jsx)(C.Title,{icon:N,children:`Plan Updated`}),(0,J.jsx)(C.Description,{children:`Your new resources are ready. Apply them now to resize your assistant — it will briefly restart.`})]}),(0,J.jsxs)(C.Body,{children:[x?(0,J.jsx)(`div`,{className:`flex items-center justify-center py-6`,children:(0,J.jsx)(j,{className:`h-5 w-5 animate-spin text-[var(--content-tertiary)]`})}):h?(0,J.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[p&&(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(Ei,{icon:U,label:`Machine`,from:I[a],to:I[d]}),(0,J.jsxs)(`div`,{className:`grid grid-cols-2 gap-2`,children:[(0,J.jsxs)(`div`,{className:`flex flex-col gap-1 rounded-lg bg-[var(--surface-base)] px-3 py-2.5`,children:[(0,J.jsx)(`span`,{className:`text-label-small-default text-[var(--content-tertiary)]`,children:`CPU`}),(0,J.jsx)(`span`,{className:`text-label-medium-default text-[var(--content-default)]`,children:F[d].split(`,`)[0].trim()})]}),(0,J.jsxs)(`div`,{className:`flex flex-col gap-1 rounded-lg bg-[var(--surface-base)] px-3 py-2.5`,children:[(0,J.jsx)(`span`,{className:`text-label-small-default text-[var(--content-tertiary)]`,children:`Memory`}),(0,J.jsx)(`span`,{className:`text-label-medium-default text-[var(--content-default)]`,children:F[d].split(`,`)[1].trim()})]})]})]}),m&&(0,J.jsx)(Ei,{icon:A,label:`Storage`,from:o==null?`—`:`${o} GiB`,to:`${c} GiB`})]}):(0,J.jsx)(_,{tone:`neutral`,children:`Your assistant is already running at the maximum size for your plan.`}),g&&(0,J.jsx)(`div`,{className:`mt-3`,children:(0,J.jsx)(_,{tone:`error`,children:g})})]}),(0,J.jsxs)(C.Footer,{children:[(0,J.jsx)(f,{variant:`ghost`,onClick:()=>{v(null),t()},children:`Do Later`}),(0,J.jsx)(f,{disabled:x||!h||b||!i?.id,leftIcon:b?(0,J.jsx)(j,{className:`animate-spin`}):void 0,onClick:()=>{if(!i?.id)return;v(null);let e={};p&&(e.machine_size=d),m&&c!=null&&(e.storage_gib=c),y.mutate({path:{id:i.id},body:e})},children:g?`Retry`:`Apply & Restart`})]})]})})}function Oi(){let[e]=o(),t=a(),n=c();return(0,q.useEffect)(()=>{let r=e.get(`billing_status`);r&&(r===`success`?(w.success(`Payment received! Your credit balance will update shortly.`,{id:`billing-status`}),n.invalidateQueries({queryKey:we().queryKey})):r===`cancel`&&w.info(`Checkout was cancelled. No credits were added.`,{id:`billing-status`}),t(L.settings.billing,{replace:!0}))},[e,t,n]),null}function ki(){let e=pe({platformHostedOnly:!0}),t=pe(),n=ie(),r=ce(),[i,a]=o(),[c,l]=(0,q.useState)(!1),u=(0,q.useCallback)(()=>l(!0),[]),d=(0,q.useCallback)(()=>l(!1),[]),[f,p]=(0,q.useState)(!1),m=(0,q.useCallback)(()=>p(!0),[]);(0,q.useEffect)(()=>{i.has(`adjust_plan`)&&(l(!0),a(e=>{let t=new URLSearchParams(e);return t.delete(`adjust_plan`),t},{replace:!0}))},[i,a]);let h=i.has(`session_id`),g=(0,q.useCallback)(()=>{a(e=>{let t=new URLSearchParams(e);return t.delete(`session_id`),t},{replace:!0})},[a]);if(t===`gated`)return(0,J.jsx)(s,{replace:!0,to:L.settings.general});if(t===`disabled`)return(0,J.jsx)(`div`,{className:`space-y-4`,children:(0,J.jsx)(_,{tone:`info`,children:`Log in to the Vellum platform to manage billing and usage.`})});if(r)return(0,J.jsx)(`div`,{className:`space-y-4`,children:(0,J.jsxs)(`div`,{className:`flex items-center gap-2 py-6 text-body-medium-lighter text-[var(--content-secondary)]`,children:[(0,J.jsx)(j,{className:`h-4 w-4 animate-spin`}),`Loading billing…`]})});let v=n;return!n&&e!==`gated`?(0,J.jsx)(`div`,{className:`space-y-4`,children:(0,J.jsx)(_,{tone:`warning`,children:`Billing isn't available for the current assistant state.`})}):(0,J.jsxs)(`div`,{className:`space-y-4`,children:[(0,J.jsxs)(q.Suspense,{fallback:null,children:[(0,J.jsx)(Oi,{}),(0,J.jsx)(xn,{})]}),v&&(0,J.jsx)(cr,{}),v&&(0,J.jsx)(Si,{onManage:u}),v&&(0,J.jsx)(Yt,{open:c,onClose:d,onTierUpgraded:m}),(0,J.jsx)(fi,{}),(0,J.jsx)(q.Suspense,{fallback:null,children:(0,J.jsx)(mn,{})}),(0,J.jsx)(Ti,{}),(0,J.jsx)(sr,{}),v&&(0,J.jsx)(Ct,{open:h,onClose:g}),v&&(0,J.jsx)(Di,{open:f,onClose:()=>p(!1)})]})}export{ki as BillingPage};

package/dist/assets/contacts-page-route-D6HqZyA-.js

@@ -1 +0,0 @@
-import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./react-DJZBPgpf.js";import{d as n}from"./chunk-5KNZJZUH-DdS6bb-3.js";import{n as r}from"./QueryClientProvider-DKhXIxGb.js";import{t as i}from"./useQuery-B45lW1Kk.js";import{t as a}from"./useMutation-Lj4VunQV.js";import{t as o}from"./jsx-runtime-CVSDxk6A.js";import{t as s}from"./button-CHADMNBN.js";import{t as c}from"./typography-Czgs_2w_.js";import{t as l}from"./card-CL5iEMJO.js";import{t as u}from"./confirm-dialog-M0xuyGF3.js";import{t as d}from"./tag-Ccr7Quy6.js";import{t as f}from"./panel-item-FzMfzMJA.js";import{t as p}from"./input-Cu3PPVCq.js";import{t as m}from"./modal-BYMhDpQo.js";import{n as h}from"./toast-BL8OPiip.js";import{t as g}from"./createLucideIcon-D6d6iDdi.js";import{t as _}from"./chevron-right-C0jZwqbo.js";import{t as v}from"./ellipsis-vertical-7F3IBZeB.js";import{t as y}from"./link-2-BYCm3Tvx.js";import{t as b}from"./loader-circle-DsetC8iQ.js";import{t as x}from"./pencil-CHKcVSER.js";import{Bt as S,Ft as C,It as w,Lt as T,Rt as E,x as ee,zt as D}from"./sdk.gen-_mmoaiKg.js";import{A as O,a as te,at as ne,f as re,m as k,o as ie,ot as ae,p as oe,s as se}from"./react-query.gen-Bngm3HTF.js";import{a as ce}from"./routes-DLEaIDYY.js";import{t as A}from"./viewer-store-ifiJtqiX.js";import{t as j}from"./conversation-store-WsKQTo9S.js";import{t as le}from"./assistant-identity-store-C5A1x0hz.js";import{t as ue}from"./assistant-feature-flag-store-CFzsxEC5.js";import{Na as M,Or as de,So as N,Xa as fe,Xi as P,Zi as F,fo as I,ga as pe,go as L,ho as R,ia as z,ji as B,la as V,xa as H}from"./index-oaZGNNfo.js";import{t as me}from"./use-active-assistant-id-CfZSuINA.js";import{n as he,t as ge}from"./mobile-sidebar-drawer-FiJ6gRkm.js";import{t as U}from"./detail-card-DuosftaO.js";import{a as _e,i as ve,r as ye,t as be}from"./contacts-gateway-BUMee059.js";var W=g(`bot`,[[`path`,{d:`M12 8V4H8`,key:`hb8ula`}],[`rect`,{width:`16`,height:`12`,x:`4`,y:`8`,rx:`2`,key:`enze0r`}],[`path`,{d:`M2 14h2`,key:`vft8re`}],[`path`,{d:`M20 14h2`,key:`4cs60a`}],[`path`,{d:`M15 13v2`,key:`1xurst`}],[`path`,{d:`M9 13v2`,key:`rq6x2g`}]]),G=g(`circle-question-mark`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3`,key:`1u773s`}],[`path`,{d:`M12 17h.01`,key:`p32p05`}]]),K=g(`git-merge`,[[`circle`,{cx:`18`,cy:`18`,r:`3`,key:`1xkwt0`}],[`circle`,{cx:`6`,cy:`6`,r:`3`,key:`1lh9wr`}],[`path`,{d:`M6 21V9a9 9 0 0 0 9 9`,key:`7kw0sc`}]]),q=e(t(),1),J=o();function Y({role:e,contactType:t}){let{label:n,tone:r}=xe(e,t);return(0,J.jsx)(d,{tone:r,children:n})}function xe(e,t){switch(e){case`guardian`:return{label:`Guardian`,tone:`positive`};case`assistant`:return{label:`Assistant`,tone:`negative`};default:return t===`assistant`?{label:`Assistant`,tone:`negative`}:{label:`Human`,tone:`warning`}}}function X({onClick:e}){return(0,J.jsx)(s,{variant:`outlined`,size:`compact`,leftIcon:(0,J.jsx)(y,{className:`h-3.5 w-3.5`}),onClick:e,children:`Share Connection Link`})}var Se={slack:{label:`Slack`,Icon:M,disconnectMessage:`This clears the stored Slack bot and app tokens for this assistant. You can reconnect later.`},telegram:{label:`Telegram`,Icon:P,disconnectMessage:`This clears the stored Telegram bot token for this assistant. You can reconnect later.`},phone:{label:`Phone Calling`,Icon:V,disconnectMessage:`This clears the stored Twilio credentials for this assistant. You can reconnect later.`}};function Ce({assistantName:e,channels:t,pendingChannelKey:n=null,onSetup:r,onDisconnect:i,onSaveTelegramToken:a,onSaveSlackConfig:o,onSaveTwilioCredentials:s,onGenerateInviteLink:c}){let l=e.trim()||`your assistant`,[d,f]=(0,q.useState)(null),[p,m]=(0,q.useState)(new Set),h=d?Se[d]:null,g=e=>{m(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})};return(0,J.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,J.jsx)(U,{title:`${l} (Your Assistant)`,accessory:(0,J.jsx)(Y,{role:`assistant`}),compactAccessory:!0}),(0,J.jsx)(U,{title:`Channels`,subtitle:`Manage where ${l} can be reached.`,children:(0,J.jsx)(`div`,{className:`flex flex-col`,children:t.map((e,t)=>(0,J.jsxs)(`div`,{children:[t>0?(0,J.jsx)(`div`,{className:`border-t`,style:{borderColor:`var(--border-base)`}}):null,(0,J.jsx)(we,{channel:e,pending:n===e.key,expanded:p.has(e.key),onToggleExpand:()=>g(e.key),onSetup:r?()=>r(e.key):void 0,onDisconnect:i?()=>f(e.key):void 0,onSaveTelegramToken:a,onSaveSlackConfig:o,onSaveTwilioCredentials:s})]},e.key))})}),c?(0,J.jsx)(X,{onClick:c}):null,(0,J.jsx)(u,{open:d!==null,title:`Disconnect ${h?.label??``}?`,message:h?.disconnectMessage??``,confirmLabel:`Disconnect`,destructive:!0,onConfirm:()=>{d&&i&&i(d),f(null)},onCancel:()=>f(null)})]})}function we({channel:e,pending:t,expanded:n,onToggleExpand:r,onSetup:i,onDisconnect:a,onSaveTelegramToken:o,onSaveSlackConfig:c,onSaveTwilioCredentials:l}){let u=Se[e.key],d=e.status===`ready`;return(0,J.jsxs)(`div`,{className:`flex flex-col gap-2 py-4`,children:[(0,J.jsxs)(`div`,{className:`flex items-center gap-3`,children:[!d||e.key!==`slack`?(0,J.jsx)(`button`,{type:`button`,className:`flex shrink-0 items-center justify-center`,onClick:r,style:{color:`var(--content-secondary)`},children:n?(0,J.jsx)(R,{className:`h-4 w-4`}):(0,J.jsx)(_,{className:`h-4 w-4`})}):(0,J.jsx)(u.Icon,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-secondary)`}}),(0,J.jsx)(`span`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:u.label}),e.address?(0,J.jsx)(`span`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:e.address}):null,(0,J.jsx)(`div`,{className:`ml-auto flex items-center gap-2`,children:d?(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(`span`,{className:`inline-flex items-center gap-1 h-8 px-2.5 rounded-md whitespace-nowrap select-none text-body-small-emphasised leading-none bg-[var(--content-default)] text-[var(--surface-base)]`,children:[(0,J.jsx)(I,{className:`h-3 w-3`}),`Connected`]}),(0,J.jsx)(s,{type:`button`,variant:`danger`,onClick:a,disabled:!a||t,children:t?`Disconnecting…`:`Disconnect`})]}):(0,J.jsx)(s,{type:`button`,variant:`outlined`,onClick:i,disabled:!i||t,children:t?`Opening…`:`Set up`})})]}),!d&&e.key===`telegram`&&n?(0,J.jsx)(Te,{onSave:o}):null,!d&&e.key===`slack`&&n?(0,J.jsx)(Ee,{onSave:c}):null,!d&&e.key===`phone`&&n?(0,J.jsx)(Z,{onSave:l}):null,d&&e.key===`telegram`&&n?(0,J.jsx)(Te,{onSave:o}):null,d&&e.key===`phone`&&n?(0,J.jsx)(Z,{onSave:l}):null]})}function Te({onSave:e}){let[t,n]=(0,q.useState)(``),[r,i]=(0,q.useState)(!1),[a,o]=(0,q.useState)(null),c=t.trim().length>0&&!r;return(0,J.jsxs)(`div`,{className:`flex flex-col gap-3 pl-7`,children:[(0,J.jsx)(p,{label:`Bot Token`,type:`password`,value:t,onChange:e=>n(e.target.value),placeholder:`Paste your Telegram bot token`,disabled:r,fullWidth:!0}),a?(0,J.jsx)(`p`,{className:`text-label-small`,style:{color:`var(--content-negative)`},children:a}):null,(0,J.jsx)(`div`,{children:(0,J.jsx)(s,{type:`button`,onClick:async()=>{if(!(!e||!c)){i(!0),o(null);try{await e(t.trim()),n(``)}catch(e){o(e instanceof Error?e.message:`Failed to save`)}finally{i(!1)}}},disabled:!c,children:r?`Saving…`:`Save`})})]})}function Ee({onSave:e}){let[t,n]=(0,q.useState)(``),[r,i]=(0,q.useState)(``),[a,o]=(0,q.useState)(!1),[c,l]=(0,q.useState)(null),u=t.trim().length>0&&r.trim().length>0&&!a;return(0,J.jsxs)(`div`,{className:`flex flex-col gap-3 pl-7`,children:[(0,J.jsx)(p,{label:`Bot Token`,type:`password`,value:t,onChange:e=>n(e.target.value),placeholder:`xoxb-...`,disabled:a,fullWidth:!0}),(0,J.jsx)(p,{label:`App Token`,type:`password`,value:r,onChange:e=>i(e.target.value),placeholder:`xapp-...`,disabled:a,fullWidth:!0}),c?(0,J.jsx)(`p`,{className:`text-label-small`,style:{color:`var(--content-negative)`},children:c}):null,(0,J.jsx)(`div`,{children:(0,J.jsx)(s,{type:`button`,onClick:async()=>{if(!(!e||!u)){o(!0),l(null);try{await e(t.trim(),r.trim()),n(``),i(``)}catch(e){l(e instanceof Error?e.message:`Failed to save`)}finally{o(!1)}}},disabled:!u,children:a?`Saving…`:`Save`})})]})}function Z({onSave:e}){let[t,n]=(0,q.useState)(``),[r,i]=(0,q.useState)(``),[a,o]=(0,q.useState)(!1),[c,l]=(0,q.useState)(null),u=t.trim().length>0&&r.trim().length>0&&!a;return(0,J.jsxs)(`div`,{className:`flex flex-col gap-3 pl-7`,children:[(0,J.jsx)(p,{label:`Account SID`,type:`text`,value:t,onChange:e=>n(e.target.value),placeholder:`ACxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx`,disabled:a,fullWidth:!0}),(0,J.jsx)(p,{label:`Auth Token`,type:`password`,value:r,onChange:e=>i(e.target.value),placeholder:`Twilio auth token`,disabled:a,fullWidth:!0}),c?(0,J.jsx)(`p`,{className:`text-label-small`,style:{color:`var(--content-negative)`},children:c}):null,(0,J.jsx)(`div`,{children:(0,J.jsx)(s,{type:`button`,onClick:async()=>{if(!(!e||!u)){o(!0),l(null);try{await e(t.trim(),r.trim()),n(``),i(``)}catch(e){l(e instanceof Error?e.message:`Failed to save`)}finally{o(!1)}}},disabled:!u,children:a?`Saving…`:`Save`})})]})}var De=new Set([`telegram`,`phone`,`vellum`,`whatsapp`,`slack`,`email`,`platform`,`a2a`]);function Oe(e){return De.has(e)}function ke(e,t){return e.id===`a2a`?t&&t.status!==`revoked`?{kind:`connected`}:{kind:`setup`}:t?.status===`verified`||t?.status===`active`&&t?.verifiedAt!=null?{kind:`verified`}:t&&t.status!==`revoked`?{kind:`unverified`}:{kind:`setup`}}function Ae(e,t,n){let r=[],i=new Set;if(e)for(let t of e)t.id===`a2a`&&!n||(r.push(t),i.add(t.id));for(let e of t)e.status===`revoked`||i.has(e.type)||e.type===`a2a`&&!n||Oe(e.type)&&(r.push({id:e.type,label:e.type.charAt(0).toUpperCase()+e.type.slice(1),subtitle:``,icon:`help-circle`,supportsVerification:!1,setupMessages:{guardian:``,contact:``}}),i.add(e.type));return r}function je({name:e,className:t,style:n}){switch(e){case`bot`:return(0,J.jsx)(W,{className:t,style:n});case`hash`:return(0,J.jsx)(M,{className:t,style:n});case`send`:return(0,J.jsx)(P,{className:t,style:n});case`phone`:return(0,J.jsx)(V,{className:t,style:n});case`mail`:return(0,J.jsx)(H,{className:t,style:n});case`message-square`:return(0,J.jsx)(pe,{className:t,style:n});default:return(0,J.jsx)(G,{className:t,style:n})}}function Q({contactChannels:e,availableChannels:t,a2aEnabled:n,setupLabel:r=`Invite`,verifyLoading:i,onSetupChannel:a,onVerifyChannel:o,onRevokeChannel:s}){let[c,l]=(0,q.useState)(null),[d,f]=(0,q.useState)(null),p=new Map;for(let t of e)t.status!==`revoked`&&(p.has(t.type)||p.set(t.type,t));return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(`div`,{className:`flex flex-col`,children:Ae(t,e,n).map((e,t)=>{let n=p.get(e.id);return(0,J.jsxs)(`div`,{children:[t>0&&(0,J.jsx)(`div`,{className:`border-t`,style:{borderColor:`var(--border-base)`}}),(0,J.jsx)(Me,{info:e,existing:n,setupLabel:r,verifyLoading:i,onSetup:a?()=>a(e.id):void 0,onVerify:o&&e.supportsVerification?()=>l(e):void 0,onRevoke:s&&n?()=>f({channelId:n.id,channel:e}):void 0})]},e.id)})}),c&&(0,J.jsx)(u,{open:!0,title:`Verify ${c.label}`,message:`This will mark your ${c.label} channel as verified. Your assistant will recognize you when you reach out from it.`,confirmLabel:`Verify`,onConfirm:()=>{c&&(o?.(c.id),l(null))},onCancel:()=>l(null)}),d&&(0,J.jsx)(u,{open:!0,title:`Revoke ${d.channel.label}`,message:`This will disconnect the verified channel. The contact will need to re-verify to use this channel again.`,confirmLabel:`Revoke`,destructive:!0,onConfirm:()=>{s?.(d.channelId,d.channel.id),f(null)},onCancel:()=>f(null)})]})}function Me({info:e,existing:t,setupLabel:n,verifyLoading:r,onSetup:i,onVerify:a,onRevoke:o}){let c=ke(e,t);return(0,J.jsxs)(`div`,{className:`flex items-center gap-3 py-4`,children:[(0,J.jsx)(je,{name:e.icon,className:`h-4 w-4 shrink-0`,style:{color:`var(--content-secondary)`}}),(0,J.jsx)(`span`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:e.label}),t?.address?(0,J.jsx)(`span`,{className:`truncate text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:t.address}):null,(0,J.jsx)(`div`,{className:`ml-auto flex shrink-0 items-center gap-2`,children:c.kind===`connected`?(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(`span`,{className:`inline-flex items-center gap-1 h-8 px-2.5 rounded-md whitespace-nowrap select-none text-body-small-emphasised leading-none bg-[var(--content-default)] text-[var(--surface-base)]`,children:[(0,J.jsx)(I,{className:`h-3 w-3`}),`Connected`]}),o?(0,J.jsx)(s,{variant:`danger`,onClick:o,children:`Revoke`}):null]}):c.kind===`verified`?(0,J.jsxs)(J.Fragment,{children:[(0,J.jsxs)(`span`,{className:`inline-flex items-center gap-1 h-8 px-2.5 rounded-md whitespace-nowrap select-none text-body-small-emphasised leading-none bg-[var(--content-default)] text-[var(--surface-base)]`,children:[(0,J.jsx)(I,{className:`h-3 w-3`}),`Verified`]}),o?(0,J.jsx)(s,{variant:`danger`,onClick:o,children:`Revoke`}):null]}):c.kind===`unverified`?(0,J.jsx)(s,{variant:`outlined`,onClick:a,disabled:!a||r,children:r?`Verifying…`:`Verify`}):c.kind===`setup`?e.id===`a2a`?null:(0,J.jsx)(s,{variant:`outlined`,onClick:i,disabled:!i,children:n}):null})]})}function Ne(e){return(0,J.jsx)(Pe,{...e},e.contact.id)}function Pe({contact:e,savePending:t,deletePending:n,mergePending:r=!1,canMerge:i=!1,availableChannels:a,a2aEnabled:o,onSave:c,onDelete:l,onMerge:d,onSetupChannel:f,onRevokeChannel:m}){let h=e.displayName===`New Contact`,[g,_]=(0,q.useState)(h?``:e.displayName),[v,y]=(0,q.useState)(e.notes??``),[b,x]=(0,q.useState)(!1),S=g.trim(),C=v.trim(),w=h?``:e.displayName,T=e.notes??``,E=S!==w||C!==T,ee=S.length>0&&E&&!t&&!n,D=h&&e.channels.length===0&&e.interactionCount===0,O=S||e.displayName,te=`${e.interactionCount} interaction${e.interactionCount===1?``:`s`}`;return(0,J.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,J.jsx)(U,{title:O,accessory:(0,J.jsx)(Y,{role:e.role,contactType:e.contactType}),compactAccessory:!0,subtitle:te,children:(0,J.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,J.jsx)(p,{label:`Name`,type:`text`,value:g,onChange:e=>_(e.target.value),placeholder:`Give this human a name`,autoFocus:h,disabled:t||n,fullWidth:!0}),(0,J.jsx)(p,{label:`Notes`,type:`text`,value:v,onChange:e=>y(e.target.value),placeholder:`Optional notes about the human which AI will take into account`,disabled:t||n,fullWidth:!0}),(0,J.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,J.jsx)(s,{type:`button`,onClick:()=>c({displayName:S,notes:C}),disabled:!ee,children:t?`Saving…`:`Save`}),d?(0,J.jsx)(s,{type:`button`,variant:`outlined`,onClick:d,disabled:!i||D||E||r||t||n,title:i?D?`Save this contact before merging`:E?`Save your changes before merging`:void 0:`No other contacts available to merge`,children:r?`Merging…`:`Merge…`}):null,(0,J.jsx)(s,{type:`button`,variant:`danger`,onClick:()=>{D?l():x(!0)},disabled:n,children:n?`Deleting…`:`Delete Contact`})]})]})}),(0,J.jsx)(U,{title:`Channels`,subtitle:`Once verified, your assistant will recognize this contact when they message from these channels.`,children:(0,J.jsx)(Q,{contactChannels:e.channels,availableChannels:a,a2aEnabled:o,onSetupChannel:f,onRevokeChannel:m})}),(0,J.jsx)(u,{open:b,title:`Delete ${e.displayName}?`,message:`This will permanently delete this contact and all their channels. This action cannot be undone.`,confirmLabel:`Delete`,destructive:!0,onConfirm:async()=>{x(!1),await l()},onCancel:()=>x(!1)})]})}function Fe(e){return(0,J.jsx)($,{...e},`${e.survivor.id}:${e.open?`open`:`closed`}`)}function $({open:e,survivor:t,candidates:n,pending:r,errorMessage:i,onMerge:a,onClose:o}){let[l,u]=(0,q.useState)(``),[d,f]=(0,q.useState)(null);(0,q.useEffect)(()=>{d&&!n.some(e=>e.id===d)&&f(null)},[n,d]);let p=(0,q.useMemo)(()=>{let e=l.trim().toLowerCase();return e?n.filter(t=>t.displayName.toLowerCase().includes(e)):n},[n,l]),h=d?n.find(e=>e.id===d)??null:null,g=Be(t);return(0,J.jsx)(m.Root,{open:e,onOpenChange:e=>{!e&&!r&&o()},children:(0,J.jsxs)(m.Content,{size:`md`,children:[(0,J.jsxs)(m.Header,{children:[(0,J.jsx)(m.Title,{icon:K,children:h?`Merge "${h.displayName}" into ${g}?`:`Merge another contact into ${g}`}),(0,J.jsx)(m.Description,{children:h?`Channels and notes from the merged contact will move over. The merged contact will be deleted.`:`The contact you pick will be deleted. Its channels and notes will be added to this one.`})]}),(0,J.jsxs)(m.Body,{className:`flex flex-col gap-3`,children:[h?(0,J.jsx)(Re,{survivor:t,donor:h}):n.length===0?(0,J.jsx)(ze,{}):(0,J.jsx)(Ie,{search:l,onSearch:u,candidates:p,onPick:f}),i?(0,J.jsx)(c,{as:`p`,variant:`body-small-default`,className:`text-(--system-negative-strong)`,role:`alert`,children:i}):null]}),(0,J.jsx)(m.Footer,{children:h?(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(s,{variant:`outlined`,onClick:()=>f(null),disabled:r,leftIcon:(0,J.jsx)(N,{"aria-hidden":!0}),children:`Back`}),(0,J.jsx)(s,{variant:`danger`,onClick:()=>a(h.id),disabled:r,children:r?`Merging…`:`Merge`})]}):(0,J.jsx)(s,{variant:`outlined`,onClick:o,disabled:r,children:`Cancel`})})]})})}function Ie({search:e,onSearch:t,candidates:n,onPick:r}){return(0,J.jsxs)(J.Fragment,{children:[(0,J.jsx)(p,{type:`text`,value:e,onChange:e=>t(e.target.value),placeholder:`Search contacts`,leftIcon:(0,J.jsx)(F,{className:`h-3.5 w-3.5`,"aria-hidden":!0}),fullWidth:!0}),(0,J.jsx)(`div`,{className:`flex max-h-[320px] min-h-[120px] flex-col gap-1 overflow-y-auto`,role:`listbox`,"aria-label":`Select a contact to merge`,children:n.length===0?(0,J.jsx)(c,{as:`p`,variant:`body-small-default`,className:`px-3 py-4 text-center text-(--content-tertiary)`,children:`No matching contacts`}):n.map(e=>(0,J.jsx)(Le,{contact:e,onPick:()=>r(e.id)},e.id))})]})}function Le({contact:e,onPick:t}){let n=We(e).join(` | `)||void 0;return(0,J.jsx)(f,{asChild:!0,label:``,children:(0,J.jsx)(`button`,{type:`button`,onClick:t,role:`option`,"aria-selected":`false`,className:`flex h-auto w-full items-center gap-2 rounded-[6px] px-[8px] py-2 text-left`,children:(0,J.jsxs)(`span`,{className:`flex min-w-0 flex-1 flex-col`,children:[(0,J.jsx)(`span`,{className:`truncate text-body-medium-default`,children:e.displayName}),n?(0,J.jsx)(`span`,{className:`truncate text-body-small-default text-(--content-tertiary)`,children:n}):null]})})})}function Re({survivor:e,donor:t}){let n=Be(e),{moved:r,duplicates:i}=Ue(e,t);return(0,J.jsxs)(`ul`,{className:`flex flex-col gap-2 text-body-medium-lighter text-(--content-secondary)`,children:[(0,J.jsxs)(`li`,{children:[(0,J.jsxs)(`span`,{className:`text-(--content-default)`,children:[`“`,t.displayName,`”`]}),` `,`will be deleted.`]}),(0,J.jsx)(`li`,{children:r.length===0?`No new channels will move to ${n}.`:`${r.length} channel${r.length===1?``:`s`} will move to ${n}: ${r.map(e=>He(e.type)).join(`, `)}.`}),i.length>0?(0,J.jsxs)(`li`,{className:`text-(--content-tertiary)`,children:[i.length,` duplicate channel`,i.length===1?``:`s`,` already on `,n,` `,`(skipped).`]}):null,t.notes?(0,J.jsx)(`li`,{children:`Notes from the merged contact will be appended.`}):null,(0,J.jsx)(`li`,{className:`text-(--content-tertiary)`,children:`This cannot be undone.`})]})}function ze(){return(0,J.jsx)(c,{as:`p`,variant:`body-medium-lighter`,className:`px-3 py-6 text-center text-(--content-tertiary)`,children:`No other contacts available to merge.`})}function Be(e){return e.role===`guardian`?!e.displayName||e.displayName.startsWith(`vellum-principal-`)?`you`:`${e.displayName} (you)`:e.displayName||`this contact`}var Ve={slack:`Slack`,telegram:`Telegram`,phone:`Phone`,email:`Email`,whatsapp:`WhatsApp`};function He(e){return Ve[e.toLowerCase()]??e}function Ue(e,t){let n=[],r=[];for(let i of t.channels)i.status!==`revoked`&&(e.channels.some(e=>e.type===i.type&&e.address.toLowerCase()===i.address.toLowerCase())?r.push(i):n.push(i));return{moved:n,duplicates:r}}function We(e){let t=new Set,n=[];for(let r of e.channels){if(r.status===`revoked`)continue;let e=r.type.toLowerCase();t.has(e)||(t.add(e),n.push(Ve[e]??r.type))}return n}function Ge({loading:e,guardian:t,assistantName:n,regularContacts:r,selection:i,onSelect:a,onAddContact:o,addingContact:c=!1}){let[u,d]=(0,q.useState)(``),f=u.trim()?r.filter(e=>e.displayName.toLowerCase().includes(u.trim().toLowerCase())):r;return(0,J.jsx)(l,{className:`h-full`,children:(0,J.jsxs)(`div`,{className:`flex h-full min-w-0 flex-col gap-4`,children:[(0,J.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,J.jsx)(`h2`,{className:`text-title-medium`,style:{color:`var(--content-default)`},children:`Entries`}),(0,J.jsx)(s,{type:`button`,variant:`ghost`,iconOnly:c?(0,J.jsx)(b,{className:`animate-spin`,"aria-hidden":!0}):(0,J.jsx)(z,{"aria-hidden":!0}),onClick:o,disabled:c,"aria-label":`Add contact`,tintColor:`var(--content-secondary)`})]}),(0,J.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[t?(0,J.jsx)(Ke,{name:t.displayName?`${t.displayName} (You)`:`You`,role:t.role,channelTypes:t.channelTypes,selected:i?.kind===`contact`&&i.contactId===t.id,onClick:()=>a({kind:`contact`,contactId:t.id}),trailingIcon:`pencil`}):null,(0,J.jsx)(Ke,{name:n?.trim()||`Your Assistant`,role:`assistant`,selected:i?.kind===`assistant`,onClick:()=>a({kind:`assistant`}),trailingIcon:`more`})]}),(0,J.jsx)(`div`,{className:`border-t`,style:{borderColor:`var(--border-base)`}}),r.length>0?(0,J.jsx)(p,{type:`text`,value:u,onChange:e=>d(e.target.value),placeholder:`Search Contacts`,leftIcon:(0,J.jsx)(F,{className:`h-3.5 w-3.5`,"aria-hidden":!0}),fullWidth:!0}):null,r.length>0?(0,J.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[f.map(e=>(0,J.jsx)(Ke,{name:e.displayName,role:e.role,contactType:e.contactType,channelTypes:e.channelTypes,selected:i?.kind===`contact`&&i.contactId===e.id,onClick:()=>a({kind:`contact`,contactId:e.id}),trailingIcon:`more`},e.id)),f.length===0?(0,J.jsx)(`p`,{className:`px-3 py-4 text-center text-body-small-default`,style:{color:`var(--content-tertiary)`},children:`No matching contacts`}):null]}):e?null:(0,J.jsx)(s,{type:`button`,variant:`ghost`,onClick:o,disabled:c,tintColor:`var(--primary-base)`,leftIcon:c?(0,J.jsx)(b,{className:`animate-spin`,"aria-hidden":!0}):(0,J.jsx)(B,{"aria-hidden":!0}),children:`Add Contact`})]})})}function Ke({name:e,role:t,contactType:n,channelTypes:r,selected:i,onClick:a,trailingIcon:o}){let s=r&&r.length>0?r.join(` | `):void 0;return(0,J.jsx)(f,{asChild:!0,active:i,label:``,trailingAction:o===`pencil`?(0,J.jsx)(x,{className:`h-3.5 w-3.5`,"aria-hidden":!0}):o===`more`?(0,J.jsx)(v,{className:`h-3.5 w-3.5`,"aria-hidden":!0}):void 0,children:(0,J.jsxs)(`button`,{type:`button`,onClick:a,className:`flex h-auto w-full items-center gap-2 rounded-[6px] px-[8px] py-2 text-left`,children:[(0,J.jsxs)(`span`,{className:`flex min-w-0 flex-1 flex-col`,children:[(0,J.jsx)(`span`,{className:`truncate text-body-medium-default`,children:e}),s?(0,J.jsx)(`span`,{className:`truncate text-body-small-default`,style:{color:`var(--content-tertiary)`},children:s}):null]}),(0,J.jsx)(`span`,{className:`shrink-0`,children:(0,J.jsx)(Y,{role:t,contactType:n})})]})})}function qe(e){let t=e-Date.now();if(t<=0)return`Expired`;let n=Math.ceil(t/(1e3*60*60*24));return n===1?`Expires in 1 day`:`Expires in ${n} days`}function Je({open:e,assistantId:t,onClose:n}){let[r,i]=(0,q.useState)(!1),o=(0,q.useRef)(null),l=(0,q.useRef)(!1),u=a({...O({path:{assistant_id:t}})}),d=(0,q.useRef)(u.mutate);(0,q.useLayoutEffect)(()=>{d.current=u.mutate});let f=(0,q.useRef)(u.reset);(0,q.useLayoutEffect)(()=>{f.current=u.reset}),(0,q.useEffect)(()=>{e&&!l.current&&d.current({path:{assistant_id:t}}),l.current=e},[e,t]),(0,q.useEffect)(()=>()=>{o.current&&clearTimeout(o.current)},[]);let h=(0,q.useCallback)(()=>{f.current(),i(!1),o.current&&=(clearTimeout(o.current),null),n()},[n]),g=(0,q.useCallback)(e=>{navigator.clipboard.writeText(e).then(()=>{i(!0),o.current&&clearTimeout(o.current),o.current=setTimeout(()=>i(!1),2e3)})},[]),_=u.isSuccess&&u.data.token?_e({senderAssistantId:t,token:u.data.token}):``;return(0,J.jsx)(m.Root,{open:e,onOpenChange:e=>{e||h()},children:(0,J.jsxs)(m.Content,{size:`sm`,children:[(0,J.jsx)(m.Header,{children:(0,J.jsx)(m.Title,{children:`Share Connection Link`})}),(0,J.jsx)(m.Body,{children:u.isPending?(0,J.jsxs)(`div`,{className:`flex items-center gap-2 py-2 text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:[(0,J.jsx)(b,{className:`h-4 w-4 animate-spin`}),`Creating invite link…`]}):u.isError?(0,J.jsxs)(`div`,{className:`space-y-3`,children:[(0,J.jsx)(`p`,{role:`alert`,className:`!m-0 text-body-medium-lighter`,style:{color:`var(--system-negative-strong)`},children:`Failed to create invite link. Make sure A2A is enabled for your assistant.`}),(0,J.jsx)(s,{variant:`outlined`,onClick:()=>u.mutate({path:{assistant_id:t}}),children:`Try Again`})]}):u.isSuccess?(0,J.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,J.jsx)(c,{variant:`body-medium-lighter`,style:{color:`var(--content-secondary)`},children:`Share this link with another assistant owner to establish a connection.`}),(0,J.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,J.jsx)(p,{type:`text`,readOnly:!0,value:_,fullWidth:!0,wrapperClassName:`flex-1`,className:`font-mono`,onFocus:e=>e.currentTarget.select()}),(0,J.jsx)(`button`,{type:`button`,onClick:()=>g(_),"aria-label":`Copy invite link`,className:`flex h-9 w-9 shrink-0 items-center justify-center rounded-md border border-[var(--border-base)] hover:bg-[var(--surface-hover)]`,children:r?(0,J.jsx)(L,{className:`h-4 w-4`}):(0,J.jsx)(fe,{className:`h-4 w-4`})})]}),u.data.expiresAt!=null&&(0,J.jsx)(c,{variant:`body-small-default`,style:{color:`var(--content-tertiary)`},children:qe(u.data.expiresAt)})]}):null}),(0,J.jsx)(m.Footer,{children:(0,J.jsx)(s,{variant:`outlined`,onClick:h,children:`Done`})})]})})}function Ye(e){return(0,J.jsx)(Xe,{...e},e.contact.id)}function Xe({contact:e,savePending:t,verifyPending:n,mergePending:r=!1,canMerge:i=!1,availableChannels:a,a2aEnabled:o,onSave:c,onMerge:l,onSetupChannel:u,onVerifyChannel:d,onRevokeChannel:f,onGenerateInviteLink:m}){let h=e.displayName.startsWith(`vellum-principal-`),g=h?``:e.displayName,[_,v]=(0,q.useState)(g),[y,b]=(0,q.useState)(e.notes??``),x=_.trim(),S=y.trim(),C=x!==g.trim()||S!==(e.notes??``).trim(),w=C&&!t,T=`${e.interactionCount} interaction${e.interactionCount===1?``:`s`}`;return(0,J.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,J.jsx)(U,{title:h?`You`:`${e.displayName} (You)`,accessory:(0,J.jsx)(Y,{role:`guardian`}),compactAccessory:!0,subtitle:T,children:(0,J.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,J.jsx)(p,{label:`Name`,type:`text`,value:_,onChange:e=>v(e.target.value),placeholder:`Your name`,disabled:t,fullWidth:!0}),(0,J.jsx)(p,{label:`Notes`,type:`text`,value:y,onChange:e=>b(e.target.value),placeholder:`Notes about yourself which AI will take into account`,disabled:t,fullWidth:!0}),(0,J.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,J.jsx)(s,{variant:`primary`,onClick:()=>c({displayName:x||e.displayName,notes:S}),disabled:!w,children:t?`Saving…`:`Save`}),l?(0,J.jsx)(s,{variant:`outlined`,onClick:l,disabled:!i||C||r||t,title:i?C?`Save your changes before merging`:void 0:`No other contacts available to merge`,children:r?`Merging…`:`Merge…`}):null]})]})}),(0,J.jsx)(U,{title:`Channels`,subtitle:`Once verified, your assistant will recognize you when you message from these channels.`,children:(0,J.jsx)(Q,{contactChannels:e.channels,availableChannels:a,a2aEnabled:o,setupLabel:`Enable`,verifyLoading:n,onSetupChannel:u,onVerifyChannel:d,onRevokeChannel:f})}),m?(0,J.jsx)(X,{onClick:m}):null]})}var Ze=[{id:`slack`,label:`Slack`,subtitle:`Message your assistant from Slack`,icon:`hash`,supportsVerification:!0,setupMessages:{guardian:`I'd like to verify my identity as your guardian on Slack. Can you help me set that up?`,contact:`I'd like to verify a contact's Slack identity. Can you walk me through it?`}},{id:`telegram`,label:`Telegram`,subtitle:`Message your assistant from Telegram`,icon:`send`,supportsVerification:!0,setupMessages:{guardian:`I'd like to verify my identity as your guardian on Telegram. Can you help me set that up?`,contact:`I'd like to verify a contact's Telegram identity. Can you walk me through it?`}},{id:`phone`,label:`Phone Calling`,subtitle:`Call or text your assistant via phone`,icon:`phone`,supportsVerification:!0,setupMessages:{guardian:`I'd like to verify my identity as your guardian for phone calls. Can you help me set that up?`,contact:`I'd like to verify a contact's phone number. Can you help me set that up?`}}],Qe={slack:`I want to reach you on Slack. Let's set it up.`,telegram:`I want to reach you on Telegram. Let's set it up.`,phone:`I want to be able to call you. Let's set you up with a phone number.`},$e=15e3,et=[];function tt({assistantId:e,onStartSetupConversation:t}){let n=ue.use.a2aChannel(),o=le.use.name(),s=r(),[c,l]=(0,q.useState)({kind:`assistant`}),[u,d]=(0,q.useState)(!1),[f,p]=(0,q.useState)(!1),[m,g]=(0,q.useState)(!1),_=o??`your assistant`,v=(0,q.useMemo)(()=>({path:{assistant_id:e}}),[e]),y=oe(v),b=(0,q.useMemo)(()=>({path:{assistant_id:e}}),[e]),x=se(b),O=i({...re(v),enabled:!!e,select:e=>e.contacts}),ce=i({...ie(b),enabled:!!e,refetchInterval:$e,select:e=>e.snapshots}),A=i({...te({path:{assistant_id:e}}),enabled:!!e,queryFn:async({signal:t})=>{let{data:n,error:r,response:i}=await ee({path:{assistant_id:e},signal:t,throwOnError:!1});if(!i||i.status===404)return{channels:Ze};if(!i.ok)throw r??Error(`Failed to fetch channel availability`);return n},select:e=>e.channels}).data??et,j=O.data,M=(0,q.useMemo)(()=>j?.find(e=>e.role===`guardian`)??null,[j]),de=(0,q.useMemo)(()=>j?.filter(e=>e.role!==`guardian`)??[],[j]),N=(0,q.useMemo)(()=>c.kind===`contact`?j?.find(e=>e.id===c.contactId)??null:null,[j,c]),fe=ce.data??[],P=(0,q.useMemo)(()=>!j||!N?[]:j.filter(e=>e.id!==N.id&&e.role!==`guardian`),[j,N]),F=P.length>0,I=(0,q.useRef)(!1);(0,q.useEffect)(()=>{I.current||M&&(I.current=!0,l({kind:`contact`,contactId:M.id}))},[M]);let pe=(0,q.useMemo)(()=>rt(fe),[fe]),L=(0,q.useCallback)(()=>s.invalidateQueries({queryKey:y}),[s,y]),R=(0,q.useCallback)(()=>s.invalidateQueries({queryKey:x}),[s,x]),z=a({mutationFn:()=>ye(e,{displayName:`New Contact`}),onMutate:async()=>{await s.cancelQueries({queryKey:y})},onSuccess:e=>{k(s,v,t=>t?{...t,contacts:[...t.contacts,e]}:void 0),l({kind:`contact`,contactId:e.id})},onSettled:()=>L()}),B=a({mutationFn:t=>be(e,t),onSuccess:(e,t)=>{k(s,v,e=>e?{...e,contacts:e.contacts.filter(e=>e.id!==t)}:void 0),l({kind:`assistant`})},onSettled:()=>L()}),V=a({mutationFn:({contactId:t,patch:n})=>ye(e,{id:t,displayName:n.displayName,notes:n.notes}),onSuccess:e=>{k(s,v,t=>t?{...t,contacts:t.contacts.map(t=>t.id===e.id?e:t)}:void 0)},onSettled:()=>L()}),H=ae({onMutate:async()=>{await s.cancelQueries({queryKey:y})},onSuccess:(e,t)=>{let n=e.contact,r=t.body.mergeId;n&&(k(s,v,e=>e?{...e,contacts:e.contacts.filter(e=>e.id!==r).map(e=>e.id===n.id?n:e)}:void 0),l({kind:`contact`,contactId:n.id})),g(!1),h.success(`Contacts merged`)},onSettled:()=>L()}),me=(0,q.useCallback)(e=>{l(e),p(!1),g(!1),H.reset()},[H]),U=(0,q.useCallback)(()=>{H.reset(),g(!0)},[H]),_e=(0,q.useCallback)(()=>{H.isPending||(g(!1),H.reset())},[H]),W=a({mutationFn:async t=>{let n={path:{assistant_id:e},throwOnError:!0};t===`slack`?await C(n):t===`telegram`?await T(n):t===`phone`&&await D(n)},onSettled:()=>R()}),G=ne({onSuccess:()=>L()}),K=(0,q.useCallback)((t,n)=>{G.mutate({path:{assistant_id:e,contactChannelId:t},body:{status:`revoked`}})},[G,e]),Y=a({mutationFn:t=>E({path:{assistant_id:e},body:{botToken:t},throwOnError:!0}),onSettled:()=>R()}),xe=a({mutationFn:({botToken:t,appToken:n})=>w({path:{assistant_id:e},body:{botToken:t,appToken:n},throwOnError:!0}),onSettled:()=>R()}),X=a({mutationFn:({accountSid:t,authToken:n})=>S({path:{assistant_id:e},body:{accountSid:t,authToken:n},throwOnError:!0}),onSettled:()=>R()}),Se=(0,q.useCallback)(async e=>{await Y.mutateAsync(e)},[Y]),we=(0,q.useCallback)(async(e,t)=>{await xe.mutateAsync({botToken:e,appToken:t})},[xe]),Te=(0,q.useCallback)(async(e,t)=>{await X.mutateAsync({accountSid:e,authToken:t})},[X]),Ee=(0,q.useCallback)(()=>{z.isPending||z.mutate()},[z]),Z=(0,q.useCallback)(()=>{d(!0)},[]),De=(0,q.useCallback)(()=>{d(!1),L()},[L]),Oe=(0,q.useCallback)(e=>{t&&t(Qe[e])},[t]),ke=(0,q.useCallback)(e=>{W.mutate(e)},[W]),Ae=(0,q.useCallback)(e=>{if(!t)return;let n=A.find(t=>t.id===e)?.setupMessages.contact;n&&t(n)},[A,t]),je=(0,q.useCallback)(e=>{if(!t)return;let n=A.find(t=>t.id===e)?.setupMessages.guardian;n&&t(n)},[A,t]),Q=a({mutationFn:t=>ve(e,t.channelId),onSuccess:()=>L(),onError:e=>{let t=e instanceof Error?e.message:`Failed to verify channel`;h.error(t)}}),Me=(0,q.useCallback)(e=>{if(!N)return;let t=N.channels.find(t=>t.type===e&&t.status!==`revoked`);t&&Q.mutate({channelId:t.id})},[N,Q]),Pe=B.isPending?B.variables:null,$=(0,q.useMemo)(()=>N?V.isPending&&V.variables?.contactId===N.id?{...N,displayName:V.variables.patch.displayName,notes:V.variables.patch.notes}:N:null,[N,V.isPending,V.variables]),Ie={loading:O.isLoading,assistantName:_,guardian:M?{id:M.id,displayName:M.displayName.startsWith(`vellum-principal-`)?``:M.displayName,role:M.role,channelTypes:ot(M.channels,n)}:null,regularContacts:de.filter(e=>e.id!==Pe).map(e=>({id:e.id,displayName:e.displayName,role:e.role,contactType:e.contactType,channelTypes:ot(e.channels,n)})),selection:c,onAddContact:Ee,addingContact:z.isPending};return(0,J.jsxs)(`div`,{className:`flex min-h-0 flex-1 flex-col gap-4 overflow-hidden sm:flex-row sm:gap-6`,children:[(0,J.jsx)(`div`,{className:`flex items-center sm:hidden`,children:(0,J.jsx)(he,{onClick:()=>p(!0)})}),(0,J.jsx)(ge,{open:f,onClose:()=>p(!1),title:`Contacts`,children:(0,J.jsx)(Ge,{...Ie,onSelect:me})}),(0,J.jsx)(`aside`,{className:`hidden min-h-0 w-[320px] shrink-0 overflow-y-auto self-stretch sm:block`,children:(0,J.jsx)(Ge,{...Ie,onSelect:me})}),(0,J.jsx)(`section`,{className:`min-h-0 min-w-0 flex-1 overflow-y-auto`,children:c.kind===`assistant`||c.kind===`contact`&&c.contactId===Pe?(0,J.jsx)(Ce,{assistantName:_,channels:pe,pendingChannelKey:W.isPending?W.variables??null:null,onSetup:t?Oe:void 0,onDisconnect:ke,onSaveTelegramToken:Se,onSaveSlackConfig:we,onSaveTwilioCredentials:Te,onGenerateInviteLink:n?Z:void 0}):$?$.role===`guardian`?(0,J.jsx)(Ye,{contact:$,savePending:V.isPending,verifyPending:Q.isPending,mergePending:H.isPending,canMerge:F,availableChannels:A,a2aEnabled:n,onSave:async e=>{await V.mutateAsync({contactId:$.id,patch:e})},onMerge:U,onSetupChannel:t?je:void 0,onVerifyChannel:Me,onRevokeChannel:K,onGenerateInviteLink:n?Z:void 0}):(0,J.jsx)(Ne,{contact:$,savePending:V.isPending,deletePending:B.isPending,mergePending:H.isPending,canMerge:F,availableChannels:A,a2aEnabled:n,onSave:async e=>{await V.mutateAsync({contactId:$.id,patch:e})},onDelete:async()=>{await B.mutateAsync($.id)},onMerge:U,onSetupChannel:t?Ae:void 0,onRevokeChannel:K}):(0,J.jsx)(nt,{})}),N?(0,J.jsx)(Fe,{open:m,survivor:N,candidates:P,pending:H.isPending,errorMessage:H.error instanceof Error?H.error.message:H.error?`Failed to merge contacts`:null,onMerge:t=>H.mutate({path:{assistant_id:e},body:{keepId:N.id,mergeId:t}}),onClose:_e}):null,(0,J.jsx)(Je,{open:u,assistantId:e,onClose:De})]})}function nt(){return(0,J.jsx)(`div`,{className:`flex h-full items-center justify-center py-16`,children:(0,J.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:`Select a contact`})})}function rt(e){let t=new Map;for(let n of e)t.set(n.channel,n);return[`slack`,`telegram`,`phone`].map(e=>{let n=t.get(e);return{key:e,status:it(n),address:n?.channelHandle??void 0}})}function it(e){return e?e.ready||e.setupStatus===`ready`?`ready`:e.setupStatus===`incomplete`?`incomplete`:`not_configured`:`not_configured`}var at={slack:`Slack`,telegram:`Telegram`,phone:`Phone`,email:`Email`,whatsapp:`WhatsApp`,a2a:`A2A`};function ot(e,t){let n=new Set,r=[];for(let i of e){if(i.status===`revoked`)continue;let e=i.type.toLowerCase();n.has(e)||e===`a2a`&&!t||(n.add(e),r.push(at[e]??i.type))}return r}function st(){let e=n(),t=me();return(0,J.jsx)(tt,{assistantId:t,onStartSetupConversation:t=>{A.getState().setMainView(`chat`);let n=de();j.getState().setActiveConversationId(n),e(`${ce.conversation(n)}?prompt=${encodeURIComponent(t)}`)}},t)}export{st as ContactsPageRoute};

package/dist/assets/earn-credits-modal-D5nQbl1C.js

@@ -1 +0,0 @@
-import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./react-DJZBPgpf.js";import{t as n}from"./useQuery-B45lW1Kk.js";import{t as r}from"./jsx-runtime-CVSDxk6A.js";import{t as i}from"./button-CHADMNBN.js";import"./src-sv64XKrp.js";import{t as a}from"./input-Cu3PPVCq.js";import{t as o}from"./modal-BYMhDpQo.js";import{t as s}from"./createLucideIcon-D6d6iDdi.js";import{t as c}from"./loader-circle-DsetC8iQ.js";import{Ja as l,Pa as u,So as d,Xa as f,go as p,ki as m,wn as h}from"./index-oaZGNNfo.js";var g=s(`share-2`,[[`circle`,{cx:`18`,cy:`5`,r:`3`,key:`gq8acd`}],[`circle`,{cx:`6`,cy:`12`,r:`3`,key:`w7nqdw`}],[`circle`,{cx:`18`,cy:`19`,r:`3`,key:`1xt0gg`}],[`line`,{x1:`8.59`,x2:`15.42`,y1:`13.51`,y2:`17.49`,key:`47mynk`}],[`line`,{x1:`15.41`,x2:`8.59`,y1:`6.51`,y2:`10.49`,key:`1n3mei`}]]),_=e(t(),1),v=r();function y(e){return e.replace(/\.00$/,``)}function b(e,t,n){let r=y(n),i=y(e),a=y(t);return i===a?`Share Vellum with friends — you'll each earn ${i} credits when they sign up, up to ${r} total.`:`Share Vellum with friends — you'll earn ${i} credits and they'll get ${a} when they sign up, up to ${r} total.`}function x({open:e,onClose:t}){return(0,v.jsx)(o.Root,{open:e,onOpenChange:e=>{e||t()},children:e?(0,v.jsx)(S,{}):null})}function S(){let[e,t]=(0,_.useState)(!1),[r,s]=(0,_.useState)(!1),{data:x,isLoading:S,isError:E,refetch:D,isFetching:O}=n(h()),k=(0,_.useCallback)(e=>{navigator.clipboard.writeText(e).then(()=>{t(!0),setTimeout(()=>t(!1),2e3)})},[]),A=x?b(x.referrer_credit_amount,x.credit_amount,x.earning_cap):`Refer friends to earn free credits.`,j=x?y(x.earning_cap):``,M=r?`Referral Program Terms`:`Earn free credits`;return(0,v.jsxs)(o.Content,{size:`sm`,children:[(0,v.jsx)(o.Header,{children:(0,v.jsxs)(`div`,{className:`flex min-w-0 items-start gap-2`,children:[r&&(0,v.jsx)(i,{variant:`ghost`,size:`compact`,iconOnly:(0,v.jsx)(d,{}),onClick:()=>s(!1),"aria-label":`Back`,className:`mt-0.5`,tintColor:`var(--content-secondary)`}),(0,v.jsxs)(`div`,{className:`min-w-0`,children:[(0,v.jsx)(o.Title,{children:M}),!r&&(0,v.jsx)(o.Description,{children:A})]})]})}),(0,v.jsx)(o.Body,{children:r&&x?(0,v.jsx)(T,{cap:j}):S?(0,v.jsxs)(`div`,{className:`flex items-center gap-2 py-2 text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:[(0,v.jsx)(c,{className:`h-4 w-4 animate-spin`}),`Loading referral information…`]}):E||!x?(0,v.jsxs)(`div`,{className:`space-y-3`,children:[(0,v.jsx)(`p`,{className:`!m-0 text-body-medium-lighter`,style:{color:`var(--content-secondary)`},children:`Failed to load referral information.`}),(0,v.jsx)(i,{variant:`outlined`,onClick:()=>void D(),disabled:O,children:O?`Retrying…`:`Try Again`})]}):(0,v.jsxs)(`div`,{className:`space-y-4`,children:[(0,v.jsxs)(`div`,{className:`space-y-2`,children:[(0,v.jsx)(C,{icon:(0,v.jsx)(g,{className:`h-4 w-4`}),label:`Share your invite link`}),(0,v.jsx)(C,{icon:(0,v.jsx)(m,{className:`h-4 w-4`}),label:`They sign up`}),(0,v.jsx)(C,{icon:(0,v.jsx)(u,{className:`h-4 w-4`}),label:`You earn credits`})]}),(0,v.jsx)(`div`,{style:{borderTop:`1px solid var(--border-base)`}}),(0,v.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,v.jsx)(a,{type:`text`,readOnly:!0,value:x.referral_url,fullWidth:!0,wrapperClassName:`flex-1`,className:`font-mono`,onFocus:e=>e.currentTarget.select()}),(0,v.jsx)(i,{variant:`outlined`,iconOnly:e?(0,v.jsx)(p,{}):(0,v.jsx)(f,{}),onClick:()=>k(x.referral_url),"aria-label":`Copy referral link`,className:`h-9 w-9`})]}),(0,v.jsx)(`div`,{style:{borderTop:`1px solid var(--border-base)`}}),(0,v.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,v.jsx)(w,{icon:(0,v.jsx)(m,{className:`h-3.5 w-3.5`}),value:String(x.referred_count),label:`Friends Referred`}),(0,v.jsx)(w,{icon:(0,v.jsx)(l,{className:`h-3.5 w-3.5`}),value:y(x.total_earned),label:`Credits Earned`})]}),(0,v.jsx)(`div`,{style:{borderTop:`1px solid var(--border-base)`}}),(0,v.jsx)(i,{variant:`ghost`,size:`compact`,onClick:()=>s(!0),fullWidth:!0,className:`text-body-small-default`,tintColor:`var(--content-tertiary)`,children:`View Terms and Conditions`})]})})]})}function C({icon:e,label:t}){return(0,v.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,v.jsx)(`div`,{className:`flex h-7 w-7 shrink-0 items-center justify-center rounded-md`,style:{background:`var(--surface-base)`,color:`var(--content-secondary)`},children:e}),(0,v.jsx)(`span`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:t})]})}function w({icon:e,value:t,label:n}){return(0,v.jsxs)(`div`,{className:`flex items-center gap-1.5 text-body-medium-lighter`,children:[(0,v.jsx)(`span`,{style:{color:`var(--content-tertiary)`},children:e}),(0,v.jsx)(`span`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:t}),(0,v.jsx)(`span`,{style:{color:`var(--content-tertiary)`},children:n})]})}function T({cap:e}){return(0,v.jsx)(`ul`,{className:`!m-0 !list-none space-y-2 !p-0`,children:[`This promotion is available to new users who sign up through your referral link only.`,`Rewards are earned once your invitee completes the creation of their Vellum account.`,`You may earn up to ${e} free credits through the Referral Program. We may change this limit at any time.`,`We do not grant credits for disposable or high-risk email accounts.`,`Each new user can generate only one (1) reward. No stacking or loophole hunting.`,`Please avoid spamming or misusing your referral link. Our systems actively monitor referral engagement.`,`If we detect suspicious or non-compliant activity, we reserve the right to withhold rewards or deactivate your referral link.`,`We may update, pause, or discontinue this program at any time.`].map(e=>(0,v.jsxs)(`li`,{className:`flex items-start gap-2 text-body-medium-lighter`,style:{color:`var(--content-secondary)`},children:[(0,v.jsx)(`span`,{"aria-hidden":`true`,className:`mt-0.5`,children:`•`}),(0,v.jsx)(`span`,{children:e})]},e))})}export{x as EarnCreditsModal};

package/dist/assets/ellipsis-vertical-7F3IBZeB.js

@@ -1 +0,0 @@
-import{t as e}from"./createLucideIcon-D6d6iDdi.js";var t=e(`ellipsis-vertical`,[[`circle`,{cx:`12`,cy:`12`,r:`1`,key:`41hilf`}],[`circle`,{cx:`12`,cy:`5`,r:`1`,key:`gxeob9`}],[`circle`,{cx:`12`,cy:`19`,r:`1`,key:`lyex9k`}]]);export{t};

package/dist/assets/general-page-DavhkSO3.js

@@ -1 +0,0 @@
-import{o as e}from"./chunk-jRWAZmH_.js";import{a as t,n,o as r,r as i,s as a}from"./device-settings-zXRxGDTH.js";import{t as o}from"./capture-error-Dze4ISSQ.js";import{t as s}from"./react-DJZBPgpf.js";import{d as c,t as l}from"./chunk-5KNZJZUH-DdS6bb-3.js";import{n as u}from"./QueryClientProvider-DKhXIxGb.js";import{t as d}from"./useQuery-B45lW1Kk.js";import{t as f}from"./useMutation-Lj4VunQV.js";import{t as p}from"./jsx-runtime-CVSDxk6A.js";import{t as m}from"./cn-DFqQkJlk.js";import{t as h}from"./button-CHADMNBN.js";import{t as g}from"./dropdown-CocFV5yi.js";import{c as _,n as v,s as y}from"./src-sv64XKrp.js";import{t as b}from"./confirm-dialog-M0xuyGF3.js";import{t as x}from"./notice-CF2pptne.js";import{t as S}from"./tag-Ccr7Quy6.js";import{t as C}from"./input-Cu3PPVCq.js";import{t as w}from"./toggle-CEm3M86o.js";import{n as T}from"./stat-square-Cxkq400O.js";import{t as E}from"./modal-BYMhDpQo.js";import{n as D}from"./toast-BL8OPiip.js";import{f as O,l as k,n as A,p as j}from"./resolved-assistants-store-BTvVAnMH.js";import{t as M}from"./is-electron-CavSPgmY.js";import{t as N}from"./createLucideIcon-D6d6iDdi.js";import{t as P}from"./bell-C7RL04h4.js";import{t as F}from"./chevron-right-C0jZwqbo.js";import{t as ee}from"./hard-drive-BqWBtE21.js";import{t as I}from"./loader-circle-DsetC8iQ.js";import{t as L}from"./moon-BdD-2Zqk.js";import{a as te,c as ne,o as re,r as ie,s as ae,t as oe}from"./resize-errors-B1TYxfYf.js";import{n as R,r as z,t as B}from"./api-errors-CsfCFJ8r.js";import{H as V,_ as H,g as U,h as W,i as se,l as ce,m as le,n as G,p as ue}from"./auth-store-Y5mWi11L.js";import{t as de}from"./client.gen-BchW2Z6T.js";import{A as fe,K as pe,R as me,S as he}from"./sdk.gen-ClmX029Q.js";import{a as K}from"./routes-DLEaIDYY.js";import{t as q}from"./client-feature-flag-store-lWvUd78D.js";import{n as J,t as ge}from"./semver-BljOCwsH.js";import{t as _e}from"./assistant-feature-flag-store-CFzsxEC5.js";import{t as ve}from"./proxy-ClOyEtTf.js";import{$ as ye,An as be,Bt as xe,Fi as Se,Ft as Ce,Gr as we,Hi as Te,Ht as Ee,In as De,It as Oe,Ln as ke,Lt as Ae,Ma as je,Ni as Me,Nn as Ne,Pr as Pe,Pt as Fe,Q as Ie,Ri as Le,Rn as Re,Tn as ze,Ur as Be,Vt as Ve,Wi as He,Wr as Ue,X as We,_r as Ge,c as Ke,d as qe,ea as Je,go as Ye,ho as Xe,kn as Ze,kt as Qe,l as $e,ln as et,ma as tt,mo as nt,na as rt,nr as it,o as at,ot,sn as st,ta as ct,tr as lt,u as ut,yt as dt,zt as ft}from"./index-oaZGNNfo.js";import{t as pt}from"./use-active-assistant-id-CfZSuINA.js";import{t as Y}from"./detail-card-DuosftaO.js";import{t as mt}from"./environment-store-CaBEWd5a.js";import{i as ht,n as X,r as gt,t as _t}from"./assistant-status-panel-CL8akPE9.js";var vt=N(`fingerprint-pattern`,[[`path`,{d:`M12 10a2 2 0 0 0-2 2c0 1.02-.1 2.51-.26 4`,key:`1nerag`}],[`path`,{d:`M14 13.12c0 2.38 0 6.38-1 8.88`,key:`o46ks0`}],[`path`,{d:`M17.29 21.02c.12-.6.43-2.3.5-3.02`,key:`ptglia`}],[`path`,{d:`M2 12a10 10 0 0 1 18-6`,key:`ydlgp0`}],[`path`,{d:`M2 16h.01`,key:`1gqxmh`}],[`path`,{d:`M21.8 16c.2-2 .131-5.354 0-6`,key:`drycrb`}],[`path`,{d:`M5 19.5C5.5 18 6 15 6 12a6 6 0 0 1 .34-2`,key:`1tidbn`}],[`path`,{d:`M8.65 22c.21-.66.45-1.32.57-2`,key:`13wd9y`}],[`path`,{d:`M9 6.8a6 6 0 0 1 9 5.2v2`,key:`1fr1j5`}]]),yt=N(`vibrate`,[[`path`,{d:`m2 8 2 2-2 2 2 2-2 2`,key:`sv1b1`}],[`path`,{d:`m22 8-2 2 2 2-2 2 2 2`,key:`101i4y`}],[`rect`,{width:`8`,height:`14`,x:`8`,y:`5`,rx:`1`,key:`1oyrl4`}]]),Z=e(s(),1),bt=ue,xt=`Please choose a different handle.`;async function St(e,t){let{data:n,error:r,response:i}=await fe({path:{id:e},body:{handle:t},throwOnError:!1});if(!i)return{kind:`error`,message:z(r,void 0,`Failed to save handle.`)??`Failed to save handle.`};if(i.ok&&n)return{kind:`ok`,data:n};if(i.status===409){let{message:e}=H(r,`handle`,bt.taken);return{kind:`taken`,message:e}}if(i.status===400){let{code:e,message:t}=H(r,`handle`,xt);return{kind:`invalid`,code:e,message:t}}return{kind:`error`,message:z(r,i,`Failed to save handle.`)}}async function Ct(e,t,n){let{data:r,error:i,response:a}=await he({path:{assistant_id:e},query:{handle:t},signal:n,throwOnError:!1});if(R(a,i,`Failed to check handle availability.`),!a.ok||!r)throw new B(a.status,a.status===429?`Too many checks — try again in a moment.`:z(i,a,`Failed to check handle availability.`));return{available:r.available,code:r.code??null,message:r.message??null}}function wt(e){return/\d{2,}$/.test(e)}var Q=p(),Tt=300,Et=1400;function Dt({initialHandle:e,inputLabel:t,helperText:n,idleHelperText:r,checkAvailable:i,save:a,onSaved:o,saveSuccessToast:s,fieldId:c}){let[l,u]=(0,Z.useState)(e),[d,f]=(0,Z.useState)(null),[p,m]=(0,Z.useState)(!1),[g,_]=(0,Z.useState)(`idle`),[v,y]=(0,Z.useState)(null),b=Ie(),x=(0,Z.useRef)(null),S=(0,Z.useMemo)(()=>l.trim().toLowerCase(),[l]),w=S===e.toLowerCase();(0,Z.useEffect)(()=>{if(w||S.length===0){m(!1),x.current?.abort();return}let e=new AbortController;x.current?.abort(),x.current=e,m(!0);let t=window.setTimeout(async()=>{try{let t=await i(S,e.signal);e.signal.aborted||f(t)}catch(t){e.signal.aborted||y(t instanceof Error?t.message:`Couldn't check availability.`)}finally{e.signal.aborted||m(!1)}},Tt);return()=>{window.clearTimeout(t),e.abort()}},[S,w,i]);let T=(()=>{if(v)return v;if(d&&!d.available){let e=d.code;return d.message??(e?bt[e]:`Please choose a different handle.`)}return null})(),E=T?n:w?r??null:p?`Checking availability…`:d?.available?`Available.`:null,O=!w&&!p&&d?.available!==!1&&g!==`saving`,k=(0,Z.useCallback)(async()=>{if(!O)return;_(`saving`),y(null);let e=await a(S);if(e.kind===`ok`){_(`saved`),o(e.data),D.success(s),window.setTimeout(()=>_(`idle`),Et);return}if(e.kind===`taken`){_(`idle`),f({available:!1,code:`taken`,message:e.message});return}if(e.kind===`invalid`){_(`idle`),f({available:!1,code:e.code,message:e.message});return}_(`error`),y(e.message),D.error(e.message)},[O,S,o,a,s]),A=(()=>{if(w&&l.length>0||l.length===0)return null;let e=p?`checking`:d?.available?`available`:d?.available===!1?`invalid`:null;return e?(0,Q.jsx)(ye,{mode:`wait`,initial:!1,children:(0,Q.jsxs)(ve.span,{initial:b?!1:{opacity:0,scale:.85},animate:{opacity:1,scale:1},exit:b?void 0:{opacity:0,scale:.85},transition:{duration:.14,ease:`easeOut`},className:`flex items-center`,"aria-hidden":e!==`available`&&e!==`invalid`,children:[e===`checking`&&(0,Q.jsx)(I,{className:`h-4 w-4 animate-spin text-[var(--content-tertiary)]`}),e===`available`&&(0,Q.jsx)(Ye,{className:`h-4 w-4 text-[var(--system-positive-strong)]`,"aria-label":`Available`}),e===`invalid`&&(0,Q.jsx)(nt,{className:`h-4 w-4 text-[var(--system-negative-strong)]`,"aria-label":`Not available`})]},e)}):null})(),j=(()=>{switch(g){case`saving`:return(0,Q.jsxs)(`span`,{className:`inline-flex items-center gap-1.5`,children:[(0,Q.jsx)(I,{className:`h-3.5 w-3.5 animate-spin`,"aria-hidden":!0}),`Saving…`]});case`saved`:return(0,Q.jsxs)(`span`,{className:`inline-flex items-center gap-1.5`,children:[(0,Q.jsx)(Ye,{className:`h-3.5 w-3.5`,"aria-hidden":!0}),`Saved`]});default:return`Save`}})();return(0,Q.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,Q.jsx)(C,{label:t,value:l,onChange:e=>{u(e.target.value.replace(/\s+/g,``)),f(null),y(null)},autoCorrect:`off`,autoCapitalize:`none`,spellCheck:!1,maxLength:30,leftIcon:(0,Q.jsx)(`span`,{className:`select-none font-mono text-[var(--content-tertiary)]`,"aria-hidden":!0,children:`@`}),rightIcon:A,errorText:T??void 0,helperText:E??void 0,"aria-invalid":!!T,fullWidth:!0,"data-testid":`${c}-input`}),(!w||g!==`idle`)&&(0,Q.jsx)(`div`,{className:`flex justify-end`,children:(0,Q.jsx)(h,{variant:`primary`,size:`compact`,onClick:k,disabled:!O,"aria-live":`polite`,"data-testid":`${c}-save`,children:j})})]})}function Ot({initial:e,onSaved:t}){let n=G.use.refreshSession(),r=wt(e.username)?`Your handle was auto-generated at signup — pick one you like.`:void 0,i=(0,Z.useCallback)(async e=>await U({username:e}),[]),a=(0,Z.useCallback)((e,t)=>le(e,t),[]),o=(0,Z.useCallback)(e=>{t(e),n()},[t,n]);return(0,Q.jsx)(Dt,{initialHandle:e.username,inputLabel:`User handle`,helperText:`Lowercase letters, digits, hyphens, and underscores. 3–30 characters.`,idleHelperText:r,checkAvailable:a,save:i,onSaved:o,saveSuccessToast:`Profile updated.`,fieldId:`user-handle`})}function kt({assistant:e,onSaved:t}){let n=e.handle??``,r=d({...dt({path:{assistant_id:e.id}})}).data?.results?.[0],i=!!r&&r.subdomain.toLowerCase()===n.toLowerCase(),a=n.length===0?`Your assistant doesn't have a handle yet — claim one to make it mentionable.`:void 0,o=(0,Z.useCallback)(async t=>await St(e.id,t),[e.id]),s=(0,Z.useCallback)((t,n)=>Ct(e.id,t,n),[e.id]);return i?(0,Q.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,Q.jsx)(C,{label:`Assistant handle`,value:n,readOnly:!0,disabled:!0,leftIcon:(0,Q.jsx)(`span`,{className:`select-none font-mono text-[var(--content-tertiary)]`,"aria-hidden":!0,children:`@`}),fullWidth:!0,"data-testid":`assistant-handle-input`}),(0,Q.jsxs)(`p`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:[`Your assistant's handle is locked because it's used as its email subdomain. To change it,`,` `,(0,Q.jsx)(l,{to:`${K.settings.ai}?release=1#email`,className:`text-[var(--content-link)] underline hover:text-[var(--content-link-hover)]`,children:`release the subdomain`}),` `,`first.`]})]}):(0,Q.jsx)(Dt,{initialHandle:n,inputLabel:`Assistant handle`,helperText:`Lowercase letters, digits, hyphens, and underscores. 3–30 characters.`,idleHelperText:a,checkAvailable:s,save:o,onSaved:t,saveSuccessToast:`Assistant handle updated.`,fieldId:`assistant-handle`})}function At(){return(0,Q.jsxs)(`div`,{className:`flex flex-col gap-4`,"aria-busy":!0,"aria-live":`polite`,children:[(0,Q.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,Q.jsx)(`div`,{className:`h-3 w-16 animate-pulse rounded bg-[var(--surface-muted)]`}),(0,Q.jsx)(`div`,{className:`h-9 w-full animate-pulse rounded-md bg-[var(--surface-muted)]`}),(0,Q.jsx)(`div`,{className:`h-3 w-72 animate-pulse rounded bg-[var(--surface-muted)]`})]}),(0,Q.jsx)(`div`,{className:`h-9 w-full animate-pulse rounded-md bg-[var(--surface-muted)]`}),(0,Q.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,Q.jsx)(`div`,{className:`h-3 w-60 animate-pulse rounded bg-[var(--surface-muted)]`}),(0,Q.jsx)(`div`,{className:`h-7 w-16 animate-pulse rounded-md bg-[var(--surface-muted)]`})]}),(0,Q.jsx)(`span`,{className:`sr-only`,children:`Loading your profile…`})]})}function jt({assistant:e}={}){let[t,n]=(0,Z.useState)(null),[r,i]=(0,Z.useState)(null),a=Ie(),[o,s]=(0,Z.useState)(e??null);return(0,Z.useEffect)(()=>{s(e??null)},[e]),(0,Z.useEffect)(()=>{let e=!1;return W().then(t=>{e||n(t)}).catch(t=>{e||i(t instanceof Error?t.message:`Failed to load profile.`)}),()=>{e=!0}},[]),(0,Q.jsx)(Y,{title:`Profile`,subtitle:`Manage your user and assistant public handles.`,children:r?(0,Q.jsx)(`p`,{className:`text-body-small-default text-[var(--system-negative-strong)]`,children:r}):t?(0,Q.jsxs)(ve.div,{initial:a?!1:{opacity:0,y:4},animate:{opacity:1,y:0},transition:{duration:.22,ease:`easeOut`},className:`flex flex-col gap-6`,children:[(0,Q.jsx)(Ot,{initial:t,onSaved:n}),o&&(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(`div`,{className:`border-t border-[var(--border-subtle)]`}),(0,Q.jsx)(kt,{assistant:o,onSaved:s})]})]}):(0,Q.jsx)(At,{})})}var Mt=Qe({query:{hosting:`platform`}});function Nt(){let e=pt(),t=d(Mt),n=t.data?.results??[];return t.isPending||n.length<2?null:(0,Q.jsx)(Y,{title:`Switch Assistant`,subtitle:`Choose which assistant is active for this account.`,children:(0,Q.jsx)(`div`,{className:`space-y-2`,children:n.map(t=>{let n=t.id===e;return(0,Q.jsxs)(`div`,{className:`flex items-center justify-between gap-4 rounded-lg border px-4 py-3 ${n?`border-[var(--border-focus)] bg-[var(--surface-lift)]`:`border-[var(--border-base)] bg-[var(--surface-default)]`}`,children:[(0,Q.jsxs)(`div`,{className:`flex min-w-0 items-center gap-3`,children:[(0,Q.jsx)(tt,{className:`h-4 w-4 shrink-0 text-[var(--content-tertiary)]`}),(0,Q.jsx)(`div`,{className:`min-w-0`,children:(0,Q.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,Q.jsx)(`span`,{className:`truncate text-body-medium-default text-[var(--content-default)]`,children:t.name||`Unnamed`}),t.status!==`active`&&(0,Q.jsx)(S,{tone:`warning`,children:t.status})]})})]}),(0,Q.jsx)(`div`,{className:`shrink-0`,children:n?(0,Q.jsxs)(`span`,{className:`flex items-center gap-1.5 text-body-small-default text-[var(--system-positive-default)]`,children:[(0,Q.jsx)(Ye,{className:`h-4 w-4`}),`Active`]}):(0,Q.jsx)(h,{variant:`outlined`,size:`compact`,disabled:t.status!==`active`,onClick:()=>{V(t.id),D.success(`Switched active assistant.`)},children:`Switch`})})]},t.id)})})})}var Pt=[{label:`Never`,seconds:0},{label:`5 min`,seconds:300,devOnly:!0},{label:`10 min`,seconds:600,devOnly:!0},{label:`1 hour`,seconds:3600},{label:`3 hours`,seconds:10800},{label:`1 day`,seconds:86400},{label:`3 days`,seconds:259200},{label:`7 days`,seconds:604800},{label:`14 days`,seconds:1209600},{label:`30 days`,seconds:2592e3}];function Ft(e){if(e===0)return`Never (sleep disabled)`;let t=Math.floor(e/86400),n=Math.floor(e%86400/3600);if(t>0&&n>0)return`${t}d ${n}h`;if(t>0)return`${t} day${t===1?``:`s`}`;if(n>0)return`${n} hour${n===1?``:`s`}`;let r=Math.floor(e/60);return r>0?`${r} minute${r===1?``:`s`}`:`${e}s`}function It({assistantId:e}){let t=u(),n=mt.use.isNonProduction(),r=(0,Z.useMemo)(()=>Pt.filter(e=>!e.devOnly||n),[n]),{data:i,isLoading:a,isError:o}=d(Ve({path:{id:e}})),s=(0,Z.useMemo)(()=>i?.idle_timeout_seconds??259200,[i]),[c,l]=(0,Z.useState)(null),f=c??s,p=c!==null,m=be({onSuccess:()=>{D.success(`Sleep policy saved.`),l(null),t.invalidateQueries({queryKey:Ee({path:{id:e}})})},onError:()=>{D.error(`Failed to save sleep policy. Please try again.`)}});return a?(0,Q.jsxs)(`div`,{className:`flex items-center gap-2 text-body-medium-lighter text-[var(--content-tertiary)]`,children:[(0,Q.jsx)(I,{className:`h-4 w-4 animate-spin`}),`Loading sleep settings...`]}):o?(0,Q.jsx)(`p`,{className:`text-body-medium-lighter text-[var(--system-negative-strong)]`,children:`Failed to load sleep policy. Refresh the page to try again.`}):(0,Q.jsxs)(`div`,{className:`space-y-4`,children:[(0,Q.jsxs)(`div`,{children:[(0,Q.jsx)(`label`,{className:`block text-body-medium-default text-[var(--content-default)]`,children:`Idle timeout`}),(0,Q.jsx)(`p`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:`How long the assistant can be idle before it is put to sleep. "Never" disables idle sleep entirely.`}),(0,Q.jsx)(`div`,{className:`mt-2 flex flex-wrap gap-2`,children:r.map(e=>(0,Q.jsx)(h,{variant:`outlined`,active:f===e.seconds,onClick:()=>l(e.seconds),children:e.label},e.seconds))}),(0,Q.jsxs)(`p`,{className:`mt-2 text-body-small-default text-[var(--content-tertiary)]`,children:[`Current: `,Ft(f)]})]}),p&&(0,Q.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,Q.jsx)(h,{variant:`primary`,leftIcon:m.isPending?(0,Q.jsx)(I,{className:`animate-spin`}):void 0,onClick:()=>m.mutate({path:{id:e},body:{idle_timeout_seconds:f}}),disabled:m.isPending,children:`Save`}),(0,Q.jsx)(h,{variant:`outlined`,onClick:()=>l(null),disabled:m.isPending,children:`Cancel`})]})]})}function Lt(e,t,n){let r=[e.version];return e.version===n&&r.push(`(latest)`),t&&e.version===t&&r.push(`(current)`),r.join(` `)}var Rt=3e3;function zt(e,t){return t&&e===`preview`?`preview`:`stable`}function Bt({assistantId:e,currentVersion:t,releaseChannel:n,onUpgradeComplete:r}){let i=_e.use.rollbackEnabled(),a=q.use.previewChannel(),o=u(),s=zt(n,a),c=s===`preview`,[l,p]=(0,Z.useState)(!1),m=(0,Z.useRef)(null),[_,v]=(0,Z.useState)(null),[y,x]=(0,Z.useState)(!1),[S,C]=(0,Z.useState)(!1),[w,T]=(0,Z.useState)(null),E=e=>e&&m.current&&e===m.current?(queueMicrotask(()=>{T(S?`Successfully rolled back to version ${m.current}.`:`Successfully updated to version ${m.current}.`),p(!1),m.current=null,v(null),D.success(S?`Rollback complete — assistant is healthy.`:`Update complete — assistant is healthy.`),r?.()}),!1):Rt;d({...ft({path:{id:e}}),refetchInterval:l?e=>E(e.state.data?.current_release_version):!1});let{data:O,isLoading:k}=d(ze({query:{channel:s}})),A=O?.find(e=>e.is_stable!==!1)??O?.[0],j=_??A?.version??null,M=(0,Z.useMemo)(()=>{if(!i||!j||!t)return!1;let e=J(j),n=J(t);return!e||!n?!1:ge(e,n)<0},[i,j,t]),N=(0,Z.useMemo)(()=>{if(!j)return!1;if(!t)return!0;let e=J(j),n=J(t);if(!e||!n)return j!==t;let r=ge(e,n);return i?r!==0:r>0},[i,j,t]),P=f({mutationFn:async t=>{let{data:n}=await pe({path:{id:e},body:t,throwOnError:!0});return n}}),F=f({mutationFn:async t=>{let{data:n}=await me({path:{id:e},body:t,throwOnError:!0});return n}});return(0,Q.jsxs)(`div`,{className:`space-y-5`,children:[(0,Q.jsxs)(`div`,{className:`flex flex-col gap-4 md:grid md:grid-cols-[auto_minmax(0,1fr)] md:items-center md:gap-x-8 md:gap-y-4`,children:[(0,Q.jsxs)(`div`,{className:`flex flex-col gap-1 md:contents`,children:[(0,Q.jsx)(`span`,{className:`text-body-medium-default text-[var(--content-tertiary)]`,children:`Current`}),(0,Q.jsx)(`span`,{className:`block min-w-0 break-all text-body-medium-lighter text-[var(--content-default)]`,children:t??`—`})]}),(0,Q.jsxs)(`div`,{className:`flex flex-col gap-1 md:contents`,children:[(0,Q.jsx)(`span`,{className:`text-body-medium-default text-[var(--content-tertiary)]`,children:c?`Preview release`:N?M?`Rollback to`:`Update to`:`Selected`}),(0,Q.jsx)(`span`,{className:`block min-w-0`,children:k?(0,Q.jsxs)(`span`,{className:`flex items-center gap-1 text-body-medium-lighter text-[var(--content-tertiary)]`,children:[(0,Q.jsx)(I,{className:`h-3 w-3 animate-spin`}),`Loading...`]}):O&&O.length>0?i?(0,Q.jsx)(g,{value:j??``,onChange:e=>v(e===A?.version?null:e),disabled:l||P.isPending||F.isPending,options:O.map(e=>({value:e.version,label:Lt(e,t,A?.version)}))}):(0,Q.jsx)(`span`,{className:`block min-w-0 break-all text-body-medium-lighter text-[var(--content-default)]`,children:A?Lt(A,t,A.version):`—`}):`No releases available`})]})]}),(0,Q.jsx)(h,{variant:M?`outlined`:`primary`,className:`min-w-[160px]`,leftIcon:P.isPending||F.isPending||l?(0,Q.jsx)(I,{className:`animate-spin`}):(0,Q.jsx)(rt,{}),onClick:()=>x(!0),disabled:!N||P.isPending||F.isPending||l||k||!O?.length,children:l?S?`Rolling back...`:`Updating...`:M?`Rollback`:c?`Update preview`:`Update`}),c&&(0,Q.jsxs)(`p`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:[`Using Preview releases.`,` `,(0,Q.jsx)(`a`,{href:`#preview-release-channel`,className:`text-[var(--primary-base)] underline-offset-2 hover:underline`,children:`Switch back to Stable`})]}),!N&&t&&j&&!k&&(0,Q.jsx)(`p`,{className:`text-body-medium-lighter text-[var(--system-positive-strong)]`,children:w??`You are already on this version.`}),(0,Q.jsx)(b,{open:y,title:M?`Rollback assistant`:c?`Update preview release`:`Update assistant`,message:M?`Rollback to version ${j??`unknown`}? The assistant will be briefly unavailable.`:c?`Update to preview version ${j??`latest`}? The assistant will be briefly unavailable during the update.`:`Update to version ${j??`latest`}? The assistant will be briefly unavailable during the update.`,confirmLabel:M?`Rollback`:c?`Update preview`:`Update`,onConfirm:async()=>{x(!1),T(null);let t=_??void 0;try{if(M){let e=await F.mutateAsync({version:t});m.current=e.version??t??null,D.success(e.detail||`Rollback to ${t} initiated.`)}else{let e=await P.mutateAsync({version:t});if(e.detail?.includes(`Already on the latest`)){D.warning(e.detail);return}m.current=e.version??t??null,D.success(e.detail||`Update to ${e.version??t??`latest`} initiated.`)}C(M),p(!0),o.invalidateQueries({queryKey:xe({path:{id:e}})})}catch{D.error(M?`Failed to trigger rollback. Please try again.`:`Failed to trigger update. Please try again.`)}},onCancel:()=>x(!1)})]})}function Vt(){let e=qe.useValue();if(Ge())return null;let t=$e()?`Cmd`:`Ctrl`;return(0,Q.jsx)(Y,{title:`Composer`,children:(0,Q.jsx)(w,{checked:e,onChange:qe.save,label:`Send with ${t}+Enter`,helperText:`When enabled, Enter inserts a new line and ${t}+Enter sends.`})})}function Ht(){let e=Re({platformHostedOnly:!0}),t=ke(),n=G.use.user()?.id??null,r=G.use.logout(),[i,a]=(0,Z.useState)(!1),o=Ne({onSuccess:async()=>{D.success(`Account deletion requested. You will be logged out shortly.`),ce(n),await r(),Pe(K.account.login)},onError:()=>{D.error(`Failed to request account deletion. Please try again.`)}}),s=e===`full`&&t;return(0,Z.useEffect)(()=>{s&&i&&a(!1)},[s,i]),e===`gated`?null:(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(Y,{title:`Delete Account`,subtitle:`Permanently delete your account and all associated data.`,variant:`danger`,children:e===`disabled`?(0,Q.jsx)(x,{tone:`info`,children:`Log in to the Vellum platform to delete your account.`}):(0,Q.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,Q.jsx)(h,{variant:`dangerOutline`,onClick:()=>a(!0),disabled:o.isPending||s,className:`self-start`,children:`Delete My Account`}),s&&(0,Q.jsx)(I,{className:`h-4 w-4 animate-spin text-[var(--content-tertiary)]`})]})}),(0,Q.jsx)(b,{open:i,title:`Delete Account`,message:`This will permanently delete your account and all associated data. This action cannot be undone.`,confirmLabel:`Delete Account`,destructive:!0,onConfirm:()=>{if(s){a(!1);return}a(!1),o.mutate({})},onCancel:()=>a(!1)})]})}function Ut({title:e,subtitle:t,benefits:n,ctaLabel:r,ctaLeftIcon:i,onAction:a}){return(0,Q.jsx)(Y,{title:e,subtitle:t,children:(0,Q.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,Q.jsx)(`ul`,{className:`space-y-3`,children:n.map(({icon:e,text:t})=>(0,Q.jsxs)(`li`,{className:`flex items-center gap-3`,children:[(0,Q.jsx)(`span`,{className:`flex size-7 shrink-0 items-center justify-center rounded-md`,style:{background:`var(--surface-base)`},children:(0,Q.jsx)(e,{size:14,style:{color:`var(--content-secondary)`},"aria-hidden":!0})}),(0,Q.jsx)(`span`,{className:`text-body-medium-lighter text-[color:var(--content-secondary)]`,children:t})]},t))}),(0,Q.jsx)(h,{variant:`primary`,size:`regular`,leftIcon:i,onClick:a,className:`self-start`,children:r})]})})}function Wt(){return ut()?(0,Q.jsx)(Ut,{title:`Get the iOS App`,subtitle:`The Vellum iOS app gives you a native experience.`,benefits:[{icon:P,text:`Push notifications`},{icon:vt,text:`Biometric login`},{icon:yt,text:`Native haptics`},{icon:He,text:`Home screen access`}],ctaLabel:`Download`,ctaLeftIcon:(0,Q.jsx)(He,{size:16}),onAction:()=>{Ke(),at()}}):null}async function Gt(){if(!M())return!1;let e=window.vellum;return e?.launchAtLogin?e.launchAtLogin.get():!1}async function Kt(e){if(!M())return;let t=window.vellum;t?.launchAtLogin&&await t.launchAtLogin.set(e)}function qt(){let[e,t]=(0,Z.useState)(!1);(0,Z.useEffect)(()=>{Gt().then(t)},[]);let n=async e=>{t(e);try{await Kt(e)}catch{t(!e)}};return(0,Q.jsx)(Y,{title:`Launch at Login`,subtitle:`Automatically start Vellum when you log in to your Mac.`,children:(0,Q.jsx)(w,{checked:e,onChange:e=>void n(e),"aria-label":`Launch at Login`})})}function Jt({className:e}){return(0,Q.jsx)(`div`,{role:`presentation`,className:m(`h-px w-full bg-[var(--border-base)]`,e)})}var $=[`youtube.com`,`youtu.be`,`vimeo.com`,`loom.com`];function Yt(e){try{let t=JSON.parse(e);if(Array.isArray(t))return t.filter(e=>typeof e==`string`)}catch{}return[...$]}function Xt(){return n(`mediaEmbedsEnabled`,!0)}function Zt(){let e=i(`mediaEmbedDomains`,``);return e?Yt(e):[...$]}function Qt(){let[e,n]=(0,Z.useState)(()=>Xt()),[i,a]=(0,Z.useState)(()=>Zt()),[o,s]=(0,Z.useState)(!1),[c,l]=(0,Z.useState)(``),u=(0,Z.useMemo)(()=>c.trim().toLowerCase(),[c]),d=e=>{n(e),t(`mediaEmbedsEnabled`,e)},f=e=>{a(e),r(`mediaEmbedDomains`,JSON.stringify(e))},p=()=>{if(u){if(i.includes(u)){l(``);return}f([...i,u]),l(``)}},m=e=>{f(i.filter(t=>t!==e))},g=()=>{f([...$])},_=i.length===$.length&&i.every((e,t)=>e===$[t]);return(0,Q.jsxs)(Y,{title:`Media Embeds`,subtitle:`Automatically embed images, videos, and other media shared in chat messages.`,children:[(0,Q.jsxs)(`div`,{className:`flex items-center justify-between gap-3`,children:[(0,Q.jsx)(`div`,{className:`text-body-medium-lighter text-[var(--content-default)]`,children:`Auto Media Embeds`}),(0,Q.jsx)(w,{checked:e,onChange:d})]}),e&&(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(`div`,{className:`mt-4`,children:(0,Q.jsx)(Jt,{})}),(0,Q.jsxs)(h,{type:`button`,variant:`ghost`,onClick:()=>s(e=>!e),className:`mt-4 w-full justify-between px-3`,"aria-expanded":o,children:[(0,Q.jsxs)(`span`,{className:`flex items-center gap-2`,children:[o?(0,Q.jsx)(Xe,{className:`h-4 w-4`,"aria-hidden":!0}):(0,Q.jsx)(F,{className:`h-4 w-4`,"aria-hidden":!0}),`Video Domain Allowlist`]}),(0,Q.jsxs)(`span`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:[i.length,` domain`,i.length===1?``:`s`]})]}),o&&(0,Q.jsxs)(`div`,{className:`mt-3 space-y-3`,children:[(0,Q.jsxs)(`div`,{className:`flex items-end gap-2`,children:[(0,Q.jsx)(C,{label:`Add Domain`,type:`text`,value:c,onChange:e=>l(e.target.value),onKeyDown:e=>{e.key===`Enter`&&(e.preventDefault(),p())},placeholder:`Add domain (e.g. example.com)`,fullWidth:!0,wrapperClassName:`flex-1`}),(0,Q.jsx)(h,{variant:`primary`,size:`compact`,onClick:p,disabled:!u,children:`Add`})]}),i.length>0&&(0,Q.jsx)(`div`,{className:`flex justify-end`,children:(0,Q.jsx)(h,{type:`button`,variant:`ghost`,size:`compact`,onClick:g,disabled:_,tintColor:`var(--content-tertiary)`,children:`Reset to Defaults`})}),i.length>0&&(0,Q.jsx)(`ul`,{className:`space-y-2`,children:i.map(e=>(0,Q.jsxs)(`li`,{className:`flex items-center justify-between rounded-md border border-[var(--border-base)] px-3 py-2 text-body-medium-lighter`,children:[(0,Q.jsx)(`span`,{className:`font-mono text-[var(--content-default)]`,children:e}),(0,Q.jsx)(h,{variant:`dangerGhost`,size:`compact`,iconOnly:(0,Q.jsx)(Se,{}),onClick:()=>m(e),"aria-label":`Remove ${e}`})]},e))})]})]})]})}function $t(e){return e===`preview`?`preview`:`stable`}function en(e){if(!e)return`Unknown`;let t=new Date(e);return Number.isNaN(t.getTime())?`Unknown`:t.toLocaleString(void 0,{year:`numeric`,month:`short`,day:`numeric`,hour:`numeric`,minute:`2-digit`})}function tn(e){return e.source_release_version?`Stable ${e.source_release_version}`:e.snapshot_name}function nn(e){return e.filter(e=>e.ready_to_use)}function rn(e){return e?.feature_enabled===!1}function an({assistantId:e,onComplete:t}){let n=q.use.previewChannel(),r=u(),[i,a]=(0,Z.useState)(),[o,s]=(0,Z.useState)(!1),[c,l]=(0,Z.useState)(!1),[p,m]=(0,Z.useState)(`restore_backup`),[h,g]=(0,Z.useState)(``),_=Oe({path:{assistant_id:e}}),y=Ae({path:{assistant_id:e}}),b=xe({path:{id:e}}),{data:C,isLoading:w,isError:T}=d({..._,enabled:n,retry:!1}),E=C?.preview_backups??[],O=(0,Z.useMemo)(()=>nn(E),[E]),k=O[0],A=O.find(e=>e.snapshot_name===h)??k,j=()=>{r.invalidateQueries({queryKey:y}),r.invalidateQueries({queryKey:b}),t?.()},M=f(Fe()),N=f(Ce()),P=$t(C?.current_channel),F=M.isPending||N.isPending,ee=F||rn(C)||!C?.latest_preview_release,L=p===`restore_backup`&&!A;if((0,Z.useEffect)(()=>{a(P===`preview`?`release-channel`:void 0)},[P]),!n)return null;let te=C?.standard_upgrade_available??!1;return(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(v.Root,{type:`single`,collapsible:!0,value:i,onValueChange:e=>a(e||void 0),className:`mt-5 border-t border-[var(--border-base)] pt-5`,children:(0,Q.jsxs)(v.Item,{value:`release-channel`,id:`preview-release-channel`,children:[(0,Q.jsxs)(v.Trigger,{className:`group justify-between gap-3`,children:[(0,Q.jsxs)(`span`,{className:`flex min-w-0 items-center gap-2`,children:[(0,Q.jsx)(`span`,{className:`text-body-medium-default text-[var(--content-secondary)]`,children:`Release Channel`}),C&&(0,Q.jsx)(S,{tone:P===`preview`?`warning`:`neutral`,children:P===`preview`?`Preview`:`Stable`})]}),(0,Q.jsx)(Xe,{className:`h-4 w-4 shrink-0 text-[var(--content-tertiary)] transition-transform group-data-[state=open]:rotate-180`})]}),(0,Q.jsx)(v.Content,{children:(0,Q.jsxs)(`div`,{className:`mt-4 space-y-4`,children:[w&&(0,Q.jsxs)(`div`,{className:`flex items-center gap-2 text-body-medium-lighter text-[var(--content-tertiary)]`,children:[(0,Q.jsx)(I,{className:`h-4 w-4 animate-spin`}),`Loading release channel...`]}),T&&(0,Q.jsx)(x,{tone:`error`,title:`Could not load release channel status`,children:`Refresh this page before changing release channels.`}),C&&(0,Q.jsxs)(Q.Fragment,{children:[rn(C)&&(0,Q.jsx)(x,{tone:`neutral`,title:`Preview channel is unavailable`,children:`The Preview channel is not enabled for this assistant.`}),P===`stable`?(0,Q.jsx)(on,{status:C,isChangingChannel:F,optInDisabled:ee,onOptIn:()=>s(!0)}):(0,Q.jsx)(sn,{status:C,isChangingChannel:F,onOptOut:()=>{let e=k;g(e?.snapshot_name??``),m(e?`restore_backup`:te?`standard_upgrade`:`restore_backup`),l(!0)}})]})]})})]})}),(0,Q.jsx)(ln,{open:o,isPending:M.isPending,previewVersion:C?.latest_preview_release?.version,onConfirm:async()=>{try{let t=await M.mutateAsync({path:{assistant_id:e}});D.success(t.detail||`Preview channel enabled.`),s(!1),j()}catch(e){D.error(z(e,void 0,`Could not enable Preview channel.`))}},onCancel:()=>s(!1)}),(0,Q.jsx)(un,{open:c,backups:O,mode:p,selectedSnapshotName:A?.snapshot_name??``,isPending:N.isPending,restoreModeDisabled:L,standardUpgradeAvailable:te,onModeChange:m,onSnapshotChange:g,onConfirm:async()=>{if(!L)try{let t=await N.mutateAsync({path:{assistant_id:e},body:p===`restore_backup`?{mode:`restore_backup`,snapshot_name:A?.snapshot_name}:{mode:`standard_upgrade`}});D.success(t.detail||`Stable channel enabled.`),l(!1),j()}catch(e){D.error(z(e,void 0,`Could not switch to Stable.`))}},onCancel:()=>l(!1)})]})}function on({status:e,isChangingChannel:t,optInDisabled:n,onOptIn:r}){return(0,Q.jsxs)(`div`,{className:`space-y-4`,children:[(0,Q.jsx)(cn,{status:e}),!e.latest_preview_release&&(0,Q.jsx)(x,{tone:`neutral`,title:`No Preview release is available`,children:`Stable remains the only available release channel.`}),(0,Q.jsx)(h,{variant:`outlined`,leftIcon:t?(0,Q.jsx)(I,{className:`animate-spin`}):(0,Q.jsx)(ct,{}),disabled:n,onClick:r,children:`Opt in to Preview`})]})}function sn({status:e,isChangingChannel:t,onOptOut:n}){return(0,Q.jsxs)(`div`,{className:`space-y-4`,children:[(0,Q.jsx)(cn,{status:e}),(0,Q.jsx)(h,{variant:`outlined`,leftIcon:t?(0,Q.jsx)(I,{className:`animate-spin`}):(0,Q.jsx)(Je,{}),disabled:t,onClick:n,children:`Switch back to Stable`})]})}function cn({status:e}){return(0,Q.jsxs)(`dl`,{className:`grid gap-3 text-body-medium-lighter sm:grid-cols-2`,children:[(0,Q.jsxs)(`div`,{children:[(0,Q.jsx)(`dt`,{className:`text-[var(--content-tertiary)]`,children:`Latest Stable`}),(0,Q.jsx)(`dd`,{className:`break-all text-[var(--content-default)]`,children:e.latest_stable_release?.version??`None`})]}),(0,Q.jsxs)(`div`,{children:[(0,Q.jsx)(`dt`,{className:`text-[var(--content-tertiary)]`,children:`Latest Preview`}),(0,Q.jsx)(`dd`,{className:`break-all text-[var(--content-default)]`,children:e.latest_preview_release?.version??`None`})]})]})}function ln({open:e,isPending:t,previewVersion:n,onConfirm:r,onCancel:i}){return(0,Q.jsx)(E.Root,{open:e,onOpenChange:e=>!e&&i(),children:(0,Q.jsxs)(E.Content,{size:`md`,hideCloseButton:t,children:[(0,Q.jsxs)(E.Header,{children:[(0,Q.jsx)(E.Title,{icon:Me,children:`Opt in to Preview`}),(0,Q.jsx)(E.Description,{children:`Preview releases may be unstable. A 90-day safety backup is taken before the image changes.`})]}),(0,Q.jsx)(E.Body,{children:(0,Q.jsxs)(`div`,{className:`space-y-3`,children:[(0,Q.jsx)(x,{tone:`warning`,title:`Data loss may occur when returning to Stable`,children:`Preview data may not be compatible with the Stable channel. The safety backup lets you restore the Stable-channel data that existed before opt-in.`}),(0,Q.jsxs)(`ol`,{className:`list-decimal space-y-2 pl-5 text-body-medium-lighter text-[var(--content-secondary)]`,children:[(0,Q.jsx)(`li`,{children:`Create and verify a Preview safety backup.`}),(0,Q.jsxs)(`li`,{children:[`Switch to Preview image `,n??`latest`,`.`]}),(0,Q.jsx)(`li`,{children:`Run the normal upgrade path and wait for health.`})]})]})}),(0,Q.jsxs)(E.Footer,{children:[(0,Q.jsx)(h,{variant:`outlined`,disabled:t,onClick:i,children:`Cancel`}),(0,Q.jsx)(h,{variant:`primary`,disabled:t,leftIcon:t?(0,Q.jsx)(I,{className:`animate-spin`}):(0,Q.jsx)(ct,{}),onClick:r,children:t?`Switching...`:`Take Backup and Switch`})]})]})})}function un({open:e,backups:t,mode:n,selectedSnapshotName:r,isPending:i,restoreModeDisabled:a,standardUpgradeAvailable:o,onModeChange:s,onSnapshotChange:c,onConfirm:l,onCancel:u}){return(0,Q.jsx)(E.Root,{open:e,onOpenChange:e=>!e&&u(),children:(0,Q.jsxs)(E.Content,{size:`md`,hideCloseButton:i,children:[(0,Q.jsxs)(E.Header,{children:[(0,Q.jsx)(E.Title,{icon:Me,children:`Switch back to Stable`}),(0,Q.jsx)(E.Description,{children:`Choose how this assistant should leave the Preview channel.`})]}),(0,Q.jsx)(E.Body,{children:(0,Q.jsxs)(`div`,{className:`space-y-4`,children:[(0,Q.jsxs)(_,{value:n,onValueChange:s,disabled:i,"aria-label":`Stable channel return method`,children:[(0,Q.jsx)(y,{value:`restore_backup`,disabled:t.length===0,label:`Restore safety backup`,helperText:`Return to the Stable-channel data captured before Preview opt-in.`}),(0,Q.jsx)(y,{value:`standard_upgrade`,disabled:!o,label:`Switch to Stable without restoring backup`,helperText:o?`Keep the current data and directly switch to the Stable image.`:`Unavailable because the latest Stable release is older than this assistant's Preview release.`})]}),n===`restore_backup`&&t.length>0&&(0,Q.jsxs)(`label`,{className:`flex flex-col gap-1 text-body-medium-default text-[var(--content-secondary)]`,children:[`Safety backup`,(0,Q.jsx)(g,{value:r,onChange:c,disabled:i,options:t.map(e=>({value:e.snapshot_name,label:`${tn(e)} - ${en(e.created_at)}`}))})]}),n===`restore_backup`&&t.length===0&&!o&&(0,Q.jsx)(x,{tone:`error`,title:`Stable requires a safety backup`,children:`This Preview release is newer than the latest Stable release, so switching directly is blocked. Wait for a newer Stable release, or run Vellum Doctor if the safety backup is missing.`}),n===`standard_upgrade`&&(0,Q.jsx)(x,{tone:`error`,title:`Preview data may not survive this`,children:`Switching directly to the Stable image without restoring the safety backup may cause data loss or leave the assistant unusable if Preview data is incompatible with Stable.`})]})}),(0,Q.jsxs)(E.Footer,{children:[(0,Q.jsx)(h,{variant:`outlined`,disabled:i,onClick:u,children:`Cancel`}),(0,Q.jsx)(h,{variant:n===`standard_upgrade`?`danger`:`primary`,disabled:i||a||n===`standard_upgrade`&&!o,leftIcon:i?(0,Q.jsx)(I,{className:`animate-spin`}):(0,Q.jsx)(rt,{}),onClick:l,children:i?`Switching...`:`Switch to Stable`})]})]})})}function dn({assistant:e,healthz:t,healthzLoading:n,healthzPolling:r,refetch:i,refetchUntilResized:a}){let o=c(),s=d(et()),u=s.data,f=!e.is_local,p=u?.plan_id===`pro`,m=d({...st(),enabled:p}),_=e.machine_size||`small`,v=te(m.data?.max_machine_tier??null),y=(0,Z.useMemo)(()=>re(v,_,(0,Q.jsx)(S,{tone:`positive`,children:`Current`})),[v,_]),b=m.data?.selected_storage_gib??null,[C,w]=(0,Z.useState)(!1),T=v.length>0?v[v.length-1]:null,[O,k]=(0,Z.useState)(null),A=O??T??_,[j,M]=(0,Z.useState)(null),[N,P]=(0,Z.useState)(null),F=Ze({onSuccess:(e,n)=>{D.success(`Resize started. Changes will apply shortly.`,{id:`assistant-resize`}),P(null),k(null),w(!1),n.body?.machine_size==null?i():a(t)},onError:e=>{P(oe(e,`Failed to resize assistant. Please try again.`))}});if(s.isError&&u==null)return(0,Q.jsx)(Y,{id:`storage-resources`,title:`Compute & Resources`,subtitle:`Monitor resource usage and manage your assistant's compute profile.`,children:(0,Q.jsx)(x,{tone:`error`,children:`Could not load your subscription. Please try again.`})});let L=p&&v.includes(A)&&A!==_?A:null,R=p&&b!=null&&!0,z=p&&v.length>0&&ae(_)<ae(v[v.length-1]),B=F.isPending||r,V=b==null?t?.disk?.totalMb??null:b*1024,H=t?.disk&&V!=null?{value:t.disk.usedMb,max:V,caption:`${X(t.disk.usedMb)} of ${X(V)}`}:null,U=t?.cpu?{value:t.cpu.currentPercent,max:100,caption:`${t.cpu.currentPercent.toFixed(1)}%`}:null,W=t?.memory?{value:t.memory.currentMb,max:t.memory.maxMb,caption:`${X(t.memory.currentMb)} of ${X(t.memory.maxMb)}`}:null,se=f?p?R?(0,Q.jsxs)(`button`,{type:`button`,disabled:B,onClick:()=>w(!0),className:`flex items-center gap-1.5 rounded-lg border border-amber-500/30 bg-amber-500/15 px-3 py-1.5 text-body-small-default font-medium text-amber-400 transition-colors hover:bg-amber-500/25 disabled:opacity-50`,children:[(0,Q.jsx)(Te,{className:`h-3.5 w-3.5`}),`Increase Storage`]}):(0,Q.jsx)(h,{variant:`ghost`,size:`compact`,disabled:B,onClick:()=>w(!0),children:`Resize`}):(0,Q.jsx)(h,{variant:`ghost`,size:`compact`,onClick:()=>M(`storage`),children:`Resize`}):null,ce=f?p?z?(0,Q.jsxs)(`button`,{type:`button`,disabled:B,onClick:()=>w(!0),className:`flex items-center gap-1.5 rounded-lg border border-amber-500/30 bg-amber-500/15 px-3 py-1.5 text-body-small-default font-medium text-amber-400 transition-colors hover:bg-amber-500/25 disabled:opacity-50`,children:[(0,Q.jsx)(Te,{className:`h-3.5 w-3.5`}),`Increase Size`]}):(0,Q.jsx)(h,{variant:`ghost`,size:`compact`,disabled:B,onClick:()=>w(!0),children:`Resize`}):(0,Q.jsx)(h,{variant:`ghost`,size:`compact`,onClick:()=>M(`machine`),children:`Resize`}):null;return(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(Y,{id:`storage-resources`,title:`Compute & Resources`,subtitle:`Monitor resource usage and manage your assistant's compute profile.`,compactAccessory:!0,accessory:(0,Q.jsx)(h,{variant:`ghost`,size:`compact`,iconOnly:n||r?(0,Q.jsx)(I,{className:`animate-spin`}):(0,Q.jsx)(rt,{}),tooltip:r?`Applying resize…`:`Refresh resource metrics`,"aria-label":`Refresh resource metrics`,disabled:n||r,onClick:()=>void i()}),children:(0,Q.jsxs)(`div`,{className:`grid grid-cols-1 gap-2 sm:grid-cols-[1fr_2fr]`,children:[(0,Q.jsxs)(`div`,{className:`flex flex-col rounded-lg bg-[var(--surface-base)] p-3`,children:[(0,Q.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,Q.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,Q.jsx)(`span`,{className:`text-[var(--content-tertiary)]`,children:(0,Q.jsx)(ee,{className:`h-3.5 w-3.5`})}),(0,Q.jsx)(`span`,{className:`text-label-medium-default text-[var(--content-tertiary)]`,children:`Disk`})]}),se]}),(0,Q.jsxs)(`div`,{className:`mt-auto flex flex-col gap-1 pt-3`,children:[(0,Q.jsx)(`span`,{className:`text-label-medium-default text-[var(--content-tertiary)]`,children:`Storage`}),H?(0,Q.jsx)(ht,{value:H.value,max:H.max,caption:H.caption}):n?(0,Q.jsx)(`div`,{className:`flex items-center gap-2 text-[var(--content-tertiary)]`,children:(0,Q.jsx)(I,{className:`h-3 w-3 animate-spin`})}):(0,Q.jsx)(`span`,{className:`text-label-medium-default text-[var(--content-tertiary)]`,children:`Unavailable`})]})]}),(0,Q.jsxs)(`div`,{className:`flex flex-col rounded-lg bg-[var(--surface-base)] p-3`,children:[(0,Q.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,Q.jsxs)(`div`,{className:`flex items-center gap-1.5`,children:[(0,Q.jsx)(`span`,{className:`text-[var(--content-tertiary)]`,children:(0,Q.jsx)(ne,{className:`h-3.5 w-3.5`})}),(0,Q.jsx)(`span`,{className:`text-label-medium-default text-[var(--content-tertiary)]`,children:`Machine`}),(0,Q.jsx)(S,{tone:`neutral`,children:ie[_]})]}),ce]}),(0,Q.jsxs)(`div`,{className:`mt-auto grid grid-cols-2 gap-3 pt-3`,children:[(0,Q.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,Q.jsx)(`span`,{className:`text-label-medium-default text-[var(--content-tertiary)]`,children:`CPU`}),U?(0,Q.jsx)(ht,{value:U.value,max:U.max,caption:U.caption}):n?(0,Q.jsx)(`div`,{className:`flex items-center gap-2 text-[var(--content-tertiary)]`,children:(0,Q.jsx)(I,{className:`h-3 w-3 animate-spin`})}):(0,Q.jsx)(`span`,{className:`text-label-medium-default text-[var(--content-tertiary)]`,children:`—`})]}),(0,Q.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[(0,Q.jsx)(`span`,{className:`text-label-medium-default text-[var(--content-tertiary)]`,children:`Memory`}),W?(0,Q.jsx)(ht,{value:W.value,max:W.max,caption:W.caption}):n?(0,Q.jsx)(`div`,{className:`flex items-center gap-2 text-[var(--content-tertiary)]`,children:(0,Q.jsx)(I,{className:`h-3 w-3 animate-spin`})}):(0,Q.jsx)(`span`,{className:`text-label-medium-default text-[var(--content-tertiary)]`,children:`—`})]})]})]})]})}),(0,Q.jsx)(E.Root,{open:j!=null,onOpenChange:e=>{e||M(null)},children:(0,Q.jsxs)(E.Content,{size:`sm`,children:[(0,Q.jsxs)(E.Header,{children:[(0,Q.jsx)(E.Title,{children:`Upgrade to Pro`}),(0,Q.jsx)(E.Description,{children:j===`storage`?`Upgrade to the Pro plan to increase your storage allocation and get more space for your assistant.`:`Upgrade to the Pro plan to unlock larger machine sizes with more CPU and memory for your assistant.`})]}),(0,Q.jsxs)(E.Footer,{children:[(0,Q.jsx)(h,{variant:`ghost`,onClick:()=>M(null),children:`Cancel`}),(0,Q.jsx)(h,{onClick:()=>{M(null),o(`${K.settings.billing}?adjust_plan=1`)},children:`Upgrade`})]})]})}),(0,Q.jsx)(E.Root,{open:C,onOpenChange:e=>{e||(w(!1),k(null),P(null))},children:(0,Q.jsxs)(E.Content,{size:`sm`,children:[(0,Q.jsxs)(E.Header,{children:[(0,Q.jsx)(E.Title,{icon:ne,children:`Resize Assistant`}),(0,Q.jsx)(E.Description,{children:`Resize your assistant's compute and storage. Your assistant will briefly restart.`})]}),(0,Q.jsx)(E.Body,{children:(0,Q.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[v.length===0?(0,Q.jsx)(x,{tone:`warning`,children:`No machine tier configured. Visit the community for help.`}):(0,Q.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,Q.jsx)(`span`,{className:`text-label-medium-default text-[var(--content-secondary)]`,children:`Machine Size`}),(0,Q.jsx)(g,{options:y,value:A,onChange:k,"aria-label":`Compute machine size`,"data-testid":`resize-machine-size`})]}),R?(0,Q.jsx)(x,{tone:`info`,children:`Storage will be expanded to ${b} GiB.`}):(0,Q.jsx)(x,{tone:`neutral`,children:`Storage will not change.`}),N&&(0,Q.jsx)(x,{tone:`error`,children:N})]})}),(0,Q.jsxs)(E.Footer,{className:`items-center justify-between`,children:[(0,Q.jsxs)(`span`,{className:`text-label-small-default text-[var(--content-tertiary)]`,children:[`Need more?`,` `,(0,Q.jsx)(l,{to:`${K.settings.billing}?adjust_plan=1`,className:`text-[var(--content-secondary)] underline decoration-[var(--border-element)] underline-offset-2 transition-colors hover:text-[var(--content-default)]`,onClick:()=>w(!1),children:`Upgrade plan`})]}),(0,Q.jsxs)(`div`,{className:`flex gap-2`,children:[(0,Q.jsx)(h,{variant:`ghost`,onClick:()=>{w(!1),k(null),P(null)},children:`Cancel`}),(0,Q.jsx)(h,{disabled:L==null&&!R||B,leftIcon:B?(0,Q.jsx)(I,{className:`animate-spin`}):void 0,onClick:()=>{P(null);let t={};L!=null&&(t.machine_size=L),R&&b!=null&&(t.storage_gib=b),F.mutate({path:{id:e.id},body:t})},children:N?`Retry`:`Apply`})]})]})]})})]})}function fn({assistantId:e}){let t=c(),[n,r]=(0,Z.useState)(!1),[i,a]=(0,Z.useState)(!1);return(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(h,{variant:`dangerOutline`,onClick:()=>r(!0),className:`shrink-0`,children:`Retire Assistant`}),(0,Q.jsx)(lt,{open:n,isPending:i,onConfirm:async()=>{a(!0);let n=await it(e);if(n.ok){r(!1),t(n.nextRoute,{replace:!0});return}D.error(n.error),a(!1),r(!1)},onCancel:()=>r(!1)})]})}var pn=`UTC.Africa/Cairo.Africa/Johannesburg.Africa/Lagos.Africa/Nairobi.America/Anchorage.America/Argentina/Buenos_Aires.America/Bogota.America/Chicago.America/Denver.America/Halifax.America/Lima.America/Los_Angeles.America/Mexico_City.America/New_York.America/Phoenix.America/Santiago.America/Sao_Paulo.America/Toronto.America/Vancouver.Asia/Bangkok.Asia/Dubai.Asia/Hong_Kong.Asia/Jakarta.Asia/Jerusalem.Asia/Karachi.Asia/Kolkata.Asia/Kuala_Lumpur.Asia/Manila.Asia/Seoul.Asia/Shanghai.Asia/Singapore.Asia/Taipei.Asia/Tokyo.Australia/Melbourne.Australia/Perth.Australia/Sydney.Europe/Amsterdam.Europe/Athens.Europe/Berlin.Europe/Brussels.Europe/Dublin.Europe/Istanbul.Europe/Lisbon.Europe/London.Europe/Madrid.Europe/Moscow.Europe/Paris.Europe/Rome.Europe/Stockholm.Europe/Vienna.Europe/Warsaw.Europe/Zurich.Pacific/Auckland.Pacific/Honolulu`.split(`.`);function mn(){let e=Intl;if(typeof e.supportedValuesOf==`function`)try{let t=e.supportedValuesOf(`timeZone`);if(t.length>0)return[...t].sort()}catch{}return[...pn].sort()}function hn(e){let t=e.split(`/`),n=(t[t.length-1]??e).replace(/_/g,` `),r=t.length>1?(t[0]??``).replace(/_/g,` `):``,i=0,a=``;try{let t=new Intl.DateTimeFormat(`en-US`,{timeZone:e,timeZoneName:`shortOffset`}).formatToParts(new Date).find(e=>e.type===`timeZoneName`)?.value??`GMT`;a=t.startsWith(`GMT`)||t.startsWith(`UTC`)?t:`GMT ${t}`;let n=t.match(/([+-])(\d{1,2})(?::(\d{2}))?/);if(n){let e=n[1]===`-`?-1:1,t=parseInt(n[2]??`0`,10),r=parseInt(n[3]??`0`,10);i=e*(t*60+r)}}catch{return null}return{identifier:e,city:n,region:r,offsetLabel:a,offsetMinutes:i}}function gn(e){try{return new Intl.DateTimeFormat(`en-US`,{timeZone:e,hour:`numeric`,minute:`2-digit`,hour12:!0}).format(new Date)}catch{return``}}function _n(e){if(!e)return`Not set`;try{let t=new Intl.DateTimeFormat(`en-US`,{timeZone:e,timeZoneName:`long`}).formatToParts(new Date).find(e=>e.type===`timeZoneName`)?.value;if(t)return t}catch{}return e.replace(/_/g,` `)}function vn({value:e,onChange:t}){let[n,r]=(0,Z.useState)(``),[i,a]=(0,Z.useState)(``),[o,s]=(0,Z.useState)(!1),c=(0,Z.useRef)(null),l=(0,Z.useRef)(null),u=(0,Z.useMemo)(()=>mn().map(e=>hn(e)).filter(e=>e!==null),[]);(0,Z.useEffect)(()=>{let e=window.setTimeout(()=>{a(n.trim().toLowerCase())},200);return()=>window.clearTimeout(e)},[n]),(0,Z.useEffect)(()=>{if(!o)return;let e=e=>{c.current&&!c.current.contains(e.target)&&s(!1)};return document.addEventListener(`mousedown`,e),()=>document.removeEventListener(`mousedown`,e)},[o]);let d=(0,Z.useMemo)(()=>i?u.filter(e=>e.city.toLowerCase().includes(i)||e.region.toLowerCase().includes(i)||e.offsetLabel.toLowerCase().includes(i)||e.identifier.toLowerCase().includes(i)):u,[u,i]),f=(0,Z.useMemo)(()=>{if(!e)return``;let t=e.split(`/`);return(t[t.length-1]??e).replace(/_/g,` `)},[e]),p=e=>{t(e),r(``),s(!1),l.current?.blur()};return(0,Q.jsxs)(`div`,{ref:c,className:`space-y-3`,children:[(0,Q.jsxs)(`div`,{className:`flex flex-col gap-1.5 md:flex-row md:items-center md:justify-between md:gap-4`,children:[(0,Q.jsx)(`span`,{className:`text-body-medium-lighter text-[var(--content-tertiary)]`,children:`Closest city`}),(0,Q.jsxs)(`div`,{className:`relative w-full md:max-w-[280px]`,children:[(0,Q.jsx)(C,{ref:l,type:`text`,value:n,placeholder:f||`Search city or country...`,onChange:e=>{r(e.target.value),s(!0)},onFocus:()=>s(!0),onKeyDown:e=>{e.key===`Escape`&&(r(``),s(!1),l.current?.blur())},fullWidth:!0}),o&&d.length>0&&(0,Q.jsx)(`div`,{className:`absolute left-0 right-0 top-full z-20 mt-1 max-h-[240px] overflow-y-auto rounded-md border border-[var(--border-base)] bg-[var(--surface-lift)] shadow-lg`,children:d.slice(0,200).map(t=>(0,Q.jsxs)(`button`,{type:`button`,onClick:()=>p(t.identifier),className:`flex w-full cursor-pointer items-center justify-between gap-3 px-3 py-2 text-left text-body-medium-lighter transition-colors ${t.identifier===e?`bg-[var(--surface-active)] text-[var(--content-default)]`:`text-[var(--content-default)] hover:bg-[var(--surface-active)]`}`,children:[(0,Q.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,Q.jsx)(`div`,{className:`truncate text-body-medium-default`,children:t.city}),t.region&&(0,Q.jsx)(`div`,{className:`truncate text-body-small-default text-[var(--content-tertiary)]`,children:t.region})]}),(0,Q.jsxs)(`div`,{className:`flex shrink-0 flex-col items-end gap-0.5 text-body-small-default text-[var(--content-tertiary)]`,children:[(0,Q.jsx)(`span`,{children:gn(t.identifier)}),(0,Q.jsx)(`span`,{children:t.offsetLabel})]})]},t.identifier))})]})]}),(0,Q.jsx)(Jt,{}),(0,Q.jsxs)(`div`,{className:`flex items-center justify-between gap-4`,children:[(0,Q.jsx)(`span`,{className:`text-body-medium-lighter text-[var(--content-tertiary)]`,children:`Time zone`}),(0,Q.jsx)(`span`,{className:`text-body-medium-lighter text-[var(--content-default)]`,children:_n(e)})]})]})}function yn(){let e=q.use.velvet(),[t,n]=(0,Z.useState)(()=>Ue({velvetEnabled:e}));return(0,Z.useEffect)(()=>{n(Ue({velvetEnabled:e}))},[e]),(0,Z.useEffect)(()=>a(`theme`,()=>{n(Ue({velvetEnabled:e}))}),[e]),(0,Z.useEffect)(()=>{Be(t)},[t]),(0,Q.jsx)(Y,{title:`Theme`,children:(0,Q.jsx)(`div`,{className:`max-w-[360px]`,children:(0,Q.jsx)(T,{ariaLabel:`Theme`,value:t,onChange:e=>{n(e),we(e),Be(e)},items:[{value:`system`,label:`System`,icon:(0,Q.jsx)(tt,{className:`h-4 w-4`})},{value:`light`,label:`Light`,icon:(0,Q.jsx)(Le,{className:`h-4 w-4`})},{value:`dark`,label:`Dark`,icon:(0,Q.jsx)(L,{className:`h-4 w-4`})},...e?[{value:`velvet`,label:`Velvet`,icon:(0,Q.jsx)(je,{className:`h-4 w-4`})}]:[]]})})})}function bn(){let e=A.use.activeAssistantId(),[t,n]=(0,Z.useState)(()=>i(`timezone`,``)),a=(0,Z.useRef)(e);(0,Z.useEffect)(()=>{a.current=e},[e]);let s=(0,Z.useRef)(!1),c=(0,Z.useRef)(null),l=(0,Z.useRef)(()=>{}),u=e=>{if(s.current){c.current=e;return}let t=a.current;if(!t){c.current=null;return}s.current=!0,c.current=null,de.patch({url:`/v1/assistants/{assistant_id}/config`,path:{assistant_id:t},body:{ui:{userTimezone:e}},throwOnError:!0}).catch(e=>{o(e,{context:`settings-timezone-override`})}).finally(()=>{s.current=!1;let e=c.current;c.current=null,e!==null&&l.current(e)})};return(0,Z.useEffect)(()=>{l.current=u}),(0,Q.jsx)(Y,{title:`Timezone`,subtitle:`Used when displaying times and scheduling reminders.`,children:(0,Q.jsx)(vn,{value:t,onChange:e=>{n(e),r(`timezone`,e),u(e)}})})}function xn(){let{assistant:e,assistantLoading:t,healthz:n,healthzLoading:r,healthzPolling:i,refetch:a,refetchUntilResized:o}=gt(),s=q.use.multiPlatformAssistant(),l=_e.use.settingsSleepPolicy(),u=se(),d=c(),f=Re(),p=Re({platformHostedOnly:!0}),m=De(),h=ot({assistantId:e?.id??null,enabled:p===`full`&&m}),g=e?.is_local&&!j()?null:e,_=k(),v=j()&&!!e&&!!_&&O(_);return(0,Z.useEffect)(()=>{!e||window.location.hash!==`#storage-resources`||requestAnimationFrame(()=>{document.getElementById(`storage-resources`)?.scrollIntoView({block:`start`})})},[e]),(0,Q.jsxs)(`div`,{className:`space-y-4`,children:[h.status&&h.mode!==`inactive`&&(0,Q.jsx)(We,{status:h.status,mode:h.mode,isAcknowledging:h.isAcknowledging,acknowledgeError:h.acknowledgeError?.message??null,onAcknowledge:()=>void h.acknowledge(),onReviewWorkspaceData:()=>void d(`${K.workspace}?sort=size`),onUpgradeStorage:p===`full`?()=>void d(`${K.settings.billing}?adjust_plan=1`):null}),(0,Q.jsx)(Y,{title:`General`,children:(0,Q.jsx)(_t,{assistant:g,assistantLoading:t,healthz:n,healthzLoading:r})}),u&&f===`full`&&(0,Q.jsx)(jt,{assistant:m?g:null}),p===`full`&&e&&(0,Q.jsx)(dn,{assistant:e,healthz:n,healthzLoading:r,healthzPolling:i,refetch:a,refetchUntilResized:o}),p===`disabled`&&(0,Q.jsx)(Y,{id:`storage-resources`,title:`Compute & Resources`,subtitle:`Monitor resource usage and manage your assistant's compute profile.`,children:(0,Q.jsx)(x,{tone:`info`,children:`Log in to the Vellum platform to manage compute resources.`})}),(0,Q.jsx)(yn,{}),(0,Q.jsx)(Vt,{}),M()&&(0,Q.jsx)(qt,{}),p===`full`&&g&&(0,Q.jsxs)(Y,{title:`Software Updates`,children:[(0,Q.jsx)(Bt,{assistantId:g.id,currentVersion:n?.version??g.current_release_version??null,releaseChannel:g.release_channel,onUpgradeComplete:()=>{a()}}),(0,Q.jsx)(an,{assistantId:g.id,onComplete:()=>{a()}})]}),p===`disabled`&&(0,Q.jsx)(Y,{title:`Software Updates`,children:(0,Q.jsx)(x,{tone:`info`,children:`Log in to the Vellum platform to manage software updates.`})}),(0,Q.jsx)(Wt,{}),p===`full`&&g&&l&&(0,Q.jsx)(Y,{title:`Sleep Policy`,subtitle:`Control how long this assistant stays awake when idle.`,children:(0,Q.jsx)(It,{assistantId:g.id})}),p===`disabled`&&l&&(0,Q.jsx)(Y,{title:`Sleep Policy`,subtitle:`Control how long this assistant stays awake when idle.`,children:(0,Q.jsx)(x,{tone:`info`,children:`Log in to the Vellum platform to manage sleep policy.`})}),(0,Q.jsx)(bn,{}),(0,Q.jsx)(Qt,{}),s&&(0,Q.jsx)(Nt,{}),(f===`full`||v)&&g&&(0,Q.jsx)(Y,{variant:`danger`,title:`Retire Assistant`,subtitle:`Permanently retire this assistant and delete all associated data.`,children:(0,Q.jsx)(fn,{assistantId:g.id})}),f===`disabled`&&!v&&(0,Q.jsx)(Y,{variant:`danger`,title:`Retire Assistant`,subtitle:`Permanently retire this assistant and delete all associated data.`,children:(0,Q.jsx)(x,{tone:`info`,children:`Log in to the Vellum platform to retire this assistant.`})}),(0,Q.jsx)(Ht,{})]})}export{xn as GeneralPage};

package/dist/assets/home-page-route-CscFeAio.js

@@ -1 +0,0 @@
-import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./react-DJZBPgpf.js";import{d as n}from"./chunk-5KNZJZUH-DdS6bb-3.js";import{n as r}from"./QueryClientProvider-DKhXIxGb.js";import{t as i}from"./useQuery-B45lW1Kk.js";import{t as a}from"./jsx-runtime-CVSDxk6A.js";import{t as o}from"./cn-DFqQkJlk.js";import{n as s,t as c}from"./button-CHADMNBN.js";import{t as l}from"./typography-Czgs_2w_.js";import{t as u}from"./menu-B79-l6IU.js";import{l as d,n as f}from"./src-sv64XKrp.js";import{t as p}from"./tag-Ccr7Quy6.js";import{t as m}from"./createLucideIcon-D6d6iDdi.js";import{t as h}from"./bell-C7RL04h4.js";import{t as g}from"./calendar-CwOLKT3p.js";import{t as _}from"./chevron-right-C0jZwqbo.js";import{t as v}from"./ellipsis-vertical-7F3IBZeB.js";import{t as ee}from"./globe-C_ncZc9n.js";import{t as te}from"./pencil-CHKcVSER.js";import{t as ne}from"./target-B4WucRdE.js";import{t as re}from"./wand-sparkles-yOk7OJND.js";import{t as y}from"./x-Df0EF2EP.js";import{D as ie,E as ae}from"./react-query.gen-Bngm3HTF.js";import{T as b}from"./auth-store-Y5mWi11L.js";import{a as x}from"./routes-DLEaIDYY.js";import{n as S}from"./use-is-mobile-C5MpTbZg.js";import{t as C}from"./viewer-store-ifiJtqiX.js";import{t as w}from"./conversation-store-WsKQTo9S.js";import{$a as oe,$n as se,Dr as ce,Ea as le,Ei as ue,Fa as de,Fi as T,Gi as fe,Hi as E,Hn as pe,Ia as me,Ji as he,Jn as ge,La as _e,Li as ve,Ma as ye,Mr as be,Or as D,Pa as O,Pi as k,Ri as A,So as j,Ta as M,Ti as N,Vi as P,Xi as xe,Xn as Se,Ya as Ce,Yi as F,Yn as we,Z as Te,Za as Ee,Zi as De,aa as Oe,ba as ke,co as Ae,ea as I,fa as je,ga as L,ki as Me,la as Ne,oo as Pe,pa as Fe,qi as Ie,qn as Le,ra as Re,sa as ze,ut as Be,va as Ve,wa as He,xa as R,za as Ue,zi as We}from"./index-oaZGNNfo.js";import{t as Ge}from"./use-active-assistant-id-CfZSuINA.js";import{n as Ke,t as qe}from"./lib-DEocfHq3.js";import{n as z,r as B}from"./format-date-Dmfidg1n.js";var Je=m(`alarm-clock`,[[`circle`,{cx:`12`,cy:`13`,r:`8`,key:`3y4lt7`}],[`path`,{d:`M12 9v4l2 2`,key:`1c63tq`}],[`path`,{d:`M5 3 2 6`,key:`18tl5t`}],[`path`,{d:`m22 6-3-3`,key:`1opdir`}],[`path`,{d:`M6.38 18.7 4 21`,key:`17xu3x`}],[`path`,{d:`M17.64 18.67 20 21`,key:`kv2oe2`}]]),Ye=m(`book-open`,[[`path`,{d:`M12 7v14`,key:`1akyts`}],[`path`,{d:`M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z`,key:`ruj8y`}]]),Xe=m(`briefcase`,[[`path`,{d:`M16 20V4a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v16`,key:`jecpp`}],[`rect`,{width:`20`,height:`14`,x:`2`,y:`6`,rx:`2`,key:`i6l2r4`}]]),Ze=m(`graduation-cap`,[[`path`,{d:`M21.42 10.922a1 1 0 0 0-.019-1.838L12.83 5.18a2 2 0 0 0-1.66 0L2.6 9.08a1 1 0 0 0 0 1.832l8.57 3.908a2 2 0 0 0 1.66 0z`,key:`j76jl0`}],[`path`,{d:`M22 10v6`,key:`1lu8f3`}],[`path`,{d:`M6 12.5V16a6 3 0 0 0 12 0v-3.5`,key:`1r8lef`}]]),Qe=m(`list-todo`,[[`path`,{d:`M13 5h8`,key:`a7qcls`}],[`path`,{d:`M13 12h8`,key:`h98zly`}],[`path`,{d:`M13 19h8`,key:`c3s6r1`}],[`path`,{d:`m3 17 2 2 4-4`,key:`1jhpwq`}],[`rect`,{x:`3`,y:`4`,width:`6`,height:`6`,rx:`1`,key:`cif1o7`}]]),V=m(`mail-open`,[[`path`,{d:`M21.2 8.4c.5.38.8.97.8 1.6v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V10a2 2 0 0 1 .8-1.6l8-6a2 2 0 0 1 2.4 0l8 6Z`,key:`1jhwl8`}],[`path`,{d:`m22 10-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 10`,key:`1qfld7`}]]),$e=m(`plane`,[[`path`,{d:`M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.5 1.5L13 8 4.8 6.2c-.5-.1-.9.1-1.1.5l-.3.5c-.2.5-.1 1 .3 1.3L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.5 5.3c.3.4.8.5 1.3.3l.5-.2c.4-.3.6-.7.5-1.2z`,key:`1v9wt8`}]]),et=m(`square-check-big`,[[`path`,{d:`M21 10.656V19a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h12.344`,key:`2acyp4`}],[`path`,{d:`m9 11 3 3L22 4`,key:`1pflzl`}]]),H=e(t(),1),U=a(),W={security:{icon:Ie,strong:`var(--feed-nudge-strong)`,weak:`var(--feed-nudge-weak)`},email:{icon:R,strong:`var(--feed-digest-strong)`,weak:`var(--feed-digest-weak)`},scheduling:{icon:Pe,strong:`var(--feed-thread-strong)`,weak:`var(--feed-thread-weak)`},background:{icon:F,strong:`var(--system-info-strong)`,weak:`var(--system-info-weak)`},system:{icon:h,strong:`var(--feed-digest-strong)`,weak:`var(--feed-digest-weak)`}},tt=[`security`,`email`,`scheduling`,`background`,`system`];function G({icon:e,iconColor:t,bgColor:n,isSelected:r,label:i,onClick:a}){return(0,U.jsx)(`button`,{type:`button`,"aria-label":i,"aria-pressed":r,onClick:a,className:o(`flex shrink-0 cursor-pointer items-center justify-center rounded-full transition-opacity`,r?`opacity-100`:`opacity-50 hover:opacity-75`),style:{width:26,height:26,backgroundColor:n},children:(0,U.jsx)(e,{width:12,height:12,style:{color:t},"aria-hidden":`true`})})}function nt({categories:e,activeFilter:t,onFilterChange:n}){let r=tt.filter(t=>e.includes(t));return r.length<=1?null:(0,U.jsxs)(`div`,{className:`flex items-center gap-[var(--app-spacing-sm)] overflow-x-auto`,children:[(0,U.jsx)(l,{variant:`body-small-default`,className:`shrink-0 text-[var(--content-tertiary)]`,children:`Filter:`}),(0,U.jsx)(G,{icon:He,iconColor:`var(--content-secondary)`,bgColor:`var(--surface-overlay)`,isSelected:t===null,label:`All`,onClick:()=>n(null)}),r.map(e=>{let r=W[e];return(0,U.jsx)(G,{icon:r.icon,iconColor:r.strong,bgColor:r.weak,isSelected:t===e,label:e.charAt(0).toUpperCase()+e.slice(1),onClick:()=>n(e)},e)})]})}function rt(e,t){!t||!b()||(e.preventDefault(),Be(t))}var it={p:({children:e})=>(0,U.jsx)(`p`,{className:`mb-2 text-body-medium-default last:mb-0`,style:{color:`var(--content-secondary)`},children:e}),strong:({children:e})=>(0,U.jsx)(`strong`,{style:{color:`var(--content-default)`},children:e}),em:({children:e})=>(0,U.jsx)(`em`,{style:{color:`var(--content-default)`},children:e}),a:({href:e,children:t})=>(0,U.jsx)(`a`,{href:e,className:`underline`,style:{color:`var(--content-link)`},target:`_blank`,rel:`noopener noreferrer`,onClick:t=>rt(t,e),children:t}),ul:({children:e})=>(0,U.jsx)(`ul`,{className:`mb-2 list-disc pl-5 text-body-medium-default`,style:{color:`var(--content-secondary)`},children:e}),ol:({children:e})=>(0,U.jsx)(`ol`,{className:`mb-2 list-decimal pl-5 text-body-medium-default`,style:{color:`var(--content-secondary)`},children:e}),li:({children:e})=>(0,U.jsx)(`li`,{className:`mb-0.5`,children:e}),code:({children:e})=>(0,U.jsx)(`code`,{className:`rounded px-1 py-0.5 font-mono text-[0.85em]`,style:{backgroundColor:`color-mix(in oklab, var(--content-default) 8%, transparent)`,color:`var(--content-default)`},children:e}),pre:({children:e})=>(0,U.jsx)(`pre`,{className:`mb-2 overflow-x-auto rounded p-3 font-mono text-[0.85em]`,style:{backgroundColor:`color-mix(in oklab, var(--content-default) 6%, transparent)`,color:`var(--content-default)`},children:e}),h1:({children:e})=>(0,U.jsx)(`h1`,{className:`mb-2 text-title-medium first:mt-0`,style:{color:`var(--content-default)`},children:e}),h2:({children:e})=>(0,U.jsx)(`h2`,{className:`mb-2 text-title-small first:mt-0`,style:{color:`var(--content-default)`},children:e}),h3:({children:e})=>(0,U.jsx)(`h3`,{className:`mb-1 text-body-medium-default first:mt-0`,style:{color:`var(--content-default)`},children:e}),blockquote:({children:e})=>(0,U.jsx)(`blockquote`,{className:`mb-2 border-l-2 pl-3 text-body-medium-default`,style:{borderColor:`var(--border-base)`,color:`var(--content-tertiary)`},children:e}),table:({children:e})=>(0,U.jsx)(`div`,{className:`mb-2 overflow-x-auto`,children:(0,U.jsx)(`table`,{className:`w-full border-collapse text-body-small-default`,style:{color:`var(--content-secondary)`},children:e})}),thead:({children:e})=>(0,U.jsx)(`thead`,{style:{backgroundColor:`var(--surface-lift)`},children:e}),tbody:({children:e})=>(0,U.jsx)(`tbody`,{children:e}),tr:({children:e})=>(0,U.jsx)(`tr`,{style:{borderBottom:`1px solid var(--border-base)`},children:e}),th:({children:e})=>(0,U.jsx)(`th`,{className:`px-2 py-1.5 text-left font-semibold`,style:{color:`var(--content-default)`},children:e}),td:({children:e})=>(0,U.jsx)(`td`,{className:`px-2 py-1.5 align-top`,children:e})};function at({content:e,className:t}){return(0,U.jsx)(`div`,{className:o(`text-body-medium-default`,t),children:(0,U.jsx)(Ke,{remarkPlugins:[qe],components:it,children:e})})}function K({item:e}){return(0,U.jsx)(at,{content:e.summary})}function ot(e){switch(e){case`revoked`:case`expired`:return`var(--system-negative-strong)`;case`missing_scopes`:case`missing_token`:case`ping_failed`:return`var(--system-mid-strong)`;default:return`var(--content-disabled)`}}function st(e){return e.split(`_`).map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join(` `)}function q({item:e}){let t=e.metadata,n=t?.provider;if(!n)return(0,U.jsx)(l,{variant:`body-medium-default`,className:`text-[var(--content-secondary)]`,children:e.title??e.summary});let r=t?.accountInfo??null,i=t?.status??`unreachable`,a=t?.details??``,o=Array.isArray(t?.missingScopes)?t.missingScopes:[];return(0,U.jsxs)(`div`,{className:`flex flex-col gap-[var(--app-spacing-md)]`,children:[(0,U.jsx)(l,{variant:`title-small`,as:`h3`,children:n}),r?(0,U.jsx)(l,{variant:`body-medium-lighter`,className:`text-[var(--content-secondary)]`,children:r}):null,(0,U.jsxs)(`div`,{className:`flex items-center gap-[var(--app-spacing-sm)]`,children:[(0,U.jsx)(`span`,{className:`inline-block shrink-0 rounded-full`,style:{width:8,height:8,backgroundColor:ot(i)},"aria-hidden":`true`}),(0,U.jsx)(l,{variant:`body-medium-default`,className:`text-[var(--content-default)]`,children:st(i)})]}),a?(0,U.jsx)(l,{variant:`body-medium-lighter`,className:`text-[var(--content-secondary)]`,children:a}):null,o.length>0?(0,U.jsxs)(`div`,{className:`flex flex-col gap-[var(--app-spacing-xs)]`,children:[(0,U.jsx)(l,{variant:`body-small-emphasised`,className:`text-[var(--content-secondary)]`,children:`Missing scopes`}),(0,U.jsx)(`ul`,{className:`m-0 flex list-disc flex-col gap-[var(--app-spacing-xxs)] pl-[var(--app-spacing-lg)]`,children:o.map(e=>(0,U.jsx)(`li`,{children:(0,U.jsx)(l,{variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,children:e})},e))})]}):null]})}function ct(e){return e&&W[e]?W[e]:W.system}function J({item:e,isMobile:t,validConversationIds:n,onClose:r,onGoToThread:i,onUpdateStatus:a,onDismiss:o}){if(!e)return null;let s=e.detailPanel?.kind,d=ct(e.category),f=d.icon,m=e.status===`new`,h=e.status===`dismissed`,g=!!e.conversationId&&n.has(e.conversationId);return t?(0,U.jsxs)(`div`,{className:`flex h-full flex-col bg-[var(--surface-overlay)]`,children:[(0,U.jsxs)(`div`,{className:`relative flex shrink-0 items-center px-3 py-2`,children:[(0,U.jsx)(c,{variant:`ghost`,iconOnly:(0,U.jsx)(j,{}),onClick:r,"aria-label":`Back`,tooltip:`Back`}),(0,U.jsx)(l,{variant:`body-medium-default`,className:`pointer-events-none absolute inset-x-0 text-center text-[var(--content-secondary)]`,children:`Details`}),(0,U.jsxs)(`div`,{className:`ml-auto flex items-center gap-2`,children:[(0,U.jsx)(c,{variant:`ghost`,iconOnly:m?(0,U.jsx)(V,{}):(0,U.jsx)(R,{}),onClick:()=>a(e.id,m?`seen`:`new`),"aria-label":m?`Mark as read`:`Mark as unread`,tooltip:m?`Mark as read`:`Mark as unread`}),h?(0,U.jsx)(c,{variant:`ghost`,iconOnly:(0,U.jsx)(I,{}),onClick:()=>a(e.id,`seen`),"aria-label":`Restore`,tooltip:`Restore`}):(0,U.jsx)(c,{variant:`ghost`,iconOnly:(0,U.jsx)(T,{}),onClick:()=>o(e.id),"aria-label":`Dismiss`,tooltip:`Dismiss`})]})]}),(0,U.jsxs)(`div`,{className:`flex items-center gap-3 px-4 py-3`,children:[(0,U.jsx)(`span`,{className:`flex shrink-0 items-center justify-center rounded-full`,style:{width:40,height:40,backgroundColor:d.weak},"aria-hidden":`true`,children:(0,U.jsx)(f,{width:18,height:18,style:{color:d.strong}})}),(0,U.jsx)(l,{variant:`title-small`,className:`min-w-0 text-[var(--content-default)]`,children:e.title??e.summary}),(0,U.jsx)(p,{tone:`neutral`,className:`shrink-0`,title:z(e.timestamp),children:B(e.timestamp)})]}),(0,U.jsx)(`div`,{className:`mx-4 border-b border-[var(--border-disabled)]`}),(0,U.jsx)(`div`,{className:`flex-1 overflow-y-auto p-4`,children:s===`toolPermission`?(0,U.jsx)(q,{item:e}):(0,U.jsx)(K,{item:e})}),g?(0,U.jsx)(`div`,{className:`shrink-0 px-4 pb-4 pt-2`,children:(0,U.jsx)(c,{variant:`primary`,fullWidth:!0,onClick:()=>i(e.conversationId),children:`Go to Conversation`})}):null]}):(0,U.jsxs)(`div`,{className:`flex h-full flex-col rounded-[var(--radius-lg)] border border-[var(--border-base)] bg-[var(--surface-overlay)]`,children:[(0,U.jsxs)(`div`,{className:`flex items-center gap-[var(--app-spacing-sm)] border-b border-[var(--border-base)] px-[var(--app-spacing-lg)] py-[var(--app-spacing-md)]`,children:[(0,U.jsx)(`span`,{className:`flex shrink-0 items-center justify-center rounded-full`,style:{width:28,height:28,backgroundColor:d.weak},"aria-hidden":`true`,children:(0,U.jsx)(f,{width:14,height:14,style:{color:d.strong}})}),(0,U.jsx)(l,{variant:`title-small`,className:`min-w-0 flex-1 truncate text-[var(--content-default)]`,children:e.title??e.summary}),(0,U.jsx)(p,{tone:`neutral`,className:`shrink-0`,title:z(e.timestamp),children:B(e.timestamp)}),g?(0,U.jsx)(c,{variant:`outlined`,size:`compact`,onClick:()=>i(e.conversationId),children:`Go to Convo`}):null,(0,U.jsxs)(u.Root,{children:[(0,U.jsx)(u.Trigger,{children:(0,U.jsx)(c,{variant:`outlined`,size:`compact`,iconOnly:(0,U.jsx)(v,{}),"aria-label":`More actions`,tooltip:`More actions`})}),(0,U.jsx)(u.Content,{align:`end`,children:h?(0,U.jsx)(u.Item,{onSelect:()=>a(e.id,`seen`),leftIcon:(0,U.jsx)(I,{className:`size-4`}),children:`Restore`}):(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(u.Item,{onSelect:()=>a(e.id,m?`seen`:`new`),leftIcon:m?(0,U.jsx)(V,{className:`size-4`}):(0,U.jsx)(R,{className:`size-4`}),children:m?`Mark as read`:`Mark as unread`}),(0,U.jsx)(u.Item,{onSelect:()=>o(e.id),leftIcon:(0,U.jsx)(Ae,{className:`size-4`}),children:`Dismiss`})]})})]}),(0,U.jsx)(c,{variant:`outlined`,size:`compact`,iconOnly:(0,U.jsx)(y,{}),onClick:r,"aria-label":`Close detail panel`,tooltip:`Close`})]}),(0,U.jsx)(`div`,{className:`flex-1 overflow-y-auto p-[var(--app-spacing-lg)]`,children:s===`toolPermission`?(0,U.jsx)(q,{item:e}):(0,U.jsx)(K,{item:e})})]})}function Y({label:e,onClick:t,className:n,children:r}){return(0,U.jsx)(s,{content:e,children:(0,U.jsx)(`button`,{type:`button`,"aria-label":e,onClick:e=>{e.stopPropagation(),t()},className:o(`cursor-pointer text-[var(--content-disabled)] transition-colors hover:text-[var(--content-secondary)]`,n),children:r})})}function lt(e){return e&&W[e]?W[e]:W.system}function X({item:e,isActive:t=!1,validConversationIds:n,onSelect:r,onDismiss:i,onToggleRead:a,onGoToThread:s,trailingAction:c=`dismiss`}){let[l,u]=(0,H.useState)(!1),d=lt(e.category),f=d.icon,p=e.status===`new`,m=c===`restore`;return(0,U.jsxs)(`button`,{type:`button`,onClick:()=>r(e),onMouseEnter:()=>u(!0),onMouseLeave:()=>u(!1),className:o(`flex w-full cursor-pointer items-center gap-[var(--app-spacing-sm)]`,`rounded-[var(--radius-md)] px-[var(--app-spacing-md)] py-[var(--app-spacing-sm)]`,`transition-[background-color,opacity] duration-150`,t?`bg-[var(--surface-active)]`:l?`bg-[var(--surface-lift)]`:`bg-[var(--surface-overlay)]`,!p&&!t&&`opacity-70`),children:[(0,U.jsxs)(`span`,{className:`relative shrink-0`,"aria-hidden":`true`,children:[(0,U.jsx)(`span`,{className:`flex items-center justify-center rounded-full`,style:{width:26,height:26,backgroundColor:d.weak},children:(0,U.jsx)(f,{width:12,height:12,style:{color:d.strong}})}),p&&(0,U.jsx)(`span`,{className:`absolute -left-0.5 -top-0.5 h-2 w-2 rounded-full bg-[var(--system-mid-strong)]`})]}),(0,U.jsx)(`span`,{className:o(`text-body-medium-default min-w-0 flex-1 truncate text-left`,`text-[var(--content-secondary)]`),children:e.title??e.summary}),l&&!m?(0,U.jsxs)(`span`,{className:`flex shrink-0 items-center gap-[var(--app-spacing-sm)]`,children:[a&&(0,U.jsx)(Y,{label:p?`Mark as read`:`Mark as unread`,onClick:()=>a(e.id,p?`seen`:`new`),children:p?(0,U.jsx)(V,{width:14,height:14}):(0,U.jsx)(R,{width:14,height:14})}),s&&e.conversationId&&(!n||n.has(e.conversationId))&&(0,U.jsx)(Y,{label:`Go to thread`,onClick:()=>{p&&a&&a(e.id,`seen`),s(e.conversationId)},children:(0,U.jsx)(L,{width:14,height:14})}),(0,U.jsx)(Y,{label:`Dismiss`,onClick:()=>i(e.id),children:(0,U.jsx)(T,{width:14,height:14})})]}):l&&m?(0,U.jsxs)(Y,{label:`Restore`,onClick:()=>i(e.id),className:`flex shrink-0 items-center gap-[var(--app-spacing-xs)]`,children:[(0,U.jsx)(I,{width:14,height:14,"aria-hidden":`true`}),(0,U.jsx)(`span`,{className:`text-body-small-default`,children:`Restore`})]}):(0,U.jsx)(`span`,{className:`shrink-0 text-body-small-default text-[var(--content-tertiary)]`,children:B(e.timestamp)})]})}function ut(e){return[...e].sort((e,t)=>e.priority===t.priority?new Date(t.createdAt).getTime()-new Date(e.createdAt).getTime():t.priority-e.priority)}function dt(e){let t=new Date,n=new Date(t.getFullYear(),t.getMonth(),t.getDate()),r=new Date(t.getFullYear(),t.getMonth(),t.getDate()-1),i={today:[],yesterday:[],older:[]};for(let t of e){let e=new Date(t.createdAt);e>=n?i.today.push(t):e>=r?i.yesterday.push(t):i.older.push(t)}let a=new Map;return i.today.length>0&&a.set(`today`,i.today),i.yesterday.length>0&&a.set(`yesterday`,i.yesterday),i.older.length>0&&a.set(`older`,i.older),a}function ft(e,t){return t===null?e:e.filter(e=>(e.category??`system`)===t)}function pt(e){return e.filter(e=>e.urgency!==`high`&&e.urgency!==`critical`)}function mt(e){let t=new Set;for(let n of e)t.add(n.category??`system`);return[...t]}var ht={today:`Today`,yesterday:`Yesterday`,older:`Older`};function gt({items:e,selectedItemId:t,validConversationIds:n,onSelectItem:r,onDismissItem:i,onRestoreItem:a,onToggleRead:o,onGoToThread:s}){let[c,u]=(0,H.useState)(null),d=pt(e.filter(e=>e.status!==`dismissed`)),p=mt(d),m=c&&p.includes(c)?c:null;c!==m&&u(m);let h=dt(ut(ft(d,m))),g=e.filter(e=>e.status===`dismissed`).sort((e,t)=>new Date(t.createdAt).getTime()-new Date(e.createdAt).getTime());return(0,U.jsxs)(`div`,{className:`flex flex-col gap-[var(--app-spacing-lg)]`,children:[(0,U.jsx)(nt,{categories:p,activeFilter:m,onFilterChange:u}),h.size===0?(0,U.jsx)(l,{variant:`body-medium-lighter`,className:`py-[var(--app-spacing-xl)] text-center text-[var(--content-disabled)]`,children:m?`No items match the selected filter.`:`No items to show.`}):[...h.entries()].map(([e,a])=>(0,U.jsxs)(`section`,{className:`flex flex-col gap-[var(--app-spacing-md)]`,children:[(0,U.jsx)(l,{variant:`body-small-default`,as:`h3`,className:`text-[var(--content-tertiary)]`,children:ht[e]}),(0,U.jsx)(`div`,{className:`flex flex-col gap-[var(--app-spacing-xs)]`,children:a.map(e=>(0,U.jsx)(X,{item:e,isActive:e.id===t,validConversationIds:n,onSelect:r,onDismiss:i,onToggleRead:o,onGoToThread:s},e.id))})]},e)),g.length>0&&(0,U.jsx)(f.Root,{type:`single`,collapsible:!0,children:(0,U.jsxs)(f.Item,{value:`dismissed`,children:[(0,U.jsxs)(f.Trigger,{className:`group gap-[var(--app-spacing-xs)] text-body-small-default text-[var(--content-tertiary)]`,children:[(0,U.jsx)(_,{size:14,"aria-hidden":!0,className:`shrink-0 transition-transform group-data-[state=open]:rotate-90`}),(0,U.jsxs)(`span`,{children:[`Dismissed (`,g.length,`)`]})]}),(0,U.jsx)(f.Content,{children:(0,U.jsx)(`div`,{className:`flex flex-col gap-[var(--app-spacing-xs)] pt-[var(--app-spacing-sm)]`,children:g.map(e=>(0,U.jsx)(X,{item:e,onSelect:r,onDismiss:a,trailingAction:`restore`},e.id))})})]})})]})}function _t(e){let t=e.getHours();return t>=5&&t<12?`Good morning`:t>=12&&t<17?`Good afternoon`:t>=17&&t<22?`Good evening`:`Welcome back`}function vt({avatarComponents:e,avatarTraits:t,avatarImageUrl:n,greeting:r,isMobile:i,onStartNewChat:a}){return(0,U.jsxs)(`div`,{className:`flex items-center justify-between gap-[var(--app-spacing-md)]`,children:[(0,U.jsxs)(`div`,{className:`flex min-w-0 flex-1 items-center gap-[var(--app-spacing-md)]`,children:[(0,U.jsx)(Te,{components:e,traits:t,customImageUrl:n,size:36}),(0,U.jsx)(l,{variant:`title-large`,as:`h1`,className:`truncate`,children:r||_t(new Date)})]}),i?(0,U.jsx)(c,{variant:`primary`,iconOnly:(0,U.jsx)(P,{}),onClick:a,"aria-label":`New Chat`,tooltip:`New Chat`,className:`!rounded-full`}):(0,U.jsx)(c,{variant:`primary`,leftIcon:(0,U.jsx)(P,{}),onClick:a,children:`New Chat`})]})}var Z={AlarmClock:Je,Bell:h,BookOpen:Ye,Briefcase:Xe,Calendar:g,CheckSquare:et,Code:oe,Compass:Ee,Cpu:Ce,FileText:Ue,Flag:_e,Folder:me,Gamepad:de,Gift:O,Globe:ee,GraduationCap:Ze,Heart:ye,Lightbulb:le,Link:M,ListTodo:Qe,Mail:R,Map:ke,MessageCircle:Ve,MessageSquare:L,Music:Fe,Package:je,Pencil:te,Phone:Ne,Pin:ze,Plane:$e,Plug:Oe,Puzzle:Re,Search:De,Send:xe,Settings:F,Share:he,ShoppingCart:fe,Sparkles:E,Star:We,Sun:A,Target:ne,Tag:ve,TrendingUp:k,Users:Me,Wand2:re,Wrench:ue,Zap:N};function Q(e){return e.charAt(0).toUpperCase()+e.slice(1)}function $(e){if(!e)return E;let t=Q(e);if(Z[t])return Z[t];let n=e.replace(/^lucide-/,``);if(n!==e){let e=Q(n);if(Z[e])return Z[e]}return E}function yt({suggestions:e,maxVisible:t=3,onSelect:n}){let[r,i]=(0,H.useState)(!1);if(r||e.length===0)return null;let a=e.slice(0,t);return(0,U.jsxs)(`div`,{className:`flex flex-col gap-[var(--app-spacing-sm)] rounded-2xl border border-[var(--border-disabled)] px-[var(--app-spacing-lg)] py-[var(--app-spacing-lg)]`,children:[(0,U.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,U.jsx)(l,{variant:`body-medium-default`,className:`text-[var(--content-tertiary)]`,children:`By the way, have you tried one of these:`}),(0,U.jsx)(`button`,{type:`button`,onClick:()=>i(!0),"aria-label":`Dismiss suggestions`,className:`shrink-0 cursor-pointer text-[var(--content-disabled)] transition-colors hover:text-[var(--content-tertiary)]`,children:(0,U.jsx)(y,{className:`size-3.5`})})]}),(0,U.jsx)(`div`,{className:`flex flex-wrap items-center gap-[var(--app-spacing-sm)]`,children:a.map(e=>(0,U.jsxs)(`button`,{type:`button`,onClick:()=>n(e),className:`flex cursor-pointer items-center gap-[var(--app-spacing-xs)] rounded-full bg-[var(--surface-active)] py-1 pl-1 pr-3 text-[var(--content-default)] transition-colors hover:text-[var(--content-secondary)]`,children:[(0,U.jsx)(`span`,{className:`flex shrink-0 items-center justify-center rounded-full bg-[var(--surface-active)]`,style:{width:26,height:26},"aria-hidden":`true`,children:(0,U.jsx)($(e.icon),{className:`size-[18px]`})}),(0,U.jsx)(`span`,{className:`text-body-small-default`,children:e.label})]},e.id))})]})}function bt(e){let t=r(),n=(0,H.useMemo)(()=>ie({path:{assistant_id:e??``}}),[e]),a=i({...ae({path:{assistant_id:e}}),enabled:!!e,staleTime:6e4}),o=(0,H.useCallback)(()=>{e&&t.invalidateQueries({queryKey:n})},[e,t,n]);return{...a,invalidate:o}}function xt(){return(0,U.jsxs)(`div`,{className:`flex flex-col gap-[var(--app-spacing-xl)]`,children:[(0,U.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,U.jsxs)(`div`,{className:`flex items-center gap-[var(--app-spacing-md)]`,children:[(0,U.jsx)(`div`,{className:`size-9 animate-pulse rounded-full bg-[var(--surface-lift)]`}),(0,U.jsx)(`div`,{className:`h-7 w-64 animate-pulse rounded-md bg-[var(--surface-lift)]`})]}),(0,U.jsx)(`div`,{className:`h-9 w-28 animate-pulse rounded-md bg-[var(--surface-lift)]`})]}),(0,U.jsxs)(`div`,{className:`flex gap-2`,children:[(0,U.jsx)(`div`,{className:`h-8 w-36 animate-pulse rounded-full bg-[var(--surface-lift)]`}),(0,U.jsx)(`div`,{className:`h-8 w-28 animate-pulse rounded-full bg-[var(--surface-lift)]`}),(0,U.jsx)(`div`,{className:`h-8 w-32 animate-pulse rounded-full bg-[var(--surface-lift)]`})]}),(0,U.jsx)(`div`,{className:`flex flex-col gap-[var(--app-spacing-sm)]`,children:Array.from({length:4},(e,t)=>(0,U.jsx)(`div`,{className:`h-16 animate-pulse rounded-md bg-[var(--surface-lift)]`},t))})]})}function St({assistantId:e,validConversationIds:t,onStartNewChat:n,onOpenConversation:r,onSuggestionSelected:i}){let a=S(),o=ce(e),s=Se(e);bt(e);let[c,l]=(0,H.useState)(null),u=(0,H.useCallback)(e=>{e.status===`new`?(l({...e,status:`seen`}),s.updateStatus.mutate({itemId:e.id,status:`seen`})):l(e)},[s.updateStatus]),f=(0,H.useCallback)(()=>{l(null)},[]),p=(0,H.useCallback)(e=>{s.updateStatus.mutate({itemId:e,status:`dismissed`}),c?.id===e&&l(null)},[s.updateStatus,c?.id]),m=(0,H.useCallback)(e=>{s.updateStatus.mutate({itemId:e,status:`seen`}),l(t=>t?.id===e?{...t,status:`seen`}:t)},[s.updateStatus]),h=(0,H.useCallback)((e,t)=>{s.updateStatus.mutate({itemId:e,status:t}),l(n=>n?.id===e?{...n,status:t}:n)},[s.updateStatus]),g=(0,H.useCallback)(e=>{l(null),r(e)},[r]),_=(0,H.useCallback)(e=>{i(e.prompt)},[i]),v=s.isLoading?(0,U.jsx)(xt,{}):(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(vt,{avatarComponents:o.components,avatarTraits:o.traits,avatarImageUrl:o.customImageUrl,greeting:s.data?.contextBanner?.greeting,isMobile:a,onStartNewChat:n}),s.isError?(0,U.jsxs)(`div`,{role:`alert`,className:`rounded-md border border-[var(--system-negative-weak)] bg-[var(--system-negative-weak)] px-[var(--app-spacing-lg)] py-[var(--app-spacing-md)] text-[var(--system-negative-strong)]`,children:[`Couldn't load home feed`,s.error instanceof Error?`: ${s.error.message}`:`.`]}):null,(0,U.jsx)(yt,{suggestions:s.data?.suggestedPrompts??[],maxVisible:a?2:3,onSelect:_}),(0,U.jsx)(gt,{items:s.data?.items??[],selectedItemId:c?.id,validConversationIds:t,onSelectItem:u,onDismissItem:p,onRestoreItem:m,onToggleRead:h,onGoToThread:g})]});return c&&a?(0,U.jsx)(`div`,{className:`fixed inset-0 z-30 bg-[var(--surface-overlay)]`,style:{paddingTop:`var(--safe-area-inset-top, env(safe-area-inset-top, 0px))`,paddingBottom:`var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px))`},children:(0,U.jsx)(J,{item:c,isMobile:!0,validConversationIds:t,onClose:f,onGoToThread:g,onUpdateStatus:h,onDismiss:p})}):c&&!a?(0,U.jsx)(d,{storageKey:`homeDetailPanelWidth`,defaultLeftPercent:50,minLeftWidth:400,minRightWidth:320,left:(0,U.jsx)(`div`,{className:`flex h-full flex-col gap-[var(--app-spacing-xl)] overflow-y-auto px-[var(--app-spacing-xl)] py-[var(--app-spacing-xxl)]`,children:v}),right:(0,U.jsx)(J,{item:c,validConversationIds:t,onClose:f,onGoToThread:g,onUpdateStatus:h,onDismiss:p})}):(0,U.jsx)(`div`,{className:`flex min-h-0 flex-1 flex-col overflow-y-auto`,children:(0,U.jsx)(`div`,{className:`mx-auto w-full max-w-[960px] px-[var(--app-spacing-xl)] py-[var(--app-spacing-xxl)]`,children:(0,U.jsx)(`div`,{className:`flex flex-col gap-[var(--app-spacing-xl)]`,children:v})})})}function Ct(){let e=n(),t=Ge(),r=se.use.setTopBarCenter(),i=S(),{conversations:a}=ge(t),{conversations:o}=Le(t,!0),{conversations:s}=we(t,!0),c=(0,H.useMemo)(()=>new Set(be(a,o,s).map(e=>e.conversationId)),[a,o,s]);return(0,H.useEffect)(()=>(r(i?(0,U.jsx)(l,{variant:`body-medium-default`,className:`text-[var(--content-secondary)]`,children:`Home`}):null),()=>{r(null)}),[i,r]),(0,U.jsx)(St,{assistantId:t,validConversationIds:c,onStartNewChat:()=>{C.getState().setMainView(`chat`);let t=D();w.getState().setActiveConversationId(t),e(x.conversation(t)),pe()},onOpenConversation:t=>e(x.conversation(t)),onSuggestionSelected:t=>{C.getState().setMainView(`chat`);let n=D();w.getState().setActiveConversationId(n),e(`${x.conversation(n)}?prompt=${encodeURIComponent(t)}`)}})}export{Ct as HomePageRoute};