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

package/dist/assets/integrations-page-B8sn6FwZ.js

@@ -1 +0,0 @@
-import{o as e}from"./chunk-jRWAZmH_.js";import{r as t,s as n}from"./local-settings-lVNyIOJ_.js";import{t as r}from"./capture-error-CHS1NpKj.js";import{t as i}from"./react-DJZBPgpf.js";import{d as a,m as o}from"./chunk-5KNZJZUH-B4b1m-Ya.js";import{n as s}from"./QueryClientProvider-DNHWXaGq.js";import{t as c}from"./useQuery-D2zf6Uhu.js";import{t as l}from"./useMutation-BuofVRHk.js";import{t as u}from"./jsx-runtime-CVSDxk6A.js";import{t as d}from"./button-DdEh-9f_.js";import{t as f}from"./card-CL5iEMJO.js";import{t as p}from"./confirm-dialog-DsrjEJ8n.js";import{t as m}from"./notice-CF2pptne.js";import{n as h,r as g,t as _}from"./panel-item-FzMfzMJA.js";import{t as v}from"./input-Cu3PPVCq.js";import{n as y}from"./toast-DU1nH33j.js";import{t as b}from"./external-link-BCB1rbW9.js";import{t as x}from"./loader-circle-BSAFLoPH.js";import{t as S}from"./pencil-BA9LOIzP.js";import{t as C}from"./x-BDqbYVtS.js";import{$t as w,Qt as T,Xt as E,Zt as D,en as O,nn as k,rn as A,tn as j}from"./sdk.gen-AJllUeDf.js";import{r as M}from"./api-errors-D7n5QJzS.js";import{S as N}from"./auth-store-B42fGh_X.js";import{r as P}from"./api-BI71B-Uu.js";import{i as F}from"./routes-DC3Pv2Da.js";import{n as I}from"./use-is-mobile-D_xrnINF.js";import{$i as L,Ai as R,At as z,F as B,Ga as ee,Ki as V,Li as H,M as U,Mt as te,P as W,Q as ne,Z as re,do as G,io as K,j as ie,jt as q,kt as J,lt as ae,uo as Y}from"./index-huyA6GAA.js";import{t as oe}from"./use-oauth-complete-deep-link-listener-zk0Iiz2U.js";var X=e(i(),1);async function se(e){let{data:t,error:n}=await A({path:{assistant_id:e},throwOnError:!1});if(n||!t)throw Error(`Failed to fetch OAuth providers`);return t.providers}async function ce(e,t){let{data:n,error:r}=await k({path:{assistant_id:e,providerKey:t},throwOnError:!1});if(r||!n)throw Error(`Failed to fetch OAuth provider detail`);return{oauth_callback_url:n.oauth_callback_url??null}}function Z(e,t){if(e&&typeof e==`object`){let t=e;if(t.error?.message)return t.error.message;if(t.detail)return t.detail;if(t.message)return t.message}return t}async function le(e,t){let{data:n,error:r}=await w({path:{assistant_id:e},query:{provider_key:t},throwOnError:!1});if(r||!n)throw Error(Z(r,`Failed to load OAuth apps`));return n.apps}async function ue(e,t){let{data:n,error:r}=await O({path:{assistant_id:e},body:t,throwOnError:!1});if(r||!n)throw Error(Z(r,`Failed to create OAuth app`));return n.app}async function de(e,t){let{error:n}=await T({path:{assistant_id:e,id:t},throwOnError:!1});if(n)throw Error(Z(n,`Failed to delete OAuth app`))}async function fe(e,t){let{data:n,error:r}=await D({path:{assistant_id:e,appId:t},throwOnError:!1});if(r||!n)throw Error(Z(r,`Failed to load OAuth app connections`));return n.connections}async function pe(e,t){let{error:n}=await j({path:{assistant_id:e,id:t},throwOnError:!1});if(n)throw Error(Z(n,`Failed to disconnect OAuth account`))}async function me(e,t,n){let{data:r,error:i}=await E({path:{assistant_id:e,appId:t},body:{callback_transport:`gateway`,scopes:n??[]},throwOnError:!1});if(i||!r)throw Error(Z(i,`Failed to start OAuth flow`));if(!(`auth_url`in r))throw Error(`OAuth flow did not return an authorization URL`);return{authUrl:r.auth_url,state:r.state}}function he(e){return e.length>16?`${e.slice(0,12)}…${e.slice(-4)}`:e.length>8?`${e.slice(0,8)}…`:e}function ge(e){try{return new Date(e).toLocaleDateString(void 0,{year:`numeric`,month:`short`,day:`numeric`})}catch{return``}}var Q=u();function _e(e){return new Promise(t=>setTimeout(t,e))}function ve(e){return JSON.stringify({status:e.status,connected:e.connected,account_label:e.account_label,scopes_granted:[...e.scopes_granted].sort(),expires_at:e.expires_at})}function ye(e,t){return new Map((e??[]).filter(e=>e.provider===t).map(e=>[e.id,ve(e)]))}function be(e,t,n){return e.some(e=>e.provider===t&&e.connected&&n.get(e.id)!==ve(e))}function xe({assistantId:e,providerKey:t,displayName:n,description:r,logoUrl:i,platformGate:a,onClose:o}){let u=s(),f=N(),h=a===`full`,[g,_]=(0,X.useState)(a===`gated`?`your-own`:`managed`),[v,b]=(0,X.useState)(null),[x,S]=(0,X.useState)(null),w=(0,X.useRef)(null),T=(0,X.useRef)(null),E=(0,X.useRef)(null),D=(0,X.useRef)(null),[O,k]=(0,X.useState)(!1),A=(0,X.useCallback)(()=>{T.current=null,k(!1)},[]),j=(0,X.useCallback)(()=>{w.current&&!w.current.closed&&w.current.close(),w.current=null,E.current&&=(clearInterval(E.current),null),D.current&&=(clearTimeout(D.current),null)},[]),P=z({path:{assistant_id:e}}),I=(0,X.useCallback)(e=>{if(e.type!==`vellum:oauth-complete`||!T.current||e.requestId!==T.current.requestId)return;let{oauthStatus:t,oauthCode:r}=e;if(j(),A(),t===`connected`)y.success(`${n} account connected.`),u.invalidateQueries({queryKey:P});else{let e=r?`Error: ${r}`:`Authorization failed`;y.error(`${n} ${e}`)}},[A,j,P,n,u]),L=(0,X.useCallback)(async n=>{if(!h)return!1;for(let r=0;r<8;r+=1){r>0&&await _e(750);try{if(u.invalidateQueries({queryKey:P}),be(await u.fetchQuery({...J({path:{assistant_id:e}}),staleTime:0}),t,n))return!0}catch{}}return!1},[e,P,h,t,u]);(0,X.useEffect)(()=>{let e=e=>{e.key===`Escape`&&o()};document.addEventListener(`keydown`,e);let t=document.body.style.overflow;return document.body.style.overflow=`hidden`,()=>{document.removeEventListener(`keydown`,e),document.body.style.overflow=t}},[o]),(0,X.useEffect)(()=>{let e=e=>{let t=T.current;if(!t)return;let n=ie(e,window.location.origin,t.requestId);n&&I(n)},t=e=>{let t=T.current;if(!t)return;let n=U(e,t.requestId);n&&(I(n),window.localStorage.removeItem(W(t.requestId)))};return window.addEventListener(`message`,e),window.addEventListener(`storage`,t),()=>{window.removeEventListener(`message`,e),window.removeEventListener(`storage`,t)}},[I]),oe((0,X.useCallback)(e=>{let t=T.current;t&&e.requestId===t.requestId&&I({type:`vellum:oauth-complete`,requestId:e.requestId,oauthStatus:e.oauthStatus,oauthProvider:e.oauthProvider,oauthCode:e.oauthCode})},[I])),(0,X.useEffect)(()=>ne(()=>{let e=T.current;e&&(async()=>{let t=await L(e.baselineConnectionSignatures);T.current&&(A(),t&&y.success(`${n} account connected.`))})()}),[A,L,n]),(0,X.useEffect)(()=>()=>{E.current&&clearInterval(E.current),D.current&&clearTimeout(D.current),w.current&&!w.current.closed&&w.current.close()},[]);let{data:R,isLoading:ee}=c({...J({path:{assistant_id:e}}),enabled:h}),V=(R??[]).filter(e=>e.provider===t&&e.connected),H=l({...te()}),G=l({...q(),onSuccess(e,t){y.success(`${n} account disconnected.`);let r=t.path.connection_id;u.setQueryData(P,e=>e?.filter(e=>e.id!==r)),u.invalidateQueries({queryKey:P}),b(null)},onError(e){let t=M(e,void 0,`Failed to disconnect ${n} account.`);y.error(t),b(null)}}),K=(0,X.useCallback)(()=>{if(!h)return;let r=crypto.randomUUID();if(f){k(!0),T.current={requestId:r,provider:t,baselineConnectionSignatures:ye(u.getQueryData(P)??R,t)},H.mutate({path:{assistant_id:e,provider:t},body:{requested_scopes:[],redirect_after_connect:`${F.account.oauth.popupComplete}?requestId=${r}&native=1`}},{onSuccess(e){re(e.connect_url)},onError(e){A();let t=M(e,void 0,`Failed to start ${n} authorization.`);y.error(t)}});return}let i=window.open(``,`_blank`,`width=500,height=600`);if(i===null){y.error(`Popup blocked. Please enable popups and try again.`);return}w.current=i,k(!0),T.current={requestId:r,provider:t,baselineConnectionSignatures:ye(u.getQueryData(P)??R,t)},E.current=setInterval(()=>{w.current&&w.current.closed&&T.current&&!D.current&&(D.current=setTimeout(async()=>{D.current=null;let e=T.current;if(!e)return;let t=window.localStorage.getItem(W(e.requestId));if(t)try{I(JSON.parse(t)),window.localStorage.removeItem(W(e.requestId));return}catch{}let r=await L(e.baselineConnectionSignatures);if(T.current){if(r){j(),A(),y.success(`${n} account connected.`);return}j(),A(),y.error(`${n} connection failed: authorization popup closed.`)}},1e3))},100),H.mutate({path:{assistant_id:e,provider:t},body:{requested_scopes:[],redirect_after_connect:`${F.account.oauth.popupComplete}?requestId=${r}`}},{onSuccess(e){w.current&&!w.current.closed?w.current.location.href=e.connect_url:T.current&&(j(),A(),y.error(`${n} connection failed: popup closed.`))},onError(e){j(),A();let t=M(e,void 0,`Failed to start ${n} authorization.`);y.error(t)}})},[e,t,n,R,P,u,A,j,I,L,H,f,h]),ae=e=>{S(e)},Y=()=>{let t=x;S(null),t&&(b(t.id),G.mutate({path:{assistant_id:e,connection_id:t.id}}))},se=r?`Configure ${n} OAuth for ${r}`:`Configure ${n} OAuth`;return(0,Q.jsxs)(`div`,{className:`fixed inset-0 z-50 flex items-center justify-center bg-black/40 p-4`,children:[(0,Q.jsxs)(`div`,{role:`dialog`,"aria-modal":`true`,"aria-labelledby":`integration-modal-title`,className:`flex w-full max-w-[520px] flex-col overflow-hidden rounded-xl bg-white shadow-xl dark:bg-[var(--surface-lift)]`,children:[(0,Q.jsxs)(`div`,{className:`flex items-start justify-between gap-3 border-b border-[var(--border-base)] px-5 py-4 dark:border-[var(--border-base)]`,children:[(0,Q.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,Q.jsx)(B,{providerKey:t,displayName:n,logoUrl:i,size:32}),(0,Q.jsxs)(`div`,{children:[(0,Q.jsxs)(`h2`,{id:`integration-modal-title`,className:`text-title-small text-[var(--content-default)]`,children:[n,` OAuth`]}),(0,Q.jsx)(`p`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:se})]})]}),(0,Q.jsx)(d,{variant:`ghost`,size:`compact`,iconOnly:(0,Q.jsx)(C,{}),"aria-label":`Close`,onClick:o})]}),(0,Q.jsxs)(`div`,{className:`space-y-4 px-5 py-4`,children:[a!==`gated`&&(0,Q.jsxs)(`div`,{role:`tablist`,"aria-label":`OAuth mode`,className:`flex w-full rounded-md border border-[var(--border-base)] bg-[var(--surface-base)] p-0.5 dark:border-[var(--border-base)] dark:bg-[var(--surface-base)]/40`,children:[(0,Q.jsx)(Se,{active:g===`managed`,onClick:()=>_(`managed`),children:`Managed`}),(0,Q.jsx)(Se,{active:g===`your-own`,onClick:()=>_(`your-own`),children:`Your Own`})]}),g===`managed`&&a!==`gated`?a===`disabled`?(0,Q.jsx)(m,{tone:`info`,children:`Log in to the Vellum platform to manage OAuth connections.`}):(0,Q.jsx)(Ce,{displayName:n,providerKey:t,logoUrl:i,connections:V,connectionsLoading:ee,startPending:H.isPending,oauthInProgress:O,disconnectingId:G.isPending?v:null,onConnect:K,onDisconnect:ae}):(0,Q.jsx)(we,{assistantId:e,providerKey:t,displayName:n,logoUrl:i})]}),(0,Q.jsx)(`div`,{className:`flex justify-end border-t border-[var(--border-base)] px-5 py-3 dark:border-[var(--border-base)]`,children:(0,Q.jsx)(d,{variant:`outlined`,size:`compact`,onClick:o,children:`Confirm`})})]}),(0,Q.jsx)(p,{open:x!==null,title:`Disconnect ${n}?`,message:x?`Disconnect ${x.account_label??`${n} Account`}? You can reconnect later.`:``,confirmLabel:`Disconnect`,destructive:!0,onConfirm:Y,onCancel:()=>S(null)})]})}function Se({active:e,onClick:t,children:n}){return(0,Q.jsx)(`button`,{type:`button`,role:`tab`,"aria-selected":e,onClick:t,className:`flex-1 cursor-pointer rounded-[5px] px-3 py-1.5 text-body-medium-default transition-colors ${e?`bg-white text-[var(--content-default)] shadow-sm dark:bg-[var(--surface-lift)] dark:text-[var(--content-default)]`:`text-[var(--content-secondary)] hover:text-[var(--content-default)] dark:text-[var(--content-disabled)] dark:hover:text-[var(--content-default)]`}`,children:n})}function Ce({displayName:e,providerKey:t,logoUrl:n,connections:r,connectionsLoading:i,startPending:a,oauthInProgress:o,disconnectingId:s,onConnect:c,onDisconnect:l}){return i?(0,Q.jsx)(`div`,{className:`flex items-center justify-center py-10`,children:(0,Q.jsx)(x,{className:`h-5 w-5 animate-spin text-[var(--content-disabled)]`})}):r.length===0?a||o?(0,Q.jsxs)(`div`,{className:`flex flex-col items-center gap-3 py-10`,children:[(0,Q.jsx)(B,{providerKey:t,displayName:e,logoUrl:n,size:48}),(0,Q.jsxs)(`div`,{className:`flex items-center gap-2 text-body-medium-lighter text-[var(--content-tertiary)]`,children:[(0,Q.jsx)(x,{className:`h-3.5 w-3.5 animate-spin`}),`Waiting for authorization...`]})]}):(0,Q.jsxs)(`div`,{className:`flex flex-col items-center gap-3 py-10`,children:[(0,Q.jsx)(B,{providerKey:t,displayName:e,logoUrl:n,size:48}),(0,Q.jsx)(`p`,{className:`text-body-medium-default text-[var(--content-secondary)]`,children:`Connect Account to continue`}),(0,Q.jsx)(d,{variant:`primary`,size:`compact`,leftIcon:(0,Q.jsx)(L,{}),onClick:c,disabled:a||o,children:`Connect Account`})]}):(0,Q.jsxs)(`div`,{className:`rounded-lg border border-[var(--border-base)]`,children:[(0,Q.jsx)(`ul`,{className:`divide-y divide-[var(--border-base)]`,children:r.map(r=>{let i=s===r.id;return(0,Q.jsxs)(`li`,{className:`flex items-center gap-3 px-4 py-3`,children:[(0,Q.jsx)(B,{providerKey:t,displayName:e,logoUrl:n,size:20}),(0,Q.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-body-medium-default text-[var(--content-default)]`,children:r.account_label??`${e} Account`}),(0,Q.jsx)(d,{variant:`dangerOutline`,size:`compact`,iconOnly:i?(0,Q.jsx)(x,{className:`animate-spin`}):(0,Q.jsx)(R,{}),onClick:()=>l(r),disabled:i,"aria-label":`Disconnect ${r.account_label??`${e} account`}`})]},r.id)})}),(0,Q.jsx)(`div`,{className:`border-t border-[var(--border-base)] px-4 py-3 dark:border-[var(--border-base)]`,children:a||o?(0,Q.jsxs)(`div`,{className:`flex items-center gap-2 text-body-medium-lighter text-[var(--content-tertiary)]`,children:[(0,Q.jsx)(x,{className:`h-3.5 w-3.5 animate-spin`}),`Waiting for authorization...`]}):(0,Q.jsx)(d,{variant:`primary`,size:`compact`,leftIcon:(0,Q.jsx)(b,{}),onClick:c,disabled:a||o,children:`Connect account`})})]})}function we({assistantId:e,providerKey:t,displayName:n,logoUrl:r}){let[i,a]=(0,X.useState)([]),[o,s]=(0,X.useState)({}),[c,l]=(0,X.useState)(!0),[u,m]=(0,X.useState)(!1),[h,g]=(0,X.useState)(``),[_,S]=(0,X.useState)(``),[C,w]=(0,X.useState)(!1),[T,E]=(0,X.useState)(null),[D,O]=(0,X.useState)(!1),[k,A]=(0,X.useState)(null),[j,M]=(0,X.useState)(null),[N,P]=(0,X.useState)(null),[F,I]=(0,X.useState)(null),[z,V]=(0,X.useState)(null),H=(0,X.useCallback)(async t=>{try{let n=await fe(e,t);s(e=>({...e,[t]:n}))}catch(e){let t=e instanceof Error?e.message:`Failed to load connections`;y.error(t)}},[e]),U=(0,X.useCallback)(async()=>{l(!0);try{let n=await le(e,t);a(n),await Promise.all(n.map(e=>H(e.id)))}catch(e){let t=e instanceof Error?e.message:`Failed to load OAuth apps`;y.error(t)}finally{l(!1)}},[e,t,H]);(0,X.useEffect)(()=>{U()},[U]),(0,X.useEffect)(()=>{let n=!0;return ce(e,t).then(e=>{n&&E(e.oauth_callback_url)},()=>{}),()=>{n=!1}},[e,t]);let te=i.length===0||u,W=async()=>{if(!(!h.trim()||!_.trim())){w(!0);try{let r=await ue(e,{provider_key:t,client_id:h.trim(),client_secret:_.trim()});a(e=>[...e,r]),s(e=>({...e,[r.id]:[]})),g(``),S(``),m(!1),y.success(`${n} OAuth app added.`)}catch(e){let t=e instanceof Error?e.message:`Failed to create OAuth app`;y.error(t)}finally{w(!1)}}},ne=e=>{I(e)},re=async()=>{let t=F;if(I(null),t){A(t.id);try{await de(e,t.id),a(e=>e.filter(e=>e.id!==t.id)),s(e=>{let n={...e};return delete n[t.id],n}),y.success(`OAuth app deleted.`)}catch(e){let t=e instanceof Error?e.message:`Failed to delete OAuth app`;y.error(t)}finally{A(null)}}},K=async t=>{M(t.id);try{let{authUrl:n}=await me(e,t.id);window.location.href=n}catch(e){let t=e instanceof Error?e.message:`Failed to start OAuth flow`;y.error(t),M(null)}},ie=(e,t)=>{V({appId:e,connection:t})},q=async()=>{let t=z;if(V(null),!t)return;let{appId:r,connection:i}=t;P(i.id);try{await pe(e,i.id),s(e=>({...e,[r]:(e[r]??[]).filter(e=>e.id!==i.id)})),y.success(`${n} account disconnected.`)}catch(e){let t=e instanceof Error?e.message:`Failed to disconnect account`;y.error(t)}finally{P(null)}};return c?(0,Q.jsx)(`div`,{className:`flex items-center justify-center py-10`,children:(0,Q.jsx)(x,{className:`h-5 w-5 animate-spin text-[var(--content-disabled)]`})}):(0,Q.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[te?(0,Q.jsx)(f.Root,{children:(0,Q.jsxs)(f.Body,{className:`flex flex-col gap-3`,children:[(0,Q.jsxs)(`div`,{className:`space-y-1`,children:[(0,Q.jsx)(`p`,{className:`text-body-medium-default text-[var(--content-default)]`,children:i.length===0?`Add your own ${n} OAuth app`:`Add another ${n} OAuth app`}),(0,Q.jsx)(`p`,{className:`text-body-small-default leading-relaxed text-[var(--content-tertiary)]`,children:`Credentials are stored encrypted on the assistant and are never sent to Vellum.`})]}),T?(0,Q.jsxs)(`div`,{className:`space-y-1`,children:[(0,Q.jsx)(`p`,{className:`text-body-small-default text-[var(--content-secondary)]`,children:`Redirect URL`}),(0,Q.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,Q.jsx)(v,{type:`text`,value:T,readOnly:!0,fullWidth:!0}),(0,Q.jsx)(d,{type:`button`,variant:`outlined`,size:`compact`,onClick:()=>{navigator.clipboard.writeText(T).then(()=>{O(!0),y.success(`Copied to clipboard!`),setTimeout(()=>O(!1),2e3)})},"aria-label":D?`Copied`:`Copy redirect URL`,iconOnly:D?(0,Q.jsx)(G,{"aria-hidden":!0}):(0,Q.jsx)(ee,{"aria-hidden":!0})})]}),(0,Q.jsx)(`p`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:`Add this URL to your OAuth app's redirect settings.`})]}):null,(0,Q.jsx)(v,{label:`Client ID`,type:`text`,value:h,onChange:e=>g(e.target.value),placeholder:`Enter your client ID`,fullWidth:!0}),(0,Q.jsx)(v,{label:`Client Secret`,type:`password`,value:_,onChange:e=>S(e.target.value),placeholder:`Enter your client secret`,fullWidth:!0}),(0,Q.jsxs)(`div`,{className:`flex items-center justify-end gap-2 pt-1`,children:[i.length>0?(0,Q.jsx)(d,{type:`button`,variant:`outlined`,size:`compact`,onClick:()=>{m(!1),g(``),S(``)},disabled:C,children:`Cancel`}):null,(0,Q.jsx)(d,{type:`button`,size:`compact`,onClick:W,disabled:C||!h.trim()||!_.trim(),leftIcon:C?(0,Q.jsx)(x,{className:`animate-spin`,"aria-hidden":!0}):(0,Q.jsx)(L,{"aria-hidden":!0}),children:`Add App`})]})]})}):null,i.map(e=>{let i=o[e.id]??[],a=k===e.id,s=j===e.id;return(0,Q.jsx)(f.Root,{children:(0,Q.jsxs)(f.Body,{className:`flex flex-col gap-3`,children:[(0,Q.jsxs)(`div`,{className:`flex items-start justify-between gap-2`,children:[(0,Q.jsxs)(`div`,{className:`min-w-0 space-y-0.5`,children:[(0,Q.jsx)(`p`,{className:`truncate text-body-medium-default text-[var(--content-default)]`,children:he(e.client_id)}),(0,Q.jsxs)(`p`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:[`Added `,ge(e.created_at)]})]}),(0,Q.jsx)(d,{type:`button`,variant:`dangerOutline`,size:`compact`,onClick:()=>ne(e),disabled:a,"aria-label":`Delete OAuth app ${he(e.client_id)}`,iconOnly:a?(0,Q.jsx)(x,{className:`animate-spin`,"aria-hidden":!0}):(0,Q.jsx)(R,{"aria-hidden":!0})})]}),i.length>0?(0,Q.jsx)(`ul`,{className:`divide-y divide-[var(--border-base)] overflow-hidden rounded-md border border-[var(--border-base)] dark:divide-[var(--border-base)] dark:border-[var(--border-base)]`,children:i.map(i=>{let a=N===i.id;return(0,Q.jsxs)(`li`,{className:`flex items-center gap-3 px-3 py-2`,children:[(0,Q.jsx)(B,{providerKey:t,displayName:n,logoUrl:r,size:18}),(0,Q.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-body-medium-lighter text-[var(--content-default)]`,children:i.account_info??`${n} Account`}),(0,Q.jsx)(d,{type:`button`,variant:`dangerOutline`,size:`compact`,onClick:()=>ie(e.id,i),disabled:a,"aria-label":`Disconnect ${i.account_info??`${n} account`}`,iconOnly:a?(0,Q.jsx)(x,{className:`animate-spin`,"aria-hidden":!0}):(0,Q.jsx)(R,{"aria-hidden":!0})})]},i.id)})}):null,(0,Q.jsx)(d,{type:`button`,size:`compact`,onClick:()=>K(e),disabled:s,className:`w-full`,leftIcon:s?(0,Q.jsx)(x,{className:`animate-spin`,"aria-hidden":!0}):(0,Q.jsx)(b,{"aria-hidden":!0}),children:s?`Waiting for authorization...`:`Connect account`})]})},e.id)}),i.length>0&&!u?(0,Q.jsx)(d,{type:`button`,variant:`outlined`,size:`compact`,onClick:()=>m(!0),className:`w-full border-dashed`,leftIcon:(0,Q.jsx)(L,{"aria-hidden":!0}),children:`Add Another App`}):null,(0,Q.jsx)(p,{open:F!==null,title:`Delete OAuth app`,message:F?`Delete OAuth app '${he(F.client_id)}'? This will disconnect all linked accounts.`:``,confirmLabel:`Delete`,destructive:!0,onConfirm:()=>{re()},onCancel:()=>I(null)}),(0,Q.jsx)(p,{open:z!==null,title:`Disconnect ${n}?`,message:z?`Disconnect ${z.connection.account_info??`${n} Account`}? You can reconnect later.`:``,confirmLabel:`Disconnect`,destructive:!0,onConfirm:()=>{q()},onCancel:()=>V(null)})]})}function Te({assistantId:e,providerKey:t,displayName:n,description:r,logoUrl:i,connection:a,platformGate:o,onConfigure:c}){let u=s(),m=!!a?.connected,[h,g]=(0,X.useState)(!1),[_,v]=(0,X.useState)(!1),b=I(),x=z({path:{assistant_id:e}}),S=l({...q(),onSuccess(e,t){y.success(`${n} account disconnected.`);let r=t.path.connection_id;u.setQueryData(x,e=>e?.filter(e=>e.id!==r)),u.invalidateQueries({queryKey:x})},onError(e){let t=M(e,void 0,`Failed to disconnect ${n} account.`);y.error(t)}}),C=()=>{a?.id&&v(!0)};return(0,Q.jsxs)(Q.Fragment,{children:[(0,Q.jsx)(f.Root,{children:(0,Q.jsxs)(f.Body,{padding:`sm`,className:`flex items-center gap-4 px-4`,children:[(0,Q.jsx)(B,{providerKey:t,displayName:n,logoUrl:i,size:32}),(0,Q.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,Q.jsx)(`p`,{className:`truncate text-title-small text-[var(--content-default)]`,children:n}),r&&(0,Q.jsx)(`p`,{className:`truncate text-body-medium-lighter text-[var(--content-tertiary)]`,children:r})]}),m&&o===`full`?(0,Q.jsx)(`div`,{className:`shrink-0`,children:(0,Q.jsx)(Ee,{displayName:n,open:h,onOpenChange:g,onEditConnections:()=>{g(!1),c()},onDisable:()=>{g(!1),C()},disablePending:S.isPending,isMobile:b})}):(0,Q.jsx)(d,{variant:`primary`,onClick:c,className:`shrink-0`,children:`Enable`})]})}),(0,Q.jsx)(p,{open:_,title:`Disconnect ${n}?`,message:`Disconnect your ${n} account? You can reconnect it later.`,confirmLabel:`Disconnect`,destructive:!0,onConfirm:()=>{v(!1),a?.id&&S.mutate({path:{assistant_id:e,connection_id:a.id}})},onCancel:()=>v(!1)})]})}function Ee({displayName:e,open:t,onOpenChange:n,onEditConnections:r,onDisable:i,disablePending:a,isMobile:o}){return o?(0,Q.jsxs)(h.Root,{open:t,onOpenChange:n,children:[(0,Q.jsx)(h.Trigger,{asChild:!0,children:(0,Q.jsx)(d,{variant:`outlined`,rightIcon:(0,Q.jsx)(Y,{}),"aria-haspopup":`menu`,"aria-expanded":t,children:`Configure`})}),(0,Q.jsxs)(h.Content,{children:[(0,Q.jsx)(h.Header,{children:(0,Q.jsx)(h.Title,{children:e})}),(0,Q.jsxs)(h.Body,{children:[(0,Q.jsx)(_,{icon:S,label:`Edit connections`,onSelect:r}),(0,Q.jsx)(_,{icon:a?x:K,label:`Disable`,onSelect:()=>{a||i()}})]})]})]}):(0,Q.jsxs)(g.Root,{open:t,onOpenChange:n,children:[(0,Q.jsx)(g.Trigger,{asChild:!0,children:(0,Q.jsx)(d,{variant:`outlined`,rightIcon:(0,Q.jsx)(Y,{}),"aria-haspopup":`menu`,"aria-expanded":t,children:`Configure`})}),(0,Q.jsxs)(g.Content,{align:`end`,sideOffset:4,role:`menu`,className:`w-56 overflow-hidden p-0`,children:[(0,Q.jsx)(d,{type:`button`,role:`menuitem`,variant:`ghost`,onClick:r,className:`w-full justify-start rounded-none`,leftIcon:(0,Q.jsx)(S,{"aria-hidden":!0}),children:`Edit connections`}),(0,Q.jsx)(d,{type:`button`,role:`menuitem`,variant:`dangerGhost`,onClick:i,disabled:a,className:`w-full justify-start rounded-none`,leftIcon:a?(0,Q.jsx)(x,{className:`animate-spin`,"aria-hidden":!0}):(0,Q.jsx)(K,{"aria-hidden":!0}),children:`Disable`})]})]})}var De=`vellum:integrations:bannerDismissed`,Oe=[{value:`all`,label:`All`},{value:`enabled`,label:`Enabled`},{value:`not-enabled`,label:`Not Enabled`}];function $(e,t){return e?.find(e=>e.provider===t)??null}function ke(){let[e]=o(),i=a(),s=ae(),[l,u]=(0,X.useState)(null),[d,f]=(0,X.useState)(!0),[p,h]=(0,X.useState)(``),[_,b]=(0,X.useState)(`all`),[S,C]=(0,X.useState)(!1),[w,T]=(0,X.useState)(!0),[E,D]=(0,X.useState)(null);(0,X.useEffect)(()=>{T(t(De,`false`)===`true`)},[]);let O=()=>{T(!0),n(De,`true`)};(0,X.useEffect)(()=>{let e=!0;return(async()=>{try{let t=await P();e&&t.ok&&u(t.data)}catch(e){r(e,{context:`integrations.getAssistant`})}finally{e&&f(!1)}})(),()=>{e=!1}},[]);let{data:k,isLoading:A,isError:j}=c({queryKey:[`oauth-providers`,l?.id],queryFn:()=>se(l.id),enabled:!!l}),{data:M,isLoading:N}=c({...J({path:{assistant_id:l?.id??``}}),enabled:!!l&&s===`full`});(0,X.useEffect)(()=>{let t=e.get(`oauth_status`);if(!t)return;let n=e.get(`oauth_provider`),r=n?n.charAt(0).toUpperCase()+n.slice(1):null;if(t===`connected`)y.success(r?`${r} account connected successfully.`:`Account connected successfully.`);else if(t===`error`){let t=e.get(`oauth_code`)??`unknown`;y.error({denied:`Authorization was denied. Please try again.`,state_invalid:`Authorization state was invalid. Please try again.`,state_expired:`Authorization expired. Please try again.`,exchange_failed:`Failed to complete authorization. Please try again.`,identity_failed:`Failed to verify account identity. Please try again.`}[t]??(r?`Failed to connect ${r}.`:`Failed to connect. Please try again.`))}i(F.settings.integrations,{replace:!0})},[e,i]);let I=(0,X.useMemo)(()=>k?.filter(e=>e.supports_managed_mode)??[],[k]),L=(0,X.useMemo)(()=>{let e=p.trim().toLowerCase(),t=I.filter(t=>{if(!e)return!0;let n=(t.display_name??t.provider_key).toLowerCase(),r=(t.description??``).toLowerCase();return n.includes(e)||r.includes(e)});return _!==`all`&&(t=t.filter(e=>{let t=!!$(M,e.provider_key)?.connected;return _===`enabled`?t:!t})),[...t].sort((e,t)=>{let n=!!$(M,e.provider_key)?.connected;if(n!==!!$(M,t.provider_key)?.connected)return n?-1:1;let r=(e.display_name??e.provider_key).toLowerCase(),i=(t.display_name??t.provider_key).toLowerCase();return r.localeCompare(i)})},[I,M,p,_]),R=d||A||N,z=Oe.find(e=>e.value===_)?.label??`All`,B=(()=>{if(p.trim())return`No integrations matched`;switch(_){case`enabled`:return`No Enabled Integrations`;case`not-enabled`:return`All Integrations Are Enabled`;default:return`No Integrations Available`}})(),ee=(()=>{if(p.trim())return`No integrations matched "${p.trim()}"`;switch(_){case`enabled`:return`Connect an integration to get started.`;case`not-enabled`:return`All available integrations have been connected.`;default:return`Check your connection and try again.`}})(),U=(0,X.useMemo)(()=>E?I.find(e=>e.provider_key===E)??null:null,[I,E]);return(0,Q.jsxs)(`div`,{className:`space-y-4`,children:[!w&&(0,Q.jsxs)(m,{tone:`info`,icon:(0,Q.jsx)(H,{className:`h-3.5 w-3.5`}),onDismiss:O,children:[(0,Q.jsx)(`span`,{className:`text-body-medium-default`,children:`Tip:`}),` You can enable integrations by mentioning them in chat.`]}),(0,Q.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,Q.jsx)(v,{type:`text`,value:p,onChange:e=>h(e.target.value),placeholder:`Search Integrations`,"aria-label":`Search integrations`,leftIcon:(0,Q.jsx)(V,{className:`h-3.5 w-3.5`,"aria-hidden":!0}),fullWidth:!0,wrapperClassName:`flex-1`}),(0,Q.jsxs)(g.Root,{open:S,onOpenChange:C,children:[(0,Q.jsx)(g.Trigger,{asChild:!0,children:(0,Q.jsxs)(`button`,{type:`button`,"aria-haspopup":`listbox`,"aria-expanded":S,className:`flex w-36 cursor-pointer items-center justify-between gap-2 rounded-md border border-[var(--border-element)] bg-[var(--surface-lift)] px-3 py-1.5 text-body-medium-lighter text-[var(--content-default)] transition-colors hover:bg-[var(--ghost-hover)]`,children:[(0,Q.jsx)(`span`,{children:z}),(0,Q.jsx)(Y,{className:`h-3.5 w-3.5`})]})}),(0,Q.jsx)(g.Content,{align:`end`,sideOffset:4,className:`w-36 overflow-hidden p-0`,children:(0,Q.jsx)(`div`,{role:`listbox`,children:Oe.map(e=>{let t=e.value===_;return(0,Q.jsx)(`button`,{type:`button`,role:`option`,"aria-selected":t,onClick:()=>{b(e.value),C(!1)},className:`flex w-full cursor-pointer items-center px-3 py-1.5 text-left hover:bg-[var(--ghost-hover)] ${t?`text-body-medium-default text-[var(--content-default)]`:`text-body-medium-lighter text-[var(--content-default)]`}`,children:e.label},e.value)})})})]})]}),(0,Q.jsx)(`div`,{children:R?(0,Q.jsxs)(`div`,{className:`flex items-center gap-2 py-6 text-body-medium-lighter text-[var(--content-tertiary)]`,children:[(0,Q.jsx)(x,{className:`h-4 w-4 animate-spin`}),(0,Q.jsx)(`span`,{children:`Loading...`})]}):j?(0,Q.jsx)(`p`,{className:`text-body-medium-lighter text-[var(--content-tertiary)]`,children:`Failed to load integrations. Please try again.`}):l?L.length===0?(0,Q.jsxs)(`div`,{className:`flex flex-col items-center gap-2 rounded-lg border border-dashed border-[var(--border-element)] px-4 py-12 text-center`,children:[(0,Q.jsx)(V,{className:`h-6 w-6 text-[var(--content-disabled)]`}),(0,Q.jsx)(`p`,{className:`text-body-medium-default text-[var(--content-default)]`,children:B}),(0,Q.jsx)(`p`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:ee})]}):(0,Q.jsx)(`div`,{className:`space-y-2`,children:L.map(e=>(0,Q.jsx)(Te,{assistantId:l.id,providerKey:e.provider_key,displayName:e.display_name??e.provider_key,description:e.description,logoUrl:e.logo_url,connection:$(M,e.provider_key),platformGate:s,onConfigure:()=>D(e.provider_key)},e.provider_key))}):(0,Q.jsx)(`p`,{className:`text-body-medium-lighter text-[var(--content-tertiary)]`,children:`No assistant found. Hatch an assistant to connect integrations.`})}),U&&l&&(0,Q.jsx)(xe,{assistantId:l.id,providerKey:U.provider_key,displayName:U.display_name??U.provider_key,description:U.description,logoUrl:U.logo_url,platformGate:s,onClose:()=>D(null)})]})}function Ae(){return(0,Q.jsx)(`div`,{className:`space-y-6`,children:(0,Q.jsx)(X.Suspense,{children:(0,Q.jsx)(ke,{})})})}export{Ae as IntegrationsPage};

package/dist/assets/modal-BhuCoLJX.js

@@ -1 +0,0 @@
-import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./react-DJZBPgpf.js";import{n}from"./portal-container-DIXEBWUe.js";import{t as r}from"./jsx-runtime-CVSDxk6A.js";import{t as i}from"./cn-DFqQkJlk.js";import{t as a}from"./x-CaVViVFn.js";import{a as o,c as s,i as c,n as l,o as u,r as d,s as f,t as p}from"./dist-D6LVk88Z.js";var m=e(t(),1),h=r(),g=(0,m.createContext)({}),_={sm:`max-w-[400px]`,md:`max-w-[560px]`,lg:`max-w-[800px]`,xl:`max-w-[1100px]`};function v({onOpenChange:e,...t}){return(0,h.jsx)(g,{value:{onOpenChange:e},children:(0,h.jsx)(u,{onOpenChange:e,...t})})}function y(e){return(0,h.jsx)(s,{"data-slot":`modal-trigger`,...e})}function b({size:e=`md`,hideCloseButton:t=!1,overlayClassName:r,className:s,children:u,ref:d,...f}){let v=n(),{onOpenChange:y}=(0,m.useContext)(g);return(0,h.jsx)(o,{container:v??void 0,children:(0,h.jsx)(c,{"data-slot":`modal-overlay`,className:i(`fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4`,r),onClick:e=>{e.target===e.currentTarget&&y?.(!1)},children:(0,h.jsxs)(l,{ref:d,"data-slot":`modal-content`,className:i(`relative flex max-h-[calc(100vh-2rem)] w-full flex-col rounded-xl border shadow-xl`,_[e],`bg-[var(--surface-lift)] border-[var(--border-base)]`,`focus:outline-none`,s),...f,children:[u,t?null:(0,h.jsx)(p,{asChild:!0,children:(0,h.jsx)(`button`,{type:`button`,"aria-label":`Close`,className:`absolute top-3 right-3 flex h-6 w-6 cursor-pointer items-center justify-center rounded bg-transparent text-[var(--content-secondary)] transition-colors hover:text-[var(--content-default)]`,children:(0,h.jsx)(a,{className:`h-4 w-4`})})})]})})})}function x({icon:e,className:t,children:n,ref:r,...a}){return(0,h.jsxs)(f,{ref:r,"data-slot":`modal-title`,className:i(`flex items-center gap-3 text-title-medium text-[var(--content-default)]`,t),...a,children:[e?(0,h.jsx)(`span`,{"aria-hidden":`true`,className:`flex h-10 w-10 shrink-0 items-center justify-center rounded-full`,style:{backgroundColor:`color-mix(in oklab, var(--primary-base) 16%, transparent)`},children:(0,h.jsx)(e,{className:`h-5 w-5 text-[var(--primary-base)]`})}):null,(0,h.jsx)(`span`,{className:`min-w-0 truncate`,children:n})]})}function S({className:e,children:t,ref:n,...r}){return(0,h.jsx)(d,{ref:n,"data-slot":`modal-description`,className:i(`mt-1 whitespace-pre-line text-body-medium-lighter text-[var(--content-secondary)]`,e),...r,children:t})}function C(e){return(0,h.jsx)(p,{"data-slot":`modal-close`,...e})}function w({className:e,children:t,...n}){return(0,h.jsx)(`div`,{"data-slot":`modal-header`,className:i(`flex flex-col gap-1 p-4 pr-10`,e),...n,children:t})}function T({className:e,children:t,...n}){return(0,h.jsx)(`div`,{"data-slot":`modal-body`,className:i(`flex-1 overflow-y-auto px-4 pb-4 text-[var(--content-default)]`,e),...n,children:t})}function E({className:e,children:t,...n}){return(0,h.jsx)(`div`,{"data-slot":`modal-footer`,className:i(`flex justify-end gap-2 px-4 py-4`,e),...n,children:t})}var D={Root:v,Trigger:y,Content:b,Title:x,Description:S,Close:C,Header:w,Body:T,Footer:E};export{D as t};

package/dist/assets/pre-chat-flow-BGFr092Z.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-B4b1m-Ya.js";import{n as r}from"./QueryClientProvider-DNHWXaGq.js";import{t as i}from"./useQuery-D2zf6Uhu.js";import{t as a}from"./useMutation-BuofVRHk.js";import{t as o}from"./jsx-runtime-CVSDxk6A.js";import{t as s}from"./button-DdEh-9f_.js";import{t as c}from"./card-CL5iEMJO.js";import{t as l}from"./input-Cu3PPVCq.js";import{f as u,l as d,s as f,t as p}from"./resolved-assistants-store-BPUbuIhU.js";import{t as m}from"./loader-circle-BSAFLoPH.js";import{t as h}from"./pencil-BA9LOIzP.js";import{t as g}from"./x-BDqbYVtS.js";import{F as _,P as v,S as ee,a as te,i as y,n as b}from"./auth-store-B42fGh_X.js";import{t as x}from"./client.gen-NLWYTfk-.js";import{i as S}from"./routes-DC3Pv2Da.js";import{t as C}from"./public-asset-Dx4la7Nv.js";import{Bn as w,D as T,E,Hn as D,M as O,Mt as k,N as ne,P as A,Q as re,Un as j,Vn as M,Z as N,do as P,dr as ie,f as F,ft as ae,h as oe,j as se,kt as I,lo as L,m as R,mi as ce,mr as le,p as ue,za as de}from"./index-huyA6GAA.js";import{t as z}from"./onboarding-layout-nxxfibR6.js";import{c as fe,i as pe,n as B,o as me,r as he,s as ge,t as _e}from"./step-indicator-dots-DdSrkrW1.js";import{t as V}from"./use-oauth-complete-deep-link-listener-zk0Iiz2U.js";var H=e(t(),1);async function ve(){try{let{data:e,response:t}=await x.get({url:`/v1/onboarding/recipe/`,throwOnError:!1});if(!t?.ok||!e)return null;let n=e;return typeof n.cohort!=`string`||!Array.isArray(n.tasks)||typeof n.tone!=`string`||typeof n.bootstrap_template!=`string`||typeof n.initial_message!=`string`||!Array.isArray(n.skills)||typeof n.skip_prechat!=`boolean`?null:{cohort:n.cohort,tasks:n.tasks,tone:n.tone,bootstrapTemplate:n.bootstrap_template,initialMessage:n.initial_message,skills:n.skills,skipPrechat:n.skip_prechat}}catch{return null}}var U=o(),ye=[{label:`Push notifications`,detail:`stay in the loop even when the browser is closed`},{label:`Biometric login`,detail:`Face ID & Touch ID for instant, secure access`},{label:`Native haptics`,detail:`tactile feedback that feels part of the device`},{label:`Home screen access`,detail:`launch your assistant with a single tap`}];function be({onComplete:e}){function t(){R(),F(),e()}return(0,U.jsx)(z,{children:(0,U.jsxs)(`div`,{className:`mx-auto flex min-h-screen w-full max-w-md flex-col items-center justify-center px-6 pb-40 text-center`,children:[(0,U.jsx)(`div`,{className:`mb-8 flex size-16 items-center justify-center rounded-2xl border`,style:{background:`var(--surface-overlay)`,borderColor:`var(--border-element)`,boxShadow:`0 1px 3px rgba(0,0,0,0.06), 0 4px 12px rgba(0,0,0,0.04)`,animation:`fadeInUp 0.3s ease-out both`},children:(0,U.jsxs)(`svg`,{width:`28`,height:`28`,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,strokeWidth:`1.5`,strokeLinecap:`round`,strokeLinejoin:`round`,style:{color:`var(--content-default)`},"aria-hidden":!0,children:[(0,U.jsx)(`rect`,{x:`5`,y:`2`,width:`14`,height:`20`,rx:`3`}),(0,U.jsx)(`line`,{x1:`12`,y1:`18`,x2:`12`,y2:`18.01`})]})}),(0,U.jsx)(`p`,{className:`text-label-small-default mb-3 uppercase tracking-[0.2em]`,style:{color:`var(--content-tertiary)`,animation:`fadeInUp 0.3s ease-out 0.05s both`},children:`One more thing`}),(0,U.jsx)(`h1`,{className:`mb-3 text-3xl font-semibold tracking-tight`,style:{color:`var(--content-default)`,animation:`fadeInUp 0.3s ease-out 0.1s both`},children:`Your assistant, in your pocket.`}),(0,U.jsx)(`p`,{className:`text-body-medium-lighter mb-10 max-w-sm`,style:{color:`var(--content-secondary)`,animation:`fadeInUp 0.3s ease-out 0.15s both`},children:`The iOS app keeps your assistant a tap away — with push notifications, biometric login, and native haptics.`}),(0,U.jsx)(`div`,{className:`mb-10 w-full rounded-xl border px-5 py-4`,style:{background:`var(--surface-overlay)`,borderColor:`var(--border-element)`,animation:`fadeInUp 0.3s ease-out 0.2s both`},children:(0,U.jsx)(`ul`,{className:`space-y-4`,children:ye.map((e,t)=>(0,U.jsxs)(`li`,{className:`flex items-start gap-3`,style:{animation:`fadeInUp 0.3s ease-out ${.25+t*.05}s both`},children:[(0,U.jsx)(`span`,{className:`mt-0.5 flex size-5 shrink-0 items-center justify-center rounded-full`,style:{background:`var(--system-positive-weak)`},children:(0,U.jsx)(P,{size:12,style:{color:`var(--system-positive-strong)`}})}),(0,U.jsxs)(`span`,{className:`text-left`,children:[(0,U.jsx)(`span`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:e.label}),(0,U.jsxs)(`span`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:[` — `,e.detail]})]})]},e.label))})}),(0,U.jsxs)(`div`,{className:`flex w-full flex-col gap-2`,style:{animation:`fadeInUp 0.3s ease-out 0.45s both`},children:[(0,U.jsx)(s,{variant:`primary`,size:`regular`,fullWidth:!0,onClick:t,className:`h-11 text-base`,children:`Download on the App Store`}),(0,U.jsx)(s,{variant:`ghost`,size:`regular`,fullWidth:!0,onClick:e,className:`h-11 text-base`,children:`Continue in browser`})]})]})})}var W=`google`,xe=[{id:`gmail`,label:`Gmail`,logoSrc:C(`/images/integrations/gmail.svg`)},{id:`google-calendar`,label:`Google Calendar`,logoSrc:C(`/images/integrations/google-calendar.svg`)},{id:`google-drive`,label:`Google Drive`,logoSrc:C(`/images/integrations/google-drive.svg`)}];function Se({assistantId:e,assistantName:t,onConnect:n,onSkip:i,onBack:o}){let c=r(),l=ee(),u=(0,H.useRef)(null),d=(0,H.useRef)(null),f=(0,H.useRef)(null),p=(0,H.useRef)(null),h=(0,H.useRef)(null),g=(0,H.useRef)(null),_=(0,H.useRef)(null),[v,te]=(0,H.useState)(!1),y=(0,H.useCallback)(()=>{d.current=null,te(!1)},[]),b=(0,H.useCallback)(()=>{h.current&&=(window.removeEventListener(`message`,h.current),null),g.current&&=(window.removeEventListener(`storage`,g.current),null)},[]),x=(0,H.useCallback)(()=>{u.current&&!u.current.closed&&u.current.close(),u.current=null,f.current&&=(clearInterval(f.current),null),p.current&&=(clearTimeout(p.current),null)},[]),C=a({...k()});(0,H.useEffect)(()=>()=>{f.current&&clearInterval(f.current),p.current&&clearTimeout(p.current),u.current&&!u.current.closed&&u.current.close(),h.current&&window.removeEventListener(`message`,h.current),g.current&&window.removeEventListener(`storage`,g.current),_.current&&=(_.current(),null)},[]);let w=(0,H.useCallback)(async()=>{try{return(await c.fetchQuery({...I({path:{assistant_id:e}}),staleTime:0})).find(e=>e.provider===W&&e.connected)??null}catch{return null}},[e,c]),T=(0,H.useCallback)(async()=>{x(),y(),n((await w())?.scopes_granted??[])},[y,x,w,n]),E=(0,H.useCallback)(e=>{e.type===`vellum:oauth-complete`&&(!d.current||e.requestId!==d.current.requestId||(e.oauthStatus===`connected`?T():(x(),y())))},[y,x,T]),D=(0,H.useCallback)(e=>{let t=d.current;if(!t)return;let n=se(e,window.location.origin,t.requestId);n&&E(n)},[E]),j=(0,H.useCallback)(e=>{let t=d.current;if(!t)return;let n=O(e,t.requestId);n&&(E(n),window.localStorage.removeItem(A(t.requestId)))},[E]);V((0,H.useCallback)(e=>{let t=d.current;t&&e.requestId===t.requestId&&E({type:`vellum:oauth-complete`,requestId:e.requestId,oauthStatus:e.oauthStatus,oauthProvider:e.oauthProvider,oauthCode:e.oauthCode})},[E]));let M=(0,H.useCallback)(()=>{let t=crypto.randomUUID();if(b(),h.current=D,g.current=j,l){te(!0),d.current={requestId:t},C.mutate({path:{assistant_id:e,provider:W},body:{requested_scopes:[],redirect_after_connect:`${S.account.oauth.popupComplete}?requestId=${t}&native=1`}},{onSuccess(e){N(e.connect_url)},onError(){y()}}),window.addEventListener(`message`,D),window.addEventListener(`storage`,j),_.current&&_.current();let n=re(()=>{if(!d.current){n(),_.current=null;return}(async()=>{let e=await w();d.current&&(e?await T():y(),b(),n(),_.current=null)})()});_.current=n;return}let n=window.open(``,`_blank`,`width=500,height=600`);if(n===null){b();return}u.current=n,te(!0),d.current={requestId:t},window.addEventListener(`message`,D),window.addEventListener(`storage`,j),f.current=setInterval(()=>{u.current&&u.current.closed&&d.current&&!p.current&&(p.current=setTimeout(async()=>{p.current=null;let e=d.current;if(!e)return;let t=window.localStorage.getItem(A(e.requestId));if(t)try{let n=JSON.parse(t);if(ne(n,e.requestId)){E(n),window.localStorage.removeItem(A(e.requestId)),b();return}}catch{}let n=await w();d.current&&(n?await T():(x(),y()),b())},1e3))},100),C.mutate({path:{assistant_id:e,provider:W},body:{requested_scopes:[],redirect_after_connect:`${S.account.oauth.popupComplete}?requestId=${t}`}},{onSuccess(e){u.current&&!u.current.closed?u.current.location.href=e.connect_url:d.current&&(x(),y(),b())},onError(){x(),y(),b()}})},[e,y,x,w,E,D,j,T,l,b,C]),P=t||`your assistant`,ie=t||`Your assistant`;return(0,U.jsx)(z,{children:(0,U.jsxs)(`div`,{className:`mx-auto flex w-full max-w-md flex-col items-center px-6 pb-40 pt-12 text-[var(--content-default)]`,children:[(0,U.jsxs)(`div`,{className:`grid w-full grid-cols-[auto_1fr_auto] items-center`,style:{animation:`fadeInUp 0.3s ease-out 0.1s both`},children:[(0,U.jsx)(`button`,{type:`button`,onClick:o,"aria-label":`Back`,className:`flex h-8 w-8 cursor-pointer items-center justify-center rounded-md text-[var(--content-secondary)] transition-colors hover:bg-[var(--surface-base)]`,children:(0,U.jsx)(L,{className:`h-4 w-4`})}),(0,U.jsx)(`h1`,{className:`text-center text-3xl font-semibold tracking-tight`,children:`Connect Google`}),(0,U.jsx)(`div`,{"aria-hidden":`true`,className:`h-8 w-8`})]}),(0,U.jsx)(`p`,{className:`mt-4 text-center text-body-medium-lighter text-[var(--content-secondary)]`,style:{animation:`fadeInUp 0.3s ease-out 0.15s both`},children:`If you use Google, ${P} can use Gmail, Calendar, and Drive with your permission.`}),(0,U.jsx)(`div`,{className:`mt-6 flex items-stretch justify-center gap-3`,style:{animation:`fadeInUp 0.3s ease-out 0.2s both`},children:xe.map(e=>(0,U.jsxs)(`div`,{className:`flex w-24 flex-col items-center gap-2.5 rounded-2xl bg-[var(--surface-lift)] px-3 pb-3 pt-4`,children:[(0,U.jsx)(`img`,{src:e.logoSrc,alt:``,width:28,height:28,className:`h-7 w-7 object-contain`,loading:`eager`}),(0,U.jsx)(`span`,{className:`text-center text-xs leading-tight text-[var(--content-tertiary)]`,children:e.label})]},e.id))}),(0,U.jsx)(`p`,{className:`mt-8 text-center text-body-medium-lighter text-[var(--content-secondary)]`,style:{animation:`fadeInUp 0.3s ease-out 0.25s both`},children:`${ie} will never send email, change calendar events, or edit files without your permission. You can disconnect at any time.`}),(0,U.jsxs)(`div`,{className:`mt-8 flex w-full flex-col gap-2`,style:{animation:`fadeInUp 0.3s ease-out 0.35s both`},children:[(0,U.jsx)(s,{variant:`primary`,size:`regular`,fullWidth:!0,onClick:M,disabled:v||C.isPending,className:`h-11 text-base`,children:v||C.isPending?(0,U.jsxs)(`span`,{className:`flex items-center justify-center gap-2`,children:[(0,U.jsx)(m,{className:`h-4 w-4 animate-spin`,"aria-hidden":!0}),`Waiting for authorization...`]}):`Connect Google`}),(0,U.jsx)(s,{variant:`ghost`,size:`regular`,fullWidth:!0,onClick:i,disabled:v||C.isPending,className:`h-11 text-base`,children:`Skip for now`})]})]})})}var G=[{id:`grounded`,label:`Grounded`,descriptor:`Calm and precise`,tagline:`Measured. No filler.`,names:[`Penn`,`Sage`,`Atlas`,`Orion`,`Reed`,`Quill`]},{id:`warm`,label:`Warm`,descriptor:`Warm and easy`,tagline:`Friendly and casual.`,names:[`Kit`,`Remy`,`Wren`,`Milo`,`Fenn`,`Cleo`]},{id:`energetic`,label:`Energetic`,descriptor:`Fast and direct`,tagline:`Brief. To the point.`,names:[`Nova`,`Ember`,`Cade`,`Lark`,`Vela`,`Ziggy`]},{id:`poetic`,label:`Poetic`,descriptor:`Quiet and observant`,tagline:`Listens, then replies.`,names:[`Luna`,`Iris`,`Vesper`,`Lyra`,`Juno`,`Ada`]}],Ce=6;function we(){return G.flatMap(e=>e.names)}function Te(){let e=we(),t=Math.min(Ce,e.length);for(let n=0;n<t;n+=1){let t=n+Math.floor(Math.random()*(e.length-n)),r=e[n];e[n]=e[t],e[t]=r}return e.slice(0,t)}function Ee({userName:e,assistantName:t,selectedGroupId:n,displayedAssistantNames:r,onUserNameChange:i,onAssistantNameChange:a,onGroupChange:o,onBack:c,onComplete:u,onSkip:d}){return(0,U.jsx)(z,{children:(0,U.jsxs)(`div`,{className:`mx-auto flex w-full max-w-md flex-col items-center px-6 pb-40 pt-12 text-[var(--content-default)]`,children:[(0,U.jsxs)(`div`,{className:`grid w-full items-center ${c?`grid-cols-[auto_1fr_auto]`:``}`,style:{animation:`fadeInUp 0.3s ease-out 0.1s both`},children:[c?(0,U.jsx)(`button`,{type:`button`,onClick:c,"aria-label":`Back`,className:`flex h-8 w-8 cursor-pointer items-center justify-center rounded-md text-[var(--content-secondary)] transition-colors hover:bg-[var(--surface-base)]`,children:(0,U.jsx)(L,{className:`h-4 w-4`})}):null,(0,U.jsx)(`h1`,{className:`text-center text-3xl font-semibold tracking-tight`,children:`Let's get to know each other.`}),c?(0,U.jsx)(`div`,{"aria-hidden":`true`,className:`h-8 w-8`}):null]}),(0,U.jsx)(`p`,{className:`mt-2 text-center text-body-medium-lighter text-[var(--content-secondary)]`,style:{animation:`fadeInUp 0.3s ease-out 0.15s both`},children:`You can change these any time.`}),(0,U.jsxs)(`div`,{className:`mt-8 flex w-full flex-col gap-6`,style:{animation:`fadeInUp 0.3s ease-out 0.3s both`},children:[(0,U.jsx)(l,{label:`Your name`,placeholder:`Your name`,value:e,onChange:e=>i(e.target.value),fullWidth:!0}),(0,U.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,U.jsx)(l,{label:`What should I go by?`,placeholder:`Assistant name`,value:t,onChange:e=>a(e.target.value),fullWidth:!0}),(0,U.jsx)(`p`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:`A few to try`}),(0,U.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:r.map(e=>{let n=e===t;return(0,U.jsx)(`button`,{type:`button`,onClick:()=>a(e),"aria-pressed":n,className:`cursor-pointer rounded-full border px-3 py-1 text-label-small-default transition-colors ${n?`border-[var(--primary-base)] bg-[var(--primary-base)] text-[var(--content-inset)]`:`border-[var(--border-element)] bg-[var(--surface-lift)] text-[var(--content-secondary)] hover:bg-[var(--surface-base)]`}`,children:e},e)})})]}),(0,U.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,U.jsx)(`p`,{className:`text-body-small-default text-[var(--content-secondary)]`,children:`Pick a vibe`}),(0,U.jsx)(`div`,{className:`grid grid-cols-2 gap-2`,children:G.map(e=>(0,U.jsx)(De,{group:e,isActive:n===e.id,onToggle:()=>o(n===e.id?null:e.id)},e.id))})]})]}),(0,U.jsxs)(`div`,{className:`mt-8 flex w-full flex-col gap-2`,style:{animation:`fadeInUp 0.3s ease-out 0.3s both`},children:[(0,U.jsx)(s,{variant:`primary`,size:`regular`,fullWidth:!0,onClick:u,className:`h-11 text-base`,children:`Let's go`}),(0,U.jsx)(s,{variant:`ghost`,size:`regular`,fullWidth:!0,onClick:d,className:`h-11 text-base`,children:`Skip`})]})]})})}function De({group:e,isActive:t,onToggle:n}){return(0,U.jsxs)(`button`,{type:`button`,onClick:n,"aria-pressed":t,"aria-label":`${e.label}, ${e.descriptor}`,className:`flex cursor-pointer flex-col items-start gap-0.5 rounded-lg border p-3 text-left transition-colors ${t?`border-[var(--primary-base)] bg-[var(--primary-base)] text-[var(--content-inset)]`:`border-[var(--border-element)] bg-[var(--surface-lift)] hover:bg-[var(--surface-base)]`}`,children:[(0,U.jsx)(`span`,{className:`text-body-medium-default ${t?`text-[var(--content-inset)]`:`text-[var(--content-default)]`}`,children:e.descriptor}),(0,U.jsx)(`span`,{className:`text-body-small-default ${t?`text-[var(--content-inset)] opacity-60`:`text-[var(--content-tertiary)]`}`,children:e.tagline})]})}function Oe({userName:e,assistantName:t,displayedAssistantNames:n,onUserNameChange:r,onAssistantNameChange:i,onBack:a,onContinue:o,onSkip:c,currentStep:u,totalSteps:d}){return(0,U.jsx)(z,{children:(0,U.jsxs)(`div`,{className:`mx-auto flex min-h-screen w-full max-w-md flex-col px-6 pb-40 text-[var(--content-default)]`,children:[(0,U.jsxs)(`div`,{className:`grid w-full grid-cols-[auto_1fr_auto] items-center pb-4`,style:{paddingTop:`calc(var(--safe-area-inset-top, env(safe-area-inset-top, 0px)) + 1rem)`,animation:`fadeInUp 0.3s ease-out 0.1s both`},children:[a?(0,U.jsx)(s,{variant:`ghost`,size:`compact`,iconOnly:(0,U.jsx)(L,{}),onClick:a,"aria-label":`Back`}):(0,U.jsx)(`div`,{"aria-hidden":`true`,className:`h-8 w-8`}),(0,U.jsx)(`div`,{className:`flex justify-center`,children:(0,U.jsx)(_e,{current:u,total:d})}),(0,U.jsx)(`div`,{"aria-hidden":`true`,className:`h-8 w-8`})]}),(0,U.jsxs)(`div`,{className:`flex flex-1 flex-col items-center pt-4`,children:[(0,U.jsx)(`h1`,{className:`text-center text-3xl font-semibold tracking-tight`,style:{animation:`fadeInUp 0.3s ease-out 0.1s both`},children:`Let's get to know each other.`}),(0,U.jsx)(`p`,{className:`mt-2 text-center text-body-medium-lighter text-[var(--content-secondary)]`,style:{animation:`fadeInUp 0.3s ease-out 0.15s both`},children:`You can change these any time.`}),(0,U.jsxs)(`div`,{className:`mt-8 flex w-full flex-col gap-6`,style:{animation:`fadeInUp 0.3s ease-out 0.3s both`},children:[(0,U.jsx)(l,{label:`Your name`,placeholder:`Your name`,value:e,onChange:e=>r(e.target.value),fullWidth:!0}),(0,U.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,U.jsx)(l,{label:`What should I go by?`,placeholder:`Assistant name`,value:t,onChange:e=>i(e.target.value),fullWidth:!0}),(0,U.jsx)(`p`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:`A few to try`}),(0,U.jsx)(`div`,{className:`flex flex-wrap gap-2`,children:n.map(e=>{let n=e===t;return(0,U.jsx)(`button`,{type:`button`,onClick:()=>i(e),"aria-pressed":n,className:`cursor-pointer rounded-full border px-3 py-1 text-label-small-default transition-colors ${n?`border-[var(--primary-base)] bg-[var(--primary-base)] text-[var(--content-inset)]`:`border-[var(--border-element)] bg-[var(--surface-lift)] text-[var(--content-secondary)] hover:bg-[var(--surface-base)]`}`,children:e},e)})})]})]})]}),(0,U.jsxs)(`div`,{className:`flex w-full flex-col gap-2 pb-4`,style:{animation:`fadeInUp 0.3s ease-out 0.3s both`},children:[(0,U.jsx)(s,{variant:`primary`,size:`regular`,fullWidth:!0,onClick:o,className:`h-11 text-base`,children:`Continue`}),(0,U.jsx)(s,{variant:`ghost`,size:`regular`,fullWidth:!0,onClick:c,className:`h-11 text-base`,children:`Skip`})]})]})})}var ke=[{id:`chatgpt`,label:`ChatGPT`,logoSrc:C(`/images/prior-assistants/chatgpt.svg`)},{id:`claude`,label:`Claude`,logoSrc:C(`/images/prior-assistants/claude.svg`)},{id:`openclaw`,label:`OpenClaw`,logoSrc:C(`/images/prior-assistants/openclaw.png`)},{id:`hermes`,label:`Hermes`,logoSrc:C(`/images/prior-assistants/hermes.png`)},{id:`manus`,label:`Manus`,logoSrc:C(`/images/prior-assistants/manus.svg`)},{id:`gemini`,label:`Gemini`,logoSrc:C(`/images/prior-assistants/gemini.svg`)},{id:`copilot`,label:`Copilot`,logoSrc:C(`/images/prior-assistants/copilot.svg`)}];function Ae({selectedAssistants:e,onChange:t,onBack:n,onContinue:r,onSkip:i}){let[a,o]=(0,H.useState)(()=>K(e)),[u,d]=(0,H.useState)(()=>a.length>0),f=(0,H.useRef)(q(e));(0,H.useEffect)(()=>{let t=q(e);if(t===f.current)return;let n=K(e);o(n),d(e=>e||n.length>0),f.current=t},[e]),(0,H.useEffect)(()=>{let n=new Set([...e].filter(e=>!e.startsWith(`other:`))),r=new Set;for(let e of a.split(`,`)){let t=e.trim();t&&(r.has(t)||(r.add(t),n.add(`other:${t}`)))}je(n,e)||(f.current=q(n),t(n))},[a]);let p=n=>{let r=new Set(e);r.has(n)?r.delete(n):r.add(n),t(r)},m=(0,H.useMemo)(()=>{let e=new Set;return a.split(`,`).map(e=>e.trim()).filter(t=>!t||e.has(t)?!1:(e.add(t),!0))},[a]),_=e.size===0?`Continue`:`Continue · ${e.size} selected`;return(0,U.jsx)(z,{children:(0,U.jsxs)(`div`,{className:`mx-auto flex w-full max-w-2xl flex-col items-center px-6 pb-40 pt-12 text-[var(--content-default)]`,children:[(0,U.jsxs)(`div`,{className:`grid w-full items-center grid-cols-[auto_1fr_auto]`,style:{animation:`fadeInUp 0.3s ease-out 0.1s both`},children:[(0,U.jsx)(`button`,{type:`button`,onClick:n,"aria-label":`Back`,className:`flex h-8 w-8 cursor-pointer items-center justify-center rounded-md text-[var(--content-secondary)] transition-colors hover:bg-[var(--surface-base)]`,children:(0,U.jsx)(L,{className:`h-4 w-4`})}),(0,U.jsx)(`h1`,{className:`text-center text-3xl font-semibold tracking-tight`,children:`Have you used any of these?`}),(0,U.jsx)(`div`,{"aria-hidden":`true`,className:`h-8 w-8`})]}),(0,U.jsx)(`p`,{className:`mt-4 text-center text-body-medium-lighter text-[var(--content-tertiary)]`,style:{animation:`fadeInUp 0.3s ease-out 0.15s both`},children:`If you've built anything with another assistant, I can help you bring it over.`}),(0,U.jsxs)(`div`,{className:`mt-8 grid w-full grid-cols-2 gap-2 sm:grid-cols-3 md:grid-cols-4`,style:{animation:`fadeInUp 0.3s ease-out 0.2s both`},children:[ke.map(t=>(0,U.jsx)(Me,{assistant:t,selected:e.has(t.id),onToggle:()=>p(t.id)},t.id)),u?null:(0,U.jsx)(Ne,{onClick:()=>d(!0)})]}),u?(0,U.jsx)(c,{padding:`md`,className:`mt-3 w-full border-[var(--primary-base)] bg-[color-mix(in_srgb,var(--primary-base)_8%,transparent)]`,children:(0,U.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,U.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,U.jsx)(h,{className:`h-3.5 w-3.5 text-[var(--content-secondary)]`,"aria-hidden":`true`}),(0,U.jsx)(`span`,{className:`text-body-medium-default text-[var(--content-default)]`,children:`Something else`}),(0,U.jsx)(`button`,{type:`button`,onClick:()=>{d(!1),o(``)},"aria-label":`Dismiss custom assistants`,className:`ml-auto inline-flex h-6 w-6 cursor-pointer items-center justify-center rounded-md text-[var(--content-tertiary)] hover:bg-[var(--surface-base)]`,children:(0,U.jsx)(g,{className:`h-3 w-3`,"aria-hidden":`true`})})]}),(0,U.jsx)(l,{"aria-label":`Other assistants`,placeholder:`e.g. Perplexity, Poe, Character.AI...`,value:a,onChange:e=>o(e.target.value),helperText:`Separate multiple assistants with commas`,fullWidth:!0}),m.length>0?(0,U.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:m.map(e=>(0,U.jsx)(`span`,{className:`rounded-full bg-[var(--primary-base)] px-3 py-1 text-label-small-default text-[var(--content-inset)]`,children:e},e))}):null]})}):null,(0,U.jsxs)(`div`,{className:`mt-8 flex w-full flex-col gap-2`,style:{animation:`fadeInUp 0.3s ease-out 0.3s both`},children:[(0,U.jsx)(s,{variant:`primary`,size:`regular`,fullWidth:!0,disabled:e.size===0,onClick:r,className:`h-11 text-base`,children:_}),(0,U.jsx)(s,{variant:`ghost`,size:`regular`,fullWidth:!0,onClick:i,className:`h-11 text-base`,children:`I haven't used any`})]})]})})}function je(e,t){if(e.size!==t.size)return!1;for(let n of e)if(!t.has(n))return!1;return!0}function K(e){return[...e].filter(e=>e.startsWith(`other:`)).map(e=>e.slice(6)).sort().join(`, `)}function q(e){return[...e].filter(e=>e.startsWith(`other:`)).sort().join(`|`)}function Me({assistant:e,selected:t,onToggle:n}){return(0,U.jsxs)(`button`,{type:`button`,onClick:n,"aria-pressed":t,"aria-label":e.label,className:`relative flex h-[88px] w-full cursor-pointer flex-col items-center justify-center gap-1.5 rounded-lg border p-2 transition-colors ${t?`border-[var(--primary-base)] bg-[color-mix(in_srgb,var(--primary-base)_10%,transparent)]`:`border-[var(--border-element)] bg-[var(--surface-lift)] hover:bg-[var(--surface-base)]`}`,children:[(0,U.jsx)(Pe,{assistant:e,size:32}),(0,U.jsx)(`span`,{className:`line-clamp-2 text-center text-label-medium-default text-[var(--content-default)]`,children:e.label}),t?(0,U.jsx)(`span`,{"aria-hidden":`true`,className:`absolute right-2 top-2 flex h-4 w-4 items-center justify-center rounded-full bg-[var(--primary-base)]`,children:(0,U.jsx)(P,{className:`h-2.5 w-2.5 text-[var(--content-inset)]`,"aria-hidden":`true`})}):null]})}function Ne({onClick:e}){return(0,U.jsxs)(`button`,{type:`button`,onClick:e,"aria-label":`Something else`,className:`flex h-[88px] w-full cursor-pointer flex-col items-center justify-center gap-1.5 rounded-lg border border-[var(--border-element)] bg-[var(--surface-lift)] p-2 transition-colors hover:bg-[var(--surface-base)]`,children:[(0,U.jsx)(`span`,{className:`flex h-8 w-8 items-center justify-center rounded-full bg-[var(--surface-base)]`,children:(0,U.jsx)(de,{className:`h-4 w-4 text-[var(--content-secondary)]`,"aria-hidden":`true`})}),(0,U.jsx)(`span`,{className:`line-clamp-2 text-center text-label-medium-default text-[var(--content-default)]`,children:`Something else`})]})}function Pe({assistant:e,size:t}){if(e.logoSrc)return e.logoSrcDark?(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(`span`,{className:`flex items-center justify-center dark:hidden`,style:{width:t,height:t},"aria-hidden":`true`,children:(0,U.jsx)(`img`,{src:e.logoSrc,alt:``,width:t,height:t,className:`max-h-full max-w-full object-contain`,loading:`eager`})}),(0,U.jsx)(`span`,{className:`hidden items-center justify-center dark:flex`,style:{width:t,height:t},"aria-hidden":`true`,children:(0,U.jsx)(`img`,{src:e.logoSrcDark,alt:``,width:t,height:t,className:`max-h-full max-w-full object-contain`,loading:`eager`})})]}):(0,U.jsx)(`span`,{className:`flex items-center justify-center`,style:{width:t,height:t},children:(0,U.jsx)(`img`,{src:e.logoSrc,alt:``,width:t,height:t,className:`max-h-full max-w-full object-contain`,loading:`eager`})});let n=e.label.slice(0,2).toUpperCase();return(0,U.jsx)(`span`,{className:`flex items-center justify-center rounded-full bg-[var(--surface-base)] text-label-small-default text-[var(--content-default)]`,style:{width:t,height:t},"aria-hidden":`true`,children:n})}function Fe({selectedTasks:e,onChange:t,onBack:n,onContinue:r,onSkip:i}){let a=n=>{let r=new Set(e);r.has(n)?r.delete(n):r.add(n),t(r)};return(0,U.jsx)(z,{children:(0,U.jsxs)(`div`,{className:`mx-auto flex w-full max-w-xl flex-col items-center px-6 pb-40 pt-12 text-[var(--content-default)]`,children:[(0,U.jsxs)(`div`,{className:`grid w-full grid-cols-[auto_1fr_auto] items-center`,style:{animation:`fadeInUp 0.3s ease-out 0.1s both`},children:[(0,U.jsx)(`button`,{type:`button`,onClick:n,"aria-label":`Back`,className:`flex h-8 w-8 cursor-pointer items-center justify-center rounded-md text-[var(--content-secondary)] transition-colors hover:bg-[var(--surface-base)]`,children:(0,U.jsx)(L,{className:`h-4 w-4`})}),(0,U.jsx)(`h1`,{className:`text-center text-3xl font-semibold tracking-tight`,children:`What are you working on?`}),(0,U.jsx)(`div`,{"aria-hidden":`true`,className:`h-8 w-8`})]}),(0,U.jsx)(`p`,{className:`mt-4 text-center text-body-medium-lighter text-[var(--content-tertiary)]`,style:{animation:`fadeInUp 0.3s ease-out 0.15s both`},children:`Pick the one or two you do most — you can select more if it really is all of it.`}),(0,U.jsx)(`div`,{className:`mt-8 flex w-full flex-col gap-2`,style:{animation:`fadeInUp 0.3s ease-out 0.2s both`},children:E.map(t=>{let n=T[t.iconKey],r=e.has(t.id);return(0,U.jsxs)(`button`,{type:`button`,onClick:()=>a(t.id),"aria-pressed":r,className:`group flex w-full cursor-pointer items-center gap-3 rounded-lg border px-4 py-3 text-left transition-colors ${r?`border-[var(--primary-base)] bg-[var(--primary-base)]/10`:`border-[var(--border-element)] bg-[var(--surface-lift)] hover:bg-[var(--surface-base)]`}`,children:[(0,U.jsx)(`div`,{className:`flex w-6 shrink-0 items-center justify-center text-[var(--content-secondary)]`,children:n?(0,U.jsx)(n,{className:`h-4 w-4`}):null}),(0,U.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,U.jsx)(`div`,{className:`text-body-medium-default text-[var(--content-default)]`,children:t.label}),(0,U.jsx)(`p`,{className:`mt-0.5 text-body-small-default text-[var(--content-tertiary)]`,children:t.sublabel})]}),(0,U.jsx)(`div`,{"aria-hidden":`true`,className:`flex h-5 w-5 shrink-0 items-center justify-center rounded-md ${r?`bg-[var(--primary-base)]`:`border-[1.5px] border-[var(--border-element)]`}`,children:r?(0,U.jsx)(P,{className:`h-3 w-3 text-[var(--content-inset)]`}):null})]},t.id)})}),(0,U.jsxs)(`div`,{className:`mt-8 flex w-full flex-col gap-2`,style:{animation:`fadeInUp 0.3s ease-out 0.3s both`},children:[(0,U.jsx)(s,{variant:`primary`,size:`regular`,fullWidth:!0,disabled:e.size===0,onClick:r,className:`h-11 text-base`,children:`Continue`}),(0,U.jsx)(s,{variant:`ghost`,size:`regular`,fullWidth:!0,onClick:i,className:`h-11 text-base`,children:`I'll set this up later`})]})]})})}var Ie=new Set([`gmail`,`google-calendar`,`google-drive`]),J=[{id:`gmail`,label:`Gmail`,logoSrc:C(`/images/integrations/gmail.svg`)},{id:`outlook`,label:`Outlook`,logoSrc:C(`/images/integrations/outlook.png`)},{id:`google-calendar`,label:`Google Calendar`,logoSrc:C(`/images/integrations/google-calendar.svg`)},{id:`slack`,label:`Slack`,logoSrc:C(`/images/integrations/slack.svg`)},{id:`notion`,label:`Notion`,logoSrc:C(`/images/integrations/notion.svg`)},{id:`linear`,label:`Linear`,logoSrc:C(`/images/integrations/linear-light-logo.svg`)},{id:`jira`,label:`Jira`,logoSrc:C(`/images/integrations/jira.svg`)},{id:`github`,label:`GitHub`,logoSrc:C(`/images/integrations/github.svg`),logoSrcDark:C(`/images/integrations/github-dark.svg`)},{id:`figma`,label:`Figma`,logoSrc:C(`/images/integrations/figma.svg`)},{id:`google-drive`,label:`Google Drive`,logoSrc:C(`/images/integrations/google-drive.svg`)},{id:`excel`,label:`Excel`,logoSrc:C(`/images/integrations/excel.svg`)},{id:`apple-notes`,label:`Apple Notes`,logoSrc:C(`/images/integrations/apple-notes.svg`)}];function Le(e){let t=e.map(e=>e.startsWith(`other:`)?e.slice(6):e);return Array.from(new Set(t)).sort()}function Re({selectedTools:e,onChange:t,onBack:n,onContinue:r,onSkip:i}){let[a,o]=(0,H.useState)(()=>ze(e)),[u,d]=(0,H.useState)(()=>a.length>0),f=(0,H.useRef)(Be(e));(0,H.useEffect)(()=>{let t=Be(e);if(t===f.current)return;let n=ze(e);o(n),d(e=>e||n.length>0),f.current=t},[e]),(0,H.useEffect)(()=>{let n=new Set([...e].filter(e=>!e.startsWith(`other:`))),r=new Set;for(let e of a.split(`,`)){let t=e.trim();t&&(r.has(t)||(r.add(t),n.add(`other:${t}`)))}Y(n,e)||(f.current=Be(n),t(n))},[a]);let p=n=>{let r=new Set(e);r.has(n)?r.delete(n):r.add(n),t(r)},m=(0,H.useMemo)(()=>{let e=new Set;return a.split(`,`).map(e=>e.trim()).filter(t=>!t||e.has(t)?!1:(e.add(t),!0))},[a]),_=e.size===0?`Continue`:`Continue · ${e.size} selected`;return(0,U.jsx)(z,{children:(0,U.jsxs)(`div`,{className:`mx-auto flex w-full max-w-2xl flex-col items-center px-6 pb-40 pt-12 text-[var(--content-default)]`,children:[(0,U.jsxs)(`div`,{className:`grid w-full items-center ${n?`grid-cols-[auto_1fr_auto]`:``}`,style:{animation:`fadeInUp 0.3s ease-out 0.1s both`},children:[n?(0,U.jsx)(`button`,{type:`button`,onClick:n,"aria-label":`Back`,className:`flex h-8 w-8 cursor-pointer items-center justify-center rounded-md text-[var(--content-secondary)] transition-colors hover:bg-[var(--surface-base)]`,children:(0,U.jsx)(L,{className:`h-4 w-4`})}):null,(0,U.jsx)(`h1`,{className:`text-center text-3xl font-semibold tracking-tight`,children:`What do you use?`}),n?(0,U.jsx)(`div`,{"aria-hidden":`true`,className:`h-8 w-8`}):null]}),(0,U.jsx)(`p`,{className:`mt-4 text-center text-body-medium-lighter text-[var(--content-tertiary)]`,style:{animation:`fadeInUp 0.3s ease-out 0.15s both`},children:`This helps me tailor how I assist you. No connections needed — you can set those up later.`}),(0,U.jsxs)(`div`,{className:`mt-8 grid w-full grid-cols-2 gap-2 sm:grid-cols-3 md:grid-cols-4`,style:{animation:`fadeInUp 0.3s ease-out 0.2s both`},children:[J.map(t=>(0,U.jsx)(Ve,{tool:t,selected:e.has(t.id),onToggle:()=>p(t.id)},t.id)),u?null:(0,U.jsx)(X,{onClick:()=>d(!0)})]}),u?(0,U.jsx)(c,{padding:`md`,className:`mt-3 w-full border-[var(--primary-base)] bg-[color-mix(in_srgb,var(--primary-base)_8%,transparent)]`,children:(0,U.jsxs)(`div`,{className:`flex flex-col gap-3`,children:[(0,U.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,U.jsx)(h,{className:`h-3.5 w-3.5 text-[var(--content-secondary)]`,"aria-hidden":`true`}),(0,U.jsx)(`span`,{className:`text-body-medium-default text-[var(--content-default)]`,children:`Something else`}),(0,U.jsx)(`button`,{type:`button`,onClick:()=>{d(!1),o(``)},"aria-label":`Dismiss custom tools`,className:`ml-auto inline-flex h-6 w-6 cursor-pointer items-center justify-center rounded-md text-[var(--content-tertiary)] hover:bg-[var(--surface-base)]`,children:(0,U.jsx)(g,{className:`h-3 w-3`,"aria-hidden":`true`})})]}),(0,U.jsx)(l,{"aria-label":`Other tools`,placeholder:`e.g. Trello, Basecamp, Asana...`,value:a,onChange:e=>o(e.target.value),helperText:`Separate multiple tools with commas`,fullWidth:!0}),m.length>0?(0,U.jsx)(`div`,{className:`flex flex-wrap gap-1.5`,children:m.map(e=>(0,U.jsx)(`span`,{className:`rounded-full bg-[var(--primary-base)] px-3 py-1 text-label-small-default text-[var(--content-inset)]`,children:e},e))}):null]})}):null,(0,U.jsxs)(`div`,{className:`mt-8 flex w-full flex-col gap-2`,style:{animation:`fadeInUp 0.3s ease-out 0.3s both`},children:[(0,U.jsx)(s,{variant:`primary`,size:`regular`,fullWidth:!0,disabled:e.size===0,onClick:r,className:`h-11 text-base`,children:_}),(0,U.jsx)(s,{variant:`ghost`,size:`regular`,fullWidth:!0,onClick:i,className:`h-11 text-base`,children:`I'll set this up later`})]})]})})}function Y(e,t){if(e.size!==t.size)return!1;for(let n of e)if(!t.has(n))return!1;return!0}function ze(e){return[...e].filter(e=>e.startsWith(`other:`)).map(e=>e.slice(6)).sort().join(`, `)}function Be(e){return[...e].filter(e=>e.startsWith(`other:`)).sort().join(`|`)}function Ve({tool:e,selected:t,onToggle:n}){return(0,U.jsxs)(`button`,{type:`button`,onClick:n,"aria-pressed":t,"aria-label":e.label,className:`relative flex h-[88px] w-full cursor-pointer flex-col items-center justify-center gap-1.5 rounded-lg border p-2 transition-colors ${t?`border-[var(--primary-base)] bg-[color-mix(in_srgb,var(--primary-base)_10%,transparent)]`:`border-[var(--border-element)] bg-[var(--surface-lift)] hover:bg-[var(--surface-base)]`}`,children:[(0,U.jsx)(He,{tool:e,size:32}),(0,U.jsx)(`span`,{className:`line-clamp-2 text-center text-label-medium-default text-[var(--content-default)]`,children:e.label}),t?(0,U.jsx)(`span`,{"aria-hidden":`true`,className:`absolute right-2 top-2 flex h-4 w-4 items-center justify-center rounded-full bg-[var(--primary-base)]`,children:(0,U.jsx)(P,{className:`h-2.5 w-2.5 text-[var(--content-inset)]`,"aria-hidden":`true`})}):null]})}function X({onClick:e}){return(0,U.jsxs)(`button`,{type:`button`,onClick:e,"aria-label":`Something else`,className:`flex h-[88px] w-full cursor-pointer flex-col items-center justify-center gap-1.5 rounded-lg border border-[var(--border-element)] bg-[var(--surface-lift)] p-2 transition-colors hover:bg-[var(--surface-base)]`,children:[(0,U.jsx)(`span`,{className:`flex h-8 w-8 items-center justify-center rounded-full bg-[var(--surface-base)]`,children:(0,U.jsx)(de,{className:`h-4 w-4 text-[var(--content-secondary)]`,"aria-hidden":`true`})}),(0,U.jsx)(`span`,{className:`line-clamp-2 text-center text-label-medium-default text-[var(--content-default)]`,children:`Something else`})]})}function He({tool:e,size:t}){if(e.logoSrc)return e.logoSrcDark?(0,U.jsxs)(U.Fragment,{children:[(0,U.jsx)(`span`,{className:`flex items-center justify-center dark:hidden`,style:{width:t,height:t},"aria-hidden":`true`,children:(0,U.jsx)(`img`,{src:e.logoSrc,alt:``,width:t,height:t,className:`max-h-full max-w-full object-contain`,loading:`eager`})}),(0,U.jsx)(`span`,{className:`hidden items-center justify-center dark:flex`,style:{width:t,height:t},"aria-hidden":`true`,children:(0,U.jsx)(`img`,{src:e.logoSrcDark,alt:``,width:t,height:t,className:`max-h-full max-w-full object-contain`,loading:`eager`})})]}):(0,U.jsx)(`span`,{className:`flex items-center justify-center`,style:{width:t,height:t},children:(0,U.jsx)(`img`,{src:e.logoSrc,alt:``,width:t,height:t,className:`max-h-full max-w-full object-contain`,loading:`eager`})});let n=e.label.slice(0,2).toUpperCase();return(0,U.jsx)(`span`,{className:`flex items-center justify-center rounded-full bg-[var(--surface-base)] text-label-small-default text-[var(--content-default)]`,style:{width:t,height:t},"aria-hidden":`true`,children:n})}function Ue({selectedGroupId:e,onGroupChange:t,onBack:n,onContinue:r,onSkip:i,currentStep:a,totalSteps:o}){return(0,U.jsx)(z,{children:(0,U.jsxs)(`div`,{className:`mx-auto flex min-h-screen w-full max-w-md flex-col px-6 pb-40 text-[var(--content-default)]`,children:[(0,U.jsxs)(`div`,{className:`grid w-full grid-cols-[auto_1fr_auto] items-center pb-4`,style:{paddingTop:`calc(var(--safe-area-inset-top, env(safe-area-inset-top, 0px)) + 1rem)`,animation:`fadeInUp 0.3s ease-out 0.1s both`},children:[(0,U.jsx)(s,{variant:`ghost`,size:`compact`,iconOnly:(0,U.jsx)(L,{}),onClick:n,"aria-label":`Back`}),(0,U.jsx)(`div`,{className:`flex justify-center`,children:(0,U.jsx)(_e,{current:a,total:o})}),(0,U.jsx)(`div`,{"aria-hidden":`true`,className:`h-8 w-8`})]}),(0,U.jsxs)(`div`,{className:`flex flex-1 flex-col items-center pt-4`,children:[(0,U.jsx)(`h1`,{className:`w-full text-left text-3xl font-semibold tracking-tight`,style:{animation:`fadeInUp 0.3s ease-out 0.1s both`},children:`What's my vibe?`}),(0,U.jsx)(`p`,{className:`mt-2 w-full text-left text-body-medium-lighter text-[var(--content-secondary)]`,style:{animation:`fadeInUp 0.3s ease-out 0.15s both`},children:`You can change this any time.`}),(0,U.jsx)(`div`,{className:`mt-8 flex w-full flex-col gap-3`,style:{animation:`fadeInUp 0.3s ease-out 0.3s both`},children:G.map(n=>{let r=e===n.id;return(0,U.jsxs)(`button`,{type:`button`,onClick:()=>t(r?null:n.id),"aria-pressed":r,className:`flex cursor-pointer items-center justify-between rounded-xl border px-4 py-4 text-left transition-colors ${r?`border-[var(--content-default)] bg-[var(--surface-lift)]`:`border-[var(--border-element)] bg-[var(--surface-lift)] hover:bg-[var(--surface-base)]`}`,children:[(0,U.jsx)(`span`,{className:`text-body-medium-default text-[var(--content-default)]`,children:n.descriptor}),(0,U.jsx)(`span`,{className:`flex h-5 w-5 items-center justify-center rounded-full border-2 transition-colors ${r?`border-[var(--content-default)]`:`border-[var(--content-disabled)]`}`,children:r&&(0,U.jsx)(`span`,{className:`h-2.5 w-2.5 rounded-full bg-[var(--content-default)]`})})]},n.id)})})]}),(0,U.jsxs)(`div`,{className:`flex w-full flex-col gap-2 pb-4`,style:{animation:`fadeInUp 0.3s ease-out 0.3s both`},children:[(0,U.jsx)(s,{variant:`primary`,size:`regular`,fullWidth:!0,onClick:r,className:`h-11 text-base`,children:`Continue`}),(0,U.jsx)(s,{variant:`ghost`,size:`regular`,fullWidth:!0,onClick:i,className:`h-11 text-base`,children:`Skip`})]})]})})}function We(e){let[t,n]=(0,H.useState)(()=>(e??``).trim()),r=(0,H.useRef)(!1);return(0,H.useEffect)(()=>{if(r.current)return;let t=(e??``).trim();t&&n(e=>e||t)},[e]),{value:t,onChange:(0,H.useCallback)(e=>{r.current=!0,n(e)},[])}}var Ge=[`gmail`,`google-calendar`,`google-drive`],Ke=`experiment-activation-flow-2026-06-03`,Z=`BOOTSTRAP-ACTIVATION-RAIL.md`;function Q(e,t,n){return t?.initialMessage?t.initialMessage:n?M(e):w}function qe(e){let{mode:t,recipe:n}=e,r=e.connectedScopes!==void 0,i;i=t===`native`?{tools:[],tasks:[],tone:e.tone,googleConnected:!1}:t===`paredDown`?{tools:r?[...Ge]:[],tasks:n?.tasks??[],tone:e.tone,googleConnected:r}:{tools:Le([...e.selectedTools]),tasks:[...e.selectedTasks].sort(),tone:e.tone},n&&(i.cohort=n.cohort,i.bootstrapTemplate=n.bootstrapTemplate,i.skills=n.skills),e.activationFlowEnabled&&(i.cohort=Ke,i.bootstrapTemplate=Z);let a=e.userName.trim();a&&(i.userName=a);let o=e.assistantName.trim();return o&&(i.assistantName=o),t===`paredDown`?r&&(i.googleScopes=e.connectedScopes):t===`control`&&(r?(i.googleConnected=!0,i.googleScopes=e.connectedScopes):e.googleConnected?(i.googleConnected=!0,i.googleScopes=e.googleScopes):i.googleConnected=!1),t===`control`&&e.selectedPriorAssistants.size>0&&(i.priorAssistants=Le([...e.selectedPriorAssistants])),i.initialMessage=Q(i,e.activationFlowEnabled?null:n,e.selfIntroGreetingEnabled),i}function Je(e){return!e.localMode||e.platformSession===`present`?!0:e.platformSession===`unknown`&&e.hasCachedPlatformAssistant}function Ye(e){let{paredDown:t}=e;return[{id:`name`,funnelStep:B.nameVibe,enabled:!0},{id:`taskTone`,funnelStep:B.controlWorkType,enabled:!t},{id:`tools`,funnelStep:B.controlTools,enabled:!t},{id:`priorAssistants`,funnelStep:B.controlPriorAssistants,enabled:!t&&e.canOfferPriorAssistants},{id:`google`,funnelStep:t?B.gmailConnect:B.controlGmailConnect,enabled:e.canOfferGoogleStep&&(t||e.hasGoogleTool)},{id:`iosApp`,funnelStep:B.controlGetApp,enabled:!t&&e.showIOSAppStep}].filter(e=>e.enabled).map(({enabled:e,...t})=>t)}function Xe(){return[{id:`nativeName`,funnelStep:null},{id:`nativeVibe`,funnelStep:null}]}var $=`1`;function Ze(e){return e===`nativeVibe`||e===$?`nativeVibe`:null}function Qe(e,t){let n=e.findIndex(e=>e.id===t);return n<0?null:e[n+1]?.id??null}function $e(e,t){let n=e.findIndex(e=>e.id===t);return n<=0?null:e[n-1]?.id??null}var et=3;function tt(){let e=d();return e?.cloud===`vellum`?e.assistantId:f()[0]?.assistantId??null}function nt(){let e=n(),t=b.use.user(),r=y(),a=te(),o=t?.id??null,s=t?.firstName??``,c=t?.lastName??``,l=ee(),d=p.use.activeAssistantId(),f=u(),m=oe()&&!ue(),h=ce.use.stringFlags().preChatOnboardingExperiment20260606??`control`,g=ce.use.experimentActivationFlow20260603(),x=ce.use.selfIntroGreeting(),C=me(h),w=ge()??C,T=w===he.paredDown,E=f?tt():null,O=o?`prechat_native_screen:${o}`:null,[k,ne]=(0,H.useState)(()=>l?`nativeName`:`name`),A=(0,H.useCallback)(e=>{if(O)try{e===null?sessionStorage.removeItem(O):sessionStorage.setItem(O,e)}catch{}},[O]);(0,H.useLayoutEffect)(()=>{if(O)try{let e=Ze(sessionStorage.getItem(O));e&&ne(e)}catch{}},[O]),(0,H.useEffect)(()=>{l&&A(k===`nativeVibe`?`nativeVibe`:null)},[l,k,A]);let re=b.use.platformSession(),M=_(re),[N,P]=(0,H.useState)(()=>new Set),[F,se]=(0,H.useState)(()=>new Set),[I,L]=(0,H.useState)(()=>new Set),{value:R,onChange:de}=We(f&&!M?``:s||c),[z,B]=(0,H.useState)(null),[_e]=(0,H.useState)(()=>Te()),[V,ye]=(0,H.useState)(``),[W,xe]=(0,H.useState)(!1),[G,Ce]=(0,H.useState)([]),{data:we}=i({...ae(),enabled:!a&&r&&(!f||M)}),{data:De,isLoading:ke}=i({queryKey:[`onboarding-recipe`,o],queryFn:ve,enabled:!a&&r&&!l&&!f,staleTime:1/0}),je=De??null,K=we?.id??d??E,q=Je({localMode:f,platformSession:re,hasCachedPlatformAssistant:E!==null}),Me=q,Ne=q,Pe=(0,H.useCallback)(async()=>{await v.checkAssistant(),e(`${S.assistant}?onboarding=1`,{replace:!0})},[e]),[J,Le]=(0,H.useState)(()=>a||!r?{userId:o,decision:`pending`}:{userId:o,decision:le()&&ie()?`ok`:`missing`}),Y=J.decision;(0,H.useEffect)(()=>{a||!r||J.userId===o&&J.decision!==`pending`||Le({userId:o,decision:le()&&ie()?`ok`:`missing`})},[J,a,r,o]),(0,H.useEffect)(()=>{if(!a){if(!r){e(S.account.login,{replace:!0});return}if(Y===`missing`&&!l){e(S.onboarding.privacy,{replace:!0});return}}},[Y,a,r,l,e,Pe,o]);let ze=a||!r||!(l||Y===`ok`)||!!ke;function Be(e,t=w){pe(e,{userId:o,variant:fe(t)})}let Ve=[...N].some(e=>Ie.has(e)),X=l?Xe():Ye({paredDown:T,canOfferPriorAssistants:Ne,canOfferGoogleStep:Me,hasGoogleTool:Ve,showIOSAppStep:m});async function He(e){j(qe({mode:T?`paredDown`:`control`,recipe:je,selectedTools:N,selectedTasks:F,selectedPriorAssistants:e?.selectedPriorAssistants??I,tone:z??je?.tone??`grounded`,userName:R,assistantName:V,selfIntroGreetingEnabled:x,activationFlowEnabled:g,googleConnected:W,googleScopes:G,connectedScopes:e?.connectedScopes}));let t=V.trim();t&&D(t),v.markExpectingFirstMessage(),await Pe()}function Ge(){j(qe({mode:`native`,recipe:null,selectedTools:N,selectedTasks:F,selectedPriorAssistants:I,tone:z??`grounded`,userName:R,assistantName:V,selfIntroGreetingEnabled:x,googleConnected:!1,googleScopes:[]}));let t=V.trim();t&&D(t),A(null),e(S.onboarding.privacy)}let Ke=e=>{l?Ge():He(e)},Z=(e,t)=>{e.funnelStep&&Be(e.funnelStep);let n=Qe(X,e.id);n?ne(n):Ke(t)},Q=e=>{let t=$e(X,e);t&&ne(t)};if(ze)return null;let $=X.find(e=>e.id===k)??X[0];return $?$.id===`nativeName`?(0,U.jsx)(Oe,{userName:R,assistantName:V,displayedAssistantNames:_e,onUserNameChange:de,onAssistantNameChange:ye,onContinue:()=>Z($),onSkip:()=>Z($),currentStep:0,totalSteps:et}):$.id===`nativeVibe`?(0,U.jsx)(Ue,{selectedGroupId:z,onGroupChange:B,onBack:()=>Q($.id),onContinue:()=>Z($),onSkip:()=>Z($),currentStep:1,totalSteps:et}):$.id===`name`?(0,U.jsx)(Ee,{userName:R,assistantName:V,selectedGroupId:z,displayedAssistantNames:_e,onUserNameChange:de,onAssistantNameChange:ye,onGroupChange:B,onComplete:()=>Z($),onSkip:()=>Z($)}):$.id===`taskTone`?(0,U.jsx)(Fe,{selectedTasks:F,onChange:se,onBack:()=>Q($.id),onContinue:()=>Z($),onSkip:()=>Z($)}):$.id===`tools`?(0,U.jsx)(Re,{selectedTools:N,onChange:P,onBack:()=>Q($.id),onContinue:()=>Z($),onSkip:()=>Z($)}):$.id===`priorAssistants`?(0,U.jsx)(Ae,{selectedAssistants:I,onChange:L,onBack:()=>Q($.id),onContinue:()=>Z($),onSkip:()=>{let e=new Set;L(e),Z($,{selectedPriorAssistants:e})}}):$.id===`google`?K?(0,U.jsx)(Se,{assistantId:K,assistantName:V,onConnect:e=>{xe(!0),Ce(e),Z($,{connectedScopes:e})},onSkip:()=>Z($),onBack:()=>Q($.id)}):null:$.id===`iosApp`?(0,U.jsx)(be,{onComplete:()=>Z($)}):null:null}export{nt as PreChatFlow};

package/dist/assets/privacy-page-ClS4RliD.js

@@ -1 +0,0 @@
-import{o as e}from"./chunk-jRWAZmH_.js";import{a as t,n,o as r,r as i}from"./device-settings-C07QvMzm.js";import{t as a}from"./react-DJZBPgpf.js";import{T as o}from"./portal-container-DIXEBWUe.js";import{n as s}from"./QueryClientProvider-DNHWXaGq.js";import{t as c}from"./useQuery-D2zf6Uhu.js";import{t as l}from"./useMutation-BuofVRHk.js";import{t as u}from"./jsx-runtime-CVSDxk6A.js";import{t as d}from"./button-DdEh-9f_.js";import{t as f}from"./card-CL5iEMJO.js";import{t as p}from"./dropdown-CocFV5yi.js";import{t as m}from"./confirm-dialog-DsrjEJ8n.js";import{t as h}from"./notice-CF2pptne.js";import{t as g}from"./tag-Ccr7Quy6.js";import{t as _}from"./input-Cu3PPVCq.js";import{t as v}from"./toggle-CEm3M86o.js";import{n as y}from"./toast-DU1nH33j.js";import{t as b}from"./chevron-right-zTNPbA1m.js";import{t as x}from"./loader-circle-BSAFLoPH.js";import{t as S}from"./pencil-BA9LOIzP.js";import{t as C}from"./x-BDqbYVtS.js";import{S as w,_ as T,f as E,g as D,h as O,m as k,p as A,v as j}from"./auth-store-B42fGh_X.js";import{t as M}from"./sdk.gen-DyGxpG-m.js";import{Ai as ee,B as te,Hi as N,R as P,_ as F,ct as I,dt as L,g as R,lt as z,st as ne,uo as re,ut as ie,v as ae,y as oe,z as B}from"./index-huyA6GAA.js";import{t as V}from"./use-active-assistant-id-DpqDbjpv.js";import{t as H}from"./detail-card-p3YdFOs0.js";var U=e(a(),1),W=u();function G(){let e=z({platformHostedOnly:!0}),t=ne(),n=I(),r=s(),{data:i,isLoading:a,isError:o}=c({...ie(),enabled:e===`full`&&t}),u=l({mutationFn:async e=>{let{data:t}=await M({body:{access_consented:e},throwOnError:!0});return t},onSuccess:e=>{r.setQueryData(L(),e),y.success(e?.access_consented?`Admin data access enabled.`:`Admin data access disabled.`)},onError:()=>{y.error(`Failed to update log access consent.`)}});if(e===`gated`)return null;let d=e===`full`&&n,f=i?.access_consented??!1,p=e!==`full`||!t||a||o||u.isPending;return(0,W.jsxs)(`div`,{children:[(0,W.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,W.jsxs)(`div`,{className:`flex-1`,children:[(0,W.jsx)(`div`,{className:`text-body-medium-default text-[var(--content-default)]`,children:`Allow admin access to assistant data`}),(0,W.jsxs)(`p`,{className:`mt-1 text-body-small-default text-[var(--content-tertiary)]`,children:[`Lets Vellum administrators reach privileged data on your assistant pod for debugging — today this means tailing the daily assistant log at`,` `,(0,W.jsx)(`code`,{className:`rounded bg-[var(--surface-base)] px-1.5 font-mono text-[var(--content-secondary)] dark:bg-[var(--surface-lift)] dark:text-[var(--content-default)]`,children:`/workspace/data/logs/assistant-YYYY-MM-DD.log`}),`. Off by default. Turn on temporarily when asking support to investigate an issue, then turn off when you're done.`]}),e===`full`&&o&&(0,W.jsx)(`p`,{className:`mt-1 text-body-small-default text-[var(--system-negative-strong)]`,children:`Failed to load consent setting.`})]}),(0,W.jsx)(`div`,{className:`flex items-center gap-2`,children:e===`disabled`?null:(0,W.jsxs)(W.Fragment,{children:[(u.isPending||d)&&(0,W.jsx)(x,{className:`h-4 w-4 animate-spin text-[var(--content-tertiary)]`}),(0,W.jsx)(v,{checked:f,disabled:p,onChange:()=>u.mutate(!f)})]})})]}),e===`disabled`&&(0,W.jsx)(h,{tone:`info`,className:`mt-3`,children:`Log in to the Vellum platform to manage admin data access.`})]})}function K(){let e=w(),[t,n]=(0,U.useState)(()=>O()),[r,i]=(0,U.useState)(!1),[a,o]=(0,U.useState)(`Face ID`),[s,c]=(0,U.useState)(!1);if((0,U.useEffect)(()=>{e&&(k().then(i),A().then(o))},[e]),!e||!r)return null;let l=async()=>{c(!0);try{if(t)D(!1),await E(),n(!1);else{let e=j();e&&await T(e),D(!0),n(!0)}}finally{c(!1)}};return(0,W.jsx)(H,{title:`Security`,children:(0,W.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,W.jsxs)(`div`,{className:`flex-1`,children:[(0,W.jsxs)(`div`,{className:`text-body-medium-default text-[var(--content-default)]`,children:[`Use `,a,` for sign-in`]}),(0,W.jsxs)(`p`,{className:`mt-1 text-body-small-default text-[var(--content-tertiary)]`,children:[`When your session expires, verify with `,a,` or your device passcode instead of signing in again.`]})]}),(0,W.jsx)(v,{checked:t,onChange:()=>void l(),disabled:s})]})})}function q(){return(0,W.jsx)(`div`,{className:`h-px bg-[var(--surface-active)] dark:bg-[var(--surface-lift)]`})}var J=R.map(e=>({value:e.id,label:e.label,icon:(0,W.jsx)(e.icon,{className:`h-3.5 w-3.5`})}));function se(){let e=V(),t=s(),{data:n,isError:r}=c({queryKey:[`thresholds`,e],queryFn:()=>ae(e),staleTime:3e4}),[i,a]=(0,U.useState)(`relaxed`),[o,l]=(0,U.useState)(`conservative`),[u,d]=(0,U.useState)(`strict`),[m,h]=(0,U.useState)(!1),g=(0,U.useRef)(!1),[_,v]=(0,U.useState)(!1),y=(0,U.useRef)(null),x=(0,U.useRef)(null);(0,U.useEffect)(()=>{!n||g.current||(a(F(n.interactive).id),l(F(n.autonomous).id),d(F(n.headless).id),v(!0))},[n]),(0,U.useEffect)(()=>()=>{y.current!==null&&(clearTimeout(y.current),y.current=null,x.current?.(),x.current=null)},[]);let S=(0,U.useCallback)((n,r,i)=>{if(!e||!_)return;let a=R.find(e=>e.id===n)?.riskThreshold,o=R.find(e=>e.id===r)?.riskThreshold,s=R.find(e=>e.id===i)?.riskThreshold;!a||!o||!s||oe(e,{interactive:a,autonomous:o,headless:s}).then(()=>{t.invalidateQueries({queryKey:[`thresholds`,e]})}).catch(()=>{})},[e,_,t]),C=(0,U.useCallback)((e,t,n)=>{y.current!==null&&clearTimeout(y.current),x.current=()=>S(e,t,n),y.current=setTimeout(()=>{x.current?.(),y.current=null,x.current=null},500)},[S]),w=(0,U.useCallback)(e=>{g.current=!0,a(e),C(e,o,u)},[o,u,C]),T=(0,U.useCallback)(e=>{g.current=!0,l(e),C(i,e,u)},[i,u,C]),E=(0,U.useCallback)(e=>{g.current=!0,d(e),C(i,o,e)},[i,o,C]),D=R.find(e=>e.id===i),O=R.find(e=>e.id===o),k=R.find(e=>e.id===u),A=!e||!_;return(0,W.jsxs)(f,{children:[(0,W.jsx)(`h2`,{className:`text-title-medium text-[var(--content-default)]`,children:`Risk Tolerance`}),(0,W.jsx)(`p`,{className:`mt-1 text-body-medium-lighter text-[var(--content-tertiary)]`,children:`Control which actions your assistant can take without asking first. Each action is classified by risk level — your tolerance determines which levels auto-approve.`}),r&&(0,W.jsx)(`p`,{className:`mt-2 text-body-small-default text-[var(--system-negative-strong)]`,children:`Could not load threshold settings. Check your connection and reload.`}),(0,W.jsxs)(`div`,{className:`mt-4 space-y-4`,children:[(0,W.jsxs)(`div`,{children:[(0,W.jsx)(`div`,{className:`text-body-medium-default text-[var(--content-default)]`,children:`Conversations`}),(0,W.jsx)(`p`,{className:`mt-0.5 text-body-small-default text-[var(--content-tertiary)]`,children:`When you're chatting with your assistant directly.`}),(0,W.jsx)(`div`,{className:`mt-2`,style:{maxWidth:280},children:(0,W.jsx)(p,{value:i,onChange:w,options:J,disabled:A})}),D&&(0,W.jsx)(`p`,{className:`mt-2 text-body-small-default text-[var(--content-tertiary)]`,children:D.description})]}),(0,W.jsx)(q,{}),(0,W.jsxs)(`div`,{children:[(0,W.jsxs)(`button`,{type:`button`,onClick:()=>h(e=>!e),className:`flex items-center gap-1 text-[var(--content-secondary)] hover:text-[var(--content-default)] transition-colors`,"aria-expanded":m,children:[m?(0,W.jsx)(re,{className:`h-4 w-4`}):(0,W.jsx)(b,{className:`h-4 w-4`}),(0,W.jsx)(`span`,{className:`text-body-medium-default`,children:`Advanced`})]}),(0,W.jsxs)(`div`,{className:m?`mt-4 space-y-4`:`hidden`,children:[(0,W.jsxs)(`div`,{children:[(0,W.jsx)(`div`,{className:`text-body-medium-default text-[var(--content-default)]`,children:`Background`}),(0,W.jsx)(`p`,{className:`mt-0.5 text-body-small-default text-[var(--content-tertiary)]`,children:`When your assistant acts without you — scheduled tasks, background jobs, and external triggers.`}),(0,W.jsx)(`div`,{className:`mt-2`,style:{maxWidth:280},children:(0,W.jsx)(p,{value:o,onChange:T,options:J,disabled:A})}),O&&(0,W.jsx)(`p`,{className:`mt-2 text-body-small-default text-[var(--content-tertiary)]`,children:O.description})]}),(0,W.jsx)(q,{}),(0,W.jsxs)(`div`,{children:[(0,W.jsx)(`div`,{className:`text-body-medium-default text-[var(--content-default)]`,children:`Headless`}),(0,W.jsx)(`p`,{className:`mt-0.5 text-body-small-default text-[var(--content-tertiary)]`,children:`When triggered externally with no interactive client.`}),(0,W.jsx)(`div`,{className:`mt-2`,style:{maxWidth:280},children:(0,W.jsx)(p,{value:u,onChange:E,options:J,disabled:A})}),k&&(0,W.jsx)(`p`,{className:`mt-2 text-body-small-default text-[var(--content-tertiary)]`,children:k.description})]})]})]})]})]})}var Y=e(o(),1),ce=[`bash`,`file_read`,`file_write`,`file_edit`,`web_fetch`,`skill_load`],le=[{value:`low`,label:`Low`,description:`Auto-approve without prompting`},{value:`medium`,label:`Medium`,description:`Prompt before executing`},{value:`high`,label:`High`,description:`Always require explicit approval`}];function ue({assistantId:e,existingRule:t,onClose:n,onSaved:r}){let i=(0,U.useRef)(null),[a,o]=(0,U.useState)(t.tool),[s,c]=(0,U.useState)(t.pattern),[l,u]=(0,U.useState)(t.risk),[d,f]=(0,U.useState)(t.description??``),[m,g]=(0,U.useState)(!1),[v,y]=(0,U.useState)(null),b=s.trim(),x=b.length>0&&!m,S=(0,U.useCallback)(async n=>{if(n.preventDefault(),!x)return;let i=d.trim()||`${a} — ${b}`;g(!0),y(null);try{await te(e,t.id,{risk:l,description:i}),r()}catch(e){y(e instanceof Error?e.message:`Failed to save trust rule.`)}finally{g(!1)}},[e,x,d,t,r,l,a,b]);return(0,Y.createPortal)((0,W.jsx)(`div`,{ref:i,role:`dialog`,"aria-modal":`true`,"aria-labelledby":`trust-rule-form-title`,className:`fixed inset-0 z-50 flex items-center justify-center bg-black/50`,onKeyDown:(0,U.useCallback)(e=>{e.key===`Escape`&&n()},[n]),onClick:(0,U.useCallback)(e=>{e.target===i.current&&n()},[n]),children:(0,W.jsxs)(`div`,{className:`mx-4 flex max-h-[calc(100vh-2rem)] w-full max-w-md flex-col rounded-xl border border-[var(--border-base)] bg-[var(--surface-lift)] shadow-xl`,children:[(0,W.jsxs)(`div`,{className:`flex items-center justify-between gap-3 border-b border-[var(--border-base)] px-6 py-4`,children:[(0,W.jsx)(`h2`,{id:`trust-rule-form-title`,className:`text-title-medium text-[var(--content-default)]`,children:`Edit Trust Rule`}),(0,W.jsx)(`button`,{type:`button`,onClick:n,"aria-label":`Close`,className:`rounded-lg p-1.5 text-[var(--content-tertiary)] transition-colors hover:bg-[var(--surface-base)] hover:text-[var(--content-default)]`,children:(0,W.jsx)(C,{className:`h-4 w-4`})})]}),(0,W.jsxs)(`form`,{onSubmit:e=>void S(e),className:`min-h-0 flex-1 space-y-4 overflow-y-auto px-6 py-4`,children:[v&&(0,W.jsx)(h,{tone:`error`,children:v}),(0,W.jsxs)(`div`,{children:[(0,W.jsx)(`label`,{htmlFor:`trust-rule-tool`,className:`block text-body-medium-default text-[var(--content-default)]`,children:`Tool`}),(0,W.jsx)(`div`,{className:`mt-1`,children:(0,W.jsx)(p,{value:a,onChange:o,disabled:!0,options:ce.map(e=>({value:e,label:e}))})})]}),(0,W.jsx)(_,{label:`Pattern`,type:`text`,value:s,onChange:e=>c(e.target.value),placeholder:`e.g., git *`,disabled:!0}),(0,W.jsxs)(`div`,{children:[(0,W.jsx)(`span`,{className:`block text-body-medium-default text-[var(--content-default)]`,children:`Risk Level`}),(0,W.jsx)(`div`,{className:`mt-2 flex gap-2`,children:le.map(e=>(0,W.jsxs)(`button`,{type:`button`,onClick:()=>u(e.value),className:`flex-1 rounded-lg border px-3 py-2 text-left text-body-small-default transition-colors ${l===e.value?e.value===`low`?`border-[var(--system-positive-strong)] bg-[var(--system-positive-weak)] text-[var(--system-positive-strong)]`:e.value===`medium`?`border-[var(--system-warning-strong)] bg-[var(--system-warning-weak)] text-[var(--system-warning-strong)]`:`border-[var(--system-negative-strong)] bg-[var(--system-negative-weak)] text-[var(--system-negative-strong)]`:`border-[var(--border-element)] text-[var(--content-default)] hover:bg-[var(--surface-base)]`}`,children:[(0,W.jsx)(`div`,{children:e.label}),(0,W.jsx)(`div`,{className:`mt-0.5 text-label-medium-default leading-tight opacity-70`,children:e.description})]},e.value))})]}),(0,W.jsx)(_,{label:`Description (optional)`,type:`text`,value:d,onChange:e=>f(e.target.value),placeholder:`${a} — ${b||`pattern`}`}),(0,W.jsxs)(`div`,{className:`flex justify-end gap-2 pt-2`,children:[(0,W.jsx)(`button`,{type:`button`,onClick:n,className:`rounded-lg border border-[var(--border-element)] bg-white px-4 py-2 text-body-medium-default text-[var(--content-default)] transition-colors hover:bg-[var(--surface-base)] dark:border-[var(--border-base)] dark:bg-[var(--surface-lift)] dark:hover:bg-[var(--ghost-hover)]`,children:`Cancel`}),(0,W.jsx)(`button`,{type:`submit`,disabled:!x,className:`rounded-lg bg-[var(--system-positive-strong)] px-4 py-2 text-body-medium-default text-white transition-colors hover:bg-[var(--system-positive-strong)] disabled:cursor-not-allowed disabled:opacity-50`,children:m?`Saving…`:`Save`})]})]})]})}),document.body)}function de(e){return e.origin===`default`&&!e.userModified}function fe(e,t){let n=new Set,r=[];for(let t of e)n.has(t.id)||(n.add(t.id),r.push(t));for(let e of t)n.has(e.id)||(n.add(e.id),r.push(e));return r.sort((e,t)=>e.tool===t.tool?e.description.localeCompare(t.description):e.tool.localeCompare(t.tool))}function pe(e){switch(e){case`low`:return`positive`;case`medium`:return`warning`;case`high`:return`negative`}}function X(e){return e.charAt(0).toUpperCase()+e.slice(1)}function me({assistantId:e,onClose:t}){let n=(0,U.useRef)(null),[r,i]=(0,U.useState)([]),[a,o]=(0,U.useState)(!0),[s,c]=(0,U.useState)(null),[l,u]=(0,U.useState)(null),[f,p]=(0,U.useState)(null),[_,y]=(0,U.useState)(!1),b=(0,U.useCallback)(async t=>{if(t){let[t,n]=await Promise.all([B(e),B(e,{origin:`default`})]);return fe(t,n)}return B(e)},[e]),x=(0,U.useCallback)(async()=>{o(!0);try{i(await b(_)),c(null)}catch(e){c(e instanceof Error?e.message:`Failed to load trust rules.`)}finally{o(!1)}},[b,_]);(0,U.useEffect)(()=>{let e=!1;return(async()=>{o(!0);try{let t=await b(_);e||(i(t),c(null))}catch(t){e||c(t instanceof Error?t.message:`Failed to load trust rules.`)}finally{e||o(!1)}})(),()=>{e=!0}},[b,_]);let C=(0,U.useCallback)(async()=>{if(f)try{await P(e,f.id),x()}catch(e){c(e instanceof Error?e.message:`Failed to delete trust rule.`)}finally{p(null)}},[e,f,x]);return(0,Y.createPortal)((0,W.jsxs)(W.Fragment,{children:[(0,W.jsx)(`div`,{ref:n,role:`dialog`,"aria-modal":`true`,"aria-labelledby":`trust-rules-title`,className:`fixed inset-0 z-50 flex items-center justify-center bg-black/50`,onKeyDown:(0,U.useCallback)(e=>{e.key===`Escape`&&t()},[t]),onClick:(0,U.useCallback)(e=>{e.target===n.current&&t()},[t]),children:(0,W.jsxs)(`div`,{className:`mx-4 flex max-h-[80vh] w-full max-w-2xl flex-col rounded-xl border border-[var(--border-base)] bg-[var(--surface-lift)] shadow-xl`,children:[(0,W.jsxs)(`div`,{className:`flex items-center justify-between gap-3 border-b border-[var(--border-base)] px-6 py-4`,children:[(0,W.jsx)(`h2`,{id:`trust-rules-title`,className:`text-title-medium text-[var(--content-default)]`,children:`Trust Rules`}),(0,W.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,W.jsx)(v,{checked:_,onChange:y,label:`Show all defaults`}),(0,W.jsx)(d,{variant:`outlined`,onClick:t,children:`Done`})]})]}),(0,W.jsxs)(`div`,{className:`flex-1 overflow-y-auto px-6 py-4`,children:[s&&(0,W.jsx)(`div`,{className:`mb-3`,children:(0,W.jsx)(h,{tone:`error`,children:s})}),a?(0,W.jsx)(`div`,{className:`flex h-48 items-center justify-center text-body-medium-lighter text-[var(--content-tertiary)]`,children:`Loading…`}):r.length===0?(0,W.jsxs)(`div`,{className:`flex h-48 flex-col items-center justify-center gap-2 px-6 text-[var(--content-tertiary)]`,children:[(0,W.jsx)(N,{className:`h-8 w-8`}),(0,W.jsx)(`p`,{className:`max-w-xs text-center text-body-medium-lighter`,children:`No trust rules yet. Rules are created when you classify actions from permission prompts.`})]}):(0,W.jsx)(`ul`,{className:`divide-y divide-[var(--border-base)]`,children:r.map(e=>{let t=de(e);return(0,W.jsxs)(`li`,{className:`flex items-start gap-3 py-3`,children:[(0,W.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,W.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,W.jsx)(`span`,{className:`text-body-medium-default text-[var(--content-default)]`,children:e.tool}),(0,W.jsx)(g,{tone:pe(e.risk),children:X(e.risk)}),e.origin===`default`&&(0,W.jsx)(g,{tone:`neutral`,children:`Default`}),e.userModified&&(0,W.jsx)(g,{tone:`warning`,children:`Modified`})]}),(0,W.jsx)(`div`,{className:`mt-1 truncate font-mono text-body-small-default text-[var(--content-secondary)]`,children:e.pattern}),e.description&&(0,W.jsx)(`div`,{className:`mt-0.5 truncate text-body-small-default text-[var(--content-tertiary)]`,children:e.description})]}),(0,W.jsxs)(`div`,{className:`flex shrink-0 items-center gap-1`,children:[(0,W.jsx)(`button`,{type:`button`,"aria-label":`Edit ${e.tool} rule`,onClick:()=>u(e),className:`rounded-lg p-1.5 text-[var(--content-tertiary)] transition-colors hover:bg-[var(--surface-base)] hover:text-[var(--content-default)]`,children:(0,W.jsx)(S,{className:`h-4 w-4`})}),(!t||e.userModified)&&(0,W.jsx)(`button`,{type:`button`,"aria-label":`Delete ${e.tool} rule`,onClick:()=>p(e),className:`rounded-lg p-1.5 text-[var(--system-negative-strong)] transition-colors hover:bg-[var(--system-negative-weak)]`,children:(0,W.jsx)(ee,{className:`h-4 w-4`})})]})]},e.id)})})]})]})}),l&&(0,W.jsx)(ue,{assistantId:e,existingRule:l,onClose:()=>u(null),onSaved:()=>{u(null),x()}}),(0,W.jsx)(m,{open:f!==null,title:`Delete Trust Rule?`,message:f?`Remove the ${X(f.risk).toLowerCase()}-risk rule for ${f.tool} matching "${f.pattern}"?`:``,confirmLabel:`Delete`,cancelLabel:`Cancel`,destructive:!0,onConfirm:()=>void C(),onCancel:()=>p(null)})]}),document.body)}function he(){let e=V(),[t,n]=(0,U.useState)(!1);return(0,W.jsxs)(f,{children:[(0,W.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,W.jsx)(N,{className:`mt-0.5 h-5 w-5 shrink-0 text-[var(--content-secondary)]`}),(0,W.jsxs)(`div`,{className:`flex-1`,children:[(0,W.jsx)(`h2`,{className:`text-title-medium text-[var(--content-default)]`,children:`Trust Rules`}),(0,W.jsx)(`p`,{className:`mt-1 text-body-medium-lighter text-[var(--content-tertiary)]`,children:`Manage per-tool rules that control which actions auto-approve and which require your explicit permission.`})]}),(0,W.jsx)(d,{variant:`outlined`,onClick:()=>n(!0),children:`Manage`})]}),t&&(0,W.jsx)(me,{assistantId:e,onClose:()=>n(!1)})]})}var Z=[{value:`dontRetain`,label:`Don't retain`},{value:`oneHour`,label:`1 hour`},{value:`oneDay`,label:`1 day`},{value:`sevenDays`,label:`7 days`},{value:`thirtyDays`,label:`30 days`},{value:`ninetyDays`,label:`90 days`},{value:`keepForever`,label:`Keep forever`}],ge=`thirtyDays`;function Q({label:e,helperText:t,checked:n,onChange:r}){return(0,W.jsxs)(`div`,{className:`flex items-start justify-between gap-4`,children:[(0,W.jsxs)(`div`,{className:`flex-1`,children:[(0,W.jsx)(`div`,{className:`text-body-medium-default text-[var(--content-default)]`,children:e}),(0,W.jsx)(`p`,{className:`mt-1 text-body-small-default text-[var(--content-tertiary)]`,children:t})]}),(0,W.jsx)(v,{checked:n,onChange:r,label:e})]})}function $(){return(0,W.jsx)(`div`,{className:`h-px bg-[var(--surface-active)] dark:bg-[var(--surface-lift)]`})}function _e(){let e=z({platformHostedOnly:!0}),[a,o]=(0,U.useState)(()=>n(`shareAnalytics`,!0)),[s,c]=(0,U.useState)(()=>n(`shareDiagnostics`,!0)),[l,u]=(0,U.useState)(()=>i(`llmLogRetention`,ge));return(0,W.jsxs)(`div`,{className:`space-y-4`,children:[(0,W.jsx)(K,{}),(0,W.jsx)(he,{}),(0,W.jsx)(se,{}),(0,W.jsx)(H,{title:`Privacy`,children:(0,W.jsxs)(`div`,{className:`space-y-4`,children:[(0,W.jsx)(Q,{label:`Share Analytics`,helperText:`Send anonymous product usage data. Your conversations and personal data are never included.`,checked:a,onChange:()=>{let e=!a;o(e),t(`shareAnalytics`,e)}}),(0,W.jsx)($,{}),(0,W.jsx)(Q,{label:`Share Diagnostics`,helperText:`Send crash reports and performance metrics. Your conversations and personal data are never included.`,checked:s,onChange:()=>{let e=!s;c(e),t(`shareDiagnostics`,e)}}),(0,W.jsx)($,{}),(0,W.jsx)(G,{}),e!==`gated`&&(0,W.jsx)($,{}),(0,W.jsxs)(`div`,{children:[(0,W.jsx)(`label`,{htmlFor:`llm-log-retention`,className:`block text-body-medium-default text-[var(--content-default)]`,children:`LLM Request Log Retention`}),(0,W.jsx)(`div`,{className:`mt-2`,style:{maxWidth:280},children:(0,W.jsx)(p,{value:l,onChange:e=>{u(e),r(`llmLogRetention`,e)},options:Z})}),(0,W.jsx)(`p`,{className:`mt-2 text-body-small-default text-[var(--content-tertiary)]`,children:`How long to keep LLM request and response logs on this device. These logs record the prompts and completions sent to model providers and are used for debugging. Shorter retention improves privacy; longer retention helps troubleshoot issues.`})]})]})})]})}export{_e as PrivacyPage};

