npm - @vellumai/web - Versions diffs - 0.12.1-dev.202609141913.5e16607 → 0.12.1-dev.202609142113.d1590bc - Mend

@vellumai/web 0.12.1-dev.202609141913.5e16607 → 0.12.1-dev.202609142113.d1590bc

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (252) hide show

package/dist/assets/{companion-surface-page-iIN786Vv.js → companion-surface-page-DL6NFXHp.js} RENAMED Viewed

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

package/dist/assets/{companion-watch-frame-page-dabAlX34.js → companion-watch-frame-page-BgCq6Sum.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Jm as t,Ns as n,Rs as r,Ws as i,Ym as a,Ys as o}from"./app-DxMy0jwj.js";import{j as s}from"./vendor-B2dSzLzU.js";import{t as c,x as l}from"./react-B9IgSVeK.js";import{n as u}from"./companion-accent-eO1EGNi2.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(e1e3)73856093^Math.round(t1e3)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(e100)/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(tb,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.PIn/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%1d;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/2c;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.055e/13),n={x:t.x-r.x,y:t.y-r.y},c=Math.hypot(n.x,n.y)\|\|1,l=o()ac;s.push({x:t.x+n.x/cl,y:t.y+n.y/cl})}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.17l,d=e=>({x:(1-e)(1-e)s.x+2(1-e)e(o+u)+eec.x,y:(1-e)(1-e)s.y+2(1-e)e((s.y+c.y)/2)+eec.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)2nao;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.yt-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(rt+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.widtht.width,1),r=Math.max(e.heightt.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+i2} ${r+i2}`,width:n+i2,height:r+i2,style:{left:Math.round(e.xt.width-i),top:Math.round(e.yt.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.xn.width-r.width/2),top:Math.round(e.yn.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/48Math.PI2;return{x:e+iMath.cos(o),y:r+aMath.sin(o)}})}}}function W(e,n,r){let i=(n.x-e.x)r,a=n.y-e.y;return ii+aa>=t2}var G=`<path d="M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"/><path d="m15 5 4 4"/>`;function K(e){let t=`<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke-linecap="round" stroke-linejoin="round"><g stroke="#ffffff" stroke-width="4">${G}</g><g stroke="${e}" stroke-width="2">${G}</g></svg>`;return`url("data:image/svg+xml,${encodeURIComponent(t)}") 2 22, crosshair`}function q({ink:e,cleared:t=0,tool:r=`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,n(`released`,[],_.current))}},[]);let v=(0,d.useCallback)(e=>{c.current=e,s(e)},[]),y=(0,d.useRef)(t);(0,d.useEffect)(()=>{t!==y.current&&(y.current=t,v(c.current.filter(e=>e.id===l.current)))},[t,v]);let b=e=>({x:h.width===0?0:H(e.clientX/h.width),y:h.height===0?0:H(e.clientY/h.height)}),x=()=>{l.current===null&&(f.current=!0,i(!0))},S=()=>{f.current&&(f.current=!1,i(!1))},C=t=>{if(S(),l.current!==null)return;t.currentTarget.setPointerCapture(t.pointerId);let r=p.current++;l.current=r;let i=b(t);u.current=i,v([...c.current,{id:r,points:[i],spent:!1}]),n(`drawing`,[],e)},w=e=>{S();let t=l.current;if(t===null)return;let n=b(e),i=c.current.find(e=>e.id===t);if(i===void 0)return;let a=i.points[i.points.length-1];a!==void 0&&!W(a,n,g)\|\|v(c.current.map(e=>e.id===t?{...e,points:r===`freehand`?[...e.points,n].slice(-512):U(r,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 r=c.current.map(e=>({...e,spent:!0}));v(r),n(`released`,r.slice(-24).map(e=>({points:e.points})),e);let i=new Set(r.map(e=>e.id)),a=setTimeout(()=>{m.current.delete(a),v(c.current.filter(e=>!i.has(e.id)))},V+900);m.current.add(a)},O=aMath.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:r===`freehand`?k:`crosshair`,"--companion-ink-hold":`${V}ms`,"--companion-ink-fade":`900ms`},"data-testid":`companion-share-annotation`,"data-cleared":t,"data-tool":r,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.xt.width,cy:a.yt.height,r:n/2,fill:r}):(0,E.jsx)(`polyline`,{className:i,points:e.points.map(e=>`${e.xt.width},${e.yt.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=o(t);return r().then(e=>{e&&t(e)}),e},[]);let n=e?.watching===!0,i=e?.screenShare!==void 0,a=Y(n,e?.screenShare),s=a!==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=i&&!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}),a!==null&&(0,E.jsx)(X,{read:a,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};
1	+ import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Jm as t,Ns as n,Rs as r,Ws as i,Ys as a,qm as o}from"./app-BTYvw9j7.js";import{j as s}from"./vendor-B2dSzLzU.js";import{t as c,x as l}from"./react-B9IgSVeK.js";import{n as u}from"./companion-accent-zKEHhBKk.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(e1e3)73856093^Math.round(t1e3)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(e100)/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(tb,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.PIn/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%1d;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/2c;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.055e/13),n={x:t.x-r.x,y:t.y-r.y},c=Math.hypot(n.x,n.y)\|\|1,l=o()ac;s.push({x:t.x+n.x/cl,y:t.y+n.y/cl})}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.17l,d=e=>({x:(1-e)(1-e)s.x+2(1-e)e(o+u)+eec.x,y:(1-e)(1-e)s.y+2(1-e)e((s.y+c.y)/2)+eec.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)2nao;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.yt-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(rt+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.widtht.width,1),r=Math.max(e.heightt.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+i2} ${r+i2}`,width:n+i2,height:r+i2,style:{left:Math.round(e.xt.width-i),top:Math.round(e.yt.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.xn.width-r.width/2),top:Math.round(e.yn.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/48Math.PI2;return{x:e+iMath.cos(o),y:r+aMath.sin(o)}})}}}function W(e,t,n){let r=(t.x-e.x)n,i=t.y-e.y;return rr+ii>=o2}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:a=`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,n(`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,i(!0))},S=()=>{f.current&&(f.current=!1,i(!1))},C=t=>{if(S(),l.current!==null)return;t.currentTarget.setPointerCapture(t.pointerId);let r=p.current++;l.current=r;let i=b(t);u.current=i,v([...c.current,{id:r,points:[i],spent:!1}]),n(`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 i=r.points[r.points.length-1];i!==void 0&&!W(i,n,g)\|\|v(c.current.map(e=>e.id===t?{...e,points:a===`freehand`?[...e.points,n].slice(-512):U(a,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 r=c.current.map(e=>({...e,spent:!0}));v(r),n(`released`,r.slice(-24).map(e=>({points:e.points})),e);let i=new Set(r.map(e=>e.id)),a=setTimeout(()=>{m.current.delete(a),v(c.current.filter(e=>!i.has(e.id)))},V+900);m.current.add(a)},O=tMath.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:a===`freehand`?k:`crosshair`,"--companion-ink-hold":`${V}ms`,"--companion-ink-fade":`900ms`},"data-testid":`companion-share-annotation`,"data-cleared":r,"data-tool":a,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.xt.width,cy:a.yt.height,r:n/2,fill:r}):(0,E.jsx)(`polyline`,{className:i,points:e.points.map(e=>`${e.xt.width},${e.yt.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 r().then(e=>{e&&t(e)}),e},[]);let n=e?.watching===!0,i=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=i&&!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-dv3-s0yW.js ADDED Viewed

