@vellumai/web 0.12.0-dev.202609111724.a78dcda → 0.12.0-dev.202609111819.3dcbf21

package/dist/assets/{companion-surface-page-CVF0yRiM.js → companion-surface-page-DC64P76K.js}

@@ -1 +1 @@
-import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{f as t,g as n,j as r}from"./vendor-yoekmcrB.js";import{t as i,x as a}from"./react-BJ4PZBJN.js";import{Cn as o,Jr as s,Ki as c,Na as l,Oi as u,Sn as d,W as f,Wa as p,Xt as m,_n as h,i as g,m as _,p as v,qa as y,qr as b,yt as x}from"./icons-BjnVKAw1.js";import{Cs as ee,Ql as S,Ss as C,Xy as te,Zl as w,_s as T,as as E,bs as D,cs as O,di as k,ds as ne,fs as re,hs as ie,is as ae,js as oe,ls as se,ms as ce,ns as le,ob as ue,ps as de,sn as fe,ss as pe,us as me,vs as he,wi as ge,xs as _e,ys as ve}from"./index-DA0GBGXJ.js";import{n as A,r as j,t as M}from"./companion-layout-CwvFzZrj.js";import{n as N}from"./companion-accent-uCkWMXEt.js";var ye=y(`eraser`,[[`path`,{d:`M21 21H8a2 2 0 0 1-1.42-.587l-3.994-3.999a2 2 0 0 1 0-2.828l10-10a2 2 0 0 1 2.829 0l5.999 6a2 2 0 0 1 0 2.828L12.834 21`,key:`g5wo59`}],[`path`,{d:`m5.082 11.09 8.828 8.828`,key:`1wx5vj`}]]),P=y(`screen-share`,[[`path`,{d:`M13 3H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-3`,key:`i8wdob`}],[`path`,{d:`M8 21h8`,key:`1ev6f3`}],[`path`,{d:`M12 17v4`,key:`1riwvh`}],[`path`,{d:`m17 8 5-5`,key:`fqif7o`}],[`path`,{d:`M17 3h5v5`,key:`1o3tu8`}]]),be=y(`slash`,[[`path`,{d:`M22 2 2 22`,key:`y4kqgn`}]]),F=e(a(),1),I=i(),L=460,xe=3,R=88,Se=3,Ce=[`screens`,`tabs`,`windows`],we=(e,t)=>t===`screens`?e.displays.length:t===`tabs`?e.tabs.length:e.windows.length,z=e=>Ce.find(t=>we(e,t)>0)??`screens`,B=e=>e.kind===`display`?`display-${e.displayId}`:`window-${e.windowId}`;function Te({sources:e,captureThumbnail:t,cardGrowth:n=`up`,avatarBox:i=w,optionsBox:a=w,cardRef:o,label:s,onPick:c}){let{t:l}=r(),{inUnits:u,lineAt:d,introStepOff:f}=M(i,a),p=u(f(n)),m={left:`50%`,top:d(n,0),transform:n===`up`?`translate(-50%, calc(-100% - ${p}px))`:`translate(-50%, ${p}px)`},g=e===null?[]:Ce.filter(t=>we(e,t)>0),_=e!==null&&g.length===0,[v,y]=(0,F.useState)(null),b=e===null?`screens`:v!==null&&g.includes(v)?v:z(e),x=(0,F.useMemo)(()=>e===null?[]:b===`screens`?e.displays.map(e=>{let t={kind:`display`,displayId:e.displayId};return{key:B(t),target:t}}):b===`windows`?e.windows.map(e=>{let t={kind:`window`,windowId:e.windowId};return{key:B(t),target:t}}):[],[b,e]),[ee,S]=(0,F.useState)(new Map),C=(0,F.useRef)(new Set),T=(0,F.useRef)(0),E=(0,F.useRef)(!1);(0,F.useEffect)(()=>(E.current=!0,()=>{E.current=!1}),[]),(0,F.useEffect)(()=>{C.current=new Set,T.current+=1,S(new Map),y(null)},[e]);let D=(0,F.useRef)(null);(0,F.useEffect)(()=>{D.current!==null&&(D.current.scrollTop=0)},[b]),(0,F.useEffect)(()=>{if(t!==void 0)for(let{key:e,target:n}of x){if(C.current.has(e))continue;C.current.add(e);let r=T.current,i=t=>{!E.current||r!==T.current||S(n=>new Map(n).set(e,t))};t(n).then(i,()=>{i(null)})}},[t,x]);let O=e=>t===void 0?null:ee.get(e),k=e=>l(e===`screens`?`companionSurface.captureScreens`:e===`tabs`?`companionSurface.captureTabs`:`companionSurface.captureWindows`);return(0,I.jsxs)(`div`,{ref:o,role:`group`,"aria-label":s??l(`companionSurface.capturePicker`),"data-companion-capture-picker":!0,"data-theme":`dark`,className:`absolute flex flex-col rounded-2xl border border-white/10 bg-[#17181b]/95 p-1.5 shadow-lg shadow-black/40`,style:{width:L,...m},onPointerDown:e=>{e.stopPropagation()},children:[g.length>1&&(0,I.jsx)(te,{className:`mx-auto mb-1.5 w-auto shrink-0`,items:g.map(e=>({value:e,label:k(e)})),value:b,ariaLabel:l(`companionSurface.captureKind`),onChange:y}),(0,I.jsx)(ue,{ref:D,className:`max-h-48 flex-col px-0.5`,size:24,fadeEdges:`end`,hideScrollBar:!0,children:(0,I.jsxs)(`div`,{className:`flex flex-col`,"data-slot":`capture-sources`,children:[e===null&&(0,I.jsx)(Oe,{}),e!==null&&b===`screens`&&(0,I.jsx)(Ee,{children:e.displays.map(e=>{let t=l(`companionSurface.captureScreen`,{n:e.index+1}),n=B({kind:`display`,displayId:e.displayId});return(0,I.jsx)(De,{title:t,ariaLabel:t,answer:O(n),fallback:(0,I.jsx)(h,{className:`size-5 text-white/40`,"aria-hidden":!0}),onClick:()=>{c?.({kind:`display`,displayId:e.displayId})}},n)})}),e!==null&&b===`windows`&&(0,I.jsx)(Ee,{children:e.windows.map(e=>{let t=B({kind:`window`,windowId:e.windowId}),n=e.title===``?e.app:e.title;return(0,I.jsx)(De,{title:n,ariaLabel:e.title===``?n:`${n} (${e.app})`,answer:O(t),fallback:(0,I.jsx)(H,{icon:e.icon,large:!0}),icon:(0,I.jsx)(H,{icon:e.icon}),onClick:()=>{c?.({kind:`window`,windowId:e.windowId})}},t)})}),e!==null&&b===`tabs`&&(0,I.jsx)(`div`,{className:`flex flex-col`,children:e.tabs.map(e=>(0,I.jsx)(V,{icon:(0,I.jsx)(H,{icon:e.icon}),title:e.title,onClick:()=>{c?.({kind:`tab`,chromeWindowId:e.chromeWindowId,tabIndex:e.tabIndex})}},`tab-${e.chromeWindowId}-${e.tabIndex}`))}),_&&(0,I.jsx)(`span`,{className:`px-2 py-3 text-[12px] text-white/50`,children:l(`companionSurface.captureNothing`)})]})})]})}function Ee({children:e}){return(0,I.jsx)(`div`,{className:`grid gap-1.5 py-0.5`,style:{gridTemplateColumns:`repeat(${xe}, minmax(0, 1fr))`},children:e})}function De({title:e,ariaLabel:t,answer:n,fallback:r,icon:i,onClick:a}){return(0,I.jsxs)(`button`,{type:`button`,"aria-label":t,"data-slot":`capture-source`,className:`group flex min-w-0 flex-col gap-1 rounded-lg p-1 text-left transition-colors outline-none hover:bg-white/10 focus-visible:ring-1 focus-visible:ring-white/40 focus-visible:ring-inset active:bg-white/15`,onClick:a,children:[(0,I.jsx)(`span`,{"data-slot":`capture-preview`,className:`flex items-center justify-center overflow-hidden rounded-md bg-black/40 ring-1 ring-white/10 ${n===void 0?`animate-pulse`:``}`,style:{height:R},children:n==null?r:(0,I.jsx)(`img`,{src:n,alt:``,draggable:!1,className:`max-h-full max-w-full object-contain`})}),(0,I.jsxs)(`span`,{className:`flex min-w-0 items-center gap-1`,children:[i,(0,I.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-[11px] text-white/75 group-hover:text-white/90`,children:e})]})]})}function V({icon:e,title:t,onClick:n}){return(0,I.jsxs)(`button`,{type:`button`,"aria-label":t,"data-slot":`capture-source`,className:`flex h-8 w-full shrink-0 items-center gap-2 rounded-lg px-2 text-left text-[12px] text-white/85 transition-colors outline-none hover:bg-white/10 focus-visible:ring-1 focus-visible:ring-white/40 focus-visible:ring-inset active:bg-white/15`,onClick:n,children:[e,(0,I.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:t})]})}function H({icon:e,large:t=!1}){return(0,I.jsx)(`span`,{className:`flex shrink-0 items-center justify-center overflow-hidden ring-1 ring-white/10 ${t?`size-7 rounded-lg`:`size-3.5 rounded-[4px]`}`,children:e===void 0?(0,I.jsx)(p,{className:t?`size-5 text-white/40`:`size-3 text-white/70`,"aria-hidden":!0}):(0,I.jsx)(`img`,{src:e,alt:``,className:`size-full`,draggable:!1})})}function Oe(){return(0,I.jsx)(Ee,{children:Array.from({length:Se},(e,t)=>(0,I.jsxs)(`div`,{className:`flex flex-col gap-1 p-1`,"aria-hidden":!0,children:[(0,I.jsx)(`span`,{className:`animate-pulse rounded-md bg-white/10`,style:{height:R}}),(0,I.jsx)(`span`,{className:`h-2 animate-pulse rounded-full bg-white/10`,style:{width:t===0?`70%`:`45%`}})]},t))})}var U=260;function ke({offer:e,growth:t=`right`,cardGrowth:n=`up`,avatarBox:i=w,optionsBox:a=w,cardRef:o,onAnswer:s}){let{t:c}=r(),l=e.reason===`claimed`?c(`companionSurface.offerVersion`):c(`companionSurface.offerNowhere`),{inUnits:u,avatarHalf:d,lineAt:f,edgeAt:p,introStepOff:m}=M(i,a),h=u(m(n)),g=p(t,-d),_={top:f(n,0),transform:n===`up`?`translateY(calc(-100% - ${h}px))`:`translateY(${h}px)`};return(0,I.jsxs)(`div`,{ref:o,role:`group`,"aria-label":l,"data-companion-dictation-offer":!0,className:`absolute flex flex-col gap-2 rounded-2xl border border-white/10 bg-[#17181b]/95 px-3.5 py-3 shadow-lg shadow-black/40`,style:{width:U,...g,..._},onPointerDown:e=>{e.stopPropagation()},children:[(0,I.jsx)(`p`,{className:`text-[11px] font-medium tracking-wide text-white/45 uppercase select-none`,children:l}),(0,I.jsx)(ue,{className:`max-h-40 flex-col`,size:20,fadeEdges:`end`,hideScrollBar:!0,children:(0,I.jsx)(`p`,{dir:`auto`,className:`text-[13px] leading-[1.45] text-white/90`,children:e.text})}),(0,I.jsxs)(`div`,{className:`flex flex-wrap items-center justify-end gap-1 pt-0.5`,children:[(0,I.jsx)(`button`,{type:`button`,className:`h-7 rounded-full px-2.5 text-[12px] text-white/55 transition-colors hover:bg-white/10 hover:text-white/80`,onClick:()=>s?.(`dismiss`),children:e.reason===`claimed`?c(`companionSurface.notNow`):c(`companionSurface.offerDiscard`)}),e.reason===`claimed`?(0,I.jsx)(`button`,{type:`button`,className:`h-7 rounded-full px-2.5 text-[12px] text-white/70 transition-colors hover:bg-white/10 hover:text-white`,onClick:()=>s?.(`quit`),children:c(`companionSurface.offerQuit`,{app:e.app})}):null,(0,I.jsx)(`button`,{type:`button`,className:`h-7 rounded-full bg-white/15 px-3 text-[12px] text-white transition-colors hover:bg-white/25`,onClick:()=>s?.(e.reason===`claimed`?`use`:`copy`),children:e.reason===`claimed`?c(`companionSurface.offerUse`):c(`companionSurface.offerCopy`)})]})]})}var Ae=244,je={meet:{title:`companionIntro.meet.title`,body:`companionIntro.meet.body`},talk:{title:`companionIntro.talk.title`,body:`companionIntro.talk.body`},menu:{title:`companionIntro.menu.title`,body:`companionIntro.menu.body`}},Me=e=>e===`talk`?e:void 0,Ne=e=>e===null||e===`meet`?null:`hover`;function Pe({beat:e,growth:t=`right`,cardGrowth:n=`up`,avatarBox:i=w,optionsBox:a=w,accentHex:o,assistantName:s,cardRef:c,onAdvance:l}){let{t:u}=r(),d=S.indexOf(e),f=d===S.length-1,p=je[e],{inUnits:m,avatarHalf:h,lineAt:g,edgeAt:_,introStepOff:v}=M(i,a),y=m(v(n)),b=_(t,-h),x={top:g(n,0),transform:n===`up`?`translateY(calc(-100% - ${y}px))`:`translateY(${y}px)`};return(0,I.jsxs)(`div`,{ref:c,role:`group`,"aria-label":u(`companionIntro.ariaLabel`),className:`absolute flex flex-col gap-2 rounded-2xl border border-white/10 bg-[#17181b]/95 px-3.5 py-3 shadow-lg shadow-black/40`,style:{width:Ae,...b,...x},onPointerDown:e=>{e.stopPropagation()},children:[(0,I.jsx)(`p`,{className:`line-clamp-2 text-[13px] leading-tight font-medium text-white`,children:e===`meet`&&s!==void 0?u(`companionIntro.meet.titleNamed`,{name:s}):u(p.title)}),(0,I.jsx)(`p`,{className:`text-[12px] leading-[1.45] text-white/70`,children:u(p.body)}),(0,I.jsxs)(`div`,{className:`flex items-center justify-between pt-0.5`,children:[(0,I.jsx)(`div`,{className:`flex items-center gap-1`,"aria-hidden":!0,children:S.map((e,t)=>(0,I.jsx)(`span`,{className:`size-1.5 rounded-full transition-colors`,style:{backgroundColor:t===d?o??`#5eead4`:`rgba(255,255,255,.2)`}},e))}),(0,I.jsxs)(`div`,{className:`flex items-center gap-1`,children:[!f&&(0,I.jsx)(`button`,{type:`button`,className:`h-7 rounded-full px-2.5 text-[12px] text-white/55 transition-colors hover:bg-white/10 hover:text-white/80`,onClick:()=>l?.(`dismiss`),children:u(`companionIntro.skip`)}),(0,I.jsx)(`button`,{type:`button`,className:`h-7 rounded-full bg-white/15 px-3 text-[12px] text-white transition-colors hover:bg-white/25`,onClick:()=>l?.(`next`),children:u(f?`companionIntro.done`:`companionIntro.next`)})]})]})]})}var Fe={min:3,max:10},Ie=(e=Math.random)=>{let t=e();return t<1/3?`top`:t<2/3?`topLeft`:`topRight`},W=1600,G=.22,K=.04,Le=4,Re=(e,t)=>{let n=Math.min(.95,Math.max(.25,e.eyeCenterFrac+e.eyeHalfFrac+K)),r=Math.min(t,24,14/n),i=r*n;return{size:r,exposed:i,clip:{width:r+2*Le,height:i+Le},rest:i+2}},ze=(e,t=Math.random)=>(e.min+t()*(e.max-e.min))*1e3;function q(e,t=Fe){let[n,r]=(0,F.useState)(0),{min:i,max:a}=t;return(0,F.useEffect)(()=>{if(!e)return;let t,n=()=>{t=setTimeout(()=>{r(e=>e+1),n()},ze({min:i,max:a}))};return n(),()=>{clearTimeout(t)}},[e,i,a]),n}var Be=(e,t,n={width:0,height:0})=>{let r=e===`topLeft`?n.width/4:e===`topRight`?n.width*3/4:n.width/2;return{slot:{width:t.width,height:t.height,bottom:`100%`,left:r-t.width/2}}};function Ve({character:e,capsule:r,enabled:i,held:a=!1,edge:o,interval:s=Fe,className:c,style:l}){let u=t(),d=(0,F.useMemo)(()=>fe(ge,e),[e]),f=q(i&&!a&&!u&&d!==null,s),[p,m]=(0,F.useState)(!1),[h,g]=(0,F.useState)(`top`);if((0,F.useEffect)(()=>{if(f===0)return;g(Ie()),m(!0);let e=setTimeout(()=>{m(!1)},W);return()=>{clearTimeout(e)}},[f]),d===null||u)return null;let _=Re(d,r.width),v=a||p,y=o??h,b=Be(y,_.clip,r);return(0,I.jsx)(`div`,{className:`companion-peek ${c??``}`,style:{width:r.width,height:r.height,...l},"data-risen":v,"data-edge":y,"aria-hidden":!0,children:(0,I.jsx)(`div`,{className:`absolute`,style:b.slot,children:(0,I.jsx)(`div`,{className:`absolute inset-0 overflow-hidden`,children:(0,I.jsx)(n.div,{className:`absolute left-1/2`,style:{width:_.size,height:_.size,marginLeft:-_.size/2,top:_.clip.height-_.exposed},initial:{y:_.rest},animate:{y:v?0:_.rest},transition:a?{duration:0}:v?{type:`spring`,stiffness:280,damping:14}:{duration:G,ease:`easeIn`},children:(0,I.jsx)(k,{components:ge,traits:e,size:_.size})})})})})}var J=`#5eead4`,He=new Set([`transcribing`,`thinking`,`speaking`]),Y=28,X={idle:{width:64,height:14},closing:Y,rim:2,bloom:4},Ue=X.idle,We=(e,t,n)=>[`inset 0 0 0 ${t}px color-mix(in srgb, ${e} 78%, transparent)`,`0 0 ${n}px color-mix(in srgb, ${e} 85%, transparent)`,`0 0 ${n*4}px color-mix(in srgb, ${e} 42%, transparent)`,`0 8px 24px rgba(0, 0, 0, 0.45)`].join(`, `),Ge=244,Ke=200,qe=120,Je={watching:40,summary:220,dictating:Ge+32,offer:Ke+32,call:4+qe+180};function Ye({phase:e,assistantName:n=``,accentHex:i=J,avatarSrc:a,character:o,hovered:s=!1,growth:c=`right`,avatarBox:l=w,optionsBox:u=w,cardGrowth:d=`up`,rootRef:f,restingPillRef:p,avatarRef:m,onSurfacePointerDown:h,onSurfaceContextMenu:g,spotlight:_,onWatch:v,onTeach:y,picking:b=!1,sharing:x=!1,shareEnabled:ee=!1,sharePicking:S=!1,onShare:C,onStopShare:te,annotating:T=!1,annotationTool:E,onAnnotationTool:D,drawToolsRef:O,onAnnotate:k,marked:ne=!1,onClearMarks:re,shortcuts:ie,onAvatarClick:ae,working:oe=!1,watching:se=!1,watchRetro:ce,onWatchRetro:le,dictationOffer:ue,offer:de,watchEnabled:fe=!1,dictating:pe,dictationText:me=``,call:he,onControl:ge,intro:_e,picker:ve}){let{t:A}=r(),j=e!==`resting`,N=e===`call`||e===`dictating`||e===`offer`||e===`summary`||e===`watching`,[ye,P]=(0,F.useState)(!1);(0,F.useEffect)(()=>{if(e!==`hover`){P(!1);return}let t=setTimeout(()=>{P(!0)},500);return()=>{clearTimeout(t)}},[e]);let be=_===`talk`||e===`hover`&&ye,L=ce===`pending`,xe=oe||he!==void 0&&He.has(he.phase),R=t(),Se=(0,F.useRef)(null),[Ce,we]=(0,F.useState)(null);(0,F.useLayoutEffect)(()=>{let e=Se.current;if(!e)return;let t=()=>{we(e.scrollWidth)};t();let n=new ResizeObserver(t);return n.observe(e),()=>{n.disconnect()}},[e]);let{scale:z,avatarRel:B,avatarHalf:Te,baseline:Ee,gap:De,inUnits:V,lineAt:H,edgeAt:Oe}=M(l,u),U=e===`call`,ke=N?(Ce??Je[e])+16:0,Ae=Oe(c,Te+De),je=l/w,Me=j?{width:X.closing*je,height:X.closing*je}:X.idle,Ne=_e!=null,Pe=U?{width:ke,left:`50%`,top:H(d,0),transform:`translate(-50%, -50%)`,transitionTimingFunction:`cubic-bezier(.2,.8,.2,1)`}:{width:ke,...Ae,top:H(d,Ee),transform:`translateY(-100%)`,transitionTimingFunction:`cubic-bezier(.2,.8,.2,1)`},Fe=U?`calc(50% - ${ke/2+V(Te+De)}px)`:`50%`;return(0,I.jsxs)(`div`,{className:`absolute top-0 left-0 origin-top-left`,style:{width:`${100/z}%`,height:`${100/z}%`,transform:`scale(${z})`},children:[(0,I.jsxs)(`div`,{className:`absolute flex h-11 cursor-grab items-center rounded-full transition-[width] duration-300 select-none will-change-[width] active:cursor-grabbing ${!U&&c===`left`?`justify-end`:``}`,style:Pe,onPointerDown:h,onContextMenu:g,ref:f,children:[(0,I.jsx)(`span`,{className:`absolute inset-0 rounded-full border border-white/10 bg-[#17181b]/95 shadow-lg shadow-black/40 transition-opacity duration-200`,style:{opacity:+!!N},"aria-hidden":!0}),U&&(0,I.jsx)(`span`,{className:`companion-working-ring pointer-events-none absolute -inset-0.5 rounded-full transition-opacity duration-200`,style:{opacity:+!!N,"--companion-ring-accent":i},"aria-hidden":!0}),(0,I.jsx)(`div`,{className:`relative flex h-11 shrink-0 items-center`,style:{paddingInline:8},children:(0,I.jsx)(`div`,{className:`flex min-w-0 items-center gap-1 overflow-hidden transition-opacity duration-200`,ref:Se,inert:!N,style:{opacity:+!!N,transitionDelay:N?`120ms`:`0ms`},children:e===`call`?(0,I.jsx)(it,{call:he,assistantName:n,watching:se,watchEnabled:fe,picking:b,sharing:x,shareEnabled:ee,sharePicking:S,annotating:T,marked:ne,annotationTool:E,cardGrowth:d,drawToolsRef:O,onAnnotationTool:D,onControl:ge,onWatch:v,onTeach:y,onShare:C,onStopShare:te,onAnnotate:k,onClearMarks:re,shortcuts:ie}):e===`dictating`&&pe!==void 0?(0,I.jsx)($e,{dictating:pe,dictationText:me}):e===`summary`&&ce!==void 0?(0,I.jsx)(rt,{retro:ce,onWatchRetro:le}):e===`offer`&&ue!==void 0?(0,I.jsx)(et,{offer:ue}):(0,I.jsx)(tt,{watching:se,onWatch:v})})})]}),(0,I.jsx)(`div`,{className:`absolute cursor-grab active:cursor-grabbing`,style:{width:V(X.idle.width),height:V(X.idle.height),pointerEvents:j?`none`:void 0,left:`50%`,top:H(d,0),transform:`translate(-50%, -50%)`},onPointerDown:h,onContextMenu:g,ref:p,"aria-hidden":!0,children:(0,I.jsx)(`div`,{className:`absolute top-1/2 left-1/2 rounded-full transition-[width,height,opacity] duration-300`,style:{width:V(Me.width),height:V(Me.height),transform:`translate(-50%, -50%)`,transitionTimingFunction:`cubic-bezier(.2,.8,.2,1)`,transitionProperty:R?`opacity`:void 0,boxShadow:We(i,V(X.rim),V(X.bloom)),opacity:+!j}})}),(0,I.jsx)(Z,{className:be?`opacity-100`:`opacity-0`,"data-companion-name":be?`shown`:`hidden`,style:{left:`50%`,top:H(d,0),transform:`translate(-50%, calc(-100% - ${V(Te)}px - 4px))`},label:A(`companionSurface.talk`)}),(0,I.jsx)(Qe,{label:A(e===`call`?`companionSurface.openVellum`:`companionSurface.talk`),accentHex:i,avatarSrc:a,character:o,attentive:s,busy:xe||se||L,collapsed:!j&&!Ne,restingScale:w/l,style:{left:Fe,top:H(d,0),transform:`translate(-50%, -50%)${B===1?``:` scale(${B})`}`,transition:R?void 0:`left 300ms cubic-bezier(.2,.8,.2,1)`},elementRef:m,onPointerDown:h,onContextMenu:g,onClick:ae}),_e,ve,de]})}var Xe=`rgba(28, 28, 30, 0.55)`,Ze=`backdrop-blur-md backdrop-saturate-150`;function Z({className:e,style:t,label:n,shortcut:r,...i}){return(0,I.jsxs)(`span`,{className:`pointer-events-none absolute rounded-md px-2 py-1 text-[11px] font-medium whitespace-nowrap text-white/90 shadow-md shadow-black/30 transition-opacity duration-200 ${Ze} ${e}`,style:{...t,backgroundColor:Xe},"aria-hidden":!0,...i,children:[n,r===void 0?null:(0,I.jsx)(`span`,{className:`ml-1.5 font-normal text-white/60`,"data-shortcut":!0,children:r}),(0,I.jsx)(`span`,{className:`absolute top-full left-1/2 h-1.5 w-2.5 -translate-x-1/2 ${Ze}`,style:{backgroundColor:Xe,clipPath:`polygon(0 0, 100% 0, 50% 100%)`},"aria-hidden":!0})]})}function Qe({accentHex:e,avatarSrc:n,character:r,busy:i=!1,attentive:a=!1,collapsed:o=!1,restingScale:s=1,label:c,style:l,elementRef:u,onPointerDown:d,onContextMenu:f,onClick:p}){let m=t();return(0,I.jsxs)(`div`,{role:`button`,"aria-label":c,className:`absolute grid size-11 cursor-grab place-items-center active:cursor-grabbing`,style:l,ref:u,onPointerDown:d,onContextMenu:f,onClick:p,children:[r===void 0?null:(0,I.jsx)(Ve,{character:r,capsule:Ue,enabled:o&&!i,className:`absolute top-1/2 left-1/2 transition-opacity duration-200`,style:{transform:`translate(-50%, -50%) scale(${s})`,opacity:+!!o}}),(0,I.jsx)(`div`,{className:`transition-[opacity,transform] duration-300`,style:{opacity:+!o,transform:o?`scale(0.35)`:`scale(1)`,transitionTimingFunction:`cubic-bezier(.2,.8,.2,1)`,transitionProperty:m?`opacity`:void 0},children:(0,I.jsx)(`div`,{className:`companion-avatar-bob relative grid place-items-center`,style:{animation:m?`none`:void 0},children:r===void 0?n===void 0?(0,I.jsx)(`span`,{className:`relative size-7 rounded-full drop-shadow-[0_1px_3px_rgba(0,0,0,0.55)]`,style:{background:e},"aria-hidden":!0}):(0,I.jsx)(`img`,{src:n,alt:``,draggable:!1,className:`relative size-7 rounded-full object-contain drop-shadow-[0_1px_3px_rgba(0,0,0,0.55)] [-webkit-user-drag:none]`}):(0,I.jsx)(`div`,{className:`relative drop-shadow-[0_1px_3px_rgba(0,0,0,0.55)]`,children:(0,I.jsx)(k,{components:ge,traits:r,size:Y,isAssistantBusy:i,attentive:a})})})})]})}function $e({dictating:e,dictationText:t}){let{t:n}=r(),i=t.trim();return(0,I.jsxs)(`div`,{className:`flex h-7 shrink-0 items-center gap-2 px-1`,children:[(0,I.jsx)(l,{className:`size-4 shrink-0`,"aria-hidden":!0}),i?(0,I.jsx)(`span`,{dir:`auto`,className:`flex justify-end overflow-hidden text-[12px] whitespace-nowrap text-white/85`,style:{width:Ge},children:(0,I.jsx)(`span`,{className:`shrink-0`,children:i})}):(0,I.jsx)(`span`,{className:`truncate text-[12px] text-white/85`,style:{width:Ge},children:n(e===`listening`?`companionSurface.dictating`:`companionSurface.dictatingTranscribing`)})]})}function et({offer:e}){let{t}=r();return(0,I.jsxs)(`div`,{className:`flex h-7 shrink-0 items-center gap-2 px-1`,children:[(0,I.jsx)(l,{className:`size-4 shrink-0`,"aria-hidden":!0}),(0,I.jsx)(`span`,{className:`truncate text-[12px] text-white/85`,style:{width:Ke},children:e.reason===`claimed`?t(`companionSurface.offerHeard`,{app:e.app}):t(`companionSurface.offerNowhere`)})]})}function tt({watching:e=!1,onWatch:t}){return(0,I.jsx)(I.Fragment,{children:e&&(0,I.jsx)(ut,{onWatch:t})})}function nt({watching:e,watchEnabled:t,picking:n,onWatch:i,onTeach:a}){let{t:o}=r();return t?(0,I.jsx)($,{icon:(0,I.jsx)(b,{className:`size-4`}),label:o(`companionSurface.teach`),pressed:e||n,onClick:e?i:a??i}):e?(0,I.jsx)(ut,{onWatch:i}):null}function rt({retro:e,onWatchRetro:t}){let{t:n}=r();return e===`pending`?(0,I.jsx)(`span`,{className:`ml-1 shrink-0 text-[12px] text-white/85`,children:n(`companionSurface.summarizing`)}):(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)($,{icon:(0,I.jsx)(x,{className:`size-4`}),label:n(`companionSurface.showSummary`),showLabel:!0,onClick:()=>{t?.(!0)}}),(0,I.jsx)($,{icon:(0,I.jsx)(g,{className:`size-4`}),label:n(`companionSurface.notNow`),showLabel:!0,onClick:()=>{t?.(!1)}})]})}function it({call:e,assistantName:t,watching:n,watchEnabled:i,picking:a,sharing:s,shareEnabled:c,sharePicking:l,annotating:u,marked:f,annotationTool:p,cardGrowth:m,drawToolsRef:h,onAnnotationTool:g,onControl:y,onWatch:b,onTeach:x,onShare:ee,onStopShare:S,onAnnotate:C,onClearMarks:te,shortcuts:w}){let{t:T}=r();if(e===void 0)return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{className:`ml-1 max-w-[160px] shrink-0 truncate text-[12px] text-white/85`,children:t===``?T(`companionSurface.calling`):T(`companionSurface.callingNamed`,{name:t})}),(0,I.jsx)(nt,{watching:n,watchEnabled:i,picking:a,onWatch:b,onTeach:x}),(0,I.jsx)(ct,{onControl:y})]});if(e.approvalRequestId!==``)return(0,I.jsx)(lt,{detail:e.detail,requestId:e.approvalRequestId,onControl:y});let E=e.detail||e.label,{muted:D,outputMuted:O}=e;return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{className:`ml-1 shrink-0 truncate text-[12px] text-white/85`,style:{width:qe},children:E}),(0,I.jsx)(nt,{watching:n,watchEnabled:i,picking:a,onWatch:b,onTeach:x}),(0,I.jsx)(at,{sharing:s,shareEnabled:c,sharePicking:l,shortcut:c?w?.share:void 0,onShare:ee,onStopShare:S}),(0,I.jsx)(ot,{sharing:s,annotating:u,shortcut:c?w?.draw:void 0,tool:p,cardGrowth:m,toolsRef:h,onAnnotate:C,onTool:g}),(0,I.jsx)(Q,{sharing:s,marked:f,onClearMarks:te}),(0,I.jsx)($,{icon:D?(0,I.jsx)(o,{className:`size-4`}):(0,I.jsx)(d,{className:`size-4`}),label:T(D?`companionSurface.unmuteMicrophone`:`companionSurface.muteMicrophone`),shortcut:w?.muteMicrophone,onClick:()=>{y?.(D?`unmuteMicrophone`:`muteMicrophone`)}}),(0,I.jsx)($,{icon:O?(0,I.jsx)(v,{className:`size-4`}):(0,I.jsx)(_,{className:`size-4`}),label:T(O?`companionSurface.unmuteAssistant`:`companionSurface.muteAssistant`),shortcut:w?.muteAssistant,onClick:()=>{y?.(O?`unmuteAssistantAudio`:`muteAssistantAudio`)}}),(0,I.jsx)(ct,{onControl:y})]})}function at({sharing:e,shareEnabled:t,sharePicking:n,shortcut:i,onShare:a,onStopShare:o}){let{t:s}=r();return!t&&!e?null:(0,I.jsx)($,{icon:(0,I.jsx)(P,{className:`size-4`}),label:s(`companionSurface.share`),shortcut:i,pressed:e||n,onClick:e?o:a})}function ot({sharing:e,annotating:t,shortcut:n,tool:i,cardGrowth:a,toolsRef:o,onAnnotate:s,onTool:c}){let{t:l}=r();return e?(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)($,{icon:(0,I.jsx)(m,{className:`size-4`}),label:l(`companionSurface.draw`),shortcut:n,pressed:t,className:`companion-draw-anchor`,onClick:()=>{s?.(!t)}}),t&&i!==void 0&&(0,I.jsx)(st,{tool:i,cardGrowth:a,toolsRef:o,onTool:c})]}):null}function st({tool:e,cardGrowth:t,toolsRef:n,onTool:i}){let{t:a}=r(),o=[{tool:`freehand`,icon:(0,I.jsx)(m,{className:`size-4`}),label:a(`companionSurface.drawFreehand`)},{tool:`line`,icon:(0,I.jsx)(be,{className:`size-4`}),label:a(`companionSurface.drawLine`)},{tool:`box`,icon:(0,I.jsx)(f,{className:`size-4`}),label:a(`companionSurface.drawBox`)},{tool:`circle`,icon:(0,I.jsx)(u,{className:`size-4`}),label:a(`companionSurface.drawCircle`)}];return(0,I.jsx)(`div`,{className:`companion-draw-tools absolute flex -translate-x-1/2 items-center gap-0.5 rounded-full border border-white/10 bg-[#17181b]/95 p-0.5 shadow-lg shadow-black/40 ${t===`up`?`companion-draw-tools-above`:`companion-draw-tools-below`}`,role:`group`,"aria-label":a(`companionSurface.drawTools`),"data-testid":`companion-draw-tools`,ref:n,onPointerDown:e=>{e.stopPropagation()},children:o.map(t=>(0,I.jsx)($,{icon:t.icon,label:t.label,pressed:e===t.tool,onClick:()=>{i?.(t.tool)}},t.tool))})}function Q({sharing:e,marked:t,onClearMarks:n}){let{t:i}=r();return!e||!t?null:(0,I.jsx)($,{icon:(0,I.jsx)(ye,{className:`size-4`}),label:i(`companionSurface.clearMarks`),onClick:()=>{n?.()}})}function ct({onControl:e}){let{t}=r();return(0,I.jsx)($,{icon:(0,I.jsx)(g,{className:`size-4`,strokeWidth:2.5}),label:t(`companionSurface.endSession`),tone:`negative`,onClick:()=>{e?.(`endSession`)}})}function lt({detail:e,requestId:t,onControl:n}){let{t:i}=r();return(0,I.jsxs)(I.Fragment,{children:[e!==``&&(0,I.jsx)(`span`,{className:`ml-1 max-w-[120px] shrink-0 truncate text-[12px] text-white/85`,children:e}),(0,I.jsx)($,{icon:(0,I.jsx)(c,{className:`size-4`}),label:i(`companionSurface.allow`),showLabel:!0,tone:`positive`,onClick:()=>{n?.(`approveRequest`,t)}}),(0,I.jsx)($,{icon:(0,I.jsx)(g,{className:`size-4`}),label:i(`companionSurface.deny`),showLabel:!0,tone:`negative`,onClick:()=>{n?.(`denyRequest`,t)}})]})}function ut({onWatch:e}){let{t}=r();return(0,I.jsx)($,{icon:(0,I.jsx)(s,{className:`size-4`}),label:t(`companionSurface.stopTeaching`),onClick:e})}var dt=`-translate-y-[calc(50%+22px)]`;function $({icon:e,label:t,shortcut:n,tone:r,showLabel:i=!1,pressed:a,className:o=``,onClick:s}){return(0,I.jsxs)(`button`,{type:`button`,"aria-label":t,"aria-pressed":a,onClick:s,onPointerDown:e=>{e.stopPropagation()},className:`group flex h-7 shrink-0 items-center justify-center gap-1.5 rounded-full px-2 text-[12px] transition-colors hover:bg-white/15 ${o} ${a===!0?`bg-white/15`:``} ${r===`negative`?`text-[#ff6b6b]`:r===`positive`?`text-[#5ee08a]`:`text-white/85`}`,children:[e,i?(0,I.jsx)(`span`,{children:t}):(0,I.jsx)(Z,{label:t,shortcut:n,className:`opacity-0 group-hover:opacity-100 ${dt}`,"data-label":`hover`})]})}var ft=3;function pt(){let{t:e}=r(),[t,n]=(0,F.useState)(`right`),[i,a]=(0,F.useState)(`up`),[o,s]=(0,F.useState)(w),[c,l]=(0,F.useState)(w),[u,d]=(0,F.useState)(),[f,p]=(0,F.useState)(),[m,h]=(0,F.useState)(),[g,_]=(0,F.useState)(null),[v,y]=(0,F.useState)(!1),[b,x]=(0,F.useState)(void 0),[S,te]=(0,F.useState)(``),[k,ue]=(0,F.useState)(``),[fe,ge]=(0,F.useState)(!1),[M,ye]=(0,F.useState)(!1),[P,be]=(0,F.useState)(void 0),[L,xe]=(0,F.useState)(void 0),[R,Se]=(0,F.useState)(!1),[Ce,we]=(0,F.useState)(!1),[z,B]=(0,F.useState)(void 0),[Ee,De]=(0,F.useState)(!1),[V,H]=(0,F.useState)(!1),[Oe,U]=(0,F.useState)(!1),[Ae,je]=(0,F.useState)(!1),[Fe,Ie]=(0,F.useState)(void 0),[W,G]=(0,F.useState)(!1),[K,Le]=(0,F.useState)(`teach`),[Re,ze]=(0,F.useState)(null),q=(0,F.useRef)(0),[Be,Ve]=(0,F.useState)(!1),[J,He]=(0,F.useState)(null),Y=(0,F.useRef)(!1),X=(0,F.useRef)(null),Ue=(0,F.useRef)(null),We=(0,F.useRef)(null),Ge=(0,F.useRef)(null),Ke=(0,F.useRef)(null),qe=(0,F.useRef)(null),Je=(0,F.useRef)(null),Xe=(0,F.useRef)(!1),Ze=(0,F.useCallback)(e=>{Je.current=e,e===null&&Xe.current&&(Xe.current=!1,Y.current=!1,T(!1))},[]),Z=(0,F.useRef)(null),Qe=(0,F.useRef)(null),$e=(0,F.useRef)(!1);(0,F.useEffect)(()=>{let e=e=>{n(e.growth),a(e.cardGrowth),s(e.avatarBox),l(e.optionsBox??e.avatarBox),d(e.avatarBase64===void 0?void 0:`data:image/png;base64,${e.avatarBase64}`),p(e.character),h(e.accentHex),_(e.call),y(e.dialing===!0),ue(e.assistantName),ge(e.working),ye(e.watching===!0),x(e.dictating),te(e.dictationText??``),be(e.watchRetro),xe(e.dictationOffer),Se(e.watchEnabled===!0),we(e.watchTargets===!0),B(e.screenShare),De(e.screenShareEnabled===!0),H(e.annotating===!0),U((e.coachmarks?.length??0)>0),je(e.marksCleared!==void 0),Ie(e.annotationTool),He(e.intro)},t=_e(e);return ne().then(t=>{t&&e(t)}),t},[]),(0,F.useEffect)(()=>()=>{T(!1)},[]);let et=g!==null||v,tt=z!==void 0,nt=(0,F.useMemo)(()=>le()?ee():void 0,[]);(0,F.useEffect)(()=>{et||(q.current+=1,G(!1))},[et]),(0,F.useEffect)(()=>{M&&K===`teach`&&(q.current+=1,G(!1))},[M,K]),(0,F.useEffect)(()=>{tt&&K===`share`&&(q.current+=1,G(!1))},[tt,K]);let rt=(e,t)=>{ze(null),Le(e),G(!0);let n=++q.current;re().then(e=>{if(n===q.current){if(e!==null){ze(e);return}G(!1),t()}})},it=()=>{if(!Ce){C();return}if(W&&K===`teach`){q.current+=1,G(!1);return}rt(`teach`,C)},at=()=>{if(W&&K===`share`){q.current+=1,G(!1);return}rt(`share`,()=>void 0)};(0,F.useEffect)(()=>{!W&&Y.current&&(Y.current=!1,T(!1))},[W]),(0,F.useEffect)(()=>{L===void 0&&Y.current&&(Y.current=!1,T(!1))},[L]);let ot=e=>{if(q.current+=1,G(!1),K===`share`){he(e);return}C(e)},st=e=>{Y.current!==e&&(Y.current=e,T(e))},Q=J!==null&&g===null&&!v,ct=(0,F.useRef)(Q);(0,F.useEffect)(()=>{ct.current&&!Q&&(Ve(!1),st(!1)),ct.current=Q},[Q]);let lt=Ne(J),ut=g!==null||v?`call`:b===void 0?L===void 0?M?`watching`:P===void 0?lt??(Be?`hover`:`resting`):`summary`:`offer`:`dictating`,dt=e=>{if(Z.current!==null&&e.buttons===0&&(Z.current=null),Z.current!==null){let{x:t,y:n}=Z.current;de(e.screenX-t,e.screenY-n),Z.current={x:e.screenX,y:e.screenY};let r=Qe.current;r!==null&&Math.abs(e.screenX-r.x)+Math.abs(e.screenY-r.y)>ft&&($e.current=!0);return}let t=We.current;if(!t)return;let n=X.current?.getBoundingClientRect()??null,r=Ue.current?.getBoundingClientRect()??null,i=n!==null&&n.width>0?n:r!==null&&r.width>0?r:null,a=j({x:e.clientX,y:e.clientY},{avatar:t.getBoundingClientRect(),pill:i}),o=Ge.current,s=o!==null&&A(o.getBoundingClientRect(),e.clientX,e.clientY),c=qe.current,l=c!==null&&A(c.getBoundingClientRect(),e.clientX,e.clientY),u=Ke.current,d=u!==null&&A(u.getBoundingClientRect(),e.clientX,e.clientY),f=Je.current,p=f!==null&&A(f.getBoundingClientRect(),e.clientX,e.clientY);Ve(a),Xe.current=p,st(a||s||d||l||p)},$=N(g,m,f);return(0,I.jsx)(`div`,{className:`relative h-screen w-screen bg-transparent`,onMouseMove:dt,onMouseUp:()=>{Z.current=null},onPointerCancel:()=>{Z.current=null,Ve(!1),st(!1)},onMouseLeave:()=>{Z.current===null&&(Ve(!1),st(!1))},children:(0,I.jsx)(Ye,{phase:ut,growth:t,cardGrowth:i,avatarBox:o,optionsBox:c,avatarSrc:u,character:f,hovered:Be,accentHex:$,call:g??void 0,assistantName:k,dictating:b,dictationText:S,working:fe,watching:M,watchRetro:P,onWatchRetro:O,dictationOffer:L,offer:L===void 0?null:(0,I.jsx)(ke,{offer:L,growth:t,cardGrowth:i,avatarBox:o,optionsBox:c,cardRef:qe,onAnswer:e=>{pe(e,L.id)}}),watchEnabled:R,spotlight:Me(J),intro:!Q||J===null?null:(0,I.jsx)(Pe,{beat:J,growth:t,cardGrowth:i,avatarBox:o,optionsBox:c,accentHex:$,assistantName:k===``?void 0:k,cardRef:Ge,onAdvance:E}),rootRef:X,restingPillRef:Ue,avatarRef:We,onSurfacePointerDown:e=>{e.button===0&&e.target.closest(`button, a`)===null&&(e.currentTarget.setPointerCapture(e.pointerId),Z.current={x:e.screenX,y:e.screenY},Qe.current={x:e.screenX,y:e.screenY},$e.current=!1)},onSurfaceContextMenu:e=>{(window.getSelection()?.toString().trim().length??0)>0||(e.preventDefault(),ve())},onAvatarClick:()=>{if(!$e.current){if(g!==null||v){ae();return}D()}},onWatch:()=>{C()},onTeach:it,picking:W&&K===`teach`,sharing:tt,shareEnabled:Ee,sharePicking:W&&K===`share`,onShare:at,onStopShare:()=>{he()},annotating:V,onAnnotate:e=>{ce(e)},marked:Ae&&(Oe||V),onClearMarks:()=>{me()},annotationTool:Fe,onAnnotationTool:e=>{ie(e)},drawToolsRef:Ze,shortcuts:nt,picker:W?(0,I.jsx)(Te,{sources:Re,captureThumbnail:se,cardGrowth:i,avatarBox:o,optionsBox:c,cardRef:Ke,label:K===`share`?e(`companionSurface.sharePicker`):void 0,onPick:ot}):null,onControl:(e,t)=>{oe(t===void 0?{action:e}:{action:e,requestId:t})}})})}export{pt as CompanionSurfacePage};
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{f as t,g as n,j as r}from"./vendor-yoekmcrB.js";import{t as i,x as a}from"./react-BJ4PZBJN.js";import{Cn as o,Jr as s,Ki as c,Na as l,Oi as u,Sn as d,W as f,Wa as p,Xt as m,_n as h,i as g,m as _,p as v,qa as y,qr as b,yt as x}from"./icons-BjnVKAw1.js";import{Cs as ee,Ql as S,Ss as C,Xy as te,Zl as w,_s as T,as as E,bs as D,cs as O,di as k,ds as ne,fs as re,hs as ie,is as ae,js as oe,ls as se,ms as ce,ns as le,ob as ue,ps as de,sn as fe,ss as pe,us as me,vs as he,wi as ge,xs as _e,ys as ve}from"./index-BGc71lz7.js";import{n as A,r as j,t as M}from"./companion-layout-CocOY9k0.js";import{n as N}from"./companion-accent-BwWgOv7U.js";var ye=y(`eraser`,[[`path`,{d:`M21 21H8a2 2 0 0 1-1.42-.587l-3.994-3.999a2 2 0 0 1 0-2.828l10-10a2 2 0 0 1 2.829 0l5.999 6a2 2 0 0 1 0 2.828L12.834 21`,key:`g5wo59`}],[`path`,{d:`m5.082 11.09 8.828 8.828`,key:`1wx5vj`}]]),P=y(`screen-share`,[[`path`,{d:`M13 3H4a2 2 0 0 0-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-3`,key:`i8wdob`}],[`path`,{d:`M8 21h8`,key:`1ev6f3`}],[`path`,{d:`M12 17v4`,key:`1riwvh`}],[`path`,{d:`m17 8 5-5`,key:`fqif7o`}],[`path`,{d:`M17 3h5v5`,key:`1o3tu8`}]]),be=y(`slash`,[[`path`,{d:`M22 2 2 22`,key:`y4kqgn`}]]),F=e(a(),1),I=i(),L=460,xe=3,R=88,Se=3,Ce=[`screens`,`tabs`,`windows`],we=(e,t)=>t===`screens`?e.displays.length:t===`tabs`?e.tabs.length:e.windows.length,z=e=>Ce.find(t=>we(e,t)>0)??`screens`,B=e=>e.kind===`display`?`display-${e.displayId}`:`window-${e.windowId}`;function Te({sources:e,captureThumbnail:t,cardGrowth:n=`up`,avatarBox:i=w,optionsBox:a=w,cardRef:o,label:s,onPick:c}){let{t:l}=r(),{inUnits:u,lineAt:d,introStepOff:f}=M(i,a),p=u(f(n)),m={left:`50%`,top:d(n,0),transform:n===`up`?`translate(-50%, calc(-100% - ${p}px))`:`translate(-50%, ${p}px)`},g=e===null?[]:Ce.filter(t=>we(e,t)>0),_=e!==null&&g.length===0,[v,y]=(0,F.useState)(null),b=e===null?`screens`:v!==null&&g.includes(v)?v:z(e),x=(0,F.useMemo)(()=>e===null?[]:b===`screens`?e.displays.map(e=>{let t={kind:`display`,displayId:e.displayId};return{key:B(t),target:t}}):b===`windows`?e.windows.map(e=>{let t={kind:`window`,windowId:e.windowId};return{key:B(t),target:t}}):[],[b,e]),[ee,S]=(0,F.useState)(new Map),C=(0,F.useRef)(new Set),T=(0,F.useRef)(0),E=(0,F.useRef)(!1);(0,F.useEffect)(()=>(E.current=!0,()=>{E.current=!1}),[]),(0,F.useEffect)(()=>{C.current=new Set,T.current+=1,S(new Map),y(null)},[e]);let D=(0,F.useRef)(null);(0,F.useEffect)(()=>{D.current!==null&&(D.current.scrollTop=0)},[b]),(0,F.useEffect)(()=>{if(t!==void 0)for(let{key:e,target:n}of x){if(C.current.has(e))continue;C.current.add(e);let r=T.current,i=t=>{!E.current||r!==T.current||S(n=>new Map(n).set(e,t))};t(n).then(i,()=>{i(null)})}},[t,x]);let O=e=>t===void 0?null:ee.get(e),k=e=>l(e===`screens`?`companionSurface.captureScreens`:e===`tabs`?`companionSurface.captureTabs`:`companionSurface.captureWindows`);return(0,I.jsxs)(`div`,{ref:o,role:`group`,"aria-label":s??l(`companionSurface.capturePicker`),"data-companion-capture-picker":!0,"data-theme":`dark`,className:`absolute flex flex-col rounded-2xl border border-white/10 bg-[#17181b]/95 p-1.5 shadow-lg shadow-black/40`,style:{width:L,...m},onPointerDown:e=>{e.stopPropagation()},children:[g.length>1&&(0,I.jsx)(te,{className:`mx-auto mb-1.5 w-auto shrink-0`,items:g.map(e=>({value:e,label:k(e)})),value:b,ariaLabel:l(`companionSurface.captureKind`),onChange:y}),(0,I.jsx)(ue,{ref:D,className:`max-h-48 flex-col px-0.5`,size:24,fadeEdges:`end`,hideScrollBar:!0,children:(0,I.jsxs)(`div`,{className:`flex flex-col`,"data-slot":`capture-sources`,children:[e===null&&(0,I.jsx)(Oe,{}),e!==null&&b===`screens`&&(0,I.jsx)(Ee,{children:e.displays.map(e=>{let t=l(`companionSurface.captureScreen`,{n:e.index+1}),n=B({kind:`display`,displayId:e.displayId});return(0,I.jsx)(De,{title:t,ariaLabel:t,answer:O(n),fallback:(0,I.jsx)(h,{className:`size-5 text-white/40`,"aria-hidden":!0}),onClick:()=>{c?.({kind:`display`,displayId:e.displayId})}},n)})}),e!==null&&b===`windows`&&(0,I.jsx)(Ee,{children:e.windows.map(e=>{let t=B({kind:`window`,windowId:e.windowId}),n=e.title===``?e.app:e.title;return(0,I.jsx)(De,{title:n,ariaLabel:e.title===``?n:`${n} (${e.app})`,answer:O(t),fallback:(0,I.jsx)(H,{icon:e.icon,large:!0}),icon:(0,I.jsx)(H,{icon:e.icon}),onClick:()=>{c?.({kind:`window`,windowId:e.windowId})}},t)})}),e!==null&&b===`tabs`&&(0,I.jsx)(`div`,{className:`flex flex-col`,children:e.tabs.map(e=>(0,I.jsx)(V,{icon:(0,I.jsx)(H,{icon:e.icon}),title:e.title,onClick:()=>{c?.({kind:`tab`,chromeWindowId:e.chromeWindowId,tabIndex:e.tabIndex})}},`tab-${e.chromeWindowId}-${e.tabIndex}`))}),_&&(0,I.jsx)(`span`,{className:`px-2 py-3 text-[12px] text-white/50`,children:l(`companionSurface.captureNothing`)})]})})]})}function Ee({children:e}){return(0,I.jsx)(`div`,{className:`grid gap-1.5 py-0.5`,style:{gridTemplateColumns:`repeat(${xe}, minmax(0, 1fr))`},children:e})}function De({title:e,ariaLabel:t,answer:n,fallback:r,icon:i,onClick:a}){return(0,I.jsxs)(`button`,{type:`button`,"aria-label":t,"data-slot":`capture-source`,className:`group flex min-w-0 flex-col gap-1 rounded-lg p-1 text-left transition-colors outline-none hover:bg-white/10 focus-visible:ring-1 focus-visible:ring-white/40 focus-visible:ring-inset active:bg-white/15`,onClick:a,children:[(0,I.jsx)(`span`,{"data-slot":`capture-preview`,className:`flex items-center justify-center overflow-hidden rounded-md bg-black/40 ring-1 ring-white/10 ${n===void 0?`animate-pulse`:``}`,style:{height:R},children:n==null?r:(0,I.jsx)(`img`,{src:n,alt:``,draggable:!1,className:`max-h-full max-w-full object-contain`})}),(0,I.jsxs)(`span`,{className:`flex min-w-0 items-center gap-1`,children:[i,(0,I.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-[11px] text-white/75 group-hover:text-white/90`,children:e})]})]})}function V({icon:e,title:t,onClick:n}){return(0,I.jsxs)(`button`,{type:`button`,"aria-label":t,"data-slot":`capture-source`,className:`flex h-8 w-full shrink-0 items-center gap-2 rounded-lg px-2 text-left text-[12px] text-white/85 transition-colors outline-none hover:bg-white/10 focus-visible:ring-1 focus-visible:ring-white/40 focus-visible:ring-inset active:bg-white/15`,onClick:n,children:[e,(0,I.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:t})]})}function H({icon:e,large:t=!1}){return(0,I.jsx)(`span`,{className:`flex shrink-0 items-center justify-center overflow-hidden ring-1 ring-white/10 ${t?`size-7 rounded-lg`:`size-3.5 rounded-[4px]`}`,children:e===void 0?(0,I.jsx)(p,{className:t?`size-5 text-white/40`:`size-3 text-white/70`,"aria-hidden":!0}):(0,I.jsx)(`img`,{src:e,alt:``,className:`size-full`,draggable:!1})})}function Oe(){return(0,I.jsx)(Ee,{children:Array.from({length:Se},(e,t)=>(0,I.jsxs)(`div`,{className:`flex flex-col gap-1 p-1`,"aria-hidden":!0,children:[(0,I.jsx)(`span`,{className:`animate-pulse rounded-md bg-white/10`,style:{height:R}}),(0,I.jsx)(`span`,{className:`h-2 animate-pulse rounded-full bg-white/10`,style:{width:t===0?`70%`:`45%`}})]},t))})}var U=260;function ke({offer:e,growth:t=`right`,cardGrowth:n=`up`,avatarBox:i=w,optionsBox:a=w,cardRef:o,onAnswer:s}){let{t:c}=r(),l=e.reason===`claimed`?c(`companionSurface.offerVersion`):c(`companionSurface.offerNowhere`),{inUnits:u,avatarHalf:d,lineAt:f,edgeAt:p,introStepOff:m}=M(i,a),h=u(m(n)),g=p(t,-d),_={top:f(n,0),transform:n===`up`?`translateY(calc(-100% - ${h}px))`:`translateY(${h}px)`};return(0,I.jsxs)(`div`,{ref:o,role:`group`,"aria-label":l,"data-companion-dictation-offer":!0,className:`absolute flex flex-col gap-2 rounded-2xl border border-white/10 bg-[#17181b]/95 px-3.5 py-3 shadow-lg shadow-black/40`,style:{width:U,...g,..._},onPointerDown:e=>{e.stopPropagation()},children:[(0,I.jsx)(`p`,{className:`text-[11px] font-medium tracking-wide text-white/45 uppercase select-none`,children:l}),(0,I.jsx)(ue,{className:`max-h-40 flex-col`,size:20,fadeEdges:`end`,hideScrollBar:!0,children:(0,I.jsx)(`p`,{dir:`auto`,className:`text-[13px] leading-[1.45] text-white/90`,children:e.text})}),(0,I.jsxs)(`div`,{className:`flex flex-wrap items-center justify-end gap-1 pt-0.5`,children:[(0,I.jsx)(`button`,{type:`button`,className:`h-7 rounded-full px-2.5 text-[12px] text-white/55 transition-colors hover:bg-white/10 hover:text-white/80`,onClick:()=>s?.(`dismiss`),children:e.reason===`claimed`?c(`companionSurface.notNow`):c(`companionSurface.offerDiscard`)}),e.reason===`claimed`?(0,I.jsx)(`button`,{type:`button`,className:`h-7 rounded-full px-2.5 text-[12px] text-white/70 transition-colors hover:bg-white/10 hover:text-white`,onClick:()=>s?.(`quit`),children:c(`companionSurface.offerQuit`,{app:e.app})}):null,(0,I.jsx)(`button`,{type:`button`,className:`h-7 rounded-full bg-white/15 px-3 text-[12px] text-white transition-colors hover:bg-white/25`,onClick:()=>s?.(e.reason===`claimed`?`use`:`copy`),children:e.reason===`claimed`?c(`companionSurface.offerUse`):c(`companionSurface.offerCopy`)})]})]})}var Ae=244,je={meet:{title:`companionIntro.meet.title`,body:`companionIntro.meet.body`},talk:{title:`companionIntro.talk.title`,body:`companionIntro.talk.body`},menu:{title:`companionIntro.menu.title`,body:`companionIntro.menu.body`}},Me=e=>e===`talk`?e:void 0,Ne=e=>e===null||e===`meet`?null:`hover`;function Pe({beat:e,growth:t=`right`,cardGrowth:n=`up`,avatarBox:i=w,optionsBox:a=w,accentHex:o,assistantName:s,cardRef:c,onAdvance:l}){let{t:u}=r(),d=S.indexOf(e),f=d===S.length-1,p=je[e],{inUnits:m,avatarHalf:h,lineAt:g,edgeAt:_,introStepOff:v}=M(i,a),y=m(v(n)),b=_(t,-h),x={top:g(n,0),transform:n===`up`?`translateY(calc(-100% - ${y}px))`:`translateY(${y}px)`};return(0,I.jsxs)(`div`,{ref:c,role:`group`,"aria-label":u(`companionIntro.ariaLabel`),className:`absolute flex flex-col gap-2 rounded-2xl border border-white/10 bg-[#17181b]/95 px-3.5 py-3 shadow-lg shadow-black/40`,style:{width:Ae,...b,...x},onPointerDown:e=>{e.stopPropagation()},children:[(0,I.jsx)(`p`,{className:`line-clamp-2 text-[13px] leading-tight font-medium text-white`,children:e===`meet`&&s!==void 0?u(`companionIntro.meet.titleNamed`,{name:s}):u(p.title)}),(0,I.jsx)(`p`,{className:`text-[12px] leading-[1.45] text-white/70`,children:u(p.body)}),(0,I.jsxs)(`div`,{className:`flex items-center justify-between pt-0.5`,children:[(0,I.jsx)(`div`,{className:`flex items-center gap-1`,"aria-hidden":!0,children:S.map((e,t)=>(0,I.jsx)(`span`,{className:`size-1.5 rounded-full transition-colors`,style:{backgroundColor:t===d?o??`#5eead4`:`rgba(255,255,255,.2)`}},e))}),(0,I.jsxs)(`div`,{className:`flex items-center gap-1`,children:[!f&&(0,I.jsx)(`button`,{type:`button`,className:`h-7 rounded-full px-2.5 text-[12px] text-white/55 transition-colors hover:bg-white/10 hover:text-white/80`,onClick:()=>l?.(`dismiss`),children:u(`companionIntro.skip`)}),(0,I.jsx)(`button`,{type:`button`,className:`h-7 rounded-full bg-white/15 px-3 text-[12px] text-white transition-colors hover:bg-white/25`,onClick:()=>l?.(`next`),children:u(f?`companionIntro.done`:`companionIntro.next`)})]})]})]})}var Fe={min:3,max:10},Ie=(e=Math.random)=>{let t=e();return t<1/3?`top`:t<2/3?`topLeft`:`topRight`},W=1600,G=.22,K=.04,Le=4,Re=(e,t)=>{let n=Math.min(.95,Math.max(.25,e.eyeCenterFrac+e.eyeHalfFrac+K)),r=Math.min(t,24,14/n),i=r*n;return{size:r,exposed:i,clip:{width:r+2*Le,height:i+Le},rest:i+2}},ze=(e,t=Math.random)=>(e.min+t()*(e.max-e.min))*1e3;function q(e,t=Fe){let[n,r]=(0,F.useState)(0),{min:i,max:a}=t;return(0,F.useEffect)(()=>{if(!e)return;let t,n=()=>{t=setTimeout(()=>{r(e=>e+1),n()},ze({min:i,max:a}))};return n(),()=>{clearTimeout(t)}},[e,i,a]),n}var Be=(e,t,n={width:0,height:0})=>{let r=e===`topLeft`?n.width/4:e===`topRight`?n.width*3/4:n.width/2;return{slot:{width:t.width,height:t.height,bottom:`100%`,left:r-t.width/2}}};function Ve({character:e,capsule:r,enabled:i,held:a=!1,edge:o,interval:s=Fe,className:c,style:l}){let u=t(),d=(0,F.useMemo)(()=>fe(ge,e),[e]),f=q(i&&!a&&!u&&d!==null,s),[p,m]=(0,F.useState)(!1),[h,g]=(0,F.useState)(`top`);if((0,F.useEffect)(()=>{if(f===0)return;g(Ie()),m(!0);let e=setTimeout(()=>{m(!1)},W);return()=>{clearTimeout(e)}},[f]),d===null||u)return null;let _=Re(d,r.width),v=a||p,y=o??h,b=Be(y,_.clip,r);return(0,I.jsx)(`div`,{className:`companion-peek ${c??``}`,style:{width:r.width,height:r.height,...l},"data-risen":v,"data-edge":y,"aria-hidden":!0,children:(0,I.jsx)(`div`,{className:`absolute`,style:b.slot,children:(0,I.jsx)(`div`,{className:`absolute inset-0 overflow-hidden`,children:(0,I.jsx)(n.div,{className:`absolute left-1/2`,style:{width:_.size,height:_.size,marginLeft:-_.size/2,top:_.clip.height-_.exposed},initial:{y:_.rest},animate:{y:v?0:_.rest},transition:a?{duration:0}:v?{type:`spring`,stiffness:280,damping:14}:{duration:G,ease:`easeIn`},children:(0,I.jsx)(k,{components:ge,traits:e,size:_.size})})})})})}var J=`#5eead4`,He=new Set([`transcribing`,`thinking`,`speaking`]),Y=28,X={idle:{width:64,height:14},closing:Y,rim:2,bloom:4},Ue=X.idle,We=(e,t,n)=>[`inset 0 0 0 ${t}px color-mix(in srgb, ${e} 78%, transparent)`,`0 0 ${n}px color-mix(in srgb, ${e} 85%, transparent)`,`0 0 ${n*4}px color-mix(in srgb, ${e} 42%, transparent)`,`0 8px 24px rgba(0, 0, 0, 0.45)`].join(`, `),Ge=244,Ke=200,qe=120,Je={watching:40,summary:220,dictating:Ge+32,offer:Ke+32,call:4+qe+180};function Ye({phase:e,assistantName:n=``,accentHex:i=J,avatarSrc:a,character:o,hovered:s=!1,growth:c=`right`,avatarBox:l=w,optionsBox:u=w,cardGrowth:d=`up`,rootRef:f,restingPillRef:p,avatarRef:m,onSurfacePointerDown:h,onSurfaceContextMenu:g,spotlight:_,onWatch:v,onTeach:y,picking:b=!1,sharing:x=!1,shareEnabled:ee=!1,sharePicking:S=!1,onShare:C,onStopShare:te,annotating:T=!1,annotationTool:E,onAnnotationTool:D,drawToolsRef:O,onAnnotate:k,marked:ne=!1,onClearMarks:re,shortcuts:ie,onAvatarClick:ae,working:oe=!1,watching:se=!1,watchRetro:ce,onWatchRetro:le,dictationOffer:ue,offer:de,watchEnabled:fe=!1,dictating:pe,dictationText:me=``,call:he,onControl:ge,intro:_e,picker:ve}){let{t:A}=r(),j=e!==`resting`,N=e===`call`||e===`dictating`||e===`offer`||e===`summary`||e===`watching`,[ye,P]=(0,F.useState)(!1);(0,F.useEffect)(()=>{if(e!==`hover`){P(!1);return}let t=setTimeout(()=>{P(!0)},500);return()=>{clearTimeout(t)}},[e]);let be=_===`talk`||e===`hover`&&ye,L=ce===`pending`,xe=oe||he!==void 0&&He.has(he.phase),R=t(),Se=(0,F.useRef)(null),[Ce,we]=(0,F.useState)(null);(0,F.useLayoutEffect)(()=>{let e=Se.current;if(!e)return;let t=()=>{we(e.scrollWidth)};t();let n=new ResizeObserver(t);return n.observe(e),()=>{n.disconnect()}},[e]);let{scale:z,avatarRel:B,avatarHalf:Te,baseline:Ee,gap:De,inUnits:V,lineAt:H,edgeAt:Oe}=M(l,u),U=e===`call`,ke=N?(Ce??Je[e])+16:0,Ae=Oe(c,Te+De),je=l/w,Me=j?{width:X.closing*je,height:X.closing*je}:X.idle,Ne=_e!=null,Pe=U?{width:ke,left:`50%`,top:H(d,0),transform:`translate(-50%, -50%)`,transitionTimingFunction:`cubic-bezier(.2,.8,.2,1)`}:{width:ke,...Ae,top:H(d,Ee),transform:`translateY(-100%)`,transitionTimingFunction:`cubic-bezier(.2,.8,.2,1)`},Fe=U?`calc(50% - ${ke/2+V(Te+De)}px)`:`50%`;return(0,I.jsxs)(`div`,{className:`absolute top-0 left-0 origin-top-left`,style:{width:`${100/z}%`,height:`${100/z}%`,transform:`scale(${z})`},children:[(0,I.jsxs)(`div`,{className:`absolute flex h-11 cursor-grab items-center rounded-full transition-[width] duration-300 select-none will-change-[width] active:cursor-grabbing ${!U&&c===`left`?`justify-end`:``}`,style:Pe,onPointerDown:h,onContextMenu:g,ref:f,children:[(0,I.jsx)(`span`,{className:`absolute inset-0 rounded-full border border-white/10 bg-[#17181b]/95 shadow-lg shadow-black/40 transition-opacity duration-200`,style:{opacity:+!!N},"aria-hidden":!0}),U&&(0,I.jsx)(`span`,{className:`companion-working-ring pointer-events-none absolute -inset-0.5 rounded-full transition-opacity duration-200`,style:{opacity:+!!N,"--companion-ring-accent":i},"aria-hidden":!0}),(0,I.jsx)(`div`,{className:`relative flex h-11 shrink-0 items-center`,style:{paddingInline:8},children:(0,I.jsx)(`div`,{className:`flex min-w-0 items-center gap-1 overflow-hidden transition-opacity duration-200`,ref:Se,inert:!N,style:{opacity:+!!N,transitionDelay:N?`120ms`:`0ms`},children:e===`call`?(0,I.jsx)(it,{call:he,assistantName:n,watching:se,watchEnabled:fe,picking:b,sharing:x,shareEnabled:ee,sharePicking:S,annotating:T,marked:ne,annotationTool:E,cardGrowth:d,drawToolsRef:O,onAnnotationTool:D,onControl:ge,onWatch:v,onTeach:y,onShare:C,onStopShare:te,onAnnotate:k,onClearMarks:re,shortcuts:ie}):e===`dictating`&&pe!==void 0?(0,I.jsx)($e,{dictating:pe,dictationText:me}):e===`summary`&&ce!==void 0?(0,I.jsx)(rt,{retro:ce,onWatchRetro:le}):e===`offer`&&ue!==void 0?(0,I.jsx)(et,{offer:ue}):(0,I.jsx)(tt,{watching:se,onWatch:v})})})]}),(0,I.jsx)(`div`,{className:`absolute cursor-grab active:cursor-grabbing`,style:{width:V(X.idle.width),height:V(X.idle.height),pointerEvents:j?`none`:void 0,left:`50%`,top:H(d,0),transform:`translate(-50%, -50%)`},onPointerDown:h,onContextMenu:g,ref:p,"aria-hidden":!0,children:(0,I.jsx)(`div`,{className:`absolute top-1/2 left-1/2 rounded-full transition-[width,height,opacity] duration-300`,style:{width:V(Me.width),height:V(Me.height),transform:`translate(-50%, -50%)`,transitionTimingFunction:`cubic-bezier(.2,.8,.2,1)`,transitionProperty:R?`opacity`:void 0,boxShadow:We(i,V(X.rim),V(X.bloom)),opacity:+!j}})}),(0,I.jsx)(Z,{className:be?`opacity-100`:`opacity-0`,"data-companion-name":be?`shown`:`hidden`,style:{left:`50%`,top:H(d,0),transform:`translate(-50%, calc(-100% - ${V(Te)}px - 4px))`},label:A(`companionSurface.talk`)}),(0,I.jsx)(Qe,{label:A(e===`call`?`companionSurface.openVellum`:`companionSurface.talk`),accentHex:i,avatarSrc:a,character:o,attentive:s,busy:xe||se||L,collapsed:!j&&!Ne,restingScale:w/l,style:{left:Fe,top:H(d,0),transform:`translate(-50%, -50%)${B===1?``:` scale(${B})`}`,transition:R?void 0:`left 300ms cubic-bezier(.2,.8,.2,1)`},elementRef:m,onPointerDown:h,onContextMenu:g,onClick:ae}),_e,ve,de]})}var Xe=`rgba(28, 28, 30, 0.55)`,Ze=`backdrop-blur-md backdrop-saturate-150`;function Z({className:e,style:t,label:n,shortcut:r,...i}){return(0,I.jsxs)(`span`,{className:`pointer-events-none absolute rounded-md px-2 py-1 text-[11px] font-medium whitespace-nowrap text-white/90 shadow-md shadow-black/30 transition-opacity duration-200 ${Ze} ${e}`,style:{...t,backgroundColor:Xe},"aria-hidden":!0,...i,children:[n,r===void 0?null:(0,I.jsx)(`span`,{className:`ml-1.5 font-normal text-white/60`,"data-shortcut":!0,children:r}),(0,I.jsx)(`span`,{className:`absolute top-full left-1/2 h-1.5 w-2.5 -translate-x-1/2 ${Ze}`,style:{backgroundColor:Xe,clipPath:`polygon(0 0, 100% 0, 50% 100%)`},"aria-hidden":!0})]})}function Qe({accentHex:e,avatarSrc:n,character:r,busy:i=!1,attentive:a=!1,collapsed:o=!1,restingScale:s=1,label:c,style:l,elementRef:u,onPointerDown:d,onContextMenu:f,onClick:p}){let m=t();return(0,I.jsxs)(`div`,{role:`button`,"aria-label":c,className:`absolute grid size-11 cursor-grab place-items-center active:cursor-grabbing`,style:l,ref:u,onPointerDown:d,onContextMenu:f,onClick:p,children:[r===void 0?null:(0,I.jsx)(Ve,{character:r,capsule:Ue,enabled:o&&!i,className:`absolute top-1/2 left-1/2 transition-opacity duration-200`,style:{transform:`translate(-50%, -50%) scale(${s})`,opacity:+!!o}}),(0,I.jsx)(`div`,{className:`transition-[opacity,transform] duration-300`,style:{opacity:+!o,transform:o?`scale(0.35)`:`scale(1)`,transitionTimingFunction:`cubic-bezier(.2,.8,.2,1)`,transitionProperty:m?`opacity`:void 0},children:(0,I.jsx)(`div`,{className:`companion-avatar-bob relative grid place-items-center`,style:{animation:m?`none`:void 0},children:r===void 0?n===void 0?(0,I.jsx)(`span`,{className:`relative size-7 rounded-full drop-shadow-[0_1px_3px_rgba(0,0,0,0.55)]`,style:{background:e},"aria-hidden":!0}):(0,I.jsx)(`img`,{src:n,alt:``,draggable:!1,className:`relative size-7 rounded-full object-contain drop-shadow-[0_1px_3px_rgba(0,0,0,0.55)] [-webkit-user-drag:none]`}):(0,I.jsx)(`div`,{className:`relative drop-shadow-[0_1px_3px_rgba(0,0,0,0.55)]`,children:(0,I.jsx)(k,{components:ge,traits:r,size:Y,isAssistantBusy:i,attentive:a})})})})]})}function $e({dictating:e,dictationText:t}){let{t:n}=r(),i=t.trim();return(0,I.jsxs)(`div`,{className:`flex h-7 shrink-0 items-center gap-2 px-1`,children:[(0,I.jsx)(l,{className:`size-4 shrink-0`,"aria-hidden":!0}),i?(0,I.jsx)(`span`,{dir:`auto`,className:`flex justify-end overflow-hidden text-[12px] whitespace-nowrap text-white/85`,style:{width:Ge},children:(0,I.jsx)(`span`,{className:`shrink-0`,children:i})}):(0,I.jsx)(`span`,{className:`truncate text-[12px] text-white/85`,style:{width:Ge},children:n(e===`listening`?`companionSurface.dictating`:`companionSurface.dictatingTranscribing`)})]})}function et({offer:e}){let{t}=r();return(0,I.jsxs)(`div`,{className:`flex h-7 shrink-0 items-center gap-2 px-1`,children:[(0,I.jsx)(l,{className:`size-4 shrink-0`,"aria-hidden":!0}),(0,I.jsx)(`span`,{className:`truncate text-[12px] text-white/85`,style:{width:Ke},children:e.reason===`claimed`?t(`companionSurface.offerHeard`,{app:e.app}):t(`companionSurface.offerNowhere`)})]})}function tt({watching:e=!1,onWatch:t}){return(0,I.jsx)(I.Fragment,{children:e&&(0,I.jsx)(ut,{onWatch:t})})}function nt({watching:e,watchEnabled:t,picking:n,onWatch:i,onTeach:a}){let{t:o}=r();return t?(0,I.jsx)($,{icon:(0,I.jsx)(b,{className:`size-4`}),label:o(`companionSurface.teach`),pressed:e||n,onClick:e?i:a??i}):e?(0,I.jsx)(ut,{onWatch:i}):null}function rt({retro:e,onWatchRetro:t}){let{t:n}=r();return e===`pending`?(0,I.jsx)(`span`,{className:`ml-1 shrink-0 text-[12px] text-white/85`,children:n(`companionSurface.summarizing`)}):(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)($,{icon:(0,I.jsx)(x,{className:`size-4`}),label:n(`companionSurface.showSummary`),showLabel:!0,onClick:()=>{t?.(!0)}}),(0,I.jsx)($,{icon:(0,I.jsx)(g,{className:`size-4`}),label:n(`companionSurface.notNow`),showLabel:!0,onClick:()=>{t?.(!1)}})]})}function it({call:e,assistantName:t,watching:n,watchEnabled:i,picking:a,sharing:s,shareEnabled:c,sharePicking:l,annotating:u,marked:f,annotationTool:p,cardGrowth:m,drawToolsRef:h,onAnnotationTool:g,onControl:y,onWatch:b,onTeach:x,onShare:ee,onStopShare:S,onAnnotate:C,onClearMarks:te,shortcuts:w}){let{t:T}=r();if(e===void 0)return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{className:`ml-1 max-w-[160px] shrink-0 truncate text-[12px] text-white/85`,children:t===``?T(`companionSurface.calling`):T(`companionSurface.callingNamed`,{name:t})}),(0,I.jsx)(nt,{watching:n,watchEnabled:i,picking:a,onWatch:b,onTeach:x}),(0,I.jsx)(ct,{onControl:y})]});if(e.approvalRequestId!==``)return(0,I.jsx)(lt,{detail:e.detail,requestId:e.approvalRequestId,onControl:y});let E=e.detail||e.label,{muted:D,outputMuted:O}=e;return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`span`,{className:`ml-1 shrink-0 truncate text-[12px] text-white/85`,style:{width:qe},children:E}),(0,I.jsx)(nt,{watching:n,watchEnabled:i,picking:a,onWatch:b,onTeach:x}),(0,I.jsx)(at,{sharing:s,shareEnabled:c,sharePicking:l,shortcut:c?w?.share:void 0,onShare:ee,onStopShare:S}),(0,I.jsx)(ot,{sharing:s,annotating:u,shortcut:c?w?.draw:void 0,tool:p,cardGrowth:m,toolsRef:h,onAnnotate:C,onTool:g}),(0,I.jsx)(Q,{sharing:s,marked:f,onClearMarks:te}),(0,I.jsx)($,{icon:D?(0,I.jsx)(o,{className:`size-4`}):(0,I.jsx)(d,{className:`size-4`}),label:T(D?`companionSurface.unmuteMicrophone`:`companionSurface.muteMicrophone`),shortcut:w?.muteMicrophone,onClick:()=>{y?.(D?`unmuteMicrophone`:`muteMicrophone`)}}),(0,I.jsx)($,{icon:O?(0,I.jsx)(v,{className:`size-4`}):(0,I.jsx)(_,{className:`size-4`}),label:T(O?`companionSurface.unmuteAssistant`:`companionSurface.muteAssistant`),shortcut:w?.muteAssistant,onClick:()=>{y?.(O?`unmuteAssistantAudio`:`muteAssistantAudio`)}}),(0,I.jsx)(ct,{onControl:y})]})}function at({sharing:e,shareEnabled:t,sharePicking:n,shortcut:i,onShare:a,onStopShare:o}){let{t:s}=r();return!t&&!e?null:(0,I.jsx)($,{icon:(0,I.jsx)(P,{className:`size-4`}),label:s(`companionSurface.share`),shortcut:i,pressed:e||n,onClick:e?o:a})}function ot({sharing:e,annotating:t,shortcut:n,tool:i,cardGrowth:a,toolsRef:o,onAnnotate:s,onTool:c}){let{t:l}=r();return e?(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)($,{icon:(0,I.jsx)(m,{className:`size-4`}),label:l(`companionSurface.draw`),shortcut:n,pressed:t,className:`companion-draw-anchor`,onClick:()=>{s?.(!t)}}),t&&i!==void 0&&(0,I.jsx)(st,{tool:i,cardGrowth:a,toolsRef:o,onTool:c})]}):null}function st({tool:e,cardGrowth:t,toolsRef:n,onTool:i}){let{t:a}=r(),o=[{tool:`freehand`,icon:(0,I.jsx)(m,{className:`size-4`}),label:a(`companionSurface.drawFreehand`)},{tool:`line`,icon:(0,I.jsx)(be,{className:`size-4`}),label:a(`companionSurface.drawLine`)},{tool:`box`,icon:(0,I.jsx)(f,{className:`size-4`}),label:a(`companionSurface.drawBox`)},{tool:`circle`,icon:(0,I.jsx)(u,{className:`size-4`}),label:a(`companionSurface.drawCircle`)}];return(0,I.jsx)(`div`,{className:`companion-draw-tools absolute flex -translate-x-1/2 items-center gap-0.5 rounded-full border border-white/10 bg-[#17181b]/95 p-0.5 shadow-lg shadow-black/40 ${t===`up`?`companion-draw-tools-above`:`companion-draw-tools-below`}`,role:`group`,"aria-label":a(`companionSurface.drawTools`),"data-testid":`companion-draw-tools`,ref:n,onPointerDown:e=>{e.stopPropagation()},children:o.map(t=>(0,I.jsx)($,{icon:t.icon,label:t.label,pressed:e===t.tool,onClick:()=>{i?.(t.tool)}},t.tool))})}function Q({sharing:e,marked:t,onClearMarks:n}){let{t:i}=r();return!e||!t?null:(0,I.jsx)($,{icon:(0,I.jsx)(ye,{className:`size-4`}),label:i(`companionSurface.clearMarks`),onClick:()=>{n?.()}})}function ct({onControl:e}){let{t}=r();return(0,I.jsx)($,{icon:(0,I.jsx)(g,{className:`size-4`,strokeWidth:2.5}),label:t(`companionSurface.endSession`),tone:`negative`,onClick:()=>{e?.(`endSession`)}})}function lt({detail:e,requestId:t,onControl:n}){let{t:i}=r();return(0,I.jsxs)(I.Fragment,{children:[e!==``&&(0,I.jsx)(`span`,{className:`ml-1 max-w-[120px] shrink-0 truncate text-[12px] text-white/85`,children:e}),(0,I.jsx)($,{icon:(0,I.jsx)(c,{className:`size-4`}),label:i(`companionSurface.allow`),showLabel:!0,tone:`positive`,onClick:()=>{n?.(`approveRequest`,t)}}),(0,I.jsx)($,{icon:(0,I.jsx)(g,{className:`size-4`}),label:i(`companionSurface.deny`),showLabel:!0,tone:`negative`,onClick:()=>{n?.(`denyRequest`,t)}})]})}function ut({onWatch:e}){let{t}=r();return(0,I.jsx)($,{icon:(0,I.jsx)(s,{className:`size-4`}),label:t(`companionSurface.stopTeaching`),onClick:e})}var dt=`-translate-y-[calc(50%+22px)]`;function $({icon:e,label:t,shortcut:n,tone:r,showLabel:i=!1,pressed:a,className:o=``,onClick:s}){return(0,I.jsxs)(`button`,{type:`button`,"aria-label":t,"aria-pressed":a,onClick:s,onPointerDown:e=>{e.stopPropagation()},className:`group flex h-7 shrink-0 items-center justify-center gap-1.5 rounded-full px-2 text-[12px] transition-colors hover:bg-white/15 ${o} ${a===!0?`bg-white/15`:``} ${r===`negative`?`text-[#ff6b6b]`:r===`positive`?`text-[#5ee08a]`:`text-white/85`}`,children:[e,i?(0,I.jsx)(`span`,{children:t}):(0,I.jsx)(Z,{label:t,shortcut:n,className:`opacity-0 group-hover:opacity-100 ${dt}`,"data-label":`hover`})]})}var ft=3;function pt(){let{t:e}=r(),[t,n]=(0,F.useState)(`right`),[i,a]=(0,F.useState)(`up`),[o,s]=(0,F.useState)(w),[c,l]=(0,F.useState)(w),[u,d]=(0,F.useState)(),[f,p]=(0,F.useState)(),[m,h]=(0,F.useState)(),[g,_]=(0,F.useState)(null),[v,y]=(0,F.useState)(!1),[b,x]=(0,F.useState)(void 0),[S,te]=(0,F.useState)(``),[k,ue]=(0,F.useState)(``),[fe,ge]=(0,F.useState)(!1),[M,ye]=(0,F.useState)(!1),[P,be]=(0,F.useState)(void 0),[L,xe]=(0,F.useState)(void 0),[R,Se]=(0,F.useState)(!1),[Ce,we]=(0,F.useState)(!1),[z,B]=(0,F.useState)(void 0),[Ee,De]=(0,F.useState)(!1),[V,H]=(0,F.useState)(!1),[Oe,U]=(0,F.useState)(!1),[Ae,je]=(0,F.useState)(!1),[Fe,Ie]=(0,F.useState)(void 0),[W,G]=(0,F.useState)(!1),[K,Le]=(0,F.useState)(`teach`),[Re,ze]=(0,F.useState)(null),q=(0,F.useRef)(0),[Be,Ve]=(0,F.useState)(!1),[J,He]=(0,F.useState)(null),Y=(0,F.useRef)(!1),X=(0,F.useRef)(null),Ue=(0,F.useRef)(null),We=(0,F.useRef)(null),Ge=(0,F.useRef)(null),Ke=(0,F.useRef)(null),qe=(0,F.useRef)(null),Je=(0,F.useRef)(null),Xe=(0,F.useRef)(!1),Ze=(0,F.useCallback)(e=>{Je.current=e,e===null&&Xe.current&&(Xe.current=!1,Y.current=!1,T(!1))},[]),Z=(0,F.useRef)(null),Qe=(0,F.useRef)(null),$e=(0,F.useRef)(!1);(0,F.useEffect)(()=>{let e=e=>{n(e.growth),a(e.cardGrowth),s(e.avatarBox),l(e.optionsBox??e.avatarBox),d(e.avatarBase64===void 0?void 0:`data:image/png;base64,${e.avatarBase64}`),p(e.character),h(e.accentHex),_(e.call),y(e.dialing===!0),ue(e.assistantName),ge(e.working),ye(e.watching===!0),x(e.dictating),te(e.dictationText??``),be(e.watchRetro),xe(e.dictationOffer),Se(e.watchEnabled===!0),we(e.watchTargets===!0),B(e.screenShare),De(e.screenShareEnabled===!0),H(e.annotating===!0),U((e.coachmarks?.length??0)>0),je(e.marksCleared!==void 0),Ie(e.annotationTool),He(e.intro)},t=_e(e);return ne().then(t=>{t&&e(t)}),t},[]),(0,F.useEffect)(()=>()=>{T(!1)},[]);let et=g!==null||v,tt=z!==void 0,nt=(0,F.useMemo)(()=>le()?ee():void 0,[]);(0,F.useEffect)(()=>{et||(q.current+=1,G(!1))},[et]),(0,F.useEffect)(()=>{M&&K===`teach`&&(q.current+=1,G(!1))},[M,K]),(0,F.useEffect)(()=>{tt&&K===`share`&&(q.current+=1,G(!1))},[tt,K]);let rt=(e,t)=>{ze(null),Le(e),G(!0);let n=++q.current;re().then(e=>{if(n===q.current){if(e!==null){ze(e);return}G(!1),t()}})},it=()=>{if(!Ce){C();return}if(W&&K===`teach`){q.current+=1,G(!1);return}rt(`teach`,C)},at=()=>{if(W&&K===`share`){q.current+=1,G(!1);return}rt(`share`,()=>void 0)};(0,F.useEffect)(()=>{!W&&Y.current&&(Y.current=!1,T(!1))},[W]),(0,F.useEffect)(()=>{L===void 0&&Y.current&&(Y.current=!1,T(!1))},[L]);let ot=e=>{if(q.current+=1,G(!1),K===`share`){he(e);return}C(e)},st=e=>{Y.current!==e&&(Y.current=e,T(e))},Q=J!==null&&g===null&&!v,ct=(0,F.useRef)(Q);(0,F.useEffect)(()=>{ct.current&&!Q&&(Ve(!1),st(!1)),ct.current=Q},[Q]);let lt=Ne(J),ut=g!==null||v?`call`:b===void 0?L===void 0?M?`watching`:P===void 0?lt??(Be?`hover`:`resting`):`summary`:`offer`:`dictating`,dt=e=>{if(Z.current!==null&&e.buttons===0&&(Z.current=null),Z.current!==null){let{x:t,y:n}=Z.current;de(e.screenX-t,e.screenY-n),Z.current={x:e.screenX,y:e.screenY};let r=Qe.current;r!==null&&Math.abs(e.screenX-r.x)+Math.abs(e.screenY-r.y)>ft&&($e.current=!0);return}let t=We.current;if(!t)return;let n=X.current?.getBoundingClientRect()??null,r=Ue.current?.getBoundingClientRect()??null,i=n!==null&&n.width>0?n:r!==null&&r.width>0?r:null,a=j({x:e.clientX,y:e.clientY},{avatar:t.getBoundingClientRect(),pill:i}),o=Ge.current,s=o!==null&&A(o.getBoundingClientRect(),e.clientX,e.clientY),c=qe.current,l=c!==null&&A(c.getBoundingClientRect(),e.clientX,e.clientY),u=Ke.current,d=u!==null&&A(u.getBoundingClientRect(),e.clientX,e.clientY),f=Je.current,p=f!==null&&A(f.getBoundingClientRect(),e.clientX,e.clientY);Ve(a),Xe.current=p,st(a||s||d||l||p)},$=N(g,m,f);return(0,I.jsx)(`div`,{className:`relative h-screen w-screen bg-transparent`,onMouseMove:dt,onMouseUp:()=>{Z.current=null},onPointerCancel:()=>{Z.current=null,Ve(!1),st(!1)},onMouseLeave:()=>{Z.current===null&&(Ve(!1),st(!1))},children:(0,I.jsx)(Ye,{phase:ut,growth:t,cardGrowth:i,avatarBox:o,optionsBox:c,avatarSrc:u,character:f,hovered:Be,accentHex:$,call:g??void 0,assistantName:k,dictating:b,dictationText:S,working:fe,watching:M,watchRetro:P,onWatchRetro:O,dictationOffer:L,offer:L===void 0?null:(0,I.jsx)(ke,{offer:L,growth:t,cardGrowth:i,avatarBox:o,optionsBox:c,cardRef:qe,onAnswer:e=>{pe(e,L.id)}}),watchEnabled:R,spotlight:Me(J),intro:!Q||J===null?null:(0,I.jsx)(Pe,{beat:J,growth:t,cardGrowth:i,avatarBox:o,optionsBox:c,accentHex:$,assistantName:k===``?void 0:k,cardRef:Ge,onAdvance:E}),rootRef:X,restingPillRef:Ue,avatarRef:We,onSurfacePointerDown:e=>{e.button===0&&e.target.closest(`button, a`)===null&&(e.currentTarget.setPointerCapture(e.pointerId),Z.current={x:e.screenX,y:e.screenY},Qe.current={x:e.screenX,y:e.screenY},$e.current=!1)},onSurfaceContextMenu:e=>{(window.getSelection()?.toString().trim().length??0)>0||(e.preventDefault(),ve())},onAvatarClick:()=>{if(!$e.current){if(g!==null||v){ae();return}D()}},onWatch:()=>{C()},onTeach:it,picking:W&&K===`teach`,sharing:tt,shareEnabled:Ee,sharePicking:W&&K===`share`,onShare:at,onStopShare:()=>{he()},annotating:V,onAnnotate:e=>{ce(e)},marked:Ae&&(Oe||V),onClearMarks:()=>{me()},annotationTool:Fe,onAnnotationTool:e=>{ie(e)},drawToolsRef:Ze,shortcuts:nt,picker:W?(0,I.jsx)(Te,{sources:Re,captureThumbnail:se,cardGrowth:i,avatarBox:o,optionsBox:c,cardRef:Ke,label:K===`share`?e(`companionSurface.sharePicker`):void 0,onPick:ot}):null,onControl:(e,t)=>{oe(t===void 0?{action:e}:{action:e,requestId:t})}})})}export{pt as CompanionSurfacePage};

package/dist/assets/{companion-watch-frame-page-B0QW7vng.js → companion-watch-frame-page-C8pt70Ax.js}

@@ -1 +1 @@
-import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{j as t}from"./vendor-yoekmcrB.js";import{t as n,x as r}from"./react-BJ4PZBJN.js";import{Xl as i,Yl as a,ds as o,gs as s,os as c,xs as l}from"./index-DA0GBGXJ.js";import{n as u}from"./companion-accent-uCkWMXEt.js";var d=e(r(),1);function f(e){let t=e>>>0;return()=>{t=t+1831565813>>>0;let e=Math.imul(t^t>>>15,1|t);return e=e+Math.imul(e^e>>>7,61|e)^e,((e^e>>>14)>>>0)/4294967296}}function p(e,t){return Math.round(e*1e3)*73856093^Math.round(t*1e3)*19349663}function m(e,t){if(e.length<2)return``;let n=n=>t?e[(n+e.length)%e.length]:e[Math.min(Math.max(n,0),e.length-1)],r=n(0),i=`M ${h(r.x)} ${h(r.y)}`,a=t?e.length:e.length-1;for(let e=0;e<a;e+=1){let t=n(e-1),r=n(e),a=n(e+1),o=n(e+2),s={x:r.x+(a.x-t.x)/6,y:r.y+(a.y-t.y)/6},c={x:a.x-(o.x-r.x)/6,y:a.y-(o.y-r.y)/6};i+=` C ${h(s.x)} ${h(s.y)}, ${h(c.x)} ${h(c.y)}, ${h(a.x)} ${h(a.y)}`}return t?`${i} Z`:i}function h(e){return Math.round(e*100)/100}var g=.09,_=.05,v=.028;function y(e){return Math.min(Math.max(e,0),g)}var b=1.5;b-Math.SQRT2*(b-1);function x(e,t){let n=Math.min(t*b,Math.min(e.width,e.height)/2+t),r=n-t,i=r,a=e.width-r,o=r,s=e.height-r,c={x:Math.max(a-i,0),y:Math.max(s-o,0)},l=Math.PI*n/2,u=[l,c.x,l,c.y,l,c.x,l,c.y],d=u.reduce((e,t)=>e+t,0),f=[{centre:{x:i,y:o},from:Math.PI},{centre:{x:a,y:o},from:-Math.PI/2},{centre:{x:a,y:s},from:0},{centre:{x:i,y:s},from:Math.PI/2}];return{at:e=>{let t=e%1*d;t<0&&(t+=d);for(let e=0;e<u.length;e+=1){let r=u[e];if(t>r&&e<u.length-1){t-=r;continue}let c=r===0?0:Math.min(t/r,1),l=f[e/2];if(e%2==0){let e=l.from+Math.PI/2*c;return{x:l.centre.x+Math.cos(e)*n,y:l.centre.y+Math.sin(e)*n}}let[d,p]=[[{x:i,y:o-n},{x:a,y:o-n}],[{x:a+n,y:o},{x:a+n,y:s}],[{x:a,y:s+n},{x:i,y:s+n}],[{x:i-n,y:s},{x:i-n,y:o}]][(e-1)/2];return{x:d.x+(p.x-d.x)*c,y:d.y+(p.y-d.y)*c}}return{x:0,y:0}},length:d}}function S(e,t){let n=t.padding??8,r={x:e.width/2,y:e.height/2},i=x(e,n),a=y(t.strength),o=f(t.seed),s=[];for(let e=0;e<=13;e+=1){let t=i.at(.18+1.055*e/13),n={x:t.x-r.x,y:t.y-r.y},c=Math.hypot(n.x,n.y)||1,l=o()*a*c;s.push({x:t.x+n.x/c*l,y:t.y+n.y/c*l})}return s}function C(e,t){return m(S(e,t),!1)}function w(e){let t=e.gap??10,n=y(e.strength),r=f(e.seed),i=e.length+t,a=Math.max(28,e.length*.55),o=a/2,s={x:o,y:i},c={x:o,y:t},l=r()<.5?-1:1,u=a*.17*l,d=e=>({x:(1-e)*(1-e)*s.x+2*(1-e)*e*(o+u)+e*e*c.x,y:(1-e)*(1-e)*s.y+2*(1-e)*e*((s.y+c.y)/2)+e*e*c.y}),p=[];for(let e=0;e<=9;e+=1){let t=e/9,i=d(t),o=(1-t)*(1-t),s=(r()-.5)*2*n*a*o;p.push({x:i.x+s,y:i.y})}let g=d(1-1/9),_=Math.atan2(c.y-g.y,c.x-g.x),v=Math.max(11,e.length*.3),b=.42,x=`M ${h(c.x+Math.cos(_-Math.PI+b)*v)} ${h(c.y+Math.sin(_-Math.PI+b)*v)} L ${h(c.x)} ${h(c.y)} L ${h(c.x+Math.cos(_-Math.PI-b)*v)} ${h(c.y+Math.sin(_-Math.PI-b)*v)}`;return{shaft:m(p,!1),head:x,width:a,height:i}}function T(){let[e,t]=(0,d.useState)(()=>({width:typeof window>`u`?0:window.innerWidth,height:typeof window>`u`?0:window.innerHeight}));return(0,d.useEffect)(()=>{let e=()=>{t({width:window.innerWidth,height:window.innerHeight})};return e(),window.addEventListener(`resize`,e),()=>{window.removeEventListener(`resize`,e)}},[]),e}var E=n(),D=.6,O=10,k=52,A=10,j=k+A,M=10,N=8;function P(e,t){let n=e.kind===`point`?j:0,r=e.kind===`point`?e.y:e.y+e.height,i=e.kind===`point`?0:e.width,a=(1-r)*t-n,o=e.y*t-n;return{above:a<58&&o>a,trailing:e.x+i>D}}function F(e,t,n){let r=n?1-e.y:e.kind===`point`?e.y:e.y+e.height,i=Math.max(t-58,0),a=e.kind===`point`?k:0;return Math.round(Math.min(r*t+a+O,i))}function I(e){let t=Math.min(Math.max(e,0),1)*100;return`${Number(t.toFixed(4))}%`}function L(e){let t=e.kind===`region`?`${e.width},${e.height}`:`point`;return`${e.kind},${e.x},${e.y},${t},${e.caption??``}`}function R({mark:e,box:t}){let n=Math.max(e.width*t.width,1),r=Math.max(e.height*t.height,1),i=M+N,a=C({width:n,height:r},{strength:_,seed:p(e.x,e.y),padding:M});return(0,E.jsxs)(`svg`,{className:`companion-coachmark`,"data-testid":`companion-coachmark`,"aria-hidden":`true`,viewBox:`${-i} ${-i} ${n+i*2} ${r+i*2}`,width:n+i*2,height:r+i*2,style:{left:Math.round(e.x*t.width-i),top:Math.round(e.y*t.height-i)},children:[(0,E.jsx)(`path`,{className:`companion-coachmark-halo`,d:a}),(0,E.jsx)(`path`,{className:`companion-coachmark-ink`,d:a})]})}function z({mark:e,above:t,box:n}){let r=w({length:k,approach:t?`above`:`below`,strength:v,seed:p(e.x,e.y),gap:A});return(0,E.jsxs)(`svg`,{className:`companion-coachmark-pointer`,"data-testid":`companion-coachmark-pointer`,"data-above":t?``:void 0,"aria-hidden":`true`,viewBox:`0 0 ${r.width} ${r.height}`,width:r.width,height:r.height,style:{left:Math.round(e.x*n.width-r.width/2),top:Math.round(e.y*n.height-(t?r.height:0)),...t?{"--companion-coachmark-turn":`rotate(180deg)`}:{}},children:[(0,E.jsx)(`path`,{className:`companion-coachmark-halo`,d:r.shaft}),(0,E.jsx)(`path`,{className:`companion-coachmark-halo`,d:r.head}),(0,E.jsx)(`path`,{className:`companion-coachmark-ink`,d:r.shaft}),(0,E.jsx)(`path`,{className:`companion-coachmark-ink`,d:r.head})]})}function B({marks:e,ink:t}){let n=T();return(0,E.jsx)(`div`,{className:`pointer-events-none fixed inset-0`,"data-testid":`companion-coachmarks`,style:{"--companion-ring-accent":t},role:`presentation`,children:e.map(e=>{let{above:t,trailing:r}=P(e,n.height),i=`${F(e,n.height,t)}px`;return(0,E.jsxs)(d.Fragment,{children:[e.kind===`region`?(0,E.jsx)(R,{mark:e,box:n}):(0,E.jsx)(z,{mark:e,above:t,box:n}),e.caption!==void 0&&e.caption!==``&&(0,E.jsx)(`div`,{className:`companion-coachmark-caption`,"data-testid":`companion-coachmark-caption`,"data-above":t?``:void 0,"data-trailing":r?``:void 0,style:{...r?{right:I(1-(e.kind===`region`?e.x+e.width:e.x))}:{left:I(e.x)},...t?{bottom:i}:{top:i},maxWidth:I(.4)},children:e.caption})]},L(e))})})}var V=4500,H=e=>Math.min(Math.max(e,0),1);function U(e,t,n){switch(e){case`line`:return[t,n];case`box`:return[t,{x:n.x,y:t.y},n,{x:t.x,y:n.y},t];case`circle`:{let e=(t.x+n.x)/2,r=(t.y+n.y)/2,i=Math.abs(n.x-t.x)/2,a=Math.abs(n.y-t.y)/2;return Array.from({length:49},(t,n)=>{let o=n/48*Math.PI*2;return{x:e+i*Math.cos(o),y:r+a*Math.sin(o)}})}}}function W(e,t,n){let r=(t.x-e.x)*n,i=t.y-e.y;return r*r+i*i>=a**2}var G=`<path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/>`;function K(e){let t=`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><g stroke="#ffffff" stroke-width="4">${G}</g><g stroke="${e}" stroke-width="2">${G}</g></svg>`;return`url("data:image/svg+xml,${encodeURIComponent(t)}") 2 22, crosshair`}function q({ink:e,cleared:t=0,tool:n=`freehand`}){let[r,a]=(0,d.useState)([]),o=(0,d.useRef)([]),l=(0,d.useRef)(null),u=(0,d.useRef)({x:0,y:0}),f=(0,d.useRef)(!1),p=(0,d.useRef)(0),m=(0,d.useRef)(new Set),h=T(),g=h.height===0?1:h.width/h.height,_=(0,d.useRef)(e);(0,d.useEffect)(()=>{_.current=e},[e]),(0,d.useEffect)(()=>{let e=m.current;return()=>{for(let t of e)clearTimeout(t);e.clear(),l.current!==null&&(l.current=null,c(`released`,[],_.current))}},[]);let v=(0,d.useCallback)(e=>{o.current=e,a(e)},[]),y=(0,d.useRef)(t);(0,d.useEffect)(()=>{t!==y.current&&(y.current=t,v(o.current.filter(e=>e.id===l.current)))},[t,v]);let b=e=>({x:h.width===0?0:H(e.clientX/h.width),y:h.height===0?0:H(e.clientY/h.height)}),x=()=>{l.current===null&&(f.current=!0,s(!0))},S=()=>{f.current&&(f.current=!1,s(!1))},C=t=>{if(S(),l.current!==null)return;t.currentTarget.setPointerCapture(t.pointerId);let n=p.current++;l.current=n;let r=b(t);u.current=r,v([...o.current,{id:n,points:[r],spent:!1}]),c(`drawing`,[],e)},w=e=>{S();let t=l.current;if(t===null)return;let r=b(e),i=o.current.find(e=>e.id===t);if(i===void 0)return;let a=i.points[i.points.length-1];a!==void 0&&!W(a,r,g)||v(o.current.map(e=>e.id===t?{...e,points:n===`freehand`?[...e.points,r].slice(-512):U(n,u.current,r)}:e))},D=t=>{if(l.current===null)return;l.current=null,t.currentTarget.hasPointerCapture(t.pointerId)&&t.currentTarget.releasePointerCapture(t.pointerId);let n=o.current.map(e=>({...e,spent:!0}));v(n),c(`released`,n.slice(-24).map(e=>({points:e.points})),e);let r=new Set(n.map(e=>e.id)),i=setTimeout(()=>{m.current.delete(i),v(o.current.filter(e=>!r.has(e.id)))},V+900);m.current.add(i)},O=i*Math.min(h.width,h.height),k=(0,d.useMemo)(()=>K(e),[e]);return(0,E.jsx)(`svg`,{className:`companion-share-annotation fixed inset-0 h-full w-full`,style:{cursor:n===`freehand`?k:`crosshair`,"--companion-ink-hold":`${V}ms`,"--companion-ink-fade":`900ms`},"data-testid":`companion-share-annotation`,"data-cleared":t,"data-tool":n,role:`presentation`,onPointerDown:C,onPointerMove:w,onPointerUp:D,onPointerCancel:D,onWheel:x,children:r.map(t=>(0,E.jsx)(J,{stroke:t,box:h,width:O,ink:e},t.id))})}function J({stroke:e,box:t,width:n,ink:r}){let i=e.spent?`companion-share-ink companion-share-ink-spent`:`companion-share-ink`,a=e.points[0];return e.points.length===1&&a!==void 0?(0,E.jsx)(`circle`,{className:i,cx:a.x*t.width,cy:a.y*t.height,r:n/2,fill:r}):(0,E.jsx)(`polyline`,{className:i,points:e.points.map(e=>`${e.x*t.width},${e.y*t.height}`).join(` `),fill:`none`,stroke:r,strokeWidth:n,strokeLinecap:`round`,strokeLinejoin:`round`})}function Y(e,t){return e?{kind:`teaching`}:t===void 0?null:{kind:`sharing`,target:t}}function X({read:e,assistantName:n,style:r}){let{t:i}=t(),a=n!==``,o=e.kind===`teaching`?a?i(`companionWatchFramePage.teachingNamed`,{name:n}):i(`companionWatchFramePage.teaching`):e.target.kind===`display`?a?i(`companionWatchFramePage.sharingScreenNamed`,{name:n}):i(`companionWatchFramePage.sharingScreen`):a?i(`companionWatchFramePage.sharingWindowNamed`,{name:n}):i(`companionWatchFramePage.sharingWindow`);return(0,E.jsxs)(`div`,{className:`companion-watch-frame-label`,"data-testid":`companion-watch-frame-label`,"data-read":e.kind,style:r,children:[(0,E.jsx)(`span`,{className:`companion-watch-frame-label-dot`}),o]})}function Z(e,t){let n=(0,d.useRef)({captureCount:e,watching:t}),[r,i]=(0,d.useState)(0);return(0,d.useEffect)(()=>{let r=n.current;if(n.current={captureCount:e,watching:t},!t){i(0);return}r.watching&&e>r.captureCount&&i(e=>e+1)},[e,t]),r}function Q(){let[e,t]=(0,d.useState)(null);(0,d.useEffect)(()=>{let e=l(t);return o().then(e=>{e&&t(e)}),e},[]);let n=e?.watching===!0,r=e?.screenShare!==void 0,i=Y(n,e?.screenShare),a=i!==null,s=Z(e?.captureCount??0,n),c=u(e?.call??null,e?.accentHex,e?.character),f=c===void 0?void 0:{"--companion-ring-accent":c},p=e?.frameInsetTop??0,m=p>0?{...f,"--companion-frame-inset":`${p}px`}:f,h=e?.annotating===!0,g=r&&!n?e?.coachmarks??[]:[];return(0,E.jsxs)(`div`,{className:`pointer-events-none h-screen w-screen bg-transparent`,role:`presentation`,"aria-hidden":!0,children:[a&&(0,E.jsx)(`div`,{className:`companion-watch-frame fixed inset-0`,style:f}),i!==null&&(0,E.jsx)(X,{read:i,assistantName:e?.assistantName??``,style:m}),n&&s>0&&(0,E.jsx)(`div`,{className:`companion-watch-frame-flash fixed inset-0`,style:f},s),h&&(0,E.jsx)(q,{ink:c??`#5eead4`,cleared:e?.marksCleared??0,tool:e?.annotationTool}),g.length>0&&(0,E.jsx)(B,{marks:g,ink:c??`#5eead4`})]})}export{Q as CompanionWatchFramePage};
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{j as t}from"./vendor-yoekmcrB.js";import{t as n,x as r}from"./react-BJ4PZBJN.js";import{Xl as i,Yl as a,ds as o,gs as s,os as c,xs as l}from"./index-BGc71lz7.js";import{n as u}from"./companion-accent-BwWgOv7U.js";var d=e(r(),1);function f(e){let t=e>>>0;return()=>{t=t+1831565813>>>0;let e=Math.imul(t^t>>>15,1|t);return e=e+Math.imul(e^e>>>7,61|e)^e,((e^e>>>14)>>>0)/4294967296}}function p(e,t){return Math.round(e*1e3)*73856093^Math.round(t*1e3)*19349663}function m(e,t){if(e.length<2)return``;let n=n=>t?e[(n+e.length)%e.length]:e[Math.min(Math.max(n,0),e.length-1)],r=n(0),i=`M ${h(r.x)} ${h(r.y)}`,a=t?e.length:e.length-1;for(let e=0;e<a;e+=1){let t=n(e-1),r=n(e),a=n(e+1),o=n(e+2),s={x:r.x+(a.x-t.x)/6,y:r.y+(a.y-t.y)/6},c={x:a.x-(o.x-r.x)/6,y:a.y-(o.y-r.y)/6};i+=` C ${h(s.x)} ${h(s.y)}, ${h(c.x)} ${h(c.y)}, ${h(a.x)} ${h(a.y)}`}return t?`${i} Z`:i}function h(e){return Math.round(e*100)/100}var g=.09,_=.05,v=.028;function y(e){return Math.min(Math.max(e,0),g)}var b=1.5;b-Math.SQRT2*(b-1);function x(e,t){let n=Math.min(t*b,Math.min(e.width,e.height)/2+t),r=n-t,i=r,a=e.width-r,o=r,s=e.height-r,c={x:Math.max(a-i,0),y:Math.max(s-o,0)},l=Math.PI*n/2,u=[l,c.x,l,c.y,l,c.x,l,c.y],d=u.reduce((e,t)=>e+t,0),f=[{centre:{x:i,y:o},from:Math.PI},{centre:{x:a,y:o},from:-Math.PI/2},{centre:{x:a,y:s},from:0},{centre:{x:i,y:s},from:Math.PI/2}];return{at:e=>{let t=e%1*d;t<0&&(t+=d);for(let e=0;e<u.length;e+=1){let r=u[e];if(t>r&&e<u.length-1){t-=r;continue}let c=r===0?0:Math.min(t/r,1),l=f[e/2];if(e%2==0){let e=l.from+Math.PI/2*c;return{x:l.centre.x+Math.cos(e)*n,y:l.centre.y+Math.sin(e)*n}}let[d,p]=[[{x:i,y:o-n},{x:a,y:o-n}],[{x:a+n,y:o},{x:a+n,y:s}],[{x:a,y:s+n},{x:i,y:s+n}],[{x:i-n,y:s},{x:i-n,y:o}]][(e-1)/2];return{x:d.x+(p.x-d.x)*c,y:d.y+(p.y-d.y)*c}}return{x:0,y:0}},length:d}}function S(e,t){let n=t.padding??8,r={x:e.width/2,y:e.height/2},i=x(e,n),a=y(t.strength),o=f(t.seed),s=[];for(let e=0;e<=13;e+=1){let t=i.at(.18+1.055*e/13),n={x:t.x-r.x,y:t.y-r.y},c=Math.hypot(n.x,n.y)||1,l=o()*a*c;s.push({x:t.x+n.x/c*l,y:t.y+n.y/c*l})}return s}function C(e,t){return m(S(e,t),!1)}function w(e){let t=e.gap??10,n=y(e.strength),r=f(e.seed),i=e.length+t,a=Math.max(28,e.length*.55),o=a/2,s={x:o,y:i},c={x:o,y:t},l=r()<.5?-1:1,u=a*.17*l,d=e=>({x:(1-e)*(1-e)*s.x+2*(1-e)*e*(o+u)+e*e*c.x,y:(1-e)*(1-e)*s.y+2*(1-e)*e*((s.y+c.y)/2)+e*e*c.y}),p=[];for(let e=0;e<=9;e+=1){let t=e/9,i=d(t),o=(1-t)*(1-t),s=(r()-.5)*2*n*a*o;p.push({x:i.x+s,y:i.y})}let g=d(1-1/9),_=Math.atan2(c.y-g.y,c.x-g.x),v=Math.max(11,e.length*.3),b=.42,x=`M ${h(c.x+Math.cos(_-Math.PI+b)*v)} ${h(c.y+Math.sin(_-Math.PI+b)*v)} L ${h(c.x)} ${h(c.y)} L ${h(c.x+Math.cos(_-Math.PI-b)*v)} ${h(c.y+Math.sin(_-Math.PI-b)*v)}`;return{shaft:m(p,!1),head:x,width:a,height:i}}function T(){let[e,t]=(0,d.useState)(()=>({width:typeof window>`u`?0:window.innerWidth,height:typeof window>`u`?0:window.innerHeight}));return(0,d.useEffect)(()=>{let e=()=>{t({width:window.innerWidth,height:window.innerHeight})};return e(),window.addEventListener(`resize`,e),()=>{window.removeEventListener(`resize`,e)}},[]),e}var E=n(),D=.6,O=10,k=52,A=10,j=k+A,M=10,N=8;function P(e,t){let n=e.kind===`point`?j:0,r=e.kind===`point`?e.y:e.y+e.height,i=e.kind===`point`?0:e.width,a=(1-r)*t-n,o=e.y*t-n;return{above:a<58&&o>a,trailing:e.x+i>D}}function F(e,t,n){let r=n?1-e.y:e.kind===`point`?e.y:e.y+e.height,i=Math.max(t-58,0),a=e.kind===`point`?k:0;return Math.round(Math.min(r*t+a+O,i))}function I(e){let t=Math.min(Math.max(e,0),1)*100;return`${Number(t.toFixed(4))}%`}function L(e){let t=e.kind===`region`?`${e.width},${e.height}`:`point`;return`${e.kind},${e.x},${e.y},${t},${e.caption??``}`}function R({mark:e,box:t}){let n=Math.max(e.width*t.width,1),r=Math.max(e.height*t.height,1),i=M+N,a=C({width:n,height:r},{strength:_,seed:p(e.x,e.y),padding:M});return(0,E.jsxs)(`svg`,{className:`companion-coachmark`,"data-testid":`companion-coachmark`,"aria-hidden":`true`,viewBox:`${-i} ${-i} ${n+i*2} ${r+i*2}`,width:n+i*2,height:r+i*2,style:{left:Math.round(e.x*t.width-i),top:Math.round(e.y*t.height-i)},children:[(0,E.jsx)(`path`,{className:`companion-coachmark-halo`,d:a}),(0,E.jsx)(`path`,{className:`companion-coachmark-ink`,d:a})]})}function z({mark:e,above:t,box:n}){let r=w({length:k,approach:t?`above`:`below`,strength:v,seed:p(e.x,e.y),gap:A});return(0,E.jsxs)(`svg`,{className:`companion-coachmark-pointer`,"data-testid":`companion-coachmark-pointer`,"data-above":t?``:void 0,"aria-hidden":`true`,viewBox:`0 0 ${r.width} ${r.height}`,width:r.width,height:r.height,style:{left:Math.round(e.x*n.width-r.width/2),top:Math.round(e.y*n.height-(t?r.height:0)),...t?{"--companion-coachmark-turn":`rotate(180deg)`}:{}},children:[(0,E.jsx)(`path`,{className:`companion-coachmark-halo`,d:r.shaft}),(0,E.jsx)(`path`,{className:`companion-coachmark-halo`,d:r.head}),(0,E.jsx)(`path`,{className:`companion-coachmark-ink`,d:r.shaft}),(0,E.jsx)(`path`,{className:`companion-coachmark-ink`,d:r.head})]})}function B({marks:e,ink:t}){let n=T();return(0,E.jsx)(`div`,{className:`pointer-events-none fixed inset-0`,"data-testid":`companion-coachmarks`,style:{"--companion-ring-accent":t},role:`presentation`,children:e.map(e=>{let{above:t,trailing:r}=P(e,n.height),i=`${F(e,n.height,t)}px`;return(0,E.jsxs)(d.Fragment,{children:[e.kind===`region`?(0,E.jsx)(R,{mark:e,box:n}):(0,E.jsx)(z,{mark:e,above:t,box:n}),e.caption!==void 0&&e.caption!==``&&(0,E.jsx)(`div`,{className:`companion-coachmark-caption`,"data-testid":`companion-coachmark-caption`,"data-above":t?``:void 0,"data-trailing":r?``:void 0,style:{...r?{right:I(1-(e.kind===`region`?e.x+e.width:e.x))}:{left:I(e.x)},...t?{bottom:i}:{top:i},maxWidth:I(.4)},children:e.caption})]},L(e))})})}var V=4500,H=e=>Math.min(Math.max(e,0),1);function U(e,t,n){switch(e){case`line`:return[t,n];case`box`:return[t,{x:n.x,y:t.y},n,{x:t.x,y:n.y},t];case`circle`:{let e=(t.x+n.x)/2,r=(t.y+n.y)/2,i=Math.abs(n.x-t.x)/2,a=Math.abs(n.y-t.y)/2;return Array.from({length:49},(t,n)=>{let o=n/48*Math.PI*2;return{x:e+i*Math.cos(o),y:r+a*Math.sin(o)}})}}}function W(e,t,n){let r=(t.x-e.x)*n,i=t.y-e.y;return r*r+i*i>=a**2}var G=`<path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/>`;function K(e){let t=`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><g stroke="#ffffff" stroke-width="4">${G}</g><g stroke="${e}" stroke-width="2">${G}</g></svg>`;return`url("data:image/svg+xml,${encodeURIComponent(t)}") 2 22, crosshair`}function q({ink:e,cleared:t=0,tool:n=`freehand`}){let[r,a]=(0,d.useState)([]),o=(0,d.useRef)([]),l=(0,d.useRef)(null),u=(0,d.useRef)({x:0,y:0}),f=(0,d.useRef)(!1),p=(0,d.useRef)(0),m=(0,d.useRef)(new Set),h=T(),g=h.height===0?1:h.width/h.height,_=(0,d.useRef)(e);(0,d.useEffect)(()=>{_.current=e},[e]),(0,d.useEffect)(()=>{let e=m.current;return()=>{for(let t of e)clearTimeout(t);e.clear(),l.current!==null&&(l.current=null,c(`released`,[],_.current))}},[]);let v=(0,d.useCallback)(e=>{o.current=e,a(e)},[]),y=(0,d.useRef)(t);(0,d.useEffect)(()=>{t!==y.current&&(y.current=t,v(o.current.filter(e=>e.id===l.current)))},[t,v]);let b=e=>({x:h.width===0?0:H(e.clientX/h.width),y:h.height===0?0:H(e.clientY/h.height)}),x=()=>{l.current===null&&(f.current=!0,s(!0))},S=()=>{f.current&&(f.current=!1,s(!1))},C=t=>{if(S(),l.current!==null)return;t.currentTarget.setPointerCapture(t.pointerId);let n=p.current++;l.current=n;let r=b(t);u.current=r,v([...o.current,{id:n,points:[r],spent:!1}]),c(`drawing`,[],e)},w=e=>{S();let t=l.current;if(t===null)return;let r=b(e),i=o.current.find(e=>e.id===t);if(i===void 0)return;let a=i.points[i.points.length-1];a!==void 0&&!W(a,r,g)||v(o.current.map(e=>e.id===t?{...e,points:n===`freehand`?[...e.points,r].slice(-512):U(n,u.current,r)}:e))},D=t=>{if(l.current===null)return;l.current=null,t.currentTarget.hasPointerCapture(t.pointerId)&&t.currentTarget.releasePointerCapture(t.pointerId);let n=o.current.map(e=>({...e,spent:!0}));v(n),c(`released`,n.slice(-24).map(e=>({points:e.points})),e);let r=new Set(n.map(e=>e.id)),i=setTimeout(()=>{m.current.delete(i),v(o.current.filter(e=>!r.has(e.id)))},V+900);m.current.add(i)},O=i*Math.min(h.width,h.height),k=(0,d.useMemo)(()=>K(e),[e]);return(0,E.jsx)(`svg`,{className:`companion-share-annotation fixed inset-0 h-full w-full`,style:{cursor:n===`freehand`?k:`crosshair`,"--companion-ink-hold":`${V}ms`,"--companion-ink-fade":`900ms`},"data-testid":`companion-share-annotation`,"data-cleared":t,"data-tool":n,role:`presentation`,onPointerDown:C,onPointerMove:w,onPointerUp:D,onPointerCancel:D,onWheel:x,children:r.map(t=>(0,E.jsx)(J,{stroke:t,box:h,width:O,ink:e},t.id))})}function J({stroke:e,box:t,width:n,ink:r}){let i=e.spent?`companion-share-ink companion-share-ink-spent`:`companion-share-ink`,a=e.points[0];return e.points.length===1&&a!==void 0?(0,E.jsx)(`circle`,{className:i,cx:a.x*t.width,cy:a.y*t.height,r:n/2,fill:r}):(0,E.jsx)(`polyline`,{className:i,points:e.points.map(e=>`${e.x*t.width},${e.y*t.height}`).join(` `),fill:`none`,stroke:r,strokeWidth:n,strokeLinecap:`round`,strokeLinejoin:`round`})}function Y(e,t){return e?{kind:`teaching`}:t===void 0?null:{kind:`sharing`,target:t}}function X({read:e,assistantName:n,style:r}){let{t:i}=t(),a=n!==``,o=e.kind===`teaching`?a?i(`companionWatchFramePage.teachingNamed`,{name:n}):i(`companionWatchFramePage.teaching`):e.target.kind===`display`?a?i(`companionWatchFramePage.sharingScreenNamed`,{name:n}):i(`companionWatchFramePage.sharingScreen`):a?i(`companionWatchFramePage.sharingWindowNamed`,{name:n}):i(`companionWatchFramePage.sharingWindow`);return(0,E.jsxs)(`div`,{className:`companion-watch-frame-label`,"data-testid":`companion-watch-frame-label`,"data-read":e.kind,style:r,children:[(0,E.jsx)(`span`,{className:`companion-watch-frame-label-dot`}),o]})}function Z(e,t){let n=(0,d.useRef)({captureCount:e,watching:t}),[r,i]=(0,d.useState)(0);return(0,d.useEffect)(()=>{let r=n.current;if(n.current={captureCount:e,watching:t},!t){i(0);return}r.watching&&e>r.captureCount&&i(e=>e+1)},[e,t]),r}function Q(){let[e,t]=(0,d.useState)(null);(0,d.useEffect)(()=>{let e=l(t);return o().then(e=>{e&&t(e)}),e},[]);let n=e?.watching===!0,r=e?.screenShare!==void 0,i=Y(n,e?.screenShare),a=i!==null,s=Z(e?.captureCount??0,n),c=u(e?.call??null,e?.accentHex,e?.character),f=c===void 0?void 0:{"--companion-ring-accent":c},p=e?.frameInsetTop??0,m=p>0?{...f,"--companion-frame-inset":`${p}px`}:f,h=e?.annotating===!0,g=r&&!n?e?.coachmarks??[]:[];return(0,E.jsxs)(`div`,{className:`pointer-events-none h-screen w-screen bg-transparent`,role:`presentation`,"aria-hidden":!0,children:[a&&(0,E.jsx)(`div`,{className:`companion-watch-frame fixed inset-0`,style:f}),i!==null&&(0,E.jsx)(X,{read:i,assistantName:e?.assistantName??``,style:m}),n&&s>0&&(0,E.jsx)(`div`,{className:`companion-watch-frame-flash fixed inset-0`,style:f},s),h&&(0,E.jsx)(q,{ink:c??`#5eead4`,cleared:e?.marksCleared??0,tool:e?.annotationTool}),g.length>0&&(0,E.jsx)(B,{marks:g,ink:c??`#5eead4`})]})}export{Q as CompanionWatchFramePage};

package/dist/assets/{connect-page-exbWkgam.js → connect-page-D4JlQKYu.js}

@@ -1 +1 @@
-import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Jn as t,er as n,j as r}from"./vendor-yoekmcrB.js";import{_ as i,f as a,t as o,x as s}from"./react-BJ4PZBJN.js";import{$n as c,E as l,qn as u}from"./icons-BjnVKAw1.js";import{$ as d,Ky as f,Yv as p,db as m,fb as h,ub as g}from"./index-DA0GBGXJ.js";import{n as _}from"./a2a-invite-DP_g_AcM.js";import{r as v}from"./contacts-gateway-5_gPpXAz.js";var y=e(s(),1),b=o();function x(e){let t=e[0];return typeof t==`object`&&!!t&&t._id===`contactsGet`}function S(e){switch(e){case`expired`:case`not_found`:return`connectPage.errorExpired`;case`already_redeemed_by_other`:return`connectPage.errorAlreadyRedeemed`;case`sender_not_found`:return`connectPage.errorSenderNotFound`;case`not_platform_managed`:return`connectPage.errorNotPlatformManaged`;default:return null}}function C(){return(0,b.jsx)(w,{assistantId:d()})}function w({assistantId:e}){let{t:o}=r(`contacts`),s=a(),d=n(),[C]=i(),w=(0,y.useMemo)(()=>_(C),[C]),T=t({mutationFn:()=>{if(!w)throw Error(`Invalid invite link`);return v(e,{senderAssistantId:w.senderAssistantId,token:w.token})},onSuccess:e=>{e.success&&(d.invalidateQueries({predicate:e=>x(e.queryKey)}),e.alreadyConnected?f(o(`connectPage.alreadyConnected`)):f(o(`connectPage.connected`)),s(p.contacts.root))}}),E=(0,y.useCallback)(()=>{s(p.contacts.root)},[s]),D=(0,y.useCallback)(()=>{T.mutate()},[T]),O=(0,y.useMemo)(()=>{if(T.isError)return T.error instanceof Error?T.error.message:o(`connectPage.errorGeneric`);if(T.data&&!T.data.success){let e=S(T.data.errorCode);return e?o(e):T.data.error||o(`connectPage.errorGeneric`)}return null},[T.isError,T.error,T.data,o]);return w?(0,b.jsx)(`div`,{className:`flex min-h-full items-center justify-center p-6`,children:(0,b.jsx)(g,{className:`w-full max-w-md`,children:(0,b.jsxs)(`div`,{className:`flex flex-col gap-4 p-6`,children:[(0,b.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,b.jsx)(c,{className:`h-6 w-6`,style:{color:`var(--content-secondary)`}}),(0,b.jsx)(m,{variant:`title-small`,children:o(`connectPage.title`)})]}),(0,b.jsx)(m,{variant:`body-medium-lighter`,style:{color:`var(--content-secondary)`},children:o(`connectPage.body`)}),O&&(0,b.jsxs)(`div`,{className:`flex items-center gap-2 rounded-md p-3`,style:{backgroundColor:`var(--surface-negative-subtle)`,color:`var(--system-negative-strong)`},children:[(0,b.jsx)(l,{className:`h-4 w-4 shrink-0`}),(0,b.jsx)(m,{variant:`body-small-default`,children:O})]}),(0,b.jsxs)(`div`,{className:`flex gap-2 pt-2`,children:[(0,b.jsx)(h,{variant:`primary`,onClick:D,disabled:T.isPending,children:T.isPending?(0,b.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,b.jsx)(u,{className:`h-4 w-4 animate-spin`}),o(`actions.connecting`)]}):o(`actions.connect`)}),(0,b.jsx)(h,{variant:`outlined`,onClick:E,disabled:T.isPending,children:o(`actions.cancel`)})]})]})})}):(0,b.jsx)(`div`,{className:`flex min-h-full items-center justify-center p-6`,children:(0,b.jsx)(g,{className:`w-full max-w-md`,children:(0,b.jsxs)(`div`,{className:`flex flex-col gap-4 p-6`,children:[(0,b.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,b.jsx)(l,{className:`h-6 w-6`,style:{color:`var(--system-negative-strong)`}}),(0,b.jsx)(m,{variant:`title-small`,children:o(`connectPage.invalidTitle`)})]}),(0,b.jsx)(m,{variant:`body-medium-lighter`,style:{color:`var(--content-secondary)`},children:o(`connectPage.invalidBody`)}),(0,b.jsx)(`div`,{className:`flex gap-2 pt-2`,children:(0,b.jsx)(h,{variant:`primary`,onClick:E,children:o(`connectPage.goToContacts`)})})]})})})}export{C as ConnectPage};
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Jn as t,er as n,j as r}from"./vendor-yoekmcrB.js";import{_ as i,f as a,t as o,x as s}from"./react-BJ4PZBJN.js";import{$n as c,E as l,qn as u}from"./icons-BjnVKAw1.js";import{$ as d,Ky as f,Yv as p,db as m,fb as h,ub as g}from"./index-BGc71lz7.js";import{n as _}from"./a2a-invite-B1TM1bCe.js";import{r as v}from"./contacts-gateway-BZ5dqaxm.js";var y=e(s(),1),b=o();function x(e){let t=e[0];return typeof t==`object`&&!!t&&t._id===`contactsGet`}function S(e){switch(e){case`expired`:case`not_found`:return`connectPage.errorExpired`;case`already_redeemed_by_other`:return`connectPage.errorAlreadyRedeemed`;case`sender_not_found`:return`connectPage.errorSenderNotFound`;case`not_platform_managed`:return`connectPage.errorNotPlatformManaged`;default:return null}}function C(){return(0,b.jsx)(w,{assistantId:d()})}function w({assistantId:e}){let{t:o}=r(`contacts`),s=a(),d=n(),[C]=i(),w=(0,y.useMemo)(()=>_(C),[C]),T=t({mutationFn:()=>{if(!w)throw Error(`Invalid invite link`);return v(e,{senderAssistantId:w.senderAssistantId,token:w.token})},onSuccess:e=>{e.success&&(d.invalidateQueries({predicate:e=>x(e.queryKey)}),e.alreadyConnected?f(o(`connectPage.alreadyConnected`)):f(o(`connectPage.connected`)),s(p.contacts.root))}}),E=(0,y.useCallback)(()=>{s(p.contacts.root)},[s]),D=(0,y.useCallback)(()=>{T.mutate()},[T]),O=(0,y.useMemo)(()=>{if(T.isError)return T.error instanceof Error?T.error.message:o(`connectPage.errorGeneric`);if(T.data&&!T.data.success){let e=S(T.data.errorCode);return e?o(e):T.data.error||o(`connectPage.errorGeneric`)}return null},[T.isError,T.error,T.data,o]);return w?(0,b.jsx)(`div`,{className:`flex min-h-full items-center justify-center p-6`,children:(0,b.jsx)(g,{className:`w-full max-w-md`,children:(0,b.jsxs)(`div`,{className:`flex flex-col gap-4 p-6`,children:[(0,b.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,b.jsx)(c,{className:`h-6 w-6`,style:{color:`var(--content-secondary)`}}),(0,b.jsx)(m,{variant:`title-small`,children:o(`connectPage.title`)})]}),(0,b.jsx)(m,{variant:`body-medium-lighter`,style:{color:`var(--content-secondary)`},children:o(`connectPage.body`)}),O&&(0,b.jsxs)(`div`,{className:`flex items-center gap-2 rounded-md p-3`,style:{backgroundColor:`var(--surface-negative-subtle)`,color:`var(--system-negative-strong)`},children:[(0,b.jsx)(l,{className:`h-4 w-4 shrink-0`}),(0,b.jsx)(m,{variant:`body-small-default`,children:O})]}),(0,b.jsxs)(`div`,{className:`flex gap-2 pt-2`,children:[(0,b.jsx)(h,{variant:`primary`,onClick:D,disabled:T.isPending,children:T.isPending?(0,b.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,b.jsx)(u,{className:`h-4 w-4 animate-spin`}),o(`actions.connecting`)]}):o(`actions.connect`)}),(0,b.jsx)(h,{variant:`outlined`,onClick:E,disabled:T.isPending,children:o(`actions.cancel`)})]})]})})}):(0,b.jsx)(`div`,{className:`flex min-h-full items-center justify-center p-6`,children:(0,b.jsx)(g,{className:`w-full max-w-md`,children:(0,b.jsxs)(`div`,{className:`flex flex-col gap-4 p-6`,children:[(0,b.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,b.jsx)(l,{className:`h-6 w-6`,style:{color:`var(--system-negative-strong)`}}),(0,b.jsx)(m,{variant:`title-small`,children:o(`connectPage.invalidTitle`)})]}),(0,b.jsx)(m,{variant:`body-medium-lighter`,style:{color:`var(--content-secondary)`},children:o(`connectPage.invalidBody`)}),(0,b.jsx)(`div`,{className:`flex gap-2 pt-2`,children:(0,b.jsx)(h,{variant:`primary`,onClick:E,children:o(`connectPage.goToContacts`)})})]})})})}export{C as ConnectPage};