package/dist/assets/privacy-screen-C1f6uXlf.js

@@ -1 +0,0 @@
-import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./capture-error-CHS1NpKj.js";import{t as n}from"./react-DJZBPgpf.js";import{d as r,m as i}from"./chunk-5KNZJZUH-B4b1m-Ya.js";import{t as a}from"./jsx-runtime-CVSDxk6A.js";import{t as o}from"./button-DdEh-9f_.js";import{t as s}from"./card-CL5iEMJO.js";import{t as c}from"./checkbox-qlcBvCFW.js";import{t as l}from"./toggle-CEm3M86o.js";import{S as u,d,n as f}from"./auth-store-B42fGh_X.js";import{i as p,r as m}from"./routes-DC3Pv2Da.js";import{Ra as h,_r as g,gr as _,hr as v,mi as y,vr as b}from"./index-huyA6GAA.js";import{t as x}from"./onboarding-layout-nxxfibR6.js";import{a as S,c as C,i as w,n as T,o as E,t as D}from"./step-indicator-dots-DdSrkrW1.js";var O=e(n(),1),k=a();function A({label:e,helperText:t,checked:n,onChange:r}){let i=(0,O.useId)();return(0,k.jsxs)(`div`,{className:`flex items-start gap-4`,children:[(0,k.jsx)(l,{checked:n,onChange:r,id:i}),(0,k.jsxs)(`label`,{htmlFor:i,className:`min-w-0 flex-1 cursor-pointer`,children:[(0,k.jsx)(`span`,{className:`block text-body-medium-default text-[var(--content-default)]`,children:e}),(0,k.jsx)(`span`,{className:`mt-1 block text-body-small-default text-[var(--content-tertiary)]`,children:t})]})]})}var j=`[&_button[data-state=checked]]:bg-[var(--primary-base)] [&_svg]:text-[var(--content-inset)]`;function M(){let e=r(),[n]=i(),a=f.use.user()?.id??null,l=u(),M=E(y.use.stringFlags().preChatOnboardingExperiment20260606??`control`),[N,P]=_(),[F,I]=g(),[L,R]=b(),[z,B]=v();(0,O.useEffect)(()=>{l||S()},[l]);let V=(0,O.useCallback)(()=>{try{P(N),I(F)}catch(e){t(e,{context:`onboarding_persist_share_prefs`})}if(d(a,L,z),!l){let e=C(M);w(T.privacyTos,{userId:a,variant:e})}let r=n.get(`returnTo`);if(r&&r.startsWith(`/`)&&!r.startsWith(`//`)){e(r,{replace:!0});return}let i=n.get(`hosting`),o=new URLSearchParams;i&&o.set(`hosting`,i);let s=o.toString();e(`${p.onboarding.hatching}${s?`?${s}`:``}`)},[z,l,e,M,n,P,I,N,F,L,a]),H=!!n.get(`returnTo`),U=(0,k.jsxs)(`span`,{className:`text-body-medium-lighter text-[var(--content-default)]`,children:[`I agree to the`,` `,(0,k.jsx)(`a`,{href:m(p.docs.legal.termsOfUse),target:`_blank`,rel:`noreferrer`,className:`underline`,children:`Terms of Service`}),` `,`and`,` `,(0,k.jsx)(`a`,{href:m(p.docs.legal.privacyPolicy),target:`_blank`,rel:`noreferrer`,className:`underline`,children:`Privacy Policy`})]}),W=(0,k.jsxs)(`span`,{className:`text-body-medium-lighter text-[var(--content-default)]`,children:[`I agree to the`,` `,(0,k.jsx)(`a`,{href:m(p.docs.legal.dataSharing),target:`_blank`,rel:`noreferrer`,className:`underline`,children:`AI Data Sharing Policy`})]});return(0,k.jsx)(x,{children:(0,k.jsxs)(`div`,{className:`mx-auto flex w-full max-w-xl flex-col items-center px-6 py-16 text-[var(--content-default)]`,children:[l&&(0,k.jsx)(`div`,{className:`mb-8 flex w-full justify-center`,style:{animation:`fadeInUp 0.3s ease-out 0.1s both`},children:(0,k.jsx)(D,{current:2,total:3})}),(0,k.jsx)(`h1`,{className:`text-3xl font-semibold tracking-tight`,children:H?`Review Terms`:`Before You Start`}),(0,k.jsx)(`p`,{className:`mt-4 text-center text-body-medium-lighter text-[var(--content-tertiary)]`,children:`Choose your privacy preferences. You can update these anytime in the Settings.`}),(0,k.jsx)(s,{padding:`md`,className:`mt-8 w-full`,children:(0,k.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,k.jsx)(A,{label:`Share Analytics`,helperText:`Send anonymous product usage data.`,checked:N,onChange:P}),(0,k.jsx)(`div`,{className:`h-px bg-[var(--surface-active)] dark:bg-[var(--surface-lift)]`}),(0,k.jsx)(A,{label:`Share Diagnostics`,helperText:`Send crash reports and performance metrics.`,checked:F,onChange:I}),(0,k.jsx)(`div`,{className:`h-px bg-[var(--surface-active)] dark:bg-[var(--surface-lift)]`}),(0,k.jsxs)(`div`,{className:`flex items-center gap-2 text-body-small-default text-[var(--content-tertiary)]`,children:[(0,k.jsx)(h,{className:`h-4 w-4 shrink-0`}),(0,k.jsx)(`span`,{children:`Your conversations and personal data are never included.`})]})]})}),(0,k.jsx)(`div`,{className:`mt-6 flex w-full items-start`,children:(0,k.jsx)(c,{checked:z,onCheckedChange:e=>B(e===!0),label:W,"aria-label":`I agree to the AI Data Sharing Policy`,className:j})}),(0,k.jsx)(`div`,{className:`mt-4 flex w-full items-start`,children:(0,k.jsx)(c,{checked:L,onCheckedChange:e=>R(e===!0),label:U,"aria-label":`I agree to the Terms of Service and Privacy Policy`,className:j})}),(0,k.jsxs)(`div`,{className:`mt-8 flex w-full flex-col gap-2`,children:[(0,k.jsx)(o,{variant:`primary`,size:`regular`,fullWidth:!0,disabled:!L||!z,onClick:V,className:`h-11 text-base`,children:H?`Continue`:`Start`}),(0,k.jsx)(o,{variant:`outlined`,size:`regular`,fullWidth:!0,onClick:()=>e(-1),className:`h-11 text-base`,children:`Back`})]})]})})}export{M as PrivacyScreen};

