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

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

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