package/dist/assets/{consent-controls-BQu7iq5e.js → consent-controls-BlYAuLbg.js}

@@ -1 +1 @@
-import{N as e,j as t}from"./vendor-yoekmcrB.js";import{t as n}from"./react-BJ4PZBJN.js";import{Jv as r,Yv as i,eb as a,ub as o}from"./index-DA0GBGXJ.js";import{t as s}from"./setting-row-CymQ5trC.js";var c=n(),l=[`[&_button[data-state=checked]]:bg-[var(--primary-base)]`,`[&_svg]:text-[var(--content-inset)]`,`[&_button[data-state=unchecked]]:bg-[var(--surface-base)]`,`[&_button[data-state=unchecked]]:border-[var(--border-element)]`].join(` `),u=`mb-2.5 ml-1 text-body-small-default font-medium uppercase tracking-wider text-[var(--content-tertiary)]`,d={privacy:{href:i.docs.legal.privacyPolicy,text:`Privacy and AI Data Sharing Policy`,aria:`I agree to the Privacy and AI Data Sharing Policy`},tos:{href:i.docs.legal.termsOfUse,text:`Terms of Service`,aria:`I agree to the Terms of Service`}};function f({kind:t,checked:n,onChange:i}){let o=d[t];return(0,c.jsx)(a,{checked:n,onCheckedChange:e=>i(e===!0),label:(0,c.jsx)(`span`,{className:`text-body-medium-lighter text-[var(--content-default)]`,children:(0,c.jsx)(e,{i18nKey:`consentControls.agreeTo`,ns:`onboarding`,values:{policy:o.text},components:{link:(0,c.jsx)(`a`,{href:r(o.href),target:`_blank`,rel:`noreferrer`,className:`underline`})}})}),"aria-label":o.aria,className:l})}function p(){return(0,c.jsx)(`div`,{className:`h-px bg-[var(--surface-active)] dark:bg-[var(--surface-lift)]`})}function m({notes:e}){let{t:n}=t(`onboarding`);return!e||e.length===0?null:(0,c.jsxs)(`div`,{className:`rounded-r-md border-l-2 border-[var(--content-secondary)] bg-[var(--surface-base)] py-3 pl-3.5 pr-3.5`,children:[(0,c.jsx)(`p`,{className:`text-body-small-default font-medium text-[var(--content-secondary)]`,children:n(`consentControls.whatsChanged`)}),e.length===1?(0,c.jsx)(`p`,{className:`mt-1.5 text-body-medium-lighter text-[var(--content-default)]`,children:e[0]}):(0,c.jsx)(`ul`,{className:`mt-2 flex flex-col gap-1.5`,children:e.map(e=>(0,c.jsxs)(`li`,{className:`flex gap-2.5 text-body-medium-lighter text-[var(--content-default)]`,children:[(0,c.jsx)(`span`,{"aria-hidden":!0,className:`mt-[0.5em] h-1 w-1 flex-none rounded-full bg-[var(--content-tertiary)]`}),(0,c.jsx)(`span`,{children:e})]},e))})]})}function h({electron:e,showAnalytics:n=!0,showDiagnostics:r=!0,shareAnalytics:i,shareDiagnostics:a,onShareAnalyticsChange:l,onShareDiagnosticsChange:d,className:f,style:m}){let{t:h}=t(`onboarding`);return(0,c.jsxs)(`section`,{className:f,style:m,children:[(0,c.jsx)(`p`,{className:u,children:h(`consentControls.privacyPreferences`)}),(0,c.jsx)(o,{padding:e?`sm`:`md`,className:`w-full`,children:(0,c.jsxs)(`div`,{className:`flex flex-col ${e?`gap-3`:`gap-4`}`,children:[n&&(0,c.jsx)(s,{label:h(`consentControls.analyticsLabel`),helperText:h(`consentControls.analyticsHelp`),checked:i,onChange:l}),n&&r&&(0,c.jsx)(p,{}),r&&(0,c.jsx)(s,{label:h(`consentControls.diagnosticsLabel`),helperText:h(`consentControls.diagnosticsHelp`),checked:a,onChange:d})]})})]})}function g({electron:e,showPrivacy:n=!0,showTos:r=!0,privacyConsent:i,tosAccepted:a,onPrivacyChange:o,onTosChange:s,privacyNotes:l,tosNotes:d,className:p,style:h}){let{t:g}=t(`onboarding`);return(0,c.jsxs)(`section`,{className:p,style:h,children:[(0,c.jsx)(`p`,{className:u,children:g(`consentControls.agreements`)}),(0,c.jsxs)(`div`,{className:`flex flex-col pl-2 ${e?`gap-3.5`:`gap-4`}`,children:[n&&(0,c.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,c.jsx)(m,{notes:l}),(0,c.jsx)(f,{kind:`privacy`,checked:i,onChange:o})]}),r&&(0,c.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,c.jsx)(m,{notes:d}),(0,c.jsx)(f,{kind:`tos`,checked:a,onChange:s})]})]})]})}export{h as n,g as t};
+import{N as e,j as t}from"./vendor-yoekmcrB.js";import{t as n}from"./react-BJ4PZBJN.js";import{Jv as r,Yv as i,eb as a,ub as o}from"./index-BGc71lz7.js";import{t as s}from"./setting-row-uWULksXj.js";var c=n(),l=[`[&_button[data-state=checked]]:bg-[var(--primary-base)]`,`[&_svg]:text-[var(--content-inset)]`,`[&_button[data-state=unchecked]]:bg-[var(--surface-base)]`,`[&_button[data-state=unchecked]]:border-[var(--border-element)]`].join(` `),u=`mb-2.5 ml-1 text-body-small-default font-medium uppercase tracking-wider text-[var(--content-tertiary)]`,d={privacy:{href:i.docs.legal.privacyPolicy,text:`Privacy and AI Data Sharing Policy`,aria:`I agree to the Privacy and AI Data Sharing Policy`},tos:{href:i.docs.legal.termsOfUse,text:`Terms of Service`,aria:`I agree to the Terms of Service`}};function f({kind:t,checked:n,onChange:i}){let o=d[t];return(0,c.jsx)(a,{checked:n,onCheckedChange:e=>i(e===!0),label:(0,c.jsx)(`span`,{className:`text-body-medium-lighter text-[var(--content-default)]`,children:(0,c.jsx)(e,{i18nKey:`consentControls.agreeTo`,ns:`onboarding`,values:{policy:o.text},components:{link:(0,c.jsx)(`a`,{href:r(o.href),target:`_blank`,rel:`noreferrer`,className:`underline`})}})}),"aria-label":o.aria,className:l})}function p(){return(0,c.jsx)(`div`,{className:`h-px bg-[var(--surface-active)] dark:bg-[var(--surface-lift)]`})}function m({notes:e}){let{t:n}=t(`onboarding`);return!e||e.length===0?null:(0,c.jsxs)(`div`,{className:`rounded-r-md border-l-2 border-[var(--content-secondary)] bg-[var(--surface-base)] py-3 pl-3.5 pr-3.5`,children:[(0,c.jsx)(`p`,{className:`text-body-small-default font-medium text-[var(--content-secondary)]`,children:n(`consentControls.whatsChanged`)}),e.length===1?(0,c.jsx)(`p`,{className:`mt-1.5 text-body-medium-lighter text-[var(--content-default)]`,children:e[0]}):(0,c.jsx)(`ul`,{className:`mt-2 flex flex-col gap-1.5`,children:e.map(e=>(0,c.jsxs)(`li`,{className:`flex gap-2.5 text-body-medium-lighter text-[var(--content-default)]`,children:[(0,c.jsx)(`span`,{"aria-hidden":!0,className:`mt-[0.5em] h-1 w-1 flex-none rounded-full bg-[var(--content-tertiary)]`}),(0,c.jsx)(`span`,{children:e})]},e))})]})}function h({electron:e,showAnalytics:n=!0,showDiagnostics:r=!0,shareAnalytics:i,shareDiagnostics:a,onShareAnalyticsChange:l,onShareDiagnosticsChange:d,className:f,style:m}){let{t:h}=t(`onboarding`);return(0,c.jsxs)(`section`,{className:f,style:m,children:[(0,c.jsx)(`p`,{className:u,children:h(`consentControls.privacyPreferences`)}),(0,c.jsx)(o,{padding:e?`sm`:`md`,className:`w-full`,children:(0,c.jsxs)(`div`,{className:`flex flex-col ${e?`gap-3`:`gap-4`}`,children:[n&&(0,c.jsx)(s,{label:h(`consentControls.analyticsLabel`),helperText:h(`consentControls.analyticsHelp`),checked:i,onChange:l}),n&&r&&(0,c.jsx)(p,{}),r&&(0,c.jsx)(s,{label:h(`consentControls.diagnosticsLabel`),helperText:h(`consentControls.diagnosticsHelp`),checked:a,onChange:d})]})})]})}function g({electron:e,showPrivacy:n=!0,showTos:r=!0,privacyConsent:i,tosAccepted:a,onPrivacyChange:o,onTosChange:s,privacyNotes:l,tosNotes:d,className:p,style:h}){let{t:g}=t(`onboarding`);return(0,c.jsxs)(`section`,{className:p,style:h,children:[(0,c.jsx)(`p`,{className:u,children:g(`consentControls.agreements`)}),(0,c.jsxs)(`div`,{className:`flex flex-col pl-2 ${e?`gap-3.5`:`gap-4`}`,children:[n&&(0,c.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,c.jsx)(m,{notes:l}),(0,c.jsx)(f,{kind:`privacy`,checked:i,onChange:o})]}),r&&(0,c.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,c.jsx)(m,{notes:d}),(0,c.jsx)(f,{kind:`tos`,checked:a,onChange:s})]})]})]})}export{h as n,g as t};