@@ -0,0 +1 @@

+ import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Sx as t,Z as n,bx as r,ib as i,nx as a,xx as o}from"./app-BTYvw9j7.js";import{Jn as s,er as c,j as l}from"./vendor-B2dSzLzU.js";import{_ as u,f as d,t as f,x as p}from"./react-B9IgSVeK.js";import{$n as m,E as h,qn as g}from"./icons-bnwMda87.js";import{n as _}from"./a2a-invite-i8AQXl-z.js";import{r as v}from"./contacts-gateway-BmoYU5P_.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:n()})}function w({assistantId:e}){let{t:n}=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?a(n(`connectPage.alreadyConnected`)):a(n(`connectPage.connected`)),f(i.contacts.root))}}),E=(0,y.useCallback)(()=>{f(i.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:n(`connectPage.errorGeneric`);if(T.data&&!T.data.success){let e=S(T.data.errorCode);return e?n(e):T.data.error||n(`connectPage.errorGeneric`)}return null},[T.isError,T.error,T.data,n]);return w?(0,b.jsx)(`div`,{className:`flex min-h-full items-center justify-center p-6`,children:(0,b.jsx)(r,{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(--content-secondary)`}}),(0,b.jsx)(o,{variant:`title-small`,children:n(`connectPage.title`)})]}),(0,b.jsx)(o,{variant:`body-medium-lighter`,style:{color:`var(--content-secondary)`},children:n(`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)(h,{className:`h-4 w-4 shrink-0`}),(0,b.jsx)(o,{variant:`body-small-default`,children:O})]}),(0,b.jsxs)(`div`,{className:`flex gap-2 pt-2`,children:[(0,b.jsx)(t,{variant:`primary`,onClick:D,disabled:T.isPending,children:T.isPending?(0,b.jsxs)(`span`,{className:`flex items-center gap-2`,children:[(0,b.jsx)(g,{className:`h-4 w-4 animate-spin`}),n(`actions.connecting`)]}):n(`actions.connect`)}),(0,b.jsx)(t,{variant:`outlined`,onClick:E,disabled:T.isPending,children:n(`actions.cancel`)})]})]})})}):(0,b.jsx)(`div`,{className:`flex min-h-full items-center justify-center p-6`,children:(0,b.jsx)(r,{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)(h,{className:`h-6 w-6`,style:{color:`var(--system-negative-strong)`}}),(0,b.jsx)(o,{variant:`title-small`,children:n(`connectPage.invalidTitle`)})]}),(0,b.jsx)(o,{variant:`body-medium-lighter`,style:{color:`var(--content-secondary)`},children:n(`connectPage.invalidBody`)}),(0,b.jsx)(`div`,{className:`flex gap-2 pt-2`,children:(0,b.jsx)(t,{variant:`primary`,onClick:E,children:n(`connectPage.goToContacts`)})})]})})})}export{C as ConnectPage};