package/dist/assets/routes-DC3Pv2Da.js

@@ -1 +0,0 @@
-var e=e=>e,t=(e,t)=>`${e}/${t}`,n=e(`/assistant/logs/usage`),r={assistant:e(`/assistant`),about:e(`/assistant/about`),bundleConfirm:e(`/assistant/bundle/confirm`),quickInput:e(`/assistant/quick-input`),conversation:n=>t(e(`/assistant/conversations`),n),inspect:n=>`${t(e(`/assistant/conversations`),n)}/inspect`,logs:{root:e(`/assistant/logs`),trace:e(`/assistant/logs/trace`),usage:n,usageForSchedule:e=>`${n}?${new URLSearchParams({range:`7d`,groupBy:`schedule`,scheduleId:e}).toString()}`,emails:e(`/assistant/logs/emails`),systemEvents:e(`/assistant/logs/system-events`)},account:{root:e(`/account`),login:e(`/account/login`),signup:e(`/account/signup`),providerSignup:e(`/account/provider/signup`),providerCallback:e(`/account/provider/callback`),oauth:{popupComplete:e(`/account/oauth/popup-complete`),complete:e(`/account/oauth/complete`),desktopComplete:e(`/account/oauth/desktop-complete`)}},onboarding:{welcome:e(`/assistant/onboarding/welcome`),selectAssistant:e(`/assistant/onboarding/select-assistant`),hosting:e(`/assistant/onboarding/hosting`),apiKey:e(`/assistant/onboarding/api-key`),privacy:e(`/assistant/onboarding/privacy`),prechat:e(`/assistant/onboarding/prechat`),hatching:e(`/assistant/onboarding/hatching`)},home:e(`/assistant/home`),identity:e(`/assistant/identity`),plugins:e(`/assistant/plugins`),plugin:n=>t(e(`/assistant/plugins`),n),skills:e(`/assistant/skills`),workspace:e(`/assistant/workspace`),library:{root:e(`/assistant/library`),app:n=>t(e(`/assistant/library`),n)},document:n=>t(e(`/assistant/documents`),n),connect:e(`/assistant/connect`),contacts:{root:e(`/assistant/contacts`)},settings:{root:e(`/assistant/settings`),general:e(`/assistant/settings/general`),ai:e(`/assistant/settings/ai`),integrations:e(`/assistant/settings/integrations`),schedules:e(`/assistant/settings/schedules`),schedule:n=>t(e(`/assistant/settings/schedules`),n),notifications:e(`/assistant/settings/notifications`),keyboardShortcuts:e(`/assistant/settings/keyboard-shortcuts`),sounds:e(`/assistant/settings/sounds`),voice:e(`/assistant/settings/voice`),devices:e(`/assistant/settings/devices`),privacy:e(`/assistant/settings/privacy`),archive:e(`/assistant/settings/archive`),billing:e(`/assistant/settings/billing`),community:e(`/assistant/settings/community`),debug:e(`/assistant/settings/debug`),developer:e(`/assistant/settings/developer`),advanced:e(`/assistant/settings/advanced`),dangerZone:e(`/assistant/settings/danger-zone`),systemEvents:e(`/assistant/settings/system-events`),upgradeCancel:e(`/assistant/settings/billing/upgrade/cancel`),upgradeSuccess:e(`/assistant/settings/billing/upgrade/success`)},admin:{root:e(`/admin`)},docs:{hostingOptions:e(`/docs/hosting-options`),legal:{privacyPolicy:e(`/docs/privacy-policy`),termsOfUse:e(`/docs/vellum-terms-of-use`),dataSharing:e(`/docs/data-sharing`),prohibitedUse:e(`/docs/prohibited-use`),privacyAndData:e(`/docs/trust-security/privacy-and-data`)}}},i=`vellum.ai`;function a(e){return o(e)}function o(e){return`https://${i}${e}`}function s(){return r.admin.root}export{r as i,o as n,a as r,s as t};