package/dist/assets/{contacts-gateway-5_gPpXAz.js → contacts-gateway-BZ5dqaxm.js}

@@ -1 +1 @@
-import{Ju as e,Xu as t,Yu as n,cy as r,hh as i,sy as a,uy as o}from"./index-DA0GBGXJ.js";async function s(e,n){let{data:i,error:s,response:c}=await t({path:{assistant_id:e},body:n,throwOnError:!1});if(r(c,s,`Failed to save contact`),!c.ok||!i?.contact)throw new a(c.status,o(s,c,`Failed to save contact`));return i.contact}async function c(e,t){let{error:i,response:s}=await n({path:{assistant_id:e,contact_id:t},throwOnError:!1});if(r(s,i,`Failed to delete contact`),!s.ok&&s.status!==204)throw new a(s.status,o(i,s,`Failed to delete contact`))}async function l(t,n){let{error:i,response:s}=await e({path:{assistant_id:t,channel_id:n},throwOnError:!1});if(r(s,i,`Failed to verify channel`),!s.ok)throw new a(s.status,o(i,s,`Failed to verify channel`))}async function u(e,t,n){let r=(await s(e,{id:t.id,displayName:t.displayName,channels:[{type:n.type,address:n.address}]})).channels.find(e=>e.type===n.type&&e.address.toLowerCase()===n.address.toLowerCase());if(!r)throw new a(409,`That account is already linked to another contact.`);if(r.status===`blocked`)throw new a(409,`That account is blocked for this contact. Unblock it before linking.`);await l(e,r.id)}async function d(e,t){let{data:n,error:s,response:c}=await i.post({url:`/v1/assistants/{assistant_id}/a2a/invites/redeem/`,path:{assistant_id:e},body:{sender_assistant_id:t.senderAssistantId,token:t.token},headers:{"Content-Type":`application/json`},throwOnError:!1});if(r(c,s,`Failed to redeem A2A invite`),!c.ok)throw new a(c.status,o(s,c,`Failed to redeem A2A invite`));return{success:n?.success??!0,alreadyConnected:n?.already_connected,error:n?.error,errorCode:n?.error_code}}export{l as a,s as i,u as n,d as r,c as t};
+import{Ju as e,Xu as t,Yu as n,cy as r,hh as i,sy as a,uy as o}from"./index-BGc71lz7.js";async function s(e,n){let{data:i,error:s,response:c}=await t({path:{assistant_id:e},body:n,throwOnError:!1});if(r(c,s,`Failed to save contact`),!c.ok||!i?.contact)throw new a(c.status,o(s,c,`Failed to save contact`));return i.contact}async function c(e,t){let{error:i,response:s}=await n({path:{assistant_id:e,contact_id:t},throwOnError:!1});if(r(s,i,`Failed to delete contact`),!s.ok&&s.status!==204)throw new a(s.status,o(i,s,`Failed to delete contact`))}async function l(t,n){let{error:i,response:s}=await e({path:{assistant_id:t,channel_id:n},throwOnError:!1});if(r(s,i,`Failed to verify channel`),!s.ok)throw new a(s.status,o(i,s,`Failed to verify channel`))}async function u(e,t,n){let r=(await s(e,{id:t.id,displayName:t.displayName,channels:[{type:n.type,address:n.address}]})).channels.find(e=>e.type===n.type&&e.address.toLowerCase()===n.address.toLowerCase());if(!r)throw new a(409,`That account is already linked to another contact.`);if(r.status===`blocked`)throw new a(409,`That account is blocked for this contact. Unblock it before linking.`);await l(e,r.id)}async function d(e,t){let{data:n,error:s,response:c}=await i.post({url:`/v1/assistants/{assistant_id}/a2a/invites/redeem/`,path:{assistant_id:e},body:{sender_assistant_id:t.senderAssistantId,token:t.token},headers:{"Content-Type":`application/json`},throwOnError:!1});if(r(c,s,`Failed to redeem A2A invite`),!c.ok)throw new a(c.status,o(s,c,`Failed to redeem A2A invite`));return{success:n?.success??!0,alreadyConnected:n?.already_connected,error:n?.error,errorCode:n?.error_code}}export{l as a,s as i,u as n,d as r,c as t};