package/dist/assets/{consent-controls-nPLL-Vy1.js → consent-controls-ByVwHg9G.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{ab as e,bx as t,ib as n,ux as r}from"./app-~~DxMy0jwj~~.js";import{N as i,j as a}from"./vendor-B2dSzLzU.js";import{t as o}from"./react-B9IgSVeK.js";import{t as s}from"./setting-row-~~DCNMIFOK~~.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)(r,{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:n(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};
1	+ import{bx as e,ib as t,rb as n,ux as r}from"./app-BTYvw9j7.js";import{N as i,j as a}from"./vendor-B2dSzLzU.js";import{t as o}from"./react-B9IgSVeK.js";import{t as s}from"./setting-row-C0Q_Fq2j.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:e,checked:t,onChange:a}){let o=d[e];return(0,c.jsx)(r,{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:n(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:t,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)(e,{padding:t?`sm`:`md`,className:`w-full`,children:(0,c.jsxs)(`div`,{className:`flex flex-col ${t?`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};

package/dist/assets/{contacts-gateway-BvTzBPQl.js → contacts-gateway-BmoYU5P_.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{_b as e,_d as t,bb as n,gd as r,rg as i,vb as a,vd as o}from"./app-~~DxMy0jwj~~.js";async function s(t,r){let{data:i,error:s,response:c}=await o({path:{assistant_id:t},body:r,throwOnError:!1});if(a(c,s,`Failed to save contact`),!c.ok\|\|!i?.contact)throw new e(c.status,n(s,c,`Failed to save contact`));return i.contact}async function c(r,i){let{error:o,response:s}=await t({path:{assistant_id:r,contact_id:i},throwOnError:!1});if(a(s,o,`Failed to delete contact`),!s.ok&&s.status!==204)throw new e(s.status,n(o,s,`Failed to delete contact`))}async function l(t,i){let{error:o,response:s}=await r({path:{assistant_id:t,channel_id:i},throwOnError:!1});if(a(s,o,`Failed to verify channel`),!s.ok)throw new e(s.status,n(o,s,`Failed to verify channel`))}async function u(t,n,r){let i=(await s(t,{id:n.id,displayName:n.displayName,channels:[{type:r.type,address:r.address}]})).channels.find(e=>e.type===r.type&&e.address.toLowerCase()===r.address.toLowerCase());if(!i)throw new e(409,`That account is already linked to another contact.`);if(i.status===`blocked`)throw new e(409,`That account is blocked for this contact. Unblock it before linking.`);await l(t,i.id)}async function d(t,r){let{data:o,error:s,response:c}=await i.post({url:`/v1/assistants/{assistant_id}/a2a/invites/redeem/`,path:{assistant_id:t},body:{sender_assistant_id:r.senderAssistantId,token:r.token},headers:{"Content-Type":`application/json`},throwOnError:!1});if(a(c,s,`Failed to redeem A2A invite`),!c.ok)throw new e(c.status,n(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};
1	+ import{_b as e,_d as t,bb as n,gd as r,ng as i,vb as a,vd as o}from"./app-BTYvw9j7.js";async function s(t,r){let{data:i,error:s,response:c}=await o({path:{assistant_id:t},body:r,throwOnError:!1});if(a(c,s,`Failed to save contact`),!c.ok\|\|!i?.contact)throw new e(c.status,n(s,c,`Failed to save contact`));return i.contact}async function c(r,i){let{error:o,response:s}=await t({path:{assistant_id:r,contact_id:i},throwOnError:!1});if(a(s,o,`Failed to delete contact`),!s.ok&&s.status!==204)throw new e(s.status,n(o,s,`Failed to delete contact`))}async function l(t,i){let{error:o,response:s}=await r({path:{assistant_id:t,channel_id:i},throwOnError:!1});if(a(s,o,`Failed to verify channel`),!s.ok)throw new e(s.status,n(o,s,`Failed to verify channel`))}async function u(t,n,r){let i=(await s(t,{id:n.id,displayName:n.displayName,channels:[{type:r.type,address:r.address}]})).channels.find(e=>e.type===r.type&&e.address.toLowerCase()===r.address.toLowerCase());if(!i)throw new e(409,`That account is already linked to another contact.`);if(i.status===`blocked`)throw new e(409,`That account is blocked for this contact. Unblock it before linking.`);await l(t,i.id)}async function d(t,r){let{data:o,error:s,response:c}=await i.post({url:`/v1/assistants/{assistant_id}/a2a/invites/redeem/`,path:{assistant_id:t},body:{sender_assistant_id:r.senderAssistantId,token:r.token},headers:{"Content-Type":`application/json`},throwOnError:!1});if(a(c,s,`Failed to redeem A2A invite`),!c.ok)throw new e(c.status,n(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-BVvZDosS.js ADDED Viewed

@@ -0,0 +1 @@

+ import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Cc as t,Ci as n,Dd as r,Di as i,Ei as a,Gd as o,Hy as s,Kb as c,L as l,Mo as u,Qf as d,Sx as f,Ti as p,Ud as m,Wd as h,Xb as g,Z as _,Zf as v,bx as y,dd as b,fx as x,hg as ee,hx as S,ib as C,ix as w,lc as te,nx as T,tx as E,xx as D,y as ne}from"./app-BTYvw9j7.js";import{I as O,Jn as k,N as A,Zn as j,er as re,j as M}from"./vendor-B2dSzLzU.js";import{_ as ie,f as ae,n as N,r as oe,t as se,x as P}from"./react-B9IgSVeK.js";import{$n as F,Gt as ce,Ia as I,It as le,La as L,Ri as ue,Tn as R,Xt as z,_t as de,b as B,gt as fe,ha as pe,qa as me,qn as V,vr as H,zn as U}from"./icons-bnwMda87.js";import{t as W}from"./ellipsis-vertical-B6wLKZyo.js";import{t as G}from"./detail-card-CaD43ZrD.js";import{n as he,r as ge,t as _e}from"./use-side-list-room-CHDictwl.js";import{c as K,i as ve,n as ye,r as q,t as be}from"./use-invite-link-dialog-Dtpx79a6.js";import{a as xe,i as Se,n as Ce,t as we}from"./contacts-gateway-BmoYU5P_.js";var Te=me(`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=me(`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?O(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`),[o,s]=(0,J.useState)(null);return(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(`div`,{className:`flex flex-col`,children:e.map((e,i)=>(0,Y.jsxs)(`div`,{children:[i>0?(0,Y.jsx)(`div`,{className:`border-t`,style:{borderColor:`var(--border-base)`}}):null,(0,Y.jsx)(Pe,{channel:e,pending:t===e.key,onConnect:n?()=>n(e.key):void 0,onDisconnect:r&&e.canDisconnect?()=>s(e.key):void 0})]},e.key))}),(0,Y.jsx)(E,{open:o!==null,title:i(`assistantContactChannels.disconnectConfirmTitle`,{channel:o?a(o):``}),message:i(`assistantContactChannels.disconnectConfirmMessage`),confirmLabel:i(`actions.disconnect`),destructive:!0,onConfirm:()=>{o&&r&&r(o),s(null)},onCancel:()=>s(null)})]})}function Pe({channel:e,pending:t,onConnect:r,onDisconnect:o}){let{t:s}=M(`contacts`),c=e.configured,{Icon:l,label:u}=i(e.health);return(0,Y.jsxs)(`div`,{className:`flex items-center gap-3 py-4`,children:[(0,Y.jsx)(n,{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:a(e.key)}),c&&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:c?(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)(l,{className:`h-3 w-3`}),u]}),o?(0,Y.jsx)(f,{variant:`danger`,onClick:o,disabled:t,children:s(t?`actions.disconnecting`:`actions.disconnect`)}):(0,Y.jsx)(f,{variant:`outlined`,asChild:!0,children:(0,Y.jsx)(N,{to:`${C.channels}?setup=${e.key}`,children:s(`actions.manage`)})})]}):r?(0,Y.jsx)(f,{variant:`outlined`,onClick:r,disabled:t,children:s(`actions.connect`)}):null})]})}function X({role:e,contactType:t}){let{label:n,tone:r}=Z(e,t);return(0,Y.jsx)(S,{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=u(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=p(e);if(i)return(0,J.createElement)(i,{size:16,className:n,style:r});switch(t){case`bot`:return(0,Y.jsx)(pe,{className:n,style:r});case`hash`:return(0,Y.jsx)(H,{className:n,style:r});case`send`:return(0,Y.jsx)(fe,{className:n,style:r});case`phone`:return(0,Y.jsx)(ce,{className:n,style:r});case`mail`:return(0,Y.jsx)(U,{className:n,style:r});case`message-square`:return(0,Y.jsx)(R,{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)(E,{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)(ue,{className:`h-3 w-3`}),c(`channelStatus.connected`)]}),o?(0,Y.jsx)(f,{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)(ue,{className:`h-3 w-3`}),c(`channelStatus.verified`)]}),o?(0,Y.jsx)(f,{variant:`danger`,onClick:o,children:c(`actions.revoke`)}):null]}):l.kind===`unverified`?(0,Y.jsx)(f,{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)(f,{onClick:s,children:[(0,Y.jsx)(F,{className:`h-3.5 w-3.5`}),c(`contactChannelsSection.linkAccount`)]}):null,(0,Y.jsx)(f,{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`),[o,s]=(0,J.useState)(t?.address?.trim()??``),c=(0,J.useRef)(null),l=(0,J.useId)(),u=o.trim();return ze(t)?(0,Y.jsx)(E,{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)(w.Root,{open:!0,onOpenChange:e=>{e||i()},children:(0,Y.jsx)(w.Content,{size:`sm`,hideCloseButton:!0,onOpenAutoFocus:e=>{e.preventDefault(),c.current?.focus()},onEscapeKeyDown:e=>{e.preventDefault(),e.stopPropagation(),i()},children:(0,Y.jsxs)(`form`,{className:`flex flex-col`,onSubmit:e=>{e.preventDefault(),u.length!==0&&r(u)},children:[(0,Y.jsx)(w.Header,{children:(0,Y.jsx)(w.Title,{children:a(`contactChannelsSection.verifyConfirmTitle`,{channel:e.label})})}),(0,Y.jsxs)(w.Body,{className:`flex flex-col gap-3`,children:[(0,Y.jsx)(w.Description,{children:a(n===`contact`?`contactChannelsSection.verifyAddressMessageContact`:`contactChannelsSection.verifyAddressMessageGuardian`,{channel:e.label})}),(0,Y.jsx)(x,{ref:c,id:l,label:a(`contactChannelsSection.verifyAddressLabel`),type:`text`,value:o,onChange:e=>{s(e.target.value)},placeholder:a(`contactChannelsSection.verifyAddressPlaceholder`),autoComplete:`off`,spellCheck:!1,fullWidth:!0})]}),(0,Y.jsxs)(w.Footer,{children:[(0,Y.jsx)(f,{variant:`outlined`,type:`button`,onClick:i,children:a(`actions.cancel`)}),(0,Y.jsx)(f,{type:`submit`,disabled:u.length===0,children:a(`actions.verify`)})]})]})})})}function Ge(e){return e===`none`||e===`low`||e===`medium`||e===`high`}function Ke(e,t){switch(t){case`none`:return e(`contactPermissions.preset.none`);case`low`:return e(`contactPermissions.preset.low`);case`medium`:return e(`contactPermissions.preset.medium`);case`high`:return e(`contactPermissions.preset.high`)}}function qe(e,t){if(t===null)return e(`contactPermissions.inheritDescription`);switch(t){case`none`:return e(`contactPermissions.description.none`);case`low`:return e(`contactPermissions.description.low`);case`medium`:return e(`contactPermissions.description.medium`);case`high`:return e(`contactPermissions.description.high`)}}function Je(e){return e.role!==`guardian`&&e.contactType!==`assistant`}function Ye({contact:e,pending:t,onAutoApproveThresholdChange:n}){let{t:r}=M(`contacts`),i=Ge(e.autoApproveThreshold)?e.autoApproveThreshold:null,a=i===null?null:l.find(e=>e.riskThreshold===i);return(0,Y.jsx)(G,{title:r(`contactPermissions.title`),subtitle:r(`contactPermissions.subtitle`),children:(0,Y.jsxs)(`div`,{className:`flex flex-col gap-2`,"data-testid":`contact-permissions`,children:[(0,Y.jsx)(`div`,{style:{maxWidth:280},children:(0,Y.jsx)(c,{value:a?.id??null,placeholder:r(`contactPermissions.inheritLabel`),disabled:t,onSelectNone:()=>{n(null)},onChange:e=>{let t=l.find(t=>t.id===e);t&&n(t.riskThreshold)},options:[{value:null,label:r(`contactPermissions.inheritLabel`)},...l.map(e=>{let t=e.icon;return{value:e.id,label:Ke(r,e.riskThreshold),icon:(0,Y.jsx)(t,{className:`h-3.5 w-3.5`})}})]})}),(0,Y.jsx)(`p`,{className:`text-body-small-default text-[var(--content-tertiary)]`,children:qe(r,i)})]})})}function Xe(e){return(0,Y.jsx)(Ze,{...e},e.contact.id)}function Ze({contact:e,savePending:t,deletePending:n,verifyPending:r,mergePending:i=!1,canMerge:a=!1,availableChannels:o,channelsLoadFailed:s,a2aEnabled:c,onSave:l,onDelete:u,onMerge:d,onSetupChannel:p,onVerifyChannel:m,onRevokeChannel:h,onLinkAccount:g,pendingAutoApproveThreshold:_,onAutoApproveThresholdChange:v}){let{t:y}=M(`contacts`),b=Me(e.displayName),[ee,S]=(0,J.useState)(b?``:e.displayName),[C,w]=(0,J.useState)(e.notes??``),[te,T]=(0,J.useState)(!1),D=ee.trim(),ne=C.trim(),O=b?``:e.displayName,k=e.notes??``,A=D!==O||ne!==k,j=D.length>0&&A&&!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)(x,{label:y(`contact.nameLabel`),type:`text`,value:ee,onChange:e=>S(e.target.value),placeholder:y(`contactDetailView.namePlaceholder`),autoFocus:b,disabled:t||n,fullWidth:!0}),(0,Y.jsx)(x,{label:y(`contact.notesLabel`),type:`text`,value:C,onChange:e=>w(e.target.value),placeholder:y(`contactDetailView.notesPlaceholder`),disabled:t||n,fullWidth:!0}),(0,Y.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,Y.jsx)(f,{type:`button`,onClick:()=>l({displayName:D,notes:ne}),disabled:!j,children:y(t?`actions.saving`:`actions.save`)}),d?(0,Y.jsx)(f,{type:`button`,variant:`outlined`,onClick:d,disabled:!a||re||A||i||t||n,title:a?re?y(`contactDetailView.mergeBlockedUnsavedDraft`):A?y(`contact.mergeBlockedUnsaved`):void 0:y(`contact.mergeBlockedNoCandidates`),children:y(i?`actions.merging`:`actions.merge`)}):null,(0,Y.jsx)(f,{type:`button`,variant:`danger`,onClick:()=>{re?u():T(!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:p,onVerifyChannel:m,onRevokeChannel:h,onLinkAccount:g})}),Je(e)&&v?(0,Y.jsx)(Ye,{contact:e,pending:_,onAutoApproveThresholdChange:v}):null,(0,Y.jsx)(E,{open:te,title:y(`contactDetailView.deleteConfirmTitle`,{name:ie}),message:y(`contactDetailView.deleteConfirmMessage`),confirmLabel:y(`actions.delete`),destructive:!0,onConfirm:()=>{T(!1),u()},onCancel:()=>T(!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:o}){let{t:s}=M(`contacts`),[c,l]=(0,J.useState)(``),[u,d]=(0,J.useState)(null);(0,J.useEffect)(()=>{u&&!n.some(e=>e.id===u)&&d(null)},[n,u]);let p=(0,J.useMemo)(()=>{let e=c.trim().toLowerCase();return e?n.filter(t=>t.displayName.toLowerCase().includes(e)):n},[n,c]),m=u?n.find(e=>e.id===u)??null:null,h=it(t);return(0,Y.jsx)(w.Root,{open:e,onOpenChange:e=>{!e&&!r&&o()},children:(0,Y.jsxs)(w.Content,{size:`md`,children:[(0,Y.jsxs)(w.Header,{icon:Ee,children:[(0,Y.jsx)(w.Title,{children:m?s(`contactMergeDialog.titlePicked`,{donor:m.displayName,survivor:h}):s(`contactMergeDialog.titlePicking`,{survivor:h})}),(0,Y.jsx)(w.Description,{children:s(m?`contactMergeDialog.descriptionPicked`:`contactMergeDialog.descriptionPicking`)})]}),(0,Y.jsxs)(w.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:c,onSearch:l,candidates:p,onPick:d}),i?(0,Y.jsx)(D,{as:`p`,variant:`body-small-default`,className:`text-(--system-negative-strong)`,role:`alert`,children:i}):null]}),(0,Y.jsx)(w.Footer,{children:m?(0,Y.jsxs)(Y.Fragment,{children:[(0,Y.jsx)(f,{variant:`outlined`,onClick:()=>d(null),disabled:r,leftIcon:(0,Y.jsx)(L,{"aria-hidden":!0}),children:s(`actions.back`)}),(0,Y.jsx)(f,{variant:`danger`,onClick:()=>a(m.id),disabled:r,children:s(r?`actions.merging`:`contactMergeDialog.confirm`)})]}):(0,Y.jsx)(f,{variant:`outlined`,onClick:o,disabled:r,children:s(`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)(x,{type:`text`,value:e,onChange:e=>t(e.target.value),placeholder:i(`contactMergeDialog.searchPlaceholder`),leftIcon:(0,Y.jsx)(de,{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)(D,{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)(g,{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)(A,{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)(D,{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-`)?O(`survivorName.you`,{ns:`contacts`}):O(`survivorName.youNamed`,{ns:`contacts`,name:e.displayName}):e.displayName||O(`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)(y.Root,{className:`flex h-full flex-col overflow-hidden`,children:(0,Y.jsxs)(y.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)(f,{type:`button`,variant:`ghost`,iconOnly:s?(0,Y.jsx)(V,{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)(x,{type:`text`,value:c,onChange:e=>l(e.target.value),placeholder:u(`contactsList.searchPlaceholder`),leftIcon:(0,Y.jsx)(de,{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)(f,{type:`button`,variant:`ghost`,onClick:o,disabled:s,tintColor:`var(--primary-base)`,leftIcon:s?(0,Y.jsx)(V,{className:`animate-spin`,"aria-hidden":!0}):(0,Y.jsx)(B,{"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)(z,{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)(g,{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)(S,{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:p,onGenerateInviteLink:m}){let{t:h}=M(`contacts`),g=e.displayName.startsWith(`vellum-principal-`),_=g?``:e.displayName,[v,y]=(0,J.useState)(_),[b,ee]=(0,J.useState)(e.notes??``),S=v.trim(),C=b.trim(),w=S!==_.trim()||C!==(e.notes??``).trim(),te=w&&!t,T=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:T,children:(0,Y.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[(0,Y.jsx)(x,{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)(x,{label:h(`contact.notesLabel`),type:`text`,value:b,onChange:e=>ee(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)(f,{variant:`primary`,onClick:()=>c({displayName:S||e.displayName,notes:C}),disabled:!te,children:h(t?`actions.saving`:`actions.save`)}),l?(0,Y.jsx)(f,{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:p})}),m?(0,Y.jsx)(q,{onClick:m}):null]})}function dt(e,t){let n=t.trim().toLowerCase().replace(/^@/,``);return n===``?e:e.filter(e=>e.displayName.toLowerCase().includes(n)||e.username.toLowerCase().includes(n))}function ft(e){let t=e.trim().split(/\s+/).filter(Boolean);return`${t[0]?.[0]??`?`}${t.length>1?t[t.length-1]?.[0]??``:``}`.toUpperCase()}function pt({open:e,channelLabel:t,contactName:n,accounts:r,loading:i,errorMessage:a,pendingAccountId:o,onPick:s,onClose:c,onInviteInstead:l}){let{t:u}=M(`contacts`),[d,p]=(0,J.useState)(``);(0,J.useEffect)(()=>{e&&p(``)},[e]);let m=(0,J.useMemo)(()=>dt(r??[],d),[r,d]),h=o!=null;return(0,Y.jsx)(w.Root,{open:e,onOpenChange:e=>!e&&c(),children:(0,Y.jsxs)(w.Content,{size:`sm`,children:[(0,Y.jsxs)(w.Header,{children:[(0,Y.jsx)(w.Title,{children:u(`linkAccountDialog.title`,{channel:t})}),(0,Y.jsx)(w.Description,{children:(0,Y.jsx)(A,{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)(w.Body,{className:`flex flex-col gap-3`,children:[(0,Y.jsx)(x,{type:`search`,value:d,onChange:e=>p(e.target.value),placeholder:u(`linkAccountDialog.searchPlaceholder`),"aria-label":u(`linkAccountDialog.searchAriaLabel`,{channel:t}),leftIcon:(0,Y.jsx)(de,{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:u(`linkAccountDialog.loading`)}):m.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?u(`linkAccountDialog.noMembers`):u(`linkAccountDialog.noMatches`)}):(0,Y.jsx)(`ul`,{className:`flex flex-col`,children:m.map(e=>(0,Y.jsx)(`li`,{children:(0,Y.jsxs)(`button`,{type:`button`,onClick:()=>s(e),disabled:h,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]})]}),o===e.id?(0,Y.jsx)(`span`,{className:`ml-auto shrink-0 text-body-small-default text-[color:var(--content-tertiary)]`,children:u(`linkAccountDialog.linking`)}):null]})},e.id))})})]}),(0,Y.jsxs)(w.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)(A,{i18nKey:`linkAccountDialog.guardianLinkNote`,ns:`contacts`,components:{emphasis:(0,Y.jsx)(`span`,{className:`text-[color:var(--content-secondary)]`})}})}),l?(0,Y.jsxs)(f,{variant:`link`,className:`shrink-0`,onClick:l,disabled:h,children:[u(`linkAccountDialog.inviteInstead`),(0,Y.jsx)(I,{className:`h-3.5 w-3.5`})]}):null]})]})})}function mt({assistantId:e,channelType:t,contact:n,onLinked:r}){let[i,a]=(0,J.useState)(!1),o=k({mutationFn:n=>Ce(e,n.contact,{type:t,address:n.account.id}),onSuccess:(e,t)=>{a(!1),T.success(O(`accountLink.linked`,{ns:`contacts`,username:t.account.username})),r()}}),s=(0,J.useCallback)(()=>{o.reset(),a(!0)},[o]),c=(0,J.useCallback)(()=>{o.isPending||(o.reset(),a(!1))},[o]),l=(0,J.useCallback)(e=>{!n||o.isPending||o.mutate({contact:n,account:e})},[n,o]);return{channelType:t,dialogOpen:i,open:s,close:c,linkErrorMessage:o.error instanceof Error?o.error.message:o.error?O(`accountLink.linkFailed`,{ns:`contacts`}):null,pendingAccountId:o.isPending?o.variables.account.id:null,pick:l}}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:i}=M(`contacts`),a=b.use.a2aChannel(),c=s.use.name(),l=re(),[f]=ie(),p=f.get(`setup`),g=p&&t(p)?p:null,[_,y]=(0,J.useState)({kind:`assistant`}),x=be(e),{paneRef:S,hasRoomForList:w,drawerOpen:te,openDrawer:E,closeDrawer:D}=_e(),[O,A]=(0,J.useState)(``),[ae,N]=(0,J.useState)(!1),se=u(c),P=(0,J.useMemo)(()=>({path:{assistant_id:e}}),[e]),F=h(P),ce=j({...m(P),enabled:!!e,select:e=>e.contacts}),I=ye({assistantId:e,onStartSetupConversation:n}),le=j({...r({path:{assistant_id:e}}),enabled:!!e,queryFn:async({signal:t})=>{let{data:n,error:r,response:i}=await ee({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)(()=>_.kind===`contact`?R?.find(e=>e.id===_.contactId)??null:null,[R,_]),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)(!!g);(0,J.useEffect)(()=>{me.current||z&&(me.current=!0,y({kind:`contact`,contactId:z.id}))},[z]);let V=(0,J.useCallback)(()=>l.invalidateQueries({queryKey:F}),[l,F]),H=k({mutationFn:()=>Se(e,{displayName:je}),onMutate:async()=>{await l.cancelQueries({queryKey:F})},onSuccess:e=>{o(l,P,t=>t?{...t,contacts:[...t.contacts,e]}:void 0),y({kind:`contact`,contactId:e.id})},onError:K(i(`contactsPage.createFailed`)),onSettled:()=>V()}),U=k({mutationFn:t=>we(e,t),onSuccess:(e,t)=>{o(l,P,e=>e?{...e,contacts:e.contacts.filter(e=>e.id!==t)}:void 0),y({kind:`assistant`})},onError:K(i(`contactsPage.deleteFailed`)),onSettled:()=>V()}),W=k({mutationFn:({contactId:t,patch:n})=>Se(e,{id:t,displayName:n.displayName,notes:n.notes}),onSuccess:e=>{o(l,P,t=>t?{...t,contacts:t.contacts.map(t=>t.id===e.id?e:t)}:void 0)},onError:K(i(`contactsPage.saveFailed`)),onSettled:()=>V()}),G=k({mutationFn:({contactId:t,displayName:n,autoApproveThreshold:r})=>Se(e,{id:t,displayName:n,autoApproveThreshold:r}),onSuccess:e=>{o(l,P,t=>t?{...t,contacts:t.contacts.map(t=>t.id===e.id?e:t)}:void 0)},onError:K(i(`contactPermissions.saveFailed`)),onSettled:()=>V()}),q=d({onMutate:async()=>{await l.cancelQueries({queryKey:F})},onSuccess:(e,t)=>{let n=e.contact,r=t.body.mergeId;n&&(o(l,P,e=>e?{...e,contacts:e.contacts.filter(e=>e.id!==r).map(e=>e.id===n.id?n:e)}:void 0),y({kind:`contact`,contactId:n.id})),N(!1),T.success(i(`contactsPage.mergeSucceeded`))},onSettled:()=>V()}),Te=(0,J.useCallback)(e=>{y(e),D(),N(!1),q.reset()},[D,q]),Ee=(0,J.useCallback)(()=>{q.reset(),N(!0)},[q]),De=(0,J.useCallback)(()=>{q.isPending||(N(!1),q.reset())},[q]),Oe=v({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=k({mutationFn:t=>xe(e,t.channelId),onSuccess:()=>V(),onError:K(i(`contactsPage.verifyFailed`))}),Z=k({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(i(`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=j({...ne(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(g)return(0,Y.jsx)(oe,{to:`${C.channels}?setup=${g}`,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,a)}: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,a),verified:yt(e.channels)})),selection:_,onAddContact:Me,addingContact:H.isPending,search:O,onSearchChange:A};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:E})}),(0,Y.jsx)(he,{open:te,onClose:D,title:i(`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:_.kind===`assistant`||_.kind===`contact`&&_.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:a,onSave:e=>{W.mutate({contactId:$.id,patch:e})},onMerge:Ee,onSetupChannel:n?Pe:void 0,onVerifyChannel:Ie,onRevokeChannel:ke,onGenerateInviteLink:a?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:a,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?i(`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?i(`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=_();return(0,Y.jsx)(_t,{assistantId:t,onStartSetupConversation:t=>{te(e,{prompt:t})}},t)}export{xt as ContactsPageRoute};

package/dist/assets/{credential-entry-page-Dg7Iprxn.js → credential-entry-page-Cno3_YB6.js} RENAMED Viewed

	@@ -1 +1 @@
1	- import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Sx as t,_h as n,bx as r,fx as i}from"./app-~~DxMy0jwj~~.js";import{j as a}from"./vendor-B2dSzLzU.js";import{t as o,x as s}from"./react-B9IgSVeK.js";import{Li as c,Vi as l,lr as u,qn as d}from"./icons-bnwMda87.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)(d,{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)(c,{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)(l,{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)(l,{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)(l,{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)(l,{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)(l,{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)(u,{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)(i,{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)(t,{type:`submit`,disabled:g\|\|!p.trim(),leftIcon:g?(0,b.jsx)(d,{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};
1	+ import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{Sx as t,bx as n,fx as r,gh as i}from"./app-BTYvw9j7.js";import{j as a}from"./vendor-B2dSzLzU.js";import{t as o,x as s}from"./react-B9IgSVeK.js";import{Li as c,Vi as l,lr as u,qn as d}from"./icons-bnwMda87.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 n=await fetch(i(p),{method:`POST`,credentials:`include`,headers:{"Content-Type":`application/json`},body:JSON.stringify({token:e}),signal:t}),r=await n.json().catch(()=>null);return n.ok&&_(r)?{status:`ok`,request:r}:n.status===404?{status:g(r)??`invalid`}:{status:`error`}}async function y(e,t,n){let r=await fetch(i(m),{method:`POST`,credentials:`include`,headers:{"Content-Type":`application/json`},body:JSON.stringify({token:e,value:t}),signal:n});if(r.ok)return{status:`ok`};let a=await r.json().catch(()=>null);return r.status===404?{status:g(a)??`invalid`}:r.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`),[i]=(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(!i){s({kind:`invalid`});return}let e=new AbortController;return(async()=>{let t=await v(i,e.signal).catch(()=>({status:`error`}));e.signal.aborted\|\|(t.status===`ok`?s({kind:`form`,request:t.request}):s({kind:t.status}))})(),()=>{e.abort()}},[i]);let D=async e=>{if(e.preventDefault(),!i\|\|o.kind!==`form`\|\|!p.trim()\|\|g)return;_(!0),T(null);let t=await y(i,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)(d,{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)(c,{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)(l,{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)(l,{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)(l,{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)(l,{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)(l,{className:`h-5 w-5 text-red-600`,"aria-hidden":!0}),title:e(`credentialEntry.errorTitle`),children:e(`credentialEntry.errorBody`)});else{let{request:n}=o,i=`${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)(u,{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\|\|i}),(0,b.jsxs)(`p`,{className:`mt-1 font-mono text-body-small-default text-[var(--content-tertiary)]`,children:[n.label?`${i} · `:``,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)(r,{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)(t,{type:`submit`,disabled:g\|\|!p.trim(),leftIcon:g?(0,b.jsx)(d,{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)(n.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-DXcTJXr-.js ADDED Viewed

@@ -0,0 +1 @@

+ import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{$f as t,Cx as n,Eg as r,Hy as i,S_ as a,Sx as o,Tg as s,X as c,Y as l,Z as u,_b as d,bx as f,dd as p,fx as m,hb as h,hx as g,i as _,ix as v,nx as y,ob as b,ox as ee,pb as te,tm as ne,tx as x,w_ as S}from"./app-BTYvw9j7.js";import{Zn as re,er as ie,j as C}from"./vendor-B2dSzLzU.js";import{t as w,x as T}from"./react-B9IgSVeK.js";import{$n as E,It as D,Jr as O,Ki as k,_t as A,k as j,lr as M,qn as N,qr as P,si as F}from"./icons-bnwMda87.js";import{t as I}from"./detail-card-CaD43ZrD.js";import{t as L}from"./use-supports-credentials-settings-sDA9skW6.js";var R=e(T(),1),z=`CREDENTIAL_IN_USE`;function ae(e){if(!(e instanceof d)||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(b(),{style:`long`,type:`conjunction`}).format(e)}var B=w(),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:r,deleting:i,onGenerateLink:a,onDelete:s}){let{t:c}=C(`settings`),l=`${e.service}:${e.field}`,u=r||i,d=[e.alias?l:null,e.createdAt?c(`credentialRow.addedMetadata`,{date:H(e.createdAt)}):null].filter(e=>!!e);return(0,B.jsx)(f.Root,{children:(0,B.jsxs)(f.Body,{padding:`sm`,className:`flex items-center gap-4 px-4`,children:[(0,B.jsx)(M,{className:`h-5 w-5 shrink-0 text-[var(--content-secondary)]`,"aria-hidden":!0}),(0,B.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,B.jsx)(`p`,{className:`truncate text-title-small text-[var(--content-default)]`,children:e.alias||l}),(0,B.jsx)(`div`,{className:`mt-0.5 flex min-w-0 items-center`,children:(0,B.jsx)(U,{assistantId:t,credential:e})}),d.length>0&&(0,B.jsx)(`p`,{className:`mt-0.5 truncate font-mono text-body-medium-lighter text-[var(--content-tertiary)]`,children:d.join(` · `)})]}),(0,B.jsxs)(`div`,{className:`flex shrink-0 items-center gap-2`,children:[(0,B.jsx)(n,{content:c(`credentialRow.generateLinkLabel`),side:`top`,children:(0,B.jsx)(o,{variant:`outlined`,onClick:a,disabled:u,"aria-label":c(`credentialRow.generateLinkAriaLabel`,{name:l}),iconOnly:r?(0,B.jsx)(N,{className:`animate-spin`,"aria-hidden":!0}):(0,B.jsx)(E,{"aria-hidden":!0})})}),(0,B.jsx)(n,{content:c(`credentialRow.deleteLabel`),side:`top`,children:(0,B.jsx)(o,{variant:`dangerOutline`,onClick:s,disabled:u,"aria-label":c(`credentialRow.deleteAriaLabel`,{name:l}),iconOnly:i?(0,B.jsx)(N,{className:`animate-spin`,"aria-hidden":!0}):(0,B.jsx)(j,{"aria-hidden":!0})})})]})]})})}function U({assistantId:e,credential:t}){let{t:n}=C(`settings`),[i,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 i=++d.current;s(!0);try{let{data:n}=await r({path:{assistant_id:e},body:{service:t.service,field:t.field},throwOnError:!0});d.current===i&&a(n.value)}catch{d.current===i&&y.error(n(`credentialRow.revealFailedToast`,{name:f}))}finally{d.current===i&&s(!1)}},[e,t.service,t.field,f,n]),h=(0,R.useCallback)(()=>{i!=null&&S(i,{errorMessage:n(`credentialRow.copyFailedToast`),onCopied:()=>{l(!0),u.current&&clearTimeout(u.current),u.current=setTimeout(()=>l(!1),V)}})},[i,n]),g=i!==null;return t.hasSecret?(0,B.jsxs)(`span`,{className:`inline-flex min-w-0 items-center gap-1.5 align-middle font-mono text-body-medium-lighter`,children:[(0,B.jsx)(`button`,{type:`button`,onClick:()=>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?i:t.scrubbedValue}),o?(0,B.jsx)(N,{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)(k,{className:`h-3.5 w-3.5`,"aria-hidden":!0}):(0,B.jsx)(F,{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)(O,{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)(P,{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 a.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=u(),t=L(e),n=i.use.assistantId();return i.use.version()!==null&&n===e&&!t?(0,B.jsx)(_,{}):t?(0,B.jsx)(K,{}):null}function K(){let{t:e}=C(`settings`),n=u(),r=ie(),i=ne(),a=c(n),d=re({queryKey:a,queryFn:async()=>{let{data:e}=await s({path:{assistant_id:n},body:{},throwOnError:!0});return{credentials:e.credentials,managedCredentials:e.managedCredentials}},enabled:i,retry:h}),_=(0,R.useMemo)(()=>d.data?.credentials??[],[d.data]),b=p.use.settingsDeveloperNav(),w=(0,R.useMemo)(()=>b?d.data?.managedCredentials??[]:[],[b,d.data]),[T,O]=(0,R.useState)(!1),[k,j]=(0,R.useState)(`own`),[P,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=t({onSuccess:(t,n)=>{r.invalidateQueries({queryKey:a}),y.success(e(`credentialsPage.deleteSuccessToast`,{name:`${n.body.service}:${n.body.field}`}))},onError:(t,n)=>{let r=ae(t),i=_.find(e=>e.service===n.body.service&&e.field===n.body.field);if(r&&i){U({credential:i,connections:r});return}te(t,{context:`credentials-delete`}),y.error(t.message||e(`credentialsPage.deleteErrorToast`))}}),de=J.isPending?`${J.variables?.body?.service}:${J.variables?.body?.field}`:null,Y=(0,R.useMemo)(()=>{let e=P.trim().toLowerCase();return e?_.filter(t=>[t.service,t.field,`${t.service}:${t.field}`,t.alias??``].join(` `).toLowerCase().includes(e)):_},[_,P]);(0,R.useEffect)(()=>{_.length<=W&&L(``)},[_.length]),(0,R.useEffect)(()=>{_.length===0&&w.length>0&&j(`managed`)},[_.length,w.length]);let X=(e,t)=>{J.mutate({path:{assistant_id:n},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 r=`${t.service}:${t.field}`;q(r);try{let i=await le(n,{service:t.service,field:t.field,label:t.alias??void 0});i.ok&&i.url?K({name:r,url:i.url,expiresAt:i.expiresAt??null}):y.error(i.error||e(`credentialsPage.generateLinkFailedToast`))}catch(t){y.error(t instanceof Error?t.message:e(`credentialsPage.generateLinkFailedToast`))}finally{q(null)}},he=()=>{let t=G?.url;t&&S(t,{successMessage:e(`credentialsPage.linkCopiedToast`),errorMessage:e(`credentialsPage.linkCopyFailedToast`)})};if(d.isLoading)return(0,B.jsx)(`div`,{className:`flex items-center justify-center py-10`,children:(0,B.jsx)(N,{className:`h-5 w-5 animate-spin text-[var(--content-disabled)]`})});let Z=_.length>0,Q=w.length>0,ge=_.length>W,$=k===`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)(I,{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)(ee,{items:ve,value:k,onChange:j,ariaLabel:e(`credentialsPage.credentialSourceAriaLabel`)}):null,_e&&Z?(0,B.jsx)(o,{type:`button`,variant:`primary`,size:`regular`,onClick:()=>O(!0),leftIcon:(0,B.jsx)(D,{"aria-hidden":!0}),children:e(`credentialsPage.addButton`)}):null]}),children:$?(0,B.jsx)(`div`,{className:`space-y-2`,children:w.map(t=>(0,B.jsx)(f.Root,{children:(0,B.jsxs)(f.Body,{padding:`sm`,className:`flex items-center gap-4 px-4`,children:[(0,B.jsx)(M,{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)(g,{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)(m,{type:`text`,value:P,onChange:e=>L(e.target.value),placeholder:e(`credentialsPage.searchPlaceholder`),"aria-label":e(`credentialsPage.searchAriaLabel`),leftIcon:(0,B.jsx)(A,{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:P.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:n,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)(M,{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)(o,{type:`button`,variant:`outlined`,size:`compact`,onClick:()=>O(!0),className:`w-full border-dashed`,leftIcon:(0,B.jsx)(D,{"aria-hidden":!0}),children:e(`credentialsPage.addCredentialButton`)})]})}),(0,B.jsx)(x,{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)(x,{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)(l,{open:T,onClose:()=>O(!1)}),(0,B.jsx)(v.Root,{open:G!==null,onOpenChange:e=>{e||K(null)},children:(0,B.jsxs)(v.Content,{size:`sm`,children:[(0,B.jsxs)(v.Header,{icon:E,children:[(0,B.jsx)(v.Title,{children:e(`credentialsPage.oneTimeLinkModalTitle`)}),(0,B.jsx)(v.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)(v.Body,{children:(0,B.jsx)(m,{label:e(`credentialsPage.linkLabel`),type:`text`,readOnly:!0,value:G?.url??``,onFocus:e=>e.currentTarget.select(),fullWidth:!0})}),(0,B.jsx)(v.Footer,{children:(0,B.jsx)(o,{type:`button`,size:`compact`,onClick:he,leftIcon:(0,B.jsx)(F,{"aria-hidden":!0}),children:e(`credentialsPage.copyLinkButton`)})})]})})]})}export{G as CredentialsPage};

package/dist/assets/{csv-preview-CmzA2Sku.js → csv-preview-Cr_CfhY7.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{pr as t,xx as n}from"./app-DxMy0jwj.js";import{at as r,j as i}from"./vendor-B2dSzLzU.js";import{t as a,x as o}from"./react-B9IgSVeK.js";import{t as s}from"./preview-error-vNKC-_Ku.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{pr as t,xx as n}from"./app-BTYvw9j7.js";import{at as r,j as i}from"./vendor-B2dSzLzU.js";import{t as a,x as o}from"./react-B9IgSVeK.js";import{t as s}from"./preview-error-BxxJs_Br.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)(t,{});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)(n,{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)(n,{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-DA342PL2.js ADDED Viewed

	@@ -0,0 +1 @@
1	+ import{o as e}from"./rolldown-runtime-BM3Ffeng.js";import{ib as t}from"./app-BTYvw9j7.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};