@vellumai/web 0.11.11-staging.4 → 0.12.0-staging.1

package/dist/assets/{companion-surface-page-DvjS8z2t.js → companion-surface-page-B4SkqGVL.js}

@@ -1 +1 @@
-import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{f as t,g as n,j as r}from"./vendor-CV8wawxx.js";import{b as i,t as a}from"./react-DPM_L_aA.js";import{Ci as o,Hr as s,It as c,Jn as l,Lt as u,Mt as d,X as f,d as p,di as m,f as h,i as g,qn as _,vt as v,xi as y}from"./icons-J6Mg9wGk.js";import{Gl as b,Hy as ee,Qo as x,Qy as S,Wl as C,Xr as te,Zo as ne,as as re,bi as w,cs as T,ds as E,es as D,fs as ie,is as ae,ls as oe,ns as se,on as ce,os as le,ps as ue,rs as de,ts as fe,us as pe,xs as me}from"./index-CDafbyxY.js";import{n as O,r as he,t as ge}from"./companion-layout-VIQo1L9B.js";import{n as k}from"./companion-accent-BRryE_vv.js";var _e=o(`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`}]]),A=e(i(),1),j=a(),M=460,ve=3,N=88,ye=3,P=[`screens`,`tabs`,`windows`],F=(e,t)=>t===`screens`?e.displays.length:t===`tabs`?e.tabs.length:e.windows.length,be=e=>P.find(t=>F(e,t)>0)??`screens`,I=e=>e.kind===`display`?`display-${e.displayId}`:`window-${e.windowId}`;function xe({sources:e,captureThumbnail:t,cardGrowth:n=`up`,avatarBox:i=C,optionsBox:a=C,cardRef:o,label:s,onPick:c}){let{t:l}=r(),{inUnits:u,lineAt:f,introStepOff:p}=ge(i,a),m=u(p(n)),h={left:`50%`,top:f(n,0),transform:n===`up`?`translate(-50%, calc(-100% - ${m}px))`:`translate(-50%, ${m}px)`},g=e===null?[]:P.filter(t=>F(e,t)>0),_=e!==null&&g.length===0,[v,y]=(0,A.useState)(null),b=e===null?`screens`:v!==null&&g.includes(v)?v:be(e),x=(0,A.useMemo)(()=>e===null?[]:b===`screens`?e.displays.map(e=>{let t={kind:`display`,displayId:e.displayId};return{key:I(t),target:t}}):b===`windows`?e.windows.map(e=>{let t={kind:`window`,windowId:e.windowId};return{key:I(t),target:t}}):[],[b,e]),[te,ne]=(0,A.useState)(new Map),re=(0,A.useRef)(new Set),w=(0,A.useRef)(0),T=(0,A.useRef)(!1);(0,A.useEffect)(()=>(T.current=!0,()=>{T.current=!1}),[]),(0,A.useEffect)(()=>{re.current=new Set,w.current+=1,ne(new Map),y(null)},[e]);let E=(0,A.useRef)(null);(0,A.useEffect)(()=>{E.current!==null&&(E.current.scrollTop=0)},[b]),(0,A.useEffect)(()=>{if(t!==void 0)for(let{key:e,target:n}of x){if(re.current.has(e))continue;re.current.add(e);let r=w.current,i=t=>{!T.current||r!==w.current||ne(n=>new Map(n).set(e,t))};t(n).then(i,()=>{i(null)})}},[t,x]);let D=e=>t===void 0?null:te.get(e),ie=e=>l(e===`screens`?`companionSurface.captureScreens`:e===`tabs`?`companionSurface.captureTabs`:`companionSurface.captureWindows`);return(0,j.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:M,...h},onPointerDown:e=>{e.stopPropagation()},children:[g.length>1&&(0,j.jsx)(ee,{className:`mx-auto mb-1.5 w-auto shrink-0`,items:g.map(e=>({value:e,label:ie(e)})),value:b,ariaLabel:l(`companionSurface.captureKind`),onChange:y}),(0,j.jsx)(S,{ref:E,className:`max-h-48 flex-col px-0.5`,size:24,fadeEdges:`end`,hideScrollBar:!0,children:(0,j.jsxs)(`div`,{className:`flex flex-col`,"data-slot":`capture-sources`,children:[e===null&&(0,j.jsx)(B,{}),e!==null&&b===`screens`&&(0,j.jsx)(L,{children:e.displays.map(e=>{let t=l(`companionSurface.captureScreen`,{n:e.index+1}),n=I({kind:`display`,displayId:e.displayId});return(0,j.jsx)(R,{title:t,ariaLabel:t,answer:D(n),fallback:(0,j.jsx)(d,{className:`size-5 text-white/40`,"aria-hidden":!0}),onClick:()=>{c?.({kind:`display`,displayId:e.displayId})}},n)})}),e!==null&&b===`windows`&&(0,j.jsx)(L,{children:e.windows.map(e=>{let t=I({kind:`window`,windowId:e.windowId}),n=e.title===``?e.app:e.title;return(0,j.jsx)(R,{title:n,ariaLabel:e.title===``?n:`${n} (${e.app})`,answer:D(t),fallback:(0,j.jsx)(z,{icon:e.icon,large:!0}),icon:(0,j.jsx)(z,{icon:e.icon}),onClick:()=>{c?.({kind:`window`,windowId:e.windowId})}},t)})}),e!==null&&b===`tabs`&&(0,j.jsx)(`div`,{className:`flex flex-col`,children:e.tabs.map(e=>(0,j.jsx)(Se,{icon:(0,j.jsx)(z,{icon:e.icon}),title:e.title,onClick:()=>{c?.({kind:`tab`,chromeWindowId:e.chromeWindowId,tabIndex:e.tabIndex})}},`tab-${e.chromeWindowId}-${e.tabIndex}`))}),_&&(0,j.jsx)(`span`,{className:`px-2 py-3 text-[12px] text-white/50`,children:l(`companionSurface.captureNothing`)})]})})]})}function L({children:e}){return(0,j.jsx)(`div`,{className:`grid gap-1.5 py-0.5`,style:{gridTemplateColumns:`repeat(${ve}, minmax(0, 1fr))`},children:e})}function R({title:e,ariaLabel:t,answer:n,fallback:r,icon:i,onClick:a}){return(0,j.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,j.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:N},children:n==null?r:(0,j.jsx)(`img`,{src:n,alt:``,draggable:!1,className:`max-h-full max-w-full object-contain`})}),(0,j.jsxs)(`span`,{className:`flex min-w-0 items-center gap-1`,children:[i,(0,j.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-[11px] text-white/75 group-hover:text-white/90`,children:e})]})]})}function Se({icon:e,title:t,onClick:n}){return(0,j.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,j.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:t})]})}function z({icon:e,large:t=!1}){return(0,j.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,j.jsx)(y,{className:t?`size-5 text-white/40`:`size-3 text-white/70`,"aria-hidden":!0}):(0,j.jsx)(`img`,{src:e,alt:``,className:`size-full`,draggable:!1})})}function B(){return(0,j.jsx)(L,{children:Array.from({length:ye},(e,t)=>(0,j.jsxs)(`div`,{className:`flex flex-col gap-1 p-1`,"aria-hidden":!0,children:[(0,j.jsx)(`span`,{className:`animate-pulse rounded-md bg-white/10`,style:{height:N}}),(0,j.jsx)(`span`,{className:`h-2 animate-pulse rounded-full bg-white/10`,style:{width:t===0?`70%`:`45%`}})]},t))})}var V=260;function Ce({offer:e,growth:t=`right`,cardGrowth:n=`up`,avatarBox:i=C,optionsBox:a=C,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}=ge(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,j.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:V,...g,..._},onPointerDown:e=>{e.stopPropagation()},children:[(0,j.jsx)(`p`,{className:`text-[11px] font-medium tracking-wide text-white/45 uppercase select-none`,children:l}),(0,j.jsx)(S,{className:`max-h-40 flex-col`,size:20,fadeEdges:`end`,hideScrollBar:!0,children:(0,j.jsx)(`p`,{dir:`auto`,className:`text-[13px] leading-[1.45] text-white/90`,children:e.text})}),(0,j.jsxs)(`div`,{className:`flex flex-wrap items-center justify-end gap-1 pt-0.5`,children:[(0,j.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,j.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,j.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 H=244,we={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`}},Te=e=>e===`talk`?e:void 0,Ee=e=>e===null||e===`meet`?null:`hover`;function De({beat:e,growth:t=`right`,cardGrowth:n=`up`,avatarBox:i=C,optionsBox:a=C,accentHex:o,assistantName:s,cardRef:c,onAdvance:l}){let{t:u}=r(),d=b.indexOf(e),f=d===b.length-1,p=we[e],{inUnits:m,avatarHalf:h,lineAt:g,edgeAt:_,introStepOff:v}=ge(i,a),y=m(v(n)),ee=_(t,-h),x={top:g(n,0),transform:n===`up`?`translateY(calc(-100% - ${y}px))`:`translateY(${y}px)`};return(0,j.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:H,...ee,...x},onPointerDown:e=>{e.stopPropagation()},children:[(0,j.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,j.jsx)(`p`,{className:`text-[12px] leading-[1.45] text-white/70`,children:u(p.body)}),(0,j.jsxs)(`div`,{className:`flex items-center justify-between pt-0.5`,children:[(0,j.jsx)(`div`,{className:`flex items-center gap-1`,"aria-hidden":!0,children:b.map((e,t)=>(0,j.jsx)(`span`,{className:`size-1.5 rounded-full transition-colors`,style:{backgroundColor:t===d?o??`#5eead4`:`rgba(255,255,255,.2)`}},e))}),(0,j.jsxs)(`div`,{className:`flex items-center gap-1`,children:[!f&&(0,j.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,j.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 U={min:3,max:10},W=(e=Math.random)=>{let t=e();return t<1/3?`top`:t<2/3?`topLeft`:`topRight`},G=1600,Oe=.22,ke=.04,Ae=4,K=(e,t)=>{let n=Math.min(.95,Math.max(.25,e.eyeCenterFrac+e.eyeHalfFrac+ke)),r=Math.min(t,24,14/n),i=r*n;return{size:r,exposed:i,clip:{width:r+2*Ae,height:i+Ae},rest:i+2}},je=(e,t=Math.random)=>(e.min+t()*(e.max-e.min))*1e3;function Me(e,t=U){let[n,r]=(0,A.useState)(0),{min:i,max:a}=t;return(0,A.useEffect)(()=>{if(!e)return;let t,n=()=>{t=setTimeout(()=>{r(e=>e+1),n()},je({min:i,max:a}))};return n(),()=>{clearTimeout(t)}},[e,i,a]),n}var q=(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 Ne({character:e,capsule:r,enabled:i,held:a=!1,edge:o,interval:s=U,className:c,style:l}){let u=t(),d=(0,A.useMemo)(()=>ce(w,e),[e]),f=Me(i&&!a&&!u&&d!==null,s),[p,m]=(0,A.useState)(!1),[h,g]=(0,A.useState)(`top`);if((0,A.useEffect)(()=>{if(f===0)return;g(W()),m(!0);let e=setTimeout(()=>{m(!1)},G);return()=>{clearTimeout(e)}},[f]),d===null||u)return null;let _=K(d,r.width),v=a||p,y=o??h,b=q(y,_.clip,r);return(0,j.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,j.jsx)(`div`,{className:`absolute`,style:b.slot,children:(0,j.jsx)(`div`,{className:`absolute inset-0 overflow-hidden`,children:(0,j.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:Oe,ease:`easeIn`},children:(0,j.jsx)(te,{components:w,traits:e,size:_.size})})})})})}var J=`#5eead4`,Pe=new Set([`transcribing`,`thinking`,`speaking`]),Fe=28,Y={idle:{width:64,height:14},closing:Fe,rim:2,bloom:4},Ie=Y.idle,Le=(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(`, `),Re=244,X=200,ze=120,Be={watching:40,summary:220,dictating:Re+32,offer:X+32,call:4+ze+180};function Ve({phase:e,assistantName:n=``,accentHex:i=J,avatarSrc:a,character:o,hovered:s=!1,growth:c=`right`,avatarBox:l=C,optionsBox:u=C,cardGrowth:d=`up`,rootRef:f,restingPillRef:p,avatarRef:m,onSurfacePointerDown:h,onSurfaceContextMenu:g,spotlight:_,onWatch:v,onTeach:y,picking:b=!1,sharing:ee=!1,shareEnabled:x=!1,sharePicking:S=!1,onShare:te,onStopShare:ne,annotating:re=!1,onAnnotate:w,onAvatarClick:T,working:E=!1,watching:D=!1,watchRetro:ie,onWatchRetro:ae,dictationOffer:oe,offer:se,watchEnabled:ce=!1,dictating:le,dictationText:ue=``,call:de,onControl:fe,intro:pe,picker:me}){let{t:O}=r(),he=e!==`resting`,k=e===`call`||e===`dictating`||e===`offer`||e===`summary`||e===`watching`,[_e,M]=(0,A.useState)(!1);(0,A.useEffect)(()=>{if(e!==`hover`){M(!1);return}let t=setTimeout(()=>{M(!0)},500);return()=>{clearTimeout(t)}},[e]);let ve=_===`talk`||e===`hover`&&_e,N=ie===`pending`,ye=E||de!==void 0&&Pe.has(de.phase),P=t(),F=(0,A.useRef)(null),[be,I]=(0,A.useState)(null);(0,A.useLayoutEffect)(()=>{let e=F.current;if(!e)return;let t=()=>{I(e.scrollWidth)};t();let n=new ResizeObserver(t);return n.observe(e),()=>{n.disconnect()}},[e]);let{scale:xe,avatarRel:L,avatarHalf:R,baseline:Se,gap:z,inUnits:B,lineAt:V,edgeAt:Ce}=ge(l,u),H=e===`call`,we=k?(be??Be[e])+16:0,Te=Ce(c,R+z),Ee=l/C,De=he?{width:Y.closing*Ee,height:Y.closing*Ee}:Y.idle,U=pe!=null,W=H?{width:we,left:`50%`,top:V(d,0),transform:`translate(-50%, -50%)`,transitionTimingFunction:`cubic-bezier(.2,.8,.2,1)`}:{width:we,...Te,top:V(d,Se),transform:`translateY(-100%)`,transitionTimingFunction:`cubic-bezier(.2,.8,.2,1)`},G=H?`calc(50% - ${we/2+B(R+z)}px)`:`50%`;return(0,j.jsxs)(`div`,{className:`absolute top-0 left-0 origin-top-left`,style:{width:`${100/xe}%`,height:`${100/xe}%`,transform:`scale(${xe})`},children:[(0,j.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 ${!H&&c===`left`?`justify-end`:``}`,style:W,onPointerDown:h,onContextMenu:g,ref:f,children:[(0,j.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:+!!k},"aria-hidden":!0}),H&&(0,j.jsx)(`span`,{className:`companion-working-ring pointer-events-none absolute -inset-0.5 rounded-full transition-opacity duration-200`,style:{opacity:+!!k,"--companion-ring-accent":i},"aria-hidden":!0}),(0,j.jsx)(`div`,{className:`relative flex h-11 shrink-0 items-center`,style:{paddingInline:8},children:(0,j.jsx)(`div`,{className:`flex min-w-0 items-center gap-1 overflow-hidden transition-opacity duration-200`,ref:F,inert:!k,style:{opacity:+!!k,transitionDelay:k?`120ms`:`0ms`},children:e===`call`?(0,j.jsx)(Ye,{call:de,assistantName:n,watching:D,watchEnabled:ce,picking:b,sharing:ee,shareEnabled:x,sharePicking:S,annotating:re,onControl:fe,onWatch:v,onTeach:y,onShare:te,onStopShare:ne,onAnnotate:w}):e===`dictating`&&le!==void 0?(0,j.jsx)(Ke,{dictating:le,dictationText:ue}):e===`summary`&&ie!==void 0?(0,j.jsx)(Je,{retro:ie,onWatchRetro:ae}):e===`offer`&&oe!==void 0?(0,j.jsx)(qe,{offer:oe}):(0,j.jsx)(Z,{watching:D,onWatch:v})})})]}),(0,j.jsx)(`div`,{className:`absolute cursor-grab active:cursor-grabbing`,style:{width:B(Y.idle.width),height:B(Y.idle.height),pointerEvents:he?`none`:void 0,left:`50%`,top:V(d,0),transform:`translate(-50%, -50%)`},onPointerDown:h,onContextMenu:g,ref:p,"aria-hidden":!0,children:(0,j.jsx)(`div`,{className:`absolute top-1/2 left-1/2 rounded-full transition-[width,height,opacity] duration-300`,style:{width:B(De.width),height:B(De.height),transform:`translate(-50%, -50%)`,transitionTimingFunction:`cubic-bezier(.2,.8,.2,1)`,transitionProperty:P?`opacity`:void 0,boxShadow:Le(i,B(Y.rim),B(Y.bloom)),opacity:+!he}})}),(0,j.jsx)(We,{className:ve?`opacity-100`:`opacity-0`,"data-companion-name":ve?`shown`:`hidden`,style:{left:`50%`,top:V(d,0),transform:`translate(-50%, calc(-100% - ${B(R)}px - 4px))`},label:O(`companionSurface.talk`)}),(0,j.jsx)(Ge,{label:O(e===`call`?`companionSurface.openVellum`:`companionSurface.talk`),accentHex:i,avatarSrc:a,character:o,attentive:s,busy:ye||D||N,collapsed:!he&&!U,restingScale:C/l,style:{left:G,top:V(d,0),transform:`translate(-50%, -50%)${L===1?``:` scale(${L})`}`,transition:P?void 0:`left 300ms cubic-bezier(.2,.8,.2,1)`},elementRef:m,onPointerDown:h,onContextMenu:g,onClick:T}),pe,me,se]})}var He=`rgba(28, 28, 30, 0.55)`,Ue=`backdrop-blur-md backdrop-saturate-150`;function We({className:e,style:t,label:n,...r}){return(0,j.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 ${Ue} ${e}`,style:{...t,backgroundColor:He},"aria-hidden":!0,...r,children:[n,(0,j.jsx)(`span`,{className:`absolute top-full left-1/2 h-1.5 w-2.5 -translate-x-1/2 ${Ue}`,style:{backgroundColor:He,clipPath:`polygon(0 0, 100% 0, 50% 100%)`},"aria-hidden":!0})]})}function Ge({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,j.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,j.jsx)(Ne,{character:r,capsule:Ie,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,j.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,j.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,j.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,j.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,j.jsx)(`div`,{className:`relative drop-shadow-[0_1px_3px_rgba(0,0,0,0.55)]`,children:(0,j.jsx)(te,{components:w,traits:r,size:Fe,isAssistantBusy:i,attentive:a})})})})]})}function Ke({dictating:e,dictationText:t}){let{t:n}=r(),i=t.trim();return(0,j.jsxs)(`div`,{className:`flex h-7 shrink-0 items-center gap-2 px-1`,children:[(0,j.jsx)(m,{className:`size-4 shrink-0`,"aria-hidden":!0}),i?(0,j.jsx)(`span`,{dir:`auto`,className:`flex justify-end overflow-hidden text-[12px] whitespace-nowrap text-white/85`,style:{width:Re},children:(0,j.jsx)(`span`,{className:`shrink-0`,children:i})}):(0,j.jsx)(`span`,{className:`truncate text-[12px] text-white/85`,style:{width:Re},children:n(e===`listening`?`companionSurface.dictating`:`companionSurface.dictatingTranscribing`)})]})}function qe({offer:e}){let{t}=r();return(0,j.jsxs)(`div`,{className:`flex h-7 shrink-0 items-center gap-2 px-1`,children:[(0,j.jsx)(m,{className:`size-4 shrink-0`,"aria-hidden":!0}),(0,j.jsx)(`span`,{className:`truncate text-[12px] text-white/85`,style:{width:X},children:e.reason===`claimed`?t(`companionSurface.offerHeard`,{app:e.app}):t(`companionSurface.offerNowhere`)})]})}function Z({watching:e=!1,onWatch:t}){return(0,j.jsx)(j.Fragment,{children:e&&(0,j.jsx)(et,{onWatch:t})})}function Q({watching:e,watchEnabled:t,picking:n,onWatch:i,onTeach:a}){let{t:o}=r();return t?(0,j.jsx)($,{icon:(0,j.jsx)(_,{className:`size-4`}),label:o(`companionSurface.teach`),pressed:e||n,onClick:e?i:a??i}):e?(0,j.jsx)(et,{onWatch:i}):null}function Je({retro:e,onWatchRetro:t}){let{t:n}=r();return e===`pending`?(0,j.jsx)(`span`,{className:`ml-1 shrink-0 text-[12px] text-white/85`,children:n(`companionSurface.summarizing`)}):(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)($,{icon:(0,j.jsx)(f,{className:`size-4`}),label:n(`companionSurface.showSummary`),showLabel:!0,onClick:()=>{t?.(!0)}}),(0,j.jsx)($,{icon:(0,j.jsx)(g,{className:`size-4`}),label:n(`companionSurface.notNow`),showLabel:!0,onClick:()=>{t?.(!1)}})]})}function Ye({call:e,assistantName:t,watching:n,watchEnabled:i,picking:a,sharing:o,shareEnabled:s,sharePicking:l,annotating:d,onControl:f,onWatch:m,onTeach:g,onShare:_,onStopShare:v,onAnnotate:y}){let{t:b}=r();if(e===void 0)return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(`span`,{className:`ml-1 max-w-[160px] shrink-0 truncate text-[12px] text-white/85`,children:t===``?b(`companionSurface.calling`):b(`companionSurface.callingNamed`,{name:t})}),(0,j.jsx)(Q,{watching:n,watchEnabled:i,picking:a,onWatch:m,onTeach:g}),(0,j.jsx)(Qe,{onControl:f})]});if(e.approvalRequestId!==``)return(0,j.jsx)($e,{detail:e.detail,requestId:e.approvalRequestId,onControl:f});let ee=e.detail||e.label,{muted:x,outputMuted:S}=e;return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(`span`,{className:`ml-1 shrink-0 truncate text-[12px] text-white/85`,style:{width:ze},children:ee}),(0,j.jsx)(Q,{watching:n,watchEnabled:i,picking:a,onWatch:m,onTeach:g}),(0,j.jsx)(Xe,{sharing:o,shareEnabled:s,sharePicking:l,onShare:_,onStopShare:v}),(0,j.jsx)(Ze,{sharing:o,annotating:d,onAnnotate:y}),(0,j.jsx)($,{icon:x?(0,j.jsx)(u,{className:`size-4`}):(0,j.jsx)(c,{className:`size-4`}),label:b(x?`companionSurface.unmuteMicrophone`:`companionSurface.muteMicrophone`),onClick:()=>{f?.(x?`unmuteMicrophone`:`muteMicrophone`)}}),(0,j.jsx)($,{icon:S?(0,j.jsx)(p,{className:`size-4`}):(0,j.jsx)(h,{className:`size-4`}),label:b(S?`companionSurface.unmuteAssistant`:`companionSurface.muteAssistant`),onClick:()=>{f?.(S?`unmuteAssistantAudio`:`muteAssistantAudio`)}}),(0,j.jsx)(Qe,{onControl:f})]})}function Xe({sharing:e,shareEnabled:t,sharePicking:n,onShare:i,onStopShare:a}){let{t:o}=r();return!t&&!e?null:(0,j.jsx)($,{icon:(0,j.jsx)(_e,{className:`size-4`}),label:o(`companionSurface.share`),pressed:e||n,onClick:e?a:i})}function Ze({sharing:e,annotating:t,onAnnotate:n}){let{t:i}=r();return e?(0,j.jsx)($,{icon:(0,j.jsx)(v,{className:`size-4`}),label:i(`companionSurface.draw`),pressed:t,onClick:()=>{n?.(!t)}}):null}function Qe({onControl:e}){let{t}=r();return(0,j.jsx)($,{icon:(0,j.jsx)(g,{className:`size-4`,strokeWidth:2.5}),label:t(`companionSurface.endSession`),tone:`negative`,onClick:()=>{e?.(`endSession`)}})}function $e({detail:e,requestId:t,onControl:n}){let{t:i}=r();return(0,j.jsxs)(j.Fragment,{children:[e!==``&&(0,j.jsx)(`span`,{className:`ml-1 max-w-[120px] shrink-0 truncate text-[12px] text-white/85`,children:e}),(0,j.jsx)($,{icon:(0,j.jsx)(s,{className:`size-4`}),label:i(`companionSurface.allow`),showLabel:!0,tone:`positive`,onClick:()=>{n?.(`approveRequest`,t)}}),(0,j.jsx)($,{icon:(0,j.jsx)(g,{className:`size-4`}),label:i(`companionSurface.deny`),showLabel:!0,tone:`negative`,onClick:()=>{n?.(`denyRequest`,t)}})]})}function et({onWatch:e}){let{t}=r();return(0,j.jsx)($,{icon:(0,j.jsx)(l,{className:`size-4`}),label:t(`companionSurface.stopTeaching`),onClick:e})}var tt=`-translate-y-[calc(50%+22px)]`;function $({icon:e,label:t,tone:n,showLabel:r=!1,pressed:i,onClick:a}){return(0,j.jsxs)(`button`,{type:`button`,"aria-label":t,"aria-pressed":i,onClick:a,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 ${i===!0?`bg-white/15`:``} ${n===`negative`?`text-[#ff6b6b]`:n===`positive`?`text-[#5ee08a]`:`text-white/85`}`,children:[e,r?(0,j.jsx)(`span`,{children:t}):(0,j.jsx)(We,{label:t,className:`opacity-0 group-hover:opacity-100 ${tt}`,"data-label":`hover`})]})}var nt=3;function rt(){let{t:e}=r(),[t,n]=(0,A.useState)(`right`),[i,a]=(0,A.useState)(`up`),[o,s]=(0,A.useState)(C),[c,l]=(0,A.useState)(C),[u,d]=(0,A.useState)(),[f,p]=(0,A.useState)(),[m,h]=(0,A.useState)(),[g,_]=(0,A.useState)(null),[v,y]=(0,A.useState)(!1),[b,ee]=(0,A.useState)(void 0),[S,te]=(0,A.useState)(``),[w,ce]=(0,A.useState)(``),[ge,_e]=(0,A.useState)(!1),[M,ve]=(0,A.useState)(!1),[N,ye]=(0,A.useState)(void 0),[P,F]=(0,A.useState)(void 0),[be,I]=(0,A.useState)(!1),[L,R]=(0,A.useState)(!1),[Se,z]=(0,A.useState)(void 0),[B,V]=(0,A.useState)(!1),[H,we]=(0,A.useState)(!1),[U,W]=(0,A.useState)(!1),[G,Oe]=(0,A.useState)(`teach`),[ke,Ae]=(0,A.useState)(null),K=(0,A.useRef)(0),[je,Me]=(0,A.useState)(!1),[q,Ne]=(0,A.useState)(null),J=(0,A.useRef)(!1),Pe=(0,A.useRef)(null),Fe=(0,A.useRef)(null),Y=(0,A.useRef)(null),Ie=(0,A.useRef)(null),Le=(0,A.useRef)(null),Re=(0,A.useRef)(null),X=(0,A.useRef)(null),ze=(0,A.useRef)(null),Be=(0,A.useRef)(!1);(0,A.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),ce(e.assistantName),_e(e.working),ve(e.watching===!0),ee(e.dictating),te(e.dictationText??``),ye(e.watchRetro),F(e.dictationOffer),I(e.watchEnabled===!0),R(e.watchTargets===!0),z(e.screenShare),V(e.screenShareEnabled===!0),we(e.annotating===!0),Ne(e.intro)},t=ie(e);return de().then(t=>{t&&e(t)}),t},[]),(0,A.useEffect)(()=>()=>{T(!1)},[]);let He=g!==null||v,Ue=Se!==void 0;(0,A.useEffect)(()=>{He||(K.current+=1,W(!1))},[He]),(0,A.useEffect)(()=>{M&&G===`teach`&&(K.current+=1,W(!1))},[M,G]),(0,A.useEffect)(()=>{Ue&&G===`share`&&(K.current+=1,W(!1))},[Ue,G]);let We=(e,t)=>{Ae(null),Oe(e),W(!0);let n=++K.current;ae().then(e=>{if(n===K.current){if(e!==null){Ae(e);return}W(!1),t()}})},Ge=()=>{if(!L){ue();return}if(U&&G===`teach`){K.current+=1,W(!1);return}We(`teach`,ue)},Ke=()=>{if(U&&G===`share`){K.current+=1,W(!1);return}We(`share`,()=>void 0)};(0,A.useEffect)(()=>{!U&&J.current&&(J.current=!1,T(!1))},[U]),(0,A.useEffect)(()=>{P===void 0&&J.current&&(J.current=!1,T(!1))},[P]);let qe=e=>{if(K.current+=1,W(!1),G===`share`){oe(e);return}ue(e)},Z=e=>{J.current!==e&&(J.current=e,T(e))},Q=q!==null&&g===null&&!v,Je=(0,A.useRef)(Q);(0,A.useEffect)(()=>{Je.current&&!Q&&(Me(!1),Z(!1)),Je.current=Q},[Q]);let Ye=Ee(q),Xe=g!==null||v?`call`:b===void 0?P===void 0?M?`watching`:N===void 0?Ye??(je?`hover`:`resting`):`summary`:`offer`:`dictating`,Ze=e=>{if(X.current!==null&&e.buttons===0&&(X.current=null),X.current!==null){let{x:t,y:n}=X.current;re(e.screenX-t,e.screenY-n),X.current={x:e.screenX,y:e.screenY};let r=ze.current;r!==null&&Math.abs(e.screenX-r.x)+Math.abs(e.screenY-r.y)>nt&&(Be.current=!0);return}let t=Y.current;if(!t)return;let n=Pe.current?.getBoundingClientRect()??null,r=Fe.current?.getBoundingClientRect()??null,i=n!==null&&n.width>0?n:r!==null&&r.width>0?r:null,a=he({x:e.clientX,y:e.clientY},{avatar:t.getBoundingClientRect(),pill:i}),o=Ie.current,s=o!==null&&O(o.getBoundingClientRect(),e.clientX,e.clientY),c=Re.current,l=c!==null&&O(c.getBoundingClientRect(),e.clientX,e.clientY),u=Le.current,d=u!==null&&O(u.getBoundingClientRect(),e.clientX,e.clientY);Me(a),Z(a||s||d||l)},Qe=k(g,m,f);return(0,j.jsx)(`div`,{className:`relative h-screen w-screen bg-transparent`,onMouseMove:Ze,onMouseUp:()=>{X.current=null},onPointerCancel:()=>{X.current=null,Me(!1),Z(!1)},onMouseLeave:()=>{X.current===null&&(Me(!1),Z(!1))},children:(0,j.jsx)(Ve,{phase:Xe,growth:t,cardGrowth:i,avatarBox:o,optionsBox:c,avatarSrc:u,character:f,hovered:je,accentHex:Qe,call:g??void 0,assistantName:w,dictating:b,dictationText:S,working:ge,watching:M,watchRetro:N,onWatchRetro:fe,dictationOffer:P,offer:P===void 0?null:(0,j.jsx)(Ce,{offer:P,growth:t,cardGrowth:i,avatarBox:o,optionsBox:c,cardRef:Re,onAnswer:e=>{D(e,P.id)}}),watchEnabled:be,spotlight:Te(q),intro:!Q||q===null?null:(0,j.jsx)(De,{beat:q,growth:t,cardGrowth:i,avatarBox:o,optionsBox:c,accentHex:Qe,assistantName:w===``?void 0:w,cardRef:Ie,onAdvance:x}),rootRef:Pe,restingPillRef:Fe,avatarRef:Y,onSurfacePointerDown:e=>{e.button===0&&e.target.closest(`button, a`)===null&&(e.currentTarget.setPointerCapture(e.pointerId),X.current={x:e.screenX,y:e.screenY},ze.current={x:e.screenX,y:e.screenY},Be.current=!1)},onSurfaceContextMenu:e=>{(window.getSelection()?.toString().trim().length??0)>0||(e.preventDefault(),pe())},onAvatarClick:()=>{if(!Be.current){if(g!==null||v){ne();return}E()}},onWatch:()=>{ue()},onTeach:Ge,picking:U&&G===`teach`,sharing:Ue,shareEnabled:B,sharePicking:U&&G===`share`,onShare:Ke,onStopShare:()=>{oe()},annotating:H,onAnnotate:e=>{le(e)},picker:U?(0,j.jsx)(xe,{sources:ke,captureThumbnail:se,cardGrowth:i,avatarBox:o,optionsBox:c,cardRef:Le,label:G===`share`?e(`companionSurface.sharePicker`):void 0,onPick:qe}):null,onControl:(e,t)=>{me(t===void 0?{action:e}:{action:e,requestId:t})}})})}export{rt as CompanionSurfacePage};
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{f as t,g as n,j as r}from"./vendor-CV8wawxx.js";import{b as i,t as a}from"./react-DPM_L_aA.js";import{Ci as o,Hr as s,It as c,Jn as l,Lt as u,Mt as d,X as f,d as p,di as m,f as h,i as g,qn as _,vt as v,xi as y}from"./icons-J6Mg9wGk.js";import{Gl as b,Hy as ee,Qo as x,Qy as S,Wl as C,Xr as te,Zo as ne,as as re,bi as w,cs as T,ds as E,es as D,fs as ie,is as ae,ls as oe,ns as se,on as ce,os as le,ps as ue,rs as de,ts as fe,us as pe,xs as me}from"./index-8UA9Y4Ao.js";import{n as O,r as he,t as ge}from"./companion-layout-CpBAlBPD.js";import{n as k}from"./companion-accent-Bw9urL-h.js";var _e=o(`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`}]]),A=e(i(),1),j=a(),M=460,ve=3,N=88,ye=3,P=[`screens`,`tabs`,`windows`],F=(e,t)=>t===`screens`?e.displays.length:t===`tabs`?e.tabs.length:e.windows.length,be=e=>P.find(t=>F(e,t)>0)??`screens`,I=e=>e.kind===`display`?`display-${e.displayId}`:`window-${e.windowId}`;function xe({sources:e,captureThumbnail:t,cardGrowth:n=`up`,avatarBox:i=C,optionsBox:a=C,cardRef:o,label:s,onPick:c}){let{t:l}=r(),{inUnits:u,lineAt:f,introStepOff:p}=ge(i,a),m=u(p(n)),h={left:`50%`,top:f(n,0),transform:n===`up`?`translate(-50%, calc(-100% - ${m}px))`:`translate(-50%, ${m}px)`},g=e===null?[]:P.filter(t=>F(e,t)>0),_=e!==null&&g.length===0,[v,y]=(0,A.useState)(null),b=e===null?`screens`:v!==null&&g.includes(v)?v:be(e),x=(0,A.useMemo)(()=>e===null?[]:b===`screens`?e.displays.map(e=>{let t={kind:`display`,displayId:e.displayId};return{key:I(t),target:t}}):b===`windows`?e.windows.map(e=>{let t={kind:`window`,windowId:e.windowId};return{key:I(t),target:t}}):[],[b,e]),[te,ne]=(0,A.useState)(new Map),re=(0,A.useRef)(new Set),w=(0,A.useRef)(0),T=(0,A.useRef)(!1);(0,A.useEffect)(()=>(T.current=!0,()=>{T.current=!1}),[]),(0,A.useEffect)(()=>{re.current=new Set,w.current+=1,ne(new Map),y(null)},[e]);let E=(0,A.useRef)(null);(0,A.useEffect)(()=>{E.current!==null&&(E.current.scrollTop=0)},[b]),(0,A.useEffect)(()=>{if(t!==void 0)for(let{key:e,target:n}of x){if(re.current.has(e))continue;re.current.add(e);let r=w.current,i=t=>{!T.current||r!==w.current||ne(n=>new Map(n).set(e,t))};t(n).then(i,()=>{i(null)})}},[t,x]);let D=e=>t===void 0?null:te.get(e),ie=e=>l(e===`screens`?`companionSurface.captureScreens`:e===`tabs`?`companionSurface.captureTabs`:`companionSurface.captureWindows`);return(0,j.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:M,...h},onPointerDown:e=>{e.stopPropagation()},children:[g.length>1&&(0,j.jsx)(ee,{className:`mx-auto mb-1.5 w-auto shrink-0`,items:g.map(e=>({value:e,label:ie(e)})),value:b,ariaLabel:l(`companionSurface.captureKind`),onChange:y}),(0,j.jsx)(S,{ref:E,className:`max-h-48 flex-col px-0.5`,size:24,fadeEdges:`end`,hideScrollBar:!0,children:(0,j.jsxs)(`div`,{className:`flex flex-col`,"data-slot":`capture-sources`,children:[e===null&&(0,j.jsx)(B,{}),e!==null&&b===`screens`&&(0,j.jsx)(L,{children:e.displays.map(e=>{let t=l(`companionSurface.captureScreen`,{n:e.index+1}),n=I({kind:`display`,displayId:e.displayId});return(0,j.jsx)(R,{title:t,ariaLabel:t,answer:D(n),fallback:(0,j.jsx)(d,{className:`size-5 text-white/40`,"aria-hidden":!0}),onClick:()=>{c?.({kind:`display`,displayId:e.displayId})}},n)})}),e!==null&&b===`windows`&&(0,j.jsx)(L,{children:e.windows.map(e=>{let t=I({kind:`window`,windowId:e.windowId}),n=e.title===``?e.app:e.title;return(0,j.jsx)(R,{title:n,ariaLabel:e.title===``?n:`${n} (${e.app})`,answer:D(t),fallback:(0,j.jsx)(z,{icon:e.icon,large:!0}),icon:(0,j.jsx)(z,{icon:e.icon}),onClick:()=>{c?.({kind:`window`,windowId:e.windowId})}},t)})}),e!==null&&b===`tabs`&&(0,j.jsx)(`div`,{className:`flex flex-col`,children:e.tabs.map(e=>(0,j.jsx)(Se,{icon:(0,j.jsx)(z,{icon:e.icon}),title:e.title,onClick:()=>{c?.({kind:`tab`,chromeWindowId:e.chromeWindowId,tabIndex:e.tabIndex})}},`tab-${e.chromeWindowId}-${e.tabIndex}`))}),_&&(0,j.jsx)(`span`,{className:`px-2 py-3 text-[12px] text-white/50`,children:l(`companionSurface.captureNothing`)})]})})]})}function L({children:e}){return(0,j.jsx)(`div`,{className:`grid gap-1.5 py-0.5`,style:{gridTemplateColumns:`repeat(${ve}, minmax(0, 1fr))`},children:e})}function R({title:e,ariaLabel:t,answer:n,fallback:r,icon:i,onClick:a}){return(0,j.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,j.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:N},children:n==null?r:(0,j.jsx)(`img`,{src:n,alt:``,draggable:!1,className:`max-h-full max-w-full object-contain`})}),(0,j.jsxs)(`span`,{className:`flex min-w-0 items-center gap-1`,children:[i,(0,j.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-[11px] text-white/75 group-hover:text-white/90`,children:e})]})]})}function Se({icon:e,title:t,onClick:n}){return(0,j.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,j.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:t})]})}function z({icon:e,large:t=!1}){return(0,j.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,j.jsx)(y,{className:t?`size-5 text-white/40`:`size-3 text-white/70`,"aria-hidden":!0}):(0,j.jsx)(`img`,{src:e,alt:``,className:`size-full`,draggable:!1})})}function B(){return(0,j.jsx)(L,{children:Array.from({length:ye},(e,t)=>(0,j.jsxs)(`div`,{className:`flex flex-col gap-1 p-1`,"aria-hidden":!0,children:[(0,j.jsx)(`span`,{className:`animate-pulse rounded-md bg-white/10`,style:{height:N}}),(0,j.jsx)(`span`,{className:`h-2 animate-pulse rounded-full bg-white/10`,style:{width:t===0?`70%`:`45%`}})]},t))})}var V=260;function Ce({offer:e,growth:t=`right`,cardGrowth:n=`up`,avatarBox:i=C,optionsBox:a=C,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}=ge(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,j.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:V,...g,..._},onPointerDown:e=>{e.stopPropagation()},children:[(0,j.jsx)(`p`,{className:`text-[11px] font-medium tracking-wide text-white/45 uppercase select-none`,children:l}),(0,j.jsx)(S,{className:`max-h-40 flex-col`,size:20,fadeEdges:`end`,hideScrollBar:!0,children:(0,j.jsx)(`p`,{dir:`auto`,className:`text-[13px] leading-[1.45] text-white/90`,children:e.text})}),(0,j.jsxs)(`div`,{className:`flex flex-wrap items-center justify-end gap-1 pt-0.5`,children:[(0,j.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,j.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,j.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 H=244,we={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`}},Te=e=>e===`talk`?e:void 0,Ee=e=>e===null||e===`meet`?null:`hover`;function De({beat:e,growth:t=`right`,cardGrowth:n=`up`,avatarBox:i=C,optionsBox:a=C,accentHex:o,assistantName:s,cardRef:c,onAdvance:l}){let{t:u}=r(),d=b.indexOf(e),f=d===b.length-1,p=we[e],{inUnits:m,avatarHalf:h,lineAt:g,edgeAt:_,introStepOff:v}=ge(i,a),y=m(v(n)),ee=_(t,-h),x={top:g(n,0),transform:n===`up`?`translateY(calc(-100% - ${y}px))`:`translateY(${y}px)`};return(0,j.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:H,...ee,...x},onPointerDown:e=>{e.stopPropagation()},children:[(0,j.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,j.jsx)(`p`,{className:`text-[12px] leading-[1.45] text-white/70`,children:u(p.body)}),(0,j.jsxs)(`div`,{className:`flex items-center justify-between pt-0.5`,children:[(0,j.jsx)(`div`,{className:`flex items-center gap-1`,"aria-hidden":!0,children:b.map((e,t)=>(0,j.jsx)(`span`,{className:`size-1.5 rounded-full transition-colors`,style:{backgroundColor:t===d?o??`#5eead4`:`rgba(255,255,255,.2)`}},e))}),(0,j.jsxs)(`div`,{className:`flex items-center gap-1`,children:[!f&&(0,j.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,j.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 U={min:3,max:10},W=(e=Math.random)=>{let t=e();return t<1/3?`top`:t<2/3?`topLeft`:`topRight`},G=1600,Oe=.22,ke=.04,Ae=4,K=(e,t)=>{let n=Math.min(.95,Math.max(.25,e.eyeCenterFrac+e.eyeHalfFrac+ke)),r=Math.min(t,24,14/n),i=r*n;return{size:r,exposed:i,clip:{width:r+2*Ae,height:i+Ae},rest:i+2}},je=(e,t=Math.random)=>(e.min+t()*(e.max-e.min))*1e3;function Me(e,t=U){let[n,r]=(0,A.useState)(0),{min:i,max:a}=t;return(0,A.useEffect)(()=>{if(!e)return;let t,n=()=>{t=setTimeout(()=>{r(e=>e+1),n()},je({min:i,max:a}))};return n(),()=>{clearTimeout(t)}},[e,i,a]),n}var q=(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 Ne({character:e,capsule:r,enabled:i,held:a=!1,edge:o,interval:s=U,className:c,style:l}){let u=t(),d=(0,A.useMemo)(()=>ce(w,e),[e]),f=Me(i&&!a&&!u&&d!==null,s),[p,m]=(0,A.useState)(!1),[h,g]=(0,A.useState)(`top`);if((0,A.useEffect)(()=>{if(f===0)return;g(W()),m(!0);let e=setTimeout(()=>{m(!1)},G);return()=>{clearTimeout(e)}},[f]),d===null||u)return null;let _=K(d,r.width),v=a||p,y=o??h,b=q(y,_.clip,r);return(0,j.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,j.jsx)(`div`,{className:`absolute`,style:b.slot,children:(0,j.jsx)(`div`,{className:`absolute inset-0 overflow-hidden`,children:(0,j.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:Oe,ease:`easeIn`},children:(0,j.jsx)(te,{components:w,traits:e,size:_.size})})})})})}var J=`#5eead4`,Pe=new Set([`transcribing`,`thinking`,`speaking`]),Fe=28,Y={idle:{width:64,height:14},closing:Fe,rim:2,bloom:4},Ie=Y.idle,Le=(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(`, `),Re=244,X=200,ze=120,Be={watching:40,summary:220,dictating:Re+32,offer:X+32,call:4+ze+180};function Ve({phase:e,assistantName:n=``,accentHex:i=J,avatarSrc:a,character:o,hovered:s=!1,growth:c=`right`,avatarBox:l=C,optionsBox:u=C,cardGrowth:d=`up`,rootRef:f,restingPillRef:p,avatarRef:m,onSurfacePointerDown:h,onSurfaceContextMenu:g,spotlight:_,onWatch:v,onTeach:y,picking:b=!1,sharing:ee=!1,shareEnabled:x=!1,sharePicking:S=!1,onShare:te,onStopShare:ne,annotating:re=!1,onAnnotate:w,onAvatarClick:T,working:E=!1,watching:D=!1,watchRetro:ie,onWatchRetro:ae,dictationOffer:oe,offer:se,watchEnabled:ce=!1,dictating:le,dictationText:ue=``,call:de,onControl:fe,intro:pe,picker:me}){let{t:O}=r(),he=e!==`resting`,k=e===`call`||e===`dictating`||e===`offer`||e===`summary`||e===`watching`,[_e,M]=(0,A.useState)(!1);(0,A.useEffect)(()=>{if(e!==`hover`){M(!1);return}let t=setTimeout(()=>{M(!0)},500);return()=>{clearTimeout(t)}},[e]);let ve=_===`talk`||e===`hover`&&_e,N=ie===`pending`,ye=E||de!==void 0&&Pe.has(de.phase),P=t(),F=(0,A.useRef)(null),[be,I]=(0,A.useState)(null);(0,A.useLayoutEffect)(()=>{let e=F.current;if(!e)return;let t=()=>{I(e.scrollWidth)};t();let n=new ResizeObserver(t);return n.observe(e),()=>{n.disconnect()}},[e]);let{scale:xe,avatarRel:L,avatarHalf:R,baseline:Se,gap:z,inUnits:B,lineAt:V,edgeAt:Ce}=ge(l,u),H=e===`call`,we=k?(be??Be[e])+16:0,Te=Ce(c,R+z),Ee=l/C,De=he?{width:Y.closing*Ee,height:Y.closing*Ee}:Y.idle,U=pe!=null,W=H?{width:we,left:`50%`,top:V(d,0),transform:`translate(-50%, -50%)`,transitionTimingFunction:`cubic-bezier(.2,.8,.2,1)`}:{width:we,...Te,top:V(d,Se),transform:`translateY(-100%)`,transitionTimingFunction:`cubic-bezier(.2,.8,.2,1)`},G=H?`calc(50% - ${we/2+B(R+z)}px)`:`50%`;return(0,j.jsxs)(`div`,{className:`absolute top-0 left-0 origin-top-left`,style:{width:`${100/xe}%`,height:`${100/xe}%`,transform:`scale(${xe})`},children:[(0,j.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 ${!H&&c===`left`?`justify-end`:``}`,style:W,onPointerDown:h,onContextMenu:g,ref:f,children:[(0,j.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:+!!k},"aria-hidden":!0}),H&&(0,j.jsx)(`span`,{className:`companion-working-ring pointer-events-none absolute -inset-0.5 rounded-full transition-opacity duration-200`,style:{opacity:+!!k,"--companion-ring-accent":i},"aria-hidden":!0}),(0,j.jsx)(`div`,{className:`relative flex h-11 shrink-0 items-center`,style:{paddingInline:8},children:(0,j.jsx)(`div`,{className:`flex min-w-0 items-center gap-1 overflow-hidden transition-opacity duration-200`,ref:F,inert:!k,style:{opacity:+!!k,transitionDelay:k?`120ms`:`0ms`},children:e===`call`?(0,j.jsx)(Ye,{call:de,assistantName:n,watching:D,watchEnabled:ce,picking:b,sharing:ee,shareEnabled:x,sharePicking:S,annotating:re,onControl:fe,onWatch:v,onTeach:y,onShare:te,onStopShare:ne,onAnnotate:w}):e===`dictating`&&le!==void 0?(0,j.jsx)(Ke,{dictating:le,dictationText:ue}):e===`summary`&&ie!==void 0?(0,j.jsx)(Je,{retro:ie,onWatchRetro:ae}):e===`offer`&&oe!==void 0?(0,j.jsx)(qe,{offer:oe}):(0,j.jsx)(Z,{watching:D,onWatch:v})})})]}),(0,j.jsx)(`div`,{className:`absolute cursor-grab active:cursor-grabbing`,style:{width:B(Y.idle.width),height:B(Y.idle.height),pointerEvents:he?`none`:void 0,left:`50%`,top:V(d,0),transform:`translate(-50%, -50%)`},onPointerDown:h,onContextMenu:g,ref:p,"aria-hidden":!0,children:(0,j.jsx)(`div`,{className:`absolute top-1/2 left-1/2 rounded-full transition-[width,height,opacity] duration-300`,style:{width:B(De.width),height:B(De.height),transform:`translate(-50%, -50%)`,transitionTimingFunction:`cubic-bezier(.2,.8,.2,1)`,transitionProperty:P?`opacity`:void 0,boxShadow:Le(i,B(Y.rim),B(Y.bloom)),opacity:+!he}})}),(0,j.jsx)(We,{className:ve?`opacity-100`:`opacity-0`,"data-companion-name":ve?`shown`:`hidden`,style:{left:`50%`,top:V(d,0),transform:`translate(-50%, calc(-100% - ${B(R)}px - 4px))`},label:O(`companionSurface.talk`)}),(0,j.jsx)(Ge,{label:O(e===`call`?`companionSurface.openVellum`:`companionSurface.talk`),accentHex:i,avatarSrc:a,character:o,attentive:s,busy:ye||D||N,collapsed:!he&&!U,restingScale:C/l,style:{left:G,top:V(d,0),transform:`translate(-50%, -50%)${L===1?``:` scale(${L})`}`,transition:P?void 0:`left 300ms cubic-bezier(.2,.8,.2,1)`},elementRef:m,onPointerDown:h,onContextMenu:g,onClick:T}),pe,me,se]})}var He=`rgba(28, 28, 30, 0.55)`,Ue=`backdrop-blur-md backdrop-saturate-150`;function We({className:e,style:t,label:n,...r}){return(0,j.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 ${Ue} ${e}`,style:{...t,backgroundColor:He},"aria-hidden":!0,...r,children:[n,(0,j.jsx)(`span`,{className:`absolute top-full left-1/2 h-1.5 w-2.5 -translate-x-1/2 ${Ue}`,style:{backgroundColor:He,clipPath:`polygon(0 0, 100% 0, 50% 100%)`},"aria-hidden":!0})]})}function Ge({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,j.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,j.jsx)(Ne,{character:r,capsule:Ie,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,j.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,j.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,j.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,j.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,j.jsx)(`div`,{className:`relative drop-shadow-[0_1px_3px_rgba(0,0,0,0.55)]`,children:(0,j.jsx)(te,{components:w,traits:r,size:Fe,isAssistantBusy:i,attentive:a})})})})]})}function Ke({dictating:e,dictationText:t}){let{t:n}=r(),i=t.trim();return(0,j.jsxs)(`div`,{className:`flex h-7 shrink-0 items-center gap-2 px-1`,children:[(0,j.jsx)(m,{className:`size-4 shrink-0`,"aria-hidden":!0}),i?(0,j.jsx)(`span`,{dir:`auto`,className:`flex justify-end overflow-hidden text-[12px] whitespace-nowrap text-white/85`,style:{width:Re},children:(0,j.jsx)(`span`,{className:`shrink-0`,children:i})}):(0,j.jsx)(`span`,{className:`truncate text-[12px] text-white/85`,style:{width:Re},children:n(e===`listening`?`companionSurface.dictating`:`companionSurface.dictatingTranscribing`)})]})}function qe({offer:e}){let{t}=r();return(0,j.jsxs)(`div`,{className:`flex h-7 shrink-0 items-center gap-2 px-1`,children:[(0,j.jsx)(m,{className:`size-4 shrink-0`,"aria-hidden":!0}),(0,j.jsx)(`span`,{className:`truncate text-[12px] text-white/85`,style:{width:X},children:e.reason===`claimed`?t(`companionSurface.offerHeard`,{app:e.app}):t(`companionSurface.offerNowhere`)})]})}function Z({watching:e=!1,onWatch:t}){return(0,j.jsx)(j.Fragment,{children:e&&(0,j.jsx)(et,{onWatch:t})})}function Q({watching:e,watchEnabled:t,picking:n,onWatch:i,onTeach:a}){let{t:o}=r();return t?(0,j.jsx)($,{icon:(0,j.jsx)(_,{className:`size-4`}),label:o(`companionSurface.teach`),pressed:e||n,onClick:e?i:a??i}):e?(0,j.jsx)(et,{onWatch:i}):null}function Je({retro:e,onWatchRetro:t}){let{t:n}=r();return e===`pending`?(0,j.jsx)(`span`,{className:`ml-1 shrink-0 text-[12px] text-white/85`,children:n(`companionSurface.summarizing`)}):(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)($,{icon:(0,j.jsx)(f,{className:`size-4`}),label:n(`companionSurface.showSummary`),showLabel:!0,onClick:()=>{t?.(!0)}}),(0,j.jsx)($,{icon:(0,j.jsx)(g,{className:`size-4`}),label:n(`companionSurface.notNow`),showLabel:!0,onClick:()=>{t?.(!1)}})]})}function Ye({call:e,assistantName:t,watching:n,watchEnabled:i,picking:a,sharing:o,shareEnabled:s,sharePicking:l,annotating:d,onControl:f,onWatch:m,onTeach:g,onShare:_,onStopShare:v,onAnnotate:y}){let{t:b}=r();if(e===void 0)return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(`span`,{className:`ml-1 max-w-[160px] shrink-0 truncate text-[12px] text-white/85`,children:t===``?b(`companionSurface.calling`):b(`companionSurface.callingNamed`,{name:t})}),(0,j.jsx)(Q,{watching:n,watchEnabled:i,picking:a,onWatch:m,onTeach:g}),(0,j.jsx)(Qe,{onControl:f})]});if(e.approvalRequestId!==``)return(0,j.jsx)($e,{detail:e.detail,requestId:e.approvalRequestId,onControl:f});let ee=e.detail||e.label,{muted:x,outputMuted:S}=e;return(0,j.jsxs)(j.Fragment,{children:[(0,j.jsx)(`span`,{className:`ml-1 shrink-0 truncate text-[12px] text-white/85`,style:{width:ze},children:ee}),(0,j.jsx)(Q,{watching:n,watchEnabled:i,picking:a,onWatch:m,onTeach:g}),(0,j.jsx)(Xe,{sharing:o,shareEnabled:s,sharePicking:l,onShare:_,onStopShare:v}),(0,j.jsx)(Ze,{sharing:o,annotating:d,onAnnotate:y}),(0,j.jsx)($,{icon:x?(0,j.jsx)(u,{className:`size-4`}):(0,j.jsx)(c,{className:`size-4`}),label:b(x?`companionSurface.unmuteMicrophone`:`companionSurface.muteMicrophone`),onClick:()=>{f?.(x?`unmuteMicrophone`:`muteMicrophone`)}}),(0,j.jsx)($,{icon:S?(0,j.jsx)(p,{className:`size-4`}):(0,j.jsx)(h,{className:`size-4`}),label:b(S?`companionSurface.unmuteAssistant`:`companionSurface.muteAssistant`),onClick:()=>{f?.(S?`unmuteAssistantAudio`:`muteAssistantAudio`)}}),(0,j.jsx)(Qe,{onControl:f})]})}function Xe({sharing:e,shareEnabled:t,sharePicking:n,onShare:i,onStopShare:a}){let{t:o}=r();return!t&&!e?null:(0,j.jsx)($,{icon:(0,j.jsx)(_e,{className:`size-4`}),label:o(`companionSurface.share`),pressed:e||n,onClick:e?a:i})}function Ze({sharing:e,annotating:t,onAnnotate:n}){let{t:i}=r();return e?(0,j.jsx)($,{icon:(0,j.jsx)(v,{className:`size-4`}),label:i(`companionSurface.draw`),pressed:t,onClick:()=>{n?.(!t)}}):null}function Qe({onControl:e}){let{t}=r();return(0,j.jsx)($,{icon:(0,j.jsx)(g,{className:`size-4`,strokeWidth:2.5}),label:t(`companionSurface.endSession`),tone:`negative`,onClick:()=>{e?.(`endSession`)}})}function $e({detail:e,requestId:t,onControl:n}){let{t:i}=r();return(0,j.jsxs)(j.Fragment,{children:[e!==``&&(0,j.jsx)(`span`,{className:`ml-1 max-w-[120px] shrink-0 truncate text-[12px] text-white/85`,children:e}),(0,j.jsx)($,{icon:(0,j.jsx)(s,{className:`size-4`}),label:i(`companionSurface.allow`),showLabel:!0,tone:`positive`,onClick:()=>{n?.(`approveRequest`,t)}}),(0,j.jsx)($,{icon:(0,j.jsx)(g,{className:`size-4`}),label:i(`companionSurface.deny`),showLabel:!0,tone:`negative`,onClick:()=>{n?.(`denyRequest`,t)}})]})}function et({onWatch:e}){let{t}=r();return(0,j.jsx)($,{icon:(0,j.jsx)(l,{className:`size-4`}),label:t(`companionSurface.stopTeaching`),onClick:e})}var tt=`-translate-y-[calc(50%+22px)]`;function $({icon:e,label:t,tone:n,showLabel:r=!1,pressed:i,onClick:a}){return(0,j.jsxs)(`button`,{type:`button`,"aria-label":t,"aria-pressed":i,onClick:a,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 ${i===!0?`bg-white/15`:``} ${n===`negative`?`text-[#ff6b6b]`:n===`positive`?`text-[#5ee08a]`:`text-white/85`}`,children:[e,r?(0,j.jsx)(`span`,{children:t}):(0,j.jsx)(We,{label:t,className:`opacity-0 group-hover:opacity-100 ${tt}`,"data-label":`hover`})]})}var nt=3;function rt(){let{t:e}=r(),[t,n]=(0,A.useState)(`right`),[i,a]=(0,A.useState)(`up`),[o,s]=(0,A.useState)(C),[c,l]=(0,A.useState)(C),[u,d]=(0,A.useState)(),[f,p]=(0,A.useState)(),[m,h]=(0,A.useState)(),[g,_]=(0,A.useState)(null),[v,y]=(0,A.useState)(!1),[b,ee]=(0,A.useState)(void 0),[S,te]=(0,A.useState)(``),[w,ce]=(0,A.useState)(``),[ge,_e]=(0,A.useState)(!1),[M,ve]=(0,A.useState)(!1),[N,ye]=(0,A.useState)(void 0),[P,F]=(0,A.useState)(void 0),[be,I]=(0,A.useState)(!1),[L,R]=(0,A.useState)(!1),[Se,z]=(0,A.useState)(void 0),[B,V]=(0,A.useState)(!1),[H,we]=(0,A.useState)(!1),[U,W]=(0,A.useState)(!1),[G,Oe]=(0,A.useState)(`teach`),[ke,Ae]=(0,A.useState)(null),K=(0,A.useRef)(0),[je,Me]=(0,A.useState)(!1),[q,Ne]=(0,A.useState)(null),J=(0,A.useRef)(!1),Pe=(0,A.useRef)(null),Fe=(0,A.useRef)(null),Y=(0,A.useRef)(null),Ie=(0,A.useRef)(null),Le=(0,A.useRef)(null),Re=(0,A.useRef)(null),X=(0,A.useRef)(null),ze=(0,A.useRef)(null),Be=(0,A.useRef)(!1);(0,A.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),ce(e.assistantName),_e(e.working),ve(e.watching===!0),ee(e.dictating),te(e.dictationText??``),ye(e.watchRetro),F(e.dictationOffer),I(e.watchEnabled===!0),R(e.watchTargets===!0),z(e.screenShare),V(e.screenShareEnabled===!0),we(e.annotating===!0),Ne(e.intro)},t=ie(e);return de().then(t=>{t&&e(t)}),t},[]),(0,A.useEffect)(()=>()=>{T(!1)},[]);let He=g!==null||v,Ue=Se!==void 0;(0,A.useEffect)(()=>{He||(K.current+=1,W(!1))},[He]),(0,A.useEffect)(()=>{M&&G===`teach`&&(K.current+=1,W(!1))},[M,G]),(0,A.useEffect)(()=>{Ue&&G===`share`&&(K.current+=1,W(!1))},[Ue,G]);let We=(e,t)=>{Ae(null),Oe(e),W(!0);let n=++K.current;ae().then(e=>{if(n===K.current){if(e!==null){Ae(e);return}W(!1),t()}})},Ge=()=>{if(!L){ue();return}if(U&&G===`teach`){K.current+=1,W(!1);return}We(`teach`,ue)},Ke=()=>{if(U&&G===`share`){K.current+=1,W(!1);return}We(`share`,()=>void 0)};(0,A.useEffect)(()=>{!U&&J.current&&(J.current=!1,T(!1))},[U]),(0,A.useEffect)(()=>{P===void 0&&J.current&&(J.current=!1,T(!1))},[P]);let qe=e=>{if(K.current+=1,W(!1),G===`share`){oe(e);return}ue(e)},Z=e=>{J.current!==e&&(J.current=e,T(e))},Q=q!==null&&g===null&&!v,Je=(0,A.useRef)(Q);(0,A.useEffect)(()=>{Je.current&&!Q&&(Me(!1),Z(!1)),Je.current=Q},[Q]);let Ye=Ee(q),Xe=g!==null||v?`call`:b===void 0?P===void 0?M?`watching`:N===void 0?Ye??(je?`hover`:`resting`):`summary`:`offer`:`dictating`,Ze=e=>{if(X.current!==null&&e.buttons===0&&(X.current=null),X.current!==null){let{x:t,y:n}=X.current;re(e.screenX-t,e.screenY-n),X.current={x:e.screenX,y:e.screenY};let r=ze.current;r!==null&&Math.abs(e.screenX-r.x)+Math.abs(e.screenY-r.y)>nt&&(Be.current=!0);return}let t=Y.current;if(!t)return;let n=Pe.current?.getBoundingClientRect()??null,r=Fe.current?.getBoundingClientRect()??null,i=n!==null&&n.width>0?n:r!==null&&r.width>0?r:null,a=he({x:e.clientX,y:e.clientY},{avatar:t.getBoundingClientRect(),pill:i}),o=Ie.current,s=o!==null&&O(o.getBoundingClientRect(),e.clientX,e.clientY),c=Re.current,l=c!==null&&O(c.getBoundingClientRect(),e.clientX,e.clientY),u=Le.current,d=u!==null&&O(u.getBoundingClientRect(),e.clientX,e.clientY);Me(a),Z(a||s||d||l)},Qe=k(g,m,f);return(0,j.jsx)(`div`,{className:`relative h-screen w-screen bg-transparent`,onMouseMove:Ze,onMouseUp:()=>{X.current=null},onPointerCancel:()=>{X.current=null,Me(!1),Z(!1)},onMouseLeave:()=>{X.current===null&&(Me(!1),Z(!1))},children:(0,j.jsx)(Ve,{phase:Xe,growth:t,cardGrowth:i,avatarBox:o,optionsBox:c,avatarSrc:u,character:f,hovered:je,accentHex:Qe,call:g??void 0,assistantName:w,dictating:b,dictationText:S,working:ge,watching:M,watchRetro:N,onWatchRetro:fe,dictationOffer:P,offer:P===void 0?null:(0,j.jsx)(Ce,{offer:P,growth:t,cardGrowth:i,avatarBox:o,optionsBox:c,cardRef:Re,onAnswer:e=>{D(e,P.id)}}),watchEnabled:be,spotlight:Te(q),intro:!Q||q===null?null:(0,j.jsx)(De,{beat:q,growth:t,cardGrowth:i,avatarBox:o,optionsBox:c,accentHex:Qe,assistantName:w===``?void 0:w,cardRef:Ie,onAdvance:x}),rootRef:Pe,restingPillRef:Fe,avatarRef:Y,onSurfacePointerDown:e=>{e.button===0&&e.target.closest(`button, a`)===null&&(e.currentTarget.setPointerCapture(e.pointerId),X.current={x:e.screenX,y:e.screenY},ze.current={x:e.screenX,y:e.screenY},Be.current=!1)},onSurfaceContextMenu:e=>{(window.getSelection()?.toString().trim().length??0)>0||(e.preventDefault(),pe())},onAvatarClick:()=>{if(!Be.current){if(g!==null||v){ne();return}E()}},onWatch:()=>{ue()},onTeach:Ge,picking:U&&G===`teach`,sharing:Ue,shareEnabled:B,sharePicking:U&&G===`share`,onShare:Ke,onStopShare:()=>{oe()},annotating:H,onAnnotate:e=>{le(e)},picker:U?(0,j.jsx)(xe,{sources:ke,captureThumbnail:se,cardGrowth:i,avatarBox:o,optionsBox:c,cardRef:Le,label:G===`share`?e(`companionSurface.sharePicker`):void 0,onPick:qe}):null,onControl:(e,t)=>{me(t===void 0?{action:e}:{action:e,requestId:t})}})})}export{rt as CompanionSurfacePage};

package/dist/assets/{companion-watch-frame-page-Dke1FHVo.js → companion-watch-frame-page-CGQiIqjN.js}

@@ -1 +1 @@
-import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{j as t}from"./vendor-CV8wawxx.js";import{b as n,t as r}from"./react-DPM_L_aA.js";import{$o as i,Hl as a,Ul as o,fs as s,rs as c,ss as l}from"./index-CDafbyxY.js";import{n as u}from"./companion-accent-BRryE_vv.js";var d=e(n(),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=r(),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){let r=(t.x-e.x)*n,i=t.y-e.y;return r*r+i*i>=a**2}var W=`<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 G(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">${W}</g><g stroke="${e}" stroke-width="2">${W}</g></svg>`;return`url("data:image/svg+xml,${encodeURIComponent(t)}") 2 22, crosshair`}function K({ink:e}){let[t,n]=(0,d.useState)([]),r=(0,d.useRef)([]),a=(0,d.useRef)(null),s=(0,d.useRef)(!1),c=(0,d.useRef)(0),u=(0,d.useRef)(new Set),f=T(),p=f.height===0?1:f.width/f.height,m=(0,d.useRef)(e);(0,d.useEffect)(()=>{m.current=e},[e]),(0,d.useEffect)(()=>{let e=u.current;return()=>{for(let t of e)clearTimeout(t);e.clear(),a.current!==null&&(a.current=null,i(`released`,[],m.current))}},[]);let h=(0,d.useCallback)(e=>{r.current=e,n(e)},[]),g=e=>({x:f.width===0?0:H(e.clientX/f.width),y:f.height===0?0:H(e.clientY/f.height)}),_=()=>{a.current===null&&(s.current=!0,l(!0))},v=()=>{s.current&&(s.current=!1,l(!1))},y=t=>{if(v(),a.current!==null)return;t.currentTarget.setPointerCapture(t.pointerId);let n=c.current++;a.current=n,h([...r.current,{id:n,points:[g(t)],spent:!1}]),i(`drawing`,[],e)},b=e=>{v();let t=a.current;if(t===null)return;let n=g(e),i=r.current.find(e=>e.id===t);if(i===void 0)return;let o=i.points[i.points.length-1];o!==void 0&&!U(o,n,p)||h(r.current.map(e=>e.id===t?{...e,points:[...e.points,n].slice(-512)}:e))},x=t=>{if(a.current===null)return;a.current=null,t.currentTarget.hasPointerCapture(t.pointerId)&&t.currentTarget.releasePointerCapture(t.pointerId);let n=r.current.map(e=>({...e,spent:!0}));h(n),i(`released`,n.slice(-24).map(e=>({points:e.points})),e);let o=new Set(n.map(e=>e.id)),s=setTimeout(()=>{u.current.delete(s),h(r.current.filter(e=>!o.has(e.id)))},V+900);u.current.add(s)},S=o*Math.min(f.width,f.height);return(0,E.jsx)(`svg`,{className:`companion-share-annotation fixed inset-0 h-full w-full`,style:{cursor:(0,d.useMemo)(()=>G(e),[e]),"--companion-ink-hold":`${V}ms`,"--companion-ink-fade":`900ms`},"data-testid":`companion-share-annotation`,role:`presentation`,onPointerDown:y,onPointerMove:b,onPointerUp:x,onPointerCancel:x,onWheel:_,children:t.map(t=>(0,E.jsx)(q,{stroke:t,box:f,width:S,ink:e},t.id))})}function q({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 J(e,t){return e?{kind:`teaching`}:t===void 0?null:{kind:`sharing`,target:t}}function Y({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 X(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 Z(){let[e,t]=(0,d.useState)(null);(0,d.useEffect)(()=>{let e=s(t);return c().then(e=>{e&&t(e)}),e},[]);let n=e?.watching===!0,r=e?.screenShare!==void 0,i=J(n,e?.screenShare),a=i!==null,o=X(e?.captureCount??0,n),l=u(e?.call??null,e?.accentHex,e?.character),f=l===void 0?void 0:{"--companion-ring-accent":l},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)(Y,{read:i,assistantName:e?.assistantName??``,style:m}),n&&o>0&&(0,E.jsx)(`div`,{className:`companion-watch-frame-flash fixed inset-0`,style:f},o),h&&(0,E.jsx)(K,{ink:l??`#5eead4`}),g.length>0&&(0,E.jsx)(B,{marks:g,ink:l??`#5eead4`})]})}export{Z as CompanionWatchFramePage};
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{j as t}from"./vendor-CV8wawxx.js";import{b as n,t as r}from"./react-DPM_L_aA.js";import{$o as i,Hl as a,Ul as o,fs as s,rs as c,ss as l}from"./index-8UA9Y4Ao.js";import{n as u}from"./companion-accent-Bw9urL-h.js";var d=e(n(),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=r(),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){let r=(t.x-e.x)*n,i=t.y-e.y;return r*r+i*i>=a**2}var W=`<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 G(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">${W}</g><g stroke="${e}" stroke-width="2">${W}</g></svg>`;return`url("data:image/svg+xml,${encodeURIComponent(t)}") 2 22, crosshair`}function K({ink:e}){let[t,n]=(0,d.useState)([]),r=(0,d.useRef)([]),a=(0,d.useRef)(null),s=(0,d.useRef)(!1),c=(0,d.useRef)(0),u=(0,d.useRef)(new Set),f=T(),p=f.height===0?1:f.width/f.height,m=(0,d.useRef)(e);(0,d.useEffect)(()=>{m.current=e},[e]),(0,d.useEffect)(()=>{let e=u.current;return()=>{for(let t of e)clearTimeout(t);e.clear(),a.current!==null&&(a.current=null,i(`released`,[],m.current))}},[]);let h=(0,d.useCallback)(e=>{r.current=e,n(e)},[]),g=e=>({x:f.width===0?0:H(e.clientX/f.width),y:f.height===0?0:H(e.clientY/f.height)}),_=()=>{a.current===null&&(s.current=!0,l(!0))},v=()=>{s.current&&(s.current=!1,l(!1))},y=t=>{if(v(),a.current!==null)return;t.currentTarget.setPointerCapture(t.pointerId);let n=c.current++;a.current=n,h([...r.current,{id:n,points:[g(t)],spent:!1}]),i(`drawing`,[],e)},b=e=>{v();let t=a.current;if(t===null)return;let n=g(e),i=r.current.find(e=>e.id===t);if(i===void 0)return;let o=i.points[i.points.length-1];o!==void 0&&!U(o,n,p)||h(r.current.map(e=>e.id===t?{...e,points:[...e.points,n].slice(-512)}:e))},x=t=>{if(a.current===null)return;a.current=null,t.currentTarget.hasPointerCapture(t.pointerId)&&t.currentTarget.releasePointerCapture(t.pointerId);let n=r.current.map(e=>({...e,spent:!0}));h(n),i(`released`,n.slice(-24).map(e=>({points:e.points})),e);let o=new Set(n.map(e=>e.id)),s=setTimeout(()=>{u.current.delete(s),h(r.current.filter(e=>!o.has(e.id)))},V+900);u.current.add(s)},S=o*Math.min(f.width,f.height);return(0,E.jsx)(`svg`,{className:`companion-share-annotation fixed inset-0 h-full w-full`,style:{cursor:(0,d.useMemo)(()=>G(e),[e]),"--companion-ink-hold":`${V}ms`,"--companion-ink-fade":`900ms`},"data-testid":`companion-share-annotation`,role:`presentation`,onPointerDown:y,onPointerMove:b,onPointerUp:x,onPointerCancel:x,onWheel:_,children:t.map(t=>(0,E.jsx)(q,{stroke:t,box:f,width:S,ink:e},t.id))})}function q({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 J(e,t){return e?{kind:`teaching`}:t===void 0?null:{kind:`sharing`,target:t}}function Y({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 X(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 Z(){let[e,t]=(0,d.useState)(null);(0,d.useEffect)(()=>{let e=s(t);return c().then(e=>{e&&t(e)}),e},[]);let n=e?.watching===!0,r=e?.screenShare!==void 0,i=J(n,e?.screenShare),a=i!==null,o=X(e?.captureCount??0,n),l=u(e?.call??null,e?.accentHex,e?.character),f=l===void 0?void 0:{"--companion-ring-accent":l},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)(Y,{read:i,assistantName:e?.assistantName??``,style:m}),n&&o>0&&(0,E.jsx)(`div`,{className:`companion-watch-frame-flash fixed inset-0`,style:f},o),h&&(0,E.jsx)(K,{ink:l??`#5eead4`}),g.length>0&&(0,E.jsx)(B,{marks:g,ink:l??`#5eead4`})]})}export{Z as CompanionWatchFramePage};

package/dist/assets/{connect-page-CbTWL0n9.js → connect-page-B0ZRs47i.js}

@@ -1 +1 @@
-import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Jn as t,er as n,j as r}from"./vendor-CV8wawxx.js";import{b as i,f as a,g as o,t as s}from"./react-DPM_L_aA.js";import{cn as c,rn as l,v as u}from"./icons-J6Mg9wGk.js";import{Q as d,Ry as f,Vv as p,ib as m,nb as h,rb as g}from"./index-CDafbyxY.js";import{n as _}from"./a2a-invite-ByUXQW3m.js";import{r as v}from"./contacts-gateway-dFELk1wk.js";var y=e(i(),1),b=s();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:i}=r(`contacts`),s=a(),d=n(),[C]=o(),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(i(`connectPage.alreadyConnected`)):f(i(`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:i(`connectPage.errorGeneric`);if(T.data&&!T.data.success){let e=S(T.data.errorCode);return e?i(e):T.data.error||i(`connectPage.errorGeneric`)}return null},[T.isError,T.error,T.data,i]);return w?(0,b.jsx)(`div`,{className:`flex min-h-full items-center justify-center p-6`,children:(0,b.jsx)(h,{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)(g,{variant:`title-small`,children:i(`connectPage.title`)})]}),(0,b.jsx)(g,{variant:`body-medium-lighter`,style:{color:`var(--content-secondary)`},children:i(`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)(u,{className:`h-4 w-4 shrink-0`}),(0,b.jsx)(g,{variant:`body-small-default`,children:O})]}),(0,b.jsxs)(`div`,{className:`flex gap-2 pt-2`,children:[(0,b.jsx)(m,{variant:`primary`,onClick:D,disabled:T.isPending,children:T.isPending?(0,b.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,b.jsx)(l,{className:`h-4 w-4 animate-spin`}),i(`actions.connecting`)]}):i(`actions.connect`)}),(0,b.jsx)(m,{variant:`outlined`,onClick:E,disabled:T.isPending,children:i(`actions.cancel`)})]})]})})}):(0,b.jsx)(`div`,{className:`flex min-h-full items-center justify-center p-6`,children:(0,b.jsx)(h,{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)(u,{className:`h-6 w-6`,style:{color:`var(--system-negative-strong)`}}),(0,b.jsx)(g,{variant:`title-small`,children:i(`connectPage.invalidTitle`)})]}),(0,b.jsx)(g,{variant:`body-medium-lighter`,style:{color:`var(--content-secondary)`},children:i(`connectPage.invalidBody`)}),(0,b.jsx)(`div`,{className:`flex gap-2 pt-2`,children:(0,b.jsx)(m,{variant:`primary`,onClick:E,children:i(`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-CV8wawxx.js";import{b as i,f as a,g as o,t as s}from"./react-DPM_L_aA.js";import{cn as c,rn as l,v as u}from"./icons-J6Mg9wGk.js";import{Q as d,Ry as f,Vv as p,ib as m,nb as h,rb as g}from"./index-8UA9Y4Ao.js";import{n as _}from"./a2a-invite-ZujDyWPb.js";import{r as v}from"./contacts-gateway-Dox96bwY.js";var y=e(i(),1),b=s();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:i}=r(`contacts`),s=a(),d=n(),[C]=o(),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(i(`connectPage.alreadyConnected`)):f(i(`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:i(`connectPage.errorGeneric`);if(T.data&&!T.data.success){let e=S(T.data.errorCode);return e?i(e):T.data.error||i(`connectPage.errorGeneric`)}return null},[T.isError,T.error,T.data,i]);return w?(0,b.jsx)(`div`,{className:`flex min-h-full items-center justify-center p-6`,children:(0,b.jsx)(h,{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)(g,{variant:`title-small`,children:i(`connectPage.title`)})]}),(0,b.jsx)(g,{variant:`body-medium-lighter`,style:{color:`var(--content-secondary)`},children:i(`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)(u,{className:`h-4 w-4 shrink-0`}),(0,b.jsx)(g,{variant:`body-small-default`,children:O})]}),(0,b.jsxs)(`div`,{className:`flex gap-2 pt-2`,children:[(0,b.jsx)(m,{variant:`primary`,onClick:D,disabled:T.isPending,children:T.isPending?(0,b.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,b.jsx)(l,{className:`h-4 w-4 animate-spin`}),i(`actions.connecting`)]}):i(`actions.connect`)}),(0,b.jsx)(m,{variant:`outlined`,onClick:E,disabled:T.isPending,children:i(`actions.cancel`)})]})]})})}):(0,b.jsx)(`div`,{className:`flex min-h-full items-center justify-center p-6`,children:(0,b.jsx)(h,{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)(u,{className:`h-6 w-6`,style:{color:`var(--system-negative-strong)`}}),(0,b.jsx)(g,{variant:`title-small`,children:i(`connectPage.invalidTitle`)})]}),(0,b.jsx)(g,{variant:`body-medium-lighter`,style:{color:`var(--content-secondary)`},children:i(`connectPage.invalidBody`)}),(0,b.jsx)(`div`,{className:`flex gap-2 pt-2`,children:(0,b.jsx)(m,{variant:`primary`,onClick:E,children:i(`connectPage.goToContacts`)})})]})})})}export{C as ConnectPage};

package/dist/assets/{consent-controls-Drrr2UhE.js → consent-controls-C9CK_6mt.js}

@@ -1 +1 @@
-import{N as e,j as t}from"./vendor-CV8wawxx.js";import{t as n}from"./react-DPM_L_aA.js";import{Bv as r,Ky as i,Vv as a,nb as o}from"./index-CDafbyxY.js";import{t as s}from"./setting-row-Bgw1fig9.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:a.docs.legal.privacyPolicy,text:`Privacy and AI Data Sharing Policy`,aria:`I agree to the Privacy and AI Data Sharing Policy`},tos:{href:a.docs.legal.termsOfUse,text:`Terms of Service`,aria:`I agree to the Terms of Service`}};function f({kind:t,checked:n,onChange:a}){let o=d[t];return(0,c.jsx)(i,{checked:n,onCheckedChange:e=>a(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-CV8wawxx.js";import{t as n}from"./react-DPM_L_aA.js";import{Bv as r,Ky as i,Vv as a,nb as o}from"./index-8UA9Y4Ao.js";import{t as s}from"./setting-row-DD_cFv_d.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:a.docs.legal.privacyPolicy,text:`Privacy and AI Data Sharing Policy`,aria:`I agree to the Privacy and AI Data Sharing Policy`},tos:{href:a.docs.legal.termsOfUse,text:`Terms of Service`,aria:`I agree to the Terms of Service`}};function f({kind:t,checked:n,onChange:a}){let o=d[t];return(0,c.jsx)(i,{checked:n,onCheckedChange:e=>a(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-dFELk1wk.js → contacts-gateway-Dox96bwY.js}

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

package/dist/assets/{contacts-page-route-B2xhWNjU.js → contacts-page-route-DmaeWdie.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-CV8wawxx.js";import{b as s,f as c,g as l,n as u,r as d,t as f}from"./react-DPM_L_aA.js";import{Ci as p,J as m,Pr as h,Sn as g,Xt as _,Y as v,cn as y,ct as b,ei as x,g as S,hi as C,mi as w,mt as T,rn as E,vt as D,zt as O}from"./icons-J6Mg9wGk.js";import{t as k}from"./ellipsis-vertical-DADudCz4.js";import{$r as ee,Bs as A,By as j,Ev as M,Iu as te,Jy as N,Ly as P,My as F,Oy as I,Q as L,Qu as ne,R,Ry as re,Ts as z,Vv as ie,Zr as ae,Zy as oe,bf as se,bh as ce,ei as le,g as ue,gd as B,hd as de,ib as V,io as fe,md as pe,nb as H,rb as U,ti as W,xf as me}from"./index-CDafbyxY.js";import{t as G}from"./detail-card-boVAMOM2.js";import{n as he,r as ge,t as _e}from"./use-side-list-room-BssxBNqp.js";import{c as K,i as ve,n as ye,r as q,t as be}from"./use-invite-link-dialog-D3tLQjXm.js";import{a as xe,i as Se,n as Ce,t as we}from"./contacts-gateway-dFELk1wk.js";var Te=p(`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=p(`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(s(),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=f();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?le(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}=W(e.health);return(0,Y.jsxs)(`div`,{className:`flex items-center gap-3 py-4`,children:[(0,Y.jsx)(ae,{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:le(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)(V,{variant:`danger`,onClick:r,disabled:t,children:i(t?`actions.disconnecting`:`actions.disconnect`)}):(0,Y.jsx)(V,{variant:`outlined`,asChild:!0,children:(0,Y.jsx)(u,{to:`${ie.channels}?setup=${e.key}`,children:i(`actions.manage`)})})]}):n?(0,Y.jsx)(V,{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)(oe,{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=ee(e);if(i)return(0,J.createElement)(i,{size:16,className:n,style:r});switch(t){case`bot`:return(0,Y.jsx)(x,{className:n,style:r});case`hash`:return(0,Y.jsx)(g,{className:n,style:r});case`send`:return(0,Y.jsx)(m,{className:n,style:r});case`phone`:return(0,Y.jsx)(T,{className:n,style:r});case`mail`:return(0,Y.jsx)(_,{className:n,style:r});case`message-square`:return(0,Y.jsx)(O,{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)(h,{className:`h-3 w-3`}),l(`channelStatus.connected`)]}),s?(0,Y.jsx)(V,{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)(h,{className:`h-3 w-3`}),l(`channelStatus.verified`)]}),s?(0,Y.jsx)(V,{variant:`danger`,onClick:s,children:l(`actions.revoke`)}):null]}):u.kind===`unverified`?(0,Y.jsx)(V,{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)(V,{onClick:c,children:[(0,Y.jsx)(y,{className:`h-3.5 w-3.5`}),l(`contactChannelsSection.linkAccount`)]}):null,(0,Y.jsx)(V,{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)(j.Root,{open:!0,onOpenChange:e=>{e||i()},children:(0,Y.jsx)(j.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)(j.Header,{children:(0,Y.jsx)(j.Title,{children:a(`contactChannelsSection.verifyConfirmTitle`,{channel:e.label})})}),(0,Y.jsxs)(j.Body,{className:`flex flex-col gap-3`,children:[(0,Y.jsx)(j.Description,{children:a(n===`contact`?`contactChannelsSection.verifyAddressMessageContact`:`contactChannelsSection.verifyAddressMessageGuardian`,{channel:e.label})}),(0,Y.jsx)(N,{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)(j.Footer,{children:[(0,Y.jsx)(V,{variant:`outlined`,type:`button`,onClick:i,children:a(`actions.cancel`)}),(0,Y.jsx)(V,{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:R.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)(I,{value:a?.id??null,placeholder:r(`contactPermissions.inheritLabel`),disabled:t,onSelectNone:()=>{n(null)},onChange:e=>{let t=R.find(t=>t.id===e);t&&n(t.riskThreshold)},options:[{value:null,label:r(`contactPermissions.inheritLabel`)},...R.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,ee=e.notes??``,A=D!==k||O!==ee,j=D.length>0&&A&&!t&&!n,M=b&&e.channels.length===0&&e.interactionCount===0,te=D||(b?y(`contact.draftName`):e.displayName),F=y(`contact.interactions`,{count:e.interactionCount});return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,Y.jsx)(G,{title:te,accessory:(0,Y.jsx)(X,{role:e.role,contactType:e.contactType}),compactAccessory:!0,subtitle:F,children:(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,Y.jsx)(N,{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)(N,{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)(V,{type:`button`,onClick:()=>u({displayName:D,notes:O}),disabled:!j,children:y(t?`actions.saving`:`actions.save`)}),f?(0,Y.jsx)(V,{type:`button`,variant:`outlined`,onClick:f,disabled:!a||M||A||i||t||n,title:a?M?y(`contactDetailView.mergeBlockedUnsavedDraft`):A?y(`contact.mergeBlockedUnsaved`):void 0:y(`contact.mergeBlockedNoCandidates`),children:y(i?`actions.merging`:`actions.merge`)}):null,(0,Y.jsx)(V,{type:`button`,variant:`danger`,onClick:()=>{M?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:te}),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)(j.Root,{open:e,onOpenChange:e=>{!e&&!r&&s()},children:(0,Y.jsxs)(j.Content,{size:`md`,children:[(0,Y.jsxs)(j.Header,{icon:Ee,children:[(0,Y.jsx)(j.Title,{children:m?c(`contactMergeDialog.titlePicked`,{donor:m.displayName,survivor:h}):c(`contactMergeDialog.titlePicking`,{survivor:h})}),(0,Y.jsx)(j.Description,{children:c(m?`contactMergeDialog.descriptionPicked`:`contactMergeDialog.descriptionPicking`)})]}),(0,Y.jsxs)(j.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)(U,{as:`p`,variant:`body-small-default`,className:`text-(--system-negative-strong)`,role:`alert`,children:i}):null]}),(0,Y.jsx)(j.Footer,{children:m?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(V,{variant:`outlined`,onClick:()=>f(null),disabled:r,leftIcon:(0,Y.jsx)(C,{"aria-hidden":!0}),children:c(`actions.back`)}),(0,Y.jsx)(V,{variant:`danger`,onClick:()=>a(m.id),disabled:r,children:c(r?`actions.merging`:`contactMergeDialog.confirm`)})]}):(0,Y.jsx)(V,{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)(N,{type:`text`,value:e,onChange:e=>t(e.target.value),placeholder:i(`contactMergeDialog.searchPlaceholder`),leftIcon:(0,Y.jsx)(v,{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)(U,{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)(F,{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)(U,{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)(H.Root,{className:`flex h-full flex-col overflow-hidden`,children:(0,Y.jsxs)(H.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)(V,{type:`button`,variant:`ghost`,iconOnly:c?(0,Y.jsx)(E,{className:`animate-spin`,"aria-hidden":!0}):(0,Y.jsx)(b,{"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)(N,{type:`text`,value:l,onChange:e=>u(e.target.value),placeholder:d(`contactsList.searchPlaceholder`),leftIcon:(0,Y.jsx)(v,{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)(V,{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)(D,{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)(F,{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)(oe,{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)(N,{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)(N,{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)(V,{variant:`primary`,onClick:()=>l({displayName:S||e.displayName,notes:C}),disabled:!T,children:h(t?`actions.saving`:`actions.save`)}),u?(0,Y.jsx)(V,{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 h=(0,J.useMemo)(()=>dt(i??[],p),[i,p]),g=c!=null;return(0,Y.jsx)(j.Root,{open:e,onOpenChange:e=>!e&&u(),children:(0,Y.jsxs)(j.Content,{size:`sm`,children:[(0,Y.jsxs)(j.Header,{children:[(0,Y.jsx)(j.Title,{children:f(`linkAccountDialog.title`,{channel:t})}),(0,Y.jsx)(j.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)(j.Body,{className:`flex flex-col gap-3`,children:[(0,Y.jsx)(N,{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)(v,{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`)}):h.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:h.map(e=>(0,Y.jsx)(`li`,{children:(0,Y.jsxs)(`button`,{type:`button`,onClick:()=>l(e),disabled:g,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)(j.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)(V,{variant:`link`,className:`shrink-0`,onClick:d,disabled:g,children:[f(`linkAccountDialog.inviteInstead`),(0,Y.jsx)(w,{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),re.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`),s=te.use.a2aChannel(),c=M.use.name(),u=a(),[f]=l(),p=f.get(`setup`),m=p&&A(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(c),O=(0,J.useMemo)(()=>({path:{assistant_id:e}}),[e]),k=de(O),ee=i({...pe(O),enabled:!!e,select:e=>e.contacts}),j=ye({assistantId:e,onStartSetupConversation:t}),N=i({...ne({path:{assistant_id:e}}),enabled:!!e,queryFn:async({signal:t})=>{let{data:n,error:r,response:i}=await ce({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=ee.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]),ae=(0,J.useMemo)(()=>!I||!z?[]:I.filter(e=>e.id!==z.id&&e.role!==`guardian`),[I,z]),oe=ae.length>0,le=(0,J.useRef)(!!m);(0,J.useEffect)(()=>{le.current||L&&(le.current=!0,g({kind:`contact`,contactId:L.id}))},[L]);let V=(0,J.useCallback)(()=>u.invalidateQueries({queryKey:k}),[u,k]),H=n({mutationFn:()=>Se(e,{displayName:je}),onMutate:async()=>{await u.cancelQueries({queryKey:k})},onSuccess:e=>{B(u,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)=>{B(u,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=>{B(u,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=>{B(u,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=me({onMutate:async()=>{await u.cancelQueries({queryKey:k})},onSuccess:(e,t)=>{let n=e.contact,i=t.body.mergeId;n&&(B(u,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),re.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=se({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({...ue(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)(d,{to:`${ie.channels}?setup=${m}`,replace:!0});let He={loading:ee.isLoading,assistantName:D,guardian:L?{id:L.id,displayName:L.displayName.startsWith(`vellum-principal-`)?``:L.displayName,role:L.role,channelTypes:bt(L.channels,s)}: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,s),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:oe,availableChannels:P,channelsLoadFailed:F,a2aEnabled:s,onSave:e=>{W.mutate({contactId:$.id,patch:e})},onMerge:Ee,onSetupChannel:t?Pe:void 0,onVerifyChannel:Ie,onRevokeChannel:ke,onGenerateInviteLink:s?_.open:void 0}):(0,Y.jsx)(Xe,{contact:$,savePending:W.isPending,deletePending:U.isPending,verifyPending:X.isPending||Z.isPending,mergePending:q.isPending,canMerge:oe,availableChannels:P,channelsLoadFailed:F,a2aEnabled:s,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:ae,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=L();return(0,Y.jsx)(_t,{assistantId:t,onStartSetupConversation:t=>{z(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-CV8wawxx.js";import{b as s,f as c,g as l,n as u,r as d,t as f}from"./react-DPM_L_aA.js";import{Ci as p,J as m,Pr as h,Sn as g,Xt as _,Y as v,cn as y,ct as b,ei as x,g as S,hi as C,mi as w,mt as T,rn as E,vt as D,zt as O}from"./icons-J6Mg9wGk.js";import{t as k}from"./ellipsis-vertical-DADudCz4.js";import{$r as ee,Bs as A,By as j,Ev as M,Iu as te,Jy as N,Ly as P,My as F,Oy as I,Q as L,Qu as ne,R,Ry as re,Ts as z,Vv as ie,Zr as ae,Zy as oe,bf as se,bh as ce,ei as le,g as ue,gd as B,hd as de,ib as V,io as fe,md as pe,nb as H,rb as U,ti as W,xf as me}from"./index-8UA9Y4Ao.js";import{t as G}from"./detail-card-BxI8klTT.js";import{n as he,r as ge,t as _e}from"./use-side-list-room-KIvOD4zT.js";import{c as K,i as ve,n as ye,r as q,t as be}from"./use-invite-link-dialog-BN02hmlY.js";import{a as xe,i as Se,n as Ce,t as we}from"./contacts-gateway-Dox96bwY.js";var Te=p(`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=p(`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(s(),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=f();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?le(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}=W(e.health);return(0,Y.jsxs)(`div`,{className:`flex items-center gap-3 py-4`,children:[(0,Y.jsx)(ae,{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:le(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)(V,{variant:`danger`,onClick:r,disabled:t,children:i(t?`actions.disconnecting`:`actions.disconnect`)}):(0,Y.jsx)(V,{variant:`outlined`,asChild:!0,children:(0,Y.jsx)(u,{to:`${ie.channels}?setup=${e.key}`,children:i(`actions.manage`)})})]}):n?(0,Y.jsx)(V,{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)(oe,{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=ee(e);if(i)return(0,J.createElement)(i,{size:16,className:n,style:r});switch(t){case`bot`:return(0,Y.jsx)(x,{className:n,style:r});case`hash`:return(0,Y.jsx)(g,{className:n,style:r});case`send`:return(0,Y.jsx)(m,{className:n,style:r});case`phone`:return(0,Y.jsx)(T,{className:n,style:r});case`mail`:return(0,Y.jsx)(_,{className:n,style:r});case`message-square`:return(0,Y.jsx)(O,{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)(h,{className:`h-3 w-3`}),l(`channelStatus.connected`)]}),s?(0,Y.jsx)(V,{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)(h,{className:`h-3 w-3`}),l(`channelStatus.verified`)]}),s?(0,Y.jsx)(V,{variant:`danger`,onClick:s,children:l(`actions.revoke`)}):null]}):u.kind===`unverified`?(0,Y.jsx)(V,{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)(V,{onClick:c,children:[(0,Y.jsx)(y,{className:`h-3.5 w-3.5`}),l(`contactChannelsSection.linkAccount`)]}):null,(0,Y.jsx)(V,{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)(j.Root,{open:!0,onOpenChange:e=>{e||i()},children:(0,Y.jsx)(j.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)(j.Header,{children:(0,Y.jsx)(j.Title,{children:a(`contactChannelsSection.verifyConfirmTitle`,{channel:e.label})})}),(0,Y.jsxs)(j.Body,{className:`flex flex-col gap-3`,children:[(0,Y.jsx)(j.Description,{children:a(n===`contact`?`contactChannelsSection.verifyAddressMessageContact`:`contactChannelsSection.verifyAddressMessageGuardian`,{channel:e.label})}),(0,Y.jsx)(N,{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)(j.Footer,{children:[(0,Y.jsx)(V,{variant:`outlined`,type:`button`,onClick:i,children:a(`actions.cancel`)}),(0,Y.jsx)(V,{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:R.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)(I,{value:a?.id??null,placeholder:r(`contactPermissions.inheritLabel`),disabled:t,onSelectNone:()=>{n(null)},onChange:e=>{let t=R.find(t=>t.id===e);t&&n(t.riskThreshold)},options:[{value:null,label:r(`contactPermissions.inheritLabel`)},...R.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,ee=e.notes??``,A=D!==k||O!==ee,j=D.length>0&&A&&!t&&!n,M=b&&e.channels.length===0&&e.interactionCount===0,te=D||(b?y(`contact.draftName`):e.displayName),F=y(`contact.interactions`,{count:e.interactionCount});return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,Y.jsx)(G,{title:te,accessory:(0,Y.jsx)(X,{role:e.role,contactType:e.contactType}),compactAccessory:!0,subtitle:F,children:(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,Y.jsx)(N,{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)(N,{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)(V,{type:`button`,onClick:()=>u({displayName:D,notes:O}),disabled:!j,children:y(t?`actions.saving`:`actions.save`)}),f?(0,Y.jsx)(V,{type:`button`,variant:`outlined`,onClick:f,disabled:!a||M||A||i||t||n,title:a?M?y(`contactDetailView.mergeBlockedUnsavedDraft`):A?y(`contact.mergeBlockedUnsaved`):void 0:y(`contact.mergeBlockedNoCandidates`),children:y(i?`actions.merging`:`actions.merge`)}):null,(0,Y.jsx)(V,{type:`button`,variant:`danger`,onClick:()=>{M?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:te}),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)(j.Root,{open:e,onOpenChange:e=>{!e&&!r&&s()},children:(0,Y.jsxs)(j.Content,{size:`md`,children:[(0,Y.jsxs)(j.Header,{icon:Ee,children:[(0,Y.jsx)(j.Title,{children:m?c(`contactMergeDialog.titlePicked`,{donor:m.displayName,survivor:h}):c(`contactMergeDialog.titlePicking`,{survivor:h})}),(0,Y.jsx)(j.Description,{children:c(m?`contactMergeDialog.descriptionPicked`:`contactMergeDialog.descriptionPicking`)})]}),(0,Y.jsxs)(j.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)(U,{as:`p`,variant:`body-small-default`,className:`text-(--system-negative-strong)`,role:`alert`,children:i}):null]}),(0,Y.jsx)(j.Footer,{children:m?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(V,{variant:`outlined`,onClick:()=>f(null),disabled:r,leftIcon:(0,Y.jsx)(C,{"aria-hidden":!0}),children:c(`actions.back`)}),(0,Y.jsx)(V,{variant:`danger`,onClick:()=>a(m.id),disabled:r,children:c(r?`actions.merging`:`contactMergeDialog.confirm`)})]}):(0,Y.jsx)(V,{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)(N,{type:`text`,value:e,onChange:e=>t(e.target.value),placeholder:i(`contactMergeDialog.searchPlaceholder`),leftIcon:(0,Y.jsx)(v,{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)(U,{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)(F,{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)(U,{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)(H.Root,{className:`flex h-full flex-col overflow-hidden`,children:(0,Y.jsxs)(H.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)(V,{type:`button`,variant:`ghost`,iconOnly:c?(0,Y.jsx)(E,{className:`animate-spin`,"aria-hidden":!0}):(0,Y.jsx)(b,{"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)(N,{type:`text`,value:l,onChange:e=>u(e.target.value),placeholder:d(`contactsList.searchPlaceholder`),leftIcon:(0,Y.jsx)(v,{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)(V,{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)(D,{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)(F,{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)(oe,{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)(N,{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)(N,{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)(V,{variant:`primary`,onClick:()=>l({displayName:S||e.displayName,notes:C}),disabled:!T,children:h(t?`actions.saving`:`actions.save`)}),u?(0,Y.jsx)(V,{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 h=(0,J.useMemo)(()=>dt(i??[],p),[i,p]),g=c!=null;return(0,Y.jsx)(j.Root,{open:e,onOpenChange:e=>!e&&u(),children:(0,Y.jsxs)(j.Content,{size:`sm`,children:[(0,Y.jsxs)(j.Header,{children:[(0,Y.jsx)(j.Title,{children:f(`linkAccountDialog.title`,{channel:t})}),(0,Y.jsx)(j.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)(j.Body,{className:`flex flex-col gap-3`,children:[(0,Y.jsx)(N,{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)(v,{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`)}):h.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:h.map(e=>(0,Y.jsx)(`li`,{children:(0,Y.jsxs)(`button`,{type:`button`,onClick:()=>l(e),disabled:g,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)(j.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)(V,{variant:`link`,className:`shrink-0`,onClick:d,disabled:g,children:[f(`linkAccountDialog.inviteInstead`),(0,Y.jsx)(w,{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),re.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`),s=te.use.a2aChannel(),c=M.use.name(),u=a(),[f]=l(),p=f.get(`setup`),m=p&&A(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(c),O=(0,J.useMemo)(()=>({path:{assistant_id:e}}),[e]),k=de(O),ee=i({...pe(O),enabled:!!e,select:e=>e.contacts}),j=ye({assistantId:e,onStartSetupConversation:t}),N=i({...ne({path:{assistant_id:e}}),enabled:!!e,queryFn:async({signal:t})=>{let{data:n,error:r,response:i}=await ce({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=ee.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]),ae=(0,J.useMemo)(()=>!I||!z?[]:I.filter(e=>e.id!==z.id&&e.role!==`guardian`),[I,z]),oe=ae.length>0,le=(0,J.useRef)(!!m);(0,J.useEffect)(()=>{le.current||L&&(le.current=!0,g({kind:`contact`,contactId:L.id}))},[L]);let V=(0,J.useCallback)(()=>u.invalidateQueries({queryKey:k}),[u,k]),H=n({mutationFn:()=>Se(e,{displayName:je}),onMutate:async()=>{await u.cancelQueries({queryKey:k})},onSuccess:e=>{B(u,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)=>{B(u,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=>{B(u,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=>{B(u,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=me({onMutate:async()=>{await u.cancelQueries({queryKey:k})},onSuccess:(e,t)=>{let n=e.contact,i=t.body.mergeId;n&&(B(u,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),re.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=se({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({...ue(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)(d,{to:`${ie.channels}?setup=${m}`,replace:!0});let He={loading:ee.isLoading,assistantName:D,guardian:L?{id:L.id,displayName:L.displayName.startsWith(`vellum-principal-`)?``:L.displayName,role:L.role,channelTypes:bt(L.channels,s)}: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,s),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:oe,availableChannels:P,channelsLoadFailed:F,a2aEnabled:s,onSave:e=>{W.mutate({contactId:$.id,patch:e})},onMerge:Ee,onSetupChannel:t?Pe:void 0,onVerifyChannel:Ie,onRevokeChannel:ke,onGenerateInviteLink:s?_.open:void 0}):(0,Y.jsx)(Xe,{contact:$,savePending:W.isPending,deletePending:U.isPending,verifyPending:X.isPending||Z.isPending,mergePending:q.isPending,canMerge:oe,availableChannels:P,channelsLoadFailed:F,a2aEnabled:s,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:ae,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=L();return(0,Y.jsx)(_t,{assistantId:t,onStartSetupConversation:t=>{z(e,{prompt:t})}},t)}export{xt as ContactsPageRoute};

package/dist/assets/{credential-entry-page-meGv4Aja.js → credential-entry-page-BePf8lqy.js}

@@ -1 +1 @@
-import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{j as t}from"./vendor-CV8wawxx.js";import{b as n,t as r}from"./react-DPM_L_aA.js";import{Lr as i,Nr as a,hn as o,rn as s}from"./icons-J6Mg9wGk.js";import{Jy as c,ib as l,nb as u,xm as d}from"./index-CDafbyxY.js";var f=e(n(),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(d(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(d(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=r();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,d]=(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){d({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`?d({kind:`form`,request:t.request}):d({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(``),d({kind:`success`});break;case`invalid`:case`expired`:case`used`:d({kind:t.status});break;case`store-failed`:m(``),d({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)(a,{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)(i,{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)(i,{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)(i,{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)(i,{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)(i,{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)(c,{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)(l,{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)(u.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-CV8wawxx.js";import{b as n,t as r}from"./react-DPM_L_aA.js";import{Lr as i,Nr as a,hn as o,rn as s}from"./icons-J6Mg9wGk.js";import{Jy as c,ib as l,nb as u,xm as d}from"./index-8UA9Y4Ao.js";var f=e(n(),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(d(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(d(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=r();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,d]=(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){d({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`?d({kind:`form`,request:t.request}):d({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(``),d({kind:`success`});break;case`invalid`:case`expired`:case`used`:d({kind:t.status});break;case`store-failed`:m(``),d({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)(a,{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)(i,{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)(i,{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)(i,{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)(i,{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)(i,{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)(c,{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)(l,{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)(u.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-6gqfdFOm.js → credentials-page-CX5iANZ5.js}

@@ -1 +1 @@
-import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Zn as t,er as n,j as r}from"./vendor-CV8wawxx.js";import{b as i,t as a}from"./react-DPM_L_aA.js";import{Hr as o,Jn as s,Y as c,cn as l,ct as u,hn as d,qn as f,rn as p,rr as m,x as h}from"./icons-J6Mg9wGk.js";import{$v as g,Ah as _,By as v,Dg as y,Ev as b,Hy as x,Iu as S,Jy as C,Ly as w,Q as T,Ry as E,Sf as ee,Uv as D,X as te,Yv as ne,Z as re,Zv as ie,Zy as ae,ab as O,bp as oe,ib as k,jh as A,kg as j,nb as M,t as N}from"./index-CDafbyxY.js";import{t as se}from"./detail-card-boVAMOM2.js";import{t as P}from"./use-supports-credentials-settings-DnUO5-yq.js";var F=e(i(),1),I=`CREDENTIAL_IN_USE`;function ce(e){if(!(e instanceof g)||e.code!==I)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 le(e){return new Intl.ListFormat(D(),{style:`long`,type:`conjunction`}).format(e)}var L=a(),R=1500;function z(e){if(!e)return``;try{return new Date(e).toLocaleDateString(void 0,{year:`numeric`,month:`short`,day:`numeric`})}catch{return``}}function ue({credential:e,assistantId:t,generatingLink:n,deleting:i,onGenerateLink:a,onDelete:o}){let{t:s}=r(`settings`),c=`${e.service}:${e.field}`,u=n||i,f=[e.alias?c:null,e.createdAt?s(`credentialRow.addedMetadata`,{date:z(e.createdAt)}):null].filter(e=>!!e);return(0,L.jsx)(M.Root,{children:(0,L.jsxs)(M.Body,{padding:`sm`,className:`flex items-center gap-4 px-4`,children:[(0,L.jsx)(d,{className:`h-5 w-5 shrink-0 text-[var(--content-secondary)]`,"aria-hidden":!0}),(0,L.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,L.jsx)(`p`,{className:`truncate text-title-small text-[var(--content-default)]`,children:e.alias||c}),(0,L.jsx)(`div`,{className:`mt-0.5 flex min-w-0 items-center`,children:(0,L.jsx)(B,{assistantId:t,credential:e})}),f.length>0&&(0,L.jsx)(`p`,{className:`mt-0.5 truncate font-mono text-body-medium-lighter text-[var(--content-tertiary)]`,children:f.join(` · `)})]}),(0,L.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[(0,L.jsx)(O,{content:s(`credentialRow.generateLinkLabel`),side:`top`,children:(0,L.jsx)(k,{variant:`outlined`,onClick:a,disabled:u,"aria-label":s(`credentialRow.generateLinkAriaLabel`,{name:c}),iconOnly:n?(0,L.jsx)(p,{className:`animate-spin`,"aria-hidden":!0}):(0,L.jsx)(l,{"aria-hidden":!0})})}),(0,L.jsx)(O,{content:s(`credentialRow.deleteLabel`),side:`top`,children:(0,L.jsx)(k,{variant:`dangerOutline`,onClick:o,disabled:u,"aria-label":s(`credentialRow.deleteAriaLabel`,{name:c}),iconOnly:i?(0,L.jsx)(p,{className:`animate-spin`,"aria-hidden":!0}):(0,L.jsx)(h,{"aria-hidden":!0})})})]})]})})}function B({assistantId:e,credential:t}){let{t:n}=r(`settings`),[i,a]=(0,F.useState)(null),[c,l]=(0,F.useState)(!1),[u,d]=(0,F.useState)(!1),h=(0,F.useRef)(null),g=(0,F.useRef)(0),_=`${t.service}:${t.field}`,v=(0,F.useCallback)(()=>{g.current++,a(null),l(!1),d(!1),h.current&&=(clearTimeout(h.current),null)},[]);(0,F.useEffect)(()=>{v()},[t.updatedAt,v]);let y=(0,F.useCallback)(async()=>{let r=++g.current;l(!0);try{let{data:n}=await A({path:{assistant_id:e},body:{service:t.service,field:t.field},throwOnError:!0});g.current===r&&a(n.value)}catch{g.current===r&&E.error(n(`credentialRow.revealFailedToast`,{name:_}))}finally{g.current===r&&l(!1)}},[e,t.service,t.field,_,n]),b=(0,F.useCallback)(()=>{i!=null&&j(i,{errorMessage:n(`credentialRow.copyFailedToast`),onCopied:()=>{d(!0),h.current&&clearTimeout(h.current),h.current=setTimeout(()=>d(!1),R)}})},[i,n]),x=i!==null;return t.hasSecret?(0,L.jsxs)(`span`,{className:`inline-flex min-w-0 items-center gap-1.5 align-middle font-mono text-body-medium-lighter`,children:[(0,L.jsx)(`button`,{type:`button`,onClick:()=>x?v():void y(),disabled:c,"aria-label":n(x?`credentialRow.hideValueAriaLabel`:`credentialRow.revealValueAriaLabel`,{name:_}),title:n(x?`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)] ${x?`text-[var(--content-secondary)]`:`select-none text-[var(--content-tertiary)] blur-[3px] hover:blur-[2px]`}`,children:x?i:t.scrubbedValue}),c?(0,L.jsx)(p,{className:`h-3.5 w-3.5 shrink-0 animate-spin`,"aria-hidden":!0}):x?(0,L.jsxs)(L.Fragment,{children:[(0,L.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,L.jsx)(o,{className:`h-3.5 w-3.5`,"aria-hidden":!0}):(0,L.jsx)(m,{className:`h-3.5 w-3.5`,"aria-hidden":!0})}),(0,L.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,L.jsx)(s,{className:`h-3.5 w-3.5`,"aria-hidden":!0})})]}):(0,L.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,L.jsx)(f,{className:`h-3.5 w-3.5`,"aria-hidden":!0})})]}):(0,L.jsx)(`span`,{className:`min-w-0 truncate font-mono text-body-medium-lighter text-[var(--content-tertiary)]`,children:t.scrubbedValue})}function V(e){return e>0xe8d4a51000?e:e*1e3}async function H(e,t){let{data:n,response:r}=await y.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 U=6;function W(){let e=T(),t=P(e),n=b.use.assistantId();return b.use.version()!==null&&n===e&&!t?(0,L.jsx)(N,{}):t?(0,L.jsx)(G,{}):null}function G(){let{t:e}=r(`settings`),i=T(),a=n(),o=oe(),s=re(i),f=t({queryKey:s,queryFn:async()=>{let{data:e}=await _({path:{assistant_id:i},body:{},throwOnError:!0});return{credentials:e.credentials,managedCredentials:e.managedCredentials}},enabled:o,retry:ie}),h=(0,F.useMemo)(()=>f.data?.credentials??[],[f.data]),g=S.use.settingsDeveloperNav(),y=(0,F.useMemo)(()=>g?f.data?.managedCredentials??[]:[],[g,f.data]),[b,D]=(0,F.useState)(!1),[O,A]=(0,F.useState)(`own`),[N,P]=(0,F.useState)(``),[I,R]=(0,F.useState)(null),[z,B]=(0,F.useState)(null),[W,G]=(0,F.useState)(null),[de,K]=(0,F.useState)(null),q=ee({onSuccess:(t,n)=>{a.invalidateQueries({queryKey:s}),E.success(e(`credentialsPage.deleteSuccessToast`,{name:`${n.body.service}:${n.body.field}`}))},onError:(t,n)=>{let r=ce(t),i=h.find(e=>e.service===n.body.service&&e.field===n.body.field);if(r&&i){B({credential:i,connections:r});return}ne(t,{context:`credentials-delete`}),E.error(t.message||e(`credentialsPage.deleteErrorToast`))}}),fe=q.isPending?`${q.variables?.body?.service}:${q.variables?.body?.field}`:null,J=(0,F.useMemo)(()=>{let e=N.trim().toLowerCase();return e?h.filter(t=>[t.service,t.field,`${t.service}:${t.field}`,t.alias??``].join(` `).toLowerCase().includes(e)):h},[h,N]);(0,F.useEffect)(()=>{h.length<=U&&P(``)},[h.length]),(0,F.useEffect)(()=>{h.length===0&&y.length>0&&A(`managed`)},[h.length,y.length]);let Y=(e,t)=>{q.mutate({path:{assistant_id:i},body:{service:e.service,field:e.field,...t?{force:!0}:{}}})},X=()=>{let e=I;R(null),e&&Y(e,!1)},pe=()=>{let e=z;B(null),e&&Y(e.credential,!0)},me=async t=>{let n=`${t.service}:${t.field}`;K(n);try{let r=await H(i,{service:t.service,field:t.field,label:t.alias??void 0});r.ok&&r.url?G({name:n,url:r.url,expiresAt:r.expiresAt??null}):E.error(r.error||e(`credentialsPage.generateLinkFailedToast`))}catch(t){E.error(t instanceof Error?t.message:e(`credentialsPage.generateLinkFailedToast`))}finally{K(null)}},he=()=>{let t=W?.url;t&&j(t,{successMessage:e(`credentialsPage.linkCopiedToast`),errorMessage:e(`credentialsPage.linkCopyFailedToast`)})};if(f.isLoading)return(0,L.jsx)(`div`,{className:`flex items-center justify-center py-10`,children:(0,L.jsx)(p,{className:`h-5 w-5 animate-spin text-[var(--content-disabled)]`})});let Z=h.length>0,Q=y.length>0,ge=h.length>U,$=O===`managed`&&Q,_e=!$,ve=[{value:`own`,label:e(`credentialsPage.segmentYourOwn`)},{value:`managed`,label:e(`credentialsPage.segmentManaged`)}];return(0,L.jsxs)(`div`,{className:`space-y-4`,children:[(0,L.jsx)(se,{title:e(`credentialsPage.title`),subtitle:e($?`credentialsPage.subtitleManaged`:`credentialsPage.subtitleOwn`),accessory:(0,L.jsxs)(`div`,{className:`flex items-center gap-2`,children:[Q?(0,L.jsx)(x,{items:ve,value:O,onChange:A,ariaLabel:e(`credentialsPage.credentialSourceAriaLabel`)}):null,_e&&Z?(0,L.jsx)(k,{type:`button`,variant:`primary`,size:`regular`,onClick:()=>D(!0),leftIcon:(0,L.jsx)(u,{"aria-hidden":!0}),children:e(`credentialsPage.addButton`)}):null]}),children:$?(0,L.jsx)(`div`,{className:`space-y-2`,children:y.map(t=>(0,L.jsx)(M.Root,{children:(0,L.jsxs)(M.Body,{padding:`sm`,className:`flex items-center gap-4 px-4`,children:[(0,L.jsx)(d,{className:`h-5 w-5 shrink-0 text-[var(--content-secondary)]`,"aria-hidden":!0}),(0,L.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,L.jsx)(`p`,{className:`truncate text-title-small text-[var(--content-default)]`,children:t.provider}),(0,L.jsxs)(`p`,{className:`truncate text-body-medium-lighter text-[var(--content-tertiary)]`,children:[t.accountInfo??t.handle,` · `,t.status]})]}),(0,L.jsx)(ae,{tone:`neutral`,children:e(`credentialsPage.managedTag`)})]})},t.handle))}):(0,L.jsxs)(`div`,{className:`space-y-4`,children:[Z?(0,L.jsxs)(`div`,{className:`space-y-3`,children:[ge?(0,L.jsx)(C,{type:`text`,value:N,onChange:e=>P(e.target.value),placeholder:e(`credentialsPage.searchPlaceholder`),"aria-label":e(`credentialsPage.searchAriaLabel`),leftIcon:(0,L.jsx)(c,{className:`h-3.5 w-3.5`,"aria-hidden":!0}),fullWidth:!0}):null,J.length===0?(0,L.jsx)(`p`,{className:`px-1 py-2 text-body-medium-lighter text-[var(--content-tertiary)]`,children:e(`credentialsPage.noMatch`,{query:N.trim()})}):(0,L.jsx)(`div`,{className:`space-y-2`,children:J.map(e=>{let t=`${e.service}:${e.field}`;return(0,L.jsx)(ue,{credential:e,assistantId:i,generatingLink:de===t,deleting:fe===t,onGenerateLink:()=>void me(e),onDelete:()=>R(e)},e.credentialId??t)})})]}):(0,L.jsxs)(`div`,{className:`flex flex-col items-center justify-center px-6 py-12 text-center`,children:[(0,L.jsx)(`div`,{className:`flex h-12 w-12 items-center justify-center rounded-full bg-[var(--surface-base)]`,children:(0,L.jsx)(d,{className:`h-6 w-6 text-[var(--content-disabled)] dark:text-[var(--content-default)]`,"aria-hidden":!0})}),(0,L.jsx)(`h3`,{className:`mt-4 text-title-small text-[var(--content-default)]`,children:e(`credentialsPage.emptyTitle`)}),(0,L.jsx)(`p`,{className:`mt-1 text-body-medium-lighter text-[var(--content-tertiary)]`,children:e(`credentialsPage.emptySubtitle`)})]}),Z?null:(0,L.jsx)(k,{type:`button`,variant:`outlined`,size:`compact`,onClick:()=>D(!0),className:`w-full border-dashed`,leftIcon:(0,L.jsx)(u,{"aria-hidden":!0}),children:e(`credentialsPage.addCredentialButton`)})]})}),(0,L.jsx)(w,{open:I!==null,title:e(`credentialsPage.deleteConfirmTitle`),message:I?e(`credentialsPage.deleteConfirmMessage`,{name:`${I.service}:${I.field}`}):``,confirmLabel:e(`credentialsPage.deleteConfirmLabel`),destructive:!0,onConfirm:X,onCancel:()=>R(null)}),(0,L.jsx)(w,{open:z!==null,title:e(`credentialsPage.inUseTitle`),message:z?e(`credentialsPage.inUseMessage`,{count:z.connections.length,name:`${z.credential.service}:${z.credential.field}`,connections:le(z.connections)}):``,confirmLabel:e(`credentialsPage.inUseConfirmLabel`),destructive:!0,onConfirm:pe,onCancel:()=>B(null)}),(0,L.jsx)(te,{open:b,onClose:()=>D(!1)}),(0,L.jsx)(v.Root,{open:W!==null,onOpenChange:e=>{e||G(null)},children:(0,L.jsxs)(v.Content,{size:`sm`,children:[(0,L.jsxs)(v.Header,{icon:l,children:[(0,L.jsx)(v.Title,{children:e(`credentialsPage.oneTimeLinkModalTitle`)}),(0,L.jsx)(v.Description,{children:W?e(`credentialsPage.oneTimeLinkModalDescription`,{name:W.name,expiresClause:W.expiresAt===null?``:e(`credentialsPage.oneTimeLinkModalExpiresClause`,{expiresAt:new Date(V(W.expiresAt)).toLocaleString()})}):``})]}),(0,L.jsx)(v.Body,{children:(0,L.jsx)(C,{label:e(`credentialsPage.linkLabel`),type:`text`,readOnly:!0,value:W?.url??``,onFocus:e=>e.currentTarget.select(),fullWidth:!0})}),(0,L.jsx)(v.Footer,{children:(0,L.jsx)(k,{type:`button`,size:`compact`,onClick:he,leftIcon:(0,L.jsx)(m,{"aria-hidden":!0}),children:e(`credentialsPage.copyLinkButton`)})})]})})]})}export{W as CredentialsPage};
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Zn as t,er as n,j as r}from"./vendor-CV8wawxx.js";import{b as i,t as a}from"./react-DPM_L_aA.js";import{Hr as o,Jn as s,Y as c,cn as l,ct as u,hn as d,qn as f,rn as p,rr as m,x as h}from"./icons-J6Mg9wGk.js";import{$v as g,Ah as _,By as v,Dg as y,Ev as b,Hy as x,Iu as S,Jy as C,Ly as w,Q as T,Ry as E,Sf as ee,Uv as D,X as te,Yv as ne,Z as re,Zv as ie,Zy as ae,ab as O,bp as oe,ib as k,jh as A,kg as j,nb as M,t as N}from"./index-8UA9Y4Ao.js";import{t as se}from"./detail-card-BxI8klTT.js";import{t as P}from"./use-supports-credentials-settings-BIOShSIo.js";var F=e(i(),1),I=`CREDENTIAL_IN_USE`;function ce(e){if(!(e instanceof g)||e.code!==I)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 le(e){return new Intl.ListFormat(D(),{style:`long`,type:`conjunction`}).format(e)}var L=a(),R=1500;function z(e){if(!e)return``;try{return new Date(e).toLocaleDateString(void 0,{year:`numeric`,month:`short`,day:`numeric`})}catch{return``}}function ue({credential:e,assistantId:t,generatingLink:n,deleting:i,onGenerateLink:a,onDelete:o}){let{t:s}=r(`settings`),c=`${e.service}:${e.field}`,u=n||i,f=[e.alias?c:null,e.createdAt?s(`credentialRow.addedMetadata`,{date:z(e.createdAt)}):null].filter(e=>!!e);return(0,L.jsx)(M.Root,{children:(0,L.jsxs)(M.Body,{padding:`sm`,className:`flex items-center gap-4 px-4`,children:[(0,L.jsx)(d,{className:`h-5 w-5 shrink-0 text-[var(--content-secondary)]`,"aria-hidden":!0}),(0,L.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,L.jsx)(`p`,{className:`truncate text-title-small text-[var(--content-default)]`,children:e.alias||c}),(0,L.jsx)(`div`,{className:`mt-0.5 flex min-w-0 items-center`,children:(0,L.jsx)(B,{assistantId:t,credential:e})}),f.length>0&&(0,L.jsx)(`p`,{className:`mt-0.5 truncate font-mono text-body-medium-lighter text-[var(--content-tertiary)]`,children:f.join(` · `)})]}),(0,L.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[(0,L.jsx)(O,{content:s(`credentialRow.generateLinkLabel`),side:`top`,children:(0,L.jsx)(k,{variant:`outlined`,onClick:a,disabled:u,"aria-label":s(`credentialRow.generateLinkAriaLabel`,{name:c}),iconOnly:n?(0,L.jsx)(p,{className:`animate-spin`,"aria-hidden":!0}):(0,L.jsx)(l,{"aria-hidden":!0})})}),(0,L.jsx)(O,{content:s(`credentialRow.deleteLabel`),side:`top`,children:(0,L.jsx)(k,{variant:`dangerOutline`,onClick:o,disabled:u,"aria-label":s(`credentialRow.deleteAriaLabel`,{name:c}),iconOnly:i?(0,L.jsx)(p,{className:`animate-spin`,"aria-hidden":!0}):(0,L.jsx)(h,{"aria-hidden":!0})})})]})]})})}function B({assistantId:e,credential:t}){let{t:n}=r(`settings`),[i,a]=(0,F.useState)(null),[c,l]=(0,F.useState)(!1),[u,d]=(0,F.useState)(!1),h=(0,F.useRef)(null),g=(0,F.useRef)(0),_=`${t.service}:${t.field}`,v=(0,F.useCallback)(()=>{g.current++,a(null),l(!1),d(!1),h.current&&=(clearTimeout(h.current),null)},[]);(0,F.useEffect)(()=>{v()},[t.updatedAt,v]);let y=(0,F.useCallback)(async()=>{let r=++g.current;l(!0);try{let{data:n}=await A({path:{assistant_id:e},body:{service:t.service,field:t.field},throwOnError:!0});g.current===r&&a(n.value)}catch{g.current===r&&E.error(n(`credentialRow.revealFailedToast`,{name:_}))}finally{g.current===r&&l(!1)}},[e,t.service,t.field,_,n]),b=(0,F.useCallback)(()=>{i!=null&&j(i,{errorMessage:n(`credentialRow.copyFailedToast`),onCopied:()=>{d(!0),h.current&&clearTimeout(h.current),h.current=setTimeout(()=>d(!1),R)}})},[i,n]),x=i!==null;return t.hasSecret?(0,L.jsxs)(`span`,{className:`inline-flex min-w-0 items-center gap-1.5 align-middle font-mono text-body-medium-lighter`,children:[(0,L.jsx)(`button`,{type:`button`,onClick:()=>x?v():void y(),disabled:c,"aria-label":n(x?`credentialRow.hideValueAriaLabel`:`credentialRow.revealValueAriaLabel`,{name:_}),title:n(x?`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)] ${x?`text-[var(--content-secondary)]`:`select-none text-[var(--content-tertiary)] blur-[3px] hover:blur-[2px]`}`,children:x?i:t.scrubbedValue}),c?(0,L.jsx)(p,{className:`h-3.5 w-3.5 shrink-0 animate-spin`,"aria-hidden":!0}):x?(0,L.jsxs)(L.Fragment,{children:[(0,L.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,L.jsx)(o,{className:`h-3.5 w-3.5`,"aria-hidden":!0}):(0,L.jsx)(m,{className:`h-3.5 w-3.5`,"aria-hidden":!0})}),(0,L.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,L.jsx)(s,{className:`h-3.5 w-3.5`,"aria-hidden":!0})})]}):(0,L.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,L.jsx)(f,{className:`h-3.5 w-3.5`,"aria-hidden":!0})})]}):(0,L.jsx)(`span`,{className:`min-w-0 truncate font-mono text-body-medium-lighter text-[var(--content-tertiary)]`,children:t.scrubbedValue})}function V(e){return e>0xe8d4a51000?e:e*1e3}async function H(e,t){let{data:n,response:r}=await y.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 U=6;function W(){let e=T(),t=P(e),n=b.use.assistantId();return b.use.version()!==null&&n===e&&!t?(0,L.jsx)(N,{}):t?(0,L.jsx)(G,{}):null}function G(){let{t:e}=r(`settings`),i=T(),a=n(),o=oe(),s=re(i),f=t({queryKey:s,queryFn:async()=>{let{data:e}=await _({path:{assistant_id:i},body:{},throwOnError:!0});return{credentials:e.credentials,managedCredentials:e.managedCredentials}},enabled:o,retry:ie}),h=(0,F.useMemo)(()=>f.data?.credentials??[],[f.data]),g=S.use.settingsDeveloperNav(),y=(0,F.useMemo)(()=>g?f.data?.managedCredentials??[]:[],[g,f.data]),[b,D]=(0,F.useState)(!1),[O,A]=(0,F.useState)(`own`),[N,P]=(0,F.useState)(``),[I,R]=(0,F.useState)(null),[z,B]=(0,F.useState)(null),[W,G]=(0,F.useState)(null),[de,K]=(0,F.useState)(null),q=ee({onSuccess:(t,n)=>{a.invalidateQueries({queryKey:s}),E.success(e(`credentialsPage.deleteSuccessToast`,{name:`${n.body.service}:${n.body.field}`}))},onError:(t,n)=>{let r=ce(t),i=h.find(e=>e.service===n.body.service&&e.field===n.body.field);if(r&&i){B({credential:i,connections:r});return}ne(t,{context:`credentials-delete`}),E.error(t.message||e(`credentialsPage.deleteErrorToast`))}}),fe=q.isPending?`${q.variables?.body?.service}:${q.variables?.body?.field}`:null,J=(0,F.useMemo)(()=>{let e=N.trim().toLowerCase();return e?h.filter(t=>[t.service,t.field,`${t.service}:${t.field}`,t.alias??``].join(` `).toLowerCase().includes(e)):h},[h,N]);(0,F.useEffect)(()=>{h.length<=U&&P(``)},[h.length]),(0,F.useEffect)(()=>{h.length===0&&y.length>0&&A(`managed`)},[h.length,y.length]);let Y=(e,t)=>{q.mutate({path:{assistant_id:i},body:{service:e.service,field:e.field,...t?{force:!0}:{}}})},X=()=>{let e=I;R(null),e&&Y(e,!1)},pe=()=>{let e=z;B(null),e&&Y(e.credential,!0)},me=async t=>{let n=`${t.service}:${t.field}`;K(n);try{let r=await H(i,{service:t.service,field:t.field,label:t.alias??void 0});r.ok&&r.url?G({name:n,url:r.url,expiresAt:r.expiresAt??null}):E.error(r.error||e(`credentialsPage.generateLinkFailedToast`))}catch(t){E.error(t instanceof Error?t.message:e(`credentialsPage.generateLinkFailedToast`))}finally{K(null)}},he=()=>{let t=W?.url;t&&j(t,{successMessage:e(`credentialsPage.linkCopiedToast`),errorMessage:e(`credentialsPage.linkCopyFailedToast`)})};if(f.isLoading)return(0,L.jsx)(`div`,{className:`flex items-center justify-center py-10`,children:(0,L.jsx)(p,{className:`h-5 w-5 animate-spin text-[var(--content-disabled)]`})});let Z=h.length>0,Q=y.length>0,ge=h.length>U,$=O===`managed`&&Q,_e=!$,ve=[{value:`own`,label:e(`credentialsPage.segmentYourOwn`)},{value:`managed`,label:e(`credentialsPage.segmentManaged`)}];return(0,L.jsxs)(`div`,{className:`space-y-4`,children:[(0,L.jsx)(se,{title:e(`credentialsPage.title`),subtitle:e($?`credentialsPage.subtitleManaged`:`credentialsPage.subtitleOwn`),accessory:(0,L.jsxs)(`div`,{className:`flex items-center gap-2`,children:[Q?(0,L.jsx)(x,{items:ve,value:O,onChange:A,ariaLabel:e(`credentialsPage.credentialSourceAriaLabel`)}):null,_e&&Z?(0,L.jsx)(k,{type:`button`,variant:`primary`,size:`regular`,onClick:()=>D(!0),leftIcon:(0,L.jsx)(u,{"aria-hidden":!0}),children:e(`credentialsPage.addButton`)}):null]}),children:$?(0,L.jsx)(`div`,{className:`space-y-2`,children:y.map(t=>(0,L.jsx)(M.Root,{children:(0,L.jsxs)(M.Body,{padding:`sm`,className:`flex items-center gap-4 px-4`,children:[(0,L.jsx)(d,{className:`h-5 w-5 shrink-0 text-[var(--content-secondary)]`,"aria-hidden":!0}),(0,L.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,L.jsx)(`p`,{className:`truncate text-title-small text-[var(--content-default)]`,children:t.provider}),(0,L.jsxs)(`p`,{className:`truncate text-body-medium-lighter text-[var(--content-tertiary)]`,children:[t.accountInfo??t.handle,` · `,t.status]})]}),(0,L.jsx)(ae,{tone:`neutral`,children:e(`credentialsPage.managedTag`)})]})},t.handle))}):(0,L.jsxs)(`div`,{className:`space-y-4`,children:[Z?(0,L.jsxs)(`div`,{className:`space-y-3`,children:[ge?(0,L.jsx)(C,{type:`text`,value:N,onChange:e=>P(e.target.value),placeholder:e(`credentialsPage.searchPlaceholder`),"aria-label":e(`credentialsPage.searchAriaLabel`),leftIcon:(0,L.jsx)(c,{className:`h-3.5 w-3.5`,"aria-hidden":!0}),fullWidth:!0}):null,J.length===0?(0,L.jsx)(`p`,{className:`px-1 py-2 text-body-medium-lighter text-[var(--content-tertiary)]`,children:e(`credentialsPage.noMatch`,{query:N.trim()})}):(0,L.jsx)(`div`,{className:`space-y-2`,children:J.map(e=>{let t=`${e.service}:${e.field}`;return(0,L.jsx)(ue,{credential:e,assistantId:i,generatingLink:de===t,deleting:fe===t,onGenerateLink:()=>void me(e),onDelete:()=>R(e)},e.credentialId??t)})})]}):(0,L.jsxs)(`div`,{className:`flex flex-col items-center justify-center px-6 py-12 text-center`,children:[(0,L.jsx)(`div`,{className:`flex h-12 w-12 items-center justify-center rounded-full bg-[var(--surface-base)]`,children:(0,L.jsx)(d,{className:`h-6 w-6 text-[var(--content-disabled)] dark:text-[var(--content-default)]`,"aria-hidden":!0})}),(0,L.jsx)(`h3`,{className:`mt-4 text-title-small text-[var(--content-default)]`,children:e(`credentialsPage.emptyTitle`)}),(0,L.jsx)(`p`,{className:`mt-1 text-body-medium-lighter text-[var(--content-tertiary)]`,children:e(`credentialsPage.emptySubtitle`)})]}),Z?null:(0,L.jsx)(k,{type:`button`,variant:`outlined`,size:`compact`,onClick:()=>D(!0),className:`w-full border-dashed`,leftIcon:(0,L.jsx)(u,{"aria-hidden":!0}),children:e(`credentialsPage.addCredentialButton`)})]})}),(0,L.jsx)(w,{open:I!==null,title:e(`credentialsPage.deleteConfirmTitle`),message:I?e(`credentialsPage.deleteConfirmMessage`,{name:`${I.service}:${I.field}`}):``,confirmLabel:e(`credentialsPage.deleteConfirmLabel`),destructive:!0,onConfirm:X,onCancel:()=>R(null)}),(0,L.jsx)(w,{open:z!==null,title:e(`credentialsPage.inUseTitle`),message:z?e(`credentialsPage.inUseMessage`,{count:z.connections.length,name:`${z.credential.service}:${z.credential.field}`,connections:le(z.connections)}):``,confirmLabel:e(`credentialsPage.inUseConfirmLabel`),destructive:!0,onConfirm:pe,onCancel:()=>B(null)}),(0,L.jsx)(te,{open:b,onClose:()=>D(!1)}),(0,L.jsx)(v.Root,{open:W!==null,onOpenChange:e=>{e||G(null)},children:(0,L.jsxs)(v.Content,{size:`sm`,children:[(0,L.jsxs)(v.Header,{icon:l,children:[(0,L.jsx)(v.Title,{children:e(`credentialsPage.oneTimeLinkModalTitle`)}),(0,L.jsx)(v.Description,{children:W?e(`credentialsPage.oneTimeLinkModalDescription`,{name:W.name,expiresClause:W.expiresAt===null?``:e(`credentialsPage.oneTimeLinkModalExpiresClause`,{expiresAt:new Date(V(W.expiresAt)).toLocaleString()})}):``})]}),(0,L.jsx)(v.Body,{children:(0,L.jsx)(C,{label:e(`credentialsPage.linkLabel`),type:`text`,readOnly:!0,value:W?.url??``,onFocus:e=>e.currentTarget.select(),fullWidth:!0})}),(0,L.jsx)(v.Footer,{children:(0,L.jsx)(k,{type:`button`,size:`compact`,onClick:he,leftIcon:(0,L.jsx)(m,{"aria-hidden":!0}),children:e(`credentialsPage.copyLinkButton`)})})]})})]})}export{W as CredentialsPage};

package/dist/assets/{csv-preview-DjQ_LGX9.js → csv-preview-D6BgCvWg.js}

@@ -1,4 +1,4 @@
-import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{at as t,j as n}from"./vendor-CV8wawxx.js";import{b as r,t as i}from"./react-DPM_L_aA.js";import{t as a}from"./preview-error-DrMZG7cW.js";import{Jn as o,rb as s}from"./index-CDafbyxY.js";var c=e(r(),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-CV8wawxx.js";import{b as r,t as i}from"./react-DPM_L_aA.js";import{t as a}from"./preview-error-Z2VhCOcU.js";import{Jn as o,rb as s}from"./index-8UA9Y4Ao.js";var c=e(r(),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=i(),_=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-BGJTqqyv.js

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