package/dist/assets/select-assistant-screen-NkZxtTj0.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-B4b1m-Ya.js";import{t as r}from"./jsx-runtime-CVSDxk6A.js";import{t as i}from"./button-DdEh-9f_.js";import{t as a}from"./resolved-assistants-store-BPUbuIhU.js";import{n as o,r as s}from"./auth-store-B42fGh_X.js";import{i as c}from"./routes-DC3Pv2Da.js";import{Ca as l,Gn as u,Ya as d}from"./index-huyA6GAA.js";import{t as f}from"./onboarding-layout-nxxfibR6.js";import{t as p}from"./use-onboarding-login-5pXYUom8.js";var m=e(t(),1),h=r(),g=`h-5 w-5 shrink-0 text-[var(--content-secondary)]`;function _(e){return e.name?e.name:e.isLocal?`Local Assistant`:`Cloud Assistant`}function v(e){return e.isLocal?`Running locally on this device`:`Hosted on Vellum Cloud`}function y(){let e=n(),t=s(),r=a.use.assistants(),{loading:l,error:d,login:g,cancel:_}=p(),v=e=>e.isLocal||t,y=r.filter(v),x=r.some(e=>e.isPlatformHosted)&&!t,[S,C]=(0,m.useState)(null),[w,T]=(0,m.useState)(!1),[E,D]=(0,m.useState)(!1),[O,k]=(0,m.useState)(null);(0,m.useEffect)(()=>{S==null&&y.length>0&&C(y[0].id)},[S,y]);let A=async t=>{T(!0),k(null);try{t.isLocal?await o.getState().connectLocalAssistant(t.id):await u(t.id),e(c.assistant,{replace:!0})}catch{k(`Failed to connect. Please try again.`),T(!1)}};(0,m.useEffect)(()=>{r.length!==0&&r.length===1&&y.length===1&&(D(!0),A(y[0]))},[]);let j=()=>{let e=r.find(e=>e.id===S);e&&A(e)},M=()=>{e(c.onboarding.welcome)},N=d??O;return E&&!N?(0,h.jsx)(f,{children:(0,h.jsx)(`div`,{className:`mx-auto flex min-h-screen w-full max-w-xl flex-col items-center justify-center px-6 text-[var(--content-default)]`,children:(0,h.jsx)(`p`,{className:`text-body-medium-lighter text-[var(--content-tertiary)]`,children:`Connecting to your assistant…`})})}):(0,h.jsx)(f,{children:(0,h.jsxs)(`div`,{className:`mx-auto flex min-h-screen w-full max-w-xl flex-col items-center px-6 pb-40 pt-16 text-[var(--content-default)]`,children:[(0,h.jsx)(`h1`,{className:`text-3xl font-semibold tracking-tight`,style:{animation:`fadeInUp 0.5s ease-out 0.1s both`},children:`Choose an Assistant`}),(0,h.jsx)(`p`,{className:`mt-3 text-body-medium-lighter text-[var(--content-tertiary)]`,style:{animation:`fadeInUp 0.5s ease-out 0.3s both`},children:`Select which assistant you’d like to use.`}),N&&(0,h.jsx)(`p`,{className:`mt-4 text-body-small-default text-[var(--system-negative-strong)]`,children:N}),(0,h.jsx)(`div`,{className:`mt-10 grid w-full auto-rows-fr gap-3`,style:{animation:`fadeInUp 0.5s ease-out 0.4s both`},children:r.map(e=>{let t=v(e);return(0,h.jsx)(b,{assistant:e,selected:S===e.id,disabled:!t,badge:!t&&e.isPlatformHosted?`Requires Account`:void 0,onSelect:()=>{t&&C(e.id)}},e.id)})}),(0,h.jsxs)(`div`,{className:`mt-8 flex w-full flex-col gap-2`,style:{animation:`fadeInUp 0.5s ease-out 0.5s both`},children:[y.length>0&&(0,h.jsx)(i,{variant:`primary`,size:`regular`,fullWidth:!0,className:`h-11 text-base`,onClick:j,disabled:!S||w,children:w?`Connecting…`:`Continue`}),(0,h.jsx)(i,{variant:`outlined`,size:`regular`,fullWidth:!0,className:`h-11 text-base`,onClick:()=>void e(`${c.onboarding.hosting}?from=select-assistant`),disabled:w||l,children:`Create New Assistant`}),x&&(0,h.jsx)(i,{variant:`outlined`,size:`regular`,fullWidth:!0,className:`h-11 text-base`,onClick:l?_:()=>void g(),disabled:w,children:l?`Cancel`:`Log In`}),(0,h.jsx)(i,{variant:`outlined`,size:`regular`,fullWidth:!0,className:`h-11 text-base`,onClick:M,disabled:w||l,children:`Back`})]})]})})}function b({assistant:e,selected:t,disabled:n,badge:r,onSelect:i}){return(0,h.jsxs)(`button`,{type:`button`,onClick:i,disabled:n,className:`flex w-full items-center gap-4 rounded-xl border px-4 py-4 text-left transition-colors ${n?`cursor-not-allowed opacity-60`:`cursor-pointer`} ${t&&!n?`border-[var(--primary-base)] bg-[var(--primary-base)]/5`:`border-[var(--border-element)] bg-transparent`}`,children:[e.isLocal?(0,h.jsx)(l,{className:g}):(0,h.jsx)(d,{className:g}),(0,h.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,h.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,h.jsx)(`span`,{className:`text-body-medium-default text-[var(--content-default)]`,children:_(e)}),r&&(0,h.jsx)(`span`,{className:`rounded-full bg-[var(--surface-tertiary)] px-2 py-0.5 text-body-small-default text-[var(--content-tertiary)]`,children:r})]}),(0,h.jsx)(`span`,{className:`mt-0.5 line-clamp-2 text-body-small-default text-[var(--content-tertiary)]`,children:v(e)})]}),!n&&(0,h.jsx)(`div`,{className:`flex h-4 w-4 shrink-0 items-center justify-center rounded-full border-2 ${t?`border-[var(--primary-base)]`:`border-[var(--border-element)]`}`,children:t&&(0,h.jsx)(`div`,{className:`h-1.5 w-1.5 rounded-full bg-[var(--primary-base)]`})})]})}export{y as SelectAssistantScreen};

