@vellumai/web 0.12.2-dev.202609172017.3da279e → 0.12.2-dev.202609172115.0b9be8f

package/dist/assets/companion-surface-page-yHdcc-zZ.js

@@ -0,0 +1 @@
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{$s as t,Ah as n,Cu as r,Eh as i,Fx as a,Gs as o,Gx as s,Js as c,Ks as l,Oh as u,Oi as d,Qs as f,Su as p,Tu as m,Us as h,Xs as g,Ys as _,Zs as v,_c as y,ac as b,bc as x,dc as S,ec as C,fc as w,gc as ee,gn as te,hc as T,hi as E,ic as D,kh as ne,lc as O,mc as re,nc as ie,oS as k,oc as ae,pc as oe,rc as se,sc as ce,tc as le,vc as ue,wu as de}from"./app-C3HfT-4P.js";import{f as fe,g as pe,j as A}from"./vendor-Dg25s0n5.js";import{t as me,x as he}from"./react-B9IgSVeK.js";import{Cn as ge,Ga as _e,Gi as ve,Ja as j,Jr as ye,Ki as be,Pa as xe,Sr as Se,Ui as Ce,W as we,Wi as Te,Xt as Ee,Yr as De,i as Oe,ki as M,m as ke,p as Ae,vn as je,wn as Me,yt as N}from"./icons-DxrLl-Dj.js";import{n as Ne}from"./companion-accent-5yj78NrU.js";import{n as Pe,t as Fe}from"./companion-popover-DeQHbnuN.js";import{n as Ie,r as Le,t as Re}from"./companion-layout-BfuEWXuy.js";var ze=j(`eraser`,[[`path`,{d:`M21 21H8a2 2 0 0 1-1.42-.587l-3.994-3.999a2 2 0 0 1 0-2.828l10-10a2 2 0 0 1 2.829 0l5.999 6a2 2 0 0 1 0 2.828L12.834 21`,key:`g5wo59`}],[`path`,{d:`m5.082 11.09 8.828 8.828`,key:`1wx5vj`}]]),Be=j(`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`}]]),P=j(`slash`,[[`path`,{d:`M22 2 2 22`,key:`y4kqgn`}]]),F=e(he(),1),I=me(),Ve=460,L=3,He=88,Ue=3,We=[`screens`,`tabs`,`windows`],R=(e,t)=>t===`screens`?e.displays.length:t===`tabs`?e.tabs.length:e.windows.length,Ge=e=>We.find(t=>R(e,t)>0)??`screens`,z=e=>e.kind===`display`?`display-${e.displayId}`:`window-${e.windowId}`;function B({sources:e,captureThumbnail:t,cardGrowth:n=`up`,avatarBox:r=i,optionsBox:o=i,cardRef:c,label:l,onPick:u,onAllowScreenRecording:d}){let{t:f}=A(),{inUnits:p,lineAt:m,introStepOff:h}=Re(r,o),g=p(h(n)),_={left:`50%`,top:m(n,0),transform:n===`up`?`translate(-50%, calc(-100% - ${g}px))`:`translate(-50%, ${g}px)`},v=e!==null&&e.screenRecordingGranted===!1,y=v?null:e,b=y===null?[]:We.filter(e=>R(y,e)>0),x=y!==null&&b.length===0,[S,C]=(0,F.useState)(null),w=y===null?`screens`:S!==null&&b.includes(S)?S:Ge(y),ee=(0,F.useMemo)(()=>y===null?[]:w===`screens`?y.displays.map(e=>{let t={kind:`display`,displayId:e.displayId};return{key:z(t),target:t}}):w===`windows`?y.windows.map(e=>{let t={kind:`window`,windowId:e.windowId};return{key:z(t),target:t}}):[],[w,y]),[te,T]=(0,F.useState)(new Map),E=(0,F.useRef)(new Set),D=(0,F.useRef)(0),ne=(0,F.useRef)(!1);(0,F.useEffect)(()=>(ne.current=!0,()=>{ne.current=!1}),[]),(0,F.useEffect)(()=>{E.current=new Set,D.current+=1,T(new Map),C(null)},[e]);let O=(0,F.useRef)(null);(0,F.useEffect)(()=>{O.current!==null&&(O.current.scrollTop=0)},[w]),(0,F.useEffect)(()=>{if(t!==void 0)for(let{key:e,target:n}of ee){if(E.current.has(e))continue;E.current.add(e);let r=D.current,i=t=>{!ne.current||r!==D.current||T(n=>new Map(n).set(e,t))};t(n).then(i,()=>{i(null)})}},[t,ee]);let re=e=>t===void 0?null:te.get(e),ie=e=>f(e===`screens`?`companionSurface.captureScreens`:e===`tabs`?`companionSurface.captureTabs`:`companionSurface.captureWindows`);return(0,I.jsxs)(`div`,{ref:c,role:`group`,"aria-label":l??f(`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:Ve,..._},onPointerDown:e=>{e.stopPropagation()},children:[b.length>1&&(0,I.jsx)(a,{className:`mx-auto mb-1.5 w-auto shrink-0`,items:b.map(e=>({value:e,label:ie(e)})),value:w,ariaLabel:f(`companionSurface.captureKind`),onChange:C}),(0,I.jsx)(s,{ref:O,className:`max-h-48 flex-col px-0.5`,size:24,fadeEdges:`end`,hideScrollBar:!0,children:(0,I.jsxs)(`div`,{className:`flex flex-col`,"data-slot":`capture-sources`,children:[e===null&&(0,I.jsx)(Ye,{}),v&&(0,I.jsxs)(`div`,{className:`flex items-center justify-between gap-3 px-2 py-2`,"data-slot":`capture-needs-grant`,children:[(0,I.jsx)(`span`,{className:`text-[12px] text-white/70`,children:f(`companionSurface.captureScreenRecordingOff`)}),(0,I.jsx)(k,{variant:`primary`,size:`compact`,className:`shrink-0`,onClick:d,children:f(`companionSurface.captureTurnOnScreenRecording`)})]}),y!==null&&w===`screens`&&(0,I.jsx)(Ke,{children:y.displays.map(e=>{let t=f(`companionSurface.captureScreen`,{n:e.index+1}),n=z({kind:`display`,displayId:e.displayId});return(0,I.jsx)(qe,{title:t,ariaLabel:t,answer:re(n),fallback:(0,I.jsx)(je,{className:`size-5 text-white/40`,"aria-hidden":!0}),onClick:()=>{u?.({kind:`display`,displayId:e.displayId})}},n)})}),y!==null&&w===`windows`&&(0,I.jsx)(Ke,{children:y.windows.map(e=>{let t=z({kind:`window`,windowId:e.windowId}),n=e.title===``?e.app:e.title;return(0,I.jsx)(qe,{title:n,ariaLabel:e.title===``?n:`${n} (${e.app})`,answer:re(t),fallback:(0,I.jsx)(V,{icon:e.icon,large:!0}),icon:(0,I.jsx)(V,{icon:e.icon}),onClick:()=>{u?.({kind:`window`,windowId:e.windowId})}},t)})}),y!==null&&w===`tabs`&&(0,I.jsx)(`div`,{className:`flex flex-col`,children:y.tabs.map(e=>(0,I.jsx)(Je,{icon:(0,I.jsx)(V,{icon:e.icon}),title:e.title,onClick:()=>{u?.({kind:`tab`,chromeWindowId:e.chromeWindowId,tabIndex:e.tabIndex})}},`tab-${e.chromeWindowId}-${e.tabIndex}`))}),x&&(0,I.jsx)(`span`,{className:`px-2 py-3 text-[12px] text-white/50`,children:f(`companionSurface.captureNothing`)})]})})]})}function Ke({children:e}){return(0,I.jsx)(`div`,{className:`grid gap-1.5 py-0.5`,style:{gridTemplateColumns:`repeat(${L}, minmax(0, 1fr))`},children:e})}function qe({title:e,ariaLabel:t,answer:n,fallback:r,icon:i,onClick:a}){return(0,I.jsxs)(`button`,{type:`button`,"aria-label":t,"data-slot":`capture-source`,className:`group flex min-w-0 flex-col gap-1 rounded-lg p-1 text-left transition-colors outline-none hover:bg-white/10 focus-visible:ring-1 focus-visible:ring-white/40 focus-visible:ring-inset active:bg-white/15`,onClick:a,children:[(0,I.jsx)(`span`,{"data-slot":`capture-preview`,className:`flex items-center justify-center overflow-hidden rounded-md bg-black/40 ring-1 ring-white/10 ${n===void 0?`animate-pulse`:``}`,style:{height:He},children:n==null?r:(0,I.jsx)(`img`,{src:n,alt:``,draggable:!1,className:`max-h-full max-w-full object-contain`})}),(0,I.jsxs)(`span`,{className:`flex min-w-0 items-center gap-1`,children:[i,(0,I.jsx)(`span`,{className:`min-w-0 flex-1 truncate text-[11px] text-white/75 group-hover:text-white/90`,children:e})]})]})}function Je({icon:e,title:t,onClick:n}){return(0,I.jsxs)(`button`,{type:`button`,"aria-label":t,"data-slot":`capture-source`,className:`flex h-8 w-full shrink-0 items-center gap-2 rounded-lg px-2 text-left text-[12px] text-white/85 transition-colors outline-none hover:bg-white/10 focus-visible:ring-1 focus-visible:ring-white/40 focus-visible:ring-inset active:bg-white/15`,onClick:n,children:[e,(0,I.jsx)(`span`,{className:`min-w-0 flex-1 truncate`,children:t})]})}function V({icon:e,large:t=!1}){return(0,I.jsx)(`span`,{className:`flex shrink-0 items-center justify-center overflow-hidden ring-1 ring-white/10 ${t?`size-7 rounded-lg`:`size-3.5 rounded-[4px]`}`,children:e===void 0?(0,I.jsx)(_e,{className:t?`size-5 text-white/40`:`size-3 text-white/70`,"aria-hidden":!0}):(0,I.jsx)(`img`,{src:e,alt:``,className:`size-full`,draggable:!1})})}function Ye(){return(0,I.jsx)(Ke,{children:Array.from({length:Ue},(e,t)=>(0,I.jsxs)(`div`,{className:`flex flex-col gap-1 p-1`,"aria-hidden":!0,children:[(0,I.jsx)(`span`,{className:`animate-pulse rounded-md bg-white/10`,style:{height:He}}),(0,I.jsx)(`span`,{className:`h-2 animate-pulse rounded-full bg-white/10`,style:{width:t===0?`70%`:`45%`}})]},t))})}var Xe=260;function Ze({offer:e,growth:t=`right`,cardGrowth:n=`up`,avatarBox:r=i,optionsBox:a=i,cardRef:o,onAnswer:c}){let{t:l}=A(),u=e.reason===`claimed`?l(`companionSurface.offerVersion`):l(`companionSurface.offerNowhere`),{inUnits:d,avatarHalf:f,lineAt:p,edgeAt:m,introStepOff:h}=Re(r,a),g=d(h(n)),_=m(t,-f),v={top:p(n,0),transform:n===`up`?`translateY(calc(-100% - ${g}px))`:`translateY(${g}px)`};return(0,I.jsxs)(`div`,{ref:o,role:`group`,"aria-label":u,"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:Xe,..._,...v},onPointerDown:e=>{e.stopPropagation()},children:[(0,I.jsx)(`p`,{className:`text-[11px] font-medium tracking-wide text-white/45 uppercase select-none`,children:u}),(0,I.jsx)(s,{className:`max-h-40 flex-col`,size:20,fadeEdges:`end`,hideScrollBar:!0,children:(0,I.jsx)(`p`,{dir:`auto`,className:`text-[13px] leading-[1.45] text-white/90`,children:e.text})}),(0,I.jsxs)(`div`,{className:`flex flex-wrap items-center justify-end gap-1 pt-0.5`,children:[(0,I.jsx)(`button`,{type:`button`,className:`h-7 rounded-full px-2.5 text-[12px] text-white/55 transition-colors hover:bg-white/10 hover:text-white/80`,onClick:()=>c?.(`dismiss`),children:e.reason===`claimed`?l(`companionSurface.notNow`):l(`companionSurface.offerDiscard`)}),e.reason===`claimed`?(0,I.jsx)(`button`,{type:`button`,className:`h-7 rounded-full px-2.5 text-[12px] text-white/70 transition-colors hover:bg-white/10 hover:text-white`,onClick:()=>c?.(`quit`),children:l(`companionSurface.offerQuit`,{app:e.app})}):null,(0,I.jsx)(`button`,{type:`button`,className:`h-7 rounded-full bg-white/15 px-3 text-[12px] text-white transition-colors hover:bg-white/25`,onClick:()=>c?.(e.reason===`claimed`?`use`:`copy`),children:e.reason===`claimed`?l(`companionSurface.offerUse`):l(`companionSurface.offerCopy`)})]})]})}var H={min:3,max:10},Qe=(e=Math.random)=>{let t=e();return t<1/3?`top`:t<2/3?`topLeft`:`topRight`},$e=1600,et=.22,tt=.04,U=4,W=(e,t)=>{let n=Math.min(.95,Math.max(.25,e.eyeCenterFrac+e.eyeHalfFrac+tt)),r=Math.min(t,24,14/n),i=r*n;return{size:r,exposed:i,clip:{width:r+2*U,height:i+U},rest:i+2}},G=(e,t=Math.random)=>(e.min+t()*(e.max-e.min))*1e3;function nt(e,t=H){let[n,r]=(0,F.useState)(0),{min:i,max:a}=t;return(0,F.useEffect)(()=>{if(!e)return;let t,n=()=>{t=setTimeout(()=>{r(e=>e+1),n()},G({min:i,max:a}))};return n(),()=>{clearTimeout(t)}},[e,i,a]),n}var rt=(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 it({character:e,capsule:t,enabled:n,held:r=!1,edge:i,interval:a=H,className:o,style:s}){let c=fe(),l=(0,F.useMemo)(()=>te(d,e),[e]),u=nt(n&&!r&&!c&&l!==null,a),[f,p]=(0,F.useState)(!1),[m,h]=(0,F.useState)(`top`);if((0,F.useEffect)(()=>{if(u===0)return;h(Qe()),p(!0);let e=setTimeout(()=>{p(!1)},$e);return()=>{clearTimeout(e)}},[u]),l===null||c)return null;let g=W(l,t.width),_=r||f,v=i??m,y=rt(v,g.clip,t);return(0,I.jsx)(`div`,{className:`companion-peek ${o??``}`,style:{width:t.width,height:t.height,...s},"data-risen":_,"data-edge":v,"aria-hidden":!0,children:(0,I.jsx)(`div`,{className:`absolute`,style:y.slot,children:(0,I.jsx)(`div`,{className:`absolute inset-0 overflow-hidden`,children:(0,I.jsx)(pe.div,{className:`absolute left-1/2`,style:{width:g.size,height:g.size,marginLeft:-g.size/2,top:g.clip.height-g.exposed},initial:{y:g.rest},animate:{y:_?0:g.rest},transition:r?{duration:0}:_?{type:`spring`,stiffness:280,damping:14}:{duration:et,ease:`easeIn`},children:(0,I.jsx)(E,{components:d,traits:e,size:g.size})})})})})}var K=(0,F.createContext)(`above`),at=`#5eead4`,ot=new Set([`transcribing`,`thinking`,`speaking`]),q=28,J={idle:{width:64,height:14},closing:q,rim:2,bloom:4},Y=J.idle,st=(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(`, `),ct=244,lt=200,ut=120,dt={watching:40,summary:220,dictating:ct+32,offer:lt+32,call:4+ut+180},ft=84,pt={width:28,height:ft+140+20};function mt({phase:e,assistantName:t=``,accentHex:n=at,avatarSrc:r,character:a,hovered:o=!1,growth:s=`right`,avatarBox:c=i,optionsBox:l=i,cardGrowth:u=`up`,dock:d=`bottom`,rootRef:f,restingPillRef:p,avatarRef:m,onSurfacePointerDown:h,onSurfaceContextMenu:g,spotlight:_,avatarStaged:v=!1,avatarTucked:y=!1,onWatch:b,onTeach:x,picking:S=!1,sharing:C=!1,shareEnabled:w=!1,sharePicking:ee=!1,onShare:te,onStopShare:T,annotating:E=!1,annotationTool:D,onAnnotationTool:ne,drawToolsRef:O,onAnnotate:re,marked:ie=!1,onClearMarks:k,openPicker:ae,voicesPickable:oe=!1,onPicker:se,shortcuts:ce,onAvatarClick:le,working:ue=!1,watching:de=!1,watchRetro:pe,onWatchRetro:me,dictationOffer:he,offer:ge,watchEnabled:_e=!1,dictating:ve,dictationText:j=``,call:ye,onControl:be,intro:xe,picker:Se,prompt:Ce,promptRef:we,promptsDeferred:Te=0,onReviewPrompts:Ee}){let{t:De}=A(),Oe=e!==`resting`,M=e===`call`||e===`dictating`||e===`offer`||e===`summary`||e===`watching`,ke=(0,F.useRef)(null),[Ae,je]=(0,F.useState)(null),Me=_===`talk`?void 0:_;(0,F.useEffect)(()=>{if(Me===void 0){je(null);return}return _t(ke,`[data-control="${Me}"]`,e=>{je(e.x)})},[Me,e,C]);let[N,Ne]=(0,F.useState)(null);(0,F.useEffect)(()=>{if(!v){Ne(null);return}return _t(ke,`[data-avatar-stage]`,Ne)},[v,e]);let[Pe,Fe]=(0,F.useState)(!1);(0,F.useEffect)(()=>{if(e!==`hover`){Fe(!1);return}let t=setTimeout(()=>{Fe(!0)},500);return()=>{clearTimeout(t)}},[e]);let Ie=xe==null?_===`talk`||e===`hover`&&Pe:!1,Le=pe===`pending`,ze=ue||ye!==void 0&&ot.has(ye.phase),Be=fe(),P=(0,F.useRef)(null),[Ve,L]=(0,F.useState)(null),He=(0,F.useRef)(0);(0,F.useLayoutEffect)(()=>{let e=P.current;if(!e)return;let t=()=>{L({width:e.scrollWidth-He.current,height:e.scrollHeight})};t();let n=new ResizeObserver(t);return n.observe(e),()=>{n.disconnect()}},[e]);let{scale:Ue,avatarRel:We,avatarHalf:R,baseline:Ge,gap:z,inUnits:B,lineAt:Ke,edgeAt:qe}=Re(c,l),Je=e===`call`,V=Je&&(d===`left`||d===`right`),Ye=V?d===`left`?`right`:`left`:`above`,Xe=M?V?(Ve?.width??pt.width)+16:(Ve?.width??dt[e])+16:0,Ze=M?(Ve?.height??pt.height)+16:0,H=Je&&!V&&Ce!=null,Qe=(0,F.useRef)(null),[$e,et]=(0,F.useState)(0);(0,F.useLayoutEffect)(()=>{let e=Qe.current;if(!H||e===null)return;let t=()=>{et(Math.ceil(e.getBoundingClientRect().width/Ue))};t();let n=new ResizeObserver(t);return n.observe(e),()=>{n.disconnect()}},[H,Ce,Ue]);let tt=H?Math.max(Xe,$e):Xe,U=tt-Xe;(0,F.useLayoutEffect)(()=>{He.current=U},[U]);let W=V?`50%`:Ke(u,0),G=qe(s,R+z),nt=c/i,rt=Oe?{width:J.closing*nt,height:J.closing*nt}:J.idle,it=xe!=null,q=Je?{width:tt,...V?{height:Ze}:{},left:`50%`,top:W,transform:`translate(-50%, -50%)`,transitionTimingFunction:`cubic-bezier(.2,.8,.2,1)`}:{width:Xe,...G,top:Ke(u,Ge),transform:`translateY(-100%)`,transitionTimingFunction:`cubic-bezier(.2,.8,.2,1)`},Y=N===null?Ae!==null&&!V?`${Ae}px`:Je&&!V?`calc(50% - ${tt/2+B(R+z)}px)`:`50%`:`${N.x}px`,ct=N===null?Ae!==null&&!V?`calc(${W} - ${B(R+z)+22}px)`:V?`calc(50% - ${Ze/2+B(R+z)}px)`:W:`${N.y}px`;return(0,I.jsxs)(`div`,{ref:ke,className:`absolute top-0 left-0 origin-top-left`,style:{width:`${100/Ue}%`,height:`${100/Ue}%`,transform:`scale(${Ue})`},children:[H?(0,I.jsx)(Tt,{dock:d,top:W,width:tt,accentHex:n,lit:M,promptRef:we,children:Ce}):null,H?(0,I.jsx)(`div`,{ref:Qe,inert:!0,"aria-hidden":!0,"data-theme":`dark`,className:`pointer-events-none invisible absolute top-0 left-0 w-max max-w-[640px]`,children:Ce}):null,(0,I.jsxs)(`div`,{className:`absolute flex cursor-grab items-center rounded-full duration-300 select-none active:cursor-grabbing ${V?`flex-col transition-[width,height] will-change-[width,height]`:`h-11 transition-[width] will-change-[width]`} ${!Je&&s===`left`?`justify-end`:``}`,style:q,onPointerDown:h,onContextMenu:g,ref:f,children:[(0,I.jsx)(`span`,{className:`absolute inset-0 rounded-full transition-opacity duration-200 ${H?`bg-[#17181b]`:`border border-white/10 bg-[#17181b]/95 shadow-lg shadow-black/40`}`,style:{opacity:+!!M},"aria-hidden":!0}),Je&&(0,I.jsx)(`span`,{className:`companion-working-ring pointer-events-none absolute -inset-0.5 rounded-full transition-opacity duration-200`,style:{opacity:M&&!H?1:0,"--companion-ring-accent":n},"aria-hidden":!0}),(0,I.jsx)(`div`,{className:`relative flex shrink-0 items-center ${V?`flex-col`:`h-11`}`,style:V?{paddingBlock:8,paddingInline:8}:{paddingInline:8},children:(0,I.jsx)(`div`,{className:`flex items-center gap-1 overflow-hidden transition-opacity duration-200 ${V?`min-h-0 flex-col`:`min-w-0`}`,ref:P,inert:!M,style:{opacity:+!!M,transitionDelay:M?`120ms`:`0ms`},children:e===`call`?(0,I.jsx)(K.Provider,{value:Ye,children:(0,I.jsx)(Et,{call:ye,assistantName:t,spotlight:_,watching:de,watchEnabled:_e,picking:S,sharing:C,shareEnabled:w,sharePicking:ee,annotating:E,marked:ie,annotationTool:D,vertical:V,drawToolsPlacement:V?d===`left`?`right`:`left`:u===`up`?`above`:`below`,drawToolsRef:O,onAnnotationTool:ne,onControl:be,onWatch:b,onTeach:x,onShare:te,onStopShare:T,onAnnotate:re,onClearMarks:k,openPicker:ae,voicesPickable:oe,onPicker:se,pickerSide:V?d===`left`?`right`:`left`:d===`top`?`below`:`above`,shortcuts:ce,promptsDeferred:Te,lineExtra:U,onReviewPrompts:Ee})}):e===`dictating`&&ve!==void 0?(0,I.jsx)(bt,{dictating:ve,dictationText:j}):e===`summary`&&pe!==void 0?(0,I.jsx)(wt,{retro:pe,onWatchRetro:me}):e===`offer`&&he!==void 0?(0,I.jsx)(xt,{offer:he}):(0,I.jsx)(St,{watching:de,onWatch:b})})})]}),(0,I.jsx)(`div`,{className:`absolute cursor-grab active:cursor-grabbing`,style:{width:B(J.idle.width),height:B(J.idle.height),pointerEvents:Oe?`none`:void 0,left:`50%`,top:W,transform:`translate(-50%, -50%)`},onPointerDown:h,onContextMenu:g,ref:p,"aria-hidden":!0,children:(0,I.jsx)(`div`,{className:`absolute top-1/2 left-1/2 rounded-full transition-[width,height,opacity] duration-300`,style:{width:B(rt.width),height:B(rt.height),transform:`translate(-50%, -50%)`,transitionTimingFunction:`cubic-bezier(.2,.8,.2,1)`,transitionProperty:Be?`opacity`:void 0,boxShadow:st(n,B(J.rim),B(J.bloom)),opacity:Oe||N!==null||it&&!y?0:1}})}),(0,I.jsx)(vt,{className:Ie?`opacity-100`:`opacity-0`,"data-companion-name":Ie?`shown`:`hidden`,style:{left:`50%`,top:W,transform:`translate(-50%, calc(-100% - ${B(R)}px - ${X}px))`},label:De(`companionSurface.talk`)}),(0,I.jsx)(yt,{label:De(e===`call`?`companionSurface.openVellum`:`companionSurface.talk`),accentHex:n,avatarSrc:r,character:a,attentive:o,busy:ze||de||Le,collapsed:!Oe&&(!it||y),restingScale:i/c,style:{left:Y,top:ct,zIndex:N===null?void 0:2,transform:`translate(-50%, -50%)${We===1?``:` scale(${We})`}`,transition:Be?void 0:Ae===null&&N===null?`left 300ms cubic-bezier(.2,.8,.2,1), top 300ms cubic-bezier(.2,.8,.2,1)`:`left 420ms cubic-bezier(.34,1.56,.64,1), top 420ms cubic-bezier(.34,1.56,.64,1)`},elementRef:m,onPointerDown:h,onContextMenu:g,onClick:le}),xe,Se,ge]})}var ht=`rgba(28, 28, 30, 0.55)`,gt=`backdrop-blur-md backdrop-saturate-150`,_t=(e,t,n)=>{let r=0,i=performance.now(),a=()=>{let o=e.current,s=o?.querySelector(t);if(o&&s){let e=o.getBoundingClientRect(),t=s.getBoundingClientRect(),r=e.width===0?1:o.offsetWidth/e.width;n({x:(t.left+t.width/2-e.left)*r,y:(t.top+t.height/2-e.top)*r})}performance.now()-i<500&&(r=requestAnimationFrame(a))};return a(),()=>{cancelAnimationFrame(r)}},X=4;function vt({className:e,style:t,label:n,shortcut:r,beak:i=`down`,...a}){return(0,I.jsxs)(`span`,{className:`pointer-events-none absolute rounded-md px-2 py-1 text-[11px] leading-4 font-medium whitespace-nowrap text-white/90 shadow-md shadow-black/30 transition-opacity duration-200 ${gt} ${e}`,style:{...t,backgroundColor:ht},"aria-hidden":!0,...a,children:[n,r===void 0?null:(0,I.jsx)(`span`,{className:`ml-1.5 font-normal text-white/60`,"data-shortcut":!0,children:r}),(0,I.jsx)(`span`,{className:`absolute ${i===`down`?`top-full left-1/2 h-1.5 w-2.5 -translate-x-1/2`:i===`left`?`top-1/2 right-full h-2.5 w-1.5 -translate-y-1/2`:`top-1/2 left-full h-2.5 w-1.5 -translate-y-1/2`} ${gt}`,style:{backgroundColor:ht,clipPath:i===`down`?`polygon(0 0, 100% 0, 50% 100%)`:i===`left`?`polygon(100% 0, 100% 100%, 0 50%)`:`polygon(0 0, 0 100%, 100% 50%)`},"aria-hidden":!0})]})}function yt({accentHex:e,avatarSrc:t,character:n,busy:r=!1,attentive:i=!1,collapsed:a=!1,restingScale:o=1,label:s,style:c,elementRef:l,onPointerDown:u,onContextMenu:f,onClick:p}){let m=fe();return(0,I.jsxs)(`div`,{role:`button`,"aria-label":s,className:`absolute grid size-11 cursor-grab place-items-center active:cursor-grabbing`,style:c,ref:l,onPointerDown:u,onContextMenu:f,onClick:p,children:[n===void 0?null:(0,I.jsx)(it,{character:n,capsule:Y,enabled:a&&!r,className:`absolute top-1/2 left-1/2 transition-opacity duration-200`,style:{transform:`translate(-50%, -50%) scale(${o})`,opacity:+!!a}}),(0,I.jsx)(`div`,{className:`transition-[opacity,transform] duration-300`,style:{opacity:+!a,transform:a?`scale(0.35)`:`scale(1)`,transitionTimingFunction:`cubic-bezier(.2,.8,.2,1)`,transitionProperty:m?`opacity`:void 0},children:(0,I.jsx)(`div`,{className:`companion-avatar-bob relative grid place-items-center`,style:{animation:m?`none`:void 0},children:n===void 0?t===void 0?(0,I.jsx)(`span`,{className:`relative size-7 rounded-full drop-shadow-[0_1px_3px_rgba(0,0,0,0.55)]`,style:{background:e},"aria-hidden":!0}):(0,I.jsx)(`img`,{src:t,alt:``,draggable:!1,className:`relative size-7 rounded-full object-contain drop-shadow-[0_1px_3px_rgba(0,0,0,0.55)] [-webkit-user-drag:none]`}):(0,I.jsx)(`div`,{className:`relative drop-shadow-[0_1px_3px_rgba(0,0,0,0.55)]`,children:(0,I.jsx)(E,{components:d,traits:n,size:q,isAssistantBusy:r,attentive:i})})})})]})}function bt({dictating:e,dictationText:t}){let{t:n}=A(),r=t.trim();return(0,I.jsxs)(`div`,{className:`flex h-7 shrink-0 items-center gap-2 px-1`,children:[(0,I.jsx)(xe,{className:`size-4 shrink-0`,"aria-hidden":!0}),r?(0,I.jsx)(`span`,{dir:`auto`,className:`flex justify-end overflow-hidden text-[12px] whitespace-nowrap text-white/85`,style:{width:ct},children:(0,I.jsx)(`span`,{className:`shrink-0`,children:r})}):(0,I.jsx)(`span`,{className:`truncate text-[12px] text-white/85`,style:{width:ct},children:n(e===`listening`?`companionSurface.dictating`:`companionSurface.dictatingTranscribing`)})]})}function xt({offer:e}){let{t}=A();return(0,I.jsxs)(`div`,{className:`flex h-7 shrink-0 items-center gap-2 px-1`,children:[(0,I.jsx)(xe,{className:`size-4 shrink-0`,"aria-hidden":!0}),(0,I.jsx)(`span`,{className:`truncate text-[12px] text-white/85`,style:{width:lt},children:e.reason===`claimed`?t(`companionSurface.offerHeard`,{app:e.app}):t(`companionSurface.offerNowhere`)})]})}function St({watching:e=!1,onWatch:t}){return(0,I.jsx)(I.Fragment,{children:e&&(0,I.jsx)(Mt,{onWatch:t})})}function Ct({watching:e,watchEnabled:t,picking:n,dimmed:r,onWatch:i,onTeach:a}){let{t:o}=A();return t?(0,I.jsx)(Q,{icon:(0,I.jsx)(ye,{className:`size-4`}),label:o(`companionSurface.teach`),dimmed:r,pressed:e||n,onClick:e?i:a??i}):e?(0,I.jsx)(Mt,{onWatch:i}):null}function wt({retro:e,onWatchRetro:t}){let{t:n}=A();return e===`pending`?(0,I.jsx)(`span`,{className:`ml-1 shrink-0 text-[12px] text-white/85`,children:n(`companionSurface.summarizing`)}):(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(Q,{icon:(0,I.jsx)(N,{className:`size-4`}),label:n(`companionSurface.showSummary`),showLabel:!0,onClick:()=>{t?.(!0)}}),(0,I.jsx)(Q,{icon:(0,I.jsx)(Oe,{className:`size-4`}),label:n(`companionSurface.notNow`),showLabel:!0,onClick:()=>{t?.(!1)}})]})}function Tt({dock:e,top:t,width:n,accentHex:r,lit:i,promptRef:a,children:o}){let s=e===`top`;return(0,I.jsxs)(`div`,{ref:a,"data-theme":`dark`,className:`absolute`,style:{left:`50%`,top:t,width:n,transform:s?`translate(-50%, 0)`:`translate(-50%, -100%)`,[s?`paddingTop`:`paddingBottom`]:22},onPointerDown:e=>{e.stopPropagation()},children:[(0,I.jsx)(`span`,{"aria-hidden":!0,className:`absolute inset-0 bg-[#17181b] shadow-lg shadow-black/40 ${s?`rounded-b-[22px]`:`rounded-t-[22px]`}`}),(0,I.jsx)(`span`,{"aria-hidden":!0,className:`absolute right-4 left-4 h-px bg-white/10`,style:s?{top:22}:{bottom:22}}),(0,I.jsx)(`span`,{"aria-hidden":!0,className:`companion-working-ring pointer-events-none absolute transition-opacity duration-200`,style:{left:-2,right:-2,top:s?-24:-2,bottom:s?-2:-24,borderRadius:24,opacity:+!!i,"--companion-ring-accent":r}}),(0,I.jsx)(`div`,{className:`relative`,children:o})]})}function Et({call:e,assistantName:t,spotlight:n,watching:r,watchEnabled:i,picking:a,sharing:o,shareEnabled:s,sharePicking:c,annotating:l,marked:u,annotationTool:d,vertical:f,drawToolsPlacement:p,drawToolsRef:m,onAnnotationTool:h,onControl:g,onWatch:_,onTeach:v,onShare:y,onStopShare:b,onAnnotate:x,onClearMarks:S,openPicker:C,voicesPickable:w,onPicker:ee,pickerSide:te,shortcuts:T,promptsDeferred:E=0,onReviewPrompts:D,lineExtra:ne=0}){let{t:O}=A();if(e===void 0)return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(Dt,{vertical:f,extra:ne,text:t===``?O(`companionSurface.calling`):O(`companionSurface.callingNamed`,{name:t})}),(0,I.jsx)(Ct,{watching:r,watchEnabled:i,picking:a,onWatch:_,onTeach:v}),(0,I.jsx)(Z,{onControl:g})]});let re=e.detail||e.label,{muted:ie,outputMuted:k}=e;return(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(Dt,{vertical:f,extra:ne,text:re}),E>0?(0,I.jsx)(`button`,{type:`button`,"data-theme":`dark`,"aria-label":O(`companionPopover.pendingBadge`,{count:E}),className:`flex size-7 shrink-0 items-center justify-center rounded-full bg-[var(--system-negative-weak)] text-[13px] text-[var(--system-negative-strong)] transition-colors hover:bg-[var(--system-negative-hover)] hover:text-white`,onPointerDown:e=>{e.stopPropagation()},onClick:()=>{D?.()},children:E}):null,(0,I.jsx)(Ct,{watching:r,watchEnabled:i,picking:a,dimmed:n!==void 0,onWatch:_,onTeach:v}),(0,I.jsx)(Ot,{sharing:o,shareEnabled:s,sharePicking:c,shortcut:s?T?.share:void 0,spotlit:n===`share`,dimmed:n!==void 0&&n!==`share`,onShare:y,onStopShare:b}),(0,I.jsx)(kt,{sharing:o,annotating:l,spotlit:n===`draw`,dimmed:n!==void 0&&n!==`draw`,shortcut:s?T?.draw:void 0,tool:d,placement:p,toolsRef:m,onAnnotate:x,onTool:h}),(0,I.jsx)(jt,{sharing:o,marked:u,dimmed:n!==void 0,onClearMarks:S}),(0,I.jsx)(Q,{icon:ie?(0,I.jsx)(Me,{className:`size-4`}):(0,I.jsx)(ge,{className:`size-4`}),label:O(ie?`companionSurface.unmuteMicrophone`:`companionSurface.muteMicrophone`),shortcut:T?.muteMicrophone,control:`mute`,spotlit:n===`mute`,dimmed:n!==void 0&&n!==`mute`,onClick:()=>{g?.(ie?`unmuteMicrophone`:`muteMicrophone`)}}),(0,I.jsx)(Lt,{picker:`microphones`,label:O(`companionSurface.chooseMicrophone`),side:te,open:C===`microphones`,onPicker:ee}),(0,I.jsx)(Q,{icon:k?(0,I.jsx)(Ae,{className:`size-4`}):(0,I.jsx)(ke,{className:`size-4`}),label:O(k?`companionSurface.unmuteAssistant`:`companionSurface.muteAssistant`),shortcut:T?.muteAssistant,spotlit:n===`mute`,dimmed:n!==void 0&&n!==`mute`,onClick:()=>{g?.(k?`unmuteAssistantAudio`:`muteAssistantAudio`)}}),w?(0,I.jsx)(Lt,{picker:`voices`,label:O(`companionSurface.chooseVoice`),side:te,open:C===`voices`,onPicker:ee}):null,(0,I.jsx)(Z,{dimmed:n!==void 0,onControl:g})]})}function Dt({vertical:e,text:t,extra:n=0}){return e?(0,I.jsx)(`span`,{className:`mt-1 shrink-0 truncate text-[12px] text-white/85`,style:{height:ft,writingMode:`vertical-rl`},"data-label":`line`,children:t}):(0,I.jsx)(`span`,{className:`ml-1 shrink-0 truncate text-[12px] text-white/85`,style:{width:ut+n},"data-label":`line`,children:t})}function Ot({sharing:e,shareEnabled:t,sharePicking:n,shortcut:r,spotlit:i,dimmed:a,onShare:o,onStopShare:s}){let{t:c}=A();return!t&&!e?null:(0,I.jsx)(Q,{icon:(0,I.jsx)(Be,{className:`size-4`}),label:c(`companionSurface.share`),shortcut:r,control:`share`,spotlit:i,dimmed:a,pressed:e||n,onClick:e?s:o})}function kt({sharing:e,annotating:t,shortcut:n,spotlit:r,dimmed:i,tool:a,placement:o,toolsRef:s,onAnnotate:c,onTool:l}){let{t:u}=A();return e?(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(Q,{icon:(0,I.jsx)(Ee,{className:`size-4`}),label:u(`companionSurface.draw`),shortcut:n,control:`draw`,spotlit:r,dimmed:i,pressed:t,className:`companion-draw-anchor`,onClick:()=>{c?.(!t)}}),t&&a!==void 0&&(0,I.jsx)(At,{tool:a,placement:o,toolsRef:s,onTool:l})]}):null}function At({tool:e,placement:t,toolsRef:n,onTool:r}){let{t:i}=A(),a=[{tool:`freehand`,icon:(0,I.jsx)(Ee,{className:`size-4`}),label:i(`companionSurface.drawFreehand`)},{tool:`line`,icon:(0,I.jsx)(P,{className:`size-4`}),label:i(`companionSurface.drawLine`)},{tool:`box`,icon:(0,I.jsx)(we,{className:`size-4`}),label:i(`companionSurface.drawBox`)},{tool:`circle`,icon:(0,I.jsx)(M,{className:`size-4`}),label:i(`companionSurface.drawCircle`)}];return(0,I.jsx)(`div`,{className:`companion-draw-tools absolute flex items-center gap-0.5 rounded-full border border-white/10 bg-[#17181b]/95 p-0.5 shadow-lg shadow-black/40 companion-draw-tools-${t} ${t===`left`||t===`right`?`flex-col`:``}`,role:`group`,"aria-label":i(`companionSurface.drawTools`),"data-testid":`companion-draw-tools`,ref:n,onPointerDown:e=>{e.stopPropagation()},children:a.map(t=>(0,I.jsx)(Q,{icon:t.icon,label:t.label,pressed:e===t.tool,onClick:()=>{r?.(t.tool)}},t.tool))})}function jt({sharing:e,marked:t,dimmed:n,onClearMarks:r}){let{t:i}=A();return!e||!t?null:(0,I.jsx)(Q,{icon:(0,I.jsx)(ze,{className:`size-4`}),label:i(`companionSurface.clearMarks`),dimmed:n,onClick:()=>{r?.()}})}function Z({dimmed:e,onControl:t}){let{t:n}=A();return(0,I.jsx)(Q,{icon:(0,I.jsx)(Oe,{className:`size-4`,strokeWidth:2.5}),label:n(`companionSurface.endSession`),tone:`negative`,dimmed:e,onClick:()=>{t?.(`endSession`)}})}function Mt({onWatch:e}){let{t}=A();return(0,I.jsx)(Q,{icon:(0,I.jsx)(De,{className:`size-4`}),label:t(`companionSurface.stopTeaching`),onClick:e})}var Nt=`-translate-y-[calc(50%+22px)]`,Pt={right:`translate-x-[calc(50%+22px)]`,left:`-translate-x-[calc(50%+22px)]`},Ft=e=>e===`above`?{className:Nt,beak:`down`}:{className:Pt[e],beak:e===`right`?`left`:`right`},It={above:Ce,below:be,left:ve,right:Te};function Lt({picker:e,label:t,side:n,open:r,onPicker:i}){if(i===void 0)return null;let a=It[n];return(0,I.jsx)(Q,{icon:(0,I.jsx)(a,{className:`size-3.5`,strokeWidth:2.25}),label:t,pressed:r,narrow:!0,onClick:()=>{i(e)}})}function Q({icon:e,label:t,shortcut:n,tone:r,showLabel:i=!1,pressed:a,spotlit:o=!1,dimmed:s=!1,control:c,narrow:l=!1,className:u=``,onClick:d}){let f=Ft((0,F.useContext)(K));return(0,I.jsxs)(`button`,{type:`button`,"aria-label":t,"aria-pressed":a,"data-control":c,onClick:d,onPointerDown:e=>{e.stopPropagation()},className:`group flex h-7 shrink-0 items-center justify-center gap-1.5 rounded-full text-[12px] transition-[background-color,opacity] duration-200 hover:bg-white/15 ${l?`-mx-1 px-0.5`:`px-2`} ${u} ${a===!0||o?`bg-white/15`:``} ${s?`opacity-35`:``} ${r===`negative`?`text-[#ff6b6b]`:r===`positive`?`text-[#5ee08a]`:`text-white/85`}`,children:[e,i?(0,I.jsx)(`span`,{children:t}):(0,I.jsx)(vt,{label:t,shortcut:n,className:`opacity-0 group-hover:opacity-100 ${f.className}`,beak:f.beak,"data-label":`hover`})]})}var Rt=244,zt=192,Bt=3e3,Vt=6,$={idle:{title:`companionIntro.idle.title`,titleNamed:`companionIntro.idle.titleNamed`,body:`companionIntro.idle.body`},meet:{title:`companionIntro.idle.title`,titleNamed:`companionIntro.idle.titleNamed`,body:`companionIntro.meet.body`},talk:{title:`companionIntro.talk.title`,body:`companionIntro.talk.body`},key:{title:`companionIntro.talk.title`},share:{title:`companionIntro.share.title`,body:`companionIntro.share.body`},draw:{title:`companionIntro.draw.title`,body:`companionIntro.draw.body`},mute:{title:`companionIntro.mute.title`,body:`companionIntro.mute.body`},try:{title:`companionIntro.try.title`,body:`companionIntro.try.body`}},Ht=e=>{switch(e){case`share`:case`draw`:case`mute`:return e;default:return}},Ut=e=>({phase:`listening`,label:e,accentHex:``,muted:!1,outputMuted:!1,detail:``,approvalRequestId:``,assistantName:``}),Wt={share:`⌥S`,draw:`⌥D`,muteMicrophone:`⌥M`,muteAssistant:`⌥A`},Gt={share:{icon:(0,I.jsx)(Be,{className:`size-5`}),shortcut:Wt.share},draw:{icon:(0,I.jsx)(Ee,{className:`size-5`}),shortcut:Wt.draw},mute:{icon:(0,I.jsx)(ge,{className:`size-5`}),shortcut:Wt.muteMicrophone}},Kt=e=>Ht(e)===void 0?null:`call`,qt=(e,t)=>Ht(e)===void 0?null:{call:Ut(t),sharing:e!==`share`};function Jt({beat:e,growth:t=`right`,cardGrowth:r=`up`,avatarBox:a=i,optionsBox:o=i,accentHex:s,assistantName:c,cardRef:l,onAdvance:d,micGranted:f,greeted:p=!1}){let{t:m}=A(),h=u.indexOf(e),g=h===u.length-1,_=h<=0,v=$[e],y=ne[e],b=e===`share`||e===`draw`||e===`mute`?Gt[e]:void 0,[x,S]=(0,F.useState)(!1);(0,F.useEffect)(()=>{S(!1)},[e]),(0,F.useEffect)(()=>{if(!x)return;let e=setTimeout(()=>{S(!1)},Bt);return()=>{clearTimeout(e)}},[x]);let{inUnits:C,avatarHalf:w,gap:ee,lineAt:te,edgeAt:T,introStepOff:E}=Re(a,o),D=r===`down`||Ht(e)===void 0?C(E(r)):C(w+ee)+22+C(w)+Vt,O=T(t,-w),re={top:te(r,0),transform:r===`up`?`translateY(calc(-100% - ${D}px))`:`translateY(${D}px)`};return(0,I.jsxs)(`div`,{ref:l,role:`group`,"aria-label":m(`companionIntro.ariaLabel`),className:`absolute flex flex-col rounded-2xl border border-white/10 bg-[#17181b]/95 px-3.5 py-3 shadow-lg shadow-black/40`,style:{width:Rt,height:zt,...O,...re},onPointerDown:e=>{e.stopPropagation()},children:[(0,I.jsx)(`button`,{type:`button`,"aria-label":m(`companionIntro.close`),className:`absolute top-2 right-2 flex size-6 items-center justify-center rounded-full text-white/45 transition-colors hover:bg-white/10 hover:text-white/80`,onClick:()=>d?.(`dismiss`),children:(0,I.jsx)(Oe,{className:`size-3.5`})}),(0,I.jsxs)(`div`,{className:`flex flex-1 flex-col gap-2`,children:[(0,I.jsx)(`p`,{className:`pr-6 text-[13px] leading-tight font-medium text-white`,children:(0,I.jsx)(`span`,{className:`line-clamp-2`,children:`titleNamed`in v&&c!==void 0?m(v.titleNamed,{name:c}):m(v.title)})}),`body`in v?(0,I.jsx)(`p`,{className:`text-[12px] leading-[1.45] text-white/70`,children:m(e===`talk`&&p?`companionIntro.talk.greeted`:v.body)}):null,e===`talk`&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`div`,{className:`flex flex-1 items-center justify-center`,children:(0,I.jsx)(`span`,{"data-avatar-stage":!0,className:`block size-11`,"aria-hidden":!0})}),p&&f===!1?(0,I.jsx)(`p`,{className:`text-center text-[11px] leading-tight text-white/45`,children:m(`companionIntro.talk.prompt`)}):null]}),e===`key`&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(`p`,{className:`text-[12px] leading-[1.45] text-white/70`,children:m(x?`companionIntro.key.scolded`:`companionIntro.talk.gesture`)}),(0,I.jsx)(`div`,{className:`flex flex-1 items-center justify-center`,children:(0,I.jsx)(Yt,{label:`fn`,granted:f===!0,scolded:x,take:()=>{S(!0)}})})]}),e===`try`&&(0,I.jsxs)(I.Fragment,{children:[(0,I.jsxs)(`div`,{className:`flex flex-1 items-center justify-center gap-3`,children:[(0,I.jsx)(`span`,{"data-avatar-stage":!0,className:`block size-11`,"aria-hidden":!0}),(0,I.jsx)(Yt,{label:`fn`,granted:f===!0,scolded:x,take:()=>{S(!0)}})]}),(0,I.jsx)(`p`,{className:`text-center text-[11px] leading-tight text-white/45`,children:m(x?`companionIntro.key.scolded`:`companionIntro.try.how`)})]}),b!==void 0&&(0,I.jsxs)(`div`,{className:`flex flex-1 items-center justify-center gap-4`,children:[(0,I.jsxs)(`div`,{className:`flex flex-col items-center gap-1.5`,children:[(0,I.jsx)(`span`,{className:`flex size-10 items-center justify-center rounded-xl bg-white/10 text-white/85`,children:b.icon}),(0,I.jsx)(`span`,{className:`text-[10px] leading-none text-white/40`,children:m(`companionIntro.call.click`)})]}),(0,I.jsxs)(`div`,{className:`flex flex-col items-center gap-1.5`,children:[(0,I.jsx)(`span`,{className:`flex h-10 items-center rounded-xl border border-white/15 bg-white/10 px-3 text-[13px] font-medium text-white/85`,children:b.shortcut}),(0,I.jsx)(`span`,{className:`text-[10px] leading-none text-white/40`,children:m(`companionIntro.call.shortcut`)})]})]})]}),(0,I.jsxs)(`div`,{className:`flex items-center justify-between gap-2 pt-2`,children:[(0,I.jsx)(`div`,{className:`flex items-center gap-1`,"aria-hidden":!0,children:n.map(e=>(0,I.jsx)(`span`,{className:`size-1.5 rounded-full transition-colors`,style:{backgroundColor:e===y?s??`#5eead4`:`rgba(255,255,255,.2)`}},e))}),(0,I.jsxs)(`div`,{className:`flex items-center gap-1`,children:[_?null:(0,I.jsx)(`button`,{type:`button`,className:`h-7 rounded-full px-3 text-[12px] text-white/60 transition-colors hover:bg-white/10 hover:text-white`,onClick:()=>d?.(`back`),children:m(`companionIntro.back`)}),(0,I.jsx)(`button`,{type:`button`,className:`h-7 rounded-full bg-white/15 px-3 text-[12px] text-white transition-colors hover:bg-white/25`,onClick:()=>d?.(`next`),children:m(g?`companionIntro.done`:`companionIntro.next`)})]})]})]})}function Yt({label:e,granted:t=!1,scolded:n=!1,take:r}){let i=t?`border-emerald-400/60 bg-emerald-400/20 text-emerald-100`:`border-white/20 bg-white/10 text-white/85`,a=(0,I.jsxs)(I.Fragment,{children:[(0,I.jsx)(Se,{className:`size-4`,"aria-hidden":!0}),(0,I.jsx)(`span`,{className:`absolute bottom-1 left-1.5 text-[9px] leading-none opacity-70`,"aria-hidden":!0,children:e})]}),o=`relative inline-flex size-11 items-center justify-center rounded-lg border font-medium shadow-[inset_0_-2px_0_rgba(0,0,0,.4)] transition-[color,background-color,border-color,transform] ${i} ${n?`scale-90 opacity-70`:``}`;return r===void 0?(0,I.jsx)(`span`,{className:o,"aria-label":e,children:a}):(0,I.jsx)(`button`,{type:`button`,className:`${o} hover:border-white/40 hover:bg-white/20`,"aria-label":e,onClick:r,children:a})}var Xt=3,Zt=2400,Qt=440;function $t(){let{t:e}=A(),[n,a]=(0,F.useState)(`right`),[s,u]=(0,F.useState)(`up`),[d,te]=(0,F.useState)(`bottom`),[E,ne]=(0,F.useState)(i),[k,fe]=(0,F.useState)(i),[pe,me]=(0,F.useState)(),[he,ge]=(0,F.useState)(),[_e,ve]=(0,F.useState)(),[j,ye]=(0,F.useState)(null),[be,xe]=(0,F.useState)(!1),[Se,Ce]=(0,F.useState)(void 0),[we,Te]=(0,F.useState)(``),[Ee,De]=(0,F.useState)(``),[Oe,M]=(0,F.useState)(!1),[ke,Ae]=(0,F.useState)(!1),[je,Me]=(0,F.useState)(void 0),[N,Re]=(0,F.useState)(void 0),[ze,Be]=(0,F.useState)(!1),[P,Ve]=(0,F.useState)(void 0),[L,He]=(0,F.useState)(void 0),[Ue,We]=(0,F.useState)(!1),[R,Ge]=(0,F.useState)(!1),[z,Ke]=(0,F.useState)(void 0),[qe,Je]=(0,F.useState)(!1),[V,Ye]=(0,F.useState)(!1),[Xe,H]=(0,F.useState)(!1),[Qe,$e]=(0,F.useState)(!1),[et,tt]=(0,F.useState)(void 0),[U,W]=(0,F.useState)(!1),[G,nt]=(0,F.useState)(`teach`),[rt,it]=(0,F.useState)(null),K=(0,F.useRef)(0),[at,ot]=(0,F.useState)(!1),[q,J]=(0,F.useState)(null),Y=(0,F.useRef)(!1),st=(0,F.useRef)(null),ct=(0,F.useRef)(null),lt=(0,F.useRef)(null),ut=(0,F.useRef)(null),dt=(0,F.useRef)(null),ft=(0,F.useRef)(null),pt=(0,F.useRef)(null),ht=(0,F.useRef)(null),gt=(0,F.useRef)(!1),_t=(0,F.useCallback)(e=>{ht.current=e,e===null&&gt.current&&(gt.current=!1,Y.current=!1,O(!1))},[]),X=(0,F.useRef)(null),vt=(0,F.useRef)(null),yt=(0,F.useRef)(!1);(0,F.useEffect)(()=>{let e=e=>{a(e.growth),u(e.cardGrowth),te(e.dock??`bottom`),ne(e.avatarBox),fe(e.optionsBox??e.avatarBox),me(e.avatarBase64===void 0?void 0:`data:image/png;base64,${e.avatarBase64}`),ge(e.character),ve(e.accentHex),ye(e.call),xe(e.dialing===!0),De(e.assistantName),M(e.working),Ae(e.watching===!0),Ce(e.dictating),Te(e.dictationText??``),Me(e.watchRetro),Re(e.dictationOffer),Ve(e.popover),Be(e.voicesPickable===!0),He(e.popoverView),We(e.watchEnabled===!0),Ge(e.watchTargets===!0),Ke(e.screenShare),Je(e.screenShareEnabled===!0),Ye(e.annotating===!0),H((e.coachmarks?.length??0)>0),$e(e.marksCleared!==void 0),tt(e.annotationTool),J(e.intro)},t=T(e);return C().then(t=>{t&&e(t)}),t},[]),(0,F.useEffect)(()=>()=>{O(!1)},[]);let bt=j!==null||be,xt=z!==void 0,St=(0,F.useMemo)(()=>h()?ue():void 0,[]);(0,F.useEffect)(()=>{bt||(K.current+=1,W(!1))},[bt]),(0,F.useEffect)(()=>{ke&&G===`teach`&&(K.current+=1,W(!1))},[ke,G]),(0,F.useEffect)(()=>{xt&&G===`share`&&(K.current+=1,W(!1))},[xt,G]);let Ct=(e,t)=>{it(null),nt(e),W(!0);let n=++K.current;le().then(e=>{if(n===K.current){if(e!==null){it(e);return}W(!1),t()}})},wt=U&&rt?.screenRecordingGranted===!1;(0,F.useEffect)(()=>{if(wt)return m(e=>{if(e.screen?.status!==`granted`)return;let t=++K.current;le().then(e=>{t!==K.current||e===null||it(e)})})},[wt]);let Tt=()=>{if(!R){y();return}if(U&&G===`teach`){K.current+=1,W(!1);return}Ct(`teach`,y)},Et=()=>{if(U&&G===`share`){K.current+=1,W(!1);return}Ct(`share`,()=>void 0)};(0,F.useEffect)(()=>{!U&&Y.current&&(Y.current=!1,O(!1))},[U]),(0,F.useEffect)(()=>{N===void 0&&Y.current&&(Y.current=!1,O(!1))},[N]);let Dt=(0,F.useRef)(!1),Ot=P!==void 0&&L!==void 0&&L!==`deferred`&&(j!==null||be)&&d!==`left`&&d!==`right`,kt=Ot?P?.id:void 0;(0,F.useLayoutEffect)(()=>{let e=pt.current;if(kt===void 0||e===null)return;let t=()=>{ce(kt,e.getBoundingClientRect().height)};t();let n=new ResizeObserver(t);return n.observe(e),()=>{n.disconnect()}},[kt,L]),(0,F.useEffect)(()=>{!Ot&&Dt.current&&(Dt.current=!1,Y.current=!1,O(!1))},[Ot]);let At=e=>{if(K.current+=1,W(!1),G===`share`){w(e);return}y(e)},jt=e=>{Y.current!==e&&(Y.current=e,O(e))},Z=q!==null&&j===null&&!be,Mt=(0,F.useRef)(Z);(0,F.useEffect)(()=>{Mt.current&&!Z&&(ot(!1),jt(!1)),Mt.current=Z},[Z]);let Nt=Kt(q),Pt=Z?qt(q,e(`companionIntro.call.line`)):null,[Ft,It]=(0,F.useState)(null),Lt=Z&&(q===`talk`||q===`try`),Q=Z&&q===`idle`&&at;(0,F.useEffect)(()=>{Q&&l(`next`)},[Q]);let[Rt,zt]=(0,F.useState)(!1);(0,F.useEffect)(()=>{zt(!1)},[q]);let Bt=(0,F.useCallback)(()=>{if(Ft!==!1){l(`try`);return}de(`microphone`).then(e=>{It(e?.status===`granted`),l(`try`)})},[Ft]);(0,F.useEffect)(()=>{if(!Rt)return;let e=setTimeout(()=>{l(`next`)},Zt);return()=>{clearTimeout(e)}},[Rt]);let Vt=Z&&q===`talk`;(0,F.useEffect)(()=>{if(!Vt)return;let e=()=>{p().then(e=>{It(e===null?null:e.microphone.status===`granted`)})};e();let t=setInterval(e,2e3);return()=>{clearInterval(t)}},[Vt]);let $=Pt!==null,Ut=j!==null||be?`call`:Se===void 0?N===void 0?ke?`watching`:je===void 0?Nt??(at?`hover`:`resting`):`summary`:`offer`:`dictating`,Gt=e=>{if(X.current!==null&&e.buttons===0&&(X.current=null,D()),X.current!==null){let{x:t,y:n}=X.current;ie(e.screenX-t,e.screenY-n),X.current={x:e.screenX,y:e.screenY};let r=vt.current;r!==null&&Math.abs(e.screenX-r.x)+Math.abs(e.screenY-r.y)>Xt&&(yt.current=!0);return}let t=lt.current;if(!t)return;let n=st.current?.getBoundingClientRect()??null,r=ct.current?.getBoundingClientRect()??null,i=n!==null&&n.width>0?n:r!==null&&r.width>0?r:null,a=Le({x:e.clientX,y:e.clientY},{avatar:t.getBoundingClientRect(),pill:i}),o=ut.current,s=o!==null&&Ie(o.getBoundingClientRect(),e.clientX,e.clientY),c=ft.current,l=c!==null&&Ie(c.getBoundingClientRect(),e.clientX,e.clientY),u=dt.current,d=u!==null&&Ie(u.getBoundingClientRect(),e.clientX,e.clientY),f=pt.current,p=f!==null&&Ie(f.getBoundingClientRect(),e.clientX,e.clientY),m=ht.current,h=m!==null&&Ie(m.getBoundingClientRect(),e.clientX,e.clientY);ot(a),gt.current=h,Dt.current=p,jt(a||s||d||l||h||p)},Yt=Ne(j,_e,he),$t=P===void 0||L!==`deferred`?0:P.kind===`approvals`?P.items.length:1;return(0,I.jsx)(`div`,{className:`relative h-screen w-screen bg-transparent`,onMouseMove:Gt,onMouseUp:()=>{X.current!==null&&(X.current=null,D())},onPointerCancel:()=>{X.current!==null&&(X.current=null,D()),ot(!1),jt(!1)},onMouseLeave:()=>{X.current===null&&(ot(!1),jt(!1))},children:(0,I.jsx)(mt,{phase:Ut,growth:n,cardGrowth:s,dock:d,avatarBox:E,optionsBox:k,avatarSrc:pe,character:he,hovered:at,accentHex:Yt,call:j??Pt?.call??void 0,assistantName:Ee,dictating:Se,dictationText:we,working:Oe,watching:ke,watchRetro:je,onWatchRetro:g,dictationOffer:N,offer:N===void 0?null:(0,I.jsx)(Ze,{offer:N,growth:n,cardGrowth:s,avatarBox:E,optionsBox:k,cardRef:ft,onAnswer:e=>{c(e,N.id)}}),watchEnabled:Ue,spotlight:Ht(q),avatarStaged:Lt,avatarTucked:Z&&q===`idle`,intro:!Z||q===null?null:(0,I.jsx)(Jt,{beat:q,growth:n,cardGrowth:s,avatarBox:E,optionsBox:k,accentHex:Yt,assistantName:Ee===``?void 0:Ee,cardRef:ut,micGranted:Ft??void 0,greeted:Rt,onAdvance:e=>{if(e===`try`){Bt();return}l(e)}}),rootRef:st,restingPillRef:ct,avatarRef:lt,onSurfacePointerDown:e=>{e.button===0&&e.target.closest(`button, a`)===null&&(e.currentTarget.setPointerCapture(e.pointerId),X.current={x:e.screenX,y:e.screenY},vt.current={x:e.screenX,y:e.screenY},yt.current=!1)},onSurfaceContextMenu:e=>{(window.getSelection()?.toString().trim().length??0)>0||(e.preventDefault(),oe())},onAvatarClick:()=>{if(!(yt.current||$)){if(Z&&q===`talk`){zt(!0);return}if(Z&&q===`try`){Bt();return}if(j!==null||be){o();return}re()}},onWatch:()=>{$||y()},onTeach:$?void 0:Tt,picking:U&&G===`teach`,sharing:Pt?.sharing??xt,shareEnabled:$||qe,sharePicking:U&&G===`share`,onShare:$?void 0:Et,onStopShare:$?void 0:()=>{w()},annotating:V,onAnnotate:$?void 0:e=>{b(e)},marked:Qe&&(Xe||V),onClearMarks:$?void 0:()=>{f()},openPicker:P?.kind===`microphones`||P?.kind===`voices`?P.kind:void 0,voicesPickable:ze,onPicker:!$&&t()?e=>{ee(e)}:void 0,annotationTool:et,onAnnotationTool:$?void 0:e=>{ae(e)},drawToolsRef:_t,shortcuts:$?Wt:St,picker:U?(0,I.jsx)(B,{sources:rt,captureThumbnail:v,cardGrowth:s,avatarBox:E,optionsBox:k,cardRef:dt,label:G===`share`?e(`companionSurface.sharePicker`):void 0,onPick:At,onAllowScreenRecording:()=>{r(`screen`).catch(()=>void 0)}}):null,prompt:!Ot||P===void 0?null:L===`row`&&(P.kind===`approvals`||P.kind===`secret`)?(0,I.jsx)(Pe,{popover:P,onAnswer:e=>{_(e,P.id)},onView:e=>{S(P.id,e)}}):(0,I.jsx)(Fe,{attached:!0,popover:P,view:L??`expanded`,style:{maxHeight:Qt},onAnswer:e=>{_(e,P.id)},onView:e=>{S(P.id,e)},onOpenLink:e=>{se(e)}},P.id),promptRef:pt,promptsDeferred:$t,onReviewPrompts:()=>{P!==void 0&&S(P.id,`expanded`)},onControl:$?void 0:(e,t)=>{x(t===void 0?{action:e}:{action:e,requestId:t})}})})}export{$t as CompanionSurfacePage};

package/dist/assets/{companion-watch-frame-page-DBCATS1M.js → companion-watch-frame-page-CD5D6GuN.js}

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

package/dist/assets/{connect-page-cDEz_dPk.js → connect-page-r2GG7uDj.js}

@@ -1 +1 @@
-import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Bb as t,Jx as n,Yx as r,aS as i,et as a,jx as o}from"./app-8xvPI2dS.js";import{Jn as s,er as c,j as l}from"./vendor-Dg25s0n5.js";import{_ as u,f as d,t as f,x as p}from"./react-B9IgSVeK.js";import{E as m,Jn as h,er as g}from"./icons-DxrLl-Dj.js";import{n as _}from"./a2a-invite-CEdGlADq.js";import{r as v}from"./contacts-gateway-DrAeuNw4.js";var y=e(p(),1),b=f();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:a()})}function w({assistantId:e}){let{t:a}=l(`contacts`),f=d(),p=c(),[C]=u(),w=(0,y.useMemo)(()=>_(C),[C]),T=s({mutationFn:()=>{if(!w)throw Error(`Invalid invite link`);return v(e,{senderAssistantId:w.senderAssistantId,token:w.token})},onSuccess:e=>{e.success&&(p.invalidateQueries({predicate:e=>x(e.queryKey)}),e.alreadyConnected?o(a(`connectPage.alreadyConnected`)):o(a(`connectPage.connected`)),f(t.contacts.root))}}),E=(0,y.useCallback)(()=>{f(t.contacts.root)},[f]),D=(0,y.useCallback)(()=>{T.mutate()},[T]),O=(0,y.useMemo)(()=>{if(T.isError)return T.error instanceof Error?T.error.message:a(`connectPage.errorGeneric`);if(T.data&&!T.data.success){let e=S(T.data.errorCode);return e?a(e):T.data.error||a(`connectPage.errorGeneric`)}return null},[T.isError,T.error,T.data,a]);return w?(0,b.jsx)(`div`,{className:`flex min-h-full items-center justify-center p-6`,children:(0,b.jsx)(n,{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)(g,{className:`h-6 w-6`,style:{color:`var(--content-secondary)`}}),(0,b.jsx)(r,{variant:`title-small`,children:a(`connectPage.title`)})]}),(0,b.jsx)(r,{variant:`body-medium-lighter`,style:{color:`var(--content-secondary)`},children:a(`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)(m,{className:`h-4 w-4 shrink-0`}),(0,b.jsx)(r,{variant:`body-small-default`,children:O})]}),(0,b.jsxs)(`div`,{className:`flex gap-2 pt-2`,children:[(0,b.jsx)(i,{variant:`primary`,onClick:D,disabled:T.isPending,children:T.isPending?(0,b.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,b.jsx)(h,{className:`h-4 w-4 animate-spin`}),a(`actions.connecting`)]}):a(`actions.connect`)}),(0,b.jsx)(i,{variant:`outlined`,onClick:E,disabled:T.isPending,children:a(`actions.cancel`)})]})]})})}):(0,b.jsx)(`div`,{className:`flex min-h-full items-center justify-center p-6`,children:(0,b.jsx)(n,{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)(m,{className:`h-6 w-6`,style:{color:`var(--system-negative-strong)`}}),(0,b.jsx)(r,{variant:`title-small`,children:a(`connectPage.invalidTitle`)})]}),(0,b.jsx)(r,{variant:`body-medium-lighter`,style:{color:`var(--content-secondary)`},children:a(`connectPage.invalidBody`)}),(0,b.jsx)(`div`,{className:`flex gap-2 pt-2`,children:(0,b.jsx)(i,{variant:`primary`,onClick:E,children:a(`connectPage.goToContacts`)})})]})})})}export{C as ConnectPage};
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Mx as t,Vb as n,Xx as r,Yx as i,et as a,oS as o}from"./app-C3HfT-4P.js";import{Jn as s,er as c,j as l}from"./vendor-Dg25s0n5.js";import{_ as u,f as d,t as f,x as p}from"./react-B9IgSVeK.js";import{E as m,Jn as h,er as g}from"./icons-DxrLl-Dj.js";import{n as _}from"./a2a-invite-nH6o2QE-.js";import{r as v}from"./contacts-gateway-DQYNS1Yf.js";var y=e(p(),1),b=f();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:a()})}function w({assistantId:e}){let{t:a}=l(`contacts`),f=d(),p=c(),[C]=u(),w=(0,y.useMemo)(()=>_(C),[C]),T=s({mutationFn:()=>{if(!w)throw Error(`Invalid invite link`);return v(e,{senderAssistantId:w.senderAssistantId,token:w.token})},onSuccess:e=>{e.success&&(p.invalidateQueries({predicate:e=>x(e.queryKey)}),e.alreadyConnected?t(a(`connectPage.alreadyConnected`)):t(a(`connectPage.connected`)),f(n.contacts.root))}}),E=(0,y.useCallback)(()=>{f(n.contacts.root)},[f]),D=(0,y.useCallback)(()=>{T.mutate()},[T]),O=(0,y.useMemo)(()=>{if(T.isError)return T.error instanceof Error?T.error.message:a(`connectPage.errorGeneric`);if(T.data&&!T.data.success){let e=S(T.data.errorCode);return e?a(e):T.data.error||a(`connectPage.errorGeneric`)}return null},[T.isError,T.error,T.data,a]);return w?(0,b.jsx)(`div`,{className:`flex min-h-full items-center justify-center p-6`,children:(0,b.jsx)(i,{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)(g,{className:`h-6 w-6`,style:{color:`var(--content-secondary)`}}),(0,b.jsx)(r,{variant:`title-small`,children:a(`connectPage.title`)})]}),(0,b.jsx)(r,{variant:`body-medium-lighter`,style:{color:`var(--content-secondary)`},children:a(`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)(m,{className:`h-4 w-4 shrink-0`}),(0,b.jsx)(r,{variant:`body-small-default`,children:O})]}),(0,b.jsxs)(`div`,{className:`flex gap-2 pt-2`,children:[(0,b.jsx)(o,{variant:`primary`,onClick:D,disabled:T.isPending,children:T.isPending?(0,b.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,b.jsx)(h,{className:`h-4 w-4 animate-spin`}),a(`actions.connecting`)]}):a(`actions.connect`)}),(0,b.jsx)(o,{variant:`outlined`,onClick:E,disabled:T.isPending,children:a(`actions.cancel`)})]})]})})}):(0,b.jsx)(`div`,{className:`flex min-h-full items-center justify-center p-6`,children:(0,b.jsx)(i,{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)(m,{className:`h-6 w-6`,style:{color:`var(--system-negative-strong)`}}),(0,b.jsx)(r,{variant:`title-small`,children:a(`connectPage.invalidTitle`)})]}),(0,b.jsx)(r,{variant:`body-medium-lighter`,style:{color:`var(--content-secondary)`},children:a(`connectPage.invalidBody`)}),(0,b.jsx)(`div`,{className:`flex gap-2 pt-2`,children:(0,b.jsx)(o,{variant:`primary`,onClick:E,children:a(`connectPage.goToContacts`)})})]})})})}export{C as ConnectPage};