package/dist/assets/{contacts-page-route-C78XjeBX.js → contacts-page-route-Dwa1SNKh.js}

@@ -1 +1 @@
-import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{I as t,Jn as n,N as r,Zn as i,er as a,j as o}from"./vendor-yoekmcrB.js";import{_ as s,f as c,n as l,r as u,t as d,x as f}from"./react-BJ4PZBJN.js";import{$n as p,Gt as m,Ia as h,It as g,La as _,Ri as v,Tn as y,Xt as b,_t as x,b as S,gt as C,ha as w,qa as T,qn as E,vr as D,zn as O}from"./icons-BjnVKAw1.js";import{t as k}from"./ellipsis-vertical-DqnIbNNJ.js";import{$ as A,By as j,Cd as M,Fs as N,Gy as P,Iy as F,Jy as I,Ky as ee,Of as te,Oh as ne,Pv as re,Sd as ie,Uu as ae,Xs as oe,Yv as se,ab as L,ad as ce,db as R,fb as z,fi as le,gi as ue,hi as B,kf as de,mi as V,nb as H,ub as U,uo as fe,x as pe,xd as me,z as W}from"./index-DA0GBGXJ.js";import{t as G}from"./detail-card-KqTFI_aO.js";import{n as he,r as ge,t as _e}from"./use-side-list-room-DkZxNs0h.js";import{c as K,i as ve,n as ye,r as q,t as be}from"./use-invite-link-dialog-Cji1m5nT.js";import{a as xe,i as Se,n as Ce,t as we}from"./contacts-gateway-5_gPpXAz.js";var Te=T(`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`}]]),Ee=T(`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`}]]),J=e(f(),1),De=new Set([`slack`]);function Oe(e){return e.status===`verified`||e.status===`active`&&e.verifiedAt!=null}function ke(e){switch(e){case`slack`:return`channelType.slack`;case`telegram`:return`channelType.telegram`;case`discord`:return`channelType.discord`;case`whatsapp`:return`channelType.whatsapp`;case`a2a`:return`channelType.a2a`;case`phone`:return`channelType.phone`;case`email`:return`channelType.email`;default:return null}}function Ae(e){let n=ke(e.toLowerCase());return n?t(n,{ns:`contacts`}):e}var je=`New Contact`;function Me(e){return e===je}var Y=d();function Ne({channels:e,pendingChannelKey:t=null,onConnect:n,onDisconnect:r}){let{t:i}=o(`contacts`),[a,s]=(0,J.useState)(null);return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(`div`,{className:`flex flex-col`,children:e.map((e,i)=>(0,Y.jsxs)(`div`,{children:[i>0?(0,Y.jsx)(`div`,{className:`border-t`,style:{borderColor:`var(--border-base)`}}):null,(0,Y.jsx)(Pe,{channel:e,pending:t===e.key,onConnect:n?()=>n(e.key):void 0,onDisconnect:r&&e.canDisconnect?()=>s(e.key):void 0})]},e.key))}),(0,Y.jsx)(P,{open:a!==null,title:i(`assistantContactChannels.disconnectConfirmTitle`,{channel:a?B(a):``}),message:i(`assistantContactChannels.disconnectConfirmMessage`),confirmLabel:i(`actions.disconnect`),destructive:!0,onConfirm:()=>{a&&r&&r(a),s(null)},onCancel:()=>s(null)})]})}function Pe({channel:e,pending:t,onConnect:n,onDisconnect:r}){let{t:i}=o(`contacts`),a=e.configured,{Icon:s,label:c}=ue(e.health);return(0,Y.jsxs)(`div`,{className:`flex items-center gap-3 py-4`,children:[(0,Y.jsx)(le,{channelId:e.key,className:`h-4 w-4 shrink-0 text-[color:var(--content-secondary)]`}),(0,Y.jsx)(`span`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:B(e.key)}),a&&e.address?(0,Y.jsx)(`span`,{className:`truncate text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:e.address}):null,(0,Y.jsx)(`div`,{className:`ml-auto flex shrink-0 items-center gap-2`,children:a?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.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,Y.jsx)(s,{className:`h-3 w-3`}),c]}),r?(0,Y.jsx)(z,{variant:`danger`,onClick:r,disabled:t,children:i(t?`actions.disconnecting`:`actions.disconnect`)}):(0,Y.jsx)(z,{variant:`outlined`,asChild:!0,children:(0,Y.jsx)(l,{to:`${se.channels}?setup=${e.key}`,children:i(`actions.manage`)})})]}):n?(0,Y.jsx)(z,{variant:`outlined`,onClick:n,disabled:t,children:i(`actions.connect`)}):null})]})}function X({role:e,contactType:t}){let{label:n,tone:r}=Z(e,t);return(0,Y.jsx)(L,{tone:r,children:n})}function Z(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 Fe({assistantName:e,...t}){let{t:n}=o(`contacts`),r=fe(e);return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,Y.jsx)(G,{title:n(`assistantChannelsDetail.title`,{name:r}),accessory:(0,Y.jsx)(X,{role:`assistant`}),compactAccessory:!0}),(0,Y.jsx)(G,{title:n(`assistantChannelsDetail.channelsTitle`),subtitle:n(`assistantChannelsDetail.channelsSubtitle`,{name:r}),children:(0,Y.jsx)(Ne,{...t})})]})}var Ie=new Set([`telegram`,`phone`,`vellum`,`whatsapp`,`slack`,`email`,`platform`,`a2a`]);function Q(e){return Ie.has(e)}function Le(e){return typeof e.source==`string`&&e.source.startsWith(`plugin:`)}function Re(e){return e.supportsVerification||Le(e)}function ze(e){return!!e?.address?.trim()}function Be(e,t){return e.id===`a2a`?t&&t.status!==`revoked`?{kind:`connected`}:{kind:`setup`}:t!=null&&Oe(t)?{kind:`verified`}:t?.status===`blocked`?{kind:`none`}:t&&t.status!==`revoked`||Le(e)?{kind:`unverified`}:{kind:`setup`}}function Ve(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||Q(e.type)&&(r.push({id:e.type,source:`default`,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 $({channelId:e,name:t,className:n,style:r}){let i=V(e);if(i)return(0,J.createElement)(i,{size:16,className:n,style:r});switch(t){case`bot`:return(0,Y.jsx)(w,{className:n,style:r});case`hash`:return(0,Y.jsx)(D,{className:n,style:r});case`send`:return(0,Y.jsx)(C,{className:n,style:r});case`phone`:return(0,Y.jsx)(m,{className:n,style:r});case`mail`:return(0,Y.jsx)(O,{className:n,style:r});case`message-square`:return(0,Y.jsx)(y,{className:n,style:r});default:return(0,Y.jsx)(Te,{className:n,style:r})}}function He({contactChannels:e,availableChannels:t,channelsLoadFailed:n,a2aEnabled:r,setupLabel:i,verifyLoading:a,verifySubject:s=`self`,onSetupChannel:c,onVerifyChannel:l,onRevokeChannel:u,onLinkAccount:d}){let{t:f}=o(`contacts`),[p,m]=(0,J.useState)(null),[h,g]=(0,J.useState)(null),_=new Map;for(let t of e)t.status!==`revoked`&&(_.has(t.type)||_.set(t.type,t));let v=e=>{p&&(l?.(p.info.id,e),m(null))},y=Ve(t,e,r);return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(`div`,{className:`flex flex-col`,children:[n&&(0,Y.jsx)(`div`,{className:`px-1 py-2 text-sm`,style:{color:`var(--content-secondary)`},role:`status`,children:f(`contactChannelsSection.loadFailed`)}),y.map((e,t)=>{let n=_.get(e.id);return(0,Y.jsxs)(`div`,{children:[t>0&&(0,Y.jsx)(`div`,{className:`border-t`,style:{borderColor:`var(--border-base)`}}),(0,Y.jsx)(Ue,{info:e,existing:n,setupLabel:i??f(`contactChannelsSection.setupDefault`),verifyLoading:a,onSetup:c?()=>c(e.id):void 0,onVerify:l&&Re(e)?()=>m({info:e,existing:n}):void 0,onRevoke:u&&n?()=>g({channelId:n.id,channel:e}):void 0,onLinkAccount:d&&De.has(e.id)?()=>d(e.id):void 0})]},e.id)})]}),p?(0,Y.jsx)(We,{info:p.info,existing:p.existing,verifySubject:s,onConfirm:v,onCancel:()=>m(null)}):null,h&&(0,Y.jsx)(P,{open:!0,title:f(`contactChannelsSection.revokeConfirmTitle`,{channel:h.channel.label}),message:f(`contactChannelsSection.revokeConfirmMessage`),confirmLabel:f(`actions.revoke`),destructive:!0,onConfirm:()=>{u?.(h.channelId,h.channel.id),g(null)},onCancel:()=>g(null)})]})}function Ue({info:e,existing:t,setupLabel:n,verifyLoading:r,onSetup:i,onVerify:a,onRevoke:s,onLinkAccount:c}){let{t:l}=o(`contacts`),u=Be(e,t);return(0,Y.jsxs)(`div`,{className:`flex items-center gap-3 py-4`,children:[(0,Y.jsx)($,{channelId:e.id,name:e.icon,className:`h-4 w-4 shrink-0`,style:{color:`var(--content-secondary)`}}),(0,Y.jsx)(`span`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:e.label}),t?.address?(0,Y.jsx)(`span`,{className:`truncate text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:t.address}):null,(0,Y.jsx)(`div`,{className:`ml-auto flex shrink-0 items-center gap-2`,children:u.kind===`connected`?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.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,Y.jsx)(v,{className:`h-3 w-3`}),l(`channelStatus.connected`)]}),s?(0,Y.jsx)(z,{variant:`danger`,onClick:s,children:l(`actions.revoke`)}):null]}):u.kind===`verified`?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.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,Y.jsx)(v,{className:`h-3 w-3`}),l(`channelStatus.verified`)]}),s?(0,Y.jsx)(z,{variant:`danger`,onClick:s,children:l(`actions.revoke`)}):null]}):u.kind===`unverified`?(0,Y.jsx)(z,{variant:`outlined`,onClick:a,disabled:!a||r,children:l(r?`actions.verifying`:`actions.verify`)}):u.kind===`setup`?e.id===`a2a`?null:(0,Y.jsxs)(Y.Fragment,{children:[c?(0,Y.jsxs)(z,{onClick:c,children:[(0,Y.jsx)(p,{className:`h-3.5 w-3.5`}),l(`contactChannelsSection.linkAccount`)]}):null,(0,Y.jsx)(z,{variant:`outlined`,onClick:i,disabled:!i,children:n})]}):null})]})}function We({info:e,existing:t,verifySubject:n,onConfirm:r,onCancel:i}){let{t:a}=o(`contacts`),[s,c]=(0,J.useState)(t?.address?.trim()??``),l=(0,J.useRef)(null),u=(0,J.useId)(),d=s.trim();return ze(t)?(0,Y.jsx)(P,{open:!0,title:a(`contactChannelsSection.verifyConfirmTitle`,{channel:e.label}),message:a(n===`contact`?`contactChannelsSection.verifyConfirmMessageContact`:`contactChannelsSection.verifyConfirmMessageGuardian`,{channel:e.label}),confirmLabel:a(`actions.verify`),onConfirm:()=>{r()},onCancel:i}):(0,Y.jsx)(I.Root,{open:!0,onOpenChange:e=>{e||i()},children:(0,Y.jsx)(I.Content,{size:`sm`,hideCloseButton:!0,onOpenAutoFocus:e=>{e.preventDefault(),l.current?.focus()},onEscapeKeyDown:e=>{e.preventDefault(),e.stopPropagation(),i()},children:(0,Y.jsxs)(`form`,{className:`flex flex-col`,onSubmit:e=>{e.preventDefault(),d.length!==0&&r(d)},children:[(0,Y.jsx)(I.Header,{children:(0,Y.jsx)(I.Title,{children:a(`contactChannelsSection.verifyConfirmTitle`,{channel:e.label})})}),(0,Y.jsxs)(I.Body,{className:`flex flex-col gap-3`,children:[(0,Y.jsx)(I.Description,{children:a(n===`contact`?`contactChannelsSection.verifyAddressMessageContact`:`contactChannelsSection.verifyAddressMessageGuardian`,{channel:e.label})}),(0,Y.jsx)(H,{ref:l,id:u,label:a(`contactChannelsSection.verifyAddressLabel`),type:`text`,value:s,onChange:e=>{c(e.target.value)},placeholder:a(`contactChannelsSection.verifyAddressPlaceholder`),autoComplete:`off`,spellCheck:!1,fullWidth:!0})]}),(0,Y.jsxs)(I.Footer,{children:[(0,Y.jsx)(z,{variant:`outlined`,type:`button`,onClick:i,children:a(`actions.cancel`)}),(0,Y.jsx)(z,{type:`submit`,disabled:d.length===0,children:a(`actions.verify`)})]})]})})})}function Ge(e){return e===`none`||e===`low`||e===`medium`||e===`high`}function Ke(e,t){switch(t){case`none`:return e(`contactPermissions.preset.none`);case`low`:return e(`contactPermissions.preset.low`);case`medium`:return e(`contactPermissions.preset.medium`);case`high`:return e(`contactPermissions.preset.high`)}}function qe(e,t){if(t===null)return e(`contactPermissions.inheritDescription`);switch(t){case`none`:return e(`contactPermissions.description.none`);case`low`:return e(`contactPermissions.description.low`);case`medium`:return e(`contactPermissions.description.medium`);case`high`:return e(`contactPermissions.description.high`)}}function Je(e){return e.role!==`guardian`&&e.contactType!==`assistant`}function Ye({contact:e,pending:t,onAutoApproveThresholdChange:n}){let{t:r}=o(`contacts`),i=Ge(e.autoApproveThreshold)?e.autoApproveThreshold:null,a=i===null?null:W.find(e=>e.riskThreshold===i);return(0,Y.jsx)(G,{title:r(`contactPermissions.title`),subtitle:r(`contactPermissions.subtitle`),children:(0,Y.jsxs)(`div`,{className:`flex flex-col gap-2`,"data-testid":`contact-permissions`,children:[(0,Y.jsx)(`div`,{style:{maxWidth:280},children:(0,Y.jsx)(F,{value:a?.id??null,placeholder:r(`contactPermissions.inheritLabel`),disabled:t,onSelectNone:()=>{n(null)},onChange:e=>{let t=W.find(t=>t.id===e);t&&n(t.riskThreshold)},options:[{value:null,label:r(`contactPermissions.inheritLabel`)},...W.map(e=>{let t=e.icon;return{value:e.id,label:Ke(r,e.riskThreshold),icon:(0,Y.jsx)(t,{className:`h-3.5 w-3.5`})}})]})}),(0,Y.jsx)(`p`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:qe(r,i)})]})})}function Xe(e){return(0,Y.jsx)(Ze,{...e},e.contact.id)}function Ze({contact:e,savePending:t,deletePending:n,verifyPending:r,mergePending:i=!1,canMerge:a=!1,availableChannels:s,channelsLoadFailed:c,a2aEnabled:l,onSave:u,onDelete:d,onMerge:f,onSetupChannel:p,onVerifyChannel:m,onRevokeChannel:h,onLinkAccount:g,pendingAutoApproveThreshold:_,onAutoApproveThresholdChange:v}){let{t:y}=o(`contacts`),b=Me(e.displayName),[x,S]=(0,J.useState)(b?``:e.displayName),[C,w]=(0,J.useState)(e.notes??``),[T,E]=(0,J.useState)(!1),D=x.trim(),O=C.trim(),k=b?``:e.displayName,A=e.notes??``,j=D!==k||O!==A,M=D.length>0&&j&&!t&&!n,N=b&&e.channels.length===0&&e.interactionCount===0,F=D||(b?y(`contact.draftName`):e.displayName),I=y(`contact.interactions`,{count:e.interactionCount});return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,Y.jsx)(G,{title:F,accessory:(0,Y.jsx)(X,{role:e.role,contactType:e.contactType}),compactAccessory:!0,subtitle:I,children:(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,Y.jsx)(H,{label:y(`contact.nameLabel`),type:`text`,value:x,onChange:e=>S(e.target.value),placeholder:y(`contactDetailView.namePlaceholder`),autoFocus:b,disabled:t||n,fullWidth:!0}),(0,Y.jsx)(H,{label:y(`contact.notesLabel`),type:`text`,value:C,onChange:e=>w(e.target.value),placeholder:y(`contactDetailView.notesPlaceholder`),disabled:t||n,fullWidth:!0}),(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,Y.jsx)(z,{type:`button`,onClick:()=>u({displayName:D,notes:O}),disabled:!M,children:y(t?`actions.saving`:`actions.save`)}),f?(0,Y.jsx)(z,{type:`button`,variant:`outlined`,onClick:f,disabled:!a||N||j||i||t||n,title:a?N?y(`contactDetailView.mergeBlockedUnsavedDraft`):j?y(`contact.mergeBlockedUnsaved`):void 0:y(`contact.mergeBlockedNoCandidates`),children:y(i?`actions.merging`:`actions.merge`)}):null,(0,Y.jsx)(z,{type:`button`,variant:`danger`,onClick:()=>{N?d():E(!0)},disabled:n,children:y(n?`actions.deleting`:`contactDetailView.delete`)})]})]})}),(0,Y.jsx)(G,{title:y(`contactDetailView.linkedAccountsTitle`),subtitle:y(`contactDetailView.linkedAccountsSubtitle`),children:(0,Y.jsx)(He,{contactChannels:e.channels,availableChannels:s,channelsLoadFailed:c,a2aEnabled:l,verifyLoading:r,verifySubject:`contact`,onSetupChannel:p,onVerifyChannel:m,onRevokeChannel:h,onLinkAccount:g})}),Je(e)&&v?(0,Y.jsx)(Ye,{contact:e,pending:_,onAutoApproveThresholdChange:v}):null,(0,Y.jsx)(P,{open:T,title:y(`contactDetailView.deleteConfirmTitle`,{name:F}),message:y(`contactDetailView.deleteConfirmMessage`),confirmLabel:y(`actions.delete`),destructive:!0,onConfirm:()=>{E(!1),d()},onCancel:()=>E(!1)})]})}function Qe(e){return(0,Y.jsx)($e,{...e},`${e.survivor.id}:${e.open?`open`:`closed`}`)}function $e({open:e,survivor:t,candidates:n,pending:r,errorMessage:i,onMerge:a,onClose:s}){let{t:c}=o(`contacts`),[l,u]=(0,J.useState)(``),[d,f]=(0,J.useState)(null);(0,J.useEffect)(()=>{d&&!n.some(e=>e.id===d)&&f(null)},[n,d]);let p=(0,J.useMemo)(()=>{let e=l.trim().toLowerCase();return e?n.filter(t=>t.displayName.toLowerCase().includes(e)):n},[n,l]),m=d?n.find(e=>e.id===d)??null:null,h=it(t);return(0,Y.jsx)(I.Root,{open:e,onOpenChange:e=>{!e&&!r&&s()},children:(0,Y.jsxs)(I.Content,{size:`md`,children:[(0,Y.jsxs)(I.Header,{icon:Ee,children:[(0,Y.jsx)(I.Title,{children:m?c(`contactMergeDialog.titlePicked`,{donor:m.displayName,survivor:h}):c(`contactMergeDialog.titlePicking`,{survivor:h})}),(0,Y.jsx)(I.Description,{children:c(m?`contactMergeDialog.descriptionPicked`:`contactMergeDialog.descriptionPicking`)})]}),(0,Y.jsxs)(I.Body,{className:`flex flex-col gap-3`,children:[m?(0,Y.jsx)(nt,{survivor:t,donor:m}):n.length===0?(0,Y.jsx)(rt,{}):(0,Y.jsx)(et,{search:l,onSearch:u,candidates:p,onPick:f}),i?(0,Y.jsx)(R,{as:`p`,variant:`body-small-default`,className:`text-(--system-negative-strong)`,role:`alert`,children:i}):null]}),(0,Y.jsx)(I.Footer,{children:m?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(z,{variant:`outlined`,onClick:()=>f(null),disabled:r,leftIcon:(0,Y.jsx)(_,{"aria-hidden":!0}),children:c(`actions.back`)}),(0,Y.jsx)(z,{variant:`danger`,onClick:()=>a(m.id),disabled:r,children:c(r?`actions.merging`:`contactMergeDialog.confirm`)})]}):(0,Y.jsx)(z,{variant:`outlined`,onClick:s,disabled:r,children:c(`actions.cancel`)})})]})})}function et({search:e,onSearch:t,candidates:n,onPick:r}){let{t:i}=o(`contacts`);return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(H,{type:`text`,value:e,onChange:e=>t(e.target.value),placeholder:i(`contactMergeDialog.searchPlaceholder`),leftIcon:(0,Y.jsx)(x,{className:`h-3.5 w-3.5`,"aria-hidden":!0}),fullWidth:!0}),(0,Y.jsx)(`div`,{className:`flex max-h-[320px] min-h-[120px] flex-col gap-1 overflow-y-auto`,role:`listbox`,"aria-label":i(`contactMergeDialog.listAriaLabel`),children:n.length===0?(0,Y.jsx)(R,{as:`p`,variant:`body-small-default`,className:`px-3 py-4 text-center text-(--content-tertiary)`,children:i(`contactsList.noMatches`)}):n.map(e=>(0,Y.jsx)(tt,{contact:e,onPick:()=>r(e.id)},e.id))})]})}function tt({contact:e,onPick:t}){let n=ot(e).join(` | `)||void 0;return(0,Y.jsx)(j,{asChild:!0,children:(0,Y.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,Y.jsxs)(`span`,{className:`flex min-w-0 flex-1 flex-col`,children:[(0,Y.jsx)(`span`,{className:`truncate text-body-medium-default`,children:e.displayName}),n?(0,Y.jsx)(`span`,{className:`truncate text-body-small-default text-(--content-tertiary)`,children:n}):null]})})})}function nt({survivor:e,donor:t}){let{t:n}=o(`contacts`),i=it(e),{moved:a,duplicates:s}=at(e,t);return(0,Y.jsxs)(`ul`,{className:`flex flex-col gap-2 text-body-medium-lighter text-(--content-secondary)`,children:[(0,Y.jsx)(`li`,{children:(0,Y.jsx)(r,{i18nKey:`contactMergeDialog.donorDeleted`,ns:`contacts`,values:{donor:t.displayName},components:{donor:(0,Y.jsx)(`span`,{className:`text-(--content-default)`})}})}),(0,Y.jsx)(`li`,{children:n(`contactMergeDialog.channelsMoved`,{count:a.length,survivor:i,channels:a.map(e=>Ae(e.type)).join(`, `)})}),s.length>0?(0,Y.jsx)(`li`,{className:`text-(--content-tertiary)`,children:n(`contactMergeDialog.duplicatesSkipped`,{count:s.length,survivor:i})}):null,t.notes?(0,Y.jsx)(`li`,{children:n(`contactMergeDialog.notesAppended`)}):null,(0,Y.jsx)(`li`,{className:`text-(--content-tertiary)`,children:n(`contactMergeDialog.irreversible`)})]})}function rt(){let{t:e}=o(`contacts`);return(0,Y.jsx)(R,{as:`p`,variant:`body-medium-lighter`,className:`px-3 py-6 text-center text-(--content-tertiary)`,children:e(`contactMergeDialog.empty`)})}function it(e){return e.role===`guardian`?!e.displayName||e.displayName.startsWith(`vellum-principal-`)?t(`survivorName.you`,{ns:`contacts`}):t(`survivorName.youNamed`,{ns:`contacts`,name:e.displayName}):e.displayName||t(`survivorName.thisContact`,{ns:`contacts`})}function at(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 ot(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(Ae(e)))}return n}function st({loading:e,guardian:t,assistantName:n,regularContacts:r,selection:i,onSelect:a,onAddContact:s,addingContact:c=!1,search:l,onSearchChange:u}){let{t:d}=o(`contacts`),f=l.trim()?r.filter(e=>e.displayName.toLowerCase().includes(l.trim().toLowerCase())):r;return(0,Y.jsx)(U.Root,{className:`flex h-full flex-col overflow-hidden`,children:(0,Y.jsxs)(U.Body,{className:`flex min-h-0 min-w-0 flex-1 flex-col gap-4`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,Y.jsx)(`h2`,{className:`text-title-medium`,style:{color:`var(--content-default)`},children:d(`contactsList.heading`)}),(0,Y.jsx)(z,{type:`button`,variant:`ghost`,iconOnly:c?(0,Y.jsx)(E,{className:`animate-spin`,"aria-hidden":!0}):(0,Y.jsx)(g,{"aria-hidden":!0}),onClick:s,disabled:c,"aria-label":d(`contactsList.addAriaLabel`),tintColor:`var(--content-secondary)`})]}),(0,Y.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[t?(0,Y.jsx)(ct,{name:t.displayName?d(`contactsList.youNamed`,{name:t.displayName}):d(`contactsList.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,Y.jsx)(ct,{name:n?.trim()||d(`contactsList.assistantFallback`),role:`assistant`,selected:i?.kind===`assistant`,onClick:()=>a({kind:`assistant`}),trailingIcon:`more`})]}),(0,Y.jsx)(`div`,{className:`border-t`,style:{borderColor:`var(--border-base)`}}),r.length>0?(0,Y.jsx)(H,{type:`text`,value:l,onChange:e=>u(e.target.value),placeholder:d(`contactsList.searchPlaceholder`),leftIcon:(0,Y.jsx)(x,{className:`h-3.5 w-3.5`,"aria-hidden":!0}),fullWidth:!0}):null,r.length>0?(0,Y.jsxs)(`div`,{className:`min-h-0 flex-1 overflow-y-auto flex flex-col gap-1`,children:[f.map(e=>(0,Y.jsx)(ct,{name:e.displayName,role:e.role,contactType:e.contactType,channelTypes:e.channelTypes,verified:e.verified,selected:i?.kind===`contact`&&i.contactId===e.id,onClick:()=>a({kind:`contact`,contactId:e.id}),trailingIcon:`more`},e.id)),f.length===0?(0,Y.jsx)(`p`,{className:`px-3 py-4 text-center text-body-small-default`,style:{color:`var(--content-tertiary)`},children:d(`contactsList.noMatches`)}):null]}):e?null:(0,Y.jsx)(z,{type:`button`,variant:`ghost`,onClick:s,disabled:c,tintColor:`var(--primary-base)`,leftIcon:c?(0,Y.jsx)(E,{className:`animate-spin`,"aria-hidden":!0}):(0,Y.jsx)(S,{"aria-hidden":!0}),children:d(`contactsList.add`)})]})})}function ct({name:e,role:t,contactType:n,channelTypes:r,selected:i,onClick:a,trailingIcon:s,verified:c}){let{t:l}=o(`contacts`),u=r&&r.length>0?r.join(` | `):void 0,d=s===`pencil`?(0,Y.jsx)(b,{className:`h-3.5 w-3.5 text-[color:var(--content-tertiary)]`,"aria-hidden":!0}):s===`more`?(0,Y.jsx)(k,{className:`h-3.5 w-3.5 text-[color:var(--content-tertiary)]`,"aria-hidden":!0}):void 0;return(0,Y.jsx)(j,{asChild:!0,active:i,children:(0,Y.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,Y.jsxs)(`span`,{className:`flex min-w-0 flex-1 flex-col`,children:[(0,Y.jsx)(`span`,{className:`truncate text-body-medium-default`,children:e}),u?(0,Y.jsx)(`span`,{className:`truncate text-body-small-default`,style:{color:`var(--content-tertiary)`},children:u}):null]}),(0,Y.jsxs)(`span`,{className:`flex shrink-0 items-center gap-1`,children:[c===void 0?null:(0,Y.jsx)(L,{tone:c?`positive`:`neutral`,children:l(c?`contactsList.verified`:`contactsList.unverified`)}),(0,Y.jsx)(X,{role:t,contactType:n}),d]})]})})}function lt(e){return(0,Y.jsx)(ut,{...e},e.contact.id)}function ut({contact:e,savePending:t,verifyPending:n,mergePending:r=!1,canMerge:i=!1,availableChannels:a,channelsLoadFailed:s,a2aEnabled:c,onSave:l,onMerge:u,onSetupChannel:d,onVerifyChannel:f,onRevokeChannel:p,onGenerateInviteLink:m}){let{t:h}=o(`contacts`),g=e.displayName.startsWith(`vellum-principal-`),_=g?``:e.displayName,[v,y]=(0,J.useState)(_),[b,x]=(0,J.useState)(e.notes??``),S=v.trim(),C=b.trim(),w=S!==_.trim()||C!==(e.notes??``).trim(),T=w&&!t,E=h(`contact.interactions`,{count:e.interactionCount});return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,Y.jsx)(G,{title:g?h(`contactsList.you`):h(`contactsList.youNamed`,{name:e.displayName}),accessory:(0,Y.jsx)(X,{role:`guardian`}),compactAccessory:!0,subtitle:E,children:(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,Y.jsx)(H,{label:h(`contact.nameLabel`),type:`text`,value:v,onChange:e=>y(e.target.value),placeholder:h(`guardianDetailView.namePlaceholder`),disabled:t,fullWidth:!0}),(0,Y.jsx)(H,{label:h(`contact.notesLabel`),type:`text`,value:b,onChange:e=>x(e.target.value),placeholder:h(`guardianDetailView.notesPlaceholder`),disabled:t,fullWidth:!0}),(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,Y.jsx)(z,{variant:`primary`,onClick:()=>l({displayName:S||e.displayName,notes:C}),disabled:!T,children:h(t?`actions.saving`:`actions.save`)}),u?(0,Y.jsx)(z,{variant:`outlined`,onClick:u,disabled:!i||w||r||t,title:i?w?h(`contact.mergeBlockedUnsaved`):void 0:h(`contact.mergeBlockedNoCandidates`),children:h(r?`actions.merging`:`actions.merge`)}):null]})]})}),(0,Y.jsx)(G,{title:h(`guardianDetailView.channelsTitle`),subtitle:h(`guardianDetailView.channelsSubtitle`),children:(0,Y.jsx)(He,{contactChannels:e.channels,availableChannels:a,channelsLoadFailed:s,a2aEnabled:c,setupLabel:h(`guardianDetailView.setupLabel`),verifyLoading:n,onSetupChannel:d,onVerifyChannel:f,onRevokeChannel:p})}),m?(0,Y.jsx)(q,{onClick:m}):null]})}function dt(e,t){let n=t.trim().toLowerCase().replace(/^@/,``);return n===``?e:e.filter(e=>e.displayName.toLowerCase().includes(n)||e.username.toLowerCase().includes(n))}function ft(e){let t=e.trim().split(/\s+/).filter(Boolean);return`${t[0]?.[0]??`?`}${t.length>1?t[t.length-1]?.[0]??``:``}`.toUpperCase()}function pt({open:e,channelLabel:t,contactName:n,accounts:i,loading:a,errorMessage:s,pendingAccountId:c,onPick:l,onClose:u,onInviteInstead:d}){let{t:f}=o(`contacts`),[p,m]=(0,J.useState)(``);(0,J.useEffect)(()=>{e&&m(``)},[e]);let g=(0,J.useMemo)(()=>dt(i??[],p),[i,p]),_=c!=null;return(0,Y.jsx)(I.Root,{open:e,onOpenChange:e=>!e&&u(),children:(0,Y.jsxs)(I.Content,{size:`sm`,children:[(0,Y.jsxs)(I.Header,{children:[(0,Y.jsx)(I.Title,{children:f(`linkAccountDialog.title`,{channel:t})}),(0,Y.jsx)(I.Description,{children:(0,Y.jsx)(r,{i18nKey:`linkAccountDialog.description`,ns:`contacts`,values:{channel:t,name:n},components:{contact:(0,Y.jsx)(`span`,{className:`text-[color:var(--content-default)]`})}})})]}),(0,Y.jsxs)(I.Body,{className:`flex flex-col gap-3`,children:[(0,Y.jsx)(H,{type:`search`,value:p,onChange:e=>m(e.target.value),placeholder:f(`linkAccountDialog.searchPlaceholder`),"aria-label":f(`linkAccountDialog.searchAriaLabel`,{channel:t}),leftIcon:(0,Y.jsx)(x,{className:`h-4 w-4`}),fullWidth:!0}),s?(0,Y.jsx)(`p`,{className:`text-body-small-default text-[color:var(--content-negative)]`,children:s}):null,(0,Y.jsx)(`div`,{className:`max-h-80 overflow-y-auto`,children:a?(0,Y.jsx)(`p`,{className:`py-4 text-center text-body-small-default text-[color:var(--content-tertiary)]`,children:f(`linkAccountDialog.loading`)}):g.length===0?(0,Y.jsx)(`p`,{className:`py-4 text-center text-body-small-default text-[color:var(--content-tertiary)]`,children:(i?.length??0)===0?f(`linkAccountDialog.noMembers`):f(`linkAccountDialog.noMatches`)}):(0,Y.jsx)(`ul`,{className:`flex flex-col`,children:g.map(e=>(0,Y.jsx)(`li`,{children:(0,Y.jsxs)(`button`,{type:`button`,onClick:()=>l(e),disabled:_,className:`flex w-full cursor-pointer items-center gap-3 rounded-md px-2 py-2 text-left transition-colors hover:bg-[var(--surface-overlay)] disabled:cursor-not-allowed disabled:opacity-60`,children:[e.imageUrl?(0,Y.jsx)(`img`,{src:e.imageUrl,alt:``,className:`h-8 w-8 shrink-0 rounded-full`}):(0,Y.jsx)(`span`,{"aria-hidden":`true`,className:`flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[var(--tag-bg-neutral)] text-body-small-emphasised text-[color:var(--content-secondary)]`,children:ft(e.displayName)}),(0,Y.jsxs)(`span`,{className:`flex min-w-0 flex-col`,children:[(0,Y.jsx)(`span`,{className:`truncate text-body-medium-default text-[color:var(--content-default)]`,children:e.displayName}),(0,Y.jsxs)(`span`,{className:`truncate text-body-small-default text-[color:var(--content-tertiary)]`,children:[`@`,e.username]})]}),c===e.id?(0,Y.jsx)(`span`,{className:`ml-auto shrink-0 text-body-small-default text-[color:var(--content-tertiary)]`,children:f(`linkAccountDialog.linking`)}):null]})},e.id))})})]}),(0,Y.jsxs)(I.Footer,{className:`items-center justify-between gap-3 border-t border-[var(--border-base)]`,children:[(0,Y.jsx)(`p`,{className:`text-body-small-default text-[color:var(--content-tertiary)]`,children:(0,Y.jsx)(r,{i18nKey:`linkAccountDialog.guardianLinkNote`,ns:`contacts`,components:{emphasis:(0,Y.jsx)(`span`,{className:`text-[color:var(--content-secondary)]`})}})}),d?(0,Y.jsxs)(z,{variant:`link`,className:`shrink-0`,onClick:d,disabled:_,children:[f(`linkAccountDialog.inviteInstead`),(0,Y.jsx)(h,{className:`h-3.5 w-3.5`})]}):null]})]})})}function mt({assistantId:e,channelType:r,contact:i,onLinked:a}){let[o,s]=(0,J.useState)(!1),c=n({mutationFn:t=>Ce(e,t.contact,{type:r,address:t.account.id}),onSuccess:(e,n)=>{s(!1),ee.success(t(`accountLink.linked`,{ns:`contacts`,username:n.account.username})),a()}}),l=(0,J.useCallback)(()=>{c.reset(),s(!0)},[c]),u=(0,J.useCallback)(()=>{c.isPending||(c.reset(),s(!1))},[c]),d=(0,J.useCallback)(e=>{!i||c.isPending||c.mutate({contact:i,account:e})},[i,c]);return{channelType:r,dialogOpen:o,open:l,close:u,linkErrorMessage:c.error instanceof Error?c.error.message:c.error?t(`accountLink.linkFailed`,{ns:`contacts`}):null,pendingAccountId:c.isPending?c.variables.account.id:null,pick:d}}var ht=[{id:`slack`,source:`default`,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`,source:`default`,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`,source:`default`,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?`}}],gt=[];function _t({assistantId:e,onStartSetupConversation:t}){let{t:r}=o(`contacts`),c=ae.use.a2aChannel(),l=re.use.name(),d=a(),[f]=s(),p=f.get(`setup`),m=p&&oe(p)?p:null,[h,g]=(0,J.useState)({kind:`assistant`}),_=be(e),{paneRef:v,hasRoomForList:y,drawerOpen:b,openDrawer:x,closeDrawer:S}=_e(),[C,w]=(0,J.useState)(``),[T,E]=(0,J.useState)(!1),D=fe(l),O=(0,J.useMemo)(()=>({path:{assistant_id:e}}),[e]),k=ie(O),A=i({...me(O),enabled:!!e,select:e=>e.contacts}),j=ye({assistantId:e,onStartSetupConversation:t}),N=i({...ce({path:{assistant_id:e}}),enabled:!!e,queryFn:async({signal:t})=>{let{data:n,error:r,response:i}=await ne({path:{assistant_id:e},signal:t,throwOnError:!1});if(i?.status===404)return{channels:ht};if(!i||!i.ok)throw r??Error(`Failed to fetch channel availability`);return n},select:e=>e.channels}),P=N.data??gt,F=N.isError,I=A.data,L=(0,J.useMemo)(()=>I?.find(e=>e.role===`guardian`)??null,[I]),R=(0,J.useMemo)(()=>I?.filter(e=>e.role!==`guardian`)??[],[I]),z=(0,J.useMemo)(()=>h.kind===`contact`?I?.find(e=>e.id===h.contactId)??null:null,[I,h]),le=(0,J.useMemo)(()=>!I||!z?[]:I.filter(e=>e.id!==z.id&&e.role!==`guardian`),[I,z]),ue=le.length>0,B=(0,J.useRef)(!!m);(0,J.useEffect)(()=>{B.current||L&&(B.current=!0,g({kind:`contact`,contactId:L.id}))},[L]);let V=(0,J.useCallback)(()=>d.invalidateQueries({queryKey:k}),[d,k]),H=n({mutationFn:()=>Se(e,{displayName:je}),onMutate:async()=>{await d.cancelQueries({queryKey:k})},onSuccess:e=>{M(d,O,t=>t?{...t,contacts:[...t.contacts,e]}:void 0),g({kind:`contact`,contactId:e.id})},onError:K(r(`contactsPage.createFailed`)),onSettled:()=>V()}),U=n({mutationFn:t=>we(e,t),onSuccess:(e,t)=>{M(d,O,e=>e?{...e,contacts:e.contacts.filter(e=>e.id!==t)}:void 0),g({kind:`assistant`})},onError:K(r(`contactsPage.deleteFailed`)),onSettled:()=>V()}),W=n({mutationFn:({contactId:t,patch:n})=>Se(e,{id:t,displayName:n.displayName,notes:n.notes}),onSuccess:e=>{M(d,O,t=>t?{...t,contacts:t.contacts.map(t=>t.id===e.id?e:t)}:void 0)},onError:K(r(`contactsPage.saveFailed`)),onSettled:()=>V()}),G=n({mutationFn:({contactId:t,displayName:n,autoApproveThreshold:r})=>Se(e,{id:t,displayName:n,autoApproveThreshold:r}),onSuccess:e=>{M(d,O,t=>t?{...t,contacts:t.contacts.map(t=>t.id===e.id?e:t)}:void 0)},onError:K(r(`contactPermissions.saveFailed`)),onSettled:()=>V()}),q=de({onMutate:async()=>{await d.cancelQueries({queryKey:k})},onSuccess:(e,t)=>{let n=e.contact,i=t.body.mergeId;n&&(M(d,O,e=>e?{...e,contacts:e.contacts.filter(e=>e.id!==i).map(e=>e.id===n.id?n:e)}:void 0),g({kind:`contact`,contactId:n.id})),E(!1),ee.success(r(`contactsPage.mergeSucceeded`))},onSettled:()=>V()}),Te=(0,J.useCallback)(e=>{g(e),S(),E(!1),q.reset()},[S,q]),Ee=(0,J.useCallback)(()=>{q.reset(),E(!0)},[q]),De=(0,J.useCallback)(()=>{q.isPending||(E(!1),q.reset())},[q]),Oe=te({onSuccess:()=>V()}),ke=(0,J.useCallback)((t,n)=>{Oe.mutate({path:{assistant_id:e,contactChannelId:t},body:{status:`revoked`}})},[Oe,e]),Me=(0,J.useCallback)(()=>{H.isPending||H.mutate()},[H]),Ne=(0,J.useCallback)(e=>{if(!t)return;let n=P.find(t=>t.id===e);if(!n||Le(n))return;let r=n.setupMessages.contact;r&&t(r)},[P,t]),Pe=(0,J.useCallback)(e=>{if(!t)return;let n=P.find(t=>t.id===e);if(!n||Le(n))return;let r=n.setupMessages.guardian;r&&t(r)},[P,t]),X=n({mutationFn:t=>xe(e,t.channelId),onSuccess:()=>V(),onError:K(r(`contactsPage.verifyFailed`))}),Z=n({mutationFn:t=>{if(!z)throw Error(`No contact selected`);return Ce(e,{id:z.id,displayName:z.displayName},{type:t.type,address:t.address})},onSuccess:()=>V(),onError:K(r(`contactsPage.verifyFailed`))}),Ie=(0,J.useCallback)((e,t)=>{if(!z)return;let n=t?.trim();if(n){Z.mutate({type:e,address:n});return}let r=z.channels.find(t=>t.type===e&&t.status!==`revoked`);r?.address?.trim()&&X.mutate({channelId:r.id})},[z,Z,X]),Q=mt({assistantId:e,channelType:`slack`,contact:z?{id:z.id,displayName:z.displayName}:null,onLinked:V}),Re=i({...pe(e),enabled:!!e&&Q.dialogOpen,select:e=>e.users}),ze=j.channels.some(e=>e.key===`slack`&&e.configured),Be=(0,J.useCallback)(e=>{e===Q.channelType&&Q.open()},[Q]),Ve=U.isPending?U.variables:null,$=(0,J.useMemo)(()=>{if(!z)return null;let e=z;return W.isPending&&W.variables?.contactId===z.id&&(e={...e,displayName:W.variables.patch.displayName,notes:W.variables.patch.notes}),G.isPending&&G.variables?.contactId===z.id&&(e={...e,autoApproveThreshold:G.variables.autoApproveThreshold}),e},[z,W.isPending,W.variables,G.isPending,G.variables]);if(m)return(0,Y.jsx)(u,{to:`${se.channels}?setup=${m}`,replace:!0});let He={loading:A.isLoading,assistantName:D,guardian:L?{id:L.id,displayName:L.displayName.startsWith(`vellum-principal-`)?``:L.displayName,role:L.role,channelTypes:bt(L.channels,c)}:null,regularContacts:R.filter(e=>e.id!==Ve).map(e=>({id:e.id,displayName:e.displayName,role:e.role,contactType:e.contactType,channelTypes:bt(e.channels,c),verified:yt(e.channels)})),selection:h,onAddContact:Me,addingContact:H.isPending,search:C,onSearchChange:w};return(0,Y.jsxs)(`div`,{ref:v,className:`flex min-h-0 flex-1 overflow-hidden ${y?`flex-row gap-6`:`flex-col gap-4`}`,children:[y?(0,Y.jsx)(`aside`,{className:`min-h-0 w-[320px] shrink-0 overflow-y-auto self-stretch`,children:(0,Y.jsx)(st,{...He,onSelect:Te})}):(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(`div`,{className:`flex items-center`,children:(0,Y.jsx)(ge,{onClick:x})}),(0,Y.jsx)(he,{open:b,onClose:S,title:r(`contactsPage.title`),children:(0,Y.jsx)(st,{...He,onSelect:Te})})]}),(0,Y.jsx)(`section`,{className:`min-h-0 min-w-0 flex-1 overflow-y-auto`,children:h.kind===`assistant`||h.kind===`contact`&&h.contactId===Ve?(0,Y.jsx)(Fe,{assistantName:D,channels:j.channels,pendingChannelKey:j.pendingChannelKey,onConnect:j.onSetup,onDisconnect:j.onDisconnect}):$?$.role===`guardian`?(0,Y.jsx)(lt,{contact:$,savePending:W.isPending,verifyPending:X.isPending||Z.isPending,mergePending:q.isPending,canMerge:ue,availableChannels:P,channelsLoadFailed:F,a2aEnabled:c,onSave:e=>{W.mutate({contactId:$.id,patch:e})},onMerge:Ee,onSetupChannel:t?Pe:void 0,onVerifyChannel:Ie,onRevokeChannel:ke,onGenerateInviteLink:c?_.open:void 0}):(0,Y.jsx)(Xe,{contact:$,savePending:W.isPending,deletePending:U.isPending,verifyPending:X.isPending||Z.isPending,mergePending:q.isPending,canMerge:ue,availableChannels:P,channelsLoadFailed:F,a2aEnabled:c,onSave:e=>{W.mutate({contactId:$.id,patch:e})},onDelete:()=>{U.mutate($.id)},onMerge:Ee,onSetupChannel:t?Ne:void 0,onVerifyChannel:Ie,onRevokeChannel:ke,onLinkAccount:ze?Be:void 0,pendingAutoApproveThreshold:G.isPending,onAutoApproveThresholdChange:e=>{G.mutate({contactId:$.id,displayName:$.displayName,autoApproveThreshold:e})}}):(0,Y.jsx)(vt,{})}),z?(0,Y.jsx)(Qe,{open:T,survivor:z,candidates:le,pending:q.isPending,errorMessage:q.error instanceof Error?q.error.message:q.error?r(`contactsPage.mergeFailed`):null,onMerge:t=>q.mutate({path:{assistant_id:e},body:{keepId:z.id,mergeId:t}}),onClose:De}):null,(0,Y.jsx)(pt,{open:Q.dialogOpen,channelLabel:Ae(`slack`),contactName:z?.displayName??``,accounts:Re.data,loading:Re.isLoading,errorMessage:Re.isError?r(`contactsPage.rosterLoadFailed`):Q.linkErrorMessage,pendingAccountId:Q.pendingAccountId,onPick:Q.pick,onClose:Q.close,onInviteInstead:t?()=>{Q.close(),Ne(Q.channelType)}:void 0}),(0,Y.jsx)(ve,{open:_.isOpen,assistantId:e,onClose:_.close})]})}function vt(){let{t:e}=o(`contacts`);return(0,Y.jsx)(`div`,{className:`flex h-full items-center justify-center py-16`,children:(0,Y.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:e(`contactsPage.emptyBody`)})})}function yt(e){return e.some(e=>e.status!==`revoked`&&(e.type===`a2a`||Oe(e)))}function bt(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(Ae(e)))}return r}function xt(){let e=c(),t=A();return(0,Y.jsx)(_t,{assistantId:t,onStartSetupConversation:t=>{N(e,{prompt:t})}},t)}export{xt as ContactsPageRoute};
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{I as t,Jn as n,N as r,Zn as i,er as a,j as o}from"./vendor-yoekmcrB.js";import{_ as s,f as c,n as l,r as u,t as d,x as f}from"./react-BJ4PZBJN.js";import{$n as p,Gt as m,Ia as h,It as g,La as _,Ri as v,Tn as y,Xt as b,_t as x,b as S,gt as C,ha as w,qa as T,qn as E,vr as D,zn as O}from"./icons-BjnVKAw1.js";import{t as k}from"./ellipsis-vertical-DqnIbNNJ.js";import{$ as A,By as j,Cd as M,Fs as N,Gy as P,Iy as F,Jy as I,Ky as ee,Of as te,Oh as ne,Pv as re,Sd as ie,Uu as ae,Xs as oe,Yv as se,ab as L,ad as ce,db as R,fb as z,fi as le,gi as ue,hi as B,kf as de,mi as V,nb as H,ub as U,uo as fe,x as pe,xd as me,z as W}from"./index-BGc71lz7.js";import{t as G}from"./detail-card-Eweuo5tS.js";import{n as he,r as ge,t as _e}from"./use-side-list-room-uFC4K56E.js";import{c as K,i as ve,n as ye,r as q,t as be}from"./use-invite-link-dialog-CYXgHF94.js";import{a as xe,i as Se,n as Ce,t as we}from"./contacts-gateway-BZ5dqaxm.js";var Te=T(`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`}]]),Ee=T(`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`}]]),J=e(f(),1),De=new Set([`slack`]);function Oe(e){return e.status===`verified`||e.status===`active`&&e.verifiedAt!=null}function ke(e){switch(e){case`slack`:return`channelType.slack`;case`telegram`:return`channelType.telegram`;case`discord`:return`channelType.discord`;case`whatsapp`:return`channelType.whatsapp`;case`a2a`:return`channelType.a2a`;case`phone`:return`channelType.phone`;case`email`:return`channelType.email`;default:return null}}function Ae(e){let n=ke(e.toLowerCase());return n?t(n,{ns:`contacts`}):e}var je=`New Contact`;function Me(e){return e===je}var Y=d();function Ne({channels:e,pendingChannelKey:t=null,onConnect:n,onDisconnect:r}){let{t:i}=o(`contacts`),[a,s]=(0,J.useState)(null);return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(`div`,{className:`flex flex-col`,children:e.map((e,i)=>(0,Y.jsxs)(`div`,{children:[i>0?(0,Y.jsx)(`div`,{className:`border-t`,style:{borderColor:`var(--border-base)`}}):null,(0,Y.jsx)(Pe,{channel:e,pending:t===e.key,onConnect:n?()=>n(e.key):void 0,onDisconnect:r&&e.canDisconnect?()=>s(e.key):void 0})]},e.key))}),(0,Y.jsx)(P,{open:a!==null,title:i(`assistantContactChannels.disconnectConfirmTitle`,{channel:a?B(a):``}),message:i(`assistantContactChannels.disconnectConfirmMessage`),confirmLabel:i(`actions.disconnect`),destructive:!0,onConfirm:()=>{a&&r&&r(a),s(null)},onCancel:()=>s(null)})]})}function Pe({channel:e,pending:t,onConnect:n,onDisconnect:r}){let{t:i}=o(`contacts`),a=e.configured,{Icon:s,label:c}=ue(e.health);return(0,Y.jsxs)(`div`,{className:`flex items-center gap-3 py-4`,children:[(0,Y.jsx)(le,{channelId:e.key,className:`h-4 w-4 shrink-0 text-[color:var(--content-secondary)]`}),(0,Y.jsx)(`span`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:B(e.key)}),a&&e.address?(0,Y.jsx)(`span`,{className:`truncate text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:e.address}):null,(0,Y.jsx)(`div`,{className:`ml-auto flex shrink-0 items-center gap-2`,children:a?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.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,Y.jsx)(s,{className:`h-3 w-3`}),c]}),r?(0,Y.jsx)(z,{variant:`danger`,onClick:r,disabled:t,children:i(t?`actions.disconnecting`:`actions.disconnect`)}):(0,Y.jsx)(z,{variant:`outlined`,asChild:!0,children:(0,Y.jsx)(l,{to:`${se.channels}?setup=${e.key}`,children:i(`actions.manage`)})})]}):n?(0,Y.jsx)(z,{variant:`outlined`,onClick:n,disabled:t,children:i(`actions.connect`)}):null})]})}function X({role:e,contactType:t}){let{label:n,tone:r}=Z(e,t);return(0,Y.jsx)(L,{tone:r,children:n})}function Z(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 Fe({assistantName:e,...t}){let{t:n}=o(`contacts`),r=fe(e);return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,Y.jsx)(G,{title:n(`assistantChannelsDetail.title`,{name:r}),accessory:(0,Y.jsx)(X,{role:`assistant`}),compactAccessory:!0}),(0,Y.jsx)(G,{title:n(`assistantChannelsDetail.channelsTitle`),subtitle:n(`assistantChannelsDetail.channelsSubtitle`,{name:r}),children:(0,Y.jsx)(Ne,{...t})})]})}var Ie=new Set([`telegram`,`phone`,`vellum`,`whatsapp`,`slack`,`email`,`platform`,`a2a`]);function Q(e){return Ie.has(e)}function Le(e){return typeof e.source==`string`&&e.source.startsWith(`plugin:`)}function Re(e){return e.supportsVerification||Le(e)}function ze(e){return!!e?.address?.trim()}function Be(e,t){return e.id===`a2a`?t&&t.status!==`revoked`?{kind:`connected`}:{kind:`setup`}:t!=null&&Oe(t)?{kind:`verified`}:t?.status===`blocked`?{kind:`none`}:t&&t.status!==`revoked`||Le(e)?{kind:`unverified`}:{kind:`setup`}}function Ve(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||Q(e.type)&&(r.push({id:e.type,source:`default`,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 $({channelId:e,name:t,className:n,style:r}){let i=V(e);if(i)return(0,J.createElement)(i,{size:16,className:n,style:r});switch(t){case`bot`:return(0,Y.jsx)(w,{className:n,style:r});case`hash`:return(0,Y.jsx)(D,{className:n,style:r});case`send`:return(0,Y.jsx)(C,{className:n,style:r});case`phone`:return(0,Y.jsx)(m,{className:n,style:r});case`mail`:return(0,Y.jsx)(O,{className:n,style:r});case`message-square`:return(0,Y.jsx)(y,{className:n,style:r});default:return(0,Y.jsx)(Te,{className:n,style:r})}}function He({contactChannels:e,availableChannels:t,channelsLoadFailed:n,a2aEnabled:r,setupLabel:i,verifyLoading:a,verifySubject:s=`self`,onSetupChannel:c,onVerifyChannel:l,onRevokeChannel:u,onLinkAccount:d}){let{t:f}=o(`contacts`),[p,m]=(0,J.useState)(null),[h,g]=(0,J.useState)(null),_=new Map;for(let t of e)t.status!==`revoked`&&(_.has(t.type)||_.set(t.type,t));let v=e=>{p&&(l?.(p.info.id,e),m(null))},y=Ve(t,e,r);return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsxs)(`div`,{className:`flex flex-col`,children:[n&&(0,Y.jsx)(`div`,{className:`px-1 py-2 text-sm`,style:{color:`var(--content-secondary)`},role:`status`,children:f(`contactChannelsSection.loadFailed`)}),y.map((e,t)=>{let n=_.get(e.id);return(0,Y.jsxs)(`div`,{children:[t>0&&(0,Y.jsx)(`div`,{className:`border-t`,style:{borderColor:`var(--border-base)`}}),(0,Y.jsx)(Ue,{info:e,existing:n,setupLabel:i??f(`contactChannelsSection.setupDefault`),verifyLoading:a,onSetup:c?()=>c(e.id):void 0,onVerify:l&&Re(e)?()=>m({info:e,existing:n}):void 0,onRevoke:u&&n?()=>g({channelId:n.id,channel:e}):void 0,onLinkAccount:d&&De.has(e.id)?()=>d(e.id):void 0})]},e.id)})]}),p?(0,Y.jsx)(We,{info:p.info,existing:p.existing,verifySubject:s,onConfirm:v,onCancel:()=>m(null)}):null,h&&(0,Y.jsx)(P,{open:!0,title:f(`contactChannelsSection.revokeConfirmTitle`,{channel:h.channel.label}),message:f(`contactChannelsSection.revokeConfirmMessage`),confirmLabel:f(`actions.revoke`),destructive:!0,onConfirm:()=>{u?.(h.channelId,h.channel.id),g(null)},onCancel:()=>g(null)})]})}function Ue({info:e,existing:t,setupLabel:n,verifyLoading:r,onSetup:i,onVerify:a,onRevoke:s,onLinkAccount:c}){let{t:l}=o(`contacts`),u=Be(e,t);return(0,Y.jsxs)(`div`,{className:`flex items-center gap-3 py-4`,children:[(0,Y.jsx)($,{channelId:e.id,name:e.icon,className:`h-4 w-4 shrink-0`,style:{color:`var(--content-secondary)`}}),(0,Y.jsx)(`span`,{className:`text-body-medium-default`,style:{color:`var(--content-default)`},children:e.label}),t?.address?(0,Y.jsx)(`span`,{className:`truncate text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:t.address}):null,(0,Y.jsx)(`div`,{className:`ml-auto flex shrink-0 items-center gap-2`,children:u.kind===`connected`?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.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,Y.jsx)(v,{className:`h-3 w-3`}),l(`channelStatus.connected`)]}),s?(0,Y.jsx)(z,{variant:`danger`,onClick:s,children:l(`actions.revoke`)}):null]}):u.kind===`verified`?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.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,Y.jsx)(v,{className:`h-3 w-3`}),l(`channelStatus.verified`)]}),s?(0,Y.jsx)(z,{variant:`danger`,onClick:s,children:l(`actions.revoke`)}):null]}):u.kind===`unverified`?(0,Y.jsx)(z,{variant:`outlined`,onClick:a,disabled:!a||r,children:l(r?`actions.verifying`:`actions.verify`)}):u.kind===`setup`?e.id===`a2a`?null:(0,Y.jsxs)(Y.Fragment,{children:[c?(0,Y.jsxs)(z,{onClick:c,children:[(0,Y.jsx)(p,{className:`h-3.5 w-3.5`}),l(`contactChannelsSection.linkAccount`)]}):null,(0,Y.jsx)(z,{variant:`outlined`,onClick:i,disabled:!i,children:n})]}):null})]})}function We({info:e,existing:t,verifySubject:n,onConfirm:r,onCancel:i}){let{t:a}=o(`contacts`),[s,c]=(0,J.useState)(t?.address?.trim()??``),l=(0,J.useRef)(null),u=(0,J.useId)(),d=s.trim();return ze(t)?(0,Y.jsx)(P,{open:!0,title:a(`contactChannelsSection.verifyConfirmTitle`,{channel:e.label}),message:a(n===`contact`?`contactChannelsSection.verifyConfirmMessageContact`:`contactChannelsSection.verifyConfirmMessageGuardian`,{channel:e.label}),confirmLabel:a(`actions.verify`),onConfirm:()=>{r()},onCancel:i}):(0,Y.jsx)(I.Root,{open:!0,onOpenChange:e=>{e||i()},children:(0,Y.jsx)(I.Content,{size:`sm`,hideCloseButton:!0,onOpenAutoFocus:e=>{e.preventDefault(),l.current?.focus()},onEscapeKeyDown:e=>{e.preventDefault(),e.stopPropagation(),i()},children:(0,Y.jsxs)(`form`,{className:`flex flex-col`,onSubmit:e=>{e.preventDefault(),d.length!==0&&r(d)},children:[(0,Y.jsx)(I.Header,{children:(0,Y.jsx)(I.Title,{children:a(`contactChannelsSection.verifyConfirmTitle`,{channel:e.label})})}),(0,Y.jsxs)(I.Body,{className:`flex flex-col gap-3`,children:[(0,Y.jsx)(I.Description,{children:a(n===`contact`?`contactChannelsSection.verifyAddressMessageContact`:`contactChannelsSection.verifyAddressMessageGuardian`,{channel:e.label})}),(0,Y.jsx)(H,{ref:l,id:u,label:a(`contactChannelsSection.verifyAddressLabel`),type:`text`,value:s,onChange:e=>{c(e.target.value)},placeholder:a(`contactChannelsSection.verifyAddressPlaceholder`),autoComplete:`off`,spellCheck:!1,fullWidth:!0})]}),(0,Y.jsxs)(I.Footer,{children:[(0,Y.jsx)(z,{variant:`outlined`,type:`button`,onClick:i,children:a(`actions.cancel`)}),(0,Y.jsx)(z,{type:`submit`,disabled:d.length===0,children:a(`actions.verify`)})]})]})})})}function Ge(e){return e===`none`||e===`low`||e===`medium`||e===`high`}function Ke(e,t){switch(t){case`none`:return e(`contactPermissions.preset.none`);case`low`:return e(`contactPermissions.preset.low`);case`medium`:return e(`contactPermissions.preset.medium`);case`high`:return e(`contactPermissions.preset.high`)}}function qe(e,t){if(t===null)return e(`contactPermissions.inheritDescription`);switch(t){case`none`:return e(`contactPermissions.description.none`);case`low`:return e(`contactPermissions.description.low`);case`medium`:return e(`contactPermissions.description.medium`);case`high`:return e(`contactPermissions.description.high`)}}function Je(e){return e.role!==`guardian`&&e.contactType!==`assistant`}function Ye({contact:e,pending:t,onAutoApproveThresholdChange:n}){let{t:r}=o(`contacts`),i=Ge(e.autoApproveThreshold)?e.autoApproveThreshold:null,a=i===null?null:W.find(e=>e.riskThreshold===i);return(0,Y.jsx)(G,{title:r(`contactPermissions.title`),subtitle:r(`contactPermissions.subtitle`),children:(0,Y.jsxs)(`div`,{className:`flex flex-col gap-2`,"data-testid":`contact-permissions`,children:[(0,Y.jsx)(`div`,{style:{maxWidth:280},children:(0,Y.jsx)(F,{value:a?.id??null,placeholder:r(`contactPermissions.inheritLabel`),disabled:t,onSelectNone:()=>{n(null)},onChange:e=>{let t=W.find(t=>t.id===e);t&&n(t.riskThreshold)},options:[{value:null,label:r(`contactPermissions.inheritLabel`)},...W.map(e=>{let t=e.icon;return{value:e.id,label:Ke(r,e.riskThreshold),icon:(0,Y.jsx)(t,{className:`h-3.5 w-3.5`})}})]})}),(0,Y.jsx)(`p`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:qe(r,i)})]})})}function Xe(e){return(0,Y.jsx)(Ze,{...e},e.contact.id)}function Ze({contact:e,savePending:t,deletePending:n,verifyPending:r,mergePending:i=!1,canMerge:a=!1,availableChannels:s,channelsLoadFailed:c,a2aEnabled:l,onSave:u,onDelete:d,onMerge:f,onSetupChannel:p,onVerifyChannel:m,onRevokeChannel:h,onLinkAccount:g,pendingAutoApproveThreshold:_,onAutoApproveThresholdChange:v}){let{t:y}=o(`contacts`),b=Me(e.displayName),[x,S]=(0,J.useState)(b?``:e.displayName),[C,w]=(0,J.useState)(e.notes??``),[T,E]=(0,J.useState)(!1),D=x.trim(),O=C.trim(),k=b?``:e.displayName,A=e.notes??``,j=D!==k||O!==A,M=D.length>0&&j&&!t&&!n,N=b&&e.channels.length===0&&e.interactionCount===0,F=D||(b?y(`contact.draftName`):e.displayName),I=y(`contact.interactions`,{count:e.interactionCount});return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,Y.jsx)(G,{title:F,accessory:(0,Y.jsx)(X,{role:e.role,contactType:e.contactType}),compactAccessory:!0,subtitle:I,children:(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,Y.jsx)(H,{label:y(`contact.nameLabel`),type:`text`,value:x,onChange:e=>S(e.target.value),placeholder:y(`contactDetailView.namePlaceholder`),autoFocus:b,disabled:t||n,fullWidth:!0}),(0,Y.jsx)(H,{label:y(`contact.notesLabel`),type:`text`,value:C,onChange:e=>w(e.target.value),placeholder:y(`contactDetailView.notesPlaceholder`),disabled:t||n,fullWidth:!0}),(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,Y.jsx)(z,{type:`button`,onClick:()=>u({displayName:D,notes:O}),disabled:!M,children:y(t?`actions.saving`:`actions.save`)}),f?(0,Y.jsx)(z,{type:`button`,variant:`outlined`,onClick:f,disabled:!a||N||j||i||t||n,title:a?N?y(`contactDetailView.mergeBlockedUnsavedDraft`):j?y(`contact.mergeBlockedUnsaved`):void 0:y(`contact.mergeBlockedNoCandidates`),children:y(i?`actions.merging`:`actions.merge`)}):null,(0,Y.jsx)(z,{type:`button`,variant:`danger`,onClick:()=>{N?d():E(!0)},disabled:n,children:y(n?`actions.deleting`:`contactDetailView.delete`)})]})]})}),(0,Y.jsx)(G,{title:y(`contactDetailView.linkedAccountsTitle`),subtitle:y(`contactDetailView.linkedAccountsSubtitle`),children:(0,Y.jsx)(He,{contactChannels:e.channels,availableChannels:s,channelsLoadFailed:c,a2aEnabled:l,verifyLoading:r,verifySubject:`contact`,onSetupChannel:p,onVerifyChannel:m,onRevokeChannel:h,onLinkAccount:g})}),Je(e)&&v?(0,Y.jsx)(Ye,{contact:e,pending:_,onAutoApproveThresholdChange:v}):null,(0,Y.jsx)(P,{open:T,title:y(`contactDetailView.deleteConfirmTitle`,{name:F}),message:y(`contactDetailView.deleteConfirmMessage`),confirmLabel:y(`actions.delete`),destructive:!0,onConfirm:()=>{E(!1),d()},onCancel:()=>E(!1)})]})}function Qe(e){return(0,Y.jsx)($e,{...e},`${e.survivor.id}:${e.open?`open`:`closed`}`)}function $e({open:e,survivor:t,candidates:n,pending:r,errorMessage:i,onMerge:a,onClose:s}){let{t:c}=o(`contacts`),[l,u]=(0,J.useState)(``),[d,f]=(0,J.useState)(null);(0,J.useEffect)(()=>{d&&!n.some(e=>e.id===d)&&f(null)},[n,d]);let p=(0,J.useMemo)(()=>{let e=l.trim().toLowerCase();return e?n.filter(t=>t.displayName.toLowerCase().includes(e)):n},[n,l]),m=d?n.find(e=>e.id===d)??null:null,h=it(t);return(0,Y.jsx)(I.Root,{open:e,onOpenChange:e=>{!e&&!r&&s()},children:(0,Y.jsxs)(I.Content,{size:`md`,children:[(0,Y.jsxs)(I.Header,{icon:Ee,children:[(0,Y.jsx)(I.Title,{children:m?c(`contactMergeDialog.titlePicked`,{donor:m.displayName,survivor:h}):c(`contactMergeDialog.titlePicking`,{survivor:h})}),(0,Y.jsx)(I.Description,{children:c(m?`contactMergeDialog.descriptionPicked`:`contactMergeDialog.descriptionPicking`)})]}),(0,Y.jsxs)(I.Body,{className:`flex flex-col gap-3`,children:[m?(0,Y.jsx)(nt,{survivor:t,donor:m}):n.length===0?(0,Y.jsx)(rt,{}):(0,Y.jsx)(et,{search:l,onSearch:u,candidates:p,onPick:f}),i?(0,Y.jsx)(R,{as:`p`,variant:`body-small-default`,className:`text-(--system-negative-strong)`,role:`alert`,children:i}):null]}),(0,Y.jsx)(I.Footer,{children:m?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(z,{variant:`outlined`,onClick:()=>f(null),disabled:r,leftIcon:(0,Y.jsx)(_,{"aria-hidden":!0}),children:c(`actions.back`)}),(0,Y.jsx)(z,{variant:`danger`,onClick:()=>a(m.id),disabled:r,children:c(r?`actions.merging`:`contactMergeDialog.confirm`)})]}):(0,Y.jsx)(z,{variant:`outlined`,onClick:s,disabled:r,children:c(`actions.cancel`)})})]})})}function et({search:e,onSearch:t,candidates:n,onPick:r}){let{t:i}=o(`contacts`);return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(H,{type:`text`,value:e,onChange:e=>t(e.target.value),placeholder:i(`contactMergeDialog.searchPlaceholder`),leftIcon:(0,Y.jsx)(x,{className:`h-3.5 w-3.5`,"aria-hidden":!0}),fullWidth:!0}),(0,Y.jsx)(`div`,{className:`flex max-h-[320px] min-h-[120px] flex-col gap-1 overflow-y-auto`,role:`listbox`,"aria-label":i(`contactMergeDialog.listAriaLabel`),children:n.length===0?(0,Y.jsx)(R,{as:`p`,variant:`body-small-default`,className:`px-3 py-4 text-center text-(--content-tertiary)`,children:i(`contactsList.noMatches`)}):n.map(e=>(0,Y.jsx)(tt,{contact:e,onPick:()=>r(e.id)},e.id))})]})}function tt({contact:e,onPick:t}){let n=ot(e).join(` | `)||void 0;return(0,Y.jsx)(j,{asChild:!0,children:(0,Y.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,Y.jsxs)(`span`,{className:`flex min-w-0 flex-1 flex-col`,children:[(0,Y.jsx)(`span`,{className:`truncate text-body-medium-default`,children:e.displayName}),n?(0,Y.jsx)(`span`,{className:`truncate text-body-small-default text-(--content-tertiary)`,children:n}):null]})})})}function nt({survivor:e,donor:t}){let{t:n}=o(`contacts`),i=it(e),{moved:a,duplicates:s}=at(e,t);return(0,Y.jsxs)(`ul`,{className:`flex flex-col gap-2 text-body-medium-lighter text-(--content-secondary)`,children:[(0,Y.jsx)(`li`,{children:(0,Y.jsx)(r,{i18nKey:`contactMergeDialog.donorDeleted`,ns:`contacts`,values:{donor:t.displayName},components:{donor:(0,Y.jsx)(`span`,{className:`text-(--content-default)`})}})}),(0,Y.jsx)(`li`,{children:n(`contactMergeDialog.channelsMoved`,{count:a.length,survivor:i,channels:a.map(e=>Ae(e.type)).join(`, `)})}),s.length>0?(0,Y.jsx)(`li`,{className:`text-(--content-tertiary)`,children:n(`contactMergeDialog.duplicatesSkipped`,{count:s.length,survivor:i})}):null,t.notes?(0,Y.jsx)(`li`,{children:n(`contactMergeDialog.notesAppended`)}):null,(0,Y.jsx)(`li`,{className:`text-(--content-tertiary)`,children:n(`contactMergeDialog.irreversible`)})]})}function rt(){let{t:e}=o(`contacts`);return(0,Y.jsx)(R,{as:`p`,variant:`body-medium-lighter`,className:`px-3 py-6 text-center text-(--content-tertiary)`,children:e(`contactMergeDialog.empty`)})}function it(e){return e.role===`guardian`?!e.displayName||e.displayName.startsWith(`vellum-principal-`)?t(`survivorName.you`,{ns:`contacts`}):t(`survivorName.youNamed`,{ns:`contacts`,name:e.displayName}):e.displayName||t(`survivorName.thisContact`,{ns:`contacts`})}function at(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 ot(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(Ae(e)))}return n}function st({loading:e,guardian:t,assistantName:n,regularContacts:r,selection:i,onSelect:a,onAddContact:s,addingContact:c=!1,search:l,onSearchChange:u}){let{t:d}=o(`contacts`),f=l.trim()?r.filter(e=>e.displayName.toLowerCase().includes(l.trim().toLowerCase())):r;return(0,Y.jsx)(U.Root,{className:`flex h-full flex-col overflow-hidden`,children:(0,Y.jsxs)(U.Body,{className:`flex min-h-0 min-w-0 flex-1 flex-col gap-4`,children:[(0,Y.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,Y.jsx)(`h2`,{className:`text-title-medium`,style:{color:`var(--content-default)`},children:d(`contactsList.heading`)}),(0,Y.jsx)(z,{type:`button`,variant:`ghost`,iconOnly:c?(0,Y.jsx)(E,{className:`animate-spin`,"aria-hidden":!0}):(0,Y.jsx)(g,{"aria-hidden":!0}),onClick:s,disabled:c,"aria-label":d(`contactsList.addAriaLabel`),tintColor:`var(--content-secondary)`})]}),(0,Y.jsxs)(`div`,{className:`flex flex-col gap-1`,children:[t?(0,Y.jsx)(ct,{name:t.displayName?d(`contactsList.youNamed`,{name:t.displayName}):d(`contactsList.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,Y.jsx)(ct,{name:n?.trim()||d(`contactsList.assistantFallback`),role:`assistant`,selected:i?.kind===`assistant`,onClick:()=>a({kind:`assistant`}),trailingIcon:`more`})]}),(0,Y.jsx)(`div`,{className:`border-t`,style:{borderColor:`var(--border-base)`}}),r.length>0?(0,Y.jsx)(H,{type:`text`,value:l,onChange:e=>u(e.target.value),placeholder:d(`contactsList.searchPlaceholder`),leftIcon:(0,Y.jsx)(x,{className:`h-3.5 w-3.5`,"aria-hidden":!0}),fullWidth:!0}):null,r.length>0?(0,Y.jsxs)(`div`,{className:`min-h-0 flex-1 overflow-y-auto flex flex-col gap-1`,children:[f.map(e=>(0,Y.jsx)(ct,{name:e.displayName,role:e.role,contactType:e.contactType,channelTypes:e.channelTypes,verified:e.verified,selected:i?.kind===`contact`&&i.contactId===e.id,onClick:()=>a({kind:`contact`,contactId:e.id}),trailingIcon:`more`},e.id)),f.length===0?(0,Y.jsx)(`p`,{className:`px-3 py-4 text-center text-body-small-default`,style:{color:`var(--content-tertiary)`},children:d(`contactsList.noMatches`)}):null]}):e?null:(0,Y.jsx)(z,{type:`button`,variant:`ghost`,onClick:s,disabled:c,tintColor:`var(--primary-base)`,leftIcon:c?(0,Y.jsx)(E,{className:`animate-spin`,"aria-hidden":!0}):(0,Y.jsx)(S,{"aria-hidden":!0}),children:d(`contactsList.add`)})]})})}function ct({name:e,role:t,contactType:n,channelTypes:r,selected:i,onClick:a,trailingIcon:s,verified:c}){let{t:l}=o(`contacts`),u=r&&r.length>0?r.join(` | `):void 0,d=s===`pencil`?(0,Y.jsx)(b,{className:`h-3.5 w-3.5 text-[color:var(--content-tertiary)]`,"aria-hidden":!0}):s===`more`?(0,Y.jsx)(k,{className:`h-3.5 w-3.5 text-[color:var(--content-tertiary)]`,"aria-hidden":!0}):void 0;return(0,Y.jsx)(j,{asChild:!0,active:i,children:(0,Y.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,Y.jsxs)(`span`,{className:`flex min-w-0 flex-1 flex-col`,children:[(0,Y.jsx)(`span`,{className:`truncate text-body-medium-default`,children:e}),u?(0,Y.jsx)(`span`,{className:`truncate text-body-small-default`,style:{color:`var(--content-tertiary)`},children:u}):null]}),(0,Y.jsxs)(`span`,{className:`flex shrink-0 items-center gap-1`,children:[c===void 0?null:(0,Y.jsx)(L,{tone:c?`positive`:`neutral`,children:l(c?`contactsList.verified`:`contactsList.unverified`)}),(0,Y.jsx)(X,{role:t,contactType:n}),d]})]})})}function lt(e){return(0,Y.jsx)(ut,{...e},e.contact.id)}function ut({contact:e,savePending:t,verifyPending:n,mergePending:r=!1,canMerge:i=!1,availableChannels:a,channelsLoadFailed:s,a2aEnabled:c,onSave:l,onMerge:u,onSetupChannel:d,onVerifyChannel:f,onRevokeChannel:p,onGenerateInviteLink:m}){let{t:h}=o(`contacts`),g=e.displayName.startsWith(`vellum-principal-`),_=g?``:e.displayName,[v,y]=(0,J.useState)(_),[b,x]=(0,J.useState)(e.notes??``),S=v.trim(),C=b.trim(),w=S!==_.trim()||C!==(e.notes??``).trim(),T=w&&!t,E=h(`contact.interactions`,{count:e.interactionCount});return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,Y.jsx)(G,{title:g?h(`contactsList.you`):h(`contactsList.youNamed`,{name:e.displayName}),accessory:(0,Y.jsx)(X,{role:`guardian`}),compactAccessory:!0,subtitle:E,children:(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,Y.jsx)(H,{label:h(`contact.nameLabel`),type:`text`,value:v,onChange:e=>y(e.target.value),placeholder:h(`guardianDetailView.namePlaceholder`),disabled:t,fullWidth:!0}),(0,Y.jsx)(H,{label:h(`contact.notesLabel`),type:`text`,value:b,onChange:e=>x(e.target.value),placeholder:h(`guardianDetailView.notesPlaceholder`),disabled:t,fullWidth:!0}),(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,Y.jsx)(z,{variant:`primary`,onClick:()=>l({displayName:S||e.displayName,notes:C}),disabled:!T,children:h(t?`actions.saving`:`actions.save`)}),u?(0,Y.jsx)(z,{variant:`outlined`,onClick:u,disabled:!i||w||r||t,title:i?w?h(`contact.mergeBlockedUnsaved`):void 0:h(`contact.mergeBlockedNoCandidates`),children:h(r?`actions.merging`:`actions.merge`)}):null]})]})}),(0,Y.jsx)(G,{title:h(`guardianDetailView.channelsTitle`),subtitle:h(`guardianDetailView.channelsSubtitle`),children:(0,Y.jsx)(He,{contactChannels:e.channels,availableChannels:a,channelsLoadFailed:s,a2aEnabled:c,setupLabel:h(`guardianDetailView.setupLabel`),verifyLoading:n,onSetupChannel:d,onVerifyChannel:f,onRevokeChannel:p})}),m?(0,Y.jsx)(q,{onClick:m}):null]})}function dt(e,t){let n=t.trim().toLowerCase().replace(/^@/,``);return n===``?e:e.filter(e=>e.displayName.toLowerCase().includes(n)||e.username.toLowerCase().includes(n))}function ft(e){let t=e.trim().split(/\s+/).filter(Boolean);return`${t[0]?.[0]??`?`}${t.length>1?t[t.length-1]?.[0]??``:``}`.toUpperCase()}function pt({open:e,channelLabel:t,contactName:n,accounts:i,loading:a,errorMessage:s,pendingAccountId:c,onPick:l,onClose:u,onInviteInstead:d}){let{t:f}=o(`contacts`),[p,m]=(0,J.useState)(``);(0,J.useEffect)(()=>{e&&m(``)},[e]);let g=(0,J.useMemo)(()=>dt(i??[],p),[i,p]),_=c!=null;return(0,Y.jsx)(I.Root,{open:e,onOpenChange:e=>!e&&u(),children:(0,Y.jsxs)(I.Content,{size:`sm`,children:[(0,Y.jsxs)(I.Header,{children:[(0,Y.jsx)(I.Title,{children:f(`linkAccountDialog.title`,{channel:t})}),(0,Y.jsx)(I.Description,{children:(0,Y.jsx)(r,{i18nKey:`linkAccountDialog.description`,ns:`contacts`,values:{channel:t,name:n},components:{contact:(0,Y.jsx)(`span`,{className:`text-[color:var(--content-default)]`})}})})]}),(0,Y.jsxs)(I.Body,{className:`flex flex-col gap-3`,children:[(0,Y.jsx)(H,{type:`search`,value:p,onChange:e=>m(e.target.value),placeholder:f(`linkAccountDialog.searchPlaceholder`),"aria-label":f(`linkAccountDialog.searchAriaLabel`,{channel:t}),leftIcon:(0,Y.jsx)(x,{className:`h-4 w-4`}),fullWidth:!0}),s?(0,Y.jsx)(`p`,{className:`text-body-small-default text-[color:var(--content-negative)]`,children:s}):null,(0,Y.jsx)(`div`,{className:`max-h-80 overflow-y-auto`,children:a?(0,Y.jsx)(`p`,{className:`py-4 text-center text-body-small-default text-[color:var(--content-tertiary)]`,children:f(`linkAccountDialog.loading`)}):g.length===0?(0,Y.jsx)(`p`,{className:`py-4 text-center text-body-small-default text-[color:var(--content-tertiary)]`,children:(i?.length??0)===0?f(`linkAccountDialog.noMembers`):f(`linkAccountDialog.noMatches`)}):(0,Y.jsx)(`ul`,{className:`flex flex-col`,children:g.map(e=>(0,Y.jsx)(`li`,{children:(0,Y.jsxs)(`button`,{type:`button`,onClick:()=>l(e),disabled:_,className:`flex w-full cursor-pointer items-center gap-3 rounded-md px-2 py-2 text-left transition-colors hover:bg-[var(--surface-overlay)] disabled:cursor-not-allowed disabled:opacity-60`,children:[e.imageUrl?(0,Y.jsx)(`img`,{src:e.imageUrl,alt:``,className:`h-8 w-8 shrink-0 rounded-full`}):(0,Y.jsx)(`span`,{"aria-hidden":`true`,className:`flex h-8 w-8 shrink-0 items-center justify-center rounded-full bg-[var(--tag-bg-neutral)] text-body-small-emphasised text-[color:var(--content-secondary)]`,children:ft(e.displayName)}),(0,Y.jsxs)(`span`,{className:`flex min-w-0 flex-col`,children:[(0,Y.jsx)(`span`,{className:`truncate text-body-medium-default text-[color:var(--content-default)]`,children:e.displayName}),(0,Y.jsxs)(`span`,{className:`truncate text-body-small-default text-[color:var(--content-tertiary)]`,children:[`@`,e.username]})]}),c===e.id?(0,Y.jsx)(`span`,{className:`ml-auto shrink-0 text-body-small-default text-[color:var(--content-tertiary)]`,children:f(`linkAccountDialog.linking`)}):null]})},e.id))})})]}),(0,Y.jsxs)(I.Footer,{className:`items-center justify-between gap-3 border-t border-[var(--border-base)]`,children:[(0,Y.jsx)(`p`,{className:`text-body-small-default text-[color:var(--content-tertiary)]`,children:(0,Y.jsx)(r,{i18nKey:`linkAccountDialog.guardianLinkNote`,ns:`contacts`,components:{emphasis:(0,Y.jsx)(`span`,{className:`text-[color:var(--content-secondary)]`})}})}),d?(0,Y.jsxs)(z,{variant:`link`,className:`shrink-0`,onClick:d,disabled:_,children:[f(`linkAccountDialog.inviteInstead`),(0,Y.jsx)(h,{className:`h-3.5 w-3.5`})]}):null]})]})})}function mt({assistantId:e,channelType:r,contact:i,onLinked:a}){let[o,s]=(0,J.useState)(!1),c=n({mutationFn:t=>Ce(e,t.contact,{type:r,address:t.account.id}),onSuccess:(e,n)=>{s(!1),ee.success(t(`accountLink.linked`,{ns:`contacts`,username:n.account.username})),a()}}),l=(0,J.useCallback)(()=>{c.reset(),s(!0)},[c]),u=(0,J.useCallback)(()=>{c.isPending||(c.reset(),s(!1))},[c]),d=(0,J.useCallback)(e=>{!i||c.isPending||c.mutate({contact:i,account:e})},[i,c]);return{channelType:r,dialogOpen:o,open:l,close:u,linkErrorMessage:c.error instanceof Error?c.error.message:c.error?t(`accountLink.linkFailed`,{ns:`contacts`}):null,pendingAccountId:c.isPending?c.variables.account.id:null,pick:d}}var ht=[{id:`slack`,source:`default`,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`,source:`default`,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`,source:`default`,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?`}}],gt=[];function _t({assistantId:e,onStartSetupConversation:t}){let{t:r}=o(`contacts`),c=ae.use.a2aChannel(),l=re.use.name(),d=a(),[f]=s(),p=f.get(`setup`),m=p&&oe(p)?p:null,[h,g]=(0,J.useState)({kind:`assistant`}),_=be(e),{paneRef:v,hasRoomForList:y,drawerOpen:b,openDrawer:x,closeDrawer:S}=_e(),[C,w]=(0,J.useState)(``),[T,E]=(0,J.useState)(!1),D=fe(l),O=(0,J.useMemo)(()=>({path:{assistant_id:e}}),[e]),k=ie(O),A=i({...me(O),enabled:!!e,select:e=>e.contacts}),j=ye({assistantId:e,onStartSetupConversation:t}),N=i({...ce({path:{assistant_id:e}}),enabled:!!e,queryFn:async({signal:t})=>{let{data:n,error:r,response:i}=await ne({path:{assistant_id:e},signal:t,throwOnError:!1});if(i?.status===404)return{channels:ht};if(!i||!i.ok)throw r??Error(`Failed to fetch channel availability`);return n},select:e=>e.channels}),P=N.data??gt,F=N.isError,I=A.data,L=(0,J.useMemo)(()=>I?.find(e=>e.role===`guardian`)??null,[I]),R=(0,J.useMemo)(()=>I?.filter(e=>e.role!==`guardian`)??[],[I]),z=(0,J.useMemo)(()=>h.kind===`contact`?I?.find(e=>e.id===h.contactId)??null:null,[I,h]),le=(0,J.useMemo)(()=>!I||!z?[]:I.filter(e=>e.id!==z.id&&e.role!==`guardian`),[I,z]),ue=le.length>0,B=(0,J.useRef)(!!m);(0,J.useEffect)(()=>{B.current||L&&(B.current=!0,g({kind:`contact`,contactId:L.id}))},[L]);let V=(0,J.useCallback)(()=>d.invalidateQueries({queryKey:k}),[d,k]),H=n({mutationFn:()=>Se(e,{displayName:je}),onMutate:async()=>{await d.cancelQueries({queryKey:k})},onSuccess:e=>{M(d,O,t=>t?{...t,contacts:[...t.contacts,e]}:void 0),g({kind:`contact`,contactId:e.id})},onError:K(r(`contactsPage.createFailed`)),onSettled:()=>V()}),U=n({mutationFn:t=>we(e,t),onSuccess:(e,t)=>{M(d,O,e=>e?{...e,contacts:e.contacts.filter(e=>e.id!==t)}:void 0),g({kind:`assistant`})},onError:K(r(`contactsPage.deleteFailed`)),onSettled:()=>V()}),W=n({mutationFn:({contactId:t,patch:n})=>Se(e,{id:t,displayName:n.displayName,notes:n.notes}),onSuccess:e=>{M(d,O,t=>t?{...t,contacts:t.contacts.map(t=>t.id===e.id?e:t)}:void 0)},onError:K(r(`contactsPage.saveFailed`)),onSettled:()=>V()}),G=n({mutationFn:({contactId:t,displayName:n,autoApproveThreshold:r})=>Se(e,{id:t,displayName:n,autoApproveThreshold:r}),onSuccess:e=>{M(d,O,t=>t?{...t,contacts:t.contacts.map(t=>t.id===e.id?e:t)}:void 0)},onError:K(r(`contactPermissions.saveFailed`)),onSettled:()=>V()}),q=de({onMutate:async()=>{await d.cancelQueries({queryKey:k})},onSuccess:(e,t)=>{let n=e.contact,i=t.body.mergeId;n&&(M(d,O,e=>e?{...e,contacts:e.contacts.filter(e=>e.id!==i).map(e=>e.id===n.id?n:e)}:void 0),g({kind:`contact`,contactId:n.id})),E(!1),ee.success(r(`contactsPage.mergeSucceeded`))},onSettled:()=>V()}),Te=(0,J.useCallback)(e=>{g(e),S(),E(!1),q.reset()},[S,q]),Ee=(0,J.useCallback)(()=>{q.reset(),E(!0)},[q]),De=(0,J.useCallback)(()=>{q.isPending||(E(!1),q.reset())},[q]),Oe=te({onSuccess:()=>V()}),ke=(0,J.useCallback)((t,n)=>{Oe.mutate({path:{assistant_id:e,contactChannelId:t},body:{status:`revoked`}})},[Oe,e]),Me=(0,J.useCallback)(()=>{H.isPending||H.mutate()},[H]),Ne=(0,J.useCallback)(e=>{if(!t)return;let n=P.find(t=>t.id===e);if(!n||Le(n))return;let r=n.setupMessages.contact;r&&t(r)},[P,t]),Pe=(0,J.useCallback)(e=>{if(!t)return;let n=P.find(t=>t.id===e);if(!n||Le(n))return;let r=n.setupMessages.guardian;r&&t(r)},[P,t]),X=n({mutationFn:t=>xe(e,t.channelId),onSuccess:()=>V(),onError:K(r(`contactsPage.verifyFailed`))}),Z=n({mutationFn:t=>{if(!z)throw Error(`No contact selected`);return Ce(e,{id:z.id,displayName:z.displayName},{type:t.type,address:t.address})},onSuccess:()=>V(),onError:K(r(`contactsPage.verifyFailed`))}),Ie=(0,J.useCallback)((e,t)=>{if(!z)return;let n=t?.trim();if(n){Z.mutate({type:e,address:n});return}let r=z.channels.find(t=>t.type===e&&t.status!==`revoked`);r?.address?.trim()&&X.mutate({channelId:r.id})},[z,Z,X]),Q=mt({assistantId:e,channelType:`slack`,contact:z?{id:z.id,displayName:z.displayName}:null,onLinked:V}),Re=i({...pe(e),enabled:!!e&&Q.dialogOpen,select:e=>e.users}),ze=j.channels.some(e=>e.key===`slack`&&e.configured),Be=(0,J.useCallback)(e=>{e===Q.channelType&&Q.open()},[Q]),Ve=U.isPending?U.variables:null,$=(0,J.useMemo)(()=>{if(!z)return null;let e=z;return W.isPending&&W.variables?.contactId===z.id&&(e={...e,displayName:W.variables.patch.displayName,notes:W.variables.patch.notes}),G.isPending&&G.variables?.contactId===z.id&&(e={...e,autoApproveThreshold:G.variables.autoApproveThreshold}),e},[z,W.isPending,W.variables,G.isPending,G.variables]);if(m)return(0,Y.jsx)(u,{to:`${se.channels}?setup=${m}`,replace:!0});let He={loading:A.isLoading,assistantName:D,guardian:L?{id:L.id,displayName:L.displayName.startsWith(`vellum-principal-`)?``:L.displayName,role:L.role,channelTypes:bt(L.channels,c)}:null,regularContacts:R.filter(e=>e.id!==Ve).map(e=>({id:e.id,displayName:e.displayName,role:e.role,contactType:e.contactType,channelTypes:bt(e.channels,c),verified:yt(e.channels)})),selection:h,onAddContact:Me,addingContact:H.isPending,search:C,onSearchChange:w};return(0,Y.jsxs)(`div`,{ref:v,className:`flex min-h-0 flex-1 overflow-hidden ${y?`flex-row gap-6`:`flex-col gap-4`}`,children:[y?(0,Y.jsx)(`aside`,{className:`min-h-0 w-[320px] shrink-0 overflow-y-auto self-stretch`,children:(0,Y.jsx)(st,{...He,onSelect:Te})}):(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(`div`,{className:`flex items-center`,children:(0,Y.jsx)(ge,{onClick:x})}),(0,Y.jsx)(he,{open:b,onClose:S,title:r(`contactsPage.title`),children:(0,Y.jsx)(st,{...He,onSelect:Te})})]}),(0,Y.jsx)(`section`,{className:`min-h-0 min-w-0 flex-1 overflow-y-auto`,children:h.kind===`assistant`||h.kind===`contact`&&h.contactId===Ve?(0,Y.jsx)(Fe,{assistantName:D,channels:j.channels,pendingChannelKey:j.pendingChannelKey,onConnect:j.onSetup,onDisconnect:j.onDisconnect}):$?$.role===`guardian`?(0,Y.jsx)(lt,{contact:$,savePending:W.isPending,verifyPending:X.isPending||Z.isPending,mergePending:q.isPending,canMerge:ue,availableChannels:P,channelsLoadFailed:F,a2aEnabled:c,onSave:e=>{W.mutate({contactId:$.id,patch:e})},onMerge:Ee,onSetupChannel:t?Pe:void 0,onVerifyChannel:Ie,onRevokeChannel:ke,onGenerateInviteLink:c?_.open:void 0}):(0,Y.jsx)(Xe,{contact:$,savePending:W.isPending,deletePending:U.isPending,verifyPending:X.isPending||Z.isPending,mergePending:q.isPending,canMerge:ue,availableChannels:P,channelsLoadFailed:F,a2aEnabled:c,onSave:e=>{W.mutate({contactId:$.id,patch:e})},onDelete:()=>{U.mutate($.id)},onMerge:Ee,onSetupChannel:t?Ne:void 0,onVerifyChannel:Ie,onRevokeChannel:ke,onLinkAccount:ze?Be:void 0,pendingAutoApproveThreshold:G.isPending,onAutoApproveThresholdChange:e=>{G.mutate({contactId:$.id,displayName:$.displayName,autoApproveThreshold:e})}}):(0,Y.jsx)(vt,{})}),z?(0,Y.jsx)(Qe,{open:T,survivor:z,candidates:le,pending:q.isPending,errorMessage:q.error instanceof Error?q.error.message:q.error?r(`contactsPage.mergeFailed`):null,onMerge:t=>q.mutate({path:{assistant_id:e},body:{keepId:z.id,mergeId:t}}),onClose:De}):null,(0,Y.jsx)(pt,{open:Q.dialogOpen,channelLabel:Ae(`slack`),contactName:z?.displayName??``,accounts:Re.data,loading:Re.isLoading,errorMessage:Re.isError?r(`contactsPage.rosterLoadFailed`):Q.linkErrorMessage,pendingAccountId:Q.pendingAccountId,onPick:Q.pick,onClose:Q.close,onInviteInstead:t?()=>{Q.close(),Ne(Q.channelType)}:void 0}),(0,Y.jsx)(ve,{open:_.isOpen,assistantId:e,onClose:_.close})]})}function vt(){let{t:e}=o(`contacts`);return(0,Y.jsx)(`div`,{className:`flex h-full items-center justify-center py-16`,children:(0,Y.jsx)(`p`,{className:`text-body-medium-lighter`,style:{color:`var(--content-tertiary)`},children:e(`contactsPage.emptyBody`)})})}function yt(e){return e.some(e=>e.status!==`revoked`&&(e.type===`a2a`||Oe(e)))}function bt(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(Ae(e)))}return r}function xt(){let e=c(),t=A();return(0,Y.jsx)(_t,{assistantId:t,onStartSetupConversation:t=>{N(e,{prompt:t})}},t)}export{xt as ContactsPageRoute};

package/dist/assets/{credential-entry-page-9--fxhHR.js → credential-entry-page-B4ILsvEv.js}

@@ -1 +1 @@
-import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{j as t}from"./vendor-yoekmcrB.js";import{t as n,x as r}from"./react-BJ4PZBJN.js";import{Li as i,Vi as a,lr as o,qn as s}from"./icons-BjnVKAw1.js";import{fb as c,km as l,nb as u,ub as d}from"./index-DA0GBGXJ.js";var f=e(r(),1),p=`/v1/credential-requests/peek`,m=`/v1/credential-requests/submit`;function h(e){return e>0xe8d4a51000?e:e*1e3}function g(e){let t=e?.error?.code;return t===`INVALID`?`invalid`:t===`EXPIRED`?`expired`:t===`USED`?`used`:null}function _(e){let t=e;return typeof t?.service==`string`&&typeof t.field==`string`&&(t.label===null||typeof t.label==`string`)&&typeof t.expiresAt==`number`}async function v(e,t){let n=await fetch(l(p),{method:`POST`,credentials:`include`,headers:{"Content-Type":`application/json`},body:JSON.stringify({token:e}),signal:t}),r=await n.json().catch(()=>null);return n.ok&&_(r)?{status:`ok`,request:r}:n.status===404?{status:g(r)??`invalid`}:{status:`error`}}async function y(e,t,n){let r=await fetch(l(m),{method:`POST`,credentials:`include`,headers:{"Content-Type":`application/json`},body:JSON.stringify({token:e,value:t}),signal:n});if(r.ok)return{status:`ok`};let i=await r.json().catch(()=>null);return r.status===404?{status:g(i)??`invalid`}:r.status===502?{status:`store-failed`}:{status:`error`}}var b=n();function x(e){let[t,n]=(0,f.useState)(()=>Date.now());return(0,f.useEffect)(()=>{let t=setInterval(()=>n(Date.now()),e);return()=>clearInterval(t)},[e]),t}function S(e){let t=Math.max(0,Math.ceil(e/1e3)),n=Math.floor(t/3600),r=Math.floor(t%3600/60),i=t%60;return n>0?`${n}h ${r}m`:r>0?`${r}m ${i}s`:`${i}s`}function C({icon:e,title:t,children:n}){return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)(`div`,{className:`flex items-center gap-3`,children:[e,(0,b.jsx)(`h1`,{className:`text-xl font-semibold`,children:t})]}),(0,b.jsx)(`p`,{className:`text-sm leading-6 text-[var(--content-secondary)]`,children:n})]})}function w(){let{t:e}=t(`credential-requests`),[n]=(0,f.useState)(()=>new URLSearchParams(window.location.hash.replace(/^#/,``)).get(`token`)?.trim()||new URLSearchParams(window.location.search).get(`token`)?.trim()||null),[r,l]=(0,f.useState)({kind:`loading`}),[p,m]=(0,f.useState)(``),[g,_]=(0,f.useState)(!1),[w,T]=(0,f.useState)(null),E=x(1e3);(0,f.useEffect)(()=>{let e=new URL(window.location.href),t=new URLSearchParams(e.hash.replace(/^#/,``));if(!t.has(`token`)&&!e.searchParams.has(`token`))return;e.searchParams.delete(`token`),t.delete(`token`);let n=t.toString();window.history.replaceState(window.history.state,``,`${e.pathname}${e.search}${n?`#${n}`:``}`)},[]),(0,f.useEffect)(()=>{if(!n){l({kind:`invalid`});return}let e=new AbortController;return(async()=>{let t=await v(n,e.signal).catch(()=>({status:`error`}));e.signal.aborted||(t.status===`ok`?l({kind:`form`,request:t.request}):l({kind:t.status}))})(),()=>{e.abort()}},[n]);let D=async e=>{if(e.preventDefault(),!n||r.kind!==`form`||!p.trim()||g)return;_(!0),T(null);let t=await y(n,p).catch(()=>({status:`error`}));switch(_(!1),t.status){case`ok`:m(``),l({kind:`success`});break;case`invalid`:case`expired`:case`used`:l({kind:t.status});break;case`store-failed`:m(``),l({kind:`store-failed`});break;case`error`:T(`Something went wrong while submitting. Check your connection and try again.`);break}},O=r.kind===`form`?h(r.request.expiresAt):null,k=r.kind===`form`&&O!==null&&O>E,A;if(r.kind===`loading`)A=(0,b.jsx)(C,{icon:(0,b.jsx)(s,{className:`h-5 w-5 animate-spin text-blue-600`,"aria-hidden":!0}),title:e(`credentialEntry.checkingTitle`),children:e(`credentialEntry.checkingBody`)});else if(r.kind===`success`)A=(0,b.jsx)(C,{icon:(0,b.jsx)(i,{className:`h-5 w-5 text-green-600`,"aria-hidden":!0}),title:e(`credentialEntry.savedTitle`),children:e(`credentialEntry.savedBody`)});else if(r.kind===`invalid`)A=(0,b.jsx)(C,{icon:(0,b.jsx)(a,{className:`h-5 w-5 text-red-600`,"aria-hidden":!0}),title:e(`credentialEntry.invalidTitle`),children:e(`credentialEntry.invalidBody`)});else if(r.kind===`expired`||r.kind===`form`&&!k)A=(0,b.jsx)(C,{icon:(0,b.jsx)(a,{className:`h-5 w-5 text-red-600`,"aria-hidden":!0}),title:e(`credentialEntry.expiredTitle`),children:e(`credentialEntry.expiredBody`)});else if(r.kind===`used`)A=(0,b.jsx)(C,{icon:(0,b.jsx)(a,{className:`h-5 w-5 text-red-600`,"aria-hidden":!0}),title:e(`credentialEntry.usedTitle`),children:e(`credentialEntry.usedBody`)});else if(r.kind===`store-failed`)A=(0,b.jsx)(C,{icon:(0,b.jsx)(a,{className:`h-5 w-5 text-red-600`,"aria-hidden":!0}),title:e(`credentialEntry.storeFailedTitle`),children:e(`credentialEntry.storeFailedBody`)});else if(r.kind===`error`)A=(0,b.jsx)(C,{icon:(0,b.jsx)(a,{className:`h-5 w-5 text-red-600`,"aria-hidden":!0}),title:e(`credentialEntry.errorTitle`),children:e(`credentialEntry.errorBody`)});else{let{request:t}=r,n=`${t.service}:${t.field}`,i=(O??0)-E;A=(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,b.jsx)(o,{className:`h-5 w-5 text-blue-600`,"aria-hidden":!0}),(0,b.jsx)(`h1`,{className:`text-xl font-semibold`,children:e(`credentialEntry.heading`)})]}),(0,b.jsxs)(`div`,{className:`rounded-md border border-[var(--border-subtle)] bg-[var(--background-muted)] p-4`,children:[(0,b.jsx)(`p`,{className:`text-body-medium-default text-[var(--content-default)]`,children:t.label||n}),(0,b.jsxs)(`p`,{className:`mt-1 font-mono text-body-small-default text-[var(--content-tertiary)]`,children:[t.label?`${n} · `:``,e(`credentialEntry.oneTimeEntry`)]})]}),(0,b.jsx)(`p`,{className:`text-sm leading-6 text-[var(--content-secondary)]`,children:e(`credentialEntry.instructions`)}),(0,b.jsxs)(`form`,{className:`flex flex-col gap-3`,onSubmit:e=>void D(e),children:[(0,b.jsx)(u,{label:e(`credentialEntry.valueLabel`),type:`password`,value:p,onChange:e=>m(e.target.value),placeholder:e(`credentialEntry.valuePlaceholder`),autoComplete:`off`,autoFocus:!0,fullWidth:!0,errorText:w??void 0}),(0,b.jsx)(c,{type:`submit`,disabled:g||!p.trim(),leftIcon:g?(0,b.jsx)(s,{className:`animate-spin`,"aria-hidden":!0}):void 0,children:e(`credentialEntry.submit`)})]}),(0,b.jsx)(`p`,{className:`text-xs text-[var(--content-tertiary)]`,children:e(`credentialEntry.expiresIn`,{remaining:S(i),time:new Date(O??0).toLocaleTimeString()})})]})}return(0,b.jsx)(`main`,{className:`flex min-h-svh items-center justify-center bg-[var(--background-default)] px-6 py-10 text-[var(--content-primary)]`,children:(0,b.jsx)(`div`,{className:`w-full max-w-md`,children:(0,b.jsx)(d.Root,{bordered:!0,elevated:!0,padding:`lg`,children:(0,b.jsx)(`div`,{className:`flex flex-col gap-4`,children:A})})})})}export{w as CredentialEntryPage};
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{j as t}from"./vendor-yoekmcrB.js";import{t as n,x as r}from"./react-BJ4PZBJN.js";import{Li as i,Vi as a,lr as o,qn as s}from"./icons-BjnVKAw1.js";import{fb as c,km as l,nb as u,ub as d}from"./index-BGc71lz7.js";var f=e(r(),1),p=`/v1/credential-requests/peek`,m=`/v1/credential-requests/submit`;function h(e){return e>0xe8d4a51000?e:e*1e3}function g(e){let t=e?.error?.code;return t===`INVALID`?`invalid`:t===`EXPIRED`?`expired`:t===`USED`?`used`:null}function _(e){let t=e;return typeof t?.service==`string`&&typeof t.field==`string`&&(t.label===null||typeof t.label==`string`)&&typeof t.expiresAt==`number`}async function v(e,t){let n=await fetch(l(p),{method:`POST`,credentials:`include`,headers:{"Content-Type":`application/json`},body:JSON.stringify({token:e}),signal:t}),r=await n.json().catch(()=>null);return n.ok&&_(r)?{status:`ok`,request:r}:n.status===404?{status:g(r)??`invalid`}:{status:`error`}}async function y(e,t,n){let r=await fetch(l(m),{method:`POST`,credentials:`include`,headers:{"Content-Type":`application/json`},body:JSON.stringify({token:e,value:t}),signal:n});if(r.ok)return{status:`ok`};let i=await r.json().catch(()=>null);return r.status===404?{status:g(i)??`invalid`}:r.status===502?{status:`store-failed`}:{status:`error`}}var b=n();function x(e){let[t,n]=(0,f.useState)(()=>Date.now());return(0,f.useEffect)(()=>{let t=setInterval(()=>n(Date.now()),e);return()=>clearInterval(t)},[e]),t}function S(e){let t=Math.max(0,Math.ceil(e/1e3)),n=Math.floor(t/3600),r=Math.floor(t%3600/60),i=t%60;return n>0?`${n}h ${r}m`:r>0?`${r}m ${i}s`:`${i}s`}function C({icon:e,title:t,children:n}){return(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)(`div`,{className:`flex items-center gap-3`,children:[e,(0,b.jsx)(`h1`,{className:`text-xl font-semibold`,children:t})]}),(0,b.jsx)(`p`,{className:`text-sm leading-6 text-[var(--content-secondary)]`,children:n})]})}function w(){let{t:e}=t(`credential-requests`),[n]=(0,f.useState)(()=>new URLSearchParams(window.location.hash.replace(/^#/,``)).get(`token`)?.trim()||new URLSearchParams(window.location.search).get(`token`)?.trim()||null),[r,l]=(0,f.useState)({kind:`loading`}),[p,m]=(0,f.useState)(``),[g,_]=(0,f.useState)(!1),[w,T]=(0,f.useState)(null),E=x(1e3);(0,f.useEffect)(()=>{let e=new URL(window.location.href),t=new URLSearchParams(e.hash.replace(/^#/,``));if(!t.has(`token`)&&!e.searchParams.has(`token`))return;e.searchParams.delete(`token`),t.delete(`token`);let n=t.toString();window.history.replaceState(window.history.state,``,`${e.pathname}${e.search}${n?`#${n}`:``}`)},[]),(0,f.useEffect)(()=>{if(!n){l({kind:`invalid`});return}let e=new AbortController;return(async()=>{let t=await v(n,e.signal).catch(()=>({status:`error`}));e.signal.aborted||(t.status===`ok`?l({kind:`form`,request:t.request}):l({kind:t.status}))})(),()=>{e.abort()}},[n]);let D=async e=>{if(e.preventDefault(),!n||r.kind!==`form`||!p.trim()||g)return;_(!0),T(null);let t=await y(n,p).catch(()=>({status:`error`}));switch(_(!1),t.status){case`ok`:m(``),l({kind:`success`});break;case`invalid`:case`expired`:case`used`:l({kind:t.status});break;case`store-failed`:m(``),l({kind:`store-failed`});break;case`error`:T(`Something went wrong while submitting. Check your connection and try again.`);break}},O=r.kind===`form`?h(r.request.expiresAt):null,k=r.kind===`form`&&O!==null&&O>E,A;if(r.kind===`loading`)A=(0,b.jsx)(C,{icon:(0,b.jsx)(s,{className:`h-5 w-5 animate-spin text-blue-600`,"aria-hidden":!0}),title:e(`credentialEntry.checkingTitle`),children:e(`credentialEntry.checkingBody`)});else if(r.kind===`success`)A=(0,b.jsx)(C,{icon:(0,b.jsx)(i,{className:`h-5 w-5 text-green-600`,"aria-hidden":!0}),title:e(`credentialEntry.savedTitle`),children:e(`credentialEntry.savedBody`)});else if(r.kind===`invalid`)A=(0,b.jsx)(C,{icon:(0,b.jsx)(a,{className:`h-5 w-5 text-red-600`,"aria-hidden":!0}),title:e(`credentialEntry.invalidTitle`),children:e(`credentialEntry.invalidBody`)});else if(r.kind===`expired`||r.kind===`form`&&!k)A=(0,b.jsx)(C,{icon:(0,b.jsx)(a,{className:`h-5 w-5 text-red-600`,"aria-hidden":!0}),title:e(`credentialEntry.expiredTitle`),children:e(`credentialEntry.expiredBody`)});else if(r.kind===`used`)A=(0,b.jsx)(C,{icon:(0,b.jsx)(a,{className:`h-5 w-5 text-red-600`,"aria-hidden":!0}),title:e(`credentialEntry.usedTitle`),children:e(`credentialEntry.usedBody`)});else if(r.kind===`store-failed`)A=(0,b.jsx)(C,{icon:(0,b.jsx)(a,{className:`h-5 w-5 text-red-600`,"aria-hidden":!0}),title:e(`credentialEntry.storeFailedTitle`),children:e(`credentialEntry.storeFailedBody`)});else if(r.kind===`error`)A=(0,b.jsx)(C,{icon:(0,b.jsx)(a,{className:`h-5 w-5 text-red-600`,"aria-hidden":!0}),title:e(`credentialEntry.errorTitle`),children:e(`credentialEntry.errorBody`)});else{let{request:t}=r,n=`${t.service}:${t.field}`,i=(O??0)-E;A=(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,b.jsx)(o,{className:`h-5 w-5 text-blue-600`,"aria-hidden":!0}),(0,b.jsx)(`h1`,{className:`text-xl font-semibold`,children:e(`credentialEntry.heading`)})]}),(0,b.jsxs)(`div`,{className:`rounded-md border border-[var(--border-subtle)] bg-[var(--background-muted)] p-4`,children:[(0,b.jsx)(`p`,{className:`text-body-medium-default text-[var(--content-default)]`,children:t.label||n}),(0,b.jsxs)(`p`,{className:`mt-1 font-mono text-body-small-default text-[var(--content-tertiary)]`,children:[t.label?`${n} · `:``,e(`credentialEntry.oneTimeEntry`)]})]}),(0,b.jsx)(`p`,{className:`text-sm leading-6 text-[var(--content-secondary)]`,children:e(`credentialEntry.instructions`)}),(0,b.jsxs)(`form`,{className:`flex flex-col gap-3`,onSubmit:e=>void D(e),children:[(0,b.jsx)(u,{label:e(`credentialEntry.valueLabel`),type:`password`,value:p,onChange:e=>m(e.target.value),placeholder:e(`credentialEntry.valuePlaceholder`),autoComplete:`off`,autoFocus:!0,fullWidth:!0,errorText:w??void 0}),(0,b.jsx)(c,{type:`submit`,disabled:g||!p.trim(),leftIcon:g?(0,b.jsx)(s,{className:`animate-spin`,"aria-hidden":!0}):void 0,children:e(`credentialEntry.submit`)})]}),(0,b.jsx)(`p`,{className:`text-xs text-[var(--content-tertiary)]`,children:e(`credentialEntry.expiresIn`,{remaining:S(i),time:new Date(O??0).toLocaleTimeString()})})]})}return(0,b.jsx)(`main`,{className:`flex min-h-svh items-center justify-center bg-[var(--background-default)] px-6 py-10 text-[var(--content-primary)]`,children:(0,b.jsx)(`div`,{className:`w-full max-w-md`,children:(0,b.jsx)(d.Root,{bordered:!0,elevated:!0,padding:`lg`,children:(0,b.jsx)(`div`,{className:`flex flex-col gap-4`,children:A})})})})}export{w as CredentialEntryPage};

package/dist/assets/{credentials-page-WIsWULpM.js → credentials-page-DK3pDeqd.js}

@@ -1 +1 @@
-import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Zn as t,er as n,j as r}from"./vendor-yoekmcrB.js";import{t as i,x as a}from"./react-BJ4PZBJN.js";import{$n as o,It as s,Jr as c,Ki as l,_t as u,k as d,lr as f,qn as p,qr as m,si as h}from"./icons-BjnVKAw1.js";import{$ as g,Af as _,Fg as v,Gy as y,Jy as b,Ky as x,Lg as S,Op as C,Pv as w,Q as T,Rh as ee,Uu as te,Xy as ne,Z as re,Zv as E,ab as D,ay as O,fb as k,nb as A,pb as j,ry as ie,sy as M,t as N,ub as P,zh as F}from"./index-DA0GBGXJ.js";import{t as ae}from"./detail-card-KqTFI_aO.js";import{t as I}from"./use-supports-credentials-settings-BCljiCHR.js";var L=e(a(),1),R=`CREDENTIAL_IN_USE`;function z(e){if(!(e instanceof M)||e.code!==R)return null;let t=e.details;if(!t||typeof t!=`object`||!(`connections`in t))return null;let{connections:n}=t;return!Array.isArray(n)||!n.every(e=>typeof e==`string`)?null:n}function oe(e){return new Intl.ListFormat(E(),{style:`long`,type:`conjunction`}).format(e)}var B=i(),V=1500;function H(e){if(!e)return``;try{return new Date(e).toLocaleDateString(void 0,{year:`numeric`,month:`short`,day:`numeric`})}catch{return``}}function se({credential:e,assistantId:t,generatingLink:n,deleting:i,onGenerateLink:a,onDelete:s}){let{t:c}=r(`settings`),l=`${e.service}:${e.field}`,u=n||i,m=[e.alias?l:null,e.createdAt?c(`credentialRow.addedMetadata`,{date:H(e.createdAt)}):null].filter(e=>!!e);return(0,B.jsx)(P.Root,{children:(0,B.jsxs)(P.Body,{padding:`sm`,className:`flex items-center gap-4 px-4`,children:[(0,B.jsx)(f,{className:`h-5 w-5 shrink-0 text-[var(--content-secondary)]`,"aria-hidden":!0}),(0,B.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,B.jsx)(`p`,{className:`truncate text-title-small text-[var(--content-default)]`,children:e.alias||l}),(0,B.jsx)(`div`,{className:`mt-0.5 flex min-w-0 items-center`,children:(0,B.jsx)(U,{assistantId:t,credential:e})}),m.length>0&&(0,B.jsx)(`p`,{className:`mt-0.5 truncate font-mono text-body-medium-lighter text-[var(--content-tertiary)]`,children:m.join(` · `)})]}),(0,B.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[(0,B.jsx)(j,{content:c(`credentialRow.generateLinkLabel`),side:`top`,children:(0,B.jsx)(k,{variant:`outlined`,onClick:a,disabled:u,"aria-label":c(`credentialRow.generateLinkAriaLabel`,{name:l}),iconOnly:n?(0,B.jsx)(p,{className:`animate-spin`,"aria-hidden":!0}):(0,B.jsx)(o,{"aria-hidden":!0})})}),(0,B.jsx)(j,{content:c(`credentialRow.deleteLabel`),side:`top`,children:(0,B.jsx)(k,{variant:`dangerOutline`,onClick:s,disabled:u,"aria-label":c(`credentialRow.deleteAriaLabel`,{name:l}),iconOnly:i?(0,B.jsx)(p,{className:`animate-spin`,"aria-hidden":!0}):(0,B.jsx)(d,{"aria-hidden":!0})})})]})]})})}function U({assistantId:e,credential:t}){let{t:n}=r(`settings`),[i,a]=(0,L.useState)(null),[o,s]=(0,L.useState)(!1),[u,d]=(0,L.useState)(!1),f=(0,L.useRef)(null),g=(0,L.useRef)(0),_=`${t.service}:${t.field}`,v=(0,L.useCallback)(()=>{g.current++,a(null),s(!1),d(!1),f.current&&=(clearTimeout(f.current),null)},[]);(0,L.useEffect)(()=>{v()},[t.updatedAt,v]);let y=(0,L.useCallback)(async()=>{let r=++g.current;s(!0);try{let{data:n}=await F({path:{assistant_id:e},body:{service:t.service,field:t.field},throwOnError:!0});g.current===r&&a(n.value)}catch{g.current===r&&x.error(n(`credentialRow.revealFailedToast`,{name:_}))}finally{g.current===r&&s(!1)}},[e,t.service,t.field,_,n]),b=(0,L.useCallback)(()=>{i!=null&&S(i,{errorMessage:n(`credentialRow.copyFailedToast`),onCopied:()=>{d(!0),f.current&&clearTimeout(f.current),f.current=setTimeout(()=>d(!1),V)}})},[i,n]),C=i!==null;return t.hasSecret?(0,B.jsxs)(`span`,{className:`inline-flex min-w-0 items-center gap-1.5 align-middle font-mono text-body-medium-lighter`,children:[(0,B.jsx)(`button`,{type:`button`,onClick:()=>C?v():void y(),disabled:o,"aria-label":n(C?`credentialRow.hideValueAriaLabel`:`credentialRow.revealValueAriaLabel`,{name:_}),title:n(C?`credentialRow.hideValueTitle`:`credentialRow.clickToRevealTitle`),"data-private":!0,className:`min-w-0 truncate rounded-sm text-left transition-[filter,color] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--border-focus)] ${C?`text-[var(--content-secondary)]`:`select-none text-[var(--content-tertiary)] blur-[3px] hover:blur-[2px]`}`,children:C?i:t.scrubbedValue}),o?(0,B.jsx)(p,{className:`h-3.5 w-3.5 shrink-0 animate-spin`,"aria-hidden":!0}):C?(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(`button`,{type:`button`,onClick:b,"aria-label":n(`credentialRow.copyValueAriaLabel`,{name:_}),title:n(`credentialRow.copyValueTitle`),className:`shrink-0 rounded-sm p-0.5 text-[var(--content-tertiary)] transition-colors hover:text-[var(--content-secondary)] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--border-focus)]`,children:u?(0,B.jsx)(l,{className:`h-3.5 w-3.5`,"aria-hidden":!0}):(0,B.jsx)(h,{className:`h-3.5 w-3.5`,"aria-hidden":!0})}),(0,B.jsx)(`button`,{type:`button`,onClick:v,"aria-label":n(`credentialRow.hideValueAriaLabel`,{name:_}),title:n(`credentialRow.hideValueTitle`),className:`shrink-0 rounded-sm p-0.5 text-[var(--content-tertiary)] transition-colors hover:text-[var(--content-secondary)] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--border-focus)]`,children:(0,B.jsx)(c,{className:`h-3.5 w-3.5`,"aria-hidden":!0})})]}):(0,B.jsx)(`button`,{type:`button`,onClick:()=>void y(),"aria-label":n(`credentialRow.revealValueAriaLabel`,{name:_}),title:n(`credentialRow.clickToRevealTitle`),className:`shrink-0 rounded-sm p-0.5 text-[var(--content-tertiary)] transition-colors hover:text-[var(--content-secondary)] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--border-focus)]`,children:(0,B.jsx)(m,{className:`h-3.5 w-3.5`,"aria-hidden":!0})})]}):(0,B.jsx)(`span`,{className:`min-w-0 truncate font-mono text-body-medium-lighter text-[var(--content-tertiary)]`,children:t.scrubbedValue})}function ce(e){return e>0xe8d4a51000?e:e*1e3}async function le(e,t){let{data:n,response:r}=await v.post({url:`/v1/assistants/{assistant_id}/credential-requests`,path:{assistant_id:e},body:t});if(!r?.ok)throw Error(`Failed to create credential request: ${r?.status}`);return n}var W=6;function G(){let e=g(),t=I(e),n=w.use.assistantId();return w.use.version()!==null&&n===e&&!t?(0,B.jsx)(N,{}):t?(0,B.jsx)(K,{}):null}function K(){let{t:e}=r(`settings`),i=g(),a=n(),c=C(),l=T(i),d=t({queryKey:l,queryFn:async()=>{let{data:e}=await ee({path:{assistant_id:i},body:{},throwOnError:!0});return{credentials:e.credentials,managedCredentials:e.managedCredentials}},enabled:c,retry:O}),m=(0,L.useMemo)(()=>d.data?.credentials??[],[d.data]),v=te.use.settingsDeveloperNav(),w=(0,L.useMemo)(()=>v?d.data?.managedCredentials??[]:[],[v,d.data]),[E,j]=(0,L.useState)(!1),[M,N]=(0,L.useState)(`own`),[F,I]=(0,L.useState)(``),[R,V]=(0,L.useState)(null),[H,U]=(0,L.useState)(null),[G,K]=(0,L.useState)(null),[ue,q]=(0,L.useState)(null),J=_({onSuccess:(t,n)=>{a.invalidateQueries({queryKey:l}),x.success(e(`credentialsPage.deleteSuccessToast`,{name:`${n.body.service}:${n.body.field}`}))},onError:(t,n)=>{let r=z(t),i=m.find(e=>e.service===n.body.service&&e.field===n.body.field);if(r&&i){U({credential:i,connections:r});return}ie(t,{context:`credentials-delete`}),x.error(t.message||e(`credentialsPage.deleteErrorToast`))}}),de=J.isPending?`${J.variables?.body?.service}:${J.variables?.body?.field}`:null,Y=(0,L.useMemo)(()=>{let e=F.trim().toLowerCase();return e?m.filter(t=>[t.service,t.field,`${t.service}:${t.field}`,t.alias??``].join(` `).toLowerCase().includes(e)):m},[m,F]);(0,L.useEffect)(()=>{m.length<=W&&I(``)},[m.length]),(0,L.useEffect)(()=>{m.length===0&&w.length>0&&N(`managed`)},[m.length,w.length]);let X=(e,t)=>{J.mutate({path:{assistant_id:i},body:{service:e.service,field:e.field,...t?{force:!0}:{}}})},fe=()=>{let e=R;V(null),e&&X(e,!1)},pe=()=>{let e=H;U(null),e&&X(e.credential,!0)},me=async t=>{let n=`${t.service}:${t.field}`;q(n);try{let r=await le(i,{service:t.service,field:t.field,label:t.alias??void 0});r.ok&&r.url?K({name:n,url:r.url,expiresAt:r.expiresAt??null}):x.error(r.error||e(`credentialsPage.generateLinkFailedToast`))}catch(t){x.error(t instanceof Error?t.message:e(`credentialsPage.generateLinkFailedToast`))}finally{q(null)}},he=()=>{let t=G?.url;t&&S(t,{successMessage:e(`credentialsPage.linkCopiedToast`),errorMessage:e(`credentialsPage.linkCopyFailedToast`)})};if(d.isLoading)return(0,B.jsx)(`div`,{className:`flex items-center justify-center py-10`,children:(0,B.jsx)(p,{className:`h-5 w-5 animate-spin text-[var(--content-disabled)]`})});let Z=m.length>0,Q=w.length>0,ge=m.length>W,$=M===`managed`&&Q,_e=!$,ve=[{value:`own`,label:e(`credentialsPage.segmentYourOwn`)},{value:`managed`,label:e(`credentialsPage.segmentManaged`)}];return(0,B.jsxs)(`div`,{className:`space-y-4`,children:[(0,B.jsx)(ae,{title:e(`credentialsPage.title`),subtitle:e($?`credentialsPage.subtitleManaged`:`credentialsPage.subtitleOwn`),accessory:(0,B.jsxs)(`div`,{className:`flex items-center gap-2`,children:[Q?(0,B.jsx)(ne,{items:ve,value:M,onChange:N,ariaLabel:e(`credentialsPage.credentialSourceAriaLabel`)}):null,_e&&Z?(0,B.jsx)(k,{type:`button`,variant:`primary`,size:`regular`,onClick:()=>j(!0),leftIcon:(0,B.jsx)(s,{"aria-hidden":!0}),children:e(`credentialsPage.addButton`)}):null]}),children:$?(0,B.jsx)(`div`,{className:`space-y-2`,children:w.map(t=>(0,B.jsx)(P.Root,{children:(0,B.jsxs)(P.Body,{padding:`sm`,className:`flex items-center gap-4 px-4`,children:[(0,B.jsx)(f,{className:`h-5 w-5 shrink-0 text-[var(--content-secondary)]`,"aria-hidden":!0}),(0,B.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,B.jsx)(`p`,{className:`truncate text-title-small text-[var(--content-default)]`,children:t.provider}),(0,B.jsxs)(`p`,{className:`truncate text-body-medium-lighter text-[var(--content-tertiary)]`,children:[t.accountInfo??t.handle,` · `,t.status]})]}),(0,B.jsx)(D,{tone:`neutral`,children:e(`credentialsPage.managedTag`)})]})},t.handle))}):(0,B.jsxs)(`div`,{className:`space-y-4`,children:[Z?(0,B.jsxs)(`div`,{className:`space-y-3`,children:[ge?(0,B.jsx)(A,{type:`text`,value:F,onChange:e=>I(e.target.value),placeholder:e(`credentialsPage.searchPlaceholder`),"aria-label":e(`credentialsPage.searchAriaLabel`),leftIcon:(0,B.jsx)(u,{className:`h-3.5 w-3.5`,"aria-hidden":!0}),fullWidth:!0}):null,Y.length===0?(0,B.jsx)(`p`,{className:`px-1 py-2 text-body-medium-lighter text-[var(--content-tertiary)]`,children:e(`credentialsPage.noMatch`,{query:F.trim()})}):(0,B.jsx)(`div`,{className:`space-y-2`,children:Y.map(e=>{let t=`${e.service}:${e.field}`;return(0,B.jsx)(se,{credential:e,assistantId:i,generatingLink:ue===t,deleting:de===t,onGenerateLink:()=>void me(e),onDelete:()=>V(e)},e.credentialId??t)})})]}):(0,B.jsxs)(`div`,{className:`flex flex-col items-center justify-center px-6 py-12 text-center`,children:[(0,B.jsx)(`div`,{className:`flex h-12 w-12 items-center justify-center rounded-full bg-[var(--surface-base)]`,children:(0,B.jsx)(f,{className:`h-6 w-6 text-[var(--content-disabled)] dark:text-[var(--content-default)]`,"aria-hidden":!0})}),(0,B.jsx)(`h3`,{className:`mt-4 text-title-small text-[var(--content-default)]`,children:e(`credentialsPage.emptyTitle`)}),(0,B.jsx)(`p`,{className:`mt-1 text-body-medium-lighter text-[var(--content-tertiary)]`,children:e(`credentialsPage.emptySubtitle`)})]}),Z?null:(0,B.jsx)(k,{type:`button`,variant:`outlined`,size:`compact`,onClick:()=>j(!0),className:`w-full border-dashed`,leftIcon:(0,B.jsx)(s,{"aria-hidden":!0}),children:e(`credentialsPage.addCredentialButton`)})]})}),(0,B.jsx)(y,{open:R!==null,title:e(`credentialsPage.deleteConfirmTitle`),message:R?e(`credentialsPage.deleteConfirmMessage`,{name:`${R.service}:${R.field}`}):``,confirmLabel:e(`credentialsPage.deleteConfirmLabel`),destructive:!0,onConfirm:fe,onCancel:()=>V(null)}),(0,B.jsx)(y,{open:H!==null,title:e(`credentialsPage.inUseTitle`),message:H?e(`credentialsPage.inUseMessage`,{count:H.connections.length,name:`${H.credential.service}:${H.credential.field}`,connections:oe(H.connections)}):``,confirmLabel:e(`credentialsPage.inUseConfirmLabel`),destructive:!0,onConfirm:pe,onCancel:()=>U(null)}),(0,B.jsx)(re,{open:E,onClose:()=>j(!1)}),(0,B.jsx)(b.Root,{open:G!==null,onOpenChange:e=>{e||K(null)},children:(0,B.jsxs)(b.Content,{size:`sm`,children:[(0,B.jsxs)(b.Header,{icon:o,children:[(0,B.jsx)(b.Title,{children:e(`credentialsPage.oneTimeLinkModalTitle`)}),(0,B.jsx)(b.Description,{children:G?e(`credentialsPage.oneTimeLinkModalDescription`,{name:G.name,expiresClause:G.expiresAt===null?``:e(`credentialsPage.oneTimeLinkModalExpiresClause`,{expiresAt:new Date(ce(G.expiresAt)).toLocaleString()})}):``})]}),(0,B.jsx)(b.Body,{children:(0,B.jsx)(A,{label:e(`credentialsPage.linkLabel`),type:`text`,readOnly:!0,value:G?.url??``,onFocus:e=>e.currentTarget.select(),fullWidth:!0})}),(0,B.jsx)(b.Footer,{children:(0,B.jsx)(k,{type:`button`,size:`compact`,onClick:he,leftIcon:(0,B.jsx)(h,{"aria-hidden":!0}),children:e(`credentialsPage.copyLinkButton`)})})]})})]})}export{G as CredentialsPage};
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Zn as t,er as n,j as r}from"./vendor-yoekmcrB.js";import{t as i,x as a}from"./react-BJ4PZBJN.js";import{$n as o,It as s,Jr as c,Ki as l,_t as u,k as d,lr as f,qn as p,qr as m,si as h}from"./icons-BjnVKAw1.js";import{$ as g,Af as _,Fg as v,Gy as y,Jy as b,Ky as x,Lg as S,Op as C,Pv as w,Q as T,Rh as ee,Uu as te,Xy as ne,Z as re,Zv as E,ab as D,ay as O,fb as k,nb as A,pb as j,ry as ie,sy as M,t as N,ub as P,zh as F}from"./index-BGc71lz7.js";import{t as ae}from"./detail-card-Eweuo5tS.js";import{t as I}from"./use-supports-credentials-settings-B0hFNSuE.js";var L=e(a(),1),R=`CREDENTIAL_IN_USE`;function z(e){if(!(e instanceof M)||e.code!==R)return null;let t=e.details;if(!t||typeof t!=`object`||!(`connections`in t))return null;let{connections:n}=t;return!Array.isArray(n)||!n.every(e=>typeof e==`string`)?null:n}function oe(e){return new Intl.ListFormat(E(),{style:`long`,type:`conjunction`}).format(e)}var B=i(),V=1500;function H(e){if(!e)return``;try{return new Date(e).toLocaleDateString(void 0,{year:`numeric`,month:`short`,day:`numeric`})}catch{return``}}function se({credential:e,assistantId:t,generatingLink:n,deleting:i,onGenerateLink:a,onDelete:s}){let{t:c}=r(`settings`),l=`${e.service}:${e.field}`,u=n||i,m=[e.alias?l:null,e.createdAt?c(`credentialRow.addedMetadata`,{date:H(e.createdAt)}):null].filter(e=>!!e);return(0,B.jsx)(P.Root,{children:(0,B.jsxs)(P.Body,{padding:`sm`,className:`flex items-center gap-4 px-4`,children:[(0,B.jsx)(f,{className:`h-5 w-5 shrink-0 text-[var(--content-secondary)]`,"aria-hidden":!0}),(0,B.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,B.jsx)(`p`,{className:`truncate text-title-small text-[var(--content-default)]`,children:e.alias||l}),(0,B.jsx)(`div`,{className:`mt-0.5 flex min-w-0 items-center`,children:(0,B.jsx)(U,{assistantId:t,credential:e})}),m.length>0&&(0,B.jsx)(`p`,{className:`mt-0.5 truncate font-mono text-body-medium-lighter text-[var(--content-tertiary)]`,children:m.join(` · `)})]}),(0,B.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[(0,B.jsx)(j,{content:c(`credentialRow.generateLinkLabel`),side:`top`,children:(0,B.jsx)(k,{variant:`outlined`,onClick:a,disabled:u,"aria-label":c(`credentialRow.generateLinkAriaLabel`,{name:l}),iconOnly:n?(0,B.jsx)(p,{className:`animate-spin`,"aria-hidden":!0}):(0,B.jsx)(o,{"aria-hidden":!0})})}),(0,B.jsx)(j,{content:c(`credentialRow.deleteLabel`),side:`top`,children:(0,B.jsx)(k,{variant:`dangerOutline`,onClick:s,disabled:u,"aria-label":c(`credentialRow.deleteAriaLabel`,{name:l}),iconOnly:i?(0,B.jsx)(p,{className:`animate-spin`,"aria-hidden":!0}):(0,B.jsx)(d,{"aria-hidden":!0})})})]})]})})}function U({assistantId:e,credential:t}){let{t:n}=r(`settings`),[i,a]=(0,L.useState)(null),[o,s]=(0,L.useState)(!1),[u,d]=(0,L.useState)(!1),f=(0,L.useRef)(null),g=(0,L.useRef)(0),_=`${t.service}:${t.field}`,v=(0,L.useCallback)(()=>{g.current++,a(null),s(!1),d(!1),f.current&&=(clearTimeout(f.current),null)},[]);(0,L.useEffect)(()=>{v()},[t.updatedAt,v]);let y=(0,L.useCallback)(async()=>{let r=++g.current;s(!0);try{let{data:n}=await F({path:{assistant_id:e},body:{service:t.service,field:t.field},throwOnError:!0});g.current===r&&a(n.value)}catch{g.current===r&&x.error(n(`credentialRow.revealFailedToast`,{name:_}))}finally{g.current===r&&s(!1)}},[e,t.service,t.field,_,n]),b=(0,L.useCallback)(()=>{i!=null&&S(i,{errorMessage:n(`credentialRow.copyFailedToast`),onCopied:()=>{d(!0),f.current&&clearTimeout(f.current),f.current=setTimeout(()=>d(!1),V)}})},[i,n]),C=i!==null;return t.hasSecret?(0,B.jsxs)(`span`,{className:`inline-flex min-w-0 items-center gap-1.5 align-middle font-mono text-body-medium-lighter`,children:[(0,B.jsx)(`button`,{type:`button`,onClick:()=>C?v():void y(),disabled:o,"aria-label":n(C?`credentialRow.hideValueAriaLabel`:`credentialRow.revealValueAriaLabel`,{name:_}),title:n(C?`credentialRow.hideValueTitle`:`credentialRow.clickToRevealTitle`),"data-private":!0,className:`min-w-0 truncate rounded-sm text-left transition-[filter,color] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--border-focus)] ${C?`text-[var(--content-secondary)]`:`select-none text-[var(--content-tertiary)] blur-[3px] hover:blur-[2px]`}`,children:C?i:t.scrubbedValue}),o?(0,B.jsx)(p,{className:`h-3.5 w-3.5 shrink-0 animate-spin`,"aria-hidden":!0}):C?(0,B.jsxs)(B.Fragment,{children:[(0,B.jsx)(`button`,{type:`button`,onClick:b,"aria-label":n(`credentialRow.copyValueAriaLabel`,{name:_}),title:n(`credentialRow.copyValueTitle`),className:`shrink-0 rounded-sm p-0.5 text-[var(--content-tertiary)] transition-colors hover:text-[var(--content-secondary)] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--border-focus)]`,children:u?(0,B.jsx)(l,{className:`h-3.5 w-3.5`,"aria-hidden":!0}):(0,B.jsx)(h,{className:`h-3.5 w-3.5`,"aria-hidden":!0})}),(0,B.jsx)(`button`,{type:`button`,onClick:v,"aria-label":n(`credentialRow.hideValueAriaLabel`,{name:_}),title:n(`credentialRow.hideValueTitle`),className:`shrink-0 rounded-sm p-0.5 text-[var(--content-tertiary)] transition-colors hover:text-[var(--content-secondary)] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--border-focus)]`,children:(0,B.jsx)(c,{className:`h-3.5 w-3.5`,"aria-hidden":!0})})]}):(0,B.jsx)(`button`,{type:`button`,onClick:()=>void y(),"aria-label":n(`credentialRow.revealValueAriaLabel`,{name:_}),title:n(`credentialRow.clickToRevealTitle`),className:`shrink-0 rounded-sm p-0.5 text-[var(--content-tertiary)] transition-colors hover:text-[var(--content-secondary)] focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-[var(--border-focus)]`,children:(0,B.jsx)(m,{className:`h-3.5 w-3.5`,"aria-hidden":!0})})]}):(0,B.jsx)(`span`,{className:`min-w-0 truncate font-mono text-body-medium-lighter text-[var(--content-tertiary)]`,children:t.scrubbedValue})}function ce(e){return e>0xe8d4a51000?e:e*1e3}async function le(e,t){let{data:n,response:r}=await v.post({url:`/v1/assistants/{assistant_id}/credential-requests`,path:{assistant_id:e},body:t});if(!r?.ok)throw Error(`Failed to create credential request: ${r?.status}`);return n}var W=6;function G(){let e=g(),t=I(e),n=w.use.assistantId();return w.use.version()!==null&&n===e&&!t?(0,B.jsx)(N,{}):t?(0,B.jsx)(K,{}):null}function K(){let{t:e}=r(`settings`),i=g(),a=n(),c=C(),l=T(i),d=t({queryKey:l,queryFn:async()=>{let{data:e}=await ee({path:{assistant_id:i},body:{},throwOnError:!0});return{credentials:e.credentials,managedCredentials:e.managedCredentials}},enabled:c,retry:O}),m=(0,L.useMemo)(()=>d.data?.credentials??[],[d.data]),v=te.use.settingsDeveloperNav(),w=(0,L.useMemo)(()=>v?d.data?.managedCredentials??[]:[],[v,d.data]),[E,j]=(0,L.useState)(!1),[M,N]=(0,L.useState)(`own`),[F,I]=(0,L.useState)(``),[R,V]=(0,L.useState)(null),[H,U]=(0,L.useState)(null),[G,K]=(0,L.useState)(null),[ue,q]=(0,L.useState)(null),J=_({onSuccess:(t,n)=>{a.invalidateQueries({queryKey:l}),x.success(e(`credentialsPage.deleteSuccessToast`,{name:`${n.body.service}:${n.body.field}`}))},onError:(t,n)=>{let r=z(t),i=m.find(e=>e.service===n.body.service&&e.field===n.body.field);if(r&&i){U({credential:i,connections:r});return}ie(t,{context:`credentials-delete`}),x.error(t.message||e(`credentialsPage.deleteErrorToast`))}}),de=J.isPending?`${J.variables?.body?.service}:${J.variables?.body?.field}`:null,Y=(0,L.useMemo)(()=>{let e=F.trim().toLowerCase();return e?m.filter(t=>[t.service,t.field,`${t.service}:${t.field}`,t.alias??``].join(` `).toLowerCase().includes(e)):m},[m,F]);(0,L.useEffect)(()=>{m.length<=W&&I(``)},[m.length]),(0,L.useEffect)(()=>{m.length===0&&w.length>0&&N(`managed`)},[m.length,w.length]);let X=(e,t)=>{J.mutate({path:{assistant_id:i},body:{service:e.service,field:e.field,...t?{force:!0}:{}}})},fe=()=>{let e=R;V(null),e&&X(e,!1)},pe=()=>{let e=H;U(null),e&&X(e.credential,!0)},me=async t=>{let n=`${t.service}:${t.field}`;q(n);try{let r=await le(i,{service:t.service,field:t.field,label:t.alias??void 0});r.ok&&r.url?K({name:n,url:r.url,expiresAt:r.expiresAt??null}):x.error(r.error||e(`credentialsPage.generateLinkFailedToast`))}catch(t){x.error(t instanceof Error?t.message:e(`credentialsPage.generateLinkFailedToast`))}finally{q(null)}},he=()=>{let t=G?.url;t&&S(t,{successMessage:e(`credentialsPage.linkCopiedToast`),errorMessage:e(`credentialsPage.linkCopyFailedToast`)})};if(d.isLoading)return(0,B.jsx)(`div`,{className:`flex items-center justify-center py-10`,children:(0,B.jsx)(p,{className:`h-5 w-5 animate-spin text-[var(--content-disabled)]`})});let Z=m.length>0,Q=w.length>0,ge=m.length>W,$=M===`managed`&&Q,_e=!$,ve=[{value:`own`,label:e(`credentialsPage.segmentYourOwn`)},{value:`managed`,label:e(`credentialsPage.segmentManaged`)}];return(0,B.jsxs)(`div`,{className:`space-y-4`,children:[(0,B.jsx)(ae,{title:e(`credentialsPage.title`),subtitle:e($?`credentialsPage.subtitleManaged`:`credentialsPage.subtitleOwn`),accessory:(0,B.jsxs)(`div`,{className:`flex items-center gap-2`,children:[Q?(0,B.jsx)(ne,{items:ve,value:M,onChange:N,ariaLabel:e(`credentialsPage.credentialSourceAriaLabel`)}):null,_e&&Z?(0,B.jsx)(k,{type:`button`,variant:`primary`,size:`regular`,onClick:()=>j(!0),leftIcon:(0,B.jsx)(s,{"aria-hidden":!0}),children:e(`credentialsPage.addButton`)}):null]}),children:$?(0,B.jsx)(`div`,{className:`space-y-2`,children:w.map(t=>(0,B.jsx)(P.Root,{children:(0,B.jsxs)(P.Body,{padding:`sm`,className:`flex items-center gap-4 px-4`,children:[(0,B.jsx)(f,{className:`h-5 w-5 shrink-0 text-[var(--content-secondary)]`,"aria-hidden":!0}),(0,B.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,B.jsx)(`p`,{className:`truncate text-title-small text-[var(--content-default)]`,children:t.provider}),(0,B.jsxs)(`p`,{className:`truncate text-body-medium-lighter text-[var(--content-tertiary)]`,children:[t.accountInfo??t.handle,` · `,t.status]})]}),(0,B.jsx)(D,{tone:`neutral`,children:e(`credentialsPage.managedTag`)})]})},t.handle))}):(0,B.jsxs)(`div`,{className:`space-y-4`,children:[Z?(0,B.jsxs)(`div`,{className:`space-y-3`,children:[ge?(0,B.jsx)(A,{type:`text`,value:F,onChange:e=>I(e.target.value),placeholder:e(`credentialsPage.searchPlaceholder`),"aria-label":e(`credentialsPage.searchAriaLabel`),leftIcon:(0,B.jsx)(u,{className:`h-3.5 w-3.5`,"aria-hidden":!0}),fullWidth:!0}):null,Y.length===0?(0,B.jsx)(`p`,{className:`px-1 py-2 text-body-medium-lighter text-[var(--content-tertiary)]`,children:e(`credentialsPage.noMatch`,{query:F.trim()})}):(0,B.jsx)(`div`,{className:`space-y-2`,children:Y.map(e=>{let t=`${e.service}:${e.field}`;return(0,B.jsx)(se,{credential:e,assistantId:i,generatingLink:ue===t,deleting:de===t,onGenerateLink:()=>void me(e),onDelete:()=>V(e)},e.credentialId??t)})})]}):(0,B.jsxs)(`div`,{className:`flex flex-col items-center justify-center px-6 py-12 text-center`,children:[(0,B.jsx)(`div`,{className:`flex h-12 w-12 items-center justify-center rounded-full bg-[var(--surface-base)]`,children:(0,B.jsx)(f,{className:`h-6 w-6 text-[var(--content-disabled)] dark:text-[var(--content-default)]`,"aria-hidden":!0})}),(0,B.jsx)(`h3`,{className:`mt-4 text-title-small text-[var(--content-default)]`,children:e(`credentialsPage.emptyTitle`)}),(0,B.jsx)(`p`,{className:`mt-1 text-body-medium-lighter text-[var(--content-tertiary)]`,children:e(`credentialsPage.emptySubtitle`)})]}),Z?null:(0,B.jsx)(k,{type:`button`,variant:`outlined`,size:`compact`,onClick:()=>j(!0),className:`w-full border-dashed`,leftIcon:(0,B.jsx)(s,{"aria-hidden":!0}),children:e(`credentialsPage.addCredentialButton`)})]})}),(0,B.jsx)(y,{open:R!==null,title:e(`credentialsPage.deleteConfirmTitle`),message:R?e(`credentialsPage.deleteConfirmMessage`,{name:`${R.service}:${R.field}`}):``,confirmLabel:e(`credentialsPage.deleteConfirmLabel`),destructive:!0,onConfirm:fe,onCancel:()=>V(null)}),(0,B.jsx)(y,{open:H!==null,title:e(`credentialsPage.inUseTitle`),message:H?e(`credentialsPage.inUseMessage`,{count:H.connections.length,name:`${H.credential.service}:${H.credential.field}`,connections:oe(H.connections)}):``,confirmLabel:e(`credentialsPage.inUseConfirmLabel`),destructive:!0,onConfirm:pe,onCancel:()=>U(null)}),(0,B.jsx)(re,{open:E,onClose:()=>j(!1)}),(0,B.jsx)(b.Root,{open:G!==null,onOpenChange:e=>{e||K(null)},children:(0,B.jsxs)(b.Content,{size:`sm`,children:[(0,B.jsxs)(b.Header,{icon:o,children:[(0,B.jsx)(b.Title,{children:e(`credentialsPage.oneTimeLinkModalTitle`)}),(0,B.jsx)(b.Description,{children:G?e(`credentialsPage.oneTimeLinkModalDescription`,{name:G.name,expiresClause:G.expiresAt===null?``:e(`credentialsPage.oneTimeLinkModalExpiresClause`,{expiresAt:new Date(ce(G.expiresAt)).toLocaleString()})}):``})]}),(0,B.jsx)(b.Body,{children:(0,B.jsx)(A,{label:e(`credentialsPage.linkLabel`),type:`text`,readOnly:!0,value:G?.url??``,onFocus:e=>e.currentTarget.select(),fullWidth:!0})}),(0,B.jsx)(b.Footer,{children:(0,B.jsx)(k,{type:`button`,size:`compact`,onClick:he,leftIcon:(0,B.jsx)(h,{"aria-hidden":!0}),children:e(`credentialsPage.copyLinkButton`)})})]})})]})}export{G as CredentialsPage};