package/dist/assets/settings-layout-DLZ0sfT0.js

@@ -1 +0,0 @@
-import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./react-DJZBPgpf.js";import{i as n,u as r}from"./chunk-5KNZJZUH-B4b1m-Ya.js";import{n as i}from"./QueryClientProvider-DNHWXaGq.js";import{t as a}from"./jsx-runtime-CVSDxk6A.js";import{t as o}from"./typography-Czgs_2w_.js";import{t as s}from"./resolved-assistants-store-BPUbuIhU.js";import{t as c}from"./is-electron-CavSPgmY.js";import{t as l}from"./loader-circle-BSAFLoPH.js";import{U as u}from"./auth-store-B42fGh_X.js";import{i as d}from"./routes-DC3Pv2Da.js";import{_ as f,g as p,v as m}from"./query-tags-C5nJRH2G.js";import{t as h}from"./assistant-feature-flag-store-DKlK50CB.js";import{t as g}from"./use-bus-subscription-BI50lMh8.js";import{$ as _,X as v,er as y,lt as b,mi as x}from"./index-huyA6GAA.js";import{n as S,t as C}from"./sidebar-tree-DP2ML6Hm.js";var w=e(t(),1);function T(){let e=E(i(),s.use.activeAssistantId());g(`sse.event`,t=>{if(!e)return;let n=t.message;n.type===`sync_changed`&&e.dispatch(n)}),g(`sse.opened`,({cause:t})=>{e&&t!==`fresh`&&e.dispatchReconnect()}),g(`app.resume`,()=>{e&&e.dispatchReconnect()})}function E(e,t){let n=(0,w.useMemo)(()=>{if(!t)return null;let n=_();return n.register(y.assistantConfig,()=>{p(e,t)}),n.register(y.assistantSounds,()=>{m(e,t)}),n.register(y.assistantSchedules,()=>{f(e,t)}),n},[e,t]);return(0,w.useEffect)(()=>{if(n)return()=>n.clear()},[n]),n}var D=a();function O(){let e=s.use.activeAssistantId(),t=u(e=>e.assistantState.kind),i=h.use.settingsDeveloperNav(),a=x.use.platformNotifications(),f=h.use.sounds(),p=b({platformHostedOnly:!0}),m=b(),{pathname:g}=r(),_=(0,w.useMemo)(()=>v.filter(e=>!(e.id===`notifications`&&(!a||p===`gated`)||e.id===`billing`&&m!==`full`||e.id===`devices`&&p===`gated`||e.id===`sounds`&&!f||e.id===`keyboard-shortcuts`&&!c()||e.id===`developer`)),[a,f,p,m]),y=(0,w.useMemo)(()=>i?v.filter(e=>e.id===`developer`):[],[i]),E=(0,w.useMemo)(()=>{if(g===d.settings.root)return`Settings`;let e=v.find(e=>g===e.href||g.startsWith(e.href+`/`));return e?e.label:`Settings`},[g]);return T(),(0,D.jsx)(S,{backHref:d.assistant,sidebar:(0,D.jsx)(C,{items:_,bottomItems:y}),title:E,children:!e||t!==`active`&&t!==`self_hosted`?(0,D.jsxs)(`div`,{className:`flex min-h-0 flex-1 flex-col items-center justify-center gap-[var(--app-spacing-md)] text-[var(--content-tertiary)]`,role:`status`,"aria-live":`polite`,children:[(0,D.jsx)(l,{className:`size-6 animate-spin`,"aria-hidden":`true`}),(0,D.jsx)(o,{variant:`body-medium-default`,children:`Connecting to your assistant…`})]}):(0,D.jsx)(n,{})})}export{O as SettingsLayout};