package/dist/assets/{consent-controls-3N15Gt39.js → consent-controls-BmVwOLF7.js}

@@ -1 +1 @@
-import{Bb as e,Jx as t,Rx as n,zb as r}from"./app-8xvPI2dS.js";import{N as i,j as a}from"./vendor-Dg25s0n5.js";import{t as o}from"./react-B9IgSVeK.js";import{t as s}from"./setting-row-CbaTzcTC.js";var c=o(),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:e.docs.legal.privacyPolicy,text:`Privacy and AI Data Sharing Policy`,aria:`I agree to the Privacy and AI Data Sharing Policy`},tos:{href:e.docs.legal.termsOfUse,text:`Terms of Service`,aria:`I agree to the Terms of Service`}};function f({kind:e,checked:t,onChange:a}){let o=d[e];return(0,c.jsx)(n,{checked:t,onCheckedChange:e=>a(e===!0),label:(0,c.jsx)(`span`,{className:`text-body-medium-lighter text-[var(--content-default)]`,children:(0,c.jsx)(i,{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}=a(`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:t(`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:o,onShareAnalyticsChange:l,onShareDiagnosticsChange:d,className:f,style:m}){let{t:h}=a(`onboarding`);return(0,c.jsxs)(`section`,{className:f,style:m,children:[(0,c.jsx)(`p`,{className:u,children:h(`consentControls.privacyPreferences`)}),(0,c.jsx)(t,{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:o,onChange:d})]})})]})}function g({electron:e,showPrivacy:t=!0,showTos:n=!0,privacyConsent:r,tosAccepted:i,onPrivacyChange:o,onTosChange:s,privacyNotes:l,tosNotes:d,className:p,style:h}){let{t:g}=a(`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:[t&&(0,c.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,c.jsx)(m,{notes:l}),(0,c.jsx)(f,{kind:`privacy`,checked:r,onChange:o})]}),n&&(0,c.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,c.jsx)(m,{notes:d}),(0,c.jsx)(f,{kind:`tos`,checked:i,onChange:s})]})]})]})}export{h as n,g as t};
+import{Bb as e,Vb as t,Yx as n,zx as r}from"./app-C3HfT-4P.js";import{N as i,j as a}from"./vendor-Dg25s0n5.js";import{t as o}from"./react-B9IgSVeK.js";import{t as s}from"./setting-row-DJB7FAxZ.js";var c=o(),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:t.docs.legal.privacyPolicy,text:`Privacy and AI Data Sharing Policy`,aria:`I agree to the Privacy and AI Data Sharing Policy`},tos:{href:t.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)(r,{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)(i,{i18nKey:`consentControls.agreeTo`,ns:`onboarding`,values:{policy:o.text},components:{link:(0,c.jsx)(`a`,{href:e(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}=a(`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:t(`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:t=!0,showDiagnostics:r=!0,shareAnalytics:i,shareDiagnostics:o,onShareAnalyticsChange:l,onShareDiagnosticsChange:d,className:f,style:m}){let{t:h}=a(`onboarding`);return(0,c.jsxs)(`section`,{className:f,style:m,children:[(0,c.jsx)(`p`,{className:u,children:h(`consentControls.privacyPreferences`)}),(0,c.jsx)(n,{padding:e?`sm`:`md`,className:`w-full`,children:(0,c.jsxs)(`div`,{className:`flex flex-col ${e?`gap-3`:`gap-4`}`,children:[t&&(0,c.jsx)(s,{label:h(`consentControls.analyticsLabel`),helperText:h(`consentControls.analyticsHelp`),checked:i,onChange:l}),t&&r&&(0,c.jsx)(p,{}),r&&(0,c.jsx)(s,{label:h(`consentControls.diagnosticsLabel`),helperText:h(`consentControls.diagnosticsHelp`),checked:o,onChange:d})]})})]})}function g({electron:e,showPrivacy:t=!0,showTos:n=!0,privacyConsent:r,tosAccepted:i,onPrivacyChange:o,onTosChange:s,privacyNotes:l,tosNotes:d,className:p,style:h}){let{t:g}=a(`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:[t&&(0,c.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,c.jsx)(m,{notes:l}),(0,c.jsx)(f,{kind:`privacy`,checked:r,onChange:o})]}),n&&(0,c.jsxs)(`div`,{className:`flex flex-col gap-2`,children:[(0,c.jsx)(m,{notes:d}),(0,c.jsx)(f,{kind:`tos`,checked:i,onChange:s})]})]})]})}export{h as n,g as t};