package/dist/assets/{csv-preview-Cd3HCzYw.js → csv-preview-B386P-zj.js}

@@ -1,4 +1,4 @@
-import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{at as t,j as n}from"./vendor-yoekmcrB.js";import{t as r,x as i}from"./react-BJ4PZBJN.js";import{t as a}from"./preview-error-BzQPJj0w.js";import{$n as o,db as s}from"./index-DA0GBGXJ.js";var c=e(i(),1),l=[`,`,`;`,`	`];function u(e){let t=e.trim();return t===``?!1:/^[+-]?(\d+(\.\d+)?|\.\d+)([eE][+-]?\d+)?$/.test(t)}function d(e,t){let n=0,r=!1,i=!1;for(let a=0;a<e.length;a+=1){let o=e[a];if(r){o===`"`&&(e[a+1]===`"`?a+=1:r=!1),i=!0;continue}if(o===`"`){r=!0,i=!0;continue}if(o===`
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{at as t,j as n}from"./vendor-yoekmcrB.js";import{t as r,x as i}from"./react-BJ4PZBJN.js";import{t as a}from"./preview-error-DtZ0mjgO.js";import{$n as o,db as s}from"./index-BGc71lz7.js";var c=e(i(),1),l=[`,`,`;`,`	`];function u(e){let t=e.trim();return t===``?!1:/^[+-]?(\d+(\.\d+)?|\.\d+)([eE][+-]?\d+)?$/.test(t)}function d(e,t){let n=0,r=!1,i=!1;for(let a=0;a<e.length;a+=1){let o=e[a];if(r){o===`"`&&(e[a+1]===`"`?a+=1:r=!1),i=!0;continue}if(o===`"`){r=!0,i=!0;continue}if(o===`
 `||o===`\r`){if(i)break;continue}o===t&&(n+=1),i=!0}return n}function f(e){let t=l[0],n=0;for(let r of l){let i=d(e,r);i>n&&(t=r,n=i)}return t}function p(e,t){let n=[],r=[],i=``,a=!1,o=!1,s=()=>{r.push(i),i=``,r.length===1&&r[0]===``||n.push(r),r=[]};for(let c=0;c<e.length;c+=1){let l=e[c];if(a){l===`"`?e[c+1]===`"`?(i+=`"`,c+=1):a=!1:i+=l;continue}if(l===`"`&&i===``){a=!0;continue}if(l===t){r.push(i),i=``;continue}if(l===`\r`||l===`
 `){if(l===`\r`&&e[c+1]===`
 `&&(c+=1),s(),n.length>=5e3)return o=e.slice(c+1).trim()!==``,{records:n,truncated:o};continue}i+=l}return(i!==``||r.length>0)&&s(),{records:n,truncated:o}}function m(e){let t=e[0];return!t||e.length<2||t.some(e=>e.trim()===``||u(e))?!1:e.slice(1).some(e=>e.some(e=>u(e)))}function h(e){let t=e.charCodeAt(0)===65279?e.slice(1):e;if(t.trim()===``)return{headers:null,rows:[],truncated:!1};let{records:n,truncated:r}=p(t,f(t));if(n.length===0)return{headers:null,rows:[],truncated:r};let i=n.reduce((e,t)=>Math.max(e,t.length),0),a=Math.min(i,200),o=i>200,s=n.map(e=>{let t=e.slice(0,a);for(;t.length<a;)t.push(``);return t}),c=m(s);return{headers:c?s[0]:null,rows:c?s.slice(1):s,truncated:r||o}}var g=r(),_=30,v=`border-b border-r border-[var(--border-element)] px-2 py-1 align-top last:border-r-0`,y={Table:({style:e,...t})=>(0,g.jsx)(`table`,{...t,className:`w-full min-w-max border-collapse text-body-small-default text-[var(--content-default)]`,style:e}),TableRow:({item:e,...t})=>(0,g.jsx)(`tr`,{...t})};function b({blob:e,filename:r}){let{t:i}=n(`chat`),[l,u]=(0,c.useState)(null),[d,f]=(0,c.useState)(!1);(0,c.useEffect)(()=>{let t=!1;return u(null),f(!1),e.text().then(e=>{t||u(e)},()=>{t||f(!0)}),()=>{t=!0}},[e]);let p=(0,c.useMemo)(()=>l===null?null:h(l),[l]),m=p?.headers??null,b=(0,c.useCallback)(()=>m===null?null:(0,g.jsx)(`tr`,{children:m.map((e,t)=>(0,g.jsx)(`th`,{scope:`col`,title:e,className:`${v} bg-[var(--surface-sunken)] text-left text-body-small-emphasised`,children:(0,g.jsx)(`span`,{className:`block max-w-[20rem] truncate`,children:e})},t))}),[m]);if(d)return(0,g.jsx)(a,{filename:r});if(p===null)return(0,g.jsx)(o,{});let x=m?.length??p.rows[0]?.length??0;return x===0?(0,g.jsx)(`div`,{role:`status`,className:`flex h-full items-center justify-center p-4`,children:(0,g.jsx)(s,{as:`span`,variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,children:i(`csvPreview.emptyFile`)})}):(0,g.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col`,children:[(0,g.jsx)(t,{data:p.rows,initialItemCount:Math.min(p.rows.length,_),components:y,fixedHeaderContent:m===null?void 0:b,itemContent:(e,t)=>t.map((e,t)=>(0,g.jsx)(`td`,{title:e,className:v,children:(0,g.jsx)(`span`,{className:`block max-w-[20rem] truncate`,children:e})},t)),className:`min-h-0 flex-1`}),(0,g.jsx)(s,{as:`p`,variant:`label-small-default`,className:`shrink-0 border-t border-[var(--border-element)] px-3 py-1.5 text-[var(--content-tertiary)]`,children:p.truncated?i(`csvPreview.summaryTruncated`,{rows:p.rows.length,columns:x}):i(`csvPreview.summary`,{rows:p.rows.length,columns:x})})]})}export{b as CsvPreview};

package/dist/assets/danger-zone-redirect-page-Dchd67zh.js

@@ -0,0 +1 @@
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{f as t,x as n}from"./react-BJ4PZBJN.js";import{Yv as r}from"./index-BGc71lz7.js";var i=e(n(),1);function a(){let e=t();return(0,i.useEffect)(()=>{e(r.settings.general,{replace:!0})},[e]),null}export{a as DangerZoneRedirectPage};