package/dist/assets/share-feedback-modal-Jrjiyv4t.js

@@ -1 +0,0 @@
-import{o as e,r as t}from"./chunk-jRWAZmH_.js";import{t as n}from"./react-DJZBPgpf.js";import{T as r}from"./portal-container-DIXEBWUe.js";import{t as i}from"./useMutation-BuofVRHk.js";import{t as a}from"./jsx-runtime-CVSDxk6A.js";import{n as o,t as s}from"./button-DdEh-9f_.js";import{t as c}from"./dropdown-CocFV5yi.js";import{t as l}from"./notice-CF2pptne.js";import{n as u,t as d}from"./input-Cu3PPVCq.js";import{t as f}from"./toggle-CEm3M86o.js";import{t as p}from"./is-electron-CavSPgmY.js";import{t as m}from"./bug-DDEBp29t.js";import{t as h}from"./loader-circle-BSAFLoPH.js";import{t as g}from"./x-BDqbYVtS.js";import{zt as _}from"./sdk.gen-AJllUeDf.js";import{n as v}from"./auth-store-B42fGh_X.js";import{t as y}from"./dist-tjvu6D4z.js";import{t as b}from"./impersonate-version-flag-DXEwev6c.js";import{Gi as ee,Kt as te,_a as ne,ma as x,oa as S,or as C,rr as w,wa as re,xa as T}from"./index-huyA6GAA.js";var E=e(n(),1),ie=e(r(),1),D=`vellum:debug:`;function O(){let e={};if(typeof window>`u`)return e;try{for(let t=0;t<window.localStorage.length;t++){let n=window.localStorage.key(t);if(n===null||!n.startsWith(D))continue;let r=window.localStorage.getItem(n);r!==null&&(e[n]=r)}}catch{}return e}function k(){return{collectedAt:new Date().toISOString(),resolved:{seqGapDetection:C(),impersonateAssistantVersion:b()},overrides:O()}}var A=t({ShareFeedbackModal:()=>B}),j=a(),M=[{value:`bug_report`,label:`Bug Report`,icon:m,includesLogsByDefault:!0},{value:`feature_request`,label:`Feature Request`,icon:T,includesLogsByDefault:!1},{value:`other`,label:`Other`,icon:x,includesLogsByDefault:!1}],N=[{value:`past_hour`,label:`Past hour`,cutoffMs:3600*1e3},{value:`past_24_hours`,label:`Past 24 hours`,cutoffMs:1440*60*1e3},{value:`all_time`,label:`All time`,cutoffMs:null}],ae=N.map(e=>({value:e.value,label:e.label})),P=new Set([`image/png`,`image/jpeg`,`image/gif`,`image/webp`,`video/mp4`,`video/quicktime`,`video/webm`]),F=new Set([`png`,`jpg`,`jpeg`,`gif`,`webp`,`mp4`,`mov`,`webm`]),I=10,L=50*1024*1024,oe={bug_report:`bug_report`,feature_request:`feature_request`,other:`other`};function se(){return p()?`macos`:y.getPlatform()===`ios`?`ios`:`web`}function ce(e){if(e.size>L)return!1;if(e.type&&P.has(e.type))return!0;if(!e.type){let t=e.name.split(`.`).pop()?.toLowerCase();return t?F.has(t):!1}return!1}function R(e,t){let n=Math.ceil(t.length/512),r=new Uint8Array(512+n*512),i=new TextEncoder,a=(e,t,n)=>{let a=i.encode(e);r.set(a.slice(0,n),t)},o=(e,t,n)=>{a(e.toString(8).padStart(n-1,`0`)+`\0`,t,n)};a(e,0,100),o(420,100,8),o(0,108,8),o(0,116,8),o(t.length,124,12),o(Math.floor(Date.now()/1e3),136,12);for(let e=148;e<156;e++)r[e]=32;r[156]=48,a(`ustar\0`,257,6),a(`00`,263,2);let s=0;for(let e=0;e<512;e++)s+=r[e];return o(s,148,7),r[155]=32,r.set(t,512),r}async function z(e,t){try{let n={};t.window.startTime!=null&&(n.startTime=t.window.startTime,n.endTime=t.window.endTime),t.activeConversationId&&(n.conversationId=t.activeConversationId);let{data:r,error:i}=await _({path:{assistant_id:e},body:n,parseAs:`blob`,throwOnError:!1});if(i||!(r instanceof Blob))return null;let a=await r.arrayBuffer();return new Uint8Array(a)}catch{return null}}async function le(e,t,n,r){if(typeof CompressionStream>`u`)return null;let i=new Date,a=N.find(t=>t.value===e),o=i.getTime(),s=a?.cutoffMs==null?null:o-a.cutoffMs,c=s==null?null:new Date(s).toISOString(),l=null;try{l=r?.()??null}catch{l=null}let u=w(l),d={collected_at:i.toISOString(),time_range:e,cutoff:c,log_window:{start_time_ms:s,end_time_ms:o},assistant_id:t,active_conversation_id:n,user_agent:typeof navigator<`u`?navigator.userAgent:``,language:typeof navigator<`u`?navigator.language:``,platform:typeof navigator<`u`?navigator.platform:``,url:typeof window<`u`?window.location.href:``,viewport:typeof window<`u`?{width:window.innerWidth,height:window.innerHeight}:null,screen:typeof screen<`u`?{width:screen.width,height:screen.height}:null,connection:typeof navigator<`u`&&`connection`in navigator?{effectiveType:navigator.connection.effectiveType,downlink:navigator.connection.downlink,rtt:navigator.connection.rtt}:null,deviceMemory:typeof navigator<`u`&&`deviceMemory`in navigator?navigator.deviceMemory:null,hardwareConcurrency:typeof navigator<`u`?navigator.hardwareConcurrency:null},f=new TextEncoder().encode(JSON.stringify(d,null,2)),m=new TextEncoder().encode(JSON.stringify(u,null,2)),h=[R(`web-client-context.json`,f),R(`web-chat-diagnostics.json`,m)],g=new TextEncoder().encode(JSON.stringify(k(),null,2));h.push(R(`web-debug-flags.json`,g));try{let e=typeof window<`u`?window._vellumDebug?.chat:null;if(e){let t={clientMessages:e.getClientMessages?.()??null,transcriptItems:e.getTranscriptItems?.()??null,thinkingIndicator:e.thinkingIndicator?.()??null,streamingRing:e.streamingRing?.()??null},n=new TextEncoder().encode(JSON.stringify(t,null,2));h.push(R(`web-chat-debug-api-triage.json`,n))}}catch{}try{let e=typeof window<`u`?window._vellumDebug?.events:null;if(e){let t={focus:typeof document<`u`?{hasFocus:typeof document.hasFocus==`function`?document.hasFocus():null,visibilityState:document.visibilityState}:null,clients:e.getClients().map(({abortSignal:e,...t})=>({...t,aborted:e.aborted})),events:e.getEvents()},n=new TextEncoder().encode(JSON.stringify(t,null,2));h.push(R(`web-sse-liveness-triage.json`,n))}}catch{}if(p()&&window.vellum?.feedback){try{let e=await window.vellum.feedback.diagnostics(),t=new TextEncoder().encode(JSON.stringify(e,null,2));h.push(R(`electron-diagnostics.json`,t))}catch{}try{let e=await window.vellum.feedback.logs();if(e){let t=new TextEncoder().encode(e);h.push(R(`electron-main-logs.txt`,t))}}catch{}}if(t){let e=await z(t,{window:{startTime:s,endTime:o},activeConversationId:n});e&&h.push(R(`platform-logs.tar.gz`,e))}h.push(new Uint8Array(1024));let _=h.reduce((e,t)=>e+t.length,0),v=new Uint8Array(_),y=0;for(let e of h)v.set(e,y),y+=e.length;let b=new Blob([v.buffer]),ee=await new Response(b.stream().pipeThrough(new CompressionStream(`gzip`))).blob();return new File([ee],`web-client-logs-${i.getTime()}.tar.gz`,{type:`application/gzip`})}function B({open:e,onClose:t,initialReason:n,onSubmitted:r,assistantId:a,assistantVersion:m,activeConversationId:_,getDiagnosticsSnapshot:y}){let b=v.use.user()?.email,x=(0,E.useId)(),C=(0,E.useRef)(null),w=(0,E.useRef)(null),T=(0,E.useRef)(null),D=(0,E.useRef)(null),[O,k]=(0,E.useState)(n??`bug_report`),[A,N]=(0,E.useState)(``),[P,F]=(0,E.useState)(``),[L,R]=(0,E.useState)(M.find(e=>e.value===(n??`bug_report`))?.includesLogsByDefault??!0),[z,B]=(0,E.useState)(!1),[V,H]=(0,E.useState)(`past_hour`),[U,W]=(0,E.useState)([]),[G,K]=(0,E.useState)(null),[fe,q]=(0,E.useState)(!1),[J,Y]=(0,E.useState)(!1),X=i(te()),[pe,Z]=(0,E.useState)(!1),Q=X.isPending||pe,me=!b,he=(0,E.useMemo)(()=>A.trim().length>0&&P.trim().length>0,[A,P]);(0,E.useEffect)(()=>{if(!e)return;let t=n??`bug_report`;k(t),N(``),F(b??``),R(M.find(e=>e.value===t)?.includesLogsByDefault??!0),B(!1),H(`past_hour`),W([]),Y(!1),K(null),Z(!1),X.reset();let r=setTimeout(()=>{b?T.current?.focus():D.current?.focus()},50);return()=>clearTimeout(r)},[e]),(0,E.useEffect)(()=>{if(!e)return;let t=document.body.style.overflow;return document.body.style.overflow=`hidden`,()=>{document.body.style.overflow=t}},[e]);let ge=e=>{k(e),z||R(M.find(t=>t.value===e)?.includesLogsByDefault??!1)},_e=()=>{R(e=>!e),B(!0)},ve=(0,E.useCallback)(e=>{e.key===`Escape`&&!Q&&t()},[t,Q]),ye=(0,E.useCallback)(e=>{e.target===C.current&&!Q&&t()},[t,Q]),$=(0,E.useCallback)(e=>{W(t=>{let n=I-t.length;if(n<=0)return t;let r=new Set(t.map(e=>`${e.name}:${e.size}`)),i=[];for(let t of e){if(i.length>=n)break;if(!ce(t))continue;let e=`${t.name}:${t.size}`;r.has(e)||(r.add(e),i.push(t))}return i.length>0?[...t,...i]:t})},[]),be=e=>{e.target.files&&$(Array.from(e.target.files)),e.target.value=``},xe=e=>{e.preventDefault(),q(!1),e.dataTransfer.files?.length&&$(Array.from(e.dataTransfer.files))},Se=e=>{e.preventDefault(),q(!0)},Ce=e=>{e.preventDefault(),e.currentTarget===e.target&&q(!1)},we=e=>{W(t=>t.filter((t,n)=>n!==e))};return e?(0,ie.createPortal)((0,j.jsx)(`div`,{ref:C,role:`dialog`,"aria-modal":`true`,"aria-labelledby":x,className:`fixed inset-0 z-50 flex items-center justify-center bg-black/50`,onKeyDown:ve,onClick:ye,onDrop:xe,onDragOver:Se,onDragLeave:Ce,children:(0,j.jsxs)(`div`,{className:`mx-4 flex w-full max-w-lg flex-col rounded-xl border p-6 shadow-xl`,style:{backgroundColor:`var(--surface-lift)`,borderColor:`var(--border-base)`,maxHeight:`calc(100vh - 2rem)`},children:[(0,j.jsxs)(`div`,{className:`flex items-center justify-between border-b pb-4`,style:{borderColor:`var(--border-subtle)`},children:[(0,j.jsx)(`h2`,{id:x,className:`!m-0 text-title-small text-[var(--content-default)]`,children:`Share Feedback`}),(0,j.jsx)(s,{variant:`ghost`,iconOnly:(0,j.jsx)(g,{}),onClick:t,disabled:Q,"aria-label":`Close`,tintColor:`var(--content-secondary)`})]}),(0,j.jsxs)(`div`,{className:`flex flex-col gap-3.5 overflow-y-auto pt-4 ${Q?`pointer-events-none opacity-60`:``}`,children:[me&&(0,j.jsx)(d,{id:`${x}-email`,ref:D,label:`Email`,type:`email`,placeholder:`you@example.com`,value:P,onChange:e=>F(e.target.value),leftIcon:(0,j.jsx)(ne,{className:`h-4 w-4`,"aria-hidden":!0}),fullWidth:!0}),(0,j.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,j.jsx)(`span`,{className:`text-body-small-default text-[var(--content-secondary)]`,children:`Category`}),(0,j.jsx)(`div`,{className:`flex gap-2`,children:M.map(e=>(0,j.jsx)(ue,{option:e,isSelected:O===e.value,onSelect:()=>ge(e.value)},e.value))})]}),(0,j.jsx)(`hr`,{className:`border-[var(--border-subtle)]`}),O===`bug_report`&&(0,j.jsxs)(l,{tone:`info`,children:[`Tip: Get faster support by posting in our`,` `,(0,j.jsx)(`a`,{href:`https://vellum.ai/community`,target:`_blank`,rel:`noopener noreferrer`,className:`underline text-[var(--content-default)]`,children:`Discord community`})]}),O===`feature_request`&&(0,j.jsxs)(l,{tone:`info`,children:[`Tip: Vote on features on our`,` `,(0,j.jsx)(`a`,{href:`https://vellum.ai/roadmap`,target:`_blank`,rel:`noopener noreferrer`,className:`underline text-[var(--content-default)]`,children:`public roadmap`})]}),(0,j.jsx)(u,{id:`${x}-message`,ref:T,label:O===`bug_report`?`What went wrong?`:O===`feature_request`?`Describe your idea`:`What's on your mind?`,rows:3,placeholder:O===`bug_report`?`What did you expect to happen, and what happened instead?`:O===`feature_request`?`What problem would this solve for you?`:`Share your thoughts...`,value:A,onChange:e=>N(e.target.value),fullWidth:!0}),O!==`feature_request`&&(0,j.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxs)(`div`,{className:`flex items-center gap-2.5`,children:[(0,j.jsxs)(`label`,{className:`flex cursor-pointer items-center gap-2.5`,children:[(0,j.jsx)(f,{checked:L,onChange:_e,"aria-label":`Include browser diagnostics`}),(0,j.jsx)(`span`,{className:`text-body-medium-lighter leading-6 text-[var(--content-default)]`,children:`Include diagnostics`})]}),(0,j.jsx)(o,{content:`Diagnostics include browser context, assistant logs, and timestamps — never passwords or credentials.`,children:(0,j.jsx)(`button`,{type:`button`,"aria-label":`About diagnostics`,className:`inline-flex items-center justify-center text-[var(--content-tertiary)]`,children:(0,j.jsx)(re,{className:`h-3.5 w-3.5`})})})]}),L&&(0,j.jsx)(c,{options:ae,value:V,onChange:H,"aria-label":`Diagnostics time range`})]}),p()&&_&&O!==`feature_request`&&(0,j.jsxs)(`label`,{className:`flex cursor-pointer items-center gap-2.5`,children:[(0,j.jsx)(f,{checked:J,onChange:()=>Y(e=>!e),"aria-label":`Include the most recent conversation`}),(0,j.jsx)(`span`,{className:`text-body-medium-lighter leading-6 text-[var(--content-default)]`,children:`Include the most recent conversation`})]}),(0,j.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,j.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,j.jsxs)(`span`,{className:`text-body-small-default text-[var(--content-secondary)]`,children:[`Attachments`,U.length>0&&(0,j.jsxs)(`span`,{className:`text-[var(--content-tertiary)]`,children:[` · `,U.length,`/`,I]})]}),(0,j.jsx)(s,{variant:`outlined`,size:`compact`,leftIcon:(0,j.jsx)(S,{}),onClick:()=>w.current?.click(),disabled:U.length>=I,children:`Add files`}),(0,j.jsx)(`input`,{ref:w,type:`file`,multiple:!0,accept:`image/png,image/jpeg,image/gif,image/webp,video/mp4,video/quicktime,video/webm`,onChange:be,className:`hidden`})]}),U.length>0&&(0,j.jsx)(`div`,{className:`flex gap-2 overflow-x-auto`,children:U.map((e,t)=>(0,j.jsx)(de,{file:e,onRemove:()=>we(t)},`${e.name}-${t}`))}),fe&&(0,j.jsx)(`p`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:`Drop files to attach…`})]}),G&&(0,j.jsx)(`p`,{className:`text-body-medium-lighter text-[var(--system-negative-strong)]`,children:G})]}),(0,j.jsx)(`div`,{className:`mt-4 flex items-center justify-end gap-2 border-t pt-4`,style:{borderColor:`var(--border-subtle)`},children:Q?(0,j.jsxs)(`span`,{className:`inline-flex items-center gap-2 text-body-medium-lighter text-[var(--content-secondary)]`,children:[(0,j.jsx)(h,{className:`h-4 w-4 animate-spin`}),`Sending feedback…`]}):(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(s,{variant:`ghost`,onClick:t,children:`Cancel`}),(0,j.jsx)(s,{variant:`primary`,leftIcon:(0,j.jsx)(ee,{}),onClick:async()=>{if(!(!he||Q)){K(null),Z(!0);try{let e=L&&O!==`feature_request`?await le(V,a??null,p()?J?_??null:null:_??null,y):null;await X.mutateAsync({headers:{"Content-Type":null},body:{message:A.trim(),classification:oe[O],email:P.trim(),client:se(),client_version:void 0,...a?{assistant_id:a}:{},...m?{assistant_version:m}:{},...e?{logs_file:e}:{},...U.length?{attachments:U}:{}},bodySerializer:e=>{let t=new FormData;for(let[n,r]of Object.entries(e))if(r!=null){if(n===`attachments`&&Array.isArray(r)){for(let e of r)t.append(`attachments`,e);continue}r instanceof Blob?t.append(n,r):t.append(n,String(r))}return t}}),r?.(),t()}catch(e){K(e instanceof Error?e.message:`Failed to submit feedback. Please try again.`)}finally{Z(!1)}}},disabled:!he,children:`Submit`})]})})]})}),document.body):null}function ue({option:e,isSelected:t,onSelect:n}){let r=e.icon;return(0,j.jsxs)(`button`,{type:`button`,onClick:n,"aria-pressed":t,className:`flex items-center gap-1.5 rounded-full border px-3 py-1.5 text-left transition-colors`,style:{borderColor:t?`var(--primary-base)`:`var(--border-base)`,backgroundColor:t?`color-mix(in oklab, var(--primary-base) 10%, transparent)`:`transparent`},children:[(0,j.jsx)(r,{className:`h-3.5 w-3.5 shrink-0`,style:{color:t?`var(--primary-base)`:`var(--content-secondary)`}}),(0,j.jsx)(`span`,{className:`text-body-small-default`,style:{color:t?`var(--primary-base)`:`var(--content-default)`},children:e.label})]})}function de({file:e,onRemove:t}){let n=e.type.startsWith(`image/`),r=(0,E.useMemo)(()=>n?URL.createObjectURL(e):null,[e,n]);return(0,E.useEffect)(()=>{if(r)return()=>URL.revokeObjectURL(r)},[r]),(0,j.jsxs)(`div`,{className:`relative flex h-16 w-16 shrink-0 items-center justify-center overflow-hidden rounded-lg border border-[var(--border-base)] bg-[var(--surface-base)]`,title:e.name,children:[n&&r?(0,j.jsx)(`img`,{src:r,alt:e.name,className:`h-full w-full object-cover`}):(0,j.jsx)(S,{className:`h-5 w-5 text-[var(--content-secondary)]`}),(0,j.jsx)(s,{variant:`ghost`,size:`compact`,iconOnly:(0,j.jsx)(g,{}),onClick:t,"aria-label":`Remove ${e.name}`,className:`absolute top-0.5 right-0.5 h-4 w-4 rounded-full bg-black/60 text-white hover:bg-black/70`,tintColor:`#fff`})]})}export{A as n,B as t};

package/dist/assets/sidebar-tree-DP2ML6Hm.js