package/dist/assets/contacts-gateway-DQYNS1Yf.js

@@ -0,0 +1 @@
+import{Rg as e,bd as t,ex as n,rx as r,tx as i,vd as a,yd as o}from"./app-C3HfT-4P.js";async function s(e,a){let{data:o,error:s,response:c}=await t({path:{assistant_id:e},body:a,throwOnError:!1});if(i(c,s,`Failed to save contact`),!c.ok||!o?.contact)throw new n(c.status,r(s,c,`Failed to save contact`));return o.contact}async function c(e,t){let{error:a,response:s}=await o({path:{assistant_id:e,contact_id:t},throwOnError:!1});if(i(s,a,`Failed to delete contact`),!s.ok&&s.status!==204)throw new n(s.status,r(a,s,`Failed to delete contact`))}async function l(e,t){let{error:o,response:s}=await a({path:{assistant_id:e,channel_id:t},throwOnError:!1});if(i(s,o,`Failed to verify channel`),!s.ok)throw new n(s.status,r(o,s,`Failed to verify channel`))}async function u(e,t,r){let i=(await s(e,{id:t.id,displayName:t.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 n(409,`That account is already linked to another contact.`);if(i.status===`blocked`)throw new n(409,`That account is blocked for this contact. Unblock it before linking.`);await l(e,i.id)}async function d(t,a){let{data:o,error:s,response:c}=await e.post({url:`/v1/assistants/{assistant_id}/a2a/invites/redeem/`,path:{assistant_id:t},body:{sender_assistant_id:a.senderAssistantId,token:a.token},headers:{"Content-Type":`application/json`},throwOnError:!1});if(i(c,s,`Failed to redeem A2A invite`),!c.ok)throw new n(c.status,r(s,c,`Failed to redeem A2A invite`));return{success:o?.success??!0,alreadyConnected:o?.already_connected,error:o?.error,errorCode:o?.error_code}}export{l as a,s as i,u as n,d as r,c as t};

package/dist/assets/contacts-page-route-KBpKg-nS.js

@@ -0,0 +1 @@
+import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{$f as t,B as n,Gd as r,Kd as i,Mx as a,Nx as o,Qf as s,Qg as c,S as l,Sc as u,Tb as d,Vb as f,Vx as p,Wo as m,Wx as h,Xx as g,Yx as _,bi as v,eS as y,et as b,gi as x,jx as S,kd as C,kx as w,oS as T,pd as ee,qd as E,sm as te,vi as D,yi as O}from"./app-C3HfT-4P.js";import{I as k,Jn as A,N as j,Zn as ne,er as re,j as M}from"./vendor-Dg25s0n5.js";import{_ as ie,f as ae,n as N,r as oe,t as se,x as P}from"./react-B9IgSVeK.js";import{Bn as F,En as ce,Gt as I,It as le,Ja as L,Jn as ue,La as R,Ra as z,Xt as de,_t as B,b as fe,er as pe,ga as me,gt as V,yr as H,zi as U}from"./icons-DxrLl-Dj.js";import{t as W}from"./ellipsis-vertical-DWDUOGRm.js";import{t as G}from"./detail-card-gA0C_HPm.js";import{n as he,r as ge,t as _e}from"./use-side-list-room-BzZrPsXy.js";import{c as K,i as ve,n as ye,r as q,t as be}from"./use-invite-link-dialog-BhRMen1B.js";import{a as xe,i as Se,n as Ce,t as we}from"./contacts-gateway-DQYNS1Yf.js";var Te=L(`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=L(`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(P(),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 t=ke(e.toLowerCase());return t?k(t,{ns:`contacts`}):e}var je=`New Contact`;function Me(e){return e===je}var Y=se();function Ne({channels:e,pendingChannelKey:t=null,onConnect:n,onDisconnect:r}){let{t:i}=M(`contacts`),[a,o]=(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?()=>o(e.key):void 0})]},e.key))}),(0,Y.jsx)(S,{open:a!==null,title:i(`assistantContactChannels.disconnectConfirmTitle`,{channel:a?O(a):``}),message:i(`assistantContactChannels.disconnectConfirmMessage`),confirmLabel:i(`actions.disconnect`),destructive:!0,onConfirm:()=>{a&&r&&r(a),o(null)},onCancel:()=>o(null)})]})}function Pe({channel:e,pending:t,onConnect:n,onDisconnect:r}){let{t:i}=M(`contacts`),a=e.configured,{Icon:o,label:s}=v(e.health);return(0,Y.jsxs)(`div`,{className:`flex items-center gap-3 py-4`,children:[(0,Y.jsx)(x,{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:O(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)(o,{className:`h-3 w-3`}),s]}),r?(0,Y.jsx)(T,{variant:`danger`,onClick:r,disabled:t,children:i(t?`actions.disconnecting`:`actions.disconnect`)}):(0,Y.jsx)(T,{variant:`outlined`,asChild:!0,children:(0,Y.jsx)(N,{to:`${f.channels}?setup=${e.key}`,children:i(`actions.manage`)})})]}):n?(0,Y.jsx)(T,{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)(h,{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}=M(`contacts`),r=m(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=D(e);if(i)return(0,J.createElement)(i,{size:16,className:n,style:r});switch(t){case`bot`:return(0,Y.jsx)(me,{className:n,style:r});case`hash`:return(0,Y.jsx)(H,{className:n,style:r});case`send`:return(0,Y.jsx)(V,{className:n,style:r});case`phone`:return(0,Y.jsx)(I,{className:n,style:r});case`mail`:return(0,Y.jsx)(F,{className:n,style:r});case`message-square`:return(0,Y.jsx)(ce,{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:o=`self`,onSetupChannel:s,onVerifyChannel:c,onRevokeChannel:l,onLinkAccount:u}){let{t:d}=M(`contacts`),[f,p]=(0,J.useState)(null),[m,h]=(0,J.useState)(null),g=new Map;for(let t of e)t.status!==`revoked`&&(g.has(t.type)||g.set(t.type,t));let _=e=>{f&&(c?.(f.info.id,e),p(null))},v=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:d(`contactChannelsSection.loadFailed`)}),v.map((e,t)=>{let n=g.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??d(`contactChannelsSection.setupDefault`),verifyLoading:a,onSetup:s?()=>s(e.id):void 0,onVerify:c&&Re(e)?()=>p({info:e,existing:n}):void 0,onRevoke:l&&n?()=>h({channelId:n.id,channel:e}):void 0,onLinkAccount:u&&De.has(e.id)?()=>u(e.id):void 0})]},e.id)})]}),f?(0,Y.jsx)(We,{info:f.info,existing:f.existing,verifySubject:o,onConfirm:_,onCancel:()=>p(null)}):null,m&&(0,Y.jsx)(S,{open:!0,title:d(`contactChannelsSection.revokeConfirmTitle`,{channel:m.channel.label}),message:d(`contactChannelsSection.revokeConfirmMessage`),confirmLabel:d(`actions.revoke`),destructive:!0,onConfirm:()=>{l?.(m.channelId,m.channel.id),h(null)},onCancel:()=>h(null)})]})}function Ue({info:e,existing:t,setupLabel:n,verifyLoading:r,onSetup:i,onVerify:a,onRevoke:o,onLinkAccount:s}){let{t:c}=M(`contacts`),l=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:l.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)(U,{className:`h-3 w-3`}),c(`channelStatus.connected`)]}),o?(0,Y.jsx)(T,{variant:`danger`,onClick:o,children:c(`actions.revoke`)}):null]}):l.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)(U,{className:`h-3 w-3`}),c(`channelStatus.verified`)]}),o?(0,Y.jsx)(T,{variant:`danger`,onClick:o,children:c(`actions.revoke`)}):null]}):l.kind===`unverified`?(0,Y.jsx)(T,{variant:`outlined`,onClick:a,disabled:!a||r,children:c(r?`actions.verifying`:`actions.verify`)}):l.kind===`setup`?e.id===`a2a`?null:(0,Y.jsxs)(Y.Fragment,{children:[s?(0,Y.jsxs)(T,{onClick:s,children:[(0,Y.jsx)(pe,{className:`h-3.5 w-3.5`}),c(`contactChannelsSection.linkAccount`)]}):null,(0,Y.jsx)(T,{variant:`outlined`,onClick:i,disabled:!i,children:n})]}):null})]})}function We({info:e,existing:t,verifySubject:n,onConfirm:r,onCancel:i}){let{t:a}=M(`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)(S,{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)(o.Root,{open:!0,onOpenChange:e=>{e||i()},children:(0,Y.jsx)(o.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)(o.Header,{children:(0,Y.jsx)(o.Title,{children:a(`contactChannelsSection.verifyConfirmTitle`,{channel:e.label})})}),(0,Y.jsxs)(o.Body,{className:`flex flex-col gap-3`,children:[(0,Y.jsx)(o.Description,{children:a(n===`contact`?`contactChannelsSection.verifyAddressMessageContact`:`contactChannelsSection.verifyAddressMessageGuardian`,{channel:e.label})}),(0,Y.jsx)(p,{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)(o.Footer,{children:[(0,Y.jsx)(T,{variant:`outlined`,type:`button`,onClick:i,children:a(`actions.cancel`)}),(0,Y.jsx)(T,{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:r}){let{t:i}=M(`contacts`),a=Ge(e.autoApproveThreshold)?e.autoApproveThreshold:null,o=a===null?null:n.find(e=>e.riskThreshold===a);return(0,Y.jsx)(G,{title:i(`contactPermissions.title`),subtitle:i(`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)(w,{value:o?.id??null,placeholder:i(`contactPermissions.inheritLabel`),disabled:t,onSelectNone:()=>{r(null)},onChange:e=>{let t=n.find(t=>t.id===e);t&&r(t.riskThreshold)},options:[{value:null,label:i(`contactPermissions.inheritLabel`)},...n.map(e=>{let t=e.icon;return{value:e.id,label:Ke(i,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(i,a)})]})})}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:o,channelsLoadFailed:s,a2aEnabled:c,onSave:l,onDelete:u,onMerge:d,onSetupChannel:f,onVerifyChannel:m,onRevokeChannel:h,onLinkAccount:g,pendingAutoApproveThreshold:_,onAutoApproveThresholdChange:v}){let{t:y}=M(`contacts`),b=Me(e.displayName),[x,C]=(0,J.useState)(b?``:e.displayName),[w,ee]=(0,J.useState)(e.notes??``),[E,te]=(0,J.useState)(!1),D=x.trim(),O=w.trim(),k=b?``:e.displayName,A=e.notes??``,j=D!==k||O!==A,ne=D.length>0&&j&&!t&&!n,re=b&&e.channels.length===0&&e.interactionCount===0,ie=D||(b?y(`contact.draftName`):e.displayName),ae=y(`contact.interactions`,{count:e.interactionCount});return(0,Y.jsxs)(`div`,{className:`flex flex-col gap-6`,children:[(0,Y.jsx)(G,{title:ie,accessory:(0,Y.jsx)(X,{role:e.role,contactType:e.contactType}),compactAccessory:!0,subtitle:ae,children:(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,Y.jsx)(p,{label:y(`contact.nameLabel`),type:`text`,value:x,onChange:e=>C(e.target.value),placeholder:y(`contactDetailView.namePlaceholder`),autoFocus:b,disabled:t||n,fullWidth:!0}),(0,Y.jsx)(p,{label:y(`contact.notesLabel`),type:`text`,value:w,onChange:e=>ee(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)(T,{type:`button`,onClick:()=>l({displayName:D,notes:O}),disabled:!ne,children:y(t?`actions.saving`:`actions.save`)}),d?(0,Y.jsx)(T,{type:`button`,variant:`outlined`,onClick:d,disabled:!a||re||j||i||t||n,title:a?re?y(`contactDetailView.mergeBlockedUnsavedDraft`):j?y(`contact.mergeBlockedUnsaved`):void 0:y(`contact.mergeBlockedNoCandidates`),children:y(i?`actions.merging`:`actions.merge`)}):null,(0,Y.jsx)(T,{type:`button`,variant:`danger`,onClick:()=>{re?u():te(!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:o,channelsLoadFailed:s,a2aEnabled:c,verifyLoading:r,verifySubject:`contact`,onSetupChannel:f,onVerifyChannel:m,onRevokeChannel:h,onLinkAccount:g})}),Je(e)&&v?(0,Y.jsx)(Ye,{contact:e,pending:_,onAutoApproveThresholdChange:v}):null,(0,Y.jsx)(S,{open:E,title:y(`contactDetailView.deleteConfirmTitle`,{name:ie}),message:y(`contactDetailView.deleteConfirmMessage`),confirmLabel:y(`actions.delete`),destructive:!0,onConfirm:()=>{te(!1),u()},onCancel:()=>te(!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}=M(`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)(o.Root,{open:e,onOpenChange:e=>{!e&&!r&&s()},children:(0,Y.jsxs)(o.Content,{size:`md`,children:[(0,Y.jsxs)(o.Header,{icon:Ee,children:[(0,Y.jsx)(o.Title,{children:m?c(`contactMergeDialog.titlePicked`,{donor:m.displayName,survivor:h}):c(`contactMergeDialog.titlePicking`,{survivor:h})}),(0,Y.jsx)(o.Description,{children:c(m?`contactMergeDialog.descriptionPicked`:`contactMergeDialog.descriptionPicking`)})]}),(0,Y.jsxs)(o.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)(g,{as:`p`,variant:`body-small-default`,className:`text-(--system-negative-strong)`,role:`alert`,children:i}):null]}),(0,Y.jsx)(o.Footer,{children:m?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(T,{variant:`outlined`,onClick:()=>f(null),disabled:r,leftIcon:(0,Y.jsx)(z,{"aria-hidden":!0}),children:c(`actions.back`)}),(0,Y.jsx)(T,{variant:`danger`,onClick:()=>a(m.id),disabled:r,children:c(r?`actions.merging`:`contactMergeDialog.confirm`)})]}):(0,Y.jsx)(T,{variant:`outlined`,onClick:s,disabled:r,children:c(`actions.cancel`)})})]})})}function et({search:e,onSearch:t,candidates:n,onPick:r}){let{t:i}=M(`contacts`);return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(p,{type:`text`,value:e,onChange:e=>t(e.target.value),placeholder:i(`contactMergeDialog.searchPlaceholder`),leftIcon:(0,Y.jsx)(B,{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)(g,{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)(y,{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}=M(`contacts`),r=it(e),{moved:i,duplicates:a}=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)(j,{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:i.length,survivor:r,channels:i.map(e=>Ae(e.type)).join(`, `)})}),a.length>0?(0,Y.jsx)(`li`,{className:`text-(--content-tertiary)`,children:n(`contactMergeDialog.duplicatesSkipped`,{count:a.length,survivor:r})}):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}=M(`contacts`);return(0,Y.jsx)(g,{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-`)?k(`survivorName.you`,{ns:`contacts`}):k(`survivorName.youNamed`,{ns:`contacts`,name:e.displayName}):e.displayName||k(`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:o,addingContact:s=!1,search:c,onSearchChange:l}){let{t:u}=M(`contacts`),d=c.trim()?r.filter(e=>e.displayName.toLowerCase().includes(c.trim().toLowerCase())):r;return(0,Y.jsx)(_.Root,{className:`flex h-full flex-col overflow-hidden`,children:(0,Y.jsxs)(_.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:u(`contactsList.heading`)}),(0,Y.jsx)(T,{type:`button`,variant:`ghost`,iconOnly:s?(0,Y.jsx)(ue,{className:`animate-spin`,"aria-hidden":!0}):(0,Y.jsx)(le,{"aria-hidden":!0}),onClick:o,disabled:s,"aria-label":u(`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?u(`contactsList.youNamed`,{name:t.displayName}):u(`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()||u(`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)(p,{type:`text`,value:c,onChange:e=>l(e.target.value),placeholder:u(`contactsList.searchPlaceholder`),leftIcon:(0,Y.jsx)(B,{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:[d.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)),d.length===0?(0,Y.jsx)(`p`,{className:`px-3 py-4 text-center text-body-small-default`,style:{color:`var(--content-tertiary)`},children:u(`contactsList.noMatches`)}):null]}):e?null:(0,Y.jsx)(T,{type:`button`,variant:`ghost`,onClick:o,disabled:s,tintColor:`var(--primary-base)`,leftIcon:s?(0,Y.jsx)(ue,{className:`animate-spin`,"aria-hidden":!0}):(0,Y.jsx)(fe,{"aria-hidden":!0}),children:u(`contactsList.add`)})]})})}function ct({name:e,role:t,contactType:n,channelTypes:r,selected:i,onClick:a,trailingIcon:o,verified:s}){let{t:c}=M(`contacts`),l=r&&r.length>0?r.join(` | `):void 0,u=o===`pencil`?(0,Y.jsx)(de,{className:`h-3.5 w-3.5 text-[color:var(--content-tertiary)]`,"aria-hidden":!0}):o===`more`?(0,Y.jsx)(W,{className:`h-3.5 w-3.5 text-[color:var(--content-tertiary)]`,"aria-hidden":!0}):void 0;return(0,Y.jsx)(y,{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}),l?(0,Y.jsx)(`span`,{className:`truncate text-body-small-default`,style:{color:`var(--content-tertiary)`},children:l}):null]}),(0,Y.jsxs)(`span`,{className:`flex shrink-0 items-center gap-1`,children:[s===void 0?null:(0,Y.jsx)(h,{tone:s?`positive`:`neutral`,children:c(s?`contactsList.verified`:`contactsList.unverified`)}),(0,Y.jsx)(X,{role:t,contactType:n}),u]})]})})}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:o,a2aEnabled:s,onSave:c,onMerge:l,onSetupChannel:u,onVerifyChannel:d,onRevokeChannel:f,onGenerateInviteLink:m}){let{t:h}=M(`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(),ee=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)(p,{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)(p,{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)(T,{variant:`primary`,onClick:()=>c({displayName:S||e.displayName,notes:C}),disabled:!ee,children:h(t?`actions.saving`:`actions.save`)}),l?(0,Y.jsx)(T,{variant:`outlined`,onClick:l,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:o,a2aEnabled:s,setupLabel:h(`guardianDetailView.setupLabel`),verifyLoading:n,onSetupChannel:u,onVerifyChannel:d,onRevokeChannel:f})}),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:r,loading:i,errorMessage:a,pendingAccountId:s,onPick:c,onClose:l,onInviteInstead:u}){let{t:d}=M(`contacts`),[f,m]=(0,J.useState)(``);(0,J.useEffect)(()=>{e&&m(``)},[e]);let h=(0,J.useMemo)(()=>dt(r??[],f),[r,f]),g=s!=null;return(0,Y.jsx)(o.Root,{open:e,onOpenChange:e=>!e&&l(),children:(0,Y.jsxs)(o.Content,{size:`sm`,children:[(0,Y.jsxs)(o.Header,{children:[(0,Y.jsx)(o.Title,{children:d(`linkAccountDialog.title`,{channel:t})}),(0,Y.jsx)(o.Description,{children:(0,Y.jsx)(j,{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)(o.Body,{className:`flex flex-col gap-3`,children:[(0,Y.jsx)(p,{type:`search`,value:f,onChange:e=>m(e.target.value),placeholder:d(`linkAccountDialog.searchPlaceholder`),"aria-label":d(`linkAccountDialog.searchAriaLabel`,{channel:t}),leftIcon:(0,Y.jsx)(B,{className:`h-4 w-4`}),fullWidth:!0}),a?(0,Y.jsx)(`p`,{className:`text-body-small-default text-[color:var(--content-negative)]`,children:a}):null,(0,Y.jsx)(`div`,{className:`max-h-80 overflow-y-auto`,children:i?(0,Y.jsx)(`p`,{className:`py-4 text-center text-body-small-default text-[color:var(--content-tertiary)]`,children:d(`linkAccountDialog.loading`)}):h.length===0?(0,Y.jsx)(`p`,{className:`py-4 text-center text-body-small-default text-[color:var(--content-tertiary)]`,children:(r?.length??0)===0?d(`linkAccountDialog.noMembers`):d(`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:()=>c(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]})]}),s===e.id?(0,Y.jsx)(`span`,{className:`ml-auto shrink-0 text-body-small-default text-[color:var(--content-tertiary)]`,children:d(`linkAccountDialog.linking`)}):null]})},e.id))})})]}),(0,Y.jsxs)(o.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)(j,{i18nKey:`linkAccountDialog.guardianLinkNote`,ns:`contacts`,components:{emphasis:(0,Y.jsx)(`span`,{className:`text-[color:var(--content-secondary)]`})}})}),u?(0,Y.jsxs)(T,{variant:`link`,className:`shrink-0`,onClick:u,disabled:g,children:[d(`linkAccountDialog.inviteInstead`),(0,Y.jsx)(R,{className:`h-3.5 w-3.5`})]}):null]})]})})}function mt({assistantId:e,channelType:t,contact:n,onLinked:r}){let[i,o]=(0,J.useState)(!1),s=A({mutationFn:n=>Ce(e,n.contact,{type:t,address:n.account.id}),onSuccess:(e,t)=>{o(!1),a.success(k(`accountLink.linked`,{ns:`contacts`,username:t.account.username})),r()}}),c=(0,J.useCallback)(()=>{s.reset(),o(!0)},[s]),l=(0,J.useCallback)(()=>{s.isPending||(s.reset(),o(!1))},[s]),u=(0,J.useCallback)(e=>{!n||s.isPending||s.mutate({contact:n,account:e})},[n,s]);return{channelType:t,dialogOpen:i,open:c,close:l,linkErrorMessage:s.error instanceof Error?s.error.message:s.error?k(`accountLink.linkFailed`,{ns:`contacts`}):null,pendingAccountId:s.isPending?s.variables.account.id:null,pick:u}}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:n}){let{t:o}=M(`contacts`),u=ee.use.a2aChannel(),p=d.use.name(),h=re(),[g]=ie(),_=g.get(`setup`),v=_&&te(_)?_:null,[y,b]=(0,J.useState)({kind:`assistant`}),x=be(e),{paneRef:S,hasRoomForList:w,drawerOpen:T,openDrawer:D,closeDrawer:O}=_e(),[k,j]=(0,J.useState)(``),[ae,N]=(0,J.useState)(!1),se=m(p),P=(0,J.useMemo)(()=>({path:{assistant_id:e}}),[e]),F=i(P),ce=ne({...r(P),enabled:!!e,select:e=>e.contacts}),I=ye({assistantId:e,onStartSetupConversation:n}),le=ne({...C({path:{assistant_id:e}}),enabled:!!e,queryFn:async({signal:t})=>{let{data:n,error:r,response:i}=await c({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}),L=le.data??gt,ue=le.isError,R=ce.data,z=(0,J.useMemo)(()=>R?.find(e=>e.role===`guardian`)??null,[R]),de=(0,J.useMemo)(()=>R?.filter(e=>e.role!==`guardian`)??[],[R]),B=(0,J.useMemo)(()=>y.kind===`contact`?R?.find(e=>e.id===y.contactId)??null:null,[R,y]),fe=(0,J.useMemo)(()=>!R||!B?[]:R.filter(e=>e.id!==B.id&&e.role!==`guardian`),[R,B]),pe=fe.length>0,me=(0,J.useRef)(!!v);(0,J.useEffect)(()=>{me.current||z&&(me.current=!0,b({kind:`contact`,contactId:z.id}))},[z]);let V=(0,J.useCallback)(()=>h.invalidateQueries({queryKey:F}),[h,F]),H=A({mutationFn:()=>Se(e,{displayName:je}),onMutate:async()=>{await h.cancelQueries({queryKey:F})},onSuccess:e=>{E(h,P,t=>t?{...t,contacts:[...t.contacts,e]}:void 0),b({kind:`contact`,contactId:e.id})},onError:K(o(`contactsPage.createFailed`)),onSettled:()=>V()}),U=A({mutationFn:t=>we(e,t),onSuccess:(e,t)=>{E(h,P,e=>e?{...e,contacts:e.contacts.filter(e=>e.id!==t)}:void 0),b({kind:`assistant`})},onError:K(o(`contactsPage.deleteFailed`)),onSettled:()=>V()}),W=A({mutationFn:({contactId:t,patch:n})=>Se(e,{id:t,displayName:n.displayName,notes:n.notes}),onSuccess:e=>{E(h,P,t=>t?{...t,contacts:t.contacts.map(t=>t.id===e.id?e:t)}:void 0)},onError:K(o(`contactsPage.saveFailed`)),onSettled:()=>V()}),G=A({mutationFn:({contactId:t,displayName:n,autoApproveThreshold:r})=>Se(e,{id:t,displayName:n,autoApproveThreshold:r}),onSuccess:e=>{E(h,P,t=>t?{...t,contacts:t.contacts.map(t=>t.id===e.id?e:t)}:void 0)},onError:K(o(`contactPermissions.saveFailed`)),onSettled:()=>V()}),q=t({onMutate:async()=>{await h.cancelQueries({queryKey:F})},onSuccess:(e,t)=>{let n=e.contact,r=t.body.mergeId;n&&(E(h,P,e=>e?{...e,contacts:e.contacts.filter(e=>e.id!==r).map(e=>e.id===n.id?n:e)}:void 0),b({kind:`contact`,contactId:n.id})),N(!1),a.success(o(`contactsPage.mergeSucceeded`))},onSettled:()=>V()}),Te=(0,J.useCallback)(e=>{b(e),O(),N(!1),q.reset()},[O,q]),Ee=(0,J.useCallback)(()=>{q.reset(),N(!0)},[q]),De=(0,J.useCallback)(()=>{q.isPending||(N(!1),q.reset())},[q]),Oe=s({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(!n)return;let t=L.find(t=>t.id===e);if(!t||Le(t))return;let r=t.setupMessages.contact;r&&n(r)},[L,n]),Pe=(0,J.useCallback)(e=>{if(!n)return;let t=L.find(t=>t.id===e);if(!t||Le(t))return;let r=t.setupMessages.guardian;r&&n(r)},[L,n]),X=A({mutationFn:t=>xe(e,t.channelId),onSuccess:()=>V(),onError:K(o(`contactsPage.verifyFailed`))}),Z=A({mutationFn:t=>{if(!B)throw Error(`No contact selected`);return Ce(e,{id:B.id,displayName:B.displayName},{type:t.type,address:t.address})},onSuccess:()=>V(),onError:K(o(`contactsPage.verifyFailed`))}),Ie=(0,J.useCallback)((e,t)=>{if(!B)return;let n=t?.trim();if(n){Z.mutate({type:e,address:n});return}let r=B.channels.find(t=>t.type===e&&t.status!==`revoked`);r?.address?.trim()&&X.mutate({channelId:r.id})},[B,Z,X]),Q=mt({assistantId:e,channelType:`slack`,contact:B?{id:B.id,displayName:B.displayName}:null,onLinked:V}),Re=ne({...l(e),enabled:!!e&&Q.dialogOpen,select:e=>e.users}),ze=I.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(!B)return null;let e=B;return W.isPending&&W.variables?.contactId===B.id&&(e={...e,displayName:W.variables.patch.displayName,notes:W.variables.patch.notes}),G.isPending&&G.variables?.contactId===B.id&&(e={...e,autoApproveThreshold:G.variables.autoApproveThreshold}),e},[B,W.isPending,W.variables,G.isPending,G.variables]);if(v)return(0,Y.jsx)(oe,{to:`${f.channels}?setup=${v}`,replace:!0});let He={loading:ce.isLoading,assistantName:se,guardian:z?{id:z.id,displayName:z.displayName.startsWith(`vellum-principal-`)?``:z.displayName,role:z.role,channelTypes:bt(z.channels,u)}:null,regularContacts:de.filter(e=>e.id!==Ve).map(e=>({id:e.id,displayName:e.displayName,role:e.role,contactType:e.contactType,channelTypes:bt(e.channels,u),verified:yt(e.channels)})),selection:y,onAddContact:Me,addingContact:H.isPending,search:k,onSearchChange:j};return(0,Y.jsxs)(`div`,{ref:S,className:`flex min-h-0 flex-1 overflow-hidden ${w?`flex-row gap-6`:`flex-col gap-4`}`,children:[w?(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:D})}),(0,Y.jsx)(he,{open:T,onClose:O,title:o(`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:y.kind===`assistant`||y.kind===`contact`&&y.contactId===Ve?(0,Y.jsx)(Fe,{assistantName:se,channels:I.channels,pendingChannelKey:I.pendingChannelKey,onConnect:I.onSetup,onDisconnect:I.onDisconnect}):$?$.role===`guardian`?(0,Y.jsx)(lt,{contact:$,savePending:W.isPending,verifyPending:X.isPending||Z.isPending,mergePending:q.isPending,canMerge:pe,availableChannels:L,channelsLoadFailed:ue,a2aEnabled:u,onSave:e=>{W.mutate({contactId:$.id,patch:e})},onMerge:Ee,onSetupChannel:n?Pe:void 0,onVerifyChannel:Ie,onRevokeChannel:ke,onGenerateInviteLink:u?x.open:void 0}):(0,Y.jsx)(Xe,{contact:$,savePending:W.isPending,deletePending:U.isPending,verifyPending:X.isPending||Z.isPending,mergePending:q.isPending,canMerge:pe,availableChannels:L,channelsLoadFailed:ue,a2aEnabled:u,onSave:e=>{W.mutate({contactId:$.id,patch:e})},onDelete:()=>{U.mutate($.id)},onMerge:Ee,onSetupChannel:n?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,{})}),B?(0,Y.jsx)(Qe,{open:ae,survivor:B,candidates:fe,pending:q.isPending,errorMessage:q.error instanceof Error?q.error.message:q.error?o(`contactsPage.mergeFailed`):null,onMerge:t=>q.mutate({path:{assistant_id:e},body:{keepId:B.id,mergeId:t}}),onClose:De}):null,(0,Y.jsx)(pt,{open:Q.dialogOpen,channelLabel:Ae(`slack`),contactName:B?.displayName??``,accounts:Re.data,loading:Re.isLoading,errorMessage:Re.isError?o(`contactsPage.rosterLoadFailed`):Q.linkErrorMessage,pendingAccountId:Q.pendingAccountId,onPick:Q.pick,onClose:Q.close,onInviteInstead:n?()=>{Q.close(),Ne(Q.channelType)}:void 0}),(0,Y.jsx)(ve,{open:x.isOpen,assistantId:e,onClose:x.close})]})}function vt(){let{t:e}=M(`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=ae(),t=b();return(0,Y.jsx)(_t,{assistantId:t,onStartSetupConversation:t=>{u(e,{prompt:t})}},t)}export{xt as ContactsPageRoute};

package/dist/assets/{copy-button-DxrF0-DS.js → copy-button-CX5-3e-2.js}

@@ -1 +1 @@
-import{aS as e,rv as t}from"./app-8xvPI2dS.js";import{j as n}from"./vendor-Dg25s0n5.js";import{t as r}from"./react-B9IgSVeK.js";import{ci as i,qi as a}from"./icons-DxrLl-Dj.js";var o=r();function s({text:r,ariaLabel:s,className:c}){let{t:l}=n(),{copy:u,copied:d}=t({errorMessage:l(`copyButton.copyFailed`)});return(0,o.jsx)(e,{variant:`ghost`,size:`compact`,iconOnly:d?(0,o.jsx)(a,{"aria-hidden":!0}):(0,o.jsx)(i,{"aria-hidden":!0}),tintColor:d?`var(--system-positive-strong)`:void 0,"aria-label":d?l(`copyButton.copied`):s,className:c,onClick:()=>u(r)})}export{s as t};
+import{av as e,oS as t}from"./app-C3HfT-4P.js";import{j as n}from"./vendor-Dg25s0n5.js";import{t as r}from"./react-B9IgSVeK.js";import{ci as i,qi as a}from"./icons-DxrLl-Dj.js";var o=r();function s({text:r,ariaLabel:s,className:c}){let{t:l}=n(),{copy:u,copied:d}=e({errorMessage:l(`copyButton.copyFailed`)});return(0,o.jsx)(t,{variant:`ghost`,size:`compact`,iconOnly:d?(0,o.jsx)(a,{"aria-hidden":!0}):(0,o.jsx)(i,{"aria-hidden":!0}),tintColor:d?`var(--system-positive-strong)`:void 0,"aria-label":d?l(`copyButton.copied`):s,className:c,onClick:()=>u(r)})}export{s as t};

package/dist/assets/{credential-entry-page-uZMzydDB.js → credential-entry-page-DywFtVlo.js}

@@ -1 +1 @@
-import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Bx as t,Jh as n,Jx as r,aS as i}from"./app-8xvPI2dS.js";import{j as a}from"./vendor-Dg25s0n5.js";import{t as o,x as s}from"./react-B9IgSVeK.js";import{Hi as c,Jn as l,Ri as u,ur as d}from"./icons-DxrLl-Dj.js";var f=e(s(),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 r=await fetch(n(p),{method:`POST`,credentials:`include`,headers:{"Content-Type":`application/json`},body:JSON.stringify({token:e}),signal:t}),i=await r.json().catch(()=>null);return r.ok&&_(i)?{status:`ok`,request:i}:r.status===404?{status:g(i)??`invalid`}:{status:`error`}}async function y(e,t,r){let i=await fetch(n(m),{method:`POST`,credentials:`include`,headers:{"Content-Type":`application/json`},body:JSON.stringify({token:e,value:t}),signal:r});if(i.ok)return{status:`ok`};let a=await i.json().catch(()=>null);return i.status===404?{status:g(a)??`invalid`}:i.status===502?{status:`store-failed`}:{status:`error`}}var b=o();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}=a(`credential-requests`),[n]=(0,f.useState)(()=>new URLSearchParams(window.location.hash.replace(/^#/,``)).get(`token`)?.trim()||new URLSearchParams(window.location.search).get(`token`)?.trim()||null),[o,s]=(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){s({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`?s({kind:`form`,request:t.request}):s({kind:t.status}))})(),()=>{e.abort()}},[n]);let D=async e=>{if(e.preventDefault(),!n||o.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(``),s({kind:`success`});break;case`invalid`:case`expired`:case`used`:s({kind:t.status});break;case`store-failed`:m(``),s({kind:`store-failed`});break;case`error`:T(`Something went wrong while submitting. Check your connection and try again.`);break}},O=o.kind===`form`?h(o.request.expiresAt):null,k=o.kind===`form`&&O!==null&&O>E,A;if(o.kind===`loading`)A=(0,b.jsx)(C,{icon:(0,b.jsx)(l,{className:`h-5 w-5 animate-spin text-blue-600`,"aria-hidden":!0}),title:e(`credentialEntry.checkingTitle`),children:e(`credentialEntry.checkingBody`)});else if(o.kind===`success`)A=(0,b.jsx)(C,{icon:(0,b.jsx)(u,{className:`h-5 w-5 text-green-600`,"aria-hidden":!0}),title:e(`credentialEntry.savedTitle`),children:e(`credentialEntry.savedBody`)});else if(o.kind===`invalid`)A=(0,b.jsx)(C,{icon:(0,b.jsx)(c,{className:`h-5 w-5 text-red-600`,"aria-hidden":!0}),title:e(`credentialEntry.invalidTitle`),children:e(`credentialEntry.invalidBody`)});else if(o.kind===`expired`||o.kind===`form`&&!k)A=(0,b.jsx)(C,{icon:(0,b.jsx)(c,{className:`h-5 w-5 text-red-600`,"aria-hidden":!0}),title:e(`credentialEntry.expiredTitle`),children:e(`credentialEntry.expiredBody`)});else if(o.kind===`used`)A=(0,b.jsx)(C,{icon:(0,b.jsx)(c,{className:`h-5 w-5 text-red-600`,"aria-hidden":!0}),title:e(`credentialEntry.usedTitle`),children:e(`credentialEntry.usedBody`)});else if(o.kind===`store-failed`)A=(0,b.jsx)(C,{icon:(0,b.jsx)(c,{className:`h-5 w-5 text-red-600`,"aria-hidden":!0}),title:e(`credentialEntry.storeFailedTitle`),children:e(`credentialEntry.storeFailedBody`)});else if(o.kind===`error`)A=(0,b.jsx)(C,{icon:(0,b.jsx)(c,{className:`h-5 w-5 text-red-600`,"aria-hidden":!0}),title:e(`credentialEntry.errorTitle`),children:e(`credentialEntry.errorBody`)});else{let{request:n}=o,r=`${n.service}:${n.field}`,a=(O??0)-E;A=(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,b.jsx)(d,{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:n.label||r}),(0,b.jsxs)(`p`,{className:`mt-1 font-mono text-body-small-default text-[var(--content-tertiary)]`,children:[n.label?`${r} · `:``,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)(t,{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)(i,{type:`submit`,disabled:g||!p.trim(),leftIcon:g?(0,b.jsx)(l,{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(a),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)(r.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{Vx as t,Xh as n,Yx as r,oS as i}from"./app-C3HfT-4P.js";import{j as a}from"./vendor-Dg25s0n5.js";import{t as o,x as s}from"./react-B9IgSVeK.js";import{Hi as c,Jn as l,Ri as u,ur as d}from"./icons-DxrLl-Dj.js";var f=e(s(),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 r=await fetch(n(p),{method:`POST`,credentials:`include`,headers:{"Content-Type":`application/json`},body:JSON.stringify({token:e}),signal:t}),i=await r.json().catch(()=>null);return r.ok&&_(i)?{status:`ok`,request:i}:r.status===404?{status:g(i)??`invalid`}:{status:`error`}}async function y(e,t,r){let i=await fetch(n(m),{method:`POST`,credentials:`include`,headers:{"Content-Type":`application/json`},body:JSON.stringify({token:e,value:t}),signal:r});if(i.ok)return{status:`ok`};let a=await i.json().catch(()=>null);return i.status===404?{status:g(a)??`invalid`}:i.status===502?{status:`store-failed`}:{status:`error`}}var b=o();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}=a(`credential-requests`),[n]=(0,f.useState)(()=>new URLSearchParams(window.location.hash.replace(/^#/,``)).get(`token`)?.trim()||new URLSearchParams(window.location.search).get(`token`)?.trim()||null),[o,s]=(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){s({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`?s({kind:`form`,request:t.request}):s({kind:t.status}))})(),()=>{e.abort()}},[n]);let D=async e=>{if(e.preventDefault(),!n||o.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(``),s({kind:`success`});break;case`invalid`:case`expired`:case`used`:s({kind:t.status});break;case`store-failed`:m(``),s({kind:`store-failed`});break;case`error`:T(`Something went wrong while submitting. Check your connection and try again.`);break}},O=o.kind===`form`?h(o.request.expiresAt):null,k=o.kind===`form`&&O!==null&&O>E,A;if(o.kind===`loading`)A=(0,b.jsx)(C,{icon:(0,b.jsx)(l,{className:`h-5 w-5 animate-spin text-blue-600`,"aria-hidden":!0}),title:e(`credentialEntry.checkingTitle`),children:e(`credentialEntry.checkingBody`)});else if(o.kind===`success`)A=(0,b.jsx)(C,{icon:(0,b.jsx)(u,{className:`h-5 w-5 text-green-600`,"aria-hidden":!0}),title:e(`credentialEntry.savedTitle`),children:e(`credentialEntry.savedBody`)});else if(o.kind===`invalid`)A=(0,b.jsx)(C,{icon:(0,b.jsx)(c,{className:`h-5 w-5 text-red-600`,"aria-hidden":!0}),title:e(`credentialEntry.invalidTitle`),children:e(`credentialEntry.invalidBody`)});else if(o.kind===`expired`||o.kind===`form`&&!k)A=(0,b.jsx)(C,{icon:(0,b.jsx)(c,{className:`h-5 w-5 text-red-600`,"aria-hidden":!0}),title:e(`credentialEntry.expiredTitle`),children:e(`credentialEntry.expiredBody`)});else if(o.kind===`used`)A=(0,b.jsx)(C,{icon:(0,b.jsx)(c,{className:`h-5 w-5 text-red-600`,"aria-hidden":!0}),title:e(`credentialEntry.usedTitle`),children:e(`credentialEntry.usedBody`)});else if(o.kind===`store-failed`)A=(0,b.jsx)(C,{icon:(0,b.jsx)(c,{className:`h-5 w-5 text-red-600`,"aria-hidden":!0}),title:e(`credentialEntry.storeFailedTitle`),children:e(`credentialEntry.storeFailedBody`)});else if(o.kind===`error`)A=(0,b.jsx)(C,{icon:(0,b.jsx)(c,{className:`h-5 w-5 text-red-600`,"aria-hidden":!0}),title:e(`credentialEntry.errorTitle`),children:e(`credentialEntry.errorBody`)});else{let{request:n}=o,r=`${n.service}:${n.field}`,a=(O??0)-E;A=(0,b.jsxs)(b.Fragment,{children:[(0,b.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,b.jsx)(d,{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:n.label||r}),(0,b.jsxs)(`p`,{className:`mt-1 font-mono text-body-small-default text-[var(--content-tertiary)]`,children:[n.label?`${r} · `:``,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)(t,{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)(i,{type:`submit`,disabled:g||!p.trim(),leftIcon:g?(0,b.jsx)(l,{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(a),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)(r.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-BtbUlR-k.js

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

package/dist/assets/{csv-preview-dzh7Yz-l.js → csv-preview-BopPqVV1.js}

@@ -1,4 +1,4 @@
-import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Yx as t,dr as n}from"./app-8xvPI2dS.js";import{at as r,j as i}from"./vendor-Dg25s0n5.js";import{t as a,x as o}from"./react-B9IgSVeK.js";import{t as s}from"./preview-error-BU9uCC9c.js";var c=e(o(),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{Xx as t,dr as n}from"./app-C3HfT-4P.js";import{at as r,j as i}from"./vendor-Dg25s0n5.js";import{t as a,x as o}from"./react-B9IgSVeK.js";import{t as s}from"./preview-error-BYme8FBY.js";var c=e(o(),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=a(),_=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:a}){let{t:o}=i(`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)(s,{filename:a});if(p===null)return(0,g.jsx)(n,{});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)(t,{as:`span`,variant:`body-small-default`,className:`text-[var(--content-tertiary)]`,children:o(`csvPreview.emptyFile`)})}):(0,g.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col`,children:[(0,g.jsx)(r,{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)(t,{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?o(`csvPreview.summaryTruncated`,{rows:p.rows.length,columns:x}):o(`csvPreview.summary`,{rows:p.rows.length,columns:x})})]})}export{b as CsvPreview};

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

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