@@ -1 +0,0 @@
-import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./react-DJZBPgpf.js";import{d as n,t as r,u as i}from"./chunk-5KNZJZUH-B4b1m-Ya.js";import{t as a}from"./jsx-runtime-CVSDxk6A.js";import{t as o}from"./button-DdEh-9f_.js";import{t as s}from"./typography-Czgs_2w_.js";import{r as c}from"./src-Bb-Updum.js";import{t as l}from"./chevron-right-zTNPbA1m.js";import{i as u}from"./routes-DC3Pv2Da.js";import{_o as d}from"./index-huyA6GAA.js";var f=a();function p({sidebar:e,children:t,actions:a,backHref:c,title:l=`Settings`,menuRoute:p=u.settings.root}){let{pathname:m}=i(),h=n(),g=m===p,_=g?c:p,v=g?`Back from ${l}`:`Back to ${l} menu`,y=(0,f.jsx)(o,{variant:`ghost`,iconOnly:(0,f.jsx)(d,{}),"aria-label":v,tintColor:`var(--content-secondary)`,onClick:()=>h(_)}),b=(0,f.jsx)(o,{asChild:!0,variant:`outlined`,"aria-label":`Back from ${l}`,className:`h-8 w-8 px-0`,tintColor:`var(--content-secondary)`,children:(0,f.jsx)(r,{to:c,className:`flex items-center justify-center no-underline`,children:(0,f.jsx)(d,{size:16,"aria-hidden":`true`})})});return(0,f.jsxs)(`div`,{className:`flex h-full min-h-0 w-full flex-1 flex-col gap-4 p-4 sm:p-6 md:gap-0`,style:{paddingTop:`calc(var(--safe-area-inset-top, env(safe-area-inset-top, 0px)) + 1rem)`},children:[(0,f.jsxs)(`div`,{className:`flex shrink-0 items-center gap-3 md:hidden`,children:[y,(0,f.jsx)(s,{as:`h1`,variant:`body-large-default`,className:`flex-1 truncate text-center`,style:{color:`var(--content-tertiary)`,lineHeight:1.4},children:l}),(0,f.jsx)(`div`,{className:`h-10 w-10 shrink-0`,"aria-hidden":`true`})]}),(0,f.jsxs)(`div`,{className:`flex min-h-0 flex-1 flex-col overflow-hidden md:rounded-[12px] md:border md:border-[var(--border-base)] md:bg-[var(--surface-overlay)]`,children:[(0,f.jsxs)(`div`,{className:`hidden shrink-0 items-center justify-between gap-4 px-6 py-5 md:flex`,children:[(0,f.jsxs)(`div`,{className:`flex min-w-0 items-center gap-3`,children:[b,(0,f.jsx)(`h1`,{className:`text-title-large truncate`,style:{color:`var(--content-emphasised)`,lineHeight:1.2},children:l})]}),a?(0,f.jsx)(`div`,{className:`flex shrink-0 items-center gap-2`,children:a}):null]}),(0,f.jsxs)(`div`,{className:`flex min-h-0 flex-1 overflow-hidden`,children:[(0,f.jsx)(`aside`,{className:`hidden w-64 shrink-0 overflow-y-auto md:block`,"aria-label":`${l} navigation`,children:e}),g?(0,f.jsx)(`div`,{className:`flex min-w-0 min-h-0 flex-1 flex-col overflow-y-auto pb-6 md:hidden`,children:e}):null,(0,f.jsx)(`main`,{className:`min-w-0 min-h-0 flex-1 flex-col gap-4 overflow-y-auto pb-6 md:flex md:px-6 md:pt-0 ${g?`hidden`:`flex`}`,children:t})]})]})]})}var m=e(t(),1);function h({items:e,bottomItems:t}){let{pathname:r}=i(),a=n(),o=(e,t)=>{let n=r===e.href||r.startsWith(e.href+`/`);return(0,f.jsxs)(m.Fragment,{children:[(0,f.jsx)(c.Item,{icon:e.icon,label:e.label,active:n,trailingIcon:l,trailingIconClassName:`md:hidden`,href:e.href,onClick:t=>{t.metaKey||t.ctrlKey||t.shiftKey||t.altKey||t.button!==0||(t.preventDefault(),a(e.href))}}),!t&&(0,f.jsx)(`div`,{role:`presentation`,"aria-hidden":!0,className:`my-2 h-px w-full bg-[var(--border-base)] md:hidden`})]},e.id)};return(0,f.jsxs)(`nav`,{"aria-label":`Sidebar navigation`,className:`flex min-h-full flex-col md:gap-2 md:px-6 md:pb-4`,children:[e.map((n,r)=>o(n,r===e.length-1&&!t?.length)),t&&t.length>0&&(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(`div`,{className:`flex-1`}),(0,f.jsx)(`div`,{role:`presentation`,"aria-hidden":!0,className:`mx-0 my-2 h-px w-full bg-[var(--border-base)] md:mx-0`}),t.map((e,n)=>o(e,n===t.length-1))]})]})}export{p as n,h as t};

package/dist/assets/skills-page-CZ8ZrRO2.js

@@ -1 +0,0 @@
-import{o as e}from"./chunk-jRWAZmH_.js";import{a as t,t as n}from"./local-settings-lVNyIOJ_.js";import{t as r}from"./react-DJZBPgpf.js";import{T as i}from"./portal-container-DIXEBWUe.js";import{m as a}from"./chunk-5KNZJZUH-B4b1m-Ya.js";import{n as o}from"./QueryClientProvider-DNHWXaGq.js";import{t as s}from"./useQuery-D2zf6Uhu.js";import{t as c}from"./useMutation-BuofVRHk.js";import{t as l}from"./jsx-runtime-CVSDxk6A.js";import{t as u}from"./button-DdEh-9f_.js";import{t as d}from"./card-CL5iEMJO.js";import{t as f}from"./menu-B79-l6IU.js";import"./src-Bb-Updum.js";import{t as p}from"./confirm-dialog-DsrjEJ8n.js";import{n as m,r as h,t as g}from"./panel-item-FzMfzMJA.js";import{t as _}from"./input-Cu3PPVCq.js";import{n as v}from"./stat-square-sRJmexc-.js";import{t as y}from"./createLucideIcon-D6d6iDdi.js";import{a as b,c as x,i as S,n as C,o as w,r as T,s as E,t as ee}from"./install-D1sXGhtS.js";import{t as D}from"./calendar-CP_Q3Aw6.js";import{t as O}from"./globe-ByNYDdSW.js";import{t as k}from"./link-2-BHdo-6Lp.js";import{t as A}from"./loader-circle-BSAFLoPH.js";import{t as j}from"./x-BDqbYVtS.js";import{F as te,I as ne,L as re,M as ie,N as M,P as N}from"./react-query.gen-B8xaBreR.js";import{n as ae}from"./use-is-mobile-D_xrnINF.js";import{Ai as P,Bi as F,Da as I,Ja as L,Ki as oe,La as R,Li as z,Oi as B,Pa as V,Sa as H,Ti as U,Wi as W,Za as G,_a as se,_o as ce,bi as le,da as ue,do as de,ja as fe,ji as K,ma as pe,sa as me,so as q,uo as he,vo as J}from"./index-huyA6GAA.js";import{t as ge}from"./use-active-assistant-id-DpqDbjpv.js";import{n as _e,t as ve}from"./file-markdown-DX5x9ziL.js";var ye=y(`funnel`,[[`path`,{d:`M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z`,key:`sc7q7i`}]]),be=y(`palette`,[[`path`,{d:`M12 22a1 1 0 0 1 0-20 10 9 0 0 1 10 9 5 5 0 0 1-5 5h-2.25a1.75 1.75 0 0 0-1.4 2.8l.3.4a1.75 1.75 0 0 1-1.4 2.8z`,key:`e79jfc`}],[`circle`,{cx:`13.5`,cy:`6.5`,r:`.5`,fill:`currentColor`,key:`1okk4w`}],[`circle`,{cx:`17.5`,cy:`10.5`,r:`.5`,fill:`currentColor`,key:`f64h9f`}],[`circle`,{cx:`6.5`,cy:`12.5`,r:`.5`,fill:`currentColor`,key:`qy21gx`}],[`circle`,{cx:`8.5`,cy:`7.5`,r:`.5`,fill:`currentColor`,key:`fotxhn`}]]),Y=e(r(),1),xe={mail:se,calendar:D,"message-circle":pe,globe:O,zap:le,code:L,mic:ue,"shopping-cart":F,palette:be,heart:I,settings:W,"link-2":k};function Se(e){return xe[e]}var X=l();function Ce({selected:e,onSelect:t,counts:n,totalCount:r,showCounts:i,categories:a}){let o=[...a].sort((e,t)=>e.label.localeCompare(t.label));return(0,X.jsxs)(`nav`,{className:`flex flex-col gap-1`,"aria-label":`Skill categories`,children:[(0,X.jsx)(we,{icon:H,label:`All`,count:r,isActive:e===null,showCount:i,onClick:()=>t(null)}),o.map(r=>(0,X.jsx)(we,{icon:Se(r.icon)??H,label:r.label,count:n[r.slug]??0,isActive:e===r.slug,showCount:i,onClick:()=>t(r.slug)},r.slug))]})}function we({icon:e,label:t,count:n,isActive:r,showCount:i,onClick:a}){return(0,X.jsxs)(u,{variant:`ghost`,onClick:a,"aria-pressed":r,className:`h-auto justify-between gap-3 rounded-lg border-0 bg-transparent px-3 py-2 text-left hover:bg-[var(--ghost-hover)]`,style:{backgroundColor:r?`var(--surface-active)`:void 0,color:r?`var(--content-default)`:`var(--content-secondary)`},children:[(0,X.jsxs)(`span`,{className:`flex items-center gap-2.5`,children:[(0,X.jsx)(e,{className:`h-4 w-4 shrink-0`,"aria-hidden":!0}),(0,X.jsx)(`span`,{className:`text-body-medium-default`,children:t})]}),i&&(0,X.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:n})]})}var Te=e(i(),1);function Ee(e,t){return t??e.find(e=>e.name===`SKILL.md`)?.path??null}function De(e,t){let[n,r]=(0,Y.useState)(null),i=s({...N({path:{assistant_id:e,id:t}}),select:e=>e??null}),a=(0,Y.useMemo)(()=>i.data?.files??[],[i.data]),o=(0,Y.useMemo)(()=>a.find(e=>e.name===`SKILL.md`),[a]),c=Ee(a,n),l=s({...M({path:{assistant_id:e,id:t},query:{path:c??``}}),select:e=>e??null,enabled:!!c});return{fileEntries:a,skillMd:o,selectedPath:n,setSelectedPath:r,activePath:c,activeFile:a.find(e=>e.path===c),isFilesLoading:i.isLoading,fileContent:l.data?.content??null,isBinary:!!l.data?.isBinary,isContentLoading:l.isLoading}}function Oe({fileName:e,content:t,isBinary:n,viewMode:r=`preview`}){return n?(0,X.jsx)(`p`,{className:`flex h-full items-center justify-center text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:`Binary file — no preview available.`}):t===null?(0,X.jsxs)(`p`,{className:`flex h-full items-center justify-center text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:[`No preview available for `,e,`.`]}):_e(e,void 0)&&r===`preview`?(0,X.jsx)(`div`,{className:`h-full overflow-auto px-6 py-4`,style:{color:`var(--content-default)`},children:(0,X.jsx)(ve,{content:t})}):(0,X.jsx)(`pre`,{className:`h-full overflow-y-auto whitespace-pre-wrap break-words p-4 font-mono text-body-small-default`,style:{color:`var(--content-default)`},children:t})}function ke({assistantId:e,skill:t,onBack:n,onInstall:r,onRemove:i,isInstalling:a=!1,isRemoving:o=!1}){let s=T(t),c=b(t),{fileEntries:l,setSelectedPath:f,activePath:p,activeFile:m,isFilesLoading:h,fileContent:g,isBinary:_,isContentLoading:y}=De(e,t.id),[x,S]=(0,Y.useState)(`preview`);(0,Y.useEffect)(()=>{S(`preview`)},[p]);let[C,ee]=(0,Y.useState)(null);(0,Y.useEffect)(()=>{ee(document.getElementById(`viewport-overlays`))},[]);let D=m?_e(m.name,void 0):!1,O=D?x:`raw`,k=(0,X.jsxs)(`div`,{className:`fixed inset-0 z-40 flex flex-col overflow-hidden bg-[var(--surface-overlay)]`,style:{paddingTop:`calc(8px + var(--safe-area-inset-top, env(safe-area-inset-top, 0px)))`,paddingBottom:`calc(8px + var(--safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)))`,paddingLeft:`calc(12px + var(--safe-area-inset-left, env(safe-area-inset-left, 0px)))`,paddingRight:`calc(12px + var(--safe-area-inset-right, env(safe-area-inset-right, 0px)))`},children:[(0,X.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,X.jsx)(u,{variant:`ghost`,iconOnly:(0,X.jsx)(ce,{"aria-hidden":!0}),expandOnMobile:!0,"aria-label":`Back to skills`,onClick:n,className:`max-md:bg-[var(--surface-active)]`}),(0,X.jsx)(`span`,{className:`min-w-0 flex-1 truncate px-2 text-center text-body-medium-default`,style:{color:`var(--content-secondary)`},children:t.name}),(0,X.jsx)(Ae,{available:s,removable:c,isInstalling:a,isRemoving:o,onInstall:r,onRemove:i})]}),(0,X.jsxs)(`div`,{className:`mt-4 flex flex-col gap-2`,children:[(0,X.jsxs)(`div`,{className:`flex items-center justify-between gap-2`,children:[(0,X.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,X.jsx)(E,{skill:t,className:`h-6 w-6 shrink-0 text-[22px] leading-none`}),(0,X.jsx)(`h2`,{className:`min-w-0 truncate text-title-medium`,style:{color:`var(--content-emphasised)`},children:t.name})]}),(0,X.jsx)(w,{origin:t.origin})]}),(0,X.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:t.description})]}),(0,X.jsx)(d.Root,{asChild:!0,noPadding:!0,children:(0,X.jsxs)(`div`,{className:`mt-6 flex min-h-0 flex-1 flex-col overflow-hidden rounded-2xl border bg-[var(--surface-lift)]`,style:{borderColor:`var(--border-hover)`},children:[(0,X.jsxs)(`div`,{className:`flex items-center justify-between gap-2 border-b px-3 py-2`,style:{borderColor:`var(--border-hover)`},children:[(0,X.jsx)(Me,{fileEntries:l,activePath:p,activeName:m?.name??null,onSelect:f}),(0,X.jsx)(v,{iconOnly:!0,ariaLabel:`File view mode`,value:O,onChange:S,items:[{value:`preview`,label:`Preview`,icon:(0,X.jsx)(R,{"aria-hidden":!0}),disabled:!D},{value:`raw`,label:`Source`,icon:(0,X.jsx)(L,{"aria-hidden":!0})}]})]}),(0,X.jsx)(`div`,{className:`min-h-0 flex-1 overflow-hidden`,children:h||y?(0,X.jsx)(`div`,{className:`flex h-full items-center justify-center`,children:(0,X.jsx)(A,{className:`h-6 w-6 animate-spin`,style:{color:`var(--content-tertiary)`}})}):m?(0,X.jsx)(Oe,{fileName:m.name,content:g,isBinary:_,viewMode:O}):(0,X.jsx)(`p`,{className:`flex h-full items-center justify-center text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:`Select a file to view its contents.`})})]})})]});return C?(0,Te.createPortal)(k,C):k}function Ae({available:e,removable:t,isInstalling:n,isRemoving:r,onInstall:i,onRemove:a}){return n||r?(0,X.jsx)(u,{variant:`ghost`,iconOnly:(0,X.jsx)(A,{className:`animate-spin`,"aria-hidden":!0}),expandOnMobile:!0,disabled:!0,"aria-label":`Pending`,className:`max-md:bg-[var(--surface-active)]`}):e?(0,X.jsx)(u,{variant:`ghost`,iconOnly:(0,X.jsx)(J,{"aria-hidden":!0}),expandOnMobile:!0,"aria-label":`Install skill`,onClick:i,disabled:!i,className:`max-md:bg-[var(--surface-active)]`}):t?(0,X.jsx)(u,{variant:`dangerGhost`,iconOnly:(0,X.jsx)(P,{"aria-hidden":!0}),expandOnMobile:!0,"aria-label":`Remove skill`,onClick:a,disabled:!a,className:`max-md:rounded-full max-md:bg-[var(--system-negative-weak)]`}):(0,X.jsx)(u,{variant:`dangerGhost`,iconOnly:(0,X.jsx)(P,{"aria-hidden":!0}),expandOnMobile:!0,disabled:!0,title:`Bundled skills cannot be removed`,"aria-label":`Bundled skill cannot be removed`,className:`max-md:rounded-full max-md:bg-[var(--system-negative-weak)]`})}function je(e){return(e??``).endsWith(`/directory`)}function Me({fileEntries:e,activePath:t,activeName:n,onSelect:r}){let i=n??`Select a file`;return e.length===0?(0,X.jsxs)(`span`,{className:`flex min-w-0 items-center gap-2 text-body-medium-default`,style:{color:`var(--content-emphasised)`},children:[(0,X.jsx)(Ne,{}),(0,X.jsx)(`span`,{className:`truncate`,children:i})]}):(0,X.jsxs)(f.Root,{children:[(0,X.jsx)(f.Trigger,{children:(0,X.jsxs)(`button`,{type:`button`,className:`flex min-w-0 items-center gap-2 rounded-md text-body-medium-default`,style:{color:`var(--content-emphasised)`},children:[(0,X.jsx)(Ne,{}),(0,X.jsx)(`span`,{className:`truncate`,children:i}),(0,X.jsx)(he,{className:`h-4 w-4 shrink-0`,style:{color:`var(--content-tertiary)`},"aria-hidden":!0})]})}),(0,X.jsx)(f.Content,{align:`start`,children:e.map(e=>{let n=je(e.mimeType);return(0,X.jsx)(f.Item,{onSelect:()=>r(e.path),leftIcon:n?(0,X.jsx)(fe,{}):(0,X.jsx)(V,{}),"aria-current":e.path===t?`true`:void 0,children:e.name},e.path)})})]})}function Ne(){return(0,X.jsx)(`span`,{className:`flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-[var(--surface-base)]`,"aria-hidden":!0,children:(0,X.jsx)(V,{className:`h-4 w-4`,style:{color:`var(--content-secondary)`}})})}var Pe=[{value:`all`,label:`All`,icon:H},{value:`installed`,label:`Installed`,icon:q},{value:`available`,label:`Available`,icon:J}],Fe=[{value:`vellum`,label:`Vellum`,icon:x},{value:`clawhub`,label:`Clawhub`,icon:O},{value:`skillssh`,label:`skills.sh`,icon:K},{value:`custom`,label:`Custom`,icon:U}];function Ie({search:e,onSearchChange:t,filter:n,onFilterChange:r,isSearching:i,categories:a,category:o,onCategoryChange:s,counts:c,totalCount:l,showCounts:u}){return(0,X.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,X.jsx)(_,{type:`search`,value:e,onChange:e=>{t(e.target.value)},placeholder:`Search skills`,"aria-label":`Search skills`,leftIcon:(0,X.jsx)(oe,{className:`h-4 w-4`,"aria-hidden":!0}),rightIcon:i?(0,X.jsx)(A,{className:`h-4 w-4 animate-spin`,"aria-hidden":!0}):void 0,fullWidth:!0,wrapperClassName:`flex-1`}),(0,X.jsx)(Le,{filter:n,onFilterChange:r,categories:a,category:o,onCategoryChange:s,counts:c,totalCount:l,showCounts:u})]})}function Le(e){let t=ae(),[n,r]=(0,Y.useState)(!1),i=(0,X.jsx)(u,{type:`button`,variant:`outlined`,iconOnly:(0,X.jsx)(ye,{"aria-hidden":!0}),"aria-label":`Filter skills`,"aria-haspopup":t?`dialog`:`listbox`,"aria-expanded":n,tintColor:`var(--primary-base)`});return t?(0,X.jsx)(Re,{...e,open:n,onOpenChange:r,trigger:i}):(0,X.jsxs)(h.Root,{open:n,onOpenChange:r,children:[(0,X.jsx)(h.Trigger,{asChild:!0,children:i}),(0,X.jsx)(h.Content,{align:`end`,sideOffset:4,className:`w-44 overflow-hidden p-0`,children:(0,X.jsxs)(`ul`,{role:`listbox`,children:[(0,X.jsx)(ze,{label:`Status`,options:Pe,selected:e.filter,onSelect:t=>{e.onFilterChange(t),r(!1)}}),(0,X.jsx)(`div`,{className:`border-t`,style:{borderColor:`var(--border-base)`}}),(0,X.jsx)(ze,{label:`Source`,options:Fe,selected:e.filter,onSelect:t=>{e.onFilterChange(t),r(!1)}})]})})]})}function Re({filter:e,onFilterChange:t,categories:n,category:r,onCategoryChange:i,counts:a,totalCount:o,showCounts:s,open:c,onOpenChange:l,trigger:d}){let f=[...n].sort((e,t)=>e.label.localeCompare(t.label));return(0,X.jsxs)(m.Root,{open:c,onOpenChange:l,children:[(0,X.jsx)(m.Trigger,{asChild:!0,children:d}),(0,X.jsxs)(m.Content,{className:`max-h-[85dvh]`,"aria-describedby":void 0,children:[(0,X.jsx)(`div`,{"aria-hidden":!0,className:`mx-auto mb-3 h-1 w-9 shrink-0 rounded-full bg-[var(--border-element)]`}),(0,X.jsx)(m.Header,{children:(0,X.jsx)(m.Title,{children:`Filters`})}),(0,X.jsxs)(m.Body,{className:`flex flex-col gap-3 pt-2`,children:[(0,X.jsx)(Z,{label:`Status`,children:Pe.map(n=>(0,X.jsx)(Q,{icon:n.icon,label:n.label,active:e===n.value,onSelect:()=>t(n.value)},n.value))}),(0,X.jsx)(Z,{label:`Source`,children:Fe.map(n=>(0,X.jsx)(Q,{icon:n.icon,label:n.label,active:e===n.value,onSelect:()=>t(n.value)},n.value))}),(0,X.jsxs)(Z,{label:`Categories`,children:[(0,X.jsx)(Q,{icon:H,label:`All`,active:r===null,badge:s?o:void 0,onSelect:()=>i(null)}),f.map(e=>(0,X.jsx)(Q,{icon:Se(e.icon)??H,label:e.label,active:r===e.slug,badge:s?a[e.slug]??0:void 0,onSelect:()=>i(e.slug)},e.slug))]})]}),(0,X.jsx)(m.Footer,{children:(0,X.jsx)(u,{type:`button`,variant:`primary`,fullWidth:!0,onClick:()=>l(!1),children:`Done`})})]})]})}function Z({label:e,children:t}){return(0,X.jsxs)(`div`,{children:[(0,X.jsx)(`div`,{className:`px-2 pb-1 text-body-small-default uppercase tracking-wide`,style:{color:`var(--content-tertiary)`},children:e}),t]})}function Q({icon:e,label:t,active:n,badge:r,onSelect:i}){return(0,X.jsx)(g,{icon:e,label:t,active:n,activeVariant:`branded`,badge:r,trailingAction:n&&r==null?(0,X.jsx)(de,{className:`h-4 w-4 text-[var(--primary-base)]`,"aria-hidden":!0}):void 0,onSelect:i})}function ze({label:e,options:t,selected:n,onSelect:r}){return(0,X.jsxs)(`li`,{children:[(0,X.jsx)(`div`,{className:`px-3 pb-1 pt-2 text-body-small-default uppercase tracking-wide`,style:{color:`var(--content-tertiary)`},children:e}),(0,X.jsx)(`ul`,{children:t.map(e=>{let t=e.icon,i=n===e.value;return(0,X.jsx)(`li`,{children:(0,X.jsxs)(`button`,{type:`button`,onClick:()=>r(e.value),role:`option`,"aria-selected":i,className:`flex w-full items-center gap-2 px-3 py-1.5 text-left text-body-medium-lighter transition-colors hover:bg-[var(--surface-hover)]`,style:{color:i?`var(--primary-base)`:`var(--content-default)`},children:[(0,X.jsx)(t,{className:`h-4 w-4`,"aria-hidden":!0}),(0,X.jsx)(`span`,{className:`flex-1`,children:e.label}),i&&(0,X.jsx)(q,{className:`h-3.5 w-3.5`,"aria-hidden":!0})]})},e.value)})})]})}function Be({skill:e,onSelect:t,onInstall:n,onRemove:r,isInstalling:i=!1,isRemoving:a=!1}){let o=T(e),s=b(e);return(0,X.jsx)(d.Root,{asChild:!0,children:(0,X.jsxs)(`div`,{role:`button`,tabIndex:0,onClick:t,onKeyDown:e=>{(e.key===`Enter`||e.key===` `)&&(e.preventDefault(),t())},className:`flex cursor-pointer items-center gap-3 px-3 py-2 text-left transition-colors hover:bg-[var(--surface-hover)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)]`,children:[(0,X.jsx)(`div`,{className:`flex shrink-0 items-center justify-center text-[28px] leading-none`,children:(0,X.jsx)(E,{skill:e,className:`h-7 w-7`})}),(0,X.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,X.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,X.jsx)(`span`,{className:`truncate text-body-medium-default`,style:{color:`var(--content-emphasised)`},children:e.name}),(0,X.jsx)(w,{origin:e.origin})]}),(0,X.jsx)(`p`,{className:`mt-1 truncate text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:e.description})]}),o?i?(0,X.jsx)(u,{type:`button`,iconOnly:(0,X.jsx)(A,{className:`animate-spin`,"aria-hidden":!0}),disabled:!0,"aria-label":`Installing`,expandOnMobile:!1}):(0,X.jsx)(u,{type:`button`,iconOnly:(0,X.jsx)(J,{"aria-hidden":!0}),onClick:e=>{e.stopPropagation(),n?.()},disabled:!n,"aria-label":`Install skill`,expandOnMobile:!1}):(0,X.jsx)(u,{type:`button`,variant:`dangerOutline`,iconOnly:a?(0,X.jsx)(A,{className:`animate-spin`,"aria-hidden":!0}):(0,X.jsx)(P,{"aria-hidden":!0}),onClick:e=>{e.stopPropagation(),r?.()},disabled:!s||a||!r,"aria-label":s?`Remove skill`:`Bundled skill cannot be removed`,title:s?void 0:`Bundled skills cannot be removed`,expandOnMobile:!1})]})})}function Ve(e){return s({...te({path:{assistant_id:e}}),select:e=>e.categories,staleTime:300*1e3})}function He(e){switch(e){case`installed`:return{kind:`installed`};case`available`:return{kind:`available`};case`vellum`:case`clawhub`:case`skillssh`:case`custom`:return{origin:e};default:return{}}}function Ue(e){return[...e].sort((e,t)=>{let n=S(e);return n===S(t)?e.name.localeCompare(t.name,void 0,{sensitivity:`base`}):n?-1:1})}function We(e,t){let[n,r]=(0,Y.useState)(e);return(0,Y.useEffect)(()=>{let n=setTimeout(()=>{r(e)},t);return()=>clearTimeout(n)},[e,t]),n}var Ge=300,$=`vellum:skills:tipDismissed`;function Ke({assistantId:e,initialSkillId:r}){let i=o(),a=ae(),[l,u]=(0,Y.useState)(``),d=We(l.trim(),Ge),[f,m]=(0,Y.useState)(`all`),[h,g]=(0,Y.useState)(null),[_,v]=(0,Y.useState)(r??null),[y,b]=(0,Y.useState)(null),[x,S]=(0,Y.useState)(null),[w,T]=(0,Y.useState)(null),[E,D]=(0,Y.useState)(()=>n($,!1)),{data:O=[]}=Ve(e),{origin:k,kind:A}=(0,Y.useMemo)(()=>He(f),[f]),j=s({...ne({path:{assistant_id:e},query:{include:`catalog`,origin:k,kind:A,q:d||void 0,category:h??void 0}}),select:e=>({skills:e.skills,categoryCounts:e.categoryCounts,totalCount:e.totalCount}),enabled:!!e}),te=s({...ne({path:{assistant_id:e},query:{include:`catalog`,origin:k,kind:A,q:d||void 0}}),select:e=>({skills:e.skills,categoryCounts:e.categoryCounts,totalCount:e.totalCount}),enabled:!!e&&h!==null}),M=(0,Y.useCallback)(()=>{i.invalidateQueries({queryKey:re({path:{assistant_id:e}})})},[e,i]),N=c({mutationFn:t=>ee(e,t),onMutate:e=>b(e),onSettled:()=>{b(null),M()}}),P=c({...ie(),onMutate:e=>S(e.path.id),onSettled:()=>{S(null),M()}}),F=(0,Y.useCallback)(e=>{N.mutate(e.slug??e.id)},[N]),I=(0,Y.useCallback)(e=>{T(e)},[]),L=(0,Y.useCallback)(()=>{w&&(P.mutate({path:{assistant_id:e,id:w.id}}),T(null))},[e,w,P]),oe=(0,Y.useCallback)(()=>{D(!0),t($,!0)},[]),R=(0,Y.useMemo)(()=>j.data?.skills??[],[j.data?.skills]),z=h===null?j.data:te.data,{counts:B,totalCount:V}=qe(z?.skills??R,z?.categoryCounts,z?.totalCount),H=(0,Y.useMemo)(()=>Ue(R),[R]),U=(0,Y.useMemo)(()=>_?R.find(e=>e.id===_)??null:null,[R,_]),W=(0,X.jsx)(p,{open:w!==null,title:`Remove skill`,message:w?`Remove "${w.name}" from this assistant?`:``,confirmLabel:`Remove`,destructive:!0,onConfirm:L,onCancel:()=>T(null)});if(U){let t={assistantId:e,skill:U,onBack:()=>v(null),onInstall:()=>F(U),onRemove:()=>I(U),isInstalling:y===(U.slug??U.id),isRemoving:x===U.id};return(0,X.jsxs)(X.Fragment,{children:[a?(0,X.jsx)(ke,{...t}):(0,X.jsx)(C,{...t}),W]})}let G=j.isFetching&&!!d;return(0,X.jsxs)(`div`,{className:`flex h-full min-h-0 flex-1 flex-col gap-4`,children:[!E&&(0,X.jsx)(Je,{onDismiss:oe}),(0,X.jsx)(Ie,{search:l,onSearchChange:u,filter:f,onFilterChange:m,isSearching:G,categories:O,category:h,onCategoryChange:g,counts:B,totalCount:V,showCounts:!G}),(0,X.jsxs)(`div`,{className:`flex min-h-0 flex-1 gap-6`,children:[(0,X.jsx)(`aside`,{className:`hidden w-56 shrink-0 overflow-y-auto sm:block`,children:(0,X.jsx)(Ce,{selected:h,onSelect:g,counts:B,totalCount:V,showCounts:!G,categories:O})}),(0,X.jsx)(`div`,{className:`min-w-0 flex-1 overflow-y-auto`,children:j.isLoading?(0,X.jsx)(Ye,{}):j.isError?(0,X.jsx)(Xe,{}):H.length===0?(0,X.jsx)(Ze,{filter:f,category:h}):(0,X.jsx)(`ul`,{className:`flex flex-col gap-2`,children:H.map(e=>(0,X.jsx)(`li`,{children:(0,X.jsx)(Be,{skill:e,onSelect:()=>v(e.id),onInstall:()=>F(e),onRemove:()=>I(e),isInstalling:y===(e.slug??e.id),isRemoving:x===e.id})},e.id))})})]}),W]})}function qe(e,t,n){return(0,Y.useMemo)(()=>{if(t&&Object.keys(t).length>0)return{counts:t,totalCount:n??e.length};let r={};for(let t of e){let e=t.category??`system`;r[e]=(r[e]??0)+1}return{counts:r,totalCount:n??e.length}},[e,t,n])}function Je({onDismiss:e}){return(0,X.jsxs)(`div`,{className:`flex items-center gap-2 rounded-lg px-4 py-2.5 text-body-small-default`,style:{backgroundColor:`var(--surface-base)`,color:`var(--content-secondary)`},children:[(0,X.jsx)(z,{className:`h-4 w-4 shrink-0`,style:{color:`var(--primary-base)`}}),(0,X.jsx)(`p`,{className:`flex-1`,children:`You can create a new custom skill by describing what you want in chat.`}),(0,X.jsx)(u,{type:`button`,variant:`ghost`,size:`compact`,iconOnly:(0,X.jsx)(j,{"aria-hidden":!0}),onClick:e,"aria-label":`Dismiss tip`,tintColor:`var(--content-tertiary)`,expandOnMobile:!1})]})}function Ye(){return(0,X.jsx)(`div`,{className:`flex items-center justify-center py-16`,children:(0,X.jsx)(A,{className:`h-6 w-6 animate-spin`,style:{color:`var(--content-tertiary)`}})})}function Xe(){return(0,X.jsx)(d.Root,{children:(0,X.jsxs)(d.Body,{className:`flex flex-col items-center justify-center py-16 text-center`,children:[(0,X.jsx)(B,{className:`mb-3 h-8 w-8`,style:{color:`var(--system-danger)`},"aria-hidden":!0}),(0,X.jsx)(`h3`,{className:`text-title-small`,style:{color:`var(--content-default)`},children:`Failed to load skills`}),(0,X.jsx)(`p`,{className:`mt-1 max-w-sm text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:`Something went wrong. Try refreshing the page.`})]})})}function Ze({filter:e,category:t}){let{title:n,subtitle:r,Icon:i}=Qe(e,t);return(0,X.jsx)(d.Root,{children:(0,X.jsxs)(d.Body,{className:`flex flex-col items-center justify-center py-16 text-center`,children:[(0,X.jsx)(i,{className:`mb-3 h-8 w-8`,style:{color:`var(--content-tertiary)`},"aria-hidden":!0}),(0,X.jsx)(`h3`,{className:`text-title-small`,style:{color:`var(--content-default)`},children:n}),(0,X.jsx)(`p`,{className:`mt-1 max-w-sm text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:r})]})})}function Qe(e,t){if(t)return{title:`No skills in this category`,subtitle:`Try selecting a different category or clearing the filter.`,Icon:H};switch(e){case`installed`:return{title:`No Skills Installed`,subtitle:`Ask your assistant in chat to search for and install new skills.`,Icon:le};case`available`:return{title:`No Skills Available`,subtitle:`All available skills have been installed.`,Icon:q};case`vellum`:return{title:`No Vellum Skills`,subtitle:`No bundled Vellum skills found.`,Icon:me};case`clawhub`:return{title:`No Clawhub Skills`,subtitle:`No Clawhub skills found. Try searching the catalog.`,Icon:O};case`skillssh`:return{title:`No skills.sh Skills`,subtitle:`No skills.sh skills found. Try searching the catalog.`,Icon:K};case`custom`:return{title:`No Custom Skills`,subtitle:`Create a custom skill by describing what you want in chat.`,Icon:U};default:return{title:`No Skills Available`,subtitle:`Check your connection to the Vellum catalog.`,Icon:G}}}function $e(){let e=ge(),[t]=a();return(0,X.jsx)(Ke,{assistantId:e,initialSkillId:t.get(`skill`)??void 0})}export{$e as SkillsPage};

package/dist/assets/trace-page-D0oeulsA.js

@@ -1 +0,0 @@
-import{o as e}from"./chunk-jRWAZmH_.js";import{t}from"./react-DJZBPgpf.js";import{t as n}from"./useQuery-D2zf6Uhu.js";import{t as r}from"./jsx-runtime-CVSDxk6A.js";import{t as i}from"./dropdown-CocFV5yi.js";import"./src-Bb-Updum.js";import{t as a}from"./chevron-up-D4oYMRNW.js";import{t as o}from"./loader-circle-BSAFLoPH.js";import{In as s}from"./sdk.gen-AJllUeDf.js";import{$n as c,Fn as l,In as u,Ln as d,Oi as f,Ta as p,Vi as m,Zi as h,ao as g,co as _,et as v,go as y,io as b,ma as x,oo as S,po as C,qi as w,ro as T,tt as E,uo as D,va as O,xi as ee}from"./index-huyA6GAA.js";import{t as te}from"./use-current-platform-assistant-DqEaNqDa.js";import{a as k,i as A,n as j,r as M}from"./format-VxJLq14L.js";var N=e(t(),1),P={requestCount:0,llmCallCount:0,totalInputTokens:0,totalOutputTokens:0,averageLlmLatencyMs:0,toolFailureCount:0};function F(e,t){let n=e.attributes?.[t];if(typeof n==`number`&&Number.isFinite(n))return n;if(typeof n==`string`){let e=Number(n);if(Number.isFinite(e))return e}}function I(e){if(e.length===0)return P;let t=new Set,n=0,r=0,i=0,a=0,o=0,s=0;for(let c of e)switch(c.requestId&&t.add(c.requestId),c.kind){case`llm_call_finished`:{n+=1,r+=F(c,`inputTokens`)??0,i+=F(c,`outputTokens`)??0;let e=F(c,`latencyMs`);e!==void 0&&(a+=e,o+=1);break}case`tool_failed`:s+=1;break;default:break}return{requestCount:t.size,llmCallCount:n,totalInputTokens:r,totalOutputTokens:i,averageLlmLatencyMs:o>0?a/o:0,toolFailureCount:s}}function L(e){for(let t of e)switch(t.kind){case`generation_cancelled`:return`cancelled`;case`generation_handoff`:return`handedOff`;case`request_error`:return`error`;case`message_complete`:return`completed`;default:break}return e.some(e=>e.status===`error`)?`error`:`active`}function R(e){let t=new Map;for(let n of e){let e=n.requestId??``,r=t.get(e);r?(r.events.push(n),n.sequence<r.firstSequence&&(r.firstSequence=n.sequence)):t.set(e,{requestId:e,firstSequence:n.sequence,events:[n]})}for(let e of t.values())e.events.sort((e,t)=>e.sequence-t.sequence);return[...t.values()].sort((e,t)=>e.firstSequence-t.firstSequence)}function z(e){switch(e){case`request_received`:return g;case`request_queued`:case`request_dequeued`:return p;case`llm_call_started`:case`llm_call_finished`:return C;case`assistant_message`:return x;case`tool_started`:case`tool_finished`:return ee;case`tool_permission_requested`:return m;case`tool_permission_decided`:return O;case`tool_failed`:return f;case`generation_handoff`:return h;case`message_complete`:return S;case`generation_cancelled`:return b;case`request_error`:return _;default:return T}}function B(e){switch(e){case`error`:return`var(--system-negative-strong)`;case`warning`:return`var(--system-mid-strong)`;case`success`:return`var(--system-positive-strong)`;default:return`var(--content-tertiary)`}}function V(e){switch(e){case`active`:return{Icon:y,color:`var(--system-positive-strong)`};case`completed`:return{Icon:S,color:`var(--system-positive-strong)`};case`cancelled`:return{Icon:b,color:`var(--system-mid-strong)`};case`handedOff`:return{Icon:h,color:`var(--system-positive-strong)`};case`error`:return{Icon:f,color:`var(--system-negative-strong)`}}}function H(e){return e==null?`—`:typeof e==`string`?e:String(e)}var U=class extends Error{status;constructor(e,t){super(t),this.name=`TraceEventsRequestError`,this.status=e}};async function W(e,t){let{data:n,response:r}=await s({path:{assistant_id:e},query:{conversationId:t.conversationId,limit:t.limit,afterSequence:t.afterSequence},throwOnError:!1});if(!r?.ok){let e=await r?.clone().text().catch(()=>``);throw new U(r?.status??0,e||r?.statusText||`Failed to load trace events`)}return n??{events:[]}}var G=r(),K=500;function q({assistantId:e}){let[t,r]=(0,N.useState)(null),{conversations:i,isLoading:a,isError:s,error:f}=u(e),{conversations:p}=l(e,!0),{conversations:m}=d(e,!0),h=(0,N.useMemo)(()=>c(i,p,m).filter(e=>e.archivedAt==null),[i,p,m]),g=(0,N.useMemo)(()=>{if(t){let e=h.find(e=>e.conversationId===t);if(e)return e.conversationId}let n=v(e);if(n){let e=h.find(e=>e.conversationId===n);if(e)return e.conversationId}return h[0]?.conversationId??``},[e,h,t]),_=(0,N.useCallback)(t=>{r(t),E(e,t)},[e]),{data:y,isLoading:b,isError:x,error:S}=n({queryKey:[`trace-events`,e,g],queryFn:()=>W(e,{conversationId:g,limit:K}),enabled:g.length>0}),C=(0,N.useMemo)(()=>y?.events??[],[y]),w=(0,N.useMemo)(()=>I(C),[C]),T=(0,N.useMemo)(()=>R(C),[C]),D=h.length>0;return(0,G.jsx)(`div`,{className:`flex flex-col gap-6`,children:a?(0,G.jsx)(`div`,{className:`flex items-center justify-center py-16`,children:(0,G.jsx)(o,{className:`h-6 w-6 animate-spin`,style:{color:`var(--content-secondary)`}})}):s?(0,G.jsx)($,{message:f instanceof Error?f.message:`Failed to load conversations.`}):D?(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(J,{conversations:h,selectedConversationId:g,onSelect:_}),b?(0,G.jsx)(`div`,{className:`flex items-center justify-center py-16`,children:(0,G.jsx)(o,{className:`h-6 w-6 animate-spin`,style:{color:`var(--content-secondary)`}})}):x?(0,G.jsx)($,{message:S instanceof Error?S.message:`Failed to load trace events.`}):(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(X,{metrics:w}),C.length===0?(0,G.jsx)(Q,{title:`No trace events yet`,subtitle:`Events will appear as the session runs.`}):(0,G.jsx)(ne,{groups:T})]})]}):(0,G.jsx)(Q,{title:`No conversations yet`,subtitle:`Start a conversation to generate trace events.`})})}function J({conversations:e,selectedConversationId:t,onSelect:n}){return(0,G.jsxs)(`div`,{className:`flex flex-col gap-1.5`,children:[(0,G.jsx)(`label`,{htmlFor:`logs-conversation-picker`,className:`text-body-small-default`,style:{color:`var(--content-secondary)`},children:`Conversation`}),(0,G.jsx)(i,{id:`logs-conversation-picker`,value:t,onChange:n,options:e.map(e=>({value:e.conversationId,label:Y(e)}))})]})}function Y(e){return e.title?.trim()||`Conversation ${e.conversationId.slice(0,8)}`}function X({metrics:e}){let t=e.toolFailureCount>0;return(0,G.jsxs)(`section`,{className:`flex flex-col gap-3 rounded-lg border p-4`,style:{background:`var(--surface-lift)`,borderColor:`var(--border-base)`},children:[(0,G.jsx)(`h3`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:`Session Metrics`}),(0,G.jsxs)(`div`,{className:`grid grid-cols-1 gap-3 sm:grid-cols-2`,children:[(0,G.jsx)(Z,{label:`Requests`,value:A(e.requestCount)}),(0,G.jsx)(Z,{label:`LLM Calls`,value:A(e.llmCallCount)}),(0,G.jsx)(Z,{label:`Tokens`,value:k(e.totalInputTokens,e.totalOutputTokens)}),(0,G.jsx)(Z,{label:`Avg Latency`,value:j(e.averageLlmLatencyMs)}),t?(0,G.jsx)(Z,{label:`Failures`,value:A(e.toolFailureCount),valueColor:`var(--system-negative-strong)`}):null]})]})}function Z({label:e,value:t,valueColor:n}){return(0,G.jsxs)(`div`,{className:`flex flex-col gap-1 rounded-md px-3 py-2`,style:{background:`color-mix(in srgb, var(--border-base) 15%, transparent)`},children:[(0,G.jsx)(`span`,{className:`text-body-medium-default`,style:{color:n??`var(--content-default)`},children:t}),(0,G.jsx)(`span`,{className:`text-body-small-default`,style:{color:`var(--content-tertiary)`},children:e})]})}function ne({groups:e}){return(0,G.jsxs)(`section`,{className:`flex flex-col gap-4`,children:[(0,G.jsx)(`h3`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:`Timeline`}),(0,G.jsx)(`div`,{className:`flex flex-col gap-5`,children:e.map(e=>(0,G.jsx)(re,{requestId:e.requestId,events:e.events},e.requestId||`__system__`))})]})}function re({requestId:e,events:t}){let n=V((0,N.useMemo)(()=>L(t),[t])),r=e?`Request ${e.slice(0,8)}`:`System`;return(0,G.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,G.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,N.createElement)(n.Icon,{className:`h-3 w-3 shrink-0`,style:{color:n.color}}),(0,G.jsx)(`span`,{className:`text-body-small-default select-text`,style:{color:`var(--content-secondary)`},children:r}),(0,G.jsx)(`div`,{className:`h-px flex-1`,style:{background:`var(--border-base)`},"aria-hidden":!0})]}),(0,G.jsx)(`ol`,{className:`flex flex-col`,style:{listStyle:`none`},children:t.map(e=>(0,G.jsx)(`li`,{children:(0,G.jsx)(ie,{event:e})},e.eventId))})]})}function ie({event:e}){let[t,n]=(0,N.useState)(!1),r=(0,N.useMemo)(()=>e.attributes?Object.entries(e.attributes).sort(([e],[t])=>e.localeCompare(t)):[],[e.attributes]),i=r.length>0,o=z(e.kind),s=B(e.status);return(0,G.jsxs)(`div`,{className:`flex flex-col`,children:[(0,G.jsxs)(`button`,{type:`button`,onClick:()=>{i&&n(e=>!e)},className:`flex w-full items-start gap-2 rounded-sm px-1 py-1.5 text-left transition-colors`,style:{cursor:i?`pointer`:`default`},disabled:!i,"aria-expanded":i?t:void 0,children:[(0,N.createElement)(o,{className:`mt-0.5 h-3.5 w-3.5 shrink-0`,style:{color:s}}),(0,G.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-0.5`,children:[(0,G.jsx)(`span`,{className:`text-body-medium-lighter break-words`,style:{color:`var(--content-default)`},children:e.summary}),(0,G.jsx)(`span`,{className:`font-mono text-body-small-default`,style:{color:`var(--content-tertiary)`},children:M(e.timestampMs)})]}),i?t?(0,G.jsx)(a,{className:`mt-1 h-3 w-3 shrink-0`,style:{color:`var(--content-tertiary)`}}):(0,G.jsx)(D,{className:`mt-1 h-3 w-3 shrink-0`,style:{color:`var(--content-tertiary)`}}):null]}),t&&i?(0,G.jsx)(`div`,{className:`mb-1 ml-6 mr-2 rounded-md px-3 py-2`,style:{background:`var(--surface-base)`},children:(0,G.jsx)(`dl`,{className:`flex flex-col gap-1`,children:r.map(([e,t])=>(0,G.jsxs)(`div`,{className:`flex flex-col gap-0.5 sm:flex-row sm:gap-3`,children:[(0,G.jsx)(`dt`,{className:`shrink-0 font-mono text-body-small-default`,style:{color:`var(--content-tertiary)`},children:e}),(0,G.jsx)(`dd`,{className:`font-mono text-body-small-default break-all`,style:{color:`var(--content-secondary)`},children:H(t)})]},e))})}):null]})}function Q({title:e,subtitle:t}){return(0,G.jsxs)(`div`,{className:`flex flex-col items-center justify-center rounded-md border border-dashed px-6 py-16 text-center`,style:{borderColor:`var(--border-base)`,color:`var(--content-secondary)`},children:[(0,G.jsx)(w,{className:`mb-3 h-8 w-8`}),(0,G.jsx)(`p`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:e}),(0,G.jsx)(`p`,{className:`mt-1 text-body-small-default`,children:t})]})}function $({message:e}){return(0,G.jsxs)(`div`,{className:`text-body-medium-lighter flex items-start gap-3 rounded-md border px-4 py-3`,style:{background:`var(--surface-lift)`,borderColor:`var(--border-base)`,color:`var(--content-default)`},children:[(0,G.jsx)(f,{className:`h-5 w-5 shrink-0`,style:{color:`var(--system-negative-strong)`}}),(0,G.jsx)(`span`,{children:e})]})}function ae(){let{assistantId:e}=te();return e?(0,G.jsx)(q,{assistantId:e}):null}export{ae as TracePage};

package/dist/assets/use-is-org-ready-gL2RDSDC.js

@@ -1 +0,0 @@
-import{c as e,r as t}from"./auth-store-B42fGh_X.js";function n(){let n=e.use.currentOrganizationId();return!t()||n!=null}export{n as t};

package/dist/assets/voice-page-BeQ1jrbT.js

@@ -1 +0,0 @@
-import{o as e}from"./chunk-jRWAZmH_.js";import{r as t,s as n}from"./local-settings-lVNyIOJ_.js";import{t as r}from"./react-DJZBPgpf.js";import{t as i}from"./chunk-5KNZJZUH-B4b1m-Ya.js";import{t as a}from"./jsx-runtime-CVSDxk6A.js";import{t as o}from"./dropdown-CocFV5yi.js";import{t as s}from"./toggle-CEm3M86o.js";import{i as c}from"./routes-DC3Pv2Da.js";import{a as l,c as u,ho as d,i as f,n as p,o as m,r as h,s as g,wa as _}from"./index-huyA6GAA.js";import{t as v}from"./detail-card-p3YdFOs0.js";var y=e(r(),1),b=a(),x=`vellum:voice:conversationTimeoutSeconds`,S=[{label:`Ctrl`,activator:{kind:`modifierOnly`,modifiers:[`control`]}},{label:`Alt`,activator:{kind:`modifierOnly`,modifiers:[`option`]}},{label:`Ctrl+Shift`,activator:{kind:`modifierOnly`,modifiers:[`control`,`shift`]}}],C=[{label:`5 seconds`,value:`5`},{label:`10 seconds`,value:`10`},{label:`15 seconds`,value:`15`},{label:`30 seconds`,value:`30`},{label:`60 seconds`,value:`60`}],w=`30`,T=`text-body-small-default text-[var(--content-tertiary)]`;function E(){return(0,b.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,b.jsx)(D,{}),(0,b.jsx)(O,{}),(0,b.jsx)(A,{})]})}function D(){return(0,b.jsxs)(`div`,{className:`flex items-center gap-2 rounded-lg border border-[var(--border-subtle)] bg-[var(--field-bg)] px-3 py-2`,children:[(0,b.jsx)(_,{className:`h-3.5 w-3.5 shrink-0 text-forest-700`}),(0,b.jsx)(`span`,{className:`text-body-medium-lighter text-[var(--content-tertiary)]`,children:`Looking to configure Speech-to-Text or Text-to-Speech models?`}),(0,b.jsxs)(i,{to:c.settings.ai,className:`inline-flex items-center gap-1 text-body-medium-lighter text-[var(--system-positive-strong)] underline hover:opacity-80`,children:[`Go to Models & Services`,(0,b.jsx)(d,{className:`h-3 w-3`})]})]})}function O(){let[e,r]=(0,y.useState)(()=>{let e=t(p,``);return e?m(e):{kind:`off`}}),[i,a]=(0,y.useState)(!1),[o,c]=(0,y.useState)([]),d=(0,y.useRef)(null),x=(0,y.useRef)(!1),C=e.kind!==`off`,w=(0,y.useCallback)(e=>{r(e),n(p,g(e)),a(!1),c([])},[]),E=(0,y.useCallback)(()=>{a(!0),c([]),x.current=!1,requestAnimationFrame(()=>{d.current?.focus()})},[]),D=(0,y.useCallback)(()=>{a(!1),c([]),x.current=!1},[]),O=(0,y.useCallback)(e=>{let t=[];return e.ctrlKey&&t.push(`control`),e.altKey&&t.push(`option`),e.shiftKey&&t.push(`shift`),e.metaKey&&t.push(`command`),t},[]),A=(0,y.useCallback)(e=>{if(e.preventDefault(),e.stopPropagation(),e.key===`Escape`){D();return}let t=O(e),n=e.key;if(n===`Control`||n===`Alt`||n===`Shift`||n===`Meta`||n===`Fn`){c(u(t));return}x.current=!0,w({kind:`key`,label:n.length===1?n.toUpperCase():n,modifiers:t})},[D,O,w]),j=(0,y.useCallback)(e=>{if(!i)return;e.preventDefault(),e.stopPropagation();let t=e.key;if(t===`Control`||t===`Alt`||t===`Shift`||t===`Meta`||t===`Fn`){if(x.current){x.current=!1,c([]);return}O(e).length===0&&o.length>0&&w({kind:`modifierOnly`,modifiers:o})}},[O,i,o,w]);(0,y.useEffect)(()=>{if(!i)return;let e=e=>{d.current&&!d.current.contains(e.target)&&D()};return window.addEventListener(`mousedown`,e),()=>window.removeEventListener(`mousedown`,e)},[D,i]);let M=C&&!S.some(t=>f(t.activator,e));return(0,b.jsx)(v,{title:`Push to Talk`,subtitle:`Hold the activation key to dictate text or start a voice conversation.`,children:(0,b.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,b.jsx)(s,{checked:C,onChange:t=>{t?e.kind===`off`&&w({kind:`modifierOnly`,modifiers:[`control`]}):w({kind:`off`})},label:`Enable Push to Talk`}),C&&(0,b.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,b.jsx)(`span`,{className:T,children:`Activation Key:`}),(0,b.jsxs)(`div`,{ref:d,tabIndex:i?0:-1,onKeyDown:i?A:void 0,onKeyUp:i?j:void 0,className:`flex flex-wrap items-center gap-2 focus:outline-none`,children:[S.map(t=>{let n=f(t.activator,e);return(0,b.jsx)(k,{label:t.label,selected:n,onClick:()=>w(t.activator)},t.label)}),i?(0,b.jsx)(k,{label:o.length>0?l(o):`Press any key…`,selected:!0,recording:!0,onClick:D}):(0,b.jsx)(k,{label:M?h(e):`Custom`,selected:M,onClick:E})]}),(0,b.jsxs)(`div`,{className:`flex items-start gap-1 pt-1 text-body-small-default text-[var(--content-quiet)]`,children:[(0,b.jsx)(_,{className:`mt-0.5 h-3 w-3 shrink-0`}),(0,b.jsx)(`span`,{children:`Push-to-Talk only works while this tab is focused, and browsers may intercept some shortcuts (e.g. Ctrl+T) before the page can see them. For always-on PTT, use the Vellum desktop app.`})]})]})]})})}function k({label:e,selected:t,recording:n=!1,onClick:r}){return(0,b.jsxs)(`button`,{type:`button`,onClick:r,className:[`inline-flex items-center gap-2 rounded-lg border px-3 py-1.5 text-body-medium-lighter transition-colors`,`border-[var(--border-subtle)]`,t?`bg-[var(--surface-active)]`:`bg-[var(--surface-lift)] hover:bg-[var(--surface-hover)]`,n?`animate-pulse`:``].filter(Boolean).join(` `),children:[(0,b.jsx)(`span`,{className:[`inline-block h-2.5 w-2.5 rounded-full border`,t?`border-forest-700 bg-forest-700`:`border-[var(--border-element)]`].join(` `)}),(0,b.jsx)(`span`,{className:`text-[var(--content-default)]`,children:e})]})}function A(){let[e,r]=(0,y.useState)(()=>{let e=t(x,w);return C.find(t=>t.value===e)?.value??w});return(0,b.jsx)(v,{title:`Conversation Timeout`,subtitle:`How long the assistant waits for you to start speaking before ending a voice conversation turn.`,children:(0,b.jsx)(`div`,{className:`max-w-xs`,children:(0,b.jsx)(o,{options:C,value:e,onChange:(0,y.useCallback)(e=>{r(e),n(x,e)},[]),"aria-label":`Conversation timeout`})})})}export{E as VoicePage};